split-flap-countdown{display:inline-flex;gap:16px;margin:6px 0 22px;vertical-align:top}split-flap-countdown .sf-group{display:inline-flex;flex-direction:column;align-items:center;gap:7px}split-flap-countdown .sf-digits{display:flex;gap:3px}split-flap-countdown .sf-digit{position:relative;width:.72em;height:1.06em;font-size:clamp(30px,6vw,58px);font-weight:700;line-height:1.06;color:#fff;perspective:320px}split-flap-countdown .sf-half{position:absolute;left:0;width:100%;height:50%;overflow:hidden;background:#151515;backface-visibility:hidden}split-flap-countdown .sf-half>span{position:absolute;left:0;width:100%;height:200%;text-align:center}split-flap-countdown .sf-top,split-flap-countdown .sf-flip-top{top:0;border-radius:.1em .1em 0 0;border-bottom:1px solid rgba(0,0,0,.55)}split-flap-countdown .sf-bottom,split-flap-countdown .sf-flip-bottom{bottom:0;border-radius:0 0 .1em .1em}split-flap-countdown .sf-top>span,split-flap-countdown .sf-flip-top>span{top:0}split-flap-countdown .sf-bottom>span,split-flap-countdown .sf-flip-bottom>span{top:-100%}split-flap-countdown .sf-flip-top,split-flap-countdown .sf-flip-bottom{display:none;z-index:2}split-flap-countdown .sf-flipping .sf-flip-top{display:block;transform-origin:center bottom;animation:sf-flip-top .3s ease-in forwards}split-flap-countdown .sf-flipping .sf-flip-bottom{display:block;transform:rotateX(90deg);transform-origin:center top;animation:sf-flip-bottom .3s .3s ease-out forwards}@keyframes sf-flip-top{0%{transform:rotateX(0)}to{transform:rotateX(-90deg)}}@keyframes sf-flip-bottom{0%{transform:rotateX(90deg)}to{transform:rotateX(0)}}split-flap-countdown .sf-label{font-size:10px;font-weight:600;letter-spacing:.16em;text-transform:uppercase;opacity:.8}split-flap-countdown .sf-finished{display:inline-block;font-size:clamp(18px,3.4vw,28px);font-weight:700;letter-spacing:.22em;text-transform:uppercase;margin:4px 0 18px}@media only screen and (max-width:767px){split-flap-countdown{gap:12px}}split-flap-countdown.sf-style-light .sf-digit{color:#151515}split-flap-countdown.sf-style-light .sf-half{background:#fff}split-flap-countdown.sf-style-light .sf-top,split-flap-countdown.sf-style-light .sf-flip-top{border-bottom-color:#00000029}
/*# sourceMappingURL=/cdn/shop/t/20/assets/split-flap-countdown.css.map */