.motion[data-astro-cid-evuiborx]{gap:var(--space-7);grid-template-columns:minmax(0,1fr) 21rem;align-items:start;display:grid}@media (width>=64rem){.motion__stage[data-astro-cid-evuiborx]{top:calc(var(--nav-height) + var(--space-5));position:sticky}}.board__note[data-astro-cid-evuiborx]{margin:0 0 var(--space-5);max-width:var(--measure-narrow);font-size:var(--text-sm);color:var(--color-text-muted)}.board[data-astro-cid-evuiborx].is-paused [data-astro-cid-evuiborx]{animation-play-state:paused}.board[data-astro-cid-evuiborx]{--dot:2.75rem;--c-move:cubic-bezier(.22, 1, .36, 1);--c-fade:cubic-bezier(.22, 1, .36, 1);--c-scale:cubic-bezier(.22, 1, .36, 1);--c-colour:cubic-bezier(.22, 1, .36, 1);--loop:1.429s;gap:var(--space-5);grid-template-columns:repeat(2,minmax(0,1fr));display:grid}.panel[data-astro-cid-evuiborx]{margin:0}.stage[data-astro-cid-evuiborx]{aspect-ratio:16/9;border:var(--border-hair);border-radius:var(--radius-md);background:var(--color-paper-tint);position:relative;overflow:hidden}.stage__inner[data-astro-cid-evuiborx]{inset:var(--space-4);position:absolute}.panel__cap[data-astro-cid-evuiborx]{align-items:baseline;gap:var(--space-2) var(--space-3);margin:var(--space-3) 0 var(--space-2);font-family:var(--font-label);font-size:var(--text-xs);letter-spacing:var(--label-tracking);flex-wrap:wrap;display:flex}.panel__name[data-astro-cid-evuiborx]{color:var(--color-text-strong)}.panel__prop[data-astro-cid-evuiborx]{color:var(--color-text-muted);font-family:inherit}.runner[data-astro-cid-evuiborx]{inset-block:0;align-items:center;width:100%;display:flex;position:absolute;left:0}.dot[data-astro-cid-evuiborx]{width:var(--dot);height:var(--dot);border-radius:var(--radius-md);background:var(--color-ink)}.block[data-astro-cid-evuiborx]{width:var(--dot);height:var(--dot);margin:calc(var(--dot) / -2) 0 0 calc(var(--dot) / -2);border-radius:var(--radius-md);background:var(--color-ink);position:absolute;inset:50% auto auto 50%}.block--fade[data-astro-cid-evuiborx]{opacity:0}.block--scale[data-astro-cid-evuiborx]{transform:scale(.2)}.swatch[data-astro-cid-evuiborx]{border-radius:var(--radius-sm);background:var(--field);position:absolute;inset:0}@keyframes m-move{0%{transform:translate(0)}35%,to{transform:translateX(calc(100% - var(--dot)))}}@keyframes m-fade{0%{opacity:0}35%,to{opacity:1}}@keyframes m-scale{0%{transform:scale(.2)}35%,to{transform:scale(1)}}@keyframes m-colour{0%{background:var(--field)}35%,to{background:var(--mark)}}.board[data-astro-cid-evuiborx].is-running .runner[data-astro-cid-evuiborx],.board[data-astro-cid-evuiborx].is-running .block--fade[data-astro-cid-evuiborx],.board[data-astro-cid-evuiborx].is-running .block--scale[data-astro-cid-evuiborx],.board[data-astro-cid-evuiborx].is-running .swatch[data-astro-cid-evuiborx]{animation-duration:var(--loop);animation-iteration-count:infinite}.board[data-astro-cid-evuiborx].is-running .runner[data-astro-cid-evuiborx]{animation-name:m-move;animation-timing-function:var(--c-move)}.board[data-astro-cid-evuiborx].is-running .block--fade[data-astro-cid-evuiborx]{animation-name:m-fade;animation-timing-function:var(--c-fade)}.board[data-astro-cid-evuiborx].is-running .block--scale[data-astro-cid-evuiborx]{animation-name:m-scale;animation-timing-function:var(--c-scale)}.board[data-astro-cid-evuiborx].is-running .swatch[data-astro-cid-evuiborx]{animation-name:m-colour;animation-timing-function:var(--c-colour)}.board[data-astro-cid-evuiborx].is-reduced .runner[data-astro-cid-evuiborx]{transform:translateX(calc(100% - var(--dot)))}.board[data-astro-cid-evuiborx].is-reduced .block--scale[data-astro-cid-evuiborx]{transform:scale(1)}.board[data-astro-cid-evuiborx].is-reduced.is-running .runner[data-astro-cid-evuiborx],.board[data-astro-cid-evuiborx].is-reduced.is-running .block--scale[data-astro-cid-evuiborx]{animation-name:m-fade}@media (prefers-reduced-motion:reduce){.board[data-astro-cid-evuiborx].is-running .runner[data-astro-cid-evuiborx],.board[data-astro-cid-evuiborx].is-running .block--fade[data-astro-cid-evuiborx],.board[data-astro-cid-evuiborx].is-running .block--scale[data-astro-cid-evuiborx],.board[data-astro-cid-evuiborx].is-running .swatch[data-astro-cid-evuiborx]{animation-duration:var(--loop)!important;animation-iteration-count:infinite!important}}.picker[data-astro-cid-evuiborx]{align-items:center;gap:var(--space-3);display:flex}.glyph[data-astro-cid-evuiborx]{flex:none;width:1.75rem;height:2.1rem;overflow:visible}.glyph__base[data-astro-cid-evuiborx]{stroke:var(--color-hairline);stroke-width:4px;fill:none}.glyph__curve[data-astro-cid-evuiborx]{stroke:var(--color-ink);stroke-width:7px;stroke-linecap:round;fill:none}.picker[data-astro-cid-evuiborx] .select[data-astro-cid-evuiborx]{flex:auto;min-width:0}.panel__note[data-astro-cid-evuiborx]{margin:var(--space-3) 0 0;min-height:4.2em;font-size:var(--text-sm);color:var(--color-text-muted);line-height:1.4}.select[data-astro-cid-evuiborx]{display:block;position:relative}.select[data-astro-cid-evuiborx] select[data-astro-cid-evuiborx]{-webkit-appearance:none;appearance:none;width:100%;padding:var(--space-2) var(--space-6) var(--space-2) var(--space-4);font-family:var(--font-label);font-size:var(--text-xs);letter-spacing:var(--label-tracking);color:var(--color-ink);background:var(--color-white);border:var(--divider);border-radius:var(--radius-pill);cursor:pointer;transition:border-color var(--dur-fast) var(--ease-out)}.select[data-astro-cid-evuiborx] select[data-astro-cid-evuiborx]:hover{border-color:var(--color-ink)}.select__caret[data-astro-cid-evuiborx]{right:var(--space-4);font-style:normal;font-size:var(--text-xs);color:var(--color-text-muted);pointer-events:none;position:absolute;top:50%;transform:translateY(-50%)}.motion__label[data-astro-cid-evuiborx]{font-size:var(--text-md);margin-bottom:var(--space-5)}.motion__controls[data-astro-cid-evuiborx]{gap:var(--space-6);display:grid}.field__label[data-astro-cid-evuiborx]{margin:0 0 var(--space-1);font-family:var(--font-label);font-size:var(--text-xs);letter-spacing:var(--label-tracking);color:var(--color-ink);display:block}.field__hint[data-astro-cid-evuiborx]{margin:var(--space-3) 0 0;font-size:var(--text-sm);color:var(--color-text-muted)}.chips[data-astro-cid-evuiborx]{gap:var(--space-2);flex-wrap:wrap;display:flex}.chip[data-astro-cid-evuiborx]{align-items:center;gap:var(--space-2);padding:var(--space-2) var(--space-4);font-family:var(--font-label);font-size:var(--text-xs);letter-spacing:var(--label-tracking);color:var(--color-text);border:var(--divider);border-radius:var(--radius-pill);cursor:pointer;transition:border-color var(--dur-fast) var(--ease-out), color var(--dur-fast) var(--ease-out);background:0 0;display:inline-flex}.chip[data-astro-cid-evuiborx]:hover{border-color:var(--color-ink);color:var(--color-ink)}.chip[data-astro-cid-evuiborx][aria-pressed=true]{color:var(--color-ink);border-color:var(--color-ink);background:var(--color-paper-tint)}.switch[data-astro-cid-evuiborx]{align-items:center;gap:var(--space-3);cursor:pointer;font-family:var(--font-label);font-size:var(--text-xs);letter-spacing:var(--label-tracking);color:var(--color-ink);background:0 0;border:0;padding:0;display:inline-flex}.switch__track[data-astro-cid-evuiborx]{background:var(--color-white);border:var(--divider);border-radius:var(--radius-pill);width:2.5rem;height:1.375rem;transition:background-color var(--dur-fast) var(--ease-out), border-color var(--dur-fast) var(--ease-out);flex:none;position:relative}.switch__thumb[data-astro-cid-evuiborx]{background:var(--color-text-muted);border-radius:var(--radius-pill);width:1rem;height:1rem;transition:transform var(--dur-fast) var(--ease-out), background-color var(--dur-fast) var(--ease-out);position:absolute;top:50%;left:2px;transform:translateY(-50%)}.switch[data-astro-cid-evuiborx]:hover .switch__track[data-astro-cid-evuiborx]{border-color:var(--color-ink)}.switch[data-astro-cid-evuiborx][aria-checked=true] .switch__track[data-astro-cid-evuiborx]{background:var(--color-ink);border-color:var(--color-ink)}.switch[data-astro-cid-evuiborx][aria-checked=true] .switch__thumb[data-astro-cid-evuiborx]{background:var(--color-white);transform:translateY(-50%)translate(1.125rem)}.export[data-astro-cid-evuiborx]{margin-top:var(--space-8)}.export__code[data-astro-cid-evuiborx]{margin:var(--space-3) 0 var(--space-5);padding:var(--space-5);font-family:var(--font-label);font-size:var(--text-xs);line-height:var(--leading-snug);color:var(--color-text);background:var(--color-paper-tint);border:var(--border-hair);border-radius:var(--radius-md);tab-size:2;overflow-x:auto}.export__actions[data-astro-cid-evuiborx]{gap:var(--space-2);flex-wrap:wrap;display:flex}.status[data-astro-cid-evuiborx]{min-height:1.4em;margin:var(--space-3) 0 0;font-size:var(--text-sm);color:var(--color-text-muted)}@media (width<=64rem){.motion[data-astro-cid-evuiborx]{gap:var(--space-6);grid-template-columns:minmax(0,1fr)}.motion__panel[data-astro-cid-evuiborx]{max-width:var(--measure-read)}}@media (width<=40rem){.board[data-astro-cid-evuiborx]{grid-template-columns:minmax(0,1fr)}.panel__note[data-astro-cid-evuiborx]{min-height:0}}