.sideline-demo-module__fw795q__native{--sideline-yellow:#ffdd38;--sideline-paper:#e9e9e5;--sideline-muted:#93938f;--sideline-ink:#101011;aspect-ratio:12/5;width:100%;position:relative;container-type:inline-size}.sideline-demo-module__fw795q__instrument{width:100%;height:100%;display:block}.sideline-demo-module__fw795q__frame{border:1px solid var(--color-edge);background:var(--color-ink);border-radius:6px;overflow:hidden}.sideline-demo-module__fw795q__placeholder{aspect-ratio:12/5}.sideline-demo-module__fw795q__hit,.sideline-demo-module__fw795q__dragHit,.sideline-demo-module__fw795q__pointHit,.sideline-demo-module__fw795q__sliderHit{color:#0000;background:0 0;border:0;padding:0;position:absolute}.sideline-demo-module__fw795q__hit{cursor:pointer}.sideline-demo-module__fw795q__hit:hover{background:#e9e9e506}.sideline-demo-module__fw795q__hit:active{background:#e9e9e512}.sideline-demo-module__fw795q__hit:disabled{cursor:default}.sideline-demo-module__fw795q__hit:focus-visible,.sideline-demo-module__fw795q__dragHit:focus-within,.sideline-demo-module__fw795q__sliderHit:focus-within{outline:1px solid var(--sideline-yellow);outline-offset:1px}.sideline-demo-module__fw795q__dragHit{cursor:ew-resize;touch-action:none}.sideline-demo-module__fw795q__pointHit{cursor:grab;touch-action:none}.sideline-demo-module__fw795q__pointHit:active{cursor:grabbing}.sideline-demo-module__fw795q__sliderHit input{cursor:ew-resize;opacity:0;touch-action:pan-y;width:100%;height:100%;margin:0}.sideline-demo-module__fw795q__hiddenRange{opacity:0;pointer-events:none;width:100%;height:100%;margin:0}.sideline-demo-module__fw795q__crossfade{position:relative}.sideline-demo-module__fw795q__outgoing{pointer-events:none;animation:.32s both sideline-demo-module__fw795q__outgoing;position:absolute;inset:0}.sideline-demo-module__fw795q__incoming{animation:.32s both sideline-demo-module__fw795q__incoming}@keyframes sideline-demo-module__fw795q__outgoing{0%{opacity:1}to{opacity:0}}@keyframes sideline-demo-module__fw795q__incoming{0%{opacity:0}to{opacity:1}}.sideline-demo-module__fw795q__demoStatus{min-height:24px;color:var(--color-light);justify-content:center;align-items:center;gap:10px;margin-bottom:12px;font-size:14px;line-height:1.5;display:flex}.sideline-demo-module__fw795q__demoActions{justify-content:space-between;align-items:center;gap:12px;margin-top:14px;display:flex}.sideline-demo-module__fw795q__demoActions button,.sideline-demo-module__fw795q__resume{color:var(--color-bright);font:500 12px var(--font-plex-sans);cursor:pointer;text-underline-offset:4px;min-height:34px}.sideline-demo-module__fw795q__demoActions button:hover,.sideline-demo-module__fw795q__resume:hover{text-decoration:underline}.sideline-demo-module__fw795q__caption{color:var(--color-light);min-height:36px;margin-top:7px;font-size:12px;line-height:1.5}.sideline-demo-module__fw795q__resume{color:var(--color-yellow)}.sideline-demo-module__fw795q__dialog{border:1px solid var(--color-edge);background:var(--color-ink);width:min(1200px,100vw - 24px);max-width:none;max-height:calc(100dvh - 24px);color:var(--color-bright);border-radius:8px;margin:auto;padding:14px}.sideline-demo-module__fw795q__dialog::backdrop{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#000000d9}.sideline-demo-module__fw795q__dialogHeader{font:12px var(--font-plex-mono);justify-content:space-between;align-items:center;margin-bottom:12px;display:flex}.sideline-demo-module__fw795q__dialogHeader button{cursor:pointer;min-height:36px}.sideline-demo-module__fw795q__pan{overflow-x:auto}.sideline-demo-module__fw795q__pan .sideline-demo-module__fw795q__crossfade{min-width:720px}.sideline-demo-module__fw795q__step{opacity:.55;transition:opacity .4s}.sideline-demo-module__fw795q__step[data-on=true]{opacity:1}.sideline-demo-module__fw795q__tryButton{display:none}@media (max-height:580px){.sideline-demo-module__fw795q__track,.sideline-demo-module__fw795q__panel{position:static!important}.sideline-demo-module__fw795q__tryButton{display:inline-block}}@media (prefers-reduced-motion:reduce){.sideline-demo-module__fw795q__step{transition:none}.sideline-demo-module__fw795q__outgoing{display:none}.sideline-demo-module__fw795q__incoming{animation:none}}.sideline-demo-module__fw795q__menu{z-index:5;min-width:240px;font:12px var(--font-plex-mono);color:var(--sideline-paper);background:#1c1c1d;border:1px solid #e9e9e52e;padding:5px;position:absolute;box-shadow:0 4px 18px #0009}.sideline-demo-module__fw795q__menu button{text-align:left;cursor:pointer;width:100%;min-height:29px;padding:5px 10px;display:block}.sideline-demo-module__fw795q__menu button:hover,.sideline-demo-module__fw795q__menu button:focus-visible{color:var(--sideline-yellow);background:#ffdd381f}.sideline-demo-module__fw795q__menu hr{border-color:#e9e9e51f;margin:4px 8px}@media (max-width:500px){.sideline-demo-module__fw795q__menu{left:10%!important}}.sideline-demo-module__fw795q__curveHit{cursor:crosshair;position:absolute}.sideline-demo-module__fw795q__bandCopy{position:sticky;top:calc(3.25rem + 42vw + 110px)}@media (min-width:1024px){.sideline-demo-module__fw795q__bandCopy{top:32vh}}@media (max-height:580px){.sideline-demo-module__fw795q__bandCopy{position:static}}.sideline-demo-module__fw795q__touchViewport{touch-action:pan-y;pointer-events:none;position:absolute}.sideline-demo-module__fw795q__native[data-zoom-enabled=true] .sideline-demo-module__fw795q__touchViewport,.sideline-demo-module__fw795q__native[data-zoom-enabled=true] .sideline-demo-module__fw795q__curveHit{touch-action:none}.sideline-demo-module__fw795q__curveHit{touch-action:pan-y}.sideline-demo-module__fw795q__hit{touch-action:manipulation}.sideline-demo-module__fw795q__sliderHit input{touch-action:none}@media (pointer:coarse){.sideline-demo-module__fw795q__pointHit{pointer-events:none}.sideline-demo-module__fw795q__touchViewport{pointer-events:auto}.sideline-demo-module__fw795q__dragHit{min-width:28px;transform:translate(calc(min(0px,1.6667cqw - 28px)/2))}.sideline-demo-module__fw795q__dialog{width:calc(100vw - 12px);max-height:calc(100dvh - 12px);padding:8px}.sideline-demo-module__fw795q__dialogHeader button{min-width:64px;min-height:44px}.sideline-demo-module__fw795q__pan{overscroll-behavior-x:contain}}@media (pointer:coarse) and (orientation:landscape) and (max-height:440px){.sideline-demo-module__fw795q__pan .sideline-demo-module__fw795q__crossfade{width:720px;margin-inline:auto}.sideline-demo-module__fw795q__dialogHeader{margin-bottom:4px}.sideline-demo-module__fw795q__dialog[data-editing=true]>.sideline-demo-module__fw795q__caption{display:none}}