.notify-item>div {
	font-family: var(--font-ui);
}


.action {
	display: flex;
	margin-right: 10px;
}

.action:hover {
	cursor: pointer;
}

.action>div {
	padding: 6px;
}

.action>div>svg {
	height: 18px;
}

.action-icon {
	aspect-ratio: 1 / 1;
	display: flex;
	align-content: center;
	justify-content: center;
	align-items: center;
	cursor: pointer;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
}

.action-count {
	display: flex;
	align-content: center;
	justify-content: center;
	align-items: center;
	font-family: var(--font-ui);
	font-size: 0.85em;
	font-weight: bold;
}

.action-count:hover {
	text-decoration: underline;
}

.action[data-status='0']>.action-icon>svg {
	fill: #999;
}

.action[data-status='0']>.action-icon:hover {
	background-color: #EEE;
}

.action[data-status='1']>.action-icon {
	background-color: var(--color-alert);
}

.action[data-status='1']>.action-icon>svg {
	fill: #FFF;
}

.action[data-status='1']>.action-icon:hover {
	filter: brightness(0.95);
}

@media (max-width: 1600px) {}

@media (max-width: 1200px) {}

@media (max-width: 1024px) {}

@media (max-width: 840px) {}

@media (max-width: 720px) {}

@media (max-width: 600px) {
	.btn {
		font-size: 0.85em;
		padding: 8px 8px;
	}
}

@media (max-width: 480px) {}

@media (max-width: 320px) {}