UNPKG

@adobe/spectrum-css

Version:

The Spectrum CSS top-level backwards compatible package

816 lines (700 loc) 197 kB
.spectrum { font-family: 'adobe-clean-ux', 'adobe-clean', 'Source Sans Pro', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif; font-size: var(--spectrum-alias-font-size-default, var(--spectrum-global-dimension-font-size-100)); } .spectrum:lang(ar) { font-family: 'adobe-arabic', 'myriad-arabic', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif; } .spectrum:lang(he) { font-family: 'adobe-hebrew', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif; } .spectrum:lang(zh-Hans) { font-family: 'adobe-clean-han-simplified-c', 'SimSun', 'Heiti SC Light', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif; } .spectrum:lang(zh-Hant) { font-family: 'adobe-clean-han-traditional', 'Microsoft JhengHei UI', 'Microsoft JhengHei', 'Heiti TC Light', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif; } .spectrum:lang(zh) { font-family: 'adobe-clean-han-simplified-c', 'SimSun', 'Heiti SC Light', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif; } .spectrum:lang(ko) { font-family: 'adobe-clean-han-korean', 'Malgun Gothic', 'Apple Gothic', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif; } .spectrum:lang(ja) { font-family: 'adobe-clean-han-japanese', 'Yu Gothic', '\30E1 \30A4 \30EA \30AA', '\30D2 \30E9 \30AE \30CE \89D2 \30B4 Pro W3', 'Hiragino Kaku Gothic Pro W3', 'Osaka', '\FF2D \FF33 \FF30 \30B4 \30B7 \30C3 \30AF', 'MS PGothic', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif; } .spectrum-Body1 { font-size: var(--spectrum-body-1-text-size, var(--spectrum-global-dimension-font-size-400)); font-weight: var(--spectrum-body-1-text-font-weight, var(--spectrum-alias-body-text-font-weight)); line-height: var(--spectrum-body-1-text-line-height, var(--spectrum-alias-body-text-line-height)); font-style: var(--spectrum-body-1-text-font-style, var(--spectrum-global-font-style-regular)); letter-spacing: var(--spectrum-body-1-text-letter-spacing, var(--spectrum-global-font-letter-spacing-none)); text-transform: var(--spectrum-body-1-text-transform, none); margin-top: 0; margin-bottom: 0; } .spectrum-Body1 em { font-size: var(--spectrum-body-1-emphasis-text-size, var(--spectrum-global-dimension-font-size-400)); font-weight: var(--spectrum-body-1-emphasis-text-font-weight, var(--spectrum-alias-body-text-font-weight)); line-height: var(--spectrum-body-1-emphasis-text-line-height, var(--spectrum-alias-body-text-line-height)); font-style: var(--spectrum-body-1-emphasis-text-font-style, var(--spectrum-global-font-style-italic)); letter-spacing: var(--spectrum-body-1-emphasis-text-letter-spacing, var(--spectrum-global-font-letter-spacing-none)); text-transform: var(--spectrum-body-1-emphasis-text-transform, none); margin-top: 0; margin-bottom: 0; } .spectrum-Body1 strong { font-size: var(--spectrum-body-1-strong-text-size, var(--spectrum-global-dimension-font-size-400)); font-weight: var(--spectrum-body-1-strong-text-font-weight, var(--spectrum-alias-body-text-font-weight-strong)); line-height: var(--spectrum-body-1-strong-text-line-height, var(--spectrum-alias-body-text-line-height)); font-style: var(--spectrum-body-1-strong-text-font-style, var(--spectrum-global-font-style-regular)); letter-spacing: var(--spectrum-body-1-strong-text-letter-spacing, var(--spectrum-global-font-letter-spacing-none)); text-transform: var(--spectrum-body-1-strong-text-transform, none); margin-top: 0; margin-bottom: 0; } .spectrum-Body2, .spectrum-Body--large { font-size: var(--spectrum-body-2-text-size, var(--spectrum-global-dimension-font-size-300)); font-weight: var(--spectrum-body-2-text-font-weight, var(--spectrum-alias-body-text-font-weight)); line-height: var(--spectrum-body-2-text-line-height, var(--spectrum-alias-body-text-line-height)); font-style: var(--spectrum-body-2-text-font-style, var(--spectrum-global-font-style-regular)); letter-spacing: var(--spectrum-body-2-text-letter-spacing, var(--spectrum-global-font-letter-spacing-none)); text-transform: var(--spectrum-body-2-text-transform, none); margin-top: 0; margin-bottom: 0; } .spectrum-Body2 em, .spectrum-Body--large em { font-size: var(--spectrum-body-2-emphasis-text-size, var(--spectrum-global-dimension-font-size-300)); font-weight: var(--spectrum-body-2-emphasis-text-font-weight, var(--spectrum-alias-body-text-font-weight)); line-height: var(--spectrum-body-2-emphasis-text-line-height, var(--spectrum-alias-body-text-line-height)); font-style: var(--spectrum-body-2-emphasis-text-font-style, var(--spectrum-global-font-style-italic)); letter-spacing: var(--spectrum-body-2-emphasis-text-letter-spacing, var(--spectrum-global-font-letter-spacing-none)); text-transform: var(--spectrum-body-2-emphasis-text-transform, none); margin-top: 0; margin-bottom: 0; } .spectrum-Body2 strong, .spectrum-Body--large strong { font-size: var(--spectrum-body-2-strong-text-size, var(--spectrum-global-dimension-font-size-300)); font-weight: var(--spectrum-body-2-strong-text-font-weight, var(--spectrum-alias-body-text-font-weight-strong)); line-height: var(--spectrum-body-2-strong-text-line-height, var(--spectrum-alias-body-text-line-height)); font-style: var(--spectrum-body-2-strong-text-font-style, var(--spectrum-global-font-style-regular)); letter-spacing: var(--spectrum-body-2-strong-text-letter-spacing, var(--spectrum-global-font-letter-spacing-none)); text-transform: var(--spectrum-body-2-strong-text-transform, none); margin-top: 0; margin-bottom: 0; } .spectrum-Body3 { font-size: var(--spectrum-body-3-text-size, var(--spectrum-global-dimension-font-size-200)); font-weight: var(--spectrum-body-3-text-font-weight, var(--spectrum-alias-body-text-font-weight)); line-height: var(--spectrum-body-3-text-line-height, var(--spectrum-alias-body-text-line-height)); font-style: var(--spectrum-body-3-text-font-style, var(--spectrum-global-font-style-regular)); letter-spacing: var(--spectrum-body-3-text-letter-spacing, var(--spectrum-global-font-letter-spacing-none)); text-transform: var(--spectrum-body-3-text-transform, none); margin-top: 0; margin-bottom: 0; } .spectrum-Body3 em { font-size: var(--spectrum-body-3-emphasis-text-size, var(--spectrum-global-dimension-font-size-200)); font-weight: var(--spectrum-body-3-emphasis-text-font-weight, var(--spectrum-alias-body-text-font-weight)); line-height: var(--spectrum-body-3-emphasis-text-line-height, var(--spectrum-alias-body-text-line-height)); font-style: var(--spectrum-body-3-emphasis-text-font-style, var(--spectrum-global-font-style-italic)); letter-spacing: var(--spectrum-body-3-emphasis-text-letter-spacing, var(--spectrum-global-font-letter-spacing-none)); text-transform: var(--spectrum-body-3-emphasis-text-transform, none); margin-top: 0; margin-bottom: 0; } .spectrum-Body3 strong { font-size: var(--spectrum-body-3-strong-text-size, var(--spectrum-global-dimension-font-size-200)); font-weight: var(--spectrum-body-3-strong-text-font-weight, var(--spectrum-alias-body-text-font-weight-strong)); line-height: var(--spectrum-body-3-strong-text-line-height, var(--spectrum-alias-body-text-line-height)); font-style: var(--spectrum-body-3-strong-text-font-style, var(--spectrum-global-font-style-regular)); letter-spacing: var(--spectrum-body-3-strong-text-letter-spacing, var(--spectrum-global-font-letter-spacing-none)); text-transform: var(--spectrum-body-3-strong-text-transform, none); margin-top: 0; margin-bottom: 0; } .spectrum-Body4, .spectrum-Body--secondary { font-size: var(--spectrum-body-4-text-size, var(--spectrum-alias-font-size-default)); font-weight: var(--spectrum-body-4-text-font-weight, var(--spectrum-alias-body-text-font-weight)); line-height: var(--spectrum-body-4-text-line-height, var(--spectrum-alias-body-text-line-height)); font-style: var(--spectrum-body-4-text-font-style, var(--spectrum-global-font-style-regular)); letter-spacing: var(--spectrum-body-4-text-letter-spacing, var(--spectrum-global-font-letter-spacing-none)); text-transform: var(--spectrum-body-4-text-transform, none); margin-top: 0; margin-bottom: 0; } .spectrum-Body4 em, .spectrum-Body--secondary em { font-size: var(--spectrum-body-4-emphasis-text-size, var(--spectrum-alias-font-size-default)); font-weight: var(--spectrum-body-4-emphasis-text-font-weight, var(--spectrum-alias-body-text-font-weight)); line-height: var(--spectrum-body-4-emphasis-text-line-height, var(--spectrum-alias-body-text-line-height)); font-style: var(--spectrum-body-4-emphasis-text-font-style, var(--spectrum-global-font-style-italic)); letter-spacing: var(--spectrum-body-4-emphasis-text-letter-spacing, var(--spectrum-global-font-letter-spacing-none)); text-transform: var(--spectrum-body-4-emphasis-text-transform, none); margin-top: 0; margin-bottom: 0; } .spectrum-Body4 strong, .spectrum-Body--secondary strong { font-size: var(--spectrum-body-4-strong-text-size, var(--spectrum-alias-font-size-default)); font-weight: var(--spectrum-body-4-strong-text-font-weight, var(--spectrum-alias-body-text-font-weight-strong)); line-height: var(--spectrum-body-4-strong-text-line-height, var(--spectrum-alias-body-text-line-height)); font-style: var(--spectrum-body-4-strong-text-font-style, var(--spectrum-global-font-style-regular)); letter-spacing: var(--spectrum-body-4-strong-text-letter-spacing, var(--spectrum-global-font-letter-spacing-none)); text-transform: var(--spectrum-body-4-strong-text-transform, none); margin-top: 0; margin-bottom: 0; } .spectrum-Body5, .spectrum-Body--small { font-size: var(--spectrum-body-5-text-size, var(--spectrum-global-dimension-font-size-75)); font-weight: var(--spectrum-body-5-text-font-weight, var(--spectrum-alias-body-text-font-weight)); line-height: var(--spectrum-body-5-text-line-height, var(--spectrum-alias-body-text-line-height)); font-style: var(--spectrum-body-5-text-font-style, var(--spectrum-global-font-style-regular)); letter-spacing: var(--spectrum-body-5-text-letter-spacing, var(--spectrum-global-font-letter-spacing-none)); text-transform: var(--spectrum-body-5-text-transform, none); margin-top: 0; margin-bottom: 0; } .spectrum-Body5 em, .spectrum-Body--small em { font-size: var(--spectrum-body-5-emphasis-text-size, var(--spectrum-global-dimension-font-size-75)); font-weight: var(--spectrum-body-5-emphasis-text-font-weight, var(--spectrum-alias-body-text-font-weight)); line-height: var(--spectrum-body-5-emphasis-text-line-height, var(--spectrum-alias-body-text-line-height)); font-style: var(--spectrum-body-5-emphasis-text-font-style, var(--spectrum-global-font-style-italic)); letter-spacing: var(--spectrum-body-5-emphasis-text-letter-spacing, var(--spectrum-global-font-letter-spacing-none)); text-transform: var(--spectrum-body-5-emphasis-text-transform, none); margin-top: 0; margin-bottom: 0; } .spectrum-Body5 strong, .spectrum-Body--small strong { font-size: var(--spectrum-body-5-strong-text-size, var(--spectrum-global-dimension-font-size-75)); font-weight: var(--spectrum-body-5-strong-text-font-weight, var(--spectrum-alias-body-text-font-weight-strong)); line-height: var(--spectrum-body-5-strong-text-line-height, var(--spectrum-alias-body-text-line-height)); font-style: var(--spectrum-body-5-strong-text-font-style, var(--spectrum-global-font-style-regular)); letter-spacing: var(--spectrum-body-5-strong-text-letter-spacing, var(--spectrum-global-font-letter-spacing-none)); text-transform: var(--spectrum-body-5-strong-text-transform, none); margin-top: 0; margin-bottom: 0; } .spectrum-Heading1 { font-size: var(--spectrum-heading-1-text-size, var(--spectrum-alias-heading1-text-size)); font-weight: var(--spectrum-heading-1-text-font-weight, var(--spectrum-alias-heading-text-font-weight-regular)); line-height: var(--spectrum-heading-1-text-line-height, var(--spectrum-alias-heading-text-line-height)); font-style: var(--spectrum-heading-1-text-font-style, var(--spectrum-global-font-style-regular)); letter-spacing: var(--spectrum-heading-1-text-letter-spacing, var(--spectrum-global-font-letter-spacing-none)); text-transform: var(--spectrum-heading-1-text-transform, none); margin-top: 0; margin-bottom: 0; } .spectrum-Heading1 em { font-size: var(--spectrum-heading-1-emphasis-text-size, var(--spectrum-alias-heading1-text-size)); font-weight: var(--spectrum-heading-1-emphasis-text-font-weight, var(--spectrum-alias-heading-text-font-weight-regular)); line-height: var(--spectrum-heading-1-emphasis-text-line-height, var(--spectrum-alias-heading-text-line-height)); font-style: var(--spectrum-heading-1-emphasis-text-font-style, var(--spectrum-global-font-style-italic)); letter-spacing: var(--spectrum-heading-1-emphasis-text-letter-spacing, var(--spectrum-global-font-letter-spacing-none)); text-transform: var(--spectrum-heading-1-emphasis-text-transform, none); margin-top: 0; margin-bottom: 0; } .spectrum-Heading1 strong { font-size: var(--spectrum-heading-1-strong-text-size, var(--spectrum-alias-heading1-text-size)); font-weight: var(--spectrum-heading-1-strong-text-font-weight, var(--spectrum-alias-heading-text-font-weight-regular-strong)); line-height: var(--spectrum-heading-1-strong-text-line-height, var(--spectrum-alias-heading-text-line-height)); font-style: var(--spectrum-heading-1-strong-text-font-style, var(--spectrum-global-font-style-regular)); letter-spacing: var(--spectrum-heading-1-strong-text-letter-spacing, var(--spectrum-global-font-letter-spacing-none)); text-transform: var(--spectrum-heading-1-strong-text-transform, none); margin-top: 0; margin-bottom: 0; } .spectrum-Heading2 { font-size: var(--spectrum-heading-2-text-size, var(--spectrum-alias-heading2-text-size)); font-weight: var(--spectrum-heading-2-text-font-weight, var(--spectrum-alias-heading-text-font-weight-regular)); line-height: var(--spectrum-heading-2-text-line-height, var(--spectrum-alias-heading-text-line-height)); font-style: var(--spectrum-heading-2-text-font-style, var(--spectrum-global-font-style-regular)); letter-spacing: var(--spectrum-heading-2-text-letter-spacing, var(--spectrum-global-font-letter-spacing-none)); text-transform: var(--spectrum-heading-2-text-transform, none); margin-top: 0; margin-bottom: 0; } .spectrum-Heading2 em { font-size: var(--spectrum-heading-2-emphasis-text-size, var(--spectrum-alias-heading2-text-size)); font-weight: var(--spectrum-heading-2-emphasis-text-font-weight, var(--spectrum-alias-heading-text-font-weight-regular)); line-height: var(--spectrum-heading-2-emphasis-text-line-height, var(--spectrum-alias-heading-text-line-height)); font-style: var(--spectrum-heading-2-emphasis-text-font-style, var(--spectrum-global-font-style-italic)); letter-spacing: var(--spectrum-heading-2-emphasis-text-letter-spacing, var(--spectrum-global-font-letter-spacing-none)); text-transform: var(--spectrum-heading-2-emphasis-text-transform, none); margin-top: 0; margin-bottom: 0; } .spectrum-Heading2 strong { font-size: var(--spectrum-heading-2-strong-text-size, var(--spectrum-alias-heading2-text-size)); font-weight: var(--spectrum-heading-2-strong-text-font-weight, var(--spectrum-alias-heading-text-font-weight-regular-strong)); line-height: var(--spectrum-heading-2-strong-text-line-height, var(--spectrum-alias-heading-text-line-height)); font-style: var(--spectrum-heading-2-strong-text-font-style, var(--spectrum-global-font-style-regular)); letter-spacing: var(--spectrum-heading-2-strong-text-letter-spacing, var(--spectrum-global-font-letter-spacing-none)); text-transform: var(--spectrum-heading-2-strong-text-transform, none); margin-top: 0; margin-bottom: 0; } .spectrum-Heading3 { font-size: var(--spectrum-heading-3-text-size, var(--spectrum-alias-heading3-text-size)); font-weight: var(--spectrum-heading-3-text-font-weight, var(--spectrum-alias-heading-text-font-weight-regular)); line-height: var(--spectrum-heading-3-text-line-height, var(--spectrum-alias-heading-text-line-height)); font-style: var(--spectrum-heading-3-text-font-style, var(--spectrum-global-font-style-regular)); letter-spacing: var(--spectrum-heading-3-text-letter-spacing, var(--spectrum-global-font-letter-spacing-none)); text-transform: var(--spectrum-heading-3-text-transform, none); margin-top: 0; margin-bottom: 0; } .spectrum-Heading3 em { font-size: var(--spectrum-heading-3-emphasis-text-size, var(--spectrum-alias-heading3-text-size)); font-weight: var(--spectrum-heading-3-emphasis-text-font-weight, var(--spectrum-alias-heading-text-font-weight-regular)); line-height: var(--spectrum-heading-3-emphasis-text-line-height, var(--spectrum-alias-heading-text-line-height)); font-style: var(--spectrum-heading-3-emphasis-text-font-style, var(--spectrum-global-font-style-italic)); letter-spacing: var(--spectrum-heading-3-emphasis-text-letter-spacing, var(--spectrum-global-font-letter-spacing-none)); text-transform: var(--spectrum-heading-3-emphasis-text-transform, none); margin-top: 0; margin-bottom: 0; } .spectrum-Heading3 strong { font-size: var(--spectrum-heading-3-strong-text-size, var(--spectrum-alias-heading3-text-size)); font-weight: var(--spectrum-heading-3-strong-text-font-weight, var(--spectrum-alias-heading-text-font-weight-regular-strong)); line-height: var(--spectrum-heading-3-strong-text-line-height, var(--spectrum-alias-heading-text-line-height)); font-style: var(--spectrum-heading-3-strong-text-font-style, var(--spectrum-global-font-style-regular)); letter-spacing: var(--spectrum-heading-3-strong-text-letter-spacing, var(--spectrum-global-font-letter-spacing-none)); text-transform: var(--spectrum-heading-3-strong-text-transform, none); margin-top: 0; margin-bottom: 0; } .spectrum-Heading4, .spectrum-Heading--subtitle1 { font-size: var(--spectrum-heading-4-text-size, var(--spectrum-alias-heading4-text-size)); font-weight: var(--spectrum-heading-4-text-font-weight, var(--spectrum-alias-heading-text-font-weight-regular)); line-height: var(--spectrum-heading-4-text-line-height, var(--spectrum-alias-heading-text-line-height)); font-style: var(--spectrum-heading-4-text-font-style, var(--spectrum-global-font-style-regular)); letter-spacing: var(--spectrum-heading-4-text-letter-spacing, var(--spectrum-global-font-letter-spacing-none)); text-transform: var(--spectrum-heading-4-text-transform, none); margin-top: 0; margin-bottom: 0; } .spectrum-Heading4 em, .spectrum-Heading--subtitle1 em { font-size: var(--spectrum-heading-4-emphasis-text-size, var(--spectrum-alias-heading4-text-size)); font-weight: var(--spectrum-heading-4-emphasis-text-font-weight, var(--spectrum-alias-heading-text-font-weight-regular)); line-height: var(--spectrum-heading-4-emphasis-text-line-height, var(--spectrum-alias-heading-text-line-height)); font-style: var(--spectrum-heading-4-emphasis-text-font-style, var(--spectrum-global-font-style-italic)); letter-spacing: var(--spectrum-heading-4-emphasis-text-letter-spacing, var(--spectrum-global-font-letter-spacing-none)); text-transform: var(--spectrum-heading-4-emphasis-text-transform, none); margin-top: 0; margin-bottom: 0; } .spectrum-Heading4 strong, .spectrum-Heading--subtitle1 strong { font-size: var(--spectrum-heading-4-strong-text-size, var(--spectrum-alias-heading4-text-size)); font-weight: var(--spectrum-heading-4-strong-text-font-weight, var(--spectrum-alias-heading-text-font-weight-regular-strong)); line-height: var(--spectrum-heading-4-strong-text-line-height, var(--spectrum-alias-heading-text-line-height)); font-style: var(--spectrum-heading-4-strong-text-font-style, var(--spectrum-global-font-style-regular)); letter-spacing: var(--spectrum-heading-4-strong-text-letter-spacing, var(--spectrum-global-font-letter-spacing-none)); text-transform: var(--spectrum-heading-4-strong-text-transform, none); margin-top: 0; margin-bottom: 0; } .spectrum-Heading5 { font-size: var(--spectrum-heading-5-text-size, var(--spectrum-alias-heading5-text-size)); font-weight: var(--spectrum-heading-5-text-font-weight, var(--spectrum-alias-heading-text-font-weight-regular)); line-height: var(--spectrum-heading-5-text-line-height, var(--spectrum-alias-heading-text-line-height)); font-style: var(--spectrum-heading-5-text-font-style, var(--spectrum-global-font-style-regular)); letter-spacing: var(--spectrum-heading-5-text-letter-spacing, var(--spectrum-global-font-letter-spacing-none)); text-transform: var(--spectrum-heading-5-text-transform, none); margin-top: 0; margin-bottom: 0; } .spectrum-Heading5 em { font-size: var(--spectrum-heading-5-emphasis-text-size, var(--spectrum-alias-heading5-text-size)); font-weight: var(--spectrum-heading-5-emphasis-text-font-weight, var(--spectrum-alias-heading-text-font-weight-regular)); line-height: var(--spectrum-heading-5-emphasis-text-line-height, var(--spectrum-alias-heading-text-line-height)); font-style: var(--spectrum-heading-5-emphasis-text-font-style, var(--spectrum-global-font-style-italic)); letter-spacing: var(--spectrum-heading-5-emphasis-text-letter-spacing, var(--spectrum-global-font-letter-spacing-none)); text-transform: var(--spectrum-heading-5-emphasis-text-transform, none); margin-top: 0; margin-bottom: 0; } .spectrum-Heading5 strong { font-size: var(--spectrum-heading-5-strong-text-size, var(--spectrum-alias-heading5-text-size)); font-weight: var(--spectrum-heading-5-strong-text-font-weight, var(--spectrum-alias-heading-text-font-weight-regular-strong)); line-height: var(--spectrum-heading-5-strong-text-line-height, var(--spectrum-alias-heading-text-line-height)); font-style: var(--spectrum-heading-5-strong-text-font-style, var(--spectrum-global-font-style-regular)); letter-spacing: var(--spectrum-heading-5-strong-text-letter-spacing, var(--spectrum-global-font-letter-spacing-none)); text-transform: var(--spectrum-heading-5-strong-text-transform, none); margin-top: 0; margin-bottom: 0; } .spectrum-Heading6, .spectrum-Heading--subtitle2 { font-size: var(--spectrum-heading-6-text-size, var(--spectrum-alias-heading6-text-size)); font-weight: var(--spectrum-heading-6-text-font-weight, var(--spectrum-alias-heading-text-font-weight-regular)); line-height: var(--spectrum-heading-6-text-line-height, var(--spectrum-alias-heading-text-line-height)); font-style: var(--spectrum-heading-6-text-font-style, var(--spectrum-global-font-style-regular)); letter-spacing: var(--spectrum-heading-6-text-letter-spacing, var(--spectrum-global-font-letter-spacing-none)); text-transform: var(--spectrum-heading-6-text-transform, none); margin-top: 0; margin-bottom: 0; } .spectrum-Heading6 em, .spectrum-Heading--subtitle2 em { font-size: var(--spectrum-heading-6-emphasis-text-size, var(--spectrum-alias-heading6-text-size)); font-weight: var(--spectrum-heading-6-emphasis-text-font-weight, var(--spectrum-alias-heading-text-font-weight-regular)); line-height: var(--spectrum-heading-6-emphasis-text-line-height, var(--spectrum-alias-heading-text-line-height)); font-style: var(--spectrum-heading-6-emphasis-text-font-style, var(--spectrum-global-font-style-italic)); letter-spacing: var(--spectrum-heading-6-emphasis-text-letter-spacing, var(--spectrum-global-font-letter-spacing-none)); text-transform: var(--spectrum-heading-6-emphasis-text-transform, none); margin-top: 0; margin-bottom: 0; } .spectrum-Heading6 strong, .spectrum-Heading--subtitle2 strong { font-size: var(--spectrum-heading-6-strong-text-size, var(--spectrum-alias-heading6-text-size)); font-weight: var(--spectrum-heading-6-strong-text-font-weight, var(--spectrum-alias-heading-text-font-weight-regular-strong)); line-height: var(--spectrum-heading-6-strong-text-line-height, var(--spectrum-alias-heading-text-line-height)); font-style: var(--spectrum-heading-6-strong-text-font-style, var(--spectrum-global-font-style-regular)); letter-spacing: var(--spectrum-heading-6-strong-text-letter-spacing, var(--spectrum-global-font-letter-spacing-none)); text-transform: var(--spectrum-heading-6-strong-text-transform, none); margin-top: 0; margin-bottom: 0; } .spectrum-Subheading, .spectrum-Heading--subtitle3 { font-size: var(--spectrum-subheading-text-size, var(--spectrum-global-dimension-font-size-50)); font-weight: var(--spectrum-subheading-text-font-weight, var(--spectrum-alias-subheading-text-font-weight)); line-height: var(--spectrum-subheading-text-line-height, var(--spectrum-alias-heading-text-line-height)); font-style: var(--spectrum-subheading-text-font-style, var(--spectrum-global-font-style-regular)); letter-spacing: var(--spectrum-subheading-text-letter-spacing, var(--spectrum-global-font-letter-spacing-medium)); text-transform: var(--spectrum-subheading-text-transform, uppercase); margin-top: 0; margin-bottom: 0; } .spectrum-Subheading em, .spectrum-Heading--subtitle3 em { font-size: var(--spectrum-subheading-emphasis-text-size, var(--spectrum-global-dimension-font-size-50)); font-weight: var(--spectrum-subheading-emphasis-text-font-weight, var(--spectrum-alias-subheading-text-font-weight)); line-height: var(--spectrum-subheading-emphasis-text-line-height, var(--spectrum-alias-heading-text-line-height)); font-style: var(--spectrum-subheading-emphasis-text-font-style, var(--spectrum-global-font-style-italic)); letter-spacing: var(--spectrum-subheading-emphasis-text-letter-spacing, var(--spectrum-global-font-letter-spacing-medium)); text-transform: var(--spectrum-subheading-emphasis-text-transform, uppercase); margin-top: 0; margin-bottom: 0; } .spectrum-Subheading strong, .spectrum-Heading--subtitle3 strong { font-size: var(--spectrum-subheading-strong-text-size, var(--spectrum-global-dimension-font-size-50)); font-weight: var(--spectrum-subheading-strong-text-font-weight, var(--spectrum-alias-subheading-text-font-weight-strong)); line-height: var(--spectrum-subheading-strong-text-line-height, var(--spectrum-alias-heading-text-line-height)); font-style: var(--spectrum-subheading-strong-text-font-style, var(--spectrum-global-font-style-regular)); letter-spacing: var(--spectrum-subheading-strong-text-letter-spacing, var(--spectrum-global-font-letter-spacing-medium)); text-transform: var(--spectrum-subheading-strong-text-transform, uppercase); margin-top: 0; margin-bottom: 0; } .spectrum-Detail { font-size: var(--spectrum-detail-text-size, var(--spectrum-global-dimension-font-size-50)); font-weight: var(--spectrum-detail-text-font-weight, var(--spectrum-alias-detail-text-font-weight)); line-height: var(--spectrum-detail-text-line-height, var(--spectrum-alias-body-text-line-height)); font-style: var(--spectrum-detail-text-font-style, var(--spectrum-global-font-style-regular)); letter-spacing: var(--spectrum-detail-text-letter-spacing, var(--spectrum-global-font-letter-spacing-medium)); text-transform: var(--spectrum-detail-text-transform, uppercase); margin-top: 0; margin-bottom: 0; } .spectrum-Detail em { font-size: var(--spectrum-detail-emphasis-text-size, var(--spectrum-global-dimension-font-size-50)); font-weight: var(--spectrum-detail-emphasis-text-font-weight, var(--spectrum-alias-detail-text-font-weight)); line-height: var(--spectrum-detail-emphasis-text-line-height, var(--spectrum-alias-body-text-line-height)); font-style: var(--spectrum-detail-emphasis-text-font-style, var(--spectrum-global-font-style-italic)); letter-spacing: var(--spectrum-detail-emphasis-text-letter-spacing, var(--spectrum-global-font-letter-spacing-medium)); text-transform: var(--spectrum-detail-emphasis-text-transform, uppercase); margin-top: 0; margin-bottom: 0; } .spectrum-Detail strong { font-size: var(--spectrum-detail-strong-text-size, var(--spectrum-global-dimension-font-size-50)); font-weight: var(--spectrum-detail-strong-text-font-weight, var(--spectrum-alias-detail-text-font-weight-strong)); line-height: var(--spectrum-detail-strong-text-line-height, var(--spectrum-alias-body-text-line-height)); font-style: var(--spectrum-detail-strong-text-font-style, var(--spectrum-global-font-style-regular)); letter-spacing: var(--spectrum-detail-strong-text-letter-spacing, var(--spectrum-global-font-letter-spacing-medium)); text-transform: var(--spectrum-detail-strong-text-transform, uppercase); margin-top: 0; margin-bottom: 0; } .spectrum-Heading1--quiet { font-size: var(--spectrum-heading-quiet-1-text-size, var(--spectrum-alias-heading1-text-size)); font-weight: var(--spectrum-heading-quiet-1-text-font-weight, var(--spectrum-alias-heading-text-font-weight-quiet)); line-height: var(--spectrum-heading-quiet-1-text-line-height, var(--spectrum-alias-heading-text-line-height)); font-style: var(--spectrum-heading-quiet-1-text-font-style, var(--spectrum-global-font-style-regular)); letter-spacing: var(--spectrum-heading-quiet-1-text-letter-spacing, var(--spectrum-global-font-letter-spacing-none)); text-transform: var(--spectrum-heading-quiet-1-text-transform, none); margin-top: 0; margin-bottom: 0; } .spectrum-Heading1--quiet em { font-size: var(--spectrum-heading-quiet-1-emphasis-text-size, var(--spectrum-alias-heading1-text-size)); font-weight: var(--spectrum-heading-quiet-1-emphasis-text-font-weight, var(--spectrum-alias-heading-text-font-weight-quiet)); line-height: var(--spectrum-heading-quiet-1-emphasis-text-line-height, var(--spectrum-alias-heading-text-line-height)); font-style: var(--spectrum-heading-quiet-1-emphasis-text-font-style, var(--spectrum-global-font-style-italic)); letter-spacing: var(--spectrum-heading-quiet-1-emphasis-text-letter-spacing, var(--spectrum-global-font-letter-spacing-none)); text-transform: var(--spectrum-heading-quiet-1-emphasis-text-transform, none); margin-top: 0; margin-bottom: 0; } .spectrum-Heading1--quiet strong { font-size: var(--spectrum-heading-quiet-1-strong-text-size, var(--spectrum-alias-heading1-text-size)); font-weight: var(--spectrum-heading-quiet-1-strong-text-font-weight, var(--spectrum-alias-heading-text-font-weight-quiet-strong)); line-height: var(--spectrum-heading-quiet-1-strong-text-line-height, var(--spectrum-alias-heading-text-line-height)); font-style: var(--spectrum-heading-quiet-1-strong-text-font-style, var(--spectrum-global-font-style-regular)); letter-spacing: var(--spectrum-heading-quiet-1-strong-text-letter-spacing, var(--spectrum-global-font-letter-spacing-none)); text-transform: var(--spectrum-heading-quiet-1-strong-text-transform, none); margin-top: 0; margin-bottom: 0; } .spectrum-Heading2--quiet, .spectrum-Heading--pageTitle { font-size: var(--spectrum-heading-quiet-2-text-size, var(--spectrum-alias-heading2-text-size)); font-weight: var(--spectrum-heading-quiet-2-text-font-weight, var(--spectrum-alias-heading-text-font-weight-quiet)); line-height: var(--spectrum-heading-quiet-2-text-line-height, var(--spectrum-alias-heading-text-line-height)); font-style: var(--spectrum-heading-quiet-2-text-font-style, var(--spectrum-global-font-style-regular)); letter-spacing: var(--spectrum-heading-quiet-2-text-letter-spacing, var(--spectrum-global-font-letter-spacing-none)); text-transform: var(--spectrum-heading-quiet-2-text-transform, none); margin-top: 0; margin-bottom: 0; } .spectrum-Heading2--quiet em, .spectrum-Heading--pageTitle em { font-size: var(--spectrum-heading-quiet-2-emphasis-text-size, var(--spectrum-alias-heading2-text-size)); font-weight: var(--spectrum-heading-quiet-2-emphasis-text-font-weight, var(--spectrum-alias-heading-text-font-weight-quiet)); line-height: var(--spectrum-heading-quiet-2-emphasis-text-line-height, var(--spectrum-alias-heading-text-line-height)); font-style: var(--spectrum-heading-quiet-2-emphasis-text-font-style, var(--spectrum-global-font-style-italic)); letter-spacing: var(--spectrum-heading-quiet-2-emphasis-text-letter-spacing, var(--spectrum-global-font-letter-spacing-none)); text-transform: var(--spectrum-heading-quiet-2-emphasis-text-transform, none); margin-top: 0; margin-bottom: 0; } .spectrum-Heading2--quiet strong, .spectrum-Heading--pageTitle strong { font-size: var(--spectrum-heading-quiet-2-strong-text-size, var(--spectrum-alias-heading2-text-size)); font-weight: var(--spectrum-heading-quiet-2-strong-text-font-weight, var(--spectrum-alias-heading-text-font-weight-quiet-strong)); line-height: var(--spectrum-heading-quiet-2-strong-text-line-height, var(--spectrum-alias-heading-text-line-height)); font-style: var(--spectrum-heading-quiet-2-strong-text-font-style, var(--spectrum-global-font-style-regular)); letter-spacing: var(--spectrum-heading-quiet-2-strong-text-letter-spacing, var(--spectrum-global-font-letter-spacing-none)); text-transform: var(--spectrum-heading-quiet-2-strong-text-transform, none); margin-top: 0; margin-bottom: 0; } .spectrum-Heading1--strong { font-size: var(--spectrum-heading-strong-1-text-size, var(--spectrum-alias-heading1-text-size)); font-weight: var(--spectrum-heading-strong-1-text-font-weight, var(--spectrum-alias-heading-text-font-weight-strong)); line-height: var(--spectrum-heading-strong-1-text-line-height, var(--spectrum-alias-heading-text-line-height)); font-style: var(--spectrum-heading-strong-1-text-font-style, var(--spectrum-global-font-style-regular)); letter-spacing: var(--spectrum-heading-strong-1-text-letter-spacing, var(--spectrum-global-font-letter-spacing-none)); text-transform: var(--spectrum-heading-strong-1-text-transform, none); margin-top: 0; margin-bottom: 0; } .spectrum-Heading1--strong em { font-size: var(--spectrum-heading-strong-1-emphasis-text-size, var(--spectrum-alias-heading1-text-size)); font-weight: var(--spectrum-heading-strong-1-emphasis-text-font-weight, var(--spectrum-alias-heading-text-font-weight-strong)); line-height: var(--spectrum-heading-strong-1-emphasis-text-line-height, var(--spectrum-alias-heading-text-line-height)); font-style: var(--spectrum-heading-strong-1-emphasis-text-font-style, var(--spectrum-global-font-style-italic)); letter-spacing: var(--spectrum-heading-strong-1-emphasis-text-letter-spacing, var(--spectrum-global-font-letter-spacing-none)); text-transform: var(--spectrum-heading-strong-1-emphasis-text-transform, none); margin-top: 0; margin-bottom: 0; } .spectrum-Heading1--strong strong { font-size: var(--spectrum-heading-strong-1-strong-text-size, var(--spectrum-alias-heading1-text-size)); font-weight: var(--spectrum-heading-strong-1-strong-text-font-weight, var(--spectrum-alias-heading-text-font-weight-strong-strong)); line-height: var(--spectrum-heading-strong-1-strong-text-line-height, var(--spectrum-alias-heading-text-line-height)); font-style: var(--spectrum-heading-strong-1-strong-text-font-style, var(--spectrum-global-font-style-regular)); letter-spacing: var(--spectrum-heading-strong-1-strong-text-letter-spacing, var(--spectrum-global-font-letter-spacing-none)); text-transform: var(--spectrum-heading-strong-1-strong-text-transform, none); margin-top: 0; margin-bottom: 0; } .spectrum-Heading2--strong { font-size: var(--spectrum-heading-strong-2-text-size, var(--spectrum-alias-heading2-text-size)); font-weight: var(--spectrum-heading-strong-2-text-font-weight, var(--spectrum-alias-heading-text-font-weight-strong)); line-height: var(--spectrum-heading-strong-2-text-line-height, var(--spectrum-alias-heading-text-line-height)); font-style: var(--spectrum-heading-strong-2-text-font-style, var(--spectrum-global-font-style-regular)); letter-spacing: var(--spectrum-heading-strong-2-text-letter-spacing, var(--spectrum-global-font-letter-spacing-none)); text-transform: var(--spectrum-heading-strong-2-text-transform, none); margin-top: 0; margin-bottom: 0; } .spectrum-Heading2--strong em { font-size: var(--spectrum-heading-strong-2-emphasis-text-size, var(--spectrum-alias-heading2-text-size)); font-weight: var(--spectrum-heading-strong-2-emphasis-text-font-weight, var(--spectrum-alias-heading-text-font-weight-strong)); line-height: var(--spectrum-heading-strong-2-emphasis-text-line-height, var(--spectrum-alias-heading-text-line-height)); font-style: var(--spectrum-heading-strong-2-emphasis-text-font-style, var(--spectrum-global-font-style-italic)); letter-spacing: var(--spectrum-heading-strong-2-emphasis-text-letter-spacing, var(--spectrum-global-font-letter-spacing-none)); text-transform: var(--spectrum-heading-strong-2-emphasis-text-transform, none); margin-top: 0; margin-bottom: 0; } .spectrum-Heading2--strong strong { font-size: var(--spectrum-heading-strong-2-strong-text-size, var(--spectrum-alias-heading2-text-size)); font-weight: var(--spectrum-heading-strong-2-strong-text-font-weight, var(--spectrum-alias-heading-text-font-weight-strong-strong)); line-height: var(--spectrum-heading-strong-2-strong-text-line-height, var(--spectrum-alias-heading-text-line-height)); font-style: var(--spectrum-heading-strong-2-strong-text-font-style, var(--spectrum-global-font-style-regular)); letter-spacing: var(--spectrum-heading-strong-2-strong-text-letter-spacing, var(--spectrum-global-font-letter-spacing-none)); text-transform: var(--spectrum-heading-strong-2-strong-text-transform, none); margin-top: 0; margin-bottom: 0; } .spectrum-Heading1--display { font-size: var(--spectrum-display-1-text-size, var(--spectrum-alias-heading-display1-text-size)); font-weight: var(--spectrum-display-1-text-font-weight, var(--spectrum-alias-heading-text-font-weight-regular)); line-height: var(--spectrum-display-1-text-line-height, var(--spectrum-alias-heading-text-line-height)); font-style: var(--spectrum-display-1-text-font-style, var(--spectrum-global-font-style-regular)); letter-spacing: var(--spectrum-display-1-text-letter-spacing, var(--spectrum-global-font-letter-spacing-none)); text-transform: var(--spectrum-display-1-text-transform, none); margin-top: 0; margin-bottom: 0; } .spectrum-Heading1--display em { font-size: var(--spectrum-display-1-emphasis-text-size, var(--spectrum-alias-heading-display1-text-size)); font-weight: var(--spectrum-display-1-emphasis-text-font-weight, var(--spectrum-alias-heading-text-font-weight-regular)); line-height: var(--spectrum-display-1-emphasis-text-line-height, var(--spectrum-alias-heading-text-line-height)); font-style: var(--spectrum-display-1-emphasis-text-font-style, var(--spectrum-global-font-style-italic)); letter-spacing: var(--spectrum-display-1-emphasis-text-letter-spacing, var(--spectrum-global-font-letter-spacing-none)); text-transform: var(--spectrum-display-1-emphasis-text-transform, none); margin-top: 0; margin-bottom: 0; } .spectrum-Heading1--display strong { font-size: var(--spectrum-display-1-strong-text-size, var(--spectrum-alias-heading-display1-text-size)); font-weight: var(--spectrum-display-1-strong-text-font-weight, var(--spectrum-alias-heading-text-font-weight-regular-strong)); line-height: var(--spectrum-display-1-strong-text-line-height, var(--spectrum-alias-heading-text-line-height)); font-style: var(--spectrum-display-1-strong-text-font-style, var(--spectrum-global-font-style-regular)); letter-spacing: var(--spectrum-display-1-strong-text-letter-spacing, var(--spectrum-global-font-letter-spacing-none)); text-transform: var(--spectrum-display-1-strong-text-transform, none); margin-top: 0; margin-bottom: 0; } .spectrum-Heading2--display { font-size: var(--spectrum-display-2-text-size, var(--spectrum-alias-heading-display2-text-size)); font-weight: var(--spectrum-display-2-text-font-weight, var(--spectrum-alias-heading-text-font-weight-regular)); line-height: var(--spectrum-display-2-text-line-height, var(--spectrum-alias-heading-text-line-height)); font-style: var(--spectrum-display-2-text-font-style, var(--spectrum-global-font-style-regular)); letter-spacing: var(--spectrum-display-2-text-letter-spacing, var(--spectrum-global-font-letter-spacing-none)); text-transform: var(--spectrum-display-2-text-transform, none); margin-top: 0; margin-bottom: 0; } .spectrum-Heading2--display em { font-size: var(--spectrum-display-2-emphasis-text-size, var(--spectrum-alias-heading-display2-text-size)); font-weight: var(--spectrum-display-2-emphasis-text-font-weight, var(--spectrum-alias-heading-text-font-weight-regular)); line-height: var(--spectrum-display-2-emphasis-text-line-height, var(--spectrum-alias-heading-text-line-height)); font-style: var(--spectrum-display-2-emphasis-text-font-style, var(--spectrum-global-font-style-italic)); letter-spacing: var(--spectrum-display-2-emphasis-text-letter-spacing, var(--spectrum-global-font-letter-spacing-none)); text-transform: var(--spectrum-display-2-emphasis-text-transform, none); margin-top: 0; margin-bottom: 0; } .spectrum-Heading2--display strong { font-size: var(--spectrum-display-2-strong-text-size, var(--spectrum-alias-heading-display2-text-size)); font-weight: var(--spectrum-display-2-strong-text-font-weight, var(--spectrum-alias-heading-text-font-weight-regular-strong)); line-height: var(--spectrum-display-2-strong-text-line-height, var(--spectrum-alias-heading-text-line-height)); font-style: var(--spectrum-display-2-strong-text-font-style, var(--spectrum-global-font-style-regular)); letter-spacing: var(--spectrum-display-2-strong-text-letter-spacing, var(--spectrum-global-font-letter-spacing-none)); text-transform: var(--spectrum-display-2-strong-text-transform, none); margin-top: 0; margin-bottom: 0; } .spectrum-Heading1--display.spectrum-Heading1--strong { font-size: var(--spectrum-display-strong-1-text-size, var(--spectrum-alias-heading-display1-text-size)); font-weight: var(--spectrum-display-strong-1-text-font-weight, var(--spectrum-alias-heading-text-font-weight-strong)); line-height: var(--spectrum-display-strong-1-text-line-height, var(--spectrum-alias-heading-text-line-height)); font-style: var(--spectrum-display-strong-1-text-font-style, var(--spectrum-global-font-style-regular)); letter-spacing: var(--spectrum-display-strong-1-text-letter-spacing, var(--spectrum-global-font-letter-spacing-none)); text-transform: var(--spectrum-display-strong-1-text-transform, none); margin-top: 0; margin-bottom: 0; } .spectrum-Heading1--display.spectrum-Heading1--strong em { font-size: var(--spectrum-display-strong-1-emphasis-text-size, var(--spectrum-alias-heading-display1-text-size)); font-weight: var(--spectrum-display-strong-1-emphasis-text-font-weight, var(--spectrum-alias-heading-text-font-weight-strong)); line-height: var(--spectrum-display-strong-1-emphasis-text-line-height, var(--spectrum-alias-heading-text-line-height)); font-style: var(--spectrum-display-strong-1-emphasis-text-font-style, var(--spectrum-global-font-style-italic)); letter-spacing: var(--spectrum-display-strong-1-emphasis-text-letter-spacing, var(--spectrum-global-font-letter-spacing-none)); text-transform: var(--spectrum-display-strong-1-emphasis-text-transform, none); margin-top: 0; margin-bottom: 0; } .spectrum-Heading1--display.spectrum-Heading1--strong strong { font-size: var(--spectrum-display-strong-1-strong-text-size, var(--spectrum-alias-heading-display1-text-size)); font-weight: var(--spectrum-display-strong-1-strong-text-font-weight, var(--spectrum-alias-heading-text-font-weight-strong-strong)); line-height: var(--spectrum-display-strong-1-strong-text-line-height, var(--spectrum-alias-heading-text-line-height)); font-style: var(--spectrum-display-strong-1-strong-text-font-style, var(--spectrum-global-font-style-regular)); letter-spacing: var(--spectrum-display-strong-1-strong-text-letter-spacing, var(--spectrum-global-font-letter-spacing-none)); text-transform: var(--spectrum-display-strong-1-strong-text-transform, none); margin-top: 0; margin-bottom: 0; } .spectrum-Heading2--display.spectrum-Heading2--strong { font-size: var(--spectrum-display-strong-2-text-size, var(--spectrum-alias-heading-display2-text-size)); font-weight: var(--spectrum-display-strong-2-text-font-weight, var(--spectrum-alias-heading-text-font-weight-strong)); line-height: var(--spectrum-display-strong-2-text-line-height, var(--spectrum-alias-heading-text-line-height)); font-style: var(--spectrum-display-strong-2-text-font-style, var(--spectrum-global-font-style-regular)); letter-spacing: var(--spectrum-display-strong-2-text-letter-spacing, var(--spectrum-global-font-letter-spacing-none)); text-transform: var(--spectrum-display-strong-2-text-transform, none); margin-top: 0; margin-bottom: 0; } .spectrum-Heading2--display.spectrum-Heading2--strong em { font-size: var(--spectrum-display-strong-2-emphasis-text-size, var(--spectrum-alias-heading-display2-text-size)); font-weight: var(--spectrum-display-strong-2-emphasis-text-font-weight, var(--spectrum-alias-heading-text-font-weight-strong)); line-height: var(--spectrum-display-strong-2-emphasis-text-line-height, var(--spectrum-alias-heading-text-line-height)); font-style: var(--spectrum-display-strong-2-emphasis-text-font-style, var(--spectrum-global-font-style-italic)); letter-spacing: var(--spectrum-display-strong-2-emphasis-text-letter-spacing, var(--spectrum-global-font-letter-spacing-none)); text-transform: var(--spectrum-display-strong-2-emphasis-text-transform, none); margin-top: 0; margin-bottom: 0; } .spectrum-Heading2--display.spectrum-Heading2--strong strong { font-size: var(--spectrum-display-strong-2-strong-text-size, var(--spectrum-alias-heading-display2-text-size)); font-weight: var(--spectrum-display-strong-2-strong-text-font-weight, var(--spectrum-alias-heading-text-font-weight-strong-strong)); line-height: var(--spectrum-display-strong-2-strong-text-line-height, var(--spectrum-alias-heading-text-line-height)); font-style: var(--spectrum-display-strong-2-strong-text-font-style, var(--spectrum-global-font-style-regular)); letter-spacing: var(--spectrum-display-strong-2-strong-text-letter-spacing, var(--spectrum-global-font-letter-spacing-none)); text-transform: var(--spectrum-display-strong-2-strong-text-transform, none); margin-top: 0; margin-bottom: 0; } .spectrum-Heading1--display.spectrum-Heading1--quiet { font-size: var(--spectrum-display-quiet-1-text-size, var(--spectrum-alias-heading-display1-text-size)); font-weight: var(--spectrum-display-quiet-1-text-font-weight, var(--spectrum-alias-heading-text-font-weight-quiet)); line-height: var(--spectrum-display-quiet-1-text-line-height, var(--spectrum-alias-heading-text-line-height)); font-style: var(--spectrum-display-quiet-1-text-font-style, var(--spectrum-global-font-style-regular)); letter-spacing: var(--spectrum-display-quiet-1-text-letter-spacing, var(--spectrum-global-font-letter-spacing-none)); text-transform: var(--spectrum-display-quiet-1-text-transform, none); margin-top: 0; margin-bottom: 0; } .spectrum-Heading1--display.spectrum-Heading1--quiet em { font-size: var(--spectrum-display-quiet-1-emphasis-text-size, var(--spectrum-alias-heading-display1-text-size)); font-weight: var(--spectrum-display-quiet-1-emphasis-text-font-weight, var(--spectrum-alias-heading-text-font-weight-quiet)); line-height: var(--spectrum-display-quiet-1-emphasis-text-line-height, var(--spectrum-alias-heading-text-line-height)); font-style: var(--spectrum-display-quiet-1-emphasis-text-font-style, var(--spectrum-global-font-style-italic)); letter-spacing: var(--spectrum-display-quiet-1-emphasis-text-letter-spacing, var(--spectrum-global-font-letter-spacing-none)); text-transform: var(--spectrum-display-quiet-1-emphasis-text-transform, none); margin-top: 0; margin-bottom: 0; } .spectrum-Heading1--display.spectrum-Heading1--quiet strong { font-size: var(--spectrum-display-quiet-1-strong-text-size, var(--spectrum-alias-heading-display1-text-size)); font-weight: var(--spectrum-display-quiet-1-strong-text-font-weight, var(--spectrum-alias-heading-text-font-weight-quiet-strong)); line-height: var(--spectrum-display-quiet-1-strong