.flip-clock-wrapper *{margin:0;padding:0;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;-o-box-sizing:border-box;box-sizing:border-box}.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{min-height:100%;font: 11px Helvetica Neue,Helvetica,sans-serif;-webkit-user-select:none}.flip-clock-meridium{background:none;box-shadow:0 0!important;font-size:36px!important;color:#313333;bottom:10px}.flip-clock-wrapper{text-align:center;position:relative;width:100%;display:flex;justify-content:center}.flip-clock-wrapper ul{position:relative;float:left;margin:5px 1px;width:40px;height:70px;font-size:40px;font-weight:700;line-height:70px;border-radius:6px;box-shadow:0 2px 5px #000000b3}.flip-clock-wrapper ul li{z-index:1;position:absolute;left:0;top:0;width:100%;height:100%}.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}.flip-clock-wrapper ul li a div{z-index:1;position:absolute;left:0;width:100%;height:50%;overflow:hidden}.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:44px;left:0;z-index:5;width:100%;height:3px;background-color:#0006}.flip-clock-wrapper ul li a div.down{transform-origin:50% 0%;bottom:0}.flip-clock-wrapper ul li a div div.inn{position:absolute;left:0;z-index:1;width:100%;height:200%;color:#ccc;text-shadow:0 1px 2px #000;text-align:center;background-color:#333;border-radius:6px;font-size:40px}.flip-clock-wrapper ul li a div.up div.inn{top:0;background:#670e0c}.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 ul.play li.flip-clock-active{animation:asd .5s .5s linear both;z-index:2}.flip-clock-divider{float:left;display:inline-block;position:relative;width:20px}.flip-clock-divider:first-child{width:0}.flip-clock-dot{display:block;background:#323434;width:6px;height:6px;position:absolute;border-radius:1000px;box-shadow:0 0 5px #00000080}.flip-clock-divider .flip-clock-label{position:absolute;bottom:-2.5em;right:-60px;color:#000;text-shadow:none;font-weight:700}.flip-clock-divider.hours .flip-clock-label{right:-57px}.flip-clock-dot.top{top:30px;left:7px}.flip-clock-dot.bottom{bottom:30px;left:7px}@keyframes asd{0%{z-index:2}5%{z-index:4}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:-moz-linear-gradient(top,rgba(0,0,0,.1) 0%,rgba(0,0,0,1) 100%);background:-webkit-gradient(linear,left top,left bottom,color-stop(0%,rgba(0,0,0,.1)),color-stop(100%,rgba(0,0,0,1)));background:linear-gradient(top,#0000001a,#000);background:-o-linear-gradient(top,rgba(0,0,0,.1) 0%,rgba(0,0,0,1) 100%);background:-ms-linear-gradient(top,rgba(0,0,0,.1) 0%,rgba(0,0,0,1) 100%);background:linear-gradient(to bottom,#0000001a,#000);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%,rgba(0,0,0,1) 100%);background:-webkit-gradient(linear,left top,left bottom,color-stop(0%,rgba(0,0,0,.1)),color-stop(100%,rgba(0,0,0,1)));background:linear-gradient(top,#0000001a,#000);background:-o-linear-gradient(top,rgba(0,0,0,.1) 0%,rgba(0,0,0,1) 100%);background:-ms-linear-gradient(top,rgba(0,0,0,.1) 0%,rgba(0,0,0,1) 100%);background:linear-gradient(to bottom,#0000001a,#000);animation:hide .5s .3s linear both}.flip-clock-wrapper ul.play li.flip-clock-before .down .shadow{background:-moz-linear-gradient(top,rgba(0,0,0,1) 0%,rgba(0,0,0,.1) 100%);background:-webkit-gradient(linear,left top,left bottom,color-stop(0%,rgba(0,0,0,1)),color-stop(100%,rgba(0,0,0,.1)));background:linear-gradient(top,#000,#0000001a);background:-o-linear-gradient(top,rgba(0,0,0,1) 0%,rgba(0,0,0,.1) 100%);background:-ms-linear-gradient(top,rgba(0,0,0,1) 0%,rgba(0,0,0,.1) 100%);background:linear-gradient(to bottom,#000,#0000001a);animation:show .5s linear both}.flip-clock-wrapper ul.play li.flip-clock-active .down .shadow{background:-moz-linear-gradient(top,rgba(0,0,0,1) 0%,rgba(0,0,0,.1) 100%);background:-webkit-gradient(linear,left top,left bottom,color-stop(0%,rgba(0,0,0,1)),color-stop(100%,rgba(0,0,0,.1)));background:linear-gradient(top,#000,#0000001a);background:-o-linear-gradient(top,rgba(0,0,0,1) 0%,rgba(0,0,0,.1) 100%);background:-ms-linear-gradient(top,rgba(0,0,0,1) 0%,rgba(0,0,0,.1) 100%);background:linear-gradient(to bottom,#000,#0000001a);animation:hide .5s .3s linear both}@keyframes show{0%{opacity:0}to{opacity:1}}@keyframes hide{0%{opacity:1}to{opacity:0}}
/*# sourceMappingURL=/cdn/shop/t/3/assets/flipclock.css.map */