.flip-countdown{display:flex;gap:12px;justify-content:center}.flip-unit{text-align:center}.label{color:#fff;font-size:12px;margin-top:4px}.card{background:#0f2d4d;border:1px solid #1e3a5f;border-radius:6px;height:70px;overflow:hidden;perspective:500px;position:relative;width:60px}.card-face{align-items:center;-webkit-backface-visibility:hidden;backface-visibility:hidden;color:#ffb300;display:flex;font-size:36px;font-weight:700;height:100%;justify-content:center;position:absolute;width:100%}.card-front{transform:rotateX(0deg)}.card-back{transform:rotateX(180deg)}.card.flip .card-front{animation:flipFront .6s forwards}.card.flip .card-back{animation:flipBack .6s forwards}@keyframes flipFront{0%{transform:rotateX(0deg)}to{transform:rotateX(-180deg)}}@keyframes flipBack{0%{transform:rotateX(180deg)}to{transform:rotateX(0deg)}}
/*# sourceMappingURL=main.49406080.css.map*/