:root{--background-component:var(--system-background-primary);--font-color:var(--system-font-color);--background-hover:var(--system-color-highlight-color);--active-background:#00000012;--active-color:var(--system-accent-color);--tooltip-bg:var(--system-background-primary);--tooltip-color:var(--system-font-color);--tooltip-border:#00000026;--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:#00000047;--nav-scrollbar-thumb-hover:#00000070;--nav-scrollbar-track:transparent;--mid-hover-bg:#00000014;--mid-active-bg:#0000001f;--mid-accent:var(--active-color)}.navbar-container{background-color:var(--background-component);height:100vh;width:var(--nav-expanded-width);min-width:var(--nav-expanded-width);border-inline-end:1px solid var(--border-color);box-sizing:border-box;flex-direction:column;transition:width .5s ease-in-out,min-width .125s ease-in-out;display:flex;position:relative;overflow:hidden}.navbar-container.collapsed{width:var(--nav-collapsed-width);min-width:var(--nav-collapsed-width)}.navbar-header{box-sizing:border-box;border-bottom:1px solid var(--border-color);background-color:#0000000a;justify-content:flex-end;align-items:center;gap:.5rem;min-height:56px;padding:.5rem;display:flex}.navbar-logo{-o-object-fit:contain;object-fit:contain;width:120px;height:auto;display:block}.navbar-logo-slot{border-radius:var(--nav-radius);background:#0000000f;width:100px;height:28px}.navbar-icon-button{box-sizing:border-box;border-radius:var(--nav-button-radius);cursor:pointer;width:36px;min-width:36px;height:36px;min-height:36px;color:var(--font-color);fill:var(--font-color);background:0 0;justify-content:center;align-items:center;padding:8px;transition:background-color .2s;display:inline-flex}.navbar-icon-button:hover{background-color:var(--background-hover)}[dir=rtl] .navbar-icon-button svg{transform:scaleX(-1)}.nav-top-icons-container,.nav-bottom-container{flex-direction:column;display:flex}.nav-top-icons-container{scrollbar-width:thin;scrollbar-color:#0000004d transparent;flex:1;gap:.25rem;padding:.5rem;overflow:hidden auto}.navbar-icon-group{text-align:left;white-space:nowrap;border-radius:var(--nav-radius);cursor:pointer;width:100%;color:var(--font-color);flex-direction:column;margin-bottom:.25rem;transition:all .2s;display:flex}.navbar-icon-group .navbar-icon-row:hover{background-color:var(--background-hover)}.navbar-icon-group.expanded .navbar-icon-row:hover{background-color:#0000}.navbar-icon-group.active{background-color:var(--active-background)}.navbar-icon-row{border-radius:var(--nav-radius);justify-content:center;align-items:center;padding:.5rem;display:flex;position:relative}.navbar-icon-group.active .navbar-icon-row:before{content:"";background-color:var(--active-color);border-radius:0 4px 4px 0;width:4px;height:24px;position:absolute;top:50%;left:0;transform:translateY(-50%)}.dashboard-nav-icon{width:24px;min-width:24px;height:24px;min-height:24px;color:var(--font-color);fill:var(--font-color);margin-right:.75rem;display:block}.icon-group-title{width:100%;color:var(--font-color);justify-content:space-between;align-items:center;gap:.5rem;min-width:0;font-size:.875rem;display:flex}.item-title,.sub-item-title{white-space:nowrap;text-overflow:ellipsis;color:var(--font-color);flex:1;font-size:14px;transition:color .2s;overflow:hidden}.nav-expand-icon{min-width:16px;min-height:16px;fill:var(--font-color);flex:none;transition:transform .2s}.navbar-icon-group.expanded{border:1px solid var(--border-color);background-color:#0000000d}.navbar-icon-group.expanded .nav-expand-icon{transform:rotate(90deg)}.item-options-container{max-height:0;margin-left:.4rem;transition:max-height .3s;overflow:hidden}.item-options-container.expanded{scroll-behavior:smooth;max-height:300px;padding-bottom:.5rem;overflow:hidden auto}.item-options{visibility:hidden}.item-options.expanded{visibility:visible}.nav-sub-option{border-radius:var(--nav-sub-radius);color:var(--font-color);cursor:pointer;align-items:center;gap:.5rem;margin-right:.5rem;padding:.5rem .75rem;font-size:.875rem;transition:background-color .2s;display:flex}.nav-sub-option:hover{background-color:#0000001f}.nav-sub-option.active{background-color:#00000012;font-weight:500}.nav-bottom-container{border-top:1px solid var(--border-color);background:#00000008;flex-direction:column;gap:.1rem;padding:.5rem;display:flex;position:relative}.version-text,.version-display{color:var(--font-color);opacity:.6;font-size:10px}.sign-out-text{flex-direction:column;display:flex}.bottom-action{border-radius:var(--nav-radius)}.bottom-action .navbar-icon-row{border-radius:var(--nav-radius);padding:.4rem .6rem}.bottom-action:hover{background-color:#0000000d}.version-row{pointer-events:none;padding:0 .3rem;line-height:1;position:absolute;bottom:0;left:0}.item-subtle{opacity:.85;margin-left:.5rem;font-size:12px}.navbar-subgroup{border-radius:var(--nav-radius);margin-left:.1rem}.subgroup-row{border-radius:var(--nav-radius);padding:.6rem}.sub-item-options-container{max-height:0;margin-left:.4rem;transition:max-height .3s;overflow:hidden}.sub-item-options-container.expanded{max-height:400px;padding-bottom:.25rem}.subgroup-row .item-title,.sub-item-options-container .sub-item-title{-webkit-line-clamp:2;white-space:normal;overflow-wrap:anywhere;word-break:break-word;-webkit-box-orient:vertical;line-height:1.2;display:-webkit-box;overflow:hidden}.navbar-subgroup .subgroup-row{background:0 0;margin-top:.25rem;position:relative}.navbar-subgroup .subgroup-row:hover{background:#0000001f!important}.navbar-subgroup.expanded{border-radius:var(--nav-radius);background-color:#0000000d}.navbar-subgroup.expanded .subgroup-row:hover{background:0 0}.navbar-subgroup .subgroup-row.active:before{content:"";background:var(--mid-accent);border-radius:0 4px 4px 0;width:4px;height:20px;position:absolute;top:50%;left:0;transform:translateY(-50%)}.sub-item-options-container .nav-sub-option:hover{background:#0000000f}.sub-item-options-container .nav-sub-option.active{background:#00000017;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 .sub-item-options-container,.navbar-container.collapsed .version-text,.navbar-container.collapsed .version-row,.navbar-container.collapsed .version-display,.navbar-container.collapsed .user-details,.navbar-container.collapsed .nav-expand-icon{display:none!important}.navbar-container.collapsed .navbar-icon-row,.navbar-container.collapsed .subgroup-row{border-radius:var(--nav-radius);justify-content:center;align-items:center;min-height:40px;padding:.35rem}.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{border-radius:var(--nav-radius);background-color:var(--background-hover)!important}.navbar-container.collapsed .navbar-icon-group,.navbar-container.collapsed .navbar-subgroup{margin:.15rem}.navbar-container.collapsed .nav-top-icons-container,.navbar-container.collapsed .nav-bottom-container{align-items:center;padding:.5rem .15rem}.navbar-container.collapsed .user-info-container{background-color:#0000;justify-content:center}.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{width:var(--nav-scrollbar-size)!important;height:var(--nav-scrollbar-size)!important}.navbar-container ::-webkit-scrollbar{width:var(--nav-scrollbar-size)!important;height:var(--nav-scrollbar-size)!important}.navbar-container::-webkit-scrollbar-thumb{background-color:var(--nav-scrollbar-thumb)!important;border-radius:var(--nav-sub-radius)!important;background-clip:content-box!important;border:2px solid #0000!important;min-height:24px!important}.navbar-container ::-webkit-scrollbar-thumb{background-color:var(--nav-scrollbar-thumb)!important;border-radius:var(--nav-sub-radius)!important;background-clip:content-box!important;border:2px solid #0000!important;min-height:24px!important}.navbar-container::-webkit-scrollbar-thumb:hover{background-color:var(--nav-scrollbar-thumb-hover)!important}.navbar-container ::-webkit-scrollbar-thumb:hover{background-color:var(--nav-scrollbar-thumb-hover)!important}.navbar-container::-webkit-scrollbar-track{background:var(--nav-scrollbar-track)!important}.navbar-container ::-webkit-scrollbar-track{background:var(--nav-scrollbar-track)!important}.navbar-container::-webkit-scrollbar-corner{background:0 0!important}.navbar-container ::-webkit-scrollbar-corner{background:0 0!important}.nav-top-icons-container,.item-options-container.expanded,.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 .version-text,.vienna-navbar-theme .version-display,.vienna-navbar-theme .navbar-icon-group,.vienna-navbar-theme .item-options{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:#0000}.vienna-navbar-theme .nav-expand-icon,.vienna-navbar-theme .dashboard-nav-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{border-top:1px solid var(--system-background-primary);background:#ffffff0f}.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{--nav-scrollbar-thumb:#ffffff59;--nav-scrollbar-thumb-hover:#ffffff8c;--nav-scrollbar-track:transparent;--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 .navbar-icon-group,.vienna-navbar-theme .navbar-icon-row,.vienna-navbar-theme .nav-sub-option,.vienna-navbar-theme .icon-group-title,.vienna-navbar-theme .item-title,.vienna-navbar-theme .sub-item-title,.vienna-navbar-theme .version-text,.vienna-navbar-theme .version-display{color:var(--vienna-fg)!important}.vienna-navbar-theme svg,.vienna-navbar-theme .dashboard-nav-icon,.vienna-navbar-theme .nav-expand-icon{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.navbar-container,.vienna-navbar-theme .nav-bottom-container,.vienna-navbar-theme .navbar-header,.vienna-navbar-theme .navbar-icon-group.expanded{border-color:var(--system-background-primary)!important}.vienna-navbar-theme{--nav-scrollbar-thumb:#ffffff59;--nav-scrollbar-thumb-hover:#ffffff8c;--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}.sub-item-options-container,.item-options-container{scrollbar-gutter:stable both-edges;max-height:0;padding-left:.05rem;padding-right:6px;transition:max-height .3s;overflow:hidden auto}.item-options-container.expanded{max-height:300px;padding-bottom:.5rem}.nav-sub-option{border:1px solid #0000}.nav-sub-option:hover,.nav-sub-option.active{border-color:#0000}.icon-group-title,.sub-item-options-container,.item-options-container{min-width:0}.item-options-container.expanded{overflow-y:visible}.sub-item-options-container.expanded{max-height:none;overflow-y:visible}
