@layer components{.side-nav{background:var(--color-background-surface-primary);border-right:var(--border-width-content-normal,1px) solid var(--color-border-main-subtle);width:var(--component-sidebar-width-full,260px);flex-direction:column;flex:none;transition:width .2s;display:flex;overflow:hidden}.side-nav--collapsed{width:var(--component-sidebar-width-collapsed,64px)}.side-nav--collapsed .side-nav__title{display:none}.side-nav__header{border-bottom:var(--border-width-content-normal,1px) solid var(--color-border-main-subtle);max-height:calc(var(--number-global-48)*var(--spacing));min-height:calc(var(--number-global-48)*var(--spacing));padding-block:calc(var(--number-global-4)*var(--spacing));padding-inline:calc(var(--number-global-8)*var(--spacing));align-items:center;display:flex;overflow:clip}.side-nav__header-inner{gap:calc(var(--number-global-20)*var(--spacing));padding-inline:calc(var(--number-global-4)*var(--spacing));justify-content:center}.side-nav__header-inner,.side-nav__title{flex:1 0 0;align-items:center;min-width:0;display:flex}.side-nav__title{padding-inline:calc(var(--number-global-12)*var(--spacing))}.side-nav__title-text{color:var(--color-content-main-default);font-family:var(--typography-body-family-font-font);font-size:var(--typography-body-font-size-b3);font-weight:var(--typography-body-weight-md);line-height:var(--typography-body-line-height-b3);text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.side-nav__content{margin-top:calc(var(--number-global-8)*var(--spacing));flex-direction:column;width:100%;display:flex;overflow-y:auto}}