@ds-autonomie/web-components 1.5.0 → 1.7.0

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 (185) hide show
  1. package/CHANGELOG.md +28 -0
  2. package/dist/chunks/chunk.2PA4QKLT.js +43 -0
  3. package/dist/chunks/{chunk.BNJQHJKO.js → chunk.4ABNA6LY.js} +1 -1
  4. package/dist/chunks/{chunk.E7NM6WTF.js → chunk.5LSEWF5M.js} +1 -1
  5. package/dist/chunks/{chunk.AO3M5GSN.js → chunk.5MXBL3PY.js} +1 -1
  6. package/dist/chunks/{chunk.BGNHUCCD.js → chunk.5T654YBW.js} +1 -1
  7. package/dist/chunks/chunk.672XI6OQ.js +108 -0
  8. package/dist/chunks/{chunk.7WQVFO44.js → chunk.6HEEXQ6Q.js} +11 -5
  9. package/dist/chunks/{chunk.D2QVNPSR.js → chunk.7FSWPNRP.js} +4 -4
  10. package/dist/chunks/{chunk.DXP3BNWO.js → chunk.7PKGNYXP.js} +1 -1
  11. package/dist/chunks/chunk.7RMRIPUN.js +87 -0
  12. package/dist/chunks/{chunk.IH3JU5S6.js → chunk.ADVUEL4K.js} +1 -1
  13. package/dist/chunks/{chunk.INCMVGXU.js → chunk.AJ4QV4YB.js} +1 -1
  14. package/dist/chunks/{chunk.OIS5HMFT.js → chunk.CHM74JXS.js} +21 -2
  15. package/dist/chunks/chunk.CWMR6PEK.js +227 -0
  16. package/dist/chunks/chunk.D3IQERM5.js +92 -0
  17. package/dist/chunks/{chunk.OUVQZNJQ.js → chunk.D5MIBH2P.js} +6 -3
  18. package/dist/chunks/chunk.DWASAPA2.js +29 -0
  19. package/dist/chunks/chunk.DY7O23OC.js +49 -0
  20. package/dist/chunks/{chunk.XV2S7PIY.js → chunk.EBCLOXNV.js} +1 -1
  21. package/dist/chunks/chunk.EVHNFCQF.js +121 -0
  22. package/dist/chunks/{chunk.YZHYOXYA.js → chunk.FKKOUYXE.js} +24 -69
  23. package/dist/chunks/{chunk.LC54322H.js → chunk.FYTGBKGY.js} +8 -4
  24. package/dist/chunks/{chunk.P7QMP76I.js → chunk.GENB7E6Z.js} +1 -1
  25. package/dist/chunks/{chunk.SCNCYZ35.js → chunk.GS7HSU6O.js} +1 -1
  26. package/dist/chunks/{chunk.HPK6C7NJ.js → chunk.GXQ7CTJX.js} +7 -2
  27. package/dist/chunks/{chunk.HCQNPYQZ.js → chunk.IAKOROM4.js} +1 -1
  28. package/dist/chunks/chunk.JOIYVWUG.js +32 -0
  29. package/dist/chunks/{chunk.BHLKMLHB.js → chunk.KG6MIENB.js} +33 -23
  30. package/dist/chunks/chunk.KUXAIXES.js +69 -0
  31. package/dist/chunks/{chunk.CWD6PMVD.js → chunk.L5HKY6WB.js} +4 -4
  32. package/dist/chunks/{chunk.ZU3MRZA4.js → chunk.MCMUWBT5.js} +1 -1
  33. package/dist/chunks/{chunk.4XH7INOL.js → chunk.NIYQMA5Y.js} +1 -1
  34. package/dist/chunks/{chunk.RNLKSRKQ.js → chunk.NNL36YA6.js} +17 -7
  35. package/dist/chunks/chunk.NNNXN334.js +32 -0
  36. package/dist/chunks/{chunk.7J7CS3BK.js → chunk.O2PIWM25.js} +1 -1
  37. package/dist/chunks/chunk.O3CX2C5Y.js +62 -0
  38. package/dist/chunks/{chunk.RVUFDCSS.js → chunk.PCJUYERL.js} +1 -1
  39. package/dist/chunks/{chunk.ZI2RZQPZ.js → chunk.PQD7VKIK.js} +4 -4
  40. package/dist/chunks/chunk.Q62BRBYD.js +68 -0
  41. package/dist/chunks/{chunk.OVCI74KS.js → chunk.QBPZ6I5Q.js} +7 -7
  42. package/dist/chunks/chunk.R3Y3IVO2.js +56 -0
  43. package/dist/chunks/chunk.R5PR2MDK.js +256 -0
  44. package/dist/chunks/{chunk.I33L3NO6.js → chunk.RB6TMBWW.js} +5 -0
  45. package/dist/chunks/{chunk.FSXPFNBX.js → chunk.RBJL56T2.js} +1 -1
  46. package/dist/chunks/{chunk.PCT24AYO.js → chunk.RC2LGXYT.js} +1 -1
  47. package/dist/chunks/chunk.RTNJV3ZL.js +52 -0
  48. package/dist/chunks/{chunk.5QKVQDMN.js → chunk.RXBDBWWT.js} +12 -1
  49. package/dist/chunks/{chunk.TUZ72ZDQ.js → chunk.SL4M42DS.js} +1 -1
  50. package/dist/chunks/{chunk.2FVPNPAG.js → chunk.SN4AILXB.js} +27 -6
  51. package/dist/chunks/chunk.SUFR3KIW.js +41 -0
  52. package/dist/chunks/{chunk.5DKPV25M.js → chunk.TFMB54OO.js} +1 -1
  53. package/dist/chunks/{chunk.3QQPH6YB.js → chunk.UENLYHK4.js} +8 -1
  54. package/dist/chunks/{chunk.N5ZXUW7H.js → chunk.UTAUMIPE.js} +1 -1
  55. package/dist/chunks/{chunk.VRU3XH45.js → chunk.V7MYOBN4.js} +5 -5
  56. package/dist/chunks/{chunk.5ND4OP7Q.js → chunk.WGN7OZLZ.js} +27 -1
  57. package/dist/chunks/chunk.WI3DWLXW.js +99 -0
  58. package/dist/chunks/chunk.X3FXKNLH.js +92 -0
  59. package/dist/chunks/{chunk.TMG7TJJO.js → chunk.X6ZGA6WS.js} +2 -2
  60. package/dist/chunks/{chunk.VFYKLPN2.js → chunk.XVDH3KHQ.js} +9 -0
  61. package/dist/chunks/{chunk.7BYKP4SA.js → chunk.Y5M7ZKHX.js} +16 -0
  62. package/dist/chunks/chunk.YTZRADK4.js +31 -0
  63. package/dist/chunks/{chunk.DX25IW4S.js → chunk.ZC74GTBL.js} +4 -0
  64. package/dist/chunks/{chunk.T4H7RAXS.js → chunk.ZCKAXIC4.js} +4 -4
  65. package/dist/chunks/chunk.ZOKFJBTV.js +150 -0
  66. package/dist/chunks/{chunk.WF42CVOM.js → chunk.ZQQCFKOX.js} +4 -4
  67. package/dist/components/accordion/accordion.d.ts +3 -1
  68. package/dist/components/accordion/accordion.js +7 -7
  69. package/dist/components/accordion/accordion.styles.js +1 -1
  70. package/dist/components/alert/alert.d.ts +9 -0
  71. package/dist/components/alert/alert.js +6 -6
  72. package/dist/components/avatar/avatar.js +5 -5
  73. package/dist/components/breadcrumb/breadcrumb.js +6 -6
  74. package/dist/components/breadcrumb-item/breadcrumb-item.js +2 -2
  75. package/dist/components/button/button.js +7 -7
  76. package/dist/components/checkbox/checkbox.js +4 -4
  77. package/dist/components/checkbox-button/checkbox-button.d.ts +3 -0
  78. package/dist/components/checkbox-button/checkbox-button.js +6 -6
  79. package/dist/components/checkbox-button/checkbox-button.styles.js +1 -1
  80. package/dist/components/checkbox-group/checkbox-group.js +1 -1
  81. package/dist/components/combobox/combobox.d.ts +8 -15
  82. package/dist/components/combobox/combobox.js +8 -9
  83. package/dist/components/dialog/dialog.js +7 -7
  84. package/dist/components/download-card/download-card.d.ts +35 -0
  85. package/dist/components/download-card/download-card.js +19 -0
  86. package/dist/components/download-card/download-card.styles.d.ts +2 -0
  87. package/dist/components/download-card/download-card.styles.js +7 -0
  88. package/dist/components/download-link/download-link.d.ts +36 -0
  89. package/dist/components/download-link/download-link.js +19 -0
  90. package/dist/components/download-link/download-link.styles.d.ts +2 -0
  91. package/dist/components/download-link/download-link.styles.js +7 -0
  92. package/dist/components/drawer/drawer.js +7 -7
  93. package/dist/components/dropdown/dropdown.js +2 -2
  94. package/dist/components/error-message-panel/error-message-panel.d.ts +23 -0
  95. package/dist/components/error-message-panel/error-message-panel.js +11 -0
  96. package/dist/components/error-message-panel/error-message-panel.styles.d.ts +2 -0
  97. package/dist/components/error-message-panel/error-message-panel.styles.js +7 -0
  98. package/dist/components/file-upload/file-upload.d.ts +65 -0
  99. package/dist/components/file-upload/file-upload.js +16 -0
  100. package/dist/components/file-upload/file-upload.styles.d.ts +2 -0
  101. package/dist/components/file-upload/file-upload.styles.js +9 -0
  102. package/dist/components/file-upload-item/file-upload-item.d.ts +33 -0
  103. package/dist/components/file-upload-item/file-upload-item.js +12 -0
  104. package/dist/components/file-upload-item/file-upload-item.styles.d.ts +2 -0
  105. package/dist/components/file-upload-item/file-upload-item.styles.js +8 -0
  106. package/dist/components/footer/footer.assets.d.ts +1 -0
  107. package/dist/components/footer/footer.assets.js +7 -0
  108. package/dist/components/footer/footer.d.ts +13 -0
  109. package/dist/components/footer/footer.js +14 -0
  110. package/dist/components/footer/footer.styles.d.ts +2 -0
  111. package/dist/components/footer/footer.styles.js +8 -0
  112. package/dist/components/footer-content-block/footer-content-block.d.ts +20 -0
  113. package/dist/components/footer-content-block/footer-content-block.js +12 -0
  114. package/dist/components/footer-content-block/footer-content-block.styles.d.ts +2 -0
  115. package/dist/components/footer-content-block/footer-content-block.styles.js +8 -0
  116. package/dist/components/footer-inline-divider/footer-inline-divider.d.ts +22 -0
  117. package/dist/components/footer-inline-divider/footer-inline-divider.js +12 -0
  118. package/dist/components/footer-inline-divider/footer-inline-divider.styles.d.ts +2 -0
  119. package/dist/components/footer-inline-divider/footer-inline-divider.styles.js +8 -0
  120. package/dist/components/footer-sitemap/footer-sitemap.d.ts +23 -0
  121. package/dist/components/footer-sitemap/footer-sitemap.js +11 -0
  122. package/dist/components/footer-sitemap/footer-sitemap.styles.d.ts +2 -0
  123. package/dist/components/footer-sitemap/footer-sitemap.styles.js +8 -0
  124. package/dist/components/footer-sitemap-item/footer-sitemap-item.d.ts +20 -0
  125. package/dist/components/footer-sitemap-item/footer-sitemap-item.js +12 -0
  126. package/dist/components/footer-sitemap-item/footer-sitemap-item.styles.d.ts +2 -0
  127. package/dist/components/footer-sitemap-item/footer-sitemap-item.styles.js +8 -0
  128. package/dist/components/format-bytes/format-bytes.js +2 -2
  129. package/dist/components/format-date/format-date.js +2 -2
  130. package/dist/components/format-number/format-number.js +2 -2
  131. package/dist/components/icon/icon.js +4 -4
  132. package/dist/components/icon/library.js +2 -2
  133. package/dist/components/icon/library.system.js +1 -1
  134. package/dist/components/icon-button/icon-button.js +4 -4
  135. package/dist/components/input/input.js +6 -6
  136. package/dist/components/input-mask/input-mask.js +3 -3
  137. package/dist/components/input-phone/input-phone.js +13 -13
  138. package/dist/components/menu-item/menu-item.js +4 -4
  139. package/dist/components/option/option.js +6 -6
  140. package/dist/components/progress-bar/progress-bar.js +2 -2
  141. package/dist/components/radio/radio.d.ts +2 -0
  142. package/dist/components/radio/radio.js +6 -6
  143. package/dist/components/radio/radio.styles.js +1 -1
  144. package/dist/components/radio-button/radio-button.d.ts +4 -2
  145. package/dist/components/radio-button/radio-button.js +2 -2
  146. package/dist/components/radio-button/radio-button.styles.js +1 -1
  147. package/dist/components/radio-group/radio-group.js +1 -1
  148. package/dist/components/relative-time/relative-time.js +2 -2
  149. package/dist/components/select/select.js +7 -7
  150. package/dist/components/skip-link-item/skip-link-item.d.ts +5 -0
  151. package/dist/components/skip-link-item/skip-link-item.js +1 -1
  152. package/dist/components/skip-links/skip-links.d.ts +1 -0
  153. package/dist/components/skip-links/skip-links.js +2 -2
  154. package/dist/components/skip-links/skip-links.styles.js +1 -1
  155. package/dist/components/spinner/spinner.js +2 -2
  156. package/dist/components/step/step.js +7 -7
  157. package/dist/components/tab/tab.js +2 -2
  158. package/dist/components/tab-group/tab-group.js +2 -2
  159. package/dist/components/tag/tag.js +6 -6
  160. package/dist/components/tooltip/tooltip.js +2 -2
  161. package/dist/components/tree/tree.js +9 -9
  162. package/dist/components/tree-item/tree-item.js +7 -7
  163. package/dist/custom-elements.json +3484 -2147
  164. package/dist/design-system.d.ts +10 -0
  165. package/dist/design-system.js +155 -105
  166. package/dist/events/dsa-file-upload.d.ts +9 -0
  167. package/dist/events/dsa-file-upload.js +1 -0
  168. package/dist/events/events.d.ts +1 -0
  169. package/dist/themes/dsa-wc-theme.css +220 -19
  170. package/dist/themes/dsa-wc-theme.min.css +1 -1
  171. package/dist/themes/dsa-wc-theme.styles.js +231 -19
  172. package/dist/translations/en-gb.js +1 -1
  173. package/dist/translations/en.js +1 -1
  174. package/dist/translations/fr.js +1 -1
  175. package/dist/utilities/icon-library.js +2 -2
  176. package/dist/utilities/localize.d.ts +4 -0
  177. package/dist/utilities/localize.js +1 -1
  178. package/dist/utilities/storybook.d.ts +1 -0
  179. package/dist/utilities/storybook.js +23 -0
  180. package/dist/vscode.html-custom-data.json +458 -204
  181. package/dist/web-types.json +1596 -891
  182. package/package.json +2 -2
  183. package/dist/chunks/chunk.HRBNFVC5.js +0 -16
  184. package/dist/utilities/debounce.d.ts +0 -1
  185. package/dist/utilities/debounce.js +0 -7
package/dist/themes/dsa-wc-theme.css CHANGED
@@ -76,6 +76,7 @@
76
76
  --dsa-wc-focus-ring: var(--dsa-wc-focus-ring-style)
77
77
  var(--dsa-wc-focus-ring-width) var(--dsa-wc-focus-ring-color);
78
78
  --dsa-wc-focus-ring-offset: 1px;
79
+ --dsa-wc-focus-ring-radius: var(--dsa-radius-4);
79
80
  --dsa-wc-form-required-content: "*";
80
81
  --dsa-wc-form-required-content-offset: -2px;
81
82
  --dsa-wc-form-required-content-color: var(
@@ -108,6 +109,8 @@
108
109
  --dsa-wc-radio-color: var(--dsa-color-toggle-item-default);
109
110
  --dsa-wc-radio-color-active: var(--dsa-color-toggle-item-active);
110
111
  --dsa-wc-radio-color-disabled: var(--dsa-color-toggle-item-disabled);
112
+ --dsa-wc-radio-border-color-readonly: var(--dsa-color-toggle-item-readonly);
113
+ --dsa-wc-radio-color-readonly: var(--dsa-color-toggle-item-default);
111
114
  --dsa-wc-radio-color-hover: var(--dsa-color-toggle-item-hover);
112
115
  --dsa-wc-radio-label-font: var(--dsa-font-medium-normal);
113
116
  --dsa-wc-radio-label-font-small: var(--dsa-font-small-normal);
@@ -194,11 +197,18 @@
194
197
  --dsa-color-toggle-button-selected-on-read-only
195
198
  );
196
199
  --dsa-wc-toggle-button-read-only-checked-color: var(
197
- --dsa-color-toggle-button-default-on-read-only
200
+ --dsa-color-toggle-button-selected-on-read-only
198
201
  );
199
202
  --dsa-wc-toggle-button-read-only-checked-icon-color: var(
200
203
  --dsa-color-toggle-button-selected-on-read-only
201
204
  );
205
+ --dsa-wc-toggle-button-error-background-color: var(
206
+ --dsa-color-toggle-button-default-default
207
+ );
208
+ --dsa-wc-toggle-button-error-border-color: var(--dsa-color-toggle-item-error);
209
+ --dsa-wc-toggle-button-error-color: var(
210
+ --dsa-color-toggle-button-default-on-default
211
+ );
202
212
  --dsa-wc-toggle-button-icon-spacing: var(--dsa-spacing-8);
203
213
  --dsa-wc-toggle-button-icon-padding-x: var(--dsa-spacing-8);
204
214
  --dsa-wc-tab-font: var(--dsa-font-small-normal);
@@ -240,6 +250,30 @@
240
250
  var(--dsa-wc-card-border-color);
241
251
  --dsa-wc-card-background: var(--dsa-color-background-base);
242
252
  --dsa-wc-card-box-shadow: var(--dsa-wc-shadow-x-small);
253
+ --dsa-wc-download-card-background-color: var(--dsa-color-background-base);
254
+ --dsa-wc-download-card-left-bar-width: var(--dsa-spacing-4);
255
+ --dsa-wc-download-card-left-bar-color: var(--dsa-color-primitives-purple-500);
256
+ --dsa-wc-download-card-link-font: var(--dsa-font-large-bold);
257
+ --dsa-wc-download-card-link-color: var(--dsa-color-text-on-base-primary);
258
+ --dsa-wc-download-card-description-font: var(--dsa-font-medium-normal);
259
+ --dsa-wc-download-card-description-color: var(
260
+ --dsa-color-text-on-base-secondary
261
+ );
262
+ --dsa-wc-download-card-document-info-font: var(--dsa-font-small-normal);
263
+ --dsa-wc-download-card-document-info-color: var(
264
+ --dsa-color-text-on-base-secondary
265
+ );
266
+ --dsa-wc-download-card-icon-color: var(--dsa-color-link-on-base-default);
267
+ --dsa-wc-download-card-icon-size: 24px;
268
+ --dsa-wc-download-card-border-width: 1px;
269
+ --dsa-wc-download-card-border-color: var(--dsa-color-background-border);
270
+ --dsa-wc-download-card-border-color-hover: var(
271
+ --dsa-color-background-border-hover
272
+ );
273
+ --dsa-wc-download-card-box-shadow-hover: 0px 1px 2px rgba(113, 113, 122, 0.12);
274
+ --dsa-wc-download-card-border-color-active: var(
275
+ --dsa-color-background-selected
276
+ );
243
277
  --dsa-wc-menu-background-color: var(--dsa-color-background-base);
244
278
  --dsa-wc-menu-border: solid 1px var(--dsa-color-background-border);
245
279
  --dsa-wc-menu-border-radius: var(--dsa-spacing-4);
@@ -1022,6 +1056,23 @@
1022
1056
  --dsa-wc-error-text-font: var(--dsa-font-x-small-normal);
1023
1057
  --dsa-wc-error-text-font-small: var(--dsa-font-2x-small-normal);
1024
1058
  --dsa-wc-error-text-font-large: var(--dsa-font-small-normal);
1059
+ --dsa-wc-error-message-panel-container-background-color: var(
1060
+ --dsa-color-alert-background-neutral
1061
+ );
1062
+ --dsa-wc-error-message-panel-container-x-padding: var(--dsa-spacing-32);
1063
+ --dsa-wc-error-message-panel-y-padding: var(--dsa-spacing-16);
1064
+ --dsa-wc-error-message-panel-title-font: var(--dsa-font-large-bold);
1065
+ --dsa-wc-error-message-panel-title-color: var(
1066
+ --dsa-color-text-on-base-primary
1067
+ );
1068
+ --dsa-wc-error-message-panel-error-code-font: var(--dsa-font-medium-bold);
1069
+ --dsa-wc-error-message-panel-error-code-color: var(
1070
+ --dsa-color-text-on-base-secondary
1071
+ );
1072
+ --dsa-wc-error-message-panel-description-font: var(--dsa-font-medium-normal);
1073
+ --dsa-wc-error-message-panel-description-color: var(
1074
+ --dsa-color-text-on-base-primary
1075
+ );
1025
1076
  --dsa-wc-accordion-icon-color: var(--dsa-color-icon-on-base-default);
1026
1077
  --dsa-wc-accordion-disabled-icon-color: var(
1027
1078
  --dsa-color-icon-on-base-disabled
@@ -1202,14 +1253,56 @@
1202
1253
  --dsa-wc-stepper-icon-in-progress-size: 12px;
1203
1254
  --dsa-wc-link-on-base-color: var(--dsa-color-link-on-base-default);
1204
1255
  --dsa-wc-link-on-contrasted-color: var(
1205
- --dsa-color-link-on-contrasted-visited
1256
+ --dsa-color-link-on-contrasted-default
1257
+ );
1258
+ --dsa-wc-link-on-layer-color: var(--dsa-color-link-on-layer-default);
1259
+ --dsa-wc-link-floating-menu-color: var(
1260
+ --dsa-color-link-floating-menu-default
1261
+ );
1262
+ --dsa-wc-link-hover-on-base-color: var(--dsa-color-link-on-base-hover);
1263
+ --dsa-wc-link-hover-on-contrasted-color: var(
1264
+ --dsa-color-link-on-contrasted-hover
1265
+ );
1266
+ --dsa-wc-link-hover-on-layer-color: var(--dsa-color-link-on-layer-hover);
1267
+ --dsa-wc-link-hover-floating-menu-color: var(
1268
+ --dsa-color-link-floating-menu-hover
1269
+ );
1270
+ --dsa-wc-link-active-on-base-color: var(--dsa-color-link-on-base-active);
1271
+ --dsa-wc-link-active-on-contrasted-color: var(
1272
+ --dsa-color-link-on-contrasted-active
1273
+ );
1274
+ --dsa-wc-link-active-on-layer-color: var(--dsa-color-link-on-layer-active);
1275
+ --dsa-wc-link-active-floating-menu-color: var(
1276
+ --dsa-color-link-floating-menu-active
1206
1277
  );
1207
1278
  --dsa-wc-link-visited-on-base-color: var(--dsa-color-link-on-base-visited);
1208
1279
  --dsa-wc-link-visited-on-contrasted-color: var(
1209
- --dsa-color-link-on-contrasted-default
1280
+ --dsa-color-link-on-contrasted-visited
1281
+ );
1282
+ --dsa-wc-link-visited-on-layer-color: var(--dsa-color-link-on-layer-visited);
1283
+ --dsa-wc-link-visited-floating-menu-color: var(
1284
+ --dsa-color-link-floating-menu-visited
1210
1285
  );
1211
1286
  --dsa-wc-link-underline-thickness: 1px;
1212
1287
  --dsa-wc-link-hover-underline-thickness-multiplier: 2;
1288
+ --dsa-wc-link-document-info-on-base-color: var(
1289
+ --dsa-color-text-on-base-secondary
1290
+ );
1291
+ --dsa-wc-link-document-info-on-layer-color: var(
1292
+ --dsa-color-text-on-layer-secondary
1293
+ );
1294
+ --dsa-wc-link-document-info-on-contrasted-color: var(
1295
+ --dsa-color-text-on-contrasted
1296
+ );
1297
+ --dsa-wc-link-document-info-floating-menu-color: var(
1298
+ --dsa-color-text-on-floating-menu-secondary
1299
+ );
1300
+ --dsa-wc-link-font-x-large: var(--dsa-font-x-large-normal);
1301
+ --dsa-wc-link-font-large: var(--dsa-font-large-normal);
1302
+ --dsa-wc-link-font: var(--dsa-font-medium-normal);
1303
+ --dsa-wc-link-font-small: var(--dsa-font-small-normal);
1304
+ --dsa-wc-link-font-x-small: var(--dsa-font-x-small-normal);
1305
+ --dsa-wc-link-font-2x-small: var(--dsa-font-2x-small-normal);
1213
1306
  --dsa-wc-skip-link-on-layer-background: var(--dsa-color-background-layer);
1214
1307
  --dsa-wc-skip-link-padding-x: var(--dsa-spacing-48);
1215
1308
  --dsa-wc-skip-link-padding-y: var(--dsa-spacing-12);
@@ -1227,6 +1320,54 @@
1227
1320
  --dsa-wc-skip-link-item-color-active: var(
1228
1321
  --dsa-color-button-on-base-navigation-active
1229
1322
  );
1323
+ --dsa-wc-file-upload-label-font-small: var(--dsa-font-small-bold);
1324
+ --dsa-wc-file-upload-label-font-medium: var(--dsa-font-medium-bold);
1325
+ --dsa-wc-file-upload-label-font-large: var(--dsa-font-large-bold);
1326
+ --dsa-wc-file-upload-help-text-font-small: var(--dsa-font-x-small-normal);
1327
+ --dsa-wc-file-upload-help-text-font-medium: var(--dsa-font-small-normal);
1328
+ --dsa-wc-file-upload-help-text-font-large: var(--dsa-font-medium-normal);
1329
+ --dsa-wc-file-upload-error-text-font-small: var(--dsa-font-x-small-normal);
1330
+ --dsa-wc-file-upload-error-text-font-medium: var(--dsa-font-small-normal);
1331
+ --dsa-wc-file-upload-error-text-font-large: var(--dsa-font-medium-normal);
1332
+ --dsa-wc-file-upload-clear-icon-small-size: 0.875rem;
1333
+ --dsa-wc-file-upload-clear-icon-medium-size: 1rem;
1334
+ --dsa-wc-file-upload-clear-icon-large-size: 1.25rem;
1335
+ --dsa-wc-footer-background: var(--dsa-color-background-layer);
1336
+ --dsa-wc-footer-divider-spacing: var(--dsa-spacing-32);
1337
+ --dsa-wc-footer-top-spacing: var(--dsa-spacing-24);
1338
+ --dsa-wc-footer-bottom-spacing: var(--dsa-spacing-32);
1339
+ --dsa-wc-footer-padding-x: var(--dsa-spacing-16);
1340
+ --dsa-wc-footer-padding-y: var(--dsa-spacing-40);
1341
+ --dsa-wc-footer-medium-padding-x: var(--dsa-spacing-24);
1342
+ --dsa-wc-footer-medium-padding-y: var(--dsa-spacing-40);
1343
+ --dsa-wc-footer-x-large-padding-x: 200px;
1344
+ --dsa-wc-footer-x-large-padding-y: var(--dsa-spacing-40);
1345
+ --dsa-wc-footer-content-block-spacing: var(--dsa-spacing-16);
1346
+ --dsa-wc-footer-content-block-max-width: 800px;
1347
+ --dsa-wc-footer-content-block-title-font: var(--dsa-font-medium-bold);
1348
+ --dsa-wc-footer-content-block-title-color: var(
1349
+ --dsa-color-text-on-base-secondary
1350
+ );
1351
+ --dsa-wc-footer-content-block-title-margin: 0px;
1352
+ --dsa-wc-footer-content-block-content-font: var(--dsa-font-small-normal);
1353
+ --dsa-wc-footer-content-block-content-color: var(
1354
+ --dsa-color-text-on-base-secondary
1355
+ );
1356
+ --dsa-wc-footer-content-block-content-margin: 0px;
1357
+ --dsa-wc-footer-inline-divider-spacing: var(--dsa-spacing-8);
1358
+ --dsa-wc-footer-inline-divider-vertical-size: 12px;
1359
+ --dsa-wc-footer-inline-divider-text-font: var(--dsa-font-x-small-normal);
1360
+ --dsa-wc-footer-inline-divider-text-color: var(
1361
+ --dsa-color-text-on-base-secondary
1362
+ );
1363
+ --dsa-wc-footer-inline-divider-text-margin: 0px;
1364
+ --dsa-wc-footer-sitemap-spacing: var(--dsa-spacing-8);
1365
+ --dsa-wc-footer-sitemap-list-spacing: var(--dsa-spacing-16);
1366
+ --dsa-wc-footer-sitemap-list-vertical-spacing: var(--dsa-spacing-4);
1367
+ --dsa-wc-footer-sitemap-label-font: var(--dsa-font-medium-bold);
1368
+ --dsa-wc-footer-sitemap-label-color: var(--dsa-color-text-on-base-secondary);
1369
+ --dsa-wc-footer-sitemap-list-font: var(--dsa-font-small-normal);
1370
+ --dsa-wc-footer-sitemap-label-margin: 0px;
1230
1371
  --dsa-wc-z-index-drawer: 700;
1231
1372
  --dsa-wc-z-index-dialog: 800;
1232
1373
  --dsa-wc-z-index-dropdown: 900;
@@ -1271,34 +1412,94 @@
1271
1412
  font-size: inherit;
1272
1413
  color: var(--dsa-wc-link-on-base-color);
1273
1414
  text-decoration: none;
1274
- position: relative;
1415
+ border-bottom-width: var(--dsa-wc-link-underline-thickness);
1416
+ border-bottom-style: solid;
1417
+ transition: border-width 0.1s ease-out;
1418
+ }
1419
+ .dsa-link--with-prefix {
1420
+ display: flex;
1421
+ flex-direction: row;
1422
+ align-items: center;
1423
+ border-bottom-style: solid;
1424
+ border-bottom-color: transparent;
1425
+ transition: none;
1426
+ }
1427
+ .dsa-link--on-sitemap {
1428
+ transition: none;
1429
+ border-bottom-style: none;
1430
+ color: var(--dsa-color-text-on-layer-primary);
1275
1431
  }
1276
1432
  .dsa-link--on-contrasted {
1277
1433
  color: var(--dsa-wc-link-on-contrasted-color);
1278
1434
  }
1279
- .dsa-link::after {
1280
- content: "";
1281
- position: absolute;
1282
- bottom: 0;
1283
- right: 0;
1284
- left: 0;
1285
- height: var(--dsa-wc-link-underline-thickness);
1286
- width: 100%;
1287
- background: currentColor;
1288
- transform: scaleY(
1289
- var(--dsa-wc-link-hover-underline-thickness-multiplier) * 100%
1290
- );
1291
- transition: transform 0.1s ease-out;
1435
+ .dsa-link--on-layer {
1436
+ color: var(--dsa-wc-link-on-layer-color);
1437
+ }
1438
+ .dsa-link--floating-menu {
1439
+ color: var(--dsa-wc-link-floating-menu-color);
1440
+ }
1441
+ .dsa-link:hover {
1442
+ color: var(--dsa-wc-link-hover-on-base-color);
1443
+ border-bottom-width: calc(
1444
+ var(--dsa-wc-link-underline-thickness) *
1445
+ var(--dsa-wc-link-hover-underline-thickness-multiplier)
1446
+ );
1447
+ }
1448
+ .dsa-link--with-prefix:hover {
1449
+ border-bottom-width: var(--dsa-wc-link-underline-thickness);
1450
+ border-bottom-color: var(--dsa-wc-link-on-base-color);
1451
+ color: var(--dsa-wc-link-hover-on-base-color);
1452
+ }
1453
+ .dsa-link--on-sitemap:hover {
1454
+ border-bottom-style: solid;
1455
+ border-bottom-width: var(--dsa-wc-link-underline-thickness);
1456
+ color: var(--dsa-color-text-on-layer-primary);
1457
+ }
1458
+ .dsa-link--on-contrasted:hover {
1459
+ color: var(--dsa-wc-link-hover-on-contrasted-color);
1460
+ }
1461
+ .dsa-link--on-layer:hover {
1462
+ color: var(--dsa-wc-link-hover-on-layer-color);
1292
1463
  }
1293
- .dsa-link:hover::after {
1294
- transform: scaleY(200%);
1464
+ .dsa-link--floating-menu:hover {
1465
+ color: var(--dsa-wc-link-hover-floating-menu-color);
1295
1466
  }
1296
1467
  .dsa-link:visited {
1297
1468
  color: var(--dsa-wc-link-visited-on-base-color);
1298
1469
  }
1470
+ .dsa-link--with-prefix:visited {
1471
+ color: var(--dsa-wc-link-visited-on-base-color);
1472
+ }
1473
+ .dsa-link--on-sitemap:visited {
1474
+ color: var(--dsa-wc-link-visited-on-base-color);
1475
+ }
1299
1476
  .dsa-link--on-contrasted:visited {
1300
1477
  color: var(--dsa-wc-link-visited-on-contrasted-color);
1301
1478
  }
1479
+ .dsa-link--on-layer:visited {
1480
+ color: var(--dsa-wc-link-visited-on-layer-color);
1481
+ }
1482
+ .dsa-link--floating-menu:visited {
1483
+ color: var(--dsa-wc-link-visited-floating-menu-color);
1484
+ }
1485
+ .dsa-link:active {
1486
+ color: var(--dsa-wc-link-active-on-base-color);
1487
+ }
1488
+ .dsa-link--with-prefix:active {
1489
+ color: var(--dsa-wc-link-active-on-base-color);
1490
+ }
1491
+ .dsa-link--on-sitemap:active {
1492
+ color: var(--dsa-wc-link-active-on-base-color);
1493
+ }
1494
+ .dsa-link--on-contrasted:active {
1495
+ color: var(--dsa-wc-link-active-on-contrasted-color);
1496
+ }
1497
+ .dsa-link--on-layer:active {
1498
+ color: var(--dsa-wc-link-active-on-layer-color);
1499
+ }
1500
+ .dsa-link--floating-menu:active {
1501
+ color: var(--dsa-wc-link-active-floating-menu-color);
1502
+ }
1302
1503
  .dsa-link:focus-visible {
1303
1504
  outline: var(--dsa-wc-focus-ring);
1304
1505
  border-radius: var(--dsa-wc-focus-ring-radius);
package/dist/themes/dsa-wc-theme.min.css CHANGED
@@ -1 +1 @@
1
- :root,:host,.dsa-wc{--dsa-wc-transition-x-slow: 1s;--dsa-wc-transition-slow: .5s;--dsa-wc-transition-medium: .25s;--dsa-wc-transition-fast: .15s;--dsa-wc-transition-x-fast: 50ms;--dsa-wc-alert-padding: var(--dsa-spacing-16);--dsa-wc-alert-icon-size: 1.8em;--dsa-wc-alert-icon-margin-inline: 1rem;--dsa-wc-alert-border-radius: var(--dsa-spacing-4);--dsa-wc-alert-border-color: var(--dsa-color-alert-border-primary);--dsa-wc-alert-border-width: 1px;--dsa-wc-alert-text-gap: .5rem;--dsa-wc-alert-title-font: var(--dsa-font-medium-bold);--dsa-wc-alert-title-color: var(--dsa-color-alert-title-on-primary);--dsa-wc-alert-title-padding-top: .125rem;--dsa-wc-alert-message-font: var(--dsa-font-medium-normal);--dsa-wc-alert-message-color: var(--dsa-color-alert-text-on-primary);--dsa-wc-alert-message-padding: 1.25rem;--dsa-wc-alert-primary-icon-color: var(--dsa-color-alert-icon-primary);--dsa-wc-alert-primary-background-color: var( --dsa-color-alert-background-primary );--dsa-wc-alert-danger-icon-color: var(--dsa-color-alert-icon-danger);--dsa-wc-alert-danger-background-color: var( --dsa-color-alert-background-danger );--dsa-wc-alert-success-icon-color: var(--dsa-color-alert-icon-success);--dsa-wc-alert-success-background-color: var( --dsa-color-alert-background-success );--dsa-wc-alert-warning-icon-color: var(--dsa-color-alert-icon-warning);--dsa-wc-alert-warning-background-color: var( --dsa-color-alert-background-warning );--dsa-wc-alert-neutral-icon-color: var(--dsa-color-alert-icon-neutral);--dsa-wc-alert-neutral-background-color: var( --dsa-color-alert-background-neutral );--dsa-wc-dialog-spacing: var(--dsa-spacing-24);--dsa-wc-dialog-overlay: var(--dsa-color-background-overlay);--dsa-wc-dialog-font: var(--dsa-font-medium-normal);--dsa-wc-dialog-size: 36.25rem;--dsa-wc-dialog-size-small: 23.125rem;--dsa-wc-dialog-size-large: 50rem;--dsa-wc-dialog-header-title-font: var(--dsa-font-medium-bold);--dsa-wc-dialog-header-icon-size: 1.5rem;--dsa-wc-dialog-header-actions-gap: var(--dsa-spacing-4);--dsa-wc-dialog-header-icon-spacing: .5rem;--dsa-wc-dialog-header-icon-color: var(--dsa-color-icon-on-base-default);--dsa-wc-dialog-scrollbar-width: .25rem;--dsa-wc-dialog-scrollbar-color: var(--dsa-color-background-scrollbar);--dsa-wc-dialog-scrollbar-radius: var(--dsa-spacing-4);--dsa-wc-dialog-panel-color: var(--dsa-color-background-base);--dsa-wc-dialog-panel-border-radius: var(--dsa-radius-8);--dsa-wc-dialog-panel-gutter: var(--dsa-spacing-40);--dsa-wc-dialod-panel-box-shadow: 0px 3px 11px rgba(113, 113, 122, .12);--dsa-wc-dialog-footer-border: 1px solid var(--dsa-color-background-border);--dsa-wc-dialog-footer-content-margin: var(--dsa-spacing-8);--dsa-wc-form-font: var(--dsa-font-medium-normal);--dsa-wc-form-font-small: var(--dsa-font-small-normal);--dsa-wc-form-font-large: var(--dsa-font-large-normal);--dsa-wc-form-border-radius: var(--dsa-spacing-4);--dsa-wc-form-input-height: 2.5rem;--dsa-wc-form-input-height-small: 1.875rem;--dsa-wc-form-input-height-large: 3rem;--dsa-wc-form-input-border-width: 1px;--dsa-wc-form-input-autocomplete-background: var( --dsa-color-input-background-on-base-autocomplete );--dsa-wc-focus-ring-color: var(--dsa-color-background-focus-ring);--dsa-wc-focus-ring-style: solid;--dsa-wc-focus-ring-width: 3px;--dsa-wc-focus-ring: var(--dsa-wc-focus-ring-style) var(--dsa-wc-focus-ring-width) var(--dsa-wc-focus-ring-color);--dsa-wc-focus-ring-offset: 1px;--dsa-wc-form-required-content: "*";--dsa-wc-form-required-content-offset: -2px;--dsa-wc-form-required-content-color: var( --dsa-color-input-label-on-base-error );--dsa-wc-checkbox-color: var(--dsa-color-toggle-item-default);--dsa-wc-checkbox-color-disabled: var(--dsa-color-toggle-item-disabled);--dsa-wc-checkbox-color-active: var(--dsa-color-toggle-item-active);--dsa-wc-checkbox-color-hover: var(--dsa-color-toggle-item-hover);--dsa-wc-checkbox-background-color: var(--dsa-color-background-base);--dsa-wc-checkbox-font: var(--dsa-font-medium-normal);--dsa-wc-checkbox-font-small: var(--dsa-font-small-normal);--dsa-wc-checkbox-font-large: var(--dsa-font-large-normal);--dsa-wc-checkbox-size: 1.125rem;--dsa-wc-checkbox-size-small: .875rem;--dsa-wc-checkbox-size-large: 1.375rem;--dsa-wc-checkbox-label-color: var(--dsa-color-text-on-base-primary);--dsa-wc-checkbox-label-color-disabled: var( --dsa-color-text-on-base-disabled );--dsa-wc-checkbox-label-color-error: var(--dsa-color-text-on-base-error);--dsa-wc-checkbox-icon-color: var(--dsa-color-background-base);--dsa-wc-checkbox-border-width: 1px;--dsa-wc-checkbox-border-color: var(--dsa-wc-checkbox-color);--dsa-wc-checkbox-border: solid var(--dsa-wc-checkbox-border-width) var(--dsa-wc-checkbox-color);--dsa-wc-checkbox-border-radius: 6px;--dsa-wc-checkbox-border-radius-small: var(--dsa-spacing-4);--dsa-wc-checkbox-error-text-margin-top: 10px;--dsa-wc-radio-color: var(--dsa-color-toggle-item-default);--dsa-wc-radio-color-active: var(--dsa-color-toggle-item-active);--dsa-wc-radio-color-disabled: var(--dsa-color-toggle-item-disabled);--dsa-wc-radio-color-hover: var(--dsa-color-toggle-item-hover);--dsa-wc-radio-label-font: var(--dsa-font-medium-normal);--dsa-wc-radio-label-font-small: var(--dsa-font-small-normal);--dsa-wc-radio-label-font-large: var(--dsa-font-large-normal);--dsa-wc-radio-label-color: var(--dsa-color-text-on-base-primary);--dsa-wc-radio-label-color-disabled: var(--dsa-color-text-on-base-disabled);--dsa-wc-radio-size: 1.125rem;--dsa-wc-radio-size-small: .875rem;--dsa-wc-radio-size-large: 1.375rem;--dsa-wc-radio-icon-size: .875rem;--dsa-wc-radio-icon-size-small: .75rem;--dsa-wc-radio-icon-size-large: 1.125rem;--dsa-wc-radio-border-width: .125rem;--dsa-wc-radio-border-width-small: .099rem;--dsa-wc-toggle-group-spacing-label-toggles: var(--dsa-spacing-16);--dsa-wc-toggle-group-spacing-label-button: var(--dsa-spacing-8);--dsa-wc-toggle-group-spacing: var(--dsa-spacing-16);--dsa-wc-toggle-button-background-color: var( --dsa-color-toggle-button-default-default );--dsa-wc-toggle-button-border-color: transparent;--dsa-wc-toggle-button-color: var( --dsa-color-toggle-button-default-on-default );--dsa-wc-toggle-button-hover-background-color: var( --dsa-color-toggle-button-default-hover );--dsa-wc-toggle-button-hover-border-color: transparent;--dsa-wc-toggle-button-hover-color: var( --dsa-color-toggle-button-default-on-hover );--dsa-wc-toggle-button-active-background-color: var( --dsa-color-toggle-button-default-active );--dsa-wc-toggle-button-active-border-color: transparent;--dsa-wc-toggle-button-active-color: var( --dsa-color-toggle-button-default-on-active );--dsa-wc-toggle-button-disabled-background-color: var( --dsa-color-toggle-button-default-disabled );--dsa-wc-toggle-button-disabled-border-color: transparent;--dsa-wc-toggle-button-disabled-color: var( --dsa-color-toggle-button-default-on-disabled );--dsa-wc-toggle-button-checked-background-color: var( --dsa-color-toggle-button-selected-default );--dsa-wc-toggle-button-checked-border-color: var( --dsa-color-toggle-button-selected-on-default );--dsa-wc-toggle-button-checked-color: var( --dsa-color-toggle-button-selected-on-default );--dsa-wc-toggle-button-checked-hover-background-color: var( --dsa-color-toggle-button-selected-hover );--dsa-wc-toggle-button-checked-hover-border-color: var( --dsa-color-toggle-button-selected-on-hover );--dsa-wc-toggle-button-checked-hover-color: var( --dsa-color-toggle-button-selected-on-hover );--dsa-wc-toggle-button-checked-active-background-color: var( --dsa-color-toggle-button-selected-active );--dsa-wc-toggle-button-checked-active-border-color: var( --dsa-color-toggle-button-selected-on-active );--dsa-wc-toggle-button-checked-active-color: var( --dsa-color-toggle-button-selected-on-active );--dsa-wc-toggle-button-read-only-background-color: var( --dsa-color-toggle-button-default-read-only );--dsa-wc-toggle-button-read-only-border-color: transparent;--dsa-wc-toggle-button-read-only-color: var( --dsa-color-toggle-button-default-on-read-only );--dsa-wc-toggle-button-read-only-checked-background-color: var( --dsa-color-toggle-button-selected-read-only );--dsa-wc-toggle-button-read-only-checked-border-color: var( --dsa-color-toggle-button-selected-on-read-only );--dsa-wc-toggle-button-read-only-checked-color: var( --dsa-color-toggle-button-default-on-read-only );--dsa-wc-toggle-button-read-only-checked-icon-color: var( --dsa-color-toggle-button-selected-on-read-only );--dsa-wc-toggle-button-icon-spacing: var(--dsa-spacing-8);--dsa-wc-toggle-button-icon-padding-x: var(--dsa-spacing-8);--dsa-wc-tab-font: var(--dsa-font-small-normal);--dsa-wc-tab-font-active-tab: var(--dsa-font-small-bold);--dsa-wc-tab-border-radius: var(--dsa-radius-0);--dsa-wc-tab-color: var(--dsa-color-tab-text-primary-default);--dsa-wc-tab-color-disabled: var(--dsa-color-tab-text-primary-disabled);--dsa-wc-tab-color-hover: var(--dsa-color-tab-text-primary-hover);--dsa-wc-tab-color-active-tab: var(--dsa-color-tab-text-primary-active);--dsa-wc-tab-padding: var(--dsa-spacing-16) var(--dsa-spacing-24);--dsa-wc-tab-closable-padding-inline-start: var(--dsa-spacing-8);--dsa-wc-tab-close-size: var(--dsa-spacing-16);--dsa-wc-tab-close-padding: 0;--dsa-wc-tab-group-indicator-color: var(--dsa-color-tab-decoration-primary);--dsa-wc-tab-group-indicator-track-width: 2px;--dsa-wc-tab-group-track-color: var(--dsa-color-background-divider);--dsa-wc-tab-group-track-width: 1px;--dsa-wc-icon-button-color: var( --dsa-color-button-on-base-navigation-enabled );--dsa-wc-icon-button-color-hover: var( --dsa-color-button-on-base-navigation-hover );--dsa-wc-icon-button-color-active: var( --dsa-color-button-on-base-navigation-active );--dsa-wc-icon-button-color-disabled: var( --dsa-color-button-on-base-navigation-disabled );--dsa-wc-icon-button-border-radius: var(--dsa-radius-4);--dsa-wc-icon-button-padding: var(--dsa-spacing-8);--dsa-wc-card-body-font: var(--dsa-font-medium-normal);--dsa-wc-card-title-font: var(--dsa-font-medium-bold);--dsa-wc-card-border-width: 1px;--dsa-wc-card-border-color: #e4e4e7;--dsa-wc-card-border-radius: .25rem;--dsa-wc-card-padding: var(--dsa-spacing-24);--dsa-wc-card-border: var(--dsa-wc-card-border-width) solid var(--dsa-wc-card-border-color);--dsa-wc-card-background: var(--dsa-color-background-base);--dsa-wc-card-box-shadow: var(--dsa-wc-shadow-x-small);--dsa-wc-menu-background-color: var(--dsa-color-background-base);--dsa-wc-menu-border: solid 1px var(--dsa-color-background-border);--dsa-wc-menu-border-radius: var(--dsa-spacing-4);--dsa-wc-menu-padding: var(--dsa-spacing-8) 0;--dsa-wc-menu-divider-spacing: .5rem;--dsa-wc-menu-item-font: var(--dsa-font-small-normal);--dsa-wc-menu-item-small-font: var(--dsa-font-x-small-normal);--dsa-wc-menu-item-large-font: var(--dsa-font-medium-normal);--dsa-wc-menu-item-color: var(--dsa-color-text-on-base-primary);--dsa-wc-menu-item-disabled-color: var(--dsa-color-text-on-base-disabled);--dsa-wc-menu-item-background-color: var(--dsa-color-background-base);--dsa-wc-menu-item-hover-background-color: var( --dsa-color-background-base-hover );--dsa-wc-menu-item-margin-inline-start: var(--dsa-spacing-8);--dsa-wc-menu-item-margin-inline-end: var(--dsa-spacing-8);--dsa-wc-menu-item-padding-right: var(--dsa-spacing-24);--dsa-wc-menu-item-padding-left: var(--dsa-spacing-4);--dsa-wc-menu-item-padding: 10px var(--dsa-wc-menu-item-padding-right) 10px var(--dsa-wc-menu-item-padding-left);--dsa-wc-menu-item-small-padding: 7px var(--dsa-wc-menu-item-padding-right) 7px var(--dsa-wc-menu-item-padding-left);--dsa-wc-menu-item-large-padding: 13px var(--dsa-wc-menu-item-padding-right) 13px var(--dsa-wc-menu-item-padding-left);--dsa-wc-menu-item-focus-ring-offset: -2px;--dsa-wc-menu-label-font: var(--dsa-font-small-bold);--dsa-wc-menu-label-color: var(--dsa-color-text-on-base-secondary);--dsa-wc-menu-label-padding: .25rem 1.75rem;--dsa-wc-option-color: var(--dsa-color-text-on-base-primary);--dsa-wc-option-hover-color: var(--dsa-color-background-base-hover);--dsa-wc-option-error-color: var(--dsa-color-icon-on-base-error);--dsa-wc-option-active-color: var(--dsa-color-text-on-contrasted);--dsa-wc-option-active-background-color: var( --dsa-color-background-contrasted );--dsa-wc-option-active-hover-background-color: var( --dsa-color-primitives-purple-900 );--dsa-wc-option-disabled-color: var(--dsa-color-text-on-base-disabled);--dsa-wc-option-font: var(--dsa-font-small-normal);--dsa-wc-option-icon-size: 1.25rem;--dsa-wc-option-padding: var(--dsa-spacing-12) var(--dsa-spacing-24) var(--dsa-spacing-12) var(--dsa-spacing-4);--dsa-wc-option-small-font: var(--dsa-font-x-small-normal);--dsa-wc-option-small-icon-size: 1.125rem;--dsa-wc-option-small-padding: var(--dsa-spacing-8) var(--dsa-spacing-24) var(--dsa-spacing-8) var(--dsa-spacing-4);--dsa-wc-option-large-font: var(--dsa-font-medium-normal);--dsa-wc-option-large-icon-size: 1.5rem;--dsa-wc-option-large-padding: var(--dsa-spacing-12) var(--dsa-spacing-24) var(--dsa-spacing-12) var(--dsa-spacing-4);--dsa-wc-option-check-icon-horizontal-padding: var(--dsa-spacing-4);--dsa-wc-badge-font: var(--dsa-font-x-small-bold);--dsa-wc-badge-dot-font: var(--dsa-font-2x-small-bold);--dsa-wc-badge-dot-padding: 4px 8px;--dsa-wc-badge-border-radius: 32px;--dsa-wc-badge-dot-size: 24px;--dsa-wc-badge-background-color-primary: var( --dsa-color-badge-background-primary );--dsa-wc-badge-background-color-success: var( --dsa-color-badge-background-success );--dsa-wc-badge-background-color-warning: var( --dsa-color-badge-background-warning );--dsa-wc-badge-background-color-danger: var( --dsa-color-badge-background-danger );--dsa-wc-badge-background-color-neutral: var( --dsa-color-badge-background-neutral );--dsa-wc-badge-text-color-primary: var(--dsa-color-badge-text-on-primary);--dsa-wc-badge-text-color-success: var(--dsa-color-badge-text-on-success);--dsa-wc-badge-text-color-warning: var(--dsa-color-badge-text-on-warning);--dsa-wc-badge-text-color-neutral: var(--dsa-color-badge-text-on-neutral);--dsa-wc-badge-text-color-danger: var(--dsa-color-badge-text-on-danger);--dsa-wc-button-font: var(--dsa-font-button-medium);--dsa-wc-button-font-small: var(--dsa-font-button-small);--dsa-wc-button-font-large: var(--dsa-font-button-large);--dsa-wc-button-border-radius: var(--dsa-wc-form-border-radius);--dsa-wc-button-border-width: 1px;--dsa-wc-button-padding-horizontal: var(--dsa-spacing-12);--dsa-wc-button-caret-margin-inline-start: var(--dsa-spacing-4);--dsa-wc-button-icon-spacing: var(--dsa-spacing-4);--dsa-wc-button-primary-on-base-color: var( --dsa-color-button-on-base-primary-enabled );--dsa-wc-button-primary-on-base-font-color: var( --dsa-color-button-on-base-primary-on-enabled );--dsa-wc-button-primary-on-base-hover-color: var( --dsa-color-button-on-base-primary-hover );--dsa-wc-button-primary-on-base-hover-font-color: var( --dsa-color-button-on-base-primary-on-hover );--dsa-wc-button-primary-on-base-active-color: var( --dsa-color-button-on-base-primary-active );--dsa-wc-button-primary-on-base-active-font-color: var( --dsa-color-button-on-base-primary-on-active );--dsa-wc-button-primary-on-base-disabled-color: var( --dsa-color-button-on-base-primary-disabled );--dsa-wc-button-primary-on-base-disabled-font-color: var( --dsa-color-button-on-base-primary-on-disabled );--dsa-wc-button-primary-on-base-loading-color: var( --dsa-color-button-on-base-primary-disabled );--dsa-wc-button-primary-on-base-loading-font-color: var( --dsa-color-button-on-base-primary-hover );--dsa-wc-button-primary-on-base-loading-spinner-track-color: var( --dsa-color-spinner-purple-on-button-base );--dsa-wc-button-primary-on-base-loading-spinner-indicator-color: var( --dsa-color-spinner-purple-on-button-on-base );--dsa-wc-button-primary-on-floating-menu-color: var( --dsa-color-button-on-floating-menu-primary-enabled );--dsa-wc-button-primary-on-floating-menu-font-color: var( --dsa-color-button-on-floating-menu-primary-on-enabled );--dsa-wc-button-primary-on-floating-menu-hover-color: var( --dsa-color-button-on-floating-menu-primary-hover );--dsa-wc-button-primary-on-floating-menu-hover-font-color: var( --dsa-color-button-on-floating-menu-primary-on-hover );--dsa-wc-button-primary-on-floating-menu-active-color: var( --dsa-color-button-on-floating-menu-primary-active );--dsa-wc-button-primary-on-floating-menu-active-font-color: var( --dsa-color-button-on-floating-menu-primary-on-active );--dsa-wc-button-primary-on-floating-menu-disabled-color: var( --dsa-color-button-on-floating-menu-primary-disabled );--dsa-wc-button-primary-on-floating-menu-disabled-font-color: var( --dsa-color-button-on-floating-menu-primary-on-disabled );--dsa-wc-button-primary-on-floating-menu-loading-color: var( --dsa-color-button-on-floating-menu-primary-disabled );--dsa-wc-button-primary-on-floating-menu-loading-font-color: var( --dsa-color-button-on-floating-menu-primary-hover );--dsa-wc-button-primary-on-floating-menu-loading-spinner-track-color: var( --dsa-color-spinner-green-on-button-base );--dsa-wc-button-primary-on-floating-menu-loading-spinner-indicator-color: var( --dsa-color-spinner-green-on-button-on-base );--dsa-wc-button-secondary-on-base-color: var( --dsa-color-button-on-base-secondary-enabled );--dsa-wc-button-secondary-on-base-font-color: var( --dsa-color-button-on-base-secondary-on-enabled );--dsa-wc-button-secondary-on-base-hover-color: var( --dsa-color-button-on-base-secondary-hover );--dsa-wc-button-secondary-on-base-hover-font-color: var( --dsa-color-button-on-base-secondary-on-hover );--dsa-wc-button-secondary-on-base-active-color: var( --dsa-color-button-on-base-secondary-active );--dsa-wc-button-secondary-on-base-active-font-color: var( --dsa-color-button-on-base-secondary-on-active );--dsa-wc-button-secondary-on-base-disabled-color: var( --dsa-color-button-on-base-secondary-disabled );--dsa-wc-button-secondary-on-base-disabled-font-color: var( --dsa-color-button-on-base-secondary-on-disabled );--dsa-wc-button-secondary-on-base-loading-color: var( --dsa-color-button-on-base-secondary-disabled );--dsa-wc-button-secondary-on-base-loading-font-color: var( --dsa-color-button-on-base-secondary-hover );--dsa-wc-button-secondary-on-base-loading-spinner-track-color: var( --dsa-color-spinner-purple-on-button-base );--dsa-wc-button-secondary-on-base-loading-spinner-indicator-color: var( --dsa-color-spinner-purple-on-button-on-base );--dsa-wc-button-secondary-on-floating-menu-color: var( --dsa-color-button-on-floating-menu-secondary-enabled );--dsa-wc-button-secondary-on-floating-menu-font-color: var( --dsa-color-button-on-floating-menu-secondary-on-enabled );--dsa-wc-button-secondary-on-floating-menu-hover-color: var( --dsa-color-button-on-floating-menu-secondary-hover );--dsa-wc-button-secondary-on-floating-menu-hover-font-color: var( --dsa-color-button-on-floating-menu-secondary-on-hover );--dsa-wc-button-secondary-on-floating-menu-active-color: var( --dsa-color-button-on-floating-menu-secondary-active );--dsa-wc-button-secondary-on-floating-menu-active-font-color: var( --dsa-color-button-on-floating-menu-secondary-on-active );--dsa-wc-button-secondary-on-floating-menu-disabled-color: var( --dsa-color-button-on-floating-menu-secondary-disabled );--dsa-wc-button-secondary-on-floating-menu-disabled-font-color: var( --dsa-color-button-on-floating-menu-secondary-on-disabled );--dsa-wc-button-secondary-on-floating-menu-loading-color: var( --dsa-color-button-on-floating-menu-secondary-disabled );--dsa-wc-button-secondary-on-floating-menu-loading-font-color: var( --dsa-color-button-on-floating-menu-secondary-hover );--dsa-wc-button-secondary-on-floating-menu-loading-spinner-track-color: var( --dsa-color-spinner-green-on-button-base );--dsa-wc-button-secondary-on-floating-menu-loading-spinner-indicator-color: var( --dsa-color-spinner-green-on-button-on-base );--dsa-wc-button-tertiary-on-base-color: transparent;--dsa-wc-button-tertiary-on-base-font-color: var( --dsa-color-button-on-base-tertiary-enabled );--dsa-wc-button-tertiary-on-base-hover-color: transparent;--dsa-wc-button-tertiary-on-base-hover-font-color: var( --dsa-color-button-on-base-tertiary-on-hover );--dsa-wc-button-tertiary-on-base-active-color: transparent;--dsa-wc-button-tertiary-on-base-active-font-color: var( --dsa-color-button-on-base-tertiary-on-active );--dsa-wc-button-tertiary-on-base-disabled-color: transparent;--dsa-wc-button-tertiary-on-base-disabled-font-color: var( --dsa-color-button-on-base-tertiary-on-disabled );--dsa-wc-button-tertiary-on-base-loading-color: transparent;--dsa-wc-button-tertiary-on-base-loading-font-color: var( --dsa-color-button-on-base-tertiary-hover );--dsa-wc-button-tertiary-on-base-loading-spinner-track-color: var( --dsa-color-spinner-purple-on-base-base );--dsa-wc-button-tertiary-on-base-loading-spinner-indicator-color: var( --dsa-color-spinner-purple-on-base-on-base );--dsa-wc-button-tertiary-on-floating-menu-color: transparent;--dsa-wc-button-tertiary-on-floating-menu-font-color: var( --dsa-color-button-on-floating-menu-tertiary-enabled );--dsa-wc-button-tertiary-on-floating-menu-hover-color: transparent;--dsa-wc-button-tertiary-on-floating-menu-hover-font-color: var( --dsa-color-button-on-floating-menu-tertiary-on-hover );--dsa-wc-button-tertiary-on-floating-menu-active-color: transparent;--dsa-wc-button-tertiary-on-floating-menu-active-font-color: var( --dsa-color-button-on-floating-menu-tertiary-on-active );--dsa-wc-button-tertiary-on-floating-menu-disabled-color: transparent;--dsa-wc-button-tertiary-on-floating-menu-disabled-font-color: var( --dsa-color-button-on-floating-menu-tertiary-on-disabled );--dsa-wc-button-tertiary-on-floating-menu-loading-color: transparent;--dsa-wc-button-tertiary-on-floating-menu-loading-font-color: var( --dsa-color-button-on-floating-menu-tertiary-hover );--dsa-wc-button-tertiary-on-floating-menu-loading-spinner-track-color: var( --dsa-color-spinner-green-on-base-base );--dsa-wc-button-tertiary-on-floating-menu-loading-spinner-indicator-color: var( --dsa-color-spinner-green-on-base-on-base );--dsa-wc-button-navigation-on-base-color: transparent;--dsa-wc-button-navigation-on-base-font-color: var( --dsa-color-button-on-base-navigation-enabled );--dsa-wc-button-navigation-on-base-hover-color: transparent;--dsa-wc-button-navigation-on-base-hover-font-color: var( --dsa-color-button-on-base-navigation-hover );--dsa-wc-button-navigation-on-base-active-color: transparent;--dsa-wc-button-navigation-on-base-active-font-color: var( --dsa-color-button-on-base-navigation-active );--dsa-wc-button-navigation-on-base-disabled-color: transparent;--dsa-wc-button-navigation-on-base-disabled-font-color: var( --dsa-color-button-on-base-navigation-disabled );--dsa-wc-button-navigation-on-base-loading-color: transparent;--dsa-wc-button-navigation-on-base-loading-font-color: var( --dsa-color-button-on-base-navigation-hover );--dsa-wc-button-navigation-on-base-loading-spinner-track-color: var( --dsa-color-spinner-purple-on-base-base );--dsa-wc-button-navigation-on-base-loading-spinner-indicator-color: var( --dsa-color-spinner-purple-on-base-on-base );--dsa-wc-button-navigation-on-floating-menu-font-color: var( --dsa-color-button-on-floating-menu-navigation-enabled );--dsa-wc-button-navigation-on-floating-menu-hover-color: transparent;--dsa-wc-button-navigation-on-floating-menu-hover-font-color: var( --dsa-color-button-on-floating-menu-navigation-hover );--dsa-wc-button-navigation-on-floating-menu-active-color: transparent;--dsa-wc-button-navigation-on-floating-menu-active-font-color: var( --dsa-color-button-on-floating-menu-navigation-active );--dsa-wc-button-navigation-on-floating-menu-disabled-color: transparent;--dsa-wc-button-navigation-on-floating-menu-disabled-font-color: var( --dsa-color-button-on-floating-menu-navigation-disabled );--dsa-wc-button-navigation-on-floating-menu-loading-color: transparent;--dsa-wc-button-navigation-on-floating-menu-loading-font-color: var( --dsa-color-button-on-floating-menu-navigation-hover );--dsa-wc-button-navigation-on-floating-menu-loading-spinner-track-color: var( --dsa-color-spinner-green-on-base-base );--dsa-wc-button-navigation-on-floating-menu-loading-spinner-indicator-color: var( --dsa-color-spinner-green-on-base-on-base );--dsa-wc-button-neutral-on-base-color: var( --dsa-color-button-on-base-neutral-enabled );--dsa-wc-button-neutral-on-base-font-color: var( --dsa-color-button-on-base-neutra-on-enabled );--dsa-wc-button-neutral-on-base-hover-color: var( --dsa-color-button-on-base-neutral-hover );--dsa-wc-button-neutral-on-base-hover-font-color: var( --dsa-color-button-on-base-neutral-on-hover );--dsa-wc-button-neutral-on-base-active-color: var( --dsa-color-button-on-base-neutral-active );--dsa-wc-button-neutral-on-base-active-font-color: var( --dsa-color-button-on-base-neutral-on-active );--dsa-wc-button-neutral-on-base-disabled-color: var( --dsa-color-button-on-base-neutral-disabled );--dsa-wc-button-neutral-on-base-disabled-font-color: var( --dsa-color-button-on-base-neutral-on-disabled );--dsa-wc-button-neutral-on-base-loading-color: var( --dsa-color-button-on-base-neutral-disabled );--dsa-wc-button-neutral-on-base-loading-font-color: var( --dsa-color-button-on-base-neutral-hover );--dsa-wc-button-neutral-on-base-loading-spinner-track-color: var( --dsa-color-spinner-neutral-base );--dsa-wc-button-neutral-on-base-loading-spinner-indicator-color: var( --dsa-color-spinner-neutral-on-base );--dsa-wc-button-neutral-on-floating-menu-color: var( --dsa-color-button-on-floating-menu-neutral-enabled );--dsa-wc-button-neutral-on-floating-menu-font-color: var( --dsa-color-button-on-floating-menu-neutral-on-enabled );--dsa-wc-button-neutral-on-floating-menu-hover-color: var( --dsa-color-button-on-floating-menu-neutral-hover );--dsa-wc-button-neutral-on-floating-menu-hover-font-color: var( --dsa-color-button-on-floating-menu-neutral-on-hover );--dsa-wc-button-neutral-on-floating-menu-active-color: var( --dsa-color-button-on-floating-menu-neutral-active );--dsa-wc-button-neutral-on-floating-menu-active-font-color: var( --dsa-color-button-on-floating-menu-neutral-on-active );--dsa-wc-button-neutral-on-floating-menu-disabled-color: var( --dsa-color-button-on-floating-menu-neutral-disabled );--dsa-wc-button-neutral-on-floating-menu-disabled-font-color: var( --dsa-color-button-on-floating-menu-neutral-on-disabled );--dsa-wc-button-neutral-on-floating-menu-loading-color: var( --dsa-color-button-on-floating-menu-neutral-disabled );--dsa-wc-button-neutral-on-floating-menu-loading-font-color: var( --dsa-color-button-on-floating-menu-neutral-hover );--dsa-wc-button-neutral-on-floating-menu-loading-spinner-track-color: var( --dsa-color-spinner-neutral-base );--dsa-wc-button-neutral-on-floating-menu-loading-spinner-indicator-color: var( --dsa-color-spinner-neutral-on-base );--dsa-wc-button-danger-on-base-color: var( --dsa-color-button-on-base-warning-enabled );--dsa-wc-button-danger-on-base-font-color: var( --dsa-color-button-on-base-warning-on-enabled );--dsa-wc-button-danger-on-base-hover-color: var( --dsa-color-button-on-base-warning-hover );--dsa-wc-button-danger-on-base-hover-font-color: var( --dsa-color-button-on-base-warning-on-hover );--dsa-wc-button-danger-on-base-active-color: var( --dsa-color-button-on-base-warning-active );--dsa-wc-button-danger-on-base-active-font-color: var( --dsa-color-button-on-base-warning-on-active );--dsa-wc-button-danger-on-base-disabled-color: var( --dsa-color-button-on-base-warning-disabled );--dsa-wc-button-danger-on-base-disabled-font-color: var( --dsa-color-button-on-base-warning-on-disabled );--dsa-wc-button-danger-on-base-loading-color: var( --dsa-color-button-on-base-warning-disabled );--dsa-wc-button-danger-on-base-loading-font-color: var( --dsa-color-button-on-base-warning-hover );--dsa-wc-button-danger-on-base-loading-spinner-track-color: var( --dsa-color-spinner-danger-base );--dsa-wc-button-danger-on-base-loading-spinner-indicator-color: var( --dsa-color-spinner-danger-on-base );--dsa-wc-button-danger-on-floating-menu-color: var( --dsa-color-button-on-floating-menu-warning-enabled );--dsa-wc-button-danger-on-floating-menu-font-color: var( --dsa-color-button-on-floating-menu-warning-on-enabled );--dsa-wc-button-danger-on-floating-menu-hover-color: var( --dsa-color-button-on-floating-menu-warning-hover );--dsa-wc-button-danger-on-floating-menu-hover-font-color: var( --dsa-color-button-on-floating-menu-warning-on-hover );--dsa-wc-button-danger-on-floating-menu-active-color: var( --dsa-color-button-on-floating-menu-warning-active );--dsa-wc-button-danger-on-floating-menu-active-font-color: var( --dsa-color-button-on-floating-menu-warning-on-active );--dsa-wc-button-danger-on-floating-menu-disabled-color: var( --dsa-color-button-on-floating-menu-warning-disabled );--dsa-wc-button-danger-on-floating-menu-disabled-font-color: var( --dsa-color-button-on-floating-menu-warning-on-disabled );--dsa-wc-button-danger-on-floating-menu-loading-color: var( --dsa-color-button-on-floating-menu-warning-disabled );--dsa-wc-button-danger-on-floating-menu-loading-font-color: var( --dsa-color-button-on-floating-menu-warning-hover );--dsa-wc-button-danger-on-floating-menu-loading-spinner-track-color: var( --dsa-color-spinner-danger-base );--dsa-wc-button-danger-on-floating-menu-loading-spinner-indicator-color: var( --dsa-color-spinner-danger-on-base );--dsa-wc-dropdown-font: var(--dsa-font-medium-normal);--dsa-wc-dropdown-panel-background: var(--dsa-color-background-base);--dsa-wc-dropdown-panel-box-shadow: 0px 1px 2px 0px rgba(113, 113, 122, .12);--dsa-wc-dropdown-panel-border-radius: var(--dsa-spacing-4);--dsa-wc-scrollbar-width: var(--dsa-spacing-4);--dsa-wc-scrollbar-color: var(--dsa-color-background-scrollbar);--dsa-wc-scrollbar-radius: var(--dsa-radius-4);--dsa-wc-tag-border-radius: var(--dsa-radius-32);--dsa-wc-tag-icon-spacing: var(--dsa-spacing-4);--dsa-wc-tag-small-font-size: var(--dsa-font-x-small-normal);--dsa-wc-tag-small-height: 24px;--dsa-wc-tag-small-padding-y: .5rem;--dsa-wc-tag-medium-font-size: var(--dsa-font-small-normal);--dsa-wc-tag-medium-height: 32px;--dsa-wc-tag-medium-padding-y: .75rem;--dsa-wc-tag-large-font-size: var(--dsa-font-medium-normal);--dsa-wc-tag-large-height: 41px;--dsa-wc-tag-large-padding-y: 1rem;--dsa-wc-tag-green-700-on-base: var(--dsa-color-tag-green-7-on-base);--dsa-wc-tag-green-700-base: var(--dsa-color-tag-green-7-base);--dsa-wc-tag-green-600-on-base: var(--dsa-color-tag-green-6-on-base);--dsa-wc-tag-green-600-base: var(--dsa-color-tag-green-6-base);--dsa-wc-tag-green-500-on-base: var(--dsa-color-tag-green-5-on-base);--dsa-wc-tag-green-500-base: var(--dsa-color-tag-green-5-base);--dsa-wc-tag-green-400-on-base: var(--dsa-color-tag-green-4-on-base);--dsa-wc-tag-green-400-base: var(--dsa-color-tag-green-4-base);--dsa-wc-tag-green-300-on-base: var(--dsa-color-tag-green-3-on-base);--dsa-wc-tag-green-300-base: var(--dsa-color-tag-green-3-base);--dsa-wc-tag-green-200-on-base: var(--dsa-color-tag-green-2-on-base);--dsa-wc-tag-green-200-base: var(--dsa-color-tag-green-2-base);--dsa-wc-tag-green-100-on-base: var(--dsa-color-tag-green-1-on-base);--dsa-wc-tag-green-100-base: var(--dsa-color-tag-green-1-base);--dsa-wc-tag-yellow-700-on-base: var(--dsa-color-tag-yellow-7-on-base);--dsa-wc-tag-yellow-700-base: var(--dsa-color-tag-yellow-7-base);--dsa-wc-tag-yellow-600-on-base: var(--dsa-color-tag-yellow-6-on-base);--dsa-wc-tag-yellow-600-base: var(--dsa-color-tag-yellow-6-base);--dsa-wc-tag-yellow-500-on-base: var(--dsa-color-tag-yellow-5-on-base);--dsa-wc-tag-yellow-500-base: var(--dsa-color-tag-yellow-5-base);--dsa-wc-tag-yellow-400-on-base: var(--dsa-color-tag-yellow-4-on-base);--dsa-wc-tag-yellow-400-base: var(--dsa-color-tag-yellow-4-base);--dsa-wc-tag-yellow-300-on-base: var(--dsa-color-tag-yellow-3-on-base);--dsa-wc-tag-yellow-300-base: var(--dsa-color-tag-yellow-3-base);--dsa-wc-tag-yellow-200-on-base: var(--dsa-color-tag-yellow-2-on-base);--dsa-wc-tag-yellow-200-base: var(--dsa-color-tag-yellow-2-base);--dsa-wc-tag-yellow-100-on-base: var(--dsa-color-tag-yellow-1-on-base);--dsa-wc-tag-yellow-100-base: var(--dsa-color-tag-yellow-1-base);--dsa-wc-tag-pink-500-on-base: var(--dsa-color-tag-pink-5-on-base);--dsa-wc-tag-pink-500-base: var(--dsa-color-tag-pink-5-base);--dsa-wc-tag-pink-400-on-base: var(--dsa-color-tag-pink-4-on-base);--dsa-wc-tag-pink-400-base: var(--dsa-color-tag-pink-4-base);--dsa-wc-tag-pink-300-on-base: var(--dsa-color-tag-pink-3-on-base);--dsa-wc-tag-pink-300-base: var(--dsa-color-tag-pink-3-base);--dsa-wc-tag-pink-200-on-base: var(--dsa-color-tag-pink-2-on-base);--dsa-wc-tag-pink-200-base: var(--dsa-color-tag-pink-2-base);--dsa-wc-tag-pink-100-on-base: var(--dsa-color-tag-pink-1-on-base);--dsa-wc-tag-pink-100-base: var(--dsa-color-tag-pink-1-base);--dsa-wc-tag-orange-600-on-base: var(--dsa-color-tag-orange-6-on-base);--dsa-wc-tag-orange-600-base: var(--dsa-color-tag-orange-6-base);--dsa-wc-tag-orange-500-on-base: var(--dsa-color-tag-orange-5-on-base);--dsa-wc-tag-orange-500-base: var(--dsa-color-tag-orange-5-base);--dsa-wc-tag-orange-400-on-base: var(--dsa-color-tag-orange-4-on-base);--dsa-wc-tag-orange-400-base: var(--dsa-color-tag-orange-4-base);--dsa-wc-tag-orange-300-on-base: var(--dsa-color-tag-orange-3-on-base);--dsa-wc-tag-orange-300-base: var(--dsa-color-tag-orange-3-base);--dsa-wc-tag-orange-200-on-base: var(--dsa-color-tag-orange-2-on-base);--dsa-wc-tag-orange-200-base: var(--dsa-color-tag-orange-2-base);--dsa-wc-tag-orange-100-on-base: var(--dsa-color-tag-orange-1-on-base);--dsa-wc-tag-orange-100-base: var(--dsa-color-tag-orange-1-base);--dsa-wc-tag-blue-600-on-base: var(--dsa-color-tag-blue-6-on-base);--dsa-wc-tag-blue-600-base: var(--dsa-color-tag-blue-6-base);--dsa-wc-tag-blue-500-on-base: var(--dsa-color-tag-blue-5-on-base);--dsa-wc-tag-blue-500-base: var(--dsa-color-tag-blue-5-base);--dsa-wc-tag-blue-400-on-base: var(--dsa-color-tag-blue-4-on-base);--dsa-wc-tag-blue-400-base: var(--dsa-color-tag-blue-4-base);--dsa-wc-tag-blue-300-on-base: var(--dsa-color-tag-blue-3-on-base);--dsa-wc-tag-blue-300-base: var(--dsa-color-tag-blue-3-base);--dsa-wc-tag-blue-200-on-base: var(--dsa-color-tag-blue-2-on-base);--dsa-wc-tag-blue-200-base: var(--dsa-color-tag-blue-2-base);--dsa-wc-tag-blue-100-on-base: var(--dsa-color-tag-blue-1-on-base);--dsa-wc-tag-blue-100-base: var(--dsa-color-tag-blue-1-base);--dsa-wc-tag-purple-500-on-base: var(--dsa-color-tag-purple-5-on-base);--dsa-wc-tag-purple-500-base: var(--dsa-color-tag-purple-5-base);--dsa-wc-tag-purple-400-on-base: var(--dsa-color-tag-purple-4-on-base);--dsa-wc-tag-purple-400-base: var(--dsa-color-tag-purple-4-base);--dsa-wc-tag-purple-300-on-base: var(--dsa-color-tag-purple-3-on-base);--dsa-wc-tag-purple-300-base: var(--dsa-color-tag-purple-3-base);--dsa-wc-tag-purple-200-on-base: var(--dsa-color-tag-purple-2-on-base);--dsa-wc-tag-purple-200-base: var(--dsa-color-tag-purple-2-base);--dsa-wc-tag-purple-100-on-base: var(--dsa-color-tag-purple-1-on-base);--dsa-wc-tag-purple-100-base: var(--dsa-color-tag-purple-1-base);--dsa-wc-tag-stroke-on-base: var(--dsa-color-tag-purple-5-base);--dsa-wc-tag-stroke-base: transparent;--dsa-wc-breadcrumb-item-font: var(--dsa-font-small-normal);--dsa-wc-breadcrumb-item-color: var( --dsa-color-button-on-base-navigation-active );--dsa-wc-breadcrumb-item-hover-color: var( --dsa-color-button-on-base-navigation-hover );--dsa-wc-breadcrumb-item-active-color: var( --dsa-color-button-on-base-navigation-enabled );--dsa-wc-breadcrumb-item-spacing: .5rem;--dsa-wc-breadcrumb-item-separator-margin-y: .5rem;--dsa-wc-breadcrumb-item-icon-color: var(--dsa-color-icon-on-base-default);--dsa-wc-breadcrumb-item-text-decoration-thickness: .125rem;--dsa-wc-breadcrumb-item-text-underline-offset: 4px;--dsa-wc-breadcrumb-item-outline-offset: 3px;--dsa-wc-divider-color: var(--dsa-color-background-divider);--dsa-wc-divider-width: .063rem;--dsa-wc-divider-spacing: 1rem;--dsa-wc-progress-ring-font: var(--dsa-font-small-normal);--dsa-wc-progress-ring-color: var(--dsa-color-progress-on-base);--dsa-wc-progress-ring-content-color: var(--dsa-color-progress-content);--dsa-wc-progress-ring-track-color: var(--dsa-color-progress-containing);--dsa-wc-progress-bar-size: 4.5rem;--dsa-wc-progress-bar-track-width: 6px;--dsa-wc-progress-bar-small-size: 1rem;--dsa-wc-progress-bar-small-gap: .5rem;--dsa-wc-progress-bar-small-track-width: 3px;--dsa-wc-input-padding-x: var(--dsa-spacing-12);--dsa-wc-input-padding-y: var(--dsa-spacing-8);--dsa-wc-input-padding: var(--dsa-wc-input-padding-y) var(--dsa-wc-input-padding-x);--dsa-wc-input-text-field-font: var(--dsa-font-small-normal);--dsa-wc-input-text-field-font-small: var(--dsa-font-x-small-normal);--dsa-wc-input-text-field-font-large: var(--dsa-font-medium-normal);--dsa-wc-input-label-font: var(--dsa-font-small-normal);--dsa-wc-input-label-font-small: var(--dsa-font-x-small-normal);--dsa-wc-input-label-font-large: var(--dsa-font-medium-normal);--dsa-wc-input-label-color-error: var(--dsa-color-text-on-base-error);--dsa-wc-input-helper-font: var(--dsa-font-small-normal);--dsa-wc-input-helper-font-small: var(--dsa-font-x-small-normal);--dsa-wc-input-helper-font-large: var(--dsa-font-medium-normal);--dsa-wc-input-border-width: 1px;--dsa-wc-input-border-radius: var(--dsa-spacing-4);--dsa-wc-input-icon-color: var(--dsa-color-button-on-base-navigation-enabled);--dsa-wc-input-icon-color-hover: var( --dsa-color-button-on-base-navigation-hover );--dsa-wc-input-icon-color-disabled: var( --dsa-color-button-on-base-navigation-disabled );--dsa-wc-input-error-text-margin-top: var(--dsa-spacing-4);--dsa-wc-input-spacing-left: var(--dsa-spacing-8);--dsa-wc-input-action-buttons-spacing: var(--dsa-spacing-8);--dsa-wc-input-on-base-text-field-input-color: var( --dsa-color-input-text-field-on-base-input );--dsa-wc-input-on-base-text-field-input-color-disabled: var( --dsa-color-input-text-field-on-base-input-disabled );--dsa-wc-input-on-base-text-field-placeholder-color: var( --dsa-color-input-text-field-on-base-placeholder );--dsa-wc-input-on-base-text-field-placeholder-color-disabled: var( --dsa-color-input-text-field-on-base-placeholder-disabled );--dsa-wc-input-on-base-label-color: var( --dsa-color-input-label-on-base-default );--dsa-wc-input-on-base-label-color-focus: var( --dsa-color-input-label-on-base-focus );--dsa-wc-input-on-base-label-color-disabled: var( --dsa-color-input-label-on-base-disabled );--dsa-wc-input-on-base-read-only-label-color: var( --dsa-color-input-label-on-base-locked );--dsa-wc-input-on-base-label-color-error: var( --dsa-color-input-label-on-base-error );--dsa-wc-input-on-base-label-color-helper: var( --dsa-color-input-label-on-base-helper );--dsa-wc-input-on-base-background-color: var( --dsa-color-input-background-on-base-enabled );--dsa-wc-input-on-base-background-color-disabled: var( --dsa-color-input-background-on-base-disabled );--dsa-wc-input-on-base-background-color-error: var( --dsa-color-input-background-on-base-error );--dsa-wc-input-on-base-read-only-background-color: var( --dsa-color-input-background-on-base-locked );--dsa-wc-input-on-base-border-color: var( --dsa-color-input-border-on-base-enabled );--dsa-wc-input-on-base-border-color-hover: var( --dsa-color-input-border-on-base-hover );--dsa-wc-input-on-base-border-color-disabled: var( --dsa-color-input-border-on-base-disabled );--dsa-wc-input-on-base-border-color-error: var( --dsa-color-input-border-on-base-error );--dsa-wc-input-on-base-border-color-error-hover: var( --dsa-color-input-border-on-base-error-hover );--dsa-wc-input-on-base-read-only-border-color: var( --dsa-color-input-border-on-base-locked );--dsa-wc-input-on-layer-text-field-input-color: var( --dsa-color-input-text-field-on-layer-input );--dsa-wc-input-on-layer-text-field-input-color-disabled: var( --dsa-color-input-text-field-on-layer-input-disabled );--dsa-wc-input-on-layer-text-field-placeholder-color: var( --dsa-color-input-text-field-on-layer-placeholder );--dsa-wc-input-on-layer-text-field-placeholder-color-disabled: var( --dsa-color-input-text-field-on-layer-placeholder-disabled );--dsa-wc-input-on-layer-label-color: var( --dsa-color-input-label-on-layer-default );--dsa-wc-input-on-layer-label-color-focus: var( --dsa-color-input-label-on-layer-focus );--dsa-wc-input-on-layer-label-color-disabled: var( --dsa-color-input-label-on-layer-disabled );--dsa-wc-input-on-layer-read-only-label-color: var( --dsa-color-input-label-on-layer-locked );--dsa-wc-input-on-layer-label-color-error: var( --dsa-color-input-label-on-layer-error );--dsa-wc-input-on-layer-label-color-helper: var( --dsa-color-input-label-on-layer-helper );--dsa-wc-input-on-layer-background-color: var( --dsa-color-input-background-on-layer-enabled );--dsa-wc-input-on-layer-background-color-disabled: var( --dsa-color-input-background-on-layer-disabled );--dsa-wc-input-on-layer-background-color-error: var( --dsa-color-input-background-on-layer-error );--dsa-wc-input-on-layer-read-only-background-color: var( --dsa-color-input-background-on-layer-locked );--dsa-wc-input-on-layer-border-color: var( --dsa-color-input-border-on-layer-enabled );--dsa-wc-input-on-layer-border-color-hover: var( --dsa-color-input-border-on-layer-hover );--dsa-wc-input-on-layer-border-color-disabled: var( --dsa-color-input-border-on-layer-disabled );--dsa-wc-input-on-layer-border-color-error: var( --dsa-color-input-border-on-layer-error );--dsa-wc-input-on-layer-border-color-error-hover: var( --dsa-color-input-border-on-layer-error-hover );--dsa-wc-input-on-layer-read-only-border-color: var( --dsa-color-input-border-on-layer-locked );--dsa-wc-input-mask-clear-icon-margin-inline-start: .5em;--dsa-wc-input-mask-clear-icon-z-index: 1;--dsa-wc-input-mask-placeholder-letter-spacing: .125rem;--dsa-wc-input-phone-select-border-radius: var(--dsa-spacing-4) 0 0 var(--dsa-spacing-4);--dsa-wc-input-phone-select-on-base-hover-background: var( --dsa-color-input-select-on-base-background-hover );--dsa-wc-input-phone-select-on-base-active-background: var( --dsa-color-input-select-on-base-background-active );--dsa-wc-input-phone-select-on-layer-hover-background: var( --dsa-color-input-select-on-layer-background-hover );--dsa-wc-input-phone-select-on-layer-active-background: var( --dsa-color-input-select-on-layer-background-active );--dsa-wc-input-phone-select-listbox-margin-inline-start: 2rem;--dsa-wc-input-phone-border-radius: 0 var(--dsa-spacing-4) var(--dsa-spacing-4) 0;--dsa-wc-input-phone-height: 2.5rem;--dsa-wc-input-phone-small-height: 1.875rem;--dsa-wc-input-phone-large-height: 3.125rem;--dsa-wc-input-phone-prefix-margin-inline-end: .4rem;--dsa-wc-error-text-gap: .19rem;--dsa-wc-error-text-margin: var(--dsa-spacing-8);--dsa-wc-error-text-icon-padding: 1.5px;--dsa-wc-error-text-icon-padding-small: 1.5px;--dsa-wc-error-text-icon-padding-large: 1.5px;--dsa-wc-error-text-icon-color: var(--dsa-color-input-icon-on-base-error);--dsa-wc-error-text-icon-size: .833rem;--dsa-wc-error-text-icon-size-small: .729rem;--dsa-wc-error-text-icon-size-large: .938rem;--dsa-wc-error-text-color: var(--dsa-color-input-label-on-base-error);--dsa-wc-error-text-font: var(--dsa-font-x-small-normal);--dsa-wc-error-text-font-small: var(--dsa-font-2x-small-normal);--dsa-wc-error-text-font-large: var(--dsa-font-small-normal);--dsa-wc-accordion-icon-color: var(--dsa-color-icon-on-base-default);--dsa-wc-accordion-disabled-icon-color: var( --dsa-color-icon-on-base-disabled );--dsa-wc-accordion-color: var(--dsa-color-text-on-base-primary);--dsa-wc-accordion-disabled-color: var(--dsa-color-text-on-base-disabled);--dsa-wc-accordion-font: var(--dsa-font-medium-normal);--dsa-wc-accordion-border-color: var(--dsa-color-background-border);--dsa-wc-accordion-hover-border-color: var( --dsa-color-background-border-hover );--dsa-wc-accordion-focus-border: 3px solid var(--dsa-color-background-focus-ring);--dsa-wc-accordion-header-hover-background-color: var( --dsa-color-background-base-hover );--dsa-wc-accordion-padding: 1rem;--dsa-wc-accordion-background-color: var(--dsa-color-background-base);--dsa-wc-accordion-border-radius: var(--dsa-spacing-4);--dsa-wc-select-input-font: var(--dsa-font-medium-normal);--dsa-wc-select-input-font-small: var(--dsa-font-small-normal);--dsa-wc-select-input-font-large: var(--dsa-font-large-normal);--dsa-wc-select-listbox-divider-spacing: .5rem;--dsa-wc-select-listbox-padding-inline: 1.75rem;--dsa-wc-select-listbox-border-radius: .25rem;--dsa-wc-select-listbox-border-width: 1px;--dsa-wc-select-listbox-background-color: var(--dsa-color-background-base);--dsa-wc-select-icon-margin: .75rem;--dsa-wc-select-tag-margin-inline-start: .25rem;--dsa-wc-select-tag-background: transparent;--dsa-wc-select-tag-color: var(--dsa-color-tag-select-default-on-base);--dsa-wc-select-tag-border-color: var(--dsa-color-tag-select-default-border);--dsa-wc-select-tag-error-background: transparent;--dsa-wc-select-tag-error-color: var(--dsa-color-tag-select-error-on-base);--dsa-wc-select-tag-error-border-color: var( --dsa-color-tag-select-error-border );--dsa-wc-combobox-input-font: var(--dsa-font-medium-normal);--dsa-wc-combobox-input-font-small: var(--dsa-font-small-normal);--dsa-wc-combobox-input-font-large: var(--dsa-font-large-normal);--dsa-wc-combobox-listbox-divider-spacing: .5rem;--dsa-wc-combobox-listbox-border-radius: .25rem;--dsa-wc-combobox-listbox-margin-top: .5rem;--dsa-wc-combobox-listbox-border-width: 1px;--dsa-wc-combobox-listbox-border-color: var(--dsa-color-background-border);--dsa-wc-combobox-listbox-background-color: var(--dsa-color-background-base);--dsa-wc-combobox-empty-label-color: var(--dsa-color-text-on-base-secondary);--dsa-wc-combobox-empty-label-font: var(--dsa-font-small-normal);--dsa-wc-combobox-listbox-padding-inline: 1.75rem;--dsa-wc-combobox-icon-margin: .75rem;--dsa-wc-combobox-tag-margin-inline-start: .25rem;--dsa-wc-combobox-tag-background: transparent;--dsa-wc-combobox-tag-color: var(--dsa-color-tag-select-default-on-base);--dsa-wc-combobox-tag-border-radius: var(--dsa-radius-4);--dsa-wc-combobox-tag-padding-inline: var(--dsa-spacing-4);--dsa-wc-combobox-tag-border-color: var( --dsa-color-tag-select-default-border );--dsa-wc-combobox-tag-error-background: transparent;--dsa-wc-combobox-tag-error-color: var(--dsa-color-tag-select-error-on-base);--dsa-wc-combobox-tag-error-border-color: var( --dsa-color-tag-select-error-border );--dsa-wc-combobox-expand-icon-error-color: var( --dsa-color-icon-on-base-error );--dsa-wc-drawer-overlay-color: var(--dsa-color-background-overlay);--dsa-wc-drawer-background-color: var(--dsa-color-background-base);--dsa-wc-drawer-spacing: 1.25rem;--dsa-wc-drawer-color: var(--dsa-color-text-on-base-primary);--dsa-wc-drawer-header-padding: 1.25rem 1rem;--dsa-wc-drawer-header-font: var(--dsa-font-medium-bold);--dsa-wc-drawer-header-actions-gap: .25rem;--dsa-wc-drawer-content-font: var(--dsa-font-medium-normal);--dsa-wc-drawer-footer-border-top: 1px solid var(--dsa-color-background-border);--dsa-wc-drawer-footer-button-margin-inline-end: .5rem;--dsa-wc-tooltip-arrow-size: 6px;--dsa-wc-tooltip-arrow-color: var(--dsa-color-background-tooltip);--dsa-wc-tooltip-border-radius: var(--dsa-radius-4);--dsa-wc-tooltip-background-color: var(--dsa-color-background-tooltip);--dsa-wc-tooltip-font: var(--dsa-font-medium-normal);--dsa-wc-tooltip-color: var(--dsa-color-text-on-tooltip);--dsa-wc-tooltip-padding: var(--dsa-spacing-8) var(--dsa-spacing-12);--dsa-wc-tree-indent-guide-color: var(--dsa-color-background-divider);--dsa-wc-tree-indent-guide-offset: 0;--dsa-wc-tree-indent-guide-style: solid;--dsa-wc-tree-indent-guide-width: 1px;--dsa-wc-tree-indent-size: 32px;--dsa-wc-tree-indent-size-offset: -11px;--dsa-wc-tree-item-icon-padding: var(--dsa-spacing-4);--dsa-wc-tree-item-icon-margin-end: var(--dsa-spacing-4);--dsa-wc-tree-item-color: var(--dsa-color-text-on-base-primary);--dsa-wc-tree-item-font: var(--dsa-font-medium-normal);--dsa-wc-tree-item-selected-background-color: var( --dsa-color-background-base-hover );--dsa-wc-tree-item-selected-border-color: var(--dsa-color-toggle-item-active);--dsa-wc-skeleton-border-radius: 44px;--dsa-wc-skeleton-color: var(--dsa-color-skeleton-text);--dsa-wc-skeleton-sheen-color: var(--dsa-color-skeleton-image);--dsa-wc-progress-bar-track-color: var(--dsa-color-progress-containing);--dsa-wc-progress-bar-indicator-color: var(--dsa-color-progress-content);--dsa-wc-progress-bar-indicator-label-color: var( --dsa-color-progress-on-content );--dsa-wc-progress-bar-border-radius: var(--dsa-spacing-32);--dsa-wc-progress-bar-font: var(--dsa-font-x-small-bold);--dsa-wc-progress-bar-height: 1rem;--dsa-wc-spinner-track-width: var(--dsa-spacing-4);--dsa-wc-spinner-on-base-track-color: var( --dsa-color-spinner-purple-on-base-base );--dsa-wc-spinner-on-base-indicator-color: var( --dsa-color-spinner-purple-on-button-on-base );--dsa-wc-spinner-on-floating-menu-track-color: var( --dsa-color-spinner-green-on-base-base );--dsa-wc-spinner-on-floating-menu-indicator-color: var( --dsa-color-spinner-green-on-base-on-base );--dsa-wc-avatar-background-color: var(--dsa-color-avatar-background);--dsa-wc-avatar-color: var(--dsa-color-avatar-icon);--dsa-wc-avatar-border-radius: 50%;--dsa-wc-avatar-border: solid 2px var(--dsa-color-background-base);--dsa-wc-avatar-small-size: 1.25rem;--dsa-wc-avatar-small-font: var(--dsa-font-x-small-normal);--dsa-wc-avatar-medium-size: 2rem;--dsa-wc-avatar-medium-font: var(--dsa-font-small-normal);--dsa-wc-avatar-large-size: 2.5rem;--dsa-wc-avatar-large-font: var(--dsa-font-medium-normal);--dsa-wc-avatar-x-large-size: 3rem;--dsa-wc-avatar-x-large-font: var(--dsa-font-large-normal);--dsa-wc-avatar-group-margin-left: -.75rem;--dsa-wc-stepper-color-progress-complete: var( --dsa-color-stepper-progress-complete );--dsa-wc-stepper-color-progress-default: var( --dsa-color-stepper-progress-default );--dsa-wc-stepper-color-date-on-base: var(--dsa-color-stepper-date-on-base);--dsa-wc-stepper-color-date-base: var(--dsa-color-stepper-date-base);--dsa-wc-stepper-color-tag-blocked-on-base: var( --dsa-color-tag-stepper-blocked-on-base );--dsa-wc-stepper-color-tag-blocked-base: var( --dsa-color-tag-stepper-blocked-base );--dsa-wc-stepper-color-tag-error-on-base: var( --dsa-color-tag-stepper-error-on-base );--dsa-wc-stepper-color-tag-error-base: var( --dsa-color-tag-stepper-error-base );--dsa-wc-stepper-color-tag-in-progress-on-base: var( --dsa-color-tag-stepper-in-progress-on-base );--dsa-wc-stepper-color-tag-in-progress-base: var( --dsa-color-tag-stepper-in-progress-base );--dsa-wc-stepper-color-tag-complete-on-base: var( --dsa-color-tag-stepper-complete-on-base );--dsa-wc-stepper-color-tag-complete-base: var( --dsa-color-tag-stepper-complete-base );--dsa-wc-stepper-color-index: var(--dsa-color-text-on-base-secondary);--dsa-wc-stepper-font-index: var(--dsa-font-2x-small-normal);--dsa-wc-stepper-color-title: var(--dsa-color-text-on-base-primary);--dsa-wc-stepper-font-title: var(--dsa-font-medium-bold);--dsa-wc-stepper-font-content: var(--dsa-font-x-small-normal);--dsa-wc-stepper-color-content: var(--dsa-color-text-on-base-secondary);--dsa-wc-stepper-icon-border-width: 1.4px;--dsa-wc-stepper-icon-border-style: solid;--dsa-wc-stepper-icon-size: 26px;--dsa-wc-stepper-icon-in-progress-size: 12px;--dsa-wc-link-on-base-color: var(--dsa-color-link-on-base-default);--dsa-wc-link-on-contrasted-color: var( --dsa-color-link-on-contrasted-visited );--dsa-wc-link-visited-on-base-color: var(--dsa-color-link-on-base-visited);--dsa-wc-link-visited-on-contrasted-color: var( --dsa-color-link-on-contrasted-default );--dsa-wc-link-underline-thickness: 1px;--dsa-wc-link-hover-underline-thickness-multiplier: 2;--dsa-wc-skip-link-on-layer-background: var(--dsa-color-background-layer);--dsa-wc-skip-link-padding-x: var(--dsa-spacing-48);--dsa-wc-skip-link-padding-y: var(--dsa-spacing-12);--dsa-wc-skip-link-list-padding: var(--dsa-spacing-0);--dsa-wc-skip-link-list-gap: var(--dsa-spacing-16);--dsa-wc-skip-link-item-font: var(--dsa-font-medium-bold);--dsa-wc-skip-link-item-padding: var(--dsa-spacing-12);--dsa-wc-skip-link-item-radius: var(--dsa-radius-4);--dsa-wc-skip-link-item-color: var( --dsa-color-button-on-base-navigation-enabled );--dsa-wc-skip-link-item-color-hover: var( --dsa-color-button-on-base-navigation-hover );--dsa-wc-skip-link-item-color-active: var( --dsa-color-button-on-base-navigation-active );--dsa-wc-z-index-drawer: 700;--dsa-wc-z-index-dialog: 800;--dsa-wc-z-index-dropdown: 900;--dsa-wc-z-index-toast: 950;--dsa-wc-z-index-tooltip: 1000;--dsa-wc-shadow-x-small: 0 1px 2px hsl(240 3.8% 46.1% / 6%);--dsa-wc-shadow-small: 0 1px 2px hsl(240 3.8% 46.1% / 12%);--dsa-wc-shadow-medium: 0 2px 4px hsl(240 3.8% 46.1% / 12%);--dsa-wc-shadow-large: 0 2px 8px hsl(240 3.8% 46.1% / 12%);--dsa-wc-shadow-x-large: 0 4px 16px hsl(240 3.8% 46.1% / 12%);--dsa-wc-breakpoint-small: 600px;--dsa-wc-breakpoint-medium: 905px;--dsa-wc-breakpoint-large: 1240px;--dsa-wc-breakpoint-x-large: 1440px}.dsa-scroll-lock{padding-right:var(--dsa-wc-scroll-lock-size)!important;overflow:hidden!important}.dialog__body::-webkit-scrollbar-track-piece{background-color:var(--dsa-wc-component-dialog-scrollbar-color)!important}.dsa-toast-stack{position:fixed;top:0;inset-inline-end:0;z-index:var(--dsa-wc-z-index-toast);width:28rem;max-width:100%;max-height:100%;overflow:auto}.dsa-toast-stack dsa-alert{margin:var(--dsa-spacing-8)}.dsa-toast-stack dsa-alert::part(base){box-shadow:var(--dsa-wc-shadow-large)}.dsa-link{font:inherit;font-size:inherit;color:var(--dsa-wc-link-on-base-color);text-decoration:none;position:relative}.dsa-link--on-contrasted{color:var(--dsa-wc-link-on-contrasted-color)}.dsa-link:after{content:"";position:absolute;bottom:0;right:0;left:0;height:var(--dsa-wc-link-underline-thickness);width:100%;background:currentColor;transform:scaleY(var(--dsa-wc-link-hover-underline-thickness-multiplier) * 100%);transition:transform .1s ease-out}.dsa-link:hover:after{transform:scaleY(2)}.dsa-link:visited{color:var(--dsa-wc-link-visited-on-base-color)}.dsa-link--on-contrasted:visited{color:var(--dsa-wc-link-visited-on-contrasted-color)}.dsa-link:focus-visible{outline:var(--dsa-wc-focus-ring);border-radius:var(--dsa-wc-focus-ring-radius)}.no-animations{--dsa-wc-no-animations-duration: 0s}.dsa-grid-container{--dsa-grid-gap: 16px;--dsa-grid-padding: 16px;display:grid;gap:var(--dsa-grid-gap);grid-template-columns:repeat(4,1fr);margin-left:var(--dsa-grid-padding);margin-right:var(--dsa-grid-padding)}.dsa-grid-container-with-sidebar{--dsa-grid-with-sidebar-gap: 24px;--dsa-grid-with-sidebar-padding: 24px;display:grid;gap:var(--dsa-grid-with-sidebar-gap);grid-template-columns:repeat(8,1fr);margin-left:var(--dsa-grid-with-sidebar-padding);margin-right:var(--dsa-grid-with-sidebar-padding)}@media only screen and (min-width: 600px){.dsa-grid-container{--dsa-grid-gap: 24px;--dsa-grid-padding: 24px;grid-template-columns:repeat(8,1fr)}}@media only screen and (min-width: 905px){.dsa-grid-container{--dsa-grid-gap: 24px;--dsa-grid-padding: 24px;grid-template-columns:repeat(12,1fr)}}@media only screen and (min-width: 1240px){.dsa-grid-container{--dsa-grid-gap: 24px;--dsa-grid-padding: 48px;grid-template-columns:repeat(12,1fr)}.dsa-grid-gutter{--dsa-grid-padding: 200px;justify-content:center}}@media only screen and (min-width: 1440px){.dsa-grid-container{--dsa-grid-gap: 24px;--dsa-grid-padding: 48px;grid-template-columns:repeat(12,1fr)}.dsa-grid-gutter{--dsa-grid-padding: auto;grid-template-columns:repeat(12,72px)}.dsa-grid-container-with-sidebar{--dsa-grid-with-sidebar-gap: 24px;--dsa-grid-with-sidebar-padding: auto;grid-template-columns:repeat(12,56px);justify-content:center}}.dsa-sidebar-container{display:grid;width:360px;grid-template-columns:repeat(4,1fr)}
1
+ :root,:host,.dsa-wc{--dsa-wc-transition-x-slow: 1s;--dsa-wc-transition-slow: .5s;--dsa-wc-transition-medium: .25s;--dsa-wc-transition-fast: .15s;--dsa-wc-transition-x-fast: 50ms;--dsa-wc-alert-padding: var(--dsa-spacing-16);--dsa-wc-alert-icon-size: 1.8em;--dsa-wc-alert-icon-margin-inline: 1rem;--dsa-wc-alert-border-radius: var(--dsa-spacing-4);--dsa-wc-alert-border-color: var(--dsa-color-alert-border-primary);--dsa-wc-alert-border-width: 1px;--dsa-wc-alert-text-gap: .5rem;--dsa-wc-alert-title-font: var(--dsa-font-medium-bold);--dsa-wc-alert-title-color: var(--dsa-color-alert-title-on-primary);--dsa-wc-alert-title-padding-top: .125rem;--dsa-wc-alert-message-font: var(--dsa-font-medium-normal);--dsa-wc-alert-message-color: var(--dsa-color-alert-text-on-primary);--dsa-wc-alert-message-padding: 1.25rem;--dsa-wc-alert-primary-icon-color: var(--dsa-color-alert-icon-primary);--dsa-wc-alert-primary-background-color: var( --dsa-color-alert-background-primary );--dsa-wc-alert-danger-icon-color: var(--dsa-color-alert-icon-danger);--dsa-wc-alert-danger-background-color: var( --dsa-color-alert-background-danger );--dsa-wc-alert-success-icon-color: var(--dsa-color-alert-icon-success);--dsa-wc-alert-success-background-color: var( --dsa-color-alert-background-success );--dsa-wc-alert-warning-icon-color: var(--dsa-color-alert-icon-warning);--dsa-wc-alert-warning-background-color: var( --dsa-color-alert-background-warning );--dsa-wc-alert-neutral-icon-color: var(--dsa-color-alert-icon-neutral);--dsa-wc-alert-neutral-background-color: var( --dsa-color-alert-background-neutral );--dsa-wc-dialog-spacing: var(--dsa-spacing-24);--dsa-wc-dialog-overlay: var(--dsa-color-background-overlay);--dsa-wc-dialog-font: var(--dsa-font-medium-normal);--dsa-wc-dialog-size: 36.25rem;--dsa-wc-dialog-size-small: 23.125rem;--dsa-wc-dialog-size-large: 50rem;--dsa-wc-dialog-header-title-font: var(--dsa-font-medium-bold);--dsa-wc-dialog-header-icon-size: 1.5rem;--dsa-wc-dialog-header-actions-gap: var(--dsa-spacing-4);--dsa-wc-dialog-header-icon-spacing: .5rem;--dsa-wc-dialog-header-icon-color: var(--dsa-color-icon-on-base-default);--dsa-wc-dialog-scrollbar-width: .25rem;--dsa-wc-dialog-scrollbar-color: var(--dsa-color-background-scrollbar);--dsa-wc-dialog-scrollbar-radius: var(--dsa-spacing-4);--dsa-wc-dialog-panel-color: var(--dsa-color-background-base);--dsa-wc-dialog-panel-border-radius: var(--dsa-radius-8);--dsa-wc-dialog-panel-gutter: var(--dsa-spacing-40);--dsa-wc-dialod-panel-box-shadow: 0px 3px 11px rgba(113, 113, 122, .12);--dsa-wc-dialog-footer-border: 1px solid var(--dsa-color-background-border);--dsa-wc-dialog-footer-content-margin: var(--dsa-spacing-8);--dsa-wc-form-font: var(--dsa-font-medium-normal);--dsa-wc-form-font-small: var(--dsa-font-small-normal);--dsa-wc-form-font-large: var(--dsa-font-large-normal);--dsa-wc-form-border-radius: var(--dsa-spacing-4);--dsa-wc-form-input-height: 2.5rem;--dsa-wc-form-input-height-small: 1.875rem;--dsa-wc-form-input-height-large: 3rem;--dsa-wc-form-input-border-width: 1px;--dsa-wc-form-input-autocomplete-background: var( --dsa-color-input-background-on-base-autocomplete );--dsa-wc-focus-ring-color: var(--dsa-color-background-focus-ring);--dsa-wc-focus-ring-style: solid;--dsa-wc-focus-ring-width: 3px;--dsa-wc-focus-ring: var(--dsa-wc-focus-ring-style) var(--dsa-wc-focus-ring-width) var(--dsa-wc-focus-ring-color);--dsa-wc-focus-ring-offset: 1px;--dsa-wc-focus-ring-radius: var(--dsa-radius-4);--dsa-wc-form-required-content: "*";--dsa-wc-form-required-content-offset: -2px;--dsa-wc-form-required-content-color: var( --dsa-color-input-label-on-base-error );--dsa-wc-checkbox-color: var(--dsa-color-toggle-item-default);--dsa-wc-checkbox-color-disabled: var(--dsa-color-toggle-item-disabled);--dsa-wc-checkbox-color-active: var(--dsa-color-toggle-item-active);--dsa-wc-checkbox-color-hover: var(--dsa-color-toggle-item-hover);--dsa-wc-checkbox-background-color: var(--dsa-color-background-base);--dsa-wc-checkbox-font: var(--dsa-font-medium-normal);--dsa-wc-checkbox-font-small: var(--dsa-font-small-normal);--dsa-wc-checkbox-font-large: var(--dsa-font-large-normal);--dsa-wc-checkbox-size: 1.125rem;--dsa-wc-checkbox-size-small: .875rem;--dsa-wc-checkbox-size-large: 1.375rem;--dsa-wc-checkbox-label-color: var(--dsa-color-text-on-base-primary);--dsa-wc-checkbox-label-color-disabled: var( --dsa-color-text-on-base-disabled );--dsa-wc-checkbox-label-color-error: var(--dsa-color-text-on-base-error);--dsa-wc-checkbox-icon-color: var(--dsa-color-background-base);--dsa-wc-checkbox-border-width: 1px;--dsa-wc-checkbox-border-color: var(--dsa-wc-checkbox-color);--dsa-wc-checkbox-border: solid var(--dsa-wc-checkbox-border-width) var(--dsa-wc-checkbox-color);--dsa-wc-checkbox-border-radius: 6px;--dsa-wc-checkbox-border-radius-small: var(--dsa-spacing-4);--dsa-wc-checkbox-error-text-margin-top: 10px;--dsa-wc-radio-color: var(--dsa-color-toggle-item-default);--dsa-wc-radio-color-active: var(--dsa-color-toggle-item-active);--dsa-wc-radio-color-disabled: var(--dsa-color-toggle-item-disabled);--dsa-wc-radio-border-color-readonly: var(--dsa-color-toggle-item-readonly);--dsa-wc-radio-color-readonly: var(--dsa-color-toggle-item-default);--dsa-wc-radio-color-hover: var(--dsa-color-toggle-item-hover);--dsa-wc-radio-label-font: var(--dsa-font-medium-normal);--dsa-wc-radio-label-font-small: var(--dsa-font-small-normal);--dsa-wc-radio-label-font-large: var(--dsa-font-large-normal);--dsa-wc-radio-label-color: var(--dsa-color-text-on-base-primary);--dsa-wc-radio-label-color-disabled: var(--dsa-color-text-on-base-disabled);--dsa-wc-radio-size: 1.125rem;--dsa-wc-radio-size-small: .875rem;--dsa-wc-radio-size-large: 1.375rem;--dsa-wc-radio-icon-size: .875rem;--dsa-wc-radio-icon-size-small: .75rem;--dsa-wc-radio-icon-size-large: 1.125rem;--dsa-wc-radio-border-width: .125rem;--dsa-wc-radio-border-width-small: .099rem;--dsa-wc-toggle-group-spacing-label-toggles: var(--dsa-spacing-16);--dsa-wc-toggle-group-spacing-label-button: var(--dsa-spacing-8);--dsa-wc-toggle-group-spacing: var(--dsa-spacing-16);--dsa-wc-toggle-button-background-color: var( --dsa-color-toggle-button-default-default );--dsa-wc-toggle-button-border-color: transparent;--dsa-wc-toggle-button-color: var( --dsa-color-toggle-button-default-on-default );--dsa-wc-toggle-button-hover-background-color: var( --dsa-color-toggle-button-default-hover );--dsa-wc-toggle-button-hover-border-color: transparent;--dsa-wc-toggle-button-hover-color: var( --dsa-color-toggle-button-default-on-hover );--dsa-wc-toggle-button-active-background-color: var( --dsa-color-toggle-button-default-active );--dsa-wc-toggle-button-active-border-color: transparent;--dsa-wc-toggle-button-active-color: var( --dsa-color-toggle-button-default-on-active );--dsa-wc-toggle-button-disabled-background-color: var( --dsa-color-toggle-button-default-disabled );--dsa-wc-toggle-button-disabled-border-color: transparent;--dsa-wc-toggle-button-disabled-color: var( --dsa-color-toggle-button-default-on-disabled );--dsa-wc-toggle-button-checked-background-color: var( --dsa-color-toggle-button-selected-default );--dsa-wc-toggle-button-checked-border-color: var( --dsa-color-toggle-button-selected-on-default );--dsa-wc-toggle-button-checked-color: var( --dsa-color-toggle-button-selected-on-default );--dsa-wc-toggle-button-checked-hover-background-color: var( --dsa-color-toggle-button-selected-hover );--dsa-wc-toggle-button-checked-hover-border-color: var( --dsa-color-toggle-button-selected-on-hover );--dsa-wc-toggle-button-checked-hover-color: var( --dsa-color-toggle-button-selected-on-hover );--dsa-wc-toggle-button-checked-active-background-color: var( --dsa-color-toggle-button-selected-active );--dsa-wc-toggle-button-checked-active-border-color: var( --dsa-color-toggle-button-selected-on-active );--dsa-wc-toggle-button-checked-active-color: var( --dsa-color-toggle-button-selected-on-active );--dsa-wc-toggle-button-read-only-background-color: var( --dsa-color-toggle-button-default-read-only );--dsa-wc-toggle-button-read-only-border-color: transparent;--dsa-wc-toggle-button-read-only-color: var( --dsa-color-toggle-button-default-on-read-only );--dsa-wc-toggle-button-read-only-checked-background-color: var( --dsa-color-toggle-button-selected-read-only );--dsa-wc-toggle-button-read-only-checked-border-color: var( --dsa-color-toggle-button-selected-on-read-only );--dsa-wc-toggle-button-read-only-checked-color: var( --dsa-color-toggle-button-selected-on-read-only );--dsa-wc-toggle-button-read-only-checked-icon-color: var( --dsa-color-toggle-button-selected-on-read-only );--dsa-wc-toggle-button-error-background-color: var( --dsa-color-toggle-button-default-default );--dsa-wc-toggle-button-error-border-color: var(--dsa-color-toggle-item-error);--dsa-wc-toggle-button-error-color: var( --dsa-color-toggle-button-default-on-default );--dsa-wc-toggle-button-icon-spacing: var(--dsa-spacing-8);--dsa-wc-toggle-button-icon-padding-x: var(--dsa-spacing-8);--dsa-wc-tab-font: var(--dsa-font-small-normal);--dsa-wc-tab-font-active-tab: var(--dsa-font-small-bold);--dsa-wc-tab-border-radius: var(--dsa-radius-0);--dsa-wc-tab-color: var(--dsa-color-tab-text-primary-default);--dsa-wc-tab-color-disabled: var(--dsa-color-tab-text-primary-disabled);--dsa-wc-tab-color-hover: var(--dsa-color-tab-text-primary-hover);--dsa-wc-tab-color-active-tab: var(--dsa-color-tab-text-primary-active);--dsa-wc-tab-padding: var(--dsa-spacing-16) var(--dsa-spacing-24);--dsa-wc-tab-closable-padding-inline-start: var(--dsa-spacing-8);--dsa-wc-tab-close-size: var(--dsa-spacing-16);--dsa-wc-tab-close-padding: 0;--dsa-wc-tab-group-indicator-color: var(--dsa-color-tab-decoration-primary);--dsa-wc-tab-group-indicator-track-width: 2px;--dsa-wc-tab-group-track-color: var(--dsa-color-background-divider);--dsa-wc-tab-group-track-width: 1px;--dsa-wc-icon-button-color: var( --dsa-color-button-on-base-navigation-enabled );--dsa-wc-icon-button-color-hover: var( --dsa-color-button-on-base-navigation-hover );--dsa-wc-icon-button-color-active: var( --dsa-color-button-on-base-navigation-active );--dsa-wc-icon-button-color-disabled: var( --dsa-color-button-on-base-navigation-disabled );--dsa-wc-icon-button-border-radius: var(--dsa-radius-4);--dsa-wc-icon-button-padding: var(--dsa-spacing-8);--dsa-wc-card-body-font: var(--dsa-font-medium-normal);--dsa-wc-card-title-font: var(--dsa-font-medium-bold);--dsa-wc-card-border-width: 1px;--dsa-wc-card-border-color: #e4e4e7;--dsa-wc-card-border-radius: .25rem;--dsa-wc-card-padding: var(--dsa-spacing-24);--dsa-wc-card-border: var(--dsa-wc-card-border-width) solid var(--dsa-wc-card-border-color);--dsa-wc-card-background: var(--dsa-color-background-base);--dsa-wc-card-box-shadow: var(--dsa-wc-shadow-x-small);--dsa-wc-download-card-background-color: var(--dsa-color-background-base);--dsa-wc-download-card-left-bar-width: var(--dsa-spacing-4);--dsa-wc-download-card-left-bar-color: var(--dsa-color-primitives-purple-500);--dsa-wc-download-card-link-font: var(--dsa-font-large-bold);--dsa-wc-download-card-link-color: var(--dsa-color-text-on-base-primary);--dsa-wc-download-card-description-font: var(--dsa-font-medium-normal);--dsa-wc-download-card-description-color: var( --dsa-color-text-on-base-secondary );--dsa-wc-download-card-document-info-font: var(--dsa-font-small-normal);--dsa-wc-download-card-document-info-color: var( --dsa-color-text-on-base-secondary );--dsa-wc-download-card-icon-color: var(--dsa-color-link-on-base-default);--dsa-wc-download-card-icon-size: 24px;--dsa-wc-download-card-border-width: 1px;--dsa-wc-download-card-border-color: var(--dsa-color-background-border);--dsa-wc-download-card-border-color-hover: var( --dsa-color-background-border-hover );--dsa-wc-download-card-box-shadow-hover: 0px 1px 2px rgba(113, 113, 122, .12);--dsa-wc-download-card-border-color-active: var( --dsa-color-background-selected );--dsa-wc-menu-background-color: var(--dsa-color-background-base);--dsa-wc-menu-border: solid 1px var(--dsa-color-background-border);--dsa-wc-menu-border-radius: var(--dsa-spacing-4);--dsa-wc-menu-padding: var(--dsa-spacing-8) 0;--dsa-wc-menu-divider-spacing: .5rem;--dsa-wc-menu-item-font: var(--dsa-font-small-normal);--dsa-wc-menu-item-small-font: var(--dsa-font-x-small-normal);--dsa-wc-menu-item-large-font: var(--dsa-font-medium-normal);--dsa-wc-menu-item-color: var(--dsa-color-text-on-base-primary);--dsa-wc-menu-item-disabled-color: var(--dsa-color-text-on-base-disabled);--dsa-wc-menu-item-background-color: var(--dsa-color-background-base);--dsa-wc-menu-item-hover-background-color: var( --dsa-color-background-base-hover );--dsa-wc-menu-item-margin-inline-start: var(--dsa-spacing-8);--dsa-wc-menu-item-margin-inline-end: var(--dsa-spacing-8);--dsa-wc-menu-item-padding-right: var(--dsa-spacing-24);--dsa-wc-menu-item-padding-left: var(--dsa-spacing-4);--dsa-wc-menu-item-padding: 10px var(--dsa-wc-menu-item-padding-right) 10px var(--dsa-wc-menu-item-padding-left);--dsa-wc-menu-item-small-padding: 7px var(--dsa-wc-menu-item-padding-right) 7px var(--dsa-wc-menu-item-padding-left);--dsa-wc-menu-item-large-padding: 13px var(--dsa-wc-menu-item-padding-right) 13px var(--dsa-wc-menu-item-padding-left);--dsa-wc-menu-item-focus-ring-offset: -2px;--dsa-wc-menu-label-font: var(--dsa-font-small-bold);--dsa-wc-menu-label-color: var(--dsa-color-text-on-base-secondary);--dsa-wc-menu-label-padding: .25rem 1.75rem;--dsa-wc-option-color: var(--dsa-color-text-on-base-primary);--dsa-wc-option-hover-color: var(--dsa-color-background-base-hover);--dsa-wc-option-error-color: var(--dsa-color-icon-on-base-error);--dsa-wc-option-active-color: var(--dsa-color-text-on-contrasted);--dsa-wc-option-active-background-color: var( --dsa-color-background-contrasted );--dsa-wc-option-active-hover-background-color: var( --dsa-color-primitives-purple-900 );--dsa-wc-option-disabled-color: var(--dsa-color-text-on-base-disabled);--dsa-wc-option-font: var(--dsa-font-small-normal);--dsa-wc-option-icon-size: 1.25rem;--dsa-wc-option-padding: var(--dsa-spacing-12) var(--dsa-spacing-24) var(--dsa-spacing-12) var(--dsa-spacing-4);--dsa-wc-option-small-font: var(--dsa-font-x-small-normal);--dsa-wc-option-small-icon-size: 1.125rem;--dsa-wc-option-small-padding: var(--dsa-spacing-8) var(--dsa-spacing-24) var(--dsa-spacing-8) var(--dsa-spacing-4);--dsa-wc-option-large-font: var(--dsa-font-medium-normal);--dsa-wc-option-large-icon-size: 1.5rem;--dsa-wc-option-large-padding: var(--dsa-spacing-12) var(--dsa-spacing-24) var(--dsa-spacing-12) var(--dsa-spacing-4);--dsa-wc-option-check-icon-horizontal-padding: var(--dsa-spacing-4);--dsa-wc-badge-font: var(--dsa-font-x-small-bold);--dsa-wc-badge-dot-font: var(--dsa-font-2x-small-bold);--dsa-wc-badge-dot-padding: 4px 8px;--dsa-wc-badge-border-radius: 32px;--dsa-wc-badge-dot-size: 24px;--dsa-wc-badge-background-color-primary: var( --dsa-color-badge-background-primary );--dsa-wc-badge-background-color-success: var( --dsa-color-badge-background-success );--dsa-wc-badge-background-color-warning: var( --dsa-color-badge-background-warning );--dsa-wc-badge-background-color-danger: var( --dsa-color-badge-background-danger );--dsa-wc-badge-background-color-neutral: var( --dsa-color-badge-background-neutral );--dsa-wc-badge-text-color-primary: var(--dsa-color-badge-text-on-primary);--dsa-wc-badge-text-color-success: var(--dsa-color-badge-text-on-success);--dsa-wc-badge-text-color-warning: var(--dsa-color-badge-text-on-warning);--dsa-wc-badge-text-color-neutral: var(--dsa-color-badge-text-on-neutral);--dsa-wc-badge-text-color-danger: var(--dsa-color-badge-text-on-danger);--dsa-wc-button-font: var(--dsa-font-button-medium);--dsa-wc-button-font-small: var(--dsa-font-button-small);--dsa-wc-button-font-large: var(--dsa-font-button-large);--dsa-wc-button-border-radius: var(--dsa-wc-form-border-radius);--dsa-wc-button-border-width: 1px;--dsa-wc-button-padding-horizontal: var(--dsa-spacing-12);--dsa-wc-button-caret-margin-inline-start: var(--dsa-spacing-4);--dsa-wc-button-icon-spacing: var(--dsa-spacing-4);--dsa-wc-button-primary-on-base-color: var( --dsa-color-button-on-base-primary-enabled );--dsa-wc-button-primary-on-base-font-color: var( --dsa-color-button-on-base-primary-on-enabled );--dsa-wc-button-primary-on-base-hover-color: var( --dsa-color-button-on-base-primary-hover );--dsa-wc-button-primary-on-base-hover-font-color: var( --dsa-color-button-on-base-primary-on-hover );--dsa-wc-button-primary-on-base-active-color: var( --dsa-color-button-on-base-primary-active );--dsa-wc-button-primary-on-base-active-font-color: var( --dsa-color-button-on-base-primary-on-active );--dsa-wc-button-primary-on-base-disabled-color: var( --dsa-color-button-on-base-primary-disabled );--dsa-wc-button-primary-on-base-disabled-font-color: var( --dsa-color-button-on-base-primary-on-disabled );--dsa-wc-button-primary-on-base-loading-color: var( --dsa-color-button-on-base-primary-disabled );--dsa-wc-button-primary-on-base-loading-font-color: var( --dsa-color-button-on-base-primary-hover );--dsa-wc-button-primary-on-base-loading-spinner-track-color: var( --dsa-color-spinner-purple-on-button-base );--dsa-wc-button-primary-on-base-loading-spinner-indicator-color: var( --dsa-color-spinner-purple-on-button-on-base );--dsa-wc-button-primary-on-floating-menu-color: var( --dsa-color-button-on-floating-menu-primary-enabled );--dsa-wc-button-primary-on-floating-menu-font-color: var( --dsa-color-button-on-floating-menu-primary-on-enabled );--dsa-wc-button-primary-on-floating-menu-hover-color: var( --dsa-color-button-on-floating-menu-primary-hover );--dsa-wc-button-primary-on-floating-menu-hover-font-color: var( --dsa-color-button-on-floating-menu-primary-on-hover );--dsa-wc-button-primary-on-floating-menu-active-color: var( --dsa-color-button-on-floating-menu-primary-active );--dsa-wc-button-primary-on-floating-menu-active-font-color: var( --dsa-color-button-on-floating-menu-primary-on-active );--dsa-wc-button-primary-on-floating-menu-disabled-color: var( --dsa-color-button-on-floating-menu-primary-disabled );--dsa-wc-button-primary-on-floating-menu-disabled-font-color: var( --dsa-color-button-on-floating-menu-primary-on-disabled );--dsa-wc-button-primary-on-floating-menu-loading-color: var( --dsa-color-button-on-floating-menu-primary-disabled );--dsa-wc-button-primary-on-floating-menu-loading-font-color: var( --dsa-color-button-on-floating-menu-primary-hover );--dsa-wc-button-primary-on-floating-menu-loading-spinner-track-color: var( --dsa-color-spinner-green-on-button-base );--dsa-wc-button-primary-on-floating-menu-loading-spinner-indicator-color: var( --dsa-color-spinner-green-on-button-on-base );--dsa-wc-button-secondary-on-base-color: var( --dsa-color-button-on-base-secondary-enabled );--dsa-wc-button-secondary-on-base-font-color: var( --dsa-color-button-on-base-secondary-on-enabled );--dsa-wc-button-secondary-on-base-hover-color: var( --dsa-color-button-on-base-secondary-hover );--dsa-wc-button-secondary-on-base-hover-font-color: var( --dsa-color-button-on-base-secondary-on-hover );--dsa-wc-button-secondary-on-base-active-color: var( --dsa-color-button-on-base-secondary-active );--dsa-wc-button-secondary-on-base-active-font-color: var( --dsa-color-button-on-base-secondary-on-active );--dsa-wc-button-secondary-on-base-disabled-color: var( --dsa-color-button-on-base-secondary-disabled );--dsa-wc-button-secondary-on-base-disabled-font-color: var( --dsa-color-button-on-base-secondary-on-disabled );--dsa-wc-button-secondary-on-base-loading-color: var( --dsa-color-button-on-base-secondary-disabled );--dsa-wc-button-secondary-on-base-loading-font-color: var( --dsa-color-button-on-base-secondary-hover );--dsa-wc-button-secondary-on-base-loading-spinner-track-color: var( --dsa-color-spinner-purple-on-button-base );--dsa-wc-button-secondary-on-base-loading-spinner-indicator-color: var( --dsa-color-spinner-purple-on-button-on-base );--dsa-wc-button-secondary-on-floating-menu-color: var( --dsa-color-button-on-floating-menu-secondary-enabled );--dsa-wc-button-secondary-on-floating-menu-font-color: var( --dsa-color-button-on-floating-menu-secondary-on-enabled );--dsa-wc-button-secondary-on-floating-menu-hover-color: var( --dsa-color-button-on-floating-menu-secondary-hover );--dsa-wc-button-secondary-on-floating-menu-hover-font-color: var( --dsa-color-button-on-floating-menu-secondary-on-hover );--dsa-wc-button-secondary-on-floating-menu-active-color: var( --dsa-color-button-on-floating-menu-secondary-active );--dsa-wc-button-secondary-on-floating-menu-active-font-color: var( --dsa-color-button-on-floating-menu-secondary-on-active );--dsa-wc-button-secondary-on-floating-menu-disabled-color: var( --dsa-color-button-on-floating-menu-secondary-disabled );--dsa-wc-button-secondary-on-floating-menu-disabled-font-color: var( --dsa-color-button-on-floating-menu-secondary-on-disabled );--dsa-wc-button-secondary-on-floating-menu-loading-color: var( --dsa-color-button-on-floating-menu-secondary-disabled );--dsa-wc-button-secondary-on-floating-menu-loading-font-color: var( --dsa-color-button-on-floating-menu-secondary-hover );--dsa-wc-button-secondary-on-floating-menu-loading-spinner-track-color: var( --dsa-color-spinner-green-on-button-base );--dsa-wc-button-secondary-on-floating-menu-loading-spinner-indicator-color: var( --dsa-color-spinner-green-on-button-on-base );--dsa-wc-button-tertiary-on-base-color: transparent;--dsa-wc-button-tertiary-on-base-font-color: var( --dsa-color-button-on-base-tertiary-enabled );--dsa-wc-button-tertiary-on-base-hover-color: transparent;--dsa-wc-button-tertiary-on-base-hover-font-color: var( --dsa-color-button-on-base-tertiary-on-hover );--dsa-wc-button-tertiary-on-base-active-color: transparent;--dsa-wc-button-tertiary-on-base-active-font-color: var( --dsa-color-button-on-base-tertiary-on-active );--dsa-wc-button-tertiary-on-base-disabled-color: transparent;--dsa-wc-button-tertiary-on-base-disabled-font-color: var( --dsa-color-button-on-base-tertiary-on-disabled );--dsa-wc-button-tertiary-on-base-loading-color: transparent;--dsa-wc-button-tertiary-on-base-loading-font-color: var( --dsa-color-button-on-base-tertiary-hover );--dsa-wc-button-tertiary-on-base-loading-spinner-track-color: var( --dsa-color-spinner-purple-on-base-base );--dsa-wc-button-tertiary-on-base-loading-spinner-indicator-color: var( --dsa-color-spinner-purple-on-base-on-base );--dsa-wc-button-tertiary-on-floating-menu-color: transparent;--dsa-wc-button-tertiary-on-floating-menu-font-color: var( --dsa-color-button-on-floating-menu-tertiary-enabled );--dsa-wc-button-tertiary-on-floating-menu-hover-color: transparent;--dsa-wc-button-tertiary-on-floating-menu-hover-font-color: var( --dsa-color-button-on-floating-menu-tertiary-on-hover );--dsa-wc-button-tertiary-on-floating-menu-active-color: transparent;--dsa-wc-button-tertiary-on-floating-menu-active-font-color: var( --dsa-color-button-on-floating-menu-tertiary-on-active );--dsa-wc-button-tertiary-on-floating-menu-disabled-color: transparent;--dsa-wc-button-tertiary-on-floating-menu-disabled-font-color: var( --dsa-color-button-on-floating-menu-tertiary-on-disabled );--dsa-wc-button-tertiary-on-floating-menu-loading-color: transparent;--dsa-wc-button-tertiary-on-floating-menu-loading-font-color: var( --dsa-color-button-on-floating-menu-tertiary-hover );--dsa-wc-button-tertiary-on-floating-menu-loading-spinner-track-color: var( --dsa-color-spinner-green-on-base-base );--dsa-wc-button-tertiary-on-floating-menu-loading-spinner-indicator-color: var( --dsa-color-spinner-green-on-base-on-base );--dsa-wc-button-navigation-on-base-color: transparent;--dsa-wc-button-navigation-on-base-font-color: var( --dsa-color-button-on-base-navigation-enabled );--dsa-wc-button-navigation-on-base-hover-color: transparent;--dsa-wc-button-navigation-on-base-hover-font-color: var( --dsa-color-button-on-base-navigation-hover );--dsa-wc-button-navigation-on-base-active-color: transparent;--dsa-wc-button-navigation-on-base-active-font-color: var( --dsa-color-button-on-base-navigation-active );--dsa-wc-button-navigation-on-base-disabled-color: transparent;--dsa-wc-button-navigation-on-base-disabled-font-color: var( --dsa-color-button-on-base-navigation-disabled );--dsa-wc-button-navigation-on-base-loading-color: transparent;--dsa-wc-button-navigation-on-base-loading-font-color: var( --dsa-color-button-on-base-navigation-hover );--dsa-wc-button-navigation-on-base-loading-spinner-track-color: var( --dsa-color-spinner-purple-on-base-base );--dsa-wc-button-navigation-on-base-loading-spinner-indicator-color: var( --dsa-color-spinner-purple-on-base-on-base );--dsa-wc-button-navigation-on-floating-menu-font-color: var( --dsa-color-button-on-floating-menu-navigation-enabled );--dsa-wc-button-navigation-on-floating-menu-hover-color: transparent;--dsa-wc-button-navigation-on-floating-menu-hover-font-color: var( --dsa-color-button-on-floating-menu-navigation-hover );--dsa-wc-button-navigation-on-floating-menu-active-color: transparent;--dsa-wc-button-navigation-on-floating-menu-active-font-color: var( --dsa-color-button-on-floating-menu-navigation-active );--dsa-wc-button-navigation-on-floating-menu-disabled-color: transparent;--dsa-wc-button-navigation-on-floating-menu-disabled-font-color: var( --dsa-color-button-on-floating-menu-navigation-disabled );--dsa-wc-button-navigation-on-floating-menu-loading-color: transparent;--dsa-wc-button-navigation-on-floating-menu-loading-font-color: var( --dsa-color-button-on-floating-menu-navigation-hover );--dsa-wc-button-navigation-on-floating-menu-loading-spinner-track-color: var( --dsa-color-spinner-green-on-base-base );--dsa-wc-button-navigation-on-floating-menu-loading-spinner-indicator-color: var( --dsa-color-spinner-green-on-base-on-base );--dsa-wc-button-neutral-on-base-color: var( --dsa-color-button-on-base-neutral-enabled );--dsa-wc-button-neutral-on-base-font-color: var( --dsa-color-button-on-base-neutra-on-enabled );--dsa-wc-button-neutral-on-base-hover-color: var( --dsa-color-button-on-base-neutral-hover );--dsa-wc-button-neutral-on-base-hover-font-color: var( --dsa-color-button-on-base-neutral-on-hover );--dsa-wc-button-neutral-on-base-active-color: var( --dsa-color-button-on-base-neutral-active );--dsa-wc-button-neutral-on-base-active-font-color: var( --dsa-color-button-on-base-neutral-on-active );--dsa-wc-button-neutral-on-base-disabled-color: var( --dsa-color-button-on-base-neutral-disabled );--dsa-wc-button-neutral-on-base-disabled-font-color: var( --dsa-color-button-on-base-neutral-on-disabled );--dsa-wc-button-neutral-on-base-loading-color: var( --dsa-color-button-on-base-neutral-disabled );--dsa-wc-button-neutral-on-base-loading-font-color: var( --dsa-color-button-on-base-neutral-hover );--dsa-wc-button-neutral-on-base-loading-spinner-track-color: var( --dsa-color-spinner-neutral-base );--dsa-wc-button-neutral-on-base-loading-spinner-indicator-color: var( --dsa-color-spinner-neutral-on-base );--dsa-wc-button-neutral-on-floating-menu-color: var( --dsa-color-button-on-floating-menu-neutral-enabled );--dsa-wc-button-neutral-on-floating-menu-font-color: var( --dsa-color-button-on-floating-menu-neutral-on-enabled );--dsa-wc-button-neutral-on-floating-menu-hover-color: var( --dsa-color-button-on-floating-menu-neutral-hover );--dsa-wc-button-neutral-on-floating-menu-hover-font-color: var( --dsa-color-button-on-floating-menu-neutral-on-hover );--dsa-wc-button-neutral-on-floating-menu-active-color: var( --dsa-color-button-on-floating-menu-neutral-active );--dsa-wc-button-neutral-on-floating-menu-active-font-color: var( --dsa-color-button-on-floating-menu-neutral-on-active );--dsa-wc-button-neutral-on-floating-menu-disabled-color: var( --dsa-color-button-on-floating-menu-neutral-disabled );--dsa-wc-button-neutral-on-floating-menu-disabled-font-color: var( --dsa-color-button-on-floating-menu-neutral-on-disabled );--dsa-wc-button-neutral-on-floating-menu-loading-color: var( --dsa-color-button-on-floating-menu-neutral-disabled );--dsa-wc-button-neutral-on-floating-menu-loading-font-color: var( --dsa-color-button-on-floating-menu-neutral-hover );--dsa-wc-button-neutral-on-floating-menu-loading-spinner-track-color: var( --dsa-color-spinner-neutral-base );--dsa-wc-button-neutral-on-floating-menu-loading-spinner-indicator-color: var( --dsa-color-spinner-neutral-on-base );--dsa-wc-button-danger-on-base-color: var( --dsa-color-button-on-base-warning-enabled );--dsa-wc-button-danger-on-base-font-color: var( --dsa-color-button-on-base-warning-on-enabled );--dsa-wc-button-danger-on-base-hover-color: var( --dsa-color-button-on-base-warning-hover );--dsa-wc-button-danger-on-base-hover-font-color: var( --dsa-color-button-on-base-warning-on-hover );--dsa-wc-button-danger-on-base-active-color: var( --dsa-color-button-on-base-warning-active );--dsa-wc-button-danger-on-base-active-font-color: var( --dsa-color-button-on-base-warning-on-active );--dsa-wc-button-danger-on-base-disabled-color: var( --dsa-color-button-on-base-warning-disabled );--dsa-wc-button-danger-on-base-disabled-font-color: var( --dsa-color-button-on-base-warning-on-disabled );--dsa-wc-button-danger-on-base-loading-color: var( --dsa-color-button-on-base-warning-disabled );--dsa-wc-button-danger-on-base-loading-font-color: var( --dsa-color-button-on-base-warning-hover );--dsa-wc-button-danger-on-base-loading-spinner-track-color: var( --dsa-color-spinner-danger-base );--dsa-wc-button-danger-on-base-loading-spinner-indicator-color: var( --dsa-color-spinner-danger-on-base );--dsa-wc-button-danger-on-floating-menu-color: var( --dsa-color-button-on-floating-menu-warning-enabled );--dsa-wc-button-danger-on-floating-menu-font-color: var( --dsa-color-button-on-floating-menu-warning-on-enabled );--dsa-wc-button-danger-on-floating-menu-hover-color: var( --dsa-color-button-on-floating-menu-warning-hover );--dsa-wc-button-danger-on-floating-menu-hover-font-color: var( --dsa-color-button-on-floating-menu-warning-on-hover );--dsa-wc-button-danger-on-floating-menu-active-color: var( --dsa-color-button-on-floating-menu-warning-active );--dsa-wc-button-danger-on-floating-menu-active-font-color: var( --dsa-color-button-on-floating-menu-warning-on-active );--dsa-wc-button-danger-on-floating-menu-disabled-color: var( --dsa-color-button-on-floating-menu-warning-disabled );--dsa-wc-button-danger-on-floating-menu-disabled-font-color: var( --dsa-color-button-on-floating-menu-warning-on-disabled );--dsa-wc-button-danger-on-floating-menu-loading-color: var( --dsa-color-button-on-floating-menu-warning-disabled );--dsa-wc-button-danger-on-floating-menu-loading-font-color: var( --dsa-color-button-on-floating-menu-warning-hover );--dsa-wc-button-danger-on-floating-menu-loading-spinner-track-color: var( --dsa-color-spinner-danger-base );--dsa-wc-button-danger-on-floating-menu-loading-spinner-indicator-color: var( --dsa-color-spinner-danger-on-base );--dsa-wc-dropdown-font: var(--dsa-font-medium-normal);--dsa-wc-dropdown-panel-background: var(--dsa-color-background-base);--dsa-wc-dropdown-panel-box-shadow: 0px 1px 2px 0px rgba(113, 113, 122, .12);--dsa-wc-dropdown-panel-border-radius: var(--dsa-spacing-4);--dsa-wc-scrollbar-width: var(--dsa-spacing-4);--dsa-wc-scrollbar-color: var(--dsa-color-background-scrollbar);--dsa-wc-scrollbar-radius: var(--dsa-radius-4);--dsa-wc-tag-border-radius: var(--dsa-radius-32);--dsa-wc-tag-icon-spacing: var(--dsa-spacing-4);--dsa-wc-tag-small-font-size: var(--dsa-font-x-small-normal);--dsa-wc-tag-small-height: 24px;--dsa-wc-tag-small-padding-y: .5rem;--dsa-wc-tag-medium-font-size: var(--dsa-font-small-normal);--dsa-wc-tag-medium-height: 32px;--dsa-wc-tag-medium-padding-y: .75rem;--dsa-wc-tag-large-font-size: var(--dsa-font-medium-normal);--dsa-wc-tag-large-height: 41px;--dsa-wc-tag-large-padding-y: 1rem;--dsa-wc-tag-green-700-on-base: var(--dsa-color-tag-green-7-on-base);--dsa-wc-tag-green-700-base: var(--dsa-color-tag-green-7-base);--dsa-wc-tag-green-600-on-base: var(--dsa-color-tag-green-6-on-base);--dsa-wc-tag-green-600-base: var(--dsa-color-tag-green-6-base);--dsa-wc-tag-green-500-on-base: var(--dsa-color-tag-green-5-on-base);--dsa-wc-tag-green-500-base: var(--dsa-color-tag-green-5-base);--dsa-wc-tag-green-400-on-base: var(--dsa-color-tag-green-4-on-base);--dsa-wc-tag-green-400-base: var(--dsa-color-tag-green-4-base);--dsa-wc-tag-green-300-on-base: var(--dsa-color-tag-green-3-on-base);--dsa-wc-tag-green-300-base: var(--dsa-color-tag-green-3-base);--dsa-wc-tag-green-200-on-base: var(--dsa-color-tag-green-2-on-base);--dsa-wc-tag-green-200-base: var(--dsa-color-tag-green-2-base);--dsa-wc-tag-green-100-on-base: var(--dsa-color-tag-green-1-on-base);--dsa-wc-tag-green-100-base: var(--dsa-color-tag-green-1-base);--dsa-wc-tag-yellow-700-on-base: var(--dsa-color-tag-yellow-7-on-base);--dsa-wc-tag-yellow-700-base: var(--dsa-color-tag-yellow-7-base);--dsa-wc-tag-yellow-600-on-base: var(--dsa-color-tag-yellow-6-on-base);--dsa-wc-tag-yellow-600-base: var(--dsa-color-tag-yellow-6-base);--dsa-wc-tag-yellow-500-on-base: var(--dsa-color-tag-yellow-5-on-base);--dsa-wc-tag-yellow-500-base: var(--dsa-color-tag-yellow-5-base);--dsa-wc-tag-yellow-400-on-base: var(--dsa-color-tag-yellow-4-on-base);--dsa-wc-tag-yellow-400-base: var(--dsa-color-tag-yellow-4-base);--dsa-wc-tag-yellow-300-on-base: var(--dsa-color-tag-yellow-3-on-base);--dsa-wc-tag-yellow-300-base: var(--dsa-color-tag-yellow-3-base);--dsa-wc-tag-yellow-200-on-base: var(--dsa-color-tag-yellow-2-on-base);--dsa-wc-tag-yellow-200-base: var(--dsa-color-tag-yellow-2-base);--dsa-wc-tag-yellow-100-on-base: var(--dsa-color-tag-yellow-1-on-base);--dsa-wc-tag-yellow-100-base: var(--dsa-color-tag-yellow-1-base);--dsa-wc-tag-pink-500-on-base: var(--dsa-color-tag-pink-5-on-base);--dsa-wc-tag-pink-500-base: var(--dsa-color-tag-pink-5-base);--dsa-wc-tag-pink-400-on-base: var(--dsa-color-tag-pink-4-on-base);--dsa-wc-tag-pink-400-base: var(--dsa-color-tag-pink-4-base);--dsa-wc-tag-pink-300-on-base: var(--dsa-color-tag-pink-3-on-base);--dsa-wc-tag-pink-300-base: var(--dsa-color-tag-pink-3-base);--dsa-wc-tag-pink-200-on-base: var(--dsa-color-tag-pink-2-on-base);--dsa-wc-tag-pink-200-base: var(--dsa-color-tag-pink-2-base);--dsa-wc-tag-pink-100-on-base: var(--dsa-color-tag-pink-1-on-base);--dsa-wc-tag-pink-100-base: var(--dsa-color-tag-pink-1-base);--dsa-wc-tag-orange-600-on-base: var(--dsa-color-tag-orange-6-on-base);--dsa-wc-tag-orange-600-base: var(--dsa-color-tag-orange-6-base);--dsa-wc-tag-orange-500-on-base: var(--dsa-color-tag-orange-5-on-base);--dsa-wc-tag-orange-500-base: var(--dsa-color-tag-orange-5-base);--dsa-wc-tag-orange-400-on-base: var(--dsa-color-tag-orange-4-on-base);--dsa-wc-tag-orange-400-base: var(--dsa-color-tag-orange-4-base);--dsa-wc-tag-orange-300-on-base: var(--dsa-color-tag-orange-3-on-base);--dsa-wc-tag-orange-300-base: var(--dsa-color-tag-orange-3-base);--dsa-wc-tag-orange-200-on-base: var(--dsa-color-tag-orange-2-on-base);--dsa-wc-tag-orange-200-base: var(--dsa-color-tag-orange-2-base);--dsa-wc-tag-orange-100-on-base: var(--dsa-color-tag-orange-1-on-base);--dsa-wc-tag-orange-100-base: var(--dsa-color-tag-orange-1-base);--dsa-wc-tag-blue-600-on-base: var(--dsa-color-tag-blue-6-on-base);--dsa-wc-tag-blue-600-base: var(--dsa-color-tag-blue-6-base);--dsa-wc-tag-blue-500-on-base: var(--dsa-color-tag-blue-5-on-base);--dsa-wc-tag-blue-500-base: var(--dsa-color-tag-blue-5-base);--dsa-wc-tag-blue-400-on-base: var(--dsa-color-tag-blue-4-on-base);--dsa-wc-tag-blue-400-base: var(--dsa-color-tag-blue-4-base);--dsa-wc-tag-blue-300-on-base: var(--dsa-color-tag-blue-3-on-base);--dsa-wc-tag-blue-300-base: var(--dsa-color-tag-blue-3-base);--dsa-wc-tag-blue-200-on-base: var(--dsa-color-tag-blue-2-on-base);--dsa-wc-tag-blue-200-base: var(--dsa-color-tag-blue-2-base);--dsa-wc-tag-blue-100-on-base: var(--dsa-color-tag-blue-1-on-base);--dsa-wc-tag-blue-100-base: var(--dsa-color-tag-blue-1-base);--dsa-wc-tag-purple-500-on-base: var(--dsa-color-tag-purple-5-on-base);--dsa-wc-tag-purple-500-base: var(--dsa-color-tag-purple-5-base);--dsa-wc-tag-purple-400-on-base: var(--dsa-color-tag-purple-4-on-base);--dsa-wc-tag-purple-400-base: var(--dsa-color-tag-purple-4-base);--dsa-wc-tag-purple-300-on-base: var(--dsa-color-tag-purple-3-on-base);--dsa-wc-tag-purple-300-base: var(--dsa-color-tag-purple-3-base);--dsa-wc-tag-purple-200-on-base: var(--dsa-color-tag-purple-2-on-base);--dsa-wc-tag-purple-200-base: var(--dsa-color-tag-purple-2-base);--dsa-wc-tag-purple-100-on-base: var(--dsa-color-tag-purple-1-on-base);--dsa-wc-tag-purple-100-base: var(--dsa-color-tag-purple-1-base);--dsa-wc-tag-stroke-on-base: var(--dsa-color-tag-purple-5-base);--dsa-wc-tag-stroke-base: transparent;--dsa-wc-breadcrumb-item-font: var(--dsa-font-small-normal);--dsa-wc-breadcrumb-item-color: var( --dsa-color-button-on-base-navigation-active );--dsa-wc-breadcrumb-item-hover-color: var( --dsa-color-button-on-base-navigation-hover );--dsa-wc-breadcrumb-item-active-color: var( --dsa-color-button-on-base-navigation-enabled );--dsa-wc-breadcrumb-item-spacing: .5rem;--dsa-wc-breadcrumb-item-separator-margin-y: .5rem;--dsa-wc-breadcrumb-item-icon-color: var(--dsa-color-icon-on-base-default);--dsa-wc-breadcrumb-item-text-decoration-thickness: .125rem;--dsa-wc-breadcrumb-item-text-underline-offset: 4px;--dsa-wc-breadcrumb-item-outline-offset: 3px;--dsa-wc-divider-color: var(--dsa-color-background-divider);--dsa-wc-divider-width: .063rem;--dsa-wc-divider-spacing: 1rem;--dsa-wc-progress-ring-font: var(--dsa-font-small-normal);--dsa-wc-progress-ring-color: var(--dsa-color-progress-on-base);--dsa-wc-progress-ring-content-color: var(--dsa-color-progress-content);--dsa-wc-progress-ring-track-color: var(--dsa-color-progress-containing);--dsa-wc-progress-bar-size: 4.5rem;--dsa-wc-progress-bar-track-width: 6px;--dsa-wc-progress-bar-small-size: 1rem;--dsa-wc-progress-bar-small-gap: .5rem;--dsa-wc-progress-bar-small-track-width: 3px;--dsa-wc-input-padding-x: var(--dsa-spacing-12);--dsa-wc-input-padding-y: var(--dsa-spacing-8);--dsa-wc-input-padding: var(--dsa-wc-input-padding-y) var(--dsa-wc-input-padding-x);--dsa-wc-input-text-field-font: var(--dsa-font-small-normal);--dsa-wc-input-text-field-font-small: var(--dsa-font-x-small-normal);--dsa-wc-input-text-field-font-large: var(--dsa-font-medium-normal);--dsa-wc-input-label-font: var(--dsa-font-small-normal);--dsa-wc-input-label-font-small: var(--dsa-font-x-small-normal);--dsa-wc-input-label-font-large: var(--dsa-font-medium-normal);--dsa-wc-input-label-color-error: var(--dsa-color-text-on-base-error);--dsa-wc-input-helper-font: var(--dsa-font-small-normal);--dsa-wc-input-helper-font-small: var(--dsa-font-x-small-normal);--dsa-wc-input-helper-font-large: var(--dsa-font-medium-normal);--dsa-wc-input-border-width: 1px;--dsa-wc-input-border-radius: var(--dsa-spacing-4);--dsa-wc-input-icon-color: var(--dsa-color-button-on-base-navigation-enabled);--dsa-wc-input-icon-color-hover: var( --dsa-color-button-on-base-navigation-hover );--dsa-wc-input-icon-color-disabled: var( --dsa-color-button-on-base-navigation-disabled );--dsa-wc-input-error-text-margin-top: var(--dsa-spacing-4);--dsa-wc-input-spacing-left: var(--dsa-spacing-8);--dsa-wc-input-action-buttons-spacing: var(--dsa-spacing-8);--dsa-wc-input-on-base-text-field-input-color: var( --dsa-color-input-text-field-on-base-input );--dsa-wc-input-on-base-text-field-input-color-disabled: var( --dsa-color-input-text-field-on-base-input-disabled );--dsa-wc-input-on-base-text-field-placeholder-color: var( --dsa-color-input-text-field-on-base-placeholder );--dsa-wc-input-on-base-text-field-placeholder-color-disabled: var( --dsa-color-input-text-field-on-base-placeholder-disabled );--dsa-wc-input-on-base-label-color: var( --dsa-color-input-label-on-base-default );--dsa-wc-input-on-base-label-color-focus: var( --dsa-color-input-label-on-base-focus );--dsa-wc-input-on-base-label-color-disabled: var( --dsa-color-input-label-on-base-disabled );--dsa-wc-input-on-base-read-only-label-color: var( --dsa-color-input-label-on-base-locked );--dsa-wc-input-on-base-label-color-error: var( --dsa-color-input-label-on-base-error );--dsa-wc-input-on-base-label-color-helper: var( --dsa-color-input-label-on-base-helper );--dsa-wc-input-on-base-background-color: var( --dsa-color-input-background-on-base-enabled );--dsa-wc-input-on-base-background-color-disabled: var( --dsa-color-input-background-on-base-disabled );--dsa-wc-input-on-base-background-color-error: var( --dsa-color-input-background-on-base-error );--dsa-wc-input-on-base-read-only-background-color: var( --dsa-color-input-background-on-base-locked );--dsa-wc-input-on-base-border-color: var( --dsa-color-input-border-on-base-enabled );--dsa-wc-input-on-base-border-color-hover: var( --dsa-color-input-border-on-base-hover );--dsa-wc-input-on-base-border-color-disabled: var( --dsa-color-input-border-on-base-disabled );--dsa-wc-input-on-base-border-color-error: var( --dsa-color-input-border-on-base-error );--dsa-wc-input-on-base-border-color-error-hover: var( --dsa-color-input-border-on-base-error-hover );--dsa-wc-input-on-base-read-only-border-color: var( --dsa-color-input-border-on-base-locked );--dsa-wc-input-on-layer-text-field-input-color: var( --dsa-color-input-text-field-on-layer-input );--dsa-wc-input-on-layer-text-field-input-color-disabled: var( --dsa-color-input-text-field-on-layer-input-disabled );--dsa-wc-input-on-layer-text-field-placeholder-color: var( --dsa-color-input-text-field-on-layer-placeholder );--dsa-wc-input-on-layer-text-field-placeholder-color-disabled: var( --dsa-color-input-text-field-on-layer-placeholder-disabled );--dsa-wc-input-on-layer-label-color: var( --dsa-color-input-label-on-layer-default );--dsa-wc-input-on-layer-label-color-focus: var( --dsa-color-input-label-on-layer-focus );--dsa-wc-input-on-layer-label-color-disabled: var( --dsa-color-input-label-on-layer-disabled );--dsa-wc-input-on-layer-read-only-label-color: var( --dsa-color-input-label-on-layer-locked );--dsa-wc-input-on-layer-label-color-error: var( --dsa-color-input-label-on-layer-error );--dsa-wc-input-on-layer-label-color-helper: var( --dsa-color-input-label-on-layer-helper );--dsa-wc-input-on-layer-background-color: var( --dsa-color-input-background-on-layer-enabled );--dsa-wc-input-on-layer-background-color-disabled: var( --dsa-color-input-background-on-layer-disabled );--dsa-wc-input-on-layer-background-color-error: var( --dsa-color-input-background-on-layer-error );--dsa-wc-input-on-layer-read-only-background-color: var( --dsa-color-input-background-on-layer-locked );--dsa-wc-input-on-layer-border-color: var( --dsa-color-input-border-on-layer-enabled );--dsa-wc-input-on-layer-border-color-hover: var( --dsa-color-input-border-on-layer-hover );--dsa-wc-input-on-layer-border-color-disabled: var( --dsa-color-input-border-on-layer-disabled );--dsa-wc-input-on-layer-border-color-error: var( --dsa-color-input-border-on-layer-error );--dsa-wc-input-on-layer-border-color-error-hover: var( --dsa-color-input-border-on-layer-error-hover );--dsa-wc-input-on-layer-read-only-border-color: var( --dsa-color-input-border-on-layer-locked );--dsa-wc-input-mask-clear-icon-margin-inline-start: .5em;--dsa-wc-input-mask-clear-icon-z-index: 1;--dsa-wc-input-mask-placeholder-letter-spacing: .125rem;--dsa-wc-input-phone-select-border-radius: var(--dsa-spacing-4) 0 0 var(--dsa-spacing-4);--dsa-wc-input-phone-select-on-base-hover-background: var( --dsa-color-input-select-on-base-background-hover );--dsa-wc-input-phone-select-on-base-active-background: var( --dsa-color-input-select-on-base-background-active );--dsa-wc-input-phone-select-on-layer-hover-background: var( --dsa-color-input-select-on-layer-background-hover );--dsa-wc-input-phone-select-on-layer-active-background: var( --dsa-color-input-select-on-layer-background-active );--dsa-wc-input-phone-select-listbox-margin-inline-start: 2rem;--dsa-wc-input-phone-border-radius: 0 var(--dsa-spacing-4) var(--dsa-spacing-4) 0;--dsa-wc-input-phone-height: 2.5rem;--dsa-wc-input-phone-small-height: 1.875rem;--dsa-wc-input-phone-large-height: 3.125rem;--dsa-wc-input-phone-prefix-margin-inline-end: .4rem;--dsa-wc-error-text-gap: .19rem;--dsa-wc-error-text-margin: var(--dsa-spacing-8);--dsa-wc-error-text-icon-padding: 1.5px;--dsa-wc-error-text-icon-padding-small: 1.5px;--dsa-wc-error-text-icon-padding-large: 1.5px;--dsa-wc-error-text-icon-color: var(--dsa-color-input-icon-on-base-error);--dsa-wc-error-text-icon-size: .833rem;--dsa-wc-error-text-icon-size-small: .729rem;--dsa-wc-error-text-icon-size-large: .938rem;--dsa-wc-error-text-color: var(--dsa-color-input-label-on-base-error);--dsa-wc-error-text-font: var(--dsa-font-x-small-normal);--dsa-wc-error-text-font-small: var(--dsa-font-2x-small-normal);--dsa-wc-error-text-font-large: var(--dsa-font-small-normal);--dsa-wc-error-message-panel-container-background-color: var( --dsa-color-alert-background-neutral );--dsa-wc-error-message-panel-container-x-padding: var(--dsa-spacing-32);--dsa-wc-error-message-panel-y-padding: var(--dsa-spacing-16);--dsa-wc-error-message-panel-title-font: var(--dsa-font-large-bold);--dsa-wc-error-message-panel-title-color: var( --dsa-color-text-on-base-primary );--dsa-wc-error-message-panel-error-code-font: var(--dsa-font-medium-bold);--dsa-wc-error-message-panel-error-code-color: var( --dsa-color-text-on-base-secondary );--dsa-wc-error-message-panel-description-font: var(--dsa-font-medium-normal);--dsa-wc-error-message-panel-description-color: var( --dsa-color-text-on-base-primary );--dsa-wc-accordion-icon-color: var(--dsa-color-icon-on-base-default);--dsa-wc-accordion-disabled-icon-color: var( --dsa-color-icon-on-base-disabled );--dsa-wc-accordion-color: var(--dsa-color-text-on-base-primary);--dsa-wc-accordion-disabled-color: var(--dsa-color-text-on-base-disabled);--dsa-wc-accordion-font: var(--dsa-font-medium-normal);--dsa-wc-accordion-border-color: var(--dsa-color-background-border);--dsa-wc-accordion-hover-border-color: var( --dsa-color-background-border-hover );--dsa-wc-accordion-focus-border: 3px solid var(--dsa-color-background-focus-ring);--dsa-wc-accordion-header-hover-background-color: var( --dsa-color-background-base-hover );--dsa-wc-accordion-padding: 1rem;--dsa-wc-accordion-background-color: var(--dsa-color-background-base);--dsa-wc-accordion-border-radius: var(--dsa-spacing-4);--dsa-wc-select-input-font: var(--dsa-font-medium-normal);--dsa-wc-select-input-font-small: var(--dsa-font-small-normal);--dsa-wc-select-input-font-large: var(--dsa-font-large-normal);--dsa-wc-select-listbox-divider-spacing: .5rem;--dsa-wc-select-listbox-padding-inline: 1.75rem;--dsa-wc-select-listbox-border-radius: .25rem;--dsa-wc-select-listbox-border-width: 1px;--dsa-wc-select-listbox-background-color: var(--dsa-color-background-base);--dsa-wc-select-icon-margin: .75rem;--dsa-wc-select-tag-margin-inline-start: .25rem;--dsa-wc-select-tag-background: transparent;--dsa-wc-select-tag-color: var(--dsa-color-tag-select-default-on-base);--dsa-wc-select-tag-border-color: var(--dsa-color-tag-select-default-border);--dsa-wc-select-tag-error-background: transparent;--dsa-wc-select-tag-error-color: var(--dsa-color-tag-select-error-on-base);--dsa-wc-select-tag-error-border-color: var( --dsa-color-tag-select-error-border );--dsa-wc-combobox-input-font: var(--dsa-font-medium-normal);--dsa-wc-combobox-input-font-small: var(--dsa-font-small-normal);--dsa-wc-combobox-input-font-large: var(--dsa-font-large-normal);--dsa-wc-combobox-listbox-divider-spacing: .5rem;--dsa-wc-combobox-listbox-border-radius: .25rem;--dsa-wc-combobox-listbox-margin-top: .5rem;--dsa-wc-combobox-listbox-border-width: 1px;--dsa-wc-combobox-listbox-border-color: var(--dsa-color-background-border);--dsa-wc-combobox-listbox-background-color: var(--dsa-color-background-base);--dsa-wc-combobox-empty-label-color: var(--dsa-color-text-on-base-secondary);--dsa-wc-combobox-empty-label-font: var(--dsa-font-small-normal);--dsa-wc-combobox-listbox-padding-inline: 1.75rem;--dsa-wc-combobox-icon-margin: .75rem;--dsa-wc-combobox-tag-margin-inline-start: .25rem;--dsa-wc-combobox-tag-background: transparent;--dsa-wc-combobox-tag-color: var(--dsa-color-tag-select-default-on-base);--dsa-wc-combobox-tag-border-radius: var(--dsa-radius-4);--dsa-wc-combobox-tag-padding-inline: var(--dsa-spacing-4);--dsa-wc-combobox-tag-border-color: var( --dsa-color-tag-select-default-border );--dsa-wc-combobox-tag-error-background: transparent;--dsa-wc-combobox-tag-error-color: var(--dsa-color-tag-select-error-on-base);--dsa-wc-combobox-tag-error-border-color: var( --dsa-color-tag-select-error-border );--dsa-wc-combobox-expand-icon-error-color: var( --dsa-color-icon-on-base-error );--dsa-wc-drawer-overlay-color: var(--dsa-color-background-overlay);--dsa-wc-drawer-background-color: var(--dsa-color-background-base);--dsa-wc-drawer-spacing: 1.25rem;--dsa-wc-drawer-color: var(--dsa-color-text-on-base-primary);--dsa-wc-drawer-header-padding: 1.25rem 1rem;--dsa-wc-drawer-header-font: var(--dsa-font-medium-bold);--dsa-wc-drawer-header-actions-gap: .25rem;--dsa-wc-drawer-content-font: var(--dsa-font-medium-normal);--dsa-wc-drawer-footer-border-top: 1px solid var(--dsa-color-background-border);--dsa-wc-drawer-footer-button-margin-inline-end: .5rem;--dsa-wc-tooltip-arrow-size: 6px;--dsa-wc-tooltip-arrow-color: var(--dsa-color-background-tooltip);--dsa-wc-tooltip-border-radius: var(--dsa-radius-4);--dsa-wc-tooltip-background-color: var(--dsa-color-background-tooltip);--dsa-wc-tooltip-font: var(--dsa-font-medium-normal);--dsa-wc-tooltip-color: var(--dsa-color-text-on-tooltip);--dsa-wc-tooltip-padding: var(--dsa-spacing-8) var(--dsa-spacing-12);--dsa-wc-tree-indent-guide-color: var(--dsa-color-background-divider);--dsa-wc-tree-indent-guide-offset: 0;--dsa-wc-tree-indent-guide-style: solid;--dsa-wc-tree-indent-guide-width: 1px;--dsa-wc-tree-indent-size: 32px;--dsa-wc-tree-indent-size-offset: -11px;--dsa-wc-tree-item-icon-padding: var(--dsa-spacing-4);--dsa-wc-tree-item-icon-margin-end: var(--dsa-spacing-4);--dsa-wc-tree-item-color: var(--dsa-color-text-on-base-primary);--dsa-wc-tree-item-font: var(--dsa-font-medium-normal);--dsa-wc-tree-item-selected-background-color: var( --dsa-color-background-base-hover );--dsa-wc-tree-item-selected-border-color: var(--dsa-color-toggle-item-active);--dsa-wc-skeleton-border-radius: 44px;--dsa-wc-skeleton-color: var(--dsa-color-skeleton-text);--dsa-wc-skeleton-sheen-color: var(--dsa-color-skeleton-image);--dsa-wc-progress-bar-track-color: var(--dsa-color-progress-containing);--dsa-wc-progress-bar-indicator-color: var(--dsa-color-progress-content);--dsa-wc-progress-bar-indicator-label-color: var( --dsa-color-progress-on-content );--dsa-wc-progress-bar-border-radius: var(--dsa-spacing-32);--dsa-wc-progress-bar-font: var(--dsa-font-x-small-bold);--dsa-wc-progress-bar-height: 1rem;--dsa-wc-spinner-track-width: var(--dsa-spacing-4);--dsa-wc-spinner-on-base-track-color: var( --dsa-color-spinner-purple-on-base-base );--dsa-wc-spinner-on-base-indicator-color: var( --dsa-color-spinner-purple-on-button-on-base );--dsa-wc-spinner-on-floating-menu-track-color: var( --dsa-color-spinner-green-on-base-base );--dsa-wc-spinner-on-floating-menu-indicator-color: var( --dsa-color-spinner-green-on-base-on-base );--dsa-wc-avatar-background-color: var(--dsa-color-avatar-background);--dsa-wc-avatar-color: var(--dsa-color-avatar-icon);--dsa-wc-avatar-border-radius: 50%;--dsa-wc-avatar-border: solid 2px var(--dsa-color-background-base);--dsa-wc-avatar-small-size: 1.25rem;--dsa-wc-avatar-small-font: var(--dsa-font-x-small-normal);--dsa-wc-avatar-medium-size: 2rem;--dsa-wc-avatar-medium-font: var(--dsa-font-small-normal);--dsa-wc-avatar-large-size: 2.5rem;--dsa-wc-avatar-large-font: var(--dsa-font-medium-normal);--dsa-wc-avatar-x-large-size: 3rem;--dsa-wc-avatar-x-large-font: var(--dsa-font-large-normal);--dsa-wc-avatar-group-margin-left: -.75rem;--dsa-wc-stepper-color-progress-complete: var( --dsa-color-stepper-progress-complete );--dsa-wc-stepper-color-progress-default: var( --dsa-color-stepper-progress-default );--dsa-wc-stepper-color-date-on-base: var(--dsa-color-stepper-date-on-base);--dsa-wc-stepper-color-date-base: var(--dsa-color-stepper-date-base);--dsa-wc-stepper-color-tag-blocked-on-base: var( --dsa-color-tag-stepper-blocked-on-base );--dsa-wc-stepper-color-tag-blocked-base: var( --dsa-color-tag-stepper-blocked-base );--dsa-wc-stepper-color-tag-error-on-base: var( --dsa-color-tag-stepper-error-on-base );--dsa-wc-stepper-color-tag-error-base: var( --dsa-color-tag-stepper-error-base );--dsa-wc-stepper-color-tag-in-progress-on-base: var( --dsa-color-tag-stepper-in-progress-on-base );--dsa-wc-stepper-color-tag-in-progress-base: var( --dsa-color-tag-stepper-in-progress-base );--dsa-wc-stepper-color-tag-complete-on-base: var( --dsa-color-tag-stepper-complete-on-base );--dsa-wc-stepper-color-tag-complete-base: var( --dsa-color-tag-stepper-complete-base );--dsa-wc-stepper-color-index: var(--dsa-color-text-on-base-secondary);--dsa-wc-stepper-font-index: var(--dsa-font-2x-small-normal);--dsa-wc-stepper-color-title: var(--dsa-color-text-on-base-primary);--dsa-wc-stepper-font-title: var(--dsa-font-medium-bold);--dsa-wc-stepper-font-content: var(--dsa-font-x-small-normal);--dsa-wc-stepper-color-content: var(--dsa-color-text-on-base-secondary);--dsa-wc-stepper-icon-border-width: 1.4px;--dsa-wc-stepper-icon-border-style: solid;--dsa-wc-stepper-icon-size: 26px;--dsa-wc-stepper-icon-in-progress-size: 12px;--dsa-wc-link-on-base-color: var(--dsa-color-link-on-base-default);--dsa-wc-link-on-contrasted-color: var( --dsa-color-link-on-contrasted-default );--dsa-wc-link-on-layer-color: var(--dsa-color-link-on-layer-default);--dsa-wc-link-floating-menu-color: var( --dsa-color-link-floating-menu-default );--dsa-wc-link-hover-on-base-color: var(--dsa-color-link-on-base-hover);--dsa-wc-link-hover-on-contrasted-color: var( --dsa-color-link-on-contrasted-hover );--dsa-wc-link-hover-on-layer-color: var(--dsa-color-link-on-layer-hover);--dsa-wc-link-hover-floating-menu-color: var( --dsa-color-link-floating-menu-hover );--dsa-wc-link-active-on-base-color: var(--dsa-color-link-on-base-active);--dsa-wc-link-active-on-contrasted-color: var( --dsa-color-link-on-contrasted-active );--dsa-wc-link-active-on-layer-color: var(--dsa-color-link-on-layer-active);--dsa-wc-link-active-floating-menu-color: var( --dsa-color-link-floating-menu-active );--dsa-wc-link-visited-on-base-color: var(--dsa-color-link-on-base-visited);--dsa-wc-link-visited-on-contrasted-color: var( --dsa-color-link-on-contrasted-visited );--dsa-wc-link-visited-on-layer-color: var(--dsa-color-link-on-layer-visited);--dsa-wc-link-visited-floating-menu-color: var( --dsa-color-link-floating-menu-visited );--dsa-wc-link-underline-thickness: 1px;--dsa-wc-link-hover-underline-thickness-multiplier: 2;--dsa-wc-link-document-info-on-base-color: var( --dsa-color-text-on-base-secondary );--dsa-wc-link-document-info-on-layer-color: var( --dsa-color-text-on-layer-secondary );--dsa-wc-link-document-info-on-contrasted-color: var( --dsa-color-text-on-contrasted );--dsa-wc-link-document-info-floating-menu-color: var( --dsa-color-text-on-floating-menu-secondary );--dsa-wc-link-font-x-large: var(--dsa-font-x-large-normal);--dsa-wc-link-font-large: var(--dsa-font-large-normal);--dsa-wc-link-font: var(--dsa-font-medium-normal);--dsa-wc-link-font-small: var(--dsa-font-small-normal);--dsa-wc-link-font-x-small: var(--dsa-font-x-small-normal);--dsa-wc-link-font-2x-small: var(--dsa-font-2x-small-normal);--dsa-wc-skip-link-on-layer-background: var(--dsa-color-background-layer);--dsa-wc-skip-link-padding-x: var(--dsa-spacing-48);--dsa-wc-skip-link-padding-y: var(--dsa-spacing-12);--dsa-wc-skip-link-list-padding: var(--dsa-spacing-0);--dsa-wc-skip-link-list-gap: var(--dsa-spacing-16);--dsa-wc-skip-link-item-font: var(--dsa-font-medium-bold);--dsa-wc-skip-link-item-padding: var(--dsa-spacing-12);--dsa-wc-skip-link-item-radius: var(--dsa-radius-4);--dsa-wc-skip-link-item-color: var( --dsa-color-button-on-base-navigation-enabled );--dsa-wc-skip-link-item-color-hover: var( --dsa-color-button-on-base-navigation-hover );--dsa-wc-skip-link-item-color-active: var( --dsa-color-button-on-base-navigation-active );--dsa-wc-file-upload-label-font-small: var(--dsa-font-small-bold);--dsa-wc-file-upload-label-font-medium: var(--dsa-font-medium-bold);--dsa-wc-file-upload-label-font-large: var(--dsa-font-large-bold);--dsa-wc-file-upload-help-text-font-small: var(--dsa-font-x-small-normal);--dsa-wc-file-upload-help-text-font-medium: var(--dsa-font-small-normal);--dsa-wc-file-upload-help-text-font-large: var(--dsa-font-medium-normal);--dsa-wc-file-upload-error-text-font-small: var(--dsa-font-x-small-normal);--dsa-wc-file-upload-error-text-font-medium: var(--dsa-font-small-normal);--dsa-wc-file-upload-error-text-font-large: var(--dsa-font-medium-normal);--dsa-wc-file-upload-clear-icon-small-size: .875rem;--dsa-wc-file-upload-clear-icon-medium-size: 1rem;--dsa-wc-file-upload-clear-icon-large-size: 1.25rem;--dsa-wc-footer-background: var(--dsa-color-background-layer);--dsa-wc-footer-divider-spacing: var(--dsa-spacing-32);--dsa-wc-footer-top-spacing: var(--dsa-spacing-24);--dsa-wc-footer-bottom-spacing: var(--dsa-spacing-32);--dsa-wc-footer-padding-x: var(--dsa-spacing-16);--dsa-wc-footer-padding-y: var(--dsa-spacing-40);--dsa-wc-footer-medium-padding-x: var(--dsa-spacing-24);--dsa-wc-footer-medium-padding-y: var(--dsa-spacing-40);--dsa-wc-footer-x-large-padding-x: 200px;--dsa-wc-footer-x-large-padding-y: var(--dsa-spacing-40);--dsa-wc-footer-content-block-spacing: var(--dsa-spacing-16);--dsa-wc-footer-content-block-max-width: 800px;--dsa-wc-footer-content-block-title-font: var(--dsa-font-medium-bold);--dsa-wc-footer-content-block-title-color: var( --dsa-color-text-on-base-secondary );--dsa-wc-footer-content-block-title-margin: 0px;--dsa-wc-footer-content-block-content-font: var(--dsa-font-small-normal);--dsa-wc-footer-content-block-content-color: var( --dsa-color-text-on-base-secondary );--dsa-wc-footer-content-block-content-margin: 0px;--dsa-wc-footer-inline-divider-spacing: var(--dsa-spacing-8);--dsa-wc-footer-inline-divider-vertical-size: 12px;--dsa-wc-footer-inline-divider-text-font: var(--dsa-font-x-small-normal);--dsa-wc-footer-inline-divider-text-color: var( --dsa-color-text-on-base-secondary );--dsa-wc-footer-inline-divider-text-margin: 0px;--dsa-wc-footer-sitemap-spacing: var(--dsa-spacing-8);--dsa-wc-footer-sitemap-list-spacing: var(--dsa-spacing-16);--dsa-wc-footer-sitemap-list-vertical-spacing: var(--dsa-spacing-4);--dsa-wc-footer-sitemap-label-font: var(--dsa-font-medium-bold);--dsa-wc-footer-sitemap-label-color: var(--dsa-color-text-on-base-secondary);--dsa-wc-footer-sitemap-list-font: var(--dsa-font-small-normal);--dsa-wc-footer-sitemap-label-margin: 0px;--dsa-wc-z-index-drawer: 700;--dsa-wc-z-index-dialog: 800;--dsa-wc-z-index-dropdown: 900;--dsa-wc-z-index-toast: 950;--dsa-wc-z-index-tooltip: 1000;--dsa-wc-shadow-x-small: 0 1px 2px hsl(240 3.8% 46.1% / 6%);--dsa-wc-shadow-small: 0 1px 2px hsl(240 3.8% 46.1% / 12%);--dsa-wc-shadow-medium: 0 2px 4px hsl(240 3.8% 46.1% / 12%);--dsa-wc-shadow-large: 0 2px 8px hsl(240 3.8% 46.1% / 12%);--dsa-wc-shadow-x-large: 0 4px 16px hsl(240 3.8% 46.1% / 12%);--dsa-wc-breakpoint-small: 600px;--dsa-wc-breakpoint-medium: 905px;--dsa-wc-breakpoint-large: 1240px;--dsa-wc-breakpoint-x-large: 1440px}.dsa-scroll-lock{padding-right:var(--dsa-wc-scroll-lock-size)!important;overflow:hidden!important}.dialog__body::-webkit-scrollbar-track-piece{background-color:var(--dsa-wc-component-dialog-scrollbar-color)!important}.dsa-toast-stack{position:fixed;top:0;inset-inline-end:0;z-index:var(--dsa-wc-z-index-toast);width:28rem;max-width:100%;max-height:100%;overflow:auto}.dsa-toast-stack dsa-alert{margin:var(--dsa-spacing-8)}.dsa-toast-stack dsa-alert::part(base){box-shadow:var(--dsa-wc-shadow-large)}.dsa-link{font:inherit;font-size:inherit;color:var(--dsa-wc-link-on-base-color);text-decoration:none;border-bottom-width:var(--dsa-wc-link-underline-thickness);border-bottom-style:solid;transition:border-width .1s ease-out}.dsa-link--with-prefix{display:flex;flex-direction:row;align-items:center;border-bottom-style:solid;border-bottom-color:transparent;transition:none}.dsa-link--on-sitemap{transition:none;border-bottom-style:none;color:var(--dsa-color-text-on-layer-primary)}.dsa-link--on-contrasted{color:var(--dsa-wc-link-on-contrasted-color)}.dsa-link--on-layer{color:var(--dsa-wc-link-on-layer-color)}.dsa-link--floating-menu{color:var(--dsa-wc-link-floating-menu-color)}.dsa-link:hover{color:var(--dsa-wc-link-hover-on-base-color);border-bottom-width:calc(var(--dsa-wc-link-underline-thickness) * var(--dsa-wc-link-hover-underline-thickness-multiplier))}.dsa-link--with-prefix:hover{border-bottom-width:var(--dsa-wc-link-underline-thickness);border-bottom-color:var(--dsa-wc-link-on-base-color);color:var(--dsa-wc-link-hover-on-base-color)}.dsa-link--on-sitemap:hover{border-bottom-style:solid;border-bottom-width:var(--dsa-wc-link-underline-thickness);color:var(--dsa-color-text-on-layer-primary)}.dsa-link--on-contrasted:hover{color:var(--dsa-wc-link-hover-on-contrasted-color)}.dsa-link--on-layer:hover{color:var(--dsa-wc-link-hover-on-layer-color)}.dsa-link--floating-menu:hover{color:var(--dsa-wc-link-hover-floating-menu-color)}.dsa-link:visited,.dsa-link--with-prefix:visited,.dsa-link--on-sitemap:visited{color:var(--dsa-wc-link-visited-on-base-color)}.dsa-link--on-contrasted:visited{color:var(--dsa-wc-link-visited-on-contrasted-color)}.dsa-link--on-layer:visited{color:var(--dsa-wc-link-visited-on-layer-color)}.dsa-link--floating-menu:visited{color:var(--dsa-wc-link-visited-floating-menu-color)}.dsa-link:active,.dsa-link--with-prefix:active,.dsa-link--on-sitemap:active{color:var(--dsa-wc-link-active-on-base-color)}.dsa-link--on-contrasted:active{color:var(--dsa-wc-link-active-on-contrasted-color)}.dsa-link--on-layer:active{color:var(--dsa-wc-link-active-on-layer-color)}.dsa-link--floating-menu:active{color:var(--dsa-wc-link-active-floating-menu-color)}.dsa-link:focus-visible{outline:var(--dsa-wc-focus-ring);border-radius:var(--dsa-wc-focus-ring-radius)}.no-animations{--dsa-wc-no-animations-duration: 0s}.dsa-grid-container{--dsa-grid-gap: 16px;--dsa-grid-padding: 16px;display:grid;gap:var(--dsa-grid-gap);grid-template-columns:repeat(4,1fr);margin-left:var(--dsa-grid-padding);margin-right:var(--dsa-grid-padding)}.dsa-grid-container-with-sidebar{--dsa-grid-with-sidebar-gap: 24px;--dsa-grid-with-sidebar-padding: 24px;display:grid;gap:var(--dsa-grid-with-sidebar-gap);grid-template-columns:repeat(8,1fr);margin-left:var(--dsa-grid-with-sidebar-padding);margin-right:var(--dsa-grid-with-sidebar-padding)}@media only screen and (min-width: 600px){.dsa-grid-container{--dsa-grid-gap: 24px;--dsa-grid-padding: 24px;grid-template-columns:repeat(8,1fr)}}@media only screen and (min-width: 905px){.dsa-grid-container{--dsa-grid-gap: 24px;--dsa-grid-padding: 24px;grid-template-columns:repeat(12,1fr)}}@media only screen and (min-width: 1240px){.dsa-grid-container{--dsa-grid-gap: 24px;--dsa-grid-padding: 48px;grid-template-columns:repeat(12,1fr)}.dsa-grid-gutter{--dsa-grid-padding: 200px;justify-content:center}}@media only screen and (min-width: 1440px){.dsa-grid-container{--dsa-grid-gap: 24px;--dsa-grid-padding: 48px;grid-template-columns:repeat(12,1fr)}.dsa-grid-gutter{--dsa-grid-padding: auto;grid-template-columns:repeat(12,72px)}.dsa-grid-container-with-sidebar{--dsa-grid-with-sidebar-gap: 24px;--dsa-grid-with-sidebar-padding: auto;grid-template-columns:repeat(12,56px);justify-content:center}}.dsa-sidebar-container{display:grid;width:360px;grid-template-columns:repeat(4,1fr)}