.m-flipper{background:#fff;border:1px solid #000;border-radius:10px;box-shadow:0 0 6px #00000080;color:#fff;display:inline-block;font-family:Helvetica Neue;font-size:66px;height:100px;line-height:100px;position:relative;text-align:center;width:60px}.m-flipper .digital:after,.m-flipper .digital:before{background:#000;box-sizing:border-box;content:"";left:0;overflow:hidden;position:absolute;right:0}.m-flipper .digital:before{border-bottom:1px solid #666;border-radius:10px 10px 0 0;bottom:50%;top:0}.m-flipper .digital:after{border-radius:0 0 10px 10px;bottom:0;line-height:0;top:50%}.m-flipper.down .front:before{z-index:3}.m-flipper.down .back:after{transform:perspective(160px) rotateX(180deg);transform-origin:50% 0;z-index:2}.m-flipper.down .back:before,.m-flipper.down .front:after{z-index:1}.m-flipper.down.go .front:before{animation:frontFlipDown .6s ease-in-out both;backface-visibility:hidden;box-shadow:0 -2px 6px #ffffff4d;transform-origin:50% 100%}.m-flipper.down.go .back:after{animation:backFlipDown .6s ease-in-out both}.m-flipper.up .front:after{z-index:3}.m-flipper.up .back:before{transform:perspective(160px) rotateX(-180deg);transform-origin:50% 100%;z-index:2}.m-flipper.up .back:after,.m-flipper.up .front:before{z-index:1}.m-flipper.up.go .front:after{animation:frontFlipUp .6s ease-in-out both;backface-visibility:hidden;box-shadow:0 2px 6px #ffffff4d;transform-origin:50% 0}.m-flipper.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)}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)}}.m-flipper .number0:after,.m-flipper .number0:before{content:"0"}.m-flipper .number1:after,.m-flipper .number1:before{content:"1"}.m-flipper .number2:after,.m-flipper .number2:before{content:"2"}.m-flipper .number3:after,.m-flipper .number3:before{content:"3"}.m-flipper .number4:after,.m-flipper .number4:before{content:"4"}.m-flipper .number5:after,.m-flipper .number5:before{content:"5"}.m-flipper .number6:after,.m-flipper .number6:before{content:"6"}.m-flipper .number7:after,.m-flipper .number7:before{content:"7"}.m-flipper .number8:after,.m-flipper .number8:before{content:"8"}.m-flipper .number9:after,.m-flipper .number9:before{content:"9"}.flip-clock .m-flipper{margin:0 3px}.flip-clock em{display:inline-block;font-size:66px;font-style:normal;line-height:102px;vertical-align:top}