.flipclock-wrapper{background:red;font-family:"Helvetica Neue",Helvetica,sans-serif;font-size:16px;-webkit-user-select:none;text-align:center;position:relative;width:100%;margin:1em}.flipclock-wrapper *{box-sizing:border-box;backface-visibility:hidden}.flipclock-wrapper ul{position:relative;float:left;margin:5px;width:60px;height:90px;font-size:80px;font-weight:bold;line-height:87px;border-radius:6px;background:#000}.flipclock-wrapper .flipclock-label{font-size:.75em}.flipclock-wrapper.clearfix:after,.flipclock-wrapper .clearfix:after{content:" ";display:table;clear:both}.flipclock-wrapper ul{list-style:none}.flipclock-meridium{background:none !important;box-shadow:0 0 0 !important;font-size:36px !important}.flipclock-meridium a{color:#313333}.flipclock-wrapper ul li{z-index:1;position:absolute;left:0;top:0;margin:0;width:100%;height:100%;line-height:87px;text-decoration:none !important}.flipclock-wrapper ul li:first-child{z-index:2}.flipclock-wrapper ul li a{display:block;height:100%;perspective:200px;margin:0 !important;overflow:visible !important;cursor:default !important}.flipclock-wrapper ul li a div{z-index:1;position:absolute;left:0;width:100%;height:50%;font-size:80px;overflow:hidden;outline:1px solid transparent}.flipclock-wrapper ul li a div .shadow{position:absolute;width:100%;height:100%;z-index:2}.flipclock-wrapper ul li a div.up{transform-origin:50% 100%;top:0}.flipclock-wrapper ul li a div.up:after{content:"";position:absolute;top:44px;left:0;z-index:5;width:100%;height:3px;background-color:#000;background-color:rgba(0,0,0,0.4)}.flipclock-wrapper ul li a div.down{transform-origin:50% 0;bottom:0;border-bottom-left-radius:6px;border-bottom-right-radius:6px}.flipclock-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:70px}.flipclock-wrapper ul li a div.up div.inn{top:0}.flipclock-wrapper ul li a div.down div.inn{bottom:0}.flipclock-wrapper ul.play li.flipclock-before{z-index:3}.flipclock-wrapper .flip{box-shadow:0 2px 5px rgba(0,0,0,0.7)}.flipclock-wrapper ul.play li.flipclock-active{animation:asd 0.5s 0.5s linear both;z-index:5}.flipclock-divider{float:left;display:inline-block;position:relative;width:20px;height:100px}.flipclock-divider:first-child{width:0}.flipclock-dot{display:block;background:#323434;width:10px;height:10px;position:absolute;border-radius:50%;box-shadow:0 0 5px rgba(0,0,0,0.5);left:5px}.flipclock-divider .flipclock-label{position:absolute;top:-1.5em;right:-86px;color:black;text-shadow:none}.flipclock-divider.minutes .flipclock-label{right:-88px}.flipclock-divider.seconds .flipclock-label{right:-91px}.flipclock-dot.top{top:30px}.flipclock-dot.bottom{bottom:30px}@keyframes asd{0%{z-index:2}20%{z-index:4}100%{z-index:4}}.flipclock-wrapper ul.play li.flipclock-active .down{animation:turn 0.5s 0.5s linear both}@keyframes turn{0%{transform:rotateX(90deg)}100%{transform:rotateX(0deg)}}.flipclock-wrapper ul.play li.flipclock-before .up{z-index:2;animation:turn2 0.5s linear both}@keyframes turn2{0%{transform:rotateX(0deg)}100%{transform:rotateX(-90deg)}}.flipclock-wrapper ul li.flipclock-active{z-index:3}.flipclock-wrapper ul.play li.flipclock-before .up .shadow{background:-moz-linear-gradient(top, rgba(0,0,0,0.1) 0%, #000 100%);background:-webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(0,0,0,0.1)), color-stop(100%, #000));background:linear,top,rgba(0,0,0,0.1) 0%,#000 100%;background:-ms-linear-gradient(top, rgba(0,0,0,0.1) 0%, #000 100%);background:linear,to bottom,rgba(0,0,0,0.1) 0%,#000 100%;animation:show 0.5s linear both}.flipclock-wrapper ul.play li.flipclock-active .up .shadow{background:-moz-linear-gradient(top, rgba(0,0,0,0.1) 0%, #000 100%);background:-webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(0,0,0,0.1)), color-stop(100%, #000));background:linear,top,rgba(0,0,0,0.1) 0%,#000 100%;background:-ms-linear-gradient(top, rgba(0,0,0,0.1) 0%, #000 100%);background:linear,to bottom,rgba(0,0,0,0.1) 0%,#000 100%;animation:hide 0.5s 0.3s linear both}.flipclock-wrapper ul.play li.flipclock-before .down .shadow{background:-moz-linear-gradient(top, #000 0%, rgba(0,0,0,0.1) 100%);background:-webkit-gradient(linear, left top, left bottom, color-stop(0%, #000), color-stop(100%, rgba(0,0,0,0.1)));background:linear,top,#000 0%,rgba(0,0,0,0.1) 100%;background:-ms-linear-gradient(top, #000 0%, rgba(0,0,0,0.1) 100%);background:linear,to bottom,#000 0%,rgba(0,0,0,0.1) 100%;animation:show 0.5s linear both}.flipclock-wrapper ul.play li.flipclock-active .down .shadow{background:-moz-linear-gradient(top, #000 0%, rgba(0,0,0,0.1) 100%);background:-webkit-gradient(linear, left top, left bottom, color-stop(0%, #000), color-stop(100%, rgba(0,0,0,0.1)));background:linear,top,#000 0%,rgba(0,0,0,0.1) 100%;background:-ms-linear-gradient(top, #000 0%, rgba(0,0,0,0.1) 100%);background:linear,to bottom,#000 0%,rgba(0,0,0,0.1) 100%;animation:hide 0.5s 0.2s linear both}@keyframes show{0%{opacity:0}100%{opacity:1}}@keyframes hide{0%{opacity:1}100%{opacity:0}}.fc-wrapper{display:-ms-inline-flexbox;display:inline-flex;font-size:1vw;font-family:"Helvetica Neue", Helvetica, sans-serif;box-sizing:border-box;-ms-flex-align:end;align-items:flex-end}.fc-wrapper .fc-group .fc-label{font-size:.875em;height:2em;line-height:2em}.fc-wrapper .fc-group .fc-face{float:left;width:4em;height:6em;background:#333;position:relative;border-radius:.75rem;margin:0 .125em;box-shadow:0 1.5px 3px rgba(0,0,0,0.24),0 3px 8px rgba(0,0,0,0.05);font-weight:bold;color:#ccc}.fc-wrapper .fc-group .fc-face .fc-number{position:absolute;width:100%;height:100%;perspective:15em}.fc-wrapper .fc-group .fc-face .fc-number:first-child{z-index:2}.fc-wrapper .fc-group .fc-face .fc-number.before{z-index:3}.fc-wrapper .fc-group .fc-face .fc-number.before .top{z-index:2;animation:flip-top .5s linear both;transform-origin:bottom center}.fc-wrapper .fc-group .fc-face .fc-number.before .top:after{background:linear-gradient(to bottom, rgba(0,0,0,0.1) 0%, #000 100%);animation:show-shadow .5s linear both}.fc-wrapper .fc-group .fc-face .fc-number.before .bottom:after{background:linear-gradient(to bottom, #000 0%, rgba(0,0,0,0.1) 100%);animation:show-shadow .5s linear both}.fc-wrapper .fc-group .fc-face .fc-number.active{animation:indexing .5s .5s linear both;z-index:2}.fc-wrapper .fc-group .fc-face .fc-number.active .top:after{background:linear-gradient(to bottom, rgba(0,0,0,0.1) 0%, #000 100%);animation:hide-shadow .5s .3s linear both}.fc-wrapper .fc-group .fc-face .fc-number.active .bottom{z-index:2;animation:flip-bottom .5s .5s linear both;transform-origin:top center}.fc-wrapper .fc-group .fc-face .fc-number.active .bottom:after{background:linear-gradient(to bottom, #000 0%, rgba(0,0,0,0.1) 100%);animation:hide-shadow .5s .3s linear both}.fc-wrapper .fc-group .fc-face .fc-number>.top,.fc-wrapper .fc-group .fc-face .fc-number>.bottom{background:#333;width:100%;height:50%;font-size:4.5em;overflow:hidden;backface-visibility:hidden;position:relative;box-shadow:inset 0 0 0.2em rgba(0,0,0,0.5)}.fc-wrapper .fc-group .fc-face .fc-number>.top:after,.fc-wrapper .fc-group .fc-face .fc-number>.bottom:after{content:" ";display:block;position:absolute;top:0;right:0;bottom:0;left:0;overflow:hidden}.fc-wrapper .fc-group .fc-face .fc-number>.top:before,.fc-wrapper .fc-group .fc-face .fc-number>.bottom:before{content:" ";display:block;width:100%;height:1px;position:absolute}.fc-wrapper .fc-group .fc-face .fc-number .top{border-radius:.75rem .75rem 0 0;line-height:1.33333}.fc-wrapper .fc-group .fc-face .fc-number .top:after{border-radius:.75rem .75rem 0 0}.fc-wrapper .fc-group .fc-face .fc-number .top:before{background:#333;opacity:.4;bottom:0}.fc-wrapper .fc-group .fc-face .fc-number .bottom{border-radius:0 0 .75rem .75rem;line-height:0}.fc-wrapper .fc-group .fc-face .fc-number .bottom:after{border-radius:0 0 .75rem .75rem}.fc-wrapper .fc-group .fc-face .fc-number .bottom:before{background:#ccc;opacity:.1}.fc-wrapper .fc-divider{position:relative;width:1.5em;height:6em}.fc-wrapper .fc-divider:before,.fc-wrapper .fc-divider:after{content:" ";display:block;width:.75em;height:.75em;background:#333;border-radius:50%;position:absolute;top:50%;left:50%}.fc-wrapper .fc-divider:before{transform:translate(-50%, 75%)}.fc-wrapper .fc-divider:after{transform:translate(-50%, -175%)}@keyframes indexing{0%{z-index:2}1%{z-index:4}100%{z-index:4}}@keyframes flip-bottom{0%{transform:rotateX(90deg)}100%{transform:rotateX(0deg)}}@keyframes flip-top{0%{transform:rotateX(0deg)}100%{transform:rotateX(-90deg)}}@keyframes show-shadow{0%{opacity:0}100%{opacity:1}}@keyframes hide-shadow{0%{opacity:1}100%{opacity:0}}

/*# sourceMappingURL=flipclock.css.map */