@scope(.ui-sidebar)to ([data-hn]){:scope:where([data-hn-ui-sidebar]){--_ui-sidebar-backdrop:var(--ui-sidebar-backdrop);--_ui-sidebar-expanded-width:var(--_sidebar-width,var(--ui-sidebar-width,280px));background:var(--ui-sidebar-surface,var(--ui-surface-default));border-inline-end:var(--ui-border-width) solid var(--ui-sidebar-border,var(--ui-border-divider));box-sizing:border-box!important;display:flex!important;flex:none;flex-direction:column!important;inline-size:var(--_sidebar-width,var(--ui-sidebar-width,280px));max-inline-size:100%;min-block-size:0;position:relative;transition:inline-size var(--ui-motion-layout) var(--ui-motion-layout-ease),visibility var(--ui-motion-layout)}:scope[data-ui-sidebar-state~="side=end"]:where([data-hn-ui-sidebar]){border-inline-end:0;border-inline-start:var(--ui-border-width) solid var(--ui-sidebar-border,var(--ui-border-divider))}.viewport:where([data-hn-ui-sidebar]){flex:1;min-block-size:0;overflow:clip}.content:where([data-hn-ui-sidebar]){block-size:100%;inline-size:calc(var(--_ui-sidebar-expanded-width) - var(--ui-border-width));min-block-size:0;overflow:auto;transition:transform var(--ui-motion-layout) var(--ui-motion-layout-ease);--_ui-scroll-fade-direction:to bottom;--_ui-scroll-fade-size:var(--ui-scroll-fade-size,24px);animation:ui-scroll-fade-start linear,ui-scroll-fade-start-hold linear,ui-scroll-fade-end-hold linear,ui-scroll-fade-end linear;animation-range:0 var(--_ui-scroll-fade-size),var(--_ui-scroll-fade-size) calc(100% + 1px),-1px calc(100% - var(--_ui-scroll-fade-size)),calc(100% - var(--_ui-scroll-fade-size)) 100%;animation-timeline:scroll(self block);-webkit-mask-image:linear-gradient(var(--_ui-scroll-fade-direction),transparent,#000 var(--_ui-scroll-fade-start),#000 calc(100% - var(--_ui-scroll-fade-end)),transparent);mask-image:linear-gradient(var(--_ui-scroll-fade-direction),transparent,#000 var(--_ui-scroll-fade-start),#000 calc(100% - var(--_ui-scroll-fade-end)),transparent)}:scope[data-ui-sidebar-state~=internalCollapsed]:not([popover]):where([data-hn-ui-sidebar]){inline-size:var(--ui-sidebar-collapsed-width,0);visibility:hidden}:scope[data-ui-sidebar-state~=resizing]:where([data-hn-ui-sidebar]){transition:none}:scope[data-ui-sidebar-state~=internalCollapsed]:not([popover]) .content:where([data-hn-ui-sidebar]){transform:translate(-100%)}:scope[data-ui-sidebar-state~="side=end"][data-ui-sidebar-state~=internalCollapsed]:not([popover]) .content:where([data-hn-ui-sidebar]){transform:translate(100%)}.resizer:where([data-hn-ui-sidebar]){cursor:col-resize;inline-size:8px;inset-block:0;inset-inline-end:0;min-inline-size:8px;outline:none;position:absolute;touch-action:none;transform:translate(50%);z-index:1}.resizer[hidden]:where([data-hn-ui-sidebar]){display:none!important}:scope[data-ui-sidebar-state~="side=end"] .resizer:where([data-hn-ui-sidebar]){inset-inline-end:auto;inset-inline-start:0;transform:translate(-50%)}.resizer:where([data-hn-ui-sidebar]):after{background:color-mix(in srgb,var(--ui-affordance-guide-color,var(--ui-border-strong)) 45%,transparent);content:"";inline-size:2px;inset-block:0;inset-inline-start:3px;opacity:calc(var(--ui-affordance-guide-opacity)*var(--_ui-affordance-scope-guide, 1));position:absolute;transition:background-color var(--ui-affordance-motion,var(--ui-motion-fast)) var(--ui-motion-ease),opacity var(--ui-affordance-motion,var(--ui-motion-fast)) var(--ui-motion-ease)}.guide:where([data-hn-ui-sidebar]){background:var(--ui-surface-elevated);block-size:22px;border:var(--ui-border-width) solid var(--ui-border-strong);border-radius:var(--ui-radius-round);inline-size:6px;inset-block-start:50%;inset-inline-start:50%;opacity:0;pointer-events:none;position:absolute;transform:translate(-50%,-50%);transition:opacity var(--ui-affordance-motion,var(--ui-motion-fast)) var(--ui-motion-ease)}.resizer:is(:hover,:focus-visible):where([data-hn-ui-sidebar]):after{background:var(--ui-affordance-direct-color,var(--ui-accent-solid,var(--ui-focus-ring)));opacity:1}.resizer:is(:hover,:focus-visible)>.guide:where([data-hn-ui-sidebar]){opacity:1}:scope[popover]:where([data-hn-ui-sidebar]){block-size:100dvh;border-block:0;box-shadow:var(--ui-elevation-overlay,var(--ui-shadow-lg));inline-size:min(var(--_sidebar-width,var(--ui-sidebar-width,280px)),85vw);inset-block:0;inset-inline-end:auto;inset-inline-start:0;margin:0!important;max-block-size:none;padding:0!important;position:fixed;transform:translate(0);transition:transform var(--ui-motion-reveal) var(--ui-motion-reveal-ease),display var(--ui-motion-reveal) allow-discrete,overlay var(--ui-motion-reveal) allow-discrete}:scope[popover]:not(:popover-open):where([data-hn-ui-sidebar]){display:none!important;transform:translate(-100%)}:scope[data-ui-sidebar-state~="side=end"][popover]:where([data-hn-ui-sidebar]){inset-inline-end:0;inset-inline-start:auto}:scope[data-ui-sidebar-state~="side=end"][popover]:not(:popover-open):where([data-hn-ui-sidebar]){transform:translate(100%)}@starting-style{:scope[popover]:popover-open:where([data-hn-ui-sidebar]){transform:translate(-100%)}:scope[data-ui-sidebar-state~="side=end"][popover]:popover-open:where([data-hn-ui-sidebar]){transform:translate(100%)}}:scope[popover]:where([data-hn-ui-sidebar])::backdrop{background:var(--_ui-sidebar-backdrop,rgba(0,0,0,.32))}:scope[popover] .content:where([data-hn-ui-sidebar]){inline-size:100%}@media(prefers-reduced-motion:reduce){.content:where([data-hn-ui-sidebar]),:scope:where([data-hn-ui-sidebar]),:scope[popover]:where([data-hn-ui-sidebar]){transition:none}}:scope[hidden]:where([data-hn-ui-sidebar]){display:none!important}}@scope(.ui-nav-item)to ([data-hn]){:scope:where([data-hn-ui-nav-item]){--_indicator-width:var(--ui-nav-item-indicator-width,var(--ui-accent-line-width));--_indicator-color:var(--ui-nav-item-indicator-color,var(--ui-accent));align-items:center!important;-webkit-appearance:none;-moz-appearance:none;appearance:none;background:transparent;border:0;border-radius:var(--ui-selection-radius);box-sizing:border-box!important;color:var(--ui-text-secondary);cursor:pointer;display:flex!important;font:inherit;font-weight:var(--ui-font-normal);gap:var(--ui-nav-gap)!important;inline-size:var(--ui-nav-item-inline-size,100%);margin:0!important;min-block-size:var(--ui-nav-min-block-size);min-inline-size:0;padding-block:var(--ui-nav-padding-block)!important;padding-inline:var(--ui-nav-padding-inline)!important;position:relative;text-align:start;text-decoration:none;transition:background-color var(--ui-motion-fast) var(--ui-motion-ease),color var(--ui-motion-fast) var(--ui-motion-ease)}:scope:hover:not([aria-current]):where([data-hn-ui-nav-item]){background:var(--_ui-selection-context-surface,var(--ui-nav-hover-surface));color:var(--ui-text-primary)}:scope:focus-visible:where([data-hn-ui-nav-item]){outline:var(--ui-focus-width) solid var(--ui-focus-ring);outline-offset:calc(var(--ui-focus-width)*-1)}:scope[aria-current]:where([data-hn-ui-nav-item]){background:var( --ui-nav-item-current-surface,var(--_ui-selection-context-surface,var(--ui-selection-surface)) );color:var(--_ui-selection-context-text,var(--ui-selection-text))}:scope[data-ui-nav-item-state~="variant=surface"]:is(:hover,[aria-current]):where([data-hn-ui-nav-item]){box-shadow:inset 0 0 0 var(--ui-border-width) var(--_ui-selection-context-border,var(--ui-selection-border))}:scope[data-ui-nav-item-state~="variant=line"]:where([data-hn-ui-nav-item]){border-radius:0}.indicator:where([data-hn-ui-nav-item]){border-inline-start:var(--_indicator-width) solid var(--_indicator-color);display:none!important;inset-block:0;inset-inline-start:0;position:absolute}:scope[data-ui-nav-item-state~="variant=line"][aria-current] .indicator:where([data-hn-ui-nav-item]){display:block!important}@media(forced-colors:active){:scope[data-ui-nav-item-state~="variant=surface"][aria-current]:not(:focus-visible):where([data-hn-ui-nav-item]){outline:var(--ui-border-width) solid Highlight;outline-offset:calc(var(--ui-border-width)*-1)}.indicator:where([data-hn-ui-nav-item]){border-inline-start-color:Highlight}}.leading:where([data-hn-ui-nav-item]),.trailing:where([data-hn-ui-nav-item]){align-items:center!important;color:inherit;display:inline-flex!important;flex:none;font-size:var(--ui-nav-icon-size);inline-size:var(--ui-nav-icon-size);justify-content:center!important}.content:where([data-hn-ui-nav-item]){display:flex!important;flex:1;flex-direction:column!important;gap:var(--ui-space-0-5,2px)!important;min-inline-size:0}.description:where([data-hn-ui-nav-item]),.label:where([data-hn-ui-nav-item]){display:block!important;min-inline-size:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.label:where([data-hn-ui-nav-item]){font-size:var(--ui-font-size-md);line-height:var(--ui-line-height-tight)}.description:where([data-hn-ui-nav-item]){color:var(--ui-text-muted);font-size:var(--ui-font-size-sm);font-weight:var(--ui-font-normal);line-height:var(--ui-line-height-tight)}:scope[data-ui-nav-item-state~="density=compact"]:where([data-hn-ui-nav-item]){min-block-size:var(--ui-nav-compact-min-block-size);padding-block:var(--ui-nav-compact-padding-block)!important;padding-inline:var(--ui-nav-compact-padding-inline)!important}:scope[data-ui-nav-item-state~="density=compact"] .label:where([data-hn-ui-nav-item]){font-size:var(--ui-font-size-sm)}@media(pointer:coarse){:scope[data-ui-nav-item-state~="density=compact"]:where([data-hn-ui-nav-item]){min-block-size:var(--ui-control-min-block-size)}}.description:empty:where([data-hn-ui-nav-item]),.leading:empty:where([data-hn-ui-nav-item]),.trailing:empty:where([data-hn-ui-nav-item]){display:none!important}:scope[hidden]:where([data-hn-ui-nav-item]){display:none!important}}