.playlist-hint{color:#718079;font-size:.8rem}.playlist-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}.playlist-card{cursor:pointer}.playlist-cover{position:relative;aspect-ratio:16/10;border-radius:18px;overflow:hidden;background:#0c1710;border:1px solid rgba(94,255,142,.12)}.playlist-cover:after{content:"";position:absolute;inset:0;background:linear-gradient(0deg,rgba(1,9,4,.82),transparent 62%)}.playlist-cover img{width:100%;height:100%;object-fit:cover;transition:.35s}.playlist-card:hover img{transform:scale(1.04)}.playlist-cover span{position:absolute;right:12px;bottom:11px;z-index:2;color:#dfffe8;font-size:.72rem}.playlist-cover button{position:absolute;left:14px;bottom:12px;z-index:2;width:42px;height:42px;border:0;border-radius:50%;background:#22c55e;color:#041108;font-size:1rem;cursor:pointer;box-shadow:0 8px 28px #22c55e55}.playlist-card h3{margin:11px 2px 3px;font-size:1rem}.playlist-card p{margin:0 2px;color:#75837b;font-size:.76rem}.playlist-empty{grid-column:1/-1;padding:24px;text-align:center;border:1px dashed #264230;border-radius:16px;color:#77847c}@media(max-width:800px){.playlist-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:520px){.playlist-grid{grid-template-columns:1fr}.playlist-hint{display:none}}