@layer components{.countdown{display:flex;flex-wrap:wrap;gap:.625rem;margin-bottom:1.875rem}.countdown__unit{align-items:center;display:flex;flex-direction:column;gap:.3125rem;perspective:18.75rem;perspective-origin:50%;transform:translateZ(0)}.countdown__unit.is-flipping .countdown__leaf-front{background-color:var(--color-surface-moderate);transform:rotateX(-90deg) translateZ(0);transition:transform .2s ease-in,background-color .2s ease-in,color .2s ease-in;transition-delay:0s}.countdown__unit.is-flipping .countdown__leaf-back{transform:rotateX(0deg) translateZ(0);transition:transform .2s ease-in,background-color .2s ease-in,color .2s ease-in;transition-delay:.2s}.countdown__unit.is-flipping .countdown__bottom:before{height:100%;transition:height .2s ease-in-out;transition-delay:.15s}.countdown__card{border-radius:.625rem;height:5.125rem;overflow:visible;position:relative;width:4.21875rem}.countdown__bottom,.countdown__leaf-back,.countdown__leaf-front,.countdown__top{backface-visibility:hidden;background-color:var(--color-surface-secondary);color:#fff;display:block;height:2.5625rem;overflow:hidden;position:relative;width:4.21875rem}.countdown__leaf-front,.countdown__top{border-top-left-radius:inherit;border-top-right-radius:inherit}.countdown__leaf-front span,.countdown__top span{top:0}.countdown__bottom,.countdown__leaf-back{border-bottom-left-radius:inherit;border-bottom-right-radius:inherit}.countdown__bottom span,.countdown__leaf-back span{bottom:0}.countdown__leaf-back,.countdown__leaf-front{left:0;position:absolute;transform-style:preserve-3d;width:calc(100% - .5px);z-index:10}.countdown__leaf-front{top:0;transform:rotateX(0deg) translateZ(0);transform-origin:bottom center;transition-delay:.2s}.countdown__leaf-back{top:2.5625rem;transform:rotateX(90deg) translateZ(0);transform-origin:top center;transition-delay:0s}.countdown__bottom:before{background:linear-gradient(180deg,rgba(0,0,0,.8),transparent);content:"";display:block;filter:blur(10px);height:0;left:0;position:absolute;top:0;width:100%}.countdown__value{display:block;font-size:2rem;font-weight:700;height:5.125rem;left:50%;letter-spacing:-.0375rem;line-height:5.125rem;position:absolute;text-align:center;transform:translateX(-50%);width:100%}.countdown__label{color:var(--color-text-default);display:block;font-size:1.125rem;line-height:1.625rem;text-align:center}.countdown-tag{align-items:center;background-color:var(--tag-black);border-radius:9999px;color:var(--tag-text-light);display:flex;gap:.25rem;margin-bottom:1.875rem;max-width:100%;min-height:2.5rem;padding:.5625rem .9375rem;width:fit-content}.countdown-tag__part{align-items:baseline;display:inline-flex;gap:.1875rem}.countdown-tag__value{font-size:1rem;font-weight:700;letter-spacing:-.0125rem;line-height:1.125rem}.countdown-tag__label{font-size:.75rem;line-height:.875rem}.countdown-tag__label,.countdown-tag__separator{color:var(--color-text-disabled);font-weight:700}.countdown-tag__separator{font-size:1rem;line-height:1.125rem;transform:translateY(-.0625rem)}}
/*# sourceMappingURL=style.css.map */