.live-code[data-astro-cid-qfekzpfr]{position:relative}.live-parts[data-astro-cid-qfekzpfr]{display:contents}.live-bar[data-astro-cid-qfekzpfr]{display:flex;align-items:center;gap:8px}.live-bar[data-astro-cid-qfekzpfr] button[data-astro-cid-qfekzpfr],.live-bar[data-astro-cid-qfekzpfr] a[data-astro-cid-qfekzpfr]{display:inline-flex;align-items:center;block-size:24px;padding:0 8px;border:1px solid var(--color-line-2);border-radius:var(--radius-sm);background:var(--color-ground);color:var(--color-text-1);font-family:inherit;font-size:.75rem;line-height:1.5;cursor:pointer;text-decoration:none;transition:color var(--motion),border-color var(--motion)}.live-bar[data-astro-cid-qfekzpfr] button[data-astro-cid-qfekzpfr]:hover,.live-bar[data-astro-cid-qfekzpfr] a[data-astro-cid-qfekzpfr]:hover{color:var(--color-primary-hover);border-color:var(--color-primary-hover)}.live-bar[data-astro-cid-qfekzpfr] button[data-astro-cid-qfekzpfr]:active,.live-bar[data-astro-cid-qfekzpfr] a[data-astro-cid-qfekzpfr]:active{color:var(--color-primary-active);border-color:var(--color-primary-active)}.live-frame[data-astro-cid-qfekzpfr]>canvas[data-astro-cid-qfekzpfr]{pointer-events:auto}.live-diagnostics[data-astro-cid-qfekzpfr]:empty{display:none}.live-reserved[data-astro-cid-qfekzpfr]{margin:0;color:var(--color-text-2);font-size:var(--text-meta)}.live-output[data-astro-cid-qfekzpfr]{margin-block-start:6px;border-block-start:1px solid var(--color-line-1);padding-block-start:10px}.live-output[data-astro-cid-qfekzpfr] summary[data-astro-cid-qfekzpfr]{color:var(--color-text-2);font-size:var(--text-meta);cursor:pointer}.live-output-body[data-astro-cid-qfekzpfr]{display:flex;flex-direction:column;gap:12px;margin-block-start:12px}.live-reflection[data-astro-cid-qfekzpfr]{width:100%;border-collapse:collapse;font-size:var(--text-meta)}.live-reflection[data-astro-cid-qfekzpfr] caption[data-astro-cid-qfekzpfr]{margin-block-end:6px;color:var(--color-text-2);text-align:left}.live-reflection[data-astro-cid-qfekzpfr] th[data-astro-cid-qfekzpfr],.live-reflection[data-astro-cid-qfekzpfr] td[data-astro-cid-qfekzpfr]{padding:4px 8px 4px 0;text-align:left;border-block-end:1px solid var(--color-line-1)}.live-code[data-astro-cid-qfekzpfr] .live-input{position:absolute;inset:0;z-index:1;box-sizing:border-box;width:100%;margin:0;border:0;outline-offset:-2px;resize:none;overflow:auto;background:transparent;color:transparent;caret-color:var(--color-accent);-webkit-text-fill-color:transparent;white-space:pre;tab-size:2}.live-code[data-astro-cid-qfekzpfr] .live-input::selection{background:color-mix(in srgb,var(--color-accent) 28%,transparent)}.live-controls[data-astro-cid-qfekzpfr][hidden]{display:none}.live-controls[data-astro-cid-qfekzpfr]{display:flex;flex-direction:column;gap:10px}.live-controls[data-astro-cid-qfekzpfr] .live-control{display:grid;grid-template-columns:minmax(0,1fr);gap:4px}.live-controls[data-astro-cid-qfekzpfr] .live-control-head{display:flex;align-items:baseline;gap:8px;font-size:var(--text-meta)}.live-controls[data-astro-cid-qfekzpfr] .live-control-head code{font-size:var(--text-meta)}.live-controls[data-astro-cid-qfekzpfr] .live-control-label{min-width:0;color:var(--color-text-2)}.live-controls[data-astro-cid-qfekzpfr] .live-control-value{flex:0 0 auto;color:var(--color-text-3);font:400 var(--text-meta)/1.4 var(--font-mono)}.live-controls[data-astro-cid-qfekzpfr] .live-control-inputs{display:flex;flex-wrap:wrap;align-items:center;gap:8px;min-height:24px}.live-controls[data-astro-cid-qfekzpfr] .live-control-inputs input[type=range]{flex:1 1 140px;min-width:0;accent-color:var(--color-accent)}.live-controls[data-astro-cid-qfekzpfr] .live-control-inputs input[type=number]{width:6rem;min-height:24px;border:1px solid var(--color-line-2);border-radius:var(--radius-sm);padding:3px 6px;background:var(--color-ground);color:var(--color-text-1);font:400 var(--text-meta)/1.4 var(--font-mono)}.live-controls[data-astro-cid-qfekzpfr] input[type=checkbox]{width:24px;height:24px;accent-color:var(--color-accent)}.live-controls[data-astro-cid-qfekzpfr] input[type=color]{width:56px;height:26px;padding:0;border:1px solid var(--color-line-2);border-radius:var(--radius-sm);background:var(--color-ground)}.live-controls[data-astro-cid-qfekzpfr] .live-pad{position:relative;width:100%;max-width:160px;aspect-ratio:1;border:1px solid var(--color-line-2);border-radius:var(--radius-sm);background:var(--color-surface-1);touch-action:none;cursor:crosshair}.live-controls[data-astro-cid-qfekzpfr] .live-pad-axes{display:flex;flex:1 1 140px;flex-direction:column;gap:6px;min-width:0}.live-controls[data-astro-cid-qfekzpfr] .live-pad-axes input{width:100%;accent-color:var(--color-accent)}.live-controls[data-astro-cid-qfekzpfr] .live-pad-dot{position:absolute;width:10px;height:10px;margin:-5px 0 0 -5px;border-radius:50%;background:var(--color-accent)}.live-diagnostics[data-astro-cid-qfekzpfr] .live-message{color:var(--color-diag);font:400 var(--text-meta)/1.55 var(--font-mono);white-space:pre-wrap}.live-diagnostics[data-astro-cid-qfekzpfr] .live-jump{border:0;padding:0;margin-inline-end:6px;background:none;color:inherit;font:inherit;text-decoration:underline;text-underline-offset:2px;cursor:pointer}.live-diagnostics[data-astro-cid-qfekzpfr] .live-error-code{color:inherit;text-decoration:underline;text-underline-offset:2px}.live-diagnostics[data-astro-cid-qfekzpfr] .live-note{margin-block-start:4px;color:var(--color-text-2);font-size:var(--text-meta)}@media(min-width:40rem){.live-controls[data-astro-cid-qfekzpfr] .live-control{grid-template-columns:minmax(0,16rem) minmax(0,1fr);align-items:center;gap:12px}}.figure[data-astro-cid-qfekzpfr].live-hero{display:block;gap:0;margin:0}.live-card-head[data-astro-cid-qfekzpfr]{display:flex;align-items:stretch;gap:12px;block-size:56px;padding-inline:16px;border-block-end:1px solid var(--color-line-1)}.live-card-body[data-astro-cid-qfekzpfr]{display:grid;grid-template-columns:minmax(0,1fr)}.figure[data-astro-cid-qfekzpfr].live-hero .live-code[data-astro-cid-qfekzpfr]{position:relative;block-size:260px;overflow-y:auto;background:var(--color-elevated);scrollbar-width:thin;scrollbar-color:var(--color-line-2) transparent;-webkit-mask-image:linear-gradient(to bottom,#000 calc(100% - 32px),transparent);mask-image:linear-gradient(to bottom,#000 calc(100% - 32px),transparent)}.figure[data-astro-cid-qfekzpfr].live-hero .live-code[data-astro-cid-qfekzpfr]>.expressive-code{position:absolute;inset:0;margin:0}.figure[data-astro-cid-qfekzpfr].live-hero .live-code[data-astro-cid-qfekzpfr] .frame{display:flex;flex-direction:column;block-size:100%;box-shadow:none}.figure[data-astro-cid-qfekzpfr].live-hero .live-code[data-astro-cid-qfekzpfr] .expressive-code{--ec-brdRad: 0;--ec-brdWd: 0;--ec-frm-shdCol: transparent;--ec-frm-edTabBarBg: transparent;--ec-frm-edTabBarBrdBtmCol: transparent}.figure[data-astro-cid-qfekzpfr].live-hero .live-code[data-astro-cid-qfekzpfr] .expressive-code .frame.has-title>.header{display:none}.figure[data-astro-cid-qfekzpfr].live-hero .live-code[data-astro-cid-qfekzpfr] .expressive-code pre{flex:1;min-block-size:0;overflow:auto;border:0;border-radius:0;scrollbar-width:thin;scrollbar-color:var(--color-line-2) transparent;overscroll-behavior:contain}.figure[data-astro-cid-qfekzpfr].live-hero .live-code[data-astro-cid-qfekzpfr] .expressive-code pre>code{font-size:var(--text-code);line-height:1.6}.figure[data-astro-cid-qfekzpfr].live-hero .live-frame[data-astro-cid-qfekzpfr]{order:-1;inline-size:100%;border:0;border-radius:0;border-block-end:1px solid var(--color-line-1);background:var(--color-surface-2)}.figure[data-astro-cid-qfekzpfr].live-hero .live-diagnostics[data-astro-cid-qfekzpfr],.figure[data-astro-cid-qfekzpfr].live-hero figcaption[data-astro-cid-qfekzpfr]{padding-inline:16px}.figure[data-astro-cid-qfekzpfr].live-hero .live-diagnostics[data-astro-cid-qfekzpfr]{padding-block-start:12px}.figure[data-astro-cid-qfekzpfr].live-hero .live-controls-group[data-astro-cid-qfekzpfr]{display:flex;flex-direction:column;gap:4px;padding:16px 16px 0;border-block-start:1px solid var(--color-line-1)}.figure[data-astro-cid-qfekzpfr].live-hero .live-controls[data-astro-cid-qfekzpfr]{gap:12px}.figure[data-astro-cid-qfekzpfr].live-hero .live-reserved[data-astro-cid-qfekzpfr]{font-size:.75rem;line-height:1.5;color:var(--color-text-2)}.figure[data-astro-cid-qfekzpfr].live-hero figcaption[data-astro-cid-qfekzpfr]{padding-block:8px 16px;font-size:.75rem;line-height:1.6667;color:var(--color-text-2)}@media(min-width:40rem){.figure[data-astro-cid-qfekzpfr].live-hero .live-reserved[data-astro-cid-qfekzpfr]{padding-inline-start:calc(16rem + 12px)}}@media(min-width:48rem){.live-card-body[data-astro-cid-qfekzpfr]{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}.figure[data-astro-cid-qfekzpfr].live-hero .live-code[data-astro-cid-qfekzpfr]{block-size:auto;border-inline-end:1px solid var(--color-line-1)}.figure[data-astro-cid-qfekzpfr].live-hero .live-frame[data-astro-cid-qfekzpfr]{order:0;border-block-end:0}}.figure[data-astro-cid-qfekzpfr].live .live-controls[data-astro-cid-qfekzpfr] input[type=range]{accent-color:var(--color-primary)}.figure[data-astro-cid-qfekzpfr].live .live-controls[data-astro-cid-qfekzpfr] input[type=color]{inline-size:40px;block-size:32px;padding:2px;border:1px solid var(--color-line-2);border-radius:var(--radius);background:var(--color-elevated);cursor:pointer}.figure[data-astro-cid-qfekzpfr].live .live-controls[data-astro-cid-qfekzpfr] .live-control-inputs:has(.live-pad){display:grid;grid-template-columns:auto minmax(0,1fr);grid-template-rows:auto 1fr;align-items:start;column-gap:12px;row-gap:8px}.figure[data-astro-cid-qfekzpfr].live .live-controls[data-astro-cid-qfekzpfr] .live-control-inputs:has(.live-pad) .live-pad{grid-row:1 / 3;inline-size:120px;max-inline-size:none}.figure[data-astro-cid-qfekzpfr].live .live-controls[data-astro-cid-qfekzpfr] .live-control-inputs:has(.live-pad) .live-pad-axes{flex:none;gap:12px;padding-block-start:6px}.figure[data-astro-cid-qfekzpfr].live .live-controls[data-astro-cid-qfekzpfr] .live-pad-axes input[type=range]{flex:none;inline-size:100%}.figure[data-astro-cid-qfekzpfr].live .live-controls[data-astro-cid-qfekzpfr] .live-control-inputs:has(.live-pad) .live-control-value{grid-column:2;align-self:end}.figure[data-astro-cid-qfekzpfr].live .live-anchor[data-astro-cid-qfekzpfr]{margin:0;font-size:var(--text-meta);line-height:var(--text-meta--line-height);color:var(--color-text-3)}.figure[data-astro-cid-qfekzpfr].live .live-exercises[data-astro-cid-qfekzpfr]{font-size:var(--text-ui);line-height:var(--text-ui--line-height)}.figure[data-astro-cid-qfekzpfr].live .live-exercises[data-astro-cid-qfekzpfr]>p[data-astro-cid-qfekzpfr]{margin:0 0 8px;color:var(--color-text-2)}.figure[data-astro-cid-qfekzpfr].live .live-exercises[data-astro-cid-qfekzpfr] ul[data-astro-cid-qfekzpfr]{margin:0;padding:0;list-style:none;border-block-start:1px solid var(--color-line-1)}.figure[data-astro-cid-qfekzpfr].live .live-exercises[data-astro-cid-qfekzpfr] li[data-astro-cid-qfekzpfr]{margin:0;padding-block:12px;padding-inline:0;border-block-end:1px solid var(--color-line-1);color:var(--color-text-1)}.figure[data-astro-cid-qfekzpfr].live .live-exercises[data-astro-cid-qfekzpfr] li[data-astro-cid-qfekzpfr]:last-child{border-block-end:0}