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

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (55) hide show
  1. package/README.md +56 -38
  2. package/custom-elements.json +168 -8
  3. package/express/scale-large.d.ts +1 -0
  4. package/express/scale-large.js +15 -0
  5. package/express/scale-large.js.map +1 -0
  6. package/express/scale-medium.d.ts +1 -0
  7. package/express/scale-medium.js +15 -0
  8. package/express/scale-medium.js.map +1 -0
  9. package/express/theme-dark.d.ts +1 -0
  10. package/express/theme-dark.js +15 -0
  11. package/express/theme-dark.js.map +1 -0
  12. package/express/theme-light.d.ts +1 -0
  13. package/express/theme-light.js +15 -0
  14. package/express/theme-light.js.map +1 -0
  15. package/package.json +12 -5
  16. package/src/Theme.d.ts +12 -7
  17. package/src/Theme.js +57 -13
  18. package/src/Theme.js.map +1 -1
  19. package/src/express/core.d.ts +1 -0
  20. package/src/express/core.js +15 -0
  21. package/src/express/core.js.map +1 -0
  22. package/src/express/scale-large.css.d.ts +2 -0
  23. package/src/express/scale-large.css.js +4147 -0
  24. package/src/express/scale-large.css.js.map +1 -0
  25. package/src/express/scale-medium.css.d.ts +2 -0
  26. package/src/express/scale-medium.css.js +4201 -0
  27. package/src/express/scale-medium.css.js.map +1 -0
  28. package/src/express/theme-dark.css.d.ts +2 -0
  29. package/src/express/theme-dark.css.js +35 -0
  30. package/src/express/theme-dark.css.js.map +1 -0
  31. package/src/express/theme-light.css.d.ts +2 -0
  32. package/src/express/theme-light.css.js +35 -0
  33. package/src/express/theme-light.css.js.map +1 -0
  34. package/src/express/theme.css.d.ts +2 -0
  35. package/src/express/theme.css.js +1397 -0
  36. package/src/express/theme.css.js.map +1 -0
  37. package/src/express/themes.d.ts +5 -0
  38. package/src/express/themes.js +17 -0
  39. package/src/express/themes.js.map +1 -0
  40. package/src/scale-large.css.js +1241 -361
  41. package/src/scale-large.css.js.map +1 -1
  42. package/src/scale-medium.css.js +1285 -389
  43. package/src/scale-medium.css.js.map +1 -1
  44. package/src/theme-dark.css.js +6 -0
  45. package/src/theme-dark.css.js.map +1 -1
  46. package/src/theme-darkest.css.js +6 -0
  47. package/src/theme-darkest.css.js.map +1 -1
  48. package/src/theme-light.css.js +7 -1
  49. package/src/theme-light.css.js.map +1 -1
  50. package/src/theme.css.js +35 -3
  51. package/src/theme.css.js.map +1 -1
  52. package/src/typography.css.js +1 -1
  53. package/src/typography.css.js.map +1 -1
  54. package/stories/theme.stories.js +22 -12
  55. package/stories/theme.stories.js.map +1 -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)}.spectrum:lang(ar){font-family:var(\n--spectrum-alias-font-family-ar,var(--spectrum-global-font-font-family-ar)\n)}.spectrum:lang(he){font-family:var(\n--spectrum-alias-font-family-he,var(--spectrum-global-font-font-family-he)\n)}.spectrum:lang(zh-Hans){font-family:var(\n--spectrum-alias-font-family-zhhans,var(--spectrum-global-font-font-family-zhhans)\n)}.spectrum:lang(zh-Hant){font-family:var(\n--spectrum-alias-font-family-zh,var(--spectrum-global-font-font-family-zh)\n)}.spectrum:lang(zh){font-family:var(\n--spectrum-alias-font-family-zh,var(--spectrum-global-font-font-family-zh)\n)}.spectrum:lang(ko){font-family:var(\n--spectrum-alias-font-family-ko,var(--spectrum-global-font-font-family-ko)\n)}.spectrum:lang(ja){font-family:var(\n--spectrum-alias-font-family-ja,var(--spectrum-global-font-font-family-ja)\n)}.spectrum-Heading--sizeXXXL{font-size:var(\n--spectrum-heading-xxxl-text-size,var(--spectrum-alias-heading-xxxl-text-size)\n);font-style:var(\n--spectrum-heading-xxxl-text-font-style,var(--spectrum-global-font-style-regular)\n);font-weight:var(\n--spectrum-heading-xxxl-text-font-weight,var(--spectrum-alias-heading-text-font-weight-regular)\n);letter-spacing:var(\n--spectrum-heading-xxxl-text-letter-spacing,var(--spectrum-global-font-letter-spacing-none)\n);line-height:var(\n--spectrum-heading-xxxl-text-line-height,var(--spectrum-alias-heading-text-line-height)\n);margin-bottom:0;margin-top:0;text-transform:var(--spectrum-heading-xxxl-text-transform,none)}.spectrum-Heading--sizeXXL{font-size:var(\n--spectrum-heading-xxl-text-size,var(--spectrum-alias-heading-xxl-text-size)\n);font-style:var(\n--spectrum-heading-xxl-text-font-style,var(--spectrum-global-font-style-regular)\n);font-weight:var(\n--spectrum-heading-xxl-text-font-weight,var(--spectrum-alias-heading-text-font-weight-regular)\n);letter-spacing:var(\n--spectrum-heading-xxl-text-letter-spacing,var(--spectrum-global-font-letter-spacing-none)\n);line-height:var(\n--spectrum-heading-xxl-text-line-height,var(--spectrum-alias-heading-text-line-height)\n);margin-bottom:0;margin-top:0;text-transform:var(--spectrum-heading-xxl-text-transform,none)}.spectrum-Heading--sizeXL{font-size:var(\n--spectrum-heading-xl-text-size,var(--spectrum-alias-heading-xl-text-size)\n);font-style:var(\n--spectrum-heading-xl-text-font-style,var(--spectrum-global-font-style-regular)\n);font-weight:var(\n--spectrum-heading-xl-text-font-weight,var(--spectrum-alias-heading-text-font-weight-regular)\n);letter-spacing:var(\n--spectrum-heading-xl-text-letter-spacing,var(--spectrum-global-font-letter-spacing-none)\n);line-height:var(\n--spectrum-heading-xl-text-line-height,var(--spectrum-alias-heading-text-line-height)\n);margin-bottom:0;margin-top:0;text-transform:var(--spectrum-heading-xl-text-transform,none)}.spectrum-Heading--sizeL{font-size:var(\n--spectrum-heading-l-text-size,var(--spectrum-alias-heading-l-text-size)\n);font-style:var(\n--spectrum-heading-l-text-font-style,var(--spectrum-global-font-style-regular)\n);font-weight:var(\n--spectrum-heading-l-text-font-weight,var(--spectrum-alias-heading-text-font-weight-regular)\n);letter-spacing:var(\n--spectrum-heading-l-text-letter-spacing,var(--spectrum-global-font-letter-spacing-none)\n);line-height:var(\n--spectrum-heading-l-text-line-height,var(--spectrum-alias-heading-text-line-height)\n);margin-bottom:0;margin-top:0;text-transform:var(--spectrum-heading-l-text-transform,none)}.spectrum-Heading--sizeM{font-size:var(\n--spectrum-heading-m-text-size,var(--spectrum-alias-heading-m-text-size)\n);font-style:var(\n--spectrum-heading-m-text-font-style,var(--spectrum-global-font-style-regular)\n);font-weight:var(\n--spectrum-heading-m-text-font-weight,var(--spectrum-alias-heading-text-font-weight-regular)\n);letter-spacing:var(\n--spectrum-heading-m-text-letter-spacing,var(--spectrum-global-font-letter-spacing-none)\n);line-height:var(\n--spectrum-heading-m-text-line-height,var(--spectrum-alias-heading-text-line-height)\n);margin-bottom:0;margin-top:0;text-transform:var(--spectrum-heading-m-text-transform,none)}.spectrum-Heading--sizeS{font-size:var(\n--spectrum-heading-s-text-size,var(--spectrum-alias-heading-s-text-size)\n);font-style:var(\n--spectrum-heading-s-text-font-style,var(--spectrum-global-font-style-regular)\n);font-weight:var(\n--spectrum-heading-s-text-font-weight,var(--spectrum-alias-heading-text-font-weight-regular)\n);letter-spacing:var(\n--spectrum-heading-s-text-letter-spacing,var(--spectrum-global-font-letter-spacing-none)\n);line-height:var(\n--spectrum-heading-s-text-line-height,var(--spectrum-alias-heading-text-line-height)\n);margin-bottom:0;margin-top:0;text-transform:var(--spectrum-heading-s-text-transform,none)}.spectrum-Heading--sizeXS{font-size:var(\n--spectrum-heading-xs-text-size,var(--spectrum-alias-heading-xs-text-size)\n);font-style:var(\n--spectrum-heading-xs-text-font-style,var(--spectrum-global-font-style-regular)\n);font-weight:var(\n--spectrum-heading-xs-text-font-weight,var(--spectrum-alias-heading-text-font-weight-regular)\n);letter-spacing:var(\n--spectrum-heading-xs-text-letter-spacing,var(--spectrum-global-font-letter-spacing-none)\n);line-height:var(\n--spectrum-heading-xs-text-line-height,var(--spectrum-alias-heading-text-line-height)\n);margin-bottom:0;margin-top:0;text-transform:var(--spectrum-heading-xs-text-transform,none)}.spectrum-Heading--sizeXXS{font-size:var(\n--spectrum-heading-xxs-text-size,var(--spectrum-alias-heading-xxs-text-size)\n);font-style:var(\n--spectrum-heading-xxs-text-font-style,var(--spectrum-global-font-style-regular)\n);font-weight:var(\n--spectrum-heading-xxs-text-font-weight,var(--spectrum-alias-heading-text-font-weight-regular)\n);letter-spacing:var(\n--spectrum-heading-xxs-text-letter-spacing,var(--spectrum-global-font-letter-spacing-none)\n);line-height:var(\n--spectrum-heading-xxs-text-line-height,var(--spectrum-alias-heading-text-line-height)\n);margin-bottom:0;margin-top:0;text-transform:var(--spectrum-heading-xxs-text-transform,none)}.spectrum-Heading{font-family:var(\n--spectrum-heading-m-text-font-family,var(--spectrum-alias-body-text-font-family)\n);font-weight:var(\n--spectrum-heading-m-text-font-weight,var(--spectrum-alias-heading-text-font-weight-regular)\n)}.spectrum-Heading .spectrum-Heading-emphasized,.spectrum-Heading em{font-style:var(\n--spectrum-heading-m-emphasized-text-font-style,var(--spectrum-global-font-style-italic)\n)}.spectrum-Heading .spectrum-Heading-strong,.spectrum-Heading strong{font-weight:var(\n--spectrum-heading-m-strong-text-font-weight,var(--spectrum-alias-heading-text-font-weight-regular-strong)\n)}.spectrum-Heading--serif{font-family:var(\n--spectrum-body-m-serif-text-font-family,var(--spectrum-alias-serif-text-font-family)\n)}.spectrum-Heading--heavy{font-weight:var(\n--spectrum-heading-m-heavy-text-font-weight,var(--spectrum-alias-heading-text-font-weight-heavy)\n)}.spectrum-Heading--heavy .spectrum-Heading-emphasized,.spectrum-Heading--heavy em{font-style:var(\n--spectrum-heading-m-heavy-emphasized-text-font-style,var(--spectrum-global-font-style-italic)\n)}.spectrum-Heading--heavy .spectrum-Heading-strong,.spectrum-Heading--heavy strong{font-weight:var(\n--spectrum-heading-m-heavy-strong-text-font-weight,var(--spectrum-alias-heading-text-font-weight-heavy-strong)\n)}.spectrum-Heading--light{font-weight:var(\n--spectrum-heading-m-light-emphasized-text-font-weight,var(--spectrum-alias-heading-text-font-weight-light)\n)}.spectrum-Heading--light .spectrum-Heading-emphasized,.spectrum-Heading--light em{font-style:var(\n--spectrum-heading-m-light-emphasized-text-font-style,var(--spectrum-global-font-style-italic)\n)}.spectrum-Heading--light .spectrum-Heading-strong,.spectrum-Heading--light strong{font-weight:var(\n--spectrum-heading-m-light-strong-text-font-weight,var(--spectrum-alias-heading-text-font-weight-light-strong)\n)}.spectrum-Body--sizeXXXL{font-size:var(\n--spectrum-body-xxxl-text-size,var(--spectrum-global-dimension-font-size-600)\n);font-style:var(\n--spectrum-body-xxxl-text-font-style,var(--spectrum-global-font-style-regular)\n);font-weight:var(\n--spectrum-body-xxxl-text-font-weight,var(--spectrum-alias-body-text-font-weight)\n);letter-spacing:var(\n--spectrum-body-xxxl-text-letter-spacing,var(--spectrum-global-font-letter-spacing-none)\n);line-height:var(\n--spectrum-body-xxxl-text-line-height,var(--spectrum-alias-body-text-line-height)\n);margin-bottom:0;margin-top:0;text-transform:var(--spectrum-body-xxxl-text-transform,none)}.spectrum-Body--sizeXXL{font-size:var(\n--spectrum-body-xxl-text-size,var(--spectrum-global-dimension-font-size-500)\n);font-style:var(\n--spectrum-body-xxl-text-font-style,var(--spectrum-global-font-style-regular)\n);font-weight:var(\n--spectrum-body-xxl-text-font-weight,var(--spectrum-alias-body-text-font-weight)\n);letter-spacing:var(\n--spectrum-body-xxl-text-letter-spacing,var(--spectrum-global-font-letter-spacing-none)\n);line-height:var(\n--spectrum-body-xxl-text-line-height,var(--spectrum-alias-body-text-line-height)\n);margin-bottom:0;margin-top:0;text-transform:var(--spectrum-body-xxl-text-transform,none)}.spectrum-Body--sizeXL{font-size:var(\n--spectrum-body-xl-text-size,var(--spectrum-global-dimension-font-size-400)\n);font-style:var(\n--spectrum-body-xl-text-font-style,var(--spectrum-global-font-style-regular)\n);font-weight:var(\n--spectrum-body-xl-text-font-weight,var(--spectrum-alias-body-text-font-weight)\n);letter-spacing:var(\n--spectrum-body-xl-text-letter-spacing,var(--spectrum-global-font-letter-spacing-none)\n);line-height:var(\n--spectrum-body-xl-text-line-height,var(--spectrum-alias-body-text-line-height)\n);margin-bottom:0;margin-top:0;text-transform:var(--spectrum-body-xl-text-transform,none)}.spectrum-Body--sizeL{font-size:var(\n--spectrum-body-l-text-size,var(--spectrum-global-dimension-font-size-300)\n);font-style:var(\n--spectrum-body-l-text-font-style,var(--spectrum-global-font-style-regular)\n);font-weight:var(\n--spectrum-body-l-text-font-weight,var(--spectrum-alias-body-text-font-weight)\n);letter-spacing:var(\n--spectrum-body-l-text-letter-spacing,var(--spectrum-global-font-letter-spacing-none)\n);line-height:var(\n--spectrum-body-l-text-line-height,var(--spectrum-alias-body-text-line-height)\n);margin-bottom:0;margin-top:0;text-transform:var(--spectrum-body-l-text-transform,none)}.spectrum-Body--sizeM{font-size:var(\n--spectrum-body-m-text-size,var(--spectrum-global-dimension-font-size-200)\n);font-style:var(\n--spectrum-body-m-text-font-style,var(--spectrum-global-font-style-regular)\n);font-weight:var(\n--spectrum-body-m-text-font-weight,var(--spectrum-alias-body-text-font-weight)\n);letter-spacing:var(\n--spectrum-body-m-text-letter-spacing,var(--spectrum-global-font-letter-spacing-none)\n);line-height:var(\n--spectrum-body-m-text-line-height,var(--spectrum-alias-body-text-line-height)\n);margin-bottom:0;margin-top:0;text-transform:var(--spectrum-body-m-text-transform,none)}.spectrum-Body--sizeS{font-size:var(\n--spectrum-body-s-text-size,var(--spectrum-global-dimension-font-size-100)\n);font-style:var(\n--spectrum-body-s-text-font-style,var(--spectrum-global-font-style-regular)\n);font-weight:var(\n--spectrum-body-s-text-font-weight,var(--spectrum-alias-body-text-font-weight)\n);letter-spacing:var(\n--spectrum-body-s-text-letter-spacing,var(--spectrum-global-font-letter-spacing-none)\n);line-height:var(\n--spectrum-body-s-text-line-height,var(--spectrum-alias-body-text-line-height)\n);margin-bottom:0;margin-top:0;text-transform:var(--spectrum-body-s-text-transform,none)}.spectrum-Body--sizeXS{font-size:var(\n--spectrum-body-xs-text-size,var(--spectrum-global-dimension-font-size-75)\n);font-style:var(\n--spectrum-body-xs-text-font-style,var(--spectrum-global-font-style-regular)\n);font-weight:var(\n--spectrum-body-xs-text-font-weight,var(--spectrum-alias-body-text-font-weight)\n);letter-spacing:var(\n--spectrum-body-xs-text-letter-spacing,var(--spectrum-global-font-letter-spacing-none)\n);line-height:var(\n--spectrum-body-xs-text-line-height,var(--spectrum-alias-body-text-line-height)\n);margin-bottom:0;margin-top:0;text-transform:var(--spectrum-body-xs-text-transform,none)}.spectrum-Body{font-family:var(\n--spectrum-body-m-text-font-family,var(--spectrum-alias-body-text-font-family)\n)}.spectrum-Body .spectrum-Body-strong,.spectrum-Body strong{font-weight:var(\n--spectrum-body-m-strong-text-font-weight,var(--spectrum-global-font-weight-bold)\n)}.spectrum-Body .spectrum-Body-emphasized,.spectrum-Body em{font-style:var(\n--spectrum-body-m-emphasized-text-font-style,var(--spectrum-global-font-style-italic)\n)}.spectrum-Body--serif{font-family:var(\n--spectrum-body-m-serif-text-font-family,var(--spectrum-alias-serif-text-font-family)\n)}.spectrum-Detail{font-family:var(\n--spectrum-heading-m-text-font-family,var(--spectrum-alias-body-text-font-family)\n)}.spectrum-Detail .spectrum-Detail-strong,.spectrum-Detail strong{font-weight:var(\n--spectrum-detail-m-strong-text-font-weight,var(--spectrum-alias-detail-text-font-weight-regular)\n)}.spectrum-Detail .spectrum-Detail-emphasized,.spectrum-Detail em{font-style:var(\n--spectrum-detail-m-emphasized-text-font-style,var(--spectrum-global-font-style-italic)\n)}.spectrum-Detail--light{font-style:var(\n--spectrum-detail-m-light-text-font-style,var(--spectrum-global-font-style-regular)\n);font-weight:var(\n--spectrum-detail-m-light-text-font-weight,var(--spectrum-alias-detail-text-font-weight-light)\n)}.spectrum-Detail--serif{font-family:var(\n--spectrum-body-m-serif-text-font-family,var(--spectrum-alias-serif-text-font-family)\n)}.spectrum-Detail--sizeXL{font-size:var(\n--spectrum-detail-xl-text-size,var(--spectrum-global-dimension-font-size-200)\n);font-style:var(\n--spectrum-detail-xl-text-font-style,var(--spectrum-global-font-style-regular)\n);font-weight:var(\n--spectrum-detail-xl-text-font-weight,var(--spectrum-alias-detail-text-font-weight-regular)\n);letter-spacing:var(\n--spectrum-detail-xl-text-letter-spacing,var(--spectrum-global-font-letter-spacing-medium)\n);line-height:var(\n--spectrum-detail-xl-text-line-height,var(--spectrum-alias-heading-text-line-height)\n);margin-bottom:0;margin-top:0;text-transform:var(--spectrum-detail-xl-text-transform,uppercase)}.spectrum-Detail--sizeXL em{font-size:var(\n--spectrum-detail-xl-emphasized-text-size,var(--spectrum-global-dimension-font-size-200)\n);font-style:var(\n--spectrum-detail-xl-emphasized-text-font-style,var(--spectrum-global-font-style-italic)\n);font-weight:var(\n--spectrum-detail-xl-emphasized-text-font-weight,var(--spectrum-alias-detail-text-font-weight-regular)\n);letter-spacing:var(\n--spectrum-detail-xl-emphasized-text-letter-spacing,var(--spectrum-global-font-letter-spacing-medium)\n);line-height:var(\n--spectrum-detail-xl-emphasized-text-line-height,var(--spectrum-alias-heading-text-line-height)\n);margin-bottom:0;margin-top:0;text-transform:var(\n--spectrum-detail-xl-emphasized-text-transform,uppercase\n)}.spectrum-Detail--sizeXL strong{font-size:var(\n--spectrum-detail-xl-strong-text-size,var(--spectrum-global-dimension-font-size-200)\n);font-style:var(\n--spectrum-detail-xl-strong-text-font-style,var(--spectrum-global-font-style-regular)\n);font-weight:var(\n--spectrum-detail-xl-strong-text-font-weight,var(--spectrum-alias-detail-text-font-weight-regular)\n);letter-spacing:var(\n--spectrum-detail-xl-strong-text-letter-spacing,var(--spectrum-global-font-letter-spacing-medium)\n);line-height:var(\n--spectrum-detail-xl-strong-text-line-height,var(--spectrum-alias-heading-text-line-height)\n);margin-bottom:0;margin-top:0;text-transform:var(--spectrum-detail-xl-strong-text-transform,uppercase)}.spectrum-Detail--sizeL{font-size:var(\n--spectrum-detail-l-text-size,var(--spectrum-global-dimension-font-size-100)\n);font-style:var(\n--spectrum-detail-l-text-font-style,var(--spectrum-global-font-style-regular)\n);font-weight:var(\n--spectrum-detail-l-text-font-weight,var(--spectrum-alias-detail-text-font-weight-regular)\n);letter-spacing:var(\n--spectrum-detail-l-text-letter-spacing,var(--spectrum-global-font-letter-spacing-medium)\n);line-height:var(\n--spectrum-detail-l-text-line-height,var(--spectrum-alias-heading-text-line-height)\n);margin-bottom:0;margin-top:0;text-transform:var(--spectrum-detail-l-text-transform,uppercase)}.spectrum-Detail--sizeL em{font-size:var(\n--spectrum-detail-l-emphasized-text-size,var(--spectrum-global-dimension-font-size-100)\n);font-style:var(\n--spectrum-detail-l-emphasized-text-font-style,var(--spectrum-global-font-style-italic)\n);font-weight:var(\n--spectrum-detail-l-emphasized-text-font-weight,var(--spectrum-alias-detail-text-font-weight-regular)\n);letter-spacing:var(\n--spectrum-detail-l-emphasized-text-letter-spacing,var(--spectrum-global-font-letter-spacing-medium)\n);line-height:var(\n--spectrum-detail-l-emphasized-text-line-height,var(--spectrum-alias-heading-text-line-height)\n);margin-bottom:0;margin-top:0;text-transform:var(\n--spectrum-detail-l-emphasized-text-transform,uppercase\n)}.spectrum-Detail--sizeL strong{font-size:var(\n--spectrum-detail-l-strong-text-size,var(--spectrum-global-dimension-font-size-100)\n);font-style:var(\n--spectrum-detail-l-strong-text-font-style,var(--spectrum-global-font-style-regular)\n);font-weight:var(\n--spectrum-detail-l-strong-text-font-weight,var(--spectrum-alias-detail-text-font-weight-regular)\n);letter-spacing:var(\n--spectrum-detail-l-strong-text-letter-spacing,var(--spectrum-global-font-letter-spacing-medium)\n);line-height:var(\n--spectrum-detail-l-strong-text-line-height,var(--spectrum-alias-heading-text-line-height)\n);margin-bottom:0;margin-top:0;text-transform:var(--spectrum-detail-l-strong-text-transform,uppercase)}.spectrum-Detail--sizeM{font-size:var(\n--spectrum-detail-m-text-size,var(--spectrum-global-dimension-font-size-75)\n);font-style:var(\n--spectrum-detail-m-text-font-style,var(--spectrum-global-font-style-regular)\n);font-weight:var(\n--spectrum-detail-m-text-font-weight,var(--spectrum-alias-detail-text-font-weight-regular)\n);letter-spacing:var(\n--spectrum-detail-m-text-letter-spacing,var(--spectrum-global-font-letter-spacing-medium)\n);line-height:var(\n--spectrum-detail-m-text-line-height,var(--spectrum-alias-heading-text-line-height)\n);margin-bottom:0;margin-top:0;text-transform:var(--spectrum-detail-m-text-transform,uppercase)}.spectrum-Detail--sizeM em{font-size:var(\n--spectrum-detail-m-emphasized-text-size,var(--spectrum-global-dimension-font-size-75)\n);font-style:var(\n--spectrum-detail-m-emphasized-text-font-style,var(--spectrum-global-font-style-italic)\n);font-weight:var(\n--spectrum-detail-m-emphasized-text-font-weight,var(--spectrum-alias-detail-text-font-weight-regular)\n);letter-spacing:var(\n--spectrum-detail-m-emphasized-text-letter-spacing,var(--spectrum-global-font-letter-spacing-medium)\n);line-height:var(\n--spectrum-detail-m-emphasized-text-line-height,var(--spectrum-alias-heading-text-line-height)\n);margin-bottom:0;margin-top:0;text-transform:var(\n--spectrum-detail-m-emphasized-text-transform,uppercase\n)}.spectrum-Detail--sizeM strong{font-size:var(\n--spectrum-detail-m-strong-text-size,var(--spectrum-global-dimension-font-size-75)\n);font-style:var(\n--spectrum-detail-m-strong-text-font-style,var(--spectrum-global-font-style-regular)\n);font-weight:var(\n--spectrum-detail-m-strong-text-font-weight,var(--spectrum-alias-detail-text-font-weight-regular)\n);letter-spacing:var(\n--spectrum-detail-m-strong-text-letter-spacing,var(--spectrum-global-font-letter-spacing-medium)\n);line-height:var(\n--spectrum-detail-m-strong-text-line-height,var(--spectrum-alias-heading-text-line-height)\n);margin-bottom:0;margin-top:0;text-transform:var(--spectrum-detail-m-strong-text-transform,uppercase)}.spectrum-Detail--sizeS{font-size:var(\n--spectrum-detail-s-text-size,var(--spectrum-global-dimension-font-size-50)\n);font-style:var(\n--spectrum-detail-s-text-font-style,var(--spectrum-global-font-style-regular)\n);font-weight:var(\n--spectrum-detail-s-text-font-weight,var(--spectrum-alias-detail-text-font-weight-regular)\n);letter-spacing:var(\n--spectrum-detail-s-text-letter-spacing,var(--spectrum-global-font-letter-spacing-medium)\n);line-height:var(\n--spectrum-detail-s-text-line-height,var(--spectrum-alias-heading-text-line-height)\n);margin-bottom:0;margin-top:0;text-transform:var(--spectrum-detail-s-text-transform,uppercase)}.spectrum-Detail--sizeS em{font-size:var(\n--spectrum-detail-s-emphasized-text-size,var(--spectrum-global-dimension-font-size-50)\n);font-style:var(\n--spectrum-detail-s-emphasized-text-font-style,var(--spectrum-global-font-style-italic)\n);font-weight:var(\n--spectrum-detail-s-emphasized-text-font-weight,var(--spectrum-alias-detail-text-font-weight-regular)\n);letter-spacing:var(\n--spectrum-detail-s-emphasized-text-letter-spacing,var(--spectrum-global-font-letter-spacing-medium)\n);line-height:var(\n--spectrum-detail-s-emphasized-text-line-height,var(--spectrum-alias-heading-text-line-height)\n);margin-bottom:0;margin-top:0;text-transform:var(\n--spectrum-detail-s-emphasized-text-transform,uppercase\n)}.spectrum-Detail--sizeS strong{font-size:var(\n--spectrum-detail-s-strong-text-size,var(--spectrum-global-dimension-font-size-50)\n);font-style:var(\n--spectrum-detail-s-strong-text-font-style,var(--spectrum-global-font-style-regular)\n);font-weight:var(\n--spectrum-detail-s-strong-text-font-weight,var(--spectrum-alias-detail-text-font-weight-regular)\n);letter-spacing:var(\n--spectrum-detail-s-strong-text-letter-spacing,var(--spectrum-global-font-letter-spacing-medium)\n);line-height:var(\n--spectrum-detail-s-strong-text-line-height,var(--spectrum-alias-heading-text-line-height)\n);margin-bottom:0;margin-top:0;text-transform:var(--spectrum-detail-s-strong-text-transform,uppercase)}.spectrum-Code{font-family:var(\n--spectrum-heading-m-text-font-family,var(--spectrum-alias-body-text-font-family)\n)}.spectrum-Code .spectrum-Code-strong,.spectrum-Code strong{font-weight:var(\n--spectrum-code-m-strong-text-font-weight,var(--spectrum-global-font-weight-bold)\n)}.spectrum-Code .spectrum-Code-emphasized,.spectrum-Code em{font-style:var(\n--spectrum-code-m-emphasized-text-font-style,var(--spectrum-global-font-style-italic)\n)}.spectrum-Code--serif{font-family:var(\n--spectrum-body-m-serif-text-font-family,var(--spectrum-alias-serif-text-font-family)\n)}.spectrum-Code--sizeXL{font-family:var(\n--spectrum-code-xl-text-font-family,var(--spectrum-alias-code-text-font-family)\n);font-size:var(\n--spectrum-code-xl-text-size,var(--spectrum-global-dimension-font-size-400)\n);font-style:var(\n--spectrum-code-xl-text-font-style,var(--spectrum-global-font-style-regular)\n);font-weight:var(\n--spectrum-code-xl-text-font-weight,var(--spectrum-alias-code-text-font-weight-regular)\n);letter-spacing:var(\n--spectrum-code-xl-text-letter-spacing,var(--spectrum-global-font-letter-spacing-none)\n);line-height:var(\n--spectrum-code-xl-text-line-height,var(--spectrum-alias-body-text-line-height)\n);margin-bottom:0;margin-top:0}.spectrum-Code--sizeL{font-family:var(\n--spectrum-code-l-text-font-family,var(--spectrum-alias-code-text-font-family)\n);font-size:var(\n--spectrum-code-l-text-size,var(--spectrum-global-dimension-font-size-300)\n);font-style:var(\n--spectrum-code-l-text-font-style,var(--spectrum-global-font-style-regular)\n);font-weight:var(\n--spectrum-code-l-text-font-weight,var(--spectrum-alias-code-text-font-weight-regular)\n);letter-spacing:var(\n--spectrum-code-l-text-letter-spacing,var(--spectrum-global-font-letter-spacing-none)\n);line-height:var(\n--spectrum-code-l-text-line-height,var(--spectrum-alias-body-text-line-height)\n);margin-bottom:0;margin-top:0}.spectrum-Code--sizeM{font-family:var(\n--spectrum-code-m-text-font-family,var(--spectrum-alias-code-text-font-family)\n);font-size:var(\n--spectrum-code-m-text-size,var(--spectrum-global-dimension-font-size-200)\n);font-style:var(\n--spectrum-code-m-text-font-style,var(--spectrum-global-font-style-regular)\n);font-weight:var(\n--spectrum-code-m-text-font-weight,var(--spectrum-alias-code-text-font-weight-regular)\n);letter-spacing:var(\n--spectrum-code-m-text-letter-spacing,var(--spectrum-global-font-letter-spacing-none)\n);line-height:var(\n--spectrum-code-m-text-line-height,var(--spectrum-alias-body-text-line-height)\n);margin-bottom:0;margin-top:0}.spectrum-Code--sizeS{font-family:var(\n--spectrum-code-s-text-font-family,var(--spectrum-alias-code-text-font-family)\n);font-size:var(\n--spectrum-code-s-text-size,var(--spectrum-global-dimension-font-size-100)\n);font-style:var(\n--spectrum-code-s-text-font-style,var(--spectrum-global-font-style-regular)\n);font-weight:var(\n--spectrum-code-s-text-font-weight,var(--spectrum-alias-code-text-font-weight-regular)\n);letter-spacing:var(\n--spectrum-code-s-text-letter-spacing,var(--spectrum-global-font-letter-spacing-none)\n);line-height:var(\n--spectrum-code-s-text-line-height,var(--spectrum-alias-body-text-line-height)\n);margin-bottom:0;margin-top:0}.spectrum-Code--sizeXS{font-family:var(\n--spectrum-code-xs-text-font-family,var(--spectrum-alias-code-text-font-family)\n);font-size:var(\n--spectrum-code-xs-text-size,var(--spectrum-global-dimension-font-size-75)\n);font-style:var(\n--spectrum-code-xs-text-font-style,var(--spectrum-global-font-style-regular)\n);font-weight:var(\n--spectrum-code-xs-text-font-weight,var(--spectrum-alias-code-text-font-weight-regular)\n);letter-spacing:var(\n--spectrum-code-xs-text-letter-spacing,var(--spectrum-global-font-letter-spacing-none)\n);line-height:var(\n--spectrum-code-xs-text-line-height,var(--spectrum-alias-body-text-line-height)\n);margin-bottom:0;margin-top:0}.spectrum-Typography .spectrum-Heading--sizeXXXL{margin-bottom:var(\n--spectrum-heading-xxxl-margin-bottom,var(--spectrum-global-dimension-size-125)\n);margin-top:var(\n--spectrum-heading-xxxl-margin-top,var(--spectrum-alias-heading-xxxl-margin-top)\n)}.spectrum-Typography .spectrum-Heading--sizeXXL{margin-bottom:var(\n--spectrum-heading-xxl-margin-bottom,var(--spectrum-global-dimension-size-115)\n);margin-top:var(\n--spectrum-heading-xxl-margin-top,var(--spectrum-alias-heading-xxl-margin-top)\n)}.spectrum-Typography .spectrum-Heading--sizeXL{margin-bottom:var(\n--spectrum-heading-xl-margin-bottom,var(--spectrum-global-dimension-size-100)\n);margin-top:var(\n--spectrum-heading-xl-margin-top,var(--spectrum-alias-heading-xl-margin-top)\n)}.spectrum-Typography .spectrum-Heading--sizeL{margin-bottom:var(\n--spectrum-heading-l-margin-bottom,var(--spectrum-global-dimension-size-85)\n);margin-top:var(\n--spectrum-heading-l-margin-top,var(--spectrum-alias-heading-l-margin-top)\n)}.spectrum-Typography .spectrum-Heading--sizeM{margin-bottom:var(\n--spectrum-heading-m-margin-bottom,var(--spectrum-global-dimension-size-75)\n);margin-top:var(\n--spectrum-heading-m-margin-top,var(--spectrum-alias-heading-m-margin-top)\n)}.spectrum-Typography .spectrum-Heading--sizeS{margin-bottom:var(\n--spectrum-heading-s-margin-bottom,var(--spectrum-global-dimension-size-65)\n);margin-top:var(\n--spectrum-heading-s-margin-top,var(--spectrum-alias-heading-s-margin-top)\n)}.spectrum-Typography .spectrum-Heading--sizeXS{margin-bottom:var(\n--spectrum-heading-xs-margin-bottom,var(--spectrum-global-dimension-size-50)\n);margin-top:var(\n--spectrum-heading-xs-margin-top,var(--spectrum-alias-heading-xs-margin-top)\n)}.spectrum-Typography .spectrum-Heading--sizeXXS{margin-bottom:var(\n--spectrum-heading-xxs-margin-bottom,var(--spectrum-global-dimension-size-40)\n);margin-top:var(\n--spectrum-heading-xxs-margin-top,var(--spectrum-alias-heading-xxs-margin-top)\n)}.spectrum-Typography .spectrum-Body--sizeXXXL{margin-bottom:var(\n--spectrum-body-xxxl-margin-bottom,var(--spectrum-global-dimension-size-400)\n);margin-top:var(--spectrum-body-xxxl-margin-top,0)}.spectrum-Typography .spectrum-Body--sizeXXL{margin-bottom:var(\n--spectrum-body-xxl-margin-bottom,var(--spectrum-global-dimension-size-300)\n);margin-top:var(--spectrum-body-xxl-margin-top,0)}.spectrum-Typography .spectrum-Body--sizeXL{margin-bottom:var(\n--spectrum-body-xl-margin-bottom,var(--spectrum-global-dimension-size-200)\n);margin-top:var(--spectrum-body-xl-margin-top,0)}.spectrum-Typography .spectrum-Body--sizeL{margin-bottom:var(\n--spectrum-body-l-margin-bottom,var(--spectrum-global-dimension-size-160)\n);margin-top:var(--spectrum-body-l-margin-top,0)}.spectrum-Typography .spectrum-Body--sizeM{margin-bottom:var(\n--spectrum-body-m-margin-bottom,var(--spectrum-global-dimension-size-150)\n);margin-top:var(--spectrum-body-m-margin-top,0)}.spectrum-Typography .spectrum-Body--sizeS{margin-bottom:var(\n--spectrum-body-s-margin-bottom,var(--spectrum-global-dimension-size-125)\n);margin-top:var(--spectrum-body-s-margin-top,0)}.spectrum-Typography .spectrum-Body--sizeXS{margin-bottom:var(\n--spectrum-body-xs-margin-bottom,var(--spectrum-global-dimension-size-115)\n);margin-top:var(--spectrum-body-xs-margin-top,0)}.spectrum:lang(ja) .spectrum-Heading--sizeXXXL,.spectrum:lang(ko) .spectrum-Heading--sizeXXXL,.spectrum:lang(zh) .spectrum-Heading--sizeXXXL{font-size:var(\n--spectrum-heading-han-xxxl-text-size,var(--spectrum-alias-heading-han-xxxl-text-size)\n);font-style:var(\n--spectrum-heading-han-xxxl-text-font-style,var(--spectrum-global-font-style-regular)\n);font-weight:var(\n--spectrum-heading-han-xxxl-text-font-weight,var(--spectrum-alias-han-heading-text-font-weight-regular)\n);letter-spacing:var(\n--spectrum-heading-han-xxxl-text-letter-spacing,var(--spectrum-global-font-letter-spacing-han)\n);line-height:var(\n--spectrum-heading-han-xxxl-text-line-height,var(--spectrum-alias-han-heading-text-line-height)\n);margin-bottom:0;margin-top:0;text-transform:var(--spectrum-heading-han-xxxl-text-transform,none)}.spectrum:lang(ja) .spectrum-Heading--sizeXXL,.spectrum:lang(ko) .spectrum-Heading--sizeXXL,.spectrum:lang(zh) .spectrum-Heading--sizeXXL{font-size:var(\n--spectrum-heading-han-xxl-text-size,var(--spectrum-alias-heading-han-xxl-text-size)\n);font-style:var(\n--spectrum-heading-han-xxl-text-font-style,var(--spectrum-global-font-style-regular)\n);font-weight:var(\n--spectrum-heading-han-xxl-text-font-weight,var(--spectrum-alias-han-heading-text-font-weight-regular)\n);letter-spacing:var(\n--spectrum-heading-han-xxl-text-letter-spacing,var(--spectrum-global-font-letter-spacing-han)\n);line-height:var(\n--spectrum-heading-han-xxl-text-line-height,var(--spectrum-alias-han-heading-text-line-height)\n);margin-bottom:0;margin-top:0;text-transform:var(--spectrum-heading-han-xxl-text-transform,none)}.spectrum:lang(ja) .spectrum-Heading--sizeXL,.spectrum:lang(ko) .spectrum-Heading--sizeXL,.spectrum:lang(zh) .spectrum-Heading--sizeXL{font-size:var(\n--spectrum-heading-han-xl-text-size,var(--spectrum-alias-heading-han-xl-text-size)\n);font-style:var(\n--spectrum-heading-han-xl-text-font-style,var(--spectrum-global-font-style-regular)\n);font-weight:var(\n--spectrum-heading-han-xl-text-font-weight,var(--spectrum-alias-han-heading-text-font-weight-regular)\n);letter-spacing:var(\n--spectrum-heading-han-xl-text-letter-spacing,var(--spectrum-global-font-letter-spacing-han)\n);line-height:var(\n--spectrum-heading-han-xl-text-line-height,var(--spectrum-alias-han-heading-text-line-height)\n);margin-bottom:0;margin-top:0;text-transform:var(--spectrum-heading-han-xl-text-transform,none)}.spectrum:lang(ja) .spectrum-Heading--sizeL,.spectrum:lang(ko) .spectrum-Heading--sizeL,.spectrum:lang(zh) .spectrum-Heading--sizeL{font-size:var(\n--spectrum-heading-han-l-text-size,var(--spectrum-alias-heading-han-l-text-size)\n);font-style:var(\n--spectrum-heading-han-l-text-font-style,var(--spectrum-global-font-style-regular)\n);font-weight:var(\n--spectrum-heading-han-l-text-font-weight,var(--spectrum-alias-han-heading-text-font-weight-regular)\n);letter-spacing:var(\n--spectrum-heading-han-l-text-letter-spacing,var(--spectrum-global-font-letter-spacing-han)\n);line-height:var(\n--spectrum-heading-han-l-text-line-height,var(--spectrum-alias-han-heading-text-line-height)\n);margin-bottom:0;margin-top:0;text-transform:var(--spectrum-heading-han-l-text-transform,none)}.spectrum:lang(ja) .spectrum-Heading--sizeM,.spectrum:lang(ko) .spectrum-Heading--sizeM,.spectrum:lang(zh) .spectrum-Heading--sizeM{font-size:var(\n--spectrum-heading-han-m-text-size,var(--spectrum-alias-heading-han-m-text-size)\n);font-style:var(\n--spectrum-heading-han-m-text-font-style,var(--spectrum-global-font-style-regular)\n);font-weight:var(\n--spectrum-heading-han-m-text-font-weight,var(--spectrum-alias-han-heading-text-font-weight-regular)\n);letter-spacing:var(\n--spectrum-heading-han-m-text-letter-spacing,var(--spectrum-global-font-letter-spacing-han)\n);line-height:var(\n--spectrum-heading-han-m-text-line-height,var(--spectrum-alias-han-heading-text-line-height)\n);margin-bottom:0;margin-top:0;text-transform:var(--spectrum-heading-han-m-text-transform,none)}.spectrum:lang(ja) .spectrum-Heading--sizeS,.spectrum:lang(ko) .spectrum-Heading--sizeS,.spectrum:lang(zh) .spectrum-Heading--sizeS{font-size:var(\n--spectrum-heading-han-s-text-size,var(--spectrum-alias-heading-han-s-text-size)\n);font-style:var(\n--spectrum-heading-han-s-text-font-style,var(--spectrum-global-font-style-regular)\n);font-weight:var(\n--spectrum-heading-han-s-text-font-weight,var(--spectrum-alias-han-heading-text-font-weight-regular)\n);letter-spacing:var(\n--spectrum-heading-han-s-text-letter-spacing,var(--spectrum-global-font-letter-spacing-han)\n);line-height:var(\n--spectrum-heading-han-s-text-line-height,var(--spectrum-alias-han-heading-text-line-height)\n);margin-bottom:0;margin-top:0;text-transform:var(--spectrum-heading-han-s-text-transform,none)}.spectrum:lang(ja) .spectrum-Heading--sizeXS,.spectrum:lang(ko) .spectrum-Heading--sizeXS,.spectrum:lang(zh) .spectrum-Heading--sizeXS{font-size:var(\n--spectrum-heading-han-xs-text-size,var(--spectrum-alias-heading-han-xs-text-size)\n);font-style:var(\n--spectrum-heading-han-xs-text-font-style,var(--spectrum-global-font-style-regular)\n);font-weight:var(\n--spectrum-heading-han-xs-text-font-weight,var(--spectrum-alias-han-heading-text-font-weight-regular)\n);letter-spacing:var(\n--spectrum-heading-han-xs-text-letter-spacing,var(--spectrum-global-font-letter-spacing-han)\n);line-height:var(\n--spectrum-heading-han-xs-text-line-height,var(--spectrum-alias-han-heading-text-line-height)\n);margin-bottom:0;margin-top:0;text-transform:var(--spectrum-heading-han-xs-text-transform,none)}.spectrum:lang(ja) .spectrum-Heading--sizeXXS,.spectrum:lang(ko) .spectrum-Heading--sizeXXS,.spectrum:lang(zh) .spectrum-Heading--sizeXXS{font-size:var(\n--spectrum-heading-han-xxs-text-size,var(--spectrum-alias-heading-han-xxs-text-size)\n);font-style:var(\n--spectrum-heading-han-xxs-text-font-style,var(--spectrum-global-font-style-regular)\n);font-weight:var(\n--spectrum-heading-han-xxs-text-font-weight,var(--spectrum-alias-han-heading-text-font-weight-regular)\n);letter-spacing:var(\n--spectrum-heading-han-xxs-text-letter-spacing,var(--spectrum-global-font-letter-spacing-han)\n);line-height:var(\n--spectrum-heading-han-xxs-text-line-height,var(--spectrum-alias-han-heading-text-line-height)\n);margin-bottom:0;margin-top:0;text-transform:var(--spectrum-heading-han-xxs-text-transform,none)}.spectrum:lang(ja) .spectrum-Heading--heavy,.spectrum:lang(ko) .spectrum-Heading--heavy,.spectrum:lang(zh) .spectrum-Heading--heavy{font-weight:var(\n--spectrum-heading-han-m-text-font-weight,var(--spectrum-alias-han-heading-text-font-weight-regular)\n)}.spectrum:lang(ja) .spectrum-Heading--heavy .spectrum-Heading--emphasized,.spectrum:lang(ja) .spectrum-Heading--heavy em,.spectrum:lang(ko) .spectrum-Heading--heavy .spectrum-Heading--emphasized,.spectrum:lang(ko) .spectrum-Heading--heavy em,.spectrum:lang(zh) .spectrum-Heading--heavy .spectrum-Heading--emphasized,.spectrum:lang(zh) .spectrum-Heading--heavy em{font-style:var(--spectrum-heading-han-heavy-m-emphasized-text-font-style);font-weight:var(\n--spectrum-heading-han-heavy-m-emphasized-text-font-weight\n)}.spectrum:lang(ja) .spectrum-Heading--heavy .spectrum-Heading--strong,.spectrum:lang(ja) .spectrum-Heading--heavy strong,.spectrum:lang(ko) .spectrum-Heading--heavy .spectrum-Heading--strong,.spectrum:lang(ko) .spectrum-Heading--heavy strong,.spectrum:lang(zh) .spectrum-Heading--heavy .spectrum-Heading--strong,.spectrum:lang(zh) .spectrum-Heading--heavy strong{font-style:var(\n--spectrum-heading-m-heavy-strong-text-font-style,var(--spectrum-global-font-style-regular)\n);font-weight:var(\n--spectrum-heading-m-heavy-strong-text-font-weight,var(--spectrum-alias-heading-text-font-weight-heavy-strong)\n)}.spectrum:lang(ja) .spectrum-Heading--light,.spectrum:lang(ko) .spectrum-Heading--light,.spectrum:lang(zh) .spectrum-Heading--light{font-weight:var(\n--spectrum-heading-han-m-text-font-weight,var(--spectrum-alias-han-heading-text-font-weight-regular)\n)}.spectrum:lang(ja) .spectrum-Heading--light .spectrum-Heading--emphasized,.spectrum:lang(ja) .spectrum-Heading--light em,.spectrum:lang(ko) .spectrum-Heading--light .spectrum-Heading--emphasized,.spectrum:lang(ko) .spectrum-Heading--light em,.spectrum:lang(zh) .spectrum-Heading--light .spectrum-Heading--emphasized,.spectrum:lang(zh) .spectrum-Heading--light em{font-style:var(\n--spectrum-heading-han-m-light-emphasized-text-font-style,var(--spectrum-global-font-style-regular)\n);font-weight:var(\n--spectrum-heading-han-m-light-emphasized-text-font-weight,var(--spectrum-alias-han-heading-text-font-weight-light-emphasis)\n)}.spectrum:lang(ja) .spectrum-Heading--light .spectrum-Heading--strong,.spectrum:lang(ja) .spectrum-Heading--light strong,.spectrum:lang(ko) .spectrum-Heading--light .spectrum-Heading--strong,.spectrum:lang(ko) .spectrum-Heading--light strong,.spectrum:lang(zh) .spectrum-Heading--light .spectrum-Heading--strong,.spectrum:lang(zh) .spectrum-Heading--light strong{font-style:var(\n--spectrum-heading-han-m-light-strong-text-font-style,var(--spectrum-global-font-style-regular)\n);font-weight:var(\n--spectrum-heading-han-m-light-strong-text-font-weight,var(--spectrum-alias-han-heading-text-font-weight-light-strong)\n)}.spectrum:lang(ja) .spectrum-Body--sizeXXXL,.spectrum:lang(ko) .spectrum-Body--sizeXXXL,.spectrum:lang(zh) .spectrum-Body--sizeXXXL{font-size:var(\n--spectrum-body-han-xxxl-text-size,var(--spectrum-global-dimension-font-size-600)\n);font-style:var(\n--spectrum-body-han-xxxl-text-font-style,var(--spectrum-global-font-style-regular)\n);font-weight:var(\n--spectrum-body-han-xxxl-text-font-weight,var(--spectrum-alias-han-body-text-font-weight-regular)\n);letter-spacing:var(\n--spectrum-body-han-xxxl-text-letter-spacing,var(--spectrum-global-font-letter-spacing-han)\n);line-height:var(\n--spectrum-body-han-xxxl-text-line-height,var(--spectrum-alias-han-body-text-line-height)\n);margin-bottom:0;margin-top:0;text-transform:var(--spectrum-body-han-xxxl-text-transform,none)}.spectrum:lang(ja) .spectrum-Body--sizeXXL,.spectrum:lang(ko) .spectrum-Body--sizeXXL,.spectrum:lang(zh) .spectrum-Body--sizeXXL{font-size:var(\n--spectrum-body-han-xxl-text-size,var(--spectrum-global-dimension-font-size-500)\n);font-style:var(\n--spectrum-body-han-xxl-text-font-style,var(--spectrum-global-font-style-regular)\n);font-weight:var(\n--spectrum-body-han-xxl-text-font-weight,var(--spectrum-alias-han-body-text-font-weight-regular)\n);letter-spacing:var(\n--spectrum-body-han-xxl-text-letter-spacing,var(--spectrum-global-font-letter-spacing-han)\n);line-height:var(\n--spectrum-body-han-xxl-text-line-height,var(--spectrum-alias-han-body-text-line-height)\n);margin-bottom:0;margin-top:0;text-transform:var(--spectrum-body-han-xxl-text-transform,none)}.spectrum:lang(ja) .spectrum-Body--sizeXL,.spectrum:lang(ko) .spectrum-Body--sizeXL,.spectrum:lang(zh) .spectrum-Body--sizeXL{font-size:var(\n--spectrum-body-han-xl-text-size,var(--spectrum-global-dimension-font-size-400)\n);font-style:var(\n--spectrum-body-han-xl-text-font-style,var(--spectrum-global-font-style-regular)\n);font-weight:var(\n--spectrum-body-han-xl-text-font-weight,var(--spectrum-alias-han-body-text-font-weight-regular)\n);letter-spacing:var(\n--spectrum-body-han-xl-text-letter-spacing,var(--spectrum-global-font-letter-spacing-han)\n);line-height:var(\n--spectrum-body-han-xl-text-line-height,var(--spectrum-alias-han-body-text-line-height)\n);margin-bottom:0;margin-top:0;text-transform:var(--spectrum-body-han-xl-text-transform,none)}.spectrum:lang(ja) .spectrum-Body--sizeL,.spectrum:lang(ko) .spectrum-Body--sizeL,.spectrum:lang(zh) .spectrum-Body--sizeL{font-size:var(\n--spectrum-body-han-l-text-size,var(--spectrum-global-dimension-font-size-300)\n);font-style:var(\n--spectrum-body-han-l-text-font-style,var(--spectrum-global-font-style-regular)\n);font-weight:var(\n--spectrum-body-han-l-text-font-weight,var(--spectrum-alias-han-body-text-font-weight-regular)\n);letter-spacing:var(\n--spectrum-body-han-l-text-letter-spacing,var(--spectrum-global-font-letter-spacing-han)\n);line-height:var(\n--spectrum-body-han-l-text-line-height,var(--spectrum-alias-han-body-text-line-height)\n);margin-bottom:0;margin-top:0;text-transform:var(--spectrum-body-han-l-text-transform,none)}.spectrum:lang(ja) .spectrum-Body--sizeM,.spectrum:lang(ko) .spectrum-Body--sizeM,.spectrum:lang(zh) .spectrum-Body--sizeM{font-size:var(\n--spectrum-body-han-m-text-size,var(--spectrum-global-dimension-font-size-200)\n);font-style:var(\n--spectrum-body-han-m-text-font-style,var(--spectrum-global-font-style-regular)\n);font-weight:var(\n--spectrum-body-han-m-text-font-weight,var(--spectrum-alias-han-body-text-font-weight-regular)\n);letter-spacing:var(\n--spectrum-body-han-m-text-letter-spacing,var(--spectrum-global-font-letter-spacing-han)\n);line-height:var(\n--spectrum-body-han-m-text-line-height,var(--spectrum-alias-han-body-text-line-height)\n);margin-bottom:0;margin-top:0;text-transform:var(--spectrum-body-han-m-text-transform,none)}.spectrum:lang(ja) .spectrum-Body--sizeS,.spectrum:lang(ko) .spectrum-Body--sizeS,.spectrum:lang(zh) .spectrum-Body--sizeS{font-size:var(\n--spectrum-body-han-s-text-size,var(--spectrum-global-dimension-font-size-100)\n);font-style:var(\n--spectrum-body-han-s-text-font-style,var(--spectrum-global-font-style-regular)\n);font-weight:var(\n--spectrum-body-han-s-text-font-weight,var(--spectrum-alias-han-body-text-font-weight-regular)\n);letter-spacing:var(\n--spectrum-body-han-s-text-letter-spacing,var(--spectrum-global-font-letter-spacing-han)\n);line-height:var(\n--spectrum-body-han-s-text-line-height,var(--spectrum-alias-han-body-text-line-height)\n);margin-bottom:0;margin-top:0;text-transform:var(--spectrum-body-han-s-text-transform,none)}.spectrum:lang(ja) .spectrum-Body--sizeXS,.spectrum:lang(ko) .spectrum-Body--sizeXS,.spectrum:lang(zh) .spectrum-Body--sizeXS{font-size:var(\n--spectrum-body-han-xs-text-size,var(--spectrum-global-dimension-font-size-75)\n);font-style:var(\n--spectrum-body-han-xs-text-font-style,var(--spectrum-global-font-style-regular)\n);font-weight:var(\n--spectrum-body-han-xs-text-font-weight,var(--spectrum-alias-han-body-text-font-weight-regular)\n);letter-spacing:var(\n--spectrum-body-han-xs-text-letter-spacing,var(--spectrum-global-font-letter-spacing-han)\n);line-height:var(\n--spectrum-body-han-xs-text-line-height,var(--spectrum-alias-han-body-text-line-height)\n);margin-bottom:0;margin-top:0;text-transform:var(--spectrum-body-han-xs-text-transform,none)}.spectrum:lang(ja) .spectrum-Detail--sizeXL,.spectrum:lang(ko) .spectrum-Detail--sizeXL,.spectrum:lang(zh) .spectrum-Detail--sizeXL{font-size:var(\n--spectrum-detail-han-xl-text-size,var(--spectrum-global-dimension-font-size-200)\n);font-style:var(\n--spectrum-detail-han-xl-text-font-style,var(--spectrum-global-font-style-regular)\n);font-weight:var(\n--spectrum-detail-han-xl-text-font-weight,var(--spectrum-alias-han-heading-text-font-weight-regular)\n);letter-spacing:var(\n--spectrum-detail-han-xl-text-letter-spacing,var(--spectrum-global-font-letter-spacing-medium)\n);line-height:var(\n--spectrum-detail-han-xl-text-line-height,var(--spectrum-alias-han-heading-text-line-height)\n);margin-bottom:0;margin-top:0;text-transform:var(--spectrum-detail-han-xl-text-transform,uppercase)}.spectrum:lang(ja) .spectrum-Detail--sizeXL em,.spectrum:lang(ko) .spectrum-Detail--sizeXL em,.spectrum:lang(zh) .spectrum-Detail--sizeXL em{font-size:var(\n--spectrum-detail-han-xl-emphasized-text-size,var(--spectrum-global-dimension-font-size-200)\n);font-style:var(\n--spectrum-detail-han-xl-emphasized-text-font-style,var(--spectrum-global-font-style-regular)\n);font-weight:var(\n--spectrum-detail-han-xl-emphasized-text-font-weight,var(--spectrum-alias-han-heading-text-font-weight-regular-emphasis)\n);letter-spacing:var(\n--spectrum-detail-han-xl-emphasized-text-letter-spacing,var(--spectrum-global-font-letter-spacing-medium)\n);line-height:var(\n--spectrum-detail-han-xl-emphasized-text-line-height,var(--spectrum-alias-han-heading-text-line-height)\n);margin-bottom:0;margin-top:0;text-transform:var(\n--spectrum-detail-han-xl-emphasized-text-transform,uppercase\n)}.spectrum:lang(ja) .spectrum-Detail--sizeXL strong,.spectrum:lang(ko) .spectrum-Detail--sizeXL strong,.spectrum:lang(zh) .spectrum-Detail--sizeXL strong{font-size:var(\n--spectrum-detail-han-xl-strong-text-size,var(--spectrum-global-dimension-font-size-200)\n);font-style:var(\n--spectrum-detail-han-xl-strong-text-font-style,var(--spectrum-global-font-style-regular)\n);font-weight:var(\n--spectrum-detail-han-xl-strong-text-font-weight,var(--spectrum-alias-han-heading-text-font-weight-regular-strong)\n);letter-spacing:var(\n--spectrum-detail-han-xl-strong-text-letter-spacing,var(--spectrum-global-font-letter-spacing-medium)\n);line-height:var(\n--spectrum-detail-han-xl-strong-text-line-height,var(--spectrum-alias-han-heading-text-line-height)\n);margin-bottom:0;margin-top:0;text-transform:var(\n--spectrum-detail-han-xl-strong-text-transform,uppercase\n)}.spectrum:lang(ja) .spectrum-Detail--sizeL,.spectrum:lang(ko) .spectrum-Detail--sizeL,.spectrum:lang(zh) .spectrum-Detail--sizeL{font-size:var(\n--spectrum-detail-han-l-text-size,var(--spectrum-global-dimension-font-size-100)\n);font-style:var(\n--spectrum-detail-han-l-text-font-style,var(--spectrum-global-font-style-regular)\n);font-weight:var(\n--spectrum-detail-han-l-text-font-weight,var(--spectrum-alias-han-heading-text-font-weight-regular)\n);letter-spacing:var(\n--spectrum-detail-han-l-text-letter-spacing,var(--spectrum-global-font-letter-spacing-medium)\n);line-height:var(\n--spectrum-detail-han-l-text-line-height,var(--spectrum-alias-han-heading-text-line-height)\n);margin-bottom:0;margin-top:0;text-transform:var(--spectrum-detail-han-l-text-transform,uppercase)}.spectrum:lang(ja) .spectrum-Detail--sizeL em,.spectrum:lang(ko) .spectrum-Detail--sizeL em,.spectrum:lang(zh) .spectrum-Detail--sizeL em{font-size:var(\n--spectrum-detail-han-l-emphasized-text-size,var(--spectrum-global-dimension-font-size-100)\n);font-style:var(\n--spectrum-detail-han-l-emphasized-text-font-style,var(--spectrum-global-font-style-regular)\n);font-weight:var(\n--spectrum-detail-han-l-emphasized-text-font-weight,var(--spectrum-alias-han-heading-text-font-weight-regular-emphasis)\n);letter-spacing:var(\n--spectrum-detail-han-l-emphasized-text-letter-spacing,var(--spectrum-global-font-letter-spacing-medium)\n);line-height:var(\n--spectrum-detail-han-l-emphasized-text-line-height,var(--spectrum-alias-han-heading-text-line-height)\n);margin-bottom:0;margin-top:0;text-transform:var(\n--spectrum-detail-han-l-emphasized-text-transform,uppercase\n)}.spectrum:lang(ja) .spectrum-Detail--sizeL strong,.spectrum:lang(ko) .spectrum-Detail--sizeL strong,.spectrum:lang(zh) .spectrum-Detail--sizeL strong{font-size:var(\n--spectrum-detail-han-l-strong-text-size,var(--spectrum-global-dimension-font-size-100)\n);font-style:var(\n--spectrum-detail-han-l-strong-text-font-style,var(--spectrum-global-font-style-regular)\n);font-weight:var(\n--spectrum-detail-han-l-strong-text-font-weight,var(--spectrum-alias-han-heading-text-font-weight-regular-strong)\n);letter-spacing:var(\n--spectrum-detail-han-l-strong-text-letter-spacing,var(--spectrum-global-font-letter-spacing-medium)\n);line-height:var(\n--spectrum-detail-han-l-strong-text-line-height,var(--spectrum-alias-han-heading-text-line-height)\n);margin-bottom:0;margin-top:0;text-transform:var(\n--spectrum-detail-han-l-strong-text-transform,uppercase\n)}.spectrum:lang(ja) .spectrum-Detail--sizeM,.spectrum:lang(ko) .spectrum-Detail--sizeM,.spectrum:lang(zh) .spectrum-Detail--sizeM{font-size:var(\n--spectrum-detail-han-m-text-size,var(--spectrum-global-dimension-font-size-75)\n);font-style:var(\n--spectrum-detail-han-m-text-font-style,var(--spectrum-global-font-style-regular)\n);font-weight:var(\n--spectrum-detail-han-m-text-font-weight,var(--spectrum-alias-han-heading-text-font-weight-regular)\n);letter-spacing:var(\n--spectrum-detail-han-m-text-letter-spacing,var(--spectrum-global-font-letter-spacing-medium)\n);line-height:var(\n--spectrum-detail-han-m-text-line-height,var(--spectrum-alias-han-heading-text-line-height)\n);margin-bottom:0;margin-top:0;text-transform:var(--spectrum-detail-han-m-text-transform,uppercase)}.spectrum:lang(ja) .spectrum-Detail--sizeM em,.spectrum:lang(ko) .spectrum-Detail--sizeM em,.spectrum:lang(zh) .spectrum-Detail--sizeM em{font-size:var(\n--spectrum-detail-han-m-emphasized-text-size,var(--spectrum-global-dimension-font-size-75)\n);font-style:var(\n--spectrum-detail-han-m-emphasized-text-font-style,var(--spectrum-global-font-style-regular)\n);font-weight:var(\n--spectrum-detail-han-m-emphasized-text-font-weight,var(--spectrum-alias-han-heading-text-font-weight-regular-emphasis)\n);letter-spacing:var(\n--spectrum-detail-han-m-emphasized-text-letter-spacing,var(--spectrum-global-font-letter-spacing-medium)\n);line-height:var(\n--spectrum-detail-han-m-emphasized-text-line-height,var(--spectrum-alias-han-heading-text-line-height)\n);margin-bottom:0;margin-top:0;text-transform:var(\n--spectrum-detail-han-m-emphasized-text-transform,uppercase\n)}.spectrum:lang(ja) .spectrum-Detail--sizeM strong,.spectrum:lang(ko) .spectrum-Detail--sizeM strong,.spectrum:lang(zh) .spectrum-Detail--sizeM strong{font-size:var(\n--spectrum-detail-han-m-strong-text-size,var(--spectrum-global-dimension-font-size-75)\n);font-style:var(\n--spectrum-detail-han-m-strong-text-font-style,var(--spectrum-global-font-style-regular)\n);font-weight:var(\n--spectrum-detail-han-m-strong-text-font-weight,var(--spectrum-alias-han-heading-text-font-weight-regular-strong)\n);letter-spacing:var(\n--spectrum-detail-han-m-strong-text-letter-spacing,var(--spectrum-global-font-letter-spacing-medium)\n);line-height:var(\n--spectrum-detail-han-m-strong-text-line-height,var(--spectrum-alias-han-heading-text-line-height)\n);margin-bottom:0;margin-top:0;text-transform:var(\n--spectrum-detail-han-m-strong-text-transform,uppercase\n)}.spectrum:lang(ja) .spectrum-Detail--sizeS,.spectrum:lang(ko) .spectrum-Detail--sizeS,.spectrum:lang(zh) .spectrum-Detail--sizeS{font-size:var(\n--spectrum-detail-han-s-text-size,var(--spectrum-global-dimension-font-size-50)\n);font-style:var(\n--spectrum-detail-han-s-text-font-style,var(--spectrum-global-font-style-regular)\n);font-weight:var(\n--spectrum-detail-han-s-text-font-weight,var(--spectrum-alias-han-heading-text-font-weight-regular)\n);letter-spacing:var(\n--spectrum-detail-han-s-text-letter-spacing,var(--spectrum-global-font-letter-spacing-medium)\n);line-height:var(\n--spectrum-detail-han-s-text-line-height,var(--spectrum-alias-han-heading-text-line-height)\n);margin-bottom:0;margin-top:0;text-transform:var(--spectrum-detail-han-s-text-transform,uppercase)}.spectrum:lang(ja) .spectrum-Detail--sizeS em,.spectrum:lang(ko) .spectrum-Detail--sizeS em,.spectrum:lang(zh) .spectrum-Detail--sizeS em{font-size:var(\n--spectrum-detail-han-s-emphasized-text-size,var(--spectrum-global-dimension-font-size-50)\n);font-style:var(\n--spectrum-detail-han-s-emphasized-text-font-style,var(--spectrum-global-font-style-regular)\n);font-weight:var(\n--spectrum-detail-han-s-emphasized-text-font-weight,var(--spectrum-alias-han-heading-text-font-weight-regular-emphasis)\n);letter-spacing:var(\n--spectrum-detail-han-s-emphasized-text-letter-spacing,var(--spectrum-global-font-letter-spacing-medium)\n);line-height:var(\n--spectrum-detail-han-s-emphasized-text-line-height,var(--spectrum-alias-han-heading-text-line-height)\n);margin-bottom:0;margin-top:0;text-transform:var(\n--spectrum-detail-han-s-emphasized-text-transform,uppercase\n)}.spectrum:lang(ja) .spectrum-Detail--sizeS strong,.spectrum:lang(ko) .spectrum-Detail--sizeS strong,.spectrum:lang(zh) .spectrum-Detail--sizeS strong{font-size:var(\n--spectrum-detail-han-s-strong-text-size,var(--spectrum-global-dimension-font-size-50)\n);font-style:var(\n--spectrum-detail-han-s-strong-text-font-style,var(--spectrum-global-font-style-regular)\n);font-weight:var(\n--spectrum-detail-han-s-strong-text-font-weight,var(--spectrum-alias-han-heading-text-font-weight-regular-strong)\n);letter-spacing:var(\n--spectrum-detail-han-s-strong-text-letter-spacing,var(--spectrum-global-font-letter-spacing-medium)\n);line-height:var(\n--spectrum-detail-han-s-strong-text-line-height,var(--spectrum-alias-han-heading-text-line-height)\n);margin-bottom:0;margin-top:0;text-transform:var(\n--spectrum-detail-han-s-strong-text-transform,uppercase\n)}.spectrum:lang(ja) .spectrum-Detail--light,.spectrum:lang(ko) .spectrum-Detail--light,.spectrum:lang(zh) .spectrum-Detail--light{font-weight:var(\n--spectrum-detail-han-m-text-font-weight,var(--spectrum-alias-han-heading-text-font-weight-regular)\n)}.spectrum:lang(ja) .spectrum-Detail--light .spectrum-Detail--emphasized,.spectrum:lang(ja) .spectrum-Detail--light em,.spectrum:lang(ko) .spectrum-Detail--light .spectrum-Detail--emphasized,.spectrum:lang(ko) .spectrum-Detail--light em,.spectrum:lang(zh) .spectrum-Detail--light .spectrum-Detail--emphasized,.spectrum:lang(zh) .spectrum-Detail--light em{font-style:var(\n--spectrum-detail-han-m-light-emphasized-text-font-style,var(--spectrum-global-font-style-regular)\n);font-weight:var(\n--spectrum-detail-han-m-light-emphasized-text-font-weight,var(--spectrum-alias-han-heading-text-font-weight-light-emphasis)\n)}.spectrum:lang(ja) .spectrum-Detail--light .spectrum-Detail--strong,.spectrum:lang(ja) .spectrum-Detail--light strong,.spectrum:lang(ko) .spectrum-Detail--light .spectrum-Detail--strong,.spectrum:lang(ko) .spectrum-Detail--light strong,.spectrum:lang(zh) .spectrum-Detail--light .spectrum-Detail--strong,.spectrum:lang(zh) .spectrum-Detail--light strong{font-style:var(\n--spectrum-detail-han-m-light-strong-text-font-style,var(--spectrum-global-font-style-regular)\n);font-weight:var(\n--spectrum-detail-han-m-light-strong-text-font-weight,var(--spectrum-alias-han-heading-text-font-weight-light-strong)\n)}.spectrum:lang(ja) .spectrum-Code--sizeXL,.spectrum:lang(ko) .spectrum-Code--sizeXL,.spectrum:lang(zh) .spectrum-Code--sizeXL{font-family:var(\n--spectrum-code-han-xl-text-font-family,var(--spectrum-alias-font-family-zh)\n);font-size:var(\n--spectrum-code-han-xl-text-size,var(--spectrum-global-dimension-font-size-400)\n);font-style:var(\n--spectrum-code-han-xl-text-font-style,var(--spectrum-global-font-style-regular)\n);font-weight:var(\n--spectrum-code-han-xl-text-font-weight,var(--spectrum-alias-han-body-text-font-weight-regular)\n);letter-spacing:var(\n--spectrum-code-han-xl-text-letter-spacing,var(--spectrum-global-font-letter-spacing-han)\n);line-height:var(\n--spectrum-code-han-xl-text-line-height,var(--spectrum-alias-han-body-text-line-height)\n);margin-bottom:0;margin-top:0}.spectrum:lang(ja) .spectrum-Code--sizeL,.spectrum:lang(ko) .spectrum-Code--sizeL,.spectrum:lang(zh) .spectrum-Code--sizeL{font-family:var(\n--spectrum-code-han-l-text-font-family,var(--spectrum-alias-font-family-zh)\n);font-size:var(\n--spectrum-code-han-l-text-size,var(--spectrum-global-dimension-font-size-300)\n);font-style:var(\n--spectrum-code-han-l-text-font-style,var(--spectrum-global-font-style-regular)\n);font-weight:var(\n--spectrum-code-han-l-text-font-weight,var(--spectrum-alias-han-body-text-font-weight-regular)\n);letter-spacing:var(\n--spectrum-code-han-l-text-letter-spacing,var(--spectrum-global-font-letter-spacing-han)\n);line-height:var(\n--spectrum-code-han-l-text-line-height,var(--spectrum-alias-han-body-text-line-height)\n);margin-bottom:0;margin-top:0}.spectrum:lang(ja) .spectrum-Code--sizeM,.spectrum:lang(ko) .spectrum-Code--sizeM,.spectrum:lang(zh) .spectrum-Code--sizeM{font-family:var(\n--spectrum-code-han-m-text-font-family,var(--spectrum-alias-font-family-zh)\n);font-size:var(\n--spectrum-code-han-m-text-size,var(--spectrum-global-dimension-font-size-200)\n);font-style:var(\n--spectrum-code-han-m-text-font-style,var(--spectrum-global-font-style-regular)\n);font-weight:var(\n--spectrum-code-han-m-text-font-weight,var(--spectrum-alias-han-body-text-font-weight-regular)\n);letter-spacing:var(\n--spectrum-code-han-m-text-letter-spacing,var(--spectrum-global-font-letter-spacing-han)\n);line-height:var(\n--spectrum-code-han-m-text-line-height,var(--spectrum-alias-han-body-text-line-height)\n);margin-bottom:0;margin-top:0}.spectrum:lang(ja) .spectrum-Code--sizeS,.spectrum:lang(ko) .spectrum-Code--sizeS,.spectrum:lang(zh) .spectrum-Code--sizeS{font-family:var(\n--spectrum-code-han-s-text-font-family,var(--spectrum-alias-font-family-zh)\n);font-size:var(\n--spectrum-code-han-s-text-size,var(--spectrum-global-dimension-font-size-100)\n);font-style:var(\n--spectrum-code-han-s-text-font-style,var(--spectrum-global-font-style-regular)\n);font-weight:var(\n--spectrum-code-han-s-text-font-weight,var(--spectrum-alias-han-body-text-font-weight-regular)\n);letter-spacing:var(\n--spectrum-code-han-s-text-letter-spacing,var(--spectrum-global-font-letter-spacing-han)\n);line-height:var(\n--spectrum-code-han-s-text-line-height,var(--spectrum-alias-han-body-text-line-height)\n);margin-bottom:0;margin-top:0}.spectrum:lang(ja) .spectrum-Code--sizeXS,.spectrum:lang(ko) .spectrum-Code--sizeXS,.spectrum:lang(zh) .spectrum-Code--sizeXS{font-family:var(\n--spectrum-code-han-xs-text-font-family,var(--spectrum-alias-font-family-zh)\n);font-size:var(\n--spectrum-code-han-xs-text-size,var(--spectrum-global-dimension-font-size-75)\n);font-style:var(\n--spectrum-code-han-xs-text-font-style,var(--spectrum-global-font-style-regular)\n);font-weight:var(\n--spectrum-code-han-xs-text-font-weight,var(--spectrum-alias-han-body-text-font-weight-regular)\n);letter-spacing:var(\n--spectrum-code-han-xs-text-letter-spacing,var(--spectrum-global-font-letter-spacing-han)\n);line-height:var(\n--spectrum-code-han-xs-text-line-height,var(--spectrum-alias-han-body-text-line-height)\n);margin-bottom:0;margin-top:0}.spectrum-Heading--sizeXXXL{color:var(\n--spectrum-heading-xxxl-text-color,var(--spectrum-alias-heading-text-color)\n)}.spectrum-Heading--sizeXXL{color:var(\n--spectrum-heading-xxl-text-color,var(--spectrum-alias-heading-text-color)\n)}.spectrum-Heading--sizeXL{color:var(\n--spectrum-heading-xl-text-color,var(--spectrum-alias-heading-text-color)\n)}.spectrum-Heading--sizeL{color:var(\n--spectrum-heading-l-text-color,var(--spectrum-alias-heading-text-color)\n)}.spectrum-Heading--sizeM{color:var(\n--spectrum-heading-m-text-color,var(--spectrum-alias-heading-text-color)\n)}.spectrum-Heading--sizeS{color:var(\n--spectrum-heading-s-text-color,var(--spectrum-alias-heading-text-color)\n)}.spectrum-Heading--sizeXS{color:var(\n--spectrum-heading-xs-text-color,var(--spectrum-alias-heading-text-color)\n)}.spectrum-Heading--sizeXXS{color:var(\n--spectrum-heading-xxs-text-color,var(--spectrum-alias-heading-text-color)\n)}.spectrum-Heading-sizeXXXL--light{color:var(\n--spectrum-heading-xxxl-light-text-color,var(--spectrum-alias-heading-text-color)\n)}.spectrum-Heading-sizeXXL--light{color:var(\n--spectrum-heading-xxl-light-text-color,var(--spectrum-alias-heading-text-color)\n)}.spectrum-Heading-sizeXL--light{color:var(\n--spectrum-heading-xl-light-text-color,var(--spectrum-alias-heading-text-color)\n)}.spectrum-Heading-sizeL--light{color:var(\n--spectrum-heading-l-light-text-color,var(--spectrum-alias-heading-text-color)\n)}.spectrum-Heading-sizeXXXL--heavy{color:var(\n--spectrum-heading-xxxl-heavy-text-color,var(--spectrum-alias-heading-text-color)\n)}.spectrum-Heading-sizeXXL--heavy{color:var(\n--spectrum-heading-xxl-heavy-text-color,var(--spectrum-alias-heading-text-color)\n)}.spectrum-Heading-sizeXL--heavy{color:var(\n--spectrum-heading-xl-heavy-text-color,var(--spectrum-alias-heading-text-color)\n)}.spectrum-Heading-sizeL--heavy{color:var(\n--spectrum-heading-l-heavy-text-color,var(--spectrum-alias-heading-text-color)\n)}.spectrum-Heading-sizeXXXL--heading{color:var(\n--spectrum-heading-xxxl-text-color,var(--spectrum-alias-heading-text-color)\n)}.spectrum-Heading-sizeXXL--heading{color:var(\n--spectrum-heading-xxl-text-color,var(--spectrum-alias-heading-text-color)\n)}.spectrum-Heading-sizeXL--heading{color:var(\n--spectrum-heading-xl-text-color,var(--spectrum-alias-heading-text-color)\n)}.spectrum-Heading-sizeL--heading{color:var(\n--spectrum-heading-l-text-color,var(--spectrum-alias-heading-text-color)\n)}.spectrum-Body--sizeXXXL{color:var(\n--spectrum-body-xxxl-text-color,var(--spectrum-alias-text-color)\n)}.spectrum-Body--sizeXXL{color:var(\n--spectrum-body-xxl-text-color,var(--spectrum-alias-text-color)\n)}.spectrum-Body--sizeXL{color:var(--spectrum-body-xl-text-color,var(--spectrum-alias-text-color))}.spectrum-Body--sizeL{color:var(--spectrum-body-l-text-color,var(--spectrum-alias-text-color))}.spectrum-Body--sizeM{color:var(--spectrum-body-m-text-color,var(--spectrum-alias-text-color))}.spectrum-Body--sizeS{color:var(--spectrum-body-s-text-color,var(--spectrum-alias-text-color))}.spectrum-Body--sizeXS{color:var(--spectrum-body-xs-text-color,var(--spectrum-alias-text-color))}.spectrum-Detail--sizeXL{color:var(\n--spectrum-detail-xl-text-color,var(--spectrum-alias-heading-text-color)\n)}.spectrum-Detail--sizeL{color:var(\n--spectrum-detail-l-text-color,var(--spectrum-alias-heading-text-color)\n)}.spectrum-Detail--sizeM{color:var(\n--spectrum-detail-m-text-color,var(--spectrum-alias-heading-text-color)\n)}.spectrum-Detail--sizeS{color:var(\n--spectrum-detail-s-text-color,var(--spectrum-alias-heading-text-color)\n)}.spectrum-Code--sizeXL{color:var(--spectrum-code-xl-text-color,var(--spectrum-alias-text-color))}.spectrum-Code--sizeL{color:var(--spectrum-code-l-text-color,var(--spectrum-alias-text-color))}.spectrum-Code--sizeM{color:var(--spectrum-code-m-text-color,var(--spectrum-alias-text-color))}.spectrum-Code--sizeS{color:var(--spectrum-code-s-text-color,var(--spectrum-alias-text-color))}.spectrum-Code--sizeXS{color:var(--spectrum-code-xs-text-color,var(--spectrum-alias-text-color))}.spectrum:lang(ja) .spectrum-Body--sizeXXXL,.spectrum:lang(ko) .spectrum-Body--sizeXXXL,.spectrum:lang(zh) .spectrum-Body--sizeXXXL{color:var(\n--spectrum-body-han-xxxl-text-color,var(--spectrum-alias-text-color)\n)}.spectrum:lang(ja) .spectrum-Body--sizeXXL,.spectrum:lang(ko) .spectrum-Body--sizeXXL,.spectrum:lang(zh) .spectrum-Body--sizeXXL{color:var(\n--spectrum-body-han-xxl-text-color,var(--spectrum-alias-text-color)\n)}.spectrum:lang(ja) .spectrum-Body--sizeXL,.spectrum:lang(ko) .spectrum-Body--sizeXL,.spectrum:lang(zh) .spectrum-Body--sizeXL{color:var(\n--spectrum-body-han-xl-text-color,var(--spectrum-alias-text-color)\n)}.spectrum:lang(ja) .spectrum-Body--sizeL,.spectrum:lang(ko) .spectrum-Body--sizeL,.spectrum:lang(zh) .spectrum-Body--sizeL{color:var(\n--spectrum-body-han-l-text-color,var(--spectrum-alias-text-color)\n)}.spectrum:lang(ja) .spectrum-Body--sizeM,.spectrum:lang(ko) .spectrum-Body--sizeM,.spectrum:lang(zh) .spectrum-Body--sizeM{color:var(\n--spectrum-body-han-m-text-color,var(--spectrum-alias-text-color)\n)}.spectrum:lang(ja) .spectrum-Body--sizeS,.spectrum:lang(ko) .spectrum-Body--sizeS,.spectrum:lang(zh) .spectrum-Body--sizeS{color:var(\n--spectrum-body-han-s-text-color,var(--spectrum-alias-text-color)\n)}.spectrum:lang(ja) .spectrum-Body--sizeXS,.spectrum:lang(ko) .spectrum-Body--sizeXS,.spectrum:lang(zh) .spectrum-Body--sizeXS{color:var(\n--spectrum-body-han-xs-text-color,var(--spectrum-alias-text-color)\n)}.spectrum:lang(ja) .spectrum-Heading--sizeXXXL,.spectrum:lang(ko) .spectrum-Heading--sizeXXXL,.spectrum:lang(zh) .spectrum-Heading--sizeXXXL{color:var(\n--spectrum-heading-xxxl-text-color,var(--spectrum-alias-heading-text-color)\n)}.spectrum:lang(ja) .spectrum-Heading--sizeXXL,.spectrum:lang(ko) .spectrum-Heading--sizeXXL,.spectrum:lang(zh) .spectrum-Heading--sizeXXL{color:var(\n--spectrum-heading-xxl-text-color,var(--spectrum-alias-heading-text-color)\n)}.spectrum:lang(ja) .spectrum-Heading--sizeXL,.spectrum:lang(ko) .spectrum-Heading--sizeXL,.spectrum:lang(zh) .spectrum-Heading--sizeXL{color:var(\n--spectrum-heading-xl-text-color,var(--spectrum-alias-heading-text-color)\n)}.spectrum:lang(ja) .spectrum-Heading--sizeL,.spectrum:lang(ko) .spectrum-Heading--sizeL,.spectrum:lang(zh) .spectrum-Heading--sizeL{color:var(\n--spectrum-heading-l-text-color,var(--spectrum-alias-heading-text-color)\n)}.spectrum:lang(ja) .spectrum-Heading--sizeM,.spectrum:lang(ko) .spectrum-Heading--sizeM,.spectrum:lang(zh) .spectrum-Heading--sizeM{color:var(\n--spectrum-heading-m-text-color,var(--spectrum-alias-heading-text-color)\n)}.spectrum:lang(ja) .spectrum-Heading--sizeS,.spectrum:lang(ko) .spectrum-Heading--sizeS,.spectrum:lang(zh) .spectrum-Heading--sizeS{color:var(\n--spectrum-heading-s-text-color,var(--spectrum-alias-heading-text-color)\n)}.spectrum:lang(ja) .spectrum-Heading--sizeXS,.spectrum:lang(ko) .spectrum-Heading--sizeXS,.spectrum:lang(zh) .spectrum-Heading--sizeXS{color:var(\n--spectrum-heading-xs-text-color,var(--spectrum-alias-heading-text-color)\n)}.spectrum:lang(ja) .spectrum-Heading--sizeXXS,.spectrum:lang(ko) .spectrum-Heading--sizeXXS,.spectrum:lang(zh) .spectrum-Heading--sizeXXS{color:var(\n--spectrum-heading-xxs-text-color,var(--spectrum-alias-heading-text-color)\n)}.spectrum:lang(ja) .spectrum-Heading-sizeXXXL--light,.spectrum:lang(ko) .spectrum-Heading-sizeXXXL--light,.spectrum:lang(zh) .spectrum-Heading-sizeXXXL--light{color:var(\n--spectrum-heading-xxxl-light-text-color,var(--spectrum-alias-heading-text-color)\n)}.spectrum:lang(ja) .spectrum-Heading-sizeXXL--light,.spectrum:lang(ko) .spectrum-Heading-sizeXXL--light,.spectrum:lang(zh) .spectrum-Heading-sizeXXL--light{color:var(\n--spectrum-heading-xxl-light-text-color,var(--spectrum-alias-heading-text-color)\n)}.spectrum:lang(ja) .spectrum-Heading-sizeXL--light,.spectrum:lang(ko) .spectrum-Heading-sizeXL--light,.spectrum:lang(zh) .spectrum-Heading-sizeXL--light{color:var(\n--spectrum-heading-xl-light-text-color,var(--spectrum-alias-heading-text-color)\n)}.spectrum:lang(ja) .spectrum-Heading-sizeL--light,.spectrum:lang(ko) .spectrum-Heading-sizeL--light,.spectrum:lang(zh) .spectrum-Heading-sizeL--light{color:var(\n--spectrum-heading-l-light-text-color,var(--spectrum-alias-heading-text-color)\n)}.spectrum:lang(ja) .spectrum-Heading-sizeXXXL--heavy,.spectrum:lang(ko) .spectrum-Heading-sizeXXXL--heavy,.spectrum:lang(zh) .spectrum-Heading-sizeXXXL--heavy{color:var(\n--spectrum-heading-xxxl-heavy-text-color,var(--spectrum-alias-heading-text-color)\n)}.spectrum:lang(ja) .spectrum-Heading-sizeXXL--heavy,.spectrum:lang(ko) .spectrum-Heading-sizeXXL--heavy,.spectrum:lang(zh) .spectrum-Heading-sizeXXL--heavy{color:var(\n--spectrum-heading-xxl-heavy-text-color,var(--spectrum-alias-heading-text-color)\n)}.spectrum:lang(ja) .spectrum-Heading-sizeXL--heavy,.spectrum:lang(ko) .spectrum-Heading-sizeXL--heavy,.spectrum:lang(zh) .spectrum-Heading-sizeXL--heavy{color:var(\n--spectrum-heading-xl-heavy-text-color,var(--spectrum-alias-heading-text-color)\n)}.spectrum:lang(ja) .spectrum-Heading-sizeL--heavy,.spectrum:lang(ko) .spectrum-Heading-sizeL--heavy,.spectrum:lang(zh) .spectrum-Heading-sizeL--heavy{color:var(\n--spectrum-heading-l-heavy-text-color,var(--spectrum-alias-heading-text-color)\n)}.spectrum:lang(ja) .spectrum-Heading-sizeXXXL--heading,.spectrum:lang(ko) .spectrum-Heading-sizeXXXL--heading,.spectrum:lang(zh) .spectrum-Heading-sizeXXXL--heading{color:var(\n--spectrum-heading-xxxl-text-color,var(--spectrum-alias-heading-text-color)\n)}.spectrum:lang(ja) .spectrum-Heading-sizeXXL--heading,.spectrum:lang(ko) .spectrum-Heading-sizeXXL--heading,.spectrum:lang(zh) .spectrum-Heading-sizeXXL--heading{color:var(\n--spectrum-heading-xxl-text-color,var(--spectrum-alias-heading-text-color)\n)}.spectrum:lang(ja) .spectrum-Heading-sizeXL--heading,.spectrum:lang(ko) .spectrum-Heading-sizeXL--heading,.spectrum:lang(zh) .spectrum-Heading-sizeXL--heading{color:var(\n--spectrum-heading-xl-text-color,var(--spectrum-alias-heading-text-color)\n)}.spectrum:lang(ja) .spectrum-Heading-sizeL--heading,.spectrum:lang(ko) .spectrum-Heading-sizeL--heading,.spectrum:lang(zh) .spectrum-Heading-sizeL--heading{color:var(\n--spectrum-heading-l-text-color,var(--spectrum-alias-heading-text-color)\n)}.spectrum:lang(ja) .spectrum-Detail--sizeXL,.spectrum:lang(ko) .spectrum-Detail--sizeXL,.spectrum:lang(zh) .spectrum-Detail--sizeXL{color:var(\n--spectrum-detail-xl-text-color,var(--spectrum-alias-heading-text-color)\n)}.spectrum:lang(ja) .spectrum-Detail--sizeL,.spectrum:lang(ko) .spectrum-Detail--sizeL,.spectrum:lang(zh) .spectrum-Detail--sizeL{color:var(\n--spectrum-detail-l-text-color,var(--spectrum-alias-heading-text-color)\n)}.spectrum:lang(ja) .spectrum-Detail--sizeM,.spectrum:lang(ko) .spectrum-Detail--sizeM,.spectrum:lang(zh) .spectrum-Detail--sizeM{color:var(\n--spectrum-detail-m-text-color,var(--spectrum-alias-heading-text-color)\n)}.spectrum:lang(ja) .spectrum-Detail--sizeS,.spectrum:lang(ko) .spectrum-Detail--sizeS,.spectrum:lang(zh) .spectrum-Detail--sizeS{color:var(\n--spectrum-detail-s-text-color,var(--spectrum-alias-heading-text-color)\n)}.spectrum:lang(ja) .spectrum-Code--sizeXL,.spectrum:lang(ko) .spectrum-Code--sizeXL,.spectrum:lang(zh) .spectrum-Code--sizeXL{color:var(--spectrum-code-xl-text-color,var(--spectrum-alias-text-color))}.spectrum:lang(ja) .spectrum-Code--sizeL,.spectrum:lang(ko) .spectrum-Code--sizeL,.spectrum:lang(zh) .spectrum-Code--sizeL{color:var(--spectrum-code-l-text-color,var(--spectrum-alias-text-color))}.spectrum:lang(ja) .spectrum-Code--sizeM,.spectrum:lang(ko) .spectrum-Code--sizeM,.spectrum:lang(zh) .spectrum-Code--sizeM{color:var(--spectrum-code-m-text-color,var(--spectrum-alias-text-color))}.spectrum:lang(ja) .spectrum-Code--sizeS,.spectrum:lang(ko) .spectrum-Code--sizeS,.spectrum:lang(zh) .spectrum-Code--sizeS{color:var(--spectrum-code-s-text-color,var(--spectrum-alias-text-color))}.spectrum:lang(ja) .spectrum-Code--sizeXS,.spectrum:lang(ko) .spectrum-Code--sizeXS,.spectrum:lang(zh) .spectrum-Code--sizeXS{color:var(--spectrum-code-xs-text-color,var(--spectrum-alias-text-color))}.spectrum,.spectrum-Body{color:var(--spectrum-body-m-text-color,var(--spectrum-alias-text-color))}\n`;\nexport default styles;"]}
1
+ {"version":3,"file":"typography.css.js","sourceRoot":"","sources":["typography.css.ts"],"names":[],"mappings":"AAAA;;;;;;;;;;EAUE;AACF,OAAO,EAAE,GAAG,EAAE,MAAM,+BAA+B,CAAC;AACpD,MAAM,MAAM,GAAG,GAAG,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CA86BjB,CAAC;AACF,eAAe,MAAM,CAAC","sourcesContent":["/*\nCopyright 2020 Adobe. All rights reserved.\nThis file is licensed to you under the Apache License, Version 2.0 (the \"License\");\nyou may not use this file except in compliance with the License. You may obtain a copy\nof the License at http://www.apache.org/licenses/LICENSE-2.0\n\nUnless required by applicable law or agreed to in writing, software distributed under\nthe License is distributed on an \"AS IS\" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS\nOF ANY KIND, either express or implied. See the License for the specific language\ngoverning permissions and limitations under the License.\n*/\nimport { css } from '@spectrum-web-components/base';\nconst styles = css`\n:host,:root{font-family:var(\n--spectrum-alias-body-text-font-family,var(--spectrum-global-font-family-base)\n);font-size:var(\n--spectrum-alias-font-size-default,var(--spectrum-global-dimension-font-size-100)\n)}:host:lang(ar),:root{font-family:var(\n--spectrum-alias-font-family-ar,var(--spectrum-global-font-font-family-ar)\n)}.spectrum:lang(he){font-family:var(\n--spectrum-alias-font-family-he,var(--spectrum-global-font-font-family-he)\n)}.spectrum:lang(zh-Hans){font-family:var(\n--spectrum-alias-font-family-zhhans,var(--spectrum-global-font-font-family-zhhans)\n)}.spectrum:lang(zh-Hant){font-family:var(\n--spectrum-alias-font-family-zh,var(--spectrum-global-font-font-family-zh)\n)}.spectrum:lang(zh){font-family:var(\n--spectrum-alias-font-family-zh,var(--spectrum-global-font-font-family-zh)\n)}.spectrum:lang(ko){font-family:var(\n--spectrum-alias-font-family-ko,var(--spectrum-global-font-font-family-ko)\n)}.spectrum:lang(ja){font-family:var(\n--spectrum-alias-font-family-ja,var(--spectrum-global-font-font-family-ja)\n)}.spectrum-Heading--sizeXXXL{font-size:var(\n--spectrum-heading-xxxl-text-size,var(--spectrum-alias-heading-xxxl-text-size)\n);font-style:var(\n--spectrum-heading-xxxl-text-font-style,var(--spectrum-global-font-style-regular)\n);font-weight:var(\n--spectrum-heading-xxxl-text-font-weight,var(--spectrum-alias-heading-text-font-weight-regular)\n);letter-spacing:var(\n--spectrum-heading-xxxl-text-letter-spacing,var(--spectrum-global-font-letter-spacing-none)\n);line-height:var(\n--spectrum-heading-xxxl-text-line-height,var(--spectrum-alias-heading-text-line-height)\n);margin-bottom:0;margin-top:0;text-transform:var(--spectrum-heading-xxxl-text-transform,none)}.spectrum-Heading--sizeXXL{font-size:var(\n--spectrum-heading-xxl-text-size,var(--spectrum-alias-heading-xxl-text-size)\n);font-style:var(\n--spectrum-heading-xxl-text-font-style,var(--spectrum-global-font-style-regular)\n);font-weight:var(\n--spectrum-heading-xxl-text-font-weight,var(--spectrum-alias-heading-text-font-weight-regular)\n);letter-spacing:var(\n--spectrum-heading-xxl-text-letter-spacing,var(--spectrum-global-font-letter-spacing-none)\n);line-height:var(\n--spectrum-heading-xxl-text-line-height,var(--spectrum-alias-heading-text-line-height)\n);margin-bottom:0;margin-top:0;text-transform:var(--spectrum-heading-xxl-text-transform,none)}.spectrum-Heading--sizeXL{font-size:var(\n--spectrum-heading-xl-text-size,var(--spectrum-alias-heading-xl-text-size)\n);font-style:var(\n--spectrum-heading-xl-text-font-style,var(--spectrum-global-font-style-regular)\n);font-weight:var(\n--spectrum-heading-xl-text-font-weight,var(--spectrum-alias-heading-text-font-weight-regular)\n);letter-spacing:var(\n--spectrum-heading-xl-text-letter-spacing,var(--spectrum-global-font-letter-spacing-none)\n);line-height:var(\n--spectrum-heading-xl-text-line-height,var(--spectrum-alias-heading-text-line-height)\n);margin-bottom:0;margin-top:0;text-transform:var(--spectrum-heading-xl-text-transform,none)}.spectrum-Heading--sizeL{font-size:var(\n--spectrum-heading-l-text-size,var(--spectrum-alias-heading-l-text-size)\n);font-style:var(\n--spectrum-heading-l-text-font-style,var(--spectrum-global-font-style-regular)\n);font-weight:var(\n--spectrum-heading-l-text-font-weight,var(--spectrum-alias-heading-text-font-weight-regular)\n);letter-spacing:var(\n--spectrum-heading-l-text-letter-spacing,var(--spectrum-global-font-letter-spacing-none)\n);line-height:var(\n--spectrum-heading-l-text-line-height,var(--spectrum-alias-heading-text-line-height)\n);margin-bottom:0;margin-top:0;text-transform:var(--spectrum-heading-l-text-transform,none)}.spectrum-Heading--sizeM{font-size:var(\n--spectrum-heading-m-text-size,var(--spectrum-alias-heading-m-text-size)\n);font-style:var(\n--spectrum-heading-m-text-font-style,var(--spectrum-global-font-style-regular)\n);font-weight:var(\n--spectrum-heading-m-text-font-weight,var(--spectrum-alias-heading-text-font-weight-regular)\n);letter-spacing:var(\n--spectrum-heading-m-text-letter-spacing,var(--spectrum-global-font-letter-spacing-none)\n);line-height:var(\n--spectrum-heading-m-text-line-height,var(--spectrum-alias-heading-text-line-height)\n);margin-bottom:0;margin-top:0;text-transform:var(--spectrum-heading-m-text-transform,none)}.spectrum-Heading--sizeS{font-size:var(\n--spectrum-heading-s-text-size,var(--spectrum-alias-heading-s-text-size)\n);font-style:var(\n--spectrum-heading-s-text-font-style,var(--spectrum-global-font-style-regular)\n);font-weight:var(\n--spectrum-heading-s-text-font-weight,var(--spectrum-alias-heading-text-font-weight-regular)\n);letter-spacing:var(\n--spectrum-heading-s-text-letter-spacing,var(--spectrum-global-font-letter-spacing-none)\n);line-height:var(\n--spectrum-heading-s-text-line-height,var(--spectrum-alias-heading-text-line-height)\n);margin-bottom:0;margin-top:0;text-transform:var(--spectrum-heading-s-text-transform,none)}.spectrum-Heading--sizeXS{font-size:var(\n--spectrum-heading-xs-text-size,var(--spectrum-alias-heading-xs-text-size)\n);font-style:var(\n--spectrum-heading-xs-text-font-style,var(--spectrum-global-font-style-regular)\n);font-weight:var(\n--spectrum-heading-xs-text-font-weight,var(--spectrum-alias-heading-text-font-weight-regular)\n);letter-spacing:var(\n--spectrum-heading-xs-text-letter-spacing,var(--spectrum-global-font-letter-spacing-none)\n);line-height:var(\n--spectrum-heading-xs-text-line-height,var(--spectrum-alias-heading-text-line-height)\n);margin-bottom:0;margin-top:0;text-transform:var(--spectrum-heading-xs-text-transform,none)}.spectrum-Heading--sizeXXS{font-size:var(\n--spectrum-heading-xxs-text-size,var(--spectrum-alias-heading-xxs-text-size)\n);font-style:var(\n--spectrum-heading-xxs-text-font-style,var(--spectrum-global-font-style-regular)\n);font-weight:var(\n--spectrum-heading-xxs-text-font-weight,var(--spectrum-alias-heading-text-font-weight-regular)\n);letter-spacing:var(\n--spectrum-heading-xxs-text-letter-spacing,var(--spectrum-global-font-letter-spacing-none)\n);line-height:var(\n--spectrum-heading-xxs-text-line-height,var(--spectrum-alias-heading-text-line-height)\n);margin-bottom:0;margin-top:0;text-transform:var(--spectrum-heading-xxs-text-transform,none)}.spectrum-Heading{font-family:var(\n--spectrum-heading-m-text-font-family,var(--spectrum-alias-body-text-font-family)\n);font-weight:var(\n--spectrum-heading-m-text-font-weight,var(--spectrum-alias-heading-text-font-weight-regular)\n)}.spectrum-Heading .spectrum-Heading-emphasized,.spectrum-Heading em{font-style:var(\n--spectrum-heading-m-emphasized-text-font-style,var(--spectrum-global-font-style-italic)\n)}.spectrum-Heading .spectrum-Heading-strong,.spectrum-Heading strong{font-weight:var(\n--spectrum-heading-m-strong-text-font-weight,var(--spectrum-alias-heading-text-font-weight-regular-strong)\n)}.spectrum-Heading--serif{font-family:var(\n--spectrum-body-m-serif-text-font-family,var(--spectrum-alias-serif-text-font-family)\n)}.spectrum-Heading--heavy{font-weight:var(\n--spectrum-heading-m-heavy-text-font-weight,var(--spectrum-alias-heading-text-font-weight-heavy)\n)}.spectrum-Heading--heavy .spectrum-Heading-emphasized,.spectrum-Heading--heavy em{font-style:var(\n--spectrum-heading-m-heavy-emphasized-text-font-style,var(--spectrum-global-font-style-italic)\n)}.spectrum-Heading--heavy .spectrum-Heading-strong,.spectrum-Heading--heavy strong{font-weight:var(\n--spectrum-heading-m-heavy-strong-text-font-weight,var(--spectrum-alias-heading-text-font-weight-heavy-strong)\n)}.spectrum-Heading--light{font-weight:var(\n--spectrum-heading-m-light-emphasized-text-font-weight,var(--spectrum-alias-heading-text-font-weight-light)\n)}.spectrum-Heading--light .spectrum-Heading-emphasized,.spectrum-Heading--light em{font-style:var(\n--spectrum-heading-m-light-emphasized-text-font-style,var(--spectrum-global-font-style-italic)\n)}.spectrum-Heading--light .spectrum-Heading-strong,.spectrum-Heading--light strong{font-weight:var(\n--spectrum-heading-m-light-strong-text-font-weight,var(--spectrum-alias-heading-text-font-weight-light-strong)\n)}.spectrum-Body--sizeXXXL{font-size:var(\n--spectrum-body-xxxl-text-size,var(--spectrum-global-dimension-font-size-600)\n);font-style:var(\n--spectrum-body-xxxl-text-font-style,var(--spectrum-global-font-style-regular)\n);font-weight:var(\n--spectrum-body-xxxl-text-font-weight,var(--spectrum-alias-body-text-font-weight)\n);letter-spacing:var(\n--spectrum-body-xxxl-text-letter-spacing,var(--spectrum-global-font-letter-spacing-none)\n);line-height:var(\n--spectrum-body-xxxl-text-line-height,var(--spectrum-alias-body-text-line-height)\n);margin-bottom:0;margin-top:0;text-transform:var(--spectrum-body-xxxl-text-transform,none)}.spectrum-Body--sizeXXL{font-size:var(\n--spectrum-body-xxl-text-size,var(--spectrum-global-dimension-font-size-500)\n);font-style:var(\n--spectrum-body-xxl-text-font-style,var(--spectrum-global-font-style-regular)\n);font-weight:var(\n--spectrum-body-xxl-text-font-weight,var(--spectrum-alias-body-text-font-weight)\n);letter-spacing:var(\n--spectrum-body-xxl-text-letter-spacing,var(--spectrum-global-font-letter-spacing-none)\n);line-height:var(\n--spectrum-body-xxl-text-line-height,var(--spectrum-alias-body-text-line-height)\n);margin-bottom:0;margin-top:0;text-transform:var(--spectrum-body-xxl-text-transform,none)}.spectrum-Body--sizeXL{font-size:var(\n--spectrum-body-xl-text-size,var(--spectrum-global-dimension-font-size-400)\n);font-style:var(\n--spectrum-body-xl-text-font-style,var(--spectrum-global-font-style-regular)\n);font-weight:var(\n--spectrum-body-xl-text-font-weight,var(--spectrum-alias-body-text-font-weight)\n);letter-spacing:var(\n--spectrum-body-xl-text-letter-spacing,var(--spectrum-global-font-letter-spacing-none)\n);line-height:var(\n--spectrum-body-xl-text-line-height,var(--spectrum-alias-body-text-line-height)\n);margin-bottom:0;margin-top:0;text-transform:var(--spectrum-body-xl-text-transform,none)}.spectrum-Body--sizeL{font-size:var(\n--spectrum-body-l-text-size,var(--spectrum-global-dimension-font-size-300)\n);font-style:var(\n--spectrum-body-l-text-font-style,var(--spectrum-global-font-style-regular)\n);font-weight:var(\n--spectrum-body-l-text-font-weight,var(--spectrum-alias-body-text-font-weight)\n);letter-spacing:var(\n--spectrum-body-l-text-letter-spacing,var(--spectrum-global-font-letter-spacing-none)\n);line-height:var(\n--spectrum-body-l-text-line-height,var(--spectrum-alias-body-text-line-height)\n);margin-bottom:0;margin-top:0;text-transform:var(--spectrum-body-l-text-transform,none)}.spectrum-Body--sizeM{font-size:var(\n--spectrum-body-m-text-size,var(--spectrum-global-dimension-font-size-200)\n);font-style:var(\n--spectrum-body-m-text-font-style,var(--spectrum-global-font-style-regular)\n);font-weight:var(\n--spectrum-body-m-text-font-weight,var(--spectrum-alias-body-text-font-weight)\n);letter-spacing:var(\n--spectrum-body-m-text-letter-spacing,var(--spectrum-global-font-letter-spacing-none)\n);line-height:var(\n--spectrum-body-m-text-line-height,var(--spectrum-alias-body-text-line-height)\n);margin-bottom:0;margin-top:0;text-transform:var(--spectrum-body-m-text-transform,none)}.spectrum-Body--sizeS{font-size:var(\n--spectrum-body-s-text-size,var(--spectrum-global-dimension-font-size-100)\n);font-style:var(\n--spectrum-body-s-text-font-style,var(--spectrum-global-font-style-regular)\n);font-weight:var(\n--spectrum-body-s-text-font-weight,var(--spectrum-alias-body-text-font-weight)\n);letter-spacing:var(\n--spectrum-body-s-text-letter-spacing,var(--spectrum-global-font-letter-spacing-none)\n);line-height:var(\n--spectrum-body-s-text-line-height,var(--spectrum-alias-body-text-line-height)\n);margin-bottom:0;margin-top:0;text-transform:var(--spectrum-body-s-text-transform,none)}.spectrum-Body--sizeXS{font-size:var(\n--spectrum-body-xs-text-size,var(--spectrum-global-dimension-font-size-75)\n);font-style:var(\n--spectrum-body-xs-text-font-style,var(--spectrum-global-font-style-regular)\n);font-weight:var(\n--spectrum-body-xs-text-font-weight,var(--spectrum-alias-body-text-font-weight)\n);letter-spacing:var(\n--spectrum-body-xs-text-letter-spacing,var(--spectrum-global-font-letter-spacing-none)\n);line-height:var(\n--spectrum-body-xs-text-line-height,var(--spectrum-alias-body-text-line-height)\n);margin-bottom:0;margin-top:0;text-transform:var(--spectrum-body-xs-text-transform,none)}.spectrum-Body{font-family:var(\n--spectrum-body-m-text-font-family,var(--spectrum-alias-body-text-font-family)\n)}.spectrum-Body .spectrum-Body-strong,.spectrum-Body strong{font-weight:var(\n--spectrum-body-m-strong-text-font-weight,var(--spectrum-global-font-weight-bold)\n)}.spectrum-Body .spectrum-Body-emphasized,.spectrum-Body em{font-style:var(\n--spectrum-body-m-emphasized-text-font-style,var(--spectrum-global-font-style-italic)\n)}.spectrum-Body--serif{font-family:var(\n--spectrum-body-m-serif-text-font-family,var(--spectrum-alias-serif-text-font-family)\n)}.spectrum-Detail{font-family:var(\n--spectrum-heading-m-text-font-family,var(--spectrum-alias-body-text-font-family)\n)}.spectrum-Detail .spectrum-Detail-strong,.spectrum-Detail strong{font-weight:var(\n--spectrum-detail-m-strong-text-font-weight,var(--spectrum-alias-detail-text-font-weight-regular)\n)}.spectrum-Detail .spectrum-Detail-emphasized,.spectrum-Detail em{font-style:var(\n--spectrum-detail-m-emphasized-text-font-style,var(--spectrum-global-font-style-italic)\n)}.spectrum-Detail--light{font-style:var(\n--spectrum-detail-m-light-text-font-style,var(--spectrum-global-font-style-regular)\n);font-weight:var(\n--spectrum-detail-m-light-text-font-weight,var(--spectrum-alias-detail-text-font-weight-light)\n)}.spectrum-Detail--serif{font-family:var(\n--spectrum-body-m-serif-text-font-family,var(--spectrum-alias-serif-text-font-family)\n)}.spectrum-Detail--sizeXL{font-size:var(\n--spectrum-detail-xl-text-size,var(--spectrum-global-dimension-font-size-200)\n);font-style:var(\n--spectrum-detail-xl-text-font-style,var(--spectrum-global-font-style-regular)\n);font-weight:var(\n--spectrum-detail-xl-text-font-weight,var(--spectrum-alias-detail-text-font-weight-regular)\n);letter-spacing:var(\n--spectrum-detail-xl-text-letter-spacing,var(--spectrum-global-font-letter-spacing-medium)\n);line-height:var(\n--spectrum-detail-xl-text-line-height,var(--spectrum-alias-heading-text-line-height)\n);margin-bottom:0;margin-top:0;text-transform:var(--spectrum-detail-xl-text-transform,uppercase)}.spectrum-Detail--sizeXL em{font-size:var(\n--spectrum-detail-xl-emphasized-text-size,var(--spectrum-global-dimension-font-size-200)\n);font-style:var(\n--spectrum-detail-xl-emphasized-text-font-style,var(--spectrum-global-font-style-italic)\n);font-weight:var(\n--spectrum-detail-xl-emphasized-text-font-weight,var(--spectrum-alias-detail-text-font-weight-regular)\n);letter-spacing:var(\n--spectrum-detail-xl-emphasized-text-letter-spacing,var(--spectrum-global-font-letter-spacing-medium)\n);line-height:var(\n--spectrum-detail-xl-emphasized-text-line-height,var(--spectrum-alias-heading-text-line-height)\n);margin-bottom:0;margin-top:0;text-transform:var(\n--spectrum-detail-xl-emphasized-text-transform,uppercase\n)}.spectrum-Detail--sizeXL strong{font-size:var(\n--spectrum-detail-xl-strong-text-size,var(--spectrum-global-dimension-font-size-200)\n);font-style:var(\n--spectrum-detail-xl-strong-text-font-style,var(--spectrum-global-font-style-regular)\n);font-weight:var(\n--spectrum-detail-xl-strong-text-font-weight,var(--spectrum-alias-detail-text-font-weight-regular)\n);letter-spacing:var(\n--spectrum-detail-xl-strong-text-letter-spacing,var(--spectrum-global-font-letter-spacing-medium)\n);line-height:var(\n--spectrum-detail-xl-strong-text-line-height,var(--spectrum-alias-heading-text-line-height)\n);margin-bottom:0;margin-top:0;text-transform:var(--spectrum-detail-xl-strong-text-transform,uppercase)}.spectrum-Detail--sizeL{font-size:var(\n--spectrum-detail-l-text-size,var(--spectrum-global-dimension-font-size-100)\n);font-style:var(\n--spectrum-detail-l-text-font-style,var(--spectrum-global-font-style-regular)\n);font-weight:var(\n--spectrum-detail-l-text-font-weight,var(--spectrum-alias-detail-text-font-weight-regular)\n);letter-spacing:var(\n--spectrum-detail-l-text-letter-spacing,var(--spectrum-global-font-letter-spacing-medium)\n);line-height:var(\n--spectrum-detail-l-text-line-height,var(--spectrum-alias-heading-text-line-height)\n);margin-bottom:0;margin-top:0;text-transform:var(--spectrum-detail-l-text-transform,uppercase)}.spectrum-Detail--sizeL em{font-size:var(\n--spectrum-detail-l-emphasized-text-size,var(--spectrum-global-dimension-font-size-100)\n);font-style:var(\n--spectrum-detail-l-emphasized-text-font-style,var(--spectrum-global-font-style-italic)\n);font-weight:var(\n--spectrum-detail-l-emphasized-text-font-weight,var(--spectrum-alias-detail-text-font-weight-regular)\n);letter-spacing:var(\n--spectrum-detail-l-emphasized-text-letter-spacing,var(--spectrum-global-font-letter-spacing-medium)\n);line-height:var(\n--spectrum-detail-l-emphasized-text-line-height,var(--spectrum-alias-heading-text-line-height)\n);margin-bottom:0;margin-top:0;text-transform:var(\n--spectrum-detail-l-emphasized-text-transform,uppercase\n)}.spectrum-Detail--sizeL strong{font-size:var(\n--spectrum-detail-l-strong-text-size,var(--spectrum-global-dimension-font-size-100)\n);font-style:var(\n--spectrum-detail-l-strong-text-font-style,var(--spectrum-global-font-style-regular)\n);font-weight:var(\n--spectrum-detail-l-strong-text-font-weight,var(--spectrum-alias-detail-text-font-weight-regular)\n);letter-spacing:var(\n--spectrum-detail-l-strong-text-letter-spacing,var(--spectrum-global-font-letter-spacing-medium)\n);line-height:var(\n--spectrum-detail-l-strong-text-line-height,var(--spectrum-alias-heading-text-line-height)\n);margin-bottom:0;margin-top:0;text-transform:var(--spectrum-detail-l-strong-text-transform,uppercase)}.spectrum-Detail--sizeM{font-size:var(\n--spectrum-detail-m-text-size,var(--spectrum-global-dimension-font-size-75)\n);font-style:var(\n--spectrum-detail-m-text-font-style,var(--spectrum-global-font-style-regular)\n);font-weight:var(\n--spectrum-detail-m-text-font-weight,var(--spectrum-alias-detail-text-font-weight-regular)\n);letter-spacing:var(\n--spectrum-detail-m-text-letter-spacing,var(--spectrum-global-font-letter-spacing-medium)\n);line-height:var(\n--spectrum-detail-m-text-line-height,var(--spectrum-alias-heading-text-line-height)\n);margin-bottom:0;margin-top:0;text-transform:var(--spectrum-detail-m-text-transform,uppercase)}.spectrum-Detail--sizeM em{font-size:var(\n--spectrum-detail-m-emphasized-text-size,var(--spectrum-global-dimension-font-size-75)\n);font-style:var(\n--spectrum-detail-m-emphasized-text-font-style,var(--spectrum-global-font-style-italic)\n);font-weight:var(\n--spectrum-detail-m-emphasized-text-font-weight,var(--spectrum-alias-detail-text-font-weight-regular)\n);letter-spacing:var(\n--spectrum-detail-m-emphasized-text-letter-spacing,var(--spectrum-global-font-letter-spacing-medium)\n);line-height:var(\n--spectrum-detail-m-emphasized-text-line-height,var(--spectrum-alias-heading-text-line-height)\n);margin-bottom:0;margin-top:0;text-transform:var(\n--spectrum-detail-m-emphasized-text-transform,uppercase\n)}.spectrum-Detail--sizeM strong{font-size:var(\n--spectrum-detail-m-strong-text-size,var(--spectrum-global-dimension-font-size-75)\n);font-style:var(\n--spectrum-detail-m-strong-text-font-style,var(--spectrum-global-font-style-regular)\n);font-weight:var(\n--spectrum-detail-m-strong-text-font-weight,var(--spectrum-alias-detail-text-font-weight-regular)\n);letter-spacing:var(\n--spectrum-detail-m-strong-text-letter-spacing,var(--spectrum-global-font-letter-spacing-medium)\n);line-height:var(\n--spectrum-detail-m-strong-text-line-height,var(--spectrum-alias-heading-text-line-height)\n);margin-bottom:0;margin-top:0;text-transform:var(--spectrum-detail-m-strong-text-transform,uppercase)}.spectrum-Detail--sizeS{font-size:var(\n--spectrum-detail-s-text-size,var(--spectrum-global-dimension-font-size-50)\n);font-style:var(\n--spectrum-detail-s-text-font-style,var(--spectrum-global-font-style-regular)\n);font-weight:var(\n--spectrum-detail-s-text-font-weight,var(--spectrum-alias-detail-text-font-weight-regular)\n);letter-spacing:var(\n--spectrum-detail-s-text-letter-spacing,var(--spectrum-global-font-letter-spacing-medium)\n);line-height:var(\n--spectrum-detail-s-text-line-height,var(--spectrum-alias-heading-text-line-height)\n);margin-bottom:0;margin-top:0;text-transform:var(--spectrum-detail-s-text-transform,uppercase)}.spectrum-Detail--sizeS em{font-size:var(\n--spectrum-detail-s-emphasized-text-size,var(--spectrum-global-dimension-font-size-50)\n);font-style:var(\n--spectrum-detail-s-emphasized-text-font-style,var(--spectrum-global-font-style-italic)\n);font-weight:var(\n--spectrum-detail-s-emphasized-text-font-weight,var(--spectrum-alias-detail-text-font-weight-regular)\n);letter-spacing:var(\n--spectrum-detail-s-emphasized-text-letter-spacing,var(--spectrum-global-font-letter-spacing-medium)\n);line-height:var(\n--spectrum-detail-s-emphasized-text-line-height,var(--spectrum-alias-heading-text-line-height)\n);margin-bottom:0;margin-top:0;text-transform:var(\n--spectrum-detail-s-emphasized-text-transform,uppercase\n)}.spectrum-Detail--sizeS strong{font-size:var(\n--spectrum-detail-s-strong-text-size,var(--spectrum-global-dimension-font-size-50)\n);font-style:var(\n--spectrum-detail-s-strong-text-font-style,var(--spectrum-global-font-style-regular)\n);font-weight:var(\n--spectrum-detail-s-strong-text-font-weight,var(--spectrum-alias-detail-text-font-weight-regular)\n);letter-spacing:var(\n--spectrum-detail-s-strong-text-letter-spacing,var(--spectrum-global-font-letter-spacing-medium)\n);line-height:var(\n--spectrum-detail-s-strong-text-line-height,var(--spectrum-alias-heading-text-line-height)\n);margin-bottom:0;margin-top:0;text-transform:var(--spectrum-detail-s-strong-text-transform,uppercase)}.spectrum-Code{font-family:var(\n--spectrum-heading-m-text-font-family,var(--spectrum-alias-body-text-font-family)\n)}.spectrum-Code .spectrum-Code-strong,.spectrum-Code strong{font-weight:var(\n--spectrum-code-m-strong-text-font-weight,var(--spectrum-global-font-weight-bold)\n)}.spectrum-Code .spectrum-Code-emphasized,.spectrum-Code em{font-style:var(\n--spectrum-code-m-emphasized-text-font-style,var(--spectrum-global-font-style-italic)\n)}.spectrum-Code--serif{font-family:var(\n--spectrum-body-m-serif-text-font-family,var(--spectrum-alias-serif-text-font-family)\n)}.spectrum-Code--sizeXL{font-family:var(\n--spectrum-code-xl-text-font-family,var(--spectrum-alias-code-text-font-family)\n);font-size:var(\n--spectrum-code-xl-text-size,var(--spectrum-global-dimension-font-size-400)\n);font-style:var(\n--spectrum-code-xl-text-font-style,var(--spectrum-global-font-style-regular)\n);font-weight:var(\n--spectrum-code-xl-text-font-weight,var(--spectrum-alias-code-text-font-weight-regular)\n);letter-spacing:var(\n--spectrum-code-xl-text-letter-spacing,var(--spectrum-global-font-letter-spacing-none)\n);line-height:var(\n--spectrum-code-xl-text-line-height,var(--spectrum-alias-body-text-line-height)\n);margin-bottom:0;margin-top:0}.spectrum-Code--sizeL{font-family:var(\n--spectrum-code-l-text-font-family,var(--spectrum-alias-code-text-font-family)\n);font-size:var(\n--spectrum-code-l-text-size,var(--spectrum-global-dimension-font-size-300)\n);font-style:var(\n--spectrum-code-l-text-font-style,var(--spectrum-global-font-style-regular)\n);font-weight:var(\n--spectrum-code-l-text-font-weight,var(--spectrum-alias-code-text-font-weight-regular)\n);letter-spacing:var(\n--spectrum-code-l-text-letter-spacing,var(--spectrum-global-font-letter-spacing-none)\n);line-height:var(\n--spectrum-code-l-text-line-height,var(--spectrum-alias-body-text-line-height)\n);margin-bottom:0;margin-top:0}.spectrum-Code--sizeM{font-family:var(\n--spectrum-code-m-text-font-family,var(--spectrum-alias-code-text-font-family)\n);font-size:var(\n--spectrum-code-m-text-size,var(--spectrum-global-dimension-font-size-200)\n);font-style:var(\n--spectrum-code-m-text-font-style,var(--spectrum-global-font-style-regular)\n);font-weight:var(\n--spectrum-code-m-text-font-weight,var(--spectrum-alias-code-text-font-weight-regular)\n);letter-spacing:var(\n--spectrum-code-m-text-letter-spacing,var(--spectrum-global-font-letter-spacing-none)\n);line-height:var(\n--spectrum-code-m-text-line-height,var(--spectrum-alias-body-text-line-height)\n);margin-bottom:0;margin-top:0}.spectrum-Code--sizeS{font-family:var(\n--spectrum-code-s-text-font-family,var(--spectrum-alias-code-text-font-family)\n);font-size:var(\n--spectrum-code-s-text-size,var(--spectrum-global-dimension-font-size-100)\n);font-style:var(\n--spectrum-code-s-text-font-style,var(--spectrum-global-font-style-regular)\n);font-weight:var(\n--spectrum-code-s-text-font-weight,var(--spectrum-alias-code-text-font-weight-regular)\n);letter-spacing:var(\n--spectrum-code-s-text-letter-spacing,var(--spectrum-global-font-letter-spacing-none)\n);line-height:var(\n--spectrum-code-s-text-line-height,var(--spectrum-alias-body-text-line-height)\n);margin-bottom:0;margin-top:0}.spectrum-Code--sizeXS{font-family:var(\n--spectrum-code-xs-text-font-family,var(--spectrum-alias-code-text-font-family)\n);font-size:var(\n--spectrum-code-xs-text-size,var(--spectrum-global-dimension-font-size-75)\n);font-style:var(\n--spectrum-code-xs-text-font-style,var(--spectrum-global-font-style-regular)\n);font-weight:var(\n--spectrum-code-xs-text-font-weight,var(--spectrum-alias-code-text-font-weight-regular)\n);letter-spacing:var(\n--spectrum-code-xs-text-letter-spacing,var(--spectrum-global-font-letter-spacing-none)\n);line-height:var(\n--spectrum-code-xs-text-line-height,var(--spectrum-alias-body-text-line-height)\n);margin-bottom:0;margin-top:0}.spectrum-Typography .spectrum-Heading--sizeXXXL{margin-bottom:var(\n--spectrum-heading-xxxl-margin-bottom,var(--spectrum-global-dimension-size-125)\n);margin-top:var(\n--spectrum-heading-xxxl-margin-top,var(--spectrum-alias-heading-xxxl-margin-top)\n)}.spectrum-Typography .spectrum-Heading--sizeXXL{margin-bottom:var(\n--spectrum-heading-xxl-margin-bottom,var(--spectrum-global-dimension-size-115)\n);margin-top:var(\n--spectrum-heading-xxl-margin-top,var(--spectrum-alias-heading-xxl-margin-top)\n)}.spectrum-Typography .spectrum-Heading--sizeXL{margin-bottom:var(\n--spectrum-heading-xl-margin-bottom,var(--spectrum-global-dimension-size-100)\n);margin-top:var(\n--spectrum-heading-xl-margin-top,var(--spectrum-alias-heading-xl-margin-top)\n)}.spectrum-Typography .spectrum-Heading--sizeL{margin-bottom:var(\n--spectrum-heading-l-margin-bottom,var(--spectrum-global-dimension-size-85)\n);margin-top:var(\n--spectrum-heading-l-margin-top,var(--spectrum-alias-heading-l-margin-top)\n)}.spectrum-Typography .spectrum-Heading--sizeM{margin-bottom:var(\n--spectrum-heading-m-margin-bottom,var(--spectrum-global-dimension-size-75)\n);margin-top:var(\n--spectrum-heading-m-margin-top,var(--spectrum-alias-heading-m-margin-top)\n)}.spectrum-Typography .spectrum-Heading--sizeS{margin-bottom:var(\n--spectrum-heading-s-margin-bottom,var(--spectrum-global-dimension-size-65)\n);margin-top:var(\n--spectrum-heading-s-margin-top,var(--spectrum-alias-heading-s-margin-top)\n)}.spectrum-Typography .spectrum-Heading--sizeXS{margin-bottom:var(\n--spectrum-heading-xs-margin-bottom,var(--spectrum-global-dimension-size-50)\n);margin-top:var(\n--spectrum-heading-xs-margin-top,var(--spectrum-alias-heading-xs-margin-top)\n)}.spectrum-Typography .spectrum-Heading--sizeXXS{margin-bottom:var(\n--spectrum-heading-xxs-margin-bottom,var(--spectrum-global-dimension-size-40)\n);margin-top:var(\n--spectrum-heading-xxs-margin-top,var(--spectrum-alias-heading-xxs-margin-top)\n)}.spectrum-Typography .spectrum-Body--sizeXXXL{margin-bottom:var(\n--spectrum-body-xxxl-margin-bottom,var(--spectrum-global-dimension-size-400)\n);margin-top:var(--spectrum-body-xxxl-margin-top,0)}.spectrum-Typography .spectrum-Body--sizeXXL{margin-bottom:var(\n--spectrum-body-xxl-margin-bottom,var(--spectrum-global-dimension-size-300)\n);margin-top:var(--spectrum-body-xxl-margin-top,0)}.spectrum-Typography .spectrum-Body--sizeXL{margin-bottom:var(\n--spectrum-body-xl-margin-bottom,var(--spectrum-global-dimension-size-200)\n);margin-top:var(--spectrum-body-xl-margin-top,0)}.spectrum-Typography .spectrum-Body--sizeL{margin-bottom:var(\n--spectrum-body-l-margin-bottom,var(--spectrum-global-dimension-size-160)\n);margin-top:var(--spectrum-body-l-margin-top,0)}.spectrum-Typography .spectrum-Body--sizeM{margin-bottom:var(\n--spectrum-body-m-margin-bottom,var(--spectrum-global-dimension-size-150)\n);margin-top:var(--spectrum-body-m-margin-top,0)}.spectrum-Typography .spectrum-Body--sizeS{margin-bottom:var(\n--spectrum-body-s-margin-bottom,var(--spectrum-global-dimension-size-125)\n);margin-top:var(--spectrum-body-s-margin-top,0)}.spectrum-Typography .spectrum-Body--sizeXS{margin-bottom:var(\n--spectrum-body-xs-margin-bottom,var(--spectrum-global-dimension-size-115)\n);margin-top:var(--spectrum-body-xs-margin-top,0)}.spectrum:lang(ja) .spectrum-Heading--sizeXXXL,.spectrum:lang(ko) .spectrum-Heading--sizeXXXL,.spectrum:lang(zh) .spectrum-Heading--sizeXXXL{font-size:var(\n--spectrum-heading-han-xxxl-text-size,var(--spectrum-alias-heading-han-xxxl-text-size)\n);font-style:var(\n--spectrum-heading-han-xxxl-text-font-style,var(--spectrum-global-font-style-regular)\n);font-weight:var(\n--spectrum-heading-han-xxxl-text-font-weight,var(--spectrum-alias-han-heading-text-font-weight-regular)\n);letter-spacing:var(\n--spectrum-heading-han-xxxl-text-letter-spacing,var(--spectrum-global-font-letter-spacing-han)\n);line-height:var(\n--spectrum-heading-han-xxxl-text-line-height,var(--spectrum-alias-han-heading-text-line-height)\n);margin-bottom:0;margin-top:0;text-transform:var(--spectrum-heading-han-xxxl-text-transform,none)}.spectrum:lang(ja) .spectrum-Heading--sizeXXL,.spectrum:lang(ko) .spectrum-Heading--sizeXXL,.spectrum:lang(zh) .spectrum-Heading--sizeXXL{font-size:var(\n--spectrum-heading-han-xxl-text-size,var(--spectrum-alias-heading-han-xxl-text-size)\n);font-style:var(\n--spectrum-heading-han-xxl-text-font-style,var(--spectrum-global-font-style-regular)\n);font-weight:var(\n--spectrum-heading-han-xxl-text-font-weight,var(--spectrum-alias-han-heading-text-font-weight-regular)\n);letter-spacing:var(\n--spectrum-heading-han-xxl-text-letter-spacing,var(--spectrum-global-font-letter-spacing-han)\n);line-height:var(\n--spectrum-heading-han-xxl-text-line-height,var(--spectrum-alias-han-heading-text-line-height)\n);margin-bottom:0;margin-top:0;text-transform:var(--spectrum-heading-han-xxl-text-transform,none)}.spectrum:lang(ja) .spectrum-Heading--sizeXL,.spectrum:lang(ko) .spectrum-Heading--sizeXL,.spectrum:lang(zh) .spectrum-Heading--sizeXL{font-size:var(\n--spectrum-heading-han-xl-text-size,var(--spectrum-alias-heading-han-xl-text-size)\n);font-style:var(\n--spectrum-heading-han-xl-text-font-style,var(--spectrum-global-font-style-regular)\n);font-weight:var(\n--spectrum-heading-han-xl-text-font-weight,var(--spectrum-alias-han-heading-text-font-weight-regular)\n);letter-spacing:var(\n--spectrum-heading-han-xl-text-letter-spacing,var(--spectrum-global-font-letter-spacing-han)\n);line-height:var(\n--spectrum-heading-han-xl-text-line-height,var(--spectrum-alias-han-heading-text-line-height)\n);margin-bottom:0;margin-top:0;text-transform:var(--spectrum-heading-han-xl-text-transform,none)}.spectrum:lang(ja) .spectrum-Heading--sizeL,.spectrum:lang(ko) .spectrum-Heading--sizeL,.spectrum:lang(zh) .spectrum-Heading--sizeL{font-size:var(\n--spectrum-heading-han-l-text-size,var(--spectrum-alias-heading-han-l-text-size)\n);font-style:var(\n--spectrum-heading-han-l-text-font-style,var(--spectrum-global-font-style-regular)\n);font-weight:var(\n--spectrum-heading-han-l-text-font-weight,var(--spectrum-alias-han-heading-text-font-weight-regular)\n);letter-spacing:var(\n--spectrum-heading-han-l-text-letter-spacing,var(--spectrum-global-font-letter-spacing-han)\n);line-height:var(\n--spectrum-heading-han-l-text-line-height,var(--spectrum-alias-han-heading-text-line-height)\n);margin-bottom:0;margin-top:0;text-transform:var(--spectrum-heading-han-l-text-transform,none)}.spectrum:lang(ja) .spectrum-Heading--sizeM,.spectrum:lang(ko) .spectrum-Heading--sizeM,.spectrum:lang(zh) .spectrum-Heading--sizeM{font-size:var(\n--spectrum-heading-han-m-text-size,var(--spectrum-alias-heading-han-m-text-size)\n);font-style:var(\n--spectrum-heading-han-m-text-font-style,var(--spectrum-global-font-style-regular)\n);font-weight:var(\n--spectrum-heading-han-m-text-font-weight,var(--spectrum-alias-han-heading-text-font-weight-regular)\n);letter-spacing:var(\n--spectrum-heading-han-m-text-letter-spacing,var(--spectrum-global-font-letter-spacing-han)\n);line-height:var(\n--spectrum-heading-han-m-text-line-height,var(--spectrum-alias-han-heading-text-line-height)\n);margin-bottom:0;margin-top:0;text-transform:var(--spectrum-heading-han-m-text-transform,none)}.spectrum:lang(ja) .spectrum-Heading--sizeS,.spectrum:lang(ko) .spectrum-Heading--sizeS,.spectrum:lang(zh) .spectrum-Heading--sizeS{font-size:var(\n--spectrum-heading-han-s-text-size,var(--spectrum-alias-heading-han-s-text-size)\n);font-style:var(\n--spectrum-heading-han-s-text-font-style,var(--spectrum-global-font-style-regular)\n);font-weight:var(\n--spectrum-heading-han-s-text-font-weight,var(--spectrum-alias-han-heading-text-font-weight-regular)\n);letter-spacing:var(\n--spectrum-heading-han-s-text-letter-spacing,var(--spectrum-global-font-letter-spacing-han)\n);line-height:var(\n--spectrum-heading-han-s-text-line-height,var(--spectrum-alias-han-heading-text-line-height)\n);margin-bottom:0;margin-top:0;text-transform:var(--spectrum-heading-han-s-text-transform,none)}.spectrum:lang(ja) .spectrum-Heading--sizeXS,.spectrum:lang(ko) .spectrum-Heading--sizeXS,.spectrum:lang(zh) .spectrum-Heading--sizeXS{font-size:var(\n--spectrum-heading-han-xs-text-size,var(--spectrum-alias-heading-han-xs-text-size)\n);font-style:var(\n--spectrum-heading-han-xs-text-font-style,var(--spectrum-global-font-style-regular)\n);font-weight:var(\n--spectrum-heading-han-xs-text-font-weight,var(--spectrum-alias-han-heading-text-font-weight-regular)\n);letter-spacing:var(\n--spectrum-heading-han-xs-text-letter-spacing,var(--spectrum-global-font-letter-spacing-han)\n);line-height:var(\n--spectrum-heading-han-xs-text-line-height,var(--spectrum-alias-han-heading-text-line-height)\n);margin-bottom:0;margin-top:0;text-transform:var(--spectrum-heading-han-xs-text-transform,none)}.spectrum:lang(ja) .spectrum-Heading--sizeXXS,.spectrum:lang(ko) .spectrum-Heading--sizeXXS,.spectrum:lang(zh) .spectrum-Heading--sizeXXS{font-size:var(\n--spectrum-heading-han-xxs-text-size,var(--spectrum-alias-heading-han-xxs-text-size)\n);font-style:var(\n--spectrum-heading-han-xxs-text-font-style,var(--spectrum-global-font-style-regular)\n);font-weight:var(\n--spectrum-heading-han-xxs-text-font-weight,var(--spectrum-alias-han-heading-text-font-weight-regular)\n);letter-spacing:var(\n--spectrum-heading-han-xxs-text-letter-spacing,var(--spectrum-global-font-letter-spacing-han)\n);line-height:var(\n--spectrum-heading-han-xxs-text-line-height,var(--spectrum-alias-han-heading-text-line-height)\n);margin-bottom:0;margin-top:0;text-transform:var(--spectrum-heading-han-xxs-text-transform,none)}.spectrum:lang(ja) .spectrum-Heading--heavy,.spectrum:lang(ko) .spectrum-Heading--heavy,.spectrum:lang(zh) .spectrum-Heading--heavy{font-weight:var(\n--spectrum-heading-han-m-text-font-weight,var(--spectrum-alias-han-heading-text-font-weight-regular)\n)}.spectrum:lang(ja) .spectrum-Heading--heavy .spectrum-Heading--emphasized,.spectrum:lang(ja) .spectrum-Heading--heavy em,.spectrum:lang(ko) .spectrum-Heading--heavy .spectrum-Heading--emphasized,.spectrum:lang(ko) .spectrum-Heading--heavy em,.spectrum:lang(zh) .spectrum-Heading--heavy .spectrum-Heading--emphasized,.spectrum:lang(zh) .spectrum-Heading--heavy em{font-style:var(--spectrum-heading-han-heavy-m-emphasized-text-font-style);font-weight:var(\n--spectrum-heading-han-heavy-m-emphasized-text-font-weight\n)}.spectrum:lang(ja) .spectrum-Heading--heavy .spectrum-Heading--strong,.spectrum:lang(ja) .spectrum-Heading--heavy strong,.spectrum:lang(ko) .spectrum-Heading--heavy .spectrum-Heading--strong,.spectrum:lang(ko) .spectrum-Heading--heavy strong,.spectrum:lang(zh) .spectrum-Heading--heavy .spectrum-Heading--strong,.spectrum:lang(zh) .spectrum-Heading--heavy strong{font-style:var(\n--spectrum-heading-m-heavy-strong-text-font-style,var(--spectrum-global-font-style-regular)\n);font-weight:var(\n--spectrum-heading-m-heavy-strong-text-font-weight,var(--spectrum-alias-heading-text-font-weight-heavy-strong)\n)}.spectrum:lang(ja) .spectrum-Heading--light,.spectrum:lang(ko) .spectrum-Heading--light,.spectrum:lang(zh) .spectrum-Heading--light{font-weight:var(\n--spectrum-heading-han-m-text-font-weight,var(--spectrum-alias-han-heading-text-font-weight-regular)\n)}.spectrum:lang(ja) .spectrum-Heading--light .spectrum-Heading--emphasized,.spectrum:lang(ja) .spectrum-Heading--light em,.spectrum:lang(ko) .spectrum-Heading--light .spectrum-Heading--emphasized,.spectrum:lang(ko) .spectrum-Heading--light em,.spectrum:lang(zh) .spectrum-Heading--light .spectrum-Heading--emphasized,.spectrum:lang(zh) .spectrum-Heading--light em{font-style:var(\n--spectrum-heading-han-m-light-emphasized-text-font-style,var(--spectrum-global-font-style-regular)\n);font-weight:var(\n--spectrum-heading-han-m-light-emphasized-text-font-weight,var(--spectrum-alias-han-heading-text-font-weight-light-emphasis)\n)}.spectrum:lang(ja) .spectrum-Heading--light .spectrum-Heading--strong,.spectrum:lang(ja) .spectrum-Heading--light strong,.spectrum:lang(ko) .spectrum-Heading--light .spectrum-Heading--strong,.spectrum:lang(ko) .spectrum-Heading--light strong,.spectrum:lang(zh) .spectrum-Heading--light .spectrum-Heading--strong,.spectrum:lang(zh) .spectrum-Heading--light strong{font-style:var(\n--spectrum-heading-han-m-light-strong-text-font-style,var(--spectrum-global-font-style-regular)\n);font-weight:var(\n--spectrum-heading-han-m-light-strong-text-font-weight,var(--spectrum-alias-han-heading-text-font-weight-light-strong)\n)}.spectrum:lang(ja) .spectrum-Body--sizeXXXL,.spectrum:lang(ko) .spectrum-Body--sizeXXXL,.spectrum:lang(zh) .spectrum-Body--sizeXXXL{font-size:var(\n--spectrum-body-han-xxxl-text-size,var(--spectrum-global-dimension-font-size-600)\n);font-style:var(\n--spectrum-body-han-xxxl-text-font-style,var(--spectrum-global-font-style-regular)\n);font-weight:var(\n--spectrum-body-han-xxxl-text-font-weight,var(--spectrum-alias-han-body-text-font-weight-regular)\n);letter-spacing:var(\n--spectrum-body-han-xxxl-text-letter-spacing,var(--spectrum-global-font-letter-spacing-han)\n);line-height:var(\n--spectrum-body-han-xxxl-text-line-height,var(--spectrum-alias-han-body-text-line-height)\n);margin-bottom:0;margin-top:0;text-transform:var(--spectrum-body-han-xxxl-text-transform,none)}.spectrum:lang(ja) .spectrum-Body--sizeXXL,.spectrum:lang(ko) .spectrum-Body--sizeXXL,.spectrum:lang(zh) .spectrum-Body--sizeXXL{font-size:var(\n--spectrum-body-han-xxl-text-size,var(--spectrum-global-dimension-font-size-500)\n);font-style:var(\n--spectrum-body-han-xxl-text-font-style,var(--spectrum-global-font-style-regular)\n);font-weight:var(\n--spectrum-body-han-xxl-text-font-weight,var(--spectrum-alias-han-body-text-font-weight-regular)\n);letter-spacing:var(\n--spectrum-body-han-xxl-text-letter-spacing,var(--spectrum-global-font-letter-spacing-han)\n);line-height:var(\n--spectrum-body-han-xxl-text-line-height,var(--spectrum-alias-han-body-text-line-height)\n);margin-bottom:0;margin-top:0;text-transform:var(--spectrum-body-han-xxl-text-transform,none)}.spectrum:lang(ja) .spectrum-Body--sizeXL,.spectrum:lang(ko) .spectrum-Body--sizeXL,.spectrum:lang(zh) .spectrum-Body--sizeXL{font-size:var(\n--spectrum-body-han-xl-text-size,var(--spectrum-global-dimension-font-size-400)\n);font-style:var(\n--spectrum-body-han-xl-text-font-style,var(--spectrum-global-font-style-regular)\n);font-weight:var(\n--spectrum-body-han-xl-text-font-weight,var(--spectrum-alias-han-body-text-font-weight-regular)\n);letter-spacing:var(\n--spectrum-body-han-xl-text-letter-spacing,var(--spectrum-global-font-letter-spacing-han)\n);line-height:var(\n--spectrum-body-han-xl-text-line-height,var(--spectrum-alias-han-body-text-line-height)\n);margin-bottom:0;margin-top:0;text-transform:var(--spectrum-body-han-xl-text-transform,none)}.spectrum:lang(ja) .spectrum-Body--sizeL,.spectrum:lang(ko) .spectrum-Body--sizeL,.spectrum:lang(zh) .spectrum-Body--sizeL{font-size:var(\n--spectrum-body-han-l-text-size,var(--spectrum-global-dimension-font-size-300)\n);font-style:var(\n--spectrum-body-han-l-text-font-style,var(--spectrum-global-font-style-regular)\n);font-weight:var(\n--spectrum-body-han-l-text-font-weight,var(--spectrum-alias-han-body-text-font-weight-regular)\n);letter-spacing:var(\n--spectrum-body-han-l-text-letter-spacing,var(--spectrum-global-font-letter-spacing-han)\n);line-height:var(\n--spectrum-body-han-l-text-line-height,var(--spectrum-alias-han-body-text-line-height)\n);margin-bottom:0;margin-top:0;text-transform:var(--spectrum-body-han-l-text-transform,none)}.spectrum:lang(ja) .spectrum-Body--sizeM,.spectrum:lang(ko) .spectrum-Body--sizeM,.spectrum:lang(zh) .spectrum-Body--sizeM{font-size:var(\n--spectrum-body-han-m-text-size,var(--spectrum-global-dimension-font-size-200)\n);font-style:var(\n--spectrum-body-han-m-text-font-style,var(--spectrum-global-font-style-regular)\n);font-weight:var(\n--spectrum-body-han-m-text-font-weight,var(--spectrum-alias-han-body-text-font-weight-regular)\n);letter-spacing:var(\n--spectrum-body-han-m-text-letter-spacing,var(--spectrum-global-font-letter-spacing-han)\n);line-height:var(\n--spectrum-body-han-m-text-line-height,var(--spectrum-alias-han-body-text-line-height)\n);margin-bottom:0;margin-top:0;text-transform:var(--spectrum-body-han-m-text-transform,none)}.spectrum:lang(ja) .spectrum-Body--sizeS,.spectrum:lang(ko) .spectrum-Body--sizeS,.spectrum:lang(zh) .spectrum-Body--sizeS{font-size:var(\n--spectrum-body-han-s-text-size,var(--spectrum-global-dimension-font-size-100)\n);font-style:var(\n--spectrum-body-han-s-text-font-style,var(--spectrum-global-font-style-regular)\n);font-weight:var(\n--spectrum-body-han-s-text-font-weight,var(--spectrum-alias-han-body-text-font-weight-regular)\n);letter-spacing:var(\n--spectrum-body-han-s-text-letter-spacing,var(--spectrum-global-font-letter-spacing-han)\n);line-height:var(\n--spectrum-body-han-s-text-line-height,var(--spectrum-alias-han-body-text-line-height)\n);margin-bottom:0;margin-top:0;text-transform:var(--spectrum-body-han-s-text-transform,none)}.spectrum:lang(ja) .spectrum-Body--sizeXS,.spectrum:lang(ko) .spectrum-Body--sizeXS,.spectrum:lang(zh) .spectrum-Body--sizeXS{font-size:var(\n--spectrum-body-han-xs-text-size,var(--spectrum-global-dimension-font-size-75)\n);font-style:var(\n--spectrum-body-han-xs-text-font-style,var(--spectrum-global-font-style-regular)\n);font-weight:var(\n--spectrum-body-han-xs-text-font-weight,var(--spectrum-alias-han-body-text-font-weight-regular)\n);letter-spacing:var(\n--spectrum-body-han-xs-text-letter-spacing,var(--spectrum-global-font-letter-spacing-han)\n);line-height:var(\n--spectrum-body-han-xs-text-line-height,var(--spectrum-alias-han-body-text-line-height)\n);margin-bottom:0;margin-top:0;text-transform:var(--spectrum-body-han-xs-text-transform,none)}.spectrum:lang(ja) .spectrum-Detail--sizeXL,.spectrum:lang(ko) .spectrum-Detail--sizeXL,.spectrum:lang(zh) .spectrum-Detail--sizeXL{font-size:var(\n--spectrum-detail-han-xl-text-size,var(--spectrum-global-dimension-font-size-200)\n);font-style:var(\n--spectrum-detail-han-xl-text-font-style,var(--spectrum-global-font-style-regular)\n);font-weight:var(\n--spectrum-detail-han-xl-text-font-weight,var(--spectrum-alias-han-heading-text-font-weight-regular)\n);letter-spacing:var(\n--spectrum-detail-han-xl-text-letter-spacing,var(--spectrum-global-font-letter-spacing-medium)\n);line-height:var(\n--spectrum-detail-han-xl-text-line-height,var(--spectrum-alias-han-heading-text-line-height)\n);margin-bottom:0;margin-top:0;text-transform:var(--spectrum-detail-han-xl-text-transform,uppercase)}.spectrum:lang(ja) .spectrum-Detail--sizeXL em,.spectrum:lang(ko) .spectrum-Detail--sizeXL em,.spectrum:lang(zh) .spectrum-Detail--sizeXL em{font-size:var(\n--spectrum-detail-han-xl-emphasized-text-size,var(--spectrum-global-dimension-font-size-200)\n);font-style:var(\n--spectrum-detail-han-xl-emphasized-text-font-style,var(--spectrum-global-font-style-regular)\n);font-weight:var(\n--spectrum-detail-han-xl-emphasized-text-font-weight,var(--spectrum-alias-han-heading-text-font-weight-regular-emphasis)\n);letter-spacing:var(\n--spectrum-detail-han-xl-emphasized-text-letter-spacing,var(--spectrum-global-font-letter-spacing-medium)\n);line-height:var(\n--spectrum-detail-han-xl-emphasized-text-line-height,var(--spectrum-alias-han-heading-text-line-height)\n);margin-bottom:0;margin-top:0;text-transform:var(\n--spectrum-detail-han-xl-emphasized-text-transform,uppercase\n)}.spectrum:lang(ja) .spectrum-Detail--sizeXL strong,.spectrum:lang(ko) .spectrum-Detail--sizeXL strong,.spectrum:lang(zh) .spectrum-Detail--sizeXL strong{font-size:var(\n--spectrum-detail-han-xl-strong-text-size,var(--spectrum-global-dimension-font-size-200)\n);font-style:var(\n--spectrum-detail-han-xl-strong-text-font-style,var(--spectrum-global-font-style-regular)\n);font-weight:var(\n--spectrum-detail-han-xl-strong-text-font-weight,var(--spectrum-alias-han-heading-text-font-weight-regular-strong)\n);letter-spacing:var(\n--spectrum-detail-han-xl-strong-text-letter-spacing,var(--spectrum-global-font-letter-spacing-medium)\n);line-height:var(\n--spectrum-detail-han-xl-strong-text-line-height,var(--spectrum-alias-han-heading-text-line-height)\n);margin-bottom:0;margin-top:0;text-transform:var(\n--spectrum-detail-han-xl-strong-text-transform,uppercase\n)}.spectrum:lang(ja) .spectrum-Detail--sizeL,.spectrum:lang(ko) .spectrum-Detail--sizeL,.spectrum:lang(zh) .spectrum-Detail--sizeL{font-size:var(\n--spectrum-detail-han-l-text-size,var(--spectrum-global-dimension-font-size-100)\n);font-style:var(\n--spectrum-detail-han-l-text-font-style,var(--spectrum-global-font-style-regular)\n);font-weight:var(\n--spectrum-detail-han-l-text-font-weight,var(--spectrum-alias-han-heading-text-font-weight-regular)\n);letter-spacing:var(\n--spectrum-detail-han-l-text-letter-spacing,var(--spectrum-global-font-letter-spacing-medium)\n);line-height:var(\n--spectrum-detail-han-l-text-line-height,var(--spectrum-alias-han-heading-text-line-height)\n);margin-bottom:0;margin-top:0;text-transform:var(--spectrum-detail-han-l-text-transform,uppercase)}.spectrum:lang(ja) .spectrum-Detail--sizeL em,.spectrum:lang(ko) .spectrum-Detail--sizeL em,.spectrum:lang(zh) .spectrum-Detail--sizeL em{font-size:var(\n--spectrum-detail-han-l-emphasized-text-size,var(--spectrum-global-dimension-font-size-100)\n);font-style:var(\n--spectrum-detail-han-l-emphasized-text-font-style,var(--spectrum-global-font-style-regular)\n);font-weight:var(\n--spectrum-detail-han-l-emphasized-text-font-weight,var(--spectrum-alias-han-heading-text-font-weight-regular-emphasis)\n);letter-spacing:var(\n--spectrum-detail-han-l-emphasized-text-letter-spacing,var(--spectrum-global-font-letter-spacing-medium)\n);line-height:var(\n--spectrum-detail-han-l-emphasized-text-line-height,var(--spectrum-alias-han-heading-text-line-height)\n);margin-bottom:0;margin-top:0;text-transform:var(\n--spectrum-detail-han-l-emphasized-text-transform,uppercase\n)}.spectrum:lang(ja) .spectrum-Detail--sizeL strong,.spectrum:lang(ko) .spectrum-Detail--sizeL strong,.spectrum:lang(zh) .spectrum-Detail--sizeL strong{font-size:var(\n--spectrum-detail-han-l-strong-text-size,var(--spectrum-global-dimension-font-size-100)\n);font-style:var(\n--spectrum-detail-han-l-strong-text-font-style,var(--spectrum-global-font-style-regular)\n);font-weight:var(\n--spectrum-detail-han-l-strong-text-font-weight,var(--spectrum-alias-han-heading-text-font-weight-regular-strong)\n);letter-spacing:var(\n--spectrum-detail-han-l-strong-text-letter-spacing,var(--spectrum-global-font-letter-spacing-medium)\n);line-height:var(\n--spectrum-detail-han-l-strong-text-line-height,var(--spectrum-alias-han-heading-text-line-height)\n);margin-bottom:0;margin-top:0;text-transform:var(\n--spectrum-detail-han-l-strong-text-transform,uppercase\n)}.spectrum:lang(ja) .spectrum-Detail--sizeM,.spectrum:lang(ko) .spectrum-Detail--sizeM,.spectrum:lang(zh) .spectrum-Detail--sizeM{font-size:var(\n--spectrum-detail-han-m-text-size,var(--spectrum-global-dimension-font-size-75)\n);font-style:var(\n--spectrum-detail-han-m-text-font-style,var(--spectrum-global-font-style-regular)\n);font-weight:var(\n--spectrum-detail-han-m-text-font-weight,var(--spectrum-alias-han-heading-text-font-weight-regular)\n);letter-spacing:var(\n--spectrum-detail-han-m-text-letter-spacing,var(--spectrum-global-font-letter-spacing-medium)\n);line-height:var(\n--spectrum-detail-han-m-text-line-height,var(--spectrum-alias-han-heading-text-line-height)\n);margin-bottom:0;margin-top:0;text-transform:var(--spectrum-detail-han-m-text-transform,uppercase)}.spectrum:lang(ja) .spectrum-Detail--sizeM em,.spectrum:lang(ko) .spectrum-Detail--sizeM em,.spectrum:lang(zh) .spectrum-Detail--sizeM em{font-size:var(\n--spectrum-detail-han-m-emphasized-text-size,var(--spectrum-global-dimension-font-size-75)\n);font-style:var(\n--spectrum-detail-han-m-emphasized-text-font-style,var(--spectrum-global-font-style-regular)\n);font-weight:var(\n--spectrum-detail-han-m-emphasized-text-font-weight,var(--spectrum-alias-han-heading-text-font-weight-regular-emphasis)\n);letter-spacing:var(\n--spectrum-detail-han-m-emphasized-text-letter-spacing,var(--spectrum-global-font-letter-spacing-medium)\n);line-height:var(\n--spectrum-detail-han-m-emphasized-text-line-height,var(--spectrum-alias-han-heading-text-line-height)\n);margin-bottom:0;margin-top:0;text-transform:var(\n--spectrum-detail-han-m-emphasized-text-transform,uppercase\n)}.spectrum:lang(ja) .spectrum-Detail--sizeM strong,.spectrum:lang(ko) .spectrum-Detail--sizeM strong,.spectrum:lang(zh) .spectrum-Detail--sizeM strong{font-size:var(\n--spectrum-detail-han-m-strong-text-size,var(--spectrum-global-dimension-font-size-75)\n);font-style:var(\n--spectrum-detail-han-m-strong-text-font-style,var(--spectrum-global-font-style-regular)\n);font-weight:var(\n--spectrum-detail-han-m-strong-text-font-weight,var(--spectrum-alias-han-heading-text-font-weight-regular-strong)\n);letter-spacing:var(\n--spectrum-detail-han-m-strong-text-letter-spacing,var(--spectrum-global-font-letter-spacing-medium)\n);line-height:var(\n--spectrum-detail-han-m-strong-text-line-height,var(--spectrum-alias-han-heading-text-line-height)\n);margin-bottom:0;margin-top:0;text-transform:var(\n--spectrum-detail-han-m-strong-text-transform,uppercase\n)}.spectrum:lang(ja) .spectrum-Detail--sizeS,.spectrum:lang(ko) .spectrum-Detail--sizeS,.spectrum:lang(zh) .spectrum-Detail--sizeS{font-size:var(\n--spectrum-detail-han-s-text-size,var(--spectrum-global-dimension-font-size-50)\n);font-style:var(\n--spectrum-detail-han-s-text-font-style,var(--spectrum-global-font-style-regular)\n);font-weight:var(\n--spectrum-detail-han-s-text-font-weight,var(--spectrum-alias-han-heading-text-font-weight-regular)\n);letter-spacing:var(\n--spectrum-detail-han-s-text-letter-spacing,var(--spectrum-global-font-letter-spacing-medium)\n);line-height:var(\n--spectrum-detail-han-s-text-line-height,var(--spectrum-alias-han-heading-text-line-height)\n);margin-bottom:0;margin-top:0;text-transform:var(--spectrum-detail-han-s-text-transform,uppercase)}.spectrum:lang(ja) .spectrum-Detail--sizeS em,.spectrum:lang(ko) .spectrum-Detail--sizeS em,.spectrum:lang(zh) .spectrum-Detail--sizeS em{font-size:var(\n--spectrum-detail-han-s-emphasized-text-size,var(--spectrum-global-dimension-font-size-50)\n);font-style:var(\n--spectrum-detail-han-s-emphasized-text-font-style,var(--spectrum-global-font-style-regular)\n);font-weight:var(\n--spectrum-detail-han-s-emphasized-text-font-weight,var(--spectrum-alias-han-heading-text-font-weight-regular-emphasis)\n);letter-spacing:var(\n--spectrum-detail-han-s-emphasized-text-letter-spacing,var(--spectrum-global-font-letter-spacing-medium)\n);line-height:var(\n--spectrum-detail-han-s-emphasized-text-line-height,var(--spectrum-alias-han-heading-text-line-height)\n);margin-bottom:0;margin-top:0;text-transform:var(\n--spectrum-detail-han-s-emphasized-text-transform,uppercase\n)}.spectrum:lang(ja) .spectrum-Detail--sizeS strong,.spectrum:lang(ko) .spectrum-Detail--sizeS strong,.spectrum:lang(zh) .spectrum-Detail--sizeS strong{font-size:var(\n--spectrum-detail-han-s-strong-text-size,var(--spectrum-global-dimension-font-size-50)\n);font-style:var(\n--spectrum-detail-han-s-strong-text-font-style,var(--spectrum-global-font-style-regular)\n);font-weight:var(\n--spectrum-detail-han-s-strong-text-font-weight,var(--spectrum-alias-han-heading-text-font-weight-regular-strong)\n);letter-spacing:var(\n--spectrum-detail-han-s-strong-text-letter-spacing,var(--spectrum-global-font-letter-spacing-medium)\n);line-height:var(\n--spectrum-detail-han-s-strong-text-line-height,var(--spectrum-alias-han-heading-text-line-height)\n);margin-bottom:0;margin-top:0;text-transform:var(\n--spectrum-detail-han-s-strong-text-transform,uppercase\n)}.spectrum:lang(ja) .spectrum-Detail--light,.spectrum:lang(ko) .spectrum-Detail--light,.spectrum:lang(zh) .spectrum-Detail--light{font-weight:var(\n--spectrum-detail-han-m-text-font-weight,var(--spectrum-alias-han-heading-text-font-weight-regular)\n)}.spectrum:lang(ja) .spectrum-Detail--light .spectrum-Detail--emphasized,.spectrum:lang(ja) .spectrum-Detail--light em,.spectrum:lang(ko) .spectrum-Detail--light .spectrum-Detail--emphasized,.spectrum:lang(ko) .spectrum-Detail--light em,.spectrum:lang(zh) .spectrum-Detail--light .spectrum-Detail--emphasized,.spectrum:lang(zh) .spectrum-Detail--light em{font-style:var(\n--spectrum-detail-han-m-light-emphasized-text-font-style,var(--spectrum-global-font-style-regular)\n);font-weight:var(\n--spectrum-detail-han-m-light-emphasized-text-font-weight,var(--spectrum-alias-han-heading-text-font-weight-light-emphasis)\n)}.spectrum:lang(ja) .spectrum-Detail--light .spectrum-Detail--strong,.spectrum:lang(ja) .spectrum-Detail--light strong,.spectrum:lang(ko) .spectrum-Detail--light .spectrum-Detail--strong,.spectrum:lang(ko) .spectrum-Detail--light strong,.spectrum:lang(zh) .spectrum-Detail--light .spectrum-Detail--strong,.spectrum:lang(zh) .spectrum-Detail--light strong{font-style:var(\n--spectrum-detail-han-m-light-strong-text-font-style,var(--spectrum-global-font-style-regular)\n);font-weight:var(\n--spectrum-detail-han-m-light-strong-text-font-weight,var(--spectrum-alias-han-heading-text-font-weight-light-strong)\n)}.spectrum:lang(ja) .spectrum-Code--sizeXL,.spectrum:lang(ko) .spectrum-Code--sizeXL,.spectrum:lang(zh) .spectrum-Code--sizeXL{font-family:var(\n--spectrum-code-han-xl-text-font-family,var(--spectrum-alias-font-family-zh)\n);font-size:var(\n--spectrum-code-han-xl-text-size,var(--spectrum-global-dimension-font-size-400)\n);font-style:var(\n--spectrum-code-han-xl-text-font-style,var(--spectrum-global-font-style-regular)\n);font-weight:var(\n--spectrum-code-han-xl-text-font-weight,var(--spectrum-alias-han-body-text-font-weight-regular)\n);letter-spacing:var(\n--spectrum-code-han-xl-text-letter-spacing,var(--spectrum-global-font-letter-spacing-han)\n);line-height:var(\n--spectrum-code-han-xl-text-line-height,var(--spectrum-alias-han-body-text-line-height)\n);margin-bottom:0;margin-top:0}.spectrum:lang(ja) .spectrum-Code--sizeL,.spectrum:lang(ko) .spectrum-Code--sizeL,.spectrum:lang(zh) .spectrum-Code--sizeL{font-family:var(\n--spectrum-code-han-l-text-font-family,var(--spectrum-alias-font-family-zh)\n);font-size:var(\n--spectrum-code-han-l-text-size,var(--spectrum-global-dimension-font-size-300)\n);font-style:var(\n--spectrum-code-han-l-text-font-style,var(--spectrum-global-font-style-regular)\n);font-weight:var(\n--spectrum-code-han-l-text-font-weight,var(--spectrum-alias-han-body-text-font-weight-regular)\n);letter-spacing:var(\n--spectrum-code-han-l-text-letter-spacing,var(--spectrum-global-font-letter-spacing-han)\n);line-height:var(\n--spectrum-code-han-l-text-line-height,var(--spectrum-alias-han-body-text-line-height)\n);margin-bottom:0;margin-top:0}.spectrum:lang(ja) .spectrum-Code--sizeM,.spectrum:lang(ko) .spectrum-Code--sizeM,.spectrum:lang(zh) .spectrum-Code--sizeM{font-family:var(\n--spectrum-code-han-m-text-font-family,var(--spectrum-alias-font-family-zh)\n);font-size:var(\n--spectrum-code-han-m-text-size,var(--spectrum-global-dimension-font-size-200)\n);font-style:var(\n--spectrum-code-han-m-text-font-style,var(--spectrum-global-font-style-regular)\n);font-weight:var(\n--spectrum-code-han-m-text-font-weight,var(--spectrum-alias-han-body-text-font-weight-regular)\n);letter-spacing:var(\n--spectrum-code-han-m-text-letter-spacing,var(--spectrum-global-font-letter-spacing-han)\n);line-height:var(\n--spectrum-code-han-m-text-line-height,var(--spectrum-alias-han-body-text-line-height)\n);margin-bottom:0;margin-top:0}.spectrum:lang(ja) .spectrum-Code--sizeS,.spectrum:lang(ko) .spectrum-Code--sizeS,.spectrum:lang(zh) .spectrum-Code--sizeS{font-family:var(\n--spectrum-code-han-s-text-font-family,var(--spectrum-alias-font-family-zh)\n);font-size:var(\n--spectrum-code-han-s-text-size,var(--spectrum-global-dimension-font-size-100)\n);font-style:var(\n--spectrum-code-han-s-text-font-style,var(--spectrum-global-font-style-regular)\n);font-weight:var(\n--spectrum-code-han-s-text-font-weight,var(--spectrum-alias-han-body-text-font-weight-regular)\n);letter-spacing:var(\n--spectrum-code-han-s-text-letter-spacing,var(--spectrum-global-font-letter-spacing-han)\n);line-height:var(\n--spectrum-code-han-s-text-line-height,var(--spectrum-alias-han-body-text-line-height)\n);margin-bottom:0;margin-top:0}.spectrum:lang(ja) .spectrum-Code--sizeXS,.spectrum:lang(ko) .spectrum-Code--sizeXS,.spectrum:lang(zh) .spectrum-Code--sizeXS{font-family:var(\n--spectrum-code-han-xs-text-font-family,var(--spectrum-alias-font-family-zh)\n);font-size:var(\n--spectrum-code-han-xs-text-size,var(--spectrum-global-dimension-font-size-75)\n);font-style:var(\n--spectrum-code-han-xs-text-font-style,var(--spectrum-global-font-style-regular)\n);font-weight:var(\n--spectrum-code-han-xs-text-font-weight,var(--spectrum-alias-han-body-text-font-weight-regular)\n);letter-spacing:var(\n--spectrum-code-han-xs-text-letter-spacing,var(--spectrum-global-font-letter-spacing-han)\n);line-height:var(\n--spectrum-code-han-xs-text-line-height,var(--spectrum-alias-han-body-text-line-height)\n);margin-bottom:0;margin-top:0}.spectrum-Heading--sizeXXXL{color:var(\n--spectrum-heading-xxxl-text-color,var(--spectrum-alias-heading-text-color)\n)}.spectrum-Heading--sizeXXL{color:var(\n--spectrum-heading-xxl-text-color,var(--spectrum-alias-heading-text-color)\n)}.spectrum-Heading--sizeXL{color:var(\n--spectrum-heading-xl-text-color,var(--spectrum-alias-heading-text-color)\n)}.spectrum-Heading--sizeL{color:var(\n--spectrum-heading-l-text-color,var(--spectrum-alias-heading-text-color)\n)}.spectrum-Heading--sizeM{color:var(\n--spectrum-heading-m-text-color,var(--spectrum-alias-heading-text-color)\n)}.spectrum-Heading--sizeS{color:var(\n--spectrum-heading-s-text-color,var(--spectrum-alias-heading-text-color)\n)}.spectrum-Heading--sizeXS{color:var(\n--spectrum-heading-xs-text-color,var(--spectrum-alias-heading-text-color)\n)}.spectrum-Heading--sizeXXS{color:var(\n--spectrum-heading-xxs-text-color,var(--spectrum-alias-heading-text-color)\n)}.spectrum-Heading-sizeXXXL--light{color:var(\n--spectrum-heading-xxxl-light-text-color,var(--spectrum-alias-heading-text-color)\n)}.spectrum-Heading-sizeXXL--light{color:var(\n--spectrum-heading-xxl-light-text-color,var(--spectrum-alias-heading-text-color)\n)}.spectrum-Heading-sizeXL--light{color:var(\n--spectrum-heading-xl-light-text-color,var(--spectrum-alias-heading-text-color)\n)}.spectrum-Heading-sizeL--light{color:var(\n--spectrum-heading-l-light-text-color,var(--spectrum-alias-heading-text-color)\n)}.spectrum-Heading-sizeXXXL--heavy{color:var(\n--spectrum-heading-xxxl-heavy-text-color,var(--spectrum-alias-heading-text-color)\n)}.spectrum-Heading-sizeXXL--heavy{color:var(\n--spectrum-heading-xxl-heavy-text-color,var(--spectrum-alias-heading-text-color)\n)}.spectrum-Heading-sizeXL--heavy{color:var(\n--spectrum-heading-xl-heavy-text-color,var(--spectrum-alias-heading-text-color)\n)}.spectrum-Heading-sizeL--heavy{color:var(\n--spectrum-heading-l-heavy-text-color,var(--spectrum-alias-heading-text-color)\n)}.spectrum-Heading-sizeXXXL--heading{color:var(\n--spectrum-heading-xxxl-text-color,var(--spectrum-alias-heading-text-color)\n)}.spectrum-Heading-sizeXXL--heading{color:var(\n--spectrum-heading-xxl-text-color,var(--spectrum-alias-heading-text-color)\n)}.spectrum-Heading-sizeXL--heading{color:var(\n--spectrum-heading-xl-text-color,var(--spectrum-alias-heading-text-color)\n)}.spectrum-Heading-sizeL--heading{color:var(\n--spectrum-heading-l-text-color,var(--spectrum-alias-heading-text-color)\n)}.spectrum-Body--sizeXXXL{color:var(\n--spectrum-body-xxxl-text-color,var(--spectrum-alias-text-color)\n)}.spectrum-Body--sizeXXL{color:var(\n--spectrum-body-xxl-text-color,var(--spectrum-alias-text-color)\n)}.spectrum-Body--sizeXL{color:var(--spectrum-body-xl-text-color,var(--spectrum-alias-text-color))}.spectrum-Body--sizeL{color:var(--spectrum-body-l-text-color,var(--spectrum-alias-text-color))}.spectrum-Body--sizeM{color:var(--spectrum-body-m-text-color,var(--spectrum-alias-text-color))}.spectrum-Body--sizeS{color:var(--spectrum-body-s-text-color,var(--spectrum-alias-text-color))}.spectrum-Body--sizeXS{color:var(--spectrum-body-xs-text-color,var(--spectrum-alias-text-color))}.spectrum-Detail--sizeXL{color:var(\n--spectrum-detail-xl-text-color,var(--spectrum-alias-heading-text-color)\n)}.spectrum-Detail--sizeL{color:var(\n--spectrum-detail-l-text-color,var(--spectrum-alias-heading-text-color)\n)}.spectrum-Detail--sizeM{color:var(\n--spectrum-detail-m-text-color,var(--spectrum-alias-heading-text-color)\n)}.spectrum-Detail--sizeS{color:var(\n--spectrum-detail-s-text-color,var(--spectrum-alias-heading-text-color)\n)}.spectrum-Code--sizeXL{color:var(--spectrum-code-xl-text-color,var(--spectrum-alias-text-color))}.spectrum-Code--sizeL{color:var(--spectrum-code-l-text-color,var(--spectrum-alias-text-color))}.spectrum-Code--sizeM{color:var(--spectrum-code-m-text-color,var(--spectrum-alias-text-color))}.spectrum-Code--sizeS{color:var(--spectrum-code-s-text-color,var(--spectrum-alias-text-color))}.spectrum-Code--sizeXS{color:var(--spectrum-code-xs-text-color,var(--spectrum-alias-text-color))}.spectrum:lang(ja) .spectrum-Body--sizeXXXL,.spectrum:lang(ko) .spectrum-Body--sizeXXXL,.spectrum:lang(zh) .spectrum-Body--sizeXXXL{color:var(\n--spectrum-body-han-xxxl-text-color,var(--spectrum-alias-text-color)\n)}.spectrum:lang(ja) .spectrum-Body--sizeXXL,.spectrum:lang(ko) .spectrum-Body--sizeXXL,.spectrum:lang(zh) .spectrum-Body--sizeXXL{color:var(\n--spectrum-body-han-xxl-text-color,var(--spectrum-alias-text-color)\n)}.spectrum:lang(ja) .spectrum-Body--sizeXL,.spectrum:lang(ko) .spectrum-Body--sizeXL,.spectrum:lang(zh) .spectrum-Body--sizeXL{color:var(\n--spectrum-body-han-xl-text-color,var(--spectrum-alias-text-color)\n)}.spectrum:lang(ja) .spectrum-Body--sizeL,.spectrum:lang(ko) .spectrum-Body--sizeL,.spectrum:lang(zh) .spectrum-Body--sizeL{color:var(\n--spectrum-body-han-l-text-color,var(--spectrum-alias-text-color)\n)}.spectrum:lang(ja) .spectrum-Body--sizeM,.spectrum:lang(ko) .spectrum-Body--sizeM,.spectrum:lang(zh) .spectrum-Body--sizeM{color:var(\n--spectrum-body-han-m-text-color,var(--spectrum-alias-text-color)\n)}.spectrum:lang(ja) .spectrum-Body--sizeS,.spectrum:lang(ko) .spectrum-Body--sizeS,.spectrum:lang(zh) .spectrum-Body--sizeS{color:var(\n--spectrum-body-han-s-text-color,var(--spectrum-alias-text-color)\n)}.spectrum:lang(ja) .spectrum-Body--sizeXS,.spectrum:lang(ko) .spectrum-Body--sizeXS,.spectrum:lang(zh) .spectrum-Body--sizeXS{color:var(\n--spectrum-body-han-xs-text-color,var(--spectrum-alias-text-color)\n)}.spectrum:lang(ja) .spectrum-Heading--sizeXXXL,.spectrum:lang(ko) .spectrum-Heading--sizeXXXL,.spectrum:lang(zh) .spectrum-Heading--sizeXXXL{color:var(\n--spectrum-heading-xxxl-text-color,var(--spectrum-alias-heading-text-color)\n)}.spectrum:lang(ja) .spectrum-Heading--sizeXXL,.spectrum:lang(ko) .spectrum-Heading--sizeXXL,.spectrum:lang(zh) .spectrum-Heading--sizeXXL{color:var(\n--spectrum-heading-xxl-text-color,var(--spectrum-alias-heading-text-color)\n)}.spectrum:lang(ja) .spectrum-Heading--sizeXL,.spectrum:lang(ko) .spectrum-Heading--sizeXL,.spectrum:lang(zh) .spectrum-Heading--sizeXL{color:var(\n--spectrum-heading-xl-text-color,var(--spectrum-alias-heading-text-color)\n)}.spectrum:lang(ja) .spectrum-Heading--sizeL,.spectrum:lang(ko) .spectrum-Heading--sizeL,.spectrum:lang(zh) .spectrum-Heading--sizeL{color:var(\n--spectrum-heading-l-text-color,var(--spectrum-alias-heading-text-color)\n)}.spectrum:lang(ja) .spectrum-Heading--sizeM,.spectrum:lang(ko) .spectrum-Heading--sizeM,.spectrum:lang(zh) .spectrum-Heading--sizeM{color:var(\n--spectrum-heading-m-text-color,var(--spectrum-alias-heading-text-color)\n)}.spectrum:lang(ja) .spectrum-Heading--sizeS,.spectrum:lang(ko) .spectrum-Heading--sizeS,.spectrum:lang(zh) .spectrum-Heading--sizeS{color:var(\n--spectrum-heading-s-text-color,var(--spectrum-alias-heading-text-color)\n)}.spectrum:lang(ja) .spectrum-Heading--sizeXS,.spectrum:lang(ko) .spectrum-Heading--sizeXS,.spectrum:lang(zh) .spectrum-Heading--sizeXS{color:var(\n--spectrum-heading-xs-text-color,var(--spectrum-alias-heading-text-color)\n)}.spectrum:lang(ja) .spectrum-Heading--sizeXXS,.spectrum:lang(ko) .spectrum-Heading--sizeXXS,.spectrum:lang(zh) .spectrum-Heading--sizeXXS{color:var(\n--spectrum-heading-xxs-text-color,var(--spectrum-alias-heading-text-color)\n)}.spectrum:lang(ja) .spectrum-Heading-sizeXXXL--light,.spectrum:lang(ko) .spectrum-Heading-sizeXXXL--light,.spectrum:lang(zh) .spectrum-Heading-sizeXXXL--light{color:var(\n--spectrum-heading-xxxl-light-text-color,var(--spectrum-alias-heading-text-color)\n)}.spectrum:lang(ja) .spectrum-Heading-sizeXXL--light,.spectrum:lang(ko) .spectrum-Heading-sizeXXL--light,.spectrum:lang(zh) .spectrum-Heading-sizeXXL--light{color:var(\n--spectrum-heading-xxl-light-text-color,var(--spectrum-alias-heading-text-color)\n)}.spectrum:lang(ja) .spectrum-Heading-sizeXL--light,.spectrum:lang(ko) .spectrum-Heading-sizeXL--light,.spectrum:lang(zh) .spectrum-Heading-sizeXL--light{color:var(\n--spectrum-heading-xl-light-text-color,var(--spectrum-alias-heading-text-color)\n)}.spectrum:lang(ja) .spectrum-Heading-sizeL--light,.spectrum:lang(ko) .spectrum-Heading-sizeL--light,.spectrum:lang(zh) .spectrum-Heading-sizeL--light{color:var(\n--spectrum-heading-l-light-text-color,var(--spectrum-alias-heading-text-color)\n)}.spectrum:lang(ja) .spectrum-Heading-sizeXXXL--heavy,.spectrum:lang(ko) .spectrum-Heading-sizeXXXL--heavy,.spectrum:lang(zh) .spectrum-Heading-sizeXXXL--heavy{color:var(\n--spectrum-heading-xxxl-heavy-text-color,var(--spectrum-alias-heading-text-color)\n)}.spectrum:lang(ja) .spectrum-Heading-sizeXXL--heavy,.spectrum:lang(ko) .spectrum-Heading-sizeXXL--heavy,.spectrum:lang(zh) .spectrum-Heading-sizeXXL--heavy{color:var(\n--spectrum-heading-xxl-heavy-text-color,var(--spectrum-alias-heading-text-color)\n)}.spectrum:lang(ja) .spectrum-Heading-sizeXL--heavy,.spectrum:lang(ko) .spectrum-Heading-sizeXL--heavy,.spectrum:lang(zh) .spectrum-Heading-sizeXL--heavy{color:var(\n--spectrum-heading-xl-heavy-text-color,var(--spectrum-alias-heading-text-color)\n)}.spectrum:lang(ja) .spectrum-Heading-sizeL--heavy,.spectrum:lang(ko) .spectrum-Heading-sizeL--heavy,.spectrum:lang(zh) .spectrum-Heading-sizeL--heavy{color:var(\n--spectrum-heading-l-heavy-text-color,var(--spectrum-alias-heading-text-color)\n)}.spectrum:lang(ja) .spectrum-Heading-sizeXXXL--heading,.spectrum:lang(ko) .spectrum-Heading-sizeXXXL--heading,.spectrum:lang(zh) .spectrum-Heading-sizeXXXL--heading{color:var(\n--spectrum-heading-xxxl-text-color,var(--spectrum-alias-heading-text-color)\n)}.spectrum:lang(ja) .spectrum-Heading-sizeXXL--heading,.spectrum:lang(ko) .spectrum-Heading-sizeXXL--heading,.spectrum:lang(zh) .spectrum-Heading-sizeXXL--heading{color:var(\n--spectrum-heading-xxl-text-color,var(--spectrum-alias-heading-text-color)\n)}.spectrum:lang(ja) .spectrum-Heading-sizeXL--heading,.spectrum:lang(ko) .spectrum-Heading-sizeXL--heading,.spectrum:lang(zh) .spectrum-Heading-sizeXL--heading{color:var(\n--spectrum-heading-xl-text-color,var(--spectrum-alias-heading-text-color)\n)}.spectrum:lang(ja) .spectrum-Heading-sizeL--heading,.spectrum:lang(ko) .spectrum-Heading-sizeL--heading,.spectrum:lang(zh) .spectrum-Heading-sizeL--heading{color:var(\n--spectrum-heading-l-text-color,var(--spectrum-alias-heading-text-color)\n)}.spectrum:lang(ja) .spectrum-Detail--sizeXL,.spectrum:lang(ko) .spectrum-Detail--sizeXL,.spectrum:lang(zh) .spectrum-Detail--sizeXL{color:var(\n--spectrum-detail-xl-text-color,var(--spectrum-alias-heading-text-color)\n)}.spectrum:lang(ja) .spectrum-Detail--sizeL,.spectrum:lang(ko) .spectrum-Detail--sizeL,.spectrum:lang(zh) .spectrum-Detail--sizeL{color:var(\n--spectrum-detail-l-text-color,var(--spectrum-alias-heading-text-color)\n)}.spectrum:lang(ja) .spectrum-Detail--sizeM,.spectrum:lang(ko) .spectrum-Detail--sizeM,.spectrum:lang(zh) .spectrum-Detail--sizeM{color:var(\n--spectrum-detail-m-text-color,var(--spectrum-alias-heading-text-color)\n)}.spectrum:lang(ja) .spectrum-Detail--sizeS,.spectrum:lang(ko) .spectrum-Detail--sizeS,.spectrum:lang(zh) .spectrum-Detail--sizeS{color:var(\n--spectrum-detail-s-text-color,var(--spectrum-alias-heading-text-color)\n)}.spectrum:lang(ja) .spectrum-Code--sizeXL,.spectrum:lang(ko) .spectrum-Code--sizeXL,.spectrum:lang(zh) .spectrum-Code--sizeXL{color:var(--spectrum-code-xl-text-color,var(--spectrum-alias-text-color))}.spectrum:lang(ja) .spectrum-Code--sizeL,.spectrum:lang(ko) .spectrum-Code--sizeL,.spectrum:lang(zh) .spectrum-Code--sizeL{color:var(--spectrum-code-l-text-color,var(--spectrum-alias-text-color))}.spectrum:lang(ja) .spectrum-Code--sizeM,.spectrum:lang(ko) .spectrum-Code--sizeM,.spectrum:lang(zh) .spectrum-Code--sizeM{color:var(--spectrum-code-m-text-color,var(--spectrum-alias-text-color))}.spectrum:lang(ja) .spectrum-Code--sizeS,.spectrum:lang(ko) .spectrum-Code--sizeS,.spectrum:lang(zh) .spectrum-Code--sizeS{color:var(--spectrum-code-s-text-color,var(--spectrum-alias-text-color))}.spectrum:lang(ja) .spectrum-Code--sizeXS,.spectrum:lang(ko) .spectrum-Code--sizeXS,.spectrum:lang(zh) .spectrum-Code--sizeXS{color:var(--spectrum-code-xs-text-color,var(--spectrum-alias-text-color))}.spectrum,.spectrum-Body{color:var(--spectrum-body-m-text-color,var(--spectrum-alias-text-color))}\n`;\nexport default styles;"]}
package/stories/theme.stories.js CHANGED
@@ -70,8 +70,10 @@ 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">Cancel</sp-button>
74
- <sp-button variant="cta">Continue</sp-button>
73
+ <sp-button variant="primary" treatment="outline">
74
+ Cancel
75
+ </sp-button>
76
+ <sp-button variant="accent">Continue</sp-button>
75
77
  </sp-button-group>
76
78
  </div>
77
79
  </sp-theme>
@@ -111,8 +113,8 @@ export const none = () => html `
111
113
  </div>
112
114
  <div><sp-switch>Overdrive</sp-switch></div>
113
115
  <sp-button-group id="buttons">
114
- <sp-button variant="primary">Cancel</sp-button>
115
- <sp-button variant="cta">Continue</sp-button>
116
+ <sp-button variant="primary" treatment="outline">Cancel</sp-button>
117
+ <sp-button variant="accent">Continue</sp-button>
116
118
  </sp-button-group>
117
119
  </div>
118
120
  <sp-theme></sp-theme>
@@ -135,8 +137,10 @@ export const nestedTheme = ({ colorStop: outer, }) => {
135
137
  </div>
136
138
  <div><sp-switch>Overdrive</sp-switch></div>
137
139
  <sp-button-group id="buttons">
138
- <sp-button variant="primary">Cancel</sp-button>
139
- <sp-button variant="cta">Continue</sp-button>
140
+ <sp-button variant="primary" treatment="outline">
141
+ Cancel
142
+ </sp-button>
143
+ <sp-button variant="accent">Continue</sp-button>
140
144
  </sp-button-group>
141
145
  <sp-theme color="${inner}" dir="ltr">
142
146
  <div id="inner">
@@ -152,8 +156,10 @@ export const nestedTheme = ({ colorStop: outer, }) => {
152
156
  </div>
153
157
  <div><sp-switch>Overdrive</sp-switch></div>
154
158
  <sp-button-group id="buttons-inner">
155
- <sp-button variant="primary">Cancel</sp-button>
156
- <sp-button variant="cta">Continue</sp-button>
159
+ <sp-button variant="primary" treatment="outline">
160
+ Cancel
161
+ </sp-button>
162
+ <sp-button variant="accent">Continue</sp-button>
157
163
  </sp-button-group>
158
164
  </div>
159
165
  </sp-theme>
@@ -197,8 +203,10 @@ export const reverseColorNestedTheme = ({ colorStop: outer, }) => {
197
203
  </div>
198
204
  <div><sp-switch>Overdrive</sp-switch></div>
199
205
  <sp-button-group id="buttons">
200
- <sp-button variant="primary">Cancel</sp-button>
201
- <sp-button variant="cta">Continue</sp-button>
206
+ <sp-button variant="primary" treatment="outline">
207
+ Cancel
208
+ </sp-button>
209
+ <sp-button variant="accent">Continue</sp-button>
202
210
  </sp-button-group>
203
211
  <sp-theme color="${outer}" dir="rtl">
204
212
  <div id="inner">
@@ -214,8 +222,10 @@ export const reverseColorNestedTheme = ({ colorStop: outer, }) => {
214
222
  </div>
215
223
  <div><sp-switch>Overdrive</sp-switch></div>
216
224
  <sp-button-group id="buttons-inner">
217
- <sp-button variant="primary">Cancel</sp-button>
218
- <sp-button variant="cta">Continue</sp-button>
225
+ <sp-button variant="primary" treatment="outline">
226
+ Cancel
227
+ </sp-button>
228
+ <sp-button variant="accent">Continue</sp-button>
219
229
  </sp-button-group>
220
230
  </div>
221
231
  </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;;;;;;;;;;;;;;;;;;;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"]}
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"]}