.list{width:100%;height:100%;position:relative}.item-wrapper{will-change:transform,width,height,opacity;cursor:pointer;padding:6px;position:absolute;top:0;left:0}.item-wrapper>.item-img{text-transform:uppercase;background-position:50%;background-size:cover;border-radius:10px;width:100%;height:100%;font-size:10px;line-height:10px;position:relative;box-shadow:0 10px 50px -10px #0003}.item-text-overlay{opacity:0;pointer-events:none;background:linear-gradient(#0000,#00000080,#000000d1);align-items:flex-end;gap:10px;padding:10px 12px 12px;transition:opacity .25s;display:flex;position:absolute;bottom:0;left:0;right:0}.item-wrapper:hover .item-text-overlay{opacity:1;pointer-events:auto}.item-text-content{flex:1;min-width:0}.item-play-btn{background:var(--primary);width:40px;height:40px;color:var(--primary-foreground);cursor:pointer;border:none;border-radius:9999px;flex-shrink:0;justify-content:center;align-items:center;transition:transform .15s;display:flex;box-shadow:0 4px 16px #0000004d}.item-play-btn:hover{transform:scale(1.1)}.item-play-btn:active{transform:scale(.95)}.item-title{color:#fff;text-transform:none;text-overflow:ellipsis;-webkit-line-clamp:2;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-webkit-box-orient:vertical;margin-bottom:4px;font-size:18px;font-weight:600;line-height:1.3;display:-webkit-box;overflow:hidden}.item-artist{color:#ffffffe6;text-transform:none;text-overflow:ellipsis;white-space:nowrap;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;font-size:15px;font-weight:500;line-height:1.3;overflow:hidden}