.flip-clock{text-align:center;-webkit-perspective:600px;perspective:600px;margin:0 auto}.flip-clock *,.flip-clock :after,.flip-clock :before{-webkit-box-sizing:border-box;box-sizing:border-box}.flip-clock__piece{display:inline-block;margin:0 .2vw}@media (min-width:1000px){.flip-clock__piece{margin:0 5px}}.flip-clock__slot{font-size:1rem;line-height:1.5;display:block}.flip-card{display:block;position:relative;padding-bottom:.72em;font-size:4.2rem;line-height:.95}.flip-card__back-bottom,.flip-card__back:after,.flip-card__back:before,.flip-card__bottom,.flip-card__top{display:block;color:var(--mainTheme,#9e3398);background:var(--dashbordcontentBg,#fff);padding:.23em 0 .4em;backface-visibility:hidden;-webkit-backface-visibility:hidden;-webkit-transform-style:preserve-3d;transform-style:preserve-3d;width:1.3em;height:.72em}.flip-card__back-4digits:after,.flip-card__back-4digits:before,.flip-card__back-bottom-4digits,.flip-card__bottom-4digits,.flip-card__top-4digits{display:block;color:var(--mainTheme,#9e3398);background:var(--dashbordcontentBg,#fff);padding:.23em .15em .4em;border-radius:.15em .15em 0 0;backface-visibility:hidden;-webkit-backface-visibility:hidden;-webkit-transform-style:preserve-3d;transform-style:preserve-3d;width:2.65em;height:.72em}.flip-card__back-bottom,.flip-card__back-bottom-4digits,.flip-card__bottom,.flip-card__bottom-4digits{color:var(--mainTheme,#9e3398);position:absolute;top:50%;left:0;background:var(--dashbordcontentBg,#fff);border-radius:0 0 .15em .15em;pointer-events:none;overflow:hidden;z-index:2}.flip-card__back-bottom,.flip-card__back-bottom-4digits{z-index:1}.flip-card__back-bottom-4digits:after,.flip-card__back-bottom:after,.flip-card__bottom-4digits:after,.flip-card__bottom:after{display:block;margin-top:-.72em}.flip-card__back-4digits:before,.flip-card__back-bottom-4digits:after,.flip-card__back-bottom:after,.flip-card__back:before,.flip-card__bottom-4digits:after,.flip-card__bottom:after{content:attr(data-value)}.flip-card__back,.flip-card__back-4digits{position:absolute;top:0;height:100%;left:0;pointer-events:none}.flip-card__back-4digits:before,.flip-card__back:before{position:relative;overflow:hidden;z-index:-1}.flip .flip-card__back-4digits:before,.flip .flip-card__back:before{z-index:1;-webkit-animation:flipTop .3s cubic-bezier(.37,.01,.94,.35);animation:flipTop .3s cubic-bezier(.37,.01,.94,.35);-webkit-animation-fill-mode:both;animation-fill-mode:both;-webkit-transform-origin:center bottom;transform-origin:center bottom}.flip .flip-card__bottom,.flip .flip-card__bottom-4digits{-webkit-transform-origin:center top;transform-origin:center top;-webkit-animation-fill-mode:both;animation-fill-mode:both}@-webkit-keyframes flipTop{0%{-webkit-transform:rotateX(0deg);transform:rotateX(0deg);z-index:2}0%,99%{opacity:1}to{-webkit-transform:rotateX(-90deg);transform:rotateX(-90deg);opacity:0}}@keyframes flipTop{0%{-webkit-transform:rotateX(0deg);transform:rotateX(0deg);z-index:2}0%,99%{opacity:1}to{-webkit-transform:rotateX(-90deg);transform:rotateX(-90deg);opacity:0}}@-webkit-keyframes flipBottom{0%,50%{z-index:-1;-webkit-transform:rotateX(90deg);transform:rotateX(90deg);opacity:0}51%{opacity:1}to{opacity:1;-webkit-transform:rotateX(0deg);transform:rotateX(0deg);z-index:5}}@keyframes flipBottom{0%,50%{z-index:-1;-webkit-transform:rotateX(90deg);transform:rotateX(90deg);opacity:0}51%{opacity:1}to{opacity:1;-webkit-transform:rotateX(0deg);transform:rotateX(0deg);z-index:5}}