.klyp-SidebarShell{gap:var(--space-8);width:100%;height:100%;padding:var(--space-8);color:var(--color-fg-muted);background:var(--color-bg-panel);border:0;border-inline-end:var(--bw-default) solid var(--alpha-white-03);border-radius:0;flex-direction:column;display:flex;overflow:hidden}.klyp-SidebarShell__header{flex:none;justify-content:flex-start;align-items:center;gap:0;min-height:36px;display:flex}.klyp-SidebarShell__nav{scrollbar-width:thin;scrollbar-color:var(--color-border-subtle) transparent;min-height:36px;padding:var(--space-4);margin:calc(-1 * var(--space-4));flex:0 auto;overflow-y:auto}.klyp-SidebarShell__nav::-webkit-scrollbar{width:4px}.klyp-SidebarShell__nav::-webkit-scrollbar-button{width:0;height:0;display:none}.klyp-SidebarShell__nav::-webkit-scrollbar-thumb{background:var(--color-border-subtle);border-radius:var(--radius-full)}.klyp-SidebarShell__nav::-webkit-scrollbar-track{background:0 0}.klyp-SidebarShell__list{gap:var(--space-4);flex-direction:column;margin:0;padding:0;list-style:none;display:flex}.klyp-SidebarShell__item{margin:0;padding:0;display:block;position:relative}.klyp-SidebarShell__item[data-section-break=true]{margin-block-start:var(--space-8)}.klyp-SidebarShell__footer{border-block-start:var(--bw-default) solid var(--color-border-subtle);flex:none;margin-block-start:var(--space-4);padding-block-start:var(--space-8)}.klyp-SidebarToggle{border-radius:var(--r-chip);width:36px;height:36px;color:var(--color-fg-muted);cursor:pointer;transition:background var(--duration-fast) var(--easing-standard), color var(--duration-fast) var(--easing-standard);background:0 0;border:0;flex:none;justify-content:center;align-items:center;padding:0;display:inline-flex}.klyp-SidebarToggle[data-hovered],.klyp-SidebarToggle[data-focus-visible]{background:var(--color-bg-surface-hover);color:var(--color-fg-primary)}.klyp-SidebarToggle[data-pressed]{background:var(--color-bg-surface-solid)}.klyp-SidebarToggle[data-focus-visible]{outline:var(--bw-emphasis) solid var(--color-ring);outline-offset:-2px}.klyp-SidebarToggle .klyp-SidebarToggle__slot{width:36px;height:36px;color:var(--color-fg-on-active-nav);opacity:var(--opacity-50);transition:opacity var(--duration-fast) var(--easing-standard);justify-content:center;align-items:center;display:inline-flex}.klyp-SidebarToggle .klyp-SidebarToggle__slot>svg{display:block}.klyp-SidebarToggle[data-hovered] .klyp-SidebarToggle__slot,.klyp-SidebarToggle[data-focus-visible] .klyp-SidebarToggle__slot{opacity:1}.klyp-SidebarToggle .klyp-SidebarLottie{transform-origin:50%;transition:transform var(--duration-normal) var(--easing-standard)}.klyp-SidebarToggle[data-expanded=false] .klyp-SidebarLottie{transform:scaleX(-1)}@media (prefers-reduced-motion:reduce){.klyp-SidebarToggle,.klyp-SidebarToggle .klyp-SidebarToggle__slot,.klyp-SidebarToggle .klyp-SidebarLottie{transition:none!important}}.klyp-SidebarGroupHeader{justify-content:space-between;align-items:center;gap:var(--space-4);flex:none;display:flex}.klyp-SidebarGroupHeader .klyp-SidebarGroupHeader__toggle{align-items:center;gap:var(--space-4);padding:var(--space-4) var(--space-8);border-radius:var(--r-chip);cursor:pointer;text-align:start;font-family:var(--font-sans);font-size:var(--font-size-12);font-weight:var(--font-weight-regular);color:var(--color-fg-muted);white-space:nowrap;transition:color var(--duration-fast) var(--easing-standard);background:0 0;border:0;flex:none;display:inline-flex}.klyp-SidebarGroupHeader .klyp-SidebarGroupHeader__toggle:hover,.klyp-SidebarGroupHeader .klyp-SidebarGroupHeader__toggle:focus-visible{color:var(--color-fg-primary)}.klyp-SidebarGroupHeader .klyp-SidebarGroupHeader__toggle:focus-visible{outline:var(--bw-emphasis) solid var(--color-ring);outline-offset:-2px}.klyp-SidebarGroupHeader .klyp-SidebarGroupHeader__chevron{color:var(--color-fg-muted);opacity:0;transition:transform var(--duration-fast) var(--easing-standard), opacity var(--duration-fast) var(--easing-standard);flex:none}.klyp-SidebarGroupHeader .klyp-SidebarGroupHeader__toggle:hover .klyp-SidebarGroupHeader__chevron,.klyp-SidebarGroupHeader .klyp-SidebarGroupHeader__toggle:focus-visible .klyp-SidebarGroupHeader__chevron{opacity:1}.klyp-SidebarGroupHeader .klyp-SidebarGroupHeader__toggle[data-collapsed=true] .klyp-SidebarGroupHeader__chevron{transform:rotate(-90deg)}@media (prefers-reduced-motion:reduce){.klyp-SidebarGroupHeader .klyp-SidebarGroupHeader__toggle,.klyp-SidebarGroupHeader .klyp-SidebarGroupHeader__chevron{transition:none!important}}