.playlist-card-container{perspective:1200px;z-index:10;flex-direction:column;justify-content:center;align-items:start;gap:10px;width:100%;margin-bottom:20px;display:flex;position:relative}.playlist-card{min-width:340px;max-width:460px;min-height:440px;transform-style:preserve-3d;perspective:1000px;isolation:isolate;transform:perspective(1000px)rotateX(calc((var(--mouse-y,.5) - .5)*-5deg))rotateY(calc((var(--mouse-x,.5) - .5)*5deg));box-shadow:0 1px 3px 0 #0000001a,0 1px 2px -1px #0000001a,0 calc(5px + (var(--mouse-y,.5) - .5)*20px)calc(20px + (var(--mouse-y,.5) - .5)*40px)#8b5a2b33;background:radial-gradient(600px circle at calc(var(--mouse-x,.5)*100%)calc(var(--mouse-y,.5)*100%),#c42b3573 0 12%,#8b2d2d61 26%,#7a8b7352 48%,#a9a09042 70%,transparent 100%),white;border:1px solid #0000001a;border-radius:8px;padding:3px;transition:box-shadow .3s cubic-bezier(.4,0,.2,1);position:relative}.playlist-card .playlist-container{border:1px solid #0000001a;box-shadow:0 1px 2px #0000000d}.playlist-card:hover{box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -4px #0000001a,0 calc(8px + (var(--mouse-y,.5) - .5)*25px)calc(30px + (var(--mouse-y,.5) - .5)*50px)#8b5a2b4d}.playlist-card:before{content:"";pointer-events:none;z-index:1000;background:radial-gradient(500px circle at calc(var(--mouse-x,.5)*100%)calc(var(--mouse-y,.5)*100%),#ffffff4d,#fff3 30%,#ffffff1a 50%,transparent 70%);opacity:0;mix-blend-mode:overlay;width:100%;height:100%;transition:opacity .3s;position:absolute;top:0;left:0}.playlist-card:hover:before{opacity:1}.playlist-container{min-height:100%;transform-style:preserve-3d;border-radius:6px;grid-template-rows:70px 96px auto 1fr 15px;grid-template-columns:18px 15px 96px 1fr 15px;gap:1px;max-width:100%;display:grid;overflow:hidden}.playlist-cell{background-color:#fff;position:relative}.vertical-text{color:#0000008c;writing-mode:sideways-lr;text-align:right;letter-spacing:.7px;text-transform:uppercase;mix-blend-mode:normal;padding-top:5px;padding-right:5px;font-size:8px;position:relative}.playlist-cover{z-index:2;grid-area:2/3/3/4;justify-content:center;align-items:center;display:flex;position:relative}.playlist-cover-wrapper{background:#0000000d;border:1px solid #0000001a;border-radius:4px;width:96px;height:96px;overflow:hidden}.playlist-cover-img{object-fit:cover;width:100%;height:100%}.playlist-cover-fallback{color:#0006;justify-content:center;align-items:center;width:100%;height:100%;display:flex}.playlist-title{flex-direction:column;grid-area:3/3/4/5;justify-content:center;gap:4px;padding:20px 20px 20px 0;display:flex;position:relative}.playlist-title h1{color:#000;margin:0;font-size:32px;font-weight:400;line-height:1}.playlist-year{color:#0009;margin:4px 0 0;font-size:14px;font-weight:300;line-height:1}.playlist-curator{color:#0009;margin-top:8px;font-size:12px;font-weight:300}.playlist-tracks{flex-direction:column;grid-area:4/3/5/5;min-height:240px;max-height:260px;padding:15px 20px 15px 0;display:flex;overflow:hidden}.playlist-tracks-scroll{flex-direction:column;flex:1;gap:4px;padding-right:8px;display:flex;overflow-y:auto}.playlist-tracks-scroll::-webkit-scrollbar{width:3px}.playlist-tracks-scroll::-webkit-scrollbar-track{background:0 0}.playlist-tracks-scroll::-webkit-scrollbar-thumb{background:0 0;border-radius:999px;transition:background .2s}.playlist-tracks-scroll:hover::-webkit-scrollbar-thumb{background:#00000047}.playlist-track{border-bottom:1px solid #0000000d;grid-template-columns:24px 1fr auto;align-items:center;gap:12px;padding:8px 0;display:grid}.playlist-track:last-child{border-bottom:none}.track-number{color:#0009;text-align:right;font-size:12px}.track-info{flex-direction:column;gap:2px;min-width:0;display:flex}.track-title{color:#000;white-space:nowrap;text-overflow:ellipsis;font-size:14px;font-weight:400;overflow:hidden}.track-artist{color:#0009;white-space:nowrap;text-overflow:ellipsis;font-size:12px;overflow:hidden}.track-duration{color:#0009;font-size:12px}.cover-title{grid-area:2/1/3/2}.title-label{grid-area:3/1/4/2}.tracks-title{grid-area:4/1/5/2}.playlist-area-1{border-radius:0 0 0 4px;grid-area:5/1/6/2}.playlist-area-2{grid-area:5/2/6/3}.playlist-area-3{grid-area:5/3/6/4}.playlist-area-4{grid-area:5/4/6/5}.playlist-area-5{grid-area:4/2/5/3}.playlist-area-6{grid-area:3/2/4/3}.playlist-area-7{grid-area:2/2/3/3}.playlist-id{writing-mode:vertical-rl;text-align:center;white-space:nowrap;letter-spacing:1px;color:#0000008c;border-radius:0 6px 6px 0;grid-area:1/5/6/6;height:0;min-height:100%;padding-right:3px;font-size:10px;font-weight:300;line-height:8px;overflow:hidden}@media (prefers-color-scheme:dark){.playlist-card{background:radial-gradient(600px circle at calc(var(--mouse-x,.5)*100%)calc(var(--mouse-y,.5)*100%),#c42b358c 0 15%,#8b2d2d7a 32%,#7a8b7366 58%,#a9a09052 80%,transparent 100%),#050505;border-color:#ffffff1a}.playlist-card .playlist-container{background:#050505b3;border-color:#ffffff1f}.playlist-cell{background-color:#080808d9}.vertical-text{color:#ffffffa6}.playlist-cover-wrapper{background:#ffffff0d;border-color:#ffffff1a}.playlist-cover-fallback{color:#fff6}.playlist-title h1{color:#fff}.playlist-year{color:#fff9}.track-title{color:#fff}.track-artist,.track-number,.track-duration{color:#fff9}.playlist-track{border-bottom-color:#ffffff0d}.playlist-tracks-scroll::-webkit-scrollbar-thumb{background:0 0}.playlist-tracks-scroll:hover::-webkit-scrollbar-thumb{background:#ffffff73}.playlist-id{color:#ffffffa6}}