@cds/core 6.0.0-next.1 → 6.0.0-next.2

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 (305) hide show
  1. package/accordion/accordion-content.element.scss.js +1 -1
  2. package/accordion/accordion-header.element.d.ts +2 -0
  3. package/accordion/accordion-header.element.js +1 -1
  4. package/accordion/accordion-header.element.js.map +1 -1
  5. package/accordion/accordion-header.element.scss.js +1 -1
  6. package/accordion/accordion-panel.element.d.ts +2 -2
  7. package/accordion/accordion-panel.element.js +1 -1
  8. package/accordion/accordion-panel.element.js.map +1 -1
  9. package/accordion/accordion-panel.element.scss.js +1 -1
  10. package/accordion/accordion.element.scss.js +1 -1
  11. package/accordion/register.d.ts +1 -0
  12. package/accordion/register.js +1 -1
  13. package/accordion/register.js.map +1 -1
  14. package/alert/alert-actions.element.js +1 -1
  15. package/alert/alert-actions.element.scss.js +1 -1
  16. package/alert/alert-group.element.js +1 -1
  17. package/alert/alert-group.element.scss.js +1 -1
  18. package/alert/alert.element.js +1 -1
  19. package/alert/alert.element.js.map +1 -1
  20. package/alert/alert.element.scss.js +1 -1
  21. package/badge/badge.element.scss.js +1 -1
  22. package/breadcrumb/breadcrumb.element.js +1 -1
  23. package/breadcrumb/breadcrumb.element.scss.js +1 -1
  24. package/button/button.element.d.ts +1 -1
  25. package/button/button.element.js +1 -1
  26. package/button/button.element.scss.js +1 -1
  27. package/button/icon-button.element.d.ts +1 -1
  28. package/button/icon-button.element.js +1 -1
  29. package/button/icon-button.element.js.map +1 -1
  30. package/button/index.d.ts +0 -1
  31. package/button/index.js +1 -1
  32. package/button/register.d.ts +0 -2
  33. package/button/register.js +1 -1
  34. package/button/register.js.map +1 -1
  35. package/button-action/button-action.element.d.ts +38 -0
  36. package/button-action/button-action.element.js +2 -0
  37. package/button-action/button-action.element.js.map +1 -0
  38. package/button-action/button-action.element.scss.js +2 -0
  39. package/button-action/button-action.element.scss.js.map +1 -0
  40. package/button-action/index.d.ts +1 -0
  41. package/button-action/index.js +2 -0
  42. package/button-action/index.js.map +1 -0
  43. package/button-action/register.d.ts +7 -0
  44. package/button-action/register.js +2 -0
  45. package/button-action/register.js.map +1 -0
  46. package/button-expand/button-expand.element.d.ts +25 -0
  47. package/button-expand/button-expand.element.js +2 -0
  48. package/button-expand/button-expand.element.js.map +1 -0
  49. package/button-expand/button-expand.element.scss.js +2 -0
  50. package/button-expand/button-expand.element.scss.js.map +1 -0
  51. package/button-expand/index.d.ts +1 -0
  52. package/button-expand/index.js +2 -0
  53. package/button-expand/index.js.map +1 -0
  54. package/button-expand/register.d.ts +7 -0
  55. package/button-expand/register.js +2 -0
  56. package/button-expand/register.js.map +1 -0
  57. package/button-handle/button-handle.element.d.ts +19 -0
  58. package/button-handle/button-handle.element.js +2 -0
  59. package/button-handle/button-handle.element.js.map +1 -0
  60. package/button-handle/button-handle.element.scss.js +2 -0
  61. package/button-handle/button-handle.element.scss.js.map +1 -0
  62. package/button-handle/index.d.ts +1 -0
  63. package/button-handle/index.js +2 -0
  64. package/button-handle/index.js.map +1 -0
  65. package/button-handle/register.d.ts +7 -0
  66. package/button-handle/register.js +2 -0
  67. package/button-handle/register.js.map +1 -0
  68. package/{button/inline-button.element.d.ts → button-inline/button-inline.element.d.ts} +10 -3
  69. package/button-inline/button-inline.element.js +2 -0
  70. package/button-inline/button-inline.element.js.map +1 -0
  71. package/{button/inline-button.element.scss.js → button-inline/button-inline.element.scss.js} +2 -2
  72. package/button-inline/button-inline.element.scss.js.map +1 -0
  73. package/button-inline/index.d.ts +1 -0
  74. package/button-inline/index.js +2 -0
  75. package/button-inline/index.js.map +1 -0
  76. package/button-inline/register.d.ts +11 -0
  77. package/button-inline/register.js +2 -0
  78. package/button-inline/register.js.map +1 -0
  79. package/button-sort/button-sort.element.d.ts +23 -0
  80. package/button-sort/button-sort.element.js +2 -0
  81. package/button-sort/button-sort.element.js.map +1 -0
  82. package/button-sort/button-sort.element.scss.js +2 -0
  83. package/button-sort/button-sort.element.scss.js.map +1 -0
  84. package/button-sort/index.d.ts +1 -0
  85. package/button-sort/index.js +2 -0
  86. package/button-sort/index.js.map +1 -0
  87. package/button-sort/register.d.ts +7 -0
  88. package/button-sort/register.js +2 -0
  89. package/button-sort/register.js.map +1 -0
  90. package/button-sort/utils.d.ts +1 -0
  91. package/button-sort/utils.js +2 -0
  92. package/button-sort/utils.js.map +1 -0
  93. package/card/card.element.d.ts +3 -3
  94. package/card/card.element.scss.js +1 -1
  95. package/checkbox/checkbox.element.scss.js +1 -1
  96. package/custom-elements.json +5239 -4678
  97. package/custom-elements.legacy.json +321 -136
  98. package/datalist/datalist.element.d.ts +0 -1
  99. package/datalist/datalist.element.js +1 -1
  100. package/datalist/datalist.element.js.map +1 -1
  101. package/datalist/register.d.ts +1 -1
  102. package/datalist/register.js +1 -1
  103. package/datalist/register.js.map +1 -1
  104. package/date/date.element.d.ts +0 -1
  105. package/date/date.element.js +1 -1
  106. package/date/date.element.js.map +1 -1
  107. package/date/date.global.scss.js +1 -1
  108. package/date/register.d.ts +1 -0
  109. package/date/register.js +1 -1
  110. package/date/register.js.map +1 -1
  111. package/divider/divider.element.scss.js +1 -1
  112. package/file/file.element.d.ts +0 -1
  113. package/file/file.element.js +1 -1
  114. package/file/file.element.js.map +1 -1
  115. package/file/file.element.scss.js +1 -1
  116. package/file/register.d.ts +1 -0
  117. package/file/register.js +1 -1
  118. package/file/register.js.map +1 -1
  119. package/forms/control/control.element.js +2 -2
  120. package/forms/control/control.element.js.map +1 -1
  121. package/forms/control/control.element.scss.js +1 -1
  122. package/forms/control-action/control-action.element.d.ts +6 -15
  123. package/forms/control-action/control-action.element.js +1 -1
  124. package/forms/control-action/control-action.element.js.map +1 -1
  125. package/forms/control-group/control-group.element.js +1 -1
  126. package/forms/control-group/control-group.element.scss.js +1 -1
  127. package/forms/control-inline/control-inline.element.js +1 -1
  128. package/forms/control-inline/control-inline.element.scss.js +1 -1
  129. package/forms/control-label/control-label.element.js +1 -1
  130. package/forms/control-label/control-label.element.scss.js +1 -1
  131. package/forms/control-message/control-message.element.scss.js +1 -1
  132. package/forms/form-group/form-group.element.js +1 -1
  133. package/forms/register.d.ts +1 -0
  134. package/forms/register.js +1 -1
  135. package/forms/register.js.map +1 -1
  136. package/forms/utils/utils.js +1 -1
  137. package/forms/utils/utils.js.map +1 -1
  138. package/global.css +1851 -1024
  139. package/global.min.css +1 -1
  140. package/icon/collections/core.d.ts +4 -0
  141. package/icon/collections/core.js +1 -1
  142. package/icon/collections/core.js.map +1 -1
  143. package/icon/icon.element.scss.js +1 -1
  144. package/icon/shapes/detail-collapse.d.ts +3 -0
  145. package/icon/shapes/detail-collapse.js +2 -0
  146. package/icon/shapes/detail-collapse.js.map +1 -0
  147. package/icon/shapes/detail-expand.d.ts +3 -0
  148. package/icon/shapes/detail-expand.js +2 -0
  149. package/icon/shapes/detail-expand.js.map +1 -0
  150. package/input/input-group.element.scss.js +1 -1
  151. package/input/input.element.scss.js +1 -1
  152. package/internal/base/base.element.scss.js +1 -1
  153. package/internal/base/button.base.d.ts +4 -37
  154. package/internal/base/button.base.js +1 -1
  155. package/internal/base/button.base.js.map +1 -1
  156. package/internal/controllers/active.controller.d.ts +20 -0
  157. package/internal/controllers/active.controller.js +2 -0
  158. package/internal/controllers/active.controller.js.map +1 -0
  159. package/internal/controllers/aria-button.controller.d.ts +15 -0
  160. package/internal/controllers/aria-button.controller.js +2 -0
  161. package/internal/controllers/aria-button.controller.js.map +1 -0
  162. package/internal/controllers/aria-disabled.controller.d.ts +14 -0
  163. package/internal/controllers/aria-disabled.controller.js +2 -0
  164. package/internal/controllers/aria-disabled.controller.js.map +1 -0
  165. package/internal/controllers/aria-popup-trigger.controller.d.ts +11 -3
  166. package/internal/controllers/aria-popup-trigger.controller.js +1 -1
  167. package/internal/controllers/aria-popup-trigger.controller.js.map +1 -1
  168. package/internal/controllers/aria-pressed.controller.d.ts +15 -0
  169. package/internal/controllers/aria-pressed.controller.js +2 -0
  170. package/internal/controllers/aria-pressed.controller.js.map +1 -0
  171. package/internal/controllers/aria-selected.controller.d.ts +13 -0
  172. package/internal/controllers/aria-selected.controller.js +2 -0
  173. package/internal/controllers/aria-selected.controller.js.map +1 -0
  174. package/internal/controllers/button-anchor.controller.d.ts +22 -0
  175. package/internal/controllers/button-anchor.controller.js +2 -0
  176. package/internal/controllers/button-anchor.controller.js.map +1 -0
  177. package/internal/controllers/button-submit.controller.d.ts +27 -0
  178. package/internal/controllers/button-submit.controller.js +2 -0
  179. package/internal/controllers/button-submit.controller.js.map +1 -0
  180. package/internal/decorators/animate.d.ts +2 -2
  181. package/internal/decorators/animate.js +1 -1
  182. package/internal/decorators/animate.js.map +1 -1
  183. package/internal/decorators/property.js +1 -1
  184. package/internal/decorators/property.js.map +1 -1
  185. package/internal/index.d.ts +8 -1
  186. package/internal/index.js +1 -1
  187. package/internal/index.js.map +1 -1
  188. package/internal/motion/interfaces.d.ts +4 -5
  189. package/internal/services/global.service.d.ts +1 -1
  190. package/internal/services/i18n.service.d.ts +7 -0
  191. package/internal/services/i18n.service.js +1 -1
  192. package/internal/services/i18n.service.js.map +1 -1
  193. package/internal/utils/global.d.ts +2 -1
  194. package/internal/utils/global.js +1 -1
  195. package/internal/utils/lit.d.ts +5 -1
  196. package/internal/utils/lit.js +1 -1
  197. package/internal/utils/lit.js.map +1 -1
  198. package/internal-components/close-button/close-button.element.d.ts +5 -12
  199. package/internal-components/close-button/close-button.element.js +1 -1
  200. package/internal-components/close-button/close-button.element.js.map +1 -1
  201. package/internal-components/close-button/register.js +1 -1
  202. package/internal-components/close-button/register.js.map +1 -1
  203. package/internal-components/overlay/overlay.element.d.ts +2 -2
  204. package/internal-components/panel/panel.element.scss.js +1 -1
  205. package/internal-components/popup/popup.element.d.ts +2 -2
  206. package/internal-components/popup/popup.element.scss.js +1 -1
  207. package/internal-components/visual-checkbox/visual-checkbox.element.scss.js +1 -1
  208. package/list/list.css +6 -6
  209. package/list/list.min.css +1 -1
  210. package/modal/modal-actions.element.js +1 -1
  211. package/modal/modal.element.d.ts +2 -2
  212. package/modal/modal.element.js +1 -1
  213. package/modal/modal.element.scss.js +1 -1
  214. package/navigation/navigation-group.element.d.ts +2 -2
  215. package/navigation/navigation-group.element.scss.js +1 -5
  216. package/navigation/navigation-group.element.scss.js.map +1 -1
  217. package/navigation/navigation-item.element.js +1 -1
  218. package/navigation/navigation-item.element.scss.js +1 -5
  219. package/navigation/navigation-item.element.scss.js.map +1 -1
  220. package/navigation/navigation-start.element.js +1 -1
  221. package/navigation/navigation.element.d.ts +2 -2
  222. package/navigation/navigation.element.scss.js +1 -1
  223. package/package.json +23 -1
  224. package/pagination/pagination-button.element.d.ts +7 -10
  225. package/pagination/pagination-button.element.js +1 -1
  226. package/pagination/pagination-button.element.js.map +1 -1
  227. package/pagination/pagination.element.js +1 -1
  228. package/pagination/pagination.element.scss.js +1 -1
  229. package/pagination/utils.d.ts +5 -0
  230. package/pagination/utils.js +2 -0
  231. package/pagination/utils.js.map +1 -0
  232. package/password/password.element.js +1 -1
  233. package/password/password.element.js.map +1 -1
  234. package/password/register.d.ts +1 -0
  235. package/password/register.js +1 -1
  236. package/password/register.js.map +1 -1
  237. package/progress-circle/progress-circle.element.scss.js +1 -1
  238. package/radio/radio.element.scss.js +1 -1
  239. package/range/range.element.scss.js +1 -1
  240. package/range/range.global.scss.js +1 -1
  241. package/search/register.d.ts +1 -0
  242. package/search/register.js +1 -1
  243. package/search/register.js.map +1 -1
  244. package/search/search.element.js +1 -1
  245. package/search/search.element.js.map +1 -1
  246. package/select/register.d.ts +1 -1
  247. package/select/register.js +1 -1
  248. package/select/register.js.map +1 -1
  249. package/select/select.element.js +1 -1
  250. package/select/select.element.js.map +1 -1
  251. package/select/select.element.scss.js +1 -1
  252. package/select/select.global.scss.js +1 -1
  253. package/selection-panels/checkbox/checkbox-panel.element.d.ts +10 -13
  254. package/selection-panels/checkbox/checkbox-panel.element.js.map +1 -1
  255. package/selection-panels/radio/radio-panel.element.d.ts +20 -15
  256. package/selection-panels/radio/radio-panel.element.js.map +1 -1
  257. package/selection-panels/shared/selection-panel.element.scss.js +1 -5
  258. package/selection-panels/shared/selection-panel.element.scss.js.map +1 -1
  259. package/styles/module.layout.css +1411 -655
  260. package/styles/module.layout.min.css +1 -1
  261. package/styles/module.tokens.css +71 -52
  262. package/styles/module.tokens.min.css +1 -1
  263. package/styles/module.typography.css +78 -26
  264. package/styles/module.typography.min.css +1 -1
  265. package/styles/shim.clr-ui.css +633 -0
  266. package/styles/shim.clr-ui.min.css +119 -0
  267. package/table/table.css +7 -7
  268. package/table/table.min.css +1 -1
  269. package/tag/tag.element.d.ts +2 -1
  270. package/tag/tag.element.js +1 -1
  271. package/tag/tag.element.js.map +1 -1
  272. package/tag/tag.element.scss.js +1 -1
  273. package/textarea/textarea.element.scss.js +1 -1
  274. package/time/register.d.ts +1 -0
  275. package/time/register.js +1 -1
  276. package/time/register.js.map +1 -1
  277. package/time/time.element.d.ts +0 -1
  278. package/time/time.element.js +1 -1
  279. package/time/time.element.js.map +1 -1
  280. package/toggle/toggle.element.scss.js +1 -1
  281. package/tokens/tokens.android.xml +30 -11
  282. package/tokens/tokens.d.ts +28 -9
  283. package/tokens/tokens.ios.swift +31 -12
  284. package/tokens/tokens.js +29 -10
  285. package/tokens/tokens.json +127 -26
  286. package/tokens/tokens.scss +87 -12
  287. package/tree-view/register.js +1 -1
  288. package/tree-view/register.js.map +1 -1
  289. package/tree-view/tree-item.element.d.ts +2 -2
  290. package/tree-view/tree-item.element.js +1 -1
  291. package/tree-view/tree-item.element.js.map +1 -1
  292. package/tree-view/tree-item.element.scss.js +1 -1
  293. package/button/icon-button.element.scss.js +0 -2
  294. package/button/icon-button.element.scss.js.map +0 -1
  295. package/button/inline-button.element.js +0 -2
  296. package/button/inline-button.element.js.map +0 -1
  297. package/button/inline-button.element.scss.js.map +0 -1
  298. package/forms/control-action/control-action.element.scss.js +0 -2
  299. package/forms/control-action/control-action.element.scss.js.map +0 -1
  300. package/internal-components/close-button/close-button.element.scss.js +0 -2
  301. package/internal-components/close-button/close-button.element.scss.js.map +0 -1
  302. package/pagination/pagination-button.element.scss.js +0 -2
  303. package/pagination/pagination-button.element.scss.js.map +0 -1
  304. package/search/search.element.scss.js +0 -2
  305. package/search/search.element.scss.js.map +0 -1
package/styles/module.layout.css CHANGED
@@ -1,13 +1,15 @@
1
1
  @charset "UTF-8";
2
2
  :root,
3
3
  :host {
4
- --δ1: var(--cds-global-layout-space-xxs, calc((2 / var(--cds-global-base, 20)) * 1rem));
5
- --δ2: var(--cds-global-layout-space-xs, calc((4 / var(--cds-global-base, 20)) * 1rem));
6
- --δ3: var(--cds-global-layout-space-sm, calc((6 / var(--cds-global-base, 20)) * 1rem));
7
- --δ4: var(--cds-global-layout-space-md, calc((12 / var(--cds-global-base, 20)) * 1rem));
8
- --δ5: var(--cds-global-layout-space-lg, calc((24 / var(--cds-global-base, 20)) * 1rem));
9
- --δ6: var(--cds-global-layout-space-xl, calc((48 / var(--cds-global-base, 20)) * 1rem));
10
- --δ7: var(--cds-global-layout-space-xxl, calc((96 / var(--cds-global-base, 20)) * 1rem));
4
+ --δ1: var(--cds-global-layout-space-xxxs, 0.125rem);
5
+ --δ2: var(--cds-global-layout-space-xxs, 0.25rem);
6
+ --δ3: var(--cds-global-layout-space-xs, 0.5rem);
7
+ --δ4: var(--cds-global-layout-space-sm, 0.75rem);
8
+ --δ5: var(--cds-global-layout-space-md, 1rem);
9
+ --δ6: var(--cds-global-layout-space-lg, 1.5rem);
10
+ --δ7: var(--cds-global-layout-space-xl, 2rem);
11
+ --δ8: var(--cds-global-layout-space-xxl, 3rem);
12
+ --δ9: var(--cds-global-layout-space-xxxl, 4rem);
11
13
  }
12
14
 
13
15
  [cds-layout*="align:fill"] > * {
@@ -124,8 +126,6 @@
124
126
  }
125
127
  }
126
128
  [cds-layout~=horizontal] {
127
- display: -webkit-box;
128
- display: -ms-flexbox;
129
129
  display: flex;
130
130
  flex-direction: row;
131
131
  flex-wrap: wrap;
@@ -568,8 +568,6 @@
568
568
  }
569
569
  [cds-layout~=vertical] {
570
570
  width: 100%;
571
- display: -webkit-box;
572
- display: -ms-flexbox;
573
571
  display: flex;
574
572
  flex-direction: column;
575
573
  justify-content: flex-start;
@@ -3662,8 +3660,6 @@
3662
3660
  }
3663
3661
 
3664
3662
  [cds-layout~="display:flex"] {
3665
- display: -webkit-box !important;
3666
- display: -ms-flexbox !important;
3667
3663
  display: flex !important;
3668
3664
  }
3669
3665
 
@@ -3685,8 +3681,6 @@
3685
3681
  }
3686
3682
 
3687
3683
  [cds-layout~="display@sm:flex"] {
3688
- display: -webkit-box !important;
3689
- display: -ms-flexbox !important;
3690
3684
  display: flex !important;
3691
3685
  }
3692
3686
 
@@ -3704,8 +3698,6 @@
3704
3698
  }
3705
3699
 
3706
3700
  [cds-layout~="display@md:flex"] {
3707
- display: -webkit-box !important;
3708
- display: -ms-flexbox !important;
3709
3701
  display: flex !important;
3710
3702
  }
3711
3703
 
@@ -3723,8 +3715,6 @@
3723
3715
  }
3724
3716
 
3725
3717
  [cds-layout~="display@lg:flex"] {
3726
- display: -webkit-box !important;
3727
- display: -ms-flexbox !important;
3728
3718
  display: flex !important;
3729
3719
  }
3730
3720
 
@@ -3742,8 +3732,6 @@
3742
3732
  }
3743
3733
 
3744
3734
  [cds-layout~="display@xl:flex"] {
3745
- display: -webkit-box !important;
3746
- display: -ms-flexbox !important;
3747
3735
  display: flex !important;
3748
3736
  }
3749
3737
 
@@ -3774,34 +3762,42 @@
3774
3762
  gap: 0;
3775
3763
  }
3776
3764
 
3777
- [cds-layout*="gap:xxs"] {
3765
+ [cds-layout*="gap:xxxs"] {
3778
3766
  gap: var(--δ1);
3779
3767
  }
3780
3768
 
3781
- [cds-layout*="gap:xs"] {
3769
+ [cds-layout*="gap:xxs"] {
3782
3770
  gap: var(--δ2);
3783
3771
  }
3784
3772
 
3785
- [cds-layout*="gap:sm"] {
3773
+ [cds-layout*="gap:xs"] {
3786
3774
  gap: var(--δ3);
3787
3775
  }
3788
3776
 
3789
- [cds-layout*="gap:md"] {
3777
+ [cds-layout*="gap:sm"] {
3790
3778
  gap: var(--δ4);
3791
3779
  }
3792
3780
 
3793
- [cds-layout*="gap:lg"] {
3781
+ [cds-layout*="gap:md"] {
3794
3782
  gap: var(--δ5);
3795
3783
  }
3796
3784
 
3797
- [cds-layout*="gap:xl"] {
3785
+ [cds-layout*="gap:lg"] {
3798
3786
  gap: var(--δ6);
3799
3787
  }
3800
3788
 
3801
- [cds-layout*="gap:xxl"] {
3789
+ [cds-layout*="gap:xl"] {
3802
3790
  gap: var(--δ7);
3803
3791
  }
3804
3792
 
3793
+ [cds-layout*="gap:xxl"] {
3794
+ gap: var(--δ8);
3795
+ }
3796
+
3797
+ [cds-layout*="gap:xxxl"] {
3798
+ gap: var(--δ9);
3799
+ }
3800
+
3805
3801
  [cds-layout~="p:none"] {
3806
3802
  padding: 0 !important;
3807
3803
  }
@@ -3810,62 +3806,78 @@
3810
3806
  margin: 0 !important;
3811
3807
  }
3812
3808
 
3813
- [cds-layout~="p:xxs"] {
3809
+ [cds-layout~="p:xxxs"] {
3814
3810
  padding: var(--δ1) !important;
3815
3811
  }
3816
3812
 
3817
- [cds-layout~="m:xxs"] {
3813
+ [cds-layout~="m:xxxs"] {
3818
3814
  margin: var(--δ1) !important;
3819
3815
  }
3820
3816
 
3821
- [cds-layout~="p:xs"] {
3817
+ [cds-layout~="p:xxs"] {
3822
3818
  padding: var(--δ2) !important;
3823
3819
  }
3824
3820
 
3825
- [cds-layout~="m:xs"] {
3821
+ [cds-layout~="m:xxs"] {
3826
3822
  margin: var(--δ2) !important;
3827
3823
  }
3828
3824
 
3829
- [cds-layout~="p:sm"] {
3825
+ [cds-layout~="p:xs"] {
3830
3826
  padding: var(--δ3) !important;
3831
3827
  }
3832
3828
 
3833
- [cds-layout~="m:sm"] {
3829
+ [cds-layout~="m:xs"] {
3834
3830
  margin: var(--δ3) !important;
3835
3831
  }
3836
3832
 
3837
- [cds-layout~="p:md"] {
3833
+ [cds-layout~="p:sm"] {
3838
3834
  padding: var(--δ4) !important;
3839
3835
  }
3840
3836
 
3841
- [cds-layout~="m:md"] {
3837
+ [cds-layout~="m:sm"] {
3842
3838
  margin: var(--δ4) !important;
3843
3839
  }
3844
3840
 
3845
- [cds-layout~="p:lg"] {
3841
+ [cds-layout~="p:md"] {
3846
3842
  padding: var(--δ5) !important;
3847
3843
  }
3848
3844
 
3849
- [cds-layout~="m:lg"] {
3845
+ [cds-layout~="m:md"] {
3850
3846
  margin: var(--δ5) !important;
3851
3847
  }
3852
3848
 
3853
- [cds-layout~="p:xl"] {
3849
+ [cds-layout~="p:lg"] {
3854
3850
  padding: var(--δ6) !important;
3855
3851
  }
3856
3852
 
3857
- [cds-layout~="m:xl"] {
3853
+ [cds-layout~="m:lg"] {
3858
3854
  margin: var(--δ6) !important;
3859
3855
  }
3860
3856
 
3861
- [cds-layout~="p:xxl"] {
3857
+ [cds-layout~="p:xl"] {
3862
3858
  padding: var(--δ7) !important;
3863
3859
  }
3864
3860
 
3865
- [cds-layout~="m:xxl"] {
3861
+ [cds-layout~="m:xl"] {
3866
3862
  margin: var(--δ7) !important;
3867
3863
  }
3868
3864
 
3865
+ [cds-layout~="p:xxl"] {
3866
+ padding: var(--δ8) !important;
3867
+ }
3868
+
3869
+ [cds-layout~="m:xxl"] {
3870
+ margin: var(--δ8) !important;
3871
+ }
3872
+
3873
+ [cds-layout~="p:xxxl"] {
3874
+ padding: var(--δ9) !important;
3875
+ }
3876
+
3877
+ [cds-layout~="m:xxxl"] {
3878
+ margin: var(--δ9) !important;
3879
+ }
3880
+
3869
3881
  [cds-layout~="p-x:none"] {
3870
3882
  padding-left: 0 !important;
3871
3883
  padding-right: 0 !important;
@@ -3876,76 +3888,96 @@
3876
3888
  padding-bottom: 0 !important;
3877
3889
  }
3878
3890
 
3879
- [cds-layout~="p-x:xxs"] {
3891
+ [cds-layout~="p-x:xxxs"] {
3880
3892
  padding-left: var(--δ1) !important;
3881
3893
  padding-right: var(--δ1) !important;
3882
3894
  }
3883
3895
 
3884
- [cds-layout~="p-y:xxs"] {
3896
+ [cds-layout~="p-y:xxxs"] {
3885
3897
  padding-top: var(--δ1) !important;
3886
3898
  padding-bottom: var(--δ1) !important;
3887
3899
  }
3888
3900
 
3889
- [cds-layout~="p-x:xs"] {
3901
+ [cds-layout~="p-x:xxs"] {
3890
3902
  padding-left: var(--δ2) !important;
3891
3903
  padding-right: var(--δ2) !important;
3892
3904
  }
3893
3905
 
3894
- [cds-layout~="p-y:xs"] {
3906
+ [cds-layout~="p-y:xxs"] {
3895
3907
  padding-top: var(--δ2) !important;
3896
3908
  padding-bottom: var(--δ2) !important;
3897
3909
  }
3898
3910
 
3899
- [cds-layout~="p-x:sm"] {
3911
+ [cds-layout~="p-x:xs"] {
3900
3912
  padding-left: var(--δ3) !important;
3901
3913
  padding-right: var(--δ3) !important;
3902
3914
  }
3903
3915
 
3904
- [cds-layout~="p-y:sm"] {
3916
+ [cds-layout~="p-y:xs"] {
3905
3917
  padding-top: var(--δ3) !important;
3906
3918
  padding-bottom: var(--δ3) !important;
3907
3919
  }
3908
3920
 
3909
- [cds-layout~="p-x:md"] {
3921
+ [cds-layout~="p-x:sm"] {
3910
3922
  padding-left: var(--δ4) !important;
3911
3923
  padding-right: var(--δ4) !important;
3912
3924
  }
3913
3925
 
3914
- [cds-layout~="p-y:md"] {
3926
+ [cds-layout~="p-y:sm"] {
3915
3927
  padding-top: var(--δ4) !important;
3916
3928
  padding-bottom: var(--δ4) !important;
3917
3929
  }
3918
3930
 
3919
- [cds-layout~="p-x:lg"] {
3931
+ [cds-layout~="p-x:md"] {
3920
3932
  padding-left: var(--δ5) !important;
3921
3933
  padding-right: var(--δ5) !important;
3922
3934
  }
3923
3935
 
3924
- [cds-layout~="p-y:lg"] {
3936
+ [cds-layout~="p-y:md"] {
3925
3937
  padding-top: var(--δ5) !important;
3926
3938
  padding-bottom: var(--δ5) !important;
3927
3939
  }
3928
3940
 
3929
- [cds-layout~="p-x:xl"] {
3941
+ [cds-layout~="p-x:lg"] {
3930
3942
  padding-left: var(--δ6) !important;
3931
3943
  padding-right: var(--δ6) !important;
3932
3944
  }
3933
3945
 
3934
- [cds-layout~="p-y:xl"] {
3946
+ [cds-layout~="p-y:lg"] {
3935
3947
  padding-top: var(--δ6) !important;
3936
3948
  padding-bottom: var(--δ6) !important;
3937
3949
  }
3938
3950
 
3939
- [cds-layout~="p-x:xxl"] {
3951
+ [cds-layout~="p-x:xl"] {
3940
3952
  padding-left: var(--δ7) !important;
3941
3953
  padding-right: var(--δ7) !important;
3942
3954
  }
3943
3955
 
3944
- [cds-layout~="p-y:xxl"] {
3956
+ [cds-layout~="p-y:xl"] {
3945
3957
  padding-top: var(--δ7) !important;
3946
3958
  padding-bottom: var(--δ7) !important;
3947
3959
  }
3948
3960
 
3961
+ [cds-layout~="p-x:xxl"] {
3962
+ padding-left: var(--δ8) !important;
3963
+ padding-right: var(--δ8) !important;
3964
+ }
3965
+
3966
+ [cds-layout~="p-y:xxl"] {
3967
+ padding-top: var(--δ8) !important;
3968
+ padding-bottom: var(--δ8) !important;
3969
+ }
3970
+
3971
+ [cds-layout~="p-x:xxxl"] {
3972
+ padding-left: var(--δ9) !important;
3973
+ padding-right: var(--δ9) !important;
3974
+ }
3975
+
3976
+ [cds-layout~="p-y:xxxl"] {
3977
+ padding-top: var(--δ9) !important;
3978
+ padding-bottom: var(--δ9) !important;
3979
+ }
3980
+
3949
3981
  [cds-layout~="m-x:none"] {
3950
3982
  margin-left: 0 !important;
3951
3983
  margin-right: 0 !important;
@@ -3956,76 +3988,96 @@
3956
3988
  margin-bottom: 0 !important;
3957
3989
  }
3958
3990
 
3959
- [cds-layout~="m-x:xxs"] {
3991
+ [cds-layout~="m-x:xxxs"] {
3960
3992
  margin-left: var(--δ1) !important;
3961
3993
  margin-right: var(--δ1) !important;
3962
3994
  }
3963
3995
 
3964
- [cds-layout~="m-y:xxs"] {
3996
+ [cds-layout~="m-y:xxxs"] {
3965
3997
  margin-top: var(--δ1) !important;
3966
3998
  margin-bottom: var(--δ1) !important;
3967
3999
  }
3968
4000
 
3969
- [cds-layout~="m-x:xs"] {
4001
+ [cds-layout~="m-x:xxs"] {
3970
4002
  margin-left: var(--δ2) !important;
3971
4003
  margin-right: var(--δ2) !important;
3972
4004
  }
3973
4005
 
3974
- [cds-layout~="m-y:xs"] {
4006
+ [cds-layout~="m-y:xxs"] {
3975
4007
  margin-top: var(--δ2) !important;
3976
4008
  margin-bottom: var(--δ2) !important;
3977
4009
  }
3978
4010
 
3979
- [cds-layout~="m-x:sm"] {
4011
+ [cds-layout~="m-x:xs"] {
3980
4012
  margin-left: var(--δ3) !important;
3981
4013
  margin-right: var(--δ3) !important;
3982
4014
  }
3983
4015
 
3984
- [cds-layout~="m-y:sm"] {
4016
+ [cds-layout~="m-y:xs"] {
3985
4017
  margin-top: var(--δ3) !important;
3986
4018
  margin-bottom: var(--δ3) !important;
3987
4019
  }
3988
4020
 
3989
- [cds-layout~="m-x:md"] {
4021
+ [cds-layout~="m-x:sm"] {
3990
4022
  margin-left: var(--δ4) !important;
3991
4023
  margin-right: var(--δ4) !important;
3992
4024
  }
3993
4025
 
3994
- [cds-layout~="m-y:md"] {
4026
+ [cds-layout~="m-y:sm"] {
3995
4027
  margin-top: var(--δ4) !important;
3996
4028
  margin-bottom: var(--δ4) !important;
3997
4029
  }
3998
4030
 
3999
- [cds-layout~="m-x:lg"] {
4031
+ [cds-layout~="m-x:md"] {
4000
4032
  margin-left: var(--δ5) !important;
4001
4033
  margin-right: var(--δ5) !important;
4002
4034
  }
4003
4035
 
4004
- [cds-layout~="m-y:lg"] {
4036
+ [cds-layout~="m-y:md"] {
4005
4037
  margin-top: var(--δ5) !important;
4006
4038
  margin-bottom: var(--δ5) !important;
4007
4039
  }
4008
4040
 
4009
- [cds-layout~="m-x:xl"] {
4041
+ [cds-layout~="m-x:lg"] {
4010
4042
  margin-left: var(--δ6) !important;
4011
4043
  margin-right: var(--δ6) !important;
4012
4044
  }
4013
4045
 
4014
- [cds-layout~="m-y:xl"] {
4046
+ [cds-layout~="m-y:lg"] {
4015
4047
  margin-top: var(--δ6) !important;
4016
4048
  margin-bottom: var(--δ6) !important;
4017
4049
  }
4018
4050
 
4019
- [cds-layout~="m-x:xxl"] {
4051
+ [cds-layout~="m-x:xl"] {
4020
4052
  margin-left: var(--δ7) !important;
4021
4053
  margin-right: var(--δ7) !important;
4022
4054
  }
4023
4055
 
4024
- [cds-layout~="m-y:xxl"] {
4056
+ [cds-layout~="m-y:xl"] {
4025
4057
  margin-top: var(--δ7) !important;
4026
4058
  margin-bottom: var(--δ7) !important;
4027
4059
  }
4028
4060
 
4061
+ [cds-layout~="m-x:xxl"] {
4062
+ margin-left: var(--δ8) !important;
4063
+ margin-right: var(--δ8) !important;
4064
+ }
4065
+
4066
+ [cds-layout~="m-y:xxl"] {
4067
+ margin-top: var(--δ8) !important;
4068
+ margin-bottom: var(--δ8) !important;
4069
+ }
4070
+
4071
+ [cds-layout~="m-x:xxxl"] {
4072
+ margin-left: var(--δ9) !important;
4073
+ margin-right: var(--δ9) !important;
4074
+ }
4075
+
4076
+ [cds-layout~="m-y:xxxl"] {
4077
+ margin-top: var(--δ9) !important;
4078
+ margin-bottom: var(--δ9) !important;
4079
+ }
4080
+
4029
4081
  [cds-layout~="p-t:none"] {
4030
4082
  padding-top: 0 !important;
4031
4083
  }
@@ -4042,118 +4094,150 @@
4042
4094
  padding-left: 0 !important;
4043
4095
  }
4044
4096
 
4045
- [cds-layout~="p-t:xxs"] {
4097
+ [cds-layout~="p-t:xxxs"] {
4046
4098
  padding-top: var(--δ1) !important;
4047
4099
  }
4048
4100
 
4049
- [cds-layout~="p-r:xxs"] {
4101
+ [cds-layout~="p-r:xxxs"] {
4050
4102
  padding-right: var(--δ1) !important;
4051
4103
  }
4052
4104
 
4053
- [cds-layout~="p-b:xxs"] {
4105
+ [cds-layout~="p-b:xxxs"] {
4054
4106
  padding-bottom: var(--δ1) !important;
4055
4107
  }
4056
4108
 
4057
- [cds-layout~="p-l:xxs"] {
4109
+ [cds-layout~="p-l:xxxs"] {
4058
4110
  padding-left: var(--δ1) !important;
4059
4111
  }
4060
4112
 
4061
- [cds-layout~="p-t:xs"] {
4113
+ [cds-layout~="p-t:xxs"] {
4062
4114
  padding-top: var(--δ2) !important;
4063
4115
  }
4064
4116
 
4065
- [cds-layout~="p-r:xs"] {
4117
+ [cds-layout~="p-r:xxs"] {
4066
4118
  padding-right: var(--δ2) !important;
4067
4119
  }
4068
4120
 
4069
- [cds-layout~="p-b:xs"] {
4121
+ [cds-layout~="p-b:xxs"] {
4070
4122
  padding-bottom: var(--δ2) !important;
4071
4123
  }
4072
4124
 
4073
- [cds-layout~="p-l:xs"] {
4125
+ [cds-layout~="p-l:xxs"] {
4074
4126
  padding-left: var(--δ2) !important;
4075
4127
  }
4076
4128
 
4077
- [cds-layout~="p-t:sm"] {
4129
+ [cds-layout~="p-t:xs"] {
4078
4130
  padding-top: var(--δ3) !important;
4079
4131
  }
4080
4132
 
4081
- [cds-layout~="p-r:sm"] {
4133
+ [cds-layout~="p-r:xs"] {
4082
4134
  padding-right: var(--δ3) !important;
4083
4135
  }
4084
4136
 
4085
- [cds-layout~="p-b:sm"] {
4137
+ [cds-layout~="p-b:xs"] {
4086
4138
  padding-bottom: var(--δ3) !important;
4087
4139
  }
4088
4140
 
4089
- [cds-layout~="p-l:sm"] {
4141
+ [cds-layout~="p-l:xs"] {
4090
4142
  padding-left: var(--δ3) !important;
4091
4143
  }
4092
4144
 
4093
- [cds-layout~="p-t:md"] {
4145
+ [cds-layout~="p-t:sm"] {
4094
4146
  padding-top: var(--δ4) !important;
4095
4147
  }
4096
4148
 
4097
- [cds-layout~="p-r:md"] {
4149
+ [cds-layout~="p-r:sm"] {
4098
4150
  padding-right: var(--δ4) !important;
4099
4151
  }
4100
4152
 
4101
- [cds-layout~="p-b:md"] {
4153
+ [cds-layout~="p-b:sm"] {
4102
4154
  padding-bottom: var(--δ4) !important;
4103
4155
  }
4104
4156
 
4105
- [cds-layout~="p-l:md"] {
4157
+ [cds-layout~="p-l:sm"] {
4106
4158
  padding-left: var(--δ4) !important;
4107
4159
  }
4108
4160
 
4109
- [cds-layout~="p-t:lg"] {
4161
+ [cds-layout~="p-t:md"] {
4110
4162
  padding-top: var(--δ5) !important;
4111
4163
  }
4112
4164
 
4113
- [cds-layout~="p-r:lg"] {
4165
+ [cds-layout~="p-r:md"] {
4114
4166
  padding-right: var(--δ5) !important;
4115
4167
  }
4116
4168
 
4117
- [cds-layout~="p-b:lg"] {
4169
+ [cds-layout~="p-b:md"] {
4118
4170
  padding-bottom: var(--δ5) !important;
4119
4171
  }
4120
4172
 
4121
- [cds-layout~="p-l:lg"] {
4173
+ [cds-layout~="p-l:md"] {
4122
4174
  padding-left: var(--δ5) !important;
4123
4175
  }
4124
4176
 
4125
- [cds-layout~="p-t:xl"] {
4177
+ [cds-layout~="p-t:lg"] {
4126
4178
  padding-top: var(--δ6) !important;
4127
4179
  }
4128
4180
 
4129
- [cds-layout~="p-r:xl"] {
4181
+ [cds-layout~="p-r:lg"] {
4130
4182
  padding-right: var(--δ6) !important;
4131
4183
  }
4132
4184
 
4133
- [cds-layout~="p-b:xl"] {
4185
+ [cds-layout~="p-b:lg"] {
4134
4186
  padding-bottom: var(--δ6) !important;
4135
4187
  }
4136
4188
 
4137
- [cds-layout~="p-l:xl"] {
4189
+ [cds-layout~="p-l:lg"] {
4138
4190
  padding-left: var(--δ6) !important;
4139
4191
  }
4140
4192
 
4141
- [cds-layout~="p-t:xxl"] {
4193
+ [cds-layout~="p-t:xl"] {
4142
4194
  padding-top: var(--δ7) !important;
4143
4195
  }
4144
4196
 
4145
- [cds-layout~="p-r:xxl"] {
4197
+ [cds-layout~="p-r:xl"] {
4146
4198
  padding-right: var(--δ7) !important;
4147
4199
  }
4148
4200
 
4149
- [cds-layout~="p-b:xxl"] {
4201
+ [cds-layout~="p-b:xl"] {
4150
4202
  padding-bottom: var(--δ7) !important;
4151
4203
  }
4152
4204
 
4153
- [cds-layout~="p-l:xxl"] {
4205
+ [cds-layout~="p-l:xl"] {
4154
4206
  padding-left: var(--δ7) !important;
4155
4207
  }
4156
4208
 
4209
+ [cds-layout~="p-t:xxl"] {
4210
+ padding-top: var(--δ8) !important;
4211
+ }
4212
+
4213
+ [cds-layout~="p-r:xxl"] {
4214
+ padding-right: var(--δ8) !important;
4215
+ }
4216
+
4217
+ [cds-layout~="p-b:xxl"] {
4218
+ padding-bottom: var(--δ8) !important;
4219
+ }
4220
+
4221
+ [cds-layout~="p-l:xxl"] {
4222
+ padding-left: var(--δ8) !important;
4223
+ }
4224
+
4225
+ [cds-layout~="p-t:xxxl"] {
4226
+ padding-top: var(--δ9) !important;
4227
+ }
4228
+
4229
+ [cds-layout~="p-r:xxxl"] {
4230
+ padding-right: var(--δ9) !important;
4231
+ }
4232
+
4233
+ [cds-layout~="p-b:xxxl"] {
4234
+ padding-bottom: var(--δ9) !important;
4235
+ }
4236
+
4237
+ [cds-layout~="p-l:xxxl"] {
4238
+ padding-left: var(--δ9) !important;
4239
+ }
4240
+
4157
4241
  [cds-layout~="m-t:none"] {
4158
4242
  margin-top: 0 !important;
4159
4243
  }
@@ -4170,151 +4254,191 @@
4170
4254
  margin-left: 0 !important;
4171
4255
  }
4172
4256
 
4173
- [cds-layout~="m-t:xxs"] {
4257
+ [cds-layout~="m-t:xxxs"] {
4174
4258
  margin-top: var(--δ1) !important;
4175
4259
  }
4176
4260
 
4177
- [cds-layout~="m-r:xxs"] {
4261
+ [cds-layout~="m-r:xxxs"] {
4178
4262
  margin-right: var(--δ1) !important;
4179
4263
  }
4180
4264
 
4181
- [cds-layout~="m-b:xxs"] {
4265
+ [cds-layout~="m-b:xxxs"] {
4182
4266
  margin-bottom: var(--δ1) !important;
4183
4267
  }
4184
4268
 
4185
- [cds-layout~="m-l:xxs"] {
4269
+ [cds-layout~="m-l:xxxs"] {
4186
4270
  margin-left: var(--δ1) !important;
4187
4271
  }
4188
4272
 
4189
- [cds-layout~="m-t:xs"] {
4273
+ [cds-layout~="m-t:xxs"] {
4190
4274
  margin-top: var(--δ2) !important;
4191
4275
  }
4192
4276
 
4193
- [cds-layout~="m-r:xs"] {
4277
+ [cds-layout~="m-r:xxs"] {
4194
4278
  margin-right: var(--δ2) !important;
4195
4279
  }
4196
4280
 
4197
- [cds-layout~="m-b:xs"] {
4281
+ [cds-layout~="m-b:xxs"] {
4198
4282
  margin-bottom: var(--δ2) !important;
4199
4283
  }
4200
4284
 
4201
- [cds-layout~="m-l:xs"] {
4285
+ [cds-layout~="m-l:xxs"] {
4202
4286
  margin-left: var(--δ2) !important;
4203
4287
  }
4204
4288
 
4205
- [cds-layout~="m-t:sm"] {
4289
+ [cds-layout~="m-t:xs"] {
4206
4290
  margin-top: var(--δ3) !important;
4207
4291
  }
4208
4292
 
4209
- [cds-layout~="m-r:sm"] {
4293
+ [cds-layout~="m-r:xs"] {
4210
4294
  margin-right: var(--δ3) !important;
4211
4295
  }
4212
4296
 
4213
- [cds-layout~="m-b:sm"] {
4297
+ [cds-layout~="m-b:xs"] {
4214
4298
  margin-bottom: var(--δ3) !important;
4215
4299
  }
4216
4300
 
4217
- [cds-layout~="m-l:sm"] {
4301
+ [cds-layout~="m-l:xs"] {
4218
4302
  margin-left: var(--δ3) !important;
4219
4303
  }
4220
4304
 
4221
- [cds-layout~="m-t:md"] {
4305
+ [cds-layout~="m-t:sm"] {
4222
4306
  margin-top: var(--δ4) !important;
4223
4307
  }
4224
4308
 
4225
- [cds-layout~="m-r:md"] {
4309
+ [cds-layout~="m-r:sm"] {
4226
4310
  margin-right: var(--δ4) !important;
4227
4311
  }
4228
4312
 
4229
- [cds-layout~="m-b:md"] {
4313
+ [cds-layout~="m-b:sm"] {
4230
4314
  margin-bottom: var(--δ4) !important;
4231
4315
  }
4232
4316
 
4233
- [cds-layout~="m-l:md"] {
4317
+ [cds-layout~="m-l:sm"] {
4234
4318
  margin-left: var(--δ4) !important;
4235
4319
  }
4236
4320
 
4237
- [cds-layout~="m-t:lg"] {
4321
+ [cds-layout~="m-t:md"] {
4238
4322
  margin-top: var(--δ5) !important;
4239
4323
  }
4240
4324
 
4241
- [cds-layout~="m-r:lg"] {
4325
+ [cds-layout~="m-r:md"] {
4242
4326
  margin-right: var(--δ5) !important;
4243
4327
  }
4244
4328
 
4245
- [cds-layout~="m-b:lg"] {
4329
+ [cds-layout~="m-b:md"] {
4246
4330
  margin-bottom: var(--δ5) !important;
4247
4331
  }
4248
4332
 
4249
- [cds-layout~="m-l:lg"] {
4333
+ [cds-layout~="m-l:md"] {
4250
4334
  margin-left: var(--δ5) !important;
4251
4335
  }
4252
4336
 
4253
- [cds-layout~="m-t:xl"] {
4337
+ [cds-layout~="m-t:lg"] {
4254
4338
  margin-top: var(--δ6) !important;
4255
4339
  }
4256
4340
 
4257
- [cds-layout~="m-r:xl"] {
4341
+ [cds-layout~="m-r:lg"] {
4258
4342
  margin-right: var(--δ6) !important;
4259
4343
  }
4260
4344
 
4261
- [cds-layout~="m-b:xl"] {
4345
+ [cds-layout~="m-b:lg"] {
4262
4346
  margin-bottom: var(--δ6) !important;
4263
4347
  }
4264
4348
 
4265
- [cds-layout~="m-l:xl"] {
4349
+ [cds-layout~="m-l:lg"] {
4266
4350
  margin-left: var(--δ6) !important;
4267
4351
  }
4268
4352
 
4269
- [cds-layout~="m-t:xxl"] {
4353
+ [cds-layout~="m-t:xl"] {
4270
4354
  margin-top: var(--δ7) !important;
4271
4355
  }
4272
4356
 
4273
- [cds-layout~="m-r:xxl"] {
4357
+ [cds-layout~="m-r:xl"] {
4274
4358
  margin-right: var(--δ7) !important;
4275
4359
  }
4276
4360
 
4277
- [cds-layout~="m-b:xxl"] {
4361
+ [cds-layout~="m-b:xl"] {
4278
4362
  margin-bottom: var(--δ7) !important;
4279
4363
  }
4280
4364
 
4281
- [cds-layout~="m-l:xxl"] {
4365
+ [cds-layout~="m-l:xl"] {
4282
4366
  margin-left: var(--δ7) !important;
4283
4367
  }
4284
4368
 
4285
- @media (min-width: 576px) {
4286
- [cds-layout*="gap@xs:none"] {
4287
- gap: 0;
4288
- }
4369
+ [cds-layout~="m-t:xxl"] {
4370
+ margin-top: var(--δ8) !important;
4371
+ }
4289
4372
 
4290
- [cds-layout*="gap@xs:xxs"] {
4373
+ [cds-layout~="m-r:xxl"] {
4374
+ margin-right: var(--δ8) !important;
4375
+ }
4376
+
4377
+ [cds-layout~="m-b:xxl"] {
4378
+ margin-bottom: var(--δ8) !important;
4379
+ }
4380
+
4381
+ [cds-layout~="m-l:xxl"] {
4382
+ margin-left: var(--δ8) !important;
4383
+ }
4384
+
4385
+ [cds-layout~="m-t:xxxl"] {
4386
+ margin-top: var(--δ9) !important;
4387
+ }
4388
+
4389
+ [cds-layout~="m-r:xxxl"] {
4390
+ margin-right: var(--δ9) !important;
4391
+ }
4392
+
4393
+ [cds-layout~="m-b:xxxl"] {
4394
+ margin-bottom: var(--δ9) !important;
4395
+ }
4396
+
4397
+ [cds-layout~="m-l:xxxl"] {
4398
+ margin-left: var(--δ9) !important;
4399
+ }
4400
+
4401
+ @media (min-width: 576px) {
4402
+ [cds-layout*="gap@xs:none"] {
4403
+ gap: 0;
4404
+ }
4405
+
4406
+ [cds-layout*="gap@xs:xxxs"] {
4291
4407
  gap: var(--δ1);
4292
4408
  }
4293
4409
 
4294
- [cds-layout*="gap@xs:xs"] {
4410
+ [cds-layout*="gap@xs:xxs"] {
4295
4411
  gap: var(--δ2);
4296
4412
  }
4297
4413
 
4298
- [cds-layout*="gap@xs:sm"] {
4414
+ [cds-layout*="gap@xs:xs"] {
4299
4415
  gap: var(--δ3);
4300
4416
  }
4301
4417
 
4302
- [cds-layout*="gap@xs:md"] {
4418
+ [cds-layout*="gap@xs:sm"] {
4303
4419
  gap: var(--δ4);
4304
4420
  }
4305
4421
 
4306
- [cds-layout*="gap@xs:lg"] {
4422
+ [cds-layout*="gap@xs:md"] {
4307
4423
  gap: var(--δ5);
4308
4424
  }
4309
4425
 
4310
- [cds-layout*="gap@xs:xl"] {
4426
+ [cds-layout*="gap@xs:lg"] {
4311
4427
  gap: var(--δ6);
4312
4428
  }
4313
4429
 
4314
- [cds-layout*="gap@xs:xxl"] {
4430
+ [cds-layout*="gap@xs:xl"] {
4315
4431
  gap: var(--δ7);
4316
4432
  }
4317
4433
 
4434
+ [cds-layout*="gap@xs:xxl"] {
4435
+ gap: var(--δ8);
4436
+ }
4437
+
4438
+ [cds-layout*="gap@xs:xxxl"] {
4439
+ gap: var(--δ9);
4440
+ }
4441
+
4318
4442
  [cds-layout~="p@xs:none"] {
4319
4443
  padding: 0 !important;
4320
4444
  }
@@ -4323,62 +4447,78 @@
4323
4447
  margin: 0 !important;
4324
4448
  }
4325
4449
 
4326
- [cds-layout~="p@xs:xxs"] {
4450
+ [cds-layout~="p@xs:xxxs"] {
4327
4451
  padding: var(--δ1) !important;
4328
4452
  }
4329
4453
 
4330
- [cds-layout~="m@xs:xxs"] {
4454
+ [cds-layout~="m@xs:xxxs"] {
4331
4455
  margin: var(--δ1) !important;
4332
4456
  }
4333
4457
 
4334
- [cds-layout~="p@xs:xs"] {
4458
+ [cds-layout~="p@xs:xxs"] {
4335
4459
  padding: var(--δ2) !important;
4336
4460
  }
4337
4461
 
4338
- [cds-layout~="m@xs:xs"] {
4462
+ [cds-layout~="m@xs:xxs"] {
4339
4463
  margin: var(--δ2) !important;
4340
4464
  }
4341
4465
 
4342
- [cds-layout~="p@xs:sm"] {
4466
+ [cds-layout~="p@xs:xs"] {
4343
4467
  padding: var(--δ3) !important;
4344
4468
  }
4345
4469
 
4346
- [cds-layout~="m@xs:sm"] {
4470
+ [cds-layout~="m@xs:xs"] {
4347
4471
  margin: var(--δ3) !important;
4348
4472
  }
4349
4473
 
4350
- [cds-layout~="p@xs:md"] {
4474
+ [cds-layout~="p@xs:sm"] {
4351
4475
  padding: var(--δ4) !important;
4352
4476
  }
4353
4477
 
4354
- [cds-layout~="m@xs:md"] {
4478
+ [cds-layout~="m@xs:sm"] {
4355
4479
  margin: var(--δ4) !important;
4356
4480
  }
4357
4481
 
4358
- [cds-layout~="p@xs:lg"] {
4482
+ [cds-layout~="p@xs:md"] {
4359
4483
  padding: var(--δ5) !important;
4360
4484
  }
4361
4485
 
4362
- [cds-layout~="m@xs:lg"] {
4486
+ [cds-layout~="m@xs:md"] {
4363
4487
  margin: var(--δ5) !important;
4364
4488
  }
4365
4489
 
4366
- [cds-layout~="p@xs:xl"] {
4490
+ [cds-layout~="p@xs:lg"] {
4367
4491
  padding: var(--δ6) !important;
4368
4492
  }
4369
4493
 
4370
- [cds-layout~="m@xs:xl"] {
4494
+ [cds-layout~="m@xs:lg"] {
4371
4495
  margin: var(--δ6) !important;
4372
4496
  }
4373
4497
 
4374
- [cds-layout~="p@xs:xxl"] {
4498
+ [cds-layout~="p@xs:xl"] {
4375
4499
  padding: var(--δ7) !important;
4376
4500
  }
4377
4501
 
4378
- [cds-layout~="m@xs:xxl"] {
4502
+ [cds-layout~="m@xs:xl"] {
4379
4503
  margin: var(--δ7) !important;
4380
4504
  }
4381
4505
 
4506
+ [cds-layout~="p@xs:xxl"] {
4507
+ padding: var(--δ8) !important;
4508
+ }
4509
+
4510
+ [cds-layout~="m@xs:xxl"] {
4511
+ margin: var(--δ8) !important;
4512
+ }
4513
+
4514
+ [cds-layout~="p@xs:xxxl"] {
4515
+ padding: var(--δ9) !important;
4516
+ }
4517
+
4518
+ [cds-layout~="m@xs:xxxl"] {
4519
+ margin: var(--δ9) !important;
4520
+ }
4521
+
4382
4522
  [cds-layout~="p-x@xs:none"] {
4383
4523
  padding-left: 0 !important;
4384
4524
  padding-right: 0 !important;
@@ -4389,76 +4529,96 @@
4389
4529
  padding-bottom: 0 !important;
4390
4530
  }
4391
4531
 
4392
- [cds-layout~="p-x@xs:xxs"] {
4532
+ [cds-layout~="p-x@xs:xxxs"] {
4393
4533
  padding-left: var(--δ1) !important;
4394
4534
  padding-right: var(--δ1) !important;
4395
4535
  }
4396
4536
 
4397
- [cds-layout~="p-y@xs:xxs"] {
4537
+ [cds-layout~="p-y@xs:xxxs"] {
4398
4538
  padding-top: var(--δ1) !important;
4399
4539
  padding-bottom: var(--δ1) !important;
4400
4540
  }
4401
4541
 
4402
- [cds-layout~="p-x@xs:xs"] {
4542
+ [cds-layout~="p-x@xs:xxs"] {
4403
4543
  padding-left: var(--δ2) !important;
4404
4544
  padding-right: var(--δ2) !important;
4405
4545
  }
4406
4546
 
4407
- [cds-layout~="p-y@xs:xs"] {
4547
+ [cds-layout~="p-y@xs:xxs"] {
4408
4548
  padding-top: var(--δ2) !important;
4409
4549
  padding-bottom: var(--δ2) !important;
4410
4550
  }
4411
4551
 
4412
- [cds-layout~="p-x@xs:sm"] {
4552
+ [cds-layout~="p-x@xs:xs"] {
4413
4553
  padding-left: var(--δ3) !important;
4414
4554
  padding-right: var(--δ3) !important;
4415
4555
  }
4416
4556
 
4417
- [cds-layout~="p-y@xs:sm"] {
4557
+ [cds-layout~="p-y@xs:xs"] {
4418
4558
  padding-top: var(--δ3) !important;
4419
4559
  padding-bottom: var(--δ3) !important;
4420
4560
  }
4421
4561
 
4422
- [cds-layout~="p-x@xs:md"] {
4562
+ [cds-layout~="p-x@xs:sm"] {
4423
4563
  padding-left: var(--δ4) !important;
4424
4564
  padding-right: var(--δ4) !important;
4425
4565
  }
4426
4566
 
4427
- [cds-layout~="p-y@xs:md"] {
4567
+ [cds-layout~="p-y@xs:sm"] {
4428
4568
  padding-top: var(--δ4) !important;
4429
4569
  padding-bottom: var(--δ4) !important;
4430
4570
  }
4431
4571
 
4432
- [cds-layout~="p-x@xs:lg"] {
4572
+ [cds-layout~="p-x@xs:md"] {
4433
4573
  padding-left: var(--δ5) !important;
4434
4574
  padding-right: var(--δ5) !important;
4435
4575
  }
4436
4576
 
4437
- [cds-layout~="p-y@xs:lg"] {
4577
+ [cds-layout~="p-y@xs:md"] {
4438
4578
  padding-top: var(--δ5) !important;
4439
4579
  padding-bottom: var(--δ5) !important;
4440
4580
  }
4441
4581
 
4442
- [cds-layout~="p-x@xs:xl"] {
4582
+ [cds-layout~="p-x@xs:lg"] {
4443
4583
  padding-left: var(--δ6) !important;
4444
4584
  padding-right: var(--δ6) !important;
4445
4585
  }
4446
4586
 
4447
- [cds-layout~="p-y@xs:xl"] {
4587
+ [cds-layout~="p-y@xs:lg"] {
4448
4588
  padding-top: var(--δ6) !important;
4449
4589
  padding-bottom: var(--δ6) !important;
4450
4590
  }
4451
4591
 
4452
- [cds-layout~="p-x@xs:xxl"] {
4592
+ [cds-layout~="p-x@xs:xl"] {
4453
4593
  padding-left: var(--δ7) !important;
4454
4594
  padding-right: var(--δ7) !important;
4455
4595
  }
4456
4596
 
4457
- [cds-layout~="p-y@xs:xxl"] {
4597
+ [cds-layout~="p-y@xs:xl"] {
4458
4598
  padding-top: var(--δ7) !important;
4459
4599
  padding-bottom: var(--δ7) !important;
4460
4600
  }
4461
4601
 
4602
+ [cds-layout~="p-x@xs:xxl"] {
4603
+ padding-left: var(--δ8) !important;
4604
+ padding-right: var(--δ8) !important;
4605
+ }
4606
+
4607
+ [cds-layout~="p-y@xs:xxl"] {
4608
+ padding-top: var(--δ8) !important;
4609
+ padding-bottom: var(--δ8) !important;
4610
+ }
4611
+
4612
+ [cds-layout~="p-x@xs:xxxl"] {
4613
+ padding-left: var(--δ9) !important;
4614
+ padding-right: var(--δ9) !important;
4615
+ }
4616
+
4617
+ [cds-layout~="p-y@xs:xxxl"] {
4618
+ padding-top: var(--δ9) !important;
4619
+ padding-bottom: var(--δ9) !important;
4620
+ }
4621
+
4462
4622
  [cds-layout~="m-x@xs:none"] {
4463
4623
  margin-left: 0 !important;
4464
4624
  margin-right: 0 !important;
@@ -4469,76 +4629,96 @@
4469
4629
  margin-bottom: 0 !important;
4470
4630
  }
4471
4631
 
4472
- [cds-layout~="m-x@xs:xxs"] {
4632
+ [cds-layout~="m-x@xs:xxxs"] {
4473
4633
  margin-left: var(--δ1) !important;
4474
4634
  margin-right: var(--δ1) !important;
4475
4635
  }
4476
4636
 
4477
- [cds-layout~="m-y@xs:xxs"] {
4637
+ [cds-layout~="m-y@xs:xxxs"] {
4478
4638
  margin-top: var(--δ1) !important;
4479
4639
  margin-bottom: var(--δ1) !important;
4480
4640
  }
4481
4641
 
4482
- [cds-layout~="m-x@xs:xs"] {
4642
+ [cds-layout~="m-x@xs:xxs"] {
4483
4643
  margin-left: var(--δ2) !important;
4484
4644
  margin-right: var(--δ2) !important;
4485
4645
  }
4486
4646
 
4487
- [cds-layout~="m-y@xs:xs"] {
4647
+ [cds-layout~="m-y@xs:xxs"] {
4488
4648
  margin-top: var(--δ2) !important;
4489
4649
  margin-bottom: var(--δ2) !important;
4490
4650
  }
4491
4651
 
4492
- [cds-layout~="m-x@xs:sm"] {
4652
+ [cds-layout~="m-x@xs:xs"] {
4493
4653
  margin-left: var(--δ3) !important;
4494
4654
  margin-right: var(--δ3) !important;
4495
4655
  }
4496
4656
 
4497
- [cds-layout~="m-y@xs:sm"] {
4657
+ [cds-layout~="m-y@xs:xs"] {
4498
4658
  margin-top: var(--δ3) !important;
4499
4659
  margin-bottom: var(--δ3) !important;
4500
4660
  }
4501
4661
 
4502
- [cds-layout~="m-x@xs:md"] {
4662
+ [cds-layout~="m-x@xs:sm"] {
4503
4663
  margin-left: var(--δ4) !important;
4504
4664
  margin-right: var(--δ4) !important;
4505
4665
  }
4506
4666
 
4507
- [cds-layout~="m-y@xs:md"] {
4667
+ [cds-layout~="m-y@xs:sm"] {
4508
4668
  margin-top: var(--δ4) !important;
4509
4669
  margin-bottom: var(--δ4) !important;
4510
4670
  }
4511
4671
 
4512
- [cds-layout~="m-x@xs:lg"] {
4672
+ [cds-layout~="m-x@xs:md"] {
4513
4673
  margin-left: var(--δ5) !important;
4514
4674
  margin-right: var(--δ5) !important;
4515
4675
  }
4516
4676
 
4517
- [cds-layout~="m-y@xs:lg"] {
4677
+ [cds-layout~="m-y@xs:md"] {
4518
4678
  margin-top: var(--δ5) !important;
4519
4679
  margin-bottom: var(--δ5) !important;
4520
4680
  }
4521
4681
 
4522
- [cds-layout~="m-x@xs:xl"] {
4682
+ [cds-layout~="m-x@xs:lg"] {
4523
4683
  margin-left: var(--δ6) !important;
4524
4684
  margin-right: var(--δ6) !important;
4525
4685
  }
4526
4686
 
4527
- [cds-layout~="m-y@xs:xl"] {
4687
+ [cds-layout~="m-y@xs:lg"] {
4528
4688
  margin-top: var(--δ6) !important;
4529
4689
  margin-bottom: var(--δ6) !important;
4530
4690
  }
4531
4691
 
4532
- [cds-layout~="m-x@xs:xxl"] {
4692
+ [cds-layout~="m-x@xs:xl"] {
4533
4693
  margin-left: var(--δ7) !important;
4534
4694
  margin-right: var(--δ7) !important;
4535
4695
  }
4536
4696
 
4537
- [cds-layout~="m-y@xs:xxl"] {
4697
+ [cds-layout~="m-y@xs:xl"] {
4538
4698
  margin-top: var(--δ7) !important;
4539
4699
  margin-bottom: var(--δ7) !important;
4540
4700
  }
4541
4701
 
4702
+ [cds-layout~="m-x@xs:xxl"] {
4703
+ margin-left: var(--δ8) !important;
4704
+ margin-right: var(--δ8) !important;
4705
+ }
4706
+
4707
+ [cds-layout~="m-y@xs:xxl"] {
4708
+ margin-top: var(--δ8) !important;
4709
+ margin-bottom: var(--δ8) !important;
4710
+ }
4711
+
4712
+ [cds-layout~="m-x@xs:xxxl"] {
4713
+ margin-left: var(--δ9) !important;
4714
+ margin-right: var(--δ9) !important;
4715
+ }
4716
+
4717
+ [cds-layout~="m-y@xs:xxxl"] {
4718
+ margin-top: var(--δ9) !important;
4719
+ margin-bottom: var(--δ9) !important;
4720
+ }
4721
+
4542
4722
  [cds-layout~="p-t@xs:none"] {
4543
4723
  padding-top: 0 !important;
4544
4724
  }
@@ -4555,118 +4735,150 @@
4555
4735
  padding-left: 0 !important;
4556
4736
  }
4557
4737
 
4558
- [cds-layout~="p-t@xs:xxs"] {
4738
+ [cds-layout~="p-t@xs:xxxs"] {
4559
4739
  padding-top: var(--δ1) !important;
4560
4740
  }
4561
4741
 
4562
- [cds-layout~="p-r@xs:xxs"] {
4742
+ [cds-layout~="p-r@xs:xxxs"] {
4563
4743
  padding-right: var(--δ1) !important;
4564
4744
  }
4565
4745
 
4566
- [cds-layout~="p-b@xs:xxs"] {
4746
+ [cds-layout~="p-b@xs:xxxs"] {
4567
4747
  padding-bottom: var(--δ1) !important;
4568
4748
  }
4569
4749
 
4570
- [cds-layout~="p-l@xs:xxs"] {
4750
+ [cds-layout~="p-l@xs:xxxs"] {
4571
4751
  padding-left: var(--δ1) !important;
4572
4752
  }
4573
4753
 
4574
- [cds-layout~="p-t@xs:xs"] {
4754
+ [cds-layout~="p-t@xs:xxs"] {
4575
4755
  padding-top: var(--δ2) !important;
4576
4756
  }
4577
4757
 
4578
- [cds-layout~="p-r@xs:xs"] {
4758
+ [cds-layout~="p-r@xs:xxs"] {
4579
4759
  padding-right: var(--δ2) !important;
4580
4760
  }
4581
4761
 
4582
- [cds-layout~="p-b@xs:xs"] {
4762
+ [cds-layout~="p-b@xs:xxs"] {
4583
4763
  padding-bottom: var(--δ2) !important;
4584
4764
  }
4585
4765
 
4586
- [cds-layout~="p-l@xs:xs"] {
4766
+ [cds-layout~="p-l@xs:xxs"] {
4587
4767
  padding-left: var(--δ2) !important;
4588
4768
  }
4589
4769
 
4590
- [cds-layout~="p-t@xs:sm"] {
4770
+ [cds-layout~="p-t@xs:xs"] {
4591
4771
  padding-top: var(--δ3) !important;
4592
4772
  }
4593
4773
 
4594
- [cds-layout~="p-r@xs:sm"] {
4774
+ [cds-layout~="p-r@xs:xs"] {
4595
4775
  padding-right: var(--δ3) !important;
4596
4776
  }
4597
4777
 
4598
- [cds-layout~="p-b@xs:sm"] {
4778
+ [cds-layout~="p-b@xs:xs"] {
4599
4779
  padding-bottom: var(--δ3) !important;
4600
4780
  }
4601
4781
 
4602
- [cds-layout~="p-l@xs:sm"] {
4782
+ [cds-layout~="p-l@xs:xs"] {
4603
4783
  padding-left: var(--δ3) !important;
4604
4784
  }
4605
4785
 
4606
- [cds-layout~="p-t@xs:md"] {
4786
+ [cds-layout~="p-t@xs:sm"] {
4607
4787
  padding-top: var(--δ4) !important;
4608
4788
  }
4609
4789
 
4610
- [cds-layout~="p-r@xs:md"] {
4790
+ [cds-layout~="p-r@xs:sm"] {
4611
4791
  padding-right: var(--δ4) !important;
4612
4792
  }
4613
4793
 
4614
- [cds-layout~="p-b@xs:md"] {
4794
+ [cds-layout~="p-b@xs:sm"] {
4615
4795
  padding-bottom: var(--δ4) !important;
4616
4796
  }
4617
4797
 
4618
- [cds-layout~="p-l@xs:md"] {
4798
+ [cds-layout~="p-l@xs:sm"] {
4619
4799
  padding-left: var(--δ4) !important;
4620
4800
  }
4621
4801
 
4622
- [cds-layout~="p-t@xs:lg"] {
4802
+ [cds-layout~="p-t@xs:md"] {
4623
4803
  padding-top: var(--δ5) !important;
4624
4804
  }
4625
4805
 
4626
- [cds-layout~="p-r@xs:lg"] {
4806
+ [cds-layout~="p-r@xs:md"] {
4627
4807
  padding-right: var(--δ5) !important;
4628
4808
  }
4629
4809
 
4630
- [cds-layout~="p-b@xs:lg"] {
4810
+ [cds-layout~="p-b@xs:md"] {
4631
4811
  padding-bottom: var(--δ5) !important;
4632
4812
  }
4633
4813
 
4634
- [cds-layout~="p-l@xs:lg"] {
4814
+ [cds-layout~="p-l@xs:md"] {
4635
4815
  padding-left: var(--δ5) !important;
4636
4816
  }
4637
4817
 
4638
- [cds-layout~="p-t@xs:xl"] {
4818
+ [cds-layout~="p-t@xs:lg"] {
4639
4819
  padding-top: var(--δ6) !important;
4640
4820
  }
4641
4821
 
4642
- [cds-layout~="p-r@xs:xl"] {
4822
+ [cds-layout~="p-r@xs:lg"] {
4643
4823
  padding-right: var(--δ6) !important;
4644
4824
  }
4645
4825
 
4646
- [cds-layout~="p-b@xs:xl"] {
4826
+ [cds-layout~="p-b@xs:lg"] {
4647
4827
  padding-bottom: var(--δ6) !important;
4648
4828
  }
4649
4829
 
4650
- [cds-layout~="p-l@xs:xl"] {
4830
+ [cds-layout~="p-l@xs:lg"] {
4651
4831
  padding-left: var(--δ6) !important;
4652
4832
  }
4653
4833
 
4654
- [cds-layout~="p-t@xs:xxl"] {
4834
+ [cds-layout~="p-t@xs:xl"] {
4655
4835
  padding-top: var(--δ7) !important;
4656
4836
  }
4657
4837
 
4658
- [cds-layout~="p-r@xs:xxl"] {
4838
+ [cds-layout~="p-r@xs:xl"] {
4659
4839
  padding-right: var(--δ7) !important;
4660
4840
  }
4661
4841
 
4662
- [cds-layout~="p-b@xs:xxl"] {
4842
+ [cds-layout~="p-b@xs:xl"] {
4663
4843
  padding-bottom: var(--δ7) !important;
4664
4844
  }
4665
4845
 
4666
- [cds-layout~="p-l@xs:xxl"] {
4846
+ [cds-layout~="p-l@xs:xl"] {
4667
4847
  padding-left: var(--δ7) !important;
4668
4848
  }
4669
4849
 
4850
+ [cds-layout~="p-t@xs:xxl"] {
4851
+ padding-top: var(--δ8) !important;
4852
+ }
4853
+
4854
+ [cds-layout~="p-r@xs:xxl"] {
4855
+ padding-right: var(--δ8) !important;
4856
+ }
4857
+
4858
+ [cds-layout~="p-b@xs:xxl"] {
4859
+ padding-bottom: var(--δ8) !important;
4860
+ }
4861
+
4862
+ [cds-layout~="p-l@xs:xxl"] {
4863
+ padding-left: var(--δ8) !important;
4864
+ }
4865
+
4866
+ [cds-layout~="p-t@xs:xxxl"] {
4867
+ padding-top: var(--δ9) !important;
4868
+ }
4869
+
4870
+ [cds-layout~="p-r@xs:xxxl"] {
4871
+ padding-right: var(--δ9) !important;
4872
+ }
4873
+
4874
+ [cds-layout~="p-b@xs:xxxl"] {
4875
+ padding-bottom: var(--δ9) !important;
4876
+ }
4877
+
4878
+ [cds-layout~="p-l@xs:xxxl"] {
4879
+ padding-left: var(--δ9) !important;
4880
+ }
4881
+
4670
4882
  [cds-layout~="m-t@xs:none"] {
4671
4883
  margin-top: 0 !important;
4672
4884
  }
@@ -4683,151 +4895,191 @@
4683
4895
  margin-left: 0 !important;
4684
4896
  }
4685
4897
 
4686
- [cds-layout~="m-t@xs:xxs"] {
4898
+ [cds-layout~="m-t@xs:xxxs"] {
4687
4899
  margin-top: var(--δ1) !important;
4688
4900
  }
4689
4901
 
4690
- [cds-layout~="m-r@xs:xxs"] {
4902
+ [cds-layout~="m-r@xs:xxxs"] {
4691
4903
  margin-right: var(--δ1) !important;
4692
4904
  }
4693
4905
 
4694
- [cds-layout~="m-b@xs:xxs"] {
4906
+ [cds-layout~="m-b@xs:xxxs"] {
4695
4907
  margin-bottom: var(--δ1) !important;
4696
4908
  }
4697
4909
 
4698
- [cds-layout~="m-l@xs:xxs"] {
4910
+ [cds-layout~="m-l@xs:xxxs"] {
4699
4911
  margin-left: var(--δ1) !important;
4700
4912
  }
4701
4913
 
4702
- [cds-layout~="m-t@xs:xs"] {
4914
+ [cds-layout~="m-t@xs:xxs"] {
4703
4915
  margin-top: var(--δ2) !important;
4704
4916
  }
4705
4917
 
4706
- [cds-layout~="m-r@xs:xs"] {
4918
+ [cds-layout~="m-r@xs:xxs"] {
4707
4919
  margin-right: var(--δ2) !important;
4708
4920
  }
4709
4921
 
4710
- [cds-layout~="m-b@xs:xs"] {
4922
+ [cds-layout~="m-b@xs:xxs"] {
4711
4923
  margin-bottom: var(--δ2) !important;
4712
4924
  }
4713
4925
 
4714
- [cds-layout~="m-l@xs:xs"] {
4926
+ [cds-layout~="m-l@xs:xxs"] {
4715
4927
  margin-left: var(--δ2) !important;
4716
4928
  }
4717
4929
 
4718
- [cds-layout~="m-t@xs:sm"] {
4930
+ [cds-layout~="m-t@xs:xs"] {
4719
4931
  margin-top: var(--δ3) !important;
4720
4932
  }
4721
4933
 
4722
- [cds-layout~="m-r@xs:sm"] {
4934
+ [cds-layout~="m-r@xs:xs"] {
4723
4935
  margin-right: var(--δ3) !important;
4724
4936
  }
4725
4937
 
4726
- [cds-layout~="m-b@xs:sm"] {
4938
+ [cds-layout~="m-b@xs:xs"] {
4727
4939
  margin-bottom: var(--δ3) !important;
4728
4940
  }
4729
4941
 
4730
- [cds-layout~="m-l@xs:sm"] {
4942
+ [cds-layout~="m-l@xs:xs"] {
4731
4943
  margin-left: var(--δ3) !important;
4732
4944
  }
4733
4945
 
4734
- [cds-layout~="m-t@xs:md"] {
4946
+ [cds-layout~="m-t@xs:sm"] {
4735
4947
  margin-top: var(--δ4) !important;
4736
4948
  }
4737
4949
 
4738
- [cds-layout~="m-r@xs:md"] {
4950
+ [cds-layout~="m-r@xs:sm"] {
4739
4951
  margin-right: var(--δ4) !important;
4740
4952
  }
4741
4953
 
4742
- [cds-layout~="m-b@xs:md"] {
4954
+ [cds-layout~="m-b@xs:sm"] {
4743
4955
  margin-bottom: var(--δ4) !important;
4744
4956
  }
4745
4957
 
4746
- [cds-layout~="m-l@xs:md"] {
4958
+ [cds-layout~="m-l@xs:sm"] {
4747
4959
  margin-left: var(--δ4) !important;
4748
4960
  }
4749
4961
 
4750
- [cds-layout~="m-t@xs:lg"] {
4962
+ [cds-layout~="m-t@xs:md"] {
4751
4963
  margin-top: var(--δ5) !important;
4752
4964
  }
4753
4965
 
4754
- [cds-layout~="m-r@xs:lg"] {
4966
+ [cds-layout~="m-r@xs:md"] {
4755
4967
  margin-right: var(--δ5) !important;
4756
4968
  }
4757
4969
 
4758
- [cds-layout~="m-b@xs:lg"] {
4970
+ [cds-layout~="m-b@xs:md"] {
4759
4971
  margin-bottom: var(--δ5) !important;
4760
4972
  }
4761
4973
 
4762
- [cds-layout~="m-l@xs:lg"] {
4974
+ [cds-layout~="m-l@xs:md"] {
4763
4975
  margin-left: var(--δ5) !important;
4764
4976
  }
4765
4977
 
4766
- [cds-layout~="m-t@xs:xl"] {
4978
+ [cds-layout~="m-t@xs:lg"] {
4767
4979
  margin-top: var(--δ6) !important;
4768
4980
  }
4769
4981
 
4770
- [cds-layout~="m-r@xs:xl"] {
4982
+ [cds-layout~="m-r@xs:lg"] {
4771
4983
  margin-right: var(--δ6) !important;
4772
4984
  }
4773
4985
 
4774
- [cds-layout~="m-b@xs:xl"] {
4986
+ [cds-layout~="m-b@xs:lg"] {
4775
4987
  margin-bottom: var(--δ6) !important;
4776
4988
  }
4777
4989
 
4778
- [cds-layout~="m-l@xs:xl"] {
4990
+ [cds-layout~="m-l@xs:lg"] {
4779
4991
  margin-left: var(--δ6) !important;
4780
4992
  }
4781
4993
 
4782
- [cds-layout~="m-t@xs:xxl"] {
4994
+ [cds-layout~="m-t@xs:xl"] {
4783
4995
  margin-top: var(--δ7) !important;
4784
4996
  }
4785
4997
 
4786
- [cds-layout~="m-r@xs:xxl"] {
4998
+ [cds-layout~="m-r@xs:xl"] {
4787
4999
  margin-right: var(--δ7) !important;
4788
5000
  }
4789
5001
 
4790
- [cds-layout~="m-b@xs:xxl"] {
5002
+ [cds-layout~="m-b@xs:xl"] {
4791
5003
  margin-bottom: var(--δ7) !important;
4792
5004
  }
4793
5005
 
4794
- [cds-layout~="m-l@xs:xxl"] {
5006
+ [cds-layout~="m-l@xs:xl"] {
4795
5007
  margin-left: var(--δ7) !important;
4796
5008
  }
5009
+
5010
+ [cds-layout~="m-t@xs:xxl"] {
5011
+ margin-top: var(--δ8) !important;
5012
+ }
5013
+
5014
+ [cds-layout~="m-r@xs:xxl"] {
5015
+ margin-right: var(--δ8) !important;
5016
+ }
5017
+
5018
+ [cds-layout~="m-b@xs:xxl"] {
5019
+ margin-bottom: var(--δ8) !important;
5020
+ }
5021
+
5022
+ [cds-layout~="m-l@xs:xxl"] {
5023
+ margin-left: var(--δ8) !important;
5024
+ }
5025
+
5026
+ [cds-layout~="m-t@xs:xxxl"] {
5027
+ margin-top: var(--δ9) !important;
5028
+ }
5029
+
5030
+ [cds-layout~="m-r@xs:xxxl"] {
5031
+ margin-right: var(--δ9) !important;
5032
+ }
5033
+
5034
+ [cds-layout~="m-b@xs:xxxl"] {
5035
+ margin-bottom: var(--δ9) !important;
5036
+ }
5037
+
5038
+ [cds-layout~="m-l@xs:xxxl"] {
5039
+ margin-left: var(--δ9) !important;
5040
+ }
4797
5041
  }
4798
5042
  @media (min-width: 768px) {
4799
5043
  [cds-layout*="gap@sm:none"] {
4800
5044
  gap: 0;
4801
5045
  }
4802
5046
 
4803
- [cds-layout*="gap@sm:xxs"] {
5047
+ [cds-layout*="gap@sm:xxxs"] {
4804
5048
  gap: var(--δ1);
4805
5049
  }
4806
5050
 
4807
- [cds-layout*="gap@sm:xs"] {
5051
+ [cds-layout*="gap@sm:xxs"] {
4808
5052
  gap: var(--δ2);
4809
5053
  }
4810
5054
 
4811
- [cds-layout*="gap@sm:sm"] {
5055
+ [cds-layout*="gap@sm:xs"] {
4812
5056
  gap: var(--δ3);
4813
5057
  }
4814
5058
 
4815
- [cds-layout*="gap@sm:md"] {
5059
+ [cds-layout*="gap@sm:sm"] {
4816
5060
  gap: var(--δ4);
4817
5061
  }
4818
5062
 
4819
- [cds-layout*="gap@sm:lg"] {
5063
+ [cds-layout*="gap@sm:md"] {
4820
5064
  gap: var(--δ5);
4821
5065
  }
4822
5066
 
4823
- [cds-layout*="gap@sm:xl"] {
5067
+ [cds-layout*="gap@sm:lg"] {
4824
5068
  gap: var(--δ6);
4825
5069
  }
4826
5070
 
4827
- [cds-layout*="gap@sm:xxl"] {
5071
+ [cds-layout*="gap@sm:xl"] {
4828
5072
  gap: var(--δ7);
4829
5073
  }
4830
5074
 
5075
+ [cds-layout*="gap@sm:xxl"] {
5076
+ gap: var(--δ8);
5077
+ }
5078
+
5079
+ [cds-layout*="gap@sm:xxxl"] {
5080
+ gap: var(--δ9);
5081
+ }
5082
+
4831
5083
  [cds-layout~="p@sm:none"] {
4832
5084
  padding: 0 !important;
4833
5085
  }
@@ -4836,62 +5088,78 @@
4836
5088
  margin: 0 !important;
4837
5089
  }
4838
5090
 
4839
- [cds-layout~="p@sm:xxs"] {
5091
+ [cds-layout~="p@sm:xxxs"] {
4840
5092
  padding: var(--δ1) !important;
4841
5093
  }
4842
5094
 
4843
- [cds-layout~="m@sm:xxs"] {
5095
+ [cds-layout~="m@sm:xxxs"] {
4844
5096
  margin: var(--δ1) !important;
4845
5097
  }
4846
5098
 
4847
- [cds-layout~="p@sm:xs"] {
5099
+ [cds-layout~="p@sm:xxs"] {
4848
5100
  padding: var(--δ2) !important;
4849
5101
  }
4850
5102
 
4851
- [cds-layout~="m@sm:xs"] {
5103
+ [cds-layout~="m@sm:xxs"] {
4852
5104
  margin: var(--δ2) !important;
4853
5105
  }
4854
5106
 
4855
- [cds-layout~="p@sm:sm"] {
5107
+ [cds-layout~="p@sm:xs"] {
4856
5108
  padding: var(--δ3) !important;
4857
5109
  }
4858
5110
 
4859
- [cds-layout~="m@sm:sm"] {
5111
+ [cds-layout~="m@sm:xs"] {
4860
5112
  margin: var(--δ3) !important;
4861
5113
  }
4862
5114
 
4863
- [cds-layout~="p@sm:md"] {
5115
+ [cds-layout~="p@sm:sm"] {
4864
5116
  padding: var(--δ4) !important;
4865
5117
  }
4866
5118
 
4867
- [cds-layout~="m@sm:md"] {
5119
+ [cds-layout~="m@sm:sm"] {
4868
5120
  margin: var(--δ4) !important;
4869
5121
  }
4870
5122
 
4871
- [cds-layout~="p@sm:lg"] {
5123
+ [cds-layout~="p@sm:md"] {
4872
5124
  padding: var(--δ5) !important;
4873
5125
  }
4874
5126
 
4875
- [cds-layout~="m@sm:lg"] {
5127
+ [cds-layout~="m@sm:md"] {
4876
5128
  margin: var(--δ5) !important;
4877
5129
  }
4878
5130
 
4879
- [cds-layout~="p@sm:xl"] {
5131
+ [cds-layout~="p@sm:lg"] {
4880
5132
  padding: var(--δ6) !important;
4881
5133
  }
4882
5134
 
4883
- [cds-layout~="m@sm:xl"] {
5135
+ [cds-layout~="m@sm:lg"] {
4884
5136
  margin: var(--δ6) !important;
4885
5137
  }
4886
5138
 
4887
- [cds-layout~="p@sm:xxl"] {
5139
+ [cds-layout~="p@sm:xl"] {
4888
5140
  padding: var(--δ7) !important;
4889
5141
  }
4890
5142
 
4891
- [cds-layout~="m@sm:xxl"] {
5143
+ [cds-layout~="m@sm:xl"] {
4892
5144
  margin: var(--δ7) !important;
4893
5145
  }
4894
5146
 
5147
+ [cds-layout~="p@sm:xxl"] {
5148
+ padding: var(--δ8) !important;
5149
+ }
5150
+
5151
+ [cds-layout~="m@sm:xxl"] {
5152
+ margin: var(--δ8) !important;
5153
+ }
5154
+
5155
+ [cds-layout~="p@sm:xxxl"] {
5156
+ padding: var(--δ9) !important;
5157
+ }
5158
+
5159
+ [cds-layout~="m@sm:xxxl"] {
5160
+ margin: var(--δ9) !important;
5161
+ }
5162
+
4895
5163
  [cds-layout~="p-x@sm:none"] {
4896
5164
  padding-left: 0 !important;
4897
5165
  padding-right: 0 !important;
@@ -4902,76 +5170,96 @@
4902
5170
  padding-bottom: 0 !important;
4903
5171
  }
4904
5172
 
4905
- [cds-layout~="p-x@sm:xxs"] {
5173
+ [cds-layout~="p-x@sm:xxxs"] {
4906
5174
  padding-left: var(--δ1) !important;
4907
5175
  padding-right: var(--δ1) !important;
4908
5176
  }
4909
5177
 
4910
- [cds-layout~="p-y@sm:xxs"] {
5178
+ [cds-layout~="p-y@sm:xxxs"] {
4911
5179
  padding-top: var(--δ1) !important;
4912
5180
  padding-bottom: var(--δ1) !important;
4913
5181
  }
4914
5182
 
4915
- [cds-layout~="p-x@sm:xs"] {
5183
+ [cds-layout~="p-x@sm:xxs"] {
4916
5184
  padding-left: var(--δ2) !important;
4917
5185
  padding-right: var(--δ2) !important;
4918
5186
  }
4919
5187
 
4920
- [cds-layout~="p-y@sm:xs"] {
5188
+ [cds-layout~="p-y@sm:xxs"] {
4921
5189
  padding-top: var(--δ2) !important;
4922
5190
  padding-bottom: var(--δ2) !important;
4923
5191
  }
4924
5192
 
4925
- [cds-layout~="p-x@sm:sm"] {
5193
+ [cds-layout~="p-x@sm:xs"] {
4926
5194
  padding-left: var(--δ3) !important;
4927
5195
  padding-right: var(--δ3) !important;
4928
5196
  }
4929
5197
 
4930
- [cds-layout~="p-y@sm:sm"] {
5198
+ [cds-layout~="p-y@sm:xs"] {
4931
5199
  padding-top: var(--δ3) !important;
4932
5200
  padding-bottom: var(--δ3) !important;
4933
5201
  }
4934
5202
 
4935
- [cds-layout~="p-x@sm:md"] {
5203
+ [cds-layout~="p-x@sm:sm"] {
4936
5204
  padding-left: var(--δ4) !important;
4937
5205
  padding-right: var(--δ4) !important;
4938
5206
  }
4939
5207
 
4940
- [cds-layout~="p-y@sm:md"] {
5208
+ [cds-layout~="p-y@sm:sm"] {
4941
5209
  padding-top: var(--δ4) !important;
4942
5210
  padding-bottom: var(--δ4) !important;
4943
5211
  }
4944
5212
 
4945
- [cds-layout~="p-x@sm:lg"] {
5213
+ [cds-layout~="p-x@sm:md"] {
4946
5214
  padding-left: var(--δ5) !important;
4947
5215
  padding-right: var(--δ5) !important;
4948
5216
  }
4949
5217
 
4950
- [cds-layout~="p-y@sm:lg"] {
5218
+ [cds-layout~="p-y@sm:md"] {
4951
5219
  padding-top: var(--δ5) !important;
4952
5220
  padding-bottom: var(--δ5) !important;
4953
5221
  }
4954
5222
 
4955
- [cds-layout~="p-x@sm:xl"] {
5223
+ [cds-layout~="p-x@sm:lg"] {
4956
5224
  padding-left: var(--δ6) !important;
4957
5225
  padding-right: var(--δ6) !important;
4958
5226
  }
4959
5227
 
4960
- [cds-layout~="p-y@sm:xl"] {
5228
+ [cds-layout~="p-y@sm:lg"] {
4961
5229
  padding-top: var(--δ6) !important;
4962
5230
  padding-bottom: var(--δ6) !important;
4963
5231
  }
4964
5232
 
4965
- [cds-layout~="p-x@sm:xxl"] {
5233
+ [cds-layout~="p-x@sm:xl"] {
4966
5234
  padding-left: var(--δ7) !important;
4967
5235
  padding-right: var(--δ7) !important;
4968
5236
  }
4969
5237
 
4970
- [cds-layout~="p-y@sm:xxl"] {
5238
+ [cds-layout~="p-y@sm:xl"] {
4971
5239
  padding-top: var(--δ7) !important;
4972
5240
  padding-bottom: var(--δ7) !important;
4973
5241
  }
4974
5242
 
5243
+ [cds-layout~="p-x@sm:xxl"] {
5244
+ padding-left: var(--δ8) !important;
5245
+ padding-right: var(--δ8) !important;
5246
+ }
5247
+
5248
+ [cds-layout~="p-y@sm:xxl"] {
5249
+ padding-top: var(--δ8) !important;
5250
+ padding-bottom: var(--δ8) !important;
5251
+ }
5252
+
5253
+ [cds-layout~="p-x@sm:xxxl"] {
5254
+ padding-left: var(--δ9) !important;
5255
+ padding-right: var(--δ9) !important;
5256
+ }
5257
+
5258
+ [cds-layout~="p-y@sm:xxxl"] {
5259
+ padding-top: var(--δ9) !important;
5260
+ padding-bottom: var(--δ9) !important;
5261
+ }
5262
+
4975
5263
  [cds-layout~="m-x@sm:none"] {
4976
5264
  margin-left: 0 !important;
4977
5265
  margin-right: 0 !important;
@@ -4982,76 +5270,96 @@
4982
5270
  margin-bottom: 0 !important;
4983
5271
  }
4984
5272
 
4985
- [cds-layout~="m-x@sm:xxs"] {
5273
+ [cds-layout~="m-x@sm:xxxs"] {
4986
5274
  margin-left: var(--δ1) !important;
4987
5275
  margin-right: var(--δ1) !important;
4988
5276
  }
4989
5277
 
4990
- [cds-layout~="m-y@sm:xxs"] {
5278
+ [cds-layout~="m-y@sm:xxxs"] {
4991
5279
  margin-top: var(--δ1) !important;
4992
5280
  margin-bottom: var(--δ1) !important;
4993
5281
  }
4994
5282
 
4995
- [cds-layout~="m-x@sm:xs"] {
5283
+ [cds-layout~="m-x@sm:xxs"] {
4996
5284
  margin-left: var(--δ2) !important;
4997
5285
  margin-right: var(--δ2) !important;
4998
5286
  }
4999
5287
 
5000
- [cds-layout~="m-y@sm:xs"] {
5288
+ [cds-layout~="m-y@sm:xxs"] {
5001
5289
  margin-top: var(--δ2) !important;
5002
5290
  margin-bottom: var(--δ2) !important;
5003
5291
  }
5004
5292
 
5005
- [cds-layout~="m-x@sm:sm"] {
5293
+ [cds-layout~="m-x@sm:xs"] {
5006
5294
  margin-left: var(--δ3) !important;
5007
5295
  margin-right: var(--δ3) !important;
5008
5296
  }
5009
5297
 
5010
- [cds-layout~="m-y@sm:sm"] {
5298
+ [cds-layout~="m-y@sm:xs"] {
5011
5299
  margin-top: var(--δ3) !important;
5012
5300
  margin-bottom: var(--δ3) !important;
5013
5301
  }
5014
5302
 
5015
- [cds-layout~="m-x@sm:md"] {
5303
+ [cds-layout~="m-x@sm:sm"] {
5016
5304
  margin-left: var(--δ4) !important;
5017
5305
  margin-right: var(--δ4) !important;
5018
5306
  }
5019
5307
 
5020
- [cds-layout~="m-y@sm:md"] {
5308
+ [cds-layout~="m-y@sm:sm"] {
5021
5309
  margin-top: var(--δ4) !important;
5022
5310
  margin-bottom: var(--δ4) !important;
5023
5311
  }
5024
5312
 
5025
- [cds-layout~="m-x@sm:lg"] {
5313
+ [cds-layout~="m-x@sm:md"] {
5026
5314
  margin-left: var(--δ5) !important;
5027
5315
  margin-right: var(--δ5) !important;
5028
5316
  }
5029
5317
 
5030
- [cds-layout~="m-y@sm:lg"] {
5318
+ [cds-layout~="m-y@sm:md"] {
5031
5319
  margin-top: var(--δ5) !important;
5032
5320
  margin-bottom: var(--δ5) !important;
5033
5321
  }
5034
5322
 
5035
- [cds-layout~="m-x@sm:xl"] {
5323
+ [cds-layout~="m-x@sm:lg"] {
5036
5324
  margin-left: var(--δ6) !important;
5037
5325
  margin-right: var(--δ6) !important;
5038
5326
  }
5039
5327
 
5040
- [cds-layout~="m-y@sm:xl"] {
5328
+ [cds-layout~="m-y@sm:lg"] {
5041
5329
  margin-top: var(--δ6) !important;
5042
5330
  margin-bottom: var(--δ6) !important;
5043
5331
  }
5044
5332
 
5045
- [cds-layout~="m-x@sm:xxl"] {
5333
+ [cds-layout~="m-x@sm:xl"] {
5046
5334
  margin-left: var(--δ7) !important;
5047
5335
  margin-right: var(--δ7) !important;
5048
5336
  }
5049
5337
 
5050
- [cds-layout~="m-y@sm:xxl"] {
5338
+ [cds-layout~="m-y@sm:xl"] {
5051
5339
  margin-top: var(--δ7) !important;
5052
5340
  margin-bottom: var(--δ7) !important;
5053
5341
  }
5054
5342
 
5343
+ [cds-layout~="m-x@sm:xxl"] {
5344
+ margin-left: var(--δ8) !important;
5345
+ margin-right: var(--δ8) !important;
5346
+ }
5347
+
5348
+ [cds-layout~="m-y@sm:xxl"] {
5349
+ margin-top: var(--δ8) !important;
5350
+ margin-bottom: var(--δ8) !important;
5351
+ }
5352
+
5353
+ [cds-layout~="m-x@sm:xxxl"] {
5354
+ margin-left: var(--δ9) !important;
5355
+ margin-right: var(--δ9) !important;
5356
+ }
5357
+
5358
+ [cds-layout~="m-y@sm:xxxl"] {
5359
+ margin-top: var(--δ9) !important;
5360
+ margin-bottom: var(--δ9) !important;
5361
+ }
5362
+
5055
5363
  [cds-layout~="p-t@sm:none"] {
5056
5364
  padding-top: 0 !important;
5057
5365
  }
@@ -5068,118 +5376,150 @@
5068
5376
  padding-left: 0 !important;
5069
5377
  }
5070
5378
 
5071
- [cds-layout~="p-t@sm:xxs"] {
5379
+ [cds-layout~="p-t@sm:xxxs"] {
5072
5380
  padding-top: var(--δ1) !important;
5073
5381
  }
5074
5382
 
5075
- [cds-layout~="p-r@sm:xxs"] {
5383
+ [cds-layout~="p-r@sm:xxxs"] {
5076
5384
  padding-right: var(--δ1) !important;
5077
5385
  }
5078
5386
 
5079
- [cds-layout~="p-b@sm:xxs"] {
5387
+ [cds-layout~="p-b@sm:xxxs"] {
5080
5388
  padding-bottom: var(--δ1) !important;
5081
5389
  }
5082
5390
 
5083
- [cds-layout~="p-l@sm:xxs"] {
5391
+ [cds-layout~="p-l@sm:xxxs"] {
5084
5392
  padding-left: var(--δ1) !important;
5085
5393
  }
5086
5394
 
5087
- [cds-layout~="p-t@sm:xs"] {
5395
+ [cds-layout~="p-t@sm:xxs"] {
5088
5396
  padding-top: var(--δ2) !important;
5089
5397
  }
5090
5398
 
5091
- [cds-layout~="p-r@sm:xs"] {
5399
+ [cds-layout~="p-r@sm:xxs"] {
5092
5400
  padding-right: var(--δ2) !important;
5093
5401
  }
5094
5402
 
5095
- [cds-layout~="p-b@sm:xs"] {
5403
+ [cds-layout~="p-b@sm:xxs"] {
5096
5404
  padding-bottom: var(--δ2) !important;
5097
5405
  }
5098
5406
 
5099
- [cds-layout~="p-l@sm:xs"] {
5407
+ [cds-layout~="p-l@sm:xxs"] {
5100
5408
  padding-left: var(--δ2) !important;
5101
5409
  }
5102
5410
 
5103
- [cds-layout~="p-t@sm:sm"] {
5411
+ [cds-layout~="p-t@sm:xs"] {
5104
5412
  padding-top: var(--δ3) !important;
5105
5413
  }
5106
5414
 
5107
- [cds-layout~="p-r@sm:sm"] {
5415
+ [cds-layout~="p-r@sm:xs"] {
5108
5416
  padding-right: var(--δ3) !important;
5109
5417
  }
5110
5418
 
5111
- [cds-layout~="p-b@sm:sm"] {
5419
+ [cds-layout~="p-b@sm:xs"] {
5112
5420
  padding-bottom: var(--δ3) !important;
5113
5421
  }
5114
5422
 
5115
- [cds-layout~="p-l@sm:sm"] {
5423
+ [cds-layout~="p-l@sm:xs"] {
5116
5424
  padding-left: var(--δ3) !important;
5117
5425
  }
5118
5426
 
5119
- [cds-layout~="p-t@sm:md"] {
5427
+ [cds-layout~="p-t@sm:sm"] {
5120
5428
  padding-top: var(--δ4) !important;
5121
5429
  }
5122
5430
 
5123
- [cds-layout~="p-r@sm:md"] {
5431
+ [cds-layout~="p-r@sm:sm"] {
5124
5432
  padding-right: var(--δ4) !important;
5125
5433
  }
5126
5434
 
5127
- [cds-layout~="p-b@sm:md"] {
5435
+ [cds-layout~="p-b@sm:sm"] {
5128
5436
  padding-bottom: var(--δ4) !important;
5129
5437
  }
5130
5438
 
5131
- [cds-layout~="p-l@sm:md"] {
5439
+ [cds-layout~="p-l@sm:sm"] {
5132
5440
  padding-left: var(--δ4) !important;
5133
5441
  }
5134
5442
 
5135
- [cds-layout~="p-t@sm:lg"] {
5443
+ [cds-layout~="p-t@sm:md"] {
5136
5444
  padding-top: var(--δ5) !important;
5137
5445
  }
5138
5446
 
5139
- [cds-layout~="p-r@sm:lg"] {
5447
+ [cds-layout~="p-r@sm:md"] {
5140
5448
  padding-right: var(--δ5) !important;
5141
5449
  }
5142
5450
 
5143
- [cds-layout~="p-b@sm:lg"] {
5451
+ [cds-layout~="p-b@sm:md"] {
5144
5452
  padding-bottom: var(--δ5) !important;
5145
5453
  }
5146
5454
 
5147
- [cds-layout~="p-l@sm:lg"] {
5455
+ [cds-layout~="p-l@sm:md"] {
5148
5456
  padding-left: var(--δ5) !important;
5149
5457
  }
5150
5458
 
5151
- [cds-layout~="p-t@sm:xl"] {
5459
+ [cds-layout~="p-t@sm:lg"] {
5152
5460
  padding-top: var(--δ6) !important;
5153
5461
  }
5154
5462
 
5155
- [cds-layout~="p-r@sm:xl"] {
5463
+ [cds-layout~="p-r@sm:lg"] {
5156
5464
  padding-right: var(--δ6) !important;
5157
5465
  }
5158
5466
 
5159
- [cds-layout~="p-b@sm:xl"] {
5467
+ [cds-layout~="p-b@sm:lg"] {
5160
5468
  padding-bottom: var(--δ6) !important;
5161
5469
  }
5162
5470
 
5163
- [cds-layout~="p-l@sm:xl"] {
5471
+ [cds-layout~="p-l@sm:lg"] {
5164
5472
  padding-left: var(--δ6) !important;
5165
5473
  }
5166
5474
 
5167
- [cds-layout~="p-t@sm:xxl"] {
5475
+ [cds-layout~="p-t@sm:xl"] {
5168
5476
  padding-top: var(--δ7) !important;
5169
5477
  }
5170
5478
 
5171
- [cds-layout~="p-r@sm:xxl"] {
5479
+ [cds-layout~="p-r@sm:xl"] {
5172
5480
  padding-right: var(--δ7) !important;
5173
5481
  }
5174
5482
 
5175
- [cds-layout~="p-b@sm:xxl"] {
5483
+ [cds-layout~="p-b@sm:xl"] {
5176
5484
  padding-bottom: var(--δ7) !important;
5177
5485
  }
5178
5486
 
5179
- [cds-layout~="p-l@sm:xxl"] {
5487
+ [cds-layout~="p-l@sm:xl"] {
5180
5488
  padding-left: var(--δ7) !important;
5181
5489
  }
5182
5490
 
5491
+ [cds-layout~="p-t@sm:xxl"] {
5492
+ padding-top: var(--δ8) !important;
5493
+ }
5494
+
5495
+ [cds-layout~="p-r@sm:xxl"] {
5496
+ padding-right: var(--δ8) !important;
5497
+ }
5498
+
5499
+ [cds-layout~="p-b@sm:xxl"] {
5500
+ padding-bottom: var(--δ8) !important;
5501
+ }
5502
+
5503
+ [cds-layout~="p-l@sm:xxl"] {
5504
+ padding-left: var(--δ8) !important;
5505
+ }
5506
+
5507
+ [cds-layout~="p-t@sm:xxxl"] {
5508
+ padding-top: var(--δ9) !important;
5509
+ }
5510
+
5511
+ [cds-layout~="p-r@sm:xxxl"] {
5512
+ padding-right: var(--δ9) !important;
5513
+ }
5514
+
5515
+ [cds-layout~="p-b@sm:xxxl"] {
5516
+ padding-bottom: var(--δ9) !important;
5517
+ }
5518
+
5519
+ [cds-layout~="p-l@sm:xxxl"] {
5520
+ padding-left: var(--δ9) !important;
5521
+ }
5522
+
5183
5523
  [cds-layout~="m-t@sm:none"] {
5184
5524
  margin-top: 0 !important;
5185
5525
  }
@@ -5196,151 +5536,191 @@
5196
5536
  margin-left: 0 !important;
5197
5537
  }
5198
5538
 
5199
- [cds-layout~="m-t@sm:xxs"] {
5539
+ [cds-layout~="m-t@sm:xxxs"] {
5200
5540
  margin-top: var(--δ1) !important;
5201
5541
  }
5202
5542
 
5203
- [cds-layout~="m-r@sm:xxs"] {
5543
+ [cds-layout~="m-r@sm:xxxs"] {
5204
5544
  margin-right: var(--δ1) !important;
5205
5545
  }
5206
5546
 
5207
- [cds-layout~="m-b@sm:xxs"] {
5547
+ [cds-layout~="m-b@sm:xxxs"] {
5208
5548
  margin-bottom: var(--δ1) !important;
5209
5549
  }
5210
5550
 
5211
- [cds-layout~="m-l@sm:xxs"] {
5551
+ [cds-layout~="m-l@sm:xxxs"] {
5212
5552
  margin-left: var(--δ1) !important;
5213
5553
  }
5214
5554
 
5215
- [cds-layout~="m-t@sm:xs"] {
5555
+ [cds-layout~="m-t@sm:xxs"] {
5216
5556
  margin-top: var(--δ2) !important;
5217
5557
  }
5218
5558
 
5219
- [cds-layout~="m-r@sm:xs"] {
5559
+ [cds-layout~="m-r@sm:xxs"] {
5220
5560
  margin-right: var(--δ2) !important;
5221
5561
  }
5222
5562
 
5223
- [cds-layout~="m-b@sm:xs"] {
5563
+ [cds-layout~="m-b@sm:xxs"] {
5224
5564
  margin-bottom: var(--δ2) !important;
5225
5565
  }
5226
5566
 
5227
- [cds-layout~="m-l@sm:xs"] {
5567
+ [cds-layout~="m-l@sm:xxs"] {
5228
5568
  margin-left: var(--δ2) !important;
5229
5569
  }
5230
5570
 
5231
- [cds-layout~="m-t@sm:sm"] {
5571
+ [cds-layout~="m-t@sm:xs"] {
5232
5572
  margin-top: var(--δ3) !important;
5233
5573
  }
5234
5574
 
5235
- [cds-layout~="m-r@sm:sm"] {
5575
+ [cds-layout~="m-r@sm:xs"] {
5236
5576
  margin-right: var(--δ3) !important;
5237
5577
  }
5238
5578
 
5239
- [cds-layout~="m-b@sm:sm"] {
5579
+ [cds-layout~="m-b@sm:xs"] {
5240
5580
  margin-bottom: var(--δ3) !important;
5241
5581
  }
5242
5582
 
5243
- [cds-layout~="m-l@sm:sm"] {
5583
+ [cds-layout~="m-l@sm:xs"] {
5244
5584
  margin-left: var(--δ3) !important;
5245
5585
  }
5246
5586
 
5247
- [cds-layout~="m-t@sm:md"] {
5587
+ [cds-layout~="m-t@sm:sm"] {
5248
5588
  margin-top: var(--δ4) !important;
5249
5589
  }
5250
5590
 
5251
- [cds-layout~="m-r@sm:md"] {
5591
+ [cds-layout~="m-r@sm:sm"] {
5252
5592
  margin-right: var(--δ4) !important;
5253
5593
  }
5254
5594
 
5255
- [cds-layout~="m-b@sm:md"] {
5595
+ [cds-layout~="m-b@sm:sm"] {
5256
5596
  margin-bottom: var(--δ4) !important;
5257
5597
  }
5258
5598
 
5259
- [cds-layout~="m-l@sm:md"] {
5599
+ [cds-layout~="m-l@sm:sm"] {
5260
5600
  margin-left: var(--δ4) !important;
5261
5601
  }
5262
5602
 
5263
- [cds-layout~="m-t@sm:lg"] {
5603
+ [cds-layout~="m-t@sm:md"] {
5264
5604
  margin-top: var(--δ5) !important;
5265
5605
  }
5266
5606
 
5267
- [cds-layout~="m-r@sm:lg"] {
5607
+ [cds-layout~="m-r@sm:md"] {
5268
5608
  margin-right: var(--δ5) !important;
5269
5609
  }
5270
5610
 
5271
- [cds-layout~="m-b@sm:lg"] {
5611
+ [cds-layout~="m-b@sm:md"] {
5272
5612
  margin-bottom: var(--δ5) !important;
5273
5613
  }
5274
5614
 
5275
- [cds-layout~="m-l@sm:lg"] {
5615
+ [cds-layout~="m-l@sm:md"] {
5276
5616
  margin-left: var(--δ5) !important;
5277
5617
  }
5278
5618
 
5279
- [cds-layout~="m-t@sm:xl"] {
5619
+ [cds-layout~="m-t@sm:lg"] {
5280
5620
  margin-top: var(--δ6) !important;
5281
5621
  }
5282
5622
 
5283
- [cds-layout~="m-r@sm:xl"] {
5623
+ [cds-layout~="m-r@sm:lg"] {
5284
5624
  margin-right: var(--δ6) !important;
5285
5625
  }
5286
5626
 
5287
- [cds-layout~="m-b@sm:xl"] {
5627
+ [cds-layout~="m-b@sm:lg"] {
5288
5628
  margin-bottom: var(--δ6) !important;
5289
5629
  }
5290
5630
 
5291
- [cds-layout~="m-l@sm:xl"] {
5631
+ [cds-layout~="m-l@sm:lg"] {
5292
5632
  margin-left: var(--δ6) !important;
5293
5633
  }
5294
5634
 
5295
- [cds-layout~="m-t@sm:xxl"] {
5635
+ [cds-layout~="m-t@sm:xl"] {
5296
5636
  margin-top: var(--δ7) !important;
5297
5637
  }
5298
5638
 
5299
- [cds-layout~="m-r@sm:xxl"] {
5639
+ [cds-layout~="m-r@sm:xl"] {
5300
5640
  margin-right: var(--δ7) !important;
5301
5641
  }
5302
5642
 
5303
- [cds-layout~="m-b@sm:xxl"] {
5643
+ [cds-layout~="m-b@sm:xl"] {
5304
5644
  margin-bottom: var(--δ7) !important;
5305
5645
  }
5306
5646
 
5307
- [cds-layout~="m-l@sm:xxl"] {
5647
+ [cds-layout~="m-l@sm:xl"] {
5308
5648
  margin-left: var(--δ7) !important;
5309
5649
  }
5650
+
5651
+ [cds-layout~="m-t@sm:xxl"] {
5652
+ margin-top: var(--δ8) !important;
5653
+ }
5654
+
5655
+ [cds-layout~="m-r@sm:xxl"] {
5656
+ margin-right: var(--δ8) !important;
5657
+ }
5658
+
5659
+ [cds-layout~="m-b@sm:xxl"] {
5660
+ margin-bottom: var(--δ8) !important;
5661
+ }
5662
+
5663
+ [cds-layout~="m-l@sm:xxl"] {
5664
+ margin-left: var(--δ8) !important;
5665
+ }
5666
+
5667
+ [cds-layout~="m-t@sm:xxxl"] {
5668
+ margin-top: var(--δ9) !important;
5669
+ }
5670
+
5671
+ [cds-layout~="m-r@sm:xxxl"] {
5672
+ margin-right: var(--δ9) !important;
5673
+ }
5674
+
5675
+ [cds-layout~="m-b@sm:xxxl"] {
5676
+ margin-bottom: var(--δ9) !important;
5677
+ }
5678
+
5679
+ [cds-layout~="m-l@sm:xxxl"] {
5680
+ margin-left: var(--δ9) !important;
5681
+ }
5310
5682
  }
5311
5683
  @media (min-width: 992px) {
5312
5684
  [cds-layout*="gap@md:none"] {
5313
5685
  gap: 0;
5314
5686
  }
5315
5687
 
5316
- [cds-layout*="gap@md:xxs"] {
5688
+ [cds-layout*="gap@md:xxxs"] {
5317
5689
  gap: var(--δ1);
5318
5690
  }
5319
5691
 
5320
- [cds-layout*="gap@md:xs"] {
5692
+ [cds-layout*="gap@md:xxs"] {
5321
5693
  gap: var(--δ2);
5322
5694
  }
5323
5695
 
5324
- [cds-layout*="gap@md:sm"] {
5696
+ [cds-layout*="gap@md:xs"] {
5325
5697
  gap: var(--δ3);
5326
5698
  }
5327
5699
 
5328
- [cds-layout*="gap@md:md"] {
5700
+ [cds-layout*="gap@md:sm"] {
5329
5701
  gap: var(--δ4);
5330
5702
  }
5331
5703
 
5332
- [cds-layout*="gap@md:lg"] {
5704
+ [cds-layout*="gap@md:md"] {
5333
5705
  gap: var(--δ5);
5334
5706
  }
5335
5707
 
5336
- [cds-layout*="gap@md:xl"] {
5708
+ [cds-layout*="gap@md:lg"] {
5337
5709
  gap: var(--δ6);
5338
5710
  }
5339
5711
 
5340
- [cds-layout*="gap@md:xxl"] {
5712
+ [cds-layout*="gap@md:xl"] {
5341
5713
  gap: var(--δ7);
5342
5714
  }
5343
5715
 
5716
+ [cds-layout*="gap@md:xxl"] {
5717
+ gap: var(--δ8);
5718
+ }
5719
+
5720
+ [cds-layout*="gap@md:xxxl"] {
5721
+ gap: var(--δ9);
5722
+ }
5723
+
5344
5724
  [cds-layout~="p@md:none"] {
5345
5725
  padding: 0 !important;
5346
5726
  }
@@ -5349,60 +5729,76 @@
5349
5729
  margin: 0 !important;
5350
5730
  }
5351
5731
 
5352
- [cds-layout~="p@md:xxs"] {
5732
+ [cds-layout~="p@md:xxxs"] {
5353
5733
  padding: var(--δ1) !important;
5354
5734
  }
5355
5735
 
5356
- [cds-layout~="m@md:xxs"] {
5736
+ [cds-layout~="m@md:xxxs"] {
5357
5737
  margin: var(--δ1) !important;
5358
5738
  }
5359
5739
 
5360
- [cds-layout~="p@md:xs"] {
5740
+ [cds-layout~="p@md:xxs"] {
5361
5741
  padding: var(--δ2) !important;
5362
5742
  }
5363
5743
 
5364
- [cds-layout~="m@md:xs"] {
5744
+ [cds-layout~="m@md:xxs"] {
5365
5745
  margin: var(--δ2) !important;
5366
5746
  }
5367
5747
 
5368
- [cds-layout~="p@md:sm"] {
5748
+ [cds-layout~="p@md:xs"] {
5369
5749
  padding: var(--δ3) !important;
5370
5750
  }
5371
5751
 
5372
- [cds-layout~="m@md:sm"] {
5752
+ [cds-layout~="m@md:xs"] {
5373
5753
  margin: var(--δ3) !important;
5374
5754
  }
5375
5755
 
5376
- [cds-layout~="p@md:md"] {
5756
+ [cds-layout~="p@md:sm"] {
5377
5757
  padding: var(--δ4) !important;
5378
5758
  }
5379
5759
 
5380
- [cds-layout~="m@md:md"] {
5760
+ [cds-layout~="m@md:sm"] {
5381
5761
  margin: var(--δ4) !important;
5382
5762
  }
5383
5763
 
5384
- [cds-layout~="p@md:lg"] {
5764
+ [cds-layout~="p@md:md"] {
5385
5765
  padding: var(--δ5) !important;
5386
5766
  }
5387
5767
 
5768
+ [cds-layout~="m@md:md"] {
5769
+ margin: var(--δ5) !important;
5770
+ }
5771
+
5772
+ [cds-layout~="p@md:lg"] {
5773
+ padding: var(--δ6) !important;
5774
+ }
5775
+
5388
5776
  [cds-layout~="m@md:lg"] {
5389
- margin: var(--δ5) !important;
5777
+ margin: var(--δ6) !important;
5390
5778
  }
5391
5779
 
5392
5780
  [cds-layout~="p@md:xl"] {
5393
- padding: var(--δ6) !important;
5781
+ padding: var(--δ7) !important;
5394
5782
  }
5395
5783
 
5396
5784
  [cds-layout~="m@md:xl"] {
5397
- margin: var(--δ6) !important;
5785
+ margin: var(--δ7) !important;
5398
5786
  }
5399
5787
 
5400
5788
  [cds-layout~="p@md:xxl"] {
5401
- padding: var(--δ7) !important;
5789
+ padding: var(--δ8) !important;
5402
5790
  }
5403
5791
 
5404
5792
  [cds-layout~="m@md:xxl"] {
5405
- margin: var(--δ7) !important;
5793
+ margin: var(--δ8) !important;
5794
+ }
5795
+
5796
+ [cds-layout~="p@md:xxxl"] {
5797
+ padding: var(--δ9) !important;
5798
+ }
5799
+
5800
+ [cds-layout~="m@md:xxxl"] {
5801
+ margin: var(--δ9) !important;
5406
5802
  }
5407
5803
 
5408
5804
  [cds-layout~="p-x@md:none"] {
@@ -5415,76 +5811,96 @@
5415
5811
  padding-bottom: 0 !important;
5416
5812
  }
5417
5813
 
5418
- [cds-layout~="p-x@md:xxs"] {
5814
+ [cds-layout~="p-x@md:xxxs"] {
5419
5815
  padding-left: var(--δ1) !important;
5420
5816
  padding-right: var(--δ1) !important;
5421
5817
  }
5422
5818
 
5423
- [cds-layout~="p-y@md:xxs"] {
5819
+ [cds-layout~="p-y@md:xxxs"] {
5424
5820
  padding-top: var(--δ1) !important;
5425
5821
  padding-bottom: var(--δ1) !important;
5426
5822
  }
5427
5823
 
5428
- [cds-layout~="p-x@md:xs"] {
5824
+ [cds-layout~="p-x@md:xxs"] {
5429
5825
  padding-left: var(--δ2) !important;
5430
5826
  padding-right: var(--δ2) !important;
5431
5827
  }
5432
5828
 
5433
- [cds-layout~="p-y@md:xs"] {
5829
+ [cds-layout~="p-y@md:xxs"] {
5434
5830
  padding-top: var(--δ2) !important;
5435
5831
  padding-bottom: var(--δ2) !important;
5436
5832
  }
5437
5833
 
5438
- [cds-layout~="p-x@md:sm"] {
5834
+ [cds-layout~="p-x@md:xs"] {
5439
5835
  padding-left: var(--δ3) !important;
5440
5836
  padding-right: var(--δ3) !important;
5441
5837
  }
5442
5838
 
5443
- [cds-layout~="p-y@md:sm"] {
5839
+ [cds-layout~="p-y@md:xs"] {
5444
5840
  padding-top: var(--δ3) !important;
5445
5841
  padding-bottom: var(--δ3) !important;
5446
5842
  }
5447
5843
 
5448
- [cds-layout~="p-x@md:md"] {
5844
+ [cds-layout~="p-x@md:sm"] {
5449
5845
  padding-left: var(--δ4) !important;
5450
5846
  padding-right: var(--δ4) !important;
5451
5847
  }
5452
5848
 
5453
- [cds-layout~="p-y@md:md"] {
5849
+ [cds-layout~="p-y@md:sm"] {
5454
5850
  padding-top: var(--δ4) !important;
5455
5851
  padding-bottom: var(--δ4) !important;
5456
5852
  }
5457
5853
 
5458
- [cds-layout~="p-x@md:lg"] {
5854
+ [cds-layout~="p-x@md:md"] {
5459
5855
  padding-left: var(--δ5) !important;
5460
5856
  padding-right: var(--δ5) !important;
5461
5857
  }
5462
5858
 
5463
- [cds-layout~="p-y@md:lg"] {
5859
+ [cds-layout~="p-y@md:md"] {
5464
5860
  padding-top: var(--δ5) !important;
5465
5861
  padding-bottom: var(--δ5) !important;
5466
5862
  }
5467
5863
 
5468
- [cds-layout~="p-x@md:xl"] {
5864
+ [cds-layout~="p-x@md:lg"] {
5469
5865
  padding-left: var(--δ6) !important;
5470
5866
  padding-right: var(--δ6) !important;
5471
5867
  }
5472
5868
 
5473
- [cds-layout~="p-y@md:xl"] {
5869
+ [cds-layout~="p-y@md:lg"] {
5474
5870
  padding-top: var(--δ6) !important;
5475
5871
  padding-bottom: var(--δ6) !important;
5476
5872
  }
5477
5873
 
5478
- [cds-layout~="p-x@md:xxl"] {
5874
+ [cds-layout~="p-x@md:xl"] {
5479
5875
  padding-left: var(--δ7) !important;
5480
5876
  padding-right: var(--δ7) !important;
5481
5877
  }
5482
5878
 
5483
- [cds-layout~="p-y@md:xxl"] {
5879
+ [cds-layout~="p-y@md:xl"] {
5484
5880
  padding-top: var(--δ7) !important;
5485
5881
  padding-bottom: var(--δ7) !important;
5486
5882
  }
5487
5883
 
5884
+ [cds-layout~="p-x@md:xxl"] {
5885
+ padding-left: var(--δ8) !important;
5886
+ padding-right: var(--δ8) !important;
5887
+ }
5888
+
5889
+ [cds-layout~="p-y@md:xxl"] {
5890
+ padding-top: var(--δ8) !important;
5891
+ padding-bottom: var(--δ8) !important;
5892
+ }
5893
+
5894
+ [cds-layout~="p-x@md:xxxl"] {
5895
+ padding-left: var(--δ9) !important;
5896
+ padding-right: var(--δ9) !important;
5897
+ }
5898
+
5899
+ [cds-layout~="p-y@md:xxxl"] {
5900
+ padding-top: var(--δ9) !important;
5901
+ padding-bottom: var(--δ9) !important;
5902
+ }
5903
+
5488
5904
  [cds-layout~="m-x@md:none"] {
5489
5905
  margin-left: 0 !important;
5490
5906
  margin-right: 0 !important;
@@ -5495,76 +5911,96 @@
5495
5911
  margin-bottom: 0 !important;
5496
5912
  }
5497
5913
 
5498
- [cds-layout~="m-x@md:xxs"] {
5914
+ [cds-layout~="m-x@md:xxxs"] {
5499
5915
  margin-left: var(--δ1) !important;
5500
5916
  margin-right: var(--δ1) !important;
5501
5917
  }
5502
5918
 
5503
- [cds-layout~="m-y@md:xxs"] {
5919
+ [cds-layout~="m-y@md:xxxs"] {
5504
5920
  margin-top: var(--δ1) !important;
5505
5921
  margin-bottom: var(--δ1) !important;
5506
5922
  }
5507
5923
 
5508
- [cds-layout~="m-x@md:xs"] {
5924
+ [cds-layout~="m-x@md:xxs"] {
5509
5925
  margin-left: var(--δ2) !important;
5510
5926
  margin-right: var(--δ2) !important;
5511
5927
  }
5512
5928
 
5513
- [cds-layout~="m-y@md:xs"] {
5929
+ [cds-layout~="m-y@md:xxs"] {
5514
5930
  margin-top: var(--δ2) !important;
5515
5931
  margin-bottom: var(--δ2) !important;
5516
5932
  }
5517
5933
 
5518
- [cds-layout~="m-x@md:sm"] {
5934
+ [cds-layout~="m-x@md:xs"] {
5519
5935
  margin-left: var(--δ3) !important;
5520
5936
  margin-right: var(--δ3) !important;
5521
5937
  }
5522
5938
 
5523
- [cds-layout~="m-y@md:sm"] {
5939
+ [cds-layout~="m-y@md:xs"] {
5524
5940
  margin-top: var(--δ3) !important;
5525
5941
  margin-bottom: var(--δ3) !important;
5526
5942
  }
5527
5943
 
5528
- [cds-layout~="m-x@md:md"] {
5944
+ [cds-layout~="m-x@md:sm"] {
5529
5945
  margin-left: var(--δ4) !important;
5530
5946
  margin-right: var(--δ4) !important;
5531
5947
  }
5532
5948
 
5533
- [cds-layout~="m-y@md:md"] {
5949
+ [cds-layout~="m-y@md:sm"] {
5534
5950
  margin-top: var(--δ4) !important;
5535
5951
  margin-bottom: var(--δ4) !important;
5536
5952
  }
5537
5953
 
5538
- [cds-layout~="m-x@md:lg"] {
5954
+ [cds-layout~="m-x@md:md"] {
5539
5955
  margin-left: var(--δ5) !important;
5540
5956
  margin-right: var(--δ5) !important;
5541
5957
  }
5542
5958
 
5543
- [cds-layout~="m-y@md:lg"] {
5959
+ [cds-layout~="m-y@md:md"] {
5544
5960
  margin-top: var(--δ5) !important;
5545
5961
  margin-bottom: var(--δ5) !important;
5546
5962
  }
5547
5963
 
5548
- [cds-layout~="m-x@md:xl"] {
5964
+ [cds-layout~="m-x@md:lg"] {
5549
5965
  margin-left: var(--δ6) !important;
5550
5966
  margin-right: var(--δ6) !important;
5551
5967
  }
5552
5968
 
5553
- [cds-layout~="m-y@md:xl"] {
5969
+ [cds-layout~="m-y@md:lg"] {
5554
5970
  margin-top: var(--δ6) !important;
5555
5971
  margin-bottom: var(--δ6) !important;
5556
5972
  }
5557
5973
 
5558
- [cds-layout~="m-x@md:xxl"] {
5974
+ [cds-layout~="m-x@md:xl"] {
5559
5975
  margin-left: var(--δ7) !important;
5560
5976
  margin-right: var(--δ7) !important;
5561
5977
  }
5562
5978
 
5563
- [cds-layout~="m-y@md:xxl"] {
5979
+ [cds-layout~="m-y@md:xl"] {
5564
5980
  margin-top: var(--δ7) !important;
5565
5981
  margin-bottom: var(--δ7) !important;
5566
5982
  }
5567
5983
 
5984
+ [cds-layout~="m-x@md:xxl"] {
5985
+ margin-left: var(--δ8) !important;
5986
+ margin-right: var(--δ8) !important;
5987
+ }
5988
+
5989
+ [cds-layout~="m-y@md:xxl"] {
5990
+ margin-top: var(--δ8) !important;
5991
+ margin-bottom: var(--δ8) !important;
5992
+ }
5993
+
5994
+ [cds-layout~="m-x@md:xxxl"] {
5995
+ margin-left: var(--δ9) !important;
5996
+ margin-right: var(--δ9) !important;
5997
+ }
5998
+
5999
+ [cds-layout~="m-y@md:xxxl"] {
6000
+ margin-top: var(--δ9) !important;
6001
+ margin-bottom: var(--δ9) !important;
6002
+ }
6003
+
5568
6004
  [cds-layout~="p-t@md:none"] {
5569
6005
  padding-top: 0 !important;
5570
6006
  }
@@ -5581,118 +6017,150 @@
5581
6017
  padding-left: 0 !important;
5582
6018
  }
5583
6019
 
5584
- [cds-layout~="p-t@md:xxs"] {
6020
+ [cds-layout~="p-t@md:xxxs"] {
5585
6021
  padding-top: var(--δ1) !important;
5586
6022
  }
5587
6023
 
5588
- [cds-layout~="p-r@md:xxs"] {
6024
+ [cds-layout~="p-r@md:xxxs"] {
5589
6025
  padding-right: var(--δ1) !important;
5590
6026
  }
5591
6027
 
5592
- [cds-layout~="p-b@md:xxs"] {
6028
+ [cds-layout~="p-b@md:xxxs"] {
5593
6029
  padding-bottom: var(--δ1) !important;
5594
6030
  }
5595
6031
 
5596
- [cds-layout~="p-l@md:xxs"] {
6032
+ [cds-layout~="p-l@md:xxxs"] {
5597
6033
  padding-left: var(--δ1) !important;
5598
6034
  }
5599
6035
 
5600
- [cds-layout~="p-t@md:xs"] {
6036
+ [cds-layout~="p-t@md:xxs"] {
5601
6037
  padding-top: var(--δ2) !important;
5602
6038
  }
5603
6039
 
5604
- [cds-layout~="p-r@md:xs"] {
6040
+ [cds-layout~="p-r@md:xxs"] {
5605
6041
  padding-right: var(--δ2) !important;
5606
6042
  }
5607
6043
 
5608
- [cds-layout~="p-b@md:xs"] {
6044
+ [cds-layout~="p-b@md:xxs"] {
5609
6045
  padding-bottom: var(--δ2) !important;
5610
6046
  }
5611
6047
 
5612
- [cds-layout~="p-l@md:xs"] {
6048
+ [cds-layout~="p-l@md:xxs"] {
5613
6049
  padding-left: var(--δ2) !important;
5614
6050
  }
5615
6051
 
5616
- [cds-layout~="p-t@md:sm"] {
6052
+ [cds-layout~="p-t@md:xs"] {
5617
6053
  padding-top: var(--δ3) !important;
5618
6054
  }
5619
6055
 
5620
- [cds-layout~="p-r@md:sm"] {
6056
+ [cds-layout~="p-r@md:xs"] {
5621
6057
  padding-right: var(--δ3) !important;
5622
6058
  }
5623
6059
 
5624
- [cds-layout~="p-b@md:sm"] {
6060
+ [cds-layout~="p-b@md:xs"] {
5625
6061
  padding-bottom: var(--δ3) !important;
5626
6062
  }
5627
6063
 
5628
- [cds-layout~="p-l@md:sm"] {
6064
+ [cds-layout~="p-l@md:xs"] {
5629
6065
  padding-left: var(--δ3) !important;
5630
6066
  }
5631
6067
 
5632
- [cds-layout~="p-t@md:md"] {
6068
+ [cds-layout~="p-t@md:sm"] {
5633
6069
  padding-top: var(--δ4) !important;
5634
6070
  }
5635
6071
 
5636
- [cds-layout~="p-r@md:md"] {
6072
+ [cds-layout~="p-r@md:sm"] {
5637
6073
  padding-right: var(--δ4) !important;
5638
6074
  }
5639
6075
 
5640
- [cds-layout~="p-b@md:md"] {
6076
+ [cds-layout~="p-b@md:sm"] {
5641
6077
  padding-bottom: var(--δ4) !important;
5642
6078
  }
5643
6079
 
5644
- [cds-layout~="p-l@md:md"] {
6080
+ [cds-layout~="p-l@md:sm"] {
5645
6081
  padding-left: var(--δ4) !important;
5646
6082
  }
5647
6083
 
5648
- [cds-layout~="p-t@md:lg"] {
6084
+ [cds-layout~="p-t@md:md"] {
5649
6085
  padding-top: var(--δ5) !important;
5650
6086
  }
5651
6087
 
5652
- [cds-layout~="p-r@md:lg"] {
6088
+ [cds-layout~="p-r@md:md"] {
5653
6089
  padding-right: var(--δ5) !important;
5654
6090
  }
5655
6091
 
5656
- [cds-layout~="p-b@md:lg"] {
6092
+ [cds-layout~="p-b@md:md"] {
5657
6093
  padding-bottom: var(--δ5) !important;
5658
6094
  }
5659
6095
 
5660
- [cds-layout~="p-l@md:lg"] {
6096
+ [cds-layout~="p-l@md:md"] {
5661
6097
  padding-left: var(--δ5) !important;
5662
6098
  }
5663
6099
 
5664
- [cds-layout~="p-t@md:xl"] {
6100
+ [cds-layout~="p-t@md:lg"] {
5665
6101
  padding-top: var(--δ6) !important;
5666
6102
  }
5667
6103
 
5668
- [cds-layout~="p-r@md:xl"] {
6104
+ [cds-layout~="p-r@md:lg"] {
5669
6105
  padding-right: var(--δ6) !important;
5670
6106
  }
5671
6107
 
5672
- [cds-layout~="p-b@md:xl"] {
6108
+ [cds-layout~="p-b@md:lg"] {
5673
6109
  padding-bottom: var(--δ6) !important;
5674
6110
  }
5675
6111
 
5676
- [cds-layout~="p-l@md:xl"] {
6112
+ [cds-layout~="p-l@md:lg"] {
5677
6113
  padding-left: var(--δ6) !important;
5678
6114
  }
5679
6115
 
5680
- [cds-layout~="p-t@md:xxl"] {
6116
+ [cds-layout~="p-t@md:xl"] {
5681
6117
  padding-top: var(--δ7) !important;
5682
6118
  }
5683
6119
 
5684
- [cds-layout~="p-r@md:xxl"] {
6120
+ [cds-layout~="p-r@md:xl"] {
5685
6121
  padding-right: var(--δ7) !important;
5686
6122
  }
5687
6123
 
5688
- [cds-layout~="p-b@md:xxl"] {
6124
+ [cds-layout~="p-b@md:xl"] {
5689
6125
  padding-bottom: var(--δ7) !important;
5690
6126
  }
5691
6127
 
5692
- [cds-layout~="p-l@md:xxl"] {
6128
+ [cds-layout~="p-l@md:xl"] {
5693
6129
  padding-left: var(--δ7) !important;
5694
6130
  }
5695
6131
 
6132
+ [cds-layout~="p-t@md:xxl"] {
6133
+ padding-top: var(--δ8) !important;
6134
+ }
6135
+
6136
+ [cds-layout~="p-r@md:xxl"] {
6137
+ padding-right: var(--δ8) !important;
6138
+ }
6139
+
6140
+ [cds-layout~="p-b@md:xxl"] {
6141
+ padding-bottom: var(--δ8) !important;
6142
+ }
6143
+
6144
+ [cds-layout~="p-l@md:xxl"] {
6145
+ padding-left: var(--δ8) !important;
6146
+ }
6147
+
6148
+ [cds-layout~="p-t@md:xxxl"] {
6149
+ padding-top: var(--δ9) !important;
6150
+ }
6151
+
6152
+ [cds-layout~="p-r@md:xxxl"] {
6153
+ padding-right: var(--δ9) !important;
6154
+ }
6155
+
6156
+ [cds-layout~="p-b@md:xxxl"] {
6157
+ padding-bottom: var(--δ9) !important;
6158
+ }
6159
+
6160
+ [cds-layout~="p-l@md:xxxl"] {
6161
+ padding-left: var(--δ9) !important;
6162
+ }
6163
+
5696
6164
  [cds-layout~="m-t@md:none"] {
5697
6165
  margin-top: 0 !important;
5698
6166
  }
@@ -5709,151 +6177,191 @@
5709
6177
  margin-left: 0 !important;
5710
6178
  }
5711
6179
 
5712
- [cds-layout~="m-t@md:xxs"] {
6180
+ [cds-layout~="m-t@md:xxxs"] {
5713
6181
  margin-top: var(--δ1) !important;
5714
6182
  }
5715
6183
 
5716
- [cds-layout~="m-r@md:xxs"] {
6184
+ [cds-layout~="m-r@md:xxxs"] {
5717
6185
  margin-right: var(--δ1) !important;
5718
6186
  }
5719
6187
 
5720
- [cds-layout~="m-b@md:xxs"] {
6188
+ [cds-layout~="m-b@md:xxxs"] {
5721
6189
  margin-bottom: var(--δ1) !important;
5722
6190
  }
5723
6191
 
5724
- [cds-layout~="m-l@md:xxs"] {
6192
+ [cds-layout~="m-l@md:xxxs"] {
5725
6193
  margin-left: var(--δ1) !important;
5726
6194
  }
5727
6195
 
5728
- [cds-layout~="m-t@md:xs"] {
6196
+ [cds-layout~="m-t@md:xxs"] {
5729
6197
  margin-top: var(--δ2) !important;
5730
6198
  }
5731
6199
 
5732
- [cds-layout~="m-r@md:xs"] {
6200
+ [cds-layout~="m-r@md:xxs"] {
5733
6201
  margin-right: var(--δ2) !important;
5734
6202
  }
5735
6203
 
5736
- [cds-layout~="m-b@md:xs"] {
6204
+ [cds-layout~="m-b@md:xxs"] {
5737
6205
  margin-bottom: var(--δ2) !important;
5738
6206
  }
5739
6207
 
5740
- [cds-layout~="m-l@md:xs"] {
6208
+ [cds-layout~="m-l@md:xxs"] {
5741
6209
  margin-left: var(--δ2) !important;
5742
6210
  }
5743
6211
 
5744
- [cds-layout~="m-t@md:sm"] {
6212
+ [cds-layout~="m-t@md:xs"] {
5745
6213
  margin-top: var(--δ3) !important;
5746
6214
  }
5747
6215
 
5748
- [cds-layout~="m-r@md:sm"] {
6216
+ [cds-layout~="m-r@md:xs"] {
5749
6217
  margin-right: var(--δ3) !important;
5750
6218
  }
5751
6219
 
5752
- [cds-layout~="m-b@md:sm"] {
6220
+ [cds-layout~="m-b@md:xs"] {
5753
6221
  margin-bottom: var(--δ3) !important;
5754
6222
  }
5755
6223
 
5756
- [cds-layout~="m-l@md:sm"] {
6224
+ [cds-layout~="m-l@md:xs"] {
5757
6225
  margin-left: var(--δ3) !important;
5758
6226
  }
5759
6227
 
5760
- [cds-layout~="m-t@md:md"] {
6228
+ [cds-layout~="m-t@md:sm"] {
5761
6229
  margin-top: var(--δ4) !important;
5762
6230
  }
5763
6231
 
5764
- [cds-layout~="m-r@md:md"] {
6232
+ [cds-layout~="m-r@md:sm"] {
5765
6233
  margin-right: var(--δ4) !important;
5766
6234
  }
5767
6235
 
5768
- [cds-layout~="m-b@md:md"] {
6236
+ [cds-layout~="m-b@md:sm"] {
5769
6237
  margin-bottom: var(--δ4) !important;
5770
6238
  }
5771
6239
 
5772
- [cds-layout~="m-l@md:md"] {
6240
+ [cds-layout~="m-l@md:sm"] {
5773
6241
  margin-left: var(--δ4) !important;
5774
6242
  }
5775
6243
 
5776
- [cds-layout~="m-t@md:lg"] {
6244
+ [cds-layout~="m-t@md:md"] {
5777
6245
  margin-top: var(--δ5) !important;
5778
6246
  }
5779
6247
 
5780
- [cds-layout~="m-r@md:lg"] {
6248
+ [cds-layout~="m-r@md:md"] {
5781
6249
  margin-right: var(--δ5) !important;
5782
6250
  }
5783
6251
 
5784
- [cds-layout~="m-b@md:lg"] {
6252
+ [cds-layout~="m-b@md:md"] {
5785
6253
  margin-bottom: var(--δ5) !important;
5786
6254
  }
5787
6255
 
5788
- [cds-layout~="m-l@md:lg"] {
6256
+ [cds-layout~="m-l@md:md"] {
5789
6257
  margin-left: var(--δ5) !important;
5790
6258
  }
5791
6259
 
5792
- [cds-layout~="m-t@md:xl"] {
6260
+ [cds-layout~="m-t@md:lg"] {
5793
6261
  margin-top: var(--δ6) !important;
5794
6262
  }
5795
6263
 
5796
- [cds-layout~="m-r@md:xl"] {
6264
+ [cds-layout~="m-r@md:lg"] {
5797
6265
  margin-right: var(--δ6) !important;
5798
6266
  }
5799
6267
 
5800
- [cds-layout~="m-b@md:xl"] {
6268
+ [cds-layout~="m-b@md:lg"] {
5801
6269
  margin-bottom: var(--δ6) !important;
5802
6270
  }
5803
6271
 
5804
- [cds-layout~="m-l@md:xl"] {
6272
+ [cds-layout~="m-l@md:lg"] {
5805
6273
  margin-left: var(--δ6) !important;
5806
6274
  }
5807
6275
 
5808
- [cds-layout~="m-t@md:xxl"] {
6276
+ [cds-layout~="m-t@md:xl"] {
5809
6277
  margin-top: var(--δ7) !important;
5810
6278
  }
5811
6279
 
5812
- [cds-layout~="m-r@md:xxl"] {
6280
+ [cds-layout~="m-r@md:xl"] {
5813
6281
  margin-right: var(--δ7) !important;
5814
6282
  }
5815
6283
 
5816
- [cds-layout~="m-b@md:xxl"] {
6284
+ [cds-layout~="m-b@md:xl"] {
5817
6285
  margin-bottom: var(--δ7) !important;
5818
6286
  }
5819
6287
 
5820
- [cds-layout~="m-l@md:xxl"] {
6288
+ [cds-layout~="m-l@md:xl"] {
5821
6289
  margin-left: var(--δ7) !important;
5822
6290
  }
6291
+
6292
+ [cds-layout~="m-t@md:xxl"] {
6293
+ margin-top: var(--δ8) !important;
6294
+ }
6295
+
6296
+ [cds-layout~="m-r@md:xxl"] {
6297
+ margin-right: var(--δ8) !important;
6298
+ }
6299
+
6300
+ [cds-layout~="m-b@md:xxl"] {
6301
+ margin-bottom: var(--δ8) !important;
6302
+ }
6303
+
6304
+ [cds-layout~="m-l@md:xxl"] {
6305
+ margin-left: var(--δ8) !important;
6306
+ }
6307
+
6308
+ [cds-layout~="m-t@md:xxxl"] {
6309
+ margin-top: var(--δ9) !important;
6310
+ }
6311
+
6312
+ [cds-layout~="m-r@md:xxxl"] {
6313
+ margin-right: var(--δ9) !important;
6314
+ }
6315
+
6316
+ [cds-layout~="m-b@md:xxxl"] {
6317
+ margin-bottom: var(--δ9) !important;
6318
+ }
6319
+
6320
+ [cds-layout~="m-l@md:xxxl"] {
6321
+ margin-left: var(--δ9) !important;
6322
+ }
5823
6323
  }
5824
6324
  @media (min-width: 1200px) {
5825
6325
  [cds-layout*="gap@lg:none"] {
5826
6326
  gap: 0;
5827
6327
  }
5828
6328
 
5829
- [cds-layout*="gap@lg:xxs"] {
6329
+ [cds-layout*="gap@lg:xxxs"] {
5830
6330
  gap: var(--δ1);
5831
6331
  }
5832
6332
 
5833
- [cds-layout*="gap@lg:xs"] {
6333
+ [cds-layout*="gap@lg:xxs"] {
5834
6334
  gap: var(--δ2);
5835
6335
  }
5836
6336
 
5837
- [cds-layout*="gap@lg:sm"] {
6337
+ [cds-layout*="gap@lg:xs"] {
5838
6338
  gap: var(--δ3);
5839
6339
  }
5840
6340
 
5841
- [cds-layout*="gap@lg:md"] {
6341
+ [cds-layout*="gap@lg:sm"] {
5842
6342
  gap: var(--δ4);
5843
6343
  }
5844
6344
 
5845
- [cds-layout*="gap@lg:lg"] {
6345
+ [cds-layout*="gap@lg:md"] {
5846
6346
  gap: var(--δ5);
5847
6347
  }
5848
6348
 
5849
- [cds-layout*="gap@lg:xl"] {
6349
+ [cds-layout*="gap@lg:lg"] {
5850
6350
  gap: var(--δ6);
5851
6351
  }
5852
6352
 
5853
- [cds-layout*="gap@lg:xxl"] {
6353
+ [cds-layout*="gap@lg:xl"] {
5854
6354
  gap: var(--δ7);
5855
6355
  }
5856
6356
 
6357
+ [cds-layout*="gap@lg:xxl"] {
6358
+ gap: var(--δ8);
6359
+ }
6360
+
6361
+ [cds-layout*="gap@lg:xxxl"] {
6362
+ gap: var(--δ9);
6363
+ }
6364
+
5857
6365
  [cds-layout~="p@lg:none"] {
5858
6366
  padding: 0 !important;
5859
6367
  }
@@ -5862,60 +6370,76 @@
5862
6370
  margin: 0 !important;
5863
6371
  }
5864
6372
 
5865
- [cds-layout~="p@lg:xxs"] {
6373
+ [cds-layout~="p@lg:xxxs"] {
5866
6374
  padding: var(--δ1) !important;
5867
6375
  }
5868
6376
 
5869
- [cds-layout~="m@lg:xxs"] {
6377
+ [cds-layout~="m@lg:xxxs"] {
5870
6378
  margin: var(--δ1) !important;
5871
6379
  }
5872
6380
 
6381
+ [cds-layout~="p@lg:xxs"] {
6382
+ padding: var(--δ2) !important;
6383
+ }
6384
+
6385
+ [cds-layout~="m@lg:xxs"] {
6386
+ margin: var(--δ2) !important;
6387
+ }
6388
+
5873
6389
  [cds-layout~="p@lg:xs"] {
5874
- padding: var(--δ2) !important;
6390
+ padding: var(--δ3) !important;
5875
6391
  }
5876
6392
 
5877
6393
  [cds-layout~="m@lg:xs"] {
5878
- margin: var(--δ2) !important;
6394
+ margin: var(--δ3) !important;
5879
6395
  }
5880
6396
 
5881
6397
  [cds-layout~="p@lg:sm"] {
5882
- padding: var(--δ3) !important;
6398
+ padding: var(--δ4) !important;
5883
6399
  }
5884
6400
 
5885
6401
  [cds-layout~="m@lg:sm"] {
5886
- margin: var(--δ3) !important;
6402
+ margin: var(--δ4) !important;
5887
6403
  }
5888
6404
 
5889
6405
  [cds-layout~="p@lg:md"] {
5890
- padding: var(--δ4) !important;
6406
+ padding: var(--δ5) !important;
5891
6407
  }
5892
6408
 
5893
6409
  [cds-layout~="m@lg:md"] {
5894
- margin: var(--δ4) !important;
6410
+ margin: var(--δ5) !important;
5895
6411
  }
5896
6412
 
5897
6413
  [cds-layout~="p@lg:lg"] {
5898
- padding: var(--δ5) !important;
6414
+ padding: var(--δ6) !important;
5899
6415
  }
5900
6416
 
5901
6417
  [cds-layout~="m@lg:lg"] {
5902
- margin: var(--δ5) !important;
6418
+ margin: var(--δ6) !important;
5903
6419
  }
5904
6420
 
5905
6421
  [cds-layout~="p@lg:xl"] {
5906
- padding: var(--δ6) !important;
6422
+ padding: var(--δ7) !important;
5907
6423
  }
5908
6424
 
5909
6425
  [cds-layout~="m@lg:xl"] {
5910
- margin: var(--δ6) !important;
6426
+ margin: var(--δ7) !important;
5911
6427
  }
5912
6428
 
5913
6429
  [cds-layout~="p@lg:xxl"] {
5914
- padding: var(--δ7) !important;
6430
+ padding: var(--δ8) !important;
5915
6431
  }
5916
6432
 
5917
6433
  [cds-layout~="m@lg:xxl"] {
5918
- margin: var(--δ7) !important;
6434
+ margin: var(--δ8) !important;
6435
+ }
6436
+
6437
+ [cds-layout~="p@lg:xxxl"] {
6438
+ padding: var(--δ9) !important;
6439
+ }
6440
+
6441
+ [cds-layout~="m@lg:xxxl"] {
6442
+ margin: var(--δ9) !important;
5919
6443
  }
5920
6444
 
5921
6445
  [cds-layout~="p-x@lg:none"] {
@@ -5928,76 +6452,96 @@
5928
6452
  padding-bottom: 0 !important;
5929
6453
  }
5930
6454
 
5931
- [cds-layout~="p-x@lg:xxs"] {
6455
+ [cds-layout~="p-x@lg:xxxs"] {
5932
6456
  padding-left: var(--δ1) !important;
5933
6457
  padding-right: var(--δ1) !important;
5934
6458
  }
5935
6459
 
5936
- [cds-layout~="p-y@lg:xxs"] {
6460
+ [cds-layout~="p-y@lg:xxxs"] {
5937
6461
  padding-top: var(--δ1) !important;
5938
6462
  padding-bottom: var(--δ1) !important;
5939
6463
  }
5940
6464
 
5941
- [cds-layout~="p-x@lg:xs"] {
6465
+ [cds-layout~="p-x@lg:xxs"] {
5942
6466
  padding-left: var(--δ2) !important;
5943
6467
  padding-right: var(--δ2) !important;
5944
6468
  }
5945
6469
 
5946
- [cds-layout~="p-y@lg:xs"] {
6470
+ [cds-layout~="p-y@lg:xxs"] {
5947
6471
  padding-top: var(--δ2) !important;
5948
6472
  padding-bottom: var(--δ2) !important;
5949
6473
  }
5950
6474
 
5951
- [cds-layout~="p-x@lg:sm"] {
6475
+ [cds-layout~="p-x@lg:xs"] {
5952
6476
  padding-left: var(--δ3) !important;
5953
6477
  padding-right: var(--δ3) !important;
5954
6478
  }
5955
6479
 
5956
- [cds-layout~="p-y@lg:sm"] {
6480
+ [cds-layout~="p-y@lg:xs"] {
5957
6481
  padding-top: var(--δ3) !important;
5958
6482
  padding-bottom: var(--δ3) !important;
5959
6483
  }
5960
6484
 
5961
- [cds-layout~="p-x@lg:md"] {
6485
+ [cds-layout~="p-x@lg:sm"] {
5962
6486
  padding-left: var(--δ4) !important;
5963
6487
  padding-right: var(--δ4) !important;
5964
6488
  }
5965
6489
 
5966
- [cds-layout~="p-y@lg:md"] {
6490
+ [cds-layout~="p-y@lg:sm"] {
5967
6491
  padding-top: var(--δ4) !important;
5968
6492
  padding-bottom: var(--δ4) !important;
5969
6493
  }
5970
6494
 
5971
- [cds-layout~="p-x@lg:lg"] {
6495
+ [cds-layout~="p-x@lg:md"] {
5972
6496
  padding-left: var(--δ5) !important;
5973
6497
  padding-right: var(--δ5) !important;
5974
6498
  }
5975
6499
 
5976
- [cds-layout~="p-y@lg:lg"] {
6500
+ [cds-layout~="p-y@lg:md"] {
5977
6501
  padding-top: var(--δ5) !important;
5978
6502
  padding-bottom: var(--δ5) !important;
5979
6503
  }
5980
6504
 
5981
- [cds-layout~="p-x@lg:xl"] {
6505
+ [cds-layout~="p-x@lg:lg"] {
5982
6506
  padding-left: var(--δ6) !important;
5983
6507
  padding-right: var(--δ6) !important;
5984
6508
  }
5985
6509
 
5986
- [cds-layout~="p-y@lg:xl"] {
6510
+ [cds-layout~="p-y@lg:lg"] {
5987
6511
  padding-top: var(--δ6) !important;
5988
6512
  padding-bottom: var(--δ6) !important;
5989
6513
  }
5990
6514
 
5991
- [cds-layout~="p-x@lg:xxl"] {
6515
+ [cds-layout~="p-x@lg:xl"] {
5992
6516
  padding-left: var(--δ7) !important;
5993
6517
  padding-right: var(--δ7) !important;
5994
6518
  }
5995
6519
 
5996
- [cds-layout~="p-y@lg:xxl"] {
6520
+ [cds-layout~="p-y@lg:xl"] {
5997
6521
  padding-top: var(--δ7) !important;
5998
6522
  padding-bottom: var(--δ7) !important;
5999
6523
  }
6000
6524
 
6525
+ [cds-layout~="p-x@lg:xxl"] {
6526
+ padding-left: var(--δ8) !important;
6527
+ padding-right: var(--δ8) !important;
6528
+ }
6529
+
6530
+ [cds-layout~="p-y@lg:xxl"] {
6531
+ padding-top: var(--δ8) !important;
6532
+ padding-bottom: var(--δ8) !important;
6533
+ }
6534
+
6535
+ [cds-layout~="p-x@lg:xxxl"] {
6536
+ padding-left: var(--δ9) !important;
6537
+ padding-right: var(--δ9) !important;
6538
+ }
6539
+
6540
+ [cds-layout~="p-y@lg:xxxl"] {
6541
+ padding-top: var(--δ9) !important;
6542
+ padding-bottom: var(--δ9) !important;
6543
+ }
6544
+
6001
6545
  [cds-layout~="m-x@lg:none"] {
6002
6546
  margin-left: 0 !important;
6003
6547
  margin-right: 0 !important;
@@ -6008,76 +6552,96 @@
6008
6552
  margin-bottom: 0 !important;
6009
6553
  }
6010
6554
 
6011
- [cds-layout~="m-x@lg:xxs"] {
6555
+ [cds-layout~="m-x@lg:xxxs"] {
6012
6556
  margin-left: var(--δ1) !important;
6013
6557
  margin-right: var(--δ1) !important;
6014
6558
  }
6015
6559
 
6016
- [cds-layout~="m-y@lg:xxs"] {
6560
+ [cds-layout~="m-y@lg:xxxs"] {
6017
6561
  margin-top: var(--δ1) !important;
6018
6562
  margin-bottom: var(--δ1) !important;
6019
6563
  }
6020
6564
 
6021
- [cds-layout~="m-x@lg:xs"] {
6565
+ [cds-layout~="m-x@lg:xxs"] {
6022
6566
  margin-left: var(--δ2) !important;
6023
6567
  margin-right: var(--δ2) !important;
6024
6568
  }
6025
6569
 
6026
- [cds-layout~="m-y@lg:xs"] {
6570
+ [cds-layout~="m-y@lg:xxs"] {
6027
6571
  margin-top: var(--δ2) !important;
6028
6572
  margin-bottom: var(--δ2) !important;
6029
6573
  }
6030
6574
 
6031
- [cds-layout~="m-x@lg:sm"] {
6575
+ [cds-layout~="m-x@lg:xs"] {
6032
6576
  margin-left: var(--δ3) !important;
6033
6577
  margin-right: var(--δ3) !important;
6034
6578
  }
6035
6579
 
6036
- [cds-layout~="m-y@lg:sm"] {
6580
+ [cds-layout~="m-y@lg:xs"] {
6037
6581
  margin-top: var(--δ3) !important;
6038
6582
  margin-bottom: var(--δ3) !important;
6039
6583
  }
6040
6584
 
6041
- [cds-layout~="m-x@lg:md"] {
6585
+ [cds-layout~="m-x@lg:sm"] {
6042
6586
  margin-left: var(--δ4) !important;
6043
6587
  margin-right: var(--δ4) !important;
6044
6588
  }
6045
6589
 
6046
- [cds-layout~="m-y@lg:md"] {
6590
+ [cds-layout~="m-y@lg:sm"] {
6047
6591
  margin-top: var(--δ4) !important;
6048
6592
  margin-bottom: var(--δ4) !important;
6049
6593
  }
6050
6594
 
6051
- [cds-layout~="m-x@lg:lg"] {
6595
+ [cds-layout~="m-x@lg:md"] {
6052
6596
  margin-left: var(--δ5) !important;
6053
6597
  margin-right: var(--δ5) !important;
6054
6598
  }
6055
6599
 
6056
- [cds-layout~="m-y@lg:lg"] {
6600
+ [cds-layout~="m-y@lg:md"] {
6057
6601
  margin-top: var(--δ5) !important;
6058
6602
  margin-bottom: var(--δ5) !important;
6059
6603
  }
6060
6604
 
6061
- [cds-layout~="m-x@lg:xl"] {
6605
+ [cds-layout~="m-x@lg:lg"] {
6062
6606
  margin-left: var(--δ6) !important;
6063
6607
  margin-right: var(--δ6) !important;
6064
6608
  }
6065
6609
 
6066
- [cds-layout~="m-y@lg:xl"] {
6610
+ [cds-layout~="m-y@lg:lg"] {
6067
6611
  margin-top: var(--δ6) !important;
6068
6612
  margin-bottom: var(--δ6) !important;
6069
6613
  }
6070
6614
 
6071
- [cds-layout~="m-x@lg:xxl"] {
6615
+ [cds-layout~="m-x@lg:xl"] {
6072
6616
  margin-left: var(--δ7) !important;
6073
6617
  margin-right: var(--δ7) !important;
6074
6618
  }
6075
6619
 
6076
- [cds-layout~="m-y@lg:xxl"] {
6620
+ [cds-layout~="m-y@lg:xl"] {
6077
6621
  margin-top: var(--δ7) !important;
6078
6622
  margin-bottom: var(--δ7) !important;
6079
6623
  }
6080
6624
 
6625
+ [cds-layout~="m-x@lg:xxl"] {
6626
+ margin-left: var(--δ8) !important;
6627
+ margin-right: var(--δ8) !important;
6628
+ }
6629
+
6630
+ [cds-layout~="m-y@lg:xxl"] {
6631
+ margin-top: var(--δ8) !important;
6632
+ margin-bottom: var(--δ8) !important;
6633
+ }
6634
+
6635
+ [cds-layout~="m-x@lg:xxxl"] {
6636
+ margin-left: var(--δ9) !important;
6637
+ margin-right: var(--δ9) !important;
6638
+ }
6639
+
6640
+ [cds-layout~="m-y@lg:xxxl"] {
6641
+ margin-top: var(--δ9) !important;
6642
+ margin-bottom: var(--δ9) !important;
6643
+ }
6644
+
6081
6645
  [cds-layout~="p-t@lg:none"] {
6082
6646
  padding-top: 0 !important;
6083
6647
  }
@@ -6094,118 +6658,150 @@
6094
6658
  padding-left: 0 !important;
6095
6659
  }
6096
6660
 
6097
- [cds-layout~="p-t@lg:xxs"] {
6661
+ [cds-layout~="p-t@lg:xxxs"] {
6098
6662
  padding-top: var(--δ1) !important;
6099
6663
  }
6100
6664
 
6101
- [cds-layout~="p-r@lg:xxs"] {
6665
+ [cds-layout~="p-r@lg:xxxs"] {
6102
6666
  padding-right: var(--δ1) !important;
6103
6667
  }
6104
6668
 
6105
- [cds-layout~="p-b@lg:xxs"] {
6669
+ [cds-layout~="p-b@lg:xxxs"] {
6106
6670
  padding-bottom: var(--δ1) !important;
6107
6671
  }
6108
6672
 
6109
- [cds-layout~="p-l@lg:xxs"] {
6673
+ [cds-layout~="p-l@lg:xxxs"] {
6110
6674
  padding-left: var(--δ1) !important;
6111
6675
  }
6112
6676
 
6113
- [cds-layout~="p-t@lg:xs"] {
6677
+ [cds-layout~="p-t@lg:xxs"] {
6114
6678
  padding-top: var(--δ2) !important;
6115
6679
  }
6116
6680
 
6117
- [cds-layout~="p-r@lg:xs"] {
6681
+ [cds-layout~="p-r@lg:xxs"] {
6118
6682
  padding-right: var(--δ2) !important;
6119
6683
  }
6120
6684
 
6121
- [cds-layout~="p-b@lg:xs"] {
6685
+ [cds-layout~="p-b@lg:xxs"] {
6122
6686
  padding-bottom: var(--δ2) !important;
6123
6687
  }
6124
6688
 
6125
- [cds-layout~="p-l@lg:xs"] {
6689
+ [cds-layout~="p-l@lg:xxs"] {
6126
6690
  padding-left: var(--δ2) !important;
6127
6691
  }
6128
6692
 
6129
- [cds-layout~="p-t@lg:sm"] {
6693
+ [cds-layout~="p-t@lg:xs"] {
6130
6694
  padding-top: var(--δ3) !important;
6131
6695
  }
6132
6696
 
6133
- [cds-layout~="p-r@lg:sm"] {
6697
+ [cds-layout~="p-r@lg:xs"] {
6134
6698
  padding-right: var(--δ3) !important;
6135
6699
  }
6136
6700
 
6137
- [cds-layout~="p-b@lg:sm"] {
6701
+ [cds-layout~="p-b@lg:xs"] {
6138
6702
  padding-bottom: var(--δ3) !important;
6139
6703
  }
6140
6704
 
6141
- [cds-layout~="p-l@lg:sm"] {
6705
+ [cds-layout~="p-l@lg:xs"] {
6142
6706
  padding-left: var(--δ3) !important;
6143
6707
  }
6144
6708
 
6145
- [cds-layout~="p-t@lg:md"] {
6709
+ [cds-layout~="p-t@lg:sm"] {
6146
6710
  padding-top: var(--δ4) !important;
6147
6711
  }
6148
6712
 
6149
- [cds-layout~="p-r@lg:md"] {
6713
+ [cds-layout~="p-r@lg:sm"] {
6150
6714
  padding-right: var(--δ4) !important;
6151
6715
  }
6152
6716
 
6153
- [cds-layout~="p-b@lg:md"] {
6717
+ [cds-layout~="p-b@lg:sm"] {
6154
6718
  padding-bottom: var(--δ4) !important;
6155
6719
  }
6156
6720
 
6157
- [cds-layout~="p-l@lg:md"] {
6721
+ [cds-layout~="p-l@lg:sm"] {
6158
6722
  padding-left: var(--δ4) !important;
6159
6723
  }
6160
6724
 
6161
- [cds-layout~="p-t@lg:lg"] {
6725
+ [cds-layout~="p-t@lg:md"] {
6162
6726
  padding-top: var(--δ5) !important;
6163
6727
  }
6164
6728
 
6165
- [cds-layout~="p-r@lg:lg"] {
6729
+ [cds-layout~="p-r@lg:md"] {
6166
6730
  padding-right: var(--δ5) !important;
6167
6731
  }
6168
6732
 
6169
- [cds-layout~="p-b@lg:lg"] {
6733
+ [cds-layout~="p-b@lg:md"] {
6170
6734
  padding-bottom: var(--δ5) !important;
6171
6735
  }
6172
6736
 
6173
- [cds-layout~="p-l@lg:lg"] {
6737
+ [cds-layout~="p-l@lg:md"] {
6174
6738
  padding-left: var(--δ5) !important;
6175
6739
  }
6176
6740
 
6177
- [cds-layout~="p-t@lg:xl"] {
6741
+ [cds-layout~="p-t@lg:lg"] {
6178
6742
  padding-top: var(--δ6) !important;
6179
6743
  }
6180
6744
 
6181
- [cds-layout~="p-r@lg:xl"] {
6745
+ [cds-layout~="p-r@lg:lg"] {
6182
6746
  padding-right: var(--δ6) !important;
6183
6747
  }
6184
6748
 
6185
- [cds-layout~="p-b@lg:xl"] {
6749
+ [cds-layout~="p-b@lg:lg"] {
6186
6750
  padding-bottom: var(--δ6) !important;
6187
6751
  }
6188
6752
 
6189
- [cds-layout~="p-l@lg:xl"] {
6753
+ [cds-layout~="p-l@lg:lg"] {
6190
6754
  padding-left: var(--δ6) !important;
6191
6755
  }
6192
6756
 
6193
- [cds-layout~="p-t@lg:xxl"] {
6757
+ [cds-layout~="p-t@lg:xl"] {
6194
6758
  padding-top: var(--δ7) !important;
6195
6759
  }
6196
6760
 
6197
- [cds-layout~="p-r@lg:xxl"] {
6761
+ [cds-layout~="p-r@lg:xl"] {
6198
6762
  padding-right: var(--δ7) !important;
6199
6763
  }
6200
6764
 
6201
- [cds-layout~="p-b@lg:xxl"] {
6765
+ [cds-layout~="p-b@lg:xl"] {
6202
6766
  padding-bottom: var(--δ7) !important;
6203
6767
  }
6204
6768
 
6205
- [cds-layout~="p-l@lg:xxl"] {
6769
+ [cds-layout~="p-l@lg:xl"] {
6206
6770
  padding-left: var(--δ7) !important;
6207
6771
  }
6208
6772
 
6773
+ [cds-layout~="p-t@lg:xxl"] {
6774
+ padding-top: var(--δ8) !important;
6775
+ }
6776
+
6777
+ [cds-layout~="p-r@lg:xxl"] {
6778
+ padding-right: var(--δ8) !important;
6779
+ }
6780
+
6781
+ [cds-layout~="p-b@lg:xxl"] {
6782
+ padding-bottom: var(--δ8) !important;
6783
+ }
6784
+
6785
+ [cds-layout~="p-l@lg:xxl"] {
6786
+ padding-left: var(--δ8) !important;
6787
+ }
6788
+
6789
+ [cds-layout~="p-t@lg:xxxl"] {
6790
+ padding-top: var(--δ9) !important;
6791
+ }
6792
+
6793
+ [cds-layout~="p-r@lg:xxxl"] {
6794
+ padding-right: var(--δ9) !important;
6795
+ }
6796
+
6797
+ [cds-layout~="p-b@lg:xxxl"] {
6798
+ padding-bottom: var(--δ9) !important;
6799
+ }
6800
+
6801
+ [cds-layout~="p-l@lg:xxxl"] {
6802
+ padding-left: var(--δ9) !important;
6803
+ }
6804
+
6209
6805
  [cds-layout~="m-t@lg:none"] {
6210
6806
  margin-top: 0 !important;
6211
6807
  }
@@ -6222,149 +6818,189 @@
6222
6818
  margin-left: 0 !important;
6223
6819
  }
6224
6820
 
6225
- [cds-layout~="m-t@lg:xxs"] {
6821
+ [cds-layout~="m-t@lg:xxxs"] {
6226
6822
  margin-top: var(--δ1) !important;
6227
6823
  }
6228
6824
 
6229
- [cds-layout~="m-r@lg:xxs"] {
6825
+ [cds-layout~="m-r@lg:xxxs"] {
6230
6826
  margin-right: var(--δ1) !important;
6231
6827
  }
6232
6828
 
6233
- [cds-layout~="m-b@lg:xxs"] {
6829
+ [cds-layout~="m-b@lg:xxxs"] {
6234
6830
  margin-bottom: var(--δ1) !important;
6235
6831
  }
6236
6832
 
6237
- [cds-layout~="m-l@lg:xxs"] {
6833
+ [cds-layout~="m-l@lg:xxxs"] {
6238
6834
  margin-left: var(--δ1) !important;
6239
6835
  }
6240
6836
 
6241
- [cds-layout~="m-t@lg:xs"] {
6837
+ [cds-layout~="m-t@lg:xxs"] {
6242
6838
  margin-top: var(--δ2) !important;
6243
6839
  }
6244
6840
 
6245
- [cds-layout~="m-r@lg:xs"] {
6841
+ [cds-layout~="m-r@lg:xxs"] {
6246
6842
  margin-right: var(--δ2) !important;
6247
6843
  }
6248
6844
 
6249
- [cds-layout~="m-b@lg:xs"] {
6845
+ [cds-layout~="m-b@lg:xxs"] {
6250
6846
  margin-bottom: var(--δ2) !important;
6251
6847
  }
6252
6848
 
6253
- [cds-layout~="m-l@lg:xs"] {
6849
+ [cds-layout~="m-l@lg:xxs"] {
6254
6850
  margin-left: var(--δ2) !important;
6255
6851
  }
6256
6852
 
6257
- [cds-layout~="m-t@lg:sm"] {
6853
+ [cds-layout~="m-t@lg:xs"] {
6258
6854
  margin-top: var(--δ3) !important;
6259
6855
  }
6260
6856
 
6261
- [cds-layout~="m-r@lg:sm"] {
6857
+ [cds-layout~="m-r@lg:xs"] {
6262
6858
  margin-right: var(--δ3) !important;
6263
6859
  }
6264
6860
 
6265
- [cds-layout~="m-b@lg:sm"] {
6861
+ [cds-layout~="m-b@lg:xs"] {
6266
6862
  margin-bottom: var(--δ3) !important;
6267
6863
  }
6268
6864
 
6269
- [cds-layout~="m-l@lg:sm"] {
6865
+ [cds-layout~="m-l@lg:xs"] {
6270
6866
  margin-left: var(--δ3) !important;
6271
6867
  }
6272
6868
 
6273
- [cds-layout~="m-t@lg:md"] {
6869
+ [cds-layout~="m-t@lg:sm"] {
6274
6870
  margin-top: var(--δ4) !important;
6275
6871
  }
6276
6872
 
6277
- [cds-layout~="m-r@lg:md"] {
6873
+ [cds-layout~="m-r@lg:sm"] {
6278
6874
  margin-right: var(--δ4) !important;
6279
6875
  }
6280
6876
 
6281
- [cds-layout~="m-b@lg:md"] {
6877
+ [cds-layout~="m-b@lg:sm"] {
6282
6878
  margin-bottom: var(--δ4) !important;
6283
6879
  }
6284
6880
 
6285
- [cds-layout~="m-l@lg:md"] {
6881
+ [cds-layout~="m-l@lg:sm"] {
6286
6882
  margin-left: var(--δ4) !important;
6287
6883
  }
6288
6884
 
6289
- [cds-layout~="m-t@lg:lg"] {
6885
+ [cds-layout~="m-t@lg:md"] {
6290
6886
  margin-top: var(--δ5) !important;
6291
6887
  }
6292
6888
 
6293
- [cds-layout~="m-r@lg:lg"] {
6889
+ [cds-layout~="m-r@lg:md"] {
6294
6890
  margin-right: var(--δ5) !important;
6295
6891
  }
6296
6892
 
6297
- [cds-layout~="m-b@lg:lg"] {
6893
+ [cds-layout~="m-b@lg:md"] {
6298
6894
  margin-bottom: var(--δ5) !important;
6299
6895
  }
6300
6896
 
6301
- [cds-layout~="m-l@lg:lg"] {
6897
+ [cds-layout~="m-l@lg:md"] {
6302
6898
  margin-left: var(--δ5) !important;
6303
6899
  }
6304
6900
 
6305
- [cds-layout~="m-t@lg:xl"] {
6901
+ [cds-layout~="m-t@lg:lg"] {
6306
6902
  margin-top: var(--δ6) !important;
6307
6903
  }
6308
6904
 
6309
- [cds-layout~="m-r@lg:xl"] {
6905
+ [cds-layout~="m-r@lg:lg"] {
6310
6906
  margin-right: var(--δ6) !important;
6311
6907
  }
6312
6908
 
6313
- [cds-layout~="m-b@lg:xl"] {
6909
+ [cds-layout~="m-b@lg:lg"] {
6314
6910
  margin-bottom: var(--δ6) !important;
6315
6911
  }
6316
6912
 
6317
- [cds-layout~="m-l@lg:xl"] {
6913
+ [cds-layout~="m-l@lg:lg"] {
6318
6914
  margin-left: var(--δ6) !important;
6319
6915
  }
6320
6916
 
6321
- [cds-layout~="m-t@lg:xxl"] {
6917
+ [cds-layout~="m-t@lg:xl"] {
6322
6918
  margin-top: var(--δ7) !important;
6323
6919
  }
6324
6920
 
6325
- [cds-layout~="m-r@lg:xxl"] {
6921
+ [cds-layout~="m-r@lg:xl"] {
6326
6922
  margin-right: var(--δ7) !important;
6327
6923
  }
6328
6924
 
6329
- [cds-layout~="m-b@lg:xxl"] {
6925
+ [cds-layout~="m-b@lg:xl"] {
6330
6926
  margin-bottom: var(--δ7) !important;
6331
6927
  }
6332
6928
 
6333
- [cds-layout~="m-l@lg:xxl"] {
6929
+ [cds-layout~="m-l@lg:xl"] {
6334
6930
  margin-left: var(--δ7) !important;
6335
6931
  }
6932
+
6933
+ [cds-layout~="m-t@lg:xxl"] {
6934
+ margin-top: var(--δ8) !important;
6935
+ }
6936
+
6937
+ [cds-layout~="m-r@lg:xxl"] {
6938
+ margin-right: var(--δ8) !important;
6939
+ }
6940
+
6941
+ [cds-layout~="m-b@lg:xxl"] {
6942
+ margin-bottom: var(--δ8) !important;
6943
+ }
6944
+
6945
+ [cds-layout~="m-l@lg:xxl"] {
6946
+ margin-left: var(--δ8) !important;
6947
+ }
6948
+
6949
+ [cds-layout~="m-t@lg:xxxl"] {
6950
+ margin-top: var(--δ9) !important;
6951
+ }
6952
+
6953
+ [cds-layout~="m-r@lg:xxxl"] {
6954
+ margin-right: var(--δ9) !important;
6955
+ }
6956
+
6957
+ [cds-layout~="m-b@lg:xxxl"] {
6958
+ margin-bottom: var(--δ9) !important;
6959
+ }
6960
+
6961
+ [cds-layout~="m-l@lg:xxxl"] {
6962
+ margin-left: var(--δ9) !important;
6963
+ }
6336
6964
  }
6337
6965
  @media (min-width: 1440px) {
6338
6966
  [cds-layout*="gap@xl:none"] {
6339
6967
  gap: 0;
6340
6968
  }
6341
6969
 
6342
- [cds-layout*="gap@xl:xxs"] {
6970
+ [cds-layout*="gap@xl:xxxs"] {
6343
6971
  gap: var(--δ1);
6344
6972
  }
6345
6973
 
6346
- [cds-layout*="gap@xl:xs"] {
6974
+ [cds-layout*="gap@xl:xxs"] {
6347
6975
  gap: var(--δ2);
6348
6976
  }
6349
6977
 
6350
- [cds-layout*="gap@xl:sm"] {
6978
+ [cds-layout*="gap@xl:xs"] {
6351
6979
  gap: var(--δ3);
6352
6980
  }
6353
6981
 
6354
- [cds-layout*="gap@xl:md"] {
6982
+ [cds-layout*="gap@xl:sm"] {
6355
6983
  gap: var(--δ4);
6356
6984
  }
6357
6985
 
6358
- [cds-layout*="gap@xl:lg"] {
6986
+ [cds-layout*="gap@xl:md"] {
6359
6987
  gap: var(--δ5);
6360
6988
  }
6361
6989
 
6362
- [cds-layout*="gap@xl:xl"] {
6990
+ [cds-layout*="gap@xl:lg"] {
6363
6991
  gap: var(--δ6);
6364
6992
  }
6365
6993
 
6994
+ [cds-layout*="gap@xl:xl"] {
6995
+ gap: var(--δ7);
6996
+ }
6997
+
6366
6998
  [cds-layout*="gap@xl:xxl"] {
6367
- gap: var(--δ7);
6999
+ gap: var(--δ8);
7000
+ }
7001
+
7002
+ [cds-layout*="gap@xl:xxxl"] {
7003
+ gap: var(--δ9);
6368
7004
  }
6369
7005
 
6370
7006
  [cds-layout~="p@xl:none"] {
@@ -6375,62 +7011,78 @@
6375
7011
  margin: 0 !important;
6376
7012
  }
6377
7013
 
6378
- [cds-layout~="p@xl:xxs"] {
7014
+ [cds-layout~="p@xl:xxxs"] {
6379
7015
  padding: var(--δ1) !important;
6380
7016
  }
6381
7017
 
6382
- [cds-layout~="m@xl:xxs"] {
7018
+ [cds-layout~="m@xl:xxxs"] {
6383
7019
  margin: var(--δ1) !important;
6384
7020
  }
6385
7021
 
6386
- [cds-layout~="p@xl:xs"] {
7022
+ [cds-layout~="p@xl:xxs"] {
6387
7023
  padding: var(--δ2) !important;
6388
7024
  }
6389
7025
 
6390
- [cds-layout~="m@xl:xs"] {
7026
+ [cds-layout~="m@xl:xxs"] {
6391
7027
  margin: var(--δ2) !important;
6392
7028
  }
6393
7029
 
6394
- [cds-layout~="p@xl:sm"] {
7030
+ [cds-layout~="p@xl:xs"] {
6395
7031
  padding: var(--δ3) !important;
6396
7032
  }
6397
7033
 
6398
- [cds-layout~="m@xl:sm"] {
7034
+ [cds-layout~="m@xl:xs"] {
6399
7035
  margin: var(--δ3) !important;
6400
7036
  }
6401
7037
 
6402
- [cds-layout~="p@xl:md"] {
7038
+ [cds-layout~="p@xl:sm"] {
6403
7039
  padding: var(--δ4) !important;
6404
7040
  }
6405
7041
 
6406
- [cds-layout~="m@xl:md"] {
7042
+ [cds-layout~="m@xl:sm"] {
6407
7043
  margin: var(--δ4) !important;
6408
7044
  }
6409
7045
 
6410
- [cds-layout~="p@xl:lg"] {
7046
+ [cds-layout~="p@xl:md"] {
6411
7047
  padding: var(--δ5) !important;
6412
7048
  }
6413
7049
 
6414
- [cds-layout~="m@xl:lg"] {
7050
+ [cds-layout~="m@xl:md"] {
6415
7051
  margin: var(--δ5) !important;
6416
7052
  }
6417
7053
 
6418
- [cds-layout~="p@xl:xl"] {
7054
+ [cds-layout~="p@xl:lg"] {
6419
7055
  padding: var(--δ6) !important;
6420
7056
  }
6421
7057
 
6422
- [cds-layout~="m@xl:xl"] {
7058
+ [cds-layout~="m@xl:lg"] {
6423
7059
  margin: var(--δ6) !important;
6424
7060
  }
6425
7061
 
6426
- [cds-layout~="p@xl:xxl"] {
7062
+ [cds-layout~="p@xl:xl"] {
6427
7063
  padding: var(--δ7) !important;
6428
7064
  }
6429
7065
 
6430
- [cds-layout~="m@xl:xxl"] {
7066
+ [cds-layout~="m@xl:xl"] {
6431
7067
  margin: var(--δ7) !important;
6432
7068
  }
6433
7069
 
7070
+ [cds-layout~="p@xl:xxl"] {
7071
+ padding: var(--δ8) !important;
7072
+ }
7073
+
7074
+ [cds-layout~="m@xl:xxl"] {
7075
+ margin: var(--δ8) !important;
7076
+ }
7077
+
7078
+ [cds-layout~="p@xl:xxxl"] {
7079
+ padding: var(--δ9) !important;
7080
+ }
7081
+
7082
+ [cds-layout~="m@xl:xxxl"] {
7083
+ margin: var(--δ9) !important;
7084
+ }
7085
+
6434
7086
  [cds-layout~="p-x@xl:none"] {
6435
7087
  padding-left: 0 !important;
6436
7088
  padding-right: 0 !important;
@@ -6441,76 +7093,96 @@
6441
7093
  padding-bottom: 0 !important;
6442
7094
  }
6443
7095
 
6444
- [cds-layout~="p-x@xl:xxs"] {
7096
+ [cds-layout~="p-x@xl:xxxs"] {
6445
7097
  padding-left: var(--δ1) !important;
6446
7098
  padding-right: var(--δ1) !important;
6447
7099
  }
6448
7100
 
6449
- [cds-layout~="p-y@xl:xxs"] {
7101
+ [cds-layout~="p-y@xl:xxxs"] {
6450
7102
  padding-top: var(--δ1) !important;
6451
7103
  padding-bottom: var(--δ1) !important;
6452
7104
  }
6453
7105
 
6454
- [cds-layout~="p-x@xl:xs"] {
7106
+ [cds-layout~="p-x@xl:xxs"] {
6455
7107
  padding-left: var(--δ2) !important;
6456
7108
  padding-right: var(--δ2) !important;
6457
7109
  }
6458
7110
 
6459
- [cds-layout~="p-y@xl:xs"] {
7111
+ [cds-layout~="p-y@xl:xxs"] {
6460
7112
  padding-top: var(--δ2) !important;
6461
7113
  padding-bottom: var(--δ2) !important;
6462
7114
  }
6463
7115
 
6464
- [cds-layout~="p-x@xl:sm"] {
7116
+ [cds-layout~="p-x@xl:xs"] {
6465
7117
  padding-left: var(--δ3) !important;
6466
7118
  padding-right: var(--δ3) !important;
6467
7119
  }
6468
7120
 
6469
- [cds-layout~="p-y@xl:sm"] {
7121
+ [cds-layout~="p-y@xl:xs"] {
6470
7122
  padding-top: var(--δ3) !important;
6471
7123
  padding-bottom: var(--δ3) !important;
6472
7124
  }
6473
7125
 
6474
- [cds-layout~="p-x@xl:md"] {
7126
+ [cds-layout~="p-x@xl:sm"] {
6475
7127
  padding-left: var(--δ4) !important;
6476
7128
  padding-right: var(--δ4) !important;
6477
7129
  }
6478
7130
 
6479
- [cds-layout~="p-y@xl:md"] {
7131
+ [cds-layout~="p-y@xl:sm"] {
6480
7132
  padding-top: var(--δ4) !important;
6481
7133
  padding-bottom: var(--δ4) !important;
6482
7134
  }
6483
7135
 
6484
- [cds-layout~="p-x@xl:lg"] {
7136
+ [cds-layout~="p-x@xl:md"] {
6485
7137
  padding-left: var(--δ5) !important;
6486
7138
  padding-right: var(--δ5) !important;
6487
7139
  }
6488
7140
 
6489
- [cds-layout~="p-y@xl:lg"] {
7141
+ [cds-layout~="p-y@xl:md"] {
6490
7142
  padding-top: var(--δ5) !important;
6491
7143
  padding-bottom: var(--δ5) !important;
6492
7144
  }
6493
7145
 
6494
- [cds-layout~="p-x@xl:xl"] {
7146
+ [cds-layout~="p-x@xl:lg"] {
6495
7147
  padding-left: var(--δ6) !important;
6496
7148
  padding-right: var(--δ6) !important;
6497
7149
  }
6498
7150
 
6499
- [cds-layout~="p-y@xl:xl"] {
7151
+ [cds-layout~="p-y@xl:lg"] {
6500
7152
  padding-top: var(--δ6) !important;
6501
7153
  padding-bottom: var(--δ6) !important;
6502
7154
  }
6503
7155
 
6504
- [cds-layout~="p-x@xl:xxl"] {
7156
+ [cds-layout~="p-x@xl:xl"] {
6505
7157
  padding-left: var(--δ7) !important;
6506
7158
  padding-right: var(--δ7) !important;
6507
7159
  }
6508
7160
 
6509
- [cds-layout~="p-y@xl:xxl"] {
7161
+ [cds-layout~="p-y@xl:xl"] {
6510
7162
  padding-top: var(--δ7) !important;
6511
7163
  padding-bottom: var(--δ7) !important;
6512
7164
  }
6513
7165
 
7166
+ [cds-layout~="p-x@xl:xxl"] {
7167
+ padding-left: var(--δ8) !important;
7168
+ padding-right: var(--δ8) !important;
7169
+ }
7170
+
7171
+ [cds-layout~="p-y@xl:xxl"] {
7172
+ padding-top: var(--δ8) !important;
7173
+ padding-bottom: var(--δ8) !important;
7174
+ }
7175
+
7176
+ [cds-layout~="p-x@xl:xxxl"] {
7177
+ padding-left: var(--δ9) !important;
7178
+ padding-right: var(--δ9) !important;
7179
+ }
7180
+
7181
+ [cds-layout~="p-y@xl:xxxl"] {
7182
+ padding-top: var(--δ9) !important;
7183
+ padding-bottom: var(--δ9) !important;
7184
+ }
7185
+
6514
7186
  [cds-layout~="m-x@xl:none"] {
6515
7187
  margin-left: 0 !important;
6516
7188
  margin-right: 0 !important;
@@ -6521,76 +7193,96 @@
6521
7193
  margin-bottom: 0 !important;
6522
7194
  }
6523
7195
 
6524
- [cds-layout~="m-x@xl:xxs"] {
7196
+ [cds-layout~="m-x@xl:xxxs"] {
6525
7197
  margin-left: var(--δ1) !important;
6526
7198
  margin-right: var(--δ1) !important;
6527
7199
  }
6528
7200
 
6529
- [cds-layout~="m-y@xl:xxs"] {
7201
+ [cds-layout~="m-y@xl:xxxs"] {
6530
7202
  margin-top: var(--δ1) !important;
6531
7203
  margin-bottom: var(--δ1) !important;
6532
7204
  }
6533
7205
 
6534
- [cds-layout~="m-x@xl:xs"] {
7206
+ [cds-layout~="m-x@xl:xxs"] {
6535
7207
  margin-left: var(--δ2) !important;
6536
7208
  margin-right: var(--δ2) !important;
6537
7209
  }
6538
7210
 
6539
- [cds-layout~="m-y@xl:xs"] {
7211
+ [cds-layout~="m-y@xl:xxs"] {
6540
7212
  margin-top: var(--δ2) !important;
6541
7213
  margin-bottom: var(--δ2) !important;
6542
7214
  }
6543
7215
 
6544
- [cds-layout~="m-x@xl:sm"] {
7216
+ [cds-layout~="m-x@xl:xs"] {
6545
7217
  margin-left: var(--δ3) !important;
6546
7218
  margin-right: var(--δ3) !important;
6547
7219
  }
6548
7220
 
6549
- [cds-layout~="m-y@xl:sm"] {
7221
+ [cds-layout~="m-y@xl:xs"] {
6550
7222
  margin-top: var(--δ3) !important;
6551
7223
  margin-bottom: var(--δ3) !important;
6552
7224
  }
6553
7225
 
6554
- [cds-layout~="m-x@xl:md"] {
7226
+ [cds-layout~="m-x@xl:sm"] {
6555
7227
  margin-left: var(--δ4) !important;
6556
7228
  margin-right: var(--δ4) !important;
6557
7229
  }
6558
7230
 
6559
- [cds-layout~="m-y@xl:md"] {
7231
+ [cds-layout~="m-y@xl:sm"] {
6560
7232
  margin-top: var(--δ4) !important;
6561
7233
  margin-bottom: var(--δ4) !important;
6562
7234
  }
6563
7235
 
6564
- [cds-layout~="m-x@xl:lg"] {
7236
+ [cds-layout~="m-x@xl:md"] {
6565
7237
  margin-left: var(--δ5) !important;
6566
7238
  margin-right: var(--δ5) !important;
6567
7239
  }
6568
7240
 
6569
- [cds-layout~="m-y@xl:lg"] {
7241
+ [cds-layout~="m-y@xl:md"] {
6570
7242
  margin-top: var(--δ5) !important;
6571
7243
  margin-bottom: var(--δ5) !important;
6572
7244
  }
6573
7245
 
6574
- [cds-layout~="m-x@xl:xl"] {
7246
+ [cds-layout~="m-x@xl:lg"] {
6575
7247
  margin-left: var(--δ6) !important;
6576
7248
  margin-right: var(--δ6) !important;
6577
7249
  }
6578
7250
 
6579
- [cds-layout~="m-y@xl:xl"] {
7251
+ [cds-layout~="m-y@xl:lg"] {
6580
7252
  margin-top: var(--δ6) !important;
6581
7253
  margin-bottom: var(--δ6) !important;
6582
7254
  }
6583
7255
 
6584
- [cds-layout~="m-x@xl:xxl"] {
7256
+ [cds-layout~="m-x@xl:xl"] {
6585
7257
  margin-left: var(--δ7) !important;
6586
7258
  margin-right: var(--δ7) !important;
6587
7259
  }
6588
7260
 
6589
- [cds-layout~="m-y@xl:xxl"] {
7261
+ [cds-layout~="m-y@xl:xl"] {
6590
7262
  margin-top: var(--δ7) !important;
6591
7263
  margin-bottom: var(--δ7) !important;
6592
7264
  }
6593
7265
 
7266
+ [cds-layout~="m-x@xl:xxl"] {
7267
+ margin-left: var(--δ8) !important;
7268
+ margin-right: var(--δ8) !important;
7269
+ }
7270
+
7271
+ [cds-layout~="m-y@xl:xxl"] {
7272
+ margin-top: var(--δ8) !important;
7273
+ margin-bottom: var(--δ8) !important;
7274
+ }
7275
+
7276
+ [cds-layout~="m-x@xl:xxxl"] {
7277
+ margin-left: var(--δ9) !important;
7278
+ margin-right: var(--δ9) !important;
7279
+ }
7280
+
7281
+ [cds-layout~="m-y@xl:xxxl"] {
7282
+ margin-top: var(--δ9) !important;
7283
+ margin-bottom: var(--δ9) !important;
7284
+ }
7285
+
6594
7286
  [cds-layout~="p-t@xl:none"] {
6595
7287
  padding-top: 0 !important;
6596
7288
  }
@@ -6607,118 +7299,150 @@
6607
7299
  padding-left: 0 !important;
6608
7300
  }
6609
7301
 
6610
- [cds-layout~="p-t@xl:xxs"] {
7302
+ [cds-layout~="p-t@xl:xxxs"] {
6611
7303
  padding-top: var(--δ1) !important;
6612
7304
  }
6613
7305
 
6614
- [cds-layout~="p-r@xl:xxs"] {
7306
+ [cds-layout~="p-r@xl:xxxs"] {
6615
7307
  padding-right: var(--δ1) !important;
6616
7308
  }
6617
7309
 
6618
- [cds-layout~="p-b@xl:xxs"] {
7310
+ [cds-layout~="p-b@xl:xxxs"] {
6619
7311
  padding-bottom: var(--δ1) !important;
6620
7312
  }
6621
7313
 
6622
- [cds-layout~="p-l@xl:xxs"] {
7314
+ [cds-layout~="p-l@xl:xxxs"] {
6623
7315
  padding-left: var(--δ1) !important;
6624
7316
  }
6625
7317
 
6626
- [cds-layout~="p-t@xl:xs"] {
7318
+ [cds-layout~="p-t@xl:xxs"] {
6627
7319
  padding-top: var(--δ2) !important;
6628
7320
  }
6629
7321
 
6630
- [cds-layout~="p-r@xl:xs"] {
7322
+ [cds-layout~="p-r@xl:xxs"] {
6631
7323
  padding-right: var(--δ2) !important;
6632
7324
  }
6633
7325
 
6634
- [cds-layout~="p-b@xl:xs"] {
7326
+ [cds-layout~="p-b@xl:xxs"] {
6635
7327
  padding-bottom: var(--δ2) !important;
6636
7328
  }
6637
7329
 
6638
- [cds-layout~="p-l@xl:xs"] {
7330
+ [cds-layout~="p-l@xl:xxs"] {
6639
7331
  padding-left: var(--δ2) !important;
6640
7332
  }
6641
7333
 
6642
- [cds-layout~="p-t@xl:sm"] {
7334
+ [cds-layout~="p-t@xl:xs"] {
6643
7335
  padding-top: var(--δ3) !important;
6644
7336
  }
6645
7337
 
6646
- [cds-layout~="p-r@xl:sm"] {
7338
+ [cds-layout~="p-r@xl:xs"] {
6647
7339
  padding-right: var(--δ3) !important;
6648
7340
  }
6649
7341
 
6650
- [cds-layout~="p-b@xl:sm"] {
7342
+ [cds-layout~="p-b@xl:xs"] {
6651
7343
  padding-bottom: var(--δ3) !important;
6652
7344
  }
6653
7345
 
6654
- [cds-layout~="p-l@xl:sm"] {
7346
+ [cds-layout~="p-l@xl:xs"] {
6655
7347
  padding-left: var(--δ3) !important;
6656
7348
  }
6657
7349
 
6658
- [cds-layout~="p-t@xl:md"] {
7350
+ [cds-layout~="p-t@xl:sm"] {
6659
7351
  padding-top: var(--δ4) !important;
6660
7352
  }
6661
7353
 
6662
- [cds-layout~="p-r@xl:md"] {
7354
+ [cds-layout~="p-r@xl:sm"] {
6663
7355
  padding-right: var(--δ4) !important;
6664
7356
  }
6665
7357
 
6666
- [cds-layout~="p-b@xl:md"] {
7358
+ [cds-layout~="p-b@xl:sm"] {
6667
7359
  padding-bottom: var(--δ4) !important;
6668
7360
  }
6669
7361
 
6670
- [cds-layout~="p-l@xl:md"] {
7362
+ [cds-layout~="p-l@xl:sm"] {
6671
7363
  padding-left: var(--δ4) !important;
6672
7364
  }
6673
7365
 
6674
- [cds-layout~="p-t@xl:lg"] {
7366
+ [cds-layout~="p-t@xl:md"] {
6675
7367
  padding-top: var(--δ5) !important;
6676
7368
  }
6677
7369
 
6678
- [cds-layout~="p-r@xl:lg"] {
7370
+ [cds-layout~="p-r@xl:md"] {
6679
7371
  padding-right: var(--δ5) !important;
6680
7372
  }
6681
7373
 
6682
- [cds-layout~="p-b@xl:lg"] {
7374
+ [cds-layout~="p-b@xl:md"] {
6683
7375
  padding-bottom: var(--δ5) !important;
6684
7376
  }
6685
7377
 
6686
- [cds-layout~="p-l@xl:lg"] {
7378
+ [cds-layout~="p-l@xl:md"] {
6687
7379
  padding-left: var(--δ5) !important;
6688
7380
  }
6689
7381
 
6690
- [cds-layout~="p-t@xl:xl"] {
7382
+ [cds-layout~="p-t@xl:lg"] {
6691
7383
  padding-top: var(--δ6) !important;
6692
7384
  }
6693
7385
 
6694
- [cds-layout~="p-r@xl:xl"] {
7386
+ [cds-layout~="p-r@xl:lg"] {
6695
7387
  padding-right: var(--δ6) !important;
6696
7388
  }
6697
7389
 
6698
- [cds-layout~="p-b@xl:xl"] {
7390
+ [cds-layout~="p-b@xl:lg"] {
6699
7391
  padding-bottom: var(--δ6) !important;
6700
7392
  }
6701
7393
 
6702
- [cds-layout~="p-l@xl:xl"] {
7394
+ [cds-layout~="p-l@xl:lg"] {
6703
7395
  padding-left: var(--δ6) !important;
6704
7396
  }
6705
7397
 
6706
- [cds-layout~="p-t@xl:xxl"] {
7398
+ [cds-layout~="p-t@xl:xl"] {
6707
7399
  padding-top: var(--δ7) !important;
6708
7400
  }
6709
7401
 
6710
- [cds-layout~="p-r@xl:xxl"] {
7402
+ [cds-layout~="p-r@xl:xl"] {
6711
7403
  padding-right: var(--δ7) !important;
6712
7404
  }
6713
7405
 
6714
- [cds-layout~="p-b@xl:xxl"] {
7406
+ [cds-layout~="p-b@xl:xl"] {
6715
7407
  padding-bottom: var(--δ7) !important;
6716
7408
  }
6717
7409
 
6718
- [cds-layout~="p-l@xl:xxl"] {
7410
+ [cds-layout~="p-l@xl:xl"] {
6719
7411
  padding-left: var(--δ7) !important;
6720
7412
  }
6721
7413
 
7414
+ [cds-layout~="p-t@xl:xxl"] {
7415
+ padding-top: var(--δ8) !important;
7416
+ }
7417
+
7418
+ [cds-layout~="p-r@xl:xxl"] {
7419
+ padding-right: var(--δ8) !important;
7420
+ }
7421
+
7422
+ [cds-layout~="p-b@xl:xxl"] {
7423
+ padding-bottom: var(--δ8) !important;
7424
+ }
7425
+
7426
+ [cds-layout~="p-l@xl:xxl"] {
7427
+ padding-left: var(--δ8) !important;
7428
+ }
7429
+
7430
+ [cds-layout~="p-t@xl:xxxl"] {
7431
+ padding-top: var(--δ9) !important;
7432
+ }
7433
+
7434
+ [cds-layout~="p-r@xl:xxxl"] {
7435
+ padding-right: var(--δ9) !important;
7436
+ }
7437
+
7438
+ [cds-layout~="p-b@xl:xxxl"] {
7439
+ padding-bottom: var(--δ9) !important;
7440
+ }
7441
+
7442
+ [cds-layout~="p-l@xl:xxxl"] {
7443
+ padding-left: var(--δ9) !important;
7444
+ }
7445
+
6722
7446
  [cds-layout~="m-t@xl:none"] {
6723
7447
  margin-top: 0 !important;
6724
7448
  }
@@ -6735,117 +7459,149 @@
6735
7459
  margin-left: 0 !important;
6736
7460
  }
6737
7461
 
6738
- [cds-layout~="m-t@xl:xxs"] {
7462
+ [cds-layout~="m-t@xl:xxxs"] {
6739
7463
  margin-top: var(--δ1) !important;
6740
7464
  }
6741
7465
 
6742
- [cds-layout~="m-r@xl:xxs"] {
7466
+ [cds-layout~="m-r@xl:xxxs"] {
6743
7467
  margin-right: var(--δ1) !important;
6744
7468
  }
6745
7469
 
6746
- [cds-layout~="m-b@xl:xxs"] {
7470
+ [cds-layout~="m-b@xl:xxxs"] {
6747
7471
  margin-bottom: var(--δ1) !important;
6748
7472
  }
6749
7473
 
6750
- [cds-layout~="m-l@xl:xxs"] {
7474
+ [cds-layout~="m-l@xl:xxxs"] {
6751
7475
  margin-left: var(--δ1) !important;
6752
7476
  }
6753
7477
 
6754
- [cds-layout~="m-t@xl:xs"] {
7478
+ [cds-layout~="m-t@xl:xxs"] {
6755
7479
  margin-top: var(--δ2) !important;
6756
7480
  }
6757
7481
 
6758
- [cds-layout~="m-r@xl:xs"] {
7482
+ [cds-layout~="m-r@xl:xxs"] {
6759
7483
  margin-right: var(--δ2) !important;
6760
7484
  }
6761
7485
 
6762
- [cds-layout~="m-b@xl:xs"] {
7486
+ [cds-layout~="m-b@xl:xxs"] {
6763
7487
  margin-bottom: var(--δ2) !important;
6764
7488
  }
6765
7489
 
6766
- [cds-layout~="m-l@xl:xs"] {
7490
+ [cds-layout~="m-l@xl:xxs"] {
6767
7491
  margin-left: var(--δ2) !important;
6768
7492
  }
6769
7493
 
6770
- [cds-layout~="m-t@xl:sm"] {
7494
+ [cds-layout~="m-t@xl:xs"] {
6771
7495
  margin-top: var(--δ3) !important;
6772
7496
  }
6773
7497
 
6774
- [cds-layout~="m-r@xl:sm"] {
7498
+ [cds-layout~="m-r@xl:xs"] {
6775
7499
  margin-right: var(--δ3) !important;
6776
7500
  }
6777
7501
 
6778
- [cds-layout~="m-b@xl:sm"] {
7502
+ [cds-layout~="m-b@xl:xs"] {
6779
7503
  margin-bottom: var(--δ3) !important;
6780
7504
  }
6781
7505
 
6782
- [cds-layout~="m-l@xl:sm"] {
7506
+ [cds-layout~="m-l@xl:xs"] {
6783
7507
  margin-left: var(--δ3) !important;
6784
7508
  }
6785
7509
 
6786
- [cds-layout~="m-t@xl:md"] {
7510
+ [cds-layout~="m-t@xl:sm"] {
6787
7511
  margin-top: var(--δ4) !important;
6788
7512
  }
6789
7513
 
6790
- [cds-layout~="m-r@xl:md"] {
7514
+ [cds-layout~="m-r@xl:sm"] {
6791
7515
  margin-right: var(--δ4) !important;
6792
7516
  }
6793
7517
 
6794
- [cds-layout~="m-b@xl:md"] {
7518
+ [cds-layout~="m-b@xl:sm"] {
6795
7519
  margin-bottom: var(--δ4) !important;
6796
7520
  }
6797
7521
 
6798
- [cds-layout~="m-l@xl:md"] {
7522
+ [cds-layout~="m-l@xl:sm"] {
6799
7523
  margin-left: var(--δ4) !important;
6800
7524
  }
6801
7525
 
6802
- [cds-layout~="m-t@xl:lg"] {
7526
+ [cds-layout~="m-t@xl:md"] {
6803
7527
  margin-top: var(--δ5) !important;
6804
7528
  }
6805
7529
 
6806
- [cds-layout~="m-r@xl:lg"] {
7530
+ [cds-layout~="m-r@xl:md"] {
6807
7531
  margin-right: var(--δ5) !important;
6808
7532
  }
6809
7533
 
6810
- [cds-layout~="m-b@xl:lg"] {
7534
+ [cds-layout~="m-b@xl:md"] {
6811
7535
  margin-bottom: var(--δ5) !important;
6812
7536
  }
6813
7537
 
6814
- [cds-layout~="m-l@xl:lg"] {
7538
+ [cds-layout~="m-l@xl:md"] {
6815
7539
  margin-left: var(--δ5) !important;
6816
7540
  }
6817
7541
 
6818
- [cds-layout~="m-t@xl:xl"] {
7542
+ [cds-layout~="m-t@xl:lg"] {
6819
7543
  margin-top: var(--δ6) !important;
6820
7544
  }
6821
7545
 
6822
- [cds-layout~="m-r@xl:xl"] {
7546
+ [cds-layout~="m-r@xl:lg"] {
6823
7547
  margin-right: var(--δ6) !important;
6824
7548
  }
6825
7549
 
6826
- [cds-layout~="m-b@xl:xl"] {
7550
+ [cds-layout~="m-b@xl:lg"] {
6827
7551
  margin-bottom: var(--δ6) !important;
6828
7552
  }
6829
7553
 
6830
- [cds-layout~="m-l@xl:xl"] {
7554
+ [cds-layout~="m-l@xl:lg"] {
6831
7555
  margin-left: var(--δ6) !important;
6832
7556
  }
6833
7557
 
6834
- [cds-layout~="m-t@xl:xxl"] {
7558
+ [cds-layout~="m-t@xl:xl"] {
6835
7559
  margin-top: var(--δ7) !important;
6836
7560
  }
6837
7561
 
6838
- [cds-layout~="m-r@xl:xxl"] {
7562
+ [cds-layout~="m-r@xl:xl"] {
6839
7563
  margin-right: var(--δ7) !important;
6840
7564
  }
6841
7565
 
6842
- [cds-layout~="m-b@xl:xxl"] {
7566
+ [cds-layout~="m-b@xl:xl"] {
6843
7567
  margin-bottom: var(--δ7) !important;
6844
7568
  }
6845
7569
 
6846
- [cds-layout~="m-l@xl:xxl"] {
7570
+ [cds-layout~="m-l@xl:xl"] {
6847
7571
  margin-left: var(--δ7) !important;
6848
7572
  }
7573
+
7574
+ [cds-layout~="m-t@xl:xxl"] {
7575
+ margin-top: var(--δ8) !important;
7576
+ }
7577
+
7578
+ [cds-layout~="m-r@xl:xxl"] {
7579
+ margin-right: var(--δ8) !important;
7580
+ }
7581
+
7582
+ [cds-layout~="m-b@xl:xxl"] {
7583
+ margin-bottom: var(--δ8) !important;
7584
+ }
7585
+
7586
+ [cds-layout~="m-l@xl:xxl"] {
7587
+ margin-left: var(--δ8) !important;
7588
+ }
7589
+
7590
+ [cds-layout~="m-t@xl:xxxl"] {
7591
+ margin-top: var(--δ9) !important;
7592
+ }
7593
+
7594
+ [cds-layout~="m-r@xl:xxxl"] {
7595
+ margin-right: var(--δ9) !important;
7596
+ }
7597
+
7598
+ [cds-layout~="m-b@xl:xxxl"] {
7599
+ margin-bottom: var(--δ9) !important;
7600
+ }
7601
+
7602
+ [cds-layout~="m-l@xl:xxxl"] {
7603
+ margin-left: var(--δ9) !important;
7604
+ }
6849
7605
  }
6850
7606
  [cds-layout=no-scrolling] {
6851
7607
  overflow: hidden !important;