@layer custom{.countdown{aspect-ratio:1312/325;--countdown-empty:color-mix(in oklch, var(--bg), white 55%);--countdown-duration:.34s;--countdown-stagger:60ms;--countdown-easing:cubic-bezier(.16, 1, .3, 1);position:relative;overflow:hidden}.countdown__img{-o-object-fit:cover;object-fit:cover;width:100%;height:100%;position:absolute;inset:0}.countdown__grid{display:flex;position:absolute;inset:0}.countdown__cell{box-sizing:border-box;background:var(--countdown-empty);border-left:calc(var(--vs-xs) / 2) solid var(--bg);border-right:calc(var(--vs-xs) / 2) solid var(--bg);flex:1 1 0;position:relative;overflow:hidden}.countdown__cell.is-filled{background:0 0}.countdown--primed .countdown__cell.is-filled:after{content:"";background:var(--countdown-empty);position:absolute;inset:0}.countdown--revealed .countdown__cell.is-filled:after{animation:.34s cubic-bezier(.16,1,.3,1) both countdown-cell-reveal;animation:countdown-cell-reveal var(--countdown-duration,.34s) var(--countdown-easing,cubic-bezier(.16, 1, .3, 1)) calc(var(--i,0) * var(--countdown-stagger,28ms)) both}@keyframes countdown-cell-reveal{0%{transform:translate(0)}to{transform:translate(100%)}}@media (width<=639.98px){.countdown__cell:nth-child(2n){border-left:none;border-right:none;flex:0 0 0;min-width:0;overflow:hidden}.countdown{--countdown-stagger:30ms}}}
