.flip-counter-wrapper[data-v-c84789d2]{height:200px;position:relative;text-align:center}.flip-counter-wrapper .nums[data-v-c84789d2]{-webkit-box-shadow:0 3px 10px #111;box-shadow:0 3px 10px #111;border-top:1px solid #393939;border-radius:6px;display:inline-block;height:200px;margin:0 10px;-webkit-perspective:1000px;perspective:1000px;position:relative;width:140px}.flip-counter-wrapper .nums[data-v-c84789d2]:before{border-bottom:2px solid #000;content:"";height:1px;width:100%;position:absolute;top:50%;left:0;-webkit-transform:translate3d(0,-1px,0);transform:translate3d(0,-1px,0);z-index:1000}.flip-counter-wrapper .nums[data-v-c84789d2]:after{position:absolute;left:0;bottom:0;height:calc(50% - 1px);width:100%;display:block;-webkit-backface-visibility:hidden;backface-visibility:hidden;background:#2a2a2a;border-bottom:1px solid #444;border-top:1px solid #000;border-radius:0 0 5px 5px;-webkit-box-shadow:inset 0 15px 50px #202020;box-shadow:inset 0 15px 50px #202020;color:#eee;content:"0";font-size:145px;text-align:center;text-shadow:0 1px 2px #333;line-height:0;overflow:hidden;z-index:0}.flip-counter-wrapper .num[data-v-c84789d2]{position:absolute;top:0;left:0;height:100%;width:100%;border-radius:5px;font-size:145px;-webkit-transform:rotateX(0);transform:rotateX(0);-webkit-transition:.6s;transition:.6s;-webkit-transform-style:preserve-3d;transform-style:preserve-3d;-webkit-animation-fill-mode:forwards;animation-fill-mode:forwards;-webkit-animation-iteration-count:infinite;animation-iteration-count:infinite;-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}.flip-counter-wrapper .num[data-v-c84789d2]:after,.flip-counter-wrapper .num[data-v-c84789d2]:before{position:absolute;left:0;height:50%;width:100%;display:block;color:#eee;text-align:center;text-shadow:0 1px 2px #333;-webkit-backface-visibility:hidden;backface-visibility:hidden;overflow:hidden}.flip-counter-wrapper .num[data-v-c84789d2]:before{top:0;background:#181818;border-radius:5px 5px 0 0;-webkit-box-shadow:inset 0 15px 50px #111;box-shadow:inset 0 15px 50px #111;content:attr(data-num);line-height:1.38;z-index:1}.flip-counter-wrapper .num[data-v-c84789d2]:after{top:0;height:calc(50% - 1px);background:#2a2a2a;border-bottom:1px solid #444;border-radius:0 0 5px 5px;-webkit-box-shadow:inset 0 15px 50px #202020;box-shadow:inset 0 15px 50px #202020;content:attr(data-num-next);line-height:0;-webkit-transform:rotateX(180deg);transform:rotateX(180deg)}.flip-counter-wrapper .nums-one .num[data-v-c84789d2]:first-of-type{-webkit-animation-name:num-one-c84789d2;animation-name:num-one-c84789d2;-webkit-animation-delay:0s;animation-delay:0s;-webkit-animation-duration:10s;animation-duration:10s;z-index:10}.flip-counter-wrapper .nums-ten .num[data-v-c84789d2]:first-of-type{-webkit-animation-name:num-ten-c84789d2;animation-name:num-ten-c84789d2;-webkit-animation-delay:9s;animation-delay:9s;-webkit-animation-duration:100s;animation-duration:100s;z-index:10}.flip-counter-wrapper .nums-one .num[data-v-c84789d2]:nth-of-type(2){-webkit-animation-name:num-one-c84789d2;animation-name:num-one-c84789d2;-webkit-animation-delay:1s;animation-delay:1s;-webkit-animation-duration:10s;animation-duration:10s;z-index:9}.flip-counter-wrapper .nums-ten .num[data-v-c84789d2]:nth-of-type(2){-webkit-animation-name:num-ten-c84789d2;animation-name:num-ten-c84789d2;-webkit-animation-delay:19s;animation-delay:19s;-webkit-animation-duration:100s;animation-duration:100s;z-index:9}.flip-counter-wrapper .nums-one .num[data-v-c84789d2]:nth-of-type(3){-webkit-animation-name:num-one-c84789d2;animation-name:num-one-c84789d2;-webkit-animation-delay:2s;animation-delay:2s;-webkit-animation-duration:10s;animation-duration:10s;z-index:8}.flip-counter-wrapper .nums-ten .num[data-v-c84789d2]:nth-of-type(3){-webkit-animation-name:num-ten-c84789d2;animation-name:num-ten-c84789d2;-webkit-animation-delay:29s;animation-delay:29s;-webkit-animation-duration:100s;animation-duration:100s;z-index:8}.flip-counter-wrapper .nums-one .num[data-v-c84789d2]:nth-of-type(4){-webkit-animation-name:num-one-c84789d2;animation-name:num-one-c84789d2;-webkit-animation-delay:3s;animation-delay:3s;-webkit-animation-duration:10s;animation-duration:10s;z-index:7}.flip-counter-wrapper .nums-ten .num[data-v-c84789d2]:nth-of-type(4){-webkit-animation-name:num-ten-c84789d2;animation-name:num-ten-c84789d2;-webkit-animation-delay:39s;animation-delay:39s;-webkit-animation-duration:100s;animation-duration:100s;z-index:7}.flip-counter-wrapper .nums-one .num[data-v-c84789d2]:nth-of-type(5){-webkit-animation-name:num-one-c84789d2;animation-name:num-one-c84789d2;-webkit-animation-delay:4s;animation-delay:4s;-webkit-animation-duration:10s;animation-duration:10s;z-index:6}.flip-counter-wrapper .nums-ten .num[data-v-c84789d2]:nth-of-type(5){-webkit-animation-name:num-ten-c84789d2;animation-name:num-ten-c84789d2;-webkit-animation-delay:49s;animation-delay:49s;-webkit-animation-duration:100s;animation-duration:100s;z-index:6}.flip-counter-wrapper .nums-one .num[data-v-c84789d2]:nth-of-type(6){-webkit-animation-name:num-one-c84789d2;animation-name:num-one-c84789d2;-webkit-animation-delay:5s;animation-delay:5s;-webkit-animation-duration:10s;animation-duration:10s;z-index:5}.flip-counter-wrapper .nums-ten .num[data-v-c84789d2]:nth-of-type(6){-webkit-animation-name:num-ten-c84789d2;animation-name:num-ten-c84789d2;-webkit-animation-delay:59s;animation-delay:59s;-webkit-animation-duration:100s;animation-duration:100s;z-index:5}.flip-counter-wrapper .nums-one .num[data-v-c84789d2]:nth-of-type(7){-webkit-animation-name:num-one-c84789d2;animation-name:num-one-c84789d2;-webkit-animation-delay:6s;animation-delay:6s;-webkit-animation-duration:10s;animation-duration:10s;z-index:4}.flip-counter-wrapper .nums-ten .num[data-v-c84789d2]:nth-of-type(7){-webkit-animation-name:num-ten-c84789d2;animation-name:num-ten-c84789d2;-webkit-animation-delay:69s;animation-delay:69s;-webkit-animation-duration:100s;animation-duration:100s;z-index:4}.flip-counter-wrapper .nums-one .num[data-v-c84789d2]:nth-of-type(8){-webkit-animation-name:num-one-c84789d2;animation-name:num-one-c84789d2;-webkit-animation-delay:7s;animation-delay:7s;-webkit-animation-duration:10s;animation-duration:10s;z-index:3}.flip-counter-wrapper .nums-ten .num[data-v-c84789d2]:nth-of-type(8){-webkit-animation-name:num-ten-c84789d2;animation-name:num-ten-c84789d2;-webkit-animation-delay:79s;animation-delay:79s;-webkit-animation-duration:100s;animation-duration:100s;z-index:3}.flip-counter-wrapper .nums-one .num[data-v-c84789d2]:nth-of-type(9){-webkit-animation-name:num-one-c84789d2;animation-name:num-one-c84789d2;-webkit-animation-delay:8s;animation-delay:8s;-webkit-animation-duration:10s;animation-duration:10s;z-index:2}.flip-counter-wrapper .nums-ten .num[data-v-c84789d2]:nth-of-type(9){-webkit-animation-name:num-ten-c84789d2;animation-name:num-ten-c84789d2;-webkit-animation-delay:89s;animation-delay:89s;-webkit-animation-duration:100s;animation-duration:100s;z-index:2}.flip-counter-wrapper .nums-one .num[data-v-c84789d2]:nth-of-type(10){-webkit-animation-name:num-one-c84789d2;animation-name:num-one-c84789d2;-webkit-animation-delay:9s;animation-delay:9s;-webkit-animation-duration:10s;animation-duration:10s;z-index:1}.flip-counter-wrapper .nums-ten .num[data-v-c84789d2]:nth-of-type(10){-webkit-animation-name:num-ten-c84789d2;animation-name:num-ten-c84789d2;-webkit-animation-delay:99s;animation-delay:99s;-webkit-animation-duration:100s;animation-duration:100s;z-index:1}@-webkit-keyframes num-one-c84789d2{0%{-webkit-transform:rotateX(0);transform:rotateX(0);z-index:50}10%{-webkit-transform:rotateX(-180deg);transform:rotateX(-180deg);z-index:50}90%{-webkit-transform:rotateX(-180deg);transform:rotateX(-180deg);z-index:1}90.0001%{-webkit-transform:rotateX(0);transform:rotateX(0)}to{-webkit-transform:rotateX(0);transform:rotateX(0)}}@keyframes num-one-c84789d2{0%{-webkit-transform:rotateX(0);transform:rotateX(0);z-index:50}10%{-webkit-transform:rotateX(-180deg);transform:rotateX(-180deg);z-index:50}90%{-webkit-transform:rotateX(-180deg);transform:rotateX(-180deg);z-index:1}90.0001%{-webkit-transform:rotateX(0);transform:rotateX(0)}to{-webkit-transform:rotateX(0);transform:rotateX(0)}}@-webkit-keyframes num-ten-c84789d2{0%{-webkit-transform:rotateX(0);transform:rotateX(0);z-index:50}1%{-webkit-transform:rotateX(-180deg);transform:rotateX(-180deg);z-index:50}90%{-webkit-transform:rotateX(-180deg);transform:rotateX(-180deg);z-index:1}90.0001%{-webkit-transform:rotateX(0);transform:rotateX(0)}to{-webkit-transform:rotateX(0);transform:rotateX(0)}}@keyframes num-ten-c84789d2{0%{-webkit-transform:rotateX(0);transform:rotateX(0);z-index:50}1%{-webkit-transform:rotateX(-180deg);transform:rotateX(-180deg);z-index:50}90%{-webkit-transform:rotateX(-180deg);transform:rotateX(-180deg);z-index:1}90.0001%{-webkit-transform:rotateX(0);transform:rotateX(0)}to{-webkit-transform:rotateX(0);transform:rotateX(0)}}