@layer tokens,kit.reset,kit.base,kit.layout;@layer kit.components{.code-block.install{text-align:start;border-radius:var(--radius-md);inline-size:min(100%,520px);margin:0}.code-block.install pre{font-size:var(--text-15);color:var(--text);white-space:pre-wrap;overflow-wrap:anywhere;padding:14px 76px 14px 16px}.code-block.install pre code:before{content:"$";color:var(--text-faint);-webkit-user-select:none;user-select:none;margin-inline-end:.9ch}.code-block.install>.copy-button{inset-block-start:50%;transform:translateY(-50%)}@media (width<=380px){.code-block.install pre{font-size:var(--text-13)}}.window{border-radius:var(--radius-lg);background:var(--code-bg);box-shadow:var(--elev-window);text-align:start;position:relative;overflow:hidden}.window-bar{align-items:center;gap:var(--space-2);border-block-end:1px solid var(--hairline);background:color-mix(in srgb, var(--canvas) 40%, var(--code-bg));min-block-size:46px;padding-inline:8px 10px;display:flex}.window-tabs{gap:2px;min-inline-size:0;display:flex}.window-tabs .tab{border-radius:6px;padding:12px;position:relative}.window-tabs .tab[aria-selected=true]:after,.window-tabs .tab[aria-current=true]:after{inset-block-end:-7px}.split{grid-template-columns:minmax(0,1.1fr) minmax(0,1fr);display:grid}@media (width<=760px){.split{grid-template-columns:minmax(0,1fr)}}.pane-code{border-inline-end:1px solid var(--hairline);min-inline-size:0}@media (width<=760px){.pane-code{border-inline-end:0;border-block-end:1px solid var(--hairline)}}.pane-view{min-inline-size:0;padding:var(--space-10) var(--space-6) var(--space-12);background:radial-gradient(circle at 50% 0%, var(--accent-tint), transparent 60%), radial-gradient(var(--atmos-grid) 1px, transparent 1.2px) 0 0 / 22px 22px, color-mix(in srgb, var(--canvas) 55%, var(--code-bg));place-items:center;min-block-size:280px;display:grid;position:relative}.window pre{font:400 13.5px / 1.75 var(--font-mono);color:var(--text);tab-size:2;scrollbar-width:thin;margin:0;padding-block:14px;overflow-x:auto}.window pre code{counter-reset:line;min-inline-size:max-content;font:inherit;display:block}.window pre .line{vertical-align:top;min-block-size:1lh;min-inline-size:100%;transition:background var(--dur-base), box-shadow var(--dur-base);padding-inline:52px 20px;display:inline-block;position:relative}.window pre .line:before{counter-increment:line;content:counter(line);text-align:end;inline-size:38px;color:var(--text-faint);opacity:.7;-webkit-user-select:none;user-select:none;position:absolute;inset-inline-start:0}.window pre .line.hl{background:var(--accent-tint);box-shadow:inset 2px 0 0 var(--accent);margin-inline:0}.window pre .line.hl:before{color:var(--accent);opacity:1}@media (width<=520px){.window pre{font-size:12.5px}.window pre .line{padding-inline:40px 14px}.window pre .line:before{inline-size:28px}}.hot{cursor:default;transition:background var(--dur-fast), box-shadow var(--dur-fast);border-radius:4px;margin:-1px -3px;padding:1px 3px}.hot:hover,.hot[data-on]{background:var(--accent-glow);box-shadow:0 0 0 1px var(--accent-line)}.flash{animation:flash .7s var(--ease-out)}@keyframes flash{0%{outline:1.5px solid var(--accent);outline-offset:3px;background:var(--accent-glow);border-radius:6px}to{outline-offset:3px;background:0 0;border-radius:6px;outline:1.5px solid #0000}}[data-link-on]{outline:1.5px solid var(--accent);outline-offset:3px;background:var(--accent-tint);border-radius:6px}@supports (animation-timeline:view()){@media (prefers-reduced-motion:no-preference){.reveal{animation:linear both reveal;animation-timeline:view();animation-range:entry entry 35%}@keyframes reveal{0%{opacity:0;transform:translateY(var(--reveal-distance))}}}}}@layer kit.flavor,kit.utilities;