.countdown-value {
    font-size: 2rem;
    line-height: 1.1;
    font-variant-numeric: tabular-nums;
}
.countdown-seg {
    min-width: 3.5rem;
    flex: 1 1 3.5rem;
    max-width: 6rem;
}
.countdown-label {
    letter-spacing: .05em;
}
@media (prefers-reduced-motion: no-preference) {
    .countdown {
        animation: countdown-in .5s ease-out both;
    }
    .countdown-seg[data-unit="seconds"] .countdown-value.countdown-tick {
        animation: countdown-pulse .5s ease-out;
    }
    @keyframes countdown-in {
        from { opacity: 0; transform: translateY(-.5rem); }
        to   { opacity: 1; transform: translateY(0); }
    }
    @keyframes countdown-pulse {
        0%   { transform: scale(1); }
        40%  { transform: scale(1.18); }
        100% { transform: scale(1); }
    }
}