@adobe/spectrum-css
Version:
The Spectrum CSS top-level backwards compatible package
992 lines (721 loc) • 75.9 kB
CSS
.spectrum {
font-family: var(--spectrum-alias-body-text-font-family, var(--spectrum-global-font-family-base));
font-size: var(--spectrum-alias-font-size-default, var(--spectrum-global-dimension-font-size-100));
}
.spectrum:lang(ar) {
font-family: var(--spectrum-alias-font-family-ar, myriad-arabic, adobe-clean, 'Source Sans Pro', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Ubuntu, 'Trebuchet MS', 'Lucida Grande', sans-serif);
}
.spectrum:lang(he) {
font-family: var(--spectrum-alias-font-family-he, myriad-hebrew, adobe-clean, 'Source Sans Pro', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Ubuntu, 'Trebuchet MS', 'Lucida Grande', sans-serif);
}
.spectrum:lang(zh-Hans) {
font-family: var(--spectrum-alias-font-family-zhhans, adobe-clean-han-simplified-c, source-han-simplified-c, 'SimSun', 'Heiti SC Light', 'sans-serif');
}
.spectrum:lang(zh-Hant) {
font-family: var(--spectrum-alias-font-family-zh, adobe-clean-han-traditional, source-han-traditional, 'MingLiu', 'Heiti TC Light','sans-serif');
}
.spectrum:lang(zh) {
font-family: var(--spectrum-alias-font-family-zh, adobe-clean-han-traditional, source-han-traditional, 'MingLiu', 'Heiti TC Light','sans-serif');
}
.spectrum:lang(ko) {
font-family: var(--spectrum-alias-font-family-ko, adobe-clean-han-korean, source-han-korean, 'Malgun Gothic', 'Apple Gothic', 'sans-serif');
}
.spectrum:lang(ja) {
font-family: var(--spectrum-alias-font-family-ja, adobe-clean-han-japanese, source-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', 'sans-serif');
}
.spectrum-Heading--sizeXXXL {
font-size: var(--spectrum-heading-xxxl-text-size, var(--spectrum-alias-heading-xxxl-text-size));
font-weight: var(--spectrum-heading-xxxl-text-font-weight, var(--spectrum-alias-heading-text-font-weight-regular));
line-height: var(--spectrum-heading-xxxl-text-line-height, var(--spectrum-alias-heading-text-line-height));
font-style: var(--spectrum-heading-xxxl-text-font-style, var(--spectrum-global-font-style-regular));
letter-spacing: var(--spectrum-heading-xxxl-text-letter-spacing, var(--spectrum-global-font-letter-spacing-none));
text-transform: var(--spectrum-heading-xxxl-text-transform, none);
margin-top: 0;
margin-bottom: 0;
}
.spectrum-Heading--sizeXXL {
font-size: var(--spectrum-heading-xxl-text-size, var(--spectrum-alias-heading-xxl-text-size));
font-weight: var(--spectrum-heading-xxl-text-font-weight, var(--spectrum-alias-heading-text-font-weight-regular));
line-height: var(--spectrum-heading-xxl-text-line-height, var(--spectrum-alias-heading-text-line-height));
font-style: var(--spectrum-heading-xxl-text-font-style, var(--spectrum-global-font-style-regular));
letter-spacing: var(--spectrum-heading-xxl-text-letter-spacing, var(--spectrum-global-font-letter-spacing-none));
text-transform: var(--spectrum-heading-xxl-text-transform, none);
margin-top: 0;
margin-bottom: 0;
}
.spectrum-Heading--sizeXL {
font-size: var(--spectrum-heading-xl-text-size, var(--spectrum-alias-heading-xl-text-size));
font-weight: var(--spectrum-heading-xl-text-font-weight, var(--spectrum-alias-heading-text-font-weight-regular));
line-height: var(--spectrum-heading-xl-text-line-height, var(--spectrum-alias-heading-text-line-height));
font-style: var(--spectrum-heading-xl-text-font-style, var(--spectrum-global-font-style-regular));
letter-spacing: var(--spectrum-heading-xl-text-letter-spacing, var(--spectrum-global-font-letter-spacing-none));
text-transform: var(--spectrum-heading-xl-text-transform, none);
margin-top: 0;
margin-bottom: 0;
}
.spectrum-Heading--sizeL {
font-size: var(--spectrum-heading-l-text-size, var(--spectrum-alias-heading-l-text-size));
font-weight: var(--spectrum-heading-l-text-font-weight, var(--spectrum-alias-heading-text-font-weight-regular));
line-height: var(--spectrum-heading-l-text-line-height, var(--spectrum-alias-heading-text-line-height));
font-style: var(--spectrum-heading-l-text-font-style, var(--spectrum-global-font-style-regular));
letter-spacing: var(--spectrum-heading-l-text-letter-spacing, var(--spectrum-global-font-letter-spacing-none));
text-transform: var(--spectrum-heading-l-text-transform, none);
margin-top: 0;
margin-bottom: 0;
}
.spectrum-Heading--sizeM {
font-size: var(--spectrum-heading-m-text-size, var(--spectrum-alias-heading-m-text-size));
font-weight: var(--spectrum-heading-m-text-font-weight, var(--spectrum-alias-heading-text-font-weight-regular));
line-height: var(--spectrum-heading-m-text-line-height, var(--spectrum-alias-heading-text-line-height));
font-style: var(--spectrum-heading-m-text-font-style, var(--spectrum-global-font-style-regular));
letter-spacing: var(--spectrum-heading-m-text-letter-spacing, var(--spectrum-global-font-letter-spacing-none));
text-transform: var(--spectrum-heading-m-text-transform, none);
margin-top: 0;
margin-bottom: 0;
}
.spectrum-Heading--sizeS {
font-size: var(--spectrum-heading-s-text-size, var(--spectrum-alias-heading-s-text-size));
font-weight: var(--spectrum-heading-s-text-font-weight, var(--spectrum-alias-heading-text-font-weight-regular));
line-height: var(--spectrum-heading-s-text-line-height, var(--spectrum-alias-heading-text-line-height));
font-style: var(--spectrum-heading-s-text-font-style, var(--spectrum-global-font-style-regular));
letter-spacing: var(--spectrum-heading-s-text-letter-spacing, var(--spectrum-global-font-letter-spacing-none));
text-transform: var(--spectrum-heading-s-text-transform, none);
margin-top: 0;
margin-bottom: 0;
}
.spectrum-Heading--sizeXS {
font-size: var(--spectrum-heading-xs-text-size, var(--spectrum-alias-heading-xs-text-size));
font-weight: var(--spectrum-heading-xs-text-font-weight, var(--spectrum-alias-heading-text-font-weight-regular));
line-height: var(--spectrum-heading-xs-text-line-height, var(--spectrum-alias-heading-text-line-height));
font-style: var(--spectrum-heading-xs-text-font-style, var(--spectrum-global-font-style-regular));
letter-spacing: var(--spectrum-heading-xs-text-letter-spacing, var(--spectrum-global-font-letter-spacing-none));
text-transform: var(--spectrum-heading-xs-text-transform, none);
margin-top: 0;
margin-bottom: 0;
}
.spectrum-Heading--sizeXXS {
font-size: var(--spectrum-heading-xxs-text-size, var(--spectrum-alias-heading-xxs-text-size));
font-weight: var(--spectrum-heading-xxs-text-font-weight, var(--spectrum-alias-heading-text-font-weight-regular));
line-height: var(--spectrum-heading-xxs-text-line-height, var(--spectrum-alias-heading-text-line-height));
font-style: var(--spectrum-heading-xxs-text-font-style, var(--spectrum-global-font-style-regular));
letter-spacing: var(--spectrum-heading-xxs-text-letter-spacing, var(--spectrum-global-font-letter-spacing-none));
text-transform: var(--spectrum-heading-xxs-text-transform, none);
margin-top: 0;
margin-bottom: 0;
}
.spectrum-Heading {
font-family: var(--spectrum-heading-m-text-font-family, var(--spectrum-alias-body-text-font-family));
font-weight: var(--spectrum-heading-m-text-font-weight, var(--spectrum-alias-heading-text-font-weight-regular));
}
.spectrum-Heading em,
.spectrum-Heading .spectrum-Heading-emphasis {
font-style: var(--spectrum-heading-m-emphasis-text-font-style, var(--spectrum-global-font-style-italic));
}
.spectrum-Heading strong,
.spectrum-Heading .spectrum-Heading-strong {
font-weight: var(--spectrum-heading-m-strong-text-font-weight, var(--spectrum-global-font-weight-black));
}
.spectrum-Heading--serif {
font-family: var(--spectrum-body-serif-m-text-font-family, var(--spectrum-alias-serif-text-font-family));
}
.spectrum-Heading--heavy {
font-weight: var(--spectrum-heading-heavy-m-text-font-weight, var(--spectrum-global-font-weight-black));
}
.spectrum-Heading--heavy em,
.spectrum-Heading--heavy .spectrum-Heading-emphasis {
font-style: var(--spectrum-heading-heavy-m-emphasis-text-font-style, var(--spectrum-global-font-style-italic));
}
.spectrum-Heading--heavy strong,
.spectrum-Heading--heavy .spectrum-Heading-strong {
font-weight: var(--spectrum-heading-heavy-m-strong-text-font-weight, var(--spectrum-global-font-weight-black));
}
.spectrum-Heading--light {
font-weight: var(--spectrum-heading-light-m-emphasis-text-font-weight, var(--spectrum-global-font-weight-light));
}
.spectrum-Heading--light em,
.spectrum-Heading--light .spectrum-Heading-emphasis {
font-style: var(--spectrum-heading-light-m-emphasis-text-font-style, var(--spectrum-global-font-style-italic));
}
.spectrum-Heading--light strong,
.spectrum-Heading--light .spectrum-Heading-strong {
font-weight: var(--spectrum-heading-light-m-strong-text-font-weight, var(--spectrum-global-font-weight-bold));
}
.spectrum-Body--sizeXXXL {
font-size: var(--spectrum-body-xxxl-text-size, var(--spectrum-global-dimension-font-size-600));
font-weight: var(--spectrum-body-xxxl-text-font-weight, var(--spectrum-alias-body-text-font-weight));
line-height: var(--spectrum-body-xxxl-text-line-height, var(--spectrum-alias-body-text-line-height));
font-style: var(--spectrum-body-xxxl-text-font-style, var(--spectrum-global-font-style-regular));
letter-spacing: var(--spectrum-body-xxxl-text-letter-spacing, var(--spectrum-global-font-letter-spacing-none));
text-transform: var(--spectrum-body-xxxl-text-transform, none);
margin-top: 0;
margin-bottom: 0;
}
.spectrum-Body--sizeXXL {
font-size: var(--spectrum-body-xxl-text-size, var(--spectrum-global-dimension-font-size-500));
font-weight: var(--spectrum-body-xxl-text-font-weight, var(--spectrum-alias-body-text-font-weight));
line-height: var(--spectrum-body-xxl-text-line-height, var(--spectrum-alias-body-text-line-height));
font-style: var(--spectrum-body-xxl-text-font-style, var(--spectrum-global-font-style-regular));
letter-spacing: var(--spectrum-body-xxl-text-letter-spacing, var(--spectrum-global-font-letter-spacing-none));
text-transform: var(--spectrum-body-xxl-text-transform, none);
margin-top: 0;
margin-bottom: 0;
}
.spectrum-Body--sizeXL {
font-size: var(--spectrum-body-xl-text-size, var(--spectrum-global-dimension-font-size-400));
font-weight: var(--spectrum-body-xl-text-font-weight, var(--spectrum-alias-body-text-font-weight));
line-height: var(--spectrum-body-xl-text-line-height, var(--spectrum-alias-body-text-line-height));
font-style: var(--spectrum-body-xl-text-font-style, var(--spectrum-global-font-style-regular));
letter-spacing: var(--spectrum-body-xl-text-letter-spacing, var(--spectrum-global-font-letter-spacing-none));
text-transform: var(--spectrum-body-xl-text-transform, none);
margin-top: 0;
margin-bottom: 0;
}
.spectrum-Body--sizeL {
font-size: var(--spectrum-body-l-text-size, var(--spectrum-global-dimension-font-size-300));
font-weight: var(--spectrum-body-l-text-font-weight, var(--spectrum-alias-body-text-font-weight));
line-height: var(--spectrum-body-l-text-line-height, var(--spectrum-alias-body-text-line-height));
font-style: var(--spectrum-body-l-text-font-style, var(--spectrum-global-font-style-regular));
letter-spacing: var(--spectrum-body-l-text-letter-spacing, var(--spectrum-global-font-letter-spacing-none));
text-transform: var(--spectrum-body-l-text-transform, none);
margin-top: 0;
margin-bottom: 0;
}
.spectrum-Body--sizeM {
font-size: var(--spectrum-body-m-text-size, var(--spectrum-global-dimension-font-size-200));
font-weight: var(--spectrum-body-m-text-font-weight, var(--spectrum-alias-body-text-font-weight));
line-height: var(--spectrum-body-m-text-line-height, var(--spectrum-alias-body-text-line-height));
font-style: var(--spectrum-body-m-text-font-style, var(--spectrum-global-font-style-regular));
letter-spacing: var(--spectrum-body-m-text-letter-spacing, var(--spectrum-global-font-letter-spacing-none));
text-transform: var(--spectrum-body-m-text-transform, none);
margin-top: 0;
margin-bottom: 0;
}
.spectrum-Body--sizeS {
font-size: var(--spectrum-body-s-text-size, var(--spectrum-alias-font-size-default));
font-weight: var(--spectrum-body-s-text-font-weight, var(--spectrum-alias-body-text-font-weight));
line-height: var(--spectrum-body-s-text-line-height, var(--spectrum-alias-body-text-line-height));
font-style: var(--spectrum-body-s-text-font-style, var(--spectrum-global-font-style-regular));
letter-spacing: var(--spectrum-body-s-text-letter-spacing, var(--spectrum-global-font-letter-spacing-none));
text-transform: var(--spectrum-body-s-text-transform, none);
margin-top: 0;
margin-bottom: 0;
}
.spectrum-Body--sizeXS {
font-size: var(--spectrum-body-xs-text-size, var(--spectrum-global-dimension-font-size-75));
font-weight: var(--spectrum-body-xs-text-font-weight, var(--spectrum-alias-body-text-font-weight));
line-height: var(--spectrum-body-xs-text-line-height, var(--spectrum-alias-body-text-line-height));
font-style: var(--spectrum-body-xs-text-font-style, var(--spectrum-global-font-style-regular));
letter-spacing: var(--spectrum-body-xs-text-letter-spacing, var(--spectrum-global-font-letter-spacing-none));
text-transform: var(--spectrum-body-xs-text-transform, none);
margin-top: 0;
margin-bottom: 0;
}
.spectrum-Body {
font-family: var(--spectrum-body-m-text-font-family, var(--spectrum-alias-body-text-font-family));
}
.spectrum-Body strong,
.spectrum-Body .spectrum-Body-strong {
font-weight: var(--spectrum-body-m-strong-text-font-weight, var(--spectrum-global-font-weight-bold));
}
.spectrum-Body em,
.spectrum-Body .spectrum-Body-emphasis {
font-style: var(--spectrum-body-m-emphasis-text-font-style, var(--spectrum-global-font-style-italic));
}
.spectrum-Body--serif {
font-family: var(--spectrum-body-serif-m-text-font-family, var(--spectrum-alias-serif-text-font-family));
}
.spectrum-Detail {
font-family: var(--spectrum-heading-m-text-font-family, var(--spectrum-alias-body-text-font-family));
}
.spectrum-Detail strong,
.spectrum-Detail .spectrum-Detail-strong {
font-weight: var(--spectrum-detail-m-strong-text-font-weight, var(--spectrum-global-font-weight-black));
}
.spectrum-Detail em,
.spectrum-Detail .spectrum-Detail-emphasis {
font-style: var(--spectrum-detail-m-emphasis-text-font-style, var(--spectrum-global-font-style-italic));
}
.spectrum-Detail--light {
font-style: var(--spectrum-detail-light-m-text-font-style, var(--spectrum-global-font-style-regular));
font-weight: var(--spectrum-detail-light-m-text-font-weight, var(--spectrum-alias-detail-text-font-weight-light));
}
.spectrum-Detail--serif {
font-family: var(--spectrum-body-serif-m-text-font-family, var(--spectrum-alias-serif-text-font-family));
}
.spectrum-Detail--sizeXL {
font-size: var(--spectrum-detail-xl-text-size, var(--spectrum-global-dimension-font-size-200));
font-weight: var(--spectrum-detail-xl-text-font-weight, var(--spectrum-alias-detail-text-font-weight));
line-height: var(--spectrum-detail-xl-text-line-height, var(--spectrum-alias-body-text-line-height));
font-style: var(--spectrum-detail-xl-text-font-style, var(--spectrum-global-font-style-regular));
letter-spacing: var(--spectrum-detail-xl-text-letter-spacing, var(--spectrum-global-font-letter-spacing-medium));
text-transform: var(--spectrum-detail-xl-text-transform, uppercase);
margin-top: 0;
margin-bottom: 0;
}
.spectrum-Detail--sizeXL em {
font-size: var(--spectrum-detail-xl-emphasis-text-size, var(--spectrum-global-dimension-font-size-200));
font-weight: var(--spectrum-detail-xl-emphasis-text-font-weight, var(--spectrum-alias-detail-text-font-weight));
line-height: var(--spectrum-detail-xl-emphasis-text-line-height, var(--spectrum-alias-body-text-line-height));
font-style: var(--spectrum-detail-xl-emphasis-text-font-style, var(--spectrum-global-font-style-italic));
letter-spacing: var(--spectrum-detail-xl-emphasis-text-letter-spacing, var(--spectrum-global-font-letter-spacing-medium));
text-transform: var(--spectrum-detail-xl-emphasis-text-transform, uppercase);
margin-top: 0;
margin-bottom: 0;
}
.spectrum-Detail--sizeXL strong {
font-size: var(--spectrum-detail-xl-strong-text-size, var(--spectrum-global-dimension-font-size-200));
font-weight: var(--spectrum-detail-xl-strong-text-font-weight, var(--spectrum-global-font-weight-black));
line-height: var(--spectrum-detail-xl-strong-text-line-height, var(--spectrum-alias-body-text-line-height));
font-style: var(--spectrum-detail-xl-strong-text-font-style, var(--spectrum-global-font-style-regular));
letter-spacing: var(--spectrum-detail-xl-strong-text-letter-spacing, var(--spectrum-global-font-letter-spacing-medium));
text-transform: var(--spectrum-detail-xl-strong-text-transform, uppercase);
margin-top: 0;
margin-bottom: 0;
}
.spectrum-Detail--sizeL {
font-size: var(--spectrum-detail-l-text-size, var(--spectrum-global-dimension-font-size-100));
font-weight: var(--spectrum-detail-l-text-font-weight, var(--spectrum-alias-detail-text-font-weight));
line-height: var(--spectrum-detail-l-text-line-height, var(--spectrum-alias-body-text-line-height));
font-style: var(--spectrum-detail-l-text-font-style, var(--spectrum-global-font-style-regular));
letter-spacing: var(--spectrum-detail-l-text-letter-spacing, var(--spectrum-global-font-letter-spacing-medium));
text-transform: var(--spectrum-detail-l-text-transform, uppercase);
margin-top: 0;
margin-bottom: 0;
}
.spectrum-Detail--sizeL em {
font-size: var(--spectrum-detail-l-emphasis-text-size, var(--spectrum-global-dimension-font-size-100));
font-weight: var(--spectrum-detail-l-emphasis-text-font-weight, var(--spectrum-alias-detail-text-font-weight));
line-height: var(--spectrum-detail-l-emphasis-text-line-height, var(--spectrum-alias-body-text-line-height));
font-style: var(--spectrum-detail-l-emphasis-text-font-style, var(--spectrum-global-font-style-italic));
letter-spacing: var(--spectrum-detail-l-emphasis-text-letter-spacing, var(--spectrum-global-font-letter-spacing-medium));
text-transform: var(--spectrum-detail-l-emphasis-text-transform, uppercase);
margin-top: 0;
margin-bottom: 0;
}
.spectrum-Detail--sizeL strong {
font-size: var(--spectrum-detail-l-strong-text-size, var(--spectrum-global-dimension-font-size-100));
font-weight: var(--spectrum-detail-l-strong-text-font-weight, var(--spectrum-global-font-weight-black));
line-height: var(--spectrum-detail-l-strong-text-line-height, var(--spectrum-alias-body-text-line-height));
font-style: var(--spectrum-detail-l-strong-text-font-style, var(--spectrum-global-font-style-regular));
letter-spacing: var(--spectrum-detail-l-strong-text-letter-spacing, var(--spectrum-global-font-letter-spacing-medium));
text-transform: var(--spectrum-detail-l-strong-text-transform, uppercase);
margin-top: 0;
margin-bottom: 0;
}
.spectrum-Detail--sizeM {
font-size: var(--spectrum-detail-m-text-size, var(--spectrum-global-dimension-font-size-75));
font-weight: var(--spectrum-detail-m-text-font-weight, var(--spectrum-alias-detail-text-font-weight));
line-height: var(--spectrum-detail-m-text-line-height, var(--spectrum-alias-body-text-line-height));
font-style: var(--spectrum-detail-m-text-font-style, var(--spectrum-global-font-style-regular));
letter-spacing: var(--spectrum-detail-m-text-letter-spacing, var(--spectrum-global-font-letter-spacing-medium));
text-transform: var(--spectrum-detail-m-text-transform, uppercase);
margin-top: 0;
margin-bottom: 0;
}
.spectrum-Detail--sizeM em {
font-size: var(--spectrum-detail-m-emphasis-text-size, var(--spectrum-global-dimension-font-size-75));
font-weight: var(--spectrum-detail-m-emphasis-text-font-weight, var(--spectrum-alias-detail-text-font-weight));
line-height: var(--spectrum-detail-m-emphasis-text-line-height, var(--spectrum-alias-body-text-line-height));
font-style: var(--spectrum-detail-m-emphasis-text-font-style, var(--spectrum-global-font-style-italic));
letter-spacing: var(--spectrum-detail-m-emphasis-text-letter-spacing, var(--spectrum-global-font-letter-spacing-medium));
text-transform: var(--spectrum-detail-m-emphasis-text-transform, uppercase);
margin-top: 0;
margin-bottom: 0;
}
.spectrum-Detail--sizeM strong {
font-size: var(--spectrum-detail-m-strong-text-size, var(--spectrum-global-dimension-font-size-75));
font-weight: var(--spectrum-detail-m-strong-text-font-weight, var(--spectrum-global-font-weight-black));
line-height: var(--spectrum-detail-m-strong-text-line-height, var(--spectrum-alias-body-text-line-height));
font-style: var(--spectrum-detail-m-strong-text-font-style, var(--spectrum-global-font-style-regular));
letter-spacing: var(--spectrum-detail-m-strong-text-letter-spacing, var(--spectrum-global-font-letter-spacing-medium));
text-transform: var(--spectrum-detail-m-strong-text-transform, uppercase);
margin-top: 0;
margin-bottom: 0;
}
.spectrum-Detail--sizeS {
font-size: var(--spectrum-detail-s-text-size, var(--spectrum-global-dimension-font-size-50));
font-weight: var(--spectrum-detail-s-text-font-weight, var(--spectrum-alias-detail-text-font-weight));
line-height: var(--spectrum-detail-s-text-line-height, var(--spectrum-alias-body-text-line-height));
font-style: var(--spectrum-detail-s-text-font-style, var(--spectrum-global-font-style-regular));
letter-spacing: var(--spectrum-detail-s-text-letter-spacing, var(--spectrum-global-font-letter-spacing-medium));
text-transform: var(--spectrum-detail-s-text-transform, uppercase);
margin-top: 0;
margin-bottom: 0;
}
.spectrum-Detail--sizeS em {
font-size: var(--spectrum-detail-s-emphasis-text-size, var(--spectrum-global-dimension-font-size-50));
font-weight: var(--spectrum-detail-s-emphasis-text-font-weight, var(--spectrum-alias-detail-text-font-weight));
line-height: var(--spectrum-detail-s-emphasis-text-line-height, var(--spectrum-alias-body-text-line-height));
font-style: var(--spectrum-detail-s-emphasis-text-font-style, var(--spectrum-global-font-style-italic));
letter-spacing: var(--spectrum-detail-s-emphasis-text-letter-spacing, var(--spectrum-global-font-letter-spacing-medium));
text-transform: var(--spectrum-detail-s-emphasis-text-transform, uppercase);
margin-top: 0;
margin-bottom: 0;
}
.spectrum-Detail--sizeS strong {
font-size: var(--spectrum-detail-s-strong-text-size, var(--spectrum-global-dimension-font-size-50));
font-weight: var(--spectrum-detail-s-strong-text-font-weight, var(--spectrum-global-font-weight-black));
line-height: var(--spectrum-detail-s-strong-text-line-height, var(--spectrum-alias-body-text-line-height));
font-style: var(--spectrum-detail-s-strong-text-font-style, var(--spectrum-global-font-style-regular));
letter-spacing: var(--spectrum-detail-s-strong-text-letter-spacing, var(--spectrum-global-font-letter-spacing-medium));
text-transform: var(--spectrum-detail-s-strong-text-transform, uppercase);
margin-top: 0;
margin-bottom: 0;
}
.spectrum-Code {
font-family: var(--spectrum-heading-m-text-font-family, var(--spectrum-alias-body-text-font-family));
}
.spectrum-Code strong,
.spectrum-Code .spectrum-Code-strong {
font-weight: var(--spectrum-code-m-strong-text-font-weight, var(--spectrum-global-font-weight-bold));
}
.spectrum-Code em,
.spectrum-Code .spectrum-Code-emphasis {
font-style: var(--spectrum-code-m-emphasis-text-font-style, var(--spectrum-global-font-style-italic));
}
.spectrum-Code--serif {
font-family: var(--spectrum-body-serif-m-text-font-family, var(--spectrum-alias-serif-text-font-family));
}
.spectrum-Code--sizeXL {
font-size: var(--spectrum-code-xl-text-size, var(--spectrum-global-dimension-font-size-400));
font-weight: var(--spectrum-code-xl-text-font-weight, var(--spectrum-alias-code-text-font-weight-regular));
line-height: var(--spectrum-code-xl-text-line-height, var(--spectrum-alias-code-text-line-height));
font-style: var(--spectrum-code-xl-text-font-style, var(--spectrum-global-font-style-regular));
letter-spacing: var(--spectrum-code-xl-text-letter-spacing, var(--spectrum-global-font-letter-spacing-none));
margin-top: 0;
margin-bottom: 0;
font-family: var(--spectrum-code-xl-text-font-family, var(--spectrum-alias-code-text-font-family));
}
.spectrum-Code--sizeL {
font-size: var(--spectrum-code-l-text-size, var(--spectrum-global-dimension-font-size-300));
font-weight: var(--spectrum-code-l-text-font-weight, var(--spectrum-alias-code-text-font-weight-regular));
line-height: var(--spectrum-code-l-text-line-height, var(--spectrum-alias-code-text-line-height));
font-style: var(--spectrum-code-l-text-font-style, var(--spectrum-global-font-style-regular));
letter-spacing: var(--spectrum-code-l-text-letter-spacing, var(--spectrum-global-font-letter-spacing-none));
margin-top: 0;
margin-bottom: 0;
font-family: var(--spectrum-code-l-text-font-family, var(--spectrum-alias-code-text-font-family));
}
.spectrum-Code--sizeM {
font-size: var(--spectrum-code-m-text-size, var(--spectrum-global-dimension-font-size-200));
font-weight: var(--spectrum-code-m-text-font-weight, var(--spectrum-alias-code-text-font-weight-regular));
line-height: var(--spectrum-code-m-text-line-height, var(--spectrum-alias-code-text-line-height));
font-style: var(--spectrum-code-m-text-font-style, var(--spectrum-global-font-style-regular));
letter-spacing: var(--spectrum-code-m-text-letter-spacing, var(--spectrum-global-font-letter-spacing-none));
margin-top: 0;
margin-bottom: 0;
font-family: var(--spectrum-code-m-text-font-family, var(--spectrum-alias-code-text-font-family));
}
.spectrum-Code--sizeS {
font-size: var(--spectrum-code-s-text-size, var(--spectrum-alias-font-size-default));
font-weight: var(--spectrum-code-s-text-font-weight, var(--spectrum-alias-code-text-font-weight-regular));
line-height: var(--spectrum-code-s-text-line-height, var(--spectrum-alias-code-text-line-height));
font-style: var(--spectrum-code-s-text-font-style, var(--spectrum-global-font-style-regular));
letter-spacing: var(--spectrum-code-s-text-letter-spacing, var(--spectrum-global-font-letter-spacing-none));
margin-top: 0;
margin-bottom: 0;
font-family: var(--spectrum-code-s-text-font-family, var(--spectrum-alias-code-text-font-family));
}
.spectrum-Code--sizeXS {
font-size: var(--spectrum-code-xs-text-size, var(--spectrum-global-dimension-font-size-75));
font-weight: var(--spectrum-code-xs-text-font-weight, var(--spectrum-alias-code-text-font-weight-regular));
line-height: var(--spectrum-code-xs-text-line-height, var(--spectrum-alias-code-text-line-height));
font-style: var(--spectrum-code-xs-text-font-style, var(--spectrum-global-font-style-regular));
letter-spacing: var(--spectrum-code-xs-text-letter-spacing, var(--spectrum-global-font-letter-spacing-none));
margin-top: 0;
margin-bottom: 0;
font-family: var(--spectrum-code-xs-text-font-family, var(--spectrum-alias-code-text-font-family));
}
.spectrum-Typography .spectrum-Heading--sizeXXXL {
margin-top: var(--spectrum-heading-xxxl-margin-top, var(--spectrum-alias-heading-xxxl-margin-top));
margin-bottom: var(--spectrum-heading-xxxl-margin-bottom, var(--spectrum-global-dimension-size-130));
}
.spectrum-Typography .spectrum-Heading--sizeXXL {
margin-top: var(--spectrum-heading-xxl-margin-top, var(--spectrum-alias-heading-xxl-margin-top));
margin-bottom: var(--spectrum-heading-xxl-margin-bottom, var(--spectrum-global-dimension-size-125));
}
.spectrum-Typography .spectrum-Heading--sizeXL {
margin-top: var(--spectrum-heading-xl-margin-top, var(--spectrum-alias-heading-xl-margin-top));
margin-bottom: var(--spectrum-heading-xl-margin-bottom, var(--spectrum-global-dimension-size-115));
}
.spectrum-Typography .spectrum-Heading--sizeL {
margin-top: var(--spectrum-heading-l-margin-top, var(--spectrum-alias-heading-l-margin-top));
margin-bottom: var(--spectrum-heading-l-margin-bottom, var(--spectrum-global-dimension-size-85));
}
.spectrum-Typography .spectrum-Heading--sizeM {
margin-top: var(--spectrum-heading-m-margin-top, var(--spectrum-alias-heading-m-margin-top));
margin-bottom: var(--spectrum-heading-m-margin-bottom, var(--spectrum-global-dimension-size-75));
}
.spectrum-Typography .spectrum-Heading--sizeS {
margin-top: var(--spectrum-heading-s-margin-top, var(--spectrum-alias-heading-s-margin-top));
margin-bottom: var(--spectrum-heading-s-margin-bottom, var(--spectrum-global-dimension-size-65));
}
.spectrum-Typography .spectrum-Heading--sizeXS {
margin-top: var(--spectrum-heading-xs-margin-top, var(--spectrum-alias-heading-xs-margin-top));
margin-bottom: var(--spectrum-heading-xs-margin-bottom, var(--spectrum-global-dimension-size-50));
}
.spectrum-Typography .spectrum-Heading--sizeXXS {
margin-top: var(--spectrum-heading-xxs-margin-top, var(--spectrum-alias-heading-xxs-margin-top));
margin-bottom: var(--spectrum-heading-xxs-margin-bottom, var(--spectrum-global-dimension-size-40));
}
.spectrum-Typography .spectrum-Body--sizeXXXL {
margin-top: var(--spectrum-body-xxxl-margin-top, 0px);
margin-bottom: var(--spectrum-body-xxxl-margin-bottom, var(--spectrum-global-dimension-size-400));
}
.spectrum-Typography .spectrum-Body--sizeXXL {
margin-top: var(--spectrum-body-xxl-margin-top, 0px);
margin-bottom: var(--spectrum-body-xxl-margin-bottom, var(--spectrum-global-dimension-size-300));
}
.spectrum-Typography .spectrum-Body--sizeXL {
margin-top: var(--spectrum-body-xl-margin-top, 0px);
margin-bottom: var(--spectrum-body-xl-margin-bottom, var(--spectrum-global-dimension-size-200));
}
.spectrum-Typography .spectrum-Body--sizeL {
margin-top: var(--spectrum-body-l-margin-top, 0px);
margin-bottom: var(--spectrum-body-l-margin-bottom, var(--spectrum-global-dimension-size-160));
}
.spectrum-Typography .spectrum-Body--sizeM {
margin-top: var(--spectrum-body-m-margin-top, 0px);
margin-bottom: var(--spectrum-body-m-margin-bottom, var(--spectrum-global-dimension-size-150));
}
.spectrum-Typography .spectrum-Body--sizeS {
margin-top: var(--spectrum-body-s-margin-top, 0px);
margin-bottom: var(--spectrum-body-s-margin-bottom, var(--spectrum-global-dimension-size-125));
}
.spectrum-Typography .spectrum-Body--sizeXS {
margin-top: var(--spectrum-body-xs-margin-top, 0px);
margin-bottom: var(--spectrum-body-xs-margin-bottom, var(--spectrum-global-dimension-size-115));
}
.spectrum:lang(ja) .spectrum-Heading--sizeXXXL, .spectrum:lang(ko) .spectrum-Heading--sizeXXXL, .spectrum:lang(zh) .spectrum-Heading--sizeXXXL {
font-size: var(--spectrum-heading-han-xxxl-text-size, var(--spectrum-alias-heading-xxxl-text-size));
font-weight: var(--spectrum-heading-han-xxxl-text-font-weight, var(--spectrum-alias-han-heading-text-font-weight-regular));
line-height: var(--spectrum-heading-han-xxxl-text-line-height, var(--spectrum-alias-han-heading-text-line-height));
font-style: var(--spectrum-heading-han-xxxl-text-font-style, var(--spectrum-global-font-style-regular));
letter-spacing: var(--spectrum-heading-han-xxxl-text-letter-spacing, var(--spectrum-global-font-letter-spacing-han));
text-transform: var(--spectrum-heading-han-xxxl-text-transform, none);
margin-top: 0;
margin-bottom: 0;
}
.spectrum:lang(ja) .spectrum-Heading--sizeXXL, .spectrum:lang(ko) .spectrum-Heading--sizeXXL, .spectrum:lang(zh) .spectrum-Heading--sizeXXL {
font-size: var(--spectrum-heading-han-xxl-text-size, var(--spectrum-alias-heading-han-xxl-text-size));
font-weight: var(--spectrum-heading-han-xxl-text-font-weight, var(--spectrum-alias-han-heading-text-font-weight-regular));
line-height: var(--spectrum-heading-han-xxl-text-line-height, var(--spectrum-alias-han-heading-text-line-height));
font-style: var(--spectrum-heading-han-xxl-text-font-style, var(--spectrum-global-font-style-regular));
letter-spacing: var(--spectrum-heading-han-xxl-text-letter-spacing, var(--spectrum-global-font-letter-spacing-han));
text-transform: var(--spectrum-heading-han-xxl-text-transform, none);
margin-top: 0;
margin-bottom: 0;
}
.spectrum:lang(ja) .spectrum-Heading--sizeXL, .spectrum:lang(ko) .spectrum-Heading--sizeXL, .spectrum:lang(zh) .spectrum-Heading--sizeXL {
font-size: var(--spectrum-heading-han-xl-text-size, var(--spectrum-alias-heading-han-xl-text-size));
font-weight: var(--spectrum-heading-han-xl-text-font-weight, var(--spectrum-alias-han-heading-text-font-weight-regular));
line-height: var(--spectrum-heading-han-xl-text-line-height, var(--spectrum-alias-han-heading-text-line-height));
font-style: var(--spectrum-heading-han-xl-text-font-style, var(--spectrum-global-font-style-regular));
letter-spacing: var(--spectrum-heading-han-xl-text-letter-spacing, var(--spectrum-global-font-letter-spacing-han));
text-transform: var(--spectrum-heading-han-xl-text-transform, none);
margin-top: 0;
margin-bottom: 0;
}
.spectrum:lang(ja) .spectrum-Heading--sizeL, .spectrum:lang(ko) .spectrum-Heading--sizeL, .spectrum:lang(zh) .spectrum-Heading--sizeL {
font-size: var(--spectrum-heading-han-l-text-size, var(--spectrum-alias-heading-han-l-text-size));
font-weight: var(--spectrum-heading-han-l-text-font-weight, var(--spectrum-alias-han-heading-text-font-weight-regular));
line-height: var(--spectrum-heading-han-l-text-line-height, var(--spectrum-alias-han-heading-text-line-height));
font-style: var(--spectrum-heading-han-l-text-font-style, var(--spectrum-global-font-style-regular));
letter-spacing: var(--spectrum-heading-han-l-text-letter-spacing, var(--spectrum-global-font-letter-spacing-han));
text-transform: var(--spectrum-heading-han-l-text-transform, none);
margin-top: 0;
margin-bottom: 0;
}
.spectrum:lang(ja) .spectrum-Heading--sizeM, .spectrum:lang(ko) .spectrum-Heading--sizeM, .spectrum:lang(zh) .spectrum-Heading--sizeM {
font-size: var(--spectrum-heading-han-m-text-size, var(--spectrum-alias-heading-han-m-text-size));
font-weight: var(--spectrum-heading-han-m-text-font-weight, var(--spectrum-alias-han-heading-text-font-weight-regular));
line-height: var(--spectrum-heading-han-m-text-line-height, var(--spectrum-alias-han-heading-text-line-height));
font-style: var(--spectrum-heading-han-m-text-font-style, var(--spectrum-global-font-style-regular));
letter-spacing: var(--spectrum-heading-han-m-text-letter-spacing, var(--spectrum-global-font-letter-spacing-han));
text-transform: var(--spectrum-heading-han-m-text-transform, none);
margin-top: 0;
margin-bottom: 0;
}
.spectrum:lang(ja) .spectrum-Heading--sizeS, .spectrum:lang(ko) .spectrum-Heading--sizeS, .spectrum:lang(zh) .spectrum-Heading--sizeS {
font-size: var(--spectrum-heading-han-s-text-size, var(--spectrum-alias-heading-s-text-size));
font-weight: var(--spectrum-heading-han-s-text-font-weight, var(--spectrum-alias-han-heading-text-font-weight-regular));
line-height: var(--spectrum-heading-han-s-text-line-height, var(--spectrum-alias-han-heading-text-line-height));
font-style: var(--spectrum-heading-han-s-text-font-style, var(--spectrum-global-font-style-regular));
letter-spacing: var(--spectrum-heading-han-s-text-letter-spacing, var(--spectrum-global-font-letter-spacing-han));
text-transform: var(--spectrum-heading-han-s-text-transform, none);
margin-top: 0;
margin-bottom: 0;
}
.spectrum:lang(ja) .spectrum-Heading--sizeXS, .spectrum:lang(ko) .spectrum-Heading--sizeXS, .spectrum:lang(zh) .spectrum-Heading--sizeXS {
font-size: var(--spectrum-heading-han-xs-text-size, var(--spectrum-alias-heading-xs-text-size));
font-weight: var(--spectrum-heading-han-xs-text-font-weight, var(--spectrum-alias-han-heading-text-font-weight-regular));
line-height: var(--spectrum-heading-han-xs-text-line-height, var(--spectrum-alias-han-heading-text-line-height));
font-style: var(--spectrum-heading-han-xs-text-font-style, var(--spectrum-global-font-style-regular));
letter-spacing: var(--spectrum-heading-han-xs-text-letter-spacing, var(--spectrum-global-font-letter-spacing-han));
text-transform: var(--spectrum-heading-han-xs-text-transform, none);
margin-top: 0;
margin-bottom: 0;
}
.spectrum:lang(ja) .spectrum-Heading--sizeXXS, .spectrum:lang(ko) .spectrum-Heading--sizeXXS, .spectrum:lang(zh) .spectrum-Heading--sizeXXS {
font-size: var(--spectrum-heading-han-xxs-text-size, var(--spectrum-alias-heading-xxs-text-size));
font-weight: var(--spectrum-heading-han-xxs-text-font-weight, var(--spectrum-alias-han-heading-text-font-weight-regular));
line-height: var(--spectrum-heading-han-xxs-text-line-height, var(--spectrum-alias-han-heading-text-line-height));
font-style: var(--spectrum-heading-han-xxs-text-font-style, var(--spectrum-global-font-style-regular));
letter-spacing: var(--spectrum-heading-han-xxs-text-letter-spacing, var(--spectrum-global-font-letter-spacing-han));
text-transform: var(--spectrum-heading-han-xxs-text-transform, none);
margin-top: 0;
margin-bottom: 0;
}
.spectrum:lang(ja) .spectrum-Heading--heavy, .spectrum:lang(ko) .spectrum-Heading--heavy, .spectrum:lang(zh) .spectrum-Heading--heavy {
font-weight: var(--spectrum-heading-han-m-text-font-weight, var(--spectrum-alias-han-heading-text-font-weight-regular));
}
.spectrum:lang(ja) .spectrum-Heading--heavy em,
.spectrum:lang(ja) .spectrum-Heading--heavy .spectrum-Heading--emphasis,
.spectrum:lang(ko) .spectrum-Heading--heavy em,
.spectrum:lang(ko) .spectrum-Heading--heavy .spectrum-Heading--emphasis,
.spectrum:lang(zh) .spectrum-Heading--heavy em,
.spectrum:lang(zh) .spectrum-Heading--heavy .spectrum-Heading--emphasis {
font-style: var(--spectrum-heading-han-heavy-m-emphasis-text-font-style, var(--spectrum-global-font-style-regular));
font-weight: var(--spectrum-heading-han-heavy-m-emphasis-text-font-weight, var(--spectrum-alias-han-heading-text-font-weight-heavy-emphasis));
}
.spectrum:lang(ja) .spectrum-Heading--heavy strong,
.spectrum:lang(ja) .spectrum-Heading--heavy .spectrum-Heading--strong,
.spectrum:lang(ko) .spectrum-Heading--heavy strong,
.spectrum:lang(ko) .spectrum-Heading--heavy .spectrum-Heading--strong,
.spectrum:lang(zh) .spectrum-Heading--heavy strong,
.spectrum:lang(zh) .spectrum-Heading--heavy .spectrum-Heading--strong {
font-style: var(--spectrum-heading-heavy-m-strong-text-font-style, var(--spectrum-global-font-style-regular));
font-weight: var(--spectrum-heading-heavy-m-strong-text-font-weight, var(--spectrum-global-font-weight-black));
}
.spectrum:lang(ja) .spectrum-Heading--light, .spectrum:lang(ko) .spectrum-Heading--light, .spectrum:lang(zh) .spectrum-Heading--light {
font-weight: var(--spectrum-heading-han-m-text-font-weight, var(--spectrum-alias-han-heading-text-font-weight-regular));
}
.spectrum:lang(ja) .spectrum-Heading--light em,
.spectrum:lang(ja) .spectrum-Heading--light .spectrum-Heading--emphasis,
.spectrum:lang(ko) .spectrum-Heading--light em,
.spectrum:lang(ko) .spectrum-Heading--light .spectrum-Heading--emphasis,
.spectrum:lang(zh) .spectrum-Heading--light em,
.spectrum:lang(zh) .spectrum-Heading--light .spectrum-Heading--emphasis {
font-style: var(--spectrum-heading-han-light-m-emphasis-text-font-style, var(--spectrum-global-font-style-regular));
font-weight: var(--spectrum-heading-han-light-m-emphasis-text-font-weight, var(--spectrum-alias-han-heading-text-font-weight-light-emphasis));
}
.spectrum:lang(ja) .spectrum-Heading--light strong,
.spectrum:lang(ja) .spectrum-Heading--light .spectrum-Heading--strong,
.spectrum:lang(ko) .spectrum-Heading--light strong,
.spectrum:lang(ko) .spectrum-Heading--light .spectrum-Heading--strong,
.spectrum:lang(zh) .spectrum-Heading--light strong,
.spectrum:lang(zh) .spectrum-Heading--light .spectrum-Heading--strong {
font-style: var(--spectrum-heading-han-light-m-strong-text-font-style, var(--spectrum-global-font-style-regular));
font-weight: var(--spectrum-heading-han-light-m-strong-text-font-weight, var(--spectrum-global-font-weight-bold));
}
.spectrum:lang(ja) .spectrum-Body--sizeXXXL, .spectrum:lang(ko) .spectrum-Body--sizeXXXL, .spectrum:lang(zh) .spectrum-Body--sizeXXXL {
font-size: var(--spectrum-body-han-xxxl-text-size, var(--spectrum-global-dimension-font-size-600));
font-weight: var(--spectrum-body-han-xxxl-text-font-weight, var(--spectrum-alias-han-body-text-font-weight-regular));
line-height: var(--spectrum-body-han-xxxl-text-line-height, var(--spectrum-alias-han-body-text-line-height));
font-style: var(--spectrum-body-han-xxxl-text-font-style, var(--spectrum-global-font-style-regular));
letter-spacing: var(--spectrum-body-han-xxxl-text-letter-spacing, var(--spectrum-global-font-letter-spacing-han));
text-transform: var(--spectrum-body-han-xxxl-text-transform, none);
margin-top: 0;
margin-bottom: 0;
}
.spectrum:lang(ja) .spectrum-Body--sizeXXL, .spectrum:lang(ko) .spectrum-Body--sizeXXL, .spectrum:lang(zh) .spectrum-Body--sizeXXL {
font-size: var(--spectrum-body-han-xxl-text-size, var(--spectrum-global-dimension-font-size-500));
font-weight: var(--spectrum-body-han-xxl-text-font-weight, var(--spectrum-alias-han-body-text-font-weight-regular));
line-height: var(--spectrum-body-han-xxl-text-line-height, var(--spectrum-alias-han-body-text-line-height));
font-style: var(--spectrum-body-han-xxl-text-font-style, var(--spectrum-global-font-style-regular));
letter-spacing: var(--spectrum-body-han-xxl-text-letter-spacing, var(--spectrum-global-font-letter-spacing-han));
text-transform: var(--spectrum-body-han-xxl-text-transform, none);
margin-top: 0;
margin-bottom: 0;
}
.spectrum:lang(ja) .spectrum-Body--sizeXL, .spectrum:lang(ko) .spectrum-Body--sizeXL, .spectrum:lang(zh) .spectrum-Body--sizeXL {
font-size: var(--spectrum-body-han-xl-text-size, var(--spectrum-global-dimension-font-size-400));
font-weight: var(--spectrum-body-han-xl-text-font-weight, var(--spectrum-alias-han-body-text-font-weight-regular));
line-height: var(--spectrum-body-han-xl-text-line-height, var(--spectrum-alias-han-body-text-line-height));
font-style: var(--spectrum-body-han-xl-text-font-style, var(--spectrum-global-font-style-regular));
letter-spacing: var(--spectrum-body-han-xl-text-letter-spacing, var(--spectrum-global-font-letter-spacing-han));
text-transform: var(--spectrum-body-han-xl-text-transform, none);
margin-top: 0;
margin-bottom: 0;
}
.spectrum:lang(ja) .spectrum-Body--sizeL, .spectrum:lang(ko) .spectrum-Body--sizeL, .spectrum:lang(zh) .spectrum-Body--sizeL {
font-size: var(--spectrum-body-han-l-text-size, var(--spectrum-global-dimension-font-size-300));
font-weight: var(--spectrum-body-han-l-text-font-weight, var(--spectrum-alias-han-body-text-font-weight-regular));
line-height: var(--spectrum-body-han-l-text-line-height, var(--spectrum-alias-han-body-text-line-height));
font-style: var(--spectrum-body-han-l-text-font-style, var(--spectrum-global-font-style-regular));
letter-spacing: var(--spectrum-body-han-l-text-letter-spacing, var(--spectrum-global-font-letter-spacing-han));
text-transform: var(--spectrum-body-han-l-text-transform, none);
margin-top: 0;
margin-bottom: 0;
}
.spectrum:lang(ja) .spectrum-Body--sizeM, .spectrum:lang(ko) .spectrum-Body--sizeM, .spectrum:lang(zh) .spectrum-Body--sizeM {
font-size: var(--spectrum-body-han-m-text-size, var(--spectrum-global-dimension-font-size-200));
font-weight: var(--spectrum-body-han-m-text-font-weight, var(--spectrum-alias-han-body-text-font-weight-regular));
line-height: var(--spectrum-body-han-m-text-line-height, var(--spectrum-alias-han-body-text-line-height));
font-style: var(--spectrum-body-han-m-text-font-style, var(--spectrum-global-font-style-regular));
letter-spacing: var(--spectrum-body-han-m-text-letter-spacing, var(--spectrum-global-font-letter-spacing-han));
text-transform: var(--spectrum-body-han-m-text-transform, none);
margin-top: 0;
margin-bottom: 0;
}
.spectrum:lang(ja) .spectrum-Body--sizeS, .spectrum:lang(ko) .spectrum-Body--sizeS, .spectrum:lang(zh) .spectrum-Body--sizeS {
font-size: var(--spectrum-body-han-s-text-size, var(--spectrum-alias-font-size-default));
font-weight: var(--spectrum-body-han-s-text-font-weight, var(--spectrum-alias-han-body-text-font-weight-regular));
line-height: var(--spectrum-body-han-s-text-line-height, var(--spectrum-alias-han-body-text-line-height));
font-style: var(--spectrum-body-han-s-text-font-style, var(--spectrum-global-font-style-regular));
letter-spacing: var(--spectrum-body-han-s-text-letter-spacing, var(--spectrum-global-font-letter-spacing-han));
text-transform: var(--spectrum-body-han-s-text-transform, none);
margin-top: 0;
margin-bottom: 0;
}
.spectrum:lang(ja) .spectrum-Body--sizeXS, .spectrum:lang(ko) .spectrum-Body--sizeXS, .spectrum:lang(zh) .spectrum-Body--sizeXS {
font-size: var(--spectrum-body-han-xs-text-size, var(--spectrum-global-dimension-font-size-75));
font-weight: var(--spectrum-body-han-xs-text-font-weight, var(--spectrum-alias-han-body-text-font-weight-regular));
line-height: var(--spectrum-body-han-xs-text-line-height, var(--spectrum-alias-han-body-text-line-height));
font-style: var(--spectrum-body-han-xs-text-font-style, var(--spectrum-global-font-style-regular));
letter-spacing: var(--spectrum-body-han-xs-text-letter-spacing, var(--spectrum-global-font-letter-spacing-han));
text-transform: var(--spectrum-body-han-xs-text-transform, none);
margin-top: 0;
margin-bottom: 0;
}
.spectrum:lang(ja) .spectrum-Detail--sizeXL, .spectrum:lang(ko) .spectrum-Detail--sizeXL, .spectrum:lang(zh) .spectrum-Detail--sizeXL {
font-size: var(--spectrum-detail-han-xl-text-size, var(--spectrum-global-dimension-font-size-200));
font-weight: var(--spectrum-detail-han-xl-text-font-weight, var(--spectrum-alias-detail-text-font-weight));
line-height: var(--spectrum-detail-han-xl-text-line-height, var(--spectrum-alias-han-heading-text-line-height));
font-style: var(--spectrum-detail-han-xl-text-font-style, var(--spectrum-global-font-style-regular));
letter-spacing: var(--spectrum-detail-han-xl-text-letter-spacing, var(--spectrum-global-font-letter-spacing-han));
text-transform: var(--spectrum-detail-han-xl-text-transform, uppercase);
margin-top: 0;
margin-bottom: 0;
}
.spectrum:lang(ja) .spectrum-Detail--sizeXL em, .spectrum:lang(ko) .spectrum-Detail--sizeXL em, .spectrum:lang(zh) .spectrum-Detail--sizeXL em {
font-size: var(--spectrum-detail-han-xl-emphasis-text-size, var(--spectrum-global-dimension-font-size-200));
font-weight: var(--spectrum-detail-han-xl-emphasis-text-font-weight, var(--spectrum-alias-han-heading-text-font-weight-regular-emphasis));
line-height: var(--spectrum-detail-han-xl-emphasis-text-line-height, var(--spectrum-alias-han-heading-text-line-height));
font-style: var(--spectrum-detail-han-xl-emphasis-text-font-style, var(--spectrum-global-font-style-regular));
letter-spacing: var(--spectrum-detail-han-xl-emphasis-text-letter-spacing, var(--spectrum-global-font-letter-spacing-han));
text-transform: var(--spectrum-detail-han-xl-emphasis-text-transform, uppercase);
margin-top: 0;
margin-bottom: 0;
}
.spectrum:lang(ja) .spectrum-Detail--sizeXL strong, .spectrum:lang(ko) .spectrum-Detail--sizeXL strong, .spectrum:lang(zh) .spectrum-Detail--sizeXL strong {
font-size: var(--spectrum-detail-han-xl-strong-text-size, var(--spectrum-global-dimension-font-size-200));
font-weight: var(--spectrum-detail-han-xl-strong-text-font-weight, var(--spectrum-global-font-weight-black));
line-height: var(--spectrum-detail-han-xl-strong-text-line-height, var(--spectrum-alias-han-heading-text-line-height));
font-style: var(--spectrum-detail-han-xl-strong-text-font-style, var(--spectrum-global-font-style-regular));
letter-spacing: var(--spectrum-detail-han-xl-strong-text-letter-spacing, var(--spectrum-global-font-letter-spacing-han));
text-transform: var(--spectrum-detail-han-xl-strong-text-transform, uppercase);
margin-top: 0;
margin-bottom: 0;
}
.spectrum:lang(ja) .spectrum-Detail--sizeL, .spectrum:lang(ko) .spectrum-Detail--sizeL, .spectrum:lang(zh) .spectrum-Detail--sizeL {
font-size: var(--spectrum-detail-han-l-text-size, var(--spectrum-global-dimension-font-size-100));
font-weight: var(--spectrum-detail-han-l-text-font-weight, var(--spectrum-alias-detail-text-font-weight));
line-height: var(--spectrum-detail-han-l-text-line-height, var(--spectrum-alias-han-heading-text-line-height));
font-style: var(--spectrum-detail-han-l-text-font-style, var(--spectrum-global-font-style-regular));
letter-spacing: var(--spectrum-detail-han-l-text-letter-spacing, var(--spectrum-global-font-letter-spacing-han));
text-transform: var(--spectrum-detail-han-l-text-transform, uppercase);
margin-top: 0;
margin-bottom: 0;
}
.spectrum:lang(ja) .spectrum-Detail--sizeL em, .spectrum:lang(ko) .spectrum-Detail--size