.countdown{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:var(--gap-3);width:100%;min-width:276px;max-width:400px}.countdown--pending{visibility:hidden}.countdown--light{--countdown-box: var(--color-component-countdown-primary);--countdown-value: var(--color-text-primary);--countdown-label: var(--color-text-primary)}.countdown--inverted{--countdown-box: var(--color-component-countdown-inverted);--countdown-value: var(--color-text-inverted);--countdown-label: var(--color-text-inverted)}.countdown__unit{display:flex;flex-direction:column;align-items:center;gap:var(--gap-2);min-width:0}.countdown__value{display:flex;align-items:center;justify-content:center;width:100%;height:56px;border-radius:var(--radius-2);background-color:var(--countdown-box);color:var(--countdown-value);font-size:30px;line-height:36px;font-weight:600;font-variant-numeric:tabular-nums}@media (width >= 768px){.countdown__value{font-size:40px;line-height:48px}}.countdown__label{color:var(--countdown-label);text-align:center}