@layer components{.typography{font-family:var(--font-family-base);color:var(--ds-c-grey-900);margin:0;padding:0}.typography.h1{font-size:var(--ds-heading-600);font-weight:var(--ds-font-weight-bold);line-height:var(--ds-line-height-heading-xl);letter-spacing:var(--ds-letter-spacing-tightest)}.typography.h2{font-size:var(--ds-heading-500);font-weight:var(--ds-font-weight-bold);line-height:var(--ds-line-height-heading-lg);letter-spacing:var(--ds-letter-spacing-tight)}.typography.h3{font-size:var(--ds-heading-400);font-weight:var(--ds-font-weight-bold);line-height:var(--ds-line-height-heading-md);letter-spacing:var(--ds-letter-spacing-medium)}.typography.h4{font-size:var(--ds-heading-300);font-weight:var(--ds-font-weight-bold);line-height:var(--ds-line-height-heading-sm);letter-spacing:var(--ds-letter-spacing-base)}.typography.h5{font-size:var(--ds-heading-200);font-weight:var(--ds-font-weight-bold);line-height:var(--ds-line-height-body-lg);letter-spacing:var(--ds-letter-spacing-base)}.typography.h6{font-size:var(--ds-heading-100);font-weight:var(--ds-font-weight-bold);line-height:var(--ds-line-height-body-md);letter-spacing:var(--ds-letter-spacing-loose)}.typography.subtitle1{font-size:var(--ds-body-200);font-weight:var(--ds-font-weight-medium);line-height:var(--ds-line-height-body-sm);letter-spacing:var(--ds-letter-spacing-looser)}.typography.body1{font-size:var(--ds-body-100);font-weight:var(--ds-font-weight-normal);line-height:var(--ds-line-height-body-sm);letter-spacing:var(--ds-letter-spacing-looser)}.typography.body-50{font-size:var(--ds-body-50);font-weight:var(--ds-font-weight-normal);line-height:var(--ds-line-height-body-xs);letter-spacing:var(--ds-letter-spacing-widest)}}