nav.nav{grid-area:nav;position:fixed;left:0px;height:calc(100vh - 50px);top:50px;align-items:center;background-color:var(--primary-background)!important;font-size:0.85rem;display:flex;flex-direction:column;z-index:50;overflow:visible;border-right:1px solid var(--primary-border);width:260px;color:var(--secondary-text);transition:all 0.2s ease}nav.nav.minimized{width:50px;align-items:center}nav.nav.minimized .notifications{display:none}nav.nav.minimized .nav-controls #nav-minimize{width:100%;padding:6px 25px}nav.nav.minimized .nav-link span,nav.nav.minimized .nav-divider-text{display:none}nav.nav.minimized .nav-divider{border-bottom:1px solid var(--primary-border);height:1.5px;width:50%;margin-left:auto;margin-right:auto;padding-bottom:10px;padding-top:0px;margin-bottom:10px;min-height:1px;white-space:nowrap}nav.nav.minimized .nav-link{justify-content:center;width:50px;padding:6px 0px}nav.nav .nav-item .nav-button{margin-left:auto;padding:4px;border-radius:var(--primary-border-radius);color:var(--secondary-text);opacity:0.8;position:absolute;right:0px;top:16px;transform:translateY(-50%);width:fit-content;height:fit-content;z-index:100;display:none}nav.nav .nav-item .nav-item-chevron:hover,nav.nav .nav-item .nav-button:hover{opacity:1;background-color:var(--tertiary_background)!important}nav.nav .nav-item .nav-button i{font-weight:400!important;font-size:1rem;height:15px;width:15px}nav.nav.minimized .nav-item i{}nav.nav.minimized #theme-toggle,nav.nav.minimized .nav-item-chevron,nav.nav.minimized .nav-button{display:none}nav .nav-content{width:100%;height:100%}nav .nav-container{position:relative;height:100%;width:100%}nav .nav-list{padding:10px 0px;margin:0;height:calc(100% - 95px);overflow-x:hidden;overflow-y:auto;list-style:none!important;-webkit-padding-start:0!important;padding-inline-start:0!important}nav .nav-list ul{list-style:none!important;-webkit-padding-start:0!important;padding-inline-start:0!important}nav .nav-item{position:relative;overflow:visible}nav .nav-item i.nav-item-chevron,nav .nav-item .dropdown-item i.nav-subitem-chevron{cursor:pointer;display:none;font-weight:400!important;color:var(--secondary-text);background-color:var(--primary-background);transition:all 0.2s ease;border-radius:var(--primary-border-radius);display:flex;position:absolute;right:15px;border:0.5px solid var(--primary-border);border-bottom-width:1.5px;opacity:0.6}nav .nav-item i.nav-item-chevron:hover,nav .nav-item .dropdown-item i.nav-subitem-chevron:hover{opacity:1.0;background-color:var(--tertiary_background)}nav .nav-item .dropdown-item i.nav-subitem-chevron{font-size:0.8rem;right:17px}nav .nav-item i.nav-item-chevron.active-chevron,nav .nav-item .dropdown-item i.nav-subitem-chevron.active-chevron{transform:rotate(90deg);display:flex;opacity:1.0}nav .nav-item-chevron:hover{background-color:var(--darker-transparent-color4)!important}nav .nav-item i{font-size:0.85rem;height:20px;width:25px;display:flex;align-items:center;justify-content:center}nav .nav-link,nav .dropdown-link,nav .subdropdown-link{position:relative;display:flex;align-items:center;width:100%;z-index:51}nav .nav-link:hover::after,nav .nav-link.active::after,nav .nav-link.hover-active::after,nav .dropdown-link:hover::after,nav .dropdown-link.hover-active::after,nav .dropdown-item.active .dropdown-link::after,nav .subdropdown-link:hover::after,nav .subdropdown-item.active .subdropdown-link::after{content:'';position:absolute;left:0;top:0;width:100%;height:100%;background-color:var(--darker-transparent-color4);z-index:-1}nav .nav-link:hover::after,nav .nav-link.active::after,nav .dropdown-link:hover::after,nav .dropdown-item.active .dropdown-link::after{border-left:4px solid var(--color4);width:calc(100% - 4px)}nav .dropdown-link:hover::after,nav .dropdown-item.active .dropdown-link::after{width:calc(100% + 22px);left:-16px;border-left:4.5px solid var(--color4)}nav .subdropdown-link:hover::after,nav .subdropdown-item.active .subdropdown-link::after{width:calc(100% + 40px);left:-27px;border-left:4.5px solid var(--color4)}nav .dropdown.hover-dropdown .dropdown-link:hover::after,nav .dropdown.hover-dropdown .dropdown-item.active .dropdown-link::after,nav .dropdown.hover-dropdown .dropdown-item.active .subdropdown-link::after,nav .subdropdown.hover-dropdown .subdropdown-link:hover::after,nav .subdropdown.hover-dropdown .subdropdown-item.active .subdropdown-link::after{width:calc(100% + 11px);left:0px;border-left:4px solid var(--color4)}nav:not(.minimized) .nav-item:hover .nav-item-chevron{display:flex}nav .nav-item .dropdown-item .nav-subitem-chevron{display:none}nav .nav-item .dropdown-item:hover .nav-subitem-chevron{display:flex}nav .nav-link{width:100%;padding:6px 20px;display:flex;align-items:center;flex-direction:row;justify-content:flex-start;gap:12px;text-decoration:none;color:inherit;white-space:nowrap}nav .nav-link:hover{color:var(--primary-text)}nav .nav-link.active{color:var(--primary-text)}nav .nav-divider{margin-left:25px;padding-bottom:10px;margin-bottom:10px;width:fit-content;font-size:0.8rem;font-weight:550;white-space:nowrap;color:var(--primary-text);border-bottom:1px solid var(--primary-border);width:80%}nav .dropdown{padding:0;list-style:none;font-size:0.85rem;margin-left:15px;border-left:1px solid var(--primary-border);margin-bottom:5px;flex-shrink:0;opacity:0.9;position:relative;display:none}nav .subdropdown{padding:5px 0px;padding-left:15px;list-style:none;flex-shrink:0;display:flex;flex-direction:column;display:none}nav .dropdown.inline-dropdown,nav .subdropdown.inline-dropdown{display:block}nav .dropdown.hover-dropdown,nav .dropdown.hover-dropdown .subdropdown.hover-dropdown{position:fixed!important;margin-left:5px;background-color:var(--primary-background);border:1px solid var(--primary-border);border-radius:var(--primary-border-radius);padding:5px 0;margin-left:0;border-bottom-width:2px;z-index:1000;padding:5px 15px;overflow:visible;display:none!important}.nav .dropdown.hover-dropdown{transition-property:opacity,transform}.nav .dropdown.hover-dropdown.transition-enter-active{transition-duration:200ms;transition-timing-function:cubic-bezier(0,0,0.2,1)}.nav .dropdown.hover-dropdown.transition-leave-active{transition-duration:150ms;transition-timing-function:cubic-bezier(0.4,0,1,1)}.nav .dropdown.hover-dropdown.transition-enter-from,.nav .dropdown.hover-dropdown.transition-leave-to{opacity:0;transform:translateX(0.5rem);pointer-events:none}.nav .dropdown.hover-dropdown.transition-enter-to,.nav .dropdown.hover-dropdown.transition-leave-from{opacity:1;transform:translateX(0)}.nav .dropdown.hover-dropdown[style*="display: none"]{display:none!important}nav .dropdown .dropdown-header{width:fit-content;padding:8px 0;padding-bottom:3px;margin-bottom:5px;margin-top:0px;margin-left:10px;font-weight:550;color:var(--primary-text);font-size:0.8rem;opacity:0.8;border-bottom:1px solid var(--primary-border)}nav .dropdown-item{width:100%;position:relative}nav .dropdown-item i{font-size:0.85rem;width:20px;flex-shrink:0}nav .dropdown-item .dropdown-link{display:flex;align-items:center;gap:8px;padding:4px 0;padding-left:10px;text-decoration:none;color:inherit;white-space:nowrap}nav .dropdown-item .subdropdown-link{padding:2px 0;padding-left:10px;margin-left:10px;color:var(--secondary-text);display:flex;align-items:flex-start;gap:8px;text-decoration:none;white-space:nowrap;border-left:1px solid var(--primary-border);flex-shrink:0;align-items:center}nav .dropdown-item .subdropdown-link i{width:20px;flex-shrink:0}nav .nav-item[x-show="activeDropdown === 'tracks'"] .fa-chevron-right{transform:rotate(90deg)}nav .nav-bottom{position:absolute;bottom:15px;padding-top:5px;width:100%;display:flex;flex-direction:column;justify-content:center;background-color:var(--primary-background);z-index:2;height:fit-content}nav .nav-bottom.shadow{box-shadow:0 -10px 10px -10px var(--primary-shadow);border-top:1px solid var(--primary-border)}nav .nav-controls{display:flex;flex-direction:row;justify-content:space-between;align-items:center;gap:20px}nav .nav-controls #nav-minimize{padding-right:15px;width:fit-content;opacity:0.8}nav .nav-controls .nav-link{display:flex;align-items:center;cursor:pointer}nav .nav-controls .nav-link:hover,nav .nav-controls .nav-link:hover::after{border:none!important;background-color:transparent!important}nav.nav.mobile{bottom:0px;top:50px;left:0px;right:0px;height:auto;border-bottom:1px solid var(--primary-border);display:none}nav.nav.mobile.mobile-extended{display:block;z-index:2001;padding-top:10px}nav.nav.mobile.mobile-extended .nav-item-chevron{display:flex;position:absolute;right:25px;font-weight:400}nav.nav.mobile.mobile-extended .nav-button{display:none}nav.nav.mobile .nav-controls #nav-minimize{display:none}nav.nav.mobile.mobile-extended{height:calc(100vh - 50px)}nav.nav.mobile .nav-content.mobile-hidden{display:none}nav.nav.mobile .nav-item i.nav-item-chevron,nav.nav.mobile .nav-item .dropdown-item i.nav-subitem-chevron{color:var(--text-dark);font-weight:200}