.left-nav{box-sizing:border-box;display:flex;flex-direction:column;justify-content:space-between;min-width:280px;width:max-content;max-width:360px;position:absolute;inset-block:0;inset-inline-start:0;z-index:var(--z-floating);padding-top:var(--size-80);background:var(--left-nav-surface-bg-overlay-rest);backdrop-filter:blur(0px);overflow:hidden;transition:width .2s ease,min-width .2s ease,background .2s ease}.left-nav--collapsed{min-width:68px;width:68px;max-width:68px}.left-nav--collapsed:hover,.left-nav--collapsed:focus-within,.left-nav--collapsed.left-nav--force-expanded{min-width:280px;width:max-content;max-width:360px;background:var(--left-nav-surface-bg-overlay-expanded);backdrop-filter:var(--effect-left-nav-background-blur);-webkit-backdrop-filter:var(--effect-left-nav-background-blur);box-shadow:var(--effect-left-nav-background-shadow)}.left-nav--collapsed.left-nav--force-collapse,.left-nav--collapsed.left-nav--force-collapse:hover,.left-nav--collapsed.left-nav--force-collapse.left-nav--force-expanded{min-width:68px;width:68px;max-width:68px;background:transparent;backdrop-filter:none;-webkit-backdrop-filter:none;box-shadow:none}.left-nav--floating{background:var(--left-nav-surface-bg-overlay-expanded);backdrop-filter:var(--effect-left-nav-background-blur);-webkit-backdrop-filter:var(--effect-left-nav-background-blur);box-shadow:var(--effect-left-nav-background-shadow)}.left-nav-section{display:flex;flex-direction:column;gap:var(--size-20);padding:var(--size-120) var(--size-60);width:100%;box-sizing:border-box}.left-nav-section:not(.left-nav-section--bottom){flex:1 0 0;min-height:0;overflow:hidden auto}.left-nav-section--bottom{flex:0 0 auto;padding-bottom:0}