@delightui/components 0.1.0

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