.docs-density-figure__row{gap:var(--primitiv-stack-gap-lg);grid-template-columns:repeat(4,minmax(0,1fr));align-items:start;display:grid}@media not (min-width:48rem){.docs-density-figure__row{row-gap:var(--primitiv-stack-gap-xl);grid-template-columns:repeat(2,minmax(0,1fr))}}.docs-density-figure__column{gap:var(--primitiv-stack-gap-md);flex-direction:column;min-inline-size:0;display:flex}.docs-density-figure__scope{gap:var(--primitiv-flow-normal);flex-direction:column;min-inline-size:0;display:flex}.docs-density-figure__mode{font-family:var(--primitiv-overline-sm-font-family);font-size:var(--primitiv-overline-sm-font-size);font-weight:var(--primitiv-overline-sm-font-weight);line-height:var(--primitiv-overline-sm-line-height);letter-spacing:var(--primitiv-letter-spacing-wide);text-transform:uppercase;color:var(--primitiv-content-muted);margin:0}.docs-density-figure__body{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);margin:0}.docs-density-figure__metric{min-block-size:var(--primitiv-body-sm-line-height);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);margin:0}.docs-density-nest__outer,.docs-density-nest__inner{gap:var(--primitiv-flow-normal);border:var(--primitiv-border-width-1) solid var(--primitiv-border-default);border-radius:var(--primitiv-radii-12);padding:var(--primitiv-space-space-24);flex-direction:column;display:flex}.docs-density-nest__outer{background:var(--primitiv-surface-default)}.docs-density-nest__inner{background:var(--primitiv-surface-subtle);border-color:var(--primitiv-border-subtle)}.docs-density-nest__attr{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);margin:0}
.docs-family{gap:var(--primitiv-stack-gap-md)}.docs-family__row{gap:var(--primitiv-stack-gap-md) var(--primitiv-stack-gap-md);grid-template-rows:1fr auto;grid-template-columns:repeat(3,minmax(0,1fr));margin:0;padding:0;list-style:none;display:grid}.docs-family__part{grid-row:span 2;grid-template-rows:subgrid;gap:var(--primitiv-flow-tight);min-inline-size:0;display:grid}.docs-family__box{text-align:center;font-family:var(--primitiv-label-md-font-family);font-size:var(--primitiv-label-md-font-size);font-weight:var(--primitiv-label-md-font-weight);line-height:var(--primitiv-label-md-line-height);color:var(--primitiv-content-primary);justify-content:center}.docs-family__gives{text-align:center}.docs-family__band{text-align:center;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);color:var(--primitiv-content-primary);align-items:center}.docs-family__feed{flex-direction:column;align-items:center;inline-size:fit-content;display:flex}.docs-family__engine{text-align:center;align-items:center}@media not (min-width:48rem){.docs-family__row{grid-template-columns:minmax(0,1fr)}.docs-family__feed{align-self:center}}
.docs-parity{align-items:center;gap:0}.docs-parity__source{text-align:center;align-items:center;inline-size:100%}.docs-parity__fork{inline-size:100%;block-size:var(--primitiv-space-space-32);color:var(--primitiv-border-default)}.docs-parity__arms{gap:var(--primitiv-stack-gap-md);grid-template-rows:1fr auto;grid-template-columns:repeat(2,minmax(0,1fr));inline-size:100%;margin:0;padding:0;list-style:none;display:grid}.docs-parity__arm{grid-row:span 2;grid-template-rows:subgrid;gap:var(--primitiv-space-space-8);grid-template-columns:minmax(0,1fr);min-inline-size:0;display:grid}.docs-parity__box{text-align:center;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-primary);justify-content:center}.docs-parity__token{overflow-wrap:break-word;display:block}.docs-parity__token .docs-parity__swatch{vertical-align:baseline;margin-inline-end:var(--primitiv-space-space-8);display:inline-block}.docs-parity__swatch{inline-size:var(--primitiv-space-space-12);block-size:var(--primitiv-space-space-12);border-radius:var(--primitiv-radii-2);background:var(--primitiv-action-primary-default);flex:none}.docs-parity .docs-figure__caption{margin-block-start:var(--primitiv-flow-normal)}
.docs-route__row{gap:var(--primitiv-stack-gap-md);grid-template-columns:repeat(3,minmax(0,1fr));align-items:stretch;margin:0;padding:0;list-style:none;display:grid}.docs-route{justify-content:space-between;gap:var(--primitiv-flow-tight)}.docs-route .docs-figure__chip{scrollbar-width:none;align-self:start;max-inline-size:100%;overflow-x:auto}.docs-route__prose{font-family:var(--primitiv-body-sm-font-family);font-size:var(--primitiv-body-sm-font-size)}@media not (min-width:48rem){.docs-route__row{grid-template-columns:minmax(0,1fr)}}
.docs-tokens{gap:var(--primitiv-flow-normal)}.docs-tokens__top{justify-content:start;align-items:center;column-gap:var(--primitiv-stack-gap-md);row-gap:var(--primitiv-flow-tight);grid-template-columns:auto auto auto;display:grid}.docs-tokens__label--component{grid-area:1/1}.docs-tokens__label--context{grid-area:1/3}.docs-tokens__component{grid-area:2/1}.docs-tokens__feed{inline-size:var(--primitiv-space-space-48);block-size:var(--primitiv-space-space-48);color:var(--primitiv-content-muted);grid-area:2/2;place-items:center;display:grid}.docs-tokens__feed-arrow{rotate:90deg}.docs-tokens__descend{align-self:start}.docs-tokens__tier{align-items:start;gap:var(--primitiv-flow-tight);flex-direction:column;min-inline-size:0;display:flex}.docs-tokens__label{font-family:var(--primitiv-overline-sm-font-family);font-size:var(--primitiv-overline-sm-font-size);font-weight:var(--primitiv-overline-sm-font-weight);line-height:var(--primitiv-overline-sm-line-height);letter-spacing:var(--primitiv-letter-spacing-wide);text-transform:uppercase;color:var(--primitiv-content-muted);margin:0}.docs-tokens__theme{text-transform:none;letter-spacing:normal;color:var(--primitiv-content-secondary)}.docs-tokens__geometry{column-gap:var(--primitiv-space-space-24);row-gap:var(--primitiv-space-space-4);grid-area:2/3;grid-template-columns:auto auto;margin:0;display:grid}.docs-tokens__geometry-row{display:contents}.docs-tokens__geometry-value{color:var(--primitiv-content-primary);justify-self:end}.docs-tokens__roles{gap:var(--primitiv-space-space-24);flex-wrap:wrap;margin:0;padding:0;list-style:none;display:flex}.docs-tokens__role{color:var(--primitiv-content-primary)}.docs-tokens__ramp{gap:var(--primitiv-space-space-8);grid-template-columns:repeat(11,minmax(0,1fr));inline-size:100%;margin:0;padding:0;list-style:none;display:grid}.docs-tokens__swatch-cell{align-items:center;gap:var(--primitiv-space-space-4);flex-direction:column;min-inline-size:0;display:flex}.docs-tokens__swatch{aspect-ratio:1;border:var(--primitiv-border-width-1) solid var(--primitiv-border-default);border-radius:var(--primitiv-radii-8);inline-size:100%}.docs-tokens__step{color:var(--primitiv-content-muted)}.docs-tokens__swatch-cell[data-traced] .docs-tokens__swatch{border-color:var(--primitiv-action-primary-default);border-width:var(--primitiv-border-width-2)}.docs-tokens__swatch-cell[data-traced] .docs-tokens__step{color:var(--primitiv-content-primary);font-weight:var(--primitiv-font-weight-bold)}.docs-tokens__swatch-cell[data-step="50"] .docs-tokens__swatch{background:var(--primitiv-color-brand-50)}.docs-tokens__swatch-cell[data-step="100"] .docs-tokens__swatch{background:var(--primitiv-color-brand-100)}.docs-tokens__swatch-cell[data-step="200"] .docs-tokens__swatch{background:var(--primitiv-color-brand-200)}.docs-tokens__swatch-cell[data-step="300"] .docs-tokens__swatch{background:var(--primitiv-color-brand-300)}.docs-tokens__swatch-cell[data-step="400"] .docs-tokens__swatch{background:var(--primitiv-color-brand-400)}.docs-tokens__swatch-cell[data-step="500"] .docs-tokens__swatch{background:var(--primitiv-color-brand-500)}.docs-tokens__swatch-cell[data-step="600"] .docs-tokens__swatch{background:var(--primitiv-color-brand-600)}.docs-tokens__swatch-cell[data-step="700"] .docs-tokens__swatch{background:var(--primitiv-color-brand-700)}.docs-tokens__swatch-cell[data-step="800"] .docs-tokens__swatch{background:var(--primitiv-color-brand-800)}.docs-tokens__swatch-cell[data-step="900"] .docs-tokens__swatch{background:var(--primitiv-color-brand-900)}.docs-tokens__swatch-cell[data-step=white] .docs-tokens__swatch{background:var(--primitiv-color-absolute-white)}.docs-tokens__value{color:var(--primitiv-content-primary);align-self:center;margin:0}@media not (min-width:48rem){.docs-tokens__top{grid-template-columns:minmax(0,1fr);justify-content:stretch;justify-items:start}.docs-tokens__label--context{grid-area:1/1}.docs-tokens__geometry{grid-area:2/1;inline-size:100%}.docs-tokens__feed{grid-area:3/1;block-size:auto;inline-size:auto}.docs-tokens__label--component{grid-area:4/1}.docs-tokens__component{grid-area:5/1}.docs-tokens__feed-arrow{rotate:none}.docs-tokens__ramp{row-gap:var(--primitiv-space-space-16);grid-template-columns:repeat(6,minmax(0,1fr))}}