@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
package/src/styles/less/neptune-addons.css CHANGED
@@ -232,1579 +232,1031 @@
232
232
  outline: none;
233
233
  }
234
234
  .m-a-0 {
235
- margin-top: 0 !important;
236
- margin-bottom: 0 !important;
237
- }
238
- [dir="rtl"] .m-a-0 {
239
- margin-left: 0 !important;
240
- }
241
- html:not([dir="rtl"]) .m-a-0 {
242
- margin-right: 0 !important;
243
- }
244
- [dir="rtl"] .m-a-0 {
245
- margin-right: 0 !important;
246
- }
247
- html:not([dir="rtl"]) .m-a-0 {
248
- margin-left: 0 !important;
235
+ margin-block-start: 0 !important;
236
+ margin-inline-end: 0 !important;
237
+ margin-block-end: 0 !important;
238
+ margin-inline-start: 0 !important;
249
239
  }
250
240
  .p-a-0 {
251
- padding-top: 0 !important;
252
- padding-bottom: 0 !important;
253
- }
254
- [dir="rtl"] .p-a-0 {
255
- padding-left: 0 !important;
256
- }
257
- html:not([dir="rtl"]) .p-a-0 {
258
- padding-right: 0 !important;
259
- }
260
- [dir="rtl"] .p-a-0 {
261
- padding-right: 0 !important;
262
- }
263
- html:not([dir="rtl"]) .p-a-0 {
264
- padding-left: 0 !important;
241
+ padding-block-start: 0 !important;
242
+ padding-inline-end: 0 !important;
243
+ padding-block-end: 0 !important;
244
+ padding-inline-start: 0 !important;
265
245
  }
266
246
  .m-t-0 {
267
- margin-top: 0 !important;
247
+ margin-block-start: 0 !important;
268
248
  }
269
249
  .m-b-0 {
270
- margin-bottom: 0 !important;
250
+ margin-block-end: 0 !important;
271
251
  }
272
252
  .m-y-0 {
273
- margin-top: 0 !important;
274
- margin-bottom: 0 !important;
253
+ margin-block-start: 0 !important;
254
+ margin-block-end: 0 !important;
275
255
  }
276
256
  .p-t-0 {
277
- padding-top: 0 !important;
257
+ padding-block-start: 0 !important;
278
258
  }
279
259
  .p-b-0 {
280
- padding-bottom: 0 !important;
260
+ padding-block-end: 0 !important;
281
261
  }
282
262
  .p-y-0 {
283
- padding-top: 0 !important;
284
- padding-bottom: 0 !important;
285
- }
286
- [dir="rtl"] .m-l-0 {
287
- margin-right: 0 !important;
288
- }
289
- html:not([dir="rtl"]) .m-l-0 {
290
- margin-left: 0 !important;
291
- }
292
- [dir="rtl"] .m-r-0 {
293
- margin-left: 0 !important;
294
- }
295
- html:not([dir="rtl"]) .m-r-0 {
296
- margin-right: 0 !important;
297
- }
298
- [dir="rtl"] .m-x-0 {
299
- margin-right: 0 !important;
263
+ padding-block-start: 0 !important;
264
+ padding-block-end: 0 !important;
300
265
  }
301
- html:not([dir="rtl"]) .m-x-0 {
302
- margin-left: 0 !important;
266
+ .m-l-0 {
267
+ margin-inline-start: 0 !important;
303
268
  }
304
- [dir="rtl"] .m-x-0 {
305
- margin-left: 0 !important;
269
+ .m-r-0 {
270
+ margin-inline-end: 0 !important;
306
271
  }
307
- html:not([dir="rtl"]) .m-x-0 {
308
- margin-right: 0 !important;
272
+ .m-x-0 {
273
+ margin-inline-start: 0 !important;
274
+ margin-inline-end: 0 !important;
309
275
  }
310
- [dir="rtl"] .p-l-0 {
311
- padding-right: 0 !important;
276
+ .p-l-0 {
277
+ padding-inline-start: 0 !important;
312
278
  }
313
- html:not([dir="rtl"]) .p-l-0 {
314
- padding-left: 0 !important;
279
+ .p-r-0 {
280
+ padding-inline-end: 0 !important;
315
281
  }
316
- [dir="rtl"] .p-r-0 {
317
- padding-left: 0 !important;
318
- }
319
- html:not([dir="rtl"]) .p-r-0 {
320
- padding-right: 0 !important;
321
- }
322
- [dir="rtl"] .p-x-0 {
323
- padding-right: 0 !important;
324
- }
325
- html:not([dir="rtl"]) .p-x-0 {
326
- padding-left: 0 !important;
327
- }
328
- [dir="rtl"] .p-x-0 {
329
- padding-left: 0 !important;
330
- }
331
- html:not([dir="rtl"]) .p-x-0 {
332
- padding-right: 0 !important;
282
+ .p-x-0 {
283
+ padding-inline-start: 0 !important;
284
+ padding-inline-end: 0 !important;
333
285
  }
334
286
  .m-a-1 {
335
- margin-top: 8px !important;
336
- margin-top: var(--size-8) !important;
337
- margin-bottom: 8px !important;
338
- margin-bottom: var(--size-8) !important;
339
- }
340
- [dir="rtl"] .m-a-1 {
341
- margin-left: 8px !important;
342
- margin-left: var(--size-8) !important;
343
- }
344
- html:not([dir="rtl"]) .m-a-1 {
345
- margin-right: 8px !important;
346
- margin-right: var(--size-8) !important;
347
- }
348
- [dir="rtl"] .m-a-1 {
349
- margin-right: 8px !important;
350
- margin-right: var(--size-8) !important;
351
- }
352
- html:not([dir="rtl"]) .m-a-1 {
353
- margin-left: 8px !important;
354
- margin-left: var(--size-8) !important;
287
+ margin-block-start: 8px !important;
288
+ margin-block-start: var(--size-8) !important;
289
+ margin-inline-end: 8px !important;
290
+ margin-inline-end: var(--size-8) !important;
291
+ margin-block-end: 8px !important;
292
+ margin-block-end: var(--size-8) !important;
293
+ margin-inline-start: 8px !important;
294
+ margin-inline-start: var(--size-8) !important;
355
295
  }
356
296
  .p-a-1 {
357
- padding-top: 8px !important;
358
- padding-top: var(--size-8) !important;
359
- padding-bottom: 8px !important;
360
- padding-bottom: var(--size-8) !important;
361
- }
362
- [dir="rtl"] .p-a-1 {
363
- padding-left: 8px !important;
364
- padding-left: var(--size-8) !important;
365
- }
366
- html:not([dir="rtl"]) .p-a-1 {
367
- padding-right: 8px !important;
368
- padding-right: var(--size-8) !important;
369
- }
370
- [dir="rtl"] .p-a-1 {
371
- padding-right: 8px !important;
372
- padding-right: var(--size-8) !important;
373
- }
374
- html:not([dir="rtl"]) .p-a-1 {
375
- padding-left: 8px !important;
376
- padding-left: var(--size-8) !important;
297
+ padding-block-start: 8px !important;
298
+ padding-block-start: var(--size-8) !important;
299
+ padding-inline-end: 8px !important;
300
+ padding-inline-end: var(--size-8) !important;
301
+ padding-block-end: 8px !important;
302
+ padding-block-end: var(--size-8) !important;
303
+ padding-inline-start: 8px !important;
304
+ padding-inline-start: var(--size-8) !important;
377
305
  }
378
306
  .m-t-1 {
379
- margin-top: 8px !important;
380
- margin-top: var(--size-8) !important;
307
+ margin-block-start: 8px !important;
308
+ margin-block-start: var(--size-8) !important;
381
309
  }
382
310
  .m-b-1 {
383
- margin-bottom: 8px !important;
384
- margin-bottom: var(--size-8) !important;
311
+ margin-block-end: 8px !important;
312
+ margin-block-end: var(--size-8) !important;
385
313
  }
386
314
  .m-y-1 {
387
- margin-top: 8px !important;
388
- margin-top: var(--size-8) !important;
389
- margin-bottom: 8px !important;
390
- margin-bottom: var(--size-8) !important;
315
+ margin-block-start: 8px !important;
316
+ margin-block-start: var(--size-8) !important;
317
+ margin-block-end: 8px !important;
318
+ margin-block-end: var(--size-8) !important;
391
319
  }
392
320
  .p-t-1 {
393
- padding-top: 8px !important;
394
- padding-top: var(--size-8) !important;
321
+ padding-block-start: 8px !important;
322
+ padding-block-start: var(--size-8) !important;
395
323
  }
396
324
  .p-b-1 {
397
- padding-bottom: 8px !important;
398
- padding-bottom: var(--size-8) !important;
325
+ padding-block-end: 8px !important;
326
+ padding-block-end: var(--size-8) !important;
399
327
  }
400
328
  .p-y-1 {
401
- padding-top: 8px !important;
402
- padding-top: var(--size-8) !important;
403
- padding-bottom: 8px !important;
404
- padding-bottom: var(--size-8) !important;
405
- }
406
- [dir="rtl"] .m-l-1 {
407
- margin-right: 8px !important;
408
- margin-right: var(--size-8) !important;
409
- }
410
- html:not([dir="rtl"]) .m-l-1 {
411
- margin-left: 8px !important;
412
- margin-left: var(--size-8) !important;
413
- }
414
- [dir="rtl"] .m-r-1 {
415
- margin-left: 8px !important;
416
- margin-left: var(--size-8) !important;
417
- }
418
- html:not([dir="rtl"]) .m-r-1 {
419
- margin-right: 8px !important;
420
- margin-right: var(--size-8) !important;
421
- }
422
- [dir="rtl"] .m-x-1 {
423
- margin-right: 8px !important;
424
- margin-right: var(--size-8) !important;
425
- }
426
- html:not([dir="rtl"]) .m-x-1 {
427
- margin-left: 8px !important;
428
- margin-left: var(--size-8) !important;
429
- }
430
- [dir="rtl"] .m-x-1 {
431
- margin-left: 8px !important;
432
- margin-left: var(--size-8) !important;
433
- }
434
- html:not([dir="rtl"]) .m-x-1 {
435
- margin-right: 8px !important;
436
- margin-right: var(--size-8) !important;
437
- }
438
- [dir="rtl"] .p-l-1 {
439
- padding-right: 8px !important;
440
- padding-right: var(--size-8) !important;
441
- }
442
- html:not([dir="rtl"]) .p-l-1 {
443
- padding-left: 8px !important;
444
- padding-left: var(--size-8) !important;
445
- }
446
- [dir="rtl"] .p-r-1 {
447
- padding-left: 8px !important;
448
- padding-left: var(--size-8) !important;
449
- }
450
- html:not([dir="rtl"]) .p-r-1 {
451
- padding-right: 8px !important;
452
- padding-right: var(--size-8) !important;
453
- }
454
- [dir="rtl"] .p-x-1 {
455
- padding-right: 8px !important;
456
- padding-right: var(--size-8) !important;
457
- }
458
- html:not([dir="rtl"]) .p-x-1 {
459
- padding-left: 8px !important;
460
- padding-left: var(--size-8) !important;
461
- }
462
- [dir="rtl"] .p-x-1 {
463
- padding-left: 8px !important;
464
- padding-left: var(--size-8) !important;
465
- }
466
- html:not([dir="rtl"]) .p-x-1 {
467
- padding-right: 8px !important;
468
- padding-right: var(--size-8) !important;
329
+ padding-block-start: 8px !important;
330
+ padding-block-start: var(--size-8) !important;
331
+ padding-block-end: 8px !important;
332
+ padding-block-end: var(--size-8) !important;
333
+ }
334
+ .m-l-1 {
335
+ margin-inline-start: 8px !important;
336
+ margin-inline-start: var(--size-8) !important;
337
+ }
338
+ .m-r-1 {
339
+ margin-inline-end: 8px !important;
340
+ margin-inline-end: var(--size-8) !important;
341
+ }
342
+ .m-x-1 {
343
+ margin-inline-start: 8px !important;
344
+ margin-inline-start: var(--size-8) !important;
345
+ margin-inline-end: 8px !important;
346
+ margin-inline-end: var(--size-8) !important;
347
+ }
348
+ .p-l-1 {
349
+ padding-inline-start: 8px !important;
350
+ padding-inline-start: var(--size-8) !important;
351
+ }
352
+ .p-r-1 {
353
+ padding-inline-end: 8px !important;
354
+ padding-inline-end: var(--size-8) !important;
355
+ }
356
+ .p-x-1 {
357
+ padding-inline-start: 8px !important;
358
+ padding-inline-start: var(--size-8) !important;
359
+ padding-inline-end: 8px !important;
360
+ padding-inline-end: var(--size-8) !important;
469
361
  }
470
362
  .m-a-2 {
471
- margin-top: 16px !important;
472
- margin-top: var(--size-16) !important;
473
- margin-bottom: 16px !important;
474
- margin-bottom: var(--size-16) !important;
475
- }
476
- [dir="rtl"] .m-a-2 {
477
- margin-left: 16px !important;
478
- margin-left: var(--size-16) !important;
479
- }
480
- html:not([dir="rtl"]) .m-a-2 {
481
- margin-right: 16px !important;
482
- margin-right: var(--size-16) !important;
483
- }
484
- [dir="rtl"] .m-a-2 {
485
- margin-right: 16px !important;
486
- margin-right: var(--size-16) !important;
487
- }
488
- html:not([dir="rtl"]) .m-a-2 {
489
- margin-left: 16px !important;
490
- margin-left: var(--size-16) !important;
363
+ margin-block-start: 16px !important;
364
+ margin-block-start: var(--size-16) !important;
365
+ margin-inline-end: 16px !important;
366
+ margin-inline-end: var(--size-16) !important;
367
+ margin-block-end: 16px !important;
368
+ margin-block-end: var(--size-16) !important;
369
+ margin-inline-start: 16px !important;
370
+ margin-inline-start: var(--size-16) !important;
491
371
  }
492
372
  .p-a-2 {
493
- padding-top: 16px !important;
494
- padding-top: var(--size-16) !important;
495
- padding-bottom: 16px !important;
496
- padding-bottom: var(--size-16) !important;
497
- }
498
- [dir="rtl"] .p-a-2 {
499
- padding-left: 16px !important;
500
- padding-left: var(--size-16) !important;
501
- }
502
- html:not([dir="rtl"]) .p-a-2 {
503
- padding-right: 16px !important;
504
- padding-right: var(--size-16) !important;
505
- }
506
- [dir="rtl"] .p-a-2 {
507
- padding-right: 16px !important;
508
- padding-right: var(--size-16) !important;
509
- }
510
- html:not([dir="rtl"]) .p-a-2 {
511
- padding-left: 16px !important;
512
- padding-left: var(--size-16) !important;
373
+ padding-block-start: 16px !important;
374
+ padding-block-start: var(--size-16) !important;
375
+ padding-inline-end: 16px !important;
376
+ padding-inline-end: var(--size-16) !important;
377
+ padding-block-end: 16px !important;
378
+ padding-block-end: var(--size-16) !important;
379
+ padding-inline-start: 16px !important;
380
+ padding-inline-start: var(--size-16) !important;
513
381
  }
514
382
  .m-t-2 {
515
- margin-top: 16px !important;
516
- margin-top: var(--size-16) !important;
383
+ margin-block-start: 16px !important;
384
+ margin-block-start: var(--size-16) !important;
517
385
  }
518
386
  .m-b-2 {
519
- margin-bottom: 16px !important;
520
- margin-bottom: var(--size-16) !important;
387
+ margin-block-end: 16px !important;
388
+ margin-block-end: var(--size-16) !important;
521
389
  }
522
390
  .m-y-2 {
523
- margin-top: 16px !important;
524
- margin-top: var(--size-16) !important;
525
- margin-bottom: 16px !important;
526
- margin-bottom: var(--size-16) !important;
391
+ margin-block-start: 16px !important;
392
+ margin-block-start: var(--size-16) !important;
393
+ margin-block-end: 16px !important;
394
+ margin-block-end: var(--size-16) !important;
527
395
  }
528
396
  .p-t-2 {
529
- padding-top: 16px !important;
530
- padding-top: var(--size-16) !important;
397
+ padding-block-start: 16px !important;
398
+ padding-block-start: var(--size-16) !important;
531
399
  }
532
400
  .p-b-2 {
533
- padding-bottom: 16px !important;
534
- padding-bottom: var(--size-16) !important;
401
+ padding-block-end: 16px !important;
402
+ padding-block-end: var(--size-16) !important;
535
403
  }
536
404
  .p-y-2 {
537
- padding-top: 16px !important;
538
- padding-top: var(--size-16) !important;
539
- padding-bottom: 16px !important;
540
- padding-bottom: var(--size-16) !important;
541
- }
542
- [dir="rtl"] .m-l-2 {
543
- margin-right: 16px !important;
544
- margin-right: var(--size-16) !important;
545
- }
546
- html:not([dir="rtl"]) .m-l-2 {
547
- margin-left: 16px !important;
548
- margin-left: var(--size-16) !important;
549
- }
550
- [dir="rtl"] .m-r-2 {
551
- margin-left: 16px !important;
552
- margin-left: var(--size-16) !important;
553
- }
554
- html:not([dir="rtl"]) .m-r-2 {
555
- margin-right: 16px !important;
556
- margin-right: var(--size-16) !important;
557
- }
558
- [dir="rtl"] .m-x-2 {
559
- margin-right: 16px !important;
560
- margin-right: var(--size-16) !important;
561
- }
562
- html:not([dir="rtl"]) .m-x-2 {
563
- margin-left: 16px !important;
564
- margin-left: var(--size-16) !important;
565
- }
566
- [dir="rtl"] .m-x-2 {
567
- margin-left: 16px !important;
568
- margin-left: var(--size-16) !important;
569
- }
570
- html:not([dir="rtl"]) .m-x-2 {
571
- margin-right: 16px !important;
572
- margin-right: var(--size-16) !important;
573
- }
574
- [dir="rtl"] .p-l-2 {
575
- padding-right: 16px !important;
576
- padding-right: var(--size-16) !important;
577
- }
578
- html:not([dir="rtl"]) .p-l-2 {
579
- padding-left: 16px !important;
580
- padding-left: var(--size-16) !important;
581
- }
582
- [dir="rtl"] .p-r-2 {
583
- padding-left: 16px !important;
584
- padding-left: var(--size-16) !important;
585
- }
586
- html:not([dir="rtl"]) .p-r-2 {
587
- padding-right: 16px !important;
588
- padding-right: var(--size-16) !important;
589
- }
590
- [dir="rtl"] .p-x-2 {
591
- padding-right: 16px !important;
592
- padding-right: var(--size-16) !important;
593
- }
594
- html:not([dir="rtl"]) .p-x-2 {
595
- padding-left: 16px !important;
596
- padding-left: var(--size-16) !important;
597
- }
598
- [dir="rtl"] .p-x-2 {
599
- padding-left: 16px !important;
600
- padding-left: var(--size-16) !important;
601
- }
602
- html:not([dir="rtl"]) .p-x-2 {
603
- padding-right: 16px !important;
604
- padding-right: var(--size-16) !important;
405
+ padding-block-start: 16px !important;
406
+ padding-block-start: var(--size-16) !important;
407
+ padding-block-end: 16px !important;
408
+ padding-block-end: var(--size-16) !important;
409
+ }
410
+ .m-l-2 {
411
+ margin-inline-start: 16px !important;
412
+ margin-inline-start: var(--size-16) !important;
413
+ }
414
+ .m-r-2 {
415
+ margin-inline-end: 16px !important;
416
+ margin-inline-end: var(--size-16) !important;
417
+ }
418
+ .m-x-2 {
419
+ margin-inline-start: 16px !important;
420
+ margin-inline-start: var(--size-16) !important;
421
+ margin-inline-end: 16px !important;
422
+ margin-inline-end: var(--size-16) !important;
423
+ }
424
+ .p-l-2 {
425
+ padding-inline-start: 16px !important;
426
+ padding-inline-start: var(--size-16) !important;
427
+ }
428
+ .p-r-2 {
429
+ padding-inline-end: 16px !important;
430
+ padding-inline-end: var(--size-16) !important;
431
+ }
432
+ .p-x-2 {
433
+ padding-inline-start: 16px !important;
434
+ padding-inline-start: var(--size-16) !important;
435
+ padding-inline-end: 16px !important;
436
+ padding-inline-end: var(--size-16) !important;
605
437
  }
606
438
  .m-a-3 {
607
- margin-top: 24px !important;
608
- margin-top: var(--size-24) !important;
609
- margin-bottom: 24px !important;
610
- margin-bottom: var(--size-24) !important;
611
- }
612
- [dir="rtl"] .m-a-3 {
613
- margin-left: 24px !important;
614
- margin-left: var(--size-24) !important;
615
- }
616
- html:not([dir="rtl"]) .m-a-3 {
617
- margin-right: 24px !important;
618
- margin-right: var(--size-24) !important;
619
- }
620
- [dir="rtl"] .m-a-3 {
621
- margin-right: 24px !important;
622
- margin-right: var(--size-24) !important;
623
- }
624
- html:not([dir="rtl"]) .m-a-3 {
625
- margin-left: 24px !important;
626
- margin-left: var(--size-24) !important;
439
+ margin-block-start: 24px !important;
440
+ margin-block-start: var(--size-24) !important;
441
+ margin-inline-end: 24px !important;
442
+ margin-inline-end: var(--size-24) !important;
443
+ margin-block-end: 24px !important;
444
+ margin-block-end: var(--size-24) !important;
445
+ margin-inline-start: 24px !important;
446
+ margin-inline-start: var(--size-24) !important;
627
447
  }
628
448
  .p-a-3 {
629
- padding-top: 24px !important;
630
- padding-top: var(--size-24) !important;
631
- padding-bottom: 24px !important;
632
- padding-bottom: var(--size-24) !important;
633
- }
634
- [dir="rtl"] .p-a-3 {
635
- padding-left: 24px !important;
636
- padding-left: var(--size-24) !important;
637
- }
638
- html:not([dir="rtl"]) .p-a-3 {
639
- padding-right: 24px !important;
640
- padding-right: var(--size-24) !important;
641
- }
642
- [dir="rtl"] .p-a-3 {
643
- padding-right: 24px !important;
644
- padding-right: var(--size-24) !important;
645
- }
646
- html:not([dir="rtl"]) .p-a-3 {
647
- padding-left: 24px !important;
648
- padding-left: var(--size-24) !important;
449
+ padding-block-start: 24px !important;
450
+ padding-block-start: var(--size-24) !important;
451
+ padding-inline-end: 24px !important;
452
+ padding-inline-end: var(--size-24) !important;
453
+ padding-block-end: 24px !important;
454
+ padding-block-end: var(--size-24) !important;
455
+ padding-inline-start: 24px !important;
456
+ padding-inline-start: var(--size-24) !important;
649
457
  }
650
458
  .m-t-3 {
651
- margin-top: 24px !important;
652
- margin-top: var(--size-24) !important;
459
+ margin-block-start: 24px !important;
460
+ margin-block-start: var(--size-24) !important;
653
461
  }
654
462
  .m-b-3 {
655
- margin-bottom: 24px !important;
656
- margin-bottom: var(--size-24) !important;
463
+ margin-block-end: 24px !important;
464
+ margin-block-end: var(--size-24) !important;
657
465
  }
658
466
  .m-y-3 {
659
- margin-top: 24px !important;
660
- margin-top: var(--size-24) !important;
661
- margin-bottom: 24px !important;
662
- margin-bottom: var(--size-24) !important;
467
+ margin-block-start: 24px !important;
468
+ margin-block-start: var(--size-24) !important;
469
+ margin-block-end: 24px !important;
470
+ margin-block-end: var(--size-24) !important;
663
471
  }
664
472
  .p-t-3 {
665
- padding-top: 24px !important;
666
- padding-top: var(--size-24) !important;
473
+ padding-block-start: 24px !important;
474
+ padding-block-start: var(--size-24) !important;
667
475
  }
668
476
  .p-b-3 {
669
- padding-bottom: 24px !important;
670
- padding-bottom: var(--size-24) !important;
477
+ padding-block-end: 24px !important;
478
+ padding-block-end: var(--size-24) !important;
671
479
  }
672
480
  .p-y-3 {
673
- padding-top: 24px !important;
674
- padding-top: var(--size-24) !important;
675
- padding-bottom: 24px !important;
676
- padding-bottom: var(--size-24) !important;
677
- }
678
- [dir="rtl"] .m-l-3 {
679
- margin-right: 24px !important;
680
- margin-right: var(--size-24) !important;
681
- }
682
- html:not([dir="rtl"]) .m-l-3 {
683
- margin-left: 24px !important;
684
- margin-left: var(--size-24) !important;
685
- }
686
- [dir="rtl"] .m-r-3 {
687
- margin-left: 24px !important;
688
- margin-left: var(--size-24) !important;
689
- }
690
- html:not([dir="rtl"]) .m-r-3 {
691
- margin-right: 24px !important;
692
- margin-right: var(--size-24) !important;
693
- }
694
- [dir="rtl"] .m-x-3 {
695
- margin-right: 24px !important;
696
- margin-right: var(--size-24) !important;
697
- }
698
- html:not([dir="rtl"]) .m-x-3 {
699
- margin-left: 24px !important;
700
- margin-left: var(--size-24) !important;
701
- }
702
- [dir="rtl"] .m-x-3 {
703
- margin-left: 24px !important;
704
- margin-left: var(--size-24) !important;
705
- }
706
- html:not([dir="rtl"]) .m-x-3 {
707
- margin-right: 24px !important;
708
- margin-right: var(--size-24) !important;
709
- }
710
- [dir="rtl"] .p-l-3 {
711
- padding-right: 24px !important;
712
- padding-right: var(--size-24) !important;
713
- }
714
- html:not([dir="rtl"]) .p-l-3 {
715
- padding-left: 24px !important;
716
- padding-left: var(--size-24) !important;
717
- }
718
- [dir="rtl"] .p-r-3 {
719
- padding-left: 24px !important;
720
- padding-left: var(--size-24) !important;
721
- }
722
- html:not([dir="rtl"]) .p-r-3 {
723
- padding-right: 24px !important;
724
- padding-right: var(--size-24) !important;
725
- }
726
- [dir="rtl"] .p-x-3 {
727
- padding-right: 24px !important;
728
- padding-right: var(--size-24) !important;
729
- }
730
- html:not([dir="rtl"]) .p-x-3 {
731
- padding-left: 24px !important;
732
- padding-left: var(--size-24) !important;
733
- }
734
- [dir="rtl"] .p-x-3 {
735
- padding-left: 24px !important;
736
- padding-left: var(--size-24) !important;
737
- }
738
- html:not([dir="rtl"]) .p-x-3 {
739
- padding-right: 24px !important;
740
- padding-right: var(--size-24) !important;
481
+ padding-block-start: 24px !important;
482
+ padding-block-start: var(--size-24) !important;
483
+ padding-block-end: 24px !important;
484
+ padding-block-end: var(--size-24) !important;
485
+ }
486
+ .m-l-3 {
487
+ margin-inline-start: 24px !important;
488
+ margin-inline-start: var(--size-24) !important;
489
+ }
490
+ .m-r-3 {
491
+ margin-inline-end: 24px !important;
492
+ margin-inline-end: var(--size-24) !important;
493
+ }
494
+ .m-x-3 {
495
+ margin-inline-start: 24px !important;
496
+ margin-inline-start: var(--size-24) !important;
497
+ margin-inline-end: 24px !important;
498
+ margin-inline-end: var(--size-24) !important;
499
+ }
500
+ .p-l-3 {
501
+ padding-inline-start: 24px !important;
502
+ padding-inline-start: var(--size-24) !important;
503
+ }
504
+ .p-r-3 {
505
+ padding-inline-end: 24px !important;
506
+ padding-inline-end: var(--size-24) !important;
507
+ }
508
+ .p-x-3 {
509
+ padding-inline-start: 24px !important;
510
+ padding-inline-start: var(--size-24) !important;
511
+ padding-inline-end: 24px !important;
512
+ padding-inline-end: var(--size-24) !important;
741
513
  }
742
514
  .m-a-4 {
743
- margin-top: 32px !important;
744
- margin-top: var(--size-32) !important;
745
- margin-bottom: 32px !important;
746
- margin-bottom: var(--size-32) !important;
747
- }
748
- [dir="rtl"] .m-a-4 {
749
- margin-left: 32px !important;
750
- margin-left: var(--size-32) !important;
751
- }
752
- html:not([dir="rtl"]) .m-a-4 {
753
- margin-right: 32px !important;
754
- margin-right: var(--size-32) !important;
755
- }
756
- [dir="rtl"] .m-a-4 {
757
- margin-right: 32px !important;
758
- margin-right: var(--size-32) !important;
759
- }
760
- html:not([dir="rtl"]) .m-a-4 {
761
- margin-left: 32px !important;
762
- margin-left: var(--size-32) !important;
515
+ margin-block-start: 32px !important;
516
+ margin-block-start: var(--size-32) !important;
517
+ margin-inline-end: 32px !important;
518
+ margin-inline-end: var(--size-32) !important;
519
+ margin-block-end: 32px !important;
520
+ margin-block-end: var(--size-32) !important;
521
+ margin-inline-start: 32px !important;
522
+ margin-inline-start: var(--size-32) !important;
763
523
  }
764
524
  .p-a-4 {
765
- padding-top: 32px !important;
766
- padding-top: var(--size-32) !important;
767
- padding-bottom: 32px !important;
768
- padding-bottom: var(--size-32) !important;
769
- }
770
- [dir="rtl"] .p-a-4 {
771
- padding-left: 32px !important;
772
- padding-left: var(--size-32) !important;
773
- }
774
- html:not([dir="rtl"]) .p-a-4 {
775
- padding-right: 32px !important;
776
- padding-right: var(--size-32) !important;
777
- }
778
- [dir="rtl"] .p-a-4 {
779
- padding-right: 32px !important;
780
- padding-right: var(--size-32) !important;
781
- }
782
- html:not([dir="rtl"]) .p-a-4 {
783
- padding-left: 32px !important;
784
- padding-left: var(--size-32) !important;
525
+ padding-block-start: 32px !important;
526
+ padding-block-start: var(--size-32) !important;
527
+ padding-inline-end: 32px !important;
528
+ padding-inline-end: var(--size-32) !important;
529
+ padding-block-end: 32px !important;
530
+ padding-block-end: var(--size-32) !important;
531
+ padding-inline-start: 32px !important;
532
+ padding-inline-start: var(--size-32) !important;
785
533
  }
786
534
  .m-t-4 {
787
- margin-top: 32px !important;
788
- margin-top: var(--size-32) !important;
535
+ margin-block-start: 32px !important;
536
+ margin-block-start: var(--size-32) !important;
789
537
  }
790
538
  .m-b-4 {
791
- margin-bottom: 32px !important;
792
- margin-bottom: var(--size-32) !important;
539
+ margin-block-end: 32px !important;
540
+ margin-block-end: var(--size-32) !important;
793
541
  }
794
542
  .m-y-4 {
795
- margin-top: 32px !important;
796
- margin-top: var(--size-32) !important;
797
- margin-bottom: 32px !important;
798
- margin-bottom: var(--size-32) !important;
543
+ margin-block-start: 32px !important;
544
+ margin-block-start: var(--size-32) !important;
545
+ margin-block-end: 32px !important;
546
+ margin-block-end: var(--size-32) !important;
799
547
  }
800
548
  .p-t-4 {
801
- padding-top: 32px !important;
802
- padding-top: var(--size-32) !important;
549
+ padding-block-start: 32px !important;
550
+ padding-block-start: var(--size-32) !important;
803
551
  }
804
552
  .p-b-4 {
805
- padding-bottom: 32px !important;
806
- padding-bottom: var(--size-32) !important;
553
+ padding-block-end: 32px !important;
554
+ padding-block-end: var(--size-32) !important;
807
555
  }
808
556
  .p-y-4 {
809
- padding-top: 32px !important;
810
- padding-top: var(--size-32) !important;
811
- padding-bottom: 32px !important;
812
- padding-bottom: var(--size-32) !important;
813
- }
814
- [dir="rtl"] .m-l-4 {
815
- margin-right: 32px !important;
816
- margin-right: var(--size-32) !important;
817
- }
818
- html:not([dir="rtl"]) .m-l-4 {
819
- margin-left: 32px !important;
820
- margin-left: var(--size-32) !important;
821
- }
822
- [dir="rtl"] .m-r-4 {
823
- margin-left: 32px !important;
824
- margin-left: var(--size-32) !important;
825
- }
826
- html:not([dir="rtl"]) .m-r-4 {
827
- margin-right: 32px !important;
828
- margin-right: var(--size-32) !important;
829
- }
830
- [dir="rtl"] .m-x-4 {
831
- margin-right: 32px !important;
832
- margin-right: var(--size-32) !important;
833
- }
834
- html:not([dir="rtl"]) .m-x-4 {
835
- margin-left: 32px !important;
836
- margin-left: var(--size-32) !important;
837
- }
838
- [dir="rtl"] .m-x-4 {
839
- margin-left: 32px !important;
840
- margin-left: var(--size-32) !important;
841
- }
842
- html:not([dir="rtl"]) .m-x-4 {
843
- margin-right: 32px !important;
844
- margin-right: var(--size-32) !important;
845
- }
846
- [dir="rtl"] .p-l-4 {
847
- padding-right: 32px !important;
848
- padding-right: var(--size-32) !important;
849
- }
850
- html:not([dir="rtl"]) .p-l-4 {
851
- padding-left: 32px !important;
852
- padding-left: var(--size-32) !important;
853
- }
854
- [dir="rtl"] .p-r-4 {
855
- padding-left: 32px !important;
856
- padding-left: var(--size-32) !important;
857
- }
858
- html:not([dir="rtl"]) .p-r-4 {
859
- padding-right: 32px !important;
860
- padding-right: var(--size-32) !important;
861
- }
862
- [dir="rtl"] .p-x-4 {
863
- padding-right: 32px !important;
864
- padding-right: var(--size-32) !important;
865
- }
866
- html:not([dir="rtl"]) .p-x-4 {
867
- padding-left: 32px !important;
868
- padding-left: var(--size-32) !important;
869
- }
870
- [dir="rtl"] .p-x-4 {
871
- padding-left: 32px !important;
872
- padding-left: var(--size-32) !important;
873
- }
874
- html:not([dir="rtl"]) .p-x-4 {
875
- padding-right: 32px !important;
876
- padding-right: var(--size-32) !important;
557
+ padding-block-start: 32px !important;
558
+ padding-block-start: var(--size-32) !important;
559
+ padding-block-end: 32px !important;
560
+ padding-block-end: var(--size-32) !important;
561
+ }
562
+ .m-l-4 {
563
+ margin-inline-start: 32px !important;
564
+ margin-inline-start: var(--size-32) !important;
565
+ }
566
+ .m-r-4 {
567
+ margin-inline-end: 32px !important;
568
+ margin-inline-end: var(--size-32) !important;
569
+ }
570
+ .m-x-4 {
571
+ margin-inline-start: 32px !important;
572
+ margin-inline-start: var(--size-32) !important;
573
+ margin-inline-end: 32px !important;
574
+ margin-inline-end: var(--size-32) !important;
575
+ }
576
+ .p-l-4 {
577
+ padding-inline-start: 32px !important;
578
+ padding-inline-start: var(--size-32) !important;
579
+ }
580
+ .p-r-4 {
581
+ padding-inline-end: 32px !important;
582
+ padding-inline-end: var(--size-32) !important;
583
+ }
584
+ .p-x-4 {
585
+ padding-inline-start: 32px !important;
586
+ padding-inline-start: var(--size-32) !important;
587
+ padding-inline-end: 32px !important;
588
+ padding-inline-end: var(--size-32) !important;
877
589
  }
878
590
  .m-a-5 {
879
- margin-top: 40px !important;
880
- margin-top: var(--size-40) !important;
881
- margin-bottom: 40px !important;
882
- margin-bottom: var(--size-40) !important;
883
- }
884
- [dir="rtl"] .m-a-5 {
885
- margin-left: 40px !important;
886
- margin-left: var(--size-40) !important;
887
- }
888
- html:not([dir="rtl"]) .m-a-5 {
889
- margin-right: 40px !important;
890
- margin-right: var(--size-40) !important;
891
- }
892
- [dir="rtl"] .m-a-5 {
893
- margin-right: 40px !important;
894
- margin-right: var(--size-40) !important;
895
- }
896
- html:not([dir="rtl"]) .m-a-5 {
897
- margin-left: 40px !important;
898
- margin-left: var(--size-40) !important;
591
+ margin-block-start: 40px !important;
592
+ margin-block-start: var(--size-40) !important;
593
+ margin-inline-end: 40px !important;
594
+ margin-inline-end: var(--size-40) !important;
595
+ margin-block-end: 40px !important;
596
+ margin-block-end: var(--size-40) !important;
597
+ margin-inline-start: 40px !important;
598
+ margin-inline-start: var(--size-40) !important;
899
599
  }
900
600
  .p-a-5 {
901
- padding-top: 40px !important;
902
- padding-top: var(--size-40) !important;
903
- padding-bottom: 40px !important;
904
- padding-bottom: var(--size-40) !important;
905
- }
906
- [dir="rtl"] .p-a-5 {
907
- padding-left: 40px !important;
908
- padding-left: var(--size-40) !important;
909
- }
910
- html:not([dir="rtl"]) .p-a-5 {
911
- padding-right: 40px !important;
912
- padding-right: var(--size-40) !important;
913
- }
914
- [dir="rtl"] .p-a-5 {
915
- padding-right: 40px !important;
916
- padding-right: var(--size-40) !important;
917
- }
918
- html:not([dir="rtl"]) .p-a-5 {
919
- padding-left: 40px !important;
920
- padding-left: var(--size-40) !important;
601
+ padding-block-start: 40px !important;
602
+ padding-block-start: var(--size-40) !important;
603
+ padding-inline-end: 40px !important;
604
+ padding-inline-end: var(--size-40) !important;
605
+ padding-block-end: 40px !important;
606
+ padding-block-end: var(--size-40) !important;
607
+ padding-inline-start: 40px !important;
608
+ padding-inline-start: var(--size-40) !important;
921
609
  }
922
610
  .m-t-5 {
923
- margin-top: 40px !important;
924
- margin-top: var(--size-40) !important;
611
+ margin-block-start: 40px !important;
612
+ margin-block-start: var(--size-40) !important;
925
613
  }
926
614
  .m-b-5 {
927
- margin-bottom: 40px !important;
928
- margin-bottom: var(--size-40) !important;
615
+ margin-block-end: 40px !important;
616
+ margin-block-end: var(--size-40) !important;
929
617
  }
930
618
  .m-y-5 {
931
- margin-top: 40px !important;
932
- margin-top: var(--size-40) !important;
933
- margin-bottom: 40px !important;
934
- margin-bottom: var(--size-40) !important;
619
+ margin-block-start: 40px !important;
620
+ margin-block-start: var(--size-40) !important;
621
+ margin-block-end: 40px !important;
622
+ margin-block-end: var(--size-40) !important;
935
623
  }
936
624
  .p-t-5 {
937
- padding-top: 40px !important;
938
- padding-top: var(--size-40) !important;
625
+ padding-block-start: 40px !important;
626
+ padding-block-start: var(--size-40) !important;
939
627
  }
940
628
  .p-b-5 {
941
- padding-bottom: 40px !important;
942
- padding-bottom: var(--size-40) !important;
629
+ padding-block-end: 40px !important;
630
+ padding-block-end: var(--size-40) !important;
943
631
  }
944
632
  .p-y-5 {
945
- padding-top: 40px !important;
946
- padding-top: var(--size-40) !important;
947
- padding-bottom: 40px !important;
948
- padding-bottom: var(--size-40) !important;
949
- }
950
- [dir="rtl"] .m-l-5 {
951
- margin-right: 40px !important;
952
- margin-right: var(--size-40) !important;
953
- }
954
- html:not([dir="rtl"]) .m-l-5 {
955
- margin-left: 40px !important;
956
- margin-left: var(--size-40) !important;
957
- }
958
- [dir="rtl"] .m-r-5 {
959
- margin-left: 40px !important;
960
- margin-left: var(--size-40) !important;
961
- }
962
- html:not([dir="rtl"]) .m-r-5 {
963
- margin-right: 40px !important;
964
- margin-right: var(--size-40) !important;
965
- }
966
- [dir="rtl"] .m-x-5 {
967
- margin-right: 40px !important;
968
- margin-right: var(--size-40) !important;
969
- }
970
- html:not([dir="rtl"]) .m-x-5 {
971
- margin-left: 40px !important;
972
- margin-left: var(--size-40) !important;
973
- }
974
- [dir="rtl"] .m-x-5 {
975
- margin-left: 40px !important;
976
- margin-left: var(--size-40) !important;
977
- }
978
- html:not([dir="rtl"]) .m-x-5 {
979
- margin-right: 40px !important;
980
- margin-right: var(--size-40) !important;
981
- }
982
- [dir="rtl"] .p-l-5 {
983
- padding-right: 40px !important;
984
- padding-right: var(--size-40) !important;
985
- }
986
- html:not([dir="rtl"]) .p-l-5 {
987
- padding-left: 40px !important;
988
- padding-left: var(--size-40) !important;
989
- }
990
- [dir="rtl"] .p-r-5 {
991
- padding-left: 40px !important;
992
- padding-left: var(--size-40) !important;
993
- }
994
- html:not([dir="rtl"]) .p-r-5 {
995
- padding-right: 40px !important;
996
- padding-right: var(--size-40) !important;
997
- }
998
- [dir="rtl"] .p-x-5 {
999
- padding-right: 40px !important;
1000
- padding-right: var(--size-40) !important;
1001
- }
1002
- html:not([dir="rtl"]) .p-x-5 {
1003
- padding-left: 40px !important;
1004
- padding-left: var(--size-40) !important;
1005
- }
1006
- [dir="rtl"] .p-x-5 {
1007
- padding-left: 40px !important;
1008
- padding-left: var(--size-40) !important;
1009
- }
1010
- html:not([dir="rtl"]) .p-x-5 {
1011
- padding-right: 40px !important;
1012
- padding-right: var(--size-40) !important;
633
+ padding-block-start: 40px !important;
634
+ padding-block-start: var(--size-40) !important;
635
+ padding-block-end: 40px !important;
636
+ padding-block-end: var(--size-40) !important;
637
+ }
638
+ .m-l-5 {
639
+ margin-inline-start: 40px !important;
640
+ margin-inline-start: var(--size-40) !important;
641
+ }
642
+ .m-r-5 {
643
+ margin-inline-end: 40px !important;
644
+ margin-inline-end: var(--size-40) !important;
645
+ }
646
+ .m-x-5 {
647
+ margin-inline-start: 40px !important;
648
+ margin-inline-start: var(--size-40) !important;
649
+ margin-inline-end: 40px !important;
650
+ margin-inline-end: var(--size-40) !important;
651
+ }
652
+ .p-l-5 {
653
+ padding-inline-start: 40px !important;
654
+ padding-inline-start: var(--size-40) !important;
655
+ }
656
+ .p-r-5 {
657
+ padding-inline-end: 40px !important;
658
+ padding-inline-end: var(--size-40) !important;
659
+ }
660
+ .p-x-5 {
661
+ padding-inline-start: 40px !important;
662
+ padding-inline-start: var(--size-40) !important;
663
+ padding-inline-end: 40px !important;
664
+ padding-inline-end: var(--size-40) !important;
1013
665
  }
1014
666
  .m-t-4 {
1015
- margin-top: 32px !important;
1016
- margin-top: var(--size-32) !important;
667
+ margin-block-start: 32px !important;
668
+ margin-block-start: var(--size-32) !important;
1017
669
  }
1018
670
  .m-b-4 {
1019
- margin-bottom: 32px !important;
1020
- margin-bottom: var(--size-32) !important;
671
+ margin-block-end: 32px !important;
672
+ margin-block-end: var(--size-32) !important;
1021
673
  }
1022
674
  .m-y-4 {
1023
- margin-top: 32px !important;
1024
- margin-top: var(--size-32) !important;
1025
- margin-bottom: 32px !important;
1026
- margin-bottom: var(--size-32) !important;
675
+ margin-block-start: 32px !important;
676
+ margin-block-start: var(--size-32) !important;
677
+ margin-block-end: 32px !important;
678
+ margin-block-end: var(--size-32) !important;
1027
679
  }
1028
680
  .p-t-4 {
1029
- padding-top: 32px !important;
1030
- padding-top: var(--size-32) !important;
681
+ padding-block-start: 32px !important;
682
+ padding-block-start: var(--size-32) !important;
1031
683
  }
1032
684
  .p-b-4 {
1033
- padding-bottom: 32px !important;
1034
- padding-bottom: var(--size-32) !important;
685
+ padding-block-end: 32px !important;
686
+ padding-block-end: var(--size-32) !important;
1035
687
  }
1036
688
  .p-y-4 {
1037
- padding-top: 32px !important;
1038
- padding-top: var(--size-32) !important;
1039
- padding-bottom: 32px !important;
1040
- padding-bottom: var(--size-32) !important;
689
+ padding-block-start: 32px !important;
690
+ padding-block-start: var(--size-32) !important;
691
+ padding-block-end: 32px !important;
692
+ padding-block-end: var(--size-32) !important;
1041
693
  }
1042
694
  .m-t-5 {
1043
- margin-top: 40px !important;
1044
- margin-top: var(--size-40) !important;
695
+ margin-block-start: 40px !important;
696
+ margin-block-start: var(--size-40) !important;
1045
697
  }
1046
698
  .m-b-5 {
1047
- margin-bottom: 40px !important;
1048
- margin-bottom: var(--size-40) !important;
699
+ margin-block-end: 40px !important;
700
+ margin-block-end: var(--size-40) !important;
1049
701
  }
1050
702
  .m-y-5 {
1051
- margin-top: 40px !important;
1052
- margin-top: var(--size-40) !important;
1053
- margin-bottom: 40px !important;
1054
- margin-bottom: var(--size-40) !important;
703
+ margin-block-start: 40px !important;
704
+ margin-block-start: var(--size-40) !important;
705
+ margin-block-end: 40px !important;
706
+ margin-block-end: var(--size-40) !important;
1055
707
  }
1056
708
  .p-t-5 {
1057
- padding-top: 40px !important;
1058
- padding-top: var(--size-40) !important;
709
+ padding-block-start: 40px !important;
710
+ padding-block-start: var(--size-40) !important;
1059
711
  }
1060
712
  .p-b-5 {
1061
- padding-bottom: 40px !important;
1062
- padding-bottom: var(--size-40) !important;
713
+ padding-block-end: 40px !important;
714
+ padding-block-end: var(--size-40) !important;
1063
715
  }
1064
716
  .p-y-5 {
1065
- padding-top: 40px !important;
1066
- padding-top: var(--size-40) !important;
1067
- padding-bottom: 40px !important;
1068
- padding-bottom: var(--size-40) !important;
717
+ padding-block-start: 40px !important;
718
+ padding-block-start: var(--size-40) !important;
719
+ padding-block-end: 40px !important;
720
+ padding-block-end: var(--size-40) !important;
1069
721
  }
1070
722
  .gap-y-1 {
1071
723
  row-gap: 8px;
1072
724
  row-gap: var(--size-8);
1073
725
  }
1074
726
  .m-a-panel {
1075
- margin-top: 16px !important;
1076
- margin-top: var(--size-16) !important;
1077
- margin-bottom: 16px !important;
1078
- margin-bottom: var(--size-16) !important;
1079
- }
1080
- [dir="rtl"] .m-a-panel {
1081
- margin-left: 16px !important;
1082
- margin-left: var(--size-16) !important;
1083
- }
1084
- html:not([dir="rtl"]) .m-a-panel {
1085
- margin-right: 16px !important;
1086
- margin-right: var(--size-16) !important;
1087
- }
1088
- [dir="rtl"] .m-a-panel {
1089
- margin-right: 16px !important;
1090
- margin-right: var(--size-16) !important;
1091
- }
1092
- html:not([dir="rtl"]) .m-a-panel {
1093
- margin-left: 16px !important;
1094
- margin-left: var(--size-16) !important;
727
+ margin-block-start: 16px !important;
728
+ margin-block-start: var(--size-16) !important;
729
+ margin-inline-end: 16px !important;
730
+ margin-inline-end: var(--size-16) !important;
731
+ margin-block-end: 16px !important;
732
+ margin-block-end: var(--size-16) !important;
733
+ margin-inline-start: 16px !important;
734
+ margin-inline-start: var(--size-16) !important;
1095
735
  }
1096
736
  .p-a-panel {
1097
- padding-top: 16px !important;
1098
- padding-top: var(--size-16) !important;
1099
- padding-bottom: 16px !important;
1100
- padding-bottom: var(--size-16) !important;
1101
- }
1102
- [dir="rtl"] .p-a-panel {
1103
- padding-left: 16px !important;
1104
- padding-left: var(--size-16) !important;
1105
- }
1106
- html:not([dir="rtl"]) .p-a-panel {
1107
- padding-right: 16px !important;
1108
- padding-right: var(--size-16) !important;
1109
- }
1110
- [dir="rtl"] .p-a-panel {
1111
- padding-right: 16px !important;
1112
- padding-right: var(--size-16) !important;
1113
- }
1114
- html:not([dir="rtl"]) .p-a-panel {
1115
- padding-left: 16px !important;
1116
- padding-left: var(--size-16) !important;
737
+ padding-block-start: 16px !important;
738
+ padding-block-start: var(--size-16) !important;
739
+ padding-inline-end: 16px !important;
740
+ padding-inline-end: var(--size-16) !important;
741
+ padding-block-end: 16px !important;
742
+ padding-block-end: var(--size-16) !important;
743
+ padding-inline-start: 16px !important;
744
+ padding-inline-start: var(--size-16) !important;
1117
745
  }
1118
746
  @media (min-width: 600px) {
1119
747
  .m-a-panel {
1120
- margin-top: 24px !important;
1121
- margin-top: var(--size-24) !important;
1122
- margin-bottom: 24px !important;
1123
- margin-bottom: var(--size-24) !important;
1124
- }
1125
- [dir="rtl"] .m-a-panel {
1126
- margin-left: 24px !important;
1127
- margin-left: var(--size-24) !important;
1128
- }
1129
- html:not([dir="rtl"]) .m-a-panel {
1130
- margin-right: 24px !important;
1131
- margin-right: var(--size-24) !important;
1132
- }
1133
- [dir="rtl"] .m-a-panel {
1134
- margin-right: 24px !important;
1135
- margin-right: var(--size-24) !important;
1136
- }
1137
- html:not([dir="rtl"]) .m-a-panel {
1138
- margin-left: 24px !important;
1139
- margin-left: var(--size-24) !important;
748
+ margin-block-start: 24px !important;
749
+ margin-block-start: var(--size-24) !important;
750
+ margin-inline-end: 24px !important;
751
+ margin-inline-end: var(--size-24) !important;
752
+ margin-block-end: 24px !important;
753
+ margin-block-end: var(--size-24) !important;
754
+ margin-inline-start: 24px !important;
755
+ margin-inline-start: var(--size-24) !important;
1140
756
  }
1141
757
  .p-a-panel {
1142
- padding-top: 24px !important;
1143
- padding-top: var(--size-24) !important;
1144
- padding-bottom: 24px !important;
1145
- padding-bottom: var(--size-24) !important;
1146
- }
1147
- [dir="rtl"] .p-a-panel {
1148
- padding-left: 24px !important;
1149
- padding-left: var(--size-24) !important;
1150
- }
1151
- html:not([dir="rtl"]) .p-a-panel {
1152
- padding-right: 24px !important;
1153
- padding-right: var(--size-24) !important;
1154
- }
1155
- [dir="rtl"] .p-a-panel {
1156
- padding-right: 24px !important;
1157
- padding-right: var(--size-24) !important;
1158
- }
1159
- html:not([dir="rtl"]) .p-a-panel {
1160
- padding-left: 24px !important;
1161
- padding-left: var(--size-24) !important;
758
+ padding-block-start: 24px !important;
759
+ padding-block-start: var(--size-24) !important;
760
+ padding-inline-end: 24px !important;
761
+ padding-inline-end: var(--size-24) !important;
762
+ padding-block-end: 24px !important;
763
+ padding-block-end: var(--size-24) !important;
764
+ padding-inline-start: 24px !important;
765
+ padding-inline-start: var(--size-24) !important;
1162
766
  }
1163
767
  }
1164
768
  @media (min-width: 1160px) {
1165
769
  .m-a-panel {
1166
- margin-top: 32px !important;
1167
- margin-top: var(--size-32) !important;
1168
- margin-bottom: 32px !important;
1169
- margin-bottom: var(--size-32) !important;
1170
- }
1171
- [dir="rtl"] .m-a-panel {
1172
- margin-left: 32px !important;
1173
- margin-left: var(--size-32) !important;
1174
- }
1175
- html:not([dir="rtl"]) .m-a-panel {
1176
- margin-right: 32px !important;
1177
- margin-right: var(--size-32) !important;
1178
- }
1179
- [dir="rtl"] .m-a-panel {
1180
- margin-right: 32px !important;
1181
- margin-right: var(--size-32) !important;
1182
- }
1183
- html:not([dir="rtl"]) .m-a-panel {
1184
- margin-left: 32px !important;
1185
- margin-left: var(--size-32) !important;
770
+ margin-block-start: 32px !important;
771
+ margin-block-start: var(--size-32) !important;
772
+ margin-inline-end: 32px !important;
773
+ margin-inline-end: var(--size-32) !important;
774
+ margin-block-end: 32px !important;
775
+ margin-block-end: var(--size-32) !important;
776
+ margin-inline-start: 32px !important;
777
+ margin-inline-start: var(--size-32) !important;
1186
778
  }
1187
779
  .p-a-panel {
1188
- padding-top: 32px !important;
1189
- padding-top: var(--size-32) !important;
1190
- padding-bottom: 32px !important;
1191
- padding-bottom: var(--size-32) !important;
1192
- }
1193
- [dir="rtl"] .p-a-panel {
1194
- padding-left: 32px !important;
1195
- padding-left: var(--size-32) !important;
1196
- }
1197
- html:not([dir="rtl"]) .p-a-panel {
1198
- padding-right: 32px !important;
1199
- padding-right: var(--size-32) !important;
1200
- }
1201
- [dir="rtl"] .p-a-panel {
1202
- padding-right: 32px !important;
1203
- padding-right: var(--size-32) !important;
1204
- }
1205
- html:not([dir="rtl"]) .p-a-panel {
1206
- padding-left: 32px !important;
1207
- padding-left: var(--size-32) !important;
780
+ padding-block-start: 32px !important;
781
+ padding-block-start: var(--size-32) !important;
782
+ padding-inline-end: 32px !important;
783
+ padding-inline-end: var(--size-32) !important;
784
+ padding-block-end: 32px !important;
785
+ padding-block-end: var(--size-32) !important;
786
+ padding-inline-start: 32px !important;
787
+ padding-inline-start: var(--size-32) !important;
1208
788
  }
1209
789
  }
1210
790
  .m-t-panel {
1211
- margin-top: 16px !important;
1212
- margin-top: var(--size-16) !important;
791
+ margin-block-start: 16px !important;
792
+ margin-block-start: var(--size-16) !important;
1213
793
  }
1214
794
  .m-b-panel {
1215
- margin-bottom: 16px !important;
1216
- margin-bottom: var(--size-16) !important;
795
+ margin-block-end: 16px !important;
796
+ margin-block-end: var(--size-16) !important;
1217
797
  }
1218
798
  .m-y-panel {
1219
- margin-top: 16px !important;
1220
- margin-top: var(--size-16) !important;
1221
- margin-bottom: 16px !important;
1222
- margin-bottom: var(--size-16) !important;
799
+ margin-block-start: 16px !important;
800
+ margin-block-start: var(--size-16) !important;
801
+ margin-block-end: 16px !important;
802
+ margin-block-end: var(--size-16) !important;
1223
803
  }
1224
804
  .p-t-panel {
1225
- padding-top: 16px !important;
1226
- padding-top: var(--size-16) !important;
805
+ padding-block-start: 16px !important;
806
+ padding-block-start: var(--size-16) !important;
1227
807
  }
1228
808
  .p-b-panel {
1229
- padding-bottom: 16px !important;
1230
- padding-bottom: var(--size-16) !important;
809
+ padding-block-end: 16px !important;
810
+ padding-block-end: var(--size-16) !important;
1231
811
  }
1232
812
  .p-y-panel {
1233
- padding-top: 16px !important;
1234
- padding-top: var(--size-16) !important;
1235
- padding-bottom: 16px !important;
1236
- padding-bottom: var(--size-16) !important;
813
+ padding-block-start: 16px !important;
814
+ padding-block-start: var(--size-16) !important;
815
+ padding-block-end: 16px !important;
816
+ padding-block-end: var(--size-16) !important;
1237
817
  }
1238
818
  @media (min-width: 600px) {
1239
819
  .m-t-panel {
1240
- margin-top: 24px !important;
1241
- margin-top: var(--size-24) !important;
820
+ margin-block-start: 24px !important;
821
+ margin-block-start: var(--size-24) !important;
1242
822
  }
1243
823
  .m-b-panel {
1244
- margin-bottom: 24px !important;
1245
- margin-bottom: var(--size-24) !important;
824
+ margin-block-end: 24px !important;
825
+ margin-block-end: var(--size-24) !important;
1246
826
  }
1247
827
  .m-y-panel {
1248
- margin-top: 24px !important;
1249
- margin-top: var(--size-24) !important;
1250
- margin-bottom: 24px !important;
1251
- margin-bottom: var(--size-24) !important;
828
+ margin-block-start: 24px !important;
829
+ margin-block-start: var(--size-24) !important;
830
+ margin-block-end: 24px !important;
831
+ margin-block-end: var(--size-24) !important;
1252
832
  }
1253
833
  .p-t-panel {
1254
- padding-top: 24px !important;
1255
- padding-top: var(--size-24) !important;
834
+ padding-block-start: 24px !important;
835
+ padding-block-start: var(--size-24) !important;
1256
836
  }
1257
837
  .p-b-panel {
1258
- padding-bottom: 24px !important;
1259
- padding-bottom: var(--size-24) !important;
838
+ padding-block-end: 24px !important;
839
+ padding-block-end: var(--size-24) !important;
1260
840
  }
1261
841
  .p-y-panel {
1262
- padding-top: 24px !important;
1263
- padding-top: var(--size-24) !important;
1264
- padding-bottom: 24px !important;
1265
- padding-bottom: var(--size-24) !important;
842
+ padding-block-start: 24px !important;
843
+ padding-block-start: var(--size-24) !important;
844
+ padding-block-end: 24px !important;
845
+ padding-block-end: var(--size-24) !important;
1266
846
  }
1267
847
  }
1268
848
  @media (min-width: 1160px) {
1269
849
  .m-t-panel {
1270
- margin-top: 32px !important;
1271
- margin-top: var(--size-32) !important;
850
+ margin-block-start: 32px !important;
851
+ margin-block-start: var(--size-32) !important;
1272
852
  }
1273
853
  .m-b-panel {
1274
- margin-bottom: 32px !important;
1275
- margin-bottom: var(--size-32) !important;
854
+ margin-block-end: 32px !important;
855
+ margin-block-end: var(--size-32) !important;
1276
856
  }
1277
857
  .m-y-panel {
1278
- margin-top: 32px !important;
1279
- margin-top: var(--size-32) !important;
1280
- margin-bottom: 32px !important;
1281
- margin-bottom: var(--size-32) !important;
858
+ margin-block-start: 32px !important;
859
+ margin-block-start: var(--size-32) !important;
860
+ margin-block-end: 32px !important;
861
+ margin-block-end: var(--size-32) !important;
1282
862
  }
1283
863
  .p-t-panel {
1284
- padding-top: 32px !important;
1285
- padding-top: var(--size-32) !important;
864
+ padding-block-start: 32px !important;
865
+ padding-block-start: var(--size-32) !important;
1286
866
  }
1287
867
  .p-b-panel {
1288
- padding-bottom: 32px !important;
1289
- padding-bottom: var(--size-32) !important;
868
+ padding-block-end: 32px !important;
869
+ padding-block-end: var(--size-32) !important;
1290
870
  }
1291
871
  .p-y-panel {
1292
- padding-top: 32px !important;
1293
- padding-top: var(--size-32) !important;
1294
- padding-bottom: 32px !important;
1295
- padding-bottom: var(--size-32) !important;
872
+ padding-block-start: 32px !important;
873
+ padding-block-start: var(--size-32) !important;
874
+ padding-block-end: 32px !important;
875
+ padding-block-end: var(--size-32) !important;
1296
876
  }
1297
877
  }
1298
- [dir="rtl"] .m-l-panel {
1299
- margin-right: 16px !important;
1300
- margin-right: var(--size-16) !important;
1301
- }
1302
- html:not([dir="rtl"]) .m-l-panel {
1303
- margin-left: 16px !important;
1304
- margin-left: var(--size-16) !important;
1305
- }
1306
- [dir="rtl"] .m-r-panel {
1307
- margin-left: 16px !important;
1308
- margin-left: var(--size-16) !important;
1309
- }
1310
- html:not([dir="rtl"]) .m-r-panel {
1311
- margin-right: 16px !important;
1312
- margin-right: var(--size-16) !important;
1313
- }
1314
- [dir="rtl"] .m-x-panel {
1315
- margin-right: 16px !important;
1316
- margin-right: var(--size-16) !important;
1317
- }
1318
- html:not([dir="rtl"]) .m-x-panel {
1319
- margin-left: 16px !important;
1320
- margin-left: var(--size-16) !important;
1321
- }
1322
- [dir="rtl"] .m-x-panel {
1323
- margin-left: 16px !important;
1324
- margin-left: var(--size-16) !important;
1325
- }
1326
- html:not([dir="rtl"]) .m-x-panel {
1327
- margin-right: 16px !important;
1328
- margin-right: var(--size-16) !important;
1329
- }
1330
- [dir="rtl"] .p-l-panel {
1331
- padding-right: 16px !important;
1332
- padding-right: var(--size-16) !important;
1333
- }
1334
- html:not([dir="rtl"]) .p-l-panel {
1335
- padding-left: 16px !important;
1336
- padding-left: var(--size-16) !important;
1337
- }
1338
- [dir="rtl"] .p-r-panel {
1339
- padding-left: 16px !important;
1340
- padding-left: var(--size-16) !important;
878
+ .m-l-panel {
879
+ margin-inline-start: 16px !important;
880
+ margin-inline-start: var(--size-16) !important;
1341
881
  }
1342
- html:not([dir="rtl"]) .p-r-panel {
1343
- padding-right: 16px !important;
1344
- padding-right: var(--size-16) !important;
882
+ .m-r-panel {
883
+ margin-inline-end: 16px !important;
884
+ margin-inline-end: var(--size-16) !important;
1345
885
  }
1346
- [dir="rtl"] .p-x-panel {
1347
- padding-right: 16px !important;
1348
- padding-right: var(--size-16) !important;
886
+ .m-x-panel {
887
+ margin-inline-start: 16px !important;
888
+ margin-inline-start: var(--size-16) !important;
889
+ margin-inline-end: 16px !important;
890
+ margin-inline-end: var(--size-16) !important;
1349
891
  }
1350
- html:not([dir="rtl"]) .p-x-panel {
1351
- padding-left: 16px !important;
1352
- padding-left: var(--size-16) !important;
892
+ .p-l-panel {
893
+ padding-inline-start: 16px !important;
894
+ padding-inline-start: var(--size-16) !important;
1353
895
  }
1354
- [dir="rtl"] .p-x-panel {
1355
- padding-left: 16px !important;
1356
- padding-left: var(--size-16) !important;
896
+ .p-r-panel {
897
+ padding-inline-end: 16px !important;
898
+ padding-inline-end: var(--size-16) !important;
1357
899
  }
1358
- html:not([dir="rtl"]) .p-x-panel {
1359
- padding-right: 16px !important;
1360
- padding-right: var(--size-16) !important;
900
+ .p-x-panel {
901
+ padding-inline-start: 16px !important;
902
+ padding-inline-start: var(--size-16) !important;
903
+ padding-inline-end: 16px !important;
904
+ padding-inline-end: var(--size-16) !important;
1361
905
  }
1362
906
  @media (min-width: 600px) {
1363
- [dir="rtl"] .m-l-panel {
1364
- margin-right: 24px !important;
1365
- margin-right: var(--size-24) !important;
907
+ .m-l-panel {
908
+ margin-inline-start: 24px !important;
909
+ margin-inline-start: var(--size-24) !important;
1366
910
  }
1367
- html:not([dir="rtl"]) .m-l-panel {
1368
- margin-left: 24px !important;
1369
- margin-left: var(--size-24) !important;
911
+ .m-r-panel {
912
+ margin-inline-end: 24px !important;
913
+ margin-inline-end: var(--size-24) !important;
1370
914
  }
1371
- [dir="rtl"] .m-r-panel {
1372
- margin-left: 24px !important;
1373
- margin-left: var(--size-24) !important;
915
+ .m-x-panel {
916
+ margin-inline-start: 24px !important;
917
+ margin-inline-start: var(--size-24) !important;
918
+ margin-inline-end: 24px !important;
919
+ margin-inline-end: var(--size-24) !important;
1374
920
  }
1375
- html:not([dir="rtl"]) .m-r-panel {
1376
- margin-right: 24px !important;
1377
- margin-right: var(--size-24) !important;
921
+ .p-l-panel {
922
+ padding-inline-start: 24px !important;
923
+ padding-inline-start: var(--size-24) !important;
1378
924
  }
1379
- [dir="rtl"] .m-x-panel {
1380
- margin-right: 24px !important;
1381
- margin-right: var(--size-24) !important;
925
+ .p-r-panel {
926
+ padding-inline-end: 24px !important;
927
+ padding-inline-end: var(--size-24) !important;
1382
928
  }
1383
- html:not([dir="rtl"]) .m-x-panel {
1384
- margin-left: 24px !important;
1385
- margin-left: var(--size-24) !important;
1386
- }
1387
- [dir="rtl"] .m-x-panel {
1388
- margin-left: 24px !important;
1389
- margin-left: var(--size-24) !important;
1390
- }
1391
- html:not([dir="rtl"]) .m-x-panel {
1392
- margin-right: 24px !important;
1393
- margin-right: var(--size-24) !important;
1394
- }
1395
- [dir="rtl"] .p-l-panel {
1396
- padding-right: 24px !important;
1397
- padding-right: var(--size-24) !important;
1398
- }
1399
- html:not([dir="rtl"]) .p-l-panel {
1400
- padding-left: 24px !important;
1401
- padding-left: var(--size-24) !important;
1402
- }
1403
- [dir="rtl"] .p-r-panel {
1404
- padding-left: 24px !important;
1405
- padding-left: var(--size-24) !important;
1406
- }
1407
- html:not([dir="rtl"]) .p-r-panel {
1408
- padding-right: 24px !important;
1409
- padding-right: var(--size-24) !important;
1410
- }
1411
- [dir="rtl"] .p-x-panel {
1412
- padding-right: 24px !important;
1413
- padding-right: var(--size-24) !important;
1414
- }
1415
- html:not([dir="rtl"]) .p-x-panel {
1416
- padding-left: 24px !important;
1417
- padding-left: var(--size-24) !important;
1418
- }
1419
- [dir="rtl"] .p-x-panel {
1420
- padding-left: 24px !important;
1421
- padding-left: var(--size-24) !important;
1422
- }
1423
- html:not([dir="rtl"]) .p-x-panel {
1424
- padding-right: 24px !important;
1425
- padding-right: var(--size-24) !important;
929
+ .p-x-panel {
930
+ padding-inline-start: 24px !important;
931
+ padding-inline-start: var(--size-24) !important;
932
+ padding-inline-end: 24px !important;
933
+ padding-inline-end: var(--size-24) !important;
1426
934
  }
1427
935
  }
1428
936
  @media (min-width: 1160px) {
1429
- [dir="rtl"] .m-l-panel {
1430
- margin-right: 32px !important;
1431
- margin-right: var(--size-32) !important;
1432
- }
1433
- html:not([dir="rtl"]) .m-l-panel {
1434
- margin-left: 32px !important;
1435
- margin-left: var(--size-32) !important;
1436
- }
1437
- [dir="rtl"] .m-r-panel {
1438
- margin-left: 32px !important;
1439
- margin-left: var(--size-32) !important;
937
+ .m-l-panel {
938
+ margin-inline-start: 32px !important;
939
+ margin-inline-start: var(--size-32) !important;
1440
940
  }
1441
- html:not([dir="rtl"]) .m-r-panel {
1442
- margin-right: 32px !important;
1443
- margin-right: var(--size-32) !important;
941
+ .m-r-panel {
942
+ margin-inline-end: 32px !important;
943
+ margin-inline-end: var(--size-32) !important;
1444
944
  }
1445
- [dir="rtl"] .m-x-panel {
1446
- margin-right: 32px !important;
1447
- margin-right: var(--size-32) !important;
945
+ .m-x-panel {
946
+ margin-inline-start: 32px !important;
947
+ margin-inline-start: var(--size-32) !important;
948
+ margin-inline-end: 32px !important;
949
+ margin-inline-end: var(--size-32) !important;
1448
950
  }
1449
- html:not([dir="rtl"]) .m-x-panel {
1450
- margin-left: 32px !important;
1451
- margin-left: var(--size-32) !important;
951
+ .p-l-panel {
952
+ padding-inline-start: 32px !important;
953
+ padding-inline-start: var(--size-32) !important;
1452
954
  }
1453
- [dir="rtl"] .m-x-panel {
1454
- margin-left: 32px !important;
1455
- margin-left: var(--size-32) !important;
955
+ .p-r-panel {
956
+ padding-inline-end: 32px !important;
957
+ padding-inline-end: var(--size-32) !important;
1456
958
  }
1457
- html:not([dir="rtl"]) .m-x-panel {
1458
- margin-right: 32px !important;
1459
- margin-right: var(--size-32) !important;
1460
- }
1461
- [dir="rtl"] .p-l-panel {
1462
- padding-right: 32px !important;
1463
- padding-right: var(--size-32) !important;
1464
- }
1465
- html:not([dir="rtl"]) .p-l-panel {
1466
- padding-left: 32px !important;
1467
- padding-left: var(--size-32) !important;
1468
- }
1469
- [dir="rtl"] .p-r-panel {
1470
- padding-left: 32px !important;
1471
- padding-left: var(--size-32) !important;
1472
- }
1473
- html:not([dir="rtl"]) .p-r-panel {
1474
- padding-right: 32px !important;
1475
- padding-right: var(--size-32) !important;
1476
- }
1477
- [dir="rtl"] .p-x-panel {
1478
- padding-right: 32px !important;
1479
- padding-right: var(--size-32) !important;
1480
- }
1481
- html:not([dir="rtl"]) .p-x-panel {
1482
- padding-left: 32px !important;
1483
- padding-left: var(--size-32) !important;
1484
- }
1485
- [dir="rtl"] .p-x-panel {
1486
- padding-left: 32px !important;
1487
- padding-left: var(--size-32) !important;
1488
- }
1489
- html:not([dir="rtl"]) .p-x-panel {
1490
- padding-right: 32px !important;
1491
- padding-right: var(--size-32) !important;
959
+ .p-x-panel {
960
+ padding-inline-start: 32px !important;
961
+ padding-inline-start: var(--size-32) !important;
962
+ padding-inline-end: 32px !important;
963
+ padding-inline-end: var(--size-32) !important;
1492
964
  }
1493
965
  }
1494
966
  .m-t-section-1 {
1495
- margin-top: 16px !important;
1496
- margin-top: var(--size-16) !important;
967
+ margin-block-start: 16px !important;
968
+ margin-block-start: var(--size-16) !important;
1497
969
  }
1498
970
  .m-b-section-1 {
1499
- margin-bottom: 16px !important;
1500
- margin-bottom: var(--size-16) !important;
971
+ margin-block-end: 16px !important;
972
+ margin-block-end: var(--size-16) !important;
1501
973
  }
1502
974
  .m-y-section-1 {
1503
- margin-top: 16px !important;
1504
- margin-top: var(--size-16) !important;
1505
- margin-bottom: 16px !important;
1506
- margin-bottom: var(--size-16) !important;
975
+ margin-block-start: 16px !important;
976
+ margin-block-start: var(--size-16) !important;
977
+ margin-block-end: 16px !important;
978
+ margin-block-end: var(--size-16) !important;
1507
979
  }
1508
980
  .p-t-section-1 {
1509
- padding-top: 16px !important;
1510
- padding-top: var(--size-16) !important;
981
+ padding-block-start: 16px !important;
982
+ padding-block-start: var(--size-16) !important;
1511
983
  }
1512
984
  .p-b-section-1 {
1513
- padding-bottom: 16px !important;
1514
- padding-bottom: var(--size-16) !important;
985
+ padding-block-end: 16px !important;
986
+ padding-block-end: var(--size-16) !important;
1515
987
  }
1516
988
  .p-y-section-1 {
1517
- padding-top: 16px !important;
1518
- padding-top: var(--size-16) !important;
1519
- padding-bottom: 16px !important;
1520
- padding-bottom: var(--size-16) !important;
989
+ padding-block-start: 16px !important;
990
+ padding-block-start: var(--size-16) !important;
991
+ padding-block-end: 16px !important;
992
+ padding-block-end: var(--size-16) !important;
1521
993
  }
1522
994
  @media (min-width: 600px) {
1523
995
  .m-t-section-1 {
1524
- margin-top: 24px !important;
1525
- margin-top: var(--size-24) !important;
996
+ margin-block-start: 24px !important;
997
+ margin-block-start: var(--size-24) !important;
1526
998
  }
1527
999
  .m-b-section-1 {
1528
- margin-bottom: 24px !important;
1529
- margin-bottom: var(--size-24) !important;
1000
+ margin-block-end: 24px !important;
1001
+ margin-block-end: var(--size-24) !important;
1530
1002
  }
1531
1003
  .m-y-section-1 {
1532
- margin-top: 24px !important;
1533
- margin-top: var(--size-24) !important;
1534
- margin-bottom: 24px !important;
1535
- margin-bottom: var(--size-24) !important;
1004
+ margin-block-start: 24px !important;
1005
+ margin-block-start: var(--size-24) !important;
1006
+ margin-block-end: 24px !important;
1007
+ margin-block-end: var(--size-24) !important;
1536
1008
  }
1537
1009
  .p-t-section-1 {
1538
- padding-top: 24px !important;
1539
- padding-top: var(--size-24) !important;
1010
+ padding-block-start: 24px !important;
1011
+ padding-block-start: var(--size-24) !important;
1540
1012
  }
1541
1013
  .p-b-section-1 {
1542
- padding-bottom: 24px !important;
1543
- padding-bottom: var(--size-24) !important;
1014
+ padding-block-end: 24px !important;
1015
+ padding-block-end: var(--size-24) !important;
1544
1016
  }
1545
1017
  .p-y-section-1 {
1546
- padding-top: 24px !important;
1547
- padding-top: var(--size-24) !important;
1548
- padding-bottom: 24px !important;
1549
- padding-bottom: var(--size-24) !important;
1018
+ padding-block-start: 24px !important;
1019
+ padding-block-start: var(--size-24) !important;
1020
+ padding-block-end: 24px !important;
1021
+ padding-block-end: var(--size-24) !important;
1550
1022
  }
1551
1023
  }
1552
1024
  @media (min-width: 1160px) {
1553
1025
  .m-t-section-1 {
1554
- margin-top: 32px !important;
1555
- margin-top: var(--size-32) !important;
1026
+ margin-block-start: 32px !important;
1027
+ margin-block-start: var(--size-32) !important;
1556
1028
  }
1557
1029
  .m-b-section-1 {
1558
- margin-bottom: 32px !important;
1559
- margin-bottom: var(--size-32) !important;
1030
+ margin-block-end: 32px !important;
1031
+ margin-block-end: var(--size-32) !important;
1560
1032
  }
1561
1033
  .m-y-section-1 {
1562
- margin-top: 32px !important;
1563
- margin-top: var(--size-32) !important;
1564
- margin-bottom: 32px !important;
1565
- margin-bottom: var(--size-32) !important;
1034
+ margin-block-start: 32px !important;
1035
+ margin-block-start: var(--size-32) !important;
1036
+ margin-block-end: 32px !important;
1037
+ margin-block-end: var(--size-32) !important;
1566
1038
  }
1567
1039
  .p-t-section-1 {
1568
- padding-top: 32px !important;
1569
- padding-top: var(--size-32) !important;
1040
+ padding-block-start: 32px !important;
1041
+ padding-block-start: var(--size-32) !important;
1570
1042
  }
1571
1043
  .p-b-section-1 {
1572
- padding-bottom: 32px !important;
1573
- padding-bottom: var(--size-32) !important;
1044
+ padding-block-end: 32px !important;
1045
+ padding-block-end: var(--size-32) !important;
1574
1046
  }
1575
1047
  .p-y-section-1 {
1576
- padding-top: 32px !important;
1577
- padding-top: var(--size-32) !important;
1578
- padding-bottom: 32px !important;
1579
- padding-bottom: var(--size-32) !important;
1048
+ padding-block-start: 32px !important;
1049
+ padding-block-start: var(--size-32) !important;
1050
+ padding-block-end: 32px !important;
1051
+ padding-block-end: var(--size-32) !important;
1580
1052
  }
1581
1053
  }
1582
1054
  .m-t-section-2 {
1583
- margin-top: 32px !important;
1584
- margin-top: var(--size-32) !important;
1055
+ margin-block-start: 32px !important;
1056
+ margin-block-start: var(--size-32) !important;
1585
1057
  }
1586
1058
  .m-b-section-2 {
1587
- margin-bottom: 32px !important;
1588
- margin-bottom: var(--size-32) !important;
1059
+ margin-block-end: 32px !important;
1060
+ margin-block-end: var(--size-32) !important;
1589
1061
  }
1590
1062
  .m-y-section-2 {
1591
- margin-top: 32px !important;
1592
- margin-top: var(--size-32) !important;
1593
- margin-bottom: 32px !important;
1594
- margin-bottom: var(--size-32) !important;
1063
+ margin-block-start: 32px !important;
1064
+ margin-block-start: var(--size-32) !important;
1065
+ margin-block-end: 32px !important;
1066
+ margin-block-end: var(--size-32) !important;
1595
1067
  }
1596
1068
  .p-t-section-2 {
1597
- padding-top: 32px !important;
1598
- padding-top: var(--size-32) !important;
1069
+ padding-block-start: 32px !important;
1070
+ padding-block-start: var(--size-32) !important;
1599
1071
  }
1600
1072
  .p-b-section-2 {
1601
- padding-bottom: 32px !important;
1602
- padding-bottom: var(--size-32) !important;
1073
+ padding-block-end: 32px !important;
1074
+ padding-block-end: var(--size-32) !important;
1603
1075
  }
1604
1076
  .p-y-section-2 {
1605
- padding-top: 32px !important;
1606
- padding-top: var(--size-32) !important;
1607
- padding-bottom: 32px !important;
1608
- padding-bottom: var(--size-32) !important;
1077
+ padding-block-start: 32px !important;
1078
+ padding-block-start: var(--size-32) !important;
1079
+ padding-block-end: 32px !important;
1080
+ padding-block-end: var(--size-32) !important;
1609
1081
  }
1610
1082
  @media (min-width: 600px) {
1611
1083
  .m-t-section-2 {
1612
- margin-top: 48px !important;
1613
- margin-top: var(--size-48) !important;
1084
+ margin-block-start: 48px !important;
1085
+ margin-block-start: var(--size-48) !important;
1614
1086
  }
1615
1087
  .m-b-section-2 {
1616
- margin-bottom: 48px !important;
1617
- margin-bottom: var(--size-48) !important;
1088
+ margin-block-end: 48px !important;
1089
+ margin-block-end: var(--size-48) !important;
1618
1090
  }
1619
1091
  .m-y-section-2 {
1620
- margin-top: 48px !important;
1621
- margin-top: var(--size-48) !important;
1622
- margin-bottom: 48px !important;
1623
- margin-bottom: var(--size-48) !important;
1092
+ margin-block-start: 48px !important;
1093
+ margin-block-start: var(--size-48) !important;
1094
+ margin-block-end: 48px !important;
1095
+ margin-block-end: var(--size-48) !important;
1624
1096
  }
1625
1097
  .p-t-section-2 {
1626
- padding-top: 48px !important;
1627
- padding-top: var(--size-48) !important;
1098
+ padding-block-start: 48px !important;
1099
+ padding-block-start: var(--size-48) !important;
1628
1100
  }
1629
1101
  .p-b-section-2 {
1630
- padding-bottom: 48px !important;
1631
- padding-bottom: var(--size-48) !important;
1102
+ padding-block-end: 48px !important;
1103
+ padding-block-end: var(--size-48) !important;
1632
1104
  }
1633
1105
  .p-y-section-2 {
1634
- padding-top: 48px !important;
1635
- padding-top: var(--size-48) !important;
1636
- padding-bottom: 48px !important;
1637
- padding-bottom: var(--size-48) !important;
1106
+ padding-block-start: 48px !important;
1107
+ padding-block-start: var(--size-48) !important;
1108
+ padding-block-end: 48px !important;
1109
+ padding-block-end: var(--size-48) !important;
1638
1110
  }
1639
1111
  }
1640
1112
  @media (min-width: 1160px) {
1641
1113
  .m-t-section-2 {
1642
- margin-top: 64px !important;
1643
- margin-top: var(--size-64) !important;
1114
+ margin-block-start: 64px !important;
1115
+ margin-block-start: var(--size-64) !important;
1644
1116
  }
1645
1117
  .m-b-section-2 {
1646
- margin-bottom: 64px !important;
1647
- margin-bottom: var(--size-64) !important;
1118
+ margin-block-end: 64px !important;
1119
+ margin-block-end: var(--size-64) !important;
1648
1120
  }
1649
1121
  .m-y-section-2 {
1650
- margin-top: 64px !important;
1651
- margin-top: var(--size-64) !important;
1652
- margin-bottom: 64px !important;
1653
- margin-bottom: var(--size-64) !important;
1122
+ margin-block-start: 64px !important;
1123
+ margin-block-start: var(--size-64) !important;
1124
+ margin-block-end: 64px !important;
1125
+ margin-block-end: var(--size-64) !important;
1654
1126
  }
1655
1127
  .p-t-section-2 {
1656
- padding-top: 64px !important;
1657
- padding-top: var(--size-64) !important;
1128
+ padding-block-start: 64px !important;
1129
+ padding-block-start: var(--size-64) !important;
1658
1130
  }
1659
1131
  .p-b-section-2 {
1660
- padding-bottom: 64px !important;
1661
- padding-bottom: var(--size-64) !important;
1132
+ padding-block-end: 64px !important;
1133
+ padding-block-end: var(--size-64) !important;
1662
1134
  }
1663
1135
  .p-y-section-2 {
1664
- padding-top: 64px !important;
1665
- padding-top: var(--size-64) !important;
1666
- padding-bottom: 64px !important;
1667
- padding-bottom: var(--size-64) !important;
1136
+ padding-block-start: 64px !important;
1137
+ padding-block-start: var(--size-64) !important;
1138
+ padding-block-end: 64px !important;
1139
+ padding-block-end: var(--size-64) !important;
1668
1140
  }
1669
1141
  }
1670
1142
  .m-t-section-3 {
1671
- margin-top: 48px !important;
1672
- margin-top: var(--size-48) !important;
1143
+ margin-block-start: 48px !important;
1144
+ margin-block-start: var(--size-48) !important;
1673
1145
  }
1674
1146
  .m-b-section-3 {
1675
- margin-bottom: 48px !important;
1676
- margin-bottom: var(--size-48) !important;
1147
+ margin-block-end: 48px !important;
1148
+ margin-block-end: var(--size-48) !important;
1677
1149
  }
1678
1150
  .m-y-section-3 {
1679
- margin-top: 48px !important;
1680
- margin-top: var(--size-48) !important;
1681
- margin-bottom: 48px !important;
1682
- margin-bottom: var(--size-48) !important;
1151
+ margin-block-start: 48px !important;
1152
+ margin-block-start: var(--size-48) !important;
1153
+ margin-block-end: 48px !important;
1154
+ margin-block-end: var(--size-48) !important;
1683
1155
  }
1684
1156
  .p-t-section-3 {
1685
- padding-top: 48px !important;
1686
- padding-top: var(--size-48) !important;
1157
+ padding-block-start: 48px !important;
1158
+ padding-block-start: var(--size-48) !important;
1687
1159
  }
1688
1160
  .p-b-section-3 {
1689
- padding-bottom: 48px !important;
1690
- padding-bottom: var(--size-48) !important;
1161
+ padding-block-end: 48px !important;
1162
+ padding-block-end: var(--size-48) !important;
1691
1163
  }
1692
1164
  .p-y-section-3 {
1693
- padding-top: 48px !important;
1694
- padding-top: var(--size-48) !important;
1695
- padding-bottom: 48px !important;
1696
- padding-bottom: var(--size-48) !important;
1165
+ padding-block-start: 48px !important;
1166
+ padding-block-start: var(--size-48) !important;
1167
+ padding-block-end: 48px !important;
1168
+ padding-block-end: var(--size-48) !important;
1697
1169
  }
1698
1170
  @media (min-width: 600px) {
1699
1171
  .m-t-section-3 {
1700
- margin-top: 72px !important;
1701
- margin-top: var(--size-72) !important;
1172
+ margin-block-start: 72px !important;
1173
+ margin-block-start: var(--size-72) !important;
1702
1174
  }
1703
1175
  .m-b-section-3 {
1704
- margin-bottom: 72px !important;
1705
- margin-bottom: var(--size-72) !important;
1176
+ margin-block-end: 72px !important;
1177
+ margin-block-end: var(--size-72) !important;
1706
1178
  }
1707
1179
  .m-y-section-3 {
1708
- margin-top: 72px !important;
1709
- margin-top: var(--size-72) !important;
1710
- margin-bottom: 72px !important;
1711
- margin-bottom: var(--size-72) !important;
1180
+ margin-block-start: 72px !important;
1181
+ margin-block-start: var(--size-72) !important;
1182
+ margin-block-end: 72px !important;
1183
+ margin-block-end: var(--size-72) !important;
1712
1184
  }
1713
1185
  .p-t-section-3 {
1714
- padding-top: 72px !important;
1715
- padding-top: var(--size-72) !important;
1186
+ padding-block-start: 72px !important;
1187
+ padding-block-start: var(--size-72) !important;
1716
1188
  }
1717
1189
  .p-b-section-3 {
1718
- padding-bottom: 72px !important;
1719
- padding-bottom: var(--size-72) !important;
1190
+ padding-block-end: 72px !important;
1191
+ padding-block-end: var(--size-72) !important;
1720
1192
  }
1721
1193
  .p-y-section-3 {
1722
- padding-top: 72px !important;
1723
- padding-top: var(--size-72) !important;
1724
- padding-bottom: 72px !important;
1725
- padding-bottom: var(--size-72) !important;
1194
+ padding-block-start: 72px !important;
1195
+ padding-block-start: var(--size-72) !important;
1196
+ padding-block-end: 72px !important;
1197
+ padding-block-end: var(--size-72) !important;
1726
1198
  }
1727
1199
  }
1728
1200
  @media (min-width: 1160px) {
1729
1201
  .m-t-section-3 {
1730
- margin-top: 96px !important;
1731
- margin-top: var(--size-96) !important;
1202
+ margin-block-start: 96px !important;
1203
+ margin-block-start: var(--size-96) !important;
1732
1204
  }
1733
1205
  .m-b-section-3 {
1734
- margin-bottom: 96px !important;
1735
- margin-bottom: var(--size-96) !important;
1206
+ margin-block-end: 96px !important;
1207
+ margin-block-end: var(--size-96) !important;
1736
1208
  }
1737
1209
  .m-y-section-3 {
1738
- margin-top: 96px !important;
1739
- margin-top: var(--size-96) !important;
1740
- margin-bottom: 96px !important;
1741
- margin-bottom: var(--size-96) !important;
1210
+ margin-block-start: 96px !important;
1211
+ margin-block-start: var(--size-96) !important;
1212
+ margin-block-end: 96px !important;
1213
+ margin-block-end: var(--size-96) !important;
1742
1214
  }
1743
1215
  .p-t-section-3 {
1744
- padding-top: 96px !important;
1745
- padding-top: var(--size-96) !important;
1216
+ padding-block-start: 96px !important;
1217
+ padding-block-start: var(--size-96) !important;
1746
1218
  }
1747
1219
  .p-b-section-3 {
1748
- padding-bottom: 96px !important;
1749
- padding-bottom: var(--size-96) !important;
1220
+ padding-block-end: 96px !important;
1221
+ padding-block-end: var(--size-96) !important;
1750
1222
  }
1751
1223
  .p-y-section-3 {
1752
- padding-top: 96px !important;
1753
- padding-top: var(--size-96) !important;
1754
- padding-bottom: 96px !important;
1755
- padding-bottom: var(--size-96) !important;
1224
+ padding-block-start: 96px !important;
1225
+ padding-block-start: var(--size-96) !important;
1226
+ padding-block-end: 96px !important;
1227
+ padding-block-end: var(--size-96) !important;
1756
1228
  }
1757
1229
  }
1758
1230
  .m-x-auto {
1759
- margin-right: auto !important;
1760
- margin-left: auto !important;
1761
- }
1762
- [dir="rtl"] .m-x-auto {
1763
- margin-left: auto !important;
1764
- margin-right: 0 !important;
1765
- margin-right: initial !important;
1766
- }
1767
- [dir="rtl"] .m-x-auto {
1768
- margin-right: auto !important;
1769
- margin-left: 0 !important;
1770
- margin-left: initial !important;
1231
+ margin-inline-end: auto !important;
1232
+ margin-inline-start: auto !important;
1771
1233
  }
1772
1234
  .m-r-auto {
1773
- margin-right: auto !important;
1774
- }
1775
- [dir="rtl"] .m-r-auto {
1776
- margin-left: auto !important;
1777
- margin-right: 0 !important;
1778
- margin-right: initial !important;
1235
+ margin-inline-end: auto !important;
1779
1236
  }
1780
1237
  .m-l-auto {
1781
- margin-left: auto !important;
1782
- }
1783
- [dir="rtl"] .m-l-auto {
1784
- margin-right: auto !important;
1785
- margin-left: 0 !important;
1786
- margin-left: initial !important;
1238
+ margin-inline-start: auto !important;
1787
1239
  }
1788
1240
  .section {
1789
- padding-top: 48px;
1790
- padding-top: var(--size-48);
1791
- padding-bottom: 48px;
1792
- padding-bottom: var(--size-48);
1241
+ padding-block-start: 48px;
1242
+ padding-block-start: var(--size-48);
1243
+ padding-block-end: 48px;
1244
+ padding-block-end: var(--size-48);
1793
1245
  }
1794
1246
  @media (min-width: 600px) {
1795
1247
  .section {
1796
- padding-top: 72px;
1797
- padding-top: var(--size-72);
1798
- padding-bottom: 72px;
1799
- padding-bottom: var(--size-72);
1248
+ padding-block-start: 72px;
1249
+ padding-block-start: var(--size-72);
1250
+ padding-block-end: 72px;
1251
+ padding-block-end: var(--size-72);
1800
1252
  }
1801
1253
  }
1802
1254
  @media (min-width: 1160px) {
1803
1255
  .section {
1804
- padding-top: 96px;
1805
- padding-top: var(--size-96);
1806
- padding-bottom: 96px;
1807
- padding-bottom: var(--size-96);
1256
+ padding-block-start: 96px;
1257
+ padding-block-start: var(--size-96);
1258
+ padding-block-end: 96px;
1259
+ padding-block-end: var(--size-96);
1808
1260
  }
1809
1261
  }
1810
1262
  @supports (hyphenate-limit-chars: 1) {
@@ -1836,6 +1288,7 @@ html:not([dir="rtl"]) .p-x-panel {
1836
1288
  }
1837
1289
  }
1838
1290
  .border-bottom {
1839
- border-bottom: 1px solid rgba(134,167,189,0.10196);
1840
- border-bottom: 1px solid var(--color-background-neutral);
1291
+ border-block-end: 1px solid rgba(134,167,189,0.10196);
1292
+ border-block-end: 1px solid #86a7bd1a;
1293
+ border-block-end: 1px solid var(--color-background-neutral);
1841
1294
  }