.block-track-listen.svelte-cj247e{flex-grow:1;min-width:40rem;padding:1rem 3rem;transition:all .12s ease-out;position:relative}.block-track-listen.svelte-cj247e: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-cj247e:before{transition:all .12s ease-out}.block-track-listen.svelte-cj247e:hover,.block-track-listen.svelte-cj247e:focus-visible,.block-track-listen.svelte-cj247e:active{cursor:pointer}.block-track-listen.svelte-cj247e:hover:before,.block-track-listen.svelte-cj247e:focus-visible:before,.block-track-listen.svelte-cj247e:active:before{background:#00000080}.block-track-listen.svelte-cj247e: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)}.block-track-listen.intersected.svelte-cj247e:before{transform:skew(-12deg);opacity:1}.block-track-listen.svelte-cj247e:hover img:where(.svelte-cj247e){box-shadow:0 0 42px #fff3;animation:.8s svelte-cj247e-shine}@keyframes svelte-cj247e-shine{0%{filter:brightness(100%)}50%{filter:brightness(108%)}to{filter:brightness(100%)}}.content.svelte-cj247e{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-cj247e .content:where(.svelte-cj247e){transform:none;opacity:1}img.svelte-cj247e{box-shadow:0 0 0 transparent;transition:box-shadow .4s ease-out}.info.svelte-cj247e{flex-grow:1;display:flex;flex-flow:column nowrap;justify-content:space-between;align-items:start;gap:1rem}.upper.svelte-cj247e h3:where(.svelte-cj247e){padding:.25rem 0 .5rem;font-family:Overpass,Segoe UI,system-ui,ZCool XiaoWei,sans-serif;font-size:200%;font-weight:400;color:#fff;text-align:start}.block-track-listen.shrink.svelte-cj247e .upper:where(.svelte-cj247e) h3:where(.svelte-cj247e){font-size:175%}.upper.svelte-cj247e .artists:where(.svelte-cj247e){display:flex;flex-flow:row wrap;gap:1rem}.upper.svelte-cj247e .artists:where(.svelte-cj247e) a:where(.svelte-cj247e){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-cj247e .artists:where(.svelte-cj247e) a:where(.svelte-cj247e):after{content:"";position:absolute;bottom:.1em;left:0;width:100%;height:1px;background:#40f190;transform:scaleX(0);transition:transform .16s ease-out}.upper.svelte-cj247e .artists:where(.svelte-cj247e) a:where(.svelte-cj247e):hover,.upper.svelte-cj247e .artists:where(.svelte-cj247e) a:where(.svelte-cj247e):focus-visible{cursor:pointer;color:#40f190}.upper.svelte-cj247e .artists:where(.svelte-cj247e) a:where(.svelte-cj247e):hover:after,.upper.svelte-cj247e .artists:where(.svelte-cj247e) a:where(.svelte-cj247e):focus-visible:after{transform:scaleX(1);transform-origin:middle}.upper.svelte-cj247e .artists:where(.svelte-cj247e) a:where(.svelte-cj247e):active{color:#40e0ff}.upper.svelte-cj247e .artists:where(.svelte-cj247e) a:where(.svelte-cj247e):active:after{background:#40e0ff}.lower.svelte-cj247e ul.genres:where(.svelte-cj247e){display:flex;flex-flow:row wrap;justify-content:start;gap:.5em;list-style-type:none}.lower.svelte-cj247e ul.genres:where(.svelte-cj247e) li:where(.svelte-cj247e){padding:.1em .5em 0;font-family:Nanum Pen Script,Nanum Pen,Segoe UI,system-ui,ZCool XiaoWei,sans-serif;font-size:150%;color:#fff;position:relative;transition:all .12s ease-out}.lower.svelte-cj247e ul.genres:where(.svelte-cj247e) li:where(.svelte-cj247e):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-cj247e ul.genres:where(.svelte-cj247e) li:where(.svelte-cj247e):hover{padding:0 .8em;color:#000}.lower.svelte-cj247e ul.genres:where(.svelte-cj247e) li:where(.svelte-cj247e):hover:before{background:#fff}.lower.svelte-cj247e ul.genres:where(.svelte-cj247e) li:not(:hover).genre:where(.svelte-cj247e):before{background:#40e0ffb0}.lower.svelte-cj247e ul.genres:where(.svelte-cj247e) li:not(:hover).vibe:where(.svelte-cj247e):before{background:#40f190b0}.chronicle.svelte-14y1bmj{width:100%;padding:0 2rem;display:flex;flex-flow:column nowrap;gap:10rem}.chronicle.svelte-14y1bmj section:where(.svelte-14y1bmj){display:flex;flex-flow:row nowrap;align-items:stretch;gap:4rem}.bar.svelte-14y1bmj{width:.1rem;height:85vh;position:sticky;top:10vh;background:#fff;border-radius:.05rem}.pane.svelte-14y1bmj{height:100%;position:sticky;top:5rem;display:flex;flex-flow:row nowrap;gap:1rem}header.svelte-14y1bmj p.date:where(.svelte-14y1bmj){font-family:Anta,Agency FB,Segoe UI,system-ui,ZCool XiaoWei,sans-serif;font-size:150%;color:#fff9}header.svelte-14y1bmj h2:where(.svelte-14y1bmj){font-family:Nanum Pen Script,Nanum Pen,Segoe UI,system-ui,ZCool XiaoWei,sans-serif;font-weight:300;font-size:500%}.content.svelte-14y1bmj{flex-grow:1;display:flex;flex-flow:column nowrap;gap:1rem}