.flip-counter{justify-content:center;align-items:center;gap:.125em;font-family:Chronicle Display,Georgia,serif;font-size:44px;line-height:1;display:flex}.flip-digit{perspective:2.08em;text-align:center;width:.8em;height:1.15em;position:relative}.flip-digit-pane{backface-visibility:hidden;box-sizing:border-box;background-image:linear-gradient(#252525 0%,#1c1c1c 100%);border:.5px solid #9595950a;border-radius:.0625em;width:.8em;height:.54em;padding:.08em .1em;position:absolute;left:0;overflow:hidden;box-shadow:0 2px 4px -1px #00000029}:root:not(.dark) .flip-digit-pane,.light .flip-digit-pane{background-image:linear-gradient(#fff 0%,#f8f8f8 100%);border:.5px solid #00000008;box-shadow:0 2px 4px -1px #0000000a,inset 0 -5px 3px #ffffff80,inset 0 -8px 12px #ffffff3d}.flip-digit-pane:before{content:var(--digit);color:#ffffffd9;text-align:center;font-size:1em;font-weight:400;line-height:1;display:block}:root:not(.dark) .flip-digit-pane:before,.light .flip-digit-pane:before{color:#252525d9}.flip-digit-pane-top{transform-origin:50% .53125em;background-position:0 0;background-size:100% 200%;top:0}.flip-digit-pane-top:before{transform:translateY(0)}.flip-digit-pane-bottom{transform-origin:50% -.03125em;background-position:0 -100%;background-size:100% 200%;bottom:0}.flip-digit-pane-bottom:before{transform:translateY(-.57em)}.flip-digit-current.flip-digit-pane-top,.flip-digit-current.flip-digit-pane-bottom{transform:rotateX(0)}.flip-digit-next.flip-digit-pane-bottom{transform:rotateX(-180deg)}.flip-digit-transitioning .flip-digit-next.flip-digit-pane-bottom{animation:.4s ease-in-out forwards flip-flop-in}.flip-digit-transitioning .flip-digit-current.flip-digit-pane-top{animation:.4s ease-in-out forwards flip-flop-out}@keyframes flip-flop-in{0%{transform:rotateX(180deg)}to{transform:rotateX(0)}}@keyframes flip-flop-out{0%{transform:rotateX(0)}to{transform:rotateX(-180deg)}}