it-vue3-countdown/dist/it-vue3-countdown.css

The Vue.js v3 Countdown Component

.no-animation__card[data-v-70353446]{color:var(--70353446-mainColor);display:block;font-size:2rem;font-weight:500;line-height:1.5}.flip-clock[data-v-70353446]{margin:0 auto;-webkit-perspective:600px;perspective:600px;text-align:center}.flip-clock[data-v-70353446] [data-v-70353446],.flip-clock[data-v-70353446] [data-v-70353446]:after,.flip-clock[data-v-70353446] [data-v-70353446]:before{-webkit-box-sizing:border-box;box-sizing:border-box}.flip-clock__piece[data-v-70353446]{display:inline-block;margin:0 .2vw}@media (min-width:1000px){.flip-clock__piece[data-v-70353446]{margin:0 5px}}.flip-clock__slot[data-v-70353446]{color:var(--70353446-labelColor);display:block;font-size:1rem;line-height:1.5}.flip-card[data-v-70353446]{display:block;font-size:2.25rem;line-height:.95;padding-bottom:.72em;position:relative}@media (min-width:1000px){.flip-clock__slot[data-v-70353446]{font-size:1.2rem}.flip-card[data-v-70353446]{font-size:3rem}}.flip-card__back-bottom[data-v-70353446],.flip-card__back[data-v-70353446]:after,.flip-card__back[data-v-70353446]:before,.flip-card__bottom[data-v-70353446],.flip-card__top[data-v-70353446]{backface-visibility:hidden;-webkit-backface-visibility:hidden;background:var(--70353446-mainFlipBackgroundColor);border-radius:.15em .15em 0 0;color:var(--70353446-mainColor);display:block;height:.72em;padding:.23em .15em .4em;-webkit-transform-style:preserve-3d;transform-style:preserve-3d;width:2.1em}.flip-card__back-4digits[data-v-70353446]:after,.flip-card__back-4digits[data-v-70353446]:before,.flip-card__back-bottom-4digits[data-v-70353446],.flip-card__bottom-4digits[data-v-70353446],.flip-card__top-4digits[data-v-70353446]{backface-visibility:hidden;-webkit-backface-visibility:hidden;background:var(--70353446-mainFlipBackgroundColor);border-radius:.15em .15em 0 0;color:var(--70353446-mainColor);display:block;height:.72em;padding:.23em .15em .4em;-webkit-transform-style:preserve-3d;transform-style:preserve-3d;width:2.65em}.flip-card__back-bottom-4digits[data-v-70353446],.flip-card__back-bottom[data-v-70353446],.flip-card__bottom-4digits[data-v-70353446],.flip-card__bottom[data-v-70353446]{background:var(--70353446-secondFlipBackgroundColor);border-radius:0 0 .15em .15em;border-top:1px solid #000;color:var(--70353446-secondFlipColor);left:0;overflow:hidden;pointer-events:none;position:absolute;top:50%;z-index:2}.flip-card__back-bottom-4digits[data-v-70353446],.flip-card__back-bottom[data-v-70353446]{z-index:1}.flip-card__back-bottom-4digits[data-v-70353446]:after,.flip-card__back-bottom[data-v-70353446]:after,.flip-card__bottom-4digits[data-v-70353446]:after,.flip-card__bottom[data-v-70353446]:after{display:block;margin-top:-.72em}.flip-card__back-4digits[data-v-70353446]:before,.flip-card__back-bottom-4digits[data-v-70353446]:after,.flip-card__back-bottom[data-v-70353446]:after,.flip-card__back[data-v-70353446]:before,.flip-card__bottom-4digits[data-v-70353446]:after,.flip-card__bottom[data-v-70353446]:after{content:attr(data-value)}.flip-card__back-4digits[data-v-70353446],.flip-card__back[data-v-70353446]{height:100%;left:0;pointer-events:none;position:absolute;top:0}.flip-card__back-4digits[data-v-70353446]:before,.flip-card__back[data-v-70353446]:before{overflow:hidden;position:relative;z-index:-1}.flip .flip-card__back-4digits[data-v-70353446]:before,.flip .flip-card__back[data-v-70353446]:before{-webkit-animation:flipTop-70353446 .3s cubic-bezier(.37,.01,.94,.35);animation:flipTop-70353446 .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;z-index:1}.flip .flip-card__bottom-4digits[data-v-70353446],.flip .flip-card__bottom[data-v-70353446]{-webkit-animation-fill-mode:both;animation-fill-mode:both;-webkit-animation:flipBottom-70353446 .6s cubic-bezier(.15,.45,.28,1);animation:flipBottom-70353446 .6s cubic-bezier(.15,.45,.28,1);-webkit-transform-origin:center top;transform-origin:center top}@-webkit-keyframes flipTop-70353446{0%{-webkit-transform:rotateX(0deg);transform:rotateX(0deg);z-index:2}0%,99%{opacity:1}to{opacity:0;-webkit-transform:rotateX(-90deg);transform:rotateX(-90deg)}}@keyframes flipTop-70353446{0%{-webkit-transform:rotateX(0deg);transform:rotateX(0deg);z-index:2}0%,99%{opacity:1}to{opacity:0;-webkit-transform:rotateX(-90deg);transform:rotateX(-90deg)}}@-webkit-keyframes flipBottom-70353446{0%,50%{opacity:0;-webkit-transform:rotateX(90deg);transform:rotateX(90deg);z-index:-1}51%{opacity:1}to{opacity:1;-webkit-transform:rotateX(0deg);transform:rotateX(0deg);z-index:5}}@keyframes flipBottom-70353446{0%,50%{opacity:0;-webkit-transform:rotateX(90deg);transform:rotateX(90deg);z-index:-1}51%{opacity:1}to{opacity:1;-webkit-transform:rotateX(0deg);transform:rotateX(0deg);z-index:5}}
/*# sourceMappingURL=it-vue3-countdown.css.map */