.docs-page-preview{min-width:0}.docs-page-preview__stage{border:var(--a-border-width) solid var(--a-color-ink);border-radius:var(--a-radius-small);background:var(--a-color-canvas);box-shadow:var(--a-shadow-small);margin-inline:auto;position:relative;overflow:hidden}.docs-page-preview[data-viewport=mobile] .docs-page-preview__stage{box-shadow:var(--a-shadow-interactive);border-radius:28px}.docs-page-preview iframe{transform-origin:0 0;background:var(--a-color-canvas);border:0;display:block;position:absolute;inset:0 auto auto 0}.docs-page-preview__loading{padding:var(--a-space-4);text-align:center;background:var(--a-color-canvas);place-items:center;display:grid;position:absolute;inset:0}.docs-page-uses{row-gap:var(--a-space-2)}.docs-page-use{padding:var(--a-space-1) var(--a-space-3);border:var(--a-border-width) solid var(--a-color-ink);border-radius:var(--a-radius-pill);background:var(--a-color-surface);color:var(--a-color-ink);font-size:var(--a-type-small-size);text-decoration:none;display:inline-flex}a.docs-page-use:hover{background:var(--a-color-accent);color:var(--a-color-on-accent)}.docs-page-use code{font:inherit}.docs-screen-caption{justify-content:space-between}.docs-frame{min-height:100dvh}.docs-frame__loading{place-items:center;min-height:100dvh;display:grid}.docs-preview-fill{width:100%;min-width:0}.docs-page-toolbar{top:var(--docs-header-height);z-index:3;align-items:center;gap:var(--a-space-3) var(--a-space-4);padding-block:var(--a-space-3);border-bottom:var(--a-border-width) solid var(--a-color-ink);background:var(--a-color-canvas);flex-wrap:wrap;margin-block-start:calc(-1 * var(--a-space-4));display:flex;position:sticky}.docs-page-toolbar__note{margin-inline-start:auto}.docs-screen{align-content:start;gap:var(--a-space-4);min-width:0;display:grid}.docs-article section.docs-screen{scroll-margin-top:calc(var(--docs-header-height) + var(--a-space-16) + var(--a-space-6))}.docs-screen__header{justify-content:space-between;align-items:flex-end;gap:var(--a-space-2) var(--a-space-6);flex-wrap:wrap;display:flex}.docs-screen__header>.a-stack{flex:24rem;max-width:46rem}.docs-screen__header>.c-text-action{flex:none}.docs-screen[data-layout=grid] .docs-screen__header{flex-direction:column;align-items:flex-start}.docs-screen[data-layout=grid] .docs-screen__header>.a-stack{flex:none}.docs-screen[data-layout=grid] .docs-page-preview{order:-1}.docs-screen-grid{row-gap:var(--a-space-12)}@media (width<=800px){.docs-page-toolbar{position:static}.docs-page-toolbar__note{flex-basis:100%;margin-inline-start:0}}.docs-fullscreen{flex-direction:column;height:100dvh;display:flex}.docs-fullscreen__bar{align-items:center;gap:var(--a-space-4);min-height:48px;padding:0 var(--a-space-4);border-bottom:var(--a-border-width) solid var(--a-color-ink);background:var(--a-color-surface);flex:none;display:flex}.docs-fullscreen__title{text-overflow:ellipsis;white-space:nowrap;min-width:0;overflow:hidden}.docs-fullscreen__page{border:0;flex:1;width:100%;min-height:0;display:block}.docs-article :is(h1,h2)[tabindex="-1"]:focus{outline:none}.docs-screen__blocks{align-items:center;gap:var(--a-space-2) var(--a-space-3);padding-top:var(--a-space-1);flex-wrap:wrap;display:flex}.docs-screen__blocks-count{color:var(--a-color-secondary);font-weight:400}.docs-page-use[data-kind=block]{background:var(--a-color-accent);color:var(--a-color-on-accent);box-shadow:var(--a-shadow-small)}a.docs-page-use[data-kind=block]:hover{background:var(--a-color-surface);color:var(--a-color-ink)}html.lenis,html.lenis body{height:auto}.lenis:not(.lenis-autoToggle).lenis-stopped{overflow:clip}.lenis [data-lenis-prevent],.lenis [data-lenis-prevent-wheel],.lenis [data-lenis-prevent-touch],.lenis [data-lenis-prevent-vertical],.lenis [data-lenis-prevent-horizontal]{overscroll-behavior:contain}.lenis.lenis-smooth iframe{pointer-events:none}.lenis.lenis-autoToggle{transition-behavior:allow-discrete;transition-property:overflow;transition-duration:1ms}