.countdown{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:var(--gap-3);width:100%;min-width:288px;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--campaign{--countdown-box: var(--color-component-countdown-inverted);--countdown-value: var(--color-text-inverted);--countdown-label: var(--color-text-inverted)}.countdown--dark{--countdown-box: #ffc859;--countdown-value: var(--color-text-primary);--countdown-label: var(--color-text-inverted)}[data-theme=blue] .countdown--dark,.theme-blue .countdown--dark{--countdown-box: var(--color-component-countdown-inverted);--countdown-value: var(--color-text-inverted)}.countdown__unit{display:flex;flex-direction:column;align-items:center;gap:var(--gap-2);min-width:0}.countdown__value{width:100%;padding:var(--p-2) 0;border-radius:var(--radius-2);background-color:var(--countdown-box);color:var(--countdown-value);font-size:40px;line-height:48px;font-weight:600;text-align:center;font-variant-numeric:tabular-nums}.countdown__label{color:var(--countdown-label);text-align:center}