@transferwise/components 0.0.0-experimental-57e70f3 → 0.0.0-experimental-09066ec

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 (563) hide show
  1. package/build/dateInput/DateInput.js +12 -5
  2. package/build/dateInput/DateInput.js.map +1 -1
  3. package/build/dateInput/DateInput.mjs +11 -4
  4. package/build/dateInput/DateInput.mjs.map +1 -1
  5. package/build/expressiveMoneyInput/currencySelector/CurrencySelector.js +16 -8
  6. package/build/expressiveMoneyInput/currencySelector/CurrencySelector.js.map +1 -1
  7. package/build/expressiveMoneyInput/currencySelector/CurrencySelector.mjs +14 -6
  8. package/build/expressiveMoneyInput/currencySelector/CurrencySelector.mjs.map +1 -1
  9. package/build/index.js +12 -7
  10. package/build/index.js.map +1 -1
  11. package/build/index.mjs +9 -3
  12. package/build/index.mjs.map +1 -1
  13. package/build/inputs/{_BottomSheet.js → SelectInput/BottomSheet/SelectInputBottomSheet.js} +7 -7
  14. package/build/inputs/SelectInput/BottomSheet/SelectInputBottomSheet.js.map +1 -0
  15. package/build/inputs/{_BottomSheet.mjs → SelectInput/BottomSheet/SelectInputBottomSheet.mjs} +7 -7
  16. package/build/inputs/SelectInput/BottomSheet/SelectInputBottomSheet.mjs.map +1 -0
  17. package/build/inputs/{_ButtonInput.js → SelectInput/ButtonInput/SelectInputButtonInput.js} +5 -5
  18. package/build/inputs/SelectInput/ButtonInput/SelectInputButtonInput.js.map +1 -0
  19. package/build/inputs/{_ButtonInput.mjs → SelectInput/ButtonInput/SelectInputButtonInput.mjs} +5 -5
  20. package/build/inputs/SelectInput/ButtonInput/SelectInputButtonInput.mjs.map +1 -0
  21. package/build/inputs/SelectInput/ClearButton/SelectInputClearButton.js +26 -0
  22. package/build/inputs/SelectInput/ClearButton/SelectInputClearButton.js.map +1 -0
  23. package/build/inputs/SelectInput/ClearButton/SelectInputClearButton.mjs +24 -0
  24. package/build/inputs/SelectInput/ClearButton/SelectInputClearButton.mjs.map +1 -0
  25. package/build/inputs/SelectInput/DefaultRenderTrigger/SelectInputDefaultRenderTrigger.js +59 -0
  26. package/build/inputs/SelectInput/DefaultRenderTrigger/SelectInputDefaultRenderTrigger.js.map +1 -0
  27. package/build/inputs/SelectInput/DefaultRenderTrigger/SelectInputDefaultRenderTrigger.mjs +56 -0
  28. package/build/inputs/SelectInput/DefaultRenderTrigger/SelectInputDefaultRenderTrigger.mjs.map +1 -0
  29. package/build/inputs/SelectInput/ItemView/GroupItemView/SelectInputGroupItemView.js +50 -0
  30. package/build/inputs/SelectInput/ItemView/GroupItemView/SelectInputGroupItemView.js.map +1 -0
  31. package/build/inputs/SelectInput/ItemView/GroupItemView/SelectInputGroupItemView.mjs +48 -0
  32. package/build/inputs/SelectInput/ItemView/GroupItemView/SelectInputGroupItemView.mjs.map +1 -0
  33. package/build/inputs/SelectInput/ItemView/SelectInputItemView.js +47 -0
  34. package/build/inputs/SelectInput/ItemView/SelectInputItemView.js.map +1 -0
  35. package/build/inputs/SelectInput/ItemView/SelectInputItemView.mjs +45 -0
  36. package/build/inputs/SelectInput/ItemView/SelectInputItemView.mjs.map +1 -0
  37. package/build/inputs/SelectInput/Option/SelectInputOption.js +42 -0
  38. package/build/inputs/SelectInput/Option/SelectInputOption.js.map +1 -0
  39. package/build/inputs/SelectInput/Option/SelectInputOption.mjs +40 -0
  40. package/build/inputs/SelectInput/Option/SelectInputOption.mjs.map +1 -0
  41. package/build/inputs/SelectInput/OptionContent/SelectInputOptionContent.js +40 -0
  42. package/build/inputs/SelectInput/OptionContent/SelectInputOptionContent.js.map +1 -0
  43. package/build/inputs/SelectInput/OptionContent/SelectInputOptionContent.mjs +38 -0
  44. package/build/inputs/SelectInput/OptionContent/SelectInputOptionContent.mjs.map +1 -0
  45. package/build/inputs/SelectInput/Options/OptionsContainer/SelectInputOptionsContainer.js +48 -0
  46. package/build/inputs/SelectInput/Options/OptionsContainer/SelectInputOptionsContainer.js.map +1 -0
  47. package/build/inputs/SelectInput/Options/OptionsContainer/SelectInputOptionsContainer.mjs +46 -0
  48. package/build/inputs/SelectInput/Options/OptionsContainer/SelectInputOptionsContainer.mjs.map +1 -0
  49. package/build/inputs/SelectInput/Options/SelectInputOptions.js +300 -0
  50. package/build/inputs/SelectInput/Options/SelectInputOptions.js.map +1 -0
  51. package/build/inputs/SelectInput/Options/SelectInputOptions.mjs +298 -0
  52. package/build/inputs/SelectInput/Options/SelectInputOptions.mjs.map +1 -0
  53. package/build/inputs/{_Popover.js → SelectInput/Popover/SelectInputPopover.js} +7 -7
  54. package/build/inputs/SelectInput/Popover/SelectInputPopover.js.map +1 -0
  55. package/build/inputs/{_Popover.mjs → SelectInput/Popover/SelectInputPopover.mjs} +7 -7
  56. package/build/inputs/SelectInput/Popover/SelectInputPopover.mjs.map +1 -0
  57. package/build/inputs/SelectInput/SelectInput.contexts.js +29 -0
  58. package/build/inputs/SelectInput/SelectInput.contexts.js.map +1 -0
  59. package/build/inputs/SelectInput/SelectInput.contexts.mjs +24 -0
  60. package/build/inputs/SelectInput/SelectInput.contexts.mjs.map +1 -0
  61. package/build/inputs/SelectInput/SelectInput.js +222 -0
  62. package/build/inputs/SelectInput/SelectInput.js.map +1 -0
  63. package/build/inputs/SelectInput/SelectInput.messages.js.map +1 -0
  64. package/build/inputs/SelectInput/SelectInput.messages.mjs.map +1 -0
  65. package/build/inputs/SelectInput/SelectInput.mjs +216 -0
  66. package/build/inputs/SelectInput/SelectInput.mjs.map +1 -0
  67. package/build/inputs/SelectInput/SelectInput.utils.js +164 -0
  68. package/build/inputs/SelectInput/SelectInput.utils.js.map +1 -0
  69. package/build/inputs/SelectInput/SelectInput.utils.mjs +154 -0
  70. package/build/inputs/SelectInput/SelectInput.utils.mjs.map +1 -0
  71. package/build/inputs/SelectInput/TriggerButton/SelectInputTriggerButton.js +42 -0
  72. package/build/inputs/SelectInput/TriggerButton/SelectInputTriggerButton.js.map +1 -0
  73. package/build/inputs/SelectInput/TriggerButton/SelectInputTriggerButton.mjs +36 -0
  74. package/build/inputs/SelectInput/TriggerButton/SelectInputTriggerButton.mjs.map +1 -0
  75. package/build/main.css +97 -27094
  76. package/build/moneyInput/MoneyInput.js +9 -2
  77. package/build/moneyInput/MoneyInput.js.map +1 -1
  78. package/build/moneyInput/MoneyInput.mjs +8 -1
  79. package/build/moneyInput/MoneyInput.mjs.map +1 -1
  80. package/build/phoneNumberInput/PhoneNumberInput.js +10 -3
  81. package/build/phoneNumberInput/PhoneNumberInput.js.map +1 -1
  82. package/build/phoneNumberInput/PhoneNumberInput.mjs +9 -2
  83. package/build/phoneNumberInput/PhoneNumberInput.mjs.map +1 -1
  84. package/build/styles/inputs/SelectInput/BottomSheet/SelectInputBottomSheet.css +96 -0
  85. package/build/styles/inputs/SelectInput/ButtonInput/SelectInputButtonInput.css +16 -0
  86. package/build/styles/inputs/SelectInput/ClearButton/SelectInputClearButton.css +46 -0
  87. package/build/styles/inputs/SelectInput/ItemView/SelectInputItemView.css +16 -0
  88. package/build/styles/inputs/SelectInput/Option/SelectInputOption.css +33 -0
  89. package/build/styles/inputs/SelectInput/OptionContent/SelectInputOptionContent.css +37 -0
  90. package/build/styles/inputs/SelectInput/Options/SelectInputOptions.css +81 -0
  91. package/build/styles/inputs/SelectInput/Popover/SelectInputPopover.css +46 -0
  92. package/build/styles/main.css +97 -27094
  93. package/build/types/index.d.ts +1 -1
  94. package/build/types/index.d.ts.map +1 -1
  95. package/build/types/inputs/{_BottomSheet.d.ts → SelectInput/BottomSheet/SelectInputBottomSheet.d.ts} +3 -3
  96. package/build/types/inputs/SelectInput/BottomSheet/SelectInputBottomSheet.d.ts.map +1 -0
  97. package/build/types/inputs/SelectInput/BottomSheet/index.d.ts +3 -0
  98. package/build/types/inputs/SelectInput/BottomSheet/index.d.ts.map +1 -0
  99. package/build/types/inputs/SelectInput/ButtonInput/SelectInputButtonInput.d.ts +5 -0
  100. package/build/types/inputs/SelectInput/ButtonInput/SelectInputButtonInput.d.ts.map +1 -0
  101. package/build/types/inputs/SelectInput/ButtonInput/index.d.ts +3 -0
  102. package/build/types/inputs/SelectInput/ButtonInput/index.d.ts.map +1 -0
  103. package/build/types/inputs/SelectInput/ClearButton/SelectInputClearButton.d.ts +7 -0
  104. package/build/types/inputs/SelectInput/ClearButton/SelectInputClearButton.d.ts.map +1 -0
  105. package/build/types/inputs/SelectInput/ClearButton/index.d.ts +3 -0
  106. package/build/types/inputs/SelectInput/ClearButton/index.d.ts.map +1 -0
  107. package/build/types/inputs/SelectInput/DefaultRenderTrigger/SelectInputDefaultRenderTrigger.d.ts +16 -0
  108. package/build/types/inputs/SelectInput/DefaultRenderTrigger/SelectInputDefaultRenderTrigger.d.ts.map +1 -0
  109. package/build/types/inputs/SelectInput/DefaultRenderTrigger/index.d.ts +2 -0
  110. package/build/types/inputs/SelectInput/DefaultRenderTrigger/index.d.ts.map +1 -0
  111. package/build/types/inputs/SelectInput/ItemView/GroupItemView/SelectInputGroupItemView.d.ts +9 -0
  112. package/build/types/inputs/SelectInput/ItemView/GroupItemView/SelectInputGroupItemView.d.ts.map +1 -0
  113. package/build/types/inputs/SelectInput/ItemView/GroupItemView/index.d.ts +3 -0
  114. package/build/types/inputs/SelectInput/ItemView/GroupItemView/index.d.ts.map +1 -0
  115. package/build/types/inputs/SelectInput/ItemView/SelectInputItemView.d.ts +11 -0
  116. package/build/types/inputs/SelectInput/ItemView/SelectInputItemView.d.ts.map +1 -0
  117. package/build/types/inputs/SelectInput/ItemView/index.d.ts +4 -0
  118. package/build/types/inputs/SelectInput/ItemView/index.d.ts.map +1 -0
  119. package/build/types/inputs/SelectInput/Option/SelectInputOption.d.ts +11 -0
  120. package/build/types/inputs/SelectInput/Option/SelectInputOption.d.ts.map +1 -0
  121. package/build/types/inputs/SelectInput/Option/index.d.ts +3 -0
  122. package/build/types/inputs/SelectInput/Option/index.d.ts.map +1 -0
  123. package/build/types/inputs/SelectInput/OptionContent/SelectInputOptionContent.d.ts +13 -0
  124. package/build/types/inputs/SelectInput/OptionContent/SelectInputOptionContent.d.ts.map +1 -0
  125. package/build/types/inputs/SelectInput/OptionContent/index.d.ts +3 -0
  126. package/build/types/inputs/SelectInput/OptionContent/index.d.ts.map +1 -0
  127. package/build/types/inputs/SelectInput/Options/OptionsContainer/SelectInputOptionsContainer.d.ts +9 -0
  128. package/build/types/inputs/SelectInput/Options/OptionsContainer/SelectInputOptionsContainer.d.ts.map +1 -0
  129. package/build/types/inputs/SelectInput/Options/OptionsContainer/index.d.ts +3 -0
  130. package/build/types/inputs/SelectInput/Options/OptionsContainer/index.d.ts.map +1 -0
  131. package/build/types/inputs/SelectInput/Options/SelectInputOptions.d.ts +21 -0
  132. package/build/types/inputs/SelectInput/Options/SelectInputOptions.d.ts.map +1 -0
  133. package/build/types/inputs/SelectInput/Options/index.d.ts +4 -0
  134. package/build/types/inputs/SelectInput/Options/index.d.ts.map +1 -0
  135. package/build/types/inputs/{_Popover.d.ts → SelectInput/Popover/SelectInputPopover.d.ts} +3 -3
  136. package/build/types/inputs/SelectInput/Popover/SelectInputPopover.d.ts.map +1 -0
  137. package/build/types/inputs/SelectInput/Popover/index.d.ts +3 -0
  138. package/build/types/inputs/SelectInput/Popover/index.d.ts.map +1 -0
  139. package/build/types/inputs/SelectInput/SelectInput.contexts.d.ts +33 -0
  140. package/build/types/inputs/SelectInput/SelectInput.contexts.d.ts.map +1 -0
  141. package/build/types/inputs/SelectInput/SelectInput.d.ts +10 -0
  142. package/build/types/inputs/SelectInput/SelectInput.d.ts.map +1 -0
  143. package/build/types/inputs/SelectInput/SelectInput.messages.d.ts.map +1 -0
  144. package/build/types/inputs/{SelectInput.d.ts → SelectInput/SelectInput.types.d.ts} +12 -38
  145. package/build/types/inputs/SelectInput/SelectInput.types.d.ts.map +1 -0
  146. package/build/types/inputs/SelectInput/SelectInput.utils.d.ts +60 -0
  147. package/build/types/inputs/SelectInput/SelectInput.utils.d.ts.map +1 -0
  148. package/build/types/inputs/SelectInput/TriggerButton/SelectInputTriggerButton.d.ts +12 -0
  149. package/build/types/inputs/SelectInput/TriggerButton/SelectInputTriggerButton.d.ts.map +1 -0
  150. package/build/types/inputs/SelectInput/TriggerButton/index.d.ts +3 -0
  151. package/build/types/inputs/SelectInput/TriggerButton/index.d.ts.map +1 -0
  152. package/build/types/inputs/SelectInput/components.d.ts +10 -0
  153. package/build/types/inputs/SelectInput/components.d.ts.map +1 -0
  154. package/build/types/inputs/SelectInput/index.d.ts +10 -0
  155. package/build/types/inputs/SelectInput/index.d.ts.map +1 -0
  156. package/package.json +4 -8
  157. package/src/accordion/Accordion.css +74 -0
  158. package/src/accordion/Accordion.less +3 -3
  159. package/src/actionButton/ActionButton.css +64 -0
  160. package/src/actionButton/ActionButton.less +1 -1
  161. package/src/actionOption/ActionOption.css +4 -0
  162. package/src/alert/Alert.css +7 -0
  163. package/src/avatar/Avatar.css +250 -0
  164. package/src/avatar/Avatar.less +3 -3
  165. package/src/avatarLayout/AvatarLayout.css +42 -0
  166. package/src/avatarView/AvatarView.css +44 -0
  167. package/src/avatarView/Dot.css +26 -0
  168. package/src/badge/Badge.css +65 -0
  169. package/src/badge/Badge.less +1 -1
  170. package/src/body/Body.css +3 -0
  171. package/src/button/Button.css +246 -0
  172. package/src/button/Button.vars.css +46 -0
  173. package/src/button/LegacyButton.css +23 -0
  174. package/src/button/LegacyButton.less +1 -1
  175. package/src/card/Card.css +100 -0
  176. package/src/card/Card.less +3 -3
  177. package/src/carousel/Carousel.css +134 -0
  178. package/src/checkboxButton/CheckboxButton.css +43 -0
  179. package/src/checkboxButton/CheckboxButton.less +2 -2
  180. package/src/chips/Chip.css +190 -0
  181. package/src/chips/Chip.less +3 -3
  182. package/src/circularButton/CircularButton.css +34 -0
  183. package/src/common/Option/Option.css +122 -0
  184. package/src/common/Option/Option.less +2 -2
  185. package/src/common/RadioButton/RadioButton.css +4 -0
  186. package/src/common/baseCard/BaseCard.css +49 -0
  187. package/src/common/bottomSheet/BottomSheet.css +53 -0
  188. package/src/common/bottomSheet/BottomSheet.less +1 -1
  189. package/src/common/circle/Circle.css +43 -0
  190. package/src/common/closeButton/CloseButton.css +94 -0
  191. package/src/common/closeButton/CloseButton.less +1 -1
  192. package/src/common/panel/Panel.css +73 -0
  193. package/src/common/panel/Panel.less +1 -1
  194. package/src/criticalBanner/CriticalCommsBanner.css +63 -0
  195. package/src/dateInput/DateInput.css +16 -0
  196. package/src/dateLookup/DateLookup.css +93 -0
  197. package/src/dateLookup/DateLookup.less +1 -1
  198. package/src/dateLookup/dateTrigger/DateTrigger.css +29 -0
  199. package/src/dateLookup/dateTrigger/DateTrigger.less +2 -2
  200. package/src/decision/Decision.css +17 -0
  201. package/src/decision/Decision.less +1 -1
  202. package/src/definitionList/DefinitionList.css +53 -0
  203. package/src/definitionList/DefinitionList.less +1 -1
  204. package/src/dimmer/Dimmer.css +70 -0
  205. package/src/dimmer/Dimmer.less +2 -2
  206. package/src/divider/Divider.css +24 -0
  207. package/src/drawer/Drawer.css +56 -0
  208. package/src/dropFade/DropFade.css +19 -0
  209. package/src/emphasis/Emphasis.css +31 -0
  210. package/src/expressiveMoneyInput/ExpressiveMoneyInput.css +58 -0
  211. package/src/expressiveMoneyInput/amountInput/AmountInput.css +32 -0
  212. package/src/expressiveMoneyInput/chevron/Chevron.css +12 -0
  213. package/src/expressiveMoneyInput/currencySelector/CurrencySelector.css +6 -0
  214. package/src/field/Field.css +13 -0
  215. package/src/flowNavigation/FlowNavigation.css +76 -0
  216. package/src/flowNavigation/FlowNavigation.less +1 -1
  217. package/src/flowNavigation/animatedLabel/AnimatedLabel.css +30 -0
  218. package/src/flowNavigation/animatedLabel/AnimatedLabel.less +2 -2
  219. package/src/header/Header.css +33 -0
  220. package/src/iconButton/IconButton.css +82 -0
  221. package/src/image/Image.css +13 -0
  222. package/src/index.ts +0 -1
  223. package/src/info/Info.css +9 -0
  224. package/src/info/Info.less +1 -1
  225. package/src/inputs/Input.css +158 -0
  226. package/src/inputs/InputGroup.css +63 -0
  227. package/src/inputs/SelectInput/BottomSheet/SelectInputBottomSheet.css +96 -0
  228. package/src/inputs/{_BottomSheet.tsx → SelectInput/BottomSheet/SelectInputBottomSheet.tsx} +7 -7
  229. package/src/inputs/SelectInput/BottomSheet/index.ts +2 -0
  230. package/src/inputs/SelectInput/ButtonInput/SelectInputButtonInput.css +16 -0
  231. package/src/inputs/{_ButtonInput.tsx → SelectInput/ButtonInput/SelectInputButtonInput.tsx} +5 -5
  232. package/src/inputs/SelectInput/ButtonInput/index.ts +2 -0
  233. package/src/inputs/SelectInput/ClearButton/SelectInputClearButton.css +46 -0
  234. package/src/inputs/SelectInput/ClearButton/SelectInputClearButton.less +39 -0
  235. package/src/inputs/SelectInput/ClearButton/SelectInputClearButton.tsx +27 -0
  236. package/src/inputs/SelectInput/ClearButton/index.ts +2 -0
  237. package/src/inputs/SelectInput/DefaultRenderTrigger/SelectInputDefaultRenderTrigger.tsx +74 -0
  238. package/src/inputs/SelectInput/DefaultRenderTrigger/index.ts +5 -0
  239. package/src/inputs/SelectInput/ItemView/GroupItemView/SelectInputGroupItemView.tsx +61 -0
  240. package/src/inputs/SelectInput/ItemView/GroupItemView/index.ts +2 -0
  241. package/src/inputs/SelectInput/ItemView/SelectInputItemView.css +16 -0
  242. package/src/inputs/SelectInput/ItemView/SelectInputItemView.less +17 -0
  243. package/src/inputs/SelectInput/ItemView/SelectInputItemView.tsx +48 -0
  244. package/src/inputs/SelectInput/ItemView/index.ts +3 -0
  245. package/src/inputs/SelectInput/Option/SelectInputOption.css +33 -0
  246. package/src/inputs/SelectInput/Option/SelectInputOption.less +32 -0
  247. package/src/inputs/SelectInput/Option/SelectInputOption.tsx +57 -0
  248. package/src/inputs/SelectInput/Option/index.ts +2 -0
  249. package/src/inputs/SelectInput/OptionContent/SelectInputOptionContent.css +37 -0
  250. package/src/inputs/SelectInput/OptionContent/SelectInputOptionContent.less +38 -0
  251. package/src/inputs/SelectInput/OptionContent/SelectInputOptionContent.tsx +72 -0
  252. package/src/inputs/SelectInput/OptionContent/index.ts +2 -0
  253. package/src/inputs/SelectInput/Options/OptionsContainer/SelectInputOptionsContainer.tsx +59 -0
  254. package/src/inputs/SelectInput/Options/OptionsContainer/index.ts +2 -0
  255. package/src/inputs/SelectInput/Options/SelectInputOptions.css +81 -0
  256. package/src/inputs/SelectInput/Options/SelectInputOptions.less +77 -0
  257. package/src/inputs/SelectInput/Options/SelectInputOptions.tsx +411 -0
  258. package/src/inputs/SelectInput/Options/index.ts +3 -0
  259. package/src/inputs/SelectInput/Popover/SelectInputPopover.css +46 -0
  260. package/src/inputs/{_Popover.tsx → SelectInput/Popover/SelectInputPopover.tsx} +7 -7
  261. package/src/inputs/SelectInput/Popover/index.ts +2 -0
  262. package/src/inputs/SelectInput/SelectInput.contexts.tsx +40 -0
  263. package/src/inputs/SelectInput/SelectInput.css +380 -0
  264. package/src/inputs/SelectInput/SelectInput.less +22 -0
  265. package/src/inputs/{SelectInput.test.tsx → SelectInput/SelectInput.test.tsx} +9 -11
  266. package/src/inputs/SelectInput/SelectInput.tsx +257 -0
  267. package/src/inputs/SelectInput/SelectInput.types.ts +113 -0
  268. package/src/inputs/SelectInput/SelectInput.utils.ts +205 -0
  269. package/src/inputs/SelectInput/TriggerButton/SelectInputTriggerButton.tsx +36 -0
  270. package/src/inputs/SelectInput/TriggerButton/index.ts +5 -0
  271. package/src/inputs/{SelectInput.docs.mdx → SelectInput/_stories/SelectInput.docs.mdx} +0 -1
  272. package/src/inputs/{SelectInput.story.tsx → SelectInput/_stories/SelectInput.story.tsx} +11 -8
  273. package/src/inputs/{SelectInput.test.story.tsx → SelectInput/_stories/SelectInput.test.story.tsx} +6 -10
  274. package/src/inputs/SelectInput/components.ts +10 -0
  275. package/src/inputs/SelectInput/index.ts +12 -0
  276. package/src/inputs/TextArea.css +161 -0
  277. package/src/inputs/_common.less +1 -1
  278. package/src/instructionsList/InstructionsList.css +26 -0
  279. package/src/legacylistItem/LegacyListItem.css +6 -0
  280. package/src/link/Link.css +24 -0
  281. package/src/link/Link.less +2 -2
  282. package/src/listItem/ListItem.css +659 -0
  283. package/src/listItem/ListItem.grid.css +384 -0
  284. package/src/listItem/ListItem.less +1 -1
  285. package/src/listItem/Prompt/ListItemPrompt.css +4 -0
  286. package/src/loader/Loader.css +227 -0
  287. package/src/logo/Logo.css +26 -0
  288. package/src/main.css +7529 -0
  289. package/src/main.less +1 -3
  290. package/src/modal/Modal.css +95 -0
  291. package/src/moneyInput/MoneyInput.css +74 -0
  292. package/src/moneyInput/MoneyInput.less +2 -2
  293. package/src/navigationOption/NavigationOption.css +69 -0
  294. package/src/navigationOption/NavigationOption.less +3 -3
  295. package/src/navigationOptionsList/NavigationOptionsList.css +13 -0
  296. package/src/navigationOptionsList/NavigationOptionsList.less +1 -1
  297. package/src/nudge/Nudge.css +206 -0
  298. package/src/overlayHeader/OverlayHeader.css +15 -0
  299. package/src/overlayHeader/OverlayHeader.less +1 -1
  300. package/src/phoneNumberInput/PhoneNumberInput.css +23 -0
  301. package/src/phoneNumberInput/PhoneNumberInput.less +1 -1
  302. package/src/popover/Popover.css +76 -0
  303. package/src/popover/Popover.less +1 -1
  304. package/src/progress/Progress.css +43 -0
  305. package/src/progressBar/ProgressBar.css +14 -0
  306. package/src/promoCard/PromoCard.css +186 -0
  307. package/src/prompt/ActionPrompt/ActionPrompt.css +25 -0
  308. package/src/prompt/InfoPrompt/InfoPrompt.css +33 -0
  309. package/src/prompt/InlinePrompt/InlinePrompt.css +57 -0
  310. package/src/prompt/PrimitivePrompt/PrimitivePrompt.css +51 -0
  311. package/src/radioGroup/RadioGroup.css +3 -0
  312. package/src/section/Section.css +10 -0
  313. package/src/segmentedControl/SegmentedControl.css +101 -0
  314. package/src/select/Select.css +368 -0
  315. package/src/select/Select.less +5 -5
  316. package/src/sentimentSurface/SentimentSurface.css +487 -0
  317. package/src/slidingPanel/SlidingPanel.css +105 -0
  318. package/src/slidingPanel/SlidingPanel.less +2 -2
  319. package/src/snackbar/Snackbar.css +93 -0
  320. package/src/snackbar/Snackbar.less +3 -3
  321. package/src/statusIcon/StatusIcon.css +6 -0
  322. package/src/stepper/Stepper.css +77 -0
  323. package/src/stepper/Stepper.less +3 -3
  324. package/src/summary/Summary.css +81 -0
  325. package/src/summary/Summary.less +1 -1
  326. package/src/switch/Switch.css +63 -0
  327. package/src/switch/Switch.less +4 -4
  328. package/src/switchOption/SwitchOption.css +4 -0
  329. package/src/table/Table.css +274 -0
  330. package/src/table/Table.less +1 -1
  331. package/src/tabs/Tabs.css +121 -0
  332. package/src/tabs/Tabs.less +4 -4
  333. package/src/tile/Tile.css +68 -0
  334. package/src/tile/Tile.less +1 -1
  335. package/src/tooltip/Tooltip.css +50 -0
  336. package/src/tooltip/Tooltip.less +1 -1
  337. package/src/typeahead/Typeahead.css +187 -0
  338. package/src/typeahead/Typeahead.less +2 -2
  339. package/src/typeahead/typeaheadOption/TypeaheadOption.css +9 -0
  340. package/src/typeahead/typeaheadOption/TypeaheadOption.less +1 -1
  341. package/src/upload/Upload.css +34 -0
  342. package/src/upload/Upload.less +1 -1
  343. package/src/uploadInput/UploadInput.css +18 -0
  344. package/src/uploadInput/UploadInput.less +2 -2
  345. package/src/uploadInput/uploadButton/UploadButton.css +90 -0
  346. package/src/uploadInput/uploadItem/UploadItem.css +166 -0
  347. package/src/uploadInput/uploadItem/UploadItem.less +1 -1
  348. package/build/inputs/SelectInput.js +0 -890
  349. package/build/inputs/SelectInput.js.map +0 -1
  350. package/build/inputs/SelectInput.messages.js.map +0 -1
  351. package/build/inputs/SelectInput.messages.mjs.map +0 -1
  352. package/build/inputs/SelectInput.mjs +0 -881
  353. package/build/inputs/SelectInput.mjs.map +0 -1
  354. package/build/inputs/_BottomSheet.js.map +0 -1
  355. package/build/inputs/_BottomSheet.mjs.map +0 -1
  356. package/build/inputs/_ButtonInput.js.map +0 -1
  357. package/build/inputs/_ButtonInput.mjs.map +0 -1
  358. package/build/inputs/_Popover.js.map +0 -1
  359. package/build/inputs/_Popover.mjs.map +0 -1
  360. package/build/neptune-css/fonts/TW-Averta-Bold.woff +0 -0
  361. package/build/neptune-css/fonts/TW-Averta-Bold.woff2 +0 -0
  362. package/build/neptune-css/fonts/TW-Averta-Regular.woff +0 -0
  363. package/build/neptune-css/fonts/TW-Averta-Regular.woff2 +0 -0
  364. package/build/neptune-css/fonts/TW-Averta-Semibold.woff +0 -0
  365. package/build/neptune-css/fonts/TW-Averta-Semibold.woff2 +0 -0
  366. package/build/neptune-css/fonts/TransferWise-IconFont.svg +0 -81
  367. package/build/neptune-css/fonts/TransferWise-IconFont.woff +0 -0
  368. package/build/neptune-css/fonts/WiseSans-Heavy.woff2 +0 -0
  369. package/build/neptune-css/fonts/inter-cyrillic-ext-variable-wghtOnly-normal.woff2 +0 -0
  370. package/build/neptune-css/fonts/inter-cyrillic-variable-wghtOnly-normal.woff2 +0 -0
  371. package/build/neptune-css/fonts/inter-greek-ext-variable-wghtOnly-normal.woff2 +0 -0
  372. package/build/neptune-css/fonts/inter-greek-variable-wghtOnly-normal.woff2 +0 -0
  373. package/build/neptune-css/fonts/inter-latin-ext-variable-wghtOnly-normal.woff2 +0 -0
  374. package/build/neptune-css/fonts/inter-latin-variable-wghtOnly-normal.woff2 +0 -0
  375. package/build/neptune-css/fonts/inter-vietnamese-variable-wghtOnly-normal.woff2 +0 -0
  376. package/build/neptune-css/img/bg-dark.svg +0 -31
  377. package/build/neptune-css/img/bg-light.svg +0 -26
  378. package/build/neptune-css/less/legacy-variables.less +0 -1299
  379. package/build/neptune-css/less/neptune-tokens.css +0 -0
  380. package/build/neptune-css/less/neptune-tokens.less +0 -275
  381. package/build/neptune-css/less/zindex.css +0 -0
  382. package/build/neptune-css/less/zindex.less +0 -17
  383. package/build/neptune-css/props/custom-media.css +0 -11
  384. package/build/neptune-css/props/legacy-custom-props.css +0 -69
  385. package/build/neptune-css/props/neptune-tokens.css +0 -152
  386. package/build/neptune.css +0 -25724
  387. package/build/styles/neptune-css/less/accordion.css +0 -255
  388. package/build/styles/neptune-css/less/alerts.css +0 -751
  389. package/build/styles/neptune-css/less/background.css +0 -20
  390. package/build/styles/neptune-css/less/badge.css +0 -90
  391. package/build/styles/neptune-css/less/border-radius.css +0 -3
  392. package/build/styles/neptune-css/less/breadcrumbs.css +0 -20
  393. package/build/styles/neptune-css/less/button-groups.css +0 -495
  394. package/build/styles/neptune-css/less/buttons.css +0 -1390
  395. package/build/styles/neptune-css/less/chevron.css +0 -35
  396. package/build/styles/neptune-css/less/circles.css +0 -248
  397. package/build/styles/neptune-css/less/close.css +0 -47
  398. package/build/styles/neptune-css/less/column-layout.css +0 -164
  399. package/build/styles/neptune-css/less/core/viewport-themes.css +0 -59
  400. package/build/styles/neptune-css/less/currency-flags.css +0 -46
  401. package/build/styles/neptune-css/less/decision.css +0 -136
  402. package/build/styles/neptune-css/less/dropdowns.css +0 -472
  403. package/build/styles/neptune-css/less/droppable.css +0 -221
  404. package/build/styles/neptune-css/less/flex.css +0 -598
  405. package/build/styles/neptune-css/less/footer.css +0 -129
  406. package/build/styles/neptune-css/less/forms/bootstrap-forms.css +0 -2277
  407. package/build/styles/neptune-css/less/forms/checkbox-radio.css +0 -367
  408. package/build/styles/neptune-css/less/grid.css +0 -2369
  409. package/build/styles/neptune-css/less/input-groups.css +0 -2740
  410. package/build/styles/neptune-css/less/link-callout.css +0 -20
  411. package/build/styles/neptune-css/less/list-group.css +0 -350
  412. package/build/styles/neptune-css/less/loaders.css +0 -76
  413. package/build/styles/neptune-css/less/media.css +0 -74
  414. package/build/styles/neptune-css/less/modals.css +0 -185
  415. package/build/styles/neptune-css/less/navbar.css +0 -2406
  416. package/build/styles/neptune-css/less/navs.css +0 -296
  417. package/build/styles/neptune-css/less/neptune-addons.css +0 -1857
  418. package/build/styles/neptune-css/less/neptune-core.css +0 -2049
  419. package/build/styles/neptune-css/less/neptune-social-media.css +0 -144
  420. package/build/styles/neptune-css/less/neptune.css +0 -25724
  421. package/build/styles/neptune-css/less/panels.css +0 -528
  422. package/build/styles/neptune-css/less/popovers.css +0 -661
  423. package/build/styles/neptune-css/less/process.css +0 -483
  424. package/build/styles/neptune-css/less/progress-bars.css +0 -64
  425. package/build/styles/neptune-css/less/ring.css +0 -55
  426. package/build/styles/neptune-css/less/select.css +0 -99
  427. package/build/styles/neptune-css/less/sequences.css +0 -855
  428. package/build/styles/neptune-css/less/table.css +0 -446
  429. package/build/styles/neptune-css/less/tick.css +0 -32
  430. package/build/styles/neptune-css/less/tooltip.css +0 -160
  431. package/build/styles/neptune-css/less/utilities.css +0 -145
  432. package/build/styles/neptune-css/less/wells.css +0 -74
  433. package/build/styles/neptune-css/props/custom-media.css +0 -11
  434. package/build/styles/neptune-css/props/legacy-custom-props.css +0 -69
  435. package/build/styles/neptune-css/props/neptune-tokens.css +0 -11
  436. package/build/styles/neptune-css/variables/legacy-variables.css +0 -0
  437. package/build/styles/neptune-css/variables/neptune-tokens.css +0 -0
  438. package/build/styles/neptune-css/variables/zindex.css +0 -0
  439. package/build/types/inputs/SelectInput.d.ts.map +0 -1
  440. package/build/types/inputs/SelectInput.messages.d.ts.map +0 -1
  441. package/build/types/inputs/_BottomSheet.d.ts.map +0 -1
  442. package/build/types/inputs/_ButtonInput.d.ts +0 -5
  443. package/build/types/inputs/_ButtonInput.d.ts.map +0 -1
  444. package/build/types/inputs/_Popover.d.ts.map +0 -1
  445. package/src/inputs/SelectInput.less +0 -219
  446. package/src/inputs/SelectInput.tsx +0 -1269
  447. package/src/neptune-css/fonts/TW-Averta-Bold.woff +0 -0
  448. package/src/neptune-css/fonts/TW-Averta-Bold.woff2 +0 -0
  449. package/src/neptune-css/fonts/TW-Averta-Regular.woff +0 -0
  450. package/src/neptune-css/fonts/TW-Averta-Regular.woff2 +0 -0
  451. package/src/neptune-css/fonts/TW-Averta-Semibold.woff +0 -0
  452. package/src/neptune-css/fonts/TW-Averta-Semibold.woff2 +0 -0
  453. package/src/neptune-css/fonts/TransferWise-IconFont.svg +0 -81
  454. package/src/neptune-css/fonts/TransferWise-IconFont.woff +0 -0
  455. package/src/neptune-css/fonts/WiseSans-Heavy.woff2 +0 -0
  456. package/src/neptune-css/fonts/inter-cyrillic-ext-variable-wghtOnly-normal.woff2 +0 -0
  457. package/src/neptune-css/fonts/inter-cyrillic-variable-wghtOnly-normal.woff2 +0 -0
  458. package/src/neptune-css/fonts/inter-greek-ext-variable-wghtOnly-normal.woff2 +0 -0
  459. package/src/neptune-css/fonts/inter-greek-variable-wghtOnly-normal.woff2 +0 -0
  460. package/src/neptune-css/fonts/inter-latin-ext-variable-wghtOnly-normal.woff2 +0 -0
  461. package/src/neptune-css/fonts/inter-latin-variable-wghtOnly-normal.woff2 +0 -0
  462. package/src/neptune-css/fonts/inter-vietnamese-variable-wghtOnly-normal.woff2 +0 -0
  463. package/src/neptune-css/img/bg-dark.svg +0 -31
  464. package/src/neptune-css/img/bg-light.svg +0 -26
  465. package/src/neptune-css/less/accordion.less +0 -15
  466. package/src/neptune-css/less/addons/_background-utilities.less +0 -82
  467. package/src/neptune-css/less/addons/_border.less +0 -3
  468. package/src/neptune-css/less/addons/_display-utilities.less +0 -159
  469. package/src/neptune-css/less/addons/_spacing-utilities.less +0 -73
  470. package/src/neptune-css/less/addons/_utilities.less +0 -147
  471. package/src/neptune-css/less/alerts.less +0 -252
  472. package/src/neptune-css/less/background.less +0 -24
  473. package/src/neptune-css/less/badge.less +0 -85
  474. package/src/neptune-css/less/border-radius.less +0 -3
  475. package/src/neptune-css/less/breadcrumbs.less +0 -27
  476. package/src/neptune-css/less/button-groups.less +0 -424
  477. package/src/neptune-css/less/buttons.less +0 -738
  478. package/src/neptune-css/less/chevron.less +0 -39
  479. package/src/neptune-css/less/circles.less +0 -233
  480. package/src/neptune-css/less/close.less +0 -48
  481. package/src/neptune-css/less/column-layout.less +0 -167
  482. package/src/neptune-css/less/components/_component-animations.less +0 -43
  483. package/src/neptune-css/less/core/_fonts.less +0 -97
  484. package/src/neptune-css/less/core/_scaffolding.less +0 -380
  485. package/src/neptune-css/less/core/_typography-utilities.less +0 -255
  486. package/src/neptune-css/less/core/_typography.less +0 -575
  487. package/src/neptune-css/less/core/viewport-themes.less +0 -65
  488. package/src/neptune-css/less/currency-flags.less +0 -42
  489. package/src/neptune-css/less/decision.less +0 -98
  490. package/src/neptune-css/less/dropdowns.less +0 -365
  491. package/src/neptune-css/less/droppable.less +0 -213
  492. package/src/neptune-css/less/flex.less +0 -113
  493. package/src/neptune-css/less/footer.less +0 -113
  494. package/src/neptune-css/less/forms/bootstrap-forms.less +0 -1218
  495. package/src/neptune-css/less/forms/checkbox-radio.less +0 -330
  496. package/src/neptune-css/less/grid.less +0 -187
  497. package/src/neptune-css/less/input-groups.less +0 -298
  498. package/src/neptune-css/less/link-callout.less +0 -17
  499. package/src/neptune-css/less/list-group.less +0 -260
  500. package/src/neptune-css/less/loaders.less +0 -91
  501. package/src/neptune-css/less/media.less +0 -68
  502. package/src/neptune-css/less/mixins/_alerts.less +0 -39
  503. package/src/neptune-css/less/mixins/_arrows.less +0 -52
  504. package/src/neptune-css/less/mixins/_border-radius.less +0 -11
  505. package/src/neptune-css/less/mixins/_buttons.less +0 -82
  506. package/src/neptune-css/less/mixins/_center-block.less +0 -7
  507. package/src/neptune-css/less/mixins/_clearfix.less +0 -23
  508. package/src/neptune-css/less/mixins/_flex.less +0 -105
  509. package/src/neptune-css/less/mixins/_forms.less +0 -130
  510. package/src/neptune-css/less/mixins/_grid-framework.less +0 -104
  511. package/src/neptune-css/less/mixins/_grid.less +0 -158
  512. package/src/neptune-css/less/mixins/_hide-text.less +0 -20
  513. package/src/neptune-css/less/mixins/_links.less +0 -7
  514. package/src/neptune-css/less/mixins/_list-group.less +0 -23
  515. package/src/neptune-css/less/mixins/_logical-properties-IE-friendly.less +0 -381
  516. package/src/neptune-css/less/mixins/_logical-properties-modern-browsers.less +0 -226
  517. package/src/neptune-css/less/mixins/_logical-properties.less +0 -5
  518. package/src/neptune-css/less/mixins/_nav-divider.less +0 -10
  519. package/src/neptune-css/less/mixins/_nav-vertical-align.less +0 -10
  520. package/src/neptune-css/less/mixins/_panels.less +0 -23
  521. package/src/neptune-css/less/mixins/_physical-properties.less +0 -110
  522. package/src/neptune-css/less/mixins/_reset-text.less +0 -22
  523. package/src/neptune-css/less/mixins/_sequence.less +0 -203
  524. package/src/neptune-css/less/mixins/_spacing.less +0 -122
  525. package/src/neptune-css/less/mixins/_tab-focus.less +0 -5
  526. package/src/neptune-css/less/mixins/_table-row.less +0 -47
  527. package/src/neptune-css/less/mixins/_text-emphasis.less +0 -39
  528. package/src/neptune-css/less/mixins/_text-overflow.less +0 -8
  529. package/src/neptune-css/less/mixins/_theming.less +0 -7
  530. package/src/neptune-css/less/modals.less +0 -239
  531. package/src/neptune-css/less/navbar.less +0 -1442
  532. package/src/neptune-css/less/navs.less +0 -339
  533. package/src/neptune-css/less/neptune-addons.less +0 -4
  534. package/src/neptune-css/less/neptune-core.less +0 -4
  535. package/src/neptune-css/less/neptune-social-media.less +0 -84
  536. package/src/neptune-css/less/neptune.bundle.less +0 -65
  537. package/src/neptune-css/less/panels.less +0 -410
  538. package/src/neptune-css/less/popovers.less +0 -379
  539. package/src/neptune-css/less/process.less +0 -426
  540. package/src/neptune-css/less/progress-bars.less +0 -55
  541. package/src/neptune-css/less/ring.less +0 -51
  542. package/src/neptune-css/less/select.less +0 -88
  543. package/src/neptune-css/less/sequences.less +0 -511
  544. package/src/neptune-css/less/table.less +0 -385
  545. package/src/neptune-css/less/tick.less +0 -37
  546. package/src/neptune-css/less/tooltip.less +0 -130
  547. package/src/neptune-css/less/utilities.less +0 -153
  548. package/src/neptune-css/less/wells.less +0 -37
  549. package/src/neptune-css/props/custom-media.css +0 -11
  550. package/src/neptune-css/props/legacy-custom-props.css +0 -69
  551. package/src/neptune-css/props/neptune-tokens.css +0 -11
  552. package/src/neptune-css/variables/legacy-variables.less +0 -1299
  553. package/src/neptune-css/variables/neptune-tokens.less +0 -12
  554. package/src/neptune-css/variables/zindex.less +0 -17
  555. package/build/inputs/{SelectInput.messages.js → SelectInput/SelectInput.messages.js} +0 -0
  556. package/build/inputs/{SelectInput.messages.mjs → SelectInput/SelectInput.messages.mjs} +0 -0
  557. package/build/styles/inputs/{SelectInput.css → SelectInput/SelectInput.css} +90 -90
  558. /package/build/types/inputs/{SelectInput.messages.d.ts → SelectInput/SelectInput.messages.d.ts} +0 -0
  559. /package/src/inputs/{_BottomSheet.less → SelectInput/BottomSheet/SelectInputBottomSheet.less} +0 -0
  560. /package/src/inputs/{_ButtonInput.less → SelectInput/ButtonInput/SelectInputButtonInput.less} +0 -0
  561. /package/src/inputs/{_Popover.less → SelectInput/Popover/SelectInputPopover.less} +0 -0
  562. /package/src/inputs/{SelectInput.messages.ts → SelectInput/SelectInput.messages.ts} +0 -0
  563. /package/{build/neptune-css/less/legacy-variables.css → src/listItem/ListItem.vars.css} +0 -0
@@ -1,1857 +0,0 @@
1
- .bg-default,
2
- .bg-neutral {
3
- background-color: rgba(134,167,189,0.10196) !important;
4
- background-color: var(--color-background-neutral) !important;
5
- color: #5d7079;
6
- color: var(--color-content-secondary);
7
- }
8
- .bg-accent,
9
- .bg-info {
10
- background-color: rgba(56,200,255,0.10196) !important;
11
- background-color: var(--color-background-accent) !important;
12
- }
13
- .bg-primary {
14
- background-color: #37517e !important;
15
- color: #ffffff;
16
- }
17
- .bg-positive,
18
- .bg-success {
19
- background-color: rgba(54,199,151,0.10196) !important;
20
- background-color: var(--color-background-positive) !important;
21
- }
22
- .bg-negative,
23
- .bg-danger {
24
- background-color: rgba(255,135,135,0.10196) !important;
25
- background-color: var(--color-background-negative) !important;
26
- }
27
- .bg-warning {
28
- background-color: rgba(255,172,0,0.10196) !important;
29
- background-color: var(--color-background-warning) !important;
30
- }
31
- .bg-elevated {
32
- background-color: #ffffff !important;
33
- background-color: var(--color-background-elevated) !important;
34
- }
35
- .bg-screen {
36
- background-color: #ffffff !important;
37
- background-color: var(--color-background-screen) !important;
38
- }
39
- .bg-overlay {
40
- background-color: rgba(0,0,0,0.10196) !important;
41
- background-color: var(--color-background-overlay) !important;
42
- }
43
- .bg-primary h1,
44
- .bg-info h1,
45
- .bg-accent h1,
46
- .bg-primary h2,
47
- .bg-info h2,
48
- .bg-accent h2,
49
- .bg-primary h3,
50
- .bg-info h3,
51
- .bg-accent h3,
52
- .bg-primary h4,
53
- .bg-info h4,
54
- .bg-accent h4,
55
- .bg-primary h5,
56
- .bg-info h5,
57
- .bg-accent h5,
58
- .bg-primary h6,
59
- .bg-info h6,
60
- .bg-accent h6,
61
- .bg-primary .h1,
62
- .bg-info .h1,
63
- .bg-accent .h1,
64
- .bg-primary .h2,
65
- .bg-info .h2,
66
- .bg-accent .h2,
67
- .bg-primary .h3,
68
- .bg-info .h3,
69
- .bg-accent .h3,
70
- .bg-primary .h4,
71
- .bg-info .h4,
72
- .bg-accent .h4,
73
- .bg-primary .h5,
74
- .bg-info .h5,
75
- .bg-accent .h5,
76
- .bg-primary .h6,
77
- .bg-info .h6,
78
- .bg-accent .h6,
79
- .bg-primary .title-1,
80
- .bg-info .title-1,
81
- .bg-accent .title-1,
82
- .bg-primary .title-2,
83
- .bg-info .title-2,
84
- .bg-accent .title-2,
85
- .bg-primary .title-3,
86
- .bg-info .title-3,
87
- .bg-accent .title-3,
88
- .bg-primary .title-4,
89
- .bg-info .title-4,
90
- .bg-accent .title-4,
91
- .bg-primary .title-5,
92
- .bg-info .title-5,
93
- .bg-accent .title-5,
94
- .bg-primary .np-text-title-screen,
95
- .bg-info .np-text-title-screen,
96
- .bg-accent .np-text-title-screen,
97
- .bg-primary .np-text-title-section,
98
- .bg-info .np-text-title-section,
99
- .bg-accent .np-text-title-section,
100
- .bg-primary .np-text-title-subsection,
101
- .bg-info .np-text-title-subsection,
102
- .bg-accent .np-text-title-subsection,
103
- .bg-primary .np-text-title-body,
104
- .bg-info .np-text-title-body,
105
- .bg-accent .np-text-title-body,
106
- .bg-primary .np-text-title-group,
107
- .bg-info .np-text-title-group,
108
- .bg-accent .np-text-title-group,
109
- .bg-primary strong,
110
- .bg-info strong,
111
- .bg-accent strong {
112
- color: #ffffff;
113
- }
114
- .d-block {
115
- display: block !important;
116
- }
117
- .d-inline-block {
118
- display: inline-block !important;
119
- }
120
- .visible-xs,
121
- .visible-xs-block,
122
- .visible-xs-inline,
123
- .visible-xs-inline-block,
124
- .visible-sm,
125
- .visible-sm-block,
126
- .visible-sm-inline,
127
- .visible-sm-inline-block,
128
- .visible-md,
129
- .visible-md-block,
130
- .visible-md-inline,
131
- .visible-md-inline-block,
132
- .visible-lg,
133
- .visible-lg-block,
134
- .visible-lg-inline,
135
- .visible-lg-inline-block,
136
- .visible-xl,
137
- .visible-xl-block,
138
- .visible-xl-inline,
139
- .visible-xl-inline-block {
140
- display: none !important;
141
- }
142
- @media (max-width: 575px) {
143
- .visible-xs,
144
- .visible-xs-block {
145
- display: block !important;
146
- }
147
- }
148
- @media (max-width: 575px) {
149
- .visible-xs-inline {
150
- display: inline !important;
151
- }
152
- }
153
- @media (max-width: 575px) {
154
- .visible-xs-inline-block {
155
- display: inline-block !important;
156
- }
157
- }
158
- @media (min-width: 576px) and (max-width: 767px) {
159
- .visible-sm,
160
- .visible-sm-block {
161
- display: block !important;
162
- }
163
- }
164
- @media (min-width: 576px) and (max-width: 767px) {
165
- .visible-sm-inline {
166
- display: inline !important;
167
- }
168
- }
169
- @media (min-width: 576px) and (max-width: 767px) {
170
- .visible-sm-inline-block {
171
- display: inline-block !important;
172
- }
173
- }
174
- @media (min-width: 768px) and (max-width: 991px) {
175
- .visible-md,
176
- .visible-md-block {
177
- display: block !important;
178
- }
179
- }
180
- @media (min-width: 768px) and (max-width: 991px) {
181
- .visible-md-inline {
182
- display: inline !important;
183
- }
184
- }
185
- @media (min-width: 768px) and (max-width: 991px) {
186
- .visible-md-inline-block {
187
- display: inline-block !important;
188
- }
189
- }
190
- @media (min-width: 992px) and (max-width: 1199px) {
191
- .visible-lg,
192
- .visible-lg-block {
193
- display: block !important;
194
- }
195
- }
196
- @media (min-width: 992px) and (max-width: 1199px) {
197
- .visible-lg-inline {
198
- display: inline !important;
199
- }
200
- }
201
- @media (min-width: 992px) and (max-width: 1199px) {
202
- .visible-lg-inline-block {
203
- display: inline-block !important;
204
- }
205
- }
206
- @media (min-width: 1200px) {
207
- .visible-xl,
208
- .visible-xl-block {
209
- display: block !important;
210
- }
211
- }
212
- @media (min-width: 1200px) {
213
- .visible-xl-inline {
214
- display: inline !important;
215
- }
216
- }
217
- @media (min-width: 1200px) {
218
- .visible-xl-inline-block {
219
- display: inline-block !important;
220
- }
221
- }
222
- @media (max-width: 575px) {
223
- .hidden-xs {
224
- display: none !important;
225
- }
226
- }
227
- @media (min-width: 576px) and (max-width: 767px) {
228
- .hidden-sm {
229
- display: none !important;
230
- }
231
- }
232
- @media (min-width: 768px) and (max-width: 991px) {
233
- .hidden-md {
234
- display: none !important;
235
- }
236
- }
237
- @media (min-width: 992px) and (max-width: 1199px) {
238
- .hidden-lg {
239
- display: none !important;
240
- }
241
- }
242
- @media (min-width: 1200px) {
243
- .hidden-xl {
244
- display: none !important;
245
- }
246
- }
247
- .outline-none {
248
- outline: none;
249
- }
250
- .m-a-0 {
251
- margin-top: 0 !important;
252
- margin-bottom: 0 !important;
253
- }
254
- [dir="rtl"] .m-a-0 {
255
- margin-left: 0 !important;
256
- }
257
- html:not([dir="rtl"]) .m-a-0 {
258
- margin-right: 0 !important;
259
- }
260
- [dir="rtl"] .m-a-0 {
261
- margin-right: 0 !important;
262
- }
263
- html:not([dir="rtl"]) .m-a-0 {
264
- margin-left: 0 !important;
265
- }
266
- .p-a-0 {
267
- padding-top: 0 !important;
268
- padding-bottom: 0 !important;
269
- }
270
- [dir="rtl"] .p-a-0 {
271
- padding-left: 0 !important;
272
- }
273
- html:not([dir="rtl"]) .p-a-0 {
274
- padding-right: 0 !important;
275
- }
276
- [dir="rtl"] .p-a-0 {
277
- padding-right: 0 !important;
278
- }
279
- html:not([dir="rtl"]) .p-a-0 {
280
- padding-left: 0 !important;
281
- }
282
- .m-t-0 {
283
- margin-top: 0 !important;
284
- }
285
- .m-b-0 {
286
- margin-bottom: 0 !important;
287
- }
288
- .m-y-0 {
289
- margin-top: 0 !important;
290
- margin-bottom: 0 !important;
291
- }
292
- .p-t-0 {
293
- padding-top: 0 !important;
294
- }
295
- .p-b-0 {
296
- padding-bottom: 0 !important;
297
- }
298
- .p-y-0 {
299
- padding-top: 0 !important;
300
- padding-bottom: 0 !important;
301
- }
302
- [dir="rtl"] .m-l-0 {
303
- margin-right: 0 !important;
304
- }
305
- html:not([dir="rtl"]) .m-l-0 {
306
- margin-left: 0 !important;
307
- }
308
- [dir="rtl"] .m-r-0 {
309
- margin-left: 0 !important;
310
- }
311
- html:not([dir="rtl"]) .m-r-0 {
312
- margin-right: 0 !important;
313
- }
314
- [dir="rtl"] .m-x-0 {
315
- margin-right: 0 !important;
316
- }
317
- html:not([dir="rtl"]) .m-x-0 {
318
- margin-left: 0 !important;
319
- }
320
- [dir="rtl"] .m-x-0 {
321
- margin-left: 0 !important;
322
- }
323
- html:not([dir="rtl"]) .m-x-0 {
324
- margin-right: 0 !important;
325
- }
326
- [dir="rtl"] .p-l-0 {
327
- padding-right: 0 !important;
328
- }
329
- html:not([dir="rtl"]) .p-l-0 {
330
- padding-left: 0 !important;
331
- }
332
- [dir="rtl"] .p-r-0 {
333
- padding-left: 0 !important;
334
- }
335
- html:not([dir="rtl"]) .p-r-0 {
336
- padding-right: 0 !important;
337
- }
338
- [dir="rtl"] .p-x-0 {
339
- padding-right: 0 !important;
340
- }
341
- html:not([dir="rtl"]) .p-x-0 {
342
- padding-left: 0 !important;
343
- }
344
- [dir="rtl"] .p-x-0 {
345
- padding-left: 0 !important;
346
- }
347
- html:not([dir="rtl"]) .p-x-0 {
348
- padding-right: 0 !important;
349
- }
350
- .m-a-1 {
351
- margin-top: 8px !important;
352
- margin-top: var(--size-8) !important;
353
- margin-bottom: 8px !important;
354
- margin-bottom: var(--size-8) !important;
355
- }
356
- [dir="rtl"] .m-a-1 {
357
- margin-left: 8px !important;
358
- margin-left: var(--size-8) !important;
359
- }
360
- html:not([dir="rtl"]) .m-a-1 {
361
- margin-right: 8px !important;
362
- margin-right: var(--size-8) !important;
363
- }
364
- [dir="rtl"] .m-a-1 {
365
- margin-right: 8px !important;
366
- margin-right: var(--size-8) !important;
367
- }
368
- html:not([dir="rtl"]) .m-a-1 {
369
- margin-left: 8px !important;
370
- margin-left: var(--size-8) !important;
371
- }
372
- .p-a-1 {
373
- padding-top: 8px !important;
374
- padding-top: var(--size-8) !important;
375
- padding-bottom: 8px !important;
376
- padding-bottom: var(--size-8) !important;
377
- }
378
- [dir="rtl"] .p-a-1 {
379
- padding-left: 8px !important;
380
- padding-left: var(--size-8) !important;
381
- }
382
- html:not([dir="rtl"]) .p-a-1 {
383
- padding-right: 8px !important;
384
- padding-right: var(--size-8) !important;
385
- }
386
- [dir="rtl"] .p-a-1 {
387
- padding-right: 8px !important;
388
- padding-right: var(--size-8) !important;
389
- }
390
- html:not([dir="rtl"]) .p-a-1 {
391
- padding-left: 8px !important;
392
- padding-left: var(--size-8) !important;
393
- }
394
- .m-t-1 {
395
- margin-top: 8px !important;
396
- margin-top: var(--size-8) !important;
397
- }
398
- .m-b-1 {
399
- margin-bottom: 8px !important;
400
- margin-bottom: var(--size-8) !important;
401
- }
402
- .m-y-1 {
403
- margin-top: 8px !important;
404
- margin-top: var(--size-8) !important;
405
- margin-bottom: 8px !important;
406
- margin-bottom: var(--size-8) !important;
407
- }
408
- .p-t-1 {
409
- padding-top: 8px !important;
410
- padding-top: var(--size-8) !important;
411
- }
412
- .p-b-1 {
413
- padding-bottom: 8px !important;
414
- padding-bottom: var(--size-8) !important;
415
- }
416
- .p-y-1 {
417
- padding-top: 8px !important;
418
- padding-top: var(--size-8) !important;
419
- padding-bottom: 8px !important;
420
- padding-bottom: var(--size-8) !important;
421
- }
422
- [dir="rtl"] .m-l-1 {
423
- margin-right: 8px !important;
424
- margin-right: var(--size-8) !important;
425
- }
426
- html:not([dir="rtl"]) .m-l-1 {
427
- margin-left: 8px !important;
428
- margin-left: var(--size-8) !important;
429
- }
430
- [dir="rtl"] .m-r-1 {
431
- margin-left: 8px !important;
432
- margin-left: var(--size-8) !important;
433
- }
434
- html:not([dir="rtl"]) .m-r-1 {
435
- margin-right: 8px !important;
436
- margin-right: var(--size-8) !important;
437
- }
438
- [dir="rtl"] .m-x-1 {
439
- margin-right: 8px !important;
440
- margin-right: var(--size-8) !important;
441
- }
442
- html:not([dir="rtl"]) .m-x-1 {
443
- margin-left: 8px !important;
444
- margin-left: var(--size-8) !important;
445
- }
446
- [dir="rtl"] .m-x-1 {
447
- margin-left: 8px !important;
448
- margin-left: var(--size-8) !important;
449
- }
450
- html:not([dir="rtl"]) .m-x-1 {
451
- margin-right: 8px !important;
452
- margin-right: var(--size-8) !important;
453
- }
454
- [dir="rtl"] .p-l-1 {
455
- padding-right: 8px !important;
456
- padding-right: var(--size-8) !important;
457
- }
458
- html:not([dir="rtl"]) .p-l-1 {
459
- padding-left: 8px !important;
460
- padding-left: var(--size-8) !important;
461
- }
462
- [dir="rtl"] .p-r-1 {
463
- padding-left: 8px !important;
464
- padding-left: var(--size-8) !important;
465
- }
466
- html:not([dir="rtl"]) .p-r-1 {
467
- padding-right: 8px !important;
468
- padding-right: var(--size-8) !important;
469
- }
470
- [dir="rtl"] .p-x-1 {
471
- padding-right: 8px !important;
472
- padding-right: var(--size-8) !important;
473
- }
474
- html:not([dir="rtl"]) .p-x-1 {
475
- padding-left: 8px !important;
476
- padding-left: var(--size-8) !important;
477
- }
478
- [dir="rtl"] .p-x-1 {
479
- padding-left: 8px !important;
480
- padding-left: var(--size-8) !important;
481
- }
482
- html:not([dir="rtl"]) .p-x-1 {
483
- padding-right: 8px !important;
484
- padding-right: var(--size-8) !important;
485
- }
486
- .m-a-2 {
487
- margin-top: 16px !important;
488
- margin-top: var(--size-16) !important;
489
- margin-bottom: 16px !important;
490
- margin-bottom: var(--size-16) !important;
491
- }
492
- [dir="rtl"] .m-a-2 {
493
- margin-left: 16px !important;
494
- margin-left: var(--size-16) !important;
495
- }
496
- html:not([dir="rtl"]) .m-a-2 {
497
- margin-right: 16px !important;
498
- margin-right: var(--size-16) !important;
499
- }
500
- [dir="rtl"] .m-a-2 {
501
- margin-right: 16px !important;
502
- margin-right: var(--size-16) !important;
503
- }
504
- html:not([dir="rtl"]) .m-a-2 {
505
- margin-left: 16px !important;
506
- margin-left: var(--size-16) !important;
507
- }
508
- .p-a-2 {
509
- padding-top: 16px !important;
510
- padding-top: var(--size-16) !important;
511
- padding-bottom: 16px !important;
512
- padding-bottom: var(--size-16) !important;
513
- }
514
- [dir="rtl"] .p-a-2 {
515
- padding-left: 16px !important;
516
- padding-left: var(--size-16) !important;
517
- }
518
- html:not([dir="rtl"]) .p-a-2 {
519
- padding-right: 16px !important;
520
- padding-right: var(--size-16) !important;
521
- }
522
- [dir="rtl"] .p-a-2 {
523
- padding-right: 16px !important;
524
- padding-right: var(--size-16) !important;
525
- }
526
- html:not([dir="rtl"]) .p-a-2 {
527
- padding-left: 16px !important;
528
- padding-left: var(--size-16) !important;
529
- }
530
- .m-t-2 {
531
- margin-top: 16px !important;
532
- margin-top: var(--size-16) !important;
533
- }
534
- .m-b-2 {
535
- margin-bottom: 16px !important;
536
- margin-bottom: var(--size-16) !important;
537
- }
538
- .m-y-2 {
539
- margin-top: 16px !important;
540
- margin-top: var(--size-16) !important;
541
- margin-bottom: 16px !important;
542
- margin-bottom: var(--size-16) !important;
543
- }
544
- .p-t-2 {
545
- padding-top: 16px !important;
546
- padding-top: var(--size-16) !important;
547
- }
548
- .p-b-2 {
549
- padding-bottom: 16px !important;
550
- padding-bottom: var(--size-16) !important;
551
- }
552
- .p-y-2 {
553
- padding-top: 16px !important;
554
- padding-top: var(--size-16) !important;
555
- padding-bottom: 16px !important;
556
- padding-bottom: var(--size-16) !important;
557
- }
558
- [dir="rtl"] .m-l-2 {
559
- margin-right: 16px !important;
560
- margin-right: var(--size-16) !important;
561
- }
562
- html:not([dir="rtl"]) .m-l-2 {
563
- margin-left: 16px !important;
564
- margin-left: var(--size-16) !important;
565
- }
566
- [dir="rtl"] .m-r-2 {
567
- margin-left: 16px !important;
568
- margin-left: var(--size-16) !important;
569
- }
570
- html:not([dir="rtl"]) .m-r-2 {
571
- margin-right: 16px !important;
572
- margin-right: var(--size-16) !important;
573
- }
574
- [dir="rtl"] .m-x-2 {
575
- margin-right: 16px !important;
576
- margin-right: var(--size-16) !important;
577
- }
578
- html:not([dir="rtl"]) .m-x-2 {
579
- margin-left: 16px !important;
580
- margin-left: var(--size-16) !important;
581
- }
582
- [dir="rtl"] .m-x-2 {
583
- margin-left: 16px !important;
584
- margin-left: var(--size-16) !important;
585
- }
586
- html:not([dir="rtl"]) .m-x-2 {
587
- margin-right: 16px !important;
588
- margin-right: var(--size-16) !important;
589
- }
590
- [dir="rtl"] .p-l-2 {
591
- padding-right: 16px !important;
592
- padding-right: var(--size-16) !important;
593
- }
594
- html:not([dir="rtl"]) .p-l-2 {
595
- padding-left: 16px !important;
596
- padding-left: var(--size-16) !important;
597
- }
598
- [dir="rtl"] .p-r-2 {
599
- padding-left: 16px !important;
600
- padding-left: var(--size-16) !important;
601
- }
602
- html:not([dir="rtl"]) .p-r-2 {
603
- padding-right: 16px !important;
604
- padding-right: var(--size-16) !important;
605
- }
606
- [dir="rtl"] .p-x-2 {
607
- padding-right: 16px !important;
608
- padding-right: var(--size-16) !important;
609
- }
610
- html:not([dir="rtl"]) .p-x-2 {
611
- padding-left: 16px !important;
612
- padding-left: var(--size-16) !important;
613
- }
614
- [dir="rtl"] .p-x-2 {
615
- padding-left: 16px !important;
616
- padding-left: var(--size-16) !important;
617
- }
618
- html:not([dir="rtl"]) .p-x-2 {
619
- padding-right: 16px !important;
620
- padding-right: var(--size-16) !important;
621
- }
622
- .m-a-3 {
623
- margin-top: 24px !important;
624
- margin-top: var(--size-24) !important;
625
- margin-bottom: 24px !important;
626
- margin-bottom: var(--size-24) !important;
627
- }
628
- [dir="rtl"] .m-a-3 {
629
- margin-left: 24px !important;
630
- margin-left: var(--size-24) !important;
631
- }
632
- html:not([dir="rtl"]) .m-a-3 {
633
- margin-right: 24px !important;
634
- margin-right: var(--size-24) !important;
635
- }
636
- [dir="rtl"] .m-a-3 {
637
- margin-right: 24px !important;
638
- margin-right: var(--size-24) !important;
639
- }
640
- html:not([dir="rtl"]) .m-a-3 {
641
- margin-left: 24px !important;
642
- margin-left: var(--size-24) !important;
643
- }
644
- .p-a-3 {
645
- padding-top: 24px !important;
646
- padding-top: var(--size-24) !important;
647
- padding-bottom: 24px !important;
648
- padding-bottom: var(--size-24) !important;
649
- }
650
- [dir="rtl"] .p-a-3 {
651
- padding-left: 24px !important;
652
- padding-left: var(--size-24) !important;
653
- }
654
- html:not([dir="rtl"]) .p-a-3 {
655
- padding-right: 24px !important;
656
- padding-right: var(--size-24) !important;
657
- }
658
- [dir="rtl"] .p-a-3 {
659
- padding-right: 24px !important;
660
- padding-right: var(--size-24) !important;
661
- }
662
- html:not([dir="rtl"]) .p-a-3 {
663
- padding-left: 24px !important;
664
- padding-left: var(--size-24) !important;
665
- }
666
- .m-t-3 {
667
- margin-top: 24px !important;
668
- margin-top: var(--size-24) !important;
669
- }
670
- .m-b-3 {
671
- margin-bottom: 24px !important;
672
- margin-bottom: var(--size-24) !important;
673
- }
674
- .m-y-3 {
675
- margin-top: 24px !important;
676
- margin-top: var(--size-24) !important;
677
- margin-bottom: 24px !important;
678
- margin-bottom: var(--size-24) !important;
679
- }
680
- .p-t-3 {
681
- padding-top: 24px !important;
682
- padding-top: var(--size-24) !important;
683
- }
684
- .p-b-3 {
685
- padding-bottom: 24px !important;
686
- padding-bottom: var(--size-24) !important;
687
- }
688
- .p-y-3 {
689
- padding-top: 24px !important;
690
- padding-top: var(--size-24) !important;
691
- padding-bottom: 24px !important;
692
- padding-bottom: var(--size-24) !important;
693
- }
694
- [dir="rtl"] .m-l-3 {
695
- margin-right: 24px !important;
696
- margin-right: var(--size-24) !important;
697
- }
698
- html:not([dir="rtl"]) .m-l-3 {
699
- margin-left: 24px !important;
700
- margin-left: var(--size-24) !important;
701
- }
702
- [dir="rtl"] .m-r-3 {
703
- margin-left: 24px !important;
704
- margin-left: var(--size-24) !important;
705
- }
706
- html:not([dir="rtl"]) .m-r-3 {
707
- margin-right: 24px !important;
708
- margin-right: var(--size-24) !important;
709
- }
710
- [dir="rtl"] .m-x-3 {
711
- margin-right: 24px !important;
712
- margin-right: var(--size-24) !important;
713
- }
714
- html:not([dir="rtl"]) .m-x-3 {
715
- margin-left: 24px !important;
716
- margin-left: var(--size-24) !important;
717
- }
718
- [dir="rtl"] .m-x-3 {
719
- margin-left: 24px !important;
720
- margin-left: var(--size-24) !important;
721
- }
722
- html:not([dir="rtl"]) .m-x-3 {
723
- margin-right: 24px !important;
724
- margin-right: var(--size-24) !important;
725
- }
726
- [dir="rtl"] .p-l-3 {
727
- padding-right: 24px !important;
728
- padding-right: var(--size-24) !important;
729
- }
730
- html:not([dir="rtl"]) .p-l-3 {
731
- padding-left: 24px !important;
732
- padding-left: var(--size-24) !important;
733
- }
734
- [dir="rtl"] .p-r-3 {
735
- padding-left: 24px !important;
736
- padding-left: var(--size-24) !important;
737
- }
738
- html:not([dir="rtl"]) .p-r-3 {
739
- padding-right: 24px !important;
740
- padding-right: var(--size-24) !important;
741
- }
742
- [dir="rtl"] .p-x-3 {
743
- padding-right: 24px !important;
744
- padding-right: var(--size-24) !important;
745
- }
746
- html:not([dir="rtl"]) .p-x-3 {
747
- padding-left: 24px !important;
748
- padding-left: var(--size-24) !important;
749
- }
750
- [dir="rtl"] .p-x-3 {
751
- padding-left: 24px !important;
752
- padding-left: var(--size-24) !important;
753
- }
754
- html:not([dir="rtl"]) .p-x-3 {
755
- padding-right: 24px !important;
756
- padding-right: var(--size-24) !important;
757
- }
758
- .m-a-4 {
759
- margin-top: 32px !important;
760
- margin-top: var(--size-32) !important;
761
- margin-bottom: 32px !important;
762
- margin-bottom: var(--size-32) !important;
763
- }
764
- [dir="rtl"] .m-a-4 {
765
- margin-left: 32px !important;
766
- margin-left: var(--size-32) !important;
767
- }
768
- html:not([dir="rtl"]) .m-a-4 {
769
- margin-right: 32px !important;
770
- margin-right: var(--size-32) !important;
771
- }
772
- [dir="rtl"] .m-a-4 {
773
- margin-right: 32px !important;
774
- margin-right: var(--size-32) !important;
775
- }
776
- html:not([dir="rtl"]) .m-a-4 {
777
- margin-left: 32px !important;
778
- margin-left: var(--size-32) !important;
779
- }
780
- .p-a-4 {
781
- padding-top: 32px !important;
782
- padding-top: var(--size-32) !important;
783
- padding-bottom: 32px !important;
784
- padding-bottom: var(--size-32) !important;
785
- }
786
- [dir="rtl"] .p-a-4 {
787
- padding-left: 32px !important;
788
- padding-left: var(--size-32) !important;
789
- }
790
- html:not([dir="rtl"]) .p-a-4 {
791
- padding-right: 32px !important;
792
- padding-right: var(--size-32) !important;
793
- }
794
- [dir="rtl"] .p-a-4 {
795
- padding-right: 32px !important;
796
- padding-right: var(--size-32) !important;
797
- }
798
- html:not([dir="rtl"]) .p-a-4 {
799
- padding-left: 32px !important;
800
- padding-left: var(--size-32) !important;
801
- }
802
- .m-t-4 {
803
- margin-top: 32px !important;
804
- margin-top: var(--size-32) !important;
805
- }
806
- .m-b-4 {
807
- margin-bottom: 32px !important;
808
- margin-bottom: var(--size-32) !important;
809
- }
810
- .m-y-4 {
811
- margin-top: 32px !important;
812
- margin-top: var(--size-32) !important;
813
- margin-bottom: 32px !important;
814
- margin-bottom: var(--size-32) !important;
815
- }
816
- .p-t-4 {
817
- padding-top: 32px !important;
818
- padding-top: var(--size-32) !important;
819
- }
820
- .p-b-4 {
821
- padding-bottom: 32px !important;
822
- padding-bottom: var(--size-32) !important;
823
- }
824
- .p-y-4 {
825
- padding-top: 32px !important;
826
- padding-top: var(--size-32) !important;
827
- padding-bottom: 32px !important;
828
- padding-bottom: var(--size-32) !important;
829
- }
830
- [dir="rtl"] .m-l-4 {
831
- margin-right: 32px !important;
832
- margin-right: var(--size-32) !important;
833
- }
834
- html:not([dir="rtl"]) .m-l-4 {
835
- margin-left: 32px !important;
836
- margin-left: var(--size-32) !important;
837
- }
838
- [dir="rtl"] .m-r-4 {
839
- margin-left: 32px !important;
840
- margin-left: var(--size-32) !important;
841
- }
842
- html:not([dir="rtl"]) .m-r-4 {
843
- margin-right: 32px !important;
844
- margin-right: var(--size-32) !important;
845
- }
846
- [dir="rtl"] .m-x-4 {
847
- margin-right: 32px !important;
848
- margin-right: var(--size-32) !important;
849
- }
850
- html:not([dir="rtl"]) .m-x-4 {
851
- margin-left: 32px !important;
852
- margin-left: var(--size-32) !important;
853
- }
854
- [dir="rtl"] .m-x-4 {
855
- margin-left: 32px !important;
856
- margin-left: var(--size-32) !important;
857
- }
858
- html:not([dir="rtl"]) .m-x-4 {
859
- margin-right: 32px !important;
860
- margin-right: var(--size-32) !important;
861
- }
862
- [dir="rtl"] .p-l-4 {
863
- padding-right: 32px !important;
864
- padding-right: var(--size-32) !important;
865
- }
866
- html:not([dir="rtl"]) .p-l-4 {
867
- padding-left: 32px !important;
868
- padding-left: var(--size-32) !important;
869
- }
870
- [dir="rtl"] .p-r-4 {
871
- padding-left: 32px !important;
872
- padding-left: var(--size-32) !important;
873
- }
874
- html:not([dir="rtl"]) .p-r-4 {
875
- padding-right: 32px !important;
876
- padding-right: var(--size-32) !important;
877
- }
878
- [dir="rtl"] .p-x-4 {
879
- padding-right: 32px !important;
880
- padding-right: var(--size-32) !important;
881
- }
882
- html:not([dir="rtl"]) .p-x-4 {
883
- padding-left: 32px !important;
884
- padding-left: var(--size-32) !important;
885
- }
886
- [dir="rtl"] .p-x-4 {
887
- padding-left: 32px !important;
888
- padding-left: var(--size-32) !important;
889
- }
890
- html:not([dir="rtl"]) .p-x-4 {
891
- padding-right: 32px !important;
892
- padding-right: var(--size-32) !important;
893
- }
894
- .m-a-5 {
895
- margin-top: 40px !important;
896
- margin-top: var(--size-40) !important;
897
- margin-bottom: 40px !important;
898
- margin-bottom: var(--size-40) !important;
899
- }
900
- [dir="rtl"] .m-a-5 {
901
- margin-left: 40px !important;
902
- margin-left: var(--size-40) !important;
903
- }
904
- html:not([dir="rtl"]) .m-a-5 {
905
- margin-right: 40px !important;
906
- margin-right: var(--size-40) !important;
907
- }
908
- [dir="rtl"] .m-a-5 {
909
- margin-right: 40px !important;
910
- margin-right: var(--size-40) !important;
911
- }
912
- html:not([dir="rtl"]) .m-a-5 {
913
- margin-left: 40px !important;
914
- margin-left: var(--size-40) !important;
915
- }
916
- .p-a-5 {
917
- padding-top: 40px !important;
918
- padding-top: var(--size-40) !important;
919
- padding-bottom: 40px !important;
920
- padding-bottom: var(--size-40) !important;
921
- }
922
- [dir="rtl"] .p-a-5 {
923
- padding-left: 40px !important;
924
- padding-left: var(--size-40) !important;
925
- }
926
- html:not([dir="rtl"]) .p-a-5 {
927
- padding-right: 40px !important;
928
- padding-right: var(--size-40) !important;
929
- }
930
- [dir="rtl"] .p-a-5 {
931
- padding-right: 40px !important;
932
- padding-right: var(--size-40) !important;
933
- }
934
- html:not([dir="rtl"]) .p-a-5 {
935
- padding-left: 40px !important;
936
- padding-left: var(--size-40) !important;
937
- }
938
- .m-t-5 {
939
- margin-top: 40px !important;
940
- margin-top: var(--size-40) !important;
941
- }
942
- .m-b-5 {
943
- margin-bottom: 40px !important;
944
- margin-bottom: var(--size-40) !important;
945
- }
946
- .m-y-5 {
947
- margin-top: 40px !important;
948
- margin-top: var(--size-40) !important;
949
- margin-bottom: 40px !important;
950
- margin-bottom: var(--size-40) !important;
951
- }
952
- .p-t-5 {
953
- padding-top: 40px !important;
954
- padding-top: var(--size-40) !important;
955
- }
956
- .p-b-5 {
957
- padding-bottom: 40px !important;
958
- padding-bottom: var(--size-40) !important;
959
- }
960
- .p-y-5 {
961
- padding-top: 40px !important;
962
- padding-top: var(--size-40) !important;
963
- padding-bottom: 40px !important;
964
- padding-bottom: var(--size-40) !important;
965
- }
966
- [dir="rtl"] .m-l-5 {
967
- margin-right: 40px !important;
968
- margin-right: var(--size-40) !important;
969
- }
970
- html:not([dir="rtl"]) .m-l-5 {
971
- margin-left: 40px !important;
972
- margin-left: var(--size-40) !important;
973
- }
974
- [dir="rtl"] .m-r-5 {
975
- margin-left: 40px !important;
976
- margin-left: var(--size-40) !important;
977
- }
978
- html:not([dir="rtl"]) .m-r-5 {
979
- margin-right: 40px !important;
980
- margin-right: var(--size-40) !important;
981
- }
982
- [dir="rtl"] .m-x-5 {
983
- margin-right: 40px !important;
984
- margin-right: var(--size-40) !important;
985
- }
986
- html:not([dir="rtl"]) .m-x-5 {
987
- margin-left: 40px !important;
988
- margin-left: var(--size-40) !important;
989
- }
990
- [dir="rtl"] .m-x-5 {
991
- margin-left: 40px !important;
992
- margin-left: var(--size-40) !important;
993
- }
994
- html:not([dir="rtl"]) .m-x-5 {
995
- margin-right: 40px !important;
996
- margin-right: var(--size-40) !important;
997
- }
998
- [dir="rtl"] .p-l-5 {
999
- padding-right: 40px !important;
1000
- padding-right: var(--size-40) !important;
1001
- }
1002
- html:not([dir="rtl"]) .p-l-5 {
1003
- padding-left: 40px !important;
1004
- padding-left: var(--size-40) !important;
1005
- }
1006
- [dir="rtl"] .p-r-5 {
1007
- padding-left: 40px !important;
1008
- padding-left: var(--size-40) !important;
1009
- }
1010
- html:not([dir="rtl"]) .p-r-5 {
1011
- padding-right: 40px !important;
1012
- padding-right: var(--size-40) !important;
1013
- }
1014
- [dir="rtl"] .p-x-5 {
1015
- padding-right: 40px !important;
1016
- padding-right: var(--size-40) !important;
1017
- }
1018
- html:not([dir="rtl"]) .p-x-5 {
1019
- padding-left: 40px !important;
1020
- padding-left: var(--size-40) !important;
1021
- }
1022
- [dir="rtl"] .p-x-5 {
1023
- padding-left: 40px !important;
1024
- padding-left: var(--size-40) !important;
1025
- }
1026
- html:not([dir="rtl"]) .p-x-5 {
1027
- padding-right: 40px !important;
1028
- padding-right: var(--size-40) !important;
1029
- }
1030
- .m-t-4 {
1031
- margin-top: 32px !important;
1032
- margin-top: var(--size-32) !important;
1033
- }
1034
- .m-b-4 {
1035
- margin-bottom: 32px !important;
1036
- margin-bottom: var(--size-32) !important;
1037
- }
1038
- .m-y-4 {
1039
- margin-top: 32px !important;
1040
- margin-top: var(--size-32) !important;
1041
- margin-bottom: 32px !important;
1042
- margin-bottom: var(--size-32) !important;
1043
- }
1044
- .p-t-4 {
1045
- padding-top: 32px !important;
1046
- padding-top: var(--size-32) !important;
1047
- }
1048
- .p-b-4 {
1049
- padding-bottom: 32px !important;
1050
- padding-bottom: var(--size-32) !important;
1051
- }
1052
- .p-y-4 {
1053
- padding-top: 32px !important;
1054
- padding-top: var(--size-32) !important;
1055
- padding-bottom: 32px !important;
1056
- padding-bottom: var(--size-32) !important;
1057
- }
1058
- .m-t-5 {
1059
- margin-top: 40px !important;
1060
- margin-top: var(--size-40) !important;
1061
- }
1062
- .m-b-5 {
1063
- margin-bottom: 40px !important;
1064
- margin-bottom: var(--size-40) !important;
1065
- }
1066
- .m-y-5 {
1067
- margin-top: 40px !important;
1068
- margin-top: var(--size-40) !important;
1069
- margin-bottom: 40px !important;
1070
- margin-bottom: var(--size-40) !important;
1071
- }
1072
- .p-t-5 {
1073
- padding-top: 40px !important;
1074
- padding-top: var(--size-40) !important;
1075
- }
1076
- .p-b-5 {
1077
- padding-bottom: 40px !important;
1078
- padding-bottom: var(--size-40) !important;
1079
- }
1080
- .p-y-5 {
1081
- padding-top: 40px !important;
1082
- padding-top: var(--size-40) !important;
1083
- padding-bottom: 40px !important;
1084
- padding-bottom: var(--size-40) !important;
1085
- }
1086
- .gap-y-1 {
1087
- row-gap: 8px;
1088
- row-gap: var(--size-8);
1089
- }
1090
- .m-a-panel {
1091
- margin-top: 16px !important;
1092
- margin-top: var(--size-16) !important;
1093
- margin-bottom: 16px !important;
1094
- margin-bottom: var(--size-16) !important;
1095
- }
1096
- [dir="rtl"] .m-a-panel {
1097
- margin-left: 16px !important;
1098
- margin-left: var(--size-16) !important;
1099
- }
1100
- html:not([dir="rtl"]) .m-a-panel {
1101
- margin-right: 16px !important;
1102
- margin-right: var(--size-16) !important;
1103
- }
1104
- [dir="rtl"] .m-a-panel {
1105
- margin-right: 16px !important;
1106
- margin-right: var(--size-16) !important;
1107
- }
1108
- html:not([dir="rtl"]) .m-a-panel {
1109
- margin-left: 16px !important;
1110
- margin-left: var(--size-16) !important;
1111
- }
1112
- .p-a-panel {
1113
- padding-top: 16px !important;
1114
- padding-top: var(--size-16) !important;
1115
- padding-bottom: 16px !important;
1116
- padding-bottom: var(--size-16) !important;
1117
- }
1118
- [dir="rtl"] .p-a-panel {
1119
- padding-left: 16px !important;
1120
- padding-left: var(--size-16) !important;
1121
- }
1122
- html:not([dir="rtl"]) .p-a-panel {
1123
- padding-right: 16px !important;
1124
- padding-right: var(--size-16) !important;
1125
- }
1126
- [dir="rtl"] .p-a-panel {
1127
- padding-right: 16px !important;
1128
- padding-right: var(--size-16) !important;
1129
- }
1130
- html:not([dir="rtl"]) .p-a-panel {
1131
- padding-left: 16px !important;
1132
- padding-left: var(--size-16) !important;
1133
- }
1134
- @media (min-width: 576px) {
1135
- .m-a-panel {
1136
- margin-top: 24px !important;
1137
- margin-top: var(--size-24) !important;
1138
- margin-bottom: 24px !important;
1139
- margin-bottom: var(--size-24) !important;
1140
- }
1141
- [dir="rtl"] .m-a-panel {
1142
- margin-left: 24px !important;
1143
- margin-left: var(--size-24) !important;
1144
- }
1145
- html:not([dir="rtl"]) .m-a-panel {
1146
- margin-right: 24px !important;
1147
- margin-right: var(--size-24) !important;
1148
- }
1149
- [dir="rtl"] .m-a-panel {
1150
- margin-right: 24px !important;
1151
- margin-right: var(--size-24) !important;
1152
- }
1153
- html:not([dir="rtl"]) .m-a-panel {
1154
- margin-left: 24px !important;
1155
- margin-left: var(--size-24) !important;
1156
- }
1157
- .p-a-panel {
1158
- padding-top: 24px !important;
1159
- padding-top: var(--size-24) !important;
1160
- padding-bottom: 24px !important;
1161
- padding-bottom: var(--size-24) !important;
1162
- }
1163
- [dir="rtl"] .p-a-panel {
1164
- padding-left: 24px !important;
1165
- padding-left: var(--size-24) !important;
1166
- }
1167
- html:not([dir="rtl"]) .p-a-panel {
1168
- padding-right: 24px !important;
1169
- padding-right: var(--size-24) !important;
1170
- }
1171
- [dir="rtl"] .p-a-panel {
1172
- padding-right: 24px !important;
1173
- padding-right: var(--size-24) !important;
1174
- }
1175
- html:not([dir="rtl"]) .p-a-panel {
1176
- padding-left: 24px !important;
1177
- padding-left: var(--size-24) !important;
1178
- }
1179
- }
1180
- @media (min-width: 992px) {
1181
- .m-a-panel {
1182
- margin-top: 32px !important;
1183
- margin-top: var(--size-32) !important;
1184
- margin-bottom: 32px !important;
1185
- margin-bottom: var(--size-32) !important;
1186
- }
1187
- [dir="rtl"] .m-a-panel {
1188
- margin-left: 32px !important;
1189
- margin-left: var(--size-32) !important;
1190
- }
1191
- html:not([dir="rtl"]) .m-a-panel {
1192
- margin-right: 32px !important;
1193
- margin-right: var(--size-32) !important;
1194
- }
1195
- [dir="rtl"] .m-a-panel {
1196
- margin-right: 32px !important;
1197
- margin-right: var(--size-32) !important;
1198
- }
1199
- html:not([dir="rtl"]) .m-a-panel {
1200
- margin-left: 32px !important;
1201
- margin-left: var(--size-32) !important;
1202
- }
1203
- .p-a-panel {
1204
- padding-top: 32px !important;
1205
- padding-top: var(--size-32) !important;
1206
- padding-bottom: 32px !important;
1207
- padding-bottom: var(--size-32) !important;
1208
- }
1209
- [dir="rtl"] .p-a-panel {
1210
- padding-left: 32px !important;
1211
- padding-left: var(--size-32) !important;
1212
- }
1213
- html:not([dir="rtl"]) .p-a-panel {
1214
- padding-right: 32px !important;
1215
- padding-right: var(--size-32) !important;
1216
- }
1217
- [dir="rtl"] .p-a-panel {
1218
- padding-right: 32px !important;
1219
- padding-right: var(--size-32) !important;
1220
- }
1221
- html:not([dir="rtl"]) .p-a-panel {
1222
- padding-left: 32px !important;
1223
- padding-left: var(--size-32) !important;
1224
- }
1225
- }
1226
- .m-t-panel {
1227
- margin-top: 16px !important;
1228
- margin-top: var(--size-16) !important;
1229
- }
1230
- .m-b-panel {
1231
- margin-bottom: 16px !important;
1232
- margin-bottom: var(--size-16) !important;
1233
- }
1234
- .m-y-panel {
1235
- margin-top: 16px !important;
1236
- margin-top: var(--size-16) !important;
1237
- margin-bottom: 16px !important;
1238
- margin-bottom: var(--size-16) !important;
1239
- }
1240
- .p-t-panel {
1241
- padding-top: 16px !important;
1242
- padding-top: var(--size-16) !important;
1243
- }
1244
- .p-b-panel {
1245
- padding-bottom: 16px !important;
1246
- padding-bottom: var(--size-16) !important;
1247
- }
1248
- .p-y-panel {
1249
- padding-top: 16px !important;
1250
- padding-top: var(--size-16) !important;
1251
- padding-bottom: 16px !important;
1252
- padding-bottom: var(--size-16) !important;
1253
- }
1254
- @media (min-width: 576px) {
1255
- .m-t-panel {
1256
- margin-top: 24px !important;
1257
- margin-top: var(--size-24) !important;
1258
- }
1259
- .m-b-panel {
1260
- margin-bottom: 24px !important;
1261
- margin-bottom: var(--size-24) !important;
1262
- }
1263
- .m-y-panel {
1264
- margin-top: 24px !important;
1265
- margin-top: var(--size-24) !important;
1266
- margin-bottom: 24px !important;
1267
- margin-bottom: var(--size-24) !important;
1268
- }
1269
- .p-t-panel {
1270
- padding-top: 24px !important;
1271
- padding-top: var(--size-24) !important;
1272
- }
1273
- .p-b-panel {
1274
- padding-bottom: 24px !important;
1275
- padding-bottom: var(--size-24) !important;
1276
- }
1277
- .p-y-panel {
1278
- padding-top: 24px !important;
1279
- padding-top: var(--size-24) !important;
1280
- padding-bottom: 24px !important;
1281
- padding-bottom: var(--size-24) !important;
1282
- }
1283
- }
1284
- @media (min-width: 992px) {
1285
- .m-t-panel {
1286
- margin-top: 32px !important;
1287
- margin-top: var(--size-32) !important;
1288
- }
1289
- .m-b-panel {
1290
- margin-bottom: 32px !important;
1291
- margin-bottom: var(--size-32) !important;
1292
- }
1293
- .m-y-panel {
1294
- margin-top: 32px !important;
1295
- margin-top: var(--size-32) !important;
1296
- margin-bottom: 32px !important;
1297
- margin-bottom: var(--size-32) !important;
1298
- }
1299
- .p-t-panel {
1300
- padding-top: 32px !important;
1301
- padding-top: var(--size-32) !important;
1302
- }
1303
- .p-b-panel {
1304
- padding-bottom: 32px !important;
1305
- padding-bottom: var(--size-32) !important;
1306
- }
1307
- .p-y-panel {
1308
- padding-top: 32px !important;
1309
- padding-top: var(--size-32) !important;
1310
- padding-bottom: 32px !important;
1311
- padding-bottom: var(--size-32) !important;
1312
- }
1313
- }
1314
- [dir="rtl"] .m-l-panel {
1315
- margin-right: 16px !important;
1316
- margin-right: var(--size-16) !important;
1317
- }
1318
- html:not([dir="rtl"]) .m-l-panel {
1319
- margin-left: 16px !important;
1320
- margin-left: var(--size-16) !important;
1321
- }
1322
- [dir="rtl"] .m-r-panel {
1323
- margin-left: 16px !important;
1324
- margin-left: var(--size-16) !important;
1325
- }
1326
- html:not([dir="rtl"]) .m-r-panel {
1327
- margin-right: 16px !important;
1328
- margin-right: var(--size-16) !important;
1329
- }
1330
- [dir="rtl"] .m-x-panel {
1331
- margin-right: 16px !important;
1332
- margin-right: var(--size-16) !important;
1333
- }
1334
- html:not([dir="rtl"]) .m-x-panel {
1335
- margin-left: 16px !important;
1336
- margin-left: var(--size-16) !important;
1337
- }
1338
- [dir="rtl"] .m-x-panel {
1339
- margin-left: 16px !important;
1340
- margin-left: var(--size-16) !important;
1341
- }
1342
- html:not([dir="rtl"]) .m-x-panel {
1343
- margin-right: 16px !important;
1344
- margin-right: var(--size-16) !important;
1345
- }
1346
- [dir="rtl"] .p-l-panel {
1347
- padding-right: 16px !important;
1348
- padding-right: var(--size-16) !important;
1349
- }
1350
- html:not([dir="rtl"]) .p-l-panel {
1351
- padding-left: 16px !important;
1352
- padding-left: var(--size-16) !important;
1353
- }
1354
- [dir="rtl"] .p-r-panel {
1355
- padding-left: 16px !important;
1356
- padding-left: var(--size-16) !important;
1357
- }
1358
- html:not([dir="rtl"]) .p-r-panel {
1359
- padding-right: 16px !important;
1360
- padding-right: var(--size-16) !important;
1361
- }
1362
- [dir="rtl"] .p-x-panel {
1363
- padding-right: 16px !important;
1364
- padding-right: var(--size-16) !important;
1365
- }
1366
- html:not([dir="rtl"]) .p-x-panel {
1367
- padding-left: 16px !important;
1368
- padding-left: var(--size-16) !important;
1369
- }
1370
- [dir="rtl"] .p-x-panel {
1371
- padding-left: 16px !important;
1372
- padding-left: var(--size-16) !important;
1373
- }
1374
- html:not([dir="rtl"]) .p-x-panel {
1375
- padding-right: 16px !important;
1376
- padding-right: var(--size-16) !important;
1377
- }
1378
- @media (min-width: 576px) {
1379
- [dir="rtl"] .m-l-panel {
1380
- margin-right: 24px !important;
1381
- margin-right: var(--size-24) !important;
1382
- }
1383
- html:not([dir="rtl"]) .m-l-panel {
1384
- margin-left: 24px !important;
1385
- margin-left: var(--size-24) !important;
1386
- }
1387
- [dir="rtl"] .m-r-panel {
1388
- margin-left: 24px !important;
1389
- margin-left: var(--size-24) !important;
1390
- }
1391
- html:not([dir="rtl"]) .m-r-panel {
1392
- margin-right: 24px !important;
1393
- margin-right: var(--size-24) !important;
1394
- }
1395
- [dir="rtl"] .m-x-panel {
1396
- margin-right: 24px !important;
1397
- margin-right: var(--size-24) !important;
1398
- }
1399
- html:not([dir="rtl"]) .m-x-panel {
1400
- margin-left: 24px !important;
1401
- margin-left: var(--size-24) !important;
1402
- }
1403
- [dir="rtl"] .m-x-panel {
1404
- margin-left: 24px !important;
1405
- margin-left: var(--size-24) !important;
1406
- }
1407
- html:not([dir="rtl"]) .m-x-panel {
1408
- margin-right: 24px !important;
1409
- margin-right: var(--size-24) !important;
1410
- }
1411
- [dir="rtl"] .p-l-panel {
1412
- padding-right: 24px !important;
1413
- padding-right: var(--size-24) !important;
1414
- }
1415
- html:not([dir="rtl"]) .p-l-panel {
1416
- padding-left: 24px !important;
1417
- padding-left: var(--size-24) !important;
1418
- }
1419
- [dir="rtl"] .p-r-panel {
1420
- padding-left: 24px !important;
1421
- padding-left: var(--size-24) !important;
1422
- }
1423
- html:not([dir="rtl"]) .p-r-panel {
1424
- padding-right: 24px !important;
1425
- padding-right: var(--size-24) !important;
1426
- }
1427
- [dir="rtl"] .p-x-panel {
1428
- padding-right: 24px !important;
1429
- padding-right: var(--size-24) !important;
1430
- }
1431
- html:not([dir="rtl"]) .p-x-panel {
1432
- padding-left: 24px !important;
1433
- padding-left: var(--size-24) !important;
1434
- }
1435
- [dir="rtl"] .p-x-panel {
1436
- padding-left: 24px !important;
1437
- padding-left: var(--size-24) !important;
1438
- }
1439
- html:not([dir="rtl"]) .p-x-panel {
1440
- padding-right: 24px !important;
1441
- padding-right: var(--size-24) !important;
1442
- }
1443
- }
1444
- @media (min-width: 992px) {
1445
- [dir="rtl"] .m-l-panel {
1446
- margin-right: 32px !important;
1447
- margin-right: var(--size-32) !important;
1448
- }
1449
- html:not([dir="rtl"]) .m-l-panel {
1450
- margin-left: 32px !important;
1451
- margin-left: var(--size-32) !important;
1452
- }
1453
- [dir="rtl"] .m-r-panel {
1454
- margin-left: 32px !important;
1455
- margin-left: var(--size-32) !important;
1456
- }
1457
- html:not([dir="rtl"]) .m-r-panel {
1458
- margin-right: 32px !important;
1459
- margin-right: var(--size-32) !important;
1460
- }
1461
- [dir="rtl"] .m-x-panel {
1462
- margin-right: 32px !important;
1463
- margin-right: var(--size-32) !important;
1464
- }
1465
- html:not([dir="rtl"]) .m-x-panel {
1466
- margin-left: 32px !important;
1467
- margin-left: var(--size-32) !important;
1468
- }
1469
- [dir="rtl"] .m-x-panel {
1470
- margin-left: 32px !important;
1471
- margin-left: var(--size-32) !important;
1472
- }
1473
- html:not([dir="rtl"]) .m-x-panel {
1474
- margin-right: 32px !important;
1475
- margin-right: var(--size-32) !important;
1476
- }
1477
- [dir="rtl"] .p-l-panel {
1478
- padding-right: 32px !important;
1479
- padding-right: var(--size-32) !important;
1480
- }
1481
- html:not([dir="rtl"]) .p-l-panel {
1482
- padding-left: 32px !important;
1483
- padding-left: var(--size-32) !important;
1484
- }
1485
- [dir="rtl"] .p-r-panel {
1486
- padding-left: 32px !important;
1487
- padding-left: var(--size-32) !important;
1488
- }
1489
- html:not([dir="rtl"]) .p-r-panel {
1490
- padding-right: 32px !important;
1491
- padding-right: var(--size-32) !important;
1492
- }
1493
- [dir="rtl"] .p-x-panel {
1494
- padding-right: 32px !important;
1495
- padding-right: var(--size-32) !important;
1496
- }
1497
- html:not([dir="rtl"]) .p-x-panel {
1498
- padding-left: 32px !important;
1499
- padding-left: var(--size-32) !important;
1500
- }
1501
- [dir="rtl"] .p-x-panel {
1502
- padding-left: 32px !important;
1503
- padding-left: var(--size-32) !important;
1504
- }
1505
- html:not([dir="rtl"]) .p-x-panel {
1506
- padding-right: 32px !important;
1507
- padding-right: var(--size-32) !important;
1508
- }
1509
- }
1510
- .m-t-section-1 {
1511
- margin-top: 16px !important;
1512
- margin-top: var(--size-16) !important;
1513
- }
1514
- .m-b-section-1 {
1515
- margin-bottom: 16px !important;
1516
- margin-bottom: var(--size-16) !important;
1517
- }
1518
- .m-y-section-1 {
1519
- margin-top: 16px !important;
1520
- margin-top: var(--size-16) !important;
1521
- margin-bottom: 16px !important;
1522
- margin-bottom: var(--size-16) !important;
1523
- }
1524
- .p-t-section-1 {
1525
- padding-top: 16px !important;
1526
- padding-top: var(--size-16) !important;
1527
- }
1528
- .p-b-section-1 {
1529
- padding-bottom: 16px !important;
1530
- padding-bottom: var(--size-16) !important;
1531
- }
1532
- .p-y-section-1 {
1533
- padding-top: 16px !important;
1534
- padding-top: var(--size-16) !important;
1535
- padding-bottom: 16px !important;
1536
- padding-bottom: var(--size-16) !important;
1537
- }
1538
- @media (min-width: 576px) {
1539
- .m-t-section-1 {
1540
- margin-top: 24px !important;
1541
- margin-top: var(--size-24) !important;
1542
- }
1543
- .m-b-section-1 {
1544
- margin-bottom: 24px !important;
1545
- margin-bottom: var(--size-24) !important;
1546
- }
1547
- .m-y-section-1 {
1548
- margin-top: 24px !important;
1549
- margin-top: var(--size-24) !important;
1550
- margin-bottom: 24px !important;
1551
- margin-bottom: var(--size-24) !important;
1552
- }
1553
- .p-t-section-1 {
1554
- padding-top: 24px !important;
1555
- padding-top: var(--size-24) !important;
1556
- }
1557
- .p-b-section-1 {
1558
- padding-bottom: 24px !important;
1559
- padding-bottom: var(--size-24) !important;
1560
- }
1561
- .p-y-section-1 {
1562
- padding-top: 24px !important;
1563
- padding-top: var(--size-24) !important;
1564
- padding-bottom: 24px !important;
1565
- padding-bottom: var(--size-24) !important;
1566
- }
1567
- }
1568
- @media (min-width: 992px) {
1569
- .m-t-section-1 {
1570
- margin-top: 32px !important;
1571
- margin-top: var(--size-32) !important;
1572
- }
1573
- .m-b-section-1 {
1574
- margin-bottom: 32px !important;
1575
- margin-bottom: var(--size-32) !important;
1576
- }
1577
- .m-y-section-1 {
1578
- margin-top: 32px !important;
1579
- margin-top: var(--size-32) !important;
1580
- margin-bottom: 32px !important;
1581
- margin-bottom: var(--size-32) !important;
1582
- }
1583
- .p-t-section-1 {
1584
- padding-top: 32px !important;
1585
- padding-top: var(--size-32) !important;
1586
- }
1587
- .p-b-section-1 {
1588
- padding-bottom: 32px !important;
1589
- padding-bottom: var(--size-32) !important;
1590
- }
1591
- .p-y-section-1 {
1592
- padding-top: 32px !important;
1593
- padding-top: var(--size-32) !important;
1594
- padding-bottom: 32px !important;
1595
- padding-bottom: var(--size-32) !important;
1596
- }
1597
- }
1598
- .m-t-section-2 {
1599
- margin-top: 32px !important;
1600
- margin-top: var(--size-32) !important;
1601
- }
1602
- .m-b-section-2 {
1603
- margin-bottom: 32px !important;
1604
- margin-bottom: var(--size-32) !important;
1605
- }
1606
- .m-y-section-2 {
1607
- margin-top: 32px !important;
1608
- margin-top: var(--size-32) !important;
1609
- margin-bottom: 32px !important;
1610
- margin-bottom: var(--size-32) !important;
1611
- }
1612
- .p-t-section-2 {
1613
- padding-top: 32px !important;
1614
- padding-top: var(--size-32) !important;
1615
- }
1616
- .p-b-section-2 {
1617
- padding-bottom: 32px !important;
1618
- padding-bottom: var(--size-32) !important;
1619
- }
1620
- .p-y-section-2 {
1621
- padding-top: 32px !important;
1622
- padding-top: var(--size-32) !important;
1623
- padding-bottom: 32px !important;
1624
- padding-bottom: var(--size-32) !important;
1625
- }
1626
- @media (min-width: 576px) {
1627
- .m-t-section-2 {
1628
- margin-top: 48px !important;
1629
- margin-top: var(--size-48) !important;
1630
- }
1631
- .m-b-section-2 {
1632
- margin-bottom: 48px !important;
1633
- margin-bottom: var(--size-48) !important;
1634
- }
1635
- .m-y-section-2 {
1636
- margin-top: 48px !important;
1637
- margin-top: var(--size-48) !important;
1638
- margin-bottom: 48px !important;
1639
- margin-bottom: var(--size-48) !important;
1640
- }
1641
- .p-t-section-2 {
1642
- padding-top: 48px !important;
1643
- padding-top: var(--size-48) !important;
1644
- }
1645
- .p-b-section-2 {
1646
- padding-bottom: 48px !important;
1647
- padding-bottom: var(--size-48) !important;
1648
- }
1649
- .p-y-section-2 {
1650
- padding-top: 48px !important;
1651
- padding-top: var(--size-48) !important;
1652
- padding-bottom: 48px !important;
1653
- padding-bottom: var(--size-48) !important;
1654
- }
1655
- }
1656
- @media (min-width: 992px) {
1657
- .m-t-section-2 {
1658
- margin-top: 64px !important;
1659
- margin-top: var(--size-64) !important;
1660
- }
1661
- .m-b-section-2 {
1662
- margin-bottom: 64px !important;
1663
- margin-bottom: var(--size-64) !important;
1664
- }
1665
- .m-y-section-2 {
1666
- margin-top: 64px !important;
1667
- margin-top: var(--size-64) !important;
1668
- margin-bottom: 64px !important;
1669
- margin-bottom: var(--size-64) !important;
1670
- }
1671
- .p-t-section-2 {
1672
- padding-top: 64px !important;
1673
- padding-top: var(--size-64) !important;
1674
- }
1675
- .p-b-section-2 {
1676
- padding-bottom: 64px !important;
1677
- padding-bottom: var(--size-64) !important;
1678
- }
1679
- .p-y-section-2 {
1680
- padding-top: 64px !important;
1681
- padding-top: var(--size-64) !important;
1682
- padding-bottom: 64px !important;
1683
- padding-bottom: var(--size-64) !important;
1684
- }
1685
- }
1686
- .m-t-section-3 {
1687
- margin-top: 48px !important;
1688
- margin-top: var(--size-48) !important;
1689
- }
1690
- .m-b-section-3 {
1691
- margin-bottom: 48px !important;
1692
- margin-bottom: var(--size-48) !important;
1693
- }
1694
- .m-y-section-3 {
1695
- margin-top: 48px !important;
1696
- margin-top: var(--size-48) !important;
1697
- margin-bottom: 48px !important;
1698
- margin-bottom: var(--size-48) !important;
1699
- }
1700
- .p-t-section-3 {
1701
- padding-top: 48px !important;
1702
- padding-top: var(--size-48) !important;
1703
- }
1704
- .p-b-section-3 {
1705
- padding-bottom: 48px !important;
1706
- padding-bottom: var(--size-48) !important;
1707
- }
1708
- .p-y-section-3 {
1709
- padding-top: 48px !important;
1710
- padding-top: var(--size-48) !important;
1711
- padding-bottom: 48px !important;
1712
- padding-bottom: var(--size-48) !important;
1713
- }
1714
- @media (min-width: 576px) {
1715
- .m-t-section-3 {
1716
- margin-top: 72px !important;
1717
- margin-top: var(--size-72) !important;
1718
- }
1719
- .m-b-section-3 {
1720
- margin-bottom: 72px !important;
1721
- margin-bottom: var(--size-72) !important;
1722
- }
1723
- .m-y-section-3 {
1724
- margin-top: 72px !important;
1725
- margin-top: var(--size-72) !important;
1726
- margin-bottom: 72px !important;
1727
- margin-bottom: var(--size-72) !important;
1728
- }
1729
- .p-t-section-3 {
1730
- padding-top: 72px !important;
1731
- padding-top: var(--size-72) !important;
1732
- }
1733
- .p-b-section-3 {
1734
- padding-bottom: 72px !important;
1735
- padding-bottom: var(--size-72) !important;
1736
- }
1737
- .p-y-section-3 {
1738
- padding-top: 72px !important;
1739
- padding-top: var(--size-72) !important;
1740
- padding-bottom: 72px !important;
1741
- padding-bottom: var(--size-72) !important;
1742
- }
1743
- }
1744
- @media (min-width: 992px) {
1745
- .m-t-section-3 {
1746
- margin-top: 96px !important;
1747
- margin-top: var(--size-96) !important;
1748
- }
1749
- .m-b-section-3 {
1750
- margin-bottom: 96px !important;
1751
- margin-bottom: var(--size-96) !important;
1752
- }
1753
- .m-y-section-3 {
1754
- margin-top: 96px !important;
1755
- margin-top: var(--size-96) !important;
1756
- margin-bottom: 96px !important;
1757
- margin-bottom: var(--size-96) !important;
1758
- }
1759
- .p-t-section-3 {
1760
- padding-top: 96px !important;
1761
- padding-top: var(--size-96) !important;
1762
- }
1763
- .p-b-section-3 {
1764
- padding-bottom: 96px !important;
1765
- padding-bottom: var(--size-96) !important;
1766
- }
1767
- .p-y-section-3 {
1768
- padding-top: 96px !important;
1769
- padding-top: var(--size-96) !important;
1770
- padding-bottom: 96px !important;
1771
- padding-bottom: var(--size-96) !important;
1772
- }
1773
- }
1774
- .m-x-auto {
1775
- margin-right: auto !important;
1776
- margin-left: auto !important;
1777
- }
1778
- [dir="rtl"] .m-x-auto {
1779
- margin-left: auto !important;
1780
- margin-right: 0 !important;
1781
- margin-right: initial !important;
1782
- }
1783
- [dir="rtl"] .m-x-auto {
1784
- margin-right: auto !important;
1785
- margin-left: 0 !important;
1786
- margin-left: initial !important;
1787
- }
1788
- .m-r-auto {
1789
- margin-right: auto !important;
1790
- }
1791
- [dir="rtl"] .m-r-auto {
1792
- margin-left: auto !important;
1793
- margin-right: 0 !important;
1794
- margin-right: initial !important;
1795
- }
1796
- .m-l-auto {
1797
- margin-left: auto !important;
1798
- }
1799
- [dir="rtl"] .m-l-auto {
1800
- margin-right: auto !important;
1801
- margin-left: 0 !important;
1802
- margin-left: initial !important;
1803
- }
1804
- .section {
1805
- padding-top: 48px;
1806
- padding-top: var(--size-48);
1807
- padding-bottom: 48px;
1808
- padding-bottom: var(--size-48);
1809
- }
1810
- @media (min-width: 576px) {
1811
- .section {
1812
- padding-top: 72px;
1813
- padding-top: var(--size-72);
1814
- padding-bottom: 72px;
1815
- padding-bottom: var(--size-72);
1816
- }
1817
- }
1818
- @media (min-width: 992px) {
1819
- .section {
1820
- padding-top: 96px;
1821
- padding-top: var(--size-96);
1822
- padding-bottom: 96px;
1823
- padding-bottom: var(--size-96);
1824
- }
1825
- }
1826
- @supports (hyphenate-limit-chars: 1) {
1827
- .np-text-hyphenated {
1828
- hyphens: auto;
1829
- hyphenate-limit-chars: 7 3;
1830
- }
1831
- @media (min-width: 768px) {
1832
- .np-text-hyphenated {
1833
- hyphenate-limit-chars: 8 3;
1834
- }
1835
- }
1836
- @media (min-width: 992px) {
1837
- .np-text-hyphenated {
1838
- hyphenate-limit-chars: 10 4 3;
1839
- }
1840
- }
1841
- }
1842
- @supports (not (hyphenate-limit-chars: 1)) and (-webkit-hyphenate-limit-before: 1) {
1843
- .np-text-hyphenated {
1844
- hyphens: auto;
1845
- -webkit-hyphenate-limit-before: 3;
1846
- -webkit-hyphenate-limit-after: 3;
1847
- }
1848
- @media (min-width: 992px) {
1849
- .np-text-hyphenated {
1850
- -webkit-hyphenate-limit-before: 4;
1851
- }
1852
- }
1853
- }
1854
- .border-bottom {
1855
- border-bottom: 1px solid rgba(134,167,189,0.10196);
1856
- border-bottom: 1px solid var(--color-background-neutral);
1857
- }