.component-track-list{display:flex;flex-direction:column;gap:8px}.component-track-list-empty{color:#b3b3b3;text-align:center;margin:20px 0 0;font-size:10px;font-weight:500}.component-track-list-item{display:flex;align-items:center;padding:10px 12px;gap:12px;transition:background .2s ease;cursor:pointer;border-radius:8px}.component-track-list-item.selection{border:1px solid hsla(0,0%,100%,.08)}.component-track-list-item-select{width:20px;height:20px;border-radius:6px;border:1.5px solid hsla(0,0%,100%,.45);display:inline-flex;align-items:center;justify-content:center;font-size:12px;background:rgba(0,0,0,.35);color:#fff}.component-track-list-item-select.selected{border-color:#fff;background:hsla(0,0%,100%,.18)}.component-track-list-item.active,.component-track-list-item:hover{background:hsla(0,0%,100%,.1)}.component-track-list-item-cover{width:48px;height:48px;border-radius:4px;overflow:hidden;background:#404040;display:flex;align-items:center;justify-content:center;flex-shrink:0}.component-track-list-item-cover img{width:100%;height:100%;object-fit:cover;display:block}.component-track-list-item-cover-placeholder{width:100%;height:100%;background:#404040;display:flex;align-items:center;justify-content:center;font-size:1rem;color:#fff;font-weight:700;border-radius:3px}.component-track-list-item-info{flex:1;display:flex;flex-direction:column;min-width:0;justify-content:center}.component-track-list-item-title{font-size:clamp(16px,3.8vw,20px);color:#fff;font-weight:800;line-height:1.3;max-width:100%;display:block}.component-track-list-item-artist,.component-track-list-item-title{font-family:var(--font-family);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.component-track-list-item-artist{font-size:clamp(12px,2.8vw,14px);color:hsla(0,0%,100%,.7);margin-top:3px;line-height:1.25;font-weight:600;transition:color .2s ease}.component-track-list-item-artist:hover{color:hsla(0,0%,100%,.9)}.component-track-list-item-stats{display:flex;gap:10px;margin-top:4px;color:hsla(0,0%,100%,.75);font-size:12px;font-weight:400}.component-track-list-item-stats .stat{display:inline-flex;align-items:center;gap:4px}.component-track-list-item-stats .icon{display:inline-flex;align-items:center;color:#9aa2a8}.component-track-list-item-actions{display:flex;align-items:center;gap:4px}.component-track-list-item-menu-container{position:relative}.component-track-list-item-menu-btn{background:rgba(0,0,0,0);border:none;color:#b3b3b3;cursor:pointer;padding:5px;border-radius:50%;transition:all .2s ease;display:flex;align-items:center;justify-content:center}.component-track-list-item-menu-btn:hover{background:hsla(0,0%,100%,.1)}.component-track-list-item-playing-container{display:flex;align-items:center;gap:8px}.component-track-list-item-sound-wave{display:flex;align-items:center;gap:2px;height:20px}.component-track-list-item-wave{width:3px;height:100%;background:#fff;border-radius:2px;animation:sound-wave 1.2s ease-in-out infinite}.component-track-list-item-wave:first-child{animation-delay:0s}.component-track-list-item-wave:nth-child(2){animation-delay:.2s}.component-track-list-item-wave:nth-child(3){animation-delay:.4s}@keyframes sound-wave{0%,40%,to{height:6px}20%{height:20px}}.track-menu{position:absolute;top:100%;right:0;background:hsla(0,0%,100%,.1);border:1px solid hsla(0,0%,100%,.15);border-radius:8px;overflow:hidden;z-index:100;backdrop-filter:blur(10px)}.track-menu-item{display:flex;align-items:center;gap:8px;width:100%;padding:10px 16px;background:none;border:none;color:#fff;font-size:14px;cursor:pointer;transition:all .2s ease;white-space:nowrap;text-align:left}.track-menu-item:hover{background:hsla(0,0%,100%,.15);color:#fff}.track-menu-item svg{flex-shrink:0}