#menu{&[data-v-3fd27d1d]{--space-menu-item:4px;--space-menu-icon:20px;display:flex;width:var(--size-nav-width-default);max-height:100dvh}header[data-v-3fd27d1d]{height:var(--size-header-height)}section[data-v-3fd27d1d]{height:calc(100dvh - var(--size-header-height) - var(--size-footer-height))}footer[data-v-3fd27d1d]{height:var(--size-footer-height)}#appsmenu{&[data-v-3fd27d1d]{display:flex;flex-direction:column}ul{&[data-v-3fd27d1d]{width:var(--size-nav-width-collapsed);padding:0;margin:0;list-style-type:none;max-height:100dvh;overflow:hidden auto}li{&[data-v-3fd27d1d]{height:var(--size-nav-width-collapsed);padding-right:2px;border-left:2px solid #0000;color:var(--color-nav-text);transition:background-color .25s cubic-bezier(0,1,.5,1);cursor:pointer}&[data-v-3fd27d1d]:hover{border-left-color:var(--color-border)}&.active[data-v-3fd27d1d],&[data-v-3fd27d1d]:hover{background-color:var(--color-menu-bg);color:var(--color-nav-active)}&.active[data-v-3fd27d1d]{border-left-color:var(--color-primary)}small[data-v-3fd27d1d]{display:block;width:calc(var(--size-nav-width-collapsed) - var(--space-menu-item));margin:2px auto 0;text-align:center;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.menu-icon[data-v-3fd27d1d]{flex-shrink:0}&:has(small) .menu-icon[data-v-3fd27d1d]{margin-top:4px}}li.logo[data-v-3fd27d1d]{height:var(--size-header-height);cursor:inherit}}}&.collapsed{&:not(.hover) #appsmenu li.active[data-v-3fd27d1d]{background-color:var(--color-surface-tertiary)}}#sitemenu{&[data-v-3fd27d1d]{width:calc(var(--size-nav-width-default) - var(--size-nav-width-collapsed));max-width:calc(100vw - var(--size-nav-width-collapsed));background-color:var(--color-menu-bg);border-right:1px solid var(--color-border);color:var(--color-text-body)}>header[data-v-3fd27d1d]{padding:0 16px;font-size:20px;font-weight:600}section[data-v-3fd27d1d]{padding-top:8px}}}[data-theme=dark] #menu{#appsmenu[data-v-3fd27d1d]{background-color:color-mix(in srgb,var(--color-nav-bg) 86%,#000 14%);box-shadow:inset -1px 0 0 hsla(0,0%,100%,.04)}#sitemenu{&[data-v-3fd27d1d]{border-right-color:var(--color-border);color:var(--color-text-body)}>header[data-v-3fd27d1d]{color:var(--color-text-body);box-shadow:inset 0 -1px 0 hsla(0,0%,100%,.04)}}}