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