.countdown{justify-content:center;align-items:flex-start;display:flex}.countdown--large{margin:var(--space-md) 0;flex-wrap:nowrap;gap:.75rem}.countdown--mini{gap:.5rem}.countdown-unit{flex-direction:column;align-items:center;display:flex;position:relative}.countdown--mini .countdown-unit{flex-direction:row;align-items:baseline;gap:4px}.countdown-value-wrap{justify-content:center;align-items:center;display:flex;position:relative;overflow:hidden}.countdown--large .countdown-value-wrap{-webkit-backdrop-filter:blur(10px);border-radius:var(--radius-md);background:#00000073;border:1px solid #f2c94c40;min-width:84px;padding:.85rem .5rem;box-shadow:0 10px 30px #00000059,inset 0 1px #ffffff0f}.countdown--mini .countdown-value-wrap{min-width:auto;padding:0}.countdown-value{font-family:var(--font-heading);color:var(--color-pineapple-gold);font-variant-numeric:tabular-nums;font-weight:800;line-height:1;animation:.45s cubic-bezier(.16,1,.3,1) digitFlip;display:inline-block}.countdown--large .countdown-value{letter-spacing:-.02em;font-size:clamp(2rem,5.5vw,3.25rem)}.countdown--mini .countdown-value{letter-spacing:.5px;font-size:.95rem;font-weight:700}.countdown-label{text-transform:uppercase;letter-spacing:2px;color:#f9f6f08c;font-size:.7rem;font-family:var(--font-heading);margin-top:.6rem;font-weight:500}.countdown--mini .countdown-label{letter-spacing:1px;color:#f9f6f099;margin-top:0;font-size:.7rem}@keyframes digitFlip{0%{opacity:0;transform:translateY(-60%)}to{opacity:1;transform:translateY(0)}}@media (prefers-reduced-motion:reduce){.countdown-value{animation:none}}@media (max-width:768px){.countdown--large{gap:.5rem}.countdown--large .countdown-value-wrap{min-width:64px;padding:.65rem .3rem}.countdown--large .countdown-value{font-size:clamp(1.6rem,7vw,2.25rem)}.countdown-label{letter-spacing:1.2px;font-size:.6rem}}@media (max-width:380px){.countdown--large .countdown-value-wrap{min-width:54px;padding:.55rem .2rem}}