.countdown-timer{margin-left:auto;margin-right:auto}.countdown-timer.no-years.no-months .flip-clock{flex-direction:row}.countdown-timer .flip-clock{justify-content:center;text-align:center;perspective:400px;margin:20px auto;display:flex;flex-direction:column}@media (min-width:640px){.countdown-timer .flip-clock{flex-direction:row}}.countdown-timer .flip-clock *,.countdown-timer .flip-clock :after,.countdown-timer .flip-clock :before{box-sizing:border-box}.countdown-timer .flip-clock__piece{margin-left:.5rem;margin-right:.5rem;display:inline-block}.countdown-timer .flip-clock__slot{--tw-text-opacity:1;color:rgba(31,41,55,var(--tw-text-opacity))}.dark .countdown-timer .flip-clock__slot{--tw-text-opacity:1;color:rgba(209,213,219,var(--tw-text-opacity))}@media (min-width:640px){.countdown-timer .flip-clock__slot{font-size:1.5rem;line-height:2rem}}.countdown-timer .card{position:relative;display:block;padding-bottom:.52em;font-size:12.5vw;line-height:.95}@media (min-width:640px){.countdown-timer .card{font-size:4.5vw}}.countdown-timer .card__back:after,.countdown-timer .card__back:before,.countdown-timer .card__bottom,.countdown-timer .card__top{display:block;--tw-bg-opacity:1;background-color:rgba(var(--twn-gray-color-lighten),var(--tw-bg-opacity));--tw-text-opacity:1;color:rgba(31,41,55,var(--tw-text-opacity))}.dark .countdown-timer .card__back:after,.dark .countdown-timer .card__back:before,.dark .countdown-timer .card__bottom,.dark .countdown-timer .card__top{--tw-bg-opacity:1;background-color:rgba(55,65,81,var(--tw-bg-opacity));--tw-text-opacity:1;color:rgba(255,255,255,var(--tw-text-opacity))}.countdown-timer .card__back:after,.countdown-timer .card__back:before,.countdown-timer .card__bottom,.countdown-timer .card__top{height:.52em;padding:.11em .1em;border-radius:.15em .15em 0 0;backface-visiblity:hidden;transform-style:preserve-3d;width:1.4em;transform:translateZ(0)}.countdown-timer .card__bottom{pointer-events:none;position:absolute;top:50%;left:0;overflow:hidden;--tw-border-opacity:1;border-color:rgba(0,0,0,var(--tw-border-opacity));border-top:1px rgba(0,0,0,var(--tw-border-opacity));border-style:solid;--tw-bg-opacity:1;background-color:rgba(var(--twn-gray-color-lighten),var(--tw-bg-opacity));--tw-text-opacity:1;color:rgba(31,41,55,var(--tw-text-opacity))}.dark .countdown-timer .card__bottom{--tw-bg-opacity:1;background-color:rgba(55,65,81,var(--tw-bg-opacity));--tw-text-opacity:1;color:rgba(255,255,255,var(--tw-text-opacity))}.countdown-timer .card__bottom{border-radius:0 0 .15em .15em}.countdown-timer .card__bottom:after{display:block;margin-top:-.52em}.countdown-timer .card__back:before,.countdown-timer .card__bottom:after{content:attr(data-value)}.countdown-timer .card__back{pointer-events:none;position:absolute;top:0;left:0;height:100%}.countdown-timer .card__back:before{position:relative;overflow:hidden;z-index:-1}.countdown-timer .flip .card__back:before{animation:flipTop .3s cubic-bezier(.37,.01,.94,.35);animation-fill-mode:both;transform-origin:center bottom}.countdown-timer .flip .card__back .card__bottom{transform-origin:center top;animation-fill-mode:both;animation:flipBottom .6s cubic-bezier(.15,.45,.28,1)}@keyframes flipTop{0%{transform:rotateX(0deg);z-index:2}0%,99%{opacity:.99}to{transform:rotateX(-90deg);opacity:0}}@keyframes flipBottom{0%,50%{z-index:-1;transform:rotateX(90deg);opacity:0}51%{opacity:.99}to{opacity:.99;transform:rotateX(0deg);z-index:5}}