@spectrum-web-components/theme 0.10.0 → 0.10.2-express.6

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.
Files changed (49) hide show
  1. package/README.md +56 -38
  2. package/custom-elements.json +162 -2
  3. package/express/scale-large.d.ts +1 -0
  4. package/express/scale-large.js +15 -0
  5. package/express/scale-large.js.map +1 -0
  6. package/express/scale-medium.d.ts +1 -0
  7. package/express/scale-medium.js +15 -0
  8. package/express/scale-medium.js.map +1 -0
  9. package/express/theme-dark.d.ts +1 -0
  10. package/express/theme-dark.js +15 -0
  11. package/express/theme-dark.js.map +1 -0
  12. package/express/theme-light.d.ts +1 -0
  13. package/express/theme-light.js +15 -0
  14. package/express/theme-light.js.map +1 -0
  15. package/package.json +12 -5
  16. package/src/Theme.d.ts +12 -7
  17. package/src/Theme.js +59 -13
  18. package/src/Theme.js.map +1 -1
  19. package/src/express/core.d.ts +1 -0
  20. package/src/express/core.js +15 -0
  21. package/src/express/core.js.map +1 -0
  22. package/src/express/scale-large.css.d.ts +2 -0
  23. package/src/express/scale-large.css.js +4079 -0
  24. package/src/express/scale-large.css.js.map +1 -0
  25. package/src/express/scale-medium.css.d.ts +2 -0
  26. package/src/express/scale-medium.css.js +4133 -0
  27. package/src/express/scale-medium.css.js.map +1 -0
  28. package/src/express/theme-dark.css.d.ts +2 -0
  29. package/src/express/theme-dark.css.js +35 -0
  30. package/src/express/theme-dark.css.js.map +1 -0
  31. package/src/express/theme-light.css.d.ts +2 -0
  32. package/src/express/theme-light.css.js +35 -0
  33. package/src/express/theme-light.css.js.map +1 -0
  34. package/src/express/theme.css.d.ts +2 -0
  35. package/src/express/theme.css.js +1649 -0
  36. package/src/express/theme.css.js.map +1 -0
  37. package/src/express/themes.d.ts +5 -0
  38. package/src/express/themes.js +17 -0
  39. package/src/express/themes.js.map +1 -0
  40. package/src/typography.css.js +1 -1
  41. package/src/typography.css.js.map +1 -1
  42. package/stories/theme.stories.js +236 -0
  43. package/stories/theme.stories.js.map +1 -0
  44. package/test/theme-lazy.test.js +119 -0
  45. package/test/theme-lazy.test.js.map +1 -0
  46. package/test/theme.test-vrt.js +15 -0
  47. package/test/theme.test-vrt.js.map +1 -0
  48. package/test/themes.test.js +152 -0
  49. package/test/themes.test.js.map +1 -0
package/src/typography.css.js.map CHANGED
@@ -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/stories/theme.stories.js ADDED
@@ -0,0 +1,236 @@
1
+ /*
2
+ Copyright 2020 Adobe. All rights reserved.
3
+ This file is licensed to you under the Apache License, Version 2.0 (the "License");
4
+ you may not use this file except in compliance with the License. You may obtain a copy
5
+ of the License at http://www.apache.org/licenses/LICENSE-2.0
6
+
7
+ Unless required by applicable law or agreed to in writing, software distributed under
8
+ the License is distributed on an "AS IS" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS
9
+ OF ANY KIND, either express or implied. See the License for the specific language
10
+ governing permissions and limitations under the License.
11
+ */
12
+ import '../sp-theme.js';
13
+ import '../src/themes.js';
14
+ import '@spectrum-web-components/button/sp-button.js';
15
+ import '@spectrum-web-components/button-group/sp-button-group.js';
16
+ import '@spectrum-web-components/switch/sp-switch.js';
17
+ import '@spectrum-web-components/slider/sp-slider.js';
18
+ import { html } from '@spectrum-web-components/base';
19
+ export default {
20
+ component: 'sp-theme',
21
+ title: 'Theme',
22
+ argTypes: {
23
+ colorStop: {
24
+ control: {
25
+ type: 'inline-radio',
26
+ options: ['light', 'dark'],
27
+ },
28
+ },
29
+ },
30
+ args: {
31
+ colorStop: 'light',
32
+ },
33
+ };
34
+ const storyStyles = html `
35
+ <style type="text/css">
36
+ #outer,
37
+ #example {
38
+ width: 500px;
39
+ padding: 3em;
40
+ background-color: var(--spectrum-global-color-gray-100);
41
+ color: var(--spectrum-global-color-gray-800);
42
+ }
43
+
44
+ #inner {
45
+ margin-top: 2em;
46
+ padding: 2em;
47
+ background-color: var(--spectrum-global-color-gray-100);
48
+ color: var(--spectrum-global-color-gray-800);
49
+ }
50
+
51
+ #buttons {
52
+ margin-top: 2em;
53
+ }
54
+ </style>
55
+ `;
56
+ export const Default = ({ colorStop: color, }) => {
57
+ return html `
58
+ ${storyStyles}
59
+ <sp-theme color="${color}">
60
+ <div id="example">
61
+ <div>
62
+ <sp-slider
63
+ value="5"
64
+ step="1"
65
+ min="1"
66
+ max="11"
67
+ label="Volume"
68
+ id="volume-slider"
69
+ ></sp-slider>
70
+ </div>
71
+ <div><sp-switch>Overdrive</sp-switch></div>
72
+ <sp-button-group id="buttons">
73
+ <sp-button variant="primary" treatment="outline">
74
+ Cancel
75
+ </sp-button>
76
+ <sp-button variant="accent">Continue</sp-button>
77
+ </sp-button-group>
78
+ </div>
79
+ </sp-theme>
80
+ `;
81
+ };
82
+ export const displayFlex = () => html `
83
+ <style type="text/css">
84
+ #flex-theme {
85
+ display: flex;
86
+ flex-direction: row;
87
+ }
88
+ #flex-theme sp-button {
89
+ flex: 0 0;
90
+ }
91
+ #flex-theme #middle-button {
92
+ flex: 1 0;
93
+ }
94
+ </style>
95
+ <sp-theme id="flex-theme" color="dark">
96
+ <sp-button>Start</sp-button>
97
+ <sp-button id="middle-button">Middle</sp-button>
98
+ <sp-button>End</sp-button>
99
+ </sp-theme>
100
+ `;
101
+ export const none = () => html `
102
+ ${storyStyles}
103
+ <div id="example">
104
+ <div>
105
+ <sp-slider
106
+ value="5"
107
+ step="1"
108
+ min="1"
109
+ max="11"
110
+ label="Volume"
111
+ id="volume-slider"
112
+ ></sp-slider>
113
+ </div>
114
+ <div><sp-switch>Overdrive</sp-switch></div>
115
+ <sp-button-group id="buttons">
116
+ <sp-button variant="primary" treatment="outline">Cancel</sp-button>
117
+ <sp-button variant="accent">Continue</sp-button>
118
+ </sp-button-group>
119
+ </div>
120
+ <sp-theme></sp-theme>
121
+ `;
122
+ export const nestedTheme = ({ colorStop: outer, }) => {
123
+ const inner = outer === 'light' ? 'dark' : 'light';
124
+ return html `
125
+ ${storyStyles}
126
+ <sp-theme color="${outer}">
127
+ <div id="outer">
128
+ <div>
129
+ <sp-slider
130
+ value="5"
131
+ step="1"
132
+ min="1"
133
+ max="11"
134
+ label="Volume"
135
+ id="volume-slider"
136
+ ></sp-slider>
137
+ </div>
138
+ <div><sp-switch>Overdrive</sp-switch></div>
139
+ <sp-button-group id="buttons">
140
+ <sp-button variant="primary" treatment="outline">
141
+ Cancel
142
+ </sp-button>
143
+ <sp-button variant="accent">Continue</sp-button>
144
+ </sp-button-group>
145
+ <sp-theme color="${inner}" dir="ltr">
146
+ <div id="inner">
147
+ <div>
148
+ <sp-slider
149
+ value="5"
150
+ step="1"
151
+ min="1"
152
+ max="11"
153
+ label="Volume"
154
+ id="volume-slider-inner"
155
+ ></sp-slider>
156
+ </div>
157
+ <div><sp-switch>Overdrive</sp-switch></div>
158
+ <sp-button-group id="buttons-inner">
159
+ <sp-button variant="primary" treatment="outline">
160
+ Cancel
161
+ </sp-button>
162
+ <sp-button variant="accent">Continue</sp-button>
163
+ </sp-button-group>
164
+ </div>
165
+ </sp-theme>
166
+ </div>
167
+ </sp-theme>
168
+ `;
169
+ };
170
+ export const reverseColorNestedTheme = ({ colorStop: outer, }) => {
171
+ const inner = outer === 'light' ? 'dark' : 'light';
172
+ return html `
173
+ <style type="text/css">
174
+ #outer {
175
+ width: 500px;
176
+ padding: 3em;
177
+ background-color: var(--spectrum-global-color-gray-100);
178
+ color: var(--spectrum-global-color-gray-800);
179
+ }
180
+
181
+ #inner {
182
+ margin-top: 2em;
183
+ padding: 2em;
184
+ background-color: var(--spectrum-global-color-gray-100);
185
+ color: var(--spectrum-global-color-gray-800);
186
+ }
187
+
188
+ #buttons {
189
+ margin-top: 2em;
190
+ }
191
+ </style>
192
+ <sp-theme color="${inner}">
193
+ <div id="outer">
194
+ <div>
195
+ <sp-slider
196
+ value="5"
197
+ step="1"
198
+ min="1"
199
+ max="11"
200
+ label="Volume"
201
+ id="volume-slider"
202
+ ></sp-slider>
203
+ </div>
204
+ <div><sp-switch>Overdrive</sp-switch></div>
205
+ <sp-button-group id="buttons">
206
+ <sp-button variant="primary" treatment="outline">
207
+ Cancel
208
+ </sp-button>
209
+ <sp-button variant="accent">Continue</sp-button>
210
+ </sp-button-group>
211
+ <sp-theme color="${outer}" dir="rtl">
212
+ <div id="inner">
213
+ <div>
214
+ <sp-slider
215
+ value="5"
216
+ step="1"
217
+ min="1"
218
+ max="11"
219
+ label="Volume"
220
+ id="volume-slider-inner"
221
+ ></sp-slider>
222
+ </div>
223
+ <div><sp-switch>Overdrive</sp-switch></div>
224
+ <sp-button-group id="buttons-inner">
225
+ <sp-button variant="primary" treatment="outline">
226
+ Cancel
227
+ </sp-button>
228
+ <sp-button variant="accent">Continue</sp-button>
229
+ </sp-button-group>
230
+ </div>
231
+ </sp-theme>
232
+ </div>
233
+ </sp-theme>
234
+ `;
235
+ };
236
+ //# sourceMappingURL=theme.stories.js.map
package/stories/theme.stories.js.map ADDED
@@ -0,0 +1 @@
1
+ {"version":3,"file":"theme.stories.js","sourceRoot":"","sources":["theme.stories.ts"],"names":[],"mappings":"AAAA;;;;;;;;;;EAUE;AACF,OAAO,gBAAgB,CAAC;AACxB,OAAO,kBAAkB,CAAC;AAC1B,OAAO,8CAA8C,CAAC;AACtD,OAAO,0DAA0D,CAAC;AAClE,OAAO,8CAA8C,CAAC;AACtD,OAAO,8CAA8C,CAAC;AACtD,OAAO,EAAE,IAAI,EAAkB,MAAM,+BAA+B,CAAC;AAGrE,eAAe;IACX,SAAS,EAAE,UAAU;IACrB,KAAK,EAAE,OAAO;IACd,QAAQ,EAAE;QACN,SAAS,EAAE;YACP,OAAO,EAAE;gBACL,IAAI,EAAE,cAAc;gBACpB,OAAO,EAAE,CAAC,OAAO,EAAE,MAAM,CAAC;aAC7B;SACJ;KACJ;IACD,IAAI,EAAE;QACF,SAAS,EAAE,OAAO;KACrB;CACJ,CAAC;AAEF,MAAM,WAAW,GAAG,IAAI,CAAA;;;;;;;;;;;;;;;;;;;;;CAqBvB,CAAC;AAEF,MAAM,CAAC,MAAM,OAAO,GAAG,CAAC,EACpB,SAAS,EAAE,KAAK,GAGnB,EAAkB,EAAE;IACjB,OAAO,IAAI,CAAA;UACL,WAAW;2BACM,KAAK;;;;;;;;;;;;;;;;;;;;;KAqB3B,CAAC;AACN,CAAC,CAAC;AAEF,MAAM,CAAC,MAAM,WAAW,GAAG,GAAmB,EAAE,CAAC,IAAI,CAAA;;;;;;;;;;;;;;;;;;CAkBpD,CAAC;AAEF,MAAM,CAAC,MAAM,IAAI,GAAG,GAAmB,EAAE,CAAC,IAAI,CAAA;MACxC,WAAW;;;;;;;;;;;;;;;;;;;CAmBhB,CAAC;AAEF,MAAM,CAAC,MAAM,WAAW,GAAG,CAAC,EACxB,SAAS,EAAE,KAAK,GAGnB,EAAkB,EAAE;IACjB,MAAM,KAAK,GAAG,KAAK,KAAK,OAAO,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,OAAO,CAAC;IACnD,OAAO,IAAI,CAAA;UACL,WAAW;2BACM,KAAK;;;;;;;;;;;;;;;;;;;mCAmBG,KAAK;;;;;;;;;;;;;;;;;;;;;;;KAuBnC,CAAC;AACN,CAAC,CAAC;AAEF,MAAM,CAAC,MAAM,uBAAuB,GAAG,CAAC,EACpC,SAAS,EAAE,KAAK,GAGnB,EAAkB,EAAE;IACjB,MAAM,KAAK,GAAG,KAAK,KAAK,OAAO,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,OAAO,CAAC;IACnD,OAAO,IAAI,CAAA;;;;;;;;;;;;;;;;;;;;2BAoBY,KAAK;;;;;;;;;;;;;;;;;;;mCAmBG,KAAK;;;;;;;;;;;;;;;;;;;;;;;KAuBnC,CAAC;AACN,CAAC,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 '../sp-theme.js';\nimport '../src/themes.js';\nimport '@spectrum-web-components/button/sp-button.js';\nimport '@spectrum-web-components/button-group/sp-button-group.js';\nimport '@spectrum-web-components/switch/sp-switch.js';\nimport '@spectrum-web-components/slider/sp-slider.js';\nimport { html, TemplateResult } from '@spectrum-web-components/base';\nimport { Color } from '../src/index.js';\n\nexport default {\n component: 'sp-theme',\n title: 'Theme',\n argTypes: {\n colorStop: {\n control: {\n type: 'inline-radio',\n options: ['light', 'dark'],\n },\n },\n },\n args: {\n colorStop: 'light',\n },\n};\n\nconst storyStyles = html`\n <style type=\"text/css\">\n #outer,\n #example {\n width: 500px;\n padding: 3em;\n background-color: var(--spectrum-global-color-gray-100);\n color: var(--spectrum-global-color-gray-800);\n }\n\n #inner {\n margin-top: 2em;\n padding: 2em;\n background-color: var(--spectrum-global-color-gray-100);\n color: var(--spectrum-global-color-gray-800);\n }\n\n #buttons {\n margin-top: 2em;\n }\n </style>\n`;\n\nexport const Default = ({\n colorStop: color,\n}: {\n colorStop: Color;\n}): TemplateResult => {\n return html`\n ${storyStyles}\n <sp-theme color=\"${color}\">\n <div id=\"example\">\n <div>\n <sp-slider\n value=\"5\"\n step=\"1\"\n min=\"1\"\n max=\"11\"\n label=\"Volume\"\n id=\"volume-slider\"\n ></sp-slider>\n </div>\n <div><sp-switch>Overdrive</sp-switch></div>\n <sp-button-group id=\"buttons\">\n <sp-button variant=\"primary\" treatment=\"outline\">\n Cancel\n </sp-button>\n <sp-button variant=\"accent\">Continue</sp-button>\n </sp-button-group>\n </div>\n </sp-theme>\n `;\n};\n\nexport const displayFlex = (): TemplateResult => html`\n <style type=\"text/css\">\n #flex-theme {\n display: flex;\n flex-direction: row;\n }\n #flex-theme sp-button {\n flex: 0 0;\n }\n #flex-theme #middle-button {\n flex: 1 0;\n }\n </style>\n <sp-theme id=\"flex-theme\" color=\"dark\">\n <sp-button>Start</sp-button>\n <sp-button id=\"middle-button\">Middle</sp-button>\n <sp-button>End</sp-button>\n </sp-theme>\n`;\n\nexport const none = (): TemplateResult => html`\n ${storyStyles}\n <div id=\"example\">\n <div>\n <sp-slider\n value=\"5\"\n step=\"1\"\n min=\"1\"\n max=\"11\"\n label=\"Volume\"\n id=\"volume-slider\"\n ></sp-slider>\n </div>\n <div><sp-switch>Overdrive</sp-switch></div>\n <sp-button-group id=\"buttons\">\n <sp-button variant=\"primary\" treatment=\"outline\">Cancel</sp-button>\n <sp-button variant=\"accent\">Continue</sp-button>\n </sp-button-group>\n </div>\n <sp-theme></sp-theme>\n`;\n\nexport const nestedTheme = ({\n colorStop: outer,\n}: {\n colorStop: Color;\n}): TemplateResult => {\n const inner = outer === 'light' ? 'dark' : 'light';\n return html`\n ${storyStyles}\n <sp-theme color=\"${outer}\">\n <div id=\"outer\">\n <div>\n <sp-slider\n value=\"5\"\n step=\"1\"\n min=\"1\"\n max=\"11\"\n label=\"Volume\"\n id=\"volume-slider\"\n ></sp-slider>\n </div>\n <div><sp-switch>Overdrive</sp-switch></div>\n <sp-button-group id=\"buttons\">\n <sp-button variant=\"primary\" treatment=\"outline\">\n Cancel\n </sp-button>\n <sp-button variant=\"accent\">Continue</sp-button>\n </sp-button-group>\n <sp-theme color=\"${inner}\" dir=\"ltr\">\n <div id=\"inner\">\n <div>\n <sp-slider\n value=\"5\"\n step=\"1\"\n min=\"1\"\n max=\"11\"\n label=\"Volume\"\n id=\"volume-slider-inner\"\n ></sp-slider>\n </div>\n <div><sp-switch>Overdrive</sp-switch></div>\n <sp-button-group id=\"buttons-inner\">\n <sp-button variant=\"primary\" treatment=\"outline\">\n Cancel\n </sp-button>\n <sp-button variant=\"accent\">Continue</sp-button>\n </sp-button-group>\n </div>\n </sp-theme>\n </div>\n </sp-theme>\n `;\n};\n\nexport const reverseColorNestedTheme = ({\n colorStop: outer,\n}: {\n colorStop: Color;\n}): TemplateResult => {\n const inner = outer === 'light' ? 'dark' : 'light';\n return html`\n <style type=\"text/css\">\n #outer {\n width: 500px;\n padding: 3em;\n background-color: var(--spectrum-global-color-gray-100);\n color: var(--spectrum-global-color-gray-800);\n }\n\n #inner {\n margin-top: 2em;\n padding: 2em;\n background-color: var(--spectrum-global-color-gray-100);\n color: var(--spectrum-global-color-gray-800);\n }\n\n #buttons {\n margin-top: 2em;\n }\n </style>\n <sp-theme color=\"${inner}\">\n <div id=\"outer\">\n <div>\n <sp-slider\n value=\"5\"\n step=\"1\"\n min=\"1\"\n max=\"11\"\n label=\"Volume\"\n id=\"volume-slider\"\n ></sp-slider>\n </div>\n <div><sp-switch>Overdrive</sp-switch></div>\n <sp-button-group id=\"buttons\">\n <sp-button variant=\"primary\" treatment=\"outline\">\n Cancel\n </sp-button>\n <sp-button variant=\"accent\">Continue</sp-button>\n </sp-button-group>\n <sp-theme color=\"${outer}\" dir=\"rtl\">\n <div id=\"inner\">\n <div>\n <sp-slider\n value=\"5\"\n step=\"1\"\n min=\"1\"\n max=\"11\"\n label=\"Volume\"\n id=\"volume-slider-inner\"\n ></sp-slider>\n </div>\n <div><sp-switch>Overdrive</sp-switch></div>\n <sp-button-group id=\"buttons-inner\">\n <sp-button variant=\"primary\" treatment=\"outline\">\n Cancel\n </sp-button>\n <sp-button variant=\"accent\">Continue</sp-button>\n </sp-button-group>\n </div>\n </sp-theme>\n </div>\n </sp-theme>\n `;\n};\n"]}