welcome-ui/dist/Text.css

Customizable design system with react, typescript, tailwindcss and ariakit.

@layer components{._root_hcsa6_2{display:var(--display, block);font-size:var(--fontSize);line-height:var(--lineHeight);letter-spacing:var(--letterSpacing);font-weight:var(--fontWeight);font-family:var(--fontFamily, var(--font-family-default));text-transform:var(--textTransform, none);line-clamp:var(--lineClamp, none);-webkit-line-clamp:var(--lineClamp, none);word-break:var(--wordBreak, wrap-break-word);color:var(--color, inherit)}._variant-h0_hcsa6_16,._variant-h1_hcsa6_16,._variant-h2_hcsa6_16,._variant-h3_hcsa6_16,._variant-h4_hcsa6_16,._variant-h5_hcsa6_16,._variant-h6_hcsa6_16{--fontWeight: var(--font-weight-bold);--fontFamily: var(--font-family-headings);--color: var(--color-neutral-90)}._variant-h0_hcsa6_16{--fontSize: var(--font-size-h0);--lineHeight: var(--line-height-h0);--letterSpacing: var(--letter-spacing-h0)}._variant-h1_hcsa6_16{--fontSize: var(--font-size-h1);--lineHeight: var(--line-height-h1);--letterSpacing: var(--letter-spacing-h1)}._variant-h2_hcsa6_16{--fontSize: var(--font-size-h2);--lineHeight: var(--line-height-h2);--letterSpacing: var(--letter-spacing-h2)}._variant-h3_hcsa6_16{--fontSize: var(--font-size-h3);--lineHeight: var(--line-height-h3);--letterSpacing: var(--letter-spacing-h3)}._variant-h4_hcsa6_16{--fontSize: var(--font-size-h4);--lineHeight: var(--line-height-h4);--letterSpacing: var(--letter-spacing-h4)}._variant-h5_hcsa6_16{--fontSize: var(--font-size-h5);--lineHeight: var(--line-height-h5);--letterSpacing: var(--letter-spacing-h5)}._variant-h6_hcsa6_16{--fontSize: var(--font-size-h6);--lineHeight: var(--line-height-h6);--letterSpacing: var(--letter-spacing-h6)}._variant-xs_hcsa6_56,._variant-sm_hcsa6_56,._variant-md_hcsa6_56,._variant-lg_hcsa6_56{--fontWeight: var(--font-weight-regular)}._variant-xs_hcsa6_56{--fontSize: var(--font-size-xs);--lineHeight: var(--line-height-xs);--letterSpacing: var(--letter-spacing-xs)}._variant-sm_hcsa6_56{--fontSize: var(--font-size-sm);--lineHeight: var(--line-height-sm);--letterSpacing: var(--letter-spacing-sm)}._variant-md_hcsa6_56{--fontSize: var(--font-size-md);--lineHeight: var(--line-height-md);--letterSpacing: var(--letter-spacing-md)}._variant-lg_hcsa6_56{--fontSize: var(--font-size-lg);--lineHeight: var(--line-height-lg);--letterSpacing: var(--letter-spacing-lg)}._variant-subtitle-sm_hcsa6_79,._variant-subtitle-md_hcsa6_79{--fontFamily: var(--font-family-headings);--textTransform: uppercase}._variant-subtitle-sm_hcsa6_79{--fontSize: var(--font-size-subtitle-sm);--lineHeight: var(--line-height-subtitle-sm);--letterSpacing: var(--letter-spacing-subtitle-sm);--fontWeight: var(--font-weight-medium)}._variant-subtitle-md_hcsa6_79{--fontSize: var(--font-size-subtitle-md);--lineHeight: var(--line-height-subtitle-md);--letterSpacing: var(--letter-spacing-subtitle-md);--fontWeight: var(--font-weight-bold)}._with-lines_hcsa6_95{--display: -webkit-box;-webkit-box-orient:vertical;--line-height: normal;overflow:hidden}._single-line_hcsa6_101{--wordBreak: break-all;--lineHeight: normal}._multi-line_hcsa6_105{--lineHeight: 1.4}._with-dash_hcsa6_108{--display: flex;align-items:center}._with-dash_hcsa6_108:before{--display: inline-block;content:"";width:var(--spacing-lg);height:var(--height-4);background-color:var(--color-brand-40);margin-right:var(--spacing-lg);flex-shrink:0}}