.countdown-timer{padding:var(--space-s);background-color:var(--color-bg-raised);border-radius:var(--border-radius-m);width:100%;min-height:100px;position:relative;overflow:hidden}.countdown-timer--compact .countdown-timer__item{padding:var(--space-xs)}.countdown-timer--simple{flex-direction:column;justify-content:center;display:flex}.countdown-timer--simple .countdown-timer__item{padding:var(--space-xs)}.countdown-timer--simple .countdown-timer__number{font-weight:var(--font-weight);font-size:var(--font-size-l);color:var(--color-text-light)!important}.countdown-timer--ongoing{justify-content:center;align-items:center;height:80px;display:flex}.countdown-timer--past .countdown-timer__number{animation:none;color:var(--color-text)!important}.countdown-timer__now-text{padding:var(--space-s) var(--space-m);font-size:3rem;font-weight:var(--font-weight-black);color:var(--color-accent);text-transform:uppercase;text-shadow:0 0 20px var(--color-bg-accent-raised);margin-bottom:-6px}.countdown-timer__now-text--simple{color:var(--color-text-lighter);text-shadow:none}@media (width<=768px){.countdown-timer__now-text{font-size:2rem}}@media (width<=480px){.countdown-timer__now-text{font-size:var(--font-size-xl)}}.countdown-timer__item{padding:var(--space-s);min-width:80px;transition:all .3s cubic-bezier(.4,0,.2,1);position:relative}.countdown-timer__item:last-of-type{border-right:none}.countdown-timer__item{min-width:auto}@media (width<=480px){.countdown-timer__item{padding:6px}}.countdown-timer__number-wrapper{text-align:center;position:relative}.countdown-timer__number{font-size:var(--font-size-xxl);color:var(--color-accent);margin-bottom:var(--space-xxs);font-weight:800;line-height:1;transition:all .3s;animation:.6s ease-out whiteFlash;display:inline-block}.countdown-timer__label{font-size:var(--font-size-xxs);text-transform:capitalize;letter-spacing:.5px;color:var(--color-text-light)!important}@media (width<=768px){.countdown-timer__label{font-size:10px}}@media (width<=480px){.countdown-timer__label{font-size:9px}}.countdown-timer__progress-wrapper{height:8px;margin-top:var(--space-xs);align-items:center;display:flex}.countdown-timer__progress-wrapper .vui-progress{background-color:var(--color-text-lightest)}@keyframes whiteFlash{0%{color:var(--color-accent);transform:scale(1.1)}50%{color:var(--color-text-white)}to{transform:scale(1)}}