body.jam-body,.jam-app{--sv-page-bg:var(--site-background);--sv-page-text:var(--site-text)}.jam-stage{grid-template-columns:var(--jam-field,100%) var(--jam-panel,0px);column-gap:var(--jam-gap,0px);--jam-gutter:32px;grid-template-rows:minmax(0,1fr) auto;justify-content:start;min-width:0;min-height:0;display:grid;position:relative}.jam-stage.cramped .jam-field{overflow:hidden}.jam-field{grid-area:1/1;align-self:end;min-width:0}.jam-stage.cramped .jam-field{justify-content:center;display:flex}.jam-board{image-rendering:pixelated;touch-action:none;display:block}.jam-status{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;margin:0;position:absolute;overflow:hidden}@media (width>=901px) and (hover:hover){.jam-app .sv-viewport-frame{grid-template-rows:minmax(0,1fr);gap:0}.jam-app .sv-frame-footer{display:none}}.jam-app .sv-breadcrumb-experiment[data-tooltip]:after,.jam-app .sv-breadcrumb-experiment[data-tooltip]:hover:after,.jam-app .sv-breadcrumb-experiment[data-tooltip]:focus-within:after{text-align:left;left:-9px}.jam-app .sv-breadcrumb-experiment[data-tooltip]:after{transform:translateY(4px)}.jam-app .sv-breadcrumb-experiment[data-tooltip]:hover:after,.jam-app .sv-breadcrumb-experiment[data-tooltip]:focus-within:after{transform:translate(0)}.jam-tray{padding-top:var(--jam-gutter);grid-area:2/1;place-self:start;position:relative}.jam-controls{margin-bottom:calc(var(--jam-unit,4px) * -2)}.jam-panel{display:contents}.jam-panel[hidden]{display:none}.jam-panel-top{height:var(--jam-board-h,auto);flex-direction:column;grid-area:1/2;justify-content:space-between;align-self:end;align-items:end;min-height:0;display:flex;overflow:hidden}.jam-tracks{align-self:stretch;position:relative}.jam-stage.over .jam-panel-top{z-index:2;background:var(--site-background);grid-area:1/1/2/-1;align-items:stretch;position:absolute;bottom:0;left:0;right:0}.jam-stage.over .jam-panel-foot{display:none}.jam-panel-foot{padding-top:var(--jam-gutter);margin-bottom:calc(var(--jam-unit,4px) * -2);grid-area:2/2;justify-content:end;align-self:start;display:flex}.jam-labels{z-index:3;image-rendering:pixelated;pointer-events:none;position:absolute;top:0;left:0}.jam-controls{grid-template-columns:auto 1fr auto auto;grid-template-areas:"kit.name transport";align-items:center;display:grid}.jam-tray.narrow .jam-controls{grid-template-columns:auto 1fr auto;grid-template-areas:"kit.transport""name name name"}.jam-kit{grid-area:kit}.jam-transport{grid-area:transport}.jam-controls .jam-track{margin-right:calc(var(--jam-unit,4px) * 3);grid-area:name;justify-self:end}.jam-tray.narrow .jam-controls .jam-track{margin-right:0}.jam-tray.narrowest .jam-controls{grid-template-columns:auto 1fr;grid-template-areas:"kit kit""name name""transport transport"}.jam-tray.narrowest .jam-transport{justify-self:end}.jam-transport,.jam-kit{align-items:center;gap:calc(var(--jam-unit,4px) * 2);display:flex}.jam-kit{justify-self:start;gap:calc(var(--jam-unit,4px) * 3)}.jam-control{cursor:default;touch-action:none;background:0 0;border:0;padding:0;display:block}.jam-control[hidden]{display:none}.jam-control canvas,.jam-tracks canvas{image-rendering:pixelated;display:block}.jam-control.earned,.jam-track{cursor:pointer}.jam-control:focus-visible,.jam-tracks-row:focus-visible{outline:1px solid var(--site-text);outline-offset:1px}@media (hover:hover){.jam-control.earned:hover canvas{transform:translateY(-1px)}}.jam-tracks-row{cursor:pointer;background:0 0;border:0;width:100%;padding:0;position:absolute;left:0}.jam-dev{background:var(--site-background);color:var(--site-muted);flex-direction:column;align-items:flex-end;gap:4px;padding:2px 6px;font-size:11px;display:flex;position:absolute;top:6px;right:8px}.jam-dev-row{align-items:center;gap:6px;display:flex}.jam-dev[hidden],.jam-dev-row[hidden]{display:none}.jam-dev select{border:1px solid var(--site-muted);background:var(--site-background);color:var(--site-text);font:inherit}.jam-dev-mix.muted{color:var(--site-muted);text-decoration:line-through}.jam-dev-mix.soloed{background:var(--site-text);color:var(--site-background)}.jam-dev button{border:1px solid var(--site-muted);color:var(--site-text);font:inherit;cursor:pointer;background:0 0;padding:0 4px}.jam-control.wiggle canvas{animation:.36s jam-wiggle}@keyframes jam-wiggle{20%{transform:translate(-3px)rotate(-4deg)}45%{transform:translate(3px)rotate(4deg)}70%{transform:translate(-2px)rotate(-2deg)}}.jam-control.revealed canvas{animation:.6s cubic-bezier(.2,1.6,.4,1) jam-reveal}@keyframes jam-reveal{0%{transform:scale(.6)}60%{transform:scale(var(--jam-pop,1.25))}to{transform:scale(1)}}.jam-control.fresh:not(.revealed) canvas,.jam-control.fresh.revealed canvas{animation:.6s cubic-bezier(.2,1.6,.4,1) jam-reveal,1.2s ease-in-out .6s infinite jam-fresh}@keyframes jam-fresh{50%{transform:scale(var(--jam-pulse,1.12))}}.jam-control.big{--jam-pop:1.1;--jam-pulse:1.04}@media (prefers-reduced-motion:reduce){.jam-control canvas{animation:none!important}}