@layer design{.sidebar-owner{--sidebar-panel-width:240px;--sidebar-compact-width:52px;--sidebar-control-lane:0px;display:grid;grid-template-columns:var(--sidebar-panel-width) minmax(0,1fr);transition:grid-template-columns var(--motion-transition) var(--motion-easing)}.sidebar-owner[data-sidebar-expanded=false][data-sidebar-side=start]{grid-template-columns:var(--sidebar-compact-width) minmax(0,1fr)}.sidebar-owner[data-sidebar-side=end]{grid-template-columns:minmax(0,1fr) var(--sidebar-panel-width)}.sidebar-owner[data-sidebar-expanded=false][data-sidebar-side=end]{grid-template-columns:minmax(0,1fr) var(--sidebar-compact-width)}.sidebar-rail{position:relative;grid-row:1;min-width:0;z-index:1}.sidebar-owner[data-sidebar-side=end]>.sidebar-rail{grid-column:2}.sidebar-panel{position:absolute;inset-block:0;inset-inline-start:0;z-index:1;display:flex;flex-direction:column;width:100%;min-width:0;height:100%;transition:width var(--motion-transition) var(--motion-easing);overflow:hidden;background:var(--surface-panel);border-inline-end:1px solid var(--border-default)}.sidebar-owner[data-sidebar-side=end]>.sidebar-rail.sidebar-panel,.sidebar-owner[data-sidebar-side=end]>.sidebar-rail>.sidebar-panel{inset-inline-start:auto;inset-inline-end:0;border-inline-end:0;border-inline-start:1px solid var(--border-default)}.sidebar-owner:not([data-sidebar-narrow=true])>.sidebar-rail.sidebar-panel,.sidebar-owner:not([data-sidebar-narrow=true])>.sidebar-rail>.sidebar-panel{width:var(--sidebar-panel-width)}.sidebar-owner[data-sidebar-peeking=true]>.sidebar-rail.sidebar-panel,.sidebar-owner[data-sidebar-peeking=true]>.sidebar-rail>.sidebar-panel{width:var(--sidebar-panel-width);box-shadow:var(--shadow-overlay)}.sidebar-owner:not([data-sidebar-narrow=true])[data-sidebar-expanded=false]:not([data-sidebar-peeking=true])>.sidebar-rail.sidebar-panel,.sidebar-owner:not([data-sidebar-narrow=true])[data-sidebar-expanded=false]:not([data-sidebar-peeking=true])>.sidebar-rail>.sidebar-panel{width:var(--sidebar-compact-width)}.sidebar-header{position:relative;flex:none;height:44px;min-height:44px;box-sizing:border-box;padding-inline:var(--space-3) 48px;margin-block-end:var(--space-1)}.sidebar-header,.sidebar-heading{display:flex;align-items:center;min-width:0}.sidebar-heading{gap:var(--space-2);white-space:nowrap;overflow:hidden;font:var(--text-dense);font-weight:700;color:var(--text-primary)}.sidebar-heading>:is(svg,img){flex:none;width:18px;height:18px;object-fit:contain}.sidebar-heading-label{min-width:0;overflow:hidden}.sidebar-header>.sidebar-toggle{position:absolute;inset-block-start:0;inset-inline-end:4px;display:grid;place-items:center;padding:0;border:0;background:transparent;box-shadow:none;color:var(--text-muted)}.sidebar-header>.btn.icon.sidebar-toggle,.sidebar-header>.sidebar-toggle{width:44px;height:44px;min-width:44px;min-height:44px}.sidebar-header>.sidebar-toggle svg{width:18px;height:18px}.sidebar-owner:not([data-sidebar-narrow=true])>.sidebar-rail.sidebar-panel>.sidebar-header,.sidebar-owner:not([data-sidebar-narrow=true])>.sidebar-rail>.sidebar-panel>.sidebar-header{padding-inline-start:18px}.sidebar-owner:not([data-sidebar-narrow=true])>.sidebar-rail.sidebar-panel>.sidebar-content,.sidebar-owner:not([data-sidebar-narrow=true])>.sidebar-rail>.sidebar-panel>.sidebar-content{flex-shrink:0;width:var(--sidebar-panel-width);box-sizing:border-box;scrollbar-gutter:auto;overflow-x:hidden;padding-inline:var(--space-1)}.sidebar-owner:not([data-sidebar-narrow=true])>.sidebar-rail.sidebar-panel>.sidebar-content .sidebar-link[data-sidebar-rail-item],.sidebar-owner:not([data-sidebar-narrow=true])>.sidebar-rail>.sidebar-panel>.sidebar-content .sidebar-link[data-sidebar-rail-item]{min-height:44px;padding-inline:14px var(--sidebar-link-end-padding,14px);white-space:nowrap}.sidebar-link-label{min-width:0;overflow:hidden}[data-sidebar-rail-hidden]{visibility:hidden;pointer-events:none}.sidebar-owner:not([data-sidebar-narrow=true])[data-sidebar-expanded=false]:not([data-sidebar-peeking=true])>.sidebar-rail.sidebar-panel>.sidebar-content .sidebar-link-label,.sidebar-owner:not([data-sidebar-narrow=true])[data-sidebar-expanded=false]:not([data-sidebar-peeking=true])>.sidebar-rail>.sidebar-panel>.sidebar-content .sidebar-link-label{visibility:hidden}.sidebar-owner:not([data-sidebar-narrow=true])[data-sidebar-expanded=false]:not([data-sidebar-peeking=true])>.sidebar-rail.sidebar-panel>.sidebar-content .sidebar-link[data-sidebar-rail-item],.sidebar-owner:not([data-sidebar-narrow=true])[data-sidebar-expanded=false]:not([data-sidebar-peeking=true])>.sidebar-rail>.sidebar-panel>.sidebar-content .sidebar-link[data-sidebar-rail-item]{width:44px;overflow:hidden}.sidebar-owner:not([data-sidebar-narrow=true])[data-sidebar-expanded=false]:not([data-sidebar-peeking=true])>.sidebar-rail.sidebar-panel>.sidebar-content,.sidebar-owner:not([data-sidebar-narrow=true])[data-sidebar-expanded=false]:not([data-sidebar-peeking=true])>.sidebar-rail>.sidebar-panel>.sidebar-content{scrollbar-width:none}.sidebar-owner:not([data-sidebar-narrow=true])[data-sidebar-expanded=false]:not([data-sidebar-peeking=true])>.sidebar-rail.sidebar-panel>.sidebar-header>:not(.sidebar-toggle),.sidebar-owner:not([data-sidebar-narrow=true])[data-sidebar-expanded=false]:not([data-sidebar-peeking=true])>.sidebar-rail.sidebar-panel>:not(.sidebar-header),.sidebar-owner:not([data-sidebar-narrow=true])[data-sidebar-expanded=false]:not([data-sidebar-peeking=true])>.sidebar-rail>.sidebar-panel>.sidebar-header>:not(.sidebar-toggle),.sidebar-owner:not([data-sidebar-narrow=true])[data-sidebar-expanded=false]:not([data-sidebar-peeking=true])>.sidebar-rail>.sidebar-panel>:not(.sidebar-header){visibility:hidden}.sidebar-owner:not([data-sidebar-narrow=true])[data-sidebar-expanded=false]:not([data-sidebar-peeking=true])>.sidebar-rail.sidebar-panel>.sidebar-content [data-sidebar-rail-item],.sidebar-owner:not([data-sidebar-narrow=true])[data-sidebar-expanded=false]:not([data-sidebar-peeking=true])>.sidebar-rail>.sidebar-panel>.sidebar-content [data-sidebar-rail-item]{visibility:visible}.sidebar-owner:not([data-sidebar-narrow=true])[data-sidebar-expanded=false]:not([data-sidebar-peeking=true])>.sidebar-rail.sidebar-panel>.sidebar-header,.sidebar-owner:not([data-sidebar-narrow=true])[data-sidebar-expanded=false]:not([data-sidebar-peeking=true])>.sidebar-rail>.sidebar-panel>.sidebar-header{padding:0;width:100%;min-width:0}.sidebar-header>.sidebar-toggle:hover{background:var(--surface-hover);color:var(--text-primary)}.sidebar-header>.sidebar-toggle:focus-visible{outline:2px solid var(--focus-ring);outline-offset:-2px}.sidebar-content{position:relative;flex:1;min-width:0;min-height:0;overflow:auto;overscroll-behavior:contain;scrollbar-width:thin;scrollbar-color:var(--border-default) transparent;scrollbar-gutter:stable;padding-block-end:var(--space-6)}.sidebar-content:has(>.sidebar-footer){display:flex;flex-direction:column;padding-block-end:var(--space-3)}.sidebar-content:has(>.sidebar-footer)>*{flex:none}.sidebar-content>.sidebar-footer{display:grid;gap:2px;margin-block-start:auto;padding:var(--space-8) var(--space-3) 0;color:var(--text-muted);font:var(--text-caption)}.sidebar-content:has(>.sidebar-end){display:flex;flex-direction:column}.sidebar-content:has(>.sidebar-end)>*{flex:none}.sidebar-content>.sidebar-end{display:flex;flex-direction:column;min-width:0;margin-block-start:auto;padding-block-start:var(--space-8)}.sidebar-content>.sidebar-end+.sidebar-footer{margin-block-start:0;padding-block-start:var(--space-3)}.sidebar-footer-copyright{margin:0}.sidebar-footer-links{display:flex;flex-wrap:wrap;gap:0 var(--space-3);margin:0;padding:0;list-style:none}.sidebar-footer-links a{display:inline-flex;align-items:center;min-height:20px;color:inherit;text-decoration:none}.sidebar-footer-links a:hover{color:var(--text-primary);text-decoration:underline;text-underline-offset:3px}.sidebar-footer-links a:focus-visible{outline:2px solid var(--focus-ring);outline-offset:2px;border-radius:2px}@media (pointer:coarse){.sidebar-footer-links a{min-height:var(--control-md)}}.sidebar-content::-webkit-scrollbar{width:6px}.sidebar-content::-webkit-scrollbar-track{background:transparent}.sidebar-content::-webkit-scrollbar-thumb{background:var(--border-default);border:2px solid transparent;border-radius:999px;background-clip:content-box}.sidebar-content::-webkit-scrollbar-thumb:hover{background:var(--text-muted);background-clip:content-box}.sidebar-link{display:flex;align-items:center;gap:10px;min-width:44px;min-height:44px;padding:6px var(--space-3);padding-inline-end:var(--sidebar-link-end-padding,var(--space-3));border:0;border-radius:0;background:transparent;color:var(--text-secondary);font:var(--text-dense);text-align:start;text-decoration:none;cursor:pointer}.sidebar-link:hover,.sidebar-link[aria-current]{text-decoration:underline;text-underline-offset:4px}.sidebar-link[aria-current]{color:var(--text-primary);font-weight:700}.sidebar-link[data-nav-emphasis=primary]{margin-block-end:var(--space-1);border-radius:var(--radius);text-decoration:none;transition:background var(--motion-transition) var(--motion-easing)}.sidebar-link[data-nav-emphasis=primary]:not(:disabled):not([aria-disabled=true]):hover{background:var(--surface-hover);text-decoration:none}.sidebar-link[data-nav-emphasis=primary][aria-current]{background:var(--surface-selected);color:var(--text-primary);text-decoration:none}[data-sidebar-reorder-row]{--sidebar-action-surface:var(--surface-panel);position:relative;margin-block-end:var(--space-1)}[data-sidebar-reorder-row]>.sidebar-link{margin-block-end:0}[data-sidebar-reorder-row]:hover{--sidebar-action-surface:var(--surface-hover)}[data-sidebar-reorder-row]:hover>.sidebar-link[data-nav-emphasis=primary]:not(:disabled):not([aria-disabled=true]){background:var(--surface-hover)}[data-sidebar-reorder-row]:has(>.sidebar-link[aria-current]){--sidebar-action-surface:var(--surface-selected)}[data-sidebar-reorder-row]:hover>.sidebar-link[data-nav-emphasis=primary][aria-current]{background:var(--surface-selected)}[data-sidebar-reorder-row]>:is([data-reorder-handle],[data-sidebar-reorder-actions]){position:absolute;inset-block:0;inset-inline-end:0;min-width:44px;min-height:44px;height:100%;background:var(--sidebar-action-surface);border-radius:0 var(--radius) var(--radius) 0;opacity:0;pointer-events:none;transition:opacity var(--motion-transition) var(--motion-easing)}[data-sidebar-reorder-row]>:is([data-reorder-handle],[data-sidebar-reorder-actions]):before{content:"";position:absolute;inset-block:0;inset-inline-end:100%;width:var(--space-4);background:linear-gradient(to right,transparent,var(--sidebar-action-surface));pointer-events:none}:dir(rtl) [data-sidebar-reorder-row]>:is([data-reorder-handle],[data-sidebar-reorder-actions]){border-radius:var(--radius) 0 0 var(--radius)}:dir(rtl) [data-sidebar-reorder-row]>:is([data-reorder-handle],[data-sidebar-reorder-actions]):before{background:linear-gradient(to left,transparent,var(--sidebar-action-surface))}[data-sidebar-reorder-row]:is(:hover,:focus-within,[data-menu-open=true],.is-reorder-origin,.reorder-drag-preview)>:is([data-reorder-handle],[data-sidebar-reorder-actions]){opacity:1;pointer-events:auto}[data-sidebar-reorder-actions]{display:flex;align-items:center;gap:var(--space-1)}[data-sidebar-reorder-actions]>button,[data-sidebar-reorder-row]>[data-reorder-handle]{width:44px;min-width:44px;min-height:44px}@media (pointer:coarse){[data-sidebar-reorder-row]>:is([data-reorder-handle],[data-sidebar-reorder-actions]){opacity:1;pointer-events:auto}}@media (prefers-reduced-motion:reduce){[data-sidebar-reorder-row]>:is([data-reorder-handle],[data-sidebar-reorder-actions]){transition:none}}.sidebar-owner:not([data-sidebar-narrow=true])[data-sidebar-expanded=false]:not([data-sidebar-peeking=true])>.sidebar-rail.sidebar-panel>.sidebar-content [data-sidebar-reorder-row]>:is([data-reorder-handle],[data-sidebar-reorder-actions]),.sidebar-owner:not([data-sidebar-narrow=true])[data-sidebar-expanded=false]:not([data-sidebar-peeking=true])>.sidebar-rail>.sidebar-panel>.sidebar-content [data-sidebar-reorder-row]>:is([data-reorder-handle],[data-sidebar-reorder-actions]){visibility:hidden;pointer-events:none}.sidebar-section-divider{inline-size:100%;border:0;border-block-start:1px solid var(--border-default);margin-block:var(--space-4)}.sidebar-owner:not([data-sidebar-narrow=true])>.sidebar-rail.sidebar-panel>.sidebar-content .sidebar-section-divider,.sidebar-owner:not([data-sidebar-narrow=true])>.sidebar-rail>.sidebar-panel>.sidebar-content .sidebar-section-divider{inline-size:calc(var(--sidebar-panel-width) - 2 * var(--space-4));margin-inline:calc(var(--space-4) - var(--space-1)) 0}.sidebar-group{display:flex;flex-direction:column;min-width:0}.sidebar-group+:is(.sidebar-link,.sidebar-group),:is(.sidebar-link,.sidebar-group)+.sidebar-group{margin-block-start:var(--space-3)}.sidebar-group-title{margin:0 0 var(--space-1);padding:var(--space-1) var(--space-3);overflow:hidden;color:var(--text-muted);font:var(--text-caption);font-weight:600;white-space:nowrap}.sidebar-owner:not([data-sidebar-narrow=true])>.sidebar-rail.sidebar-panel>.sidebar-content .sidebar-group-title,.sidebar-owner:not([data-sidebar-narrow=true])>.sidebar-rail>.sidebar-panel>.sidebar-content .sidebar-group-title{padding-inline:14px}.sidebar-primary-action{width:100%;margin-block-end:var(--space-3)}[data-reduced-motion=true] .sidebar-link[data-nav-emphasis=primary]{transition:none}@media (prefers-reduced-motion:reduce){.sidebar-link[data-nav-emphasis=primary]{transition:none}}.sidebar-link>svg{flex:none;width:16px;height:16px;color:var(--text-muted)}.sidebar-link[aria-current]>svg{color:var(--text-primary)}.sidebar-link:is(:disabled,[aria-disabled=true]){color:var(--text-disabled);cursor:default;text-decoration:none}.shell-skip{position:fixed;inset-inline-start:var(--space-4);inset-block-start:calc(-2 * var(--control-lg));z-index:calc(var(--layer-drawer) + 2);padding:var(--space-3);background:var(--surface-panel);color:var(--text-primary);font:var(--text-dense)}.shell-skip:focus{inset-block-start:var(--space-2)}.sidebar-scrim{transition:opacity var(--motion-transition) var(--motion-easing)}@starting-style{.sidebar-scrim{opacity:0}}[data-reduced-motion=true] .sidebar-owner,[data-reduced-motion=true] .sidebar-panel,[data-reduced-motion=true] .sidebar-toggle{transition:none}@media (prefers-reduced-motion:reduce){.sidebar-owner,.sidebar-panel,.sidebar-scrim,.sidebar-toggle{transition:none}}.sidebar-example{position:relative;flex-direction:column;min-width:0;min-height:max(520px,100%);overflow:hidden;border:1px solid var(--border-default);color:var(--text-primary);container-type:inline-size}.sidebar-example,.sidebar-example-header{display:flex;background:var(--surface-panel)}.sidebar-example-header{align-items:center;justify-content:space-between;gap:var(--space-4);min-height:56px;padding:var(--space-2) var(--space-4);border-bottom:1px solid var(--border-default)}.sidebar-example-header>div{display:grid;min-width:0;gap:2px}.sidebar-example-header strong{font:var(--text-dense);color:var(--text-primary)}.sidebar-example-header span{color:var(--text-muted);font:var(--text-dense)}.sidebar-example-header>[data-sidebar-narrow-toggle]{display:none}.sidebar-example-workspace{position:relative;flex:1 1 auto;min-height:464px;overflow:hidden}.sidebar-example-panel{padding:0}.sidebar-example-panel-head{display:flex;align-items:center;justify-content:space-between;gap:var(--space-2)}.sidebar-example-nav{display:grid;align-content:start}.sidebar-example-content{grid-column:2;grid-row:1;min-width:0;padding:var(--space-8);background:var(--surface-canvas)}.sidebar-example-workspace[data-sidebar-side=end] .sidebar-example-content{grid-column:1}.sidebar-example-content h2{margin:0;font:var(--text-title);overflow-wrap:anywhere}.sidebar-example-summary{display:flex;gap:var(--space-2) 20px;flex-wrap:wrap;margin-top:var(--space-6);color:var(--text-muted);font:var(--text-dense)}.sidebar-example-summary span:first-child{color:var(--text-primary);font-weight:600}.sidebar-example-content [data-demo-items]{margin-top:var(--space-6)}.sidebar-example-result{display:flex;align-items:center;gap:var(--space-4);max-width:640px;padding-block:var(--space-4);border-bottom:1px solid var(--border-default)}.sidebar-example-result-mark{display:grid;place-items:center;width:44px;height:44px;flex:none;border-radius:var(--radius);background:var(--surface-hover);color:var(--text-primary)}.sidebar-example-result>div:last-child{display:grid;gap:var(--space-1);min-width:0}.sidebar-example-result strong{font:var(--text-body);color:var(--text-primary)}.sidebar-example-result span{font:var(--text-dense);color:var(--text-secondary)}.sidebar-example-scrim{display:none}@container (max-width:700px){.sidebar-example-header>[data-sidebar-narrow-toggle]{display:inline-flex}.sidebar-example-workspace{display:flex;flex-direction:column;min-height:464px;transition:none}.sidebar-example-content{flex:1 1 auto}.sidebar-example-rail{position:absolute;inset:0;z-index:5;width:100%;min-height:0;pointer-events:none}.sidebar-example-workspace .sidebar-example-rail .sidebar-header>.sidebar-toggle{display:none}.sidebar-example-panel{position:absolute;inset-block:0;inset-inline-start:0;inset-inline-end:auto;width:min(300px,calc(100% - 40px));height:100%;padding:var(--space-3) var(--space-4);border:0;border-inline-end:1px solid var(--border-default);box-shadow:var(--shadow-overlay);transform:translateX(-100%);visibility:hidden;pointer-events:none}.sidebar-example-workspace[data-sidebar-side=end] .sidebar-example-panel{inset-inline-start:auto;inset-inline-end:0;transform:translateX(100%)}.sidebar-example-workspace[data-sidebar-open=true] .sidebar-example-panel{transform:none;visibility:visible;opacity:1;pointer-events:auto}.sidebar-example-workspace[data-sidebar-open=true] .sidebar-example-scrim{display:block;position:absolute;inset:0;z-index:4;background:var(--surface-scrim)}.sidebar-example-panel-head{display:flex}.sidebar-example-workspace[data-sidebar-mode=embedded][data-sidebar-expanded=true] .sidebar-example-rail{position:relative;inset:auto;padding:0 var(--space-4) var(--space-4);border-bottom:1px solid var(--border-default);background:var(--surface-panel);pointer-events:auto}.sidebar-example-workspace[data-sidebar-mode=embedded][data-sidebar-expanded=true] .sidebar-example-panel{position:relative;inset:auto;width:100%;height:auto;max-height:min(300px,50dvh);padding:var(--space-2) 0 var(--space-3);border:0;box-shadow:none;transform:none;visibility:visible;pointer-events:auto}.sidebar-example-workspace[data-sidebar-mode=embedded][data-sidebar-expanded=true] .sidebar-example-panel-head{display:flex}.sidebar-example-content{padding:28px var(--space-6)}.sidebar-example-workspace[data-sidebar-side=end] .sidebar-example-content{grid-column:auto}}@media (prefers-reduced-motion:reduce){.sidebar-example-workspace{transition:none}}}