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