@keyframes snb-fade-up {

	from {
		opacity: 0;
		transform: translateY(20px);
	}

	to {
		opacity: 1;
		transform: translateY(0);
	}
}

@keyframes snb-pulse {

	0%,
	100% {
		opacity: 1;
	}

	50% {
		opacity: 0.5;
	}
}

.snb-animate {
	animation: snb-fade-up 0.6s var(--snb-ease) both;
}

.snb-animate--hidden {
	opacity: 0;
}

.snb-live-dot {
	display: inline-block;
	width: 8px;
	height: 8px;
	border-radius: 50%;
	background: var(--snb-red);
	animation: snb-pulse 2s ease-in-out infinite;
}

@media (prefers-reduced-motion: reduce) {

	.snb-animate,
	.snb-live-dot,
	.snb__live-dot,
	.snb-compact__live-dot,
	.snb-editor-header__live-dot {
		animation: none;
	}

	[class^="snb-"],
	[class^="snb__"],
	[class*=" snb-"],
	[class*=" snb__"] {
		transition-duration: 0.01ms !important;
		animation-duration: 0.01ms !important;
		animation-iteration-count: 1 !important;
	}
}