.docs-figure{gap:var(--primitiv-flow-normal);flex-direction:column;margin:0;display:flex}.docs-figure__caption{font-family:var(--primitiv-body-md-font-family);font-size:var(--primitiv-body-md-font-size);line-height:var(--primitiv-body-md-line-height);color:var(--primitiv-content-muted);margin:0}.docs-figure__caption--center{text-align:center}.docs-figure__heading{font-family:var(--primitiv-heading-h4-font-family);font-size:var(--primitiv-heading-h4-font-size);font-weight:var(--primitiv-heading-h4-font-weight);line-height:var(--primitiv-heading-h4-line-height);letter-spacing:var(--primitiv-heading-h4-letter-spacing);color:var(--primitiv-content-primary);margin:0}.docs-figure__item{font-family:var(--primitiv-body-md-font-family);font-size:var(--primitiv-body-md-font-size);line-height:var(--primitiv-body-md-line-height);color:var(--primitiv-content-secondary)}.docs-figure__mono{font-family:var(--primitiv-font-family-mono);font-size:var(--primitiv-font-size-12);line-height:var(--primitiv-body-sm-line-height);color:var(--primitiv-content-muted)}.docs-figure__panel{gap:var(--primitiv-flow-tight);border:var(--primitiv-border-width-1) solid var(--primitiv-border-default);border-radius:var(--primitiv-radii-12);padding:var(--primitiv-space-space-20);background:var(--primitiv-surface-subtle);flex-direction:column;min-inline-size:0;display:flex}.docs-figure__panel--accent{background:var(--primitiv-action-primary-soft);border-color:#0000}.docs-figure__chip{align-items:center;gap:var(--primitiv-space-space-8);border:var(--primitiv-border-width-1) solid var(--primitiv-border-default);border-radius:var(--primitiv-radii-8);padding:var(--primitiv-space-space-8) var(--primitiv-space-space-12);background:var(--primitiv-surface-default);font-family:var(--primitiv-font-family-mono);font-size:var(--primitiv-font-size-12);line-height:var(--primitiv-body-sm-line-height);color:var(--primitiv-content-primary);display:inline-flex}.docs-figure__arrow{block-size:var(--primitiv-space-space-32);inline-size:auto;color:var(--primitiv-content-muted)}.docs-figure__arrow--up{rotate:180deg}.docs-figure__note{font-family:var(--primitiv-body-sm-font-family);font-size:var(--primitiv-body-sm-font-size);line-height:var(--primitiv-body-sm-line-height);color:var(--primitiv-content-muted);margin:0}.docs-figure__note--warning{color:var(--primitiv-feedback-warning-soft-foreground)}
.docs-split__row{gap:var(--primitiv-stack-gap-xl);grid-template-columns:1fr auto 1fr;align-items:stretch;display:grid}.docs-split__half{gap:var(--primitiv-flow-section);flex-direction:column;min-inline-size:0;display:flex}.docs-split__list{margin:0;padding:0;list-style:none}.docs-split__rule{background:linear-gradient(var(--primitiv-border-default), var(--primitiv-border-default)) no-repeat center / var(--primitiv-border-width-1) 100%;place-items:center;display:grid}.docs-split__rule-label{writing-mode:vertical-rl;padding-block:var(--primitiv-space-space-8);background:var(--primitiv-surface-default);font-family:var(--primitiv-body-sm-font-family);font-size:var(--primitiv-body-sm-font-size);line-height:var(--primitiv-body-sm-line-height);color:var(--primitiv-content-muted);rotate:180deg}@media not (min-width:48rem){.docs-split__row{gap:var(--primitiv-stack-gap-lg);grid-template-columns:minmax(0,1fr)}.docs-split__rule{background-size:100% var(--primitiv-border-width-1)}.docs-split__rule-label{writing-mode:horizontal-tb;padding-block:0;padding-inline:var(--primitiv-space-space-8);rotate:none}}
.docs-cli__row{--docs-cli-repo-share:53fr;--docs-cli-npm-share:34fr;--docs-cli-arrow-width:4.5rem;grid-template-columns:minmax(0, var(--docs-cli-repo-share)) var(--docs-cli-arrow-width) minmax(0, var(--docs-cli-npm-share));gap:var(--primitiv-stack-gap-md);align-items:start;display:grid}.docs-cli__zone{gap:var(--primitiv-flow-normal);flex-direction:column;min-inline-size:0;display:flex}.docs-cli__zone--repo{background:var(--primitiv-surface-subtle);border-radius:var(--primitiv-radii-12);padding:var(--primitiv-space-space-24)}.docs-cli__files{gap:var(--primitiv-space-space-8);flex-direction:column;margin:0;padding:0;list-style:none;display:flex}.docs-cli__file{border:var(--primitiv-border-width-1) solid var(--primitiv-border-default);border-radius:var(--primitiv-radii-8);padding:var(--primitiv-space-space-8) var(--primitiv-space-space-16);background:var(--primitiv-surface-default);color:var(--primitiv-content-primary);white-space:nowrap;scrollbar-width:none;overflow-x:auto}.docs-cli__flow{gap:var(--primitiv-space-space-8);color:var(--primitiv-content-muted);flex-direction:column;align-items:center;min-inline-size:0;padding-block-start:var(--primitiv-space-space-48);display:flex}.docs-cli__flow-label{text-align:center;font-family:var(--primitiv-body-sm-font-family);font-size:var(--primitiv-body-sm-font-size);line-height:var(--primitiv-body-sm-line-height);color:var(--primitiv-content-muted);margin:0}.docs-cli__arrow-box{place-items:center;inline-size:100%;display:grid}.docs-cli__arrow{block-size:auto;inline-size:100%}@media not (min-width:48rem){.docs-cli__row{gap:var(--primitiv-stack-gap-lg);grid-template-columns:minmax(0,1fr)}.docs-cli__flow{padding-block-start:0}.docs-cli__arrow-box{block-size:var(--primitiv-space-space-96)}.docs-cli__arrow{inline-size:var(--primitiv-space-space-96);rotate:-90deg}.docs-cli__flow{order:1}.docs-cli__zone--repo{order:2}}
.docs-compose{gap:var(--primitiv-flow-region)}.docs-compose__case{align-items:start;gap:var(--primitiv-flow-tight);flex-direction:column;display:flex}.docs-compose__code{font-family:var(--primitiv-font-family-mono);font-size:var(--primitiv-font-size-12);line-height:var(--primitiv-body-sm-line-height);color:var(--primitiv-content-secondary);scrollbar-width:none;background:0 0;border:0;max-inline-size:100%;margin:0;padding:0;overflow-x:auto}.docs-compose__case .docs-figure__arrow{align-self:center}.docs-compose__dom{gap:var(--primitiv-space-space-8);inline-size:100%}.docs-compose__tag{font-family:var(--primitiv-font-family-mono);font-size:var(--primitiv-font-size-12);line-height:var(--primitiv-body-sm-line-height);color:var(--primitiv-content-primary);margin:0}.docs-compose__tag--nested{border:var(--primitiv-border-width-1) solid var(--primitiv-border-default);border-radius:var(--primitiv-radii-8);padding:var(--primitiv-space-space-8) var(--primitiv-space-space-12);background:var(--primitiv-surface-default)}