@empathyco/x-components 3.0.0-alpha.19 → 3.0.0-alpha.23

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 (293) hide show
  1. package/CHANGELOG.md +50 -0
  2. package/core/index.js +3 -1
  3. package/core/index.js.map +1 -1
  4. package/design-system/base.css +4 -1
  5. package/design-system/button-secondary.css +1 -1
  6. package/design-system/default-theme.css +97 -42
  7. package/design-system/dropdown-default.css +68 -33
  8. package/design-system/dropdown-l.css +1 -1
  9. package/design-system/dropdown-m.css +1 -1
  10. package/design-system/dropdown-s.css +1 -1
  11. package/design-system/dropdown-xl.css +1 -1
  12. package/design-system/full-theme.css +2521 -129
  13. package/design-system/list-default.css +5 -0
  14. package/design-system/list-gap.css +121 -1
  15. package/design-system/list-padding.css +105 -1
  16. package/design-system/row-padding.css +2 -0
  17. package/design-system/utilities-background-color.css +20 -0
  18. package/design-system/utilities-border-color.css +20 -0
  19. package/design-system/utilities-border-radius.css +981 -0
  20. package/design-system/utilities-border-width.css +333 -0
  21. package/design-system/utilities-box-shadow.css +68 -0
  22. package/design-system/utilities-font-color.css +20 -0
  23. package/design-system/utilities-margin.css +380 -0
  24. package/design-system/utilities-padding.css +380 -0
  25. package/docs/API-reference/api/x-adapter.empathydirect.md +0 -1
  26. package/docs/API-reference/api/x-components.createfetchandsaveaction.md +26 -0
  27. package/docs/API-reference/api/x-components.createfetchandsaveactionsoptions.fetch.md +24 -0
  28. package/docs/API-reference/api/x-components.createfetchandsaveactionsoptions.md +23 -0
  29. package/docs/API-reference/api/x-components.createfetchandsaveactionsoptions.oncancel.md +17 -0
  30. package/docs/API-reference/api/x-components.createfetchandsaveactionsoptions.onerror.md +24 -0
  31. package/docs/API-reference/api/x-components.createfetchandsaveactionsoptions.onsuccess.md +25 -0
  32. package/docs/API-reference/api/x-components.fetchandsaveactions.cancelprevious.md +13 -0
  33. package/docs/API-reference/api/x-components.fetchandsaveactions.fetchandsave.md +13 -0
  34. package/docs/API-reference/api/x-components.fetchandsaveactions.md +21 -0
  35. package/docs/API-reference/api/x-components.identifierresultsmutations.md +1 -1
  36. package/docs/API-reference/api/x-components.identifierresultsstate.md +1 -1
  37. package/docs/API-reference/api/x-components.md +8 -11
  38. package/docs/API-reference/api/x-components.nextqueriesmutations.md +1 -1
  39. package/docs/API-reference/api/x-components.nextqueriesstate.md +1 -1
  40. package/docs/API-reference/api/{x-components.urlstate.filters.md → x-components.params.filters.md} +2 -2
  41. package/docs/API-reference/api/x-components.params.md +25 -0
  42. package/docs/API-reference/api/{x-components.urlstate.page.md → x-components.params.page.md} +2 -2
  43. package/docs/API-reference/api/{x-components.urlstate.query.md → x-components.params.query.md} +2 -2
  44. package/docs/API-reference/api/{x-components.urlstate.relatedtags.md → x-components.params.relatedtags.md} +2 -2
  45. package/docs/API-reference/api/x-components.params.scroll.md +11 -0
  46. package/docs/API-reference/api/{x-components.urlstate.sort.md → x-components.params.sort.md} +2 -2
  47. package/docs/API-reference/api/x-components.popularsearchesmutations.md +1 -1
  48. package/docs/API-reference/api/x-components.popularsearchesstate.md +1 -1
  49. package/docs/API-reference/api/x-components.querysuggestionsmutations.md +1 -1
  50. package/docs/API-reference/api/x-components.querysuggestionsstate.md +1 -1
  51. package/docs/API-reference/api/x-components.recommendationsmutations.md +1 -1
  52. package/docs/API-reference/api/x-components.recommendationsstate.md +1 -1
  53. package/docs/API-reference/api/x-components.relatedtagsmutations.md +1 -1
  54. package/docs/API-reference/api/x-components.relatedtagsstate.md +1 -1
  55. package/docs/API-reference/api/x-components.requeststatus.md +13 -0
  56. package/docs/API-reference/api/x-components.searchmutations.md +2 -1
  57. package/docs/API-reference/api/x-components.searchmutations.setredirections.md +24 -0
  58. package/docs/API-reference/api/x-components.searchstate.md +2 -1
  59. package/docs/API-reference/api/x-components.searchstate.redirections.md +13 -0
  60. package/docs/API-reference/api/x-components.setstatus.md +25 -0
  61. package/docs/API-reference/api/x-components.statusmutations.md +20 -0
  62. package/docs/API-reference/api/x-components.statusmutations.setstatus.md +24 -0
  63. package/docs/API-reference/api/x-components.statusstate.md +20 -0
  64. package/docs/API-reference/api/x-components.statusstate.status.md +13 -0
  65. package/docs/API-reference/api/x-components.urlactions.md +8 -0
  66. package/docs/API-reference/api/x-components.urlactions.updatestorefromurl.md +17 -0
  67. package/docs/API-reference/api/x-components.urlactions.updateurl.md +17 -0
  68. package/docs/API-reference/api/x-components.urlgetters.md +2 -1
  69. package/docs/API-reference/api/x-components.urlgetters.urlmappedparamnames.md +13 -0
  70. package/docs/API-reference/api/x-components.urlgetters.urlparams.md +3 -1
  71. package/docs/API-reference/api/x-components.urlmutations.md +3 -1
  72. package/docs/API-reference/api/x-components.urlmutations.setextraparams.md +24 -0
  73. package/docs/API-reference/api/x-components.urlmutations.setparams.md +24 -0
  74. package/docs/API-reference/api/x-components.urlmutations.seturlconfig.md +3 -1
  75. package/docs/API-reference/api/x-components.urlparamkey.md +3 -1
  76. package/docs/API-reference/api/x-components.urlstate.extraparams.md +1 -1
  77. package/docs/API-reference/api/x-components.urlstate.md +2 -6
  78. package/docs/API-reference/api/{x-components.nosuggestions.query.md → x-components.urlstate.params.md} +3 -3
  79. package/docs/API-reference/api/x-components.xcomponentaliasstatusapi.md +7 -7
  80. package/docs/API-reference/api/x-components.xmodulestree.md +0 -1
  81. package/docs/API-reference/api/x-types.modelnametype.md +1 -1
  82. package/docs/API-reference/api/x-types.redirection.md +2 -3
  83. package/docs/API-reference/components/url/x-components.url-handler.md +84 -0
  84. package/docs/sidebar.json +1 -1
  85. package/js/components/base-dropdown.vue.js +2 -2
  86. package/js/components/base-dropdown.vue.js.map +1 -1
  87. package/js/components/layouts/multi-column-max-width-layout.vue.js +2 -2
  88. package/js/components/layouts/multi-column-max-width-layout.vue.js.map +1 -1
  89. package/js/index.js +3 -5
  90. package/js/index.js.map +1 -1
  91. package/js/plugins/x-plugin.alias.js.map +1 -1
  92. package/js/plugins/x-plugin.js +1 -1
  93. package/js/plugins/x-plugin.js.map +1 -1
  94. package/js/store/utils/{helpers/fetch-and-save-action.helpers.js → fetch-and-save-action.utils.js} +5 -5
  95. package/js/store/utils/fetch-and-save-action.utils.js.map +1 -0
  96. package/js/store/utils/{get-getters-proxy.js → getters-proxy.utils.js} +1 -1
  97. package/js/store/utils/getters-proxy.utils.js.map +1 -0
  98. package/js/store/utils/{helpers/status.helpers.js → status-store.utils.js} +1 -1
  99. package/js/store/utils/status-store.utils.js.map +1 -0
  100. package/js/store/{store.utils.js → utils/store-emitters.utils.js} +1 -1
  101. package/js/store/utils/store-emitters.utils.js.map +1 -0
  102. package/js/store/x.module.js +0 -1
  103. package/js/store/x.module.js.map +1 -1
  104. package/js/wiring/wiring.utils.js +1 -1
  105. package/js/wiring/wiring.utils.js.map +1 -1
  106. package/js/x-modules/device/store/emitters.js +3 -1
  107. package/js/x-modules/device/store/emitters.js.map +1 -1
  108. package/js/x-modules/empathize/store/emitters.js +3 -1
  109. package/js/x-modules/empathize/store/emitters.js.map +1 -1
  110. package/js/x-modules/extra-params/store/emitters.js +3 -1
  111. package/js/x-modules/extra-params/store/emitters.js.map +1 -1
  112. package/js/x-modules/facets/store/emitters.js +1 -1
  113. package/js/x-modules/facets/store/emitters.js.map +1 -1
  114. package/js/x-modules/history-queries/store/emitters.js +3 -1
  115. package/js/x-modules/history-queries/store/emitters.js.map +1 -1
  116. package/js/x-modules/identifier-results/store/actions/fetch-and-save-identifier-results.action.js +1 -1
  117. package/js/x-modules/identifier-results/store/actions/fetch-and-save-identifier-results.action.js.map +1 -1
  118. package/js/x-modules/identifier-results/store/emitters.js +3 -1
  119. package/js/x-modules/identifier-results/store/emitters.js.map +1 -1
  120. package/js/x-modules/identifier-results/store/module.js +1 -1
  121. package/js/x-modules/identifier-results/store/module.js.map +1 -1
  122. package/js/x-modules/next-queries/store/actions/fetch-and-save-next-queries.action.js +1 -1
  123. package/js/x-modules/next-queries/store/actions/fetch-and-save-next-queries.action.js.map +1 -1
  124. package/js/x-modules/next-queries/store/emitters.js +3 -1
  125. package/js/x-modules/next-queries/store/emitters.js.map +1 -1
  126. package/js/x-modules/next-queries/store/module.js +1 -1
  127. package/js/x-modules/next-queries/store/module.js.map +1 -1
  128. package/js/x-modules/popular-searches/store/actions/fetch-and-save-suggestions.action.js +1 -1
  129. package/js/x-modules/popular-searches/store/actions/fetch-and-save-suggestions.action.js.map +1 -1
  130. package/js/x-modules/popular-searches/store/emitters.js +1 -1
  131. package/js/x-modules/popular-searches/store/emitters.js.map +1 -1
  132. package/js/x-modules/popular-searches/store/module.js +1 -1
  133. package/js/x-modules/popular-searches/store/module.js.map +1 -1
  134. package/js/x-modules/query-suggestions/store/actions/fetch-and-save-suggestions.action.js +1 -1
  135. package/js/x-modules/query-suggestions/store/actions/fetch-and-save-suggestions.action.js.map +1 -1
  136. package/js/x-modules/query-suggestions/store/emitters.js +3 -1
  137. package/js/x-modules/query-suggestions/store/emitters.js.map +1 -1
  138. package/js/x-modules/query-suggestions/store/module.js +1 -1
  139. package/js/x-modules/query-suggestions/store/module.js.map +1 -1
  140. package/js/x-modules/recommendations/store/actions/fetch-and-save-recommendations.action.js +1 -1
  141. package/js/x-modules/recommendations/store/actions/fetch-and-save-recommendations.action.js.map +1 -1
  142. package/js/x-modules/recommendations/store/emitters.js +3 -1
  143. package/js/x-modules/recommendations/store/emitters.js.map +1 -1
  144. package/js/x-modules/recommendations/store/module.js +1 -1
  145. package/js/x-modules/recommendations/store/module.js.map +1 -1
  146. package/js/x-modules/related-tags/store/actions/fetch-and-save-related-tags.action.js +1 -1
  147. package/js/x-modules/related-tags/store/actions/fetch-and-save-related-tags.action.js.map +1 -1
  148. package/js/x-modules/related-tags/store/emitters.js +3 -1
  149. package/js/x-modules/related-tags/store/emitters.js.map +1 -1
  150. package/js/x-modules/related-tags/store/module.js +1 -1
  151. package/js/x-modules/related-tags/store/module.js.map +1 -1
  152. package/js/x-modules/search/store/actions/fetch-and-save-search-response.action.js +3 -2
  153. package/js/x-modules/search/store/actions/fetch-and-save-search-response.action.js.map +1 -1
  154. package/js/x-modules/search/store/emitters.js +3 -1
  155. package/js/x-modules/search/store/emitters.js.map +1 -1
  156. package/js/x-modules/search/store/module.js +6 -2
  157. package/js/x-modules/search/store/module.js.map +1 -1
  158. package/js/x-modules/search-box/store/emitters.js +3 -1
  159. package/js/x-modules/search-box/store/emitters.js.map +1 -1
  160. package/js/x-modules/tagging/store/emitters.js +3 -1
  161. package/js/x-modules/tagging/store/emitters.js.map +1 -1
  162. package/js/x-modules/url/store/actions/update-store-from-url.action.js +76 -0
  163. package/js/x-modules/url/store/actions/update-store-from-url.action.js.map +1 -0
  164. package/js/x-modules/url/store/actions/update-url.action.js +52 -0
  165. package/js/x-modules/url/store/actions/update-url.action.js.map +1 -0
  166. package/js/x-modules/url/store/emitters.js +3 -1
  167. package/js/x-modules/url/store/emitters.js.map +1 -1
  168. package/js/x-modules/url/store/getters/url-mapped-param-names.getter.js +23 -0
  169. package/js/x-modules/url/store/getters/url-mapped-param-names.getter.js.map +1 -0
  170. package/js/x-modules/url/store/getters/url-params.getter.js +23 -10
  171. package/js/x-modules/url/store/getters/url-params.getter.js.map +1 -1
  172. package/js/x-modules/url/store/module.js +24 -7
  173. package/js/x-modules/url/store/module.js.map +1 -1
  174. package/package.json +4 -4
  175. package/report/x-adapter.api.json +0 -26
  176. package/report/x-components.api.json +1178 -756
  177. package/report/x-components.api.md +62 -106
  178. package/report/x-types.api.json +18 -27
  179. package/types/index.d.ts +0 -1
  180. package/types/index.d.ts.map +1 -1
  181. package/types/plugins/x-plugin.d.ts +1 -1
  182. package/types/plugins/x-plugin.d.ts.map +1 -1
  183. package/types/plugins/x-plugin.types.d.ts +2 -2
  184. package/types/plugins/x-plugin.types.d.ts.map +1 -1
  185. package/types/router.d.ts.map +1 -1
  186. package/types/store/index.d.ts +3 -2
  187. package/types/store/index.d.ts.map +1 -1
  188. package/types/store/utils/{helpers/fetch-and-save-action.helpers.d.ts → fetch-and-save-action.utils.d.ts} +24 -16
  189. package/types/store/utils/fetch-and-save-action.utils.d.ts.map +1 -0
  190. package/types/store/utils/{get-getters-proxy.d.ts → getters-proxy.utils.d.ts} +1 -1
  191. package/types/store/utils/getters-proxy.utils.d.ts.map +1 -0
  192. package/types/store/utils/{helpers/status.helpers.d.ts → status-store.utils.d.ts} +1 -1
  193. package/types/store/utils/status-store.utils.d.ts.map +1 -0
  194. package/types/store/{store-emitters.types.d.ts → utils/store-emitters.utils.d.ts} +13 -4
  195. package/types/store/utils/store-emitters.utils.d.ts.map +1 -0
  196. package/types/store/x.module.d.ts.map +1 -1
  197. package/types/x-modules/identifier-results/store/types.d.ts +1 -1
  198. package/types/x-modules/identifier-results/store/types.d.ts.map +1 -1
  199. package/types/x-modules/next-queries/store/types.d.ts +1 -1
  200. package/types/x-modules/next-queries/store/types.d.ts.map +1 -1
  201. package/types/x-modules/popular-searches/store/types.d.ts +1 -1
  202. package/types/x-modules/popular-searches/store/types.d.ts.map +1 -1
  203. package/types/x-modules/query-suggestions/store/types.d.ts +1 -1
  204. package/types/x-modules/query-suggestions/store/types.d.ts.map +1 -1
  205. package/types/x-modules/recommendations/store/types.d.ts +1 -1
  206. package/types/x-modules/recommendations/store/types.d.ts.map +1 -1
  207. package/types/x-modules/related-tags/store/types.d.ts +1 -1
  208. package/types/x-modules/related-tags/store/types.d.ts.map +1 -1
  209. package/types/x-modules/search/store/actions/fetch-and-save-search-response.action.d.ts.map +1 -1
  210. package/types/x-modules/search/store/module.d.ts.map +1 -1
  211. package/types/x-modules/search/store/types.d.ts +26 -18
  212. package/types/x-modules/search/store/types.d.ts.map +1 -1
  213. package/types/x-modules/url/components/index.d.ts +2 -0
  214. package/types/x-modules/url/components/index.d.ts.map +1 -0
  215. package/types/x-modules/url/store/actions/update-store-from-url.action.d.ts +11 -0
  216. package/types/x-modules/url/store/actions/update-store-from-url.action.d.ts.map +1 -0
  217. package/types/x-modules/url/store/actions/update-url.action.d.ts +11 -0
  218. package/types/x-modules/url/store/actions/update-url.action.d.ts.map +1 -0
  219. package/types/x-modules/url/store/emitters.d.ts +1 -1
  220. package/types/x-modules/url/store/getters/url-mapped-param-names.getter.d.ts +12 -0
  221. package/types/x-modules/url/store/getters/url-mapped-param-names.getter.d.ts.map +1 -0
  222. package/types/x-modules/url/store/getters/url-params.getter.d.ts +1 -0
  223. package/types/x-modules/url/store/getters/url-params.getter.d.ts.map +1 -1
  224. package/types/x-modules/url/store/module.d.ts.map +1 -1
  225. package/types/x-modules/url/store/types.d.ts +46 -3
  226. package/types/x-modules/url/store/types.d.ts.map +1 -1
  227. package/types/x-modules/x-modules.types.d.ts +1 -3
  228. package/types/x-modules/x-modules.types.d.ts.map +1 -1
  229. package/design-system/list-background.css +0 -20
  230. package/design-system/list-border.css +0 -44
  231. package/design-system/row-background.css +0 -20
  232. package/docs/API-reference/api/x-adapter.empathydirect.title.md +0 -11
  233. package/docs/API-reference/api/x-components.clearnosuggestionsquery.md +0 -13
  234. package/docs/API-reference/api/x-components.nosuggestions.beforedestroy.md +0 -15
  235. package/docs/API-reference/api/x-components.nosuggestions.created.md +0 -15
  236. package/docs/API-reference/api/x-components.nosuggestions.eventstorender.md +0 -13
  237. package/docs/API-reference/api/x-components.nosuggestions.eventsubscriptions.md +0 -11
  238. package/docs/API-reference/api/x-components.nosuggestions.md +0 -32
  239. package/docs/API-reference/api/x-components.nosuggestions.message.md +0 -13
  240. package/docs/API-reference/api/x-components.nosuggestions.suggestionsevents.md +0 -11
  241. package/docs/API-reference/api/x-components.nosuggestionsactions.md +0 -13
  242. package/docs/API-reference/api/x-components.nosuggestionsgetters.md +0 -13
  243. package/docs/API-reference/api/x-components.nosuggestionsmutations.md +0 -20
  244. package/docs/API-reference/api/x-components.nosuggestionsmutations.setquery.md +0 -24
  245. package/docs/API-reference/api/x-components.nosuggestionsstate.md +0 -20
  246. package/docs/API-reference/api/x-components.nosuggestionsstate.query.md +0 -13
  247. package/docs/API-reference/api/x-components.nosuggestionsxmodule.md +0 -13
  248. package/docs/API-reference/api/x-components.nosuggestionsxstoremodule.md +0 -15
  249. package/docs/API-reference/api/x-components.setnosuggestionsquery.md +0 -13
  250. package/docs/API-reference/api/x-components.xeventarraypayload.md +0 -15
  251. package/docs/API-reference/api/x-components.xmodulestree.nosuggestions.md +0 -11
  252. package/docs/API-reference/api/x-types.redirection.title.md +0 -13
  253. package/docs/API-reference/components/no-suggestions/x-components.no-suggestions.md +0 -49
  254. package/js/store/store.utils.js.map +0 -1
  255. package/js/store/utils/get-getters-proxy.js.map +0 -1
  256. package/js/store/utils/helpers/fetch-and-save-action.helpers.js.map +0 -1
  257. package/js/store/utils/helpers/status.helpers.js.map +0 -1
  258. package/js/x-modules/no-suggestions/components/no-suggestions.vue.js +0 -70
  259. package/js/x-modules/no-suggestions/components/no-suggestions.vue.js.map +0 -1
  260. package/js/x-modules/no-suggestions/components/no-suggestions.vue_rollup-plugin-vue=script.js +0 -160
  261. package/js/x-modules/no-suggestions/components/no-suggestions.vue_rollup-plugin-vue=script.js.map +0 -1
  262. package/js/x-modules/no-suggestions/store/module.js +0 -20
  263. package/js/x-modules/no-suggestions/store/module.js.map +0 -1
  264. package/js/x-modules/no-suggestions/wiring.js +0 -46
  265. package/js/x-modules/no-suggestions/wiring.js.map +0 -1
  266. package/js/x-modules/no-suggestions/x-module.js +0 -18
  267. package/js/x-modules/no-suggestions/x-module.js.map +0 -1
  268. package/no-suggestions/index.d.ts +0 -1
  269. package/no-suggestions/index.js +0 -4
  270. package/types/store/store-emitters.types.d.ts.map +0 -1
  271. package/types/store/store.utils.d.ts +0 -12
  272. package/types/store/store.utils.d.ts.map +0 -1
  273. package/types/store/utils/get-getters-proxy.d.ts.map +0 -1
  274. package/types/store/utils/helpers/fetch-and-save-action.helpers.d.ts.map +0 -1
  275. package/types/store/utils/helpers/status.helpers.d.ts.map +0 -1
  276. package/types/x-modules/no-suggestions/components/index.d.ts +0 -2
  277. package/types/x-modules/no-suggestions/components/index.d.ts.map +0 -1
  278. package/types/x-modules/no-suggestions/components/no-suggestions.vue.d.ts +0 -90
  279. package/types/x-modules/no-suggestions/components/no-suggestions.vue.d.ts.map +0 -1
  280. package/types/x-modules/no-suggestions/config.types.d.ts +0 -9
  281. package/types/x-modules/no-suggestions/config.types.d.ts.map +0 -1
  282. package/types/x-modules/no-suggestions/index.d.ts +0 -6
  283. package/types/x-modules/no-suggestions/index.d.ts.map +0 -1
  284. package/types/x-modules/no-suggestions/store/index.d.ts +0 -3
  285. package/types/x-modules/no-suggestions/store/index.d.ts.map +0 -1
  286. package/types/x-modules/no-suggestions/store/module.d.ts +0 -8
  287. package/types/x-modules/no-suggestions/store/module.d.ts.map +0 -1
  288. package/types/x-modules/no-suggestions/store/types.d.ts +0 -44
  289. package/types/x-modules/no-suggestions/store/types.d.ts.map +0 -1
  290. package/types/x-modules/no-suggestions/wiring.d.ts +0 -29
  291. package/types/x-modules/no-suggestions/wiring.d.ts.map +0 -1
  292. package/types/x-modules/no-suggestions/x-module.d.ts +0 -16
  293. package/types/x-modules/no-suggestions/x-module.d.ts.map +0 -1
package/design-system/full-theme.css CHANGED
@@ -23,7 +23,10 @@
23
23
  --x-size-base-07: 32px;
24
24
  --x-size-base-08: 40px;
25
25
  --x-size-base-09: 48px;
26
- --x-size-base-10: 56px; }
26
+ --x-size-base-10: 56px;
27
+ --x-size-base-11: 64px;
28
+ --x-size-base-12: 72px;
29
+ --x-size-base-13: 80px; }
27
30
 
28
31
  :root {
29
32
  --x-font-family-base: 'Montserrat', sans-serif;
@@ -209,7 +212,7 @@
209
212
  .x-button--secondary.x-button,
210
213
  .x-button--secondary .x-button {
211
214
  --x-color-background-button-default: var(--x-color-background-button-secondary);
212
- --x-color-border-butto-defaultn: var(--x-color-border-button-secondary);
215
+ --x-color-border-button-default: var(--x-color-border-button-secondary);
213
216
  --x-color-text-button-default: var(--x-color-text-button-secondary); }
214
217
 
215
218
  :root {
@@ -287,45 +290,50 @@
287
290
  [dir="rtl"] .x-dropdown__toggle{
288
291
  border-right-width: var(--x-size-border-width-left-dropdown-toggle-default); }
289
292
  [dir="ltr"] .x-dropdown__toggle{
290
- padding-right: var(--x-size-padding-right-dropdown-item-default); }
293
+ padding-right: var(--x-size-padding-right-dropdown-toggle-default); }
291
294
  [dir="rtl"] .x-dropdown__toggle{
292
- padding-left: var(--x-size-padding-right-dropdown-item-default); }
295
+ padding-left: var(--x-size-padding-right-dropdown-toggle-default); }
293
296
  [dir="ltr"] .x-dropdown__toggle{
294
- padding-left: var(--x-size-padding-left-dropdown-item-default); }
297
+ padding-left: var(--x-size-padding-left-dropdown-toggle-default); }
295
298
  [dir="rtl"] .x-dropdown__toggle{
296
- padding-right: var(--x-size-padding-left-dropdown-item-default); }
299
+ padding-right: var(--x-size-padding-left-dropdown-toggle-default); }
297
300
  .x-dropdown__toggle {
298
301
  border-style: solid;
299
302
  border-top-width: var(--x-size-border-width-top-dropdown-toggle-default);
300
303
  border-bottom-width: var(--x-size-border-width-bottom-dropdown-toggle-default);
301
304
  border-radius: var(--x-size-border-radius-top-left-dropdown-default) var(--x-size-border-radius-top-right-dropdown-default) var(--x-size-border-radius-bottom-right-dropdown-default) var(--x-size-border-radius-bottom-left-dropdown-default);
302
305
  background: var(--x-color-background-dropdown-toggle-default);
303
- color: var(--x-color-font-dropdown-toggle-default);
306
+ color: var(--x-color-text-dropdown-toggle-default);
304
307
  border-color: var(--x-color-border-dropdown-toggle-default);
305
- -webkit-padding-before: var(--x-size-padding-top-dropdown-item-default);
306
- padding-top: var(--x-size-padding-top-dropdown-item-default);
307
- -webkit-padding-end: var(--x-size-padding-right-dropdown-item-default);
308
- -webkit-padding-after: var(--x-size-padding-bottom-dropdown-item-default);
309
- padding-bottom: var(--x-size-padding-bottom-dropdown-item-default);
310
- -webkit-padding-start: var(--x-size-padding-left-dropdown-item-default);
308
+ -webkit-padding-before: var(--x-size-padding-top-dropdown-toggle-default);
309
+ padding-top: var(--x-size-padding-top-dropdown-toggle-default);
310
+ -webkit-padding-end: var(--x-size-padding-right-dropdown-toggle-default);
311
+ -webkit-padding-after: var(--x-size-padding-bottom-dropdown-toggle-default);
312
+ padding-bottom: var(--x-size-padding-bottom-dropdown-toggle-default);
313
+ -webkit-padding-start: var(--x-size-padding-left-dropdown-toggle-default);
311
314
  gap: var(--x-size-gap-dropdown-item-default);
312
- width: var(--x-size-width-dropdown-default);
315
+ width: var(--x-size-width-dropdown-toggle-default);
313
316
  display: -ms-flexbox;
314
317
  display: flex;
315
318
  -ms-flex-flow: row nowrap;
316
319
  flex-flow: row nowrap;
317
320
  margin: 0;
318
321
  cursor: pointer;
319
- overflow: hidden; }
322
+ overflow: var(--x-string-overflow-dropdown-toggle-default);
323
+ box-shadow: var(--x-string-box-shadow-dropdown-default); }
320
324
  @media not all and (min-resolution: 0.001dpcm) {
321
325
  .x-dropdown__toggle {
322
326
  gap: 0; }
323
327
  .x-dropdown__toggle > *:not(:last-child) {
324
328
  margin-right: var(--x-size-gap-dropdown-item-default); } }
325
- .x-dropdown__toggle .x-icon {
326
- transform: rotate(var(--x-rotation-toggle-icon-collapsed)); }
329
+ [dir="ltr"] .x-dropdown__toggle .x-icon:last-child{
330
+ margin-left: auto; }
331
+ [dir="rtl"] .x-dropdown__toggle .x-icon:last-child{
332
+ margin-right: auto; }
333
+ .x-dropdown__toggle .x-icon:last-child {
334
+ -webkit-margin-start: auto; }
327
335
  .x-dropdown__toggle-selected-value {
328
- color: var(--x-color-font-dropdown-toggle-default-selected); }
336
+ color: var(--x-color-text-dropdown-toggle-default-selected); }
329
337
  [dir="ltr"] .x-dropdown__items-list{
330
338
  border-right-width: var(--x-size-border-width-right-dropdown-list-default); }
331
339
  [dir="rtl"] .x-dropdown__items-list{
@@ -335,12 +343,12 @@
335
343
  [dir="rtl"] .x-dropdown__items-list{
336
344
  border-right-width: var(--x-size-border-width-left-dropdown-list-default); }
337
345
  .x-dropdown__items-list {
346
+ background: var(--x-color-background-dropdown-default);
338
347
  box-sizing: border-box;
339
- width: 100%;
348
+ min-width: var(--x-size-min-width-dropdown-list-default);
340
349
  position: absolute;
341
- left: 0;
342
350
  top: calc(100% + var(--x-size-gap-dropdown-default));
343
- overflow: hidden;
351
+ overflow: var(--x-string-overflow-dropdown-list-default);
344
352
  border-color: var(--x-color-border-dropdown-list-default);
345
353
  border-top-width: var(--x-size-border-width-top-dropdown-list-default);
346
354
  border-bottom-width: var(--x-size-border-width-bottom-dropdown-list-default);
@@ -348,7 +356,12 @@
348
356
  border-style: solid;
349
357
  margin: 0;
350
358
  padding: 0;
359
+ box-shadow: var(--x-string-box-shadow-dropdown-default);
351
360
  z-index: 1; }
361
+ .x-dropdown__items-list:before, .x-dropdown__items-list:after {
362
+ content: '';
363
+ display: block;
364
+ height: var(--x-size-padding-vertical-dropdown-list-default); }
352
365
  [dir="ltr"] .x-dropdown__item{
353
366
  padding-left: var(--x-size-padding-left-dropdown-item-default); }
354
367
  [dir="rtl"] .x-dropdown__item{
@@ -371,11 +384,12 @@
371
384
  display: flex;
372
385
  -ms-flex-flow: row nowrap;
373
386
  flex-flow: row nowrap;
374
- -ms-flex-pack: justify;
375
- justify-content: space-between;
387
+ -ms-flex-pack: start;
388
+ justify-content: flex-start;
376
389
  text-align: left;
377
390
  width: 100%;
378
391
  margin: 0;
392
+ white-space: nowrap;
379
393
  cursor: pointer; }
380
394
  @media not all and (min-resolution: 0.001dpcm) {
381
395
  .x-dropdown__item {
@@ -383,19 +397,31 @@
383
397
  .x-dropdown__item > *:not(:last-child) {
384
398
  margin-right: var(--x-size-gap-dropdown-item-default); } }
385
399
  .x-dropdown__item:hover, .x-dropdown__item--is-highlighted {
386
- color: var(--x-color-font-dropdown-item-default-hover);
400
+ color: var(--x-color-text-dropdown-item-default-hover);
387
401
  background-color: var(--x-color-background-dropdown-item-default-hover);
388
402
  font-weight: var(--x-number-font-weight-dropdown-item-default-hover);
389
403
  -webkit-text-decoration: var(--x-font-decoration-dropdown-item-default-hover);
390
404
  text-decoration: var(--x-font-decoration-dropdown-item-default-hover); }
391
405
  .x-dropdown__item--is-selected {
392
- color: var(--x-color-font-dropdown-item-default-selected);
406
+ color: var(--x-color-text-dropdown-item-default-selected);
393
407
  background-color: var(--x-color-background-dropdown-item-default-selected);
394
408
  font-weight: var(--x-number-font-weight-dropdown-item-default-selected);
395
409
  -webkit-text-decoration: var(--x-font-decoration-dropdown-item-default-selected);
396
410
  text-decoration: var(--x-font-decoration-dropdown-item-default-selected); }
397
- .x-dropdown--is-open .x-dropdown__toggle .x-icon {
398
- transform: rotate(var(--x-rotation-toggle-icon-expanded)); }
411
+ [dir="ltr"] .x-dropdown__item .x-icon:last-child{
412
+ margin-left: auto; }
413
+ [dir="rtl"] .x-dropdown__item .x-icon:last-child{
414
+ margin-right: auto; }
415
+ .x-dropdown__item .x-icon:last-child {
416
+ -webkit-margin-start: auto; }
417
+ .x-dropdown--is-open {
418
+ --x-color-background-dropdown-toggle-default: var(
419
+ --x-color-background-dropdown-toggle-open-default
420
+ ); }
421
+ [dir="ltr"] .x-dropdown--right .x-dropdown__items-list{
422
+ right: 0; }
423
+ [dir="rtl"] .x-dropdown--right .x-dropdown__items-list{
424
+ left: 0; }
399
425
 
400
426
  :root {
401
427
  --x-size-border-radius-dropdown-default: var(--x-size-border-radius-base-none);
@@ -433,13 +459,16 @@
433
459
  --x-color-border-dropdown-list-default: var(--x-color-border-dropdown-toggle-default);
434
460
  --x-color-background-dropdown-default: var(--x-color-base-neutral-100);
435
461
  --x-color-background-dropdown-toggle-default: var(--x-color-base-neutral-100);
462
+ --x-color-background-dropdown-toggle-open-default: var(
463
+ --x-color-background-dropdown-toggle-default
464
+ );
436
465
  --x-color-background-dropdown-item-default-selected: var(--x-color-base-neutral-95);
437
466
  --x-color-background-dropdown-item-default-hover: var(--x-color-base-neutral-95);
438
- --x-color-font-dropdown-default: var(--x-color-text-default);
439
- --x-color-font-dropdown-toggle-default: var(--x-color-font-dropdown-default);
440
- --x-color-font-dropdown-toggle-default-selected: var(--x-color-base-neutral-35);
441
- --x-color-font-dropdown-item-default-hover: var(--x-color-base-neutral-35);
442
- --x-color-font-dropdown-item-default-selected: var(--x-color-text-default);
467
+ --x-color-text-dropdown-default: var(--x-color-text-default);
468
+ --x-color-text-dropdown-toggle-default: var(--x-color-text-dropdown-default);
469
+ --x-color-text-dropdown-toggle-default-selected: var(--x-color-base-neutral-35);
470
+ --x-color-text-dropdown-item-default-hover: var(--x-color-base-neutral-35);
471
+ --x-color-text-dropdown-item-default-selected: var(--x-color-text-default);
443
472
  --x-font-family-dropdown-default: var(--x-font-family-text);
444
473
  --x-size-font-dropdown-default: var(--x-size-font-text);
445
474
  --x-size-line-height-dropdown-default: var(--x-size-line-height-text);
@@ -448,18 +477,27 @@
448
477
  --x-number-font-weight-dropdown-item-default-selected: var(--x-number-font-weight-base-regular);
449
478
  --x-font-decoration-dropdown-item-default-hover: none;
450
479
  --x-font-decoration-dropdown-item-default-selected: none;
451
- --x-size-width-dropdown-default: auto;
480
+ --x-size-width-dropdown-toggle-default: 100%;
481
+ --x-size-min-width-dropdown-list-default: 100%;
452
482
  --x-size-gap-dropdown-default: 0;
483
+ --x-size-padding-top-dropdown-toggle-default: var(--x-size-padding-top-dropdown-item-default);
484
+ --x-size-padding-right-dropdown-toggle-default: var(--x-size-padding-right-dropdown-item-default);
485
+ --x-size-padding-bottom-dropdown-toggle-default: var(
486
+ --x-size-padding-bottom-dropdown-item-default
487
+ );
488
+ --x-size-padding-left-dropdown-toggle-default: var(--x-size-padding-left-dropdown-item-default);
489
+ --x-size-padding-vertical-dropdown-list-default: 0;
453
490
  --x-size-padding-top-dropdown-item-default: var(--x-size-base-04);
454
491
  --x-size-padding-right-dropdown-item-default: var(--x-size-base-05);
455
492
  --x-size-padding-bottom-dropdown-item-default: var(--x-size-base-04);
456
493
  --x-size-padding-left-dropdown-item-default: var(--x-size-base-05);
457
494
  --x-size-gap-dropdown-item-default: var(--x-size-base-03);
458
- --x-rotation-toggle-icon-collapsed: 0;
459
- --x-rotation-toggle-icon-expanded: 180deg; }
495
+ --x-string-box-shadow-dropdown-default: none;
496
+ --x-string-overflow-dropdown-toggle-default: hidden;
497
+ --x-string-overflow-dropdown-list-default: hidden; }
460
498
 
461
499
  .x-dropdown.x-dropdown--l {
462
- --x-size-width-dropdown-default: var(--x-size-width-dropdown-l); }
500
+ --x-size-width-dropdown-toggle-default: var(--x-size-width-dropdown-l); }
463
501
 
464
502
  :root {
465
503
  --x-size-width-dropdown-l: 202px; }
@@ -517,7 +555,7 @@
517
555
  --x-size-border-width-left-dropdown-list-line: var(--x-size-border-width-dropdown-list-line); }
518
556
 
519
557
  .x-dropdown.x-dropdown--m {
520
- --x-size-width-dropdown-default: var(--x-size-width-dropdown-m); }
558
+ --x-size-width-dropdown-toggle-default: var(--x-size-width-dropdown-m); }
521
559
 
522
560
  :root {
523
561
  --x-size-width-dropdown-m: 130px; }
@@ -565,13 +603,13 @@
565
603
  --x-size-border-width-left-dropdown-list-pill: var(--x-size-border-width-dropdown-list-pill); }
566
604
 
567
605
  .x-dropdown.x-dropdown--s {
568
- --x-size-width-dropdown-default: var(--x-size-width-dropdown-s); }
606
+ --x-size-width-dropdown-toggle-default: var(--x-size-width-dropdown-s); }
569
607
 
570
608
  :root {
571
609
  --x-size-width-dropdown-s: 74px; }
572
610
 
573
611
  .x-dropdown.x-dropdown--xl {
574
- --x-size-width-dropdown-default: var(--x-size-width-dropdown-xl); }
612
+ --x-size-width-dropdown-toggle-default: var(--x-size-width-dropdown-xl); }
575
613
 
576
614
  :root {
577
615
  --x-size-width-dropdown-xl: 282px; }
@@ -1390,72 +1428,6 @@
1390
1428
  --x-size-border-width-layout-columns-header: 0;
1391
1429
  --x-size-border-width-layout-columns-toolbar: 1px 0 0; }
1392
1430
 
1393
- .x-list.x-list--background-lead {
1394
- background-color: var(--x-color-base-lead); }
1395
-
1396
- .x-list.x-list--background-auxiliary {
1397
- background-color: var(--x-color-base-auxiliary); }
1398
-
1399
- .x-list.x-list--background-neutral-10 {
1400
- background-color: var(--x-color-base-neutral-10); }
1401
-
1402
- .x-list.x-list--background-neutral-35 {
1403
- background-color: var(--x-color-base-neutral-35); }
1404
-
1405
- .x-list.x-list--background-neutral-70 {
1406
- background-color: var(--x-color-base-neutral-70); }
1407
-
1408
- .x-list.x-list--background-neutral-95 {
1409
- background-color: var(--x-color-base-neutral-95); }
1410
-
1411
- .x-list.x-list--background-neutral-100 {
1412
- background-color: var(--x-color-base-neutral-100); }
1413
-
1414
- .x-list--border.x-list {
1415
- border-color: var(--x-color-border-list-border);
1416
- border-style: solid;
1417
- border-width: var(--x-size-border-width-list-border); }
1418
- [dir="ltr"] .x-list--border.x-list.x-list--border-top:not(.x-list--border-right) {
1419
- border-right-width: 0; }
1420
- [dir="rtl"] .x-list--border.x-list.x-list--border-top:not(.x-list--border-right) {
1421
- border-left-width: 0; }
1422
- .x-list--border.x-list.x-list--border-top:not(.x-list--border-bottom) {
1423
- border-bottom-width: 0; }
1424
- [dir="ltr"] .x-list--border.x-list.x-list--border-top:not(.x-list--border-left) {
1425
- border-left-width: 0; }
1426
- [dir="rtl"] .x-list--border.x-list.x-list--border-top:not(.x-list--border-left) {
1427
- border-right-width: 0; }
1428
- .x-list--border.x-list.x-list--border-right:not(.x-list--border-top) {
1429
- border-top-width: 0; }
1430
- .x-list--border.x-list.x-list--border-right:not(.x-list--border-bottom) {
1431
- border-bottom-width: 0; }
1432
- [dir="ltr"] .x-list--border.x-list.x-list--border-right:not(.x-list--border-left) {
1433
- border-left-width: 0; }
1434
- [dir="rtl"] .x-list--border.x-list.x-list--border-right:not(.x-list--border-left) {
1435
- border-right-width: 0; }
1436
- .x-list--border.x-list.x-list--border-bottom:not(.x-list--border-top) {
1437
- border-top-width: 0; }
1438
- [dir="ltr"] .x-list--border.x-list.x-list--border-bottom:not(.x-list--border-right) {
1439
- border-right-width: 0; }
1440
- [dir="rtl"] .x-list--border.x-list.x-list--border-bottom:not(.x-list--border-right) {
1441
- border-left-width: 0; }
1442
- [dir="ltr"] .x-list--border.x-list.x-list--border-bottom:not(.x-list--border-left) {
1443
- border-left-width: 0; }
1444
- [dir="rtl"] .x-list--border.x-list.x-list--border-bottom:not(.x-list--border-left) {
1445
- border-right-width: 0; }
1446
- .x-list--border.x-list.x-list--border-left:not(.x-list--border-top) {
1447
- border-top-width: 0; }
1448
- [dir="ltr"] .x-list--border.x-list.x-list--border-left:not(.x-list--border-right) {
1449
- border-right-width: 0; }
1450
- [dir="rtl"] .x-list--border.x-list.x-list--border-left:not(.x-list--border-right) {
1451
- border-left-width: 0; }
1452
- .x-list--border.x-list.x-list--border-left:not(.x-list--border-bottom) {
1453
- border-bottom-width: 0; }
1454
-
1455
- :root {
1456
- --x-color-border-list-border: var(--x-color-base-lead);
1457
- --x-size-border-width-list-border: var(--x-size-border-width-base); }
1458
-
1459
1431
  @use 'sass:string';
1460
1432
  .x-list {
1461
1433
  display: -ms-flexbox;
@@ -1474,6 +1446,7 @@
1474
1446
  font-size: var(--x-size-font-text);
1475
1447
  font-weight: var(--x-number-font-weight-text);
1476
1448
  line-height: var(--x-size-line-height-text);
1449
+ color: var(--x-color-text-default);
1477
1450
  min-width: 0; }
1478
1451
  @media not all and (min-resolution: 0.001dpcm) {
1479
1452
  .x-list:not(.x-list--horizontal), .x-list.x-list--vertical {
@@ -1558,6 +1531,10 @@
1558
1531
  -ms-flex-item-align: stretch;
1559
1532
  align-self: stretch; }
1560
1533
 
1534
+ .x-list > .x-list__item--flex-none {
1535
+ -ms-flex: none;
1536
+ flex: none; }
1537
+
1561
1538
  .x-list > .x-list__item--01 {
1562
1539
  -ms-flex: 1 12 auto;
1563
1540
  flex: 1 12 auto; }
@@ -1748,6 +1725,120 @@
1748
1725
  margin-right: var(--x-size-gap-list-07);
1749
1726
  margin-bottom: var(--x-size-gap-list-07); } }
1750
1727
 
1728
+ .x-list--gap-08.x-list {
1729
+ gap: var(--x-size-gap-list-08); }
1730
+ @media not all and (min-resolution: 0.001dpcm) {
1731
+ .x-list--gap-08.x-list:not(.x-list--horizontal), .x-list--gap-08.x-list.x-list--vertical {
1732
+ gap: 0; }
1733
+ .x-list--gap-08.x-list:not(.x-list--horizontal) > *:not(:last-child), .x-list--gap-08.x-list.x-list--vertical > *:not(:last-child) {
1734
+ margin-bottom: var(--x-size-gap-list-08); } }
1735
+ @media not all and (min-resolution: 0.001dpcm) {
1736
+ .x-list--gap-08.x-list.x-list--horizontal {
1737
+ gap: 0; }
1738
+ .x-list--gap-08.x-list.x-list--horizontal > *:not(:last-child) {
1739
+ margin-right: var(--x-size-gap-list-08); } }
1740
+ @media not all and (min-resolution: 0.001dpcm) {
1741
+ .x-list--gap-08.x-list.x-list--wrap {
1742
+ gap: 0; }
1743
+ .x-list--gap-08.x-list.x-list--wrap > *:not(:last-child) {
1744
+ margin-right: var(--x-size-gap-list-08);
1745
+ margin-bottom: var(--x-size-gap-list-08); } }
1746
+
1747
+ .x-list--gap-09.x-list {
1748
+ gap: var(--x-size-gap-list-09); }
1749
+ @media not all and (min-resolution: 0.001dpcm) {
1750
+ .x-list--gap-09.x-list:not(.x-list--horizontal), .x-list--gap-09.x-list.x-list--vertical {
1751
+ gap: 0; }
1752
+ .x-list--gap-09.x-list:not(.x-list--horizontal) > *:not(:last-child), .x-list--gap-09.x-list.x-list--vertical > *:not(:last-child) {
1753
+ margin-bottom: var(--x-size-gap-list-09); } }
1754
+ @media not all and (min-resolution: 0.001dpcm) {
1755
+ .x-list--gap-09.x-list.x-list--horizontal {
1756
+ gap: 0; }
1757
+ .x-list--gap-09.x-list.x-list--horizontal > *:not(:last-child) {
1758
+ margin-right: var(--x-size-gap-list-09); } }
1759
+ @media not all and (min-resolution: 0.001dpcm) {
1760
+ .x-list--gap-09.x-list.x-list--wrap {
1761
+ gap: 0; }
1762
+ .x-list--gap-09.x-list.x-list--wrap > *:not(:last-child) {
1763
+ margin-right: var(--x-size-gap-list-09);
1764
+ margin-bottom: var(--x-size-gap-list-09); } }
1765
+
1766
+ .x-list--gap-10.x-list {
1767
+ gap: var(--x-size-gap-list-10); }
1768
+ @media not all and (min-resolution: 0.001dpcm) {
1769
+ .x-list--gap-10.x-list:not(.x-list--horizontal), .x-list--gap-10.x-list.x-list--vertical {
1770
+ gap: 0; }
1771
+ .x-list--gap-10.x-list:not(.x-list--horizontal) > *:not(:last-child), .x-list--gap-10.x-list.x-list--vertical > *:not(:last-child) {
1772
+ margin-bottom: var(--x-size-gap-list-10); } }
1773
+ @media not all and (min-resolution: 0.001dpcm) {
1774
+ .x-list--gap-10.x-list.x-list--horizontal {
1775
+ gap: 0; }
1776
+ .x-list--gap-10.x-list.x-list--horizontal > *:not(:last-child) {
1777
+ margin-right: var(--x-size-gap-list-10); } }
1778
+ @media not all and (min-resolution: 0.001dpcm) {
1779
+ .x-list--gap-10.x-list.x-list--wrap {
1780
+ gap: 0; }
1781
+ .x-list--gap-10.x-list.x-list--wrap > *:not(:last-child) {
1782
+ margin-right: var(--x-size-gap-list-10);
1783
+ margin-bottom: var(--x-size-gap-list-10); } }
1784
+
1785
+ .x-list--gap-11.x-list {
1786
+ gap: var(--x-size-gap-list-11); }
1787
+ @media not all and (min-resolution: 0.001dpcm) {
1788
+ .x-list--gap-11.x-list:not(.x-list--horizontal), .x-list--gap-11.x-list.x-list--vertical {
1789
+ gap: 0; }
1790
+ .x-list--gap-11.x-list:not(.x-list--horizontal) > *:not(:last-child), .x-list--gap-11.x-list.x-list--vertical > *:not(:last-child) {
1791
+ margin-bottom: var(--x-size-gap-list-11); } }
1792
+ @media not all and (min-resolution: 0.001dpcm) {
1793
+ .x-list--gap-11.x-list.x-list--horizontal {
1794
+ gap: 0; }
1795
+ .x-list--gap-11.x-list.x-list--horizontal > *:not(:last-child) {
1796
+ margin-right: var(--x-size-gap-list-11); } }
1797
+ @media not all and (min-resolution: 0.001dpcm) {
1798
+ .x-list--gap-11.x-list.x-list--wrap {
1799
+ gap: 0; }
1800
+ .x-list--gap-11.x-list.x-list--wrap > *:not(:last-child) {
1801
+ margin-right: var(--x-size-gap-list-11);
1802
+ margin-bottom: var(--x-size-gap-list-11); } }
1803
+
1804
+ .x-list--gap-12.x-list {
1805
+ gap: var(--x-size-gap-list-12); }
1806
+ @media not all and (min-resolution: 0.001dpcm) {
1807
+ .x-list--gap-12.x-list:not(.x-list--horizontal), .x-list--gap-12.x-list.x-list--vertical {
1808
+ gap: 0; }
1809
+ .x-list--gap-12.x-list:not(.x-list--horizontal) > *:not(:last-child), .x-list--gap-12.x-list.x-list--vertical > *:not(:last-child) {
1810
+ margin-bottom: var(--x-size-gap-list-12); } }
1811
+ @media not all and (min-resolution: 0.001dpcm) {
1812
+ .x-list--gap-12.x-list.x-list--horizontal {
1813
+ gap: 0; }
1814
+ .x-list--gap-12.x-list.x-list--horizontal > *:not(:last-child) {
1815
+ margin-right: var(--x-size-gap-list-12); } }
1816
+ @media not all and (min-resolution: 0.001dpcm) {
1817
+ .x-list--gap-12.x-list.x-list--wrap {
1818
+ gap: 0; }
1819
+ .x-list--gap-12.x-list.x-list--wrap > *:not(:last-child) {
1820
+ margin-right: var(--x-size-gap-list-12);
1821
+ margin-bottom: var(--x-size-gap-list-12); } }
1822
+
1823
+ .x-list--gap-13.x-list {
1824
+ gap: var(--x-size-gap-list-13); }
1825
+ @media not all and (min-resolution: 0.001dpcm) {
1826
+ .x-list--gap-13.x-list:not(.x-list--horizontal), .x-list--gap-13.x-list.x-list--vertical {
1827
+ gap: 0; }
1828
+ .x-list--gap-13.x-list:not(.x-list--horizontal) > *:not(:last-child), .x-list--gap-13.x-list.x-list--vertical > *:not(:last-child) {
1829
+ margin-bottom: var(--x-size-gap-list-13); } }
1830
+ @media not all and (min-resolution: 0.001dpcm) {
1831
+ .x-list--gap-13.x-list.x-list--horizontal {
1832
+ gap: 0; }
1833
+ .x-list--gap-13.x-list.x-list--horizontal > *:not(:last-child) {
1834
+ margin-right: var(--x-size-gap-list-13); } }
1835
+ @media not all and (min-resolution: 0.001dpcm) {
1836
+ .x-list--gap-13.x-list.x-list--wrap {
1837
+ gap: 0; }
1838
+ .x-list--gap-13.x-list.x-list--wrap > *:not(:last-child) {
1839
+ margin-right: var(--x-size-gap-list-13);
1840
+ margin-bottom: var(--x-size-gap-list-13); } }
1841
+
1751
1842
  :root {
1752
1843
  --x-size-gap-list-01: var(--x-size-base-01);
1753
1844
  --x-size-gap-list-02: var(--x-size-base-02);
@@ -1755,8 +1846,15 @@
1755
1846
  --x-size-gap-list-04: var(--x-size-base-04);
1756
1847
  --x-size-gap-list-05: var(--x-size-base-05);
1757
1848
  --x-size-gap-list-06: var(--x-size-base-06);
1758
- --x-size-gap-list-07: var(--x-size-base-07); }
1759
-
1849
+ --x-size-gap-list-07: var(--x-size-base-07);
1850
+ --x-size-gap-list-08: var(--x-size-base-08);
1851
+ --x-size-gap-list-09: var(--x-size-base-09);
1852
+ --x-size-gap-list-10: var(--x-size-base-10);
1853
+ --x-size-gap-list-11: var(--x-size-base-11);
1854
+ --x-size-gap-list-12: var(--x-size-base-12);
1855
+ --x-size-gap-list-13: var(--x-size-base-13); }
1856
+
1857
+ /* @deprecated */
1760
1858
  @use 'sass:string';
1761
1859
  [class*='x-list--padding-'].x-list.x-list--padding-top:not(.x-list--padding-right) {
1762
1860
  padding-right: 0; }
@@ -1906,6 +2004,103 @@
1906
2004
  .x-list--gap-.x-list.x-list--horizontal > *:not(:last-child) {
1907
2005
  margin-right: var(--x-size-gap-list-07); } }
1908
2006
 
2007
+ .x-list--padding-08.x-list {
2008
+ padding: var(--x-size-padding-list-08); }
2009
+
2010
+ .x-list--gap-.x-list {
2011
+ gap: var(--x-size-gap-list-08); }
2012
+ @media not all and (min-resolution: 0.001dpcm) {
2013
+ .x-list--gap-.x-list {
2014
+ gap: 0; }
2015
+ .x-list--gap-.x-list > *:not(:last-child) {
2016
+ margin-bottom: var(--x-size-gap-list-08); } }
2017
+ @media not all and (min-resolution: 0.001dpcm) {
2018
+ .x-list--gap-.x-list.x-list--horizontal {
2019
+ gap: 0; }
2020
+ .x-list--gap-.x-list.x-list--horizontal > *:not(:last-child) {
2021
+ margin-right: var(--x-size-gap-list-08); } }
2022
+
2023
+ .x-list--padding-09.x-list {
2024
+ padding: var(--x-size-padding-list-09); }
2025
+
2026
+ .x-list--gap-.x-list {
2027
+ gap: var(--x-size-gap-list-09); }
2028
+ @media not all and (min-resolution: 0.001dpcm) {
2029
+ .x-list--gap-.x-list {
2030
+ gap: 0; }
2031
+ .x-list--gap-.x-list > *:not(:last-child) {
2032
+ margin-bottom: var(--x-size-gap-list-09); } }
2033
+ @media not all and (min-resolution: 0.001dpcm) {
2034
+ .x-list--gap-.x-list.x-list--horizontal {
2035
+ gap: 0; }
2036
+ .x-list--gap-.x-list.x-list--horizontal > *:not(:last-child) {
2037
+ margin-right: var(--x-size-gap-list-09); } }
2038
+
2039
+ .x-list--padding-10.x-list {
2040
+ padding: var(--x-size-padding-list-10); }
2041
+
2042
+ .x-list--gap-.x-list {
2043
+ gap: var(--x-size-gap-list-10); }
2044
+ @media not all and (min-resolution: 0.001dpcm) {
2045
+ .x-list--gap-.x-list {
2046
+ gap: 0; }
2047
+ .x-list--gap-.x-list > *:not(:last-child) {
2048
+ margin-bottom: var(--x-size-gap-list-10); } }
2049
+ @media not all and (min-resolution: 0.001dpcm) {
2050
+ .x-list--gap-.x-list.x-list--horizontal {
2051
+ gap: 0; }
2052
+ .x-list--gap-.x-list.x-list--horizontal > *:not(:last-child) {
2053
+ margin-right: var(--x-size-gap-list-10); } }
2054
+
2055
+ .x-list--padding-11.x-list {
2056
+ padding: var(--x-size-padding-list-11); }
2057
+
2058
+ .x-list--gap-.x-list {
2059
+ gap: var(--x-size-gap-list-11); }
2060
+ @media not all and (min-resolution: 0.001dpcm) {
2061
+ .x-list--gap-.x-list {
2062
+ gap: 0; }
2063
+ .x-list--gap-.x-list > *:not(:last-child) {
2064
+ margin-bottom: var(--x-size-gap-list-11); } }
2065
+ @media not all and (min-resolution: 0.001dpcm) {
2066
+ .x-list--gap-.x-list.x-list--horizontal {
2067
+ gap: 0; }
2068
+ .x-list--gap-.x-list.x-list--horizontal > *:not(:last-child) {
2069
+ margin-right: var(--x-size-gap-list-11); } }
2070
+
2071
+ .x-list--padding-12.x-list {
2072
+ padding: var(--x-size-padding-list-12); }
2073
+
2074
+ .x-list--gap-.x-list {
2075
+ gap: var(--x-size-gap-list-12); }
2076
+ @media not all and (min-resolution: 0.001dpcm) {
2077
+ .x-list--gap-.x-list {
2078
+ gap: 0; }
2079
+ .x-list--gap-.x-list > *:not(:last-child) {
2080
+ margin-bottom: var(--x-size-gap-list-12); } }
2081
+ @media not all and (min-resolution: 0.001dpcm) {
2082
+ .x-list--gap-.x-list.x-list--horizontal {
2083
+ gap: 0; }
2084
+ .x-list--gap-.x-list.x-list--horizontal > *:not(:last-child) {
2085
+ margin-right: var(--x-size-gap-list-12); } }
2086
+
2087
+ .x-list--padding-13.x-list {
2088
+ padding: var(--x-size-padding-list-13); }
2089
+
2090
+ .x-list--gap-.x-list {
2091
+ gap: var(--x-size-gap-list-13); }
2092
+ @media not all and (min-resolution: 0.001dpcm) {
2093
+ .x-list--gap-.x-list {
2094
+ gap: 0; }
2095
+ .x-list--gap-.x-list > *:not(:last-child) {
2096
+ margin-bottom: var(--x-size-gap-list-13); } }
2097
+ @media not all and (min-resolution: 0.001dpcm) {
2098
+ .x-list--gap-.x-list.x-list--horizontal {
2099
+ gap: 0; }
2100
+ .x-list--gap-.x-list.x-list--horizontal > *:not(:last-child) {
2101
+ margin-right: var(--x-size-gap-list-13); } }
2102
+
2103
+ /* @deprecated */
1909
2104
  :root {
1910
2105
  --x-size-padding-list-01: var(--x-size-base-01);
1911
2106
  --x-size-padding-list-02: var(--x-size-base-02);
@@ -1913,7 +2108,13 @@
1913
2108
  --x-size-padding-list-04: var(--x-size-base-04);
1914
2109
  --x-size-padding-list-05: var(--x-size-base-05);
1915
2110
  --x-size-padding-list-06: var(--x-size-base-06);
1916
- --x-size-padding-list-07: var(--x-size-base-07); }
2111
+ --x-size-padding-list-07: var(--x-size-base-07);
2112
+ --x-size-padding-list-08: var(--x-size-base-08);
2113
+ --x-size-padding-list-09: var(--x-size-base-09);
2114
+ --x-size-padding-list-10: var(--x-size-base-10);
2115
+ --x-size-padding-list-11: var(--x-size-base-11);
2116
+ --x-size-padding-list-12: var(--x-size-base-12);
2117
+ --x-size-padding-list-13: var(--x-size-base-13); }
1917
2118
 
1918
2119
  .x-option-list--bottom.x-option-list,
1919
2120
  .x-option-list--bottom .x-option-list {
@@ -2307,27 +2508,6 @@
2307
2508
  --x-size-border-width-result-overlay-default: 0;
2308
2509
  --x-size-border-width-result-description-default: 0; }
2309
2510
 
2310
- .x-row.x-row--background-lead {
2311
- background-color: var(--x-color-base-lead); }
2312
-
2313
- .x-row.x-row--background-auxiliary {
2314
- background-color: var(--x-color-base-auxiliary); }
2315
-
2316
- .x-row.x-row--background-neutral-10 {
2317
- background-color: var(--x-color-base-neutral-10); }
2318
-
2319
- .x-row.x-row--background-neutral-35 {
2320
- background-color: var(--x-color-base-neutral-35); }
2321
-
2322
- .x-row.x-row--background-neutral-70 {
2323
- background-color: var(--x-color-base-neutral-70); }
2324
-
2325
- .x-row.x-row--background-neutral-95 {
2326
- background-color: var(--x-color-base-neutral-95); }
2327
-
2328
- .x-row.x-row--background-neutral-100 {
2329
- background-color: var(--x-color-base-neutral-100); }
2330
-
2331
2511
  .x-row {
2332
2512
  display: grid;
2333
2513
  grid-template-columns: repeat(12, 1fr);
@@ -2445,6 +2625,7 @@
2445
2625
  --x-size-gap-row-05: var(--x-size-base-05);
2446
2626
  --x-size-gap-row-06: var(--x-size-base-06); }
2447
2627
 
2628
+ /* @deprecated */
2448
2629
  .x-row--padding-02 {
2449
2630
  --x-size-padding-row: var(--x-size-padding-row-02); }
2450
2631
 
@@ -2460,6 +2641,7 @@
2460
2641
  .x-row--padding-06 {
2461
2642
  --x-size-padding-row: var(--x-size-padding-row-06); }
2462
2643
 
2644
+ /* @deprecated */
2463
2645
  :root {
2464
2646
  --x-size-padding-row-02: var(--x-size-base-02);
2465
2647
  --x-size-padding-row-03: var(--x-size-base-03);
@@ -2968,3 +3150,2213 @@
2968
3150
  --x-font-decoration-small: line-through; }
2969
3151
 
2970
3152
  @use 'sass:string';
3153
+
3154
+ .x-background--lead {
3155
+ background-color: var(--x-color-base-lead) !important; }
3156
+
3157
+ .x-background--auxiliary {
3158
+ background-color: var(--x-color-base-auxiliary) !important; }
3159
+
3160
+ .x-background--neutral-10 {
3161
+ background-color: var(--x-color-base-neutral-10) !important; }
3162
+
3163
+ .x-background--neutral-35 {
3164
+ background-color: var(--x-color-base-neutral-35) !important; }
3165
+
3166
+ .x-background--neutral-70 {
3167
+ background-color: var(--x-color-base-neutral-70) !important; }
3168
+
3169
+ .x-background--neutral-95 {
3170
+ background-color: var(--x-color-base-neutral-95) !important; }
3171
+
3172
+ .x-background--neutral-100 {
3173
+ background-color: var(--x-color-base-neutral-100) !important; }
3174
+
3175
+ .x-border-color--lead {
3176
+ border-color: var(--x-color-base-lead) !important; }
3177
+
3178
+ .x-border-color--auxiliary {
3179
+ border-color: var(--x-color-base-auxiliary) !important; }
3180
+
3181
+ .x-border-color--neutral-10 {
3182
+ border-color: var(--x-color-base-neutral-10) !important; }
3183
+
3184
+ .x-border-color--neutral-35 {
3185
+ border-color: var(--x-color-base-neutral-35) !important; }
3186
+
3187
+ .x-border-color--neutral-70 {
3188
+ border-color: var(--x-color-base-neutral-70) !important; }
3189
+
3190
+ .x-border-color--neutral-95 {
3191
+ border-color: var(--x-color-base-neutral-95) !important; }
3192
+
3193
+ .x-border-color--neutral-100 {
3194
+ border-color: var(--x-color-base-neutral-100) !important; }
3195
+
3196
+ @use 'sass:string';
3197
+ .x-border-radius--00 {
3198
+ border-radius: 0 !important; }
3199
+
3200
+ .x-border-radius--pill {
3201
+ border-radius: 99999px !important; }
3202
+
3203
+ .x-border-radius--01 {
3204
+ border-radius: var(--x-size-base-01) !important; }
3205
+
3206
+ [dir="ltr"] .x-border-radius--top-01{
3207
+ border-top-left-radius: var(--x-size-base-01) !important; }
3208
+
3209
+ [dir="rtl"] .x-border-radius--top-01{
3210
+ border-top-right-radius: var(--x-size-base-01) !important; }
3211
+
3212
+ [dir="ltr"] .x-border-radius--top-01{
3213
+ border-top-right-radius: var(--x-size-base-01) !important; }
3214
+
3215
+ [dir="rtl"] .x-border-radius--top-01{
3216
+ border-top-left-radius: var(--x-size-base-01) !important; }
3217
+
3218
+ [dir="ltr"] .x-border-radius--bottom-01{
3219
+ border-bottom-left-radius: var(--x-size-base-01) !important; }
3220
+
3221
+ [dir="rtl"] .x-border-radius--bottom-01{
3222
+ border-bottom-right-radius: var(--x-size-base-01) !important; }
3223
+
3224
+ [dir="ltr"] .x-border-radius--bottom-01{
3225
+ border-bottom-right-radius: var(--x-size-base-01) !important; }
3226
+
3227
+ [dir="rtl"] .x-border-radius--bottom-01{
3228
+ border-bottom-left-radius: var(--x-size-base-01) !important; }
3229
+
3230
+ [dir="ltr"] .x-border-radius--right-01{
3231
+ border-top-right-radius: var(--x-size-base-01) !important; }
3232
+
3233
+ [dir="rtl"] .x-border-radius--right-01{
3234
+ border-top-left-radius: var(--x-size-base-01) !important; }
3235
+
3236
+ [dir="ltr"] .x-border-radius--right-01{
3237
+ border-bottom-right-radius: var(--x-size-base-01) !important; }
3238
+
3239
+ [dir="rtl"] .x-border-radius--right-01{
3240
+ border-bottom-left-radius: var(--x-size-base-01) !important; }
3241
+
3242
+ [dir="ltr"] .x-border-radius--left-01{
3243
+ border-top-left-radius: var(--x-size-base-01) !important; }
3244
+
3245
+ [dir="rtl"] .x-border-radius--left-01{
3246
+ border-top-right-radius: var(--x-size-base-01) !important; }
3247
+
3248
+ [dir="ltr"] .x-border-radius--left-01{
3249
+ border-bottom-left-radius: var(--x-size-base-01) !important; }
3250
+
3251
+ [dir="rtl"] .x-border-radius--left-01{
3252
+ border-bottom-right-radius: var(--x-size-base-01) !important; }
3253
+
3254
+ [dir="ltr"] .x-border-radius--top-left-01{
3255
+ border-top-left-radius: var(--x-size-base-01) !important; }
3256
+
3257
+ [dir="rtl"] .x-border-radius--top-left-01{
3258
+ border-top-right-radius: var(--x-size-base-01) !important; }
3259
+
3260
+ [dir="ltr"] .x-border-radius--top-right-01{
3261
+ border-top-right-radius: var(--x-size-base-01) !important; }
3262
+
3263
+ [dir="rtl"] .x-border-radius--top-right-01{
3264
+ border-top-left-radius: var(--x-size-base-01) !important; }
3265
+
3266
+ [dir="ltr"] .x-border-radius--bottom-left-01{
3267
+ border-bottom-left-radius: var(--x-size-base-01) !important; }
3268
+
3269
+ [dir="rtl"] .x-border-radius--bottom-left-01{
3270
+ border-bottom-right-radius: var(--x-size-base-01) !important; }
3271
+
3272
+ [dir="ltr"] .x-border-radius--bottom-right-01{
3273
+ border-bottom-right-radius: var(--x-size-base-01) !important; }
3274
+
3275
+ [dir="rtl"] .x-border-radius--bottom-right-01{
3276
+ border-bottom-left-radius: var(--x-size-base-01) !important; }
3277
+
3278
+ .x-border-radius--02 {
3279
+ border-radius: var(--x-size-base-02) !important; }
3280
+
3281
+ [dir="ltr"] .x-border-radius--top-02{
3282
+ border-top-left-radius: var(--x-size-base-02) !important; }
3283
+
3284
+ [dir="rtl"] .x-border-radius--top-02{
3285
+ border-top-right-radius: var(--x-size-base-02) !important; }
3286
+
3287
+ [dir="ltr"] .x-border-radius--top-02{
3288
+ border-top-right-radius: var(--x-size-base-02) !important; }
3289
+
3290
+ [dir="rtl"] .x-border-radius--top-02{
3291
+ border-top-left-radius: var(--x-size-base-02) !important; }
3292
+
3293
+ [dir="ltr"] .x-border-radius--bottom-02{
3294
+ border-bottom-left-radius: var(--x-size-base-02) !important; }
3295
+
3296
+ [dir="rtl"] .x-border-radius--bottom-02{
3297
+ border-bottom-right-radius: var(--x-size-base-02) !important; }
3298
+
3299
+ [dir="ltr"] .x-border-radius--bottom-02{
3300
+ border-bottom-right-radius: var(--x-size-base-02) !important; }
3301
+
3302
+ [dir="rtl"] .x-border-radius--bottom-02{
3303
+ border-bottom-left-radius: var(--x-size-base-02) !important; }
3304
+
3305
+ [dir="ltr"] .x-border-radius--right-02{
3306
+ border-top-right-radius: var(--x-size-base-02) !important; }
3307
+
3308
+ [dir="rtl"] .x-border-radius--right-02{
3309
+ border-top-left-radius: var(--x-size-base-02) !important; }
3310
+
3311
+ [dir="ltr"] .x-border-radius--right-02{
3312
+ border-bottom-right-radius: var(--x-size-base-02) !important; }
3313
+
3314
+ [dir="rtl"] .x-border-radius--right-02{
3315
+ border-bottom-left-radius: var(--x-size-base-02) !important; }
3316
+
3317
+ [dir="ltr"] .x-border-radius--left-02{
3318
+ border-top-left-radius: var(--x-size-base-02) !important; }
3319
+
3320
+ [dir="rtl"] .x-border-radius--left-02{
3321
+ border-top-right-radius: var(--x-size-base-02) !important; }
3322
+
3323
+ [dir="ltr"] .x-border-radius--left-02{
3324
+ border-bottom-left-radius: var(--x-size-base-02) !important; }
3325
+
3326
+ [dir="rtl"] .x-border-radius--left-02{
3327
+ border-bottom-right-radius: var(--x-size-base-02) !important; }
3328
+
3329
+ [dir="ltr"] .x-border-radius--top-left-02{
3330
+ border-top-left-radius: var(--x-size-base-02) !important; }
3331
+
3332
+ [dir="rtl"] .x-border-radius--top-left-02{
3333
+ border-top-right-radius: var(--x-size-base-02) !important; }
3334
+
3335
+ [dir="ltr"] .x-border-radius--top-right-02{
3336
+ border-top-right-radius: var(--x-size-base-02) !important; }
3337
+
3338
+ [dir="rtl"] .x-border-radius--top-right-02{
3339
+ border-top-left-radius: var(--x-size-base-02) !important; }
3340
+
3341
+ [dir="ltr"] .x-border-radius--bottom-left-02{
3342
+ border-bottom-left-radius: var(--x-size-base-02) !important; }
3343
+
3344
+ [dir="rtl"] .x-border-radius--bottom-left-02{
3345
+ border-bottom-right-radius: var(--x-size-base-02) !important; }
3346
+
3347
+ [dir="ltr"] .x-border-radius--bottom-right-02{
3348
+ border-bottom-right-radius: var(--x-size-base-02) !important; }
3349
+
3350
+ [dir="rtl"] .x-border-radius--bottom-right-02{
3351
+ border-bottom-left-radius: var(--x-size-base-02) !important; }
3352
+
3353
+ .x-border-radius--03 {
3354
+ border-radius: var(--x-size-base-03) !important; }
3355
+
3356
+ [dir="ltr"] .x-border-radius--top-03{
3357
+ border-top-left-radius: var(--x-size-base-03) !important; }
3358
+
3359
+ [dir="rtl"] .x-border-radius--top-03{
3360
+ border-top-right-radius: var(--x-size-base-03) !important; }
3361
+
3362
+ [dir="ltr"] .x-border-radius--top-03{
3363
+ border-top-right-radius: var(--x-size-base-03) !important; }
3364
+
3365
+ [dir="rtl"] .x-border-radius--top-03{
3366
+ border-top-left-radius: var(--x-size-base-03) !important; }
3367
+
3368
+ [dir="ltr"] .x-border-radius--bottom-03{
3369
+ border-bottom-left-radius: var(--x-size-base-03) !important; }
3370
+
3371
+ [dir="rtl"] .x-border-radius--bottom-03{
3372
+ border-bottom-right-radius: var(--x-size-base-03) !important; }
3373
+
3374
+ [dir="ltr"] .x-border-radius--bottom-03{
3375
+ border-bottom-right-radius: var(--x-size-base-03) !important; }
3376
+
3377
+ [dir="rtl"] .x-border-radius--bottom-03{
3378
+ border-bottom-left-radius: var(--x-size-base-03) !important; }
3379
+
3380
+ [dir="ltr"] .x-border-radius--right-03{
3381
+ border-top-right-radius: var(--x-size-base-03) !important; }
3382
+
3383
+ [dir="rtl"] .x-border-radius--right-03{
3384
+ border-top-left-radius: var(--x-size-base-03) !important; }
3385
+
3386
+ [dir="ltr"] .x-border-radius--right-03{
3387
+ border-bottom-right-radius: var(--x-size-base-03) !important; }
3388
+
3389
+ [dir="rtl"] .x-border-radius--right-03{
3390
+ border-bottom-left-radius: var(--x-size-base-03) !important; }
3391
+
3392
+ [dir="ltr"] .x-border-radius--left-03{
3393
+ border-top-left-radius: var(--x-size-base-03) !important; }
3394
+
3395
+ [dir="rtl"] .x-border-radius--left-03{
3396
+ border-top-right-radius: var(--x-size-base-03) !important; }
3397
+
3398
+ [dir="ltr"] .x-border-radius--left-03{
3399
+ border-bottom-left-radius: var(--x-size-base-03) !important; }
3400
+
3401
+ [dir="rtl"] .x-border-radius--left-03{
3402
+ border-bottom-right-radius: var(--x-size-base-03) !important; }
3403
+
3404
+ [dir="ltr"] .x-border-radius--top-left-03{
3405
+ border-top-left-radius: var(--x-size-base-03) !important; }
3406
+
3407
+ [dir="rtl"] .x-border-radius--top-left-03{
3408
+ border-top-right-radius: var(--x-size-base-03) !important; }
3409
+
3410
+ [dir="ltr"] .x-border-radius--top-right-03{
3411
+ border-top-right-radius: var(--x-size-base-03) !important; }
3412
+
3413
+ [dir="rtl"] .x-border-radius--top-right-03{
3414
+ border-top-left-radius: var(--x-size-base-03) !important; }
3415
+
3416
+ [dir="ltr"] .x-border-radius--bottom-left-03{
3417
+ border-bottom-left-radius: var(--x-size-base-03) !important; }
3418
+
3419
+ [dir="rtl"] .x-border-radius--bottom-left-03{
3420
+ border-bottom-right-radius: var(--x-size-base-03) !important; }
3421
+
3422
+ [dir="ltr"] .x-border-radius--bottom-right-03{
3423
+ border-bottom-right-radius: var(--x-size-base-03) !important; }
3424
+
3425
+ [dir="rtl"] .x-border-radius--bottom-right-03{
3426
+ border-bottom-left-radius: var(--x-size-base-03) !important; }
3427
+
3428
+ .x-border-radius--04 {
3429
+ border-radius: var(--x-size-base-04) !important; }
3430
+
3431
+ [dir="ltr"] .x-border-radius--top-04{
3432
+ border-top-left-radius: var(--x-size-base-04) !important; }
3433
+
3434
+ [dir="rtl"] .x-border-radius--top-04{
3435
+ border-top-right-radius: var(--x-size-base-04) !important; }
3436
+
3437
+ [dir="ltr"] .x-border-radius--top-04{
3438
+ border-top-right-radius: var(--x-size-base-04) !important; }
3439
+
3440
+ [dir="rtl"] .x-border-radius--top-04{
3441
+ border-top-left-radius: var(--x-size-base-04) !important; }
3442
+
3443
+ [dir="ltr"] .x-border-radius--bottom-04{
3444
+ border-bottom-left-radius: var(--x-size-base-04) !important; }
3445
+
3446
+ [dir="rtl"] .x-border-radius--bottom-04{
3447
+ border-bottom-right-radius: var(--x-size-base-04) !important; }
3448
+
3449
+ [dir="ltr"] .x-border-radius--bottom-04{
3450
+ border-bottom-right-radius: var(--x-size-base-04) !important; }
3451
+
3452
+ [dir="rtl"] .x-border-radius--bottom-04{
3453
+ border-bottom-left-radius: var(--x-size-base-04) !important; }
3454
+
3455
+ [dir="ltr"] .x-border-radius--right-04{
3456
+ border-top-right-radius: var(--x-size-base-04) !important; }
3457
+
3458
+ [dir="rtl"] .x-border-radius--right-04{
3459
+ border-top-left-radius: var(--x-size-base-04) !important; }
3460
+
3461
+ [dir="ltr"] .x-border-radius--right-04{
3462
+ border-bottom-right-radius: var(--x-size-base-04) !important; }
3463
+
3464
+ [dir="rtl"] .x-border-radius--right-04{
3465
+ border-bottom-left-radius: var(--x-size-base-04) !important; }
3466
+
3467
+ [dir="ltr"] .x-border-radius--left-04{
3468
+ border-top-left-radius: var(--x-size-base-04) !important; }
3469
+
3470
+ [dir="rtl"] .x-border-radius--left-04{
3471
+ border-top-right-radius: var(--x-size-base-04) !important; }
3472
+
3473
+ [dir="ltr"] .x-border-radius--left-04{
3474
+ border-bottom-left-radius: var(--x-size-base-04) !important; }
3475
+
3476
+ [dir="rtl"] .x-border-radius--left-04{
3477
+ border-bottom-right-radius: var(--x-size-base-04) !important; }
3478
+
3479
+ [dir="ltr"] .x-border-radius--top-left-04{
3480
+ border-top-left-radius: var(--x-size-base-04) !important; }
3481
+
3482
+ [dir="rtl"] .x-border-radius--top-left-04{
3483
+ border-top-right-radius: var(--x-size-base-04) !important; }
3484
+
3485
+ [dir="ltr"] .x-border-radius--top-right-04{
3486
+ border-top-right-radius: var(--x-size-base-04) !important; }
3487
+
3488
+ [dir="rtl"] .x-border-radius--top-right-04{
3489
+ border-top-left-radius: var(--x-size-base-04) !important; }
3490
+
3491
+ [dir="ltr"] .x-border-radius--bottom-left-04{
3492
+ border-bottom-left-radius: var(--x-size-base-04) !important; }
3493
+
3494
+ [dir="rtl"] .x-border-radius--bottom-left-04{
3495
+ border-bottom-right-radius: var(--x-size-base-04) !important; }
3496
+
3497
+ [dir="ltr"] .x-border-radius--bottom-right-04{
3498
+ border-bottom-right-radius: var(--x-size-base-04) !important; }
3499
+
3500
+ [dir="rtl"] .x-border-radius--bottom-right-04{
3501
+ border-bottom-left-radius: var(--x-size-base-04) !important; }
3502
+
3503
+ .x-border-radius--05 {
3504
+ border-radius: var(--x-size-base-05) !important; }
3505
+
3506
+ [dir="ltr"] .x-border-radius--top-05{
3507
+ border-top-left-radius: var(--x-size-base-05) !important; }
3508
+
3509
+ [dir="rtl"] .x-border-radius--top-05{
3510
+ border-top-right-radius: var(--x-size-base-05) !important; }
3511
+
3512
+ [dir="ltr"] .x-border-radius--top-05{
3513
+ border-top-right-radius: var(--x-size-base-05) !important; }
3514
+
3515
+ [dir="rtl"] .x-border-radius--top-05{
3516
+ border-top-left-radius: var(--x-size-base-05) !important; }
3517
+
3518
+ [dir="ltr"] .x-border-radius--bottom-05{
3519
+ border-bottom-left-radius: var(--x-size-base-05) !important; }
3520
+
3521
+ [dir="rtl"] .x-border-radius--bottom-05{
3522
+ border-bottom-right-radius: var(--x-size-base-05) !important; }
3523
+
3524
+ [dir="ltr"] .x-border-radius--bottom-05{
3525
+ border-bottom-right-radius: var(--x-size-base-05) !important; }
3526
+
3527
+ [dir="rtl"] .x-border-radius--bottom-05{
3528
+ border-bottom-left-radius: var(--x-size-base-05) !important; }
3529
+
3530
+ [dir="ltr"] .x-border-radius--right-05{
3531
+ border-top-right-radius: var(--x-size-base-05) !important; }
3532
+
3533
+ [dir="rtl"] .x-border-radius--right-05{
3534
+ border-top-left-radius: var(--x-size-base-05) !important; }
3535
+
3536
+ [dir="ltr"] .x-border-radius--right-05{
3537
+ border-bottom-right-radius: var(--x-size-base-05) !important; }
3538
+
3539
+ [dir="rtl"] .x-border-radius--right-05{
3540
+ border-bottom-left-radius: var(--x-size-base-05) !important; }
3541
+
3542
+ [dir="ltr"] .x-border-radius--left-05{
3543
+ border-top-left-radius: var(--x-size-base-05) !important; }
3544
+
3545
+ [dir="rtl"] .x-border-radius--left-05{
3546
+ border-top-right-radius: var(--x-size-base-05) !important; }
3547
+
3548
+ [dir="ltr"] .x-border-radius--left-05{
3549
+ border-bottom-left-radius: var(--x-size-base-05) !important; }
3550
+
3551
+ [dir="rtl"] .x-border-radius--left-05{
3552
+ border-bottom-right-radius: var(--x-size-base-05) !important; }
3553
+
3554
+ [dir="ltr"] .x-border-radius--top-left-05{
3555
+ border-top-left-radius: var(--x-size-base-05) !important; }
3556
+
3557
+ [dir="rtl"] .x-border-radius--top-left-05{
3558
+ border-top-right-radius: var(--x-size-base-05) !important; }
3559
+
3560
+ [dir="ltr"] .x-border-radius--top-right-05{
3561
+ border-top-right-radius: var(--x-size-base-05) !important; }
3562
+
3563
+ [dir="rtl"] .x-border-radius--top-right-05{
3564
+ border-top-left-radius: var(--x-size-base-05) !important; }
3565
+
3566
+ [dir="ltr"] .x-border-radius--bottom-left-05{
3567
+ border-bottom-left-radius: var(--x-size-base-05) !important; }
3568
+
3569
+ [dir="rtl"] .x-border-radius--bottom-left-05{
3570
+ border-bottom-right-radius: var(--x-size-base-05) !important; }
3571
+
3572
+ [dir="ltr"] .x-border-radius--bottom-right-05{
3573
+ border-bottom-right-radius: var(--x-size-base-05) !important; }
3574
+
3575
+ [dir="rtl"] .x-border-radius--bottom-right-05{
3576
+ border-bottom-left-radius: var(--x-size-base-05) !important; }
3577
+
3578
+ .x-border-radius--06 {
3579
+ border-radius: var(--x-size-base-06) !important; }
3580
+
3581
+ [dir="ltr"] .x-border-radius--top-06{
3582
+ border-top-left-radius: var(--x-size-base-06) !important; }
3583
+
3584
+ [dir="rtl"] .x-border-radius--top-06{
3585
+ border-top-right-radius: var(--x-size-base-06) !important; }
3586
+
3587
+ [dir="ltr"] .x-border-radius--top-06{
3588
+ border-top-right-radius: var(--x-size-base-06) !important; }
3589
+
3590
+ [dir="rtl"] .x-border-radius--top-06{
3591
+ border-top-left-radius: var(--x-size-base-06) !important; }
3592
+
3593
+ [dir="ltr"] .x-border-radius--bottom-06{
3594
+ border-bottom-left-radius: var(--x-size-base-06) !important; }
3595
+
3596
+ [dir="rtl"] .x-border-radius--bottom-06{
3597
+ border-bottom-right-radius: var(--x-size-base-06) !important; }
3598
+
3599
+ [dir="ltr"] .x-border-radius--bottom-06{
3600
+ border-bottom-right-radius: var(--x-size-base-06) !important; }
3601
+
3602
+ [dir="rtl"] .x-border-radius--bottom-06{
3603
+ border-bottom-left-radius: var(--x-size-base-06) !important; }
3604
+
3605
+ [dir="ltr"] .x-border-radius--right-06{
3606
+ border-top-right-radius: var(--x-size-base-06) !important; }
3607
+
3608
+ [dir="rtl"] .x-border-radius--right-06{
3609
+ border-top-left-radius: var(--x-size-base-06) !important; }
3610
+
3611
+ [dir="ltr"] .x-border-radius--right-06{
3612
+ border-bottom-right-radius: var(--x-size-base-06) !important; }
3613
+
3614
+ [dir="rtl"] .x-border-radius--right-06{
3615
+ border-bottom-left-radius: var(--x-size-base-06) !important; }
3616
+
3617
+ [dir="ltr"] .x-border-radius--left-06{
3618
+ border-top-left-radius: var(--x-size-base-06) !important; }
3619
+
3620
+ [dir="rtl"] .x-border-radius--left-06{
3621
+ border-top-right-radius: var(--x-size-base-06) !important; }
3622
+
3623
+ [dir="ltr"] .x-border-radius--left-06{
3624
+ border-bottom-left-radius: var(--x-size-base-06) !important; }
3625
+
3626
+ [dir="rtl"] .x-border-radius--left-06{
3627
+ border-bottom-right-radius: var(--x-size-base-06) !important; }
3628
+
3629
+ [dir="ltr"] .x-border-radius--top-left-06{
3630
+ border-top-left-radius: var(--x-size-base-06) !important; }
3631
+
3632
+ [dir="rtl"] .x-border-radius--top-left-06{
3633
+ border-top-right-radius: var(--x-size-base-06) !important; }
3634
+
3635
+ [dir="ltr"] .x-border-radius--top-right-06{
3636
+ border-top-right-radius: var(--x-size-base-06) !important; }
3637
+
3638
+ [dir="rtl"] .x-border-radius--top-right-06{
3639
+ border-top-left-radius: var(--x-size-base-06) !important; }
3640
+
3641
+ [dir="ltr"] .x-border-radius--bottom-left-06{
3642
+ border-bottom-left-radius: var(--x-size-base-06) !important; }
3643
+
3644
+ [dir="rtl"] .x-border-radius--bottom-left-06{
3645
+ border-bottom-right-radius: var(--x-size-base-06) !important; }
3646
+
3647
+ [dir="ltr"] .x-border-radius--bottom-right-06{
3648
+ border-bottom-right-radius: var(--x-size-base-06) !important; }
3649
+
3650
+ [dir="rtl"] .x-border-radius--bottom-right-06{
3651
+ border-bottom-left-radius: var(--x-size-base-06) !important; }
3652
+
3653
+ .x-border-radius--07 {
3654
+ border-radius: var(--x-size-base-07) !important; }
3655
+
3656
+ [dir="ltr"] .x-border-radius--top-07{
3657
+ border-top-left-radius: var(--x-size-base-07) !important; }
3658
+
3659
+ [dir="rtl"] .x-border-radius--top-07{
3660
+ border-top-right-radius: var(--x-size-base-07) !important; }
3661
+
3662
+ [dir="ltr"] .x-border-radius--top-07{
3663
+ border-top-right-radius: var(--x-size-base-07) !important; }
3664
+
3665
+ [dir="rtl"] .x-border-radius--top-07{
3666
+ border-top-left-radius: var(--x-size-base-07) !important; }
3667
+
3668
+ [dir="ltr"] .x-border-radius--bottom-07{
3669
+ border-bottom-left-radius: var(--x-size-base-07) !important; }
3670
+
3671
+ [dir="rtl"] .x-border-radius--bottom-07{
3672
+ border-bottom-right-radius: var(--x-size-base-07) !important; }
3673
+
3674
+ [dir="ltr"] .x-border-radius--bottom-07{
3675
+ border-bottom-right-radius: var(--x-size-base-07) !important; }
3676
+
3677
+ [dir="rtl"] .x-border-radius--bottom-07{
3678
+ border-bottom-left-radius: var(--x-size-base-07) !important; }
3679
+
3680
+ [dir="ltr"] .x-border-radius--right-07{
3681
+ border-top-right-radius: var(--x-size-base-07) !important; }
3682
+
3683
+ [dir="rtl"] .x-border-radius--right-07{
3684
+ border-top-left-radius: var(--x-size-base-07) !important; }
3685
+
3686
+ [dir="ltr"] .x-border-radius--right-07{
3687
+ border-bottom-right-radius: var(--x-size-base-07) !important; }
3688
+
3689
+ [dir="rtl"] .x-border-radius--right-07{
3690
+ border-bottom-left-radius: var(--x-size-base-07) !important; }
3691
+
3692
+ [dir="ltr"] .x-border-radius--left-07{
3693
+ border-top-left-radius: var(--x-size-base-07) !important; }
3694
+
3695
+ [dir="rtl"] .x-border-radius--left-07{
3696
+ border-top-right-radius: var(--x-size-base-07) !important; }
3697
+
3698
+ [dir="ltr"] .x-border-radius--left-07{
3699
+ border-bottom-left-radius: var(--x-size-base-07) !important; }
3700
+
3701
+ [dir="rtl"] .x-border-radius--left-07{
3702
+ border-bottom-right-radius: var(--x-size-base-07) !important; }
3703
+
3704
+ [dir="ltr"] .x-border-radius--top-left-07{
3705
+ border-top-left-radius: var(--x-size-base-07) !important; }
3706
+
3707
+ [dir="rtl"] .x-border-radius--top-left-07{
3708
+ border-top-right-radius: var(--x-size-base-07) !important; }
3709
+
3710
+ [dir="ltr"] .x-border-radius--top-right-07{
3711
+ border-top-right-radius: var(--x-size-base-07) !important; }
3712
+
3713
+ [dir="rtl"] .x-border-radius--top-right-07{
3714
+ border-top-left-radius: var(--x-size-base-07) !important; }
3715
+
3716
+ [dir="ltr"] .x-border-radius--bottom-left-07{
3717
+ border-bottom-left-radius: var(--x-size-base-07) !important; }
3718
+
3719
+ [dir="rtl"] .x-border-radius--bottom-left-07{
3720
+ border-bottom-right-radius: var(--x-size-base-07) !important; }
3721
+
3722
+ [dir="ltr"] .x-border-radius--bottom-right-07{
3723
+ border-bottom-right-radius: var(--x-size-base-07) !important; }
3724
+
3725
+ [dir="rtl"] .x-border-radius--bottom-right-07{
3726
+ border-bottom-left-radius: var(--x-size-base-07) !important; }
3727
+
3728
+ .x-border-radius--08 {
3729
+ border-radius: var(--x-size-base-08) !important; }
3730
+
3731
+ [dir="ltr"] .x-border-radius--top-08{
3732
+ border-top-left-radius: var(--x-size-base-08) !important; }
3733
+
3734
+ [dir="rtl"] .x-border-radius--top-08{
3735
+ border-top-right-radius: var(--x-size-base-08) !important; }
3736
+
3737
+ [dir="ltr"] .x-border-radius--top-08{
3738
+ border-top-right-radius: var(--x-size-base-08) !important; }
3739
+
3740
+ [dir="rtl"] .x-border-radius--top-08{
3741
+ border-top-left-radius: var(--x-size-base-08) !important; }
3742
+
3743
+ [dir="ltr"] .x-border-radius--bottom-08{
3744
+ border-bottom-left-radius: var(--x-size-base-08) !important; }
3745
+
3746
+ [dir="rtl"] .x-border-radius--bottom-08{
3747
+ border-bottom-right-radius: var(--x-size-base-08) !important; }
3748
+
3749
+ [dir="ltr"] .x-border-radius--bottom-08{
3750
+ border-bottom-right-radius: var(--x-size-base-08) !important; }
3751
+
3752
+ [dir="rtl"] .x-border-radius--bottom-08{
3753
+ border-bottom-left-radius: var(--x-size-base-08) !important; }
3754
+
3755
+ [dir="ltr"] .x-border-radius--right-08{
3756
+ border-top-right-radius: var(--x-size-base-08) !important; }
3757
+
3758
+ [dir="rtl"] .x-border-radius--right-08{
3759
+ border-top-left-radius: var(--x-size-base-08) !important; }
3760
+
3761
+ [dir="ltr"] .x-border-radius--right-08{
3762
+ border-bottom-right-radius: var(--x-size-base-08) !important; }
3763
+
3764
+ [dir="rtl"] .x-border-radius--right-08{
3765
+ border-bottom-left-radius: var(--x-size-base-08) !important; }
3766
+
3767
+ [dir="ltr"] .x-border-radius--left-08{
3768
+ border-top-left-radius: var(--x-size-base-08) !important; }
3769
+
3770
+ [dir="rtl"] .x-border-radius--left-08{
3771
+ border-top-right-radius: var(--x-size-base-08) !important; }
3772
+
3773
+ [dir="ltr"] .x-border-radius--left-08{
3774
+ border-bottom-left-radius: var(--x-size-base-08) !important; }
3775
+
3776
+ [dir="rtl"] .x-border-radius--left-08{
3777
+ border-bottom-right-radius: var(--x-size-base-08) !important; }
3778
+
3779
+ [dir="ltr"] .x-border-radius--top-left-08{
3780
+ border-top-left-radius: var(--x-size-base-08) !important; }
3781
+
3782
+ [dir="rtl"] .x-border-radius--top-left-08{
3783
+ border-top-right-radius: var(--x-size-base-08) !important; }
3784
+
3785
+ [dir="ltr"] .x-border-radius--top-right-08{
3786
+ border-top-right-radius: var(--x-size-base-08) !important; }
3787
+
3788
+ [dir="rtl"] .x-border-radius--top-right-08{
3789
+ border-top-left-radius: var(--x-size-base-08) !important; }
3790
+
3791
+ [dir="ltr"] .x-border-radius--bottom-left-08{
3792
+ border-bottom-left-radius: var(--x-size-base-08) !important; }
3793
+
3794
+ [dir="rtl"] .x-border-radius--bottom-left-08{
3795
+ border-bottom-right-radius: var(--x-size-base-08) !important; }
3796
+
3797
+ [dir="ltr"] .x-border-radius--bottom-right-08{
3798
+ border-bottom-right-radius: var(--x-size-base-08) !important; }
3799
+
3800
+ [dir="rtl"] .x-border-radius--bottom-right-08{
3801
+ border-bottom-left-radius: var(--x-size-base-08) !important; }
3802
+
3803
+ .x-border-radius--09 {
3804
+ border-radius: var(--x-size-base-09) !important; }
3805
+
3806
+ [dir="ltr"] .x-border-radius--top-09{
3807
+ border-top-left-radius: var(--x-size-base-09) !important; }
3808
+
3809
+ [dir="rtl"] .x-border-radius--top-09{
3810
+ border-top-right-radius: var(--x-size-base-09) !important; }
3811
+
3812
+ [dir="ltr"] .x-border-radius--top-09{
3813
+ border-top-right-radius: var(--x-size-base-09) !important; }
3814
+
3815
+ [dir="rtl"] .x-border-radius--top-09{
3816
+ border-top-left-radius: var(--x-size-base-09) !important; }
3817
+
3818
+ [dir="ltr"] .x-border-radius--bottom-09{
3819
+ border-bottom-left-radius: var(--x-size-base-09) !important; }
3820
+
3821
+ [dir="rtl"] .x-border-radius--bottom-09{
3822
+ border-bottom-right-radius: var(--x-size-base-09) !important; }
3823
+
3824
+ [dir="ltr"] .x-border-radius--bottom-09{
3825
+ border-bottom-right-radius: var(--x-size-base-09) !important; }
3826
+
3827
+ [dir="rtl"] .x-border-radius--bottom-09{
3828
+ border-bottom-left-radius: var(--x-size-base-09) !important; }
3829
+
3830
+ [dir="ltr"] .x-border-radius--right-09{
3831
+ border-top-right-radius: var(--x-size-base-09) !important; }
3832
+
3833
+ [dir="rtl"] .x-border-radius--right-09{
3834
+ border-top-left-radius: var(--x-size-base-09) !important; }
3835
+
3836
+ [dir="ltr"] .x-border-radius--right-09{
3837
+ border-bottom-right-radius: var(--x-size-base-09) !important; }
3838
+
3839
+ [dir="rtl"] .x-border-radius--right-09{
3840
+ border-bottom-left-radius: var(--x-size-base-09) !important; }
3841
+
3842
+ [dir="ltr"] .x-border-radius--left-09{
3843
+ border-top-left-radius: var(--x-size-base-09) !important; }
3844
+
3845
+ [dir="rtl"] .x-border-radius--left-09{
3846
+ border-top-right-radius: var(--x-size-base-09) !important; }
3847
+
3848
+ [dir="ltr"] .x-border-radius--left-09{
3849
+ border-bottom-left-radius: var(--x-size-base-09) !important; }
3850
+
3851
+ [dir="rtl"] .x-border-radius--left-09{
3852
+ border-bottom-right-radius: var(--x-size-base-09) !important; }
3853
+
3854
+ [dir="ltr"] .x-border-radius--top-left-09{
3855
+ border-top-left-radius: var(--x-size-base-09) !important; }
3856
+
3857
+ [dir="rtl"] .x-border-radius--top-left-09{
3858
+ border-top-right-radius: var(--x-size-base-09) !important; }
3859
+
3860
+ [dir="ltr"] .x-border-radius--top-right-09{
3861
+ border-top-right-radius: var(--x-size-base-09) !important; }
3862
+
3863
+ [dir="rtl"] .x-border-radius--top-right-09{
3864
+ border-top-left-radius: var(--x-size-base-09) !important; }
3865
+
3866
+ [dir="ltr"] .x-border-radius--bottom-left-09{
3867
+ border-bottom-left-radius: var(--x-size-base-09) !important; }
3868
+
3869
+ [dir="rtl"] .x-border-radius--bottom-left-09{
3870
+ border-bottom-right-radius: var(--x-size-base-09) !important; }
3871
+
3872
+ [dir="ltr"] .x-border-radius--bottom-right-09{
3873
+ border-bottom-right-radius: var(--x-size-base-09) !important; }
3874
+
3875
+ [dir="rtl"] .x-border-radius--bottom-right-09{
3876
+ border-bottom-left-radius: var(--x-size-base-09) !important; }
3877
+
3878
+ .x-border-radius--10 {
3879
+ border-radius: var(--x-size-base-10) !important; }
3880
+
3881
+ [dir="ltr"] .x-border-radius--top-10{
3882
+ border-top-left-radius: var(--x-size-base-10) !important; }
3883
+
3884
+ [dir="rtl"] .x-border-radius--top-10{
3885
+ border-top-right-radius: var(--x-size-base-10) !important; }
3886
+
3887
+ [dir="ltr"] .x-border-radius--top-10{
3888
+ border-top-right-radius: var(--x-size-base-10) !important; }
3889
+
3890
+ [dir="rtl"] .x-border-radius--top-10{
3891
+ border-top-left-radius: var(--x-size-base-10) !important; }
3892
+
3893
+ [dir="ltr"] .x-border-radius--bottom-10{
3894
+ border-bottom-left-radius: var(--x-size-base-10) !important; }
3895
+
3896
+ [dir="rtl"] .x-border-radius--bottom-10{
3897
+ border-bottom-right-radius: var(--x-size-base-10) !important; }
3898
+
3899
+ [dir="ltr"] .x-border-radius--bottom-10{
3900
+ border-bottom-right-radius: var(--x-size-base-10) !important; }
3901
+
3902
+ [dir="rtl"] .x-border-radius--bottom-10{
3903
+ border-bottom-left-radius: var(--x-size-base-10) !important; }
3904
+
3905
+ [dir="ltr"] .x-border-radius--right-10{
3906
+ border-top-right-radius: var(--x-size-base-10) !important; }
3907
+
3908
+ [dir="rtl"] .x-border-radius--right-10{
3909
+ border-top-left-radius: var(--x-size-base-10) !important; }
3910
+
3911
+ [dir="ltr"] .x-border-radius--right-10{
3912
+ border-bottom-right-radius: var(--x-size-base-10) !important; }
3913
+
3914
+ [dir="rtl"] .x-border-radius--right-10{
3915
+ border-bottom-left-radius: var(--x-size-base-10) !important; }
3916
+
3917
+ [dir="ltr"] .x-border-radius--left-10{
3918
+ border-top-left-radius: var(--x-size-base-10) !important; }
3919
+
3920
+ [dir="rtl"] .x-border-radius--left-10{
3921
+ border-top-right-radius: var(--x-size-base-10) !important; }
3922
+
3923
+ [dir="ltr"] .x-border-radius--left-10{
3924
+ border-bottom-left-radius: var(--x-size-base-10) !important; }
3925
+
3926
+ [dir="rtl"] .x-border-radius--left-10{
3927
+ border-bottom-right-radius: var(--x-size-base-10) !important; }
3928
+
3929
+ [dir="ltr"] .x-border-radius--top-left-10{
3930
+ border-top-left-radius: var(--x-size-base-10) !important; }
3931
+
3932
+ [dir="rtl"] .x-border-radius--top-left-10{
3933
+ border-top-right-radius: var(--x-size-base-10) !important; }
3934
+
3935
+ [dir="ltr"] .x-border-radius--top-right-10{
3936
+ border-top-right-radius: var(--x-size-base-10) !important; }
3937
+
3938
+ [dir="rtl"] .x-border-radius--top-right-10{
3939
+ border-top-left-radius: var(--x-size-base-10) !important; }
3940
+
3941
+ [dir="ltr"] .x-border-radius--bottom-left-10{
3942
+ border-bottom-left-radius: var(--x-size-base-10) !important; }
3943
+
3944
+ [dir="rtl"] .x-border-radius--bottom-left-10{
3945
+ border-bottom-right-radius: var(--x-size-base-10) !important; }
3946
+
3947
+ [dir="ltr"] .x-border-radius--bottom-right-10{
3948
+ border-bottom-right-radius: var(--x-size-base-10) !important; }
3949
+
3950
+ [dir="rtl"] .x-border-radius--bottom-right-10{
3951
+ border-bottom-left-radius: var(--x-size-base-10) !important; }
3952
+
3953
+ .x-border-radius--11 {
3954
+ border-radius: var(--x-size-base-11) !important; }
3955
+
3956
+ [dir="ltr"] .x-border-radius--top-11{
3957
+ border-top-left-radius: var(--x-size-base-11) !important; }
3958
+
3959
+ [dir="rtl"] .x-border-radius--top-11{
3960
+ border-top-right-radius: var(--x-size-base-11) !important; }
3961
+
3962
+ [dir="ltr"] .x-border-radius--top-11{
3963
+ border-top-right-radius: var(--x-size-base-11) !important; }
3964
+
3965
+ [dir="rtl"] .x-border-radius--top-11{
3966
+ border-top-left-radius: var(--x-size-base-11) !important; }
3967
+
3968
+ [dir="ltr"] .x-border-radius--bottom-11{
3969
+ border-bottom-left-radius: var(--x-size-base-11) !important; }
3970
+
3971
+ [dir="rtl"] .x-border-radius--bottom-11{
3972
+ border-bottom-right-radius: var(--x-size-base-11) !important; }
3973
+
3974
+ [dir="ltr"] .x-border-radius--bottom-11{
3975
+ border-bottom-right-radius: var(--x-size-base-11) !important; }
3976
+
3977
+ [dir="rtl"] .x-border-radius--bottom-11{
3978
+ border-bottom-left-radius: var(--x-size-base-11) !important; }
3979
+
3980
+ [dir="ltr"] .x-border-radius--right-11{
3981
+ border-top-right-radius: var(--x-size-base-11) !important; }
3982
+
3983
+ [dir="rtl"] .x-border-radius--right-11{
3984
+ border-top-left-radius: var(--x-size-base-11) !important; }
3985
+
3986
+ [dir="ltr"] .x-border-radius--right-11{
3987
+ border-bottom-right-radius: var(--x-size-base-11) !important; }
3988
+
3989
+ [dir="rtl"] .x-border-radius--right-11{
3990
+ border-bottom-left-radius: var(--x-size-base-11) !important; }
3991
+
3992
+ [dir="ltr"] .x-border-radius--left-11{
3993
+ border-top-left-radius: var(--x-size-base-11) !important; }
3994
+
3995
+ [dir="rtl"] .x-border-radius--left-11{
3996
+ border-top-right-radius: var(--x-size-base-11) !important; }
3997
+
3998
+ [dir="ltr"] .x-border-radius--left-11{
3999
+ border-bottom-left-radius: var(--x-size-base-11) !important; }
4000
+
4001
+ [dir="rtl"] .x-border-radius--left-11{
4002
+ border-bottom-right-radius: var(--x-size-base-11) !important; }
4003
+
4004
+ [dir="ltr"] .x-border-radius--top-left-11{
4005
+ border-top-left-radius: var(--x-size-base-11) !important; }
4006
+
4007
+ [dir="rtl"] .x-border-radius--top-left-11{
4008
+ border-top-right-radius: var(--x-size-base-11) !important; }
4009
+
4010
+ [dir="ltr"] .x-border-radius--top-right-11{
4011
+ border-top-right-radius: var(--x-size-base-11) !important; }
4012
+
4013
+ [dir="rtl"] .x-border-radius--top-right-11{
4014
+ border-top-left-radius: var(--x-size-base-11) !important; }
4015
+
4016
+ [dir="ltr"] .x-border-radius--bottom-left-11{
4017
+ border-bottom-left-radius: var(--x-size-base-11) !important; }
4018
+
4019
+ [dir="rtl"] .x-border-radius--bottom-left-11{
4020
+ border-bottom-right-radius: var(--x-size-base-11) !important; }
4021
+
4022
+ [dir="ltr"] .x-border-radius--bottom-right-11{
4023
+ border-bottom-right-radius: var(--x-size-base-11) !important; }
4024
+
4025
+ [dir="rtl"] .x-border-radius--bottom-right-11{
4026
+ border-bottom-left-radius: var(--x-size-base-11) !important; }
4027
+
4028
+ .x-border-radius--12 {
4029
+ border-radius: var(--x-size-base-12) !important; }
4030
+
4031
+ [dir="ltr"] .x-border-radius--top-12{
4032
+ border-top-left-radius: var(--x-size-base-12) !important; }
4033
+
4034
+ [dir="rtl"] .x-border-radius--top-12{
4035
+ border-top-right-radius: var(--x-size-base-12) !important; }
4036
+
4037
+ [dir="ltr"] .x-border-radius--top-12{
4038
+ border-top-right-radius: var(--x-size-base-12) !important; }
4039
+
4040
+ [dir="rtl"] .x-border-radius--top-12{
4041
+ border-top-left-radius: var(--x-size-base-12) !important; }
4042
+
4043
+ [dir="ltr"] .x-border-radius--bottom-12{
4044
+ border-bottom-left-radius: var(--x-size-base-12) !important; }
4045
+
4046
+ [dir="rtl"] .x-border-radius--bottom-12{
4047
+ border-bottom-right-radius: var(--x-size-base-12) !important; }
4048
+
4049
+ [dir="ltr"] .x-border-radius--bottom-12{
4050
+ border-bottom-right-radius: var(--x-size-base-12) !important; }
4051
+
4052
+ [dir="rtl"] .x-border-radius--bottom-12{
4053
+ border-bottom-left-radius: var(--x-size-base-12) !important; }
4054
+
4055
+ [dir="ltr"] .x-border-radius--right-12{
4056
+ border-top-right-radius: var(--x-size-base-12) !important; }
4057
+
4058
+ [dir="rtl"] .x-border-radius--right-12{
4059
+ border-top-left-radius: var(--x-size-base-12) !important; }
4060
+
4061
+ [dir="ltr"] .x-border-radius--right-12{
4062
+ border-bottom-right-radius: var(--x-size-base-12) !important; }
4063
+
4064
+ [dir="rtl"] .x-border-radius--right-12{
4065
+ border-bottom-left-radius: var(--x-size-base-12) !important; }
4066
+
4067
+ [dir="ltr"] .x-border-radius--left-12{
4068
+ border-top-left-radius: var(--x-size-base-12) !important; }
4069
+
4070
+ [dir="rtl"] .x-border-radius--left-12{
4071
+ border-top-right-radius: var(--x-size-base-12) !important; }
4072
+
4073
+ [dir="ltr"] .x-border-radius--left-12{
4074
+ border-bottom-left-radius: var(--x-size-base-12) !important; }
4075
+
4076
+ [dir="rtl"] .x-border-radius--left-12{
4077
+ border-bottom-right-radius: var(--x-size-base-12) !important; }
4078
+
4079
+ [dir="ltr"] .x-border-radius--top-left-12{
4080
+ border-top-left-radius: var(--x-size-base-12) !important; }
4081
+
4082
+ [dir="rtl"] .x-border-radius--top-left-12{
4083
+ border-top-right-radius: var(--x-size-base-12) !important; }
4084
+
4085
+ [dir="ltr"] .x-border-radius--top-right-12{
4086
+ border-top-right-radius: var(--x-size-base-12) !important; }
4087
+
4088
+ [dir="rtl"] .x-border-radius--top-right-12{
4089
+ border-top-left-radius: var(--x-size-base-12) !important; }
4090
+
4091
+ [dir="ltr"] .x-border-radius--bottom-left-12{
4092
+ border-bottom-left-radius: var(--x-size-base-12) !important; }
4093
+
4094
+ [dir="rtl"] .x-border-radius--bottom-left-12{
4095
+ border-bottom-right-radius: var(--x-size-base-12) !important; }
4096
+
4097
+ [dir="ltr"] .x-border-radius--bottom-right-12{
4098
+ border-bottom-right-radius: var(--x-size-base-12) !important; }
4099
+
4100
+ [dir="rtl"] .x-border-radius--bottom-right-12{
4101
+ border-bottom-left-radius: var(--x-size-base-12) !important; }
4102
+
4103
+ .x-border-radius--13 {
4104
+ border-radius: var(--x-size-base-13) !important; }
4105
+
4106
+ [dir="ltr"] .x-border-radius--top-13{
4107
+ border-top-left-radius: var(--x-size-base-13) !important; }
4108
+
4109
+ [dir="rtl"] .x-border-radius--top-13{
4110
+ border-top-right-radius: var(--x-size-base-13) !important; }
4111
+
4112
+ [dir="ltr"] .x-border-radius--top-13{
4113
+ border-top-right-radius: var(--x-size-base-13) !important; }
4114
+
4115
+ [dir="rtl"] .x-border-radius--top-13{
4116
+ border-top-left-radius: var(--x-size-base-13) !important; }
4117
+
4118
+ [dir="ltr"] .x-border-radius--bottom-13{
4119
+ border-bottom-left-radius: var(--x-size-base-13) !important; }
4120
+
4121
+ [dir="rtl"] .x-border-radius--bottom-13{
4122
+ border-bottom-right-radius: var(--x-size-base-13) !important; }
4123
+
4124
+ [dir="ltr"] .x-border-radius--bottom-13{
4125
+ border-bottom-right-radius: var(--x-size-base-13) !important; }
4126
+
4127
+ [dir="rtl"] .x-border-radius--bottom-13{
4128
+ border-bottom-left-radius: var(--x-size-base-13) !important; }
4129
+
4130
+ [dir="ltr"] .x-border-radius--right-13{
4131
+ border-top-right-radius: var(--x-size-base-13) !important; }
4132
+
4133
+ [dir="rtl"] .x-border-radius--right-13{
4134
+ border-top-left-radius: var(--x-size-base-13) !important; }
4135
+
4136
+ [dir="ltr"] .x-border-radius--right-13{
4137
+ border-bottom-right-radius: var(--x-size-base-13) !important; }
4138
+
4139
+ [dir="rtl"] .x-border-radius--right-13{
4140
+ border-bottom-left-radius: var(--x-size-base-13) !important; }
4141
+
4142
+ [dir="ltr"] .x-border-radius--left-13{
4143
+ border-top-left-radius: var(--x-size-base-13) !important; }
4144
+
4145
+ [dir="rtl"] .x-border-radius--left-13{
4146
+ border-top-right-radius: var(--x-size-base-13) !important; }
4147
+
4148
+ [dir="ltr"] .x-border-radius--left-13{
4149
+ border-bottom-left-radius: var(--x-size-base-13) !important; }
4150
+
4151
+ [dir="rtl"] .x-border-radius--left-13{
4152
+ border-bottom-right-radius: var(--x-size-base-13) !important; }
4153
+
4154
+ [dir="ltr"] .x-border-radius--top-left-13{
4155
+ border-top-left-radius: var(--x-size-base-13) !important; }
4156
+
4157
+ [dir="rtl"] .x-border-radius--top-left-13{
4158
+ border-top-right-radius: var(--x-size-base-13) !important; }
4159
+
4160
+ [dir="ltr"] .x-border-radius--top-right-13{
4161
+ border-top-right-radius: var(--x-size-base-13) !important; }
4162
+
4163
+ [dir="rtl"] .x-border-radius--top-right-13{
4164
+ border-top-left-radius: var(--x-size-base-13) !important; }
4165
+
4166
+ [dir="ltr"] .x-border-radius--bottom-left-13{
4167
+ border-bottom-left-radius: var(--x-size-base-13) !important; }
4168
+
4169
+ [dir="rtl"] .x-border-radius--bottom-left-13{
4170
+ border-bottom-right-radius: var(--x-size-base-13) !important; }
4171
+
4172
+ [dir="ltr"] .x-border-radius--bottom-right-13{
4173
+ border-bottom-right-radius: var(--x-size-base-13) !important; }
4174
+
4175
+ [dir="rtl"] .x-border-radius--bottom-right-13{
4176
+ border-bottom-left-radius: var(--x-size-base-13) !important; }
4177
+
4178
+ @use 'sass:string';
4179
+ *[class*='x-border-width--'] {
4180
+ border-width: 0; }
4181
+
4182
+ .x-border-width--00 {
4183
+ border-width: 0px !important;
4184
+ border-style: solid !important; }
4185
+
4186
+ .x-border-width--01 {
4187
+ border-width: 1px !important;
4188
+ border-style: solid !important; }
4189
+
4190
+ .x-border-width--02 {
4191
+ border-width: 2px !important;
4192
+ border-style: solid !important; }
4193
+
4194
+ .x-border-width--03 {
4195
+ border-width: 3px !important;
4196
+ border-style: solid !important; }
4197
+
4198
+ .x-border-width--04 {
4199
+ border-width: 4px !important;
4200
+ border-style: solid !important; }
4201
+
4202
+ .x-border-width--05 {
4203
+ border-width: 5px !important;
4204
+ border-style: solid !important; }
4205
+
4206
+ .x-border-width--06 {
4207
+ border-width: 6px !important;
4208
+ border-style: solid !important; }
4209
+
4210
+ .x-border-width--07 {
4211
+ border-width: 7px !important;
4212
+ border-style: solid !important; }
4213
+
4214
+ .x-border-width--08 {
4215
+ border-width: 8px !important;
4216
+ border-style: solid !important; }
4217
+
4218
+ .x-border-width--09 {
4219
+ border-width: 9px !important;
4220
+ border-style: solid !important; }
4221
+
4222
+ .x-border-width--10 {
4223
+ border-width: 10px !important;
4224
+ border-style: solid !important; }
4225
+
4226
+ .x-border-width--top-00 {
4227
+ border-top-width: 0px !important;
4228
+ border-style: solid !important; }
4229
+
4230
+ .x-border-width--bottom-00 {
4231
+ border-bottom-width: 0px !important;
4232
+ border-style: solid !important; }
4233
+
4234
+ [dir="ltr"] .x-border-width--right-00{
4235
+ border-right-width: 0px !important; }
4236
+
4237
+ [dir="rtl"] .x-border-width--right-00{
4238
+ border-left-width: 0px !important; }
4239
+
4240
+ .x-border-width--right-00 {
4241
+ border-style: solid !important; }
4242
+
4243
+ [dir="ltr"] .x-border-width--left-00{
4244
+ border-left-width: 0px !important; }
4245
+
4246
+ [dir="rtl"] .x-border-width--left-00{
4247
+ border-right-width: 0px !important; }
4248
+
4249
+ .x-border-width--left-00 {
4250
+ border-style: solid !important; }
4251
+
4252
+ .x-border-width--top-01 {
4253
+ border-top-width: 1px !important;
4254
+ border-style: solid !important; }
4255
+
4256
+ .x-border-width--bottom-01 {
4257
+ border-bottom-width: 1px !important;
4258
+ border-style: solid !important; }
4259
+
4260
+ [dir="ltr"] .x-border-width--right-01{
4261
+ border-right-width: 1px !important; }
4262
+
4263
+ [dir="rtl"] .x-border-width--right-01{
4264
+ border-left-width: 1px !important; }
4265
+
4266
+ .x-border-width--right-01 {
4267
+ border-style: solid !important; }
4268
+
4269
+ [dir="ltr"] .x-border-width--left-01{
4270
+ border-left-width: 1px !important; }
4271
+
4272
+ [dir="rtl"] .x-border-width--left-01{
4273
+ border-right-width: 1px !important; }
4274
+
4275
+ .x-border-width--left-01 {
4276
+ border-style: solid !important; }
4277
+
4278
+ .x-border-width--top-02 {
4279
+ border-top-width: 2px !important;
4280
+ border-style: solid !important; }
4281
+
4282
+ .x-border-width--bottom-02 {
4283
+ border-bottom-width: 2px !important;
4284
+ border-style: solid !important; }
4285
+
4286
+ [dir="ltr"] .x-border-width--right-02{
4287
+ border-right-width: 2px !important; }
4288
+
4289
+ [dir="rtl"] .x-border-width--right-02{
4290
+ border-left-width: 2px !important; }
4291
+
4292
+ .x-border-width--right-02 {
4293
+ border-style: solid !important; }
4294
+
4295
+ [dir="ltr"] .x-border-width--left-02{
4296
+ border-left-width: 2px !important; }
4297
+
4298
+ [dir="rtl"] .x-border-width--left-02{
4299
+ border-right-width: 2px !important; }
4300
+
4301
+ .x-border-width--left-02 {
4302
+ border-style: solid !important; }
4303
+
4304
+ .x-border-width--top-03 {
4305
+ border-top-width: 3px !important;
4306
+ border-style: solid !important; }
4307
+
4308
+ .x-border-width--bottom-03 {
4309
+ border-bottom-width: 3px !important;
4310
+ border-style: solid !important; }
4311
+
4312
+ [dir="ltr"] .x-border-width--right-03{
4313
+ border-right-width: 3px !important; }
4314
+
4315
+ [dir="rtl"] .x-border-width--right-03{
4316
+ border-left-width: 3px !important; }
4317
+
4318
+ .x-border-width--right-03 {
4319
+ border-style: solid !important; }
4320
+
4321
+ [dir="ltr"] .x-border-width--left-03{
4322
+ border-left-width: 3px !important; }
4323
+
4324
+ [dir="rtl"] .x-border-width--left-03{
4325
+ border-right-width: 3px !important; }
4326
+
4327
+ .x-border-width--left-03 {
4328
+ border-style: solid !important; }
4329
+
4330
+ .x-border-width--top-04 {
4331
+ border-top-width: 4px !important;
4332
+ border-style: solid !important; }
4333
+
4334
+ .x-border-width--bottom-04 {
4335
+ border-bottom-width: 4px !important;
4336
+ border-style: solid !important; }
4337
+
4338
+ [dir="ltr"] .x-border-width--right-04{
4339
+ border-right-width: 4px !important; }
4340
+
4341
+ [dir="rtl"] .x-border-width--right-04{
4342
+ border-left-width: 4px !important; }
4343
+
4344
+ .x-border-width--right-04 {
4345
+ border-style: solid !important; }
4346
+
4347
+ [dir="ltr"] .x-border-width--left-04{
4348
+ border-left-width: 4px !important; }
4349
+
4350
+ [dir="rtl"] .x-border-width--left-04{
4351
+ border-right-width: 4px !important; }
4352
+
4353
+ .x-border-width--left-04 {
4354
+ border-style: solid !important; }
4355
+
4356
+ .x-border-width--top-05 {
4357
+ border-top-width: 5px !important;
4358
+ border-style: solid !important; }
4359
+
4360
+ .x-border-width--bottom-05 {
4361
+ border-bottom-width: 5px !important;
4362
+ border-style: solid !important; }
4363
+
4364
+ [dir="ltr"] .x-border-width--right-05{
4365
+ border-right-width: 5px !important; }
4366
+
4367
+ [dir="rtl"] .x-border-width--right-05{
4368
+ border-left-width: 5px !important; }
4369
+
4370
+ .x-border-width--right-05 {
4371
+ border-style: solid !important; }
4372
+
4373
+ [dir="ltr"] .x-border-width--left-05{
4374
+ border-left-width: 5px !important; }
4375
+
4376
+ [dir="rtl"] .x-border-width--left-05{
4377
+ border-right-width: 5px !important; }
4378
+
4379
+ .x-border-width--left-05 {
4380
+ border-style: solid !important; }
4381
+
4382
+ .x-border-width--top-06 {
4383
+ border-top-width: 6px !important;
4384
+ border-style: solid !important; }
4385
+
4386
+ .x-border-width--bottom-06 {
4387
+ border-bottom-width: 6px !important;
4388
+ border-style: solid !important; }
4389
+
4390
+ [dir="ltr"] .x-border-width--right-06{
4391
+ border-right-width: 6px !important; }
4392
+
4393
+ [dir="rtl"] .x-border-width--right-06{
4394
+ border-left-width: 6px !important; }
4395
+
4396
+ .x-border-width--right-06 {
4397
+ border-style: solid !important; }
4398
+
4399
+ [dir="ltr"] .x-border-width--left-06{
4400
+ border-left-width: 6px !important; }
4401
+
4402
+ [dir="rtl"] .x-border-width--left-06{
4403
+ border-right-width: 6px !important; }
4404
+
4405
+ .x-border-width--left-06 {
4406
+ border-style: solid !important; }
4407
+
4408
+ .x-border-width--top-07 {
4409
+ border-top-width: 7px !important;
4410
+ border-style: solid !important; }
4411
+
4412
+ .x-border-width--bottom-07 {
4413
+ border-bottom-width: 7px !important;
4414
+ border-style: solid !important; }
4415
+
4416
+ [dir="ltr"] .x-border-width--right-07{
4417
+ border-right-width: 7px !important; }
4418
+
4419
+ [dir="rtl"] .x-border-width--right-07{
4420
+ border-left-width: 7px !important; }
4421
+
4422
+ .x-border-width--right-07 {
4423
+ border-style: solid !important; }
4424
+
4425
+ [dir="ltr"] .x-border-width--left-07{
4426
+ border-left-width: 7px !important; }
4427
+
4428
+ [dir="rtl"] .x-border-width--left-07{
4429
+ border-right-width: 7px !important; }
4430
+
4431
+ .x-border-width--left-07 {
4432
+ border-style: solid !important; }
4433
+
4434
+ .x-border-width--top-08 {
4435
+ border-top-width: 8px !important;
4436
+ border-style: solid !important; }
4437
+
4438
+ .x-border-width--bottom-08 {
4439
+ border-bottom-width: 8px !important;
4440
+ border-style: solid !important; }
4441
+
4442
+ [dir="ltr"] .x-border-width--right-08{
4443
+ border-right-width: 8px !important; }
4444
+
4445
+ [dir="rtl"] .x-border-width--right-08{
4446
+ border-left-width: 8px !important; }
4447
+
4448
+ .x-border-width--right-08 {
4449
+ border-style: solid !important; }
4450
+
4451
+ [dir="ltr"] .x-border-width--left-08{
4452
+ border-left-width: 8px !important; }
4453
+
4454
+ [dir="rtl"] .x-border-width--left-08{
4455
+ border-right-width: 8px !important; }
4456
+
4457
+ .x-border-width--left-08 {
4458
+ border-style: solid !important; }
4459
+
4460
+ .x-border-width--top-09 {
4461
+ border-top-width: 9px !important;
4462
+ border-style: solid !important; }
4463
+
4464
+ .x-border-width--bottom-09 {
4465
+ border-bottom-width: 9px !important;
4466
+ border-style: solid !important; }
4467
+
4468
+ [dir="ltr"] .x-border-width--right-09{
4469
+ border-right-width: 9px !important; }
4470
+
4471
+ [dir="rtl"] .x-border-width--right-09{
4472
+ border-left-width: 9px !important; }
4473
+
4474
+ .x-border-width--right-09 {
4475
+ border-style: solid !important; }
4476
+
4477
+ [dir="ltr"] .x-border-width--left-09{
4478
+ border-left-width: 9px !important; }
4479
+
4480
+ [dir="rtl"] .x-border-width--left-09{
4481
+ border-right-width: 9px !important; }
4482
+
4483
+ .x-border-width--left-09 {
4484
+ border-style: solid !important; }
4485
+
4486
+ .x-border-width--top-10 {
4487
+ border-top-width: 10px !important;
4488
+ border-style: solid !important; }
4489
+
4490
+ .x-border-width--bottom-10 {
4491
+ border-bottom-width: 10px !important;
4492
+ border-style: solid !important; }
4493
+
4494
+ [dir="ltr"] .x-border-width--right-10{
4495
+ border-right-width: 10px !important; }
4496
+
4497
+ [dir="rtl"] .x-border-width--right-10{
4498
+ border-left-width: 10px !important; }
4499
+
4500
+ .x-border-width--right-10 {
4501
+ border-style: solid !important; }
4502
+
4503
+ [dir="ltr"] .x-border-width--left-10{
4504
+ border-left-width: 10px !important; }
4505
+
4506
+ [dir="rtl"] .x-border-width--left-10{
4507
+ border-right-width: 10px !important; }
4508
+
4509
+ .x-border-width--left-10 {
4510
+ border-style: solid !important; }
4511
+
4512
+ @use 'sass:string';
4513
+ .x-shadow--none {
4514
+ box-shadow: none !important; }
4515
+
4516
+ .x-shadow--01 {
4517
+ box-shadow: var(--x-string-box-shadow-01) !important; }
4518
+
4519
+ .x-shadow--02 {
4520
+ box-shadow: var(--x-string-box-shadow-02) !important; }
4521
+
4522
+ .x-shadow--03 {
4523
+ box-shadow: var(--x-string-box-shadow-03) !important; }
4524
+
4525
+ .x-shadow--04 {
4526
+ box-shadow: var(--x-string-box-shadow-04) !important; }
4527
+
4528
+ .x-shadow--05 {
4529
+ box-shadow: var(--x-string-box-shadow-05) !important; }
4530
+
4531
+ .x-shadow--06 {
4532
+ box-shadow: var(--x-string-box-shadow-06) !important; }
4533
+
4534
+ .x-shadow--07 {
4535
+ box-shadow: var(--x-string-box-shadow-07) !important; }
4536
+
4537
+ .x-shadow--08 {
4538
+ box-shadow: var(--x-string-box-shadow-08) !important; }
4539
+
4540
+ .x-shadow--09 {
4541
+ box-shadow: var(--x-string-box-shadow-09) !important; }
4542
+
4543
+ .x-shadow--10 {
4544
+ box-shadow: var(--x-string-box-shadow-10) !important; }
4545
+
4546
+ /* Material Elevations extracted from:
4547
+ https://gist.github.com/serglo/f9f0be9a66fd6755a0bda85f9c64e85f
4548
+ */
4549
+ :root {
4550
+ /* Shadow 1dp */
4551
+ --x-string-box-shadow-01: 0 1px 1px 0 rgba(0, 0, 0, 0.14), 0 2px 1px -1px rgba(0, 0, 0, 0.12),
4552
+ 0 1px 3px 0 rgba(0, 0, 0, 0.2);
4553
+ /* Shadow 2dp */
4554
+ --x-string-box-shadow-02: 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 3px 1px -2px rgba(0, 0, 0, 0.12),
4555
+ 0 1px 5px 0 rgba(0, 0, 0, 0.2);
4556
+ /* Shadow 3dp */
4557
+ --x-string-box-shadow-03: 0 3px 4px 0 rgba(0, 0, 0, 0.14), 0 3px 3px -2px rgba(0, 0, 0, 0.12),
4558
+ 0 1px 8px 0 rgba(0, 0, 0, 0.2);
4559
+ /* Shadow 4dp */
4560
+ --x-string-box-shadow-04: 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12),
4561
+ 0 2px 4px -1px rgba(0, 0, 0, 0.2);
4562
+ /* Shadow 6dp */
4563
+ --x-string-box-shadow-05: 0 6px 10px 0 rgba(0, 0, 0, 0.14), 0 1px 18px 0 rgba(0, 0, 0, 0.12),
4564
+ 0 3px 5px -1px rgba(0, 0, 0, 0.2);
4565
+ /* Shadow 8dp */
4566
+ --x-string-box-shadow-06: 0 8px 10px 1px rgba(0, 0, 0, 0.14), 0 3px 14px 2px rgba(0, 0, 0, 0.12),
4567
+ 0 5px 5px -3px rgba(0, 0, 0, 0.2);
4568
+ /* Shadow 9dp */
4569
+ --x-string-box-shadow-07: 0 9px 12px 1px rgba(0, 0, 0, 0.14), 0 3px 16px 2px rgba(0, 0, 0, 0.12),
4570
+ 0 5px 6px -3px rgba(0, 0, 0, 0.2);
4571
+ /* Shadow 12dp */
4572
+ --x-string-box-shadow-08: 0 12px 17px 2px rgba(0, 0, 0, 0.14), 0 5px 22px 4px rgba(0, 0, 0, 0.12),
4573
+ 0 7px 8px -4px rgba(0, 0, 0, 0.2);
4574
+ /* Shadow 16dp */
4575
+ --x-string-box-shadow-09: 0 16px 24px 2px rgba(0, 0, 0, 0.14), 0 6px 30px 5px rgba(0, 0, 0, 0.12),
4576
+ 0 8px 10px -5px rgba(0, 0, 0, 0.2);
4577
+ /* Shadow 24dp */
4578
+ --x-string-box-shadow-10: 0 24px 38px 3px rgba(0, 0, 0, 0.14), 0 9px 46px 8px rgba(0, 0, 0, 0.12),
4579
+ 0 11px 15px -7px rgba(0, 0, 0, 0.2); }
4580
+
4581
+ .x-font-color--lead {
4582
+ color: var(--x-color-base-lead) !important; }
4583
+
4584
+ .x-font-color--auxiliary {
4585
+ color: var(--x-color-base-auxiliary) !important; }
4586
+
4587
+ .x-font-color--neutral-10 {
4588
+ color: var(--x-color-base-neutral-10) !important; }
4589
+
4590
+ .x-font-color--neutral-35 {
4591
+ color: var(--x-color-base-neutral-35) !important; }
4592
+
4593
+ .x-font-color--neutral-70 {
4594
+ color: var(--x-color-base-neutral-70) !important; }
4595
+
4596
+ .x-font-color--neutral-95 {
4597
+ color: var(--x-color-base-neutral-95) !important; }
4598
+
4599
+ .x-font-color--neutral-100 {
4600
+ color: var(--x-color-base-neutral-100) !important; }
4601
+
4602
+ @use 'sass:string';
4603
+ .x-margin--00 {
4604
+ margin: 0 !important; }
4605
+
4606
+ .x-margin--01 {
4607
+ margin: var(--x-size-base-01) !important; }
4608
+
4609
+ .x-margin--02 {
4610
+ margin: var(--x-size-base-02) !important; }
4611
+
4612
+ .x-margin--03 {
4613
+ margin: var(--x-size-base-03) !important; }
4614
+
4615
+ .x-margin--04 {
4616
+ margin: var(--x-size-base-04) !important; }
4617
+
4618
+ .x-margin--05 {
4619
+ margin: var(--x-size-base-05) !important; }
4620
+
4621
+ .x-margin--06 {
4622
+ margin: var(--x-size-base-06) !important; }
4623
+
4624
+ .x-margin--07 {
4625
+ margin: var(--x-size-base-07) !important; }
4626
+
4627
+ .x-margin--08 {
4628
+ margin: var(--x-size-base-08) !important; }
4629
+
4630
+ .x-margin--09 {
4631
+ margin: var(--x-size-base-09) !important; }
4632
+
4633
+ .x-margin--10 {
4634
+ margin: var(--x-size-base-10) !important; }
4635
+
4636
+ .x-margin--11 {
4637
+ margin: var(--x-size-base-11) !important; }
4638
+
4639
+ .x-margin--12 {
4640
+ margin: var(--x-size-base-12) !important; }
4641
+
4642
+ .x-margin--13 {
4643
+ margin: var(--x-size-base-13) !important; }
4644
+
4645
+ .x-margin--top-01 {
4646
+ -webkit-margin-before: var(--x-size-base-01) !important;
4647
+ margin-top: var(--x-size-base-01) !important; }
4648
+
4649
+ .x-margin--bottom-01 {
4650
+ -webkit-margin-after: var(--x-size-base-01) !important;
4651
+ margin-bottom: var(--x-size-base-01) !important; }
4652
+
4653
+ [dir="ltr"] .x-margin--right-01{
4654
+ margin-right: var(--x-size-base-01) !important; }
4655
+
4656
+ [dir="rtl"] .x-margin--right-01{
4657
+ margin-left: var(--x-size-base-01) !important; }
4658
+
4659
+ .x-margin--right-01 {
4660
+ -webkit-margin-end: var(--x-size-base-01) !important; }
4661
+
4662
+ [dir="ltr"] .x-margin--left-01{
4663
+ margin-left: var(--x-size-base-01) !important; }
4664
+
4665
+ [dir="rtl"] .x-margin--left-01{
4666
+ margin-right: var(--x-size-base-01) !important; }
4667
+
4668
+ .x-margin--left-01 {
4669
+ -webkit-margin-start: var(--x-size-base-01) !important; }
4670
+
4671
+ .x-margin--top-02 {
4672
+ -webkit-margin-before: var(--x-size-base-02) !important;
4673
+ margin-top: var(--x-size-base-02) !important; }
4674
+
4675
+ .x-margin--bottom-02 {
4676
+ -webkit-margin-after: var(--x-size-base-02) !important;
4677
+ margin-bottom: var(--x-size-base-02) !important; }
4678
+
4679
+ [dir="ltr"] .x-margin--right-02{
4680
+ margin-right: var(--x-size-base-02) !important; }
4681
+
4682
+ [dir="rtl"] .x-margin--right-02{
4683
+ margin-left: var(--x-size-base-02) !important; }
4684
+
4685
+ .x-margin--right-02 {
4686
+ -webkit-margin-end: var(--x-size-base-02) !important; }
4687
+
4688
+ [dir="ltr"] .x-margin--left-02{
4689
+ margin-left: var(--x-size-base-02) !important; }
4690
+
4691
+ [dir="rtl"] .x-margin--left-02{
4692
+ margin-right: var(--x-size-base-02) !important; }
4693
+
4694
+ .x-margin--left-02 {
4695
+ -webkit-margin-start: var(--x-size-base-02) !important; }
4696
+
4697
+ .x-margin--top-03 {
4698
+ -webkit-margin-before: var(--x-size-base-03) !important;
4699
+ margin-top: var(--x-size-base-03) !important; }
4700
+
4701
+ .x-margin--bottom-03 {
4702
+ -webkit-margin-after: var(--x-size-base-03) !important;
4703
+ margin-bottom: var(--x-size-base-03) !important; }
4704
+
4705
+ [dir="ltr"] .x-margin--right-03{
4706
+ margin-right: var(--x-size-base-03) !important; }
4707
+
4708
+ [dir="rtl"] .x-margin--right-03{
4709
+ margin-left: var(--x-size-base-03) !important; }
4710
+
4711
+ .x-margin--right-03 {
4712
+ -webkit-margin-end: var(--x-size-base-03) !important; }
4713
+
4714
+ [dir="ltr"] .x-margin--left-03{
4715
+ margin-left: var(--x-size-base-03) !important; }
4716
+
4717
+ [dir="rtl"] .x-margin--left-03{
4718
+ margin-right: var(--x-size-base-03) !important; }
4719
+
4720
+ .x-margin--left-03 {
4721
+ -webkit-margin-start: var(--x-size-base-03) !important; }
4722
+
4723
+ .x-margin--top-04 {
4724
+ -webkit-margin-before: var(--x-size-base-04) !important;
4725
+ margin-top: var(--x-size-base-04) !important; }
4726
+
4727
+ .x-margin--bottom-04 {
4728
+ -webkit-margin-after: var(--x-size-base-04) !important;
4729
+ margin-bottom: var(--x-size-base-04) !important; }
4730
+
4731
+ [dir="ltr"] .x-margin--right-04{
4732
+ margin-right: var(--x-size-base-04) !important; }
4733
+
4734
+ [dir="rtl"] .x-margin--right-04{
4735
+ margin-left: var(--x-size-base-04) !important; }
4736
+
4737
+ .x-margin--right-04 {
4738
+ -webkit-margin-end: var(--x-size-base-04) !important; }
4739
+
4740
+ [dir="ltr"] .x-margin--left-04{
4741
+ margin-left: var(--x-size-base-04) !important; }
4742
+
4743
+ [dir="rtl"] .x-margin--left-04{
4744
+ margin-right: var(--x-size-base-04) !important; }
4745
+
4746
+ .x-margin--left-04 {
4747
+ -webkit-margin-start: var(--x-size-base-04) !important; }
4748
+
4749
+ .x-margin--top-05 {
4750
+ -webkit-margin-before: var(--x-size-base-05) !important;
4751
+ margin-top: var(--x-size-base-05) !important; }
4752
+
4753
+ .x-margin--bottom-05 {
4754
+ -webkit-margin-after: var(--x-size-base-05) !important;
4755
+ margin-bottom: var(--x-size-base-05) !important; }
4756
+
4757
+ [dir="ltr"] .x-margin--right-05{
4758
+ margin-right: var(--x-size-base-05) !important; }
4759
+
4760
+ [dir="rtl"] .x-margin--right-05{
4761
+ margin-left: var(--x-size-base-05) !important; }
4762
+
4763
+ .x-margin--right-05 {
4764
+ -webkit-margin-end: var(--x-size-base-05) !important; }
4765
+
4766
+ [dir="ltr"] .x-margin--left-05{
4767
+ margin-left: var(--x-size-base-05) !important; }
4768
+
4769
+ [dir="rtl"] .x-margin--left-05{
4770
+ margin-right: var(--x-size-base-05) !important; }
4771
+
4772
+ .x-margin--left-05 {
4773
+ -webkit-margin-start: var(--x-size-base-05) !important; }
4774
+
4775
+ .x-margin--top-06 {
4776
+ -webkit-margin-before: var(--x-size-base-06) !important;
4777
+ margin-top: var(--x-size-base-06) !important; }
4778
+
4779
+ .x-margin--bottom-06 {
4780
+ -webkit-margin-after: var(--x-size-base-06) !important;
4781
+ margin-bottom: var(--x-size-base-06) !important; }
4782
+
4783
+ [dir="ltr"] .x-margin--right-06{
4784
+ margin-right: var(--x-size-base-06) !important; }
4785
+
4786
+ [dir="rtl"] .x-margin--right-06{
4787
+ margin-left: var(--x-size-base-06) !important; }
4788
+
4789
+ .x-margin--right-06 {
4790
+ -webkit-margin-end: var(--x-size-base-06) !important; }
4791
+
4792
+ [dir="ltr"] .x-margin--left-06{
4793
+ margin-left: var(--x-size-base-06) !important; }
4794
+
4795
+ [dir="rtl"] .x-margin--left-06{
4796
+ margin-right: var(--x-size-base-06) !important; }
4797
+
4798
+ .x-margin--left-06 {
4799
+ -webkit-margin-start: var(--x-size-base-06) !important; }
4800
+
4801
+ .x-margin--top-07 {
4802
+ -webkit-margin-before: var(--x-size-base-07) !important;
4803
+ margin-top: var(--x-size-base-07) !important; }
4804
+
4805
+ .x-margin--bottom-07 {
4806
+ -webkit-margin-after: var(--x-size-base-07) !important;
4807
+ margin-bottom: var(--x-size-base-07) !important; }
4808
+
4809
+ [dir="ltr"] .x-margin--right-07{
4810
+ margin-right: var(--x-size-base-07) !important; }
4811
+
4812
+ [dir="rtl"] .x-margin--right-07{
4813
+ margin-left: var(--x-size-base-07) !important; }
4814
+
4815
+ .x-margin--right-07 {
4816
+ -webkit-margin-end: var(--x-size-base-07) !important; }
4817
+
4818
+ [dir="ltr"] .x-margin--left-07{
4819
+ margin-left: var(--x-size-base-07) !important; }
4820
+
4821
+ [dir="rtl"] .x-margin--left-07{
4822
+ margin-right: var(--x-size-base-07) !important; }
4823
+
4824
+ .x-margin--left-07 {
4825
+ -webkit-margin-start: var(--x-size-base-07) !important; }
4826
+
4827
+ .x-margin--top-08 {
4828
+ -webkit-margin-before: var(--x-size-base-08) !important;
4829
+ margin-top: var(--x-size-base-08) !important; }
4830
+
4831
+ .x-margin--bottom-08 {
4832
+ -webkit-margin-after: var(--x-size-base-08) !important;
4833
+ margin-bottom: var(--x-size-base-08) !important; }
4834
+
4835
+ [dir="ltr"] .x-margin--right-08{
4836
+ margin-right: var(--x-size-base-08) !important; }
4837
+
4838
+ [dir="rtl"] .x-margin--right-08{
4839
+ margin-left: var(--x-size-base-08) !important; }
4840
+
4841
+ .x-margin--right-08 {
4842
+ -webkit-margin-end: var(--x-size-base-08) !important; }
4843
+
4844
+ [dir="ltr"] .x-margin--left-08{
4845
+ margin-left: var(--x-size-base-08) !important; }
4846
+
4847
+ [dir="rtl"] .x-margin--left-08{
4848
+ margin-right: var(--x-size-base-08) !important; }
4849
+
4850
+ .x-margin--left-08 {
4851
+ -webkit-margin-start: var(--x-size-base-08) !important; }
4852
+
4853
+ .x-margin--top-09 {
4854
+ -webkit-margin-before: var(--x-size-base-09) !important;
4855
+ margin-top: var(--x-size-base-09) !important; }
4856
+
4857
+ .x-margin--bottom-09 {
4858
+ -webkit-margin-after: var(--x-size-base-09) !important;
4859
+ margin-bottom: var(--x-size-base-09) !important; }
4860
+
4861
+ [dir="ltr"] .x-margin--right-09{
4862
+ margin-right: var(--x-size-base-09) !important; }
4863
+
4864
+ [dir="rtl"] .x-margin--right-09{
4865
+ margin-left: var(--x-size-base-09) !important; }
4866
+
4867
+ .x-margin--right-09 {
4868
+ -webkit-margin-end: var(--x-size-base-09) !important; }
4869
+
4870
+ [dir="ltr"] .x-margin--left-09{
4871
+ margin-left: var(--x-size-base-09) !important; }
4872
+
4873
+ [dir="rtl"] .x-margin--left-09{
4874
+ margin-right: var(--x-size-base-09) !important; }
4875
+
4876
+ .x-margin--left-09 {
4877
+ -webkit-margin-start: var(--x-size-base-09) !important; }
4878
+
4879
+ .x-margin--top-10 {
4880
+ -webkit-margin-before: var(--x-size-base-10) !important;
4881
+ margin-top: var(--x-size-base-10) !important; }
4882
+
4883
+ .x-margin--bottom-10 {
4884
+ -webkit-margin-after: var(--x-size-base-10) !important;
4885
+ margin-bottom: var(--x-size-base-10) !important; }
4886
+
4887
+ [dir="ltr"] .x-margin--right-10{
4888
+ margin-right: var(--x-size-base-10) !important; }
4889
+
4890
+ [dir="rtl"] .x-margin--right-10{
4891
+ margin-left: var(--x-size-base-10) !important; }
4892
+
4893
+ .x-margin--right-10 {
4894
+ -webkit-margin-end: var(--x-size-base-10) !important; }
4895
+
4896
+ [dir="ltr"] .x-margin--left-10{
4897
+ margin-left: var(--x-size-base-10) !important; }
4898
+
4899
+ [dir="rtl"] .x-margin--left-10{
4900
+ margin-right: var(--x-size-base-10) !important; }
4901
+
4902
+ .x-margin--left-10 {
4903
+ -webkit-margin-start: var(--x-size-base-10) !important; }
4904
+
4905
+ .x-margin--top-11 {
4906
+ -webkit-margin-before: var(--x-size-base-11) !important;
4907
+ margin-top: var(--x-size-base-11) !important; }
4908
+
4909
+ .x-margin--bottom-11 {
4910
+ -webkit-margin-after: var(--x-size-base-11) !important;
4911
+ margin-bottom: var(--x-size-base-11) !important; }
4912
+
4913
+ [dir="ltr"] .x-margin--right-11{
4914
+ margin-right: var(--x-size-base-11) !important; }
4915
+
4916
+ [dir="rtl"] .x-margin--right-11{
4917
+ margin-left: var(--x-size-base-11) !important; }
4918
+
4919
+ .x-margin--right-11 {
4920
+ -webkit-margin-end: var(--x-size-base-11) !important; }
4921
+
4922
+ [dir="ltr"] .x-margin--left-11{
4923
+ margin-left: var(--x-size-base-11) !important; }
4924
+
4925
+ [dir="rtl"] .x-margin--left-11{
4926
+ margin-right: var(--x-size-base-11) !important; }
4927
+
4928
+ .x-margin--left-11 {
4929
+ -webkit-margin-start: var(--x-size-base-11) !important; }
4930
+
4931
+ .x-margin--top-12 {
4932
+ -webkit-margin-before: var(--x-size-base-12) !important;
4933
+ margin-top: var(--x-size-base-12) !important; }
4934
+
4935
+ .x-margin--bottom-12 {
4936
+ -webkit-margin-after: var(--x-size-base-12) !important;
4937
+ margin-bottom: var(--x-size-base-12) !important; }
4938
+
4939
+ [dir="ltr"] .x-margin--right-12{
4940
+ margin-right: var(--x-size-base-12) !important; }
4941
+
4942
+ [dir="rtl"] .x-margin--right-12{
4943
+ margin-left: var(--x-size-base-12) !important; }
4944
+
4945
+ .x-margin--right-12 {
4946
+ -webkit-margin-end: var(--x-size-base-12) !important; }
4947
+
4948
+ [dir="ltr"] .x-margin--left-12{
4949
+ margin-left: var(--x-size-base-12) !important; }
4950
+
4951
+ [dir="rtl"] .x-margin--left-12{
4952
+ margin-right: var(--x-size-base-12) !important; }
4953
+
4954
+ .x-margin--left-12 {
4955
+ -webkit-margin-start: var(--x-size-base-12) !important; }
4956
+
4957
+ .x-margin--top-13 {
4958
+ -webkit-margin-before: var(--x-size-base-13) !important;
4959
+ margin-top: var(--x-size-base-13) !important; }
4960
+
4961
+ .x-margin--bottom-13 {
4962
+ -webkit-margin-after: var(--x-size-base-13) !important;
4963
+ margin-bottom: var(--x-size-base-13) !important; }
4964
+
4965
+ [dir="ltr"] .x-margin--right-13{
4966
+ margin-right: var(--x-size-base-13) !important; }
4967
+
4968
+ [dir="rtl"] .x-margin--right-13{
4969
+ margin-left: var(--x-size-base-13) !important; }
4970
+
4971
+ .x-margin--right-13 {
4972
+ -webkit-margin-end: var(--x-size-base-13) !important; }
4973
+
4974
+ [dir="ltr"] .x-margin--left-13{
4975
+ margin-left: var(--x-size-base-13) !important; }
4976
+
4977
+ [dir="rtl"] .x-margin--left-13{
4978
+ margin-right: var(--x-size-base-13) !important; }
4979
+
4980
+ .x-margin--left-13 {
4981
+ -webkit-margin-start: var(--x-size-base-13) !important; }
4982
+
4983
+ @use 'sass:string';
4984
+ .x-padding--0 {
4985
+ padding: 0 !important; }
4986
+
4987
+ .x-padding--01 {
4988
+ padding: var(--x-size-base-01) !important; }
4989
+
4990
+ .x-padding--02 {
4991
+ padding: var(--x-size-base-02) !important; }
4992
+
4993
+ .x-padding--03 {
4994
+ padding: var(--x-size-base-03) !important; }
4995
+
4996
+ .x-padding--04 {
4997
+ padding: var(--x-size-base-04) !important; }
4998
+
4999
+ .x-padding--05 {
5000
+ padding: var(--x-size-base-05) !important; }
5001
+
5002
+ .x-padding--06 {
5003
+ padding: var(--x-size-base-06) !important; }
5004
+
5005
+ .x-padding--07 {
5006
+ padding: var(--x-size-base-07) !important; }
5007
+
5008
+ .x-padding--08 {
5009
+ padding: var(--x-size-base-08) !important; }
5010
+
5011
+ .x-padding--09 {
5012
+ padding: var(--x-size-base-09) !important; }
5013
+
5014
+ .x-padding--10 {
5015
+ padding: var(--x-size-base-10) !important; }
5016
+
5017
+ .x-padding--11 {
5018
+ padding: var(--x-size-base-11) !important; }
5019
+
5020
+ .x-padding--12 {
5021
+ padding: var(--x-size-base-12) !important; }
5022
+
5023
+ .x-padding--13 {
5024
+ padding: var(--x-size-base-13) !important; }
5025
+
5026
+ .x-padding--top-01 {
5027
+ -webkit-padding-before: var(--x-size-base-01) !important;
5028
+ padding-top: var(--x-size-base-01) !important; }
5029
+
5030
+ .x-padding--bottom-01 {
5031
+ -webkit-padding-after: var(--x-size-base-01) !important;
5032
+ padding-bottom: var(--x-size-base-01) !important; }
5033
+
5034
+ [dir="ltr"] .x-padding--right-01{
5035
+ padding-right: var(--x-size-base-01) !important; }
5036
+
5037
+ [dir="rtl"] .x-padding--right-01{
5038
+ padding-left: var(--x-size-base-01) !important; }
5039
+
5040
+ .x-padding--right-01 {
5041
+ -webkit-padding-end: var(--x-size-base-01) !important; }
5042
+
5043
+ [dir="ltr"] .x-padding--left-01{
5044
+ padding-left: var(--x-size-base-01) !important; }
5045
+
5046
+ [dir="rtl"] .x-padding--left-01{
5047
+ padding-right: var(--x-size-base-01) !important; }
5048
+
5049
+ .x-padding--left-01 {
5050
+ -webkit-padding-start: var(--x-size-base-01) !important; }
5051
+
5052
+ .x-padding--top-02 {
5053
+ -webkit-padding-before: var(--x-size-base-02) !important;
5054
+ padding-top: var(--x-size-base-02) !important; }
5055
+
5056
+ .x-padding--bottom-02 {
5057
+ -webkit-padding-after: var(--x-size-base-02) !important;
5058
+ padding-bottom: var(--x-size-base-02) !important; }
5059
+
5060
+ [dir="ltr"] .x-padding--right-02{
5061
+ padding-right: var(--x-size-base-02) !important; }
5062
+
5063
+ [dir="rtl"] .x-padding--right-02{
5064
+ padding-left: var(--x-size-base-02) !important; }
5065
+
5066
+ .x-padding--right-02 {
5067
+ -webkit-padding-end: var(--x-size-base-02) !important; }
5068
+
5069
+ [dir="ltr"] .x-padding--left-02{
5070
+ padding-left: var(--x-size-base-02) !important; }
5071
+
5072
+ [dir="rtl"] .x-padding--left-02{
5073
+ padding-right: var(--x-size-base-02) !important; }
5074
+
5075
+ .x-padding--left-02 {
5076
+ -webkit-padding-start: var(--x-size-base-02) !important; }
5077
+
5078
+ .x-padding--top-03 {
5079
+ -webkit-padding-before: var(--x-size-base-03) !important;
5080
+ padding-top: var(--x-size-base-03) !important; }
5081
+
5082
+ .x-padding--bottom-03 {
5083
+ -webkit-padding-after: var(--x-size-base-03) !important;
5084
+ padding-bottom: var(--x-size-base-03) !important; }
5085
+
5086
+ [dir="ltr"] .x-padding--right-03{
5087
+ padding-right: var(--x-size-base-03) !important; }
5088
+
5089
+ [dir="rtl"] .x-padding--right-03{
5090
+ padding-left: var(--x-size-base-03) !important; }
5091
+
5092
+ .x-padding--right-03 {
5093
+ -webkit-padding-end: var(--x-size-base-03) !important; }
5094
+
5095
+ [dir="ltr"] .x-padding--left-03{
5096
+ padding-left: var(--x-size-base-03) !important; }
5097
+
5098
+ [dir="rtl"] .x-padding--left-03{
5099
+ padding-right: var(--x-size-base-03) !important; }
5100
+
5101
+ .x-padding--left-03 {
5102
+ -webkit-padding-start: var(--x-size-base-03) !important; }
5103
+
5104
+ .x-padding--top-04 {
5105
+ -webkit-padding-before: var(--x-size-base-04) !important;
5106
+ padding-top: var(--x-size-base-04) !important; }
5107
+
5108
+ .x-padding--bottom-04 {
5109
+ -webkit-padding-after: var(--x-size-base-04) !important;
5110
+ padding-bottom: var(--x-size-base-04) !important; }
5111
+
5112
+ [dir="ltr"] .x-padding--right-04{
5113
+ padding-right: var(--x-size-base-04) !important; }
5114
+
5115
+ [dir="rtl"] .x-padding--right-04{
5116
+ padding-left: var(--x-size-base-04) !important; }
5117
+
5118
+ .x-padding--right-04 {
5119
+ -webkit-padding-end: var(--x-size-base-04) !important; }
5120
+
5121
+ [dir="ltr"] .x-padding--left-04{
5122
+ padding-left: var(--x-size-base-04) !important; }
5123
+
5124
+ [dir="rtl"] .x-padding--left-04{
5125
+ padding-right: var(--x-size-base-04) !important; }
5126
+
5127
+ .x-padding--left-04 {
5128
+ -webkit-padding-start: var(--x-size-base-04) !important; }
5129
+
5130
+ .x-padding--top-05 {
5131
+ -webkit-padding-before: var(--x-size-base-05) !important;
5132
+ padding-top: var(--x-size-base-05) !important; }
5133
+
5134
+ .x-padding--bottom-05 {
5135
+ -webkit-padding-after: var(--x-size-base-05) !important;
5136
+ padding-bottom: var(--x-size-base-05) !important; }
5137
+
5138
+ [dir="ltr"] .x-padding--right-05{
5139
+ padding-right: var(--x-size-base-05) !important; }
5140
+
5141
+ [dir="rtl"] .x-padding--right-05{
5142
+ padding-left: var(--x-size-base-05) !important; }
5143
+
5144
+ .x-padding--right-05 {
5145
+ -webkit-padding-end: var(--x-size-base-05) !important; }
5146
+
5147
+ [dir="ltr"] .x-padding--left-05{
5148
+ padding-left: var(--x-size-base-05) !important; }
5149
+
5150
+ [dir="rtl"] .x-padding--left-05{
5151
+ padding-right: var(--x-size-base-05) !important; }
5152
+
5153
+ .x-padding--left-05 {
5154
+ -webkit-padding-start: var(--x-size-base-05) !important; }
5155
+
5156
+ .x-padding--top-06 {
5157
+ -webkit-padding-before: var(--x-size-base-06) !important;
5158
+ padding-top: var(--x-size-base-06) !important; }
5159
+
5160
+ .x-padding--bottom-06 {
5161
+ -webkit-padding-after: var(--x-size-base-06) !important;
5162
+ padding-bottom: var(--x-size-base-06) !important; }
5163
+
5164
+ [dir="ltr"] .x-padding--right-06{
5165
+ padding-right: var(--x-size-base-06) !important; }
5166
+
5167
+ [dir="rtl"] .x-padding--right-06{
5168
+ padding-left: var(--x-size-base-06) !important; }
5169
+
5170
+ .x-padding--right-06 {
5171
+ -webkit-padding-end: var(--x-size-base-06) !important; }
5172
+
5173
+ [dir="ltr"] .x-padding--left-06{
5174
+ padding-left: var(--x-size-base-06) !important; }
5175
+
5176
+ [dir="rtl"] .x-padding--left-06{
5177
+ padding-right: var(--x-size-base-06) !important; }
5178
+
5179
+ .x-padding--left-06 {
5180
+ -webkit-padding-start: var(--x-size-base-06) !important; }
5181
+
5182
+ .x-padding--top-07 {
5183
+ -webkit-padding-before: var(--x-size-base-07) !important;
5184
+ padding-top: var(--x-size-base-07) !important; }
5185
+
5186
+ .x-padding--bottom-07 {
5187
+ -webkit-padding-after: var(--x-size-base-07) !important;
5188
+ padding-bottom: var(--x-size-base-07) !important; }
5189
+
5190
+ [dir="ltr"] .x-padding--right-07{
5191
+ padding-right: var(--x-size-base-07) !important; }
5192
+
5193
+ [dir="rtl"] .x-padding--right-07{
5194
+ padding-left: var(--x-size-base-07) !important; }
5195
+
5196
+ .x-padding--right-07 {
5197
+ -webkit-padding-end: var(--x-size-base-07) !important; }
5198
+
5199
+ [dir="ltr"] .x-padding--left-07{
5200
+ padding-left: var(--x-size-base-07) !important; }
5201
+
5202
+ [dir="rtl"] .x-padding--left-07{
5203
+ padding-right: var(--x-size-base-07) !important; }
5204
+
5205
+ .x-padding--left-07 {
5206
+ -webkit-padding-start: var(--x-size-base-07) !important; }
5207
+
5208
+ .x-padding--top-08 {
5209
+ -webkit-padding-before: var(--x-size-base-08) !important;
5210
+ padding-top: var(--x-size-base-08) !important; }
5211
+
5212
+ .x-padding--bottom-08 {
5213
+ -webkit-padding-after: var(--x-size-base-08) !important;
5214
+ padding-bottom: var(--x-size-base-08) !important; }
5215
+
5216
+ [dir="ltr"] .x-padding--right-08{
5217
+ padding-right: var(--x-size-base-08) !important; }
5218
+
5219
+ [dir="rtl"] .x-padding--right-08{
5220
+ padding-left: var(--x-size-base-08) !important; }
5221
+
5222
+ .x-padding--right-08 {
5223
+ -webkit-padding-end: var(--x-size-base-08) !important; }
5224
+
5225
+ [dir="ltr"] .x-padding--left-08{
5226
+ padding-left: var(--x-size-base-08) !important; }
5227
+
5228
+ [dir="rtl"] .x-padding--left-08{
5229
+ padding-right: var(--x-size-base-08) !important; }
5230
+
5231
+ .x-padding--left-08 {
5232
+ -webkit-padding-start: var(--x-size-base-08) !important; }
5233
+
5234
+ .x-padding--top-09 {
5235
+ -webkit-padding-before: var(--x-size-base-09) !important;
5236
+ padding-top: var(--x-size-base-09) !important; }
5237
+
5238
+ .x-padding--bottom-09 {
5239
+ -webkit-padding-after: var(--x-size-base-09) !important;
5240
+ padding-bottom: var(--x-size-base-09) !important; }
5241
+
5242
+ [dir="ltr"] .x-padding--right-09{
5243
+ padding-right: var(--x-size-base-09) !important; }
5244
+
5245
+ [dir="rtl"] .x-padding--right-09{
5246
+ padding-left: var(--x-size-base-09) !important; }
5247
+
5248
+ .x-padding--right-09 {
5249
+ -webkit-padding-end: var(--x-size-base-09) !important; }
5250
+
5251
+ [dir="ltr"] .x-padding--left-09{
5252
+ padding-left: var(--x-size-base-09) !important; }
5253
+
5254
+ [dir="rtl"] .x-padding--left-09{
5255
+ padding-right: var(--x-size-base-09) !important; }
5256
+
5257
+ .x-padding--left-09 {
5258
+ -webkit-padding-start: var(--x-size-base-09) !important; }
5259
+
5260
+ .x-padding--top-10 {
5261
+ -webkit-padding-before: var(--x-size-base-10) !important;
5262
+ padding-top: var(--x-size-base-10) !important; }
5263
+
5264
+ .x-padding--bottom-10 {
5265
+ -webkit-padding-after: var(--x-size-base-10) !important;
5266
+ padding-bottom: var(--x-size-base-10) !important; }
5267
+
5268
+ [dir="ltr"] .x-padding--right-10{
5269
+ padding-right: var(--x-size-base-10) !important; }
5270
+
5271
+ [dir="rtl"] .x-padding--right-10{
5272
+ padding-left: var(--x-size-base-10) !important; }
5273
+
5274
+ .x-padding--right-10 {
5275
+ -webkit-padding-end: var(--x-size-base-10) !important; }
5276
+
5277
+ [dir="ltr"] .x-padding--left-10{
5278
+ padding-left: var(--x-size-base-10) !important; }
5279
+
5280
+ [dir="rtl"] .x-padding--left-10{
5281
+ padding-right: var(--x-size-base-10) !important; }
5282
+
5283
+ .x-padding--left-10 {
5284
+ -webkit-padding-start: var(--x-size-base-10) !important; }
5285
+
5286
+ .x-padding--top-11 {
5287
+ -webkit-padding-before: var(--x-size-base-11) !important;
5288
+ padding-top: var(--x-size-base-11) !important; }
5289
+
5290
+ .x-padding--bottom-11 {
5291
+ -webkit-padding-after: var(--x-size-base-11) !important;
5292
+ padding-bottom: var(--x-size-base-11) !important; }
5293
+
5294
+ [dir="ltr"] .x-padding--right-11{
5295
+ padding-right: var(--x-size-base-11) !important; }
5296
+
5297
+ [dir="rtl"] .x-padding--right-11{
5298
+ padding-left: var(--x-size-base-11) !important; }
5299
+
5300
+ .x-padding--right-11 {
5301
+ -webkit-padding-end: var(--x-size-base-11) !important; }
5302
+
5303
+ [dir="ltr"] .x-padding--left-11{
5304
+ padding-left: var(--x-size-base-11) !important; }
5305
+
5306
+ [dir="rtl"] .x-padding--left-11{
5307
+ padding-right: var(--x-size-base-11) !important; }
5308
+
5309
+ .x-padding--left-11 {
5310
+ -webkit-padding-start: var(--x-size-base-11) !important; }
5311
+
5312
+ .x-padding--top-12 {
5313
+ -webkit-padding-before: var(--x-size-base-12) !important;
5314
+ padding-top: var(--x-size-base-12) !important; }
5315
+
5316
+ .x-padding--bottom-12 {
5317
+ -webkit-padding-after: var(--x-size-base-12) !important;
5318
+ padding-bottom: var(--x-size-base-12) !important; }
5319
+
5320
+ [dir="ltr"] .x-padding--right-12{
5321
+ padding-right: var(--x-size-base-12) !important; }
5322
+
5323
+ [dir="rtl"] .x-padding--right-12{
5324
+ padding-left: var(--x-size-base-12) !important; }
5325
+
5326
+ .x-padding--right-12 {
5327
+ -webkit-padding-end: var(--x-size-base-12) !important; }
5328
+
5329
+ [dir="ltr"] .x-padding--left-12{
5330
+ padding-left: var(--x-size-base-12) !important; }
5331
+
5332
+ [dir="rtl"] .x-padding--left-12{
5333
+ padding-right: var(--x-size-base-12) !important; }
5334
+
5335
+ .x-padding--left-12 {
5336
+ -webkit-padding-start: var(--x-size-base-12) !important; }
5337
+
5338
+ .x-padding--top-13 {
5339
+ -webkit-padding-before: var(--x-size-base-13) !important;
5340
+ padding-top: var(--x-size-base-13) !important; }
5341
+
5342
+ .x-padding--bottom-13 {
5343
+ -webkit-padding-after: var(--x-size-base-13) !important;
5344
+ padding-bottom: var(--x-size-base-13) !important; }
5345
+
5346
+ [dir="ltr"] .x-padding--right-13{
5347
+ padding-right: var(--x-size-base-13) !important; }
5348
+
5349
+ [dir="rtl"] .x-padding--right-13{
5350
+ padding-left: var(--x-size-base-13) !important; }
5351
+
5352
+ .x-padding--right-13 {
5353
+ -webkit-padding-end: var(--x-size-base-13) !important; }
5354
+
5355
+ [dir="ltr"] .x-padding--left-13{
5356
+ padding-left: var(--x-size-base-13) !important; }
5357
+
5358
+ [dir="rtl"] .x-padding--left-13{
5359
+ padding-right: var(--x-size-base-13) !important; }
5360
+
5361
+ .x-padding--left-13 {
5362
+ -webkit-padding-start: var(--x-size-base-13) !important; }