@layer flip-clock{:root,[data-clock-theme=mono]{--flip-bg:#e2e2e2;--flip-text:#000;--flip-line:#c6c6c6;--flip-separator-color:#000;--flip-period-color:#5f5e5e}:root{--flip-flap-shadow:none;--flip-loading-highlight:#ffffff9e;--flip-radius:20px;--flip-base-width:clamp(80px, 18vw, 520px)}.dark,.dark [data-clock-theme=mono]{--flip-bg:#2a2a2a;--flip-text:#fff;--flip-line:#0e0e0e;--flip-separator-color:#fff;--flip-period-color:#c6c6c6}.dark{--flip-flap-shadow:inset 0 2px 4px #00000080;--flip-loading-highlight:#ffffff14;--flip-radius:12px}[data-clock-theme=amber]{--flip-bg:#fff4e0;--flip-text:#8a4b00;--flip-line:#e8d2ad;--flip-separator-color:#8a4b00;--flip-period-color:#9c6422}.dark[data-clock-theme=amber],.dark [data-clock-theme=amber]{--flip-bg:#1c1408;--flip-text:#ffb000;--flip-line:#0a0703;--flip-separator-color:#ffb000;--flip-period-color:#b07903}[data-clock-theme=red]{--flip-bg:#ffe9e7;--flip-text:#a3120a;--flip-line:#efc9c5;--flip-separator-color:#a3120a;--flip-period-color:#b53d36}.dark[data-clock-theme=red],.dark [data-clock-theme=red]{--flip-bg:#1a0a0a;--flip-text:#ff3b30;--flip-line:#080303;--flip-separator-color:#ff3b30;--flip-period-color:#e8362c}[data-clock-theme=blue]{--flip-bg:#e6efff;--flip-text:#0b3d91;--flip-line:#c8d6f2;--flip-separator-color:#0b3d91;--flip-period-color:#4269ac}.dark[data-clock-theme=blue],.dark [data-clock-theme=blue]{--flip-bg:#0b1730;--flip-text:#8cc8ff;--flip-line:#050b17;--flip-separator-color:#8cc8ff;--flip-period-color:#5f8ab7}[data-clock-theme=green]{--flip-bg:#e7f6ea;--flip-text:#0f5d2a;--flip-line:#c6e3cc;--flip-separator-color:#0f5d2a;--flip-period-color:#2f7447}.dark[data-clock-theme=green],.dark [data-clock-theme=green]{--flip-bg:#07160c;--flip-text:#39ff7a;--flip-line:#030a05;--flip-separator-color:#39ff7a;--flip-period-color:#25a24e}[data-clock-theme=paper]{--flip-bg:#f4ecd8;--flip-text:#2b2118;--flip-line:#ddd0b4;--flip-separator-color:#2b2118;--flip-period-color:#71685b}.dark[data-clock-theme=paper],.dark [data-clock-theme=paper]{--flip-bg:#2b2620;--flip-text:#f4ecd8;--flip-line:#15120e;--flip-separator-color:#f4ecd8;--flip-period-color:#a49d8e}[data-clock-theme=custom]{--flip-bg:var(--clock-custom-bg,#2e1a47);--flip-text:var(--clock-custom-text,#e9d8fd);--flip-line:color-mix(in srgb, var(--flip-bg) 80%, #000);--flip-separator-color:var(--flip-text);--flip-period-color:color-mix(in srgb, var(--flip-text) 75%, var(--flip-bg))}.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.flip-group{--flip-fit-slots:var(--flip-group-slots,2);--flip-fit-gaps:var(--flip-group-gaps,1);align-items:flex-start}.flip-group__unit{align-items:center;gap:max(.375rem, calc(.08 * var(--flip-height)));flex-direction:column;flex:none;display:flex}.flip-group__label{font-size:max(.75rem, calc(.09 * var(--flip-height)));letter-spacing:.08em;white-space:nowrap;text-transform:uppercase;color:var(--flip-period-color);font-weight:600;line-height:1}.flip-card[data-digits]{width:calc(var(--flip-width) * var(--flip-digits) / 2)}.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}}}