@transferwise/components 46.159.2 → 46.160.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 (438) hide show
  1. package/build/ExpressiveMoneyInput/Chevron/Chevron.js +10 -2
  2. package/build/ExpressiveMoneyInput/Chevron/Chevron.js.map +1 -1
  3. package/build/ExpressiveMoneyInput/Chevron/Chevron.mjs +11 -3
  4. package/build/ExpressiveMoneyInput/Chevron/Chevron.mjs.map +1 -1
  5. package/build/ListItem/ListItem.js +6 -5
  6. package/build/ListItem/ListItem.js.map +1 -1
  7. package/build/ListItem/ListItem.mjs +6 -5
  8. package/build/ListItem/ListItem.mjs.map +1 -1
  9. package/build/ListItem/Navigation/ListItemNavigation.js +1 -0
  10. package/build/ListItem/Navigation/ListItemNavigation.js.map +1 -1
  11. package/build/ListItem/Navigation/ListItemNavigation.mjs +1 -0
  12. package/build/ListItem/Navigation/ListItemNavigation.mjs.map +1 -1
  13. package/build/ProcessIndicator/ProcessIndicator.js +1 -1
  14. package/build/ProcessIndicator/ProcessIndicator.js.map +1 -1
  15. package/build/ProcessIndicator/ProcessIndicator.mjs +1 -1
  16. package/build/ProcessIndicator/ProcessIndicator.mjs.map +1 -1
  17. package/build/Prompt/CriticalBanner/CriticalBanner.js +10 -1
  18. package/build/Prompt/CriticalBanner/CriticalBanner.js.map +1 -1
  19. package/build/Prompt/CriticalBanner/CriticalBanner.mjs +10 -1
  20. package/build/Prompt/CriticalBanner/CriticalBanner.mjs.map +1 -1
  21. package/build/common/Panel/Panel.js +13 -25
  22. package/build/common/Panel/Panel.js.map +1 -1
  23. package/build/common/Panel/Panel.mjs +10 -22
  24. package/build/common/Panel/Panel.mjs.map +1 -1
  25. package/build/common/Panel/Panel.positionUtils.js +68 -0
  26. package/build/common/Panel/Panel.positionUtils.js.map +1 -0
  27. package/build/common/Panel/Panel.positionUtils.mjs +63 -0
  28. package/build/common/Panel/Panel.positionUtils.mjs.map +1 -0
  29. package/build/common/PropsValues/position.js +0 -25
  30. package/build/common/PropsValues/position.js.map +1 -1
  31. package/build/common/PropsValues/position.mjs +1 -24
  32. package/build/common/PropsValues/position.mjs.map +1 -1
  33. package/build/main.css +4370 -7983
  34. package/build/styles/Accordion/Accordion.css +23 -21
  35. package/build/styles/AvatarLayout/AvatarLayout.css +11 -11
  36. package/build/styles/AvatarView/AvatarView.css +11 -3
  37. package/build/styles/AvatarView/Dot/Dot.css +11 -3
  38. package/build/styles/Button/Button.css +6 -6
  39. package/build/styles/Button/LegacyButton/LegacyButton.css +3 -9
  40. package/build/styles/Calendar/Calendar.css +9 -8
  41. package/build/styles/Calendar/TableLink/TableLink.css +8 -7
  42. package/build/styles/Carousel/Carousel.css +28 -27
  43. package/build/styles/CheckboxButton/CheckboxButton.css +13 -15
  44. package/build/styles/Chips/Chip/Chip.css +26 -29
  45. package/build/styles/Container/Container.css +5 -5
  46. package/build/styles/DateInput/DateInput.css +4 -4
  47. package/build/styles/DateLookup/DateLookup.css +1 -1
  48. package/build/styles/DateLookup/DateTrigger/DateTrigger.css +9 -15
  49. package/build/styles/DefinitionList/DefinitionList.css +12 -23
  50. package/build/styles/Dimmer/Dimmer.css +9 -19
  51. package/build/styles/Divider/Divider.css +8 -7
  52. package/build/styles/Drawer/Drawer.css +16 -15
  53. package/build/styles/DropFade/DropFade.css +2 -2
  54. package/build/styles/ExpressiveMoneyInput/AmountInput/AmountInput.css +4 -4
  55. package/build/styles/ExpressiveMoneyInput/Chevron/Chevron.css +5 -5
  56. package/build/styles/ExpressiveMoneyInput/ExpressiveMoneyInput.css +11 -11
  57. package/build/styles/Field/Field.css +13 -12
  58. package/build/styles/FlowNavigation/AnimatedLabel/AnimatedLabel.css +5 -5
  59. package/build/styles/FlowNavigation/FlowNavigation.css +23 -44
  60. package/build/styles/Header/Header.css +11 -9
  61. package/build/styles/Image/Image.css +7 -7
  62. package/build/styles/Info/Info.css +1 -1
  63. package/build/styles/Inputs/Input/Input.css +24 -25
  64. package/build/styles/Inputs/InputGroup/InputGroup.css +13 -13
  65. package/build/styles/Inputs/SelectInput/BottomSheet/SelectInputBottomSheet.css +10 -10
  66. package/build/styles/Inputs/SelectInput/ButtonInput/SelectInputButtonInput.css +7 -7
  67. package/build/styles/Inputs/SelectInput/ClearButton/SelectInputClearButton.css +6 -6
  68. package/build/styles/Inputs/SelectInput/ItemView/SelectInputItemView.css +4 -4
  69. package/build/styles/Inputs/SelectInput/Option/SelectInputOption.css +4 -2
  70. package/build/styles/Inputs/SelectInput/OptionContent/SelectInputOptionContent.css +4 -4
  71. package/build/styles/Inputs/SelectInput/Options/SelectInputOptions.css +17 -12
  72. package/build/styles/Inputs/SelectInput/Popover/SelectInputPopover.css +4 -4
  73. package/build/styles/Inputs/SelectInput/SelectInput.css +56 -49
  74. package/build/styles/Inputs/TextArea/TextArea.css +26 -27
  75. package/build/styles/InstructionsList/InstructionsList.css +5 -5
  76. package/build/styles/Link/Link.css +2 -8
  77. package/build/styles/ListItem/ListItem.css +38 -35
  78. package/build/styles/ListItem/ListItem.grid.css +7 -7
  79. package/build/styles/Loader/Loader.css +31 -31
  80. package/build/styles/Logo/Logo.css +2 -2
  81. package/build/styles/Modal/Modal.css +15 -14
  82. package/build/styles/MoneyInput/MoneyInput.css +10 -20
  83. package/build/styles/Nudge/Nudge.css +53 -115
  84. package/build/styles/PhoneNumberInput/PhoneNumberInput.css +3 -9
  85. package/build/styles/Popover/Popover.css +13 -10
  86. package/build/styles/Progress/Progress.css +3 -3
  87. package/build/styles/ProgressBar/ProgressBar.css +4 -4
  88. package/build/styles/PromoCard/PromoCard.css +28 -42
  89. package/build/styles/Prompt/ActionPrompt/ActionPrompt.css +9 -9
  90. package/build/styles/Prompt/CriticalBanner/CriticalBanner.css +57 -23
  91. package/build/styles/Prompt/InfoPrompt/InfoPrompt.css +15 -15
  92. package/build/styles/Prompt/InlinePrompt/InlinePrompt.css +5 -6
  93. package/build/styles/Prompt/PrimitivePrompt/PrimitivePrompt.css +10 -8
  94. package/build/styles/RadioGroup/RadioGroup.css +1 -1
  95. package/build/styles/Section/Section.css +6 -6
  96. package/build/styles/SegmentedControl/SegmentedControl.css +18 -15
  97. package/build/styles/SlidingPanel/SlidingPanel.css +17 -31
  98. package/build/styles/Snackbar/Snackbar.css +21 -35
  99. package/build/styles/Stepper/Stepper.css +9 -12
  100. package/build/styles/Sticky/Sticky.css +2 -2
  101. package/build/styles/Switch/Switch.css +5 -4
  102. package/build/styles/Table/Table.css +60 -57
  103. package/build/styles/Tabs/Tabs.css +18 -14
  104. package/build/styles/Tile/Tile.css +12 -12
  105. package/build/styles/Tooltip/Tooltip.css +2 -2
  106. package/build/styles/Typeahead/Typeahead.css +42 -54
  107. package/build/styles/Upload/Upload.css +11 -10
  108. package/build/styles/UploadInput/UploadButton/UploadButton.css +20 -19
  109. package/build/styles/UploadInput/UploadInput.css +4 -4
  110. package/build/styles/UploadInput/UploadItem/UploadItem.css +49 -49
  111. package/build/styles/_deprecated/ActionButton/ActionButton.css +8 -6
  112. package/build/styles/_deprecated/Alert/Alert.css +2 -2
  113. package/build/styles/_deprecated/Avatar/Avatar.css +65 -65
  114. package/build/styles/_deprecated/Badge/Badge.css +12 -14
  115. package/build/styles/_deprecated/Card/Card.css +27 -18
  116. package/build/styles/_deprecated/CriticalBanner/CriticalCommsBanner.css +7 -7
  117. package/build/styles/_deprecated/LegacyListItem/LegacyListItem.css +1 -1
  118. package/build/styles/_deprecated/NavigationOption/NavigationOption.css +6 -19
  119. package/build/styles/_deprecated/NavigationOptionsList/NavigationOptionsList.css +3 -8
  120. package/build/styles/_deprecated/Select/Select.css +57 -104
  121. package/build/styles/_deprecated/Summary/Summary.css +19 -30
  122. package/build/styles/common/BaseCard/BaseCard.css +3 -7
  123. package/build/styles/common/BottomSheet/BottomSheet.css +30 -18
  124. package/build/styles/common/Circle/Circle.css +10 -10
  125. package/build/styles/common/CloseButton/CloseButton.css +36 -36
  126. package/build/styles/common/LiveRegion/LiveRegion.css +1 -1
  127. package/build/styles/common/Option/Option.css +42 -44
  128. package/build/styles/common/Panel/Panel.css +19 -11
  129. package/build/styles/css/accordion.css +27 -46
  130. package/build/styles/css/alerts.css +56 -124
  131. package/build/styles/css/badge.css +20 -30
  132. package/build/styles/css/breadcrumbs.css +6 -4
  133. package/build/styles/css/button-groups.css +116 -254
  134. package/build/styles/css/buttons.css +50 -95
  135. package/build/styles/css/chevron.css +3 -0
  136. package/build/styles/css/circles.css +38 -76
  137. package/build/styles/css/close.css +1 -4
  138. package/build/styles/css/column-layout.css +38 -60
  139. package/build/styles/css/currency-flags.css +4 -17
  140. package/build/styles/css/decision.css +14 -12
  141. package/build/styles/css/dropdowns.css +59 -210
  142. package/build/styles/css/droppable.css +43 -38
  143. package/build/styles/css/flex.css +40 -136
  144. package/build/styles/css/footer.css +15 -14
  145. package/build/styles/css/grid.css +383 -1430
  146. package/build/styles/css/input-groups.css +254 -542
  147. package/build/styles/css/link-callout.css +2 -8
  148. package/build/styles/css/list-group.css +57 -92
  149. package/build/styles/css/loaders.css +11 -11
  150. package/build/styles/css/media.css +10 -34
  151. package/build/styles/css/modals.css +49 -59
  152. package/build/styles/css/navbar.css +372 -812
  153. package/build/styles/css/navs.css +59 -124
  154. package/build/styles/css/neptune-addons.css +687 -1234
  155. package/build/styles/css/neptune-core.css +123 -229
  156. package/build/styles/css/neptune-social-media.css +9 -33
  157. package/build/styles/css/neptune.css +3060 -6498
  158. package/build/styles/css/panels.css +143 -243
  159. package/build/styles/css/popovers.css +114 -295
  160. package/build/styles/css/process.css +79 -86
  161. package/build/styles/css/progress-bars.css +13 -19
  162. package/build/styles/css/select.css +21 -53
  163. package/build/styles/css/sequences.css +99 -219
  164. package/build/styles/css/table.css +48 -43
  165. package/build/styles/css/tick.css +14 -11
  166. package/build/styles/css/tooltip.css +49 -82
  167. package/build/styles/css/utilities.css +12 -40
  168. package/build/styles/css/wells.css +16 -16
  169. package/build/styles/main.css +4370 -7983
  170. package/build/styles/styles/less/accordion.css +27 -46
  171. package/build/styles/styles/less/alerts.css +56 -124
  172. package/build/styles/styles/less/badge.css +20 -30
  173. package/build/styles/styles/less/breadcrumbs.css +6 -4
  174. package/build/styles/styles/less/button-groups.css +116 -254
  175. package/build/styles/styles/less/buttons.css +50 -95
  176. package/build/styles/styles/less/chevron.css +3 -0
  177. package/build/styles/styles/less/circles.css +38 -76
  178. package/build/styles/styles/less/close.css +1 -4
  179. package/build/styles/styles/less/column-layout.css +38 -60
  180. package/build/styles/styles/less/currency-flags.css +4 -17
  181. package/build/styles/styles/less/decision.css +14 -12
  182. package/build/styles/styles/less/dropdowns.css +59 -210
  183. package/build/styles/styles/less/droppable.css +43 -38
  184. package/build/styles/styles/less/flex.css +40 -136
  185. package/build/styles/styles/less/footer.css +15 -14
  186. package/build/styles/styles/less/forms/bootstrap-forms.css +180 -344
  187. package/build/styles/styles/less/forms/checkbox-radio.css +29 -56
  188. package/build/styles/styles/less/grid.css +383 -1430
  189. package/build/styles/styles/less/input-groups.css +254 -542
  190. package/build/styles/styles/less/link-callout.css +2 -8
  191. package/build/styles/styles/less/list-group.css +57 -92
  192. package/build/styles/styles/less/loaders.css +11 -11
  193. package/build/styles/styles/less/media.css +10 -34
  194. package/build/styles/styles/less/modals.css +49 -59
  195. package/build/styles/styles/less/navbar.css +372 -812
  196. package/build/styles/styles/less/navs.css +59 -124
  197. package/build/styles/styles/less/neptune-addons.css +687 -1234
  198. package/build/styles/styles/less/neptune-core.css +123 -229
  199. package/build/styles/styles/less/neptune-social-media.css +9 -33
  200. package/build/styles/styles/less/neptune.css +3060 -6498
  201. package/build/styles/styles/less/panels.css +143 -243
  202. package/build/styles/styles/less/popovers.css +114 -295
  203. package/build/styles/styles/less/process.css +79 -86
  204. package/build/styles/styles/less/progress-bars.css +13 -19
  205. package/build/styles/styles/less/select.css +21 -53
  206. package/build/styles/styles/less/sequences.css +99 -219
  207. package/build/styles/styles/less/table.css +48 -43
  208. package/build/styles/styles/less/tick.css +14 -11
  209. package/build/styles/styles/less/tooltip.css +49 -82
  210. package/build/styles/styles/less/utilities.css +12 -40
  211. package/build/styles/styles/less/wells.css +16 -16
  212. package/build/types/ExpressiveMoneyInput/Chevron/Chevron.d.ts.map +1 -1
  213. package/build/types/ListItem/ListItem.d.ts.map +1 -1
  214. package/build/types/Prompt/CriticalBanner/CriticalBanner.d.ts +6 -1
  215. package/build/types/Prompt/CriticalBanner/CriticalBanner.d.ts.map +1 -1
  216. package/build/types/common/Panel/Panel.d.ts +1 -1
  217. package/build/types/common/Panel/Panel.d.ts.map +1 -1
  218. package/build/types/common/Panel/Panel.positionUtils.d.ts +7 -0
  219. package/build/types/common/Panel/Panel.positionUtils.d.ts.map +1 -0
  220. package/build/types/common/PropsValues/position.d.ts +0 -13
  221. package/build/types/common/PropsValues/position.d.ts.map +1 -1
  222. package/build/types/common/ResponsivePanel/ResponsivePanel.d.ts +1 -1
  223. package/package.json +8 -8
  224. package/src/Accordion/Accordion.css +23 -21
  225. package/src/Accordion/Accordion.less +3 -4
  226. package/src/AvatarLayout/AvatarLayout.css +11 -11
  227. package/src/AvatarView/AvatarView.css +11 -3
  228. package/src/AvatarView/Dot/Dot.css +11 -3
  229. package/src/AvatarView/Dot/Dot.less +7 -1
  230. package/src/Button/Button.css +6 -6
  231. package/src/Button/LegacyButton/LegacyButton.css +3 -9
  232. package/src/Button/LegacyButton/LegacyButton.less +1 -3
  233. package/src/Button/_stories/Button.test.story.tsx +1 -1
  234. package/src/Calendar/Calendar.css +9 -8
  235. package/src/Calendar/TableLink/TableLink.css +8 -7
  236. package/src/Carousel/Carousel.css +28 -27
  237. package/src/Checkbox/_stories/Checkbox.story.tsx +1 -1
  238. package/src/Checkbox/_stories/Checkbox.test.story.tsx +3 -2
  239. package/src/CheckboxButton/CheckboxButton.css +13 -15
  240. package/src/CheckboxButton/CheckboxButton.less +8 -4
  241. package/src/Chevron/_stories/Chevron.test.story.tsx +2 -2
  242. package/src/Chips/Chip/Chip.css +26 -29
  243. package/src/Chips/Chip/Chip.less +5 -3
  244. package/src/Container/Container.css +5 -5
  245. package/src/DateInput/DateInput.css +4 -4
  246. package/src/DateLookup/DateLookup.css +1 -1
  247. package/src/DateLookup/DateTrigger/DateTrigger.css +9 -15
  248. package/src/DateLookup/DateTrigger/DateTrigger.less +1 -2
  249. package/src/Decision/Decision.less +0 -2
  250. package/src/DefinitionList/DefinitionList.css +12 -23
  251. package/src/DefinitionList/DefinitionList.less +2 -4
  252. package/src/Dimmer/Dimmer.css +9 -19
  253. package/src/Dimmer/Dimmer.less +2 -3
  254. package/src/Divider/Divider.css +8 -7
  255. package/src/Drawer/Drawer.css +16 -15
  256. package/src/DropFade/DropFade.css +2 -2
  257. package/src/ExpressiveMoneyInput/AmountInput/AmountInput.css +4 -4
  258. package/src/ExpressiveMoneyInput/Chevron/Chevron.css +5 -5
  259. package/src/ExpressiveMoneyInput/Chevron/Chevron.tsx +8 -3
  260. package/src/ExpressiveMoneyInput/ExpressiveMoneyInput.css +11 -11
  261. package/src/Field/Field.css +13 -12
  262. package/src/FlowNavigation/AnimatedLabel/AnimatedLabel.css +5 -5
  263. package/src/FlowNavigation/FlowNavigation.css +23 -44
  264. package/src/Header/Header.css +11 -9
  265. package/src/Header/_stories/Header.test.story.tsx +1 -1
  266. package/src/Image/Image.css +7 -7
  267. package/src/Info/Info.css +1 -1
  268. package/src/Info/_stories/Info.rtl.test.story.tsx +35 -10
  269. package/src/Info/_stories/Info.story.tsx +1 -1
  270. package/src/Inputs/Input/Input.css +24 -25
  271. package/src/Inputs/InputGroup/InputGroup.css +13 -13
  272. package/src/Inputs/SelectInput/BottomSheet/SelectInputBottomSheet.css +10 -10
  273. package/src/Inputs/SelectInput/ButtonInput/SelectInputButtonInput.css +7 -7
  274. package/src/Inputs/SelectInput/ClearButton/SelectInputClearButton.css +6 -6
  275. package/src/Inputs/SelectInput/ItemView/SelectInputItemView.css +4 -4
  276. package/src/Inputs/SelectInput/Option/SelectInputOption.css +4 -2
  277. package/src/Inputs/SelectInput/OptionContent/SelectInputOptionContent.css +4 -4
  278. package/src/Inputs/SelectInput/Options/SelectInputOptions.css +17 -12
  279. package/src/Inputs/SelectInput/Popover/SelectInputPopover.css +4 -4
  280. package/src/Inputs/SelectInput/SelectInput.css +56 -49
  281. package/src/Inputs/SelectInput/_stories/SelectInput.test.story.tsx +1 -1
  282. package/src/Inputs/TextArea/TextArea.css +26 -27
  283. package/src/InstructionsList/InstructionsList.css +5 -5
  284. package/src/Link/Link.css +2 -8
  285. package/src/Link/Link.less +3 -3
  286. package/src/ListItem/ListItem.css +38 -35
  287. package/src/ListItem/ListItem.grid.css +7 -7
  288. package/src/ListItem/ListItem.tsx +8 -5
  289. package/src/ListItem/Navigation/ListItemNavigation.test.tsx +13 -0
  290. package/src/ListItem/Navigation/ListItemNavigation.tsx +1 -1
  291. package/src/ListItem/_stories/subcomponents.tsx +1 -1
  292. package/src/Loader/Loader.css +31 -31
  293. package/src/Loader/_stories/Loader.test.story.tsx +23 -0
  294. package/src/Logo/Logo.css +2 -2
  295. package/src/Modal/Modal.css +15 -14
  296. package/src/MoneyInput/MoneyInput.css +10 -20
  297. package/src/MoneyInput/MoneyInput.less +2 -3
  298. package/src/MoneyInput/_stories/MoneyInput.rtl.test.story.tsx +1 -1
  299. package/src/Nudge/Nudge.css +53 -115
  300. package/src/Nudge/Nudge.less +4 -12
  301. package/src/Nudge/_stories/Nudge.test.story.tsx +29 -12
  302. package/src/PhoneNumberInput/PhoneNumberInput.css +3 -9
  303. package/src/PhoneNumberInput/PhoneNumberInput.less +1 -3
  304. package/src/PhoneNumberInput/_stories/{PhoneNumberInput.test.story.tsx → PhoneNumberInput.rtl.test.story.tsx} +18 -10
  305. package/src/Popover/Popover.css +13 -10
  306. package/src/ProcessIndicator/ProcessIndicator.tsx +1 -1
  307. package/src/ProcessIndicator/_stories/ProcessIndicator.test.story.tsx +32 -0
  308. package/src/Progress/Progress.css +3 -3
  309. package/src/ProgressBar/ProgressBar.css +4 -4
  310. package/src/ProgressBar/_stories/ProgressBar.test.story.tsx +33 -19
  311. package/src/PromoCard/PromoCard.css +28 -42
  312. package/src/PromoCard/PromoCard.less +24 -32
  313. package/src/Prompt/ActionPrompt/ActionPrompt.css +9 -9
  314. package/src/Prompt/CriticalBanner/CriticalBanner.css +57 -23
  315. package/src/Prompt/CriticalBanner/CriticalBanner.less +45 -0
  316. package/src/Prompt/CriticalBanner/CriticalBanner.test.tsx +26 -3
  317. package/src/Prompt/CriticalBanner/CriticalBanner.tsx +15 -1
  318. package/src/Prompt/CriticalBanner/_stories/CriticalBanner.accessibility.docs.mdx +4 -1
  319. package/src/Prompt/CriticalBanner/_stories/CriticalBanner.story.tsx +52 -0
  320. package/src/Prompt/CriticalBanner/_stories/CriticalBanner.test.story.tsx +22 -1
  321. package/src/Prompt/InfoPrompt/InfoPrompt.css +15 -15
  322. package/src/Prompt/InlinePrompt/InlinePrompt.css +5 -6
  323. package/src/Prompt/PrimitivePrompt/PrimitivePrompt.css +10 -8
  324. package/src/RadioGroup/RadioGroup.css +1 -1
  325. package/src/Section/Section.css +6 -6
  326. package/src/SegmentedControl/SegmentedControl.css +18 -15
  327. package/src/SlidingPanel/SlidingPanel.css +17 -31
  328. package/src/SlidingPanel/SlidingPanel.less +12 -4
  329. package/src/SlidingPanel/_stories/SlidingPanel.rtl.test.story.tsx +4 -3
  330. package/src/Snackbar/Snackbar.css +21 -35
  331. package/src/Snackbar/Snackbar.less +3 -9
  332. package/src/Snackbar/_stories/Snackbar.rtl.test.story.tsx +14 -16
  333. package/src/Snackbar/_stories/Snackbar.story.tsx +1 -1
  334. package/src/Snackbar/_stories/Snackbar.test.story.tsx +1 -1
  335. package/src/StatusIcon/_stories/StatusIcon.test.story.tsx +12 -4
  336. package/src/Stepper/Stepper.css +9 -12
  337. package/src/Stepper/Stepper.less +1 -1
  338. package/src/Sticky/Sticky.css +2 -2
  339. package/src/Switch/Switch.css +5 -4
  340. package/src/Table/Table.css +60 -57
  341. package/src/Tabs/Tabs.css +18 -14
  342. package/src/Tabs/Tabs.less +0 -1
  343. package/src/Tile/Tile.css +12 -12
  344. package/src/Tooltip/Tooltip.css +2 -2
  345. package/src/Typeahead/Typeahead.css +42 -54
  346. package/src/Typeahead/Typeahead.less +2 -3
  347. package/src/Upload/Upload.css +11 -10
  348. package/src/UploadInput/UploadButton/UploadButton.css +20 -19
  349. package/src/UploadInput/UploadInput.css +4 -4
  350. package/src/UploadInput/UploadItem/UploadItem.css +49 -49
  351. package/src/UploadInput/UploadItem/UploadItem.less +7 -6
  352. package/src/UploadInput/_stories/UploadInput.test.story.tsx +1 -1
  353. package/src/_deprecated/ActionButton/ActionButton.css +8 -6
  354. package/src/_deprecated/Alert/Alert.css +2 -2
  355. package/src/_deprecated/Avatar/Avatar.css +65 -65
  356. package/src/_deprecated/Avatar/Avatar.less +0 -1
  357. package/src/_deprecated/Badge/Badge.css +12 -14
  358. package/src/_deprecated/Badge/Badge.less +11 -18
  359. package/src/_deprecated/Card/Card.css +27 -18
  360. package/src/_deprecated/Card/Card.less +1 -2
  361. package/src/_deprecated/CriticalBanner/CriticalCommsBanner.css +7 -7
  362. package/src/_deprecated/CriticalBanner/_stories/CriticalCommsBanner.test.story.tsx +0 -16
  363. package/src/_deprecated/LegacyListItem/LegacyListItem.css +1 -1
  364. package/src/_deprecated/NavigationOption/NavigationOption.css +6 -19
  365. package/src/_deprecated/NavigationOption/NavigationOption.less +3 -4
  366. package/src/_deprecated/NavigationOptionsList/NavigationOptionsList.css +3 -8
  367. package/src/_deprecated/NavigationOptionsList/NavigationOptionsList.less +1 -3
  368. package/src/_deprecated/OverlayHeader/_stories/OverlayHeader.test.story.tsx +15 -0
  369. package/src/_deprecated/Select/Select.css +57 -104
  370. package/src/_deprecated/Select/Select.less +10 -11
  371. package/src/_deprecated/Summary/Summary.css +19 -30
  372. package/src/_deprecated/Summary/Summary.less +1 -8
  373. package/src/common/BaseCard/BaseCard.css +3 -7
  374. package/src/common/BaseCard/BaseCard.less +0 -5
  375. package/src/common/BottomSheet/BottomSheet.css +30 -18
  376. package/src/common/Circle/Circle.css +10 -10
  377. package/src/common/CloseButton/CloseButton.css +36 -36
  378. package/src/common/LiveRegion/LiveRegion.css +1 -1
  379. package/src/common/Option/Option.css +42 -44
  380. package/src/common/Option/Option.less +8 -10
  381. package/src/common/Panel/Panel.css +19 -11
  382. package/src/common/Panel/Panel.less +27 -9
  383. package/src/common/Panel/Panel.positionUtils.ts +79 -0
  384. package/src/common/Panel/Panel.test.tsx +40 -0
  385. package/src/common/Panel/Panel.tsx +13 -24
  386. package/src/common/Panel/_stories/Panel.rtl.test.story.tsx +110 -0
  387. package/src/common/PropsValues/position.ts +0 -50
  388. package/src/main.css +4370 -7983
  389. package/src/styles/less/accordion.css +27 -46
  390. package/src/styles/less/addons/_spacing-utilities.less +4 -4
  391. package/src/styles/less/alerts.css +56 -124
  392. package/src/styles/less/badge.css +20 -30
  393. package/src/styles/less/breadcrumbs.css +6 -4
  394. package/src/styles/less/button-groups.css +116 -254
  395. package/src/styles/less/buttons.css +50 -95
  396. package/src/styles/less/buttons.less +3 -11
  397. package/src/styles/less/chevron.css +3 -0
  398. package/src/styles/less/chevron.less +4 -0
  399. package/src/styles/less/circles.css +38 -76
  400. package/src/styles/less/close.css +1 -4
  401. package/src/styles/less/column-layout.css +38 -60
  402. package/src/styles/less/currency-flags.css +4 -17
  403. package/src/styles/less/decision.css +14 -12
  404. package/src/styles/less/dropdowns.css +59 -210
  405. package/src/styles/less/droppable.css +43 -38
  406. package/src/styles/less/flex.css +40 -136
  407. package/src/styles/less/footer.css +15 -14
  408. package/src/styles/less/forms/bootstrap-forms.css +180 -344
  409. package/src/styles/less/forms/checkbox-radio.css +29 -56
  410. package/src/styles/less/grid.css +383 -1430
  411. package/src/styles/less/input-groups.css +254 -542
  412. package/src/styles/less/link-callout.css +2 -8
  413. package/src/styles/less/list-group.css +57 -92
  414. package/src/styles/less/loaders.css +11 -11
  415. package/src/styles/less/media.css +10 -34
  416. package/src/styles/less/mixins/_logical-properties-IE-friendly.less +1 -0
  417. package/src/styles/less/mixins/_logical-properties-modern-browsers.less +80 -41
  418. package/src/styles/less/mixins/_logical-properties.less +3 -3
  419. package/src/styles/less/modals.css +49 -59
  420. package/src/styles/less/navbar.css +372 -812
  421. package/src/styles/less/navs.css +59 -124
  422. package/src/styles/less/neptune-addons.css +687 -1234
  423. package/src/styles/less/neptune-core.css +123 -229
  424. package/src/styles/less/neptune-social-media.css +9 -33
  425. package/src/styles/less/neptune.css +3060 -6498
  426. package/src/styles/less/panels.css +143 -243
  427. package/src/styles/less/popovers.css +114 -295
  428. package/src/styles/less/process.css +79 -86
  429. package/src/styles/less/process.less +13 -6
  430. package/src/styles/less/progress-bars.css +13 -19
  431. package/src/styles/less/select.css +21 -53
  432. package/src/styles/less/sequences.css +99 -219
  433. package/src/styles/less/table.css +48 -43
  434. package/src/styles/less/tick.css +14 -11
  435. package/src/styles/less/tick.less +7 -3
  436. package/src/styles/less/tooltip.css +49 -82
  437. package/src/styles/less/utilities.css +12 -40
  438. package/src/styles/less/wells.css +16 -16
@@ -1,10 +1,10 @@
1
1
  .container {
2
- margin-right: auto;
3
- margin-left: auto;
4
- padding-left: 12px;
5
- padding-right: 12px;
6
- padding-right: 16px;
7
- padding-left: 16px;
2
+ margin-inline-end: auto;
3
+ margin-inline-start: auto;
4
+ padding-inline-start: 12px;
5
+ padding-inline-end: 12px;
6
+ padding-inline-end: 16px;
7
+ padding-inline-start: 16px;
8
8
  }
9
9
  .container::before,
10
10
  .container::after {
@@ -16,38 +16,36 @@
16
16
  }
17
17
  @media (min-width: 1160px) {
18
18
  .container {
19
- max-width: 1164px;
19
+ max-inline-size: 1164px;
20
20
  }
21
21
  }
22
22
  @media (min-width: 600px) {
23
23
  .container {
24
- padding-right: 24px;
25
- padding-left: 24px;
24
+ padding-inline-end: 24px;
25
+ padding-inline-start: 24px;
26
26
  }
27
27
  }
28
28
  @media (min-width: 1160px) {
29
29
  .container {
30
- padding-right: 32px;
31
- padding-left: 32px;
30
+ padding-inline-end: 32px;
31
+ padding-inline-start: 32px;
32
32
  }
33
33
  }
34
34
  .container-fluid {
35
- margin-right: auto;
36
- margin-left: auto;
37
- padding-left: 12px;
38
- padding-right: 12px;
35
+ margin-inline-end: auto;
36
+ margin-inline-start: auto;
37
+ padding-inline-start: 12px;
38
+ padding-inline-end: 12px;
39
39
  }
40
40
  .row {
41
- margin-left: -12px;
42
- margin-right: -12px;
41
+ margin-inline-start: -12px;
42
+ margin-inline-end: -12px;
43
43
  }
44
44
  [dir="rtl"] .row {
45
- margin-right: -12px;
46
- margin-left: -12px;
45
+ margin-inline-end: -12px;
47
46
  }
48
47
  [dir="rtl"] .row {
49
- margin-left: -12px;
50
- margin-right: -12px;
48
+ margin-inline-start: -12px;
51
49
  }
52
50
  .row::before,
53
51
  .row::after {
@@ -118,9 +116,9 @@
118
116
  .col-lg-12,
119
117
  .col-xl-12 {
120
118
  position: relative;
121
- min-height: 1px;
122
- padding-left: 12px;
123
- padding-right: 12px;
119
+ min-block-size: 1px;
120
+ padding-inline-start: 12px;
121
+ padding-inline-end: 12px;
124
122
  }
125
123
  .col-xs-1,
126
124
  .col-xs-2,
@@ -134,417 +132,208 @@
134
132
  .col-xs-10,
135
133
  .col-xs-11,
136
134
  .col-xs-12 {
137
- float: left;
138
- }
139
- [dir="rtl"] .col-xs-1,
140
- [dir="rtl"] .col-xs-2,
141
- [dir="rtl"] .col-xs-3,
142
- [dir="rtl"] .col-xs-4,
143
- [dir="rtl"] .col-xs-5,
144
- [dir="rtl"] .col-xs-6,
145
- [dir="rtl"] .col-xs-7,
146
- [dir="rtl"] .col-xs-8,
147
- [dir="rtl"] .col-xs-9,
148
- [dir="rtl"] .col-xs-10,
149
- [dir="rtl"] .col-xs-11,
150
- [dir="rtl"] .col-xs-12 {
151
- float: right;
135
+ float: inline-start;
152
136
  }
153
137
  .col-xs-12 {
154
- width: 100%;
138
+ inline-size: 100%;
155
139
  }
156
140
  .row-equal-height .col-xs-12 {
157
141
  /* stylelint-disable-next-line function-calc-no-unspaced-operator */
158
- width: calc(100% - 0.5px);
142
+ inline-size: calc(100% - 0.5px);
159
143
  }
160
144
  .col-xs-11 {
161
- width: 91.66666667%;
145
+ inline-size: 91.66666667%;
162
146
  }
163
147
  .row-equal-height .col-xs-11 {
164
148
  /* stylelint-disable-next-line function-calc-no-unspaced-operator */
165
- width: calc(91.66666667% - 0.5px);
149
+ inline-size: calc(91.66666667% - 0.5px);
166
150
  }
167
151
  .col-xs-10 {
168
- width: 83.33333333%;
152
+ inline-size: 83.33333333%;
169
153
  }
170
154
  .row-equal-height .col-xs-10 {
171
155
  /* stylelint-disable-next-line function-calc-no-unspaced-operator */
172
- width: calc(83.33333333% - 0.5px);
156
+ inline-size: calc(83.33333333% - 0.5px);
173
157
  }
174
158
  .col-xs-9 {
175
- width: 75%;
159
+ inline-size: 75%;
176
160
  }
177
161
  .row-equal-height .col-xs-9 {
178
162
  /* stylelint-disable-next-line function-calc-no-unspaced-operator */
179
- width: calc(75% - 0.5px);
163
+ inline-size: calc(75% - 0.5px);
180
164
  }
181
165
  .col-xs-8 {
182
- width: 66.66666667%;
166
+ inline-size: 66.66666667%;
183
167
  }
184
168
  .row-equal-height .col-xs-8 {
185
169
  /* stylelint-disable-next-line function-calc-no-unspaced-operator */
186
- width: calc(66.66666667% - 0.5px);
170
+ inline-size: calc(66.66666667% - 0.5px);
187
171
  }
188
172
  .col-xs-7 {
189
- width: 58.33333333%;
173
+ inline-size: 58.33333333%;
190
174
  }
191
175
  .row-equal-height .col-xs-7 {
192
176
  /* stylelint-disable-next-line function-calc-no-unspaced-operator */
193
- width: calc(58.33333333% - 0.5px);
177
+ inline-size: calc(58.33333333% - 0.5px);
194
178
  }
195
179
  .col-xs-6 {
196
- width: 50%;
180
+ inline-size: 50%;
197
181
  }
198
182
  .row-equal-height .col-xs-6 {
199
183
  /* stylelint-disable-next-line function-calc-no-unspaced-operator */
200
- width: calc(50% - 0.5px);
184
+ inline-size: calc(50% - 0.5px);
201
185
  }
202
186
  .col-xs-5 {
203
- width: 41.66666667%;
187
+ inline-size: 41.66666667%;
204
188
  }
205
189
  .row-equal-height .col-xs-5 {
206
190
  /* stylelint-disable-next-line function-calc-no-unspaced-operator */
207
- width: calc(41.66666667% - 0.5px);
191
+ inline-size: calc(41.66666667% - 0.5px);
208
192
  }
209
193
  .col-xs-4 {
210
- width: 33.33333333%;
194
+ inline-size: 33.33333333%;
211
195
  }
212
196
  .row-equal-height .col-xs-4 {
213
197
  /* stylelint-disable-next-line function-calc-no-unspaced-operator */
214
- width: calc(33.33333333% - 0.5px);
198
+ inline-size: calc(33.33333333% - 0.5px);
215
199
  }
216
200
  .col-xs-3 {
217
- width: 25%;
201
+ inline-size: 25%;
218
202
  }
219
203
  .row-equal-height .col-xs-3 {
220
204
  /* stylelint-disable-next-line function-calc-no-unspaced-operator */
221
- width: calc(25% - 0.5px);
205
+ inline-size: calc(25% - 0.5px);
222
206
  }
223
207
  .col-xs-2 {
224
- width: 16.66666667%;
208
+ inline-size: 16.66666667%;
225
209
  }
226
210
  .row-equal-height .col-xs-2 {
227
211
  /* stylelint-disable-next-line function-calc-no-unspaced-operator */
228
- width: calc(16.66666667% - 0.5px);
212
+ inline-size: calc(16.66666667% - 0.5px);
229
213
  }
230
214
  .col-xs-1 {
231
- width: 8.33333333%;
215
+ inline-size: 8.33333333%;
232
216
  }
233
217
  .row-equal-height .col-xs-1 {
234
218
  /* stylelint-disable-next-line function-calc-no-unspaced-operator */
235
- width: calc(8.33333333% - 0.5px);
219
+ inline-size: calc(8.33333333% - 0.5px);
236
220
  }
237
221
  .col-xs-pull-12 {
238
- right: 100%;
239
- }
240
- [dir="rtl"] .col-xs-pull-12 {
241
- left: 100%;
242
- right: auto;
243
- right: initial;
222
+ inset-inline-end: 100%;
244
223
  }
245
224
  .col-xs-pull-11 {
246
- right: 91.66666667%;
247
- }
248
- [dir="rtl"] .col-xs-pull-11 {
249
- left: 91.66666667%;
250
- right: auto;
251
- right: initial;
225
+ inset-inline-end: 91.66666667%;
252
226
  }
253
227
  .col-xs-pull-10 {
254
- right: 83.33333333%;
255
- }
256
- [dir="rtl"] .col-xs-pull-10 {
257
- left: 83.33333333%;
258
- right: auto;
259
- right: initial;
228
+ inset-inline-end: 83.33333333%;
260
229
  }
261
230
  .col-xs-pull-9 {
262
- right: 75%;
263
- }
264
- [dir="rtl"] .col-xs-pull-9 {
265
- left: 75%;
266
- right: auto;
267
- right: initial;
231
+ inset-inline-end: 75%;
268
232
  }
269
233
  .col-xs-pull-8 {
270
- right: 66.66666667%;
271
- }
272
- [dir="rtl"] .col-xs-pull-8 {
273
- left: 66.66666667%;
274
- right: auto;
275
- right: initial;
234
+ inset-inline-end: 66.66666667%;
276
235
  }
277
236
  .col-xs-pull-7 {
278
- right: 58.33333333%;
279
- }
280
- [dir="rtl"] .col-xs-pull-7 {
281
- left: 58.33333333%;
282
- right: auto;
283
- right: initial;
237
+ inset-inline-end: 58.33333333%;
284
238
  }
285
239
  .col-xs-pull-6 {
286
- right: 50%;
287
- }
288
- [dir="rtl"] .col-xs-pull-6 {
289
- left: 50%;
290
- right: auto;
291
- right: initial;
240
+ inset-inline-end: 50%;
292
241
  }
293
242
  .col-xs-pull-5 {
294
- right: 41.66666667%;
295
- }
296
- [dir="rtl"] .col-xs-pull-5 {
297
- left: 41.66666667%;
298
- right: auto;
299
- right: initial;
243
+ inset-inline-end: 41.66666667%;
300
244
  }
301
245
  .col-xs-pull-4 {
302
- right: 33.33333333%;
303
- }
304
- [dir="rtl"] .col-xs-pull-4 {
305
- left: 33.33333333%;
306
- right: auto;
307
- right: initial;
246
+ inset-inline-end: 33.33333333%;
308
247
  }
309
248
  .col-xs-pull-3 {
310
- right: 25%;
311
- }
312
- [dir="rtl"] .col-xs-pull-3 {
313
- left: 25%;
314
- right: auto;
315
- right: initial;
249
+ inset-inline-end: 25%;
316
250
  }
317
251
  .col-xs-pull-2 {
318
- right: 16.66666667%;
319
- }
320
- [dir="rtl"] .col-xs-pull-2 {
321
- left: 16.66666667%;
322
- right: auto;
323
- right: initial;
252
+ inset-inline-end: 16.66666667%;
324
253
  }
325
254
  .col-xs-pull-1 {
326
- right: 8.33333333%;
327
- }
328
- [dir="rtl"] .col-xs-pull-1 {
329
- left: 8.33333333%;
330
- right: auto;
331
- right: initial;
255
+ inset-inline-end: 8.33333333%;
332
256
  }
333
257
  .col-xs-pull-0 {
334
- right: auto;
335
- }
336
- [dir="rtl"] .col-xs-pull-0 {
337
- left: auto;
338
- right: auto;
339
- right: initial;
258
+ inset-inline-end: auto;
340
259
  }
341
260
  .col-xs-push-12 {
342
- left: 100%;
343
- }
344
- [dir="rtl"] .col-xs-push-12 {
345
- right: 100%;
346
- left: auto;
347
- left: initial;
261
+ inset-inline-start: 100%;
348
262
  }
349
263
  .col-xs-push-11 {
350
- left: 91.66666667%;
351
- }
352
- [dir="rtl"] .col-xs-push-11 {
353
- right: 91.66666667%;
354
- left: auto;
355
- left: initial;
264
+ inset-inline-start: 91.66666667%;
356
265
  }
357
266
  .col-xs-push-10 {
358
- left: 83.33333333%;
359
- }
360
- [dir="rtl"] .col-xs-push-10 {
361
- right: 83.33333333%;
362
- left: auto;
363
- left: initial;
267
+ inset-inline-start: 83.33333333%;
364
268
  }
365
269
  .col-xs-push-9 {
366
- left: 75%;
367
- }
368
- [dir="rtl"] .col-xs-push-9 {
369
- right: 75%;
370
- left: auto;
371
- left: initial;
270
+ inset-inline-start: 75%;
372
271
  }
373
272
  .col-xs-push-8 {
374
- left: 66.66666667%;
375
- }
376
- [dir="rtl"] .col-xs-push-8 {
377
- right: 66.66666667%;
378
- left: auto;
379
- left: initial;
273
+ inset-inline-start: 66.66666667%;
380
274
  }
381
275
  .col-xs-push-7 {
382
- left: 58.33333333%;
383
- }
384
- [dir="rtl"] .col-xs-push-7 {
385
- right: 58.33333333%;
386
- left: auto;
387
- left: initial;
276
+ inset-inline-start: 58.33333333%;
388
277
  }
389
278
  .col-xs-push-6 {
390
- left: 50%;
391
- }
392
- [dir="rtl"] .col-xs-push-6 {
393
- right: 50%;
394
- left: auto;
395
- left: initial;
279
+ inset-inline-start: 50%;
396
280
  }
397
281
  .col-xs-push-5 {
398
- left: 41.66666667%;
399
- }
400
- [dir="rtl"] .col-xs-push-5 {
401
- right: 41.66666667%;
402
- left: auto;
403
- left: initial;
282
+ inset-inline-start: 41.66666667%;
404
283
  }
405
284
  .col-xs-push-4 {
406
- left: 33.33333333%;
407
- }
408
- [dir="rtl"] .col-xs-push-4 {
409
- right: 33.33333333%;
410
- left: auto;
411
- left: initial;
285
+ inset-inline-start: 33.33333333%;
412
286
  }
413
287
  .col-xs-push-3 {
414
- left: 25%;
415
- }
416
- [dir="rtl"] .col-xs-push-3 {
417
- right: 25%;
418
- left: auto;
419
- left: initial;
288
+ inset-inline-start: 25%;
420
289
  }
421
290
  .col-xs-push-2 {
422
- left: 16.66666667%;
423
- }
424
- [dir="rtl"] .col-xs-push-2 {
425
- right: 16.66666667%;
426
- left: auto;
427
- left: initial;
291
+ inset-inline-start: 16.66666667%;
428
292
  }
429
293
  .col-xs-push-1 {
430
- left: 8.33333333%;
431
- }
432
- [dir="rtl"] .col-xs-push-1 {
433
- right: 8.33333333%;
434
- left: auto;
435
- left: initial;
294
+ inset-inline-start: 8.33333333%;
436
295
  }
437
296
  .col-xs-push-0 {
438
- left: auto;
439
- }
440
- [dir="rtl"] .col-xs-push-0 {
441
- right: auto;
442
- left: auto;
443
- left: initial;
297
+ inset-inline-start: auto;
444
298
  }
445
299
  .col-xs-offset-12 {
446
- margin-left: 100%;
447
- }
448
- [dir="rtl"] .col-xs-offset-12 {
449
- margin-right: 100%;
450
- margin-left: 0;
451
- margin-left: initial;
300
+ margin-inline-start: 100%;
452
301
  }
453
302
  .col-xs-offset-11 {
454
- margin-left: 91.66666667%;
455
- }
456
- [dir="rtl"] .col-xs-offset-11 {
457
- margin-right: 91.66666667%;
458
- margin-left: 0;
459
- margin-left: initial;
303
+ margin-inline-start: 91.66666667%;
460
304
  }
461
305
  .col-xs-offset-10 {
462
- margin-left: 83.33333333%;
463
- }
464
- [dir="rtl"] .col-xs-offset-10 {
465
- margin-right: 83.33333333%;
466
- margin-left: 0;
467
- margin-left: initial;
306
+ margin-inline-start: 83.33333333%;
468
307
  }
469
308
  .col-xs-offset-9 {
470
- margin-left: 75%;
471
- }
472
- [dir="rtl"] .col-xs-offset-9 {
473
- margin-right: 75%;
474
- margin-left: 0;
475
- margin-left: initial;
309
+ margin-inline-start: 75%;
476
310
  }
477
311
  .col-xs-offset-8 {
478
- margin-left: 66.66666667%;
479
- }
480
- [dir="rtl"] .col-xs-offset-8 {
481
- margin-right: 66.66666667%;
482
- margin-left: 0;
483
- margin-left: initial;
312
+ margin-inline-start: 66.66666667%;
484
313
  }
485
314
  .col-xs-offset-7 {
486
- margin-left: 58.33333333%;
487
- }
488
- [dir="rtl"] .col-xs-offset-7 {
489
- margin-right: 58.33333333%;
490
- margin-left: 0;
491
- margin-left: initial;
315
+ margin-inline-start: 58.33333333%;
492
316
  }
493
317
  .col-xs-offset-6 {
494
- margin-left: 50%;
495
- }
496
- [dir="rtl"] .col-xs-offset-6 {
497
- margin-right: 50%;
498
- margin-left: 0;
499
- margin-left: initial;
318
+ margin-inline-start: 50%;
500
319
  }
501
320
  .col-xs-offset-5 {
502
- margin-left: 41.66666667%;
503
- }
504
- [dir="rtl"] .col-xs-offset-5 {
505
- margin-right: 41.66666667%;
506
- margin-left: 0;
507
- margin-left: initial;
321
+ margin-inline-start: 41.66666667%;
508
322
  }
509
323
  .col-xs-offset-4 {
510
- margin-left: 33.33333333%;
511
- }
512
- [dir="rtl"] .col-xs-offset-4 {
513
- margin-right: 33.33333333%;
514
- margin-left: 0;
515
- margin-left: initial;
324
+ margin-inline-start: 33.33333333%;
516
325
  }
517
326
  .col-xs-offset-3 {
518
- margin-left: 25%;
519
- }
520
- [dir="rtl"] .col-xs-offset-3 {
521
- margin-right: 25%;
522
- margin-left: 0;
523
- margin-left: initial;
327
+ margin-inline-start: 25%;
524
328
  }
525
329
  .col-xs-offset-2 {
526
- margin-left: 16.66666667%;
527
- }
528
- [dir="rtl"] .col-xs-offset-2 {
529
- margin-right: 16.66666667%;
530
- margin-left: 0;
531
- margin-left: initial;
330
+ margin-inline-start: 16.66666667%;
532
331
  }
533
332
  .col-xs-offset-1 {
534
- margin-left: 8.33333333%;
535
- }
536
- [dir="rtl"] .col-xs-offset-1 {
537
- margin-right: 8.33333333%;
538
- margin-left: 0;
539
- margin-left: initial;
333
+ margin-inline-start: 8.33333333%;
540
334
  }
541
335
  .col-xs-offset-0 {
542
- margin-left: 0%;
543
- }
544
- [dir="rtl"] .col-xs-offset-0 {
545
- margin-right: 0%;
546
- margin-left: 0;
547
- margin-left: initial;
336
+ margin-inline-start: 0%;
548
337
  }
549
338
  @media (min-width: 600px) {
550
339
  .col-sm-1,
@@ -559,417 +348,208 @@
559
348
  .col-sm-10,
560
349
  .col-sm-11,
561
350
  .col-sm-12 {
562
- float: left;
563
- }
564
- [dir="rtl"] .col-sm-1,
565
- [dir="rtl"] .col-sm-2,
566
- [dir="rtl"] .col-sm-3,
567
- [dir="rtl"] .col-sm-4,
568
- [dir="rtl"] .col-sm-5,
569
- [dir="rtl"] .col-sm-6,
570
- [dir="rtl"] .col-sm-7,
571
- [dir="rtl"] .col-sm-8,
572
- [dir="rtl"] .col-sm-9,
573
- [dir="rtl"] .col-sm-10,
574
- [dir="rtl"] .col-sm-11,
575
- [dir="rtl"] .col-sm-12 {
576
- float: right;
351
+ float: inline-start;
577
352
  }
578
353
  .col-sm-12 {
579
- width: 100%;
354
+ inline-size: 100%;
580
355
  }
581
356
  .row-equal-height .col-sm-12 {
582
357
  /* stylelint-disable-next-line function-calc-no-unspaced-operator */
583
- width: calc(100% - 0.5px);
358
+ inline-size: calc(100% - 0.5px);
584
359
  }
585
360
  .col-sm-11 {
586
- width: 91.66666667%;
361
+ inline-size: 91.66666667%;
587
362
  }
588
363
  .row-equal-height .col-sm-11 {
589
364
  /* stylelint-disable-next-line function-calc-no-unspaced-operator */
590
- width: calc(91.66666667% - 0.5px);
365
+ inline-size: calc(91.66666667% - 0.5px);
591
366
  }
592
367
  .col-sm-10 {
593
- width: 83.33333333%;
368
+ inline-size: 83.33333333%;
594
369
  }
595
370
  .row-equal-height .col-sm-10 {
596
371
  /* stylelint-disable-next-line function-calc-no-unspaced-operator */
597
- width: calc(83.33333333% - 0.5px);
372
+ inline-size: calc(83.33333333% - 0.5px);
598
373
  }
599
374
  .col-sm-9 {
600
- width: 75%;
375
+ inline-size: 75%;
601
376
  }
602
377
  .row-equal-height .col-sm-9 {
603
378
  /* stylelint-disable-next-line function-calc-no-unspaced-operator */
604
- width: calc(75% - 0.5px);
379
+ inline-size: calc(75% - 0.5px);
605
380
  }
606
381
  .col-sm-8 {
607
- width: 66.66666667%;
382
+ inline-size: 66.66666667%;
608
383
  }
609
384
  .row-equal-height .col-sm-8 {
610
385
  /* stylelint-disable-next-line function-calc-no-unspaced-operator */
611
- width: calc(66.66666667% - 0.5px);
386
+ inline-size: calc(66.66666667% - 0.5px);
612
387
  }
613
388
  .col-sm-7 {
614
- width: 58.33333333%;
389
+ inline-size: 58.33333333%;
615
390
  }
616
391
  .row-equal-height .col-sm-7 {
617
392
  /* stylelint-disable-next-line function-calc-no-unspaced-operator */
618
- width: calc(58.33333333% - 0.5px);
393
+ inline-size: calc(58.33333333% - 0.5px);
619
394
  }
620
395
  .col-sm-6 {
621
- width: 50%;
396
+ inline-size: 50%;
622
397
  }
623
398
  .row-equal-height .col-sm-6 {
624
399
  /* stylelint-disable-next-line function-calc-no-unspaced-operator */
625
- width: calc(50% - 0.5px);
400
+ inline-size: calc(50% - 0.5px);
626
401
  }
627
402
  .col-sm-5 {
628
- width: 41.66666667%;
403
+ inline-size: 41.66666667%;
629
404
  }
630
405
  .row-equal-height .col-sm-5 {
631
406
  /* stylelint-disable-next-line function-calc-no-unspaced-operator */
632
- width: calc(41.66666667% - 0.5px);
407
+ inline-size: calc(41.66666667% - 0.5px);
633
408
  }
634
409
  .col-sm-4 {
635
- width: 33.33333333%;
410
+ inline-size: 33.33333333%;
636
411
  }
637
412
  .row-equal-height .col-sm-4 {
638
413
  /* stylelint-disable-next-line function-calc-no-unspaced-operator */
639
- width: calc(33.33333333% - 0.5px);
414
+ inline-size: calc(33.33333333% - 0.5px);
640
415
  }
641
416
  .col-sm-3 {
642
- width: 25%;
417
+ inline-size: 25%;
643
418
  }
644
419
  .row-equal-height .col-sm-3 {
645
420
  /* stylelint-disable-next-line function-calc-no-unspaced-operator */
646
- width: calc(25% - 0.5px);
421
+ inline-size: calc(25% - 0.5px);
647
422
  }
648
423
  .col-sm-2 {
649
- width: 16.66666667%;
424
+ inline-size: 16.66666667%;
650
425
  }
651
426
  .row-equal-height .col-sm-2 {
652
427
  /* stylelint-disable-next-line function-calc-no-unspaced-operator */
653
- width: calc(16.66666667% - 0.5px);
428
+ inline-size: calc(16.66666667% - 0.5px);
654
429
  }
655
430
  .col-sm-1 {
656
- width: 8.33333333%;
431
+ inline-size: 8.33333333%;
657
432
  }
658
433
  .row-equal-height .col-sm-1 {
659
434
  /* stylelint-disable-next-line function-calc-no-unspaced-operator */
660
- width: calc(8.33333333% - 0.5px);
435
+ inline-size: calc(8.33333333% - 0.5px);
661
436
  }
662
437
  .col-sm-pull-12 {
663
- right: 100%;
664
- }
665
- [dir="rtl"] .col-sm-pull-12 {
666
- left: 100%;
667
- right: auto;
668
- right: initial;
438
+ inset-inline-end: 100%;
669
439
  }
670
440
  .col-sm-pull-11 {
671
- right: 91.66666667%;
672
- }
673
- [dir="rtl"] .col-sm-pull-11 {
674
- left: 91.66666667%;
675
- right: auto;
676
- right: initial;
441
+ inset-inline-end: 91.66666667%;
677
442
  }
678
443
  .col-sm-pull-10 {
679
- right: 83.33333333%;
680
- }
681
- [dir="rtl"] .col-sm-pull-10 {
682
- left: 83.33333333%;
683
- right: auto;
684
- right: initial;
444
+ inset-inline-end: 83.33333333%;
685
445
  }
686
446
  .col-sm-pull-9 {
687
- right: 75%;
688
- }
689
- [dir="rtl"] .col-sm-pull-9 {
690
- left: 75%;
691
- right: auto;
692
- right: initial;
447
+ inset-inline-end: 75%;
693
448
  }
694
449
  .col-sm-pull-8 {
695
- right: 66.66666667%;
696
- }
697
- [dir="rtl"] .col-sm-pull-8 {
698
- left: 66.66666667%;
699
- right: auto;
700
- right: initial;
450
+ inset-inline-end: 66.66666667%;
701
451
  }
702
452
  .col-sm-pull-7 {
703
- right: 58.33333333%;
704
- }
705
- [dir="rtl"] .col-sm-pull-7 {
706
- left: 58.33333333%;
707
- right: auto;
708
- right: initial;
453
+ inset-inline-end: 58.33333333%;
709
454
  }
710
455
  .col-sm-pull-6 {
711
- right: 50%;
712
- }
713
- [dir="rtl"] .col-sm-pull-6 {
714
- left: 50%;
715
- right: auto;
716
- right: initial;
456
+ inset-inline-end: 50%;
717
457
  }
718
458
  .col-sm-pull-5 {
719
- right: 41.66666667%;
720
- }
721
- [dir="rtl"] .col-sm-pull-5 {
722
- left: 41.66666667%;
723
- right: auto;
724
- right: initial;
459
+ inset-inline-end: 41.66666667%;
725
460
  }
726
461
  .col-sm-pull-4 {
727
- right: 33.33333333%;
728
- }
729
- [dir="rtl"] .col-sm-pull-4 {
730
- left: 33.33333333%;
731
- right: auto;
732
- right: initial;
462
+ inset-inline-end: 33.33333333%;
733
463
  }
734
464
  .col-sm-pull-3 {
735
- right: 25%;
736
- }
737
- [dir="rtl"] .col-sm-pull-3 {
738
- left: 25%;
739
- right: auto;
740
- right: initial;
465
+ inset-inline-end: 25%;
741
466
  }
742
467
  .col-sm-pull-2 {
743
- right: 16.66666667%;
744
- }
745
- [dir="rtl"] .col-sm-pull-2 {
746
- left: 16.66666667%;
747
- right: auto;
748
- right: initial;
468
+ inset-inline-end: 16.66666667%;
749
469
  }
750
470
  .col-sm-pull-1 {
751
- right: 8.33333333%;
752
- }
753
- [dir="rtl"] .col-sm-pull-1 {
754
- left: 8.33333333%;
755
- right: auto;
756
- right: initial;
471
+ inset-inline-end: 8.33333333%;
757
472
  }
758
473
  .col-sm-pull-0 {
759
- right: auto;
760
- }
761
- [dir="rtl"] .col-sm-pull-0 {
762
- left: auto;
763
- right: auto;
764
- right: initial;
474
+ inset-inline-end: auto;
765
475
  }
766
476
  .col-sm-push-12 {
767
- left: 100%;
768
- }
769
- [dir="rtl"] .col-sm-push-12 {
770
- right: 100%;
771
- left: auto;
772
- left: initial;
477
+ inset-inline-start: 100%;
773
478
  }
774
479
  .col-sm-push-11 {
775
- left: 91.66666667%;
776
- }
777
- [dir="rtl"] .col-sm-push-11 {
778
- right: 91.66666667%;
779
- left: auto;
780
- left: initial;
480
+ inset-inline-start: 91.66666667%;
781
481
  }
782
482
  .col-sm-push-10 {
783
- left: 83.33333333%;
784
- }
785
- [dir="rtl"] .col-sm-push-10 {
786
- right: 83.33333333%;
787
- left: auto;
788
- left: initial;
483
+ inset-inline-start: 83.33333333%;
789
484
  }
790
485
  .col-sm-push-9 {
791
- left: 75%;
792
- }
793
- [dir="rtl"] .col-sm-push-9 {
794
- right: 75%;
795
- left: auto;
796
- left: initial;
486
+ inset-inline-start: 75%;
797
487
  }
798
488
  .col-sm-push-8 {
799
- left: 66.66666667%;
800
- }
801
- [dir="rtl"] .col-sm-push-8 {
802
- right: 66.66666667%;
803
- left: auto;
804
- left: initial;
489
+ inset-inline-start: 66.66666667%;
805
490
  }
806
491
  .col-sm-push-7 {
807
- left: 58.33333333%;
808
- }
809
- [dir="rtl"] .col-sm-push-7 {
810
- right: 58.33333333%;
811
- left: auto;
812
- left: initial;
492
+ inset-inline-start: 58.33333333%;
813
493
  }
814
494
  .col-sm-push-6 {
815
- left: 50%;
816
- }
817
- [dir="rtl"] .col-sm-push-6 {
818
- right: 50%;
819
- left: auto;
820
- left: initial;
495
+ inset-inline-start: 50%;
821
496
  }
822
497
  .col-sm-push-5 {
823
- left: 41.66666667%;
824
- }
825
- [dir="rtl"] .col-sm-push-5 {
826
- right: 41.66666667%;
827
- left: auto;
828
- left: initial;
498
+ inset-inline-start: 41.66666667%;
829
499
  }
830
500
  .col-sm-push-4 {
831
- left: 33.33333333%;
832
- }
833
- [dir="rtl"] .col-sm-push-4 {
834
- right: 33.33333333%;
835
- left: auto;
836
- left: initial;
501
+ inset-inline-start: 33.33333333%;
837
502
  }
838
503
  .col-sm-push-3 {
839
- left: 25%;
840
- }
841
- [dir="rtl"] .col-sm-push-3 {
842
- right: 25%;
843
- left: auto;
844
- left: initial;
504
+ inset-inline-start: 25%;
845
505
  }
846
506
  .col-sm-push-2 {
847
- left: 16.66666667%;
848
- }
849
- [dir="rtl"] .col-sm-push-2 {
850
- right: 16.66666667%;
851
- left: auto;
852
- left: initial;
507
+ inset-inline-start: 16.66666667%;
853
508
  }
854
509
  .col-sm-push-1 {
855
- left: 8.33333333%;
856
- }
857
- [dir="rtl"] .col-sm-push-1 {
858
- right: 8.33333333%;
859
- left: auto;
860
- left: initial;
510
+ inset-inline-start: 8.33333333%;
861
511
  }
862
512
  .col-sm-push-0 {
863
- left: auto;
864
- }
865
- [dir="rtl"] .col-sm-push-0 {
866
- right: auto;
867
- left: auto;
868
- left: initial;
513
+ inset-inline-start: auto;
869
514
  }
870
515
  .col-sm-offset-12 {
871
- margin-left: 100%;
872
- }
873
- [dir="rtl"] .col-sm-offset-12 {
874
- margin-right: 100%;
875
- margin-left: 0;
876
- margin-left: initial;
516
+ margin-inline-start: 100%;
877
517
  }
878
518
  .col-sm-offset-11 {
879
- margin-left: 91.66666667%;
880
- }
881
- [dir="rtl"] .col-sm-offset-11 {
882
- margin-right: 91.66666667%;
883
- margin-left: 0;
884
- margin-left: initial;
519
+ margin-inline-start: 91.66666667%;
885
520
  }
886
521
  .col-sm-offset-10 {
887
- margin-left: 83.33333333%;
888
- }
889
- [dir="rtl"] .col-sm-offset-10 {
890
- margin-right: 83.33333333%;
891
- margin-left: 0;
892
- margin-left: initial;
522
+ margin-inline-start: 83.33333333%;
893
523
  }
894
524
  .col-sm-offset-9 {
895
- margin-left: 75%;
896
- }
897
- [dir="rtl"] .col-sm-offset-9 {
898
- margin-right: 75%;
899
- margin-left: 0;
900
- margin-left: initial;
525
+ margin-inline-start: 75%;
901
526
  }
902
527
  .col-sm-offset-8 {
903
- margin-left: 66.66666667%;
904
- }
905
- [dir="rtl"] .col-sm-offset-8 {
906
- margin-right: 66.66666667%;
907
- margin-left: 0;
908
- margin-left: initial;
528
+ margin-inline-start: 66.66666667%;
909
529
  }
910
530
  .col-sm-offset-7 {
911
- margin-left: 58.33333333%;
912
- }
913
- [dir="rtl"] .col-sm-offset-7 {
914
- margin-right: 58.33333333%;
915
- margin-left: 0;
916
- margin-left: initial;
531
+ margin-inline-start: 58.33333333%;
917
532
  }
918
533
  .col-sm-offset-6 {
919
- margin-left: 50%;
920
- }
921
- [dir="rtl"] .col-sm-offset-6 {
922
- margin-right: 50%;
923
- margin-left: 0;
924
- margin-left: initial;
534
+ margin-inline-start: 50%;
925
535
  }
926
536
  .col-sm-offset-5 {
927
- margin-left: 41.66666667%;
928
- }
929
- [dir="rtl"] .col-sm-offset-5 {
930
- margin-right: 41.66666667%;
931
- margin-left: 0;
932
- margin-left: initial;
537
+ margin-inline-start: 41.66666667%;
933
538
  }
934
539
  .col-sm-offset-4 {
935
- margin-left: 33.33333333%;
936
- }
937
- [dir="rtl"] .col-sm-offset-4 {
938
- margin-right: 33.33333333%;
939
- margin-left: 0;
940
- margin-left: initial;
540
+ margin-inline-start: 33.33333333%;
941
541
  }
942
542
  .col-sm-offset-3 {
943
- margin-left: 25%;
944
- }
945
- [dir="rtl"] .col-sm-offset-3 {
946
- margin-right: 25%;
947
- margin-left: 0;
948
- margin-left: initial;
543
+ margin-inline-start: 25%;
949
544
  }
950
545
  .col-sm-offset-2 {
951
- margin-left: 16.66666667%;
952
- }
953
- [dir="rtl"] .col-sm-offset-2 {
954
- margin-right: 16.66666667%;
955
- margin-left: 0;
956
- margin-left: initial;
546
+ margin-inline-start: 16.66666667%;
957
547
  }
958
548
  .col-sm-offset-1 {
959
- margin-left: 8.33333333%;
960
- }
961
- [dir="rtl"] .col-sm-offset-1 {
962
- margin-right: 8.33333333%;
963
- margin-left: 0;
964
- margin-left: initial;
549
+ margin-inline-start: 8.33333333%;
965
550
  }
966
551
  .col-sm-offset-0 {
967
- margin-left: 0%;
968
- }
969
- [dir="rtl"] .col-sm-offset-0 {
970
- margin-right: 0%;
971
- margin-left: 0;
972
- margin-left: initial;
552
+ margin-inline-start: 0%;
973
553
  }
974
554
  }
975
555
  @media (min-width: 840px) {
@@ -985,417 +565,208 @@
985
565
  .col-md-10,
986
566
  .col-md-11,
987
567
  .col-md-12 {
988
- float: left;
989
- }
990
- [dir="rtl"] .col-md-1,
991
- [dir="rtl"] .col-md-2,
992
- [dir="rtl"] .col-md-3,
993
- [dir="rtl"] .col-md-4,
994
- [dir="rtl"] .col-md-5,
995
- [dir="rtl"] .col-md-6,
996
- [dir="rtl"] .col-md-7,
997
- [dir="rtl"] .col-md-8,
998
- [dir="rtl"] .col-md-9,
999
- [dir="rtl"] .col-md-10,
1000
- [dir="rtl"] .col-md-11,
1001
- [dir="rtl"] .col-md-12 {
1002
- float: right;
568
+ float: inline-start;
1003
569
  }
1004
570
  .col-md-12 {
1005
- width: 100%;
571
+ inline-size: 100%;
1006
572
  }
1007
573
  .row-equal-height .col-md-12 {
1008
574
  /* stylelint-disable-next-line function-calc-no-unspaced-operator */
1009
- width: calc(100% - 0.5px);
575
+ inline-size: calc(100% - 0.5px);
1010
576
  }
1011
577
  .col-md-11 {
1012
- width: 91.66666667%;
578
+ inline-size: 91.66666667%;
1013
579
  }
1014
580
  .row-equal-height .col-md-11 {
1015
581
  /* stylelint-disable-next-line function-calc-no-unspaced-operator */
1016
- width: calc(91.66666667% - 0.5px);
582
+ inline-size: calc(91.66666667% - 0.5px);
1017
583
  }
1018
584
  .col-md-10 {
1019
- width: 83.33333333%;
585
+ inline-size: 83.33333333%;
1020
586
  }
1021
587
  .row-equal-height .col-md-10 {
1022
588
  /* stylelint-disable-next-line function-calc-no-unspaced-operator */
1023
- width: calc(83.33333333% - 0.5px);
589
+ inline-size: calc(83.33333333% - 0.5px);
1024
590
  }
1025
591
  .col-md-9 {
1026
- width: 75%;
592
+ inline-size: 75%;
1027
593
  }
1028
594
  .row-equal-height .col-md-9 {
1029
595
  /* stylelint-disable-next-line function-calc-no-unspaced-operator */
1030
- width: calc(75% - 0.5px);
596
+ inline-size: calc(75% - 0.5px);
1031
597
  }
1032
598
  .col-md-8 {
1033
- width: 66.66666667%;
599
+ inline-size: 66.66666667%;
1034
600
  }
1035
601
  .row-equal-height .col-md-8 {
1036
602
  /* stylelint-disable-next-line function-calc-no-unspaced-operator */
1037
- width: calc(66.66666667% - 0.5px);
603
+ inline-size: calc(66.66666667% - 0.5px);
1038
604
  }
1039
605
  .col-md-7 {
1040
- width: 58.33333333%;
606
+ inline-size: 58.33333333%;
1041
607
  }
1042
608
  .row-equal-height .col-md-7 {
1043
609
  /* stylelint-disable-next-line function-calc-no-unspaced-operator */
1044
- width: calc(58.33333333% - 0.5px);
610
+ inline-size: calc(58.33333333% - 0.5px);
1045
611
  }
1046
612
  .col-md-6 {
1047
- width: 50%;
613
+ inline-size: 50%;
1048
614
  }
1049
615
  .row-equal-height .col-md-6 {
1050
616
  /* stylelint-disable-next-line function-calc-no-unspaced-operator */
1051
- width: calc(50% - 0.5px);
617
+ inline-size: calc(50% - 0.5px);
1052
618
  }
1053
619
  .col-md-5 {
1054
- width: 41.66666667%;
620
+ inline-size: 41.66666667%;
1055
621
  }
1056
622
  .row-equal-height .col-md-5 {
1057
623
  /* stylelint-disable-next-line function-calc-no-unspaced-operator */
1058
- width: calc(41.66666667% - 0.5px);
624
+ inline-size: calc(41.66666667% - 0.5px);
1059
625
  }
1060
626
  .col-md-4 {
1061
- width: 33.33333333%;
627
+ inline-size: 33.33333333%;
1062
628
  }
1063
629
  .row-equal-height .col-md-4 {
1064
630
  /* stylelint-disable-next-line function-calc-no-unspaced-operator */
1065
- width: calc(33.33333333% - 0.5px);
631
+ inline-size: calc(33.33333333% - 0.5px);
1066
632
  }
1067
633
  .col-md-3 {
1068
- width: 25%;
634
+ inline-size: 25%;
1069
635
  }
1070
636
  .row-equal-height .col-md-3 {
1071
637
  /* stylelint-disable-next-line function-calc-no-unspaced-operator */
1072
- width: calc(25% - 0.5px);
638
+ inline-size: calc(25% - 0.5px);
1073
639
  }
1074
640
  .col-md-2 {
1075
- width: 16.66666667%;
641
+ inline-size: 16.66666667%;
1076
642
  }
1077
643
  .row-equal-height .col-md-2 {
1078
644
  /* stylelint-disable-next-line function-calc-no-unspaced-operator */
1079
- width: calc(16.66666667% - 0.5px);
645
+ inline-size: calc(16.66666667% - 0.5px);
1080
646
  }
1081
647
  .col-md-1 {
1082
- width: 8.33333333%;
648
+ inline-size: 8.33333333%;
1083
649
  }
1084
650
  .row-equal-height .col-md-1 {
1085
651
  /* stylelint-disable-next-line function-calc-no-unspaced-operator */
1086
- width: calc(8.33333333% - 0.5px);
652
+ inline-size: calc(8.33333333% - 0.5px);
1087
653
  }
1088
654
  .col-md-pull-12 {
1089
- right: 100%;
1090
- }
1091
- [dir="rtl"] .col-md-pull-12 {
1092
- left: 100%;
1093
- right: auto;
1094
- right: initial;
655
+ inset-inline-end: 100%;
1095
656
  }
1096
657
  .col-md-pull-11 {
1097
- right: 91.66666667%;
1098
- }
1099
- [dir="rtl"] .col-md-pull-11 {
1100
- left: 91.66666667%;
1101
- right: auto;
1102
- right: initial;
658
+ inset-inline-end: 91.66666667%;
1103
659
  }
1104
660
  .col-md-pull-10 {
1105
- right: 83.33333333%;
1106
- }
1107
- [dir="rtl"] .col-md-pull-10 {
1108
- left: 83.33333333%;
1109
- right: auto;
1110
- right: initial;
661
+ inset-inline-end: 83.33333333%;
1111
662
  }
1112
663
  .col-md-pull-9 {
1113
- right: 75%;
1114
- }
1115
- [dir="rtl"] .col-md-pull-9 {
1116
- left: 75%;
1117
- right: auto;
1118
- right: initial;
664
+ inset-inline-end: 75%;
1119
665
  }
1120
666
  .col-md-pull-8 {
1121
- right: 66.66666667%;
1122
- }
1123
- [dir="rtl"] .col-md-pull-8 {
1124
- left: 66.66666667%;
1125
- right: auto;
1126
- right: initial;
667
+ inset-inline-end: 66.66666667%;
1127
668
  }
1128
669
  .col-md-pull-7 {
1129
- right: 58.33333333%;
1130
- }
1131
- [dir="rtl"] .col-md-pull-7 {
1132
- left: 58.33333333%;
1133
- right: auto;
1134
- right: initial;
670
+ inset-inline-end: 58.33333333%;
1135
671
  }
1136
672
  .col-md-pull-6 {
1137
- right: 50%;
1138
- }
1139
- [dir="rtl"] .col-md-pull-6 {
1140
- left: 50%;
1141
- right: auto;
1142
- right: initial;
673
+ inset-inline-end: 50%;
1143
674
  }
1144
675
  .col-md-pull-5 {
1145
- right: 41.66666667%;
1146
- }
1147
- [dir="rtl"] .col-md-pull-5 {
1148
- left: 41.66666667%;
1149
- right: auto;
1150
- right: initial;
676
+ inset-inline-end: 41.66666667%;
1151
677
  }
1152
678
  .col-md-pull-4 {
1153
- right: 33.33333333%;
1154
- }
1155
- [dir="rtl"] .col-md-pull-4 {
1156
- left: 33.33333333%;
1157
- right: auto;
1158
- right: initial;
679
+ inset-inline-end: 33.33333333%;
1159
680
  }
1160
681
  .col-md-pull-3 {
1161
- right: 25%;
1162
- }
1163
- [dir="rtl"] .col-md-pull-3 {
1164
- left: 25%;
1165
- right: auto;
1166
- right: initial;
682
+ inset-inline-end: 25%;
1167
683
  }
1168
684
  .col-md-pull-2 {
1169
- right: 16.66666667%;
1170
- }
1171
- [dir="rtl"] .col-md-pull-2 {
1172
- left: 16.66666667%;
1173
- right: auto;
1174
- right: initial;
685
+ inset-inline-end: 16.66666667%;
1175
686
  }
1176
687
  .col-md-pull-1 {
1177
- right: 8.33333333%;
1178
- }
1179
- [dir="rtl"] .col-md-pull-1 {
1180
- left: 8.33333333%;
1181
- right: auto;
1182
- right: initial;
688
+ inset-inline-end: 8.33333333%;
1183
689
  }
1184
690
  .col-md-pull-0 {
1185
- right: auto;
1186
- }
1187
- [dir="rtl"] .col-md-pull-0 {
1188
- left: auto;
1189
- right: auto;
1190
- right: initial;
691
+ inset-inline-end: auto;
1191
692
  }
1192
693
  .col-md-push-12 {
1193
- left: 100%;
1194
- }
1195
- [dir="rtl"] .col-md-push-12 {
1196
- right: 100%;
1197
- left: auto;
1198
- left: initial;
694
+ inset-inline-start: 100%;
1199
695
  }
1200
696
  .col-md-push-11 {
1201
- left: 91.66666667%;
1202
- }
1203
- [dir="rtl"] .col-md-push-11 {
1204
- right: 91.66666667%;
1205
- left: auto;
1206
- left: initial;
697
+ inset-inline-start: 91.66666667%;
1207
698
  }
1208
699
  .col-md-push-10 {
1209
- left: 83.33333333%;
1210
- }
1211
- [dir="rtl"] .col-md-push-10 {
1212
- right: 83.33333333%;
1213
- left: auto;
1214
- left: initial;
700
+ inset-inline-start: 83.33333333%;
1215
701
  }
1216
702
  .col-md-push-9 {
1217
- left: 75%;
1218
- }
1219
- [dir="rtl"] .col-md-push-9 {
1220
- right: 75%;
1221
- left: auto;
1222
- left: initial;
703
+ inset-inline-start: 75%;
1223
704
  }
1224
705
  .col-md-push-8 {
1225
- left: 66.66666667%;
1226
- }
1227
- [dir="rtl"] .col-md-push-8 {
1228
- right: 66.66666667%;
1229
- left: auto;
1230
- left: initial;
706
+ inset-inline-start: 66.66666667%;
1231
707
  }
1232
708
  .col-md-push-7 {
1233
- left: 58.33333333%;
1234
- }
1235
- [dir="rtl"] .col-md-push-7 {
1236
- right: 58.33333333%;
1237
- left: auto;
1238
- left: initial;
709
+ inset-inline-start: 58.33333333%;
1239
710
  }
1240
711
  .col-md-push-6 {
1241
- left: 50%;
1242
- }
1243
- [dir="rtl"] .col-md-push-6 {
1244
- right: 50%;
1245
- left: auto;
1246
- left: initial;
712
+ inset-inline-start: 50%;
1247
713
  }
1248
714
  .col-md-push-5 {
1249
- left: 41.66666667%;
1250
- }
1251
- [dir="rtl"] .col-md-push-5 {
1252
- right: 41.66666667%;
1253
- left: auto;
1254
- left: initial;
715
+ inset-inline-start: 41.66666667%;
1255
716
  }
1256
717
  .col-md-push-4 {
1257
- left: 33.33333333%;
1258
- }
1259
- [dir="rtl"] .col-md-push-4 {
1260
- right: 33.33333333%;
1261
- left: auto;
1262
- left: initial;
718
+ inset-inline-start: 33.33333333%;
1263
719
  }
1264
720
  .col-md-push-3 {
1265
- left: 25%;
1266
- }
1267
- [dir="rtl"] .col-md-push-3 {
1268
- right: 25%;
1269
- left: auto;
1270
- left: initial;
721
+ inset-inline-start: 25%;
1271
722
  }
1272
723
  .col-md-push-2 {
1273
- left: 16.66666667%;
1274
- }
1275
- [dir="rtl"] .col-md-push-2 {
1276
- right: 16.66666667%;
1277
- left: auto;
1278
- left: initial;
724
+ inset-inline-start: 16.66666667%;
1279
725
  }
1280
726
  .col-md-push-1 {
1281
- left: 8.33333333%;
1282
- }
1283
- [dir="rtl"] .col-md-push-1 {
1284
- right: 8.33333333%;
1285
- left: auto;
1286
- left: initial;
727
+ inset-inline-start: 8.33333333%;
1287
728
  }
1288
729
  .col-md-push-0 {
1289
- left: auto;
1290
- }
1291
- [dir="rtl"] .col-md-push-0 {
1292
- right: auto;
1293
- left: auto;
1294
- left: initial;
730
+ inset-inline-start: auto;
1295
731
  }
1296
732
  .col-md-offset-12 {
1297
- margin-left: 100%;
1298
- }
1299
- [dir="rtl"] .col-md-offset-12 {
1300
- margin-right: 100%;
1301
- margin-left: 0;
1302
- margin-left: initial;
733
+ margin-inline-start: 100%;
1303
734
  }
1304
735
  .col-md-offset-11 {
1305
- margin-left: 91.66666667%;
1306
- }
1307
- [dir="rtl"] .col-md-offset-11 {
1308
- margin-right: 91.66666667%;
1309
- margin-left: 0;
1310
- margin-left: initial;
736
+ margin-inline-start: 91.66666667%;
1311
737
  }
1312
738
  .col-md-offset-10 {
1313
- margin-left: 83.33333333%;
1314
- }
1315
- [dir="rtl"] .col-md-offset-10 {
1316
- margin-right: 83.33333333%;
1317
- margin-left: 0;
1318
- margin-left: initial;
739
+ margin-inline-start: 83.33333333%;
1319
740
  }
1320
741
  .col-md-offset-9 {
1321
- margin-left: 75%;
1322
- }
1323
- [dir="rtl"] .col-md-offset-9 {
1324
- margin-right: 75%;
1325
- margin-left: 0;
1326
- margin-left: initial;
742
+ margin-inline-start: 75%;
1327
743
  }
1328
744
  .col-md-offset-8 {
1329
- margin-left: 66.66666667%;
1330
- }
1331
- [dir="rtl"] .col-md-offset-8 {
1332
- margin-right: 66.66666667%;
1333
- margin-left: 0;
1334
- margin-left: initial;
745
+ margin-inline-start: 66.66666667%;
1335
746
  }
1336
747
  .col-md-offset-7 {
1337
- margin-left: 58.33333333%;
1338
- }
1339
- [dir="rtl"] .col-md-offset-7 {
1340
- margin-right: 58.33333333%;
1341
- margin-left: 0;
1342
- margin-left: initial;
748
+ margin-inline-start: 58.33333333%;
1343
749
  }
1344
750
  .col-md-offset-6 {
1345
- margin-left: 50%;
1346
- }
1347
- [dir="rtl"] .col-md-offset-6 {
1348
- margin-right: 50%;
1349
- margin-left: 0;
1350
- margin-left: initial;
751
+ margin-inline-start: 50%;
1351
752
  }
1352
753
  .col-md-offset-5 {
1353
- margin-left: 41.66666667%;
1354
- }
1355
- [dir="rtl"] .col-md-offset-5 {
1356
- margin-right: 41.66666667%;
1357
- margin-left: 0;
1358
- margin-left: initial;
754
+ margin-inline-start: 41.66666667%;
1359
755
  }
1360
756
  .col-md-offset-4 {
1361
- margin-left: 33.33333333%;
1362
- }
1363
- [dir="rtl"] .col-md-offset-4 {
1364
- margin-right: 33.33333333%;
1365
- margin-left: 0;
1366
- margin-left: initial;
757
+ margin-inline-start: 33.33333333%;
1367
758
  }
1368
759
  .col-md-offset-3 {
1369
- margin-left: 25%;
1370
- }
1371
- [dir="rtl"] .col-md-offset-3 {
1372
- margin-right: 25%;
1373
- margin-left: 0;
1374
- margin-left: initial;
760
+ margin-inline-start: 25%;
1375
761
  }
1376
762
  .col-md-offset-2 {
1377
- margin-left: 16.66666667%;
1378
- }
1379
- [dir="rtl"] .col-md-offset-2 {
1380
- margin-right: 16.66666667%;
1381
- margin-left: 0;
1382
- margin-left: initial;
763
+ margin-inline-start: 16.66666667%;
1383
764
  }
1384
765
  .col-md-offset-1 {
1385
- margin-left: 8.33333333%;
1386
- }
1387
- [dir="rtl"] .col-md-offset-1 {
1388
- margin-right: 8.33333333%;
1389
- margin-left: 0;
1390
- margin-left: initial;
766
+ margin-inline-start: 8.33333333%;
1391
767
  }
1392
768
  .col-md-offset-0 {
1393
- margin-left: 0%;
1394
- }
1395
- [dir="rtl"] .col-md-offset-0 {
1396
- margin-right: 0%;
1397
- margin-left: 0;
1398
- margin-left: initial;
769
+ margin-inline-start: 0%;
1399
770
  }
1400
771
  }
1401
772
  @media (min-width: 1160px) {
@@ -1411,417 +782,208 @@
1411
782
  .col-lg-10,
1412
783
  .col-lg-11,
1413
784
  .col-lg-12 {
1414
- float: left;
1415
- }
1416
- [dir="rtl"] .col-lg-1,
1417
- [dir="rtl"] .col-lg-2,
1418
- [dir="rtl"] .col-lg-3,
1419
- [dir="rtl"] .col-lg-4,
1420
- [dir="rtl"] .col-lg-5,
1421
- [dir="rtl"] .col-lg-6,
1422
- [dir="rtl"] .col-lg-7,
1423
- [dir="rtl"] .col-lg-8,
1424
- [dir="rtl"] .col-lg-9,
1425
- [dir="rtl"] .col-lg-10,
1426
- [dir="rtl"] .col-lg-11,
1427
- [dir="rtl"] .col-lg-12 {
1428
- float: right;
785
+ float: inline-start;
1429
786
  }
1430
787
  .col-lg-12 {
1431
- width: 100%;
788
+ inline-size: 100%;
1432
789
  }
1433
790
  .row-equal-height .col-lg-12 {
1434
791
  /* stylelint-disable-next-line function-calc-no-unspaced-operator */
1435
- width: calc(100% - 0.5px);
792
+ inline-size: calc(100% - 0.5px);
1436
793
  }
1437
794
  .col-lg-11 {
1438
- width: 91.66666667%;
795
+ inline-size: 91.66666667%;
1439
796
  }
1440
797
  .row-equal-height .col-lg-11 {
1441
798
  /* stylelint-disable-next-line function-calc-no-unspaced-operator */
1442
- width: calc(91.66666667% - 0.5px);
799
+ inline-size: calc(91.66666667% - 0.5px);
1443
800
  }
1444
801
  .col-lg-10 {
1445
- width: 83.33333333%;
802
+ inline-size: 83.33333333%;
1446
803
  }
1447
804
  .row-equal-height .col-lg-10 {
1448
805
  /* stylelint-disable-next-line function-calc-no-unspaced-operator */
1449
- width: calc(83.33333333% - 0.5px);
806
+ inline-size: calc(83.33333333% - 0.5px);
1450
807
  }
1451
808
  .col-lg-9 {
1452
- width: 75%;
809
+ inline-size: 75%;
1453
810
  }
1454
811
  .row-equal-height .col-lg-9 {
1455
812
  /* stylelint-disable-next-line function-calc-no-unspaced-operator */
1456
- width: calc(75% - 0.5px);
813
+ inline-size: calc(75% - 0.5px);
1457
814
  }
1458
815
  .col-lg-8 {
1459
- width: 66.66666667%;
816
+ inline-size: 66.66666667%;
1460
817
  }
1461
818
  .row-equal-height .col-lg-8 {
1462
819
  /* stylelint-disable-next-line function-calc-no-unspaced-operator */
1463
- width: calc(66.66666667% - 0.5px);
820
+ inline-size: calc(66.66666667% - 0.5px);
1464
821
  }
1465
822
  .col-lg-7 {
1466
- width: 58.33333333%;
823
+ inline-size: 58.33333333%;
1467
824
  }
1468
825
  .row-equal-height .col-lg-7 {
1469
826
  /* stylelint-disable-next-line function-calc-no-unspaced-operator */
1470
- width: calc(58.33333333% - 0.5px);
827
+ inline-size: calc(58.33333333% - 0.5px);
1471
828
  }
1472
829
  .col-lg-6 {
1473
- width: 50%;
830
+ inline-size: 50%;
1474
831
  }
1475
832
  .row-equal-height .col-lg-6 {
1476
833
  /* stylelint-disable-next-line function-calc-no-unspaced-operator */
1477
- width: calc(50% - 0.5px);
834
+ inline-size: calc(50% - 0.5px);
1478
835
  }
1479
836
  .col-lg-5 {
1480
- width: 41.66666667%;
837
+ inline-size: 41.66666667%;
1481
838
  }
1482
839
  .row-equal-height .col-lg-5 {
1483
840
  /* stylelint-disable-next-line function-calc-no-unspaced-operator */
1484
- width: calc(41.66666667% - 0.5px);
841
+ inline-size: calc(41.66666667% - 0.5px);
1485
842
  }
1486
843
  .col-lg-4 {
1487
- width: 33.33333333%;
844
+ inline-size: 33.33333333%;
1488
845
  }
1489
846
  .row-equal-height .col-lg-4 {
1490
847
  /* stylelint-disable-next-line function-calc-no-unspaced-operator */
1491
- width: calc(33.33333333% - 0.5px);
848
+ inline-size: calc(33.33333333% - 0.5px);
1492
849
  }
1493
850
  .col-lg-3 {
1494
- width: 25%;
851
+ inline-size: 25%;
1495
852
  }
1496
853
  .row-equal-height .col-lg-3 {
1497
854
  /* stylelint-disable-next-line function-calc-no-unspaced-operator */
1498
- width: calc(25% - 0.5px);
855
+ inline-size: calc(25% - 0.5px);
1499
856
  }
1500
857
  .col-lg-2 {
1501
- width: 16.66666667%;
858
+ inline-size: 16.66666667%;
1502
859
  }
1503
860
  .row-equal-height .col-lg-2 {
1504
861
  /* stylelint-disable-next-line function-calc-no-unspaced-operator */
1505
- width: calc(16.66666667% - 0.5px);
862
+ inline-size: calc(16.66666667% - 0.5px);
1506
863
  }
1507
864
  .col-lg-1 {
1508
- width: 8.33333333%;
865
+ inline-size: 8.33333333%;
1509
866
  }
1510
867
  .row-equal-height .col-lg-1 {
1511
868
  /* stylelint-disable-next-line function-calc-no-unspaced-operator */
1512
- width: calc(8.33333333% - 0.5px);
869
+ inline-size: calc(8.33333333% - 0.5px);
1513
870
  }
1514
871
  .col-lg-pull-12 {
1515
- right: 100%;
1516
- }
1517
- [dir="rtl"] .col-lg-pull-12 {
1518
- left: 100%;
1519
- right: auto;
1520
- right: initial;
872
+ inset-inline-end: 100%;
1521
873
  }
1522
874
  .col-lg-pull-11 {
1523
- right: 91.66666667%;
1524
- }
1525
- [dir="rtl"] .col-lg-pull-11 {
1526
- left: 91.66666667%;
1527
- right: auto;
1528
- right: initial;
875
+ inset-inline-end: 91.66666667%;
1529
876
  }
1530
877
  .col-lg-pull-10 {
1531
- right: 83.33333333%;
1532
- }
1533
- [dir="rtl"] .col-lg-pull-10 {
1534
- left: 83.33333333%;
1535
- right: auto;
1536
- right: initial;
878
+ inset-inline-end: 83.33333333%;
1537
879
  }
1538
880
  .col-lg-pull-9 {
1539
- right: 75%;
1540
- }
1541
- [dir="rtl"] .col-lg-pull-9 {
1542
- left: 75%;
1543
- right: auto;
1544
- right: initial;
881
+ inset-inline-end: 75%;
1545
882
  }
1546
883
  .col-lg-pull-8 {
1547
- right: 66.66666667%;
1548
- }
1549
- [dir="rtl"] .col-lg-pull-8 {
1550
- left: 66.66666667%;
1551
- right: auto;
1552
- right: initial;
884
+ inset-inline-end: 66.66666667%;
1553
885
  }
1554
886
  .col-lg-pull-7 {
1555
- right: 58.33333333%;
1556
- }
1557
- [dir="rtl"] .col-lg-pull-7 {
1558
- left: 58.33333333%;
1559
- right: auto;
1560
- right: initial;
887
+ inset-inline-end: 58.33333333%;
1561
888
  }
1562
889
  .col-lg-pull-6 {
1563
- right: 50%;
1564
- }
1565
- [dir="rtl"] .col-lg-pull-6 {
1566
- left: 50%;
1567
- right: auto;
1568
- right: initial;
890
+ inset-inline-end: 50%;
1569
891
  }
1570
892
  .col-lg-pull-5 {
1571
- right: 41.66666667%;
1572
- }
1573
- [dir="rtl"] .col-lg-pull-5 {
1574
- left: 41.66666667%;
1575
- right: auto;
1576
- right: initial;
893
+ inset-inline-end: 41.66666667%;
1577
894
  }
1578
895
  .col-lg-pull-4 {
1579
- right: 33.33333333%;
1580
- }
1581
- [dir="rtl"] .col-lg-pull-4 {
1582
- left: 33.33333333%;
1583
- right: auto;
1584
- right: initial;
896
+ inset-inline-end: 33.33333333%;
1585
897
  }
1586
898
  .col-lg-pull-3 {
1587
- right: 25%;
1588
- }
1589
- [dir="rtl"] .col-lg-pull-3 {
1590
- left: 25%;
1591
- right: auto;
1592
- right: initial;
899
+ inset-inline-end: 25%;
1593
900
  }
1594
901
  .col-lg-pull-2 {
1595
- right: 16.66666667%;
1596
- }
1597
- [dir="rtl"] .col-lg-pull-2 {
1598
- left: 16.66666667%;
1599
- right: auto;
1600
- right: initial;
902
+ inset-inline-end: 16.66666667%;
1601
903
  }
1602
904
  .col-lg-pull-1 {
1603
- right: 8.33333333%;
1604
- }
1605
- [dir="rtl"] .col-lg-pull-1 {
1606
- left: 8.33333333%;
1607
- right: auto;
1608
- right: initial;
905
+ inset-inline-end: 8.33333333%;
1609
906
  }
1610
907
  .col-lg-pull-0 {
1611
- right: auto;
1612
- }
1613
- [dir="rtl"] .col-lg-pull-0 {
1614
- left: auto;
1615
- right: auto;
1616
- right: initial;
908
+ inset-inline-end: auto;
1617
909
  }
1618
910
  .col-lg-push-12 {
1619
- left: 100%;
1620
- }
1621
- [dir="rtl"] .col-lg-push-12 {
1622
- right: 100%;
1623
- left: auto;
1624
- left: initial;
911
+ inset-inline-start: 100%;
1625
912
  }
1626
913
  .col-lg-push-11 {
1627
- left: 91.66666667%;
1628
- }
1629
- [dir="rtl"] .col-lg-push-11 {
1630
- right: 91.66666667%;
1631
- left: auto;
1632
- left: initial;
914
+ inset-inline-start: 91.66666667%;
1633
915
  }
1634
916
  .col-lg-push-10 {
1635
- left: 83.33333333%;
1636
- }
1637
- [dir="rtl"] .col-lg-push-10 {
1638
- right: 83.33333333%;
1639
- left: auto;
1640
- left: initial;
917
+ inset-inline-start: 83.33333333%;
1641
918
  }
1642
919
  .col-lg-push-9 {
1643
- left: 75%;
1644
- }
1645
- [dir="rtl"] .col-lg-push-9 {
1646
- right: 75%;
1647
- left: auto;
1648
- left: initial;
920
+ inset-inline-start: 75%;
1649
921
  }
1650
922
  .col-lg-push-8 {
1651
- left: 66.66666667%;
1652
- }
1653
- [dir="rtl"] .col-lg-push-8 {
1654
- right: 66.66666667%;
1655
- left: auto;
1656
- left: initial;
923
+ inset-inline-start: 66.66666667%;
1657
924
  }
1658
925
  .col-lg-push-7 {
1659
- left: 58.33333333%;
1660
- }
1661
- [dir="rtl"] .col-lg-push-7 {
1662
- right: 58.33333333%;
1663
- left: auto;
1664
- left: initial;
926
+ inset-inline-start: 58.33333333%;
1665
927
  }
1666
928
  .col-lg-push-6 {
1667
- left: 50%;
1668
- }
1669
- [dir="rtl"] .col-lg-push-6 {
1670
- right: 50%;
1671
- left: auto;
1672
- left: initial;
929
+ inset-inline-start: 50%;
1673
930
  }
1674
931
  .col-lg-push-5 {
1675
- left: 41.66666667%;
1676
- }
1677
- [dir="rtl"] .col-lg-push-5 {
1678
- right: 41.66666667%;
1679
- left: auto;
1680
- left: initial;
932
+ inset-inline-start: 41.66666667%;
1681
933
  }
1682
934
  .col-lg-push-4 {
1683
- left: 33.33333333%;
1684
- }
1685
- [dir="rtl"] .col-lg-push-4 {
1686
- right: 33.33333333%;
1687
- left: auto;
1688
- left: initial;
935
+ inset-inline-start: 33.33333333%;
1689
936
  }
1690
937
  .col-lg-push-3 {
1691
- left: 25%;
1692
- }
1693
- [dir="rtl"] .col-lg-push-3 {
1694
- right: 25%;
1695
- left: auto;
1696
- left: initial;
938
+ inset-inline-start: 25%;
1697
939
  }
1698
940
  .col-lg-push-2 {
1699
- left: 16.66666667%;
1700
- }
1701
- [dir="rtl"] .col-lg-push-2 {
1702
- right: 16.66666667%;
1703
- left: auto;
1704
- left: initial;
941
+ inset-inline-start: 16.66666667%;
1705
942
  }
1706
943
  .col-lg-push-1 {
1707
- left: 8.33333333%;
1708
- }
1709
- [dir="rtl"] .col-lg-push-1 {
1710
- right: 8.33333333%;
1711
- left: auto;
1712
- left: initial;
944
+ inset-inline-start: 8.33333333%;
1713
945
  }
1714
946
  .col-lg-push-0 {
1715
- left: auto;
1716
- }
1717
- [dir="rtl"] .col-lg-push-0 {
1718
- right: auto;
1719
- left: auto;
1720
- left: initial;
947
+ inset-inline-start: auto;
1721
948
  }
1722
949
  .col-lg-offset-12 {
1723
- margin-left: 100%;
1724
- }
1725
- [dir="rtl"] .col-lg-offset-12 {
1726
- margin-right: 100%;
1727
- margin-left: 0;
1728
- margin-left: initial;
950
+ margin-inline-start: 100%;
1729
951
  }
1730
952
  .col-lg-offset-11 {
1731
- margin-left: 91.66666667%;
1732
- }
1733
- [dir="rtl"] .col-lg-offset-11 {
1734
- margin-right: 91.66666667%;
1735
- margin-left: 0;
1736
- margin-left: initial;
953
+ margin-inline-start: 91.66666667%;
1737
954
  }
1738
955
  .col-lg-offset-10 {
1739
- margin-left: 83.33333333%;
1740
- }
1741
- [dir="rtl"] .col-lg-offset-10 {
1742
- margin-right: 83.33333333%;
1743
- margin-left: 0;
1744
- margin-left: initial;
956
+ margin-inline-start: 83.33333333%;
1745
957
  }
1746
958
  .col-lg-offset-9 {
1747
- margin-left: 75%;
1748
- }
1749
- [dir="rtl"] .col-lg-offset-9 {
1750
- margin-right: 75%;
1751
- margin-left: 0;
1752
- margin-left: initial;
959
+ margin-inline-start: 75%;
1753
960
  }
1754
961
  .col-lg-offset-8 {
1755
- margin-left: 66.66666667%;
1756
- }
1757
- [dir="rtl"] .col-lg-offset-8 {
1758
- margin-right: 66.66666667%;
1759
- margin-left: 0;
1760
- margin-left: initial;
962
+ margin-inline-start: 66.66666667%;
1761
963
  }
1762
964
  .col-lg-offset-7 {
1763
- margin-left: 58.33333333%;
1764
- }
1765
- [dir="rtl"] .col-lg-offset-7 {
1766
- margin-right: 58.33333333%;
1767
- margin-left: 0;
1768
- margin-left: initial;
965
+ margin-inline-start: 58.33333333%;
1769
966
  }
1770
967
  .col-lg-offset-6 {
1771
- margin-left: 50%;
1772
- }
1773
- [dir="rtl"] .col-lg-offset-6 {
1774
- margin-right: 50%;
1775
- margin-left: 0;
1776
- margin-left: initial;
968
+ margin-inline-start: 50%;
1777
969
  }
1778
970
  .col-lg-offset-5 {
1779
- margin-left: 41.66666667%;
1780
- }
1781
- [dir="rtl"] .col-lg-offset-5 {
1782
- margin-right: 41.66666667%;
1783
- margin-left: 0;
1784
- margin-left: initial;
971
+ margin-inline-start: 41.66666667%;
1785
972
  }
1786
973
  .col-lg-offset-4 {
1787
- margin-left: 33.33333333%;
1788
- }
1789
- [dir="rtl"] .col-lg-offset-4 {
1790
- margin-right: 33.33333333%;
1791
- margin-left: 0;
1792
- margin-left: initial;
974
+ margin-inline-start: 33.33333333%;
1793
975
  }
1794
976
  .col-lg-offset-3 {
1795
- margin-left: 25%;
1796
- }
1797
- [dir="rtl"] .col-lg-offset-3 {
1798
- margin-right: 25%;
1799
- margin-left: 0;
1800
- margin-left: initial;
977
+ margin-inline-start: 25%;
1801
978
  }
1802
979
  .col-lg-offset-2 {
1803
- margin-left: 16.66666667%;
1804
- }
1805
- [dir="rtl"] .col-lg-offset-2 {
1806
- margin-right: 16.66666667%;
1807
- margin-left: 0;
1808
- margin-left: initial;
980
+ margin-inline-start: 16.66666667%;
1809
981
  }
1810
982
  .col-lg-offset-1 {
1811
- margin-left: 8.33333333%;
1812
- }
1813
- [dir="rtl"] .col-lg-offset-1 {
1814
- margin-right: 8.33333333%;
1815
- margin-left: 0;
1816
- margin-left: initial;
983
+ margin-inline-start: 8.33333333%;
1817
984
  }
1818
985
  .col-lg-offset-0 {
1819
- margin-left: 0%;
1820
- }
1821
- [dir="rtl"] .col-lg-offset-0 {
1822
- margin-right: 0%;
1823
- margin-left: 0;
1824
- margin-left: initial;
986
+ margin-inline-start: 0%;
1825
987
  }
1826
988
  }
1827
989
  @media (min-width: 1160px) {
@@ -1837,459 +999,250 @@
1837
999
  .col-xl-10,
1838
1000
  .col-xl-11,
1839
1001
  .col-xl-12 {
1840
- float: left;
1841
- }
1842
- [dir="rtl"] .col-xl-1,
1843
- [dir="rtl"] .col-xl-2,
1844
- [dir="rtl"] .col-xl-3,
1845
- [dir="rtl"] .col-xl-4,
1846
- [dir="rtl"] .col-xl-5,
1847
- [dir="rtl"] .col-xl-6,
1848
- [dir="rtl"] .col-xl-7,
1849
- [dir="rtl"] .col-xl-8,
1850
- [dir="rtl"] .col-xl-9,
1851
- [dir="rtl"] .col-xl-10,
1852
- [dir="rtl"] .col-xl-11,
1853
- [dir="rtl"] .col-xl-12 {
1854
- float: right;
1002
+ float: inline-start;
1855
1003
  }
1856
1004
  .col-xl-12 {
1857
- width: 100%;
1005
+ inline-size: 100%;
1858
1006
  }
1859
1007
  .row-equal-height .col-xl-12 {
1860
1008
  /* stylelint-disable-next-line function-calc-no-unspaced-operator */
1861
- width: calc(100% - 0.5px);
1009
+ inline-size: calc(100% - 0.5px);
1862
1010
  }
1863
1011
  .col-xl-11 {
1864
- width: 91.66666667%;
1012
+ inline-size: 91.66666667%;
1865
1013
  }
1866
1014
  .row-equal-height .col-xl-11 {
1867
1015
  /* stylelint-disable-next-line function-calc-no-unspaced-operator */
1868
- width: calc(91.66666667% - 0.5px);
1016
+ inline-size: calc(91.66666667% - 0.5px);
1869
1017
  }
1870
1018
  .col-xl-10 {
1871
- width: 83.33333333%;
1019
+ inline-size: 83.33333333%;
1872
1020
  }
1873
1021
  .row-equal-height .col-xl-10 {
1874
1022
  /* stylelint-disable-next-line function-calc-no-unspaced-operator */
1875
- width: calc(83.33333333% - 0.5px);
1023
+ inline-size: calc(83.33333333% - 0.5px);
1876
1024
  }
1877
1025
  .col-xl-9 {
1878
- width: 75%;
1026
+ inline-size: 75%;
1879
1027
  }
1880
1028
  .row-equal-height .col-xl-9 {
1881
1029
  /* stylelint-disable-next-line function-calc-no-unspaced-operator */
1882
- width: calc(75% - 0.5px);
1030
+ inline-size: calc(75% - 0.5px);
1883
1031
  }
1884
1032
  .col-xl-8 {
1885
- width: 66.66666667%;
1033
+ inline-size: 66.66666667%;
1886
1034
  }
1887
1035
  .row-equal-height .col-xl-8 {
1888
1036
  /* stylelint-disable-next-line function-calc-no-unspaced-operator */
1889
- width: calc(66.66666667% - 0.5px);
1037
+ inline-size: calc(66.66666667% - 0.5px);
1890
1038
  }
1891
1039
  .col-xl-7 {
1892
- width: 58.33333333%;
1040
+ inline-size: 58.33333333%;
1893
1041
  }
1894
1042
  .row-equal-height .col-xl-7 {
1895
1043
  /* stylelint-disable-next-line function-calc-no-unspaced-operator */
1896
- width: calc(58.33333333% - 0.5px);
1044
+ inline-size: calc(58.33333333% - 0.5px);
1897
1045
  }
1898
1046
  .col-xl-6 {
1899
- width: 50%;
1047
+ inline-size: 50%;
1900
1048
  }
1901
1049
  .row-equal-height .col-xl-6 {
1902
1050
  /* stylelint-disable-next-line function-calc-no-unspaced-operator */
1903
- width: calc(50% - 0.5px);
1051
+ inline-size: calc(50% - 0.5px);
1904
1052
  }
1905
1053
  .col-xl-5 {
1906
- width: 41.66666667%;
1054
+ inline-size: 41.66666667%;
1907
1055
  }
1908
1056
  .row-equal-height .col-xl-5 {
1909
1057
  /* stylelint-disable-next-line function-calc-no-unspaced-operator */
1910
- width: calc(41.66666667% - 0.5px);
1058
+ inline-size: calc(41.66666667% - 0.5px);
1911
1059
  }
1912
1060
  .col-xl-4 {
1913
- width: 33.33333333%;
1061
+ inline-size: 33.33333333%;
1914
1062
  }
1915
1063
  .row-equal-height .col-xl-4 {
1916
1064
  /* stylelint-disable-next-line function-calc-no-unspaced-operator */
1917
- width: calc(33.33333333% - 0.5px);
1065
+ inline-size: calc(33.33333333% - 0.5px);
1918
1066
  }
1919
1067
  .col-xl-3 {
1920
- width: 25%;
1068
+ inline-size: 25%;
1921
1069
  }
1922
1070
  .row-equal-height .col-xl-3 {
1923
1071
  /* stylelint-disable-next-line function-calc-no-unspaced-operator */
1924
- width: calc(25% - 0.5px);
1072
+ inline-size: calc(25% - 0.5px);
1925
1073
  }
1926
1074
  .col-xl-2 {
1927
- width: 16.66666667%;
1075
+ inline-size: 16.66666667%;
1928
1076
  }
1929
1077
  .row-equal-height .col-xl-2 {
1930
1078
  /* stylelint-disable-next-line function-calc-no-unspaced-operator */
1931
- width: calc(16.66666667% - 0.5px);
1079
+ inline-size: calc(16.66666667% - 0.5px);
1932
1080
  }
1933
1081
  .col-xl-1 {
1934
- width: 8.33333333%;
1082
+ inline-size: 8.33333333%;
1935
1083
  }
1936
1084
  .row-equal-height .col-xl-1 {
1937
1085
  /* stylelint-disable-next-line function-calc-no-unspaced-operator */
1938
- width: calc(8.33333333% - 0.5px);
1086
+ inline-size: calc(8.33333333% - 0.5px);
1939
1087
  }
1940
1088
  .col-xl-pull-12 {
1941
- right: 100%;
1942
- }
1943
- [dir="rtl"] .col-xl-pull-12 {
1944
- left: 100%;
1945
- right: auto;
1946
- right: initial;
1089
+ inset-inline-end: 100%;
1947
1090
  }
1948
1091
  .col-xl-pull-11 {
1949
- right: 91.66666667%;
1950
- }
1951
- [dir="rtl"] .col-xl-pull-11 {
1952
- left: 91.66666667%;
1953
- right: auto;
1954
- right: initial;
1092
+ inset-inline-end: 91.66666667%;
1955
1093
  }
1956
1094
  .col-xl-pull-10 {
1957
- right: 83.33333333%;
1958
- }
1959
- [dir="rtl"] .col-xl-pull-10 {
1960
- left: 83.33333333%;
1961
- right: auto;
1962
- right: initial;
1095
+ inset-inline-end: 83.33333333%;
1963
1096
  }
1964
1097
  .col-xl-pull-9 {
1965
- right: 75%;
1966
- }
1967
- [dir="rtl"] .col-xl-pull-9 {
1968
- left: 75%;
1969
- right: auto;
1970
- right: initial;
1098
+ inset-inline-end: 75%;
1971
1099
  }
1972
1100
  .col-xl-pull-8 {
1973
- right: 66.66666667%;
1974
- }
1975
- [dir="rtl"] .col-xl-pull-8 {
1976
- left: 66.66666667%;
1977
- right: auto;
1978
- right: initial;
1101
+ inset-inline-end: 66.66666667%;
1979
1102
  }
1980
1103
  .col-xl-pull-7 {
1981
- right: 58.33333333%;
1982
- }
1983
- [dir="rtl"] .col-xl-pull-7 {
1984
- left: 58.33333333%;
1985
- right: auto;
1986
- right: initial;
1104
+ inset-inline-end: 58.33333333%;
1987
1105
  }
1988
1106
  .col-xl-pull-6 {
1989
- right: 50%;
1990
- }
1991
- [dir="rtl"] .col-xl-pull-6 {
1992
- left: 50%;
1993
- right: auto;
1994
- right: initial;
1107
+ inset-inline-end: 50%;
1995
1108
  }
1996
1109
  .col-xl-pull-5 {
1997
- right: 41.66666667%;
1998
- }
1999
- [dir="rtl"] .col-xl-pull-5 {
2000
- left: 41.66666667%;
2001
- right: auto;
2002
- right: initial;
1110
+ inset-inline-end: 41.66666667%;
2003
1111
  }
2004
1112
  .col-xl-pull-4 {
2005
- right: 33.33333333%;
2006
- }
2007
- [dir="rtl"] .col-xl-pull-4 {
2008
- left: 33.33333333%;
2009
- right: auto;
2010
- right: initial;
1113
+ inset-inline-end: 33.33333333%;
2011
1114
  }
2012
1115
  .col-xl-pull-3 {
2013
- right: 25%;
2014
- }
2015
- [dir="rtl"] .col-xl-pull-3 {
2016
- left: 25%;
2017
- right: auto;
2018
- right: initial;
1116
+ inset-inline-end: 25%;
2019
1117
  }
2020
1118
  .col-xl-pull-2 {
2021
- right: 16.66666667%;
2022
- }
2023
- [dir="rtl"] .col-xl-pull-2 {
2024
- left: 16.66666667%;
2025
- right: auto;
2026
- right: initial;
1119
+ inset-inline-end: 16.66666667%;
2027
1120
  }
2028
1121
  .col-xl-pull-1 {
2029
- right: 8.33333333%;
2030
- }
2031
- [dir="rtl"] .col-xl-pull-1 {
2032
- left: 8.33333333%;
2033
- right: auto;
2034
- right: initial;
1122
+ inset-inline-end: 8.33333333%;
2035
1123
  }
2036
1124
  .col-xl-pull-0 {
2037
- right: auto;
2038
- }
2039
- [dir="rtl"] .col-xl-pull-0 {
2040
- left: auto;
2041
- right: auto;
2042
- right: initial;
1125
+ inset-inline-end: auto;
2043
1126
  }
2044
1127
  .col-xl-push-12 {
2045
- left: 100%;
2046
- }
2047
- [dir="rtl"] .col-xl-push-12 {
2048
- right: 100%;
2049
- left: auto;
2050
- left: initial;
1128
+ inset-inline-start: 100%;
2051
1129
  }
2052
1130
  .col-xl-push-11 {
2053
- left: 91.66666667%;
2054
- }
2055
- [dir="rtl"] .col-xl-push-11 {
2056
- right: 91.66666667%;
2057
- left: auto;
2058
- left: initial;
1131
+ inset-inline-start: 91.66666667%;
2059
1132
  }
2060
1133
  .col-xl-push-10 {
2061
- left: 83.33333333%;
2062
- }
2063
- [dir="rtl"] .col-xl-push-10 {
2064
- right: 83.33333333%;
2065
- left: auto;
2066
- left: initial;
1134
+ inset-inline-start: 83.33333333%;
2067
1135
  }
2068
1136
  .col-xl-push-9 {
2069
- left: 75%;
2070
- }
2071
- [dir="rtl"] .col-xl-push-9 {
2072
- right: 75%;
2073
- left: auto;
2074
- left: initial;
1137
+ inset-inline-start: 75%;
2075
1138
  }
2076
1139
  .col-xl-push-8 {
2077
- left: 66.66666667%;
2078
- }
2079
- [dir="rtl"] .col-xl-push-8 {
2080
- right: 66.66666667%;
2081
- left: auto;
2082
- left: initial;
1140
+ inset-inline-start: 66.66666667%;
2083
1141
  }
2084
1142
  .col-xl-push-7 {
2085
- left: 58.33333333%;
2086
- }
2087
- [dir="rtl"] .col-xl-push-7 {
2088
- right: 58.33333333%;
2089
- left: auto;
2090
- left: initial;
1143
+ inset-inline-start: 58.33333333%;
2091
1144
  }
2092
1145
  .col-xl-push-6 {
2093
- left: 50%;
2094
- }
2095
- [dir="rtl"] .col-xl-push-6 {
2096
- right: 50%;
2097
- left: auto;
2098
- left: initial;
1146
+ inset-inline-start: 50%;
2099
1147
  }
2100
1148
  .col-xl-push-5 {
2101
- left: 41.66666667%;
2102
- }
2103
- [dir="rtl"] .col-xl-push-5 {
2104
- right: 41.66666667%;
2105
- left: auto;
2106
- left: initial;
1149
+ inset-inline-start: 41.66666667%;
2107
1150
  }
2108
1151
  .col-xl-push-4 {
2109
- left: 33.33333333%;
2110
- }
2111
- [dir="rtl"] .col-xl-push-4 {
2112
- right: 33.33333333%;
2113
- left: auto;
2114
- left: initial;
1152
+ inset-inline-start: 33.33333333%;
2115
1153
  }
2116
1154
  .col-xl-push-3 {
2117
- left: 25%;
2118
- }
2119
- [dir="rtl"] .col-xl-push-3 {
2120
- right: 25%;
2121
- left: auto;
2122
- left: initial;
1155
+ inset-inline-start: 25%;
2123
1156
  }
2124
1157
  .col-xl-push-2 {
2125
- left: 16.66666667%;
2126
- }
2127
- [dir="rtl"] .col-xl-push-2 {
2128
- right: 16.66666667%;
2129
- left: auto;
2130
- left: initial;
1158
+ inset-inline-start: 16.66666667%;
2131
1159
  }
2132
1160
  .col-xl-push-1 {
2133
- left: 8.33333333%;
2134
- }
2135
- [dir="rtl"] .col-xl-push-1 {
2136
- right: 8.33333333%;
2137
- left: auto;
2138
- left: initial;
1161
+ inset-inline-start: 8.33333333%;
2139
1162
  }
2140
1163
  .col-xl-push-0 {
2141
- left: auto;
2142
- }
2143
- [dir="rtl"] .col-xl-push-0 {
2144
- right: auto;
2145
- left: auto;
2146
- left: initial;
1164
+ inset-inline-start: auto;
2147
1165
  }
2148
1166
  .col-xl-offset-12 {
2149
- margin-left: 100%;
2150
- }
2151
- [dir="rtl"] .col-xl-offset-12 {
2152
- margin-right: 100%;
2153
- margin-left: 0;
2154
- margin-left: initial;
1167
+ margin-inline-start: 100%;
2155
1168
  }
2156
1169
  .col-xl-offset-11 {
2157
- margin-left: 91.66666667%;
2158
- }
2159
- [dir="rtl"] .col-xl-offset-11 {
2160
- margin-right: 91.66666667%;
2161
- margin-left: 0;
2162
- margin-left: initial;
1170
+ margin-inline-start: 91.66666667%;
2163
1171
  }
2164
1172
  .col-xl-offset-10 {
2165
- margin-left: 83.33333333%;
2166
- }
2167
- [dir="rtl"] .col-xl-offset-10 {
2168
- margin-right: 83.33333333%;
2169
- margin-left: 0;
2170
- margin-left: initial;
1173
+ margin-inline-start: 83.33333333%;
2171
1174
  }
2172
1175
  .col-xl-offset-9 {
2173
- margin-left: 75%;
2174
- }
2175
- [dir="rtl"] .col-xl-offset-9 {
2176
- margin-right: 75%;
2177
- margin-left: 0;
2178
- margin-left: initial;
1176
+ margin-inline-start: 75%;
2179
1177
  }
2180
1178
  .col-xl-offset-8 {
2181
- margin-left: 66.66666667%;
2182
- }
2183
- [dir="rtl"] .col-xl-offset-8 {
2184
- margin-right: 66.66666667%;
2185
- margin-left: 0;
2186
- margin-left: initial;
1179
+ margin-inline-start: 66.66666667%;
2187
1180
  }
2188
1181
  .col-xl-offset-7 {
2189
- margin-left: 58.33333333%;
2190
- }
2191
- [dir="rtl"] .col-xl-offset-7 {
2192
- margin-right: 58.33333333%;
2193
- margin-left: 0;
2194
- margin-left: initial;
1182
+ margin-inline-start: 58.33333333%;
2195
1183
  }
2196
1184
  .col-xl-offset-6 {
2197
- margin-left: 50%;
2198
- }
2199
- [dir="rtl"] .col-xl-offset-6 {
2200
- margin-right: 50%;
2201
- margin-left: 0;
2202
- margin-left: initial;
1185
+ margin-inline-start: 50%;
2203
1186
  }
2204
1187
  .col-xl-offset-5 {
2205
- margin-left: 41.66666667%;
2206
- }
2207
- [dir="rtl"] .col-xl-offset-5 {
2208
- margin-right: 41.66666667%;
2209
- margin-left: 0;
2210
- margin-left: initial;
1188
+ margin-inline-start: 41.66666667%;
2211
1189
  }
2212
1190
  .col-xl-offset-4 {
2213
- margin-left: 33.33333333%;
2214
- }
2215
- [dir="rtl"] .col-xl-offset-4 {
2216
- margin-right: 33.33333333%;
2217
- margin-left: 0;
2218
- margin-left: initial;
1191
+ margin-inline-start: 33.33333333%;
2219
1192
  }
2220
1193
  .col-xl-offset-3 {
2221
- margin-left: 25%;
2222
- }
2223
- [dir="rtl"] .col-xl-offset-3 {
2224
- margin-right: 25%;
2225
- margin-left: 0;
2226
- margin-left: initial;
1194
+ margin-inline-start: 25%;
2227
1195
  }
2228
1196
  .col-xl-offset-2 {
2229
- margin-left: 16.66666667%;
2230
- }
2231
- [dir="rtl"] .col-xl-offset-2 {
2232
- margin-right: 16.66666667%;
2233
- margin-left: 0;
2234
- margin-left: initial;
1197
+ margin-inline-start: 16.66666667%;
2235
1198
  }
2236
1199
  .col-xl-offset-1 {
2237
- margin-left: 8.33333333%;
2238
- }
2239
- [dir="rtl"] .col-xl-offset-1 {
2240
- margin-right: 8.33333333%;
2241
- margin-left: 0;
2242
- margin-left: initial;
1200
+ margin-inline-start: 8.33333333%;
2243
1201
  }
2244
1202
  .col-xl-offset-0 {
2245
- margin-left: 0%;
2246
- }
2247
- [dir="rtl"] .col-xl-offset-0 {
2248
- margin-right: 0%;
2249
- margin-left: 0;
2250
- margin-left: initial;
1203
+ margin-inline-start: 0%;
2251
1204
  }
2252
1205
  }
2253
1206
  @media (max-width: 599.98px) {
2254
1207
  .container {
2255
- padding-right: 16px;
2256
- padding-left: 16px;
1208
+ padding-inline-end: 16px;
1209
+ padding-inline-start: 16px;
2257
1210
  }
2258
1211
  }
2259
1212
  @media (min-width: 600px) and (max-width: 839.98px) {
2260
1213
  .container {
2261
- padding-right: 24px;
2262
- padding-left: 24px;
1214
+ padding-inline-end: 24px;
1215
+ padding-inline-start: 24px;
2263
1216
  }
2264
1217
  }
2265
1218
  [class*="col-sm"],
2266
1219
  [class*="col-md"],
2267
1220
  [class*="col-lg"],
2268
1221
  [class*="col-xl"] {
2269
- margin-bottom: calc(8px * 2);
2270
- margin-bottom: calc(var(--size-8) * 2);
1222
+ margin-block-end: calc(8px * 2);
1223
+ margin-block-end: calc(var(--size-8) * 2);
2271
1224
  }
2272
1225
  [class*="col-xs"] {
2273
- margin-bottom: 0;
1226
+ margin-block-end: 0;
2274
1227
  }
2275
1228
  @media (min-width: 600px) {
2276
1229
  [class*="col-sm"] {
2277
- margin-bottom: 0;
1230
+ margin-block-end: 0;
2278
1231
  }
2279
1232
  }
2280
1233
  @media (min-width: 840px) {
2281
1234
  [class*="col-md"] {
2282
- margin-bottom: 0;
1235
+ margin-block-end: 0;
2283
1236
  }
2284
1237
  }
2285
1238
  @media (min-width: 1160px) {
2286
1239
  [class*="col-lg"] {
2287
- margin-bottom: 0;
1240
+ margin-block-end: 0;
2288
1241
  }
2289
1242
  }
2290
1243
  @media (min-width: 1160px) {
2291
1244
  [class*="col-xl"] {
2292
- margin-bottom: 0;
1245
+ margin-block-end: 0;
2293
1246
  }
2294
1247
  }
2295
1248
  .row-equal-height {
@@ -2301,69 +1254,69 @@
2301
1254
  }
2302
1255
  @media (max-width: 599.98px) {
2303
1256
  .row-equal-height .col-xs-12 {
2304
- margin-bottom: 12px;
2305
- margin-bottom: var(--size-12);
1257
+ margin-block-end: 12px;
1258
+ margin-block-end: var(--size-12);
2306
1259
  }
2307
1260
  }
2308
1261
  @media (max-width: 599.98px) {
2309
1262
  .row {
2310
- margin-right: calc(8px * -1);
2311
- margin-right: calc(var(--size-8) * -1);
2312
- margin-left: calc(8px * -1);
2313
- margin-left: calc(var(--size-8) * -1);
1263
+ margin-inline-end: calc(8px * -1);
1264
+ margin-inline-end: calc(var(--size-8) * -1);
1265
+ margin-inline-start: calc(8px * -1);
1266
+ margin-inline-start: calc(var(--size-8) * -1);
2314
1267
  }
2315
1268
  [class*="col-"] {
2316
- padding-right: 8px;
2317
- padding-right: var(--size-8);
2318
- padding-left: 8px;
2319
- padding-left: var(--size-8);
1269
+ padding-inline-end: 8px;
1270
+ padding-inline-end: var(--size-8);
1271
+ padding-inline-start: 8px;
1272
+ padding-inline-start: var(--size-8);
2320
1273
  }
2321
1274
  }
2322
1275
  .row--wide {
2323
- margin-right: -24px / 2;
2324
- margin-left: -24px / 2;
1276
+ margin-inline-end: -24px / 2;
1277
+ margin-inline-start: -24px / 2;
2325
1278
  }
2326
1279
  .row--wide [class*="col-"] {
2327
- padding-right: 24px / 2;
2328
- padding-left: 24px / 2;
1280
+ padding-inline-end: 24px / 2;
1281
+ padding-inline-start: 24px / 2;
2329
1282
  }
2330
1283
  @media all and (min-width: 600px) {
2331
1284
  .row--wide {
2332
- margin-right: -48px / 2;
2333
- margin-left: -48px / 2;
1285
+ margin-inline-end: -48px / 2;
1286
+ margin-inline-start: -48px / 2;
2334
1287
  }
2335
1288
  .row--wide [class*="col-"] {
2336
- padding-right: 48px / 2;
2337
- padding-left: 48px / 2;
1289
+ padding-inline-end: 48px / 2;
1290
+ padding-inline-start: 48px / 2;
2338
1291
  }
2339
1292
  }
2340
1293
  @media all and (min-width: 1160px) {
2341
1294
  .row--wide {
2342
- margin-right: -96px / 2;
2343
- margin-left: -96px / 2;
1295
+ margin-inline-end: -96px / 2;
1296
+ margin-inline-start: -96px / 2;
2344
1297
  }
2345
1298
  .row--wide [class*="col-"] {
2346
- padding-right: 96px / 2;
2347
- padding-left: 96px / 2;
1299
+ padding-inline-end: 96px / 2;
1300
+ padding-inline-start: 96px / 2;
2348
1301
  }
2349
1302
  }
2350
1303
  @media (min-width: 1160px) {
2351
1304
  .container--fullscreen {
2352
- max-width: 100%;
1305
+ max-inline-size: 100%;
2353
1306
  }
2354
1307
  }
2355
1308
  .container--text {
2356
- max-width: 700px;
2357
- margin-right: auto;
2358
- margin-left: auto;
1309
+ max-inline-size: 700px;
1310
+ margin-inline-end: auto;
1311
+ margin-inline-start: auto;
2359
1312
  }
2360
1313
  .container--wide {
2361
- max-width: 1500px;
2362
- margin-right: auto;
2363
- margin-left: auto;
1314
+ max-inline-size: 1500px;
1315
+ margin-inline-end: auto;
1316
+ margin-inline-start: auto;
2364
1317
  }
2365
1318
  @media (min-width: 1160px) {
2366
1319
  .container--wide {
2367
- max-width: 1500px;
1320
+ max-inline-size: 1500px;
2368
1321
  }
2369
1322
  }