@spectrum-web-components/theme 0.9.3-express.0 → 0.9.3

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 (55) hide show
  1. package/README.md +38 -56
  2. package/custom-elements.json +8 -168
  3. package/package.json +5 -12
  4. package/src/Theme.d.ts +7 -12
  5. package/src/Theme.js +13 -57
  6. package/src/Theme.js.map +1 -1
  7. package/src/scale-large.css.js +361 -1241
  8. package/src/scale-large.css.js.map +1 -1
  9. package/src/scale-medium.css.js +389 -1285
  10. package/src/scale-medium.css.js.map +1 -1
  11. package/src/theme-dark.css.js +0 -6
  12. package/src/theme-dark.css.js.map +1 -1
  13. package/src/theme-darkest.css.js +0 -6
  14. package/src/theme-darkest.css.js.map +1 -1
  15. package/src/theme-light.css.js +1 -7
  16. package/src/theme-light.css.js.map +1 -1
  17. package/src/theme.css.js +4 -36
  18. package/src/theme.css.js.map +1 -1
  19. package/src/typography.css.js +1 -1
  20. package/src/typography.css.js.map +1 -1
  21. package/stories/theme.stories.js +12 -22
  22. package/stories/theme.stories.js.map +1 -1
  23. package/express/scale-large.d.ts +0 -1
  24. package/express/scale-large.js +0 -15
  25. package/express/scale-large.js.map +0 -1
  26. package/express/scale-medium.d.ts +0 -1
  27. package/express/scale-medium.js +0 -15
  28. package/express/scale-medium.js.map +0 -1
  29. package/express/theme-dark.d.ts +0 -1
  30. package/express/theme-dark.js +0 -15
  31. package/express/theme-dark.js.map +0 -1
  32. package/express/theme-light.d.ts +0 -1
  33. package/express/theme-light.js +0 -15
  34. package/express/theme-light.js.map +0 -1
  35. package/src/express/core.d.ts +0 -1
  36. package/src/express/core.js +0 -15
  37. package/src/express/core.js.map +0 -1
  38. package/src/express/scale-large.css.d.ts +0 -2
  39. package/src/express/scale-large.css.js +0 -4147
  40. package/src/express/scale-large.css.js.map +0 -1
  41. package/src/express/scale-medium.css.d.ts +0 -2
  42. package/src/express/scale-medium.css.js +0 -4201
  43. package/src/express/scale-medium.css.js.map +0 -1
  44. package/src/express/theme-dark.css.d.ts +0 -2
  45. package/src/express/theme-dark.css.js +0 -35
  46. package/src/express/theme-dark.css.js.map +0 -1
  47. package/src/express/theme-light.css.d.ts +0 -2
  48. package/src/express/theme-light.css.js +0 -35
  49. package/src/express/theme-light.css.js.map +0 -1
  50. package/src/express/theme.css.d.ts +0 -2
  51. package/src/express/theme.css.js +0 -1397
  52. package/src/express/theme.css.js.map +0 -1
  53. package/src/express/themes.d.ts +0 -5
  54. package/src/express/themes.js +0 -17
  55. package/src/express/themes.js.map +0 -1
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)}: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;"]}
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;"]}
package/stories/theme.stories.js CHANGED
@@ -70,10 +70,8 @@ export const Default = ({ colorStop: color, }) => {
70
70
  </div>
71
71
  <div><sp-switch>Overdrive</sp-switch></div>
72
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>
73
+ <sp-button variant="primary">Cancel</sp-button>
74
+ <sp-button variant="cta">Continue</sp-button>
77
75
  </sp-button-group>
78
76
  </div>
79
77
  </sp-theme>
@@ -113,8 +111,8 @@ export const none = () => html `
113
111
  </div>
114
112
  <div><sp-switch>Overdrive</sp-switch></div>
115
113
  <sp-button-group id="buttons">
116
- <sp-button variant="primary" treatment="outline">Cancel</sp-button>
117
- <sp-button variant="accent">Continue</sp-button>
114
+ <sp-button variant="primary">Cancel</sp-button>
115
+ <sp-button variant="cta">Continue</sp-button>
118
116
  </sp-button-group>
119
117
  </div>
120
118
  <sp-theme></sp-theme>
@@ -137,10 +135,8 @@ export const nestedTheme = ({ colorStop: outer, }) => {
137
135
  </div>
138
136
  <div><sp-switch>Overdrive</sp-switch></div>
139
137
  <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>
138
+ <sp-button variant="primary">Cancel</sp-button>
139
+ <sp-button variant="cta">Continue</sp-button>
144
140
  </sp-button-group>
145
141
  <sp-theme color="${inner}" dir="ltr">
146
142
  <div id="inner">
@@ -156,10 +152,8 @@ export const nestedTheme = ({ colorStop: outer, }) => {
156
152
  </div>
157
153
  <div><sp-switch>Overdrive</sp-switch></div>
158
154
  <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>
155
+ <sp-button variant="primary">Cancel</sp-button>
156
+ <sp-button variant="cta">Continue</sp-button>
163
157
  </sp-button-group>
164
158
  </div>
165
159
  </sp-theme>
@@ -203,10 +197,8 @@ export const reverseColorNestedTheme = ({ colorStop: outer, }) => {
203
197
  </div>
204
198
  <div><sp-switch>Overdrive</sp-switch></div>
205
199
  <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>
200
+ <sp-button variant="primary">Cancel</sp-button>
201
+ <sp-button variant="cta">Continue</sp-button>
210
202
  </sp-button-group>
211
203
  <sp-theme color="${outer}" dir="rtl">
212
204
  <div id="inner">
@@ -222,10 +214,8 @@ export const reverseColorNestedTheme = ({ colorStop: outer, }) => {
222
214
  </div>
223
215
  <div><sp-switch>Overdrive</sp-switch></div>
224
216
  <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>
217
+ <sp-button variant="primary">Cancel</sp-button>
218
+ <sp-button variant="cta">Continue</sp-button>
229
219
  </sp-button-group>
230
220
  </div>
231
221
  </sp-theme>
package/stories/theme.stories.js.map CHANGED
@@ -1 +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"]}
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;;;;;;;;;;;;;;;;;;;KAmB3B,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;;;;;;;;;;;;;;;;;mCAiBG,KAAK;;;;;;;;;;;;;;;;;;;;;KAqBnC,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;;;;;;;;;;;;;;;;;mCAiBG,KAAK;;;;;;;;;;;;;;;;;;;;;KAqBnC,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\">Cancel</sp-button>\n <sp-button variant=\"cta\">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\">Cancel</sp-button>\n <sp-button variant=\"cta\">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\">Cancel</sp-button>\n <sp-button variant=\"cta\">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\">Cancel</sp-button>\n <sp-button variant=\"cta\">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\">Cancel</sp-button>\n <sp-button variant=\"cta\">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\">Cancel</sp-button>\n <sp-button variant=\"cta\">Continue</sp-button>\n </sp-button-group>\n </div>\n </sp-theme>\n </div>\n </sp-theme>\n `;\n};\n"]}
package/express/scale-large.d.ts DELETED
@@ -1 +0,0 @@
1
- export {};
package/express/scale-large.js DELETED
@@ -1,15 +0,0 @@
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 largeStyles from '../src/express/scale-large.css.js';
13
- import { Theme } from '../src/Theme.js';
14
- Theme.registerThemeFragment('large-express', 'scale', largeStyles);
15
- //# sourceMappingURL=scale-large.js.map
package/express/scale-large.js.map DELETED
@@ -1 +0,0 @@
1
- {"version":3,"file":"scale-large.js","sourceRoot":"","sources":["scale-large.ts"],"names":[],"mappings":"AAAA;;;;;;;;;;EAUE;AAEF,OAAO,WAAW,MAAM,mCAAmC,CAAC;AAC5D,OAAO,EAAE,KAAK,EAAE,MAAM,iBAAiB,CAAC;AAExC,KAAK,CAAC,qBAAqB,CAAC,eAAe,EAAE,OAAO,EAAE,WAAW,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*/\n\nimport largeStyles from '../src/express/scale-large.css.js';\nimport { Theme } from '../src/Theme.js';\n\nTheme.registerThemeFragment('large-express', 'scale', largeStyles);\n"]}
package/express/scale-medium.d.ts DELETED
@@ -1 +0,0 @@
1
- export {};
package/express/scale-medium.js DELETED
@@ -1,15 +0,0 @@
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 mediumStyles from '../src/express/scale-medium.css.js';
13
- import { Theme } from '../src/Theme.js';
14
- Theme.registerThemeFragment('medium-express', 'scale', mediumStyles);
15
- //# sourceMappingURL=scale-medium.js.map
package/express/scale-medium.js.map DELETED
@@ -1 +0,0 @@
1
- {"version":3,"file":"scale-medium.js","sourceRoot":"","sources":["scale-medium.ts"],"names":[],"mappings":"AAAA;;;;;;;;;;EAUE;AAEF,OAAO,YAAY,MAAM,oCAAoC,CAAC;AAC9D,OAAO,EAAE,KAAK,EAAE,MAAM,iBAAiB,CAAC;AAExC,KAAK,CAAC,qBAAqB,CAAC,gBAAgB,EAAE,OAAO,EAAE,YAAY,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*/\n\nimport mediumStyles from '../src/express/scale-medium.css.js';\nimport { Theme } from '../src/Theme.js';\n\nTheme.registerThemeFragment('medium-express', 'scale', mediumStyles);\n"]}
package/express/theme-dark.d.ts DELETED
@@ -1 +0,0 @@
1
- export {};
package/express/theme-dark.js DELETED
@@ -1,15 +0,0 @@
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 darkStyles from '../src/express/theme-dark.css.js';
13
- import { Theme } from '../src/Theme.js';
14
- Theme.registerThemeFragment('dark-express', 'color', darkStyles);
15
- //# sourceMappingURL=theme-dark.js.map
package/express/theme-dark.js.map DELETED
@@ -1 +0,0 @@
1
- {"version":3,"file":"theme-dark.js","sourceRoot":"","sources":["theme-dark.ts"],"names":[],"mappings":"AAAA;;;;;;;;;;EAUE;AAEF,OAAO,UAAU,MAAM,kCAAkC,CAAC;AAC1D,OAAO,EAAE,KAAK,EAAE,MAAM,iBAAiB,CAAC;AAExC,KAAK,CAAC,qBAAqB,CAAC,cAAc,EAAE,OAAO,EAAE,UAAU,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*/\n\nimport darkStyles from '../src/express/theme-dark.css.js';\nimport { Theme } from '../src/Theme.js';\n\nTheme.registerThemeFragment('dark-express', 'color', darkStyles);\n"]}
package/express/theme-light.d.ts DELETED
@@ -1 +0,0 @@
1
- export {};
package/express/theme-light.js DELETED
@@ -1,15 +0,0 @@
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 lightStyles from '../src/express/theme-light.css.js';
13
- import { Theme } from '../src/Theme.js';
14
- Theme.registerThemeFragment('light-express', 'color', lightStyles);
15
- //# sourceMappingURL=theme-light.js.map
package/express/theme-light.js.map DELETED
@@ -1 +0,0 @@
1
- {"version":3,"file":"theme-light.js","sourceRoot":"","sources":["theme-light.ts"],"names":[],"mappings":"AAAA;;;;;;;;;;EAUE;AAEF,OAAO,WAAW,MAAM,mCAAmC,CAAC;AAC5D,OAAO,EAAE,KAAK,EAAE,MAAM,iBAAiB,CAAC;AAExC,KAAK,CAAC,qBAAqB,CAAC,eAAe,EAAE,OAAO,EAAE,WAAW,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*/\n\nimport lightStyles from '../src/express/theme-light.css.js';\nimport { Theme } from '../src/Theme.js';\n\nTheme.registerThemeFragment('light-express', 'color', lightStyles);\n"]}
package/src/express/core.d.ts DELETED
@@ -1 +0,0 @@
1
- export {};
package/src/express/core.js DELETED
@@ -1,15 +0,0 @@
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 { Theme } from '../Theme.js';
13
- import coreStyles from './theme.css.js';
14
- Theme.registerThemeFragment('express', 'theme', coreStyles);
15
- //# sourceMappingURL=core.js.map