*,:before,:after{box-sizing:border-box}body{margin:0}.sp-nav-item{color:#b3b3b3;cursor:pointer;text-align:left;background:0 0;border:none;border-radius:4px;align-items:center;gap:16px;width:100%;padding:12px 16px;font-size:14px;font-weight:700;line-height:1;transition:color .15s;display:flex}.sp-nav-item:hover,.sp-nav-item.active{color:#fff}.sp-card{cursor:pointer;text-align:left;background:#181818;border:none;border-radius:8px;width:100%;padding:16px;transition:background .2s;position:relative}.sp-card:hover{background:#282828}.sp-card-play{color:#000;cursor:pointer;opacity:0;background:#1db954;border:none;border-radius:50%;justify-content:center;align-items:center;width:48px;height:48px;font-size:20px;line-height:1;transition:opacity .2s,transform .2s;display:flex;position:absolute;bottom:8px;right:8px;transform:translateY(8px);box-shadow:0 8px 24px #00000080}.sp-card:hover .sp-card-play{opacity:1;transform:translateY(0)}.sp-track-row{cursor:default;border-radius:4px;grid-template-columns:20px 40px 1fr auto auto;align-items:center;gap:16px;padding:8px 16px;transition:background .1s;display:grid}.sp-track-row:hover{background:#ffffff12}.sp-track-num{display:block}.sp-track-play{display:none!important}.sp-track-row:hover .sp-track-num{display:none}.sp-track-row:hover .sp-track-play{display:flex!important}.sp-track-actions{opacity:0;transition:opacity .1s}.sp-track-row:hover .sp-track-actions{opacity:1}.sp-show-all{color:#b3b3b3;text-transform:uppercase;letter-spacing:.1em;cursor:pointer;white-space:nowrap;background:0 0;border:none;padding:4px 0;font-size:11px;font-weight:700;transition:color .15s}.sp-show-all:hover{color:#fff;text-decoration:underline}.sp-lib-item{cursor:pointer;text-align:left;background:0 0;border:none;border-radius:6px;align-items:center;gap:12px;width:100%;padding:8px;transition:background .15s;display:flex}.sp-lib-item:hover{background:#ffffff12}.sp-nav-item.collapsed{justify-content:center;gap:0;padding:12px 0}.sp-nav-item.collapsed span{display:none}.sp-lib-item.collapsed{justify-content:center;gap:0;padding:8px 0}.sp-lib-item.collapsed .sp-lib-item-text{display:none}.sp-sidebar-toggle{color:#b3b3b3;cursor:pointer;background:0 0;border:none;border-radius:4px;flex-shrink:0;padding:4px 6px;font-size:16px;line-height:1;transition:color .15s}.sp-sidebar-toggle:hover{color:#fff}::-webkit-scrollbar{width:12px;height:12px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:#535353 padding-box content-box;border:3px solid #0000;border-radius:6px}::-webkit-scrollbar-thumb:hover{background:#7f7f7f padding-box content-box}.sp-back-btn{color:#fff;cursor:pointer;background:#000000b3;border:none;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:32px;height:32px;font-size:18px;transition:background .15s;display:flex}.sp-back-btn:hover{background:#000000e6}@media (width<=767px){::-webkit-scrollbar{width:4px;height:4px}::-webkit-scrollbar-thumb{border-width:1px}.sp-track-row{grid-template-columns:36px 1fr auto;gap:8px;padding:8px 12px}.sp-track-row>:first-child,.sp-track-row>:nth-child(4){display:none!important}.sp-track-actions{opacity:1!important}.sp-card{padding:10px}}