.Sidebar{--sidebar-expanded-width:256px;--sidebar-collapsed-width:60px;--sidebar-zone-width:var(--sidebar-expanded-width);--sidebar-footer-row-width:calc(var(--sidebar-expanded-width) - 2 * var(--dui-spacing-m));width:var(--sidebar-expanded-width);background:var(--dui-color-background-surface);border-inline-end:var(--dui-spacing-px) solid var(--dui-color-border-default);font-size:var(--dui-typography-body-s-font-size);line-height:var(--dui-typography-body-s-line-height);flex-direction:column;flex-shrink:0;transition:width .2s ease-in-out;display:flex;overflow:hidden}.Sidebar.is-collapsed{width:var(--sidebar-collapsed-width)}.Sidebar.is-icon-only{--sidebar-zone-width:auto;--sidebar-footer-row-width:auto;overflow:visible}.Sidebar .SidebarHeader,.Sidebar .SidebarNav{width:var(--sidebar-zone-width)}.Sidebar .SidebarHeader{padding:var(--dui-spacing-l) var(--dui-spacing-xl) var(--dui-spacing-m);align-items:center;display:flex}.Sidebar .SidebarHeader>*{flex-shrink:0}.Sidebar .SidebarNav{flex-direction:column;flex:1;min-height:0;display:flex}.Sidebar .SidebarNav .__scroll{gap:var(--dui-spacing-xs);height:100%;padding-inline:var(--dui-spacing-m);scrollbar-width:none;flex-direction:column;display:flex;overflow:hidden auto}.Sidebar .SidebarNav .__scroll::-webkit-scrollbar{display:none}.Sidebar .SidebarFooter{gap:var(--dui-spacing-xs);padding:var(--dui-spacing-m);flex-direction:column;flex-shrink:0;display:flex}.Sidebar .SidebarItem{align-items:center;gap:var(--dui-spacing-m);width:100%;min-height:var(--dui-spacing-4xl);padding-block:var(--dui-spacing-s);padding-inline:var(--dui-spacing-l);border-radius:var(--dui-radius-m);color:var(--dui-color-text-default);font:inherit;font-weight:var(--dui-typography-font-weight-regular);text-align:start;white-space:nowrap;cursor:pointer;background:0 0;border:0;text-decoration:none;display:flex}.Sidebar .SidebarItem:hover{background:var(--dui-color-background-action-ghost-hover)}.Sidebar .SidebarItem:focus-visible{outline:var(--dui-spacing-xs) solid var(--dui-color-border-focus);outline-offset:calc(-1 * var(--dui-spacing-xs))}.Sidebar .SidebarItem.is-active{background:var(--dui-color-background-action-active);color:var(--dui-color-text-action-active);font-weight:var(--dui-typography-font-weight-semibold)}.Sidebar .SidebarItem.is-current{background:var(--dui-color-background-action-ghost-pressed);color:var(--dui-color-text-default)}.Sidebar .SidebarItem>*{flex-shrink:0}.Sidebar .SidebarFoldable{flex-direction:column;display:flex}.Sidebar .SidebarItem .__chevron{color:var(--dui-color-text-muted);align-items:center;margin-inline-start:auto;transition:transform .2s ease-out;display:flex}.Sidebar .SidebarItem[aria-expanded=true] .__chevron{transform:rotate(-180deg)}.Sidebar.is-icon-only .SidebarItem{font-size:0}.Sidebar.is-icon-only .SidebarItem .__chevron{display:none}.Sidebar .SidebarFoldable-disclosure{grid-template-rows:0fr;transition:grid-template-rows .2s ease-out;display:grid}.Sidebar .SidebarFoldable-disclosure.is-open{grid-template-rows:1fr}.Sidebar.is-collapsed .SidebarFoldable-disclosure{grid-template-rows:0fr}.Sidebar .SidebarFoldable-disclosure .__clip{overflow:hidden}.Sidebar .SidebarFoldable-disclosure .__children{border-inline-start:var(--dui-spacing-px) solid var(--dui-color-border-default);flex-direction:column;margin-block-start:var(--dui-spacing-xs);margin-inline-start:calc(var(--dui-spacing-l) + var(--dui-spacing-2xl) / 2);padding-inline-start:calc(var(--dui-spacing-s) + var(--dui-spacing-px));display:flex}.Sidebar .SidebarFooter>*{width:var(--sidebar-footer-row-width)}.Sidebar .SidebarCollapseButton{width:var(--dui-spacing-4xl);height:var(--dui-spacing-4xl);border-radius:var(--dui-radius-m);color:var(--dui-color-text-muted);cursor:pointer;background:0 0;border:0;justify-content:center;align-self:flex-end;align-items:center;padding:0;transition:margin-inline-end .2s ease-in-out;display:inline-flex}.Sidebar .SidebarCollapseButton:hover{background:var(--dui-color-background-action-ghost-hover)}.Sidebar .SidebarCollapseButton:focus-visible{outline:var(--dui-spacing-xs) solid var(--dui-color-border-focus);outline-offset:calc(-1 * var(--dui-spacing-xs))}.Sidebar.is-collapsed .SidebarCollapseButton{margin-inline-end:calc(var(--sidebar-collapsed-width) - var(--dui-spacing-px) - 2 * var(--dui-spacing-m) - var(--dui-spacing-l) - var(--dui-spacing-2xl) / 2 - var(--dui-spacing-4xl) / 2)}
@media (prefers-reduced-motion:reduce){.Sidebar,.Sidebar .SidebarCollapseButton,.Sidebar .SidebarFoldable-disclosure,.Sidebar .SidebarItem .__chevron,.Sidebar .SidebarChip .__chevron{transition:none}.Sidebar.is-toggled .SidebarNav,.Sidebar.is-toggled .SidebarFooter{animation:.2s ease-out sidebar-layout-fade}.Sidebar.is-toggled.is-icon-only .SidebarNav,.Sidebar.is-toggled.is-icon-only .SidebarFooter{animation-name:sidebar-layout-fade-rail}}@keyframes sidebar-layout-fade{0%{opacity:0}}@keyframes sidebar-layout-fade-rail{0%{opacity:0}}