@delightui/components 0.1.2 → 0.1.4

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 (262) hide show
  1. package/package.json +6 -1
  2. package/dist/cjs/App.d.ts +0 -6
  3. package/dist/cjs/App.utils.d.ts +0 -2
  4. package/dist/cjs/components/atoms/ActionCard/ActionCard.d.ts +0 -7
  5. package/dist/cjs/components/atoms/ActionCard/ActionCard.types.d.ts +0 -16
  6. package/dist/cjs/components/atoms/ActionCard/index.d.ts +0 -4
  7. package/dist/cjs/components/atoms/ActionImage/ActionImage.d.ts +0 -7
  8. package/dist/cjs/components/atoms/ActionImage/ActionImage.types.d.ts +0 -12
  9. package/dist/cjs/components/atoms/ActionImage/index.d.ts +0 -4
  10. package/dist/cjs/components/atoms/Button/Button.d.ts +0 -7
  11. package/dist/cjs/components/atoms/Button/Button.types.d.ts +0 -53
  12. package/dist/cjs/components/atoms/Button/index.d.ts +0 -4
  13. package/dist/cjs/components/atoms/Card/Card.d.ts +0 -7
  14. package/dist/cjs/components/atoms/Card/Card.types.d.ts +0 -11
  15. package/dist/cjs/components/atoms/Card/index.d.ts +0 -4
  16. package/dist/cjs/components/atoms/Checkbox/Checkbox.d.ts +0 -3
  17. package/dist/cjs/components/atoms/Checkbox/index.d.ts +0 -2
  18. package/dist/cjs/components/atoms/Checkbox/types.d.ts +0 -8
  19. package/dist/cjs/components/atoms/Icon/Icon.d.ts +0 -4
  20. package/dist/cjs/components/atoms/Icon/Icon.types.d.ts +0 -22
  21. package/dist/cjs/components/atoms/Icon/index.d.ts +0 -4
  22. package/dist/cjs/components/atoms/Icon/useDynamicSVGImport.d.ts +0 -5
  23. package/dist/cjs/components/atoms/IconButton/IconButton.d.ts +0 -4
  24. package/dist/cjs/components/atoms/IconButton/IconButton.types.d.ts +0 -9
  25. package/dist/cjs/components/atoms/IconButton/index.d.ts +0 -4
  26. package/dist/cjs/components/atoms/Image/image.d.ts +0 -3
  27. package/dist/cjs/components/atoms/Image/image.types.d.ts +0 -33
  28. package/dist/cjs/components/atoms/Image/index.d.ts +0 -4
  29. package/dist/cjs/components/atoms/Input/Input.d.ts +0 -10
  30. package/dist/cjs/components/atoms/Input/Input.types.d.ts +0 -34
  31. package/dist/cjs/components/atoms/Input/index.d.ts +0 -4
  32. package/dist/cjs/components/atoms/List/List.d.ts +0 -4
  33. package/dist/cjs/components/atoms/List/List.types.d.ts +0 -32
  34. package/dist/cjs/components/atoms/List/index.d.ts +0 -4
  35. package/dist/cjs/components/atoms/Password/Password.d.ts +0 -4
  36. package/dist/cjs/components/atoms/Password/Password.types.d.ts +0 -4
  37. package/dist/cjs/components/atoms/Password/index.d.ts +0 -2
  38. package/dist/cjs/components/atoms/Spinner/Spinner.d.ts +0 -4
  39. package/dist/cjs/components/atoms/Spinner/Spinner.types.d.ts +0 -3
  40. package/dist/cjs/components/atoms/Spinner/index.d.ts +0 -4
  41. package/dist/cjs/components/atoms/Text/Text.d.ts +0 -7
  42. package/dist/cjs/components/atoms/Text/Text.types.d.ts +0 -61
  43. package/dist/cjs/components/atoms/Text/contants.d.ts +0 -14
  44. package/dist/cjs/components/atoms/Text/index.d.ts +0 -4
  45. package/dist/cjs/components/atoms/TextArea/TextArea.d.ts +0 -8
  46. package/dist/cjs/components/atoms/TextArea/TextArea.types.d.ts +0 -21
  47. package/dist/cjs/components/atoms/TextArea/index.d.ts +0 -4
  48. package/dist/cjs/components/atoms/index.d.ts +0 -26
  49. package/dist/cjs/components/index.d.ts +0 -3
  50. package/dist/cjs/components/molecules/ContextMenu/ContextMenu.d.ts +0 -7
  51. package/dist/cjs/components/molecules/ContextMenu/ContextMenu.types.d.ts +0 -64
  52. package/dist/cjs/components/molecules/ContextMenu/MenuItem/MenuItem.d.ts +0 -9
  53. package/dist/cjs/components/molecules/ContextMenu/MenuItem/MenuItem.types.d.ts +0 -24
  54. package/dist/cjs/components/molecules/ContextMenu/MenuItem/index.d.ts +0 -4
  55. package/dist/cjs/components/molecules/ContextMenu/index.d.ts +0 -6
  56. package/dist/cjs/components/molecules/DatePicker/DatePicker.d.ts +0 -7
  57. package/dist/cjs/components/molecules/DatePicker/DatePicker.types.d.ts +0 -56
  58. package/dist/cjs/components/molecules/DatePicker/index.d.ts +0 -4
  59. package/dist/cjs/components/molecules/FormField/FormField.d.ts +0 -4
  60. package/dist/cjs/components/molecules/FormField/FormField.types.d.ts +0 -124
  61. package/dist/cjs/components/molecules/FormField/FormFieldContext.d.ts +0 -5
  62. package/dist/cjs/components/molecules/FormField/index.d.ts +0 -7
  63. package/dist/cjs/components/molecules/FormField/useField.d.ts +0 -11
  64. package/dist/cjs/components/molecules/Modal/Modal.d.ts +0 -7
  65. package/dist/cjs/components/molecules/Modal/Modal.types.d.ts +0 -54
  66. package/dist/cjs/components/molecules/Modal/index.d.ts +0 -4
  67. package/dist/cjs/components/molecules/Nav/Nav.d.ts +0 -4
  68. package/dist/cjs/components/molecules/Nav/Nav.types.d.ts +0 -2
  69. package/dist/cjs/components/molecules/Nav/NavItem/NavItem.d.ts +0 -4
  70. package/dist/cjs/components/molecules/Nav/NavItem/NavItem.types.d.ts +0 -2
  71. package/dist/cjs/components/molecules/Nav/NavItem/index.d.ts +0 -4
  72. package/dist/cjs/components/molecules/Nav/NavLink/NavLink.d.ts +0 -4
  73. package/dist/cjs/components/molecules/Nav/NavLink/NavLink.types.d.ts +0 -16
  74. package/dist/cjs/components/molecules/Nav/NavLink/index.d.ts +0 -4
  75. package/dist/cjs/components/molecules/Nav/index.d.ts +0 -8
  76. package/dist/cjs/components/molecules/Popover/Popover.d.ts +0 -7
  77. package/dist/cjs/components/molecules/Popover/Popover.types.d.ts +0 -85
  78. package/dist/cjs/components/molecules/Popover/Popover.utils.d.ts +0 -30
  79. package/dist/cjs/components/molecules/Popover/index.d.ts +0 -4
  80. package/dist/cjs/components/molecules/Select/Option/Option.d.ts +0 -10
  81. package/dist/cjs/components/molecules/Select/Option/Option.types.d.ts +0 -32
  82. package/dist/cjs/components/molecules/Select/Option/index.d.ts +0 -4
  83. package/dist/cjs/components/molecules/Select/Select.Context.d.ts +0 -18
  84. package/dist/cjs/components/molecules/Select/Select.d.ts +0 -11
  85. package/dist/cjs/components/molecules/Select/Select.types.d.ts +0 -128
  86. package/dist/cjs/components/molecules/Select/Select.utils.d.ts +0 -33
  87. package/dist/cjs/components/molecules/Select/index.d.ts +0 -15
  88. package/dist/cjs/components/molecules/TabContent/TabContent.d.ts +0 -4
  89. package/dist/cjs/components/molecules/TabContent/TabContent.types.d.ts +0 -20
  90. package/dist/cjs/components/molecules/TabContent/index.d.ts +0 -4
  91. package/dist/cjs/components/molecules/TabItem/TabItem.d.ts +0 -4
  92. package/dist/cjs/components/molecules/TabItem/TabItem.types.d.ts +0 -19
  93. package/dist/cjs/components/molecules/TabItem/index.d.ts +0 -4
  94. package/dist/cjs/components/molecules/TableBody/TableBody.d.ts +0 -4
  95. package/dist/cjs/components/molecules/TableBody/TableBody.types.d.ts +0 -2
  96. package/dist/cjs/components/molecules/TableBody/index.d.ts +0 -4
  97. package/dist/cjs/components/molecules/TableCell/TableCell.d.ts +0 -4
  98. package/dist/cjs/components/molecules/TableCell/TableCell.types.d.ts +0 -2
  99. package/dist/cjs/components/molecules/TableCell/index.d.ts +0 -4
  100. package/dist/cjs/components/molecules/TableHeader/TableHeader.d.ts +0 -4
  101. package/dist/cjs/components/molecules/TableHeader/TableHeader.types.d.ts +0 -2
  102. package/dist/cjs/components/molecules/TableHeader/index.d.ts +0 -4
  103. package/dist/cjs/components/molecules/TableRow/TableRow.d.ts +0 -4
  104. package/dist/cjs/components/molecules/TableRow/TableRow.types.d.ts +0 -2
  105. package/dist/cjs/components/molecules/TableRow/index.d.ts +0 -4
  106. package/dist/cjs/components/molecules/Tabs/Tabs.Context.d.ts +0 -13
  107. package/dist/cjs/components/molecules/Tabs/Tabs.d.ts +0 -4
  108. package/dist/cjs/components/molecules/Tabs/Tabs.types.d.ts +0 -37
  109. package/dist/cjs/components/molecules/Tabs/index.d.ts +0 -7
  110. package/dist/cjs/components/molecules/index.d.ts +0 -28
  111. package/dist/cjs/components/organisms/Form/Form.d.ts +0 -4
  112. package/dist/cjs/components/organisms/Form/Form.types.d.ts +0 -135
  113. package/dist/cjs/components/organisms/Form/Form.utils.d.ts +0 -2
  114. package/dist/cjs/components/organisms/Form/FormContext.d.ts +0 -5
  115. package/dist/cjs/components/organisms/Form/FormExample.d.ts +0 -14
  116. package/dist/cjs/components/organisms/Form/index.d.ts +0 -5
  117. package/dist/cjs/components/organisms/Table/Table.d.ts +0 -4
  118. package/dist/cjs/components/organisms/Table/Table.types.d.ts +0 -2
  119. package/dist/cjs/components/organisms/Table/index.d.ts +0 -4
  120. package/dist/cjs/components/organisms/index.d.ts +0 -4
  121. package/dist/cjs/components/utils.d.ts +0 -26
  122. package/dist/cjs/lib/config.d.ts +0 -1
  123. package/dist/cjs/library.css +0 -2489
  124. package/dist/cjs/library.d.ts +0 -3
  125. package/dist/cjs/library.js +0 -15
  126. package/dist/cjs/library.js.map +0 -1
  127. package/dist/cjs/main.d.ts +0 -1
  128. package/dist/cjs/modules/index.d.ts +0 -1
  129. package/dist/cjs/modules/theme/ThemeProvider.d.ts +0 -6
  130. package/dist/cjs/modules/theme/ThemeProvider.types.d.ts +0 -9
  131. package/dist/cjs/modules/theme/index.d.ts +0 -2
  132. package/dist/esm/App.d.ts +0 -6
  133. package/dist/esm/App.utils.d.ts +0 -2
  134. package/dist/esm/components/atoms/ActionCard/ActionCard.d.ts +0 -7
  135. package/dist/esm/components/atoms/ActionCard/ActionCard.types.d.ts +0 -16
  136. package/dist/esm/components/atoms/ActionCard/index.d.ts +0 -4
  137. package/dist/esm/components/atoms/ActionImage/ActionImage.d.ts +0 -7
  138. package/dist/esm/components/atoms/ActionImage/ActionImage.types.d.ts +0 -12
  139. package/dist/esm/components/atoms/ActionImage/index.d.ts +0 -4
  140. package/dist/esm/components/atoms/Button/Button.d.ts +0 -7
  141. package/dist/esm/components/atoms/Button/Button.types.d.ts +0 -53
  142. package/dist/esm/components/atoms/Button/index.d.ts +0 -4
  143. package/dist/esm/components/atoms/Card/Card.d.ts +0 -7
  144. package/dist/esm/components/atoms/Card/Card.types.d.ts +0 -11
  145. package/dist/esm/components/atoms/Card/index.d.ts +0 -4
  146. package/dist/esm/components/atoms/Checkbox/Checkbox.d.ts +0 -3
  147. package/dist/esm/components/atoms/Checkbox/index.d.ts +0 -2
  148. package/dist/esm/components/atoms/Checkbox/types.d.ts +0 -8
  149. package/dist/esm/components/atoms/Icon/Icon.d.ts +0 -4
  150. package/dist/esm/components/atoms/Icon/Icon.types.d.ts +0 -22
  151. package/dist/esm/components/atoms/Icon/index.d.ts +0 -4
  152. package/dist/esm/components/atoms/Icon/useDynamicSVGImport.d.ts +0 -5
  153. package/dist/esm/components/atoms/IconButton/IconButton.d.ts +0 -4
  154. package/dist/esm/components/atoms/IconButton/IconButton.types.d.ts +0 -9
  155. package/dist/esm/components/atoms/IconButton/index.d.ts +0 -4
  156. package/dist/esm/components/atoms/Image/image.d.ts +0 -3
  157. package/dist/esm/components/atoms/Image/image.types.d.ts +0 -33
  158. package/dist/esm/components/atoms/Image/index.d.ts +0 -4
  159. package/dist/esm/components/atoms/Input/Input.d.ts +0 -10
  160. package/dist/esm/components/atoms/Input/Input.types.d.ts +0 -34
  161. package/dist/esm/components/atoms/Input/index.d.ts +0 -4
  162. package/dist/esm/components/atoms/List/List.d.ts +0 -4
  163. package/dist/esm/components/atoms/List/List.types.d.ts +0 -32
  164. package/dist/esm/components/atoms/List/index.d.ts +0 -4
  165. package/dist/esm/components/atoms/Password/Password.d.ts +0 -4
  166. package/dist/esm/components/atoms/Password/Password.types.d.ts +0 -4
  167. package/dist/esm/components/atoms/Password/index.d.ts +0 -2
  168. package/dist/esm/components/atoms/Spinner/Spinner.d.ts +0 -4
  169. package/dist/esm/components/atoms/Spinner/Spinner.types.d.ts +0 -3
  170. package/dist/esm/components/atoms/Spinner/index.d.ts +0 -4
  171. package/dist/esm/components/atoms/Text/Text.d.ts +0 -7
  172. package/dist/esm/components/atoms/Text/Text.types.d.ts +0 -61
  173. package/dist/esm/components/atoms/Text/contants.d.ts +0 -14
  174. package/dist/esm/components/atoms/Text/index.d.ts +0 -4
  175. package/dist/esm/components/atoms/TextArea/TextArea.d.ts +0 -8
  176. package/dist/esm/components/atoms/TextArea/TextArea.types.d.ts +0 -21
  177. package/dist/esm/components/atoms/TextArea/index.d.ts +0 -4
  178. package/dist/esm/components/atoms/index.d.ts +0 -26
  179. package/dist/esm/components/index.d.ts +0 -3
  180. package/dist/esm/components/molecules/ContextMenu/ContextMenu.d.ts +0 -7
  181. package/dist/esm/components/molecules/ContextMenu/ContextMenu.types.d.ts +0 -64
  182. package/dist/esm/components/molecules/ContextMenu/MenuItem/MenuItem.d.ts +0 -9
  183. package/dist/esm/components/molecules/ContextMenu/MenuItem/MenuItem.types.d.ts +0 -24
  184. package/dist/esm/components/molecules/ContextMenu/MenuItem/index.d.ts +0 -4
  185. package/dist/esm/components/molecules/ContextMenu/index.d.ts +0 -6
  186. package/dist/esm/components/molecules/DatePicker/DatePicker.d.ts +0 -7
  187. package/dist/esm/components/molecules/DatePicker/DatePicker.types.d.ts +0 -56
  188. package/dist/esm/components/molecules/DatePicker/index.d.ts +0 -4
  189. package/dist/esm/components/molecules/FormField/FormField.d.ts +0 -4
  190. package/dist/esm/components/molecules/FormField/FormField.types.d.ts +0 -124
  191. package/dist/esm/components/molecules/FormField/FormFieldContext.d.ts +0 -5
  192. package/dist/esm/components/molecules/FormField/index.d.ts +0 -7
  193. package/dist/esm/components/molecules/FormField/useField.d.ts +0 -11
  194. package/dist/esm/components/molecules/Modal/Modal.d.ts +0 -7
  195. package/dist/esm/components/molecules/Modal/Modal.types.d.ts +0 -54
  196. package/dist/esm/components/molecules/Modal/index.d.ts +0 -4
  197. package/dist/esm/components/molecules/Nav/Nav.d.ts +0 -4
  198. package/dist/esm/components/molecules/Nav/Nav.types.d.ts +0 -2
  199. package/dist/esm/components/molecules/Nav/NavItem/NavItem.d.ts +0 -4
  200. package/dist/esm/components/molecules/Nav/NavItem/NavItem.types.d.ts +0 -2
  201. package/dist/esm/components/molecules/Nav/NavItem/index.d.ts +0 -4
  202. package/dist/esm/components/molecules/Nav/NavLink/NavLink.d.ts +0 -4
  203. package/dist/esm/components/molecules/Nav/NavLink/NavLink.types.d.ts +0 -16
  204. package/dist/esm/components/molecules/Nav/NavLink/index.d.ts +0 -4
  205. package/dist/esm/components/molecules/Nav/index.d.ts +0 -8
  206. package/dist/esm/components/molecules/Popover/Popover.d.ts +0 -7
  207. package/dist/esm/components/molecules/Popover/Popover.types.d.ts +0 -85
  208. package/dist/esm/components/molecules/Popover/Popover.utils.d.ts +0 -30
  209. package/dist/esm/components/molecules/Popover/index.d.ts +0 -4
  210. package/dist/esm/components/molecules/Select/Option/Option.d.ts +0 -10
  211. package/dist/esm/components/molecules/Select/Option/Option.types.d.ts +0 -32
  212. package/dist/esm/components/molecules/Select/Option/index.d.ts +0 -4
  213. package/dist/esm/components/molecules/Select/Select.Context.d.ts +0 -18
  214. package/dist/esm/components/molecules/Select/Select.d.ts +0 -11
  215. package/dist/esm/components/molecules/Select/Select.types.d.ts +0 -128
  216. package/dist/esm/components/molecules/Select/Select.utils.d.ts +0 -33
  217. package/dist/esm/components/molecules/Select/index.d.ts +0 -15
  218. package/dist/esm/components/molecules/TabContent/TabContent.d.ts +0 -4
  219. package/dist/esm/components/molecules/TabContent/TabContent.types.d.ts +0 -20
  220. package/dist/esm/components/molecules/TabContent/index.d.ts +0 -4
  221. package/dist/esm/components/molecules/TabItem/TabItem.d.ts +0 -4
  222. package/dist/esm/components/molecules/TabItem/TabItem.types.d.ts +0 -19
  223. package/dist/esm/components/molecules/TabItem/index.d.ts +0 -4
  224. package/dist/esm/components/molecules/TableBody/TableBody.d.ts +0 -4
  225. package/dist/esm/components/molecules/TableBody/TableBody.types.d.ts +0 -2
  226. package/dist/esm/components/molecules/TableBody/index.d.ts +0 -4
  227. package/dist/esm/components/molecules/TableCell/TableCell.d.ts +0 -4
  228. package/dist/esm/components/molecules/TableCell/TableCell.types.d.ts +0 -2
  229. package/dist/esm/components/molecules/TableCell/index.d.ts +0 -4
  230. package/dist/esm/components/molecules/TableHeader/TableHeader.d.ts +0 -4
  231. package/dist/esm/components/molecules/TableHeader/TableHeader.types.d.ts +0 -2
  232. package/dist/esm/components/molecules/TableHeader/index.d.ts +0 -4
  233. package/dist/esm/components/molecules/TableRow/TableRow.d.ts +0 -4
  234. package/dist/esm/components/molecules/TableRow/TableRow.types.d.ts +0 -2
  235. package/dist/esm/components/molecules/TableRow/index.d.ts +0 -4
  236. package/dist/esm/components/molecules/Tabs/Tabs.Context.d.ts +0 -13
  237. package/dist/esm/components/molecules/Tabs/Tabs.d.ts +0 -4
  238. package/dist/esm/components/molecules/Tabs/Tabs.types.d.ts +0 -37
  239. package/dist/esm/components/molecules/Tabs/index.d.ts +0 -7
  240. package/dist/esm/components/molecules/index.d.ts +0 -28
  241. package/dist/esm/components/organisms/Form/Form.d.ts +0 -4
  242. package/dist/esm/components/organisms/Form/Form.types.d.ts +0 -135
  243. package/dist/esm/components/organisms/Form/Form.utils.d.ts +0 -2
  244. package/dist/esm/components/organisms/Form/FormContext.d.ts +0 -5
  245. package/dist/esm/components/organisms/Form/FormExample.d.ts +0 -14
  246. package/dist/esm/components/organisms/Form/index.d.ts +0 -5
  247. package/dist/esm/components/organisms/Table/Table.d.ts +0 -4
  248. package/dist/esm/components/organisms/Table/Table.types.d.ts +0 -2
  249. package/dist/esm/components/organisms/Table/index.d.ts +0 -4
  250. package/dist/esm/components/organisms/index.d.ts +0 -4
  251. package/dist/esm/components/utils.d.ts +0 -26
  252. package/dist/esm/lib/config.d.ts +0 -1
  253. package/dist/esm/library.css +0 -2489
  254. package/dist/esm/library.d.ts +0 -3
  255. package/dist/esm/library.js +0 -15
  256. package/dist/esm/library.js.map +0 -1
  257. package/dist/esm/main.d.ts +0 -1
  258. package/dist/esm/modules/index.d.ts +0 -1
  259. package/dist/esm/modules/theme/ThemeProvider.d.ts +0 -6
  260. package/dist/esm/modules/theme/ThemeProvider.types.d.ts +0 -9
  261. package/dist/esm/modules/theme/index.d.ts +0 -2
  262. package/dist/index.d.ts +0 -1251
@@ -1,2489 +0,0 @@
1
-
2
- @import url("https://fonts.googleapis.com/css2?family=Inter:wght@100;200;300;400;500;600;700;800;900&display=swap");
3
- /**
4
- * Fonts:
5
- * - Inter (all weights)
6
- */
7
- .ActionCard-module_actionCard__o01Ku {
8
- --action-card-padding-top: 0;
9
- --action-card-padding-bottom: 0;
10
- --action-card-padding-right: 0;
11
- --action-card-padding-left: 0;
12
- --action-card-border-radius: var(--radius-medium);
13
- --action-card-border-width: 1px;
14
- --action-card-border-color: var(--border-grey-2);
15
- --action-card-background-color: var(--background-3);
16
- --action-card-color: var(--text-primary);
17
- --action-card-border-color--hover: var(--border-grey-2);
18
- --action-card-background-color--hover: var(--background-4);
19
- --action-card-border-color--pressed: var(--border-grey-2);
20
- --action-card-background-color--pressed: var(--background-4);
21
- --action-card-border-color--focus-visible: var(--border-grey-1);
22
- --action-card-background-color--focus-visible: var(--background-3);
23
- --action-card-border-color--disabled: var(--border-grey-3);
24
- --action-card-background-color--disabled: var(--background-3);
25
- display: flex;
26
- cursor: pointer;
27
- padding: 0 0 0 0;
28
- padding: var(--action-card-padding-top) var(--action-card-padding-right) var(--action-card-padding-bottom) var(--action-card-padding-left);
29
- border-radius: var(--action-card-border-radius);
30
- background-color: var(--action-card-background-color);
31
- border: 1px solid var(--action-card-border-color);
32
- border: var(--action-card-border-width) solid var(--action-card-border-color);
33
- color: var(--action-card-color);
34
- }
35
- .ActionCard-module_actionCard__o01Ku:hover:not(.ActionCard-module_disabled__q5Het) {
36
- border: var(--action-card-border-width) solid var(--action-card-border-color--hover);
37
- background-color: var(--action-card-background-color--hover);
38
- }
39
- .ActionCard-module_actionCard__o01Ku:active:not(.ActionCard-module_disabled__q5Het) {
40
- border: var(--action-card-border-width) solid var(--action-card-border-color--pressed);
41
- background-color: var(--action-card-background-color--pressed);
42
- }
43
- .ActionCard-module_actionCard__o01Ku:focus-visible:not(.ActionCard-module_disabled__q5Het) {
44
- border: var(--action-card-border-width) solid var(--action-card-border-color--focus-visible);
45
- background-color: var(--action-card-background-color--focus-visible);
46
- }
47
- .ActionCard-module_actionCard__o01Ku.ActionCard-module_disabled__q5Het {
48
- cursor: not-allowed;
49
- border: var(--action-card-border-width) solid var(--action-card-border-color--disabled);
50
- background-color: var(--action-card-background-color--disabled);
51
- }
52
- .ActionImage-module_actionImage__l76-v {
53
- --actionImage-padding-top: var(--spacing-extra-extra-large);
54
- --actionImage-padding-bottom: var(--spacing-extra-extra-large);
55
- --actionImage-padding-right: var(--spacing-extra-extra-large);
56
- --actionImage-padding-left: var(--spacing-extra-extra-large);
57
- --actionImage-border-radius: var(--radius-medium);
58
- --actionImage-border-width: 1px;
59
- --actionImage-border-color: var(--border-grey-2);
60
- --actionImage-background-color: var(--background-3);
61
- --actionImage-border-color--hover: var(--border-grey-2);
62
- --actionImage-background-color--hover: var(--background-4);
63
- --actionImage-border-color--pressed: var(--border-grey-2);
64
- --actionImage-background-color--pressed: var(--background-4);
65
- --actionImage-border-color--focus-visible: var(--border-grey-1);
66
- --actionImage-background-color--focus-visible: var(--background-3);
67
- --actionImage-border-color--disabled: var(--border-grey-3);
68
- --actionImage-background-color--disabled: var(--background-3);
69
- display: flex;
70
- cursor: pointer;
71
- padding: var(--actionImage-padding-top) var(--actionImage-padding-right) var(--actionImage-padding-bottom) var(--actionImage-padding-left);
72
- border-radius: var(--actionImage-border-radius);
73
- background-color: var(--actionImage-background-color);
74
- border: 1px solid var(--actionImage-border-color);
75
- border: var(--actionImage-border-width) solid var(--actionImage-border-color);
76
- }
77
- .ActionImage-module_actionImage__l76-v:hover:not(.ActionImage-module_disabled__wzxNV) {
78
- border: var(--actionImage-border-width) solid var(--actionImage-border-color--hover);
79
- background-color: var(--actionImage-background-color--hover);
80
- }
81
- .ActionImage-module_actionImage__l76-v:active:not(.ActionImage-module_disabled__wzxNV) {
82
- border: var(--actionImage-border-width) solid var(--actionImage-border-color--pressed);
83
- background-color: var(--actionImage-background-color--pressed);
84
- }
85
- .ActionImage-module_actionImage__l76-v:focus-visible:not(.ActionImage-module_disabled__wzxNV) {
86
- border: var(--actionImage-border-width) solid var(--actionImage-border-color--focus-visible);
87
- background-color: var(--actionImage-background-color--focus-visible);
88
- }
89
- .ActionImage-module_actionImage__l76-v.ActionImage-module_disabled__wzxNV {
90
- cursor: not-allowed;
91
- border: var(--actionImage-border-width) solid var(--actionImage-border-color--disabled);
92
- background-color: var(--actionImage-background-color--disabled);
93
- }
94
- .Spinner-module_spinner__CfJfU {
95
- width: var(--spinner-width);
96
- height: var(--spinner-height);
97
- border: var(--spinner-border-width) solid var(--spinner-border-color);
98
- border-top: var(--spinner-border-width) solid transparent;
99
- border-radius: 50%;
100
- animation: Spinner-module_spin__136Ue 1s linear infinite;
101
- box-sizing: border-box;
102
- }
103
-
104
- @keyframes Spinner-module_spin__136Ue {
105
- 0% {
106
- transform: rotate(0deg);
107
- }
108
- 100% {
109
- transform: rotate(360deg);
110
- }
111
- }
112
- .image-module_image__FOVdK {
113
- display: flex;
114
- width: -moz-fit-content;
115
- width: fit-content;
116
- height: -moz-fit-content;
117
- height: fit-content;
118
- flex-shrink: 0;
119
- }
120
- .image-module_image__FOVdK .image-module_content__WqMqe {
121
- width: 100%;
122
- height: 100%;
123
- }
124
- .image-module_image__FOVdK .image-module_loadingIcon__b1Vun {
125
- --spinner-width: 2rem;
126
- --spinner-height: 2rem;
127
- --spinner-border-width: 3px;
128
- }
129
- .image-module_fit__-ZO7j {
130
- -o-object-fit: contain;
131
- object-fit: contain;
132
- }
133
- .image-module_fill__PWlRV {
134
- -o-object-fit: fill;
135
- object-fit: fill;
136
- }
137
- .image-module_crop__xEcCd {
138
- -o-object-fit: cover;
139
- object-fit: cover;
140
- }
141
- .Button-module_button__y6Gwz {
142
- --button-padding-top: 0px;
143
- --button-padding-bottom: 0px;
144
- --button-padding-left: 0px;
145
- --button-padding-right: 0px;
146
- --button-gap: 0px;
147
- --button-border-width: 1px;
148
- --button-border-radius: 4px;
149
- --button-icon-size: 16px;
150
- --button-background-color: transparent;
151
- --button-border-color: transparent;
152
- --button-color: var(--text-primary);
153
- --button-icon-fill: var(--icon-primary);
154
- --button-background-color--hover: transparent;
155
- --button-border-color--hover: transparent;
156
- --button-color--hover: var(--text-primary);
157
- --button-icon-fill--hover: var(--icon-primary);
158
- --button-background-color--pressed: transparent;
159
- --button-border-color--pressed: transparent;
160
- --button-color--pressed: var(--text-primary);
161
- --button-icon-fill--pressed: var(--icon-primary);
162
- --button-background-color--focus-visible: transparent;
163
- --button-border-color--focus-visible: transparent;
164
- --button-color--focus-visible: var(--text-primary);
165
- --button-icon-fill--focus-visible: var(--icon-primary);
166
- --button-background-color--disabled: transparent;
167
- --button-border-color--disabled: transparent;
168
- --button-color--disabled: var(--text-tertiary);
169
- --button-icon-fill--disabled: var(--icon-tertiary);
170
- display: flex;
171
- align-items: center;
172
- justify-content: center;
173
- padding-top: 0px;
174
- padding-top: var(--button-padding-top);
175
- padding-bottom: 0px;
176
- padding-bottom: var(--button-padding-bottom);
177
- padding-left: 0px;
178
- padding-left: var(--button-padding-left);
179
- padding-right: 0px;
180
- padding-right: var(--button-padding-right);
181
- gap: 0px;
182
- gap: var(--button-gap);
183
- border: 1px solid transparent;
184
- border: var(--button-border-width) solid var(--button-border-color);
185
- border-radius: 4px;
186
- border-radius: var(--button-border-radius);
187
- background-color: transparent;
188
- background-color: var(--button-background-color);
189
- color: var(--button-color);
190
- }
191
- .Button-module_button__y6Gwz .Button-module_leadingIcon__vsX8z * > path,
192
- .Button-module_button__y6Gwz .Button-module_trailingIcon__kXG08 * > path {
193
- fill: var(--button-icon-fill);
194
- }
195
- .Button-module_button__y6Gwz .Button-module_loadingIcon__W6dH2 {
196
- --spinner-height: 14px;
197
- --spinner-width: 14px;
198
- --spinner-border-width: 2px;
199
- }
200
- .Button-module_button__y6Gwz:hover:not(:disabled) {
201
- border: var(--button-border-width) solid var(--button-border-color--hover);
202
- background-color: var(--button-background-color--hover);
203
- color: var(--button-color--hover);
204
- }
205
- .Button-module_button__y6Gwz:hover:not(:disabled) .Button-module_leadingIcon__vsX8z * > path,
206
- .Button-module_button__y6Gwz:hover:not(:disabled) .Button-module_trailingIcon__kXG08 * > path {
207
- fill: var(--button-icon-fill--hover);
208
- }
209
- .Button-module_button__y6Gwz:active:not(:disabled) {
210
- border: var(--button-border-width) solid var(--button-border-color--pressed);
211
- background-color: var(--button-background-color--pressed);
212
- color: var(--button-color--pressed);
213
- }
214
- .Button-module_button__y6Gwz:active:not(:disabled) .Button-module_leadingIcon__vsX8z * > path,
215
- .Button-module_button__y6Gwz:active:not(:disabled) .Button-module_trailingIcon__kXG08 * > path {
216
- fill: var(--button-icon-fill--pressed);
217
- }
218
- .Button-module_button__y6Gwz:focus-visible:not(:disabled) {
219
- border: var(--button-border-width) solid var(--button-border-color--focus-visible);
220
- background-color: var(--button-background-color--focus-visible);
221
- color: var(--button-color--focus-visible);
222
- }
223
- .Button-module_button__y6Gwz:focus-visible:not(:disabled) .Button-module_leadingIcon__vsX8z * > path,
224
- .Button-module_button__y6Gwz:focus-visible:not(:disabled) .Button-module_trailingIcon__kXG08 * > path {
225
- fill: var(--button-icon-fill--focus-visible);
226
- }
227
- .Button-module_button__y6Gwz:disabled {
228
- cursor: not-allowed;
229
- border: var(--button-border-width) solid var(--button-border-color--disabled);
230
- background-color: var(--button-background-color--disabled);
231
- color: var(--button-color--disabled);
232
- }
233
- .Button-module_button__y6Gwz:disabled .Button-module_leadingIcon__vsX8z * > path,
234
- .Button-module_button__y6Gwz:disabled .Button-module_trailingIcon__kXG08 * > path {
235
- fill: var(--button-icon-fill--disabled);
236
- }
237
- .Button-module_size--Small__2wnNM {
238
- --button-padding-top: var(--spacing-extra-small);
239
- --button-padding-bottom: var(--spacing-extra-small);
240
- --button-padding-left: var(--spacing-medium);
241
- --button-padding-right: var(--spacing-medium);
242
- --button-gap: var(--spacing-extra-small);
243
- --button-radius: var(--radius-extra-small);
244
- }
245
- .Button-module_size--Medium__x0RbE {
246
- --button-padding-top: var(--spacing-medium);
247
- --button-padding-bottom: var(--spacing-medium);
248
- --button-padding-left: var(--spacing-large);
249
- --button-padding-right: var(--spacing-large);
250
- --button-gap: var(--spacing-extra-small);
251
- --button-radius: var(--radius-extra-small);
252
- }
253
- .Button-module_size--Large__-sCRv {
254
- --button-padding-top: var(--spacing-large);
255
- --button-padding-bottom: var(--spacing-large);
256
- --button-padding-left: var(--spacing-extra-large);
257
- --button-padding-right: var(--spacing-extra-large);
258
- --button-gap: var(--spacing-extra-small);
259
- --button-radius: var(--radius-extra-small);
260
- }
261
- .Button-module_style--Primary__qHNSI.Button-module_type--Filled__OCF6l {
262
- --button-background-color: var(--surface-primary);
263
- --button-background-color--hover: var(--surface-primary--hover);
264
- --button-background-color--pressed: var(--surface-primary--pressed);
265
- --button-background-color--focus-visible: var(--surface-primary--hover);
266
- --button-background-color--disabled: var(--surface-primary--disabled);
267
- }
268
- .Button-module_style--Secondary__hUuBL.Button-module_type--Filled__OCF6l {
269
- --button-border-color: var(--border-grey-3);
270
- --button-background-color: var(--surface-secondary);
271
- --button-border-color--hover: var(--border-grey-3);
272
- --button-background-color--hover: var(--surface-secondary--hover);
273
- --button-border-color--pressed: var(--border-grey-3);
274
- --button-background-color--pressed: var(--surface-secondary--pressed);
275
- --button-border-color--focus-visible: var(--border-grey-3);
276
- --button-background-color--focus-visible: var(--surface-secondary--hover);
277
- --button-border-color--disabled: var(--border-grey-3);
278
- --button-background-color--disabled: var(--surface-secondary--disabled);
279
- }
280
- .Button-module_style--Destructive__0zpw4.Button-module_type--Filled__OCF6l {
281
- --button-background-color: var(--surface-destructive);
282
- --button-background-color--hover: var(--surface-destructive--hover);
283
- --button-background-color--pressed: var(--surface-destructive--pressed);
284
- --button-background-color--focus-visible: var(--surface-destructive--hover);
285
- --button-background-color--disabled: var(--surface-destructive--disabled);
286
- }
287
- .Button-module_type--Outline__nmHP2 {
288
- --button-background-color: transparent;
289
- }
290
- .Button-module_style--Primary__qHNSI.Button-module_type--Outline__nmHP2 {
291
- --button-border-color: var(--border-primary);
292
- --button-border-color--hover: var(--border-primary);
293
- --button-background-color--hover: var(--surface-primary);
294
- --button-border-color--pressed: var(--border-primary);
295
- --button-background-color--pressed: var(--surface-primary--pressed);
296
- --button-border-color--focus-visible: var(--border-1);
297
- --button-background-color--focus-visible: var(--surface-primary);
298
- --button-border-color--disabled: var(--border-grey-3);
299
- --button-background-color--disabled: var(--surface-primary--disabled);
300
- }
301
- .Button-module_style--Secondary__hUuBL.Button-module_type--Outline__nmHP2 {
302
- --button-border-color: var(--border-grey-3);
303
- --button-border-color--hover: var(--border-grey-3);
304
- --button-background-color--hover: var(--surface-secondary--hover);
305
- --button-border-color--pressed: var(--border-grey-3);
306
- --button-background-color--pressed: var(--surface-secondary--pressed);
307
- --button-border-color--focus-visible: var(--border-grey-1);
308
- --button-background-color--focus-visible: var(--surface-secondary--hover);
309
- --button-border-color--disabled: var(--border-grey-3);
310
- --button-background-color--disabled: var(--surface-secondary--disabled);
311
- }
312
- .Button-module_style--Destructive__0zpw4.Button-module_type--Outline__nmHP2 {
313
- --button-border-color: var(--border-destructive);
314
- --button-border-color--hover: var(--border-destructive);
315
- --button-background-color--hover: var(--surface-destructive--hover);
316
- --button-border-color--pressed: var(--border-destructive);
317
- --button-background-color--pressed: var(--surface-destructive--pressed);
318
- --button-border-color--focus-visible: var(--border-grey-1);
319
- --button-background-color--focus-visible: var(--surface-destructive--hover);
320
- --button-border-color--disabled: var(--border-destructive);
321
- --button-background-color--disabled: var(--surface-destructive--disabled);
322
- }
323
- .Button-module_type--Ghost__uCnZg {
324
- --button-background-color: transparent;
325
- --button-border-color: transparent;
326
- --button-border-color--hover: transparent;
327
- }
328
- .Button-module_style--Primary__qHNSI.Button-module_type--Ghost__uCnZg {
329
- --button-background-color--hover: var(--surface-primary);
330
- --button-background-color--pressed: var(--surface-primary--pressed);
331
- --button-background-color--focus-visible: var(--surface-primary);
332
- --button-background-color--disabled: var(--surface-primary--disabled);
333
- }
334
- .Button-module_style--Secondary__hUuBL.Button-module_type--Ghost__uCnZg {
335
- --button-background-color--hover: var(--surface-secondary--hover);
336
- --button-background-color--pressed: var(--surface-secondary--pressed);
337
- --button-background-color--focus-visible: var(--surface-secondary--hover);
338
- --button-background-color--disabled: var(--surface-secondary--disabled);
339
- }
340
- .Button-module_style--Destructive__0zpw4.Button-module_type--Ghost__uCnZg {
341
- --button-background-color--hover: var(--surface-destructive--hover);
342
- --button-background-color--pressed: var(--surface-destructive--pressed);
343
- --button-background-color--focus-visible: var(--surface-destructive--hover);
344
- --button-background-color--disabled: var(--surface-destructive--disabled);
345
- }
346
- .Text-module_text__qmiLT {
347
- --font-family: sans-serif;
348
- --font-weight: var(--font-weight-4);
349
- --font-size: var(--font-size-body-medium);
350
- --font-style: normal;
351
- --text-decoration: none;
352
- --text-align: start;
353
- --text-wrap: wrap;
354
- --text-transform: none;
355
- --letter-spacing: normal;
356
- --line-height: normal;
357
- font-family: sans-serif;
358
- font-family: var(--font-family);
359
- font-weight: var(--font-weight);
360
- font-size: var(--font-size);
361
- font-style: normal;
362
- font-style: var(--font-style);
363
- text-decoration: none;
364
- -webkit-text-decoration: var(--text-decoration);
365
- text-decoration: var(--text-decoration);
366
- text-align: left;
367
- text-align: var(--text-align);
368
- text-wrap: wrap;
369
- text-wrap: var(--text-wrap);
370
- text-transform: none;
371
- text-transform: var(--text-transform);
372
- letter-spacing: normal;
373
- letter-spacing: var(--letter-spacing);
374
- line-height: normal;
375
- line-height: var(--line-height);
376
- }
377
-
378
- .Text-module_heading1__klWKZ {
379
- --font-family: var(--font-family-heading-1);
380
- --font-size: var(--font-size-heading-1);
381
- --letter-spacing: var(--letter-spacing-heading-1);
382
- --line-height: var(--line-height-heading-1);
383
- }
384
-
385
- .Text-module_heading2__v0XQj {
386
- --font-family: var(--font-family-heading-2);
387
- --font-size: var(--font-size-heading-2);
388
- --letter-spacing: var(--letter-spacing-heading-2);
389
- --line-height: var(--line-height-heading-2);
390
- }
391
-
392
- .Text-module_heading3__R5agp {
393
- --font-family: var(--font-family-heading-3);
394
- --font-size: var(--font-size-heading-3);
395
- --letter-spacing: var(--letter-spacing-heading-3);
396
- --line-height: var(--line-height-heading-3);
397
- }
398
-
399
- .Text-module_heading4__l2Sxe {
400
- --font-family: var(--font-family-heading-4);
401
- --font-size: var(--font-size-heading-4);
402
- --letter-spacing: var(--letter-spacing-heading-4);
403
- --line-height: var(--line-height-heading-4);
404
- }
405
-
406
- .Text-module_heading5__2USli {
407
- --font-family: var(--font-family-heading-5);
408
- --font-size: var(--font-size-heading-5);
409
- --letter-spacing: var(--letter-spacing-heading-5);
410
- --line-height: var(--line-height-heading-5);
411
- }
412
-
413
- .Text-module_heading6__-Nusp {
414
- --font-family: var(--font-family-heading-6);
415
- --font-size: var(--font-size-heading-6);
416
- --letter-spacing: var(--letter-spacing-heading-6);
417
- --line-height: var(--line-height-heading-6);
418
- }
419
-
420
- .Text-module_bodyLarge__ahF9y {
421
- --font-family: var(--font-family-body-large);
422
- --font-size: var(--font-size-body-large);
423
- --letter-spacing: var(--letter-spacing-body-large);
424
- --line-height: var(--line-height-body-large);
425
- }
426
-
427
- .Text-module_bodyMedium__Fw7j2 {
428
- --font-family: var(--font-family-body-medium);
429
- --font-size: var(--font-size-body-medium);
430
- --letter-spacing: var(--letter-spacing-body-medium);
431
- --line-height: var(--line-height-body-medium);
432
- }
433
-
434
- .Text-module_bodySmall__HE3Eu {
435
- --font-family: var(--font-family-body-small);
436
- --font-size: var(--font-size-body-small);
437
- --letter-spacing: var(--letter-spacing-body-small);
438
- --line-height: var(--line-height-body-small);
439
- }
440
-
441
- .Text-module_thin__a4Yht {
442
- --font-weight: var(--font-weight-thin);
443
- }
444
-
445
- .Text-module_extraLight__8e7Rc {
446
- --font-weight: var(--font-weight-extra-light);
447
- }
448
-
449
- .Text-module_light__YqXFO {
450
- --font-weight: var(--font-weight-light);
451
- }
452
-
453
- .Text-module_regular__8dEP1 {
454
- --font-weight: var(--font-weight-regular);
455
- }
456
-
457
- .Text-module_medium__Bg9Ss {
458
- --font-weight: var(--font-weight-medium);
459
- }
460
-
461
- .Text-module_semiBold__1rrPV {
462
- --font-weight: var(--font-weight-semi-bold);
463
- }
464
-
465
- .Text-module_bold__NHZy9 {
466
- --font-weight: var(--font-weight-bold);
467
- }
468
-
469
- .Text-module_extraBold__yVIUL {
470
- --font-weight: var(--font-weight-extra-bold);
471
- }
472
-
473
- .Text-module_black__1YqJi {
474
- --font-weight: var(--font-weight-black);
475
- }
476
-
477
- .Text-module_extraBlack__d4bm7 {
478
- --font-weight: var(--font-weight-extra-black);
479
- }
480
-
481
- .Text-module_italic__b92M- {
482
- --font-style: italic;
483
- }
484
-
485
- .Text-module_underline__i8JpB {
486
- --text-decoration: underline;
487
- }
488
-
489
- .Text-module_strikethrough__AHLhC {
490
- --text-decoration: line-through;
491
- }
492
-
493
- .Text-module_nowrap__JVMFL {
494
- --text-wrap: nowrap;
495
- }
496
-
497
- .Text-module_capitalize__r9qCk {
498
- text-transform: capitalize;
499
- }
500
-
501
- .Text-module_upperCase__VCs2x {
502
- text-transform: uppercase;
503
- }
504
-
505
- .Text-module_lowerCase__0T-7t {
506
- text-transform: lowercase;
507
- }
508
- .Card-module_card__YEFzM {
509
- --card-padding-top: var(--spacing-extra-extra-large);
510
- --card-padding-bottom: var(--spacing-extra-extra-large);
511
- --card-padding-right: var(--spacing-extra-extra-large);
512
- --card-padding-left: var(--spacing-extra-extra-large);
513
- --card-border-radius: var(--radius-medium);
514
- --card-border-width: 1px;
515
- --card-border-color: var(--border-grey-2);
516
- --card-background-color: var(--background-3);
517
- --card-color: var(--text-primary);
518
- display: flex;
519
- padding: var(--card-padding-top) var(--card-padding-right) var(--card-padding-bottom) var(--card-padding-left);
520
- border-radius: var(--card-border-radius);
521
- background-color: var(--card-background-color);
522
- border: 1px solid var(--card-border-color);
523
- border: var(--card-border-width) solid var(--card-border-color);
524
- color: var(--card-color);
525
- }
526
- .Icon-module_icon__sUgmV {
527
- --icon-size: fit-content;
528
- display: block;
529
- width: -moz-fit-content;
530
- width: fit-content;
531
- width: var(--icon-size);
532
- height: -moz-fit-content;
533
- height: fit-content;
534
- height: var(--icon-size);
535
- }
536
- .Icon-module_icon__sUgmV svg,
537
- .Icon-module_icon__sUgmV .Icon-module_svg__d1yIy {
538
- display: block;
539
- width: 100%;
540
- height: 100%;
541
- }
542
- .Icon-module_small__tXfZT {
543
- --icon-size: var(--icon-size-small);
544
- }
545
- .Icon-module_medium__25TKF {
546
- --icon-size: var(--icon-size-medium);
547
- }
548
- .Icon-module_large__iCT3S {
549
- --icon-size: var(--icon-size-large);
550
- }
551
- .IconButton-module_size--Small__2D7TC {
552
- --button-padding-top: var(--spacing-extra-small);
553
- --button-padding-bottom: var(--spacing-extra-small);
554
- --button-padding-left: var(--spacing-extra-small);
555
- --button-padding-right: var(--spacing-extra-small);
556
- --button-radius: var(--radius-extra-extra-small);
557
- }
558
-
559
- .IconButton-module_size--Medium__zI0S7 {
560
- --button-padding-top: var(--spacing-small);
561
- --button-padding-bottom: var(--spacing-small);
562
- --button-padding-left: var(--spacing-small);
563
- --button-padding-right: var(--spacing-small);
564
- --button-radius: var(--radius-extra-small);
565
- }
566
-
567
- .IconButton-module_size--Large__GQFA9 {
568
- --button-padding-top: var(--spacing-medium);
569
- --button-padding-bottom: var(--spacing-medium);
570
- --button-padding-left: var(--spacing-medium);
571
- --button-padding-right: var(--spacing-medium);
572
- --button-radius: var(--radius-extra-small);
573
- }
574
- .Input-module_input__NAeHe {
575
- --input-width: auto;
576
- --input-gap: var(--spacing-extra-small);
577
- --input-padding-top: var(--spacing-medium);
578
- --input-padding-right: var(--spacing-medium);
579
- --input-padding-bottom: var(--spacing-medium);
580
- --input-padding-left: var(--spacing-medium);
581
- --input-radius: var(--radius-extra-small);
582
- --input-border-width: 1px;
583
- --input-surface-color: var(--background-5);
584
- --input-surface-color--disabled: var(--background-6);
585
- --input-border-color: var(--border-grey-2);
586
- --input-border-color--focus-within: var(--border-primary);
587
- --input-border-color--disabled: var(--border-grey-3);
588
- --input-border-color--error: var(--red-700);
589
- --input-inputElement-height: var(--spacing-extra-large);
590
- --input-text-color: var(--text-primary);
591
- --input-text-color--disabled: var(--text-secondary);
592
- --input-placeholder-color: var(--text-secondary);
593
- --input-font-size: var(--font-size-body-medium);
594
- --input-font-weight: var(--font-weight-regular);
595
- --input-line-height: var(--line-height-body-medium);
596
- display: flex;
597
- gap: var(--input-gap);
598
- padding: var(--input-padding-top) var(--input-padding-right) var(--input-padding-bottom) var(--input-padding-left);
599
- border-radius: var(--input-radius);
600
- background-color: var(--input-surface-color);
601
- border: 1px solid var(--input-border-color);
602
- border: var(--input-border-width) solid var(--input-border-color);
603
- align-items: center;
604
- width: auto;
605
- width: var(--input-width);
606
- }
607
- .Input-module_input__NAeHe .Input-module_inputElement__Tjw4v {
608
- flex: 1;
609
- width: 100%;
610
- height: var(--input-inputElement-height);
611
- color: var(--input-text-color);
612
- font-size: var(--input-font-size);
613
- font-weight: var(--input-font-weight);
614
- line-height: var(--input-line-height);
615
- }
616
- .Input-module_input__NAeHe .Input-module_inputElement__Tjw4v:disabled {
617
- color: var(--input-text-color--disabled);
618
- }
619
- .Input-module_input__NAeHe .Input-module_inputElement__Tjw4v:placeholder {
620
- color: var(--input-placeholder-color);
621
- }
622
- .Input-module_input__NAeHe:focus-within:not(.Input-module_disabled__6XebD):not(.Input-module_error__qP189) {
623
- border-color: var(--input-border-color--focus-within);
624
- }
625
- .Input-module_disabled__6XebD {
626
- background-color: var(--input-surface-color--disabled);
627
- border-color: var(--input-border-color--disabled);
628
- }
629
- .Input-module_error__qP189 {
630
- background-color: var(--input-surface-color);
631
- border-color: var(--input-border-color--error);
632
- }
633
- .List-module_list__Fj0YJ {
634
- --list-gap: 0;
635
- display: flex;
636
- gap: 0;
637
- gap: var(--list-gap);
638
- width: 272px;
639
- }
640
- .List-module_list__Fj0YJ .List-module_listItem__lZpS2 {
641
- display: flex;
642
- width: 100%;
643
- }
644
- .List-module_list__Fj0YJ.List-module_wrap__8s78T {
645
- flex-wrap: wrap;
646
- }
647
- .List-module_list__Fj0YJ.List-module_wrap__8s78T .List-module_listItem__lZpS2 {
648
- width: auto;
649
- width: initial;
650
- }
651
- .List-module_list__Fj0YJ.List-module_align--Horizontal__76w47 {
652
- flex-direction: row;
653
- }
654
- .List-module_list__Fj0YJ.List-module_align--Vertical__IDlg2 {
655
- flex-direction: column;
656
- }
657
- .Password-module_password__nk-zf .Password-module_toggle__1yQxr {
658
- padding: 0;
659
- border: none;
660
- }
661
- .Password-module_password__nk-zf .Password-module_toggle__1yQxr:hover, .Password-module_password__nk-zf .Password-module_toggle__1yQxr:active, .Password-module_password__nk-zf .Password-module_toggle__1yQxr:focus-visible, .Password-module_password__nk-zf .Password-module_toggle__1yQxr:disabled {
662
- padding: 0;
663
- border: none;
664
- }
665
- .Password-module_password__nk-zf .Password-module_toggle__1yQxr .Password-module_hide__N8Nxt {
666
- display: none;
667
- }
668
- .TextArea-module_textArea__JVHCu {
669
- --textArea-border-width: 1px;
670
- --textArea-height: 64px;
671
- --textArea-width: auto;
672
- --textArea-gap: var(--spacing-medium);
673
- --textArea-padding-top: var(--spacing-medium);
674
- --textArea-padding-right: var(--spacing-medium);
675
- --textArea-padding-bottom: var(--spacing-medium);
676
- --textArea-padding-left: var(--spacing-medium);
677
- --textArea-surface-color: var(--background-5);
678
- --textArea-surface-color--disabled: var(--background-6);
679
- --textArea-radius: var(--radius-extra-small);
680
- --textArea-border-color: var(--border-grey-2);
681
- --textArea-border-color--focus-visible: var(--border-primary);
682
- --textArea-border-color--disabled: var(--border-grey-3);
683
- --textArea-border-color--error: var(--red-700);
684
- --textArea-text-color: var(--text-secondary);
685
- --textArea-text-color--hover: var(--text-primary);
686
- --textArea-text-color--active: var(--text-primary);
687
- --textArea-text-color--focus-visible: var(--text-primary);
688
- --textArea-text-color--error: var(--text-primary);
689
- --textArea-text-color--disabled: var(--text-tertiary);
690
- --textArea-placeholder-color: var(--text-secondary);
691
- --textArea-font-size: var(--font-size-body-medium);
692
- --textArea-font-weight: var(--font-weight-regular);
693
- --textArea-line-height: var(--line-height-body-medium);
694
- display: flex;
695
- gap: var(--textArea-gap);
696
- padding: var(--textArea-padding-top) var(--textArea-padding-right) var(--textArea-padding-bottom) var(--textArea-padding-left);
697
- border-radius: var(--textArea-radius);
698
- border: 1px solid var(--textArea-border-color);
699
- border: var(--textArea-border-width) solid var(--textArea-border-color);
700
- background-color: var(--textArea-surface-color);
701
- color: var(--textArea-text-color);
702
- font-size: var(--textArea-font-size);
703
- font-weight: var(--textArea-font-weight);
704
- line-height: var(--textArea-line-height);
705
- width: auto;
706
- width: var(--textArea-width);
707
- height: 64px;
708
- height: var(--textArea-height);
709
- }
710
- .TextArea-module_textArea__JVHCu:hover:not(:disabled):not(.TextArea-module_error__auLFm) {
711
- color: var(--textArea-text-color--hover);
712
- }
713
- .TextArea-module_textArea__JVHCu:active:not(:disabled):not(.TextArea-module_error__auLFm) {
714
- border-color: var(--textArea-border-color);
715
- color: var(--textArea-text-color--active);
716
- }
717
- .TextArea-module_textArea__JVHCu:focus-visible:not(:disabled):not(.TextArea-module_error__auLFm) {
718
- border-color: var(--textArea-border-color--focus-visible);
719
- color: var(--textArea-text-color--focus-visible);
720
- }
721
- .TextArea-module_textArea__JVHCu:disabled {
722
- background-color: var(--textArea-surface-color--disabled);
723
- border-color: var(--textArea-border-color--disabled);
724
- color: var(--textArea-text-color--disabled);
725
- }
726
- .TextArea-module_textArea__JVHCu:placeholder {
727
- color: var(--textArea-placeholder-color);
728
- }
729
- .TextArea-module_error__auLFm {
730
- background-color: var(--textArea-surface-color);
731
- border-color: var(--textArea-border-color--error);
732
- color: var(--textArea-text-color--error);
733
- }
734
- .ContextMenu-module_contextMenuWrapper__Pdkb6 {
735
- width: -moz-fit-content;
736
- width: fit-content;
737
- height: auto;
738
- }
739
-
740
- .ContextMenu-module_contextMenu__i-w71 {
741
- --contextMenu-background-color: var(--background-4);
742
- --contentMenu-padding-top: var(--spacing-medium);
743
- --contentMenu-padding-right: var(--spacing-medium);
744
- --contentMenu-padding-bottom: var(--spacing-medium);
745
- --contentMenu-padding-left: var(--spacing-medium);
746
- --contentMenu-gap: var(--spacing-extra-small);
747
- --contentMenu-radius: var(--radius-extra-small);
748
- --contentMenu-radius: var(--radius-extra-small);
749
- --contentMenu-border-color: var(--border-grey-2);
750
- --contentMenu-border-width: 1px;
751
- display: flex;
752
- flex-direction: column;
753
- list-style-type: none;
754
- width: 100%;
755
- height: auto;
756
- padding: var(--contentMenu-padding-top) var(--contentMenu-padding-right) var(--contentMenu-padding-bottom) var(--contentMenu-padding-left);
757
- gap: var(--contentMenu-gap);
758
- border-radius: var(--contentMenu-radius);
759
- border: 1px solid var(--contentMenu-border-color);
760
- border: var(--contentMenu-border-width) solid var(--contentMenu-border-color);
761
- background-color: var(--contextMenu-background-color);
762
- }
763
- .Popover-module_popover__iRoMJ {
764
- --popover-gap: var(--spacing-extra-small);
765
- display: flex;
766
- gap: var(--popover-gap);
767
- }
768
- .Popover-module_popover__iRoMJ .Popover-module_target__Aek-6 {
769
- width: 100%;
770
- height: -moz-fit-content;
771
- height: fit-content;
772
- }
773
- .Popover-module_popover__iRoMJ .Popover-module_content__--lC1 {
774
- width: -moz-fit-content;
775
- width: fit-content;
776
- height: -moz-fit-content;
777
- height: fit-content;
778
- }
779
- .MenuItem-module_menuItem__Qu6-U {
780
- --menuItem-gap: var(--spacing-extra-small);
781
- --menuItem-padding-top: var(--spacing-medium);
782
- --menuItem-padding-right: var(--spacing-medium);
783
- --menuItem-padding-bottom: var(--spacing-medium);
784
- --menuItem-padding-left: var(--spacing-medium);
785
- --menuItem-radius: var(--radius-extra-small);
786
- --menuItem-surface-color: var(--surface-secondary);
787
- --menuItem-surface-color--hover: var(--surface-secondary--hover);
788
- --menuItem-surface-color--pressed: var(--surface-secondary--pressed);
789
- --menuItem-surface-color--disabled: var(--surface-secondary--disabled);
790
- --menuItem-surface-color--focus-visible: var(--surface-secondary--focus-visible);
791
- --menuItem-surface-border-color--focus-visible: var(--surface-secondary--focus-visible);
792
- --menuItem-color: var(--text-primary);
793
- --menuItem-color--disabled: var(--text-tertiary);
794
- --menuItem-surface-color--selected: var(--surface-secondary--hover);
795
- display: flex;
796
- list-style-type: none;
797
- align-items: center;
798
- cursor: pointer;
799
- width: 100%;
800
- height: auto;
801
- padding: var(--menuItem-padding-top) var(--menuItem-padding-right) var(--menuItem-padding-bottom) var(--menuItem-padding-left);
802
- border-radius: var(--menuItem-radius);
803
- background-color: var(--menuItem-surface-color);
804
- color: var(--menuItem-color);
805
- }
806
- .MenuItem-module_menuItem__Qu6-U:hover:not(.MenuItem-module_disabled__mWPNF) {
807
- background-color: var(--menuItem-surface-color--hover);
808
- }
809
- .MenuItem-module_menuItem__Qu6-U:active:not(.MenuItem-module_disabled__mWPNF) {
810
- background-color: var(--menuItem-surface-color--pressed);
811
- }
812
- .MenuItem-module_menuItem__Qu6-U:focus-visible:not(.MenuItem-module_disabled__mWPNF) {
813
- background-color: var(--menuItem-surface-color--focus-visible);
814
- }
815
- .MenuItem-module_menuItem__Qu6-U.MenuItem-module_selected__Op-EL:not(.MenuItem-module_disabled__mWPNF) {
816
- background-color: var(--menuItem-surface-color--selected);
817
- }
818
- .MenuItem-module_menuItem__Qu6-U.MenuItem-module_disabled__mWPNF {
819
- cursor: not-allowed;
820
- background-color: var(--menuItem-surface-color--disabled);
821
- color: var(--menuItem-color--disabled);
822
- }
823
- .flatpickr-calendar {
824
- background: transparent;
825
- opacity: 0;
826
- display: none;
827
- text-align: center;
828
- visibility: hidden;
829
- padding: 0;
830
- -webkit-animation: none;
831
- animation: none;
832
- direction: ltr;
833
- border: 0;
834
- font-size: 14px;
835
- line-height: 24px;
836
- border-radius: 5px;
837
- position: absolute;
838
- width: 307.875px;
839
- -webkit-box-sizing: border-box;
840
- box-sizing: border-box;
841
- -ms-touch-action: manipulation;
842
- touch-action: manipulation;
843
- background: #fff;
844
- -webkit-box-shadow: 1px 0 0 #e6e6e6, -1px 0 0 #e6e6e6, 0 1px 0 #e6e6e6, 0 -1px 0 #e6e6e6, 0 3px 13px rgba(0,0,0,0.08);
845
- box-shadow: 1px 0 0 #e6e6e6, -1px 0 0 #e6e6e6, 0 1px 0 #e6e6e6, 0 -1px 0 #e6e6e6, 0 3px 13px rgba(0,0,0,0.08);
846
- }
847
- .flatpickr-calendar.open,
848
- .flatpickr-calendar.inline {
849
- opacity: 1;
850
- max-height: 640px;
851
- visibility: visible;
852
- }
853
- .flatpickr-calendar.open {
854
- display: inline-block;
855
- z-index: 99999;
856
- }
857
- .flatpickr-calendar.animate.open {
858
- -webkit-animation: fpFadeInDown 300ms cubic-bezier(0.23, 1, 0.32, 1);
859
- animation: fpFadeInDown 300ms cubic-bezier(0.23, 1, 0.32, 1);
860
- }
861
- .flatpickr-calendar.inline {
862
- display: block;
863
- position: relative;
864
- top: 2px;
865
- }
866
- .flatpickr-calendar.static {
867
- position: absolute;
868
- top: calc(100% + 2px);
869
- }
870
- .flatpickr-calendar.static.open {
871
- z-index: 999;
872
- display: block;
873
- }
874
- .flatpickr-calendar.multiMonth .flatpickr-days .dayContainer:nth-child(n+1) .flatpickr-day.inRange:nth-child(7n+7) {
875
- -webkit-box-shadow: none !important;
876
- box-shadow: none !important;
877
- }
878
- .flatpickr-calendar.multiMonth .flatpickr-days .dayContainer:nth-child(n+2) .flatpickr-day.inRange:nth-child(7n+1) {
879
- -webkit-box-shadow: -2px 0 0 #e6e6e6, 5px 0 0 #e6e6e6;
880
- box-shadow: -2px 0 0 #e6e6e6, 5px 0 0 #e6e6e6;
881
- }
882
- .flatpickr-calendar .hasWeeks .dayContainer,
883
- .flatpickr-calendar .hasTime .dayContainer {
884
- border-bottom: 0;
885
- border-bottom-right-radius: 0;
886
- border-bottom-left-radius: 0;
887
- }
888
- .flatpickr-calendar .hasWeeks .dayContainer {
889
- border-left: 0;
890
- }
891
- .flatpickr-calendar.hasTime .flatpickr-time {
892
- height: 40px;
893
- border-top: 1px solid #e6e6e6;
894
- }
895
- .flatpickr-calendar.noCalendar.hasTime .flatpickr-time {
896
- height: auto;
897
- }
898
- .flatpickr-calendar:before,
899
- .flatpickr-calendar:after {
900
- position: absolute;
901
- display: block;
902
- pointer-events: none;
903
- border: solid transparent;
904
- content: '';
905
- height: 0;
906
- width: 0;
907
- left: 22px;
908
- }
909
- .flatpickr-calendar.rightMost:before,
910
- .flatpickr-calendar.arrowRight:before,
911
- .flatpickr-calendar.rightMost:after,
912
- .flatpickr-calendar.arrowRight:after {
913
- left: auto;
914
- right: 22px;
915
- }
916
- .flatpickr-calendar.arrowCenter:before,
917
- .flatpickr-calendar.arrowCenter:after {
918
- left: 50%;
919
- right: 50%;
920
- }
921
- .flatpickr-calendar:before {
922
- border-width: 5px;
923
- margin: 0 -5px;
924
- }
925
- .flatpickr-calendar:after {
926
- border-width: 4px;
927
- margin: 0 -4px;
928
- }
929
- .flatpickr-calendar.arrowTop:before,
930
- .flatpickr-calendar.arrowTop:after {
931
- bottom: 100%;
932
- }
933
- .flatpickr-calendar.arrowTop:before {
934
- border-bottom-color: #e6e6e6;
935
- }
936
- .flatpickr-calendar.arrowTop:after {
937
- border-bottom-color: #fff;
938
- }
939
- .flatpickr-calendar.arrowBottom:before,
940
- .flatpickr-calendar.arrowBottom:after {
941
- top: 100%;
942
- }
943
- .flatpickr-calendar.arrowBottom:before {
944
- border-top-color: #e6e6e6;
945
- }
946
- .flatpickr-calendar.arrowBottom:after {
947
- border-top-color: #fff;
948
- }
949
- .flatpickr-calendar:focus {
950
- outline: 0;
951
- }
952
- .flatpickr-wrapper {
953
- position: relative;
954
- display: inline-block;
955
- }
956
- .flatpickr-months {
957
- display: -webkit-box;
958
- display: -webkit-flex;
959
- display: -ms-flexbox;
960
- display: flex;
961
- }
962
- .flatpickr-months .flatpickr-month {
963
- background: transparent;
964
- color: rgba(0,0,0,0.9);
965
- fill: rgba(0,0,0,0.9);
966
- height: 34px;
967
- line-height: 1;
968
- text-align: center;
969
- position: relative;
970
- -webkit-user-select: none;
971
- -moz-user-select: none;
972
- -ms-user-select: none;
973
- user-select: none;
974
- overflow: hidden;
975
- -webkit-box-flex: 1;
976
- -webkit-flex: 1;
977
- -ms-flex: 1;
978
- flex: 1;
979
- }
980
- .flatpickr-months .flatpickr-prev-month,
981
- .flatpickr-months .flatpickr-next-month {
982
- -webkit-user-select: none;
983
- -moz-user-select: none;
984
- -ms-user-select: none;
985
- user-select: none;
986
- -webkit-text-decoration: none;
987
- text-decoration: none;
988
- cursor: pointer;
989
- position: absolute;
990
- top: 0;
991
- height: 34px;
992
- padding: 10px;
993
- z-index: 3;
994
- color: rgba(0,0,0,0.9);
995
- fill: rgba(0,0,0,0.9);
996
- }
997
- .flatpickr-months .flatpickr-prev-month.flatpickr-disabled,
998
- .flatpickr-months .flatpickr-next-month.flatpickr-disabled {
999
- display: none;
1000
- }
1001
- .flatpickr-months .flatpickr-prev-month i,
1002
- .flatpickr-months .flatpickr-next-month i {
1003
- position: relative;
1004
- }
1005
- .flatpickr-months .flatpickr-prev-month.flatpickr-prev-month,
1006
- .flatpickr-months .flatpickr-next-month.flatpickr-prev-month {
1007
- /*
1008
- /*rtl:begin:ignore*/
1009
- /*
1010
- */
1011
- left: 0;
1012
- /*
1013
- /*rtl:end:ignore*/
1014
- /*
1015
- */
1016
- }
1017
- /*
1018
- /*rtl:begin:ignore*/
1019
- /*
1020
- /*rtl:end:ignore*/
1021
- .flatpickr-months .flatpickr-prev-month.flatpickr-next-month,
1022
- .flatpickr-months .flatpickr-next-month.flatpickr-next-month {
1023
- /*
1024
- /*rtl:begin:ignore*/
1025
- /*
1026
- */
1027
- right: 0;
1028
- /*
1029
- /*rtl:end:ignore*/
1030
- /*
1031
- */
1032
- }
1033
- /*
1034
- /*rtl:begin:ignore*/
1035
- /*
1036
- /*rtl:end:ignore*/
1037
- .flatpickr-months .flatpickr-prev-month:hover,
1038
- .flatpickr-months .flatpickr-next-month:hover {
1039
- color: #959ea9;
1040
- }
1041
- .flatpickr-months .flatpickr-prev-month:hover svg,
1042
- .flatpickr-months .flatpickr-next-month:hover svg {
1043
- fill: #f64747;
1044
- }
1045
- .flatpickr-months .flatpickr-prev-month svg,
1046
- .flatpickr-months .flatpickr-next-month svg {
1047
- width: 14px;
1048
- height: 14px;
1049
- }
1050
- .flatpickr-months .flatpickr-prev-month svg path,
1051
- .flatpickr-months .flatpickr-next-month svg path {
1052
- -webkit-transition: fill 0.1s;
1053
- transition: fill 0.1s;
1054
- fill: inherit;
1055
- }
1056
- .numInputWrapper {
1057
- position: relative;
1058
- height: auto;
1059
- }
1060
- .numInputWrapper input,
1061
- .numInputWrapper span {
1062
- display: inline-block;
1063
- }
1064
- .numInputWrapper input {
1065
- width: 100%;
1066
- }
1067
- .numInputWrapper input::-ms-clear {
1068
- display: none;
1069
- }
1070
- .numInputWrapper input::-webkit-outer-spin-button,
1071
- .numInputWrapper input::-webkit-inner-spin-button {
1072
- margin: 0;
1073
- -webkit-appearance: none;
1074
- }
1075
- .numInputWrapper span {
1076
- position: absolute;
1077
- right: 0;
1078
- width: 14px;
1079
- padding: 0 4px 0 2px;
1080
- height: 50%;
1081
- line-height: 50%;
1082
- opacity: 0;
1083
- cursor: pointer;
1084
- border: 1px solid rgba(57,57,57,0.15);
1085
- -webkit-box-sizing: border-box;
1086
- box-sizing: border-box;
1087
- }
1088
- .numInputWrapper span:hover {
1089
- background: rgba(0,0,0,0.1);
1090
- }
1091
- .numInputWrapper span:active {
1092
- background: rgba(0,0,0,0.2);
1093
- }
1094
- .numInputWrapper span:after {
1095
- display: block;
1096
- content: "";
1097
- position: absolute;
1098
- }
1099
- .numInputWrapper span.arrowUp {
1100
- top: 0;
1101
- border-bottom: 0;
1102
- }
1103
- .numInputWrapper span.arrowUp:after {
1104
- border-left: 4px solid transparent;
1105
- border-right: 4px solid transparent;
1106
- border-bottom: 4px solid rgba(57,57,57,0.6);
1107
- top: 26%;
1108
- }
1109
- .numInputWrapper span.arrowDown {
1110
- top: 50%;
1111
- }
1112
- .numInputWrapper span.arrowDown:after {
1113
- border-left: 4px solid transparent;
1114
- border-right: 4px solid transparent;
1115
- border-top: 4px solid rgba(57,57,57,0.6);
1116
- top: 40%;
1117
- }
1118
- .numInputWrapper span svg {
1119
- width: inherit;
1120
- height: auto;
1121
- }
1122
- .numInputWrapper span svg path {
1123
- fill: rgba(0,0,0,0.5);
1124
- }
1125
- .numInputWrapper:hover {
1126
- background: rgba(0,0,0,0.05);
1127
- }
1128
- .numInputWrapper:hover span {
1129
- opacity: 1;
1130
- }
1131
- .flatpickr-current-month {
1132
- font-size: 135%;
1133
- line-height: inherit;
1134
- font-weight: 300;
1135
- color: inherit;
1136
- position: absolute;
1137
- width: 75%;
1138
- left: 12.5%;
1139
- padding: 7.48px 0 0 0;
1140
- line-height: 1;
1141
- height: 34px;
1142
- display: inline-block;
1143
- text-align: center;
1144
- -webkit-transform: translate3d(0px, 0px, 0px);
1145
- transform: translate3d(0px, 0px, 0px);
1146
- }
1147
- .flatpickr-current-month span.cur-month {
1148
- font-family: inherit;
1149
- font-weight: 700;
1150
- color: inherit;
1151
- display: inline-block;
1152
- margin-left: 0.5ch;
1153
- padding: 0;
1154
- }
1155
- .flatpickr-current-month span.cur-month:hover {
1156
- background: rgba(0,0,0,0.05);
1157
- }
1158
- .flatpickr-current-month .numInputWrapper {
1159
- width: 6ch;
1160
- width: 7ch\0;
1161
- display: inline-block;
1162
- }
1163
- .flatpickr-current-month .numInputWrapper span.arrowUp:after {
1164
- border-bottom-color: rgba(0,0,0,0.9);
1165
- }
1166
- .flatpickr-current-month .numInputWrapper span.arrowDown:after {
1167
- border-top-color: rgba(0,0,0,0.9);
1168
- }
1169
- .flatpickr-current-month input.cur-year {
1170
- background: transparent;
1171
- -webkit-box-sizing: border-box;
1172
- box-sizing: border-box;
1173
- color: inherit;
1174
- cursor: text;
1175
- padding: 0 0 0 0.5ch;
1176
- margin: 0;
1177
- display: inline-block;
1178
- font-size: inherit;
1179
- font-family: inherit;
1180
- font-weight: 300;
1181
- line-height: inherit;
1182
- height: auto;
1183
- border: 0;
1184
- border-radius: 0;
1185
- vertical-align: baseline;
1186
- vertical-align: initial;
1187
- -webkit-appearance: textfield;
1188
- -moz-appearance: textfield;
1189
- appearance: textfield;
1190
- }
1191
- .flatpickr-current-month input.cur-year:focus {
1192
- outline: 0;
1193
- }
1194
- .flatpickr-current-month input.cur-year[disabled],
1195
- .flatpickr-current-month input.cur-year[disabled]:hover {
1196
- font-size: 100%;
1197
- color: rgba(0,0,0,0.5);
1198
- background: transparent;
1199
- pointer-events: none;
1200
- }
1201
- .flatpickr-current-month .flatpickr-monthDropdown-months {
1202
- appearance: menulist;
1203
- background: transparent;
1204
- border: none;
1205
- border-radius: 0;
1206
- box-sizing: border-box;
1207
- color: inherit;
1208
- cursor: pointer;
1209
- font-size: inherit;
1210
- font-family: inherit;
1211
- font-weight: 300;
1212
- height: auto;
1213
- line-height: inherit;
1214
- margin: -1px 0 0 0;
1215
- outline: none;
1216
- padding: 0 0 0 0.5ch;
1217
- position: relative;
1218
- vertical-align: baseline;
1219
- vertical-align: initial;
1220
- -webkit-box-sizing: border-box;
1221
- -webkit-appearance: menulist;
1222
- -moz-appearance: menulist;
1223
- width: auto;
1224
- }
1225
- .flatpickr-current-month .flatpickr-monthDropdown-months:focus,
1226
- .flatpickr-current-month .flatpickr-monthDropdown-months:active {
1227
- outline: none;
1228
- }
1229
- .flatpickr-current-month .flatpickr-monthDropdown-months:hover {
1230
- background: rgba(0,0,0,0.05);
1231
- }
1232
- .flatpickr-current-month .flatpickr-monthDropdown-months .flatpickr-monthDropdown-month {
1233
- background-color: transparent;
1234
- outline: none;
1235
- padding: 0;
1236
- }
1237
- .flatpickr-weekdays {
1238
- background: transparent;
1239
- text-align: center;
1240
- overflow: hidden;
1241
- width: 100%;
1242
- display: -webkit-box;
1243
- display: -webkit-flex;
1244
- display: -ms-flexbox;
1245
- display: flex;
1246
- -webkit-box-align: center;
1247
- -webkit-align-items: center;
1248
- -ms-flex-align: center;
1249
- align-items: center;
1250
- height: 28px;
1251
- }
1252
- .flatpickr-weekdays .flatpickr-weekdaycontainer {
1253
- display: -webkit-box;
1254
- display: -webkit-flex;
1255
- display: -ms-flexbox;
1256
- display: flex;
1257
- -webkit-box-flex: 1;
1258
- -webkit-flex: 1;
1259
- -ms-flex: 1;
1260
- flex: 1;
1261
- }
1262
- span.flatpickr-weekday {
1263
- cursor: default;
1264
- font-size: 90%;
1265
- background: transparent;
1266
- color: rgba(0,0,0,0.54);
1267
- line-height: 1;
1268
- margin: 0;
1269
- text-align: center;
1270
- display: block;
1271
- -webkit-box-flex: 1;
1272
- -webkit-flex: 1;
1273
- -ms-flex: 1;
1274
- flex: 1;
1275
- font-weight: bolder;
1276
- }
1277
- .dayContainer,
1278
- .flatpickr-weeks {
1279
- padding: 1px 0 0 0;
1280
- }
1281
- .flatpickr-days {
1282
- position: relative;
1283
- overflow: hidden;
1284
- display: -webkit-box;
1285
- display: -webkit-flex;
1286
- display: -ms-flexbox;
1287
- display: flex;
1288
- -webkit-box-align: start;
1289
- -webkit-align-items: flex-start;
1290
- -ms-flex-align: start;
1291
- align-items: flex-start;
1292
- width: 307.875px;
1293
- }
1294
- .flatpickr-days:focus {
1295
- outline: 0;
1296
- }
1297
- .dayContainer {
1298
- padding: 0;
1299
- outline: 0;
1300
- text-align: left;
1301
- width: 307.875px;
1302
- min-width: 307.875px;
1303
- max-width: 307.875px;
1304
- -webkit-box-sizing: border-box;
1305
- box-sizing: border-box;
1306
- display: inline-block;
1307
- display: -ms-flexbox;
1308
- display: -webkit-box;
1309
- display: -webkit-flex;
1310
- display: flex;
1311
- -webkit-flex-wrap: wrap;
1312
- flex-wrap: wrap;
1313
- -ms-flex-wrap: wrap;
1314
- -ms-flex-pack: justify;
1315
- -webkit-justify-content: space-around;
1316
- justify-content: space-around;
1317
- -webkit-transform: translate3d(0px, 0px, 0px);
1318
- transform: translate3d(0px, 0px, 0px);
1319
- opacity: 1;
1320
- }
1321
- .dayContainer + .dayContainer {
1322
- -webkit-box-shadow: -1px 0 0 #e6e6e6;
1323
- box-shadow: -1px 0 0 #e6e6e6;
1324
- }
1325
- .flatpickr-day {
1326
- background: none;
1327
- border: 1px solid transparent;
1328
- border-radius: 150px;
1329
- -webkit-box-sizing: border-box;
1330
- box-sizing: border-box;
1331
- color: #393939;
1332
- cursor: pointer;
1333
- font-weight: 400;
1334
- width: 14.2857143%;
1335
- -webkit-flex-basis: 14.2857143%;
1336
- -ms-flex-preferred-size: 14.2857143%;
1337
- flex-basis: 14.2857143%;
1338
- max-width: 39px;
1339
- height: 39px;
1340
- line-height: 39px;
1341
- margin: 0;
1342
- display: inline-block;
1343
- position: relative;
1344
- -webkit-box-pack: center;
1345
- -webkit-justify-content: center;
1346
- -ms-flex-pack: center;
1347
- justify-content: center;
1348
- text-align: center;
1349
- }
1350
- .flatpickr-day.inRange,
1351
- .flatpickr-day.prevMonthDay.inRange,
1352
- .flatpickr-day.nextMonthDay.inRange,
1353
- .flatpickr-day.today.inRange,
1354
- .flatpickr-day.prevMonthDay.today.inRange,
1355
- .flatpickr-day.nextMonthDay.today.inRange,
1356
- .flatpickr-day:hover,
1357
- .flatpickr-day.prevMonthDay:hover,
1358
- .flatpickr-day.nextMonthDay:hover,
1359
- .flatpickr-day:focus,
1360
- .flatpickr-day.prevMonthDay:focus,
1361
- .flatpickr-day.nextMonthDay:focus {
1362
- cursor: pointer;
1363
- outline: 0;
1364
- background: #e6e6e6;
1365
- border-color: #e6e6e6;
1366
- }
1367
- .flatpickr-day.today {
1368
- border-color: #959ea9;
1369
- }
1370
- .flatpickr-day.today:hover,
1371
- .flatpickr-day.today:focus {
1372
- border-color: #959ea9;
1373
- background: #959ea9;
1374
- color: #fff;
1375
- }
1376
- .flatpickr-day.selected,
1377
- .flatpickr-day.startRange,
1378
- .flatpickr-day.endRange,
1379
- .flatpickr-day.selected.inRange,
1380
- .flatpickr-day.startRange.inRange,
1381
- .flatpickr-day.endRange.inRange,
1382
- .flatpickr-day.selected:focus,
1383
- .flatpickr-day.startRange:focus,
1384
- .flatpickr-day.endRange:focus,
1385
- .flatpickr-day.selected:hover,
1386
- .flatpickr-day.startRange:hover,
1387
- .flatpickr-day.endRange:hover,
1388
- .flatpickr-day.selected.prevMonthDay,
1389
- .flatpickr-day.startRange.prevMonthDay,
1390
- .flatpickr-day.endRange.prevMonthDay,
1391
- .flatpickr-day.selected.nextMonthDay,
1392
- .flatpickr-day.startRange.nextMonthDay,
1393
- .flatpickr-day.endRange.nextMonthDay {
1394
- background: #569ff7;
1395
- -webkit-box-shadow: none;
1396
- box-shadow: none;
1397
- color: #fff;
1398
- border-color: #569ff7;
1399
- }
1400
- .flatpickr-day.selected.startRange,
1401
- .flatpickr-day.startRange.startRange,
1402
- .flatpickr-day.endRange.startRange {
1403
- border-radius: 50px 0 0 50px;
1404
- }
1405
- .flatpickr-day.selected.endRange,
1406
- .flatpickr-day.startRange.endRange,
1407
- .flatpickr-day.endRange.endRange {
1408
- border-radius: 0 50px 50px 0;
1409
- }
1410
- .flatpickr-day.selected.startRange + .endRange:not(:nth-child(7n+1)),
1411
- .flatpickr-day.startRange.startRange + .endRange:not(:nth-child(7n+1)),
1412
- .flatpickr-day.endRange.startRange + .endRange:not(:nth-child(7n+1)) {
1413
- -webkit-box-shadow: -10px 0 0 #569ff7;
1414
- box-shadow: -10px 0 0 #569ff7;
1415
- }
1416
- .flatpickr-day.selected.startRange.endRange,
1417
- .flatpickr-day.startRange.startRange.endRange,
1418
- .flatpickr-day.endRange.startRange.endRange {
1419
- border-radius: 50px;
1420
- }
1421
- .flatpickr-day.inRange {
1422
- border-radius: 0;
1423
- -webkit-box-shadow: -5px 0 0 #e6e6e6, 5px 0 0 #e6e6e6;
1424
- box-shadow: -5px 0 0 #e6e6e6, 5px 0 0 #e6e6e6;
1425
- }
1426
- .flatpickr-day.flatpickr-disabled,
1427
- .flatpickr-day.flatpickr-disabled:hover,
1428
- .flatpickr-day.prevMonthDay,
1429
- .flatpickr-day.nextMonthDay,
1430
- .flatpickr-day.notAllowed,
1431
- .flatpickr-day.notAllowed.prevMonthDay,
1432
- .flatpickr-day.notAllowed.nextMonthDay {
1433
- color: rgba(57,57,57,0.3);
1434
- background: transparent;
1435
- border-color: transparent;
1436
- cursor: default;
1437
- }
1438
- .flatpickr-day.flatpickr-disabled,
1439
- .flatpickr-day.flatpickr-disabled:hover {
1440
- cursor: not-allowed;
1441
- color: rgba(57,57,57,0.1);
1442
- }
1443
- .flatpickr-day.week.selected {
1444
- border-radius: 0;
1445
- -webkit-box-shadow: -5px 0 0 #569ff7, 5px 0 0 #569ff7;
1446
- box-shadow: -5px 0 0 #569ff7, 5px 0 0 #569ff7;
1447
- }
1448
- .flatpickr-day.hidden {
1449
- visibility: hidden;
1450
- }
1451
- .rangeMode .flatpickr-day {
1452
- margin-top: 1px;
1453
- }
1454
- .flatpickr-weekwrapper {
1455
- float: left;
1456
- }
1457
- .flatpickr-weekwrapper .flatpickr-weeks {
1458
- padding: 0 12px;
1459
- -webkit-box-shadow: 1px 0 0 #e6e6e6;
1460
- box-shadow: 1px 0 0 #e6e6e6;
1461
- }
1462
- .flatpickr-weekwrapper .flatpickr-weekday {
1463
- float: none;
1464
- width: 100%;
1465
- line-height: 28px;
1466
- }
1467
- .flatpickr-weekwrapper span.flatpickr-day,
1468
- .flatpickr-weekwrapper span.flatpickr-day:hover {
1469
- display: block;
1470
- width: 100%;
1471
- max-width: none;
1472
- color: rgba(57,57,57,0.3);
1473
- background: transparent;
1474
- cursor: default;
1475
- border: none;
1476
- }
1477
- .flatpickr-innerContainer {
1478
- display: block;
1479
- display: -webkit-box;
1480
- display: -webkit-flex;
1481
- display: -ms-flexbox;
1482
- display: flex;
1483
- -webkit-box-sizing: border-box;
1484
- box-sizing: border-box;
1485
- overflow: hidden;
1486
- }
1487
- .flatpickr-rContainer {
1488
- display: inline-block;
1489
- padding: 0;
1490
- -webkit-box-sizing: border-box;
1491
- box-sizing: border-box;
1492
- }
1493
- .flatpickr-time {
1494
- text-align: center;
1495
- outline: 0;
1496
- display: block;
1497
- height: 0;
1498
- line-height: 40px;
1499
- max-height: 40px;
1500
- -webkit-box-sizing: border-box;
1501
- box-sizing: border-box;
1502
- overflow: hidden;
1503
- display: -webkit-box;
1504
- display: -webkit-flex;
1505
- display: -ms-flexbox;
1506
- display: flex;
1507
- }
1508
- .flatpickr-time:after {
1509
- content: "";
1510
- display: table;
1511
- clear: both;
1512
- }
1513
- .flatpickr-time .numInputWrapper {
1514
- -webkit-box-flex: 1;
1515
- -webkit-flex: 1;
1516
- -ms-flex: 1;
1517
- flex: 1;
1518
- width: 40%;
1519
- height: 40px;
1520
- float: left;
1521
- }
1522
- .flatpickr-time .numInputWrapper span.arrowUp:after {
1523
- border-bottom-color: #393939;
1524
- }
1525
- .flatpickr-time .numInputWrapper span.arrowDown:after {
1526
- border-top-color: #393939;
1527
- }
1528
- .flatpickr-time.hasSeconds .numInputWrapper {
1529
- width: 26%;
1530
- }
1531
- .flatpickr-time.time24hr .numInputWrapper {
1532
- width: 49%;
1533
- }
1534
- .flatpickr-time input {
1535
- background: transparent;
1536
- -webkit-box-shadow: none;
1537
- box-shadow: none;
1538
- border: 0;
1539
- border-radius: 0;
1540
- text-align: center;
1541
- margin: 0;
1542
- padding: 0;
1543
- height: inherit;
1544
- line-height: inherit;
1545
- color: #393939;
1546
- font-size: 14px;
1547
- position: relative;
1548
- -webkit-box-sizing: border-box;
1549
- box-sizing: border-box;
1550
- -webkit-appearance: textfield;
1551
- -moz-appearance: textfield;
1552
- appearance: textfield;
1553
- }
1554
- .flatpickr-time input.flatpickr-hour {
1555
- font-weight: bold;
1556
- }
1557
- .flatpickr-time input.flatpickr-minute,
1558
- .flatpickr-time input.flatpickr-second {
1559
- font-weight: 400;
1560
- }
1561
- .flatpickr-time input:focus {
1562
- outline: 0;
1563
- border: 0;
1564
- }
1565
- .flatpickr-time .flatpickr-time-separator,
1566
- .flatpickr-time .flatpickr-am-pm {
1567
- height: inherit;
1568
- float: left;
1569
- line-height: inherit;
1570
- color: #393939;
1571
- font-weight: bold;
1572
- width: 2%;
1573
- -webkit-user-select: none;
1574
- -moz-user-select: none;
1575
- -ms-user-select: none;
1576
- user-select: none;
1577
- -webkit-align-self: center;
1578
- -ms-flex-item-align: center;
1579
- align-self: center;
1580
- }
1581
- .flatpickr-time .flatpickr-am-pm {
1582
- outline: 0;
1583
- width: 18%;
1584
- cursor: pointer;
1585
- text-align: center;
1586
- font-weight: 400;
1587
- }
1588
- .flatpickr-time input:hover,
1589
- .flatpickr-time .flatpickr-am-pm:hover,
1590
- .flatpickr-time input:focus,
1591
- .flatpickr-time .flatpickr-am-pm:focus {
1592
- background: #eee;
1593
- }
1594
- .flatpickr-input[readonly] {
1595
- cursor: pointer;
1596
- }
1597
- @-webkit-keyframes fpFadeInDown {
1598
- from {
1599
- opacity: 0;
1600
- -webkit-transform: translate3d(0, -20px, 0);
1601
- transform: translate3d(0, -20px, 0);
1602
- }
1603
- to {
1604
- opacity: 1;
1605
- -webkit-transform: translate3d(0, 0, 0);
1606
- transform: translate3d(0, 0, 0);
1607
- }
1608
- }
1609
- @keyframes fpFadeInDown {
1610
- from {
1611
- opacity: 0;
1612
- -webkit-transform: translate3d(0, -20px, 0);
1613
- transform: translate3d(0, -20px, 0);
1614
- }
1615
- to {
1616
- opacity: 1;
1617
- -webkit-transform: translate3d(0, 0, 0);
1618
- transform: translate3d(0, 0, 0);
1619
- }
1620
- }
1621
-
1622
- .DatePicker-module_datePicker__YSy2h {
1623
- display: flex;
1624
- }
1625
- .flatpickr-calendar {
1626
- --datePicker-background-color: var(--background-2);
1627
- --datePicker-border-color: var(--border-grey-3);
1628
- --datePicker-border-size: 1px;
1629
- --datePicker-selected-color: var(--surface-primary);
1630
- --datePicker-startRange-color: var(--surface-primary);
1631
- --datePicker-startRange-border-color: var(--surface-primary);
1632
- --datePicker-endRange-color: var(--surface-primary);
1633
- --datePicker-endRange-border-color: var(--surface-primary);
1634
- --datePicker-day-radius: var(--radius-extra-small);
1635
- --datePicker-day-inRange-color: var(--surface-primary);
1636
- --datePicker-day-inRange-border-color: var(--surface-primary);
1637
- --datePicker-day-color: var(--text-primary);
1638
- --datePicker-day-color--hover: var(--text-primary);
1639
- --datePicker-day-color--focus-visible: var(--text-primary);
1640
- --datePicker-day-color--disabled: var(--text-tertiary);
1641
- --datePicker-day-background-color: inherit;
1642
- --datePicker-day-background-color--hover: var(--background-6);
1643
- --datePicker-day-background-color--focus-visible: var(--background-6);
1644
- --datePicker-day-background-color--disabled: inherit;
1645
- --datePicker-day-border-color: transparent;
1646
- --datePicker-day-border-color--hover: transparent;
1647
- --datePicker-day-border-color--focus-visible: var(--border-grey-1);
1648
- --datePicker-day-border-color--disabled: transparent;
1649
- --datePicker-day-font: "inter";
1650
- --datePicker-day-font-size: var(--font-size-1);
1651
- --datePicker-day-font-weight: var(--font-weight-4);
1652
- --datePicker-weekday-color: var(--text-primary);
1653
- --datePicker-weekday-font: "inter";
1654
- --datePicker-weekday-font-size: var(--font-size-1);
1655
- --datePicker-weekday-font-weight: var(--font-weight-4);
1656
- --datePicker-next-month-icon-color: var(--text-primary);
1657
- --datePicker-prev-month-icon-color: var(--text-primary);
1658
- --datePicker-cur-month-color: var(--text-primary);
1659
- --datePicker-hour-color: var(--text-primary);
1660
- --datePicker-hour-color--hover: var(--surface-secondary--hover);
1661
- --datePicker-minute-color: var(--text-primary);
1662
- --datePicker-minute-color--hover: var(--surface-secondary--hover);
1663
- --datePicker-am-pm-color: var(--text-primary);
1664
- --datePicker-am-pm-color--hover: var(--surface-secondary--hover);
1665
- background-color: var(--datePicker-background-color);
1666
- border: 1px solid var(--datePicker-border-color);
1667
- border: var(--datePicker-border-size) solid var(--datePicker-border-color);
1668
- box-shadow: none;
1669
- }
1670
- .flatpickr-calendar .flatpickr-day {
1671
- color: var(--datePicker-day-color);
1672
- background-color: var(--datePicker-day-background-color);
1673
- border-color: var(--datePicker-day-border-color);
1674
- border-radius: var(--datePicker-day-radius);
1675
- font-family: var(--datePicker-day-font);
1676
- font-size: var(--datePicker-day-font-size);
1677
- font-weight: var(--datePicker-day-font-weight);
1678
- }
1679
- .flatpickr-calendar .flatpickr-day.flatpickr-disabled {
1680
- color: var(--datePicker-day-color--disabled);
1681
- background-color: var(--datePicker-day-background-color--disabled);
1682
- border-color: var(--datePicker-day-border-color--disabled);
1683
- }
1684
- .flatpickr-calendar .flatpickr-day:hover {
1685
- color: var(--datePicker-day-color--hover);
1686
- background-color: var(--datePicker-day-background-color--hover);
1687
- border-color: var(--datePicker-day-border-color--hover);
1688
- }
1689
- .flatpickr-calendar .flatpickr-day:focus-visible {
1690
- color: var(--datePicker-day-color--focus-visible);
1691
- background-color: var(--datePicker-day-background-color--focus-visible);
1692
- border-color: var(--datePicker-day-border-color--focus-visible);
1693
- }
1694
- .flatpickr-calendar .flatpickr-day.selected {
1695
- background-color: var(--datePicker-selected-color);
1696
- }
1697
- .flatpickr-calendar .flatpickr-day.startRange,
1698
- .flatpickr-calendar .flatpickr-day .startRange:hover {
1699
- box-shadow: none;
1700
- background-color: var(--datePicker-startRange-color);
1701
- border-color: var(--datePicker-startRange-border-color);
1702
- }
1703
- .flatpickr-calendar .flatpickr-day.endRange,
1704
- .flatpickr-calendar .flatpickr-day .endRange:hover {
1705
- box-shadow: none;
1706
- background-color: var(--datePicker-endRange-color);
1707
- border-color: var(--datePicker-endRange-border-color);
1708
- }
1709
- .flatpickr-calendar .flatpickr-day.inRange, .flatpickr-calendar .flatpickr-day.inRange.today {
1710
- box-shadow: -8px 0 0 var(--datePicker-day-inRange-color), 8px 0 0 var(--datePicker-day-inRange-color);
1711
- background-color: var(--datePicker-day-inRange-color);
1712
- border-color: var(--datePicker-day-inRange-border-color);
1713
- }
1714
- .flatpickr-calendar .flatpickr-day.prevMonthDay, .flatpickr-calendar .flatpickr-day.nextMonthDay {
1715
- visibility: hidden;
1716
- }
1717
- .flatpickr-calendar .flatpickr-weekday {
1718
- color: var(--datePicker-weekday-color);
1719
- font-family: var(--datePicker-weekday-font);
1720
- font-size: var(--datePicker-weekday-font-size);
1721
- font-weight: var(--datePicker-weekday-font-weight);
1722
- }
1723
- .flatpickr-calendar .flatpickr-months .flatpickr-next-month {
1724
- fill: var(--datePicker-next-month-icon-color);
1725
- }
1726
- .flatpickr-calendar .flatpickr-months .flatpickr-next-month:hover svg {
1727
- fill: inherit;
1728
- }
1729
- .flatpickr-calendar .flatpickr-months .flatpickr-prev-month {
1730
- fill: var(--datePicker-prev-month-icon-color);
1731
- }
1732
- .flatpickr-calendar .flatpickr-months .flatpickr-prev-month:hover svg {
1733
- fill: inherit;
1734
- }
1735
- .flatpickr-calendar .flatpickr-months .flatpickr-current-month {
1736
- color: var(--datePicker-cur-month-color);
1737
- }
1738
- .flatpickr-calendar .flatpickr-months .arrowUp,
1739
- .flatpickr-calendar .flatpickr-months .arrowDown {
1740
- display: none;
1741
- }
1742
- .flatpickr-calendar .flatpickr-time .flatpickr-hour {
1743
- color: var(--datePicker-hour-color);
1744
- }
1745
- .flatpickr-calendar .flatpickr-time .flatpickr-hour:focus {
1746
- background: inherit;
1747
- }
1748
- .flatpickr-calendar .flatpickr-time .flatpickr-hour:hover {
1749
- background-color: var(--datePicker-hour-color--hover);
1750
- }
1751
- .flatpickr-calendar .flatpickr-time .flatpickr-minute {
1752
- color: var(--datePicker-minute-color);
1753
- }
1754
- .flatpickr-calendar .flatpickr-time .flatpickr-minute:focus {
1755
- background: inherit;
1756
- }
1757
- .flatpickr-calendar .flatpickr-time .flatpickr-minute:hover {
1758
- background-color: var(--datePicker-minute-color--hover);
1759
- }
1760
- .flatpickr-calendar .flatpickr-time .flatpickr-am-pm {
1761
- color: var(--datePicker-am-pm-color);
1762
- }
1763
- .flatpickr-calendar .flatpickr-time .flatpickr-am-pm:focus {
1764
- background: inherit;
1765
- }
1766
- .flatpickr-calendar .flatpickr-time .flatpickr-am-pm:hover {
1767
- background-color: var(--datePicker-am-pm-color--hover);
1768
- }
1769
- .flatpickr-day.selected.startRange + .endRange:not(:nth-child(7n+1)),
1770
- .flatpickr-day.startRange.startRange + .endRange:not(:nth-child(7n+1)),
1771
- .flatpickr-day.endRange.startRange + .endRange:not(:nth-child(7n+1)) {
1772
- /* prevent edge case where 2 consecutive dates are selected in range mode */
1773
- box-shadow: -8px 0 0 var(--datePicker-day-inRange-color), 8px 0 0 var(--datePicker-day-inRange-color);
1774
- }
1775
- .FormField-module_formField__vNu-s {
1776
- --form-field-gap: var(--spacing-extra-small);
1777
- --label-container-gap: var(--form-field-gap);
1778
- --message-container-gap: var(--form-field-gap);
1779
- --message-icon-height: 16px;
1780
- --message-icon-width: 16px;
1781
- --label-font-color: var(--text-primary);
1782
- --message-font-color: var(--text-secondary);
1783
- --message-icon-color: var(--text-secondary);
1784
- --error-font-color: var(--text-secondary);
1785
- --error-icon-color: var(--icon-destructive);
1786
- display: flex;
1787
- flex-direction: column;
1788
- gap: var(--form-field-gap);
1789
- }
1790
- .FormField-module_formField__vNu-s .FormField-module_labelContainer__cPOaA {
1791
- display: flex;
1792
- flex-direction: column;
1793
- gap: var(--label-container-gap);
1794
- }
1795
- .FormField-module_formField__vNu-s .FormField-module_label__fzwKv {
1796
- color: var(--label-font-color);
1797
- }
1798
- .FormField-module_formField__vNu-s .FormField-module_label__fzwKv.FormField-module_required__JvRw2::after {
1799
- content: " *";
1800
- }
1801
- .FormField-module_formField__vNu-s > * {
1802
- width: 100%;
1803
- }
1804
- .FormField-module_formField__vNu-s .FormField-module_messageContainer__KOsuq {
1805
- display: flex;
1806
- flex-direction: row;
1807
- align-items: flex-start;
1808
- gap: var(--message-container-gap);
1809
- }
1810
- .FormField-module_formField__vNu-s .FormField-module_messageIcon__UgBkw {
1811
- display: block;
1812
- flex: 0 0 auto;
1813
- width: var(--message-icon-width);
1814
- height: var(--message-icon-height);
1815
- }
1816
- .FormField-module_formField__vNu-s .FormField-module_messageIcon__UgBkw * > path {
1817
- fill: var(--message-icon-color);
1818
- }
1819
- .FormField-module_formField__vNu-s .FormField-module_message__ExDcf {
1820
- color: var(--message-font-color);
1821
- }
1822
- .FormField-module_formField__vNu-s.FormField-module_error__hc4sY .FormField-module_messageIcon__UgBkw * > path {
1823
- fill: var(--error-icon-color);
1824
- }
1825
- .FormField-module_formField__vNu-s.FormField-module_error__hc4sY .FormField-module_message__ExDcf {
1826
- color: var(--error-font-color);
1827
- }
1828
- .Modal-module_modal__b2VqT {
1829
- --modal-width: auto;
1830
- --modal-border-width: 1px;
1831
- --modal-border-radius: 4px;
1832
- --modal-border-color: var(--grey-450);
1833
- --modal-gap: 0px;
1834
- --modal-box-shadow-x: 0px;
1835
- --modal-box-shadow-blur: 4px;
1836
- --modal-box-shadow-y: 4px;
1837
- --modal-box-shadow-spread: 0px;
1838
- --modal-box-shadow-color: rgba(0,0,0,0.25098);
1839
- --modal-translateX: -50%;
1840
- --modal-translateY: -50%;
1841
- --modal-position-top: 50%;
1842
- --modal-position-left: 50%;
1843
- display: flex;
1844
- flex-direction: column;
1845
- width: auto;
1846
- width: var(--modal-width);
1847
- border-radius: 4px;
1848
- border-radius: var(--modal-border-radius);
1849
- border: 1px solid var(--modal-border-color);
1850
- border: var(--modal-border-width) solid var(--modal-border-color);
1851
- gap: var(--spacing-none);
1852
- height: -moz-fit-content;
1853
- height: fit-content;
1854
- box-shadow: 0px 4px 4px 0px rgba(0,0,0,0.25098);
1855
- box-shadow: var(--modal-box-shadow-x) var(--modal-box-shadow-blur) var(--modal-box-shadow-y) var(--modal-box-shadow-spread) var(--modal-box-shadow-color);
1856
- position: fixed;
1857
- top: 50%;
1858
- top: var(--modal-position-top);
1859
- left: 50%;
1860
- left: var(--modal-position-left);
1861
- transform: translate(-50%, -50%);
1862
- transform: translate(var(--modal-translateX), var(--modal-translateY));
1863
- }
1864
- .Modal-module_modal__b2VqT .Modal-module_header__JsABW {
1865
- width: auto;
1866
- height: -moz-fit-content;
1867
- height: fit-content;
1868
- }
1869
- .Modal-module_modal__b2VqT .Modal-module_footer__Km85q {
1870
- width: auto;
1871
- height: -moz-fit-content;
1872
- height: fit-content;
1873
- }
1874
- .Modal-module_modal__b2VqT .Modal-module_content__JquMo {
1875
- width: auto;
1876
- height: -moz-fit-content;
1877
- height: fit-content;
1878
- }
1879
- .Modal-module_size--Small__Ll-21 {
1880
- --modal-width: 17.5rem;
1881
- }
1882
- .Modal-module_size--Medium__sz-mM {
1883
- --modal-width: 29.5rem;
1884
- }
1885
- .Modal-module_size--Large__FFlq0 {
1886
- --modal-width: 45rem;
1887
- }
1888
- .Modal-module_backdrop__62XUz {
1889
- position: fixed;
1890
- top: 0;
1891
- left: 0;
1892
- width: 100vw;
1893
- height: 100vh;
1894
- background-color: rgba(0, 0, 0, 0.5);
1895
- }
1896
- .Nav-module_nav__bdTQj {
1897
- --nav-nav-items-gap: 8px;
1898
- display: flex;
1899
- }
1900
- .Nav-module_nav__bdTQj .Nav-module_navItems__mLo5b {
1901
- display: flex;
1902
- flex-direction: row;
1903
- gap: var(--nav-nav-items-gap);
1904
- }
1905
- .NavItem-module_navItem__uLSwW {
1906
- display: flex;
1907
- }
1908
- .NavLink-module_navLink__ZbL1G {
1909
- --button-padding-top: var(--spacing-medium);
1910
- --button-padding-bottom: var(--spacing-medium);
1911
- --button-padding-left: var(--spacing-medium);
1912
- --button-padding-right: var(--spacing-medium);
1913
- --button-border-width: 1px;
1914
- --button-border-radius: 4px;
1915
- --button-background-color: transparent;
1916
- --button-border-color: transparent;
1917
- --button-color: var(--text-primary);
1918
- --button-background-color--hover: var(--surface-secondary--hover);
1919
- --button-border-color--hover: transparent;
1920
- --button-color--hover: var(--text-primary);
1921
- --button-background-color--pressed: var(--surface-secondary--hover);
1922
- --button-border-color--pressed: transparent;
1923
- --button-color--pressed: var(--text-primary);
1924
- --button-background-color--focus-visible: var(--surface-secondary--hover);
1925
- --button-border-color--focus-visible: transparent;
1926
- --button-color--focus-visible: var(--text-primary);
1927
- --button-background-color--disabled: var(--surface-secondary--disabled);
1928
- --button-border-color--disabled: transparent;
1929
- --button-color--disabled: var(--text-tertiary);
1930
- display: flex;
1931
- align-items: center;
1932
- -webkit-text-decoration: none;
1933
- text-decoration: none;
1934
- padding-top: var(--button-padding-top);
1935
- padding-bottom: var(--button-padding-bottom);
1936
- padding-left: var(--button-padding-left);
1937
- padding-right: var(--button-padding-right);
1938
- border: 1px solid transparent;
1939
- border: var(--button-border-width) solid var(--button-border-color);
1940
- border-radius: 4px;
1941
- border-radius: var(--button-border-radius);
1942
- background-color: transparent;
1943
- background-color: var(--button-background-color);
1944
- color: var(--button-color);
1945
- }
1946
- .NavLink-module_navLink__ZbL1G:hover:not(:disabled) {
1947
- border: var(--button-border-width) solid var(--button-border-color--hover);
1948
- background-color: var(--button-background-color--hover);
1949
- color: var(--button-color--hover);
1950
- }
1951
- .NavLink-module_navLink__ZbL1G:active:not(:disabled) {
1952
- border: var(--button-border-width) solid var(--button-border-color--pressed);
1953
- background-color: var(--button-background-color--pressed);
1954
- color: var(--button-color--pressed);
1955
- }
1956
- .NavLink-module_navLink__ZbL1G:focus-visible:not(:disabled) {
1957
- border: var(--button-border-width) solid var(--button-border-color--focus-visible);
1958
- background-color: var(--button-background-color--focus-visible);
1959
- color: var(--button-color--focus-visible);
1960
- }
1961
- .NavLink-module_navLink__ZbL1G:disabled {
1962
- cursor: not-allowed;
1963
- border: var(--button-border-width) solid var(--button-border-color--disabled);
1964
- background-color: var(--button-background-color--disabled);
1965
- color: var(--button-color--disabled);
1966
- }
1967
- .Select-module_select__sbUrw {
1968
- --select-gap: var(--spacing-extra-extra-small);
1969
- --select-trigger-padding-top: var(--spacing-medium);
1970
- --select-trigger-padding-bottom: var(--spacing-medium);
1971
- --select-trigger-padding-right: var(--spacing-medium);
1972
- --select-trigger-padding-left: var(--spacing-medium);
1973
- --select-trigger-gap: var(--spacing-medium);
1974
- --select-trigger-border-radius: var(--radius-medium);
1975
- --select-trigger-border-width: 1px;
1976
- --select-trigger-border-color: var(--border-grey-2);
1977
- --select-trigger-background-color: var(--background-5);
1978
- --select-trigger-color: var(--text-secondary);
1979
- --select-trigger-icon-fill: var(--icon-secondary);
1980
- --select-icon-size: var(--font-size-3);
1981
- --select-trigger-border-color--hover: var(--border-grey-2);
1982
- --select-trigger-background-color--hover: var(--background-5);
1983
- --select-trigger-color--hover: var(--text-primary);
1984
- --select-trigger-icon-fill--hover: var(--icon-primary);
1985
- --select-trigger-border-color--pressed: var(--border-grey-2);
1986
- --select-trigger-background-color--pressed: var(--background-5);
1987
- --select-trigger-color--pressed: var(--text-primary);
1988
- --select-trigger-icon-fill--pressed: var(--icon-primary);
1989
- --select-trigger-border-color--focus-visible: var(--border-grey-2);
1990
- --select-trigger-background-color--focus-visible: var(--background-5);
1991
- --select-trigger-color--focus-visible: var(--text-primary);
1992
- --select-trigger-icon-fill--focus-visible: var(--icon-primary);
1993
- --select-trigger-border-color--disabled: var(--border-grey-3);
1994
- --select-trigger-background-color--disabled: var(--background-6);
1995
- --select-trigger-color--disabled: var(--text-tertiary);
1996
- --select-trigger-icon-fill--disabled: var(--icon-tertiary);
1997
- --select-trigger-border-color--focus: var(--border-primary);
1998
- --select-trigger-background-color--focus: var(--background-5);
1999
- --select-trigger-color--focus: var(--text-primary);
2000
- --select-trigger-icon-fill--focus: var(--icon-primary);
2001
- --select-options-gap: var(--spacing-medium);
2002
- --select-options-border-radius: var(--radius-medium);
2003
- --select-options-background-color: var(--background-5);
2004
- --select-options-border-width: 1px;
2005
- --select-options-border-color: var(--border-grey-2);
2006
- --option-padding-top: var(--spacing-medium);
2007
- --option-padding-right: var(--spacing-medium);
2008
- --option-padding-bottom: var(--spacing-medium);
2009
- --option-padding-left: var(--spacing-medium);
2010
- --option-radius: var(--radius-extra-small);
2011
- --option-surface-color: var(--background-5);
2012
- --option-color: var(--text-primary);
2013
- --option-gap: var(--spacing-extra-small);
2014
- width: auto;
2015
- height: -moz-fit-content;
2016
- height: fit-content;
2017
- gap: var(--select-gap);
2018
- }
2019
- .Select-module_select__sbUrw .Select-module_trigger__gyTSi {
2020
- display: flex;
2021
- justify-content: flex-start;
2022
- align-items: center;
2023
- width: 100%;
2024
- height: 2rem;
2025
- padding: var(--select-trigger-padding-top) var(--select-trigger-padding-right) var(--select-trigger-padding-bottom) var(--select-trigger-padding-left);
2026
- gap: var(--select-trigger-gap);
2027
- border-radius: var(--select-trigger-border-radius);
2028
- border: var(--select-trigger-border-width) solid var(--select-trigger-border-color);
2029
- background-color: var(--select-trigger-background-color);
2030
- color: var(--select-trigger-color);
2031
- }
2032
- .Select-module_select__sbUrw .Select-module_trigger__gyTSi .Select-module_leadingIcon__k5SBc svg,
2033
- .Select-module_select__sbUrw .Select-module_trigger__gyTSi .Select-module_trailingIcon__Mii9J svg {
2034
- width: var(--select-icon-size);
2035
- height: var(--select-icon-size);
2036
- }
2037
- .Select-module_select__sbUrw .Select-module_trigger__gyTSi .Select-module_leadingIcon__k5SBc * > path,
2038
- .Select-module_select__sbUrw .Select-module_trigger__gyTSi .Select-module_trailingIcon__Mii9J * > path {
2039
- fill: var(--select-trigger-icon-fill);
2040
- }
2041
- .Select-module_select__sbUrw .Select-module_trigger__gyTSi:hover:not(:disabled) {
2042
- border: var(--select-trigger-border-width) solid var(--select-trigger-border-color--hover);
2043
- background-color: var(--select-trigger-background-color--hover);
2044
- color: var(--select-trigger-color--hover);
2045
- }
2046
- .Select-module_select__sbUrw .Select-module_trigger__gyTSi:hover:not(:disabled) .Select-module_leadingIcon__k5SBc * > path,
2047
- .Select-module_select__sbUrw .Select-module_trigger__gyTSi:hover:not(:disabled) .Select-module_trailingIcon__Mii9J * > path {
2048
- fill: var(--select-trigger-icon-fill--hover);
2049
- }
2050
- .Select-module_select__sbUrw .Select-module_trigger__gyTSi:active:not(:disabled) {
2051
- border: var(--select-trigger-border-width) solid var(--select-trigger-border-color--pressed);
2052
- background-color: var(--select-trigger-background-color--pressed);
2053
- color: var(--select-trigger-color--pressed);
2054
- }
2055
- .Select-module_select__sbUrw .Select-module_trigger__gyTSi:active:not(:disabled) .Select-module_leadingIcon__k5SBc * > path,
2056
- .Select-module_select__sbUrw .Select-module_trigger__gyTSi:active:not(:disabled) .Select-module_trailingIcon__Mii9J * > path {
2057
- fill: var(--select-trigger-icon-fill--pressed);
2058
- }
2059
- .Select-module_select__sbUrw .Select-module_trigger__gyTSi:focus-visible:not(:disabled) {
2060
- border: var(--select-trigger-border-width) solid var(--select-trigger-border-color--focus-visible);
2061
- background-color: var(--select-trigger-background-color--focus-visible);
2062
- color: var(--select-trigger-color--focus-visible);
2063
- }
2064
- .Select-module_select__sbUrw .Select-module_trigger__gyTSi:focus-visible:not(:disabled) .Select-module_leadingIcon__k5SBc * > path,
2065
- .Select-module_select__sbUrw .Select-module_trigger__gyTSi:focus-visible:not(:disabled) .Select-module_trailingIcon__Mii9J * > path {
2066
- fill: var(--select-trigger-icon-fill--focus-visible);
2067
- }
2068
- .Select-module_select__sbUrw .Select-module_trigger__gyTSi:focus:not(:disabled) {
2069
- border: var(--select-trigger-border-width) solid var(--select-trigger-border-color--focus);
2070
- background-color: var(--select-trigger-background-color--focus);
2071
- color: var(--select-trigger-color--focus);
2072
- }
2073
- .Select-module_select__sbUrw .Select-module_trigger__gyTSi:focus:not(:disabled) .Select-module_leadingIcon__k5SBc * > path,
2074
- .Select-module_select__sbUrw .Select-module_trigger__gyTSi:focus:not(:disabled) .Select-module_trailingIcon__Mii9J * > path {
2075
- fill: var(--select-trigger-icon-fill--focus);
2076
- }
2077
- .Select-module_select__sbUrw .Select-module_trigger__gyTSi:disabled {
2078
- cursor: not-allowed;
2079
- border: var(--select-trigger-border-width) solid var(--select-trigger-border-color--disabled);
2080
- background-color: var(--select-trigger-background-color--disabled);
2081
- color: var(--select-trigger-color--disabled);
2082
- }
2083
- .Select-module_select__sbUrw .Select-module_trigger__gyTSi:disabled .Select-module_leadingIcon__k5SBc * > path,
2084
- .Select-module_select__sbUrw .Select-module_trigger__gyTSi:disabled .Select-module_trailingIcon__Mii9J * > path {
2085
- fill: var(--select-trigger-icon-fill--disabled);
2086
- }
2087
- .Select-module_select__sbUrw .Select-module_state--Error__D9GXD {
2088
- --select-trigger-border-color: var(--border-destructive);
2089
- --select-trigger-border-color--hover: var(--border-destructive);
2090
- --select-trigger-border-color--pressed: var(--border-destructive);
2091
- --select-trigger-border-color--focus-visible: var(--border-destructive);
2092
- --select-trigger-border-color--focus: var(--border-destructive);
2093
- }
2094
- .Select-module_select__sbUrw .Select-module_options__UwfeB {
2095
- display: flex;
2096
- flex-direction: column;
2097
- list-style-type: none;
2098
- width: 100%;
2099
- height: auto;
2100
- gap: var(--select-options-gap);
2101
- border-radius: var(--select-options-border-radius);
2102
- border: var(--select-options-border-width) solid var(--select-options-border-color);
2103
- background-color: var(--select-options-background-color);
2104
- }
2105
- .Select-module_select__sbUrw .Select-module_options__UwfeB .Select-module_resetOption__dvBeU {
2106
- display: flex;
2107
- width: 100%;
2108
- height: auto;
2109
- cursor: pointer;
2110
- padding: var(--option-padding-top) var(--option-padding-right) var(--option-padding-bottom) var(--option-padding-left);
2111
- border-radius: var(--option-radius);
2112
- background-color: var(--option-surface-color);
2113
- color: var(--option-color);
2114
- gap: var(--option-gap);
2115
- }
2116
- .Option-module_option__EOKym {
2117
- --option-icon-size: var(--font-size-4);
2118
- --option-icon-fill: var(--icon-secondary);
2119
- --option-background-color--disabled: var(--surface-primary--disabled);
2120
- --option-color--disabled: var(--text-tertiary);
2121
- --option-icon-fill--disabled: var(--icon-tertiary);
2122
- display: flex;
2123
- width: 100%;
2124
- height: auto;
2125
- cursor: pointer;
2126
- padding: var(--option-padding-top) var(--option-padding-right) var(--option-padding-bottom) var(--option-padding-left);
2127
- border-radius: var(--option-radius);
2128
- background-color: var(--option-surface-color);
2129
- gap: var(--option-gap);
2130
- }
2131
- .Option-module_option__EOKym .Option-module_content__jLIAJ {
2132
- color: var(--option-color);
2133
- width: 100%;
2134
- }
2135
- .Option-module_option__EOKym .Option-module_leadingIcon__43l9j svg,
2136
- .Option-module_option__EOKym .Option-module_trailingIcon__phY9o svg {
2137
- width: var(--option-icon-size);
2138
- height: var(--option-icon-size);
2139
- }
2140
- .Option-module_option__EOKym .Option-module_leadingIcon__43l9j * > path,
2141
- .Option-module_option__EOKym .Option-module_trailingIcon__phY9o * > path {
2142
- fill: var(--option-icon-fill);
2143
- }
2144
- .Option-module_option__EOKym.Option-module_disabled__QMo00 {
2145
- cursor: not-allowed;
2146
- background-color: var(--option-background-color--disabled);
2147
- color: var(--option-color--disabled);
2148
- }
2149
- .Option-module_option__EOKym.Option-module_disabled__QMo00 .Option-module_leadingIcon__43l9j * > path,
2150
- .Option-module_option__EOKym.Option-module_disabled__QMo00 .Option-module_trailingIcon__phY9o * > path {
2151
- fill: var(--option-icon-fill--disabled);
2152
- }
2153
- .TabContent-module_tabContent__HH0-3 {
2154
- display: flex;
2155
- }
2156
- .TabItem-module_tabItem__hT8k6 {
2157
- display: flex;
2158
- justify-content: center;
2159
- align-items: center;
2160
- --button-border-radius: 0;
2161
- }
2162
-
2163
- .TabItem-module_tabItem__hT8k6.TabItem-module_unselected__3J-eg {
2164
- --button-background-color: var(--grey-200);
2165
- --button-background-color--hover: var(--grey-300);
2166
- }
2167
-
2168
- .TableCell-module_tableCell__N3d8Z {
2169
- --table-cell-text-color: var(--text-primary);
2170
- --table-cell-border-size: 1px;
2171
- --table-cell-border-color: var(--border-grey-1);
2172
- --table-cell-padding-left: var(--spacing-small);
2173
- --table-cell-padding-right: var(--spacing-small);
2174
- --table-cell-padding-top: var(--spacing-small);
2175
- --table-cell-padding-bottom: var(--spacing-small);
2176
- --table-cell-vertical-align: middle;
2177
- --table-cell-horizontal-align: left;
2178
- --table-cell-height: unset;
2179
- color: var(--table-cell-text-color);
2180
- padding: var(--table-cell-padding-top) var(--table-cell-padding-right) var(--table-cell-padding-bottom) var(--table-cell-padding-left);
2181
- border: 1px solid var(--table-cell-border-color);
2182
- border: var(--table-cell-border-size) solid var(--table-cell-border-color);
2183
- text-align: left;
2184
- text-align: var(--table-cell-horizontal-align);
2185
- vertical-align: middle;
2186
- vertical-align: var(--table-cell-vertical-align);
2187
- height: auto;
2188
- height: initial;
2189
- height: var(--table-cell-height);
2190
- }
2191
-
2192
- .TableRow-module_tableRow__7Gs5y {
2193
- --table-row-height: unset;
2194
- --table-row-background-color: inherit;
2195
- --table-row-background-color--hover: var(--background-4);
2196
- height: auto;
2197
- height: initial;
2198
- height: var(--table-row-height);
2199
- background-color: inherit;
2200
- background-color: var(--table-row-background-color);
2201
- }
2202
- .TableRow-module_tableRow__7Gs5y:hover {
2203
- background-color: var(--table-row-background-color--hover) !important;
2204
- }
2205
- .Tabs-module_tabs__hOFg9 {
2206
- display: flex;
2207
- }
2208
- .Form-module_form__9JYdv {
2209
- --form-gap: var(--spacing-extra-small);
2210
- display: flex;
2211
- flex-direction: column;
2212
- gap: var(--form-gap);
2213
- }
2214
- .Table-module_table__S593A {
2215
- --table-border-size: 1px;
2216
- --table-border-color: var(--border-grey-1);
2217
- --table-cell-background-color: var(--background-6);
2218
- --table-cell-width: 100%;
2219
- table-layout: auto;
2220
- background-color: var(--table-cell-background-color);
2221
- border-collapse: collapse;
2222
- border: 1px solid var(--table-border-color);
2223
- border: var(--table-border-size) solid var(--table-border-color);
2224
- width: 100%;
2225
- width: var(--table-cell-width);
2226
- }
2227
- /* primitive colors */
2228
- :root {
2229
- /* Grey Colors */
2230
- --grey-0: #FFFFFF;
2231
- --grey-50: #E9E9EA;
2232
- --grey-100: #BABBBF;
2233
- --grey-200: #999A9F;
2234
- --grey-300: #6B6C74;
2235
- --grey-400: #4E5059;
2236
- --grey-450: #383A44;
2237
- --grey-500: #22242F;
2238
- --grey-600: #1F212B;
2239
- --grey-700: #181A21;
2240
- --grey-800: #13141A;
2241
- --grey-900: #0E0F14;
2242
-
2243
- /* Purple Colors */
2244
- --purple-50: #EEEFF8;
2245
- --purple-100: #CACDE8;
2246
- --purple-200: #B0B4DD;
2247
- --purple-300: #8C92CD;
2248
- --purple-400: #757DC3;
2249
- --purple-500: #535DB4;
2250
- --purple-600: #4C55A4;
2251
- --purple-700: #3B4280;
2252
- --purple-800: #2E3363;
2253
- --purple-900: #23274C;
2254
-
2255
- /* Green Colors */
2256
- --green-50: #E9F9E9;
2257
- --green-100: #BAECB9;
2258
- --green-200: #99E29B;
2259
- --green-300: #6BD56D;
2260
- --green-400: #4ECD51;
2261
- --green-500: #22C125;
2262
- --green-600: #1FB022;
2263
- --green-700: #18891A;
2264
- --green-800: #136A14;
2265
- --green-900: #0E5110;
2266
-
2267
- /* Blue Colors */
2268
- --blue-50: #E6F3FC;
2269
- --blue-100: #B0D9F4;
2270
- --blue-200: #8AC7EF;
2271
- --blue-300: #54ADE8;
2272
- --blue-400: #339DE4;
2273
- --blue-500: #0085DD;
2274
- --blue-600: #0079C9;
2275
- --blue-700: #005E9D;
2276
- --blue-800: #00497A;
2277
- --blue-900: #00385D;
2278
-
2279
- /* Orange Colors */
2280
- --orange-50: #F8F0E6;
2281
- --orange-100: #EAD1B0;
2282
- --orange-200: #DFBB8A;
2283
- --orange-300: #D19D54;
2284
- --orange-400: #C88933;
2285
- --orange-500: #BA6C00;
2286
- --orange-600: #A96200;
2287
- --orange-700: #844D00;
2288
- --orange-800: #663B00;
2289
- --orange-900: #4E2D00;
2290
-
2291
-
2292
- /* Red Colors */
2293
- --red-50: #FCEAEA;
2294
- --red-100: #F6BFBF;
2295
- --red-200: #F2A0A0;
2296
- --red-300: #EC7575;
2297
- --red-400: #E85A5A;
2298
- --red-500: #E23131;
2299
- --red-600: #CE2D2D;
2300
- --red-700: #A02323;
2301
- --red-800: #7C1B1B;
2302
- --red-900: #5F1515;
2303
- }
2304
- :root {
2305
- /* Numbers */
2306
- --space-none: 0;
2307
- --space-1: 2px;
2308
- --space-2: 4px;
2309
- --space-3: 6px;
2310
- --space-4: 8px;
2311
- --space-5: 12px;
2312
- --space-6: 16px;
2313
- --space-7: 24px;
2314
- }
2315
- :root {
2316
- --font-family-1: inter;
2317
- --font-family-2: inter;
2318
- --font-family-3: inter;
2319
- --font-family-4: inter;
2320
- --font-family-5: inter;
2321
- --font-family-6: inter;
2322
- --font-family-7: inter;
2323
- --font-family-8: inter;
2324
-
2325
- --font-size-1: 10px;
2326
- --font-size-2: 12px;
2327
- --font-size-3: 14px;
2328
- --font-size-4: 16px;
2329
- --font-size-5: 28px;
2330
- --font-size-6: 20px;
2331
- --font-size-7: 24px;
2332
- --font-size-8: 28px;
2333
- --font-size-9: 32px;
2334
- --font-size-10: 40px;
2335
-
2336
- --letter-spacing-1: normal;
2337
- --letter-spacing-2: normal;
2338
- --letter-spacing-3: normal;
2339
- --letter-spacing-4: normal;
2340
- --letter-spacing-5: normal;
2341
- --letter-spacing-6: normal;
2342
- --letter-spacing-7: normal;
2343
- --letter-spacing-8: normal;
2344
-
2345
- --line-height-1: 12px;
2346
- --line-height-2: 14px;
2347
- --line-height-3: 16px;
2348
- --line-height-4: 18px;
2349
- --line-height-5: 20px;
2350
- --line-height-6: 24px;
2351
- --line-height-7: 28px;
2352
- --line-height-8: 32px;
2353
- --line-height-9: 40px;
2354
- --line-height-10: 48px;
2355
-
2356
- --font-weight-1: 100;
2357
- --font-weight-2: 200;
2358
- --font-weight-3: 300;
2359
- --font-weight-4: 400; /* normal */
2360
- --font-weight-5: 500;
2361
- --font-weight-6: 600;
2362
- --font-weight-7: 700; /* bold */
2363
- --font-weight-8: 800;
2364
- --font-weight-9: 900;
2365
- --font-weight-10: 950;
2366
- }
2367
- :root {
2368
- /* Surfaces */
2369
- --background-1: var(--grey-900);
2370
- --background-2: var(--grey-800);
2371
- --background-3: var(--grey-700);
2372
- --background-4: var(--grey-500);
2373
- --background-5: var(--grey-600);
2374
- --background-6: var(--grey-450);
2375
-
2376
- --surface-primary: var(--purple-500);
2377
- --surface-primary--hover: var(--purple-400);
2378
- --surface-primary--pressed: var(--purple-400);
2379
- --surface-primary--disabled: var(--grey-400);
2380
-
2381
- --surface-secondary: var(--grey-500);
2382
- --surface-secondary--hover: var(--grey-450);
2383
- --surface-secondary--pressed: var(--grey-400);
2384
- --surface-secondary--disabled: var(--grey-400);
2385
-
2386
- --surface-destructive: var(--red-700);
2387
- --surface-destructive--hover: var(--red-800);
2388
- --surface-destructive--pressed: var(--red-900);
2389
- --surface-destructive--disabled: var(--grey-400);
2390
-
2391
- --border-grey-1: var(--grey-100);
2392
- --border-grey-2: var(--grey-450);
2393
- --border-grey-3: var(--grey-400);
2394
- --border-destructive: var(--red-700);
2395
- --border-primary: var(--purple-500);
2396
-
2397
- --text-primary: var(--grey-50);
2398
- --text-secondary: var(--grey-100);
2399
- --text-tertiary: var(--grey-200);
2400
- --text-destructive: var(--red-600);
2401
-
2402
- --icon-primary: var(--grey-50);
2403
- --icon-secondary: var(--grey-100);
2404
- --icon-tertiary: var(--grey-200);
2405
- --icon-destructive: var(--red-600);
2406
-
2407
- --spinner-border-color: var(--grey-50);
2408
- }
2409
- :root {
2410
- --spacing-none: var(--space-none);
2411
- --spacing-extra-extra-small: var(--space-1);
2412
- --spacing-extra-small: var(--space-2);
2413
- --spacing-small: var(--space-3);
2414
- --spacing-medium: var(--space-4);
2415
- --spacing-large: var(--space-5);
2416
- --spacing-extra-large: var(--space-6);
2417
- --spacing-extra-extra-large: var(--space-7);
2418
-
2419
- --radius-none: var(--space-none);
2420
- --radius-extra-extra-small: var(--space-1);
2421
- --radius-extra-small: var(--space-2);
2422
- --radius-medium: var(--space-4);
2423
-
2424
- --icon-size-small: 16px;
2425
- --icon-size-medium: 20px;
2426
- --icon-size-large: 24px;
2427
-
2428
- --spinner-height: 10rem;
2429
- --spinner-width: 10rem;
2430
- --spinner-border-width: 10px;
2431
- }
2432
- :root {
2433
- /* font-family */
2434
- --font-family-heading-1: var(--font-family-1);
2435
- --font-family-heading-2: var(--font-family-1);
2436
- --font-family-heading-3: var(--font-family-1);
2437
- --font-family-heading-4: var(--font-family-1);
2438
- --font-family-heading-5: var(--font-family-1);
2439
- --font-family-heading-6: var(--font-family-1);
2440
- --font-family-body-large: var(--font-family-1);
2441
- --font-family-body-medium: var(--font-family-1);
2442
- --font-family-body-small: var(--font-family-1);
2443
-
2444
- /* font sizes */
2445
- --font-size-heading-1: var(--font-size-7);
2446
- --font-size-heading-2: var(--font-size-4);
2447
- --font-size-heading-3: var(--font-size-3);
2448
- --font-size-heading-4: var(--font-size-3);
2449
- --font-size-heading-5: var(--font-size-3);
2450
- --font-size-heading-6: var(--font-size-3);
2451
- --font-size-body-large: var(--font-size-4);
2452
- --font-size-body-medium: var(--font-size-3);
2453
- --font-size-body-small: var(--font-size-2);
2454
-
2455
- /* font weights */
2456
- --font-weight-thin: var(--font-weight-1);
2457
- --font-weight-extra-light: var(--font-weight-2);
2458
- --font-weight-light: var(--font-weight-3);
2459
- --font-weight-regular: var(--font-weight-4);
2460
- --font-weight-medium: var(--font-weight-5);
2461
- --font-weight-semi-bold: var(--font-weight-6);
2462
- --font-weight-bold: var(--font-weight-7);
2463
- --font-weight-extra-bold: var(--font-weight-8);
2464
- --font-weight-black: var(--font-weight-9);
2465
- --font-weight-extra-black: var(--font-weight-10);
2466
-
2467
- /* line heights */
2468
- --line-height-heading-1: var(--line-height-9);
2469
- --line-height-heading-2: var(--line-height-6);
2470
- --line-height-heading-3: var(--line-height-5);
2471
- --line-height-heading-4: var(--line-height-5);
2472
- --line-height-heading-5: var(--line-height-5);
2473
- --line-height-heading-6: var(--line-height-5);
2474
- --line-height-body-large: var(--line-height-6);
2475
- --line-height-body-medium: var(--line-height-5);
2476
- --line-height-body-small: var(--line-height-3);
2477
-
2478
- /* letter spacing */
2479
- --letter-spacing-heading-1: var(--letter-spacing-1);
2480
- --letter-spacing-heading-2: var(--letter-spacing-1);
2481
- --letter-spacing-heading-3: var(--letter-spacing-1);
2482
- --letter-spacing-heading-4: var(--letter-spacing-1);
2483
- --letter-spacing-heading-5: var(--letter-spacing-1);
2484
- --letter-spacing-heading-6: var(--letter-spacing-1);
2485
- --letter-spacing-body-large: var(--letter-spacing-1);
2486
- --letter-spacing-body-medium: var(--letter-spacing-1);
2487
- --letter-spacing-body-small: var(--letter-spacing-1);
2488
- }
2489
-