.playlist-inner[data-v-39c83075]{width:100%}.playlist-inner[data-v-39c83075],.playlist-inner .text-fav-wrap[data-v-39c83075]{align-items:center;display:flex;gap:1rem;justify-content:space-between}.playlist-inner .text-fav-wrap[data-v-39c83075]{width:90%}html.sp .playlist-inner .text-fav-wrap[data-v-39c83075]{gap:.5rem}.playlist-inner .text .title[data-v-39c83075]{font-size:1.625rem;font-weight:700;margin-bottom:.7rem}html.sp .playlist-inner .text .title[data-v-39c83075]{font-size:.93rem;margin-bottom:.5rem}.playlist-inner .text .name-wrap[data-v-39c83075]{align-items:center;display:flex;flex-wrap:wrap;gap:1rem}html.sp .playlist-inner .text .name-wrap[data-v-39c83075]{gap:.5rem}.playlist-inner .text .name[data-v-39c83075]{color:#fffc;display:inline-block;font-size:1.125rem;font-weight:500}html.sp .playlist-inner .text .name[data-v-39c83075]{font-size:.75rem}.playlist-inner .text .tag[data-v-39c83075]{background-color:var(--primary-blue);color:var(--accent-color);display:inline-block;font-size:1rem;font-weight:600;padding:.1em .5em}html.sp .playlist-inner .text .tag[data-v-39c83075]{font-size:.68rem;padding:.05em .5em}.playlist-inner .fav[data-v-39c83075]{color:var(--primary-pink);flex-shrink:0;font-size:1.68rem;font-weight:700;padding-left:1.8em;position:relative;transition:all .2s ease}html.sp .playlist-inner .fav[data-v-39c83075]{font-size:.9rem;padding-left:1.5em}.playlist-inner .fav[data-v-39c83075]:before{background-image:url(../images/common/icon-fav.svg);bottom:0;content:"";display:block;height:1.3em;left:0;margin:auto;position:absolute;top:0;width:1.3em}html.sp .playlist-inner .fav[data-v-39c83075]:before{height:1em;width:1em}.playlist-inner .arrow[data-v-39c83075]{aspect-ratio:1/1;background-image:url(../images/common/arrow-line.svg);background-position:1.5rem;background-size:17px 17px;filter:drop-shadow(0 0 3px #fa83f3) drop-shadow(0 0 3px #fa83f3);flex:0 0 62px;min-width:62px}html.sp .playlist-inner .arrow[data-v-39c83075]{background-position:14px;background-size:9px 9px;flex-basis:34px;min-width:34px}.playlist-inner .arrow .circle[data-v-39c83075]{background-image:url(../images/common/play-circle.svg);display:block;height:100%;width:100%}.playlist-inner.lists[data-v-39c83075]{gap:1.5rem}html.sp .playlist-inner.lists[data-v-39c83075]{gap:1rem}.playlist-inner.lists .title[data-v-39c83075]{font-size:1.433rem}.playlist-inner .name[data-v-39c83075],.playlist-inner .title[data-v-39c83075]{transition:all .2s ease}.playlist-box[data-v-63c1a11b]{position:relative;--corner-focus-offset:6px}.playlist-box[data-v-63c1a11b]:after,.playlist-box[data-v-63c1a11b]:before{aspect-ratio:1/1;border:2px solid var(--primary-blue);content:"";height:auto;position:absolute;transition:transform .3s ease;width:30px}html.sp .playlist-box[data-v-63c1a11b]:after,html.sp .playlist-box[data-v-63c1a11b]:before{width:15px}.playlist-box[data-v-63c1a11b]{transition:all .2s ease}.playlist-box[data-v-63c1a11b]:before{border-bottom:0;border-right:0;left:-2px;top:-2px}.playlist-box[data-v-63c1a11b]:after{border-bottom:0;border-left:0;right:-2px;top:-2px}@media(any-hover:hover){.playlist-box[data-v-63c1a11b]:hover .circle{animation:rotate 1s linear infinite;scale:1.1;transition:rotate .5s ease,scale .5s ease}.playlist-box[data-v-63c1a11b]:hover .arrow{animation:slide 1s linear infinite;transition:background-position .5s ease}.playlist-box[data-v-63c1a11b]:hover .name,.playlist-box[data-v-63c1a11b]:hover .title{filter:drop-shadow(0 0 5px #fa83f3)}}.playlist-box a[data-v-63c1a11b]{background-color:#25223299;border:1px solid #8be4ff;box-shadow:0 5px 10px #0003;display:block;padding:1.5rem 2rem 2rem;position:relative;transition:background-color .3s ease}.playlist-box a[data-v-63c1a11b]:after,.playlist-box a[data-v-63c1a11b]:before{aspect-ratio:1/1;border:2px solid var(--primary-blue);content:"";height:auto;position:absolute;transition:transform .3s ease;width:30px}html.sp .playlist-box a[data-v-63c1a11b]:after,html.sp .playlist-box a[data-v-63c1a11b]:before{width:15px}.playlist-box a[data-v-63c1a11b]:before{border-right:0;border-top:0;bottom:-2px;left:-2px}.playlist-box a[data-v-63c1a11b]:after{border-left:0;border-top:0;bottom:-2px;right:-2px}html.sp .playlist-box a[data-v-63c1a11b]{padding:1rem}.playlist-box.lists a[data-v-63c1a11b]{background-color:transparent;background-image:linear-gradient(180deg,#fac1f833,#8be4ff33)}.playlist-box.lists:hover a[data-v-63c1a11b]{background-image:linear-gradient(180deg,#fac1f84d,#8be4ff4d)}.playlist-box[data-v-63c1a11b]:focus-within:before,.playlist-box[data-v-63c1a11b]:hover:before{transform:translate(calc(var(--corner-focus-offset)*-1),calc(var(--corner-focus-offset)*-1))}.playlist-box[data-v-63c1a11b]:focus-within:after,.playlist-box[data-v-63c1a11b]:hover:after{transform:translate(var(--corner-focus-offset),calc(var(--corner-focus-offset)*-1))}.playlist-box:focus-within a[data-v-63c1a11b]:before,.playlist-box:hover a[data-v-63c1a11b]:before{transform:translate(calc(var(--corner-focus-offset)*-1),var(--corner-focus-offset))}.playlist-box:focus-within a[data-v-63c1a11b]:after,.playlist-box:hover a[data-v-63c1a11b]:after{transform:translate(var(--corner-focus-offset),var(--corner-focus-offset))}