.flip-digit-container{perspective:250px;width:clamp(20px,8vw,120px);height:clamp(140px,136vw,200px);font-weight:900;line-height:0;position:relative;overflow:hidden}.flip-digit-text{justify-content:center;width:100%;height:50%;font-size:clamp(140px,36vw,100px);display:flex;position:absolute;overflow:hidden}.flip-digit-text-top{border-bottom:1px solid var(--color-divider,#888);align-items:flex-end;top:0}.flip-digit-text-bottom{align-items:flex-start;bottom:0}.flip-digit-overlay{z-index:10;width:100%;height:50%;transform-style:preserve-3d;transform-origin:bottom;transition:none;position:absolute;top:0;transform:rotateX(0)}.flip-digit-overlay.flipping{transition:transform .7s ease-in-out;transform:rotateX(-180deg)}.flip-digit-face{backface-visibility:hidden;justify-content:center;width:100%;height:100%;font-size:clamp(140px,36vw,100px);display:flex;position:absolute;overflow:hidden}.flip-digit-face-front{border-bottom:1px solid var(--color-divider,#888);align-items:flex-end;top:0}.flip-digit-face-back{align-items:flex-start;top:0;transform:rotateX(-180deg)}@media (max-width:1250px){.flip-digit-container{width:clamp(80px,7vw,100px);height:clamp(110px,12vw,200px)}.flip-digit-text,.flip-digit-face{font-size:clamp(80px,5vw,80px)}}@media (max-width:950px){.flip-digit-container{width:clamp(60px,7vw,100px);height:clamp(80px,12vw,200px)}.flip-digit-text,.flip-digit-face{font-size:clamp(60px,5vw,80px)}}@media (max-width:700px){.flip-digit-container{width:clamp(50px,7vw,100px);height:clamp(70px,12vw,200px)}.flip-digit-text,.flip-digit-face{font-size:clamp(50px,5vw,80px)}}@media (max-width:580px){.flip-digit-container{width:clamp(30px,7vw,100px);height:clamp(50px,14vw,200px)}.flip-digit-text,.flip-digit-face{font-size:clamp(30px,5vw,80px)}}@media (max-width:380px){.flip-digit-container{width:clamp(25px,7vw,100px);height:clamp(40px,12vw,200px)}.flip-digit-text,.flip-digit-face{font-size:clamp(25px,5vw,80px)}}