.sidebar-wrapper{background:#e9ecf6;border-radius:16px}.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-rubik),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-rubik),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:#ef8c6a;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:#ef8c6a;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-rubik),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-rubik),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:#ef8c6a;font-family:var(--font-rubik),sans-serif;color:#fff;font-weight:700;border:none;border-radius:8px;padding:10px;font-size:16px}.profile-sidebar-toggler:active{background-color:#ef8c6a!important;color:#fff!important;border-color:#ef8c6a!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-rubik),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-rubik),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-rubik),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-rubik),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 #ef8c6a;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:#ef8c6a}.queue-collapsed-item .playing-indicator{position:absolute;bottom:0;left:0;width:100%;height:3px;background:#ef8c6a}.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}.rhap_container{box-sizing:border-box;display:flex;flex-direction:column;line-height:1;font-family:inherit;width:100%;padding:10px 15px;background-color:#fff;box-shadow:0 0 3px 0 rgba(0,0,0,.2)}.rhap_container:focus:not(:focus-visible){outline:0}.rhap_container svg{vertical-align:initial}.rhap_header{margin-bottom:10px}.rhap_footer{margin-top:5px}.rhap_main{display:flex;flex-direction:column;flex:1 1 auto}.rhap_stacked .rhap_controls-section{margin-top:8px}.rhap_horizontal{flex-direction:row}.rhap_horizontal .rhap_controls-section{margin-left:8px}.rhap_horizontal-reverse{flex-direction:row-reverse}.rhap_horizontal-reverse .rhap_controls-section{margin-right:8px}.rhap_stacked-reverse{flex-direction:column-reverse}.rhap_stacked-reverse .rhap_controls-section{margin-bottom:8px}.rhap_progress-section{display:flex;flex:3 1 auto;align-items:center}.rhap_progress-container{display:flex;align-items:center;height:20px;flex:1 0 auto;align-self:center;margin:0 calc(10px + 1%);cursor:pointer;user-select:none;-webkit-user-select:none}.rhap_progress-container:focus:not(:focus-visible){outline:0}.rhap_time{color:#333;font-size:16px;user-select:none;-webkit-user-select:none}.rhap_progress-bar{box-sizing:border-box;position:relative;z-index:0;width:100%;height:5px;background-color:#ddd;border-radius:2px}.rhap_progress-filled{height:100%;position:absolute;z-index:2;background-color:#868686;border-radius:2px}.rhap_progress-bar-show-download{background-color:hsla(0,0%,87%,.5)}.rhap_download-progress{height:100%;position:absolute;z-index:1;background-color:#ddd;border-radius:2px}.rhap_progress-indicator{box-sizing:border-box;position:absolute;z-index:3;width:20px;height:20px;margin-left:-10px;top:-8px;background:#868686;border-radius:50px;box-shadow:0 0 5px hsla(0,0%,53%,.5)}.rhap_controls-section{display:flex;flex:1 1 auto;justify-content:space-between;align-items:center}.rhap_additional-controls{display:flex;flex:1 0 auto;align-items:center}.rhap_repeat-button{font-size:26px;width:26px;height:26px;color:#868686;margin-right:6px}.rhap_main-controls{flex:0 1 auto;display:flex;justify-content:center;align-items:center}.rhap_main-controls-button{margin:0 3px;color:#868686;font-size:35px;width:35px;height:35px}.rhap_play-pause-button{font-size:40px;width:40px;height:40px}.rhap_volume-controls{display:flex;flex:1 0 auto;justify-content:flex-end;align-items:center}.rhap_volume-button{flex:0 0 26px;font-size:26px;width:26px;height:26px;color:#868686;margin-right:6px}.rhap_volume-container{display:flex;align-items:center;flex:0 1 100px;user-select:none;-webkit-user-select:none}.rhap_volume-bar-area{display:flex;align-items:center;width:100%;height:14px;cursor:pointer}.rhap_volume-bar-area:focus:not(:focus-visible){outline:0}.rhap_volume-bar{box-sizing:border-box;position:relative;width:100%;height:4px;background:#ddd;border-radius:2px}.rhap_volume-indicator{box-sizing:border-box;position:absolute;width:12px;height:12px;margin-left:-6px;left:0;top:-4px;background:#868686;opacity:.9;border-radius:50px;box-shadow:0 0 3px hsla(0,0%,53%,.5);cursor:pointer}.rhap_volume-indicator:hover{opacity:.9}.rhap_volume-filled{height:100%;position:absolute;z-index:2;background-color:#868686;border-radius:2px}.rhap_button-clear{background-color:transparent;border:none;padding:0;overflow:hidden;cursor:pointer}.rhap_button-clear:hover{opacity:.9;transition-duration:.2s}.rhap_button-clear:active{opacity:.95}.rhap_button-clear:focus:not(:focus-visible){outline:0}.bottom-player-card{background-color:#eceaec;border-radius:21px;padding:0 20px;border:0!important;height:auto;min-height:145px;position:fixed;bottom:0;left:0;right:0;z-index:10;width:auto;margin:0 24px 24px;box-sizing:border-box;justify-content:center!important}.bottom-player-card .rhap_container{padding:0;background-color:unset;box-shadow:unset}.bottom-player-card .rhap_main-controls-button{color:#5f4e66}.bottom-player-card .single-track-img img{border-radius:10px}.bottom-player-card .rhap_volume-button{color:#000}.bottom-player-card .rhap_time{font-weight:600}.bottom-player-card .rhap_time,.bottom-player-card .single-track-desc h5,.bottom-player-card .single-track-desc p{font-family:var(--font-rubik),sans-serif}.bottom-player-card .rhap_main-controls button[aria-label=Pause],.bottom-player-card .rhap_main-controls button[aria-label=Play]{color:#5f4e66;border-radius:25px;transition:all .3s ease-in-out}.bottom-player-card .rhap_progress-filled{background-color:#ef8c6a;border-radius:10px}.bottom-player-card .rhap_progress-indicator{background:#ef8c6a;top:-7px}.shuffle-image-handler img{filter:invert(.5)}.rhap_repeat-button,.rhap_volume-container{display:none}@media (max-width:1023px){.bottom-player-card{margin:0 12px 12px;padding:12px;min-height:auto;bottom:72px}.bottom-player-card .single-track-desc h5{font-size:14px;line-height:1.3;margin-bottom:2px}.bottom-player-card .single-track-desc p{font-size:12px;line-height:1.2}.bottom-player-card .rhap_container{padding:0}.bottom-player-card .rhap_time{font-size:12px}.bottom-player-card .rhap_main-controls{margin:0 auto;gap:8px}.bottom-player-card .rhap_progress-section{flex:1;min-width:150px}.bottom-player-card .rhap_current-time,.bottom-player-card .rhap_duration{font-size:11px}}@media (max-width:480px){.bottom-player-card{margin:0;padding:8px;border-radius:0;bottom:72px}.bottom-player-card .single-track-img img{width:40px;height:40px}.bottom-player-card .single-track-desc h5{font-size:12px;line-height:1.3}.bottom-player-card .single-track-desc p{font-size:10px;line-height:1.2}.bottom-player-card .rhap_current-time,.bottom-player-card .rhap_duration,.bottom-player-card .rhap_time{font-size:10px}.bottom-player-card .rhap_main-controls{gap:6px}.bottom-player-card .rhap_progress-section{min-width:120px}}@media (min-width:1024px){.bottom-player-card{margin:0 32px;border-radius:16px 16px 0 0;min-height:100px;bottom:0}.bottom-player-card .single-track-desc h5{font-size:16px;line-height:1.4}.bottom-player-card .single-track-desc p{font-size:14px;line-height:1.3}.bottom-player-card .rhap_current-time,.bottom-player-card .rhap_duration,.bottom-player-card .rhap_time{font-size:14px}.bottom-player-card .rhap_main-controls{gap:12px}.bottom-player-card .rhap_progress-section{min-width:250px}}.mobile-player{position:fixed;bottom:80px;left:0;right:0;z-index:11;background-color:#e9ecf6;padding:12px 16px;box-shadow:0 -2px 8px rgba(0,0,0,.1)}.mobile-player .track-cover{width:48px;height:48px;border-radius:8px;object-fit:cover;flex-shrink:0}.mobile-player .track-info{flex:1;min-width:0;margin:0 12px}.mobile-player .track-title{font-size:14px;font-weight:600;color:#1f2937;margin:0}.mobile-player .track-artist,.mobile-player .track-title{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.mobile-player .track-artist{font-size:12px;color:#6b7280;margin:2px 0 0;transition:color .2s ease}.mobile-player .track-artist:hover{color:#ef5660}.mobile-player .play-button{width:40px;height:40px;border-radius:50%;background-color:#ef5660;border:none;display:flex;align-items:center;justify-content:center;flex-shrink:0;transition:background-color .2s ease;cursor:pointer}.mobile-player .play-button:hover{background-color:#d44951}.mobile-player .play-button:active{transform:scale(.95)}.mobile-player .progress-container{margin-top:12px;width:100%}.mobile-player .progress-bar{width:100%;height:4px;background-color:#d1d5db;border-radius:2px;cursor:pointer;position:relative;overflow:hidden}.mobile-player .progress-fill{height:100%;background-color:#ef5660;border-radius:2px;transition:width .1s ease-out}.content-with-mobile-player{padding-bottom:164px}@media (max-width:1023px){.desktop-only-player{display:none!important}}@media (min-width:1024px){.mobile-player{display:none!important}}