.top-nav{border-bottom:1px solid #161d24;width:100%;display:flex;justify-content:space-between;align-items:center;padding:1rem 1.5rem;color:#fff}.top-nav .logo{font-size:3rem;font-weight:600}@media(max-width:500px){.top-nav .logo{font-size:2rem}}.user-list-accordion{border-bottom:1px solid #000}aside::-webkit-scrollbar-thumb,aside::-webkit-scrollbar-track{display:none!important}.mobile-sidenav{position:sticky;top:30px;left:0;z-index:50}.mobile-sidenav .mobile-aside-menu{position:fixed;width:80%;overflow:auto;height:100%;z-index:50;top:0;left:0;background-color:#0e0b0a}.sidenav{padding:32px 16px;display:flex;flex-direction:column;gap:32px;border-right:1px solid #161d24;overflow:auto;scrollbar-width:none}.sidenav::-webkit-scrollbar{display:none!important}.sidenav .MuiAccordion-rounded{background-color:rgba(0,0,0,0);color:#fff;box-shadow:none}.sidenav .MuiAccordion-rounded svg{fill:#fff}.sidenav #panel1-content .MuiAccordionDetails-root{display:flex;flex-direction:column;gap:12px}.sidenav #panel1-content .MuiAccordionDetails-root a:hover{text-decoration:underline}@media(max-width:768px){.sidenav{border:none}}.search-container,.trending-link{padding:10px 12px;display:flex;align-items:center;background-color:#161d24;border-radius:4px;color:#9fa8ad}.search-container svg,.trending-link svg{display:block;margin-right:10px}.search-container input,.trending-link input{background-color:rgba(0,0,0,0);width:100%;height:100%;color:#9fa8ad}.genre-title,.trending-link{margin-bottom:16px}.genre-title{color:#9fa8ad;display:flex;align-items:center;padding:0}.genre-title:after{content:"";height:1px;background-color:#9fa8ad;width:100%;margin-left:10px}.genre-list{font-size:.875rem;max-height:160px;overflow-y:auto;scrollbar-width:thin;scrollbar-color:#fff #1a1a1a}.genre-list::-webkit-scrollbar{width:4px}.genre-list::-webkit-scrollbar-track{background:#1a1a1a;border-radius:4px}.genre-list::-webkit-scrollbar-thumb{background:#fff;border-radius:4px}.genre-list::-webkit-scrollbar-thumb:hover{background:#fff}.genre-list::-webkit-scrollbar-button{display:none}.genre-list li{color:#fff;padding:10px 12px;font-size:1rem;transition:.2s}.genre-list li>a{display:block}.genre-list li:hover{background-color:rgba(0,0,0,.2823529412)}.user-lists .user-lists-header{padding:10px 12px;background-color:#161d24;margin-bottom:16px;border-radius:4px;display:flex;align-items:center;justify-content:space-between}.user-lists .user-lists-header .add-list-btn{background-color:#000;border-radius:3px;padding:7px;transition:.2s}.user-lists .user-lists-header .add-list-btn:hover{background-color:rgba(0,0,0,.4196078431)}.user-lists .user-lists-header .add-list-btn:hover svg{scale:1.1}.user-lists ul{max-height:150px;overflow-y:auto}.user-lists ul .user-list-item{padding:10px 12px}.user-lists ul .user-list-item:hover{background-color:rgba(0,0,0,.2823529412)}.user-lists ul{scrollbar-width:thin;scrollbar-color:#fff #1a1a1a}.user-lists ul::-webkit-scrollbar{width:4px}.user-lists ul::-webkit-scrollbar-track{background:#1a1a1a;border-radius:4px}.user-lists ul::-webkit-scrollbar-thumb{background:#fff;border-radius:4px}.user-lists ul::-webkit-scrollbar-thumb:hover{background:#fff}.user-lists ul::-webkit-scrollbar-button{display:none}