.sidebar.svelte-a1g4sd{position:relative;z-index:10;display:flex;flex-direction:column;width:30px;height:100vh;background-color:var(--color-blue-50);transition:transform .3s ease-in-out;transition:width .3s ease-in-out}.sidebar.svelte-a1g4sd.wide{width:300px}.sidebar.svelte-a1g4sd.wide .sidebar-label:where(.svelte-a1g4sd){transition:opacity .2s,display 0s .4s;opacity:1;display:block}.sidebar.svelte-a1g4sd.narrow{width:74px}.sidebar.svelte-a1g4sd.narrow .sidebar-label:where(.svelte-a1g4sd),.sidebar.svelte-a1g4sd.narrow .logo:where(.svelte-a1g4sd){opacity:0;pointer-events:none;display:none}.sidebar.svelte-a1g4sd .sidebar-top:where(.svelte-a1g4sd){flex-wrap:nowrap}.sidebar.svelte-a1g4sd .sidebar-top:where(.svelte-a1g4sd) button:where(.svelte-a1g4sd){min-width:36.88px;height:36.88px}.sidebar.svelte-a1g4sd nav:where(.svelte-a1g4sd){flex-grow:1;display:flex;flex-direction:column;gap:var(--size-4xs);overflow:hidden;margin-bottom:var(--size-4xs);margin-top:var(--size-xl);box-sizing:border-box}.sidebar.svelte-a1g4sd nav:where(.svelte-a1g4sd) a:where(.svelte-a1g4sd){display:flex;flex-wrap:nowrap;align-items:center;gap:var(--size-4xs);color:var(--color-text-normal);border-bottom:1px solid var(--color-primary-border-accent);padding:var(--size-4xs);overflow:hidden}.sidebar.svelte-a1g4sd nav:where(.svelte-a1g4sd) a:where(.svelte-a1g4sd) .sidebar-label:where(.svelte-a1g4sd){display:none;left:60px}.topbar.svelte-12rx963{padding-right:var(--size-m)}