@sqrzro/admin 1.0.0-beta.1

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 (476) hide show
  1. package/.eslintrc +4 -0
  2. package/.gitattributes +1 -0
  3. package/.prettierrc +9 -0
  4. package/.storybook/main.js +40 -0
  5. package/.storybook/manager.js +4 -0
  6. package/.storybook/postcss.config.js +3 -0
  7. package/.storybook/preview.js +11 -0
  8. package/.storybook/theme.js +7 -0
  9. package/.stylelintrc +9 -0
  10. package/LICENSE +5 -0
  11. package/README.md +9 -0
  12. package/__mocks__/squarezero-utility.ts +40 -0
  13. package/assets/logo-horizontal-dark.svg +21 -0
  14. package/assets/logo-horizontal-white.svg +21 -0
  15. package/assets/logo-vertical-dark.svg +21 -0
  16. package/assets/logo-vertical-white.svg +21 -0
  17. package/dist/index.css +3554 -0
  18. package/dist/index.js +5099 -0
  19. package/dist/index.js.map +1 -0
  20. package/dist/types/components/Alert/index.d.ts +10 -0
  21. package/dist/types/components/Allow/index.d.ts +13 -0
  22. package/dist/types/components/App/index.d.ts +19 -0
  23. package/dist/types/components/AutoSuggest/index.d.ts +60 -0
  24. package/dist/types/components/Button/index.d.ts +36 -0
  25. package/dist/types/components/CalendarInput/index.d.ts +10 -0
  26. package/dist/types/components/CheckboxList/index.d.ts +4 -0
  27. package/dist/types/components/ConnectedDropdown/index.d.ts +8 -0
  28. package/dist/types/components/ConnectedList/index.d.ts +4 -0
  29. package/dist/types/components/ConnectedScene/index.d.ts +11 -0
  30. package/dist/types/components/ConnectedTable/index.d.ts +4 -0
  31. package/dist/types/components/ContentBlock/index.d.ts +6 -0
  32. package/dist/types/components/DateInput/index.d.ts +7 -0
  33. package/dist/types/components/Document/index.d.ts +6 -0
  34. package/dist/types/components/Dropdown/index.d.ts +14 -0
  35. package/dist/types/components/Fieldset/index.d.ts +11 -0
  36. package/dist/types/components/FileInput/index.d.ts +4 -0
  37. package/dist/types/components/FilterLink/index.d.ts +7 -0
  38. package/dist/types/components/Form/index.d.ts +11 -0
  39. package/dist/types/components/FormActions/index.d.ts +9 -0
  40. package/dist/types/components/FormField/index.d.ts +27 -0
  41. package/dist/types/components/FormRepeater/index.d.ts +8 -0
  42. package/dist/types/components/ImageInput/index.d.ts +4 -0
  43. package/dist/types/components/InfoPanel/index.d.ts +8 -0
  44. package/dist/types/components/Link/__mocks__/index.d.ts +6 -0
  45. package/dist/types/components/Link/index.d.ts +13 -0
  46. package/dist/types/components/List/index.d.ts +23 -0
  47. package/dist/types/components/ListActions/index.d.ts +9 -0
  48. package/dist/types/components/LoginForm/index.d.ts +3 -0
  49. package/dist/types/components/Message/index.d.ts +7 -0
  50. package/dist/types/components/ModalActions/index.d.ts +11 -0
  51. package/dist/types/components/MoneyInput/index.d.ts +10 -0
  52. package/dist/types/components/PasswordForm/index.d.ts +3 -0
  53. package/dist/types/components/PasswordInput/index.d.ts +8 -0
  54. package/dist/types/components/RadioList/index.d.ts +4 -0
  55. package/dist/types/components/Scene/index.d.ts +10 -0
  56. package/dist/types/components/SummaryList/index.d.ts +8 -0
  57. package/dist/types/components/Switch/index.d.ts +9 -0
  58. package/dist/types/components/Table/index.d.ts +13 -0
  59. package/dist/types/components/Tag/index.d.ts +8 -0
  60. package/dist/types/components/TextArea/index.d.ts +4 -0
  61. package/dist/types/components/TextInput/index.d.ts +17 -0
  62. package/dist/types/components/WebsiteInput/index.d.ts +10 -0
  63. package/dist/types/components/WeekCalendar/index.d.ts +12 -0
  64. package/dist/types/core/AppHeader/index.d.ts +3 -0
  65. package/dist/types/core/AppLogo/index.d.ts +6 -0
  66. package/dist/types/core/AppLogoImage/index.d.ts +3 -0
  67. package/dist/types/core/AppLogoPlaceholder/index.d.ts +3 -0
  68. package/dist/types/core/Assistive/index.d.ts +6 -0
  69. package/dist/types/core/Banner/index.d.ts +3 -0
  70. package/dist/types/core/BuildModal/index.d.ts +3 -0
  71. package/dist/types/core/Calendar/index.d.ts +11 -0
  72. package/dist/types/core/CalendarDay/index.d.ts +16 -0
  73. package/dist/types/core/CalendarMonth/index.d.ts +12 -0
  74. package/dist/types/core/CalendarNavigation/index.d.ts +9 -0
  75. package/dist/types/core/CalendarWeek/index.d.ts +14 -0
  76. package/dist/types/core/ChkRad/index.d.ts +10 -0
  77. package/dist/types/core/ChkRadIcon/index.d.ts +7 -0
  78. package/dist/types/core/ChkRadList/index.d.ts +15 -0
  79. package/dist/types/core/CloseButton/index.d.ts +9 -0
  80. package/dist/types/core/ConfirmModal/index.d.ts +3 -0
  81. package/dist/types/core/ConnectedRepeater/index.d.ts +26 -0
  82. package/dist/types/core/ConnectedRepeaterComponent/index.d.ts +24 -0
  83. package/dist/types/core/Container/index.d.ts +7 -0
  84. package/dist/types/core/DropdownPanel/index.d.ts +18 -0
  85. package/dist/types/core/EmptyMessage/index.d.ts +12 -0
  86. package/dist/types/core/ErrorBoundary/index.d.ts +15 -0
  87. package/dist/types/core/ErrorMessage/index.d.ts +8 -0
  88. package/dist/types/core/FilterItem/index.d.ts +10 -0
  89. package/dist/types/core/Filters/index.d.ts +11 -0
  90. package/dist/types/core/FixedActions/index.d.ts +12 -0
  91. package/dist/types/core/FormError/index.d.ts +6 -0
  92. package/dist/types/core/FormLabel/index.d.ts +8 -0
  93. package/dist/types/core/FormLegend/index.d.ts +6 -0
  94. package/dist/types/core/Header/index.d.ts +8 -0
  95. package/dist/types/core/Icon/index.d.ts +7 -0
  96. package/dist/types/core/IconButton/Icon/index.d.ts +7 -0
  97. package/dist/types/core/IconButton/index.d.ts +11 -0
  98. package/dist/types/core/InputPanel/index.d.ts +8 -0
  99. package/dist/types/core/ListItem/index.d.ts +16 -0
  100. package/dist/types/core/ListItemAction/index.d.ts +4 -0
  101. package/dist/types/core/ListItemActions/index.d.ts +8 -0
  102. package/dist/types/core/ListItemMetaItem/index.d.ts +10 -0
  103. package/dist/types/core/ListItemTitle/index.d.ts +9 -0
  104. package/dist/types/core/Loader/index.d.ts +6 -0
  105. package/dist/types/core/MeActions/index.d.ts +3 -0
  106. package/dist/types/core/MePanel/index.d.ts +9 -0
  107. package/dist/types/core/Modal/index.d.ts +12 -0
  108. package/dist/types/core/Navigation/index.d.ts +3 -0
  109. package/dist/types/core/NavigationDivider/index.d.ts +3 -0
  110. package/dist/types/core/NavigationItem/index.d.ts +7 -0
  111. package/dist/types/core/Pagination/index.d.ts +7 -0
  112. package/dist/types/core/PaginationItem/index.d.ts +7 -0
  113. package/dist/types/core/Panel/index.d.ts +8 -0
  114. package/dist/types/core/RadialProgress/index.d.ts +8 -0
  115. package/dist/types/core/StaticTextInput/index.d.ts +12 -0
  116. package/dist/types/core/Styled/index.d.ts +6 -0
  117. package/dist/types/core/SummaryListItem/index.d.ts +15 -0
  118. package/dist/types/core/TableActionsCell/index.d.ts +8 -0
  119. package/dist/types/core/TableCell/index.d.ts +8 -0
  120. package/dist/types/core/TableHead/index.d.ts +8 -0
  121. package/dist/types/core/TableRow/index.d.ts +13 -0
  122. package/dist/types/core/Tabs/index.d.ts +11 -0
  123. package/dist/types/core/TextInputAncillary/index.d.ts +11 -0
  124. package/dist/types/core/Toast/index.d.ts +3 -0
  125. package/dist/types/core/WeekCalendarDay/index.d.ts +14 -0
  126. package/dist/types/filters/BooleanFilter/index.d.ts +5 -0
  127. package/dist/types/filters/DateFilter/index.d.ts +5 -0
  128. package/dist/types/filters/DropdownFilter/index.d.ts +5 -0
  129. package/dist/types/filters/QuickDateFilter/index.d.ts +5 -0
  130. package/dist/types/filters/interfaces.d.ts +36 -0
  131. package/dist/types/hooks/useAccessiblePanel.d.ts +13 -0
  132. package/dist/types/hooks/useAppContext.d.ts +37 -0
  133. package/dist/types/hooks/useClickOutside.d.ts +3 -0
  134. package/dist/types/hooks/useConnectedList.d.ts +7 -0
  135. package/dist/types/hooks/useFilters.d.ts +3 -0
  136. package/dist/types/hooks/useForm.d.ts +26 -0
  137. package/dist/types/hooks/useFormData.d.ts +9 -0
  138. package/dist/types/hooks/useLayout.d.ts +6 -0
  139. package/dist/types/hooks/useModal.d.ts +12 -0
  140. package/dist/types/hooks/useVariant.d.ts +6 -0
  141. package/dist/types/index.d.ts +187 -0
  142. package/dist/types/scenes/Error404Scene.d.ts +3 -0
  143. package/dist/types/services/BuildService.d.ts +5 -0
  144. package/dist/types/services/ConfirmService.d.ts +12 -0
  145. package/dist/types/services/DateService.d.ts +17 -0
  146. package/dist/types/services/DownloadService.d.ts +5 -0
  147. package/dist/types/services/FilterComponentService.d.ts +8 -0
  148. package/dist/types/services/FilterService.d.ts +13 -0
  149. package/dist/types/services/FormatService.d.ts +7 -0
  150. package/dist/types/services/ToastService.d.ts +5 -0
  151. package/dist/types/utility/MockRouter/index.d.ts +2 -0
  152. package/dist/types/utility/StorybookPanel/index.d.ts +7 -0
  153. package/dist/types/utility/TestChangeHandler/index.d.ts +8 -0
  154. package/dist/types/utility/create-app.d.ts +4 -0
  155. package/dist/types/utility/interfaces.d.ts +72 -0
  156. package/dist/types/utility/prop-types.d.ts +40 -0
  157. package/docs/guides/01-installation.story.mdx +33 -0
  158. package/docs/guides/02-configuration.story.mdx +80 -0
  159. package/docs/guides/03-pages.story.mdx +18 -0
  160. package/docs/guides/04-integration.story.mdx +33 -0
  161. package/docs/guides/a11y.story.mdx +7 -0
  162. package/docs/guides/theming.story.mdx +7 -0
  163. package/docs/introduction.story.mdx +17 -0
  164. package/jest.config.js +19 -0
  165. package/package.json +101 -0
  166. package/postcss.config.js +3 -0
  167. package/rollup.config.js +36 -0
  168. package/scripts/create-exports.js +74 -0
  169. package/scripts/update-license.js +8 -0
  170. package/squarezero.config.js +5 -0
  171. package/src/components/Alert/Alert.module.css +50 -0
  172. package/src/components/Alert/Alert.spec.tsx +63 -0
  173. package/src/components/Alert/Alert.story.tsx +23 -0
  174. package/src/components/Alert/index.tsx +67 -0
  175. package/src/components/Allow/Allow.spec.tsx +37 -0
  176. package/src/components/Allow/index.tsx +42 -0
  177. package/src/components/App/App.module.css +22 -0
  178. package/src/components/App/App.spec.tsx +128 -0
  179. package/src/components/App/index.tsx +108 -0
  180. package/src/components/AutoSuggest/AutoSuggest.module.css +8 -0
  181. package/src/components/AutoSuggest/AutoSuggest.spec.tsx +211 -0
  182. package/src/components/AutoSuggest/AutoSuggest.story.tsx +30 -0
  183. package/src/components/AutoSuggest/index.tsx +216 -0
  184. package/src/components/Button/Button.module.css +95 -0
  185. package/src/components/Button/Button.spec.tsx +69 -0
  186. package/src/components/Button/Button.story.tsx +39 -0
  187. package/src/components/Button/index.tsx +99 -0
  188. package/src/components/CalendarInput/CalendarInput.module.css +8 -0
  189. package/src/components/CalendarInput/CalendarInput.spec.tsx +206 -0
  190. package/src/components/CalendarInput/CalendarInput.story.tsx +62 -0
  191. package/src/components/CalendarInput/index.tsx +122 -0
  192. package/src/components/CheckboxList/CheckboxList.spec.tsx +83 -0
  193. package/src/components/CheckboxList/index.tsx +53 -0
  194. package/src/components/ConnectedDropdown/index.tsx +56 -0
  195. package/src/components/ConnectedList/index.tsx +15 -0
  196. package/src/components/ConnectedScene/index.tsx +95 -0
  197. package/src/components/ConnectedTable/index.tsx +17 -0
  198. package/src/components/ContentBlock/ContentBlock.module.css +8 -0
  199. package/src/components/ContentBlock/ContentBlock.spec.tsx +15 -0
  200. package/src/components/ContentBlock/index.tsx +16 -0
  201. package/src/components/DateInput/DateInput.module.css +15 -0
  202. package/src/components/DateInput/DateInput.spec.tsx +91 -0
  203. package/src/components/DateInput/index.tsx +149 -0
  204. package/src/components/Document/index.tsx +20 -0
  205. package/src/components/Dropdown/Dropdown.module.css +8 -0
  206. package/src/components/Dropdown/Dropdown.spec.tsx +286 -0
  207. package/src/components/Dropdown/Dropdown.story.tsx +53 -0
  208. package/src/components/Dropdown/index.tsx +224 -0
  209. package/src/components/Fieldset/Fieldset.spec.tsx +22 -0
  210. package/src/components/Fieldset/Fieldset.story.tsx +21 -0
  211. package/src/components/Fieldset/index.tsx +30 -0
  212. package/src/components/FileInput/FileInput.module.css +18 -0
  213. package/src/components/FileInput/FileInput.spec.tsx +42 -0
  214. package/src/components/FileInput/FileInput.story.tsx +6 -0
  215. package/src/components/FileInput/index.tsx +72 -0
  216. package/src/components/FilterLink/FilterLink.module.css +9 -0
  217. package/src/components/FilterLink/FilterLink.spec.tsx +20 -0
  218. package/src/components/FilterLink/index.tsx +31 -0
  219. package/src/components/Form/Form.spec.tsx +68 -0
  220. package/src/components/Form/index.tsx +87 -0
  221. package/src/components/FormActions/FormActions.spec.tsx +10 -0
  222. package/src/components/FormActions/FormActions.story.tsx +23 -0
  223. package/src/components/FormActions/index.tsx +31 -0
  224. package/src/components/FormField/FormField.module.css +71 -0
  225. package/src/components/FormField/FormField.spec.tsx +137 -0
  226. package/src/components/FormField/FormField.story.tsx +22 -0
  227. package/src/components/FormField/index.tsx +162 -0
  228. package/src/components/FormRepeater/FormRepeater.module.css +3 -0
  229. package/src/components/FormRepeater/FormRepeater.spec.tsx +127 -0
  230. package/src/components/FormRepeater/index.tsx +118 -0
  231. package/src/components/ImageInput/ImageInput.module.css +74 -0
  232. package/src/components/ImageInput/ImageInput.spec.tsx +45 -0
  233. package/src/components/ImageInput/ImageInput.story.tsx +6 -0
  234. package/src/components/ImageInput/index.tsx +91 -0
  235. package/src/components/InfoPanel/InfoPanel.module.css +18 -0
  236. package/src/components/InfoPanel/InfoPanel.spec.tsx +15 -0
  237. package/src/components/InfoPanel/InfoPanel.story.tsx +32 -0
  238. package/src/components/InfoPanel/index.tsx +25 -0
  239. package/src/components/Link/Link.spec.tsx +62 -0
  240. package/src/components/Link/__mocks__/index.tsx +24 -0
  241. package/src/components/Link/index.tsx +51 -0
  242. package/src/components/List/List.module.css +9 -0
  243. package/src/components/List/List.spec.tsx +311 -0
  244. package/src/components/List/List.story.tsx +92 -0
  245. package/src/components/List/index.tsx +79 -0
  246. package/src/components/ListActions/ListActions.spec.tsx +10 -0
  247. package/src/components/ListActions/ListActions.story.tsx +6 -0
  248. package/src/components/ListActions/index.tsx +31 -0
  249. package/src/components/LoginForm/LoginForm.module.css +21 -0
  250. package/src/components/LoginForm/LoginForm.spec.tsx +63 -0
  251. package/src/components/LoginForm/index.tsx +102 -0
  252. package/src/components/Message/Message.module.css +14 -0
  253. package/src/components/Message/Message.spec.tsx +20 -0
  254. package/src/components/Message/index.tsx +27 -0
  255. package/src/components/ModalActions/ModalActions.module.css +5 -0
  256. package/src/components/ModalActions/ModalActions.spec.tsx +53 -0
  257. package/src/components/ModalActions/ModalActions.story.tsx +6 -0
  258. package/src/components/ModalActions/index.tsx +47 -0
  259. package/src/components/MoneyInput/MoneyInput.spec.tsx +17 -0
  260. package/src/components/MoneyInput/MoneyInput.story.tsx +6 -0
  261. package/src/components/MoneyInput/index.tsx +16 -0
  262. package/src/components/PasswordForm/PasswordForm.module.css +21 -0
  263. package/src/components/PasswordForm/index.tsx +94 -0
  264. package/src/components/PasswordInput/PasswordInput.module.css +23 -0
  265. package/src/components/PasswordInput/PasswordInput.spec.tsx +31 -0
  266. package/src/components/PasswordInput/PasswordInput.story.tsx +16 -0
  267. package/src/components/PasswordInput/index.tsx +27 -0
  268. package/src/components/RadioList/RadioList.spec.tsx +45 -0
  269. package/src/components/RadioList/index.tsx +10 -0
  270. package/src/components/Scene/Scene.spec.tsx +123 -0
  271. package/src/components/Scene/Scene.story.tsx +6 -0
  272. package/src/components/Scene/index.tsx +58 -0
  273. package/src/components/SummaryList/SummaryList.module.css +16 -0
  274. package/src/components/SummaryList/SummaryList.spec.tsx +77 -0
  275. package/src/components/SummaryList/SummaryList.story.tsx +11 -0
  276. package/src/components/SummaryList/index.tsx +37 -0
  277. package/src/components/Switch/Switch.module.css +86 -0
  278. package/src/components/Switch/Switch.spec.tsx +64 -0
  279. package/src/components/Switch/index.tsx +85 -0
  280. package/src/components/Table/Table.module.css +14 -0
  281. package/src/components/Table/Table.spec.tsx +128 -0
  282. package/src/components/Table/Table.story.tsx +101 -0
  283. package/src/components/Table/index.tsx +114 -0
  284. package/src/components/Tag/Tag.module.css +37 -0
  285. package/src/components/Tag/Tag.spec.tsx +10 -0
  286. package/src/components/Tag/Tag.story.tsx +55 -0
  287. package/src/components/Tag/index.tsx +27 -0
  288. package/src/components/TextArea/TextArea.module.css +23 -0
  289. package/src/components/TextArea/TextArea.spec.tsx +77 -0
  290. package/src/components/TextArea/index.tsx +59 -0
  291. package/src/components/TextInput/TextInput.module.css +57 -0
  292. package/src/components/TextInput/TextInput.spec.tsx +134 -0
  293. package/src/components/TextInput/TextInput.story.tsx +24 -0
  294. package/src/components/TextInput/index.tsx +146 -0
  295. package/src/components/WebsiteInput/WebsiteInput.spec.tsx +17 -0
  296. package/src/components/WebsiteInput/index.tsx +16 -0
  297. package/src/components/WeekCalendar/WeekCalendar.module.css +19 -0
  298. package/src/components/WeekCalendar/index.tsx +80 -0
  299. package/src/core/AppHeader/index.tsx +23 -0
  300. package/src/core/AppLogo/AppLogo.module.css +19 -0
  301. package/src/core/AppLogo/index.tsx +33 -0
  302. package/src/core/AppLogoImage/index.tsx +19 -0
  303. package/src/core/AppLogoPlaceholder/index.tsx +26 -0
  304. package/src/core/Assistive/Assistive.module.css +10 -0
  305. package/src/core/Assistive/index.tsx +18 -0
  306. package/src/core/Banner/Banner.module.css +36 -0
  307. package/src/core/Banner/index.tsx +25 -0
  308. package/src/core/BuildModal/index.tsx +119 -0
  309. package/src/core/Calendar/index.tsx +116 -0
  310. package/src/core/CalendarDay/CalendarDay.module.css +61 -0
  311. package/src/core/CalendarDay/index.tsx +82 -0
  312. package/src/core/CalendarMonth/CalendarMonth.module.css +13 -0
  313. package/src/core/CalendarMonth/index.tsx +101 -0
  314. package/src/core/CalendarNavigation/CalendarNavigation.module.css +26 -0
  315. package/src/core/CalendarNavigation/index.tsx +56 -0
  316. package/src/core/CalendarWeek/index.tsx +95 -0
  317. package/src/core/ChkRad/ChkRad.module.css +31 -0
  318. package/src/core/ChkRad/ChkRad.spec.tsx +72 -0
  319. package/src/core/ChkRad/index.tsx +80 -0
  320. package/src/core/ChkRadIcon/ChkRadIcon.module.css +28 -0
  321. package/src/core/ChkRadIcon/index.tsx +33 -0
  322. package/src/core/ChkRadList/ChkRadList.module.css +10 -0
  323. package/src/core/ChkRadList/index.tsx +85 -0
  324. package/src/core/CloseButton/CloseButton.spec.tsx +36 -0
  325. package/src/core/CloseButton/index.tsx +31 -0
  326. package/src/core/ConfirmModal/ConfirmModal.spec.tsx +88 -0
  327. package/src/core/ConfirmModal/index.tsx +51 -0
  328. package/src/core/ConnectedRepeater/index.tsx +248 -0
  329. package/src/core/ConnectedRepeaterComponent/index.tsx +66 -0
  330. package/src/core/Container/Container.module.css +12 -0
  331. package/src/core/Container/index.tsx +35 -0
  332. package/src/core/DropdownPanel/DropdownPanel.module.css +68 -0
  333. package/src/core/DropdownPanel/index.tsx +92 -0
  334. package/src/core/EmptyMessage/EmptyMessage.module.css +18 -0
  335. package/src/core/EmptyMessage/index.tsx +31 -0
  336. package/src/core/ErrorBoundary/ErrorBoundary.spec.tsx +33 -0
  337. package/src/core/ErrorBoundary/index.tsx +42 -0
  338. package/src/core/ErrorMessage/ErrorMessage.module.css +25 -0
  339. package/src/core/ErrorMessage/ErrorMessage.spec.tsx +31 -0
  340. package/src/core/ErrorMessage/index.tsx +37 -0
  341. package/src/core/FilterItem/FilterItem.module.css +104 -0
  342. package/src/core/FilterItem/index.tsx +164 -0
  343. package/src/core/Filters/Filters.module.css +86 -0
  344. package/src/core/Filters/Filters.spec.tsx +533 -0
  345. package/src/core/Filters/index.tsx +158 -0
  346. package/src/core/FixedActions/FixedActions.module.css +24 -0
  347. package/src/core/FixedActions/index.tsx +52 -0
  348. package/src/core/FormError/FormError.module.css +7 -0
  349. package/src/core/FormError/index.tsx +18 -0
  350. package/src/core/FormLabel/FormLabel.module.css +15 -0
  351. package/src/core/FormLabel/index.tsx +25 -0
  352. package/src/core/FormLegend/FormLegend.module.css +13 -0
  353. package/src/core/FormLegend/index.tsx +18 -0
  354. package/src/core/Header/Header.module.css +35 -0
  355. package/src/core/Header/index.tsx +37 -0
  356. package/src/core/Icon/Icon.spec.tsx +31 -0
  357. package/src/core/Icon/index.tsx +64 -0
  358. package/src/core/IconButton/Icon/Icon.spec.tsx +31 -0
  359. package/src/core/IconButton/Icon/index.tsx +64 -0
  360. package/src/core/IconButton/IconButton.module.css +32 -0
  361. package/src/core/IconButton/index.tsx +55 -0
  362. package/src/core/InputPanel/InputPanel.module.css +70 -0
  363. package/src/core/InputPanel/index.tsx +28 -0
  364. package/src/core/ListItem/ListItem.module.css +28 -0
  365. package/src/core/ListItem/ListItem.story.tsx +28 -0
  366. package/src/core/ListItem/index.tsx +99 -0
  367. package/src/core/ListItemAction/ListItemAction.module.css +28 -0
  368. package/src/core/ListItemAction/index.tsx +30 -0
  369. package/src/core/ListItemActions/ListItemActions.module.css +94 -0
  370. package/src/core/ListItemActions/index.tsx +55 -0
  371. package/src/core/ListItemMetaItem/ListItemMetaItem.module.css +18 -0
  372. package/src/core/ListItemMetaItem/index.tsx +54 -0
  373. package/src/core/ListItemTitle/ListItemTitle.module.css +14 -0
  374. package/src/core/ListItemTitle/ListItemTitle.spec.tsx +33 -0
  375. package/src/core/ListItemTitle/index.tsx +72 -0
  376. package/src/core/Loader/Loader.module.css +57 -0
  377. package/src/core/Loader/Loader.story.tsx +8 -0
  378. package/src/core/Loader/index.tsx +27 -0
  379. package/src/core/MeActions/MeActions.module.css +45 -0
  380. package/src/core/MeActions/index.tsx +46 -0
  381. package/src/core/MePanel/MePanel.module.css +75 -0
  382. package/src/core/MePanel/index.tsx +45 -0
  383. package/src/core/Modal/Modal.module.css +84 -0
  384. package/src/core/Modal/Modal.spec.tsx +51 -0
  385. package/src/core/Modal/index.tsx +66 -0
  386. package/src/core/Navigation/Navigation.module.css +83 -0
  387. package/src/core/Navigation/Navigation.spec.tsx +101 -0
  388. package/src/core/Navigation/index.tsx +109 -0
  389. package/src/core/NavigationDivider/NavigationDivider.module.css +18 -0
  390. package/src/core/NavigationDivider/index.tsx +13 -0
  391. package/src/core/NavigationItem/NavigationItem.module.css +51 -0
  392. package/src/core/NavigationItem/index.tsx +59 -0
  393. package/src/core/Pagination/Pagination.module.css +15 -0
  394. package/src/core/Pagination/index.tsx +100 -0
  395. package/src/core/PaginationItem/PaginationItem.module.css +33 -0
  396. package/src/core/PaginationItem/index.tsx +46 -0
  397. package/src/core/Panel/Panel.module.css +15 -0
  398. package/src/core/Panel/index.tsx +31 -0
  399. package/src/core/RadialProgress/RadialProgress.module.css +78 -0
  400. package/src/core/RadialProgress/index.tsx +52 -0
  401. package/src/core/StaticTextInput/StaticTextInput.module.css +79 -0
  402. package/src/core/StaticTextInput/StaticTextInput.spec.tsx +133 -0
  403. package/src/core/StaticTextInput/index.tsx +114 -0
  404. package/src/core/Styled/Styled.spec.tsx +38 -0
  405. package/src/core/Styled/Styled.story.tsx +10 -0
  406. package/src/core/Styled/index.tsx +62 -0
  407. package/src/core/SummaryListItem/SummaryListItem.module.css +28 -0
  408. package/src/core/SummaryListItem/index.tsx +60 -0
  409. package/src/core/TableActionsCell/TableActionsCell.module.css +3 -0
  410. package/src/core/TableActionsCell/index.tsx +37 -0
  411. package/src/core/TableCell/TableCell.module.css +16 -0
  412. package/src/core/TableCell/index.tsx +39 -0
  413. package/src/core/TableHead/TableHead.module.css +12 -0
  414. package/src/core/TableHead/index.tsx +48 -0
  415. package/src/core/TableRow/index.tsx +64 -0
  416. package/src/core/Tabs/Tabs.module.css +50 -0
  417. package/src/core/Tabs/index.tsx +94 -0
  418. package/src/core/TextInputAncillary/TextInputAncillary.module.css +64 -0
  419. package/src/core/TextInputAncillary/index.tsx +72 -0
  420. package/src/core/Toast/Toast.module.css +55 -0
  421. package/src/core/Toast/Toast.spec.tsx +78 -0
  422. package/src/core/Toast/index.tsx +81 -0
  423. package/src/core/WeekCalendarDay/WeekCalendarDay.module.css +32 -0
  424. package/src/core/WeekCalendarDay/index.tsx +68 -0
  425. package/src/filters/BooleanFilter/index.tsx +46 -0
  426. package/src/filters/DateFilter/index.tsx +36 -0
  427. package/src/filters/DropdownFilter/index.tsx +53 -0
  428. package/src/filters/QuickDateFilter/index.tsx +74 -0
  429. package/src/filters/interfaces.ts +40 -0
  430. package/src/hooks/useAccessiblePanel.spec.tsx +88 -0
  431. package/src/hooks/useAccessiblePanel.ts +74 -0
  432. package/src/hooks/useAppContext.ts +77 -0
  433. package/src/hooks/useClickOutside.ts +49 -0
  434. package/src/hooks/useConnectedList.ts +26 -0
  435. package/src/hooks/useFilters.ts +26 -0
  436. package/src/hooks/useForm.spec.ts +126 -0
  437. package/src/hooks/useForm.ts +99 -0
  438. package/src/hooks/useFormData.spec.ts +40 -0
  439. package/src/hooks/useFormData.ts +27 -0
  440. package/src/hooks/useLayout.spec.ts +55 -0
  441. package/src/hooks/useLayout.ts +29 -0
  442. package/src/hooks/useModal.spec.tsx +63 -0
  443. package/src/hooks/useModal.ts +60 -0
  444. package/src/hooks/useVariant.spec.ts +14 -0
  445. package/src/hooks/useVariant.ts +34 -0
  446. package/src/index.ts +194 -0
  447. package/src/scenes/Error404Scene.tsx +5 -0
  448. package/src/services/BuildService.spec.ts +56 -0
  449. package/src/services/BuildService.ts +34 -0
  450. package/src/services/ConfirmService.ts +21 -0
  451. package/src/services/DateService.spec.ts +87 -0
  452. package/src/services/DateService.ts +137 -0
  453. package/src/services/DownloadService.spec.ts +29 -0
  454. package/src/services/DownloadService.ts +14 -0
  455. package/src/services/FilterComponentService.tsx +46 -0
  456. package/src/services/FilterService.spec.ts +87 -0
  457. package/src/services/FilterService.ts +58 -0
  458. package/src/services/FormatService.spec.ts +83 -0
  459. package/src/services/FormatService.ts +55 -0
  460. package/src/services/ToastService.spec.ts +44 -0
  461. package/src/services/ToastService.ts +19 -0
  462. package/src/styles/layout.css +64 -0
  463. package/src/styles/variables.css +85 -0
  464. package/src/typings.d.ts +4 -0
  465. package/src/utility/MockRouter/index.ts +45 -0
  466. package/src/utility/StorybookPanel/StorybookPanel.module.css +9 -0
  467. package/src/utility/StorybookPanel/index.tsx +25 -0
  468. package/src/utility/TestChangeHandler/TestChangeHandler.module.css +7 -0
  469. package/src/utility/TestChangeHandler/TestChangeHandler.spec.tsx +24 -0
  470. package/src/utility/TestChangeHandler/index.tsx +54 -0
  471. package/src/utility/create-app.tsx +29 -0
  472. package/src/utility/interfaces.ts +119 -0
  473. package/src/utility/prop-types.ts +67 -0
  474. package/tests/setupFilesAfterEnv.js +10 -0
  475. package/tsconfig.json +26 -0
  476. package/tsconfig.types.json +9 -0
package/dist/index.css ADDED
@@ -0,0 +1,3554 @@
1
+ .Header-module_root__U-HJd {
2
+ background-color: #fff;
3
+ background-color: var(--clr-white);
4
+ box-shadow: 0 .3rem .3rem rgba(0, 0, 0, .02), 0 1rem 1rem rgba(0, 0, 0, .02);
5
+ display: flex;
6
+ flex-direction: column;
7
+ height: 6rem;
8
+ justify-content: center;
9
+ padding: 0 max(1rem, min(2.5vw, 3rem));
10
+ position: -webkit-sticky;
11
+ position: sticky;
12
+ text-align: left;
13
+ top: 0;
14
+ z-index: 2
15
+ }
16
+
17
+ @media (min-width: 580px) {
18
+
19
+ .Header-module_root__U-HJd {
20
+ height: 8rem;
21
+ height: var(--header-height)
22
+ }
23
+ }
24
+
25
+ .Header-module_rootTopbar__Lzosn {
26
+ position: relative;
27
+ }
28
+
29
+ .Header-module_title__gKLK- {
30
+ color: #718096;
31
+ color: var(--clr-grey600);
32
+ font-size: 1.8rem;
33
+ font-size: var(--fs-lrg);
34
+ font-weight: 600;
35
+ font-weight: var(--fw-bold)
36
+ }
37
+
38
+ @media (min-width: 580px) {
39
+
40
+ .Header-module_title__gKLK- {
41
+ font-size: 2.2rem;
42
+ font-size: var(--fs-xlrg)
43
+ }
44
+ }
45
+
46
+ .Header-module_titleDanger__GyWBI {
47
+ color: #ee3768;
48
+ color: var(--clr-danger);
49
+ }
50
+
51
+ .Assistive-module_root__oeyCd {
52
+ height: .1rem;
53
+ left: -99em;
54
+ overflow: hidden;
55
+ pointer-events: none;
56
+ position: absolute;
57
+ top: auto;
58
+ white-space: nowrap;
59
+ width: .1rem;
60
+ }
61
+
62
+ .AppLogo-module_root__4unYt {
63
+ align-items: center;
64
+ display: flex;
65
+ flex-direction: column;
66
+ height: 100%;
67
+ justify-content: center;
68
+ position: relative;
69
+ text-indent: -999rem;
70
+ white-space: nowrap;
71
+ width: 100%
72
+ }
73
+ .AppLogo-module_root__4unYt svg {
74
+ height: calc(100% - 2rem);
75
+ left: 1rem;
76
+ position: absolute;
77
+ top: 1rem;
78
+ width: calc(100% - 2rem);
79
+ }
80
+
81
+ .NavigationDivider-module_root__1vmnI {
82
+ background-color: #4a5568;
83
+ background-color: var(--clr-grey700);
84
+ height: .1rem;
85
+ margin: 1rem 0;
86
+ overflow: hidden;
87
+ text-indent: 100%;
88
+ }
89
+
90
+ .NavigationDivider-module_rootTopbar__Sx23o {
91
+ background-color: #718096;
92
+ background-color: var(--clr-grey600);
93
+ margin: 0
94
+ }
95
+
96
+ @media (min-width: 740px) {
97
+
98
+ .NavigationDivider-module_rootTopbar__Sx23o {
99
+ height: 2rem;
100
+ margin: 0 1rem;
101
+ width: .1rem
102
+ }
103
+ }
104
+
105
+ .NavigationItem-module_root__bpu35 {
106
+ font-size: 1.3rem;
107
+ font-size: var(--fs-sml);
108
+ line-height: 4rem;
109
+ margin-bottom: 1rem;
110
+ padding: 0 1rem;
111
+ }
112
+
113
+ .NavigationItem-module_rootTopbar__XB7PG {
114
+ line-height: 1;
115
+ margin: 0;
116
+ padding: 0;
117
+ text-transform: none
118
+ }
119
+
120
+ @media (min-width: 740px) {
121
+
122
+ .NavigationItem-module_rootTopbar__XB7PG {
123
+ margin: 0 .5rem
124
+ }
125
+ }
126
+
127
+ .NavigationItem-module_link__TlJuA {
128
+ background-color: transparent;
129
+ border: 0;
130
+ color: #fff;
131
+ color: var(--clr-white);
132
+ cursor: pointer;
133
+ display: block;
134
+ font-family: inherit;
135
+ font-size: inherit;
136
+ font-weight: inherit;
137
+ padding: 0 1rem;
138
+ text-align: left;
139
+ width: 100%
140
+ }
141
+
142
+ .NavigationItem-module_link__TlJuA:hover {
143
+ color: #edf2f7;
144
+ color: var(--clr-grey200);
145
+ }
146
+
147
+ @media (min-width: 740px) {
148
+
149
+ .NavigationItem-module_link__TlJuA {
150
+ border-radius: .3rem
151
+ }
152
+ }
153
+
154
+ .NavigationItem-module_linkTopbar__zyD8t {
155
+ padding: 2rem max(1rem, min(2.5vw, 3rem))
156
+ }
157
+
158
+ @media (min-width: 740px) {
159
+
160
+ .NavigationItem-module_linkTopbar__zyD8t {
161
+ padding: 1rem
162
+ }
163
+ }
164
+
165
+ .NavigationItem-module_linkIsActive__fj-xH {
166
+ background-color: #4a5568;
167
+ background-color: var(--clr-grey700);
168
+ }
169
+
170
+
171
+ @media (min-width: 740px) {
172
+
173
+ .Navigation-module_root__uKX8- {
174
+ padding-top: 1rem
175
+ }
176
+ }
177
+
178
+ .Navigation-module_rootTopbar__4FfBZ {
179
+ background-color: #2d3748;
180
+ background-color: var(--clr-grey800);
181
+ bottom: 0;
182
+ display: none;
183
+ left: 0;
184
+ padding-bottom: .5rem;
185
+ position: fixed;
186
+ right: 0;
187
+ top: 6rem
188
+ }
189
+
190
+ @media (min-width: 740px) {
191
+
192
+ .Navigation-module_rootTopbar__4FfBZ {
193
+ align-items: center;
194
+ background-color: transparent;
195
+ display: flex;
196
+ margin: 0 auto 0 max(1rem, min(2.5vw, 2rem));
197
+ padding: 0;
198
+ position: relative;
199
+ top: 0
200
+ }
201
+ }
202
+
203
+ .Navigation-module_rootIsOpen__6jnjp {
204
+ display: block
205
+ }
206
+
207
+ @media (min-width: 740px) {
208
+
209
+ .Navigation-module_rootIsOpen__6jnjp {
210
+ display: flex
211
+ }
212
+ }
213
+
214
+ .Navigation-module_control__EAILO {
215
+ background-color: transparent;
216
+ border: .2rem #fff solid;
217
+ border: .2rem var(--clr-white) solid;
218
+ border-radius: 50%;
219
+ cursor: pointer;
220
+ display: block;
221
+ height: 4rem;
222
+ overflow: hidden;
223
+ position: fixed;
224
+ right: 6rem;
225
+ text-indent: 5rem;
226
+ top: 1rem;
227
+ width: 4rem
228
+ }
229
+
230
+ .Navigation-module_control__EAILO::before {
231
+ border-top: .2rem #fff solid;
232
+ border-top: .2rem var(--clr-white) solid;
233
+ border-bottom: .6rem #fff double;
234
+ border-bottom: .6rem var(--clr-white) double;
235
+ content: '';
236
+ height: 1rem;
237
+ left: 1rem;
238
+ position: absolute;
239
+ right: 1rem;
240
+ top: calc(50% - .5rem);
241
+ }
242
+
243
+ @media (min-width: 740px) {
244
+
245
+ .Navigation-module_control__EAILO {
246
+ display: none
247
+ }
248
+ }
249
+
250
+ .Navigation-module_controlIsOpen__I-STs::before,
251
+ .Navigation-module_controlIsOpen__I-STs::after {
252
+ background-color: #fff;
253
+ background-color: var(--clr-white);
254
+ border: 0;
255
+ content: '';
256
+ height: .2rem;
257
+ left: 1rem;
258
+ position: absolute;
259
+ right: 1rem;
260
+ top: calc(50% - .1rem);
261
+ transform: rotate(45deg);
262
+ }
263
+
264
+ .Navigation-module_controlIsOpen__I-STs::after {
265
+ transform: rotate(-45deg);
266
+ }
267
+
268
+ .MePanel-module_root__S0hO2 {
269
+ background-color: #fff;
270
+ background-color: var(--clr-white);
271
+ border-radius: .5rem;
272
+ bottom: calc(100% + 1.5rem);
273
+ box-shadow: 0 .3rem 2rem rgba(0, 0, 0, .3);
274
+ left: 0;
275
+ opacity: 0;
276
+ padding: 1.5rem;
277
+ position: absolute;
278
+ pointer-events: none;
279
+ transform: translateY(-1rem);
280
+ transition: opacity .2s ease-in-out, transform .2s ease-in-out;
281
+ width: 30rem
282
+ }
283
+
284
+ .MePanel-module_root__S0hO2::before {
285
+ border-top: 1rem #fff solid;
286
+ border-top: 1rem var(--clr-white) solid;
287
+ border-left: 1rem transparent solid;
288
+ border-right: 1rem transparent solid;
289
+ content: '';
290
+ position: absolute;
291
+ left: 1rem;
292
+ bottom: -1rem;
293
+ }
294
+
295
+ .MePanel-module_rootTopbar__TxuPu {
296
+ bottom: auto;
297
+ left: auto;
298
+ right: 0;
299
+ top: calc(100% + 1.5rem);
300
+ transform: translateY(1rem)
301
+ }
302
+
303
+ .MePanel-module_rootTopbar__TxuPu::before {
304
+ border-bottom: 1rem #fff solid;
305
+ border-bottom: 1rem var(--clr-white) solid;
306
+ border-top: none;
307
+ bottom: auto;
308
+ left: auto;
309
+ right: 1rem;
310
+ top: -1rem;
311
+ }
312
+
313
+ .MePanel-module_rootIsOpen__xiohT {
314
+ opacity: 1;
315
+ pointer-events: all;
316
+ transform: translateY(0);
317
+ }
318
+
319
+ .MePanel-module_title__O08eg {
320
+ border-bottom: .1rem #edf2f7 solid;
321
+ border-bottom: .1rem var(--clr-grey200) solid;
322
+ color: #4a5568;
323
+ color: var(--clr-grey700);
324
+ font-weight: 600;
325
+ font-weight: var(--fw-bold);
326
+ font-size: 1.8rem;
327
+ font-size: var(--fs-lrg);
328
+ margin-bottom: 1rem;
329
+ padding-bottom: 1rem;
330
+ }
331
+
332
+ .MePanel-module_action__0DHeU {
333
+ background: none;
334
+ border: 0;
335
+ color: #0074d9;
336
+ color: var(--clr-link);
337
+ cursor: pointer;
338
+ display: block;
339
+ font-family: inherit;
340
+ font-size: 1.2rem;
341
+ font-size: var(--fs-xsml);
342
+ padding: 0
343
+ }
344
+
345
+ .MePanel-module_action__0DHeU:hover {
346
+ color: #1e40af;
347
+ color: var(--clr-link-hover);
348
+ }
349
+
350
+ .MePanel-module_action__0DHeU:focus {
351
+ outline: none;
352
+ }
353
+
354
+ .MeActions-module_root__wx6tW {
355
+ font-size: 1.3rem;
356
+ font-size: var(--fs-sml);
357
+ margin: auto auto 0;
358
+ position: relative;
359
+ width: 4rem;
360
+ }
361
+
362
+ .MeActions-module_rootTopbar__2heoW {
363
+ margin: 0;
364
+ }
365
+
366
+ .MeActions-module_name__OYXoN {
367
+ background-color: transparent;
368
+ border: .2rem #fff solid;
369
+ border: .2rem var(--clr-white) solid;
370
+ border-radius: 50%;
371
+ color: #fff;
372
+ color: var(--clr-white);
373
+ cursor: pointer;
374
+ display: block;
375
+ font-family: inherit;
376
+ font-weight: 600;
377
+ font-weight: var(--fw-bold);
378
+ height: 4rem;
379
+ padding: 0;
380
+ position: relative;
381
+ text-align: center;
382
+ width: 100%
383
+ }
384
+
385
+ .MeActions-module_name__OYXoN:focus {
386
+ outline: none
387
+ }
388
+
389
+ .MeActions-module_name__OYXoN:focus::before {
390
+ border: .1rem #a0aec0 dashed;
391
+ border: .1rem var(--clr-grey500) dashed;
392
+ border-radius: 50%;
393
+ bottom: -.5rem;
394
+ content: '';
395
+ left: -.5rem;
396
+ position: absolute;
397
+ right: -.5rem;
398
+ top: -.5rem;
399
+ }
400
+
401
+ .MeActions-module_name__OYXoN abbr[title] {
402
+ text-decoration: none;
403
+ }
404
+
405
+ .Banner-module_root__IyMVg {
406
+ background-color: #1a202c;
407
+ background-color: var(--clr-grey900);
408
+ bottom: 0;
409
+ display: flex;
410
+ flex-direction: column;
411
+ left: 0;
412
+ padding-bottom: 2rem;
413
+ position: fixed;
414
+ top: 0;
415
+ width: 22rem;
416
+ width: var(--banner-width);
417
+ z-index: 5;
418
+ }
419
+
420
+ .Banner-module_rootTopbar__4ZxdM {
421
+ align-items: center;
422
+ flex-direction: row;
423
+ height: 6rem;
424
+ justify-content: space-between;
425
+ padding: 0;
426
+ padding-right: 1rem;
427
+ position: -webkit-sticky;
428
+ position: sticky;
429
+ top: 0;
430
+ width: 100%;
431
+ }
432
+
433
+ .Banner-module_logo__zPJEO {
434
+ background-color: #2ecc40;
435
+ background-color: var(--clr-brand);
436
+ height: 8rem;
437
+ height: var(--header-height);
438
+ padding: 1rem;
439
+ }
440
+
441
+ .Banner-module_logoTopbar__ggwss {
442
+ height: 100%;
443
+ padding: 0;
444
+ width: 6rem;
445
+ }
446
+
447
+ .ContentBlock-module_root__SVgiI {
448
+ font-size: 1.3rem;
449
+ font-size: var(--fs-sml);
450
+ margin-bottom: 3rem
451
+ }
452
+ .ContentBlock-module_root__SVgiI p:not(:last-child) {
453
+ margin-bottom: 1.5rem;
454
+ }
455
+
456
+ .Button-module_root__Q2R8- {
457
+ -webkit-appearance: none;
458
+ align-items: center;
459
+ background-color: #0074d9;
460
+ background-color: var(--clr-link);
461
+ border: .2rem #0074d9 solid;
462
+ border: .2rem var(--clr-link) solid;
463
+ border-radius: .5rem;
464
+ color: #fff;
465
+ color: var(--clr-white);
466
+ cursor: pointer;
467
+ display: flex;
468
+ flex-direction: column;
469
+ font-family: inherit;
470
+ font-size: 1.3rem;
471
+ font-size: var(--fs-sml);
472
+ font-weight: 600;
473
+ font-weight: var(--fw-bold);
474
+ height: 4.4rem;
475
+ height: var(--input-height);
476
+ justify-content: center;
477
+ min-width: 10rem;
478
+ padding: 0 1.8rem;
479
+ position: relative;
480
+ text-align: center;
481
+ transition: background-color .15s, border-color .15s;
482
+ white-space: nowrap
483
+ }
484
+
485
+ .Button-module_root__Q2R8-:hover {
486
+ background-color: #1e40af;
487
+ background-color: var(--clr-link-hover);
488
+ border-color: #1e40af;
489
+ border-color: var(--clr-link-hover);
490
+ color: #fff;
491
+ color: var(--clr-white);
492
+ }
493
+
494
+ .Button-module_root__Q2R8-:focus {
495
+ outline: none
496
+ }
497
+
498
+ .Button-module_root__Q2R8-:focus::before {
499
+ border: .1rem #a0aec0 dashed;
500
+ border: .1rem var(--clr-grey500) dashed;
501
+ border-radius: .7rem;
502
+ bottom: -.5rem;
503
+ content: '';
504
+ left: -.5rem;
505
+ position: absolute;
506
+ right: -.5rem;
507
+ top: -.5rem;
508
+ }
509
+
510
+ .Button-module_rootLink__5XFDh {
511
+ background-color: transparent;
512
+ border-color: transparent;
513
+ color: #0074d9;
514
+ color: var(--clr-link)
515
+ }
516
+
517
+ .Button-module_rootLink__5XFDh:hover {
518
+ background-color: transparent;
519
+ border-color: transparent;
520
+ color: #1e40af;
521
+ color: var(--clr-link-hover);
522
+ }
523
+
524
+ .Button-module_rootBordered__LNDcc {
525
+ background-color: transparent;
526
+ color: #0074d9;
527
+ color: var(--clr-link)
528
+ }
529
+
530
+ .Button-module_rootBordered__LNDcc:hover {
531
+ background-color: transparent;
532
+ border-color: #1e40af;
533
+ border-color: var(--clr-link-hover);
534
+ color: #1e40af;
535
+ color: var(--clr-link-hover);
536
+ }
537
+
538
+ .Button-module_rootDanger__zYJ2e {
539
+ background-color: #ee3768;
540
+ background-color: var(--clr-danger);
541
+ border-color: #ee3768;
542
+ border-color: var(--clr-danger)
543
+ }
544
+
545
+ .Button-module_rootDanger__zYJ2e:hover {
546
+ background-color: #d3184a;
547
+ background-color: var(--clr-danger-dark);
548
+ border-color: #d3184a;
549
+ border-color: var(--clr-danger-dark);
550
+ }
551
+
552
+ .Button-module_rootBorderedDanger__fKfsW {
553
+ background-color: transparent;
554
+ border-color: #ee3768;
555
+ border-color: var(--clr-danger);
556
+ color: #ee3768;
557
+ color: var(--clr-danger);
558
+ }
559
+
560
+ .Button-module_rootIsDisabled__sPT9k {
561
+ background-color: #cbd5e0;
562
+ background-color: var(--clr-grey400);
563
+ border-color: #cbd5e0;
564
+ border-color: var(--clr-grey400);
565
+ color: #4a5568;
566
+ color: var(--clr-grey700);
567
+ opacity: .3;
568
+ pointer-events: none;
569
+ -webkit-user-select: none;
570
+ -moz-user-select: none;
571
+ -ms-user-select: none;
572
+ user-select: none;
573
+ }
574
+
575
+ .Button-module_rootIsFullWidth__iY9W6 {
576
+ width: 100%;
577
+ }
578
+
579
+ .ModalActions-module_root__fP0z- {
580
+ border-top: .1rem #e2e8f0 solid;
581
+ border-top: .1rem var(--clr-grey300) solid;
582
+ display: flex;
583
+ padding-top: 3rem;
584
+ }
585
+
586
+ .IconButton-module_root__ES6FD {
587
+ align-items: center;
588
+ background: none;
589
+ border: .1rem transparent solid;
590
+ border-radius: .7rem;
591
+ cursor: pointer;
592
+ display: flex;
593
+ fill: #718096;
594
+ fill: var(--clr-grey600);
595
+ height: 4rem;
596
+ justify-content: center;
597
+ overflow: hidden;
598
+ position: relative;
599
+ width: 4rem
600
+ }
601
+
602
+ .IconButton-module_root__ES6FD:focus {
603
+ border: .1rem #cbd5e0 dashed;
604
+ border: .1rem var(--clr-grey400) dashed;
605
+ outline: none;
606
+ }
607
+
608
+ .IconButton-module_rootSm__liLd0 {
609
+ height: 3rem;
610
+ width: 3rem;
611
+ }
612
+
613
+ .IconButton-module_rootWhite__WgfSv {
614
+ fill: #fff;
615
+ fill: var(--clr-white)
616
+ }
617
+
618
+ .IconButton-module_rootWhite__WgfSv:focus {
619
+ border-color: #fff;
620
+ border-color: var(--clr-white);
621
+ }
622
+
623
+ @-webkit-keyframes Modal-module_overlayEnter__egZuB {
624
+ from {
625
+ opacity: 0;
626
+ }
627
+
628
+ to {
629
+ opacity: 1;
630
+ }
631
+ }
632
+
633
+ @keyframes Modal-module_overlayEnter__egZuB {
634
+ from {
635
+ opacity: 0;
636
+ }
637
+
638
+ to {
639
+ opacity: 1;
640
+ }
641
+ }
642
+
643
+ @-webkit-keyframes Modal-module_panelEnter__64Oy7 {
644
+ 0% {
645
+ opacity: 0;
646
+ transform: translate3d(100%, 0, 0);
647
+ }
648
+
649
+ 100% {
650
+ opacity: 1;
651
+ transform: translate3d(0, 0, 0);
652
+ }
653
+ }
654
+
655
+ @keyframes Modal-module_panelEnter__64Oy7 {
656
+ 0% {
657
+ opacity: 0;
658
+ transform: translate3d(100%, 0, 0);
659
+ }
660
+
661
+ 100% {
662
+ opacity: 1;
663
+ transform: translate3d(0, 0, 0);
664
+ }
665
+ }
666
+
667
+ .Modal-module_root__JPEB1 {
668
+ bottom: 0;
669
+ display: flex;
670
+ justify-content: flex-end;
671
+ left: 0;
672
+ position: fixed;
673
+ right: 0;
674
+ top: 0;
675
+ z-index: 10;
676
+ }
677
+
678
+ .Modal-module_overlay__GNnXS {
679
+ -webkit-animation: Modal-module_overlayEnter__egZuB .2s;
680
+ animation: Modal-module_overlayEnter__egZuB .2s;
681
+ background-color: rgba(21, 37, 58, .9);
682
+ bottom: 0;
683
+ left: 0;
684
+ position: absolute;
685
+ right: 0;
686
+ top: 0;
687
+ }
688
+
689
+ .Modal-module_panel__NrFU5 {
690
+ -webkit-animation: Modal-module_panelEnter__64Oy7 .2s;
691
+ animation: Modal-module_panelEnter__64Oy7 .2s;
692
+ background-color: #f7fafc;
693
+ background-color: var(--clr-grey100);
694
+ height: 100%;
695
+ min-width: 31rem;
696
+ overflow-y: auto;
697
+ position: relative;
698
+ width: 70%;
699
+ }
700
+
701
+ .Modal-module_panelSm__u59z3 {
702
+ max-width: 48rem;
703
+ }
704
+
705
+ .Modal-module_panelMd__9mjNZ {
706
+ max-width: 56rem;
707
+ }
708
+
709
+ .Modal-module_panelLg__1-NMd {
710
+ max-width: 80rem;
711
+ }
712
+
713
+ .Modal-module_panelXl__9kRrb {
714
+ max-width: 92rem;
715
+ }
716
+
717
+ .Modal-module_content__Kc7H0 {
718
+ padding: 3rem max(1rem, min(2.5vw, 3rem)) 6rem;
719
+ position: relative;
720
+ }
721
+
722
+ .Modal-module_close__kmJxq {
723
+ position: fixed;
724
+ right: max(1rem, min(2.5vw, 3rem));
725
+ top: 1.2rem;
726
+ z-index: 3
727
+ }
728
+
729
+ @media (min-width: 580px) {
730
+
731
+ .Modal-module_close__kmJxq {
732
+ top: 2.2rem
733
+ }
734
+ }
735
+
736
+ @-webkit-keyframes Loader-module_anim__e9ZXQ {
737
+ 0% {
738
+ opacity: 1;
739
+ }
740
+
741
+ 40% {
742
+ opacity: 0;
743
+ }
744
+
745
+ 100% {
746
+ opacity: 1;
747
+ }
748
+ }
749
+
750
+ @keyframes Loader-module_anim__e9ZXQ {
751
+ 0% {
752
+ opacity: 1;
753
+ }
754
+
755
+ 40% {
756
+ opacity: 0;
757
+ }
758
+
759
+ 100% {
760
+ opacity: 1;
761
+ }
762
+ }
763
+
764
+ .Loader-module_root__gONXi {
765
+ display: flex;
766
+ height: 1rem;
767
+ justify-content: space-between;
768
+ margin: 8rem auto;
769
+ width: 4rem
770
+ }
771
+
772
+ .Loader-module_root__gONXi span {
773
+ overflow: hidden;
774
+ position: absolute;
775
+ text-indent: 5rem;
776
+ width: 0;
777
+ }
778
+
779
+ .Loader-module_root__gONXi i {
780
+ -webkit-animation: Loader-module_anim__e9ZXQ 1s;
781
+ animation: Loader-module_anim__e9ZXQ 1s;
782
+ -webkit-animation-fill-mode: both;
783
+ animation-fill-mode: both;
784
+ -webkit-animation-iteration-count: infinite;
785
+ animation-iteration-count: infinite;
786
+ background-color: #cbd5e0;
787
+ background-color: var(--clr-grey400);
788
+ border-radius: 50%;
789
+ height: 1rem;
790
+ width: 1rem
791
+ }
792
+
793
+ .Loader-module_root__gONXi i:nth-child(2) {
794
+ -webkit-animation-delay: .2s;
795
+ animation-delay: .2s;
796
+ }
797
+
798
+ .Loader-module_root__gONXi i:nth-child(3) {
799
+ -webkit-animation-delay: .4s;
800
+ animation-delay: .4s;
801
+ }
802
+
803
+ .Loader-module_rootIsMini__q-yxN {
804
+ height: .8rem;
805
+ margin: 0;
806
+ width: 3.2rem
807
+ }
808
+
809
+ .Loader-module_rootIsMini__q-yxN i {
810
+ height: .8rem;
811
+ width: .8rem;
812
+ }
813
+
814
+ @-webkit-keyframes RadialProgress-module_spin__boK2i {
815
+ 0% {
816
+ opacity: 1;
817
+ transform: rotate(0);
818
+ }
819
+
820
+ 100% {
821
+ opacity: 1;
822
+ transform: rotate(180deg);
823
+ }
824
+ }
825
+
826
+ @keyframes RadialProgress-module_spin__boK2i {
827
+ 0% {
828
+ opacity: 1;
829
+ transform: rotate(0);
830
+ }
831
+
832
+ 100% {
833
+ opacity: 1;
834
+ transform: rotate(180deg);
835
+ }
836
+ }
837
+
838
+ .RadialProgress-module_root__yWbMR {
839
+ border-radius: 50%;
840
+ overflow: hidden;
841
+ padding: .2rem;
842
+ position: relative;
843
+ }
844
+
845
+ .RadialProgress-module_semi1__Qig8U {
846
+ -webkit-animation: RadialProgress-module_spin__boK2i 5s linear;
847
+ animation: RadialProgress-module_spin__boK2i 5s linear;
848
+ -webkit-animation-fill-mode: forwards;
849
+ animation-fill-mode: forwards;
850
+ background-color: #fff;
851
+ background-color: var(--clr-white);
852
+ height: 100%;
853
+ left: -50%;
854
+ position: absolute;
855
+ transform-origin: 100% 50%;
856
+ top: 0;
857
+ width: 100%;
858
+ }
859
+
860
+ .RadialProgress-module_semi2__aDxGP {
861
+ -webkit-animation: RadialProgress-module_spin__boK2i 5s linear;
862
+ animation: RadialProgress-module_spin__boK2i 5s linear;
863
+ -webkit-animation-delay: 5s;
864
+ animation-delay: 5s;
865
+ -webkit-animation-fill-mode: forwards;
866
+ animation-fill-mode: forwards;
867
+ background-color: #fff;
868
+ background-color: var(--clr-white);
869
+ height: 100%;
870
+ opacity: 0;
871
+ position: absolute;
872
+ right: -50%;
873
+ top: 0;
874
+ transform-origin: 0 50%;
875
+ width: 100%;
876
+ }
877
+
878
+ .RadialProgress-module_mask__E1Rtb {
879
+ background-color: #2d3748;
880
+ background-color: var(--clr-grey800);
881
+ height: 100%;
882
+ left: -50%;
883
+ position: absolute;
884
+ transform-origin: 100% 50%;
885
+ top: 0;
886
+ width: 100%;
887
+ }
888
+
889
+ .RadialProgress-module_maskError__P-7uJ {
890
+ background-color: #ee3768;
891
+ background-color: var(--clr-error);
892
+ }
893
+
894
+ .RadialProgress-module_maskSuccess__ikbf8 {
895
+ background-color: #2ecc40;
896
+ background-color: var(--clr-success);
897
+ }
898
+
899
+ .RadialProgress-module_icon__0Cxl- {
900
+ background-color: #2d3748;
901
+ background-color: var(--clr-grey800);
902
+ border-radius: 50%;
903
+ display: block;
904
+ fill: white;
905
+ position: relative;
906
+ }
907
+
908
+ .RadialProgress-module_iconError__633-b {
909
+ background-color: #ee3768;
910
+ background-color: var(--clr-error);
911
+ }
912
+
913
+ .RadialProgress-module_iconSuccess__5se81 {
914
+ background-color: #2ecc40;
915
+ background-color: var(--clr-success);
916
+ }
917
+
918
+ .Toast-module_root__UqIG- {
919
+ background-color: #2d3748;
920
+ background-color: var(--clr-grey800);
921
+ border-radius: .5rem;
922
+ box-shadow: 0 .3rem .3rem rgba(0, 0, 0, .03), 0 1rem 1rem rgba(0, 0, 0, .03);
923
+ color: #fff;
924
+ color: var(--clr-white);
925
+ left: 50%;
926
+ max-width: 60rem;
927
+ min-width: 28rem;
928
+ opacity: 0;
929
+ padding: .7rem;
930
+ padding-left: 1rem;
931
+ pointer-events: none;
932
+ position: fixed;
933
+ top: calc(6rem + 2rem);
934
+ top: calc(var(--banner-height) + 2rem);
935
+ transform: translate3d(-50%, -5rem, 0);
936
+ transition: opacity .15s, transform .15s;
937
+ width: 40%;
938
+ z-index: 20;
939
+ }
940
+
941
+ .Toast-module_rootIsOpen__aTc-P {
942
+ opacity: 1;
943
+ pointer-events: all;
944
+ transform: translate3d(-50%, 0, 0);
945
+ }
946
+
947
+ .Toast-module_rootSuccess__i5Wze {
948
+ background-color: #2ecc40;
949
+ background-color: var(--clr-success);
950
+ }
951
+
952
+ .Toast-module_rootError__bF7tF {
953
+ background-color: #ee3768;
954
+ background-color: var(--clr-error);
955
+ }
956
+
957
+ .Toast-module_inner__rzoe5 {
958
+ align-items: center;
959
+ display: flex;
960
+ justify-content: space-between;
961
+ }
962
+
963
+ .Toast-module_progress__OQ-1- {
964
+ min-width: 3.4rem;
965
+ }
966
+
967
+ .Toast-module_content__i2KNd {
968
+ flex-grow: 1;
969
+ font-size: 1.3rem;
970
+ font-size: var(--fs-sml);
971
+ font-weight: 600;
972
+ font-weight: var(--fw-bold);
973
+ line-height: 1.2;
974
+ line-height: var(--lh-tight);
975
+ padding: 0 1.5rem .1rem;
976
+ }
977
+
978
+ .Toast-module_close__1dwND {
979
+ min-width: 4rem;
980
+ }
981
+
982
+ /*! modern-normalize v1.1.0 | MIT License | https://github.com/sindresorhus/modern-normalize */
983
+
984
+ /*
985
+ Document
986
+ ========
987
+ */
988
+
989
+ /**
990
+ Use a better box model (opinionated).
991
+ */
992
+
993
+ *,
994
+ ::before,
995
+ ::after {
996
+ box-sizing: border-box;
997
+ }
998
+
999
+ /**
1000
+ Use a more readable tab size (opinionated).
1001
+ */
1002
+
1003
+ html {
1004
+ -moz-tab-size: 4;
1005
+ -o-tab-size: 4;
1006
+ tab-size: 4;
1007
+ }
1008
+
1009
+ /**
1010
+ 1. Correct the line height in all browsers.
1011
+ 2. Prevent adjustments of font size after orientation changes in iOS.
1012
+ */
1013
+
1014
+ html {
1015
+ line-height: 1.15; /* 1 */
1016
+ -webkit-text-size-adjust: 100%; /* 2 */
1017
+ }
1018
+
1019
+ /*
1020
+ Sections
1021
+ ========
1022
+ */
1023
+
1024
+ /**
1025
+ Remove the margin in all browsers.
1026
+ */
1027
+
1028
+ body {
1029
+ margin: 0;
1030
+ }
1031
+
1032
+ /**
1033
+ Improve consistency of default fonts in all browsers. (https://github.com/sindresorhus/modern-normalize/issues/3)
1034
+ */
1035
+
1036
+ body {
1037
+ font-family:
1038
+ system-ui, -apple-system, Segoe UI, Roboto, Ubuntu, Cantarell, Noto Sans, sans-serif,
1039
+ 'Segoe UI',
1040
+ Roboto,
1041
+ Helvetica,
1042
+ Arial,
1043
+ sans-serif,
1044
+ 'Apple Color Emoji',
1045
+ 'Segoe UI Emoji';
1046
+ }
1047
+
1048
+ /*
1049
+ Grouping content
1050
+ ================
1051
+ */
1052
+
1053
+ /**
1054
+ 1. Add the correct height in Firefox.
1055
+ 2. Correct the inheritance of border color in Firefox. (https://bugzilla.mozilla.org/show_bug.cgi?id=190655)
1056
+ */
1057
+
1058
+ hr {
1059
+ height: 0; /* 1 */
1060
+ color: inherit; /* 2 */
1061
+ }
1062
+
1063
+ /*
1064
+ Text-level semantics
1065
+ ====================
1066
+ */
1067
+
1068
+ /**
1069
+ Add the correct text decoration in Chrome, Edge, and Safari.
1070
+ */
1071
+
1072
+ abbr[title] {
1073
+ -webkit-text-decoration: underline dotted;
1074
+ text-decoration: underline dotted;
1075
+ }
1076
+
1077
+ /**
1078
+ Add the correct font weight in Edge and Safari.
1079
+ */
1080
+
1081
+ b,
1082
+ strong {
1083
+ font-weight: bolder;
1084
+ }
1085
+
1086
+ /**
1087
+ 1. Improve consistency of default fonts in all browsers. (https://github.com/sindresorhus/modern-normalize/issues/3)
1088
+ 2. Correct the odd 'em' font sizing in all browsers.
1089
+ */
1090
+
1091
+ code,
1092
+ kbd,
1093
+ samp,
1094
+ pre {
1095
+ font-family:
1096
+ ui-monospace,
1097
+ SFMono-Regular,
1098
+ Consolas,
1099
+ 'Liberation Mono',
1100
+ Menlo,
1101
+ monospace; /* 1 */
1102
+ font-size: 1em; /* 2 */
1103
+ }
1104
+
1105
+ /**
1106
+ Add the correct font size in all browsers.
1107
+ */
1108
+
1109
+ small {
1110
+ font-size: 80%;
1111
+ }
1112
+
1113
+ /**
1114
+ Prevent 'sub' and 'sup' elements from affecting the line height in all browsers.
1115
+ */
1116
+
1117
+ sub,
1118
+ sup {
1119
+ font-size: 75%;
1120
+ line-height: 0;
1121
+ position: relative;
1122
+ vertical-align: baseline;
1123
+ }
1124
+
1125
+ sub {
1126
+ bottom: -0.25em;
1127
+ }
1128
+
1129
+ sup {
1130
+ top: -0.5em;
1131
+ }
1132
+
1133
+ /*
1134
+ Tabular data
1135
+ ============
1136
+ */
1137
+
1138
+ /**
1139
+ 1. Remove text indentation from table contents in Chrome and Safari. (https://bugs.chromium.org/p/chromium/issues/detail?id=999088, https://bugs.webkit.org/show_bug.cgi?id=201297)
1140
+ 2. Correct table border color inheritance in all Chrome and Safari. (https://bugs.chromium.org/p/chromium/issues/detail?id=935729, https://bugs.webkit.org/show_bug.cgi?id=195016)
1141
+ */
1142
+
1143
+ table {
1144
+ text-indent: 0; /* 1 */
1145
+ border-color: inherit; /* 2 */
1146
+ }
1147
+
1148
+ /*
1149
+ Forms
1150
+ =====
1151
+ */
1152
+
1153
+ /**
1154
+ 1. Change the font styles in all browsers.
1155
+ 2. Remove the margin in Firefox and Safari.
1156
+ */
1157
+
1158
+ button,
1159
+ input,
1160
+ optgroup,
1161
+ select,
1162
+ textarea {
1163
+ font-family: inherit; /* 1 */
1164
+ font-size: 100%; /* 1 */
1165
+ line-height: 1.15; /* 1 */
1166
+ margin: 0; /* 2 */
1167
+ }
1168
+
1169
+ /**
1170
+ Remove the inheritance of text transform in Edge and Firefox.
1171
+ 1. Remove the inheritance of text transform in Firefox.
1172
+ */
1173
+
1174
+ button,
1175
+ select { /* 1 */
1176
+ text-transform: none;
1177
+ }
1178
+
1179
+ /**
1180
+ Correct the inability to style clickable types in iOS and Safari.
1181
+ */
1182
+
1183
+ button,
1184
+ [type='button'],
1185
+ [type='reset'],
1186
+ [type='submit'] {
1187
+ -webkit-appearance: button;
1188
+ }
1189
+
1190
+ /**
1191
+ Remove the inner border and padding in Firefox.
1192
+ */
1193
+
1194
+ ::-moz-focus-inner {
1195
+ border-style: none;
1196
+ padding: 0;
1197
+ }
1198
+
1199
+ /**
1200
+ Restore the focus styles unset by the previous rule.
1201
+ */
1202
+
1203
+ :-moz-focusring {
1204
+ outline: 1px dotted ButtonText;
1205
+ }
1206
+
1207
+ /**
1208
+ Remove the additional ':invalid' styles in Firefox.
1209
+ See: https://github.com/mozilla/gecko-dev/blob/2f9eacd9d3d995c937b4251a5557d95d494c9be1/layout/style/res/forms.css#L728-L737
1210
+ */
1211
+
1212
+ :-moz-ui-invalid {
1213
+ box-shadow: none;
1214
+ }
1215
+
1216
+ /**
1217
+ Remove the padding so developers are not caught out when they zero out 'fieldset' elements in all browsers.
1218
+ */
1219
+
1220
+ legend {
1221
+ padding: 0;
1222
+ }
1223
+
1224
+ /**
1225
+ Add the correct vertical alignment in Chrome and Firefox.
1226
+ */
1227
+
1228
+ progress {
1229
+ vertical-align: baseline;
1230
+ }
1231
+
1232
+ /**
1233
+ Correct the cursor style of increment and decrement buttons in Safari.
1234
+ */
1235
+
1236
+ ::-webkit-inner-spin-button,
1237
+ ::-webkit-outer-spin-button {
1238
+ height: auto;
1239
+ }
1240
+
1241
+ /**
1242
+ 1. Correct the odd appearance in Chrome and Safari.
1243
+ 2. Correct the outline style in Safari.
1244
+ */
1245
+
1246
+ [type='search'] {
1247
+ -webkit-appearance: textfield; /* 1 */
1248
+ outline-offset: -2px; /* 2 */
1249
+ }
1250
+
1251
+ /**
1252
+ Remove the inner padding in Chrome and Safari on macOS.
1253
+ */
1254
+
1255
+ ::-webkit-search-decoration {
1256
+ -webkit-appearance: none;
1257
+ }
1258
+
1259
+ /**
1260
+ 1. Correct the inability to style clickable types in iOS and Safari.
1261
+ 2. Change font properties to 'inherit' in Safari.
1262
+ */
1263
+
1264
+ ::-webkit-file-upload-button {
1265
+ -webkit-appearance: button; /* 1 */
1266
+ font: inherit; /* 2 */
1267
+ }
1268
+
1269
+ /*
1270
+ Interactive
1271
+ ===========
1272
+ */
1273
+
1274
+ /*
1275
+ Add the correct display in Chrome and Safari.
1276
+ */
1277
+
1278
+ summary {
1279
+ display: list-item;
1280
+ }
1281
+
1282
+ :root {
1283
+ /*
1284
+ * Colours
1285
+ */
1286
+ --clr-black: #000;
1287
+ --clr-white: #fff;
1288
+ --clr-primary: #2ecc40;
1289
+ --clr-secondary: #ee3768;
1290
+ --clr-secondary-dark: #d3184a;
1291
+ --clr-tertiary: #efad2b;
1292
+ --clr-grey100: #f7fafc;
1293
+ --clr-grey200: #edf2f7;
1294
+ --clr-grey300: #e2e8f0;
1295
+ --clr-grey400: #cbd5e0;
1296
+ --clr-grey500: #a0aec0;
1297
+ --clr-grey600: #718096;
1298
+ --clr-grey700: #4a5568;
1299
+ --clr-grey800: #2d3748;
1300
+ --clr-grey900: #1a202c;
1301
+ --clr-link: #0074d9;
1302
+ --clr-link-hover: #1e40af;
1303
+ --clr-success: #2ecc40;
1304
+ --clr-warning: #efad2b;
1305
+ --clr-danger: #ee3768;
1306
+ --clr-danger-dark: #d3184a;
1307
+ --clr-error: #ee3768;
1308
+ --clr-error-dark: #d3184a;
1309
+ --clr-pending: #a0aec0;
1310
+ --clr-brand: #2ecc40;
1311
+
1312
+ /*
1313
+ * Opacity Variants
1314
+ */
1315
+ --clr-white0: rgba(255, 255, 255, 0);
1316
+ --clr-white80: rgba(255, 255, 255, .8);
1317
+ --clr-primary5: rgba(46, 204, 64, .05);
1318
+ --clr-primary10: rgba(46, 204, 64, .1);
1319
+ --clr-primary20: rgba(46, 204, 64, .2);
1320
+ --clr-grey1000: rgba(rgb(247, 250, 252), 0);
1321
+ --clr-grey10080: rgba(rgb(247, 250, 252), .8);
1322
+ --clr-warning5: rgba(239, 173, 43, .05);
1323
+ --clr-error5: rgba(238, 55, 104, .05);
1324
+
1325
+ /*
1326
+ * Font Families
1327
+ */
1328
+ --ff-body: ui-sans-serif, system-ui, -apple-system, Segoe UI, Roboto, Ubuntu, Cantarell, Noto Sans, sans-serif, "BlinkMacSystemFont", "Segoe UI", "Roboto", "Helvetica Neue", "Arial", "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
1329
+
1330
+ /*
1331
+ * Font Sizes
1332
+ */
1333
+ --fs-xxsml: 1rem;
1334
+ --fs-xsml: 1.2rem;
1335
+ --fs-sml: 1.3rem;
1336
+ --fs-med: 1.4rem;
1337
+ --fs-lrg: 1.8rem;
1338
+ --fs-xlrg: 2.2rem;
1339
+ --fs-xxlrg: 3.2rem;
1340
+ --fs-xxxlrg: 4.8rem;
1341
+
1342
+ /*
1343
+ * Line Heights
1344
+ */
1345
+ --lh-body: 1.5;
1346
+ --lh-tight: 1.2;
1347
+
1348
+ /*
1349
+ * Font Weights
1350
+ */
1351
+ --fw-body: 400;
1352
+ --fw-semibold: 500;
1353
+ --fw-bold: 600;
1354
+
1355
+ /*
1356
+ * Structure
1357
+ */
1358
+ --banner-height: 6rem;
1359
+ --banner-width: 22rem;
1360
+ --header-height: 8rem;
1361
+ --input-height: 4.4rem;
1362
+ }
1363
+
1364
+ *,
1365
+ *::before,
1366
+ *::after {
1367
+ box-sizing: border-box;
1368
+ }
1369
+
1370
+ html {
1371
+ font-size: 62.5%;
1372
+ }
1373
+
1374
+ body {
1375
+ background-color: var(--clr-grey200);
1376
+ color: var(--clr-grey800);
1377
+ font-family: var(--ff-body);
1378
+ font-size: var(--fs-med);
1379
+ line-height: var(--lh-body);
1380
+ overflow-y: scroll;
1381
+ }
1382
+
1383
+ h1,
1384
+ h2,
1385
+ h3,
1386
+ h4,
1387
+ h5,
1388
+ h6,
1389
+ p {
1390
+ margin: 0;
1391
+ }
1392
+
1393
+ ul,
1394
+ ol,
1395
+ dl {
1396
+ list-style: none;
1397
+ margin-bottom: 0;
1398
+ margin-top: 0;
1399
+ padding-left: 0;
1400
+ }
1401
+
1402
+ dd {
1403
+ margin-left: 0;
1404
+ }
1405
+
1406
+ a {
1407
+ color: var(--clr-link);
1408
+ cursor: pointer;
1409
+ font-weight: var(--fw-bold);
1410
+ text-decoration: none
1411
+ }
1412
+
1413
+ a:hover {
1414
+ color: var(--clr-link-hover);
1415
+ }
1416
+
1417
+ fieldset {
1418
+ border: 0;
1419
+ margin: 0;
1420
+ padding: 0;
1421
+ }
1422
+
1423
+ hr {
1424
+ border: 0;
1425
+ border-top: .1rem var(--clr-grey300) solid;
1426
+ margin: 3rem 0;
1427
+ }
1428
+
1429
+ .App-module_root__a5Kbx {
1430
+ display: flex;
1431
+ flex-direction: column;
1432
+ min-height: 100%;
1433
+ }
1434
+
1435
+ .App-module_loader__QZZxw {
1436
+ align-items: center;
1437
+ display: flex;
1438
+ flex-direction: column;
1439
+ height: 100vh;
1440
+ justify-content: center;
1441
+ }
1442
+
1443
+ .App-module_main__7-lMV {
1444
+ display: block;
1445
+ padding-left: 22rem;
1446
+ padding-left: var(--banner-width);
1447
+ }
1448
+
1449
+ .App-module_mainTopbar__Rqy0o {
1450
+ padding-left: 0;
1451
+ }
1452
+
1453
+ .Panel-module_root__9UEwe {
1454
+ background-color: #fff;
1455
+ background-color: var(--clr-white);
1456
+ border-radius: .5rem;
1457
+ margin-bottom: 1rem;
1458
+ padding: 2rem max(1rem, min(2.5vw, 2rem));
1459
+ width: 100%;
1460
+ }
1461
+
1462
+ .Panel-module_rootIsPadded__Y0sTN {
1463
+ padding: 3rem max(1.5rem, min(3.75vw, 3rem));
1464
+ }
1465
+
1466
+ .Panel-module_rootIsSpaced__wG1vy {
1467
+ margin-bottom: 2rem;
1468
+ }
1469
+
1470
+ .Alert-module_root__Q8f6a {
1471
+ bottom: 0;
1472
+ left: 0;
1473
+ position: fixed;
1474
+ right: 0;
1475
+ top: 0;
1476
+ z-index: 10;
1477
+ }
1478
+
1479
+ .Alert-module_overlay__4wKkH {
1480
+ background-color: #1a202c;
1481
+ background-color: var(--clr-grey900);
1482
+ bottom: 0;
1483
+ left: 0;
1484
+ position: absolute;
1485
+ right: 0;
1486
+ top: 0;
1487
+ }
1488
+
1489
+ .Alert-module_panel__wamKw {
1490
+ left: calc(50% - 30rem);
1491
+ position: absolute;
1492
+ top: 15%;
1493
+ width: 60rem;
1494
+ }
1495
+
1496
+ .Alert-module_title__abGgF {
1497
+ border-bottom: .1rem #e2e8f0 solid;
1498
+ border-bottom: .1rem var(--clr-grey300) solid;
1499
+ color: #718096;
1500
+ color: var(--clr-grey600);
1501
+ font-size: 1.8rem;
1502
+ font-size: var(--fs-lrg);
1503
+ font-weight: 600;
1504
+ font-weight: var(--fw-bold);
1505
+ line-height: 1;
1506
+ margin-bottom: 3rem;
1507
+ margin-left: -.2rem;
1508
+ margin-top: -.5rem;
1509
+ padding-bottom: 2rem;
1510
+ }
1511
+
1512
+ .Alert-module_actions__RW9lv {
1513
+ border-top: .1rem #e2e8f0 solid;
1514
+ border-top: .1rem var(--clr-grey300) solid;
1515
+ display: flex;
1516
+ flex-direction: row-reverse;
1517
+ margin-bottom: -1rem;
1518
+ margin-top: 3rem;
1519
+ padding-top: 2rem
1520
+ }
1521
+
1522
+ .Alert-module_actions__RW9lv > * {
1523
+ margin-left: 1rem;
1524
+ width: auto;
1525
+ }
1526
+
1527
+ .ChkRadIcon-module_root__ioDGw {
1528
+ align-items: center;
1529
+ border: .1rem #a0aec0 solid;
1530
+ border: .1rem var(--clr-grey500) solid;
1531
+ border-radius: .3rem;
1532
+ display: flex;
1533
+ fill: #fff;
1534
+ fill: var(--clr-white);
1535
+ height: 2.4rem;
1536
+ justify-content: center;
1537
+ min-width: 2.4rem;
1538
+ padding-bottom: .1rem;
1539
+ top: 0;
1540
+ width: 2.4rem;
1541
+ }
1542
+
1543
+ .ChkRadIcon-module_rootIsChecked__QqdSq,
1544
+ input:checked ~ .ChkRadIcon-module_root__ioDGw {
1545
+ background-color: #2ecc40;
1546
+ background-color: var(--clr-primary);
1547
+ border-color: #2ecc40;
1548
+ border-color: var(--clr-primary);
1549
+ }
1550
+
1551
+ input[disabled] ~ .ChkRadIcon-module_root__ioDGw {
1552
+ opacity: .3;
1553
+ pointer-events: none;
1554
+ }
1555
+
1556
+ .ChkRadIcon-module_rootRadio__XwOSB {
1557
+ border-radius: 50%;
1558
+ }
1559
+
1560
+ .DropdownPanel-module_item__qa2DO {
1561
+ align-items: center;
1562
+ border-top: .1rem #edf2f7 solid;
1563
+ border-top: .1rem var(--clr-grey200) solid;
1564
+ color: #4a5568;
1565
+ color: var(--clr-grey700);
1566
+ display: flex;
1567
+ overflow: hidden;
1568
+ padding: 1.3rem;
1569
+ position: relative
1570
+ }
1571
+
1572
+ .DropdownPanel-module_item__qa2DO:first-child {
1573
+ border-top: 0;
1574
+ }
1575
+
1576
+ .DropdownPanel-module_itemIsActive__uQlkU {
1577
+ background-color: rgba(46, 204, 64, .1);
1578
+ background-color: var(--clr-primary10)
1579
+ }
1580
+
1581
+ .DropdownPanel-module_itemIsActive__uQlkU::before {
1582
+ border: .4rem #fff solid;
1583
+ border: .4rem var(--clr-white) solid;
1584
+ bottom: 0;
1585
+ content: '';
1586
+ left: 0;
1587
+ position: absolute;
1588
+ right: 0;
1589
+ top: 0;
1590
+ }
1591
+
1592
+ .DropdownPanel-module_itemIsDisabled__tU4KL {
1593
+ opacity: .3;
1594
+ pointer-events: none;
1595
+ }
1596
+
1597
+ .DropdownPanel-module_icon__EhFmw {
1598
+ padding-right: 1rem;
1599
+ }
1600
+
1601
+ .DropdownPanel-module_title__QcL0N {
1602
+ display: block;
1603
+ font-size: 1.3rem;
1604
+ font-size: var(--fs-sml);
1605
+ padding-bottom: .1rem;
1606
+ }
1607
+
1608
+ .DropdownPanel-module_meta__F-SNE {
1609
+ color: #a0aec0;
1610
+ color: var(--clr-grey500);
1611
+ display: block;
1612
+ font-size: 1.2rem;
1613
+ font-size: var(--fs-xsml);
1614
+ height: 2rem;
1615
+ overflow: hidden;
1616
+ text-overflow: ellipsis;
1617
+ }
1618
+
1619
+ .DropdownPanel-module_control__b1o3x {
1620
+ background-color: transparent;
1621
+ border: 0;
1622
+ cursor: pointer;
1623
+ height: 100%;
1624
+ left: 0;
1625
+ overflow: hidden;
1626
+ position: absolute;
1627
+ top: 0;
1628
+ text-indent: -999em;
1629
+ width: 100%
1630
+ }
1631
+
1632
+ .DropdownPanel-module_control__b1o3x:focus {
1633
+ outline: none;
1634
+ }
1635
+
1636
+ .ErrorMessage-module_root__hUkol {
1637
+ color: #ee3768;
1638
+ color: var(--clr-error);
1639
+ }
1640
+
1641
+ .ErrorMessage-module_rootIsScene__Tik-l {
1642
+ padding: 3rem;
1643
+ }
1644
+
1645
+ .ErrorMessage-module_title__h8-Kk {
1646
+ font-size: 2.2rem;
1647
+ font-size: var(--fs-xlrg);
1648
+ font-weight: 600;
1649
+ font-weight: var(--fw-bold);
1650
+ margin-bottom: 1rem;
1651
+ }
1652
+
1653
+ .ErrorMessage-module_description__xK4lO {
1654
+ margin-bottom: 3rem;
1655
+ }
1656
+
1657
+ .ErrorMessage-module_descriptionIsMini__at3TB {
1658
+ font-size: 1.2rem;
1659
+ font-size: var(--fs-xsml);
1660
+ }
1661
+
1662
+ .ErrorMessage-module_meta__gJt3L {
1663
+ font-size: 1.3rem;
1664
+ font-size: var(--fs-sml);
1665
+ }
1666
+
1667
+ @-webkit-keyframes InputPanel-module_enter__xWQiK {
1668
+ from {
1669
+ opacity: 0;
1670
+ transform: translate3d(0, 1rem, 0);
1671
+ }
1672
+
1673
+ to {
1674
+ opacity: 1;
1675
+ transform: translate3d(0, 0, 0);
1676
+ }
1677
+ }
1678
+
1679
+ @keyframes InputPanel-module_enter__xWQiK {
1680
+ from {
1681
+ opacity: 0;
1682
+ transform: translate3d(0, 1rem, 0);
1683
+ }
1684
+
1685
+ to {
1686
+ opacity: 1;
1687
+ transform: translate3d(0, 0, 0);
1688
+ }
1689
+ }
1690
+
1691
+ @-webkit-keyframes InputPanel-module_enterReverse__6BFll {
1692
+ from {
1693
+ opacity: 0;
1694
+ transform: translate3d(0, 1rem, 0);
1695
+ }
1696
+
1697
+ to {
1698
+ opacity: 1;
1699
+ transform: translate3d(0, 0, 0);
1700
+ }
1701
+ }
1702
+
1703
+ @keyframes InputPanel-module_enterReverse__6BFll {
1704
+ from {
1705
+ opacity: 0;
1706
+ transform: translate3d(0, 1rem, 0);
1707
+ }
1708
+
1709
+ to {
1710
+ opacity: 1;
1711
+ transform: translate3d(0, 0, 0);
1712
+ }
1713
+ }
1714
+
1715
+ .InputPanel-module_root__TsIOD {
1716
+ -webkit-animation: InputPanel-module_enter__xWQiK .2s;
1717
+ animation: InputPanel-module_enter__xWQiK .2s;
1718
+ background-color: #fff;
1719
+ background-color: var(--clr-white);
1720
+ border: .1rem #cbd5e0 solid;
1721
+ border: .1rem var(--clr-grey400) solid;
1722
+ border-radius: .3rem;
1723
+ box-shadow: 0 .3rem .5rem rgba(0, 0, 0, .05);
1724
+ left: 0;
1725
+ min-width: 100%;
1726
+ position: absolute;
1727
+ top: calc(100% + .5rem);
1728
+ }
1729
+
1730
+ .InputPanel-module_rootIsReverse__s-iRL {
1731
+ -webkit-animation-name: InputPanel-module_enterReverse__6BFll;
1732
+ animation-name: InputPanel-module_enterReverse__6BFll;
1733
+ bottom: calc(100% + .5rem);
1734
+ top: auto;
1735
+ }
1736
+
1737
+ .InputPanel-module_rootMd__IP6qQ {
1738
+ width: 30rem;
1739
+ }
1740
+
1741
+ .InputPanel-module_rootLg__A6ciZ {
1742
+ width: 50rem;
1743
+ }
1744
+
1745
+ .InputPanel-module_inner__QORfJ {
1746
+ max-height: 25rem;
1747
+ overflow-x: hidden;
1748
+ overflow-y: auto;
1749
+ scrollbar-arrow-color: #a0aec0;
1750
+ scrollbar-arrow-color: var(--clr-grey500);
1751
+ scrollbar-base-color: #a0aec0;
1752
+ scrollbar-base-color: var(--clr-grey500)
1753
+ }
1754
+
1755
+ .InputPanel-module_inner__QORfJ::-webkit-scrollbar {
1756
+ width: .5rem;
1757
+ }
1758
+
1759
+ .InputPanel-module_inner__QORfJ::-webkit-scrollbar-track {
1760
+ background-color: transparent;
1761
+ }
1762
+
1763
+ .InputPanel-module_inner__QORfJ::-webkit-scrollbar-thumb {
1764
+ background-color: #e2e8f0;
1765
+ background-color: var(--clr-grey300);
1766
+ border-radius: 0;
1767
+ }
1768
+
1769
+ .TextInputAncillary-module_prefix__2PaRE,
1770
+ .TextInputAncillary-module_suffix__Dm1bE,
1771
+ .TextInputAncillary-module_clear__NKDxC {
1772
+ align-items: center;
1773
+ background-color: #fff;
1774
+ background-color: var(--clr-white);
1775
+ border: #cbd5e0 solid;
1776
+ border: var(--clr-grey400) solid;
1777
+ border-width: .1rem 0 .1rem .1rem;
1778
+ border-radius: .3rem 0 0 .3rem;
1779
+ bottom: 0;
1780
+ color: #718096;
1781
+ color: var(--clr-grey600);
1782
+ display: flex;
1783
+ flex-direction: column;
1784
+ font-size: 1.3rem;
1785
+ font-size: var(--fs-sml);
1786
+ font-weight: 600;
1787
+ font-weight: var(--fw-bold);
1788
+ justify-content: center;
1789
+ margin-right: -.1rem;
1790
+ min-width: 4rem;
1791
+ padding: 0 1.5rem;
1792
+ position: relative;
1793
+ text-align: center
1794
+ }
1795
+
1796
+ .TextInputAncillary-module_prefix__2PaRE.TextInputAncillary-module_hasError__-xIMG, .TextInputAncillary-module_suffix__Dm1bE.TextInputAncillary-module_hasError__-xIMG, .TextInputAncillary-module_clear__NKDxC.TextInputAncillary-module_hasError__-xIMG {
1797
+ border-color: #ee3768;
1798
+ border-color: var(--clr-error);
1799
+ }
1800
+
1801
+ .TextInputAncillary-module_prefix__2PaRE::before, .TextInputAncillary-module_suffix__Dm1bE::before, .TextInputAncillary-module_clear__NKDxC::before {
1802
+ border-left: .1rem #cbd5e0 solid;
1803
+ border-left: .1rem var(--clr-grey400) solid;
1804
+ bottom: .6rem;
1805
+ content: '';
1806
+ position: absolute;
1807
+ right: 0;
1808
+ top: .6rem;
1809
+ }
1810
+
1811
+ input:focus ~ .TextInputAncillary-module_prefix__2PaRE,
1812
+ input:focus ~ .TextInputAncillary-module_suffix__Dm1bE,
1813
+ input:focus ~ .TextInputAncillary-module_clear__NKDxC {
1814
+ border-color: #2ecc40;
1815
+ border-color: var(--clr-primary);
1816
+ }
1817
+
1818
+ .TextInputAncillary-module_suffix__Dm1bE,
1819
+ .TextInputAncillary-module_clear__NKDxC {
1820
+ border-radius: 0 .3rem .3rem 0;
1821
+ border-width: .1rem .1rem .1rem 0;
1822
+ margin-left: -.1rem;
1823
+ margin-right: 0
1824
+ }
1825
+
1826
+ .TextInputAncillary-module_suffix__Dm1bE::before, .TextInputAncillary-module_clear__NKDxC::before {
1827
+ left: 0;
1828
+ right: auto;
1829
+ }
1830
+
1831
+ .TextInputAncillary-module_clear__NKDxC {
1832
+ padding: 0 1rem;
1833
+ }
1834
+
1835
+ .TextInputAncillary-module_loader__osA4f {
1836
+ pointer-events: none;
1837
+ position: absolute;
1838
+ right: 1.5rem;
1839
+ top: calc(50% - .4rem);
1840
+ }
1841
+
1842
+ .TextInput-module_rootHasPrefix__goX3O {
1843
+ display: flex;
1844
+ flex-direction: row-reverse;
1845
+ }
1846
+
1847
+ .TextInput-module_rootHasSuffix__rfhQY {
1848
+ display: flex;
1849
+ }
1850
+
1851
+ .TextInput-module_rootIsDisabled__ToSmt {
1852
+ opacity: .3;
1853
+ pointer-events: none;
1854
+ }
1855
+
1856
+ .TextInput-module_input__gzKqV {
1857
+ -webkit-appearance: none;
1858
+ -moz-appearance: none;
1859
+ appearance: none;
1860
+ background-color: #fff;
1861
+ background-color: var(--clr-white);
1862
+ border: .1rem #cbd5e0 solid;
1863
+ border: .1rem var(--clr-grey400) solid;
1864
+ border-radius: .3rem;
1865
+ color: #718096;
1866
+ color: var(--clr-grey600);
1867
+ display: block;
1868
+ font-family: inherit;
1869
+ font-size: 1.4rem;
1870
+ font-size: var(--fs-med);
1871
+ height: 4.4rem;
1872
+ height: var(--input-height);
1873
+ padding: 0 1.2rem;
1874
+ transition: border-color .2s;
1875
+ width: 100%
1876
+ }
1877
+
1878
+ .TextInput-module_input__gzKqV::-ms-reveal,
1879
+ .TextInput-module_input__gzKqV::-ms-clear {
1880
+ display: none;
1881
+ }
1882
+
1883
+ .TextInput-module_input__gzKqV::-webkit-input-placeholder {
1884
+ color: #a0aec0;
1885
+ color: var(--clr-grey500);
1886
+ }
1887
+
1888
+ .TextInput-module_input__gzKqV:focus {
1889
+ border-color: #2ecc40;
1890
+ border-color: var(--clr-primary);
1891
+ color: #4a5568;
1892
+ color: var(--clr-grey700);
1893
+ outline: none;
1894
+ }
1895
+
1896
+ .TextInput-module_inputHasError__YJcKi {
1897
+ border-color: #ee3768;
1898
+ border-color: var(--clr-error);
1899
+ }
1900
+
1901
+ .TextInput-module_inputHasPrefix__C6siH {
1902
+ border-left: 0;
1903
+ border-radius: 0 .3rem .3rem 0;
1904
+ }
1905
+
1906
+ .TextInput-module_inputHasSuffix__rVq6R {
1907
+ border-radius: .3rem 0 0 .3rem;
1908
+ border-right: 0;
1909
+ }
1910
+
1911
+ .AutoSuggest-module_root__p7I9u {
1912
+ position: relative;
1913
+ z-index: 1;
1914
+ }
1915
+
1916
+ .AutoSuggest-module_rootOpen__L2lzD {
1917
+ z-index: 2;
1918
+ }
1919
+
1920
+ .CalendarDay-module_root__TeO9T {
1921
+ color: #4a5568;
1922
+ color: var(--clr-grey700);
1923
+ height: 4rem;
1924
+ }
1925
+
1926
+ .CalendarDay-module_rootIsHighlighted__nTNZh {
1927
+ background-color: rgba(46, 204, 64, .1);
1928
+ background-color: var(--clr-primary10);
1929
+ }
1930
+
1931
+ .CalendarDay-module_rootIsSelected__zeCzf {
1932
+ background-color: rgba(46, 204, 64, .2);
1933
+ background-color: var(--clr-primary20);
1934
+ }
1935
+
1936
+ .CalendarDay-module_rootIsToday__PecmA {
1937
+ font-weight: 600;
1938
+ font-weight: var(--fw-bold);
1939
+ position: relative
1940
+ }
1941
+
1942
+ .CalendarDay-module_rootIsToday__PecmA::before {
1943
+ border: .2rem #718096 solid;
1944
+ border: .2rem var(--clr-grey600) solid;
1945
+ border-radius: 50%;
1946
+ content: '';
1947
+ height: 3rem;
1948
+ left: calc(50% - 1.5rem);
1949
+ position: absolute;
1950
+ top: calc(50% - 1.5rem);
1951
+ width: 3rem;
1952
+ }
1953
+
1954
+ .CalendarDay-module_rootIsDisabled__suoju {
1955
+ background-color: transparent;
1956
+ color: #e2e8f0;
1957
+ color: var(--clr-grey300);
1958
+ pointer-events: none;
1959
+ }
1960
+
1961
+ .CalendarDay-module_control__-VdJ2 {
1962
+ background: none;
1963
+ border: 0;
1964
+ color: inherit;
1965
+ cursor: pointer;
1966
+ font-family: inherit;
1967
+ font-size: 1.3rem;
1968
+ font-size: var(--fs-sml);
1969
+ font-weight: inherit;
1970
+ height: 100%;
1971
+ position: relative;
1972
+ width: 100%
1973
+ }
1974
+
1975
+ .CalendarDay-module_control__-VdJ2:focus {
1976
+ outline: none
1977
+ }
1978
+
1979
+ .CalendarDay-module_control__-VdJ2:focus::before {
1980
+ border: .1rem #cbd5e0 solid;
1981
+ border: .1rem var(--clr-grey400) solid;
1982
+ bottom: .1rem;
1983
+ content: '';
1984
+ left: .1rem;
1985
+ position: absolute;
1986
+ right: .1rem;
1987
+ top: .1rem;
1988
+ }
1989
+
1990
+ .CalendarMonth-module_root__2KzLC {
1991
+ border-collapse: collapse;
1992
+ margin-bottom: 1.5rem;
1993
+ width: 100%;
1994
+ }
1995
+
1996
+ .CalendarMonth-module_head__38Ngk {
1997
+ color: #a0aec0;
1998
+ color: var(--clr-grey500);
1999
+ font-size: 1.2rem;
2000
+ font-size: var(--fs-xsml);
2001
+ font-weight: 600;
2002
+ font-weight: var(--fw-bold);
2003
+ line-height: 1;
2004
+ padding-bottom: 1rem;
2005
+ }
2006
+
2007
+ .CalendarNavigation-module_root__Eb1at {
2008
+ border-bottom: .1rem #e2e8f0 solid;
2009
+ border-bottom: .1rem var(--clr-grey300) solid;
2010
+ margin-bottom: 2rem;
2011
+ padding: 1rem 0;
2012
+ position: relative;
2013
+ }
2014
+
2015
+ .CalendarNavigation-module_title__EX-z6 {
2016
+ font-size: 1.3rem;
2017
+ font-size: var(--fs-sml);
2018
+ font-weight: 600;
2019
+ font-weight: var(--fw-bold);
2020
+ line-height: 4rem;
2021
+ text-align: center;
2022
+ }
2023
+
2024
+ .CalendarNavigation-module_control__pogo9 {
2025
+ position: absolute;
2026
+ top: 1.5rem;
2027
+ }
2028
+
2029
+ .CalendarNavigation-module_controlPrevious__Pb7Ug {
2030
+ left: .6rem;
2031
+ }
2032
+
2033
+ .CalendarNavigation-module_controlNext__pjpUg {
2034
+ right: .6rem;
2035
+ }
2036
+
2037
+ .StaticTextInput-module_root__m3WvW {
2038
+ background-color: #fff;
2039
+ background-color: var(--clr-white);
2040
+ border: .1rem #cbd5e0 solid;
2041
+ border: .1rem var(--clr-grey400) solid;
2042
+ border-radius: .3rem;
2043
+ color: #718096;
2044
+ color: var(--clr-grey600);
2045
+ display: flex;
2046
+ flex-direction: column;
2047
+ font-family: inherit;
2048
+ font-size: 1.4rem;
2049
+ font-size: var(--fs-med);
2050
+ height: 4.4rem;
2051
+ height: var(--input-height);
2052
+ justify-content: center;
2053
+ padding: 0 1.2rem;
2054
+ position: relative;
2055
+ transition: border-color .2s;
2056
+ width: 100%;
2057
+ }
2058
+
2059
+ .StaticTextInput-module_rootIsDisabled__guwvU {
2060
+ opacity: .3;
2061
+ pointer-events: none;
2062
+ }
2063
+
2064
+ .StaticTextInput-module_rootHasError__2Kel5 {
2065
+ border-color: #ee3768;
2066
+ border-color: var(--clr-error);
2067
+ }
2068
+
2069
+ .StaticTextInput-module_rootIsPlaceholder__blvBe {
2070
+ color: #a0aec0;
2071
+ color: var(--clr-grey500);
2072
+ }
2073
+
2074
+ .StaticTextInput-module_icon__GL4EG {
2075
+ align-items: center;
2076
+ bottom: 0;
2077
+ fill: #718096;
2078
+ fill: var(--clr-grey600);
2079
+ display: flex;
2080
+ flex-direction: column;
2081
+ justify-content: center;
2082
+ height: 100%;
2083
+ pointer-events: none;
2084
+ position: absolute;
2085
+ right: 0;
2086
+ top: 0;
2087
+ width: 4rem;
2088
+ z-index: 2
2089
+ }
2090
+
2091
+ .StaticTextInput-module_icon__GL4EG::before {
2092
+ border-left: .1rem #cbd5e0 solid;
2093
+ border-left: .1rem var(--clr-grey400) solid;
2094
+ bottom: .6rem;
2095
+ content: '';
2096
+ left: 0;
2097
+ position: absolute;
2098
+ top: .6rem;
2099
+ }
2100
+
2101
+ .StaticTextInput-module_iconClear__an7-e {
2102
+ pointer-events: all;
2103
+ right: 4rem;
2104
+ z-index: 3;
2105
+ }
2106
+
2107
+ .StaticTextInput-module_control__AU0U0 {
2108
+ background-color: transparent;
2109
+ border: .1rem transparent solid;
2110
+ border-radius: .3rem;
2111
+ cursor: pointer;
2112
+ height: calc(100% + .2rem);
2113
+ left: -.1rem;
2114
+ overflow: hidden;
2115
+ position: absolute;
2116
+ top: -.1rem;
2117
+ text-indent: -999em;
2118
+ width: calc(100% + .2rem)
2119
+ }
2120
+
2121
+ .StaticTextInput-module_control__AU0U0:focus {
2122
+ border-color: #2ecc40;
2123
+ border-color: var(--clr-primary);
2124
+ outline: none;
2125
+ }
2126
+
2127
+ .CalendarInput-module_root__61XOM {
2128
+ position: relative;
2129
+ z-index: 1;
2130
+ }
2131
+
2132
+ .CalendarInput-module_rootIsOpen__-uo7w {
2133
+ z-index: 2;
2134
+ }
2135
+
2136
+ .ChkRad-module_root__nzuM2 {
2137
+ align-items: center;
2138
+ cursor: pointer;
2139
+ display: flex;
2140
+ position: relative;
2141
+ }
2142
+
2143
+ .ChkRad-module_rootIsDisabled__ZoP4T {
2144
+ pointer-events: none;
2145
+ }
2146
+
2147
+ .ChkRad-module_label__qd0VG {
2148
+ color: #718096;
2149
+ color: var(--clr-grey600);
2150
+ display: block;
2151
+ font-size: 1.3rem;
2152
+ font-size: var(--fs-sml);
2153
+ font-weight: 600;
2154
+ font-weight: var(--fw-bold);
2155
+ padding-left: 1.5rem;
2156
+ }
2157
+
2158
+ input[disabled] ~ .ChkRad-module_label__qd0VG {
2159
+ opacity: .3;
2160
+ pointer-events: none;
2161
+ }
2162
+
2163
+ .ChkRad-module_input__wZp0w {
2164
+ left: 0;
2165
+ opacity: 0;
2166
+ pointer-events: none;
2167
+ position: absolute;
2168
+ top: 0;
2169
+ }
2170
+
2171
+ .ChkRadList-module_root__Be-3b {
2172
+ display: grid;
2173
+ grid-gap: 1rem;
2174
+ grid-template-columns: repeat(2, 1fr);
2175
+ margin-top: 1rem
2176
+ }
2177
+ @media (min-width: 740px) {
2178
+ .ChkRadList-module_root__Be-3b {
2179
+ grid-template-columns: repeat(4, 1fr)
2180
+ }
2181
+ }
2182
+
2183
+ .Dropdown-module_root__uVyL0 {
2184
+ position: relative;
2185
+ z-index: 1;
2186
+ }
2187
+
2188
+ .Dropdown-module_rootOpen__radOd {
2189
+ z-index: 2;
2190
+ }
2191
+
2192
+ .SummaryListItem-module_root__V-S08 {
2193
+ background: #fff;
2194
+ background: var(--clr-white);
2195
+ border-radius: .5rem;
2196
+ margin-bottom: 1rem;
2197
+ padding: 1rem 1.5rem;
2198
+ position: relative
2199
+ }
2200
+
2201
+ @media (min-width: 580px) {
2202
+
2203
+ .SummaryListItem-module_root__V-S08 {
2204
+ width: calc(50% - 1rem)
2205
+ }
2206
+ }
2207
+
2208
+ @media (min-width: 740px) {
2209
+
2210
+ .SummaryListItem-module_root__V-S08 {
2211
+ width: 24%
2212
+ }
2213
+ }
2214
+
2215
+ .SummaryListItem-module_term__SqS1- {
2216
+ color: #718096;
2217
+ color: var(--clr-grey600);
2218
+ font-size: 1.2rem;
2219
+ font-size: var(--fs-xsml);
2220
+ font-weight: 600;
2221
+ font-weight: var(--fw-bold);
2222
+ letter-spacing: .1em;
2223
+ text-transform: uppercase;
2224
+ }
2225
+
2226
+ .SummaryListItem-module_definition__p7qOo {
2227
+ font-size: 1.4rem;
2228
+ font-size: var(--fs-med);
2229
+ font-weight: 600;
2230
+ font-weight: var(--fw-bold);
2231
+ }
2232
+
2233
+ .SummaryList-module_root__2Lk7C {
2234
+ margin-bottom: 3rem
2235
+ }
2236
+
2237
+ @media (min-width: 580px) {
2238
+
2239
+ .SummaryList-module_root__2Lk7C {
2240
+ display: flex;
2241
+ flex-wrap: wrap;
2242
+ justify-content: space-between;
2243
+ margin-bottom: 2rem
2244
+ }
2245
+ }
2246
+
2247
+ .SummaryList-module_rootIsDisabled__Wyp8n {
2248
+ opacity: .3;
2249
+ pointer-events: none;
2250
+ transition: opacity .3s;
2251
+ }
2252
+
2253
+ .EmptyMessage-module_root__Zi31A {
2254
+ align-items: center;
2255
+ color: #718096;
2256
+ color: var(--clr-grey600);
2257
+ display: flex;
2258
+ flex-direction: column;
2259
+ height: 20rem;
2260
+ justify-content: center;
2261
+ }
2262
+
2263
+ .EmptyMessage-module_title__e9iJd {
2264
+ font-size: 2.2rem;
2265
+ font-size: var(--fs-xlrg);
2266
+ font-weight: var(--fs-body);
2267
+ margin-bottom: 1rem;
2268
+ }
2269
+
2270
+ .EmptyMessage-module_description__gM1vW {
2271
+ margin-bottom: 3rem;
2272
+ }
2273
+
2274
+ .FilterItem-module_root__iTOdq {
2275
+ margin-bottom: 1rem;
2276
+ position: relative;
2277
+ transition: opacity .3s
2278
+ }
2279
+
2280
+ @media (min-width: 740px) {
2281
+
2282
+ .FilterItem-module_root__iTOdq {
2283
+ margin-bottom: 0;
2284
+ margin-right: .5rem;
2285
+ max-width: 28rem
2286
+ }
2287
+ }
2288
+
2289
+ .FilterItem-module_rootIsDisabled__-a62G {
2290
+ opacity: .3;
2291
+ pointer-events: none;
2292
+ }
2293
+
2294
+ .FilterItem-module_inner__-HMZ0 {
2295
+ align-items: center;
2296
+ background-color: #fff;
2297
+ background-color: var(--clr-white);
2298
+ border: .1rem #cbd5e0 solid;
2299
+ border: .1rem var(--clr-grey400) solid;
2300
+ border-radius: .3rem;
2301
+ color: #718096;
2302
+ color: var(--clr-grey600);
2303
+ display: flex;
2304
+ fill: #718096;
2305
+ fill: var(--clr-grey600);
2306
+ font-size: 1.3rem;
2307
+ font-size: var(--fs-sml);
2308
+ font-weight: 600;
2309
+ font-weight: var(--fw-bold);
2310
+ height: 4.4rem;
2311
+ height: var(--input-height);
2312
+ padding: 0 1.5rem 0 1.2rem;
2313
+ position: relative;
2314
+ }
2315
+
2316
+ .FilterItem-module_innerHasValue__dq1nZ {
2317
+ color: #2d3748;
2318
+ color: var(--clr-grey800);
2319
+ fill: #2ecc40;
2320
+ fill: var(--clr-primary);
2321
+ padding: 0 5.5rem 0 1.2rem;
2322
+ }
2323
+
2324
+ .FilterItem-module_icon__Y5Vld {
2325
+ min-width: 1.2rem;
2326
+ }
2327
+
2328
+ .FilterItem-module_count__lTSSZ {
2329
+ background-color: #2ecc40;
2330
+ background-color: var(--clr-primary);
2331
+ border-radius: 50%;
2332
+ color: #fff;
2333
+ color: var(--clr-white);
2334
+ display: block;
2335
+ height: 1.6rem;
2336
+ font-size: 1rem;
2337
+ font-size: var(--fs-xxsml);
2338
+ font-weight: 600;
2339
+ font-weight: var(--fw-bold);
2340
+ line-height: 1.6rem;
2341
+ min-width: 1.6rem;
2342
+ text-align: center;
2343
+ width: 1.6rem;
2344
+ }
2345
+
2346
+ .FilterItem-module_label__FKn0d {
2347
+ overflow: hidden;
2348
+ padding-left: .8rem;
2349
+ padding-bottom: .1rem;
2350
+ text-overflow: ellipsis;
2351
+ white-space: nowrap;
2352
+ width: 100%;
2353
+ }
2354
+
2355
+ .FilterItem-module_control__gHYx0 {
2356
+ background-color: transparent;
2357
+ border: 0;
2358
+ cursor: pointer;
2359
+ height: 100%;
2360
+ left: 0;
2361
+ overflow: hidden;
2362
+ position: absolute;
2363
+ top: 0;
2364
+ text-indent: 80rem;
2365
+ width: 100%;
2366
+ }
2367
+
2368
+ .FilterItem-module_controlHasValue__hx5Yh {
2369
+ width: calc(100% - 4rem);
2370
+ }
2371
+
2372
+ .FilterItem-module_close__5ZOGk {
2373
+ align-items: center;
2374
+ bottom: 0;
2375
+ fill: #718096;
2376
+ fill: var(--clr-grey600);
2377
+ display: flex;
2378
+ flex-direction: column;
2379
+ justify-content: center;
2380
+ height: 100%;
2381
+ position: absolute;
2382
+ right: 0;
2383
+ top: 0;
2384
+ width: 4rem
2385
+ }
2386
+
2387
+ .FilterItem-module_close__5ZOGk::before {
2388
+ border-left: .1rem #cbd5e0 solid;
2389
+ border-left: .1rem var(--clr-grey400) solid;
2390
+ bottom: .6rem;
2391
+ content: '';
2392
+ left: 0;
2393
+ position: absolute;
2394
+ top: .6rem;
2395
+ }
2396
+
2397
+ .Filters-module_root__H89VA {
2398
+ background-color: #fff;
2399
+ background-color: var(--clr-white);
2400
+ border: .1rem #cbd5e0 solid;
2401
+ border: .1rem var(--clr-grey400) solid;
2402
+ border-radius: .5rem;
2403
+ margin-bottom: 3rem;
2404
+ padding: 1rem
2405
+ }
2406
+
2407
+ @media (min-width: 740px) {
2408
+
2409
+ .Filters-module_root__H89VA {
2410
+ background-color: transparent;
2411
+ border-color: transparent;
2412
+ padding: 0
2413
+ }
2414
+ }
2415
+
2416
+ @media (min-width: 740px) {
2417
+
2418
+ .Filters-module_control__b9Ihj {
2419
+ display: none
2420
+ }
2421
+ }
2422
+
2423
+ .Filters-module_controlIsOpen__Fgnll {
2424
+ display: none;
2425
+ }
2426
+
2427
+ .Filters-module_content__2AGNP {
2428
+ display: none;
2429
+ position: relative;
2430
+ z-index: 1
2431
+ }
2432
+
2433
+ @media (min-width: 740px) {
2434
+
2435
+ .Filters-module_content__2AGNP {
2436
+ display: flex;
2437
+ justify-content: space-between
2438
+ }
2439
+ }
2440
+
2441
+ .Filters-module_contentIsOpen__RmuXn {
2442
+ display: block;
2443
+ }
2444
+
2445
+ .Filters-module_close__u2D5J {
2446
+ display: none;
2447
+ }
2448
+
2449
+ .Filters-module_closeIsOpen__Zo-wa {
2450
+ display: block
2451
+ }
2452
+
2453
+ @media (min-width: 740px) {
2454
+
2455
+ .Filters-module_closeIsOpen__Zo-wa {
2456
+ display: none
2457
+ }
2458
+ }
2459
+
2460
+ .Filters-module_search__evETP {
2461
+ margin-bottom: 1rem;
2462
+ min-width: 30rem
2463
+ }
2464
+
2465
+ @media (min-width: 740px) {
2466
+
2467
+ .Filters-module_search__evETP {
2468
+ margin-bottom: 0
2469
+ }
2470
+ }
2471
+
2472
+ @media (min-width: 740px) {
2473
+
2474
+ .Filters-module_section__F-0uk {
2475
+ align-items: center;
2476
+ display: flex
2477
+ }
2478
+ }
2479
+
2480
+ .Filters-module_divider__jgitB {
2481
+ display: none
2482
+ }
2483
+
2484
+ @media (min-width: 740px) {
2485
+
2486
+ .Filters-module_divider__jgitB {
2487
+ background-color: #cbd5e0;
2488
+ background-color: var(--clr-grey400);
2489
+ display: block;
2490
+ height: 2rem;
2491
+ margin: 0 2rem;
2492
+ width: .1rem
2493
+ }
2494
+ }
2495
+
2496
+ .Filters-module_actions__zvC1x {
2497
+ display: flex;
2498
+ }
2499
+
2500
+ .Filters-module_actions__zvC1x > * {
2501
+ margin-left: 1rem;
2502
+ }
2503
+
2504
+ .ListItemAction-module_root__dm0Id {
2505
+ background: transparent;
2506
+ border: 0;
2507
+ color: #0074d9;
2508
+ color: var(--clr-link);
2509
+ cursor: pointer;
2510
+ font-family: inherit;
2511
+ font-size: 1.3rem;
2512
+ font-size: var(--fs-sml);
2513
+ font-weight: 600;
2514
+ font-weight: var(--fw-bold);
2515
+ line-height: 3rem;
2516
+ margin-left: 2rem;
2517
+ padding: 0
2518
+ }
2519
+
2520
+ .ListItemAction-module_root__dm0Id:focus {
2521
+ outline: none;
2522
+ }
2523
+
2524
+ .ListItemAction-module_root__dm0Id:hover {
2525
+ color: #1e40af;
2526
+ color: var(--clr-link-hover);
2527
+ }
2528
+
2529
+ .ListItemAction-module_rootDanger__S-Zty {
2530
+ color: #ee3768;
2531
+ color: var(--clr-danger)
2532
+ }
2533
+
2534
+ .ListItemAction-module_rootDanger__S-Zty:hover {
2535
+ color: #d3184a;
2536
+ color: var(--clr-danger-dark);
2537
+ }
2538
+
2539
+ .ListItemActions-module_root__Buwsb {
2540
+ align-items: center;
2541
+ bottom: -.5rem;
2542
+ display: flex;
2543
+ flex-direction: row-reverse;
2544
+ height: 3rem;
2545
+ left: -2rem;
2546
+ position: absolute;
2547
+ right: 0;
2548
+ }
2549
+
2550
+ td .ListItemActions-module_root__Buwsb {
2551
+ bottom: auto;
2552
+ left: auto;
2553
+ top: calc(50% - 15px);
2554
+ }
2555
+
2556
+ .ListItemActions-module_control__G92qe {
2557
+ background: #fff;
2558
+ background: var(--clr-white);
2559
+ border: .1rem #cbd5e0 solid;
2560
+ border: .1rem var(--clr-grey400) solid;
2561
+ border-radius: .3rem;
2562
+ cursor: pointer;
2563
+ height: 3rem;
2564
+ overflow: hidden;
2565
+ position: relative;
2566
+ text-indent: 5rem;
2567
+ width: 3rem
2568
+ }
2569
+
2570
+ .ListItemActions-module_control__G92qe:focus {
2571
+ border: .1rem #cbd5e0 dashed;
2572
+ border: .1rem var(--clr-grey400) dashed;
2573
+ outline: none;
2574
+ }
2575
+
2576
+ .ListItemActions-module_control__G92qe i,
2577
+ .ListItemActions-module_control__G92qe i::before,
2578
+ .ListItemActions-module_control__G92qe i::after {
2579
+ background-color: #0074d9;
2580
+ background-color: var(--clr-link);
2581
+ border-radius: 50%;
2582
+ left: calc(50% - .2rem);
2583
+ position: absolute;
2584
+ height: .4rem;
2585
+ top: calc(50% - .2rem);
2586
+ width: .4rem;
2587
+ }
2588
+
2589
+ .ListItemActions-module_control__G92qe i::before {
2590
+ content: '';
2591
+ left: -.6rem;
2592
+ }
2593
+
2594
+ .ListItemActions-module_control__G92qe i::after {
2595
+ content: '';
2596
+ left: auto;
2597
+ right: -.6rem;
2598
+ }
2599
+
2600
+ .ListItemActions-module_list__Q7Vq6 {
2601
+ background: rgba(255, 255, 255, .8);
2602
+ background: var(--clr-white80);
2603
+ display: flex;
2604
+ flex: 1;
2605
+ justify-content: flex-end;
2606
+ margin-right: 2rem;
2607
+ opacity: 0;
2608
+ pointer-events: none;
2609
+ transform: translate3d(1rem, 0, 0);
2610
+ transition: opacity .2s, transform .2s;
2611
+ }
2612
+
2613
+ tr:nth-child(2n - 1) .ListItemActions-module_list__Q7Vq6 {
2614
+ background-color: rgba(rgb(247, 250, 252), .8);
2615
+ background-color: var(--clr-grey10080);
2616
+ }
2617
+
2618
+ .ListItemActions-module_listIsOpen__TnnoD {
2619
+ opacity: 1;
2620
+ pointer-events: all;
2621
+ transform: translate3d(0, 0, 0);
2622
+ }
2623
+
2624
+ .ListItemActions-module_item__dHzaR {
2625
+ background-color: #fff;
2626
+ background-color: var(--clr-white)
2627
+ }
2628
+
2629
+ .ListItemActions-module_item__dHzaR:first-child {
2630
+ background: linear-gradient(90deg, rgba(255, 255, 255, 0), #fff 1rem);
2631
+ background: linear-gradient(90deg, var(--clr-white0), var(--clr-white) 1rem);
2632
+ }
2633
+
2634
+ tr:nth-child(2n - 1) .ListItemActions-module_item__dHzaR {
2635
+ background-color: #f7fafc;
2636
+ background-color: var(--clr-grey100)
2637
+ }
2638
+
2639
+ tr:nth-child(2n - 1) .ListItemActions-module_item__dHzaR:first-child {
2640
+ background: linear-gradient(90deg, rgba(rgb(247, 250, 252), 0), #f7fafc 1rem);
2641
+ background: linear-gradient(90deg, var(--clr-grey1000), var(--clr-grey100) 1rem);
2642
+ }
2643
+
2644
+
2645
+ .ListItemMetaItem-module_root__qHQzI:not(:last-child) {
2646
+ align-items: center;
2647
+ display: flex;
2648
+ margin-right: 1.5rem;
2649
+ position: relative
2650
+ }
2651
+ .ListItemMetaItem-module_root__qHQzI:not(:last-child)::after {
2652
+ background-color: #cbd5e0;
2653
+ background-color: var(--clr-grey400);
2654
+ border-radius: 50%;
2655
+ content: '';
2656
+ height: .4rem;
2657
+ margin-left: 1.5rem;
2658
+ top: .5em;
2659
+ width: .4rem;
2660
+ }
2661
+
2662
+ .ListItemTitle-module_root__VkP-N {
2663
+ font-size: 1.8rem;
2664
+ font-size: var(--fs-lrg);
2665
+ font-weight: 600;
2666
+ font-weight: var(--fw-bold);
2667
+ line-height: 1;
2668
+ }
2669
+
2670
+ .ListItemTitle-module_rootIsLink__1YsLY {
2671
+ color: #0074d9;
2672
+ color: var(--clr-link);
2673
+ cursor: pointer
2674
+ }
2675
+
2676
+ .ListItemTitle-module_rootIsLink__1YsLY:hover {
2677
+ color: #1e40af;
2678
+ color: var(--clr-link-hover);
2679
+ }
2680
+
2681
+ .ListItem-module_inner__OJNXm {
2682
+ border-bottom: .1rem #e2e8f0 solid;
2683
+ border-bottom: .1rem var(--clr-grey300) solid;
2684
+ display: flex;
2685
+ justify-content: space-between;
2686
+ margin-bottom: 1.5rem;
2687
+ padding-bottom: 1.5rem;
2688
+ }
2689
+
2690
+ .ListItem-module_content__ANVQe {
2691
+ border-bottom: .1rem #e2e8f0 solid;
2692
+ border-bottom: .1rem var(--clr-grey300) solid;
2693
+ margin-bottom: 1.5rem;
2694
+ padding-bottom: 1.5rem;
2695
+ }
2696
+
2697
+ .ListItem-module_footer__bHDpK {
2698
+ display: flex;
2699
+ justify-content: space-between;
2700
+ margin-top: 2rem;
2701
+ position: relative;
2702
+ width: 100%;
2703
+ }
2704
+
2705
+ .ListItem-module_meta__d1TDi {
2706
+ color: #718096;
2707
+ color: var(--clr-grey600);
2708
+ display: flex;
2709
+ font-size: 1.3rem;
2710
+ font-size: var(--fs-sml);
2711
+ line-height: 2rem;
2712
+ }
2713
+
2714
+ .PaginationItem-module_gap__K4jgK {
2715
+ align-items: center;
2716
+ color: #cbd5e0;
2717
+ color: var(--clr-grey400);
2718
+ display: flex;
2719
+ height: 4rem;
2720
+ justify-content: center;
2721
+ letter-spacing: .3rem;
2722
+ padding-left: .3rem;
2723
+ width: 4rem;
2724
+ }
2725
+
2726
+ .PaginationItem-module_link__cCkK8 {
2727
+ align-items: center;
2728
+ background-color: #fff;
2729
+ background-color: var(--clr-white);
2730
+ border: .1rem #cbd5e0 solid;
2731
+ border: .1rem var(--clr-grey400) solid;
2732
+ border-radius: .2rem;
2733
+ color: #2d3748;
2734
+ color: var(--clr-grey800);
2735
+ display: flex;
2736
+ height: 4rem;
2737
+ justify-content: center;
2738
+ width: 4rem
2739
+ }
2740
+
2741
+ .PaginationItem-module_link__cCkK8:hover {
2742
+ background-color: #f7fafc;
2743
+ background-color: var(--clr-grey100);
2744
+ }
2745
+
2746
+ .PaginationItem-module_linkIsActive__M75EL {
2747
+ background-color: #4a5568;
2748
+ background-color: var(--clr-grey700);
2749
+ border-color: #4a5568;
2750
+ border-color: var(--clr-grey700);
2751
+ color: #fff;
2752
+ color: var(--clr-white);
2753
+ pointer-events: none;
2754
+ }
2755
+
2756
+ .Pagination-module_root__WkFXR {
2757
+ display: flex;
2758
+ justify-content: flex-end;
2759
+ margin-top: 2rem;
2760
+ transition: opacity .3s;
2761
+ }
2762
+
2763
+ .Pagination-module_rootIsDisabled__buJLe {
2764
+ opacity: .3;
2765
+ pointer-events: none;
2766
+ }
2767
+
2768
+ .Pagination-module_item__xX8ew:not(:last-child) {
2769
+ margin-right: .5rem;
2770
+ }
2771
+
2772
+ .List-module_root__90yOJ {
2773
+ margin-bottom: 3rem;
2774
+ transition: opacity .5s;
2775
+ }
2776
+
2777
+ .List-module_rootIsDisabled__S9J5h {
2778
+ opacity: .3;
2779
+ pointer-events: none;
2780
+ }
2781
+
2782
+ .Container-module_root__NI2nC {
2783
+ padding: 3rem max(1rem, min(2.5vw, 3rem));
2784
+ }
2785
+
2786
+ .Container-module_rootTopbar__ITtaJ {
2787
+ margin: 0 auto;
2788
+ max-width: 110rem;
2789
+ }
2790
+
2791
+ .Container-module_rootTopbar__ITtaJ.Container-module_rootIsWide__4AkvQ {
2792
+ max-width: none;
2793
+ }
2794
+
2795
+ .Tabs-module_root__eMji1 {
2796
+ background-color: #fff;
2797
+ background-color: var(--clr-white);
2798
+ box-shadow: 0 .3rem .3rem rgba(0, 0, 0, .02), 0 1rem 1rem rgba(0, 0, 0, .02);
2799
+ padding: 0 max(1rem, min(2.5vw, 3rem));
2800
+ position: -webkit-sticky;
2801
+ position: sticky;
2802
+ top: 8rem;
2803
+ z-index: 3
2804
+ }
2805
+
2806
+ .Tabs-module_root__eMji1::before {
2807
+ border-top: .1rem #e2e8f0 solid;
2808
+ border-top: .1rem var(--clr-grey300) solid;
2809
+ content: '';
2810
+ left: max(1rem, min(2.5vw, 3rem));
2811
+ position: absolute;
2812
+ right: max(1rem, min(2.5vw, 3rem));
2813
+ }
2814
+
2815
+ .Tabs-module_rootTopbar__ECGcr {
2816
+ position: relative;
2817
+ top: 0;
2818
+ }
2819
+
2820
+ .Tabs-module_list__mHKR3 {
2821
+ display: flex;
2822
+ padding: 1rem 0;
2823
+ }
2824
+
2825
+ .Tabs-module_item__XFlU2 {
2826
+ margin-right: 1rem;
2827
+ }
2828
+
2829
+ .Tabs-module_itemIsDisabled__cbDtZ {
2830
+ opacity: .3;
2831
+ pointer-events: none;
2832
+ }
2833
+
2834
+ .Tabs-module_link__P-Oj8 {
2835
+ color: #4a5568;
2836
+ color: var(--clr-grey700);
2837
+ border-radius: .3rem;
2838
+ display: block;
2839
+ font-size: 1.3rem;
2840
+ font-size: var(--fs-sml);
2841
+ font-weight: 600;
2842
+ font-weight: var(--fw-bold);
2843
+ line-height: 1;
2844
+ padding: 1rem;
2845
+ }
2846
+
2847
+ .Tabs-module_linkIsActive__NeTFR {
2848
+ background-color: #edf2f7;
2849
+ background-color: var(--clr-grey200);
2850
+ pointer-events: none;
2851
+ }
2852
+
2853
+ .TableCell-module_root__m8YZV {
2854
+ border: #e2e8f0 solid;
2855
+ border: var(--clr-grey300) solid;
2856
+ border-width: .1rem 0;
2857
+ font-size: 1.3rem;
2858
+ font-size: var(--fs-sml);
2859
+ padding: 1.5rem 1rem;
2860
+ text-align: left;
2861
+ white-space: nowrap;
2862
+ }
2863
+
2864
+ tr:nth-child(2n - 1) .TableCell-module_root__m8YZV {
2865
+ background-color: #f7fafc;
2866
+ background-color: var(--clr-grey100);
2867
+ }
2868
+
2869
+ .TableCell-module_rootIsRightAligned__ioSoh {
2870
+ text-align: right;
2871
+ }
2872
+
2873
+ .TableHead-module_root__fXc2- {
2874
+ border-bottom: .2rem #e2e8f0 solid;
2875
+ border-bottom: .2rem var(--clr-grey300) solid;
2876
+ font-size: 1.3rem;
2877
+ font-size: var(--fs-sml);
2878
+ font-weight: 600;
2879
+ font-weight: var(--fw-bold);
2880
+ line-height: 1;
2881
+ padding: 0 1rem 1rem;
2882
+ text-align: left;
2883
+ }
2884
+
2885
+ .TableHead-module_rootIsRightAligned__-ufuA {
2886
+ text-align: right;
2887
+ }
2888
+
2889
+ .TableActionsCell-module_inner__jXEQa {
2890
+ position: relative;
2891
+ }
2892
+
2893
+ .Table-module_root__aMWWS {
2894
+ overflow-x: auto;
2895
+ }
2896
+
2897
+ .Table-module_table__Dkosn {
2898
+ border-collapse: collapse;
2899
+ transition: opacity .3s;
2900
+ width: 100%;
2901
+ }
2902
+
2903
+ .Table-module_tableIsDisabled__WQTT2 {
2904
+ opacity: .3;
2905
+ pointer-events: none;
2906
+ }
2907
+
2908
+ .DateInput-module_root__FAWYu {
2909
+ display: flex;
2910
+ }
2911
+
2912
+ .DateInput-module_input__YJOxe {
2913
+ width: 6rem
2914
+ }
2915
+
2916
+ .DateInput-module_input__YJOxe:not(:last-child) {
2917
+ margin-right: 1rem;
2918
+ }
2919
+
2920
+ .DateInput-module_inputY__RM-wW {
2921
+ width: 10rem;
2922
+ }
2923
+
2924
+ .FormLegend-module_root__TK1a- {
2925
+ border-bottom: .1rem #e2e8f0 solid;
2926
+ border-bottom: .1rem var(--clr-grey300) solid;
2927
+ color: #718096;
2928
+ color: var(--clr-grey600);
2929
+ float: left;
2930
+ font-size: 1.8rem;
2931
+ font-size: var(--fs-lrg);
2932
+ font-weight: 600;
2933
+ font-weight: var(--fw-bold);
2934
+ line-height: 1;
2935
+ margin-bottom: 3rem;
2936
+ margin-left: -.2rem;
2937
+ margin-top: -.5rem;
2938
+ padding-bottom: 2rem;
2939
+ width: 100%;
2940
+ }
2941
+
2942
+ .FileInput-module_root__UvQj- {
2943
+ overflow: hidden;
2944
+ position: relative;
2945
+ }
2946
+
2947
+ .FileInput-module_input__dBre- {
2948
+ bottom: 0;
2949
+ cursor: pointer;
2950
+ font-size: .1rem;
2951
+ height: 200%;
2952
+ position: absolute;
2953
+ left: 0;
2954
+ width: 100%
2955
+ }
2956
+
2957
+ .FileInput-module_input__dBre-:focus {
2958
+ outline: none;
2959
+ }
2960
+
2961
+ .FilterLink-module_root__5fbOG {
2962
+ align-items: center;
2963
+ display: inline-flex;
2964
+ fill: #0074d9;
2965
+ fill: var(--clr-link);
2966
+ }
2967
+
2968
+ .FilterLink-module_icon__yTJ2x {
2969
+ margin-right: .5rem;
2970
+ }
2971
+
2972
+ .FixedActions-module_root__3sSYh {
2973
+ --top: calc((var(--header-height) - var(--input-height)) / 2);
2974
+
2975
+ display: flex;
2976
+ flex-direction: row;
2977
+ position: fixed;
2978
+ right: max(1rem, min(2.5vw, 3rem));
2979
+ top: var(--top);
2980
+ z-index: 4
2981
+ }
2982
+
2983
+ .FixedActions-module_root__3sSYh > * {
2984
+ width: auto;
2985
+ }
2986
+
2987
+ .FixedActions-module_root__3sSYh > *:not(:first-child) {
2988
+ margin-left: 1rem;
2989
+ }
2990
+
2991
+ .FixedActions-module_rootTopbar__C-5sG {
2992
+ --top: calc((var(--header-height) - var(--input-height)) / 2);
2993
+
2994
+ top: calc(6rem + var(--top));
2995
+
2996
+ top: calc(var(--banner-height) + var(--top));
2997
+ }
2998
+
2999
+ .FormError-module_root__4yRVQ {
3000
+ border-radius: .3rem;
3001
+ color: #ee3768;
3002
+ color: var(--clr-error);
3003
+ font-size: 1.3rem;
3004
+ font-size: var(--fs-sml);
3005
+ font-weight: 600;
3006
+ font-weight: var(--fw-bold);
3007
+ line-height: 1;
3008
+ }
3009
+
3010
+ .FormLabel-module_root__7Qxxt {
3011
+ color: #718096;
3012
+ color: var(--clr-grey600);
3013
+ display: flex;
3014
+ font-size: 1.3rem;
3015
+ font-size: var(--fs-sml);
3016
+ font-weight: 500;
3017
+ font-weight: var(--fw-semibold);
3018
+ line-height: 1;
3019
+ }
3020
+
3021
+ .FormLabel-module_optional__ORCA1 {
3022
+ color: #a0aec0;
3023
+ color: var(--clr-grey500);
3024
+ font-size: 1.2rem;
3025
+ font-size: var(--fs-xsml);
3026
+ font-style: italic;
3027
+ margin-left: 1rem;
3028
+ padding-top: .1rem;
3029
+ }
3030
+
3031
+ .FormField-module_root__QkVj- {
3032
+ clear: both;
3033
+ display: grid;
3034
+ grid-template-columns: 1fr auto;
3035
+ grid-template-rows: repeat(3, auto);
3036
+ margin-bottom: 3rem;
3037
+ position: relative
3038
+ }
3039
+
3040
+ .FormField-module_root__QkVj-:last-child {
3041
+ margin-bottom: .5rem;
3042
+ }
3043
+
3044
+ @media (min-width: 900px) {
3045
+
3046
+ .FormField-module_root__QkVj- {
3047
+ grid-template-columns: min(50rem, 100%) auto
3048
+ }
3049
+ }
3050
+
3051
+ .FormField-module_rootHasError__UBoVz::before {
3052
+ background-color: rgba(238, 55, 104, .05);
3053
+ background-color: var(--clr-error5);
3054
+ bottom: -1.5rem;
3055
+ content: '';
3056
+ left: max(-3rem, min(-3.75vw, -1.5rem));
3057
+ position: absolute;
3058
+ right: max(-3rem, min(-3.75vw, -1.5rem));
3059
+ top: -1.5rem;
3060
+ }
3061
+
3062
+ .FormField-module_rootIsShallow__MxOyP {
3063
+ margin-bottom: 1.5rem
3064
+ }
3065
+
3066
+ .FormField-module_rootIsShallow__MxOyP:last-child {
3067
+ margin-bottom: .5rem;
3068
+ }
3069
+
3070
+ .FormField-module_rootWidthFull__rvFee {
3071
+ grid-template-columns: 1fr auto;
3072
+ }
3073
+
3074
+ .FormField-module_label__98wVM {
3075
+ margin-bottom: 1rem;
3076
+ position: relative;
3077
+ }
3078
+
3079
+ .FormField-module_field__NXQSy {
3080
+ grid-area: 2 / 1 / 3 / 2;
3081
+ position: relative;
3082
+ }
3083
+
3084
+ .FormField-module_action__yMXuU {
3085
+ display: flex;
3086
+ grid-area: 2 / 2 / 3 / 3;
3087
+ margin-left: 1rem;
3088
+ position: relative
3089
+ }
3090
+
3091
+ .FormField-module_action__yMXuU > * {
3092
+ width: auto;
3093
+ }
3094
+
3095
+ .FormField-module_action__yMXuU > *:not(:last-child) {
3096
+ margin-right: .5rem;
3097
+ }
3098
+
3099
+ .FormField-module_error__4SHKr {
3100
+ grid-area: 3 / 1 / 4 / 2;
3101
+ margin-top: 1rem;
3102
+ position: relative;
3103
+ }
3104
+
3105
+ .FormRepeater-module_root__Bh4KC {
3106
+ margin-bottom: 3rem;
3107
+ }
3108
+
3109
+ .ImageInput-module_root__E-IKb {
3110
+ background-color: #fff;
3111
+ background-color: var(--clr-white);
3112
+ border: .1rem #cbd5e0 solid;
3113
+ border: .1rem var(--clr-grey400) solid;
3114
+ border-radius: .3rem;
3115
+ height: 30rem;
3116
+ overflow: hidden;
3117
+ padding: 2rem;
3118
+ position: relative;
3119
+ transition: border-color .2s;
3120
+ width: 100%;
3121
+ }
3122
+
3123
+ .ImageInput-module_rootIsDisabled__53pnM {
3124
+ opacity: .3;
3125
+ pointer-events: none;
3126
+ }
3127
+
3128
+ .ImageInput-module_rootIsError__qc-y9 {
3129
+ border-color: #ee3768;
3130
+ border-color: var(--clr-error);
3131
+ }
3132
+
3133
+ .ImageInput-module_rootIsDragTarget__5Td7T {
3134
+ background-color: rgba(46, 204, 64, .05);
3135
+ background-color: var(--clr-primary5);
3136
+ border-color: #2ecc40;
3137
+ border-color: var(--clr-primary);
3138
+ }
3139
+
3140
+ .ImageInput-module_placeholder__dzlNG {
3141
+ align-items: center;
3142
+ bottom: 5%;
3143
+ display: flex;
3144
+ fill: #718096;
3145
+ fill: var(--clr-grey600);
3146
+ flex-direction: column;
3147
+ left: 0;
3148
+ justify-content: center;
3149
+ position: absolute;
3150
+ right: 0;
3151
+ text-align: center;
3152
+ top: 0;
3153
+ }
3154
+
3155
+ .ImageInput-module_placeholderTitle__PNDYO {
3156
+ color: #718096;
3157
+ color: var(--clr-grey600);
3158
+ font-size: 1.8rem;
3159
+ font-size: var(--fs-lrg);
3160
+ font-weight: 600;
3161
+ font-weight: var(--fw-bold);
3162
+ line-height: 1;
3163
+ margin-bottom: 1rem;
3164
+ margin-top: 1rem;
3165
+ }
3166
+
3167
+ .ImageInput-module_placeholderDescription__zZDGi {
3168
+ color: #718096;
3169
+ color: var(--clr-grey600);
3170
+ font-size: 1.3rem;
3171
+ font-size: var(--fs-sml);
3172
+ line-height: 1;
3173
+ }
3174
+
3175
+ .ImageInput-module_input__DPKgi {
3176
+ bottom: 0;
3177
+ cursor: pointer;
3178
+ font-size: .1rem;
3179
+ height: 200%;
3180
+ left: 0;
3181
+ position: absolute;
3182
+ width: 100%
3183
+ }
3184
+
3185
+ .ImageInput-module_input__DPKgi:focus {
3186
+ outline: none;
3187
+ }
3188
+
3189
+ .ImageInput-module_preview__-854u {
3190
+ height: 100%;
3191
+ -o-object-fit: contain;
3192
+ object-fit: contain;
3193
+ width: 100%;
3194
+ }
3195
+
3196
+ .InfoPanel-module_root__RVb0A {
3197
+ background-color: rgba(46, 204, 64, .05);
3198
+ background-color: var(--clr-primary5);
3199
+ border: .1rem #2ecc40 solid;
3200
+ border: .1rem var(--clr-primary) solid;
3201
+ border-radius: .3rem;
3202
+ font-size: 1.3rem;
3203
+ font-size: var(--fs-sml);
3204
+ margin-bottom: 3rem;
3205
+ padding: 1.5rem;
3206
+ }
3207
+
3208
+ .InfoPanel-module_rootDanger__TtBTO {
3209
+ background-color: rgba(238, 55, 104, .05);
3210
+ background-color: var(--clr-error5);
3211
+ border: .1rem #ee3768 solid;
3212
+ border: .1rem var(--clr-error) solid;
3213
+ }
3214
+
3215
+ .InfoPanel-module_rootWarning__ltrr4 {
3216
+ background-color: rgba(239, 173, 43, .05);
3217
+ background-color: var(--clr-warning5);
3218
+ border: .1rem #efad2b solid;
3219
+ border: .1rem var(--clr-warning) solid;
3220
+ }
3221
+
3222
+ .PasswordInput-module_root__I11Vs {
3223
+ position: relative;
3224
+ }
3225
+
3226
+ .PasswordInput-module_control__sSkpO {
3227
+ background: transparent;
3228
+ border: 0;
3229
+ color: #0074d9;
3230
+ color: var(--clr-link);
3231
+ cursor: pointer;
3232
+ font-family: inherit;
3233
+ font-size: 1.2rem;
3234
+ font-size: var(--fs-xsml);
3235
+ height: 100%;
3236
+ right: 1rem;
3237
+ overflow: hidden;
3238
+ padding-top: .1rem;
3239
+ position: absolute;
3240
+ text-align: right;
3241
+ top: 0
3242
+ }
3243
+
3244
+ .PasswordInput-module_control__sSkpO:focus {
3245
+ outline: none;
3246
+ }
3247
+
3248
+ .LoginForm-module_root__SIKbw {
3249
+ align-items: center;
3250
+ display: flex;
3251
+ flex-direction: column;
3252
+ height: 80vh;
3253
+ justify-content: center;
3254
+ margin: 0 auto;
3255
+ max-width: 48rem;
3256
+ padding: 4rem max(2rem, min(3.5vw, 5rem));
3257
+ }
3258
+
3259
+ .LoginForm-module_logo__WRzFO {
3260
+ background-color: #2ecc40;
3261
+ background-color: var(--clr-brand);
3262
+ border-radius: 0 0 .5rem .5rem;
3263
+ display: flex;
3264
+ flex-direction: column;
3265
+ height: 10rem;
3266
+ justify-content: center;
3267
+ margin: -3rem auto 3rem;
3268
+ width: 6rem;
3269
+ }
3270
+
3271
+
3272
+ .Message-module_root__0hItt p:not(:last-child) {
3273
+ margin-bottom: 1em;
3274
+ }
3275
+
3276
+ .Message-module_title__Wfl1v {
3277
+ font-size: 2.2rem;
3278
+ font-size: var(--fs-xlrg);
3279
+ font-weight: 600;
3280
+ font-weight: var(--fw-bold);
3281
+ line-height: 1.2;
3282
+ line-height: var(--lh-tight);
3283
+ margin-bottom: 2rem;
3284
+ margin-left: -.2rem;
3285
+ width: 100%;
3286
+ }
3287
+
3288
+ .PasswordForm-module_root__fKSWi {
3289
+ align-items: center;
3290
+ display: flex;
3291
+ flex-direction: column;
3292
+ height: 80vh;
3293
+ justify-content: center;
3294
+ margin: 0 auto;
3295
+ max-width: 48rem;
3296
+ padding: 4rem max(1rem, min(2.5vw, 2rem));
3297
+ }
3298
+
3299
+ .PasswordForm-module_logo__F4V7C {
3300
+ background-color: #2ecc40;
3301
+ background-color: var(--clr-brand);
3302
+ border-radius: 0 0 .5rem .5rem;
3303
+ display: flex;
3304
+ flex-direction: column;
3305
+ height: 10rem;
3306
+ justify-content: center;
3307
+ margin: max(-3rem, min(-3.75vw, -1.5rem)) auto 3rem;
3308
+ width: 6rem;
3309
+ }
3310
+
3311
+ .Switch-module_root__Y5Ydi {
3312
+ align-items: center;
3313
+ cursor: pointer;
3314
+ display: flex;
3315
+ position: relative;
3316
+ }
3317
+
3318
+ .Switch-module_rootIsDisabled__dav03 {
3319
+ opacity: .3;
3320
+ pointer-events: none;
3321
+ }
3322
+
3323
+ .Switch-module_rootIsMultiline__4XfCx {
3324
+ align-items: flex-start;
3325
+ }
3326
+
3327
+ .Switch-module_icon__xBv4r {
3328
+ align-items: center;
3329
+ background-color: #fff;
3330
+ background-color: var(--clr-white);
3331
+ border: .1rem #a0aec0 solid;
3332
+ border: .1rem var(--clr-grey500) solid;
3333
+ border-radius: 1.2rem;
3334
+ display: flex;
3335
+ fill: #fff;
3336
+ fill: var(--clr-white);
3337
+ height: 2.4rem;
3338
+ justify-content: center;
3339
+ min-width: 3.6rem;
3340
+ padding-bottom: .1rem;
3341
+ position: relative;
3342
+ top: 0;
3343
+ width: 2.4rem
3344
+ }
3345
+
3346
+ .Switch-module_icon__xBv4r::before {
3347
+ background-color: #a0aec0;
3348
+ background-color: var(--clr-grey500);
3349
+ border-radius: 50%;
3350
+ content: '';
3351
+ height: 1.8rem;
3352
+ left: .2rem;
3353
+ position: absolute;
3354
+ top: .2rem;
3355
+ transition: transform .2s;
3356
+ width: 1.8rem;
3357
+ }
3358
+
3359
+ input:checked ~ .Switch-module_icon__xBv4r {
3360
+ background-color: #2ecc40;
3361
+ background-color: var(--clr-primary);
3362
+ border-color: #2ecc40;
3363
+ border-color: var(--clr-primary)
3364
+ }
3365
+
3366
+ input:checked ~ .Switch-module_icon__xBv4r::before {
3367
+ background-color: #fff;
3368
+ background-color: var(--clr-white);
3369
+ transform: translateX(1.2rem);
3370
+ }
3371
+
3372
+ .Switch-module_iconIsMultiline__Pzw7L {
3373
+ top: .2rem;
3374
+ }
3375
+
3376
+ .Switch-module_label__LrH7V {
3377
+ color: #718096;
3378
+ color: var(--clr-grey600);
3379
+ display: block;
3380
+ font-size: 1.3rem;
3381
+ font-size: var(--fs-sml);
3382
+ font-weight: 600;
3383
+ font-weight: var(--fw-bold);
3384
+ padding-left: 1.5rem;
3385
+ }
3386
+
3387
+ .Switch-module_labelIsDisabled__8Xi-Y {
3388
+ pointer-events: none;
3389
+ }
3390
+
3391
+ .Switch-module_input__5BPNu {
3392
+ left: 0;
3393
+ opacity: 0;
3394
+ pointer-events: none;
3395
+ position: absolute;
3396
+ top: 0;
3397
+ }
3398
+
3399
+ .Switch-module_extra__QB6Na {
3400
+ color: #a0aec0;
3401
+ color: var(--clr-grey500);
3402
+ display: block;
3403
+ font-size: 1.3rem;
3404
+ font-size: var(--fs-sml);
3405
+ line-height: 1.4;
3406
+ padding-left: 1.5rem;
3407
+ padding-top: .4rem;
3408
+ }
3409
+
3410
+ .Tag-module_root__n61I6 {
3411
+ background-color: #4a5568;
3412
+ background-color: var(--clr-grey700);
3413
+ border: .1rem transparent solid;
3414
+ border-radius: .3rem;
3415
+ color: #fff;
3416
+ color: var(--clr-white);
3417
+ display: inline-block;
3418
+ font-weight: 600;
3419
+ font-weight: var(--fw-bold);
3420
+ line-height: 2.8rem;
3421
+ margin: -.5rem 0;
3422
+ padding: 0 .8rem;
3423
+ }
3424
+
3425
+ .Tag-module_rootPrimary__lT7Oo {
3426
+ background-color: #2ecc40;
3427
+ background-color: var(--clr-primary);
3428
+ }
3429
+
3430
+ .Tag-module_rootSecondary__xN2Wx {
3431
+ background-color: #ee3768;
3432
+ background-color: var(--clr-secondary);
3433
+ }
3434
+
3435
+ .Tag-module_rootSuccess__Hgfm5 {
3436
+ background-color: #2ecc40;
3437
+ background-color: var(--clr-success);
3438
+ }
3439
+
3440
+ .Tag-module_rootWarning__4o-5D {
3441
+ background-color: #efad2b;
3442
+ background-color: var(--clr-warning);
3443
+ }
3444
+
3445
+ .Tag-module_rootDanger__mUI9e {
3446
+ background-color: #ee3768;
3447
+ background-color: var(--clr-danger);
3448
+ }
3449
+
3450
+ .Tag-module_rootBorderedDanger__CdsbP {
3451
+ background-color: #fff;
3452
+ background-color: var(--clr-white);
3453
+ border-color: #ee3768;
3454
+ border-color: var(--clr-danger);
3455
+ color: #ee3768;
3456
+ color: var(--clr-danger);
3457
+ }
3458
+
3459
+ .TextArea-module_root__3dyeu {
3460
+ background-color: #fff;
3461
+ background-color: var(--clr-white);
3462
+ border: .1rem #cbd5e0 solid;
3463
+ border: .1rem var(--clr-grey400) solid;
3464
+ border-radius: .3rem;
3465
+ color: #718096;
3466
+ color: var(--clr-grey600);
3467
+ display: block;
3468
+ font-family: inherit;
3469
+ font-size: 1.4rem;
3470
+ font-size: var(--fs-med);
3471
+ resize: vertical;
3472
+ padding: 1rem 1.2rem;
3473
+ transition: border-color .2s;
3474
+ width: 100%
3475
+ }
3476
+
3477
+ .TextArea-module_root__3dyeu:focus {
3478
+ border-color: #2ecc40;
3479
+ border-color: var(--clr-primary);
3480
+ color: #4a5568;
3481
+ color: var(--clr-grey700);
3482
+ outline: none;
3483
+ }
3484
+
3485
+ .TextArea-module_rootHasError__7gVj- {
3486
+ border-color: #ee3768;
3487
+ border-color: var(--clr-error);
3488
+ }
3489
+
3490
+ .WeekCalendarDay-module_root__g18Fw {
3491
+ background: repeating-linear-gradient(#e2e8f0, white .3rem, white 6rem);
3492
+ background: repeating-linear-gradient(var(--clr-grey300), white .3rem, white 6rem);
3493
+ background-position: 0 4rem;
3494
+ border-radius: .5rem;
3495
+ position: relative;
3496
+ width: 13%;
3497
+ }
3498
+
3499
+ .WeekCalendarDay-module_title__opQw- {
3500
+ background-color: #fff;
3501
+ background-color: var(--clr-white);
3502
+ border-radius: .5rem;
3503
+ color: #4a5568;
3504
+ color: var(--clr-grey700);
3505
+ font-size: 1.3rem;
3506
+ font-size: var(--fs-sml);
3507
+ font-weight: 600;
3508
+ font-weight: var(--fw-bold);
3509
+ line-height: 4rem;
3510
+ text-align: center;
3511
+ }
3512
+
3513
+ .WeekCalendarDay-module_item__lDZLl {
3514
+ background-color: #0074d9;
3515
+ background-color: var(--clr-link);
3516
+ border-radius: .2rem;
3517
+ color: #fff;
3518
+ color: var(--clr-white);
3519
+ font-size: 1.3rem;
3520
+ font-size: var(--fs-sml);
3521
+ left: 1rem;
3522
+ padding: .5rem .8rem;
3523
+ position: absolute;
3524
+ right: 1rem
3525
+ }
3526
+
3527
+ .WeekCalendarDay-module_item__lDZLl:hover {
3528
+ color: #fff;
3529
+ color: var(--clr-white);
3530
+ }
3531
+
3532
+ .WeekCalendar-module_root__3RxfF {
3533
+ display: flex;
3534
+ justify-content: space-between;
3535
+ }
3536
+
3537
+ .WeekCalendar-module_scale__xAPXY {
3538
+ background-color: #fff;
3539
+ background-color: var(--clr-white);
3540
+ border-radius: .5rem;
3541
+ padding-top: 3.2rem;
3542
+ width: 6rem;
3543
+ }
3544
+
3545
+ .WeekCalendar-module_hour__4clDC {
3546
+ color: #4a5568;
3547
+ color: var(--clr-grey700);
3548
+ font-size: 1.3rem;
3549
+ font-size: var(--fs-sml);
3550
+ font-weight: 600;
3551
+ font-weight: var(--fw-bold);
3552
+ height: 6rem;
3553
+ text-align: center;
3554
+ }