@cds/core 5.7.0 → 6.0.0-beta.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 (689) 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.js.map +1 -1
  16. package/alert/alert-actions.element.scss.js +1 -1
  17. package/alert/alert-group.element.js +1 -1
  18. package/alert/alert-group.element.js.map +1 -1
  19. package/alert/alert-group.element.scss.js +1 -1
  20. package/alert/alert.element.d.ts +2 -3
  21. package/alert/alert.element.js +1 -1
  22. package/alert/alert.element.js.map +1 -1
  23. package/alert/alert.element.scss.js +1 -1
  24. package/badge/badge.element.scss.js +1 -1
  25. package/breadcrumb/breadcrumb.element.d.ts +0 -1
  26. package/breadcrumb/breadcrumb.element.js +1 -1
  27. package/breadcrumb/breadcrumb.element.js.map +1 -1
  28. package/breadcrumb/breadcrumb.element.scss.js +1 -1
  29. package/button/button.element.d.ts +1 -1
  30. package/button/button.element.js +1 -1
  31. package/button/button.element.js.map +1 -1
  32. package/button/button.element.scss.js +1 -1
  33. package/button/icon-button.element.d.ts +1 -9
  34. package/button/icon-button.element.js +1 -1
  35. package/button/icon-button.element.js.map +1 -1
  36. package/button/index.d.ts +0 -1
  37. package/button/index.js +1 -1
  38. package/button/register.d.ts +0 -2
  39. package/button/register.js +1 -1
  40. package/button/register.js.map +1 -1
  41. package/button-action/button-action.element.d.ts +45 -0
  42. package/button-action/button-action.element.js +2 -0
  43. package/button-action/button-action.element.js.map +1 -0
  44. package/button-action/button-action.element.scss.js +2 -0
  45. package/button-action/button-action.element.scss.js.map +1 -0
  46. package/button-action/index.d.ts +1 -0
  47. package/button-action/index.js +2 -0
  48. package/{internal/interfaces → button-action}/index.js.map +0 -0
  49. package/button-action/register.d.ts +7 -0
  50. package/button-action/register.js +2 -0
  51. package/button-action/register.js.map +1 -0
  52. package/button-expand/button-expand.element.d.ts +25 -0
  53. package/button-expand/button-expand.element.js +2 -0
  54. package/button-expand/button-expand.element.js.map +1 -0
  55. package/button-expand/button-expand.element.scss.js +2 -0
  56. package/button-expand/button-expand.element.scss.js.map +1 -0
  57. package/button-expand/index.d.ts +1 -0
  58. package/button-expand/index.js +2 -0
  59. package/button-expand/index.js.map +1 -0
  60. package/button-expand/register.d.ts +7 -0
  61. package/button-expand/register.js +2 -0
  62. package/button-expand/register.js.map +1 -0
  63. package/button-handle/button-handle.element.d.ts +19 -0
  64. package/button-handle/button-handle.element.js +2 -0
  65. package/button-handle/button-handle.element.js.map +1 -0
  66. package/button-handle/button-handle.element.scss.js +2 -0
  67. package/button-handle/button-handle.element.scss.js.map +1 -0
  68. package/button-handle/index.d.ts +1 -0
  69. package/button-handle/index.js +2 -0
  70. package/button-handle/index.js.map +1 -0
  71. package/button-handle/register.d.ts +7 -0
  72. package/button-handle/register.js +2 -0
  73. package/button-handle/register.js.map +1 -0
  74. package/{button/inline-button.element.d.ts → button-inline/button-inline.element.d.ts} +10 -3
  75. package/button-inline/button-inline.element.js +2 -0
  76. package/button-inline/button-inline.element.js.map +1 -0
  77. package/{button/inline-button.element.scss.js → button-inline/button-inline.element.scss.js} +2 -2
  78. package/button-inline/button-inline.element.scss.js.map +1 -0
  79. package/button-inline/index.d.ts +1 -0
  80. package/button-inline/index.js +2 -0
  81. package/button-inline/index.js.map +1 -0
  82. package/button-inline/register.d.ts +11 -0
  83. package/button-inline/register.js +2 -0
  84. package/button-inline/register.js.map +1 -0
  85. package/button-sort/button-sort.element.d.ts +23 -0
  86. package/button-sort/button-sort.element.js +2 -0
  87. package/button-sort/button-sort.element.js.map +1 -0
  88. package/button-sort/button-sort.element.scss.js +2 -0
  89. package/button-sort/button-sort.element.scss.js.map +1 -0
  90. package/button-sort/index.d.ts +1 -0
  91. package/button-sort/index.js +2 -0
  92. package/button-sort/index.js.map +1 -0
  93. package/button-sort/register.d.ts +7 -0
  94. package/button-sort/register.js +2 -0
  95. package/button-sort/register.js.map +1 -0
  96. package/button-sort/utils.d.ts +1 -0
  97. package/button-sort/utils.js +2 -0
  98. package/button-sort/utils.js.map +1 -0
  99. package/card/card.element.d.ts +4 -5
  100. package/card/card.element.js.map +1 -1
  101. package/card/card.element.scss.js +1 -1
  102. package/checkbox/checkbox.element.scss.js +1 -1
  103. package/custom-elements.json +17310 -9488
  104. package/datalist/datalist.element.d.ts +0 -1
  105. package/datalist/datalist.element.js +1 -1
  106. package/datalist/datalist.element.js.map +1 -1
  107. package/datalist/register.d.ts +1 -1
  108. package/datalist/register.js +1 -1
  109. package/datalist/register.js.map +1 -1
  110. package/date/date.element.d.ts +0 -1
  111. package/date/date.element.js +1 -1
  112. package/date/date.element.js.map +1 -1
  113. package/date/date.global.scss.js +1 -1
  114. package/date/register.d.ts +1 -0
  115. package/date/register.js +1 -1
  116. package/date/register.js.map +1 -1
  117. package/demo/data/demo.service.d.ts +6 -0
  118. package/demo/data/demo.service.js +2 -0
  119. package/demo/data/demo.service.js.map +1 -0
  120. package/demo/data/food.data.d.ts +2 -0
  121. package/demo/data/food.data.js +2 -0
  122. package/demo/data/food.data.js.map +1 -0
  123. package/demo/data/infrastructure.data.d.ts +2 -0
  124. package/demo/data/infrastructure.data.js +2 -0
  125. package/demo/data/infrastructure.data.js.map +1 -0
  126. package/demo/data/interfaces.d.ts +31 -0
  127. package/demo/data/interfaces.js +2 -0
  128. package/demo/data/interfaces.js.map +1 -0
  129. package/demo/data/system.data.d.ts +2 -0
  130. package/demo/data/system.data.js +2 -0
  131. package/demo/data/system.data.js.map +1 -0
  132. package/demo/index.d.ts +43 -0
  133. package/demo/index.js +2 -0
  134. package/demo/index.js.map +1 -0
  135. package/demo/utils.d.ts +67 -0
  136. package/demo/utils.js +2 -0
  137. package/demo/utils.js.map +1 -0
  138. package/divider/divider.element.d.ts +1 -1
  139. package/divider/divider.element.js.map +1 -1
  140. package/divider/divider.element.scss.js +1 -1
  141. package/dropdown/dropdown.element.d.ts +42 -0
  142. package/dropdown/dropdown.element.js +2 -0
  143. package/dropdown/dropdown.element.js.map +1 -0
  144. package/dropdown/index.d.ts +1 -0
  145. package/dropdown/index.js +2 -0
  146. package/dropdown/index.js.map +1 -0
  147. package/dropdown/register.d.ts +7 -0
  148. package/dropdown/register.js +2 -0
  149. package/dropdown/register.js.map +1 -0
  150. package/file/file.element.d.ts +0 -1
  151. package/file/file.element.js +1 -1
  152. package/file/file.element.js.map +1 -1
  153. package/file/file.element.scss.js +1 -1
  154. package/file/register.d.ts +1 -0
  155. package/file/register.js +1 -1
  156. package/file/register.js.map +1 -1
  157. package/forms/control/control.element.d.ts +1 -1
  158. package/forms/control/control.element.js +2 -2
  159. package/forms/control/control.element.js.map +1 -1
  160. package/forms/control/control.element.scss.js +1 -1
  161. package/forms/control-action/control-action.element.d.ts +4 -14
  162. package/forms/control-action/control-action.element.js +1 -1
  163. package/forms/control-action/control-action.element.js.map +1 -1
  164. package/forms/control-group/control-group.element.d.ts +1 -4
  165. package/forms/control-group/control-group.element.js +1 -1
  166. package/forms/control-group/control-group.element.js.map +1 -1
  167. package/forms/control-group/control-group.element.scss.js +1 -1
  168. package/forms/control-inline/control-inline.element.d.ts +1 -1
  169. package/forms/control-inline/control-inline.element.js +1 -1
  170. package/forms/control-inline/control-inline.element.js.map +1 -1
  171. package/forms/control-inline/control-inline.element.scss.js +1 -1
  172. package/forms/control-label/control-label.element.js +1 -1
  173. package/forms/control-label/control-label.element.js.map +1 -1
  174. package/forms/control-label/control-label.element.scss.js +1 -1
  175. package/forms/control-message/control-message.element.scss.js +1 -1
  176. package/forms/form-group/form-group.element.d.ts +2 -2
  177. package/forms/form-group/form-group.element.js +1 -1
  178. package/forms/form-group/form-group.element.js.map +1 -1
  179. package/forms/register.d.ts +1 -0
  180. package/forms/register.js +1 -1
  181. package/forms/register.js.map +1 -1
  182. package/forms/utils/{index.d.ts → utils.d.ts} +0 -0
  183. package/forms/utils/utils.js +2 -0
  184. package/forms/utils/utils.js.map +1 -0
  185. package/forms/utils/validate.js +1 -1
  186. package/forms/utils/validate.js.map +1 -1
  187. package/global.css +1499 -700
  188. package/global.min.css +1 -1
  189. package/grid/cell/grid-cell.element.d.ts +25 -0
  190. package/grid/cell/grid-cell.element.js +2 -0
  191. package/grid/cell/grid-cell.element.js.map +1 -0
  192. package/grid/cell/grid-cell.element.scss.js +2 -0
  193. package/grid/cell/grid-cell.element.scss.js.map +1 -0
  194. package/grid/column/grid-column-position.controller.d.ts +15 -0
  195. package/grid/column/grid-column-position.controller.js +2 -0
  196. package/grid/column/grid-column-position.controller.js.map +1 -0
  197. package/grid/column/grid-column-size.controller.d.ts +18 -0
  198. package/grid/column/grid-column-size.controller.js +2 -0
  199. package/grid/column/grid-column-size.controller.js.map +1 -0
  200. package/grid/column/grid-column.element.d.ts +53 -0
  201. package/grid/column/grid-column.element.js +2 -0
  202. package/grid/column/grid-column.element.js.map +1 -0
  203. package/grid/column/grid-column.element.scss.js +2 -0
  204. package/grid/column/grid-column.element.scss.js.map +1 -0
  205. package/grid/detail/grid-detail.element.d.ts +59 -0
  206. package/grid/detail/grid-detail.element.js +2 -0
  207. package/grid/detail/grid-detail.element.js.map +1 -0
  208. package/grid/detail/grid-detail.element.scss.js +2 -0
  209. package/grid/detail/grid-detail.element.scss.js.map +1 -0
  210. package/grid/footer/grid-footer.element.d.ts +36 -0
  211. package/grid/footer/grid-footer.element.js +2 -0
  212. package/grid/footer/grid-footer.element.js.map +1 -0
  213. package/grid/footer/grid-footer.element.scss.js +2 -0
  214. package/grid/footer/grid-footer.element.scss.js.map +1 -0
  215. package/grid/grid/grid-layout.controller.d.ts +31 -0
  216. package/grid/grid/grid-layout.controller.js +2 -0
  217. package/grid/grid/grid-layout.controller.js.map +1 -0
  218. package/grid/grid/grid.element.d.ts +73 -0
  219. package/grid/grid/grid.element.js +2 -0
  220. package/grid/grid/grid.element.js.map +1 -0
  221. package/grid/grid/grid.element.scss.js +2 -0
  222. package/grid/grid/grid.element.scss.js.map +1 -0
  223. package/grid/index.d.ts +8 -0
  224. package/grid/index.js +2 -0
  225. package/grid/index.js.map +1 -0
  226. package/grid/pagination/grid-pagination.element.d.ts +52 -0
  227. package/grid/pagination/grid-pagination.element.js +2 -0
  228. package/grid/pagination/grid-pagination.element.js.map +1 -0
  229. package/grid/pagination/grid-pagination.element.scss.js +2 -0
  230. package/grid/pagination/grid-pagination.element.scss.js.map +1 -0
  231. package/grid/placeholder/grid-placeholder.element.d.ts +36 -0
  232. package/grid/placeholder/grid-placeholder.element.js +2 -0
  233. package/grid/placeholder/grid-placeholder.element.js.map +1 -0
  234. package/grid/placeholder/grid-placeholder.element.scss.js +2 -0
  235. package/grid/placeholder/grid-placeholder.element.scss.js.map +1 -0
  236. package/grid/register.d.ts +23 -0
  237. package/grid/register.js +2 -0
  238. package/grid/register.js.map +1 -0
  239. package/grid/row/grid-row-position.controller.d.ts +9 -0
  240. package/grid/row/grid-row-position.controller.js +2 -0
  241. package/grid/row/grid-row-position.controller.js.map +1 -0
  242. package/grid/row/grid-row.element.d.ts +25 -0
  243. package/grid/row/grid-row.element.js +2 -0
  244. package/grid/row/grid-row.element.js.map +1 -0
  245. package/grid/row/grid-row.element.scss.js +2 -0
  246. package/grid/row/grid-row.element.scss.js.map +1 -0
  247. package/icon/collections/core.d.ts +4 -0
  248. package/icon/collections/core.js +1 -1
  249. package/icon/collections/core.js.map +1 -1
  250. package/icon/collections/essential.d.ts +4 -0
  251. package/icon/collections/essential.js +1 -1
  252. package/icon/collections/essential.js.map +1 -1
  253. package/icon/icon.element.js +1 -1
  254. package/icon/icon.element.js.map +1 -1
  255. package/icon/icon.element.scss.js +1 -1
  256. package/icon/index.d.ts +17 -7
  257. package/icon/index.js +1 -1
  258. package/icon/shapes/detail-collapse.d.ts +3 -0
  259. package/icon/shapes/detail-collapse.js +2 -0
  260. package/icon/shapes/detail-collapse.js.map +1 -0
  261. package/icon/shapes/detail-expand.d.ts +3 -0
  262. package/icon/shapes/detail-expand.js +2 -0
  263. package/icon/shapes/detail-expand.js.map +1 -0
  264. package/icon/shapes/host.js +1 -1
  265. package/icon/shapes/host.js.map +1 -1
  266. package/icon/shapes/launchpad.d.ts +3 -0
  267. package/icon/shapes/launchpad.js +2 -0
  268. package/icon/shapes/launchpad.js.map +1 -0
  269. package/icon/shapes/namespace.js +1 -1
  270. package/icon/shapes/namespace.js.map +1 -1
  271. package/icon/shapes/unpin.d.ts +3 -0
  272. package/icon/shapes/unpin.js +2 -0
  273. package/icon/shapes/unpin.js.map +1 -0
  274. package/icon/utils/icon.classnames.d.ts +1 -0
  275. package/icon/utils/icon.classnames.js +1 -1
  276. package/icon/utils/icon.classnames.js.map +1 -1
  277. package/icon/utils/icon.svg-helpers.js +1 -1
  278. package/icon/utils/icon.svg-helpers.js.map +1 -1
  279. package/index.d.ts +2 -1
  280. package/index.js +1 -1
  281. package/input/input-group.element.scss.js +1 -1
  282. package/input/input.element.scss.js +1 -1
  283. package/internal/base/base.element.scss.js +1 -1
  284. package/internal/base/button.base.d.ts +7 -36
  285. package/internal/base/button.base.js +1 -1
  286. package/internal/base/button.base.js.map +1 -1
  287. package/internal/base/focus-trap.base.d.ts +7 -15
  288. package/internal/base/focus-trap.base.js +1 -1
  289. package/internal/base/focus-trap.base.js.map +1 -1
  290. package/internal/controllers/active.controller.d.ts +20 -0
  291. package/internal/controllers/active.controller.js +2 -0
  292. package/internal/controllers/active.controller.js.map +1 -0
  293. package/internal/controllers/aria-button.controller.d.ts +15 -0
  294. package/internal/controllers/aria-button.controller.js +2 -0
  295. package/internal/controllers/aria-button.controller.js.map +1 -0
  296. package/internal/controllers/aria-disabled.controller.d.ts +14 -0
  297. package/internal/controllers/aria-disabled.controller.js +2 -0
  298. package/internal/controllers/aria-disabled.controller.js.map +1 -0
  299. package/internal/controllers/aria-expanded.controller.d.ts +14 -0
  300. package/internal/controllers/aria-expanded.controller.js +2 -0
  301. package/internal/controllers/aria-expanded.controller.js.map +1 -0
  302. package/internal/controllers/aria-grid.controller.d.ts +57 -0
  303. package/internal/controllers/aria-grid.controller.js +2 -0
  304. package/internal/controllers/aria-grid.controller.js.map +1 -0
  305. package/internal/controllers/aria-modal.controller.d.ts +11 -0
  306. package/internal/controllers/aria-modal.controller.js +2 -0
  307. package/internal/controllers/aria-modal.controller.js.map +1 -0
  308. package/internal/controllers/aria-multiselectable.controller.d.ts +13 -0
  309. package/internal/controllers/aria-multiselectable.controller.js +2 -0
  310. package/internal/controllers/aria-multiselectable.controller.js.map +1 -0
  311. package/internal/controllers/aria-popup-trigger.controller.d.ts +14 -0
  312. package/internal/controllers/aria-popup-trigger.controller.js +2 -0
  313. package/internal/controllers/aria-popup-trigger.controller.js.map +1 -0
  314. package/internal/controllers/aria-popup.controller.d.ts +19 -0
  315. package/internal/controllers/aria-popup.controller.js +2 -0
  316. package/internal/controllers/aria-popup.controller.js.map +1 -0
  317. package/internal/controllers/aria-pressed.controller.d.ts +15 -0
  318. package/internal/controllers/aria-pressed.controller.js +2 -0
  319. package/internal/controllers/aria-pressed.controller.js.map +1 -0
  320. package/internal/controllers/aria-selected.controller.d.ts +13 -0
  321. package/internal/controllers/aria-selected.controller.js +2 -0
  322. package/internal/controllers/aria-selected.controller.js.map +1 -0
  323. package/internal/controllers/button-anchor.controller.d.ts +26 -0
  324. package/internal/controllers/button-anchor.controller.js +2 -0
  325. package/internal/controllers/button-anchor.controller.js.map +1 -0
  326. package/internal/controllers/button-submit.controller.d.ts +27 -0
  327. package/internal/controllers/button-submit.controller.js +2 -0
  328. package/internal/controllers/button-submit.controller.js.map +1 -0
  329. package/internal/controllers/closable.controller.d.ts +23 -0
  330. package/internal/controllers/closable.controller.js +2 -0
  331. package/internal/controllers/closable.controller.js.map +1 -0
  332. package/internal/controllers/draggable-list.controller.d.ts +32 -0
  333. package/internal/controllers/draggable-list.controller.js +2 -0
  334. package/internal/controllers/draggable-list.controller.js.map +1 -0
  335. package/internal/controllers/first-focus.controller.d.ts +17 -0
  336. package/internal/controllers/first-focus.controller.js +2 -0
  337. package/internal/controllers/first-focus.controller.js.map +1 -0
  338. package/internal/controllers/grid-range-selection.controller.d.ts +28 -0
  339. package/internal/controllers/grid-range-selection.controller.js +2 -0
  340. package/internal/controllers/grid-range-selection.controller.js.map +1 -0
  341. package/internal/controllers/inline-focus-trap.controller.d.ts +17 -0
  342. package/internal/controllers/inline-focus-trap.controller.js +2 -0
  343. package/internal/controllers/inline-focus-trap.controller.js.map +1 -0
  344. package/internal/controllers/key-navigation-grid.controller.d.ts +28 -0
  345. package/internal/controllers/key-navigation-grid.controller.js +2 -0
  346. package/internal/controllers/key-navigation-grid.controller.js.map +1 -0
  347. package/internal/controllers/key-navigation-list.controller.d.ts +26 -0
  348. package/internal/controllers/key-navigation-list.controller.js +2 -0
  349. package/internal/controllers/key-navigation-list.controller.js.map +1 -0
  350. package/internal/controllers/key-navigation.utils.d.ts +19 -0
  351. package/internal/controllers/key-navigation.utils.js +2 -0
  352. package/internal/controllers/key-navigation.utils.js.map +1 -0
  353. package/internal/controllers/layer.controller.d.ts +24 -0
  354. package/internal/controllers/layer.controller.js +2 -0
  355. package/internal/controllers/layer.controller.js.map +1 -0
  356. package/internal/controllers/responsive.controller.d.ts +19 -0
  357. package/internal/controllers/responsive.controller.js +2 -0
  358. package/internal/controllers/responsive.controller.js.map +1 -0
  359. package/internal/controllers/scrollable-list-visibility.controller.d.ts +13 -0
  360. package/internal/controllers/scrollable-list-visibility.controller.js +2 -0
  361. package/internal/controllers/scrollable-list-visibility.controller.js.map +1 -0
  362. package/internal/controllers/touch.controller.d.ts +22 -0
  363. package/internal/controllers/touch.controller.js +2 -0
  364. package/internal/controllers/touch.controller.js.map +1 -0
  365. package/internal/controllers/trigger.controller.d.ts +31 -0
  366. package/internal/controllers/trigger.controller.js +2 -0
  367. package/internal/controllers/trigger.controller.js.map +1 -0
  368. package/internal/decorators/animate.d.ts +2 -2
  369. package/internal/decorators/animate.js +1 -1
  370. package/internal/decorators/animate.js.map +1 -1
  371. package/internal/decorators/element.d.ts +15 -18
  372. package/internal/decorators/element.js +2 -0
  373. package/internal/decorators/element.js.map +1 -0
  374. package/internal/decorators/i18n.d.ts +16 -0
  375. package/internal/decorators/i18n.js +1 -1
  376. package/internal/decorators/i18n.js.map +1 -1
  377. package/internal/decorators/property.d.ts +3 -16
  378. package/internal/decorators/property.js +1 -1
  379. package/internal/decorators/property.js.map +1 -1
  380. package/internal/decorators/query-slot.js +1 -1
  381. package/internal/decorators/query-slot.js.map +1 -1
  382. package/internal/decorators/utils.d.ts +23 -0
  383. package/internal/decorators/utils.js +2 -0
  384. package/internal/decorators/utils.js.map +1 -0
  385. package/internal/index.d.ts +48 -3
  386. package/internal/index.js +1 -1
  387. package/internal/index.js.map +1 -1
  388. package/internal/interfaces/{index.d.ts → interfaces.d.ts} +0 -0
  389. package/internal/interfaces/interfaces.js +2 -0
  390. package/internal/interfaces/interfaces.js.map +1 -0
  391. package/internal/motion/animations/cds-dropdown-open.d.ts +3 -0
  392. package/internal/motion/animations/cds-dropdown-open.js +2 -0
  393. package/internal/motion/animations/cds-dropdown-open.js.map +1 -0
  394. package/internal/motion/animations/cds-modal-enter.js +1 -1
  395. package/internal/motion/animations/cds-modal-enter.js.map +1 -1
  396. package/internal/motion/interfaces.d.ts +4 -5
  397. package/internal/motion/utils.d.ts +4 -4
  398. package/internal/motion/utils.js +1 -1
  399. package/internal/motion/utils.js.map +1 -1
  400. package/internal/positioning/interfaces.d.ts +61 -0
  401. package/internal/positioning/interfaces.js +2 -0
  402. package/internal/positioning/interfaces.js.map +1 -0
  403. package/internal/positioning/utils.d.ts +26 -0
  404. package/internal/positioning/utils.js +2 -0
  405. package/internal/positioning/utils.js.map +1 -0
  406. package/internal/services/focus-trap-tracker.service.d.ts +3 -0
  407. package/internal/services/focus-trap-tracker.service.js +1 -1
  408. package/internal/services/focus-trap-tracker.service.js.map +1 -1
  409. package/internal/services/global.service.d.ts +2 -2
  410. package/internal/services/i18n.service.d.ts +37 -37
  411. package/internal/services/i18n.service.js +1 -1
  412. package/internal/services/i18n.service.js.map +1 -1
  413. package/internal/utils/array.d.ts +9 -4
  414. package/internal/utils/array.js +1 -1
  415. package/internal/utils/array.js.map +1 -1
  416. package/internal/utils/browser.d.ts +7 -0
  417. package/internal/utils/browser.js +2 -0
  418. package/internal/utils/browser.js.map +1 -0
  419. package/internal/utils/conditional.d.ts +4 -1
  420. package/internal/utils/conditional.js +1 -1
  421. package/internal/utils/conditional.js.map +1 -1
  422. package/internal/utils/css.d.ts +2 -0
  423. package/internal/utils/css.js +1 -1
  424. package/internal/utils/css.js.map +1 -1
  425. package/internal/utils/dom.d.ts +22 -2
  426. package/internal/utils/dom.js +1 -1
  427. package/internal/utils/dom.js.map +1 -1
  428. package/internal/utils/enum.d.ts +1 -0
  429. package/internal/utils/enum.js +2 -0
  430. package/internal/utils/enum.js.map +1 -0
  431. package/internal/utils/environment.js +1 -1
  432. package/internal/utils/environment.js.map +1 -1
  433. package/internal/utils/events.d.ts +4 -0
  434. package/internal/utils/events.js +1 -1
  435. package/internal/utils/events.js.map +1 -1
  436. package/internal/utils/exists.d.ts +1 -1
  437. package/internal/utils/exists.js.map +1 -1
  438. package/internal/utils/focus.d.ts +12 -0
  439. package/internal/utils/focus.js +2 -0
  440. package/internal/utils/focus.js.map +1 -0
  441. package/internal/utils/framework.js +1 -1
  442. package/internal/utils/framework.js.map +1 -1
  443. package/internal/utils/global.d.ts +5 -3
  444. package/internal/utils/global.js +1 -1
  445. package/internal/utils/global.js.map +1 -1
  446. package/internal/utils/identity.d.ts +31 -1
  447. package/internal/utils/identity.js +1 -1
  448. package/internal/utils/identity.js.map +1 -1
  449. package/internal/utils/keycodes.d.ts +11 -0
  450. package/internal/utils/keycodes.js +1 -1
  451. package/internal/utils/keycodes.js.map +1 -1
  452. package/internal/utils/lit.d.ts +5 -1
  453. package/internal/utils/lit.js +1 -1
  454. package/internal/utils/lit.js.map +1 -1
  455. package/internal/utils/math.d.ts +4 -0
  456. package/internal/utils/math.js +2 -0
  457. package/internal/utils/math.js.map +1 -0
  458. package/internal/utils/metadata.js +1 -1
  459. package/internal/utils/metadata.js.map +1 -1
  460. package/internal/utils/registration.js +1 -1
  461. package/internal/utils/registration.js.map +1 -1
  462. package/internal/utils/responsive.d.ts +2 -2
  463. package/internal/utils/responsive.js +1 -1
  464. package/internal/utils/responsive.js.map +1 -1
  465. package/internal/utils/string.d.ts +6 -0
  466. package/internal/utils/string.js +1 -1
  467. package/internal/utils/string.js.map +1 -1
  468. package/internal/utils/supports.d.ts +0 -2
  469. package/internal/utils/supports.js +1 -1
  470. package/internal/utils/supports.js.map +1 -1
  471. package/internal/utils/traversal.d.ts +3 -0
  472. package/internal/utils/traversal.js +2 -0
  473. package/internal/utils/traversal.js.map +1 -0
  474. package/internal-components/close-button/close-button.element.d.ts +5 -14
  475. package/internal-components/close-button/close-button.element.js +1 -1
  476. package/internal-components/close-button/close-button.element.js.map +1 -1
  477. package/internal-components/close-button/index.js +1 -1
  478. package/internal-components/close-button/register.js +1 -1
  479. package/internal-components/close-button/register.js.map +1 -1
  480. package/internal-components/overlay/index.js +1 -1
  481. package/internal-components/overlay/overlay.element.d.ts +22 -25
  482. package/internal-components/overlay/overlay.element.js +1 -1
  483. package/internal-components/overlay/overlay.element.js.map +1 -1
  484. package/internal-components/overlay/overlay.element.scss.js +1 -1
  485. package/internal-components/overlay/shared.element.scss.js +2 -0
  486. package/internal-components/overlay/shared.element.scss.js.map +1 -0
  487. package/internal-components/panel/panel.element.d.ts +1 -1
  488. package/internal-components/panel/panel.element.js.map +1 -1
  489. package/internal-components/panel/panel.element.scss.js +1 -1
  490. package/internal-components/popup/index.d.ts +2 -0
  491. package/internal-components/popup/index.js +2 -0
  492. package/internal-components/popup/index.js.map +1 -0
  493. package/internal-components/popup/pointer.element.d.ts +35 -0
  494. package/internal-components/popup/pointer.element.js +2 -0
  495. package/internal-components/popup/pointer.element.js.map +1 -0
  496. package/internal-components/popup/pointer.element.scss.js +2 -0
  497. package/internal-components/popup/pointer.element.scss.js.map +1 -0
  498. package/internal-components/popup/popup.element.d.ts +114 -0
  499. package/internal-components/popup/popup.element.js +2 -0
  500. package/internal-components/popup/popup.element.js.map +1 -0
  501. package/internal-components/popup/popup.element.scss.js +2 -0
  502. package/internal-components/popup/popup.element.scss.js.map +1 -0
  503. package/internal-components/popup/register.d.ts +9 -0
  504. package/internal-components/popup/register.js +2 -0
  505. package/internal-components/popup/register.js.map +1 -0
  506. package/internal-components/popup/utils/pointer.utils.d.ts +2 -0
  507. package/internal-components/popup/utils/pointer.utils.js +2 -0
  508. package/internal-components/popup/utils/pointer.utils.js.map +1 -0
  509. package/internal-components/split-handle/index.d.ts +1 -0
  510. package/internal-components/split-handle/index.js +2 -0
  511. package/internal-components/split-handle/index.js.map +1 -0
  512. package/internal-components/split-handle/register.d.ts +7 -0
  513. package/internal-components/split-handle/register.js +2 -0
  514. package/internal-components/split-handle/register.js.map +1 -0
  515. package/internal-components/split-handle/split-handle.element.d.ts +38 -0
  516. package/internal-components/split-handle/split-handle.element.js +2 -0
  517. package/internal-components/split-handle/split-handle.element.js.map +1 -0
  518. package/internal-components/split-handle/split-handle.element.scss.js +2 -0
  519. package/internal-components/split-handle/split-handle.element.scss.js.map +1 -0
  520. package/internal-components/visual-checkbox/visual-checkbox.element.scss.js +1 -1
  521. package/list/list.css +12 -12
  522. package/list/list.min.css +1 -1
  523. package/modal/modal-actions.element.js +1 -1
  524. package/modal/modal-actions.element.js.map +1 -1
  525. package/modal/modal-content.element.d.ts +0 -1
  526. package/modal/modal-content.element.js +1 -1
  527. package/modal/modal-content.element.js.map +1 -1
  528. package/modal/modal.element.d.ts +15 -6
  529. package/modal/modal.element.js +1 -1
  530. package/modal/modal.element.js.map +1 -1
  531. package/modal/modal.element.scss.js +1 -1
  532. package/navigation/navigation-group.element.d.ts +7 -5
  533. package/navigation/navigation-group.element.js.map +1 -1
  534. package/navigation/navigation-item.element.d.ts +6 -4
  535. package/navigation/navigation-item.element.js +1 -1
  536. package/navigation/navigation-item.element.js.map +1 -1
  537. package/navigation/navigation-item.element.scss.js +1 -1
  538. package/navigation/navigation-start.element.d.ts +7 -4
  539. package/navigation/navigation-start.element.js +1 -1
  540. package/navigation/navigation-start.element.js.map +1 -1
  541. package/navigation/navigation.element.d.ts +10 -8
  542. package/navigation/navigation.element.js +1 -1
  543. package/navigation/navigation.element.js.map +1 -1
  544. package/navigation/navigation.element.scss.js +1 -1
  545. package/navigation/utils/{index.d.ts → utils.d.ts} +0 -0
  546. package/navigation/utils/utils.js +2 -0
  547. package/navigation/utils/utils.js.map +1 -0
  548. package/package.json +47 -7
  549. package/pagination/pagination-button.element.d.ts +6 -10
  550. package/pagination/pagination-button.element.js +1 -1
  551. package/pagination/pagination-button.element.js.map +1 -1
  552. package/pagination/pagination.element.js +1 -1
  553. package/pagination/pagination.element.js.map +1 -1
  554. package/pagination/pagination.element.scss.js +1 -1
  555. package/pagination/register.d.ts +1 -0
  556. package/pagination/register.js +1 -1
  557. package/pagination/register.js.map +1 -1
  558. package/pagination/utils.d.ts +5 -0
  559. package/pagination/utils.js +2 -0
  560. package/pagination/utils.js.map +1 -0
  561. package/password/password.element.js +1 -1
  562. package/password/password.element.js.map +1 -1
  563. package/password/register.d.ts +1 -0
  564. package/password/register.js +1 -1
  565. package/password/register.js.map +1 -1
  566. package/polyfills/at.d.ts +15 -0
  567. package/polyfills/at.js +2 -0
  568. package/polyfills/at.js.map +1 -0
  569. package/polyfills/index.d.ts +1 -0
  570. package/polyfills/index.js +1 -1
  571. package/progress-circle/progress-circle.element.d.ts +3 -21
  572. package/progress-circle/progress-circle.element.js +1 -1
  573. package/progress-circle/progress-circle.element.js.map +1 -1
  574. package/progress-circle/progress-circle.element.scss.js +1 -1
  575. package/progress-circle/progress-circle.utils.d.ts +0 -5
  576. package/progress-circle/progress-circle.utils.js +1 -1
  577. package/progress-circle/progress-circle.utils.js.map +1 -1
  578. package/radio/radio-group.element.d.ts +1 -1
  579. package/radio/radio-group.element.js +1 -1
  580. package/radio/radio-group.element.js.map +1 -1
  581. package/radio/radio.element.scss.js +1 -1
  582. package/range/range.element.scss.js +1 -1
  583. package/range/range.global.scss.js +1 -1
  584. package/search/register.d.ts +1 -0
  585. package/search/register.js +1 -1
  586. package/search/register.js.map +1 -1
  587. package/search/search.element.js +1 -1
  588. package/search/search.element.js.map +1 -1
  589. package/search/search.global.scss.js +1 -1
  590. package/select/register.d.ts +1 -1
  591. package/select/register.js +1 -1
  592. package/select/register.js.map +1 -1
  593. package/select/select.element.js +1 -1
  594. package/select/select.element.js.map +1 -1
  595. package/select/select.element.scss.js +1 -1
  596. package/select/select.global.scss.js +1 -1
  597. package/selection-panels/checkbox/checkbox-panel.element.d.ts +9 -13
  598. package/selection-panels/checkbox/checkbox-panel.element.js.map +1 -1
  599. package/selection-panels/radio/radio-panel.element.d.ts +19 -14
  600. package/selection-panels/radio/radio-panel.element.js.map +1 -1
  601. package/selection-panels/shared/selection-panel.element.scss.js +1 -1
  602. package/signpost/index.d.ts +1 -0
  603. package/signpost/index.js +2 -0
  604. package/signpost/index.js.map +1 -0
  605. package/signpost/register.d.ts +7 -0
  606. package/signpost/register.js +2 -0
  607. package/signpost/register.js.map +1 -0
  608. package/signpost/signpost.element.d.ts +44 -0
  609. package/signpost/signpost.element.js +2 -0
  610. package/signpost/signpost.element.js.map +1 -0
  611. package/styles/module.layout.css +1412 -641
  612. package/styles/module.layout.min.css +1 -1
  613. package/styles/module.tokens.css +74 -55
  614. package/styles/module.tokens.min.css +1 -1
  615. package/styles/module.typography.css +9 -0
  616. package/styles/module.typography.min.css +1 -1
  617. package/styles/shim.clr-ui.css +640 -0
  618. package/styles/shim.clr-ui.min.css +121 -0
  619. package/styles/theme.dark.css +7 -9
  620. package/styles/theme.dark.min.css +1 -1
  621. package/styles/theme.high-contrast.css +43 -0
  622. package/styles/theme.high-contrast.min.css +1 -0
  623. package/table/table.css +7 -7
  624. package/table/table.min.css +1 -1
  625. package/tag/tag.element.d.ts +3 -2
  626. package/tag/tag.element.js +1 -1
  627. package/tag/tag.element.js.map +1 -1
  628. package/tag/tag.element.scss.js +1 -1
  629. package/test/index.d.ts +1 -0
  630. package/test/index.js +1 -1
  631. package/test/utils.d.ts +1 -1
  632. package/test/utils.js +1 -1
  633. package/test/utils.js.map +1 -1
  634. package/test/web-test-server.d.ts +6 -0
  635. package/test/web-test-server.js +2 -0
  636. package/test/web-test-server.js.map +1 -0
  637. package/test-dropdown/test-dropdown.element.d.ts +2 -3
  638. package/test-dropdown/test-dropdown.element.js +1 -1
  639. package/test-dropdown/test-dropdown.element.js.map +1 -1
  640. package/textarea/textarea.element.scss.js +1 -1
  641. package/time/register.d.ts +1 -0
  642. package/time/register.js +1 -1
  643. package/time/register.js.map +1 -1
  644. package/time/time.element.d.ts +0 -1
  645. package/time/time.element.js +1 -1
  646. package/time/time.element.js.map +1 -1
  647. package/toggle/toggle.element.scss.js +1 -1
  648. package/tokens/tokens.android.xml +33 -14
  649. package/tokens/tokens.d.ts +28 -9
  650. package/tokens/tokens.ios.swift +34 -15
  651. package/tokens/tokens.js +29 -10
  652. package/tokens/tokens.json +130 -29
  653. package/tokens/tokens.scss +90 -12
  654. package/tree-view/register.d.ts +1 -0
  655. package/tree-view/register.js +1 -1
  656. package/tree-view/register.js.map +1 -1
  657. package/tree-view/story-utils.d.ts +22 -0
  658. package/tree-view/tree-item.element.d.ts +10 -3
  659. package/tree-view/tree-item.element.js +1 -1
  660. package/tree-view/tree-item.element.js.map +1 -1
  661. package/tree-view/tree-item.element.scss.js +1 -1
  662. package/tree-view/tree.element.d.ts +0 -1
  663. package/tree-view/tree.element.js.map +1 -1
  664. package/button/icon-button.element.scss.js +0 -2
  665. package/button/icon-button.element.scss.js.map +0 -1
  666. package/button/inline-button.element.js +0 -2
  667. package/button/inline-button.element.js.map +0 -1
  668. package/button/inline-button.element.scss.js.map +0 -1
  669. package/forms/control-action/control-action.element.scss.js +0 -2
  670. package/forms/control-action/control-action.element.scss.js.map +0 -1
  671. package/forms/utils/index.js +0 -2
  672. package/forms/utils/index.js.map +0 -1
  673. package/internal/base/css-gap.base.d.ts +0 -18
  674. package/internal/base/css-gap.base.js +0 -2
  675. package/internal/base/css-gap.base.js.map +0 -1
  676. package/internal/interfaces/index.js +0 -2
  677. package/internal/utils/focus-trap.d.ts +0 -22
  678. package/internal/utils/focus-trap.js +0 -2
  679. package/internal/utils/focus-trap.js.map +0 -1
  680. package/internal-components/close-button/close-button.element.scss.js +0 -2
  681. package/internal-components/close-button/close-button.element.scss.js.map +0 -1
  682. package/navigation/utils/index.js +0 -2
  683. package/navigation/utils/index.js.map +0 -1
  684. package/pagination/pagination-button.element.scss.js +0 -2
  685. package/pagination/pagination-button.element.scss.js.map +0 -1
  686. package/search/search.element.scss.js +0 -2
  687. package/search/search.element.scss.js.map +0 -1
  688. package/styles/module.shims.css +0 -916
  689. package/styles/module.shims.min.css +0 -1
package/styles/module.shims.css DELETED
@@ -1,916 +0,0 @@
1
- @charset "UTF-8";
2
- /*
3
- * Copyright (c) 2016-2022 VMware, Inc. All Rights Reserved.
4
- * This software is released under MIT license.
5
- * The full license information can be found in LICENSE in the root directory of this project.
6
- */
7
- /*
8
- * Copyright (c) 2016-2022 VMware, Inc. All Rights Reserved.
9
- * This software is released under MIT license.
10
- * The full license information can be found in LICENSE in the root directory of this project.
11
- */
12
- :root,
13
- :host {
14
- --δ1: var(--cds-global-layout-space-xxs);
15
- --δ2: var(--cds-global-layout-space-xs);
16
- --δ3: var(--cds-global-layout-space-sm);
17
- --δ4: var(--cds-global-layout-space-md);
18
- --δ5: var(--cds-global-layout-space-lg);
19
- --δ6: var(--cds-global-layout-space-xl);
20
- --δ7: var(--cds-global-layout-space-xxl);
21
- }
22
-
23
- /*
24
- * Copyright (c) 2016-2022 VMware, Inc. All Rights Reserved.
25
- * This software is released under MIT license.
26
- * The full license information can be found in LICENSE in the root directory of this project.
27
- */
28
- /*
29
- * Copyright (c) 2016-2022 VMware, Inc. All Rights Reserved.
30
- * This software is released under MIT license.
31
- * The full license information can be found in LICENSE in the root directory of this project.
32
- */
33
- [cds-supports~=no-flex-gap] [cds-layout~=horizontal][cds-layout*="gap:none"] {
34
- width: calc(100% + 0);
35
- margin-bottom: calc(0 * -1) !important;
36
- margin-right: calc(0 * -1) !important;
37
- }
38
- [cds-supports~=no-flex-gap] [cds-layout~=horizontal][cds-layout*="gap:none"] > *, [cds-supports~=no-flex-gap] [cds-layout~=horizontal][cds-layout*="gap:none"] > ::slotted(*) {
39
- margin-top: 0;
40
- margin-left: 0;
41
- top: calc(-1 * 0) !important;
42
- left: calc(-1 * 0) !important;
43
- position: relative !important;
44
- }
45
- [cds-supports~=no-flex-gap] [cds-layout~=horizontal][cds-layout*="gap:xxs"] {
46
- width: calc(100% + var(--δ1));
47
- margin-bottom: calc(var(--δ1) * -1) !important;
48
- margin-right: calc(var(--δ1) * -1) !important;
49
- }
50
- [cds-supports~=no-flex-gap] [cds-layout~=horizontal][cds-layout*="gap:xxs"] > *, [cds-supports~=no-flex-gap] [cds-layout~=horizontal][cds-layout*="gap:xxs"] > ::slotted(*) {
51
- margin-top: var(--δ1);
52
- margin-left: var(--δ1);
53
- top: calc(-1 * var(--δ1)) !important;
54
- left: calc(-1 * var(--δ1)) !important;
55
- position: relative !important;
56
- }
57
- [cds-supports~=no-flex-gap] [cds-layout~=horizontal][cds-layout*="gap:xs"] {
58
- width: calc(100% + var(--δ2));
59
- margin-bottom: calc(var(--δ2) * -1) !important;
60
- margin-right: calc(var(--δ2) * -1) !important;
61
- }
62
- [cds-supports~=no-flex-gap] [cds-layout~=horizontal][cds-layout*="gap:xs"] > *, [cds-supports~=no-flex-gap] [cds-layout~=horizontal][cds-layout*="gap:xs"] > ::slotted(*) {
63
- margin-top: var(--δ2);
64
- margin-left: var(--δ2);
65
- top: calc(-1 * var(--δ2)) !important;
66
- left: calc(-1 * var(--δ2)) !important;
67
- position: relative !important;
68
- }
69
- [cds-supports~=no-flex-gap] [cds-layout~=horizontal][cds-layout*="gap:sm"] {
70
- width: calc(100% + var(--δ3));
71
- margin-bottom: calc(var(--δ3) * -1) !important;
72
- margin-right: calc(var(--δ3) * -1) !important;
73
- }
74
- [cds-supports~=no-flex-gap] [cds-layout~=horizontal][cds-layout*="gap:sm"] > *, [cds-supports~=no-flex-gap] [cds-layout~=horizontal][cds-layout*="gap:sm"] > ::slotted(*) {
75
- margin-top: var(--δ3);
76
- margin-left: var(--δ3);
77
- top: calc(-1 * var(--δ3)) !important;
78
- left: calc(-1 * var(--δ3)) !important;
79
- position: relative !important;
80
- }
81
- [cds-supports~=no-flex-gap] [cds-layout~=horizontal][cds-layout*="gap:md"] {
82
- width: calc(100% + var(--δ4));
83
- margin-bottom: calc(var(--δ4) * -1) !important;
84
- margin-right: calc(var(--δ4) * -1) !important;
85
- }
86
- [cds-supports~=no-flex-gap] [cds-layout~=horizontal][cds-layout*="gap:md"] > *, [cds-supports~=no-flex-gap] [cds-layout~=horizontal][cds-layout*="gap:md"] > ::slotted(*) {
87
- margin-top: var(--δ4);
88
- margin-left: var(--δ4);
89
- top: calc(-1 * var(--δ4)) !important;
90
- left: calc(-1 * var(--δ4)) !important;
91
- position: relative !important;
92
- }
93
- [cds-supports~=no-flex-gap] [cds-layout~=horizontal][cds-layout*="gap:lg"] {
94
- width: calc(100% + var(--δ5));
95
- margin-bottom: calc(var(--δ5) * -1) !important;
96
- margin-right: calc(var(--δ5) * -1) !important;
97
- }
98
- [cds-supports~=no-flex-gap] [cds-layout~=horizontal][cds-layout*="gap:lg"] > *, [cds-supports~=no-flex-gap] [cds-layout~=horizontal][cds-layout*="gap:lg"] > ::slotted(*) {
99
- margin-top: var(--δ5);
100
- margin-left: var(--δ5);
101
- top: calc(-1 * var(--δ5)) !important;
102
- left: calc(-1 * var(--δ5)) !important;
103
- position: relative !important;
104
- }
105
- [cds-supports~=no-flex-gap] [cds-layout~=horizontal][cds-layout*="gap:xl"] {
106
- width: calc(100% + var(--δ6));
107
- margin-bottom: calc(var(--δ6) * -1) !important;
108
- margin-right: calc(var(--δ6) * -1) !important;
109
- }
110
- [cds-supports~=no-flex-gap] [cds-layout~=horizontal][cds-layout*="gap:xl"] > *, [cds-supports~=no-flex-gap] [cds-layout~=horizontal][cds-layout*="gap:xl"] > ::slotted(*) {
111
- margin-top: var(--δ6);
112
- margin-left: var(--δ6);
113
- top: calc(-1 * var(--δ6)) !important;
114
- left: calc(-1 * var(--δ6)) !important;
115
- position: relative !important;
116
- }
117
- [cds-supports~=no-flex-gap] [cds-layout~=horizontal][cds-layout*="gap:xxl"] {
118
- width: calc(100% + var(--δ7));
119
- margin-bottom: calc(var(--δ7) * -1) !important;
120
- margin-right: calc(var(--δ7) * -1) !important;
121
- }
122
- [cds-supports~=no-flex-gap] [cds-layout~=horizontal][cds-layout*="gap:xxl"] > *, [cds-supports~=no-flex-gap] [cds-layout~=horizontal][cds-layout*="gap:xxl"] > ::slotted(*) {
123
- margin-top: var(--δ7);
124
- margin-left: var(--δ7);
125
- top: calc(-1 * var(--δ7)) !important;
126
- left: calc(-1 * var(--δ7)) !important;
127
- position: relative !important;
128
- }
129
- [cds-supports~=no-flex-gap] [cds-layout~=vertical][cds-layout*="gap:none"] > *, [cds-supports~=no-flex-gap] [cds-layout~=vertical][cds-layout*="gap:none"] > ::slotted(*) {
130
- margin-top: 0;
131
- }
132
- [cds-supports~=no-flex-gap] [cds-layout~=vertical][cds-layout*="gap:none"] > *:first-child, [cds-supports~=no-flex-gap] [cds-layout~=vertical][cds-layout*="gap:none"] > ::slotted(*:first-child), [cds-supports~=no-flex-gap] [cds-layout~=vertical][cds-layout*="gap:none"] > ::slotted([slot]:first-of-type) {
133
- margin-top: 0;
134
- }
135
- [cds-supports~=no-flex-gap] [cds-layout~=vertical][cds-layout*="gap:xxs"] > *, [cds-supports~=no-flex-gap] [cds-layout~=vertical][cds-layout*="gap:xxs"] > ::slotted(*) {
136
- margin-top: var(--δ1);
137
- }
138
- [cds-supports~=no-flex-gap] [cds-layout~=vertical][cds-layout*="gap:xxs"] > *:first-child, [cds-supports~=no-flex-gap] [cds-layout~=vertical][cds-layout*="gap:xxs"] > ::slotted(*:first-child), [cds-supports~=no-flex-gap] [cds-layout~=vertical][cds-layout*="gap:xxs"] > ::slotted([slot]:first-of-type) {
139
- margin-top: 0;
140
- }
141
- [cds-supports~=no-flex-gap] [cds-layout~=vertical][cds-layout*="gap:xs"] > *, [cds-supports~=no-flex-gap] [cds-layout~=vertical][cds-layout*="gap:xs"] > ::slotted(*) {
142
- margin-top: var(--δ2);
143
- }
144
- [cds-supports~=no-flex-gap] [cds-layout~=vertical][cds-layout*="gap:xs"] > *:first-child, [cds-supports~=no-flex-gap] [cds-layout~=vertical][cds-layout*="gap:xs"] > ::slotted(*:first-child), [cds-supports~=no-flex-gap] [cds-layout~=vertical][cds-layout*="gap:xs"] > ::slotted([slot]:first-of-type) {
145
- margin-top: 0;
146
- }
147
- [cds-supports~=no-flex-gap] [cds-layout~=vertical][cds-layout*="gap:sm"] > *, [cds-supports~=no-flex-gap] [cds-layout~=vertical][cds-layout*="gap:sm"] > ::slotted(*) {
148
- margin-top: var(--δ3);
149
- }
150
- [cds-supports~=no-flex-gap] [cds-layout~=vertical][cds-layout*="gap:sm"] > *:first-child, [cds-supports~=no-flex-gap] [cds-layout~=vertical][cds-layout*="gap:sm"] > ::slotted(*:first-child), [cds-supports~=no-flex-gap] [cds-layout~=vertical][cds-layout*="gap:sm"] > ::slotted([slot]:first-of-type) {
151
- margin-top: 0;
152
- }
153
- [cds-supports~=no-flex-gap] [cds-layout~=vertical][cds-layout*="gap:md"] > *, [cds-supports~=no-flex-gap] [cds-layout~=vertical][cds-layout*="gap:md"] > ::slotted(*) {
154
- margin-top: var(--δ4);
155
- }
156
- [cds-supports~=no-flex-gap] [cds-layout~=vertical][cds-layout*="gap:md"] > *:first-child, [cds-supports~=no-flex-gap] [cds-layout~=vertical][cds-layout*="gap:md"] > ::slotted(*:first-child), [cds-supports~=no-flex-gap] [cds-layout~=vertical][cds-layout*="gap:md"] > ::slotted([slot]:first-of-type) {
157
- margin-top: 0;
158
- }
159
- [cds-supports~=no-flex-gap] [cds-layout~=vertical][cds-layout*="gap:lg"] > *, [cds-supports~=no-flex-gap] [cds-layout~=vertical][cds-layout*="gap:lg"] > ::slotted(*) {
160
- margin-top: var(--δ5);
161
- }
162
- [cds-supports~=no-flex-gap] [cds-layout~=vertical][cds-layout*="gap:lg"] > *:first-child, [cds-supports~=no-flex-gap] [cds-layout~=vertical][cds-layout*="gap:lg"] > ::slotted(*:first-child), [cds-supports~=no-flex-gap] [cds-layout~=vertical][cds-layout*="gap:lg"] > ::slotted([slot]:first-of-type) {
163
- margin-top: 0;
164
- }
165
- [cds-supports~=no-flex-gap] [cds-layout~=vertical][cds-layout*="gap:xl"] > *, [cds-supports~=no-flex-gap] [cds-layout~=vertical][cds-layout*="gap:xl"] > ::slotted(*) {
166
- margin-top: var(--δ6);
167
- }
168
- [cds-supports~=no-flex-gap] [cds-layout~=vertical][cds-layout*="gap:xl"] > *:first-child, [cds-supports~=no-flex-gap] [cds-layout~=vertical][cds-layout*="gap:xl"] > ::slotted(*:first-child), [cds-supports~=no-flex-gap] [cds-layout~=vertical][cds-layout*="gap:xl"] > ::slotted([slot]:first-of-type) {
169
- margin-top: 0;
170
- }
171
- [cds-supports~=no-flex-gap] [cds-layout~=vertical][cds-layout*="gap:xxl"] > *, [cds-supports~=no-flex-gap] [cds-layout~=vertical][cds-layout*="gap:xxl"] > ::slotted(*) {
172
- margin-top: var(--δ7);
173
- }
174
- [cds-supports~=no-flex-gap] [cds-layout~=vertical][cds-layout*="gap:xxl"] > *:first-child, [cds-supports~=no-flex-gap] [cds-layout~=vertical][cds-layout*="gap:xxl"] > ::slotted(*:first-child), [cds-supports~=no-flex-gap] [cds-layout~=vertical][cds-layout*="gap:xxl"] > ::slotted([slot]:first-of-type) {
175
- margin-top: 0;
176
- }
177
- @media (min-width: 576px) {
178
- [cds-supports~=no-flex-gap] [cds-layout~=horizontal][cds-layout*="gap@xs:none"] {
179
- width: calc(100% + 0);
180
- margin-bottom: calc(0 * -1) !important;
181
- margin-right: calc(0 * -1) !important;
182
- }
183
- [cds-supports~=no-flex-gap] [cds-layout~=horizontal][cds-layout*="gap@xs:none"] > *, [cds-supports~=no-flex-gap] [cds-layout~=horizontal][cds-layout*="gap@xs:none"] > ::slotted(*) {
184
- margin-top: 0;
185
- margin-left: 0;
186
- top: calc(-1 * 0) !important;
187
- left: calc(-1 * 0) !important;
188
- position: relative !important;
189
- }
190
- [cds-supports~=no-flex-gap] [cds-layout~=horizontal][cds-layout*="gap@xs:xxs"] {
191
- width: calc(100% + var(--δ1));
192
- margin-bottom: calc(var(--δ1) * -1) !important;
193
- margin-right: calc(var(--δ1) * -1) !important;
194
- }
195
- [cds-supports~=no-flex-gap] [cds-layout~=horizontal][cds-layout*="gap@xs:xxs"] > *, [cds-supports~=no-flex-gap] [cds-layout~=horizontal][cds-layout*="gap@xs:xxs"] > ::slotted(*) {
196
- margin-top: var(--δ1);
197
- margin-left: var(--δ1);
198
- top: calc(-1 * var(--δ1)) !important;
199
- left: calc(-1 * var(--δ1)) !important;
200
- position: relative !important;
201
- }
202
- [cds-supports~=no-flex-gap] [cds-layout~=horizontal][cds-layout*="gap@xs:xs"] {
203
- width: calc(100% + var(--δ2));
204
- margin-bottom: calc(var(--δ2) * -1) !important;
205
- margin-right: calc(var(--δ2) * -1) !important;
206
- }
207
- [cds-supports~=no-flex-gap] [cds-layout~=horizontal][cds-layout*="gap@xs:xs"] > *, [cds-supports~=no-flex-gap] [cds-layout~=horizontal][cds-layout*="gap@xs:xs"] > ::slotted(*) {
208
- margin-top: var(--δ2);
209
- margin-left: var(--δ2);
210
- top: calc(-1 * var(--δ2)) !important;
211
- left: calc(-1 * var(--δ2)) !important;
212
- position: relative !important;
213
- }
214
- [cds-supports~=no-flex-gap] [cds-layout~=horizontal][cds-layout*="gap@xs:sm"] {
215
- width: calc(100% + var(--δ3));
216
- margin-bottom: calc(var(--δ3) * -1) !important;
217
- margin-right: calc(var(--δ3) * -1) !important;
218
- }
219
- [cds-supports~=no-flex-gap] [cds-layout~=horizontal][cds-layout*="gap@xs:sm"] > *, [cds-supports~=no-flex-gap] [cds-layout~=horizontal][cds-layout*="gap@xs:sm"] > ::slotted(*) {
220
- margin-top: var(--δ3);
221
- margin-left: var(--δ3);
222
- top: calc(-1 * var(--δ3)) !important;
223
- left: calc(-1 * var(--δ3)) !important;
224
- position: relative !important;
225
- }
226
- [cds-supports~=no-flex-gap] [cds-layout~=horizontal][cds-layout*="gap@xs:md"] {
227
- width: calc(100% + var(--δ4));
228
- margin-bottom: calc(var(--δ4) * -1) !important;
229
- margin-right: calc(var(--δ4) * -1) !important;
230
- }
231
- [cds-supports~=no-flex-gap] [cds-layout~=horizontal][cds-layout*="gap@xs:md"] > *, [cds-supports~=no-flex-gap] [cds-layout~=horizontal][cds-layout*="gap@xs:md"] > ::slotted(*) {
232
- margin-top: var(--δ4);
233
- margin-left: var(--δ4);
234
- top: calc(-1 * var(--δ4)) !important;
235
- left: calc(-1 * var(--δ4)) !important;
236
- position: relative !important;
237
- }
238
- [cds-supports~=no-flex-gap] [cds-layout~=horizontal][cds-layout*="gap@xs:lg"] {
239
- width: calc(100% + var(--δ5));
240
- margin-bottom: calc(var(--δ5) * -1) !important;
241
- margin-right: calc(var(--δ5) * -1) !important;
242
- }
243
- [cds-supports~=no-flex-gap] [cds-layout~=horizontal][cds-layout*="gap@xs:lg"] > *, [cds-supports~=no-flex-gap] [cds-layout~=horizontal][cds-layout*="gap@xs:lg"] > ::slotted(*) {
244
- margin-top: var(--δ5);
245
- margin-left: var(--δ5);
246
- top: calc(-1 * var(--δ5)) !important;
247
- left: calc(-1 * var(--δ5)) !important;
248
- position: relative !important;
249
- }
250
- [cds-supports~=no-flex-gap] [cds-layout~=horizontal][cds-layout*="gap@xs:xl"] {
251
- width: calc(100% + var(--δ6));
252
- margin-bottom: calc(var(--δ6) * -1) !important;
253
- margin-right: calc(var(--δ6) * -1) !important;
254
- }
255
- [cds-supports~=no-flex-gap] [cds-layout~=horizontal][cds-layout*="gap@xs:xl"] > *, [cds-supports~=no-flex-gap] [cds-layout~=horizontal][cds-layout*="gap@xs:xl"] > ::slotted(*) {
256
- margin-top: var(--δ6);
257
- margin-left: var(--δ6);
258
- top: calc(-1 * var(--δ6)) !important;
259
- left: calc(-1 * var(--δ6)) !important;
260
- position: relative !important;
261
- }
262
- [cds-supports~=no-flex-gap] [cds-layout~=horizontal][cds-layout*="gap@xs:xxl"] {
263
- width: calc(100% + var(--δ7));
264
- margin-bottom: calc(var(--δ7) * -1) !important;
265
- margin-right: calc(var(--δ7) * -1) !important;
266
- }
267
- [cds-supports~=no-flex-gap] [cds-layout~=horizontal][cds-layout*="gap@xs:xxl"] > *, [cds-supports~=no-flex-gap] [cds-layout~=horizontal][cds-layout*="gap@xs:xxl"] > ::slotted(*) {
268
- margin-top: var(--δ7);
269
- margin-left: var(--δ7);
270
- top: calc(-1 * var(--δ7)) !important;
271
- left: calc(-1 * var(--δ7)) !important;
272
- position: relative !important;
273
- }
274
- }
275
- @media (min-width: 768px) {
276
- [cds-supports~=no-flex-gap] [cds-layout~=horizontal][cds-layout*="gap@sm:none"] {
277
- width: calc(100% + 0);
278
- margin-bottom: calc(0 * -1) !important;
279
- margin-right: calc(0 * -1) !important;
280
- }
281
- [cds-supports~=no-flex-gap] [cds-layout~=horizontal][cds-layout*="gap@sm:none"] > *, [cds-supports~=no-flex-gap] [cds-layout~=horizontal][cds-layout*="gap@sm:none"] > ::slotted(*) {
282
- margin-top: 0;
283
- margin-left: 0;
284
- top: calc(-1 * 0) !important;
285
- left: calc(-1 * 0) !important;
286
- position: relative !important;
287
- }
288
- [cds-supports~=no-flex-gap] [cds-layout~=horizontal][cds-layout*="gap@sm:xxs"] {
289
- width: calc(100% + var(--δ1));
290
- margin-bottom: calc(var(--δ1) * -1) !important;
291
- margin-right: calc(var(--δ1) * -1) !important;
292
- }
293
- [cds-supports~=no-flex-gap] [cds-layout~=horizontal][cds-layout*="gap@sm:xxs"] > *, [cds-supports~=no-flex-gap] [cds-layout~=horizontal][cds-layout*="gap@sm:xxs"] > ::slotted(*) {
294
- margin-top: var(--δ1);
295
- margin-left: var(--δ1);
296
- top: calc(-1 * var(--δ1)) !important;
297
- left: calc(-1 * var(--δ1)) !important;
298
- position: relative !important;
299
- }
300
- [cds-supports~=no-flex-gap] [cds-layout~=horizontal][cds-layout*="gap@sm:xs"] {
301
- width: calc(100% + var(--δ2));
302
- margin-bottom: calc(var(--δ2) * -1) !important;
303
- margin-right: calc(var(--δ2) * -1) !important;
304
- }
305
- [cds-supports~=no-flex-gap] [cds-layout~=horizontal][cds-layout*="gap@sm:xs"] > *, [cds-supports~=no-flex-gap] [cds-layout~=horizontal][cds-layout*="gap@sm:xs"] > ::slotted(*) {
306
- margin-top: var(--δ2);
307
- margin-left: var(--δ2);
308
- top: calc(-1 * var(--δ2)) !important;
309
- left: calc(-1 * var(--δ2)) !important;
310
- position: relative !important;
311
- }
312
- [cds-supports~=no-flex-gap] [cds-layout~=horizontal][cds-layout*="gap@sm:sm"] {
313
- width: calc(100% + var(--δ3));
314
- margin-bottom: calc(var(--δ3) * -1) !important;
315
- margin-right: calc(var(--δ3) * -1) !important;
316
- }
317
- [cds-supports~=no-flex-gap] [cds-layout~=horizontal][cds-layout*="gap@sm:sm"] > *, [cds-supports~=no-flex-gap] [cds-layout~=horizontal][cds-layout*="gap@sm:sm"] > ::slotted(*) {
318
- margin-top: var(--δ3);
319
- margin-left: var(--δ3);
320
- top: calc(-1 * var(--δ3)) !important;
321
- left: calc(-1 * var(--δ3)) !important;
322
- position: relative !important;
323
- }
324
- [cds-supports~=no-flex-gap] [cds-layout~=horizontal][cds-layout*="gap@sm:md"] {
325
- width: calc(100% + var(--δ4));
326
- margin-bottom: calc(var(--δ4) * -1) !important;
327
- margin-right: calc(var(--δ4) * -1) !important;
328
- }
329
- [cds-supports~=no-flex-gap] [cds-layout~=horizontal][cds-layout*="gap@sm:md"] > *, [cds-supports~=no-flex-gap] [cds-layout~=horizontal][cds-layout*="gap@sm:md"] > ::slotted(*) {
330
- margin-top: var(--δ4);
331
- margin-left: var(--δ4);
332
- top: calc(-1 * var(--δ4)) !important;
333
- left: calc(-1 * var(--δ4)) !important;
334
- position: relative !important;
335
- }
336
- [cds-supports~=no-flex-gap] [cds-layout~=horizontal][cds-layout*="gap@sm:lg"] {
337
- width: calc(100% + var(--δ5));
338
- margin-bottom: calc(var(--δ5) * -1) !important;
339
- margin-right: calc(var(--δ5) * -1) !important;
340
- }
341
- [cds-supports~=no-flex-gap] [cds-layout~=horizontal][cds-layout*="gap@sm:lg"] > *, [cds-supports~=no-flex-gap] [cds-layout~=horizontal][cds-layout*="gap@sm:lg"] > ::slotted(*) {
342
- margin-top: var(--δ5);
343
- margin-left: var(--δ5);
344
- top: calc(-1 * var(--δ5)) !important;
345
- left: calc(-1 * var(--δ5)) !important;
346
- position: relative !important;
347
- }
348
- [cds-supports~=no-flex-gap] [cds-layout~=horizontal][cds-layout*="gap@sm:xl"] {
349
- width: calc(100% + var(--δ6));
350
- margin-bottom: calc(var(--δ6) * -1) !important;
351
- margin-right: calc(var(--δ6) * -1) !important;
352
- }
353
- [cds-supports~=no-flex-gap] [cds-layout~=horizontal][cds-layout*="gap@sm:xl"] > *, [cds-supports~=no-flex-gap] [cds-layout~=horizontal][cds-layout*="gap@sm:xl"] > ::slotted(*) {
354
- margin-top: var(--δ6);
355
- margin-left: var(--δ6);
356
- top: calc(-1 * var(--δ6)) !important;
357
- left: calc(-1 * var(--δ6)) !important;
358
- position: relative !important;
359
- }
360
- [cds-supports~=no-flex-gap] [cds-layout~=horizontal][cds-layout*="gap@sm:xxl"] {
361
- width: calc(100% + var(--δ7));
362
- margin-bottom: calc(var(--δ7) * -1) !important;
363
- margin-right: calc(var(--δ7) * -1) !important;
364
- }
365
- [cds-supports~=no-flex-gap] [cds-layout~=horizontal][cds-layout*="gap@sm:xxl"] > *, [cds-supports~=no-flex-gap] [cds-layout~=horizontal][cds-layout*="gap@sm:xxl"] > ::slotted(*) {
366
- margin-top: var(--δ7);
367
- margin-left: var(--δ7);
368
- top: calc(-1 * var(--δ7)) !important;
369
- left: calc(-1 * var(--δ7)) !important;
370
- position: relative !important;
371
- }
372
- }
373
- @media (min-width: 992px) {
374
- [cds-supports~=no-flex-gap] [cds-layout~=horizontal][cds-layout*="gap@md:none"] {
375
- width: calc(100% + 0);
376
- margin-bottom: calc(0 * -1) !important;
377
- margin-right: calc(0 * -1) !important;
378
- }
379
- [cds-supports~=no-flex-gap] [cds-layout~=horizontal][cds-layout*="gap@md:none"] > *, [cds-supports~=no-flex-gap] [cds-layout~=horizontal][cds-layout*="gap@md:none"] > ::slotted(*) {
380
- margin-top: 0;
381
- margin-left: 0;
382
- top: calc(-1 * 0) !important;
383
- left: calc(-1 * 0) !important;
384
- position: relative !important;
385
- }
386
- [cds-supports~=no-flex-gap] [cds-layout~=horizontal][cds-layout*="gap@md:xxs"] {
387
- width: calc(100% + var(--δ1));
388
- margin-bottom: calc(var(--δ1) * -1) !important;
389
- margin-right: calc(var(--δ1) * -1) !important;
390
- }
391
- [cds-supports~=no-flex-gap] [cds-layout~=horizontal][cds-layout*="gap@md:xxs"] > *, [cds-supports~=no-flex-gap] [cds-layout~=horizontal][cds-layout*="gap@md:xxs"] > ::slotted(*) {
392
- margin-top: var(--δ1);
393
- margin-left: var(--δ1);
394
- top: calc(-1 * var(--δ1)) !important;
395
- left: calc(-1 * var(--δ1)) !important;
396
- position: relative !important;
397
- }
398
- [cds-supports~=no-flex-gap] [cds-layout~=horizontal][cds-layout*="gap@md:xs"] {
399
- width: calc(100% + var(--δ2));
400
- margin-bottom: calc(var(--δ2) * -1) !important;
401
- margin-right: calc(var(--δ2) * -1) !important;
402
- }
403
- [cds-supports~=no-flex-gap] [cds-layout~=horizontal][cds-layout*="gap@md:xs"] > *, [cds-supports~=no-flex-gap] [cds-layout~=horizontal][cds-layout*="gap@md:xs"] > ::slotted(*) {
404
- margin-top: var(--δ2);
405
- margin-left: var(--δ2);
406
- top: calc(-1 * var(--δ2)) !important;
407
- left: calc(-1 * var(--δ2)) !important;
408
- position: relative !important;
409
- }
410
- [cds-supports~=no-flex-gap] [cds-layout~=horizontal][cds-layout*="gap@md:sm"] {
411
- width: calc(100% + var(--δ3));
412
- margin-bottom: calc(var(--δ3) * -1) !important;
413
- margin-right: calc(var(--δ3) * -1) !important;
414
- }
415
- [cds-supports~=no-flex-gap] [cds-layout~=horizontal][cds-layout*="gap@md:sm"] > *, [cds-supports~=no-flex-gap] [cds-layout~=horizontal][cds-layout*="gap@md:sm"] > ::slotted(*) {
416
- margin-top: var(--δ3);
417
- margin-left: var(--δ3);
418
- top: calc(-1 * var(--δ3)) !important;
419
- left: calc(-1 * var(--δ3)) !important;
420
- position: relative !important;
421
- }
422
- [cds-supports~=no-flex-gap] [cds-layout~=horizontal][cds-layout*="gap@md:md"] {
423
- width: calc(100% + var(--δ4));
424
- margin-bottom: calc(var(--δ4) * -1) !important;
425
- margin-right: calc(var(--δ4) * -1) !important;
426
- }
427
- [cds-supports~=no-flex-gap] [cds-layout~=horizontal][cds-layout*="gap@md:md"] > *, [cds-supports~=no-flex-gap] [cds-layout~=horizontal][cds-layout*="gap@md:md"] > ::slotted(*) {
428
- margin-top: var(--δ4);
429
- margin-left: var(--δ4);
430
- top: calc(-1 * var(--δ4)) !important;
431
- left: calc(-1 * var(--δ4)) !important;
432
- position: relative !important;
433
- }
434
- [cds-supports~=no-flex-gap] [cds-layout~=horizontal][cds-layout*="gap@md:lg"] {
435
- width: calc(100% + var(--δ5));
436
- margin-bottom: calc(var(--δ5) * -1) !important;
437
- margin-right: calc(var(--δ5) * -1) !important;
438
- }
439
- [cds-supports~=no-flex-gap] [cds-layout~=horizontal][cds-layout*="gap@md:lg"] > *, [cds-supports~=no-flex-gap] [cds-layout~=horizontal][cds-layout*="gap@md:lg"] > ::slotted(*) {
440
- margin-top: var(--δ5);
441
- margin-left: var(--δ5);
442
- top: calc(-1 * var(--δ5)) !important;
443
- left: calc(-1 * var(--δ5)) !important;
444
- position: relative !important;
445
- }
446
- [cds-supports~=no-flex-gap] [cds-layout~=horizontal][cds-layout*="gap@md:xl"] {
447
- width: calc(100% + var(--δ6));
448
- margin-bottom: calc(var(--δ6) * -1) !important;
449
- margin-right: calc(var(--δ6) * -1) !important;
450
- }
451
- [cds-supports~=no-flex-gap] [cds-layout~=horizontal][cds-layout*="gap@md:xl"] > *, [cds-supports~=no-flex-gap] [cds-layout~=horizontal][cds-layout*="gap@md:xl"] > ::slotted(*) {
452
- margin-top: var(--δ6);
453
- margin-left: var(--δ6);
454
- top: calc(-1 * var(--δ6)) !important;
455
- left: calc(-1 * var(--δ6)) !important;
456
- position: relative !important;
457
- }
458
- [cds-supports~=no-flex-gap] [cds-layout~=horizontal][cds-layout*="gap@md:xxl"] {
459
- width: calc(100% + var(--δ7));
460
- margin-bottom: calc(var(--δ7) * -1) !important;
461
- margin-right: calc(var(--δ7) * -1) !important;
462
- }
463
- [cds-supports~=no-flex-gap] [cds-layout~=horizontal][cds-layout*="gap@md:xxl"] > *, [cds-supports~=no-flex-gap] [cds-layout~=horizontal][cds-layout*="gap@md:xxl"] > ::slotted(*) {
464
- margin-top: var(--δ7);
465
- margin-left: var(--δ7);
466
- top: calc(-1 * var(--δ7)) !important;
467
- left: calc(-1 * var(--δ7)) !important;
468
- position: relative !important;
469
- }
470
- }
471
- @media (min-width: 1200px) {
472
- [cds-supports~=no-flex-gap] [cds-layout~=horizontal][cds-layout*="gap@lg:none"] {
473
- width: calc(100% + 0);
474
- margin-bottom: calc(0 * -1) !important;
475
- margin-right: calc(0 * -1) !important;
476
- }
477
- [cds-supports~=no-flex-gap] [cds-layout~=horizontal][cds-layout*="gap@lg:none"] > *, [cds-supports~=no-flex-gap] [cds-layout~=horizontal][cds-layout*="gap@lg:none"] > ::slotted(*) {
478
- margin-top: 0;
479
- margin-left: 0;
480
- top: calc(-1 * 0) !important;
481
- left: calc(-1 * 0) !important;
482
- position: relative !important;
483
- }
484
- [cds-supports~=no-flex-gap] [cds-layout~=horizontal][cds-layout*="gap@lg:xxs"] {
485
- width: calc(100% + var(--δ1));
486
- margin-bottom: calc(var(--δ1) * -1) !important;
487
- margin-right: calc(var(--δ1) * -1) !important;
488
- }
489
- [cds-supports~=no-flex-gap] [cds-layout~=horizontal][cds-layout*="gap@lg:xxs"] > *, [cds-supports~=no-flex-gap] [cds-layout~=horizontal][cds-layout*="gap@lg:xxs"] > ::slotted(*) {
490
- margin-top: var(--δ1);
491
- margin-left: var(--δ1);
492
- top: calc(-1 * var(--δ1)) !important;
493
- left: calc(-1 * var(--δ1)) !important;
494
- position: relative !important;
495
- }
496
- [cds-supports~=no-flex-gap] [cds-layout~=horizontal][cds-layout*="gap@lg:xs"] {
497
- width: calc(100% + var(--δ2));
498
- margin-bottom: calc(var(--δ2) * -1) !important;
499
- margin-right: calc(var(--δ2) * -1) !important;
500
- }
501
- [cds-supports~=no-flex-gap] [cds-layout~=horizontal][cds-layout*="gap@lg:xs"] > *, [cds-supports~=no-flex-gap] [cds-layout~=horizontal][cds-layout*="gap@lg:xs"] > ::slotted(*) {
502
- margin-top: var(--δ2);
503
- margin-left: var(--δ2);
504
- top: calc(-1 * var(--δ2)) !important;
505
- left: calc(-1 * var(--δ2)) !important;
506
- position: relative !important;
507
- }
508
- [cds-supports~=no-flex-gap] [cds-layout~=horizontal][cds-layout*="gap@lg:sm"] {
509
- width: calc(100% + var(--δ3));
510
- margin-bottom: calc(var(--δ3) * -1) !important;
511
- margin-right: calc(var(--δ3) * -1) !important;
512
- }
513
- [cds-supports~=no-flex-gap] [cds-layout~=horizontal][cds-layout*="gap@lg:sm"] > *, [cds-supports~=no-flex-gap] [cds-layout~=horizontal][cds-layout*="gap@lg:sm"] > ::slotted(*) {
514
- margin-top: var(--δ3);
515
- margin-left: var(--δ3);
516
- top: calc(-1 * var(--δ3)) !important;
517
- left: calc(-1 * var(--δ3)) !important;
518
- position: relative !important;
519
- }
520
- [cds-supports~=no-flex-gap] [cds-layout~=horizontal][cds-layout*="gap@lg:md"] {
521
- width: calc(100% + var(--δ4));
522
- margin-bottom: calc(var(--δ4) * -1) !important;
523
- margin-right: calc(var(--δ4) * -1) !important;
524
- }
525
- [cds-supports~=no-flex-gap] [cds-layout~=horizontal][cds-layout*="gap@lg:md"] > *, [cds-supports~=no-flex-gap] [cds-layout~=horizontal][cds-layout*="gap@lg:md"] > ::slotted(*) {
526
- margin-top: var(--δ4);
527
- margin-left: var(--δ4);
528
- top: calc(-1 * var(--δ4)) !important;
529
- left: calc(-1 * var(--δ4)) !important;
530
- position: relative !important;
531
- }
532
- [cds-supports~=no-flex-gap] [cds-layout~=horizontal][cds-layout*="gap@lg:lg"] {
533
- width: calc(100% + var(--δ5));
534
- margin-bottom: calc(var(--δ5) * -1) !important;
535
- margin-right: calc(var(--δ5) * -1) !important;
536
- }
537
- [cds-supports~=no-flex-gap] [cds-layout~=horizontal][cds-layout*="gap@lg:lg"] > *, [cds-supports~=no-flex-gap] [cds-layout~=horizontal][cds-layout*="gap@lg:lg"] > ::slotted(*) {
538
- margin-top: var(--δ5);
539
- margin-left: var(--δ5);
540
- top: calc(-1 * var(--δ5)) !important;
541
- left: calc(-1 * var(--δ5)) !important;
542
- position: relative !important;
543
- }
544
- [cds-supports~=no-flex-gap] [cds-layout~=horizontal][cds-layout*="gap@lg:xl"] {
545
- width: calc(100% + var(--δ6));
546
- margin-bottom: calc(var(--δ6) * -1) !important;
547
- margin-right: calc(var(--δ6) * -1) !important;
548
- }
549
- [cds-supports~=no-flex-gap] [cds-layout~=horizontal][cds-layout*="gap@lg:xl"] > *, [cds-supports~=no-flex-gap] [cds-layout~=horizontal][cds-layout*="gap@lg:xl"] > ::slotted(*) {
550
- margin-top: var(--δ6);
551
- margin-left: var(--δ6);
552
- top: calc(-1 * var(--δ6)) !important;
553
- left: calc(-1 * var(--δ6)) !important;
554
- position: relative !important;
555
- }
556
- [cds-supports~=no-flex-gap] [cds-layout~=horizontal][cds-layout*="gap@lg:xxl"] {
557
- width: calc(100% + var(--δ7));
558
- margin-bottom: calc(var(--δ7) * -1) !important;
559
- margin-right: calc(var(--δ7) * -1) !important;
560
- }
561
- [cds-supports~=no-flex-gap] [cds-layout~=horizontal][cds-layout*="gap@lg:xxl"] > *, [cds-supports~=no-flex-gap] [cds-layout~=horizontal][cds-layout*="gap@lg:xxl"] > ::slotted(*) {
562
- margin-top: var(--δ7);
563
- margin-left: var(--δ7);
564
- top: calc(-1 * var(--δ7)) !important;
565
- left: calc(-1 * var(--δ7)) !important;
566
- position: relative !important;
567
- }
568
- }
569
- @media (min-width: 1440px) {
570
- [cds-supports~=no-flex-gap] [cds-layout~=horizontal][cds-layout*="gap@xl:none"] {
571
- width: calc(100% + 0);
572
- margin-bottom: calc(0 * -1) !important;
573
- margin-right: calc(0 * -1) !important;
574
- }
575
- [cds-supports~=no-flex-gap] [cds-layout~=horizontal][cds-layout*="gap@xl:none"] > *, [cds-supports~=no-flex-gap] [cds-layout~=horizontal][cds-layout*="gap@xl:none"] > ::slotted(*) {
576
- margin-top: 0;
577
- margin-left: 0;
578
- top: calc(-1 * 0) !important;
579
- left: calc(-1 * 0) !important;
580
- position: relative !important;
581
- }
582
- [cds-supports~=no-flex-gap] [cds-layout~=horizontal][cds-layout*="gap@xl:xxs"] {
583
- width: calc(100% + var(--δ1));
584
- margin-bottom: calc(var(--δ1) * -1) !important;
585
- margin-right: calc(var(--δ1) * -1) !important;
586
- }
587
- [cds-supports~=no-flex-gap] [cds-layout~=horizontal][cds-layout*="gap@xl:xxs"] > *, [cds-supports~=no-flex-gap] [cds-layout~=horizontal][cds-layout*="gap@xl:xxs"] > ::slotted(*) {
588
- margin-top: var(--δ1);
589
- margin-left: var(--δ1);
590
- top: calc(-1 * var(--δ1)) !important;
591
- left: calc(-1 * var(--δ1)) !important;
592
- position: relative !important;
593
- }
594
- [cds-supports~=no-flex-gap] [cds-layout~=horizontal][cds-layout*="gap@xl:xs"] {
595
- width: calc(100% + var(--δ2));
596
- margin-bottom: calc(var(--δ2) * -1) !important;
597
- margin-right: calc(var(--δ2) * -1) !important;
598
- }
599
- [cds-supports~=no-flex-gap] [cds-layout~=horizontal][cds-layout*="gap@xl:xs"] > *, [cds-supports~=no-flex-gap] [cds-layout~=horizontal][cds-layout*="gap@xl:xs"] > ::slotted(*) {
600
- margin-top: var(--δ2);
601
- margin-left: var(--δ2);
602
- top: calc(-1 * var(--δ2)) !important;
603
- left: calc(-1 * var(--δ2)) !important;
604
- position: relative !important;
605
- }
606
- [cds-supports~=no-flex-gap] [cds-layout~=horizontal][cds-layout*="gap@xl:sm"] {
607
- width: calc(100% + var(--δ3));
608
- margin-bottom: calc(var(--δ3) * -1) !important;
609
- margin-right: calc(var(--δ3) * -1) !important;
610
- }
611
- [cds-supports~=no-flex-gap] [cds-layout~=horizontal][cds-layout*="gap@xl:sm"] > *, [cds-supports~=no-flex-gap] [cds-layout~=horizontal][cds-layout*="gap@xl:sm"] > ::slotted(*) {
612
- margin-top: var(--δ3);
613
- margin-left: var(--δ3);
614
- top: calc(-1 * var(--δ3)) !important;
615
- left: calc(-1 * var(--δ3)) !important;
616
- position: relative !important;
617
- }
618
- [cds-supports~=no-flex-gap] [cds-layout~=horizontal][cds-layout*="gap@xl:md"] {
619
- width: calc(100% + var(--δ4));
620
- margin-bottom: calc(var(--δ4) * -1) !important;
621
- margin-right: calc(var(--δ4) * -1) !important;
622
- }
623
- [cds-supports~=no-flex-gap] [cds-layout~=horizontal][cds-layout*="gap@xl:md"] > *, [cds-supports~=no-flex-gap] [cds-layout~=horizontal][cds-layout*="gap@xl:md"] > ::slotted(*) {
624
- margin-top: var(--δ4);
625
- margin-left: var(--δ4);
626
- top: calc(-1 * var(--δ4)) !important;
627
- left: calc(-1 * var(--δ4)) !important;
628
- position: relative !important;
629
- }
630
- [cds-supports~=no-flex-gap] [cds-layout~=horizontal][cds-layout*="gap@xl:lg"] {
631
- width: calc(100% + var(--δ5));
632
- margin-bottom: calc(var(--δ5) * -1) !important;
633
- margin-right: calc(var(--δ5) * -1) !important;
634
- }
635
- [cds-supports~=no-flex-gap] [cds-layout~=horizontal][cds-layout*="gap@xl:lg"] > *, [cds-supports~=no-flex-gap] [cds-layout~=horizontal][cds-layout*="gap@xl:lg"] > ::slotted(*) {
636
- margin-top: var(--δ5);
637
- margin-left: var(--δ5);
638
- top: calc(-1 * var(--δ5)) !important;
639
- left: calc(-1 * var(--δ5)) !important;
640
- position: relative !important;
641
- }
642
- [cds-supports~=no-flex-gap] [cds-layout~=horizontal][cds-layout*="gap@xl:xl"] {
643
- width: calc(100% + var(--δ6));
644
- margin-bottom: calc(var(--δ6) * -1) !important;
645
- margin-right: calc(var(--δ6) * -1) !important;
646
- }
647
- [cds-supports~=no-flex-gap] [cds-layout~=horizontal][cds-layout*="gap@xl:xl"] > *, [cds-supports~=no-flex-gap] [cds-layout~=horizontal][cds-layout*="gap@xl:xl"] > ::slotted(*) {
648
- margin-top: var(--δ6);
649
- margin-left: var(--δ6);
650
- top: calc(-1 * var(--δ6)) !important;
651
- left: calc(-1 * var(--δ6)) !important;
652
- position: relative !important;
653
- }
654
- [cds-supports~=no-flex-gap] [cds-layout~=horizontal][cds-layout*="gap@xl:xxl"] {
655
- width: calc(100% + var(--δ7));
656
- margin-bottom: calc(var(--δ7) * -1) !important;
657
- margin-right: calc(var(--δ7) * -1) !important;
658
- }
659
- [cds-supports~=no-flex-gap] [cds-layout~=horizontal][cds-layout*="gap@xl:xxl"] > *, [cds-supports~=no-flex-gap] [cds-layout~=horizontal][cds-layout*="gap@xl:xxl"] > ::slotted(*) {
660
- margin-top: var(--δ7);
661
- margin-left: var(--δ7);
662
- top: calc(-1 * var(--δ7)) !important;
663
- left: calc(-1 * var(--δ7)) !important;
664
- position: relative !important;
665
- }
666
- }
667
- @media (min-width: 576px) {
668
- [cds-supports~=no-flex-gap] [cds-layout~=vertical][cds-layout*="gap@xs:none"] > *, [cds-supports~=no-flex-gap] [cds-layout~=vertical][cds-layout*="gap@xs:none"] > ::slotted(*) {
669
- margin-top: 0;
670
- }
671
- [cds-supports~=no-flex-gap] [cds-layout~=vertical][cds-layout*="gap@xs:none"] > *:first-child, [cds-supports~=no-flex-gap] [cds-layout~=vertical][cds-layout*="gap@xs:none"] > ::slotted(*:first-child), [cds-supports~=no-flex-gap] [cds-layout~=vertical][cds-layout*="gap@xs:none"] > ::slotted([slot]:first-of-type) {
672
- margin-top: 0;
673
- }
674
- [cds-supports~=no-flex-gap] [cds-layout~=vertical][cds-layout*="gap@xs:xxs"] > *, [cds-supports~=no-flex-gap] [cds-layout~=vertical][cds-layout*="gap@xs:xxs"] > ::slotted(*) {
675
- margin-top: var(--δ1);
676
- }
677
- [cds-supports~=no-flex-gap] [cds-layout~=vertical][cds-layout*="gap@xs:xxs"] > *:first-child, [cds-supports~=no-flex-gap] [cds-layout~=vertical][cds-layout*="gap@xs:xxs"] > ::slotted(*:first-child), [cds-supports~=no-flex-gap] [cds-layout~=vertical][cds-layout*="gap@xs:xxs"] > ::slotted([slot]:first-of-type) {
678
- margin-top: 0;
679
- }
680
- [cds-supports~=no-flex-gap] [cds-layout~=vertical][cds-layout*="gap@xs:xs"] > *, [cds-supports~=no-flex-gap] [cds-layout~=vertical][cds-layout*="gap@xs:xs"] > ::slotted(*) {
681
- margin-top: var(--δ2);
682
- }
683
- [cds-supports~=no-flex-gap] [cds-layout~=vertical][cds-layout*="gap@xs:xs"] > *:first-child, [cds-supports~=no-flex-gap] [cds-layout~=vertical][cds-layout*="gap@xs:xs"] > ::slotted(*:first-child), [cds-supports~=no-flex-gap] [cds-layout~=vertical][cds-layout*="gap@xs:xs"] > ::slotted([slot]:first-of-type) {
684
- margin-top: 0;
685
- }
686
- [cds-supports~=no-flex-gap] [cds-layout~=vertical][cds-layout*="gap@xs:sm"] > *, [cds-supports~=no-flex-gap] [cds-layout~=vertical][cds-layout*="gap@xs:sm"] > ::slotted(*) {
687
- margin-top: var(--δ3);
688
- }
689
- [cds-supports~=no-flex-gap] [cds-layout~=vertical][cds-layout*="gap@xs:sm"] > *:first-child, [cds-supports~=no-flex-gap] [cds-layout~=vertical][cds-layout*="gap@xs:sm"] > ::slotted(*:first-child), [cds-supports~=no-flex-gap] [cds-layout~=vertical][cds-layout*="gap@xs:sm"] > ::slotted([slot]:first-of-type) {
690
- margin-top: 0;
691
- }
692
- [cds-supports~=no-flex-gap] [cds-layout~=vertical][cds-layout*="gap@xs:md"] > *, [cds-supports~=no-flex-gap] [cds-layout~=vertical][cds-layout*="gap@xs:md"] > ::slotted(*) {
693
- margin-top: var(--δ4);
694
- }
695
- [cds-supports~=no-flex-gap] [cds-layout~=vertical][cds-layout*="gap@xs:md"] > *:first-child, [cds-supports~=no-flex-gap] [cds-layout~=vertical][cds-layout*="gap@xs:md"] > ::slotted(*:first-child), [cds-supports~=no-flex-gap] [cds-layout~=vertical][cds-layout*="gap@xs:md"] > ::slotted([slot]:first-of-type) {
696
- margin-top: 0;
697
- }
698
- [cds-supports~=no-flex-gap] [cds-layout~=vertical][cds-layout*="gap@xs:lg"] > *, [cds-supports~=no-flex-gap] [cds-layout~=vertical][cds-layout*="gap@xs:lg"] > ::slotted(*) {
699
- margin-top: var(--δ5);
700
- }
701
- [cds-supports~=no-flex-gap] [cds-layout~=vertical][cds-layout*="gap@xs:lg"] > *:first-child, [cds-supports~=no-flex-gap] [cds-layout~=vertical][cds-layout*="gap@xs:lg"] > ::slotted(*:first-child), [cds-supports~=no-flex-gap] [cds-layout~=vertical][cds-layout*="gap@xs:lg"] > ::slotted([slot]:first-of-type) {
702
- margin-top: 0;
703
- }
704
- [cds-supports~=no-flex-gap] [cds-layout~=vertical][cds-layout*="gap@xs:xl"] > *, [cds-supports~=no-flex-gap] [cds-layout~=vertical][cds-layout*="gap@xs:xl"] > ::slotted(*) {
705
- margin-top: var(--δ6);
706
- }
707
- [cds-supports~=no-flex-gap] [cds-layout~=vertical][cds-layout*="gap@xs:xl"] > *:first-child, [cds-supports~=no-flex-gap] [cds-layout~=vertical][cds-layout*="gap@xs:xl"] > ::slotted(*:first-child), [cds-supports~=no-flex-gap] [cds-layout~=vertical][cds-layout*="gap@xs:xl"] > ::slotted([slot]:first-of-type) {
708
- margin-top: 0;
709
- }
710
- [cds-supports~=no-flex-gap] [cds-layout~=vertical][cds-layout*="gap@xs:xxl"] > *, [cds-supports~=no-flex-gap] [cds-layout~=vertical][cds-layout*="gap@xs:xxl"] > ::slotted(*) {
711
- margin-top: var(--δ7);
712
- }
713
- [cds-supports~=no-flex-gap] [cds-layout~=vertical][cds-layout*="gap@xs:xxl"] > *:first-child, [cds-supports~=no-flex-gap] [cds-layout~=vertical][cds-layout*="gap@xs:xxl"] > ::slotted(*:first-child), [cds-supports~=no-flex-gap] [cds-layout~=vertical][cds-layout*="gap@xs:xxl"] > ::slotted([slot]:first-of-type) {
714
- margin-top: 0;
715
- }
716
- }
717
- @media (min-width: 768px) {
718
- [cds-supports~=no-flex-gap] [cds-layout~=vertical][cds-layout*="gap@sm:none"] > *, [cds-supports~=no-flex-gap] [cds-layout~=vertical][cds-layout*="gap@sm:none"] > ::slotted(*) {
719
- margin-top: 0;
720
- }
721
- [cds-supports~=no-flex-gap] [cds-layout~=vertical][cds-layout*="gap@sm:none"] > *:first-child, [cds-supports~=no-flex-gap] [cds-layout~=vertical][cds-layout*="gap@sm:none"] > ::slotted(*:first-child), [cds-supports~=no-flex-gap] [cds-layout~=vertical][cds-layout*="gap@sm:none"] > ::slotted([slot]:first-of-type) {
722
- margin-top: 0;
723
- }
724
- [cds-supports~=no-flex-gap] [cds-layout~=vertical][cds-layout*="gap@sm:xxs"] > *, [cds-supports~=no-flex-gap] [cds-layout~=vertical][cds-layout*="gap@sm:xxs"] > ::slotted(*) {
725
- margin-top: var(--δ1);
726
- }
727
- [cds-supports~=no-flex-gap] [cds-layout~=vertical][cds-layout*="gap@sm:xxs"] > *:first-child, [cds-supports~=no-flex-gap] [cds-layout~=vertical][cds-layout*="gap@sm:xxs"] > ::slotted(*:first-child), [cds-supports~=no-flex-gap] [cds-layout~=vertical][cds-layout*="gap@sm:xxs"] > ::slotted([slot]:first-of-type) {
728
- margin-top: 0;
729
- }
730
- [cds-supports~=no-flex-gap] [cds-layout~=vertical][cds-layout*="gap@sm:xs"] > *, [cds-supports~=no-flex-gap] [cds-layout~=vertical][cds-layout*="gap@sm:xs"] > ::slotted(*) {
731
- margin-top: var(--δ2);
732
- }
733
- [cds-supports~=no-flex-gap] [cds-layout~=vertical][cds-layout*="gap@sm:xs"] > *:first-child, [cds-supports~=no-flex-gap] [cds-layout~=vertical][cds-layout*="gap@sm:xs"] > ::slotted(*:first-child), [cds-supports~=no-flex-gap] [cds-layout~=vertical][cds-layout*="gap@sm:xs"] > ::slotted([slot]:first-of-type) {
734
- margin-top: 0;
735
- }
736
- [cds-supports~=no-flex-gap] [cds-layout~=vertical][cds-layout*="gap@sm:sm"] > *, [cds-supports~=no-flex-gap] [cds-layout~=vertical][cds-layout*="gap@sm:sm"] > ::slotted(*) {
737
- margin-top: var(--δ3);
738
- }
739
- [cds-supports~=no-flex-gap] [cds-layout~=vertical][cds-layout*="gap@sm:sm"] > *:first-child, [cds-supports~=no-flex-gap] [cds-layout~=vertical][cds-layout*="gap@sm:sm"] > ::slotted(*:first-child), [cds-supports~=no-flex-gap] [cds-layout~=vertical][cds-layout*="gap@sm:sm"] > ::slotted([slot]:first-of-type) {
740
- margin-top: 0;
741
- }
742
- [cds-supports~=no-flex-gap] [cds-layout~=vertical][cds-layout*="gap@sm:md"] > *, [cds-supports~=no-flex-gap] [cds-layout~=vertical][cds-layout*="gap@sm:md"] > ::slotted(*) {
743
- margin-top: var(--δ4);
744
- }
745
- [cds-supports~=no-flex-gap] [cds-layout~=vertical][cds-layout*="gap@sm:md"] > *:first-child, [cds-supports~=no-flex-gap] [cds-layout~=vertical][cds-layout*="gap@sm:md"] > ::slotted(*:first-child), [cds-supports~=no-flex-gap] [cds-layout~=vertical][cds-layout*="gap@sm:md"] > ::slotted([slot]:first-of-type) {
746
- margin-top: 0;
747
- }
748
- [cds-supports~=no-flex-gap] [cds-layout~=vertical][cds-layout*="gap@sm:lg"] > *, [cds-supports~=no-flex-gap] [cds-layout~=vertical][cds-layout*="gap@sm:lg"] > ::slotted(*) {
749
- margin-top: var(--δ5);
750
- }
751
- [cds-supports~=no-flex-gap] [cds-layout~=vertical][cds-layout*="gap@sm:lg"] > *:first-child, [cds-supports~=no-flex-gap] [cds-layout~=vertical][cds-layout*="gap@sm:lg"] > ::slotted(*:first-child), [cds-supports~=no-flex-gap] [cds-layout~=vertical][cds-layout*="gap@sm:lg"] > ::slotted([slot]:first-of-type) {
752
- margin-top: 0;
753
- }
754
- [cds-supports~=no-flex-gap] [cds-layout~=vertical][cds-layout*="gap@sm:xl"] > *, [cds-supports~=no-flex-gap] [cds-layout~=vertical][cds-layout*="gap@sm:xl"] > ::slotted(*) {
755
- margin-top: var(--δ6);
756
- }
757
- [cds-supports~=no-flex-gap] [cds-layout~=vertical][cds-layout*="gap@sm:xl"] > *:first-child, [cds-supports~=no-flex-gap] [cds-layout~=vertical][cds-layout*="gap@sm:xl"] > ::slotted(*:first-child), [cds-supports~=no-flex-gap] [cds-layout~=vertical][cds-layout*="gap@sm:xl"] > ::slotted([slot]:first-of-type) {
758
- margin-top: 0;
759
- }
760
- [cds-supports~=no-flex-gap] [cds-layout~=vertical][cds-layout*="gap@sm:xxl"] > *, [cds-supports~=no-flex-gap] [cds-layout~=vertical][cds-layout*="gap@sm:xxl"] > ::slotted(*) {
761
- margin-top: var(--δ7);
762
- }
763
- [cds-supports~=no-flex-gap] [cds-layout~=vertical][cds-layout*="gap@sm:xxl"] > *:first-child, [cds-supports~=no-flex-gap] [cds-layout~=vertical][cds-layout*="gap@sm:xxl"] > ::slotted(*:first-child), [cds-supports~=no-flex-gap] [cds-layout~=vertical][cds-layout*="gap@sm:xxl"] > ::slotted([slot]:first-of-type) {
764
- margin-top: 0;
765
- }
766
- }
767
- @media (min-width: 992px) {
768
- [cds-supports~=no-flex-gap] [cds-layout~=vertical][cds-layout*="gap@md:none"] > *, [cds-supports~=no-flex-gap] [cds-layout~=vertical][cds-layout*="gap@md:none"] > ::slotted(*) {
769
- margin-top: 0;
770
- }
771
- [cds-supports~=no-flex-gap] [cds-layout~=vertical][cds-layout*="gap@md:none"] > *:first-child, [cds-supports~=no-flex-gap] [cds-layout~=vertical][cds-layout*="gap@md:none"] > ::slotted(*:first-child), [cds-supports~=no-flex-gap] [cds-layout~=vertical][cds-layout*="gap@md:none"] > ::slotted([slot]:first-of-type) {
772
- margin-top: 0;
773
- }
774
- [cds-supports~=no-flex-gap] [cds-layout~=vertical][cds-layout*="gap@md:xxs"] > *, [cds-supports~=no-flex-gap] [cds-layout~=vertical][cds-layout*="gap@md:xxs"] > ::slotted(*) {
775
- margin-top: var(--δ1);
776
- }
777
- [cds-supports~=no-flex-gap] [cds-layout~=vertical][cds-layout*="gap@md:xxs"] > *:first-child, [cds-supports~=no-flex-gap] [cds-layout~=vertical][cds-layout*="gap@md:xxs"] > ::slotted(*:first-child), [cds-supports~=no-flex-gap] [cds-layout~=vertical][cds-layout*="gap@md:xxs"] > ::slotted([slot]:first-of-type) {
778
- margin-top: 0;
779
- }
780
- [cds-supports~=no-flex-gap] [cds-layout~=vertical][cds-layout*="gap@md:xs"] > *, [cds-supports~=no-flex-gap] [cds-layout~=vertical][cds-layout*="gap@md:xs"] > ::slotted(*) {
781
- margin-top: var(--δ2);
782
- }
783
- [cds-supports~=no-flex-gap] [cds-layout~=vertical][cds-layout*="gap@md:xs"] > *:first-child, [cds-supports~=no-flex-gap] [cds-layout~=vertical][cds-layout*="gap@md:xs"] > ::slotted(*:first-child), [cds-supports~=no-flex-gap] [cds-layout~=vertical][cds-layout*="gap@md:xs"] > ::slotted([slot]:first-of-type) {
784
- margin-top: 0;
785
- }
786
- [cds-supports~=no-flex-gap] [cds-layout~=vertical][cds-layout*="gap@md:sm"] > *, [cds-supports~=no-flex-gap] [cds-layout~=vertical][cds-layout*="gap@md:sm"] > ::slotted(*) {
787
- margin-top: var(--δ3);
788
- }
789
- [cds-supports~=no-flex-gap] [cds-layout~=vertical][cds-layout*="gap@md:sm"] > *:first-child, [cds-supports~=no-flex-gap] [cds-layout~=vertical][cds-layout*="gap@md:sm"] > ::slotted(*:first-child), [cds-supports~=no-flex-gap] [cds-layout~=vertical][cds-layout*="gap@md:sm"] > ::slotted([slot]:first-of-type) {
790
- margin-top: 0;
791
- }
792
- [cds-supports~=no-flex-gap] [cds-layout~=vertical][cds-layout*="gap@md:md"] > *, [cds-supports~=no-flex-gap] [cds-layout~=vertical][cds-layout*="gap@md:md"] > ::slotted(*) {
793
- margin-top: var(--δ4);
794
- }
795
- [cds-supports~=no-flex-gap] [cds-layout~=vertical][cds-layout*="gap@md:md"] > *:first-child, [cds-supports~=no-flex-gap] [cds-layout~=vertical][cds-layout*="gap@md:md"] > ::slotted(*:first-child), [cds-supports~=no-flex-gap] [cds-layout~=vertical][cds-layout*="gap@md:md"] > ::slotted([slot]:first-of-type) {
796
- margin-top: 0;
797
- }
798
- [cds-supports~=no-flex-gap] [cds-layout~=vertical][cds-layout*="gap@md:lg"] > *, [cds-supports~=no-flex-gap] [cds-layout~=vertical][cds-layout*="gap@md:lg"] > ::slotted(*) {
799
- margin-top: var(--δ5);
800
- }
801
- [cds-supports~=no-flex-gap] [cds-layout~=vertical][cds-layout*="gap@md:lg"] > *:first-child, [cds-supports~=no-flex-gap] [cds-layout~=vertical][cds-layout*="gap@md:lg"] > ::slotted(*:first-child), [cds-supports~=no-flex-gap] [cds-layout~=vertical][cds-layout*="gap@md:lg"] > ::slotted([slot]:first-of-type) {
802
- margin-top: 0;
803
- }
804
- [cds-supports~=no-flex-gap] [cds-layout~=vertical][cds-layout*="gap@md:xl"] > *, [cds-supports~=no-flex-gap] [cds-layout~=vertical][cds-layout*="gap@md:xl"] > ::slotted(*) {
805
- margin-top: var(--δ6);
806
- }
807
- [cds-supports~=no-flex-gap] [cds-layout~=vertical][cds-layout*="gap@md:xl"] > *:first-child, [cds-supports~=no-flex-gap] [cds-layout~=vertical][cds-layout*="gap@md:xl"] > ::slotted(*:first-child), [cds-supports~=no-flex-gap] [cds-layout~=vertical][cds-layout*="gap@md:xl"] > ::slotted([slot]:first-of-type) {
808
- margin-top: 0;
809
- }
810
- [cds-supports~=no-flex-gap] [cds-layout~=vertical][cds-layout*="gap@md:xxl"] > *, [cds-supports~=no-flex-gap] [cds-layout~=vertical][cds-layout*="gap@md:xxl"] > ::slotted(*) {
811
- margin-top: var(--δ7);
812
- }
813
- [cds-supports~=no-flex-gap] [cds-layout~=vertical][cds-layout*="gap@md:xxl"] > *:first-child, [cds-supports~=no-flex-gap] [cds-layout~=vertical][cds-layout*="gap@md:xxl"] > ::slotted(*:first-child), [cds-supports~=no-flex-gap] [cds-layout~=vertical][cds-layout*="gap@md:xxl"] > ::slotted([slot]:first-of-type) {
814
- margin-top: 0;
815
- }
816
- }
817
- @media (min-width: 1200px) {
818
- [cds-supports~=no-flex-gap] [cds-layout~=vertical][cds-layout*="gap@lg:none"] > *, [cds-supports~=no-flex-gap] [cds-layout~=vertical][cds-layout*="gap@lg:none"] > ::slotted(*) {
819
- margin-top: 0;
820
- }
821
- [cds-supports~=no-flex-gap] [cds-layout~=vertical][cds-layout*="gap@lg:none"] > *:first-child, [cds-supports~=no-flex-gap] [cds-layout~=vertical][cds-layout*="gap@lg:none"] > ::slotted(*:first-child), [cds-supports~=no-flex-gap] [cds-layout~=vertical][cds-layout*="gap@lg:none"] > ::slotted([slot]:first-of-type) {
822
- margin-top: 0;
823
- }
824
- [cds-supports~=no-flex-gap] [cds-layout~=vertical][cds-layout*="gap@lg:xxs"] > *, [cds-supports~=no-flex-gap] [cds-layout~=vertical][cds-layout*="gap@lg:xxs"] > ::slotted(*) {
825
- margin-top: var(--δ1);
826
- }
827
- [cds-supports~=no-flex-gap] [cds-layout~=vertical][cds-layout*="gap@lg:xxs"] > *:first-child, [cds-supports~=no-flex-gap] [cds-layout~=vertical][cds-layout*="gap@lg:xxs"] > ::slotted(*:first-child), [cds-supports~=no-flex-gap] [cds-layout~=vertical][cds-layout*="gap@lg:xxs"] > ::slotted([slot]:first-of-type) {
828
- margin-top: 0;
829
- }
830
- [cds-supports~=no-flex-gap] [cds-layout~=vertical][cds-layout*="gap@lg:xs"] > *, [cds-supports~=no-flex-gap] [cds-layout~=vertical][cds-layout*="gap@lg:xs"] > ::slotted(*) {
831
- margin-top: var(--δ2);
832
- }
833
- [cds-supports~=no-flex-gap] [cds-layout~=vertical][cds-layout*="gap@lg:xs"] > *:first-child, [cds-supports~=no-flex-gap] [cds-layout~=vertical][cds-layout*="gap@lg:xs"] > ::slotted(*:first-child), [cds-supports~=no-flex-gap] [cds-layout~=vertical][cds-layout*="gap@lg:xs"] > ::slotted([slot]:first-of-type) {
834
- margin-top: 0;
835
- }
836
- [cds-supports~=no-flex-gap] [cds-layout~=vertical][cds-layout*="gap@lg:sm"] > *, [cds-supports~=no-flex-gap] [cds-layout~=vertical][cds-layout*="gap@lg:sm"] > ::slotted(*) {
837
- margin-top: var(--δ3);
838
- }
839
- [cds-supports~=no-flex-gap] [cds-layout~=vertical][cds-layout*="gap@lg:sm"] > *:first-child, [cds-supports~=no-flex-gap] [cds-layout~=vertical][cds-layout*="gap@lg:sm"] > ::slotted(*:first-child), [cds-supports~=no-flex-gap] [cds-layout~=vertical][cds-layout*="gap@lg:sm"] > ::slotted([slot]:first-of-type) {
840
- margin-top: 0;
841
- }
842
- [cds-supports~=no-flex-gap] [cds-layout~=vertical][cds-layout*="gap@lg:md"] > *, [cds-supports~=no-flex-gap] [cds-layout~=vertical][cds-layout*="gap@lg:md"] > ::slotted(*) {
843
- margin-top: var(--δ4);
844
- }
845
- [cds-supports~=no-flex-gap] [cds-layout~=vertical][cds-layout*="gap@lg:md"] > *:first-child, [cds-supports~=no-flex-gap] [cds-layout~=vertical][cds-layout*="gap@lg:md"] > ::slotted(*:first-child), [cds-supports~=no-flex-gap] [cds-layout~=vertical][cds-layout*="gap@lg:md"] > ::slotted([slot]:first-of-type) {
846
- margin-top: 0;
847
- }
848
- [cds-supports~=no-flex-gap] [cds-layout~=vertical][cds-layout*="gap@lg:lg"] > *, [cds-supports~=no-flex-gap] [cds-layout~=vertical][cds-layout*="gap@lg:lg"] > ::slotted(*) {
849
- margin-top: var(--δ5);
850
- }
851
- [cds-supports~=no-flex-gap] [cds-layout~=vertical][cds-layout*="gap@lg:lg"] > *:first-child, [cds-supports~=no-flex-gap] [cds-layout~=vertical][cds-layout*="gap@lg:lg"] > ::slotted(*:first-child), [cds-supports~=no-flex-gap] [cds-layout~=vertical][cds-layout*="gap@lg:lg"] > ::slotted([slot]:first-of-type) {
852
- margin-top: 0;
853
- }
854
- [cds-supports~=no-flex-gap] [cds-layout~=vertical][cds-layout*="gap@lg:xl"] > *, [cds-supports~=no-flex-gap] [cds-layout~=vertical][cds-layout*="gap@lg:xl"] > ::slotted(*) {
855
- margin-top: var(--δ6);
856
- }
857
- [cds-supports~=no-flex-gap] [cds-layout~=vertical][cds-layout*="gap@lg:xl"] > *:first-child, [cds-supports~=no-flex-gap] [cds-layout~=vertical][cds-layout*="gap@lg:xl"] > ::slotted(*:first-child), [cds-supports~=no-flex-gap] [cds-layout~=vertical][cds-layout*="gap@lg:xl"] > ::slotted([slot]:first-of-type) {
858
- margin-top: 0;
859
- }
860
- [cds-supports~=no-flex-gap] [cds-layout~=vertical][cds-layout*="gap@lg:xxl"] > *, [cds-supports~=no-flex-gap] [cds-layout~=vertical][cds-layout*="gap@lg:xxl"] > ::slotted(*) {
861
- margin-top: var(--δ7);
862
- }
863
- [cds-supports~=no-flex-gap] [cds-layout~=vertical][cds-layout*="gap@lg:xxl"] > *:first-child, [cds-supports~=no-flex-gap] [cds-layout~=vertical][cds-layout*="gap@lg:xxl"] > ::slotted(*:first-child), [cds-supports~=no-flex-gap] [cds-layout~=vertical][cds-layout*="gap@lg:xxl"] > ::slotted([slot]:first-of-type) {
864
- margin-top: 0;
865
- }
866
- }
867
- @media (min-width: 1440px) {
868
- [cds-supports~=no-flex-gap] [cds-layout~=vertical][cds-layout*="gap@xl:none"] > *, [cds-supports~=no-flex-gap] [cds-layout~=vertical][cds-layout*="gap@xl:none"] > ::slotted(*) {
869
- margin-top: 0;
870
- }
871
- [cds-supports~=no-flex-gap] [cds-layout~=vertical][cds-layout*="gap@xl:none"] > *:first-child, [cds-supports~=no-flex-gap] [cds-layout~=vertical][cds-layout*="gap@xl:none"] > ::slotted(*:first-child), [cds-supports~=no-flex-gap] [cds-layout~=vertical][cds-layout*="gap@xl:none"] > ::slotted([slot]:first-of-type) {
872
- margin-top: 0;
873
- }
874
- [cds-supports~=no-flex-gap] [cds-layout~=vertical][cds-layout*="gap@xl:xxs"] > *, [cds-supports~=no-flex-gap] [cds-layout~=vertical][cds-layout*="gap@xl:xxs"] > ::slotted(*) {
875
- margin-top: var(--δ1);
876
- }
877
- [cds-supports~=no-flex-gap] [cds-layout~=vertical][cds-layout*="gap@xl:xxs"] > *:first-child, [cds-supports~=no-flex-gap] [cds-layout~=vertical][cds-layout*="gap@xl:xxs"] > ::slotted(*:first-child), [cds-supports~=no-flex-gap] [cds-layout~=vertical][cds-layout*="gap@xl:xxs"] > ::slotted([slot]:first-of-type) {
878
- margin-top: 0;
879
- }
880
- [cds-supports~=no-flex-gap] [cds-layout~=vertical][cds-layout*="gap@xl:xs"] > *, [cds-supports~=no-flex-gap] [cds-layout~=vertical][cds-layout*="gap@xl:xs"] > ::slotted(*) {
881
- margin-top: var(--δ2);
882
- }
883
- [cds-supports~=no-flex-gap] [cds-layout~=vertical][cds-layout*="gap@xl:xs"] > *:first-child, [cds-supports~=no-flex-gap] [cds-layout~=vertical][cds-layout*="gap@xl:xs"] > ::slotted(*:first-child), [cds-supports~=no-flex-gap] [cds-layout~=vertical][cds-layout*="gap@xl:xs"] > ::slotted([slot]:first-of-type) {
884
- margin-top: 0;
885
- }
886
- [cds-supports~=no-flex-gap] [cds-layout~=vertical][cds-layout*="gap@xl:sm"] > *, [cds-supports~=no-flex-gap] [cds-layout~=vertical][cds-layout*="gap@xl:sm"] > ::slotted(*) {
887
- margin-top: var(--δ3);
888
- }
889
- [cds-supports~=no-flex-gap] [cds-layout~=vertical][cds-layout*="gap@xl:sm"] > *:first-child, [cds-supports~=no-flex-gap] [cds-layout~=vertical][cds-layout*="gap@xl:sm"] > ::slotted(*:first-child), [cds-supports~=no-flex-gap] [cds-layout~=vertical][cds-layout*="gap@xl:sm"] > ::slotted([slot]:first-of-type) {
890
- margin-top: 0;
891
- }
892
- [cds-supports~=no-flex-gap] [cds-layout~=vertical][cds-layout*="gap@xl:md"] > *, [cds-supports~=no-flex-gap] [cds-layout~=vertical][cds-layout*="gap@xl:md"] > ::slotted(*) {
893
- margin-top: var(--δ4);
894
- }
895
- [cds-supports~=no-flex-gap] [cds-layout~=vertical][cds-layout*="gap@xl:md"] > *:first-child, [cds-supports~=no-flex-gap] [cds-layout~=vertical][cds-layout*="gap@xl:md"] > ::slotted(*:first-child), [cds-supports~=no-flex-gap] [cds-layout~=vertical][cds-layout*="gap@xl:md"] > ::slotted([slot]:first-of-type) {
896
- margin-top: 0;
897
- }
898
- [cds-supports~=no-flex-gap] [cds-layout~=vertical][cds-layout*="gap@xl:lg"] > *, [cds-supports~=no-flex-gap] [cds-layout~=vertical][cds-layout*="gap@xl:lg"] > ::slotted(*) {
899
- margin-top: var(--δ5);
900
- }
901
- [cds-supports~=no-flex-gap] [cds-layout~=vertical][cds-layout*="gap@xl:lg"] > *:first-child, [cds-supports~=no-flex-gap] [cds-layout~=vertical][cds-layout*="gap@xl:lg"] > ::slotted(*:first-child), [cds-supports~=no-flex-gap] [cds-layout~=vertical][cds-layout*="gap@xl:lg"] > ::slotted([slot]:first-of-type) {
902
- margin-top: 0;
903
- }
904
- [cds-supports~=no-flex-gap] [cds-layout~=vertical][cds-layout*="gap@xl:xl"] > *, [cds-supports~=no-flex-gap] [cds-layout~=vertical][cds-layout*="gap@xl:xl"] > ::slotted(*) {
905
- margin-top: var(--δ6);
906
- }
907
- [cds-supports~=no-flex-gap] [cds-layout~=vertical][cds-layout*="gap@xl:xl"] > *:first-child, [cds-supports~=no-flex-gap] [cds-layout~=vertical][cds-layout*="gap@xl:xl"] > ::slotted(*:first-child), [cds-supports~=no-flex-gap] [cds-layout~=vertical][cds-layout*="gap@xl:xl"] > ::slotted([slot]:first-of-type) {
908
- margin-top: 0;
909
- }
910
- [cds-supports~=no-flex-gap] [cds-layout~=vertical][cds-layout*="gap@xl:xxl"] > *, [cds-supports~=no-flex-gap] [cds-layout~=vertical][cds-layout*="gap@xl:xxl"] > ::slotted(*) {
911
- margin-top: var(--δ7);
912
- }
913
- [cds-supports~=no-flex-gap] [cds-layout~=vertical][cds-layout*="gap@xl:xxl"] > *:first-child, [cds-supports~=no-flex-gap] [cds-layout~=vertical][cds-layout*="gap@xl:xxl"] > ::slotted(*:first-child), [cds-supports~=no-flex-gap] [cds-layout~=vertical][cds-layout*="gap@xl:xxl"] > ::slotted([slot]:first-of-type) {
914
- margin-top: 0;
915
- }
916
- }