.clock-wapper{--bgc: #e3b7b4;--tc: #953e42;--dc: #e2bcc1;--ltc: #e3b7b4;--sc: rgba(159, 92, 103, .7);--lbg: transparent;display:flex;justify-content:center}.flip-clock-wrapper *{box-sizing:border-box;backface-visibility:hidden}.flip-clock-wrapper a{cursor:pointer;text-decoration:none;color:#ccc}.flip-clock-wrapper a:hover{color:#fff}.flip-clock-wrapper ul{list-style:none}.flip-clock-wrapper.clearfix:before,.flip-clock-wrapper.clearfix:after{content:" ";display:table}.flip-clock-wrapper.clearfix:after{clear:both}.flip-clock-wrapper.clearfix{zoom:1}.flip-clock-wrapper{font-family:Helvetica Neue,Helvetica,sans-serif;-webkit-user-select:none;user-select:none}.flip-clock-wrapper{display:inline-block;text-align:center;position:relative;margin-bottom:.25em}.flip-clock-wrapper:before,.flip-clock-wrapper:after{content:" ";display:table}.flip-clock-wrapper:after{clear:both}.flip-clock-wrapper{--fz: 90px;font-size:var(--fz);--ih: 1.313em;--iw: .85em}.flip-clock-wrapper ul{position:relative;float:left;margin:.12em;width:var(--iw);height:var(--ih);font-weight:700;line-height:var(--ih);border-radius:6px;background:var(--bgc, #313131)}.flip-clock-wrapper ul li{z-index:1;position:absolute;left:0;top:0;width:100%;height:100%;text-decoration:none!important}.flip-clock-wrapper ul li:first-child{z-index:2}.flip-clock-wrapper ul li a{display:block;height:100%;perspective:200px;margin:0!important;overflow:visible!important;cursor:default!important;pointer-events:none}.flip-clock-wrapper ul li a div{z-index:1;position:absolute;left:0;width:100%;height:50%;overflow:hidden;outline:1px solid transparent}.flip-clock-wrapper ul li a div .shadow{position:absolute;width:100%;height:100%;z-index:2}.flip-clock-wrapper ul li a div.up{transform-origin:50% 100%;top:0}.flip-clock-wrapper ul li a div.up:after{content:"";position:absolute;top:100%;left:0;z-index:5;width:100%;height:3px;background:var(--lbg, #000)}.flip-clock-wrapper ul li a div.down{transform-origin:50% 0;bottom:0;border-bottom-left-radius:6px;border-bottom-right-radius:6px}.flip-clock-wrapper ul li a div div.inn{position:absolute;left:0;z-index:1;width:100%;height:200%;color:var(--tc, #ccc);text-align:center;background-color:var(--bgc, #333);border-radius:6px}.flip-clock-wrapper ul li a div.up div.inn{top:0}.flip-clock-wrapper ul li a div.down div.inn{bottom:0}.flip-clock-wrapper ul.play li.flip-clock-before{z-index:3}.flip-clock-wrapper .flip{z-index:1;box-shadow:0 2px 5px var(--sc, rgba(0, 0, 0, .7))}.flip-clock-wrapper ul.play li.flip-clock-active{animation:asd .01s .49s linear both;z-index:5}.flip-clock-divider{display:block;float:left;position:relative;width:.25em;height:calc(var(--ih) + 10px)}.flip-clock-divider:first-child{width:0}.flip-clock-dot{display:block;background:var(--dc, #323434);width:.15em;height:.15em;position:absolute;left:50%;transform:translate(-50%);z-index:2;border-radius:99px}.flip-clock-divider .flip-clock-label{position:absolute;bottom:-1.5em;left:calc(var(--iw) * 4.444 + 100% + 10px);transform:translate(-50%);font-size:.225em;font-weight:600;font-family:Montserrat-SemiBold,Montserrat;color:var(--ltc, #333);z-index:2;line-height:1}.flip-clock-dot.top{top:.375em}.flip-clock-dot.bottom{bottom:.375em}@keyframes asd{0%{z-index:2}to{z-index:4}}.flip-clock-wrapper ul.play li.flip-clock-active .down{z-index:2;animation:turn .5s .5s linear both}@keyframes turn{0%{transform:rotateX(90deg)}to{transform:rotateX(0)}}.flip-clock-wrapper ul.play li.flip-clock-before .up{z-index:2;animation:turn2 .5s linear both}@keyframes turn2{0%{transform:rotateX(0)}to{transform:rotateX(-90deg)}}.flip-clock-wrapper ul li.flip-clock-active{z-index:3}.flip-clock-wrapper ul.play li.flip-clock-before .up .shadow{background:linear-gradient(top,#0000001a,#000);animation:show .5s linear both}.flip-clock-wrapper ul.play li.flip-clock-active .up .shadow{background:linear-gradient(top,#0000001a,#000);animation:hide .5s .3s linear both}.flip-clock-wrapper ul.play li.flip-clock-before .down .shadow{background:linear-gradient(top,#000,#0000001a);animation:show .5s linear both}.flip-clock-wrapper ul.play li.flip-clock-active .down .shadow{background:linear-gradient(top,#000,#0000001a);animation:hide .5s .2s linear both}@keyframes show{0%{opacity:0}to{opacity:1}}@keyframes hide{0%{opacity:1}to{opacity:0}}@media(max-width:768px){.flip-clock-wrapper{--fz: 36px;font-size:var(--fz)}.flip-clock-dot{width:5px;height:5px}}
/*# sourceMappingURL=/cdn/shop/t/375/assets/flipclock.css.map */