.countdown{display:inline-flex;align-items:center;flex-wrap:wrap;background-color:#000;gap:4px;transition:all .3s ease}.countdown *{color:#fff}.countdown.countdown--sm-md{padding:6px 12px;border-radius:10px;gap:8px}.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:11px;font-weight:500}.countdown.countdown--sm-md .countdown-time__value{font-size:14px;font-weight:800;white-space:nowrap}.countdown.countdown--sm-with-prefix:not(.countdown--sm-md){padding:6px 12px;border-radius:8px}.countdown.countdown--sm-with-prefix:not(.countdown--sm-md) .countdown-time--prefix{font-size:11px;font-weight:600}.countdown.soft{background-color:#dcdcdc;color:#5a5a5a}.countdown.soft *{color:#5a5a5a}.countdown.gray{background-color:#5a5a5a;color:#dcdcdc}.countdown.gray *{color:#dcdcdc}.countdown.secondary{background-color:var(--color-secondary);color:#fff}.countdown.secondary *{color:#fff}.countdown.danger{background-color:var(--color-danger)}.countdown.danger *{color:#fff}.countdown.warning{background-color:var(--color-warning)}.countdown.warning *{color:#fff}