@layer vectis.reset,vectis.tokens;@layer vectis.components{.v-typography{--typography-family:var(--vectis-text-family);--typography-tracking:normal;font-family:var(--typography-family);font-size:var(--typography-size);font-weight:var(--typography-weight);line-height:var(--typography-leading);letter-spacing:var(--typography-tracking);color:var(--typography-color,inherit);overflow-wrap:break-word;margin:0}:where(.v-typography){--typography-color:initial}.v-typography[data-variant=display]{--typography-family:var(--vectis-text-family-heading);--typography-size:var(--vectis-text-display-size);--typography-weight:var(--vectis-text-display-weight);--typography-leading:var(--vectis-text-display-leading);--typography-tracking:var(--vectis-text-display-tracking)}.v-typography[data-variant=heading-1]{--typography-family:var(--vectis-text-family-heading);--typography-size:var(--vectis-text-heading-1-size);--typography-weight:var(--vectis-text-heading-1-weight);--typography-leading:var(--vectis-text-heading-1-leading);--typography-tracking:var(--vectis-text-heading-1-tracking)}.v-typography[data-variant=heading-2]{--typography-family:var(--vectis-text-family-heading);--typography-size:var(--vectis-text-heading-2-size);--typography-weight:var(--vectis-text-heading-2-weight);--typography-leading:var(--vectis-text-heading-2-leading);--typography-tracking:var(--vectis-text-heading-2-tracking)}.v-typography[data-variant=heading-3]{--typography-family:var(--vectis-text-family-heading);--typography-size:var(--vectis-text-heading-3-size);--typography-weight:var(--vectis-text-heading-3-weight);--typography-leading:var(--vectis-text-heading-3-leading)}.v-typography[data-variant=heading-4]{--typography-family:var(--vectis-text-family-heading);--typography-size:var(--vectis-text-heading-4-size);--typography-weight:var(--vectis-text-heading-4-weight);--typography-leading:var(--vectis-text-heading-4-leading)}.v-typography[data-variant=subtitle]{--typography-size:var(--vectis-text-subtitle-size);--typography-weight:var(--vectis-text-subtitle-weight);--typography-leading:var(--vectis-text-subtitle-leading)}.v-typography[data-variant=body-xl]{--typography-size:var(--vectis-text-body-xl-size);--typography-weight:var(--vectis-text-body-xl-weight);--typography-leading:var(--vectis-text-body-xl-leading)}.v-typography[data-variant=body-lg]{--typography-size:var(--vectis-text-body-lg-size);--typography-weight:var(--vectis-text-body-lg-weight);--typography-leading:var(--vectis-text-body-lg-leading)}.v-typography[data-variant=body-md]{--typography-size:var(--vectis-text-body-md-size);--typography-weight:var(--vectis-text-body-md-weight);--typography-leading:var(--vectis-text-body-md-leading)}.v-typography[data-variant=body-sm]{--typography-size:var(--vectis-text-body-sm-size);--typography-weight:var(--vectis-text-body-sm-weight);--typography-leading:var(--vectis-text-body-sm-leading)}.v-typography[data-variant=label]{--typography-size:var(--vectis-text-label-size);--typography-weight:var(--vectis-text-label-weight);--typography-leading:var(--vectis-text-label-leading)}.v-typography[data-variant=caption]{--typography-size:var(--vectis-text-caption-size);--typography-weight:var(--vectis-text-caption-weight);--typography-leading:var(--vectis-text-caption-leading)}.v-typography[data-variant=overline]{--typography-size:var(--vectis-text-overline-size);--typography-weight:var(--vectis-text-overline-weight);--typography-leading:var(--vectis-text-overline-leading);--typography-tracking:var(--vectis-text-overline-tracking);text-transform:uppercase}.v-typography[data-variant=code]{--typography-family:var(--vectis-text-family-code);--typography-size:var(--vectis-text-code-size);--typography-weight:var(--vectis-text-code-weight);--typography-leading:var(--vectis-text-code-leading)}.v-typography[data-tone=muted]{--typography-color:var(--vectis-color-text-muted)}.v-typography[data-tone=subtle]{--typography-color:var(--vectis-color-text-subtle)}.v-typography[data-tone=accent]{--typography-color:var(--vectis-color-accent-text)}.v-typography[data-tone=danger]{--typography-color:var(--vectis-color-danger-text)}.v-typography[data-tone=success]{--typography-color:var(--vectis-color-success-text)}.v-typography[data-tone=warning]{--typography-color:var(--vectis-color-warning-text)}.v-typography[data-tone=on-inverse]{--typography-color:var(--vectis-color-text-on-inverse)}.v-typography[data-truncate]{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}}@layer vectis.utilities;