@inntechcorp/it-design 3.1.24 → 4.0.0-beta.1

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (296) hide show
  1. package/ACCESSIBILITY.md +517 -0
  2. package/README.md +88 -11
  3. package/dist/accordion/index.d.ts +2 -2
  4. package/dist/accordion/item/styled.d.ts +2 -2
  5. package/dist/accordion/styled.d.ts +1 -0
  6. package/dist/accordion/submenu/styled.d.ts +5 -5
  7. package/dist/alert/Description.d.ts +7 -0
  8. package/dist/alert/Title.d.ts +7 -0
  9. package/dist/alert/alert.style.error.d.ts +1 -1
  10. package/dist/alert/alert.style.info.d.ts +1 -1
  11. package/dist/alert/alert.style.neutral.d.ts +4 -0
  12. package/dist/alert/alert.style.success.d.ts +1 -1
  13. package/dist/alert/alert.style.warning.d.ts +1 -1
  14. package/dist/alert/index.d.ts +4 -2
  15. package/dist/alert/styled.d.ts +4 -8
  16. package/dist/alink/index.d.ts +2 -10
  17. package/dist/alink/styled.d.ts +1 -1
  18. package/dist/back-top/styled.d.ts +2 -2
  19. package/dist/button/button.style.default.d.ts +1 -1
  20. package/dist/button/button.style.filled.d.ts +1 -1
  21. package/dist/button/button.style.ghost.d.ts +1 -1
  22. package/dist/button/button.style.icon.d.ts +2 -2
  23. package/dist/button/button.style.link.d.ts +1 -1
  24. package/dist/button/button.style.outline.d.ts +1 -1
  25. package/dist/button/button.style.size.d.ts +4 -1
  26. package/dist/button/button.style.solid.d.ts +1 -1
  27. package/dist/button/index.d.ts +10 -2
  28. package/dist/button/styled.d.ts +3 -12
  29. package/dist/calendar/day/Day.d.ts +2 -2
  30. package/dist/calendar/day/styled.d.ts +1 -1
  31. package/dist/calendar/header/styled.d.ts +6 -6
  32. package/dist/calendar/index.d.ts +11 -3
  33. package/dist/calendar/styled.d.ts +6 -6
  34. package/dist/card/Card.d.ts +9 -0
  35. package/dist/card/CardAction.d.ts +7 -0
  36. package/dist/card/CardContent.d.ts +7 -0
  37. package/dist/card/CardDescription.d.ts +7 -0
  38. package/dist/card/CardFooter.d.ts +8 -0
  39. package/dist/card/CardHeader.d.ts +8 -0
  40. package/dist/card/CardTabs.d.ts +7 -0
  41. package/dist/card/CardTitle.d.ts +7 -0
  42. package/dist/card/index.d.ts +8 -3
  43. package/dist/card/styles.d.ts +9 -9
  44. package/dist/checkbox/group/index.d.ts +1 -1
  45. package/dist/checkbox/group/styled.d.ts +1 -1
  46. package/dist/checkbox/index.d.ts +1 -1
  47. package/dist/checkbox/styled.d.ts +6 -5
  48. package/dist/context/ITDContext.d.ts +3 -2
  49. package/dist/context/ITDThemeProvider.d.ts +8 -0
  50. package/dist/context/styled.d.ts +1 -1
  51. package/dist/datepicker/index.d.ts +2 -2
  52. package/dist/datepicker/styled.d.ts +5 -5
  53. package/dist/enums/enum.d.ts +138 -8
  54. package/dist/flex/index.d.ts +1 -1
  55. package/dist/flex/styled.d.ts +2 -2
  56. package/dist/floating/Arrow.d.ts +17 -0
  57. package/dist/floating/FloatingContent.d.ts +60 -0
  58. package/dist/floating/mergeTriggerProps.d.ts +8 -0
  59. package/dist/form/context/FormContext.d.ts +5 -2
  60. package/dist/form/context/FormStore.d.ts +6 -3
  61. package/dist/form/control/Control.d.ts +1 -1
  62. package/dist/form/control/styled.d.ts +1 -1
  63. package/dist/form/group/Group.d.ts +1 -1
  64. package/dist/form/group/styled.d.ts +1 -1
  65. package/dist/form/index.d.ts +5 -5
  66. package/dist/form/item/Item.d.ts +2 -3
  67. package/dist/form/validation/Validator.d.ts +2 -3
  68. package/dist/form/wrapper/FormWrapper.d.ts +2 -2
  69. package/dist/helpers/binary/GetTypeByFileType.d.ts +2 -2
  70. package/dist/helpers/country/GetCountryCodeByCurrencyCode.d.ts +1 -1
  71. package/dist/helpers/country/GetCountryCodeByLanguage.d.ts +1 -1
  72. package/dist/helpers/css/FindSelector.d.ts +10 -0
  73. package/dist/helpers/currency/ConvertCurrency.d.ts +1 -1
  74. package/dist/helpers/currency/GetCurrencyFormat.d.ts +9 -0
  75. package/dist/helpers/currency/GetCurrencySymbol.d.ts +1 -1
  76. package/dist/helpers/datetime/FormatTime.d.ts +1 -1
  77. package/dist/helpers/datetime/dayjsSetup.d.ts +1 -1
  78. package/dist/helpers/index.d.ts +36 -32
  79. package/dist/helpers/locale/getLocaleDateByString.d.ts +1 -0
  80. package/dist/helpers/svg/styles.d.ts +1 -1
  81. package/dist/helpers/theme/Color.d.ts +19 -0
  82. package/dist/helpers/theme/GenerateColorScale.d.ts +16 -0
  83. package/dist/helpers/theme/cssVariables.d.ts +30 -0
  84. package/dist/helpers/theme/dark.d.ts +3 -0
  85. package/dist/helpers/theme/index.d.ts +9 -0
  86. package/dist/helpers/theme/light.d.ts +3 -0
  87. package/dist/helpers/theme/themes.d.ts +5 -0
  88. package/dist/helpers/theme/tokens.d.ts +392 -0
  89. package/dist/hooks/index.d.ts +15 -15
  90. package/dist/hooks/useAddExternalCSS.d.ts +4 -5
  91. package/dist/hooks/useAvoidCollision.d.ts +6 -1
  92. package/dist/hooks/useComponentSize.d.ts +1 -1
  93. package/dist/hooks/useConnectionStatus.d.ts +1 -1
  94. package/dist/hooks/useFloatingPosition.d.ts +63 -0
  95. package/dist/hooks/useFloatingTrigger.d.ts +64 -0
  96. package/dist/hooks/useFocusTrap.d.ts +36 -0
  97. package/dist/hooks/useOnClickOutside.d.ts +1 -1
  98. package/dist/hooks/useSingleQuery.d.ts +1 -1
  99. package/dist/hovercard/HoverCard.d.ts +12 -0
  100. package/dist/hovercard/HoverCardContent.d.ts +22 -0
  101. package/dist/hovercard/HoverCardTrigger.d.ts +17 -0
  102. package/dist/hovercard/hoverCardContext.d.ts +7 -0
  103. package/dist/hovercard/index.d.ts +4 -0
  104. package/dist/html/header/H1.d.ts +1 -1
  105. package/dist/html/header/H2.d.ts +1 -1
  106. package/dist/html/header/H3.d.ts +1 -1
  107. package/dist/html/header/H4.d.ts +1 -1
  108. package/dist/html/header/index.d.ts +4 -4
  109. package/dist/html/header/styled.d.ts +4 -4
  110. package/dist/icons/index.d.ts +11 -14
  111. package/dist/image/index.d.ts +1 -2
  112. package/dist/image/styled.d.ts +5 -2
  113. package/dist/index.cjs.js +2695 -2580
  114. package/dist/index.cjs.js.map +1 -0
  115. package/dist/index.css +1 -0
  116. package/dist/index.d.ts +168 -1787
  117. package/dist/index.es.js +22339 -0
  118. package/dist/index.es.js.map +1 -0
  119. package/dist/index.iife.js +5728 -0
  120. package/dist/index.iife.js.map +1 -0
  121. package/dist/index.umd.js +5728 -0
  122. package/dist/index.umd.js.map +1 -0
  123. package/dist/input/index.d.ts +29 -2
  124. package/dist/input/style.settings.d.ts +9 -0
  125. package/dist/input/styled.d.ts +16 -18
  126. package/dist/label/index.d.ts +6 -0
  127. package/dist/label/style.settings.d.ts +9 -0
  128. package/dist/label/styled.d.ts +27 -0
  129. package/dist/link/index.d.ts +1 -10
  130. package/dist/locales/en/{calendar.json → calendar.json.d.ts} +4 -2
  131. package/dist/locales/en/{itd.json → itd.json.d.ts} +35 -20
  132. package/dist/locales/{calendar.json → tr/calendar.json.d.ts} +4 -2
  133. package/dist/locales/{itd.json → tr/itd.json.d.ts} +35 -21
  134. package/dist/logger/index.d.ts +9 -0
  135. package/dist/modal/container/ModalContainer.d.ts +4 -4
  136. package/dist/modal/container/styled.d.ts +2 -2
  137. package/dist/modal/context/ModalContext.d.ts +23 -14
  138. package/dist/modal/index.d.ts +7 -22
  139. package/dist/modal/modal/Modal.d.ts +2 -2
  140. package/dist/modal/modal/styled.d.ts +11 -11
  141. package/dist/notification/container/Container.d.ts +5 -0
  142. package/dist/notification/container/styled.d.ts +1 -0
  143. package/dist/notification/context/NotificationsContext.d.ts +2 -2
  144. package/dist/notification/index.d.ts +1 -1
  145. package/dist/notification/item/Item.d.ts +12 -0
  146. package/dist/notification/item/styled.d.ts +1166 -0
  147. package/dist/popover/Popover.d.ts +42 -0
  148. package/dist/popover/PopoverContent.d.ts +34 -0
  149. package/dist/popover/PopoverTrigger.d.ts +26 -0
  150. package/dist/popover/index.d.ts +4 -0
  151. package/dist/primitives/Slot.d.ts +36 -0
  152. package/dist/progress/styled.d.ts +1 -1
  153. package/dist/radio/button/RadioButton.d.ts +2 -2
  154. package/dist/radio/button/styled.d.ts +8 -9
  155. package/dist/radio/group/Group.d.ts +3 -3
  156. package/dist/radio/group/styled.d.ts +1 -1
  157. package/dist/radio/index.d.ts +2 -2
  158. package/dist/reportWebVitals.d.ts +2 -0
  159. package/dist/result/index.d.ts +2 -2
  160. package/dist/result/styled.d.ts +9 -9
  161. package/dist/select/dropdown/Dropdown.d.ts +20 -0
  162. package/dist/select/dropdown/styled.d.ts +14 -0
  163. package/dist/select/index.d.ts +1 -1
  164. package/dist/select/option/Option.d.ts +14 -6
  165. package/dist/select/option/styled.d.ts +4 -4
  166. package/dist/select/selector/Selector.d.ts +3 -0
  167. package/dist/select/selector/selectorinput/SelectorInput.d.ts +6 -0
  168. package/dist/select/selector/selectorinput/styled.d.ts +2 -0
  169. package/dist/select/selector/styled.d.ts +16 -0
  170. package/dist/select/style.settings.d.ts +83 -26
  171. package/dist/select/styled.d.ts +5 -3
  172. package/dist/setupTests.d.ts +1 -0
  173. package/dist/spin/styled.d.ts +4 -4
  174. package/dist/status/styled.d.ts +1 -1
  175. package/dist/stories/Accordion.d.ts +0 -1
  176. package/dist/stories/Accordion.stories.d.ts +3 -3
  177. package/dist/stories/Alert.stories.d.ts +18 -4
  178. package/dist/stories/AlertComposition.d.ts +2 -0
  179. package/dist/stories/AlertComposition.stories.d.ts +17 -0
  180. package/dist/stories/Button.d.ts +0 -1
  181. package/dist/stories/Button.stories.d.ts +16 -4
  182. package/dist/stories/Card.stories.d.ts +3 -2
  183. package/dist/stories/Checkbox.stories.d.ts +3 -3
  184. package/dist/stories/CheckboxGroup.stories.d.ts +3 -3
  185. package/dist/stories/CheckboxGroupControl.stories.d.ts +3 -3
  186. package/dist/stories/ColorScale.d.ts +10 -0
  187. package/dist/stories/ColorScale.stories.d.ts +24 -0
  188. package/dist/stories/ColorScaleCompare.d.ts +8 -0
  189. package/dist/stories/ColorScaleCompare.stories.d.ts +47 -0
  190. package/dist/stories/DatePicker.d.ts +0 -1
  191. package/dist/stories/DatePicker.stories.d.ts +3 -3
  192. package/dist/stories/Form.d.ts +1 -1
  193. package/dist/stories/Form.stories.d.ts +13 -3
  194. package/dist/stories/Header.d.ts +0 -1
  195. package/dist/stories/Header.stories.d.ts +5 -5
  196. package/dist/stories/HoverCard.d.ts +2 -0
  197. package/dist/stories/HoverCard.stories.d.ts +18 -0
  198. package/dist/stories/Input.d.ts +0 -1
  199. package/dist/stories/Input.stories.d.ts +86 -4
  200. package/dist/stories/ModalManager.d.ts +0 -1
  201. package/dist/stories/ModalManager.stories.d.ts +2 -2
  202. package/dist/stories/Page.d.ts +0 -1
  203. package/dist/stories/Page.stories.d.ts +2 -2
  204. package/dist/stories/Popover.d.ts +2 -0
  205. package/dist/stories/Popover.stories.d.ts +40 -0
  206. package/dist/stories/Progress.stories.d.ts +3 -3
  207. package/dist/stories/RadioGroup.stories.d.ts +3 -3
  208. package/dist/stories/Result.stories.d.ts +3 -3
  209. package/dist/stories/Select.d.ts +0 -1
  210. package/dist/stories/Select.stories.d.ts +16 -6
  211. package/dist/stories/Status.stories.d.ts +3 -3
  212. package/dist/stories/Switch.stories.d.ts +12 -5
  213. package/dist/stories/Table.stories.d.ts +2 -2
  214. package/dist/stories/Tabs.stories.d.ts +4 -10
  215. package/dist/stories/TextArea.d.ts +0 -1
  216. package/dist/stories/TextArea.stories.d.ts +11 -4
  217. package/dist/stories/Tooltip.d.ts +1 -0
  218. package/dist/stories/Tooltip.stories.d.ts +35 -0
  219. package/dist/stories/Upload.stories.d.ts +3 -8
  220. package/dist/stories/root/index.d.ts +1 -2
  221. package/dist/stories/select.styled.d.ts +1 -1
  222. package/dist/switch/index.d.ts +1 -1
  223. package/dist/switch/styled.d.ts +4 -4
  224. package/dist/table/index.d.ts +2 -2
  225. package/dist/table/styled.d.ts +5 -5
  226. package/dist/tabs/index.d.ts +2 -2
  227. package/dist/tabs/styles.d.ts +4 -9
  228. package/dist/textarea/index.d.ts +1 -1
  229. package/dist/textarea/styled.d.ts +6 -8
  230. package/dist/tinyscrollbar/index.d.ts +1 -2
  231. package/dist/tinyscrollbar/scroll.styled.d.ts +1 -1
  232. package/dist/tinyscrollbar/styled.d.ts +1 -1
  233. package/dist/tooltip/Tooltip.d.ts +12 -0
  234. package/dist/tooltip/TooltipContent.d.ts +15 -0
  235. package/dist/tooltip/TooltipTrigger.d.ts +19 -0
  236. package/dist/tooltip/index.d.ts +4 -0
  237. package/dist/tooltip/tooltipContext.d.ts +7 -0
  238. package/dist/types/AccordionItemProps.d.ts +1 -1
  239. package/dist/types/AccordionProps.d.ts +1 -1
  240. package/dist/types/AccordionSubMenuProps.d.ts +1 -1
  241. package/dist/types/AlertProps.d.ts +6 -6
  242. package/dist/types/ButtonProps.d.ts +13 -31
  243. package/dist/types/CalendarProps.d.ts +4 -5
  244. package/dist/types/CardProps.d.ts +7 -3
  245. package/dist/types/CheckboxProps.d.ts +7 -3
  246. package/dist/types/DatePickerProps.d.ts +8 -7
  247. package/dist/types/FlexProps.d.ts +2 -2
  248. package/dist/types/FormProps.d.ts +10 -8
  249. package/dist/types/ITDProps.d.ts +4 -2
  250. package/dist/types/InputProps.d.ts +12 -18
  251. package/dist/types/LabelProps.d.ts +7 -0
  252. package/dist/types/ModalProps.d.ts +2 -2
  253. package/dist/types/PopoverProps.d.ts +10 -0
  254. package/dist/types/RadioProps.d.ts +3 -4
  255. package/dist/types/ResultProps.d.ts +2 -1
  256. package/dist/types/SelectProps.d.ts +22 -16
  257. package/dist/types/SingleQueryProps.d.ts +1 -1
  258. package/dist/types/StatusProps.d.ts +2 -2
  259. package/dist/types/SwitchProps.d.ts +4 -1
  260. package/dist/types/TableProps.d.ts +3 -2
  261. package/dist/types/TabsProps.d.ts +1 -2
  262. package/dist/types/TextAreaProps.d.ts +3 -3
  263. package/dist/types/Theme.d.ts +103 -0
  264. package/dist/types/UploadProps.d.ts +3 -40
  265. package/dist/upload/index.d.ts +2 -2
  266. package/dist/upload/styled.d.ts +11 -45
  267. package/dist/utils/CommonStyledComponents.d.ts +18 -0
  268. package/dist/utils/ErrorAnnouncement.d.ts +25 -0
  269. package/dist/utils/GetButtonSizeSlug.d.ts +6 -0
  270. package/dist/utils/GetIconSizeBySize.d.ts +1 -1
  271. package/dist/utils/GetSizeBySizeSlug.d.ts +2 -2
  272. package/dist/utils/GetSizeSlugBySize.d.ts +5 -2
  273. package/dist/utils/InlineSVGCached.d.ts +1 -1
  274. package/dist/utils/index.d.ts +6 -4
  275. package/package.json +87 -64
  276. package/dist/button/button.style.SVG.d.ts +0 -4
  277. package/dist/button/button.style.circle.d.ts +0 -4
  278. package/dist/button/button.style.strecth.d.ts +0 -4
  279. package/dist/cropper/index.d.ts +0 -44
  280. package/dist/global.css +0 -146
  281. package/dist/icons/FileDocument.d.ts +0 -6
  282. package/dist/icons/FileExcel.d.ts +0 -5
  283. package/dist/icons/FilePdf.d.ts +0 -5
  284. package/dist/index.d.mts +0 -716
  285. package/dist/index.esm.js +0 -5612
  286. package/dist/locales/tr/calendar.json +0 -30
  287. package/dist/locales/tr/itd.json +0 -325
  288. package/dist/select/menu/Menu.d.ts +0 -14
  289. package/dist/select/menu/styled.d.ts +0 -8
  290. package/dist/select/toggle/Toggle.d.ts +0 -3
  291. package/dist/select/toggle/label/floating/FloatingLabel.d.ts +0 -12
  292. package/dist/select/toggle/label/floating/styled.d.ts +0 -8
  293. package/dist/select/toggle/label/single/SingleLabel.d.ts +0 -18
  294. package/dist/select/toggle/label/single/styled.d.ts +0 -2
  295. package/dist/select/toggle/styled.d.ts +0 -24
  296. package/dist/stories/ButtonIcon.d.ts +0 -2
package/dist/index.css ADDED
@@ -0,0 +1 @@
1
+ .os-size-observer,.os-size-observer-listener{box-sizing:border-box;direction:inherit;overflow:hidden;pointer-events:none;scroll-behavior:auto!important;visibility:hidden}.os-size-observer,.os-size-observer-listener,.os-size-observer-listener-item,.os-size-observer-listener-item-final{left:0;position:absolute;top:0;writing-mode:horizontal-tb}.os-size-observer{border:inherit;box-sizing:inherit;contain:strict;display:flex;flex-direction:row;flex-wrap:nowrap;inset:0;margin:-133px;padding:inherit;transform:scale(.1);z-index:-1}.os-size-observer:before{box-sizing:inherit;content:"";flex:none;height:10px;padding:10px;width:10px}.os-size-observer-appear{animation:os-size-observer-appear-animation 1ms forwards}.os-size-observer-listener{border:inherit;box-sizing:border-box;flex:auto;margin:-133px;padding:inherit;position:relative;transform:scale(10)}.os-size-observer-listener.ltr{margin-left:0;margin-right:-266px}.os-size-observer-listener.rtl{margin-left:-266px;margin-right:0}.os-size-observer-listener:empty:before{content:"";height:100%;width:100%}.os-size-observer-listener:empty:before,.os-size-observer-listener>.os-size-observer-listener-item{border:inherit;box-sizing:initial;display:block;flex:auto;padding:inherit;position:relative}.os-size-observer-listener-scroll{box-sizing:border-box;display:flex}.os-size-observer-listener-item{bottom:0;direction:ltr;flex:none;overflow:hidden;right:0}.os-size-observer-listener-item-final{transition:none}@keyframes os-size-observer-appear-animation{0%{cursor:auto}to{cursor:none}}.os-trinsic-observer{border:none;box-sizing:border-box;contain:strict;flex:none;height:0;margin:0;max-height:1px;max-width:0;overflow:hidden;padding:0;position:relative;top:calc(100% + 1px);z-index:-1}.os-trinsic-observer:not(:empty){height:calc(100% + 1px);top:-1px}.os-trinsic-observer:not(:empty)>.os-size-observer{height:1000%;min-height:1px;min-width:1px;width:1000%}[data-overlayscrollbars-initialize]:not([data-overlayscrollbars-viewport]),[data-overlayscrollbars-viewport~=scrollbarHidden],html[data-overlayscrollbars-viewport~=scrollbarHidden]>body{scrollbar-width:none!important}[data-overlayscrollbars-initialize]:not([data-overlayscrollbars-viewport])::-webkit-scrollbar,[data-overlayscrollbars-initialize]:not([data-overlayscrollbars-viewport])::-webkit-scrollbar-corner,[data-overlayscrollbars-viewport~=scrollbarHidden]::-webkit-scrollbar,[data-overlayscrollbars-viewport~=scrollbarHidden]::-webkit-scrollbar-corner,html[data-overlayscrollbars-viewport~=scrollbarHidden]>body::-webkit-scrollbar,html[data-overlayscrollbars-viewport~=scrollbarHidden]>body::-webkit-scrollbar-corner{appearance:none!important;display:none!important;height:0!important;width:0!important}[data-overlayscrollbars-initialize]:not([data-overlayscrollbars]):not(html):not(body){overflow:auto}html[data-overlayscrollbars-body]{overflow:hidden}html[data-overlayscrollbars-body],html[data-overlayscrollbars-body]>body{height:100%;margin:0;width:100%}html[data-overlayscrollbars-body]>body{margin:0;overflow:visible}[data-overlayscrollbars]{position:relative}[data-overlayscrollbars-padding],[data-overlayscrollbars~=host]{align-items:stretch!important;display:flex;flex-direction:row!important;flex-wrap:nowrap!important;scroll-behavior:auto!important}[data-overlayscrollbars-padding],[data-overlayscrollbars-viewport]:not([data-overlayscrollbars]){border:none;box-sizing:inherit;flex:auto;height:auto;margin:0;min-width:0;padding:0;position:relative;width:100%;z-index:0}[data-overlayscrollbars-viewport]:not([data-overlayscrollbars]){--os-vaw:0;--os-vah:0;outline:none}[data-overlayscrollbars-viewport]:not([data-overlayscrollbars]):focus{outline:none}[data-overlayscrollbars-viewport][data-overlayscrollbars-viewport~=arrange]:before{content:"";height:var(--os-vah);min-height:1px;min-width:1px;pointer-events:none;position:absolute;width:var(--os-vaw);z-index:-1}[data-overlayscrollbars-padding],[data-overlayscrollbars~=host]{overflow:hidden!important}[data-overlayscrollbars-padding~=noClipping],[data-overlayscrollbars~=host][data-overlayscrollbars~=noClipping]{overflow:visible!important}[data-overlayscrollbars-viewport]{--os-viewport-overflow-x:hidden;--os-viewport-overflow-y:hidden;overflow-x:var(--os-viewport-overflow-x);overflow-y:var(--os-viewport-overflow-y)}[data-overlayscrollbars-viewport~=overflowXVisible]{--os-viewport-overflow-x:visible}[data-overlayscrollbars-viewport~=overflowXHidden]{--os-viewport-overflow-x:hidden}[data-overlayscrollbars-viewport~=overflowXScroll]{--os-viewport-overflow-x:scroll}[data-overlayscrollbars-viewport~=overflowYVisible]{--os-viewport-overflow-y:visible}[data-overlayscrollbars-viewport~=overflowYHidden]{--os-viewport-overflow-y:hidden}[data-overlayscrollbars-viewport~=overflowYScroll]{--os-viewport-overflow-y:scroll}[data-overlayscrollbars-viewport~=overflowImportant]{overflow-x:var(--os-viewport-overflow-x)!important;overflow-y:var(--os-viewport-overflow-y)!important}[data-overlayscrollbars-viewport~=noContent]:not(#osFakeId){font-size:0!important;line-height:0!important}[data-overlayscrollbars-viewport~=noContent]:not(#osFakeId):after,[data-overlayscrollbars-viewport~=noContent]:not(#osFakeId):before,[data-overlayscrollbars-viewport~=noContent]:not(#osFakeId)>*{clip:rect(0,0,0,0)!important;border-width:0!important;display:none!important;height:1px!important;margin:-1px!important;overflow:hidden!important;padding:0!important;position:absolute!important;white-space:nowrap!important;width:1px!important}[data-overlayscrollbars-viewport~=measuring],[data-overlayscrollbars-viewport~=scrolling]{scroll-behavior:auto!important;scroll-snap-type:none!important}[data-overlayscrollbars-viewport~=measuring][data-overlayscrollbars-viewport~=overflowXVisible]{overflow-x:hidden!important}[data-overlayscrollbars-viewport~=measuring][data-overlayscrollbars-viewport~=overflowYVisible]{overflow-y:hidden!important}[data-overlayscrollbars-content]{box-sizing:inherit}[data-overlayscrollbars-contents]:not(#osFakeId):not([data-overlayscrollbars-padding]):not([data-overlayscrollbars-viewport]):not([data-overlayscrollbars-content]){display:contents}[data-overlayscrollbars-grid],[data-overlayscrollbars-grid] [data-overlayscrollbars-padding]{display:grid;grid-template:1fr/1fr}[data-overlayscrollbars-grid]>[data-overlayscrollbars-padding],[data-overlayscrollbars-grid]>[data-overlayscrollbars-padding]>[data-overlayscrollbars-viewport],[data-overlayscrollbars-grid]>[data-overlayscrollbars-viewport]{height:auto!important;width:auto!important}@property --os-scroll-percent{syntax:"<number>";inherits:true;initial-value:0}@property --os-viewport-percent{syntax:"<number>";inherits:true;initial-value:0}.os-scrollbar{--os-viewport-percent:0;--os-scroll-percent:0;--os-scroll-direction:0;--os-scroll-percent-directional:calc(var(--os-scroll-percent) - (var(--os-scroll-percent) + (1 - var(--os-scroll-percent))*-1)*var(--os-scroll-direction));contain:size layout;contain:size layout style;opacity:0;pointer-events:none;position:absolute;transition:opacity .15s,visibility .15s,top .15s,right .15s,bottom .15s,left .15s;visibility:hidden}body>.os-scrollbar{position:fixed;z-index:99999}.os-scrollbar-transitionless{transition:none!important}.os-scrollbar-track{border:none!important;padding:0!important;position:relative}.os-scrollbar-handle{position:absolute}.os-scrollbar-handle,.os-scrollbar-track{height:100%;pointer-events:none;width:100%}.os-scrollbar.os-scrollbar-handle-interactive .os-scrollbar-handle,.os-scrollbar.os-scrollbar-track-interactive .os-scrollbar-track{pointer-events:auto;touch-action:none}.os-scrollbar-horizontal{bottom:0;left:0}.os-scrollbar-vertical{right:0;top:0}.os-scrollbar-rtl.os-scrollbar-horizontal{right:0}.os-scrollbar-rtl.os-scrollbar-vertical{left:0;right:auto}.os-scrollbar-visible{opacity:1;visibility:visible}.os-scrollbar-auto-hide.os-scrollbar-auto-hide-hidden{opacity:0;visibility:hidden}.os-scrollbar-interaction.os-scrollbar-visible{opacity:1;visibility:visible}.os-scrollbar-unusable,.os-scrollbar-unusable *,.os-scrollbar-wheel,.os-scrollbar-wheel *{pointer-events:none!important}.os-scrollbar-unusable .os-scrollbar-handle{opacity:0!important;transition:none!important}.os-scrollbar-horizontal .os-scrollbar-handle{bottom:0;left:calc(var(--os-scroll-percent-directional)*100%);transform:translate(calc(var(--os-scroll-percent-directional)*-100%));width:calc(var(--os-viewport-percent)*100%)}.os-scrollbar-vertical .os-scrollbar-handle{height:calc(var(--os-viewport-percent)*100%);right:0;top:calc(var(--os-scroll-percent-directional)*100%);transform:translateY(calc(var(--os-scroll-percent-directional)*-100%))}@supports (container-type:size){.os-scrollbar-track{container-type:size}.os-scrollbar-horizontal .os-scrollbar-handle{left:auto;transform:translate(calc(var(--os-scroll-percent-directional)*100cqw + var(--os-scroll-percent-directional)*-100%))}.os-scrollbar-vertical .os-scrollbar-handle{top:auto;transform:translateY(calc(var(--os-scroll-percent-directional)*100cqh + var(--os-scroll-percent-directional)*-100%))}.os-scrollbar-rtl.os-scrollbar-horizontal .os-scrollbar-handle{left:0;right:auto}}.os-scrollbar-rtl.os-scrollbar-vertical .os-scrollbar-handle{left:0;right:auto}.os-scrollbar.os-scrollbar-horizontal.os-scrollbar-cornerless,.os-scrollbar.os-scrollbar-horizontal.os-scrollbar-cornerless.os-scrollbar-rtl{left:0;right:0}.os-scrollbar.os-scrollbar-vertical.os-scrollbar-cornerless,.os-scrollbar.os-scrollbar-vertical.os-scrollbar-cornerless.os-scrollbar-rtl{bottom:0;top:0}@media print{.os-scrollbar{display:none}}.os-scrollbar{--os-size:0;--os-padding-perpendicular:0;--os-padding-axis:0;--os-track-border-radius:0;--os-track-bg:none;--os-track-bg-hover:none;--os-track-bg-active:none;--os-track-border:none;--os-track-border-hover:none;--os-track-border-active:none;--os-handle-border-radius:0;--os-handle-bg:none;--os-handle-bg-hover:none;--os-handle-bg-active:none;--os-handle-border:none;--os-handle-border-hover:none;--os-handle-border-active:none;--os-handle-min-size:33px;--os-handle-max-size:none;--os-handle-perpendicular-size:100%;--os-handle-perpendicular-size-hover:100%;--os-handle-perpendicular-size-active:100%;--os-handle-interactive-area-offset:0}.os-scrollbar-track{background:var(--os-track-bg);border:var(--os-track-border);border-radius:var(--os-track-border-radius);transition:opacity .15s,background-color .15s,border-color .15s}.os-scrollbar-track:hover{background:var(--os-track-bg-hover);border:var(--os-track-border-hover)}.os-scrollbar-track:active{background:var(--os-track-bg-active);border:var(--os-track-border-active)}.os-scrollbar-handle{background:var(--os-handle-bg);border:var(--os-handle-border);border-radius:var(--os-handle-border-radius)}.os-scrollbar-handle:hover{background:var(--os-handle-bg-hover);border:var(--os-handle-border-hover)}.os-scrollbar-handle:active{background:var(--os-handle-bg-active);border:var(--os-handle-border-active)}.os-scrollbar-handle:before,.os-scrollbar-track:before{content:"";display:block;inset:0;position:absolute}.os-scrollbar-horizontal{height:var(--os-size);padding:var(--os-padding-perpendicular) var(--os-padding-axis);right:var(--os-size)}.os-scrollbar-horizontal.os-scrollbar-rtl{left:var(--os-size);right:0}.os-scrollbar-horizontal .os-scrollbar-track:before{bottom:calc(var(--os-padding-perpendicular)*-1);top:calc(var(--os-padding-perpendicular)*-1)}.os-scrollbar-horizontal .os-scrollbar-handle{height:var(--os-handle-perpendicular-size);max-width:var(--os-handle-max-size);min-width:var(--os-handle-min-size);transition:opacity .15s,background-color .15s,border-color .15s,height .15s}.os-scrollbar-horizontal .os-scrollbar-handle:before{bottom:calc(var(--os-padding-perpendicular)*-1);top:calc((var(--os-padding-perpendicular) + var(--os-handle-interactive-area-offset))*-1)}.os-scrollbar-horizontal:hover .os-scrollbar-handle{height:var(--os-handle-perpendicular-size-hover)}.os-scrollbar-horizontal:active .os-scrollbar-handle{height:var(--os-handle-perpendicular-size-active)}.os-scrollbar-vertical{bottom:var(--os-size);padding:var(--os-padding-axis) var(--os-padding-perpendicular);width:var(--os-size)}.os-scrollbar-vertical .os-scrollbar-track:before{left:calc(var(--os-padding-perpendicular)*-1);right:calc(var(--os-padding-perpendicular)*-1)}.os-scrollbar-vertical .os-scrollbar-handle{max-height:var(--os-handle-max-size);min-height:var(--os-handle-min-size);transition:opacity .15s,background-color .15s,border-color .15s,width .15s;width:var(--os-handle-perpendicular-size)}.os-scrollbar-vertical .os-scrollbar-handle:before{left:calc((var(--os-padding-perpendicular) + var(--os-handle-interactive-area-offset))*-1);right:calc(var(--os-padding-perpendicular)*-1)}.os-scrollbar-vertical.os-scrollbar-rtl .os-scrollbar-handle:before{left:calc(var(--os-padding-perpendicular)*-1);right:calc((var(--os-padding-perpendicular) + var(--os-handle-interactive-area-offset))*-1)}.os-scrollbar-vertical:hover .os-scrollbar-handle{width:var(--os-handle-perpendicular-size-hover)}.os-scrollbar-vertical:active .os-scrollbar-handle{width:var(--os-handle-perpendicular-size-active)}.os-theme-none.os-scrollbar,[data-overlayscrollbars-viewport~=measuring]>.os-scrollbar{display:none!important}.os-theme-dark,.os-theme-light{--os-size:10px;--os-padding-perpendicular:2px;--os-padding-axis:2px;--os-track-border-radius:10px;--os-handle-interactive-area-offset:4px;--os-handle-border-radius:10px;box-sizing:border-box}.os-theme-dark{--os-handle-bg:#00000070;--os-handle-bg-hover:#0000008c;--os-handle-bg-active:#000000a8}.os-theme-light{--os-handle-bg:#ffffff70;--os-handle-bg-hover:#ffffff8c;--os-handle-bg-active:#ffffffa8}