.countdown_digit__wrapper{display:inline-block}.countdown_digit__card{position:relative;display:block;font-size:35px}@media(min-width:1024px){.countdown_digit__card{font-size:64px;padding-bottom:.72em;line-height:.95}}.card__back:after,.card__back:before,.card__bottom,.card__top{display:flex;justify-content:center;--tw-bg-opacity:1;background-color:rgb(var(--color-primary)/var(--tw-bg-opacity,1));color:rgb(var(--color-scheme-main)/1);height:25px;border-radius:4px 4px 0 0;backface-visibility:hidden;transform-style:preserve-3d;width:30px;transform:translateZ(0)}@media(min-width:1024px){.card__back:after,.card__back:before,.card__bottom,.card__top{width:70px;height:.72em;padding-top:.25em}}.card__bottom{pointer-events:none;position:absolute;left:0;overflow:hidden;border-top-width:1px;--tw-border-opacity:1;border-color:rgb(var(--color-black-bis)/var(--tw-border-opacity,1));--tw-bg-opacity:1;background-color:rgb(var(--color-primary)/var(--tw-bg-opacity,1));color:rgb(var(--color-scheme-main)/1)}@media(max-width:1023px){.card__bottom{height:25px}}.card__bottom{border-radius:0 0 4px 4px}@media(min-width:1024px){.card__bottom{top:50%}}.card__bottom:after{display:block;margin-top:-26px}@media(min-width:1024px){.card__bottom:after{margin-top:-.72em}}.card__back:before,.card__bottom:after{content:attr(data-value)}.card__back{pointer-events:none;position:absolute;left:0;top:0;height:100%}.card__back:before{position:relative;overflow:hidden;z-index:-1}.flip .card__back:before{animation:flipTop .3s cubic-bezier(.37,.01,.94,.35);animation-fill-mode:both;transform-origin:center bottom}.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(0);z-index:2}0%,99%{opacity:.99}to{transform:perspective(150px) rotateX(-90deg);opacity:0}}@keyframes flipBottom{0%,50%{z-index:-1;transform:perspective(150px) rotateX(90deg);opacity:0}51%{opacity:.99}to{opacity:.99;transform:rotateX(0);z-index:5}}.countdown{font-size:1.8125rem}@media(min-width:768px){.countdown{font-size:3.125rem}}@media(min-width:1024px){.countdown{font-size:4.125rem}}.modal-enter-active,.modal-leave-active{transition-property:all;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.3s;transition-timing-function:cubic-bezier(.56,.04,.25,1)}.modal-enter-active .modal-container,.modal-leave-active .modal-container{transition-property:all;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.3s;transition-timing-function:cubic-bezier(.57,-.09,.16,1.29)}.modal-enter-from,.modal-leave-to{opacity:0}.modal-enter-from .modal-container,.modal-leave-to .modal-container{--tw-translate-y:50%;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}@media(min-width:768px){.modal-enter-from .modal-container,.modal-leave-to .modal-container{--tw-translate-y:2.25rem;--tw-scale-x:.9;--tw-scale-y:.9;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}}.modal-enter-to,.modal-leave-from{opacity:1}