.playlist-container[data-v-4fb3d85d]{padding:20px;max-width:1200px;margin:0 auto}.playlist-grid[data-v-4fb3d85d]{display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:20px}.playlist-card[data-v-4fb3d85d]{border-radius:8px;overflow:hidden;box-shadow:0 2px 5px #0000001a;transition:transform .3s ease}.playlist-card[data-v-4fb3d85d]:hover{transform:translateY(-5px)}.thumbnail-container[data-v-4fb3d85d]{position:relative;width:100%;height:180px}.thumbnail[data-v-4fb3d85d]{width:100%;height:100%;object-fit:cover}.playlist-overlay[data-v-4fb3d85d]{position:absolute;bottom:0;right:0;display:flex;align-items:center;padding:8px;background-color:#000000b3;border-top-left-radius:8px}.playlist-count[data-v-4fb3d85d]{color:#fff;font-size:14px;margin-right:8px}.play-button[data-v-4fb3d85d]{width:30px;height:30px;border-radius:50%;background-color:#f00c;color:#fff;border:none;display:flex;align-items:center;justify-content:center;cursor:pointer}.playlist-info[data-v-4fb3d85d]{padding:12px;background-color:#fff}.playlist-info h3[data-v-4fb3d85d]{margin:0 0 5px;font-size:16px;color:#333}.playlist-info p[data-v-4fb3d85d]{margin:0;font-size:12px;color:#777}.img-overlay-1[data-v-4fb3d85d]{position:relative;display:inline-block;width:100%;height:100%}.img-overlay-1 img[data-v-4fb3d85d]{display:block}.img-overlay-1[data-v-4fb3d85d]:after{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:var(--31c59600)}.img-overlay-2[data-v-4fb3d85d]{position:relative;display:inline-block;width:100%;height:100%}.img-overlay-2 img[data-v-4fb3d85d]{display:block}.img-overlay-2[data-v-4fb3d85d]:after{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:var(--31c595fe)}.img-overlay-3[data-v-4fb3d85d]{position:relative;display:inline-block;width:100%;height:100%}.img-overlay-3 img[data-v-4fb3d85d]{display:block}.img-overlay-3[data-v-4fb3d85d]:after{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:var(--31c595fc)}.img-overlay-4[data-v-4fb3d85d]{position:relative;display:inline-block;width:100%;height:100%}.img-overlay-4 img[data-v-4fb3d85d]{display:block}.img-overlay-4[data-v-4fb3d85d]:after{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:var(--31c595fa)}