@rovula/ui 0.1.6 → 0.1.8

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 (232) hide show
  1. package/dist/cjs/bundle.css +630 -467
  2. package/dist/cjs/bundle.js +1545 -1545
  3. package/dist/cjs/bundle.js.map +1 -1
  4. package/dist/cjs/types/components/AlertDialog/AlertDialog.stories.d.ts +3 -0
  5. package/dist/cjs/types/components/Dialog/Dialog.d.ts +7 -1
  6. package/dist/cjs/types/components/Dialog/Dialog.stories.d.ts +3 -0
  7. package/dist/cjs/types/components/Dropdown/Dropdown.d.ts +2 -0
  8. package/dist/cjs/types/components/Dropdown/Dropdown.stories.d.ts +2 -0
  9. package/dist/cjs/types/components/Form/Field.d.ts +26 -0
  10. package/dist/cjs/types/components/Form/FieldMessage.d.ts +7 -0
  11. package/dist/cjs/types/components/Form/Form.d.ts +49 -11
  12. package/dist/cjs/types/components/Form/Form.stories.d.ts +23 -0
  13. package/dist/cjs/types/components/Form/ValidationHintList.d.ts +17 -0
  14. package/dist/cjs/types/components/Form/ValidationHintList.stories.d.ts +9 -0
  15. package/dist/cjs/types/components/Form/index.d.ts +10 -0
  16. package/dist/cjs/types/components/Form/useOptionBridge.d.ts +17 -0
  17. package/dist/cjs/types/components/OtpInput/OtpInput.d.ts +17 -0
  18. package/dist/cjs/types/components/OtpInput/OtpInput.stories.d.ts +15 -0
  19. package/dist/cjs/types/components/OtpInput/OtpInputGroup.d.ts +25 -0
  20. package/dist/cjs/types/components/OtpInput/index.d.ts +5 -0
  21. package/dist/cjs/types/components/TextInput/TextInput.styles.d.ts +3 -0
  22. package/dist/cjs/types/index.d.ts +5 -0
  23. package/dist/cjs/types/theme/ThemeColorCoverageRuntime.stories.d.ts +10 -0
  24. package/dist/cjs/types/utils/colors.d.ts +351 -267
  25. package/dist/components/ActionButton/ActionButton.stories.js +2 -2
  26. package/dist/components/ActionButton/ActionButton.styles.js +1 -1
  27. package/dist/components/AlertDialog/AlertDialog.js +6 -6
  28. package/dist/components/AlertDialog/AlertDialog.stories.js +3 -0
  29. package/dist/components/Avatar/Avatar.stories.js +1 -1
  30. package/dist/components/Avatar/Avatar.styles.js +1 -1
  31. package/dist/components/Avatar/AvatarBase.js +1 -1
  32. package/dist/components/Avatar/AvatarGroup.stories.js +1 -1
  33. package/dist/components/Button/Buttons.stories.js +2 -2
  34. package/dist/components/Calendar/Calendar.js +1 -1
  35. package/dist/components/Checkbox/Checkbox.js +1 -1
  36. package/dist/components/Checkbox/Checkbox.stories.js +17 -7
  37. package/dist/components/Collapsible/Collapsible.styles.js +1 -1
  38. package/dist/components/DataTable/DataTable.js +2 -2
  39. package/dist/components/Dialog/Dialog.js +12 -7
  40. package/dist/components/Dialog/Dialog.stories.js +90 -2
  41. package/dist/components/Dropdown/Dropdown.js +2 -2
  42. package/dist/components/DropdownMenu/DropdownMenu.js +3 -3
  43. package/dist/components/FocusedScrollView/FocusedScrollView.stories.js +6 -6
  44. package/dist/components/Form/Field.js +60 -0
  45. package/dist/components/Form/FieldMessage.js +24 -0
  46. package/dist/components/Form/Form.js +73 -41
  47. package/dist/components/Form/Form.stories.js +221 -0
  48. package/dist/components/Form/ValidationHintList.js +30 -0
  49. package/dist/components/Form/ValidationHintList.stories.js +50 -0
  50. package/dist/components/Form/index.js +5 -0
  51. package/dist/components/Form/useOptionBridge.js +27 -0
  52. package/dist/components/InputFilter/InputFilter.js +5 -4
  53. package/dist/components/InputFilter/InputFilter.stories.js +1 -1
  54. package/dist/components/InputFilter/InputFilter.styles.js +14 -1
  55. package/dist/components/Label/Label.styles.js +1 -1
  56. package/dist/components/Menu/Menu.js +2 -2
  57. package/dist/components/NumberInput/NumberInput.stories.js +1 -1
  58. package/dist/components/OtpInput/OtpInput.js +118 -0
  59. package/dist/components/OtpInput/OtpInput.stories.js +60 -0
  60. package/dist/components/OtpInput/OtpInputGroup.js +23 -0
  61. package/dist/components/OtpInput/index.js +3 -0
  62. package/dist/components/PasswordInput/PasswordInput.stories.js +1 -1
  63. package/dist/components/Popover/Popover.js +1 -1
  64. package/dist/components/RadioGroup/RadioGroup.js +1 -1
  65. package/dist/components/RadioGroup/RadioGroup.stories.js +2 -2
  66. package/dist/components/Search/Search.js +13 -1
  67. package/dist/components/Search/Search.stories.js +1 -1
  68. package/dist/components/Slider/Slider.js +1 -1
  69. package/dist/components/Slider/Slider.stories.js +5 -5
  70. package/dist/components/Switch/Switch.stories.js +2 -2
  71. package/dist/components/Switch/Switch.styles.js +1 -1
  72. package/dist/components/Table/Table.js +5 -5
  73. package/dist/components/Tabs/Tabs.js +12 -9
  74. package/dist/components/Tabs/Tabs.stories.js +1 -1
  75. package/dist/components/Text/Text.js +1 -1
  76. package/dist/components/Text/Text.stories.js +1 -1
  77. package/dist/components/TextArea/TextArea.stories.js +1 -1
  78. package/dist/components/TextArea/TextArea.styles.js +3 -3
  79. package/dist/components/TextInput/TextInput.js +3 -2
  80. package/dist/components/TextInput/TextInput.stories.js +3 -3
  81. package/dist/components/TextInput/TextInput.styles.js +41 -19
  82. package/dist/components/Toast/Toast.js +4 -2
  83. package/dist/components/Toast/Toast.stories.js +1 -1
  84. package/dist/components/Toast/Toast.styles.js +4 -4
  85. package/dist/components/Toast/Toaster.js +2 -2
  86. package/dist/components/Tree/Tree.stories.js +1 -1
  87. package/dist/components/Tree/TreeItem.js +1 -1
  88. package/dist/esm/bundle.css +630 -467
  89. package/dist/esm/bundle.js +1545 -1545
  90. package/dist/esm/bundle.js.map +1 -1
  91. package/dist/esm/types/components/AlertDialog/AlertDialog.stories.d.ts +3 -0
  92. package/dist/esm/types/components/Dialog/Dialog.d.ts +7 -1
  93. package/dist/esm/types/components/Dialog/Dialog.stories.d.ts +3 -0
  94. package/dist/esm/types/components/Dropdown/Dropdown.d.ts +2 -0
  95. package/dist/esm/types/components/Dropdown/Dropdown.stories.d.ts +2 -0
  96. package/dist/esm/types/components/Form/Field.d.ts +26 -0
  97. package/dist/esm/types/components/Form/FieldMessage.d.ts +7 -0
  98. package/dist/esm/types/components/Form/Form.d.ts +49 -11
  99. package/dist/esm/types/components/Form/Form.stories.d.ts +23 -0
  100. package/dist/esm/types/components/Form/ValidationHintList.d.ts +17 -0
  101. package/dist/esm/types/components/Form/ValidationHintList.stories.d.ts +9 -0
  102. package/dist/esm/types/components/Form/index.d.ts +10 -0
  103. package/dist/esm/types/components/Form/useOptionBridge.d.ts +17 -0
  104. package/dist/esm/types/components/OtpInput/OtpInput.d.ts +17 -0
  105. package/dist/esm/types/components/OtpInput/OtpInput.stories.d.ts +15 -0
  106. package/dist/esm/types/components/OtpInput/OtpInputGroup.d.ts +25 -0
  107. package/dist/esm/types/components/OtpInput/index.d.ts +5 -0
  108. package/dist/esm/types/components/TextInput/TextInput.styles.d.ts +3 -0
  109. package/dist/esm/types/index.d.ts +5 -0
  110. package/dist/esm/types/theme/ThemeColorCoverageRuntime.stories.d.ts +10 -0
  111. package/dist/esm/types/utils/colors.d.ts +351 -267
  112. package/dist/index.d.ts +512 -269
  113. package/dist/index.js +3 -0
  114. package/dist/src/theme/global.css +2739 -2681
  115. package/dist/theme/ThemeColorCoverageRuntime.stories.js +91 -0
  116. package/dist/utils/colors.js +359 -267
  117. package/package.json +4 -2
  118. package/src/components/ActionButton/ActionButton.stories.tsx +6 -6
  119. package/src/components/ActionButton/ActionButton.styles.ts +1 -1
  120. package/src/components/AlertDialog/AlertDialog.stories.tsx +22 -0
  121. package/src/components/AlertDialog/AlertDialog.tsx +6 -6
  122. package/src/components/Avatar/Avatar.stories.tsx +1 -1
  123. package/src/components/Avatar/Avatar.styles.ts +1 -1
  124. package/src/components/Avatar/AvatarBase.tsx +1 -1
  125. package/src/components/Avatar/AvatarGroup.stories.tsx +1 -1
  126. package/src/components/Button/Buttons.stories.tsx +25 -17
  127. package/src/components/Calendar/Calendar.tsx +3 -3
  128. package/src/components/Checkbox/Checkbox.stories.tsx +35 -12
  129. package/src/components/Checkbox/Checkbox.tsx +7 -5
  130. package/src/components/Collapsible/Collapsible.styles.ts +1 -1
  131. package/src/components/DataTable/DataTable.tsx +2 -2
  132. package/src/components/Dialog/Dialog.stories.tsx +173 -0
  133. package/src/components/Dialog/Dialog.tsx +32 -15
  134. package/src/components/Dropdown/Dropdown.styles.ts +1 -1
  135. package/src/components/Dropdown/Dropdown.tsx +16 -14
  136. package/src/components/DropdownMenu/DropdownMenu.tsx +3 -3
  137. package/src/components/FocusedScrollView/FocusedScrollView.stories.tsx +10 -10
  138. package/src/components/Form/Field.tsx +160 -0
  139. package/src/components/Form/FieldMessage.tsx +38 -0
  140. package/src/components/Form/Form.docs.mdx +67 -0
  141. package/src/components/Form/Form.stories.tsx +490 -0
  142. package/src/components/Form/Form.tsx +185 -87
  143. package/src/components/Form/README.md +284 -0
  144. package/src/components/Form/ValidationHintList.stories.tsx +118 -0
  145. package/src/components/Form/ValidationHintList.tsx +82 -0
  146. package/src/components/Form/index.ts +28 -0
  147. package/src/components/Form/useOptionBridge.ts +55 -0
  148. package/src/components/InputFilter/InputFilter.stories.tsx +1 -1
  149. package/src/components/InputFilter/InputFilter.styles.ts +14 -1
  150. package/src/components/InputFilter/InputFilter.tsx +33 -28
  151. package/src/components/Label/Label.styles.ts +2 -2
  152. package/src/components/Label/Label.tsx +1 -1
  153. package/src/components/Menu/Menu.tsx +12 -12
  154. package/src/components/NumberInput/NumberInput.stories.tsx +1 -1
  155. package/src/components/OtpInput/OtpInput.stories.tsx +168 -0
  156. package/src/components/OtpInput/OtpInput.tsx +210 -0
  157. package/src/components/OtpInput/OtpInputGroup.tsx +74 -0
  158. package/src/components/OtpInput/index.ts +5 -0
  159. package/src/components/PasswordInput/PasswordInput.stories.tsx +1 -1
  160. package/src/components/Popover/Popover.tsx +1 -1
  161. package/src/components/RadioGroup/RadioGroup.stories.tsx +4 -4
  162. package/src/components/RadioGroup/RadioGroup.tsx +2 -1
  163. package/src/components/Search/Search.stories.tsx +1 -1
  164. package/src/components/Search/Search.tsx +6 -2
  165. package/src/components/Slider/Slider.stories.tsx +7 -7
  166. package/src/components/Slider/Slider.tsx +1 -1
  167. package/src/components/Switch/Switch.stories.tsx +4 -4
  168. package/src/components/Switch/Switch.styles.ts +1 -1
  169. package/src/components/Table/Table.tsx +5 -5
  170. package/src/components/Tabs/Tabs.stories.tsx +1 -1
  171. package/src/components/Tabs/Tabs.tsx +29 -18
  172. package/src/components/Text/Text.stories.tsx +1 -1
  173. package/src/components/Text/Text.tsx +1 -1
  174. package/src/components/TextArea/TextArea.stories.tsx +1 -1
  175. package/src/components/TextArea/TextArea.styles.ts +3 -3
  176. package/src/components/TextInput/TextInput.stories.tsx +7 -7
  177. package/src/components/TextInput/TextInput.styles.ts +42 -19
  178. package/src/components/TextInput/TextInput.tsx +3 -1
  179. package/src/components/Toast/Toast.stories.tsx +1 -1
  180. package/src/components/Toast/Toast.styles.tsx +7 -7
  181. package/src/components/Toast/Toast.tsx +5 -4
  182. package/src/components/Toast/Toaster.tsx +17 -20
  183. package/src/components/Tree/Tree.stories.tsx +1 -1
  184. package/src/components/Tree/TreeItem.tsx +1 -1
  185. package/src/index.ts +5 -0
  186. package/src/theme/THEME_MAPPING.md +36 -37
  187. package/src/theme/ThemeColorCoverageRuntime.stories.tsx +236 -0
  188. package/src/theme/direct-token-migration-plan.md +121 -0
  189. package/src/theme/figma-mcp-check-report.md +225 -0
  190. package/src/theme/figma-mcp-component-checklist.json +1250 -0
  191. package/src/theme/global.css +7 -3
  192. package/src/theme/presets/colors.js +173 -64
  193. package/src/theme/themes/skyller/baseline.css +0 -4
  194. package/src/theme/themes/variable-mapping.css +1064 -0
  195. package/src/theme/themes/variable.css +248 -230
  196. package/src/theme/themes/xspector/baseline.css +0 -4
  197. package/src/theme/themes/xspector/components/dropdown-menu.css +4 -4
  198. package/src/theme/themes/xspector/components/loading.css +2 -2
  199. package/src/theme/tokens/baseline.css +0 -3
  200. package/src/theme/tokens/color.css +36 -65
  201. package/src/theme/tokens/components/action-button.css +6 -6
  202. package/src/theme/tokens/components/button.css +189 -189
  203. package/src/theme/tokens/components/dropdown-menu.css +5 -5
  204. package/src/theme/tokens/components/footer.css +1 -1
  205. package/src/theme/tokens/components/loading.css +2 -2
  206. package/src/theme/tokens/components/switch.css +11 -11
  207. package/src/theme/tokens/typography.css +28 -28
  208. package/src/theme/tokens_old/baseline.css +13 -0
  209. package/src/theme/tokens_old/color.css +78 -0
  210. package/src/theme/tokens_old/components/action-button.css +127 -0
  211. package/src/theme/tokens_old/components/button.css +512 -0
  212. package/src/theme/tokens_old/components/dropdown-menu.css +27 -0
  213. package/src/theme/tokens_old/components/footer.css +9 -0
  214. package/src/theme/tokens_old/components/loading.css +11 -0
  215. package/src/theme/tokens_old/components/navbar.css +9 -0
  216. package/src/theme/tokens_old/components/progress-bar.css +8 -0
  217. package/src/theme/tokens_old/components/switch.css +29 -0
  218. package/src/theme/tokens_old/typography.css +199 -0
  219. package/src/theme/tokens_old/variables.css +28 -0
  220. package/src/theme/utils.js +172 -33
  221. package/src/utils/colors.ts +367 -278
  222. package/src/theme/themes/skyller/color.css +0 -79
  223. package/src/theme/themes/skyller/palette.css +0 -143
  224. package/src/theme/themes/skyller/state.css +0 -94
  225. package/src/theme/themes/skyller/transparent.css +0 -94
  226. package/src/theme/themes/xspector/color.css +0 -83
  227. package/src/theme/themes/xspector/palette.css +0 -142
  228. package/src/theme/themes/xspector/state.css +0 -94
  229. package/src/theme/themes/xspector/transparent.css +0 -93
  230. /package/src/theme/{tokens → tokens_old}/palette.css +0 -0
  231. /package/src/theme/{tokens → tokens_old}/state.css +0 -0
  232. /package/src/theme/{tokens → tokens_old}/transparent.css +0 -0
package/src/theme/themes/variable-mapping.css ADDED
@@ -0,0 +1,1064 @@
1
+ /* Auto-generated from themes/variable.css */
2
+ /* Maps brand-scoped variables to unscoped tokens */
3
+
4
+ :root {
5
+ --main-primary: var(--main-primary-report-xspector-light-mode);
6
+ --main-secondary: var(--main-secondary-report-xspector-light-mode);
7
+ --main-tertiary: var(--main-tertiary-report-xspector-light-mode);
8
+ --brand-midnight-blue: var(--brand-midnight-blue-report-xspector-light-mode);
9
+ --brand-columbia-blue: var(--brand-columbia-blue-report-xspector-light-mode);
10
+ --brand-background: var(--brand-background-report-xspector-light-mode);
11
+ --brand-lemon-glacier: var(--brand-lemon-glacier-report-xspector-light-mode);
12
+ --text-black: var(--text-black-report-xspector-light-mode);
13
+ --text-contrast-low: var(--text-contrast-low-report-xspector-light-mode);
14
+ --text-contrast-medium: var(--text-contrast-medium-report-xspector-light-mode);
15
+ --text-contrast-high: var(--text-contrast-high-report-xspector-light-mode);
16
+ --text-g-contrast-low: var(--text-g-contrast-low-report-xspector-light-mode);
17
+ --text-g-contrast-medium: var(--text-g-contrast-medium-report-xspector-light-mode);
18
+ --text-g-contrast-high: var(--text-g-contrast-high-report-xspector-light-mode);
19
+ --text-contrast-max: var(--text-contrast-max-report-xspector-light-mode);
20
+ --state-primary-default: var(--state-primary-default-report-xspector-light-mode);
21
+ --state-primary-hover: var(--state-primary-hover-report-xspector-light-mode);
22
+ --state-primary-stroke: var(--state-primary-stroke-report-xspector-light-mode);
23
+ --state-primary-hover-bg: var(--state-primary-hover-bg-report-xspector-light-mode);
24
+ --state-primary-pressed: var(--state-primary-pressed-report-xspector-light-mode);
25
+ --state-primary-active: var(--state-primary-active-report-xspector-light-mode);
26
+ --state-primary-text-solid: var(--state-primary-text-solid-report-xspector-light-mode);
27
+ --state-primary-text-outline: var(--state-primary-text-outline-report-xspector-light-mode);
28
+ --state-primary-text-hover: var(--state-primary-text-hover-report-xspector-light-mode);
29
+ --state-primary-text-pressed: var(--state-primary-text-pressed-report-xspector-light-mode);
30
+ --state-secondary-default: var(--state-secondary-default-report-xspector-light-mode);
31
+ --state-secondary-hover: var(--state-secondary-hover-report-xspector-light-mode);
32
+ --state-secondary-stroke: var(--state-secondary-stroke-report-xspector-light-mode);
33
+ --state-secondary-hover-bg: var(--state-secondary-hover-bg-report-xspector-light-mode);
34
+ --state-secondary-pressed: var(--state-secondary-pressed-report-xspector-light-mode);
35
+ --state-secondary-active: var(--state-secondary-active-report-xspector-light-mode);
36
+ --state-secondary-text-solid: var(--state-secondary-text-solid-report-xspector-light-mode);
37
+ --state-secondary-text-outline: var(--state-secondary-text-outline-report-xspector-light-mode);
38
+ --state-secondary-text-hover: var(--state-secondary-text-hover-report-xspector-light-mode);
39
+ --state-secondary-text-pressed: var(--state-secondary-text-pressed-report-xspector-light-mode);
40
+ --state-tertiary-default: var(--state-tertiary-default-report-xspector-light-mode);
41
+ --state-tertiary-hover: var(--state-tertiary-hover-report-xspector-light-mode);
42
+ --state-tertiary-stroke: var(--state-tertiary-stroke-report-xspector-light-mode);
43
+ --state-tertiary-hover-bg: var(--state-tertiary-hover-bg-report-xspector-light-mode);
44
+ --state-tertiary-pressed: var(--state-tertiary-pressed-report-xspector-light-mode);
45
+ --state-tertiary-active: var(--state-tertiary-active-report-xspector-light-mode);
46
+ --state-tertiary-text-solid: var(--state-tertiary-text-solid-report-xspector-light-mode);
47
+ --state-tertiary-text-outline: var(--state-tertiary-text-outline-report-xspector-light-mode);
48
+ --state-tertiary-text-hover: var(--state-tertiary-text-hover-report-xspector-light-mode);
49
+ --state-tertiary-text-pressed: var(--state-tertiary-text-pressed-report-xspector-light-mode);
50
+ --state-info-default: var(--state-info-default-report-xspector-light-mode);
51
+ --state-info-hover: var(--state-info-hover-report-xspector-light-mode);
52
+ --state-info-stroke: var(--state-info-stroke-report-xspector-light-mode);
53
+ --state-info-hover-bg: var(--state-info-hover-bg-report-xspector-light-mode);
54
+ --state-info-pressed: var(--state-info-pressed-report-xspector-light-mode);
55
+ --state-info-active: var(--state-info-active-report-xspector-light-mode);
56
+ --state-info-text-solid: var(--state-info-text-solid-report-xspector-light-mode);
57
+ --state-info-text-outline: var(--state-info-text-outline-report-xspector-light-mode);
58
+ --state-info-text-hover: var(--state-info-text-hover-report-xspector-light-mode);
59
+ --state-info-text-pressed: var(--state-info-text-pressed-report-xspector-light-mode);
60
+ --state-success-default: var(--state-success-default-report-xspector-light-mode);
61
+ --state-success-hover: var(--state-success-hover-report-xspector-light-mode);
62
+ --state-success-stroke: var(--state-success-stroke-report-xspector-light-mode);
63
+ --state-success-hover-bg: var(--state-success-hover-bg-report-xspector-light-mode);
64
+ --state-success-pressed: var(--state-success-pressed-report-xspector-light-mode);
65
+ --state-success-active: var(--state-success-active-report-xspector-light-mode);
66
+ --state-success-text-solid: var(--state-success-text-solid-report-xspector-light-mode);
67
+ --state-success-text-outline: var(--state-success-text-outline-report-xspector-light-mode);
68
+ --state-success-text-hover: var(--state-success-text-hover-report-xspector-light-mode);
69
+ --state-success-text-pressed: var(--state-success-text-pressed-report-xspector-light-mode);
70
+ --state-warning-default: var(--state-warning-default-report-xspector-light-mode);
71
+ --state-warning-hover: var(--state-warning-hover-report-xspector-light-mode);
72
+ --state-warning-stroke: var(--state-warning-stroke-report-xspector-light-mode);
73
+ --state-warning-hover-bg: var(--state-warning-hover-bg-report-xspector-light-mode);
74
+ --state-warning-pressed: var(--state-warning-pressed-report-xspector-light-mode);
75
+ --state-warning-active: var(--state-warning-active-report-xspector-light-mode);
76
+ --state-warning-text-solid: var(--state-warning-text-solid-report-xspector-light-mode);
77
+ --state-warning-text-outline: var(--state-warning-text-outline-report-xspector-light-mode);
78
+ --state-warning-text-hover: var(--state-warning-text-hover-report-xspector-light-mode);
79
+ --state-warning-text-pressed: var(--state-warning-text-pressed-report-xspector-light-mode);
80
+ --state-error-default: var(--state-error-default-report-xspector-light-mode);
81
+ --state-error-hover: var(--state-error-hover-report-xspector-light-mode);
82
+ --state-error-stroke: var(--state-error-stroke-report-xspector-light-mode);
83
+ --state-error-hover-bg: var(--state-error-hover-bg-report-xspector-light-mode);
84
+ --state-error-pressed: var(--state-error-pressed-report-xspector-light-mode);
85
+ --state-error-active: var(--state-error-active-report-xspector-light-mode);
86
+ --state-error-text-solid: var(--state-error-text-solid-report-xspector-light-mode);
87
+ --state-error-text-outline: var(--state-error-text-outline-report-xspector-light-mode);
88
+ --state-error-text-hover: var(--state-error-text-hover-report-xspector-light-mode);
89
+ --state-error-text-pressed: var(--state-error-text-pressed-report-xspector-light-mode);
90
+ --state-disable-solid: var(--state-disable-solid-report-xspector-light-mode);
91
+ --state-disable-outline: var(--state-disable-outline-report-xspector-light-mode);
92
+ --ramps-primary-5: var(--ramps-primary-5-report-xspector-light-mode);
93
+ --ramps-primary-10: var(--ramps-primary-10-report-xspector-light-mode);
94
+ --ramps-primary-20: var(--ramps-primary-20-report-xspector-light-mode);
95
+ --ramps-primary-30: var(--ramps-primary-30-report-xspector-light-mode);
96
+ --ramps-primary-40: var(--ramps-primary-40-report-xspector-light-mode);
97
+ --ramps-primary-50: var(--ramps-primary-50-report-xspector-light-mode);
98
+ --ramps-primary-60: var(--ramps-primary-60-report-xspector-light-mode);
99
+ --ramps-primary-70: var(--ramps-primary-70-report-xspector-light-mode);
100
+ --ramps-primary-80: var(--ramps-primary-80-report-xspector-light-mode);
101
+ --ramps-primary-90: var(--ramps-primary-90-report-xspector-light-mode);
102
+ --ramps-primary-100: var(--ramps-primary-100-report-xspector-light-mode);
103
+ --ramps-primary-110: var(--ramps-primary-110-report-xspector-light-mode);
104
+ --ramps-primary-120: var(--ramps-primary-120-report-xspector-light-mode);
105
+ --ramps-primary-130: var(--ramps-primary-130-report-xspector-light-mode);
106
+ --ramps-primary-140: var(--ramps-primary-140-report-xspector-light-mode);
107
+ --ramps-primary-150: var(--ramps-primary-150-report-xspector-light-mode);
108
+ --ramps-secondary-5: var(--ramps-secondary-5-report-xspector-light-mode);
109
+ --ramps-secondary-10: var(--ramps-secondary-10-report-xspector-light-mode);
110
+ --ramps-secondary-20: var(--ramps-secondary-20-report-xspector-light-mode);
111
+ --ramps-secondary-30: var(--ramps-secondary-30-report-xspector-light-mode);
112
+ --ramps-secondary-40: var(--ramps-secondary-40-report-xspector-light-mode);
113
+ --ramps-secondary-50: var(--ramps-secondary-50-report-xspector-light-mode);
114
+ --ramps-secondary-60: var(--ramps-secondary-60-report-xspector-light-mode);
115
+ --ramps-secondary-70: var(--ramps-secondary-70-report-xspector-light-mode);
116
+ --ramps-secondary-80: var(--ramps-secondary-80-report-xspector-light-mode);
117
+ --ramps-secondary-90: var(--ramps-secondary-90-report-xspector-light-mode);
118
+ --ramps-secondary-100: var(--ramps-secondary-100-report-xspector-light-mode);
119
+ --ramps-secondary-110: var(--ramps-secondary-110-report-xspector-light-mode);
120
+ --ramps-secondary-120: var(--ramps-secondary-120-report-xspector-light-mode);
121
+ --ramps-secondary-130: var(--ramps-secondary-130-report-xspector-light-mode);
122
+ --ramps-secondary-140: var(--ramps-secondary-140-report-xspector-light-mode);
123
+ --ramps-secondary-150: var(--ramps-secondary-150-report-xspector-light-mode);
124
+ --ramps-tertiary-5: var(--ramps-tertiary-5-report-xspector-light-mode);
125
+ --ramps-tertiary-10: var(--ramps-tertiary-10-report-xspector-light-mode);
126
+ --ramps-tertiary-20: var(--ramps-tertiary-20-report-xspector-light-mode);
127
+ --ramps-tertiary-30: var(--ramps-tertiary-30-report-xspector-light-mode);
128
+ --ramps-tertiary-40: var(--ramps-tertiary-40-report-xspector-light-mode);
129
+ --ramps-tertiary-50: var(--ramps-tertiary-50-report-xspector-light-mode);
130
+ --ramps-tertiary-60: var(--ramps-tertiary-60-report-xspector-light-mode);
131
+ --ramps-tertiary-70: var(--ramps-tertiary-70-report-xspector-light-mode);
132
+ --ramps-tertiary-80: var(--ramps-tertiary-80-report-xspector-light-mode);
133
+ --ramps-tertiary-90: var(--ramps-tertiary-90-report-xspector-light-mode);
134
+ --ramps-tertiary-100: var(--ramps-tertiary-100-report-xspector-light-mode);
135
+ --ramps-tertiary-110: var(--ramps-tertiary-110-report-xspector-light-mode);
136
+ --ramps-tertiary-120: var(--ramps-tertiary-120-report-xspector-light-mode);
137
+ --ramps-tertiary-130: var(--ramps-tertiary-130-report-xspector-light-mode);
138
+ --ramps-tertiary-140: var(--ramps-tertiary-140-report-xspector-light-mode);
139
+ --ramps-tertiary-150: var(--ramps-tertiary-150-report-xspector-light-mode);
140
+ --ramps-grey-5: var(--ramps-grey-5-report-xspector-light-mode);
141
+ --ramps-grey-10: var(--ramps-grey-10-report-xspector-light-mode);
142
+ --ramps-grey-20: var(--ramps-grey-20-report-xspector-light-mode);
143
+ --ramps-grey-30: var(--ramps-grey-30-report-xspector-light-mode);
144
+ --ramps-grey-40: var(--ramps-grey-40-report-xspector-light-mode);
145
+ --ramps-grey-50: var(--ramps-grey-50-report-xspector-light-mode);
146
+ --ramps-grey-60: var(--ramps-grey-60-report-xspector-light-mode);
147
+ --ramps-grey-70: var(--ramps-grey-70-report-xspector-light-mode);
148
+ --ramps-grey-80: var(--ramps-grey-80-report-xspector-light-mode);
149
+ --ramps-grey-90: var(--ramps-grey-90-report-xspector-light-mode);
150
+ --ramps-grey-100: var(--ramps-grey-100-report-xspector-light-mode);
151
+ --ramps-grey-110: var(--ramps-grey-110-report-xspector-light-mode);
152
+ --ramps-grey-120: var(--ramps-grey-120-report-xspector-light-mode);
153
+ --ramps-grey-130: var(--ramps-grey-130-report-xspector-light-mode);
154
+ --ramps-grey-140: var(--ramps-grey-140-report-xspector-light-mode);
155
+ --ramps-grey-150: var(--ramps-grey-150-report-xspector-light-mode);
156
+ --ramps-grey2-50: var(--ramps-grey2-50-report-xspector-light-mode);
157
+ --ramps-grey2-100: var(--ramps-grey2-100-report-xspector-light-mode);
158
+ --ramps-grey2-200: var(--ramps-grey2-200-report-xspector-light-mode);
159
+ --ramps-grey2-300: var(--ramps-grey2-300-report-xspector-light-mode);
160
+ --ramps-grey2-400: var(--ramps-grey2-400-report-xspector-light-mode);
161
+ --ramps-grey2-500: var(--ramps-grey2-500-report-xspector-light-mode);
162
+ --ramps-grey2-600: var(--ramps-grey2-600-report-xspector-light-mode);
163
+ --ramps-grey2-700: var(--ramps-grey2-700-report-xspector-light-mode);
164
+ --ramps-grey2-800: var(--ramps-grey2-800-report-xspector-light-mode);
165
+ --ramps-grey2-900: var(--ramps-grey2-900-report-xspector-light-mode);
166
+ --ramps-grey2-950: var(--ramps-grey2-950-report-xspector-light-mode);
167
+ --ramps-info-50: var(--ramps-info-50-report-xspector-light-mode);
168
+ --ramps-info-100: var(--ramps-info-100-report-xspector-light-mode);
169
+ --ramps-info-200: var(--ramps-info-200-report-xspector-light-mode);
170
+ --ramps-info-300: var(--ramps-info-300-report-xspector-light-mode);
171
+ --ramps-info-400: var(--ramps-info-400-report-xspector-light-mode);
172
+ --ramps-info-500: var(--ramps-info-500-report-xspector-light-mode);
173
+ --ramps-info-600: var(--ramps-info-600-report-xspector-light-mode);
174
+ --ramps-info-700: var(--ramps-info-700-report-xspector-light-mode);
175
+ --ramps-info-800: var(--ramps-info-800-report-xspector-light-mode);
176
+ --ramps-info-900: var(--ramps-info-900-report-xspector-light-mode);
177
+ --ramps-info-950: var(--ramps-info-950-report-xspector-light-mode);
178
+ --ramps-success-50: var(--ramps-success-50-report-xspector-light-mode);
179
+ --ramps-success-100: var(--ramps-success-100-report-xspector-light-mode);
180
+ --ramps-success-200: var(--ramps-success-200-report-xspector-light-mode);
181
+ --ramps-success-300: var(--ramps-success-300-report-xspector-light-mode);
182
+ --ramps-success-400: var(--ramps-success-400-report-xspector-light-mode);
183
+ --ramps-success-500: var(--ramps-success-500-report-xspector-light-mode);
184
+ --ramps-success-600: var(--ramps-success-600-report-xspector-light-mode);
185
+ --ramps-success-700: var(--ramps-success-700-report-xspector-light-mode);
186
+ --ramps-success-800: var(--ramps-success-800-report-xspector-light-mode);
187
+ --ramps-success-900: var(--ramps-success-900-report-xspector-light-mode);
188
+ --ramps-success-950: var(--ramps-success-950-report-xspector-light-mode);
189
+ --ramps-warning-50: var(--ramps-warning-50-report-xspector-light-mode);
190
+ --ramps-warning-100: var(--ramps-warning-100-report-xspector-light-mode);
191
+ --ramps-warning-200: var(--ramps-warning-200-report-xspector-light-mode);
192
+ --ramps-warning-300: var(--ramps-warning-300-report-xspector-light-mode);
193
+ --ramps-warning-400: var(--ramps-warning-400-report-xspector-light-mode);
194
+ --ramps-warning-500: var(--ramps-warning-500-report-xspector-light-mode);
195
+ --ramps-warning-600: var(--ramps-warning-600-report-xspector-light-mode);
196
+ --ramps-warning-700: var(--ramps-warning-700-report-xspector-light-mode);
197
+ --ramps-warning-800: var(--ramps-warning-800-report-xspector-light-mode);
198
+ --ramps-warning-900: var(--ramps-warning-900-report-xspector-light-mode);
199
+ --ramps-warning-950: var(--ramps-warning-950-report-xspector-light-mode);
200
+ --ramps-error-50: var(--ramps-error-50-report-xspector-light-mode);
201
+ --ramps-error-100: var(--ramps-error-100-report-xspector-light-mode);
202
+ --ramps-error-200: var(--ramps-error-200-report-xspector-light-mode);
203
+ --ramps-error-300: var(--ramps-error-300-report-xspector-light-mode);
204
+ --ramps-error-400: var(--ramps-error-400-report-xspector-light-mode);
205
+ --ramps-error-500: var(--ramps-error-500-report-xspector-light-mode);
206
+ --ramps-error-600: var(--ramps-error-600-report-xspector-light-mode);
207
+ --ramps-error-700: var(--ramps-error-700-report-xspector-light-mode);
208
+ --ramps-error-800: var(--ramps-error-800-report-xspector-light-mode);
209
+ --ramps-error-900: var(--ramps-error-900-report-xspector-light-mode);
210
+ --ramps-error-950: var(--ramps-error-950-report-xspector-light-mode);
211
+ --transparent-primary-8: var(--transparent-primary-8-report-xspector-light-mode);
212
+ --transparent-primary-12: var(--transparent-primary-12-report-xspector-light-mode);
213
+ --transparent-primary-16: var(--transparent-primary-16-report-xspector-light-mode);
214
+ --transparent-primary-24: var(--transparent-primary-24-report-xspector-light-mode);
215
+ --transparent-primary-32: var(--transparent-primary-32-report-xspector-light-mode);
216
+ --transparent-primary-48: var(--transparent-primary-48-report-xspector-light-mode);
217
+ --transparent-secondary-8: var(--transparent-secondary-8-report-xspector-light-mode);
218
+ --transparent-secondary-12: var(--transparent-secondary-12-report-xspector-light-mode);
219
+ --transparent-secondary-16: var(--transparent-secondary-16-report-xspector-light-mode);
220
+ --transparent-secondary-24: var(--transparent-secondary-24-report-xspector-light-mode);
221
+ --transparent-secondary-32: var(--transparent-secondary-32-report-xspector-light-mode);
222
+ --transparent-secondary-48: var(--transparent-secondary-48-report-xspector-light-mode);
223
+ --transparent-tertiary-8: var(--transparent-tertiary-8-report-xspector-light-mode);
224
+ --transparent-tertiary-12: var(--transparent-tertiary-12-report-xspector-light-mode);
225
+ --transparent-tertiary-16: var(--transparent-tertiary-16-report-xspector-light-mode);
226
+ --transparent-tertiary-24: var(--transparent-tertiary-24-report-xspector-light-mode);
227
+ --transparent-tertiary-32: var(--transparent-tertiary-32-report-xspector-light-mode);
228
+ --transparent-tertiary-48: var(--transparent-tertiary-48-report-xspector-light-mode);
229
+ --transparent-info-8: var(--transparent-info-8-report-xspector-light-mode);
230
+ --transparent-info-12: var(--transparent-info-12-report-xspector-light-mode);
231
+ --transparent-info-16: var(--transparent-info-16-report-xspector-light-mode);
232
+ --transparent-info-24: var(--transparent-info-24-report-xspector-light-mode);
233
+ --transparent-info-32: var(--transparent-info-32-report-xspector-light-mode);
234
+ --transparent-info-48: var(--transparent-info-48-report-xspector-light-mode);
235
+ --transparent-success-8: var(--transparent-success-8-report-xspector-light-mode);
236
+ --transparent-success-12: var(--transparent-success-12-report-xspector-light-mode);
237
+ --transparent-success-16: var(--transparent-success-16-report-xspector-light-mode);
238
+ --transparent-success-24: var(--transparent-success-24-report-xspector-light-mode);
239
+ --transparent-success-32: var(--transparent-success-32-report-xspector-light-mode);
240
+ --transparent-success-48: var(--transparent-success-48-report-xspector-light-mode);
241
+ --transparent-warning-8: var(--transparent-warning-8-report-xspector-light-mode);
242
+ --transparent-warning-12: var(--transparent-warning-12-report-xspector-light-mode);
243
+ --transparent-warning-16: var(--transparent-warning-16-report-xspector-light-mode);
244
+ --transparent-warning-24: var(--transparent-warning-24-report-xspector-light-mode);
245
+ --transparent-warning-32: var(--transparent-warning-32-report-xspector-light-mode);
246
+ --transparent-warning-48: var(--transparent-warning-48-report-xspector-light-mode);
247
+ --transparent-error-8: var(--transparent-error-8-report-xspector-light-mode);
248
+ --transparent-error-12: var(--transparent-error-12-report-xspector-light-mode);
249
+ --transparent-error-16: var(--transparent-error-16-report-xspector-light-mode);
250
+ --transparent-error-24: var(--transparent-error-24-report-xspector-light-mode);
251
+ --transparent-error-32: var(--transparent-error-32-report-xspector-light-mode);
252
+ --transparent-error-48: var(--transparent-error-48-report-xspector-light-mode);
253
+ --transparent-grey-8: var(--transparent-grey-8-report-xspector-light-mode);
254
+ --transparent-grey-12: var(--transparent-grey-12-report-xspector-light-mode);
255
+ --transparent-grey-16: var(--transparent-grey-16-report-xspector-light-mode);
256
+ --transparent-grey-24: var(--transparent-grey-24-report-xspector-light-mode);
257
+ --transparent-grey-32: var(--transparent-grey-32-report-xspector-light-mode);
258
+ --transparent-grey-48: var(--transparent-grey-48-report-xspector-light-mode);
259
+ --transparent-grey2-8: var(--transparent-grey2-8-report-xspector-light-mode);
260
+ --transparent-grey2-12: var(--transparent-grey2-12-report-xspector-light-mode);
261
+ --transparent-grey2-16: var(--transparent-grey2-16-report-xspector-light-mode);
262
+ --transparent-grey2-24: var(--transparent-grey2-24-report-xspector-light-mode);
263
+ --transparent-grey2-32: var(--transparent-grey2-32-report-xspector-light-mode);
264
+ --transparent-grey2-48: var(--transparent-grey2-48-report-xspector-light-mode);
265
+ --transparent-white-8: var(--transparent-white-8-report-xspector-light-mode);
266
+ --transparent-white-12: var(--transparent-white-12-report-xspector-light-mode);
267
+ --transparent-white-16: var(--transparent-white-16-report-xspector-light-mode);
268
+ --transparent-white-24: var(--transparent-white-24-report-xspector-light-mode);
269
+ --transparent-white-32: var(--transparent-white-32-report-xspector-light-mode);
270
+ --transparent-white-48: var(--transparent-white-48-report-xspector-light-mode);
271
+ --transparent-black-8: var(--transparent-black-8-report-xspector-light-mode);
272
+ --transparent-black-12: var(--transparent-black-12-report-xspector-light-mode);
273
+ --transparent-black-16: var(--transparent-black-16-report-xspector-light-mode);
274
+ --transparent-black-24: var(--transparent-black-24-report-xspector-light-mode);
275
+ --transparent-black-32: var(--transparent-black-32-report-xspector-light-mode);
276
+ --transparent-black-48: var(--transparent-black-48-report-xspector-light-mode);
277
+ --modal-surface: var(--modal-surface-report-xspector-light-mode);
278
+ --modal-highlight: var(--modal-highlight-report-xspector-light-mode);
279
+ --modal-overlay: var(--modal-overlay-report-xspector-light-mode);
280
+ --bg-bg1: var(--bg-bg1-report-xspector-light-mode);
281
+ --bg-bg2: var(--bg-bg2-report-xspector-light-mode);
282
+ --bg-bg3: var(--bg-bg3-report-xspector-light-mode);
283
+ --bg-stroke1: var(--bg-stroke1-report-xspector-light-mode);
284
+ --bg-stroke2: var(--bg-stroke2-report-xspector-light-mode);
285
+ --input-default-text: var(--input-default-text-report-xspector-light-mode);
286
+ --input-default-stroke: var(--input-default-stroke-report-xspector-light-mode);
287
+ --input-filled-text: var(--input-filled-text-report-xspector-light-mode);
288
+ --input-active-stroke: var(--input-active-stroke-report-xspector-light-mode);
289
+ --input-disable-text: var(--input-disable-text-report-xspector-light-mode);
290
+ --input-disable-stroke: var(--input-disable-stroke-report-xspector-light-mode);
291
+ --input-disable-bg: var(--input-disable-bg-report-xspector-light-mode);
292
+ --input-label-bg: var(--input-label-bg-report-xspector-light-mode);
293
+ --input-error: var(--input-error-report-xspector-light-mode);
294
+ --function-default-solid: var(--function-default-solid-report-xspector-light-mode);
295
+ --function-default-hover: var(--function-default-hover-report-xspector-light-mode);
296
+ --function-default-hover-bg: var(--function-default-hover-bg-report-xspector-light-mode);
297
+ --function-default-stroke: var(--function-default-stroke-report-xspector-light-mode);
298
+ --function-default-icon: var(--function-default-icon-report-xspector-light-mode);
299
+ --function-default-outline-icon: var(--function-default-outline-icon-report-xspector-light-mode);
300
+ --function-active-solid: var(--function-active-solid-report-xspector-light-mode);
301
+ --function-active-hover: var(--function-active-hover-report-xspector-light-mode);
302
+ --function-active-hover-bg: var(--function-active-hover-bg-report-xspector-light-mode);
303
+ --function-active-stroke: var(--function-active-stroke-report-xspector-light-mode);
304
+ --function-active-icon: var(--function-active-icon-report-xspector-light-mode);
305
+ --common-white: var(--common-white-report-xspector-light-mode);
306
+ --common-black: var(--common-black-report-xspector-light-mode);
307
+ --brand-rvl-yellow: var(--brand-rvl-yellow-report-xspector-light-mode);
308
+ --brand-rvl-grey: var(--brand-rvl-grey-report-xspector-light-mode);
309
+ --others-1: var(--others-1-report-xspector-light-mode);
310
+ --others-2: var(--others-2-report-xspector-light-mode);
311
+ --others-3: var(--others-3-report-xspector-light-mode);
312
+ --others-4: var(--others-4-report-xspector-light-mode);
313
+ --others-5: var(--others-5-report-xspector-light-mode);
314
+ --others-6: var(--others-6-report-xspector-light-mode);
315
+ --others-7: var(--others-7-report-xspector-light-mode);
316
+ --others-8: var(--others-8-report-xspector-light-mode);
317
+ --others-9: var(--others-9-report-xspector-light-mode);
318
+ --others-10: var(--others-10-report-xspector-light-mode);
319
+ --others-11: var(--others-11-report-xspector-light-mode);
320
+ --others-12: var(--others-12-report-xspector-light-mode);
321
+ --others-13: var(--others-13-report-xspector-light-mode);
322
+ --others-14: var(--others-14-report-xspector-light-mode);
323
+ --others-15: var(--others-15-report-xspector-light-mode);
324
+ --others-16: var(--others-16-report-xspector-light-mode);
325
+ --others-17: var(--others-17-report-xspector-light-mode);
326
+ --others-18: var(--others-18-report-xspector-light-mode);
327
+ --others-19: var(--others-19-report-xspector-light-mode);
328
+ --others-20: var(--others-20-report-xspector-light-mode);
329
+ --others-21: var(--others-21-report-xspector-light-mode);
330
+ --others-22: var(--others-22-report-xspector-light-mode);
331
+ --others-23: var(--others-23-report-xspector-light-mode);
332
+ --others-24: var(--others-24-report-xspector-light-mode);
333
+ --others-25: var(--others-25-report-xspector-light-mode);
334
+ --others-26: var(--others-26-report-xspector-light-mode);
335
+ --others-27: var(--others-27-report-xspector-light-mode);
336
+ --others-28: var(--others-28-report-xspector-light-mode);
337
+ --others-29: var(--others-29-report-xspector-light-mode);
338
+ --others-30: var(--others-30-report-xspector-light-mode);
339
+ --others-31: var(--others-31-report-xspector-light-mode);
340
+ --others-32: var(--others-32-report-xspector-light-mode);
341
+ --others-33: var(--others-33-report-xspector-light-mode);
342
+ --others-34: var(--others-34-report-xspector-light-mode);
343
+ --others-35: var(--others-35-report-xspector-light-mode);
344
+ --page-bg-main: var(--page-bg-main-report-xspector-light-mode);
345
+ --page-bg-circle-top-g-in: var(--page-bg-circle-top-g-in-report-xspector-light-mode);
346
+ --page-bg-circle-top-g-out: var(--page-bg-circle-top-g-out-report-xspector-light-mode);
347
+ --page-bg-circle-bottom-g-in: var(--page-bg-circle-bottom-g-in-report-xspector-light-mode);
348
+ --page-bg-circle-bottom-g-out: var(--page-bg-circle-bottom-g-out-report-xspector-light-mode);
349
+ --text-white: var(--text-white-report-xspector-light-mode);
350
+ --modal-line: var(--modal-line-report-xspector-light-mode);
351
+ --bg-bg4: var(--bg-bg4-report-xspector-light-mode);
352
+ --bg-bg5: var(--bg-bg5-report-xspector-light-mode);
353
+ --bg-stroke3: var(--bg-stroke3-report-xspector-light-mode);
354
+ --bg-stroke4: var(--bg-stroke4-report-xspector-light-mode);
355
+ --bg-stroke5: var(--bg-stroke5-report-xspector-light-mode);
356
+ }
357
+
358
+ :root[data-theme="xspector"] {
359
+ --main-primary: var(--main-primary-xspector);
360
+ --main-secondary: var(--main-secondary-xspector);
361
+ --main-tertiary: var(--main-tertiary-xspector);
362
+ --brand-midnight-blue: var(--brand-midnight-blue-xspector);
363
+ --brand-columbia-blue: var(--brand-columbia-blue-xspector);
364
+ --brand-background: var(--brand-background-xspector);
365
+ --brand-lemon-glacier: var(--brand-lemon-glacier-xspector);
366
+ --text-black: var(--text-black-xspector);
367
+ --text-contrast-low: var(--text-contrast-low-xspector);
368
+ --text-contrast-medium: var(--text-contrast-medium-xspector);
369
+ --text-contrast-high: var(--text-contrast-high-xspector);
370
+ --text-g-contrast-low: var(--text-g-contrast-low-xspector);
371
+ --text-g-contrast-medium: var(--text-g-contrast-medium-xspector);
372
+ --text-g-contrast-high: var(--text-g-contrast-high-xspector);
373
+ --text-contrast-max: var(--text-contrast-max-xspector);
374
+ --state-primary-default: var(--state-primary-default-xspector);
375
+ --state-primary-hover: var(--state-primary-hover-xspector);
376
+ --state-primary-stroke: var(--state-primary-stroke-xspector);
377
+ --state-primary-hover-bg: var(--state-primary-hover-bg-xspector);
378
+ --state-primary-pressed: var(--state-primary-pressed-xspector);
379
+ --state-primary-active: var(--state-primary-active-xspector);
380
+ --state-primary-text-solid: var(--state-primary-text-solid-xspector);
381
+ --state-primary-text-outline: var(--state-primary-text-outline-xspector);
382
+ --state-primary-text-hover: var(--state-primary-text-hover-xspector);
383
+ --state-primary-text-pressed: var(--state-primary-text-pressed-xspector);
384
+ --state-secondary-default: var(--state-secondary-default-xspector);
385
+ --state-secondary-hover: var(--state-secondary-hover-xspector);
386
+ --state-secondary-stroke: var(--state-secondary-stroke-xspector);
387
+ --state-secondary-hover-bg: var(--state-secondary-hover-bg-xspector);
388
+ --state-secondary-pressed: var(--state-secondary-pressed-xspector);
389
+ --state-secondary-active: var(--state-secondary-active-xspector);
390
+ --state-secondary-text-solid: var(--state-secondary-text-solid-xspector);
391
+ --state-secondary-text-outline: var(--state-secondary-text-outline-xspector);
392
+ --state-secondary-text-hover: var(--state-secondary-text-hover-xspector);
393
+ --state-secondary-text-pressed: var(--state-secondary-text-pressed-xspector);
394
+ --state-tertiary-default: var(--state-tertiary-default-xspector);
395
+ --state-tertiary-hover: var(--state-tertiary-hover-xspector);
396
+ --state-tertiary-stroke: var(--state-tertiary-stroke-xspector);
397
+ --state-tertiary-hover-bg: var(--state-tertiary-hover-bg-xspector);
398
+ --state-tertiary-pressed: var(--state-tertiary-pressed-xspector);
399
+ --state-tertiary-active: var(--state-tertiary-active-xspector);
400
+ --state-tertiary-text-solid: var(--state-tertiary-text-solid-xspector);
401
+ --state-tertiary-text-outline: var(--state-tertiary-text-outline-xspector);
402
+ --state-tertiary-text-hover: var(--state-tertiary-text-hover-xspector);
403
+ --state-tertiary-text-pressed: var(--state-tertiary-text-pressed-xspector);
404
+ --state-info-default: var(--state-info-default-xspector);
405
+ --state-info-hover: var(--state-info-hover-xspector);
406
+ --state-info-stroke: var(--state-info-stroke-xspector);
407
+ --state-info-hover-bg: var(--state-info-hover-bg-xspector);
408
+ --state-info-pressed: var(--state-info-pressed-xspector);
409
+ --state-info-active: var(--state-info-active-xspector);
410
+ --state-info-text-solid: var(--state-info-text-solid-xspector);
411
+ --state-info-text-outline: var(--state-info-text-outline-xspector);
412
+ --state-info-text-hover: var(--state-info-text-hover-xspector);
413
+ --state-info-text-pressed: var(--state-info-text-pressed-xspector);
414
+ --state-success-default: var(--state-success-default-xspector);
415
+ --state-success-hover: var(--state-success-hover-xspector);
416
+ --state-success-stroke: var(--state-success-stroke-xspector);
417
+ --state-success-hover-bg: var(--state-success-hover-bg-xspector);
418
+ --state-success-pressed: var(--state-success-pressed-xspector);
419
+ --state-success-active: var(--state-success-active-xspector);
420
+ --state-success-text-solid: var(--state-success-text-solid-xspector);
421
+ --state-success-text-outline: var(--state-success-text-outline-xspector);
422
+ --state-success-text-hover: var(--state-success-text-hover-xspector);
423
+ --state-success-text-pressed: var(--state-success-text-pressed-xspector);
424
+ --state-warning-default: var(--state-warning-default-xspector);
425
+ --state-warning-hover: var(--state-warning-hover-xspector);
426
+ --state-warning-stroke: var(--state-warning-stroke-xspector);
427
+ --state-warning-hover-bg: var(--state-warning-hover-bg-xspector);
428
+ --state-warning-pressed: var(--state-warning-pressed-xspector);
429
+ --state-warning-active: var(--state-warning-active-xspector);
430
+ --state-warning-text-solid: var(--state-warning-text-solid-xspector);
431
+ --state-warning-text-outline: var(--state-warning-text-outline-xspector);
432
+ --state-warning-text-hover: var(--state-warning-text-hover-xspector);
433
+ --state-warning-text-pressed: var(--state-warning-text-pressed-xspector);
434
+ --state-error-default: var(--state-error-default-xspector);
435
+ --state-error-hover: var(--state-error-hover-xspector);
436
+ --state-error-stroke: var(--state-error-stroke-xspector);
437
+ --state-error-hover-bg: var(--state-error-hover-bg-xspector);
438
+ --state-error-pressed: var(--state-error-pressed-xspector);
439
+ --state-error-active: var(--state-error-active-xspector);
440
+ --state-error-text-solid: var(--state-error-text-solid-xspector);
441
+ --state-error-text-outline: var(--state-error-text-outline-xspector);
442
+ --state-error-text-hover: var(--state-error-text-hover-xspector);
443
+ --state-error-text-pressed: var(--state-error-text-pressed-xspector);
444
+ --state-disable-solid: var(--state-disable-solid-xspector);
445
+ --state-disable-outline: var(--state-disable-outline-xspector);
446
+ --ramps-primary-5: var(--ramps-primary-5-xspector);
447
+ --ramps-primary-10: var(--ramps-primary-10-xspector);
448
+ --ramps-primary-20: var(--ramps-primary-20-xspector);
449
+ --ramps-primary-30: var(--ramps-primary-30-xspector);
450
+ --ramps-primary-40: var(--ramps-primary-40-xspector);
451
+ --ramps-primary-50: var(--ramps-primary-50-xspector);
452
+ --ramps-primary-60: var(--ramps-primary-60-xspector);
453
+ --ramps-primary-70: var(--ramps-primary-70-xspector);
454
+ --ramps-primary-80: var(--ramps-primary-80-xspector);
455
+ --ramps-primary-90: var(--ramps-primary-90-xspector);
456
+ --ramps-primary-100: var(--ramps-primary-100-xspector);
457
+ --ramps-primary-110: var(--ramps-primary-110-xspector);
458
+ --ramps-primary-120: var(--ramps-primary-120-xspector);
459
+ --ramps-primary-130: var(--ramps-primary-130-xspector);
460
+ --ramps-primary-140: var(--ramps-primary-140-xspector);
461
+ --ramps-primary-150: var(--ramps-primary-150-xspector);
462
+ --ramps-secondary-5: var(--ramps-secondary-5-xspector);
463
+ --ramps-secondary-10: var(--ramps-secondary-10-xspector);
464
+ --ramps-secondary-20: var(--ramps-secondary-20-xspector);
465
+ --ramps-secondary-30: var(--ramps-secondary-30-xspector);
466
+ --ramps-secondary-40: var(--ramps-secondary-40-xspector);
467
+ --ramps-secondary-50: var(--ramps-secondary-50-xspector);
468
+ --ramps-secondary-60: var(--ramps-secondary-60-xspector);
469
+ --ramps-secondary-70: var(--ramps-secondary-70-xspector);
470
+ --ramps-secondary-80: var(--ramps-secondary-80-xspector);
471
+ --ramps-secondary-90: var(--ramps-secondary-90-xspector);
472
+ --ramps-secondary-100: var(--ramps-secondary-100-xspector);
473
+ --ramps-secondary-110: var(--ramps-secondary-110-xspector);
474
+ --ramps-secondary-120: var(--ramps-secondary-120-xspector);
475
+ --ramps-secondary-130: var(--ramps-secondary-130-xspector);
476
+ --ramps-secondary-140: var(--ramps-secondary-140-xspector);
477
+ --ramps-secondary-150: var(--ramps-secondary-150-xspector);
478
+ --ramps-tertiary-5: var(--ramps-tertiary-5-xspector);
479
+ --ramps-tertiary-10: var(--ramps-tertiary-10-xspector);
480
+ --ramps-tertiary-20: var(--ramps-tertiary-20-xspector);
481
+ --ramps-tertiary-30: var(--ramps-tertiary-30-xspector);
482
+ --ramps-tertiary-40: var(--ramps-tertiary-40-xspector);
483
+ --ramps-tertiary-50: var(--ramps-tertiary-50-xspector);
484
+ --ramps-tertiary-60: var(--ramps-tertiary-60-xspector);
485
+ --ramps-tertiary-70: var(--ramps-tertiary-70-xspector);
486
+ --ramps-tertiary-80: var(--ramps-tertiary-80-xspector);
487
+ --ramps-tertiary-90: var(--ramps-tertiary-90-xspector);
488
+ --ramps-tertiary-100: var(--ramps-tertiary-100-xspector);
489
+ --ramps-tertiary-110: var(--ramps-tertiary-110-xspector);
490
+ --ramps-tertiary-120: var(--ramps-tertiary-120-xspector);
491
+ --ramps-tertiary-130: var(--ramps-tertiary-130-xspector);
492
+ --ramps-tertiary-140: var(--ramps-tertiary-140-xspector);
493
+ --ramps-tertiary-150: var(--ramps-tertiary-150-xspector);
494
+ --ramps-grey-5: var(--ramps-grey-5-xspector);
495
+ --ramps-grey-10: var(--ramps-grey-10-xspector);
496
+ --ramps-grey-20: var(--ramps-grey-20-xspector);
497
+ --ramps-grey-30: var(--ramps-grey-30-xspector);
498
+ --ramps-grey-40: var(--ramps-grey-40-xspector);
499
+ --ramps-grey-50: var(--ramps-grey-50-xspector);
500
+ --ramps-grey-60: var(--ramps-grey-60-xspector);
501
+ --ramps-grey-70: var(--ramps-grey-70-xspector);
502
+ --ramps-grey-80: var(--ramps-grey-80-xspector);
503
+ --ramps-grey-90: var(--ramps-grey-90-xspector);
504
+ --ramps-grey-100: var(--ramps-grey-100-xspector);
505
+ --ramps-grey-110: var(--ramps-grey-110-xspector);
506
+ --ramps-grey-120: var(--ramps-grey-120-xspector);
507
+ --ramps-grey-130: var(--ramps-grey-130-xspector);
508
+ --ramps-grey-140: var(--ramps-grey-140-xspector);
509
+ --ramps-grey-150: var(--ramps-grey-150-xspector);
510
+ --ramps-grey2-50: var(--ramps-grey2-50-xspector);
511
+ --ramps-grey2-100: var(--ramps-grey2-100-xspector);
512
+ --ramps-grey2-200: var(--ramps-grey2-200-xspector);
513
+ --ramps-grey2-300: var(--ramps-grey2-300-xspector);
514
+ --ramps-grey2-400: var(--ramps-grey2-400-xspector);
515
+ --ramps-grey2-500: var(--ramps-grey2-500-xspector);
516
+ --ramps-grey2-600: var(--ramps-grey2-600-xspector);
517
+ --ramps-grey2-700: var(--ramps-grey2-700-xspector);
518
+ --ramps-grey2-800: var(--ramps-grey2-800-xspector);
519
+ --ramps-grey2-900: var(--ramps-grey2-900-xspector);
520
+ --ramps-grey2-950: var(--ramps-grey2-950-xspector);
521
+ --ramps-info-50: var(--ramps-info-50-xspector);
522
+ --ramps-info-100: var(--ramps-info-100-xspector);
523
+ --ramps-info-200: var(--ramps-info-200-xspector);
524
+ --ramps-info-300: var(--ramps-info-300-xspector);
525
+ --ramps-info-400: var(--ramps-info-400-xspector);
526
+ --ramps-info-500: var(--ramps-info-500-xspector);
527
+ --ramps-info-600: var(--ramps-info-600-xspector);
528
+ --ramps-info-700: var(--ramps-info-700-xspector);
529
+ --ramps-info-800: var(--ramps-info-800-xspector);
530
+ --ramps-info-900: var(--ramps-info-900-xspector);
531
+ --ramps-info-950: var(--ramps-info-950-xspector);
532
+ --ramps-success-50: var(--ramps-success-50-xspector);
533
+ --ramps-success-100: var(--ramps-success-100-xspector);
534
+ --ramps-success-200: var(--ramps-success-200-xspector);
535
+ --ramps-success-300: var(--ramps-success-300-xspector);
536
+ --ramps-success-400: var(--ramps-success-400-xspector);
537
+ --ramps-success-500: var(--ramps-success-500-xspector);
538
+ --ramps-success-600: var(--ramps-success-600-xspector);
539
+ --ramps-success-700: var(--ramps-success-700-xspector);
540
+ --ramps-success-800: var(--ramps-success-800-xspector);
541
+ --ramps-success-900: var(--ramps-success-900-xspector);
542
+ --ramps-success-950: var(--ramps-success-950-xspector);
543
+ --ramps-warning-50: var(--ramps-warning-50-xspector);
544
+ --ramps-warning-100: var(--ramps-warning-100-xspector);
545
+ --ramps-warning-200: var(--ramps-warning-200-xspector);
546
+ --ramps-warning-300: var(--ramps-warning-300-xspector);
547
+ --ramps-warning-400: var(--ramps-warning-400-xspector);
548
+ --ramps-warning-500: var(--ramps-warning-500-xspector);
549
+ --ramps-warning-600: var(--ramps-warning-600-xspector);
550
+ --ramps-warning-700: var(--ramps-warning-700-xspector);
551
+ --ramps-warning-800: var(--ramps-warning-800-xspector);
552
+ --ramps-warning-900: var(--ramps-warning-900-xspector);
553
+ --ramps-warning-950: var(--ramps-warning-950-xspector);
554
+ --ramps-error-50: var(--ramps-error-50-xspector);
555
+ --ramps-error-100: var(--ramps-error-100-xspector);
556
+ --ramps-error-200: var(--ramps-error-200-xspector);
557
+ --ramps-error-300: var(--ramps-error-300-xspector);
558
+ --ramps-error-400: var(--ramps-error-400-xspector);
559
+ --ramps-error-500: var(--ramps-error-500-xspector);
560
+ --ramps-error-600: var(--ramps-error-600-xspector);
561
+ --ramps-error-700: var(--ramps-error-700-xspector);
562
+ --ramps-error-800: var(--ramps-error-800-xspector);
563
+ --ramps-error-900: var(--ramps-error-900-xspector);
564
+ --ramps-error-950: var(--ramps-error-950-xspector);
565
+ --transparent-primary-8: var(--transparent-primary-8-xspector);
566
+ --transparent-primary-12: var(--transparent-primary-12-xspector);
567
+ --transparent-primary-16: var(--transparent-primary-16-xspector);
568
+ --transparent-primary-24: var(--transparent-primary-24-xspector);
569
+ --transparent-primary-32: var(--transparent-primary-32-xspector);
570
+ --transparent-primary-48: var(--transparent-primary-48-xspector);
571
+ --transparent-secondary-8: var(--transparent-secondary-8-xspector);
572
+ --transparent-secondary-12: var(--transparent-secondary-12-xspector);
573
+ --transparent-secondary-16: var(--transparent-secondary-16-xspector);
574
+ --transparent-secondary-24: var(--transparent-secondary-24-xspector);
575
+ --transparent-secondary-32: var(--transparent-secondary-32-xspector);
576
+ --transparent-secondary-48: var(--transparent-secondary-48-xspector);
577
+ --transparent-tertiary-8: var(--transparent-tertiary-8-xspector);
578
+ --transparent-tertiary-12: var(--transparent-tertiary-12-xspector);
579
+ --transparent-tertiary-16: var(--transparent-tertiary-16-xspector);
580
+ --transparent-tertiary-24: var(--transparent-tertiary-24-xspector);
581
+ --transparent-tertiary-32: var(--transparent-tertiary-32-xspector);
582
+ --transparent-tertiary-48: var(--transparent-tertiary-48-xspector);
583
+ --transparent-info-8: var(--transparent-info-8-xspector);
584
+ --transparent-info-12: var(--transparent-info-12-xspector);
585
+ --transparent-info-16: var(--transparent-info-16-xspector);
586
+ --transparent-info-24: var(--transparent-info-24-xspector);
587
+ --transparent-info-32: var(--transparent-info-32-xspector);
588
+ --transparent-info-48: var(--transparent-info-48-xspector);
589
+ --transparent-success-8: var(--transparent-success-8-xspector);
590
+ --transparent-success-12: var(--transparent-success-12-xspector);
591
+ --transparent-success-16: var(--transparent-success-16-xspector);
592
+ --transparent-success-24: var(--transparent-success-24-xspector);
593
+ --transparent-success-32: var(--transparent-success-32-xspector);
594
+ --transparent-success-48: var(--transparent-success-48-xspector);
595
+ --transparent-warning-8: var(--transparent-warning-8-xspector);
596
+ --transparent-warning-12: var(--transparent-warning-12-xspector);
597
+ --transparent-warning-16: var(--transparent-warning-16-xspector);
598
+ --transparent-warning-24: var(--transparent-warning-24-xspector);
599
+ --transparent-warning-32: var(--transparent-warning-32-xspector);
600
+ --transparent-warning-48: var(--transparent-warning-48-xspector);
601
+ --transparent-error-8: var(--transparent-error-8-xspector);
602
+ --transparent-error-12: var(--transparent-error-12-xspector);
603
+ --transparent-error-16: var(--transparent-error-16-xspector);
604
+ --transparent-error-24: var(--transparent-error-24-xspector);
605
+ --transparent-error-32: var(--transparent-error-32-xspector);
606
+ --transparent-error-48: var(--transparent-error-48-xspector);
607
+ --transparent-grey-8: var(--transparent-grey-8-xspector);
608
+ --transparent-grey-12: var(--transparent-grey-12-xspector);
609
+ --transparent-grey-16: var(--transparent-grey-16-xspector);
610
+ --transparent-grey-24: var(--transparent-grey-24-xspector);
611
+ --transparent-grey-32: var(--transparent-grey-32-xspector);
612
+ --transparent-grey-48: var(--transparent-grey-48-xspector);
613
+ --transparent-grey2-8: var(--transparent-grey2-8-xspector);
614
+ --transparent-grey2-12: var(--transparent-grey2-12-xspector);
615
+ --transparent-grey2-16: var(--transparent-grey2-16-xspector);
616
+ --transparent-grey2-24: var(--transparent-grey2-24-xspector);
617
+ --transparent-grey2-32: var(--transparent-grey2-32-xspector);
618
+ --transparent-grey2-48: var(--transparent-grey2-48-xspector);
619
+ --transparent-white-8: var(--transparent-white-8-xspector);
620
+ --transparent-white-12: var(--transparent-white-12-xspector);
621
+ --transparent-white-16: var(--transparent-white-16-xspector);
622
+ --transparent-white-24: var(--transparent-white-24-xspector);
623
+ --transparent-white-32: var(--transparent-white-32-xspector);
624
+ --transparent-white-48: var(--transparent-white-48-xspector);
625
+ --transparent-black-8: var(--transparent-black-8-xspector);
626
+ --transparent-black-12: var(--transparent-black-12-xspector);
627
+ --transparent-black-16: var(--transparent-black-16-xspector);
628
+ --transparent-black-24: var(--transparent-black-24-xspector);
629
+ --transparent-black-32: var(--transparent-black-32-xspector);
630
+ --transparent-black-48: var(--transparent-black-48-xspector);
631
+ --modal-surface: var(--modal-surface-xspector);
632
+ --modal-highlight: var(--modal-highlight-xspector);
633
+ --modal-overlay: var(--modal-overlay-xspector);
634
+ --bg-bg1: var(--bg-bg1-xspector);
635
+ --bg-bg2: var(--bg-bg2-xspector);
636
+ --bg-bg3: var(--bg-bg3-xspector);
637
+ --bg-stroke1: var(--bg-stroke1-xspector);
638
+ --bg-stroke2: var(--bg-stroke2-xspector);
639
+ --input-default-text: var(--input-default-text-xspector);
640
+ --input-default-stroke: var(--input-default-stroke-xspector);
641
+ --input-filled-text: var(--input-filled-text-xspector);
642
+ --input-active-stroke: var(--input-active-stroke-xspector);
643
+ --input-disable-text: var(--input-disable-text-xspector);
644
+ --input-disable-stroke: var(--input-disable-stroke-xspector);
645
+ --input-disable-bg: var(--input-disable-bg-xspector);
646
+ --input-label-bg: var(--input-label-bg-xspector);
647
+ --input-error: var(--input-error-xspector);
648
+ --function-default-solid: var(--function-default-solid-xspector);
649
+ --function-default-hover: var(--function-default-hover-xspector);
650
+ --function-default-hover-bg: var(--function-default-hover-bg-xspector);
651
+ --function-default-stroke: var(--function-default-stroke-xspector);
652
+ --function-default-icon: var(--function-default-icon-xspector);
653
+ --function-default-outline-icon: var(--function-default-outline-icon-xspector);
654
+ --function-active-solid: var(--function-active-solid-xspector);
655
+ --function-active-hover: var(--function-active-hover-xspector);
656
+ --function-active-hover-bg: var(--function-active-hover-bg-xspector);
657
+ --function-active-stroke: var(--function-active-stroke-xspector);
658
+ --function-active-icon: var(--function-active-icon-xspector);
659
+ --common-white: var(--common-white-xspector);
660
+ --common-black: var(--common-black-xspector);
661
+ --brand-rvl-yellow: var(--brand-rvl-yellow-xspector);
662
+ --brand-rvl-grey: var(--brand-rvl-grey-xspector);
663
+ --others-1: var(--others-1-xspector);
664
+ --others-2: var(--others-2-xspector);
665
+ --others-3: var(--others-3-xspector);
666
+ --others-4: var(--others-4-xspector);
667
+ --others-5: var(--others-5-xspector);
668
+ --others-6: var(--others-6-xspector);
669
+ --others-7: var(--others-7-xspector);
670
+ --others-8: var(--others-8-xspector);
671
+ --others-9: var(--others-9-xspector);
672
+ --others-10: var(--others-10-xspector);
673
+ --others-11: var(--others-11-xspector);
674
+ --others-12: var(--others-12-xspector);
675
+ --others-13: var(--others-13-xspector);
676
+ --others-14: var(--others-14-xspector);
677
+ --others-15: var(--others-15-xspector);
678
+ --others-16: var(--others-16-xspector);
679
+ --others-17: var(--others-17-xspector);
680
+ --others-18: var(--others-18-xspector);
681
+ --others-19: var(--others-19-xspector);
682
+ --others-20: var(--others-20-xspector);
683
+ --others-21: var(--others-21-xspector);
684
+ --others-22: var(--others-22-xspector);
685
+ --others-23: var(--others-23-xspector);
686
+ --others-24: var(--others-24-xspector);
687
+ --others-25: var(--others-25-xspector);
688
+ --others-26: var(--others-26-xspector);
689
+ --others-27: var(--others-27-xspector);
690
+ --others-28: var(--others-28-xspector);
691
+ --others-29: var(--others-29-xspector);
692
+ --others-30: var(--others-30-xspector);
693
+ --others-31: var(--others-31-xspector);
694
+ --others-32: var(--others-32-xspector);
695
+ --others-33: var(--others-33-xspector);
696
+ --others-34: var(--others-34-xspector);
697
+ --others-35: var(--others-35-xspector);
698
+ --page-bg-main: var(--page-bg-main-xspector);
699
+ --page-bg-circle-top-g-in: var(--page-bg-circle-top-g-in-xspector);
700
+ --page-bg-circle-top-g-out: var(--page-bg-circle-top-g-out-xspector);
701
+ --page-bg-circle-bottom-g-in: var(--page-bg-circle-bottom-g-in-xspector);
702
+ --page-bg-circle-bottom-g-out: var(--page-bg-circle-bottom-g-out-xspector);
703
+ --text-white: var(--text-white-xspector);
704
+ --modal-line: var(--modal-line-xspector);
705
+ --bg-bg4: var(--bg-bg4-xspector);
706
+ --bg-bg5: var(--bg-bg5-xspector);
707
+ --bg-stroke3: var(--bg-stroke3-xspector);
708
+ --bg-stroke4: var(--bg-stroke4-xspector);
709
+ --bg-stroke5: var(--bg-stroke5-xspector);
710
+ }
711
+
712
+ :root[data-theme="skyller"] {
713
+ --main-primary: var(--main-primary-skyller);
714
+ --main-secondary: var(--main-secondary-skyller);
715
+ --main-tertiary: var(--main-tertiary-skyller);
716
+ --brand-midnight-blue: var(--brand-midnight-blue-skyller);
717
+ --brand-columbia-blue: var(--brand-columbia-blue-skyller);
718
+ --brand-background: var(--brand-background-skyller);
719
+ --brand-lemon-glacier: var(--brand-lemon-glacier-skyller);
720
+ --text-black: var(--text-black-skyller);
721
+ --text-contrast-low: var(--text-contrast-low-skyller);
722
+ --text-contrast-medium: var(--text-contrast-medium-skyller);
723
+ --text-contrast-high: var(--text-contrast-high-skyller);
724
+ --text-g-contrast-low: var(--text-g-contrast-low-skyller);
725
+ --text-g-contrast-medium: var(--text-g-contrast-medium-skyller);
726
+ --text-g-contrast-high: var(--text-g-contrast-high-skyller);
727
+ --text-contrast-max: var(--text-contrast-max-skyller);
728
+ --state-primary-default: var(--state-primary-default-skyller);
729
+ --state-primary-hover: var(--state-primary-hover-skyller);
730
+ --state-primary-stroke: var(--state-primary-stroke-skyller);
731
+ --state-primary-hover-bg: var(--state-primary-hover-bg-skyller);
732
+ --state-primary-pressed: var(--state-primary-pressed-skyller);
733
+ --state-primary-active: var(--state-primary-active-skyller);
734
+ --state-primary-text-solid: var(--state-primary-text-solid-skyller);
735
+ --state-primary-text-outline: var(--state-primary-text-outline-skyller);
736
+ --state-primary-text-hover: var(--state-primary-text-hover-skyller);
737
+ --state-primary-text-pressed: var(--state-primary-text-pressed-skyller);
738
+ --state-secondary-default: var(--state-secondary-default-skyller);
739
+ --state-secondary-hover: var(--state-secondary-hover-skyller);
740
+ --state-secondary-stroke: var(--state-secondary-stroke-skyller);
741
+ --state-secondary-hover-bg: var(--state-secondary-hover-bg-skyller);
742
+ --state-secondary-pressed: var(--state-secondary-pressed-skyller);
743
+ --state-secondary-active: var(--state-secondary-active-skyller);
744
+ --state-secondary-text-solid: var(--state-secondary-text-solid-skyller);
745
+ --state-secondary-text-outline: var(--state-secondary-text-outline-skyller);
746
+ --state-secondary-text-hover: var(--state-secondary-text-hover-skyller);
747
+ --state-secondary-text-pressed: var(--state-secondary-text-pressed-skyller);
748
+ --state-tertiary-default: var(--state-tertiary-default-skyller);
749
+ --state-tertiary-hover: var(--state-tertiary-hover-skyller);
750
+ --state-tertiary-stroke: var(--state-tertiary-stroke-skyller);
751
+ --state-tertiary-hover-bg: var(--state-tertiary-hover-bg-skyller);
752
+ --state-tertiary-pressed: var(--state-tertiary-pressed-skyller);
753
+ --state-tertiary-active: var(--state-tertiary-active-skyller);
754
+ --state-tertiary-text-solid: var(--state-tertiary-text-solid-skyller);
755
+ --state-tertiary-text-outline: var(--state-tertiary-text-outline-skyller);
756
+ --state-tertiary-text-hover: var(--state-tertiary-text-hover-skyller);
757
+ --state-tertiary-text-pressed: var(--state-tertiary-text-pressed-skyller);
758
+ --state-info-default: var(--state-info-default-skyller);
759
+ --state-info-hover: var(--state-info-hover-skyller);
760
+ --state-info-stroke: var(--state-info-stroke-skyller);
761
+ --state-info-hover-bg: var(--state-info-hover-bg-skyller);
762
+ --state-info-pressed: var(--state-info-pressed-skyller);
763
+ --state-info-active: var(--state-info-active-skyller);
764
+ --state-info-text-solid: var(--state-info-text-solid-skyller);
765
+ --state-info-text-outline: var(--state-info-text-outline-skyller);
766
+ --state-info-text-hover: var(--state-info-text-hover-skyller);
767
+ --state-info-text-pressed: var(--state-info-text-pressed-skyller);
768
+ --state-success-default: var(--state-success-default-skyller);
769
+ --state-success-hover: var(--state-success-hover-skyller);
770
+ --state-success-stroke: var(--state-success-stroke-skyller);
771
+ --state-success-hover-bg: var(--state-success-hover-bg-skyller);
772
+ --state-success-pressed: var(--state-success-pressed-skyller);
773
+ --state-success-active: var(--state-success-active-skyller);
774
+ --state-success-text-solid: var(--state-success-text-solid-skyller);
775
+ --state-success-text-outline: var(--state-success-text-outline-skyller);
776
+ --state-success-text-hover: var(--state-success-text-hover-skyller);
777
+ --state-success-text-pressed: var(--state-success-text-pressed-skyller);
778
+ --state-warning-default: var(--state-warning-default-skyller);
779
+ --state-warning-hover: var(--state-warning-hover-skyller);
780
+ --state-warning-stroke: var(--state-warning-stroke-skyller);
781
+ --state-warning-hover-bg: var(--state-warning-hover-bg-skyller);
782
+ --state-warning-pressed: var(--state-warning-pressed-skyller);
783
+ --state-warning-active: var(--state-warning-active-skyller);
784
+ --state-warning-text-solid: var(--state-warning-text-solid-skyller);
785
+ --state-warning-text-outline: var(--state-warning-text-outline-skyller);
786
+ --state-warning-text-hover: var(--state-warning-text-hover-skyller);
787
+ --state-warning-text-pressed: var(--state-warning-text-pressed-skyller);
788
+ --state-error-default: var(--state-error-default-skyller);
789
+ --state-error-hover: var(--state-error-hover-skyller);
790
+ --state-error-stroke: var(--state-error-stroke-skyller);
791
+ --state-error-hover-bg: var(--state-error-hover-bg-skyller);
792
+ --state-error-pressed: var(--state-error-pressed-skyller);
793
+ --state-error-active: var(--state-error-active-skyller);
794
+ --state-error-text-solid: var(--state-error-text-solid-skyller);
795
+ --state-error-text-outline: var(--state-error-text-outline-skyller);
796
+ --state-error-text-hover: var(--state-error-text-hover-skyller);
797
+ --state-error-text-pressed: var(--state-error-text-pressed-skyller);
798
+ --state-disable-solid: var(--state-disable-solid-skyller);
799
+ --state-disable-outline: var(--state-disable-outline-skyller);
800
+ --ramps-primary-5: var(--ramps-primary-5-skyller);
801
+ --ramps-primary-10: var(--ramps-primary-10-skyller);
802
+ --ramps-primary-20: var(--ramps-primary-20-skyller);
803
+ --ramps-primary-30: var(--ramps-primary-30-skyller);
804
+ --ramps-primary-40: var(--ramps-primary-40-skyller);
805
+ --ramps-primary-50: var(--ramps-primary-50-skyller);
806
+ --ramps-primary-60: var(--ramps-primary-60-skyller);
807
+ --ramps-primary-70: var(--ramps-primary-70-skyller);
808
+ --ramps-primary-80: var(--ramps-primary-80-skyller);
809
+ --ramps-primary-90: var(--ramps-primary-90-skyller);
810
+ --ramps-primary-100: var(--ramps-primary-100-skyller);
811
+ --ramps-primary-110: var(--ramps-primary-110-skyller);
812
+ --ramps-primary-120: var(--ramps-primary-120-skyller);
813
+ --ramps-primary-130: var(--ramps-primary-130-skyller);
814
+ --ramps-primary-140: var(--ramps-primary-140-skyller);
815
+ --ramps-primary-150: var(--ramps-primary-150-skyller);
816
+ --ramps-secondary-5: var(--ramps-secondary-5-skyller);
817
+ --ramps-secondary-10: var(--ramps-secondary-10-skyller);
818
+ --ramps-secondary-20: var(--ramps-secondary-20-skyller);
819
+ --ramps-secondary-30: var(--ramps-secondary-30-skyller);
820
+ --ramps-secondary-40: var(--ramps-secondary-40-skyller);
821
+ --ramps-secondary-50: var(--ramps-secondary-50-skyller);
822
+ --ramps-secondary-60: var(--ramps-secondary-60-skyller);
823
+ --ramps-secondary-70: var(--ramps-secondary-70-skyller);
824
+ --ramps-secondary-80: var(--ramps-secondary-80-skyller);
825
+ --ramps-secondary-90: var(--ramps-secondary-90-skyller);
826
+ --ramps-secondary-100: var(--ramps-secondary-100-skyller);
827
+ --ramps-secondary-110: var(--ramps-secondary-110-skyller);
828
+ --ramps-secondary-120: var(--ramps-secondary-120-skyller);
829
+ --ramps-secondary-130: var(--ramps-secondary-130-skyller);
830
+ --ramps-secondary-140: var(--ramps-secondary-140-skyller);
831
+ --ramps-secondary-150: var(--ramps-secondary-150-skyller);
832
+ --ramps-tertiary-5: var(--ramps-tertiary-5-skyller);
833
+ --ramps-tertiary-10: var(--ramps-tertiary-10-skyller);
834
+ --ramps-tertiary-20: var(--ramps-tertiary-20-skyller);
835
+ --ramps-tertiary-30: var(--ramps-tertiary-30-skyller);
836
+ --ramps-tertiary-40: var(--ramps-tertiary-40-skyller);
837
+ --ramps-tertiary-50: var(--ramps-tertiary-50-skyller);
838
+ --ramps-tertiary-60: var(--ramps-tertiary-60-skyller);
839
+ --ramps-tertiary-70: var(--ramps-tertiary-70-skyller);
840
+ --ramps-tertiary-80: var(--ramps-tertiary-80-skyller);
841
+ --ramps-tertiary-90: var(--ramps-tertiary-90-skyller);
842
+ --ramps-tertiary-100: var(--ramps-tertiary-100-skyller);
843
+ --ramps-tertiary-110: var(--ramps-tertiary-110-skyller);
844
+ --ramps-tertiary-120: var(--ramps-tertiary-120-skyller);
845
+ --ramps-tertiary-130: var(--ramps-tertiary-130-skyller);
846
+ --ramps-tertiary-140: var(--ramps-tertiary-140-skyller);
847
+ --ramps-tertiary-150: var(--ramps-tertiary-150-skyller);
848
+ --ramps-grey-5: var(--ramps-grey-5-skyller);
849
+ --ramps-grey-10: var(--ramps-grey-10-skyller);
850
+ --ramps-grey-20: var(--ramps-grey-20-skyller);
851
+ --ramps-grey-30: var(--ramps-grey-30-skyller);
852
+ --ramps-grey-40: var(--ramps-grey-40-skyller);
853
+ --ramps-grey-50: var(--ramps-grey-50-skyller);
854
+ --ramps-grey-60: var(--ramps-grey-60-skyller);
855
+ --ramps-grey-70: var(--ramps-grey-70-skyller);
856
+ --ramps-grey-80: var(--ramps-grey-80-skyller);
857
+ --ramps-grey-90: var(--ramps-grey-90-skyller);
858
+ --ramps-grey-100: var(--ramps-grey-100-skyller);
859
+ --ramps-grey-110: var(--ramps-grey-110-skyller);
860
+ --ramps-grey-120: var(--ramps-grey-120-skyller);
861
+ --ramps-grey-130: var(--ramps-grey-130-skyller);
862
+ --ramps-grey-140: var(--ramps-grey-140-skyller);
863
+ --ramps-grey-150: var(--ramps-grey-150-skyller);
864
+ --ramps-grey2-50: var(--ramps-grey2-50-skyller);
865
+ --ramps-grey2-100: var(--ramps-grey2-100-skyller);
866
+ --ramps-grey2-200: var(--ramps-grey2-200-skyller);
867
+ --ramps-grey2-300: var(--ramps-grey2-300-skyller);
868
+ --ramps-grey2-400: var(--ramps-grey2-400-skyller);
869
+ --ramps-grey2-500: var(--ramps-grey2-500-skyller);
870
+ --ramps-grey2-600: var(--ramps-grey2-600-skyller);
871
+ --ramps-grey2-700: var(--ramps-grey2-700-skyller);
872
+ --ramps-grey2-800: var(--ramps-grey2-800-skyller);
873
+ --ramps-grey2-900: var(--ramps-grey2-900-skyller);
874
+ --ramps-grey2-950: var(--ramps-grey2-950-skyller);
875
+ --ramps-info-50: var(--ramps-info-50-skyller);
876
+ --ramps-info-100: var(--ramps-info-100-skyller);
877
+ --ramps-info-200: var(--ramps-info-200-skyller);
878
+ --ramps-info-300: var(--ramps-info-300-skyller);
879
+ --ramps-info-400: var(--ramps-info-400-skyller);
880
+ --ramps-info-500: var(--ramps-info-500-skyller);
881
+ --ramps-info-600: var(--ramps-info-600-skyller);
882
+ --ramps-info-700: var(--ramps-info-700-skyller);
883
+ --ramps-info-800: var(--ramps-info-800-skyller);
884
+ --ramps-info-900: var(--ramps-info-900-skyller);
885
+ --ramps-info-950: var(--ramps-info-950-skyller);
886
+ --ramps-success-50: var(--ramps-success-50-skyller);
887
+ --ramps-success-100: var(--ramps-success-100-skyller);
888
+ --ramps-success-200: var(--ramps-success-200-skyller);
889
+ --ramps-success-300: var(--ramps-success-300-skyller);
890
+ --ramps-success-400: var(--ramps-success-400-skyller);
891
+ --ramps-success-500: var(--ramps-success-500-skyller);
892
+ --ramps-success-600: var(--ramps-success-600-skyller);
893
+ --ramps-success-700: var(--ramps-success-700-skyller);
894
+ --ramps-success-800: var(--ramps-success-800-skyller);
895
+ --ramps-success-900: var(--ramps-success-900-skyller);
896
+ --ramps-success-950: var(--ramps-success-950-skyller);
897
+ --ramps-warning-50: var(--ramps-warning-50-skyller);
898
+ --ramps-warning-100: var(--ramps-warning-100-skyller);
899
+ --ramps-warning-200: var(--ramps-warning-200-skyller);
900
+ --ramps-warning-300: var(--ramps-warning-300-skyller);
901
+ --ramps-warning-400: var(--ramps-warning-400-skyller);
902
+ --ramps-warning-500: var(--ramps-warning-500-skyller);
903
+ --ramps-warning-600: var(--ramps-warning-600-skyller);
904
+ --ramps-warning-700: var(--ramps-warning-700-skyller);
905
+ --ramps-warning-800: var(--ramps-warning-800-skyller);
906
+ --ramps-warning-900: var(--ramps-warning-900-skyller);
907
+ --ramps-warning-950: var(--ramps-warning-950-skyller);
908
+ --ramps-error-50: var(--ramps-error-50-skyller);
909
+ --ramps-error-100: var(--ramps-error-100-skyller);
910
+ --ramps-error-200: var(--ramps-error-200-skyller);
911
+ --ramps-error-300: var(--ramps-error-300-skyller);
912
+ --ramps-error-400: var(--ramps-error-400-skyller);
913
+ --ramps-error-500: var(--ramps-error-500-skyller);
914
+ --ramps-error-600: var(--ramps-error-600-skyller);
915
+ --ramps-error-700: var(--ramps-error-700-skyller);
916
+ --ramps-error-800: var(--ramps-error-800-skyller);
917
+ --ramps-error-900: var(--ramps-error-900-skyller);
918
+ --ramps-error-950: var(--ramps-error-950-skyller);
919
+ --transparent-primary-8: var(--transparent-primary-8-skyller);
920
+ --transparent-primary-12: var(--transparent-primary-12-skyller);
921
+ --transparent-primary-16: var(--transparent-primary-16-skyller);
922
+ --transparent-primary-24: var(--transparent-primary-24-skyller);
923
+ --transparent-primary-32: var(--transparent-primary-32-skyller);
924
+ --transparent-primary-48: var(--transparent-primary-48-skyller);
925
+ --transparent-secondary-8: var(--transparent-secondary-8-skyller);
926
+ --transparent-secondary-12: var(--transparent-secondary-12-skyller);
927
+ --transparent-secondary-16: var(--transparent-secondary-16-skyller);
928
+ --transparent-secondary-24: var(--transparent-secondary-24-skyller);
929
+ --transparent-secondary-32: var(--transparent-secondary-32-skyller);
930
+ --transparent-secondary-48: var(--transparent-secondary-48-skyller);
931
+ --transparent-tertiary-8: var(--transparent-tertiary-8-skyller);
932
+ --transparent-tertiary-12: var(--transparent-tertiary-12-skyller);
933
+ --transparent-tertiary-16: var(--transparent-tertiary-16-skyller);
934
+ --transparent-tertiary-24: var(--transparent-tertiary-24-skyller);
935
+ --transparent-tertiary-32: var(--transparent-tertiary-32-skyller);
936
+ --transparent-tertiary-48: var(--transparent-tertiary-48-skyller);
937
+ --transparent-info-8: var(--transparent-info-8-skyller);
938
+ --transparent-info-12: var(--transparent-info-12-skyller);
939
+ --transparent-info-16: var(--transparent-info-16-skyller);
940
+ --transparent-info-24: var(--transparent-info-24-skyller);
941
+ --transparent-info-32: var(--transparent-info-32-skyller);
942
+ --transparent-info-48: var(--transparent-info-48-skyller);
943
+ --transparent-success-8: var(--transparent-success-8-skyller);
944
+ --transparent-success-12: var(--transparent-success-12-skyller);
945
+ --transparent-success-16: var(--transparent-success-16-skyller);
946
+ --transparent-success-24: var(--transparent-success-24-skyller);
947
+ --transparent-success-32: var(--transparent-success-32-skyller);
948
+ --transparent-success-48: var(--transparent-success-48-skyller);
949
+ --transparent-warning-8: var(--transparent-warning-8-skyller);
950
+ --transparent-warning-12: var(--transparent-warning-12-skyller);
951
+ --transparent-warning-16: var(--transparent-warning-16-skyller);
952
+ --transparent-warning-24: var(--transparent-warning-24-skyller);
953
+ --transparent-warning-32: var(--transparent-warning-32-skyller);
954
+ --transparent-warning-48: var(--transparent-warning-48-skyller);
955
+ --transparent-error-8: var(--transparent-error-8-skyller);
956
+ --transparent-error-12: var(--transparent-error-12-skyller);
957
+ --transparent-error-16: var(--transparent-error-16-skyller);
958
+ --transparent-error-24: var(--transparent-error-24-skyller);
959
+ --transparent-error-32: var(--transparent-error-32-skyller);
960
+ --transparent-error-48: var(--transparent-error-48-skyller);
961
+ --transparent-grey-8: var(--transparent-grey-8-skyller);
962
+ --transparent-grey-12: var(--transparent-grey-12-skyller);
963
+ --transparent-grey-16: var(--transparent-grey-16-skyller);
964
+ --transparent-grey-24: var(--transparent-grey-24-skyller);
965
+ --transparent-grey-32: var(--transparent-grey-32-skyller);
966
+ --transparent-grey-48: var(--transparent-grey-48-skyller);
967
+ --transparent-grey2-8: var(--transparent-grey2-8-skyller);
968
+ --transparent-grey2-12: var(--transparent-grey2-12-skyller);
969
+ --transparent-grey2-16: var(--transparent-grey2-16-skyller);
970
+ --transparent-grey2-24: var(--transparent-grey2-24-skyller);
971
+ --transparent-grey2-32: var(--transparent-grey2-32-skyller);
972
+ --transparent-grey2-48: var(--transparent-grey2-48-skyller);
973
+ --transparent-white-8: var(--transparent-white-8-skyller);
974
+ --transparent-white-12: var(--transparent-white-12-skyller);
975
+ --transparent-white-16: var(--transparent-white-16-skyller);
976
+ --transparent-white-24: var(--transparent-white-24-skyller);
977
+ --transparent-white-32: var(--transparent-white-32-skyller);
978
+ --transparent-white-48: var(--transparent-white-48-skyller);
979
+ --transparent-black-8: var(--transparent-black-8-skyller);
980
+ --transparent-black-12: var(--transparent-black-12-skyller);
981
+ --transparent-black-16: var(--transparent-black-16-skyller);
982
+ --transparent-black-24: var(--transparent-black-24-skyller);
983
+ --transparent-black-32: var(--transparent-black-32-skyller);
984
+ --transparent-black-48: var(--transparent-black-48-skyller);
985
+ --modal-surface: var(--modal-surface-skyller);
986
+ --modal-highlight: var(--modal-highlight-skyller);
987
+ --modal-overlay: var(--modal-overlay-skyller);
988
+ --bg-bg1: var(--bg-bg1-skyller);
989
+ --bg-bg2: var(--bg-bg2-skyller);
990
+ --bg-bg3: var(--bg-bg3-skyller);
991
+ --bg-stroke1: var(--bg-stroke1-skyller);
992
+ --bg-stroke2: var(--bg-stroke2-skyller);
993
+ --input-default-text: var(--input-default-text-skyller);
994
+ --input-default-stroke: var(--input-default-stroke-skyller);
995
+ --input-filled-text: var(--input-filled-text-skyller);
996
+ --input-active-stroke: var(--input-active-stroke-skyller);
997
+ --input-disable-text: var(--input-disable-text-skyller);
998
+ --input-disable-stroke: var(--input-disable-stroke-skyller);
999
+ --input-disable-bg: var(--input-disable-bg-skyller);
1000
+ --input-label-bg: var(--input-label-bg-skyller);
1001
+ --input-error: var(--input-error-skyller);
1002
+ --function-default-solid: var(--function-default-solid-skyller);
1003
+ --function-default-hover: var(--function-default-hover-skyller);
1004
+ --function-default-hover-bg: var(--function-default-hover-bg-skyller);
1005
+ --function-default-stroke: var(--function-default-stroke-skyller);
1006
+ --function-default-icon: var(--function-default-icon-skyller);
1007
+ --function-default-outline-icon: var(--function-default-outline-icon-skyller);
1008
+ --function-active-solid: var(--function-active-solid-skyller);
1009
+ --function-active-hover: var(--function-active-hover-skyller);
1010
+ --function-active-hover-bg: var(--function-active-hover-bg-skyller);
1011
+ --function-active-stroke: var(--function-active-stroke-skyller);
1012
+ --function-active-icon: var(--function-active-icon-skyller);
1013
+ --common-white: var(--common-white-skyller);
1014
+ --common-black: var(--common-black-skyller);
1015
+ --brand-rvl-yellow: var(--brand-rvl-yellow-skyller);
1016
+ --brand-rvl-grey: var(--brand-rvl-grey-skyller);
1017
+ --others-1: var(--others-1-skyller);
1018
+ --others-2: var(--others-2-skyller);
1019
+ --others-3: var(--others-3-skyller);
1020
+ --others-4: var(--others-4-skyller);
1021
+ --others-5: var(--others-5-skyller);
1022
+ --others-6: var(--others-6-skyller);
1023
+ --others-7: var(--others-7-skyller);
1024
+ --others-8: var(--others-8-skyller);
1025
+ --others-9: var(--others-9-skyller);
1026
+ --others-10: var(--others-10-skyller);
1027
+ --others-11: var(--others-11-skyller);
1028
+ --others-12: var(--others-12-skyller);
1029
+ --others-13: var(--others-13-skyller);
1030
+ --others-14: var(--others-14-skyller);
1031
+ --others-15: var(--others-15-skyller);
1032
+ --others-16: var(--others-16-skyller);
1033
+ --others-17: var(--others-17-skyller);
1034
+ --others-18: var(--others-18-skyller);
1035
+ --others-19: var(--others-19-skyller);
1036
+ --others-20: var(--others-20-skyller);
1037
+ --others-21: var(--others-21-skyller);
1038
+ --others-22: var(--others-22-skyller);
1039
+ --others-23: var(--others-23-skyller);
1040
+ --others-24: var(--others-24-skyller);
1041
+ --others-25: var(--others-25-skyller);
1042
+ --others-26: var(--others-26-skyller);
1043
+ --others-27: var(--others-27-skyller);
1044
+ --others-28: var(--others-28-skyller);
1045
+ --others-29: var(--others-29-skyller);
1046
+ --others-30: var(--others-30-skyller);
1047
+ --others-31: var(--others-31-skyller);
1048
+ --others-32: var(--others-32-skyller);
1049
+ --others-33: var(--others-33-skyller);
1050
+ --others-34: var(--others-34-skyller);
1051
+ --others-35: var(--others-35-skyller);
1052
+ --page-bg-main: var(--page-bg-main-skyller);
1053
+ --page-bg-circle-top-g-in: var(--page-bg-circle-top-g-in-skyller);
1054
+ --page-bg-circle-top-g-out: var(--page-bg-circle-top-g-out-skyller);
1055
+ --page-bg-circle-bottom-g-in: var(--page-bg-circle-bottom-g-in-skyller);
1056
+ --page-bg-circle-bottom-g-out: var(--page-bg-circle-bottom-g-out-skyller);
1057
+ --text-white: var(--text-white-skyller);
1058
+ --modal-line: var(--modal-line-skyller);
1059
+ --bg-bg4: var(--bg-bg4-skyller);
1060
+ --bg-bg5: var(--bg-bg5-skyller);
1061
+ --bg-stroke3: var(--bg-stroke3-skyller);
1062
+ --bg-stroke4: var(--bg-stroke4-skyller);
1063
+ --bg-stroke5: var(--bg-stroke5-skyller);
1064
+ }