.docs-stage{--docs-stage-w:100%;border-radius:var(--iv-radius-xl,1.25rem);background:var(--iv-color-surface-raised);min-inline-size:0;box-shadow:0 1px 0 var(--docs-hair) inset, 0 40px 80px -52px #000c, 0 0 1px 1px #80808012;isolation:isolate;margin:0;position:relative}.docs-stage:before{content:"";border-radius:var(--iv-radius-xl,1.25rem) var(--iv-radius-xl,1.25rem) 0 0;background:linear-gradient(90deg, transparent, var(--iv-color-accent) 22%, var(--iv-color-accent) 78%, transparent);opacity:.55;z-index:2;block-size:2px;position:absolute;inset-block-start:0;inset-inline:0}.docs-stage--primary{box-shadow:0 1px 0 var(--docs-line) inset, 0 60px 110px -60px var(--docs-halo), 0 0 1px 1px var(--docs-hair)}.docs-stage__bar{align-items:baseline;column-gap:var(--iv-space-3);padding:var(--iv-space-3) var(--iv-space-4) var(--iv-space-2);grid-template-columns:minmax(0,1fr) auto;row-gap:2px;display:grid}.docs-stage__title{font-family:var(--docs-display);font-weight:var(--iv-weight-medium);letter-spacing:-.01em;overflow-wrap:anywhere;min-inline-size:0}.docs-stage__path{font-family:var(--iv-font-mono);font-size:var(--iv-text-xs);color:var(--iv-color-text-muted);overflow-wrap:normal;white-space:nowrap;text-overflow:ellipsis;grid-column:1;min-inline-size:0;overflow:hidden}@media (width<=30em){.docs-stage__path{display:none}}.docs-stage__open{font-family:var(--iv-font-mono);font-size:var(--iv-text-xs);letter-spacing:.12em;text-transform:uppercase;color:var(--iv-color-text-muted);white-space:nowrap;border-radius:var(--iv-radius-full);grid-area:1/2/span 2;align-self:center;padding:.35rem .6rem;text-decoration:none}.docs-stage__open:hover,.docs-stage__open:focus-visible{color:var(--iv-color-primary);background:var(--iv-color-surface)}.docs-stage__controls{align-items:center;gap:var(--iv-space-2) var(--iv-space-3);padding:0 var(--iv-space-4) var(--iv-space-3);flex-wrap:wrap;display:flex}.docs-stage__controls[hidden]{display:none}.docs-stage__seg{border-radius:var(--iv-radius-full);background:var(--iv-color-surface);box-shadow:0 0 1px 1px var(--iv-color-border) inset;gap:2px;padding:2px;display:inline-flex}.docs-stage__seg button{appearance:none;cursor:pointer;font:inherit;font-family:var(--iv-font-mono);font-size:var(--iv-text-xs);letter-spacing:.08em;color:var(--iv-color-text-muted);border-radius:var(--iv-radius-full);transition:color var(--iv-motion-fast) var(--docs-ease), background-color var(--iv-motion-fast) var(--docs-ease);background:0 0;border:0;padding:.3rem .7rem}.docs-stage__seg button:hover{color:var(--iv-color-text)}.docs-stage__seg button[aria-pressed=true]{background:var(--iv-color-primary);color:var(--iv-color-on-primary)}.docs-stage__seg--render button{font-family:inherit;font-size:var(--iv-text-sm);letter-spacing:0}.docs-stage__toggles{gap:var(--iv-space-3);flex-wrap:wrap;margin-inline-start:auto;display:inline-flex}.docs-stage__all{appearance:none;cursor:pointer;font:inherit;font-family:var(--iv-font-mono);font-size:var(--iv-text-xs);letter-spacing:.1em;text-transform:uppercase;color:var(--iv-color-text-muted);background:var(--iv-color-surface);border-radius:var(--iv-radius-full);box-shadow:0 0 1px 1px var(--iv-color-border) inset;transition:color var(--iv-motion-fast) var(--docs-ease), box-shadow var(--iv-motion-fast) var(--docs-ease);border:0;padding:.3rem .8rem}.docs-stage__all[hidden]{display:none}.docs-stage__all:hover{color:var(--iv-color-text);box-shadow:0 0 1px 1px var(--iv-color-border-strong) inset}.docs-stage__all[aria-pressed=true]{color:var(--iv-color-primary);box-shadow:0 0 1px 1px var(--iv-color-primary-border,var(--iv-color-primary)) inset}.docs-stage__port{padding:0 var(--iv-space-2) var(--iv-space-2);background:linear-gradient(180deg, transparent, var(--iv-color-bg) 8%);border-end-end-radius:var(--iv-radius-xl,1.25rem);border-end-start-radius:var(--iv-radius-xl,1.25rem);position:relative}.docs-stage__screen{inline-size:var(--docs-stage-w,100%);border-radius:var(--iv-radius-lg);background:var(--iv-color-bg);max-inline-size:100%;transition:inline-size .42s var(--docs-ease-out);margin-inline:auto;overflow:hidden;box-shadow:0 0 1px 1px #8080801a,0 24px 48px -36px #000000e6}.docs-stage__frame{inline-size:100%;transition:block-size var(--iv-motion-slow) var(--docs-ease);background:0 0;border:0;display:block}@media (prefers-reduced-motion:reduce){.docs-stage__frame{transition:none}}.docs-stage[data-stage-width="390"] .docs-stage__screen,.docs-stage[data-stage-width="768"] .docs-stage__screen{box-shadow:0 0 1px 1px var(--docs-hair), 0 34px 60px -40px #000000e6}.docs-stage__code{padding:0 var(--iv-space-2) var(--iv-space-2);position:relative}.docs-stage__tabs{gap:var(--iv-space-1);padding:var(--iv-space-2) var(--iv-space-2) var(--iv-space-1);display:flex}.docs-stage__tabs .docs-code__tab{appearance:none;cursor:pointer;font:inherit;font-family:var(--iv-font-mono);font-size:var(--iv-text-xs);letter-spacing:.1em;text-transform:uppercase;color:var(--iv-color-text-muted);border-radius:var(--iv-radius-sm);background:0 0;border:0;padding:.35rem .7rem;position:relative}.docs-stage__tabs .docs-code__tab:after{content:"";background:var(--iv-color-accent);transform-origin:0;block-size:2px;transition:transform .28s var(--docs-ease-out);position:absolute;inset-block-end:0;inset-inline:.5rem;transform:scaleX(0)}.docs-stage__tabs .docs-code__tab[aria-selected=true]{color:var(--iv-color-text)}.docs-stage__tabs .docs-code__tab[aria-selected=true]:after{transform:scaleX(1)}.docs-stage__code .docs-code__panel pre{padding:var(--iv-space-4) var(--iv-space-5);background:var(--iv-color-surface);border-radius:var(--iv-radius-lg);font-size:var(--iv-text-xs);white-space:pre-wrap;overflow-wrap:break-word;scrollbar-gutter:stable;box-shadow:0 1px 0 var(--docs-hair) inset;margin:0;line-height:1.7;overflow:auto}.docs-prose>.docs-stage{margin-block:var(--docs-block);max-inline-size:none}@media (width>=80em){.docs-prose>.docs-stage--primary{margin-inline:calc(var(--docs-bleed,0rem) * -1)}}@media (width<=40em){.docs-stage__controls{gap:var(--iv-space-2)}.docs-stage__toggles{margin-inline-start:0}}.docs-stage[data-stage-capped] .docs-stage__screen{position:relative}.docs-stage[data-stage-capped] .docs-stage__screen:after{content:"";pointer-events:none;background:linear-gradient(180deg, transparent, var(--iv-color-bg));opacity:.9;block-size:2.5rem;position:absolute;inset-block-end:0;inset-inline:0}.docs-stage__seg button:focus-visible,.docs-stage__all:focus-visible,.docs-stage__open:focus-visible,.docs-stage__tabs .docs-code__tab:focus-visible{outline:var(--iv-focus-width,2px) solid var(--iv-color-focus,var(--iv-color-primary));outline-offset:2px}