button.block.track.svelte-6lxgbk{min-width:40rem;padding:1rem 3rem;display:flex;flex-flow:row nowrap;justify-content:start;align-items:stretch;gap:2rem;background:none;border:none;position:relative}button.block.track.svelte-6lxgbk: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 .1s ease-out}button.block.track.svelte-6lxgbk:before{transition:all .1s ease-out}button.block.track.svelte-6lxgbk:hover,button.block.track.svelte-6lxgbk:focus-visible,button.block.track.svelte-6lxgbk:active{cursor:pointer}button.block.track.svelte-6lxgbk:hover:before,button.block.track.svelte-6lxgbk:focus-visible:before,button.block.track.svelte-6lxgbk:active:before{background:#00000080}button.block.track.svelte-6lxgbk:hover img:where(.svelte-6lxgbk){box-shadow:0 0 42px #fff3;animation-name:svelte-6lxgbk-shine;animation-duration:.8s}button.block.track.feat.svelte-6lxgbk img:where(.svelte-6lxgbk){box-shadow:0 12px 64px #40e0ff40}button.block.track.preview.svelte-6lxgbk{pointer-events:none;opacity:25%}img.svelte-6lxgbk{box-shadow:0 0 0 transparent;transition:box-shadow .4s ease-out}.info.svelte-6lxgbk{flex-grow:1;display:flex;flex-flow:column nowrap;justify-content:space-between;align-items:start;gap:1rem}.upper.svelte-6lxgbk h3:where(.svelte-6lxgbk){padding:.25rem 0 .5rem;font-family:Overpass,Segoe UI,system-ui,ZCool XiaoWei,sans-serif;font-size:300%;font-weight:400;color:#fff;text-align:start}button.shrink.svelte-6lxgbk .upper:where(.svelte-6lxgbk) h3:where(.svelte-6lxgbk){font-size:200%}.upper.svelte-6lxgbk ul.genres:where(.svelte-6lxgbk){display:flex;flex-flow:row wrap;justify-content:start;gap:.5em;list-style-type:none}.upper.svelte-6lxgbk ul.genres:where(.svelte-6lxgbk) li:where(.svelte-6lxgbk){padding:0 .5em;font-family:Nanum Pen Script,Nanum Pen,Segoe UI,system-ui,ZCool XiaoWei,sans-serif;font-size:175%;color:#fff;position:relative;transition:all .1s ease-out}.upper.svelte-6lxgbk ul.genres:where(.svelte-6lxgbk) li:where(.svelte-6lxgbk):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 .1s ease-out}.upper.svelte-6lxgbk ul.genres:where(.svelte-6lxgbk) li:where(.svelte-6lxgbk):hover{padding:0 .8em;color:#000}.upper.svelte-6lxgbk ul.genres:where(.svelte-6lxgbk) li:where(.svelte-6lxgbk):hover:before{background:#fff}.upper.svelte-6lxgbk ul.genres:where(.svelte-6lxgbk) li:not(:hover).genre:where(.svelte-6lxgbk):before{background:#40e0ffb0}.upper.svelte-6lxgbk ul.genres:where(.svelte-6lxgbk) li:not(:hover).vibe:where(.svelte-6lxgbk):before{background:#40f190b0}.lower.svelte-6lxgbk audio:where(.svelte-6lxgbk){padding-bottom:.5rem}@keyframes svelte-6lxgbk-shine{0%{filter:brightness(100%)}50%{filter:brightness(108%)}to{filter:brightness(100%)}}
