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