@salutejs-ds/test1750 0.1.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 (156) hide show
  1. package/LICENSE.txt +21 -0
  2. package/components/Button/Button.config.d.ts +25 -0
  3. package/components/Button/Button.config.js +33 -0
  4. package/components/Button/Button.config.js.map +1 -0
  5. package/components/Button/Button.config_qbl4tb.css +10 -0
  6. package/components/Button/Button.css +10 -0
  7. package/components/Button/Button.d.ts +64 -0
  8. package/components/Button/Button.js +17 -0
  9. package/components/Button/Button.js.map +1 -0
  10. package/components/Button/index.d.ts +1 -0
  11. package/components/Checkbox/Checkbox.config.d.ts +18 -0
  12. package/components/Checkbox/Checkbox.config.js +26 -0
  13. package/components/Checkbox/Checkbox.config.js.map +1 -0
  14. package/components/Checkbox/Checkbox.config_i1wugf.css +6 -0
  15. package/components/Checkbox/Checkbox.css +6 -0
  16. package/components/Checkbox/Checkbox.d.ts +14 -0
  17. package/components/Checkbox/Checkbox.js +17 -0
  18. package/components/Checkbox/Checkbox.js.map +1 -0
  19. package/components/Checkbox/index.d.ts +1 -0
  20. package/components/Counter/Counter.config.d.ts +23 -0
  21. package/components/Counter/Counter.config.js +31 -0
  22. package/components/Counter/Counter.config.js.map +1 -0
  23. package/components/Counter/Counter.config_ijx2rj.css +11 -0
  24. package/components/Counter/Counter.css +11 -0
  25. package/components/Counter/Counter.d.ts +19 -0
  26. package/components/Counter/Counter.js +17 -0
  27. package/components/Counter/Counter.js.map +1 -0
  28. package/components/Counter/index.d.ts +1 -0
  29. package/components/IconButton/IconButton.config.d.ts +24 -0
  30. package/components/IconButton/IconButton.config.js +32 -0
  31. package/components/IconButton/IconButton.config.js.map +1 -0
  32. package/components/IconButton/IconButton.config_21llfv.css +9 -0
  33. package/components/IconButton/IconButton.css +9 -0
  34. package/components/IconButton/IconButton.d.ts +63 -0
  35. package/components/IconButton/IconButton.js +17 -0
  36. package/components/IconButton/IconButton.js.map +1 -0
  37. package/components/IconButton/index.d.ts +1 -0
  38. package/components/Link/Link.config.d.ts +20 -0
  39. package/components/Link/Link.config.js +28 -0
  40. package/components/Link/Link.config.js.map +1 -0
  41. package/components/Link/Link.config_p3x5fy.css +8 -0
  42. package/components/Link/Link.css +8 -0
  43. package/components/Link/Link.d.ts +16 -0
  44. package/components/Link/Link.js +17 -0
  45. package/components/Link/Link.js.map +1 -0
  46. package/components/Link/index.d.ts +1 -0
  47. package/components/Radiobox/Radiobox.config.d.ts +18 -0
  48. package/components/Radiobox/Radiobox.config.js +26 -0
  49. package/components/Radiobox/Radiobox.config.js.map +1 -0
  50. package/components/Radiobox/Radiobox.config_1ok209z.css +6 -0
  51. package/components/Radiobox/Radiobox.css +6 -0
  52. package/components/Radiobox/Radiobox.d.ts +14 -0
  53. package/components/Radiobox/Radiobox.js +17 -0
  54. package/components/Radiobox/Radiobox.js.map +1 -0
  55. package/components/Radiobox/index.d.ts +1 -0
  56. package/css/test1750.module.css +2396 -0
  57. package/css/test1750__dark.css +1539 -0
  58. package/css/test1750__light.css +1539 -0
  59. package/es/components/Button/Button.config.js +29 -0
  60. package/es/components/Button/Button.config.js.map +1 -0
  61. package/es/components/Button/Button.config_qbl4tb.css +10 -0
  62. package/es/components/Button/Button.css +10 -0
  63. package/es/components/Button/Button.js +13 -0
  64. package/es/components/Button/Button.js.map +1 -0
  65. package/es/components/Checkbox/Checkbox.config.js +22 -0
  66. package/es/components/Checkbox/Checkbox.config.js.map +1 -0
  67. package/es/components/Checkbox/Checkbox.config_i1wugf.css +6 -0
  68. package/es/components/Checkbox/Checkbox.css +6 -0
  69. package/es/components/Checkbox/Checkbox.js +13 -0
  70. package/es/components/Checkbox/Checkbox.js.map +1 -0
  71. package/es/components/Counter/Counter.config.js +27 -0
  72. package/es/components/Counter/Counter.config.js.map +1 -0
  73. package/es/components/Counter/Counter.config_ijx2rj.css +11 -0
  74. package/es/components/Counter/Counter.css +11 -0
  75. package/es/components/Counter/Counter.js +13 -0
  76. package/es/components/Counter/Counter.js.map +1 -0
  77. package/es/components/IconButton/IconButton.config.js +28 -0
  78. package/es/components/IconButton/IconButton.config.js.map +1 -0
  79. package/es/components/IconButton/IconButton.config_21llfv.css +9 -0
  80. package/es/components/IconButton/IconButton.css +9 -0
  81. package/es/components/IconButton/IconButton.js +13 -0
  82. package/es/components/IconButton/IconButton.js.map +1 -0
  83. package/es/components/Link/Link.config.js +24 -0
  84. package/es/components/Link/Link.config.js.map +1 -0
  85. package/es/components/Link/Link.config_p3x5fy.css +8 -0
  86. package/es/components/Link/Link.css +8 -0
  87. package/es/components/Link/Link.js +13 -0
  88. package/es/components/Link/Link.js.map +1 -0
  89. package/es/components/Radiobox/Radiobox.config.js +22 -0
  90. package/es/components/Radiobox/Radiobox.config.js.map +1 -0
  91. package/es/components/Radiobox/Radiobox.config_1ok209z.css +6 -0
  92. package/es/components/Radiobox/Radiobox.css +6 -0
  93. package/es/components/Radiobox/Radiobox.js +13 -0
  94. package/es/components/Radiobox/Radiobox.js.map +1 -0
  95. package/es/index.css +55 -0
  96. package/es/index.js +10 -0
  97. package/es/index.js.map +1 -0
  98. package/es/theme/themes/test1750__dark.js +6 -0
  99. package/es/theme/themes/test1750__dark.js.map +1 -0
  100. package/es/theme/themes/test1750__light.js +6 -0
  101. package/es/theme/themes/test1750__light.js.map +1 -0
  102. package/es/theme/tokens/index.js +3167 -0
  103. package/es/theme/tokens/index.js.map +1 -0
  104. package/index.css +55 -0
  105. package/index.d.ts +7 -0
  106. package/index.js +960 -0
  107. package/index.js.map +1 -0
  108. package/package.json +99 -0
  109. package/styled-components/cjs/Button/Button.config.js +34 -0
  110. package/styled-components/cjs/Button/Button.js +15 -0
  111. package/styled-components/cjs/Button/index.js +12 -0
  112. package/styled-components/cjs/Checkbox/Checkbox.config.js +27 -0
  113. package/styled-components/cjs/Checkbox/Checkbox.js +15 -0
  114. package/styled-components/cjs/Checkbox/index.js +12 -0
  115. package/styled-components/cjs/Counter/Counter.config.js +32 -0
  116. package/styled-components/cjs/Counter/Counter.js +15 -0
  117. package/styled-components/cjs/Counter/index.js +12 -0
  118. package/styled-components/cjs/IconButton/IconButton.config.js +33 -0
  119. package/styled-components/cjs/IconButton/IconButton.js +15 -0
  120. package/styled-components/cjs/IconButton/index.js +12 -0
  121. package/styled-components/cjs/Link/Link.config.js +29 -0
  122. package/styled-components/cjs/Link/Link.js +15 -0
  123. package/styled-components/cjs/Link/index.js +12 -0
  124. package/styled-components/cjs/Radiobox/Radiobox.config.js +27 -0
  125. package/styled-components/cjs/Radiobox/Radiobox.js +15 -0
  126. package/styled-components/cjs/Radiobox/index.js +12 -0
  127. package/styled-components/es/Button/Button.config.js +28 -0
  128. package/styled-components/es/Button/Button.js +9 -0
  129. package/styled-components/es/Button/index.js +1 -0
  130. package/styled-components/es/Checkbox/Checkbox.config.js +21 -0
  131. package/styled-components/es/Checkbox/Checkbox.js +9 -0
  132. package/styled-components/es/Checkbox/index.js +1 -0
  133. package/styled-components/es/Counter/Counter.config.js +26 -0
  134. package/styled-components/es/Counter/Counter.js +9 -0
  135. package/styled-components/es/Counter/index.js +1 -0
  136. package/styled-components/es/IconButton/IconButton.config.js +27 -0
  137. package/styled-components/es/IconButton/IconButton.js +9 -0
  138. package/styled-components/es/IconButton/index.js +1 -0
  139. package/styled-components/es/Link/Link.config.js +23 -0
  140. package/styled-components/es/Link/Link.js +9 -0
  141. package/styled-components/es/Link/index.js +1 -0
  142. package/styled-components/es/Radiobox/Radiobox.config.js +21 -0
  143. package/styled-components/es/Radiobox/Radiobox.js +9 -0
  144. package/styled-components/es/Radiobox/index.js +1 -0
  145. package/styled-components/package.json +5 -0
  146. package/theme/index.d.ts +2 -0
  147. package/theme/themes/index.d.ts +2 -0
  148. package/theme/themes/test1750__dark.d.ts +1 -0
  149. package/theme/themes/test1750__dark.js +10 -0
  150. package/theme/themes/test1750__dark.js.map +1 -0
  151. package/theme/themes/test1750__light.d.ts +1 -0
  152. package/theme/themes/test1750__light.js +10 -0
  153. package/theme/themes/test1750__light.js.map +1 -0
  154. package/theme/tokens/index.d.ts +2229 -0
  155. package/theme/tokens/index.js +4105 -0
  156. package/theme/tokens/index.js.map +1 -0
@@ -0,0 +1,21 @@
1
+ var _templateObject, _templateObject2, _templateObject3, _templateObject4, _templateObject5, _templateObject6;
2
+ function _taggedTemplateLiteral(e, t) { return t || (t = e.slice(0)), Object.freeze(Object.defineProperties(e, { raw: { value: Object.freeze(t) } })); }
3
+ import { css, checkboxTokens } from '@salutejs/plasma-new-hope/styled-components';
4
+ export var config = {
5
+ defaults: {
6
+ view: 'accent',
7
+ size: 'm'
8
+ },
9
+ variations: {
10
+ view: {
11
+ negative: /*#__PURE__*/css(_templateObject || (_templateObject = /*#__PURE__*/_taggedTemplateLiteral(["\n ", ": var(--text-negative);\n ", ": var(--text-secondary);\n ", ": var(--on-dark-text-primary);\n ", ": transparent;\n ", ": transparent;\n ", ": var(--text-primary);\n ", ": var(--text-negative);\n "])), checkboxTokens.fillColor, checkboxTokens.descriptionColor, checkboxTokens.iconColor, checkboxTokens.triggerBackgroundColor, checkboxTokens.triggerBorderCheckedColor, checkboxTokens.labelColor, checkboxTokens.triggerBorderColor),
12
+ accent: /*#__PURE__*/css(_templateObject2 || (_templateObject2 = /*#__PURE__*/_taggedTemplateLiteral(["\n ", ": var(--text-primary);\n ", ": var(--text-secondary);\n ", ": var(--text-accent);\n ", ": var(--text-secondary);\n ", ": var(--on-dark-text-primary);\n ", ": transparent;\n ", ": transparent;\n "])), checkboxTokens.labelColor, checkboxTokens.triggerBorderColor, checkboxTokens.fillColor, checkboxTokens.descriptionColor, checkboxTokens.iconColor, checkboxTokens.triggerBackgroundColor, checkboxTokens.triggerBorderCheckedColor)
13
+ },
14
+ size: {
15
+ l: /*#__PURE__*/css(_templateObject3 || (_templateObject3 = /*#__PURE__*/_taggedTemplateLiteral(["\n ", ": 1.25rem;\n ", ": 0.125rem;\n ", ": var(--plasma-typo-body-m-font-family);\n ", ": var(--plasma-typo-body-m-font-size);\n ", ": var(--plasma-typo-body-m-font-style);\n ", ": var(--plasma-typo-body-m-font-weight);\n ", ": var(--plasma-typo-body-m-letter-spacing);\n ", ": var(--plasma-typo-body-m-line-height);\n ", ": 0rem;\n ", ": var(--border-radius-xs);\n ", ": 0.125rem;\n ", ": 0.0625rem;\n ", ": var(--plasma-typo-body-l-font-family);\n ", ": var(--plasma-typo-body-l-font-size);\n ", ": var(--plasma-typo-body-l-font-style);\n ", ": var(--plasma-typo-body-l-font-weight);\n ", ": var(--plasma-typo-body-l-letter-spacing);\n ", ": var(--plasma-typo-body-l-line-height);\n ", ": 0.125rem;\n ", ": 0.75rem;\n "])), checkboxTokens.triggerSize, checkboxTokens.descriptionMarginTop, checkboxTokens.descriptionFontFamily, checkboxTokens.descriptionFontSize, checkboxTokens.descriptionFontStyle, checkboxTokens.descriptionFontWeight, checkboxTokens.descriptionLetterSpacing, checkboxTokens.descriptionLineHeight, checkboxTokens.margin, checkboxTokens.triggerBorderRadius, checkboxTokens.triggerBorderWidth, checkboxTokens.contentTopOffset, checkboxTokens.labelFontFamily, checkboxTokens.labelFontSize, checkboxTokens.labelFontStyle, checkboxTokens.labelFontWeight, checkboxTokens.labelLetterSpacing, checkboxTokens.labelLineHeight, checkboxTokens.triggerPadding, checkboxTokens.contentLeftOffset),
16
+ s: /*#__PURE__*/css(_templateObject4 || (_templateObject4 = /*#__PURE__*/_taggedTemplateLiteral(["\n ", ": 0.0625rem;\n ", ": 0.5rem;\n ", ": 0.875rem;\n ", ": 0.125rem;\n ", ": var(--plasma-typo-body-xs-font-family);\n ", ": var(--plasma-typo-body-xs-font-size);\n ", ": var(--plasma-typo-body-xs-font-style);\n ", ": var(--plasma-typo-body-xs-font-weight);\n ", ": var(--plasma-typo-body-xs-letter-spacing);\n ", ": var(--plasma-typo-body-xs-line-height);\n ", ": 0rem;\n ", ": var(--border-radius-xxs);\n ", ": 0.0625rem;\n ", ": 0rem;\n ", ": var(--plasma-typo-body-s-font-family);\n ", ": var(--plasma-typo-body-s-font-size);\n ", ": var(--plasma-typo-body-s-font-style);\n ", ": var(--plasma-typo-body-s-font-weight);\n ", ": var(--plasma-typo-body-s-letter-spacing);\n ", ": var(--plasma-typo-body-s-line-height);\n "])), checkboxTokens.triggerPadding, checkboxTokens.contentLeftOffset, checkboxTokens.triggerSize, checkboxTokens.descriptionMarginTop, checkboxTokens.descriptionFontFamily, checkboxTokens.descriptionFontSize, checkboxTokens.descriptionFontStyle, checkboxTokens.descriptionFontWeight, checkboxTokens.descriptionLetterSpacing, checkboxTokens.descriptionLineHeight, checkboxTokens.margin, checkboxTokens.triggerBorderRadius, checkboxTokens.triggerBorderWidth, checkboxTokens.contentTopOffset, checkboxTokens.labelFontFamily, checkboxTokens.labelFontSize, checkboxTokens.labelFontStyle, checkboxTokens.labelFontWeight, checkboxTokens.labelLetterSpacing, checkboxTokens.labelLineHeight),
17
+ m: /*#__PURE__*/css(_templateObject5 || (_templateObject5 = /*#__PURE__*/_taggedTemplateLiteral(["\n ", ": 0rem;\n ", ": var(--border-radius-xs);\n ", ": 0.125rem;\n ", ": 0.0625rem;\n ", ": var(--plasma-typo-body-m-font-family);\n ", ": var(--plasma-typo-body-m-font-size);\n ", ": var(--plasma-typo-body-m-font-style);\n ", ": var(--plasma-typo-body-m-font-weight);\n ", ": var(--plasma-typo-body-m-letter-spacing);\n ", ": var(--plasma-typo-body-m-line-height);\n ", ": 0.125rem;\n ", ": 0.75rem;\n ", ": 1.25rem;\n ", ": 0.125rem;\n ", ": var(--plasma-typo-body-s-font-family);\n ", ": var(--plasma-typo-body-s-font-size);\n ", ": var(--plasma-typo-body-s-font-style);\n ", ": var(--plasma-typo-body-s-font-weight);\n ", ": var(--plasma-typo-body-s-letter-spacing);\n ", ": var(--plasma-typo-body-s-line-height);\n "])), checkboxTokens.margin, checkboxTokens.triggerBorderRadius, checkboxTokens.triggerBorderWidth, checkboxTokens.contentTopOffset, checkboxTokens.labelFontFamily, checkboxTokens.labelFontSize, checkboxTokens.labelFontStyle, checkboxTokens.labelFontWeight, checkboxTokens.labelLetterSpacing, checkboxTokens.labelLineHeight, checkboxTokens.triggerPadding, checkboxTokens.contentLeftOffset, checkboxTokens.triggerSize, checkboxTokens.descriptionMarginTop, checkboxTokens.descriptionFontFamily, checkboxTokens.descriptionFontSize, checkboxTokens.descriptionFontStyle, checkboxTokens.descriptionFontWeight, checkboxTokens.descriptionLetterSpacing, checkboxTokens.descriptionLineHeight)
18
+ }
19
+ },
20
+ invariants: /*#__PURE__*/css(_templateObject6 || (_templateObject6 = /*#__PURE__*/_taggedTemplateLiteral(["\n ", ": var(--text-accent);\n ", ": 0.4;\n "])), checkboxTokens.focusColor, checkboxTokens.disabledOpacity)
21
+ };
@@ -0,0 +1,9 @@
1
+ import { checkboxConfig, component, mergeConfig } from '@salutejs/plasma-new-hope/styled-components';
2
+ import { config } from './Checkbox.config';
3
+ var mergedConfig = /*#__PURE__*/mergeConfig(checkboxConfig, config);
4
+ var CheckboxComponent = /*#__PURE__*/component(mergedConfig);
5
+
6
+ /**
7
+ * Чекбокс.
8
+ */
9
+ export var Checkbox = CheckboxComponent;
@@ -0,0 +1 @@
1
+ export { Checkbox } from './Checkbox';
@@ -0,0 +1,26 @@
1
+ var _templateObject, _templateObject2, _templateObject3, _templateObject4, _templateObject5, _templateObject6, _templateObject7, _templateObject8, _templateObject9, _templateObject0, _templateObject1;
2
+ function _taggedTemplateLiteral(e, t) { return t || (t = e.slice(0)), Object.freeze(Object.defineProperties(e, { raw: { value: Object.freeze(t) } })); }
3
+ import { css, counterTokens } from '@salutejs/plasma-new-hope/styled-components';
4
+ export var config = {
5
+ defaults: {
6
+ size: 'XS',
7
+ view: 'default'
8
+ },
9
+ variations: {
10
+ size: {
11
+ S: /*#__PURE__*/css(_templateObject || (_templateObject = /*#__PURE__*/_taggedTemplateLiteral(["\n ", ": 1.25rem;\n ", ": 0.375rem;\n ", ": var(--border-radius-l);\n ", ": var(--plasma-typo-body-xxs-font-family);\n ", ": var(--plasma-typo-body-xxs-font-size);\n ", ": var(--plasma-typo-body-xxs-font-style);\n ", ": var(--plasma-typo-body-xxs-font-weight);\n ", ": var(--plasma-typo-body-xxs-letter-spacing);\n ", ": var(--plasma-typo-body-xxs-line-height);\n "])), counterTokens.height, counterTokens.padding, counterTokens.borderRadius, counterTokens.fontFamily, counterTokens.fontSize, counterTokens.fontStyle, counterTokens.fontWeight, counterTokens.letterSpacing, counterTokens.lineHeight),
12
+ l: /*#__PURE__*/css(_templateObject2 || (_templateObject2 = /*#__PURE__*/_taggedTemplateLiteral(["\n ", ": 0.625rem;\n ", ": var(--plasma-typo-body-s-font-family);\n ", ": var(--plasma-typo-body-s-font-size);\n ", ": var(--plasma-typo-body-s-font-style);\n ", ": var(--plasma-typo-body-s-font-weight);\n ", ": var(--plasma-typo-body-s-letter-spacing);\n ", ": var(--plasma-typo-body-s-line-height);\n ", ": var(--border-radius-l);\n ", ": 1.75rem;\n "])), counterTokens.padding, counterTokens.fontFamily, counterTokens.fontSize, counterTokens.fontStyle, counterTokens.fontWeight, counterTokens.letterSpacing, counterTokens.lineHeight, counterTokens.borderRadius, counterTokens.height),
13
+ XS: /*#__PURE__*/css(_templateObject3 || (_templateObject3 = /*#__PURE__*/_taggedTemplateLiteral(["\n ", ": 0.25rem;\n ", ": var(--plasma-typo-body-xxs-font-family);\n ", ": var(--plasma-typo-body-xxs-font-size);\n ", ": var(--plasma-typo-body-xxs-font-style);\n ", ": var(--plasma-typo-body-xxs-font-weight);\n ", ": var(--plasma-typo-body-xxs-letter-spacing);\n ", ": var(--plasma-typo-body-xxs-line-height);\n ", ": 1rem;\n ", ": var(--border-radius-l);\n "])), counterTokens.padding, counterTokens.fontFamily, counterTokens.fontSize, counterTokens.fontStyle, counterTokens.fontWeight, counterTokens.letterSpacing, counterTokens.lineHeight, counterTokens.height, counterTokens.borderRadius),
14
+ m: /*#__PURE__*/css(_templateObject4 || (_templateObject4 = /*#__PURE__*/_taggedTemplateLiteral(["\n ", ": var(--plasma-typo-body-xs-font-family);\n ", ": var(--plasma-typo-body-xs-font-size);\n ", ": var(--plasma-typo-body-xs-font-style);\n ", ": var(--plasma-typo-body-xs-font-weight);\n ", ": var(--plasma-typo-body-xs-letter-spacing);\n ", ": var(--plasma-typo-body-xs-line-height);\n ", ": 1.5rem;\n ", ": var(--border-radius-l);\n ", ": 0.5rem;\n "])), counterTokens.fontFamily, counterTokens.fontSize, counterTokens.fontStyle, counterTokens.fontWeight, counterTokens.letterSpacing, counterTokens.lineHeight, counterTokens.height, counterTokens.borderRadius, counterTokens.padding),
15
+ XXS: /*#__PURE__*/css(_templateObject5 || (_templateObject5 = /*#__PURE__*/_taggedTemplateLiteral(["\n ", ": var(--plasma-typo-body-xxs-font-family);\n ", ": var(--plasma-typo-body-xxs-font-size);\n ", ": var(--plasma-typo-body-xxs-font-style);\n ", ": var(--plasma-typo-body-xxs-font-weight);\n ", ": var(--plasma-typo-body-xxs-letter-spacing);\n ", ": var(--plasma-typo-body-xxs-line-height);\n ", ": var(--border-radius-l);\n ", ": 0.125rem;\n ", ": 0.75rem;\n "])), counterTokens.fontFamily, counterTokens.fontSize, counterTokens.fontStyle, counterTokens.fontWeight, counterTokens.letterSpacing, counterTokens.lineHeight, counterTokens.borderRadius, counterTokens.padding, counterTokens.height)
16
+ },
17
+ view: {
18
+ Accent: /*#__PURE__*/css(_templateObject6 || (_templateObject6 = /*#__PURE__*/_taggedTemplateLiteral(["\n ", ": var(--surface-accent);\n ", ": var(--on-dark-text-primary);\n "])), counterTokens.background, counterTokens.color),
19
+ warning: /*#__PURE__*/css(_templateObject7 || (_templateObject7 = /*#__PURE__*/_taggedTemplateLiteral(["\n ", ": var(--on-dark-text-primary);\n ", ": var(--surface-warning);\n "])), counterTokens.color, counterTokens.background),
20
+ Positive: /*#__PURE__*/css(_templateObject8 || (_templateObject8 = /*#__PURE__*/_taggedTemplateLiteral(["\n ", ": var(--on-dark-text-primary);\n ", ": var(--surface-positive);\n "])), counterTokens.color, counterTokens.background),
21
+ Negative: /*#__PURE__*/css(_templateObject9 || (_templateObject9 = /*#__PURE__*/_taggedTemplateLiteral(["\n ", ": var(--on-dark-text-primary);\n ", ": var(--surface-negative);\n "])), counterTokens.color, counterTokens.background),
22
+ "default": /*#__PURE__*/css(_templateObject0 || (_templateObject0 = /*#__PURE__*/_taggedTemplateLiteral(["\n ", ": var(--surface-solid-default);\n ", ": var(--inverse-text-primary);\n "])), counterTokens.background, counterTokens.color)
23
+ }
24
+ },
25
+ invariants: /*#__PURE__*/css(_templateObject1 || (_templateObject1 = /*#__PURE__*/_taggedTemplateLiteral(["\n\n "])))
26
+ };
@@ -0,0 +1,9 @@
1
+ import { counterConfig, component, mergeConfig } from '@salutejs/plasma-new-hope/styled-components';
2
+ import { config } from './Counter.config';
3
+ var mergedConfig = /*#__PURE__*/mergeConfig(counterConfig, config);
4
+ var CounterComponent = /*#__PURE__*/component(mergedConfig);
5
+
6
+ /**
7
+ * Счётчик.
8
+ */
9
+ export var Counter = CounterComponent;
@@ -0,0 +1 @@
1
+ export { Counter } from './Counter';
@@ -0,0 +1,27 @@
1
+ var _templateObject, _templateObject2, _templateObject3, _templateObject4, _templateObject5, _templateObject6, _templateObject7, _templateObject8, _templateObject9;
2
+ function _taggedTemplateLiteral(e, t) { return t || (t = e.slice(0)), Object.freeze(Object.defineProperties(e, { raw: { value: Object.freeze(t) } })); }
3
+ import { css, iconButtonTokens } from '@salutejs/plasma-new-hope/styled-components';
4
+ export var config = {
5
+ defaults: {
6
+ view: 'default',
7
+ size: 'm',
8
+ shape: 'rounded'
9
+ },
10
+ variations: {
11
+ view: {
12
+ "default": /*#__PURE__*/css(_templateObject || (_templateObject = /*#__PURE__*/_taggedTemplateLiteral(["\n ", ": var(--inverse-text-primary);\n ", ": var(--inverse-text-primary-active);\n ", ": var(--inverse-text-primary-hover);\n ", ": var(--inverse-text-primary);\n ", ": var(--inverse-text-primary);\n ", ": var(--surface-solid-default);\n ", ": var(--surface-solid-default-active);\n ", ": var(--surface-solid-default-hover);\n "])), iconButtonTokens.iconButtonColor, iconButtonTokens.iconButtonColorActive, iconButtonTokens.iconButtonColorHover, iconButtonTokens.iconButtonLoadingBackgroundColor, iconButtonTokens.iconButtonSpinnerColor, iconButtonTokens.iconButtonBackgroundColor, iconButtonTokens.iconButtonBackgroundColorActive, iconButtonTokens.iconButtonBackgroundColorHover),
13
+ secondary: /*#__PURE__*/css(_templateObject2 || (_templateObject2 = /*#__PURE__*/_taggedTemplateLiteral(["\n ", ": var(--text-primary);\n ", ": var(--surface-transparent-secondary);\n ", ": var(--surface-transparent-secondary-hover);\n ", ": var(--surface-transparent-secondary-active);\n ", ": var(--text-primary);\n ", ": var(--text-primary-active);\n ", ": var(--text-primary-hover);\n ", ": var(--text-primary);\n "])), iconButtonTokens.iconButtonSpinnerColor, iconButtonTokens.iconButtonBackgroundColor, iconButtonTokens.iconButtonBackgroundColorHover, iconButtonTokens.iconButtonBackgroundColorActive, iconButtonTokens.iconButtonColor, iconButtonTokens.iconButtonColorActive, iconButtonTokens.iconButtonColorHover, iconButtonTokens.iconButtonLoadingBackgroundColor),
14
+ accent: /*#__PURE__*/css(_templateObject3 || (_templateObject3 = /*#__PURE__*/_taggedTemplateLiteral(["\n ", ": var(--surface-accent);\n ", ": var(--surface-accent-active);\n ", ": var(--surface-accent-hover);\n ", ": var(--on-dark-text-primary);\n ", ": var(--on-dark-text-primary-hover);\n ", ": var(--on-dark-text-primary-active);\n ", ": var(--on-dark-text-primary);\n ", ": var(--on-dark-text-primary);\n "])), iconButtonTokens.iconButtonBackgroundColor, iconButtonTokens.iconButtonBackgroundColorActive, iconButtonTokens.iconButtonBackgroundColorHover, iconButtonTokens.iconButtonColor, iconButtonTokens.iconButtonColorHover, iconButtonTokens.iconButtonColorActive, iconButtonTokens.iconButtonLoadingBackgroundColor, iconButtonTokens.iconButtonSpinnerColor)
15
+ },
16
+ size: {
17
+ xl: /*#__PURE__*/css(_templateObject4 || (_templateObject4 = /*#__PURE__*/_taggedTemplateLiteral(["\n ", ": 4rem;\n ", ": 4rem;\n ", ": 1.25rem;\n ", ": 1.5rem;\n ", ": var(--border-radius-l);\n "])), iconButtonTokens.iconButtonHeight, iconButtonTokens.iconButtonWidth, iconButtonTokens.iconButtonPadding, iconButtonTokens.iconButtonSpinnerSize, iconButtonTokens.iconButtonRadius),
18
+ l: /*#__PURE__*/css(_templateObject5 || (_templateObject5 = /*#__PURE__*/_taggedTemplateLiteral(["\n ", ": 1rem;\n ", ": 1.375rem;\n ", ": var(--border-radius-l);\n ", ": 3.5rem;\n ", ": 3.5rem;\n "])), iconButtonTokens.iconButtonPadding, iconButtonTokens.iconButtonSpinnerSize, iconButtonTokens.iconButtonRadius, iconButtonTokens.iconButtonHeight, iconButtonTokens.iconButtonWidth),
19
+ m: /*#__PURE__*/css(_templateObject6 || (_templateObject6 = /*#__PURE__*/_taggedTemplateLiteral(["\n ", ": 0.75rem;\n ", ": 3rem;\n ", ": 3rem;\n ", ": 1.375rem;\n ", ": var(--border-radius-m);\n "])), iconButtonTokens.iconButtonPadding, iconButtonTokens.iconButtonHeight, iconButtonTokens.iconButtonWidth, iconButtonTokens.iconButtonSpinnerSize, iconButtonTokens.iconButtonRadius)
20
+ },
21
+ shape: {
22
+ rounded: /*#__PURE__*/css(_templateObject7 || (_templateObject7 = /*#__PURE__*/_taggedTemplateLiteral([""]))),
23
+ pilled: /*#__PURE__*/css(_templateObject8 || (_templateObject8 = /*#__PURE__*/_taggedTemplateLiteral(["\n ", ": var(--border-radius-circle);\n "])), iconButtonTokens.iconButtonRadius)
24
+ }
25
+ },
26
+ invariants: /*#__PURE__*/css(_templateObject9 || (_templateObject9 = /*#__PURE__*/_taggedTemplateLiteral(["\n ", ": var(--text-accent);\n ", ": 0.4;\n "])), iconButtonTokens.iconButtonFocusColor, iconButtonTokens.iconButtonDisabledOpacity)
27
+ };
@@ -0,0 +1,9 @@
1
+ import { iconButtonConfig, component, mergeConfig } from '@salutejs/plasma-new-hope/styled-components';
2
+ import { config } from './IconButton.config';
3
+ var mergedConfig = /*#__PURE__*/mergeConfig(iconButtonConfig, config);
4
+ var IconButtonComponent = /*#__PURE__*/component(mergedConfig);
5
+
6
+ /**
7
+ * Кнопка с иконкой.
8
+ */
9
+ export var IconButton = IconButtonComponent;
@@ -0,0 +1 @@
1
+ export { IconButton } from './IconButton';
@@ -0,0 +1,23 @@
1
+ var _templateObject, _templateObject2, _templateObject3, _templateObject4, _templateObject5, _templateObject6, _templateObject7, _templateObject8;
2
+ function _taggedTemplateLiteral(e, t) { return t || (t = e.slice(0)), Object.freeze(Object.defineProperties(e, { raw: { value: Object.freeze(t) } })); }
3
+ import { css, linkTokens } from '@salutejs/plasma-new-hope/styled-components';
4
+ export var config = {
5
+ defaults: {
6
+ view: 'default',
7
+ size: 'm'
8
+ },
9
+ variations: {
10
+ view: {
11
+ accent: /*#__PURE__*/css(_templateObject || (_templateObject = /*#__PURE__*/_taggedTemplateLiteral(["\n ", ": var(--text-accent);\n ", ": var(--text-accent-active);\n ", ": var(--text-accent-hover);\n ", ": var(--text-accent-minor);\n ", ": var(--text-accent-minor-active);\n ", ": var(--text-accent-minor-hover);\n ", ": 0rem;\n "])), linkTokens.linkColor, linkTokens.linkColorActive, linkTokens.linkColorHover, linkTokens.linkColorVisited, linkTokens.linkColorVisitedActive, linkTokens.linkColorVisitedHover, linkTokens.linkUnderlineBorder),
12
+ "default": /*#__PURE__*/css(_templateObject2 || (_templateObject2 = /*#__PURE__*/_taggedTemplateLiteral(["\n ", ": var(--text-primary);\n ", ": var(--text-primary-hover);\n ", ": var(--text-primary-active);\n ", ": var(--text-secondary);\n ", ": var(--text-secondary-hover);\n ", ": var(--text-secondary-active);\n ", ": 0rem;\n "])), linkTokens.linkColor, linkTokens.linkColorHover, linkTokens.linkColorActive, linkTokens.linkColorVisited, linkTokens.linkColorVisitedHover, linkTokens.linkColorVisitedActive, linkTokens.linkUnderlineBorder),
13
+ clear: /*#__PURE__*/css(_templateObject3 || (_templateObject3 = /*#__PURE__*/_taggedTemplateLiteral(["\n ", ": inherit;\n ", ": inherit;\n ", ": 0.0625rem;\n "])), linkTokens.linkColor, linkTokens.linkColorVisited, linkTokens.linkUnderlineBorder),
14
+ secondary: /*#__PURE__*/css(_templateObject4 || (_templateObject4 = /*#__PURE__*/_taggedTemplateLiteral(["\n ", ": var(--text-secondary);\n ", ": var(--text-secondary-active);\n ", ": var(--text-secondary-hover);\n ", ": var(--text-tertiary);\n ", ": var(--text-tertiary-active);\n ", ": var(--text-tertiary-hover);\n ", ": 0rem;\n "])), linkTokens.linkColor, linkTokens.linkColorActive, linkTokens.linkColorHover, linkTokens.linkColorVisited, linkTokens.linkColorVisitedActive, linkTokens.linkColorVisitedHover, linkTokens.linkUnderlineBorder)
15
+ },
16
+ size: {
17
+ m: /*#__PURE__*/css(_templateObject5 || (_templateObject5 = /*#__PURE__*/_taggedTemplateLiteral(["\n ", ": var(--plasma-typo-body-m-font-family);\n ", ": var(--plasma-typo-body-m-font-size);\n ", ": var(--plasma-typo-body-m-font-style);\n ", ": var(--plasma-typo-body-m-font-weight);\n ", ": var(--plasma-typo-body-m-letter-spacing);\n ", ": var(--plasma-typo-body-m-line-height);\n "])), linkTokens.linkFontFamily, linkTokens.linkFontSize, linkTokens.linkFontStyle, linkTokens.linkFontWeight, linkTokens.linkLetterSpacing, linkTokens.linkLineHeight),
18
+ l: /*#__PURE__*/css(_templateObject6 || (_templateObject6 = /*#__PURE__*/_taggedTemplateLiteral(["\n ", ": var(--plasma-typo-body-l-font-family);\n ", ": var(--plasma-typo-body-l-font-size);\n ", ": var(--plasma-typo-body-l-font-style);\n ", ": var(--plasma-typo-body-l-font-weight);\n ", ": var(--plasma-typo-body-l-letter-spacing);\n ", ": var(--plasma-typo-body-l-line-height);\n "])), linkTokens.linkFontFamily, linkTokens.linkFontSize, linkTokens.linkFontStyle, linkTokens.linkFontWeight, linkTokens.linkLetterSpacing, linkTokens.linkLineHeight),
19
+ s: /*#__PURE__*/css(_templateObject7 || (_templateObject7 = /*#__PURE__*/_taggedTemplateLiteral(["\n ", ": var(--plasma-typo-body-s-font-family);\n ", ": var(--plasma-typo-body-s-font-size);\n ", ": var(--plasma-typo-body-s-font-style);\n ", ": var(--plasma-typo-body-s-font-weight);\n ", ": var(--plasma-typo-body-s-letter-spacing);\n ", ": var(--plasma-typo-body-s-line-height);\n "])), linkTokens.linkFontFamily, linkTokens.linkFontSize, linkTokens.linkFontStyle, linkTokens.linkFontWeight, linkTokens.linkLetterSpacing, linkTokens.linkLineHeight)
20
+ }
21
+ },
22
+ invariants: /*#__PURE__*/css(_templateObject8 || (_templateObject8 = /*#__PURE__*/_taggedTemplateLiteral(["\n ", ": var(--text-accent);\n ", ": 0.4;\n "])), linkTokens.linkColorFocus, linkTokens.linkDisabledOpacity)
23
+ };
@@ -0,0 +1,9 @@
1
+ import { linkConfig, component, mergeConfig } from '@salutejs/plasma-new-hope/styled-components';
2
+ import { config } from './Link.config';
3
+ var mergedConfig = /*#__PURE__*/mergeConfig(linkConfig, config);
4
+ var LinkComponent = /*#__PURE__*/component(mergedConfig);
5
+
6
+ /**
7
+ * Ссылка.
8
+ */
9
+ export var Link = LinkComponent;
@@ -0,0 +1 @@
1
+ export { Link } from './Link';
@@ -0,0 +1,21 @@
1
+ var _templateObject, _templateObject2, _templateObject3, _templateObject4, _templateObject5, _templateObject6;
2
+ function _taggedTemplateLiteral(e, t) { return t || (t = e.slice(0)), Object.freeze(Object.defineProperties(e, { raw: { value: Object.freeze(t) } })); }
3
+ import { css, radioboxTokens } from '@salutejs/plasma-new-hope/styled-components';
4
+ export var config = {
5
+ defaults: {
6
+ view: 'accent',
7
+ size: 'm'
8
+ },
9
+ variations: {
10
+ view: {
11
+ accent: /*#__PURE__*/css(_templateObject || (_templateObject = /*#__PURE__*/_taggedTemplateLiteral(["\n ", ": var(--text-accent);\n ", ": var(--text-secondary);\n ", ": var(--text-secondary);\n ", ": var(--on-dark-text-primary);\n ", ": transparent;\n ", ": var(--text-primary);\n ", ": transparent;\n "])), radioboxTokens.fillColor, radioboxTokens.descriptionColor, radioboxTokens.triggerBorderColor, radioboxTokens.ellipseColor, radioboxTokens.triggerBackgroundColor, radioboxTokens.labelColor, radioboxTokens.triggerBorderCheckedColor),
12
+ negative: /*#__PURE__*/css(_templateObject2 || (_templateObject2 = /*#__PURE__*/_taggedTemplateLiteral(["\n ", ": var(--on-dark-text-primary);\n ", ": transparent;\n ", ": var(--text-primary);\n ", ": transparent;\n ", ": var(--text-negative);\n ", ": var(--text-secondary);\n ", ": var(--text-negative);\n "])), radioboxTokens.ellipseColor, radioboxTokens.triggerBackgroundColor, radioboxTokens.labelColor, radioboxTokens.triggerBorderCheckedColor, radioboxTokens.fillColor, radioboxTokens.descriptionColor, radioboxTokens.triggerBorderColor)
13
+ },
14
+ size: {
15
+ m: /*#__PURE__*/css(_templateObject3 || (_templateObject3 = /*#__PURE__*/_taggedTemplateLiteral(["\n ", ": 0.0625rem;\n ", ": 0.75rem;\n ", ": 1.375rem;\n ", ": 0.625rem;\n ", ": 0.125rem;\n ", ": var(--plasma-typo-body-s-font-family);\n ", ": var(--plasma-typo-body-s-font-size);\n ", ": var(--plasma-typo-body-s-font-style);\n ", ": var(--plasma-typo-body-s-font-weight);\n ", ": var(--plasma-typo-body-s-letter-spacing);\n ", ": var(--plasma-typo-body-s-line-height);\n ", ": 0rem;\n ", ": var(--border-radius-xl);\n ", ": 0.125rem;\n ", ": 0.0625rem;\n ", ": var(--plasma-typo-body-m-font-family);\n ", ": var(--plasma-typo-body-m-font-size);\n ", ": var(--plasma-typo-body-m-font-style);\n ", ": var(--plasma-typo-body-m-font-weight);\n ", ": var(--plasma-typo-body-m-letter-spacing);\n ", ": var(--plasma-typo-body-m-line-height);\n "])), radioboxTokens.triggerPadding, radioboxTokens.contentLeftOffset, radioboxTokens.triggerSize, radioboxTokens.ellipseSize, radioboxTokens.descriptionMarginTop, radioboxTokens.descriptionFontFamily, radioboxTokens.descriptionFontSize, radioboxTokens.descriptionFontStyle, radioboxTokens.descriptionFontWeight, radioboxTokens.descriptionLetterSpacing, radioboxTokens.descriptionLineHeight, radioboxTokens.margin, radioboxTokens.triggerBorderRadius, radioboxTokens.triggerBorderWidth, radioboxTokens.contentTopOffset, radioboxTokens.labelFontFamily, radioboxTokens.labelFontSize, radioboxTokens.labelFontStyle, radioboxTokens.labelFontWeight, radioboxTokens.labelLetterSpacing, radioboxTokens.labelLineHeight),
16
+ l: /*#__PURE__*/css(_templateObject4 || (_templateObject4 = /*#__PURE__*/_taggedTemplateLiteral(["\n ", ": 0rem;\n ", ": var(--border-radius-xl);\n ", ": 0.125rem;\n ", ": 0.0625rem;\n ", ": var(--plasma-typo-body-l-font-family);\n ", ": var(--plasma-typo-body-l-font-size);\n ", ": var(--plasma-typo-body-l-font-style);\n ", ": var(--plasma-typo-body-l-font-weight);\n ", ": var(--plasma-typo-body-l-letter-spacing);\n ", ": var(--plasma-typo-body-l-line-height);\n ", ": 0.0625rem;\n ", ": 0.75rem;\n ", ": 1.375rem;\n ", ": 0.625rem;\n ", ": 0.125rem;\n ", ": var(--plasma-typo-body-m-font-family);\n ", ": var(--plasma-typo-body-m-font-size);\n ", ": var(--plasma-typo-body-m-font-style);\n ", ": var(--plasma-typo-body-m-font-weight);\n ", ": var(--plasma-typo-body-m-letter-spacing);\n ", ": var(--plasma-typo-body-m-line-height);\n "])), radioboxTokens.margin, radioboxTokens.triggerBorderRadius, radioboxTokens.triggerBorderWidth, radioboxTokens.contentTopOffset, radioboxTokens.labelFontFamily, radioboxTokens.labelFontSize, radioboxTokens.labelFontStyle, radioboxTokens.labelFontWeight, radioboxTokens.labelLetterSpacing, radioboxTokens.labelLineHeight, radioboxTokens.triggerPadding, radioboxTokens.contentLeftOffset, radioboxTokens.triggerSize, radioboxTokens.ellipseSize, radioboxTokens.descriptionMarginTop, radioboxTokens.descriptionFontFamily, radioboxTokens.descriptionFontSize, radioboxTokens.descriptionFontStyle, radioboxTokens.descriptionFontWeight, radioboxTokens.descriptionLetterSpacing, radioboxTokens.descriptionLineHeight),
17
+ s: /*#__PURE__*/css(_templateObject5 || (_templateObject5 = /*#__PURE__*/_taggedTemplateLiteral(["\n ", ": 1rem;\n ", ": 0.5rem;\n ", ": 0.125rem;\n ", ": var(--plasma-typo-body-xs-font-family);\n ", ": var(--plasma-typo-body-xs-font-size);\n ", ": var(--plasma-typo-body-xs-font-style);\n ", ": var(--plasma-typo-body-xs-font-weight);\n ", ": var(--plasma-typo-body-xs-letter-spacing);\n ", ": var(--plasma-typo-body-xs-line-height);\n ", ": 0rem;\n ", ": var(--border-radius-xl);\n ", ": 0.0625rem;\n ", ": 0rem;\n ", ": var(--plasma-typo-body-s-font-family);\n ", ": var(--plasma-typo-body-s-font-size);\n ", ": var(--plasma-typo-body-s-font-style);\n ", ": var(--plasma-typo-body-s-font-weight);\n ", ": var(--plasma-typo-body-s-letter-spacing);\n ", ": var(--plasma-typo-body-s-line-height);\n ", ": 0.0625rem;\n ", ": 0.5rem;\n "])), radioboxTokens.triggerSize, radioboxTokens.ellipseSize, radioboxTokens.descriptionMarginTop, radioboxTokens.descriptionFontFamily, radioboxTokens.descriptionFontSize, radioboxTokens.descriptionFontStyle, radioboxTokens.descriptionFontWeight, radioboxTokens.descriptionLetterSpacing, radioboxTokens.descriptionLineHeight, radioboxTokens.margin, radioboxTokens.triggerBorderRadius, radioboxTokens.triggerBorderWidth, radioboxTokens.contentTopOffset, radioboxTokens.labelFontFamily, radioboxTokens.labelFontSize, radioboxTokens.labelFontStyle, radioboxTokens.labelFontWeight, radioboxTokens.labelLetterSpacing, radioboxTokens.labelLineHeight, radioboxTokens.triggerPadding, radioboxTokens.contentLeftOffset)
18
+ }
19
+ },
20
+ invariants: /*#__PURE__*/css(_templateObject6 || (_templateObject6 = /*#__PURE__*/_taggedTemplateLiteral(["\n ", ": 0.4;\n ", ": var(--text-accent);\n "])), radioboxTokens.disabledOpacity, radioboxTokens.focusColor)
21
+ };
@@ -0,0 +1,9 @@
1
+ import { radioboxConfig, component, mergeConfig } from '@salutejs/plasma-new-hope/styled-components';
2
+ import { config } from './Radiobox.config';
3
+ var mergedConfig = /*#__PURE__*/mergeConfig(radioboxConfig, config);
4
+ var RadioboxComponent = /*#__PURE__*/component(mergedConfig);
5
+
6
+ /**
7
+ * Переключатель (радиокнопка).
8
+ */
9
+ export var Radiobox = RadioboxComponent;
@@ -0,0 +1 @@
1
+ export { Radiobox } from './Radiobox';
@@ -0,0 +1,5 @@
1
+ {
2
+ "module": "es/index.js",
3
+ "main": "cjs/index.js",
4
+ "types": "../index.d.ts"
5
+ }
@@ -0,0 +1,2 @@
1
+ export * from './themes';
2
+ export * from './tokens';
@@ -0,0 +1,2 @@
1
+ export { test1750__dark } from './test1750__dark';
2
+ export { test1750__light } from './test1750__light';
@@ -0,0 +1 @@
1
+ export declare const test1750__dark: TemplateStringsArray;
@@ -0,0 +1,10 @@
1
+ 'use strict';
2
+
3
+ Object.defineProperty(exports, '__esModule', { value: true });
4
+
5
+ // Generated by robots, do not change this manually!
6
+
7
+ var test1750__dark = ["\n:root {\n --dark-background-primary: #07080B;\n --background-primary: #07080B;\n --inverse-background-primary: #F7F8FB;\n --light-background-primary: #F7F8FB;\n --data-yellow: #F3A912;\n --data-yellow-active: #EDA20CFF;\n --data-yellow-hover: #F4B22FFF;\n --data-yellow-minor: #A16B00;\n --data-yellow-minor-active: #996600FF;\n --data-yellow-minor-hover: #B87A00FF;\n --data-yellow-transparent: #F3A9128F;\n --data-yellow-transparent-active: #F3A81280;\n --data-yellow-transparent-hover: #F3A812AD;\n --inverse-data-yellow: #F3A912;\n --inverse-data-yellow-active: #E49C0CFF;\n --inverse-data-yellow-hover: #F5B638FF;\n --inverse-data-yellow-minor: #FFD37A;\n --inverse-data-yellow-minor-active: #FFCC66FF;\n --inverse-data-yellow-minor-hover: #FFCF70FF;\n --inverse-data-yellow-transparent: #F3A9128F;\n --inverse-data-yellow-transparent-active: #F3A812A3;\n --inverse-data-yellow-transparent-hover: #F3A8129E;\n --on-dark-data-yellow: #F3A912;\n --on-dark-data-yellow-active: #EDA20CFF;\n --on-dark-data-yellow-hover: #F4B22FFF;\n --on-dark-data-yellow-minor: #A16B00;\n --on-dark-data-yellow-minor-active: #996600FF;\n --on-dark-data-yellow-minor-hover: #B87A00FF;\n --on-dark-data-yellow-transparent: #F3A9128F;\n --on-dark-data-yellow-transparent-active: #F3A81280;\n --on-dark-data-yellow-transparent-hover: #F3A812AD;\n --on-light-data-yellow: #F3A912;\n --on-light-data-yellow-active: #E49C0CFF;\n --on-light-data-yellow-hover: #F5B638FF;\n --on-light-data-yellow-minor: #FFD37A;\n --on-light-data-yellow-minor-active: #FFCC66FF;\n --on-light-data-yellow-minor-hover: #FFCF70FF;\n --on-light-data-yellow-transparent: #F3A9128F;\n --on-light-data-yellow-transparent-active: #F3A812A3;\n --on-light-data-yellow-transparent-hover: #F3A8129E;\n --outline-accent: #0D8523;\n --outline-accent-active: #0B741FFF;\n --outline-accent-hover: #13BE32FF;\n --outline-accent-minor: #095C18;\n --outline-accent-minor-active: #074A14FF;\n --outline-accent-minor-hover: #0F9527FF;\n --outline-clear: #FFFFFF00;\n --outline-clear-active: #FFFFFF00;\n --outline-clear-hover: #FFFFFF00;\n --outline-info: #0C72B6;\n --outline-info-active: #0A66A3FF;\n --outline-info-hover: #0F96F0FF;\n --outline-info-minor: #0D5382;\n --outline-info-minor-active: #0B476FFF;\n --outline-info-minor-hover: #1277BAFF;\n --outline-negative: #E31227;\n --outline-negative-active: #C61022FF;\n --outline-negative-hover: #F36876FF;\n --outline-negative-minor: #9C1422;\n --outline-negative-minor-active: #8C121EFF;\n --outline-negative-minor-hover: #D41C2EFF;\n --outline-positive: #0D8523;\n --outline-positive-active: #0B741FFF;\n --outline-positive-hover: #13BE32FF;\n --outline-positive-minor: #095C18;\n --outline-positive-minor-active: #074A14FF;\n --outline-positive-minor-hover: #0F9527FF;\n --outline-read-only: #F7F8FB1F;\n --outline-read-only-active: #F8F9FC12;\n --outline-read-only-hover: #F8F9FC4D;\n --outline-solid-default: #F7F8FB;\n --outline-solid-default-active: #B4BED9FF;\n --outline-solid-default-hover: #C2CAE0FF;\n --outline-solid-primary: #25262D;\n --outline-solid-primary-active: #17181CFF;\n --outline-solid-primary-hover: #4E505FFF;\n --outline-solid-secondary: #4B4C58;\n --outline-solid-secondary-active: #34343DFF;\n --outline-solid-secondary-hover: #A7A8B4FF;\n --outline-solid-tertiary: #828592;\n --outline-solid-tertiary-active: #51535DFF;\n --outline-solid-tertiary-hover: #FFFFFFFF;\n --outline-transparent-accent: #0D852347;\n --outline-transparent-accent-active: #0D87242B;\n --outline-transparent-accent-hover: #0D8724B3;\n --outline-transparent-info: #0C72B6FF;\n --outline-transparent-info-active: #0A66A3FF;\n --outline-transparent-info-hover: #0F96F0FF;\n --outline-transparent-negative: #E31227FF;\n --outline-transparent-negative-active: #C61022FF;\n --outline-transparent-negative-hover: #F36876FF;\n --outline-transparent-positive: #0D8523FF;\n --outline-transparent-positive-active: #0B741FFF;\n --outline-transparent-positive-hover: #13BE32FF;\n --outline-transparent-primary: #F7F8FB1F;\n --outline-transparent-primary-active: #F8F9FC12;\n --outline-transparent-primary-hover: #F8F9FC4D;\n --outline-transparent-secondary: #F7F8FB47;\n --outline-transparent-secondary-active: #F8F9FC2B;\n --outline-transparent-secondary-hover: #F8F9FCB3;\n --outline-transparent-tertiary: #F7F8FB8F;\n --outline-transparent-tertiary-active: #F8F9FC47;\n --outline-transparent-tertiary-hover: #F8F9FCFF;\n --outline-transparent-warning: #D14D00FF;\n --outline-transparent-warning-active: #B34100FF;\n --outline-transparent-warning-hover: #FF8138FF;\n --outline-warning: #D14D00;\n --outline-warning-active: #B34100FF;\n --outline-warning-hover: #FF8138FF;\n --outline-warning-minor: #85380C;\n --outline-warning-minor-active: #70300AFF;\n --outline-warning-minor-hover: #BB4F11FF;\n --inverse-outline-accent: #095C18;\n --inverse-outline-accent-active: #074A14FF;\n --inverse-outline-accent-hover: #0F9527FF;\n --inverse-outline-accent-minor: #28D247;\n --inverse-outline-accent-minor-active: #23B83EFF;\n --inverse-outline-accent-minor-hover: #7AE68EFF;\n --inverse-outline-clear: #FFFFFF00;\n --inverse-outline-clear-active: #FFFFFF00;\n --inverse-outline-clear-hover: #FFFFFF00;\n --inverse-outline-info: #0D5382;\n --inverse-outline-info-active: #093B5DFF;\n --inverse-outline-info-hover: #137DC3FF;\n --inverse-outline-info-minor: #52BAFF;\n --inverse-outline-info-minor-active: #29A9FFFF;\n --inverse-outline-info-minor-hover: #A3DAFFFF;\n --inverse-outline-negative: #9C1422;\n --inverse-outline-negative-active: #8C121EFF;\n --inverse-outline-negative-hover: #DD1D30FF;\n --inverse-outline-negative-minor: #FF8F9A;\n --inverse-outline-negative-minor-active: #FF6675FF;\n --inverse-outline-negative-minor-hover: #FFB8BFFF;\n --inverse-outline-positive: #095C18;\n --inverse-outline-positive-active: #074A14FF;\n --inverse-outline-positive-hover: #0F9527FF;\n --inverse-outline-positive-minor: #28D247;\n --inverse-outline-positive-minor-active: #23B83EFF;\n --inverse-outline-positive-minor-hover: #7AE68EFF;\n --inverse-outline-read-only: #F7F8FB03;\n --inverse-outline-read-only-active: #F8F9FC1C;\n --inverse-outline-read-only-hover: #F8F9FC36;\n --inverse-outline-solid-default: #07080B;\n --inverse-outline-solid-default-active: #08090CFF;\n --inverse-outline-solid-default-hover: #838EAFFF;\n --inverse-outline-solid-primary: #D8DCE8;\n --inverse-outline-solid-primary-active: #B8C0D5FF;\n --inverse-outline-solid-primary-hover: #C5CBDDFF;\n --inverse-outline-solid-secondary: #AEB2C2;\n --inverse-outline-solid-secondary-active: #858BA3FF;\n --inverse-outline-solid-secondary-hover: #DCDEE5FF;\n --inverse-outline-solid-tertiary: #6C707F;\n --inverse-outline-solid-tertiary-active: #595D69FF;\n --inverse-outline-solid-tertiary-hover: #A1A4AFFF;\n --inverse-outline-transparent-accent: #095C1833;\n --inverse-outline-transparent-accent-active: #095D1952;\n --inverse-outline-transparent-accent-hover: #095D191F;\n --inverse-outline-transparent-info: #0D5382FF;\n --inverse-outline-transparent-info-active: #093B5DFF;\n --inverse-outline-transparent-info-hover: #137DC3FF;\n --inverse-outline-transparent-negative: #9C1422FF;\n --inverse-outline-transparent-negative-active: #8C121EFF;\n --inverse-outline-transparent-negative-hover: #DD1D30FF;\n --inverse-outline-transparent-positive: #095C18FF;\n --inverse-outline-transparent-positive-active: #074A14FF;\n --inverse-outline-transparent-positive-hover: #0F9527FF;\n --inverse-outline-transparent-primary: #07080B1F;\n --inverse-outline-transparent-primary-active: #08090C38;\n --inverse-outline-transparent-primary-hover: #08090C52;\n --inverse-outline-transparent-secondary: #07080B47;\n --inverse-outline-transparent-secondary-active: #08090C72;\n --inverse-outline-transparent-secondary-hover: #08090C2B;\n --inverse-outline-transparent-tertiary: #07080B8F;\n --inverse-outline-transparent-tertiary-active: #08090CFF;\n --inverse-outline-transparent-tertiary-hover: #08090C47;\n --inverse-outline-transparent-warning: #85380CFF;\n --inverse-outline-transparent-warning-active: #5D2809FF;\n --inverse-outline-transparent-warning-hover: #B14B10FF;\n --inverse-outline-warning: #85380C;\n --inverse-outline-warning-active: #5D2809FF;\n --inverse-outline-warning-hover: #B14B10FF;\n --inverse-outline-warning-minor: #FD9C68;\n --inverse-outline-warning-minor-active: #FC8240FF;\n --inverse-outline-warning-minor-hover: #FDB790FF;\n --on-dark-outline-accent: #0D8523;\n --on-dark-outline-accent-active: #0B741FFF;\n --on-dark-outline-accent-hover: #13BE32FF;\n --on-dark-outline-accent-minor: #095C18;\n --on-dark-outline-accent-minor-active: #074A14FF;\n --on-dark-outline-accent-minor-hover: #0F9527FF;\n --on-dark-outline-clear: #FFFFFF00;\n --on-dark-outline-clear-active: #FFFFFF00;\n --on-dark-outline-clear-hover: #FFFFFF00;\n --on-dark-outline-info: #0C72B6;\n --on-dark-outline-info-active: #0A66A3FF;\n --on-dark-outline-info-hover: #0F96F0FF;\n --on-dark-outline-info-minor: #0D5382;\n --on-dark-outline-info-minor-active: #0B476FFF;\n --on-dark-outline-info-minor-hover: #1277BAFF;\n --on-dark-outline-negative: #E31227;\n --on-dark-outline-negative-active: #C61022FF;\n --on-dark-outline-negative-hover: #F36876FF;\n --on-dark-outline-negative-minor: #9C1422;\n --on-dark-outline-negative-minor-active: #8C121EFF;\n --on-dark-outline-negative-minor-hover: #D41C2EFF;\n --on-dark-outline-positive: #0D8523;\n --on-dark-outline-positive-active: #0B741FFF;\n --on-dark-outline-positive-hover: #13BE32FF;\n --on-dark-outline-positive-minor: #095C18;\n --on-dark-outline-positive-minor-active: #074A14FF;\n --on-dark-outline-positive-minor-hover: #0F9527FF;\n --on-dark-outline-read-only: #F7F8FB1F;\n --on-dark-outline-read-only-active: #F8F9FC12;\n --on-dark-outline-read-only-hover: #F8F9FC4D;\n --on-dark-outline-solid-default: #F7F8FB;\n --on-dark-outline-solid-default-active: #B4BED9FF;\n --on-dark-outline-solid-default-hover: #C2CAE0FF;\n --on-dark-outline-solid-primary: #25262D;\n --on-dark-outline-solid-primary-active: #17181CFF;\n --on-dark-outline-solid-primary-hover: #4E505FFF;\n --on-dark-outline-solid-secondary: #4B4C58;\n --on-dark-outline-solid-secondary-active: #34343DFF;\n --on-dark-outline-solid-secondary-hover: #A7A8B4FF;\n --on-dark-outline-solid-tertiary: #828592;\n --on-dark-outline-solid-tertiary-active: #51535DFF;\n --on-dark-outline-solid-tertiary-hover: #FFFFFFFF;\n --on-dark-outline-transparent-accent: #0D852347;\n --on-dark-outline-transparent-accent-active: #0D87242B;\n --on-dark-outline-transparent-accent-hover: #0D8724B3;\n --on-dark-outline-transparent-info: #0C72B6FF;\n --on-dark-outline-transparent-info-active: #0A66A3FF;\n --on-dark-outline-transparent-info-hover: #0F96F0FF;\n --on-dark-outline-transparent-negative: #E31227FF;\n --on-dark-outline-transparent-negative-active: #C61022FF;\n --on-dark-outline-transparent-negative-hover: #F36876FF;\n --on-dark-outline-transparent-positive: #0D8523FF;\n --on-dark-outline-transparent-positive-active: #0B741FFF;\n --on-dark-outline-transparent-positive-hover: #13BE32FF;\n --on-dark-outline-transparent-primary: #F7F8FB1F;\n --on-dark-outline-transparent-primary-active: #F8F9FC12;\n --on-dark-outline-transparent-primary-hover: #F8F9FC4D;\n --on-dark-outline-transparent-secondary: #F7F8FB47;\n --on-dark-outline-transparent-secondary-active: #F8F9FC2B;\n --on-dark-outline-transparent-secondary-hover: #F8F9FCB3;\n --on-dark-outline-transparent-tertiary: #F7F8FB8F;\n --on-dark-outline-transparent-tertiary-active: #F8F9FC47;\n --on-dark-outline-transparent-tertiary-hover: #F8F9FCFF;\n --on-dark-outline-transparent-warning: #D14D00FF;\n --on-dark-outline-transparent-warning-active: #B34100FF;\n --on-dark-outline-transparent-warning-hover: #FF8138FF;\n --on-dark-outline-warning: #D14D00;\n --on-dark-outline-warning-active: #B34100FF;\n --on-dark-outline-warning-hover: #FF8138FF;\n --on-dark-outline-warning-minor: #85380C;\n --on-dark-outline-warning-minor-active: #70300AFF;\n --on-dark-outline-warning-minor-hover: #BB4F11FF;\n --on-light-outline-accent: #095C18;\n --on-light-outline-accent-active: #074A14FF;\n --on-light-outline-accent-hover: #0F9527FF;\n --on-light-outline-accent-minor: #28D247;\n --on-light-outline-accent-minor-active: #23B83EFF;\n --on-light-outline-accent-minor-hover: #7AE68EFF;\n --on-light-outline-clear: #FFFFFF00;\n --on-light-outline-clear-active: #FFFFFF00;\n --on-light-outline-clear-hover: #FFFFFF00;\n --on-light-outline-info: #0D5382;\n --on-light-outline-info-active: #093B5DFF;\n --on-light-outline-info-hover: #137DC3FF;\n --on-light-outline-info-minor: #52BAFF;\n --on-light-outline-info-minor-active: #29A9FFFF;\n --on-light-outline-info-minor-hover: #A3DAFFFF;\n --on-light-outline-negative: #9C1422;\n --on-light-outline-negative-active: #8C121EFF;\n --on-light-outline-negative-hover: #DD1D30FF;\n --on-light-outline-negative-minor: #FF8F9A;\n --on-light-outline-negative-minor-active: #FF6675FF;\n --on-light-outline-negative-minor-hover: #FFB8BFFF;\n --on-light-outline-positive: #095C18;\n --on-light-outline-positive-active: #074A14FF;\n --on-light-outline-positive-hover: #0F9527FF;\n --on-light-outline-positive-minor: #28D247;\n --on-light-outline-positive-minor-active: #23B83EFF;\n --on-light-outline-positive-minor-hover: #7AE68EFF;\n --on-light-outline-read-only: #F7F8FB03;\n --on-light-outline-read-only-active: #F8F9FC1C;\n --on-light-outline-read-only-hover: #F8F9FC36;\n --on-light-outline-solid-default: #07080B;\n --on-light-outline-solid-default-active: #08090CFF;\n --on-light-outline-solid-default-hover: #838EAFFF;\n --on-light-outline-solid-primary: #D8DCE8;\n --on-light-outline-solid-primary-active: #B8C0D5FF;\n --on-light-outline-solid-primary-hover: #C5CBDDFF;\n --on-light-outline-solid-secondary: #AEB2C2;\n --on-light-outline-solid-secondary-active: #858BA3FF;\n --on-light-outline-solid-secondary-hover: #DCDEE5FF;\n --on-light-outline-solid-tertiary: #6C707F;\n --on-light-outline-solid-tertiary-active: #595D69FF;\n --on-light-outline-solid-tertiary-hover: #A1A4AFFF;\n --on-light-outline-transparent-accent: #095C1833;\n --on-light-outline-transparent-accent-active: #095D1952;\n --on-light-outline-transparent-accent-hover: #095D191F;\n --on-light-outline-transparent-info: #0D5382FF;\n --on-light-outline-transparent-info-active: #093B5DFF;\n --on-light-outline-transparent-info-hover: #137DC3FF;\n --on-light-outline-transparent-negative: #9C1422FF;\n --on-light-outline-transparent-negative-active: #8C121EFF;\n --on-light-outline-transparent-negative-hover: #DD1D30FF;\n --on-light-outline-transparent-positive: #095C18FF;\n --on-light-outline-transparent-positive-active: #074A14FF;\n --on-light-outline-transparent-positive-hover: #0F9527FF;\n --on-light-outline-transparent-primary: #07080B1F;\n --on-light-outline-transparent-primary-active: #08090C38;\n --on-light-outline-transparent-primary-hover: #08090C52;\n --on-light-outline-transparent-secondary: #07080B47;\n --on-light-outline-transparent-secondary-active: #08090C72;\n --on-light-outline-transparent-secondary-hover: #08090C2B;\n --on-light-outline-transparent-tertiary: #07080B8F;\n --on-light-outline-transparent-tertiary-active: #08090CFF;\n --on-light-outline-transparent-tertiary-hover: #08090C47;\n --on-light-outline-transparent-warning: #85380CFF;\n --on-light-outline-transparent-warning-active: #5D2809FF;\n --on-light-outline-transparent-warning-hover: #B14B10FF;\n --on-light-outline-warning: #85380C;\n --on-light-outline-warning-active: #5D2809FF;\n --on-light-outline-warning-hover: #B14B10FF;\n --on-light-outline-warning-minor: #FD9C68;\n --on-light-outline-warning-minor-active: #FC8240FF;\n --on-light-outline-warning-minor-hover: #FDB790FF;\n --overlay-blur: #07080B47;\n --overlay-hard: #07080BF5;\n --overlay-soft: #07080B8F;\n --inverse-overlay-blur: #F7F8FB47;\n --inverse-overlay-hard: #F7F8FBF5;\n --inverse-overlay-soft: #F7F8FB8F;\n --on-dark-overlay-blur: #07080B47;\n --on-dark-overlay-hard: #07080BF5;\n --on-dark-overlay-soft: #07080B8F;\n --on-light-overlay-blur: #F7F8FB47;\n --on-light-overlay-hard: #F7F8FBF5;\n --on-light-overlay-soft: #F7F8FB8F;\n --surface-accent: #071F0C;\n --surface-accent-active: #051508FF;\n --surface-accent-hover: #08250FFF;\n --surface-accent-minor: #0A2B10;\n --surface-accent-minor-active: #08210CFF;\n --surface-accent-minor-hover: #0E3A16FF;\n --surface-clear: #FFFFFF00;\n --surface-clear-active: #FFFFFF00;\n --surface-clear-hover: #FFFFFF00;\n --surface-info: #0A1924;\n --surface-info-active: #08141CFF;\n --surface-info-hover: #0C1F2CFF;\n --surface-info-minor: #0C283B;\n --surface-info-minor-active: #0A2333FF;\n --surface-info-minor-hover: #10344CFF;\n --surface-negative: #2E090D;\n --surface-negative-active: #26080BFF;\n --surface-negative-hover: #400D12FF;\n --surface-negative-minor: #4A0D13;\n --surface-negative-minor-active: #410B11FF;\n --surface-negative-minor-hover: #5B1018FF;\n --surface-positive: #071F0C;\n --surface-positive-active: #051508FF;\n --surface-positive-hover: #08250FFF;\n --surface-positive-minor: #0A2B10;\n --surface-positive-minor-active: #08210CFF;\n --surface-positive-minor-hover: #0E3A16FF;\n --surface-read-only: #F7F8FB05;\n --surface-read-only-active: #F8F9FC00;\n --surface-read-only-hover: #F8F9FC0F;\n --surface-solid-card: #16181D;\n --surface-solid-card-active: #121317FF;\n --surface-solid-card-brightness: #23262FFF;\n --surface-solid-card-hover: #1F2229FF;\n --surface-solid-default: #F7F8FB;\n --surface-solid-default-active: #F1F3F8FF;\n --surface-solid-default-hover: #FFFFFFFF;\n --surface-solid-primary: #16181D;\n --surface-solid-primary-active: #121317FF;\n --surface-solid-primary-brightness: #23262FFF;\n --surface-solid-primary-hover: #1F2229FF;\n --surface-solid-secondary: #25262D;\n --surface-solid-secondary-active: #202127FF;\n --surface-solid-secondary-hover: #2E2F38FF;\n --surface-solid-tertiary: #32353E;\n --surface-solid-tertiary-active: #2D3039FF;\n --surface-solid-tertiary-hover: #3B3F4AFF;\n --surface-transparent-accent: #071F0C33;\n --surface-transparent-accent-active: #071D0B24;\n --surface-transparent-accent-hover: #071D0B52;\n --surface-transparent-card: #F7F8FB0F;\n --surface-transparent-card-active: #F8F9FC0A;\n --surface-transparent-card-brightness: #F8F9FC0F;\n --surface-transparent-card-hover: #F8F9FC1F;\n --surface-transparent-deep: #F7F8FBA3;\n --surface-transparent-deep-active: #F8F9FC94;\n --surface-transparent-deep-hover: #F8F9FCC2;\n --surface-transparent-info: #0A192433;\n --surface-transparent-info-active: #0A192424;\n --surface-transparent-info-hover: #0A192452;\n --surface-transparent-negative: #2E090D33;\n --surface-transparent-negative-active: #2F090D24;\n --surface-transparent-negative-hover: #2F090D52;\n --surface-transparent-positive: #071F0C33;\n --surface-transparent-positive-active: #071D0B24;\n --surface-transparent-positive-hover: #071D0B52;\n --surface-transparent-primary: #F7F8FB0F;\n --surface-transparent-primary-active: #F8F9FC0A;\n --surface-transparent-primary-hover: #F8F9FC1F;\n --surface-transparent-secondary: #F7F8FB1F;\n --surface-transparent-secondary-active: #F8F9FC0F;\n --surface-transparent-secondary-hover: #F8F9FC3D;\n --surface-transparent-tertiary: #F7F8FB33;\n --surface-transparent-tertiary-active: #F8F9FC24;\n --surface-transparent-tertiary-hover: #F8F9FC52;\n --surface-transparent-warning: #29120533;\n --surface-transparent-warning-active: #29120524;\n --surface-transparent-warning-hover: #29120552;\n --surface-warning: #291205;\n --surface-warning-active: #200E04FF;\n --surface-warning-hover: #321606FF;\n --surface-warning-minor: #3D1D0A;\n --surface-warning-minor-active: #351909FF;\n --surface-warning-minor-hover: #4F250DFF;\n --inverse-surface-accent: #071F0C;\n --inverse-surface-accent-active: #030C05FF;\n --inverse-surface-accent-hover: #0A2E12FF;\n --inverse-surface-accent-minor: #9EFAAF;\n --inverse-surface-accent-minor-active: #8BF99FFF;\n --inverse-surface-accent-minor-hover: #94F9A7FF;\n --inverse-surface-clear: #FFFFFF00;\n --inverse-surface-clear-active: #FFFFFF00;\n --inverse-surface-clear-hover: #FFFFFF00;\n --inverse-surface-info: #0A1924;\n --inverse-surface-info-active: #050E14FF;\n --inverse-surface-info-hover: #0E2434FF;\n --inverse-surface-info-minor: #CFECFF;\n --inverse-surface-info-minor-active: #C2E7FFFF;\n --inverse-surface-info-minor-hover: #C7E9FFFF;\n --inverse-surface-negative: #2E090D;\n --inverse-surface-negative-active: #1E0608FF;\n --inverse-surface-negative-hover: #400D12FF;\n --inverse-surface-negative-minor: #FFE0E3;\n --inverse-surface-negative-minor-active: #FFD1D6FF;\n --inverse-surface-negative-minor-hover: #FFD6DAFF;\n --inverse-surface-positive: #071F0C;\n --inverse-surface-positive-active: #030C05FF;\n --inverse-surface-positive-hover: #0A2E12FF;\n --inverse-surface-positive-minor: #9EFAAF;\n --inverse-surface-positive-minor-active: #8BF99FFF;\n --inverse-surface-positive-minor-hover: #94F9A7FF;\n --inverse-surface-read-only: #F7F8FB03;\n --inverse-surface-read-only-active: #F8F9FC08;\n --inverse-surface-read-only-hover: #F8F9FC05;\n --inverse-surface-solid-card: #FFFFFF;\n --inverse-surface-solid-card-active: #FFFFFFFF;\n --inverse-surface-solid-card-brightness: #FFFFFFFF;\n --inverse-surface-solid-card-hover: #FFFFFFFF;\n --inverse-surface-solid-default: #07080B;\n --inverse-surface-solid-default-active: #040506FF;\n --inverse-surface-solid-default-hover: #14171FFF;\n --inverse-surface-solid-primary: #F4F5FB;\n --inverse-surface-solid-primary-active: #ECEEF8FF;\n --inverse-surface-solid-primary-brightness: #FFFFFFFF;\n --inverse-surface-solid-primary-hover: #F0F1FAFF;\n --inverse-surface-solid-secondary: #ECEDF4;\n --inverse-surface-solid-secondary-active: #E2E3EEFF;\n --inverse-surface-solid-secondary-hover: #E5E6F0FF;\n --inverse-surface-solid-tertiary: #D8DCE8;\n --inverse-surface-solid-tertiary-active: #CCD1E1FF;\n --inverse-surface-solid-tertiary-hover: #D2D7E5FF;\n --inverse-surface-transparent-accent: #071F0C1F;\n --inverse-surface-transparent-accent-active: #071D0B33;\n --inverse-surface-transparent-accent-hover: #071D0B2E;\n --inverse-surface-transparent-card: #FFFFFF;\n --inverse-surface-transparent-card-active: #FFFFFFFF;\n --inverse-surface-transparent-card-brightness: #FFFFFFFF;\n --inverse-surface-transparent-card-hover: #FFFFFFFF;\n --inverse-surface-transparent-deep: #07080BA3;\n --inverse-surface-transparent-deep-active: #08090CB8;\n --inverse-surface-transparent-deep-hover: #08090CB3;\n --inverse-surface-transparent-info: #0A19241F;\n --inverse-surface-transparent-info-active: #0A192433;\n --inverse-surface-transparent-info-hover: #0A19242E;\n --inverse-surface-transparent-negative: #2E090D1F;\n --inverse-surface-transparent-negative-active: #2F090D33;\n --inverse-surface-transparent-negative-hover: #2F090D2E;\n --inverse-surface-transparent-positive: #071F0C1F;\n --inverse-surface-transparent-positive-active: #071D0B33;\n --inverse-surface-transparent-positive-hover: #071D0B2E;\n --inverse-surface-transparent-primary: #07080B0A;\n --inverse-surface-transparent-primary-active: #08090C0F;\n --inverse-surface-transparent-primary-hover: #08090C0D;\n --inverse-surface-transparent-secondary: #07080B14;\n --inverse-surface-transparent-secondary-active: #08090C1F;\n --inverse-surface-transparent-secondary-hover: #08090C1A;\n --inverse-surface-transparent-tertiary: #07080B1F;\n --inverse-surface-transparent-tertiary-active: #08090C33;\n --inverse-surface-transparent-tertiary-hover: #08090C2E;\n --inverse-surface-transparent-warning: #2912051F;\n --inverse-surface-transparent-warning-active: #29120533;\n --inverse-surface-transparent-warning-hover: #2912052E;\n --inverse-surface-warning: #291205;\n --inverse-surface-warning-active: #170A03FF;\n --inverse-surface-warning-hover: #3B1A07FF;\n --inverse-surface-warning-minor: #FEE2D2;\n --inverse-surface-warning-minor-active: #FED9C3FF;\n --inverse-surface-warning-minor-hover: #FEDCC8FF;\n --on-dark-surface-accent: #071F0C;\n --on-dark-surface-accent-active: #051508FF;\n --on-dark-surface-accent-hover: #08250FFF;\n --on-dark-surface-accent-minor: #0A2B10;\n --on-dark-surface-accent-minor-active: #08210CFF;\n --on-dark-surface-accent-minor-hover: #0E3A16FF;\n --on-dark-surface-clear: #FFFFFF00;\n --on-dark-surface-clear-active: #FFFFFF00;\n --on-dark-surface-clear-hover: #FFFFFF00;\n --on-dark-surface-info: #0A1924;\n --on-dark-surface-info-active: #08141CFF;\n --on-dark-surface-info-hover: #0C1F2CFF;\n --on-dark-surface-info-minor: #0C283B;\n --on-dark-surface-info-minor-active: #0A2333FF;\n --on-dark-surface-info-minor-hover: #10344CFF;\n --on-dark-surface-negative: #2E090D;\n --on-dark-surface-negative-active: #26080BFF;\n --on-dark-surface-negative-hover: #400D12FF;\n --on-dark-surface-negative-minor: #4A0D13;\n --on-dark-surface-negative-minor-active: #410B11FF;\n --on-dark-surface-negative-minor-hover: #5B1018FF;\n --on-dark-surface-positive: #071F0C;\n --on-dark-surface-positive-active: #051508FF;\n --on-dark-surface-positive-hover: #08250FFF;\n --on-dark-surface-positive-minor: #0A2B10;\n --on-dark-surface-positive-minor-active: #08210CFF;\n --on-dark-surface-positive-minor-hover: #0E3A16FF;\n --on-dark-surface-read-only: #F7F8FB05;\n --on-dark-surface-read-only-active: #F8F9FC00;\n --on-dark-surface-read-only-hover: #F8F9FC0F;\n --on-dark-surface-solid-card: #16181D;\n --on-dark-surface-solid-card-active: #121317FF;\n --on-dark-surface-solid-card-brightness: #23262FFF;\n --on-dark-surface-solid-card-hover: #1F2229FF;\n --on-dark-surface-solid-default: #F7F8FB;\n --on-dark-surface-solid-default-active: #F1F3F8FF;\n --on-dark-surface-solid-default-hover: #FFFFFFFF;\n --on-dark-surface-solid-primary: #16181D;\n --on-dark-surface-solid-primary-active: #121317FF;\n --on-dark-surface-solid-primary-brightness: #23262FFF;\n --on-dark-surface-solid-primary-hover: #1F2229FF;\n --on-dark-surface-solid-secondary: #25262D;\n --on-dark-surface-solid-secondary-active: #202127FF;\n --on-dark-surface-solid-secondary-hover: #2E2F38FF;\n --on-dark-surface-solid-tertiary: #32353E;\n --on-dark-surface-solid-tertiary-active: #2D3039FF;\n --on-dark-surface-solid-tertiary-hover: #3B3F4AFF;\n --on-dark-surface-transparent-accent: #071F0C33;\n --on-dark-surface-transparent-accent-active: #071D0B24;\n --on-dark-surface-transparent-accent-hover: #071D0B52;\n --on-dark-surface-transparent-card: #F7F8FB0F;\n --on-dark-surface-transparent-card-active: #F8F9FC0A;\n --on-dark-surface-transparent-card-brightness: #F8F9FC0F;\n --on-dark-surface-transparent-card-hover: #F8F9FC1F;\n --on-dark-surface-transparent-deep: #F7F8FBA3;\n --on-dark-surface-transparent-deep-active: #F8F9FC94;\n --on-dark-surface-transparent-deep-hover: #F8F9FCC2;\n --on-dark-surface-transparent-info: #0A192433;\n --on-dark-surface-transparent-info-active: #0A192424;\n --on-dark-surface-transparent-info-hover: #0A192452;\n --on-dark-surface-transparent-negative: #2E090D33;\n --on-dark-surface-transparent-negative-active: #2F090D24;\n --on-dark-surface-transparent-negative-hover: #2F090D52;\n --on-dark-surface-transparent-positive: #071F0C33;\n --on-dark-surface-transparent-positive-active: #071D0B24;\n --on-dark-surface-transparent-positive-hover: #071D0B52;\n --on-dark-surface-transparent-primary: #F7F8FB0F;\n --on-dark-surface-transparent-primary-active: #F8F9FC0A;\n --on-dark-surface-transparent-primary-hover: #F8F9FC1F;\n --on-dark-surface-transparent-secondary: #F7F8FB1F;\n --on-dark-surface-transparent-secondary-active: #F8F9FC0F;\n --on-dark-surface-transparent-secondary-hover: #F8F9FC3D;\n --on-dark-surface-transparent-tertiary: #F7F8FB33;\n --on-dark-surface-transparent-tertiary-active: #F8F9FC24;\n --on-dark-surface-transparent-tertiary-hover: #F8F9FC52;\n --on-dark-surface-transparent-warning: #29120533;\n --on-dark-surface-transparent-warning-active: #29120524;\n --on-dark-surface-transparent-warning-hover: #29120552;\n --on-dark-surface-warning: #291205;\n --on-dark-surface-warning-active: #200E04FF;\n --on-dark-surface-warning-hover: #321606FF;\n --on-dark-surface-warning-minor: #3D1D0A;\n --on-dark-surface-warning-minor-active: #351909FF;\n --on-dark-surface-warning-minor-hover: #4F250DFF;\n --on-light-surface-accent: #071F0C;\n --on-light-surface-accent-active: #030C05FF;\n --on-light-surface-accent-hover: #0A2E12FF;\n --on-light-surface-accent-minor: #9EFAAF;\n --on-light-surface-accent-minor-active: #8BF99FFF;\n --on-light-surface-accent-minor-hover: #94F9A7FF;\n --on-light-surface-clear: #FFFFFF00;\n --on-light-surface-clear-active: #FFFFFF00;\n --on-light-surface-clear-hover: #FFFFFF00;\n --on-light-surface-info: #0A1924;\n --on-light-surface-info-active: #050E14FF;\n --on-light-surface-info-hover: #0E2434FF;\n --on-light-surface-info-minor: #CFECFF;\n --on-light-surface-info-minor-active: #C2E7FFFF;\n --on-light-surface-info-minor-hover: #C7E9FFFF;\n --on-light-surface-negative: #2E090D;\n --on-light-surface-negative-active: #1E0608FF;\n --on-light-surface-negative-hover: #400D12FF;\n --on-light-surface-negative-minor: #FFE0E3;\n --on-light-surface-negative-minor-active: #FFD1D6FF;\n --on-light-surface-negative-minor-hover: #FFD6DAFF;\n --on-light-surface-positive: #071F0C;\n --on-light-surface-positive-active: #030C05FF;\n --on-light-surface-positive-hover: #0A2E12FF;\n --on-light-surface-positive-minor: #9EFAAF;\n --on-light-surface-positive-minor-active: #8BF99FFF;\n --on-light-surface-positive-minor-hover: #94F9A7FF;\n --on-light-surface-read-only: #F7F8FB03;\n --on-light-surface-read-only-active: #F8F9FC08;\n --on-light-surface-read-only-hover: #F8F9FC05;\n --on-light-surface-solid-card: #FFFFFF;\n --on-light-surface-solid-card-active: #FFFFFFFF;\n --on-light-surface-solid-card-brightness: #FFFFFFFF;\n --on-light-surface-solid-card-hover: #FFFFFFFF;\n --on-light-surface-solid-default: #07080B;\n --on-light-surface-solid-default-active: #040506FF;\n --on-light-surface-solid-default-hover: #14171FFF;\n --on-light-surface-solid-primary: #F4F5FB;\n --on-light-surface-solid-primary-active: #ECEEF8FF;\n --on-light-surface-solid-primary-brightness: #FFFFFFFF;\n --on-light-surface-solid-primary-hover: #F0F1FAFF;\n --on-light-surface-solid-secondary: #ECEDF4;\n --on-light-surface-solid-secondary-active: #E2E3EEFF;\n --on-light-surface-solid-secondary-hover: #E5E6F0FF;\n --on-light-surface-solid-tertiary: #D8DCE8;\n --on-light-surface-solid-tertiary-active: #CCD1E1FF;\n --on-light-surface-solid-tertiary-hover: #D2D7E5FF;\n --on-light-surface-transparent-accent: #071F0C1F;\n --on-light-surface-transparent-accent-active: #071D0B33;\n --on-light-surface-transparent-accent-hover: #071D0B2E;\n --on-light-surface-transparent-card: #FFFFFF;\n --on-light-surface-transparent-card-active: #FFFFFFFF;\n --on-light-surface-transparent-card-brightness: #FFFFFFFF;\n --on-light-surface-transparent-card-hover: #FFFFFFFF;\n --on-light-surface-transparent-deep: #07080BA3;\n --on-light-surface-transparent-deep-active: #08090CB8;\n --on-light-surface-transparent-deep-hover: #08090CB3;\n --on-light-surface-transparent-info: #0A19241F;\n --on-light-surface-transparent-info-active: #0A192433;\n --on-light-surface-transparent-info-hover: #0A19242E;\n --on-light-surface-transparent-negative: #2E090D1F;\n --on-light-surface-transparent-negative-active: #2F090D33;\n --on-light-surface-transparent-negative-hover: #2F090D2E;\n --on-light-surface-transparent-positive: #071F0C1F;\n --on-light-surface-transparent-positive-active: #071D0B33;\n --on-light-surface-transparent-positive-hover: #071D0B2E;\n --on-light-surface-transparent-primary: #07080B0A;\n --on-light-surface-transparent-primary-active: #08090C0F;\n --on-light-surface-transparent-primary-hover: #08090C0D;\n --on-light-surface-transparent-secondary: #07080B14;\n --on-light-surface-transparent-secondary-active: #08090C1F;\n --on-light-surface-transparent-secondary-hover: #08090C1A;\n --on-light-surface-transparent-tertiary: #07080B1F;\n --on-light-surface-transparent-tertiary-active: #08090C33;\n --on-light-surface-transparent-tertiary-hover: #08090C2E;\n --on-light-surface-transparent-warning: #2912051F;\n --on-light-surface-transparent-warning-active: #29120533;\n --on-light-surface-transparent-warning-hover: #2912052E;\n --on-light-surface-warning: #291205;\n --on-light-surface-warning-active: #170A03FF;\n --on-light-surface-warning-hover: #3B1A07FF;\n --on-light-surface-warning-minor: #FEE2D2;\n --on-light-surface-warning-minor-active: #FED9C3FF;\n --on-light-surface-warning-minor-hover: #FEDCC8FF;\n --text-accent: #0D8523;\n --text-accent-active: #10A22BFF;\n --text-accent-hover: #13BE32FF;\n --text-accent-minor: #095C18;\n --text-accent-minor-active: #0C7920FF;\n --text-accent-minor-hover: #0F9527FF;\n --text-info: #0C72B6;\n --text-info-active: #0A6099FF;\n --text-info-hover: #229EF1FF;\n --text-info-minor: #0D5382;\n --text-info-minor-active: #10659EFF;\n --text-info-minor-hover: #1277BAFF;\n --text-negative: #E31227;\n --text-negative-active: #C61022FF;\n --text-negative-hover: #ED263AFF;\n --text-negative-minor: #9C1422;\n --text-negative-minor-active: #83111CFF;\n --text-negative-minor-hover: #B91828FF;\n --text-paragraph: #F7F8FBCC;\n --text-paragraph-active: #F8F9FCA3;\n --text-paragraph-hover: #F8F9FC7A;\n --text-positive: #0D8523;\n --text-positive-active: #10A22BFF;\n --text-positive-hover: #13BE32FF;\n --text-positive-minor: #095C18;\n --text-positive-minor-active: #0C7920FF;\n --text-positive-minor-hover: #0F9527FF;\n --text-primary: #F7F8FBF5;\n --text-primary-active: #F8F9FCC4;\n --text-primary-brightness: #F8F9FCF5;\n --text-primary-hover: #F8F9FC93;\n --text-secondary: #F7F8FB8F;\n --text-secondary-active: #F8F9FCAB;\n --text-secondary-hover: #F8F9FCFF;\n --text-tertiary: #F7F8FB47;\n --text-tertiary-active: #F8F9FC56;\n --text-tertiary-hover: #F8F9FCFF;\n --text-warning: #D14D00;\n --text-warning-active: #B34100FF;\n --text-warning-hover: #F05800FF;\n --text-warning-minor: #85380C;\n --text-warning-minor-active: #9F440FFF;\n --text-warning-minor-hover: #BB4F11FF;\n --inverse-text-accent: #095C18;\n --inverse-text-accent-active: #0D8222FF;\n --inverse-text-accent-hover: #11A72CFF;\n --inverse-text-accent-minor: #28D247;\n --inverse-text-accent-minor-active: #21B03CFF;\n --inverse-text-accent-minor-hover: #47DC62FF;\n --inverse-text-info: #0D5382;\n --inverse-text-info-active: #116BA7FF;\n --inverse-text-info-hover: #1483CCFF;\n --inverse-text-info-minor: #52BAFF;\n --inverse-text-info-minor-active: #29A9FFFF;\n --inverse-text-info-minor-hover: #7ACAFFFF;\n --inverse-text-negative: #9C1422;\n --inverse-text-negative-active: #7A101AFF;\n --inverse-text-negative-hover: #C2192AFF;\n --inverse-text-negative-minor: #FF8F9A;\n --inverse-text-negative-minor-active: #FF6675FF;\n --inverse-text-negative-minor-hover: #FFB8BFFF;\n --inverse-text-paragraph: #16181DCC;\n --inverse-text-paragraph-active: #16181DA3;\n --inverse-text-paragraph-hover: #16181D7A;\n --inverse-text-positive: #095C18;\n --inverse-text-positive-active: #0D8222FF;\n --inverse-text-positive-hover: #11A72CFF;\n --inverse-text-positive-minor: #28D247;\n --inverse-text-positive-minor-active: #21B03CFF;\n --inverse-text-positive-minor-hover: #47DC62FF;\n --inverse-text-primary: #16181DF5;\n --inverse-text-primary-active: #16181DC4;\n --inverse-text-primary-brightness: #16181DF5;\n --inverse-text-primary-hover: #16181D93;\n --inverse-text-secondary: #16181D8F;\n --inverse-text-secondary-active: #16181DAB;\n --inverse-text-secondary-hover: #16181DFF;\n --inverse-text-tertiary: #16181D47;\n --inverse-text-tertiary-active: #16181D56;\n --inverse-text-tertiary-hover: #16181DFF;\n --inverse-text-warning: #85380C;\n --inverse-text-warning-active: #A84710FF;\n --inverse-text-warning-hover: #CD5713FF;\n --inverse-text-warning-minor: #FD9C68;\n --inverse-text-warning-minor-active: #FC8240FF;\n --inverse-text-warning-minor-hover: #FDB790FF;\n --on-dark-text-accent: #0D8523;\n --on-dark-text-accent-active: #10A22BFF;\n --on-dark-text-accent-hover: #13BE32FF;\n --on-dark-text-accent-minor: #095C18;\n --on-dark-text-accent-minor-active: #0C7920FF;\n --on-dark-text-accent-minor-hover: #0F9527FF;\n --on-dark-text-info: #0C72B6;\n --on-dark-text-info-active: #0A6099FF;\n --on-dark-text-info-hover: #229EF1FF;\n --on-dark-text-info-minor: #0D5382;\n --on-dark-text-info-minor-active: #10659EFF;\n --on-dark-text-info-minor-hover: #1277BAFF;\n --on-dark-text-negative: #E31227;\n --on-dark-text-negative-active: #C61022FF;\n --on-dark-text-negative-hover: #ED263AFF;\n --on-dark-text-negative-minor: #9C1422;\n --on-dark-text-negative-minor-active: #83111CFF;\n --on-dark-text-negative-minor-hover: #B91828FF;\n --on-dark-text-paragraph: #F7F8FBCC;\n --on-dark-text-paragraph-active: #F8F9FCA3;\n --on-dark-text-paragraph-hover: #F8F9FC7A;\n --on-dark-text-positive: #0D8523;\n --on-dark-text-positive-active: #10A22BFF;\n --on-dark-text-positive-hover: #13BE32FF;\n --on-dark-text-positive-minor: #095C18;\n --on-dark-text-positive-minor-active: #0C7920FF;\n --on-dark-text-positive-minor-hover: #0F9527FF;\n --on-dark-text-primary: #F7F8FBF5;\n --on-dark-text-primary-active: #F8F9FCC4;\n --on-dark-text-primary-brightness: #F8F9FCF5;\n --on-dark-text-primary-hover: #F8F9FC93;\n --on-dark-text-secondary: #F7F8FB8F;\n --on-dark-text-secondary-active: #F8F9FCAB;\n --on-dark-text-secondary-hover: #F8F9FCFF;\n --on-dark-text-tertiary: #F7F8FB47;\n --on-dark-text-tertiary-active: #F8F9FC56;\n --on-dark-text-tertiary-hover: #F8F9FCFF;\n --on-dark-text-warning: #D14D00;\n --on-dark-text-warning-active: #B34100FF;\n --on-dark-text-warning-hover: #F05800FF;\n --on-dark-text-warning-minor: #85380C;\n --on-dark-text-warning-minor-active: #9F440FFF;\n --on-dark-text-warning-minor-hover: #BB4F11FF;\n --on-light-text-accent: #095C18;\n --on-light-text-accent-active: #0D8222FF;\n --on-light-text-accent-hover: #11A72CFF;\n --on-light-text-accent-minor: #28D247;\n --on-light-text-accent-minor-active: #21B03CFF;\n --on-light-text-accent-minor-hover: #47DC62FF;\n --on-light-text-info: #0D5382;\n --on-light-text-info-active: #116BA7FF;\n --on-light-text-info-hover: #1483CCFF;\n --on-light-text-info-minor: #52BAFF;\n --on-light-text-info-minor-active: #29A9FFFF;\n --on-light-text-info-minor-hover: #7ACAFFFF;\n --on-light-text-negative: #9C1422;\n --on-light-text-negative-active: #7A101AFF;\n --on-light-text-negative-hover: #C2192AFF;\n --on-light-text-negative-minor: #FF8F9A;\n --on-light-text-negative-minor-active: #FF6675FF;\n --on-light-text-negative-minor-hover: #FFB8BFFF;\n --on-light-text-paragraph: #16181DCC;\n --on-light-text-paragraph-active: #16181DA3;\n --on-light-text-paragraph-hover: #16181D7A;\n --on-light-text-positive: #095C18;\n --on-light-text-positive-active: #0D8222FF;\n --on-light-text-positive-hover: #11A72CFF;\n --on-light-text-positive-minor: #28D247;\n --on-light-text-positive-minor-active: #21B03CFF;\n --on-light-text-positive-minor-hover: #47DC62FF;\n --on-light-text-primary: #16181DF5;\n --on-light-text-primary-active: #16181DC4;\n --on-light-text-primary-brightness: #16181DF5;\n --on-light-text-primary-hover: #16181D93;\n --on-light-text-secondary: #16181D8F;\n --on-light-text-secondary-active: #16181DAB;\n --on-light-text-secondary-hover: #16181DFF;\n --on-light-text-tertiary: #16181D47;\n --on-light-text-tertiary-active: #16181D56;\n --on-light-text-tertiary-hover: #16181DFF;\n --on-light-text-warning: #85380C;\n --on-light-text-warning-active: #A84710FF;\n --on-light-text-warning-hover: #CD5713FF;\n --on-light-text-warning-minor: #FD9C68;\n --on-light-text-warning-minor-active: #FC8240FF;\n --on-light-text-warning-minor-hover: #FDB790FF;\n color: var(--text-primary);\n background-color: var(--background-primary);\n}\n\n:root {\n\n}\n\n:root {\n --shadow-down-hard-l: 0rem 3.75rem 7rem -0.5rem #00000066;\n --shadow-down-hard-m: 0rem 1rem 2rem -0.5rem #0000003D;\n --shadow-down-hard-s: 0rem 0.25rem 0.75rem -0.1875rem #08080829, 0rem 0.0625rem 0.25rem -0.125rem #00000014;\n --shadow-down-soft-l: 0rem 3.75rem 7rem -0.5rem #00000014;\n --shadow-down-soft-m: 0rem 1.5rem 3rem -0.5rem #00000014;\n --shadow-down-soft-s: 0rem 0.25rem 0.875rem -0.25rem #08080814, 0rem 0.0625rem 0.25rem -0.0625rem #0000000A;\n --shadow-up-hard-l: 0rem -3.75rem 7rem -0.5rem #00000066;\n --shadow-up-hard-m: 0rem -1rem 2rem -0.5rem #0000003D;\n --shadow-up-hard-s: 0rem -0.25rem 0.75rem -0.1875rem #08080833, 0rem -0.0625rem 0.25rem -0.0625rem #00000008;\n --shadow-up-soft-l: 0rem -3.75rem 7rem -0.5rem #00000014;\n --shadow-up-soft-m: 0rem -1.5rem 3rem -0.5rem #00000014;\n --shadow-up-soft-s: 0rem -0.25rem 0.875rem -0.25rem #08080814, 0rem -0.0625rem 0.25rem -0.0625rem #00000008;\n}\n\n:root {\n --border-radius-circle: 100rem;\n --border-radius-l: 1rem;\n --border-radius-m: 0.75rem;\n --border-radius-s: 0.5rem;\n --border-radius-xl: 1.25rem;\n --border-radius-xs: 0.375rem;\n --border-radius-xxl: 2rem;\n --border-radius-xxs: 0.25rem;\n}\n\n:root {\n --spacing-0x: 0rem;\n --spacing-10x: 1.25rem;\n --spacing-12x: 1.5rem;\n --spacing-16x: 2rem;\n --spacing-1x: 0.125rem;\n --spacing-20x: 2.5rem;\n --spacing-24x: 3rem;\n --spacing-2x: 0.25rem;\n --spacing-32x: 4rem;\n --spacing-3x: 0.375rem;\n --spacing-40x: 5rem;\n --spacing-4x: 0.5rem;\n --spacing-60x: 7.5rem;\n --spacing-6x: 0.75rem;\n --spacing-8x: 1rem;\n}\n\n:root {\n font-size: 16px;\n --plasma-typo-overflow-wrap: break-word;\n --plasma-typo-hyphens: auto;\n --plasma-typo-display-font-family: 'SB Sans Display', sans-serif;\n --plasma-typo-body-font-family: 'SB Sans Text', sans-serif;\n --plasma-typo-header-font-family: 'SB Sans Display', sans-serif;\n --plasma-typo-text-font-family: 'SB Sans Text', sans-serif;\n --plasma-typo-body-l-bold-font-family: var(--plasma-typo-text-font-family);\n --plasma-typo-body-l-bold-letter-spacing: -0.02em;\n --plasma-typo-body-l-bold-font-style: normal;\n --plasma-typo-body-l-medium-font-family: var(--plasma-typo-text-font-family);\n --plasma-typo-body-l-medium-letter-spacing: -0.02em;\n --plasma-typo-body-l-medium-font-style: normal;\n --plasma-typo-body-l-font-family: var(--plasma-typo-text-font-family);\n --plasma-typo-body-l-letter-spacing: -0.02em;\n --plasma-typo-body-l-font-style: normal;\n --plasma-typo-body-m-bold-font-family: var(--plasma-typo-text-font-family);\n --plasma-typo-body-m-bold-letter-spacing: -0.02em;\n --plasma-typo-body-m-bold-font-style: normal;\n --plasma-typo-body-m-medium-font-family: var(--plasma-typo-text-font-family);\n --plasma-typo-body-m-medium-letter-spacing: -0.02em;\n --plasma-typo-body-m-medium-font-style: normal;\n --plasma-typo-body-m-font-family: var(--plasma-typo-text-font-family);\n --plasma-typo-body-m-letter-spacing: -0.02em;\n --plasma-typo-body-m-font-style: normal;\n --plasma-typo-body-s-bold-font-family: var(--plasma-typo-text-font-family);\n --plasma-typo-body-s-bold-letter-spacing: -0.02em;\n --plasma-typo-body-s-bold-font-style: normal;\n --plasma-typo-body-s-medium-font-family: var(--plasma-typo-text-font-family);\n --plasma-typo-body-s-medium-letter-spacing: -0.02em;\n --plasma-typo-body-s-medium-font-style: normal;\n --plasma-typo-body-s-font-family: var(--plasma-typo-text-font-family);\n --plasma-typo-body-s-letter-spacing: -0.02em;\n --plasma-typo-body-s-font-style: normal;\n --plasma-typo-body-xs-bold-font-family: var(--plasma-typo-text-font-family);\n --plasma-typo-body-xs-bold-letter-spacing: -0.02em;\n --plasma-typo-body-xs-bold-font-style: normal;\n --plasma-typo-body-xs-medium-font-family: var(--plasma-typo-text-font-family);\n --plasma-typo-body-xs-medium-letter-spacing: -0.02em;\n --plasma-typo-body-xs-medium-font-style: normal;\n --plasma-typo-body-xs-font-family: var(--plasma-typo-text-font-family);\n --plasma-typo-body-xs-letter-spacing: -0.02em;\n --plasma-typo-body-xs-font-style: normal;\n --plasma-typo-body-xxs-bold-font-family: var(--plasma-typo-text-font-family);\n --plasma-typo-body-xxs-bold-letter-spacing: -0.02em;\n --plasma-typo-body-xxs-bold-font-style: normal;\n --plasma-typo-body-xxs-medium-font-family: var(--plasma-typo-text-font-family);\n --plasma-typo-body-xxs-medium-letter-spacing: -0.02em;\n --plasma-typo-body-xxs-medium-font-style: normal;\n --plasma-typo-body-xxs-font-family: var(--plasma-typo-text-font-family);\n --plasma-typo-body-xxs-letter-spacing: -0.02em;\n --plasma-typo-body-xxs-font-style: normal;\n --plasma-typo-dspl-l-bold-font-family: var(--plasma-typo-display-font-family);\n --plasma-typo-dspl-l-bold-letter-spacing: normal;\n --plasma-typo-dspl-l-bold-font-style: normal;\n --plasma-typo-dspl-l-medium-font-family: var(--plasma-typo-display-font-family);\n --plasma-typo-dspl-l-medium-letter-spacing: normal;\n --plasma-typo-dspl-l-medium-font-style: normal;\n --plasma-typo-dspl-l-font-family: var(--plasma-typo-display-font-family);\n --plasma-typo-dspl-l-letter-spacing: normal;\n --plasma-typo-dspl-l-font-style: normal;\n --plasma-typo-dspl-m-bold-font-family: var(--plasma-typo-display-font-family);\n --plasma-typo-dspl-m-bold-letter-spacing: normal;\n --plasma-typo-dspl-m-bold-font-style: normal;\n --plasma-typo-dspl-m-medium-font-family: var(--plasma-typo-display-font-family);\n --plasma-typo-dspl-m-medium-letter-spacing: normal;\n --plasma-typo-dspl-m-medium-font-style: normal;\n --plasma-typo-dspl-m-font-family: var(--plasma-typo-display-font-family);\n --plasma-typo-dspl-m-letter-spacing: normal;\n --plasma-typo-dspl-m-font-style: normal;\n --plasma-typo-dspl-s-bold-font-family: var(--plasma-typo-display-font-family);\n --plasma-typo-dspl-s-bold-letter-spacing: normal;\n --plasma-typo-dspl-s-bold-font-style: normal;\n --plasma-typo-dspl-s-medium-font-family: var(--plasma-typo-display-font-family);\n --plasma-typo-dspl-s-medium-letter-spacing: normal;\n --plasma-typo-dspl-s-medium-font-style: normal;\n --plasma-typo-dspl-s-font-family: var(--plasma-typo-display-font-family);\n --plasma-typo-dspl-s-letter-spacing: normal;\n --plasma-typo-dspl-s-font-style: normal;\n --plasma-typo-h1-bold-font-family: var(--plasma-typo-display-font-family);\n --plasma-typo-h1-bold-letter-spacing: normal;\n --plasma-typo-h1-bold-font-style: normal;\n --plasma-typo-h1-medium-font-family: var(--plasma-typo-display-font-family);\n --plasma-typo-h1-medium-letter-spacing: normal;\n --plasma-typo-h1-medium-font-style: normal;\n --plasma-typo-h1-font-family: var(--plasma-typo-display-font-family);\n --plasma-typo-h1-letter-spacing: normal;\n --plasma-typo-h1-font-style: normal;\n --plasma-typo-h2-bold-font-family: var(--plasma-typo-display-font-family);\n --plasma-typo-h2-bold-letter-spacing: normal;\n --plasma-typo-h2-bold-font-style: normal;\n --plasma-typo-h2-medium-font-family: var(--plasma-typo-display-font-family);\n --plasma-typo-h2-medium-letter-spacing: normal;\n --plasma-typo-h2-medium-font-style: normal;\n --plasma-typo-h2-font-family: var(--plasma-typo-display-font-family);\n --plasma-typo-h2-letter-spacing: normal;\n --plasma-typo-h2-font-style: normal;\n --plasma-typo-h3-bold-font-family: var(--plasma-typo-display-font-family);\n --plasma-typo-h3-bold-letter-spacing: normal;\n --plasma-typo-h3-bold-font-style: normal;\n --plasma-typo-h3-medium-font-family: var(--plasma-typo-display-font-family);\n --plasma-typo-h3-medium-letter-spacing: normal;\n --plasma-typo-h3-medium-font-style: normal;\n --plasma-typo-h3-font-family: var(--plasma-typo-display-font-family);\n --plasma-typo-h3-letter-spacing: normal;\n --plasma-typo-h3-font-style: normal;\n --plasma-typo-h4-bold-font-family: var(--plasma-typo-display-font-family);\n --plasma-typo-h4-bold-letter-spacing: normal;\n --plasma-typo-h4-bold-font-style: normal;\n --plasma-typo-h4-medium-font-family: var(--plasma-typo-display-font-family);\n --plasma-typo-h4-medium-letter-spacing: normal;\n --plasma-typo-h4-medium-font-style: normal;\n --plasma-typo-h4-font-family: var(--plasma-typo-display-font-family);\n --plasma-typo-h4-letter-spacing: normal;\n --plasma-typo-h4-font-style: normal;\n --plasma-typo-h5-bold-font-family: var(--plasma-typo-display-font-family);\n --plasma-typo-h5-bold-letter-spacing: normal;\n --plasma-typo-h5-bold-font-style: normal;\n --plasma-typo-h5-medium-font-family: var(--plasma-typo-display-font-family);\n --plasma-typo-h5-medium-letter-spacing: normal;\n --plasma-typo-h5-medium-font-style: normal;\n --plasma-typo-h5-font-family: var(--plasma-typo-display-font-family);\n --plasma-typo-h5-letter-spacing: normal;\n --plasma-typo-h5-font-style: normal;\n --plasma-typo-text-l-bold-font-family: var(--plasma-typo-text-font-family);\n --plasma-typo-text-l-bold-letter-spacing: -0.02em;\n --plasma-typo-text-l-bold-font-style: normal;\n --plasma-typo-text-l-medium-font-family: var(--plasma-typo-text-font-family);\n --plasma-typo-text-l-medium-letter-spacing: -0.02em;\n --plasma-typo-text-l-medium-font-style: normal;\n --plasma-typo-text-l-font-family: var(--plasma-typo-text-font-family);\n --plasma-typo-text-l-letter-spacing: -0.02em;\n --plasma-typo-text-l-font-style: normal;\n --plasma-typo-text-m-bold-font-family: var(--plasma-typo-text-font-family);\n --plasma-typo-text-m-bold-letter-spacing: -0.02em;\n --plasma-typo-text-m-bold-font-style: normal;\n --plasma-typo-text-m-medium-font-family: var(--plasma-typo-text-font-family);\n --plasma-typo-text-m-medium-letter-spacing: -0.02em;\n --plasma-typo-text-m-medium-font-style: normal;\n --plasma-typo-text-m-font-family: var(--plasma-typo-text-font-family);\n --plasma-typo-text-m-letter-spacing: -0.02em;\n --plasma-typo-text-m-font-style: normal;\n --plasma-typo-text-s-bold-font-family: var(--plasma-typo-text-font-family);\n --plasma-typo-text-s-bold-letter-spacing: -0.02em;\n --plasma-typo-text-s-bold-font-style: normal;\n --plasma-typo-text-s-medium-font-family: var(--plasma-typo-text-font-family);\n --plasma-typo-text-s-medium-letter-spacing: -0.02em;\n --plasma-typo-text-s-medium-font-style: normal;\n --plasma-typo-text-s-font-family: var(--plasma-typo-text-font-family);\n --plasma-typo-text-s-letter-spacing: -0.02em;\n --plasma-typo-text-s-font-style: normal;\n --plasma-typo-text-xs-bold-font-family: var(--plasma-typo-text-font-family);\n --plasma-typo-text-xs-bold-letter-spacing: -0.02em;\n --plasma-typo-text-xs-bold-font-style: normal;\n --plasma-typo-text-xs-medium-font-family: var(--plasma-typo-text-font-family);\n --plasma-typo-text-xs-medium-letter-spacing: -0.02em;\n --plasma-typo-text-xs-medium-font-style: normal;\n --plasma-typo-text-xs-font-family: var(--plasma-typo-text-font-family);\n --plasma-typo-text-xs-letter-spacing: -0.02em;\n --plasma-typo-text-xs-font-style: normal;\n}\n\n@media (max-width: 559px) {\n :root {\n --plasma-typo-body-l-bold-font-size: 1.125rem;\n --plasma-typo-body-l-bold-font-weight: 600;\n --plasma-typo-body-l-bold-line-height: 1.375rem;\n --plasma-typo-body-l-medium-font-size: 1.125rem;\n --plasma-typo-body-l-medium-font-weight: 500;\n --plasma-typo-body-l-medium-line-height: 1.375rem;\n --plasma-typo-body-l-font-size: 1.125rem;\n --plasma-typo-body-l-font-weight: 400;\n --plasma-typo-body-l-line-height: 1.375rem;\n --plasma-typo-body-m-bold-font-size: 1rem;\n --plasma-typo-body-m-bold-font-weight: 600;\n --plasma-typo-body-m-bold-line-height: 1.25rem;\n --plasma-typo-body-m-medium-font-size: 1rem;\n --plasma-typo-body-m-medium-font-weight: 500;\n --plasma-typo-body-m-medium-line-height: 1.25rem;\n --plasma-typo-body-m-font-size: 1rem;\n --plasma-typo-body-m-font-weight: 400;\n --plasma-typo-body-m-line-height: 1.25rem;\n --plasma-typo-body-s-bold-font-size: 0.875rem;\n --plasma-typo-body-s-bold-font-weight: 600;\n --plasma-typo-body-s-bold-line-height: 1.125rem;\n --plasma-typo-body-s-medium-font-size: 0.875rem;\n --plasma-typo-body-s-medium-font-weight: 500;\n --plasma-typo-body-s-medium-line-height: 1.125rem;\n --plasma-typo-body-s-font-size: 0.875rem;\n --plasma-typo-body-s-font-weight: 400;\n --plasma-typo-body-s-line-height: 1.125rem;\n --plasma-typo-body-xs-bold-font-size: 0.75rem;\n --plasma-typo-body-xs-bold-font-weight: 600;\n --plasma-typo-body-xs-bold-line-height: 0.875rem;\n --plasma-typo-body-xs-medium-font-size: 0.75rem;\n --plasma-typo-body-xs-medium-font-weight: 500;\n --plasma-typo-body-xs-medium-line-height: 0.875rem;\n --plasma-typo-body-xs-font-size: 0.75rem;\n --plasma-typo-body-xs-font-weight: 400;\n --plasma-typo-body-xs-line-height: 0.875rem;\n --plasma-typo-body-xxs-bold-font-size: 0.625rem;\n --plasma-typo-body-xxs-bold-font-weight: 600;\n --plasma-typo-body-xxs-bold-line-height: 0.75rem;\n --plasma-typo-body-xxs-medium-font-size: 0.625rem;\n --plasma-typo-body-xxs-medium-font-weight: 500;\n --plasma-typo-body-xxs-medium-line-height: 0.75rem;\n --plasma-typo-body-xxs-font-size: 0.625rem;\n --plasma-typo-body-xxs-font-weight: 400;\n --plasma-typo-body-xxs-line-height: 0.75rem;\n --plasma-typo-dspl-l-bold-font-size: 5.5rem;\n --plasma-typo-dspl-l-bold-font-weight: 600;\n --plasma-typo-dspl-l-bold-line-height: 5.75rem;\n --plasma-typo-dspl-l-medium-font-size: 5.5rem;\n --plasma-typo-dspl-l-medium-font-weight: 500;\n --plasma-typo-dspl-l-medium-line-height: 5.75rem;\n --plasma-typo-dspl-l-font-size: 5.5rem;\n --plasma-typo-dspl-l-font-weight: 300;\n --plasma-typo-dspl-l-line-height: 5.75rem;\n --plasma-typo-dspl-m-bold-font-size: 3.5rem;\n --plasma-typo-dspl-m-bold-font-weight: 600;\n --plasma-typo-dspl-m-bold-line-height: 3.875rem;\n --plasma-typo-dspl-m-medium-font-size: 3.5rem;\n --plasma-typo-dspl-m-medium-font-weight: 500;\n --plasma-typo-dspl-m-medium-line-height: 3.875rem;\n --plasma-typo-dspl-m-font-size: 3.5rem;\n --plasma-typo-dspl-m-font-weight: 300;\n --plasma-typo-dspl-m-line-height: 3.875rem;\n --plasma-typo-dspl-s-bold-font-size: 2.5rem;\n --plasma-typo-dspl-s-bold-font-weight: 600;\n --plasma-typo-dspl-s-bold-line-height: 2.875rem;\n --plasma-typo-dspl-s-medium-font-size: 2.5rem;\n --plasma-typo-dspl-s-medium-font-weight: 500;\n --plasma-typo-dspl-s-medium-line-height: 2.875rem;\n --plasma-typo-dspl-s-font-size: 2.5rem;\n --plasma-typo-dspl-s-font-weight: 300;\n --plasma-typo-dspl-s-line-height: 2.875rem;\n --plasma-typo-h1-bold-font-size: 1.75rem;\n --plasma-typo-h1-bold-font-weight: 600;\n --plasma-typo-h1-bold-line-height: 2.125rem;\n --plasma-typo-h1-medium-font-size: 1.75rem;\n --plasma-typo-h1-medium-font-weight: 500;\n --plasma-typo-h1-medium-line-height: 2.125rem;\n --plasma-typo-h1-font-size: 1.75rem;\n --plasma-typo-h1-font-weight: 400;\n --plasma-typo-h1-line-height: 2.125rem;\n --plasma-typo-h2-bold-font-size: 1.5rem;\n --plasma-typo-h2-bold-font-weight: 600;\n --plasma-typo-h2-bold-line-height: 1.875rem;\n --plasma-typo-h2-medium-font-size: 1.5rem;\n --plasma-typo-h2-medium-font-weight: 500;\n --plasma-typo-h2-medium-line-height: 1.875rem;\n --plasma-typo-h2-font-size: 1.5rem;\n --plasma-typo-h2-font-weight: 400;\n --plasma-typo-h2-line-height: 1.875rem;\n --plasma-typo-h3-bold-font-size: 1.25rem;\n --plasma-typo-h3-bold-font-weight: 600;\n --plasma-typo-h3-bold-line-height: 1.625rem;\n --plasma-typo-h3-medium-font-size: 1.25rem;\n --plasma-typo-h3-medium-font-weight: 500;\n --plasma-typo-h3-medium-line-height: 1.625rem;\n --plasma-typo-h3-font-size: 1.25rem;\n --plasma-typo-h3-font-weight: 400;\n --plasma-typo-h3-line-height: 1.625rem;\n --plasma-typo-h4-bold-font-size: 1.125rem;\n --plasma-typo-h4-bold-font-weight: 600;\n --plasma-typo-h4-bold-line-height: 1.5rem;\n --plasma-typo-h4-medium-font-size: 1.125rem;\n --plasma-typo-h4-medium-font-weight: 500;\n --plasma-typo-h4-medium-line-height: 1.5rem;\n --plasma-typo-h4-font-size: 1.125rem;\n --plasma-typo-h4-font-weight: 400;\n --plasma-typo-h4-line-height: 1.5rem;\n --plasma-typo-h5-bold-font-size: 1rem;\n --plasma-typo-h5-bold-font-weight: 600;\n --plasma-typo-h5-bold-line-height: 1.375rem;\n --plasma-typo-h5-medium-font-size: 1rem;\n --plasma-typo-h5-medium-font-weight: 500;\n --plasma-typo-h5-medium-line-height: 1.375rem;\n --plasma-typo-h5-font-size: 1rem;\n --plasma-typo-h5-font-weight: 400;\n --plasma-typo-h5-line-height: 1.375rem;\n --plasma-typo-text-l-bold-font-size: 1.125rem;\n --plasma-typo-text-l-bold-font-weight: 600;\n --plasma-typo-text-l-bold-line-height: 1.625rem;\n --plasma-typo-text-l-medium-font-size: 1.125rem;\n --plasma-typo-text-l-medium-font-weight: 500;\n --plasma-typo-text-l-medium-line-height: 1.625rem;\n --plasma-typo-text-l-font-size: 1.125rem;\n --plasma-typo-text-l-font-weight: 400;\n --plasma-typo-text-l-line-height: 1.625rem;\n --plasma-typo-text-m-bold-font-size: 1rem;\n --plasma-typo-text-m-bold-font-weight: 600;\n --plasma-typo-text-m-bold-line-height: 1.5rem;\n --plasma-typo-text-m-medium-font-size: 1rem;\n --plasma-typo-text-m-medium-font-weight: 500;\n --plasma-typo-text-m-medium-line-height: 1.5rem;\n --plasma-typo-text-m-font-size: 1rem;\n --plasma-typo-text-m-font-weight: 400;\n --plasma-typo-text-m-line-height: 1.5rem;\n --plasma-typo-text-s-bold-font-size: 0.875rem;\n --plasma-typo-text-s-bold-font-weight: 600;\n --plasma-typo-text-s-bold-line-height: 1.25rem;\n --plasma-typo-text-s-medium-font-size: 0.875rem;\n --plasma-typo-text-s-medium-font-weight: 500;\n --plasma-typo-text-s-medium-line-height: 1.25rem;\n --plasma-typo-text-s-font-size: 0.875rem;\n --plasma-typo-text-s-font-weight: 400;\n --plasma-typo-text-s-line-height: 1.25rem;\n --plasma-typo-text-xs-bold-font-size: 0.75rem;\n --plasma-typo-text-xs-bold-font-weight: 600;\n --plasma-typo-text-xs-bold-line-height: 1rem;\n --plasma-typo-text-xs-medium-font-size: 0.75rem;\n --plasma-typo-text-xs-medium-font-weight: 500;\n --plasma-typo-text-xs-medium-line-height: 1rem;\n --plasma-typo-text-xs-font-size: 0.75rem;\n --plasma-typo-text-xs-font-weight: 400;\n --plasma-typo-text-xs-line-height: 1rem;\n }\n}\n\n@media (min-width: 560px) and (max-width: 959px) {\n :root {\n --plasma-typo-body-l-bold-font-size: 1.125rem;\n --plasma-typo-body-l-bold-font-weight: 600;\n --plasma-typo-body-l-bold-line-height: 1.375rem;\n --plasma-typo-body-l-medium-font-size: 1.125rem;\n --plasma-typo-body-l-medium-font-weight: 500;\n --plasma-typo-body-l-medium-line-height: 1.375rem;\n --plasma-typo-body-l-font-size: 1.125rem;\n --plasma-typo-body-l-font-weight: 400;\n --plasma-typo-body-l-line-height: 1.375rem;\n --plasma-typo-body-m-bold-font-size: 1rem;\n --plasma-typo-body-m-bold-font-weight: 600;\n --plasma-typo-body-m-bold-line-height: 1.25rem;\n --plasma-typo-body-m-medium-font-size: 1rem;\n --plasma-typo-body-m-medium-font-weight: 500;\n --plasma-typo-body-m-medium-line-height: 1.25rem;\n --plasma-typo-body-m-font-size: 1rem;\n --plasma-typo-body-m-font-weight: 400;\n --plasma-typo-body-m-line-height: 1.25rem;\n --plasma-typo-body-s-bold-font-size: 0.875rem;\n --plasma-typo-body-s-bold-font-weight: 600;\n --plasma-typo-body-s-bold-line-height: 1.125rem;\n --plasma-typo-body-s-medium-font-size: 0.875rem;\n --plasma-typo-body-s-medium-font-weight: 500;\n --plasma-typo-body-s-medium-line-height: 1.125rem;\n --plasma-typo-body-s-font-size: 0.875rem;\n --plasma-typo-body-s-font-weight: 400;\n --plasma-typo-body-s-line-height: 1.125rem;\n --plasma-typo-body-xs-bold-font-size: 0.75rem;\n --plasma-typo-body-xs-bold-font-weight: 600;\n --plasma-typo-body-xs-bold-line-height: 0.875rem;\n --plasma-typo-body-xs-medium-font-size: 0.75rem;\n --plasma-typo-body-xs-medium-font-weight: 500;\n --plasma-typo-body-xs-medium-line-height: 0.875rem;\n --plasma-typo-body-xs-font-size: 0.75rem;\n --plasma-typo-body-xs-font-weight: 400;\n --plasma-typo-body-xs-line-height: 0.875rem;\n --plasma-typo-body-xxs-bold-font-size: 0.625rem;\n --plasma-typo-body-xxs-bold-font-weight: 600;\n --plasma-typo-body-xxs-bold-line-height: 0.75rem;\n --plasma-typo-body-xxs-medium-font-size: 0.625rem;\n --plasma-typo-body-xxs-medium-font-weight: 500;\n --plasma-typo-body-xxs-medium-line-height: 0.75rem;\n --plasma-typo-body-xxs-font-size: 0.625rem;\n --plasma-typo-body-xxs-font-weight: 400;\n --plasma-typo-body-xxs-line-height: 0.75rem;\n --plasma-typo-dspl-l-bold-font-size: 7rem;\n --plasma-typo-dspl-l-bold-font-weight: 600;\n --plasma-typo-dspl-l-bold-line-height: 7rem;\n --plasma-typo-dspl-l-medium-font-size: 7rem;\n --plasma-typo-dspl-l-medium-font-weight: 500;\n --plasma-typo-dspl-l-medium-line-height: 7rem;\n --plasma-typo-dspl-l-font-size: 7rem;\n --plasma-typo-dspl-l-font-weight: 300;\n --plasma-typo-dspl-l-line-height: 7rem;\n --plasma-typo-dspl-m-bold-font-size: 4.5rem;\n --plasma-typo-dspl-m-bold-font-weight: 600;\n --plasma-typo-dspl-m-bold-line-height: 4.75rem;\n --plasma-typo-dspl-m-medium-font-size: 4.5rem;\n --plasma-typo-dspl-m-medium-font-weight: 500;\n --plasma-typo-dspl-m-medium-line-height: 4.75rem;\n --plasma-typo-dspl-m-font-size: 4.5rem;\n --plasma-typo-dspl-m-font-weight: 300;\n --plasma-typo-dspl-m-line-height: 4.75rem;\n --plasma-typo-dspl-s-bold-font-size: 3rem;\n --plasma-typo-dspl-s-bold-font-weight: 600;\n --plasma-typo-dspl-s-bold-line-height: 3.375rem;\n --plasma-typo-dspl-s-medium-font-size: 3rem;\n --plasma-typo-dspl-s-medium-font-weight: 500;\n --plasma-typo-dspl-s-medium-line-height: 3.375rem;\n --plasma-typo-dspl-s-font-size: 3rem;\n --plasma-typo-dspl-s-font-weight: 300;\n --plasma-typo-dspl-s-line-height: 3.375rem;\n --plasma-typo-h1-bold-font-size: 2.5rem;\n --plasma-typo-h1-bold-font-weight: 600;\n --plasma-typo-h1-bold-line-height: 2.875rem;\n --plasma-typo-h1-medium-font-size: 2.5rem;\n --plasma-typo-h1-medium-font-weight: 500;\n --plasma-typo-h1-medium-line-height: 2.875rem;\n --plasma-typo-h1-font-size: 2.5rem;\n --plasma-typo-h1-font-weight: 400;\n --plasma-typo-h1-line-height: 2.875rem;\n --plasma-typo-h2-bold-font-size: 1.75rem;\n --plasma-typo-h2-bold-font-weight: 600;\n --plasma-typo-h2-bold-line-height: 2.125rem;\n --plasma-typo-h2-medium-font-size: 1.75rem;\n --plasma-typo-h2-medium-font-weight: 500;\n --plasma-typo-h2-medium-line-height: 2.125rem;\n --plasma-typo-h2-font-size: 1.75rem;\n --plasma-typo-h2-font-weight: 400;\n --plasma-typo-h2-line-height: 2.125rem;\n --plasma-typo-h3-bold-font-size: 1.25rem;\n --plasma-typo-h3-bold-font-weight: 600;\n --plasma-typo-h3-bold-line-height: 1.625rem;\n --plasma-typo-h3-medium-font-size: 1.25rem;\n --plasma-typo-h3-medium-font-weight: 500;\n --plasma-typo-h3-medium-line-height: 1.625rem;\n --plasma-typo-h3-font-size: 1.25rem;\n --plasma-typo-h3-font-weight: 400;\n --plasma-typo-h3-line-height: 1.625rem;\n --plasma-typo-h4-bold-font-size: 1.125rem;\n --plasma-typo-h4-bold-font-weight: 600;\n --plasma-typo-h4-bold-line-height: 1.5rem;\n --plasma-typo-h4-medium-font-size: 1.125rem;\n --plasma-typo-h4-medium-font-weight: 500;\n --plasma-typo-h4-medium-line-height: 1.5rem;\n --plasma-typo-h4-font-size: 1.125rem;\n --plasma-typo-h4-font-weight: 400;\n --plasma-typo-h4-line-height: 1.5rem;\n --plasma-typo-h5-bold-font-size: 1rem;\n --plasma-typo-h5-bold-font-weight: 600;\n --plasma-typo-h5-bold-line-height: 1.375rem;\n --plasma-typo-h5-medium-font-size: 1rem;\n --plasma-typo-h5-medium-font-weight: 500;\n --plasma-typo-h5-medium-line-height: 1.375rem;\n --plasma-typo-h5-font-size: 1rem;\n --plasma-typo-h5-font-weight: 400;\n --plasma-typo-h5-line-height: 1.375rem;\n --plasma-typo-text-l-bold-font-size: 1.25rem;\n --plasma-typo-text-l-bold-font-weight: 600;\n --plasma-typo-text-l-bold-line-height: 1.75rem;\n --plasma-typo-text-l-medium-font-size: 1.25rem;\n --plasma-typo-text-l-medium-font-weight: 500;\n --plasma-typo-text-l-medium-line-height: 1.75rem;\n --plasma-typo-text-l-font-size: 1.25rem;\n --plasma-typo-text-l-font-weight: 400;\n --plasma-typo-text-l-line-height: 1.75rem;\n --plasma-typo-text-m-bold-font-size: 1rem;\n --plasma-typo-text-m-bold-font-weight: 600;\n --plasma-typo-text-m-bold-line-height: 1.5rem;\n --plasma-typo-text-m-medium-font-size: 1rem;\n --plasma-typo-text-m-medium-font-weight: 500;\n --plasma-typo-text-m-medium-line-height: 1.5rem;\n --plasma-typo-text-m-font-size: 1rem;\n --plasma-typo-text-m-font-weight: 400;\n --plasma-typo-text-m-line-height: 1.5rem;\n --plasma-typo-text-s-bold-font-size: 0.875rem;\n --plasma-typo-text-s-bold-font-weight: 600;\n --plasma-typo-text-s-bold-line-height: 1.25rem;\n --plasma-typo-text-s-medium-font-size: 0.875rem;\n --plasma-typo-text-s-medium-font-weight: 500;\n --plasma-typo-text-s-medium-line-height: 1.25rem;\n --plasma-typo-text-s-font-size: 0.875rem;\n --plasma-typo-text-s-font-weight: 400;\n --plasma-typo-text-s-line-height: 1.25rem;\n --plasma-typo-text-xs-bold-font-size: 0.75rem;\n --plasma-typo-text-xs-bold-font-weight: 600;\n --plasma-typo-text-xs-bold-line-height: 1rem;\n --plasma-typo-text-xs-medium-font-size: 0.75rem;\n --plasma-typo-text-xs-medium-font-weight: 500;\n --plasma-typo-text-xs-medium-line-height: 1rem;\n --plasma-typo-text-xs-font-size: 0.75rem;\n --plasma-typo-text-xs-font-weight: 400;\n --plasma-typo-text-xs-line-height: 1rem;\n }\n}\n\n@media (min-width: 960px) {\n :root {\n --plasma-typo-body-l-bold-font-size: 1.125rem;\n --plasma-typo-body-l-bold-font-weight: 600;\n --plasma-typo-body-l-bold-line-height: 1.375rem;\n --plasma-typo-body-l-medium-font-size: 1.125rem;\n --plasma-typo-body-l-medium-font-weight: 500;\n --plasma-typo-body-l-medium-line-height: 1.375rem;\n --plasma-typo-body-l-font-size: 1.125rem;\n --plasma-typo-body-l-font-weight: 400;\n --plasma-typo-body-l-line-height: 1.375rem;\n --plasma-typo-body-m-bold-font-size: 1rem;\n --plasma-typo-body-m-bold-font-weight: 600;\n --plasma-typo-body-m-bold-line-height: 1.25rem;\n --plasma-typo-body-m-medium-font-size: 1rem;\n --plasma-typo-body-m-medium-font-weight: 500;\n --plasma-typo-body-m-medium-line-height: 1.25rem;\n --plasma-typo-body-m-font-size: 1rem;\n --plasma-typo-body-m-font-weight: 400;\n --plasma-typo-body-m-line-height: 1.25rem;\n --plasma-typo-body-s-bold-font-size: 0.875rem;\n --plasma-typo-body-s-bold-font-weight: 600;\n --plasma-typo-body-s-bold-line-height: 1.125rem;\n --plasma-typo-body-s-medium-font-size: 0.875rem;\n --plasma-typo-body-s-medium-font-weight: 500;\n --plasma-typo-body-s-medium-line-height: 1.125rem;\n --plasma-typo-body-s-font-size: 0.875rem;\n --plasma-typo-body-s-font-weight: 400;\n --plasma-typo-body-s-line-height: 1.125rem;\n --plasma-typo-body-xs-bold-font-size: 0.75rem;\n --plasma-typo-body-xs-bold-font-weight: 600;\n --plasma-typo-body-xs-bold-line-height: 0.875rem;\n --plasma-typo-body-xs-medium-font-size: 0.75rem;\n --plasma-typo-body-xs-medium-font-weight: 500;\n --plasma-typo-body-xs-medium-line-height: 0.875rem;\n --plasma-typo-body-xs-font-size: 0.75rem;\n --plasma-typo-body-xs-font-weight: 400;\n --plasma-typo-body-xs-line-height: 0.875rem;\n --plasma-typo-body-xxs-bold-font-size: 0.625rem;\n --plasma-typo-body-xxs-bold-font-weight: 600;\n --plasma-typo-body-xxs-bold-line-height: 0.75rem;\n --plasma-typo-body-xxs-medium-font-size: 0.625rem;\n --plasma-typo-body-xxs-medium-font-weight: 500;\n --plasma-typo-body-xxs-medium-line-height: 0.75rem;\n --plasma-typo-body-xxs-font-size: 0.625rem;\n --plasma-typo-body-xxs-font-weight: 400;\n --plasma-typo-body-xxs-line-height: 0.75rem;\n --plasma-typo-dspl-l-bold-font-size: 8rem;\n --plasma-typo-dspl-l-bold-font-weight: 600;\n --plasma-typo-dspl-l-bold-line-height: 8rem;\n --plasma-typo-dspl-l-medium-font-size: 8rem;\n --plasma-typo-dspl-l-medium-font-weight: 500;\n --plasma-typo-dspl-l-medium-line-height: 8rem;\n --plasma-typo-dspl-l-font-size: 8rem;\n --plasma-typo-dspl-l-font-weight: 300;\n --plasma-typo-dspl-l-line-height: 8rem;\n --plasma-typo-dspl-m-bold-font-size: 5.5rem;\n --plasma-typo-dspl-m-bold-font-weight: 600;\n --plasma-typo-dspl-m-bold-line-height: 5.75rem;\n --plasma-typo-dspl-m-medium-font-size: 5.5rem;\n --plasma-typo-dspl-m-medium-font-weight: 500;\n --plasma-typo-dspl-m-medium-line-height: 5.75rem;\n --plasma-typo-dspl-m-font-size: 5.5rem;\n --plasma-typo-dspl-m-font-weight: 300;\n --plasma-typo-dspl-m-line-height: 5.75rem;\n --plasma-typo-dspl-s-bold-font-size: 4rem;\n --plasma-typo-dspl-s-bold-font-weight: 600;\n --plasma-typo-dspl-s-bold-line-height: 4.25rem;\n --plasma-typo-dspl-s-medium-font-size: 4rem;\n --plasma-typo-dspl-s-medium-font-weight: 500;\n --plasma-typo-dspl-s-medium-line-height: 4.25rem;\n --plasma-typo-dspl-s-font-size: 4rem;\n --plasma-typo-dspl-s-font-weight: 300;\n --plasma-typo-dspl-s-line-height: 4.25rem;\n --plasma-typo-h1-bold-font-size: 3rem;\n --plasma-typo-h1-bold-font-weight: 600;\n --plasma-typo-h1-bold-line-height: 3.375rem;\n --plasma-typo-h1-medium-font-size: 3rem;\n --plasma-typo-h1-medium-font-weight: 500;\n --plasma-typo-h1-medium-line-height: 3.375rem;\n --plasma-typo-h1-font-size: 3rem;\n --plasma-typo-h1-font-weight: 400;\n --plasma-typo-h1-line-height: 3.375rem;\n --plasma-typo-h2-bold-font-size: 2rem;\n --plasma-typo-h2-bold-font-weight: 600;\n --plasma-typo-h2-bold-line-height: 2.375rem;\n --plasma-typo-h2-medium-font-size: 2rem;\n --plasma-typo-h2-medium-font-weight: 500;\n --plasma-typo-h2-medium-line-height: 2.375rem;\n --plasma-typo-h2-font-size: 2rem;\n --plasma-typo-h2-font-weight: 400;\n --plasma-typo-h2-line-height: 2.375rem;\n --plasma-typo-h3-bold-font-size: 1.5rem;\n --plasma-typo-h3-bold-font-weight: 600;\n --plasma-typo-h3-bold-line-height: 1.875rem;\n --plasma-typo-h3-medium-font-size: 1.5rem;\n --plasma-typo-h3-medium-font-weight: 500;\n --plasma-typo-h3-medium-line-height: 1.875rem;\n --plasma-typo-h3-font-size: 1.5rem;\n --plasma-typo-h3-font-weight: 400;\n --plasma-typo-h3-line-height: 1.875rem;\n --plasma-typo-h4-bold-font-size: 1.25rem;\n --plasma-typo-h4-bold-font-weight: 600;\n --plasma-typo-h4-bold-line-height: 1.625rem;\n --plasma-typo-h4-medium-font-size: 1.25rem;\n --plasma-typo-h4-medium-font-weight: 500;\n --plasma-typo-h4-medium-line-height: 1.625rem;\n --plasma-typo-h4-font-size: 1.25rem;\n --plasma-typo-h4-font-weight: 400;\n --plasma-typo-h4-line-height: 1.625rem;\n --plasma-typo-h5-bold-font-size: 1.125rem;\n --plasma-typo-h5-bold-font-weight: 600;\n --plasma-typo-h5-bold-line-height: 1.5rem;\n --plasma-typo-h5-medium-font-size: 1.125rem;\n --plasma-typo-h5-medium-font-weight: 500;\n --plasma-typo-h5-medium-line-height: 1.5rem;\n --plasma-typo-h5-font-size: 1.125rem;\n --plasma-typo-h5-font-weight: 400;\n --plasma-typo-h5-line-height: 1.5rem;\n --plasma-typo-text-l-bold-font-size: 1.5rem;\n --plasma-typo-text-l-bold-font-weight: 600;\n --plasma-typo-text-l-bold-line-height: 2rem;\n --plasma-typo-text-l-medium-font-size: 1.5rem;\n --plasma-typo-text-l-medium-font-weight: 500;\n --plasma-typo-text-l-medium-line-height: 2rem;\n --plasma-typo-text-l-font-size: 1.5rem;\n --plasma-typo-text-l-font-weight: 400;\n --plasma-typo-text-l-line-height: 2rem;\n --plasma-typo-text-m-bold-font-size: 1.125rem;\n --plasma-typo-text-m-bold-font-weight: 600;\n --plasma-typo-text-m-bold-line-height: 1.625rem;\n --plasma-typo-text-m-medium-font-size: 1.125rem;\n --plasma-typo-text-m-medium-font-weight: 500;\n --plasma-typo-text-m-medium-line-height: 1.625rem;\n --plasma-typo-text-m-font-size: 1.125rem;\n --plasma-typo-text-m-font-weight: 400;\n --plasma-typo-text-m-line-height: 1.625rem;\n --plasma-typo-text-s-bold-font-size: 0.875rem;\n --plasma-typo-text-s-bold-font-weight: 600;\n --plasma-typo-text-s-bold-line-height: 1.25rem;\n --plasma-typo-text-s-medium-font-size: 0.875rem;\n --plasma-typo-text-s-medium-font-weight: 500;\n --plasma-typo-text-s-medium-line-height: 1.25rem;\n --plasma-typo-text-s-font-size: 0.875rem;\n --plasma-typo-text-s-font-weight: 400;\n --plasma-typo-text-s-line-height: 1.25rem;\n --plasma-typo-text-xs-bold-font-size: 0.75rem;\n --plasma-typo-text-xs-bold-font-weight: 600;\n --plasma-typo-text-xs-bold-line-height: 1rem;\n --plasma-typo-text-xs-medium-font-size: 0.75rem;\n --plasma-typo-text-xs-medium-font-weight: 500;\n --plasma-typo-text-xs-medium-line-height: 1rem;\n --plasma-typo-text-xs-font-size: 0.75rem;\n --plasma-typo-text-xs-font-weight: 400;\n --plasma-typo-text-xs-line-height: 1rem;\n }\n}"];
8
+
9
+ exports.test1750__dark = test1750__dark;
10
+ //# sourceMappingURL=test1750__dark.js.map