.sidebar-wrapper{background:#e9ecf6;border-radius:20px}.side-layout-header{padding:12px 8px 8px 28px}.side-layout-header.now-playing{padding:12px 8px 8px 12px}.side-layout-header h2{font-size:27px;font-weight:700;font-family:var(--font-lato),sans-serif;color:#4a5069;margin-bottom:0}.side-layout-body::-webkit-scrollbar{width:6px;cursor:all-scroll}.side-layout-body::-webkit-scrollbar-thumb{background:#4a506973;border-radius:10px;cursor:all-scroll}.side-layout-body::-webkit-scrollbar-thumb:hover{background:#4a5069;border-radius:10px;cursor:s-resize}.side-layout-footer{padding:12px 15px 12px 28px}.logout-link-wrapper button{color:#4a5069;font-size:16px;font-weight:700;font-family:var(--font-lato),sans-serif;position:relative;top:1px;background-color:transparent;border:none;padding:0}.queue-list-wrapper ul{list-style:none;padding-left:0;margin-bottom:0}.queue-list-wrapper ul li{z-index:1!important}.single-artist-layout{display:flex;align-items:center;padding-right:5px}.list-mover{flex:0 0 26px;cursor:grab}.single-artist-wrapper{padding:0 3px}.single-artist-layout-content{flex:1}.single-artist-placeholder{display:flex;padding:10px 10px 10px 0;border-radius:12px;transition:.3s ease-in-out;align-items:center;color:#2d334b;background:transparent}.single-artist-placeholder.currently-playing{background:#ef5660;color:#fff}.single-artist-placeholder.currently-playing,.single-artist-placeholder.currently-playing .single-artist-avatar-content h4,.single-artist-placeholder.currently-playing .single-artist-avatar-content span,.single-artist-placeholder.currently-playing .single-artist-no p,.single-artist-placeholder.currently-playing h4,.single-artist-placeholder.currently-playing p,.single-artist-placeholder.currently-playing span{color:#e9ecf6!important}.single-artist-wrapper:hover .single-artist-placeholder.currently-playing{background:#ef5660;color:#fff}.single-artist-wrapper:hover .single-artist-placeholder:not(.currently-playing){background:transparent;color:#2d334b}.single-artist-no{flex:0 0 26px;text-align:center}.single-artist-no p{color:#2d334b;font-family:var(--font-poppins),sans-serif;font-weight:400}.single-artist-avatar{flex:0 0 60px;cursor:alias}.single-artist-avatar img{border-radius:6px}.single-artist-avatar-content{flex:1;overflow:hidden}.holder-position{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.single-artist-layout-menu{flex:0 0 15px}.single-artist-avatar-content h4{font-size:18px;color:#2d334b;font-family:var(--font-lato),sans-serif;text-transform:capitalize;overflow:hidden;white-space:nowrap;display:block}.single-artist-avatar-content span{font-size:14px;color:#2d334b;font-family:var(--font-lato),sans-serif}.side-layout-body.right-layout{padding:10px 20px}.comments-list ul{list-style:none;padding:0!important;margin:0}.offcanvas.offcanvas-end{border-left:0!important}.sticky-sidebar.dashboard-sidebar{height:calc(100vh - 100px)}.profile-sidebar-toggler{background-color:#ef5660;font-family:var(--font-lato),sans-serif;color:#fff;font-weight:700;border:none;border-radius:8px;padding:10px;font-size:16px}.profile-sidebar-toggler:fo`{background-color:#ef5660}.profile-sidebar-toggler:active{background-color:#ef5660!important;color:#fff!important;border-color:#ef5660!important}.now-playing-wrapper{padding:0 12px}.album-info-wrapper{display:flex;align-items:center}.album-cover{flex:0 0 64px}.album-cover img{border-radius:8px}.album-desc{flex:1}.album-desc p{font-size:20px;line-height:24px}.album-desc p,.album-desc span{font-weight:500;color:#2d334b;font-family:var(--font-lato),sans-serif}.album-desc span{font-size:16px;line-height:16px}.shares-likes p{font-size:18px;font-weight:500;color:#2d334b;line-height:18px;font-family:var(--font-lato),sans-serif}.song-desc{background-color:#4a506926;border-radius:8px}.song-desc p{font-size:16px;font-weight:500;color:#2d334b;line-height:22px;font-family:var(--font-lato),sans-serif}.shares a{text-decoration:none}.no-comment-wrapper{text-align:center}.no-comment-wrapper span{font-size:18px}.no-comment-wrapper p,.no-comment-wrapper span{font-weight:500;color:#2d334b;font-family:var(--font-lato),sans-serif}.no-comment-wrapper p{font-size:22px}.single-artist-avatar:hover .avatar-track-play{opacity:1}.avatar-track-play{position:absolute;top:0;display:flex;width:60px;height:60px;background-color:rgba(0,0,0,.4);justify-content:center;align-items:center;border-radius:6px;opacity:0;transition:all .3s ease-in-out;z-index:2}.avatar-track-play button{border:none;pointer-events:auto;background:transparent}.sidebar-layout-wrapper{height:100%;display:flex;flex-direction:column;transition:all .3s ease}.side-layout-header.collapsed{padding:12px 16px 8px;text-align:center}.queue-collapsed-item{margin-bottom:8px;display:flex;justify-content:center}.queue-collapsed-item .collapsed-track-image{width:48px;height:48px;border-radius:8px;overflow:hidden;position:relative;cursor:pointer;transition:all .2s ease}.queue-collapsed-item .collapsed-track-image:hover{transform:scale(1.05)}.queue-collapsed-item .collapsed-track-image.playing{border:2px solid #ef5660;box-shadow:0 0 0 2px rgba(239,86,96,.3)}.queue-collapsed-item .collapsed-track-image img{width:100%;height:100%;object-fit:cover}.queue-collapsed-item .play-overlay{position:absolute;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,.5);display:flex;align-items:center;justify-content:center;opacity:0;transition:opacity .2s ease}.queue-collapsed-item:hover .play-overlay{opacity:1}.queue-collapsed-item .play-overlay.playing{opacity:1;background:rgba(239,86,96,.7)}.queue-collapsed-item .playing-indicator{position:absolute;bottom:0;left:0;width:100%;height:3px;background:#ef5660}.collapsed-empty-state{display:flex;justify-content:center;align-items:center;height:100%;padding:20px 0}.collapsed-empty-state .empty-icon{width:48px;height:48px;background:rgba(239,86,96,.3);border-radius:8px;display:flex;align-items:center;justify-content:center}@media (min-width:992px){.sidebar-collapsed-container{flex:0 0 100px!important;max-width:100px!important;transition:all .3s ease!important}.sidebar-expanded-container{flex:0 0 25%!important;max-width:25%!important;transition:all .3s ease!important}.content-expanded{flex:0 0 calc(75% - 100px)!important;max-width:calc(75% - 100px)!important;transition:all .3s ease!important}.content-normal{flex:0 0 50%!important;max-width:50%!important;transition:all .3s ease!important}}.collapsed-tooltip{left:60px;background:#4a5069;color:#fff;padding:8px 12px;border-radius:6px;font-size:14px;white-space:nowrap;z-index:1000;opacity:0;pointer-events:none;transition:opacity .2s ease}.collapsed-tooltip,.collapsed-tooltip:before{position:absolute;top:50%;transform:translateY(-50%)}.collapsed-tooltip:before{content:"";left:-6px;border:6px solid transparent;border-right-color:#4a5069}.queue-collapsed-item:hover .collapsed-tooltip{opacity:1}