.countdown{display:inline-flex;align-items:center;flex-wrap:wrap;background-color:var(--color-black);gap:var(--space-1);transition:all var(--duration-base) ease}.countdown *{color:var(--color-white)}.countdown.countdown--sm-md{padding:var(--space-1-5) 12px;border-radius:var(--radius-md);gap:var(--space-2)}.countdown.countdown--sm-md .countdown-time--prefix{display:inline-flex;align-items:center;flex-wrap:wrap;letter-spacing:.02em}.countdown.countdown--sm-md .countdown-time__prefix{margin-right:6px;opacity:.95;font-size:var(--font-size-xs);font-weight:var(--font-weight-medium)}.countdown.countdown--sm-md .countdown-time__value{font-size:var(--font-size-base);font-weight:var(--font-weight-extrabold);white-space:nowrap}.countdown.countdown--sm-with-prefix:not(.countdown--sm-md){padding:var(--space-1-5) 12px;border-radius:var(--radius-md)}.countdown.countdown--sm-with-prefix:not(.countdown--sm-md) .countdown-time--prefix{font-size:var(--font-size-xs);font-weight:var(--font-weight-semibold)}.countdown.soft{background-color:var(--color-countdown-bg)}.countdown.soft,.countdown.soft *{color:var(--color-countdown-text)}.countdown.gray{background-color:var(--color-countdown-text)}.countdown.gray,.countdown.gray *{color:var(--color-countdown-bg)}.countdown.secondary{background-color:var(--color-secondary)}.countdown.secondary,.countdown.secondary *{color:var(--color-white)}.countdown.danger{background-color:var(--color-danger)}.countdown.danger *{color:var(--color-white)}.countdown.warning{background-color:var(--color-warning)}.countdown.warning *{color:var(--color-white)}