@spectrum-web-components/theme 0.10.2 → 0.10.3-express.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/README.md +56 -38
- package/custom-elements.json +162 -2
- package/express/scale-large.d.ts +1 -0
- package/express/scale-large.js +15 -0
- package/express/scale-large.js.map +1 -0
- package/express/scale-medium.d.ts +1 -0
- package/express/scale-medium.js +15 -0
- package/express/scale-medium.js.map +1 -0
- package/express/theme-dark.d.ts +1 -0
- package/express/theme-dark.js +15 -0
- package/express/theme-dark.js.map +1 -0
- package/express/theme-light.d.ts +1 -0
- package/express/theme-light.js +15 -0
- package/express/theme-light.js.map +1 -0
- package/package.json +11 -4
- package/src/Theme.d.ts +12 -7
- package/src/Theme.js +59 -13
- package/src/Theme.js.map +1 -1
- package/src/express/core.d.ts +1 -0
- package/src/express/core.js +15 -0
- package/src/express/core.js.map +1 -0
- package/src/express/scale-large.css.d.ts +2 -0
- package/src/express/scale-large.css.js +4079 -0
- package/src/express/scale-large.css.js.map +1 -0
- package/src/express/scale-medium.css.d.ts +2 -0
- package/src/express/scale-medium.css.js +4133 -0
- package/src/express/scale-medium.css.js.map +1 -0
- package/src/express/theme-dark.css.d.ts +2 -0
- package/src/express/theme-dark.css.js +35 -0
- package/src/express/theme-dark.css.js.map +1 -0
- package/src/express/theme-light.css.d.ts +2 -0
- package/src/express/theme-light.css.js +35 -0
- package/src/express/theme-light.css.js.map +1 -0
- package/src/express/theme.css.d.ts +2 -0
- package/src/express/theme.css.js +1649 -0
- package/src/express/theme.css.js.map +1 -0
- package/src/express/themes.d.ts +5 -0
- package/src/express/themes.js +17 -0
- package/src/express/themes.js.map +1 -0
- package/src/typography.css.js +1 -1
- package/src/typography.css.js.map +1 -1
- package/test/theme-lazy.test.js +1 -1
- package/test/theme-lazy.test.js.map +1 -1
- package/test/themes.test.js +2 -2
- package/test/themes.test.js.map +1 -1
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"typography.css.js","sourceRoot":"","sources":["typography.css.ts"],"names":[],"mappings":"AAAA;;;;;;;;;;EAUE;AACF,OAAO,EAAE,GAAG,EAAE,MAAM,+BAA+B,CAAC;AACpD,MAAM,MAAM,GAAG,GAAG,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CA86BjB,CAAC;AACF,eAAe,MAAM,CAAC","sourcesContent":["/*\nCopyright 2020 Adobe. All rights reserved.\nThis file is licensed to you under the Apache License, Version 2.0 (the \"License\");\nyou may not use this file except in compliance with the License. You may obtain a copy\nof the License at http://www.apache.org/licenses/LICENSE-2.0\n\nUnless required by applicable law or agreed to in writing, software distributed under\nthe License is distributed on an \"AS IS\" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS\nOF ANY KIND, either express or implied. See the License for the specific language\ngoverning permissions and limitations under the License.\n*/\nimport { css } from '@spectrum-web-components/base';\nconst styles = css`\n:host,:root{font-family:var(\n--spectrum-alias-body-text-font-family,var(--spectrum-global-font-family-base)\n);font-size:var(\n--spectrum-alias-font-size-default,var(--spectrum-global-dimension-font-size-100)\n)}.spectrum:lang(ar){font-family:var(\n--spectrum-alias-font-family-ar,var(--spectrum-global-font-font-family-ar)\n)}.spectrum:lang(he){font-family:var(\n--spectrum-alias-font-family-he,var(--spectrum-global-font-font-family-he)\n)}.spectrum:lang(zh-Hans){font-family:var(\n--spectrum-alias-font-family-zhhans,var(--spectrum-global-font-font-family-zhhans)\n)}.spectrum:lang(zh-Hant){font-family:var(\n--spectrum-alias-font-family-zh,var(--spectrum-global-font-font-family-zh)\n)}.spectrum:lang(zh){font-family:var(\n--spectrum-alias-font-family-zh,var(--spectrum-global-font-font-family-zh)\n)}.spectrum:lang(ko){font-family:var(\n--spectrum-alias-font-family-ko,var(--spectrum-global-font-font-family-ko)\n)}.spectrum:lang(ja){font-family:var(\n--spectrum-alias-font-family-ja,var(--spectrum-global-font-font-family-ja)\n)}.spectrum-Heading--sizeXXXL{font-size:var(\n--spectrum-heading-xxxl-text-size,var(--spectrum-alias-heading-xxxl-text-size)\n);font-style:var(\n--spectrum-heading-xxxl-text-font-style,var(--spectrum-global-font-style-regular)\n);font-weight:var(\n--spectrum-heading-xxxl-text-font-weight,var(--spectrum-alias-heading-text-font-weight-regular)\n);letter-spacing:var(\n--spectrum-heading-xxxl-text-letter-spacing,var(--spectrum-global-font-letter-spacing-none)\n);line-height:var(\n--spectrum-heading-xxxl-text-line-height,var(--spectrum-alias-heading-text-line-height)\n);margin-bottom:0;margin-top:0;text-transform:var(--spectrum-heading-xxxl-text-transform,none)}.spectrum-Heading--sizeXXL{font-size:var(\n--spectrum-heading-xxl-text-size,var(--spectrum-alias-heading-xxl-text-size)\n);font-style:var(\n--spectrum-heading-xxl-text-font-style,var(--spectrum-global-font-style-regular)\n);font-weight:var(\n--spectrum-heading-xxl-text-font-weight,var(--spectrum-alias-heading-text-font-weight-regular)\n);letter-spacing:var(\n--spectrum-heading-xxl-text-letter-spacing,var(--spectrum-global-font-letter-spacing-none)\n);line-height:var(\n--spectrum-heading-xxl-text-line-height,var(--spectrum-alias-heading-text-line-height)\n);margin-bottom:0;margin-top:0;text-transform:var(--spectrum-heading-xxl-text-transform,none)}.spectrum-Heading--sizeXL{font-size:var(\n--spectrum-heading-xl-text-size,var(--spectrum-alias-heading-xl-text-size)\n);font-style:var(\n--spectrum-heading-xl-text-font-style,var(--spectrum-global-font-style-regular)\n);font-weight:var(\n--spectrum-heading-xl-text-font-weight,var(--spectrum-alias-heading-text-font-weight-regular)\n);letter-spacing:var(\n--spectrum-heading-xl-text-letter-spacing,var(--spectrum-global-font-letter-spacing-none)\n);line-height:var(\n--spectrum-heading-xl-text-line-height,var(--spectrum-alias-heading-text-line-height)\n);margin-bottom:0;margin-top:0;text-transform:var(--spectrum-heading-xl-text-transform,none)}.spectrum-Heading--sizeL{font-size:var(\n--spectrum-heading-l-text-size,var(--spectrum-alias-heading-l-text-size)\n);font-style:var(\n--spectrum-heading-l-text-font-style,var(--spectrum-global-font-style-regular)\n);font-weight:var(\n--spectrum-heading-l-text-font-weight,var(--spectrum-alias-heading-text-font-weight-regular)\n);letter-spacing:var(\n--spectrum-heading-l-text-letter-spacing,var(--spectrum-global-font-letter-spacing-none)\n);line-height:var(\n--spectrum-heading-l-text-line-height,var(--spectrum-alias-heading-text-line-height)\n);margin-bottom:0;margin-top:0;text-transform:var(--spectrum-heading-l-text-transform,none)}.spectrum-Heading--sizeM{font-size:var(\n--spectrum-heading-m-text-size,var(--spectrum-alias-heading-m-text-size)\n);font-style:var(\n--spectrum-heading-m-text-font-style,var(--spectrum-global-font-style-regular)\n);font-weight:var(\n--spectrum-heading-m-text-font-weight,var(--spectrum-alias-heading-text-font-weight-regular)\n);letter-spacing:var(\n--spectrum-heading-m-text-letter-spacing,var(--spectrum-global-font-letter-spacing-none)\n);line-height:var(\n--spectrum-heading-m-text-line-height,var(--spectrum-alias-heading-text-line-height)\n);margin-bottom:0;margin-top:0;text-transform:var(--spectrum-heading-m-text-transform,none)}.spectrum-Heading--sizeS{font-size:var(\n--spectrum-heading-s-text-size,var(--spectrum-alias-heading-s-text-size)\n);font-style:var(\n--spectrum-heading-s-text-font-style,var(--spectrum-global-font-style-regular)\n);font-weight:var(\n--spectrum-heading-s-text-font-weight,var(--spectrum-alias-heading-text-font-weight-regular)\n);letter-spacing:var(\n--spectrum-heading-s-text-letter-spacing,var(--spectrum-global-font-letter-spacing-none)\n);line-height:var(\n--spectrum-heading-s-text-line-height,var(--spectrum-alias-heading-text-line-height)\n);margin-bottom:0;margin-top:0;text-transform:var(--spectrum-heading-s-text-transform,none)}.spectrum-Heading--sizeXS{font-size:var(\n--spectrum-heading-xs-text-size,var(--spectrum-alias-heading-xs-text-size)\n);font-style:var(\n--spectrum-heading-xs-text-font-style,var(--spectrum-global-font-style-regular)\n);font-weight:var(\n--spectrum-heading-xs-text-font-weight,var(--spectrum-alias-heading-text-font-weight-regular)\n);letter-spacing:var(\n--spectrum-heading-xs-text-letter-spacing,var(--spectrum-global-font-letter-spacing-none)\n);line-height:var(\n--spectrum-heading-xs-text-line-height,var(--spectrum-alias-heading-text-line-height)\n);margin-bottom:0;margin-top:0;text-transform:var(--spectrum-heading-xs-text-transform,none)}.spectrum-Heading--sizeXXS{font-size:var(\n--spectrum-heading-xxs-text-size,var(--spectrum-alias-heading-xxs-text-size)\n);font-style:var(\n--spectrum-heading-xxs-text-font-style,var(--spectrum-global-font-style-regular)\n);font-weight:var(\n--spectrum-heading-xxs-text-font-weight,var(--spectrum-alias-heading-text-font-weight-regular)\n);letter-spacing:var(\n--spectrum-heading-xxs-text-letter-spacing,var(--spectrum-global-font-letter-spacing-none)\n);line-height:var(\n--spectrum-heading-xxs-text-line-height,var(--spectrum-alias-heading-text-line-height)\n);margin-bottom:0;margin-top:0;text-transform:var(--spectrum-heading-xxs-text-transform,none)}.spectrum-Heading{font-family:var(\n--spectrum-heading-m-text-font-family,var(--spectrum-alias-body-text-font-family)\n);font-weight:var(\n--spectrum-heading-m-text-font-weight,var(--spectrum-alias-heading-text-font-weight-regular)\n)}.spectrum-Heading .spectrum-Heading-emphasized,.spectrum-Heading em{font-style:var(\n--spectrum-heading-m-emphasized-text-font-style,var(--spectrum-global-font-style-italic)\n)}.spectrum-Heading .spectrum-Heading-strong,.spectrum-Heading strong{font-weight:var(\n--spectrum-heading-m-strong-text-font-weight,var(--spectrum-alias-heading-text-font-weight-regular-strong)\n)}.spectrum-Heading--serif{font-family:var(\n--spectrum-body-m-serif-text-font-family,var(--spectrum-alias-serif-text-font-family)\n)}.spectrum-Heading--heavy{font-weight:var(\n--spectrum-heading-m-heavy-text-font-weight,var(--spectrum-alias-heading-text-font-weight-heavy)\n)}.spectrum-Heading--heavy .spectrum-Heading-emphasized,.spectrum-Heading--heavy em{font-style:var(\n--spectrum-heading-m-heavy-emphasized-text-font-style,var(--spectrum-global-font-style-italic)\n)}.spectrum-Heading--heavy .spectrum-Heading-strong,.spectrum-Heading--heavy strong{font-weight:var(\n--spectrum-heading-m-heavy-strong-text-font-weight,var(--spectrum-alias-heading-text-font-weight-heavy-strong)\n)}.spectrum-Heading--light{font-weight:var(\n--spectrum-heading-m-light-emphasized-text-font-weight,var(--spectrum-alias-heading-text-font-weight-light)\n)}.spectrum-Heading--light .spectrum-Heading-emphasized,.spectrum-Heading--light em{font-style:var(\n--spectrum-heading-m-light-emphasized-text-font-style,var(--spectrum-global-font-style-italic)\n)}.spectrum-Heading--light .spectrum-Heading-strong,.spectrum-Heading--light strong{font-weight:var(\n--spectrum-heading-m-light-strong-text-font-weight,var(--spectrum-alias-heading-text-font-weight-light-strong)\n)}.spectrum-Body--sizeXXXL{font-size:var(\n--spectrum-body-xxxl-text-size,var(--spectrum-global-dimension-font-size-600)\n);font-style:var(\n--spectrum-body-xxxl-text-font-style,var(--spectrum-global-font-style-regular)\n);font-weight:var(\n--spectrum-body-xxxl-text-font-weight,var(--spectrum-alias-body-text-font-weight)\n);letter-spacing:var(\n--spectrum-body-xxxl-text-letter-spacing,var(--spectrum-global-font-letter-spacing-none)\n);line-height:var(\n--spectrum-body-xxxl-text-line-height,var(--spectrum-alias-body-text-line-height)\n);margin-bottom:0;margin-top:0;text-transform:var(--spectrum-body-xxxl-text-transform,none)}.spectrum-Body--sizeXXL{font-size:var(\n--spectrum-body-xxl-text-size,var(--spectrum-global-dimension-font-size-500)\n);font-style:var(\n--spectrum-body-xxl-text-font-style,var(--spectrum-global-font-style-regular)\n);font-weight:var(\n--spectrum-body-xxl-text-font-weight,var(--spectrum-alias-body-text-font-weight)\n);letter-spacing:var(\n--spectrum-body-xxl-text-letter-spacing,var(--spectrum-global-font-letter-spacing-none)\n);line-height:var(\n--spectrum-body-xxl-text-line-height,var(--spectrum-alias-body-text-line-height)\n);margin-bottom:0;margin-top:0;text-transform:var(--spectrum-body-xxl-text-transform,none)}.spectrum-Body--sizeXL{font-size:var(\n--spectrum-body-xl-text-size,var(--spectrum-global-dimension-font-size-400)\n);font-style:var(\n--spectrum-body-xl-text-font-style,var(--spectrum-global-font-style-regular)\n);font-weight:var(\n--spectrum-body-xl-text-font-weight,var(--spectrum-alias-body-text-font-weight)\n);letter-spacing:var(\n--spectrum-body-xl-text-letter-spacing,var(--spectrum-global-font-letter-spacing-none)\n);line-height:var(\n--spectrum-body-xl-text-line-height,var(--spectrum-alias-body-text-line-height)\n);margin-bottom:0;margin-top:0;text-transform:var(--spectrum-body-xl-text-transform,none)}.spectrum-Body--sizeL{font-size:var(\n--spectrum-body-l-text-size,var(--spectrum-global-dimension-font-size-300)\n);font-style:var(\n--spectrum-body-l-text-font-style,var(--spectrum-global-font-style-regular)\n);font-weight:var(\n--spectrum-body-l-text-font-weight,var(--spectrum-alias-body-text-font-weight)\n);letter-spacing:var(\n--spectrum-body-l-text-letter-spacing,var(--spectrum-global-font-letter-spacing-none)\n);line-height:var(\n--spectrum-body-l-text-line-height,var(--spectrum-alias-body-text-line-height)\n);margin-bottom:0;margin-top:0;text-transform:var(--spectrum-body-l-text-transform,none)}.spectrum-Body--sizeM{font-size:var(\n--spectrum-body-m-text-size,var(--spectrum-global-dimension-font-size-200)\n);font-style:var(\n--spectrum-body-m-text-font-style,var(--spectrum-global-font-style-regular)\n);font-weight:var(\n--spectrum-body-m-text-font-weight,var(--spectrum-alias-body-text-font-weight)\n);letter-spacing:var(\n--spectrum-body-m-text-letter-spacing,var(--spectrum-global-font-letter-spacing-none)\n);line-height:var(\n--spectrum-body-m-text-line-height,var(--spectrum-alias-body-text-line-height)\n);margin-bottom:0;margin-top:0;text-transform:var(--spectrum-body-m-text-transform,none)}.spectrum-Body--sizeS{font-size:var(\n--spectrum-body-s-text-size,var(--spectrum-global-dimension-font-size-100)\n);font-style:var(\n--spectrum-body-s-text-font-style,var(--spectrum-global-font-style-regular)\n);font-weight:var(\n--spectrum-body-s-text-font-weight,var(--spectrum-alias-body-text-font-weight)\n);letter-spacing:var(\n--spectrum-body-s-text-letter-spacing,var(--spectrum-global-font-letter-spacing-none)\n);line-height:var(\n--spectrum-body-s-text-line-height,var(--spectrum-alias-body-text-line-height)\n);margin-bottom:0;margin-top:0;text-transform:var(--spectrum-body-s-text-transform,none)}.spectrum-Body--sizeXS{font-size:var(\n--spectrum-body-xs-text-size,var(--spectrum-global-dimension-font-size-75)\n);font-style:var(\n--spectrum-body-xs-text-font-style,var(--spectrum-global-font-style-regular)\n);font-weight:var(\n--spectrum-body-xs-text-font-weight,var(--spectrum-alias-body-text-font-weight)\n);letter-spacing:var(\n--spectrum-body-xs-text-letter-spacing,var(--spectrum-global-font-letter-spacing-none)\n);line-height:var(\n--spectrum-body-xs-text-line-height,var(--spectrum-alias-body-text-line-height)\n);margin-bottom:0;margin-top:0;text-transform:var(--spectrum-body-xs-text-transform,none)}.spectrum-Body{font-family:var(\n--spectrum-body-m-text-font-family,var(--spectrum-alias-body-text-font-family)\n)}.spectrum-Body .spectrum-Body-strong,.spectrum-Body strong{font-weight:var(\n--spectrum-body-m-strong-text-font-weight,var(--spectrum-global-font-weight-bold)\n)}.spectrum-Body .spectrum-Body-emphasized,.spectrum-Body em{font-style:var(\n--spectrum-body-m-emphasized-text-font-style,var(--spectrum-global-font-style-italic)\n)}.spectrum-Body--serif{font-family:var(\n--spectrum-body-m-serif-text-font-family,var(--spectrum-alias-serif-text-font-family)\n)}.spectrum-Detail{font-family:var(\n--spectrum-heading-m-text-font-family,var(--spectrum-alias-body-text-font-family)\n)}.spectrum-Detail .spectrum-Detail-strong,.spectrum-Detail strong{font-weight:var(\n--spectrum-detail-m-strong-text-font-weight,var(--spectrum-alias-detail-text-font-weight-regular)\n)}.spectrum-Detail .spectrum-Detail-emphasized,.spectrum-Detail em{font-style:var(\n--spectrum-detail-m-emphasized-text-font-style,var(--spectrum-global-font-style-italic)\n)}.spectrum-Detail--light{font-style:var(\n--spectrum-detail-m-light-text-font-style,var(--spectrum-global-font-style-regular)\n);font-weight:var(\n--spectrum-detail-m-light-text-font-weight,var(--spectrum-alias-detail-text-font-weight-light)\n)}.spectrum-Detail--serif{font-family:var(\n--spectrum-body-m-serif-text-font-family,var(--spectrum-alias-serif-text-font-family)\n)}.spectrum-Detail--sizeXL{font-size:var(\n--spectrum-detail-xl-text-size,var(--spectrum-global-dimension-font-size-200)\n);font-style:var(\n--spectrum-detail-xl-text-font-style,var(--spectrum-global-font-style-regular)\n);font-weight:var(\n--spectrum-detail-xl-text-font-weight,var(--spectrum-alias-detail-text-font-weight-regular)\n);letter-spacing:var(\n--spectrum-detail-xl-text-letter-spacing,var(--spectrum-global-font-letter-spacing-medium)\n);line-height:var(\n--spectrum-detail-xl-text-line-height,var(--spectrum-alias-heading-text-line-height)\n);margin-bottom:0;margin-top:0;text-transform:var(--spectrum-detail-xl-text-transform,uppercase)}.spectrum-Detail--sizeXL em{font-size:var(\n--spectrum-detail-xl-emphasized-text-size,var(--spectrum-global-dimension-font-size-200)\n);font-style:var(\n--spectrum-detail-xl-emphasized-text-font-style,var(--spectrum-global-font-style-italic)\n);font-weight:var(\n--spectrum-detail-xl-emphasized-text-font-weight,var(--spectrum-alias-detail-text-font-weight-regular)\n);letter-spacing:var(\n--spectrum-detail-xl-emphasized-text-letter-spacing,var(--spectrum-global-font-letter-spacing-medium)\n);line-height:var(\n--spectrum-detail-xl-emphasized-text-line-height,var(--spectrum-alias-heading-text-line-height)\n);margin-bottom:0;margin-top:0;text-transform:var(\n--spectrum-detail-xl-emphasized-text-transform,uppercase\n)}.spectrum-Detail--sizeXL strong{font-size:var(\n--spectrum-detail-xl-strong-text-size,var(--spectrum-global-dimension-font-size-200)\n);font-style:var(\n--spectrum-detail-xl-strong-text-font-style,var(--spectrum-global-font-style-regular)\n);font-weight:var(\n--spectrum-detail-xl-strong-text-font-weight,var(--spectrum-alias-detail-text-font-weight-regular)\n);letter-spacing:var(\n--spectrum-detail-xl-strong-text-letter-spacing,var(--spectrum-global-font-letter-spacing-medium)\n);line-height:var(\n--spectrum-detail-xl-strong-text-line-height,var(--spectrum-alias-heading-text-line-height)\n);margin-bottom:0;margin-top:0;text-transform:var(--spectrum-detail-xl-strong-text-transform,uppercase)}.spectrum-Detail--sizeL{font-size:var(\n--spectrum-detail-l-text-size,var(--spectrum-global-dimension-font-size-100)\n);font-style:var(\n--spectrum-detail-l-text-font-style,var(--spectrum-global-font-style-regular)\n);font-weight:var(\n--spectrum-detail-l-text-font-weight,var(--spectrum-alias-detail-text-font-weight-regular)\n);letter-spacing:var(\n--spectrum-detail-l-text-letter-spacing,var(--spectrum-global-font-letter-spacing-medium)\n);line-height:var(\n--spectrum-detail-l-text-line-height,var(--spectrum-alias-heading-text-line-height)\n);margin-bottom:0;margin-top:0;text-transform:var(--spectrum-detail-l-text-transform,uppercase)}.spectrum-Detail--sizeL em{font-size:var(\n--spectrum-detail-l-emphasized-text-size,var(--spectrum-global-dimension-font-size-100)\n);font-style:var(\n--spectrum-detail-l-emphasized-text-font-style,var(--spectrum-global-font-style-italic)\n);font-weight:var(\n--spectrum-detail-l-emphasized-text-font-weight,var(--spectrum-alias-detail-text-font-weight-regular)\n);letter-spacing:var(\n--spectrum-detail-l-emphasized-text-letter-spacing,var(--spectrum-global-font-letter-spacing-medium)\n);line-height:var(\n--spectrum-detail-l-emphasized-text-line-height,var(--spectrum-alias-heading-text-line-height)\n);margin-bottom:0;margin-top:0;text-transform:var(\n--spectrum-detail-l-emphasized-text-transform,uppercase\n)}.spectrum-Detail--sizeL strong{font-size:var(\n--spectrum-detail-l-strong-text-size,var(--spectrum-global-dimension-font-size-100)\n);font-style:var(\n--spectrum-detail-l-strong-text-font-style,var(--spectrum-global-font-style-regular)\n);font-weight:var(\n--spectrum-detail-l-strong-text-font-weight,var(--spectrum-alias-detail-text-font-weight-regular)\n);letter-spacing:var(\n--spectrum-detail-l-strong-text-letter-spacing,var(--spectrum-global-font-letter-spacing-medium)\n);line-height:var(\n--spectrum-detail-l-strong-text-line-height,var(--spectrum-alias-heading-text-line-height)\n);margin-bottom:0;margin-top:0;text-transform:var(--spectrum-detail-l-strong-text-transform,uppercase)}.spectrum-Detail--sizeM{font-size:var(\n--spectrum-detail-m-text-size,var(--spectrum-global-dimension-font-size-75)\n);font-style:var(\n--spectrum-detail-m-text-font-style,var(--spectrum-global-font-style-regular)\n);font-weight:var(\n--spectrum-detail-m-text-font-weight,var(--spectrum-alias-detail-text-font-weight-regular)\n);letter-spacing:var(\n--spectrum-detail-m-text-letter-spacing,var(--spectrum-global-font-letter-spacing-medium)\n);line-height:var(\n--spectrum-detail-m-text-line-height,var(--spectrum-alias-heading-text-line-height)\n);margin-bottom:0;margin-top:0;text-transform:var(--spectrum-detail-m-text-transform,uppercase)}.spectrum-Detail--sizeM em{font-size:var(\n--spectrum-detail-m-emphasized-text-size,var(--spectrum-global-dimension-font-size-75)\n);font-style:var(\n--spectrum-detail-m-emphasized-text-font-style,var(--spectrum-global-font-style-italic)\n);font-weight:var(\n--spectrum-detail-m-emphasized-text-font-weight,var(--spectrum-alias-detail-text-font-weight-regular)\n);letter-spacing:var(\n--spectrum-detail-m-emphasized-text-letter-spacing,var(--spectrum-global-font-letter-spacing-medium)\n);line-height:var(\n--spectrum-detail-m-emphasized-text-line-height,var(--spectrum-alias-heading-text-line-height)\n);margin-bottom:0;margin-top:0;text-transform:var(\n--spectrum-detail-m-emphasized-text-transform,uppercase\n)}.spectrum-Detail--sizeM strong{font-size:var(\n--spectrum-detail-m-strong-text-size,var(--spectrum-global-dimension-font-size-75)\n);font-style:var(\n--spectrum-detail-m-strong-text-font-style,var(--spectrum-global-font-style-regular)\n);font-weight:var(\n--spectrum-detail-m-strong-text-font-weight,var(--spectrum-alias-detail-text-font-weight-regular)\n);letter-spacing:var(\n--spectrum-detail-m-strong-text-letter-spacing,var(--spectrum-global-font-letter-spacing-medium)\n);line-height:var(\n--spectrum-detail-m-strong-text-line-height,var(--spectrum-alias-heading-text-line-height)\n);margin-bottom:0;margin-top:0;text-transform:var(--spectrum-detail-m-strong-text-transform,uppercase)}.spectrum-Detail--sizeS{font-size:var(\n--spectrum-detail-s-text-size,var(--spectrum-global-dimension-font-size-50)\n);font-style:var(\n--spectrum-detail-s-text-font-style,var(--spectrum-global-font-style-regular)\n);font-weight:var(\n--spectrum-detail-s-text-font-weight,var(--spectrum-alias-detail-text-font-weight-regular)\n);letter-spacing:var(\n--spectrum-detail-s-text-letter-spacing,var(--spectrum-global-font-letter-spacing-medium)\n);line-height:var(\n--spectrum-detail-s-text-line-height,var(--spectrum-alias-heading-text-line-height)\n);margin-bottom:0;margin-top:0;text-transform:var(--spectrum-detail-s-text-transform,uppercase)}.spectrum-Detail--sizeS em{font-size:var(\n--spectrum-detail-s-emphasized-text-size,var(--spectrum-global-dimension-font-size-50)\n);font-style:var(\n--spectrum-detail-s-emphasized-text-font-style,var(--spectrum-global-font-style-italic)\n);font-weight:var(\n--spectrum-detail-s-emphasized-text-font-weight,var(--spectrum-alias-detail-text-font-weight-regular)\n);letter-spacing:var(\n--spectrum-detail-s-emphasized-text-letter-spacing,var(--spectrum-global-font-letter-spacing-medium)\n);line-height:var(\n--spectrum-detail-s-emphasized-text-line-height,var(--spectrum-alias-heading-text-line-height)\n);margin-bottom:0;margin-top:0;text-transform:var(\n--spectrum-detail-s-emphasized-text-transform,uppercase\n)}.spectrum-Detail--sizeS strong{font-size:var(\n--spectrum-detail-s-strong-text-size,var(--spectrum-global-dimension-font-size-50)\n);font-style:var(\n--spectrum-detail-s-strong-text-font-style,var(--spectrum-global-font-style-regular)\n);font-weight:var(\n--spectrum-detail-s-strong-text-font-weight,var(--spectrum-alias-detail-text-font-weight-regular)\n);letter-spacing:var(\n--spectrum-detail-s-strong-text-letter-spacing,var(--spectrum-global-font-letter-spacing-medium)\n);line-height:var(\n--spectrum-detail-s-strong-text-line-height,var(--spectrum-alias-heading-text-line-height)\n);margin-bottom:0;margin-top:0;text-transform:var(--spectrum-detail-s-strong-text-transform,uppercase)}.spectrum-Code{font-family:var(\n--spectrum-heading-m-text-font-family,var(--spectrum-alias-body-text-font-family)\n)}.spectrum-Code .spectrum-Code-strong,.spectrum-Code strong{font-weight:var(\n--spectrum-code-m-strong-text-font-weight,var(--spectrum-global-font-weight-bold)\n)}.spectrum-Code .spectrum-Code-emphasized,.spectrum-Code em{font-style:var(\n--spectrum-code-m-emphasized-text-font-style,var(--spectrum-global-font-style-italic)\n)}.spectrum-Code--serif{font-family:var(\n--spectrum-body-m-serif-text-font-family,var(--spectrum-alias-serif-text-font-family)\n)}.spectrum-Code--sizeXL{font-family:var(\n--spectrum-code-xl-text-font-family,var(--spectrum-alias-code-text-font-family)\n);font-size:var(\n--spectrum-code-xl-text-size,var(--spectrum-global-dimension-font-size-400)\n);font-style:var(\n--spectrum-code-xl-text-font-style,var(--spectrum-global-font-style-regular)\n);font-weight:var(\n--spectrum-code-xl-text-font-weight,var(--spectrum-alias-code-text-font-weight-regular)\n);letter-spacing:var(\n--spectrum-code-xl-text-letter-spacing,var(--spectrum-global-font-letter-spacing-none)\n);line-height:var(\n--spectrum-code-xl-text-line-height,var(--spectrum-alias-body-text-line-height)\n);margin-bottom:0;margin-top:0}.spectrum-Code--sizeL{font-family:var(\n--spectrum-code-l-text-font-family,var(--spectrum-alias-code-text-font-family)\n);font-size:var(\n--spectrum-code-l-text-size,var(--spectrum-global-dimension-font-size-300)\n);font-style:var(\n--spectrum-code-l-text-font-style,var(--spectrum-global-font-style-regular)\n);font-weight:var(\n--spectrum-code-l-text-font-weight,var(--spectrum-alias-code-text-font-weight-regular)\n);letter-spacing:var(\n--spectrum-code-l-text-letter-spacing,var(--spectrum-global-font-letter-spacing-none)\n);line-height:var(\n--spectrum-code-l-text-line-height,var(--spectrum-alias-body-text-line-height)\n);margin-bottom:0;margin-top:0}.spectrum-Code--sizeM{font-family:var(\n--spectrum-code-m-text-font-family,var(--spectrum-alias-code-text-font-family)\n);font-size:var(\n--spectrum-code-m-text-size,var(--spectrum-global-dimension-font-size-200)\n);font-style:var(\n--spectrum-code-m-text-font-style,var(--spectrum-global-font-style-regular)\n);font-weight:var(\n--spectrum-code-m-text-font-weight,var(--spectrum-alias-code-text-font-weight-regular)\n);letter-spacing:var(\n--spectrum-code-m-text-letter-spacing,var(--spectrum-global-font-letter-spacing-none)\n);line-height:var(\n--spectrum-code-m-text-line-height,var(--spectrum-alias-body-text-line-height)\n);margin-bottom:0;margin-top:0}.spectrum-Code--sizeS{font-family:var(\n--spectrum-code-s-text-font-family,var(--spectrum-alias-code-text-font-family)\n);font-size:var(\n--spectrum-code-s-text-size,var(--spectrum-global-dimension-font-size-100)\n);font-style:var(\n--spectrum-code-s-text-font-style,var(--spectrum-global-font-style-regular)\n);font-weight:var(\n--spectrum-code-s-text-font-weight,var(--spectrum-alias-code-text-font-weight-regular)\n);letter-spacing:var(\n--spectrum-code-s-text-letter-spacing,var(--spectrum-global-font-letter-spacing-none)\n);line-height:var(\n--spectrum-code-s-text-line-height,var(--spectrum-alias-body-text-line-height)\n);margin-bottom:0;margin-top:0}.spectrum-Code--sizeXS{font-family:var(\n--spectrum-code-xs-text-font-family,var(--spectrum-alias-code-text-font-family)\n);font-size:var(\n--spectrum-code-xs-text-size,var(--spectrum-global-dimension-font-size-75)\n);font-style:var(\n--spectrum-code-xs-text-font-style,var(--spectrum-global-font-style-regular)\n);font-weight:var(\n--spectrum-code-xs-text-font-weight,var(--spectrum-alias-code-text-font-weight-regular)\n);letter-spacing:var(\n--spectrum-code-xs-text-letter-spacing,var(--spectrum-global-font-letter-spacing-none)\n);line-height:var(\n--spectrum-code-xs-text-line-height,var(--spectrum-alias-body-text-line-height)\n);margin-bottom:0;margin-top:0}.spectrum-Typography .spectrum-Heading--sizeXXXL{margin-bottom:var(\n--spectrum-heading-xxxl-margin-bottom,var(--spectrum-global-dimension-size-125)\n);margin-top:var(\n--spectrum-heading-xxxl-margin-top,var(--spectrum-alias-heading-xxxl-margin-top)\n)}.spectrum-Typography .spectrum-Heading--sizeXXL{margin-bottom:var(\n--spectrum-heading-xxl-margin-bottom,var(--spectrum-global-dimension-size-115)\n);margin-top:var(\n--spectrum-heading-xxl-margin-top,var(--spectrum-alias-heading-xxl-margin-top)\n)}.spectrum-Typography .spectrum-Heading--sizeXL{margin-bottom:var(\n--spectrum-heading-xl-margin-bottom,var(--spectrum-global-dimension-size-100)\n);margin-top:var(\n--spectrum-heading-xl-margin-top,var(--spectrum-alias-heading-xl-margin-top)\n)}.spectrum-Typography .spectrum-Heading--sizeL{margin-bottom:var(\n--spectrum-heading-l-margin-bottom,var(--spectrum-global-dimension-size-85)\n);margin-top:var(\n--spectrum-heading-l-margin-top,var(--spectrum-alias-heading-l-margin-top)\n)}.spectrum-Typography .spectrum-Heading--sizeM{margin-bottom:var(\n--spectrum-heading-m-margin-bottom,var(--spectrum-global-dimension-size-75)\n);margin-top:var(\n--spectrum-heading-m-margin-top,var(--spectrum-alias-heading-m-margin-top)\n)}.spectrum-Typography .spectrum-Heading--sizeS{margin-bottom:var(\n--spectrum-heading-s-margin-bottom,var(--spectrum-global-dimension-size-65)\n);margin-top:var(\n--spectrum-heading-s-margin-top,var(--spectrum-alias-heading-s-margin-top)\n)}.spectrum-Typography .spectrum-Heading--sizeXS{margin-bottom:var(\n--spectrum-heading-xs-margin-bottom,var(--spectrum-global-dimension-size-50)\n);margin-top:var(\n--spectrum-heading-xs-margin-top,var(--spectrum-alias-heading-xs-margin-top)\n)}.spectrum-Typography .spectrum-Heading--sizeXXS{margin-bottom:var(\n--spectrum-heading-xxs-margin-bottom,var(--spectrum-global-dimension-size-40)\n);margin-top:var(\n--spectrum-heading-xxs-margin-top,var(--spectrum-alias-heading-xxs-margin-top)\n)}.spectrum-Typography .spectrum-Body--sizeXXXL{margin-bottom:var(\n--spectrum-body-xxxl-margin-bottom,var(--spectrum-global-dimension-size-400)\n);margin-top:var(--spectrum-body-xxxl-margin-top,0)}.spectrum-Typography .spectrum-Body--sizeXXL{margin-bottom:var(\n--spectrum-body-xxl-margin-bottom,var(--spectrum-global-dimension-size-300)\n);margin-top:var(--spectrum-body-xxl-margin-top,0)}.spectrum-Typography .spectrum-Body--sizeXL{margin-bottom:var(\n--spectrum-body-xl-margin-bottom,var(--spectrum-global-dimension-size-200)\n);margin-top:var(--spectrum-body-xl-margin-top,0)}.spectrum-Typography .spectrum-Body--sizeL{margin-bottom:var(\n--spectrum-body-l-margin-bottom,var(--spectrum-global-dimension-size-160)\n);margin-top:var(--spectrum-body-l-margin-top,0)}.spectrum-Typography .spectrum-Body--sizeM{margin-bottom:var(\n--spectrum-body-m-margin-bottom,var(--spectrum-global-dimension-size-150)\n);margin-top:var(--spectrum-body-m-margin-top,0)}.spectrum-Typography .spectrum-Body--sizeS{margin-bottom:var(\n--spectrum-body-s-margin-bottom,var(--spectrum-global-dimension-size-125)\n);margin-top:var(--spectrum-body-s-margin-top,0)}.spectrum-Typography .spectrum-Body--sizeXS{margin-bottom:var(\n--spectrum-body-xs-margin-bottom,var(--spectrum-global-dimension-size-115)\n);margin-top:var(--spectrum-body-xs-margin-top,0)}.spectrum:lang(ja) .spectrum-Heading--sizeXXXL,.spectrum:lang(ko) .spectrum-Heading--sizeXXXL,.spectrum:lang(zh) .spectrum-Heading--sizeXXXL{font-size:var(\n--spectrum-heading-han-xxxl-text-size,var(--spectrum-alias-heading-han-xxxl-text-size)\n);font-style:var(\n--spectrum-heading-han-xxxl-text-font-style,var(--spectrum-global-font-style-regular)\n);font-weight:var(\n--spectrum-heading-han-xxxl-text-font-weight,var(--spectrum-alias-han-heading-text-font-weight-regular)\n);letter-spacing:var(\n--spectrum-heading-han-xxxl-text-letter-spacing,var(--spectrum-global-font-letter-spacing-han)\n);line-height:var(\n--spectrum-heading-han-xxxl-text-line-height,var(--spectrum-alias-han-heading-text-line-height)\n);margin-bottom:0;margin-top:0;text-transform:var(--spectrum-heading-han-xxxl-text-transform,none)}.spectrum:lang(ja) .spectrum-Heading--sizeXXL,.spectrum:lang(ko) .spectrum-Heading--sizeXXL,.spectrum:lang(zh) .spectrum-Heading--sizeXXL{font-size:var(\n--spectrum-heading-han-xxl-text-size,var(--spectrum-alias-heading-han-xxl-text-size)\n);font-style:var(\n--spectrum-heading-han-xxl-text-font-style,var(--spectrum-global-font-style-regular)\n);font-weight:var(\n--spectrum-heading-han-xxl-text-font-weight,var(--spectrum-alias-han-heading-text-font-weight-regular)\n);letter-spacing:var(\n--spectrum-heading-han-xxl-text-letter-spacing,var(--spectrum-global-font-letter-spacing-han)\n);line-height:var(\n--spectrum-heading-han-xxl-text-line-height,var(--spectrum-alias-han-heading-text-line-height)\n);margin-bottom:0;margin-top:0;text-transform:var(--spectrum-heading-han-xxl-text-transform,none)}.spectrum:lang(ja) .spectrum-Heading--sizeXL,.spectrum:lang(ko) .spectrum-Heading--sizeXL,.spectrum:lang(zh) .spectrum-Heading--sizeXL{font-size:var(\n--spectrum-heading-han-xl-text-size,var(--spectrum-alias-heading-han-xl-text-size)\n);font-style:var(\n--spectrum-heading-han-xl-text-font-style,var(--spectrum-global-font-style-regular)\n);font-weight:var(\n--spectrum-heading-han-xl-text-font-weight,var(--spectrum-alias-han-heading-text-font-weight-regular)\n);letter-spacing:var(\n--spectrum-heading-han-xl-text-letter-spacing,var(--spectrum-global-font-letter-spacing-han)\n);line-height:var(\n--spectrum-heading-han-xl-text-line-height,var(--spectrum-alias-han-heading-text-line-height)\n);margin-bottom:0;margin-top:0;text-transform:var(--spectrum-heading-han-xl-text-transform,none)}.spectrum:lang(ja) .spectrum-Heading--sizeL,.spectrum:lang(ko) .spectrum-Heading--sizeL,.spectrum:lang(zh) .spectrum-Heading--sizeL{font-size:var(\n--spectrum-heading-han-l-text-size,var(--spectrum-alias-heading-han-l-text-size)\n);font-style:var(\n--spectrum-heading-han-l-text-font-style,var(--spectrum-global-font-style-regular)\n);font-weight:var(\n--spectrum-heading-han-l-text-font-weight,var(--spectrum-alias-han-heading-text-font-weight-regular)\n);letter-spacing:var(\n--spectrum-heading-han-l-text-letter-spacing,var(--spectrum-global-font-letter-spacing-han)\n);line-height:var(\n--spectrum-heading-han-l-text-line-height,var(--spectrum-alias-han-heading-text-line-height)\n);margin-bottom:0;margin-top:0;text-transform:var(--spectrum-heading-han-l-text-transform,none)}.spectrum:lang(ja) .spectrum-Heading--sizeM,.spectrum:lang(ko) .spectrum-Heading--sizeM,.spectrum:lang(zh) .spectrum-Heading--sizeM{font-size:var(\n--spectrum-heading-han-m-text-size,var(--spectrum-alias-heading-han-m-text-size)\n);font-style:var(\n--spectrum-heading-han-m-text-font-style,var(--spectrum-global-font-style-regular)\n);font-weight:var(\n--spectrum-heading-han-m-text-font-weight,var(--spectrum-alias-han-heading-text-font-weight-regular)\n);letter-spacing:var(\n--spectrum-heading-han-m-text-letter-spacing,var(--spectrum-global-font-letter-spacing-han)\n);line-height:var(\n--spectrum-heading-han-m-text-line-height,var(--spectrum-alias-han-heading-text-line-height)\n);margin-bottom:0;margin-top:0;text-transform:var(--spectrum-heading-han-m-text-transform,none)}.spectrum:lang(ja) .spectrum-Heading--sizeS,.spectrum:lang(ko) .spectrum-Heading--sizeS,.spectrum:lang(zh) .spectrum-Heading--sizeS{font-size:var(\n--spectrum-heading-han-s-text-size,var(--spectrum-alias-heading-han-s-text-size)\n);font-style:var(\n--spectrum-heading-han-s-text-font-style,var(--spectrum-global-font-style-regular)\n);font-weight:var(\n--spectrum-heading-han-s-text-font-weight,var(--spectrum-alias-han-heading-text-font-weight-regular)\n);letter-spacing:var(\n--spectrum-heading-han-s-text-letter-spacing,var(--spectrum-global-font-letter-spacing-han)\n);line-height:var(\n--spectrum-heading-han-s-text-line-height,var(--spectrum-alias-han-heading-text-line-height)\n);margin-bottom:0;margin-top:0;text-transform:var(--spectrum-heading-han-s-text-transform,none)}.spectrum:lang(ja) .spectrum-Heading--sizeXS,.spectrum:lang(ko) .spectrum-Heading--sizeXS,.spectrum:lang(zh) .spectrum-Heading--sizeXS{font-size:var(\n--spectrum-heading-han-xs-text-size,var(--spectrum-alias-heading-han-xs-text-size)\n);font-style:var(\n--spectrum-heading-han-xs-text-font-style,var(--spectrum-global-font-style-regular)\n);font-weight:var(\n--spectrum-heading-han-xs-text-font-weight,var(--spectrum-alias-han-heading-text-font-weight-regular)\n);letter-spacing:var(\n--spectrum-heading-han-xs-text-letter-spacing,var(--spectrum-global-font-letter-spacing-han)\n);line-height:var(\n--spectrum-heading-han-xs-text-line-height,var(--spectrum-alias-han-heading-text-line-height)\n);margin-bottom:0;margin-top:0;text-transform:var(--spectrum-heading-han-xs-text-transform,none)}.spectrum:lang(ja) .spectrum-Heading--sizeXXS,.spectrum:lang(ko) .spectrum-Heading--sizeXXS,.spectrum:lang(zh) .spectrum-Heading--sizeXXS{font-size:var(\n--spectrum-heading-han-xxs-text-size,var(--spectrum-alias-heading-han-xxs-text-size)\n);font-style:var(\n--spectrum-heading-han-xxs-text-font-style,var(--spectrum-global-font-style-regular)\n);font-weight:var(\n--spectrum-heading-han-xxs-text-font-weight,var(--spectrum-alias-han-heading-text-font-weight-regular)\n);letter-spacing:var(\n--spectrum-heading-han-xxs-text-letter-spacing,var(--spectrum-global-font-letter-spacing-han)\n);line-height:var(\n--spectrum-heading-han-xxs-text-line-height,var(--spectrum-alias-han-heading-text-line-height)\n);margin-bottom:0;margin-top:0;text-transform:var(--spectrum-heading-han-xxs-text-transform,none)}.spectrum:lang(ja) .spectrum-Heading--heavy,.spectrum:lang(ko) .spectrum-Heading--heavy,.spectrum:lang(zh) .spectrum-Heading--heavy{font-weight:var(\n--spectrum-heading-han-m-text-font-weight,var(--spectrum-alias-han-heading-text-font-weight-regular)\n)}.spectrum:lang(ja) .spectrum-Heading--heavy .spectrum-Heading--emphasized,.spectrum:lang(ja) .spectrum-Heading--heavy em,.spectrum:lang(ko) .spectrum-Heading--heavy .spectrum-Heading--emphasized,.spectrum:lang(ko) .spectrum-Heading--heavy em,.spectrum:lang(zh) .spectrum-Heading--heavy .spectrum-Heading--emphasized,.spectrum:lang(zh) .spectrum-Heading--heavy em{font-style:var(--spectrum-heading-han-heavy-m-emphasized-text-font-style);font-weight:var(\n--spectrum-heading-han-heavy-m-emphasized-text-font-weight\n)}.spectrum:lang(ja) .spectrum-Heading--heavy .spectrum-Heading--strong,.spectrum:lang(ja) .spectrum-Heading--heavy strong,.spectrum:lang(ko) .spectrum-Heading--heavy .spectrum-Heading--strong,.spectrum:lang(ko) .spectrum-Heading--heavy strong,.spectrum:lang(zh) .spectrum-Heading--heavy .spectrum-Heading--strong,.spectrum:lang(zh) .spectrum-Heading--heavy strong{font-style:var(\n--spectrum-heading-m-heavy-strong-text-font-style,var(--spectrum-global-font-style-regular)\n);font-weight:var(\n--spectrum-heading-m-heavy-strong-text-font-weight,var(--spectrum-alias-heading-text-font-weight-heavy-strong)\n)}.spectrum:lang(ja) .spectrum-Heading--light,.spectrum:lang(ko) .spectrum-Heading--light,.spectrum:lang(zh) .spectrum-Heading--light{font-weight:var(\n--spectrum-heading-han-m-text-font-weight,var(--spectrum-alias-han-heading-text-font-weight-regular)\n)}.spectrum:lang(ja) .spectrum-Heading--light .spectrum-Heading--emphasized,.spectrum:lang(ja) .spectrum-Heading--light em,.spectrum:lang(ko) .spectrum-Heading--light .spectrum-Heading--emphasized,.spectrum:lang(ko) .spectrum-Heading--light em,.spectrum:lang(zh) .spectrum-Heading--light .spectrum-Heading--emphasized,.spectrum:lang(zh) .spectrum-Heading--light em{font-style:var(\n--spectrum-heading-han-m-light-emphasized-text-font-style,var(--spectrum-global-font-style-regular)\n);font-weight:var(\n--spectrum-heading-han-m-light-emphasized-text-font-weight,var(--spectrum-alias-han-heading-text-font-weight-light-emphasis)\n)}.spectrum:lang(ja) .spectrum-Heading--light .spectrum-Heading--strong,.spectrum:lang(ja) .spectrum-Heading--light strong,.spectrum:lang(ko) .spectrum-Heading--light .spectrum-Heading--strong,.spectrum:lang(ko) .spectrum-Heading--light strong,.spectrum:lang(zh) .spectrum-Heading--light .spectrum-Heading--strong,.spectrum:lang(zh) .spectrum-Heading--light strong{font-style:var(\n--spectrum-heading-han-m-light-strong-text-font-style,var(--spectrum-global-font-style-regular)\n);font-weight:var(\n--spectrum-heading-han-m-light-strong-text-font-weight,var(--spectrum-alias-han-heading-text-font-weight-light-strong)\n)}.spectrum:lang(ja) .spectrum-Body--sizeXXXL,.spectrum:lang(ko) .spectrum-Body--sizeXXXL,.spectrum:lang(zh) .spectrum-Body--sizeXXXL{font-size:var(\n--spectrum-body-han-xxxl-text-size,var(--spectrum-global-dimension-font-size-600)\n);font-style:var(\n--spectrum-body-han-xxxl-text-font-style,var(--spectrum-global-font-style-regular)\n);font-weight:var(\n--spectrum-body-han-xxxl-text-font-weight,var(--spectrum-alias-han-body-text-font-weight-regular)\n);letter-spacing:var(\n--spectrum-body-han-xxxl-text-letter-spacing,var(--spectrum-global-font-letter-spacing-han)\n);line-height:var(\n--spectrum-body-han-xxxl-text-line-height,var(--spectrum-alias-han-body-text-line-height)\n);margin-bottom:0;margin-top:0;text-transform:var(--spectrum-body-han-xxxl-text-transform,none)}.spectrum:lang(ja) .spectrum-Body--sizeXXL,.spectrum:lang(ko) .spectrum-Body--sizeXXL,.spectrum:lang(zh) .spectrum-Body--sizeXXL{font-size:var(\n--spectrum-body-han-xxl-text-size,var(--spectrum-global-dimension-font-size-500)\n);font-style:var(\n--spectrum-body-han-xxl-text-font-style,var(--spectrum-global-font-style-regular)\n);font-weight:var(\n--spectrum-body-han-xxl-text-font-weight,var(--spectrum-alias-han-body-text-font-weight-regular)\n);letter-spacing:var(\n--spectrum-body-han-xxl-text-letter-spacing,var(--spectrum-global-font-letter-spacing-han)\n);line-height:var(\n--spectrum-body-han-xxl-text-line-height,var(--spectrum-alias-han-body-text-line-height)\n);margin-bottom:0;margin-top:0;text-transform:var(--spectrum-body-han-xxl-text-transform,none)}.spectrum:lang(ja) .spectrum-Body--sizeXL,.spectrum:lang(ko) .spectrum-Body--sizeXL,.spectrum:lang(zh) .spectrum-Body--sizeXL{font-size:var(\n--spectrum-body-han-xl-text-size,var(--spectrum-global-dimension-font-size-400)\n);font-style:var(\n--spectrum-body-han-xl-text-font-style,var(--spectrum-global-font-style-regular)\n);font-weight:var(\n--spectrum-body-han-xl-text-font-weight,var(--spectrum-alias-han-body-text-font-weight-regular)\n);letter-spacing:var(\n--spectrum-body-han-xl-text-letter-spacing,var(--spectrum-global-font-letter-spacing-han)\n);line-height:var(\n--spectrum-body-han-xl-text-line-height,var(--spectrum-alias-han-body-text-line-height)\n);margin-bottom:0;margin-top:0;text-transform:var(--spectrum-body-han-xl-text-transform,none)}.spectrum:lang(ja) .spectrum-Body--sizeL,.spectrum:lang(ko) .spectrum-Body--sizeL,.spectrum:lang(zh) .spectrum-Body--sizeL{font-size:var(\n--spectrum-body-han-l-text-size,var(--spectrum-global-dimension-font-size-300)\n);font-style:var(\n--spectrum-body-han-l-text-font-style,var(--spectrum-global-font-style-regular)\n);font-weight:var(\n--spectrum-body-han-l-text-font-weight,var(--spectrum-alias-han-body-text-font-weight-regular)\n);letter-spacing:var(\n--spectrum-body-han-l-text-letter-spacing,var(--spectrum-global-font-letter-spacing-han)\n);line-height:var(\n--spectrum-body-han-l-text-line-height,var(--spectrum-alias-han-body-text-line-height)\n);margin-bottom:0;margin-top:0;text-transform:var(--spectrum-body-han-l-text-transform,none)}.spectrum:lang(ja) .spectrum-Body--sizeM,.spectrum:lang(ko) .spectrum-Body--sizeM,.spectrum:lang(zh) .spectrum-Body--sizeM{font-size:var(\n--spectrum-body-han-m-text-size,var(--spectrum-global-dimension-font-size-200)\n);font-style:var(\n--spectrum-body-han-m-text-font-style,var(--spectrum-global-font-style-regular)\n);font-weight:var(\n--spectrum-body-han-m-text-font-weight,var(--spectrum-alias-han-body-text-font-weight-regular)\n);letter-spacing:var(\n--spectrum-body-han-m-text-letter-spacing,var(--spectrum-global-font-letter-spacing-han)\n);line-height:var(\n--spectrum-body-han-m-text-line-height,var(--spectrum-alias-han-body-text-line-height)\n);margin-bottom:0;margin-top:0;text-transform:var(--spectrum-body-han-m-text-transform,none)}.spectrum:lang(ja) .spectrum-Body--sizeS,.spectrum:lang(ko) .spectrum-Body--sizeS,.spectrum:lang(zh) .spectrum-Body--sizeS{font-size:var(\n--spectrum-body-han-s-text-size,var(--spectrum-global-dimension-font-size-100)\n);font-style:var(\n--spectrum-body-han-s-text-font-style,var(--spectrum-global-font-style-regular)\n);font-weight:var(\n--spectrum-body-han-s-text-font-weight,var(--spectrum-alias-han-body-text-font-weight-regular)\n);letter-spacing:var(\n--spectrum-body-han-s-text-letter-spacing,var(--spectrum-global-font-letter-spacing-han)\n);line-height:var(\n--spectrum-body-han-s-text-line-height,var(--spectrum-alias-han-body-text-line-height)\n);margin-bottom:0;margin-top:0;text-transform:var(--spectrum-body-han-s-text-transform,none)}.spectrum:lang(ja) .spectrum-Body--sizeXS,.spectrum:lang(ko) .spectrum-Body--sizeXS,.spectrum:lang(zh) .spectrum-Body--sizeXS{font-size:var(\n--spectrum-body-han-xs-text-size,var(--spectrum-global-dimension-font-size-75)\n);font-style:var(\n--spectrum-body-han-xs-text-font-style,var(--spectrum-global-font-style-regular)\n);font-weight:var(\n--spectrum-body-han-xs-text-font-weight,var(--spectrum-alias-han-body-text-font-weight-regular)\n);letter-spacing:var(\n--spectrum-body-han-xs-text-letter-spacing,var(--spectrum-global-font-letter-spacing-han)\n);line-height:var(\n--spectrum-body-han-xs-text-line-height,var(--spectrum-alias-han-body-text-line-height)\n);margin-bottom:0;margin-top:0;text-transform:var(--spectrum-body-han-xs-text-transform,none)}.spectrum:lang(ja) .spectrum-Detail--sizeXL,.spectrum:lang(ko) .spectrum-Detail--sizeXL,.spectrum:lang(zh) .spectrum-Detail--sizeXL{font-size:var(\n--spectrum-detail-han-xl-text-size,var(--spectrum-global-dimension-font-size-200)\n);font-style:var(\n--spectrum-detail-han-xl-text-font-style,var(--spectrum-global-font-style-regular)\n);font-weight:var(\n--spectrum-detail-han-xl-text-font-weight,var(--spectrum-alias-han-heading-text-font-weight-regular)\n);letter-spacing:var(\n--spectrum-detail-han-xl-text-letter-spacing,var(--spectrum-global-font-letter-spacing-medium)\n);line-height:var(\n--spectrum-detail-han-xl-text-line-height,var(--spectrum-alias-han-heading-text-line-height)\n);margin-bottom:0;margin-top:0;text-transform:var(--spectrum-detail-han-xl-text-transform,uppercase)}.spectrum:lang(ja) .spectrum-Detail--sizeXL em,.spectrum:lang(ko) .spectrum-Detail--sizeXL em,.spectrum:lang(zh) .spectrum-Detail--sizeXL em{font-size:var(\n--spectrum-detail-han-xl-emphasized-text-size,var(--spectrum-global-dimension-font-size-200)\n);font-style:var(\n--spectrum-detail-han-xl-emphasized-text-font-style,var(--spectrum-global-font-style-regular)\n);font-weight:var(\n--spectrum-detail-han-xl-emphasized-text-font-weight,var(--spectrum-alias-han-heading-text-font-weight-regular-emphasis)\n);letter-spacing:var(\n--spectrum-detail-han-xl-emphasized-text-letter-spacing,var(--spectrum-global-font-letter-spacing-medium)\n);line-height:var(\n--spectrum-detail-han-xl-emphasized-text-line-height,var(--spectrum-alias-han-heading-text-line-height)\n);margin-bottom:0;margin-top:0;text-transform:var(\n--spectrum-detail-han-xl-emphasized-text-transform,uppercase\n)}.spectrum:lang(ja) .spectrum-Detail--sizeXL strong,.spectrum:lang(ko) .spectrum-Detail--sizeXL strong,.spectrum:lang(zh) .spectrum-Detail--sizeXL strong{font-size:var(\n--spectrum-detail-han-xl-strong-text-size,var(--spectrum-global-dimension-font-size-200)\n);font-style:var(\n--spectrum-detail-han-xl-strong-text-font-style,var(--spectrum-global-font-style-regular)\n);font-weight:var(\n--spectrum-detail-han-xl-strong-text-font-weight,var(--spectrum-alias-han-heading-text-font-weight-regular-strong)\n);letter-spacing:var(\n--spectrum-detail-han-xl-strong-text-letter-spacing,var(--spectrum-global-font-letter-spacing-medium)\n);line-height:var(\n--spectrum-detail-han-xl-strong-text-line-height,var(--spectrum-alias-han-heading-text-line-height)\n);margin-bottom:0;margin-top:0;text-transform:var(\n--spectrum-detail-han-xl-strong-text-transform,uppercase\n)}.spectrum:lang(ja) .spectrum-Detail--sizeL,.spectrum:lang(ko) .spectrum-Detail--sizeL,.spectrum:lang(zh) .spectrum-Detail--sizeL{font-size:var(\n--spectrum-detail-han-l-text-size,var(--spectrum-global-dimension-font-size-100)\n);font-style:var(\n--spectrum-detail-han-l-text-font-style,var(--spectrum-global-font-style-regular)\n);font-weight:var(\n--spectrum-detail-han-l-text-font-weight,var(--spectrum-alias-han-heading-text-font-weight-regular)\n);letter-spacing:var(\n--spectrum-detail-han-l-text-letter-spacing,var(--spectrum-global-font-letter-spacing-medium)\n);line-height:var(\n--spectrum-detail-han-l-text-line-height,var(--spectrum-alias-han-heading-text-line-height)\n);margin-bottom:0;margin-top:0;text-transform:var(--spectrum-detail-han-l-text-transform,uppercase)}.spectrum:lang(ja) .spectrum-Detail--sizeL em,.spectrum:lang(ko) .spectrum-Detail--sizeL em,.spectrum:lang(zh) .spectrum-Detail--sizeL em{font-size:var(\n--spectrum-detail-han-l-emphasized-text-size,var(--spectrum-global-dimension-font-size-100)\n);font-style:var(\n--spectrum-detail-han-l-emphasized-text-font-style,var(--spectrum-global-font-style-regular)\n);font-weight:var(\n--spectrum-detail-han-l-emphasized-text-font-weight,var(--spectrum-alias-han-heading-text-font-weight-regular-emphasis)\n);letter-spacing:var(\n--spectrum-detail-han-l-emphasized-text-letter-spacing,var(--spectrum-global-font-letter-spacing-medium)\n);line-height:var(\n--spectrum-detail-han-l-emphasized-text-line-height,var(--spectrum-alias-han-heading-text-line-height)\n);margin-bottom:0;margin-top:0;text-transform:var(\n--spectrum-detail-han-l-emphasized-text-transform,uppercase\n)}.spectrum:lang(ja) .spectrum-Detail--sizeL strong,.spectrum:lang(ko) .spectrum-Detail--sizeL strong,.spectrum:lang(zh) .spectrum-Detail--sizeL strong{font-size:var(\n--spectrum-detail-han-l-strong-text-size,var(--spectrum-global-dimension-font-size-100)\n);font-style:var(\n--spectrum-detail-han-l-strong-text-font-style,var(--spectrum-global-font-style-regular)\n);font-weight:var(\n--spectrum-detail-han-l-strong-text-font-weight,var(--spectrum-alias-han-heading-text-font-weight-regular-strong)\n);letter-spacing:var(\n--spectrum-detail-han-l-strong-text-letter-spacing,var(--spectrum-global-font-letter-spacing-medium)\n);line-height:var(\n--spectrum-detail-han-l-strong-text-line-height,var(--spectrum-alias-han-heading-text-line-height)\n);margin-bottom:0;margin-top:0;text-transform:var(\n--spectrum-detail-han-l-strong-text-transform,uppercase\n)}.spectrum:lang(ja) .spectrum-Detail--sizeM,.spectrum:lang(ko) .spectrum-Detail--sizeM,.spectrum:lang(zh) .spectrum-Detail--sizeM{font-size:var(\n--spectrum-detail-han-m-text-size,var(--spectrum-global-dimension-font-size-75)\n);font-style:var(\n--spectrum-detail-han-m-text-font-style,var(--spectrum-global-font-style-regular)\n);font-weight:var(\n--spectrum-detail-han-m-text-font-weight,var(--spectrum-alias-han-heading-text-font-weight-regular)\n);letter-spacing:var(\n--spectrum-detail-han-m-text-letter-spacing,var(--spectrum-global-font-letter-spacing-medium)\n);line-height:var(\n--spectrum-detail-han-m-text-line-height,var(--spectrum-alias-han-heading-text-line-height)\n);margin-bottom:0;margin-top:0;text-transform:var(--spectrum-detail-han-m-text-transform,uppercase)}.spectrum:lang(ja) .spectrum-Detail--sizeM em,.spectrum:lang(ko) .spectrum-Detail--sizeM em,.spectrum:lang(zh) .spectrum-Detail--sizeM em{font-size:var(\n--spectrum-detail-han-m-emphasized-text-size,var(--spectrum-global-dimension-font-size-75)\n);font-style:var(\n--spectrum-detail-han-m-emphasized-text-font-style,var(--spectrum-global-font-style-regular)\n);font-weight:var(\n--spectrum-detail-han-m-emphasized-text-font-weight,var(--spectrum-alias-han-heading-text-font-weight-regular-emphasis)\n);letter-spacing:var(\n--spectrum-detail-han-m-emphasized-text-letter-spacing,var(--spectrum-global-font-letter-spacing-medium)\n);line-height:var(\n--spectrum-detail-han-m-emphasized-text-line-height,var(--spectrum-alias-han-heading-text-line-height)\n);margin-bottom:0;margin-top:0;text-transform:var(\n--spectrum-detail-han-m-emphasized-text-transform,uppercase\n)}.spectrum:lang(ja) .spectrum-Detail--sizeM strong,.spectrum:lang(ko) .spectrum-Detail--sizeM strong,.spectrum:lang(zh) .spectrum-Detail--sizeM strong{font-size:var(\n--spectrum-detail-han-m-strong-text-size,var(--spectrum-global-dimension-font-size-75)\n);font-style:var(\n--spectrum-detail-han-m-strong-text-font-style,var(--spectrum-global-font-style-regular)\n);font-weight:var(\n--spectrum-detail-han-m-strong-text-font-weight,var(--spectrum-alias-han-heading-text-font-weight-regular-strong)\n);letter-spacing:var(\n--spectrum-detail-han-m-strong-text-letter-spacing,var(--spectrum-global-font-letter-spacing-medium)\n);line-height:var(\n--spectrum-detail-han-m-strong-text-line-height,var(--spectrum-alias-han-heading-text-line-height)\n);margin-bottom:0;margin-top:0;text-transform:var(\n--spectrum-detail-han-m-strong-text-transform,uppercase\n)}.spectrum:lang(ja) .spectrum-Detail--sizeS,.spectrum:lang(ko) .spectrum-Detail--sizeS,.spectrum:lang(zh) .spectrum-Detail--sizeS{font-size:var(\n--spectrum-detail-han-s-text-size,var(--spectrum-global-dimension-font-size-50)\n);font-style:var(\n--spectrum-detail-han-s-text-font-style,var(--spectrum-global-font-style-regular)\n);font-weight:var(\n--spectrum-detail-han-s-text-font-weight,var(--spectrum-alias-han-heading-text-font-weight-regular)\n);letter-spacing:var(\n--spectrum-detail-han-s-text-letter-spacing,var(--spectrum-global-font-letter-spacing-medium)\n);line-height:var(\n--spectrum-detail-han-s-text-line-height,var(--spectrum-alias-han-heading-text-line-height)\n);margin-bottom:0;margin-top:0;text-transform:var(--spectrum-detail-han-s-text-transform,uppercase)}.spectrum:lang(ja) .spectrum-Detail--sizeS em,.spectrum:lang(ko) .spectrum-Detail--sizeS em,.spectrum:lang(zh) .spectrum-Detail--sizeS em{font-size:var(\n--spectrum-detail-han-s-emphasized-text-size,var(--spectrum-global-dimension-font-size-50)\n);font-style:var(\n--spectrum-detail-han-s-emphasized-text-font-style,var(--spectrum-global-font-style-regular)\n);font-weight:var(\n--spectrum-detail-han-s-emphasized-text-font-weight,var(--spectrum-alias-han-heading-text-font-weight-regular-emphasis)\n);letter-spacing:var(\n--spectrum-detail-han-s-emphasized-text-letter-spacing,var(--spectrum-global-font-letter-spacing-medium)\n);line-height:var(\n--spectrum-detail-han-s-emphasized-text-line-height,var(--spectrum-alias-han-heading-text-line-height)\n);margin-bottom:0;margin-top:0;text-transform:var(\n--spectrum-detail-han-s-emphasized-text-transform,uppercase\n)}.spectrum:lang(ja) .spectrum-Detail--sizeS strong,.spectrum:lang(ko) .spectrum-Detail--sizeS strong,.spectrum:lang(zh) .spectrum-Detail--sizeS strong{font-size:var(\n--spectrum-detail-han-s-strong-text-size,var(--spectrum-global-dimension-font-size-50)\n);font-style:var(\n--spectrum-detail-han-s-strong-text-font-style,var(--spectrum-global-font-style-regular)\n);font-weight:var(\n--spectrum-detail-han-s-strong-text-font-weight,var(--spectrum-alias-han-heading-text-font-weight-regular-strong)\n);letter-spacing:var(\n--spectrum-detail-han-s-strong-text-letter-spacing,var(--spectrum-global-font-letter-spacing-medium)\n);line-height:var(\n--spectrum-detail-han-s-strong-text-line-height,var(--spectrum-alias-han-heading-text-line-height)\n);margin-bottom:0;margin-top:0;text-transform:var(\n--spectrum-detail-han-s-strong-text-transform,uppercase\n)}.spectrum:lang(ja) .spectrum-Detail--light,.spectrum:lang(ko) .spectrum-Detail--light,.spectrum:lang(zh) .spectrum-Detail--light{font-weight:var(\n--spectrum-detail-han-m-text-font-weight,var(--spectrum-alias-han-heading-text-font-weight-regular)\n)}.spectrum:lang(ja) .spectrum-Detail--light .spectrum-Detail--emphasized,.spectrum:lang(ja) .spectrum-Detail--light em,.spectrum:lang(ko) .spectrum-Detail--light .spectrum-Detail--emphasized,.spectrum:lang(ko) .spectrum-Detail--light em,.spectrum:lang(zh) .spectrum-Detail--light .spectrum-Detail--emphasized,.spectrum:lang(zh) .spectrum-Detail--light em{font-style:var(\n--spectrum-detail-han-m-light-emphasized-text-font-style,var(--spectrum-global-font-style-regular)\n);font-weight:var(\n--spectrum-detail-han-m-light-emphasized-text-font-weight,var(--spectrum-alias-han-heading-text-font-weight-light-emphasis)\n)}.spectrum:lang(ja) .spectrum-Detail--light .spectrum-Detail--strong,.spectrum:lang(ja) .spectrum-Detail--light strong,.spectrum:lang(ko) .spectrum-Detail--light .spectrum-Detail--strong,.spectrum:lang(ko) .spectrum-Detail--light strong,.spectrum:lang(zh) .spectrum-Detail--light .spectrum-Detail--strong,.spectrum:lang(zh) .spectrum-Detail--light strong{font-style:var(\n--spectrum-detail-han-m-light-strong-text-font-style,var(--spectrum-global-font-style-regular)\n);font-weight:var(\n--spectrum-detail-han-m-light-strong-text-font-weight,var(--spectrum-alias-han-heading-text-font-weight-light-strong)\n)}.spectrum:lang(ja) .spectrum-Code--sizeXL,.spectrum:lang(ko) .spectrum-Code--sizeXL,.spectrum:lang(zh) .spectrum-Code--sizeXL{font-family:var(\n--spectrum-code-han-xl-text-font-family,var(--spectrum-alias-font-family-zh)\n);font-size:var(\n--spectrum-code-han-xl-text-size,var(--spectrum-global-dimension-font-size-400)\n);font-style:var(\n--spectrum-code-han-xl-text-font-style,var(--spectrum-global-font-style-regular)\n);font-weight:var(\n--spectrum-code-han-xl-text-font-weight,var(--spectrum-alias-han-body-text-font-weight-regular)\n);letter-spacing:var(\n--spectrum-code-han-xl-text-letter-spacing,var(--spectrum-global-font-letter-spacing-han)\n);line-height:var(\n--spectrum-code-han-xl-text-line-height,var(--spectrum-alias-han-body-text-line-height)\n);margin-bottom:0;margin-top:0}.spectrum:lang(ja) .spectrum-Code--sizeL,.spectrum:lang(ko) .spectrum-Code--sizeL,.spectrum:lang(zh) .spectrum-Code--sizeL{font-family:var(\n--spectrum-code-han-l-text-font-family,var(--spectrum-alias-font-family-zh)\n);font-size:var(\n--spectrum-code-han-l-text-size,var(--spectrum-global-dimension-font-size-300)\n);font-style:var(\n--spectrum-code-han-l-text-font-style,var(--spectrum-global-font-style-regular)\n);font-weight:var(\n--spectrum-code-han-l-text-font-weight,var(--spectrum-alias-han-body-text-font-weight-regular)\n);letter-spacing:var(\n--spectrum-code-han-l-text-letter-spacing,var(--spectrum-global-font-letter-spacing-han)\n);line-height:var(\n--spectrum-code-han-l-text-line-height,var(--spectrum-alias-han-body-text-line-height)\n);margin-bottom:0;margin-top:0}.spectrum:lang(ja) .spectrum-Code--sizeM,.spectrum:lang(ko) .spectrum-Code--sizeM,.spectrum:lang(zh) .spectrum-Code--sizeM{font-family:var(\n--spectrum-code-han-m-text-font-family,var(--spectrum-alias-font-family-zh)\n);font-size:var(\n--spectrum-code-han-m-text-size,var(--spectrum-global-dimension-font-size-200)\n);font-style:var(\n--spectrum-code-han-m-text-font-style,var(--spectrum-global-font-style-regular)\n);font-weight:var(\n--spectrum-code-han-m-text-font-weight,var(--spectrum-alias-han-body-text-font-weight-regular)\n);letter-spacing:var(\n--spectrum-code-han-m-text-letter-spacing,var(--spectrum-global-font-letter-spacing-han)\n);line-height:var(\n--spectrum-code-han-m-text-line-height,var(--spectrum-alias-han-body-text-line-height)\n);margin-bottom:0;margin-top:0}.spectrum:lang(ja) .spectrum-Code--sizeS,.spectrum:lang(ko) .spectrum-Code--sizeS,.spectrum:lang(zh) .spectrum-Code--sizeS{font-family:var(\n--spectrum-code-han-s-text-font-family,var(--spectrum-alias-font-family-zh)\n);font-size:var(\n--spectrum-code-han-s-text-size,var(--spectrum-global-dimension-font-size-100)\n);font-style:var(\n--spectrum-code-han-s-text-font-style,var(--spectrum-global-font-style-regular)\n);font-weight:var(\n--spectrum-code-han-s-text-font-weight,var(--spectrum-alias-han-body-text-font-weight-regular)\n);letter-spacing:var(\n--spectrum-code-han-s-text-letter-spacing,var(--spectrum-global-font-letter-spacing-han)\n);line-height:var(\n--spectrum-code-han-s-text-line-height,var(--spectrum-alias-han-body-text-line-height)\n);margin-bottom:0;margin-top:0}.spectrum:lang(ja) .spectrum-Code--sizeXS,.spectrum:lang(ko) .spectrum-Code--sizeXS,.spectrum:lang(zh) .spectrum-Code--sizeXS{font-family:var(\n--spectrum-code-han-xs-text-font-family,var(--spectrum-alias-font-family-zh)\n);font-size:var(\n--spectrum-code-han-xs-text-size,var(--spectrum-global-dimension-font-size-75)\n);font-style:var(\n--spectrum-code-han-xs-text-font-style,var(--spectrum-global-font-style-regular)\n);font-weight:var(\n--spectrum-code-han-xs-text-font-weight,var(--spectrum-alias-han-body-text-font-weight-regular)\n);letter-spacing:var(\n--spectrum-code-han-xs-text-letter-spacing,var(--spectrum-global-font-letter-spacing-han)\n);line-height:var(\n--spectrum-code-han-xs-text-line-height,var(--spectrum-alias-han-body-text-line-height)\n);margin-bottom:0;margin-top:0}.spectrum-Heading--sizeXXXL{color:var(\n--spectrum-heading-xxxl-text-color,var(--spectrum-alias-heading-text-color)\n)}.spectrum-Heading--sizeXXL{color:var(\n--spectrum-heading-xxl-text-color,var(--spectrum-alias-heading-text-color)\n)}.spectrum-Heading--sizeXL{color:var(\n--spectrum-heading-xl-text-color,var(--spectrum-alias-heading-text-color)\n)}.spectrum-Heading--sizeL{color:var(\n--spectrum-heading-l-text-color,var(--spectrum-alias-heading-text-color)\n)}.spectrum-Heading--sizeM{color:var(\n--spectrum-heading-m-text-color,var(--spectrum-alias-heading-text-color)\n)}.spectrum-Heading--sizeS{color:var(\n--spectrum-heading-s-text-color,var(--spectrum-alias-heading-text-color)\n)}.spectrum-Heading--sizeXS{color:var(\n--spectrum-heading-xs-text-color,var(--spectrum-alias-heading-text-color)\n)}.spectrum-Heading--sizeXXS{color:var(\n--spectrum-heading-xxs-text-color,var(--spectrum-alias-heading-text-color)\n)}.spectrum-Heading-sizeXXXL--light{color:var(\n--spectrum-heading-xxxl-light-text-color,var(--spectrum-alias-heading-text-color)\n)}.spectrum-Heading-sizeXXL--light{color:var(\n--spectrum-heading-xxl-light-text-color,var(--spectrum-alias-heading-text-color)\n)}.spectrum-Heading-sizeXL--light{color:var(\n--spectrum-heading-xl-light-text-color,var(--spectrum-alias-heading-text-color)\n)}.spectrum-Heading-sizeL--light{color:var(\n--spectrum-heading-l-light-text-color,var(--spectrum-alias-heading-text-color)\n)}.spectrum-Heading-sizeXXXL--heavy{color:var(\n--spectrum-heading-xxxl-heavy-text-color,var(--spectrum-alias-heading-text-color)\n)}.spectrum-Heading-sizeXXL--heavy{color:var(\n--spectrum-heading-xxl-heavy-text-color,var(--spectrum-alias-heading-text-color)\n)}.spectrum-Heading-sizeXL--heavy{color:var(\n--spectrum-heading-xl-heavy-text-color,var(--spectrum-alias-heading-text-color)\n)}.spectrum-Heading-sizeL--heavy{color:var(\n--spectrum-heading-l-heavy-text-color,var(--spectrum-alias-heading-text-color)\n)}.spectrum-Heading-sizeXXXL--heading{color:var(\n--spectrum-heading-xxxl-text-color,var(--spectrum-alias-heading-text-color)\n)}.spectrum-Heading-sizeXXL--heading{color:var(\n--spectrum-heading-xxl-text-color,var(--spectrum-alias-heading-text-color)\n)}.spectrum-Heading-sizeXL--heading{color:var(\n--spectrum-heading-xl-text-color,var(--spectrum-alias-heading-text-color)\n)}.spectrum-Heading-sizeL--heading{color:var(\n--spectrum-heading-l-text-color,var(--spectrum-alias-heading-text-color)\n)}.spectrum-Body--sizeXXXL{color:var(\n--spectrum-body-xxxl-text-color,var(--spectrum-alias-text-color)\n)}.spectrum-Body--sizeXXL{color:var(\n--spectrum-body-xxl-text-color,var(--spectrum-alias-text-color)\n)}.spectrum-Body--sizeXL{color:var(--spectrum-body-xl-text-color,var(--spectrum-alias-text-color))}.spectrum-Body--sizeL{color:var(--spectrum-body-l-text-color,var(--spectrum-alias-text-color))}.spectrum-Body--sizeM{color:var(--spectrum-body-m-text-color,var(--spectrum-alias-text-color))}.spectrum-Body--sizeS{color:var(--spectrum-body-s-text-color,var(--spectrum-alias-text-color))}.spectrum-Body--sizeXS{color:var(--spectrum-body-xs-text-color,var(--spectrum-alias-text-color))}.spectrum-Detail--sizeXL{color:var(\n--spectrum-detail-xl-text-color,var(--spectrum-alias-heading-text-color)\n)}.spectrum-Detail--sizeL{color:var(\n--spectrum-detail-l-text-color,var(--spectrum-alias-heading-text-color)\n)}.spectrum-Detail--sizeM{color:var(\n--spectrum-detail-m-text-color,var(--spectrum-alias-heading-text-color)\n)}.spectrum-Detail--sizeS{color:var(\n--spectrum-detail-s-text-color,var(--spectrum-alias-heading-text-color)\n)}.spectrum-Code--sizeXL{color:var(--spectrum-code-xl-text-color,var(--spectrum-alias-text-color))}.spectrum-Code--sizeL{color:var(--spectrum-code-l-text-color,var(--spectrum-alias-text-color))}.spectrum-Code--sizeM{color:var(--spectrum-code-m-text-color,var(--spectrum-alias-text-color))}.spectrum-Code--sizeS{color:var(--spectrum-code-s-text-color,var(--spectrum-alias-text-color))}.spectrum-Code--sizeXS{color:var(--spectrum-code-xs-text-color,var(--spectrum-alias-text-color))}.spectrum:lang(ja) .spectrum-Body--sizeXXXL,.spectrum:lang(ko) .spectrum-Body--sizeXXXL,.spectrum:lang(zh) .spectrum-Body--sizeXXXL{color:var(\n--spectrum-body-han-xxxl-text-color,var(--spectrum-alias-text-color)\n)}.spectrum:lang(ja) .spectrum-Body--sizeXXL,.spectrum:lang(ko) .spectrum-Body--sizeXXL,.spectrum:lang(zh) .spectrum-Body--sizeXXL{color:var(\n--spectrum-body-han-xxl-text-color,var(--spectrum-alias-text-color)\n)}.spectrum:lang(ja) .spectrum-Body--sizeXL,.spectrum:lang(ko) .spectrum-Body--sizeXL,.spectrum:lang(zh) .spectrum-Body--sizeXL{color:var(\n--spectrum-body-han-xl-text-color,var(--spectrum-alias-text-color)\n)}.spectrum:lang(ja) .spectrum-Body--sizeL,.spectrum:lang(ko) .spectrum-Body--sizeL,.spectrum:lang(zh) .spectrum-Body--sizeL{color:var(\n--spectrum-body-han-l-text-color,var(--spectrum-alias-text-color)\n)}.spectrum:lang(ja) .spectrum-Body--sizeM,.spectrum:lang(ko) .spectrum-Body--sizeM,.spectrum:lang(zh) .spectrum-Body--sizeM{color:var(\n--spectrum-body-han-m-text-color,var(--spectrum-alias-text-color)\n)}.spectrum:lang(ja) .spectrum-Body--sizeS,.spectrum:lang(ko) .spectrum-Body--sizeS,.spectrum:lang(zh) .spectrum-Body--sizeS{color:var(\n--spectrum-body-han-s-text-color,var(--spectrum-alias-text-color)\n)}.spectrum:lang(ja) .spectrum-Body--sizeXS,.spectrum:lang(ko) .spectrum-Body--sizeXS,.spectrum:lang(zh) .spectrum-Body--sizeXS{color:var(\n--spectrum-body-han-xs-text-color,var(--spectrum-alias-text-color)\n)}.spectrum:lang(ja) .spectrum-Heading--sizeXXXL,.spectrum:lang(ko) .spectrum-Heading--sizeXXXL,.spectrum:lang(zh) .spectrum-Heading--sizeXXXL{color:var(\n--spectrum-heading-xxxl-text-color,var(--spectrum-alias-heading-text-color)\n)}.spectrum:lang(ja) .spectrum-Heading--sizeXXL,.spectrum:lang(ko) .spectrum-Heading--sizeXXL,.spectrum:lang(zh) .spectrum-Heading--sizeXXL{color:var(\n--spectrum-heading-xxl-text-color,var(--spectrum-alias-heading-text-color)\n)}.spectrum:lang(ja) .spectrum-Heading--sizeXL,.spectrum:lang(ko) .spectrum-Heading--sizeXL,.spectrum:lang(zh) .spectrum-Heading--sizeXL{color:var(\n--spectrum-heading-xl-text-color,var(--spectrum-alias-heading-text-color)\n)}.spectrum:lang(ja) .spectrum-Heading--sizeL,.spectrum:lang(ko) .spectrum-Heading--sizeL,.spectrum:lang(zh) .spectrum-Heading--sizeL{color:var(\n--spectrum-heading-l-text-color,var(--spectrum-alias-heading-text-color)\n)}.spectrum:lang(ja) .spectrum-Heading--sizeM,.spectrum:lang(ko) .spectrum-Heading--sizeM,.spectrum:lang(zh) .spectrum-Heading--sizeM{color:var(\n--spectrum-heading-m-text-color,var(--spectrum-alias-heading-text-color)\n)}.spectrum:lang(ja) .spectrum-Heading--sizeS,.spectrum:lang(ko) .spectrum-Heading--sizeS,.spectrum:lang(zh) .spectrum-Heading--sizeS{color:var(\n--spectrum-heading-s-text-color,var(--spectrum-alias-heading-text-color)\n)}.spectrum:lang(ja) .spectrum-Heading--sizeXS,.spectrum:lang(ko) .spectrum-Heading--sizeXS,.spectrum:lang(zh) .spectrum-Heading--sizeXS{color:var(\n--spectrum-heading-xs-text-color,var(--spectrum-alias-heading-text-color)\n)}.spectrum:lang(ja) .spectrum-Heading--sizeXXS,.spectrum:lang(ko) .spectrum-Heading--sizeXXS,.spectrum:lang(zh) .spectrum-Heading--sizeXXS{color:var(\n--spectrum-heading-xxs-text-color,var(--spectrum-alias-heading-text-color)\n)}.spectrum:lang(ja) .spectrum-Heading-sizeXXXL--light,.spectrum:lang(ko) .spectrum-Heading-sizeXXXL--light,.spectrum:lang(zh) .spectrum-Heading-sizeXXXL--light{color:var(\n--spectrum-heading-xxxl-light-text-color,var(--spectrum-alias-heading-text-color)\n)}.spectrum:lang(ja) .spectrum-Heading-sizeXXL--light,.spectrum:lang(ko) .spectrum-Heading-sizeXXL--light,.spectrum:lang(zh) .spectrum-Heading-sizeXXL--light{color:var(\n--spectrum-heading-xxl-light-text-color,var(--spectrum-alias-heading-text-color)\n)}.spectrum:lang(ja) .spectrum-Heading-sizeXL--light,.spectrum:lang(ko) .spectrum-Heading-sizeXL--light,.spectrum:lang(zh) .spectrum-Heading-sizeXL--light{color:var(\n--spectrum-heading-xl-light-text-color,var(--spectrum-alias-heading-text-color)\n)}.spectrum:lang(ja) .spectrum-Heading-sizeL--light,.spectrum:lang(ko) .spectrum-Heading-sizeL--light,.spectrum:lang(zh) .spectrum-Heading-sizeL--light{color:var(\n--spectrum-heading-l-light-text-color,var(--spectrum-alias-heading-text-color)\n)}.spectrum:lang(ja) .spectrum-Heading-sizeXXXL--heavy,.spectrum:lang(ko) .spectrum-Heading-sizeXXXL--heavy,.spectrum:lang(zh) .spectrum-Heading-sizeXXXL--heavy{color:var(\n--spectrum-heading-xxxl-heavy-text-color,var(--spectrum-alias-heading-text-color)\n)}.spectrum:lang(ja) .spectrum-Heading-sizeXXL--heavy,.spectrum:lang(ko) .spectrum-Heading-sizeXXL--heavy,.spectrum:lang(zh) .spectrum-Heading-sizeXXL--heavy{color:var(\n--spectrum-heading-xxl-heavy-text-color,var(--spectrum-alias-heading-text-color)\n)}.spectrum:lang(ja) .spectrum-Heading-sizeXL--heavy,.spectrum:lang(ko) .spectrum-Heading-sizeXL--heavy,.spectrum:lang(zh) .spectrum-Heading-sizeXL--heavy{color:var(\n--spectrum-heading-xl-heavy-text-color,var(--spectrum-alias-heading-text-color)\n)}.spectrum:lang(ja) .spectrum-Heading-sizeL--heavy,.spectrum:lang(ko) .spectrum-Heading-sizeL--heavy,.spectrum:lang(zh) .spectrum-Heading-sizeL--heavy{color:var(\n--spectrum-heading-l-heavy-text-color,var(--spectrum-alias-heading-text-color)\n)}.spectrum:lang(ja) .spectrum-Heading-sizeXXXL--heading,.spectrum:lang(ko) .spectrum-Heading-sizeXXXL--heading,.spectrum:lang(zh) .spectrum-Heading-sizeXXXL--heading{color:var(\n--spectrum-heading-xxxl-text-color,var(--spectrum-alias-heading-text-color)\n)}.spectrum:lang(ja) .spectrum-Heading-sizeXXL--heading,.spectrum:lang(ko) .spectrum-Heading-sizeXXL--heading,.spectrum:lang(zh) .spectrum-Heading-sizeXXL--heading{color:var(\n--spectrum-heading-xxl-text-color,var(--spectrum-alias-heading-text-color)\n)}.spectrum:lang(ja) .spectrum-Heading-sizeXL--heading,.spectrum:lang(ko) .spectrum-Heading-sizeXL--heading,.spectrum:lang(zh) .spectrum-Heading-sizeXL--heading{color:var(\n--spectrum-heading-xl-text-color,var(--spectrum-alias-heading-text-color)\n)}.spectrum:lang(ja) .spectrum-Heading-sizeL--heading,.spectrum:lang(ko) .spectrum-Heading-sizeL--heading,.spectrum:lang(zh) .spectrum-Heading-sizeL--heading{color:var(\n--spectrum-heading-l-text-color,var(--spectrum-alias-heading-text-color)\n)}.spectrum:lang(ja) .spectrum-Detail--sizeXL,.spectrum:lang(ko) .spectrum-Detail--sizeXL,.spectrum:lang(zh) .spectrum-Detail--sizeXL{color:var(\n--spectrum-detail-xl-text-color,var(--spectrum-alias-heading-text-color)\n)}.spectrum:lang(ja) .spectrum-Detail--sizeL,.spectrum:lang(ko) .spectrum-Detail--sizeL,.spectrum:lang(zh) .spectrum-Detail--sizeL{color:var(\n--spectrum-detail-l-text-color,var(--spectrum-alias-heading-text-color)\n)}.spectrum:lang(ja) .spectrum-Detail--sizeM,.spectrum:lang(ko) .spectrum-Detail--sizeM,.spectrum:lang(zh) .spectrum-Detail--sizeM{color:var(\n--spectrum-detail-m-text-color,var(--spectrum-alias-heading-text-color)\n)}.spectrum:lang(ja) .spectrum-Detail--sizeS,.spectrum:lang(ko) .spectrum-Detail--sizeS,.spectrum:lang(zh) .spectrum-Detail--sizeS{color:var(\n--spectrum-detail-s-text-color,var(--spectrum-alias-heading-text-color)\n)}.spectrum:lang(ja) .spectrum-Code--sizeXL,.spectrum:lang(ko) .spectrum-Code--sizeXL,.spectrum:lang(zh) .spectrum-Code--sizeXL{color:var(--spectrum-code-xl-text-color,var(--spectrum-alias-text-color))}.spectrum:lang(ja) .spectrum-Code--sizeL,.spectrum:lang(ko) .spectrum-Code--sizeL,.spectrum:lang(zh) .spectrum-Code--sizeL{color:var(--spectrum-code-l-text-color,var(--spectrum-alias-text-color))}.spectrum:lang(ja) .spectrum-Code--sizeM,.spectrum:lang(ko) .spectrum-Code--sizeM,.spectrum:lang(zh) .spectrum-Code--sizeM{color:var(--spectrum-code-m-text-color,var(--spectrum-alias-text-color))}.spectrum:lang(ja) .spectrum-Code--sizeS,.spectrum:lang(ko) .spectrum-Code--sizeS,.spectrum:lang(zh) .spectrum-Code--sizeS{color:var(--spectrum-code-s-text-color,var(--spectrum-alias-text-color))}.spectrum:lang(ja) .spectrum-Code--sizeXS,.spectrum:lang(ko) .spectrum-Code--sizeXS,.spectrum:lang(zh) .spectrum-Code--sizeXS{color:var(--spectrum-code-xs-text-color,var(--spectrum-alias-text-color))}.spectrum,.spectrum-Body{color:var(--spectrum-body-m-text-color,var(--spectrum-alias-text-color))}\n`;\nexport default styles;"]}
|
|
1
|
+
{"version":3,"file":"typography.css.js","sourceRoot":"","sources":["typography.css.ts"],"names":[],"mappings":"AAAA;;;;;;;;;;EAUE;AACF,OAAO,EAAE,GAAG,EAAE,MAAM,+BAA+B,CAAC;AACpD,MAAM,MAAM,GAAG,GAAG,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CA86BjB,CAAC;AACF,eAAe,MAAM,CAAC","sourcesContent":["/*\nCopyright 2020 Adobe. All rights reserved.\nThis file is licensed to you under the Apache License, Version 2.0 (the \"License\");\nyou may not use this file except in compliance with the License. You may obtain a copy\nof the License at http://www.apache.org/licenses/LICENSE-2.0\n\nUnless required by applicable law or agreed to in writing, software distributed under\nthe License is distributed on an \"AS IS\" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS\nOF ANY KIND, either express or implied. See the License for the specific language\ngoverning permissions and limitations under the License.\n*/\nimport { css } from '@spectrum-web-components/base';\nconst styles = css`\n:host,:root{font-family:var(\n--spectrum-alias-body-text-font-family,var(--spectrum-global-font-family-base)\n);font-size:var(\n--spectrum-alias-font-size-default,var(--spectrum-global-dimension-font-size-100)\n)}:host:lang(ar),:root{font-family:var(\n--spectrum-alias-font-family-ar,var(--spectrum-global-font-font-family-ar)\n)}.spectrum:lang(he){font-family:var(\n--spectrum-alias-font-family-he,var(--spectrum-global-font-font-family-he)\n)}.spectrum:lang(zh-Hans){font-family:var(\n--spectrum-alias-font-family-zhhans,var(--spectrum-global-font-font-family-zhhans)\n)}.spectrum:lang(zh-Hant){font-family:var(\n--spectrum-alias-font-family-zh,var(--spectrum-global-font-font-family-zh)\n)}.spectrum:lang(zh){font-family:var(\n--spectrum-alias-font-family-zh,var(--spectrum-global-font-font-family-zh)\n)}.spectrum:lang(ko){font-family:var(\n--spectrum-alias-font-family-ko,var(--spectrum-global-font-font-family-ko)\n)}.spectrum:lang(ja){font-family:var(\n--spectrum-alias-font-family-ja,var(--spectrum-global-font-font-family-ja)\n)}.spectrum-Heading--sizeXXXL{font-size:var(\n--spectrum-heading-xxxl-text-size,var(--spectrum-alias-heading-xxxl-text-size)\n);font-style:var(\n--spectrum-heading-xxxl-text-font-style,var(--spectrum-global-font-style-regular)\n);font-weight:var(\n--spectrum-heading-xxxl-text-font-weight,var(--spectrum-alias-heading-text-font-weight-regular)\n);letter-spacing:var(\n--spectrum-heading-xxxl-text-letter-spacing,var(--spectrum-global-font-letter-spacing-none)\n);line-height:var(\n--spectrum-heading-xxxl-text-line-height,var(--spectrum-alias-heading-text-line-height)\n);margin-bottom:0;margin-top:0;text-transform:var(--spectrum-heading-xxxl-text-transform,none)}.spectrum-Heading--sizeXXL{font-size:var(\n--spectrum-heading-xxl-text-size,var(--spectrum-alias-heading-xxl-text-size)\n);font-style:var(\n--spectrum-heading-xxl-text-font-style,var(--spectrum-global-font-style-regular)\n);font-weight:var(\n--spectrum-heading-xxl-text-font-weight,var(--spectrum-alias-heading-text-font-weight-regular)\n);letter-spacing:var(\n--spectrum-heading-xxl-text-letter-spacing,var(--spectrum-global-font-letter-spacing-none)\n);line-height:var(\n--spectrum-heading-xxl-text-line-height,var(--spectrum-alias-heading-text-line-height)\n);margin-bottom:0;margin-top:0;text-transform:var(--spectrum-heading-xxl-text-transform,none)}.spectrum-Heading--sizeXL{font-size:var(\n--spectrum-heading-xl-text-size,var(--spectrum-alias-heading-xl-text-size)\n);font-style:var(\n--spectrum-heading-xl-text-font-style,var(--spectrum-global-font-style-regular)\n);font-weight:var(\n--spectrum-heading-xl-text-font-weight,var(--spectrum-alias-heading-text-font-weight-regular)\n);letter-spacing:var(\n--spectrum-heading-xl-text-letter-spacing,var(--spectrum-global-font-letter-spacing-none)\n);line-height:var(\n--spectrum-heading-xl-text-line-height,var(--spectrum-alias-heading-text-line-height)\n);margin-bottom:0;margin-top:0;text-transform:var(--spectrum-heading-xl-text-transform,none)}.spectrum-Heading--sizeL{font-size:var(\n--spectrum-heading-l-text-size,var(--spectrum-alias-heading-l-text-size)\n);font-style:var(\n--spectrum-heading-l-text-font-style,var(--spectrum-global-font-style-regular)\n);font-weight:var(\n--spectrum-heading-l-text-font-weight,var(--spectrum-alias-heading-text-font-weight-regular)\n);letter-spacing:var(\n--spectrum-heading-l-text-letter-spacing,var(--spectrum-global-font-letter-spacing-none)\n);line-height:var(\n--spectrum-heading-l-text-line-height,var(--spectrum-alias-heading-text-line-height)\n);margin-bottom:0;margin-top:0;text-transform:var(--spectrum-heading-l-text-transform,none)}.spectrum-Heading--sizeM{font-size:var(\n--spectrum-heading-m-text-size,var(--spectrum-alias-heading-m-text-size)\n);font-style:var(\n--spectrum-heading-m-text-font-style,var(--spectrum-global-font-style-regular)\n);font-weight:var(\n--spectrum-heading-m-text-font-weight,var(--spectrum-alias-heading-text-font-weight-regular)\n);letter-spacing:var(\n--spectrum-heading-m-text-letter-spacing,var(--spectrum-global-font-letter-spacing-none)\n);line-height:var(\n--spectrum-heading-m-text-line-height,var(--spectrum-alias-heading-text-line-height)\n);margin-bottom:0;margin-top:0;text-transform:var(--spectrum-heading-m-text-transform,none)}.spectrum-Heading--sizeS{font-size:var(\n--spectrum-heading-s-text-size,var(--spectrum-alias-heading-s-text-size)\n);font-style:var(\n--spectrum-heading-s-text-font-style,var(--spectrum-global-font-style-regular)\n);font-weight:var(\n--spectrum-heading-s-text-font-weight,var(--spectrum-alias-heading-text-font-weight-regular)\n);letter-spacing:var(\n--spectrum-heading-s-text-letter-spacing,var(--spectrum-global-font-letter-spacing-none)\n);line-height:var(\n--spectrum-heading-s-text-line-height,var(--spectrum-alias-heading-text-line-height)\n);margin-bottom:0;margin-top:0;text-transform:var(--spectrum-heading-s-text-transform,none)}.spectrum-Heading--sizeXS{font-size:var(\n--spectrum-heading-xs-text-size,var(--spectrum-alias-heading-xs-text-size)\n);font-style:var(\n--spectrum-heading-xs-text-font-style,var(--spectrum-global-font-style-regular)\n);font-weight:var(\n--spectrum-heading-xs-text-font-weight,var(--spectrum-alias-heading-text-font-weight-regular)\n);letter-spacing:var(\n--spectrum-heading-xs-text-letter-spacing,var(--spectrum-global-font-letter-spacing-none)\n);line-height:var(\n--spectrum-heading-xs-text-line-height,var(--spectrum-alias-heading-text-line-height)\n);margin-bottom:0;margin-top:0;text-transform:var(--spectrum-heading-xs-text-transform,none)}.spectrum-Heading--sizeXXS{font-size:var(\n--spectrum-heading-xxs-text-size,var(--spectrum-alias-heading-xxs-text-size)\n);font-style:var(\n--spectrum-heading-xxs-text-font-style,var(--spectrum-global-font-style-regular)\n);font-weight:var(\n--spectrum-heading-xxs-text-font-weight,var(--spectrum-alias-heading-text-font-weight-regular)\n);letter-spacing:var(\n--spectrum-heading-xxs-text-letter-spacing,var(--spectrum-global-font-letter-spacing-none)\n);line-height:var(\n--spectrum-heading-xxs-text-line-height,var(--spectrum-alias-heading-text-line-height)\n);margin-bottom:0;margin-top:0;text-transform:var(--spectrum-heading-xxs-text-transform,none)}.spectrum-Heading{font-family:var(\n--spectrum-heading-m-text-font-family,var(--spectrum-alias-body-text-font-family)\n);font-weight:var(\n--spectrum-heading-m-text-font-weight,var(--spectrum-alias-heading-text-font-weight-regular)\n)}.spectrum-Heading .spectrum-Heading-emphasized,.spectrum-Heading em{font-style:var(\n--spectrum-heading-m-emphasized-text-font-style,var(--spectrum-global-font-style-italic)\n)}.spectrum-Heading .spectrum-Heading-strong,.spectrum-Heading strong{font-weight:var(\n--spectrum-heading-m-strong-text-font-weight,var(--spectrum-alias-heading-text-font-weight-regular-strong)\n)}.spectrum-Heading--serif{font-family:var(\n--spectrum-body-m-serif-text-font-family,var(--spectrum-alias-serif-text-font-family)\n)}.spectrum-Heading--heavy{font-weight:var(\n--spectrum-heading-m-heavy-text-font-weight,var(--spectrum-alias-heading-text-font-weight-heavy)\n)}.spectrum-Heading--heavy .spectrum-Heading-emphasized,.spectrum-Heading--heavy em{font-style:var(\n--spectrum-heading-m-heavy-emphasized-text-font-style,var(--spectrum-global-font-style-italic)\n)}.spectrum-Heading--heavy .spectrum-Heading-strong,.spectrum-Heading--heavy strong{font-weight:var(\n--spectrum-heading-m-heavy-strong-text-font-weight,var(--spectrum-alias-heading-text-font-weight-heavy-strong)\n)}.spectrum-Heading--light{font-weight:var(\n--spectrum-heading-m-light-emphasized-text-font-weight,var(--spectrum-alias-heading-text-font-weight-light)\n)}.spectrum-Heading--light .spectrum-Heading-emphasized,.spectrum-Heading--light em{font-style:var(\n--spectrum-heading-m-light-emphasized-text-font-style,var(--spectrum-global-font-style-italic)\n)}.spectrum-Heading--light .spectrum-Heading-strong,.spectrum-Heading--light strong{font-weight:var(\n--spectrum-heading-m-light-strong-text-font-weight,var(--spectrum-alias-heading-text-font-weight-light-strong)\n)}.spectrum-Body--sizeXXXL{font-size:var(\n--spectrum-body-xxxl-text-size,var(--spectrum-global-dimension-font-size-600)\n);font-style:var(\n--spectrum-body-xxxl-text-font-style,var(--spectrum-global-font-style-regular)\n);font-weight:var(\n--spectrum-body-xxxl-text-font-weight,var(--spectrum-alias-body-text-font-weight)\n);letter-spacing:var(\n--spectrum-body-xxxl-text-letter-spacing,var(--spectrum-global-font-letter-spacing-none)\n);line-height:var(\n--spectrum-body-xxxl-text-line-height,var(--spectrum-alias-body-text-line-height)\n);margin-bottom:0;margin-top:0;text-transform:var(--spectrum-body-xxxl-text-transform,none)}.spectrum-Body--sizeXXL{font-size:var(\n--spectrum-body-xxl-text-size,var(--spectrum-global-dimension-font-size-500)\n);font-style:var(\n--spectrum-body-xxl-text-font-style,var(--spectrum-global-font-style-regular)\n);font-weight:var(\n--spectrum-body-xxl-text-font-weight,var(--spectrum-alias-body-text-font-weight)\n);letter-spacing:var(\n--spectrum-body-xxl-text-letter-spacing,var(--spectrum-global-font-letter-spacing-none)\n);line-height:var(\n--spectrum-body-xxl-text-line-height,var(--spectrum-alias-body-text-line-height)\n);margin-bottom:0;margin-top:0;text-transform:var(--spectrum-body-xxl-text-transform,none)}.spectrum-Body--sizeXL{font-size:var(\n--spectrum-body-xl-text-size,var(--spectrum-global-dimension-font-size-400)\n);font-style:var(\n--spectrum-body-xl-text-font-style,var(--spectrum-global-font-style-regular)\n);font-weight:var(\n--spectrum-body-xl-text-font-weight,var(--spectrum-alias-body-text-font-weight)\n);letter-spacing:var(\n--spectrum-body-xl-text-letter-spacing,var(--spectrum-global-font-letter-spacing-none)\n);line-height:var(\n--spectrum-body-xl-text-line-height,var(--spectrum-alias-body-text-line-height)\n);margin-bottom:0;margin-top:0;text-transform:var(--spectrum-body-xl-text-transform,none)}.spectrum-Body--sizeL{font-size:var(\n--spectrum-body-l-text-size,var(--spectrum-global-dimension-font-size-300)\n);font-style:var(\n--spectrum-body-l-text-font-style,var(--spectrum-global-font-style-regular)\n);font-weight:var(\n--spectrum-body-l-text-font-weight,var(--spectrum-alias-body-text-font-weight)\n);letter-spacing:var(\n--spectrum-body-l-text-letter-spacing,var(--spectrum-global-font-letter-spacing-none)\n);line-height:var(\n--spectrum-body-l-text-line-height,var(--spectrum-alias-body-text-line-height)\n);margin-bottom:0;margin-top:0;text-transform:var(--spectrum-body-l-text-transform,none)}.spectrum-Body--sizeM{font-size:var(\n--spectrum-body-m-text-size,var(--spectrum-global-dimension-font-size-200)\n);font-style:var(\n--spectrum-body-m-text-font-style,var(--spectrum-global-font-style-regular)\n);font-weight:var(\n--spectrum-body-m-text-font-weight,var(--spectrum-alias-body-text-font-weight)\n);letter-spacing:var(\n--spectrum-body-m-text-letter-spacing,var(--spectrum-global-font-letter-spacing-none)\n);line-height:var(\n--spectrum-body-m-text-line-height,var(--spectrum-alias-body-text-line-height)\n);margin-bottom:0;margin-top:0;text-transform:var(--spectrum-body-m-text-transform,none)}.spectrum-Body--sizeS{font-size:var(\n--spectrum-body-s-text-size,var(--spectrum-global-dimension-font-size-100)\n);font-style:var(\n--spectrum-body-s-text-font-style,var(--spectrum-global-font-style-regular)\n);font-weight:var(\n--spectrum-body-s-text-font-weight,var(--spectrum-alias-body-text-font-weight)\n);letter-spacing:var(\n--spectrum-body-s-text-letter-spacing,var(--spectrum-global-font-letter-spacing-none)\n);line-height:var(\n--spectrum-body-s-text-line-height,var(--spectrum-alias-body-text-line-height)\n);margin-bottom:0;margin-top:0;text-transform:var(--spectrum-body-s-text-transform,none)}.spectrum-Body--sizeXS{font-size:var(\n--spectrum-body-xs-text-size,var(--spectrum-global-dimension-font-size-75)\n);font-style:var(\n--spectrum-body-xs-text-font-style,var(--spectrum-global-font-style-regular)\n);font-weight:var(\n--spectrum-body-xs-text-font-weight,var(--spectrum-alias-body-text-font-weight)\n);letter-spacing:var(\n--spectrum-body-xs-text-letter-spacing,var(--spectrum-global-font-letter-spacing-none)\n);line-height:var(\n--spectrum-body-xs-text-line-height,var(--spectrum-alias-body-text-line-height)\n);margin-bottom:0;margin-top:0;text-transform:var(--spectrum-body-xs-text-transform,none)}.spectrum-Body{font-family:var(\n--spectrum-body-m-text-font-family,var(--spectrum-alias-body-text-font-family)\n)}.spectrum-Body .spectrum-Body-strong,.spectrum-Body strong{font-weight:var(\n--spectrum-body-m-strong-text-font-weight,var(--spectrum-global-font-weight-bold)\n)}.spectrum-Body .spectrum-Body-emphasized,.spectrum-Body em{font-style:var(\n--spectrum-body-m-emphasized-text-font-style,var(--spectrum-global-font-style-italic)\n)}.spectrum-Body--serif{font-family:var(\n--spectrum-body-m-serif-text-font-family,var(--spectrum-alias-serif-text-font-family)\n)}.spectrum-Detail{font-family:var(\n--spectrum-heading-m-text-font-family,var(--spectrum-alias-body-text-font-family)\n)}.spectrum-Detail .spectrum-Detail-strong,.spectrum-Detail strong{font-weight:var(\n--spectrum-detail-m-strong-text-font-weight,var(--spectrum-alias-detail-text-font-weight-regular)\n)}.spectrum-Detail .spectrum-Detail-emphasized,.spectrum-Detail em{font-style:var(\n--spectrum-detail-m-emphasized-text-font-style,var(--spectrum-global-font-style-italic)\n)}.spectrum-Detail--light{font-style:var(\n--spectrum-detail-m-light-text-font-style,var(--spectrum-global-font-style-regular)\n);font-weight:var(\n--spectrum-detail-m-light-text-font-weight,var(--spectrum-alias-detail-text-font-weight-light)\n)}.spectrum-Detail--serif{font-family:var(\n--spectrum-body-m-serif-text-font-family,var(--spectrum-alias-serif-text-font-family)\n)}.spectrum-Detail--sizeXL{font-size:var(\n--spectrum-detail-xl-text-size,var(--spectrum-global-dimension-font-size-200)\n);font-style:var(\n--spectrum-detail-xl-text-font-style,var(--spectrum-global-font-style-regular)\n);font-weight:var(\n--spectrum-detail-xl-text-font-weight,var(--spectrum-alias-detail-text-font-weight-regular)\n);letter-spacing:var(\n--spectrum-detail-xl-text-letter-spacing,var(--spectrum-global-font-letter-spacing-medium)\n);line-height:var(\n--spectrum-detail-xl-text-line-height,var(--spectrum-alias-heading-text-line-height)\n);margin-bottom:0;margin-top:0;text-transform:var(--spectrum-detail-xl-text-transform,uppercase)}.spectrum-Detail--sizeXL em{font-size:var(\n--spectrum-detail-xl-emphasized-text-size,var(--spectrum-global-dimension-font-size-200)\n);font-style:var(\n--spectrum-detail-xl-emphasized-text-font-style,var(--spectrum-global-font-style-italic)\n);font-weight:var(\n--spectrum-detail-xl-emphasized-text-font-weight,var(--spectrum-alias-detail-text-font-weight-regular)\n);letter-spacing:var(\n--spectrum-detail-xl-emphasized-text-letter-spacing,var(--spectrum-global-font-letter-spacing-medium)\n);line-height:var(\n--spectrum-detail-xl-emphasized-text-line-height,var(--spectrum-alias-heading-text-line-height)\n);margin-bottom:0;margin-top:0;text-transform:var(\n--spectrum-detail-xl-emphasized-text-transform,uppercase\n)}.spectrum-Detail--sizeXL strong{font-size:var(\n--spectrum-detail-xl-strong-text-size,var(--spectrum-global-dimension-font-size-200)\n);font-style:var(\n--spectrum-detail-xl-strong-text-font-style,var(--spectrum-global-font-style-regular)\n);font-weight:var(\n--spectrum-detail-xl-strong-text-font-weight,var(--spectrum-alias-detail-text-font-weight-regular)\n);letter-spacing:var(\n--spectrum-detail-xl-strong-text-letter-spacing,var(--spectrum-global-font-letter-spacing-medium)\n);line-height:var(\n--spectrum-detail-xl-strong-text-line-height,var(--spectrum-alias-heading-text-line-height)\n);margin-bottom:0;margin-top:0;text-transform:var(--spectrum-detail-xl-strong-text-transform,uppercase)}.spectrum-Detail--sizeL{font-size:var(\n--spectrum-detail-l-text-size,var(--spectrum-global-dimension-font-size-100)\n);font-style:var(\n--spectrum-detail-l-text-font-style,var(--spectrum-global-font-style-regular)\n);font-weight:var(\n--spectrum-detail-l-text-font-weight,var(--spectrum-alias-detail-text-font-weight-regular)\n);letter-spacing:var(\n--spectrum-detail-l-text-letter-spacing,var(--spectrum-global-font-letter-spacing-medium)\n);line-height:var(\n--spectrum-detail-l-text-line-height,var(--spectrum-alias-heading-text-line-height)\n);margin-bottom:0;margin-top:0;text-transform:var(--spectrum-detail-l-text-transform,uppercase)}.spectrum-Detail--sizeL em{font-size:var(\n--spectrum-detail-l-emphasized-text-size,var(--spectrum-global-dimension-font-size-100)\n);font-style:var(\n--spectrum-detail-l-emphasized-text-font-style,var(--spectrum-global-font-style-italic)\n);font-weight:var(\n--spectrum-detail-l-emphasized-text-font-weight,var(--spectrum-alias-detail-text-font-weight-regular)\n);letter-spacing:var(\n--spectrum-detail-l-emphasized-text-letter-spacing,var(--spectrum-global-font-letter-spacing-medium)\n);line-height:var(\n--spectrum-detail-l-emphasized-text-line-height,var(--spectrum-alias-heading-text-line-height)\n);margin-bottom:0;margin-top:0;text-transform:var(\n--spectrum-detail-l-emphasized-text-transform,uppercase\n)}.spectrum-Detail--sizeL strong{font-size:var(\n--spectrum-detail-l-strong-text-size,var(--spectrum-global-dimension-font-size-100)\n);font-style:var(\n--spectrum-detail-l-strong-text-font-style,var(--spectrum-global-font-style-regular)\n);font-weight:var(\n--spectrum-detail-l-strong-text-font-weight,var(--spectrum-alias-detail-text-font-weight-regular)\n);letter-spacing:var(\n--spectrum-detail-l-strong-text-letter-spacing,var(--spectrum-global-font-letter-spacing-medium)\n);line-height:var(\n--spectrum-detail-l-strong-text-line-height,var(--spectrum-alias-heading-text-line-height)\n);margin-bottom:0;margin-top:0;text-transform:var(--spectrum-detail-l-strong-text-transform,uppercase)}.spectrum-Detail--sizeM{font-size:var(\n--spectrum-detail-m-text-size,var(--spectrum-global-dimension-font-size-75)\n);font-style:var(\n--spectrum-detail-m-text-font-style,var(--spectrum-global-font-style-regular)\n);font-weight:var(\n--spectrum-detail-m-text-font-weight,var(--spectrum-alias-detail-text-font-weight-regular)\n);letter-spacing:var(\n--spectrum-detail-m-text-letter-spacing,var(--spectrum-global-font-letter-spacing-medium)\n);line-height:var(\n--spectrum-detail-m-text-line-height,var(--spectrum-alias-heading-text-line-height)\n);margin-bottom:0;margin-top:0;text-transform:var(--spectrum-detail-m-text-transform,uppercase)}.spectrum-Detail--sizeM em{font-size:var(\n--spectrum-detail-m-emphasized-text-size,var(--spectrum-global-dimension-font-size-75)\n);font-style:var(\n--spectrum-detail-m-emphasized-text-font-style,var(--spectrum-global-font-style-italic)\n);font-weight:var(\n--spectrum-detail-m-emphasized-text-font-weight,var(--spectrum-alias-detail-text-font-weight-regular)\n);letter-spacing:var(\n--spectrum-detail-m-emphasized-text-letter-spacing,var(--spectrum-global-font-letter-spacing-medium)\n);line-height:var(\n--spectrum-detail-m-emphasized-text-line-height,var(--spectrum-alias-heading-text-line-height)\n);margin-bottom:0;margin-top:0;text-transform:var(\n--spectrum-detail-m-emphasized-text-transform,uppercase\n)}.spectrum-Detail--sizeM strong{font-size:var(\n--spectrum-detail-m-strong-text-size,var(--spectrum-global-dimension-font-size-75)\n);font-style:var(\n--spectrum-detail-m-strong-text-font-style,var(--spectrum-global-font-style-regular)\n);font-weight:var(\n--spectrum-detail-m-strong-text-font-weight,var(--spectrum-alias-detail-text-font-weight-regular)\n);letter-spacing:var(\n--spectrum-detail-m-strong-text-letter-spacing,var(--spectrum-global-font-letter-spacing-medium)\n);line-height:var(\n--spectrum-detail-m-strong-text-line-height,var(--spectrum-alias-heading-text-line-height)\n);margin-bottom:0;margin-top:0;text-transform:var(--spectrum-detail-m-strong-text-transform,uppercase)}.spectrum-Detail--sizeS{font-size:var(\n--spectrum-detail-s-text-size,var(--spectrum-global-dimension-font-size-50)\n);font-style:var(\n--spectrum-detail-s-text-font-style,var(--spectrum-global-font-style-regular)\n);font-weight:var(\n--spectrum-detail-s-text-font-weight,var(--spectrum-alias-detail-text-font-weight-regular)\n);letter-spacing:var(\n--spectrum-detail-s-text-letter-spacing,var(--spectrum-global-font-letter-spacing-medium)\n);line-height:var(\n--spectrum-detail-s-text-line-height,var(--spectrum-alias-heading-text-line-height)\n);margin-bottom:0;margin-top:0;text-transform:var(--spectrum-detail-s-text-transform,uppercase)}.spectrum-Detail--sizeS em{font-size:var(\n--spectrum-detail-s-emphasized-text-size,var(--spectrum-global-dimension-font-size-50)\n);font-style:var(\n--spectrum-detail-s-emphasized-text-font-style,var(--spectrum-global-font-style-italic)\n);font-weight:var(\n--spectrum-detail-s-emphasized-text-font-weight,var(--spectrum-alias-detail-text-font-weight-regular)\n);letter-spacing:var(\n--spectrum-detail-s-emphasized-text-letter-spacing,var(--spectrum-global-font-letter-spacing-medium)\n);line-height:var(\n--spectrum-detail-s-emphasized-text-line-height,var(--spectrum-alias-heading-text-line-height)\n);margin-bottom:0;margin-top:0;text-transform:var(\n--spectrum-detail-s-emphasized-text-transform,uppercase\n)}.spectrum-Detail--sizeS strong{font-size:var(\n--spectrum-detail-s-strong-text-size,var(--spectrum-global-dimension-font-size-50)\n);font-style:var(\n--spectrum-detail-s-strong-text-font-style,var(--spectrum-global-font-style-regular)\n);font-weight:var(\n--spectrum-detail-s-strong-text-font-weight,var(--spectrum-alias-detail-text-font-weight-regular)\n);letter-spacing:var(\n--spectrum-detail-s-strong-text-letter-spacing,var(--spectrum-global-font-letter-spacing-medium)\n);line-height:var(\n--spectrum-detail-s-strong-text-line-height,var(--spectrum-alias-heading-text-line-height)\n);margin-bottom:0;margin-top:0;text-transform:var(--spectrum-detail-s-strong-text-transform,uppercase)}.spectrum-Code{font-family:var(\n--spectrum-heading-m-text-font-family,var(--spectrum-alias-body-text-font-family)\n)}.spectrum-Code .spectrum-Code-strong,.spectrum-Code strong{font-weight:var(\n--spectrum-code-m-strong-text-font-weight,var(--spectrum-global-font-weight-bold)\n)}.spectrum-Code .spectrum-Code-emphasized,.spectrum-Code em{font-style:var(\n--spectrum-code-m-emphasized-text-font-style,var(--spectrum-global-font-style-italic)\n)}.spectrum-Code--serif{font-family:var(\n--spectrum-body-m-serif-text-font-family,var(--spectrum-alias-serif-text-font-family)\n)}.spectrum-Code--sizeXL{font-family:var(\n--spectrum-code-xl-text-font-family,var(--spectrum-alias-code-text-font-family)\n);font-size:var(\n--spectrum-code-xl-text-size,var(--spectrum-global-dimension-font-size-400)\n);font-style:var(\n--spectrum-code-xl-text-font-style,var(--spectrum-global-font-style-regular)\n);font-weight:var(\n--spectrum-code-xl-text-font-weight,var(--spectrum-alias-code-text-font-weight-regular)\n);letter-spacing:var(\n--spectrum-code-xl-text-letter-spacing,var(--spectrum-global-font-letter-spacing-none)\n);line-height:var(\n--spectrum-code-xl-text-line-height,var(--spectrum-alias-body-text-line-height)\n);margin-bottom:0;margin-top:0}.spectrum-Code--sizeL{font-family:var(\n--spectrum-code-l-text-font-family,var(--spectrum-alias-code-text-font-family)\n);font-size:var(\n--spectrum-code-l-text-size,var(--spectrum-global-dimension-font-size-300)\n);font-style:var(\n--spectrum-code-l-text-font-style,var(--spectrum-global-font-style-regular)\n);font-weight:var(\n--spectrum-code-l-text-font-weight,var(--spectrum-alias-code-text-font-weight-regular)\n);letter-spacing:var(\n--spectrum-code-l-text-letter-spacing,var(--spectrum-global-font-letter-spacing-none)\n);line-height:var(\n--spectrum-code-l-text-line-height,var(--spectrum-alias-body-text-line-height)\n);margin-bottom:0;margin-top:0}.spectrum-Code--sizeM{font-family:var(\n--spectrum-code-m-text-font-family,var(--spectrum-alias-code-text-font-family)\n);font-size:var(\n--spectrum-code-m-text-size,var(--spectrum-global-dimension-font-size-200)\n);font-style:var(\n--spectrum-code-m-text-font-style,var(--spectrum-global-font-style-regular)\n);font-weight:var(\n--spectrum-code-m-text-font-weight,var(--spectrum-alias-code-text-font-weight-regular)\n);letter-spacing:var(\n--spectrum-code-m-text-letter-spacing,var(--spectrum-global-font-letter-spacing-none)\n);line-height:var(\n--spectrum-code-m-text-line-height,var(--spectrum-alias-body-text-line-height)\n);margin-bottom:0;margin-top:0}.spectrum-Code--sizeS{font-family:var(\n--spectrum-code-s-text-font-family,var(--spectrum-alias-code-text-font-family)\n);font-size:var(\n--spectrum-code-s-text-size,var(--spectrum-global-dimension-font-size-100)\n);font-style:var(\n--spectrum-code-s-text-font-style,var(--spectrum-global-font-style-regular)\n);font-weight:var(\n--spectrum-code-s-text-font-weight,var(--spectrum-alias-code-text-font-weight-regular)\n);letter-spacing:var(\n--spectrum-code-s-text-letter-spacing,var(--spectrum-global-font-letter-spacing-none)\n);line-height:var(\n--spectrum-code-s-text-line-height,var(--spectrum-alias-body-text-line-height)\n);margin-bottom:0;margin-top:0}.spectrum-Code--sizeXS{font-family:var(\n--spectrum-code-xs-text-font-family,var(--spectrum-alias-code-text-font-family)\n);font-size:var(\n--spectrum-code-xs-text-size,var(--spectrum-global-dimension-font-size-75)\n);font-style:var(\n--spectrum-code-xs-text-font-style,var(--spectrum-global-font-style-regular)\n);font-weight:var(\n--spectrum-code-xs-text-font-weight,var(--spectrum-alias-code-text-font-weight-regular)\n);letter-spacing:var(\n--spectrum-code-xs-text-letter-spacing,var(--spectrum-global-font-letter-spacing-none)\n);line-height:var(\n--spectrum-code-xs-text-line-height,var(--spectrum-alias-body-text-line-height)\n);margin-bottom:0;margin-top:0}.spectrum-Typography .spectrum-Heading--sizeXXXL{margin-bottom:var(\n--spectrum-heading-xxxl-margin-bottom,var(--spectrum-global-dimension-size-125)\n);margin-top:var(\n--spectrum-heading-xxxl-margin-top,var(--spectrum-alias-heading-xxxl-margin-top)\n)}.spectrum-Typography .spectrum-Heading--sizeXXL{margin-bottom:var(\n--spectrum-heading-xxl-margin-bottom,var(--spectrum-global-dimension-size-115)\n);margin-top:var(\n--spectrum-heading-xxl-margin-top,var(--spectrum-alias-heading-xxl-margin-top)\n)}.spectrum-Typography .spectrum-Heading--sizeXL{margin-bottom:var(\n--spectrum-heading-xl-margin-bottom,var(--spectrum-global-dimension-size-100)\n);margin-top:var(\n--spectrum-heading-xl-margin-top,var(--spectrum-alias-heading-xl-margin-top)\n)}.spectrum-Typography .spectrum-Heading--sizeL{margin-bottom:var(\n--spectrum-heading-l-margin-bottom,var(--spectrum-global-dimension-size-85)\n);margin-top:var(\n--spectrum-heading-l-margin-top,var(--spectrum-alias-heading-l-margin-top)\n)}.spectrum-Typography .spectrum-Heading--sizeM{margin-bottom:var(\n--spectrum-heading-m-margin-bottom,var(--spectrum-global-dimension-size-75)\n);margin-top:var(\n--spectrum-heading-m-margin-top,var(--spectrum-alias-heading-m-margin-top)\n)}.spectrum-Typography .spectrum-Heading--sizeS{margin-bottom:var(\n--spectrum-heading-s-margin-bottom,var(--spectrum-global-dimension-size-65)\n);margin-top:var(\n--spectrum-heading-s-margin-top,var(--spectrum-alias-heading-s-margin-top)\n)}.spectrum-Typography .spectrum-Heading--sizeXS{margin-bottom:var(\n--spectrum-heading-xs-margin-bottom,var(--spectrum-global-dimension-size-50)\n);margin-top:var(\n--spectrum-heading-xs-margin-top,var(--spectrum-alias-heading-xs-margin-top)\n)}.spectrum-Typography .spectrum-Heading--sizeXXS{margin-bottom:var(\n--spectrum-heading-xxs-margin-bottom,var(--spectrum-global-dimension-size-40)\n);margin-top:var(\n--spectrum-heading-xxs-margin-top,var(--spectrum-alias-heading-xxs-margin-top)\n)}.spectrum-Typography .spectrum-Body--sizeXXXL{margin-bottom:var(\n--spectrum-body-xxxl-margin-bottom,var(--spectrum-global-dimension-size-400)\n);margin-top:var(--spectrum-body-xxxl-margin-top,0)}.spectrum-Typography .spectrum-Body--sizeXXL{margin-bottom:var(\n--spectrum-body-xxl-margin-bottom,var(--spectrum-global-dimension-size-300)\n);margin-top:var(--spectrum-body-xxl-margin-top,0)}.spectrum-Typography .spectrum-Body--sizeXL{margin-bottom:var(\n--spectrum-body-xl-margin-bottom,var(--spectrum-global-dimension-size-200)\n);margin-top:var(--spectrum-body-xl-margin-top,0)}.spectrum-Typography .spectrum-Body--sizeL{margin-bottom:var(\n--spectrum-body-l-margin-bottom,var(--spectrum-global-dimension-size-160)\n);margin-top:var(--spectrum-body-l-margin-top,0)}.spectrum-Typography .spectrum-Body--sizeM{margin-bottom:var(\n--spectrum-body-m-margin-bottom,var(--spectrum-global-dimension-size-150)\n);margin-top:var(--spectrum-body-m-margin-top,0)}.spectrum-Typography .spectrum-Body--sizeS{margin-bottom:var(\n--spectrum-body-s-margin-bottom,var(--spectrum-global-dimension-size-125)\n);margin-top:var(--spectrum-body-s-margin-top,0)}.spectrum-Typography .spectrum-Body--sizeXS{margin-bottom:var(\n--spectrum-body-xs-margin-bottom,var(--spectrum-global-dimension-size-115)\n);margin-top:var(--spectrum-body-xs-margin-top,0)}.spectrum:lang(ja) .spectrum-Heading--sizeXXXL,.spectrum:lang(ko) .spectrum-Heading--sizeXXXL,.spectrum:lang(zh) .spectrum-Heading--sizeXXXL{font-size:var(\n--spectrum-heading-han-xxxl-text-size,var(--spectrum-alias-heading-han-xxxl-text-size)\n);font-style:var(\n--spectrum-heading-han-xxxl-text-font-style,var(--spectrum-global-font-style-regular)\n);font-weight:var(\n--spectrum-heading-han-xxxl-text-font-weight,var(--spectrum-alias-han-heading-text-font-weight-regular)\n);letter-spacing:var(\n--spectrum-heading-han-xxxl-text-letter-spacing,var(--spectrum-global-font-letter-spacing-han)\n);line-height:var(\n--spectrum-heading-han-xxxl-text-line-height,var(--spectrum-alias-han-heading-text-line-height)\n);margin-bottom:0;margin-top:0;text-transform:var(--spectrum-heading-han-xxxl-text-transform,none)}.spectrum:lang(ja) .spectrum-Heading--sizeXXL,.spectrum:lang(ko) .spectrum-Heading--sizeXXL,.spectrum:lang(zh) .spectrum-Heading--sizeXXL{font-size:var(\n--spectrum-heading-han-xxl-text-size,var(--spectrum-alias-heading-han-xxl-text-size)\n);font-style:var(\n--spectrum-heading-han-xxl-text-font-style,var(--spectrum-global-font-style-regular)\n);font-weight:var(\n--spectrum-heading-han-xxl-text-font-weight,var(--spectrum-alias-han-heading-text-font-weight-regular)\n);letter-spacing:var(\n--spectrum-heading-han-xxl-text-letter-spacing,var(--spectrum-global-font-letter-spacing-han)\n);line-height:var(\n--spectrum-heading-han-xxl-text-line-height,var(--spectrum-alias-han-heading-text-line-height)\n);margin-bottom:0;margin-top:0;text-transform:var(--spectrum-heading-han-xxl-text-transform,none)}.spectrum:lang(ja) .spectrum-Heading--sizeXL,.spectrum:lang(ko) .spectrum-Heading--sizeXL,.spectrum:lang(zh) .spectrum-Heading--sizeXL{font-size:var(\n--spectrum-heading-han-xl-text-size,var(--spectrum-alias-heading-han-xl-text-size)\n);font-style:var(\n--spectrum-heading-han-xl-text-font-style,var(--spectrum-global-font-style-regular)\n);font-weight:var(\n--spectrum-heading-han-xl-text-font-weight,var(--spectrum-alias-han-heading-text-font-weight-regular)\n);letter-spacing:var(\n--spectrum-heading-han-xl-text-letter-spacing,var(--spectrum-global-font-letter-spacing-han)\n);line-height:var(\n--spectrum-heading-han-xl-text-line-height,var(--spectrum-alias-han-heading-text-line-height)\n);margin-bottom:0;margin-top:0;text-transform:var(--spectrum-heading-han-xl-text-transform,none)}.spectrum:lang(ja) .spectrum-Heading--sizeL,.spectrum:lang(ko) .spectrum-Heading--sizeL,.spectrum:lang(zh) .spectrum-Heading--sizeL{font-size:var(\n--spectrum-heading-han-l-text-size,var(--spectrum-alias-heading-han-l-text-size)\n);font-style:var(\n--spectrum-heading-han-l-text-font-style,var(--spectrum-global-font-style-regular)\n);font-weight:var(\n--spectrum-heading-han-l-text-font-weight,var(--spectrum-alias-han-heading-text-font-weight-regular)\n);letter-spacing:var(\n--spectrum-heading-han-l-text-letter-spacing,var(--spectrum-global-font-letter-spacing-han)\n);line-height:var(\n--spectrum-heading-han-l-text-line-height,var(--spectrum-alias-han-heading-text-line-height)\n);margin-bottom:0;margin-top:0;text-transform:var(--spectrum-heading-han-l-text-transform,none)}.spectrum:lang(ja) .spectrum-Heading--sizeM,.spectrum:lang(ko) .spectrum-Heading--sizeM,.spectrum:lang(zh) .spectrum-Heading--sizeM{font-size:var(\n--spectrum-heading-han-m-text-size,var(--spectrum-alias-heading-han-m-text-size)\n);font-style:var(\n--spectrum-heading-han-m-text-font-style,var(--spectrum-global-font-style-regular)\n);font-weight:var(\n--spectrum-heading-han-m-text-font-weight,var(--spectrum-alias-han-heading-text-font-weight-regular)\n);letter-spacing:var(\n--spectrum-heading-han-m-text-letter-spacing,var(--spectrum-global-font-letter-spacing-han)\n);line-height:var(\n--spectrum-heading-han-m-text-line-height,var(--spectrum-alias-han-heading-text-line-height)\n);margin-bottom:0;margin-top:0;text-transform:var(--spectrum-heading-han-m-text-transform,none)}.spectrum:lang(ja) .spectrum-Heading--sizeS,.spectrum:lang(ko) .spectrum-Heading--sizeS,.spectrum:lang(zh) .spectrum-Heading--sizeS{font-size:var(\n--spectrum-heading-han-s-text-size,var(--spectrum-alias-heading-han-s-text-size)\n);font-style:var(\n--spectrum-heading-han-s-text-font-style,var(--spectrum-global-font-style-regular)\n);font-weight:var(\n--spectrum-heading-han-s-text-font-weight,var(--spectrum-alias-han-heading-text-font-weight-regular)\n);letter-spacing:var(\n--spectrum-heading-han-s-text-letter-spacing,var(--spectrum-global-font-letter-spacing-han)\n);line-height:var(\n--spectrum-heading-han-s-text-line-height,var(--spectrum-alias-han-heading-text-line-height)\n);margin-bottom:0;margin-top:0;text-transform:var(--spectrum-heading-han-s-text-transform,none)}.spectrum:lang(ja) .spectrum-Heading--sizeXS,.spectrum:lang(ko) .spectrum-Heading--sizeXS,.spectrum:lang(zh) .spectrum-Heading--sizeXS{font-size:var(\n--spectrum-heading-han-xs-text-size,var(--spectrum-alias-heading-han-xs-text-size)\n);font-style:var(\n--spectrum-heading-han-xs-text-font-style,var(--spectrum-global-font-style-regular)\n);font-weight:var(\n--spectrum-heading-han-xs-text-font-weight,var(--spectrum-alias-han-heading-text-font-weight-regular)\n);letter-spacing:var(\n--spectrum-heading-han-xs-text-letter-spacing,var(--spectrum-global-font-letter-spacing-han)\n);line-height:var(\n--spectrum-heading-han-xs-text-line-height,var(--spectrum-alias-han-heading-text-line-height)\n);margin-bottom:0;margin-top:0;text-transform:var(--spectrum-heading-han-xs-text-transform,none)}.spectrum:lang(ja) .spectrum-Heading--sizeXXS,.spectrum:lang(ko) .spectrum-Heading--sizeXXS,.spectrum:lang(zh) .spectrum-Heading--sizeXXS{font-size:var(\n--spectrum-heading-han-xxs-text-size,var(--spectrum-alias-heading-han-xxs-text-size)\n);font-style:var(\n--spectrum-heading-han-xxs-text-font-style,var(--spectrum-global-font-style-regular)\n);font-weight:var(\n--spectrum-heading-han-xxs-text-font-weight,var(--spectrum-alias-han-heading-text-font-weight-regular)\n);letter-spacing:var(\n--spectrum-heading-han-xxs-text-letter-spacing,var(--spectrum-global-font-letter-spacing-han)\n);line-height:var(\n--spectrum-heading-han-xxs-text-line-height,var(--spectrum-alias-han-heading-text-line-height)\n);margin-bottom:0;margin-top:0;text-transform:var(--spectrum-heading-han-xxs-text-transform,none)}.spectrum:lang(ja) .spectrum-Heading--heavy,.spectrum:lang(ko) .spectrum-Heading--heavy,.spectrum:lang(zh) .spectrum-Heading--heavy{font-weight:var(\n--spectrum-heading-han-m-text-font-weight,var(--spectrum-alias-han-heading-text-font-weight-regular)\n)}.spectrum:lang(ja) .spectrum-Heading--heavy .spectrum-Heading--emphasized,.spectrum:lang(ja) .spectrum-Heading--heavy em,.spectrum:lang(ko) .spectrum-Heading--heavy .spectrum-Heading--emphasized,.spectrum:lang(ko) .spectrum-Heading--heavy em,.spectrum:lang(zh) .spectrum-Heading--heavy .spectrum-Heading--emphasized,.spectrum:lang(zh) .spectrum-Heading--heavy em{font-style:var(--spectrum-heading-han-heavy-m-emphasized-text-font-style);font-weight:var(\n--spectrum-heading-han-heavy-m-emphasized-text-font-weight\n)}.spectrum:lang(ja) .spectrum-Heading--heavy .spectrum-Heading--strong,.spectrum:lang(ja) .spectrum-Heading--heavy strong,.spectrum:lang(ko) .spectrum-Heading--heavy .spectrum-Heading--strong,.spectrum:lang(ko) .spectrum-Heading--heavy strong,.spectrum:lang(zh) .spectrum-Heading--heavy .spectrum-Heading--strong,.spectrum:lang(zh) .spectrum-Heading--heavy strong{font-style:var(\n--spectrum-heading-m-heavy-strong-text-font-style,var(--spectrum-global-font-style-regular)\n);font-weight:var(\n--spectrum-heading-m-heavy-strong-text-font-weight,var(--spectrum-alias-heading-text-font-weight-heavy-strong)\n)}.spectrum:lang(ja) .spectrum-Heading--light,.spectrum:lang(ko) .spectrum-Heading--light,.spectrum:lang(zh) .spectrum-Heading--light{font-weight:var(\n--spectrum-heading-han-m-text-font-weight,var(--spectrum-alias-han-heading-text-font-weight-regular)\n)}.spectrum:lang(ja) .spectrum-Heading--light .spectrum-Heading--emphasized,.spectrum:lang(ja) .spectrum-Heading--light em,.spectrum:lang(ko) .spectrum-Heading--light .spectrum-Heading--emphasized,.spectrum:lang(ko) .spectrum-Heading--light em,.spectrum:lang(zh) .spectrum-Heading--light .spectrum-Heading--emphasized,.spectrum:lang(zh) .spectrum-Heading--light em{font-style:var(\n--spectrum-heading-han-m-light-emphasized-text-font-style,var(--spectrum-global-font-style-regular)\n);font-weight:var(\n--spectrum-heading-han-m-light-emphasized-text-font-weight,var(--spectrum-alias-han-heading-text-font-weight-light-emphasis)\n)}.spectrum:lang(ja) .spectrum-Heading--light .spectrum-Heading--strong,.spectrum:lang(ja) .spectrum-Heading--light strong,.spectrum:lang(ko) .spectrum-Heading--light .spectrum-Heading--strong,.spectrum:lang(ko) .spectrum-Heading--light strong,.spectrum:lang(zh) .spectrum-Heading--light .spectrum-Heading--strong,.spectrum:lang(zh) .spectrum-Heading--light strong{font-style:var(\n--spectrum-heading-han-m-light-strong-text-font-style,var(--spectrum-global-font-style-regular)\n);font-weight:var(\n--spectrum-heading-han-m-light-strong-text-font-weight,var(--spectrum-alias-han-heading-text-font-weight-light-strong)\n)}.spectrum:lang(ja) .spectrum-Body--sizeXXXL,.spectrum:lang(ko) .spectrum-Body--sizeXXXL,.spectrum:lang(zh) .spectrum-Body--sizeXXXL{font-size:var(\n--spectrum-body-han-xxxl-text-size,var(--spectrum-global-dimension-font-size-600)\n);font-style:var(\n--spectrum-body-han-xxxl-text-font-style,var(--spectrum-global-font-style-regular)\n);font-weight:var(\n--spectrum-body-han-xxxl-text-font-weight,var(--spectrum-alias-han-body-text-font-weight-regular)\n);letter-spacing:var(\n--spectrum-body-han-xxxl-text-letter-spacing,var(--spectrum-global-font-letter-spacing-han)\n);line-height:var(\n--spectrum-body-han-xxxl-text-line-height,var(--spectrum-alias-han-body-text-line-height)\n);margin-bottom:0;margin-top:0;text-transform:var(--spectrum-body-han-xxxl-text-transform,none)}.spectrum:lang(ja) .spectrum-Body--sizeXXL,.spectrum:lang(ko) .spectrum-Body--sizeXXL,.spectrum:lang(zh) .spectrum-Body--sizeXXL{font-size:var(\n--spectrum-body-han-xxl-text-size,var(--spectrum-global-dimension-font-size-500)\n);font-style:var(\n--spectrum-body-han-xxl-text-font-style,var(--spectrum-global-font-style-regular)\n);font-weight:var(\n--spectrum-body-han-xxl-text-font-weight,var(--spectrum-alias-han-body-text-font-weight-regular)\n);letter-spacing:var(\n--spectrum-body-han-xxl-text-letter-spacing,var(--spectrum-global-font-letter-spacing-han)\n);line-height:var(\n--spectrum-body-han-xxl-text-line-height,var(--spectrum-alias-han-body-text-line-height)\n);margin-bottom:0;margin-top:0;text-transform:var(--spectrum-body-han-xxl-text-transform,none)}.spectrum:lang(ja) .spectrum-Body--sizeXL,.spectrum:lang(ko) .spectrum-Body--sizeXL,.spectrum:lang(zh) .spectrum-Body--sizeXL{font-size:var(\n--spectrum-body-han-xl-text-size,var(--spectrum-global-dimension-font-size-400)\n);font-style:var(\n--spectrum-body-han-xl-text-font-style,var(--spectrum-global-font-style-regular)\n);font-weight:var(\n--spectrum-body-han-xl-text-font-weight,var(--spectrum-alias-han-body-text-font-weight-regular)\n);letter-spacing:var(\n--spectrum-body-han-xl-text-letter-spacing,var(--spectrum-global-font-letter-spacing-han)\n);line-height:var(\n--spectrum-body-han-xl-text-line-height,var(--spectrum-alias-han-body-text-line-height)\n);margin-bottom:0;margin-top:0;text-transform:var(--spectrum-body-han-xl-text-transform,none)}.spectrum:lang(ja) .spectrum-Body--sizeL,.spectrum:lang(ko) .spectrum-Body--sizeL,.spectrum:lang(zh) .spectrum-Body--sizeL{font-size:var(\n--spectrum-body-han-l-text-size,var(--spectrum-global-dimension-font-size-300)\n);font-style:var(\n--spectrum-body-han-l-text-font-style,var(--spectrum-global-font-style-regular)\n);font-weight:var(\n--spectrum-body-han-l-text-font-weight,var(--spectrum-alias-han-body-text-font-weight-regular)\n);letter-spacing:var(\n--spectrum-body-han-l-text-letter-spacing,var(--spectrum-global-font-letter-spacing-han)\n);line-height:var(\n--spectrum-body-han-l-text-line-height,var(--spectrum-alias-han-body-text-line-height)\n);margin-bottom:0;margin-top:0;text-transform:var(--spectrum-body-han-l-text-transform,none)}.spectrum:lang(ja) .spectrum-Body--sizeM,.spectrum:lang(ko) .spectrum-Body--sizeM,.spectrum:lang(zh) .spectrum-Body--sizeM{font-size:var(\n--spectrum-body-han-m-text-size,var(--spectrum-global-dimension-font-size-200)\n);font-style:var(\n--spectrum-body-han-m-text-font-style,var(--spectrum-global-font-style-regular)\n);font-weight:var(\n--spectrum-body-han-m-text-font-weight,var(--spectrum-alias-han-body-text-font-weight-regular)\n);letter-spacing:var(\n--spectrum-body-han-m-text-letter-spacing,var(--spectrum-global-font-letter-spacing-han)\n);line-height:var(\n--spectrum-body-han-m-text-line-height,var(--spectrum-alias-han-body-text-line-height)\n);margin-bottom:0;margin-top:0;text-transform:var(--spectrum-body-han-m-text-transform,none)}.spectrum:lang(ja) .spectrum-Body--sizeS,.spectrum:lang(ko) .spectrum-Body--sizeS,.spectrum:lang(zh) .spectrum-Body--sizeS{font-size:var(\n--spectrum-body-han-s-text-size,var(--spectrum-global-dimension-font-size-100)\n);font-style:var(\n--spectrum-body-han-s-text-font-style,var(--spectrum-global-font-style-regular)\n);font-weight:var(\n--spectrum-body-han-s-text-font-weight,var(--spectrum-alias-han-body-text-font-weight-regular)\n);letter-spacing:var(\n--spectrum-body-han-s-text-letter-spacing,var(--spectrum-global-font-letter-spacing-han)\n);line-height:var(\n--spectrum-body-han-s-text-line-height,var(--spectrum-alias-han-body-text-line-height)\n);margin-bottom:0;margin-top:0;text-transform:var(--spectrum-body-han-s-text-transform,none)}.spectrum:lang(ja) .spectrum-Body--sizeXS,.spectrum:lang(ko) .spectrum-Body--sizeXS,.spectrum:lang(zh) .spectrum-Body--sizeXS{font-size:var(\n--spectrum-body-han-xs-text-size,var(--spectrum-global-dimension-font-size-75)\n);font-style:var(\n--spectrum-body-han-xs-text-font-style,var(--spectrum-global-font-style-regular)\n);font-weight:var(\n--spectrum-body-han-xs-text-font-weight,var(--spectrum-alias-han-body-text-font-weight-regular)\n);letter-spacing:var(\n--spectrum-body-han-xs-text-letter-spacing,var(--spectrum-global-font-letter-spacing-han)\n);line-height:var(\n--spectrum-body-han-xs-text-line-height,var(--spectrum-alias-han-body-text-line-height)\n);margin-bottom:0;margin-top:0;text-transform:var(--spectrum-body-han-xs-text-transform,none)}.spectrum:lang(ja) .spectrum-Detail--sizeXL,.spectrum:lang(ko) .spectrum-Detail--sizeXL,.spectrum:lang(zh) .spectrum-Detail--sizeXL{font-size:var(\n--spectrum-detail-han-xl-text-size,var(--spectrum-global-dimension-font-size-200)\n);font-style:var(\n--spectrum-detail-han-xl-text-font-style,var(--spectrum-global-font-style-regular)\n);font-weight:var(\n--spectrum-detail-han-xl-text-font-weight,var(--spectrum-alias-han-heading-text-font-weight-regular)\n);letter-spacing:var(\n--spectrum-detail-han-xl-text-letter-spacing,var(--spectrum-global-font-letter-spacing-medium)\n);line-height:var(\n--spectrum-detail-han-xl-text-line-height,var(--spectrum-alias-han-heading-text-line-height)\n);margin-bottom:0;margin-top:0;text-transform:var(--spectrum-detail-han-xl-text-transform,uppercase)}.spectrum:lang(ja) .spectrum-Detail--sizeXL em,.spectrum:lang(ko) .spectrum-Detail--sizeXL em,.spectrum:lang(zh) .spectrum-Detail--sizeXL em{font-size:var(\n--spectrum-detail-han-xl-emphasized-text-size,var(--spectrum-global-dimension-font-size-200)\n);font-style:var(\n--spectrum-detail-han-xl-emphasized-text-font-style,var(--spectrum-global-font-style-regular)\n);font-weight:var(\n--spectrum-detail-han-xl-emphasized-text-font-weight,var(--spectrum-alias-han-heading-text-font-weight-regular-emphasis)\n);letter-spacing:var(\n--spectrum-detail-han-xl-emphasized-text-letter-spacing,var(--spectrum-global-font-letter-spacing-medium)\n);line-height:var(\n--spectrum-detail-han-xl-emphasized-text-line-height,var(--spectrum-alias-han-heading-text-line-height)\n);margin-bottom:0;margin-top:0;text-transform:var(\n--spectrum-detail-han-xl-emphasized-text-transform,uppercase\n)}.spectrum:lang(ja) .spectrum-Detail--sizeXL strong,.spectrum:lang(ko) .spectrum-Detail--sizeXL strong,.spectrum:lang(zh) .spectrum-Detail--sizeXL strong{font-size:var(\n--spectrum-detail-han-xl-strong-text-size,var(--spectrum-global-dimension-font-size-200)\n);font-style:var(\n--spectrum-detail-han-xl-strong-text-font-style,var(--spectrum-global-font-style-regular)\n);font-weight:var(\n--spectrum-detail-han-xl-strong-text-font-weight,var(--spectrum-alias-han-heading-text-font-weight-regular-strong)\n);letter-spacing:var(\n--spectrum-detail-han-xl-strong-text-letter-spacing,var(--spectrum-global-font-letter-spacing-medium)\n);line-height:var(\n--spectrum-detail-han-xl-strong-text-line-height,var(--spectrum-alias-han-heading-text-line-height)\n);margin-bottom:0;margin-top:0;text-transform:var(\n--spectrum-detail-han-xl-strong-text-transform,uppercase\n)}.spectrum:lang(ja) .spectrum-Detail--sizeL,.spectrum:lang(ko) .spectrum-Detail--sizeL,.spectrum:lang(zh) .spectrum-Detail--sizeL{font-size:var(\n--spectrum-detail-han-l-text-size,var(--spectrum-global-dimension-font-size-100)\n);font-style:var(\n--spectrum-detail-han-l-text-font-style,var(--spectrum-global-font-style-regular)\n);font-weight:var(\n--spectrum-detail-han-l-text-font-weight,var(--spectrum-alias-han-heading-text-font-weight-regular)\n);letter-spacing:var(\n--spectrum-detail-han-l-text-letter-spacing,var(--spectrum-global-font-letter-spacing-medium)\n);line-height:var(\n--spectrum-detail-han-l-text-line-height,var(--spectrum-alias-han-heading-text-line-height)\n);margin-bottom:0;margin-top:0;text-transform:var(--spectrum-detail-han-l-text-transform,uppercase)}.spectrum:lang(ja) .spectrum-Detail--sizeL em,.spectrum:lang(ko) .spectrum-Detail--sizeL em,.spectrum:lang(zh) .spectrum-Detail--sizeL em{font-size:var(\n--spectrum-detail-han-l-emphasized-text-size,var(--spectrum-global-dimension-font-size-100)\n);font-style:var(\n--spectrum-detail-han-l-emphasized-text-font-style,var(--spectrum-global-font-style-regular)\n);font-weight:var(\n--spectrum-detail-han-l-emphasized-text-font-weight,var(--spectrum-alias-han-heading-text-font-weight-regular-emphasis)\n);letter-spacing:var(\n--spectrum-detail-han-l-emphasized-text-letter-spacing,var(--spectrum-global-font-letter-spacing-medium)\n);line-height:var(\n--spectrum-detail-han-l-emphasized-text-line-height,var(--spectrum-alias-han-heading-text-line-height)\n);margin-bottom:0;margin-top:0;text-transform:var(\n--spectrum-detail-han-l-emphasized-text-transform,uppercase\n)}.spectrum:lang(ja) .spectrum-Detail--sizeL strong,.spectrum:lang(ko) .spectrum-Detail--sizeL strong,.spectrum:lang(zh) .spectrum-Detail--sizeL strong{font-size:var(\n--spectrum-detail-han-l-strong-text-size,var(--spectrum-global-dimension-font-size-100)\n);font-style:var(\n--spectrum-detail-han-l-strong-text-font-style,var(--spectrum-global-font-style-regular)\n);font-weight:var(\n--spectrum-detail-han-l-strong-text-font-weight,var(--spectrum-alias-han-heading-text-font-weight-regular-strong)\n);letter-spacing:var(\n--spectrum-detail-han-l-strong-text-letter-spacing,var(--spectrum-global-font-letter-spacing-medium)\n);line-height:var(\n--spectrum-detail-han-l-strong-text-line-height,var(--spectrum-alias-han-heading-text-line-height)\n);margin-bottom:0;margin-top:0;text-transform:var(\n--spectrum-detail-han-l-strong-text-transform,uppercase\n)}.spectrum:lang(ja) .spectrum-Detail--sizeM,.spectrum:lang(ko) .spectrum-Detail--sizeM,.spectrum:lang(zh) .spectrum-Detail--sizeM{font-size:var(\n--spectrum-detail-han-m-text-size,var(--spectrum-global-dimension-font-size-75)\n);font-style:var(\n--spectrum-detail-han-m-text-font-style,var(--spectrum-global-font-style-regular)\n);font-weight:var(\n--spectrum-detail-han-m-text-font-weight,var(--spectrum-alias-han-heading-text-font-weight-regular)\n);letter-spacing:var(\n--spectrum-detail-han-m-text-letter-spacing,var(--spectrum-global-font-letter-spacing-medium)\n);line-height:var(\n--spectrum-detail-han-m-text-line-height,var(--spectrum-alias-han-heading-text-line-height)\n);margin-bottom:0;margin-top:0;text-transform:var(--spectrum-detail-han-m-text-transform,uppercase)}.spectrum:lang(ja) .spectrum-Detail--sizeM em,.spectrum:lang(ko) .spectrum-Detail--sizeM em,.spectrum:lang(zh) .spectrum-Detail--sizeM em{font-size:var(\n--spectrum-detail-han-m-emphasized-text-size,var(--spectrum-global-dimension-font-size-75)\n);font-style:var(\n--spectrum-detail-han-m-emphasized-text-font-style,var(--spectrum-global-font-style-regular)\n);font-weight:var(\n--spectrum-detail-han-m-emphasized-text-font-weight,var(--spectrum-alias-han-heading-text-font-weight-regular-emphasis)\n);letter-spacing:var(\n--spectrum-detail-han-m-emphasized-text-letter-spacing,var(--spectrum-global-font-letter-spacing-medium)\n);line-height:var(\n--spectrum-detail-han-m-emphasized-text-line-height,var(--spectrum-alias-han-heading-text-line-height)\n);margin-bottom:0;margin-top:0;text-transform:var(\n--spectrum-detail-han-m-emphasized-text-transform,uppercase\n)}.spectrum:lang(ja) .spectrum-Detail--sizeM strong,.spectrum:lang(ko) .spectrum-Detail--sizeM strong,.spectrum:lang(zh) .spectrum-Detail--sizeM strong{font-size:var(\n--spectrum-detail-han-m-strong-text-size,var(--spectrum-global-dimension-font-size-75)\n);font-style:var(\n--spectrum-detail-han-m-strong-text-font-style,var(--spectrum-global-font-style-regular)\n);font-weight:var(\n--spectrum-detail-han-m-strong-text-font-weight,var(--spectrum-alias-han-heading-text-font-weight-regular-strong)\n);letter-spacing:var(\n--spectrum-detail-han-m-strong-text-letter-spacing,var(--spectrum-global-font-letter-spacing-medium)\n);line-height:var(\n--spectrum-detail-han-m-strong-text-line-height,var(--spectrum-alias-han-heading-text-line-height)\n);margin-bottom:0;margin-top:0;text-transform:var(\n--spectrum-detail-han-m-strong-text-transform,uppercase\n)}.spectrum:lang(ja) .spectrum-Detail--sizeS,.spectrum:lang(ko) .spectrum-Detail--sizeS,.spectrum:lang(zh) .spectrum-Detail--sizeS{font-size:var(\n--spectrum-detail-han-s-text-size,var(--spectrum-global-dimension-font-size-50)\n);font-style:var(\n--spectrum-detail-han-s-text-font-style,var(--spectrum-global-font-style-regular)\n);font-weight:var(\n--spectrum-detail-han-s-text-font-weight,var(--spectrum-alias-han-heading-text-font-weight-regular)\n);letter-spacing:var(\n--spectrum-detail-han-s-text-letter-spacing,var(--spectrum-global-font-letter-spacing-medium)\n);line-height:var(\n--spectrum-detail-han-s-text-line-height,var(--spectrum-alias-han-heading-text-line-height)\n);margin-bottom:0;margin-top:0;text-transform:var(--spectrum-detail-han-s-text-transform,uppercase)}.spectrum:lang(ja) .spectrum-Detail--sizeS em,.spectrum:lang(ko) .spectrum-Detail--sizeS em,.spectrum:lang(zh) .spectrum-Detail--sizeS em{font-size:var(\n--spectrum-detail-han-s-emphasized-text-size,var(--spectrum-global-dimension-font-size-50)\n);font-style:var(\n--spectrum-detail-han-s-emphasized-text-font-style,var(--spectrum-global-font-style-regular)\n);font-weight:var(\n--spectrum-detail-han-s-emphasized-text-font-weight,var(--spectrum-alias-han-heading-text-font-weight-regular-emphasis)\n);letter-spacing:var(\n--spectrum-detail-han-s-emphasized-text-letter-spacing,var(--spectrum-global-font-letter-spacing-medium)\n);line-height:var(\n--spectrum-detail-han-s-emphasized-text-line-height,var(--spectrum-alias-han-heading-text-line-height)\n);margin-bottom:0;margin-top:0;text-transform:var(\n--spectrum-detail-han-s-emphasized-text-transform,uppercase\n)}.spectrum:lang(ja) .spectrum-Detail--sizeS strong,.spectrum:lang(ko) .spectrum-Detail--sizeS strong,.spectrum:lang(zh) .spectrum-Detail--sizeS strong{font-size:var(\n--spectrum-detail-han-s-strong-text-size,var(--spectrum-global-dimension-font-size-50)\n);font-style:var(\n--spectrum-detail-han-s-strong-text-font-style,var(--spectrum-global-font-style-regular)\n);font-weight:var(\n--spectrum-detail-han-s-strong-text-font-weight,var(--spectrum-alias-han-heading-text-font-weight-regular-strong)\n);letter-spacing:var(\n--spectrum-detail-han-s-strong-text-letter-spacing,var(--spectrum-global-font-letter-spacing-medium)\n);line-height:var(\n--spectrum-detail-han-s-strong-text-line-height,var(--spectrum-alias-han-heading-text-line-height)\n);margin-bottom:0;margin-top:0;text-transform:var(\n--spectrum-detail-han-s-strong-text-transform,uppercase\n)}.spectrum:lang(ja) .spectrum-Detail--light,.spectrum:lang(ko) .spectrum-Detail--light,.spectrum:lang(zh) .spectrum-Detail--light{font-weight:var(\n--spectrum-detail-han-m-text-font-weight,var(--spectrum-alias-han-heading-text-font-weight-regular)\n)}.spectrum:lang(ja) .spectrum-Detail--light .spectrum-Detail--emphasized,.spectrum:lang(ja) .spectrum-Detail--light em,.spectrum:lang(ko) .spectrum-Detail--light .spectrum-Detail--emphasized,.spectrum:lang(ko) .spectrum-Detail--light em,.spectrum:lang(zh) .spectrum-Detail--light .spectrum-Detail--emphasized,.spectrum:lang(zh) .spectrum-Detail--light em{font-style:var(\n--spectrum-detail-han-m-light-emphasized-text-font-style,var(--spectrum-global-font-style-regular)\n);font-weight:var(\n--spectrum-detail-han-m-light-emphasized-text-font-weight,var(--spectrum-alias-han-heading-text-font-weight-light-emphasis)\n)}.spectrum:lang(ja) .spectrum-Detail--light .spectrum-Detail--strong,.spectrum:lang(ja) .spectrum-Detail--light strong,.spectrum:lang(ko) .spectrum-Detail--light .spectrum-Detail--strong,.spectrum:lang(ko) .spectrum-Detail--light strong,.spectrum:lang(zh) .spectrum-Detail--light .spectrum-Detail--strong,.spectrum:lang(zh) .spectrum-Detail--light strong{font-style:var(\n--spectrum-detail-han-m-light-strong-text-font-style,var(--spectrum-global-font-style-regular)\n);font-weight:var(\n--spectrum-detail-han-m-light-strong-text-font-weight,var(--spectrum-alias-han-heading-text-font-weight-light-strong)\n)}.spectrum:lang(ja) .spectrum-Code--sizeXL,.spectrum:lang(ko) .spectrum-Code--sizeXL,.spectrum:lang(zh) .spectrum-Code--sizeXL{font-family:var(\n--spectrum-code-han-xl-text-font-family,var(--spectrum-alias-font-family-zh)\n);font-size:var(\n--spectrum-code-han-xl-text-size,var(--spectrum-global-dimension-font-size-400)\n);font-style:var(\n--spectrum-code-han-xl-text-font-style,var(--spectrum-global-font-style-regular)\n);font-weight:var(\n--spectrum-code-han-xl-text-font-weight,var(--spectrum-alias-han-body-text-font-weight-regular)\n);letter-spacing:var(\n--spectrum-code-han-xl-text-letter-spacing,var(--spectrum-global-font-letter-spacing-han)\n);line-height:var(\n--spectrum-code-han-xl-text-line-height,var(--spectrum-alias-han-body-text-line-height)\n);margin-bottom:0;margin-top:0}.spectrum:lang(ja) .spectrum-Code--sizeL,.spectrum:lang(ko) .spectrum-Code--sizeL,.spectrum:lang(zh) .spectrum-Code--sizeL{font-family:var(\n--spectrum-code-han-l-text-font-family,var(--spectrum-alias-font-family-zh)\n);font-size:var(\n--spectrum-code-han-l-text-size,var(--spectrum-global-dimension-font-size-300)\n);font-style:var(\n--spectrum-code-han-l-text-font-style,var(--spectrum-global-font-style-regular)\n);font-weight:var(\n--spectrum-code-han-l-text-font-weight,var(--spectrum-alias-han-body-text-font-weight-regular)\n);letter-spacing:var(\n--spectrum-code-han-l-text-letter-spacing,var(--spectrum-global-font-letter-spacing-han)\n);line-height:var(\n--spectrum-code-han-l-text-line-height,var(--spectrum-alias-han-body-text-line-height)\n);margin-bottom:0;margin-top:0}.spectrum:lang(ja) .spectrum-Code--sizeM,.spectrum:lang(ko) .spectrum-Code--sizeM,.spectrum:lang(zh) .spectrum-Code--sizeM{font-family:var(\n--spectrum-code-han-m-text-font-family,var(--spectrum-alias-font-family-zh)\n);font-size:var(\n--spectrum-code-han-m-text-size,var(--spectrum-global-dimension-font-size-200)\n);font-style:var(\n--spectrum-code-han-m-text-font-style,var(--spectrum-global-font-style-regular)\n);font-weight:var(\n--spectrum-code-han-m-text-font-weight,var(--spectrum-alias-han-body-text-font-weight-regular)\n);letter-spacing:var(\n--spectrum-code-han-m-text-letter-spacing,var(--spectrum-global-font-letter-spacing-han)\n);line-height:var(\n--spectrum-code-han-m-text-line-height,var(--spectrum-alias-han-body-text-line-height)\n);margin-bottom:0;margin-top:0}.spectrum:lang(ja) .spectrum-Code--sizeS,.spectrum:lang(ko) .spectrum-Code--sizeS,.spectrum:lang(zh) .spectrum-Code--sizeS{font-family:var(\n--spectrum-code-han-s-text-font-family,var(--spectrum-alias-font-family-zh)\n);font-size:var(\n--spectrum-code-han-s-text-size,var(--spectrum-global-dimension-font-size-100)\n);font-style:var(\n--spectrum-code-han-s-text-font-style,var(--spectrum-global-font-style-regular)\n);font-weight:var(\n--spectrum-code-han-s-text-font-weight,var(--spectrum-alias-han-body-text-font-weight-regular)\n);letter-spacing:var(\n--spectrum-code-han-s-text-letter-spacing,var(--spectrum-global-font-letter-spacing-han)\n);line-height:var(\n--spectrum-code-han-s-text-line-height,var(--spectrum-alias-han-body-text-line-height)\n);margin-bottom:0;margin-top:0}.spectrum:lang(ja) .spectrum-Code--sizeXS,.spectrum:lang(ko) .spectrum-Code--sizeXS,.spectrum:lang(zh) .spectrum-Code--sizeXS{font-family:var(\n--spectrum-code-han-xs-text-font-family,var(--spectrum-alias-font-family-zh)\n);font-size:var(\n--spectrum-code-han-xs-text-size,var(--spectrum-global-dimension-font-size-75)\n);font-style:var(\n--spectrum-code-han-xs-text-font-style,var(--spectrum-global-font-style-regular)\n);font-weight:var(\n--spectrum-code-han-xs-text-font-weight,var(--spectrum-alias-han-body-text-font-weight-regular)\n);letter-spacing:var(\n--spectrum-code-han-xs-text-letter-spacing,var(--spectrum-global-font-letter-spacing-han)\n);line-height:var(\n--spectrum-code-han-xs-text-line-height,var(--spectrum-alias-han-body-text-line-height)\n);margin-bottom:0;margin-top:0}.spectrum-Heading--sizeXXXL{color:var(\n--spectrum-heading-xxxl-text-color,var(--spectrum-alias-heading-text-color)\n)}.spectrum-Heading--sizeXXL{color:var(\n--spectrum-heading-xxl-text-color,var(--spectrum-alias-heading-text-color)\n)}.spectrum-Heading--sizeXL{color:var(\n--spectrum-heading-xl-text-color,var(--spectrum-alias-heading-text-color)\n)}.spectrum-Heading--sizeL{color:var(\n--spectrum-heading-l-text-color,var(--spectrum-alias-heading-text-color)\n)}.spectrum-Heading--sizeM{color:var(\n--spectrum-heading-m-text-color,var(--spectrum-alias-heading-text-color)\n)}.spectrum-Heading--sizeS{color:var(\n--spectrum-heading-s-text-color,var(--spectrum-alias-heading-text-color)\n)}.spectrum-Heading--sizeXS{color:var(\n--spectrum-heading-xs-text-color,var(--spectrum-alias-heading-text-color)\n)}.spectrum-Heading--sizeXXS{color:var(\n--spectrum-heading-xxs-text-color,var(--spectrum-alias-heading-text-color)\n)}.spectrum-Heading-sizeXXXL--light{color:var(\n--spectrum-heading-xxxl-light-text-color,var(--spectrum-alias-heading-text-color)\n)}.spectrum-Heading-sizeXXL--light{color:var(\n--spectrum-heading-xxl-light-text-color,var(--spectrum-alias-heading-text-color)\n)}.spectrum-Heading-sizeXL--light{color:var(\n--spectrum-heading-xl-light-text-color,var(--spectrum-alias-heading-text-color)\n)}.spectrum-Heading-sizeL--light{color:var(\n--spectrum-heading-l-light-text-color,var(--spectrum-alias-heading-text-color)\n)}.spectrum-Heading-sizeXXXL--heavy{color:var(\n--spectrum-heading-xxxl-heavy-text-color,var(--spectrum-alias-heading-text-color)\n)}.spectrum-Heading-sizeXXL--heavy{color:var(\n--spectrum-heading-xxl-heavy-text-color,var(--spectrum-alias-heading-text-color)\n)}.spectrum-Heading-sizeXL--heavy{color:var(\n--spectrum-heading-xl-heavy-text-color,var(--spectrum-alias-heading-text-color)\n)}.spectrum-Heading-sizeL--heavy{color:var(\n--spectrum-heading-l-heavy-text-color,var(--spectrum-alias-heading-text-color)\n)}.spectrum-Heading-sizeXXXL--heading{color:var(\n--spectrum-heading-xxxl-text-color,var(--spectrum-alias-heading-text-color)\n)}.spectrum-Heading-sizeXXL--heading{color:var(\n--spectrum-heading-xxl-text-color,var(--spectrum-alias-heading-text-color)\n)}.spectrum-Heading-sizeXL--heading{color:var(\n--spectrum-heading-xl-text-color,var(--spectrum-alias-heading-text-color)\n)}.spectrum-Heading-sizeL--heading{color:var(\n--spectrum-heading-l-text-color,var(--spectrum-alias-heading-text-color)\n)}.spectrum-Body--sizeXXXL{color:var(\n--spectrum-body-xxxl-text-color,var(--spectrum-alias-text-color)\n)}.spectrum-Body--sizeXXL{color:var(\n--spectrum-body-xxl-text-color,var(--spectrum-alias-text-color)\n)}.spectrum-Body--sizeXL{color:var(--spectrum-body-xl-text-color,var(--spectrum-alias-text-color))}.spectrum-Body--sizeL{color:var(--spectrum-body-l-text-color,var(--spectrum-alias-text-color))}.spectrum-Body--sizeM{color:var(--spectrum-body-m-text-color,var(--spectrum-alias-text-color))}.spectrum-Body--sizeS{color:var(--spectrum-body-s-text-color,var(--spectrum-alias-text-color))}.spectrum-Body--sizeXS{color:var(--spectrum-body-xs-text-color,var(--spectrum-alias-text-color))}.spectrum-Detail--sizeXL{color:var(\n--spectrum-detail-xl-text-color,var(--spectrum-alias-heading-text-color)\n)}.spectrum-Detail--sizeL{color:var(\n--spectrum-detail-l-text-color,var(--spectrum-alias-heading-text-color)\n)}.spectrum-Detail--sizeM{color:var(\n--spectrum-detail-m-text-color,var(--spectrum-alias-heading-text-color)\n)}.spectrum-Detail--sizeS{color:var(\n--spectrum-detail-s-text-color,var(--spectrum-alias-heading-text-color)\n)}.spectrum-Code--sizeXL{color:var(--spectrum-code-xl-text-color,var(--spectrum-alias-text-color))}.spectrum-Code--sizeL{color:var(--spectrum-code-l-text-color,var(--spectrum-alias-text-color))}.spectrum-Code--sizeM{color:var(--spectrum-code-m-text-color,var(--spectrum-alias-text-color))}.spectrum-Code--sizeS{color:var(--spectrum-code-s-text-color,var(--spectrum-alias-text-color))}.spectrum-Code--sizeXS{color:var(--spectrum-code-xs-text-color,var(--spectrum-alias-text-color))}.spectrum:lang(ja) .spectrum-Body--sizeXXXL,.spectrum:lang(ko) .spectrum-Body--sizeXXXL,.spectrum:lang(zh) .spectrum-Body--sizeXXXL{color:var(\n--spectrum-body-han-xxxl-text-color,var(--spectrum-alias-text-color)\n)}.spectrum:lang(ja) .spectrum-Body--sizeXXL,.spectrum:lang(ko) .spectrum-Body--sizeXXL,.spectrum:lang(zh) .spectrum-Body--sizeXXL{color:var(\n--spectrum-body-han-xxl-text-color,var(--spectrum-alias-text-color)\n)}.spectrum:lang(ja) .spectrum-Body--sizeXL,.spectrum:lang(ko) .spectrum-Body--sizeXL,.spectrum:lang(zh) .spectrum-Body--sizeXL{color:var(\n--spectrum-body-han-xl-text-color,var(--spectrum-alias-text-color)\n)}.spectrum:lang(ja) .spectrum-Body--sizeL,.spectrum:lang(ko) .spectrum-Body--sizeL,.spectrum:lang(zh) .spectrum-Body--sizeL{color:var(\n--spectrum-body-han-l-text-color,var(--spectrum-alias-text-color)\n)}.spectrum:lang(ja) .spectrum-Body--sizeM,.spectrum:lang(ko) .spectrum-Body--sizeM,.spectrum:lang(zh) .spectrum-Body--sizeM{color:var(\n--spectrum-body-han-m-text-color,var(--spectrum-alias-text-color)\n)}.spectrum:lang(ja) .spectrum-Body--sizeS,.spectrum:lang(ko) .spectrum-Body--sizeS,.spectrum:lang(zh) .spectrum-Body--sizeS{color:var(\n--spectrum-body-han-s-text-color,var(--spectrum-alias-text-color)\n)}.spectrum:lang(ja) .spectrum-Body--sizeXS,.spectrum:lang(ko) .spectrum-Body--sizeXS,.spectrum:lang(zh) .spectrum-Body--sizeXS{color:var(\n--spectrum-body-han-xs-text-color,var(--spectrum-alias-text-color)\n)}.spectrum:lang(ja) .spectrum-Heading--sizeXXXL,.spectrum:lang(ko) .spectrum-Heading--sizeXXXL,.spectrum:lang(zh) .spectrum-Heading--sizeXXXL{color:var(\n--spectrum-heading-xxxl-text-color,var(--spectrum-alias-heading-text-color)\n)}.spectrum:lang(ja) .spectrum-Heading--sizeXXL,.spectrum:lang(ko) .spectrum-Heading--sizeXXL,.spectrum:lang(zh) .spectrum-Heading--sizeXXL{color:var(\n--spectrum-heading-xxl-text-color,var(--spectrum-alias-heading-text-color)\n)}.spectrum:lang(ja) .spectrum-Heading--sizeXL,.spectrum:lang(ko) .spectrum-Heading--sizeXL,.spectrum:lang(zh) .spectrum-Heading--sizeXL{color:var(\n--spectrum-heading-xl-text-color,var(--spectrum-alias-heading-text-color)\n)}.spectrum:lang(ja) .spectrum-Heading--sizeL,.spectrum:lang(ko) .spectrum-Heading--sizeL,.spectrum:lang(zh) .spectrum-Heading--sizeL{color:var(\n--spectrum-heading-l-text-color,var(--spectrum-alias-heading-text-color)\n)}.spectrum:lang(ja) .spectrum-Heading--sizeM,.spectrum:lang(ko) .spectrum-Heading--sizeM,.spectrum:lang(zh) .spectrum-Heading--sizeM{color:var(\n--spectrum-heading-m-text-color,var(--spectrum-alias-heading-text-color)\n)}.spectrum:lang(ja) .spectrum-Heading--sizeS,.spectrum:lang(ko) .spectrum-Heading--sizeS,.spectrum:lang(zh) .spectrum-Heading--sizeS{color:var(\n--spectrum-heading-s-text-color,var(--spectrum-alias-heading-text-color)\n)}.spectrum:lang(ja) .spectrum-Heading--sizeXS,.spectrum:lang(ko) .spectrum-Heading--sizeXS,.spectrum:lang(zh) .spectrum-Heading--sizeXS{color:var(\n--spectrum-heading-xs-text-color,var(--spectrum-alias-heading-text-color)\n)}.spectrum:lang(ja) .spectrum-Heading--sizeXXS,.spectrum:lang(ko) .spectrum-Heading--sizeXXS,.spectrum:lang(zh) .spectrum-Heading--sizeXXS{color:var(\n--spectrum-heading-xxs-text-color,var(--spectrum-alias-heading-text-color)\n)}.spectrum:lang(ja) .spectrum-Heading-sizeXXXL--light,.spectrum:lang(ko) .spectrum-Heading-sizeXXXL--light,.spectrum:lang(zh) .spectrum-Heading-sizeXXXL--light{color:var(\n--spectrum-heading-xxxl-light-text-color,var(--spectrum-alias-heading-text-color)\n)}.spectrum:lang(ja) .spectrum-Heading-sizeXXL--light,.spectrum:lang(ko) .spectrum-Heading-sizeXXL--light,.spectrum:lang(zh) .spectrum-Heading-sizeXXL--light{color:var(\n--spectrum-heading-xxl-light-text-color,var(--spectrum-alias-heading-text-color)\n)}.spectrum:lang(ja) .spectrum-Heading-sizeXL--light,.spectrum:lang(ko) .spectrum-Heading-sizeXL--light,.spectrum:lang(zh) .spectrum-Heading-sizeXL--light{color:var(\n--spectrum-heading-xl-light-text-color,var(--spectrum-alias-heading-text-color)\n)}.spectrum:lang(ja) .spectrum-Heading-sizeL--light,.spectrum:lang(ko) .spectrum-Heading-sizeL--light,.spectrum:lang(zh) .spectrum-Heading-sizeL--light{color:var(\n--spectrum-heading-l-light-text-color,var(--spectrum-alias-heading-text-color)\n)}.spectrum:lang(ja) .spectrum-Heading-sizeXXXL--heavy,.spectrum:lang(ko) .spectrum-Heading-sizeXXXL--heavy,.spectrum:lang(zh) .spectrum-Heading-sizeXXXL--heavy{color:var(\n--spectrum-heading-xxxl-heavy-text-color,var(--spectrum-alias-heading-text-color)\n)}.spectrum:lang(ja) .spectrum-Heading-sizeXXL--heavy,.spectrum:lang(ko) .spectrum-Heading-sizeXXL--heavy,.spectrum:lang(zh) .spectrum-Heading-sizeXXL--heavy{color:var(\n--spectrum-heading-xxl-heavy-text-color,var(--spectrum-alias-heading-text-color)\n)}.spectrum:lang(ja) .spectrum-Heading-sizeXL--heavy,.spectrum:lang(ko) .spectrum-Heading-sizeXL--heavy,.spectrum:lang(zh) .spectrum-Heading-sizeXL--heavy{color:var(\n--spectrum-heading-xl-heavy-text-color,var(--spectrum-alias-heading-text-color)\n)}.spectrum:lang(ja) .spectrum-Heading-sizeL--heavy,.spectrum:lang(ko) .spectrum-Heading-sizeL--heavy,.spectrum:lang(zh) .spectrum-Heading-sizeL--heavy{color:var(\n--spectrum-heading-l-heavy-text-color,var(--spectrum-alias-heading-text-color)\n)}.spectrum:lang(ja) .spectrum-Heading-sizeXXXL--heading,.spectrum:lang(ko) .spectrum-Heading-sizeXXXL--heading,.spectrum:lang(zh) .spectrum-Heading-sizeXXXL--heading{color:var(\n--spectrum-heading-xxxl-text-color,var(--spectrum-alias-heading-text-color)\n)}.spectrum:lang(ja) .spectrum-Heading-sizeXXL--heading,.spectrum:lang(ko) .spectrum-Heading-sizeXXL--heading,.spectrum:lang(zh) .spectrum-Heading-sizeXXL--heading{color:var(\n--spectrum-heading-xxl-text-color,var(--spectrum-alias-heading-text-color)\n)}.spectrum:lang(ja) .spectrum-Heading-sizeXL--heading,.spectrum:lang(ko) .spectrum-Heading-sizeXL--heading,.spectrum:lang(zh) .spectrum-Heading-sizeXL--heading{color:var(\n--spectrum-heading-xl-text-color,var(--spectrum-alias-heading-text-color)\n)}.spectrum:lang(ja) .spectrum-Heading-sizeL--heading,.spectrum:lang(ko) .spectrum-Heading-sizeL--heading,.spectrum:lang(zh) .spectrum-Heading-sizeL--heading{color:var(\n--spectrum-heading-l-text-color,var(--spectrum-alias-heading-text-color)\n)}.spectrum:lang(ja) .spectrum-Detail--sizeXL,.spectrum:lang(ko) .spectrum-Detail--sizeXL,.spectrum:lang(zh) .spectrum-Detail--sizeXL{color:var(\n--spectrum-detail-xl-text-color,var(--spectrum-alias-heading-text-color)\n)}.spectrum:lang(ja) .spectrum-Detail--sizeL,.spectrum:lang(ko) .spectrum-Detail--sizeL,.spectrum:lang(zh) .spectrum-Detail--sizeL{color:var(\n--spectrum-detail-l-text-color,var(--spectrum-alias-heading-text-color)\n)}.spectrum:lang(ja) .spectrum-Detail--sizeM,.spectrum:lang(ko) .spectrum-Detail--sizeM,.spectrum:lang(zh) .spectrum-Detail--sizeM{color:var(\n--spectrum-detail-m-text-color,var(--spectrum-alias-heading-text-color)\n)}.spectrum:lang(ja) .spectrum-Detail--sizeS,.spectrum:lang(ko) .spectrum-Detail--sizeS,.spectrum:lang(zh) .spectrum-Detail--sizeS{color:var(\n--spectrum-detail-s-text-color,var(--spectrum-alias-heading-text-color)\n)}.spectrum:lang(ja) .spectrum-Code--sizeXL,.spectrum:lang(ko) .spectrum-Code--sizeXL,.spectrum:lang(zh) .spectrum-Code--sizeXL{color:var(--spectrum-code-xl-text-color,var(--spectrum-alias-text-color))}.spectrum:lang(ja) .spectrum-Code--sizeL,.spectrum:lang(ko) .spectrum-Code--sizeL,.spectrum:lang(zh) .spectrum-Code--sizeL{color:var(--spectrum-code-l-text-color,var(--spectrum-alias-text-color))}.spectrum:lang(ja) .spectrum-Code--sizeM,.spectrum:lang(ko) .spectrum-Code--sizeM,.spectrum:lang(zh) .spectrum-Code--sizeM{color:var(--spectrum-code-m-text-color,var(--spectrum-alias-text-color))}.spectrum:lang(ja) .spectrum-Code--sizeS,.spectrum:lang(ko) .spectrum-Code--sizeS,.spectrum:lang(zh) .spectrum-Code--sizeS{color:var(--spectrum-code-s-text-color,var(--spectrum-alias-text-color))}.spectrum:lang(ja) .spectrum-Code--sizeXS,.spectrum:lang(ko) .spectrum-Code--sizeXS,.spectrum:lang(zh) .spectrum-Code--sizeXS{color:var(--spectrum-code-xs-text-color,var(--spectrum-alias-text-color))}.spectrum,.spectrum-Body{color:var(--spectrum-body-m-text-color,var(--spectrum-alias-text-color))}\n`;\nexport default styles;"]}
|
package/test/theme-lazy.test.js
CHANGED
|
@@ -23,7 +23,7 @@ describe('Themes - lazy', () => {
|
|
|
23
23
|
beforeEach(() => {
|
|
24
24
|
Theme.themeFragmentsByKind.clear();
|
|
25
25
|
// Core is registered by default in `theme.ts`
|
|
26
|
-
Theme.registerThemeFragment('
|
|
26
|
+
Theme.registerThemeFragment('spectrum', 'theme', coreStyles);
|
|
27
27
|
});
|
|
28
28
|
after(() => {
|
|
29
29
|
Theme.registerThemeFragment('light', 'color', lightStyles);
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"theme-lazy.test.js","sourceRoot":"","sources":["theme-lazy.test.ts"],"names":[],"mappings":"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","sourcesContent":["/*\nCopyright 2020 Adobe. All rights reserved.\nThis file is licensed to you under the Apache License, Version 2.0 (the \"License\");\nyou may not use this file except in compliance with the License. You may obtain a copy\nof the License at http://www.apache.org/licenses/LICENSE-2.0\n\nUnless required by applicable law or agreed to in writing, software distributed under\nthe License is distributed on an \"AS IS\" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS\nOF ANY KIND, either express or implied. See the License for the specific language\ngoverning permissions and limitations under the License.\n*/\n\nimport '../sp-theme.js';\nimport { Theme, ThemeFragmentMap } from '../';\nimport coreStyles from '../src/theme.css.js';\nimport lightStyles from '../src/theme-light.css.js';\nimport lightestStyles from '../src/theme-lightest.css.js';\nimport darkStyles from '../src/theme-dark.css.js';\nimport darkestStyles from '../src/theme-darkest.css.js';\nimport largeStyles from '../src/scale-large.css.js';\nimport mediumStyles from '../src/scale-medium.css.js';\nimport { elementUpdated, expect, fixture, html } from '@open-wc/testing';\n\ntype TestableThemeConstructor = {\n instances: Set<Theme>;\n themeFragmentsByKind: ThemeFragmentMap;\n};\n\ndescribe('Themes - lazy', () => {\n beforeEach(() => {\n (\n Theme as unknown as TestableThemeConstructor\n ).themeFragmentsByKind.clear();\n // Core is registered by default in `theme.ts`\n Theme.registerThemeFragment('core', 'core', coreStyles);\n });\n after(() => {\n Theme.registerThemeFragment('light', 'color', lightStyles);\n Theme.registerThemeFragment('lightest', 'color', lightestStyles);\n Theme.registerThemeFragment('dark', 'color', darkStyles);\n Theme.registerThemeFragment('darkest', 'color', darkestStyles);\n Theme.registerThemeFragment('large', 'scale', largeStyles);\n Theme.registerThemeFragment('medium', 'scale', mediumStyles);\n });\n it('loads w/ no themes and none set', async () => {\n const el = await fixture<Theme>(\n html`\n <sp-theme></sp-theme>\n `\n );\n\n await elementUpdated(el);\n\n if (el.shadowRoot.adoptedStyleSheets) {\n expect(el.shadowRoot.adoptedStyleSheets.length).to.equal(1);\n } else {\n expect(\n [...el.shadowRoot.querySelectorAll('style')].length\n ).to.equal(1);\n }\n expect(el.color).to.equal('');\n expect(el.scale).to.equal('');\n });\n it('loads w/ themes and none set', async () => {\n const el = await fixture<Theme>(\n html`\n <sp-theme></sp-theme>\n `\n );\n\n await elementUpdated(el);\n\n Theme.registerThemeFragment('light', 'color', lightStyles);\n Theme.registerThemeFragment('medium', 'scale', mediumStyles);\n\n await elementUpdated(el);\n\n if (el.shadowRoot.adoptedStyleSheets) {\n expect(el.shadowRoot.adoptedStyleSheets.length).to.equal(1);\n } else {\n expect(\n [...el.shadowRoot.querySelectorAll('style')].length\n ).to.equal(1);\n }\n expect(el.color).to.equal('light');\n expect(el.scale).to.equal('medium');\n });\n it('loads w/ no themes', async () => {\n const el = await fixture<Theme>(\n html`\n <sp-theme color=\"lightest\" scale=\"large\"></sp-theme>\n `\n );\n\n await elementUpdated(el);\n\n if (el.shadowRoot.adoptedStyleSheets) {\n expect(el.shadowRoot.adoptedStyleSheets.length).to.equal(1);\n } else {\n expect(\n [...el.shadowRoot.querySelectorAll('style')].length\n ).to.equal(1);\n }\n });\n it('loads w/ not enough themes', async () => {\n const el = await fixture<Theme>(\n html`\n <sp-theme color=\"lightest\" scale=\"large\"></sp-theme>\n `\n );\n\n await elementUpdated(el);\n\n Theme.registerThemeFragment('light', 'color', lightStyles);\n Theme.registerThemeFragment('medium', 'scale', mediumStyles);\n\n await elementUpdated(el);\n\n if (el.shadowRoot.adoptedStyleSheets) {\n expect(el.shadowRoot.adoptedStyleSheets.length).to.equal(1);\n } else {\n expect(\n [...el.shadowRoot.querySelectorAll('style')].length\n ).to.equal(1);\n }\n });\n it('loads w/ lazy themes', async () => {\n const el = await fixture<Theme>(\n html`\n <sp-theme color=\"lightest\" scale=\"large\"></sp-theme>\n `\n );\n\n await elementUpdated(el);\n\n Theme.registerThemeFragment('light', 'color', lightStyles);\n Theme.registerThemeFragment('medium', 'scale', mediumStyles);\n\n await elementUpdated(el);\n\n if (el.shadowRoot.adoptedStyleSheets) {\n expect(el.shadowRoot.adoptedStyleSheets.length).to.equal(1);\n } else {\n expect(\n [...el.shadowRoot.querySelectorAll('style')].length\n ).to.equal(1);\n }\n\n Theme.registerThemeFragment('lightest', 'color', lightestStyles);\n Theme.registerThemeFragment('large', 'scale', largeStyles);\n\n await elementUpdated(el);\n\n if (el.shadowRoot.adoptedStyleSheets) {\n expect(el.shadowRoot.adoptedStyleSheets.length).to.equal(3);\n } else {\n expect(\n [...el.shadowRoot.querySelectorAll('style')].length\n ).to.equal(3);\n }\n });\n});\n"]}
|
|
1
|
+
{"version":3,"file":"theme-lazy.test.js","sourceRoot":"","sources":["theme-lazy.test.ts"],"names":[],"mappings":"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","sourcesContent":["/*\nCopyright 2020 Adobe. All rights reserved.\nThis file is licensed to you under the Apache License, Version 2.0 (the \"License\");\nyou may not use this file except in compliance with the License. You may obtain a copy\nof the License at http://www.apache.org/licenses/LICENSE-2.0\n\nUnless required by applicable law or agreed to in writing, software distributed under\nthe License is distributed on an \"AS IS\" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS\nOF ANY KIND, either express or implied. See the License for the specific language\ngoverning permissions and limitations under the License.\n*/\n\nimport '../sp-theme.js';\nimport { Theme, ThemeFragmentMap } from '../';\nimport coreStyles from '../src/theme.css.js';\nimport lightStyles from '../src/theme-light.css.js';\nimport lightestStyles from '../src/theme-lightest.css.js';\nimport darkStyles from '../src/theme-dark.css.js';\nimport darkestStyles from '../src/theme-darkest.css.js';\nimport largeStyles from '../src/scale-large.css.js';\nimport mediumStyles from '../src/scale-medium.css.js';\nimport { elementUpdated, expect, fixture, html } from '@open-wc/testing';\n\ntype TestableThemeConstructor = {\n instances: Set<Theme>;\n themeFragmentsByKind: ThemeFragmentMap;\n};\n\ndescribe('Themes - lazy', () => {\n beforeEach(() => {\n (\n Theme as unknown as TestableThemeConstructor\n ).themeFragmentsByKind.clear();\n // Core is registered by default in `theme.ts`\n Theme.registerThemeFragment('spectrum', 'theme', coreStyles);\n });\n after(() => {\n Theme.registerThemeFragment('light', 'color', lightStyles);\n Theme.registerThemeFragment('lightest', 'color', lightestStyles);\n Theme.registerThemeFragment('dark', 'color', darkStyles);\n Theme.registerThemeFragment('darkest', 'color', darkestStyles);\n Theme.registerThemeFragment('large', 'scale', largeStyles);\n Theme.registerThemeFragment('medium', 'scale', mediumStyles);\n });\n it('loads w/ no themes and none set', async () => {\n const el = await fixture<Theme>(\n html`\n <sp-theme></sp-theme>\n `\n );\n\n await elementUpdated(el);\n\n if (el.shadowRoot.adoptedStyleSheets) {\n expect(el.shadowRoot.adoptedStyleSheets.length).to.equal(1);\n } else {\n expect(\n [...el.shadowRoot.querySelectorAll('style')].length\n ).to.equal(1);\n }\n expect(el.color).to.equal('');\n expect(el.scale).to.equal('');\n });\n it('loads w/ themes and none set', async () => {\n const el = await fixture<Theme>(\n html`\n <sp-theme></sp-theme>\n `\n );\n\n await elementUpdated(el);\n\n Theme.registerThemeFragment('light', 'color', lightStyles);\n Theme.registerThemeFragment('medium', 'scale', mediumStyles);\n\n await elementUpdated(el);\n\n if (el.shadowRoot.adoptedStyleSheets) {\n expect(el.shadowRoot.adoptedStyleSheets.length).to.equal(1);\n } else {\n expect(\n [...el.shadowRoot.querySelectorAll('style')].length\n ).to.equal(1);\n }\n expect(el.color).to.equal('light');\n expect(el.scale).to.equal('medium');\n });\n it('loads w/ no themes', async () => {\n const el = await fixture<Theme>(\n html`\n <sp-theme color=\"lightest\" scale=\"large\"></sp-theme>\n `\n );\n\n await elementUpdated(el);\n\n if (el.shadowRoot.adoptedStyleSheets) {\n expect(el.shadowRoot.adoptedStyleSheets.length).to.equal(1);\n } else {\n expect(\n [...el.shadowRoot.querySelectorAll('style')].length\n ).to.equal(1);\n }\n });\n it('loads w/ not enough themes', async () => {\n const el = await fixture<Theme>(\n html`\n <sp-theme color=\"lightest\" scale=\"large\"></sp-theme>\n `\n );\n\n await elementUpdated(el);\n\n Theme.registerThemeFragment('light', 'color', lightStyles);\n Theme.registerThemeFragment('medium', 'scale', mediumStyles);\n\n await elementUpdated(el);\n\n if (el.shadowRoot.adoptedStyleSheets) {\n expect(el.shadowRoot.adoptedStyleSheets.length).to.equal(1);\n } else {\n expect(\n [...el.shadowRoot.querySelectorAll('style')].length\n ).to.equal(1);\n }\n });\n it('loads w/ lazy themes', async () => {\n const el = await fixture<Theme>(\n html`\n <sp-theme color=\"lightest\" scale=\"large\"></sp-theme>\n `\n );\n\n await elementUpdated(el);\n\n Theme.registerThemeFragment('light', 'color', lightStyles);\n Theme.registerThemeFragment('medium', 'scale', mediumStyles);\n\n await elementUpdated(el);\n\n if (el.shadowRoot.adoptedStyleSheets) {\n expect(el.shadowRoot.adoptedStyleSheets.length).to.equal(1);\n } else {\n expect(\n [...el.shadowRoot.querySelectorAll('style')].length\n ).to.equal(1);\n }\n\n Theme.registerThemeFragment('lightest', 'color', lightestStyles);\n Theme.registerThemeFragment('large', 'scale', largeStyles);\n\n await elementUpdated(el);\n\n if (el.shadowRoot.adoptedStyleSheets) {\n expect(el.shadowRoot.adoptedStyleSheets.length).to.equal(3);\n } else {\n expect(\n [...el.shadowRoot.querySelectorAll('style')].length\n ).to.equal(3);\n }\n });\n});\n"]}
|
package/test/themes.test.js
CHANGED
|
@@ -17,7 +17,7 @@ import { css } from '@spectrum-web-components/base';
|
|
|
17
17
|
describe('Themes', () => {
|
|
18
18
|
it('loads - light', async () => {
|
|
19
19
|
const el = await fixture(html `
|
|
20
|
-
<sp-theme color="light"></sp-theme>
|
|
20
|
+
<sp-theme theme="classic" color="light"></sp-theme>
|
|
21
21
|
`);
|
|
22
22
|
await elementUpdated(el);
|
|
23
23
|
expect(el).to.exist;
|
|
@@ -41,7 +41,7 @@ describe('Themes', () => {
|
|
|
41
41
|
});
|
|
42
42
|
it('adds an instance only once', async () => {
|
|
43
43
|
const el = await fixture(html `
|
|
44
|
-
<sp-theme></sp-theme>
|
|
44
|
+
<sp-theme theme="express"></sp-theme>
|
|
45
45
|
`);
|
|
46
46
|
await elementUpdated(el);
|
|
47
47
|
const testableTheme = Theme;
|
package/test/themes.test.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"themes.test.js","sourceRoot":"","sources":["themes.test.ts"],"names":[],"mappings":"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","sourcesContent":["/*\nCopyright 2020 Adobe. All rights reserved.\nThis file is licensed to you under the Apache License, Version 2.0 (the \"License\");\nyou may not use this file except in compliance with the License. You may obtain a copy\nof the License at http://www.apache.org/licenses/LICENSE-2.0\n\nUnless required by applicable law or agreed to in writing, software distributed under\nthe License is distributed on an \"AS IS\" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS\nOF ANY KIND, either express or implied. See the License for the specific language\ngoverning permissions and limitations under the License.\n*/\n\nimport '../sp-theme.js';\nimport '../src/themes.js';\nimport { Theme, ThemeFragmentMap } from '../';\nimport { elementUpdated, expect, fixture, html } from '@open-wc/testing';\nimport { css } from '@spectrum-web-components/base';\n\ntype TestableThemeConstructor = {\n instances: Set<Theme>;\n themeFragmentsByKind: ThemeFragmentMap;\n};\n\ndescribe('Themes', () => {\n it('loads - light', async () => {\n const el = await fixture<Theme>(\n html`\n <sp-theme color=\"light\"></sp-theme>\n `\n );\n\n await elementUpdated(el);\n\n expect(el).to.exist;\n expect(el).shadowDom.to.exist;\n });\n it('loads - dark', async () => {\n const el = await fixture<Theme>(\n html`\n <sp-theme color=\"dark\"></sp-theme>\n `\n );\n\n await elementUpdated(el);\n\n expect(el).to.exist;\n expect(el).shadowDom.to.exist;\n });\n it('loads - unkown', async () => {\n const el = await fixture<Theme>(\n html`\n <sp-theme color=\"unknown\" scale=\"unknown\"></sp-theme>\n `\n );\n\n await elementUpdated(el);\n\n expect(el).to.exist;\n expect(el).shadowDom.to.exist;\n });\n it('adds an instance only once', async () => {\n const el = await fixture<Theme>(\n html`\n <sp-theme></sp-theme>\n `\n );\n\n await elementUpdated(el);\n const testableTheme = Theme as unknown as TestableThemeConstructor;\n expect(testableTheme.instances.has(el), 'first').to.be.true;\n expect(testableTheme.instances.size).to.equal(1);\n\n el.remove();\n expect(testableTheme.instances.has(el), 'second').to.be.false;\n expect(testableTheme.instances.size).to.equal(0);\n\n document.body.append(el);\n expect(testableTheme.instances.has(el), 'third').to.be.true;\n expect(testableTheme.instances.size).to.equal(1);\n });\n});\n\ndescribe('Lightest', () => {\n it('loads', async () => {\n const el = await fixture<Theme>(\n html`\n <sp-theme color=\"lightest\"></sp-theme>\n `\n );\n\n await elementUpdated(el);\n\n expect(el).to.exist;\n expect(el).shadowDom.to.exist;\n });\n});\n\ndescribe('Medium', () => {\n it('loads', async () => {\n const el = await fixture<Theme>(\n html`\n <sp-theme scale=\"medium\"></sp-theme>\n `\n );\n\n await elementUpdated(el);\n\n expect(el).to.exist;\n expect(el).shadowDom.to.exist;\n });\n});\n\ndescribe('App styles', () => {\n it('applies app fragments', async () => {\n const el = await fixture<Theme>(\n html`\n <sp-theme color=\"light\">\n <style>\n div {\n padding: var(--app-padding);\n }\n </style>\n <div></div>\n </sp-theme>\n `\n );\n const div = el.querySelector('div') as HTMLDivElement;\n\n await elementUpdated(el);\n\n const preStylesDiv = getComputedStyle(div);\n expect(preStylesDiv.paddingBlockStart).to.equal('0px');\n\n Theme.registerThemeFragment(\n 'app',\n 'app',\n css`\n :host {\n --app-padding: 10px;\n }\n `\n );\n await elementUpdated(el);\n\n const postStylesDiv = getComputedStyle(div);\n expect(postStylesDiv.paddingBlockStart).to.equal('10px');\n\n (\n Theme as unknown as TestableThemeConstructor\n ).themeFragmentsByKind.delete('app');\n });\n});\n\ndescribe('Setting attributes', () => {\n it('loads', async () => {\n const el = await fixture<Theme>(\n html`\n <sp-theme color=\"light\"></sp-theme>\n `\n );\n\n await elementUpdated(el);\n\n expect(el).to.not.be.undefined;\n expect(el.hasAttribute('scale')).to.be.false;\n\n if (el.shadowRoot.adoptedStyleSheets) {\n expect(el.shadowRoot.adoptedStyleSheets.length).to.equal(2);\n } else {\n expect(\n [...el.shadowRoot.querySelectorAll('style')].length\n ).to.equal(2);\n }\n\n await elementUpdated(el);\n\n // Invalid initial value falls back to default\n el.setAttribute('scale', 'fish');\n expect(el.getAttribute('scale')).to.equal('medium');\n\n if (el.shadowRoot.adoptedStyleSheets) {\n expect(el.shadowRoot.adoptedStyleSheets.length).to.equal(2);\n } else {\n expect(\n [...el.shadowRoot.querySelectorAll('style')].length\n ).to.equal(2);\n }\n\n el.color = 'dark';\n el.scale = 'medium';\n\n await elementUpdated(el);\n expect(el.getAttribute('color')).to.equal('dark');\n expect(el.getAttribute('scale')).to.equal('medium');\n\n if (el.shadowRoot.adoptedStyleSheets) {\n expect(el.shadowRoot.adoptedStyleSheets.length, 'all').to.equal(3);\n } else {\n expect(\n [...el.shadowRoot.querySelectorAll('style')].length\n ).to.equal(3);\n }\n\n // Invalid second + value fallsback to previous\n el.setAttribute('color', 'fish');\n\n await elementUpdated(el);\n expect(el.getAttribute('color')).to.equal('dark');\n\n if (el.shadowRoot.adoptedStyleSheets) {\n expect(el.shadowRoot.adoptedStyleSheets.length, 'last').to.equal(3);\n } else {\n expect(\n [...el.shadowRoot.querySelectorAll('style')].length\n ).to.equal(3);\n }\n });\n});\n"]}
|
|
1
|
+
{"version":3,"file":"themes.test.js","sourceRoot":"","sources":["themes.test.ts"],"names":[],"mappings":"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","sourcesContent":["/*\nCopyright 2020 Adobe. All rights reserved.\nThis file is licensed to you under the Apache License, Version 2.0 (the \"License\");\nyou may not use this file except in compliance with the License. You may obtain a copy\nof the License at http://www.apache.org/licenses/LICENSE-2.0\n\nUnless required by applicable law or agreed to in writing, software distributed under\nthe License is distributed on an \"AS IS\" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS\nOF ANY KIND, either express or implied. See the License for the specific language\ngoverning permissions and limitations under the License.\n*/\n\nimport '../sp-theme.js';\nimport '../src/themes.js';\nimport { Theme, ThemeFragmentMap } from '../';\nimport { elementUpdated, expect, fixture, html } from '@open-wc/testing';\nimport { css } from '@spectrum-web-components/base';\n\ntype TestableThemeConstructor = {\n instances: Set<Theme>;\n themeFragmentsByKind: ThemeFragmentMap;\n};\n\ndescribe('Themes', () => {\n it('loads - light', async () => {\n const el = await fixture<Theme>(\n html`\n <sp-theme theme=\"classic\" color=\"light\"></sp-theme>\n `\n );\n\n await elementUpdated(el);\n\n expect(el).to.exist;\n expect(el).shadowDom.to.exist;\n });\n it('loads - dark', async () => {\n const el = await fixture<Theme>(\n html`\n <sp-theme color=\"dark\"></sp-theme>\n `\n );\n\n await elementUpdated(el);\n\n expect(el).to.exist;\n expect(el).shadowDom.to.exist;\n });\n it('loads - unkown', async () => {\n const el = await fixture<Theme>(\n html`\n <sp-theme color=\"unknown\" scale=\"unknown\"></sp-theme>\n `\n );\n\n await elementUpdated(el);\n\n expect(el).to.exist;\n expect(el).shadowDom.to.exist;\n });\n it('adds an instance only once', async () => {\n const el = await fixture<Theme>(\n html`\n <sp-theme theme=\"express\"></sp-theme>\n `\n );\n\n await elementUpdated(el);\n const testableTheme = Theme as unknown as TestableThemeConstructor;\n expect(testableTheme.instances.has(el), 'first').to.be.true;\n expect(testableTheme.instances.size).to.equal(1);\n\n el.remove();\n expect(testableTheme.instances.has(el), 'second').to.be.false;\n expect(testableTheme.instances.size).to.equal(0);\n\n document.body.append(el);\n expect(testableTheme.instances.has(el), 'third').to.be.true;\n expect(testableTheme.instances.size).to.equal(1);\n });\n});\n\ndescribe('Lightest', () => {\n it('loads', async () => {\n const el = await fixture<Theme>(\n html`\n <sp-theme color=\"lightest\"></sp-theme>\n `\n );\n\n await elementUpdated(el);\n\n expect(el).to.exist;\n expect(el).shadowDom.to.exist;\n });\n});\n\ndescribe('Medium', () => {\n it('loads', async () => {\n const el = await fixture<Theme>(\n html`\n <sp-theme scale=\"medium\"></sp-theme>\n `\n );\n\n await elementUpdated(el);\n\n expect(el).to.exist;\n expect(el).shadowDom.to.exist;\n });\n});\n\ndescribe('App styles', () => {\n it('applies app fragments', async () => {\n const el = await fixture<Theme>(\n html`\n <sp-theme color=\"light\">\n <style>\n div {\n padding: var(--app-padding);\n }\n </style>\n <div></div>\n </sp-theme>\n `\n );\n const div = el.querySelector('div') as HTMLDivElement;\n\n await elementUpdated(el);\n\n const preStylesDiv = getComputedStyle(div);\n expect(preStylesDiv.paddingBlockStart).to.equal('0px');\n\n Theme.registerThemeFragment(\n 'app',\n 'app',\n css`\n :host {\n --app-padding: 10px;\n }\n `\n );\n await elementUpdated(el);\n\n const postStylesDiv = getComputedStyle(div);\n expect(postStylesDiv.paddingBlockStart).to.equal('10px');\n\n (\n Theme as unknown as TestableThemeConstructor\n ).themeFragmentsByKind.delete('app');\n });\n});\n\ndescribe('Setting attributes', () => {\n it('loads', async () => {\n const el = await fixture<Theme>(\n html`\n <sp-theme color=\"light\"></sp-theme>\n `\n );\n\n await elementUpdated(el);\n\n expect(el).to.not.be.undefined;\n expect(el.hasAttribute('scale')).to.be.false;\n\n if (el.shadowRoot.adoptedStyleSheets) {\n expect(el.shadowRoot.adoptedStyleSheets.length).to.equal(2);\n } else {\n expect(\n [...el.shadowRoot.querySelectorAll('style')].length\n ).to.equal(2);\n }\n\n await elementUpdated(el);\n\n // Invalid initial value falls back to default\n el.setAttribute('scale', 'fish');\n expect(el.getAttribute('scale')).to.equal('medium');\n\n if (el.shadowRoot.adoptedStyleSheets) {\n expect(el.shadowRoot.adoptedStyleSheets.length).to.equal(2);\n } else {\n expect(\n [...el.shadowRoot.querySelectorAll('style')].length\n ).to.equal(2);\n }\n\n el.color = 'dark';\n el.scale = 'medium';\n\n await elementUpdated(el);\n expect(el.getAttribute('color')).to.equal('dark');\n expect(el.getAttribute('scale')).to.equal('medium');\n\n if (el.shadowRoot.adoptedStyleSheets) {\n expect(el.shadowRoot.adoptedStyleSheets.length, 'all').to.equal(3);\n } else {\n expect(\n [...el.shadowRoot.querySelectorAll('style')].length\n ).to.equal(3);\n }\n\n // Invalid second + value fallsback to previous\n el.setAttribute('color', 'fish');\n\n await elementUpdated(el);\n expect(el.getAttribute('color')).to.equal('dark');\n\n if (el.shadowRoot.adoptedStyleSheets) {\n expect(el.shadowRoot.adoptedStyleSheets.length, 'last').to.equal(3);\n } else {\n expect(\n [...el.shadowRoot.querySelectorAll('style')].length\n ).to.equal(3);\n }\n });\n});\n"]}
|