@ckbox/components 1.1.1-dev.0 → 1.2.0-dev.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (444) hide show
  1. package/README.md +3 -3
  2. package/dist/bottombar/Bottombar.d.ts +17 -0
  3. package/dist/bottombar/index.d.ts +1 -0
  4. package/dist/button/Button.d.ts +83 -0
  5. package/dist/button/index.d.ts +2 -0
  6. package/dist/button/types.d.ts +3 -0
  7. package/dist/checkbox/Checkbox.d.ts +33 -0
  8. package/dist/checkbox/index.d.ts +1 -0
  9. package/dist/circularLoader/CircularLoader.d.ts +21 -0
  10. package/dist/circularLoader/index.d.ts +1 -0
  11. package/dist/containerQuery/ContainerQuery.d.ts +18 -0
  12. package/dist/containerQuery/breakpoints/Breakpoints.d.ts +36 -0
  13. package/dist/containerQuery/breakpoints/index.d.ts +1 -0
  14. package/dist/containerQuery/context/ContainerQueryContext.d.ts +18 -0
  15. package/dist/containerQuery/context/index.d.ts +1 -0
  16. package/dist/containerQuery/index.d.ts +3 -0
  17. package/dist/containerQuery/provider/ContainerQueryProvider.d.ts +18 -0
  18. package/dist/containerQuery/provider/index.d.ts +1 -0
  19. package/dist/copyButton/CopyButton.d.ts +17 -0
  20. package/dist/copyButton/index.d.ts +1 -0
  21. package/dist/copyableInput/CopyableInput.d.ts +25 -0
  22. package/dist/copyableInput/index.d.ts +1 -0
  23. package/dist/dialog/Dialog.d.ts +9 -0
  24. package/dist/dialog/actions/DialogActions.d.ts +9 -0
  25. package/dist/dialog/actions/index.d.ts +1 -0
  26. package/dist/dialog/animated/DialogAnimated.d.ts +30 -0
  27. package/dist/dialog/animated/index.d.ts +1 -0
  28. package/dist/dialog/column/DialogColumn.d.ts +13 -0
  29. package/dist/dialog/column/index.d.ts +1 -0
  30. package/dist/dialog/context/DialogContext.d.ts +18 -0
  31. package/dist/dialog/context/index.d.ts +1 -0
  32. package/dist/dialog/draggable/DialogDraggable.d.ts +23 -0
  33. package/dist/dialog/draggable/index.d.ts +1 -0
  34. package/dist/dialog/footer/DialogFooter.d.ts +18 -0
  35. package/dist/dialog/footer/index.d.ts +1 -0
  36. package/dist/dialog/header/DialogHeader.d.ts +49 -0
  37. package/dist/dialog/header/index.d.ts +1 -0
  38. package/dist/dialog/index.d.ts +7 -0
  39. package/dist/dialog/root/DialogRoot.d.ts +9 -0
  40. package/dist/dialog/root/index.d.ts +1 -0
  41. package/dist/dialog/row/DialogRow.d.ts +9 -0
  42. package/dist/dialog/row/index.d.ts +1 -0
  43. package/dist/dialog/section/DialogSection.d.ts +45 -0
  44. package/dist/dialog/section/index.d.ts +1 -0
  45. package/dist/docIcon/DocIcon.d.ts +11 -0
  46. package/dist/docIcon/icons/Archive.d.ts +4 -0
  47. package/dist/docIcon/icons/Empty.d.ts +4 -0
  48. package/dist/docIcon/icons/Excel.d.ts +4 -0
  49. package/dist/docIcon/icons/Img.d.ts +4 -0
  50. package/dist/docIcon/icons/Movie.d.ts +4 -0
  51. package/dist/docIcon/icons/Music.d.ts +4 -0
  52. package/dist/docIcon/icons/Pdf.d.ts +4 -0
  53. package/dist/docIcon/icons/Ppt.d.ts +4 -0
  54. package/dist/docIcon/icons/Txt.d.ts +4 -0
  55. package/dist/docIcon/icons/Word.d.ts +4 -0
  56. package/dist/docIcon/icons/index.d.ts +10 -0
  57. package/dist/docIcon/index.d.ts +2 -0
  58. package/dist/drawer/Drawer.d.ts +25 -0
  59. package/dist/drawer/actions/DrawerActions.d.ts +9 -0
  60. package/dist/drawer/actions/index.d.ts +1 -0
  61. package/dist/drawer/content/DrawerContent.d.ts +9 -0
  62. package/dist/drawer/content/index.d.ts +1 -0
  63. package/dist/drawer/context/DrawerContext.d.ts +9 -0
  64. package/dist/drawer/context/index.d.ts +1 -0
  65. package/dist/drawer/header/DrawerHeader.d.ts +13 -0
  66. package/dist/drawer/header/index.d.ts +1 -0
  67. package/dist/drawer/index.d.ts +5 -0
  68. package/dist/drawer/section/DrawerSection.d.ts +17 -0
  69. package/dist/drawer/section/index.d.ts +1 -0
  70. package/dist/emptyView/EmptyView.d.ts +22 -0
  71. package/dist/emptyView/index.d.ts +2 -0
  72. package/dist/emptyView/label/EmptyViewLabel.d.ts +13 -0
  73. package/dist/emptyView/label/index.d.ts +1 -0
  74. package/dist/fileInputButton/FileInputButton.d.ts +30 -0
  75. package/dist/fileInputButton/index.d.ts +1 -0
  76. package/dist/filePreview/FilePreview.d.ts +29 -0
  77. package/dist/filePreview/actions/FilePreviewActions.d.ts +21 -0
  78. package/dist/filePreview/actions/index.d.ts +1 -0
  79. package/dist/filePreview/content/FilePreviewContent.d.ts +9 -0
  80. package/dist/filePreview/content/index.d.ts +1 -0
  81. package/dist/filePreview/context/FilePreviewContext.d.ts +9 -0
  82. package/dist/filePreview/context/index.d.ts +1 -0
  83. package/dist/filePreview/hoverable/FilePreviewHoverable.d.ts +9 -0
  84. package/dist/filePreview/hoverable/index.d.ts +1 -0
  85. package/dist/filePreview/index.d.ts +6 -0
  86. package/dist/filePreview/navButton/FilePreviewNavButton.d.ts +22 -0
  87. package/dist/filePreview/navButton/index.d.ts +1 -0
  88. package/dist/filePreview/tooltip/FilePreviewTooltip.d.ts +9 -0
  89. package/dist/filePreview/tooltip/index.d.ts +1 -0
  90. package/dist/fixed/Fixed.d.ts +9 -0
  91. package/dist/fixed/context/FixedContext.d.ts +9 -0
  92. package/dist/fixed/context/index.d.ts +1 -0
  93. package/dist/fixed/index.d.ts +3 -0
  94. package/dist/fixed/provider/FixedProvider.d.ts +14 -0
  95. package/dist/fixed/provider/index.d.ts +1 -0
  96. package/dist/form/Form.d.ts +21 -0
  97. package/dist/form/feedback/FormFeedback.d.ts +17 -0
  98. package/dist/form/feedback/index.d.ts +1 -0
  99. package/dist/form/group/FormGroup.d.ts +13 -0
  100. package/dist/form/group/index.d.ts +1 -0
  101. package/dist/form/groupColumn/FormGroupColumn.d.ts +9 -0
  102. package/dist/form/groupColumn/index.d.ts +1 -0
  103. package/dist/form/groupInfo/FormGroupInfo.d.ts +9 -0
  104. package/dist/form/groupInfo/index.d.ts +1 -0
  105. package/dist/form/index.d.ts +6 -0
  106. package/dist/form/inputLabel/FormInputLabel.d.ts +17 -0
  107. package/dist/form/inputLabel/index.d.ts +1 -0
  108. package/dist/gallery/Gallery.d.ts +17 -0
  109. package/dist/gallery/figure/GalleryFigure.d.ts +13 -0
  110. package/dist/gallery/figure/index.d.ts +1 -0
  111. package/dist/gallery/index.d.ts +3 -0
  112. package/dist/gallery/item/GalleryItem.d.ts +37 -0
  113. package/dist/gallery/item/index.d.ts +1 -0
  114. package/dist/gallery/skeleton/GallerySkeleton.d.ts +3 -0
  115. package/dist/gallery/skeleton/index.d.ts +1 -0
  116. package/dist/icon/Icon.d.ts +29 -0
  117. package/dist/icon/icons/ArrowLeft.d.ts +4 -0
  118. package/dist/icon/icons/ArrowLeftEnd.d.ts +4 -0
  119. package/dist/icon/icons/ArrowRight.d.ts +4 -0
  120. package/dist/icon/icons/ArrowRightEnd.d.ts +4 -0
  121. package/dist/icon/icons/Cabinet.d.ts +4 -0
  122. package/dist/icon/icons/Check.d.ts +4 -0
  123. package/dist/icon/icons/ChevronDown.d.ts +4 -0
  124. package/dist/icon/icons/ChevronLeft.d.ts +4 -0
  125. package/dist/icon/icons/ChevronRight.d.ts +4 -0
  126. package/dist/icon/icons/Clock.d.ts +4 -0
  127. package/dist/icon/icons/Close.d.ts +4 -0
  128. package/dist/icon/icons/Cog.d.ts +4 -0
  129. package/dist/icon/icons/Copy.d.ts +4 -0
  130. package/dist/icon/icons/Docs.d.ts +4 -0
  131. package/dist/icon/icons/DotsVertical.d.ts +4 -0
  132. package/dist/icon/icons/Download.d.ts +4 -0
  133. package/dist/icon/icons/DragHandle.d.ts +4 -0
  134. package/dist/icon/icons/Filter.d.ts +4 -0
  135. package/dist/icon/icons/Folder.d.ts +4 -0
  136. package/dist/icon/icons/Image.d.ts +4 -0
  137. package/dist/icon/icons/Info.d.ts +4 -0
  138. package/dist/icon/icons/InfoSquare.d.ts +4 -0
  139. package/dist/icon/icons/Pencil.d.ts +4 -0
  140. package/dist/icon/icons/Plus.d.ts +4 -0
  141. package/dist/icon/icons/Search.d.ts +4 -0
  142. package/dist/icon/icons/SearchMissingResults.d.ts +4 -0
  143. package/dist/icon/icons/Settings.d.ts +4 -0
  144. package/dist/icon/icons/Sort.d.ts +4 -0
  145. package/dist/icon/icons/Spinner.d.ts +4 -0
  146. package/dist/icon/icons/Trash.d.ts +4 -0
  147. package/dist/icon/icons/Upload.d.ts +4 -0
  148. package/dist/icon/icons/Warning.d.ts +4 -0
  149. package/dist/icon/icons/WarningFill.d.ts +4 -0
  150. package/dist/icon/icons/XCircle.d.ts +4 -0
  151. package/dist/icon/icons/index.d.ts +34 -0
  152. package/dist/icon/index.d.ts +2 -0
  153. package/dist/icon/raw/RawIcon.d.ts +13 -0
  154. package/dist/icon/raw/index.d.ts +1 -0
  155. package/dist/icon/types.d.ts +9 -0
  156. package/dist/index.d.ts +1380 -437
  157. package/dist/index.js +1 -1
  158. package/dist/input/Input.d.ts +88 -0
  159. package/dist/input/index.d.ts +1 -0
  160. package/dist/list/List.d.ts +13 -0
  161. package/dist/list/index.d.ts +2 -0
  162. package/dist/list/item/ListItem.d.ts +25 -0
  163. package/dist/list/item/index.d.ts +1 -0
  164. package/dist/loadingButton/LoadingButton.d.ts +18 -0
  165. package/dist/loadingButton/index.d.ts +1 -0
  166. package/dist/menu/Menu.d.ts +38 -0
  167. package/dist/menu/context/MenuContext.d.ts +12 -0
  168. package/dist/menu/context/index.d.ts +1 -0
  169. package/dist/menu/index.d.ts +4 -0
  170. package/dist/menu/item/MenuItem.d.ts +26 -0
  171. package/dist/menu/item/index.d.ts +1 -0
  172. package/dist/menu/section/MenuSection.d.ts +17 -0
  173. package/dist/menu/section/index.d.ts +1 -0
  174. package/dist/menu/subSection/MenuSubSection.d.ts +29 -0
  175. package/dist/menu/subSection/index.d.ts +1 -0
  176. package/dist/navbar/Navbar.d.ts +13 -0
  177. package/dist/navbar/button/NavbarButton.d.ts +18 -0
  178. package/dist/navbar/button/index.d.ts +1 -0
  179. package/dist/navbar/creditLink/NavbarCreditLink.d.ts +21 -0
  180. package/dist/navbar/creditLink/index.d.ts +1 -0
  181. package/dist/navbar/index.d.ts +5 -0
  182. package/dist/navbar/item/NavbarItem.d.ts +49 -0
  183. package/dist/navbar/item/index.d.ts +1 -0
  184. package/dist/navbar/itemFixed/NavbarItemFixed.d.ts +9 -0
  185. package/dist/navbar/itemFixed/index.d.ts +1 -0
  186. package/dist/notifications/Notifications.d.ts +17 -0
  187. package/dist/notifications/details/NotificationDetails.d.ts +29 -0
  188. package/dist/notifications/details/index.d.ts +1 -0
  189. package/dist/notifications/index.d.ts +3 -0
  190. package/dist/notifications/notification/Notification.d.ts +37 -0
  191. package/dist/notifications/notification/index.d.ts +1 -0
  192. package/dist/overlay/Overlay.d.ts +21 -0
  193. package/dist/overlay/index.d.ts +1 -0
  194. package/dist/pagination/Pagination.d.ts +29 -0
  195. package/dist/pagination/button/PaginationButton.d.ts +18 -0
  196. package/dist/pagination/button/index.d.ts +1 -0
  197. package/dist/pagination/index.d.ts +1 -0
  198. package/dist/panel/Panel.d.ts +18 -0
  199. package/dist/panel/actions/PanelActions.d.ts +9 -0
  200. package/dist/panel/actions/index.d.ts +1 -0
  201. package/dist/panel/column/PanelColumn.d.ts +9 -0
  202. package/dist/panel/column/index.d.ts +1 -0
  203. package/dist/panel/content/PanelContent.d.ts +25 -0
  204. package/dist/panel/content/index.d.ts +2 -0
  205. package/dist/panel/contentProp/PanelContentProp.d.ts +13 -0
  206. package/dist/panel/contentProp/index.d.ts +1 -0
  207. package/dist/panel/context/PanelContext.d.ts +12 -0
  208. package/dist/panel/context/index.d.ts +1 -0
  209. package/dist/panel/dragHandle/PanelDragHandle.d.ts +3 -0
  210. package/dist/panel/dragHandle/index.d.ts +1 -0
  211. package/dist/panel/index.d.ts +11 -0
  212. package/dist/panel/list/PanelList.d.ts +17 -0
  213. package/dist/panel/list/index.d.ts +1 -0
  214. package/dist/panel/listDivider/PanelListDivider.d.ts +9 -0
  215. package/dist/panel/listDivider/index.d.ts +1 -0
  216. package/dist/panel/side/PanelSide.d.ts +17 -0
  217. package/dist/panel/side/index.d.ts +1 -0
  218. package/dist/panel/skeleton/PanelSkeleton.d.ts +13 -0
  219. package/dist/panel/skeleton/index.d.ts +1 -0
  220. package/dist/panel/title/PanelTitle.d.ts +18 -0
  221. package/dist/panel/title/index.d.ts +1 -0
  222. package/dist/popper/Popper.d.ts +38 -0
  223. package/dist/popper/arrow/PopperArrow.d.ts +9 -0
  224. package/dist/popper/arrow/index.d.ts +1 -0
  225. package/dist/popper/context/PopperContext.d.ts +12 -0
  226. package/dist/popper/context/index.d.ts +1 -0
  227. package/dist/popper/index.d.ts +4 -0
  228. package/dist/popper/types.d.ts +5 -0
  229. package/dist/popper/usePopper/index.d.ts +1 -0
  230. package/dist/popper/usePopper/usePopper.d.ts +36 -0
  231. package/dist/progressPanel/ProgressPanel.d.ts +37 -0
  232. package/dist/progressPanel/index.d.ts +1 -0
  233. package/dist/propertiesTable/PropertiesTable.d.ts +9 -0
  234. package/dist/propertiesTable/index.d.ts +2 -0
  235. package/dist/propertiesTable/row/PropertiesTableRow.d.ts +13 -0
  236. package/dist/propertiesTable/row/index.d.ts +1 -0
  237. package/dist/rangeSlider/RangeSlider.d.ts +43 -0
  238. package/dist/rangeSlider/index.d.ts +1 -0
  239. package/dist/rangeSlider/utils/index.d.ts +1 -0
  240. package/dist/rangeSlider/utils/utils.d.ts +32 -0
  241. package/dist/responsiveImage/ResponsiveImage.d.ts +84 -0
  242. package/dist/responsiveImage/fallback/ResponsiveImageFallback.d.ts +21 -0
  243. package/dist/responsiveImage/fallback/index.d.ts +1 -0
  244. package/dist/responsiveImage/index.d.ts +1 -0
  245. package/dist/searchDialog/SearchDialog.d.ts +21 -0
  246. package/dist/searchDialog/actions/SearchDialogActions.d.ts +9 -0
  247. package/dist/searchDialog/actions/index.d.ts +1 -0
  248. package/dist/searchDialog/content/SearchDialogContent.d.ts +9 -0
  249. package/dist/searchDialog/content/index.d.ts +1 -0
  250. package/dist/searchDialog/context/SearchDialogContext.d.ts +9 -0
  251. package/dist/searchDialog/context/index.d.ts +1 -0
  252. package/dist/searchDialog/fallback/SearchDialogFallback.d.ts +9 -0
  253. package/dist/searchDialog/fallback/index.d.ts +1 -0
  254. package/dist/searchDialog/header/SearchDialogHeader.d.ts +25 -0
  255. package/dist/searchDialog/header/index.d.ts +1 -0
  256. package/dist/searchDialog/index.d.ts +7 -0
  257. package/dist/searchDialog/input/SearchDialogInput.d.ts +29 -0
  258. package/dist/searchDialog/input/index.d.ts +1 -0
  259. package/dist/searchDialog/section/SearchDialogSection.d.ts +13 -0
  260. package/dist/searchDialog/section/index.d.ts +1 -0
  261. package/dist/searchResultsBar/SearchResultsBar.d.ts +9 -0
  262. package/dist/searchResultsBar/filters/SearchResultsBarFilters.d.ts +9 -0
  263. package/dist/searchResultsBar/filters/index.d.ts +1 -0
  264. package/dist/searchResultsBar/index.d.ts +3 -0
  265. package/dist/searchResultsBar/phrase/SearchResultsBarPhrase.d.ts +17 -0
  266. package/dist/searchResultsBar/phrase/index.d.ts +1 -0
  267. package/dist/select/Select.d.ts +46 -0
  268. package/dist/select/index.d.ts +2 -0
  269. package/dist/select/input/SelectInput.d.ts +45 -0
  270. package/dist/select/input/index.d.ts +2 -0
  271. package/dist/select/listbox/SelectListbox.d.ts +25 -0
  272. package/dist/select/listbox/index.d.ts +1 -0
  273. package/dist/select/listboxItem/SelectListboxItem.d.ts +42 -0
  274. package/dist/select/listboxItem/index.d.ts +1 -0
  275. package/dist/select/listboxList/SelectListboxList.d.ts +21 -0
  276. package/dist/select/listboxList/index.d.ts +1 -0
  277. package/dist/select/multiList/SelectMultiList.d.ts +23 -0
  278. package/dist/select/multiList/index.d.ts +1 -0
  279. package/dist/select/multiListItem/SelectMultiListItem.d.ts +18 -0
  280. package/dist/select/multiListItem/index.d.ts +1 -0
  281. package/dist/select/single/SelectSingle.d.ts +19 -0
  282. package/dist/select/single/index.d.ts +1 -0
  283. package/dist/select/types.d.ts +40 -0
  284. package/dist/select/useKeyboardNav/index.d.ts +1 -0
  285. package/dist/select/useKeyboardNav/useKeyboardNav.d.ts +9 -0
  286. package/dist/select/utils/index.d.ts +1 -0
  287. package/dist/select/utils/utils.d.ts +26 -0
  288. package/dist/selectionArea/SelectionArea.d.ts +18 -0
  289. package/dist/selectionArea/index.d.ts +2 -0
  290. package/dist/skeleton/Skeleton.d.ts +17 -0
  291. package/dist/skeleton/index.d.ts +1 -0
  292. package/dist/sortButton/SortButton.d.ts +21 -0
  293. package/dist/sortButton/index.d.ts +1 -0
  294. package/dist/sortableDndList/SortableDndList.d.ts +14 -0
  295. package/dist/sortableDndList/context/SortableDndListContext.d.ts +25 -0
  296. package/dist/sortableDndList/context/index.d.ts +1 -0
  297. package/dist/sortableDndList/dragLayer/SortableDndListDragLayer.d.ts +9 -0
  298. package/dist/sortableDndList/dragLayer/index.d.ts +1 -0
  299. package/dist/sortableDndList/index.d.ts +4 -0
  300. package/dist/sortableDndList/item/SortableDndListItem.d.ts +25 -0
  301. package/dist/sortableDndList/item/index.d.ts +2 -0
  302. package/dist/sortableDndList/types/index.d.ts +1 -0
  303. package/dist/sortableDndList/types/types.d.ts +61 -0
  304. package/dist/sortableDndList/useListDnd/index.d.ts +1 -0
  305. package/dist/sortableDndList/useListDnd/useListDnd.d.ts +14 -0
  306. package/dist/sortableDndList/useListItemDrag/index.d.ts +1 -0
  307. package/dist/sortableDndList/useListItemDrag/useListItemDrag.d.ts +13 -0
  308. package/dist/sortableDndList/useListItemDrop/index.d.ts +1 -0
  309. package/dist/sortableDndList/useListItemDrop/useListItemDrop.d.ts +10 -0
  310. package/dist/styles/ckbox.css +3 -3
  311. package/dist/styles/themes/aqua.css +1 -1
  312. package/dist/styles/themes/dark.css +1 -1
  313. package/dist/switch/Switch.d.ts +13 -0
  314. package/dist/switch/index.d.ts +2 -0
  315. package/dist/switch/view/SwitchView.d.ts +13 -0
  316. package/dist/switch/view/index.d.ts +2 -0
  317. package/dist/switchInput/SwitchInput.d.ts +21 -0
  318. package/dist/switchInput/index.d.ts +1 -0
  319. package/dist/tabs/Tabs.d.ts +17 -0
  320. package/dist/tabs/index.d.ts +2 -0
  321. package/dist/tabs/tab/Tab.d.ts +17 -0
  322. package/dist/tabs/tab/index.d.ts +2 -0
  323. package/dist/tag/Tag.d.ts +29 -0
  324. package/dist/tag/index.d.ts +3 -0
  325. package/dist/tag/label/TagLabel.d.ts +13 -0
  326. package/dist/tag/label/index.d.ts +1 -0
  327. package/dist/tag/list/TagList.d.ts +17 -0
  328. package/dist/tag/list/index.d.ts +1 -0
  329. package/dist/tagInput/TagInput.d.ts +50 -0
  330. package/dist/tagInput/index.d.ts +1 -0
  331. package/dist/tooltip/Tooltip.d.ts +23 -0
  332. package/dist/tooltip/icon/TooltipIcon.d.ts +23 -0
  333. package/dist/tooltip/icon/index.d.ts +1 -0
  334. package/dist/tooltip/index.d.ts +2 -0
  335. package/dist/topbar/Topbar.d.ts +13 -0
  336. package/dist/topbar/action/TopbarAction.d.ts +41 -0
  337. package/dist/topbar/action/index.d.ts +2 -0
  338. package/dist/topbar/actions/TopbarActions.d.ts +9 -0
  339. package/dist/topbar/actions/TopbarActionsMenuItems.d.ts +8 -0
  340. package/dist/topbar/actions/index.d.ts +1 -0
  341. package/dist/topbar/index.d.ts +2 -0
  342. package/dist/uiProvider/UIProvider.d.ts +38 -0
  343. package/dist/uiProvider/constants.d.ts +7 -0
  344. package/dist/uiProvider/index.d.ts +3 -0
  345. package/dist/uiProvider/useUIContext.d.ts +38 -0
  346. package/dist/utils/base64FromBlurHash/base64FromBlurHash.d.ts +7 -0
  347. package/dist/utils/base64FromBlurHash/index.d.ts +1 -0
  348. package/dist/utils/clamp/clamp.d.ts +14 -0
  349. package/dist/utils/clamp/index.d.ts +1 -0
  350. package/dist/utils/clipboard/clipboard.d.ts +1 -0
  351. package/dist/utils/clipboard/index.d.ts +1 -0
  352. package/dist/utils/clsx/clsx.d.ts +7 -0
  353. package/dist/utils/clsx/index.d.ts +1 -0
  354. package/dist/utils/events/events.d.ts +12 -0
  355. package/dist/utils/events/index.d.ts +1 -0
  356. package/dist/utils/formatTimeDistance/formatTimeDistance.d.ts +15 -0
  357. package/dist/utils/formatTimeDistance/index.d.ts +1 -0
  358. package/dist/utils/getPixelCountFromImageBlob/getPixelCountFromImageBlob.d.ts +8 -0
  359. package/dist/utils/getPixelCountFromImageBlob/index.d.ts +1 -0
  360. package/dist/utils/getStandardDeviation/getStandardDeviation.d.ts +7 -0
  361. package/dist/utils/getStandardDeviation/index.d.ts +1 -0
  362. package/dist/utils/getValidChildren/getValidChildren.d.ts +2 -0
  363. package/dist/utils/getValidChildren/index.d.ts +1 -0
  364. package/dist/utils/hasOwnProperty/hasOwnProperty.d.ts +7 -0
  365. package/dist/utils/hasOwnProperty/index.d.ts +1 -0
  366. package/dist/utils/index.d.ts +34 -0
  367. package/dist/utils/keyboard/index.d.ts +1 -0
  368. package/dist/utils/keyboard/keyboard.d.ts +17 -0
  369. package/dist/utils/noOp/index.d.ts +1 -0
  370. package/dist/utils/noOp/noOp.d.ts +1 -0
  371. package/dist/utils/rInterval/index.d.ts +2 -0
  372. package/dist/utils/rInterval/rInterval.d.ts +10 -0
  373. package/dist/utils/rInterval/types.d.ts +3 -0
  374. package/dist/utils/useBatchUpdate/index.d.ts +1 -0
  375. package/dist/utils/useBatchUpdate/useBatchUpdate.d.ts +17 -0
  376. package/dist/utils/useClickAway/index.d.ts +1 -0
  377. package/dist/utils/useClickAway/useClickAway.d.ts +10 -0
  378. package/dist/utils/useClipboard/index.d.ts +1 -0
  379. package/dist/utils/useClipboard/useClipboard.d.ts +4 -0
  380. package/dist/utils/useDeferredUnmount/index.d.ts +1 -0
  381. package/dist/utils/useDeferredUnmount/useDeferredUnmount.d.ts +10 -0
  382. package/dist/utils/useDelay/index.d.ts +1 -0
  383. package/dist/utils/useDelay/useDelay.d.ts +8 -0
  384. package/dist/utils/useDownload/index.d.ts +1 -0
  385. package/dist/utils/useDownload/useDownload.d.ts +8 -0
  386. package/dist/utils/useDraggable/index.d.ts +2 -0
  387. package/dist/utils/useDraggable/types.d.ts +73 -0
  388. package/dist/utils/useDraggable/useDraggable.d.ts +8 -0
  389. package/dist/utils/useElementVisibility/index.d.ts +1 -0
  390. package/dist/utils/useElementVisibility/useElementVisibility.d.ts +11 -0
  391. package/dist/utils/useFilesDrop/index.d.ts +1 -0
  392. package/dist/utils/useFilesDrop/useFilesDrop.d.ts +17 -0
  393. package/dist/utils/useGridSelection/constants.d.ts +49 -0
  394. package/dist/utils/useGridSelection/index.d.ts +1 -0
  395. package/dist/utils/useGridSelection/reducer.d.ts +2 -0
  396. package/dist/utils/useGridSelection/useGridSelection.d.ts +26 -0
  397. package/dist/utils/useGridSelection/utils.d.ts +103 -0
  398. package/dist/utils/useIsMounted/index.d.ts +1 -0
  399. package/dist/utils/useIsMounted/useIsMounted.d.ts +9 -0
  400. package/dist/utils/useIsomorphicLayoutEffect/index.d.ts +1 -0
  401. package/dist/utils/useIsomorphicLayoutEffect/useIsomorphicLayoutEffect.d.ts +2 -0
  402. package/dist/utils/useItemsOverflow/index.d.ts +1 -0
  403. package/dist/utils/useItemsOverflow/useItemsOverflow.d.ts +13 -0
  404. package/dist/utils/useResettableTimeout/index.d.ts +1 -0
  405. package/dist/utils/useResettableTimeout/useResettableTimeout.d.ts +14 -0
  406. package/dist/utils/useResize/index.d.ts +2 -0
  407. package/dist/utils/useResize/types.d.ts +20 -0
  408. package/dist/utils/useResize/useResize.d.ts +13 -0
  409. package/dist/utils/useResponsiveSizes/index.d.ts +1 -0
  410. package/dist/utils/useResponsiveSizes/useResponsiveSizes.d.ts +16 -0
  411. package/dist/utils/useScaleDown/index.d.ts +1 -0
  412. package/dist/utils/useScaleDown/scaleDown.d.ts +13 -0
  413. package/dist/utils/useScaleDown/useScaleDown.d.ts +16 -0
  414. package/dist/utils/useScroll/getScrollVectors.d.ts +11 -0
  415. package/dist/utils/useScroll/index.d.ts +3 -0
  416. package/dist/utils/useScroll/types.d.ts +49 -0
  417. package/dist/utils/useScroll/useScroll.d.ts +16 -0
  418. package/dist/utils/useScrollDnd/index.d.ts +1 -0
  419. package/dist/utils/useScrollDnd/useScrollDnd.d.ts +7 -0
  420. package/dist/utils/useToggle/index.d.ts +1 -0
  421. package/dist/utils/useToggle/useToggle.d.ts +12 -0
  422. package/dist/utils/validators/index.d.ts +1 -0
  423. package/dist/utils/validators/validators.d.ts +60 -0
  424. package/dist/view/View.d.ts +13 -0
  425. package/dist/view/content/ViewContent.d.ts +25 -0
  426. package/dist/view/content/index.d.ts +1 -0
  427. package/dist/view/contentBar/ViewContentBar.d.ts +9 -0
  428. package/dist/view/contentBar/index.d.ts +1 -0
  429. package/dist/view/contentWrapper/ViewContentWrapper.d.ts +9 -0
  430. package/dist/view/contentWrapper/index.d.ts +1 -0
  431. package/dist/view/footer/ViewFooter.d.ts +9 -0
  432. package/dist/view/footer/index.d.ts +1 -0
  433. package/dist/view/header/ViewHeader.d.ts +9 -0
  434. package/dist/view/header/index.d.ts +1 -0
  435. package/dist/view/index.d.ts +8 -0
  436. package/dist/view/sideContent/ViewSideContent.d.ts +9 -0
  437. package/dist/view/sideContent/index.d.ts +1 -0
  438. package/dist/viewDialog/ViewDialog.d.ts +66 -0
  439. package/dist/viewDialog/index.d.ts +2 -0
  440. package/dist/viewDialog/useSetInitialDimensions/index.d.ts +1 -0
  441. package/dist/viewDialog/useSetInitialDimensions/useSetInitialDimensions.d.ts +10 -0
  442. package/dist/viewWrapper/ViewWrapper.d.ts +13 -0
  443. package/dist/viewWrapper/index.d.ts +1 -0
  444. package/package.json +5 -5
package/dist/sortableDndList/item/SortableDndListItem.d.ts ADDED
@@ -0,0 +1,25 @@
1
+ import * as React from 'react';
2
+ declare const SortableDndListItem: React.FC<Props>;
3
+ export interface Props {
4
+ /**
5
+ * Current item's index in a list.
6
+ */
7
+ index: number;
8
+ /**
9
+ * Item's id.
10
+ */
11
+ id: string;
12
+ /**
13
+ * Indicates if item is draggable.
14
+ */
15
+ isDraggable?: boolean;
16
+ /**
17
+ * Indicates if item is currently in preview mode.
18
+ */
19
+ isPreview?: boolean;
20
+ /**
21
+ * Accepts a single child.
22
+ */
23
+ children: React.ReactElement | null;
24
+ }
25
+ export default SortableDndListItem;
package/dist/sortableDndList/item/index.d.ts ADDED
@@ -0,0 +1,2 @@
1
+ export * from './SortableDndListItem';
2
+ export { default } from './SortableDndListItem';
package/dist/sortableDndList/types/index.d.ts ADDED
@@ -0,0 +1 @@
1
+ export * from './types';
package/dist/sortableDndList/types/types.d.ts ADDED
@@ -0,0 +1,61 @@
1
+ export interface ListDndItem {
2
+ /**
3
+ * Unique id of a dnd item.
4
+ */
5
+ id: string;
6
+ /**
7
+ * Indicates if an item can be dragged.
8
+ */
9
+ isDraggable?: boolean;
10
+ }
11
+ export interface ListDndItemHookProps extends ListDndItem {
12
+ /**
13
+ * Drag handle element.
14
+ */
15
+ dragHandle?: HTMLElement | null;
16
+ /**
17
+ * Current index of a drag item.
18
+ */
19
+ index: number;
20
+ /**
21
+ * Item root element.
22
+ */
23
+ itemRoot?: HTMLElement | null;
24
+ }
25
+ export declare type ListDndMoveItem = (dragIndex: number, hoverIndex: number) => void;
26
+ export declare type ListDndSetDraggable = (id: string) => ListDndSetDraggablePartial;
27
+ export declare type ListDndSetDraggablePartial = (isDraggable: boolean) => void;
28
+ export declare type ListDndOnDragEnd = () => void;
29
+ /**
30
+ * List of props that a child of `SortableListItem` receives.
31
+ * This type is intended to be used by components that want to be aware that they are dragged.
32
+ */
33
+ export interface ListDndChildProps {
34
+ /**
35
+ * Indicates if an item is in preview mode.
36
+ */
37
+ isPreview?: boolean;
38
+ /**
39
+ * Indicates if an item is being dragged.
40
+ */
41
+ isDragging?: boolean;
42
+ /**
43
+ * Indicates if an item is draggable.
44
+ */
45
+ isDraggable?: boolean;
46
+ /**
47
+ * Drag handle setter. Use it to separate drag handle from a preview.
48
+ */
49
+ setDragHandle?: (el: HTMLElement | null) => void;
50
+ /**
51
+ * Sets root item.
52
+ *
53
+ * In some scenarios, drag handle might be located inside an item.
54
+ * In such cases, item root.
55
+ */
56
+ setItemRoot?: (el: HTMLElement | null) => void;
57
+ /**
58
+ * Marks item as draggable / non-draggable.
59
+ */
60
+ setDraggable?: ListDndSetDraggablePartial;
61
+ }
package/dist/sortableDndList/useListDnd/index.d.ts ADDED
@@ -0,0 +1 @@
1
+ export * from './useListDnd';
package/dist/sortableDndList/useListDnd/useListDnd.d.ts ADDED
@@ -0,0 +1,14 @@
1
+ import * as React from 'react';
2
+ import { ListDndItem, ListDndMoveItem, ListDndSetDraggable } from '../types';
3
+ /**
4
+ * Top-level hook that manages list state.
5
+ *
6
+ * @param initItems initial list items
7
+ * @returns list info
8
+ */
9
+ export declare const useListDnd: (initItems: ListDndItem[]) => {
10
+ items: ListDndItem[];
11
+ moveItem: ListDndMoveItem;
12
+ setItems: React.Dispatch<React.SetStateAction<ListDndItem[]>>;
13
+ setDraggable: ListDndSetDraggable;
14
+ };
package/dist/sortableDndList/useListItemDrag/index.d.ts ADDED
@@ -0,0 +1 @@
1
+ export * from './useListItemDrag';
package/dist/sortableDndList/useListItemDrag/useListItemDrag.d.ts ADDED
@@ -0,0 +1,13 @@
1
+ import { ListDndItemHookProps } from '../types';
2
+ /**
3
+ * This hook is responsible for monitoring an item that is being dragged.
4
+ * Returns preview and drag element refs as well as info if item is being dragged.
5
+ *
6
+ * @param props drag props
7
+ * @returns drag info
8
+ */
9
+ export declare const useListItemDrag: (dragItem: ListDndItemHookProps) => {
10
+ isDragging: boolean;
11
+ drag: import("react-dnd").ConnectDragSource;
12
+ preview: import("react-dnd").ConnectDragPreview;
13
+ };
package/dist/sortableDndList/useListItemDrop/index.d.ts ADDED
@@ -0,0 +1 @@
1
+ export * from './useListItemDrop';
package/dist/sortableDndList/useListItemDrop/useListItemDrop.d.ts ADDED
@@ -0,0 +1,10 @@
1
+ import { ListDndItemHookProps } from '../types';
2
+ /**
3
+ * This hook is responsible for determining if list should be reordered and under which conditions.
4
+ *
5
+ * @param props drag props
6
+ * @returns drop info
7
+ */
8
+ export declare const useListItemDrop: (dropItem: ListDndItemHookProps) => {
9
+ drop: import("react-dnd").ConnectDropTarget;
10
+ };
package/dist/styles/ckbox.css CHANGED
@@ -1,5 +1,5 @@
1
- .ckbox-theme-default{--ckbox-action-h: 214;--ckbox-action-s: 100%;--ckbox-danger-h: 356;--ckbox-danger-s: 100%;--ckbox-neutral-h: 220;--ckbox-neutral-s: 10%;--ckbox-neutral-l-10: 10%;--ckbox-neutral-l-20: 20%;--ckbox-neutral-l-30: 30%;--ckbox-neutral-l-40: 40%;--ckbox-neutral-l-50: 50%;--ckbox-neutral-l-60: 60%;--ckbox-neutral-l-70: 70%;--ckbox-neutral-l-80: 80%;--ckbox-neutral-l-90: 90%;--ckbox-neutral-l-98: 98%;--ckbox-neutral-l-100: 100%;--ckbox-warning-h: 36;--ckbox-warning-s: 100%;--ckbox-success-h: 147;--ckbox-success-s: 100%;--ckbox-font-family: -apple-system, "BlinkMacSystemFont", avenir next, avenir, segoe ui, helvetica neue, helvetica, "Ubuntu", roboto, noto, arial, sans-serif;--ckbox-font-smallest: 11.2px;--ckbox-font-smaller: 12px;--ckbox-font-small: 13.6px;--ckbox-font-base: 16px;--ckbox-font-medium: 18px;--ckbox-font-big: 20px;--ckbox-font-bigger: 24px;--ckbox-font-biggest: 32px;--ckbox-spacing-tiny: 2.4px;--ckbox-spacing-compact: 4px;--ckbox-spacing-smallest: 8px;--ckbox-spacing-smaller: 12px;--ckbox-spacing-small: 13.6px;--ckbox-spacing-base: 16px;--ckbox-spacing-medium: 20px;--ckbox-spacing-big: 24px;--ckbox-spacing-bigger: 32px;--ckbox-spacing-biggest: 48px;--ckbox-spacing-humongous: 80px;--ckbox-radius-medium: 4px;--ckbox-radius-big: 7px;--ckbox-shadow-color: hsl( var(--ckbox-neutral-h) var(--ckbox-neutral-s) var(--ckbox-neutral-l-20) / 15% );--ckbox-shadow-top: 0 -2px 4px var(--ckbox-shadow-color);--ckbox-shadow-bottom: 0 2px 4px var(--ckbox-shadow-color);--ckbox-shadow-level-1: 0 0 2px 1px var(--ckbox-shadow-color);--ckbox-shadow-level-2: 0 0 4px 2px var(--ckbox-shadow-color);--ckbox-shadow-level-3: 0 0 6px 3px var(--ckbox-shadow-color);--ckbox-shadow-level-4: 0 0 8px 4px var(--ckbox-shadow-color);--ckbox-animation-duration-primary: 200;--ckbox-animation-duration-secondary: 70;--ckbox-z-index-root: 9999}.ckbox-reset{all:initial;height:100%;line-height:1.5;-webkit-font-smoothing:antialiased}.ckbox-reset *:where(:not(svg *,[draggable])){all:revert}.ckbox-reset *,.ckbox-reset *::before,.ckbox-reset *::after{box-sizing:border-box}.ckbox-reset *{margin:0}.ckbox-reset img,.ckbox-reset picture,.ckbox-reset video,.ckbox-reset canvas,.ckbox-reset svg{display:block;max-width:100%}.ckbox-reset input,.ckbox-reset button,.ckbox-reset textarea,.ckbox-reset select{font:inherit}.ckbox-reset p,.ckbox-reset h1,.ckbox-reset h2,.ckbox-reset h3,.ckbox-reset h4,.ckbox-reset h5,.ckbox-reset h6{overflow-wrap:break-word}.ckbox{color:hsl(var(--ckbox-neutral-h), var(--ckbox-neutral-s), var(--ckbox-neutral-l-10));font-family:var(--ckbox-font-family);height:100%;overflow:hidden;overflow:clip;scrollbar-color:hsl(var(--ckbox-action-h), var(--ckbox-action-s), 50%) rgba(0,0,0,0);scrollbar-width:thin;position:relative}.ckbox--dialog{isolation:isolate;z-index:var(--ckbox-z-index-root);overflow:initial}.ckbox *::-webkit-scrollbar{width:var(--ckbox-spacing-base)}.ckbox *::-webkit-scrollbar-thumb{background-color:hsl(var(--ckbox-action-h), var(--ckbox-action-s), 50%);border-radius:var(--ckbox-radius-big);border:var(--ckbox-spacing-compact) solid rgba(0,0,0,0);background-clip:padding-box}.ckbox .ckbox-bottombar{background-color:hsl(var(--ckbox-neutral-h), var(--ckbox-neutral-s), var(--ckbox-neutral-l-100));box-shadow:var(--ckbox-shadow-top);display:flex;gap:var(--ckbox-spacing-smallest);align-items:center;font-size:var(--ckbox-font-base);padding:var(--ckbox-spacing-smallest) var(--ckbox-spacing-big);flex-wrap:wrap;position:relative}.ckbox .ckbox-bottombar__content{display:flex;flex:999 0 auto;justify-content:center}.ckbox .ckbox-bottombar__side-content{display:flex;gap:var(--ckbox-spacing-base);justify-content:center;align-items:center;flex-grow:1}.ckbox .ckbox-bottombar__status{font-size:var(--ckbox-font-small);position:absolute;left:0;bottom:100%;background:hsl(var(--ckbox-neutral-h) var(--ckbox-neutral-s) var(--ckbox-neutral-l-40)/75%);color:hsl(var(--ckbox-neutral-h), var(--ckbox-neutral-s), var(--ckbox-neutral-l-100));padding:var(--ckbox-spacing-tiny) var(--ckbox-spacing-smallest);display:block;border-top-right-radius:var(--ckbox-radius-big)}.ckbox .ckbox-btn{--ckbox-btn-border-color: transparent;--ckbox-btn-padding-vertical: var(--ckbox-spacing-smallest);--ckbox-btn-padding-horizontal: var(--ckbox-spacing-smaller);--ckbox-btn-font-size: var(--ckbox-font-small);--ckbox-btn-line-height: var(--ckbox-spacing-medium);border-radius:var(--ckbox-radius-big);cursor:pointer;display:inline-flex;justify-content:center;align-items:center;-webkit-user-select:none;user-select:none;gap:var(--ckbox-spacing-compact);transition:background-color calc(var(--ckbox-animation-duration-primary)*1ms);font-weight:500;padding:var(--ckbox-btn-padding-vertical) var(--ckbox-btn-padding-horizontal);background-color:var(--ckbox-btn-background-color);border:1px solid var(--ckbox-btn-border-color)}.ckbox .ckbox-btn:focus{outline:0;box-shadow:0 0 0 1.5px var(--ckbox-focus-color-inner, hsl(var(--ckbox-neutral-h), var(--ckbox-neutral-s), 100%)),0 0 0 3.5px var(--ckbox-focus-color-outer, hsl(var(--ckbox-focus-color-outer-hsl, var(--ckbox-action-h) var(--ckbox-action-s) 60%)/var(--ckbox-focus-color-outer-a, 100%)))}.ckbox .ckbox-btn:focus-visible,.ckbox .ckbox-btn--focus-visible{outline:0;box-shadow:0 0 0 1.5px var(--ckbox-focus-color-inner, hsl(var(--ckbox-neutral-h), var(--ckbox-neutral-s), 100%)),0 0 0 3.5px var(--ckbox-focus-color-outer, hsl(var(--ckbox-focus-color-outer-hsl, var(--ckbox-action-h) var(--ckbox-action-s) 60%)/var(--ckbox-focus-color-outer-a, 100%)))}.ckbox .ckbox-btn:focus:not(:focus-visible){box-shadow:none}.ckbox .ckbox-btn__icon{color:var(--ckbox-btn-icon-color-override, var(--ckbox-btn-icon-color));transition:color calc(var(--ckbox-animation-duration-primary)*1ms)}.ckbox .ckbox-btn__text{color:var(--ckbox-btn-text-color);font-size:var(--ckbox-btn-font-size);line-height:var(--ckbox-btn-line-height)}.ckbox .ckbox-btn--action{--ckbox-btn-icon-color-fill: hsl(var(--ckbox-neutral-h), var(--ckbox-neutral-s), var(--ckbox-neutral-l-100));--ckbox-btn-text-color-fill: hsl(var(--ckbox-neutral-h), var(--ckbox-neutral-s), var(--ckbox-neutral-l-100));--ckbox-btn-background-color-fill: hsl(var(--ckbox-action-h), var(--ckbox-action-s), 50%);--ckbox-btn-background-color-fill-hover: hsl(var(--ckbox-action-h), var(--ckbox-action-s), 40%);--ckbox-btn-icon-color-outline: hsl(var(--ckbox-action-h), var(--ckbox-action-s), 50%);--ckbox-btn-text-color-outline: hsl(var(--ckbox-action-h), var(--ckbox-action-s), 50%);--ckbox-btn-background-color-outline-hover: hsl(var(--ckbox-action-h), var(--ckbox-action-s), 60%, 15%);--ckbox-btn-border-color-outline: hsl(var(--ckbox-action-h), var(--ckbox-action-s), 60%);--ckbox-btn-icon-color-plain: hsl(var(--ckbox-action-h), var(--ckbox-action-s), 50%);--ckbox-btn-text-color-plain: hsl(var(--ckbox-action-h), var(--ckbox-action-s), 50%);--ckbox-btn-background-color-plain-hover: hsl(var(--ckbox-action-h), var(--ckbox-action-s), 60%, 15%)}.ckbox .ckbox-btn--danger{--ckbox-btn-icon-color-fill: hsl(var(--ckbox-neutral-h), var(--ckbox-neutral-s), var(--ckbox-neutral-l-100));--ckbox-btn-text-color-fill: hsl(var(--ckbox-neutral-h), var(--ckbox-neutral-s), var(--ckbox-neutral-l-100));--ckbox-btn-background-color-fill: hsl(var(--ckbox-danger-h), var(--ckbox-danger-s), 50%);--ckbox-btn-background-color-fill-hover: hsl(var(--ckbox-danger-h), var(--ckbox-danger-s), 40%);--ckbox-btn-icon-color-outline: hsl(var(--ckbox-danger-h), var(--ckbox-danger-s), 50%);--ckbox-btn-text-color-outline: hsl(var(--ckbox-danger-h), var(--ckbox-danger-s), 50%);--ckbox-btn-background-color-outline-hover: hsl(var(--ckbox-danger-h), var(--ckbox-danger-s), 60%, 15%);--ckbox-btn-border-color-outline: hsl(var(--ckbox-danger-h), var(--ckbox-danger-s), 60%);--ckbox-btn-icon-color-plain: hsl(var(--ckbox-danger-h), var(--ckbox-danger-s), 50%);--ckbox-btn-text-color-plain: hsl(var(--ckbox-danger-h), var(--ckbox-danger-s), 50%);--ckbox-btn-background-color-plain-hover: hsl(var(--ckbox-danger-h), var(--ckbox-danger-s), 60%, 15%)}.ckbox .ckbox-btn--neutral{--ckbox-btn-icon-color-fill: hsl(var(--ckbox-neutral-h), var(--ckbox-neutral-s), var(--ckbox-neutral-l-100));--ckbox-btn-text-color-fill: hsl(var(--ckbox-neutral-h), var(--ckbox-neutral-s), var(--ckbox-neutral-l-100));--ckbox-btn-background-color-fill: hsl(var(--ckbox-neutral-h), var(--ckbox-neutral-s), var(--ckbox-neutral-l-50));--ckbox-btn-background-color-fill-hover: hsl(var(--ckbox-neutral-h), var(--ckbox-neutral-s), var(--ckbox-neutral-l-40));--ckbox-btn-icon-color-outline: hsl(var(--ckbox-neutral-h), var(--ckbox-neutral-s), var(--ckbox-neutral-l-10));--ckbox-btn-text-color-outline: hsl(var(--ckbox-neutral-h), var(--ckbox-neutral-s), var(--ckbox-neutral-l-10));--ckbox-btn-background-color-outline-hover: hsl(var(--ckbox-neutral-h) var(--ckbox-neutral-s) var(--ckbox-neutral-l-60)/15%);--ckbox-btn-border-color-outline: hsl(var(--ckbox-neutral-h), var(--ckbox-neutral-s), var(--ckbox-neutral-l-60));--ckbox-btn-icon-color-plain: hsl(var(--ckbox-neutral-h), var(--ckbox-neutral-s), var(--ckbox-neutral-l-10));--ckbox-btn-text-color-plain: hsl(var(--ckbox-neutral-h), var(--ckbox-neutral-s), var(--ckbox-neutral-l-10));--ckbox-btn-background-color-plain-hover: hsl(var(--ckbox-neutral-h) var(--ckbox-neutral-s) var(--ckbox-neutral-l-60)/15%)}.ckbox .ckbox-btn--fill{--ckbox-btn-icon-color: var(--ckbox-btn-icon-color-fill);--ckbox-btn-text-color: var(--ckbox-btn-text-color-fill);--ckbox-btn-background-color: var(--ckbox-btn-background-color-fill)}.ckbox .ckbox-btn--fill-active,.ckbox .ckbox-btn--fill:hover{--ckbox-btn-background-color: var(--ckbox-btn-background-color-fill-hover)}.ckbox .ckbox-btn--outline{--ckbox-btn-icon-color: var(--ckbox-btn-icon-color-outline);--ckbox-btn-text-color: var(--ckbox-btn-text-color-outline);--ckbox-btn-border-color: var(--ckbox-btn-border-color-outline)}.ckbox .ckbox-btn--outline-active,.ckbox .ckbox-btn--outline:hover{--ckbox-btn-background-color: var(--ckbox-btn-background-color-outline-hover)}.ckbox .ckbox-btn--plain{--ckbox-btn-icon-color: var(--ckbox-btn-icon-color-plain);--ckbox-btn-text-color: var(--ckbox-btn-text-color-plain)}.ckbox .ckbox-btn--plain-active,.ckbox .ckbox-btn--plain:hover{--ckbox-btn-background-color: var(--ckbox-btn-background-color-plain-hover)}.ckbox .ckbox-btn--icon-fill-only{--ckbox-btn-text-color: hsl(var(--ckbox-neutral-h), var(--ckbox-neutral-s), var(--ckbox-neutral-l-10))}.ckbox .ckbox-btn--reverse{flex-direction:row-reverse}.ckbox .ckbox-btn--full-width{display:flex;width:100%}.ckbox .ckbox-btn--small{--ckbox-btn-padding-vertical: var(--ckbox-spacing-compact);--ckbox-btn-padding-horizontal: var(--ckbox-spacing-smallest);--ckbox-btn-font-size: var(--ckbox-font-smallest);--ckbox-btn-line-height: var(--ckbox-spacing-small)}.ckbox .ckbox-btn--icon-only{--ckbox-btn-padding-horizontal: var(--ckbox-spacing-smallest)}.ckbox .ckbox-btn--icon-only-small{--ckbox-btn-padding-vertical: var(--ckbox-spacing-tiny);--ckbox-btn-padding-horizontal: var(--ckbox-spacing-tiny)}.ckbox .ckbox-btn[disabled]{opacity:.5;pointer-events:none}.ckbox .ckbox-circular-loader{align-items:center;display:flex;height:calc(var(--ckbox-spacing-biggest) + var(--ckbox-spacing-tiny));justify-items:center;margin-bottom:calc(var(--ckbox-spacing-compact) * -1);margin-top:calc(var(--ckbox-spacing-compact) * -1);position:relative;width:calc(var(--ckbox-spacing-biggest) + var(--ckbox-spacing-tiny))}.ckbox .ckbox-circular-loader--clickable{cursor:pointer}.ckbox .ckbox-circular-loader__loader{position:absolute;width:100%}.ckbox .ckbox-circular-loader__label{flex:1;font-size:var(--ckbox-font-smallest);font-weight:600;text-align:center}.ckbox .ckbox-circular-loader__bg{fill:none;stroke:hsl(var(--ckbox-neutral-h), var(--ckbox-neutral-s), var(--ckbox-neutral-l-90));stroke-width:3px}.ckbox .ckbox-circular-loader__loaded{fill:none;stroke:hsl(var(--ckbox-action-h), var(--ckbox-action-s), 50%);stroke-width:3px}.ckbox .ckbox-circular-loader__error{background-color:hsl(var(--ckbox-danger-h), var(--ckbox-danger-s), 90%);border-radius:var(--ckbox-radius-big);bottom:0;left:50%;position:absolute;transform:translateX(-50%) translateY(5%)}.ckbox .ckbox-circular-loader__error path{transform:translateY(-5%)}.ckbox .ckbox-copyable-input{color:hsl(var(--ckbox-neutral-h), var(--ckbox-neutral-s), var(--ckbox-neutral-l-10));font-size:var(--ckbox-font-small);--ckbox-focus-color-outer-a: 20%;background-color:hsl(var(--ckbox-neutral-h), var(--ckbox-neutral-s), var(--ckbox-neutral-l-98));border-radius:var(--ckbox-radius-medium);border:1px solid hsl(var(--ckbox-neutral-h), var(--ckbox-neutral-s), var(--ckbox-neutral-l-70));padding:0 var(--ckbox-spacing-smaller);width:100%;display:flex;align-items:center;gap:var(--ckbox-spacing-smallest)}.ckbox .ckbox-copyable-input:focus{outline:0;box-shadow:inset 0 0 0 3px var(--ckbox-focus-color-outer, hsl(var(--ckbox-focus-color-outer-hsl, var(--ckbox-action-h) var(--ckbox-action-s) 60%)/var(--ckbox-focus-color-outer-a, 100%))),inset 0 0 0 4px var(--ckbox-focus-color-inner, hsl(var(--ckbox-neutral-h), var(--ckbox-neutral-s), 100%))}.ckbox .ckbox-copyable-input:focus-visible,.ckbox .ckbox-copyable-input--focus-visible{outline:0;box-shadow:inset 0 0 0 3px var(--ckbox-focus-color-outer, hsl(var(--ckbox-focus-color-outer-hsl, var(--ckbox-action-h) var(--ckbox-action-s) 60%)/var(--ckbox-focus-color-outer-a, 100%))),inset 0 0 0 4px var(--ckbox-focus-color-inner, hsl(var(--ckbox-neutral-h), var(--ckbox-neutral-s), 100%));border-color:hsl(var(--ckbox-action-h), var(--ckbox-action-s), 50%)}.ckbox .ckbox-copyable-input:focus:not(:focus-visible){box-shadow:none}.ckbox .ckbox-copyable-input--error{border-color:hsl(var(--ckbox-danger-h), var(--ckbox-danger-s), 50%)}.ckbox .ckbox-copyable-input--error:focus{outline:0;box-shadow:inset 0 0 0 3px var(--ckbox-focus-color-outer, hsl(var(--ckbox-focus-color-outer-hsl, var(--ckbox-action-h) var(--ckbox-action-s) 60%)/var(--ckbox-focus-color-outer-a, 100%))),inset 0 0 0 4px var(--ckbox-focus-color-inner, hsl(var(--ckbox-neutral-h), var(--ckbox-neutral-s), 100%))}.ckbox .ckbox-copyable-input--error:focus-visible,.ckbox .ckbox-copyable-input--error--focus-visible{outline:0;box-shadow:inset 0 0 0 3px var(--ckbox-focus-color-outer, hsl(var(--ckbox-focus-color-outer-hsl, var(--ckbox-action-h) var(--ckbox-action-s) 60%)/var(--ckbox-focus-color-outer-a, 100%))),inset 0 0 0 4px var(--ckbox-focus-color-inner, hsl(var(--ckbox-neutral-h), var(--ckbox-neutral-s), 100%));border-color:hsl(var(--ckbox-danger-h), var(--ckbox-danger-s), 50%)}.ckbox .ckbox-copyable-input--error:focus:not(:focus-visible){box-shadow:none}.ckbox .ckbox-copyable-input--disabled,.ckbox .ckbox-copyable-input:disabled{opacity:.5;pointer-events:none}.ckbox .ckbox-copyable-input__field{color:hsl(var(--ckbox-neutral-h), var(--ckbox-neutral-s), var(--ckbox-neutral-l-10));font-size:var(--ckbox-font-small);-webkit-appearance:none;appearance:none;background-color:rgba(0,0,0,0);border:0;outline:none;padding:0;max-width:100%;flex-grow:1}.ckbox .ckbox-copyable-input__field::placeholder{color:hsl(var(--ckbox-neutral-h), var(--ckbox-neutral-s), var(--ckbox-neutral-l-50))}.ckbox .ckbox-copyable-input__field{padding-top:var(--ckbox-spacing-smallest);padding-bottom:var(--ckbox-spacing-smallest)}.ckbox .ckbox-dialog{position:absolute;left:50%;top:50%;border-radius:var(--ckbox-radius-big);box-shadow:var(--ckbox-shadow-level-4);display:flex;flex-direction:column;overflow:hidden;z-index:30}.ckbox .ckbox-dialog--size-sm{width:400px}.ckbox .ckbox-dialog--size-md{width:450px}.ckbox .ckbox-dialog--size-lg{width:700px}.ckbox .ckbox-dialog--height-md{height:340px}.ckbox .ckbox-dialog-actions{display:flex;justify-content:flex-end;gap:var(--ckbox-spacing-smallest);padding:var(--ckbox-spacing-smaller) var(--ckbox-spacing-base)}.ckbox .ckbox-dialog-column{display:flex;flex-direction:column;flex:1;background-color:hsl(var(--ckbox-neutral-h), var(--ckbox-neutral-s), var(--ckbox-neutral-l-100))}.ckbox .ckbox-dialog-column--overflow{overflow:auto}.ckbox .ckbox-dialog-footer{display:flex;align-items:center;justify-content:space-between;padding:var(--ckbox-spacing-smaller) var(--ckbox-spacing-base);min-height:62px;background-color:hsl(var(--ckbox-neutral-h), var(--ckbox-neutral-s), var(--ckbox-neutral-l-100))}.ckbox .ckbox-dialog-footer__detail{font-size:var(--ckbox-font-small)}.ckbox .ckbox-dialog-footer__detail:not(:first-child){border-left:1px solid hsl(var(--ckbox-neutral-h), var(--ckbox-neutral-s), var(--ckbox-neutral-l-70));margin-left:var(--ckbox-spacing-smallest);padding-left:var(--ckbox-spacing-smallest)}.ckbox .ckbox-dialog-footer__detail--error{color:hsl(var(--ckbox-danger-h), var(--ckbox-danger-s), 50%)}.ckbox .ckbox-dialog-footer__detail--warning{color:hsl(var(--ckbox-warning-h), var(--ckbox-warning-s), 50%, 100%)}.ckbox .ckbox-dialog-header{position:relative;background-color:hsl(var(--ckbox-action-h), var(--ckbox-action-s), 10%)}.ckbox .ckbox-dialog-header--success{background-color:hsl(var(--ckbox-success-h), var(--ckbox-success-s), 35%, 100%)}.ckbox .ckbox-dialog-header--error{background-color:hsl(var(--ckbox-danger-h), var(--ckbox-danger-s), 50%)}.ckbox .ckbox-dialog-header--draggable{cursor:move}.ckbox .ckbox-dialog-header__content{--ckbox-btn-icon-color-override: hsl(var(--ckbox-neutral-h), var(--ckbox-neutral-s), var(--ckbox-neutral-l-100));color:hsl(var(--ckbox-neutral-h), var(--ckbox-neutral-s), var(--ckbox-neutral-l-100));align-items:center;display:flex;justify-content:space-between;padding:var(--ckbox-spacing-compact) var(--ckbox-spacing-smaller);position:relative}.ckbox .ckbox-dialog-header__title{font-size:var(--ckbox-font-bigger);font-weight:900}.ckbox .ckbox-dialog-header__title--sm{font-size:var(--ckbox-font-base);font-weight:400}.ckbox .ckbox-dialog-header__subtitle{font-size:var(--ckbox-font-small)}.ckbox .ckbox-dialog-header__subtitle--gap{margin-left:var(--ckbox-spacing-base)}.ckbox .ckbox-dialog-header__description{align-items:center;display:flex}.ckbox .ckbox-dialog-header__progress-bar{-webkit-appearance:none;appearance:none;height:100%;position:absolute;width:100%;left:0;top:0;border:0}.ckbox .ckbox-dialog-header__progress-bar::-webkit-progress-bar,.ckbox .ckbox-dialog-header__progress-bar{background-color:rgba(0,0,0,0);-webkit-transition:width calc(var(--ckbox-animation-duration-secondary)*1ms) ease-in;transition:width calc(var(--ckbox-animation-duration-secondary)*1ms) ease-in}.ckbox .ckbox-dialog-header__progress-bar::-webkit-progress-value{background-color:hsl(var(--ckbox-action-h), var(--ckbox-action-s), 50%);-webkit-transition:width calc(var(--ckbox-animation-duration-secondary)*1ms) ease-in;transition:width calc(var(--ckbox-animation-duration-secondary)*1ms) ease-in}.ckbox .ckbox-dialog-header__progress-bar::-moz-progress-bar{background-color:hsl(var(--ckbox-action-h), var(--ckbox-action-s), 50%);-moz-transition:width calc(var(--ckbox-animation-duration-secondary)*1ms) ease-in;transition:width calc(var(--ckbox-animation-duration-secondary)*1ms) ease-in}.ckbox .ckbox-dialog-header__progress-bar--in-progress::after{animation:wave 2s linear .5s infinite;background:linear-gradient(90deg, transparent, hsl(var(--ckbox-action-h), var(--ckbox-action-s), 60%, 15%), transparent);bottom:0;content:"";left:0;position:absolute;right:0;top:0;transform:translateX(-100%)}@keyframes wave{0%{transform:translateX(-100%)}50%{transform:translateX(100%)}100%{transform:translateX(100%)}}.ckbox .ckbox-dialog-row{display:flex;background-color:hsl(var(--ckbox-neutral-h), var(--ckbox-neutral-s), var(--ckbox-neutral-l-100))}.ckbox .ckbox-dialog-section{line-height:1.3;font-size:var(--ckbox-font-small);padding:var(--ckbox-spacing-smaller) var(--ckbox-spacing-base);background-color:hsl(var(--ckbox-neutral-h), var(--ckbox-neutral-s), var(--ckbox-neutral-l-100))}.ckbox .ckbox-dialog-section--accent{background-color:hsl(var(--ckbox-neutral-h) var(--ckbox-neutral-s) var(--ckbox-neutral-l-60)/15%)}.ckbox .ckbox-dialog-section--error{background-color:hsl(var(--ckbox-danger-h), var(--ckbox-danger-s), 60%, 15%);color:hsl(var(--ckbox-danger-h), var(--ckbox-danger-s), 50%);font-weight:500}.ckbox .ckbox-dialog-section--header{font-size:var(--ckbox-font-base);font-weight:700}.ckbox .ckbox-dialog-section--spacing-none{padding:0}.ckbox .ckbox-dialog-section--collapse{padding-top:0}.ckbox .ckbox-dialog-section--full-height{height:100%}.ckbox .ckbox-doc-icon{height:100%;width:100%;display:flex;justify-content:center;align-items:center}.ckbox .ckbox-doc-icon--archive{background-color:#f4e9f5}.ckbox .ckbox-doc-icon--empty{background-color:#fff}.ckbox .ckbox-doc-icon--excel{background-color:#e8f5ef}.ckbox .ckbox-doc-icon--img{background-color:#f5f5f5}.ckbox .ckbox-doc-icon--movie{background-color:#e5f5f7}.ckbox .ckbox-doc-icon--music{background-color:#fff6ea}.ckbox .ckbox-doc-icon--pdf{background-color:#ffeae8}.ckbox .ckbox-doc-icon--ppt{background-color:#f9ebe8}.ckbox .ckbox-doc-icon--txt{background-color:#f8f8fb}.ckbox .ckbox-doc-icon--word{background-color:#e9eff7}.ckbox .ckbox-doc-icon__icon{width:56px;height:66px}.ckbox .ckbox-empty-view{align-items:center;display:flex;flex-direction:column;justify-content:center;min-height:100%;--ckbox-empty-view-background-color: hsl(var(--ckbox-neutral-h), var(--ckbox-neutral-s), var(--ckbox-neutral-l-100))}.ckbox .ckbox-empty-view--active{--ckbox-empty-view-background-color: hsl(var(--ckbox-action-h), var(--ckbox-action-s), 60%, 15%)}.ckbox .ckbox-empty-view__content{border-radius:var(--ckbox-radius-big);background-color:var(--ckbox-empty-view-background-color);position:relative;align-items:center;display:flex;flex-direction:column;max-width:600px;padding:var(--ckbox-spacing-biggest) var(--ckbox-spacing-humongous);width:80%;transition:background-color calc(var(--ckbox-animation-duration-primary)*1ms)}.ckbox .ckbox-empty-view__content::before{position:absolute;content:"";display:block;width:100%;height:100%;left:0;top:0;background-color:hsl(var(--ckbox-action-h), var(--ckbox-action-s), 50%);border-radius:var(--ckbox-radius-big);-webkit-mask-image:url("data:image/svg+xml,%3csvg width='100%25' height='100%25' xmlns='http://www.w3.org/2000/svg'%3e%3crect width='100%25' height='100%25' fill='none' rx='7' ry='7' stroke='%23333' stroke-width='2' stroke-dasharray='6%2c 7' stroke-dashoffset='9' stroke-linecap='square'/%3e%3c/svg%3e");mask-image:url("data:image/svg+xml,%3csvg width='100%25' height='100%25' xmlns='http://www.w3.org/2000/svg'%3e%3crect width='100%25' height='100%25' fill='none' rx='7' ry='7' stroke='%23333' stroke-width='2' stroke-dasharray='6%2c 7' stroke-dashoffset='9' stroke-linecap='square'/%3e%3c/svg%3e")}.ckbox .ckbox-empty-view__content .ckbox-btn{position:relative}.ckbox .ckbox-empty-view__label{margin-bottom:var(--ckbox-spacing-big);text-align:center}.ckbox .ckbox-file-input{display:none}.ckbox .ckbox-form-feedback{font-size:var(--ckbox-font-smallest);font-weight:500;margin:var(--ckbox-spacing-compact) 0 var(--ckbox-spacing-smallest) var(--ckbox-spacing-smallest);padding-left:var(--ckbox-spacing-compact)}.ckbox .ckbox-form-feedback--error{color:hsl(var(--ckbox-danger-h), var(--ckbox-danger-s), 50%)}.ckbox .ckbox-form-feedback--warning{color:hsl(var(--ckbox-warning-h), var(--ckbox-warning-s), 50%, 100%)}.ckbox .ckbox-form-group{position:relative;margin-top:var(--ckbox-spacing-smallest);margin-bottom:var(--ckbox-spacing-smallest)}.ckbox .ckbox-form-group--base{margin-top:var(--ckbox-spacing-base);margin-bottom:var(--ckbox-spacing-base)}.ckbox .ckbox-form-group--md{margin-top:var(--ckbox-spacing-medium);margin-bottom:var(--ckbox-spacing-medium)}.ckbox .ckbox-form-input-label{color:hsl(var(--ckbox-neutral-h), var(--ckbox-neutral-s), var(--ckbox-neutral-l-10));font-size:var(--ckbox-font-smallest);line-height:1;padding:0 var(--ckbox-spacing-compact);position:absolute;left:var(--ckbox-spacing-smallest);bottom:calc(100% - var(--ckbox-font-smallest) / 2);z-index:1}.ckbox .ckbox-form-input-label::before{display:block;position:absolute;content:"";bottom:0;left:calc(-1 * var(--ckbox-spacing-tiny));right:calc(-1 * var(--ckbox-spacing-tiny));background-color:hsl(var(--ckbox-neutral-h), var(--ckbox-neutral-s), var(--ckbox-neutral-l-98));height:calc(var(--ckbox-font-smallest) / 2);z-index:-1}.ckbox .ckbox-gallery{display:grid;grid-gap:var(--ckbox-spacing-base);grid-template-columns:repeat(auto-fill, minmax(var(--ckbox-gallery-size), 1fr));-webkit-user-select:none;user-select:none}.ckbox .ckbox-gallery-item{min-width:var(--ckbox-gallery-size)}.ckbox .ckbox-gallery-item:focus{outline:0;box-shadow:0 0 0 1.5px var(--ckbox-focus-color-inner, hsl(var(--ckbox-neutral-h), var(--ckbox-neutral-s), 100%)),0 0 0 3.5px var(--ckbox-focus-color-outer, hsl(var(--ckbox-focus-color-outer-hsl, var(--ckbox-action-h) var(--ckbox-action-s) 60%)/var(--ckbox-focus-color-outer-a, 100%)))}.ckbox .ckbox-gallery-item:focus-visible,.ckbox .ckbox-gallery-item--focus-visible{outline:0;box-shadow:0 0 0 1.5px var(--ckbox-focus-color-inner, hsl(var(--ckbox-neutral-h), var(--ckbox-neutral-s), 100%)),0 0 0 3.5px var(--ckbox-focus-color-outer, hsl(var(--ckbox-focus-color-outer-hsl, var(--ckbox-action-h) var(--ckbox-action-s) 60%)/var(--ckbox-focus-color-outer-a, 100%)))}.ckbox .ckbox-gallery-item:focus:not(:focus-visible){box-shadow:none}.ckbox .ckbox-gallery-item__label{background-color:hsl(var(--ckbox-neutral-h), var(--ckbox-neutral-s), var(--ckbox-neutral-l-100));box-shadow:var(--ckbox-shadow-level-1);display:block;overflow:hidden;position:relative}.ckbox .ckbox-gallery-item__label--active{outline:1px solid hsl(var(--ckbox-action-h), var(--ckbox-action-s), 50%)}.ckbox .ckbox-gallery-item__details{border-top:1px solid hsl(var(--ckbox-neutral-h), var(--ckbox-neutral-s), var(--ckbox-neutral-l-90));cursor:pointer;display:flex;align-items:center;padding:var(--ckbox-spacing-smallest);position:relative;gap:var(--ckbox-spacing-compact)}.ckbox .ckbox-gallery-item__name{font-size:var(--ckbox-font-smallest);overflow:hidden;position:relative;text-overflow:ellipsis;white-space:nowrap;flex-grow:1}.ckbox .ckbox-gallery-item__checkmark{flex-shrink:0;opacity:0}.ckbox .ckbox-gallery-item__checkmark--active{color:hsl(var(--ckbox-action-h), var(--ckbox-action-s), 50%);opacity:1}.ckbox .ckbox-gallery-figure{height:var(--ckbox-gallery-size);cursor:pointer;margin:0;overflow:hidden;position:relative}.ckbox .ckbox-gallery-figure__caption{background-color:hsl(var(--ckbox-neutral-h), var(--ckbox-neutral-s), var(--ckbox-neutral-l-10));color:hsl(var(--ckbox-neutral-h), var(--ckbox-neutral-s), var(--ckbox-neutral-l-100));font-size:var(--ckbox-font-smaller);left:0;padding:var(--ckbox-spacing-compact);position:absolute;text-transform:uppercase;line-height:1;top:0;z-index:1}.ckbox .ckbox-gallery-figure__content{height:100%;width:100%}.ckbox .ckbox-gallery-skeleton{background-color:hsl(var(--ckbox-neutral-h), var(--ckbox-neutral-s), var(--ckbox-neutral-l-98));box-shadow:var(--ckbox-shadow-level-1);padding:var(--ckbox-spacing-smallest)}.ckbox .ckbox-gallery-skeleton__figure{height:calc(
1
+ .ckbox-theme-default{--ckbox-action-h: 214;--ckbox-action-s: 100%;--ckbox-danger-h: 356;--ckbox-danger-s: 100%;--ckbox-neutral-h: 220;--ckbox-neutral-s: 10%;--ckbox-neutral-l-10: 10%;--ckbox-neutral-l-20: 20%;--ckbox-neutral-l-30: 30%;--ckbox-neutral-l-40: 40%;--ckbox-neutral-l-50: 50%;--ckbox-neutral-l-60: 60%;--ckbox-neutral-l-70: 70%;--ckbox-neutral-l-80: 80%;--ckbox-neutral-l-90: 90%;--ckbox-neutral-l-95: 95%;--ckbox-neutral-l-98: 98%;--ckbox-neutral-l-100: 100%;--ckbox-warning-h: 36;--ckbox-warning-s: 100%;--ckbox-success-h: 147;--ckbox-success-s: 100%;--ckbox-font-family: -apple-system, "BlinkMacSystemFont", avenir next, avenir, segoe ui, helvetica neue, helvetica, "Ubuntu", roboto, noto, arial, sans-serif;--ckbox-font-smallest: 11.2px;--ckbox-font-smaller: 12px;--ckbox-font-small: 13.6px;--ckbox-font-base: 16px;--ckbox-font-medium: 18px;--ckbox-font-big: 20px;--ckbox-font-bigger: 24px;--ckbox-font-biggest: 32px;--ckbox-spacing-tiny: 2.4px;--ckbox-spacing-compact: 4px;--ckbox-spacing-smallest: 8px;--ckbox-spacing-smaller: 12px;--ckbox-spacing-small: 13.6px;--ckbox-spacing-base: 16px;--ckbox-spacing-medium: 20px;--ckbox-spacing-big: 24px;--ckbox-spacing-bigger: 32px;--ckbox-spacing-biggest: 48px;--ckbox-spacing-humongous: 80px;--ckbox-radius-medium: 4px;--ckbox-radius-big: 7px;--ckbox-radius-bigger: 15px;--ckbox-shadow-color: hsl( var(--ckbox-neutral-h) var(--ckbox-neutral-s) var(--ckbox-neutral-l-20) / 15% );--ckbox-shadow-top: 0 -2px 4px var(--ckbox-shadow-color);--ckbox-shadow-bottom: 0 2px 4px var(--ckbox-shadow-color);--ckbox-shadow-level-1: 0 0 2px 1px var(--ckbox-shadow-color);--ckbox-shadow-level-2: 0 0 4px 2px var(--ckbox-shadow-color);--ckbox-shadow-level-3: 0 0 6px 3px var(--ckbox-shadow-color);--ckbox-shadow-level-4: 0 0 8px 4px var(--ckbox-shadow-color);--ckbox-animation-duration-primary: 200;--ckbox-animation-duration-secondary: 70;--ckbox-z-index-root: 9999}.ckbox-reset{all:initial;height:100%;line-height:1.5;-webkit-font-smoothing:antialiased}.ckbox-reset *:where(:not(svg *,[draggable])){all:revert}.ckbox-reset *,.ckbox-reset *::before,.ckbox-reset *::after{box-sizing:border-box}.ckbox-reset *{margin:0}.ckbox-reset img,.ckbox-reset picture,.ckbox-reset video,.ckbox-reset canvas,.ckbox-reset svg{display:block;max-width:100%}.ckbox-reset input,.ckbox-reset button,.ckbox-reset textarea,.ckbox-reset select{font:inherit}.ckbox-reset p,.ckbox-reset h1,.ckbox-reset h2,.ckbox-reset h3,.ckbox-reset h4,.ckbox-reset h5,.ckbox-reset h6{overflow-wrap:break-word}.ckbox{color:hsl(var(--ckbox-neutral-h), var(--ckbox-neutral-s), var(--ckbox-neutral-l-10));font-family:var(--ckbox-font-family);height:100%;overflow:hidden;overflow:clip;scrollbar-color:hsl(var(--ckbox-action-h), var(--ckbox-action-s), 50%) rgba(0,0,0,0);scrollbar-width:thin;position:relative}.ckbox--dialog{isolation:isolate;z-index:var(--ckbox-z-index-root);overflow:initial}.ckbox *::-webkit-scrollbar{width:var(--ckbox-spacing-base)}.ckbox *::-webkit-scrollbar-thumb{background-color:hsl(var(--ckbox-action-h), var(--ckbox-action-s), 50%);border-radius:var(--ckbox-radius-big);border:var(--ckbox-spacing-compact) solid rgba(0,0,0,0);background-clip:padding-box}.ckbox .ckbox-bottombar{background-color:hsl(var(--ckbox-neutral-h), var(--ckbox-neutral-s), var(--ckbox-neutral-l-100));box-shadow:var(--ckbox-shadow-top);display:flex;gap:var(--ckbox-spacing-smallest);align-items:center;font-size:var(--ckbox-font-base);padding:var(--ckbox-spacing-smallest) var(--ckbox-spacing-big);flex-wrap:wrap;position:relative}.ckbox .ckbox-bottombar__content{display:flex;flex:999 0 auto;justify-content:center}.ckbox .ckbox-bottombar__side-content{display:flex;gap:var(--ckbox-spacing-base);justify-content:center;align-items:center;flex-grow:1}.ckbox .ckbox-bottombar__status{font-size:var(--ckbox-font-small);position:absolute;left:0;bottom:100%;background:hsl(var(--ckbox-neutral-h) var(--ckbox-neutral-s) var(--ckbox-neutral-l-40)/75%);color:hsl(var(--ckbox-neutral-h), var(--ckbox-neutral-s), var(--ckbox-neutral-l-100));padding:var(--ckbox-spacing-tiny) var(--ckbox-spacing-smallest);display:block;border-top-right-radius:var(--ckbox-radius-big)}.ckbox .ckbox-btn{--ckbox-btn-border-color: transparent;--ckbox-btn-padding-vertical: var(--ckbox-spacing-smallest);--ckbox-btn-padding-horizontal: var(--ckbox-spacing-smaller);--ckbox-btn-font-size: var(--ckbox-font-small);--ckbox-btn-line-height: var(--ckbox-spacing-medium);border-radius:var(--ckbox-radius-big);cursor:pointer;display:inline-flex;justify-content:center;align-items:center;-webkit-user-select:none;user-select:none;gap:var(--ckbox-spacing-compact);transition:background-color calc(var(--ckbox-animation-duration-primary)*1ms);font-weight:500;padding:var(--ckbox-btn-padding-vertical) var(--ckbox-btn-padding-horizontal);background-color:var(--ckbox-btn-background-color);border:1px solid var(--ckbox-btn-border-color)}.ckbox .ckbox-btn:focus{outline:0;box-shadow:0 0 0 1.5px var(--ckbox-focus-color-inner, hsl(var(--ckbox-neutral-h), var(--ckbox-neutral-s), 100%)),0 0 0 3.5px var(--ckbox-focus-color-outer, hsl(var(--ckbox-focus-color-outer-hsl, var(--ckbox-action-h) var(--ckbox-action-s) 60%)/var(--ckbox-focus-color-outer-a, 100%)))}.ckbox .ckbox-btn:focus-visible,.ckbox .ckbox-btn--focus-visible{outline:0;box-shadow:0 0 0 1.5px var(--ckbox-focus-color-inner, hsl(var(--ckbox-neutral-h), var(--ckbox-neutral-s), 100%)),0 0 0 3.5px var(--ckbox-focus-color-outer, hsl(var(--ckbox-focus-color-outer-hsl, var(--ckbox-action-h) var(--ckbox-action-s) 60%)/var(--ckbox-focus-color-outer-a, 100%)))}.ckbox .ckbox-btn:focus:not(:focus-visible){box-shadow:none}.ckbox .ckbox-btn__icon{color:var(--ckbox-btn-icon-color-override, var(--ckbox-btn-icon-color))}.ckbox .ckbox-btn__icon--transparent{color:rgba(0,0,0,0)}.ckbox .ckbox-btn__text{color:var(--ckbox-btn-text-color);font-size:var(--ckbox-btn-font-size);line-height:var(--ckbox-btn-line-height)}.ckbox .ckbox-btn__text--disabled-wrapping{word-break:keep-all;white-space:nowrap}.ckbox .ckbox-btn__text--transparent{color:rgba(0,0,0,0)}.ckbox .ckbox-btn--action{--ckbox-btn-icon-color-fill: hsl(var(--ckbox-neutral-h), var(--ckbox-neutral-s), var(--ckbox-neutral-l-100));--ckbox-btn-text-color-fill: hsl(var(--ckbox-neutral-h), var(--ckbox-neutral-s), var(--ckbox-neutral-l-100));--ckbox-btn-background-color-fill: hsl(var(--ckbox-action-h), var(--ckbox-action-s), 50%);--ckbox-btn-background-color-fill-hover: hsl(var(--ckbox-action-h), var(--ckbox-action-s), 45%);--ckbox-btn-background-color-fill-active: hsl(var(--ckbox-action-h), var(--ckbox-action-s), 40%);--ckbox-btn-icon-color-outline: hsl(var(--ckbox-action-h), var(--ckbox-action-s), 50%);--ckbox-btn-text-color-outline: hsl(var(--ckbox-action-h), var(--ckbox-action-s), 50%);--ckbox-btn-border-color-outline: hsl(var(--ckbox-action-h), var(--ckbox-action-s), 60%);--ckbox-btn-background-color-outline-hover: hsl(var(--ckbox-action-h), var(--ckbox-action-s), 60%, 7.5%);--ckbox-btn-background-color-outline-active: hsl(var(--ckbox-action-h), var(--ckbox-action-s), 60%, 15%);--ckbox-btn-icon-color-plain: hsl(var(--ckbox-action-h), var(--ckbox-action-s), 50%);--ckbox-btn-text-color-plain: hsl(var(--ckbox-action-h), var(--ckbox-action-s), 50%);--ckbox-btn-background-color-plain-hover: hsl(var(--ckbox-action-h), var(--ckbox-action-s), 60%, 7.5%);--ckbox-btn-background-color-plain-active: hsl(var(--ckbox-action-h), var(--ckbox-action-s), 60%, 15%)}.ckbox .ckbox-btn--danger{--ckbox-btn-icon-color-fill: hsl(var(--ckbox-neutral-h), var(--ckbox-neutral-s), var(--ckbox-neutral-l-100));--ckbox-btn-text-color-fill: hsl(var(--ckbox-neutral-h), var(--ckbox-neutral-s), var(--ckbox-neutral-l-100));--ckbox-btn-background-color-fill: hsl(var(--ckbox-danger-h), var(--ckbox-danger-s), 50%);--ckbox-btn-background-color-fill-hover: hsl(var(--ckbox-danger-h), var(--ckbox-danger-s), 45%);--ckbox-btn-background-color-fill-active: hsl(var(--ckbox-danger-h), var(--ckbox-danger-s), 40%);--ckbox-btn-icon-color-outline: hsl(var(--ckbox-danger-h), var(--ckbox-danger-s), 50%);--ckbox-btn-text-color-outline: hsl(var(--ckbox-danger-h), var(--ckbox-danger-s), 50%);--ckbox-btn-border-color-outline: hsl(var(--ckbox-danger-h), var(--ckbox-danger-s), 60%);--ckbox-btn-background-color-outline-hover: hsl(var(--ckbox-danger-h), var(--ckbox-danger-s), 60%, 7.5%);--ckbox-btn-background-color-outline-active: hsl(var(--ckbox-danger-h), var(--ckbox-danger-s), 60%, 15%);--ckbox-btn-icon-color-plain: hsl(var(--ckbox-danger-h), var(--ckbox-danger-s), 50%);--ckbox-btn-text-color-plain: hsl(var(--ckbox-danger-h), var(--ckbox-danger-s), 50%);--ckbox-btn-background-color-plain-hover: hsl(var(--ckbox-danger-h), var(--ckbox-danger-s), 60%, 7.5%);--ckbox-btn-background-color-plain-active: hsl(var(--ckbox-danger-h), var(--ckbox-danger-s), 60%, 15%)}.ckbox .ckbox-btn--neutral{--ckbox-btn-icon-color-fill: hsl(var(--ckbox-neutral-h), var(--ckbox-neutral-s), var(--ckbox-neutral-l-100));--ckbox-btn-text-color-fill: hsl(var(--ckbox-neutral-h), var(--ckbox-neutral-s), var(--ckbox-neutral-l-100));--ckbox-btn-background-color-fill: hsl(var(--ckbox-neutral-h), var(--ckbox-neutral-s), var(--ckbox-neutral-l-50));--ckbox-btn-background-color-fill-hover: hsl(var(--ckbox-neutral-h), var(--ckbox-neutral-s), var(--ckbox-neutral-l-40));--ckbox-btn-background-color-fill-active: hsl(var(--ckbox-neutral-h), var(--ckbox-neutral-s), var(--ckbox-neutral-l-30));--ckbox-btn-icon-color-outline: hsl(var(--ckbox-neutral-h), var(--ckbox-neutral-s), var(--ckbox-neutral-l-10));--ckbox-btn-text-color-outline: hsl(var(--ckbox-neutral-h), var(--ckbox-neutral-s), var(--ckbox-neutral-l-10));--ckbox-btn-border-color-outline: hsl(var(--ckbox-neutral-h), var(--ckbox-neutral-s), var(--ckbox-neutral-l-60));--ckbox-btn-background-color-outline-hover: hsl(var(--ckbox-neutral-h) var(--ckbox-neutral-s) var(--ckbox-neutral-l-60)/10%);--ckbox-btn-background-color-outline-active: hsl(var(--ckbox-neutral-h) var(--ckbox-neutral-s) var(--ckbox-neutral-l-60)/20%);--ckbox-btn-icon-color-plain: hsl(var(--ckbox-neutral-h), var(--ckbox-neutral-s), var(--ckbox-neutral-l-40));--ckbox-btn-text-color-plain: hsl(var(--ckbox-neutral-h), var(--ckbox-neutral-s), var(--ckbox-neutral-l-20));--ckbox-btn-background-color-plain-hover: hsl(var(--ckbox-neutral-h) var(--ckbox-neutral-s) var(--ckbox-neutral-l-60)/10%);--ckbox-btn-background-color-plain-active: hsl(var(--ckbox-neutral-h) var(--ckbox-neutral-s) var(--ckbox-neutral-l-60)/20%)}.ckbox .ckbox-btn--fill{--ckbox-btn-icon-color: var(--ckbox-btn-icon-color-fill);--ckbox-btn-text-color: var(--ckbox-btn-text-color-fill);--ckbox-btn-background-color: var(--ckbox-btn-background-color-fill)}.ckbox .ckbox-btn--fill-hover,.ckbox .ckbox-btn--fill:hover{--ckbox-btn-background-color: var(--ckbox-btn-background-color-fill-hover)}.ckbox .ckbox-btn--fill-active,.ckbox .ckbox-btn--fill-active:hover,.ckbox .ckbox-btn--fill:active{--ckbox-btn-background-color: var(--ckbox-btn-background-color-fill-active)}.ckbox .ckbox-btn--outline{--ckbox-btn-icon-color: var(--ckbox-btn-icon-color-outline);--ckbox-btn-text-color: var(--ckbox-btn-text-color-outline);--ckbox-btn-border-color: var(--ckbox-btn-border-color-outline)}.ckbox .ckbox-btn--outline-hover,.ckbox .ckbox-btn--outline:hover{--ckbox-btn-background-color: var(--ckbox-btn-background-color-outline-hover)}.ckbox .ckbox-btn--outline-active,.ckbox .ckbox-btn--outline-active:hover,.ckbox .ckbox-btn--outline:active{--ckbox-btn-background-color: var(--ckbox-btn-background-color-outline-active)}.ckbox .ckbox-btn--plain{--ckbox-btn-icon-color: var(--ckbox-btn-icon-color-plain);--ckbox-btn-text-color: var(--ckbox-btn-text-color-plain)}.ckbox .ckbox-btn--plain-hover,.ckbox .ckbox-btn--plain:hover{--ckbox-btn-background-color: var(--ckbox-btn-background-color-plain-hover)}.ckbox .ckbox-btn--plain-active,.ckbox .ckbox-btn--plain-active:hover,.ckbox .ckbox-btn--plain:active{--ckbox-btn-background-color: var(--ckbox-btn-background-color-plain-active)}.ckbox .ckbox-btn--icon-fill-only{--ckbox-btn-text-color: hsl(var(--ckbox-neutral-h), var(--ckbox-neutral-s), var(--ckbox-neutral-l-10))}.ckbox .ckbox-btn--reverse{flex-direction:row-reverse}.ckbox .ckbox-btn--full-width{display:flex;width:100%}.ckbox .ckbox-btn--small{--ckbox-btn-padding-vertical: var(--ckbox-spacing-compact);--ckbox-btn-padding-horizontal: var(--ckbox-spacing-smallest);--ckbox-btn-font-size: var(--ckbox-font-smallest);--ckbox-btn-line-height: var(--ckbox-spacing-small)}.ckbox .ckbox-btn--medium{--ckbox-btn-padding-vertical: var(--ckbox-spacing-smallest);--ckbox-btn-padding-horizontal: var(--ckbox-spacing-smaller);--ckbox-btn-font-size: var(--ckbox-font-smaller);--ckbox-btn-line-height: var(--ckbox-spacing-smallest)}.ckbox .ckbox-btn--icon-only-small{--ckbox-btn-padding-vertical: var(--ckbox-spacing-tiny);--ckbox-btn-padding-horizontal: var(--ckbox-spacing-tiny)}.ckbox .ckbox-btn--icon-only-medium{--ckbox-btn-padding-vertical: var(--ckbox-spacing-compact);--ckbox-btn-padding-horizontal: var(--ckbox-spacing-compact)}.ckbox .ckbox-btn--icon-only-large{--ckbox-btn-padding-horizontal: var(--ckbox-spacing-smallest)}.ckbox .ckbox-btn[disabled]{opacity:.5;pointer-events:none}.ckbox .ckbox-checkbox{color:hsl(var(--ckbox-neutral-h), var(--ckbox-neutral-s), var(--ckbox-neutral-l-100));position:relative;display:flex;align-items:center;border:1px solid hsl(var(--ckbox-neutral-h), var(--ckbox-neutral-s), var(--ckbox-neutral-l-60));border-radius:var(--ckbox-radius-medium);transition:background-color calc(var(--ckbox-animation-duration-primary)*1ms);height:18px;width:18px}.ckbox .ckbox-checkbox:hover{background-color:hsl(var(--ckbox-neutral-h) var(--ckbox-neutral-s) var(--ckbox-neutral-l-60)/10%)}.ckbox .ckbox-checkbox__icon{opacity:0}.ckbox .ckbox-checkbox__icon--checked{opacity:1}.ckbox .ckbox-checkbox__input{cursor:pointer;position:absolute;top:-1px;left:-1px;opacity:0;width:calc(100% + 2px);height:calc(100% + 2px);z-index:1;margin:0;padding:0}.ckbox .ckbox-checkbox--checked{background-color:hsl(var(--ckbox-action-h), var(--ckbox-action-s), 50%);border:1px solid hsl(var(--ckbox-action-h), var(--ckbox-action-s), 50%)}.ckbox .ckbox-checkbox--checked:hover{background-color:hsl(var(--ckbox-action-h), var(--ckbox-action-s), 45%)}.ckbox .ckbox-circular-loader{align-items:center;display:flex;height:calc(var(--ckbox-spacing-biggest) + var(--ckbox-spacing-tiny));justify-items:center;position:relative;width:calc(var(--ckbox-spacing-biggest) + var(--ckbox-spacing-tiny));cursor:pointer;-webkit-user-select:none;user-select:none;padding:0;border:0;background-color:rgba(0,0,0,0)}.ckbox .ckbox-circular-loader__ring{transition:transform calc(var(--ckbox-animation-duration-primary)*1ms);position:absolute;width:100%}.ckbox .ckbox-circular-loader:active .ckbox-circular-loader__ring{transform:scale(0.85);transform-origin:center center}.ckbox .ckbox-circular-loader__label{flex:1;font-size:var(--ckbox-font-smallest);font-weight:600}.ckbox .ckbox-circular-loader__circle{fill:rgba(0,0,0,0);stroke:hsl(var(--ckbox-neutral-h), var(--ckbox-neutral-s), var(--ckbox-neutral-l-90));stroke-width:3px}.ckbox .ckbox-circular-loader__progress{fill:rgba(0,0,0,0);stroke:hsl(var(--ckbox-action-h), var(--ckbox-action-s), 50%);stroke-width:3px;transition:stroke-dashoffset calc(var(--ckbox-animation-duration-primary)*1ms);transform:rotate(-90deg);transform-origin:50% 50%}.ckbox .ckbox-circular-loader__error{transform:translate(32%, 66%) scale(35%)}.ckbox .ckbox-copyable-input{color:hsl(var(--ckbox-neutral-h), var(--ckbox-neutral-s), var(--ckbox-neutral-l-10));font-size:var(--ckbox-font-small);--ckbox-focus-color-outer-a: 20%;background-color:hsl(var(--ckbox-neutral-h), var(--ckbox-neutral-s), var(--ckbox-neutral-l-98));border-radius:var(--ckbox-radius-medium);border:1px solid hsl(var(--ckbox-neutral-h), var(--ckbox-neutral-s), var(--ckbox-neutral-l-70));padding:0 var(--ckbox-spacing-smaller);width:100%;display:flex;align-items:center;gap:var(--ckbox-spacing-smallest)}.ckbox .ckbox-copyable-input:focus{outline:0;box-shadow:inset 0 0 0 3px var(--ckbox-focus-color-outer, hsl(var(--ckbox-focus-color-outer-hsl, var(--ckbox-action-h) var(--ckbox-action-s) 60%)/var(--ckbox-focus-color-outer-a, 100%))),inset 0 0 0 4px var(--ckbox-focus-color-inner, hsl(var(--ckbox-neutral-h), var(--ckbox-neutral-s), 100%))}.ckbox .ckbox-copyable-input:focus-visible,.ckbox .ckbox-copyable-input--focus-visible{outline:0;box-shadow:inset 0 0 0 3px var(--ckbox-focus-color-outer, hsl(var(--ckbox-focus-color-outer-hsl, var(--ckbox-action-h) var(--ckbox-action-s) 60%)/var(--ckbox-focus-color-outer-a, 100%))),inset 0 0 0 4px var(--ckbox-focus-color-inner, hsl(var(--ckbox-neutral-h), var(--ckbox-neutral-s), 100%));border-color:hsl(var(--ckbox-action-h), var(--ckbox-action-s), 50%)}.ckbox .ckbox-copyable-input:focus:not(:focus-visible){box-shadow:none}.ckbox .ckbox-copyable-input--error{border-color:hsl(var(--ckbox-danger-h), var(--ckbox-danger-s), 50%)}.ckbox .ckbox-copyable-input--error:focus{outline:0;box-shadow:inset 0 0 0 3px var(--ckbox-focus-color-outer, hsl(var(--ckbox-focus-color-outer-hsl, var(--ckbox-action-h) var(--ckbox-action-s) 60%)/var(--ckbox-focus-color-outer-a, 100%))),inset 0 0 0 4px var(--ckbox-focus-color-inner, hsl(var(--ckbox-neutral-h), var(--ckbox-neutral-s), 100%))}.ckbox .ckbox-copyable-input--error:focus-visible,.ckbox .ckbox-copyable-input--error--focus-visible{outline:0;box-shadow:inset 0 0 0 3px var(--ckbox-focus-color-outer, hsl(var(--ckbox-focus-color-outer-hsl, var(--ckbox-action-h) var(--ckbox-action-s) 60%)/var(--ckbox-focus-color-outer-a, 100%))),inset 0 0 0 4px var(--ckbox-focus-color-inner, hsl(var(--ckbox-neutral-h), var(--ckbox-neutral-s), 100%));border-color:hsl(var(--ckbox-danger-h), var(--ckbox-danger-s), 50%)}.ckbox .ckbox-copyable-input--error:focus:not(:focus-visible){box-shadow:none}.ckbox .ckbox-copyable-input--disabled,.ckbox .ckbox-copyable-input:disabled{opacity:.5;pointer-events:none}.ckbox .ckbox-copyable-input__field{color:hsl(var(--ckbox-neutral-h), var(--ckbox-neutral-s), var(--ckbox-neutral-l-10));font-size:var(--ckbox-font-small);-webkit-appearance:none;appearance:none;background-color:rgba(0,0,0,0);border:0;outline:none;padding:0;max-width:100%;flex-grow:1}.ckbox .ckbox-copyable-input__field::placeholder{color:hsl(var(--ckbox-neutral-h), var(--ckbox-neutral-s), var(--ckbox-neutral-l-50))}.ckbox .ckbox-copyable-input__field{padding-top:var(--ckbox-spacing-smallest);padding-bottom:var(--ckbox-spacing-smallest)}.ckbox .ckbox-dialog{position:absolute;left:var(--ckbox-dialog-x, var(--ckbox-dialog-center-x, 0));top:var(--ckbox-dialog-y, var(--ckbox-dialog-center-y, 0));border-radius:var(--ckbox-radius-big);box-shadow:var(--ckbox-shadow-level-4);display:flex;flex-direction:column;overflow:hidden;z-index:40}.ckbox .ckbox-dialog--width-sm{width:400px}.ckbox .ckbox-dialog--width-md{width:450px}.ckbox .ckbox-dialog--width-lg{width:550px}.ckbox .ckbox-dialog--width-xl{width:700px}.ckbox .ckbox-dialog--height-md{height:340px}.ckbox .ckbox-dialog--height-lg{height:415px}.ckbox .ckbox-dialog--enter{left:0;top:0;transform:translate(var(--ckbox-dialog-anim-anchor-x, 0), var(--ckbox-dialog-anim-anchor-y, 0)) scale(0);transform-origin:top left}.ckbox .ckbox-dialog--enter-active{transform:translate(var(--ckbox-dialog-x, var(--ckbox-dialog-anim-target-x)), var(--ckbox-dialog-y, var(--ckbox-dialog-anim-target-y))) scale(1);transition:transform calc(var(--ckbox-animation-duration-primary)*1ms + var(--ckbox-animation-duration-secondary)*1ms) ease-in}.ckbox .ckbox-dialog--enter-done{transform:none;transition:none}.ckbox .ckbox-dialog--exit{transform:translate(var(--ckbox-dialog-x, var(--ckbox-dialog-anim-target-x)), var(--ckbox-dialog-y, var(--ckbox-dialog-anim-target-y))) scale(1)}.ckbox .ckbox-dialog--exit-active{left:0;top:0;transform:translate(var(--ckbox-dialog-anim-anchor-x, 0), var(--ckbox-dialog-anim-anchor-y, 0)) scale(0);transform-origin:top left;transition:transform calc(var(--ckbox-animation-duration-primary)*1ms + var(--ckbox-animation-duration-secondary)*1ms) ease-in}.ckbox .ckbox-dialog-actions{display:flex;justify-content:flex-end;gap:var(--ckbox-spacing-smallest);padding:var(--ckbox-spacing-smaller) var(--ckbox-spacing-base)}.ckbox .ckbox-dialog-column{display:flex;flex-direction:column;flex:1;background-color:hsl(var(--ckbox-neutral-h), var(--ckbox-neutral-s), var(--ckbox-neutral-l-100))}.ckbox .ckbox-dialog-column--overflow{overflow:auto}.ckbox .ckbox-dialog-footer{display:flex;align-items:center;justify-content:space-between;padding:var(--ckbox-spacing-smaller) var(--ckbox-spacing-base);min-height:62px;background-color:hsl(var(--ckbox-neutral-h), var(--ckbox-neutral-s), var(--ckbox-neutral-l-100))}.ckbox .ckbox-dialog-footer__detail{font-size:var(--ckbox-font-small)}.ckbox .ckbox-dialog-footer__detail:not(:first-child){border-left:1px solid hsl(var(--ckbox-neutral-h), var(--ckbox-neutral-s), var(--ckbox-neutral-l-70));margin-left:var(--ckbox-spacing-smallest);padding-left:var(--ckbox-spacing-smallest)}.ckbox .ckbox-dialog-footer__detail--error{color:hsl(var(--ckbox-danger-h), var(--ckbox-danger-s), 50%)}.ckbox .ckbox-dialog-footer__detail--warning{color:hsl(var(--ckbox-warning-h), var(--ckbox-warning-s), 50%, 100%)}.ckbox .ckbox-dialog-header{position:relative;background-color:hsl(var(--ckbox-action-h), var(--ckbox-action-s), 10%)}.ckbox .ckbox-dialog-header--success{background-color:hsl(var(--ckbox-success-h), var(--ckbox-success-s), 35%, 100%)}.ckbox .ckbox-dialog-header--error{background-color:hsl(var(--ckbox-danger-h), var(--ckbox-danger-s), 50%)}.ckbox .ckbox-dialog-header--draggable{cursor:move}.ckbox .ckbox-dialog-header__content{--ckbox-btn-icon-color-override: hsl(var(--ckbox-neutral-h), var(--ckbox-neutral-s), var(--ckbox-neutral-l-100));color:hsl(var(--ckbox-neutral-h), var(--ckbox-neutral-s), var(--ckbox-neutral-l-100));align-items:center;display:flex;justify-content:space-between;padding:var(--ckbox-spacing-compact) var(--ckbox-spacing-smaller);position:relative}.ckbox .ckbox-dialog-header__title{font-size:var(--ckbox-font-bigger);font-weight:900}.ckbox .ckbox-dialog-header__title--sm{font-size:var(--ckbox-font-base);font-weight:400}.ckbox .ckbox-dialog-header__subtitle{font-size:var(--ckbox-font-small)}.ckbox .ckbox-dialog-header__subtitle--gap{margin-left:var(--ckbox-spacing-base)}.ckbox .ckbox-dialog-header__description{align-items:center;display:flex}.ckbox .ckbox-dialog-header__progress-bar{-webkit-appearance:none;appearance:none;height:100%;position:absolute;width:100%;left:0;top:0;border:0}.ckbox .ckbox-dialog-header__progress-bar::-webkit-progress-bar,.ckbox .ckbox-dialog-header__progress-bar{background-color:rgba(0,0,0,0);-webkit-transition:width calc(var(--ckbox-animation-duration-secondary)*1ms) ease-in;transition:width calc(var(--ckbox-animation-duration-secondary)*1ms) ease-in}.ckbox .ckbox-dialog-header__progress-bar::-webkit-progress-value{background-color:hsl(var(--ckbox-action-h), var(--ckbox-action-s), 50%);-webkit-transition:width calc(var(--ckbox-animation-duration-secondary)*1ms) ease-in;transition:width calc(var(--ckbox-animation-duration-secondary)*1ms) ease-in}.ckbox .ckbox-dialog-header__progress-bar::-moz-progress-bar{background-color:hsl(var(--ckbox-action-h), var(--ckbox-action-s), 50%);-moz-transition:width calc(var(--ckbox-animation-duration-secondary)*1ms) ease-in;transition:width calc(var(--ckbox-animation-duration-secondary)*1ms) ease-in}.ckbox .ckbox-dialog-header__progress-bar--in-progress::after{animation:wave 2s linear .5s infinite;background:linear-gradient(90deg, transparent, hsl(var(--ckbox-action-h), var(--ckbox-action-s), 60%, 15%), transparent);bottom:0;content:"";left:0;position:absolute;right:0;top:0;transform:translateX(-100%)}@keyframes wave{0%{transform:translateX(-100%)}50%{transform:translateX(100%)}100%{transform:translateX(100%)}}.ckbox .ckbox-dialog-row{display:flex;background-color:hsl(var(--ckbox-neutral-h), var(--ckbox-neutral-s), var(--ckbox-neutral-l-100))}.ckbox .ckbox-dialog-section{line-height:1.3;font-size:var(--ckbox-font-small);padding:var(--ckbox-spacing-smaller) var(--ckbox-spacing-base);background-color:hsl(var(--ckbox-neutral-h), var(--ckbox-neutral-s), var(--ckbox-neutral-l-100))}.ckbox .ckbox-dialog-section--accent{background-color:hsl(var(--ckbox-neutral-h) var(--ckbox-neutral-s) var(--ckbox-neutral-l-60)/15%)}.ckbox .ckbox-dialog-section--error{background-color:hsl(var(--ckbox-danger-h), var(--ckbox-danger-s), 60%, 15%);color:hsl(var(--ckbox-danger-h), var(--ckbox-danger-s), 50%);font-weight:500}.ckbox .ckbox-dialog-section--header{font-size:var(--ckbox-font-base);font-weight:700}.ckbox .ckbox-dialog-section--spacing-none{padding:0}.ckbox .ckbox-dialog-section--collapse{padding-top:0}.ckbox .ckbox-dialog-section--full-height{height:100%}.ckbox .ckbox-dialog-section--height-md{overflow:auto;height:370px}.ckbox .ckbox-drawer{display:flex;flex-direction:column;background-color:hsl(var(--ckbox-neutral-h), var(--ckbox-neutral-s), var(--ckbox-neutral-l-100));height:100%;width:320px;border-left:1px solid hsl(var(--ckbox-neutral-h), var(--ckbox-neutral-s), var(--ckbox-neutral-l-90))}.ckbox .ckbox-drawer--fixed{box-shadow:-10px 0 10px 1px var(--ckbox-shadow-color);position:absolute;z-index:30;top:0;right:0}.ckbox .ckbox-drawer-header{display:flex;justify-content:space-between;padding:var(--ckbox-spacing-smaller)}.ckbox .ckbox-drawer-header__title{font-weight:600;width:80%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.ckbox .ckbox-drawer-actions{display:flex;justify-content:flex-end;gap:var(--ckbox-spacing-smallest);padding:var(--ckbox-spacing-smaller)}.ckbox .ckbox-drawer-section--fixed-height{min-height:100px;height:220px}.ckbox .ckbox-drawer-section--centered-content{display:flex;justify-content:center;align-items:center}.ckbox .ckbox-drawer-content{display:flex;flex-direction:column;padding:var(--ckbox-spacing-smallest) var(--ckbox-spacing-smaller);flex:1;overflow:auto;gap:var(--ckbox-spacing-medium)}.ckbox .ckbox-doc-icon{height:100%;width:100%;display:flex;justify-content:center;align-items:center}.ckbox .ckbox-doc-icon--archive{background-color:#f4e9f5}.ckbox .ckbox-doc-icon--empty{background-color:#fff}.ckbox .ckbox-doc-icon--excel{background-color:#e8f5ef}.ckbox .ckbox-doc-icon--img{background-color:#f5f5f5}.ckbox .ckbox-doc-icon--movie{background-color:#e5f5f7}.ckbox .ckbox-doc-icon--music{background-color:#fff6ea}.ckbox .ckbox-doc-icon--pdf{background-color:#ffeae8}.ckbox .ckbox-doc-icon--ppt{background-color:#f9ebe8}.ckbox .ckbox-doc-icon--txt{background-color:#f8f8fb}.ckbox .ckbox-doc-icon--word{background-color:#e9eff7}.ckbox .ckbox-doc-icon__icon{width:56px;height:66px}.ckbox .ckbox-empty-view{align-items:center;display:flex;flex-direction:column;justify-content:center;min-height:100%;--ckbox-empty-view-background-color: hsl(var(--ckbox-neutral-h), var(--ckbox-neutral-s), var(--ckbox-neutral-l-100))}.ckbox .ckbox-empty-view--dropzone-active{--ckbox-empty-view-background-color: hsl(var(--ckbox-action-h), var(--ckbox-action-s), 60%, 15%)}.ckbox .ckbox-empty-view__content{border-radius:var(--ckbox-radius-big);background-color:var(--ckbox-empty-view-background-color);position:relative;align-items:center;display:flex;flex-direction:column;max-width:600px;padding:var(--ckbox-spacing-biggest) var(--ckbox-spacing-humongous);width:80%;transition:background-color calc(var(--ckbox-animation-duration-primary)*1ms);border:1px solid hsl(var(--ckbox-neutral-h), var(--ckbox-neutral-s), var(--ckbox-neutral-l-90))}.ckbox .ckbox-empty-view__content--dropzone{border:none}.ckbox .ckbox-empty-view__content--dropzone::before{position:absolute;content:"";display:block;width:100%;height:100%;left:0;top:0;background-color:hsl(var(--ckbox-action-h), var(--ckbox-action-s), 50%);border-radius:var(--ckbox-radius-big);-webkit-mask-image:url("data:image/svg+xml,%3csvg width='100%25' height='100%25' xmlns='http://www.w3.org/2000/svg'%3e%3crect width='100%25' height='100%25' fill='none' rx='7' ry='7' stroke='%23333' stroke-width='2' stroke-dasharray='6%2c 7' stroke-dashoffset='9' stroke-linecap='square'/%3e%3c/svg%3e");mask-image:url("data:image/svg+xml,%3csvg width='100%25' height='100%25' xmlns='http://www.w3.org/2000/svg'%3e%3crect width='100%25' height='100%25' fill='none' rx='7' ry='7' stroke='%23333' stroke-width='2' stroke-dasharray='6%2c 7' stroke-dashoffset='9' stroke-linecap='square'/%3e%3c/svg%3e")}.ckbox .ckbox-empty-view__info{position:relative;display:flex;flex-direction:column;align-items:center;gap:var(--ckbox-spacing-smallest)}.ckbox .ckbox-empty-view-label{text-align:center}.ckbox .ckbox-empty-view-label--muted{color:hsl(var(--ckbox-neutral-h), var(--ckbox-neutral-s), var(--ckbox-neutral-l-60))}.ckbox .ckbox-file-input{display:none}.ckbox .ckbox-file-preview{position:fixed;height:100vh;width:100vw;display:flex;flex-direction:column;background:hsl(var(--ckbox-neutral-h) var(--ckbox-neutral-s) var(--ckbox-neutral-l-20)/75%);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);top:0;left:0;z-index:70}.ckbox .ckbox-file-preview-actions{display:grid;grid-auto-flow:column;align-items:center;grid-template-columns:min-content 1fr 1fr 1fr min-content;grid-gap:var(--ckbox-spacing-smallest);background-color:hsl(var(--ckbox-neutral-h), var(--ckbox-neutral-s), var(--ckbox-neutral-l-100));width:100%;padding:var(--ckbox-spacing-smallest)}.ckbox .ckbox-file-preview-actions__return-button{justify-self:left}.ckbox .ckbox-file-preview-actions__action-buttons{justify-self:center;display:flex;gap:var(--ckbox-spacing-small)}.ckbox .ckbox-file-preview-actions__close-button{grid-column:5}.ckbox .ckbox-file-preview-actions__title{font-size:var(--ckbox-font-small);overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.ckbox .ckbox-file-preview-content{flex-grow:1;position:relative;z-index:0}.ckbox .ckbox-file-preview-hoverable{position:absolute;z-index:1;height:100%;width:100%;opacity:0;top:0;left:0;transition:opacity calc(var(--ckbox-animation-duration-primary)*1ms)}.ckbox .ckbox-file-preview-hoverable:hover{opacity:1}.ckbox .ckbox-file-preview-navigation-button{position:absolute;padding:var(--ckbox-spacing-base);height:100%;width:20%;display:flex;align-items:center;top:0;z-index:1}.ckbox .ckbox-file-preview-navigation-button--left{left:0}.ckbox .ckbox-file-preview-navigation-button--right{justify-content:flex-end;right:0}.ckbox .ckbox-file-preview-tooltip{position:absolute;z-index:0;bottom:0;display:flex;justify-content:center;width:100%;padding:var(--ckbox-spacing-base)}.ckbox .ckbox-file-preview-tooltip__content{background-color:hsl(var(--ckbox-neutral-h), var(--ckbox-neutral-s), var(--ckbox-neutral-l-10));border-radius:var(--ckbox-radius-big);color:hsl(var(--ckbox-neutral-h), var(--ckbox-neutral-s), var(--ckbox-neutral-l-100));font-size:var(--ckbox-font-small);padding:var(--ckbox-spacing-compact) var(--ckbox-spacing-smallest)}.ckbox .ckbox-form-feedback{font-size:var(--ckbox-font-smallest);font-weight:500;padding-left:var(--ckbox-spacing-compact)}.ckbox .ckbox-form-feedback--error{color:hsl(var(--ckbox-danger-h), var(--ckbox-danger-s), 50%)}.ckbox .ckbox-form-feedback--warning{color:hsl(var(--ckbox-warning-h), var(--ckbox-warning-s), 50%, 100%)}.ckbox .ckbox-form-group-info{display:flex;gap:var(--ckbox-spacing-compact);margin-top:var(--ckbox-spacing-compact)}.ckbox .ckbox-form-group-column{display:flex;flex-direction:column;gap:var(--ckbox-spacing-base)}.ckbox .ckbox-form-group{position:relative;display:flex;flex-direction:column;gap:var(--ckbox-spacing-compact)}.ckbox .ckbox-form-input-label{color:hsl(var(--ckbox-neutral-h), var(--ckbox-neutral-s), var(--ckbox-neutral-l-10));font-size:var(--ckbox-font-smallest);line-height:1;padding:0 var(--ckbox-spacing-compact);position:absolute;left:var(--ckbox-spacing-smallest);bottom:calc(100% - var(--ckbox-font-smallest) / 2);z-index:1}.ckbox .ckbox-form-input-label::before{display:block;position:absolute;content:"";bottom:0;left:calc(-1 * var(--ckbox-spacing-tiny));right:calc(-1 * var(--ckbox-spacing-tiny));background-color:hsl(var(--ckbox-neutral-h), var(--ckbox-neutral-s), var(--ckbox-neutral-l-98));height:calc(var(--ckbox-font-smallest) / 2);z-index:-1}.ckbox .ckbox-gallery{display:grid;grid-gap:var(--ckbox-spacing-base);grid-template-columns:repeat(auto-fill, minmax(var(--ckbox-gallery-size), 1fr));-webkit-user-select:none;user-select:none;outline:none}.ckbox .ckbox-gallery-item{min-width:var(--ckbox-gallery-size)}.ckbox .ckbox-gallery-item:focus{outline:0;box-shadow:0 0 0 1.5px var(--ckbox-focus-color-inner, hsl(var(--ckbox-neutral-h), var(--ckbox-neutral-s), 100%)),0 0 0 3.5px var(--ckbox-focus-color-outer, hsl(var(--ckbox-focus-color-outer-hsl, var(--ckbox-action-h) var(--ckbox-action-s) 60%)/var(--ckbox-focus-color-outer-a, 100%)))}.ckbox .ckbox-gallery-item:focus-visible,.ckbox .ckbox-gallery-item--focus-visible{outline:0;box-shadow:0 0 0 1.5px var(--ckbox-focus-color-inner, hsl(var(--ckbox-neutral-h), var(--ckbox-neutral-s), 100%)),0 0 0 3.5px var(--ckbox-focus-color-outer, hsl(var(--ckbox-focus-color-outer-hsl, var(--ckbox-action-h) var(--ckbox-action-s) 60%)/var(--ckbox-focus-color-outer-a, 100%)))}.ckbox .ckbox-gallery-item:focus:not(:focus-visible){box-shadow:none}.ckbox .ckbox-gallery-item__label{background-color:hsl(var(--ckbox-neutral-h), var(--ckbox-neutral-s), var(--ckbox-neutral-l-100));box-shadow:var(--ckbox-shadow-level-1);display:block;overflow:hidden;position:relative}.ckbox .ckbox-gallery-item__label--active{outline:1px solid hsl(var(--ckbox-action-h), var(--ckbox-action-s), 50%)}.ckbox .ckbox-gallery-item__details{border-top:1px solid hsl(var(--ckbox-neutral-h), var(--ckbox-neutral-s), var(--ckbox-neutral-l-90));cursor:pointer;display:flex;align-items:center;padding:calc(var(--ckbox-spacing-smallest)*.7) var(--ckbox-spacing-smallest);position:relative;gap:var(--ckbox-spacing-compact)}.ckbox .ckbox-gallery-item__name{font-size:var(--ckbox-font-smallest);overflow:hidden;position:relative;text-overflow:ellipsis;white-space:nowrap;flex-grow:1}.ckbox .ckbox-gallery-item__checkmark{flex-shrink:0;opacity:0;color:hsl(var(--ckbox-neutral-h), var(--ckbox-neutral-s), var(--ckbox-neutral-l-70));--ckbox-btn-icon-color-override: variables.$neutral-70;isolation:isolate}.ckbox .ckbox-gallery-item__checkmark--active{color:hsl(var(--ckbox-action-h), var(--ckbox-action-s), 50%);--ckbox-btn-icon-color-override: variables.$action-50;opacity:1}.ckbox .ckbox-gallery-item:hover .ckbox-gallery-item__checkmark{opacity:1}.ckbox .ckbox-gallery-figure{height:var(--ckbox-gallery-size);cursor:pointer;margin:0;overflow:hidden;position:relative}.ckbox .ckbox-gallery-figure__caption{background-color:hsl(var(--ckbox-neutral-h), var(--ckbox-neutral-s), var(--ckbox-neutral-l-10));color:hsl(var(--ckbox-neutral-h), var(--ckbox-neutral-s), var(--ckbox-neutral-l-100));font-size:var(--ckbox-font-smaller);left:0;padding:var(--ckbox-spacing-compact);position:absolute;text-transform:uppercase;line-height:1;top:0;z-index:1}.ckbox .ckbox-gallery-figure__content{margin:-1px;height:calc(100% + 1px);width:calc(100% + 1px)}.ckbox .ckbox-gallery-skeleton{background-color:hsl(var(--ckbox-neutral-h), var(--ckbox-neutral-s), var(--ckbox-neutral-l-98));box-shadow:var(--ckbox-shadow-level-1);padding:var(--ckbox-spacing-smallest)}.ckbox .ckbox-gallery-skeleton__figure{height:calc(
2
2
  var(--ckbox-gallery-size) - var(--ckbox-spacing-smallest) + 1px
3
- )}.ckbox .ckbox-gallery-skeleton__details{font-size:var(--ckbox-font-smallest);padding-top:var(--ckbox-spacing-smallest)}.ckbox .ckbox-icon{fill:currentColor;max-width:initial}.ckbox .ckbox-icon--small{height:var(--ckbox-spacing-small);min-width:var(--ckbox-spacing-small)}.ckbox .ckbox-icon--base{height:var(--ckbox-spacing-base);min-width:var(--ckbox-spacing-base)}.ckbox .ckbox-icon--medium{height:var(--ckbox-spacing-medium);width:var(--ckbox-spacing-medium)}.ckbox .ckbox-icon--big{height:var(--ckbox-spacing-big);min-width:var(--ckbox-spacing-big)}.ckbox .ckbox-icon--bigger{height:calc(var(--ckbox-spacing-medium) + var(--ckbox-spacing-smallest));min-width:calc(var(--ckbox-spacing-medium) + var(--ckbox-spacing-smallest))}.ckbox .ckbox-icon--humongous{height:var(--ckbox-spacing-humongous);min-width:var(--ckbox-spacing-humongous)}.ckbox .ckbox-icon--accent{color:hsl(var(--ckbox-action-h), var(--ckbox-action-s), 50%)}.ckbox .ckbox-icon--disabled{color:hsl(var(--ckbox-neutral-h), var(--ckbox-neutral-s), var(--ckbox-neutral-l-90))}.ckbox .ckbox-icon--danger{color:hsl(var(--ckbox-danger-h), var(--ckbox-danger-s), 50%)}.ckbox .ckbox-icon--warning{color:hsl(var(--ckbox-warning-h), var(--ckbox-warning-s), 50%, 100%)}.ckbox .ckbox-input{color:hsl(var(--ckbox-neutral-h), var(--ckbox-neutral-s), var(--ckbox-neutral-l-10));font-size:var(--ckbox-font-small);--ckbox-focus-color-outer-a: 20%;background-color:hsl(var(--ckbox-neutral-h), var(--ckbox-neutral-s), var(--ckbox-neutral-l-98));border-radius:var(--ckbox-radius-medium);border:1px solid hsl(var(--ckbox-neutral-h), var(--ckbox-neutral-s), var(--ckbox-neutral-l-70));padding:var(--ckbox-spacing-smallest) var(--ckbox-spacing-smaller);width:100%}.ckbox .ckbox-input:focus{outline:0;box-shadow:inset 0 0 0 3px var(--ckbox-focus-color-outer, hsl(var(--ckbox-focus-color-outer-hsl, var(--ckbox-action-h) var(--ckbox-action-s) 60%)/var(--ckbox-focus-color-outer-a, 100%))),inset 0 0 0 4px var(--ckbox-focus-color-inner, hsl(var(--ckbox-neutral-h), var(--ckbox-neutral-s), 100%))}.ckbox .ckbox-input:focus-visible,.ckbox .ckbox-input--focus-visible{outline:0;box-shadow:inset 0 0 0 3px var(--ckbox-focus-color-outer, hsl(var(--ckbox-focus-color-outer-hsl, var(--ckbox-action-h) var(--ckbox-action-s) 60%)/var(--ckbox-focus-color-outer-a, 100%))),inset 0 0 0 4px var(--ckbox-focus-color-inner, hsl(var(--ckbox-neutral-h), var(--ckbox-neutral-s), 100%));border-color:hsl(var(--ckbox-action-h), var(--ckbox-action-s), 50%)}.ckbox .ckbox-input:focus:not(:focus-visible){box-shadow:none}.ckbox .ckbox-input--error{border-color:hsl(var(--ckbox-danger-h), var(--ckbox-danger-s), 50%)}.ckbox .ckbox-input--error:focus{outline:0;box-shadow:inset 0 0 0 3px var(--ckbox-focus-color-outer, hsl(var(--ckbox-focus-color-outer-hsl, var(--ckbox-action-h) var(--ckbox-action-s) 60%)/var(--ckbox-focus-color-outer-a, 100%))),inset 0 0 0 4px var(--ckbox-focus-color-inner, hsl(var(--ckbox-neutral-h), var(--ckbox-neutral-s), 100%))}.ckbox .ckbox-input--error:focus-visible,.ckbox .ckbox-input--error--focus-visible{outline:0;box-shadow:inset 0 0 0 3px var(--ckbox-focus-color-outer, hsl(var(--ckbox-focus-color-outer-hsl, var(--ckbox-action-h) var(--ckbox-action-s) 60%)/var(--ckbox-focus-color-outer-a, 100%))),inset 0 0 0 4px var(--ckbox-focus-color-inner, hsl(var(--ckbox-neutral-h), var(--ckbox-neutral-s), 100%));border-color:hsl(var(--ckbox-danger-h), var(--ckbox-danger-s), 50%)}.ckbox .ckbox-input--error:focus:not(:focus-visible){box-shadow:none}.ckbox .ckbox-input--disabled,.ckbox .ckbox-input:disabled{opacity:.5;pointer-events:none}.ckbox .ckbox-input--md{font-size:var(--ckbox-font-medium);font-weight:600}.ckbox .ckbox-input--underline{background-color:rgba(0,0,0,0);border-left:0;border-right:0;border-top:0;border-radius:0}.ckbox .ckbox-input--multiline{vertical-align:middle}.ckbox .ckbox-input[type=number]::-webkit-inner-spin-button,.ckbox .ckbox-input[type=number]::-webkit-outer-spin-button{-webkit-appearance:none;appearance:none}.ckbox .ckbox-input[type=number]{-webkit-appearance:textfield;appearance:textfield}.ckbox .ckbox-menu{background-color:hsl(var(--ckbox-neutral-h), var(--ckbox-neutral-s), var(--ckbox-neutral-l-100));border:1px solid hsl(var(--ckbox-neutral-h), var(--ckbox-neutral-s), var(--ckbox-neutral-l-90));border-radius:var(--ckbox-radius-big);box-shadow:var(--ckbox-shadow-level-3)}.ckbox .ckbox-menu--spacing{padding:var(--ckbox-spacing-smaller) 0}.ckbox .ckbox-menu .ckbox-popper-arrow::before{border:1px solid hsl(var(--ckbox-neutral-h), var(--ckbox-neutral-s), var(--ckbox-neutral-l-90))}.ckbox .ckbox-menu-item{align-items:center;background:none;border:0;cursor:pointer;display:flex;margin-right:0;padding:var(--ckbox-spacing-smallest) var(--ckbox-spacing-smaller);width:100%;color:inherit}.ckbox .ckbox-menu-item:focus{outline:0;box-shadow:inset 0 0 0 3px var(--ckbox-focus-color-outer, hsl(var(--ckbox-focus-color-outer-hsl, var(--ckbox-action-h) var(--ckbox-action-s) 60%)/var(--ckbox-focus-color-outer-a, 100%))),inset 0 0 0 4px var(--ckbox-focus-color-inner, hsl(var(--ckbox-neutral-h), var(--ckbox-neutral-s), 100%))}.ckbox .ckbox-menu-item:focus-visible,.ckbox .ckbox-menu-item--focus-visible{outline:0;box-shadow:inset 0 0 0 3px var(--ckbox-focus-color-outer, hsl(var(--ckbox-focus-color-outer-hsl, var(--ckbox-action-h) var(--ckbox-action-s) 60%)/var(--ckbox-focus-color-outer-a, 100%))),inset 0 0 0 4px var(--ckbox-focus-color-inner, hsl(var(--ckbox-neutral-h), var(--ckbox-neutral-s), 100%))}.ckbox .ckbox-menu-item:focus:not(:focus-visible){box-shadow:none}.ckbox .ckbox-menu-item:hover{background-color:hsl(var(--ckbox-action-h), var(--ckbox-action-s), 60%, 15%);color:hsl(var(--ckbox-action-h), var(--ckbox-action-s), 50%)}.ckbox .ckbox-menu-item:disabled{color:hsl(var(--ckbox-neutral-h), var(--ckbox-neutral-s), var(--ckbox-neutral-l-90));pointer-events:none}.ckbox .ckbox-menu-item__label{font-size:var(--ckbox-font-small)}.ckbox .ckbox-menu-item__label--spacing{margin-left:var(--ckbox-spacing-compact)}.ckbox .ckbox-menu-section{min-width:295px;padding:var(--ckbox-spacing-smaller) var(--ckbox-spacing-medium)}.ckbox .ckbox-menu-section--border-bottom{border-bottom:1px solid hsl(var(--ckbox-neutral-h), var(--ckbox-neutral-s), var(--ckbox-neutral-l-90))}.ckbox .ckbox-menu-section__title{color:hsl(var(--ckbox-neutral-h), var(--ckbox-neutral-s), var(--ckbox-neutral-l-50));font-size:var(--ckbox-font-base);font-weight:600;margin-bottom:var(--ckbox-spacing-smallest)}.ckbox .ckbox-menu-sub-section{display:flex;flex-direction:column}.ckbox .ckbox-menu-sub-section .ckbox-btn{justify-content:space-between}.ckbox .ckbox-menu-sub-section--row{align-items:center;flex-direction:row;justify-content:space-between}.ckbox .ckbox-menu-sub-section__title{font-size:var(--ckbox-font-small);font-weight:600;margin-bottom:var(--ckbox-spacing-smallest)}.ckbox .ckbox-menu-sub-section__content--row{display:flex;align-items:center;flex-direction:row;justify-content:space-between;gap:var(--ckbox-spacing-smallest)}.ckbox .ckbox-menu-sub-section:not(:last-child){margin-bottom:var(--ckbox-spacing-base)}.ckbox .ckbox-navbar-item{align-items:center;background-color:rgba(0,0,0,0);border:0;color:hsl(var(--ckbox-neutral-h), var(--ckbox-neutral-s), var(--ckbox-neutral-l-100));cursor:pointer;display:flex;font-size:var(--ckbox-font-small);padding:calc(var(--ckbox-spacing-medium) / 2);padding-left:var(--ckbox-spacing-base);transition:background-color calc(var(--ckbox-animation-duration-primary)*1ms);width:100%;position:relative;-webkit-user-select:none;user-select:none;--ckbox-navbar-item-icon-color: hsl(var(--ckbox-neutral-h), var(--ckbox-neutral-s), var(--ckbox-neutral-l-60))}.ckbox .ckbox-navbar-item:focus{outline:0;box-shadow:inset 0 0 0 3px var(--ckbox-focus-color-outer, hsl(var(--ckbox-focus-color-outer-hsl, var(--ckbox-action-h) var(--ckbox-action-s) 60%)/var(--ckbox-focus-color-outer-a, 100%))),inset 0 0 0 4px var(--ckbox-focus-color-inner, hsl(var(--ckbox-neutral-h), var(--ckbox-neutral-s), 100%))}.ckbox .ckbox-navbar-item:focus-visible,.ckbox .ckbox-navbar-item--focus-visible{outline:0;box-shadow:inset 0 0 0 3px var(--ckbox-focus-color-outer, hsl(var(--ckbox-focus-color-outer-hsl, var(--ckbox-action-h) var(--ckbox-action-s) 60%)/var(--ckbox-focus-color-outer-a, 100%))),inset 0 0 0 4px var(--ckbox-focus-color-inner, hsl(var(--ckbox-neutral-h), var(--ckbox-neutral-s), 100%))}.ckbox .ckbox-navbar-item:focus-visible::before,.ckbox .ckbox-navbar-item--focus-visible::before{background-color:rgba(0,0,0,0)}.ckbox .ckbox-navbar-item:focus:not(:focus-visible){box-shadow:none}.ckbox .ckbox-navbar-item:hover,.ckbox .ckbox-navbar-item--active{background-color:hsl(var(--ckbox-neutral-h) var(--ckbox-neutral-s) var(--ckbox-neutral-l-60)/15%)}.ckbox .ckbox-navbar-item--active{--ckbox-navbar-item-icon-color: hsl(var(--ckbox-neutral-h), var(--ckbox-neutral-s), var(--ckbox-neutral-l-100))}.ckbox .ckbox-navbar-item--active::before{content:"";display:block;position:absolute;left:0;top:0;height:100%;width:var(--ckbox-spacing-compact);background-color:hsl(var(--ckbox-action-h), var(--ckbox-action-s), 50%)}.ckbox .ckbox-navbar-item--disabled{color:hsl(var(--ckbox-neutral-h), var(--ckbox-neutral-s), var(--ckbox-neutral-l-50));cursor:default;pointer-events:none;--ckbox-navbar-item-icon-color: hsl(var(--ckbox-neutral-h), var(--ckbox-neutral-s), var(--ckbox-neutral-l-50))}.ckbox .ckbox-navbar-item--separator{margin-top:var(--ckbox-font-small)}.ckbox .ckbox-navbar-item--separator::after{border-top:1px solid hsl(var(--ckbox-neutral-h), var(--ckbox-neutral-s), var(--ckbox-neutral-l-50));content:"";display:block;position:absolute;left:var(--ckbox-spacing-base);right:var(--ckbox-spacing-base);top:calc(var(--ckbox-spacing-smallest) * -1)}.ckbox .ckbox-navbar-item__bottom-container{width:100%;background-color:hsl(var(--ckbox-action-h), var(--ckbox-action-s), 10%);bottom:0;left:0;position:absolute}.ckbox .ckbox-navbar-item__loader{background-color:hsl(var(--ckbox-neutral-h), var(--ckbox-neutral-s), var(--ckbox-neutral-l-50))}.ckbox .ckbox-navbar-item__label{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.ckbox .ckbox-navbar-item__icon{fill:var(--ckbox-navbar-item-icon-color);margin-right:var(--ckbox-spacing-smallest);transition:fill calc(var(--ckbox-animation-duration-primary)*1ms)}.ckbox .ckbox-navbar-item--animate .ckbox-navbar-item__icon{transition:transform calc(var(--ckbox-animation-duration-primary)*1ms)}.ckbox .ckbox-navbar-item--animate:hover .ckbox-navbar-item__icon{transform:rotate(45deg)}.ckbox .ckbox-navbar{background-color:hsl(var(--ckbox-action-h), var(--ckbox-action-s), 10%);height:100%;overflow-x:hidden;overflow-y:auto;padding-left:0;padding-bottom:calc(var(--ckbox-spacing-medium) + var(--ckbox-spacing-bigger))}.ckbox .ckbox-navbar::-webkit-scrollbar{width:var(--ckbox-spacing-smaller)}.ckbox .ckbox-notifications{position:absolute;right:0;bottom:0;padding:var(--ckbox-spacing-small);z-index:10;display:flex;flex-direction:column;overflow:hidden;transition:transform calc(var(--ckbox-animation-duration-primary)*1ms) ease-out}.ckbox .ckbox-notification{position:relative;min-width:300px;height:0;margin-top:0}.ckbox .ckbox-notification:first-child{margin-top:0}.ckbox .ckbox-notification__title{flex-grow:1}.ckbox .ckbox-notification__icons{display:flex}.ckbox .ckbox-notification__content{--ckbox-btn-icon-color-override: hsl(var(--ckbox-neutral-h), var(--ckbox-neutral-s), var(--ckbox-neutral-l-100));border-radius:var(--ckbox-radius-medium);box-shadow:var(--ckbox-shadow-level-3);padding:var(--ckbox-spacing-smallest) var(--ckbox-spacing-smaller);display:flex;align-items:center;background-color:hsl(var(--ckbox-action-h), var(--ckbox-action-s), 10%);color:hsl(var(--ckbox-neutral-h), var(--ckbox-neutral-s), var(--ckbox-neutral-l-100));width:100%;position:absolute;top:0;left:0;transform:translateX(calc(100% + 2 * var(--ckbox-spacing-base)))}.ckbox .ckbox-notification__detail-row{margin:var(--ckbox-spacing-smaller) var(--ckbox-spacing-base)}.ckbox .ckbox-notification__detail-row code{color:hsl(var(--ckbox-neutral-h), var(--ckbox-neutral-s), var(--ckbox-neutral-l-10))}.ckbox .ckbox-notification--success{background-color:hsl(var(--ckbox-success-h), var(--ckbox-success-s), 35%, 100%);color:hsl(var(--ckbox-neutral-h), var(--ckbox-neutral-s), var(--ckbox-neutral-l-100))}.ckbox .ckbox-notification--error{background-color:hsl(var(--ckbox-danger-h), var(--ckbox-danger-s), 50%);color:hsl(var(--ckbox-neutral-h), var(--ckbox-neutral-s), var(--ckbox-neutral-l-100))}.ckbox .ckbox-notification--enter-active{animation-name:grow;animation-timing-function:ease-in;animation-fill-mode:forwards;animation-duration:var(--ckbox-notification-animation-collapse)}.ckbox .ckbox-notification:only-child{animation-duration:0ms}.ckbox .ckbox-notification--enter-done{height:var(--ckbox-notification-height);margin-top:var(--ckbox-spacing-smallest)}.ckbox .ckbox-notification--exit{height:var(--ckbox-notification-height);margin-top:var(--ckbox-spacing-smallest)}.ckbox .ckbox-notification--exit-active{animation-name:grow;animation-timing-function:ease-out;animation-fill-mode:forwards;animation-direction:reverse;animation-duration:var(--ckbox-notification-animation-collapse);animation-delay:var(--ckbox-notification-animation-slide)}@keyframes grow{from{height:0;margin-top:0}to{height:var(--ckbox-notification-height);margin-top:var(--ckbox-spacing-smallest)}}.ckbox .ckbox-notification--enter-active .ckbox-notification__content{animation-name:slide;animation-timing-function:ease-in;animation-fill-mode:forwards;animation-duration:var(--ckbox-notification-animation-slide);animation-delay:var(--ckbox-notification-animation-collapse)}.ckbox .ckbox-notification--enter-done .ckbox-notification__content{transform:translateX(0)}.ckbox .ckbox-notification--exit .ckbox-notification__content{transform:translateX(0)}.ckbox .ckbox-notification--exit-active .ckbox-notification__content{animation-name:slide;animation-timing-function:ease-out;animation-fill-mode:forwards;animation-direction:reverse;animation-duration:var(--ckbox-notification-animation-slide)}.ckbox .ckbox-notification:only-child .ckbox-notification__content{animation-delay:0ms}@keyframes slide{from{transform:translateX(calc(100% + 2 * var(--ckbox-spacing-base)))}to{transform:translateX(0)}}.ckbox .ckbox-overlay{background:rgba(0,0,0,0);z-index:20;position:absolute;width:100%;height:100%;left:0;top:0}.ckbox .ckbox-overlay--dark{background:hsl(var(--ckbox-neutral-h) var(--ckbox-neutral-s) var(--ckbox-neutral-l-40)/75%);opacity:.5}.ckbox .ckbox-pagination{align-items:center;display:flex;font-size:var(--ckbox-font-small);gap:var(--ckbox-spacing-compact)}.ckbox .ckbox-pagination__current-page{padding-left:0;padding-right:0;text-align:center;width:var(--ckbox-spacing-big)}.ckbox .ckbox-pagination__total-pages{margin:0 var(--ckbox-spacing-compact)}.ckbox .ckbox-panel{display:flex;position:relative;padding:var(--ckbox-spacing-smaller) 0}.ckbox .ckbox-panel--border{border-bottom:1px solid hsl(var(--ckbox-neutral-h), var(--ckbox-neutral-s), var(--ckbox-neutral-l-80))}.ckbox .ckbox-panel--opaque{opacity:0}.ckbox .ckbox-panel--elevated{background-color:hsl(var(--ckbox-neutral-h), var(--ckbox-neutral-s), var(--ckbox-neutral-l-98));box-shadow:var(--ckbox-shadow-level-3);padding:var(--ckbox-spacing-smaller);border-radius:var(--ckbox-radius-big);border-color:rgba(0,0,0,0)}.ckbox .ckbox-panel__main{display:flex;flex-direction:column;width:100%}.ckbox .ckbox-panel-drag-handle{position:absolute;top:50%;left:5px;cursor:move;opacity:.25}.ckbox .ckbox-panel-actions{display:flex;justify-content:flex-end;align-items:flex-end;gap:var(--ckbox-spacing-smallest);padding-top:var(--ckbox-spacing-smallest)}.ckbox .ckbox-panel-content{display:flex;align-items:center;position:relative;min-height:50px}.ckbox .ckbox-panel-content__header{color:hsl(var(--ckbox-neutral-h), var(--ckbox-neutral-s), var(--ckbox-neutral-l-50));font-size:var(--ckbox-font-smallest)}.ckbox .ckbox-panel-content__main{width:100%;position:relative;min-width:0}.ckbox .ckbox-panel-content-prop{font-size:var(--ckbox-font-small);font-weight:300}.ckbox .ckbox-panel-content-prop__value{margin-left:var(--ckbox-spacing-compact);font-weight:600}.ckbox .ckbox-panel-side{color:hsl(var(--ckbox-action-h), var(--ckbox-action-s), 50%);margin-right:var(--ckbox-spacing-small);height:50px;display:flex;align-items:center}.ckbox .ckbox-panel-title{align-items:center;font-size:var(--ckbox-font-medium);width:50%}.ckbox .ckbox-panel-title--bold{font-weight:600}.ckbox .ckbox-panel-title--edit{margin-top:-4px}.ckbox .ckbox-panel-title--with-description{min-height:75px}.ckbox .ckbox-panel-title__description{min-height:25px;color:hsl(var(--ckbox-neutral-h), var(--ckbox-neutral-s), var(--ckbox-neutral-l-50));font-size:var(--ckbox-font-smallest);font-weight:normal}.ckbox .ckbox-panel-skeleton{font-size:var(--ckbox-font-smallest);gap:var(--ckbox-spacing-smallest);display:flex}.ckbox .ckbox-panel-skeleton__block{background-color:hsl(var(--ckbox-neutral-h), var(--ckbox-neutral-s), var(--ckbox-neutral-l-90))}.ckbox .ckbox-panel-skeleton__block--size-sm.ckbox-skeleton{width:var(--ckbox-spacing-biggest)}.ckbox .ckbox-panel-skeleton__block--size-md.ckbox-skeleton{width:calc(var(--ckbox-spacing-biggest) * 1.5)}.ckbox .ckbox-panel-skeleton__block--size-lg.ckbox-skeleton{width:calc(var(--ckbox-spacing-humongous) * 1.5)}.ckbox .ckbox-panel-list__toolbar{display:flex;justify-content:flex-end}.ckbox .ckbox-popper-arrow{visibility:hidden}.ckbox .ckbox-popper-arrow,.ckbox .ckbox-popper-arrow::before{position:absolute;width:14px;height:14px;background:inherit;box-sizing:content-box}.ckbox .ckbox-popper-arrow--sm,.ckbox .ckbox-popper-arrow--sm::before{width:6px;height:6px}.ckbox .ckbox-popper-arrow::before{visibility:visible;content:"";transform:rotate(45deg)}.ckbox .ckbox-popper{position:relative}.ckbox .ckbox-popper[data-popper-placement^=top] .ckbox-popper-arrow[data-popper-arrow]{bottom:calc(-16px / 2)}.ckbox .ckbox-popper[data-popper-placement^=top] .ckbox-popper-arrow[data-popper-arrow]::before{border-right-width:0;border-bottom-width:0}.ckbox .ckbox-popper[data-popper-placement^=bottom] .ckbox-popper-arrow[data-popper-arrow]{top:calc(-16px / 2)}.ckbox .ckbox-popper[data-popper-placement^=bottom] .ckbox-popper-arrow[data-popper-arrow]::before{border-right-width:0;border-bottom-width:0}.ckbox .ckbox-popper[data-popper-placement^=left] .ckbox-popper-arrow[data-popper-arrow]{right:calc(-16px / 2)}.ckbox .ckbox-popper[data-popper-placement^=left] .ckbox-popper-arrow[data-popper-arrow]::before{border-right-width:0;border-top-width:0}.ckbox .ckbox-popper[data-popper-placement^=right] .ckbox-popper-arrow[data-popper-arrow]{left:calc(-16px / 2)}.ckbox .ckbox-popper[data-popper-placement^=right] .ckbox-popper-arrow[data-popper-arrow]::before{border-left-width:0;border-bottom-width:0}.ckbox .ckbox-popper[data-popper-placement^=top] .ckbox-popper-arrow--sm[data-popper-arrow]{bottom:calc(-6px / 2)}.ckbox .ckbox-popper[data-popper-placement^=bottom] .ckbox-popper-arrow--sm[data-popper-arrow]{top:calc(-6px / 2)}.ckbox .ckbox-popper[data-popper-placement^=left] .ckbox-popper-arrow--sm[data-popper-arrow]{right:calc(-6px / 2)}.ckbox .ckbox-popper[data-popper-placement^=right] .ckbox-popper-arrow--sm[data-popper-arrow]{left:calc(-6px / 2)}.ckbox .ckbox-progress-panel{background-color:hsl(var(--ckbox-neutral-h) var(--ckbox-neutral-s) var(--ckbox-neutral-l-60)/15%);border-radius:var(--ckbox-radius-medium);font-size:var(--ckbox-font-small);margin:var(--ckbox-spacing-smallest) var(--ckbox-spacing-smaller);padding:var(--ckbox-spacing-smallest) var(--ckbox-spacing-smaller) var(--ckbox-spacing-compact)}.ckbox .ckbox-progress-panel__header{display:flex;justify-content:space-between}.ckbox .ckbox-progress-panel__info{margin:0 var(--ckbox-spacing-smallest)}.ckbox .ckbox-progress-panel__bar{-webkit-appearance:none;appearance:none;border-radius:var(--ckbox-radius-big);height:calc(100% + 2px);left:0;margin:-1px;position:absolute;top:0;width:calc(100% + 2px);color:hsl(var(--ckbox-action-h), var(--ckbox-action-s), 50%)}.ckbox .ckbox-progress-panel__bar,.ckbox .ckbox-progress-panel__bar::-webkit-progress-bar{background-color:hsl(var(--ckbox-neutral-h) var(--ckbox-neutral-s) var(--ckbox-neutral-l-60)/15%);-webkit-transition:width calc(var(--ckbox-animation-duration-secondary)*1ms) ease-in;transition:width calc(var(--ckbox-animation-duration-secondary)*1ms) ease-in}.ckbox .ckbox-progress-panel__bar::-webkit-progress-value{background-color:currentColor;-webkit-transition:width calc(var(--ckbox-animation-duration-secondary)*1ms) ease-in;transition:width calc(var(--ckbox-animation-duration-secondary)*1ms) ease-in}.ckbox .ckbox-progress-panel__bar::-moz-progress-bar{background-color:currentColor;-moz-transition:width calc(var(--ckbox-animation-duration-secondary)*1ms) ease-in;transition:width calc(var(--ckbox-animation-duration-secondary)*1ms) ease-in}.ckbox .ckbox-progress-panel__bar-wrapper{border:0;border-radius:var(--ckbox-radius-big);height:var(--ckbox-spacing-smallest);margin-bottom:var(--ckbox-spacing-compact);margin-top:var(--ckbox-spacing-compact);overflow:hidden;padding:0;position:relative;width:100%}.ckbox .ckbox-progress-panel__label{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin-right:var(--ckbox-spacing-smallest);flex:1}.ckbox .ckbox-progress-panel__footer{font-size:var(--ckbox-font-smallest)}.ckbox .ckbox-progress-panel__footer::after{content:" "}.ckbox .ckbox-progress-panel__footer strong{font-style:italic}.ckbox .ckbox-progress-panel--completed .ckbox-progress-panel__bar{color:hsl(var(--ckbox-success-h), var(--ckbox-success-s), 35%, 100%)}.ckbox .ckbox-progress-panel--error{background-color:hsl(var(--ckbox-danger-h), var(--ckbox-danger-s), 60%, 15%);color:hsl(var(--ckbox-danger-h), var(--ckbox-danger-s), 50%)}.ckbox .ckbox-progress-panel--error .ckbox-progress-panel__bar,.ckbox .ckbox-progress-panel--error .ckbox-progress-panel__bar::-webkit-progress-bar{color:hsl(var(--ckbox-danger-h), var(--ckbox-danger-s), 50%);background-color:hsl(var(--ckbox-danger-h), var(--ckbox-danger-s), 60%, 15%)}.ckbox .ckbox-progress-panel--warning{background-color:hsl(var(--ckbox-warning-h), var(--ckbox-warning-s), 60%, 15%);color:hsl(var(--ckbox-warning-h), var(--ckbox-warning-s), 50%, 100%)}.ckbox .ckbox-progress-panel--warning .ckbox-progress-panel__bar,.ckbox .ckbox-progress-panel--warning .ckbox-progress-panel__bar::-webkit-progress-bar{color:hsl(var(--ckbox-warning-h), var(--ckbox-warning-s), 50%, 100%);background-color:hsl(var(--ckbox-warning-h), var(--ckbox-warning-s), 60%, 15%)}.ckbox .ckbox-properties-table-row{display:flex;justify-content:space-between;padding:var(--ckbox-spacing-compact)}.ckbox .ckbox-properties-table-row:not(:last-child){border-bottom:1px solid hsl(var(--ckbox-neutral-h), var(--ckbox-neutral-s), var(--ckbox-neutral-l-80))}.ckbox .ckbox-properties-table{width:100%;font-size:var(--ckbox-font-smaller)}.ckbox .ckbox-range-slider__track{align-items:center;background-color:hsl(var(--ckbox-neutral-h) var(--ckbox-neutral-s) var(--ckbox-neutral-l-60)/15%);border-radius:var(--ckbox-radius-medium);display:flex;height:var(--ckbox-spacing-smallest);position:relative;cursor:pointer}.ckbox .ckbox-range-slider__thumb{background-color:hsl(var(--ckbox-neutral-h), var(--ckbox-neutral-s), var(--ckbox-neutral-l-100));border:2px solid hsl(var(--ckbox-action-h), var(--ckbox-action-s), 50%);border-radius:50%;cursor:grab;height:var(--ckbox-spacing-medium);position:absolute;touch-action:none;-webkit-user-select:none;user-select:none;width:var(--ckbox-spacing-medium);transform:translateX(-50%)}.ckbox .ckbox-range-slider__thumb:focus{outline:0;box-shadow:0 0 0 1.5px var(--ckbox-focus-color-inner, hsl(var(--ckbox-neutral-h), var(--ckbox-neutral-s), 100%)),0 0 0 3.5px var(--ckbox-focus-color-outer, hsl(var(--ckbox-focus-color-outer-hsl, var(--ckbox-action-h) var(--ckbox-action-s) 60%)/var(--ckbox-focus-color-outer-a, 100%)))}.ckbox .ckbox-range-slider__track-progress{background-color:hsl(var(--ckbox-action-h), var(--ckbox-action-s), 50%);border-bottom-left-radius:var(--ckbox-radius-medium);border-top-left-radius:var(--ckbox-radius-medium);height:inherit;position:absolute}.ckbox .ckbox-range-slider__labels{display:flex;font-size:var(--ckbox-font-smallest);padding-top:var(--ckbox-spacing-compact);white-space:nowrap}.ckbox .ckbox-range-slider__labels :first-child{flex:.5;text-align:left}.ckbox .ckbox-range-slider__labels :last-child{flex:.5;text-align:right}.ckbox .ckbox-range-slider__label{flex:1;text-align:center}.ckbox .ckbox-range-slider--animated .ckbox-range-slider__thumb{transition:transform calc(var(--ckbox-animation-duration-secondary)*1ms) ease-in}.ckbox .ckbox-range-slider--animated .ckbox-range-slider__track-progress{transition:width calc(var(--ckbox-animation-duration-secondary)*1ms) ease-in}.ckbox .ckbox-range-slider--half-width{width:50%}.ckbox .ckbox-responsive-image{height:100%;width:100%;position:relative}.ckbox .ckbox-responsive-image__picture{height:100%;width:100%;position:absolute;top:50%;left:50%;transform:translateX(-50%) translateY(-50%)}.ckbox .ckbox-responsive-image__picture--centered{display:flex;flex-direction:column;justify-content:center;align-items:center}.ckbox .ckbox-responsive-image__picture--hidden{visibility:hidden;z-index:-1}.ckbox .ckbox-responsive-image__img{height:100%;width:100%}.ckbox .ckbox-responsive-image__img--cover{object-fit:cover}.ckbox .ckbox-responsive-image__img--scale-down{object-fit:scale-down}.ckbox .ckbox-selection-area{background-color:hsl(var(--ckbox-action-h), var(--ckbox-action-s), 60%, 15%);position:absolute}.ckbox .ckbox-skeleton{overflow:hidden;position:relative;width:100%}.ckbox .ckbox-skeleton::after{animation:wave 2s linear .5s infinite;background:linear-gradient(90deg, transparent, hsl(var(--ckbox-neutral-h), var(--ckbox-neutral-s), var(--ckbox-neutral-l-98)), transparent);bottom:0;content:"";left:0;position:absolute;right:0;top:0;transform:translateX(-100%)}@keyframes wave{0%{transform:translateX(-100%)}50%{transform:translateX(100%)}100%{transform:translateX(100%)}}.ckbox .ckbox-skeleton--bg-default{background-color:hsl(var(--ckbox-neutral-h), var(--ckbox-neutral-s), var(--ckbox-neutral-l-90))}.ckbox .ckbox-sort-button--ascending path{fill:hsl(var(--ckbox-action-h), var(--ckbox-action-s), 50%)}.ckbox .ckbox-sort-button--ascending path+path{fill:hsl(var(--ckbox-neutral-h), var(--ckbox-neutral-s), var(--ckbox-neutral-l-70))}.ckbox .ckbox-sort-button--descending path{fill:hsl(var(--ckbox-neutral-h), var(--ckbox-neutral-s), var(--ckbox-neutral-l-70))}.ckbox .ckbox-sort-button--descending path+path{fill:hsl(var(--ckbox-action-h), var(--ckbox-action-s), 50%)}.ckbox .ckbox-switch-input{display:inline-block}.ckbox .ckbox-switch-input__input{cursor:pointer;-webkit-appearance:none;appearance:none;width:40px;height:23px;background:hsl(var(--ckbox-neutral-h), var(--ckbox-neutral-s), var(--ckbox-neutral-l-100));border-radius:calc(var(--ckbox-radius-big) * 2);border:1px solid hsl(var(--ckbox-neutral-h), var(--ckbox-neutral-s), var(--ckbox-neutral-l-80));position:relative}.ckbox .ckbox-switch-input__input:focus{outline:0;box-shadow:0 0 0 1.5px var(--ckbox-focus-color-inner, hsl(var(--ckbox-neutral-h), var(--ckbox-neutral-s), 100%)),0 0 0 3.5px var(--ckbox-focus-color-outer, hsl(var(--ckbox-focus-color-outer-hsl, var(--ckbox-action-h) var(--ckbox-action-s) 60%)/var(--ckbox-focus-color-outer-a, 100%)))}.ckbox .ckbox-switch-input__input:focus-visible,.ckbox .ckbox-switch-input__input--focus-visible{outline:0;box-shadow:0 0 0 1.5px var(--ckbox-focus-color-inner, hsl(var(--ckbox-neutral-h), var(--ckbox-neutral-s), 100%)),0 0 0 3.5px var(--ckbox-focus-color-outer, hsl(var(--ckbox-focus-color-outer-hsl, var(--ckbox-action-h) var(--ckbox-action-s) 60%)/var(--ckbox-focus-color-outer-a, 100%)))}.ckbox .ckbox-switch-input__input:focus:not(:focus-visible){box-shadow:none}.ckbox .ckbox-switch-input__input::before{width:17px;height:17px;border-radius:50%;background-color:hsl(var(--ckbox-neutral-h), var(--ckbox-neutral-s), var(--ckbox-neutral-l-70));content:"";position:absolute;left:2px;top:2px;transition-duration:calc(var(--ckbox-animation-duration-primary)*1ms);transition-property:background-color,left;box-shadow:var(--ckbox-shadow-level-1)}.ckbox .ckbox-switch-input__input:checked::before{left:calc(100% - 17px - 2px);background-color:hsl(var(--ckbox-action-h), var(--ckbox-action-s), 50%)}.ckbox .ckbox-tabs__nav{display:flex}.ckbox .ckbox-tabs__tab{background-color:hsl(var(--ckbox-neutral-h), var(--ckbox-neutral-s), var(--ckbox-neutral-l-98));border-color:hsl(var(--ckbox-neutral-h), var(--ckbox-neutral-s), var(--ckbox-neutral-l-90));border-style:solid;border-width:1px 0 0 1px;cursor:pointer;padding:var(--ckbox-spacing-smaller) var(--ckbox-spacing-big);color:inherit}.ckbox .ckbox-tabs__tab:focus{outline:0;box-shadow:0 0 0 1.5px var(--ckbox-focus-color-inner, hsl(var(--ckbox-neutral-h), var(--ckbox-neutral-s), 100%)),0 0 0 3.5px var(--ckbox-focus-color-outer, hsl(var(--ckbox-focus-color-outer-hsl, var(--ckbox-action-h) var(--ckbox-action-s) 60%)/var(--ckbox-focus-color-outer-a, 100%)))}.ckbox .ckbox-tabs__tab:focus-visible,.ckbox .ckbox-tabs__tab--focus-visible{outline:0;box-shadow:0 0 0 1.5px var(--ckbox-focus-color-inner, hsl(var(--ckbox-neutral-h), var(--ckbox-neutral-s), 100%)),0 0 0 3.5px var(--ckbox-focus-color-outer, hsl(var(--ckbox-focus-color-outer-hsl, var(--ckbox-action-h) var(--ckbox-action-s) 60%)/var(--ckbox-focus-color-outer-a, 100%)));z-index:2}.ckbox .ckbox-tabs__tab:focus:not(:focus-visible){box-shadow:none}.ckbox .ckbox-tabs__tab:last-of-type{border-right-width:1px}.ckbox .ckbox-tabs__tab--active{background-color:hsl(var(--ckbox-neutral-h), var(--ckbox-neutral-s), var(--ckbox-neutral-l-100));border-color:hsl(var(--ckbox-neutral-h), var(--ckbox-neutral-s), var(--ckbox-neutral-l-90));border-width:0 1px;font-weight:600;position:relative;z-index:1}.ckbox .ckbox-tabs__tab--active::before,.ckbox .ckbox-tabs__tab--active::after{content:"";height:2px;position:absolute}.ckbox .ckbox-tabs__tab--active::before{background-color:hsl(var(--ckbox-action-h), var(--ckbox-action-s), 50%);left:-1px;top:0;width:calc(100% + 2px)}.ckbox .ckbox-tabs__tab--active::after{background-color:hsl(var(--ckbox-neutral-h), var(--ckbox-neutral-s), var(--ckbox-neutral-l-100));bottom:-2px;left:0;width:100%}.ckbox .ckbox-tabs__tab--active+.ckbox-tabs__tab{border-left-width:0}.ckbox .ckbox-tabs__content{background-color:hsl(var(--ckbox-neutral-h), var(--ckbox-neutral-s), var(--ckbox-neutral-l-100));border:1px solid hsl(var(--ckbox-neutral-h), var(--ckbox-neutral-s), var(--ckbox-neutral-l-90));padding:var(--ckbox-spacing-big);position:relative}.ckbox .ckbox-tag{align-items:center;background-color:hsl(var(--ckbox-neutral-h), var(--ckbox-neutral-s), var(--ckbox-neutral-l-90));border-radius:var(--ckbox-radius-medium);display:inline-flex;font-size:var(--ckbox-font-small);padding:var(--ckbox-spacing-compact) var(--ckbox-spacing-small);min-width:0}.ckbox .ckbox-tag--bold{font-weight:700}.ckbox .ckbox-tag--removable{background-color:hsl(var(--ckbox-neutral-h), var(--ckbox-neutral-s), var(--ckbox-neutral-l-100));box-shadow:var(--ckbox-shadow-level-1);gap:var(--ckbox-spacing-smallest);padding-bottom:var(--ckbox-spacing-compact);padding-left:var(--ckbox-spacing-smallest);padding-right:var(--ckbox-spacing-compact);padding-top:var(--ckbox-spacing-compact)}.ckbox .ckbox-tag__label{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.ckbox .ckbox-tag-list{display:flex;flex-wrap:wrap;gap:var(--ckbox-spacing-compact);min-width:0}.ckbox .ckbox-tag-input{color:hsl(var(--ckbox-neutral-h), var(--ckbox-neutral-s), var(--ckbox-neutral-l-10));font-size:var(--ckbox-font-small);--ckbox-focus-color-outer-a: 20%;background-color:hsl(var(--ckbox-neutral-h), var(--ckbox-neutral-s), var(--ckbox-neutral-l-98));border-radius:var(--ckbox-radius-medium);border:1px solid hsl(var(--ckbox-neutral-h), var(--ckbox-neutral-s), var(--ckbox-neutral-l-70));padding:var(--ckbox-spacing-smallest) var(--ckbox-spacing-smaller);width:100%;display:flex;align-items:center;gap:var(--ckbox-spacing-smallest);cursor:text}.ckbox .ckbox-tag-input:focus{outline:0;box-shadow:inset 0 0 0 3px var(--ckbox-focus-color-outer, hsl(var(--ckbox-focus-color-outer-hsl, var(--ckbox-action-h) var(--ckbox-action-s) 60%)/var(--ckbox-focus-color-outer-a, 100%))),inset 0 0 0 4px var(--ckbox-focus-color-inner, hsl(var(--ckbox-neutral-h), var(--ckbox-neutral-s), 100%))}.ckbox .ckbox-tag-input:focus-visible,.ckbox .ckbox-tag-input--focus-visible{outline:0;box-shadow:inset 0 0 0 3px var(--ckbox-focus-color-outer, hsl(var(--ckbox-focus-color-outer-hsl, var(--ckbox-action-h) var(--ckbox-action-s) 60%)/var(--ckbox-focus-color-outer-a, 100%))),inset 0 0 0 4px var(--ckbox-focus-color-inner, hsl(var(--ckbox-neutral-h), var(--ckbox-neutral-s), 100%));border-color:hsl(var(--ckbox-action-h), var(--ckbox-action-s), 50%)}.ckbox .ckbox-tag-input:focus:not(:focus-visible){box-shadow:none}.ckbox .ckbox-tag-input--error{border-color:hsl(var(--ckbox-danger-h), var(--ckbox-danger-s), 50%)}.ckbox .ckbox-tag-input--error:focus{outline:0;box-shadow:inset 0 0 0 3px var(--ckbox-focus-color-outer, hsl(var(--ckbox-focus-color-outer-hsl, var(--ckbox-action-h) var(--ckbox-action-s) 60%)/var(--ckbox-focus-color-outer-a, 100%))),inset 0 0 0 4px var(--ckbox-focus-color-inner, hsl(var(--ckbox-neutral-h), var(--ckbox-neutral-s), 100%))}.ckbox .ckbox-tag-input--error:focus-visible,.ckbox .ckbox-tag-input--error--focus-visible{outline:0;box-shadow:inset 0 0 0 3px var(--ckbox-focus-color-outer, hsl(var(--ckbox-focus-color-outer-hsl, var(--ckbox-action-h) var(--ckbox-action-s) 60%)/var(--ckbox-focus-color-outer-a, 100%))),inset 0 0 0 4px var(--ckbox-focus-color-inner, hsl(var(--ckbox-neutral-h), var(--ckbox-neutral-s), 100%));border-color:hsl(var(--ckbox-danger-h), var(--ckbox-danger-s), 50%)}.ckbox .ckbox-tag-input--error:focus:not(:focus-visible){box-shadow:none}.ckbox .ckbox-tag-input--disabled,.ckbox .ckbox-tag-input:disabled{opacity:.5;pointer-events:none}.ckbox .ckbox-tag-input__field{color:hsl(var(--ckbox-neutral-h), var(--ckbox-neutral-s), var(--ckbox-neutral-l-10));font-size:var(--ckbox-font-small);-webkit-appearance:none;appearance:none;background-color:rgba(0,0,0,0);border:0;outline:none;padding:0;max-width:100%;flex-grow:1}.ckbox .ckbox-tag-input__field::placeholder{color:hsl(var(--ckbox-neutral-h), var(--ckbox-neutral-s), var(--ckbox-neutral-l-50))}.ckbox .ckbox-tag-input__field{height:calc(var(--ckbox-spacing-smallest) + calc(var(--ckbox-spacing-tiny) * 2 + 2px + var(--ckbox-spacing-base)))}.ckbox .ckbox-tag-input__list{flex-grow:1}.ckbox .ckbox-tag-input__copy-button-wrapper{flex-shrink:0}.ckbox .ckbox-tooltip{z-index:40;background-color:hsl(var(--ckbox-neutral-h), var(--ckbox-neutral-s), var(--ckbox-neutral-l-10));border-radius:var(--ckbox-radius-big)}.ckbox .ckbox-tooltip__content{color:hsl(var(--ckbox-neutral-h), var(--ckbox-neutral-s), var(--ckbox-neutral-l-100));font-size:var(--ckbox-font-small);padding:var(--ckbox-spacing-compact) var(--ckbox-spacing-smallest)}.ckbox .ckbox-topbar-actions{align-items:center;display:flex;flex-grow:1;gap:var(--ckbox-spacing-smallest)}.ckbox .ckbox-topbar-actions--hidden{visibility:hidden;overflow:hidden}.ckbox .ckbox-topbar{align-items:center;background-color:hsl(var(--ckbox-neutral-h), var(--ckbox-neutral-s), var(--ckbox-neutral-l-100));box-shadow:var(--ckbox-shadow-bottom);display:flex;padding:var(--ckbox-spacing-smallest) var(--ckbox-spacing-big);min-height:calc(
3
+ )}.ckbox .ckbox-gallery-skeleton__details{font-size:var(--ckbox-font-smallest);padding-top:var(--ckbox-spacing-smallest)}.ckbox .ckbox-icon{fill:currentColor;max-width:initial}.ckbox .ckbox-icon--small{height:var(--ckbox-spacing-small);min-width:var(--ckbox-spacing-small)}.ckbox .ckbox-icon--base{height:var(--ckbox-spacing-base);min-width:var(--ckbox-spacing-base)}.ckbox .ckbox-icon--medium{height:var(--ckbox-spacing-medium);width:var(--ckbox-spacing-medium)}.ckbox .ckbox-icon--big{height:var(--ckbox-spacing-big);min-width:var(--ckbox-spacing-big)}.ckbox .ckbox-icon--bigger{height:calc(var(--ckbox-spacing-medium) + var(--ckbox-spacing-smallest));min-width:calc(var(--ckbox-spacing-medium) + var(--ckbox-spacing-smallest))}.ckbox .ckbox-icon--humongous{height:var(--ckbox-spacing-humongous);min-width:var(--ckbox-spacing-humongous)}.ckbox .ckbox-icon--accent{color:hsl(var(--ckbox-action-h), var(--ckbox-action-s), 50%)}.ckbox .ckbox-icon--disabled{color:hsl(var(--ckbox-neutral-h), var(--ckbox-neutral-s), var(--ckbox-neutral-l-90))}.ckbox .ckbox-icon--danger{color:hsl(var(--ckbox-danger-h), var(--ckbox-danger-s), 50%)}.ckbox .ckbox-icon--warning{color:hsl(var(--ckbox-warning-h), var(--ckbox-warning-s), 50%, 100%)}.ckbox .ckbox-icon-spinner{animation:1.4s linear 0s infinite normal none running rotate}.ckbox .ckbox-icon-spinner__circle{fill:none;stroke-width:3.6;stroke:currentColor;stroke-dasharray:80px,200px;stroke-dashoffset:0;animation:1.4s ease-in-out 0s infinite normal none running spinner}@keyframes rotate{0%{transform:rotate(0deg)}100%{transform:rotate(360deg)}}@keyframes spinner{0%{stroke-dasharray:1px,200px;stroke-dashoffset:0}50%{stroke-dasharray:100px,200px;stroke-dashoffset:-15px}100%{stroke-dasharray:100px,200px;stroke-dashoffset:-125px}}.ckbox .ckbox-icon-filter{fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}.ckbox .ckbox-input{color:hsl(var(--ckbox-neutral-h), var(--ckbox-neutral-s), var(--ckbox-neutral-l-10));font-size:var(--ckbox-font-small);--ckbox-focus-color-outer-a: 20%;background-color:hsl(var(--ckbox-neutral-h), var(--ckbox-neutral-s), var(--ckbox-neutral-l-98));border-radius:var(--ckbox-radius-medium);border:1px solid hsl(var(--ckbox-neutral-h), var(--ckbox-neutral-s), var(--ckbox-neutral-l-70));padding:var(--ckbox-spacing-smallest) var(--ckbox-spacing-smaller);width:100%}.ckbox .ckbox-input:focus{outline:0;box-shadow:inset 0 0 0 3px var(--ckbox-focus-color-outer, hsl(var(--ckbox-focus-color-outer-hsl, var(--ckbox-action-h) var(--ckbox-action-s) 60%)/var(--ckbox-focus-color-outer-a, 100%))),inset 0 0 0 4px var(--ckbox-focus-color-inner, hsl(var(--ckbox-neutral-h), var(--ckbox-neutral-s), 100%))}.ckbox .ckbox-input:focus-visible,.ckbox .ckbox-input--focus-visible{outline:0;box-shadow:inset 0 0 0 3px var(--ckbox-focus-color-outer, hsl(var(--ckbox-focus-color-outer-hsl, var(--ckbox-action-h) var(--ckbox-action-s) 60%)/var(--ckbox-focus-color-outer-a, 100%))),inset 0 0 0 4px var(--ckbox-focus-color-inner, hsl(var(--ckbox-neutral-h), var(--ckbox-neutral-s), 100%));border-color:hsl(var(--ckbox-action-h), var(--ckbox-action-s), 50%)}.ckbox .ckbox-input:focus:not(:focus-visible){box-shadow:none}.ckbox .ckbox-input--error{border-color:hsl(var(--ckbox-danger-h), var(--ckbox-danger-s), 50%)}.ckbox .ckbox-input--error:focus{outline:0;box-shadow:inset 0 0 0 3px var(--ckbox-focus-color-outer, hsl(var(--ckbox-focus-color-outer-hsl, var(--ckbox-action-h) var(--ckbox-action-s) 60%)/var(--ckbox-focus-color-outer-a, 100%))),inset 0 0 0 4px var(--ckbox-focus-color-inner, hsl(var(--ckbox-neutral-h), var(--ckbox-neutral-s), 100%))}.ckbox .ckbox-input--error:focus-visible,.ckbox .ckbox-input--error--focus-visible{outline:0;box-shadow:inset 0 0 0 3px var(--ckbox-focus-color-outer, hsl(var(--ckbox-focus-color-outer-hsl, var(--ckbox-action-h) var(--ckbox-action-s) 60%)/var(--ckbox-focus-color-outer-a, 100%))),inset 0 0 0 4px var(--ckbox-focus-color-inner, hsl(var(--ckbox-neutral-h), var(--ckbox-neutral-s), 100%));border-color:hsl(var(--ckbox-danger-h), var(--ckbox-danger-s), 50%)}.ckbox .ckbox-input--error:focus:not(:focus-visible){box-shadow:none}.ckbox .ckbox-input--disabled,.ckbox .ckbox-input:disabled{opacity:.5;pointer-events:none}.ckbox .ckbox-input--md{font-size:var(--ckbox-font-medium);font-weight:600}.ckbox .ckbox-input--underline{background-color:rgba(0,0,0,0);border-left:0;border-right:0;border-top:0;border-radius:0}.ckbox .ckbox-input--multiline{vertical-align:middle}.ckbox .ckbox-input[type=number]::-webkit-inner-spin-button,.ckbox .ckbox-input[type=number]::-webkit-outer-spin-button{-webkit-appearance:none;appearance:none}.ckbox .ckbox-input[type=number]{-webkit-appearance:textfield;appearance:textfield}.ckbox .ckbox-list{list-style-type:none;padding:0}.ckbox .ckbox-list-item{display:flex;border-radius:var(--ckbox-radius-medium)}.ckbox .ckbox-list-item__content,.ckbox .ckbox-list-item__button{flex-grow:1;justify-content:start;height:var(--ckbox-spacing-biggest);--ckbox-btn-background-color-plain-hover: variables.$action-60-7-5;--ckbox-btn-font-size: variables.$font-size-medium}.ckbox .ckbox-list-item__content{padding:var(--ckbox-spacing-smallest) var(--ckbox-spacing-smaller)}.ckbox .ckbox-list-item__button-content{display:flex;flex-direction:row;flex-grow:1;gap:var(--ckbox-spacing-smallest);align-items:center}.ckbox .ckbox-list-item__action-buttons{display:flex;align-items:center;align-self:center;padding:var(--ckbox-spacing-compact)}.ckbox .ckbox-list-item__placeholder{color:hsl(var(--ckbox-neutral-h), var(--ckbox-neutral-s), var(--ckbox-neutral-l-70));font-weight:400}.ckbox .ckbox-list-item:hover{background-color:hsl(var(--ckbox-action-h), var(--ckbox-action-s), 60%, 7.5%)}.ckbox .ckbox-loading-button{position:relative}.ckbox .ckbox-loading-button__overlay{position:absolute;top:50%;left:50%;transform:translate(-50%, -50%)}.ckbox .ckbox-menu{background-color:hsl(var(--ckbox-neutral-h), var(--ckbox-neutral-s), var(--ckbox-neutral-l-100));border:1px solid hsl(var(--ckbox-neutral-h), var(--ckbox-neutral-s), var(--ckbox-neutral-l-90));border-radius:var(--ckbox-radius-big);box-shadow:var(--ckbox-shadow-level-3)}.ckbox .ckbox-menu--spacing{padding:var(--ckbox-spacing-smaller) 0}.ckbox .ckbox-menu .ckbox-popper-arrow::before{border:1px solid hsl(var(--ckbox-neutral-h), var(--ckbox-neutral-s), var(--ckbox-neutral-l-90))}.ckbox .ckbox-menu-item{align-items:center;background:none;border:0;cursor:pointer;display:flex;margin-right:0;padding:var(--ckbox-spacing-smallest) var(--ckbox-spacing-smaller);width:100%;color:inherit}.ckbox .ckbox-menu-item:focus{outline:0;box-shadow:inset 0 0 0 3px var(--ckbox-focus-color-outer, hsl(var(--ckbox-focus-color-outer-hsl, var(--ckbox-action-h) var(--ckbox-action-s) 60%)/var(--ckbox-focus-color-outer-a, 100%))),inset 0 0 0 4px var(--ckbox-focus-color-inner, hsl(var(--ckbox-neutral-h), var(--ckbox-neutral-s), 100%))}.ckbox .ckbox-menu-item:focus-visible,.ckbox .ckbox-menu-item--focus-visible{outline:0;box-shadow:inset 0 0 0 3px var(--ckbox-focus-color-outer, hsl(var(--ckbox-focus-color-outer-hsl, var(--ckbox-action-h) var(--ckbox-action-s) 60%)/var(--ckbox-focus-color-outer-a, 100%))),inset 0 0 0 4px var(--ckbox-focus-color-inner, hsl(var(--ckbox-neutral-h), var(--ckbox-neutral-s), 100%))}.ckbox .ckbox-menu-item:focus:not(:focus-visible){box-shadow:none}.ckbox .ckbox-menu-item:hover{background-color:hsl(var(--ckbox-action-h), var(--ckbox-action-s), 60%, 15%);color:hsl(var(--ckbox-action-h), var(--ckbox-action-s), 50%)}.ckbox .ckbox-menu-item:disabled{color:hsl(var(--ckbox-neutral-h), var(--ckbox-neutral-s), var(--ckbox-neutral-l-90));pointer-events:none}.ckbox .ckbox-menu-item__label{font-size:var(--ckbox-font-small)}.ckbox .ckbox-menu-item__label--spacing{margin-left:var(--ckbox-spacing-compact)}.ckbox .ckbox-menu-section{min-width:295px;padding:var(--ckbox-spacing-smaller) var(--ckbox-spacing-medium)}.ckbox .ckbox-menu-section--border-bottom{border-bottom:1px solid hsl(var(--ckbox-neutral-h), var(--ckbox-neutral-s), var(--ckbox-neutral-l-90))}.ckbox .ckbox-menu-section__title{color:hsl(var(--ckbox-neutral-h), var(--ckbox-neutral-s), var(--ckbox-neutral-l-50));font-size:var(--ckbox-font-base);font-weight:600;margin-bottom:var(--ckbox-spacing-smallest)}.ckbox .ckbox-menu-sub-section{display:flex;flex-direction:column}.ckbox .ckbox-menu-sub-section .ckbox-btn{justify-content:space-between}.ckbox .ckbox-menu-sub-section--row{align-items:center;flex-direction:row;justify-content:space-between}.ckbox .ckbox-menu-sub-section__title{font-size:var(--ckbox-font-small);font-weight:600;margin-bottom:var(--ckbox-spacing-smallest)}.ckbox .ckbox-menu-sub-section__content--row{display:flex;align-items:center;flex-direction:row;justify-content:space-between;gap:var(--ckbox-spacing-smallest)}.ckbox .ckbox-menu-sub-section:not(:last-child){margin-bottom:var(--ckbox-spacing-base)}.ckbox .ckbox-navbar-item{position:relative;display:flex;-webkit-user-select:none;user-select:none}.ckbox .ckbox-navbar-item:hover,.ckbox .ckbox-navbar-item--active{background-color:hsl(var(--ckbox-neutral-h) var(--ckbox-neutral-s) var(--ckbox-neutral-l-60)/15%)}.ckbox .ckbox-navbar-item--active::before{content:"";display:block;position:absolute;left:0;top:0;height:100%;width:var(--ckbox-spacing-compact);background-color:hsl(var(--ckbox-action-h), var(--ckbox-action-s), 50%)}.ckbox .ckbox-navbar-item--disabled{cursor:default;pointer-events:none}.ckbox .ckbox-navbar-item--separator{margin-top:var(--ckbox-font-small)}.ckbox .ckbox-navbar-item--separator::after{border-top:1px solid hsl(var(--ckbox-neutral-h), var(--ckbox-neutral-s), var(--ckbox-neutral-l-50));content:"";display:block;position:absolute;left:var(--ckbox-spacing-base);right:var(--ckbox-spacing-base);top:calc(var(--ckbox-spacing-smallest) * -1)}.ckbox .ckbox-navbar-item__button{align-items:center;background-color:rgba(0,0,0,0);border:0;color:hsl(var(--ckbox-neutral-h), var(--ckbox-neutral-s), var(--ckbox-neutral-l-100));cursor:pointer;display:flex;font-size:var(--ckbox-font-small);padding:calc(var(--ckbox-spacing-medium) / 2);padding-left:var(--ckbox-spacing-base);transition:background-color calc(var(--ckbox-animation-duration-primary)*1ms);width:100%;position:relative;-webkit-user-select:none;user-select:none;--ckbox-navbar-item-icon-color: hsl(var(--ckbox-neutral-h), var(--ckbox-neutral-s), var(--ckbox-neutral-l-60))}.ckbox .ckbox-navbar-item__button:focus{outline:0;box-shadow:inset 0 0 0 3px var(--ckbox-focus-color-outer, hsl(var(--ckbox-focus-color-outer-hsl, var(--ckbox-action-h) var(--ckbox-action-s) 60%)/var(--ckbox-focus-color-outer-a, 100%))),inset 0 0 0 4px var(--ckbox-focus-color-inner, hsl(var(--ckbox-neutral-h), var(--ckbox-neutral-s), 100%))}.ckbox .ckbox-navbar-item__button:focus-visible,.ckbox .ckbox-navbar-item__button--focus-visible{outline:0;box-shadow:inset 0 0 0 3px var(--ckbox-focus-color-outer, hsl(var(--ckbox-focus-color-outer-hsl, var(--ckbox-action-h) var(--ckbox-action-s) 60%)/var(--ckbox-focus-color-outer-a, 100%))),inset 0 0 0 4px var(--ckbox-focus-color-inner, hsl(var(--ckbox-neutral-h), var(--ckbox-neutral-s), 100%))}.ckbox .ckbox-navbar-item__button:focus-visible::before,.ckbox .ckbox-navbar-item__button--focus-visible::before{background-color:rgba(0,0,0,0)}.ckbox .ckbox-navbar-item__button:focus:not(:focus-visible){box-shadow:none}.ckbox .ckbox-navbar-item__button--disabled{color:hsl(var(--ckbox-neutral-h), var(--ckbox-neutral-s), var(--ckbox-neutral-l-50));cursor:default;pointer-events:none;--ckbox-navbar-item-icon-color: hsl(var(--ckbox-neutral-h), var(--ckbox-neutral-s), var(--ckbox-neutral-l-50))}.ckbox .ckbox-navbar-item__button--active{--ckbox-navbar-item-icon-color: hsl(var(--ckbox-neutral-h), var(--ckbox-neutral-s), var(--ckbox-neutral-l-100))}.ckbox .ckbox-navbar-item__button-wrapper{padding-right:var(--ckbox-spacing-compact);align-self:center}.ckbox .ckbox-navbar-item__loader{background-color:hsl(var(--ckbox-neutral-h), var(--ckbox-neutral-s), var(--ckbox-neutral-l-50))}.ckbox .ckbox-navbar-item__label{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.ckbox .ckbox-navbar-item__icon{fill:var(--ckbox-navbar-item-icon-color);margin-right:var(--ckbox-spacing-smallest);transition:fill calc(var(--ckbox-animation-duration-primary)*1ms)}.ckbox .ckbox-navbar-item--animate .ckbox-navbar-item__icon{transition:transform calc(var(--ckbox-animation-duration-primary)*1ms)}.ckbox .ckbox-navbar-item--animate:hover .ckbox-navbar-item__icon{transform:rotate(45deg)}.ckbox .ckbox-navbar-item-fixed-wrapper{margin-top:auto}.ckbox .ckbox-navbar{background-color:hsl(var(--ckbox-action-h), var(--ckbox-action-s), 10%);height:100%;overflow-x:hidden;overflow-y:auto;padding-left:0;display:flex;flex-direction:column}.ckbox .ckbox-navbar::-webkit-scrollbar{width:var(--ckbox-spacing-smaller)}.ckbox .ckbox-navbar-credit-link{display:flex;-webkit-user-select:none;user-select:none;color:hsl(var(--ckbox-neutral-h), var(--ckbox-neutral-s), var(--ckbox-neutral-l-100));font-size:var(--ckbox-font-smaller);padding:calc(var(--ckbox-spacing-medium) / 2);padding-left:var(--ckbox-spacing-base);text-decoration:none}.ckbox .ckbox-navbar-credit-link--collapsed{padding-left:var(--ckbox-spacing-smaller)}.ckbox .ckbox-notifications{position:absolute;right:0;bottom:0;margin-bottom:var(--ckbox-spacing-small);padding-right:var(--ckbox-spacing-small);z-index:10;display:flex;flex-direction:column;overflow:hidden;transition:transform calc(var(--ckbox-animation-duration-primary)*1ms) ease-out}.ckbox .ckbox-notification{position:relative;min-width:300px;height:0;margin-top:0}.ckbox .ckbox-notification:first-child{margin-top:0}.ckbox .ckbox-notification__title{flex-grow:1}.ckbox .ckbox-notification__icons{display:flex}.ckbox .ckbox-notification__content{--ckbox-btn-icon-color-override: hsl(var(--ckbox-neutral-h), var(--ckbox-neutral-s), var(--ckbox-neutral-l-100));border-radius:var(--ckbox-radius-medium);box-shadow:var(--ckbox-shadow-level-3);padding:var(--ckbox-spacing-smallest) var(--ckbox-spacing-smaller);display:flex;align-items:center;background-color:hsl(var(--ckbox-action-h), var(--ckbox-action-s), 10%);color:hsl(var(--ckbox-neutral-h), var(--ckbox-neutral-s), var(--ckbox-neutral-l-100));width:100%;position:absolute;top:0;left:0;transform:translateX(calc(100% + 2 * var(--ckbox-spacing-base)))}.ckbox .ckbox-notification__detail-row{margin:var(--ckbox-spacing-smaller) var(--ckbox-spacing-base)}.ckbox .ckbox-notification__detail-row code{color:hsl(var(--ckbox-neutral-h), var(--ckbox-neutral-s), var(--ckbox-neutral-l-10))}.ckbox .ckbox-notification--success{background-color:hsl(var(--ckbox-success-h), var(--ckbox-success-s), 35%, 100%);color:hsl(var(--ckbox-neutral-h), var(--ckbox-neutral-s), var(--ckbox-neutral-l-100))}.ckbox .ckbox-notification--error{background-color:hsl(var(--ckbox-danger-h), var(--ckbox-danger-s), 50%);color:hsl(var(--ckbox-neutral-h), var(--ckbox-neutral-s), var(--ckbox-neutral-l-100))}.ckbox .ckbox-notification--enter-active{animation-name:grow;animation-timing-function:ease-in;animation-fill-mode:forwards;animation-duration:calc(var(--ckbox-animation-duration-secondary)*1ms)}.ckbox .ckbox-notification:only-child{animation-duration:0ms}.ckbox .ckbox-notification--enter-done{height:var(--ckbox-notification-height);margin-top:var(--ckbox-spacing-smallest)}.ckbox .ckbox-notification--exit{height:var(--ckbox-notification-height);margin-top:var(--ckbox-spacing-smallest)}.ckbox .ckbox-notification--exit-active{animation-name:grow;animation-timing-function:ease-out;animation-fill-mode:forwards;animation-direction:reverse;animation-duration:calc(var(--ckbox-animation-duration-secondary)*1ms);animation-delay:calc(var(--ckbox-animation-duration-primary)*1ms)}@keyframes grow{from{height:0;margin-top:0}to{height:var(--ckbox-notification-height);margin-top:var(--ckbox-spacing-smallest)}}.ckbox .ckbox-notification--enter-active .ckbox-notification__content{animation-name:slide;animation-timing-function:ease-in;animation-fill-mode:forwards;animation-duration:calc(var(--ckbox-animation-duration-primary)*1ms);animation-delay:calc(var(--ckbox-animation-duration-secondary)*1ms)}.ckbox .ckbox-notification--enter-done .ckbox-notification__content{transform:translateX(0)}.ckbox .ckbox-notification--exit .ckbox-notification__content{transform:translateX(0)}.ckbox .ckbox-notification--exit-active .ckbox-notification__content{animation-name:slide;animation-timing-function:ease-out;animation-fill-mode:forwards;animation-direction:reverse;animation-duration:calc(var(--ckbox-animation-duration-primary)*1ms)}.ckbox .ckbox-notification:only-child .ckbox-notification__content{animation-delay:0ms}@keyframes slide{from{transform:translateX(calc(100% + 2 * var(--ckbox-spacing-base)))}to{transform:translateX(0)}}.ckbox .ckbox-overlay{background:rgba(0,0,0,0);z-index:20;position:absolute;width:100%;height:100%;left:0;top:0}.ckbox .ckbox-overlay--dark{background:hsl(var(--ckbox-neutral-h) var(--ckbox-neutral-s) var(--ckbox-neutral-l-40)/75%);opacity:.5}.ckbox .ckbox-pagination{align-items:center;display:flex;font-size:var(--ckbox-font-small);gap:var(--ckbox-spacing-compact)}.ckbox .ckbox-pagination__current-page{padding-left:0;padding-right:0;text-align:center;width:var(--ckbox-spacing-big)}.ckbox .ckbox-pagination__total-pages{margin:0 var(--ckbox-spacing-compact)}.ckbox .ckbox-panel{display:flex;position:relative;gap:var(--ckbox-spacing-small)}.ckbox .ckbox-panel--opaque{opacity:0}.ckbox .ckbox-panel--elevated{background-color:hsl(var(--ckbox-neutral-h), var(--ckbox-neutral-s), var(--ckbox-neutral-l-98));box-shadow:var(--ckbox-shadow-level-3);padding:var(--ckbox-spacing-smaller);border-radius:var(--ckbox-radius-big)}.ckbox .ckbox-panel-column{display:flex;flex-direction:column;width:100%;gap:var(--ckbox-spacing-base)}.ckbox .ckbox-panel-drag-handle{position:absolute;top:50%;left:5px;cursor:move;opacity:.25}.ckbox .ckbox-panel-actions{display:flex;justify-content:flex-end;align-items:flex-end;gap:var(--ckbox-spacing-smallest)}.ckbox .ckbox-panel-content{display:flex;align-items:center;position:relative}.ckbox .ckbox-panel-content__header{color:hsl(var(--ckbox-neutral-h), var(--ckbox-neutral-s), var(--ckbox-neutral-l-50));font-size:var(--ckbox-font-smallest);margin-bottom:var(--ckbox-spacing-compact)}.ckbox .ckbox-panel-content__main{width:100%;position:relative;min-width:0}.ckbox .ckbox-panel-content-prop{font-size:var(--ckbox-font-small);font-weight:300}.ckbox .ckbox-panel-content-prop__value{margin-left:var(--ckbox-spacing-compact);font-weight:600}.ckbox .ckbox-panel-side{color:hsl(var(--ckbox-action-h), var(--ckbox-action-s), 50%)}.ckbox .ckbox-panel-title{align-items:center;font-size:var(--ckbox-font-medium);font-weight:600;width:50%}.ckbox .ckbox-panel-title__description{color:hsl(var(--ckbox-neutral-h), var(--ckbox-neutral-s), var(--ckbox-neutral-l-50));font-size:var(--ckbox-font-smallest);font-weight:normal}.ckbox .ckbox-panel-skeleton{font-size:var(--ckbox-font-smallest);gap:var(--ckbox-spacing-smallest);display:flex}.ckbox .ckbox-panel-skeleton__block{background-color:hsl(var(--ckbox-neutral-h), var(--ckbox-neutral-s), var(--ckbox-neutral-l-90))}.ckbox .ckbox-panel-skeleton__block--size-sm.ckbox-skeleton{width:var(--ckbox-spacing-biggest)}.ckbox .ckbox-panel-skeleton__block--size-md.ckbox-skeleton{width:calc(var(--ckbox-spacing-biggest) * 1.5)}.ckbox .ckbox-panel-skeleton__block--size-lg.ckbox-skeleton{width:calc(var(--ckbox-spacing-humongous) * 1.5)}.ckbox .ckbox-panel-list-divider{height:1px;width:100%;border-bottom:1px solid hsl(var(--ckbox-neutral-h), var(--ckbox-neutral-s), var(--ckbox-neutral-l-80))}.ckbox .ckbox-panel-list-divider--opaque{border-bottom-color:rgba(0,0,0,0)}.ckbox .ckbox-panel-list{display:flex;flex-direction:column;gap:var(--ckbox-spacing-base)}.ckbox .ckbox-panel-list__toolbar{display:flex;justify-content:flex-end}.ckbox .ckbox-popper-arrow{visibility:hidden}.ckbox .ckbox-popper-arrow,.ckbox .ckbox-popper-arrow::before{position:absolute;width:14px;height:14px;background:inherit;box-sizing:content-box}.ckbox .ckbox-popper-arrow--sm,.ckbox .ckbox-popper-arrow--sm::before{width:6px;height:6px}.ckbox .ckbox-popper-arrow::before{visibility:visible;content:"";transform:rotate(45deg)}.ckbox .ckbox-popper{position:relative}.ckbox .ckbox-popper[data-popper-placement^=top] .ckbox-popper-arrow[data-popper-arrow]{bottom:calc(-16px / 2)}.ckbox .ckbox-popper[data-popper-placement^=top] .ckbox-popper-arrow[data-popper-arrow]::before{border-right-width:0;border-bottom-width:0}.ckbox .ckbox-popper[data-popper-placement^=bottom] .ckbox-popper-arrow[data-popper-arrow]{top:calc(-16px / 2)}.ckbox .ckbox-popper[data-popper-placement^=bottom] .ckbox-popper-arrow[data-popper-arrow]::before{border-right-width:0;border-bottom-width:0}.ckbox .ckbox-popper[data-popper-placement^=left] .ckbox-popper-arrow[data-popper-arrow]{right:calc(-16px / 2)}.ckbox .ckbox-popper[data-popper-placement^=left] .ckbox-popper-arrow[data-popper-arrow]::before{border-right-width:0;border-top-width:0}.ckbox .ckbox-popper[data-popper-placement^=right] .ckbox-popper-arrow[data-popper-arrow]{left:calc(-16px / 2)}.ckbox .ckbox-popper[data-popper-placement^=right] .ckbox-popper-arrow[data-popper-arrow]::before{border-left-width:0;border-bottom-width:0}.ckbox .ckbox-popper[data-popper-placement^=top] .ckbox-popper-arrow--sm[data-popper-arrow]{bottom:calc(-6px / 2)}.ckbox .ckbox-popper[data-popper-placement^=bottom] .ckbox-popper-arrow--sm[data-popper-arrow]{top:calc(-6px / 2)}.ckbox .ckbox-popper[data-popper-placement^=left] .ckbox-popper-arrow--sm[data-popper-arrow]{right:calc(-6px / 2)}.ckbox .ckbox-popper[data-popper-placement^=right] .ckbox-popper-arrow--sm[data-popper-arrow]{left:calc(-6px / 2)}.ckbox .ckbox-progress-panel{background-color:hsl(var(--ckbox-neutral-h) var(--ckbox-neutral-s) var(--ckbox-neutral-l-60)/15%);border-radius:var(--ckbox-radius-medium);font-size:var(--ckbox-font-small);margin:var(--ckbox-spacing-smallest) var(--ckbox-spacing-smaller);padding:var(--ckbox-spacing-smallest) var(--ckbox-spacing-smaller) var(--ckbox-spacing-compact)}.ckbox .ckbox-progress-panel__header{display:flex;justify-content:space-between}.ckbox .ckbox-progress-panel__info{margin:0 var(--ckbox-spacing-smallest)}.ckbox .ckbox-progress-panel__bar{-webkit-appearance:none;appearance:none;border-radius:var(--ckbox-radius-big);height:calc(100% + 2px);left:0;margin:-1px;position:absolute;top:0;width:calc(100% + 2px);color:hsl(var(--ckbox-action-h), var(--ckbox-action-s), 50%)}.ckbox .ckbox-progress-panel__bar,.ckbox .ckbox-progress-panel__bar::-webkit-progress-bar{background-color:hsl(var(--ckbox-neutral-h) var(--ckbox-neutral-s) var(--ckbox-neutral-l-60)/15%);-webkit-transition:width calc(var(--ckbox-animation-duration-secondary)*1ms) ease-in;transition:width calc(var(--ckbox-animation-duration-secondary)*1ms) ease-in}.ckbox .ckbox-progress-panel__bar::-webkit-progress-value{background-color:currentColor;-webkit-transition:width calc(var(--ckbox-animation-duration-secondary)*1ms) ease-in;transition:width calc(var(--ckbox-animation-duration-secondary)*1ms) ease-in}.ckbox .ckbox-progress-panel__bar::-moz-progress-bar{background-color:currentColor;-moz-transition:width calc(var(--ckbox-animation-duration-secondary)*1ms) ease-in;transition:width calc(var(--ckbox-animation-duration-secondary)*1ms) ease-in}.ckbox .ckbox-progress-panel__bar-wrapper{border:0;border-radius:var(--ckbox-radius-big);height:var(--ckbox-spacing-smallest);margin-bottom:var(--ckbox-spacing-compact);margin-top:var(--ckbox-spacing-compact);overflow:hidden;padding:0;position:relative;width:100%}.ckbox .ckbox-progress-panel__label{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin-right:var(--ckbox-spacing-smallest);flex:1}.ckbox .ckbox-progress-panel__footer{font-size:var(--ckbox-font-smallest)}.ckbox .ckbox-progress-panel__footer::after{content:" "}.ckbox .ckbox-progress-panel__footer strong{font-style:italic}.ckbox .ckbox-progress-panel--completed .ckbox-progress-panel__bar{color:hsl(var(--ckbox-success-h), var(--ckbox-success-s), 35%, 100%)}.ckbox .ckbox-progress-panel--error{background-color:hsl(var(--ckbox-danger-h), var(--ckbox-danger-s), 60%, 15%);color:hsl(var(--ckbox-danger-h), var(--ckbox-danger-s), 50%)}.ckbox .ckbox-progress-panel--error .ckbox-progress-panel__bar,.ckbox .ckbox-progress-panel--error .ckbox-progress-panel__bar::-webkit-progress-bar{color:hsl(var(--ckbox-danger-h), var(--ckbox-danger-s), 50%);background-color:hsl(var(--ckbox-danger-h), var(--ckbox-danger-s), 60%, 15%)}.ckbox .ckbox-progress-panel--warning{background-color:hsl(var(--ckbox-warning-h), var(--ckbox-warning-s), 60%, 15%);color:hsl(var(--ckbox-warning-h), var(--ckbox-warning-s), 50%, 100%)}.ckbox .ckbox-progress-panel--warning .ckbox-progress-panel__bar,.ckbox .ckbox-progress-panel--warning .ckbox-progress-panel__bar::-webkit-progress-bar{color:hsl(var(--ckbox-warning-h), var(--ckbox-warning-s), 50%, 100%);background-color:hsl(var(--ckbox-warning-h), var(--ckbox-warning-s), 60%, 15%)}.ckbox .ckbox-properties-table-row{display:flex;justify-content:space-between;padding:var(--ckbox-spacing-compact);gap:var(--ckbox-spacing-compact)}.ckbox .ckbox-properties-table-row:not(:last-child){border-bottom:1px solid hsl(var(--ckbox-neutral-h), var(--ckbox-neutral-s), var(--ckbox-neutral-l-80))}.ckbox .ckbox-properties-table-row__label{overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.ckbox .ckbox-properties-table{width:100%;font-size:var(--ckbox-font-smaller)}.ckbox .ckbox-range-slider__track{align-items:center;background-color:hsl(var(--ckbox-neutral-h) var(--ckbox-neutral-s) var(--ckbox-neutral-l-60)/15%);border-radius:var(--ckbox-radius-medium);display:flex;height:var(--ckbox-spacing-smallest);position:relative;cursor:pointer}.ckbox .ckbox-range-slider__thumb{background-color:hsl(var(--ckbox-neutral-h), var(--ckbox-neutral-s), var(--ckbox-neutral-l-100));border:2px solid hsl(var(--ckbox-action-h), var(--ckbox-action-s), 50%);border-radius:50%;cursor:grab;height:var(--ckbox-spacing-medium);position:absolute;touch-action:none;-webkit-user-select:none;user-select:none;width:var(--ckbox-spacing-medium);transform:translateX(-50%)}.ckbox .ckbox-range-slider__thumb:focus{outline:0;box-shadow:0 0 0 1.5px var(--ckbox-focus-color-inner, hsl(var(--ckbox-neutral-h), var(--ckbox-neutral-s), 100%)),0 0 0 3.5px var(--ckbox-focus-color-outer, hsl(var(--ckbox-focus-color-outer-hsl, var(--ckbox-action-h) var(--ckbox-action-s) 60%)/var(--ckbox-focus-color-outer-a, 100%)))}.ckbox .ckbox-range-slider__track-progress{background-color:hsl(var(--ckbox-action-h), var(--ckbox-action-s), 50%);border-bottom-left-radius:var(--ckbox-radius-medium);border-top-left-radius:var(--ckbox-radius-medium);height:inherit;position:absolute}.ckbox .ckbox-range-slider__labels{display:flex;font-size:var(--ckbox-font-smallest);padding-top:var(--ckbox-spacing-compact);white-space:nowrap}.ckbox .ckbox-range-slider__labels :first-child{flex:.5;text-align:left}.ckbox .ckbox-range-slider__labels :last-child{flex:.5;text-align:right}.ckbox .ckbox-range-slider__label{flex:1;text-align:center}.ckbox .ckbox-range-slider--animated .ckbox-range-slider__thumb{transition:transform calc(var(--ckbox-animation-duration-secondary)*1ms) ease-in}.ckbox .ckbox-range-slider--animated .ckbox-range-slider__track-progress{transition:width calc(var(--ckbox-animation-duration-secondary)*1ms) ease-in}.ckbox .ckbox-range-slider--half-width{width:50%}.ckbox .ckbox-range-slider--dragging{cursor:grab}.ckbox .ckbox-responsive-image{height:100%;width:100%;position:relative}.ckbox .ckbox-responsive-image__picture{height:100%;width:100%;position:absolute;top:50%;left:50%;transform:translateX(-50%) translateY(-50%)}.ckbox .ckbox-responsive-image__picture--centered{display:flex;flex-direction:column;justify-content:center;align-items:center}.ckbox .ckbox-responsive-image__picture--hidden{visibility:hidden;z-index:-1}.ckbox .ckbox-responsive-image__img{height:100%;width:100%}.ckbox .ckbox-responsive-image__img--cover{object-fit:cover}.ckbox .ckbox-responsive-image__img--scale-down{object-fit:scale-down}.ckbox .ckbox-select{color:hsl(var(--ckbox-neutral-h), var(--ckbox-neutral-s), var(--ckbox-neutral-l-10));font-size:var(--ckbox-font-small);--ckbox-focus-color-outer-a: 20%;background-color:hsl(var(--ckbox-neutral-h), var(--ckbox-neutral-s), var(--ckbox-neutral-l-98));border-radius:var(--ckbox-radius-medium);border:1px solid hsl(var(--ckbox-neutral-h), var(--ckbox-neutral-s), var(--ckbox-neutral-l-70));padding:var(--ckbox-spacing-smallest) var(--ckbox-spacing-smaller);width:100%;display:flex;align-items:center;gap:var(--ckbox-spacing-smallest);justify-content:space-between;-webkit-user-select:none;user-select:none}.ckbox .ckbox-select:focus{outline:0;box-shadow:inset 0 0 0 3px var(--ckbox-focus-color-outer, hsl(var(--ckbox-focus-color-outer-hsl, var(--ckbox-action-h) var(--ckbox-action-s) 60%)/var(--ckbox-focus-color-outer-a, 100%))),inset 0 0 0 4px var(--ckbox-focus-color-inner, hsl(var(--ckbox-neutral-h), var(--ckbox-neutral-s), 100%))}.ckbox .ckbox-select:focus-visible,.ckbox .ckbox-select--focus-visible{outline:0;box-shadow:inset 0 0 0 3px var(--ckbox-focus-color-outer, hsl(var(--ckbox-focus-color-outer-hsl, var(--ckbox-action-h) var(--ckbox-action-s) 60%)/var(--ckbox-focus-color-outer-a, 100%))),inset 0 0 0 4px var(--ckbox-focus-color-inner, hsl(var(--ckbox-neutral-h), var(--ckbox-neutral-s), 100%));border-color:hsl(var(--ckbox-action-h), var(--ckbox-action-s), 50%)}.ckbox .ckbox-select:focus:not(:focus-visible){box-shadow:none}.ckbox .ckbox-select--error{border-color:hsl(var(--ckbox-danger-h), var(--ckbox-danger-s), 50%)}.ckbox .ckbox-select--error:focus{outline:0;box-shadow:inset 0 0 0 3px var(--ckbox-focus-color-outer, hsl(var(--ckbox-focus-color-outer-hsl, var(--ckbox-action-h) var(--ckbox-action-s) 60%)/var(--ckbox-focus-color-outer-a, 100%))),inset 0 0 0 4px var(--ckbox-focus-color-inner, hsl(var(--ckbox-neutral-h), var(--ckbox-neutral-s), 100%))}.ckbox .ckbox-select--error:focus-visible,.ckbox .ckbox-select--error--focus-visible{outline:0;box-shadow:inset 0 0 0 3px var(--ckbox-focus-color-outer, hsl(var(--ckbox-focus-color-outer-hsl, var(--ckbox-action-h) var(--ckbox-action-s) 60%)/var(--ckbox-focus-color-outer-a, 100%))),inset 0 0 0 4px var(--ckbox-focus-color-inner, hsl(var(--ckbox-neutral-h), var(--ckbox-neutral-s), 100%));border-color:hsl(var(--ckbox-danger-h), var(--ckbox-danger-s), 50%)}.ckbox .ckbox-select--error:focus:not(:focus-visible){box-shadow:none}.ckbox .ckbox-select--disabled,.ckbox .ckbox-select:disabled{opacity:.5;pointer-events:none}.ckbox .ckbox-select__field{color:hsl(var(--ckbox-neutral-h), var(--ckbox-neutral-s), var(--ckbox-neutral-l-10));font-size:var(--ckbox-font-small);-webkit-appearance:none;appearance:none;background-color:rgba(0,0,0,0);border:0;outline:none;padding:0;max-width:100%;flex-grow:1}.ckbox .ckbox-select__field::placeholder{color:hsl(var(--ckbox-neutral-h), var(--ckbox-neutral-s), var(--ckbox-neutral-l-50))}.ckbox .ckbox-select__field{height:calc(var(--ckbox-spacing-smallest) + calc(var(--ckbox-spacing-tiny) * 2 + 2px + var(--ckbox-spacing-base)));min-width:2px}.ckbox .ckbox-select__field-hidden{position:absolute;width:0;opacity:0}.ckbox .ckbox-select-listbox{background-color:hsl(var(--ckbox-neutral-h), var(--ckbox-neutral-s), var(--ckbox-neutral-l-100));border:1px solid hsl(var(--ckbox-neutral-h), var(--ckbox-neutral-s), var(--ckbox-neutral-l-90));border-radius:var(--ckbox-radius-big);box-shadow:var(--ckbox-shadow-level-3);z-index:40}.ckbox .ckbox-select-listbox-list__fallback{padding:var(--ckbox-spacing-big);text-align:center}.ckbox .ckbox-select-listbox-list__list{overflow:auto;max-height:228px;padding:var(--ckbox-spacing-smallest) 0;list-style:none;margin:0}.ckbox .ckbox-select-listbox-item{display:flex;overflow:hidden;align-items:center;cursor:pointer;gap:var(--ckbox-spacing-smallest);padding:var(--ckbox-spacing-smaller) var(--ckbox-spacing-small);max-height:38px;outline:none;font-size:var(--ckbox-font-small)}.ckbox .ckbox-select-listbox-item--pre-selected{background-color:hsl(var(--ckbox-neutral-h) var(--ckbox-neutral-s) var(--ckbox-neutral-l-60)/10%)}.ckbox .ckbox-select-listbox-item--selected{background-color:hsl(var(--ckbox-action-h), var(--ckbox-action-s), 60%, 7.5%)}.ckbox .ckbox-select-listbox-item--selected.ckbox-select-listbox-item--pre-selected{background-color:hsl(var(--ckbox-action-h), var(--ckbox-action-s), 60%, 15%)}.ckbox .ckbox-select-multi-list{display:flex;align-items:center;min-height:calc(var(--ckbox-spacing-smallest) + calc(var(--ckbox-spacing-tiny) * 2 + 2px + var(--ckbox-spacing-base)));flex-grow:1}.ckbox .ckbox-select-multi-list__placeholder{color:hsl(var(--ckbox-neutral-h), var(--ckbox-neutral-s), var(--ckbox-neutral-l-50))}.ckbox .ckbox-select-single{height:calc(var(--ckbox-spacing-smallest) + calc(var(--ckbox-spacing-tiny) * 2 + 2px + var(--ckbox-spacing-base)));display:flex;align-items:center}.ckbox .ckbox-select-single--searchable{height:initial;display:block}.ckbox .ckbox-select-single__label{margin-left:-2px}.ckbox .ckbox-select-single__placeholder{color:hsl(var(--ckbox-neutral-h), var(--ckbox-neutral-s), var(--ckbox-neutral-l-50))}.ckbox .ckbox-select-input--hidden{position:absolute;height:0;overflow:hidden;white-space:pre}.ckbox .ckbox-search-dialog{position:absolute;left:var(--ckbox-search-dialog-center-x, 0);top:60px;border-radius:var(--ckbox-radius-big);box-shadow:var(--ckbox-shadow-level-4);display:flex;flex-direction:column;overflow:hidden;z-index:40;width:678px;background-color:hsl(var(--ckbox-neutral-h), var(--ckbox-neutral-s), var(--ckbox-neutral-l-100));outline:none;max-height:calc(100% - 120px)}.ckbox .ckbox-search-dialog--compact{top:40px;max-height:calc(100% - 80px)}.ckbox .ckbox-search-dialog-actions{display:flex;justify-content:flex-end;gap:var(--ckbox-spacing-smallest)}.ckbox .ckbox-search-dialog-bar{display:flex;gap:var(--ckbox-spacing-small)}.ckbox .ckbox-search-dialog-content{padding:var(--ckbox-spacing-small) var(--ckbox-spacing-medium);display:flex;flex-direction:column;gap:var(--ckbox-spacing-smallest);overflow:auto}.ckbox .ckbox-search-dialog-fallback{color:hsl(var(--ckbox-neutral-h), var(--ckbox-neutral-s), var(--ckbox-neutral-l-40));font-size:var(--ckbox-font-small);padding:var(--ckbox-spacing-smaller) var(--ckbox-spacing-base);text-align:center}.ckbox .ckbox-search-dialog-header{padding:var(--ckbox-spacing-smaller) var(--ckbox-spacing-small);border-bottom:1px solid hsl(var(--ckbox-neutral-h), var(--ckbox-neutral-s), var(--ckbox-neutral-l-95));display:flex;justify-content:space-between;gap:var(--ckbox-spacing-medium)}.ckbox .ckbox-search-dialog-header__actions{display:flex;gap:var(--ckbox-spacing-compact)}.ckbox .ckbox-search-dialog-header__form{display:flex;align-items:center;gap:var(--ckbox-spacing-compact);flex:1}.ckbox .ckbox-search-dialog-input{display:flex;align-items:center;gap:var(--ckbox-spacing-smallest);flex:1}.ckbox .ckbox-search-dialog-input__field{color:hsl(var(--ckbox-neutral-h), var(--ckbox-neutral-s), var(--ckbox-neutral-l-10));font-size:var(--ckbox-font-small);-webkit-appearance:none;appearance:none;background-color:rgba(0,0,0,0);border:0;outline:none;padding:0;max-width:100%;flex-grow:1}.ckbox .ckbox-search-dialog-input__field::placeholder{color:hsl(var(--ckbox-neutral-h), var(--ckbox-neutral-s), var(--ckbox-neutral-l-50))}.ckbox .ckbox-search-dialog-input__field{font-size:var(--ckbox-font-base);font-weight:600;height:100%}.ckbox .ckbox-search-dialog-input__field::placeholder{font-weight:400}.ckbox .ckbox-search-dialog-section__header{color:hsl(var(--ckbox-neutral-h), var(--ckbox-neutral-s), var(--ckbox-neutral-l-40));font-size:var(--ckbox-font-small);margin-bottom:var(--ckbox-spacing-small)}.ckbox .ckbox-selection-area{background-color:hsl(var(--ckbox-action-h), var(--ckbox-action-s), 60%, 15%);position:absolute}.ckbox .ckbox-skeleton{overflow:hidden;position:relative;width:100%}.ckbox .ckbox-skeleton::after{animation:wave 2s linear .5s infinite;background:linear-gradient(90deg, transparent, hsl(var(--ckbox-neutral-h), var(--ckbox-neutral-s), var(--ckbox-neutral-l-98)), transparent);bottom:0;content:"";left:0;position:absolute;right:0;top:0;transform:translateX(-100%)}@keyframes wave{0%{transform:translateX(-100%)}50%{transform:translateX(100%)}100%{transform:translateX(100%)}}.ckbox .ckbox-skeleton--bg-default{background-color:hsl(var(--ckbox-neutral-h), var(--ckbox-neutral-s), var(--ckbox-neutral-l-90))}.ckbox .ckbox-sort-button--ascending path{fill:hsl(var(--ckbox-action-h), var(--ckbox-action-s), 50%)}.ckbox .ckbox-sort-button--ascending path+path{fill:hsl(var(--ckbox-neutral-h), var(--ckbox-neutral-s), var(--ckbox-neutral-l-70))}.ckbox .ckbox-sort-button--descending path{fill:hsl(var(--ckbox-neutral-h), var(--ckbox-neutral-s), var(--ckbox-neutral-l-70))}.ckbox .ckbox-sort-button--descending path+path{fill:hsl(var(--ckbox-action-h), var(--ckbox-action-s), 50%)}.ckbox .ckbox-switch-input{display:inline-block}.ckbox .ckbox-switch-input__input{cursor:pointer;-webkit-appearance:none;appearance:none;width:40px;height:23px;background:hsl(var(--ckbox-neutral-h), var(--ckbox-neutral-s), var(--ckbox-neutral-l-100));border-radius:calc(var(--ckbox-radius-big) * 2);border:1px solid hsl(var(--ckbox-neutral-h), var(--ckbox-neutral-s), var(--ckbox-neutral-l-80));position:relative}.ckbox .ckbox-switch-input__input:focus{outline:0;box-shadow:0 0 0 1.5px var(--ckbox-focus-color-inner, hsl(var(--ckbox-neutral-h), var(--ckbox-neutral-s), 100%)),0 0 0 3.5px var(--ckbox-focus-color-outer, hsl(var(--ckbox-focus-color-outer-hsl, var(--ckbox-action-h) var(--ckbox-action-s) 60%)/var(--ckbox-focus-color-outer-a, 100%)))}.ckbox .ckbox-switch-input__input:focus-visible,.ckbox .ckbox-switch-input__input--focus-visible{outline:0;box-shadow:0 0 0 1.5px var(--ckbox-focus-color-inner, hsl(var(--ckbox-neutral-h), var(--ckbox-neutral-s), 100%)),0 0 0 3.5px var(--ckbox-focus-color-outer, hsl(var(--ckbox-focus-color-outer-hsl, var(--ckbox-action-h) var(--ckbox-action-s) 60%)/var(--ckbox-focus-color-outer-a, 100%)))}.ckbox .ckbox-switch-input__input:focus:not(:focus-visible){box-shadow:none}.ckbox .ckbox-switch-input__input::before{width:17px;height:17px;border-radius:50%;background-color:hsl(var(--ckbox-neutral-h), var(--ckbox-neutral-s), var(--ckbox-neutral-l-70));content:"";position:absolute;left:2px;top:2px;transition-duration:calc(var(--ckbox-animation-duration-primary)*1ms);transition-property:background-color,left;box-shadow:var(--ckbox-shadow-level-1)}.ckbox .ckbox-switch-input__input:checked::before{left:calc(100% - 17px - 2px);background-color:hsl(var(--ckbox-action-h), var(--ckbox-action-s), 50%)}.ckbox .ckbox-tabs__nav{display:flex}.ckbox .ckbox-tabs__tab{background-color:hsl(var(--ckbox-neutral-h), var(--ckbox-neutral-s), var(--ckbox-neutral-l-98));border-color:hsl(var(--ckbox-neutral-h), var(--ckbox-neutral-s), var(--ckbox-neutral-l-90));border-style:solid;border-width:1px 0 0 1px;cursor:pointer;padding:var(--ckbox-spacing-smaller) var(--ckbox-spacing-big);color:inherit}.ckbox .ckbox-tabs__tab:focus{outline:0;box-shadow:0 0 0 1.5px var(--ckbox-focus-color-inner, hsl(var(--ckbox-neutral-h), var(--ckbox-neutral-s), 100%)),0 0 0 3.5px var(--ckbox-focus-color-outer, hsl(var(--ckbox-focus-color-outer-hsl, var(--ckbox-action-h) var(--ckbox-action-s) 60%)/var(--ckbox-focus-color-outer-a, 100%)))}.ckbox .ckbox-tabs__tab:focus-visible,.ckbox .ckbox-tabs__tab--focus-visible{outline:0;box-shadow:0 0 0 1.5px var(--ckbox-focus-color-inner, hsl(var(--ckbox-neutral-h), var(--ckbox-neutral-s), 100%)),0 0 0 3.5px var(--ckbox-focus-color-outer, hsl(var(--ckbox-focus-color-outer-hsl, var(--ckbox-action-h) var(--ckbox-action-s) 60%)/var(--ckbox-focus-color-outer-a, 100%)));z-index:2}.ckbox .ckbox-tabs__tab:focus:not(:focus-visible){box-shadow:none}.ckbox .ckbox-tabs__tab:last-of-type{border-right-width:1px}.ckbox .ckbox-tabs__tab--active{background-color:hsl(var(--ckbox-neutral-h), var(--ckbox-neutral-s), var(--ckbox-neutral-l-100));border-color:hsl(var(--ckbox-neutral-h), var(--ckbox-neutral-s), var(--ckbox-neutral-l-90));border-width:0 1px;font-weight:600;position:relative;z-index:1}.ckbox .ckbox-tabs__tab--active::before,.ckbox .ckbox-tabs__tab--active::after{content:"";height:2px;position:absolute}.ckbox .ckbox-tabs__tab--active::before{background-color:hsl(var(--ckbox-action-h), var(--ckbox-action-s), 50%);left:-1px;top:0;width:calc(100% + 2px)}.ckbox .ckbox-tabs__tab--active::after{background-color:hsl(var(--ckbox-neutral-h), var(--ckbox-neutral-s), var(--ckbox-neutral-l-100));bottom:-2px;left:0;width:100%}.ckbox .ckbox-tabs__tab--active+.ckbox-tabs__tab{border-left-width:0}.ckbox .ckbox-tabs__content{background-color:hsl(var(--ckbox-neutral-h), var(--ckbox-neutral-s), var(--ckbox-neutral-l-100));border:1px solid hsl(var(--ckbox-neutral-h), var(--ckbox-neutral-s), var(--ckbox-neutral-l-90));padding:var(--ckbox-spacing-big);position:relative}.ckbox .ckbox-tag{align-items:center;background-color:hsl(var(--ckbox-neutral-h), var(--ckbox-neutral-s), var(--ckbox-neutral-l-90));border-radius:var(--ckbox-radius-medium);display:inline-flex;font-size:var(--ckbox-font-small);padding:var(--ckbox-spacing-compact) var(--ckbox-spacing-small);min-width:0}.ckbox .ckbox-tag--removable{background-color:hsl(var(--ckbox-neutral-h), var(--ckbox-neutral-s), var(--ckbox-neutral-l-100));box-shadow:var(--ckbox-shadow-level-1);gap:var(--ckbox-spacing-smallest);padding-bottom:var(--ckbox-spacing-compact);padding-left:var(--ckbox-spacing-smallest);padding-right:var(--ckbox-spacing-compact);padding-top:var(--ckbox-spacing-compact)}.ckbox .ckbox-tag--radius-md{border-radius:var(--ckbox-radius-medium)}.ckbox .ckbox-tag--radius-lg{border-radius:var(--ckbox-radius-big)}.ckbox .ckbox-tag--radius-xl{border-radius:var(--ckbox-radius-bigger)}.ckbox .ckbox-tag-label{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.ckbox .ckbox-tag-label--bold{font-weight:700}.ckbox .ckbox-tag-list{display:flex;flex-wrap:wrap;gap:var(--ckbox-spacing-compact);align-items:center;min-width:0}.ckbox .ckbox-tag-list--hidden{visibility:hidden;overflow:hidden}.ckbox .ckbox-tag-list--grow{flex-grow:1}.ckbox .ckbox-tag-input{color:hsl(var(--ckbox-neutral-h), var(--ckbox-neutral-s), var(--ckbox-neutral-l-10));font-size:var(--ckbox-font-small);--ckbox-focus-color-outer-a: 20%;background-color:hsl(var(--ckbox-neutral-h), var(--ckbox-neutral-s), var(--ckbox-neutral-l-98));border-radius:var(--ckbox-radius-medium);border:1px solid hsl(var(--ckbox-neutral-h), var(--ckbox-neutral-s), var(--ckbox-neutral-l-70));padding:var(--ckbox-spacing-smallest) var(--ckbox-spacing-smaller);width:100%;display:flex;align-items:center;gap:var(--ckbox-spacing-smallest);cursor:text}.ckbox .ckbox-tag-input:focus{outline:0;box-shadow:inset 0 0 0 3px var(--ckbox-focus-color-outer, hsl(var(--ckbox-focus-color-outer-hsl, var(--ckbox-action-h) var(--ckbox-action-s) 60%)/var(--ckbox-focus-color-outer-a, 100%))),inset 0 0 0 4px var(--ckbox-focus-color-inner, hsl(var(--ckbox-neutral-h), var(--ckbox-neutral-s), 100%))}.ckbox .ckbox-tag-input:focus-visible,.ckbox .ckbox-tag-input--focus-visible{outline:0;box-shadow:inset 0 0 0 3px var(--ckbox-focus-color-outer, hsl(var(--ckbox-focus-color-outer-hsl, var(--ckbox-action-h) var(--ckbox-action-s) 60%)/var(--ckbox-focus-color-outer-a, 100%))),inset 0 0 0 4px var(--ckbox-focus-color-inner, hsl(var(--ckbox-neutral-h), var(--ckbox-neutral-s), 100%));border-color:hsl(var(--ckbox-action-h), var(--ckbox-action-s), 50%)}.ckbox .ckbox-tag-input:focus:not(:focus-visible){box-shadow:none}.ckbox .ckbox-tag-input--error{border-color:hsl(var(--ckbox-danger-h), var(--ckbox-danger-s), 50%)}.ckbox .ckbox-tag-input--error:focus{outline:0;box-shadow:inset 0 0 0 3px var(--ckbox-focus-color-outer, hsl(var(--ckbox-focus-color-outer-hsl, var(--ckbox-action-h) var(--ckbox-action-s) 60%)/var(--ckbox-focus-color-outer-a, 100%))),inset 0 0 0 4px var(--ckbox-focus-color-inner, hsl(var(--ckbox-neutral-h), var(--ckbox-neutral-s), 100%))}.ckbox .ckbox-tag-input--error:focus-visible,.ckbox .ckbox-tag-input--error--focus-visible{outline:0;box-shadow:inset 0 0 0 3px var(--ckbox-focus-color-outer, hsl(var(--ckbox-focus-color-outer-hsl, var(--ckbox-action-h) var(--ckbox-action-s) 60%)/var(--ckbox-focus-color-outer-a, 100%))),inset 0 0 0 4px var(--ckbox-focus-color-inner, hsl(var(--ckbox-neutral-h), var(--ckbox-neutral-s), 100%));border-color:hsl(var(--ckbox-danger-h), var(--ckbox-danger-s), 50%)}.ckbox .ckbox-tag-input--error:focus:not(:focus-visible){box-shadow:none}.ckbox .ckbox-tag-input--disabled,.ckbox .ckbox-tag-input:disabled{opacity:.5;pointer-events:none}.ckbox .ckbox-tag-input__field{color:hsl(var(--ckbox-neutral-h), var(--ckbox-neutral-s), var(--ckbox-neutral-l-10));font-size:var(--ckbox-font-small);-webkit-appearance:none;appearance:none;background-color:rgba(0,0,0,0);border:0;outline:none;padding:0;max-width:100%;flex-grow:1}.ckbox .ckbox-tag-input__field::placeholder{color:hsl(var(--ckbox-neutral-h), var(--ckbox-neutral-s), var(--ckbox-neutral-l-50))}.ckbox .ckbox-tag-input__field{height:calc(var(--ckbox-spacing-smallest) + calc(var(--ckbox-spacing-tiny) * 2 + 2px + var(--ckbox-spacing-base)))}.ckbox .ckbox-tag-input__list{flex-grow:1}.ckbox .ckbox-tag-input__copy-button-wrapper{flex-shrink:0}.ckbox .ckbox-tooltip{z-index:60;background-color:hsl(var(--ckbox-neutral-h), var(--ckbox-neutral-s), var(--ckbox-neutral-l-10));border-radius:var(--ckbox-radius-big)}.ckbox .ckbox-tooltip__content{color:hsl(var(--ckbox-neutral-h), var(--ckbox-neutral-s), var(--ckbox-neutral-l-100));font-size:var(--ckbox-font-small);padding:var(--ckbox-spacing-compact) var(--ckbox-spacing-smallest);white-space:pre-wrap}.ckbox .ckbox-tooltip-icon{padding:var(--ckbox-spacing-compact);color:hsl(var(--ckbox-neutral-h), var(--ckbox-neutral-s), var(--ckbox-neutral-l-60))}.ckbox .ckbox-topbar-actions{align-items:center;display:flex;flex-grow:1;gap:var(--ckbox-spacing-smallest);padding:var(--ckbox-spacing-compact);overflow:hidden}.ckbox .ckbox-topbar-actions--hidden{visibility:hidden;overflow:hidden}.ckbox .ckbox-topbar{align-items:center;background-color:hsl(var(--ckbox-neutral-h), var(--ckbox-neutral-s), var(--ckbox-neutral-l-100));box-shadow:var(--ckbox-shadow-bottom);display:flex;padding:var(--ckbox-spacing-compact) var(--ckbox-spacing-big) var(--ckbox-spacing-compact) var(--ckbox-spacing-medium);min-height:calc(
4
4
  var(--ckbox-spacing-biggest) + var(--ckbox-spacing-tiny) + 2 * var(--ckbox-spacing-compact)
5
- );position:relative}.ckbox .ckbox-topbar__side-content{align-items:center;display:flex;flex-shrink:0;gap:var(--ckbox-spacing-smallest)}.ckbox .ckbox-view{display:flex;flex-direction:column;height:100%;background-color:hsl(var(--ckbox-neutral-h), var(--ckbox-neutral-s), var(--ckbox-neutral-l-98))}.ckbox .ckbox-view__header,.ckbox .ckbox-view__footer{flex-shrink:0}.ckbox .ckbox-view__header{z-index:1}.ckbox .ckbox-view__content{flex-grow:1;overflow-x:hidden;padding:calc(var(--ckbox-spacing-smaller) - 2px) calc(var(--ckbox-spacing-big) - 2px);position:relative;z-index:0;border:2px solid rgba(0,0,0,0);transition:border-color calc(var(--ckbox-animation-duration-primary)*1ms)}.ckbox .ckbox-view__content--outline{border-color:hsl(var(--ckbox-action-h), var(--ckbox-action-s), 50%)}.ckbox .ckbox-view-dialog{border-radius:var(--ckbox-radius-medium);box-shadow:var(--ckbox-shadow-level-4);position:fixed;z-index:30;overflow:hidden;overflow:clip}.ckbox .ckbox-view-dialog--noselect{-webkit-user-select:none;user-select:none}.ckbox .ckbox-view-dialog__content{height:calc(100% - var(--ckbox-spacing-compact) * 2 - calc(var(--ckbox-spacing-tiny) * 2 + 2px + var(--ckbox-spacing-base)));position:relative;z-index:0;background-color:hsl(var(--ckbox-neutral-h), var(--ckbox-neutral-s), var(--ckbox-neutral-l-98))}.ckbox .ckbox-view-dialog__header{--ckbox-btn-icon-color-override: hsl(var(--ckbox-neutral-h), var(--ckbox-neutral-s), var(--ckbox-neutral-l-100));align-items:center;background-color:hsl(var(--ckbox-action-h), var(--ckbox-action-s), 10%);cursor:move;display:flex;justify-content:flex-end;padding:var(--ckbox-spacing-compact) var(--ckbox-spacing-smaller);position:relative}.ckbox .ckbox-view-dialog__se,.ckbox .ckbox-view-dialog__sw{z-index:1;bottom:0;height:var(--ckbox-spacing-base);position:absolute;width:var(--ckbox-spacing-base);overflow:hidden}.ckbox .ckbox-view-dialog__se::before,.ckbox .ckbox-view-dialog__sw::before{border-color:hsl(var(--ckbox-neutral-h), var(--ckbox-neutral-s), var(--ckbox-neutral-l-80));border-style:solid;border-width:var(--ckbox-spacing-tiny) 0;content:"";display:block;height:var(--ckbox-spacing-tiny);position:absolute;top:var(--ckbox-spacing-compact);width:var(--ckbox-spacing-bigger)}.ckbox .ckbox-view-dialog__se{cursor:se-resize;right:0}.ckbox .ckbox-view-dialog__se::before{right:0;padding-left:50%;transform:translateX(45%) rotate(-45deg)}.ckbox .ckbox-view-dialog__sw{cursor:sw-resize;left:0}.ckbox .ckbox-view-dialog__sw::before{left:0;padding-right:50%;transform:translateX(-45%) rotate(45deg)}.ckbox .ckbox-view-wrapper{--ckbox-view-wrapper-navbar-width-clamped: clamp( var(--ckbox-view-wrapper-navbar-min-width), var(--ckbox-view-wrapper-navbar-width), var(--ckbox-view-wrapper-navbar-max-width) );display:grid;grid-template-columns:var(--ckbox-view-wrapper-navbar-width-clamped) 1fr;grid-template-rows:100%;height:100%;isolation:isolate;position:relative;overflow:hidden}.ckbox .ckbox-view-wrapper__overlay--resizing{cursor:col-resize}.ckbox .ckbox-view-wrapper__navbar{position:relative;z-index:1}.ckbox .ckbox-view-wrapper__divider{opacity:0;position:absolute;width:11px;background:linear-gradient(to right, transparent 4px, var(--ckbox-divider-color, hsl(var(--ckbox-action-h), var(--ckbox-action-s), 50%)) 4px, var(--ckbox-divider-color, hsl(var(--ckbox-action-h), var(--ckbox-action-s), 50%)) 7px, transparent 7px);z-index:2;top:0;left:calc(var(--ckbox-view-wrapper-navbar-width-clamped) - 5.5px);height:100%;cursor:col-resize;transition:opacity calc(var(--ckbox-animation-duration-primary)*1ms) linear}.ckbox .ckbox-view-wrapper__divider:hover,.ckbox .ckbox-view-wrapper__divider--active{opacity:1}.ckbox .ckbox-view-wrapper__content{z-index:0;min-width:0;background-color:hsl(var(--ckbox-neutral-h), var(--ckbox-neutral-s), var(--ckbox-neutral-l-98))}.ckbox .ckbox-sr-only{clip:rect(0 0 0 0);clip-path:inset(100%);height:1px;overflow:hidden;position:absolute;white-space:nowrap;width:1px}.ckbox .ckbox-full-height{height:100%}
5
+ );position:relative}.ckbox .ckbox-topbar__side-content{align-items:center;display:flex;flex-shrink:0;gap:var(--ckbox-spacing-smallest)}.ckbox .ckbox-view{display:grid;height:100%;background-color:hsl(var(--ckbox-neutral-h), var(--ckbox-neutral-s), var(--ckbox-neutral-l-98));grid-template-columns:1fr}.ckbox .ckbox-view--side-content{grid-template-columns:1fr auto}.ckbox .ckbox-view-header{z-index:1}.ckbox .ckbox-view-header,.ckbox .ckbox-view-footer{flex-shrink:0}.ckbox .ckbox-view-content-wrapper{display:flex;flex-direction:column;height:100%;flex:1;min-height:0;min-width:0}.ckbox .ckbox-view-content{flex-grow:1;overflow-x:hidden;padding:calc(var(--ckbox-spacing-smaller) - 2px) calc(var(--ckbox-spacing-big) - 2px);position:relative;z-index:0;border:2px solid rgba(0,0,0,0);transition:border-color calc(var(--ckbox-animation-duration-primary)*1ms)}.ckbox .ckbox-view-content--outline{border-color:hsl(var(--ckbox-action-h), var(--ckbox-action-s), 50%)}.ckbox .ckbox-view-content--compact{padding:0 calc(var(--ckbox-spacing-big) - 2px) calc(var(--ckbox-spacing-smaller) - 2px) calc(var(--ckbox-spacing-big) - 2px)}.ckbox .ckbox-view-content-bar{flex-shrink:0;padding:var(--ckbox-spacing-smallest) 0}.ckbox .ckbox-view-side-content{height:100%;overflow-y:auto}.ckbox .ckbox-view-dialog{border-radius:var(--ckbox-radius-medium);box-shadow:var(--ckbox-shadow-level-4);position:fixed;z-index:40;overflow:hidden;overflow:clip}.ckbox .ckbox-view-dialog--noselect{-webkit-user-select:none;user-select:none}.ckbox .ckbox-view-dialog__content{height:calc(100% - var(--ckbox-spacing-compact) * 2 - calc(var(--ckbox-spacing-tiny) * 2 + 2px + var(--ckbox-spacing-base)));position:relative;background-color:hsl(var(--ckbox-neutral-h), var(--ckbox-neutral-s), var(--ckbox-neutral-l-98))}.ckbox .ckbox-view-dialog__header{--ckbox-btn-icon-color-override: hsl(var(--ckbox-neutral-h), var(--ckbox-neutral-s), var(--ckbox-neutral-l-100));align-items:center;background-color:hsl(var(--ckbox-action-h), var(--ckbox-action-s), 10%);cursor:move;display:flex;justify-content:flex-end;padding:var(--ckbox-spacing-compact) var(--ckbox-spacing-smaller);position:relative}.ckbox .ckbox-view-dialog__se,.ckbox .ckbox-view-dialog__sw{bottom:0;height:var(--ckbox-spacing-base);position:absolute;width:var(--ckbox-spacing-base);overflow:hidden;z-index:50}.ckbox .ckbox-view-dialog__se::before,.ckbox .ckbox-view-dialog__sw::before{border-color:hsl(var(--ckbox-neutral-h), var(--ckbox-neutral-s), var(--ckbox-neutral-l-80));border-style:solid;border-width:var(--ckbox-spacing-tiny) 0;content:"";display:block;height:var(--ckbox-spacing-tiny);position:absolute;top:var(--ckbox-spacing-compact);width:var(--ckbox-spacing-bigger)}.ckbox .ckbox-view-dialog__se{cursor:se-resize;right:0}.ckbox .ckbox-view-dialog__se::before{right:0;padding-left:50%;transform:translateX(45%) rotate(-45deg)}.ckbox .ckbox-view-dialog__sw{cursor:sw-resize;left:0}.ckbox .ckbox-view-dialog__sw::before{left:0;padding-right:50%;transform:translateX(-45%) rotate(45deg)}.ckbox .ckbox-view-wrapper{--ckbox-view-wrapper-navbar-width-clamped: clamp( var(--ckbox-view-wrapper-navbar-min-width), var(--ckbox-view-wrapper-navbar-width), var(--ckbox-view-wrapper-navbar-max-width) );display:grid;grid-template-columns:var(--ckbox-view-wrapper-navbar-width-clamped) 1fr;grid-template-rows:100%;height:100%;isolation:isolate;position:relative;overflow:hidden}.ckbox .ckbox-view-wrapper__overlay--resizing{cursor:col-resize}.ckbox .ckbox-view-wrapper__navbar{position:relative;z-index:1}.ckbox .ckbox-view-wrapper__divider{opacity:0;position:absolute;width:11px;background:linear-gradient(to right, transparent 4px, var(--ckbox-divider-color, hsl(var(--ckbox-action-h), var(--ckbox-action-s), 50%)) 4px, var(--ckbox-divider-color, hsl(var(--ckbox-action-h), var(--ckbox-action-s), 50%)) 7px, transparent 7px);z-index:2;top:0;left:calc(var(--ckbox-view-wrapper-navbar-width-clamped) - 5.5px);height:100%;cursor:col-resize;transition:opacity calc(var(--ckbox-animation-duration-primary)*1ms) linear}.ckbox .ckbox-view-wrapper__divider:hover,.ckbox .ckbox-view-wrapper__divider--active{opacity:1}.ckbox .ckbox-view-wrapper__content{z-index:0;min-width:0;background-color:hsl(var(--ckbox-neutral-h), var(--ckbox-neutral-s), var(--ckbox-neutral-l-98))}.ckbox .ckbox-search-results-bar{display:inline-flex;align-items:center}.ckbox .ckbox-search-results-bar-phrase{font-size:var(--ckbox-font-small)}.ckbox .ckbox-search-results-bar-phrase__label{font-weight:700}.ckbox .ckbox-search-results-bar-filters{padding:0 var(--ckbox-spacing-base)}.ckbox .ckbox-sr-only{clip:rect(0 0 0 0);clip-path:inset(100%);height:1px;overflow:hidden;position:absolute;white-space:nowrap;width:1px}.ckbox .ckbox-full-height{height:100%}
package/dist/styles/themes/aqua.css CHANGED
@@ -1 +1 @@
1
- .ckbox-theme-aqua{--ckbox-action-h: 208;--ckbox-action-s: 90%;--ckbox-danger-h: 358;--ckbox-danger-s: 73%;--ckbox-warning-h: 33;--ckbox-warning-s: 89%;--ckbox-success-h: 130;--ckbox-success-s: 50%}.ckbox-theme-aqua .ckbox-navbar,.ckbox-theme-aqua .ckbox-navbar-item--active::before,.ckbox-theme-aqua .ckbox-navbar-item__bottom-container,.ckbox-theme-aqua .ckbox-view-dialog__header,.ckbox-theme-aqua .ckbox-dialog-header{background-color:hsl(var(--ckbox-action-h), var(--ckbox-action-s), 60%)}.ckbox-theme-aqua .ckbox-navbar-item__icon{fill:hsl(var(--ckbox-neutral-h), var(--ckbox-neutral-s), var(--ckbox-neutral-l-100))}.ckbox-theme-aqua .ckbox-navbar-item:hover,.ckbox-theme-aqua .ckbox-navbar-item--active{background-color:hsl(var(--ckbox-action-h), var(--ckbox-action-s), 50%)}
1
+ .ckbox-theme-aqua{--ckbox-action-h: 208;--ckbox-action-s: 90%;--ckbox-danger-h: 358;--ckbox-danger-s: 73%;--ckbox-warning-h: 33;--ckbox-warning-s: 89%;--ckbox-success-h: 130;--ckbox-success-s: 50%}.ckbox-theme-aqua .ckbox-navbar,.ckbox-theme-aqua .ckbox-navbar-item--active::before,.ckbox-theme-aqua .ckbox-navbar-item-fixed-wrapper,.ckbox-theme-aqua .ckbox-view-dialog__header,.ckbox-theme-aqua .ckbox-dialog-header{background-color:hsl(var(--ckbox-action-h), var(--ckbox-action-s), 60%)}.ckbox-theme-aqua .ckbox-navbar-item__icon{fill:hsl(var(--ckbox-neutral-h), var(--ckbox-neutral-s), var(--ckbox-neutral-l-100))}.ckbox-theme-aqua .ckbox-navbar-item:hover,.ckbox-theme-aqua .ckbox-navbar-item--active{background-color:hsl(var(--ckbox-action-h), var(--ckbox-action-s), 50%)}
package/dist/styles/themes/dark.css CHANGED
@@ -1 +1 @@
1
- .ckbox-theme-dark{--ckbox-action-h: 214;--ckbox-action-s: 100%;--ckbox-neutral-l-10: 95%;--ckbox-neutral-l-20: 85%;--ckbox-neutral-l-30: 75%;--ckbox-neutral-l-40: 65%;--ckbox-neutral-l-50: 55%;--ckbox-neutral-l-60: 45%;--ckbox-neutral-l-70: 35%;--ckbox-neutral-l-80: 25%;--ckbox-neutral-l-90: 15%;--ckbox-neutral-l-98: 10%;--ckbox-neutral-l-100: 5%;--ckbox-focus-color-inner: transparent;--ckbox-focus-color-outer-hsl: var(--ckbox-warning-h) var(--ckbox-warning-s) 50%}.ckbox-theme-dark .ckbox-navbar-item{color:hsl(var(--ckbox-neutral-h), var(--ckbox-neutral-s), 100%)}.ckbox-theme-dark .ckbox-navbar-item--active .ckbox-navbar-item__icon{fill:hsl(var(--ckbox-neutral-h), var(--ckbox-neutral-s), 100%)}.ckbox-theme-dark .ckbox-dialog-header__content,.ckbox-theme-dark .ckbox-view-dialog__header,.ckbox-theme-dark .ckbox-notification__content{--ckbox-btn-icon-color-override: inherit}.ckbox-theme-dark .ckbox-dialog-header__content,.ckbox-theme-dark .ckbox-notification__content{color:hsl(var(--ckbox-neutral-h), var(--ckbox-neutral-s), var(--ckbox-neutral-l-10))}.ckbox-theme-dark .ckbox-btn--fill{--ckbox-btn-icon-color: hsl(var(--ckbox-neutral-h) var(--ckbox-neutral-s) 100%);--ckbox-btn-text-color: hsl(var(--ckbox-neutral-h) var(--ckbox-neutral-s) 100%)}
1
+ .ckbox-theme-dark{--ckbox-action-h: 214;--ckbox-action-s: 100%;--ckbox-neutral-l-10: 95%;--ckbox-neutral-l-20: 85%;--ckbox-neutral-l-30: 75%;--ckbox-neutral-l-40: 65%;--ckbox-neutral-l-50: 55%;--ckbox-neutral-l-60: 45%;--ckbox-neutral-l-70: 35%;--ckbox-neutral-l-80: 25%;--ckbox-neutral-l-90: 15%;--ckbox-neutral-l-95: 12%;--ckbox-neutral-l-98: 10%;--ckbox-neutral-l-100: 5%;--ckbox-focus-color-inner: transparent;--ckbox-focus-color-outer-hsl: var(--ckbox-warning-h) var(--ckbox-warning-s) 50%}.ckbox-theme-dark .ckbox-navbar-item__button,.ckbox-theme-dark .ckbox-navbar-credit-link{color:hsl(var(--ckbox-neutral-h), var(--ckbox-neutral-s), 100%)}.ckbox-theme-dark .ckbox-navbar-item--active .ckbox-navbar-item__icon{fill:hsl(var(--ckbox-neutral-h), var(--ckbox-neutral-s), 100%)}.ckbox-theme-dark .ckbox-dialog-header__content,.ckbox-theme-dark .ckbox-view-dialog__header,.ckbox-theme-dark .ckbox-notification__content{--ckbox-btn-icon-color-override: inherit}.ckbox-theme-dark .ckbox-dialog-header__content,.ckbox-theme-dark .ckbox-notification__content{color:hsl(var(--ckbox-neutral-h), var(--ckbox-neutral-s), var(--ckbox-neutral-l-10))}.ckbox-theme-dark .ckbox-btn--fill{--ckbox-btn-icon-color: hsl(var(--ckbox-neutral-h) var(--ckbox-neutral-s) 100%);--ckbox-btn-text-color: hsl(var(--ckbox-neutral-h) var(--ckbox-neutral-s) 100%)}
package/dist/switch/Switch.d.ts ADDED
@@ -0,0 +1,13 @@
1
+ import * as React from 'react';
2
+ declare const Switch: React.FC<Props>;
3
+ export interface Props {
4
+ /**
5
+ * Main content of the component.
6
+ */
7
+ children: React.ReactNode;
8
+ /**
9
+ * View id to match.
10
+ */
11
+ match?: string;
12
+ }
13
+ export default Switch;
package/dist/switch/index.d.ts ADDED
@@ -0,0 +1,2 @@
1
+ export { default as SwitchView } from './view';
2
+ export { default } from './Switch';
package/dist/switch/view/SwitchView.d.ts ADDED
@@ -0,0 +1,13 @@
1
+ import * as React from 'react';
2
+ declare const SwitchView: React.FC<Props>;
3
+ export interface Props {
4
+ /**
5
+ * Main content of the component.
6
+ */
7
+ children: React.ReactNode;
8
+ /**
9
+ * View id.
10
+ */
11
+ id: string;
12
+ }
13
+ export default SwitchView;
package/dist/switch/view/index.d.ts ADDED
@@ -0,0 +1,2 @@
1
+ export * from './SwitchView';
2
+ export { default } from './SwitchView';
package/dist/switchInput/SwitchInput.d.ts ADDED
@@ -0,0 +1,21 @@
1
+ import * as React from 'react';
2
+ declare const SwitchInput: React.FC<Props>;
3
+ export interface Props {
4
+ /**
5
+ * Sets current input's value.
6
+ */
7
+ checked: boolean;
8
+ /**
9
+ * Underlying input's id.
10
+ */
11
+ id: string;
12
+ /**
13
+ * Underlying input's name.
14
+ */
15
+ name: string;
16
+ /**
17
+ * Callback invoked upon value's change.
18
+ */
19
+ onChange: (checked: boolean) => void;
20
+ }
21
+ export default SwitchInput;
package/dist/switchInput/index.d.ts ADDED
@@ -0,0 +1 @@
1
+ export { default } from './SwitchInput';
package/dist/tabs/Tabs.d.ts ADDED
@@ -0,0 +1,17 @@
1
+ import * as React from 'react';
2
+ declare const Tabs: React.FC<Props>;
3
+ export interface Props {
4
+ /**
5
+ * Currently selected tab.
6
+ */
7
+ activeTab: string;
8
+ /**
9
+ * Main content of the component.
10
+ */
11
+ children: React.ReactNode;
12
+ /**
13
+ * Callback invoked upon selecting a tab.
14
+ */
15
+ onTabSelect?: (tab: string) => void;
16
+ }
17
+ export default Tabs;
package/dist/tabs/index.d.ts ADDED
@@ -0,0 +1,2 @@
1
+ export { default as Tab } from './tab';
2
+ export { default } from './Tabs';