:root{--background-component:var(--system-background-primary);--font-color:var(--system-font-color);--background-hover:var(--system-color-highlight-color);--active-background:rgba(0,0,0,.07);--active-color:var(--system-accent-color);--tooltip-bg:var(--system-background-primary);--tooltip-color:var(--system-font-color);--tooltip-border:rgba(0,0,0,.15);--border-color:var(--system-font-color);--nav-radius:var(--overlay-corner-radius);--nav-sub-radius:var(--overlay-corner-radius);--nav-button-radius:var(--overlay-corner-radius);--nav-expanded-width:265px;--nav-collapsed-width:80px;--nav-scrollbar-size:2px;--nav-scrollbar-thumb:rgba(0,0,0,.28);--nav-scrollbar-thumb-hover:rgba(0,0,0,.44);--nav-scrollbar-track:transparent;--mid-hover-bg:rgba(0,0,0,.08);--mid-active-bg:rgba(0,0,0,.12);--mid-accent:var(--active-color)}.navbar-container{position:relative;height:100vh;display:flex;flex-direction:column;background-color:var(--background-component);width:var(--nav-expanded-width);min-width:var(--nav-expanded-width);transition:width .5s ease-in-out,min-width .125s ease-in-out;border-inline-end:1px solid var(--border-color);box-sizing:border-box;overflow:hidden}.navbar-container.collapsed{width:var(--nav-collapsed-width);min-width:var(--nav-collapsed-width)}.navbar-header{display:flex;align-items:center;justify-content:flex-end;gap:.5rem;padding:.5rem;min-height:56px;box-sizing:border-box;border-bottom:1px solid var(--border-color);background-color:rgba(0,0,0,.04)}.navbar-logo{width:120px;height:auto;display:block;-o-object-fit:contain;object-fit:contain}.navbar-logo-slot{height:28px;width:100px;border-radius:var(--nav-radius);background:rgba(0,0,0,.06)}.navbar-icon-button{width:36px;height:36px;min-width:36px;min-height:36px;padding:8px;box-sizing:border-box;border-radius:var(--nav-button-radius);display:inline-flex;align-items:center;justify-content:center;background:transparent;cursor:pointer;transition:background-color .2s ease;color:var(--font-color);fill:var(--font-color)}.navbar-icon-button:hover{background-color:var(--background-hover)}[dir=rtl] .navbar-icon-button svg{transform:scaleX(-1)}.nav-bottom-container,.nav-top-icons-container{display:flex;flex-direction:column}.nav-top-icons-container{flex:1;overflow-x:hidden;overflow-y:auto;scrollbar-width:thin;scrollbar-color:rgba(0,0,0,.3) transparent;gap:.25rem;padding:.5rem}.navbar-icon-group{display:flex;flex-direction:column;text-align:left;white-space:nowrap;width:100%;border-radius:var(--nav-radius);transition:all .2s ease;cursor:pointer;margin-bottom:.25rem;color:var(--font-color)}.navbar-icon-group .navbar-icon-row:hover{background-color:var(--background-hover)}.navbar-icon-group.expanded .navbar-icon-row:hover{background-color:transparent}.navbar-icon-group.active{background-color:var(--active-background)}.navbar-icon-row{display:flex;align-items:center;justify-content:center;padding:.5rem;border-radius:var(--nav-radius);position:relative}.navbar-icon-group.active .navbar-icon-row:before{content:"";position:absolute;left:0;top:50%;transform:translateY(-50%);width:4px;height:24px;background-color:var(--active-color);border-radius:0 4px 4px 0}.dashboard-nav-icon{width:24px;height:24px;min-width:24px;min-height:24px;margin-right:.75rem;color:var(--font-color);fill:var(--font-color);display:block}.icon-group-title{display:flex;justify-content:space-between;align-items:center;width:100%;color:var(--font-color);font-size:.875rem;min-width:0;gap:.5rem}.item-title,.sub-item-title{overflow:hidden;white-space:nowrap;text-overflow:ellipsis;flex:1;font-size:14px;color:var(--font-color);transition:color .2s ease}.nav-expand-icon{min-width:16px;min-height:16px;fill:var(--font-color);transition:transform .2s ease;flex:0 0 auto}.navbar-icon-group.expanded{background-color:rgba(0,0,0,.05);border:1px solid var(--border-color)}.navbar-icon-group.expanded .nav-expand-icon{transform:rotate(90deg)}.item-options-container{overflow:hidden;margin-left:.4rem}.item-options-container.expanded{overflow-x:hidden;overflow-y:auto;scroll-behavior:smooth}.item-options{visibility:hidden}.item-options.expanded{visibility:visible}.nav-sub-option{padding:.5rem .75rem;margin-right:.5rem;border-radius:var(--nav-sub-radius);display:flex;align-items:center;gap:.5rem;color:var(--font-color);font-size:.875rem;transition:background-color .2s ease;cursor:pointer}.nav-sub-option:hover{background-color:rgba(0,0,0,.12)}.nav-sub-option.active{background-color:rgba(0,0,0,.07);font-weight:500}.nav-bottom-container{position:relative;display:flex;flex-direction:column;gap:.1rem;padding:.5rem;border-top:1px solid var(--border-color);background:rgba(0,0,0,.03)}.version-display,.version-text{font-size:10px;color:var(--font-color);opacity:.6}.sign-out-text{display:flex;flex-direction:column}.bottom-action{border-radius:var(--nav-radius)}.bottom-action .navbar-icon-row{padding:.4rem .6rem;border-radius:var(--nav-radius)}.bottom-action:hover{background-color:rgba(0,0,0,.05)}.version-row{position:absolute;bottom:0;left:0;padding:0 .3rem;pointer-events:none;line-height:1}.item-subtle{font-size:12px;opacity:.85;margin-left:.5rem}.navbar-subgroup{margin-left:.1rem}.navbar-subgroup,.subgroup-row{border-radius:var(--nav-radius)}.subgroup-row{padding:.6rem}.sub-item-options-container{overflow:hidden;margin-left:.4rem}.sub-item-options-container.expanded{max-height:400px;padding-bottom:.25rem}.sub-item-options-container .sub-item-title,.subgroup-row .item-title{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;white-space:normal;overflow-wrap:anywhere;word-break:break-word;line-height:1.2}.navbar-subgroup .subgroup-row{position:relative;background:transparent;margin-top:.25rem}.navbar-subgroup .subgroup-row:hover{background:rgba(0,0,0,.12)!important}.navbar-subgroup.expanded{background-color:rgba(0,0,0,.05);border-radius:var(--nav-radius)}.navbar-subgroup.expanded .subgroup-row:hover{background:transparent}.navbar-subgroup .subgroup-row.active:before{content:"";position:absolute;left:0;top:50%;transform:translateY(-50%);width:4px;height:20px;background:var(--mid-accent);border-radius:0 4px 4px 0}.sub-item-options-container .nav-sub-option:hover{background:rgba(0,0,0,.06)}.sub-item-options-container .nav-sub-option.active{background:rgba(0,0,0,.09);font-weight:500}.navbar-container.collapsed .navbar-header{justify-content:center}.navbar-container.collapsed .navbar-logo{display:none}.navbar-container.collapsed .navbar-controls{margin:0}.navbar-container.collapsed .icon-group-title,.navbar-container.collapsed .item-options-container,.navbar-container.collapsed .nav-expand-icon,.navbar-container.collapsed .sub-item-options-container,.navbar-container.collapsed .user-details,.navbar-container.collapsed .version-display,.navbar-container.collapsed .version-row,.navbar-container.collapsed .version-text{display:none!important}.navbar-container.collapsed .navbar-icon-row,.navbar-container.collapsed .subgroup-row{padding:.35rem;border-radius:var(--nav-radius);justify-content:center;align-items:center;min-height:40px}.navbar-container.collapsed .dashboard-nav-icon{margin-right:0!important}.navbar-container.collapsed .navbar-icon-group.active .navbar-icon-row:before,.navbar-container.collapsed .subgroup-row.active:before{display:none!important}.navbar-container.collapsed .navbar-icon-group:hover,.navbar-container.collapsed .navbar-icon-row:hover,.navbar-container.collapsed .navbar-subgroup .subgroup-row:hover{background-color:var(--background-hover)!important;border-radius:var(--nav-radius)}.navbar-container.collapsed .navbar-icon-group,.navbar-container.collapsed .navbar-subgroup{margin:.15rem}.navbar-container.collapsed .nav-bottom-container,.navbar-container.collapsed .nav-top-icons-container{align-items:center;padding:.5rem .15rem}.navbar-container.collapsed .user-info-container{justify-content:center;background-color:transparent}.navbar-container.collapsed .navbar-icon-row:focus-visible,.navbar-container.collapsed .subgroup-row:focus-visible{outline:2px solid var(--active-color);outline-offset:2px;border-radius:var(--nav-radius)}.navbar-container,.navbar-container *{scrollbar-width:thin!important;scrollbar-color:var(--nav-scrollbar-thumb) var(--nav-scrollbar-track)!important}.navbar-container ::-webkit-scrollbar,.navbar-container::-webkit-scrollbar{width:var(--nav-scrollbar-size)!important;height:var(--nav-scrollbar-size)!important}.navbar-container ::-webkit-scrollbar-thumb,.navbar-container::-webkit-scrollbar-thumb{background-color:var(--nav-scrollbar-thumb)!important;border-radius:var(--nav-sub-radius)!important;border:2px solid transparent!important;background-clip:content-box!important;min-height:24px!important}.navbar-container ::-webkit-scrollbar-thumb:hover,.navbar-container::-webkit-scrollbar-thumb:hover{background-color:var(--nav-scrollbar-thumb-hover)!important}.navbar-container ::-webkit-scrollbar-track,.navbar-container::-webkit-scrollbar-track{background:var(--nav-scrollbar-track)!important}.navbar-container ::-webkit-scrollbar-corner,.navbar-container::-webkit-scrollbar-corner{background:transparent!important}.item-options-container.expanded,.nav-top-icons-container,.sub-item-options-container.expanded{scrollbar-gutter:stable both-edges}.vienna-navbar-theme.navbar-container{background-color:var(--system-font-color);border-right:1px solid var(--system-background-primary)}.vienna-navbar-theme .item-options,.vienna-navbar-theme .navbar-icon-group,.vienna-navbar-theme .version-display,.vienna-navbar-theme .version-text{color:var(--system-background-primary)}.vienna-navbar-theme .navbar-icon-group .navbar-icon-row:hover{background-color:var(--system-color-highlight-color)}.vienna-navbar-theme .navbar-icon-group.expanded .navbar-icon-row:hover{background-color:transparent}.vienna-navbar-theme .dashboard-nav-icon,.vienna-navbar-theme .nav-expand-icon{fill:var(--system-background-primary)}.vienna-navbar-theme .item-title,.vienna-navbar-theme .sub-item-title{color:var(--system-background-primary)}.vienna-navbar-theme .nav-sub-option:hover{background-color:var(--hover-gradient)}.vienna-navbar-theme .nav-bottom-container{background:hsla(0,0%,100%,.06);border-top:1px solid var(--system-background-primary)}.vienna-navbar-theme .bottom-action:hover{background-color:var(--system-color-highlight-color)}.vienna-navbar-theme .bottom-divider{background:var(--system-background-primary);opacity:.5}.vienna-navbar-theme{--mid-hover-bg:var(--system-color-highlight-color);--mid-active-bg:color-mix(in srgb,var(--system-color-highlight-color) 85%,transparent);--vienna-fg:var(--system-background-primary);--vienna-muted:color-mix(in srgb,var(--system-background-primary) 70%,transparent);--vienna-hover:var(--system-color-highlight-color)}.vienna-navbar-theme,.vienna-navbar-theme .icon-group-title,.vienna-navbar-theme .item-title,.vienna-navbar-theme .nav-sub-option,.vienna-navbar-theme .navbar-icon-group,.vienna-navbar-theme .navbar-icon-row,.vienna-navbar-theme .sub-item-title,.vienna-navbar-theme .version-display,.vienna-navbar-theme .version-text{color:var(--vienna-fg)!important}.vienna-navbar-theme .dashboard-nav-icon,.vienna-navbar-theme .nav-expand-icon,.vienna-navbar-theme svg{color:var(--vienna-fg)!important;fill:var(--vienna-fg)!important;stroke:var(--vienna-fg)!important}.vienna-navbar-theme .navbar-icon-group.active .navbar-icon-row:before,.vienna-navbar-theme .navbar-subgroup .subgroup-row.active:before{background-color:var(--vienna-fg)!important}.vienna-navbar-theme .nav-bottom-container,.vienna-navbar-theme .navbar-header,.vienna-navbar-theme .navbar-icon-group.expanded,.vienna-navbar-theme.navbar-container{border-color:var(--system-background-primary)!important}.vienna-navbar-theme{--nav-scrollbar-thumb:hsla(0,0%,100%,.35);--nav-scrollbar-thumb-hover:hsla(0,0%,100%,.55);--nav-scrollbar-track:transparent}.vienna-navbar-theme .item-subtle{color:var(--vienna-muted)!important}.vienna-navbar-theme.navbar-container.collapsed .dashboard-nav-icon,.vienna-navbar-theme.navbar-container.collapsed svg{color:var(--vienna-fg)!important;fill:var(--vienna-fg)!important;stroke:var(--vienna-fg)!important}.vienna-navbar-theme .nav-expand-icon{opacity:1!important}.vienna-navbar-theme .dashboard-nav-icon [fill]:not([fill=none]){fill:var(--vienna-fg)!important}.vienna-navbar-theme .dashboard-nav-icon [stroke]:not([stroke=none]){stroke:var(--vienna-fg)!important}.item-options-container,.sub-item-options-container{padding-left:.05rem;padding-right:6px;overflow-y:auto;overflow-x:hidden;scrollbar-gutter:stable both-edges;max-height:0;transition:max-height .3s ease}.item-options-container.expanded{max-height:300px;padding-bottom:.5rem}.nav-sub-option{border:1px solid transparent}.nav-sub-option.active,.nav-sub-option:hover{border-color:transparent}.icon-group-title,.item-options-container,.sub-item-options-container{min-width:0}.item-options-container.expanded{overflow-y:visible}.sub-item-options-container.expanded{max-height:none;overflow-y:visible}