@adobe/spectrum-css
Version:
The Spectrum CSS top-level backwards compatible package
816 lines (700 loc) • 197 kB
CSS
.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