.block-track-listen.svelte-1ygccfp{min-width:45rem;max-width:50rem;padding:1rem 1rem 1rem 3rem;font-size:unset;background:unset;border:unset;outline:unset;transition:all .12s ease-out;position:relative}.block-track-listen.svelte-1ygccfp: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}.block-track-listen.svelte-1ygccfp:before{transition:all .12s ease-out}.block-track-listen.svelte-1ygccfp:hover,.block-track-listen.svelte-1ygccfp:focus-visible,.block-track-listen.svelte-1ygccfp:active{cursor:pointer}.block-track-listen.svelte-1ygccfp:hover:before,.block-track-listen.svelte-1ygccfp:focus-visible:before,.block-track-listen.svelte-1ygccfp:active:before{background:#00000080;border-radius:.6em;transform:skew(-8deg);outline:none;box-shadow:0 0 12px #ff0090}.block-track-listen.svelte-1ygccfp:active:before{background:#000000bf}.block-track-listen.svelte-1ygccfp: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-track-listen.svelte-1ygccfp:not(.intersected):before{transform:skew(-12deg) scale(.9);opacity:0}.block-track-listen.intersected.svelte-1ygccfp:before{opacity:1}.block-track-listen.svelte-1ygccfp:hover img:where(.svelte-1ygccfp){box-shadow:0 0 42px #fff3;animation:.8s svelte-1ygccfp-shine}@keyframes svelte-1ygccfp-shine{0%{filter:brightness(100%)}50%{filter:brightness(108%)}to{filter:brightness(100%)}}.content.svelte-1ygccfp{display:flex;flex-flow:row nowrap;justify-content:start;align-items:center;gap:2rem;transform:scale(.9);opacity:0;transition:all 1s cubic-bezier(.19,1,.22,1) var(--delay, 0s)}.block-track-listen.intersected.svelte-1ygccfp .content:where(.svelte-1ygccfp){transform:none;opacity:1}img.svelte-1ygccfp{box-shadow:0 0 0 transparent;transition:box-shadow .4s ease-out}.info.svelte-1ygccfp{flex-grow:1;display:flex;flex-flow:column nowrap;justify-content:space-between;align-items:start}.upper.svelte-1ygccfp{width:100%}.upper.svelte-1ygccfp .title:where(.svelte-1ygccfp){width:100%;display:flex;flex-flow:row wrap;justify-content:space-between;align-items:end;gap:.5rem}.upper.svelte-1ygccfp .title:where(.svelte-1ygccfp) h3:where(.svelte-1ygccfp){font-family:Overpass,Segoe UI,system-ui,ZCool XiaoWei,sans-serif;font-size:175%;font-weight:400;color:#fff;text-align:start}.block-track-listen.shrink.svelte-1ygccfp .upper:where(.svelte-1ygccfp) .title:where(.svelte-1ygccfp) h3:where(.svelte-1ygccfp){font-size:150%}.upper.svelte-1ygccfp .title:where(.svelte-1ygccfp) p.date:where(.svelte-1ygccfp){padding-bottom:.25em;font-family:Anta,Agency FB,Segoe UI,system-ui,ZCool XiaoWei,sans-serif;font-size:125%;color:#fff9}.upper.svelte-1ygccfp .artists:where(.svelte-1ygccfp){display:flex;flex-flow:row wrap;align-items:center;gap:.5rem}.upper.svelte-1ygccfp .artists:where(.svelte-1ygccfp) span.separator:where(.svelte-1ygccfp){padding-bottom:.1em;font-family:Nanum Pen Script,Nanum Pen,Segoe UI,system-ui,ZCool XiaoWei,sans-serif;color:#fff9;font-size:125%}.upper.svelte-1ygccfp .artists:where(.svelte-1ygccfp) span.separator:where(.svelte-1ygccfp):last-child{display:none}.upper.svelte-1ygccfp .artists:where(.svelte-1ygccfp) a:where(.svelte-1ygccfp){font-family:Nanum Pen Script,Nanum Pen,Segoe UI,system-ui,ZCool XiaoWei,sans-serif;font-size:150%;display:inline-block;position:relative;color:#ff0090;text-decoration:none}.upper.svelte-1ygccfp .artists:where(.svelte-1ygccfp) a:where(.svelte-1ygccfp):after{content:"";position:absolute;bottom:.1em;left:0;width:100%;height:1px;background:#40f190;transform:scaleX(0);transition:transform .16s ease-out}.upper.svelte-1ygccfp .artists:where(.svelte-1ygccfp) a:where(.svelte-1ygccfp):hover,.upper.svelte-1ygccfp .artists:where(.svelte-1ygccfp) a:where(.svelte-1ygccfp):focus-visible{cursor:pointer;color:#40f190}.upper.svelte-1ygccfp .artists:where(.svelte-1ygccfp) a:where(.svelte-1ygccfp):hover:after,.upper.svelte-1ygccfp .artists:where(.svelte-1ygccfp) a:where(.svelte-1ygccfp):focus-visible:after{transform:scaleX(1);transform-origin:middle}.upper.svelte-1ygccfp .artists:where(.svelte-1ygccfp) a:where(.svelte-1ygccfp):active{color:#40e0ff}.upper.svelte-1ygccfp .artists:where(.svelte-1ygccfp) a:where(.svelte-1ygccfp):active:after{background:#40e0ff}.sep.svelte-1ygccfp{width:69%;height:1px;margin:.5rem 0 1rem;background:#ffffff1a}.lower.svelte-1ygccfp p:where(.svelte-1ygccfp){margin-bottom:.5em;font-family:Overpass,Segoe UI,system-ui,ZCool XiaoWei,sans-serif;font-size:80%;font-weight:300;color:#fff9;text-align:left}.lower.svelte-1ygccfp p.discovered:where(.svelte-1ygccfp){font-family:Nanum Pen Script,Nanum Pen,Segoe UI,system-ui,ZCool XiaoWei,sans-serif;font-size:125%;color:#fff;text-align:left}.lower.svelte-1ygccfp ul.genres:where(.svelte-1ygccfp){padding:0 .2rem;display:flex;flex-flow:row wrap;justify-content:start;gap:.5em;list-style-type:none}.lower.svelte-1ygccfp ul.genres:where(.svelte-1ygccfp) li:where(.svelte-1ygccfp){padding:.1em .5em 0;font-family:Nanum Pen Script,Nanum Pen,Segoe UI,system-ui,ZCool XiaoWei,sans-serif;font-size:125%;color:#fff;position:relative}.lower.svelte-1ygccfp ul.genres:where(.svelte-1ygccfp) li:where(.svelte-1ygccfp):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}.lower.svelte-1ygccfp ul.genres:where(.svelte-1ygccfp) li:where(.svelte-1ygccfp){transition:all .12s ease-out}.lower.svelte-1ygccfp ul.genres:where(.svelte-1ygccfp) li:where(.svelte-1ygccfp):hover{padding:0 .8em;color:#000}.lower.svelte-1ygccfp ul.genres:where(.svelte-1ygccfp) li:where(.svelte-1ygccfp):hover:before{background:#fff}.lower.svelte-1ygccfp ul.genres:where(.svelte-1ygccfp) li:not(:hover).genre:where(.svelte-1ygccfp):before{background:#40e0ffb0}.lower.svelte-1ygccfp ul.genres:where(.svelte-1ygccfp) li:not(:hover).vibe:where(.svelte-1ygccfp):before{background:#40f190b0}.chronicle.svelte-qzvtyp{width:100%;max-width:max-content;padding:0 2rem;display:flex;flex-flow:column nowrap;gap:10rem}.chronicle.svelte-qzvtyp section:where(.svelte-qzvtyp){display:flex;flex-flow:row nowrap;justify-content:space-between;align-items:stretch;gap:4rem}.bar.svelte-qzvtyp{width:.1rem;max-height:85vh;position:sticky;top:5rem;background:#fff;border-radius:.05rem}.pane.svelte-qzvtyp{flex-grow:1;height:100%;position:sticky;top:5rem;display:flex;flex-flow:row nowrap;gap:1rem}header.svelte-qzvtyp p.date:where(.svelte-qzvtyp){font-family:Anta,Agency FB,Segoe UI,system-ui,ZCool XiaoWei,sans-serif;font-size:125%;color:#fff9}header.svelte-qzvtyp h2:where(.svelte-qzvtyp){padding-top:.5em;font-family:Nanum Pen Script,Nanum Pen,Segoe UI,system-ui,ZCool XiaoWei,sans-serif;font-weight:300;font-size:400%;line-height:75%}.content.svelte-qzvtyp{flex-grow:2;max-width:max-content;display:flex;flex-flow:column nowrap;gap:1rem}@media(max-width:640px){.chronicle.svelte-qzvtyp section:where(.svelte-qzvtyp){flex-flow:column nowrap}.chronicle.svelte-qzvtyp section:where(.svelte-qzvtyp) .bar:where(.svelte-qzvtyp),.chronicle.svelte-qzvtyp section:where(.svelte-qzvtyp) .pane:where(.svelte-qzvtyp){position:unset}}