.hub[data-astro-cid-jcy6rdmm]{--edge:var(--spacing-hub-edge);right:var(--edge);bottom:calc(var(--edge) + env(safe-area-inset-bottom,0px));z-index:45;align-items:center;gap:var(--spacing-md);flex-direction:column;display:flex;position:fixed}.hub[data-astro-cid-jcy6rdmm][hidden]{display:none}@media (width<=600px){.hub[data-astro-cid-jcy6rdmm]{--edge:var(--spacing-lg)}}.hub-core[data-astro-cid-jcy6rdmm]{width:var(--size-hub);height:var(--size-hub);position:relative}.hub-main[data-astro-cid-jcy6rdmm]{z-index:1;background:var(--color-ink);width:100%;height:100%;color:var(--color-white);box-shadow:var(--shadow-hub);cursor:pointer;border:0;border-radius:50%;place-items:center;padding:0;display:grid;position:relative}@media (hover:hover){.hub-main[data-astro-cid-jcy6rdmm]:hover{background:var(--color-ink-2)}}.hub-main[data-astro-cid-jcy6rdmm] svg[data-astro-cid-jcy6rdmm]{width:22px;height:22px;transition:opacity var(--duration-hover) var(--ease-out), transform var(--duration-hover) var(--ease-out);grid-area:1/1}.hub-main[data-astro-cid-jcy6rdmm] .icon-close[data-astro-cid-jcy6rdmm]{opacity:0;transform:rotate(-45deg)}.hub[data-astro-cid-jcy6rdmm].is-open .hub-main[data-astro-cid-jcy6rdmm] .icon-more[data-astro-cid-jcy6rdmm]{opacity:0;transform:scale(.6)}.hub[data-astro-cid-jcy6rdmm].is-open .hub-main[data-astro-cid-jcy6rdmm] .icon-close[data-astro-cid-jcy6rdmm]{opacity:1;transform:none}.hub-pause[data-astro-cid-jcy6rdmm]{width:var(--size-hub-pause);height:var(--size-hub-pause);background:var(--color-white);color:var(--color-ink-2);box-shadow:var(--shadow-hub);font:inherit;cursor:pointer;transition:opacity var(--duration-hover) var(--ease-out), transform var(--duration-hover) var(--ease-out), visibility 0s;border:0;border-radius:50%;place-items:center;padding:0;display:grid;position:relative}.hub-pause[data-astro-cid-jcy6rdmm][hidden]{display:none}.hub[data-astro-cid-jcy6rdmm].is-open .hub-pause[data-astro-cid-jcy6rdmm],.hub[data-astro-cid-jcy6rdmm].is-open .hub-note[data-astro-cid-jcy6rdmm]{opacity:0;visibility:hidden;transition-delay:0s, 0s, var(--duration-hover);transform:scale(.6)}@media (hover:hover){.hub-pause[data-astro-cid-jcy6rdmm]:hover{background:var(--color-ink);color:var(--color-white)}}.hub-pause[data-astro-cid-jcy6rdmm] svg[data-astro-cid-jcy6rdmm]{width:14px;height:14px}.hub-pause[data-astro-cid-jcy6rdmm][aria-pressed=true] .icon-pause[data-astro-cid-jcy6rdmm],.hub-pause[data-astro-cid-jcy6rdmm][aria-pressed=false] .icon-play[data-astro-cid-jcy6rdmm]{display:none}@media (pointer:coarse){.hub-pause[data-astro-cid-jcy6rdmm]{width:var(--size-hub-item);height:var(--size-hub-item)}}.hub-note[data-astro-cid-jcy6rdmm]{padding:5px var(--spacing-md);border-radius:var(--radius-toast);background:var(--color-white);color:var(--color-ink-2);box-shadow:var(--shadow-hub);font-size:var(--text-label);text-align:right;transition:opacity var(--duration-hover) var(--ease-out), transform var(--duration-hover) var(--ease-out), visibility 0s;align-self:flex-end;margin:0;line-height:1.3;display:grid}.hub-note[data-astro-cid-jcy6rdmm][hidden]{display:none}.hub-note-why[data-astro-cid-jcy6rdmm]{color:var(--color-ink-3)}.hub-items[data-astro-cid-jcy6rdmm]{visibility:hidden;transition:visibility 0s linear var(--duration-hover);--r:calc((var(--size-hub-item) + var(--spacing-md)) / (2 * sin(45deg / (var(--n) - 1))));margin:0;padding:0;list-style:none;position:absolute;top:50%;left:50%}.hub[data-astro-cid-jcy6rdmm].is-open .hub-items[data-astro-cid-jcy6rdmm]{visibility:visible;transition-delay:0s}.hub-item[data-astro-cid-jcy6rdmm]{--a:calc(90deg * var(--i) / (var(--n) - 1));--dx:calc(-1 * sin(var(--a)));--dy:calc(-1 * cos(var(--a)));--x:calc(var(--r) * var(--dx));--y:calc(var(--r) * var(--dy));left:calc(var(--size-hub-item) / -2);top:calc(var(--size-hub-item) / -2);width:var(--size-hub-item);height:var(--size-hub-item);opacity:0;transition:opacity var(--duration-hover) var(--ease-out), transform var(--duration-hover) var(--ease-out);position:absolute;transform:scale(.4)}.hub[data-astro-cid-jcy6rdmm].is-open .hub-item[data-astro-cid-jcy6rdmm]{opacity:1;transform:translate(var(--x), var(--y));transition-delay:calc(var(--i) * var(--delay-hub-stagger))}.hub-link[data-astro-cid-jcy6rdmm]{width:100%;height:100%;color:var(--color-ink);font:inherit;cursor:pointer;background:0 0;border:0;border-radius:50%;padding:0;text-decoration:none;display:block;position:relative}.hub-dot[data-astro-cid-jcy6rdmm]{width:var(--size-hub-item);height:var(--size-hub-item);background:var(--color-white);box-shadow:var(--shadow-hub);border-radius:50%;place-items:center;display:grid}@media (hover:hover){.hub-link[data-astro-cid-jcy6rdmm]:not(:disabled):hover .hub-dot[data-astro-cid-jcy6rdmm]{background:var(--color-ink);color:var(--color-white)}}.hub-dot[data-astro-cid-jcy6rdmm] svg{width:18px;height:18px}.hub-link[data-astro-cid-jcy6rdmm].is-placeholder{cursor:default}.hub-link[data-astro-cid-jcy6rdmm].is-placeholder .hub-dot[data-astro-cid-jcy6rdmm]{border:1px dashed var(--color-ink-3);background:var(--color-paper);color:var(--color-ink-3);box-shadow:none}.hub-label[data-astro-cid-jcy6rdmm]{left:calc(50% + var(--dx) * (var(--size-hub-item) / 2 + var(--spacing-sm)));top:calc(50% + var(--dy) * (var(--size-hub-item) / 2 + var(--spacing-sm)));border:1px solid var(--color-line);border-radius:var(--radius-pill);background:var(--color-white);color:var(--color-ink);font-size:var(--text-label);white-space:nowrap;opacity:0;visibility:hidden;transform:translate(calc(-50% + var(--dx) * 50%), calc(-50% + var(--dy) * 50%));transition:opacity var(--duration-hover) var(--ease-out), visibility 0s linear var(--duration-hover);padding:3px 10px;line-height:1.45;position:absolute}.hub-item[data-astro-cid-jcy6rdmm]:hover .hub-label[data-astro-cid-jcy6rdmm],.hub-link[data-astro-cid-jcy6rdmm]:focus-visible .hub-label[data-astro-cid-jcy6rdmm]{opacity:1;visibility:visible;transition-delay:0s}@media (width<=600px),(hover:none){.hub-items[data-astro-cid-jcy6rdmm]{top:auto;left:auto;right:calc((var(--size-hub) - var(--size-hub-item)) / 2 - var(--spacing-sm));bottom:calc(100% + var(--spacing-md) - var(--spacing-sm));align-items:flex-end;gap:var(--spacing-sm);max-height:calc(100dvh - var(--edge) - var(--size-hub) - var(--spacing-md));overscroll-behavior:contain;padding:var(--spacing-sm);flex-direction:column-reverse;display:flex;overflow-y:auto}.hub-item[data-astro-cid-jcy6rdmm]{width:auto;height:auto;transform:translateY(var(--spacing-sm));flex:none;position:relative;top:auto;left:auto}.hub[data-astro-cid-jcy6rdmm].is-open .hub-item[data-astro-cid-jcy6rdmm]{transform:none}.hub-link[data-astro-cid-jcy6rdmm]{align-items:center;gap:var(--spacing-sm);border-radius:var(--radius-pill);flex-direction:row-reverse;width:auto;display:flex}.hub-label[data-astro-cid-jcy6rdmm]{position:static;transform:none}.hub[data-astro-cid-jcy6rdmm].is-open .hub-label[data-astro-cid-jcy6rdmm]{opacity:1;visibility:visible;transition-delay:0s}}.hub-pause[data-astro-cid-jcy6rdmm] .hub-label[data-astro-cid-jcy6rdmm]{--dx:0;--dy:0;left:auto;right:calc(100% + var(--spacing-sm));position:absolute;top:50%;transform:translateY(-50%)}.hub-pause[data-astro-cid-jcy6rdmm]:focus-visible .hub-label[data-astro-cid-jcy6rdmm]{opacity:1;visibility:visible;transition-delay:0s}@media (hover:hover){.hub-pause[data-astro-cid-jcy6rdmm]:hover .hub-label[data-astro-cid-jcy6rdmm]{opacity:1;visibility:visible;transition-delay:0s}}.hub[data-astro-cid-jcy6rdmm].is-quiet .hub-pause[data-astro-cid-jcy6rdmm] .hub-label[data-astro-cid-jcy6rdmm]{opacity:0;visibility:hidden}.hub[data-astro-cid-jcy6rdmm].has-panel .hub-items[data-astro-cid-jcy6rdmm]{visibility:hidden}.hub[data-astro-cid-jcy6rdmm].has-panel .hub-item[data-astro-cid-jcy6rdmm]{opacity:0;transform:scale(.4)}.hub-panel[data-astro-cid-jcy6rdmm]{right:0;bottom:calc(var(--size-hub) + var(--spacing-md));z-index:2;width:320px;max-width:calc(100vw - 2 * var(--edge));max-height:calc(100dvh - var(--edge) - var(--size-hub) - var(--spacing-md) - var(--spacing-sm));border-radius:var(--radius-stage);background:var(--color-white);color:var(--color-ink-2);box-shadow:var(--shadow-hub);padding:18px 20px;position:absolute;overflow:auto}.hub-panel[data-astro-cid-jcy6rdmm][hidden]{display:none}.hub-panel-head[data-astro-cid-jcy6rdmm]{justify-content:space-between;align-items:center;gap:var(--spacing-sm);display:flex}.hub-panel[data-astro-cid-jcy6rdmm] h2[data-astro-cid-jcy6rdmm]{color:var(--color-ink);font-size:var(--text-title);font-weight:var(--weight-title);margin:0}.hub-panel[data-astro-cid-jcy6rdmm] h2[data-astro-cid-jcy6rdmm]:focus{outline:none}.hub-panel-close[data-astro-cid-jcy6rdmm]{width:var(--size-tool);height:var(--size-tool);color:var(--color-ink-2);cursor:pointer;background:0 0;border:0;border-radius:50%;flex:none;place-items:center;margin:-6px -8px -6px 0;padding:0;display:grid}.hub-panel-close[data-astro-cid-jcy6rdmm] svg[data-astro-cid-jcy6rdmm]{width:16px;height:16px}@media (hover:hover){.hub-panel-close[data-astro-cid-jcy6rdmm]:hover{background:var(--color-paper);color:var(--color-ink)}}.hub-panel[data-astro-cid-jcy6rdmm] p[data-astro-cid-jcy6rdmm]{margin:var(--spacing-sm) 0 0;font-size:var(--text-body);line-height:var(--leading-body)}.hub-path[data-astro-cid-jcy6rdmm] code[data-astro-cid-jcy6rdmm]{font-family:var(--font-mono);font-size:var(--text-label);color:var(--color-ink)}.hub-actions[data-astro-cid-jcy6rdmm]{align-items:center;gap:var(--spacing-md) var(--spacing-lg);margin-top:var(--spacing-lg);flex-wrap:wrap;display:flex}.hub-copy[data-astro-cid-jcy6rdmm]{height:var(--size-tool);padding:0 var(--spacing-lg);border-radius:var(--radius-pill);background:var(--color-ink);color:var(--color-white);font:inherit;font-size:var(--text-chip);cursor:pointer;border:0}@media (hover:hover){.hub-copy[data-astro-cid-jcy6rdmm]:hover{background:var(--color-ink-2)}}.hub-actions[data-astro-cid-jcy6rdmm] a[data-astro-cid-jcy6rdmm]{color:var(--color-ink);font-size:var(--text-chip);text-underline-offset:3px}html:has(.hub:not([hidden])){scroll-padding-bottom:calc(var(--size-hub) + var(--spacing-md) + var(--size-hub-item) + 2 * var(--spacing-hub-edge))}@media (width<=600px){html:has(.hub:not([hidden])){scroll-padding-bottom:calc(var(--size-hub) + var(--spacing-md) + var(--size-hub-item) + 2 * var(--spacing-lg))}}@media (prefers-reduced-motion:reduce){.hub-item[data-astro-cid-jcy6rdmm],.hub-items[data-astro-cid-jcy6rdmm],.hub-main[data-astro-cid-jcy6rdmm] svg[data-astro-cid-jcy6rdmm],.hub-pause[data-astro-cid-jcy6rdmm],.hub-note[data-astro-cid-jcy6rdmm]{transition:none}.hub-label[data-astro-cid-jcy6rdmm]{transition:opacity 0s linear var(--duration-hover), visibility 0s linear var(--duration-hover)}.hub-item[data-astro-cid-jcy6rdmm]{transform:translate(var(--x), var(--y))}}@media (prefers-reduced-motion:reduce) and ((width<=600px) or (hover:none)){.hub-item[data-astro-cid-jcy6rdmm]{transform:none}}.hero[data-astro-cid-ge2uvauf]{z-index:5;min-height:max(240px,50svh - 96px);padding:0 var(--spacing-gutter) 26px;text-align:center;pointer-events:none;flex-direction:column;justify-content:flex-end;align-items:center;display:flex;position:relative}.hero-title[data-astro-cid-ge2uvauf]{font-family:var(--font-display);font-weight:var(--weight-black);font-size:var(--text-display);line-height:var(--leading-display);letter-spacing:var(--tracking-display);margin:0}.hero-line[data-astro-cid-ge2uvauf]{white-space:nowrap;align-items:baseline;gap:.36em;display:inline-flex}.hero-lead[data-astro-cid-ge2uvauf]{color:var(--color-ink-2);font-weight:var(--weight-light)}.hero-name[data-astro-cid-ge2uvauf]{display:inline-block;position:relative}.hero-name-text[data-astro-cid-ge2uvauf]{height:calc(var(--leading-display) * 1em);display:inline-block}.hero-circle[data-astro-cid-ge2uvauf]{pointer-events:none;width:calc(100% + .52em);height:calc(100% + .3em);position:absolute;top:-.16em;left:-.26em;overflow:visible}.hero-circle[data-astro-cid-ge2uvauf] path[data-astro-cid-ge2uvauf]{fill:none;stroke:var(--color-pen);stroke-width:clamp(3px,.4vw,5px);stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:1;stroke-dashoffset:1px}.hero-name[data-astro-cid-ge2uvauf].is-circled .hero-circle[data-astro-cid-ge2uvauf] path[data-astro-cid-ge2uvauf]{stroke-dashoffset:0}.hero-note[data-astro-cid-ge2uvauf]{color:var(--color-pen-text);font-family:var(--font-pen);font-weight:400;font-size:var(--text-pen-note);letter-spacing:0;white-space:nowrap;transform-origin:0 100%;opacity:0;line-height:1;position:absolute;top:-.42em;left:calc(100% + .16em);transform:rotate(-7deg)}.hero-name[data-astro-cid-ge2uvauf].is-circled .hero-note[data-astro-cid-ge2uvauf]{opacity:1}.hero-line[data-astro-cid-ge2uvauf].is-wrapped{margin-bottom:.32em}.hero-line[data-astro-cid-ge2uvauf].is-wrapped .hero-note[data-astro-cid-ge2uvauf]{transform-origin:100% 0;inset:auto .1em -1.05em auto;transform:rotate(-4deg)}.hero-sub[data-astro-cid-ge2uvauf]{color:var(--color-ink-2);font-size:var(--text-subtitle);margin:22px 0 0}@media (width<=600px){.hero[data-astro-cid-ge2uvauf]{min-height:max(200px,50svh - 110px)}.hero-line[data-astro-cid-ge2uvauf]{flex-wrap:wrap;justify-content:center;row-gap:.12em}.hero-line[data-astro-cid-ge2uvauf].is-wrapped{flex-direction:column;align-items:center}.hero-title[data-astro-cid-ge2uvauf]{font-size:var(--text-display-mobile)}.hero-note[data-astro-cid-ge2uvauf]{font-size:var(--text-pen-note-mobile);transform-origin:100% 100%;top:-1.75em;left:auto;right:-.2em;transform:rotate(-5deg)}}html:not(.js) .dock[data-astro-cid-xnw4liqz],html:not(.js) .after-dock[data-astro-cid-xnw4liqz]{display:none}.dock-sentinel[data-astro-cid-xnw4liqz]{height:1px}.dock[data-astro-cid-xnw4liqz]{z-index:20;padding:var(--spacing-md) var(--spacing-gutter) 10px;transition:background-color .3s var(--ease-out), box-shadow .3s var(--ease-out);position:sticky;top:0}.has-scrolled .dock[data-astro-cid-xnw4liqz]{background:var(--color-paper)}.is-docked .dock[data-astro-cid-xnw4liqz]{box-shadow:0 1px 0 var(--color-line)}html:not(:has([data-dock]:focus-within)){scroll-padding-top:var(--dock-height,0px)}.dock-row[data-astro-cid-xnw4liqz]{max-width:var(--size-dock-max);justify-content:center;align-items:center;gap:30px;margin:0 auto;display:flex}.search[data-astro-cid-xnw4liqz]{flex:0 1 var(--size-search-max);height:var(--size-search);border:1px solid var(--color-line);border-radius:var(--radius-field);background:var(--color-white);align-items:center;gap:10px;padding:0 18px;display:flex}.search[data-astro-cid-xnw4liqz] svg[data-astro-cid-xnw4liqz]{width:17px;height:17px;color:var(--color-ink-3);flex:none}.search[data-astro-cid-xnw4liqz] input[data-astro-cid-xnw4liqz]{min-width:0;color:var(--color-ink);font:inherit;font-size:var(--text-title);background:0 0;border:0;flex:1}.search[data-astro-cid-xnw4liqz] input[data-astro-cid-xnw4liqz]::placeholder{color:var(--color-ink-3)}.search[data-astro-cid-xnw4liqz] input[data-astro-cid-xnw4liqz]:focus{outline:none}.search[data-astro-cid-xnw4liqz] input[data-astro-cid-xnw4liqz]::-webkit-search-cancel-button{display:none}.search[data-astro-cid-xnw4liqz]:focus-within{border-color:var(--color-ink)}.clear[data-astro-cid-xnw4liqz]{color:var(--color-ink-3);font:inherit;font-size:var(--text-label);cursor:pointer;background:0 0;border:0;padding:0;display:none}.clear[data-astro-cid-xnw4liqz]:hover{color:var(--color-ink)}.search[data-astro-cid-xnw4liqz].has-text .clear[data-astro-cid-xnw4liqz]{display:inline}.modes[data-astro-cid-xnw4liqz]{scrollbar-width:none;gap:2px;padding-bottom:2px;display:flex;position:relative;overflow-x:auto}.mode[data-astro-cid-xnw4liqz]{padding:var(--spacing-sm) 10px 10px;color:var(--color-ink-2);font:inherit;font-size:var(--text-body);white-space:nowrap;cursor:pointer;background:0 0;border:0;flex:none;position:relative}.mode[data-astro-cid-xnw4liqz]:hover{color:var(--color-ink)}.mode[data-astro-cid-xnw4liqz][aria-selected=true]{color:var(--color-ink);font-weight:var(--weight-title)}.mode[data-astro-cid-xnw4liqz] sup[data-astro-cid-xnw4liqz]{color:var(--color-ink-3);font-family:var(--font-mono);font-size:var(--text-count);vertical-align:.6em;margin-left:2px;font-weight:400}.mode-indicator[data-astro-cid-xnw4liqz]{--inset:8;pointer-events:none;width:0;height:8px;position:absolute;bottom:0;left:0}.mode-indicator[data-astro-cid-xnw4liqz] svg[data-astro-cid-xnw4liqz]{width:100%;height:100%;display:block;overflow:visible}.mode-indicator[data-astro-cid-xnw4liqz] path[data-astro-cid-xnw4liqz]{fill:none;stroke:var(--color-ink);stroke-width:2.2px;stroke-linecap:round}.values[data-astro-cid-xnw4liqz]{justify-content:center;align-items:center;gap:var(--spacing-sm);max-width:var(--size-dock-max);min-height:var(--size-tool);transition:opacity .3s var(--ease-out);flex-wrap:wrap;margin:10px auto 0;display:flex}body:not(.is-docked) .values[data-astro-cid-xnw4liqz]{visibility:hidden;opacity:0}.values[data-astro-cid-xnw4liqz] .chip{height:var(--size-chip);border:1px solid var(--color-line);border-radius:var(--radius-pill);background:var(--color-white);color:var(--color-ink-2);font:inherit;font-size:var(--text-chip);white-space:nowrap;cursor:pointer;align-items:center;gap:6px;padding:0 13px;display:inline-flex}.values[data-astro-cid-xnw4liqz] .chip:hover{color:var(--color-ink);border-color:var(--color-ink-3)}.values[data-astro-cid-xnw4liqz] .chip[aria-pressed=true]{border-color:var(--color-ink);background:var(--color-ink);color:var(--color-white)}.values[data-astro-cid-xnw4liqz] .chip sup{color:var(--color-ink-3);font-family:var(--font-mono);font-size:var(--text-count);vertical-align:.5em}.values[data-astro-cid-xnw4liqz] .chip[aria-pressed=true] sup{color:#ffffffb3}.values[data-astro-cid-xnw4liqz] .chip svg{flex:none;width:16px;height:16px}.values[data-astro-cid-xnw4liqz] .chip.is-empty{color:var(--color-ink-3)}.values[data-astro-cid-xnw4liqz] .dot{border-radius:50%;width:10px;height:10px;box-shadow:inset 0 0 0 1px #1415191f}.values[data-astro-cid-xnw4liqz] .dot[data-cat=文字]{background:var(--color-tint-text)}.values[data-astro-cid-xnw4liqz] .dot[data-cat=入场与退场]{background:var(--color-tint-enter)}.values[data-astro-cid-xnw4liqz] .dot[data-cat=悬停与指针]{background:var(--color-tint-hover)}.values[data-astro-cid-xnw4liqz] .dot[data-cat=滚动]{background:var(--color-tint-scroll)}.values[data-astro-cid-xnw4liqz] .dot[data-cat=点击与反馈]{background:var(--color-tint-click)}.values[data-astro-cid-xnw4liqz] .dot[data-cat=页面与布局]{background:var(--color-tint-page)}.values[data-astro-cid-xnw4liqz] .dot[data-cat=背景与装饰]{background:var(--color-tint-decor)}.values[data-astro-cid-xnw4liqz] .dot[data-cat=加载与状态]{background:var(--color-tint-state)}.values[data-astro-cid-xnw4liqz] .chip-label{display:inline-block}.values[data-astro-cid-xnw4liqz] .values-note{color:var(--color-ink-3);font-size:var(--text-label)}.after-dock[data-astro-cid-xnw4liqz]{height:0}.scroll-cue[data-astro-cid-xnw4liqz]{z-index:6;color:var(--color-ink-3);font-size:var(--text-label);transition:opacity .3s var(--ease-out);pointer-events:none;position:absolute;top:calc(100svh - 48px);left:50%;transform:translate(-50%)}.scroll-cue[data-astro-cid-xnw4liqz]:after{content:"";background:currentColor;width:1px;height:14px;margin:6px auto 0;display:block}.has-scrolled .scroll-cue[data-astro-cid-xnw4liqz],.hub-open .scroll-cue[data-astro-cid-xnw4liqz]{opacity:0}@media (width<=960px){.dock-row[data-astro-cid-xnw4liqz]{align-items:stretch;gap:var(--spacing-sm);flex-direction:column}.search[data-astro-cid-xnw4liqz]{flex:none;width:100%}.modes[data-astro-cid-xnw4liqz],.values[data-astro-cid-xnw4liqz]{scrollbar-width:none;mask-image:linear-gradient(90deg, var(--color-ink) calc(100% - 72px), transparent);flex-wrap:nowrap;justify-content:flex-start;padding-right:56px;overflow-x:auto}.values[data-astro-cid-xnw4liqz]{margin-top:6px}.modes[data-astro-cid-xnw4liqz].is-scrolled-x,.values[data-astro-cid-xnw4liqz].is-scrolled-x{mask-image:linear-gradient(90deg, transparent, var(--color-ink) 64px, var(--color-ink) calc(100% - 72px), transparent)}}@media (width<=600px){.dock[data-astro-cid-xnw4liqz]{padding:var(--spacing-sm) var(--spacing-gutter) 6px}.search[data-astro-cid-xnw4liqz]{height:var(--size-search-mobile);border-radius:var(--radius-toast)}.mode[data-astro-cid-xnw4liqz]{padding:9px 9px 10px}.values[data-astro-cid-xnw4liqz]{margin-top:2px}}@media (height<=480px){.dock[data-astro-cid-xnw4liqz]{position:relative}html:not(:has([data-dock]:focus-within)){scroll-padding-top:0}body:not(.is-docked) .values[data-astro-cid-xnw4liqz]{visibility:visible;opacity:1}}@media (prefers-reduced-motion:reduce){.dock[data-astro-cid-xnw4liqz],.values[data-astro-cid-xnw4liqz],.scroll-cue[data-astro-cid-xnw4liqz]{transition:none}.scroll-cue[data-astro-cid-xnw4liqz]{display:none}}.card[data-astro-cid-xb2j3sla]{z-index:1;transform-origin:50% 40%;cursor:pointer;position:relative}.card[data-astro-cid-xb2j3sla][hidden]{display:none}.card[data-astro-cid-xb2j3sla].is-floating{will-change:transform;transition:opacity var(--duration-hover) var(--ease-out)}body.hub-open .card[data-astro-cid-xb2j3sla].is-floating{opacity:.2}.stage[data-astro-cid-xb2j3sla]{position:relative}.demo[data-astro-cid-xb2j3sla]{aspect-ratio:4/3;border-radius:var(--radius-stage);background:var(--x-tint);box-shadow:0 calc(26px * var(--float,0) * var(--near,1)) calc(50px * var(--float,0) * var(--near,1)) -14px rgb(20 21 25/calc(.4 * var(--float,0) * var(--near,1)));margin:0;position:relative;overflow:hidden}.demo-stage[data-astro-cid-xb2j3sla]{position:absolute;inset:0}.card-desc[data-astro-cid-xb2j3sla]{z-index:3;border-radius:var(--radius-overlay);background:var(--color-white);color:var(--color-ink);font-size:var(--text-label);opacity:0;transition:opacity var(--duration-hover) var(--ease-out), transform var(--duration-hover) var(--ease-out);pointer-events:none;margin:0;padding:8px 11px;line-height:1.45;position:absolute;bottom:10px;left:10px;right:10px;transform:translateY(6px)}.stage-name[data-astro-cid-xb2j3sla]{z-index:3;border-radius:var(--radius-pill);background:var(--color-white);color:var(--color-ink);font-size:var(--text-title);font-weight:var(--weight-title);letter-spacing:-.01em;white-space:nowrap;pointer-events:none;transform:scale(calc(1 / var(--scale,1)));transform-origin:0 100%;padding:3px 12px;line-height:1.4;display:none;position:absolute;bottom:10px;left:10px}.card[data-astro-cid-xb2j3sla].is-floating .stage-name[data-astro-cid-xb2j3sla]{opacity:clamp(0, var(--main,0) * 2 - 1, 1);display:block}@media (width<=719px){.stage-name[data-astro-cid-xb2j3sla]{font-size:var(--text-label);padding:2px 10px}}.name[data-astro-cid-xb2j3sla]{align-items:center;gap:1px var(--spacing-sm);padding:var(--spacing-md) var(--spacing-xs) 0;transition:opacity .25s var(--ease-out);grid-template-columns:auto auto minmax(0,1fr);display:grid}.card[data-astro-cid-xb2j3sla].is-floating .name[data-astro-cid-xb2j3sla]{opacity:0;transition:none}.card[data-astro-cid-xb2j3sla].is-floating .card-desc[data-astro-cid-xb2j3sla],.card[data-astro-cid-xb2j3sla].is-floating .card-tools[data-astro-cid-xb2j3sla]{display:none}.copy[data-astro-cid-xb2j3sla]{color:inherit;font:inherit;text-align:left;cursor:pointer;background:0 0;border:0;padding:0}.copy[data-astro-cid-xb2j3sla]:after{content:"";z-index:2;border-radius:var(--radius-stage);position:absolute;inset:0}.copy[data-astro-cid-xb2j3sla]:focus-visible{outline:none}.card[data-astro-cid-xb2j3sla]:has(.copy:focus-visible){z-index:3;outline:2px solid var(--color-pen);outline-offset:5px;border-radius:var(--radius-focus)}.name[data-astro-cid-xb2j3sla] b[data-astro-cid-xb2j3sla]{font-size:var(--text-title);font-weight:var(--weight-title);letter-spacing:-.01em}.name[data-astro-cid-xb2j3sla] small[data-astro-cid-xb2j3sla]{color:var(--color-ink-3);font-size:var(--text-label);grid-column:1/3}.desc-line[data-astro-cid-xb2j3sla]{color:var(--color-ink-2);font-size:var(--text-label);grid-column:1/3;display:none}.new[data-astro-cid-xb2j3sla]{border-radius:var(--radius-badge);background:var(--color-ink);color:var(--color-white);font-size:var(--text-badge);justify-self:start;padding:0 6px;font-weight:700;line-height:1.6}.card-tools[data-astro-cid-xb2j3sla]{z-index:4;justify-self:end;gap:var(--spacing-xs);opacity:0;transition:opacity var(--duration-hover) var(--ease-out);grid-area:1/3/3;display:flex;position:relative}.tool[data-astro-cid-xb2j3sla]{width:var(--size-tool);height:var(--size-tool);border:1px solid var(--color-line);border-radius:var(--radius-pill);background:var(--color-white);color:var(--color-ink);cursor:pointer;place-items:center;padding:0;display:grid}.tool[data-astro-cid-xb2j3sla]:hover{border-color:var(--color-ink);background:var(--color-ink);color:var(--color-white)}.tool[data-astro-cid-xb2j3sla] svg[data-astro-cid-xb2j3sla]{width:16px;height:16px}.star-fill[data-astro-cid-xb2j3sla]{opacity:0}.tool[data-astro-cid-xb2j3sla][aria-pressed=true] .star-fill[data-astro-cid-xb2j3sla]{opacity:1}.card[data-astro-cid-xb2j3sla]:hover .card-desc[data-astro-cid-xb2j3sla],.card[data-astro-cid-xb2j3sla]:has(:focus-visible) .card-desc[data-astro-cid-xb2j3sla]{opacity:1;transform:none}.card[data-astro-cid-xb2j3sla]:hover .card-tools[data-astro-cid-xb2j3sla],.card[data-astro-cid-xb2j3sla]:has(:focus-visible) .card-tools[data-astro-cid-xb2j3sla]{opacity:1}.mark[data-astro-cid-xb2j3sla]{z-index:5;pointer-events:none;opacity:0;width:calc(100% + 24px);height:calc(100% + 24px);position:absolute;top:-12px;left:-12px;overflow:visible}.mark[data-astro-cid-xb2j3sla] path[data-astro-cid-xb2j3sla]{fill:none;stroke:var(--color-pen);stroke-width:3.2px;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:1;stroke-dashoffset:1px}.card[data-astro-cid-xb2j3sla].is-marked .mark[data-astro-cid-xb2j3sla]{opacity:1}.card[data-astro-cid-xb2j3sla].is-marked .mark[data-astro-cid-xb2j3sla] path[data-astro-cid-xb2j3sla]{stroke-dashoffset:0}@media (hover:none){.card-tools[data-astro-cid-xb2j3sla]{opacity:1}.card-desc[data-astro-cid-xb2j3sla]{display:none}.desc-line[data-astro-cid-xb2j3sla]{display:block}}@media (prefers-reduced-motion:reduce){.card-desc[data-astro-cid-xb2j3sla],.card-tools[data-astro-cid-xb2j3sla]{transition:none}}.footer[data-astro-cid-jo6i4kqk]{padding:26px var(--spacing-gutter) 44px;border-top:1px solid var(--color-line);color:var(--color-ink-3);font-size:var(--text-label);flex-wrap:wrap;gap:10px 28px;display:flex}.footer[data-astro-cid-jo6i4kqk] a[data-astro-cid-jo6i4kqk]{color:var(--color-ink-2);text-underline-offset:3px}.footer[data-astro-cid-jo6i4kqk] code[data-astro-cid-jo6i4kqk]{font-family:var(--font-mono);font-size:var(--text-label)}.has-hub .footer[data-astro-cid-jo6i4kqk]{padding-bottom:calc(var(--size-hub) + var(--spacing-md) + var(--size-hub-item) + 2 * var(--spacing-hub-edge))}@media (width<=600px){.has-hub .footer[data-astro-cid-jo6i4kqk]{padding-bottom:calc(var(--size-hub) + var(--spacing-md) + var(--size-hub-item) + 2 * var(--spacing-lg))}}.toast[data-astro-cid-hyvcqdav]{z-index:40;border-radius:var(--radius-toast);background:var(--color-ink);max-width:calc(100vw - 32px);color:var(--color-white);font-size:var(--text-body);box-shadow:var(--shadow-toast);opacity:0;pointer-events:none;align-items:center;gap:10px;padding:12px 18px;display:flex;position:fixed;bottom:28px;left:50%;transform:translate(-50%)}.toast[data-astro-cid-hyvcqdav] svg[data-astro-cid-hyvcqdav]{width:16px;height:16px;color:var(--color-pen);flex:none}@media (width<=760px){.has-hub .toast[data-astro-cid-hyvcqdav]{bottom:calc(var(--spacing-hub-edge) + var(--size-hub) + var(--spacing-md) + var(--size-hub-item) + var(--spacing-md) + env(safe-area-inset-bottom,0px))}}@media (width<=600px){.has-hub .toast[data-astro-cid-hyvcqdav]{bottom:calc(var(--spacing-lg) + var(--size-hub) + var(--spacing-md) + var(--size-hub-item) + var(--spacing-md) + env(safe-area-inset-bottom,0px))}}.toast[data-astro-cid-hyvcqdav] b{font-weight:var(--weight-title)}html,body{overflow-x:clip}body:not(.is-docked) .status[data-astro-cid-lcdefpme]{visibility:hidden}@media (height<=480px){body:not(.is-docked) .status[data-astro-cid-lcdefpme]{visibility:visible}}.status[data-astro-cid-lcdefpme]{padding:26px var(--spacing-gutter) 0;color:var(--color-ink-3);font-size:var(--text-label);font-variant-numeric:tabular-nums;margin:0}.wall[data-astro-cid-lcdefpme]{align-content:start;gap:var(--spacing-row) var(--spacing-col);min-height:100svh;padding:var(--spacing-lg) var(--spacing-gutter) 96px;grid-template-columns:repeat(4,minmax(0,1fr));display:grid}.empty[data-astro-cid-lcdefpme]{text-align:center;color:var(--color-ink-2);grid-column:1/-1;padding:64px 0}.empty[data-astro-cid-lcdefpme] button{padding:var(--spacing-sm) var(--spacing-lg);border:1px solid var(--color-line);border-radius:var(--radius-pill);background:var(--color-white);color:var(--color-ink);font:inherit;cursor:pointer;margin:14px 4px 0}.empty[data-astro-cid-lcdefpme] button:hover{border-color:var(--color-ink)}.wall-end[data-astro-cid-lcdefpme]{margin:var(--spacing-sm) 0 0;color:var(--color-ink-3);font-size:var(--text-label);text-align:center;grid-column:1/-1}@media (width<=1280px){.wall[data-astro-cid-lcdefpme]{grid-template-columns:repeat(3,minmax(0,1fr))}}@media (width<=960px){.wall[data-astro-cid-lcdefpme]{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width<=600px){.wall[data-astro-cid-lcdefpme]{grid-template-columns:minmax(0,1fr);gap:30px}}