.flip-clock{--flip-clock-tiles:2;--flip-clock-gap:2.5cqmin;--flip-clock-inset:8cqmin;--flip-clock-radius-outer:var(--radius-32);--flip-clock-radius-inner:var(--radius-8);--flip-clock-tile-surface:var(--neutral-surface-background);--flip-clock-tile:min(calc((100cqw - 2 * var(--flip-clock-inset) - (var(--flip-clock-tiles) - 1) * var(--flip-clock-gap)) / var(--flip-clock-tiles)), calc(100cqh - 2 * var(--flip-clock-inset)));--flip-clock-hinge:max(2px, 1.2cqh);--flip-clock-duration:.3s;background-color:var(--neutral-surface-main);width:100%;height:100%;container-type:size}.flip-clock-seconds{--flip-clock-tiles:3}.flip-clock-face{justify-content:center;align-items:center;gap:var(--flip-clock-gap);width:100%;height:100%;display:flex}.flip-clock-tile{width:var(--flip-clock-tile);height:var(--flip-clock-tile);perspective:calc(var(--flip-clock-tile) * 3);flex-shrink:0;position:relative;container-type:size}.flip-clock-half{width:100%;height:calc(50% - var(--flip-clock-hinge) / 2);border:var(--stroke-1) solid var(--neutral-border-support);background-color:var(--flip-clock-tile-surface);color:var(--neutral-content-main-titles);backface-visibility:hidden;position:absolute;left:0;overflow:hidden}.flip-clock-half-top{border-radius:var(--flip-clock-radius-outer) var(--flip-clock-radius-outer) var(--flip-clock-radius-inner) var(--flip-clock-radius-inner);transform-origin:50% calc(100% + var(--flip-clock-hinge) / 2);border-bottom:none;top:0}.flip-clock-half-bottom{border-radius:var(--flip-clock-radius-inner) var(--flip-clock-radius-inner) var(--flip-clock-radius-outer) var(--flip-clock-radius-outer);transform-origin:50% calc(var(--flip-clock-hinge) / -2);border-top:none;bottom:0}.flip-clock-digits{width:100%;height:100cqh;font-family:var(--font-sans-strong);font-weight:var(--font-weight-strong);font-feature-settings:var(--font-features-sans), "tnum";letter-spacing:-.02em;text-align:center;font-size:72cqh;line-height:100cqh;position:absolute;left:0}.flip-clock-half-top .flip-clock-digits{top:calc(-1 * var(--stroke-1))}.flip-clock-half-bottom .flip-clock-digits{bottom:calc(-1 * var(--stroke-1))}.flip-clock-meta{font-family:var(--font-sans-strong);font-weight:var(--font-weight-strong);font-size:7cqh;line-height:1;position:absolute;top:8cqh;left:7cqw}.flip-clock-flap{z-index:1}.flip-clock-tile-flipping .flip-clock-half-top.flip-clock-flap{animation:flip-clock-fall var(--flip-clock-duration) ease-in forwards}.flip-clock-tile-flipping .flip-clock-half-bottom.flip-clock-flap{animation:flip-clock-land var(--flip-clock-duration) ease-out var(--flip-clock-duration) both}@keyframes flip-clock-fall{0%{transform:rotateX(0)}to{transform:rotateX(-90deg)}}@keyframes flip-clock-land{0%{transform:rotateX(90deg)}to{transform:rotateX(0)}}@media (prefers-reduced-motion:reduce){.flip-clock{--flip-clock-duration:.01ms}}
.sinth-scene{width:100%;height:100%;position:relative;overflow:hidden}.sinth-scene>canvas{width:100%;height:100%;display:block}.sinth-scene>*{transition:opacity .4s}.sinth-scene:not([data-status=ready])>*{opacity:0}