.demo[data-astro-cid-wl7fyjzx]{--rule: 1px solid var(--hairline);border-top:var(--rule);padding:clamp(72px,9vw,110px) var(--page-pad)}.demo[data-astro-cid-wl7fyjzx].flush{padding-left:0;padding-right:0}.demo-inner[data-astro-cid-wl7fyjzx]{max-width:none}.demo-header[data-astro-cid-wl7fyjzx]{margin-bottom:48px;text-align:left}.demo-title[data-astro-cid-wl7fyjzx]{margin:0 0 18px;text-align:left;text-transform:uppercase;font-family:var(--font-display);font-weight:400;font-size:clamp(38px,4.8vw,68px);line-height:1;letter-spacing:.01em;color:var(--fg)}.demo-subtitle[data-astro-cid-wl7fyjzx]{font-size:14px;color:var(--muted);text-transform:lowercase;letter-spacing:.022em;line-height:1.8;word-spacing:.04em}.demo-toggle[data-astro-cid-wl7fyjzx]{display:flex;gap:32px;margin-bottom:24px}.demo-toggle-btn[data-astro-cid-wl7fyjzx]{padding:0 0 7px;background:none;border:none;font-family:inherit;font-size:12px;font-weight:600;letter-spacing:.14em;text-transform:uppercase;color:var(--muted);cursor:pointer;border-bottom:1px solid transparent;transition:color .2s ease,border-color .2s ease}.demo-toggle-btn[data-astro-cid-wl7fyjzx]:hover{color:var(--fg)}.demo-toggle-btn[data-astro-cid-wl7fyjzx][aria-selected=true]{color:var(--fg);border-bottom-color:currentColor}.demo-tracks-list[data-astro-cid-wl7fyjzx]{display:flex;flex-direction:column}.demo-tracks-list[data-astro-cid-wl7fyjzx][hidden]{display:none}.demo-track[data-astro-cid-wl7fyjzx]{display:grid;grid-template-columns:56px minmax(0,300px) 1fr 60px;gap:clamp(20px,3vw,48px);align-items:center;border-top:var(--rule);padding:clamp(24px,3vw,36px) 0}.demo-track[data-astro-cid-wl7fyjzx]:last-child{border-bottom:var(--rule)}.demo-play[data-astro-cid-wl7fyjzx]{display:grid;place-items:center;width:56px;height:56px;padding:0;background:transparent;border:1px solid var(--hairline);border-radius:var(--radius-ui);color:var(--fg);cursor:pointer;transition:border-color .2s ease,background .2s ease,color .2s ease}.demo-play[data-astro-cid-wl7fyjzx]:hover{border-color:var(--fg)}.demo-play[data-astro-cid-wl7fyjzx] svg[data-astro-cid-wl7fyjzx]{width:18px;height:18px}.demo-play[data-astro-cid-wl7fyjzx] .demo-icon-pause[data-astro-cid-wl7fyjzx],.demo-track[data-astro-cid-wl7fyjzx].is-playing .demo-icon-play[data-astro-cid-wl7fyjzx]{display:none}.demo-track[data-astro-cid-wl7fyjzx].is-playing .demo-icon-pause[data-astro-cid-wl7fyjzx]{display:block}.demo-track[data-astro-cid-wl7fyjzx].is-playing .demo-play[data-astro-cid-wl7fyjzx]{background:var(--fg);border-color:var(--fg);color:var(--bg)}.demo-track-info[data-astro-cid-wl7fyjzx]{display:flex;flex-direction:column;gap:4px;min-width:0}.demo-track-title[data-astro-cid-wl7fyjzx]{font-size:15px;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:var(--fg)}.demo-track-meta[data-astro-cid-wl7fyjzx]{font-size:12px;font-weight:500;letter-spacing:.14em;text-transform:uppercase;color:var(--muted)}.demo-track-progress[data-astro-cid-wl7fyjzx]{position:relative;height:56px;cursor:pointer}.demo-wave[data-astro-cid-wl7fyjzx]{position:absolute;inset:0;width:100%;height:100%;display:block}.demo-wave[data-astro-cid-wl7fyjzx] rect[data-astro-cid-wl7fyjzx]{fill:var(--border-light)}.demo-wave-played[data-astro-cid-wl7fyjzx] rect[data-astro-cid-wl7fyjzx]{fill:var(--fg)}.demo-track-time[data-astro-cid-wl7fyjzx]{font-size:13px;font-weight:500;letter-spacing:.1em;color:var(--muted);font-variant-numeric:tabular-nums;text-align:right}.demo-explore[data-astro-cid-wl7fyjzx]{display:block;width:fit-content;margin:56px auto 0;text-align:center;font-size:12px;font-weight:600;letter-spacing:.14em;text-transform:uppercase;color:var(--fg);text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:7px;text-decoration-color:currentColor}@media(max-width:768px){.demo-track[data-astro-cid-wl7fyjzx]{grid-template-columns:48px minmax(0,1fr) 48px;grid-template-areas:"play info time" "progress progress progress";gap:18px 14px;padding:28px 0}.demo-track[data-astro-cid-wl7fyjzx] .demo-play[data-astro-cid-wl7fyjzx]{width:48px;height:48px}.demo-track[data-astro-cid-wl7fyjzx] .demo-track-progress[data-astro-cid-wl7fyjzx]{height:44px}.demo-track[data-astro-cid-wl7fyjzx] .demo-play[data-astro-cid-wl7fyjzx]{grid-area:play}.demo-track[data-astro-cid-wl7fyjzx] .demo-track-info[data-astro-cid-wl7fyjzx]{grid-area:info}.demo-track[data-astro-cid-wl7fyjzx] .demo-track-progress[data-astro-cid-wl7fyjzx]{grid-area:progress}.demo-track[data-astro-cid-wl7fyjzx] .demo-track-time[data-astro-cid-wl7fyjzx]{grid-area:time}}