.flip-digit-container{perspective:1200px;width:60px;height:80px}.flip-digit{color:#fff;text-align:center;width:100%;height:100%;transform-style:preserve-3d;font-family:Courier New,monospace;font-size:3rem;position:relative}.top,.bottom,.top-flip,.bottom-flip{backface-visibility:hidden;background:linear-gradient(#e7e7e71f 0%,#c2c0c00e 100%);border-top:1px solid #777;border-bottom:1px solid #111;border-radius:8px;justify-content:center;align-items:center;width:100%;height:100%;display:flex;position:absolute;left:0;overflow:hidden;box-shadow:inset 0 -2px 5px #00000054}.top,.top-flip{clip-path:inset(0 0 50%);top:0}.bottom,.bottom-flip{clip-path:inset(50% 0 0);bottom:0}.top-flip{transform-origin:bottom;z-index:5;transform:rotateX(0);box-shadow:0 4px 8px #00000080}.bottom-flip{transform-origin:top;z-index:4;transform:rotateX(90deg);box-shadow:0 -4px 8px #00000080}.flip .top-flip{animation:.4s ease-in forwards flipTop}.flip .bottom-flip{animation:.4s ease-out .3s forwards flipBottom}.post-flip .top-flip,.post-flip .bottom-flip{display:none}.btnConsultation{backface-visibility:hidden;background:linear-gradient(#e7e7e71f 0%,#c2c0c00e 100%);border-top:1px solid #777;border-bottom:1px solid #111;border-radius:8px;box-shadow:inset 0 -2px 5px #00000054}.btnConsultation:hover{backface-visibility:hidden;background:linear-gradient(#e7e7e775 0%,#c2c0c00e 100%);border-top:1px solid #777;border-bottom:1px solid #111;border-radius:8px;box-shadow:inset 0 -2px 5px #00000054}.clock-colon{animation:1s step-end infinite colonBlink}@media (prefers-reduced-motion:reduce){.clock-colon{animation:none}}@keyframes flipTop{0%{transform:rotateX(0)}to{transform:rotateX(-90deg)}}@keyframes flipBottom{0%{transform:rotateX(90deg)}to{transform:rotateX(0)}}@keyframes colonBlink{0%,49%{opacity:1}50%,to{opacity:.25}}