:root{--bg-body: #120f17;--bg-card: #1b1722;--bg-elevated: #1b1722;--bg-hover: #373044;--border-primary: #2f293a;--border-secondary: #2f293a;--border-subtle: #2f293a;--color-primary: #a855f7;--color-accent: #b497cf;--color-accent-muted: #b497cf;--text-primary: #fff;--text-secondary: #f5f5f5;--text-muted: #aaaaaa;--text-dimmed: #a1a1aa;--text-link: #ffffff;--section-heading: #f4f4f5;--radius-xs: 6px;--radius-sm: 10px;--radius-md: 12px;--radius-lg: 14px;--radius-xl: 24px;--radius-full: 999px;--shadow-dropdown: 0 8px 32px rgba(0, 0, 0, .4);--shadow-primary: 0 2px 8px rgba(82, 39, 255, .4);--docs-header-height: 60px;--docs-content-max-width: 675px;--ease-out: cubic-bezier(.23, 1, .32, 1);--ease-in-out: cubic-bezier(.77, 0, .175, 1);--ease-drawer: cubic-bezier(.32, .72, 0, 1);--dur-press: .12s;--dur-tooltip: .16s;--dur-menu: .2s;--dur-panel: .28s;--transition-fast: .15s var(--ease-out);--transition-base: .2s var(--ease-out);--transition-slow: .3s var(--ease-out);--gradient-title: linear-gradient(135deg, #fff 0%, #8660fa 20%, #a855f7 40%, #8400ff 60%, #a855f7 80%, #fff 100%);--surface-ghost: rgba(255, 255, 255, .07);--surface-ghost-hover: rgba(255, 255, 255, .12);--surface-ghost-highlight: inset 0 1px 0 rgba(255, 255, 255, .07);--surface-ghost-blur: blur(32px) saturate(1.3);--surface-ghost-track: rgba(255, 255, 255, .04);--action-control-bg: var(--surface-ghost-track);--action-control-border: transparent;--action-control-hover: var(--surface-ghost-hover);--action-control-selected: var(--surface-ghost);--action-control-selected-border: transparent;--action-control-shadow: var(--surface-ghost-highlight);--shell-panel: rgba(18, 15, 23, .82);--shell-panel-solid: #120f17;--shell-border: rgba(255, 255, 255, .07);--shell-border-strong: rgba(255, 255, 255, .1);--shell-fade-rgb: 18, 15, 23;--field-bg: #120f17;--text-on-accent: #fff;--inset-border: rgba(255, 255, 255, .055);--preview-border: rgba(255, 255, 255, .05);--inset-divider: rgba(255, 255, 255, .045);--row-hover: rgba(255, 255, 255, .022);--code-name: rgba(216, 180, 254, .9);--code-type: rgba(215, 205, 226, .68);--code-value: rgba(220, 214, 229, .86);--code-chip: rgba(255, 255, 255, .055);--skeleton-base: #1b1722;--skeleton-shine: #2a2335;--shadow-elevated: 0 14px 40px rgba(0, 0, 0, .14);--shadow-elevated-hover: 0 18px 42px rgba(0, 0, 0, .18);--shadow-menu: 0 10px 30px rgba(0, 0, 0, .5);--slider-thumb: rgba(255, 255, 255, .9);--slider-fill: rgba(255, 255, 255, .06);--switch-track: #37313f;--switch-track-checked: #d4d4d8;--switch-knob: #a1a1aa;--switch-knob-checked: #27222e;--floating-control-bg: rgba(18, 15, 23, .72);--floating-control-hover: rgba(36, 30, 44, .94);--code-bg: #120f17;--code-bg-accent: #1b1722;--new-badge-text: #e2c9ff;--new-badge-bg: rgba(168, 85, 247, .32);--tool-track: rgba(255, 255, 255, .045);--tool-track-hover: rgba(255, 255, 255, .08);--tool-hover: rgba(255, 255, 255, .06);--tool-raised: rgba(255, 255, 255, .1);--tool-raised-shadow: inset 0 1px 0 rgba(255, 255, 255, .07), 0 1px 2px rgba(0, 0, 0, .35);--tool-muted: rgba(244, 244, 245, .58);--tool-float: rgba(38, 33, 46, .62);--tool-float-hover: rgba(52, 46, 62, .78);--tool-float-shadow: inset 0 1px 0 rgba(255, 255, 255, .07), 0 0 0 1px rgba(255, 255, 255, .04);--tool-tooltip: #1e1a25;--tool-tooltip-shadow: 0 8px 20px rgba(0, 0, 0, .45), 0 0 0 1px rgba(255, 255, 255, .06);--menu-bg: #1a1720;--menu-bg-rgb: 26, 23, 32;--menu-shadow: 0 0 0 1px rgba(255, 255, 255, .06), inset 0 1px 0 rgba(255, 255, 255, .045), 0 18px 44px -12px rgba(0, 0, 0, .7), 0 6px 14px -6px rgba(0, 0, 0, .45);--menu-highlight: rgba(255, 255, 255, .065);--menu-label: rgba(244, 244, 245, .42)}:root:not(.dark){color-scheme:light;--bg-body: #ffffff;--bg-card: #ffffff;--bg-elevated: #f1f1f2;--bg-hover: #e9e9eb;--border-primary: #d1d1d4;--border-secondary: #dedee1;--border-subtle: #e7e7e9;--color-primary: #8f36e8;--color-accent: #7e3db8;--color-accent-muted: #8a719d;--text-primary: #18181b;--text-secondary: #2f2f33;--text-muted: #52525b;--text-dimmed: #71717a;--text-link: #27272a;--section-heading: #3f3f46;--shadow-dropdown: 0 16px 42px rgba(24, 24, 27, .12);--shadow-primary: 0 4px 18px rgba(143, 54, 232, .2);--surface-ghost: rgba(24, 24, 27, .07);--surface-ghost-hover: rgba(24, 24, 27, .11);--surface-ghost-highlight: 0 1px 2px rgba(24, 24, 27, .05);--surface-ghost-track: rgba(24, 24, 27, .055);--action-control-bg: #ffffff;--action-control-border: var(--border-subtle);--action-control-hover: #f8f8f9;--action-control-selected: #ffffff;--action-control-selected-border: var(--border-primary);--action-control-shadow: none;--shell-panel: rgba(255, 255, 255, .86);--shell-panel-solid: #ffffff;--shell-border: rgba(24, 24, 27, .09);--shell-border-strong: rgba(24, 24, 27, .14);--shell-fade-rgb: 255, 255, 255;--field-bg: #ffffff;--inset-border: rgba(24, 24, 27, .14);--preview-border: rgba(24, 24, 27, .055);--inset-divider: rgba(24, 24, 27, .1);--row-hover: rgba(24, 24, 27, .035);--code-name: #7c25b4;--code-type: #554c5e;--code-value: #332a3a;--code-chip: rgba(24, 24, 27, .06);--skeleton-base: #e7e7e9;--skeleton-shine: #f4f4f5;--shadow-elevated: 0 14px 38px rgba(24, 24, 27, .07);--shadow-elevated-hover: 0 18px 44px rgba(24, 24, 27, .1);--shadow-menu: 0 16px 36px rgba(24, 24, 27, .13);--slider-thumb: #71717a;--slider-fill: rgba(24, 24, 27, .09);--switch-track: #d4d4d8;--switch-track-checked: #52525b;--switch-knob: #ffffff;--switch-knob-checked: #ffffff;--floating-control-bg: rgba(255, 255, 255, .92);--floating-control-hover: #fff;--code-bg: #ffffff;--code-bg-accent: #ececee;--new-badge-text: #6f249d;--new-badge-bg: #eee1f7;--tool-track: rgba(24, 24, 27, .045);--tool-track-hover: rgba(24, 24, 27, .075);--tool-hover: rgba(24, 24, 27, .045);--tool-raised: #ffffff;--tool-raised-shadow: 0 1px 2px rgba(24, 24, 27, .08), 0 0 0 1px rgba(24, 24, 27, .05);--tool-muted: rgba(39, 39, 42, .6);--tool-float: rgba(255, 255, 255, .86);--tool-float-hover: #ffffff;--tool-float-shadow: 0 1px 3px rgba(24, 24, 27, .08), 0 0 0 1px rgba(24, 24, 27, .06);--tool-tooltip: #ffffff;--tool-tooltip-shadow: 0 8px 20px rgba(24, 24, 27, .12), 0 0 0 1px rgba(24, 24, 27, .07);--menu-bg: #ffffff;--menu-bg-rgb: 255, 255, 255;--menu-shadow: 0 0 0 1px rgba(24, 24, 27, .07), 0 18px 44px -14px rgba(24, 24, 27, .2), 0 6px 14px -8px rgba(24, 24, 27, .1);--menu-highlight: rgba(24, 24, 27, .05);--menu-label: rgba(39, 39, 42, .46);--gradient-title: linear-gradient(135deg, #24192d 0%, #7550c8 25%, #9138df 50%, #7340bd 75%, #24192d 100%)}:root.dark{color-scheme:dark}@keyframes gradientShift{0%,to{background-position:0% 50%}50%{background-position:100% 50%}}.scrubber-track[role=slider]{--ruler-track: #e5e7eb;--ruler-fill: #111111;isolation:isolate;background:var(--ruler-track);border-radius:var(--ruler-radius, var(--pc-button-radius, 8px))}:is(.dark,[data-theme=dark],[data-color-scheme=dark]) .scrubber-track[role=slider]{--ruler-track: #252a34;--ruler-fill: #ffffff}.scrubber-track[role=slider] .scrubber-fill{background:var(--ruler-fill);border-radius:inherit}.scrubber-track[role=slider] :is(.scrubber-label,.scrubber-value){color:#fff;mix-blend-mode:difference}.scrubber-track[role=slider] .scrubber-tick{background:#fff;opacity:.72;mix-blend-mode:difference}.scrubber-track[role=slider] .scrubber-thumb-wrapper{mix-blend-mode:difference}.scrubber-track[role=slider] .scrubber-thumb{background:#fff;opacity:1}.scrubber-track[role=slider] .scrubber-ticks{z-index:1;mask-image:linear-gradient(to right,transparent 0,transparent var(--ruler-label-end,100px),#000 var(--ruler-label-end,100px),#000 var(--ruler-value-start,85%),transparent var(--ruler-value-start,85%));-webkit-mask-image:linear-gradient(to right,transparent 0,transparent var(--ruler-label-end,100px),#000 var(--ruler-label-end,100px),#000 var(--ruler-value-start,85%),transparent var(--ruler-value-start,85%))}.scrubber-track[role=slider] :is(.scrubber-label,.scrubber-value){z-index:5}.scrubber{position:relative;width:100%;user-select:none}.scrubber-track{position:relative;height:40px;border-radius:var(--radius-sm);background:var(--surface-ghost-track);border:1px solid transparent;cursor:pointer;overflow:hidden;touch-action:pan-y;outline:none;outline-offset:2px}.scrubber-track:focus-visible{outline:2px solid color-mix(in srgb,var(--color-primary) 55%,transparent)}.scrubber-track[data-disabled=true]{opacity:.35;pointer-events:none}.scrubber-fill{position:absolute;inset:0 auto 0 0;border-radius:var(--radius-sm);background:var(--slider-fill);pointer-events:none}.scrubber-ticks{position:absolute;inset:0;pointer-events:none}.scrubber-tick{position:absolute;top:50%;width:1px;height:8px;border-radius:999px;background:var(--border-primary);transform:translate(-50%) translateY(-50%)}.scrubber-thumb-wrapper{position:absolute;top:50%;transform:translate(-50%) translateY(-50%);margin-left:-6px;pointer-events:none;z-index:3}.scrubber-thumb{width:5px;height:26px;border-radius:999px;background:var(--slider-thumb);opacity:.32;transform:scaleX(.7) scaleY(.7);transition:opacity var(--dur-menu) var(--ease-out),transform var(--dur-menu) var(--ease-out)}.scrubber-track[data-active=true] .scrubber-thumb{opacity:.9;transform:scaleX(1) scaleY(1)}.scrubber-label{position:absolute;top:50%;left:12px;transform:translateY(-50%);white-space:nowrap;color:var(--text-muted);font-size:13px;font-weight:500;letter-spacing:.01em;pointer-events:none;z-index:4}.scrubber-value{position:absolute;top:50%;right:12px;transform:translateY(-50%);color:var(--text-primary);font-family:Geist,sans-serif;font-variant-numeric:tabular-nums;font-size:13px;font-weight:500;pointer-events:none;z-index:4}.scrubber-track--switch{display:flex;align-items:center;width:100%;text-align:left;font:inherit;padding:0;transition:transform var(--dur-press) var(--ease-out),background var(--transition-base)}.scrubber-track--switch:active:not([data-disabled=true]),.scrubber-track--select:active:not([data-disabled=true]){transform:scale(.985)}.scrubber-switch-toggle{position:absolute;right:12px;top:50%;transform:translateY(-50%);width:36px;height:20px;border-radius:999px;background:var(--switch-track);border:1px solid color-mix(in srgb,var(--text-primary) 10%,transparent);z-index:4;transition:background var(--transition-base)}.scrubber-track--switch[data-checked=true] .scrubber-switch-toggle{background:var(--switch-track-checked)}.scrubber-switch-knob{position:absolute;top:2px;left:2px;width:14px;height:14px;border-radius:999px;background:var(--switch-knob);box-shadow:0 1px 2px #0000003d;transition:transform var(--dur-menu) var(--ease-out),background var(--transition-base)}.scrubber-track--switch[data-checked=true] .scrubber-switch-knob{transform:translate(16px);background:var(--switch-knob-checked)}.scrubber-track--select{display:flex;align-items:center;width:100%;text-align:left;font:inherit;padding:0;transition:transform var(--dur-press) var(--ease-out),background var(--transition-base)}.scrubber-track--select .scrubber-value{pointer-events:none;font-family:inherit;font-weight:400;position:static;transform:none}.scrubber-select-right{position:absolute;right:12px;top:50%;transform:translateY(-50%);display:flex;align-items:center;gap:6px;z-index:4;pointer-events:none}.scrubber-caret{color:var(--text-muted);transition:transform var(--dur-menu) var(--ease-out);flex-shrink:0}.scrubber-caret--open{transform:rotate(180deg)}.scrubber-dropdown{position:absolute;top:calc(100% + 4px);left:0;right:0;z-index:50;background:var(--bg-elevated);border:1px solid var(--border-primary);border-radius:var(--radius-sm);padding:4px;display:flex;flex-direction:column;gap:2px;box-shadow:var(--shadow-dropdown);transform-origin:top center;animation:scrubber-pop-in var(--dur-menu) var(--ease-out)}@keyframes scrubber-pop-in{0%{opacity:0;transform:scale(.96) translateY(-4px)}to{opacity:1;transform:none}}.scrubber-dropdown-item{display:block;width:100%;padding:8px 12px;border:none;background:none;color:var(--text-muted);font-size:13px;text-align:left;border-radius:6px;cursor:pointer;transition:background var(--transition-fast),color var(--transition-fast),transform var(--dur-press) var(--ease-out)}.scrubber-dropdown-item:hover{background:var(--bg-hover);color:var(--text-primary)}.scrubber-dropdown-item:active{transform:scale(.98)}.scrubber-dropdown-item--active{color:var(--text-primary)}:root[data-theme=light] .scrubber-dropdown{background:#fff;border-color:var(--border-subtle);box-shadow:0 12px 30px #18181b1a}:root[data-theme=light] .scrubber-dropdown-item:hover{background:#f7f7f8}.scrubber-track--input{cursor:default}.scrubber-input{position:absolute;inset:0;background:none;border:none;outline:none;color:var(--text-primary);font-family:Geist,sans-serif;font-size:13px;padding:0 12px 0 40%;text-align:right;text-overflow:ellipsis;z-index:4}.scrubber-input::placeholder{color:var(--text-dimmed)}.scrubber-track--color{cursor:default}.scrubber-color-controls{position:absolute;right:10px;top:50%;transform:translateY(-50%);display:flex;align-items:center;gap:6px;z-index:4}.scrubber-color-swatch{width:24px;height:24px;padding:0;border:1px solid var(--border-primary);border-radius:6px;cursor:pointer;background:transparent;-webkit-appearance:none;appearance:none;transition:transform var(--dur-press) var(--ease-out)}.scrubber-color-swatch:active{transform:scale(.92)}.scrubber-color-swatch::-webkit-color-swatch-wrapper{padding:0}.scrubber-color-swatch::-webkit-color-swatch{border:none;border-radius:4px}.scrubber-color-swatch::-moz-color-swatch{border:none;border-radius:4px}.scrubber-color-text{width:72px;height:24px;background:var(--surface-ghost);border:1px solid transparent;box-shadow:var(--surface-ghost-highlight);border-radius:6px;color:var(--text-primary);font-family:Geist,sans-serif;font-size:12px;padding:0 8px;text-transform:lowercase;outline:none}.scrubber-color-swatch-preview{width:24px;height:24px;border-radius:6px;border:1px solid var(--border-primary);flex-shrink:0}.scrubber-popover{transform-origin:top center;animation:scrubber-pop-in var(--dur-menu) var(--ease-out)}.scrubber-preset-swatch{transition:transform var(--dur-press) var(--ease-out)}@media(hover:hover)and (pointer:fine){.scrubber-preset-swatch:hover{transform:scale(1.12)}}.scrubber-preset-swatch:active{transform:scale(.9)}@media(prefers-reduced-motion:reduce){.scrubber-thumb,.scrubber-caret,.scrubber-switch-toggle,.scrubber-switch-knob,.scrubber-track--select,.scrubber-track--switch,.scrubber-dropdown-item,.scrubber-color-swatch,.scrubber-preset-swatch{transition-duration:.01ms}.scrubber-dropdown,.scrubber-popover{animation:none}.scrubber-track--select:active,.scrubber-track--switch:active,.scrubber-dropdown-item:active,.scrubber-color-swatch:active,.scrubber-preset-swatch:active{transform:none}}.scrubber-palette{display:flex;flex-direction:column;gap:8px;padding:7px 8px 8px;border-radius:var(--radius-sm);background:var(--surface-ghost-track)}.scrubber-palette-head{display:flex;min-height:26px;align-items:center;justify-content:space-between;gap:10px;padding-left:4px}.scrubber-palette-label{flex-shrink:0;color:var(--text-muted);font-size:13px;font-weight:500;letter-spacing:.01em;white-space:nowrap}.scrubber-palette-strip{display:flex;height:30px;gap:3px}.scrubber-palette-strip .scrubber-chip-wrap{display:flex;min-width:0;flex:1 1 0}.scrubber-palette-strip .scrubber-color-chip{width:100%;height:100%;border:0;border-radius:4px;box-shadow:inset 0 0 0 1px #ffffff14;transition:transform var(--dur-press) var(--ease-out),box-shadow var(--dur-menu) var(--ease-out)}.scrubber-palette-strip .scrubber-chip-wrap:first-child .scrubber-color-chip{border-radius:9px 4px 4px 9px}.scrubber-palette-strip .scrubber-chip-wrap:last-child .scrubber-color-chip{border-radius:4px 9px 9px 4px}.scrubber-palette-strip .scrubber-chip-wrap:only-child .scrubber-color-chip{border-radius:9px}.scrubber-palette-strip .scrubber-color-chip:hover{box-shadow:inset 0 0 0 1px #ffffff47}.scrubber-palette-strip .scrubber-color-chip:active{transform:scale(.96)}:root[data-theme=light] .scrubber-palette-strip .scrubber-color-chip{box-shadow:inset 0 0 0 1px #18181b1a}:root[data-theme=light] .scrubber-palette-strip .scrubber-color-chip:hover{box-shadow:inset 0 0 0 1px #18181b4d}.scrubber-chip-wrap{display:inline-flex}.scrubber-color-chip{width:24px;height:24px;padding:0;border:1px solid var(--border-primary);border-radius:6px;cursor:pointer;transition:transform var(--dur-press) var(--ease-out)}.scrubber-color-chip:active{transform:scale(.92)}.scrubber-color-chip:focus-visible,.scrubber-palette-button:focus-visible{outline:2px solid color-mix(in srgb,var(--color-primary) 55%,transparent);outline-offset:2px}.scrubber-palette-actions{display:flex;flex-shrink:0;gap:2px}.scrubber-palette-button{display:grid;place-items:center;width:26px;height:26px;padding:0;border:0;border-radius:7px;background:transparent;color:var(--text-muted);cursor:pointer;transition:background-color var(--dur-menu) var(--ease-out),color var(--dur-menu) var(--ease-out),transform var(--dur-press) var(--ease-out)}.scrubber-palette-button:hover:not(:disabled){background:var(--surface-ghost);color:var(--text-primary)}.scrubber-palette-button:active:not(:disabled){transform:scale(.92)}.scrubber-palette-button:disabled{opacity:.35;cursor:default}@media(prefers-reduced-motion:reduce){.scrubber-color-chip,.scrubber-palette-button{transition-duration:.01ms}}.tick{box-sizing:border-box;-webkit-user-select:none;-ms-user-select:none;user-select:none;cursor:default;position:relative;z-index:1;line-height:1.4}.tick *{box-sizing:inherit}.tick [data-view]{max-width:100%}.tick span[data-view]{display:inline-block}.tick .tick-credits{position:absolute;right:0;bottom:0;opacity:.4;text-decoration:none;font-size:11px;color:inherit}.tick [data-layout~=pad]{margin:-.25em}.tick [data-layout~=pad]>*{margin:.25em}.tick [data-layout~=horizontal]{display:-ms-flexbox;display:flex;-ms-flex-direction:row;flex-direction:row;-ms-flex-pack:center;justify-content:center}.tick [data-layout~=horizontal][data-layout~=baseline]{-ms-flex-align:baseline;align-items:baseline}.tick [data-layout~=horizontal][data-layout~=center]{-ms-flex-pack:center;justify-content:center}.tick [data-layout~=horizontal][data-layout~=right]{-ms-flex-pack:end;justify-content:flex-end}.tick [data-layout~=horizontal][data-layout~=left]{-ms-flex-pack:start;justify-content:flex-start}.tick [data-layout~=horizontal][data-layout~=fill],.tick [data-layout~=horizontal][data-layout~=stretch]{-ms-flex-line-pack:stretch;align-content:stretch;-ms-flex-wrap:nowrap;flex-wrap:nowrap}.tick [data-layout~=horizontal][data-layout~=fill]>*,.tick [data-layout~=horizontal][data-layout~=stretch]>*{-ms-flex:1 0 0px;flex:1 0 0;width:100%}.tick [data-layout~=horizontal][data-layout~=multi-line]{-ms-flex-wrap:wrap;flex-wrap:wrap}.tick [data-layout~=horizontal][data-layout~=fit]{display:-ms-inline-flexbox;display:inline-flex;-ms-flex-wrap:nowrap;flex-wrap:nowrap;-ms-flex-line-pack:center;align-content:center;white-space:nowrap;-ms-flex-pack:start;justify-content:flex-start}.tick [data-layout~=vertical]{display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;-ms-flex-align:center;align-items:center}.tick [data-layout~=vertical][data-layout~=top]{-ms-flex-pack:start;justify-content:flex-start}.tick [data-layout~=vertical][data-layout~=bottom]{-ms-flex-pack:end;justify-content:flex-end;min-height:100%}.tick [data-layout~=vertical][data-layout~=middle]{-ms-flex-pack:center;justify-content:center;min-height:100%}.tick [data-layout~=vertical][data-layout~=left]{-ms-flex-align:start;align-items:flex-start}.tick [data-layout~=vertical][data-layout~=right]{-ms-flex-align:end;align-items:flex-end}.tick [data-layout~=vertical][data-layout~=center]{text-align:center}.tick [data-layout~=vertical][data-layout~=fill],.tick [data-layout~=vertical][data-layout~=stretch]{-ms-flex-align:stretch;align-items:stretch;min-height:100%}.tick [data-layout~=vertical][data-layout~=fill]>*,.tick [data-layout~=vertical][data-layout~=stretch]>*{-ms-flex:1 0 0px;flex:1 0 0}.tick [data-layout~=vertical]>*+*{margin-top:.5em}.tick [data-layout~=overlay]{position:relative}.tick [data-layout~=overlay]>*{margin:0}.tick [data-layout~=overlay][data-layout~=center]{text-align:center}.tick [data-layout~=overlay][data-layout~=left]{text-align:left}.tick [data-layout~=overlay][data-layout~=right]{text-align:right}.tick [data-layout~=overlay]>[data-overlay=fill],.tick [data-layout~=overlay]>[data-overlay=stretch]{position:absolute;inset:0}.tick [data-layout~=overlay]>[data-overlay=center]{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center;position:absolute;inset:0}.tick-flip{position:relative;text-align:center}.tick-flip *{border-radius:inherit;white-space:pre;letter-spacing:inherit;text-indent:inherit}.tick-flip-front{border-bottom-left-radius:0;border-bottom-right-radius:0}.tick-flip-back{border-top-left-radius:0;border-top-right-radius:0}.tick-flip-spacer{display:block;visibility:hidden}.tick-flip-shadow{position:absolute;inset:1px;color:transparent!important;background:transparent!important}.tick-flip-shadow-top{bottom:calc(50% - 1px)}.tick-flip-shadow-bottom{top:calc(50% + 1px)}.tick-flip-card-shadow{position:absolute;left:.15em;right:.15em;bottom:.125em;height:.5em;background-color:transparent;border-radius:0;opacity:0;transform-origin:0 100%;box-shadow:0 .125em .25em #00000080,0 .125em .5em #000000bf;z-index:0}.tick-flip-card{position:absolute;z-index:1;left:0;top:0;width:100%;height:100%;perspective:4em}.tick-flip-panel-back,.tick-flip-panel-front{position:absolute;left:0;width:100%;height:51%;backface-visibility:hidden;transform-style:preserve-3d}.tick-flip-panel-back-text,.tick-flip-panel-front-text{position:absolute;left:-1px;top:0;right:-1px;height:100%;overflow:hidden}.tick-flip-panel-text-wrapper{position:absolute;left:0;top:0;right:0;height:100%}.tick-flip-panel-back-text .tick-flip-panel-text-wrapper{height:200%;top:-100%}.tick-flip-panel-front{transform-origin:center bottom;top:0;z-index:2;box-shadow:inset 0 1px #ffffff0d}.tick-flip-panel-back{transform-origin:center top;top:50%;z-index:1;box-shadow:inset 0 -1px #0000001a}.tick-flip-panel-back:after{z-index:1;content:"";position:absolute;left:0;top:0;width:100%;height:100%;background-image:linear-gradient(180deg,rgba(0,0,0,.3) 1px,rgba(0,0,0,.15) 0,transparent 30%)}.tick-flip-panel-back-shadow{z-index:2}.tick-flip-panel-back-highlight{z-index:3}.tick-flip-panel-back-highlight,.tick-flip-panel-back-shadow{border-bottom-left-radius:inherit;border-bottom-right-radius:inherit}.tick-flip-panel-back-highlight,.tick-flip-panel-back-shadow,.tick-flip-panel-front-shadow{position:absolute;inset:0;opacity:0}.tick-flip-panel-front-shadow{background-image:linear-gradient(0deg,#000c,#0000004d)}.tick-flip-panel-back-shadow{background-image:linear-gradient(180deg,#000000b3,#00000080)}.tick-flip-panel-back-highlight{background-image:linear-gradient(180deg,#ffffff26,#ffffff4d)}.tick [data-style*="shadow:inner"],.tick [data-style*="shadow:inner"] .tick-flip-card-shadow,.tick [data-style*="shadow:none"] .tick-flip-card-shadow,.tick [data-style*="shadow:none"] .tick-flip-panel-back,.tick [data-style*="shadow:none"] .tick-flip-panel-front,.tick [data-style*="shadow:none"] .tick-flip-shadow{box-shadow:none}.tick [data-style*="shadow:none"] .tick-flip-back:after,.tick [data-style*="shadow:none"] .tick-flip-panel-back-shadow,.tick [data-style*="shadow:none"] .tick-flip-panel-back-text:after,.tick [data-style*="shadow:none"] .tick-flip-panel-front-shadow{background-image:none}.tick [data-style*="rounded:none"]{border-radius:0}.tick [data-style*="rounded:panels"] .tick-flip-front,.tick [data-style*="rounded:panels"] .tick-flip-shadow-bottom{border-bottom-left-radius:inherit;border-bottom-right-radius:inherit}.tick [data-style*="rounded:panels"] .tick-flip-back,.tick [data-style*="rounded:panels"] .tick-flip-panel-back:after,.tick [data-style*="rounded:panels"] .tick-flip-shadow-top{border-top-left-radius:inherit;border-top-right-radius:inherit}.tick-flip{margin-left:.0625em;margin-right:.0625em;min-width:1.125em;border-radius:.125em;letter-spacing:.25em;text-indent:.25em}.tick-flip-panel{color:#edebeb;background-color:#333232}.tick-flip-shadow{box-shadow:0 .125em .3125em #00000040,0 .02125em .06125em #00000040}.shared-flip-clock{width:100%;height:100%;display:flex;align-items:center;justify-content:center;overflow:hidden}.shared-flip-clock .tick{white-space:nowrap;line-height:1.5;color:var(--card-fg);font-family:system-ui,sans-serif}.shared-flip-clock .tick-flip{border-radius:var(--flip-radius,8px);color:var(--flip-digit,#f4f4f5)}.shared-flip-clock .tick-flip-panel{background-color:var(--flip-face,#333338);color:inherit}[data-tone=light] .shared-flip-clock .tick-flip{color:var(--flip-digit,#202127)}[data-tone=light] .shared-flip-clock .tick-flip-panel{background-color:var(--flip-face,#f3f3f6)}.shared-flip-clock .tick-text-inline{margin:0 .12em}.shared-flip-clock .flip-clock-units{display:flex;align-items:center;justify-content:center}.shared-flip-clock[data-orientation=vertical] .flip-clock-units{flex-direction:column}.shared-flip-clock .tick-flip{flex:none;width:2em;height:2em;min-width:0;margin:0;line-height:2em;letter-spacing:.08em;text-indent:.08em}.shared-flip-clock .tick-text-inline{flex:none;display:flex;align-items:center;justify-content:center;width:.6em;height:2em;margin:0;line-height:1;text-align:center}.shared-flip-clock .tick-text-inline:empty{display:none}.shared-flip-clock[data-orientation=vertical] .tick-text-inline{width:2em;height:.6em}.shared-flip-clock .tick-text-inline{position:relative;color:transparent}.shared-flip-clock .tick-text-inline:before,.shared-flip-clock[data-separator=colon] .tick-text-inline:after{content:"";position:absolute;width:.1em;height:.1em;border-radius:50%;background:var(--flip-separator,var(--card-fg));left:50%;top:50%;transform:translate(-50%,-50%)}.shared-flip-clock[data-separator=colon] .tick-text-inline:before{top:calc(50% - .15em)}.shared-flip-clock[data-separator=colon] .tick-text-inline:after{top:calc(50% + .15em)}.shared-flip-clock[data-orientation=vertical][data-separator=colon] .tick-text-inline:before{left:calc(50% - .15em);top:50%}.shared-flip-clock[data-orientation=vertical][data-separator=colon] .tick-text-inline:after{left:calc(50% + .15em);top:50%}.shared-flip-clock[data-separator=none] .tick-text-inline{display:none}.shared-flip-clock .tick-flip{width:var(--flip-width);height:var(--flip-height);line-height:var(--flip-height)}.shared-flip-clock .tick-text-inline{width:var(--flip-gap);height:var(--flip-height)}.shared-flip-clock[data-orientation=vertical] .tick-text-inline{width:var(--flip-width);height:var(--flip-gap)}.flip-clock-widget{display:flex;flex-direction:column;width:100%;height:100%;min-height:0;overflow:hidden}.flip-clock-widget>.shared-flip-clock{flex:1;min-height:0;height:auto}.flip-clock-controls{display:flex;flex:none;align-items:center;justify-content:center;flex-wrap:wrap;gap:8px;padding:0 12px 8px;color:var(--card-fg);font:12px/1.4 system-ui,sans-serif}.flip-clock-controls button{border:1px solid currentColor;border-radius:8px;background:transparent;color:inherit;padding:4px 12px;cursor:pointer}.flip-clock-controls button:hover{background:color-mix(in srgb,currentColor 10%,transparent)}.flip-clock-controls button:focus-visible{outline:2px solid currentColor;outline-offset:2px}.hp-common-controls{font:13px/1.5 system-ui,sans-serif;color:inherit;min-width:0}.hp-common-controls h2{font-size:16px;margin:24px 0 12px}.hp-module{margin:12px 0;padding:14px;border-radius:14px;background:color-mix(in srgb,currentColor 4%,transparent);border:1px solid color-mix(in srgb,currentColor 9%,transparent)}.hp-module-heading{display:flex;align-items:center;gap:9px;min-height:30px}.hp-module-heading h3{margin:0;font-size:13px;flex:none}.hp-module-heading:before{content:"";width:3px;height:15px;border-radius:2px;background:#7797d2;flex:none}.hp-module-heading>button{font:11px system-ui;color:inherit;background:transparent;border:0;padding:3px;cursor:pointer}.hp-module-heading>button:disabled{opacity:.3;cursor:default}.hp-module-switch{margin-left:auto}.hp-module-switch .scrubber{width:42px}.hp-module-switch .scrubber-track--switch{padding:0;background:none!important;border:0;min-height:24px}.hp-module-switch .scrubber-label{display:none}.hp-module-fields{display:grid;gap:12px;padding-top:12px}.hp-module p,.hp-native-required{font-size:12px;opacity:.7;margin:0}.hp-common-controls .scrubber-label{color:inherit!important;mix-blend-mode:normal}.hp-common-controls .lab-color-row{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:10px;background:color-mix(in srgb,currentColor 5%,transparent);border-radius:10px}.hp-common-controls .lab-color-swatch{width:30px;height:26px;border-radius:8px;border:1px solid #94a3b866}.hp-open-native{padding:10px;border:1px solid #94a3b844;background:transparent;color:inherit;border-radius:10px;cursor:pointer}.hp-information-stage{position:absolute;inset:0;pointer-events:none;overflow:hidden;z-index:1}.hp-information-canvas{position:absolute;width:1280px;height:720px;transform-origin:top left;pointer-events:none}.hp-information{position:absolute;width:600px;max-width:90%;pointer-events:none;line-height:1.5;color:var(--hp-information-ink,#fff)}.hp-information h2{margin:20px 0 8px;line-height:1.35;white-space:pre-wrap;overflow-wrap:anywhere;font-weight:500}.hp-information p{margin:6px 0 20px;white-space:pre-wrap}.hp-time{font-weight:300;line-height:1.2;font-variant-numeric:tabular-nums}.hp-information form{display:flex;align-items:center;gap:8px;margin-top:24px;padding:7px 12px;border:1px solid #94a3b866;border-radius:28px;background:#8e9db525;backdrop-filter:blur(14px);pointer-events:auto;max-width:100%}.hp-information input{min-width:0;flex:1;border:0;background:transparent;color:inherit;padding:9px 0;font-size:16px;outline:none}.hp-information input::placeholder{color:inherit;opacity:.6}.hp-information button{border:0;background:transparent;color:inherit;font-size:18px;cursor:pointer;pointer-events:auto}.hp-weather{font-size:14px;margin-block:12px;pointer-events:auto}.hp-weather-skeleton{display:inline-block;min-width:150px;min-height:20px;background:#94a3b833;border-radius:6px}.lab-engine-trigger img,.lab-engine-popup img{width:20px;height:20px;object-fit:contain;flex:none}.lab-engine-trigger,.lab-engine-trigger:hover,.lab-engine-trigger[data-state=open]{background:transparent}.lab-engine-popup{z-index:10000;width:min(576px,calc(100vw - 24px));max-height:var(--radix-dropdown-menu-content-available-height);overflow:auto;overscroll-behavior:contain;padding:10px;border:1px solid #ffffff35;border-radius:16px;background:#172033eb;color:#f9fafb;backdrop-filter:blur(24px);box-shadow:0 14px 40px #0003;font:13px system-ui;animation:lab-engine-enter .15s ease-out}.lab-engine-popup[data-mode=light]{background:#ffffffed;color:#172033;border-color:#dce1e8}.lab-engine-heading{padding:8px;color:inherit;opacity:.6;font-size:12px}.lab-engine-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:4px}.lab-engine-grid [role=menuitem]{display:flex;align-items:center;gap:8px;padding:9px 8px;min-width:0;border-radius:10px;outline:none;cursor:pointer}.lab-engine-grid [role=menuitem]>span:first-of-type{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.lab-engine-grid [data-highlighted],.lab-engine-grid [data-selected=true]{background:#7b95c52b}@keyframes lab-engine-enter{0%{opacity:0;translate:0 -4px}to{opacity:1;translate:0 0}}@media(max-width:520px){.lab-engine-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(prefers-reduced-motion:reduce){.lab-engine-popup{animation:none}}.lab-color-popup{z-index:10001;width:310px;max-width:calc(100vw - 16px);overflow:hidden;padding:0;border:0;border-radius:0;background:transparent;backdrop-filter:none;box-shadow:none;outline:none}.lab-color-popup:focus-visible{outline:none}.lab-color-palette{position:relative;width:310px;height:310px}.lab-color-placeholder{position:absolute;inset:0;display:grid;place-content:center;gap:12px;text-align:center;background:#f3f5f8;border-radius:12px;color:#526174;font:13px system-ui}.lab-color-placeholder button{border:1px solid #cbd3df;border-radius:8px;padding:8px;background:#fff;cursor:pointer;color:#2563eb}.lab-engine-setting{border:0;padding:0;margin:0;min-width:0}.hp-information .lab-engine-trigger{display:flex;align-items:center;gap:5px;flex:none;padding:7px}#schema-settings .hp-module-heading h3{margin:0;color:inherit;font-weight:600;opacity:1}.lab-color-popup{overscroll-behavior:contain}.hp-module-switch{flex:0 0 auto}.hp-module-switch .scrubber{width:44px}.hp-module-switch .scrubber-track--switch{display:flex;align-items:center;justify-content:center;width:44px;height:30px;min-height:30px;overflow:visible;padding:4px}.hp-module-switch .scrubber-switch-toggle{position:relative;inset:auto;transform:none;margin:0;flex:none}#schema-settings .hp-module-heading h3{flex:0 1 auto;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.hp-module-heading>button{flex:none}.hp-search-chevron,.hp-search-submit-icon{display:block;flex:none}.hp-information[data-layout=time],.hp-information[data-layout=text]{display:flex;flex-direction:column;gap:18px}.hp-information[data-layout=time] .hp-clock-group{order:0}.hp-information[data-layout=time] .hp-copy-group{order:1}.hp-information[data-layout=text] .hp-copy-group{order:0}.hp-information[data-layout=text] .hp-clock-group{order:1}.hp-information[data-layout=time] .hp-weather,.hp-information[data-layout=text] .hp-weather{order:2;margin:0}.hp-information[data-layout=time] form,.hp-information[data-layout=text] form{order:3;margin-top:0}.hp-information[data-layout=time] h2,.hp-information[data-layout=text] h2{margin:0 0 8px;font-weight:750;line-height:1.28}.hp-information[data-layout=time] p,.hp-information[data-layout=text] p{margin:0}.hp-information[data-layout=text] .hp-time{font-weight:500}.hp-layout-options{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:5px}.hp-layout-options button{font:inherit;font-size:12px;padding:9px 4px;border:1px solid #94a3b855;border-radius:8px;background:transparent;color:inherit;cursor:pointer}.hp-layout-options button[aria-pressed=true]{background:#7797d233;border-color:#7797d2}.hp-clock-analog,.hp-clock-flip{margin-inline:auto}.hp-information[style*="text-align: left"] .hp-clock-analog,.hp-information[style*="text-align: left"] .hp-clock-flip{margin-inline:0}.hp-clock-analog svg{display:block;width:100%;height:100%}.hp-clock-flip .shared-flip-clock{--card-fg:var(--hp-information-ink,#fff)}@media(prefers-reduced-motion:reduce){.hp-clock-flip .tick-flip *{animation:none!important;transition:none!important}}.hp-clock-static{display:flex;justify-content:inherit;align-items:center;gap:.12em}.hp-clock-static b{font-weight:400;padding:.18em .24em;border-radius:8px;background:#333338;color:#f4f4f5}.hp-settings-tabs{position:sticky;top:0;z-index:2;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:6px;padding:8px 0 12px;backdrop-filter:blur(20px)}.hp-settings-tabs button{min-width:0;border:1px solid #94a3b844;border-radius:9px;background:transparent;color:inherit;font:inherit;padding:9px 3px;white-space:nowrap;cursor:pointer}.hp-settings-tabs button[aria-selected=true]{background:#7797d233;border-color:#7797d2}.hp-common-controls [role=tabpanel][hidden]{display:none}.hp-settings-empty{min-height:240px;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:16px;color:inherit;text-align:center;opacity:.65}.hp-settings-empty p{font-size:13px;margin:0}#schema-settings:has(.homepage-settings-footer){display:flex;flex-direction:column;padding-bottom:20px}#schema-settings>[data-settings-content]{flex:1}.homepage-settings-footer{position:sticky;bottom:-20px;z-index:3;margin:20px -20px -20px;padding:16px 20px;background:#50555f26;backdrop-filter:blur(20px);flex:none}.homepage-settings-footer .homepage-settings-reset{width:100%;float:none;margin:0;padding:10px;border-radius:10px}#schema-settings[hidden]:has(.homepage-settings-footer){display:none}.hp-information{text-shadow:var(--hp-information-shadow,none)}.hp-information-canvas[data-ink=light]{--hp-information-shadow:0 1px 3px rgb(0 0 0 / .35);--hp-search-surface:rgb(255 255 255 / .08)}.hp-information-canvas[data-ink=dark]{--hp-information-shadow:0 1px 2px rgb(255 255 255 / .5);--hp-search-surface:rgb(255 255 255 / .22)}.hp-information form{border-color:transparent;background:var(--hp-search-surface,rgb(255 255 255 / .1));backdrop-filter:blur(18px) saturate(140%)}.hp-information form input{background:transparent!important;color:var(--hp-information-ink)!important;-webkit-text-fill-color:var(--hp-information-ink);text-shadow:var(--hp-information-shadow);caret-color:currentColor}.hp-information input::placeholder{color:var(--hp-information-ink);-webkit-text-fill-color:currentColor;opacity:.32;text-shadow:none;font-weight:400;font-size:14px}.hp-information form .hp-search-submit-icon{filter:drop-shadow(var(--hp-information-shadow))}.hp-common-controls{--text-primary:currentColor;--text-secondary:currentColor;--surface-ghost-track:rgb(255 255 255 / .07)}.hp-common-controls .scrubber:has(.scrubber-track--input),.hp-common-controls .scrubber:has(.scrubber-track--switch),.hp-common-controls .scrubber:has(.scrubber-track--select){color:inherit}.hp-common-controls .scrubber-input{color:inherit;background:transparent!important;-webkit-text-fill-color:currentColor}.hp-common-controls .scrubber-track--input,.hp-common-controls .scrubber-track--switch,.hp-common-controls .scrubber-track--select{color:inherit;background:#ffffff12}.hp-settings-tabs{grid-template-columns:repeat(2,minmax(0,1fr))}.hp-module-fields[hidden]{display:none}.hp-module-toggle{display:flex;align-items:center;gap:8px;border:0;background:none;color:inherit;font:inherit;font-weight:600;padding:5px 0;cursor:pointer;text-align:start;max-width:100%}.hp-module-toggle:disabled{cursor:default;opacity:.65}.hp-clock-samples{grid-template-columns:repeat(3,minmax(0,1fr))}.hp-clock-samples>button{display:flex;flex-direction:column;align-items:center;gap:9px;min-width:0;font-size:11px}.hp-clock-sample{height:64px;width:100%;display:flex;align-items:center;justify-content:center;overflow:hidden;pointer-events:none}.hp-clock-sample .hp-time{color:inherit;text-shadow:none}.hp-clock-sample .hp-clock-flip{flex:none}.hp-clock-sample .hp-clock-flip{width:150px!important;max-width:none!important;transform:scale(.64);transform-origin:center;margin-inline:-27px}.hp-module-heading{position:relative}.hp-module-toggle:enabled:after{content:"";position:absolute;inset:-7px;cursor:pointer}.hp-module-heading>button,.hp-module-switch{position:relative;z-index:1}.hp-module-toggle:focus-visible{outline:2px solid #7797d2;outline-offset:4px}.hp-module-fields{padding-inline-start:12px}.hp-information form{position:relative;isolation:isolate;border:0;box-shadow:0 4px 22px #0000000d;background:var(--hp-search-surface,rgb(255 255 255 / .12))}.hp-information form:after{content:"";position:absolute;inset:0;border-radius:inherit;pointer-events:none;z-index:0;background:linear-gradient(110deg,transparent 15%,rgb(255 255 255 / .18) 40%,rgb(255 255 255 / .06) 55%,transparent 80%);background-size:250% 100%;animation:hp-search-sheen 10s ease-in-out infinite}@keyframes hp-search-sheen{0%,to{background-position:100% 50%;opacity:.4}50%{background-position:0% 50%;opacity:.85}}@media(prefers-reduced-motion:reduce){.hp-information form:after{animation:none;opacity:.45}}.hp-common-controls .scrubber-switch-toggle{box-sizing:border-box;width:40px!important;height:24px!important;padding:0!important;border:0!important;border-radius:12px;background:#8a91a066!important;position:relative}.hp-common-controls [role=switch][aria-checked=true] .scrubber-switch-toggle{background:#4d8df7!important}.hp-common-controls .scrubber-switch-knob{box-sizing:border-box;position:absolute!important;inset:3px auto auto 3px!important;width:18px!important;height:18px!important;margin:0!important;border:0!important;border-radius:50%;background:#fff!important;transform:translate(0)!important;transition:transform .18s ease;box-shadow:0 1px 3px #0002}.hp-common-controls [role=switch][aria-checked=true] .scrubber-switch-knob{transform:translate(16px)!important}@media(prefers-reduced-motion:reduce){.hp-common-controls .scrubber-switch-knob{transition:none}}.hp-information form>button[type=submit]{opacity:0;visibility:hidden;pointer-events:none;transition:opacity .16s ease,visibility .16s}.hp-information form:has(input:focus)>button[type=submit],.hp-information form[data-has-query=true]>button[type=submit]{opacity:.45;visibility:visible;pointer-events:auto}.hp-information form>button[type=submit] .hp-search-submit-icon{stroke-width:1.25;filter:none}@media(prefers-reduced-motion:reduce){.hp-information form>button[type=submit]{transition:none}}.hp-title-input-row{display:flex;align-items:center;gap:8px;min-width:0}.hp-title-input-row>.scrubber{flex:1;min-width:0}.hp-title-bold{flex:none;width:34px;height:34px;display:grid;place-items:center;border:0;border-radius:8px;background:transparent;color:inherit;font:700 16px system-ui;cursor:pointer}.hp-title-bold[aria-pressed=true]{color:#70a7ff;background:#4d8df72b}.hp-title-bold:focus-visible{outline:2px solid #7797d2;outline-offset:2px}.hp-common-controls .hp-module-fields .scrubber-track--switch{display:flex;align-items:center;justify-content:space-between;gap:12px;min-height:40px;padding:8px 12px}.hp-common-controls .hp-module-fields .scrubber-track--switch .scrubber-label{position:static;inset:auto;transform:none;flex:1;min-width:0;text-align:start}.hp-common-controls .hp-module-fields .scrubber-switch-toggle{position:relative!important;inset:auto!important;transform:none!important;margin:0 0 0 auto!important;flex:0 0 40px}.hp-clock-flip .shared-flip-clock .tick-flip{height:var(--flip-width);line-height:var(--flip-width)}.hp-clock-sample .hp-clock-flip{height:94px!important}.hp-composition-options{grid-template-columns:repeat(2,minmax(0,1fr))}.hp-composition-options>button{display:flex;flex-direction:column;align-items:stretch;gap:10px;min-width:0;padding:10px 6px}.hp-composition-sample{display:flex;flex-direction:column;justify-content:center;align-items:center;gap:7px;height:116px;overflow:hidden;border-radius:7px;background:color-mix(in srgb,currentColor 4%,transparent);padding:8px;pointer-events:none}.hp-composition-time{font-size:25px;line-height:1.1;font-weight:400;font-variant-numeric:tabular-nums}.hp-composition-sample small{display:block;font-size:6px;font-weight:400;opacity:.6;line-height:1.5;margin-top:3px}.hp-composition-copy{font-size:8px;line-height:1.3}.hp-composition-copy b{font-weight:600}.hp-composition-search{height:9px;width:72%;border-radius:8px;background:color-mix(in srgb,currentColor 10%,transparent);order:3}.hp-composition-search i{display:block;width:3px;height:3px;border-radius:50%;background:currentColor;opacity:.3;margin:3px 5px}.hp-composition-sample[data-order=text] .hp-composition-copy{order:0;font-size:12px}.hp-composition-sample[data-order=text] .hp-composition-time{order:1;font-size:16px}.hp-composition-sample[data-order=time] .hp-composition-time{order:0}.hp-composition-sample[data-order=time] .hp-composition-copy{order:1}.hp-time[data-bold=true],.hp-time[data-bold=true] .tick-flip,.hp-time[data-bold=true] .tick-flip-panel-text{font-weight:700!important}.hp-time[data-bold=false] .tick-flip,.hp-clock-static[data-bold=false] b{font-weight:400}.hp-copy-group,.hp-copy-group h2,.hp-copy-group p{font-family:var(--hp-copy-font,system-ui)!important}.hp-font-options{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.hp-font-options button{min-width:0;border:1px solid #94a3b833;border-radius:10px;padding:9px;background:transparent;color:inherit;cursor:pointer}.hp-font-options button[aria-pressed=true]{background:#4d8df72b;border-color:#7797d2}.hp-font-options span{display:block;font:11px system-ui;opacity:.7}.hp-font-options strong{display:block;font-size:21px;font-weight:400;margin-top:6px}.hp-font-options button{text-align:left;padding:12px}.hp-font-options strong{margin:0 0 7px;text-align:left}.hp-font-options span{font-family:system-ui,sans-serif!important;font-size:11px;font-weight:400;opacity:.55;text-align:left}.hp-information,.hp-information :where(h2,p,div,span,input,button,time,b,small){font-family:var(--hp-content-font,system-ui)!important}#homepage-scene .hp-information :where(h2,p,div,span,input,button,time,b,small),#stage .hp-information :where(h2,p,div,span,input,button,time,b,small){font-family:var(--hp-content-font,system-ui)!important}.hp-module p.hp-layout-note{opacity:.45;font-weight:400;font-size:12px}.hp-align-row{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:8px 12px;background:#ffffff12;border-radius:10px}.hp-align-row>div{display:flex;gap:5px}.hp-align-row button{display:grid;place-items:center;width:32px;height:30px;border:0;border-radius:7px;background:transparent;color:inherit;cursor:pointer}.hp-align-row button[aria-pressed=true]{background:#4d8df72b;color:#70a7ff}.hp-align-row button:focus-visible{outline:2px solid #7797d2}.hp-information[style*="text-align: right"] .hp-clock-analog,.hp-information[style*="text-align: right"] .hp-clock-flip{margin-inline-start:auto;margin-inline-end:0}.hp-common-controls{--hp-settings-solid:#1b1e25;--hp-settings-button:#ffffff0f}html[data-color-mode=light] .hp-common-controls{--hp-settings-solid:#f4f5f7;--hp-settings-button:#1822300a}.hp-settings-tabs{top:-24px;padding:12px 0;background:var(--hp-settings-solid);backdrop-filter:none}.homepage-settings-footer{background:#1b1e25;backdrop-filter:none}.homepage-settings-footer .homepage-settings-reset{background:#ffffff0f;opacity:1}html[data-color-mode=light] .homepage-settings-footer{background:#f4f5f7}html[data-color-mode=light] .homepage-settings-footer .homepage-settings-reset{background:#1822300a}@media(max-width:600px),(max-height:650px){.hp-settings-tabs{top:-16px}}.hp-text-style-tools{display:flex;align-items:center;gap:3px;flex:none}.hp-text-style-tools>button{border:0;background:transparent;color:inherit;border-radius:6px;width:27px;height:30px;font-size:14px;font-weight:700;cursor:pointer}.hp-text-style-tools>button:nth-child(2){font-style:italic}.hp-text-style-tools>button[aria-pressed=true]{color:#70a7ff;background:#4d8df72b}.hp-common-controls .hp-text-style-tools .lab-color-row{padding:0;background:transparent}.hp-text-style-tools .lab-color-row>span{display:none}.hp-common-controls .hp-text-style-tools .lab-color-swatch{width:24px;height:24px}.hp-time[data-italic=true],.hp-time[data-italic=true] .tick-flip-panel-text{font-style:italic}.hp-time[data-color=true] .tick-flip{--flip-digit:var(--hp-clock-color);color:var(--hp-clock-color)}.hp-module-chevron{margin-inline-start:auto;flex:none;opacity:.55;pointer-events:none;transition:transform .18s ease}.hp-module-chevron[data-expanded=true]{transform:rotate(180deg)}@media(prefers-reduced-motion:reduce){.hp-module-chevron{transition:none}}.hp-common-controls .scrubber-track[role=slider] :is(.scrubber-label,.scrubber-value){color:#fff!important;mix-blend-mode:difference!important;font-family:system-ui,sans-serif!important;-webkit-text-fill-color:#fff}:is(#schema-settings,#editor-window) :where(h1,h2,h3,h4,p,button,input,textarea,select,label,div,span,strong,small):not([data-font-preview]){font-family:var(--hp-platform-ui-font,system-ui),sans-serif!important}.hp-common-controls .hp-font-options span{font-family:var(--hp-platform-ui-font,system-ui),sans-serif!important}.hp-module-fields{padding-top:6px}.hp-module-fields .theme-settings-editor{margin-top:0!important}.hp-information form>button[type=submit] .hp-search-submit-icon{stroke-width:1.2}.hp-information form .lab-engine-trigger{opacity:.22;transition:opacity .18s ease}.hp-information form:hover .lab-engine-trigger,.hp-information form:focus-within .lab-engine-trigger,.hp-information form .lab-engine-trigger[data-state=open]{opacity:1}@media(hover:none){.hp-information form .lab-engine-trigger{opacity:.65}}@media(prefers-reduced-motion:reduce){.hp-information form .lab-engine-trigger{transition:none}}.hp-secondary-group{display:flex;align-items:center;flex-wrap:wrap;gap:12px;pointer-events:none}.hp-secondary-group .hp-weather{margin-block:8px}.hp-music{display:inline-flex;align-items:center;gap:8px;pointer-events:auto}.hp-information .hp-music>button{display:grid;place-items:center;width:34px;height:34px;border-radius:50%;font:18px/1 system-ui;color:inherit}.hp-information .hp-music .hp-music-retry{width:auto;font-size:12px}.hp-music button:focus-visible{outline:2px solid currentColor;outline-offset:3px}@keyframes hp-music-spin{to{transform:rotate(360deg)}}.hp-music{position:relative}.hp-information .hp-music[data-style]>button{background:transparent;backdrop-filter:none;box-shadow:none}.hp-information .hp-music-sample{height:70px;display:grid;place-items:center}.hp-record-art{display:block;position:relative;width:62px;height:62px}.hp-record-scale{display:block;position:absolute;left:0;top:0;width:400px;height:400px;transform:scale(.155);transform-origin:top left}.hp-record-disc{position:absolute;inset:12px 22px 22px 12px;border-radius:50%;display:grid;place-items:center;background:repeating-radial-gradient(circle,#1b1b19 0 2px,#33342e 2.8px,#151614 3.8px);box-shadow:4px 13px 30px #0006}.hp-record-disc:after{content:"";position:absolute;inset:0;border-radius:50%;background:conic-gradient(transparent 10%,#ffffff15 18%,transparent 27%,transparent 55%,#ffffff12 64%,transparent 74%)}.hp-record-label{width:115px;height:115px;border-radius:50%;background:#eeeee5;color:#161616;display:flex;flex-direction:column;align-items:center;justify-content:center;outline:1px solid #d4c6a844;outline-offset:7px}.hp-record-label small{font:7px system-ui;letter-spacing:2px}.hp-record-label b{font:26px serif;margin:8px}.hp-record-arm{position:absolute;right:12px;top:0;width:34px;height:250px;transform-origin:17px 17px;transform:rotate(-8deg);transition:transform .8s;filter:drop-shadow(4px 7px 4px #0005)}.hp-record-arm[data-playing=true]{transform:rotate(27deg)}.hp-record-arm i{position:absolute;left:0;top:0;width:34px;height:34px;border-radius:50%;box-sizing:border-box;background:radial-gradient(circle at 35% 25%,#eee,#aaa 60%,#555 80%);border:4px solid #aaa}.hp-record-arm em{position:absolute;top:15px;left:13px;width:8px;height:211px;background:linear-gradient(90deg,#666,#eee 40%,#aaa 70%,#555);border-radius:4px;transform:rotate(-6deg);transform-origin:top}.hp-record-arm b{position:absolute;width:20px;height:32px;left:29px;bottom:0;border-radius:3px 3px 7px 7px;transform:rotate(-6deg);background:#eeeee5}.hp-record-disc[data-playing=true],.hp-music-note[data-playing=true]{animation:hp-music-spin 12s linear infinite}@media(prefers-reduced-motion:reduce){.hp-record-disc,.hp-music-note{animation:none!important}.hp-record-arm{transition:none}}.hp-layout-options>button:has(.hp-music-sample){display:flex;flex-direction:column;align-items:center;justify-content:center;min-width:100px}.hp-layout-options .hp-music-sample{width:100%;flex:none}.hp-date-row{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.hp-date-row .hp-music{vertical-align:middle}.hp-information .hp-music>button{width:28px;height:28px;flex:none;padding:0}.hp-information .hp-music .hp-record-art{width:28px;height:28px}.hp-information .hp-music .hp-record-scale{transform:scale(.07)}.hp-information .hp-music .hp-music-next{width:20px;height:28px;opacity:0;transition:opacity .18s;pointer-events:none}.hp-music:hover .hp-music-next,.hp-music:focus-within .hp-music-next{opacity:.55!important;pointer-events:auto!important}@media(hover:none){.hp-information .hp-music .hp-music-next{opacity:.55;pointer-events:auto}}@media(prefers-reduced-motion:reduce){.hp-information .hp-music .hp-music-next{transition:none}}.hp-information .hp-secondary-group{order:2;column-gap:6px;row-gap:2px;margin-block:-4px;min-height:24px}.hp-information .hp-secondary-group>.hp-weather{order:0;display:inline-flex;align-items:center;gap:3px;min-height:24px;margin:0;line-height:24px}.hp-information .hp-secondary-group>.hp-music{order:1}.hp-information .hp-secondary-group .hp-music,.hp-information .hp-date-row .hp-music{height:24px;gap:3px;line-height:1}.hp-information .hp-secondary-group .hp-music>button,.hp-information .hp-date-row .hp-music>button{width:24px;height:24px}.hp-information .hp-music .hp-music-note{width:20px;height:20px}.hp-information .hp-music .hp-record-art{width:24px;height:24px}.hp-information .hp-music .hp-record-scale{transform:scale(.06)}.hp-information .hp-secondary-group .hp-music-next,.hp-information .hp-date-row .hp-music-next{width:18px}.hp-information[data-align=right] .hp-secondary-group>.hp-music,.hp-information[data-align=right] .hp-date-row>.hp-music{order:-1}.hp-information .hp-secondary-group,.hp-date-row{column-gap:12px}.hp-loading-glow{position:relative;overflow:hidden;isolation:isolate}.hp-loading-glow:after{content:"";position:absolute;inset:0;transform:translate(-100%);background:linear-gradient(100deg,transparent,rgba(255,255,255,.14),transparent);animation:hp-loading-sweep 1.8s ease-in-out infinite;pointer-events:none}.hp-music-loading{min-width:34px}@keyframes hp-loading-sweep{to{transform:translate(100%)}}@media(max-width:760px){.hp-loading-glow{display:inline-block;width:136px;height:20px;min-width:0;border-radius:6px;vertical-align:middle}.hp-loading-glow .hp-loading-caption{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}.hp-music-loading{width:28px;height:24px}.hp-information .hp-music .hp-music-retry{font-size:0}.hp-information .hp-music .hp-music-retry:after{content:"\21bb";font:16px system-ui}.hp-weather:has(.hp-loading-glow)>.hp-loading-glow~button:not([title]){font-size:0}.hp-weather:has(.hp-loading-glow)>.hp-loading-glow~button:not([title]):after{content:"\21bb";font:16px system-ui}}@media(prefers-reduced-motion:reduce){.hp-loading-glow:after{animation:none;transform:none;opacity:.35}}.hp-information[data-align=right] .hp-music>.hp-music-next{order:-1}.hp-information .hp-music{color:var(--hp-information-ink,inherit)}.hp-information .hp-music>button{color:inherit}.hp-music-note,.hp-music-next svg{filter:drop-shadow(0 1px 2px color-mix(in srgb,currentColor 14%,transparent))}.hp-information .hp-music .hp-record-disc{outline:8px solid color-mix(in srgb,currentColor 40%,transparent);outline-offset:2px}.hp-information .hp-music .hp-record-arm{filter:drop-shadow(0 0 6px currentColor)}.hp-information .hp-music .hp-record-arm i{border-color:color-mix(in srgb,currentColor 60%,#888);background:radial-gradient(circle at 35% 25%,#fff,color-mix(in srgb,currentColor 70%,#888) 70%)}.hp-information .hp-weather .hp-weather-location{order:-1;display:inline-grid;place-items:center;flex:none;width:22px;height:24px;padding:0;color:inherit;vertical-align:middle}.hp-information[data-align=right] .hp-weather .hp-weather-location{order:3}.hp-badge-viewport{position:fixed;inset:0;z-index:2;pointer-events:none}html[data-home-content-hidden] .hp-badge-viewport{display:none!important;visibility:hidden}html[data-home-content-hidden] .hp-badge-viewport *{pointer-events:none!important}.hp-global-badge--runtime{position:absolute;inset:0;pointer-events:none}.hp-global-badge--panel{min-height:320px;pointer-events:auto}.hp-badge-loading{height:260px;border-radius:14px;background:linear-gradient(100deg,#94a3b810,#94a3b832,#94a3b810);background-size:200% 100%;animation:hp-badge-sweep 1.8s infinite}.hp-global-badge--runtime .hp-badge-loading{position:absolute;width:var(--badge-placeholder-w,150px);height:var(--badge-placeholder-h,240px);left:var(--badge-placeholder-x,var(--badge-placeholder-default-x,90%));top:var(--badge-placeholder-y,var(--badge-placeholder-default-y,118px));transform:translate(-50%);border-radius:26px}.hp-badge-load-retry{pointer-events:auto;color:inherit;font:12px system-ui;padding:8px}.hp-global-badge--runtime .hp-badge-load-retry{position:absolute;right:6%;top:350px}@keyframes hp-badge-sweep{to{background-position:-200% 0}}@media(prefers-reduced-motion:reduce){.hp-badge-loading{animation:none}}.hp-information[data-align=left] .hp-clock-digital{transform:translate(var(--hp-clock-optical-offset,0px))}.hp-information .hp-ripple-icon{position:relative;isolation:isolate;display:inline-grid;place-items:center;width:24px;height:24px;padding:0;flex:none;overflow:visible;border-radius:50%}.hp-ripple-icon>svg{position:relative;z-index:1;pointer-events:none}.hp-ripple-icon>.shell-entry-liquid{position:absolute;inset:0;pointer-events:none;z-index:0}.hp-ripple-icon .shell-entry-wave{position:absolute;left:-5px;top:-5px;width:58px;height:58px;pointer-events:none;visibility:hidden;backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px);background:linear-gradient(135deg,#9bdfff33,#ffffff14);clip-path:circle(24px at 29px 29px)}.hp-ripple-icon .shell-entry-wave-1{background:linear-gradient(315deg,#c7aeff33,#ffffff14);backdrop-filter:blur(3px);-webkit-backdrop-filter:blur(3px)}.hp-ripple-icon .shell-entry-liquid[data-surge-active] .shell-entry-wave{visibility:visible}.hp-information .hp-search-icon{order:2}.hp-ripple-icon:focus-visible{outline:2px solid currentColor;outline-offset:4px}@media(prefers-reduced-motion:reduce){.hp-ripple-icon:hover{background:color-mix(in srgb,currentColor 10%,transparent)}}.hp-native-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;padding:26px 12px;color:var(--text-muted);font-size:13px;font-weight:400;opacity:.65}.hp-native-empty svg{opacity:.7}