.demos-module__mTtb8G__root{--paper:#ece7d9;--ink:#0f0f0f;--mute-1:#6a635a;--mute-2:#8a8378;background:var(--paper);min-height:100vh;color:var(--ink);font-family:var(--font-geist-mono), "SF Mono", Consolas, Menlo, monospace;font-size:12px;line-height:1.55;transition:background-color .2s,color .2s}.demos-module__mTtb8G__root a{color:var(--ink);border-bottom:1px solid var(--ink);text-decoration:none}.demos-module__mTtb8G__root a:hover{background:var(--ink);color:var(--paper);border-bottom-color:var(--ink)}html[data-theme=dark] .demos-module__mTtb8G__root{--paper:#16140f;--ink:#ece7d9;--mute-1:#b3a99a;--mute-2:#8f8574}.demos-module__mTtb8G__page{max-width:640px;margin:0 auto;padding:60px 24px 80px}.demos-module__mTtb8G__head{border-bottom:1px solid var(--ink);justify-content:space-between;align-items:baseline;margin-bottom:32px;padding-bottom:8px;display:flex}.demos-module__mTtb8G__head .demos-module__mTtb8G__home{letter-spacing:2px;text-transform:uppercase;color:var(--mute-1);border:none;font-size:10px}.demos-module__mTtb8G__head .demos-module__mTtb8G__home:hover{color:var(--ink);background:0 0}.demos-module__mTtb8G__head h1{letter-spacing:2.5px;text-transform:uppercase;margin:0;font-size:12px;font-weight:500}.demos-module__mTtb8G__empty{color:var(--mute-1);font-size:12px}.demos-module__mTtb8G__entries{margin:0;padding:0;list-style:none}.demos-module__mTtb8G__track{border-bottom:1px dotted var(--mute-2);grid-template-columns:22px 34px 1fr auto;align-items:center;gap:14px;padding:16px 0;display:grid}.demos-module__mTtb8G__track:first-child{padding-top:0}.demos-module__mTtb8G__n{color:var(--mute-2);font-variant-numeric:tabular-nums;font-size:11px}.demos-module__mTtb8G__meta{flex-direction:column;align-self:start;align-items:flex-end;gap:3px;margin-top:3px;display:flex}.demos-module__mTtb8G__date{color:var(--mute-2);letter-spacing:.3px;font-variant-numeric:tabular-nums;white-space:nowrap;font-size:9px}.demos-module__mTtb8G__size{color:var(--mute-1);font-variant-numeric:tabular-nums;white-space:nowrap;margin-bottom:5px;font-size:10px}.demos-module__mTtb8G__volume{width:60px;height:12px;accent-color:var(--ink);cursor:pointer;background:0 0;margin:0}.demos-module__mTtb8G__playBtn{width:34px;height:34px;color:var(--ink);border:1px solid var(--mute-2);cursor:pointer;background:0 0;flex-shrink:0;justify-content:center;align-items:center;font-family:inherit;font-size:12px;transition:background-color .12s,color .12s,border-color .12s;display:flex}.demos-module__mTtb8G__playBtn:hover{border-color:var(--ink)}.demos-module__mTtb8G__playBtn[data-playing=true]{background:var(--ink);color:var(--paper);border-color:var(--ink)}.demos-module__mTtb8G__trackInfo{flex-direction:column;gap:7px;min-width:0;display:flex}.demos-module__mTtb8G__titleRow{justify-content:space-between;align-items:baseline;gap:10px;display:flex}.demos-module__mTtb8G__title{text-transform:lowercase;text-overflow:ellipsis;white-space:nowrap;font-size:13px;overflow:hidden}.demos-module__mTtb8G__time{color:var(--mute-2);font-variant-numeric:tabular-nums;letter-spacing:.3px;flex-shrink:0;font-size:10px}.demos-module__mTtb8G__seek{background:var(--mute-2);opacity:.35;cursor:pointer;height:3px;position:relative}.demos-module__mTtb8G__seek:before{content:"";position:absolute;inset:-6px 0}.demos-module__mTtb8G__seekFill{background:var(--ink);position:absolute;inset:0 auto 0 0}.demos-module__mTtb8G__seek:hover{opacity:.6}.demos-module__mTtb8G__viz{letter-spacing:.5px;height:14px;color:var(--mute-2);white-space:nowrap;font-size:12px;line-height:1;overflow:hidden}.demos-module__mTtb8G__viz[data-playing=true]{color:var(--ink)}.demos-module__mTtb8G__renameForm{gap:6px;margin-top:4px;display:flex}.demos-module__mTtb8G__renameInput{min-width:0;color:var(--ink);background:var(--paper);border:1px solid var(--mute-2);flex:1;padding:3px 6px;font-family:inherit;font-size:11px}.demos-module__mTtb8G__renameInput:focus{border-color:var(--ink);outline:none}.demos-module__mTtb8G__renameBtn{letter-spacing:1px;text-transform:uppercase;color:var(--ink);border:1px solid var(--mute-2);cursor:pointer;background:0 0;padding:3px 10px;font-family:inherit;font-size:10px}.demos-module__mTtb8G__renameBtn:hover{background:var(--ink);color:var(--paper);border-color:var(--ink)}@media (max-width:480px){.demos-module__mTtb8G__track{grid-template-columns:18px 30px 1fr;gap:10px}.demos-module__mTtb8G__size{display:none}.demos-module__mTtb8G__meta{flex-direction:row;grid-column:1/-1;justify-content:flex-end;align-items:center;margin-top:6px}}