.plate{--fig-ink:var(--foreground);--fig-muted:var(--muted);--fig-grid:color-mix(in srgb, var(--foreground) 12%, transparent);--fig-faint:color-mix(in srgb, var(--foreground) 6%, transparent);--fig-q:#f0b450;--fig-k:#6ea8ff;--fig-v:#4fd1a5;--fig-accent:#b49afa;--fig-warn:#ff7a7a;margin:36px 0 40px}html.light .plate{--fig-q:#c27c0e;--fig-k:#2f6fd6;--fig-v:#0f9a6c;--fig-accent:#6d4fd8;--fig-warn:#c93c3c}.plate-art svg{width:100%;height:auto;display:block;overflow:visible}.concept-article .plate[data-wide] .plate-art{margin-inline:clamp(-120px,-6vw,0px)}.plate svg text{fill:var(--fig-ink);font-family:var(--font-geist-sans), sans-serif;font-size:13px}.plate svg .fig-muted{fill:var(--fig-muted)}.plate svg .fig-small{font-size:11.5px}.plate svg .fig-math{font-family:KaTeX_Math,Times New Roman,serif;font-size:17px;font-style:italic}.plate svg .fig-math-sub{font-family:KaTeX_Main,Times New Roman,serif;font-size:11px;font-style:normal}.plate svg .fig-grid{stroke:var(--fig-grid);stroke-width:1px;fill:none}.plate svg .fig-axis{stroke:var(--fig-muted);stroke-width:1px;fill:none}.plate-controls{color:var(--fig-muted);flex-wrap:wrap;align-items:center;gap:10px 18px;margin-top:14px;font-size:13px;display:flex}.plate-controls output{color:var(--fig-ink);font-variant-numeric:tabular-nums}.plate figcaption{max-width:64ch;color:var(--fig-muted);margin-top:14px;font-size:14px;line-height:1.6}.plate figcaption b{color:var(--fig-ink);font-weight:500}.plate-play{gap:4px;display:inline-flex}.plate-play button,.plate-toggle button{border:1px solid var(--fig-grid);min-width:32px;height:32px;color:var(--fig-ink);cursor:pointer;background:0 0;border-radius:999px;place-items:center;padding:0 10px;font-size:13px;transition:border-color .15s,background .15s;display:inline-grid}.plate-play button:hover,.plate-toggle button:hover{border-color:color-mix(in srgb, var(--fig-ink) 35%, transparent)}.plate-toggle{gap:4px;display:inline-flex}.plate-toggle button[aria-pressed=true]{background:var(--fig-faint);border-color:color-mix(in srgb, var(--fig-ink) 30%, transparent)}.plate :is(button,input):focus-visible{outline:2px solid var(--fig-accent);outline-offset:2px}.plate input[type=range]{accent-color:var(--fig-accent)}@media (max-width:640px){.concept-article .plate[data-wide] .plate-art{margin-inline:0}.plate figcaption{font-size:13px}.plate-art{overscroll-behavior-x:contain;scrollbar-width:thin;padding-bottom:6px;overflow-x:auto}.plate-art svg{min-width:600px}:is(.fl-card-art,.library-feature-art) .plate-art{overflow:hidden}:is(.fl-card-art,.library-feature-art) .plate-art svg{min-width:0}}
