.intro{margin:0 auto;padding:0;text-align:center}.intro.hide-sub .sub-text{display:none}.countdown-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(70px,1fr));margin:0 auto;max-width:360px}.countdown-box{background-color:#fff;border:1px solid #ededed;border-radius:6px;color:#000;flex-direction:column;height:88px;overflow:hidden;width:76px}.countdown-box,.value-container{align-items:center;display:flex;position:relative}.value-container{flex-grow:1;justify-content:center;margin-top:5px;width:100%}.countdown-value{margin:0;position:absolute;transition:all .3s cubic-bezier(.4,0,.2,1)}.v-static{opacity:1;transform:translateY(0)}.v-true{opacity:0;transform:translateY(20px)}.is-loaded [data-box=days] .v-static{opacity:0;transform:translateY(-2px);transition-delay:.1s}.is-loaded [data-unit=days-true]{opacity:1;transform:translateY(0);transition-delay:.15s}.is-loaded [data-box=hours] .v-static{opacity:0;transform:translateY(-2px);transition-delay:.25s}.is-loaded [data-unit=hours-true]{opacity:1;transform:translateY(0);transition-delay:.3s}.is-loaded [data-box=minutes] .v-static{opacity:0;transform:translateY(-2px);transition-delay:.4s}.is-loaded [data-unit=minutes-true]{opacity:1;transform:translateY(0);transition-delay:.45s}.is-loaded [data-box=seconds] .v-static{opacity:0;transform:translateY(-2px);transition-delay:.55s}.is-loaded [data-unit=seconds-true]{opacity:1;transform:translateY(0);transition-delay:.6s}.countdown-label{color:#000;font-size:.6rem;margin-bottom:12px;text-transform:uppercase}@media (max-width:600px){.countdown-box{height:96px;margin:0 auto;width:76px}.countdown-value{font-size:1.8rem}}