.flip-clock-wrapper *{-webkit-backface-visibility:hidden;-moz-backface-visibility:hidden;-ms-backface-visibility:hidden;backface-visibility:hidden}.flip-clock-wrapper ul{list-style:none;position:relative;margin:0 2px;width:28px;height:32px;font-size:18px;font-weight:500;line-height:30px;border-radius:5px;background:#000;display:inline-block;vertical-align:middle}.flip-clock-wrapper ul li{z-index:1;position:absolute;left:0;top:0;width:100%;height:100%;line-height:35px}.flip-clock-wrapper ul li:first-child{z-index:2}.flip-clock-wrapper ul li a{display:block;height:100%;-webkit-perspective:200px;-moz-perspective:200px;perspective:200px;overflow:visible;cursor:default}.flip-clock-wrapper ul li a div{z-index:1;position:absolute;left:0;width:100%;height:50%;font-size:18px;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{-webkit-transform-origin:50% 100%;-moz-transform-origin:50% 100%;-ms-transform-origin:50% 100%;transform-origin:50% 100%;top:0}.flip-clock-wrapper ul li a div.down{-webkit-transform-origin:50% 0;-moz-transform-origin:50% 0;-ms-transform-origin:50% 0;transform-origin:50% 0;bottom:0;border-bottom-left-radius:5px;border-bottom-right-radius:5px}.flip-clock-wrapper ul li a div.down:before{position:absolute;left:0;bottom:15px;z-index:5;width:100%;height:1px;background:#fff}.flip-clock-wrapper ul li a div div.inn{position:absolute;left:0;z-index:1;width:100%;height:200%;color:#fff;text-shadow:0 1px 2px #000;text-align:center;background-color:#333;border-radius:5px;font-size:18px}.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{box-shadow:0 1px 3px #000000b3}.flip-clock-wrapper ul.play li.flip-clock-active{-webkit-animation:asd .5s .5s linear both;-moz-animation:asd .5s .5s linear both;animation:asd .5s .5s linear both;z-index:5}.flip-clock-divider{display:inline-block;vertical-align:middle;padding:0 10px 0 5px}.flip-clock-dot{display:none}@-webkit-keyframes asd{0%{z-index:2}20%{z-index:4}to{z-index:4}}@-moz-keyframes asd{0%{z-index:2}20%{z-index:4}to{z-index:4}}@keyframes asd{0%{z-index:2}20%{z-index:4}to{z-index:4}}.flip-clock-wrapper ul.play li.flip-clock-active .down{z-index:2;-webkit-animation:turn .5s .5s linear both;-moz-animation:turn .5s .5s linear both;animation:turn .5s .5s linear both}@-webkit-keyframes turn{0%{-webkit-transform:rotateX(90deg)}to{-webkit-transform:rotateX(0deg)}}@-moz-keyframes turn{0%{-moz-transform:rotateX(90deg)}to{-moz-transform:rotateX(0deg)}}@keyframes turn{0%{transform:rotateX(90deg)}to{transform:rotateX(0)}}.flip-clock-wrapper ul.play li.flip-clock-before .up{z-index:2;-webkit-animation:turn2 .5s linear both;-moz-animation:turn2 .5s linear both;animation:turn2 .5s linear both}@-webkit-keyframes turn2{0%{-webkit-transform:rotateX(0deg)}to{-webkit-transform:rotateX(-90deg)}}@-moz-keyframes turn2{0%{-moz-transform:rotateX(0deg)}to{-moz-transform:rotateX(-90deg)}}@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:-moz-linear-gradient(top,rgba(0,0,0,.1) 0%,black 100%);background:-webkit-gradient(linear,left top,left bottom,color-stop(0%,rgba(0,0,0,.1)),color-stop(100%,black));background:linear,top,#0000001a 0%,#000 100%;background:-o-linear-gradient(top,rgba(0,0,0,.1) 0%,black 100%);background:-ms-linear-gradient(top,rgba(0,0,0,.1) 0%,black 100%);background:linear,to bottom,#0000001a 0%,#000 100%;-webkit-animation:show .5s linear both;-moz-animation:show .5s linear both;animation:show .5s linear both}.flip-clock-wrapper ul.play li.flip-clock-active .up .shadow{background:-moz-linear-gradient(top,rgba(0,0,0,.1) 0%,black 100%);background:-webkit-gradient(linear,left top,left bottom,color-stop(0%,rgba(0,0,0,.1)),color-stop(100%,black));background:linear,top,#0000001a 0%,#000 100%;background:-o-linear-gradient(top,rgba(0,0,0,.1) 0%,black 100%);background:-ms-linear-gradient(top,rgba(0,0,0,.1) 0%,black 100%);background:linear,to bottom,#0000001a 0%,#000 100%;-webkit-animation:hide .5s .3s linear both;-moz-animation:hide .5s .3s linear both;animation:hide .5s .3s linear both}.flip-clock-wrapper ul.play li.flip-clock-before .down .shadow{background:-moz-linear-gradient(top,black 0%,rgba(0,0,0,.1) 100%);background:-webkit-gradient(linear,left top,left bottom,color-stop(0%,black),color-stop(100%,rgba(0,0,0,.1)));background:linear,top,#000 0%,#0000001a 100%;background:-o-linear-gradient(top,black 0%,rgba(0,0,0,.1) 100%);background:-ms-linear-gradient(top,black 0%,rgba(0,0,0,.1) 100%);background:linear,to bottom,#000 0%,#0000001a 100%;-webkit-animation:show .5s linear both;-moz-animation:show .5s linear both;animation:show .5s linear both}.flip-clock-wrapper ul.play li.flip-clock-active .down .shadow{background:-moz-linear-gradient(top,black 0%,rgba(0,0,0,.1) 100%);background:-webkit-gradient(linear,left top,left bottom,color-stop(0%,black),color-stop(100%,rgba(0,0,0,.1)));background:linear,top,#000 0%,#0000001a 100%;background:-o-linear-gradient(top,black 0%,rgba(0,0,0,.1) 100%);background:-ms-linear-gradient(top,black 0%,rgba(0,0,0,.1) 100%);background:linear,to bottom,#000 0%,#0000001a 100%;-webkit-animation:hide .5s .3s linear both;-moz-animation:hide .5s .3s linear both;animation:hide .5s .2s linear both}@-webkit-keyframes show{0%{opacity:0}to{opacity:1}}@-moz-keyframes show{0%{opacity:0}to{opacity:1}}@keyframes show{0%{opacity:0}to{opacity:1}}@-webkit-keyframes hide{0%{opacity:1}to{opacity:0}}@-moz-keyframes hide{0%{opacity:1}to{opacity:0}}@keyframes hide{0%{opacity:1}to{opacity:0}}
/*# sourceMappingURL=/cdn/shop/t/99/assets/flipclock.css.map */