@layer starlight.components{svg:where(.astro-n5k4ipy7){color:var(--sl-icon-color);font-size:var(--sl-icon-size,1em);width:1em;height:1em}}.demo:where(.astro-gbfowymt){flex-direction:column;gap:.75rem;margin-block:.5rem 2rem;display:flex;container-type:inline-size}.demo__stage:where(.astro-gbfowymt){aspect-ratio:2;background:radial-gradient(circle at 50% 35%, color-mix(in srgb, var(--sl-color-accent) 14%, transparent), transparent 70%), var(--sl-color-black);border:1px solid var(--sl-color-gray-5);border-radius:.75rem;min-height:24rem;position:relative;overflow:hidden}.demo__stage:where(.astro-gbfowymt) canvas:where(.astro-gbfowymt){touch-action:pan-y;width:100%;height:100%;display:block;position:absolute;inset:0}.demo__overlay:where(.astro-gbfowymt){pointer-events:none;font-size:var(--sl-text-xs);justify-content:space-between;align-items:center;gap:.75rem;margin:0;padding:.6rem .75rem;display:flex;position:absolute;inset-inline:0}.demo__overlay--top:where(.astro-gbfowymt){top:0}.demo__overlay--bottom:where(.astro-gbfowymt){text-align:center;justify-content:center;min-height:2.1rem;bottom:0}.demo__badge:where(.astro-gbfowymt):empty{display:none}.demo__badge:where(.astro-gbfowymt){background:color-mix(in srgb, var(--sl-color-black) 65%, transparent);color:var(--sl-color-gray-2);font-variant-numeric:tabular-nums;border-radius:.35rem;margin:0;padding:.2rem .5rem}.demo__toggle:where(.astro-gbfowymt){pointer-events:auto;background:color-mix(in srgb, var(--sl-color-black) 65%, transparent);color:var(--sl-color-gray-2);cursor:pointer;user-select:none;white-space:nowrap;border-radius:.35rem;align-items:center;gap:.45rem;padding:.2rem .5rem .2rem .35rem;display:inline-flex}.demo__toggle:where(.astro-gbfowymt) input:where(.astro-gbfowymt){opacity:0;width:0;height:0;position:absolute}.demo__toggle-track:where(.astro-gbfowymt){background:var(--sl-color-gray-5);border-radius:999px;flex:none;width:1.9rem;height:1.05rem;transition:background .15s;position:relative}.demo__toggle-track:where(.astro-gbfowymt):after{content:"";background:var(--sl-color-white);border-radius:50%;width:.75rem;height:.75rem;transition:transform .15s;position:absolute;top:.15rem;left:.15rem}.demo__toggle:where(.astro-gbfowymt) input:where(.astro-gbfowymt):checked+.demo__toggle-track:where(.astro-gbfowymt){background:var(--sl-color-accent)}.demo__toggle:where(.astro-gbfowymt) input:where(.astro-gbfowymt):checked+.demo__toggle-track:where(.astro-gbfowymt):after{transform:translate(.85rem)}.demo__toggle:where(.astro-gbfowymt) input:where(.astro-gbfowymt):focus-visible+.demo__toggle-track:where(.astro-gbfowymt){outline:2px solid var(--sl-color-accent-high);outline-offset:2px}.demo__status:where(.astro-gbfowymt){inset-inline:0;text-align:center;font-size:var(--sl-text-xs);color:var(--sl-color-gray-3);pointer-events:none;margin:0;position:absolute;top:50%}.demo__status:where(.astro-gbfowymt):empty{display:none}.demo__plots:where(.astro-gbfowymt){grid-template-columns:repeat(6,minmax(0,1fr));gap:.5rem;display:grid}@container (width<=60rem){.demo__plots:where(.astro-gbfowymt){grid-template-columns:repeat(3,minmax(0,1fr))}}@container (width<=34rem){.demo__plots:where(.astro-gbfowymt){grid-template-columns:repeat(2,minmax(0,1fr))}}.demo__plot:where(.astro-gbfowymt){border:1px solid var(--sl-color-gray-5);background:var(--sl-color-gray-6);border-radius:.5rem;margin:0;padding:.5rem .6rem .35rem}.demo__plot:where(.astro-gbfowymt) figcaption:where(.astro-gbfowymt){font-size:var(--sl-text-xs);color:var(--sl-color-gray-3);justify-content:space-between;align-items:baseline;gap:.5rem;display:flex}.demo__plot:where(.astro-gbfowymt) figcaption:where(.astro-gbfowymt) span:where(.astro-gbfowymt){white-space:nowrap;text-overflow:ellipsis;min-width:0;overflow:hidden}.demo__plot:where(.astro-gbfowymt) figcaption:where(.astro-gbfowymt) b:where(.astro-gbfowymt){color:var(--sl-color-white);font-variant-numeric:tabular-nums;font-weight:600}.demo__plot:where(.astro-gbfowymt) canvas:where(.astro-gbfowymt){width:100%;height:2.75rem;color:var(--sl-color-accent-high);--spark-grid:var(--sl-color-gray-5);--spark-window:var(--sl-color-accent-low);margin-top:.35rem;display:block}.demo__plot--out:where(.astro-gbfowymt){border-color:var(--sl-color-accent)}.demo__plot:where(.astro-gbfowymt) figcaption:where(.astro-gbfowymt) i:where(.astro-gbfowymt){color:var(--sl-color-gray-4);margin-left:.3em;font-style:normal}.demo__legend:where(.astro-gbfowymt){font-size:var(--sl-text-xs);color:var(--sl-color-gray-3);margin:.6rem 0 0}.demo__legend-swatch:where(.astro-gbfowymt){vertical-align:-.1em;border:1px solid var(--sl-color-gray-5);background:var(--sl-color-accent-low);border-radius:.15em;width:.9em;height:.9em;display:inline-block}.demo__footnote:where(.astro-gbfowymt){font-size:var(--sl-text-xs);color:var(--sl-color-gray-3);margin:0;line-height:1.5}