@layer flip-clock{:root{--flip-bg:#e2e2e2;--flip-text:#000;--flip-line:#c6c6c6;--flip-separator-color:#000;--flip-period-color:#5f5e5e;--flip-flap-shadow:none;--flip-loading-highlight:#ffffff9e;--flip-radius:20px;--flip-base-width:clamp(80px, 18vw, 520px)}.dark{--flip-bg:#2a2a2a;--flip-text:#fff;--flip-line:#0e0e0e;--flip-separator-color:#fff;--flip-period-color:#c6c6c6;--flip-flap-shadow:inset 0 2px 4px #00000080;--flip-loading-highlight:#ffffff14;--flip-radius:12px}.flip-clock-stage{inline-size:100%;min-inline-size:0;container-type:inline-size}.flip-clock{--layout-scale:calc(var(--card-scale,1) * var(--viewport-scale,1));--flip-gap:clamp(8px, 2vw, 16px);--flip-pad-x:clamp(8px, 2vw, 16px);--flip-desired-width:calc(var(--flip-base-width) * var(--layout-scale));--flip-fit-gaps:1;--flip-fit-slots:2;--flip-fit-width:calc(max(0px, 100cqi - 2 * var(--flip-pad-x) - var(--flip-fit-gaps) * var(--flip-gap)) / var(--flip-fit-slots));--flip-width:min(var(--flip-desired-width), var(--flip-fit-width));--flip-height:calc(var(--flip-width) * 21 / 18);--flip-font-size:calc(var(--flip-width) * 16 / 18);--flip-digit-offset:calc(var(--flip-font-size) * .055);justify-content:center;align-items:center;gap:var(--flip-gap);box-sizing:border-box;width:100%;min-width:0;padding:.35rem var(--flip-pad-x);font-family:var(--flip-font,"Bebas Neue", "Arial Narrow", sans-serif);font-variant-numeric:tabular-nums;flex-wrap:nowrap;display:flex;position:relative}.flip-clock:has(>.flip-clock__separator){--flip-fit-gaps:2;--flip-fit-slots:2.5}.flip-clock:has(>.flip-card~.flip-card){--flip-fit-gaps:2;--flip-fit-slots:3}.flip-clock:has(>.flip-clock__separator):has(>.flip-card~.flip-card){--flip-fit-gaps:4;--flip-fit-slots:3.7}@container (max-width:72rem){.flip-clock:has(>.flip-card~.flip-card){--flip-font-size:calc(var(--flip-width) * 15 / 18)}}@container (max-width:56rem){.flip-clock:has(>.flip-card~.flip-card){--flip-font-size:calc(var(--flip-width) * 14 / 18)}}.flip-clock__text{clip-path:inset(50%);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.flip-clock__separator{min-height:var(--flip-height);font-size:var(--flip-font-size);color:var(--flip-separator-color);-webkit-user-select:none;user-select:none;flex-shrink:0;justify-content:center;align-items:center;padding:0 4px;font-weight:700;line-height:1;display:flex}.flip-clock__hours{flex:none;display:inline-flex;position:relative}.flip-clock__period{z-index:5;max-width:100%;padding:calc(.04 * var(--flip-height)) calc(.06 * var(--flip-width));font-size:max(.8125rem, calc(.08 * var(--flip-height)));letter-spacing:.1em;white-space:nowrap;text-overflow:ellipsis;color:var(--flip-period-color);pointer-events:none;font-weight:600;line-height:1;position:absolute;bottom:0;left:0;overflow:hidden}.flip-card{width:var(--flip-width);height:var(--flip-height);isolation:isolate;border-radius:var(--flip-radius);color:var(--flip-text);font-size:var(--flip-font-size);-webkit-font-smoothing:antialiased;flex:none;font-weight:400;position:relative}.flip-card__half,.flip-card__flap{background:var(--flip-bg);justify-content:center;height:50%;display:flex;position:absolute;left:0;right:0;overflow:hidden}.flip-card__half--top,.flip-card__flap--top{border-radius:var(--flip-radius) var(--flip-radius) 0 0;align-items:flex-end;top:0}.flip-card__half--bottom,.flip-card__flap--bottom{border-radius:0 0 var(--flip-radius) var(--flip-radius);align-items:flex-start;bottom:0}.flip-card__digits{line-height:1}.flip-card__half--top .flip-card__digits,.flip-card__flap--top .flip-card__digits{transform:translateY(calc(50% + var(--flip-digit-offset)))}.flip-card__half--bottom .flip-card__digits,.flip-card__flap--bottom .flip-card__digits{transform:translateY(calc(-50% + var(--flip-digit-offset)))}.flip-card__hinge{z-index:30;background:var(--flip-line);pointer-events:none;height:2px;position:absolute;top:50%;left:0;right:0;transform:translateY(-50%)}.flip-card__flaps{z-index:20;transform-style:preserve-3d;pointer-events:none;position:absolute;inset:0}.flip-card__flap{backface-visibility:hidden;transform-style:preserve-3d;will-change:transform}.flip-card__flap--top{transform-origin:bottom;box-shadow:var(--flip-flap-shadow);animation:.3s ease-in forwards flip-clock-fold}.flip-card__flap--bottom{transform-origin:top;animation:.3s ease-out .3s forwards flip-clock-unfold;transform:rotateX(90deg)}.flip-card[data-loading=true] .flip-card__half{background-image:linear-gradient(110deg, transparent 20%, var(--flip-loading-highlight) 42%, transparent 64%);background-position:200% 0;background-size:250% 100%;animation:1.4s ease-in-out infinite flip-clock-shimmer}.flip-card[data-loading=true] .flip-card__digits{color:#0000}@keyframes flip-clock-fold{0%{transform:rotateX(0)}to{transform:rotateX(-90deg)}}@keyframes flip-clock-unfold{0%{transform:rotateX(90deg)}to{transform:rotateX(0)}}@keyframes flip-clock-shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}@media (prefers-reduced-motion:reduce){.flip-card__flaps{display:none}.flip-card[data-loading=true] .flip-card__half{background-position:50% 0;animation:none}}}