body{color:#202020;--max-content:1800px;--c-wh:#ffd5e7;--c-red:#e94373;--c-purple1:#ab66a7;--c-purple2:#c499c6;--c-base:#f29fb1;--c-a1:#f4b5c0;--c-a2:#f4acc0;--c-a3:#f096b0;--c-card:color-mix(in srgb,white 60%,transparent);--c-card-odd:color-mix(in srgb,#f4f2fc 80%,transparent);--c-card-even:color-mix(in srgb,#fceef8 80%,transparent);--c-card-odd:color-mix(in srgb,#f4f2fc 100%,transparent);--c-card-even:color-mix(in srgb,#fceef8 100%,transparent);--c-primary:var(--c-red);--c-secondary:var(--c-purple2);--mix:20%;background:repeating-linear-gradient(93.5deg,color-mix(in srgb,var(--c-a1) var(--mix),transparent) 0,color-mix(in srgb,var(--c-a1) var(--mix),transparent) 3px,color-mix(in srgb,var(--c-a2) var(--mix),transparent) 3px,color-mix(in srgb,var(--c-a2) var(--mix),transparent) 5px,color-mix(in srgb,var(--c-a3) var(--mix),transparent) 5px,color-mix(in srgb,var(--c-a3) var(--mix),transparent) 6px,color-mix(in srgb,var(--c-base) 0%,transparent) 6px,color-mix(in srgb,var(--c-base) 0%,transparent) 12px),radial-gradient(circle at 50% 30%,rgba(255,240,250,.5),rgba(255,200,220,0) 60%),linear-gradient(to bottom,var(--c-wh) 0,color-mix(in srgb,var(--c-base) 70%,transparent) 100%)}.tracklist{display:flex;flex-direction:column;@media (width >= 48rem){display:grid;grid-template-columns:repeat(3,1fr);grid-template-rows:repeat(8,1fr);grid-column-gap:0;grid-row-gap:10px;.tr1{grid-area:1/2/2/3}.tr1v{grid-area:1/1/3/2}.tr2{grid-area:2/2/3/3}.tr2v{grid-area:1/3/3/4}.tr3{grid-area:3/2/4/3}.tr3v{grid-area:3/1/5/2}.tr4{grid-area:4/2/5/3}.tr4v{grid-area:3/3/5/4}.tr5{grid-area:5/2/6/3}.tr5v{grid-area:5/1/7/2}.tr6{grid-area:6/2/7/3}.tr6v{grid-area:5/3/7/4}.tr7{grid-area:7/2/8/3}.tr7v{grid-area:7/1/9/2}.tr8{grid-area:8/2/9/3}.tr8v{grid-area:7/3/9/4}}}