.playlist-box[data-v-cb53ffaf]{display:grid;gap:40px;grid-template-columns:repeat(6,1fr);margin-top:30px}.playlist-box .playlist-item[data-v-cb53ffaf]{align-items:center;border-radius:16px;box-sizing:border-box;color:#fff;cursor:pointer;display:flex;flex-direction:column;justify-content:center;overflow:hidden;position:relative;transition:all .3s ease-in-out}.playlist-box .playlist-item[data-v-cb53ffaf]:hover{text-decoration:none;transform:scale(1.03)}.playlist-box .playlist-item .add[data-v-cb53ffaf]{align-items:center;background:#cccccc17;border-radius:12px;display:flex;height:200px;justify-content:center;width:100%}.playlist-box .playlist-item .title[data-v-cb53ffaf]{background:#cccccc17;box-sizing:border-box;height:25px;margin:8px 0 0;width:80%}.playlist-box .playlist-item .des[data-v-cb53ffaf]{background:#cccccc17;height:18px;margin:7px 0 0;width:40%}.playlist-item[data-v-d119c61d]{border-radius:16px;box-sizing:border-box;color:#fff;cursor:pointer;display:block;justify-content:center;margin:0 auto;max-width:200px;overflow:hidden;text-align:center;transition:all .3s ease-in-out;width:100%}.playlist-item[data-v-d119c61d]:hover{text-decoration:none;transform:scale(1.03)}.playlist-item:hover .tools[data-v-d119c61d]{align-items:center;display:flex;gap:6px;justify-content:center}.playlist-item p b[data-v-d119c61d]{display:block;font-size:16px;overflow:hidden;padding:8px 0 0;text-overflow:ellipsis;white-space:nowrap}.playlist-item p span[data-v-d119c61d]{font-size:14px;opacity:.6}.playlist-item .cover[data-v-d119c61d]{background-color:#cccccc17;background-position:50%;background-repeat:no-repeat;background-size:cover;display:block}.playlist-item .add[data-v-d119c61d],.playlist-item .cover[data-v-d119c61d]{border-radius:12px;height:200px;width:100%}.playlist-item .add[data-v-d119c61d]{align-items:center;background:#cccccc17;display:flex;justify-content:center}.playlist-item .add i[data-v-d119c61d]{font-size:38px;opacity:.6}.playlist-item .tools[data-v-d119c61d]{display:none;position:absolute;right:8px;top:8px;z-index:10}.playlist-item .tools button[data-v-d119c61d]{align-items:center;background:#0006;border:none;border-radius:6px;display:flex;height:28px;justify-content:center;transition:.3s linear;width:28px}.playlist-item .tools button i[data-v-d119c61d]{font-size:18px}.playlist-item .tools button[data-v-d119c61d]:hover{background:#000c;border:none}.tools-list[data-v-d119c61d]{box-sizing:border-box;display:flex;flex-direction:column;gap:4px;list-style:none;margin:0;padding:12px;width:100%}.tools-list li[data-v-d119c61d]{border-radius:6px;color:#fff;cursor:pointer;display:flex;font-size:14px;gap:8px;margin:0;opacity:.8;padding:8px;transition:.3s linear;white-space:nowrap}.tools-list li i[data-v-d119c61d]{font-size:18px}.tools-list li[data-v-d119c61d]:hover{background:#242424;opacity:1}.tools-list .delete[data-v-d119c61d]{color:#ff9c9c}.tools-list .line[data-v-d119c61d]{border-bottom:1px solid #333;margin:4px 0}@media (max-width:768px){.playlist-item[data-v-d119c61d]{justify-content:center;position:relative}.playlist-item .cover[data-v-d119c61d]{height:unset;padding-top:100%;width:100%!important}.playlist-item p[data-v-d119c61d]{text-align:center}.tools[data-v-d119c61d]{align-items:center;display:flex!important;gap:6px;justify-content:center}.tools .likebtn[data-v-d119c61d]{display:none!important}}