/* The Draft Core — Live badge. Global, because the badge is added to story
 * titles in any list (core/post-title), not only inside The Draft's blocks. */

.the-draft-live-badge {
	align-items: center;
	color: var(--wp--preset--color--live, #e4002b);
	display: inline-flex;
	font-family: var(--wp--preset--font-family--sans, system-ui, sans-serif);
	font-size: 0.7rem;
	font-weight: 800;
	gap: 0.4em;
	letter-spacing: 0.08em;
	text-transform: uppercase;
	vertical-align: middle;
}
.the-draft-live-badge::before {
	animation: the-draft-pulse 1.6s ease-in-out infinite;
	background: currentColor;
	border-radius: 50%;
	content: "";
	height: 0.6em;
	width: 0.6em;
}
@keyframes the-draft-pulse { 50% { opacity: 0.25; } }
@media (prefers-reduced-motion: reduce) { .the-draft-live-badge::before { animation: none; } }