.displayLarge{ font-family: var(--md-sys-typescale-display-large-font-family-name); font-style: var(--md-sys-typescale-display-large-font-family-style); font-weight: var(--md-sys-typescale-display-large-font-weight); font-size: var(--md-sys-typescale-display-large-font-size); letter-spacing: var(--md-sys-typescale-display-large-tracking); line-height: var(--md-sys-typescale-display-large-height); text-transform: var(--md-sys-typescale-display-large-text-transform); text-decoration: var(--md-sys-typescale-display-large-text-decoration); } .displayMedium{ font-family: var(--md-sys-typescale-display-medium-font-family-name); font-style: var(--md-sys-typescale-display-medium-font-family-style); font-weight: var(--md-sys-typescale-display-medium-font-weight); font-size: var(--md-sys-typescale-display-medium-font-size); letter-spacing: var(--md-sys-typescale-display-medium-tracking); line-height: var(--md-sys-typescale-display-medium-height); text-transform: var(--md-sys-typescale-display-medium-text-transform); text-decoration: var(--md-sys-typescale-display-medium-text-decoration); } .displaySmall{ font-family: var(--md-sys-typescale-display-small-font-family-name); font-style: var(--md-sys-typescale-display-small-font-family-style); font-weight: var(--md-sys-typescale-display-small-font-weight); font-size: var(--md-sys-typescale-display-small-font-size); letter-spacing: var(--md-sys-typescale-display-small-tracking); line-height: var(--md-sys-typescale-display-small-height); text-transform: var(--md-sys-typescale-display-small-text-transform); text-decoration: var(--md-sys-typescale-display-small-text-decoration); } .headlineLarge{ font-family: var(--md-sys-typescale-headline-large-font-family-name); font-style: var(--md-sys-typescale-headline-large-font-family-style); font-weight: var(--md-sys-typescale-headline-large-font-weight); font-size: var(--md-sys-typescale-headline-large-font-size); letter-spacing: var(--md-sys-typescale-headline-large-tracking); line-height: var(--md-sys-typescale-headline-large-height); text-transform: var(--md-sys-typescale-headline-large-text-transform); text-decoration: var(--md-sys-typescale-headline-large-text-decoration); } .headlineMedium{ font-family: var(--md-sys-typescale-headline-medium-font-family-name); font-style: var(--md-sys-typescale-headline-medium-font-family-style); font-weight: var(--md-sys-typescale-headline-medium-font-weight); font-size: var(--md-sys-typescale-headline-medium-font-size); letter-spacing: var(--md-sys-typescale-headline-medium-tracking); line-height: var(--md-sys-typescale-headline-medium-height); text-transform: var(--md-sys-typescale-headline-medium-text-transform); text-decoration: var(--md-sys-typescale-headline-medium-text-decoration); } .headlineSmall{ font-family: var(--md-sys-typescale-headline-small-font-family-name); font-style: var(--md-sys-typescale-headline-small-font-family-style); font-weight: var(--md-sys-typescale-headline-small-font-weight); font-size: var(--md-sys-typescale-headline-small-font-size); letter-spacing: var(--md-sys-typescale-headline-small-tracking); line-height: var(--md-sys-typescale-headline-small-height); text-transform: var(--md-sys-typescale-headline-small-text-transform); text-decoration: var(--md-sys-typescale-headline-small-text-decoration); } .bodyLarge{ font-family: var(--md-sys-typescale-body-large-font-family-name); font-style: var(--md-sys-typescale-body-large-font-family-style); font-weight: var(--md-sys-typescale-body-large-font-weight); font-size: var(--md-sys-typescale-body-large-font-size); letter-spacing: var(--md-sys-typescale-body-large-tracking); line-height: var(--md-sys-typescale-body-large-height); text-transform: var(--md-sys-typescale-body-large-text-transform); text-decoration: var(--md-sys-typescale-body-large-text-decoration); } .bodyMedium{ font-family: var(--md-sys-typescale-body-medium-font-family-name); font-style: var(--md-sys-typescale-body-medium-font-family-style); font-weight: var(--md-sys-typescale-body-medium-font-weight); font-size: var(--md-sys-typescale-body-medium-font-size); letter-spacing: var(--md-sys-typescale-body-medium-tracking); line-height: var(--md-sys-typescale-body-medium-height); text-transform: var(--md-sys-typescale-body-medium-text-transform); text-decoration: var(--md-sys-typescale-body-medium-text-decoration); } .bodySmall{ font-family: var(--md-sys-typescale-body-small-font-family-name); font-style: var(--md-sys-typescale-body-small-font-family-style); font-weight: var(--md-sys-typescale-body-small-font-weight); font-size: var(--md-sys-typescale-body-small-font-size); letter-spacing: var(--md-sys-typescale-body-small-tracking); line-height: var(--md-sys-typescale-body-small-height); text-transform: var(--md-sys-typescale-body-small-text-transform); text-decoration: var(--md-sys-typescale-body-small-text-decoration); } .labelLarge{ font-family: var(--md-sys-typescale-label-large-font-family-name); font-style: var(--md-sys-typescale-label-large-font-family-style); font-weight: var(--md-sys-typescale-label-large-font-weight); font-size: var(--md-sys-typescale-label-large-font-size); letter-spacing: var(--md-sys-typescale-label-large-tracking); line-height: var(--md-sys-typescale-label-large-height); text-transform: var(--md-sys-typescale-label-large-text-transform); text-decoration: var(--md-sys-typescale-label-large-text-decoration); } .labelMedium{ font-family: var(--md-sys-typescale-label-medium-font-family-name); font-style: var(--md-sys-typescale-label-medium-font-family-style); font-weight: var(--md-sys-typescale-label-medium-font-weight); font-size: var(--md-sys-typescale-label-medium-font-size); letter-spacing: var(--md-sys-typescale-label-medium-tracking); line-height: var(--md-sys-typescale-label-medium-height); text-transform: var(--md-sys-typescale-label-medium-text-transform); text-decoration: var(--md-sys-typescale-label-medium-text-decoration); } .labelSmall{ font-family: var(--md-sys-typescale-label-small-font-family-name); font-style: var(--md-sys-typescale-label-small-font-family-style); font-weight: var(--md-sys-typescale-label-small-font-weight); font-size: var(--md-sys-typescale-label-small-font-size); letter-spacing: var(--md-sys-typescale-label-small-tracking); line-height: var(--md-sys-typescale-label-small-height); text-transform: var(--md-sys-typescale-label-small-text-transform); text-decoration: var(--md-sys-typescale-label-small-text-decoration); } .titleLarge{ font-family: var(--md-sys-typescale-title-large-font-family-name); font-style: var(--md-sys-typescale-title-large-font-family-style); font-weight: var(--md-sys-typescale-title-large-font-weight); font-size: var(--md-sys-typescale-title-large-font-size); letter-spacing: var(--md-sys-typescale-title-large-tracking); line-height: var(--md-sys-typescale-title-large-height); text-transform: var(--md-sys-typescale-title-large-text-transform); text-decoration: var(--md-sys-typescale-title-large-text-decoration); } .titleMedium{ font-family: var(--md-sys-typescale-title-medium-font-family-name); font-style: var(--md-sys-typescale-title-medium-font-family-style); font-weight: var(--md-sys-typescale-title-medium-font-weight); font-size: var(--md-sys-typescale-title-medium-font-size); letter-spacing: var(--md-sys-typescale-title-medium-tracking); line-height: var(--md-sys-typescale-title-medium-height); text-transform: var(--md-sys-typescale-title-medium-text-transform); text-decoration: var(--md-sys-typescale-title-medium-text-decoration); } .titleSmall{ font-family: var(--md-sys-typescale-title-small-font-family-name); font-style: var(--md-sys-typescale-title-small-font-family-style); font-weight: var(--md-sys-typescale-title-small-font-weight); font-size: var(--md-sys-typescale-title-small-font-size); letter-spacing: var(--md-sys-typescale-title-small-tracking); line-height: var(--md-sys-typescale-title-small-height); text-transform: var(--md-sys-typescale-title-small-text-transform); text-decoration: var(--md-sys-typescale-title-small-text-decoration); }