.flip-clock[data-v-b530a700]{align-items:center;display:flex;flex-wrap:wrap;justify-content:center;margin:0 auto;perspective:600px;row-gap:.5rem;text-align:center}.flip-clock[data-v-b530a700] *,.flip-clock[data-v-b530a700] :after,.flip-clock[data-v-b530a700] :before{box-sizing:border-box}.flip-clock__piece[data-v-b530a700]{display:inline-block;margin:0 .2vw}@media screen and (min-width:990px){.flip-clock__piece[data-v-b530a700]{margin:0 5px}}.flip-clock__slot[data-v-b530a700]{display:block;font-size:1rem;line-height:1.5}.flip-card[data-v-b530a700]{display:block;font-size:2.25rem;line-height:.95;padding-bottom:.72em;position:relative}@media screen and (min-width:990px){.flip-clock__slot[data-v-b530a700]{font-size:1rem}.flip-card[data-v-b530a700]{font-size:2rem}}.flip-card__back-bottom[data-v-b530a700],.flip-card__back[data-v-b530a700]:after,.flip-card__back[data-v-b530a700]:before,.flip-card__bottom[data-v-b530a700],.flip-card__top[data-v-b530a700]{backface-visibility:hidden;background:#222;border-radius:.15em .15em 0 0;color:#ccc;display:block;height:.72em;padding:.23em .25em .4em;transform-style:preserve-3d;width:2.4em}.flip-card__back-bottom[data-v-b530a700],.flip-card__bottom[data-v-b530a700]{background:#393939;border-radius:0 0 .15em .15em;border-top:1px solid #000;color:#fff;left:0;overflow:hidden;pointer-events:none;position:absolute;top:50%;z-index:2}.flip-card__back-bottom[data-v-b530a700]{z-index:1}.flip-card__back-bottom[data-v-b530a700]:after,.flip-card__bottom[data-v-b530a700]:after{display:block;margin-top:-.72em}.flip-card__back-bottom[data-v-b530a700]:after,.flip-card__back[data-v-b530a700]:before,.flip-card__bottom[data-v-b530a700]:after{content:attr(data-value)}.flip-card__back[data-v-b530a700]{height:100%;left:0;pointer-events:none;position:absolute;top:0}.flip-card__back[data-v-b530a700]:before{overflow:hidden;position:relative;z-index:-1}.flip .flip-card__back[data-v-b530a700]:before{animation:flipTop-b530a700 .3s cubic-bezier(.37,.01,.94,.35);animation-fill-mode:both;transform-origin:center bottom;z-index:1}.flip .flip-card__bottom[data-v-b530a700]{animation-fill-mode:both;animation:flipBottom-b530a700 .6s cubic-bezier(.15,.45,.28,1);transform-origin:center top}@keyframes flipTop-b530a700{0%{transform:rotateX(0);z-index:2}0%,99%{opacity:1}to{opacity:0;transform:rotateX(-90deg)}}@keyframes flipBottom-b530a700{0%,50%{opacity:0;transform:rotateX(90deg);z-index:-1}51%{opacity:1}to{opacity:1;transform:rotateX(0);z-index:5}}
