.sp-flip{display:inline-block;position:relative;width:60px;height:100px;line-height:100px;font-size:82px;color:#040404;text-align:center;font-family:Roboto-Bold}.sp-flip .sp-digital:before,.sp-flip .sp-digital:after{content:"";position:absolute;left:0;right:0;background:#fff;overflow:hidden;box-sizing:border-box}.sp-flip .sp-digital:before{top:0;bottom:50%;border-bottom:solid 1px #666}.sp-flip .sp-digital:after{top:50%;bottom:0;line-height:0}.sp-flip.down .front:before{z-index:3}.sp-flip.down .back:after{z-index:2;transform-origin:50% 0%;transform:perspective(160px) rotateX(180deg)}.sp-flip.down .front:after,.sp-flip.down .back:before{z-index:1}.sp-flip.down.go .front:before{transform-origin:50% 100%;animation:frontFlipDown .6s ease-in-out both;box-shadow:0 -2px 6px #ffffff4d;backface-visibility:hidden}.sp-flip.down.go .back:after{animation:backFlipDown .6s ease-in-out both}.sp-flip.down.go .front:after{animation:backFlipDown2 .6s ease-in-out both}.sp-flip.up .front:after{z-index:3}.sp-flip.up .back:before{z-index:2;transform-origin:50% 100%;transform:perspective(160px) rotateX(-180deg)}.sp-flip.up .front:before,.sp-flip.up .back:after{z-index:1}.sp-flip.up.go .front:after{transform-origin:50% 0;animation:frontFlipUp .6s ease-in-out both;box-shadow:0 2px 6px #ffffff4d;backface-visibility:hidden}.sp-flip.up.go .back:before{animation:backFlipUp .6s ease-in-out both}@keyframes frontFlipDown{0%{transform:perspective(160px) rotateX(0)}to{transform:perspective(160px) rotateX(-180deg)}}@keyframes backFlipDown{0%{transform:perspective(160px) rotateX(180deg)}90%{transform:perspective(160px) rotateX(-15deg)}to{transform:perspective(160px) rotateX(0)}}@keyframes backFlipDown2{0%{transform:perspective(160px)}90%{transform:perspective(160px) rotateX(-15deg)}to{transform:perspective(160px) rotateX(0)}}@keyframes frontFlipUp{0%{transform:perspective(160px) rotateX(0)}to{transform:perspective(160px) rotateX(180deg)}}@keyframes backFlipUp{0%{transform:perspective(160px) rotateX(-180deg)}to{transform:perspective(160px) rotateX(0)}}.sp-flip .number0:before,.sp-flip .number0:after{content:"0"}.sp-flip .number1:before,.sp-flip .number1:after{content:"1"}.sp-flip .number2:before,.sp-flip .number2:after{content:"2"}.sp-flip .number3:before,.sp-flip .number3:after{content:"3"}.sp-flip .number4:before,.sp-flip .number4:after{content:"4"}.sp-flip .number5:before,.sp-flip .number5:after{content:"5"}.sp-flip .number6:before,.sp-flip .number6:after{content:"6"}.sp-flip .number7:before,.sp-flip .number7:after{content:"7"}.sp-flip .number8:before,.sp-flip .number8:after{content:"8"}.sp-flip .number9:before,.sp-flip .number9:after{content:"9"}.sp-clock{height:100%;text-align:center;display:flex;gap:7px;justify-content:center;align-items:center}.sp-clock em{display:inline-block;line-height:98px;font-size:70px;font-style:normal;vertical-align:top}.sp-clock .sp-dots{display:flex;flex-direction:column;justify-content:center;gap:16px}.sp-clock .sp-dot{width:14px;height:14px;background:#fff;border-radius:50%;margin:0 6px}
/*# sourceMappingURL=/cdn/shop/t/64/assets/clock.css.map */