@epam/uui 4.5.1 → 4.6.0-alpha.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 (426) hide show
  1. package/assets/styles/buttonLayout.scss +66 -0
  2. package/assets/styles/controlLayout.scss +12 -0
  3. package/assets/styles/effects.scss +9 -0
  4. package/assets/styles/font-faces.scss +52 -0
  5. package/assets/styles/fonts-variables.scss +24 -0
  6. package/assets/styles/icons.scss +19 -0
  7. package/assets/styles/index.scss +8 -0
  8. package/assets/styles/inputs.scss +70 -0
  9. package/assets/styles/layout-mixins.scss +9 -0
  10. package/assets/styles/prettifyScrollBar.scss +45 -0
  11. package/assets/styles/text-layout.scss +81 -0
  12. package/assets/styles/text-size.scss +37 -0
  13. package/assets/styles/typography.scss +4 -0
  14. package/assets/styles/variables/buttons/button.scss +71 -0
  15. package/assets/styles/variables/buttons/iconButton.scss +41 -0
  16. package/assets/styles/variables/buttons/linkButton.scss +6 -0
  17. package/assets/styles/variables/buttons/tabButton.scss +8 -0
  18. package/assets/styles/variables/inputs/checkbox.scss +18 -0
  19. package/assets/styles/variables/inputs/radioInput.scss +15 -0
  20. package/assets/styles/variables/inputs/switch.scss +24 -0
  21. package/assets/styles/variables/inputs/textInput.scss +21 -0
  22. package/assets/styles/variables/layout/accordion.scss +11 -0
  23. package/assets/styles/variables/layout/iconContainer.scss +23 -0
  24. package/assets/styles/variables/layout/labeledInput.scss +8 -0
  25. package/assets/styles/variables/layout/panel.scss +6 -0
  26. package/assets/styles/variables/layout/scrollBars.scss +4 -0
  27. package/assets/styles/variables/overlays/dropdownContainer.scss +5 -0
  28. package/assets/styles/variables/overlays/modals.scss +6 -0
  29. package/assets/styles/variables/overlays/notificationCard.scss +28 -0
  30. package/assets/styles/variables/overlays/tooltip.scss +8 -0
  31. package/assets/styles/variables/pickers/pickerToggler.scss +16 -0
  32. package/assets/styles/variables/typography/text.scss +19 -0
  33. package/assets/styles/variables/typography/textPlaceholder.scss +4 -0
  34. package/assets/styles/variables/widgets/badge.scss +51 -0
  35. package/assets/styles/variables/widgets/tag.scss +9 -0
  36. package/bundle-stats.json +1 -1
  37. package/components/buttons/Button.d.ts +14 -0
  38. package/components/buttons/Button.d.ts.map +1 -0
  39. package/components/buttons/IconButton.d.ts +12 -0
  40. package/components/buttons/IconButton.d.ts.map +1 -0
  41. package/components/buttons/LinkButton.d.ts +9 -0
  42. package/components/buttons/LinkButton.d.ts.map +1 -0
  43. package/components/buttons/TabButton.d.ts +9 -0
  44. package/components/buttons/TabButton.d.ts.map +1 -0
  45. package/components/buttons/VerticalTabButton.d.ts +5 -0
  46. package/components/buttons/VerticalTabButton.d.ts.map +1 -0
  47. package/components/buttons/docs/button.doc.d.ts +6 -0
  48. package/components/buttons/docs/button.doc.d.ts.map +1 -0
  49. package/components/buttons/docs/linkButton.doc.d.ts +6 -0
  50. package/components/buttons/docs/linkButton.doc.d.ts.map +1 -0
  51. package/components/buttons/helper.d.ts +3 -0
  52. package/components/buttons/helper.d.ts.map +1 -0
  53. package/components/buttons/index.d.ts +6 -0
  54. package/components/buttons/index.d.ts.map +1 -0
  55. package/components/index.d.ts +10 -0
  56. package/components/index.d.ts.map +1 -0
  57. package/components/inputs/Checkbox.d.ts +10 -0
  58. package/components/inputs/Checkbox.d.ts.map +1 -0
  59. package/components/inputs/RadioInput.d.ts +8 -0
  60. package/components/inputs/RadioInput.d.ts.map +1 -0
  61. package/components/inputs/Switch.d.ts +9 -0
  62. package/components/inputs/Switch.d.ts.map +1 -0
  63. package/components/inputs/TextInput.d.ts +14 -0
  64. package/components/inputs/TextInput.d.ts.map +1 -0
  65. package/components/inputs/docs/checkbox.doc.d.ts +6 -0
  66. package/components/inputs/docs/checkbox.doc.d.ts.map +1 -0
  67. package/components/inputs/docs/radioInput.doc.d.ts +6 -0
  68. package/components/inputs/docs/radioInput.doc.d.ts.map +1 -0
  69. package/components/inputs/docs/switch.doc.d.ts +6 -0
  70. package/components/inputs/docs/switch.doc.d.ts.map +1 -0
  71. package/components/inputs/docs/textInput.doc.d.ts +6 -0
  72. package/components/inputs/docs/textInput.doc.d.ts.map +1 -0
  73. package/components/inputs/index.d.ts +5 -0
  74. package/components/inputs/index.d.ts.map +1 -0
  75. package/components/layout/Accordion.d.ts +9 -0
  76. package/components/layout/Accordion.d.ts.map +1 -0
  77. package/components/layout/ControlGroup.d.ts +4 -0
  78. package/components/layout/ControlGroup.d.ts.map +1 -0
  79. package/components/layout/FlexItems/FlexCell.d.ts +12 -0
  80. package/components/layout/FlexItems/FlexCell.d.ts.map +1 -0
  81. package/components/layout/FlexItems/FlexRow.d.ts +15 -0
  82. package/components/layout/FlexItems/FlexRow.d.ts.map +1 -0
  83. package/components/layout/FlexItems/FlexSpacer.d.ts +2 -0
  84. package/components/layout/FlexItems/FlexSpacer.d.ts.map +1 -0
  85. package/components/layout/FlexItems/Panel.d.ts +11 -0
  86. package/components/layout/FlexItems/Panel.d.ts.map +1 -0
  87. package/components/layout/FlexItems/index.d.ts +5 -0
  88. package/components/layout/FlexItems/index.d.ts.map +1 -0
  89. package/components/layout/IconContainer.d.ts +10 -0
  90. package/components/layout/IconContainer.d.ts.map +1 -0
  91. package/components/layout/LabeledInput.d.ts +8 -0
  92. package/components/layout/LabeledInput.d.ts.map +1 -0
  93. package/components/layout/RadioGroup.d.ts +4 -0
  94. package/components/layout/RadioGroup.d.ts.map +1 -0
  95. package/components/layout/ScrollBars.d.ts +6 -0
  96. package/components/layout/ScrollBars.d.ts.map +1 -0
  97. package/components/layout/VirtualList.d.ts +8 -0
  98. package/components/layout/VirtualList.d.ts.map +1 -0
  99. package/components/layout/index.d.ts +9 -0
  100. package/components/layout/index.d.ts.map +1 -0
  101. package/components/overlays/Dropdown.d.ts +6 -0
  102. package/components/overlays/Dropdown.d.ts.map +1 -0
  103. package/components/overlays/DropdownContainer.d.ts +7 -0
  104. package/components/overlays/DropdownContainer.d.ts.map +1 -0
  105. package/components/overlays/DropdownMenu.d.ts +37 -0
  106. package/components/overlays/DropdownMenu.d.ts.map +1 -0
  107. package/components/overlays/Modals.d.ts +24 -0
  108. package/components/overlays/Modals.d.ts.map +1 -0
  109. package/components/overlays/NotificationCard.d.ts +31 -0
  110. package/components/overlays/NotificationCard.d.ts.map +1 -0
  111. package/components/overlays/Tooltip.d.ts +7 -0
  112. package/components/overlays/Tooltip.d.ts.map +1 -0
  113. package/components/overlays/index.d.ts +7 -0
  114. package/components/overlays/index.d.ts.map +1 -0
  115. package/components/pickers/DataPickerBody.d.ts +16 -0
  116. package/components/pickers/DataPickerBody.d.ts.map +1 -0
  117. package/components/pickers/DataPickerFooter.d.ts +9 -0
  118. package/components/pickers/DataPickerFooter.d.ts.map +1 -0
  119. package/components/pickers/DataPickerHeader.d.ts +8 -0
  120. package/components/pickers/DataPickerHeader.d.ts.map +1 -0
  121. package/components/pickers/DataPickerRow.d.ts +16 -0
  122. package/components/pickers/DataPickerRow.d.ts.map +1 -0
  123. package/components/pickers/MobileDropdownWrapper.d.ts +11 -0
  124. package/components/pickers/MobileDropdownWrapper.d.ts.map +1 -0
  125. package/components/pickers/PickerInput.d.ts +17 -0
  126. package/components/pickers/PickerInput.d.ts.map +1 -0
  127. package/components/pickers/PickerItem.d.ts +13 -0
  128. package/components/pickers/PickerItem.d.ts.map +1 -0
  129. package/components/pickers/PickerList.d.ts +18 -0
  130. package/components/pickers/PickerList.d.ts.map +1 -0
  131. package/components/pickers/PickerListItem.d.ts +9 -0
  132. package/components/pickers/PickerListItem.d.ts.map +1 -0
  133. package/components/pickers/PickerModal.d.ts +16 -0
  134. package/components/pickers/PickerModal.d.ts.map +1 -0
  135. package/components/pickers/PickerToggler.d.ts +9 -0
  136. package/components/pickers/PickerToggler.d.ts.map +1 -0
  137. package/components/pickers/index.d.ts +12 -0
  138. package/components/pickers/index.d.ts.map +1 -0
  139. package/components/tables/DataTableCell.d.ts +10 -0
  140. package/components/tables/DataTableCell.d.ts.map +1 -0
  141. package/components/tables/Presets/Preset.d.ts +15 -0
  142. package/components/tables/Presets/Preset.d.ts.map +1 -0
  143. package/components/tables/Presets/Presets.d.ts +10 -0
  144. package/components/tables/Presets/Presets.d.ts.map +1 -0
  145. package/components/tables/Presets/index.d.ts +3 -0
  146. package/components/tables/Presets/index.d.ts.map +1 -0
  147. package/components/tables/index.d.ts +4 -0
  148. package/components/tables/index.d.ts.map +1 -0
  149. package/components/tables/types.d.ts +28 -0
  150. package/components/tables/types.d.ts.map +1 -0
  151. package/components/types.d.ts +29 -0
  152. package/components/types.d.ts.map +1 -0
  153. package/components/typography/Text.d.ts +12 -0
  154. package/components/typography/Text.d.ts.map +1 -0
  155. package/components/typography/TextPlaceholder.d.ts +8 -0
  156. package/components/typography/TextPlaceholder.d.ts.map +1 -0
  157. package/components/typography/docs/textPlaceholder.doc.d.ts +5 -0
  158. package/components/typography/docs/textPlaceholder.doc.d.ts.map +1 -0
  159. package/components/typography/index.d.ts +3 -0
  160. package/components/typography/index.d.ts.map +1 -0
  161. package/components/widgets/Avatar.d.ts +4 -0
  162. package/components/widgets/Avatar.d.ts.map +1 -0
  163. package/components/widgets/Badge.d.ts +16 -0
  164. package/components/widgets/Badge.d.ts.map +1 -0
  165. package/components/widgets/Tag.d.ts +9 -0
  166. package/components/widgets/Tag.d.ts.map +1 -0
  167. package/components/widgets/index.d.ts +4 -0
  168. package/components/widgets/index.d.ts.map +1 -0
  169. package/docs/common.d.ts +11 -0
  170. package/docs/common.d.ts.map +1 -0
  171. package/docs/contexts/DefaultContext.d.ts +7 -0
  172. package/docs/contexts/DefaultContext.d.ts.map +1 -0
  173. package/docs/contexts/index.d.ts +2 -0
  174. package/docs/contexts/index.d.ts.map +1 -0
  175. package/docs/index.d.ts +3 -0
  176. package/docs/index.d.ts.map +1 -0
  177. package/helpers/textLayout.d.ts +9 -0
  178. package/helpers/textLayout.d.ts.map +1 -0
  179. package/i18n.d.ts +50 -10
  180. package/i18n.d.ts.map +1 -1
  181. package/icons/icons.d.ts +4 -0
  182. package/icons/icons.d.ts.map +1 -0
  183. package/index.d.ts +3 -7
  184. package/index.d.ts.map +1 -1
  185. package/index.docs.d.ts +6 -0
  186. package/index.docs.d.ts.map +1 -0
  187. package/index.js +3715 -6061
  188. package/index.js.map +1 -1
  189. package/package.json +8 -29
  190. package/readme.md +5 -11
  191. package/styles.css +3207 -0
  192. package/styles.css.map +1 -0
  193. package/__mocks__/reactDom.mock.d.ts +0 -5
  194. package/__mocks__/reactDom.mock.d.ts.map +0 -1
  195. package/constants/index.d.ts +0 -2
  196. package/constants/index.d.ts.map +0 -1
  197. package/constants/selectors.d.ts +0 -78
  198. package/constants/selectors.d.ts.map +0 -1
  199. package/data/Stateful.d.ts +0 -12
  200. package/data/Stateful.d.ts.map +0 -1
  201. package/data/forms/Form.d.ts +0 -38
  202. package/data/forms/Form.d.ts.map +0 -1
  203. package/data/forms/index.d.ts +0 -3
  204. package/data/forms/index.d.ts.map +0 -1
  205. package/data/forms/useForm.d.ts +0 -4
  206. package/data/forms/useForm.d.ts.map +0 -1
  207. package/data/forms/useLock.d.ts +0 -6
  208. package/data/forms/useLock.d.ts.map +0 -1
  209. package/data/index.d.ts +0 -7
  210. package/data/index.d.ts.map +0 -1
  211. package/data/lenses/LensBuilder.d.ts +0 -18
  212. package/data/lenses/LensBuilder.d.ts.map +0 -1
  213. package/data/lenses/builders.d.ts +0 -6
  214. package/data/lenses/builders.d.ts.map +0 -1
  215. package/data/lenses/hooks.d.ts +0 -8
  216. package/data/lenses/hooks.d.ts.map +0 -1
  217. package/data/lenses/index.d.ts +0 -5
  218. package/data/lenses/index.d.ts.map +0 -1
  219. package/data/lenses/lensesImpl.d.ts +0 -17
  220. package/data/lenses/lensesImpl.d.ts.map +0 -1
  221. package/data/lenses/types.d.ts +0 -13
  222. package/data/lenses/types.d.ts.map +0 -1
  223. package/data/processing/ArrayDataSource.d.ts +0 -27
  224. package/data/processing/ArrayDataSource.d.ts.map +0 -1
  225. package/data/processing/AsyncDataSource.d.ts +0 -17
  226. package/data/processing/AsyncDataSource.d.ts.map +0 -1
  227. package/data/processing/BaseDataSource.d.ts +0 -18
  228. package/data/processing/BaseDataSource.d.ts.map +0 -1
  229. package/data/processing/LazyDataSource.d.ts +0 -19
  230. package/data/processing/LazyDataSource.d.ts.map +0 -1
  231. package/data/processing/ListApiCache.d.ts +0 -71
  232. package/data/processing/ListApiCache.d.ts.map +0 -1
  233. package/data/processing/hooks/index.d.ts +0 -4
  234. package/data/processing/hooks/index.d.ts.map +0 -1
  235. package/data/processing/hooks/useArrayDataSource.d.ts +0 -3
  236. package/data/processing/hooks/useArrayDataSource.d.ts.map +0 -1
  237. package/data/processing/hooks/useAsyncDataSource.d.ts +0 -3
  238. package/data/processing/hooks/useAsyncDataSource.d.ts.map +0 -1
  239. package/data/processing/hooks/useLazyDataSource.d.ts +0 -3
  240. package/data/processing/hooks/useLazyDataSource.d.ts.map +0 -1
  241. package/data/processing/index.d.ts +0 -9
  242. package/data/processing/index.d.ts.map +0 -1
  243. package/data/processing/types.d.ts +0 -77
  244. package/data/processing/types.d.ts.map +0 -1
  245. package/data/processing/views/ArrayListView.d.ts +0 -27
  246. package/data/processing/views/ArrayListView.d.ts.map +0 -1
  247. package/data/processing/views/BaseListView.d.ts +0 -70
  248. package/data/processing/views/BaseListView.d.ts.map +0 -1
  249. package/data/processing/views/LazyListView.d.ts +0 -88
  250. package/data/processing/views/LazyListView.d.ts.map +0 -1
  251. package/data/processing/views/LazyTree.d.ts +0 -25
  252. package/data/processing/views/LazyTree.d.ts.map +0 -1
  253. package/data/processing/views/LoadingListView.d.ts +0 -15
  254. package/data/processing/views/LoadingListView.d.ts.map +0 -1
  255. package/data/processing/views/index.d.ts +0 -6
  256. package/data/processing/views/index.d.ts.map +0 -1
  257. package/data/processing/views/types.d.ts +0 -31
  258. package/data/processing/views/types.d.ts.map +0 -1
  259. package/data/querying/getOrderComparer.d.ts +0 -3
  260. package/data/querying/getOrderComparer.d.ts.map +0 -1
  261. package/data/querying/getPatternPredicate.d.ts +0 -4
  262. package/data/querying/getPatternPredicate.d.ts.map +0 -1
  263. package/data/querying/getSearchFilter.d.ts +0 -2
  264. package/data/querying/getSearchFilter.d.ts.map +0 -1
  265. package/data/querying/index.d.ts +0 -5
  266. package/data/querying/index.d.ts.map +0 -1
  267. package/data/querying/runDataQuery.d.ts +0 -6
  268. package/data/querying/runDataQuery.d.ts.map +0 -1
  269. package/data/validation/index.d.ts +0 -4
  270. package/data/validation/index.d.ts.map +0 -1
  271. package/data/validation/mergeValidation.d.ts +0 -3
  272. package/data/validation/mergeValidation.d.ts.map +0 -1
  273. package/data/validation/validate.d.ts +0 -6
  274. package/data/validation/validate.d.ts.map +0 -1
  275. package/data/validation/validateServerErrorState.d.ts +0 -3
  276. package/data/validation/validateServerErrorState.d.ts.map +0 -1
  277. package/helpers/Debouncer.d.ts +0 -15
  278. package/helpers/Debouncer.d.ts.map +0 -1
  279. package/helpers/IEditableDebouncer.d.ts +0 -27
  280. package/helpers/IEditableDebouncer.d.ts.map +0 -1
  281. package/helpers/LazyLoadedMap.d.ts +0 -46
  282. package/helpers/LazyLoadedMap.d.ts.map +0 -1
  283. package/helpers/applyColumnsConfig.d.ts +0 -4
  284. package/helpers/applyColumnsConfig.d.ts.map +0 -1
  285. package/helpers/arrayToMatrix.d.ts +0 -2
  286. package/helpers/arrayToMatrix.d.ts.map +0 -1
  287. package/helpers/batchOnNextTick.d.ts +0 -2
  288. package/helpers/batchOnNextTick.d.ts.map +0 -1
  289. package/helpers/browser.d.ts +0 -11
  290. package/helpers/browser.d.ts.map +0 -1
  291. package/helpers/closest.d.ts +0 -2
  292. package/helpers/closest.d.ts.map +0 -1
  293. package/helpers/cookie.d.ts +0 -4
  294. package/helpers/cookie.d.ts.map +0 -1
  295. package/helpers/cx.d.ts +0 -4
  296. package/helpers/cx.d.ts.map +0 -1
  297. package/helpers/events.d.ts +0 -6
  298. package/helpers/events.d.ts.map +0 -1
  299. package/helpers/formatBytes.d.ts +0 -2
  300. package/helpers/formatBytes.d.ts.map +0 -1
  301. package/helpers/getDefaultColumnsConfig.d.ts +0 -3
  302. package/helpers/getDefaultColumnsConfig.d.ts.map +0 -1
  303. package/helpers/getOffset.d.ts +0 -5
  304. package/helpers/getOffset.d.ts.map +0 -1
  305. package/helpers/getOrderBetween.d.ts +0 -2
  306. package/helpers/getOrderBetween.d.ts.map +0 -1
  307. package/helpers/index.d.ts +0 -25
  308. package/helpers/index.d.ts.map +0 -1
  309. package/helpers/mobile.d.ts +0 -4
  310. package/helpers/mobile.d.ts.map +0 -1
  311. package/helpers/mouseCoords.d.ts +0 -12
  312. package/helpers/mouseCoords.d.ts.map +0 -1
  313. package/helpers/numericInputCalculations.d.ts +0 -9
  314. package/helpers/numericInputCalculations.d.ts.map +0 -1
  315. package/helpers/parseIconViewbox.d.ts +0 -6
  316. package/helpers/parseIconViewbox.d.ts.map +0 -1
  317. package/helpers/parseToCSSProperties.d.ts +0 -2
  318. package/helpers/parseToCSSProperties.d.ts.map +0 -1
  319. package/helpers/screenSize.d.ts +0 -5
  320. package/helpers/screenSize.d.ts.map +0 -1
  321. package/helpers/ssr.d.ts +0 -2
  322. package/helpers/ssr.d.ts.map +0 -1
  323. package/helpers/urlParser.d.ts +0 -8
  324. package/helpers/urlParser.d.ts.map +0 -1
  325. package/helpers/urlUtils.d.ts +0 -5
  326. package/helpers/urlUtils.d.ts.map +0 -1
  327. package/helpers/useMemoWithDestructor.d.ts +0 -2
  328. package/helpers/useMemoWithDestructor.d.ts.map +0 -1
  329. package/helpers/withMods.d.ts +0 -4
  330. package/helpers/withMods.d.ts.map +0 -1
  331. package/hooks/index.d.ts +0 -8
  332. package/hooks/index.d.ts.map +0 -1
  333. package/hooks/useAppMobileHeight.d.ts +0 -2
  334. package/hooks/useAppMobileHeight.d.ts.map +0 -1
  335. package/hooks/useColumnsConfig.d.ts +0 -7
  336. package/hooks/useColumnsConfig.d.ts.map +0 -1
  337. package/hooks/useForceUpdate.d.ts +0 -2
  338. package/hooks/useForceUpdate.d.ts.map +0 -1
  339. package/hooks/useScrollShadows.d.ts +0 -14
  340. package/hooks/useScrollShadows.d.ts.map +0 -1
  341. package/hooks/useUuiError.d.ts +0 -25
  342. package/hooks/useUuiError.d.ts.map +0 -1
  343. package/hooks/useUuiServices.d.ts +0 -10
  344. package/hooks/useUuiServices.d.ts.map +0 -1
  345. package/hooks/useVirtualList.d.ts +0 -23
  346. package/hooks/useVirtualList.d.ts.map +0 -1
  347. package/services/AnalyticsContext.d.ts +0 -16
  348. package/services/AnalyticsContext.d.ts.map +0 -1
  349. package/services/ApiContext.d.ts +0 -53
  350. package/services/ApiContext.d.ts.map +0 -1
  351. package/services/BaseContext.d.ts +0 -7
  352. package/services/BaseContext.d.ts.map +0 -1
  353. package/services/ContextProvider.d.ts +0 -21
  354. package/services/ContextProvider.d.ts.map +0 -1
  355. package/services/ErrorContext.d.ts +0 -16
  356. package/services/ErrorContext.d.ts.map +0 -1
  357. package/services/LayoutContext.d.ts +0 -9
  358. package/services/LayoutContext.d.ts.map +0 -1
  359. package/services/LegacyContextProvider.d.ts +0 -36
  360. package/services/LegacyContextProvider.d.ts.map +0 -1
  361. package/services/LockContext.d.ts +0 -21
  362. package/services/LockContext.d.ts.map +0 -1
  363. package/services/ModalContext.d.ts +0 -33
  364. package/services/ModalContext.d.ts.map +0 -1
  365. package/services/NotificationContext.d.ts +0 -21
  366. package/services/NotificationContext.d.ts.map +0 -1
  367. package/services/ScrollManager.d.ts +0 -37
  368. package/services/ScrollManager.d.ts.map +0 -1
  369. package/services/SkinContext.d.ts +0 -44
  370. package/services/SkinContext.d.ts.map +0 -1
  371. package/services/UserSettingsContext.d.ts +0 -5
  372. package/services/UserSettingsContext.d.ts.map +0 -1
  373. package/services/analytics/GAListener.d.ts +0 -11
  374. package/services/analytics/GAListener.d.ts.map +0 -1
  375. package/services/analytics/index.d.ts +0 -2
  376. package/services/analytics/index.d.ts.map +0 -1
  377. package/services/dnd/DndActor.d.ts +0 -31
  378. package/services/dnd/DndActor.d.ts.map +0 -1
  379. package/services/dnd/DndContext.d.ts +0 -23
  380. package/services/dnd/DndContext.d.ts.map +0 -1
  381. package/services/dnd/DragGhost.d.ts +0 -26
  382. package/services/dnd/DragGhost.d.ts.map +0 -1
  383. package/services/dnd/helpers.d.ts +0 -2
  384. package/services/dnd/helpers.d.ts.map +0 -1
  385. package/services/dnd/index.d.ts +0 -4
  386. package/services/dnd/index.d.ts.map +0 -1
  387. package/services/index.d.ts +0 -15
  388. package/services/index.d.ts.map +0 -1
  389. package/services/routing/HistoryAdaptedRouter.d.ts +0 -21
  390. package/services/routing/HistoryAdaptedRouter.d.ts.map +0 -1
  391. package/services/routing/NextRouterAdapter.d.ts +0 -18
  392. package/services/routing/NextRouterAdapter.d.ts.map +0 -1
  393. package/services/routing/StubAdaptedRouter.d.ts +0 -13
  394. package/services/routing/StubAdaptedRouter.d.ts.map +0 -1
  395. package/services/routing/index.d.ts +0 -4
  396. package/services/routing/index.d.ts.map +0 -1
  397. package/types/components/Button.d.ts +0 -16
  398. package/types/components/Button.d.ts.map +0 -1
  399. package/types/components/Checkbox.d.ts +0 -4
  400. package/types/components/Checkbox.d.ts.map +0 -1
  401. package/types/components/LabeledInput.d.ts +0 -8
  402. package/types/components/LabeledInput.d.ts.map +0 -1
  403. package/types/components/Modals.d.ts +0 -14
  404. package/types/components/Modals.d.ts.map +0 -1
  405. package/types/components/Spinner.d.ts +0 -4
  406. package/types/components/Spinner.d.ts.map +0 -1
  407. package/types/components/TextInput.d.ts +0 -18
  408. package/types/components/TextInput.d.ts.map +0 -1
  409. package/types/components/index.d.ts +0 -7
  410. package/types/components/index.d.ts.map +0 -1
  411. package/types/contexts.d.ts +0 -161
  412. package/types/contexts.d.ts.map +0 -1
  413. package/types/dataQuery.d.ts +0 -27
  414. package/types/dataQuery.d.ts.map +0 -1
  415. package/types/dnd.d.ts +0 -56
  416. package/types/dnd.d.ts.map +0 -1
  417. package/types/index.d.ts +0 -9
  418. package/types/index.d.ts.map +0 -1
  419. package/types/objects.d.ts +0 -25
  420. package/types/objects.d.ts.map +0 -1
  421. package/types/props.d.ts +0 -147
  422. package/types/props.d.ts.map +0 -1
  423. package/types/tables.d.ts +0 -162
  424. package/types/tables.d.ts.map +0 -1
  425. package/types/validation.d.ts +0 -21
  426. package/types/validation.d.ts.map +0 -1
package/styles.css ADDED
@@ -0,0 +1,3207 @@
1
+ @font-face {
2
+ font-family: "Sans Regular";
3
+ src: url("https://static.cdn.epam.com/uploads/690afa39a93c88c4dd13758fe1d869d5/EPM-UUI/fonts/source-sans-pro/woff2/ttf/SourceSansPro-Regular.ttf.woff2") format("woff2"), url("https://static.cdn.epam.com/uploads/690afa39a93c88c4dd13758fe1d869d5/EPM-UUI/fonts/source-sans-pro/woff/otf/SourceSansPro-Regular.otf.woff") format("woff"), url("https://static.cdn.epam.com/uploads/690afa39a93c88c4dd13758fe1d869d5/EPM-UUI/fonts/source-sans-pro/otf/SourceSansPro-Regular.otf") format("opentype"), url("https://static.cdn.epam.com/uploads/690afa39a93c88c4dd13758fe1d869d5/EPM-UUI/fonts/source-sans-pro/ttf/SourceSansPro-Regular.ttf") format("truetype");
4
+ font-weight: normal;
5
+ font-style: normal;
6
+ }
7
+ @font-face {
8
+ font-family: "Sans Semibold";
9
+ src: url("https://static.cdn.epam.com/uploads/690afa39a93c88c4dd13758fe1d869d5/EPM-UUI/fonts/source-sans-pro/woff2/ttf/SourceSansPro-Semibold.ttf.woff2") format("woff2"), url("https://static.cdn.epam.com/uploads/690afa39a93c88c4dd13758fe1d869d5/EPM-UUI/fonts/source-sans-pro/woff/otf/SourceSansPro-SemiBold.otf.woff") format("woff"), url("https://static.cdn.epam.com/uploads/690afa39a93c88c4dd13758fe1d869d5/EPM-UUI/fonts/source-sans-pro/otf/SourceSansPro-Semibold.otf") format("opentype"), url("https://static.cdn.epam.com/uploads/690afa39a93c88c4dd13758fe1d869d5/EPM-UUI/fonts/source-sans-pro/ttf/SourceSansPro-Semibold.ttf") format("truetype");
10
+ font-weight: normal;
11
+ font-style: normal;
12
+ }
13
+ @font-face {
14
+ font-family: "Sans Italic";
15
+ src: url("https://static.cdn.epam.com/uploads/690afa39a93c88c4dd13758fe1d869d5/EPM-UUI/fonts/source-sans-pro/woff2/ttf/SourceSansPro-It.ttf.woff2") format("woff2"), url("https://static.cdn.epam.com/uploads/690afa39a93c88c4dd13758fe1d869d5/EPM-UUI/fonts/source-sans-pro/woff/otf/SourceSansPro-It.otf.woff") format("woff"), url("https://static.cdn.epam.com/uploads/690afa39a93c88c4dd13758fe1d869d5/EPM-UUI/fonts/source-sans-pro/otf/SourceSansPro-It.otf") format("opentype"), url("https://static.cdn.epam.com/uploads/690afa39a93c88c4dd13758fe1d869d5/EPM-UUI/fonts/source-sans-pro/ttf/SourceSansPro-It.ttf") format("truetype");
16
+ font-weight: normal;
17
+ font-style: normal;
18
+ }
19
+ @font-face {
20
+ font-family: "Redacted";
21
+ src: url("https://static.cdn.epam.com/uploads/690afa39a93c88c4dd13758fe1d869d5/EPM-UUI/fonts/redacted/redacted-regular.eot");
22
+ src: url("https://static.cdn.epam.com/uploads/690afa39a93c88c4dd13758fe1d869d5/EPM-UUI/fonts/redacted/redacted-regular.woff2") format("woff2"), url("https://static.cdn.epam.com/uploads/690afa39a93c88c4dd13758fe1d869d5/EPM-UUI/fonts/redacted/redacted-regular.woff") format("woff"), url("https://static.cdn.epam.com/uploads/690afa39a93c88c4dd13758fe1d869d5/EPM-UUI/fonts/redacted/redacted-regular.otf") format("opentype"), url("https://static.cdn.epam.com/uploads/690afa39a93c88c4dd13758fe1d869d5/EPM-UUI/fonts/redacted/redacted-regular.svg#filename") format("svg");
23
+ }
24
+ @font-face {
25
+ font-family: "Roboto Mono";
26
+ font-style: normal;
27
+ font-weight: normal;
28
+ src: url("https://static.cdn.epam.com/uploads/690afa39a93c88c4dd13758fe1d869d5/EPM-UUI/fonts/RobotoMono-Regular.ttf") format("truetype");
29
+ }
30
+ @font-face {
31
+ font-family: "Roboto Slab";
32
+ font-style: normal;
33
+ font-weight: normal;
34
+ src: url("https://static.cdn.epam.com/uploads/690afa39a93c88c4dd13758fe1d869d5/EPM-UUI/fonts/RobotoSlab-Regular.ttf") format("truetype");
35
+ }
36
+ .Js-8G.uui-button-box {
37
+ border-style: solid;
38
+ justify-content: center;
39
+ min-width: inherit;
40
+ border-radius: var(--button-border-radius);
41
+ }
42
+ .Js-8G .uui-caption {
43
+ overflow: hidden;
44
+ text-overflow: ellipsis;
45
+ min-width: 0;
46
+ text-align: center;
47
+ flex: 1 1 auto;
48
+ font-family: var(--font-semibold);
49
+ font-weight: normal;
50
+ user-select: none;
51
+ }
52
+
53
+ .BZ947 {
54
+ background-color: var(--button-bg-color);
55
+ color: var(--button-caption-color);
56
+ fill: var(--button-caption-color);
57
+ border-color: var(--button-bg-color);
58
+ }
59
+ .BZ947.-clickable:hover {
60
+ background-color: var(--button-bg-color-hover);
61
+ border-color: var(--button-bg-color-hover);
62
+ }
63
+ .BZ947.-clickable:focus {
64
+ background-color: var(--button-bg-color-hover);
65
+ border-color: var(--button-bg-color-hover);
66
+ box-shadow: var(--button-focus-shadow);
67
+ outline: var(--button-focus-outline);
68
+ }
69
+ .BZ947.-clickable:active {
70
+ background-color: var(--button-bg-color-active);
71
+ border-color: var(--button-bg-color-active);
72
+ }
73
+ .BZ947.uui-disabled {
74
+ background-color: var(--button-bg-color-disabled);
75
+ color: var(--button-caption-color-disabled);
76
+ fill: var(--button-caption-color-disabled);
77
+ border-color: var(--button-border-color-disabled);
78
+ }
79
+ .BZ947.-clickable.uui-disabled, .BZ947:hover.uui-disabled, .BZ947:active.uui-disabled, .BZ947:focus.uui-disabled {
80
+ background-color: var(--button-bg-color-disabled);
81
+ color: var(--button-caption-color-disabled);
82
+ fill: var(--button-caption-color-disabled);
83
+ border-color: var(--button-border-color-disabled);
84
+ }
85
+
86
+ ._33uH- {
87
+ background-color: var(--button-bg-color-halftone);
88
+ color: var(--button-caption-halftone-color);
89
+ fill: var(--button-caption-halftone-color);
90
+ border-color: var(--button-border-color);
91
+ }
92
+ ._33uH-.-clickable:hover, ._33uH-.-clickable:focus {
93
+ background-color: var(--button-bg-color-halftone-hover);
94
+ color: var(--button-caption-halftone-color);
95
+ fill: var(--button-caption-halftone-color);
96
+ border-color: var(--button-border-color);
97
+ }
98
+ ._33uH-.-clickable:active {
99
+ background-color: var(--button-bg-color-halftone-active);
100
+ color: var(--button-caption-halftone-color);
101
+ fill: var(--button-caption-halftone-color);
102
+ border-color: var(--button-border-color);
103
+ }
104
+ ._33uH-.uui-disabled {
105
+ background-color: var(--button-bg-color-halftone);
106
+ color: var(--button-caption-color-disabled);
107
+ fill: var(--button-caption-color-disabled);
108
+ border-color: var(--button-border-color-disabled);
109
+ }
110
+ ._33uH-.-clickable.uui-disabled, ._33uH-:hover.uui-disabled, ._33uH-:active.uui-disabled, ._33uH-:focus.uui-disabled {
111
+ background-color: var(--button-bg-color-halftone);
112
+ color: var(--button-caption-color-disabled);
113
+ fill: var(--button-caption-color-disabled);
114
+ border-color: var(--button-border-color-disabled);
115
+ }
116
+
117
+ ._1K8Hq {
118
+ background-color: transparent;
119
+ color: var(--button-caption-halftone-color);
120
+ fill: var(--button-caption-halftone-color);
121
+ border-color: var(--button-border-color);
122
+ }
123
+ ._1K8Hq.-clickable:hover, ._1K8Hq.-clickable:focus {
124
+ background-color: var(--button-bg-color-halftone-hover);
125
+ color: var(--button-caption-halftone-color);
126
+ fill: var(--button-caption-halftone-color);
127
+ border-color: var(--button-border-color);
128
+ }
129
+ ._1K8Hq.-clickable:active {
130
+ background-color: var(--button-bg-color-halftone-active);
131
+ color: var(--button-caption-halftone-color);
132
+ fill: var(--button-caption-halftone-color);
133
+ border-color: var(--button-border-color);
134
+ }
135
+ ._1K8Hq.uui-disabled {
136
+ background-color: transparent;
137
+ color: var(--button-caption-color-disabled);
138
+ fill: var(--button-caption-color-disabled);
139
+ border-color: var(--button-border-color-disabled);
140
+ }
141
+ ._1K8Hq.-clickable.uui-disabled, ._1K8Hq:hover.uui-disabled, ._1K8Hq:active.uui-disabled, ._1K8Hq:focus.uui-disabled {
142
+ background-color: transparent;
143
+ color: var(--button-caption-color-disabled);
144
+ fill: var(--button-caption-color-disabled);
145
+ border-color: var(--button-border-color-disabled);
146
+ }
147
+
148
+ ._1gcRz {
149
+ background-color: transparent;
150
+ color: var(--button-caption-halftone-color);
151
+ fill: var(--button-caption-halftone-color);
152
+ border-color: transparent;
153
+ }
154
+ ._1gcRz.-clickable:hover, ._1gcRz.-clickable:focus {
155
+ background-color: var(--button-bg-color-halftone-hover);
156
+ border-color: var(--button-bg-color-halftone-hover);
157
+ }
158
+ ._1gcRz.-clickable:active {
159
+ background-color: var(--button-bg-color-halftone-active);
160
+ border-color: var(--button-bg-color-halftone-active);
161
+ }
162
+ ._1gcRz.uui-disabled {
163
+ background-color: transparent;
164
+ color: var(--button-caption-color-disabled);
165
+ fill: var(--button-caption-color-disabled);
166
+ border-color: transparent;
167
+ }
168
+ ._1gcRz.-clickable.uui-disabled, ._1gcRz:hover.uui-disabled, ._1gcRz:active.uui-disabled, ._1gcRz:focus.uui-disabled {
169
+ background-color: transparent;
170
+ color: var(--button-caption-color-disabled);
171
+ fill: var(--button-caption-color-disabled);
172
+ border-color: transparent;
173
+ }
174
+
175
+ ._2gLYY {
176
+ min-width: 24px;
177
+ padding-left: 5px;
178
+ padding-right: 5px;
179
+ }
180
+ ._2gLYY .uui-caption {
181
+ padding-left: 6px;
182
+ padding-right: 6px;
183
+ }
184
+ ._2gLYY.uui-button-box {
185
+ min-height: 24px;
186
+ border-width: 1px;
187
+ }
188
+ ._2gLYY .uui-caption {
189
+ line-height: 18px;
190
+ font-size: 12px;
191
+ padding-top: 2px;
192
+ padding-bottom: 2px;
193
+ }
194
+
195
+ ._2330R {
196
+ min-width: 30px;
197
+ padding-left: 5px;
198
+ padding-right: 5px;
199
+ }
200
+ ._2330R .uui-caption {
201
+ padding-left: 6px;
202
+ padding-right: 6px;
203
+ }
204
+ ._2330R.uui-button-box {
205
+ min-height: 30px;
206
+ border-width: 1px;
207
+ }
208
+ ._2330R .uui-caption {
209
+ line-height: 18px;
210
+ font-size: 14px;
211
+ padding-top: 5px;
212
+ padding-bottom: 5px;
213
+ }
214
+
215
+ ._2ZjOu {
216
+ min-width: 36px;
217
+ padding-left: 5px;
218
+ padding-right: 5px;
219
+ }
220
+ ._2ZjOu .uui-caption {
221
+ padding-left: 6px;
222
+ padding-right: 6px;
223
+ }
224
+ ._2ZjOu.uui-button-box {
225
+ min-height: 36px;
226
+ border-width: 1px;
227
+ }
228
+ ._2ZjOu .uui-caption {
229
+ line-height: 18px;
230
+ font-size: 14px;
231
+ padding-top: 8px;
232
+ padding-bottom: 8px;
233
+ }
234
+
235
+ ._1_y6c {
236
+ min-width: 42px;
237
+ padding-left: 11px;
238
+ padding-right: 11px;
239
+ }
240
+ ._1_y6c .uui-caption {
241
+ padding-left: 6px;
242
+ padding-right: 6px;
243
+ }
244
+ ._1_y6c.uui-button-box {
245
+ min-height: 42px;
246
+ border-width: 1px;
247
+ }
248
+ ._1_y6c .uui-caption {
249
+ line-height: 24px;
250
+ font-size: 16px;
251
+ padding-top: 8px;
252
+ padding-bottom: 8px;
253
+ font-size: 14px;
254
+ }
255
+ ._1_y6c .uui-caption {
256
+ font-family: var(--font-primary);
257
+ text-transform: uppercase;
258
+ }
259
+
260
+ .Un1f3 {
261
+ min-width: 48px;
262
+ padding-left: 11px;
263
+ padding-right: 11px;
264
+ }
265
+ .Un1f3 .uui-caption {
266
+ padding-left: 6px;
267
+ padding-right: 6px;
268
+ }
269
+ .Un1f3.uui-button-box {
270
+ min-height: 48px;
271
+ border-width: 1px;
272
+ }
273
+ .Un1f3 .uui-caption {
274
+ line-height: 24px;
275
+ font-size: 16px;
276
+ padding-top: 11px;
277
+ padding-bottom: 11px;
278
+ font-size: 14px;
279
+ }
280
+ .Un1f3 .uui-caption {
281
+ font-family: var(--font-primary);
282
+ text-transform: uppercase;
283
+ }
284
+ .button-vars {
285
+ --button-border-radius: var(--border-radius);
286
+ }
287
+
288
+ .button-color-primary {
289
+ --button-bg-color: var(--primary-color);
290
+ --button-bg-color-hover: var(--primary-dark-color);
291
+ --button-bg-color-active: var(--primary-darkest-color);
292
+ --button-bg-color-halftone: var(--button-bg-halftone-color);
293
+ --button-bg-color-halftone-hover: var(--primary-lightest-color);
294
+ --button-bg-color-halftone-active: var(--primary-light-color);
295
+ --button-bg-color-disabled: var(--disabled-color);
296
+ --button-border-color: var(--primary-color);
297
+ --button-border-color-hover: var(--primary-dark-color);
298
+ --button-border-color-active: var(--primary-darkest-color);
299
+ --button-border-color-disabled: var(--disabled-color);
300
+ --button-caption-color: var(--contrast-color);
301
+ --button-caption-halftone-color: var(--primary-color);
302
+ --button-caption-color-disabled: var(--button-caption-disabled-color);
303
+ }
304
+
305
+ .button-color-accent {
306
+ --button-bg-color: var(--accent-color);
307
+ --button-bg-color-hover: var(--accent-dark-color);
308
+ --button-bg-color-active: var(--accent-darkest-color);
309
+ --button-bg-color-halftone: var(--button-bg-halftone-color);
310
+ --button-bg-color-halftone-hover: var(--accent-lightest-color);
311
+ --button-bg-color-halftone-active: var(--accent-light-color);
312
+ --button-bg-color-disabled: var(--disabled-color);
313
+ --button-border-color: var(--accent-color);
314
+ --button-border-color-hover: var(--accent-dark-color);
315
+ --button-border-color-active: var(--accent-darkest-color);
316
+ --button-border-color-disabled: var(--disabled-color);
317
+ --button-caption-color: var(--contrast-color);
318
+ --button-caption-halftone-color: var(--accent-color);
319
+ --button-caption-color-disabled: var(--button-caption-disabled-color);
320
+ }
321
+
322
+ .button-color-negative {
323
+ --button-bg-color: var(--negative-color);
324
+ --button-bg-color-hover: var(--negative-dark-color);
325
+ --button-bg-color-active: var(--negative-darkest-color);
326
+ --button-bg-color-halftone: var(--button-bg-halftone-color);
327
+ --button-bg-color-halftone-hover: var(--negative-lightest-color);
328
+ --button-bg-color-halftone-active: var(--negative-light-color);
329
+ --button-bg-color-disabled: var(--disabled-color);
330
+ --button-border-color: var(--negative-color);
331
+ --button-border-color-hover: var(--negative-dark-color);
332
+ --button-border-color-active: var(--negative-darkest-color);
333
+ --button-border-color-disabled: var(--disabled-color);
334
+ --button-caption-color: var(--contrast-color);
335
+ --button-caption-halftone-color: var(--negative-color);
336
+ --button-caption-color-disabled: var(--button-caption-disabled-color);
337
+ }
338
+
339
+ .button-color-secondary {
340
+ --button-bg-color: var(--secondary-color);
341
+ --button-bg-color-hover: var(--secondary-dark-color);
342
+ --button-bg-color-active: var(--secondary-darkest-color);
343
+ --button-bg-color-halftone: var(--button-bg-halftone-color);
344
+ --button-bg-color-halftone-hover: var(--secondary-lightest-color);
345
+ --button-bg-color-halftone-active: var(--secondary-light-color);
346
+ --button-bg-color-disabled: var(--disabled-color);
347
+ --button-border-color: var(--secondary-color);
348
+ --button-border-color-hover: var(--secondary-dark-color);
349
+ --button-border-color-active: var(--secondary-darkest-color);
350
+ --button-border-color-disabled: var(--disabled-color);
351
+ --button-caption-color: var(--contrast-color);
352
+ --button-caption-halftone-color: var(--secondary-color);
353
+ --button-caption-color-disabled: var(--button-caption-disabled-color);
354
+ }
355
+ .icon-button-color-info {
356
+ --icon-button-icon-color: var(--info-color);
357
+ --icon-button-icon-color-hover: var(--info-hover-color);
358
+ --icon-button-icon-color-active: var(--info-active-color);
359
+ --icon-button-icon-color-disabled: var(--iconButton-disabled-color);
360
+ }
361
+
362
+ .icon-button-color-success {
363
+ --icon-button-icon-color: var(--success-color);
364
+ --icon-button-icon-color-hover: var(--success-hover-color);
365
+ --icon-button-icon-color-active: var(--success-active-color);
366
+ --icon-button-icon-color-disabled: var(--iconButton-disabled-color);
367
+ }
368
+
369
+ .icon-button-color-warning {
370
+ --icon-button-icon-color: var(--warning-color);
371
+ --icon-button-icon-color-hover: var(--warning-hover-color);
372
+ --icon-button-icon-color-active: var(--warning-active-color);
373
+ --icon-button-icon-color-disabled: var(--iconButton-disabled-color);
374
+ }
375
+
376
+ .icon-button-color-error {
377
+ --icon-button-icon-color: var(--error-color);
378
+ --icon-button-icon-color-hover: var(--error-hover-color);
379
+ --icon-button-icon-color-active: var(--error-active-color);
380
+ --icon-button-icon-color-disabled: var(--iconButton-disabled-color);
381
+ }
382
+
383
+ .icon-button-color-default {
384
+ --icon-button-icon-color: var(--icon-color);
385
+ --icon-button-icon-color-hover: var(--icon-hover-color);
386
+ --icon-button-icon-color-active: var(--icon-active-color);
387
+ --icon-button-icon-color-disabled: var(--iconButton-disabled-color);
388
+ }
389
+
390
+ .icon-button-color-secondary {
391
+ --icon-button-icon-color: var(--secondary-color);
392
+ --icon-button-icon-color-hover: var(--secondary-hover-color);
393
+ --icon-button-icon-color-active: var(--secondary-active-color);
394
+ --icon-button-icon-color-disabled: var(--secondary-disabled-color);
395
+ }
396
+ ._2C-lx {
397
+ fill: var(--icon-button-icon-color);
398
+ }
399
+ ._2C-lx.-clickable:hover, ._2C-lx.-clickable:focus {
400
+ fill: var(--icon-button-icon-color-hover);
401
+ }
402
+ ._2C-lx.-clickable:active {
403
+ fill: var(--icon-button-icon-color-active);
404
+ }
405
+ ._2C-lx.uui-disabled {
406
+ fill: var(--icon-button-icon-color-disabled);
407
+ }
408
+ ._2C-lx.uui-disabled.-clickable:hover, ._2C-lx.uui-disabled.-clickable:focus {
409
+ fill: var(--icon-button-icon-color-disabled);
410
+ }
411
+ ._2C-lx.uui-disabled.-clickable:active {
412
+ fill: var(--icon-button-icon-color-disabled);
413
+ }
414
+ ._2C-lx.uui-invalid {
415
+ fill: var(--icon-button-icon-color-invalid);
416
+ }
417
+ .GDzyw.uui-button-box {
418
+ background-color: transparent;
419
+ color: var(--link-button-text-color);
420
+ fill: var(--link-button-text-color);
421
+ }
422
+ .GDzyw.uui-button-box.-clickable:not(.uui-disabled):hover, .GDzyw.uui-button-box.-clickable:not(.uui-disabled):focus {
423
+ color: var(--link-button-text-color-hover);
424
+ fill: var(--link-button-text-color-hover);
425
+ }
426
+ .GDzyw.uui-button-box.-clickable:not(.uui-disabled):active {
427
+ color: var(--link-button-text-color-active);
428
+ fill: var(--link-button-text-color-active);
429
+ }
430
+ .GDzyw.uui-button-box.-clickable:not(.uui-disabled):focus {
431
+ box-shadow: none;
432
+ }
433
+ .GDzyw.uui-button-box.uui-disabled {
434
+ color: var(--link-button-text-color-disabled);
435
+ fill: var(--link-button-text-color-disabled);
436
+ background-color: transparent;
437
+ }
438
+ .GDzyw.uui-button-box.uui-disabled:hover {
439
+ background-color: transparent;
440
+ }
441
+ .GDzyw .uui-caption {
442
+ font-family: var(--font-semibold);
443
+ font-weight: normal;
444
+ }
445
+ .GDzyw.WPL7m {
446
+ min-width: 18px;
447
+ min-width: auto;
448
+ }
449
+ .GDzyw.WPL7m.uui-has-left-icon .uui-caption {
450
+ padding-left: 6px;
451
+ }
452
+ .GDzyw.WPL7m.uui-has-right-icon .uui-caption {
453
+ padding-right: 6px;
454
+ }
455
+ .GDzyw.WPL7m.uui-button-box {
456
+ min-height: 18px;
457
+ border-width: 0;
458
+ }
459
+ .GDzyw.WPL7m .uui-caption {
460
+ line-height: 12px;
461
+ font-size: 10px;
462
+ padding-top: 3px;
463
+ padding-bottom: 3px;
464
+ }
465
+ .GDzyw._3p2s- {
466
+ min-width: 24px;
467
+ min-width: auto;
468
+ }
469
+ .GDzyw._3p2s-.uui-has-left-icon .uui-caption {
470
+ padding-left: 6px;
471
+ }
472
+ .GDzyw._3p2s-.uui-has-right-icon .uui-caption {
473
+ padding-right: 6px;
474
+ }
475
+ .GDzyw._3p2s-.uui-button-box {
476
+ min-height: 24px;
477
+ border-width: 0;
478
+ }
479
+ .GDzyw._3p2s- .uui-caption {
480
+ line-height: 18px;
481
+ font-size: 12px;
482
+ padding-top: 3px;
483
+ padding-bottom: 3px;
484
+ }
485
+ .GDzyw._3xWQb {
486
+ min-width: 30px;
487
+ min-width: auto;
488
+ }
489
+ .GDzyw._3xWQb.uui-has-left-icon .uui-caption {
490
+ padding-left: 6px;
491
+ }
492
+ .GDzyw._3xWQb.uui-has-right-icon .uui-caption {
493
+ padding-right: 6px;
494
+ }
495
+ .GDzyw._3xWQb.uui-button-box {
496
+ min-height: 30px;
497
+ border-width: 0;
498
+ }
499
+ .GDzyw._3xWQb .uui-caption {
500
+ line-height: 18px;
501
+ font-size: 14px;
502
+ padding-top: 6px;
503
+ padding-bottom: 6px;
504
+ }
505
+ .GDzyw._2eCvV {
506
+ min-width: 36px;
507
+ min-width: auto;
508
+ }
509
+ .GDzyw._2eCvV.uui-has-left-icon .uui-caption {
510
+ padding-left: 6px;
511
+ }
512
+ .GDzyw._2eCvV.uui-has-right-icon .uui-caption {
513
+ padding-right: 6px;
514
+ }
515
+ .GDzyw._2eCvV.uui-button-box {
516
+ min-height: 36px;
517
+ border-width: 0;
518
+ }
519
+ .GDzyw._2eCvV .uui-caption {
520
+ line-height: 18px;
521
+ font-size: 14px;
522
+ padding-top: 9px;
523
+ padding-bottom: 9px;
524
+ }
525
+ .GDzyw._2MeV0 {
526
+ min-width: 42px;
527
+ min-width: auto;
528
+ }
529
+ .GDzyw._2MeV0.uui-has-left-icon .uui-caption {
530
+ padding-left: 6px;
531
+ }
532
+ .GDzyw._2MeV0.uui-has-right-icon .uui-caption {
533
+ padding-right: 6px;
534
+ }
535
+ .GDzyw._2MeV0.uui-button-box {
536
+ min-height: 42px;
537
+ border-width: 0;
538
+ }
539
+ .GDzyw._2MeV0 .uui-caption {
540
+ line-height: 24px;
541
+ font-size: 16px;
542
+ padding-top: 9px;
543
+ padding-bottom: 9px;
544
+ font-size: 14px;
545
+ }
546
+ .GDzyw._2MeV0 .uui-caption {
547
+ font-family: var(--font-primary);
548
+ text-transform: uppercase;
549
+ }
550
+ .GDzyw._31sxG {
551
+ min-width: 48px;
552
+ min-width: auto;
553
+ }
554
+ .GDzyw._31sxG.uui-has-left-icon .uui-caption {
555
+ padding-left: 6px;
556
+ }
557
+ .GDzyw._31sxG.uui-has-right-icon .uui-caption {
558
+ padding-right: 6px;
559
+ }
560
+ .GDzyw._31sxG.uui-button-box {
561
+ min-height: 48px;
562
+ border-width: 0;
563
+ }
564
+ .GDzyw._31sxG .uui-caption {
565
+ line-height: 24px;
566
+ font-size: 16px;
567
+ padding-top: 12px;
568
+ padding-bottom: 12px;
569
+ font-size: 14px;
570
+ }
571
+ .GDzyw._31sxG .uui-caption {
572
+ font-family: var(--font-primary);
573
+ text-transform: uppercase;
574
+ }
575
+ .link-button-vars {
576
+ --link-button-text-color: var(--info-color);
577
+ --link-button-text-color-hover: var(--info-hover-color);
578
+ --link-button-text-color-active: var(--info-active-color);
579
+ --link-button-text-color-disabled: var(--button-disabled-color);
580
+ }
581
+ .tab-button-vars {
582
+ --tab-button-text-color: var(--text-primary-color);
583
+ --tab-button-text-color-hover: var(--primary-color);
584
+ --tab-button-text-color-active: var(--primary-color);
585
+ --tab-button-text-color-disabled: var(--text-disabled-color);
586
+ --tab-button-count-bg-color: white;
587
+ --tab-button-count-color: var(--text-secondary-color);
588
+ }
589
+ .W_EFk {
590
+ min-width: 36px;
591
+ color: var(--tab-button-text-color);
592
+ fill: var(--tab-button-text-color);
593
+ background-color: transparent;
594
+ cursor: pointer;
595
+ padding-left: 12px;
596
+ padding-right: 12px;
597
+ position: relative;
598
+ bottom: -1px;
599
+ display: flex;
600
+ align-items: center;
601
+ font-family: var(--font-semibold);
602
+ font-weight: normal;
603
+ border-bottom: 3px solid transparent;
604
+ }
605
+ .W_EFk.uui-has-left-icon .uui-caption {
606
+ padding-left: 6px;
607
+ }
608
+ .W_EFk.uui-has-right-icon .uui-caption {
609
+ padding-right: 6px;
610
+ }
611
+ .W_EFk:hover, .W_EFk:focus {
612
+ color: var(--tab-button-text-color-active);
613
+ fill: var(--tab-button-text-color-active);
614
+ }
615
+ .W_EFk.uui-active {
616
+ color: var(--tab-button-text-color-active);
617
+ fill: var(--tab-button-text-color-active);
618
+ border-color: var(--tab-button-text-color-active);
619
+ }
620
+ .W_EFk.uui-active {
621
+ border-color: var(--tab-button-text-color-active);
622
+ }
623
+ .W_EFk.uui-disabled {
624
+ color: var(--tab-button-text-color-disabled);
625
+ fill: var(--tab-button-text-color-disabled);
626
+ background-color: transparent;
627
+ }
628
+ .W_EFk.uui-disabled:hover, .W_EFk.uui-disabled:focus {
629
+ color: var(--tab-button-text-color-disabled);
630
+ fill: var(--tab-button-text-color-disabled);
631
+ }
632
+ .W_EFk.uui-disabled.uui-active {
633
+ color: var(--tab-button-text-color-disabled);
634
+ fill: var(--tab-button-text-color-disabled);
635
+ border-color: var(--tab-button-text-color-disabled);
636
+ }
637
+ .W_EFk._2Cbjr::after {
638
+ content: "";
639
+ margin-bottom: 18px;
640
+ height: 6px;
641
+ width: 6px;
642
+ background: var(--negative-color);
643
+ box-shadow: 0 1px 8px 0 var(--negative-color);
644
+ border-radius: 50%;
645
+ }
646
+ .W_EFk .uui-count {
647
+ line-height: 18px;
648
+ font-size: 12px;
649
+ padding-top: 3px;
650
+ padding-bottom: 3px;
651
+ letter-spacing: 0;
652
+ color: var(--tab-button-count-color);
653
+ background-color: var(--tab-button-count-bg-color);
654
+ padding: 0 6px;
655
+ margin-left: 6px;
656
+ margin-right: 3px;
657
+ border-radius: 9px;
658
+ }
659
+ .W_EFk .uui-caption {
660
+ line-height: 18px;
661
+ font-size: 14px;
662
+ padding-top: 9px;
663
+ padding-bottom: 9px;
664
+ }
665
+ .W_EFk._1wx6- {
666
+ height: 36px;
667
+ }
668
+ .W_EFk._1J5Ze {
669
+ height: 48px;
670
+ }
671
+ .W_EFk._1NZmI {
672
+ height: 60px;
673
+ }
674
+ ._3kZE_ {
675
+ border-bottom: none;
676
+ border-left: 3px solid transparent;
677
+ }
678
+ .MK2jB:hover .uui-checkbox, .MK2jB:active .uui-checkbox, .MK2jB:focus-within .uui-checkbox {
679
+ border-color: var(--checkbox-border-color-hover);
680
+ }
681
+ .MK2jB:hover .uui-checked, .MK2jB:active .uui-checked, .MK2jB:focus-within .uui-checked {
682
+ background-color: var(--checkbox-bg-color-checked-hover);
683
+ }
684
+ .MK2jB .uui-checkbox {
685
+ background-color: var(--checkbox-bg-color);
686
+ border: 1px solid var(--checkbox-border-color);
687
+ border-radius: var(--checkbox-border-radius);
688
+ }
689
+ .MK2jB .uui-input-label {
690
+ font-family: var(--font-regular);
691
+ color: var(--checkbox-label-color);
692
+ margin-left: 12px;
693
+ flex-grow: 1;
694
+ }
695
+ .MK2jB .uui-checked {
696
+ background-color: var(--checkbox-bg-color-checked);
697
+ border-color: var(--checkbox-border-color-checked);
698
+ fill: var(--checkbox-fill-color);
699
+ }
700
+ .MK2jB.uui-disabled, .MK2jB.uui-readonly {
701
+ cursor: default;
702
+ }
703
+ .MK2jB.uui-disabled .uui-checkbox, .MK2jB.uui-readonly .uui-checkbox {
704
+ cursor: default;
705
+ background-color: var(--checkbox-bg-color-disabled);
706
+ border-color: var(--checkbox-border-color-disabled);
707
+ }
708
+ .MK2jB.uui-disabled:hover.uui-checkbox, .MK2jB.uui-disabled.uui-checked.uui-checkbox, .MK2jB.uui-disabled:focus-within.uui-checkbox, .MK2jB.uui-readonly:hover.uui-checkbox, .MK2jB.uui-readonly.uui-checked.uui-checkbox, .MK2jB.uui-readonly:focus-within.uui-checkbox {
709
+ border-color: var(--checkbox-border-color-checked-disabled);
710
+ }
711
+ .MK2jB.uui-disabled:hover.uui-icon, .MK2jB.uui-disabled.uui-checked.uui-icon, .MK2jB.uui-disabled:focus-within.uui-icon, .MK2jB.uui-readonly:hover.uui-icon, .MK2jB.uui-readonly.uui-checked.uui-icon, .MK2jB.uui-readonly:focus-within.uui-icon {
712
+ background-color: var(--checkbox-bg-color-checked-disabled);
713
+ border-color: var(--checkbox-border-color-checked-disabled);
714
+ }
715
+ .MK2jB.uui-disabled .uui-input-label, .MK2jB.uui-readonly .uui-input-label {
716
+ color: var(--checkbox-label-color-disabled);
717
+ }
718
+ .MK2jB.uui-disabled .uui-checked, .MK2jB.uui-readonly .uui-checked {
719
+ background-color: var(--checkbox-bg-color-checked-disabled);
720
+ border-color: var(--checkbox-border-color-checked-disabled);
721
+ }
722
+ .MK2jB.uui-invalid .uui-checkbox {
723
+ border-color: var(--checkbox-error-color);
724
+ fill: var(--checkbox-error-color);
725
+ }
726
+ .MK2jB.uui-invalid .uui-checkbox:hover, .MK2jB.uui-invalid .uui-checkbox:active, .MK2jB.uui-invalid .uui-checkbox:focus-within {
727
+ border-color: var(--checkbox-error-color);
728
+ fill: var(--checkbox-error-color);
729
+ }
730
+ .MK2jB.uui-invalid .uui-checkbox.uui-checked {
731
+ fill: var(--checkbox-fill-color);
732
+ background-color: var(--checkbox-error-color);
733
+ border-color: var(--checkbox-error-color);
734
+ }
735
+ .MK2jB.uui-invalid .uui-checkbox.uui-checked:hover, .MK2jB.uui-invalid .uui-checkbox.uui-checked:active, .MK2jB.uui-invalid .uui-checkbox.uui-checked:focus-within {
736
+ background-color: var(--checkbox-error-color);
737
+ border-color: var(--checkbox-error-color);
738
+ }
739
+ .MK2jB.uui-invalid .uui-input-label {
740
+ color: var(--checkbox-error-color);
741
+ }
742
+ .MK2jB._3M3v2 .uui-checkbox {
743
+ width: 18px;
744
+ height: 18px;
745
+ }
746
+ .MK2jB._3M3v2 .uui-checkbox .uui-icon svg {
747
+ width: 18px;
748
+ }
749
+ .MK2jB._3M3v2 .uui-input-label {
750
+ font-size: 14px;
751
+ line-height: 18px;
752
+ }
753
+ .MK2jB._3B5Qm .uui-checkbox {
754
+ width: 12px;
755
+ height: 12px;
756
+ }
757
+ .MK2jB._3B5Qm .uui-checkbox .uui-icon svg {
758
+ width: 12px;
759
+ }
760
+ .MK2jB._3B5Qm .uui-input-label {
761
+ font-size: 12px;
762
+ line-height: 12px;
763
+ }
764
+ .MK2jB._3B5Qm .uui-input-label {
765
+ margin-left: 6px;
766
+ }
767
+ .checkbox-vars {
768
+ --checkbox-border-color: var(--input-border-color);
769
+ --checkbox-border-color-hover: var(--input-border-hover-color);
770
+ --checkbox-border-color-disabled: var(--input-border-disabled-color);
771
+ --checkbox-border-color-checked: var(--input-border-checked-color);
772
+ --checkbox-border-color-checked-disabled: var(--input-border-checked-disabled-color);
773
+ --checkbox-bg-color: var(--input-bg-color);
774
+ --checkbox-bg-color-checked: var(--input-bg-checked-color);
775
+ --checkbox-bg-color-disabled: var(--input-bg-disabled-color);
776
+ --checkbox-bg-color-checked-hover: var(--input-bg-checked-hover-color);
777
+ --checkbox-bg-color-checked-disabled: var(--input-bg-checked-disabled-color);
778
+ --checkbox-error-color: var(--negative-color);
779
+ --checkbox-fill-color: var(--input-checkbox-icon-color);
780
+ --checkbox-label-color: var(--input-label-color);
781
+ --checkbox-label-color-disabled: var(--input-label-disabled-color);
782
+ --checkbox-border-radius: var(--border-radius);
783
+ }
784
+ .radio-input-vars {
785
+ --radio-input-bg-color: var(--input-bg-color);
786
+ --radio-input-bg-color-disabled: var(--input-bg-disabled-color);
787
+ --radio-input-border-color: var(--input-border-color);
788
+ --radio-input-border-color-checked: var(--input-border-checked-color);
789
+ --radio-input-border-color-hover: var(--input-border-hover-color);
790
+ --radio-input-border-color-disabled: var(--input-border-disabled-color);
791
+ --radio-input-border-color-checked-disabled: var(--input-border-checked-disabled-color);
792
+ --radio-input-label-color: var(--input-label-color);
793
+ --radio-input-label-color-disabled: var(--input-label-disabled-color);
794
+ --radio-input-fill-color-checked: var(--input-border-checked-color);
795
+ --radio-input-fill-color-hover: var(--input-border-hover-color);
796
+ --radio-input-fill-color-checked-disabled: var(--input-border-checked-disabled-color);
797
+ --radio-input-error-color: var(--negative-color);
798
+ }
799
+ ._1XXaN:hover .uui-radioinput, ._1XXaN:focus-within .uui-radioinput {
800
+ border-color: var(--radio-input-border-color-hover);
801
+ }
802
+ ._1XXaN:hover .uui-radioinput.uui-checked, ._1XXaN:focus-within .uui-radioinput.uui-checked {
803
+ border-color: var(--radio-input-border-color-hover);
804
+ }
805
+ ._1XXaN:hover .uui-radioinput.uui-checked .uui-icon, ._1XXaN:focus-within .uui-radioinput.uui-checked .uui-icon {
806
+ fill: var(--radio-input-fill-color-hover);
807
+ }
808
+ ._1XXaN:hover.uui-disabled .uui-radioinput, ._1XXaN:hover.uui-readonly .uui-radioinput, ._1XXaN:focus-within.uui-disabled .uui-radioinput, ._1XXaN:focus-within.uui-readonly .uui-radioinput {
809
+ background-color: var(--radio-input-bg-color-disabled);
810
+ border-color: var(--radio-input-border-color-disabled);
811
+ }
812
+ ._1XXaN:hover.uui-disabled .uui-radioinput .uui-icon, ._1XXaN:hover.uui-readonly .uui-radioinput .uui-icon, ._1XXaN:focus-within.uui-disabled .uui-radioinput .uui-icon, ._1XXaN:focus-within.uui-readonly .uui-radioinput .uui-icon {
813
+ fill: var(--radio-input-fill-color-checked-disabled);
814
+ }
815
+ ._1XXaN .uui-radioinput {
816
+ background-color: var(--radio-input-bg-color);
817
+ border: 1px solid var(--radio-input-border-color);
818
+ align-self: baseline;
819
+ flex-shrink: 0;
820
+ box-sizing: border-box;
821
+ }
822
+ ._1XXaN .uui-radioinput.uui-checked {
823
+ border-color: var(--radio-input-border-color-checked);
824
+ }
825
+ ._1XXaN .uui-radioinput.uui-checked .uui-icon {
826
+ fill: var(--radio-input-fill-color-checked);
827
+ }
828
+ ._1XXaN .uui-input-label {
829
+ color: var(--radio-input-label-color);
830
+ flex-grow: 1;
831
+ font-family: var(--font-regular);
832
+ margin-left: 12px;
833
+ display: flex;
834
+ align-items: center;
835
+ }
836
+ ._1XXaN.uui-invalid .uui-icon {
837
+ fill: var(--radio-input-error-color);
838
+ }
839
+ ._1XXaN.uui-invalid .uui-input-label {
840
+ color: var(--radio-input-error-color);
841
+ }
842
+ ._1XXaN.uui-invalid .uui-radioinput {
843
+ border-color: var(--radio-input-error-color);
844
+ }
845
+ ._1XXaN.uui-invalid .uui-checked.uui-radioinput .uui-icon {
846
+ fill: var(--radio-input-error-color);
847
+ }
848
+ ._1XXaN.uui-invalid:hover .uui-radioinput, ._1XXaN.uui-invalid:focus-within .uui-radioinput {
849
+ border-color: var(--radio-input-error-color);
850
+ }
851
+ ._1XXaN.uui-invalid:hover .uui-icon, ._1XXaN.uui-invalid:focus-within .uui-icon {
852
+ fill: var(--radio-input-error-color);
853
+ }
854
+ ._1XXaN.uui-disabled, ._1XXaN.uui-readonly {
855
+ cursor: default;
856
+ }
857
+ ._1XXaN.uui-disabled .uui-radioinput, ._1XXaN.uui-readonly .uui-radioinput {
858
+ cursor: default;
859
+ background-color: var(--radio-input-bg-color-disabled);
860
+ border-color: var(--radio-input-border-color-disabled);
861
+ }
862
+ ._1XXaN.uui-disabled .uui-radioinput .uui-icon, ._1XXaN.uui-readonly .uui-radioinput .uui-icon {
863
+ fill: var(--radio-input-fill-color-checked-disabled);
864
+ }
865
+ ._1XXaN.uui-disabled .uui-radioinput.uui-checked, ._1XXaN.uui-readonly .uui-radioinput.uui-checked {
866
+ border-color: var(--radio-input-border-color-checked-disabled);
867
+ }
868
+ ._1XXaN.uui-disabled .uui-radioinput.uui-checked .uui-icon, ._1XXaN.uui-readonly .uui-radioinput.uui-checked .uui-icon {
869
+ fill: var(--radio-input-fill-color-checked-disabled);
870
+ }
871
+ ._1XXaN.uui-disabled.uui-invalid .uui-radioinput, ._1XXaN.uui-readonly.uui-invalid .uui-radioinput {
872
+ cursor: default;
873
+ background-color: var(--radio-input-bg-color-disabled);
874
+ border-color: var(--radio-input-border-color-disabled);
875
+ }
876
+ ._1XXaN.uui-disabled.uui-invalid .uui-radioinput .uui-icon, ._1XXaN.uui-readonly.uui-invalid .uui-radioinput .uui-icon {
877
+ fill: var(--radio-input-fill-color-checked-disabled);
878
+ }
879
+ ._1XXaN.uui-readonly .uui-input-label {
880
+ color: var(--radio-input-label-color);
881
+ }
882
+ ._1XXaN.uui-disabled .uui-input-label {
883
+ color: var(--radio-input-label-color-disabled);
884
+ }
885
+ ._1XXaN._32gP2 .uui-radioinput {
886
+ width: 18px;
887
+ height: 18px;
888
+ border-radius: 9px;
889
+ margin: 0px 0;
890
+ }
891
+ ._1XXaN._32gP2 .uui-icon {
892
+ margin: 0px 0;
893
+ }
894
+ ._1XXaN._32gP2 .uui-icon svg {
895
+ height: 18px;
896
+ width: 18px;
897
+ }
898
+ ._1XXaN._32gP2 .uui-input-label {
899
+ font-size: 14px;
900
+ line-height: 18px;
901
+ }
902
+ ._1XXaN._2v3vG .uui-radioinput {
903
+ width: 12px;
904
+ height: 12px;
905
+ border-radius: 6px;
906
+ margin: 1px 0;
907
+ }
908
+ ._1XXaN._2v3vG .uui-icon {
909
+ margin: 1px 0;
910
+ }
911
+ ._1XXaN._2v3vG .uui-icon svg {
912
+ height: 12px;
913
+ width: 12px;
914
+ }
915
+ ._1XXaN._2v3vG .uui-input-label {
916
+ font-size: 12px;
917
+ line-height: 14px;
918
+ }
919
+ ._1XXaN._2v3vG .uui-input-label {
920
+ margin-left: 6px;
921
+ }
922
+ ._3mrvn._1o_Mi .uui-switch-body {
923
+ height: 12px;
924
+ width: 24px;
925
+ }
926
+ ._3mrvn._1o_Mi .uui-switch-toggler {
927
+ height: 12px;
928
+ width: 12px;
929
+ }
930
+ ._3mrvn._1o_Mi .uui-input-label {
931
+ font-size: 12px;
932
+ letter-spacing: 0.2px;
933
+ }
934
+ ._3mrvn._1o_Mi .uui-checked .uui-switch-toggler {
935
+ transform: translateX(12px);
936
+ }
937
+ ._3mrvn._2HUmE .uui-switch-body {
938
+ height: 18px;
939
+ width: 36px;
940
+ }
941
+ ._3mrvn._2HUmE .uui-switch-toggler {
942
+ height: 18px;
943
+ width: 18px;
944
+ }
945
+ ._3mrvn._2HUmE .uui-input-label {
946
+ font-size: 14px;
947
+ letter-spacing: 0.1px;
948
+ }
949
+ ._3mrvn._2HUmE .uui-checked .uui-switch-toggler {
950
+ transform: translateX(18px);
951
+ }
952
+ ._3mrvn._1f_M1 .uui-switch-body {
953
+ height: 24px;
954
+ width: 48px;
955
+ }
956
+ ._3mrvn._1f_M1 .uui-switch-toggler {
957
+ height: 24px;
958
+ width: 24px;
959
+ }
960
+ ._3mrvn._1f_M1 .uui-input-label {
961
+ font-size: 14px;
962
+ letter-spacing: 0.1px;
963
+ }
964
+ ._3mrvn._1f_M1 .uui-checked .uui-switch-toggler {
965
+ transform: translateX(24px);
966
+ }
967
+ ._3mrvn .uui-switch-body {
968
+ background-color: var(--switch-bg-color);
969
+ border: 1px solid var(--switch-border-color);
970
+ width: 36px;
971
+ border-radius: 18px;
972
+ box-sizing: border-box;
973
+ }
974
+ ._3mrvn .uui-switch-toggler {
975
+ left: -1px;
976
+ border-radius: 50%;
977
+ box-sizing: border-box;
978
+ background-color: var(--switch-toggler-bg-color);
979
+ border: 1px solid var(--switch-toggler-border-color);
980
+ transition: 0.1s transform cubic-bezier(0.4, 0, 0.2, 1);
981
+ }
982
+ ._3mrvn .uui-input-label {
983
+ font-family: var(--font-regular);
984
+ color: var(--switch-label-color);
985
+ margin-left: 11px;
986
+ }
987
+ ._3mrvn:hover .uui-switch-body, ._3mrvn:focus-within .uui-switch-body {
988
+ background-color: var(--switch-bg-color-hover);
989
+ border-color: var(--switch-border-color-hover);
990
+ }
991
+ ._3mrvn:hover .uui-switch-toggler, ._3mrvn:focus-within .uui-switch-toggler {
992
+ border-color: var(--switch-toggler-border-color-hover);
993
+ }
994
+ ._3mrvn:hover .uui-checked.uui-switch-body, ._3mrvn:focus-within .uui-checked.uui-switch-body {
995
+ background-color: var(--switch-bg-color-checked-hover);
996
+ border-color: var(--switch-border-color-checked-hover);
997
+ }
998
+ ._3mrvn:hover .uui-checked .uui-switch-toggler, ._3mrvn:focus-within .uui-checked .uui-switch-toggler {
999
+ border-color: var(--switch-toggler-border-color-checked-hover);
1000
+ }
1001
+ ._3mrvn .uui-checked.uui-switch-body {
1002
+ background-color: var(--switch-bg-color-checked);
1003
+ border: 1px solid var(--switch-border-color-checked);
1004
+ }
1005
+ ._3mrvn .uui-checked.uui-switch-body .uui-switch-toggler {
1006
+ border: 1px solid var(--switch-toggler-border-color-checked);
1007
+ }
1008
+ ._3mrvn.uui-disabled .uui-input-label {
1009
+ color: var(--switch-label-color-disabled);
1010
+ }
1011
+ ._3mrvn.uui-disabled,
1012
+ ._3mrvn.uui-disabled .uui-switch-toggler,
1013
+ ._3mrvn.uui-disabled .uui-switch-body,
1014
+ ._3mrvn.uui-disabled .uui-input-label {
1015
+ cursor: default;
1016
+ }
1017
+ ._3mrvn.uui-disabled .uui-switch-body {
1018
+ background-color: var(--switch-bg-color-disabled);
1019
+ border: 1px solid var(--switch-border-color-disabled);
1020
+ }
1021
+ ._3mrvn.uui-disabled .uui-switch-toggler, ._3mrvn.uui-disabled:hover .uui-switch-toggler, ._3mrvn.uui-disabled:focus-within .uui-switch-toggler {
1022
+ background-color: var(--switch-toggler-bg-color-disabled);
1023
+ border-color: var(--switch-toggler-border-color-disabled);
1024
+ }
1025
+ ._3mrvn.uui-disabled .uui-checked.uui-switch-body {
1026
+ background-color: var(--switch-bg-color-checked-disabled);
1027
+ border: 1px solid var(--switch-border-color-checked-disabled);
1028
+ }
1029
+ ._3mrvn.uui-disabled .uui-checked .uui-switch-toggler {
1030
+ background-color: var(--switch-toggler-bg-color-disabled);
1031
+ border-color: var(--switch-toggler-border-color-checked-disabled);
1032
+ }
1033
+ .switch-vars {
1034
+ --switch-bg-color: var(--input-switch-bg-color);
1035
+ --switch-bg-color-checked: var(--input-bg-checked-color);
1036
+ --switch-bg-color-hover: var(--input-bg-hover-color);
1037
+ --switch-bg-color-disabled: var(--input-bg-disabled-color);
1038
+ --switch-bg-color-checked-hover: var(--input-bg-checked-hover-color);
1039
+ --switch-bg-color-checked-disabled: var(--input-bg-checked-disabled-color);
1040
+ --switch-border-color: var(--input-border-color);
1041
+ --switch-border-color-checked: var(--input-border-checked-color);
1042
+ --switch-border-color-hover: var(--input-switch-border-hover-color);
1043
+ --switch-border-color-disabled: var(--input-border-disabled-color);
1044
+ --switch-border-color-checked-hover: var(--input-border-checked-hover-color);
1045
+ --switch-border-color-checked-disabled: var(--input-border-checked-disabled-color);
1046
+ --switch-label-color: var(--input-label-color);
1047
+ --switch-label-color-disabled: var(--input-label-disabled-color);
1048
+ --switch-toggler-bg-color: #fff;
1049
+ --switch-toggler-bg-color-disabled: var(--input-bg-disabled-color);
1050
+ --switch-toggler-border-color: var(--input-switch-bg-color);
1051
+ --switch-toggler-border-color-checked: var(--input-bg-checked-color);
1052
+ --switch-toggler-border-color-hover: var(--input-bg-hover-color);
1053
+ --switch-toggler-border-color-disabled: var(--input-border-disabled-color);
1054
+ --switch-toggler-border-color-checked-hover: var(--input-bg-checked-hover-color);
1055
+ --switch-toggler-border-color-checked-disabled: var(--input-bg-checked-disabled-color);
1056
+ }
1057
+ .lRj-h {
1058
+ fill: var(--text-input-icon-color);
1059
+ border-style: solid;
1060
+ box-sizing: border-box;
1061
+ padding-left: 5px;
1062
+ padding-right: 5px;
1063
+ border-radius: var(--text-input-border-radius);
1064
+ }
1065
+ .lRj-h .uui-input {
1066
+ color: var(--text-input-text-color);
1067
+ font-family: var(--font-regular);
1068
+ padding-left: 6px;
1069
+ padding-right: 6px;
1070
+ }
1071
+ .lRj-h .uui-input::placeholder {
1072
+ color: var(--text-input-placeholder-color);
1073
+ }
1074
+ .lRj-h .uui-input:placeholder-shown {
1075
+ text-overflow: ellipsis;
1076
+ }
1077
+ .lRj-h .uui-input::-moz-placeholder {
1078
+ opacity: 1;
1079
+ }
1080
+ .lRj-h._3x1WS {
1081
+ background-color: var(--text-input-bg-color);
1082
+ border-color: var(--text-input-border-color);
1083
+ }
1084
+ .lRj-h._3x1WS .-clickable {
1085
+ fill: var(--text-input-icon-color-clickable);
1086
+ }
1087
+ .lRj-h._3x1WS .-clickable:hover {
1088
+ fill: var(--text-input-icon-color-clickable-hover);
1089
+ }
1090
+ .lRj-h._3x1WS:hover {
1091
+ border-color: var(--text-input-border-color-hover);
1092
+ }
1093
+ .lRj-h._3x1WS.uui-focus {
1094
+ border-color: var(--text-input-border-color-active);
1095
+ }
1096
+ .lRj-h._2em6G {
1097
+ background-color: transparent;
1098
+ border-color: transparent;
1099
+ }
1100
+ .lRj-h._2em6G .uui-icon:first-child {
1101
+ padding-left: 6px;
1102
+ }
1103
+ .lRj-h._2em6G .-clickable {
1104
+ fill: transparent;
1105
+ }
1106
+ .lRj-h._2em6G:hover {
1107
+ background-color: var(--text-input-bg-color);
1108
+ border-color: var(--text-input-border-color);
1109
+ }
1110
+ .lRj-h._2em6G:hover .-clickable {
1111
+ fill: var(--text-input-icon-color-clickable);
1112
+ }
1113
+ .lRj-h._2em6G:hover .-clickable:hover {
1114
+ fill: var(--text-input-icon-color-clickable-hover);
1115
+ }
1116
+ .lRj-h._2em6G.uui-focus {
1117
+ background-color: var(--text-input-bg-color);
1118
+ border-color: var(--text-input-border-color-active);
1119
+ }
1120
+ .lRj-h.uui-invalid._3x1WS, .lRj-h.uui-invalid._2em6G {
1121
+ background-color: var(--text-input-bg-color);
1122
+ border-color: var(--text-input-border-color-error);
1123
+ }
1124
+ .lRj-h.uui-readonly {
1125
+ color: var(--text-input-text-color);
1126
+ fill: var(--text-input-icon-color);
1127
+ pointer-events: none;
1128
+ }
1129
+ .lRj-h.uui-readonly._3x1WS {
1130
+ background-color: var(--text-input-bg-color-readonly);
1131
+ border-color: var(--text-input-border-color-readonly);
1132
+ }
1133
+ .lRj-h.uui-readonly._2em6G {
1134
+ background-color: transparent;
1135
+ border-color: transparent;
1136
+ }
1137
+ .lRj-h.uui-disabled {
1138
+ color: var(--text-input-text-color-disabled);
1139
+ fill: var(--text-input-icon-color-disabled);
1140
+ pointer-events: none;
1141
+ }
1142
+ .lRj-h.uui-disabled .uui-input {
1143
+ color: var(--text-input-text-color-disabled);
1144
+ }
1145
+ .lRj-h.uui-disabled .uui-input::placeholder {
1146
+ color: var(--text-input-placeholder-color-disabled);
1147
+ }
1148
+ .lRj-h.uui-disabled._3x1WS {
1149
+ background-color: var(--text-input-bg-color-disabled);
1150
+ border-color: var(--text-input-border-color-disabled);
1151
+ }
1152
+ .lRj-h.uui-disabled._2em6G {
1153
+ background-color: transparent;
1154
+ border-color: transparent;
1155
+ }
1156
+ .lRj-h.cC0P9 {
1157
+ min-width: 24px;
1158
+ }
1159
+ .lRj-h.cC0P9 .uui-caption, .lRj-h.cC0P9 .uui-input {
1160
+ line-height: 18px;
1161
+ font-size: 12px;
1162
+ padding-top: 2px;
1163
+ padding-bottom: 2px;
1164
+ }
1165
+ .lRj-h.cC0P9.uui-button-box, .lRj-h.cC0P9.uui-input-box {
1166
+ min-height: 24px;
1167
+ border-width: 1px;
1168
+ }
1169
+ .lRj-h._3PEDo {
1170
+ min-width: 30px;
1171
+ }
1172
+ .lRj-h._3PEDo .uui-caption, .lRj-h._3PEDo .uui-input {
1173
+ line-height: 18px;
1174
+ font-size: 14px;
1175
+ padding-top: 5px;
1176
+ padding-bottom: 5px;
1177
+ }
1178
+ .lRj-h._3PEDo.uui-button-box, .lRj-h._3PEDo.uui-input-box {
1179
+ min-height: 30px;
1180
+ border-width: 1px;
1181
+ }
1182
+ .lRj-h.pwry0 {
1183
+ min-width: 36px;
1184
+ }
1185
+ .lRj-h.pwry0 .uui-caption, .lRj-h.pwry0 .uui-input {
1186
+ line-height: 18px;
1187
+ font-size: 14px;
1188
+ padding-top: 8px;
1189
+ padding-bottom: 8px;
1190
+ }
1191
+ .lRj-h.pwry0.uui-button-box, .lRj-h.pwry0.uui-input-box {
1192
+ min-height: 36px;
1193
+ border-width: 1px;
1194
+ }
1195
+ .lRj-h.ss1E7 {
1196
+ min-width: 42px;
1197
+ }
1198
+ .lRj-h.ss1E7 .uui-caption, .lRj-h.ss1E7 .uui-input {
1199
+ line-height: 24px;
1200
+ font-size: 16px;
1201
+ padding-top: 8px;
1202
+ padding-bottom: 8px;
1203
+ }
1204
+ .lRj-h.ss1E7.uui-button-box, .lRj-h.ss1E7.uui-input-box {
1205
+ min-height: 42px;
1206
+ border-width: 1px;
1207
+ }
1208
+ .lRj-h._3Fulx {
1209
+ min-width: 48px;
1210
+ }
1211
+ .lRj-h._3Fulx .uui-caption, .lRj-h._3Fulx .uui-input {
1212
+ line-height: 24px;
1213
+ font-size: 16px;
1214
+ padding-top: 11px;
1215
+ padding-bottom: 11px;
1216
+ }
1217
+ .lRj-h._3Fulx.uui-button-box, .lRj-h._3Fulx.uui-input-box {
1218
+ min-height: 48px;
1219
+ border-width: 1px;
1220
+ }
1221
+ .text-input-vars {
1222
+ --text-input-bg-color: var(--input-bg-color);
1223
+ --text-input-bg-color-disabled: var(--input-bg-disabled-color);
1224
+ --text-input-bg-color-readonly: var(--input-bg-readonly-color);
1225
+ --text-input-border-color: var(--input-border-color);
1226
+ --text-input-border-color-hover: var(--input-textinput-border-hover-color);
1227
+ --text-input-border-color-active: var(--input-border-checked-color);
1228
+ --text-input-border-color-error: var(--negative-color);
1229
+ --text-input-border-color-disabled: var(--input-border-disabled-color);
1230
+ --text-input-border-color-readonly: var(--input-border-readonly-color);
1231
+ --text-input-placeholder-color: var(--input-placeholder-color);
1232
+ --text-input-placeholder-color-disabled: var(--input-placeholder-disabled-color);
1233
+ --text-input-text-color: var(--input-text-color);
1234
+ --text-input-text-color-disabled: var(--input-text-disabled-color);
1235
+ --text-input-icon-color: var(--input-icon-color);
1236
+ --text-input-icon-color-disabled: var(--input-icon-disabled-color);
1237
+ --text-input-icon-color-clickable: var(--icon-color);
1238
+ --text-input-icon-color-clickable-hover: var(--icon-hover-color);
1239
+ --text-input-border-radius: var(--border-radius);
1240
+ }
1241
+ .accordion-vars {
1242
+ --accordion-bg-color: var(--surface-color);
1243
+ --accordion-border-color: var(--divider-color);
1244
+ --accordion-text-color: var(--text-primary-color);
1245
+ --accordion-text-color-disabled: var(--text-color-disabled);
1246
+ --accordion-icon-color: var(--icon-color);
1247
+ --accordion-icon-color-disabled: var(--iconButton-disabled-color);
1248
+ --accordion-focus-color: var(--primary-color);
1249
+ --accordion-shadow: 0 3px 6px 0 rgba(29, 30, 38, 0.10), 0 1px 3px 0 rgba(29, 30, 38, 0.10);
1250
+ --accordion-shadow-hovered: 0 6px 12px 0 rgba(29, 30, 38, 0.10), 0 3px 6px 0 rgba(29, 30, 38, 0.10);
1251
+ }
1252
+ ._2m0W9 .uui-accordion-toggler {
1253
+ font-family: var(--font-semibold);
1254
+ color: var(--accordion-text-color);
1255
+ cursor: pointer;
1256
+ }
1257
+ ._2m0W9 .uui-accordion-body {
1258
+ font-family: var(--font-regular);
1259
+ color: var(--accordion-text-color);
1260
+ }
1261
+ ._2m0W9._6n-o5 .uui-accordion-toggler {
1262
+ background: var(--accordion-bg-color);
1263
+ box-shadow: var(--accordion-shadow);
1264
+ fill: var(--accordion-icon-color);
1265
+ line-height: 24px;
1266
+ font-size: 18px;
1267
+ padding: 0 18px;
1268
+ }
1269
+ ._2m0W9._6n-o5 .uui-accordion-toggler .uui-accordion-toggle-container {
1270
+ min-height: 48px;
1271
+ padding-top: 5px;
1272
+ padding-bottom: 5px;
1273
+ }
1274
+ ._2m0W9._6n-o5 .uui-accordion-toggler .uui-accordion-title {
1275
+ color: var(--accordion-text-color);
1276
+ }
1277
+ ._2m0W9._6n-o5 .uui-accordion-toggler:hover, ._2m0W9._6n-o5 .uui-accordion-toggler:focus {
1278
+ box-shadow: var(--accordion-shadow-hovered);
1279
+ }
1280
+ ._2m0W9._6n-o5 .uui-accordion-body {
1281
+ padding: 18px;
1282
+ line-height: 24px;
1283
+ letter-spacing: 0;
1284
+ background: var(--accordion-bg-color);
1285
+ box-shadow: var(--accordion-shadow);
1286
+ border-top: 1px solid var(--accordion-border-color);
1287
+ }
1288
+ ._2m0W9._6n-o5.uui-opened .uui-accordion-toggler:hover, ._2m0W9._6n-o5.uui-opened .uui-accordion-toggler:focus {
1289
+ border-color: var(--accordion-border-color);
1290
+ }
1291
+ ._2m0W9._6n-o5.uui-disabled .uui-accordion-toggler {
1292
+ cursor: default;
1293
+ fill: var(--accordion-icon-color-disabled);
1294
+ }
1295
+ ._2m0W9._6n-o5.uui-disabled .uui-accordion-toggler .uui-accordion-title {
1296
+ color: var(--accordion-text-color-disabled);
1297
+ }
1298
+ ._2m0W9._6n-o5.uui-disabled .uui-accordion-toggler:hover, ._2m0W9._6n-o5.uui-disabled .uui-accordion-toggler:focus {
1299
+ box-shadow: var(--accordion-shadow);
1300
+ }
1301
+ ._2m0W9._2b3ou .uui-accordion-toggler {
1302
+ border-bottom: 1px solid var(--accordion-border-color);
1303
+ fill: var(--accordion-icon-color);
1304
+ line-height: 18px;
1305
+ font-size: 14px;
1306
+ padding: 8px 12px 8px;
1307
+ }
1308
+ ._2m0W9._2b3ou .uui-accordion-toggler .uui-accordion-toggle-container {
1309
+ min-height: 24px;
1310
+ }
1311
+ ._2m0W9._2b3ou .uui-accordion-toggler .uui-accordion-title {
1312
+ color: var(--accordion-text-color);
1313
+ }
1314
+ ._2m0W9._2b3ou .uui-accordion-body {
1315
+ padding: 1px 12px 12px;
1316
+ border-bottom: 1px solid var(--accordion-border-color);
1317
+ }
1318
+ ._2m0W9._2b3ou.uui-opened .uui-accordion-toggler {
1319
+ border-bottom: unset;
1320
+ }
1321
+ ._2m0W9._2b3ou.uui-disabled .uui-accordion-toggler {
1322
+ cursor: default;
1323
+ fill: var(--accordion-icon-color-disabled);
1324
+ border-bottom: unset;
1325
+ }
1326
+ ._2m0W9._2b3ou.uui-disabled .uui-accordion-toggler .uui-accordion-title {
1327
+ color: var(--accordion-text-color-disabled);
1328
+ }
1329
+ ._2m0W9._2DV9C .uui-accordion-toggler, ._2m0W9._2DV9C .uui-accordion-body {
1330
+ padding-left: 0px;
1331
+ padding-right: 0px;
1332
+ }
1333
+ ._2m0W9.y8Jci .uui-accordion-toggler, ._2m0W9.y8Jci .uui-accordion-body {
1334
+ padding-left: 6px;
1335
+ padding-right: 6px;
1336
+ }
1337
+ ._2m0W9._2jnEw .uui-accordion-toggler, ._2m0W9._2jnEw .uui-accordion-body {
1338
+ padding-left: 12px;
1339
+ padding-right: 12px;
1340
+ }
1341
+ ._2m0W9._2fgOi .uui-accordion-toggler, ._2m0W9._2fgOi .uui-accordion-body {
1342
+ padding-left: 18px;
1343
+ padding-right: 18px;
1344
+ }
1345
+ .s32QP > :nth-child(n) {
1346
+ border-radius: 0;
1347
+ }
1348
+ .s32QP > :first-child {
1349
+ border-top-left-radius: var(--border-radius);
1350
+ border-bottom-left-radius: var(--border-radius);
1351
+ }
1352
+ .s32QP > :last-child {
1353
+ border-top-right-radius: var(--border-radius);
1354
+ border-bottom-right-radius: var(--border-radius);
1355
+ }
1356
+ ._2u3y4 {
1357
+ box-sizing: content-box;
1358
+ }
1359
+ ._2u3y4.-clickable:hover {
1360
+ background-color: var(--surface-hover-color);
1361
+ cursor: pointer;
1362
+ }
1363
+ ._2u3y4._2nMs6 {
1364
+ box-shadow: inset 0 10px 5px -10px rgba(51, 51, 51, 0.2);
1365
+ }
1366
+ ._2u3y4.iY1IX {
1367
+ min-height: 24px;
1368
+ }
1369
+ ._2u3y4._2hRg4 {
1370
+ min-height: 30px;
1371
+ }
1372
+ ._2u3y4._3tXUh {
1373
+ min-height: 36px;
1374
+ }
1375
+ ._2u3y4._24bqp {
1376
+ min-height: 42px;
1377
+ }
1378
+ ._2u3y4._15j7r {
1379
+ min-height: 48px;
1380
+ }
1381
+ ._2u3y4._1-_jc {
1382
+ padding-left: 6px;
1383
+ padding-right: 6px;
1384
+ }
1385
+ ._2u3y4._2axON {
1386
+ padding-left: 12px;
1387
+ padding-right: 12px;
1388
+ }
1389
+ ._2u3y4.MhGHQ {
1390
+ padding-left: 18px;
1391
+ padding-right: 18px;
1392
+ }
1393
+ ._2u3y4._3gLga {
1394
+ padding-left: 24px;
1395
+ padding-right: 24px;
1396
+ }
1397
+ ._2u3y4.iRbs_ {
1398
+ margin: 24px;
1399
+ }
1400
+ ._2u3y4.ulLlb {
1401
+ margin: 12px;
1402
+ }
1403
+ ._2u3y4.yI8og {
1404
+ padding-top: 6px;
1405
+ padding-bottom: 6px;
1406
+ }
1407
+ ._2u3y4._1yQ8M {
1408
+ padding-top: 9px;
1409
+ padding-bottom: 9px;
1410
+ }
1411
+ ._2u3y4._2KdtJ {
1412
+ padding-top: 12px;
1413
+ padding-bottom: 12px;
1414
+ }
1415
+ ._2u3y4._1P-dd {
1416
+ padding-top: 18px;
1417
+ padding-bottom: 18px;
1418
+ }
1419
+ ._2u3y4._1qW8I {
1420
+ padding-top: 24px;
1421
+ padding-bottom: 24px;
1422
+ }
1423
+ ._2u3y4._3DL5R > *:not(:last-child) {
1424
+ margin-right: 3px;
1425
+ }
1426
+ ._2u3y4._3DL5R > *:not(:first-child) {
1427
+ margin-left: 3px;
1428
+ }
1429
+ ._2u3y4._1AoT- > *:not(:last-child) {
1430
+ margin-right: 6px;
1431
+ }
1432
+ ._2u3y4._1AoT- > *:not(:first-child) {
1433
+ margin-left: 6px;
1434
+ }
1435
+ ._2u3y4._1ysHm > *:not(:last-child) {
1436
+ margin-right: 9px;
1437
+ }
1438
+ ._2u3y4._1ysHm > *:not(:first-child) {
1439
+ margin-left: 9px;
1440
+ }
1441
+ ._2u3y4._3SIS8 {
1442
+ border-bottom: 1px solid var(--divider-color);
1443
+ }
1444
+ .panel-vars {
1445
+ --panel-border-radius: var(--border-radius);
1446
+ --panel-bg-color: var(--surface-color);
1447
+ --panel-shadow: var(--shadow, 0 3px 6px 0 rgba(29, 30, 38, 0.10), 0 1px 3px 0 rgba(29, 30, 38, 0.10));
1448
+ }
1449
+ ._1l0D5 {
1450
+ overflow: hidden;
1451
+ border-radius: var(--panel-border-radius);
1452
+ }
1453
+ ._1l0D5._3B7Pz {
1454
+ background-color: var(--panel-bg-color);
1455
+ }
1456
+ ._1l0D5._3Wr7M {
1457
+ margin: 24px;
1458
+ }
1459
+ ._1l0D5.mK2x2 {
1460
+ padding: 12px;
1461
+ }
1462
+ ._1l0D5.v4Uzu {
1463
+ padding: 24px;
1464
+ }
1465
+ ._1l0D5.dEtBX {
1466
+ box-shadow: var(--panel-shadow);
1467
+ }
1468
+ ._1l0D5.-clickable:hover {
1469
+ cursor: pointer;
1470
+ }
1471
+ ._2vqUN {
1472
+ fill: var(--icon-container-fill-color);
1473
+ }
1474
+ .icon-container-color-info {
1475
+ --icon-container-fill-color: var(--info-color);
1476
+ }
1477
+
1478
+ .icon-container-color-success {
1479
+ --icon-container-fill-color: var(--success-color);
1480
+ }
1481
+
1482
+ .icon-container-color-warning {
1483
+ --icon-container-fill-color: var(--warning-color);
1484
+ }
1485
+
1486
+ .icon-container-color-error {
1487
+ --icon-container-fill-color: var(--error-color);
1488
+ }
1489
+
1490
+ .icon-container-color-default {
1491
+ --icon-container-fill-color: var(--icon-color);
1492
+ }
1493
+
1494
+ .icon-container-color-secondary {
1495
+ --icon-container-fill-color: var(--secondary-color);
1496
+ }
1497
+ .dropdown-container-vars {
1498
+ --dropdown-container-shadow: var(--shadow, 0 3px 6px 0 rgba(29, 30, 38, 0.1), 0 1px 3px 0 rgba(29, 30, 38, 0.1));
1499
+ --dropdown-container-scrollbar-thumb-color: var(--scroll-bars-background-color-active);
1500
+ }
1501
+ ._2l3nr.uui-dropdown-body {
1502
+ display: flex;
1503
+ flex-direction: column;
1504
+ min-width: 150px;
1505
+ box-sizing: border-box;
1506
+ box-shadow: var(--dropdown-container-shadow);
1507
+ background-color: var(--surface-color);
1508
+ border: 0;
1509
+ overflow: hidden;
1510
+ }
1511
+ ._2l3nr.uui-dropdown-body ::-webkit-scrollbar {
1512
+ width: 5px;
1513
+ }
1514
+ ._2l3nr.uui-dropdown-body ::-webkit-scrollbar-thumb {
1515
+ background: var(--dropdown-container-scrollbar-thumb-color);
1516
+ }
1517
+ ._1eaqe {
1518
+ padding: 0;
1519
+ margin: 0;
1520
+ }
1521
+ ._1eaqe:focus {
1522
+ outline: none;
1523
+ }
1524
+
1525
+ ._1mYv9 {
1526
+ color: var(--text-primary-color);
1527
+ fill: var(--icon-color);
1528
+ font-family: var(--font-regular);
1529
+ font-size: 14px;
1530
+ padding: 0.5em 0;
1531
+ background-color: var(--surface-color);
1532
+ box-shadow: var(--shadow);
1533
+ }
1534
+ ._1mYv9 .uui-icon svg {
1535
+ height: 24px;
1536
+ max-width: 24px;
1537
+ }
1538
+
1539
+ ._2ShcK ._2_cYz {
1540
+ transform: rotate(-90deg);
1541
+ }
1542
+
1543
+ ._1MS9h {
1544
+ color: transparent;
1545
+ fill: transparent;
1546
+ }
1547
+
1548
+ ._2mzuq {
1549
+ display: flex;
1550
+ width: 100%;
1551
+ }
1552
+ ._2mzuq .nKP83 {
1553
+ width: 100%;
1554
+ border: 0;
1555
+ border-top: 1px solid var(--divider-color);
1556
+ height: 0;
1557
+ }
1558
+
1559
+ .cuxLO {
1560
+ color: var(--text-secondary-color);
1561
+ fill: var(--text-secondary-color);
1562
+ padding: 0.5em 1em;
1563
+ line-height: 1.5;
1564
+ box-sizing: border-box;
1565
+ width: 100%;
1566
+ cursor: default;
1567
+ font-size: 0.9em;
1568
+ }
1569
+ .cuxLO:focus {
1570
+ outline: none;
1571
+ }
1572
+
1573
+ ._1OAfj {
1574
+ padding: 0.5em 1em;
1575
+ line-height: 1.5;
1576
+ box-sizing: border-box;
1577
+ width: 100%;
1578
+ }
1579
+ ._1OAfj .uui-icon svg {
1580
+ height: 24px;
1581
+ max-width: 24px;
1582
+ }
1583
+ ._1OAfj.uui-selected {
1584
+ color: var(--primary-color);
1585
+ fill: var(--primary-color);
1586
+ }
1587
+ ._1OAfj.uui-selected:hover, ._1OAfj.uui-selected:focus {
1588
+ color: var(--primary-color) !important;
1589
+ fill: var(--primary-color) !important;
1590
+ }
1591
+ ._1OAfj.uui-selected ._1MS9h {
1592
+ color: var(--primary-color);
1593
+ fill: var(--primary-color);
1594
+ }
1595
+ ._1OAfj:focus {
1596
+ outline: none;
1597
+ }
1598
+ ._1OAfj .Ph61I {
1599
+ justify-content: flex-start;
1600
+ }
1601
+ ._1OAfj.qtuTS {
1602
+ color: var(--text-primary-color);
1603
+ fill: var(--icon-color);
1604
+ display: flex;
1605
+ align-items: center;
1606
+ }
1607
+ ._1OAfj.qtuTS.uui-selected {
1608
+ color: var(--primary-color);
1609
+ fill: var(--primary-color);
1610
+ }
1611
+ ._1OAfj.qtuTS.uui-selected:hover, ._1OAfj.qtuTS.uui-selected:focus {
1612
+ color: var(--primary-color) !important;
1613
+ fill: var(--primary-color) !important;
1614
+ }
1615
+ ._1OAfj.qtuTS.uui-selected ._1MS9h {
1616
+ color: var(--primary-color);
1617
+ fill: var(--primary-color);
1618
+ }
1619
+ ._1OAfj.qtuTS:focus {
1620
+ outline: none;
1621
+ }
1622
+ ._1OAfj.-clickable:not(.uui-disabled):hover, ._1OAfj.-clickable:not(.uui-disabled):focus {
1623
+ background-color: var(--surface-hover-color);
1624
+ fill: var(--icon-active-color);
1625
+ cursor: pointer;
1626
+ }
1627
+ ._1OAfj.uui-disabled {
1628
+ color: var(--disabled-color);
1629
+ fill: var(--disabled-color);
1630
+ }
1631
+ ._1OAfj.uui-disabled:hover, ._1OAfj.uui-disabled:focus {
1632
+ background-color: transparent;
1633
+ cursor: default;
1634
+ }
1635
+ ._1OAfj > *:not(:last-child) {
1636
+ margin: 0 0.5em 0 0;
1637
+ }
1638
+ .dASpH {
1639
+ color: var(--text-color);
1640
+ }
1641
+ ._3ENZS {
1642
+ line-height: 12px;
1643
+ }
1644
+
1645
+ ._3NwFx {
1646
+ line-height: 18px;
1647
+ }
1648
+
1649
+ .gUrd9 {
1650
+ line-height: 24px;
1651
+ }
1652
+
1653
+ ._28h3L {
1654
+ line-height: 30px;
1655
+ }
1656
+
1657
+ .QaUd5 {
1658
+ font-size: 10px;
1659
+ }
1660
+
1661
+ ._2CnWG {
1662
+ font-size: 12px;
1663
+ }
1664
+
1665
+ ._2dI-a {
1666
+ font-size: 14px;
1667
+ }
1668
+
1669
+ ._3DgF5 {
1670
+ font-size: 16px;
1671
+ }
1672
+
1673
+ ._2fKYB {
1674
+ font-size: 18px;
1675
+ }
1676
+
1677
+ ._2MAAY {
1678
+ font-size: 24px;
1679
+ }
1680
+
1681
+ ._3pIe4 {
1682
+ padding-top: 2px;
1683
+ padding-bottom: 2px;
1684
+ }
1685
+
1686
+ ._8O_n0 {
1687
+ padding-top: 3px;
1688
+ padding-bottom: 3px;
1689
+ }
1690
+
1691
+ ._3v9ba {
1692
+ padding-top: 5px;
1693
+ padding-bottom: 5px;
1694
+ }
1695
+
1696
+ ._3iyfR {
1697
+ padding-top: 6px;
1698
+ padding-bottom: 6px;
1699
+ }
1700
+
1701
+ ._24Bef {
1702
+ padding-top: 8px;
1703
+ padding-bottom: 8px;
1704
+ }
1705
+
1706
+ ._3Wgih {
1707
+ padding-top: 9px;
1708
+ padding-bottom: 9px;
1709
+ }
1710
+
1711
+ ._1H65T {
1712
+ padding-top: 11px;
1713
+ padding-bottom: 11px;
1714
+ }
1715
+
1716
+ ._1ne1T {
1717
+ padding-top: 12px;
1718
+ padding-bottom: 12px;
1719
+ }
1720
+
1721
+ .L4kXk {
1722
+ padding-top: 14px;
1723
+ padding-bottom: 14px;
1724
+ }
1725
+
1726
+ ._1XKfY {
1727
+ padding-top: 15px;
1728
+ padding-bottom: 15px;
1729
+ }
1730
+
1731
+ ._3hzy9 {
1732
+ padding-top: 17px;
1733
+ padding-bottom: 17px;
1734
+ }
1735
+
1736
+ ._3GGz9 {
1737
+ padding-top: 18px;
1738
+ padding-bottom: 18px;
1739
+ }
1740
+
1741
+ ._2U6fb {
1742
+ padding-top: 23px;
1743
+ padding-bottom: 23px;
1744
+ }
1745
+
1746
+ ._3A6cE {
1747
+ padding-top: 24px;
1748
+ padding-bottom: 24px;
1749
+ }
1750
+ .text-color-brand {
1751
+ --text-color: var(--text-brand-color);
1752
+ }
1753
+
1754
+ .text-color-primary {
1755
+ --text-color: var(--text-primary-color);
1756
+ }
1757
+
1758
+ .text-color-secondary {
1759
+ --text-color: var(--text-secondary-color);
1760
+ }
1761
+
1762
+ .text-color-disabled {
1763
+ --text-color: var(--text-disabled-color);
1764
+ }
1765
+
1766
+ .text-color-contrast {
1767
+ --text-color: var(--text-contrast-color);
1768
+ }
1769
+ .font-regular {
1770
+ font-family: var(--font-regular);
1771
+ font-weight: normal;
1772
+ }
1773
+
1774
+ .font-semibold {
1775
+ font-family: var(--font-semibold);
1776
+ font-weight: normal;
1777
+ }
1778
+
1779
+ .font-italic {
1780
+ font-family: var(--font-italic);
1781
+ font-weight: normal;
1782
+ }
1783
+
1784
+ .font-primary {
1785
+ font-family: var(--font-primary);
1786
+ font-weight: normal;
1787
+ }
1788
+
1789
+ .font-promo {
1790
+ font-family: var(--font-promo);
1791
+ font-weight: normal;
1792
+ }
1793
+ @keyframes _1tABJ {
1794
+ 0% {
1795
+ background-position: 200% 0;
1796
+ }
1797
+ 100% {
1798
+ background-position: 0 0;
1799
+ }
1800
+ }
1801
+ ._2kogd {
1802
+ display: flex;
1803
+ flex-wrap: wrap;
1804
+ }
1805
+
1806
+ ._1Kop6 {
1807
+ user-select: none;
1808
+ font-family: var(--font-redacted);
1809
+ letter-spacing: -1px;
1810
+ margin: 0 3px 3px 0;
1811
+ color: var(--text-placeholder-color);
1812
+ vertical-align: 1px;
1813
+ }
1814
+ ._1Kop6:last-child {
1815
+ margin-right: 0;
1816
+ }
1817
+ ._1Kop6._2GEmQ {
1818
+ color: transparent;
1819
+ background: var(--text-placeholder-gradient);
1820
+ background-size: 200% 100%;
1821
+ background-clip: border-box;
1822
+ -webkit-background-clip: text;
1823
+ animation: _1tABJ 1s ease infinite;
1824
+ }
1825
+ .text-placeholder-vars {
1826
+ --text-placeholder-gradient: var(--skeleton-gradient);
1827
+ --text-placeholder-color: var(--skeleton-color);
1828
+ }
1829
+ .modals-vars {
1830
+ --modals-border-radius: var(--border-radius);
1831
+ --modals-overlay-color: rgba(29, 30, 38, 0.8);
1832
+ --modals-shadow: 0 6px 18px 0 rgba(29, 30, 38, 0.05), 0 3px 12px 0 rgba(29, 30, 38, 0.05);
1833
+ --modals-bg-color: var(--surface-color) ;
1834
+ }
1835
+ ._12V94 {
1836
+ animation-duration: 0.3s;
1837
+ animation-name: _1EqIl;
1838
+ opacity: 1;
1839
+ transition: all 0.3s ease-out;
1840
+ }
1841
+ @keyframes _1EqIl {
1842
+ from {
1843
+ opacity: 0;
1844
+ }
1845
+ to {
1846
+ opacity: 1;
1847
+ }
1848
+ }
1849
+ ._12V94._4iq0g .uui-modal-blocker {
1850
+ background-color: var(--modals-overlay-color);
1851
+ }
1852
+
1853
+ ._3YeTC.uui-modal-window {
1854
+ background-color: var(--modals-bg-color);
1855
+ overflow: auto;
1856
+ border-radius: var(--modals-border-radius);
1857
+ max-height: 80%;
1858
+ max-width: 100vw;
1859
+ box-shadow: var(--modals-shadow);
1860
+ }
1861
+ @media (max-width: 640px) {
1862
+ ._3YeTC.uui-modal-window {
1863
+ min-width: 100vw;
1864
+ max-height: 100vh;
1865
+ border-radius: 0;
1866
+ }
1867
+ }
1868
+ ._3YeTC.uui-modal-window .uui-shadow-top::before {
1869
+ background: var(--divider-color);
1870
+ height: 1px;
1871
+ }
1872
+ ._3YeTC.uui-modal-window .uui-shadow-bottom::after {
1873
+ background: var(--divider-color);
1874
+ height: 1px;
1875
+ }
1876
+
1877
+ .ql4KS {
1878
+ border-bottom-left-radius: var(--modals-border-radius);
1879
+ border-bottom-right-radius: var(--modals-border-radius);
1880
+ }
1881
+ .ql4KS.HEnua {
1882
+ border-top: 1px solid var(--divider-color);
1883
+ }
1884
+
1885
+ ._13JNS {
1886
+ border-top-left-radius: var(--modals-border-radius);
1887
+ border-top-right-radius: var(--modals-border-radius);
1888
+ }
1889
+ .notification-card-vars {
1890
+ --notification-card-border-radius: var(--border-radius);
1891
+ --notification-card-border-width: 6px 1px 1px;
1892
+ }
1893
+
1894
+ .notification-card-color-warning {
1895
+ --notification-card-fill-color: var(--warning-color);
1896
+ --notification-card-border-color: var(--warning-color);
1897
+ --notification-card-bg-color: white;
1898
+ }
1899
+
1900
+ .notification-card-color-success {
1901
+ --notification-card-fill-color: var(--success-color);
1902
+ --notification-card-border-color: var(--success-color);
1903
+ --notification-card-bg-color: white;
1904
+ }
1905
+
1906
+ .notification-card-color-info {
1907
+ --notification-card-fill-color: var(--info-color);
1908
+ --notification-card-border-color: var(--info-color);
1909
+ --notification-card-bg-color: white;
1910
+ }
1911
+
1912
+ .notification-card-color-error {
1913
+ --notification-card-fill-color: var(--error-color);
1914
+ --notification-card-border-color: var(--error-color);
1915
+ --notification-card-bg-color: white;
1916
+ }
1917
+ ._2ClD5 ._1qM3y .uui-icon {
1918
+ fill: var(--notification-card-fill-color);
1919
+ }
1920
+
1921
+ ._3Wjlw {
1922
+ border-style: solid;
1923
+ border-color: var(--notification-card-border-color);
1924
+ border-width: var(--notification-card-border-width);
1925
+ padding: 6px 18px;
1926
+ width: 360px;
1927
+ background: var(--notification-card-bg-color);
1928
+ display: flex;
1929
+ overflow: hidden;
1930
+ border-radius: var(--notification-card-border-radius);
1931
+ }
1932
+ @media (max-width: 720px) {
1933
+ ._3Wjlw {
1934
+ width: 100%;
1935
+ }
1936
+ }
1937
+
1938
+ ._1qM3y {
1939
+ height: 100%;
1940
+ padding: 6px 0;
1941
+ margin-right: 14px;
1942
+ }
1943
+
1944
+ .Vvz0O {
1945
+ display: flex;
1946
+ }
1947
+
1948
+ ._3S8cb:not(:last-child) {
1949
+ margin-right: 12px;
1950
+ }
1951
+
1952
+ ._8-BIt {
1953
+ height: 100%;
1954
+ padding: 6px 0;
1955
+ margin-left: 17px;
1956
+ }
1957
+
1958
+ ._2StJr {
1959
+ width: 100%;
1960
+ display: flex;
1961
+ align-self: baseline;
1962
+ }
1963
+
1964
+ ._3jGem {
1965
+ display: flex;
1966
+ flex-wrap: wrap;
1967
+ justify-content: space-between;
1968
+ width: 100%;
1969
+ }
1970
+
1971
+ ._22OhW {
1972
+ justify-content: center;
1973
+ align-items: center;
1974
+ height: 48px;
1975
+ padding: 0 18px;
1976
+ }
1977
+ .tooltip-vars {
1978
+ --tooltip-shadow: var(--shadow, 0 1px 4px 0 rgba(44, 47, 60, 0.05), 0 2px 18px 0 rgba(44, 47, 60, 0.03));
1979
+ --tooltip-arrow-shadow: 0 1px 4px 0 rgba(0, 0, 0, 0.2);
1980
+ --tooltip-bg-color: var(--surface-dark-color);
1981
+ --tooltip-text-color: white;
1982
+ }
1983
+ ._2NLJ0 .uui-tooltip-body {
1984
+ padding: 3px 12px;
1985
+ line-height: 24px;
1986
+ font-size: 14px;
1987
+ font-family: var(--font-regular);
1988
+ box-shadow: var(--tooltip-shadow);
1989
+ max-width: 300px;
1990
+ word-wrap: break-word;
1991
+ }
1992
+ ._2NLJ0 .uui-tooltip-arrow {
1993
+ position: absolute;
1994
+ width: 12px;
1995
+ height: 12px;
1996
+ overflow: hidden;
1997
+ }
1998
+ ._2NLJ0 .uui-tooltip-arrow::after {
1999
+ content: "";
2000
+ position: absolute;
2001
+ width: 8px;
2002
+ height: 8px;
2003
+ box-shadow: var(--tooltip-arrow-shadow);
2004
+ }
2005
+ ._2NLJ0.uui-tooltip-container[data-placement^="right"] .uui-tooltip-arrow {
2006
+ right: 100%;
2007
+ }
2008
+ ._2NLJ0.uui-tooltip-container[data-placement^="right"] .uui-tooltip-arrow::after {
2009
+ transform: translateX(100%) translateY(20%) rotate(45deg);
2010
+ }
2011
+ ._2NLJ0.uui-tooltip-container[data-placement^="left"] .uui-tooltip-arrow {
2012
+ left: 100%;
2013
+ }
2014
+ ._2NLJ0.uui-tooltip-container[data-placement^="left"] .uui-tooltip-arrow::after {
2015
+ transform: translateX(-50%) translateY(20%) rotate(45deg);
2016
+ }
2017
+ ._2NLJ0.uui-tooltip-container[data-placement^="top"] .uui-tooltip-arrow {
2018
+ top: 100%;
2019
+ }
2020
+ ._2NLJ0.uui-tooltip-container[data-placement^="top"] .uui-tooltip-arrow::after {
2021
+ transform: translateX(30%) translateY(-50%) rotate(45deg);
2022
+ }
2023
+ ._2NLJ0.uui-tooltip-container[data-placement^="bottom"] .uui-tooltip-arrow {
2024
+ bottom: 100%;
2025
+ }
2026
+ ._2NLJ0.uui-tooltip-container[data-placement^="bottom"] .uui-tooltip-arrow::after {
2027
+ transform: translateX(30%) translateY(100%) rotate(45deg);
2028
+ }
2029
+ ._2NLJ0 .uui-tooltip-body {
2030
+ background-color: var(--tooltip-bg-color);
2031
+ color: var(--tooltip-text-color);
2032
+ }
2033
+ ._2NLJ0.uui-tooltip-container[data-placement^="right"] .uui-tooltip-arrow::after {
2034
+ background: var(--tooltip-bg-color);
2035
+ }
2036
+ ._2NLJ0.uui-tooltip-container[data-placement^="left"] .uui-tooltip-arrow::after {
2037
+ background: var(--tooltip-bg-color);
2038
+ }
2039
+ ._2NLJ0.uui-tooltip-container[data-placement^="top"] .uui-tooltip-arrow::after {
2040
+ background: var(--tooltip-bg-color);
2041
+ }
2042
+ ._2NLJ0.uui-tooltip-container[data-placement^="bottom"] .uui-tooltip-arrow::after {
2043
+ background: var(--tooltip-bg-color);
2044
+ }
2045
+ .labeled-input-color {
2046
+ --labeled-input-color: var(--text-primary-color);
2047
+ --labeled-input-color-disabled: var(--text-disabled-color);
2048
+ --labeled-input-color-error: var(--error-color);
2049
+ --labeled-input-fill-color: var(--default-color);
2050
+ --labeled-input-optional-text-color: var(--text-secondary-color);
2051
+ --labeled-input-asterisk-color: var(--error-color);
2052
+ }
2053
+ ._3WQKt {
2054
+ width: 100%;
2055
+ }
2056
+ ._3WQKt .uui-label {
2057
+ overflow: hidden;
2058
+ text-overflow: ellipsis;
2059
+ font-family: var(--font-semibold);
2060
+ color: var(--labeled-input-color);
2061
+ }
2062
+ ._3WQKt .uui-label .uui-labeled-input-info-icon {
2063
+ flex-shrink: 0;
2064
+ margin: 0 4px;
2065
+ fill: var(--labeled-input-fill-color);
2066
+ }
2067
+ ._3WQKt .uui-label .uui-labeled-input-asterisk {
2068
+ color: var(--labeled-input-asterisk-color);
2069
+ }
2070
+ ._3WQKt .uui-label .uui-labeled-input-optional {
2071
+ font-family: var(--font-italic);
2072
+ font-size: 12px;
2073
+ line-height: 18px;
2074
+ color: var(--labeled-input-optional-text-color);
2075
+ }
2076
+ ._3WQKt .uui-label-left > .uui-label {
2077
+ margin-right: 5px;
2078
+ }
2079
+ ._3WQKt .uui-invalid-message {
2080
+ line-height: 18px;
2081
+ font-size: 12px;
2082
+ color: var(--labeled-input-color-error);
2083
+ font-family: var(--font-regular);
2084
+ }
2085
+ ._3WQKt.lgM1B .uui-label-top > .uui-label {
2086
+ margin-bottom: 6px;
2087
+ }
2088
+ ._3WQKt.lgM1B .uui-label {
2089
+ font-size: 12px;
2090
+ line-height: 18px;
2091
+ }
2092
+ ._3WQKt.EXXGw .uui-label-top > .uui-label {
2093
+ margin-bottom: 6px;
2094
+ }
2095
+ ._3WQKt.EXXGw .uui-label {
2096
+ font-size: 12px;
2097
+ line-height: 18px;
2098
+ }
2099
+ ._3WQKt.AxJJ5 .uui-label-top > .uui-label {
2100
+ margin-bottom: 6px;
2101
+ }
2102
+ ._3WQKt.AxJJ5 .uui-label {
2103
+ font-size: 14px;
2104
+ line-height: 18px;
2105
+ }
2106
+ ._3WQKt._2blUj .uui-label-top > .uui-label {
2107
+ margin-bottom: 6px;
2108
+ }
2109
+ ._3WQKt._2blUj .uui-label {
2110
+ font-size: 14px;
2111
+ line-height: 18px;
2112
+ }
2113
+ ._3WQKt.p9WIi .uui-label-top > .uui-label {
2114
+ margin-bottom: 6px;
2115
+ }
2116
+ ._3WQKt.p9WIi .uui-label {
2117
+ font-size: 14px;
2118
+ line-height: 18px;
2119
+ }
2120
+ ._2IwAH.uui-horizontal-direction > * {
2121
+ margin-left: 12px;
2122
+ }
2123
+ ._2IwAH.uui-horizontal-direction :first-child {
2124
+ margin-left: 0;
2125
+ }
2126
+ ._2IwAH.uui-vertical-direction > * {
2127
+ margin-bottom: 12px;
2128
+ }
2129
+ ._2IwAH.uui-vertical-direction :last-child {
2130
+ margin-bottom: 0;
2131
+ }
2132
+ .uui-thumb-vertical, .uui-thumb-horizontal {
2133
+ background: var(--scroll-bars-bg-color);
2134
+ border-radius: 1.5px;
2135
+ }
2136
+ .uui-thumb-vertical:hover, .uui-thumb-horizontal:hover {
2137
+ border-radius: 3px;
2138
+ }
2139
+ .uui-thumb-vertical:active, .uui-thumb-horizontal:active {
2140
+ border-radius: 3px;
2141
+ background: var(--scroll-bars-bg-color-active);
2142
+ }
2143
+
2144
+ .uui-thumb-vertical {
2145
+ width: 3px;
2146
+ margin-left: 3px;
2147
+ }
2148
+ .uui-thumb-vertical:hover {
2149
+ width: 6px;
2150
+ margin-left: 0;
2151
+ }
2152
+ .uui-thumb-vertical:active {
2153
+ width: 6px;
2154
+ margin-left: 0;
2155
+ }
2156
+
2157
+ .uui-thumb-horizontal {
2158
+ height: 3px;
2159
+ margin-top: 3px;
2160
+ }
2161
+ .uui-thumb-horizontal:hover {
2162
+ height: 6px;
2163
+ margin-top: 0;
2164
+ }
2165
+ .uui-thumb-horizontal:active {
2166
+ height: 6px;
2167
+ margin-top: 0;
2168
+ }
2169
+ .scroll-bars-vars {
2170
+ --scroll-bars-bg-color: #CED0DB;
2171
+ --scroll-bars-bg-color-active: #6C6F80;
2172
+ }
2173
+ .uui-thumb-vertical, .uui-thumb-horizontal {
2174
+ background: var(--scroll-bars-bg-color);
2175
+ border-radius: 1.5px;
2176
+ }
2177
+ .uui-thumb-vertical:hover, .uui-thumb-horizontal:hover {
2178
+ border-radius: 3px;
2179
+ }
2180
+ .uui-thumb-vertical:active, .uui-thumb-horizontal:active {
2181
+ border-radius: 3px;
2182
+ background: var(--scroll-bars-bg-color-active);
2183
+ }
2184
+
2185
+ .uui-thumb-vertical {
2186
+ width: 3px;
2187
+ margin-left: 3px;
2188
+ }
2189
+ .uui-thumb-vertical:hover {
2190
+ width: 6px;
2191
+ margin-left: 0;
2192
+ }
2193
+ .uui-thumb-vertical:active {
2194
+ width: 6px;
2195
+ margin-left: 0;
2196
+ }
2197
+
2198
+ .uui-thumb-horizontal {
2199
+ height: 3px;
2200
+ margin-top: 3px;
2201
+ }
2202
+ .uui-thumb-horizontal:hover {
2203
+ height: 6px;
2204
+ margin-top: 0;
2205
+ }
2206
+ .uui-thumb-horizontal:active {
2207
+ height: 6px;
2208
+ margin-top: 0;
2209
+ }
2210
+ ._1yqjP {
2211
+ display: flex;
2212
+ flex-direction: column;
2213
+ flex: 1 1 auto;
2214
+ align-self: stretch;
2215
+ width: 100%;
2216
+ }
2217
+
2218
+ ._14yD5 {
2219
+ border: 0;
2220
+ }
2221
+
2222
+ ._2qJ_S.uui-input-box {
2223
+ border: 0;
2224
+ box-shadow: none;
2225
+ }
2226
+ ._2qJ_S.uui-input-box.uui-focus {
2227
+ border-color: transparent;
2228
+ box-shadow: none;
2229
+ }
2230
+
2231
+ .mXlt4 {
2232
+ padding: 6px 0;
2233
+ }
2234
+
2235
+ ._2OeRx {
2236
+ border-bottom: 1px solid var(--divider-color);
2237
+ background: white;
2238
+ padding: 0 4px;
2239
+ }
2240
+
2241
+ .BUud2, ._1sKK_, ._22DnQ, ._2ApaE {
2242
+ padding: 0 5px;
2243
+ }
2244
+
2245
+ ._1MXba {
2246
+ padding-top: 20px;
2247
+ padding-bottom: 20px;
2248
+ }
2249
+
2250
+ .cWv_O, ._1PVEw, .xJNK3 {
2251
+ padding-top: 23px;
2252
+ padding-bottom: 23px;
2253
+ }
2254
+ ._2qdbx {
2255
+ border-top: 1px solid var(--divider-color);
2256
+ }
2257
+ ._3qEd8 {
2258
+ display: none;
2259
+ justify-content: center;
2260
+ position: relative;
2261
+ }
2262
+ @media screen and (max-width: 720px) {
2263
+ ._3qEd8 {
2264
+ display: flex;
2265
+ }
2266
+ }
2267
+
2268
+ .M-hr6 {
2269
+ height: 100%;
2270
+ position: absolute;
2271
+ top: 0;
2272
+ bottom: 0;
2273
+ display: flex;
2274
+ justify-content: center;
2275
+ right: 24px;
2276
+ }
2277
+ ._4PuBf {
2278
+ position: relative;
2279
+ box-sizing: border-box;
2280
+ width: 0;
2281
+ }
2282
+ ._4PuBf.PNnJ4 {
2283
+ display: flex;
2284
+ align-items: flex-start;
2285
+ }
2286
+ ._4PuBf._3a1t9.I-heJ .uui-checkbox, ._4PuBf._3a1t9.I-heJ ._2mdkN, ._4PuBf._3a1t9._8qfXI .uui-checkbox, ._4PuBf._3a1t9._8qfXI ._2mdkN {
2287
+ margin-top: 6px;
2288
+ }
2289
+ ._4PuBf._3a1t9._2aCgk .uui-checkbox, ._4PuBf._3a1t9._2aCgk ._2mdkN {
2290
+ margin-top: 9px;
2291
+ }
2292
+ ._4PuBf._3a1t9._1TX0n .uui-checkbox, ._4PuBf._3a1t9._1TX0n ._2mdkN {
2293
+ margin-top: 12px;
2294
+ }
2295
+ ._4PuBf._3a1t9._1P3d1 .uui-checkbox, ._4PuBf._3a1t9._1P3d1 ._2mdkN {
2296
+ margin-top: 15px;
2297
+ }
2298
+ ._4PuBf._3a1t9._1vHT0 .uui-checkbox, ._4PuBf._3a1t9._1vHT0 ._2mdkN {
2299
+ margin-top: 21px;
2300
+ }
2301
+ ._4PuBf._2nl3a {
2302
+ align-self: center;
2303
+ }
2304
+ ._4PuBf._2neAE {
2305
+ padding: 0 12px;
2306
+ }
2307
+ ._4PuBf.PKvSX {
2308
+ padding: 0 24px;
2309
+ }
2310
+ ._4PuBf._1Uy-T {
2311
+ padding-left: 12px;
2312
+ }
2313
+ ._4PuBf._1_FRY {
2314
+ padding-left: 24px;
2315
+ }
2316
+ ._4PuBf._6FPJ- {
2317
+ padding-right: 24px;
2318
+ }
2319
+
2320
+ ._1aZZ_ {
2321
+ position: absolute;
2322
+ left: 2px;
2323
+ width: 6px;
2324
+ top: 3px;
2325
+ bottom: 2px;
2326
+ align-self: stretch;
2327
+ visibility: hidden;
2328
+ }
2329
+ .-draggable.uui-table-row:not(.uui-drop-accepted):hover ._1aZZ_ {
2330
+ visibility: visible;
2331
+ }
2332
+
2333
+ .nyZfu {
2334
+ padding-right: 12px;
2335
+ }
2336
+
2337
+ .pAtZH {
2338
+ display: flex;
2339
+ justify-content: flex-start;
2340
+ flex-grow: 0;
2341
+ flex-shrink: 0;
2342
+ width: 12px;
2343
+ padding-right: 12px;
2344
+ }
2345
+
2346
+ ._2mdkN {
2347
+ margin: auto 0;
2348
+ }
2349
+ ._2mdkN.uui-icon {
2350
+ position: relative;
2351
+ fill: var(--icon-color);
2352
+ }
2353
+
2354
+ ._318vV.uui-icon {
2355
+ left: -2px;
2356
+ flex: 0 0 12px;
2357
+ width: 12px;
2358
+ height: 12px;
2359
+ }
2360
+
2361
+ .mTZZ5.uui-icon {
2362
+ left: -4px;
2363
+ flex: 0 0 18px;
2364
+ width: 18px;
2365
+ height: 18px;
2366
+ }
2367
+ ._1hEhL {
2368
+ flex-wrap: nowrap;
2369
+ }
2370
+
2371
+ ._1x3Zt {
2372
+ width: 18px;
2373
+ padding: 0;
2374
+ }
2375
+
2376
+ .FPkRR {
2377
+ padding-top: 6px;
2378
+ padding-bottom: 6px;
2379
+ }
2380
+
2381
+ ._1TYt_ {
2382
+ height: 1px;
2383
+ width: 100%;
2384
+ background-color: var(--divider-color);
2385
+ }
2386
+
2387
+ ._1vDVG {
2388
+ flex-basis: 200px;
2389
+ }
2390
+
2391
+ .xdcxL {
2392
+ overflow: visible;
2393
+ }
2394
+ .xdcxL:after {
2395
+ display: block;
2396
+ content: "";
2397
+ position: absolute;
2398
+ width: 6px;
2399
+ height: 6px;
2400
+ background-color: var(--negative-color);
2401
+ border-radius: 50%;
2402
+ right: -3px;
2403
+ top: -3px;
2404
+ }
2405
+ .fwrxY {
2406
+ flex-grow: 1;
2407
+ }
2408
+ .KIkb2 {
2409
+ display: flex;
2410
+ flex: auto;
2411
+ }
2412
+
2413
+ .jJIYn {
2414
+ display: flex;
2415
+ justify-content: center;
2416
+ align-items: center;
2417
+ }
2418
+
2419
+ .nx8kA.uui-focus {
2420
+ background-color: var(--surface-hover-color);
2421
+ }
2422
+ .nx8kA.-clickable {
2423
+ cursor: pointer;
2424
+ }
2425
+ ._38urN {
2426
+ display: flex;
2427
+ justify-content: center;
2428
+ align-items: center;
2429
+ border-top: 1px solid var(--divider-color);
2430
+ }
2431
+ ._38urN.uui-button-box {
2432
+ background-color: #fff;
2433
+ border-width: 1px !important;
2434
+ }
2435
+ .uSHfi {
2436
+ border-bottom: 1px solid var(--divider-color);
2437
+ padding: 6px 24px;
2438
+ }
2439
+
2440
+ ._7Lv0n {
2441
+ margin-bottom: 6px;
2442
+ }
2443
+ .QW2hQ .uui-count {
2444
+ font-family: var(--font-semibold);
2445
+ margin: auto;
2446
+ height: 18px;
2447
+ line-height: 18px;
2448
+ font-size: 12px;
2449
+ border-radius: 9px;
2450
+ padding-left: 6px;
2451
+ padding-right: 6px;
2452
+ min-width: 6px;
2453
+ text-align: center;
2454
+ }
2455
+ .QW2hQ .uui-count:not(:first-child) {
2456
+ margin-left: 6px;
2457
+ }
2458
+ .QW2hQ .uui-caption {
2459
+ font-family: var(--font-regular);
2460
+ }
2461
+ .QW2hQ.uui-button-box {
2462
+ border-width: 1px;
2463
+ }
2464
+ .QW2hQ._1NbYE {
2465
+ min-width: 18px;
2466
+ min-height: 18px;
2467
+ padding-left: 3px;
2468
+ padding-right: 3px;
2469
+ border-radius: 9px;
2470
+ }
2471
+ .QW2hQ._1NbYE .uui-count {
2472
+ height: 12px;
2473
+ line-height: 12px;
2474
+ font-size: 8px;
2475
+ border-radius: 6px;
2476
+ padding-left: 3px;
2477
+ padding-right: 3px;
2478
+ }
2479
+ .QW2hQ._1NbYE .uui-count:not(:first-child) {
2480
+ margin-left: 3px;
2481
+ }
2482
+ .QW2hQ._1NbYE .uui-caption {
2483
+ padding: 2px 3px;
2484
+ line-height: 12px;
2485
+ font-size: 12px;
2486
+ }
2487
+ .QW2hQ._1NbYE.o7P6h .uui-caption {
2488
+ margin-left: 8px;
2489
+ }
2490
+ .QW2hQ._1NbYE.o7P6h::before {
2491
+ width: 8px;
2492
+ height: 8px;
2493
+ top: 4px;
2494
+ left: 1px;
2495
+ }
2496
+ .QW2hQ._2ol0b {
2497
+ min-width: 24px;
2498
+ padding-left: 5px;
2499
+ padding-right: 5px;
2500
+ border-radius: 12px;
2501
+ min-height: 24px;
2502
+ }
2503
+ .QW2hQ._2ol0b .uui-caption {
2504
+ padding-left: 6px;
2505
+ padding-right: 6px;
2506
+ }
2507
+ .QW2hQ._2ol0b .uui-caption {
2508
+ padding-top: 2px;
2509
+ padding-bottom: 2px;
2510
+ line-height: 18px;
2511
+ font-size: 14px;
2512
+ }
2513
+ .QW2hQ._2ol0b.o7P6h .uui-caption {
2514
+ margin-left: 12px;
2515
+ }
2516
+ .QW2hQ._2ol0b.o7P6h::before {
2517
+ width: 12px;
2518
+ height: 12px;
2519
+ top: 5px;
2520
+ left: 2px;
2521
+ }
2522
+ .QW2hQ._-0yDP {
2523
+ min-width: 30px;
2524
+ padding-left: 5px;
2525
+ padding-right: 5px;
2526
+ border-radius: 15px;
2527
+ min-height: 30px;
2528
+ }
2529
+ .QW2hQ._-0yDP .uui-caption {
2530
+ padding-left: 6px;
2531
+ padding-right: 6px;
2532
+ }
2533
+ .QW2hQ._-0yDP .uui-caption {
2534
+ padding-top: 5px;
2535
+ padding-bottom: 5px;
2536
+ line-height: 18px;
2537
+ font-size: 14px;
2538
+ }
2539
+ .QW2hQ._-0yDP.o7P6h .uui-caption {
2540
+ margin-left: 12px;
2541
+ }
2542
+ .QW2hQ._-0yDP.o7P6h::before {
2543
+ width: 12px;
2544
+ height: 12px;
2545
+ top: 8px;
2546
+ left: 2px;
2547
+ }
2548
+ .QW2hQ.DIqXy {
2549
+ min-width: 36px;
2550
+ padding-left: 5px;
2551
+ padding-right: 5px;
2552
+ border-radius: 18px;
2553
+ min-height: 36px;
2554
+ }
2555
+ .QW2hQ.DIqXy .uui-caption {
2556
+ padding-left: 6px;
2557
+ padding-right: 6px;
2558
+ }
2559
+ .QW2hQ.DIqXy .uui-caption {
2560
+ padding-top: 5px;
2561
+ padding-bottom: 5px;
2562
+ line-height: 24px;
2563
+ font-size: 14px;
2564
+ }
2565
+ .QW2hQ.DIqXy.o7P6h .uui-caption {
2566
+ margin-left: 12px;
2567
+ }
2568
+ .QW2hQ.DIqXy.o7P6h::before {
2569
+ width: 12px;
2570
+ height: 12px;
2571
+ top: 11px;
2572
+ left: 2px;
2573
+ }
2574
+ .QW2hQ._3wija {
2575
+ min-width: 42px;
2576
+ padding-left: 11px;
2577
+ padding-right: 11px;
2578
+ border-radius: 21px;
2579
+ min-height: 42px;
2580
+ }
2581
+ .QW2hQ._3wija .uui-caption {
2582
+ padding-left: 6px;
2583
+ padding-right: 6px;
2584
+ }
2585
+ .QW2hQ._3wija .uui-count {
2586
+ height: 24px;
2587
+ line-height: 24px;
2588
+ font-size: 14px;
2589
+ border-radius: 12px;
2590
+ min-width: 12px;
2591
+ }
2592
+ .QW2hQ._3wija .uui-caption {
2593
+ padding-top: 8px;
2594
+ padding-bottom: 8px;
2595
+ line-height: 24px;
2596
+ font-size: 16px;
2597
+ }
2598
+ .QW2hQ._3wija.o7P6h .uui-caption {
2599
+ margin-left: 12px;
2600
+ }
2601
+ .QW2hQ._3wija.o7P6h::before {
2602
+ width: 16px;
2603
+ height: 16px;
2604
+ top: 12px;
2605
+ left: 3px;
2606
+ }
2607
+ .QW2hQ.BVvg_ {
2608
+ min-width: 48px;
2609
+ padding-left: 11px;
2610
+ padding-right: 11px;
2611
+ border-radius: 24px;
2612
+ min-height: 48px;
2613
+ }
2614
+ .QW2hQ.BVvg_ .uui-caption {
2615
+ padding-left: 6px;
2616
+ padding-right: 6px;
2617
+ }
2618
+ .QW2hQ.BVvg_ .uui-count {
2619
+ height: 24px;
2620
+ line-height: 24px;
2621
+ font-size: 14px;
2622
+ border-radius: 12px;
2623
+ min-width: 12px;
2624
+ }
2625
+ .QW2hQ.BVvg_ .uui-caption {
2626
+ padding-top: 11px;
2627
+ padding-bottom: 11px;
2628
+ line-height: 24px;
2629
+ font-size: 16px;
2630
+ }
2631
+ .QW2hQ.BVvg_.o7P6h .uui-caption {
2632
+ margin-left: 12px;
2633
+ }
2634
+ .QW2hQ.BVvg_.o7P6h::before {
2635
+ width: 16px;
2636
+ height: 16px;
2637
+ top: 15px;
2638
+ left: 3px;
2639
+ }
2640
+ .QW2hQ._2Sk9r {
2641
+ background-color: var(--badge-bg-color);
2642
+ color: var(--badge-caption-color-solid);
2643
+ fill: var(--badge-caption-color-solid);
2644
+ border-color: var(--badge-bg-color);
2645
+ }
2646
+ .QW2hQ._2Sk9r .uui-count {
2647
+ background-color: var(--badge-count-bg-color);
2648
+ color: var(--badge-count-color);
2649
+ }
2650
+ .QW2hQ._2Sk9r.-clickable:hover {
2651
+ background-color: var(--badge-bg-color-hover);
2652
+ border-color: var(--badge-bg-color-hover);
2653
+ cursor: pointer;
2654
+ }
2655
+ .badge-color-info {
2656
+ --badge-bg-color: var(--info-color);
2657
+ --badge-bg-color-hover: var(--info-active-color);
2658
+ --badge-caption-color-solid: white;
2659
+ --badge-count-bg-color: white;
2660
+ --badge-count-color: var(--text-secondary-color);
2661
+ }
2662
+
2663
+ .badge-color-success {
2664
+ --badge-bg-color: var(--success-color);
2665
+ --badge-bg-color-hover: var(--success-active-color);
2666
+ --badge-caption-color-solid: white;
2667
+ --badge-count-bg-color: white;
2668
+ --badge-count-color: var(--text-secondary-color);
2669
+ }
2670
+
2671
+ .badge-color-warning {
2672
+ --badge-bg-color: var(--warning-color);
2673
+ --badge-bg-color-hover: var(--warning-active-color);
2674
+ --badge-caption-color-solid: white;
2675
+ --badge-count-bg-color: white;
2676
+ --badge-count-color: var(--text-secondary-color);
2677
+ }
2678
+
2679
+ .badge-color-error {
2680
+ --badge-bg-color: var(--error-color);
2681
+ --badge-bg-color-hover: var(--error-active-color);
2682
+ --badge-caption-color-solid: var(--text-primary-color);
2683
+ --badge-count-bg-color: white;
2684
+ --badge-count-color: var(--text-secondary-color);
2685
+ }
2686
+ ._1fqPx {
2687
+ --tag-bg-color: var(--tag-color);
2688
+ --tag-bg-color-hover: var(--tag-hover-color);
2689
+ --tag-caption-color: var(--text-primary-color);
2690
+ --tag-fill-color: var(--icon-color);
2691
+ --tag-fill-color-hover: var(--icon-hover-color);
2692
+ --tag-count-bg-color: white;
2693
+ --tag-count-color: var(--text-secondary-color);
2694
+ }
2695
+ ._2llX9.uui-button-box {
2696
+ background-color: var(--tag-bg-color);
2697
+ fill: var(--tag-fill-color);
2698
+ border: 0;
2699
+ }
2700
+ ._2llX9.uui-button-box .uui-count {
2701
+ background-color: var(--tag-count-bg-color);
2702
+ color: var(--tag-count-color);
2703
+ font-family: var(--font-semibold);
2704
+ margin: auto;
2705
+ height: 18px;
2706
+ line-height: 18px;
2707
+ font-size: 12px;
2708
+ border-radius: 9px;
2709
+ padding-left: 6px;
2710
+ padding-right: 6px;
2711
+ }
2712
+ ._2llX9.uui-button-box .uui-count:not(:first-child) {
2713
+ margin-left: 6px;
2714
+ }
2715
+ ._2llX9.uui-button-box.-clickable:hover {
2716
+ background-color: var(--tag-bg-color-hover);
2717
+ fill: var(--tag-fill-color-hover);
2718
+ cursor: pointer;
2719
+ }
2720
+ ._2llX9.uui-button-box .uui-caption {
2721
+ font-family: var(--font-regular);
2722
+ color: var(--tag-caption-color);
2723
+ }
2724
+ ._2llX9._1VgX- {
2725
+ min-height: 18px;
2726
+ min-width: 18px;
2727
+ padding-left: 3px;
2728
+ padding-right: 3px;
2729
+ }
2730
+ ._2llX9._1VgX- .uui-count {
2731
+ height: 12px;
2732
+ min-width: 6px;
2733
+ line-height: 12px;
2734
+ font-size: 8px;
2735
+ border-radius: 6px;
2736
+ padding-left: 3px;
2737
+ padding-right: 3px;
2738
+ }
2739
+ ._2llX9._1VgX- .uui-count:not(:first-child) {
2740
+ margin-left: 3px;
2741
+ }
2742
+ ._2llX9._1VgX- .uui-caption, ._2llX9._1VgX- .uui-input {
2743
+ padding: 3px 3px;
2744
+ line-height: 12px;
2745
+ font-size: 12px;
2746
+ }
2747
+ ._2llX9.P3q4J {
2748
+ min-width: 24px;
2749
+ padding-left: 6px;
2750
+ padding-right: 6px;
2751
+ min-height: 24px;
2752
+ }
2753
+ ._2llX9.P3q4J .uui-caption {
2754
+ padding-left: 6px;
2755
+ padding-right: 6px;
2756
+ }
2757
+ ._2llX9.P3q4J .uui-caption, ._2llX9.P3q4J .uui-input {
2758
+ padding-top: 3px;
2759
+ padding-bottom: 3px;
2760
+ line-height: 18px;
2761
+ font-size: 14px;
2762
+ }
2763
+ ._2llX9._1pXXX {
2764
+ min-width: 30px;
2765
+ padding-left: 6px;
2766
+ padding-right: 6px;
2767
+ min-height: 30px;
2768
+ }
2769
+ ._2llX9._1pXXX .uui-caption {
2770
+ padding-left: 6px;
2771
+ padding-right: 6px;
2772
+ }
2773
+ ._2llX9._1pXXX .uui-caption, ._2llX9._1pXXX .uui-input {
2774
+ padding-top: 6px;
2775
+ padding-bottom: 6px;
2776
+ line-height: 18px;
2777
+ font-size: 14px;
2778
+ }
2779
+ ._2llX9._3jYL5 {
2780
+ min-width: 36px;
2781
+ padding-left: 6px;
2782
+ padding-right: 6px;
2783
+ min-height: 36px;
2784
+ }
2785
+ ._2llX9._3jYL5 .uui-caption {
2786
+ padding-left: 6px;
2787
+ padding-right: 6px;
2788
+ }
2789
+ ._2llX9._3jYL5 .uui-caption, ._2llX9._3jYL5 .uui-input {
2790
+ padding-top: 6px;
2791
+ padding-bottom: 6px;
2792
+ line-height: 24px;
2793
+ font-size: 14px;
2794
+ }
2795
+ ._2llX9._2ZgTM {
2796
+ min-width: 42px;
2797
+ padding-left: 12px;
2798
+ padding-right: 12px;
2799
+ min-height: 42px;
2800
+ }
2801
+ ._2llX9._2ZgTM .uui-caption {
2802
+ padding-left: 6px;
2803
+ padding-right: 6px;
2804
+ }
2805
+ ._2llX9._2ZgTM .uui-caption, ._2llX9._2ZgTM .uui-input {
2806
+ padding-top: 9px;
2807
+ padding-bottom: 9px;
2808
+ line-height: 24px;
2809
+ font-size: 16px;
2810
+ }
2811
+ ._2llX9._2ZgTM .uui-count {
2812
+ height: 24px;
2813
+ line-height: 24px;
2814
+ font-size: 14px;
2815
+ border-radius: 12px;
2816
+ min-width: 12px;
2817
+ }
2818
+ ._2llX9._6Xubd {
2819
+ min-width: 48px;
2820
+ padding-left: 12px;
2821
+ padding-right: 12px;
2822
+ min-height: 48px;
2823
+ }
2824
+ ._2llX9._6Xubd .uui-caption {
2825
+ padding-left: 6px;
2826
+ padding-right: 6px;
2827
+ }
2828
+ ._2llX9._6Xubd .uui-caption, ._2llX9._6Xubd .uui-input {
2829
+ padding-top: 12px;
2830
+ padding-bottom: 12px;
2831
+ line-height: 24px;
2832
+ font-size: 16px;
2833
+ }
2834
+ ._2llX9._6Xubd .uui-count {
2835
+ height: 24px;
2836
+ line-height: 24px;
2837
+ font-size: 14px;
2838
+ border-radius: 12px;
2839
+ min-width: 12px;
2840
+ }
2841
+ .picker-toggler-vars {
2842
+ --picker-toggler-bg-color: var(--input-bg-color);
2843
+ --picker-toggler-border-color: var(--input-border-color);
2844
+ --picker-toggler-border-color-hover: var(--input-textinput-border-hover-color);
2845
+ --picker-toggler-border-color-active: var(--input-border-checked-color);
2846
+ --picker-toggler-border-color-error: var(--negative-color);
2847
+ --picker-toggler-placeholder-color: var(--input-placeholder-color);
2848
+ --picker-toggler-text-color: var(--input-text-color);
2849
+ --picker-toggler-text-color-disabled: var(--input-text-disabled-color);
2850
+ --picker-toggler-icon-color: var(--input-icon-color);
2851
+ --picker-toggler-icon-color-disabled: var(--input-icon-disabled-color);
2852
+ --picker-toggler-icon-color-clickable: var(--icon-color);
2853
+ --picker-toggler-icon-color-clickable-hover: var(--icon-hover-color);
2854
+ --picker-toggler-border-radius: var(--border-radius);
2855
+ }
2856
+ ._18Rzt {
2857
+ padding-top: 2px;
2858
+ padding-left: 5px;
2859
+ padding-right: 5px;
2860
+ width: 100%;
2861
+ box-sizing: border-box;
2862
+ border-style: solid;
2863
+ }
2864
+ ._18Rzt._1yowD {
2865
+ background-color: var(--picker-toggler-bg-color);
2866
+ border-color: var(--picker-toggler-border-color);
2867
+ fill: var(--picker-toggler-icon-color);
2868
+ border-radius: var(--picker-toggler-border-radius);
2869
+ }
2870
+ ._18Rzt._1yowD .uui-icon.-clickable.uui-enabled, ._18Rzt._1yowD .uui-icon-dropdown.uui-enabled {
2871
+ fill: var(--picker-toggler-icon-color-clickable);
2872
+ }
2873
+ ._18Rzt._1yowD .uui-icon.-clickable.uui-enabled:hover, ._18Rzt._1yowD .uui-icon-dropdown.uui-enabled:hover {
2874
+ fill: var(--picker-toggler-icon-color-clickable-hover);
2875
+ }
2876
+ ._18Rzt._1yowD .uui-icon.-clickable.uui-disabled, ._18Rzt._1yowD .uui-icon-dropdown.uui-disabled {
2877
+ fill: var(--picker-toggler-icon-color-disabled);
2878
+ }
2879
+ ._18Rzt._1yowD:hover {
2880
+ border-color: var(--picker-toggler-border-color-hover);
2881
+ }
2882
+ ._18Rzt._1yowD.uui-focus {
2883
+ border-color: var(--picker-toggler-border-color-active);
2884
+ outline: none;
2885
+ }
2886
+ ._18Rzt._15h0n {
2887
+ background-color: transparent;
2888
+ border-color: transparent;
2889
+ fill: var(--picker-toggler-icon-color);
2890
+ }
2891
+ ._18Rzt._15h0n .uui-icon.-clickable, ._18Rzt._15h0n .uui-icon-dropdown {
2892
+ cursor: pointer;
2893
+ }
2894
+ ._18Rzt._15h0n .uui-icon.-clickable.uui-enabled, ._18Rzt._15h0n .uui-icon-dropdown.uui-enabled {
2895
+ fill: transparent;
2896
+ }
2897
+ ._18Rzt._15h0n .uui-icon.-clickable.uui-disabled, ._18Rzt._15h0n .uui-icon-dropdown.uui-disabled {
2898
+ fill: transparent;
2899
+ }
2900
+ ._18Rzt._15h0n:hover {
2901
+ background-color: white;
2902
+ border-color: var(--picker-toggler-border-color);
2903
+ }
2904
+ ._18Rzt._15h0n:hover .uui-icon.-clickable.uui-enabled, ._18Rzt._15h0n:hover .uui-icon-dropdown.uui-enabled {
2905
+ fill: var(--picker-toggler-icon-color-clickable);
2906
+ }
2907
+ ._18Rzt._15h0n:hover .uui-icon.-clickable.uui-enabled:hover, ._18Rzt._15h0n:hover .uui-icon-dropdown.uui-enabled:hover {
2908
+ fill: var(--picker-toggler-icon-color-clickable-hover);
2909
+ }
2910
+ ._18Rzt._15h0n:hover .uui-icon.-clickable.uui-disabled, ._18Rzt._15h0n:hover .uui-icon-dropdown.uui-disabled {
2911
+ fill: transparent;
2912
+ }
2913
+ ._18Rzt._15h0n.uui-focus {
2914
+ background-color: white;
2915
+ border-color: var(--picker-toggler-border-color-active);
2916
+ outline: none;
2917
+ }
2918
+ ._18Rzt.uui-invalid._1yowD, ._18Rzt.uui-invalid._15h0n {
2919
+ border-color: var(--picker-toggler-border-color-error);
2920
+ }
2921
+ ._18Rzt.uui-readonly._1yowD {
2922
+ background-color: var(--input-bg-readonly-color);
2923
+ border-color: var(--input-border-readonly-color);
2924
+ pointer-events: none;
2925
+ }
2926
+ ._18Rzt.uui-readonly._1yowD:hover {
2927
+ border-color: var(--input-border-readonly-color);
2928
+ }
2929
+ ._18Rzt.uui-readonly._15h0n {
2930
+ background-color: transparent;
2931
+ border-color: transparent;
2932
+ pointer-events: none;
2933
+ }
2934
+ ._18Rzt.uui-readonly._15h0n:hover {
2935
+ background-color: transparent;
2936
+ border-color: transparent;
2937
+ }
2938
+ ._18Rzt.uui-readonly .uui-icon-dropdown, ._18Rzt.uui-readonly .uui-icon-cancel {
2939
+ visibility: hidden;
2940
+ }
2941
+ ._18Rzt.uui-disabled {
2942
+ fill: var(--picker-toggler-icon-color-disabled);
2943
+ }
2944
+ ._18Rzt.uui-disabled._1yowD {
2945
+ background-color: var(--input-bg-disabled-color);
2946
+ color: var(--input-text-disabled-color);
2947
+ fill: var(--input-text-disabled-color);
2948
+ border-color: var(--input-border-disabled-color);
2949
+ cursor: default;
2950
+ pointer-events: none;
2951
+ }
2952
+ ._18Rzt.uui-disabled._1yowD .uui-input {
2953
+ color: var(--input-text-disabled-color);
2954
+ }
2955
+ ._18Rzt.uui-disabled._1yowD .uui-input::placeholder {
2956
+ color: var(--input-placeholder-disabled-color);
2957
+ }
2958
+ ._18Rzt.uui-disabled._1yowD:hover, ._18Rzt.uui-disabled._1yowD:active, ._18Rzt.uui-disabled._1yowD:focus {
2959
+ background-color: var(--input-bg-disabled-color);
2960
+ color: var(--input-text-disabled-color);
2961
+ fill: var(--input-text-disabled-color);
2962
+ border-color: var(--input-border-disabled-color);
2963
+ box-shadow: none;
2964
+ }
2965
+ ._18Rzt.uui-disabled._1yowD:hover .uui-input, ._18Rzt.uui-disabled._1yowD:active .uui-input, ._18Rzt.uui-disabled._1yowD:focus .uui-input {
2966
+ color: var(--input-text-disabled-color);
2967
+ }
2968
+ ._18Rzt.uui-disabled._1yowD:hover .uui-input::placeholder, ._18Rzt.uui-disabled._1yowD:active .uui-input::placeholder, ._18Rzt.uui-disabled._1yowD:focus .uui-input::placeholder {
2969
+ color: var(--input-placeholder-disabled-color);
2970
+ }
2971
+ ._18Rzt.uui-disabled._1yowD::placeholder {
2972
+ color: var(--input-placeholder-disabled-color);
2973
+ }
2974
+ ._18Rzt.uui-disabled._15h0n {
2975
+ background-color: transparent;
2976
+ color: var(--input-text-disabled-color);
2977
+ fill: var(--input-text-disabled-color);
2978
+ border-color: transparent;
2979
+ cursor: default;
2980
+ pointer-events: none;
2981
+ }
2982
+ ._18Rzt.uui-disabled._15h0n .uui-input {
2983
+ color: var(--input-text-disabled-color);
2984
+ }
2985
+ ._18Rzt.uui-disabled._15h0n .uui-input::placeholder {
2986
+ color: var(--input-placeholder-disabled-color);
2987
+ }
2988
+ ._18Rzt.uui-disabled._15h0n:hover, ._18Rzt.uui-disabled._15h0n:active, ._18Rzt.uui-disabled._15h0n:focus {
2989
+ background-color: transparent;
2990
+ color: var(--input-text-disabled-color);
2991
+ fill: var(--input-text-disabled-color);
2992
+ border-color: transparent;
2993
+ box-shadow: none;
2994
+ }
2995
+ ._18Rzt.uui-disabled._15h0n:hover .uui-input, ._18Rzt.uui-disabled._15h0n:active .uui-input, ._18Rzt.uui-disabled._15h0n:focus .uui-input {
2996
+ color: var(--input-text-disabled-color);
2997
+ }
2998
+ ._18Rzt.uui-disabled._15h0n:hover .uui-input::placeholder, ._18Rzt.uui-disabled._15h0n:active .uui-input::placeholder, ._18Rzt.uui-disabled._15h0n:focus .uui-input::placeholder {
2999
+ color: var(--input-placeholder-disabled-color);
3000
+ }
3001
+ ._18Rzt.uui-disabled._15h0n::placeholder {
3002
+ color: var(--input-placeholder-disabled-color);
3003
+ }
3004
+ ._18Rzt.uui-disabled .uui-input {
3005
+ cursor: default;
3006
+ }
3007
+ ._18Rzt.uui-disabled .uui-input::placeholder {
3008
+ color: var(--picker-toggler-text-color-disabled);
3009
+ }
3010
+ ._18Rzt.uui-disabled .uui-icon-dropdown, ._18Rzt.uui-disabled .uui-icon-cancel {
3011
+ visibility: hidden;
3012
+ }
3013
+ ._18Rzt .uui-input {
3014
+ padding-left: 6px;
3015
+ padding-right: 6px;
3016
+ margin-bottom: 2px;
3017
+ font-family: var(--font-regular);
3018
+ color: var(--picker-toggler-text-color);
3019
+ }
3020
+ ._18Rzt .uui-input::placeholder {
3021
+ color: var(--picker-toggler-placeholder-color);
3022
+ }
3023
+ ._18Rzt .uui-input::-moz-placeholder {
3024
+ opacity: 1;
3025
+ }
3026
+ ._18Rzt .uui-caption {
3027
+ overflow: hidden;
3028
+ text-overflow: ellipsis;
3029
+ font-family: var(--font-regular);
3030
+ align-self: center;
3031
+ white-space: nowrap;
3032
+ }
3033
+ ._18Rzt .uui-button-box {
3034
+ margin-right: 3px;
3035
+ margin-bottom: 2px;
3036
+ }
3037
+ ._18Rzt .uui-button-box:last-of-type {
3038
+ margin-right: 0;
3039
+ }
3040
+ ._18Rzt .uui-placeholder {
3041
+ color: var(--picker-toggler-text-color);
3042
+ }
3043
+ ._18Rzt .uui-placeholder::placeholder {
3044
+ color: var(--picker-toggler-text-color);
3045
+ }
3046
+ ._18Rzt .uui-placeholder::-moz-placeholder {
3047
+ opacity: 1;
3048
+ }
3049
+ ._18Rzt .uui-icon-cancel {
3050
+ margin-left: 6px;
3051
+ }
3052
+ ._18Rzt._2tC-k {
3053
+ min-width: 24px;
3054
+ }
3055
+ ._18Rzt._2tC-k.uui-input-box {
3056
+ min-height: 24px;
3057
+ border-width: 1px;
3058
+ }
3059
+ ._18Rzt._2tC-k .uui-input {
3060
+ line-height: 18px;
3061
+ font-size: 12px;
3062
+ padding-top: 3px;
3063
+ padding-bottom: 3px;
3064
+ padding-top: 0;
3065
+ padding-bottom: 0;
3066
+ }
3067
+ ._18Rzt._2tC-k :not(.uui-button-box) > .uui-icon {
3068
+ height: 18px;
3069
+ margin-bottom: 2px;
3070
+ }
3071
+ ._18Rzt._2Wk7y {
3072
+ min-width: 30px;
3073
+ }
3074
+ ._18Rzt._2Wk7y.uui-input-box {
3075
+ min-height: 30px;
3076
+ border-width: 1px;
3077
+ }
3078
+ ._18Rzt._2Wk7y .uui-input {
3079
+ line-height: 18px;
3080
+ font-size: 14px;
3081
+ padding-top: 6px;
3082
+ padding-bottom: 6px;
3083
+ padding-top: 3px;
3084
+ padding-bottom: 3px;
3085
+ }
3086
+ ._18Rzt._2Wk7y :not(.uui-button-box) > .uui-icon {
3087
+ height: 24px;
3088
+ margin-bottom: 2px;
3089
+ }
3090
+ ._18Rzt.c2Gy- {
3091
+ min-width: 36px;
3092
+ }
3093
+ ._18Rzt.c2Gy-.uui-input-box {
3094
+ min-height: 36px;
3095
+ border-width: 1px;
3096
+ }
3097
+ ._18Rzt.c2Gy- .uui-input {
3098
+ line-height: 18px;
3099
+ font-size: 14px;
3100
+ padding-top: 9px;
3101
+ padding-bottom: 9px;
3102
+ padding-top: 6px;
3103
+ padding-bottom: 6px;
3104
+ }
3105
+ ._18Rzt.c2Gy- :not(.uui-button-box) > .uui-icon {
3106
+ height: 30px;
3107
+ margin-bottom: 2px;
3108
+ }
3109
+ ._18Rzt.VSPX2 {
3110
+ min-width: 42px;
3111
+ }
3112
+ ._18Rzt.VSPX2.uui-input-box {
3113
+ min-height: 42px;
3114
+ border-width: 1px;
3115
+ }
3116
+ ._18Rzt.VSPX2 .uui-input {
3117
+ line-height: 24px;
3118
+ font-size: 16px;
3119
+ padding-top: 9px;
3120
+ padding-bottom: 9px;
3121
+ padding-top: 6px;
3122
+ padding-bottom: 6px;
3123
+ }
3124
+ ._18Rzt.VSPX2 :not(.uui-button-box) > .uui-icon {
3125
+ height: 36px;
3126
+ margin-bottom: 2px;
3127
+ }
3128
+ ._18Rzt._39qzU {
3129
+ min-width: 48px;
3130
+ }
3131
+ ._18Rzt._39qzU.uui-input-box {
3132
+ min-height: 48px;
3133
+ border-width: 1px;
3134
+ }
3135
+ ._18Rzt._39qzU .uui-input {
3136
+ line-height: 24px;
3137
+ font-size: 16px;
3138
+ padding-top: 12px;
3139
+ padding-bottom: 12px;
3140
+ padding-top: 9px;
3141
+ padding-bottom: 9px;
3142
+ }
3143
+ ._18Rzt._39qzU :not(.uui-button-box) > .uui-icon {
3144
+ height: 42px;
3145
+ margin-bottom: 2px;
3146
+ }
3147
+ ._3NEh1 .Djk4i {
3148
+ padding-top: 3px;
3149
+ padding-bottom: 3px;
3150
+ }
3151
+ ._3NEh1 ._2DWZ9 {
3152
+ padding-top: 6px;
3153
+ padding-bottom: 6px;
3154
+ }
3155
+ ._3NEh1 ._3kl-P {
3156
+ padding-top: 6px;
3157
+ padding-bottom: 6px;
3158
+ }
3159
+ ._3NEh1 ._1fyxU {
3160
+ padding-top: 9px;
3161
+ padding-bottom: 9px;
3162
+ }
3163
+ ._3NEh1 ._261D5 {
3164
+ padding-top: 9px;
3165
+ padding-bottom: 9px;
3166
+ }
3167
+ @media screen and (max-width: 720px) {
3168
+ .XQleM {
3169
+ height: var(--app-mobile-height);
3170
+ }
3171
+ }
3172
+
3173
+ .fuScV {
3174
+ border-top: 1px solid var(--divider-color);
3175
+ background: white;
3176
+ padding: 0 12px;
3177
+ display: flex;
3178
+ }
3179
+ .fuScV._14fMe {
3180
+ min-height: 24px;
3181
+ }
3182
+ .fuScV._3mBPz {
3183
+ min-height: 30px;
3184
+ }
3185
+ .fuScV._3mBPz .uui-caption {
3186
+ font-size: 14px;
3187
+ }
3188
+ .fuScV._1vb2W {
3189
+ min-height: 36px;
3190
+ }
3191
+ .fuScV._27Kgy {
3192
+ min-height: 42px;
3193
+ }
3194
+ .fuScV._27Kgy .uui-caption {
3195
+ font-size: 16px;
3196
+ }
3197
+ .fuScV._2gcPN {
3198
+ min-height: 48px;
3199
+ }
3200
+ .fuScV._2gcPN .uui-caption {
3201
+ font-size: 16px;
3202
+ }
3203
+ ._4PDxa {
3204
+ margin: 9px 0;
3205
+ }
3206
+
3207
+ /*# sourceMappingURL=styles.css.map*/