.block-genre.svelte-1xl9te4{background:0 0;border:none;flex-grow:1;max-width:32rem;padding:1rem 1.5rem;position:relative}.block-genre.svelte-1xl9te4:before{content:"";z-index:-1;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#0003;width:100%;height:100%;transition:all .12s ease-out;display:block;position:absolute;top:0;left:0;transform:skew(-12deg)}.block-genre.svelte-1xl9te4:hover,.block-genre.svelte-1xl9te4:focus-visible,.block-genre.svelte-1xl9te4:active{cursor:pointer}.block-genre.svelte-1xl9te4:hover:before,.block-genre.svelte-1xl9te4:focus-visible:before,.block-genre.svelte-1xl9te4:active:before{background:#00000080}.block-genre.svelte-1xl9te4:before{transition:all .12s ease-out, transform 1s cubic-bezier(.19, 1, .22, 1) var(--delay,0s), opacity 1s cubic-bezier(.19, 1, .22, 1) var(--delay,0s)}.block-genre.svelte-1xl9te4:not(.intersected):before{opacity:0;transform:skew(-12deg)scale(.9)}.block-genre.intersected.svelte-1xl9te4:before{opacity:1}.block-genre.svelte-1xl9te4:hover{cursor:auto}.content.svelte-1xl9te4{opacity:0;transition:all 1s cubic-bezier(.19, 1, .22, 1) var(--delay,0s);flex-flow:column;justify-content:space-between;align-items:start;gap:1rem;display:flex;transform:scale(.9)}.block-genre.intersected .content.svelte-1xl9te4{opacity:1;transform:none}.upper.svelte-1xl9te4 h3:where(.svelte-1xl9te4){color:#40e0ff;text-align:start;font-family:Nanum Pen Script,Nanum Pen,Segoe UI,system-ui,ZCool XiaoWei,Noto Serif JP,sans-serif;font-size:250%;font-weight:400}.block.genre.fav.svelte-1xl9te4 .upper:where(.svelte-1xl9te4) h3:where(.svelte-1xl9te4){color:#ffc720}.block.genre.vibe.svelte-1xl9te4 .upper:where(.svelte-1xl9te4) h3:where(.svelte-1xl9te4){color:#40f190}.lower.svelte-1xl9te4{flex-flow:column;gap:.5rem;display:flex}.lower.svelte-1xl9te4 p:where(.svelte-1xl9te4),.lower.svelte-1xl9te4 a:where(.svelte-1xl9te4){color:#fff;font-family:Overpass,Segoe UI,system-ui,ZCool XiaoWei,Noto Serif JP,sans-serif;font-size:125%;line-height:150%}.lower.svelte-1xl9te4 a:where(.svelte-1xl9te4){color:#ff0090;padding-bottom:.1em;text-decoration:none;display:inline-block;position:relative}.lower.svelte-1xl9te4 a:where(.svelte-1xl9te4):after{content:"";background:#40f190;width:100%;height:1px;transition:transform .16s ease-out;position:absolute;bottom:.1em;left:0;transform:scaleX(0)}.lower.svelte-1xl9te4 a:where(.svelte-1xl9te4):hover,.lower.svelte-1xl9te4 a:where(.svelte-1xl9te4):focus-visible{cursor:pointer;color:#40f190}.lower.svelte-1xl9te4 a:where(.svelte-1xl9te4):hover:after,.lower.svelte-1xl9te4 a:where(.svelte-1xl9te4):focus-visible:after{transform-origin:middle;transform:scaleX(.69)}.lower.svelte-1xl9te4 a:where(.svelte-1xl9te4):active{color:#40e0ff}.lower.svelte-1xl9te4 a:where(.svelte-1xl9te4):active:after{background:#40e0ff}.lower.svelte-1xl9te4 a:where(.svelte-1xl9te4){transition:all .12s ease-out}.lower.svelte-1xl9te4 span.separator:where(.svelte-1xl9te4){color:#fff9;padding-bottom:.1em;font-family:Nanum Pen Script,Nanum Pen,Segoe UI,system-ui,ZCool XiaoWei,Noto Serif JP,sans-serif;font-size:125%}.lower.svelte-1xl9te4 span.separator:where(.svelte-1xl9te4):last-child{display:none}.artists.svelte-1xl9te4,.tracks.svelte-1xl9te4{flex-flow:wrap;justify-content:start;align-items:center;gap:.5rem;display:flex}.artists.svelte-1xl9te4 h4:where(.svelte-1xl9te4),.tracks.svelte-1xl9te4 h4:where(.svelte-1xl9te4){color:#fff9;padding-bottom:.25em;padding-right:1em;font-family:Anta,Agency FB,Segoe UI,system-ui,ZCool XiaoWei,Noto Serif JP,sans-serif;font-size:90%;font-weight:400}h2.svelte-1ewqqrc{text-align:center;margin-bottom:2rem;font-family:Anta,Agency FB,Segoe UI,system-ui,ZCool XiaoWei,Noto Serif JP,sans-serif;font-size:200%;font-weight:400}
