@spectrum-web-components/theme 0.10.2 → 0.11.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 (88) hide show
  1. package/README.md +54 -38
  2. package/core.d.ts +1 -0
  3. package/core.js +15 -0
  4. package/core.js.map +1 -0
  5. package/custom-elements.json +184 -6
  6. package/express/scale-large.d.ts +1 -0
  7. package/express/scale-large.js +16 -0
  8. package/express/scale-large.js.map +1 -0
  9. package/express/scale-medium.d.ts +1 -0
  10. package/express/scale-medium.js +16 -0
  11. package/express/scale-medium.js.map +1 -0
  12. package/express/theme-dark.d.ts +1 -0
  13. package/express/theme-dark.js +16 -0
  14. package/express/theme-dark.js.map +1 -0
  15. package/express/theme-darkest.d.ts +1 -0
  16. package/express/theme-darkest.js +16 -0
  17. package/express/theme-darkest.js.map +1 -0
  18. package/express/theme-light.d.ts +1 -0
  19. package/express/theme-light.js +16 -0
  20. package/express/theme-light.js.map +1 -0
  21. package/express/theme-lightest.d.ts +1 -0
  22. package/express/theme-lightest.js +16 -0
  23. package/express/theme-lightest.js.map +1 -0
  24. package/package.json +14 -5
  25. package/scale-large.d.ts +1 -1
  26. package/scale-large.js +1 -0
  27. package/scale-large.js.map +1 -1
  28. package/scale-medium.d.ts +1 -1
  29. package/scale-medium.js +1 -0
  30. package/scale-medium.js.map +1 -1
  31. package/src/Theme.d.ts +12 -7
  32. package/src/Theme.js +58 -14
  33. package/src/Theme.js.map +1 -1
  34. package/src/express/core.d.ts +1 -0
  35. package/src/express/core.js +15 -0
  36. package/src/express/core.js.map +1 -0
  37. package/src/express/scale-large.css.d.ts +2 -0
  38. package/src/express/scale-large.css.js +4079 -0
  39. package/src/express/scale-large.css.js.map +1 -0
  40. package/src/express/scale-medium.css.d.ts +2 -0
  41. package/src/express/scale-medium.css.js +4135 -0
  42. package/src/express/scale-medium.css.js.map +1 -0
  43. package/src/express/theme-dark.css.d.ts +2 -0
  44. package/src/express/theme-dark.css.js +35 -0
  45. package/src/express/theme-dark.css.js.map +1 -0
  46. package/src/express/theme-light.css.d.ts +2 -0
  47. package/src/express/theme-light.css.js +35 -0
  48. package/src/express/theme-light.css.js.map +1 -0
  49. package/src/express/theme.css.d.ts +2 -0
  50. package/src/express/theme.css.js +1705 -0
  51. package/src/express/theme.css.js.map +1 -0
  52. package/src/express/themes.d.ts +6 -0
  53. package/src/express/themes.js +18 -0
  54. package/src/express/themes.js.map +1 -0
  55. package/src/scale-large.css.js +1 -1
  56. package/src/scale-large.css.js.map +1 -1
  57. package/src/scale-medium.css.js +1 -1
  58. package/src/scale-medium.css.js.map +1 -1
  59. package/src/theme-dark.css.js +2 -2
  60. package/src/theme-dark.css.js.map +1 -1
  61. package/src/theme-darkest.css.js +2 -2
  62. package/src/theme-darkest.css.js.map +1 -1
  63. package/src/theme-light.css.js +2 -2
  64. package/src/theme-light.css.js.map +1 -1
  65. package/src/theme-lightest.css.js +2 -2
  66. package/src/theme-lightest.css.js.map +1 -1
  67. package/src/theme.css.js +3 -3
  68. package/src/theme.css.js.map +1 -1
  69. package/src/typography.css.js +1 -1
  70. package/src/typography.css.js.map +1 -1
  71. package/stories/theme.stories.js +27 -6
  72. package/stories/theme.stories.js.map +1 -1
  73. package/test/theme-lazy.test.js +1 -1
  74. package/test/theme-lazy.test.js.map +1 -1
  75. package/test/themes.test.js +2 -2
  76. package/test/themes.test.js.map +1 -1
  77. package/theme-dark.d.ts +1 -1
  78. package/theme-dark.js +1 -0
  79. package/theme-dark.js.map +1 -1
  80. package/theme-darkest.d.ts +1 -1
  81. package/theme-darkest.js +1 -0
  82. package/theme-darkest.js.map +1 -1
  83. package/theme-light.d.ts +1 -1
  84. package/theme-light.js +1 -0
  85. package/theme-light.js.map +1 -1
  86. package/theme-lightest.d.ts +1 -1
  87. package/theme-lightest.js +1 -0
  88. package/theme-lightest.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 2022 Adobe. All rights reserved.\nThis file is licensed to you under the Apache License, Version 2.0 (the \"License\");\nyou may not use this file except in compliance with the License. You may obtain a copy\nof the License at http://www.apache.org/licenses/LICENSE-2.0\n\nUnless required by applicable law or agreed to in writing, software distributed under\nthe License is distributed on an \"AS IS\" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS\nOF ANY KIND, either express or implied. See the License for the specific language\ngoverning permissions and limitations under the License.\n*/\nimport { css } from '@spectrum-web-components/base';\nconst styles = css`\n:host,:root{font-family:var(\n--spectrum-alias-body-text-font-family,var(--spectrum-global-font-family-base)\n);font-size:var(\n--spectrum-alias-font-size-default,var(--spectrum-global-dimension-font-size-100)\n)}.spectrum:lang(ar){font-family:var(\n--spectrum-alias-font-family-ar,var(--spectrum-global-font-font-family-ar)\n)}.spectrum:lang(he){font-family:var(\n--spectrum-alias-font-family-he,var(--spectrum-global-font-font-family-he)\n)}.spectrum:lang(zh-Hans){font-family:var(\n--spectrum-alias-font-family-zhhans,var(--spectrum-global-font-font-family-zhhans)\n)}.spectrum:lang(zh-Hant){font-family:var(\n--spectrum-alias-font-family-zh,var(--spectrum-global-font-font-family-zh)\n)}.spectrum:lang(zh){font-family:var(\n--spectrum-alias-font-family-zh,var(--spectrum-global-font-font-family-zh)\n)}.spectrum:lang(ko){font-family:var(\n--spectrum-alias-font-family-ko,var(--spectrum-global-font-font-family-ko)\n)}.spectrum:lang(ja){font-family:var(\n--spectrum-alias-font-family-ja,var(--spectrum-global-font-font-family-ja)\n)}.spectrum-Heading--sizeXXXL{font-size:var(\n--spectrum-heading-xxxl-text-size,var(--spectrum-alias-heading-xxxl-text-size)\n);font-style:var(\n--spectrum-heading-xxxl-text-font-style,var(--spectrum-global-font-style-regular)\n);font-weight:var(\n--spectrum-heading-xxxl-text-font-weight,var(--spectrum-alias-heading-text-font-weight-regular)\n);letter-spacing:var(\n--spectrum-heading-xxxl-text-letter-spacing,var(--spectrum-global-font-letter-spacing-none)\n);line-height:var(\n--spectrum-heading-xxxl-text-line-height,var(--spectrum-alias-heading-text-line-height)\n);margin-bottom:0;margin-top:0;text-transform:var(--spectrum-heading-xxxl-text-transform,none)}.spectrum-Heading--sizeXXL{font-size:var(\n--spectrum-heading-xxl-text-size,var(--spectrum-alias-heading-xxl-text-size)\n);font-style:var(\n--spectrum-heading-xxl-text-font-style,var(--spectrum-global-font-style-regular)\n);font-weight:var(\n--spectrum-heading-xxl-text-font-weight,var(--spectrum-alias-heading-text-font-weight-regular)\n);letter-spacing:var(\n--spectrum-heading-xxl-text-letter-spacing,var(--spectrum-global-font-letter-spacing-none)\n);line-height:var(\n--spectrum-heading-xxl-text-line-height,var(--spectrum-alias-heading-text-line-height)\n);margin-bottom:0;margin-top:0;text-transform:var(--spectrum-heading-xxl-text-transform,none)}.spectrum-Heading--sizeXL{font-size:var(\n--spectrum-heading-xl-text-size,var(--spectrum-alias-heading-xl-text-size)\n);font-style:var(\n--spectrum-heading-xl-text-font-style,var(--spectrum-global-font-style-regular)\n);font-weight:var(\n--spectrum-heading-xl-text-font-weight,var(--spectrum-alias-heading-text-font-weight-regular)\n);letter-spacing:var(\n--spectrum-heading-xl-text-letter-spacing,var(--spectrum-global-font-letter-spacing-none)\n);line-height:var(\n--spectrum-heading-xl-text-line-height,var(--spectrum-alias-heading-text-line-height)\n);margin-bottom:0;margin-top:0;text-transform:var(--spectrum-heading-xl-text-transform,none)}.spectrum-Heading--sizeL{font-size:var(\n--spectrum-heading-l-text-size,var(--spectrum-alias-heading-l-text-size)\n);font-style:var(\n--spectrum-heading-l-text-font-style,var(--spectrum-global-font-style-regular)\n);font-weight:var(\n--spectrum-heading-l-text-font-weight,var(--spectrum-alias-heading-text-font-weight-regular)\n);letter-spacing:var(\n--spectrum-heading-l-text-letter-spacing,var(--spectrum-global-font-letter-spacing-none)\n);line-height:var(\n--spectrum-heading-l-text-line-height,var(--spectrum-alias-heading-text-line-height)\n);margin-bottom:0;margin-top:0;text-transform:var(--spectrum-heading-l-text-transform,none)}.spectrum-Heading--sizeM{font-size:var(\n--spectrum-heading-m-text-size,var(--spectrum-alias-heading-m-text-size)\n);font-style:var(\n--spectrum-heading-m-text-font-style,var(--spectrum-global-font-style-regular)\n);font-weight:var(\n--spectrum-heading-m-text-font-weight,var(--spectrum-alias-heading-text-font-weight-regular)\n);letter-spacing:var(\n--spectrum-heading-m-text-letter-spacing,var(--spectrum-global-font-letter-spacing-none)\n);line-height:var(\n--spectrum-heading-m-text-line-height,var(--spectrum-alias-heading-text-line-height)\n);margin-bottom:0;margin-top:0;text-transform:var(--spectrum-heading-m-text-transform,none)}.spectrum-Heading--sizeS{font-size:var(\n--spectrum-heading-s-text-size,var(--spectrum-alias-heading-s-text-size)\n);font-style:var(\n--spectrum-heading-s-text-font-style,var(--spectrum-global-font-style-regular)\n);font-weight:var(\n--spectrum-heading-s-text-font-weight,var(--spectrum-alias-heading-text-font-weight-regular)\n);letter-spacing:var(\n--spectrum-heading-s-text-letter-spacing,var(--spectrum-global-font-letter-spacing-none)\n);line-height:var(\n--spectrum-heading-s-text-line-height,var(--spectrum-alias-heading-text-line-height)\n);margin-bottom:0;margin-top:0;text-transform:var(--spectrum-heading-s-text-transform,none)}.spectrum-Heading--sizeXS{font-size:var(\n--spectrum-heading-xs-text-size,var(--spectrum-alias-heading-xs-text-size)\n);font-style:var(\n--spectrum-heading-xs-text-font-style,var(--spectrum-global-font-style-regular)\n);font-weight:var(\n--spectrum-heading-xs-text-font-weight,var(--spectrum-alias-heading-text-font-weight-regular)\n);letter-spacing:var(\n--spectrum-heading-xs-text-letter-spacing,var(--spectrum-global-font-letter-spacing-none)\n);line-height:var(\n--spectrum-heading-xs-text-line-height,var(--spectrum-alias-heading-text-line-height)\n);margin-bottom:0;margin-top:0;text-transform:var(--spectrum-heading-xs-text-transform,none)}.spectrum-Heading--sizeXXS{font-size:var(\n--spectrum-heading-xxs-text-size,var(--spectrum-alias-heading-xxs-text-size)\n);font-style:var(\n--spectrum-heading-xxs-text-font-style,var(--spectrum-global-font-style-regular)\n);font-weight:var(\n--spectrum-heading-xxs-text-font-weight,var(--spectrum-alias-heading-text-font-weight-regular)\n);letter-spacing:var(\n--spectrum-heading-xxs-text-letter-spacing,var(--spectrum-global-font-letter-spacing-none)\n);line-height:var(\n--spectrum-heading-xxs-text-line-height,var(--spectrum-alias-heading-text-line-height)\n);margin-bottom:0;margin-top:0;text-transform:var(--spectrum-heading-xxs-text-transform,none)}.spectrum-Heading{font-family:var(\n--spectrum-heading-m-text-font-family,var(--spectrum-alias-body-text-font-family)\n);font-weight:var(\n--spectrum-heading-m-text-font-weight,var(--spectrum-alias-heading-text-font-weight-regular)\n)}.spectrum-Heading .spectrum-Heading-emphasized,.spectrum-Heading em{font-style:var(\n--spectrum-heading-m-emphasized-text-font-style,var(--spectrum-global-font-style-italic)\n)}.spectrum-Heading .spectrum-Heading-strong,.spectrum-Heading strong{font-weight:var(\n--spectrum-heading-m-strong-text-font-weight,var(--spectrum-alias-heading-text-font-weight-regular-strong)\n)}.spectrum-Heading--serif{font-family:var(\n--spectrum-body-m-serif-text-font-family,var(--spectrum-alias-serif-text-font-family)\n)}.spectrum-Heading--heavy{font-weight:var(\n--spectrum-heading-m-heavy-text-font-weight,var(--spectrum-alias-heading-text-font-weight-heavy)\n)}.spectrum-Heading--heavy .spectrum-Heading-emphasized,.spectrum-Heading--heavy em{font-style:var(\n--spectrum-heading-m-heavy-emphasized-text-font-style,var(--spectrum-global-font-style-italic)\n)}.spectrum-Heading--heavy .spectrum-Heading-strong,.spectrum-Heading--heavy strong{font-weight:var(\n--spectrum-heading-m-heavy-strong-text-font-weight,var(--spectrum-alias-heading-text-font-weight-heavy-strong)\n)}.spectrum-Heading--light{font-weight:var(\n--spectrum-heading-m-light-emphasized-text-font-weight,var(--spectrum-alias-heading-text-font-weight-light)\n)}.spectrum-Heading--light .spectrum-Heading-emphasized,.spectrum-Heading--light em{font-style:var(\n--spectrum-heading-m-light-emphasized-text-font-style,var(--spectrum-global-font-style-italic)\n)}.spectrum-Heading--light .spectrum-Heading-strong,.spectrum-Heading--light strong{font-weight:var(\n--spectrum-heading-m-light-strong-text-font-weight,var(--spectrum-alias-heading-text-font-weight-light-strong)\n)}.spectrum-Body--sizeXXXL{font-size:var(\n--spectrum-body-xxxl-text-size,var(--spectrum-global-dimension-font-size-600)\n);font-style:var(\n--spectrum-body-xxxl-text-font-style,var(--spectrum-global-font-style-regular)\n);font-weight:var(\n--spectrum-body-xxxl-text-font-weight,var(--spectrum-alias-body-text-font-weight)\n);letter-spacing:var(\n--spectrum-body-xxxl-text-letter-spacing,var(--spectrum-global-font-letter-spacing-none)\n);line-height:var(\n--spectrum-body-xxxl-text-line-height,var(--spectrum-alias-body-text-line-height)\n);margin-bottom:0;margin-top:0;text-transform:var(--spectrum-body-xxxl-text-transform,none)}.spectrum-Body--sizeXXL{font-size:var(\n--spectrum-body-xxl-text-size,var(--spectrum-global-dimension-font-size-500)\n);font-style:var(\n--spectrum-body-xxl-text-font-style,var(--spectrum-global-font-style-regular)\n);font-weight:var(\n--spectrum-body-xxl-text-font-weight,var(--spectrum-alias-body-text-font-weight)\n);letter-spacing:var(\n--spectrum-body-xxl-text-letter-spacing,var(--spectrum-global-font-letter-spacing-none)\n);line-height:var(\n--spectrum-body-xxl-text-line-height,var(--spectrum-alias-body-text-line-height)\n);margin-bottom:0;margin-top:0;text-transform:var(--spectrum-body-xxl-text-transform,none)}.spectrum-Body--sizeXL{font-size:var(\n--spectrum-body-xl-text-size,var(--spectrum-global-dimension-font-size-400)\n);font-style:var(\n--spectrum-body-xl-text-font-style,var(--spectrum-global-font-style-regular)\n);font-weight:var(\n--spectrum-body-xl-text-font-weight,var(--spectrum-alias-body-text-font-weight)\n);letter-spacing:var(\n--spectrum-body-xl-text-letter-spacing,var(--spectrum-global-font-letter-spacing-none)\n);line-height:var(\n--spectrum-body-xl-text-line-height,var(--spectrum-alias-body-text-line-height)\n);margin-bottom:0;margin-top:0;text-transform:var(--spectrum-body-xl-text-transform,none)}.spectrum-Body--sizeL{font-size:var(\n--spectrum-body-l-text-size,var(--spectrum-global-dimension-font-size-300)\n);font-style:var(\n--spectrum-body-l-text-font-style,var(--spectrum-global-font-style-regular)\n);font-weight:var(\n--spectrum-body-l-text-font-weight,var(--spectrum-alias-body-text-font-weight)\n);letter-spacing:var(\n--spectrum-body-l-text-letter-spacing,var(--spectrum-global-font-letter-spacing-none)\n);line-height:var(\n--spectrum-body-l-text-line-height,var(--spectrum-alias-body-text-line-height)\n);margin-bottom:0;margin-top:0;text-transform:var(--spectrum-body-l-text-transform,none)}.spectrum-Body--sizeM{font-size:var(\n--spectrum-body-m-text-size,var(--spectrum-global-dimension-font-size-200)\n);font-style:var(\n--spectrum-body-m-text-font-style,var(--spectrum-global-font-style-regular)\n);font-weight:var(\n--spectrum-body-m-text-font-weight,var(--spectrum-alias-body-text-font-weight)\n);letter-spacing:var(\n--spectrum-body-m-text-letter-spacing,var(--spectrum-global-font-letter-spacing-none)\n);line-height:var(\n--spectrum-body-m-text-line-height,var(--spectrum-alias-body-text-line-height)\n);margin-bottom:0;margin-top:0;text-transform:var(--spectrum-body-m-text-transform,none)}.spectrum-Body--sizeS{font-size:var(\n--spectrum-body-s-text-size,var(--spectrum-global-dimension-font-size-100)\n);font-style:var(\n--spectrum-body-s-text-font-style,var(--spectrum-global-font-style-regular)\n);font-weight:var(\n--spectrum-body-s-text-font-weight,var(--spectrum-alias-body-text-font-weight)\n);letter-spacing:var(\n--spectrum-body-s-text-letter-spacing,var(--spectrum-global-font-letter-spacing-none)\n);line-height:var(\n--spectrum-body-s-text-line-height,var(--spectrum-alias-body-text-line-height)\n);margin-bottom:0;margin-top:0;text-transform:var(--spectrum-body-s-text-transform,none)}.spectrum-Body--sizeXS{font-size:var(\n--spectrum-body-xs-text-size,var(--spectrum-global-dimension-font-size-75)\n);font-style:var(\n--spectrum-body-xs-text-font-style,var(--spectrum-global-font-style-regular)\n);font-weight:var(\n--spectrum-body-xs-text-font-weight,var(--spectrum-alias-body-text-font-weight)\n);letter-spacing:var(\n--spectrum-body-xs-text-letter-spacing,var(--spectrum-global-font-letter-spacing-none)\n);line-height:var(\n--spectrum-body-xs-text-line-height,var(--spectrum-alias-body-text-line-height)\n);margin-bottom:0;margin-top:0;text-transform:var(--spectrum-body-xs-text-transform,none)}.spectrum-Body{font-family:var(\n--spectrum-body-m-text-font-family,var(--spectrum-alias-body-text-font-family)\n)}.spectrum-Body .spectrum-Body-strong,.spectrum-Body strong{font-weight:var(\n--spectrum-body-m-strong-text-font-weight,var(--spectrum-global-font-weight-bold)\n)}.spectrum-Body .spectrum-Body-emphasized,.spectrum-Body em{font-style:var(\n--spectrum-body-m-emphasized-text-font-style,var(--spectrum-global-font-style-italic)\n)}.spectrum-Body--serif{font-family:var(\n--spectrum-body-m-serif-text-font-family,var(--spectrum-alias-serif-text-font-family)\n)}.spectrum-Detail{font-family:var(\n--spectrum-heading-m-text-font-family,var(--spectrum-alias-body-text-font-family)\n)}.spectrum-Detail .spectrum-Detail-strong,.spectrum-Detail strong{font-weight:var(\n--spectrum-detail-m-strong-text-font-weight,var(--spectrum-alias-detail-text-font-weight-regular)\n)}.spectrum-Detail .spectrum-Detail-emphasized,.spectrum-Detail em{font-style:var(\n--spectrum-detail-m-emphasized-text-font-style,var(--spectrum-global-font-style-italic)\n)}.spectrum-Detail--light{font-style:var(\n--spectrum-detail-m-light-text-font-style,var(--spectrum-global-font-style-regular)\n);font-weight:var(\n--spectrum-detail-m-light-text-font-weight,var(--spectrum-alias-detail-text-font-weight-light)\n)}.spectrum-Detail--serif{font-family:var(\n--spectrum-body-m-serif-text-font-family,var(--spectrum-alias-serif-text-font-family)\n)}.spectrum-Detail--sizeXL{font-size:var(\n--spectrum-detail-xl-text-size,var(--spectrum-global-dimension-font-size-200)\n);font-style:var(\n--spectrum-detail-xl-text-font-style,var(--spectrum-global-font-style-regular)\n);font-weight:var(\n--spectrum-detail-xl-text-font-weight,var(--spectrum-alias-detail-text-font-weight-regular)\n);letter-spacing:var(\n--spectrum-detail-xl-text-letter-spacing,var(--spectrum-global-font-letter-spacing-medium)\n);line-height:var(\n--spectrum-detail-xl-text-line-height,var(--spectrum-alias-heading-text-line-height)\n);margin-bottom:0;margin-top:0;text-transform:var(--spectrum-detail-xl-text-transform,uppercase)}.spectrum-Detail--sizeXL em{font-size:var(\n--spectrum-detail-xl-emphasized-text-size,var(--spectrum-global-dimension-font-size-200)\n);font-style:var(\n--spectrum-detail-xl-emphasized-text-font-style,var(--spectrum-global-font-style-italic)\n);font-weight:var(\n--spectrum-detail-xl-emphasized-text-font-weight,var(--spectrum-alias-detail-text-font-weight-regular)\n);letter-spacing:var(\n--spectrum-detail-xl-emphasized-text-letter-spacing,var(--spectrum-global-font-letter-spacing-medium)\n);line-height:var(\n--spectrum-detail-xl-emphasized-text-line-height,var(--spectrum-alias-heading-text-line-height)\n);margin-bottom:0;margin-top:0;text-transform:var(\n--spectrum-detail-xl-emphasized-text-transform,uppercase\n)}.spectrum-Detail--sizeXL strong{font-size:var(\n--spectrum-detail-xl-strong-text-size,var(--spectrum-global-dimension-font-size-200)\n);font-style:var(\n--spectrum-detail-xl-strong-text-font-style,var(--spectrum-global-font-style-regular)\n);font-weight:var(\n--spectrum-detail-xl-strong-text-font-weight,var(--spectrum-alias-detail-text-font-weight-regular)\n);letter-spacing:var(\n--spectrum-detail-xl-strong-text-letter-spacing,var(--spectrum-global-font-letter-spacing-medium)\n);line-height:var(\n--spectrum-detail-xl-strong-text-line-height,var(--spectrum-alias-heading-text-line-height)\n);margin-bottom:0;margin-top:0;text-transform:var(--spectrum-detail-xl-strong-text-transform,uppercase)}.spectrum-Detail--sizeL{font-size:var(\n--spectrum-detail-l-text-size,var(--spectrum-global-dimension-font-size-100)\n);font-style:var(\n--spectrum-detail-l-text-font-style,var(--spectrum-global-font-style-regular)\n);font-weight:var(\n--spectrum-detail-l-text-font-weight,var(--spectrum-alias-detail-text-font-weight-regular)\n);letter-spacing:var(\n--spectrum-detail-l-text-letter-spacing,var(--spectrum-global-font-letter-spacing-medium)\n);line-height:var(\n--spectrum-detail-l-text-line-height,var(--spectrum-alias-heading-text-line-height)\n);margin-bottom:0;margin-top:0;text-transform:var(--spectrum-detail-l-text-transform,uppercase)}.spectrum-Detail--sizeL em{font-size:var(\n--spectrum-detail-l-emphasized-text-size,var(--spectrum-global-dimension-font-size-100)\n);font-style:var(\n--spectrum-detail-l-emphasized-text-font-style,var(--spectrum-global-font-style-italic)\n);font-weight:var(\n--spectrum-detail-l-emphasized-text-font-weight,var(--spectrum-alias-detail-text-font-weight-regular)\n);letter-spacing:var(\n--spectrum-detail-l-emphasized-text-letter-spacing,var(--spectrum-global-font-letter-spacing-medium)\n);line-height:var(\n--spectrum-detail-l-emphasized-text-line-height,var(--spectrum-alias-heading-text-line-height)\n);margin-bottom:0;margin-top:0;text-transform:var(\n--spectrum-detail-l-emphasized-text-transform,uppercase\n)}.spectrum-Detail--sizeL strong{font-size:var(\n--spectrum-detail-l-strong-text-size,var(--spectrum-global-dimension-font-size-100)\n);font-style:var(\n--spectrum-detail-l-strong-text-font-style,var(--spectrum-global-font-style-regular)\n);font-weight:var(\n--spectrum-detail-l-strong-text-font-weight,var(--spectrum-alias-detail-text-font-weight-regular)\n);letter-spacing:var(\n--spectrum-detail-l-strong-text-letter-spacing,var(--spectrum-global-font-letter-spacing-medium)\n);line-height:var(\n--spectrum-detail-l-strong-text-line-height,var(--spectrum-alias-heading-text-line-height)\n);margin-bottom:0;margin-top:0;text-transform:var(--spectrum-detail-l-strong-text-transform,uppercase)}.spectrum-Detail--sizeM{font-size:var(\n--spectrum-detail-m-text-size,var(--spectrum-global-dimension-font-size-75)\n);font-style:var(\n--spectrum-detail-m-text-font-style,var(--spectrum-global-font-style-regular)\n);font-weight:var(\n--spectrum-detail-m-text-font-weight,var(--spectrum-alias-detail-text-font-weight-regular)\n);letter-spacing:var(\n--spectrum-detail-m-text-letter-spacing,var(--spectrum-global-font-letter-spacing-medium)\n);line-height:var(\n--spectrum-detail-m-text-line-height,var(--spectrum-alias-heading-text-line-height)\n);margin-bottom:0;margin-top:0;text-transform:var(--spectrum-detail-m-text-transform,uppercase)}.spectrum-Detail--sizeM em{font-size:var(\n--spectrum-detail-m-emphasized-text-size,var(--spectrum-global-dimension-font-size-75)\n);font-style:var(\n--spectrum-detail-m-emphasized-text-font-style,var(--spectrum-global-font-style-italic)\n);font-weight:var(\n--spectrum-detail-m-emphasized-text-font-weight,var(--spectrum-alias-detail-text-font-weight-regular)\n);letter-spacing:var(\n--spectrum-detail-m-emphasized-text-letter-spacing,var(--spectrum-global-font-letter-spacing-medium)\n);line-height:var(\n--spectrum-detail-m-emphasized-text-line-height,var(--spectrum-alias-heading-text-line-height)\n);margin-bottom:0;margin-top:0;text-transform:var(\n--spectrum-detail-m-emphasized-text-transform,uppercase\n)}.spectrum-Detail--sizeM strong{font-size:var(\n--spectrum-detail-m-strong-text-size,var(--spectrum-global-dimension-font-size-75)\n);font-style:var(\n--spectrum-detail-m-strong-text-font-style,var(--spectrum-global-font-style-regular)\n);font-weight:var(\n--spectrum-detail-m-strong-text-font-weight,var(--spectrum-alias-detail-text-font-weight-regular)\n);letter-spacing:var(\n--spectrum-detail-m-strong-text-letter-spacing,var(--spectrum-global-font-letter-spacing-medium)\n);line-height:var(\n--spectrum-detail-m-strong-text-line-height,var(--spectrum-alias-heading-text-line-height)\n);margin-bottom:0;margin-top:0;text-transform:var(--spectrum-detail-m-strong-text-transform,uppercase)}.spectrum-Detail--sizeS{font-size:var(\n--spectrum-detail-s-text-size,var(--spectrum-global-dimension-font-size-50)\n);font-style:var(\n--spectrum-detail-s-text-font-style,var(--spectrum-global-font-style-regular)\n);font-weight:var(\n--spectrum-detail-s-text-font-weight,var(--spectrum-alias-detail-text-font-weight-regular)\n);letter-spacing:var(\n--spectrum-detail-s-text-letter-spacing,var(--spectrum-global-font-letter-spacing-medium)\n);line-height:var(\n--spectrum-detail-s-text-line-height,var(--spectrum-alias-heading-text-line-height)\n);margin-bottom:0;margin-top:0;text-transform:var(--spectrum-detail-s-text-transform,uppercase)}.spectrum-Detail--sizeS em{font-size:var(\n--spectrum-detail-s-emphasized-text-size,var(--spectrum-global-dimension-font-size-50)\n);font-style:var(\n--spectrum-detail-s-emphasized-text-font-style,var(--spectrum-global-font-style-italic)\n);font-weight:var(\n--spectrum-detail-s-emphasized-text-font-weight,var(--spectrum-alias-detail-text-font-weight-regular)\n);letter-spacing:var(\n--spectrum-detail-s-emphasized-text-letter-spacing,var(--spectrum-global-font-letter-spacing-medium)\n);line-height:var(\n--spectrum-detail-s-emphasized-text-line-height,var(--spectrum-alias-heading-text-line-height)\n);margin-bottom:0;margin-top:0;text-transform:var(\n--spectrum-detail-s-emphasized-text-transform,uppercase\n)}.spectrum-Detail--sizeS strong{font-size:var(\n--spectrum-detail-s-strong-text-size,var(--spectrum-global-dimension-font-size-50)\n);font-style:var(\n--spectrum-detail-s-strong-text-font-style,var(--spectrum-global-font-style-regular)\n);font-weight:var(\n--spectrum-detail-s-strong-text-font-weight,var(--spectrum-alias-detail-text-font-weight-regular)\n);letter-spacing:var(\n--spectrum-detail-s-strong-text-letter-spacing,var(--spectrum-global-font-letter-spacing-medium)\n);line-height:var(\n--spectrum-detail-s-strong-text-line-height,var(--spectrum-alias-heading-text-line-height)\n);margin-bottom:0;margin-top:0;text-transform:var(--spectrum-detail-s-strong-text-transform,uppercase)}.spectrum-Code{font-family:var(\n--spectrum-heading-m-text-font-family,var(--spectrum-alias-body-text-font-family)\n)}.spectrum-Code .spectrum-Code-strong,.spectrum-Code strong{font-weight:var(\n--spectrum-code-m-strong-text-font-weight,var(--spectrum-global-font-weight-bold)\n)}.spectrum-Code .spectrum-Code-emphasized,.spectrum-Code em{font-style:var(\n--spectrum-code-m-emphasized-text-font-style,var(--spectrum-global-font-style-italic)\n)}.spectrum-Code--serif{font-family:var(\n--spectrum-body-m-serif-text-font-family,var(--spectrum-alias-serif-text-font-family)\n)}.spectrum-Code--sizeXL{font-family:var(\n--spectrum-code-xl-text-font-family,var(--spectrum-alias-code-text-font-family)\n);font-size:var(\n--spectrum-code-xl-text-size,var(--spectrum-global-dimension-font-size-400)\n);font-style:var(\n--spectrum-code-xl-text-font-style,var(--spectrum-global-font-style-regular)\n);font-weight:var(\n--spectrum-code-xl-text-font-weight,var(--spectrum-alias-code-text-font-weight-regular)\n);letter-spacing:var(\n--spectrum-code-xl-text-letter-spacing,var(--spectrum-global-font-letter-spacing-none)\n);line-height:var(\n--spectrum-code-xl-text-line-height,var(--spectrum-alias-body-text-line-height)\n);margin-bottom:0;margin-top:0}.spectrum-Code--sizeL{font-family:var(\n--spectrum-code-l-text-font-family,var(--spectrum-alias-code-text-font-family)\n);font-size:var(\n--spectrum-code-l-text-size,var(--spectrum-global-dimension-font-size-300)\n);font-style:var(\n--spectrum-code-l-text-font-style,var(--spectrum-global-font-style-regular)\n);font-weight:var(\n--spectrum-code-l-text-font-weight,var(--spectrum-alias-code-text-font-weight-regular)\n);letter-spacing:var(\n--spectrum-code-l-text-letter-spacing,var(--spectrum-global-font-letter-spacing-none)\n);line-height:var(\n--spectrum-code-l-text-line-height,var(--spectrum-alias-body-text-line-height)\n);margin-bottom:0;margin-top:0}.spectrum-Code--sizeM{font-family:var(\n--spectrum-code-m-text-font-family,var(--spectrum-alias-code-text-font-family)\n);font-size:var(\n--spectrum-code-m-text-size,var(--spectrum-global-dimension-font-size-200)\n);font-style:var(\n--spectrum-code-m-text-font-style,var(--spectrum-global-font-style-regular)\n);font-weight:var(\n--spectrum-code-m-text-font-weight,var(--spectrum-alias-code-text-font-weight-regular)\n);letter-spacing:var(\n--spectrum-code-m-text-letter-spacing,var(--spectrum-global-font-letter-spacing-none)\n);line-height:var(\n--spectrum-code-m-text-line-height,var(--spectrum-alias-body-text-line-height)\n);margin-bottom:0;margin-top:0}.spectrum-Code--sizeS{font-family:var(\n--spectrum-code-s-text-font-family,var(--spectrum-alias-code-text-font-family)\n);font-size:var(\n--spectrum-code-s-text-size,var(--spectrum-global-dimension-font-size-100)\n);font-style:var(\n--spectrum-code-s-text-font-style,var(--spectrum-global-font-style-regular)\n);font-weight:var(\n--spectrum-code-s-text-font-weight,var(--spectrum-alias-code-text-font-weight-regular)\n);letter-spacing:var(\n--spectrum-code-s-text-letter-spacing,var(--spectrum-global-font-letter-spacing-none)\n);line-height:var(\n--spectrum-code-s-text-line-height,var(--spectrum-alias-body-text-line-height)\n);margin-bottom:0;margin-top:0}.spectrum-Code--sizeXS{font-family:var(\n--spectrum-code-xs-text-font-family,var(--spectrum-alias-code-text-font-family)\n);font-size:var(\n--spectrum-code-xs-text-size,var(--spectrum-global-dimension-font-size-75)\n);font-style:var(\n--spectrum-code-xs-text-font-style,var(--spectrum-global-font-style-regular)\n);font-weight:var(\n--spectrum-code-xs-text-font-weight,var(--spectrum-alias-code-text-font-weight-regular)\n);letter-spacing:var(\n--spectrum-code-xs-text-letter-spacing,var(--spectrum-global-font-letter-spacing-none)\n);line-height:var(\n--spectrum-code-xs-text-line-height,var(--spectrum-alias-body-text-line-height)\n);margin-bottom:0;margin-top:0}.spectrum-Typography .spectrum-Heading--sizeXXXL{margin-bottom:var(\n--spectrum-heading-xxxl-margin-bottom,var(--spectrum-global-dimension-size-125)\n);margin-top:var(\n--spectrum-heading-xxxl-margin-top,var(--spectrum-alias-heading-xxxl-margin-top)\n)}.spectrum-Typography .spectrum-Heading--sizeXXL{margin-bottom:var(\n--spectrum-heading-xxl-margin-bottom,var(--spectrum-global-dimension-size-115)\n);margin-top:var(\n--spectrum-heading-xxl-margin-top,var(--spectrum-alias-heading-xxl-margin-top)\n)}.spectrum-Typography .spectrum-Heading--sizeXL{margin-bottom:var(\n--spectrum-heading-xl-margin-bottom,var(--spectrum-global-dimension-size-100)\n);margin-top:var(\n--spectrum-heading-xl-margin-top,var(--spectrum-alias-heading-xl-margin-top)\n)}.spectrum-Typography .spectrum-Heading--sizeL{margin-bottom:var(\n--spectrum-heading-l-margin-bottom,var(--spectrum-global-dimension-size-85)\n);margin-top:var(\n--spectrum-heading-l-margin-top,var(--spectrum-alias-heading-l-margin-top)\n)}.spectrum-Typography .spectrum-Heading--sizeM{margin-bottom:var(\n--spectrum-heading-m-margin-bottom,var(--spectrum-global-dimension-size-75)\n);margin-top:var(\n--spectrum-heading-m-margin-top,var(--spectrum-alias-heading-m-margin-top)\n)}.spectrum-Typography .spectrum-Heading--sizeS{margin-bottom:var(\n--spectrum-heading-s-margin-bottom,var(--spectrum-global-dimension-size-65)\n);margin-top:var(\n--spectrum-heading-s-margin-top,var(--spectrum-alias-heading-s-margin-top)\n)}.spectrum-Typography .spectrum-Heading--sizeXS{margin-bottom:var(\n--spectrum-heading-xs-margin-bottom,var(--spectrum-global-dimension-size-50)\n);margin-top:var(\n--spectrum-heading-xs-margin-top,var(--spectrum-alias-heading-xs-margin-top)\n)}.spectrum-Typography .spectrum-Heading--sizeXXS{margin-bottom:var(\n--spectrum-heading-xxs-margin-bottom,var(--spectrum-global-dimension-size-40)\n);margin-top:var(\n--spectrum-heading-xxs-margin-top,var(--spectrum-alias-heading-xxs-margin-top)\n)}.spectrum-Typography .spectrum-Body--sizeXXXL{margin-bottom:var(\n--spectrum-body-xxxl-margin-bottom,var(--spectrum-global-dimension-size-400)\n);margin-top:var(--spectrum-body-xxxl-margin-top,0)}.spectrum-Typography .spectrum-Body--sizeXXL{margin-bottom:var(\n--spectrum-body-xxl-margin-bottom,var(--spectrum-global-dimension-size-300)\n);margin-top:var(--spectrum-body-xxl-margin-top,0)}.spectrum-Typography .spectrum-Body--sizeXL{margin-bottom:var(\n--spectrum-body-xl-margin-bottom,var(--spectrum-global-dimension-size-200)\n);margin-top:var(--spectrum-body-xl-margin-top,0)}.spectrum-Typography .spectrum-Body--sizeL{margin-bottom:var(\n--spectrum-body-l-margin-bottom,var(--spectrum-global-dimension-size-160)\n);margin-top:var(--spectrum-body-l-margin-top,0)}.spectrum-Typography .spectrum-Body--sizeM{margin-bottom:var(\n--spectrum-body-m-margin-bottom,var(--spectrum-global-dimension-size-150)\n);margin-top:var(--spectrum-body-m-margin-top,0)}.spectrum-Typography .spectrum-Body--sizeS{margin-bottom:var(\n--spectrum-body-s-margin-bottom,var(--spectrum-global-dimension-size-125)\n);margin-top:var(--spectrum-body-s-margin-top,0)}.spectrum-Typography .spectrum-Body--sizeXS{margin-bottom:var(\n--spectrum-body-xs-margin-bottom,var(--spectrum-global-dimension-size-115)\n);margin-top:var(--spectrum-body-xs-margin-top,0)}.spectrum:lang(ja) .spectrum-Heading--sizeXXXL,.spectrum:lang(ko) .spectrum-Heading--sizeXXXL,.spectrum:lang(zh) .spectrum-Heading--sizeXXXL{font-size:var(\n--spectrum-heading-han-xxxl-text-size,var(--spectrum-alias-heading-han-xxxl-text-size)\n);font-style:var(\n--spectrum-heading-han-xxxl-text-font-style,var(--spectrum-global-font-style-regular)\n);font-weight:var(\n--spectrum-heading-han-xxxl-text-font-weight,var(--spectrum-alias-han-heading-text-font-weight-regular)\n);letter-spacing:var(\n--spectrum-heading-han-xxxl-text-letter-spacing,var(--spectrum-global-font-letter-spacing-han)\n);line-height:var(\n--spectrum-heading-han-xxxl-text-line-height,var(--spectrum-alias-han-heading-text-line-height)\n);margin-bottom:0;margin-top:0;text-transform:var(--spectrum-heading-han-xxxl-text-transform,none)}.spectrum:lang(ja) .spectrum-Heading--sizeXXL,.spectrum:lang(ko) .spectrum-Heading--sizeXXL,.spectrum:lang(zh) .spectrum-Heading--sizeXXL{font-size:var(\n--spectrum-heading-han-xxl-text-size,var(--spectrum-alias-heading-han-xxl-text-size)\n);font-style:var(\n--spectrum-heading-han-xxl-text-font-style,var(--spectrum-global-font-style-regular)\n);font-weight:var(\n--spectrum-heading-han-xxl-text-font-weight,var(--spectrum-alias-han-heading-text-font-weight-regular)\n);letter-spacing:var(\n--spectrum-heading-han-xxl-text-letter-spacing,var(--spectrum-global-font-letter-spacing-han)\n);line-height:var(\n--spectrum-heading-han-xxl-text-line-height,var(--spectrum-alias-han-heading-text-line-height)\n);margin-bottom:0;margin-top:0;text-transform:var(--spectrum-heading-han-xxl-text-transform,none)}.spectrum:lang(ja) .spectrum-Heading--sizeXL,.spectrum:lang(ko) .spectrum-Heading--sizeXL,.spectrum:lang(zh) .spectrum-Heading--sizeXL{font-size:var(\n--spectrum-heading-han-xl-text-size,var(--spectrum-alias-heading-han-xl-text-size)\n);font-style:var(\n--spectrum-heading-han-xl-text-font-style,var(--spectrum-global-font-style-regular)\n);font-weight:var(\n--spectrum-heading-han-xl-text-font-weight,var(--spectrum-alias-han-heading-text-font-weight-regular)\n);letter-spacing:var(\n--spectrum-heading-han-xl-text-letter-spacing,var(--spectrum-global-font-letter-spacing-han)\n);line-height:var(\n--spectrum-heading-han-xl-text-line-height,var(--spectrum-alias-han-heading-text-line-height)\n);margin-bottom:0;margin-top:0;text-transform:var(--spectrum-heading-han-xl-text-transform,none)}.spectrum:lang(ja) .spectrum-Heading--sizeL,.spectrum:lang(ko) .spectrum-Heading--sizeL,.spectrum:lang(zh) .spectrum-Heading--sizeL{font-size:var(\n--spectrum-heading-han-l-text-size,var(--spectrum-alias-heading-han-l-text-size)\n);font-style:var(\n--spectrum-heading-han-l-text-font-style,var(--spectrum-global-font-style-regular)\n);font-weight:var(\n--spectrum-heading-han-l-text-font-weight,var(--spectrum-alias-han-heading-text-font-weight-regular)\n);letter-spacing:var(\n--spectrum-heading-han-l-text-letter-spacing,var(--spectrum-global-font-letter-spacing-han)\n);line-height:var(\n--spectrum-heading-han-l-text-line-height,var(--spectrum-alias-han-heading-text-line-height)\n);margin-bottom:0;margin-top:0;text-transform:var(--spectrum-heading-han-l-text-transform,none)}.spectrum:lang(ja) .spectrum-Heading--sizeM,.spectrum:lang(ko) .spectrum-Heading--sizeM,.spectrum:lang(zh) .spectrum-Heading--sizeM{font-size:var(\n--spectrum-heading-han-m-text-size,var(--spectrum-alias-heading-han-m-text-size)\n);font-style:var(\n--spectrum-heading-han-m-text-font-style,var(--spectrum-global-font-style-regular)\n);font-weight:var(\n--spectrum-heading-han-m-text-font-weight,var(--spectrum-alias-han-heading-text-font-weight-regular)\n);letter-spacing:var(\n--spectrum-heading-han-m-text-letter-spacing,var(--spectrum-global-font-letter-spacing-han)\n);line-height:var(\n--spectrum-heading-han-m-text-line-height,var(--spectrum-alias-han-heading-text-line-height)\n);margin-bottom:0;margin-top:0;text-transform:var(--spectrum-heading-han-m-text-transform,none)}.spectrum:lang(ja) .spectrum-Heading--sizeS,.spectrum:lang(ko) .spectrum-Heading--sizeS,.spectrum:lang(zh) .spectrum-Heading--sizeS{font-size:var(\n--spectrum-heading-han-s-text-size,var(--spectrum-alias-heading-han-s-text-size)\n);font-style:var(\n--spectrum-heading-han-s-text-font-style,var(--spectrum-global-font-style-regular)\n);font-weight:var(\n--spectrum-heading-han-s-text-font-weight,var(--spectrum-alias-han-heading-text-font-weight-regular)\n);letter-spacing:var(\n--spectrum-heading-han-s-text-letter-spacing,var(--spectrum-global-font-letter-spacing-han)\n);line-height:var(\n--spectrum-heading-han-s-text-line-height,var(--spectrum-alias-han-heading-text-line-height)\n);margin-bottom:0;margin-top:0;text-transform:var(--spectrum-heading-han-s-text-transform,none)}.spectrum:lang(ja) .spectrum-Heading--sizeXS,.spectrum:lang(ko) .spectrum-Heading--sizeXS,.spectrum:lang(zh) .spectrum-Heading--sizeXS{font-size:var(\n--spectrum-heading-han-xs-text-size,var(--spectrum-alias-heading-han-xs-text-size)\n);font-style:var(\n--spectrum-heading-han-xs-text-font-style,var(--spectrum-global-font-style-regular)\n);font-weight:var(\n--spectrum-heading-han-xs-text-font-weight,var(--spectrum-alias-han-heading-text-font-weight-regular)\n);letter-spacing:var(\n--spectrum-heading-han-xs-text-letter-spacing,var(--spectrum-global-font-letter-spacing-han)\n);line-height:var(\n--spectrum-heading-han-xs-text-line-height,var(--spectrum-alias-han-heading-text-line-height)\n);margin-bottom:0;margin-top:0;text-transform:var(--spectrum-heading-han-xs-text-transform,none)}.spectrum:lang(ja) .spectrum-Heading--sizeXXS,.spectrum:lang(ko) .spectrum-Heading--sizeXXS,.spectrum:lang(zh) .spectrum-Heading--sizeXXS{font-size:var(\n--spectrum-heading-han-xxs-text-size,var(--spectrum-alias-heading-han-xxs-text-size)\n);font-style:var(\n--spectrum-heading-han-xxs-text-font-style,var(--spectrum-global-font-style-regular)\n);font-weight:var(\n--spectrum-heading-han-xxs-text-font-weight,var(--spectrum-alias-han-heading-text-font-weight-regular)\n);letter-spacing:var(\n--spectrum-heading-han-xxs-text-letter-spacing,var(--spectrum-global-font-letter-spacing-han)\n);line-height:var(\n--spectrum-heading-han-xxs-text-line-height,var(--spectrum-alias-han-heading-text-line-height)\n);margin-bottom:0;margin-top:0;text-transform:var(--spectrum-heading-han-xxs-text-transform,none)}.spectrum:lang(ja) .spectrum-Heading--heavy,.spectrum:lang(ko) .spectrum-Heading--heavy,.spectrum:lang(zh) .spectrum-Heading--heavy{font-weight:var(\n--spectrum-heading-han-m-text-font-weight,var(--spectrum-alias-han-heading-text-font-weight-regular)\n)}.spectrum:lang(ja) .spectrum-Heading--heavy .spectrum-Heading--emphasized,.spectrum:lang(ja) .spectrum-Heading--heavy em,.spectrum:lang(ko) .spectrum-Heading--heavy .spectrum-Heading--emphasized,.spectrum:lang(ko) .spectrum-Heading--heavy em,.spectrum:lang(zh) .spectrum-Heading--heavy .spectrum-Heading--emphasized,.spectrum:lang(zh) .spectrum-Heading--heavy em{font-style:var(--spectrum-heading-han-heavy-m-emphasized-text-font-style);font-weight:var(\n--spectrum-heading-han-heavy-m-emphasized-text-font-weight\n)}.spectrum:lang(ja) .spectrum-Heading--heavy .spectrum-Heading--strong,.spectrum:lang(ja) .spectrum-Heading--heavy strong,.spectrum:lang(ko) .spectrum-Heading--heavy .spectrum-Heading--strong,.spectrum:lang(ko) .spectrum-Heading--heavy strong,.spectrum:lang(zh) .spectrum-Heading--heavy .spectrum-Heading--strong,.spectrum:lang(zh) .spectrum-Heading--heavy strong{font-style:var(\n--spectrum-heading-m-heavy-strong-text-font-style,var(--spectrum-global-font-style-regular)\n);font-weight:var(\n--spectrum-heading-m-heavy-strong-text-font-weight,var(--spectrum-alias-heading-text-font-weight-heavy-strong)\n)}.spectrum:lang(ja) .spectrum-Heading--light,.spectrum:lang(ko) .spectrum-Heading--light,.spectrum:lang(zh) .spectrum-Heading--light{font-weight:var(\n--spectrum-heading-han-m-text-font-weight,var(--spectrum-alias-han-heading-text-font-weight-regular)\n)}.spectrum:lang(ja) .spectrum-Heading--light .spectrum-Heading--emphasized,.spectrum:lang(ja) .spectrum-Heading--light em,.spectrum:lang(ko) .spectrum-Heading--light .spectrum-Heading--emphasized,.spectrum:lang(ko) .spectrum-Heading--light em,.spectrum:lang(zh) .spectrum-Heading--light .spectrum-Heading--emphasized,.spectrum:lang(zh) .spectrum-Heading--light em{font-style:var(\n--spectrum-heading-han-m-light-emphasized-text-font-style,var(--spectrum-global-font-style-regular)\n);font-weight:var(\n--spectrum-heading-han-m-light-emphasized-text-font-weight,var(--spectrum-alias-han-heading-text-font-weight-light-emphasis)\n)}.spectrum:lang(ja) .spectrum-Heading--light .spectrum-Heading--strong,.spectrum:lang(ja) .spectrum-Heading--light strong,.spectrum:lang(ko) .spectrum-Heading--light .spectrum-Heading--strong,.spectrum:lang(ko) .spectrum-Heading--light strong,.spectrum:lang(zh) .spectrum-Heading--light .spectrum-Heading--strong,.spectrum:lang(zh) .spectrum-Heading--light strong{font-style:var(\n--spectrum-heading-han-m-light-strong-text-font-style,var(--spectrum-global-font-style-regular)\n);font-weight:var(\n--spectrum-heading-han-m-light-strong-text-font-weight,var(--spectrum-alias-han-heading-text-font-weight-light-strong)\n)}.spectrum:lang(ja) .spectrum-Body--sizeXXXL,.spectrum:lang(ko) .spectrum-Body--sizeXXXL,.spectrum:lang(zh) .spectrum-Body--sizeXXXL{font-size:var(\n--spectrum-body-han-xxxl-text-size,var(--spectrum-global-dimension-font-size-600)\n);font-style:var(\n--spectrum-body-han-xxxl-text-font-style,var(--spectrum-global-font-style-regular)\n);font-weight:var(\n--spectrum-body-han-xxxl-text-font-weight,var(--spectrum-alias-han-body-text-font-weight-regular)\n);letter-spacing:var(\n--spectrum-body-han-xxxl-text-letter-spacing,var(--spectrum-global-font-letter-spacing-han)\n);line-height:var(\n--spectrum-body-han-xxxl-text-line-height,var(--spectrum-alias-han-body-text-line-height)\n);margin-bottom:0;margin-top:0;text-transform:var(--spectrum-body-han-xxxl-text-transform,none)}.spectrum:lang(ja) .spectrum-Body--sizeXXL,.spectrum:lang(ko) .spectrum-Body--sizeXXL,.spectrum:lang(zh) .spectrum-Body--sizeXXL{font-size:var(\n--spectrum-body-han-xxl-text-size,var(--spectrum-global-dimension-font-size-500)\n);font-style:var(\n--spectrum-body-han-xxl-text-font-style,var(--spectrum-global-font-style-regular)\n);font-weight:var(\n--spectrum-body-han-xxl-text-font-weight,var(--spectrum-alias-han-body-text-font-weight-regular)\n);letter-spacing:var(\n--spectrum-body-han-xxl-text-letter-spacing,var(--spectrum-global-font-letter-spacing-han)\n);line-height:var(\n--spectrum-body-han-xxl-text-line-height,var(--spectrum-alias-han-body-text-line-height)\n);margin-bottom:0;margin-top:0;text-transform:var(--spectrum-body-han-xxl-text-transform,none)}.spectrum:lang(ja) .spectrum-Body--sizeXL,.spectrum:lang(ko) .spectrum-Body--sizeXL,.spectrum:lang(zh) .spectrum-Body--sizeXL{font-size:var(\n--spectrum-body-han-xl-text-size,var(--spectrum-global-dimension-font-size-400)\n);font-style:var(\n--spectrum-body-han-xl-text-font-style,var(--spectrum-global-font-style-regular)\n);font-weight:var(\n--spectrum-body-han-xl-text-font-weight,var(--spectrum-alias-han-body-text-font-weight-regular)\n);letter-spacing:var(\n--spectrum-body-han-xl-text-letter-spacing,var(--spectrum-global-font-letter-spacing-han)\n);line-height:var(\n--spectrum-body-han-xl-text-line-height,var(--spectrum-alias-han-body-text-line-height)\n);margin-bottom:0;margin-top:0;text-transform:var(--spectrum-body-han-xl-text-transform,none)}.spectrum:lang(ja) .spectrum-Body--sizeL,.spectrum:lang(ko) .spectrum-Body--sizeL,.spectrum:lang(zh) .spectrum-Body--sizeL{font-size:var(\n--spectrum-body-han-l-text-size,var(--spectrum-global-dimension-font-size-300)\n);font-style:var(\n--spectrum-body-han-l-text-font-style,var(--spectrum-global-font-style-regular)\n);font-weight:var(\n--spectrum-body-han-l-text-font-weight,var(--spectrum-alias-han-body-text-font-weight-regular)\n);letter-spacing:var(\n--spectrum-body-han-l-text-letter-spacing,var(--spectrum-global-font-letter-spacing-han)\n);line-height:var(\n--spectrum-body-han-l-text-line-height,var(--spectrum-alias-han-body-text-line-height)\n);margin-bottom:0;margin-top:0;text-transform:var(--spectrum-body-han-l-text-transform,none)}.spectrum:lang(ja) .spectrum-Body--sizeM,.spectrum:lang(ko) .spectrum-Body--sizeM,.spectrum:lang(zh) .spectrum-Body--sizeM{font-size:var(\n--spectrum-body-han-m-text-size,var(--spectrum-global-dimension-font-size-200)\n);font-style:var(\n--spectrum-body-han-m-text-font-style,var(--spectrum-global-font-style-regular)\n);font-weight:var(\n--spectrum-body-han-m-text-font-weight,var(--spectrum-alias-han-body-text-font-weight-regular)\n);letter-spacing:var(\n--spectrum-body-han-m-text-letter-spacing,var(--spectrum-global-font-letter-spacing-han)\n);line-height:var(\n--spectrum-body-han-m-text-line-height,var(--spectrum-alias-han-body-text-line-height)\n);margin-bottom:0;margin-top:0;text-transform:var(--spectrum-body-han-m-text-transform,none)}.spectrum:lang(ja) .spectrum-Body--sizeS,.spectrum:lang(ko) .spectrum-Body--sizeS,.spectrum:lang(zh) .spectrum-Body--sizeS{font-size:var(\n--spectrum-body-han-s-text-size,var(--spectrum-global-dimension-font-size-100)\n);font-style:var(\n--spectrum-body-han-s-text-font-style,var(--spectrum-global-font-style-regular)\n);font-weight:var(\n--spectrum-body-han-s-text-font-weight,var(--spectrum-alias-han-body-text-font-weight-regular)\n);letter-spacing:var(\n--spectrum-body-han-s-text-letter-spacing,var(--spectrum-global-font-letter-spacing-han)\n);line-height:var(\n--spectrum-body-han-s-text-line-height,var(--spectrum-alias-han-body-text-line-height)\n);margin-bottom:0;margin-top:0;text-transform:var(--spectrum-body-han-s-text-transform,none)}.spectrum:lang(ja) .spectrum-Body--sizeXS,.spectrum:lang(ko) .spectrum-Body--sizeXS,.spectrum:lang(zh) .spectrum-Body--sizeXS{font-size:var(\n--spectrum-body-han-xs-text-size,var(--spectrum-global-dimension-font-size-75)\n);font-style:var(\n--spectrum-body-han-xs-text-font-style,var(--spectrum-global-font-style-regular)\n);font-weight:var(\n--spectrum-body-han-xs-text-font-weight,var(--spectrum-alias-han-body-text-font-weight-regular)\n);letter-spacing:var(\n--spectrum-body-han-xs-text-letter-spacing,var(--spectrum-global-font-letter-spacing-han)\n);line-height:var(\n--spectrum-body-han-xs-text-line-height,var(--spectrum-alias-han-body-text-line-height)\n);margin-bottom:0;margin-top:0;text-transform:var(--spectrum-body-han-xs-text-transform,none)}.spectrum:lang(ja) .spectrum-Detail--sizeXL,.spectrum:lang(ko) .spectrum-Detail--sizeXL,.spectrum:lang(zh) .spectrum-Detail--sizeXL{font-size:var(\n--spectrum-detail-han-xl-text-size,var(--spectrum-global-dimension-font-size-200)\n);font-style:var(\n--spectrum-detail-han-xl-text-font-style,var(--spectrum-global-font-style-regular)\n);font-weight:var(\n--spectrum-detail-han-xl-text-font-weight,var(--spectrum-alias-han-heading-text-font-weight-regular)\n);letter-spacing:var(\n--spectrum-detail-han-xl-text-letter-spacing,var(--spectrum-global-font-letter-spacing-medium)\n);line-height:var(\n--spectrum-detail-han-xl-text-line-height,var(--spectrum-alias-han-heading-text-line-height)\n);margin-bottom:0;margin-top:0;text-transform:var(--spectrum-detail-han-xl-text-transform,uppercase)}.spectrum:lang(ja) .spectrum-Detail--sizeXL em,.spectrum:lang(ko) .spectrum-Detail--sizeXL em,.spectrum:lang(zh) .spectrum-Detail--sizeXL em{font-size:var(\n--spectrum-detail-han-xl-emphasized-text-size,var(--spectrum-global-dimension-font-size-200)\n);font-style:var(\n--spectrum-detail-han-xl-emphasized-text-font-style,var(--spectrum-global-font-style-regular)\n);font-weight:var(\n--spectrum-detail-han-xl-emphasized-text-font-weight,var(--spectrum-alias-han-heading-text-font-weight-regular-emphasis)\n);letter-spacing:var(\n--spectrum-detail-han-xl-emphasized-text-letter-spacing,var(--spectrum-global-font-letter-spacing-medium)\n);line-height:var(\n--spectrum-detail-han-xl-emphasized-text-line-height,var(--spectrum-alias-han-heading-text-line-height)\n);margin-bottom:0;margin-top:0;text-transform:var(\n--spectrum-detail-han-xl-emphasized-text-transform,uppercase\n)}.spectrum:lang(ja) .spectrum-Detail--sizeXL strong,.spectrum:lang(ko) .spectrum-Detail--sizeXL strong,.spectrum:lang(zh) .spectrum-Detail--sizeXL strong{font-size:var(\n--spectrum-detail-han-xl-strong-text-size,var(--spectrum-global-dimension-font-size-200)\n);font-style:var(\n--spectrum-detail-han-xl-strong-text-font-style,var(--spectrum-global-font-style-regular)\n);font-weight:var(\n--spectrum-detail-han-xl-strong-text-font-weight,var(--spectrum-alias-han-heading-text-font-weight-regular-strong)\n);letter-spacing:var(\n--spectrum-detail-han-xl-strong-text-letter-spacing,var(--spectrum-global-font-letter-spacing-medium)\n);line-height:var(\n--spectrum-detail-han-xl-strong-text-line-height,var(--spectrum-alias-han-heading-text-line-height)\n);margin-bottom:0;margin-top:0;text-transform:var(\n--spectrum-detail-han-xl-strong-text-transform,uppercase\n)}.spectrum:lang(ja) .spectrum-Detail--sizeL,.spectrum:lang(ko) .spectrum-Detail--sizeL,.spectrum:lang(zh) .spectrum-Detail--sizeL{font-size:var(\n--spectrum-detail-han-l-text-size,var(--spectrum-global-dimension-font-size-100)\n);font-style:var(\n--spectrum-detail-han-l-text-font-style,var(--spectrum-global-font-style-regular)\n);font-weight:var(\n--spectrum-detail-han-l-text-font-weight,var(--spectrum-alias-han-heading-text-font-weight-regular)\n);letter-spacing:var(\n--spectrum-detail-han-l-text-letter-spacing,var(--spectrum-global-font-letter-spacing-medium)\n);line-height:var(\n--spectrum-detail-han-l-text-line-height,var(--spectrum-alias-han-heading-text-line-height)\n);margin-bottom:0;margin-top:0;text-transform:var(--spectrum-detail-han-l-text-transform,uppercase)}.spectrum:lang(ja) .spectrum-Detail--sizeL em,.spectrum:lang(ko) .spectrum-Detail--sizeL em,.spectrum:lang(zh) .spectrum-Detail--sizeL em{font-size:var(\n--spectrum-detail-han-l-emphasized-text-size,var(--spectrum-global-dimension-font-size-100)\n);font-style:var(\n--spectrum-detail-han-l-emphasized-text-font-style,var(--spectrum-global-font-style-regular)\n);font-weight:var(\n--spectrum-detail-han-l-emphasized-text-font-weight,var(--spectrum-alias-han-heading-text-font-weight-regular-emphasis)\n);letter-spacing:var(\n--spectrum-detail-han-l-emphasized-text-letter-spacing,var(--spectrum-global-font-letter-spacing-medium)\n);line-height:var(\n--spectrum-detail-han-l-emphasized-text-line-height,var(--spectrum-alias-han-heading-text-line-height)\n);margin-bottom:0;margin-top:0;text-transform:var(\n--spectrum-detail-han-l-emphasized-text-transform,uppercase\n)}.spectrum:lang(ja) .spectrum-Detail--sizeL strong,.spectrum:lang(ko) .spectrum-Detail--sizeL strong,.spectrum:lang(zh) .spectrum-Detail--sizeL strong{font-size:var(\n--spectrum-detail-han-l-strong-text-size,var(--spectrum-global-dimension-font-size-100)\n);font-style:var(\n--spectrum-detail-han-l-strong-text-font-style,var(--spectrum-global-font-style-regular)\n);font-weight:var(\n--spectrum-detail-han-l-strong-text-font-weight,var(--spectrum-alias-han-heading-text-font-weight-regular-strong)\n);letter-spacing:var(\n--spectrum-detail-han-l-strong-text-letter-spacing,var(--spectrum-global-font-letter-spacing-medium)\n);line-height:var(\n--spectrum-detail-han-l-strong-text-line-height,var(--spectrum-alias-han-heading-text-line-height)\n);margin-bottom:0;margin-top:0;text-transform:var(\n--spectrum-detail-han-l-strong-text-transform,uppercase\n)}.spectrum:lang(ja) .spectrum-Detail--sizeM,.spectrum:lang(ko) .spectrum-Detail--sizeM,.spectrum:lang(zh) .spectrum-Detail--sizeM{font-size:var(\n--spectrum-detail-han-m-text-size,var(--spectrum-global-dimension-font-size-75)\n);font-style:var(\n--spectrum-detail-han-m-text-font-style,var(--spectrum-global-font-style-regular)\n);font-weight:var(\n--spectrum-detail-han-m-text-font-weight,var(--spectrum-alias-han-heading-text-font-weight-regular)\n);letter-spacing:var(\n--spectrum-detail-han-m-text-letter-spacing,var(--spectrum-global-font-letter-spacing-medium)\n);line-height:var(\n--spectrum-detail-han-m-text-line-height,var(--spectrum-alias-han-heading-text-line-height)\n);margin-bottom:0;margin-top:0;text-transform:var(--spectrum-detail-han-m-text-transform,uppercase)}.spectrum:lang(ja) .spectrum-Detail--sizeM em,.spectrum:lang(ko) .spectrum-Detail--sizeM em,.spectrum:lang(zh) .spectrum-Detail--sizeM em{font-size:var(\n--spectrum-detail-han-m-emphasized-text-size,var(--spectrum-global-dimension-font-size-75)\n);font-style:var(\n--spectrum-detail-han-m-emphasized-text-font-style,var(--spectrum-global-font-style-regular)\n);font-weight:var(\n--spectrum-detail-han-m-emphasized-text-font-weight,var(--spectrum-alias-han-heading-text-font-weight-regular-emphasis)\n);letter-spacing:var(\n--spectrum-detail-han-m-emphasized-text-letter-spacing,var(--spectrum-global-font-letter-spacing-medium)\n);line-height:var(\n--spectrum-detail-han-m-emphasized-text-line-height,var(--spectrum-alias-han-heading-text-line-height)\n);margin-bottom:0;margin-top:0;text-transform:var(\n--spectrum-detail-han-m-emphasized-text-transform,uppercase\n)}.spectrum:lang(ja) .spectrum-Detail--sizeM strong,.spectrum:lang(ko) .spectrum-Detail--sizeM strong,.spectrum:lang(zh) .spectrum-Detail--sizeM strong{font-size:var(\n--spectrum-detail-han-m-strong-text-size,var(--spectrum-global-dimension-font-size-75)\n);font-style:var(\n--spectrum-detail-han-m-strong-text-font-style,var(--spectrum-global-font-style-regular)\n);font-weight:var(\n--spectrum-detail-han-m-strong-text-font-weight,var(--spectrum-alias-han-heading-text-font-weight-regular-strong)\n);letter-spacing:var(\n--spectrum-detail-han-m-strong-text-letter-spacing,var(--spectrum-global-font-letter-spacing-medium)\n);line-height:var(\n--spectrum-detail-han-m-strong-text-line-height,var(--spectrum-alias-han-heading-text-line-height)\n);margin-bottom:0;margin-top:0;text-transform:var(\n--spectrum-detail-han-m-strong-text-transform,uppercase\n)}.spectrum:lang(ja) .spectrum-Detail--sizeS,.spectrum:lang(ko) .spectrum-Detail--sizeS,.spectrum:lang(zh) .spectrum-Detail--sizeS{font-size:var(\n--spectrum-detail-han-s-text-size,var(--spectrum-global-dimension-font-size-50)\n);font-style:var(\n--spectrum-detail-han-s-text-font-style,var(--spectrum-global-font-style-regular)\n);font-weight:var(\n--spectrum-detail-han-s-text-font-weight,var(--spectrum-alias-han-heading-text-font-weight-regular)\n);letter-spacing:var(\n--spectrum-detail-han-s-text-letter-spacing,var(--spectrum-global-font-letter-spacing-medium)\n);line-height:var(\n--spectrum-detail-han-s-text-line-height,var(--spectrum-alias-han-heading-text-line-height)\n);margin-bottom:0;margin-top:0;text-transform:var(--spectrum-detail-han-s-text-transform,uppercase)}.spectrum:lang(ja) .spectrum-Detail--sizeS em,.spectrum:lang(ko) .spectrum-Detail--sizeS em,.spectrum:lang(zh) .spectrum-Detail--sizeS em{font-size:var(\n--spectrum-detail-han-s-emphasized-text-size,var(--spectrum-global-dimension-font-size-50)\n);font-style:var(\n--spectrum-detail-han-s-emphasized-text-font-style,var(--spectrum-global-font-style-regular)\n);font-weight:var(\n--spectrum-detail-han-s-emphasized-text-font-weight,var(--spectrum-alias-han-heading-text-font-weight-regular-emphasis)\n);letter-spacing:var(\n--spectrum-detail-han-s-emphasized-text-letter-spacing,var(--spectrum-global-font-letter-spacing-medium)\n);line-height:var(\n--spectrum-detail-han-s-emphasized-text-line-height,var(--spectrum-alias-han-heading-text-line-height)\n);margin-bottom:0;margin-top:0;text-transform:var(\n--spectrum-detail-han-s-emphasized-text-transform,uppercase\n)}.spectrum:lang(ja) .spectrum-Detail--sizeS strong,.spectrum:lang(ko) .spectrum-Detail--sizeS strong,.spectrum:lang(zh) .spectrum-Detail--sizeS strong{font-size:var(\n--spectrum-detail-han-s-strong-text-size,var(--spectrum-global-dimension-font-size-50)\n);font-style:var(\n--spectrum-detail-han-s-strong-text-font-style,var(--spectrum-global-font-style-regular)\n);font-weight:var(\n--spectrum-detail-han-s-strong-text-font-weight,var(--spectrum-alias-han-heading-text-font-weight-regular-strong)\n);letter-spacing:var(\n--spectrum-detail-han-s-strong-text-letter-spacing,var(--spectrum-global-font-letter-spacing-medium)\n);line-height:var(\n--spectrum-detail-han-s-strong-text-line-height,var(--spectrum-alias-han-heading-text-line-height)\n);margin-bottom:0;margin-top:0;text-transform:var(\n--spectrum-detail-han-s-strong-text-transform,uppercase\n)}.spectrum:lang(ja) .spectrum-Detail--light,.spectrum:lang(ko) .spectrum-Detail--light,.spectrum:lang(zh) .spectrum-Detail--light{font-weight:var(\n--spectrum-detail-han-m-text-font-weight,var(--spectrum-alias-han-heading-text-font-weight-regular)\n)}.spectrum:lang(ja) .spectrum-Detail--light .spectrum-Detail--emphasized,.spectrum:lang(ja) .spectrum-Detail--light em,.spectrum:lang(ko) .spectrum-Detail--light .spectrum-Detail--emphasized,.spectrum:lang(ko) .spectrum-Detail--light em,.spectrum:lang(zh) .spectrum-Detail--light .spectrum-Detail--emphasized,.spectrum:lang(zh) .spectrum-Detail--light em{font-style:var(\n--spectrum-detail-han-m-light-emphasized-text-font-style,var(--spectrum-global-font-style-regular)\n);font-weight:var(\n--spectrum-detail-han-m-light-emphasized-text-font-weight,var(--spectrum-alias-han-heading-text-font-weight-light-emphasis)\n)}.spectrum:lang(ja) .spectrum-Detail--light .spectrum-Detail--strong,.spectrum:lang(ja) .spectrum-Detail--light strong,.spectrum:lang(ko) .spectrum-Detail--light .spectrum-Detail--strong,.spectrum:lang(ko) .spectrum-Detail--light strong,.spectrum:lang(zh) .spectrum-Detail--light .spectrum-Detail--strong,.spectrum:lang(zh) .spectrum-Detail--light strong{font-style:var(\n--spectrum-detail-han-m-light-strong-text-font-style,var(--spectrum-global-font-style-regular)\n);font-weight:var(\n--spectrum-detail-han-m-light-strong-text-font-weight,var(--spectrum-alias-han-heading-text-font-weight-light-strong)\n)}.spectrum:lang(ja) .spectrum-Code--sizeXL,.spectrum:lang(ko) .spectrum-Code--sizeXL,.spectrum:lang(zh) .spectrum-Code--sizeXL{font-family:var(\n--spectrum-code-han-xl-text-font-family,var(--spectrum-alias-font-family-zh)\n);font-size:var(\n--spectrum-code-han-xl-text-size,var(--spectrum-global-dimension-font-size-400)\n);font-style:var(\n--spectrum-code-han-xl-text-font-style,var(--spectrum-global-font-style-regular)\n);font-weight:var(\n--spectrum-code-han-xl-text-font-weight,var(--spectrum-alias-han-body-text-font-weight-regular)\n);letter-spacing:var(\n--spectrum-code-han-xl-text-letter-spacing,var(--spectrum-global-font-letter-spacing-han)\n);line-height:var(\n--spectrum-code-han-xl-text-line-height,var(--spectrum-alias-han-body-text-line-height)\n);margin-bottom:0;margin-top:0}.spectrum:lang(ja) .spectrum-Code--sizeL,.spectrum:lang(ko) .spectrum-Code--sizeL,.spectrum:lang(zh) .spectrum-Code--sizeL{font-family:var(\n--spectrum-code-han-l-text-font-family,var(--spectrum-alias-font-family-zh)\n);font-size:var(\n--spectrum-code-han-l-text-size,var(--spectrum-global-dimension-font-size-300)\n);font-style:var(\n--spectrum-code-han-l-text-font-style,var(--spectrum-global-font-style-regular)\n);font-weight:var(\n--spectrum-code-han-l-text-font-weight,var(--spectrum-alias-han-body-text-font-weight-regular)\n);letter-spacing:var(\n--spectrum-code-han-l-text-letter-spacing,var(--spectrum-global-font-letter-spacing-han)\n);line-height:var(\n--spectrum-code-han-l-text-line-height,var(--spectrum-alias-han-body-text-line-height)\n);margin-bottom:0;margin-top:0}.spectrum:lang(ja) .spectrum-Code--sizeM,.spectrum:lang(ko) .spectrum-Code--sizeM,.spectrum:lang(zh) .spectrum-Code--sizeM{font-family:var(\n--spectrum-code-han-m-text-font-family,var(--spectrum-alias-font-family-zh)\n);font-size:var(\n--spectrum-code-han-m-text-size,var(--spectrum-global-dimension-font-size-200)\n);font-style:var(\n--spectrum-code-han-m-text-font-style,var(--spectrum-global-font-style-regular)\n);font-weight:var(\n--spectrum-code-han-m-text-font-weight,var(--spectrum-alias-han-body-text-font-weight-regular)\n);letter-spacing:var(\n--spectrum-code-han-m-text-letter-spacing,var(--spectrum-global-font-letter-spacing-han)\n);line-height:var(\n--spectrum-code-han-m-text-line-height,var(--spectrum-alias-han-body-text-line-height)\n);margin-bottom:0;margin-top:0}.spectrum:lang(ja) .spectrum-Code--sizeS,.spectrum:lang(ko) .spectrum-Code--sizeS,.spectrum:lang(zh) .spectrum-Code--sizeS{font-family:var(\n--spectrum-code-han-s-text-font-family,var(--spectrum-alias-font-family-zh)\n);font-size:var(\n--spectrum-code-han-s-text-size,var(--spectrum-global-dimension-font-size-100)\n);font-style:var(\n--spectrum-code-han-s-text-font-style,var(--spectrum-global-font-style-regular)\n);font-weight:var(\n--spectrum-code-han-s-text-font-weight,var(--spectrum-alias-han-body-text-font-weight-regular)\n);letter-spacing:var(\n--spectrum-code-han-s-text-letter-spacing,var(--spectrum-global-font-letter-spacing-han)\n);line-height:var(\n--spectrum-code-han-s-text-line-height,var(--spectrum-alias-han-body-text-line-height)\n);margin-bottom:0;margin-top:0}.spectrum:lang(ja) .spectrum-Code--sizeXS,.spectrum:lang(ko) .spectrum-Code--sizeXS,.spectrum:lang(zh) .spectrum-Code--sizeXS{font-family:var(\n--spectrum-code-han-xs-text-font-family,var(--spectrum-alias-font-family-zh)\n);font-size:var(\n--spectrum-code-han-xs-text-size,var(--spectrum-global-dimension-font-size-75)\n);font-style:var(\n--spectrum-code-han-xs-text-font-style,var(--spectrum-global-font-style-regular)\n);font-weight:var(\n--spectrum-code-han-xs-text-font-weight,var(--spectrum-alias-han-body-text-font-weight-regular)\n);letter-spacing:var(\n--spectrum-code-han-xs-text-letter-spacing,var(--spectrum-global-font-letter-spacing-han)\n);line-height:var(\n--spectrum-code-han-xs-text-line-height,var(--spectrum-alias-han-body-text-line-height)\n);margin-bottom:0;margin-top:0}.spectrum-Heading--sizeXXXL{color:var(\n--spectrum-heading-xxxl-text-color,var(--spectrum-alias-heading-text-color)\n)}.spectrum-Heading--sizeXXL{color:var(\n--spectrum-heading-xxl-text-color,var(--spectrum-alias-heading-text-color)\n)}.spectrum-Heading--sizeXL{color:var(\n--spectrum-heading-xl-text-color,var(--spectrum-alias-heading-text-color)\n)}.spectrum-Heading--sizeL{color:var(\n--spectrum-heading-l-text-color,var(--spectrum-alias-heading-text-color)\n)}.spectrum-Heading--sizeM{color:var(\n--spectrum-heading-m-text-color,var(--spectrum-alias-heading-text-color)\n)}.spectrum-Heading--sizeS{color:var(\n--spectrum-heading-s-text-color,var(--spectrum-alias-heading-text-color)\n)}.spectrum-Heading--sizeXS{color:var(\n--spectrum-heading-xs-text-color,var(--spectrum-alias-heading-text-color)\n)}.spectrum-Heading--sizeXXS{color:var(\n--spectrum-heading-xxs-text-color,var(--spectrum-alias-heading-text-color)\n)}.spectrum-Heading-sizeXXXL--light{color:var(\n--spectrum-heading-xxxl-light-text-color,var(--spectrum-alias-heading-text-color)\n)}.spectrum-Heading-sizeXXL--light{color:var(\n--spectrum-heading-xxl-light-text-color,var(--spectrum-alias-heading-text-color)\n)}.spectrum-Heading-sizeXL--light{color:var(\n--spectrum-heading-xl-light-text-color,var(--spectrum-alias-heading-text-color)\n)}.spectrum-Heading-sizeL--light{color:var(\n--spectrum-heading-l-light-text-color,var(--spectrum-alias-heading-text-color)\n)}.spectrum-Heading-sizeXXXL--heavy{color:var(\n--spectrum-heading-xxxl-heavy-text-color,var(--spectrum-alias-heading-text-color)\n)}.spectrum-Heading-sizeXXL--heavy{color:var(\n--spectrum-heading-xxl-heavy-text-color,var(--spectrum-alias-heading-text-color)\n)}.spectrum-Heading-sizeXL--heavy{color:var(\n--spectrum-heading-xl-heavy-text-color,var(--spectrum-alias-heading-text-color)\n)}.spectrum-Heading-sizeL--heavy{color:var(\n--spectrum-heading-l-heavy-text-color,var(--spectrum-alias-heading-text-color)\n)}.spectrum-Heading-sizeXXXL--heading{color:var(\n--spectrum-heading-xxxl-text-color,var(--spectrum-alias-heading-text-color)\n)}.spectrum-Heading-sizeXXL--heading{color:var(\n--spectrum-heading-xxl-text-color,var(--spectrum-alias-heading-text-color)\n)}.spectrum-Heading-sizeXL--heading{color:var(\n--spectrum-heading-xl-text-color,var(--spectrum-alias-heading-text-color)\n)}.spectrum-Heading-sizeL--heading{color:var(\n--spectrum-heading-l-text-color,var(--spectrum-alias-heading-text-color)\n)}.spectrum-Body--sizeXXXL{color:var(\n--spectrum-body-xxxl-text-color,var(--spectrum-alias-text-color)\n)}.spectrum-Body--sizeXXL{color:var(\n--spectrum-body-xxl-text-color,var(--spectrum-alias-text-color)\n)}.spectrum-Body--sizeXL{color:var(--spectrum-body-xl-text-color,var(--spectrum-alias-text-color))}.spectrum-Body--sizeL{color:var(--spectrum-body-l-text-color,var(--spectrum-alias-text-color))}.spectrum-Body--sizeM{color:var(--spectrum-body-m-text-color,var(--spectrum-alias-text-color))}.spectrum-Body--sizeS{color:var(--spectrum-body-s-text-color,var(--spectrum-alias-text-color))}.spectrum-Body--sizeXS{color:var(--spectrum-body-xs-text-color,var(--spectrum-alias-text-color))}.spectrum-Detail--sizeXL{color:var(\n--spectrum-detail-xl-text-color,var(--spectrum-alias-heading-text-color)\n)}.spectrum-Detail--sizeL{color:var(\n--spectrum-detail-l-text-color,var(--spectrum-alias-heading-text-color)\n)}.spectrum-Detail--sizeM{color:var(\n--spectrum-detail-m-text-color,var(--spectrum-alias-heading-text-color)\n)}.spectrum-Detail--sizeS{color:var(\n--spectrum-detail-s-text-color,var(--spectrum-alias-heading-text-color)\n)}.spectrum-Code--sizeXL{color:var(--spectrum-code-xl-text-color,var(--spectrum-alias-text-color))}.spectrum-Code--sizeL{color:var(--spectrum-code-l-text-color,var(--spectrum-alias-text-color))}.spectrum-Code--sizeM{color:var(--spectrum-code-m-text-color,var(--spectrum-alias-text-color))}.spectrum-Code--sizeS{color:var(--spectrum-code-s-text-color,var(--spectrum-alias-text-color))}.spectrum-Code--sizeXS{color:var(--spectrum-code-xs-text-color,var(--spectrum-alias-text-color))}.spectrum:lang(ja) .spectrum-Body--sizeXXXL,.spectrum:lang(ko) .spectrum-Body--sizeXXXL,.spectrum:lang(zh) .spectrum-Body--sizeXXXL{color:var(\n--spectrum-body-han-xxxl-text-color,var(--spectrum-alias-text-color)\n)}.spectrum:lang(ja) .spectrum-Body--sizeXXL,.spectrum:lang(ko) .spectrum-Body--sizeXXL,.spectrum:lang(zh) .spectrum-Body--sizeXXL{color:var(\n--spectrum-body-han-xxl-text-color,var(--spectrum-alias-text-color)\n)}.spectrum:lang(ja) .spectrum-Body--sizeXL,.spectrum:lang(ko) .spectrum-Body--sizeXL,.spectrum:lang(zh) .spectrum-Body--sizeXL{color:var(\n--spectrum-body-han-xl-text-color,var(--spectrum-alias-text-color)\n)}.spectrum:lang(ja) .spectrum-Body--sizeL,.spectrum:lang(ko) .spectrum-Body--sizeL,.spectrum:lang(zh) .spectrum-Body--sizeL{color:var(\n--spectrum-body-han-l-text-color,var(--spectrum-alias-text-color)\n)}.spectrum:lang(ja) .spectrum-Body--sizeM,.spectrum:lang(ko) .spectrum-Body--sizeM,.spectrum:lang(zh) .spectrum-Body--sizeM{color:var(\n--spectrum-body-han-m-text-color,var(--spectrum-alias-text-color)\n)}.spectrum:lang(ja) .spectrum-Body--sizeS,.spectrum:lang(ko) .spectrum-Body--sizeS,.spectrum:lang(zh) .spectrum-Body--sizeS{color:var(\n--spectrum-body-han-s-text-color,var(--spectrum-alias-text-color)\n)}.spectrum:lang(ja) .spectrum-Body--sizeXS,.spectrum:lang(ko) .spectrum-Body--sizeXS,.spectrum:lang(zh) .spectrum-Body--sizeXS{color:var(\n--spectrum-body-han-xs-text-color,var(--spectrum-alias-text-color)\n)}.spectrum:lang(ja) .spectrum-Heading--sizeXXXL,.spectrum:lang(ko) .spectrum-Heading--sizeXXXL,.spectrum:lang(zh) .spectrum-Heading--sizeXXXL{color:var(\n--spectrum-heading-xxxl-text-color,var(--spectrum-alias-heading-text-color)\n)}.spectrum:lang(ja) .spectrum-Heading--sizeXXL,.spectrum:lang(ko) .spectrum-Heading--sizeXXL,.spectrum:lang(zh) .spectrum-Heading--sizeXXL{color:var(\n--spectrum-heading-xxl-text-color,var(--spectrum-alias-heading-text-color)\n)}.spectrum:lang(ja) .spectrum-Heading--sizeXL,.spectrum:lang(ko) .spectrum-Heading--sizeXL,.spectrum:lang(zh) .spectrum-Heading--sizeXL{color:var(\n--spectrum-heading-xl-text-color,var(--spectrum-alias-heading-text-color)\n)}.spectrum:lang(ja) .spectrum-Heading--sizeL,.spectrum:lang(ko) .spectrum-Heading--sizeL,.spectrum:lang(zh) .spectrum-Heading--sizeL{color:var(\n--spectrum-heading-l-text-color,var(--spectrum-alias-heading-text-color)\n)}.spectrum:lang(ja) .spectrum-Heading--sizeM,.spectrum:lang(ko) .spectrum-Heading--sizeM,.spectrum:lang(zh) .spectrum-Heading--sizeM{color:var(\n--spectrum-heading-m-text-color,var(--spectrum-alias-heading-text-color)\n)}.spectrum:lang(ja) .spectrum-Heading--sizeS,.spectrum:lang(ko) .spectrum-Heading--sizeS,.spectrum:lang(zh) .spectrum-Heading--sizeS{color:var(\n--spectrum-heading-s-text-color,var(--spectrum-alias-heading-text-color)\n)}.spectrum:lang(ja) .spectrum-Heading--sizeXS,.spectrum:lang(ko) .spectrum-Heading--sizeXS,.spectrum:lang(zh) .spectrum-Heading--sizeXS{color:var(\n--spectrum-heading-xs-text-color,var(--spectrum-alias-heading-text-color)\n)}.spectrum:lang(ja) .spectrum-Heading--sizeXXS,.spectrum:lang(ko) .spectrum-Heading--sizeXXS,.spectrum:lang(zh) .spectrum-Heading--sizeXXS{color:var(\n--spectrum-heading-xxs-text-color,var(--spectrum-alias-heading-text-color)\n)}.spectrum:lang(ja) .spectrum-Heading-sizeXXXL--light,.spectrum:lang(ko) .spectrum-Heading-sizeXXXL--light,.spectrum:lang(zh) .spectrum-Heading-sizeXXXL--light{color:var(\n--spectrum-heading-xxxl-light-text-color,var(--spectrum-alias-heading-text-color)\n)}.spectrum:lang(ja) .spectrum-Heading-sizeXXL--light,.spectrum:lang(ko) .spectrum-Heading-sizeXXL--light,.spectrum:lang(zh) .spectrum-Heading-sizeXXL--light{color:var(\n--spectrum-heading-xxl-light-text-color,var(--spectrum-alias-heading-text-color)\n)}.spectrum:lang(ja) .spectrum-Heading-sizeXL--light,.spectrum:lang(ko) .spectrum-Heading-sizeXL--light,.spectrum:lang(zh) .spectrum-Heading-sizeXL--light{color:var(\n--spectrum-heading-xl-light-text-color,var(--spectrum-alias-heading-text-color)\n)}.spectrum:lang(ja) .spectrum-Heading-sizeL--light,.spectrum:lang(ko) .spectrum-Heading-sizeL--light,.spectrum:lang(zh) .spectrum-Heading-sizeL--light{color:var(\n--spectrum-heading-l-light-text-color,var(--spectrum-alias-heading-text-color)\n)}.spectrum:lang(ja) .spectrum-Heading-sizeXXXL--heavy,.spectrum:lang(ko) .spectrum-Heading-sizeXXXL--heavy,.spectrum:lang(zh) .spectrum-Heading-sizeXXXL--heavy{color:var(\n--spectrum-heading-xxxl-heavy-text-color,var(--spectrum-alias-heading-text-color)\n)}.spectrum:lang(ja) .spectrum-Heading-sizeXXL--heavy,.spectrum:lang(ko) .spectrum-Heading-sizeXXL--heavy,.spectrum:lang(zh) .spectrum-Heading-sizeXXL--heavy{color:var(\n--spectrum-heading-xxl-heavy-text-color,var(--spectrum-alias-heading-text-color)\n)}.spectrum:lang(ja) .spectrum-Heading-sizeXL--heavy,.spectrum:lang(ko) .spectrum-Heading-sizeXL--heavy,.spectrum:lang(zh) .spectrum-Heading-sizeXL--heavy{color:var(\n--spectrum-heading-xl-heavy-text-color,var(--spectrum-alias-heading-text-color)\n)}.spectrum:lang(ja) .spectrum-Heading-sizeL--heavy,.spectrum:lang(ko) .spectrum-Heading-sizeL--heavy,.spectrum:lang(zh) .spectrum-Heading-sizeL--heavy{color:var(\n--spectrum-heading-l-heavy-text-color,var(--spectrum-alias-heading-text-color)\n)}.spectrum:lang(ja) .spectrum-Heading-sizeXXXL--heading,.spectrum:lang(ko) .spectrum-Heading-sizeXXXL--heading,.spectrum:lang(zh) .spectrum-Heading-sizeXXXL--heading{color:var(\n--spectrum-heading-xxxl-text-color,var(--spectrum-alias-heading-text-color)\n)}.spectrum:lang(ja) .spectrum-Heading-sizeXXL--heading,.spectrum:lang(ko) .spectrum-Heading-sizeXXL--heading,.spectrum:lang(zh) .spectrum-Heading-sizeXXL--heading{color:var(\n--spectrum-heading-xxl-text-color,var(--spectrum-alias-heading-text-color)\n)}.spectrum:lang(ja) .spectrum-Heading-sizeXL--heading,.spectrum:lang(ko) .spectrum-Heading-sizeXL--heading,.spectrum:lang(zh) .spectrum-Heading-sizeXL--heading{color:var(\n--spectrum-heading-xl-text-color,var(--spectrum-alias-heading-text-color)\n)}.spectrum:lang(ja) .spectrum-Heading-sizeL--heading,.spectrum:lang(ko) .spectrum-Heading-sizeL--heading,.spectrum:lang(zh) .spectrum-Heading-sizeL--heading{color:var(\n--spectrum-heading-l-text-color,var(--spectrum-alias-heading-text-color)\n)}.spectrum:lang(ja) .spectrum-Detail--sizeXL,.spectrum:lang(ko) .spectrum-Detail--sizeXL,.spectrum:lang(zh) .spectrum-Detail--sizeXL{color:var(\n--spectrum-detail-xl-text-color,var(--spectrum-alias-heading-text-color)\n)}.spectrum:lang(ja) .spectrum-Detail--sizeL,.spectrum:lang(ko) .spectrum-Detail--sizeL,.spectrum:lang(zh) .spectrum-Detail--sizeL{color:var(\n--spectrum-detail-l-text-color,var(--spectrum-alias-heading-text-color)\n)}.spectrum:lang(ja) .spectrum-Detail--sizeM,.spectrum:lang(ko) .spectrum-Detail--sizeM,.spectrum:lang(zh) .spectrum-Detail--sizeM{color:var(\n--spectrum-detail-m-text-color,var(--spectrum-alias-heading-text-color)\n)}.spectrum:lang(ja) .spectrum-Detail--sizeS,.spectrum:lang(ko) .spectrum-Detail--sizeS,.spectrum:lang(zh) .spectrum-Detail--sizeS{color:var(\n--spectrum-detail-s-text-color,var(--spectrum-alias-heading-text-color)\n)}.spectrum:lang(ja) .spectrum-Code--sizeXL,.spectrum:lang(ko) .spectrum-Code--sizeXL,.spectrum:lang(zh) .spectrum-Code--sizeXL{color:var(--spectrum-code-xl-text-color,var(--spectrum-alias-text-color))}.spectrum:lang(ja) .spectrum-Code--sizeL,.spectrum:lang(ko) .spectrum-Code--sizeL,.spectrum:lang(zh) .spectrum-Code--sizeL{color:var(--spectrum-code-l-text-color,var(--spectrum-alias-text-color))}.spectrum:lang(ja) .spectrum-Code--sizeM,.spectrum:lang(ko) .spectrum-Code--sizeM,.spectrum:lang(zh) .spectrum-Code--sizeM{color:var(--spectrum-code-m-text-color,var(--spectrum-alias-text-color))}.spectrum:lang(ja) .spectrum-Code--sizeS,.spectrum:lang(ko) .spectrum-Code--sizeS,.spectrum:lang(zh) .spectrum-Code--sizeS{color:var(--spectrum-code-s-text-color,var(--spectrum-alias-text-color))}.spectrum:lang(ja) .spectrum-Code--sizeXS,.spectrum:lang(ko) .spectrum-Code--sizeXS,.spectrum:lang(zh) .spectrum-Code--sizeXS{color:var(--spectrum-code-xs-text-color,var(--spectrum-alias-text-color))}.spectrum,.spectrum-Body{color:var(--spectrum-body-m-text-color,var(--spectrum-alias-text-color))}\n`;\nexport default styles;"]}
package/stories/theme.stories.js CHANGED
@@ -56,7 +56,10 @@ const storyStyles = html `
56
56
  export const Default = ({ colorStop: color, }) => {
57
57
  return html `
58
58
  ${storyStyles}
59
- <sp-theme color="${color}">
59
+ <sp-theme
60
+ color="${color}"
61
+ theme=${window.__swc_hack_knobs__.defaultThemeVariant}
62
+ >
60
63
  <div id="example">
61
64
  <div>
62
65
  <sp-slider
@@ -92,7 +95,11 @@ export const displayFlex = () => html `
92
95
  flex: 1 0;
93
96
  }
94
97
  </style>
95
- <sp-theme id="flex-theme" color="dark">
98
+ <sp-theme
99
+ id="flex-theme"
100
+ color="dark"
101
+ theme=${window.__swc_hack_knobs__.defaultThemeVariant}
102
+ >
96
103
  <sp-button>Start</sp-button>
97
104
  <sp-button id="middle-button">Middle</sp-button>
98
105
  <sp-button>End</sp-button>
@@ -123,7 +130,10 @@ export const nestedTheme = ({ colorStop: outer, }) => {
123
130
  const inner = outer === 'light' ? 'dark' : 'light';
124
131
  return html `
125
132
  ${storyStyles}
126
- <sp-theme color="${outer}">
133
+ <sp-theme
134
+ color="${outer}"
135
+ theme=${window.__swc_hack_knobs__.defaultThemeVariant}
136
+ >
127
137
  <div id="outer">
128
138
  <div>
129
139
  <sp-slider
@@ -142,7 +152,11 @@ export const nestedTheme = ({ colorStop: outer, }) => {
142
152
  </sp-button>
143
153
  <sp-button variant="accent">Continue</sp-button>
144
154
  </sp-button-group>
145
- <sp-theme color="${inner}" dir="ltr">
155
+ <sp-theme
156
+ color="${inner}"
157
+ dir="ltr"
158
+ theme=${window.__swc_hack_knobs__.defaultThemeVariant}
159
+ >
146
160
  <div id="inner">
147
161
  <div>
148
162
  <sp-slider
@@ -189,7 +203,10 @@ export const reverseColorNestedTheme = ({ colorStop: outer, }) => {
189
203
  margin-top: 2em;
190
204
  }
191
205
  </style>
192
- <sp-theme color="${inner}">
206
+ <sp-theme
207
+ color="${inner}"
208
+ theme=${window.__swc_hack_knobs__.defaultThemeVariant}
209
+ >
193
210
  <div id="outer">
194
211
  <div>
195
212
  <sp-slider
@@ -208,7 +225,11 @@ export const reverseColorNestedTheme = ({ colorStop: outer, }) => {
208
225
  </sp-button>
209
226
  <sp-button variant="accent">Continue</sp-button>
210
227
  </sp-button-group>
211
- <sp-theme color="${outer}" dir="rtl">
228
+ <sp-theme
229
+ color="${outer}"
230
+ dir="rtl"
231
+ theme=${window.__swc_hack_knobs__.defaultThemeVariant}
232
+ >
212
233
  <div id="inner">
213
234
  <div>
214
235
  <sp-slider
package/stories/theme.stories.js.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"theme.stories.js","sourceRoot":"","sources":["theme.stories.ts"],"names":[],"mappings":"AAAA;;;;;;;;;;EAUE;AACF,OAAO,gBAAgB,CAAC;AACxB,OAAO,kBAAkB,CAAC;AAC1B,OAAO,8CAA8C,CAAC;AACtD,OAAO,0DAA0D,CAAC;AAClE,OAAO,8CAA8C,CAAC;AACtD,OAAO,8CAA8C,CAAC;AACtD,OAAO,EAAE,IAAI,EAAkB,MAAM,+BAA+B,CAAC;AAGrE,eAAe;IACX,SAAS,EAAE,UAAU;IACrB,KAAK,EAAE,OAAO;IACd,QAAQ,EAAE;QACN,SAAS,EAAE;YACP,OAAO,EAAE;gBACL,IAAI,EAAE,cAAc;gBACpB,OAAO,EAAE,CAAC,OAAO,EAAE,MAAM,CAAC;aAC7B;SACJ;KACJ;IACD,IAAI,EAAE;QACF,SAAS,EAAE,OAAO;KACrB;CACJ,CAAC;AAEF,MAAM,WAAW,GAAG,IAAI,CAAA;;;;;;;;;;;;;;;;;;;;;CAqBvB,CAAC;AAEF,MAAM,CAAC,MAAM,OAAO,GAAG,CAAC,EACpB,SAAS,EAAE,KAAK,GAGnB,EAAkB,EAAE;IACjB,OAAO,IAAI,CAAA;UACL,WAAW;2BACM,KAAK;;;;;;;;;;;;;;;;;;;;;KAqB3B,CAAC;AACN,CAAC,CAAC;AAEF,MAAM,CAAC,MAAM,WAAW,GAAG,GAAmB,EAAE,CAAC,IAAI,CAAA;;;;;;;;;;;;;;;;;;CAkBpD,CAAC;AAEF,MAAM,CAAC,MAAM,IAAI,GAAG,GAAmB,EAAE,CAAC,IAAI,CAAA;MACxC,WAAW;;;;;;;;;;;;;;;;;;;CAmBhB,CAAC;AAEF,MAAM,CAAC,MAAM,WAAW,GAAG,CAAC,EACxB,SAAS,EAAE,KAAK,GAGnB,EAAkB,EAAE;IACjB,MAAM,KAAK,GAAG,KAAK,KAAK,OAAO,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,OAAO,CAAC;IACnD,OAAO,IAAI,CAAA;UACL,WAAW;2BACM,KAAK;;;;;;;;;;;;;;;;;;;mCAmBG,KAAK;;;;;;;;;;;;;;;;;;;;;;;KAuBnC,CAAC;AACN,CAAC,CAAC;AAEF,MAAM,CAAC,MAAM,uBAAuB,GAAG,CAAC,EACpC,SAAS,EAAE,KAAK,GAGnB,EAAkB,EAAE;IACjB,MAAM,KAAK,GAAG,KAAK,KAAK,OAAO,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,OAAO,CAAC;IACnD,OAAO,IAAI,CAAA;;;;;;;;;;;;;;;;;;;;2BAoBY,KAAK;;;;;;;;;;;;;;;;;;;mCAmBG,KAAK;;;;;;;;;;;;;;;;;;;;;;;KAuBnC,CAAC;AACN,CAAC,CAAC","sourcesContent":["/*\nCopyright 2020 Adobe. All rights reserved.\nThis file is licensed to you under the Apache License, Version 2.0 (the \"License\");\nyou may not use this file except in compliance with the License. You may obtain a copy\nof the License at http://www.apache.org/licenses/LICENSE-2.0\n\nUnless required by applicable law or agreed to in writing, software distributed under\nthe License is distributed on an \"AS IS\" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS\nOF ANY KIND, either express or implied. See the License for the specific language\ngoverning permissions and limitations under the License.\n*/\nimport '../sp-theme.js';\nimport '../src/themes.js';\nimport '@spectrum-web-components/button/sp-button.js';\nimport '@spectrum-web-components/button-group/sp-button-group.js';\nimport '@spectrum-web-components/switch/sp-switch.js';\nimport '@spectrum-web-components/slider/sp-slider.js';\nimport { html, TemplateResult } from '@spectrum-web-components/base';\nimport { Color } from '../src/index.js';\n\nexport default {\n component: 'sp-theme',\n title: 'Theme',\n argTypes: {\n colorStop: {\n control: {\n type: 'inline-radio',\n options: ['light', 'dark'],\n },\n },\n },\n args: {\n colorStop: 'light',\n },\n};\n\nconst storyStyles = html`\n <style type=\"text/css\">\n #outer,\n #example {\n width: 500px;\n padding: 3em;\n background-color: var(--spectrum-global-color-gray-100);\n color: var(--spectrum-global-color-gray-800);\n }\n\n #inner {\n margin-top: 2em;\n padding: 2em;\n background-color: var(--spectrum-global-color-gray-100);\n color: var(--spectrum-global-color-gray-800);\n }\n\n #buttons {\n margin-top: 2em;\n }\n </style>\n`;\n\nexport const Default = ({\n colorStop: color,\n}: {\n colorStop: Color;\n}): TemplateResult => {\n return html`\n ${storyStyles}\n <sp-theme color=\"${color}\">\n <div id=\"example\">\n <div>\n <sp-slider\n value=\"5\"\n step=\"1\"\n min=\"1\"\n max=\"11\"\n label=\"Volume\"\n id=\"volume-slider\"\n ></sp-slider>\n </div>\n <div><sp-switch>Overdrive</sp-switch></div>\n <sp-button-group id=\"buttons\">\n <sp-button variant=\"primary\" treatment=\"outline\">\n Cancel\n </sp-button>\n <sp-button variant=\"accent\">Continue</sp-button>\n </sp-button-group>\n </div>\n </sp-theme>\n `;\n};\n\nexport const displayFlex = (): TemplateResult => html`\n <style type=\"text/css\">\n #flex-theme {\n display: flex;\n flex-direction: row;\n }\n #flex-theme sp-button {\n flex: 0 0;\n }\n #flex-theme #middle-button {\n flex: 1 0;\n }\n </style>\n <sp-theme id=\"flex-theme\" color=\"dark\">\n <sp-button>Start</sp-button>\n <sp-button id=\"middle-button\">Middle</sp-button>\n <sp-button>End</sp-button>\n </sp-theme>\n`;\n\nexport const none = (): TemplateResult => html`\n ${storyStyles}\n <div id=\"example\">\n <div>\n <sp-slider\n value=\"5\"\n step=\"1\"\n min=\"1\"\n max=\"11\"\n label=\"Volume\"\n id=\"volume-slider\"\n ></sp-slider>\n </div>\n <div><sp-switch>Overdrive</sp-switch></div>\n <sp-button-group id=\"buttons\">\n <sp-button variant=\"primary\" treatment=\"outline\">Cancel</sp-button>\n <sp-button variant=\"accent\">Continue</sp-button>\n </sp-button-group>\n </div>\n <sp-theme></sp-theme>\n`;\n\nexport const nestedTheme = ({\n colorStop: outer,\n}: {\n colorStop: Color;\n}): TemplateResult => {\n const inner = outer === 'light' ? 'dark' : 'light';\n return html`\n ${storyStyles}\n <sp-theme color=\"${outer}\">\n <div id=\"outer\">\n <div>\n <sp-slider\n value=\"5\"\n step=\"1\"\n min=\"1\"\n max=\"11\"\n label=\"Volume\"\n id=\"volume-slider\"\n ></sp-slider>\n </div>\n <div><sp-switch>Overdrive</sp-switch></div>\n <sp-button-group id=\"buttons\">\n <sp-button variant=\"primary\" treatment=\"outline\">\n Cancel\n </sp-button>\n <sp-button variant=\"accent\">Continue</sp-button>\n </sp-button-group>\n <sp-theme color=\"${inner}\" dir=\"ltr\">\n <div id=\"inner\">\n <div>\n <sp-slider\n value=\"5\"\n step=\"1\"\n min=\"1\"\n max=\"11\"\n label=\"Volume\"\n id=\"volume-slider-inner\"\n ></sp-slider>\n </div>\n <div><sp-switch>Overdrive</sp-switch></div>\n <sp-button-group id=\"buttons-inner\">\n <sp-button variant=\"primary\" treatment=\"outline\">\n Cancel\n </sp-button>\n <sp-button variant=\"accent\">Continue</sp-button>\n </sp-button-group>\n </div>\n </sp-theme>\n </div>\n </sp-theme>\n `;\n};\n\nexport const reverseColorNestedTheme = ({\n colorStop: outer,\n}: {\n colorStop: Color;\n}): TemplateResult => {\n const inner = outer === 'light' ? 'dark' : 'light';\n return html`\n <style type=\"text/css\">\n #outer {\n width: 500px;\n padding: 3em;\n background-color: var(--spectrum-global-color-gray-100);\n color: var(--spectrum-global-color-gray-800);\n }\n\n #inner {\n margin-top: 2em;\n padding: 2em;\n background-color: var(--spectrum-global-color-gray-100);\n color: var(--spectrum-global-color-gray-800);\n }\n\n #buttons {\n margin-top: 2em;\n }\n </style>\n <sp-theme color=\"${inner}\">\n <div id=\"outer\">\n <div>\n <sp-slider\n value=\"5\"\n step=\"1\"\n min=\"1\"\n max=\"11\"\n label=\"Volume\"\n id=\"volume-slider\"\n ></sp-slider>\n </div>\n <div><sp-switch>Overdrive</sp-switch></div>\n <sp-button-group id=\"buttons\">\n <sp-button variant=\"primary\" treatment=\"outline\">\n Cancel\n </sp-button>\n <sp-button variant=\"accent\">Continue</sp-button>\n </sp-button-group>\n <sp-theme color=\"${outer}\" dir=\"rtl\">\n <div id=\"inner\">\n <div>\n <sp-slider\n value=\"5\"\n step=\"1\"\n min=\"1\"\n max=\"11\"\n label=\"Volume\"\n id=\"volume-slider-inner\"\n ></sp-slider>\n </div>\n <div><sp-switch>Overdrive</sp-switch></div>\n <sp-button-group id=\"buttons-inner\">\n <sp-button variant=\"primary\" treatment=\"outline\">\n Cancel\n </sp-button>\n <sp-button variant=\"accent\">Continue</sp-button>\n </sp-button-group>\n </div>\n </sp-theme>\n </div>\n </sp-theme>\n `;\n};\n"]}
1
+ {"version":3,"file":"theme.stories.js","sourceRoot":"","sources":["theme.stories.ts"],"names":[],"mappings":"AAAA;;;;;;;;;;EAUE;AACF,OAAO,gBAAgB,CAAC;AACxB,OAAO,kBAAkB,CAAC;AAC1B,OAAO,8CAA8C,CAAC;AACtD,OAAO,0DAA0D,CAAC;AAClE,OAAO,8CAA8C,CAAC;AACtD,OAAO,8CAA8C,CAAC;AACtD,OAAO,EAAE,IAAI,EAAkB,MAAM,+BAA+B,CAAC;AAGrE,eAAe;IACX,SAAS,EAAE,UAAU;IACrB,KAAK,EAAE,OAAO;IACd,QAAQ,EAAE;QACN,SAAS,EAAE;YACP,OAAO,EAAE;gBACL,IAAI,EAAE,cAAc;gBACpB,OAAO,EAAE,CAAC,OAAO,EAAE,MAAM,CAAC;aAC7B;SACJ;KACJ;IACD,IAAI,EAAE;QACF,SAAS,EAAE,OAAO;KACrB;CACJ,CAAC;AAEF,MAAM,WAAW,GAAG,IAAI,CAAA;;;;;;;;;;;;;;;;;;;;;CAqBvB,CAAC;AAEF,MAAM,CAAC,MAAM,OAAO,GAAG,CAAC,EACpB,SAAS,EAAE,KAAK,GAGnB,EAAkB,EAAE;IACjB,OAAO,IAAI,CAAA;UACL,WAAW;;qBAEA,KAAK;oBACN,MAAM,CAAC,kBAAkB,CAAC,mBAAmB;;;;;;;;;;;;;;;;;;;;;;KAsB5D,CAAC;AACN,CAAC,CAAC;AAEF,MAAM,CAAC,MAAM,WAAW,GAAG,GAAmB,EAAE,CAAC,IAAI,CAAA;;;;;;;;;;;;;;;;gBAgBrC,MAAM,CAAC,kBAAkB,CAAC,mBAAmB;;;;;;CAM5D,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;;qBAEA,KAAK;oBACN,MAAM,CAAC,kBAAkB,CAAC,mBAAmB;;;;;;;;;;;;;;;;;;;;;6BAqBpC,KAAK;;4BAEN,MAAM,CAAC,kBAAkB,CAAC,mBAAmB;;;;;;;;;;;;;;;;;;;;;;;;KAwBpE,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;;;;;;;;;;;;;;;;;;;;;qBAqBM,KAAK;oBACN,MAAM,CAAC,kBAAkB,CAAC,mBAAmB;;;;;;;;;;;;;;;;;;;;;6BAqBpC,KAAK;;4BAEN,MAAM,CAAC,kBAAkB,CAAC,mBAAmB;;;;;;;;;;;;;;;;;;;;;;;;KAwBpE,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\n color=\"${color}\"\n theme=${window.__swc_hack_knobs__.defaultThemeVariant}\n >\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\n id=\"flex-theme\"\n color=\"dark\"\n theme=${window.__swc_hack_knobs__.defaultThemeVariant}\n >\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\n color=\"${outer}\"\n theme=${window.__swc_hack_knobs__.defaultThemeVariant}\n >\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\n color=\"${inner}\"\n dir=\"ltr\"\n theme=${window.__swc_hack_knobs__.defaultThemeVariant}\n >\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\n color=\"${inner}\"\n theme=${window.__swc_hack_knobs__.defaultThemeVariant}\n >\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\n color=\"${outer}\"\n dir=\"rtl\"\n theme=${window.__swc_hack_knobs__.defaultThemeVariant}\n >\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"]}
package/test/theme-lazy.test.js CHANGED
@@ -23,7 +23,7 @@ describe('Themes - lazy', () => {
23
23
  beforeEach(() => {
24
24
  Theme.themeFragmentsByKind.clear();
25
25
  // Core is registered by default in `theme.ts`
26
- Theme.registerThemeFragment('core', 'core', coreStyles);
26
+ Theme.registerThemeFragment('spectrum', 'theme', coreStyles);
27
27
  });
28
28
  after(() => {
29
29
  Theme.registerThemeFragment('light', 'color', lightStyles);
package/test/theme-lazy.test.js.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"theme-lazy.test.js","sourceRoot":"","sources":["theme-lazy.test.ts"],"names":[],"mappings":"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","sourcesContent":["/*\nCopyright 2020 Adobe. All rights reserved.\nThis file is licensed to you under the Apache License, Version 2.0 (the \"License\");\nyou may not use this file except in compliance with the License. You may obtain a copy\nof the License at http://www.apache.org/licenses/LICENSE-2.0\n\nUnless required by applicable law or agreed to in writing, software distributed under\nthe License is distributed on an \"AS IS\" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS\nOF ANY KIND, either express or implied. See the License for the specific language\ngoverning permissions and limitations under the License.\n*/\n\nimport '../sp-theme.js';\nimport { Theme, ThemeFragmentMap } from '../';\nimport coreStyles from '../src/theme.css.js';\nimport lightStyles from '../src/theme-light.css.js';\nimport lightestStyles from '../src/theme-lightest.css.js';\nimport darkStyles from '../src/theme-dark.css.js';\nimport darkestStyles from '../src/theme-darkest.css.js';\nimport largeStyles from '../src/scale-large.css.js';\nimport mediumStyles from '../src/scale-medium.css.js';\nimport { elementUpdated, expect, fixture, html } from '@open-wc/testing';\n\ntype TestableThemeConstructor = {\n instances: Set<Theme>;\n themeFragmentsByKind: ThemeFragmentMap;\n};\n\ndescribe('Themes - lazy', () => {\n beforeEach(() => {\n (\n Theme as unknown as TestableThemeConstructor\n ).themeFragmentsByKind.clear();\n // Core is registered by default in `theme.ts`\n Theme.registerThemeFragment('core', 'core', coreStyles);\n });\n after(() => {\n Theme.registerThemeFragment('light', 'color', lightStyles);\n Theme.registerThemeFragment('lightest', 'color', lightestStyles);\n Theme.registerThemeFragment('dark', 'color', darkStyles);\n Theme.registerThemeFragment('darkest', 'color', darkestStyles);\n Theme.registerThemeFragment('large', 'scale', largeStyles);\n Theme.registerThemeFragment('medium', 'scale', mediumStyles);\n });\n it('loads w/ no themes and none set', async () => {\n const el = await fixture<Theme>(\n html`\n <sp-theme></sp-theme>\n `\n );\n\n await elementUpdated(el);\n\n if (el.shadowRoot.adoptedStyleSheets) {\n expect(el.shadowRoot.adoptedStyleSheets.length).to.equal(1);\n } else {\n expect(\n [...el.shadowRoot.querySelectorAll('style')].length\n ).to.equal(1);\n }\n expect(el.color).to.equal('');\n expect(el.scale).to.equal('');\n });\n it('loads w/ themes and none set', async () => {\n const el = await fixture<Theme>(\n html`\n <sp-theme></sp-theme>\n `\n );\n\n await elementUpdated(el);\n\n Theme.registerThemeFragment('light', 'color', lightStyles);\n Theme.registerThemeFragment('medium', 'scale', mediumStyles);\n\n await elementUpdated(el);\n\n if (el.shadowRoot.adoptedStyleSheets) {\n expect(el.shadowRoot.adoptedStyleSheets.length).to.equal(1);\n } else {\n expect(\n [...el.shadowRoot.querySelectorAll('style')].length\n ).to.equal(1);\n }\n expect(el.color).to.equal('light');\n expect(el.scale).to.equal('medium');\n });\n it('loads w/ no themes', async () => {\n const el = await fixture<Theme>(\n html`\n <sp-theme color=\"lightest\" scale=\"large\"></sp-theme>\n `\n );\n\n await elementUpdated(el);\n\n if (el.shadowRoot.adoptedStyleSheets) {\n expect(el.shadowRoot.adoptedStyleSheets.length).to.equal(1);\n } else {\n expect(\n [...el.shadowRoot.querySelectorAll('style')].length\n ).to.equal(1);\n }\n });\n it('loads w/ not enough themes', async () => {\n const el = await fixture<Theme>(\n html`\n <sp-theme color=\"lightest\" scale=\"large\"></sp-theme>\n `\n );\n\n await elementUpdated(el);\n\n Theme.registerThemeFragment('light', 'color', lightStyles);\n Theme.registerThemeFragment('medium', 'scale', mediumStyles);\n\n await elementUpdated(el);\n\n if (el.shadowRoot.adoptedStyleSheets) {\n expect(el.shadowRoot.adoptedStyleSheets.length).to.equal(1);\n } else {\n expect(\n [...el.shadowRoot.querySelectorAll('style')].length\n ).to.equal(1);\n }\n });\n it('loads w/ lazy themes', async () => {\n const el = await fixture<Theme>(\n html`\n <sp-theme color=\"lightest\" scale=\"large\"></sp-theme>\n `\n );\n\n await elementUpdated(el);\n\n Theme.registerThemeFragment('light', 'color', lightStyles);\n Theme.registerThemeFragment('medium', 'scale', mediumStyles);\n\n await elementUpdated(el);\n\n if (el.shadowRoot.adoptedStyleSheets) {\n expect(el.shadowRoot.adoptedStyleSheets.length).to.equal(1);\n } else {\n expect(\n [...el.shadowRoot.querySelectorAll('style')].length\n ).to.equal(1);\n }\n\n Theme.registerThemeFragment('lightest', 'color', lightestStyles);\n Theme.registerThemeFragment('large', 'scale', largeStyles);\n\n await elementUpdated(el);\n\n if (el.shadowRoot.adoptedStyleSheets) {\n expect(el.shadowRoot.adoptedStyleSheets.length).to.equal(3);\n } else {\n expect(\n [...el.shadowRoot.querySelectorAll('style')].length\n ).to.equal(3);\n }\n });\n});\n"]}
1
+ {"version":3,"file":"theme-lazy.test.js","sourceRoot":"","sources":["theme-lazy.test.ts"],"names":[],"mappings":"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","sourcesContent":["/*\nCopyright 2020 Adobe. All rights reserved.\nThis file is licensed to you under the Apache License, Version 2.0 (the \"License\");\nyou may not use this file except in compliance with the License. You may obtain a copy\nof the License at http://www.apache.org/licenses/LICENSE-2.0\n\nUnless required by applicable law or agreed to in writing, software distributed under\nthe License is distributed on an \"AS IS\" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS\nOF ANY KIND, either express or implied. See the License for the specific language\ngoverning permissions and limitations under the License.\n*/\n\nimport '../sp-theme.js';\nimport { Theme, ThemeFragmentMap } from '../';\nimport coreStyles from '../src/theme.css.js';\nimport lightStyles from '../src/theme-light.css.js';\nimport lightestStyles from '../src/theme-lightest.css.js';\nimport darkStyles from '../src/theme-dark.css.js';\nimport darkestStyles from '../src/theme-darkest.css.js';\nimport largeStyles from '../src/scale-large.css.js';\nimport mediumStyles from '../src/scale-medium.css.js';\nimport { elementUpdated, expect, fixture, html } from '@open-wc/testing';\n\ntype TestableThemeConstructor = {\n instances: Set<Theme>;\n themeFragmentsByKind: ThemeFragmentMap;\n};\n\ndescribe('Themes - lazy', () => {\n beforeEach(() => {\n (\n Theme as unknown as TestableThemeConstructor\n ).themeFragmentsByKind.clear();\n // Core is registered by default in `theme.ts`\n Theme.registerThemeFragment('spectrum', 'theme', coreStyles);\n });\n after(() => {\n Theme.registerThemeFragment('light', 'color', lightStyles);\n Theme.registerThemeFragment('lightest', 'color', lightestStyles);\n Theme.registerThemeFragment('dark', 'color', darkStyles);\n Theme.registerThemeFragment('darkest', 'color', darkestStyles);\n Theme.registerThemeFragment('large', 'scale', largeStyles);\n Theme.registerThemeFragment('medium', 'scale', mediumStyles);\n });\n it('loads w/ no themes and none set', async () => {\n const el = await fixture<Theme>(\n html`\n <sp-theme></sp-theme>\n `\n );\n\n await elementUpdated(el);\n\n if (el.shadowRoot.adoptedStyleSheets) {\n expect(el.shadowRoot.adoptedStyleSheets.length).to.equal(1);\n } else {\n expect(\n [...el.shadowRoot.querySelectorAll('style')].length\n ).to.equal(1);\n }\n expect(el.color).to.equal('');\n expect(el.scale).to.equal('');\n });\n it('loads w/ themes and none set', async () => {\n const el = await fixture<Theme>(\n html`\n <sp-theme></sp-theme>\n `\n );\n\n await elementUpdated(el);\n\n Theme.registerThemeFragment('light', 'color', lightStyles);\n Theme.registerThemeFragment('medium', 'scale', mediumStyles);\n\n await elementUpdated(el);\n\n if (el.shadowRoot.adoptedStyleSheets) {\n expect(el.shadowRoot.adoptedStyleSheets.length).to.equal(1);\n } else {\n expect(\n [...el.shadowRoot.querySelectorAll('style')].length\n ).to.equal(1);\n }\n expect(el.color).to.equal('light');\n expect(el.scale).to.equal('medium');\n });\n it('loads w/ no themes', async () => {\n const el = await fixture<Theme>(\n html`\n <sp-theme color=\"lightest\" scale=\"large\"></sp-theme>\n `\n );\n\n await elementUpdated(el);\n\n if (el.shadowRoot.adoptedStyleSheets) {\n expect(el.shadowRoot.adoptedStyleSheets.length).to.equal(1);\n } else {\n expect(\n [...el.shadowRoot.querySelectorAll('style')].length\n ).to.equal(1);\n }\n });\n it('loads w/ not enough themes', async () => {\n const el = await fixture<Theme>(\n html`\n <sp-theme color=\"lightest\" scale=\"large\"></sp-theme>\n `\n );\n\n await elementUpdated(el);\n\n Theme.registerThemeFragment('light', 'color', lightStyles);\n Theme.registerThemeFragment('medium', 'scale', mediumStyles);\n\n await elementUpdated(el);\n\n if (el.shadowRoot.adoptedStyleSheets) {\n expect(el.shadowRoot.adoptedStyleSheets.length).to.equal(1);\n } else {\n expect(\n [...el.shadowRoot.querySelectorAll('style')].length\n ).to.equal(1);\n }\n });\n it('loads w/ lazy themes', async () => {\n const el = await fixture<Theme>(\n html`\n <sp-theme color=\"lightest\" scale=\"large\"></sp-theme>\n `\n );\n\n await elementUpdated(el);\n\n Theme.registerThemeFragment('light', 'color', lightStyles);\n Theme.registerThemeFragment('medium', 'scale', mediumStyles);\n\n await elementUpdated(el);\n\n if (el.shadowRoot.adoptedStyleSheets) {\n expect(el.shadowRoot.adoptedStyleSheets.length).to.equal(1);\n } else {\n expect(\n [...el.shadowRoot.querySelectorAll('style')].length\n ).to.equal(1);\n }\n\n Theme.registerThemeFragment('lightest', 'color', lightestStyles);\n Theme.registerThemeFragment('large', 'scale', largeStyles);\n\n await elementUpdated(el);\n\n if (el.shadowRoot.adoptedStyleSheets) {\n expect(el.shadowRoot.adoptedStyleSheets.length).to.equal(3);\n } else {\n expect(\n [...el.shadowRoot.querySelectorAll('style')].length\n ).to.equal(3);\n }\n });\n});\n"]}
package/test/themes.test.js CHANGED
@@ -17,7 +17,7 @@ import { css } from '@spectrum-web-components/base';
17
17
  describe('Themes', () => {
18
18
  it('loads - light', async () => {
19
19
  const el = await fixture(html `
20
- <sp-theme color="light"></sp-theme>
20
+ <sp-theme theme="classic" color="light"></sp-theme>
21
21
  `);
22
22
  await elementUpdated(el);
23
23
  expect(el).to.exist;
@@ -41,7 +41,7 @@ describe('Themes', () => {
41
41
  });
42
42
  it('adds an instance only once', async () => {
43
43
  const el = await fixture(html `
44
- <sp-theme></sp-theme>
44
+ <sp-theme theme="express"></sp-theme>
45
45
  `);
46
46
  await elementUpdated(el);
47
47
  const testableTheme = Theme;