@ds-autonomie/web-components 1.8.0 → 1.9.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.
- package/CHANGELOG.md +18 -0
- package/dist/chunks/{chunk.KZIAHLAV.js → chunk.27JQOQHL.js} +31 -13
- package/dist/chunks/{chunk.K55HKFUM.js → chunk.2CCVOCSE.js} +11 -0
- package/dist/chunks/chunk.2TCYCYJQ.js +187 -0
- package/dist/chunks/chunk.3BOLT7UM.js +168 -0
- package/dist/chunks/{chunk.WMEXYRBL.js → chunk.3EDVQPST.js} +1 -1
- package/dist/chunks/chunk.47IWI2IO.js +51 -0
- package/dist/chunks/{chunk.BEGWFCAR.js → chunk.4Z3LVWYW.js} +23 -3
- package/dist/chunks/{chunk.5MXBL3PY.js → chunk.5QYMKLPJ.js} +1 -1
- package/dist/chunks/{chunk.TRMEXXU2.js → chunk.5X3ZLYWR.js} +4 -4
- package/dist/chunks/chunk.65HTBW2L.js +31 -0
- package/dist/chunks/{chunk.5KOTVDN5.js → chunk.66WACVGP.js} +13 -2
- package/dist/chunks/{chunk.TFXRULTL.js → chunk.74YBAWFQ.js} +1 -1
- package/dist/chunks/chunk.7NRLP2GK.js +172 -0
- package/dist/chunks/{chunk.F4KJFS2T.js → chunk.7PEABCEV.js} +1 -1
- package/dist/chunks/{chunk.SEH7BBNZ.js → chunk.7ZBFOFLF.js} +2 -2
- package/dist/chunks/chunk.BFG2T6XK.js +76 -0
- package/dist/chunks/{chunk.DMP5NRB3.js → chunk.BMSQX3ZA.js} +134 -118
- package/dist/chunks/{chunk.IFXLU6P3.js → chunk.BVRGK5ZO.js} +27 -4
- package/dist/chunks/{chunk.AXJZDS4O.js → chunk.BWQBVIRR.js} +1 -1
- package/dist/chunks/{chunk.VN7U4QIC.js → chunk.CFTA3QKA.js} +1 -1
- package/dist/chunks/{chunk.F6EDQPCA.js → chunk.CPEI3G7E.js} +1 -1
- package/dist/chunks/{chunk.WTGBJNXJ.js → chunk.CURRLKGD.js} +1 -1
- package/dist/chunks/{chunk.MIO6K4QD.js → chunk.DAQJDIFW.js} +1 -1
- package/dist/chunks/{chunk.ZC74GTBL.js → chunk.DX25IW4S.js} +0 -4
- package/dist/chunks/{chunk.ZCNXAXKX.js → chunk.EETYUDWR.js} +12 -1
- package/dist/chunks/{chunk.OIWFTO2A.js → chunk.EFCI6CBB.js} +17 -5
- package/dist/chunks/chunk.ESYJVRG3.js +129 -0
- package/dist/chunks/{chunk.ADG7SYDH.js → chunk.G2S6QEJM.js} +1 -1
- package/dist/chunks/{chunk.MUBB5GXY.js → chunk.GOSPYXFS.js} +5 -8
- package/dist/chunks/chunk.H4XXY6QB.js +73 -0
- package/dist/chunks/chunk.HAJSA7VP.js +53 -0
- package/dist/chunks/chunk.HW4HC4GP.js +61 -0
- package/dist/chunks/{chunk.B5DEC3ZW.js → chunk.IEBTPGUT.js} +2 -1
- package/dist/chunks/{chunk.CJIL3BLA.js → chunk.JJ67JVYV.js} +2 -0
- package/dist/chunks/{chunk.7XNMTM6N.js → chunk.KAXMDDPV.js} +1 -1
- package/dist/chunks/{chunk.NEIICCKM.js → chunk.KUC4IPNW.js} +24 -6
- package/dist/chunks/{chunk.MZMKGGW2.js → chunk.LG4WLLQM.js} +1 -1
- package/dist/chunks/{chunk.ZBTNUV7V.js → chunk.LJ7Y3MBX.js} +5 -5
- package/dist/chunks/{chunk.DFH66YHJ.js → chunk.MHEF6WDT.js} +1 -1
- package/dist/chunks/{chunk.XEZX466O.js → chunk.MMHCJ5DA.js} +1 -1
- package/dist/chunks/chunk.N5UMZAXE.js +264 -0
- package/dist/chunks/chunk.N7H2OIPT.js +82 -0
- package/dist/chunks/{chunk.6A2LWKQY.js → chunk.NZK7MHS3.js} +1 -1
- package/dist/chunks/{chunk.N6EX6BDJ.js → chunk.ONIFK4NH.js} +28 -0
- package/dist/chunks/{chunk.KY6SFO3D.js → chunk.OXPE4AH7.js} +1 -1
- package/dist/chunks/chunk.OZWZRPR2.js +56 -0
- package/dist/chunks/{chunk.VZIVZSLP.js → chunk.P6TKBTE3.js} +1 -1
- package/dist/chunks/chunk.PFGVYROJ.js +26 -0
- package/dist/chunks/{chunk.HWR5JOYI.js → chunk.POJ5NHBX.js} +1 -1
- package/dist/chunks/{chunk.6OP6GCU4.js → chunk.R4Y6XOHR.js} +12 -2
- package/dist/chunks/{chunk.L5YSEAAK.js → chunk.RFLSIZXC.js} +1 -1
- package/dist/chunks/{chunk.JGWZGEQY.js → chunk.RZ3LYIA4.js} +4 -4
- package/dist/chunks/{chunk.43PVVN7Q.js → chunk.S7OQV6LL.js} +1 -1
- package/dist/chunks/chunk.S7VHPQOI.js +239 -0
- package/dist/chunks/{chunk.PO3AZ63O.js → chunk.T7VLQ7RI.js} +2 -1
- package/dist/chunks/{chunk.7UXBTLEE.js → chunk.TUWCKMLU.js} +2 -2
- package/dist/chunks/chunk.TWRM2VNQ.js +131 -0
- package/dist/chunks/{chunk.C7BQI7NH.js → chunk.UVCXXEVO.js} +1 -1
- package/dist/chunks/{chunk.YF45VJOV.js → chunk.UXKJPQ6X.js} +1 -1
- package/dist/chunks/{chunk.DNSF5O4C.js → chunk.UXXDCLQD.js} +1 -1
- package/dist/chunks/{chunk.C33YMWL6.js → chunk.V5O2GRVM.js} +15 -3
- package/dist/chunks/{chunk.EKWYMXQO.js → chunk.VNAE4DJZ.js} +1 -0
- package/dist/chunks/{chunk.RXBDBWWT.js → chunk.VWZFYMC7.js} +6 -0
- package/dist/chunks/{chunk.22WSILHD.js → chunk.WNODOQAI.js} +1 -1
- package/dist/chunks/chunk.XM5ZLNIT.js +32 -0
- package/dist/chunks/chunk.YA5XTUZW.js +76 -0
- package/dist/chunks/{chunk.DIC5NUF5.js → chunk.YAF5P5CP.js} +4 -0
- package/dist/chunks/chunk.YDZQSSJE.js +77 -0
- package/dist/components/accordion/accordion.js +5 -5
- package/dist/components/alert/alert.js +7 -7
- package/dist/components/avatar/avatar.js +4 -4
- package/dist/components/badge/badge.d.ts +3 -0
- package/dist/components/badge/badge.js +3 -2
- package/dist/components/badge/badge.styles.js +1 -1
- package/dist/components/breadcrumb/breadcrumb.js +5 -5
- package/dist/components/breadcrumb-item/breadcrumb-item.js +2 -2
- package/dist/components/button/button.js +6 -6
- package/dist/components/checkbox/checkbox.d.ts +3 -0
- package/dist/components/checkbox/checkbox.js +6 -5
- package/dist/components/checkbox/checkbox.styles.js +1 -1
- package/dist/components/checkbox-button/checkbox-button.js +3 -3
- package/dist/components/combobox/combobox.d.ts +0 -1
- package/dist/components/combobox/combobox.js +9 -9
- package/dist/components/dialog/dialog.js +7 -7
- package/dist/components/download-card/download-card.js +3 -3
- package/dist/components/download-link/download-link.js +3 -3
- package/dist/components/drawer/drawer.js +7 -7
- package/dist/components/dropdown/dropdown.js +2 -2
- package/dist/components/error-message-panel/error-message-panel.js +2 -2
- package/dist/components/footer-sitemap-item/footer-sitemap-item.js +1 -1
- package/dist/components/format-bytes/format-bytes.js +2 -2
- package/dist/components/format-date/format-date.js +2 -2
- package/dist/components/format-number/format-number.js +2 -2
- package/dist/components/header/header.assets.d.ts +2 -0
- package/dist/components/header/header.assets.js +9 -0
- package/dist/components/header/header.d.ts +37 -0
- package/dist/components/header/header.js +17 -0
- package/dist/components/header/header.styles.d.ts +2 -0
- package/dist/components/header/header.styles.js +8 -0
- package/dist/components/header-external-link/header-external-link.d.ts +18 -0
- package/dist/components/header-external-link/header-external-link.js +9 -0
- package/dist/components/header-external-link/header-external-link.style.d.ts +2 -0
- package/dist/components/header-external-link/header-external-link.style.js +18 -0
- package/dist/components/header-search/header-search.d.ts +45 -0
- package/dist/components/header-search/header-search.js +12 -0
- package/dist/components/header-search/header-search.styles.d.ts +2 -0
- package/dist/components/header-search/header-search.styles.js +8 -0
- package/dist/components/icon/icon.js +3 -3
- package/dist/components/icon-button/icon-button.d.ts +2 -1
- package/dist/components/icon-button/icon-button.js +5 -5
- package/dist/components/icon-button/icon-button.styles.js +1 -1
- package/dist/components/input/input.js +6 -6
- package/dist/components/input-mask/input-mask.js +2 -2
- package/dist/components/input-phone/input-phone.configs.d.ts +4 -3
- package/dist/components/input-phone/input-phone.configs.js +3 -3
- package/dist/components/input-phone/input-phone.d.ts +8 -8
- package/dist/components/input-phone/input-phone.js +16 -16
- package/dist/components/input-phone/input-phone.styles.js +1 -1
- package/dist/components/input-phone/input-phone.utils.d.ts +3 -3
- package/dist/components/input-phone/input-phone.utils.js +5 -5
- package/dist/components/menu-item/menu-item.js +3 -3
- package/dist/components/option/option.js +5 -5
- package/dist/components/pagination/pagination.d.ts +2 -2
- package/dist/components/pagination/pagination.js +9 -8
- package/dist/components/pagination/pagination.styles.js +1 -1
- package/dist/components/progress-bar/progress-bar.js +2 -2
- package/dist/components/radio/radio.js +3 -3
- package/dist/components/relative-time/relative-time.js +2 -2
- package/dist/components/select/select.js +8 -8
- package/dist/components/skeleton/skeleton.d.ts +1 -0
- package/dist/components/skeleton/skeleton.js +5 -3
- package/dist/components/skip-link-item/skip-link-item.d.ts +1 -0
- package/dist/components/skip-link-item/skip-link-item.js +1 -1
- package/dist/components/skip-links/skip-links.d.ts +0 -6
- package/dist/components/skip-links/skip-links.js +2 -2
- package/dist/components/skip-links/skip-links.styles.js +1 -1
- package/dist/components/spinner/spinner.js +2 -2
- package/dist/components/step/step.js +6 -6
- package/dist/components/tab/tab.js +2 -2
- package/dist/components/tab-group/tab-group.js +2 -2
- package/dist/components/table/table-body/table-body.d.ts +8 -3
- package/dist/components/table/table-body/table-body.js +5 -1
- package/dist/components/table/table-caption/table-caption.d.ts +6 -2
- package/dist/components/table/table-caption/table-caption.js +7 -3
- package/dist/components/table/table-caption/table-caption.styles.js +1 -1
- package/dist/components/table/table-cell/table-cell.d.ts +6 -2
- package/dist/components/table/table-cell/table-cell.js +5 -1
- package/dist/components/table/table-expanded-row/table-expanded-row.d.ts +17 -0
- package/dist/components/table/table-expanded-row/table-expanded-row.js +47 -0
- package/dist/components/table/table-expanded-row/table-expanded-row.styles.d.ts +2 -0
- package/dist/components/table/table-expanded-row/table-expanded-row.styles.js +8 -0
- package/dist/components/table/table-head/table-head.d.ts +8 -3
- package/dist/components/table/table-head/table-head.js +5 -1
- package/dist/components/table/table-header-cell/table-header-cell.d.ts +8 -1
- package/dist/components/table/table-header-cell/table-header-cell.js +7 -4
- package/dist/components/table/table-header-cell/table-header-cell.styles.js +1 -1
- package/dist/components/table/table-header-row/table-header-row.d.ts +4 -2
- package/dist/components/table/table-header-row/table-header-row.js +7 -4
- package/dist/components/table/table-header-row/table-header-row.styles.js +1 -1
- package/dist/components/table/table-row/table-row.d.ts +48 -1
- package/dist/components/table/table-row/table-row.js +5 -2
- package/dist/components/table/table-row/table-row.styles.js +1 -1
- package/dist/components/table/table.d.ts +23 -1
- package/dist/components/table/table.js +2 -2
- package/dist/components/table/table.styles.js +1 -1
- package/dist/components/table-container/table-container.d.ts +4 -2
- package/dist/components/table-container/table-container.js +3 -1
- package/dist/components/tag/tag.js +7 -7
- package/dist/components/tooltip/tooltip.js +2 -2
- package/dist/components/tree/tree.js +11 -10
- package/dist/components/tree-item/tree-item.js +10 -9
- package/dist/components/tree-item/tree-item.styles.js +1 -1
- package/dist/custom-elements.json +2490 -991
- package/dist/design-system.d.ts +3 -0
- package/dist/design-system.js +119 -103
- package/dist/events/dsa-submit.d.ts +7 -0
- package/dist/events/dsa-submit.js +1 -0
- package/dist/events/dsa-table-row-all-change-selection.d.ts +7 -0
- package/dist/events/dsa-table-row-all-change-selection.js +1 -0
- package/dist/events/dsa-table-row-all-selected.d.ts +10 -0
- package/dist/events/dsa-table-row-all-selected.js +1 -0
- package/dist/events/dsa-table-row-change-selection.d.ts +7 -0
- package/dist/events/dsa-table-row-change-selection.js +1 -0
- package/dist/events/dsa-table-row-click.d.ts +7 -0
- package/dist/events/dsa-table-row-click.js +1 -0
- package/dist/events/dsa-table-row-expand-change.d.ts +7 -0
- package/dist/events/dsa-table-row-expand-change.js +1 -0
- package/dist/events/dsa-table-row-selected.d.ts +11 -0
- package/dist/events/dsa-table-row-selected.js +1 -0
- package/dist/events/events.d.ts +6 -0
- package/dist/internal/loading-state-element.d.ts +7 -0
- package/dist/internal/loading-state-element.js +23 -0
- package/dist/themes/dsa-wc-theme.css +53 -3
- package/dist/themes/dsa-wc-theme.min.css +1 -1
- package/dist/themes/dsa-wc-theme.styles.js +56 -3
- package/dist/translations/en-gb.js +1 -1
- package/dist/translations/en.js +1 -1
- package/dist/translations/fr.js +1 -1
- package/dist/utilities/localize.d.ts +10 -1
- package/dist/utilities/localize.js +1 -1
- package/dist/utilities/storybook.d.ts +1 -0
- package/dist/utilities/storybook.js +12 -0
- package/dist/vscode.html-custom-data.json +168 -14
- package/dist/web-types.json +913 -70
- package/package.json +1 -1
- package/dist/chunks/chunk.2AHY5V6G.js +0 -25
- package/dist/chunks/chunk.65JZEQ4F.js +0 -33
- package/dist/chunks/chunk.6ZQ4OQ2C.js +0 -51
- package/dist/chunks/chunk.CHM74JXS.js +0 -74
- package/dist/chunks/chunk.HL632DKM.js +0 -86
- package/dist/chunks/chunk.M2SPGS54.js +0 -31
- package/dist/chunks/chunk.MVKY65HC.js +0 -33
- package/dist/chunks/chunk.OBTE6PY7.js +0 -41
- package/dist/chunks/chunk.TB6DCJYX.js +0 -57
- package/dist/chunks/chunk.UCJGKOXX.js +0 -10
- package/dist/chunks/chunk.Z4V2DJQS.js +0 -44
- package/dist/chunks/{chunk.JOIYVWUG.js → chunk.5MB36CJO.js} +1 -1
- package/dist/chunks/{chunk.V7MYOBN4.js → chunk.QZTW3WMM.js} +3 -3
|
@@ -335,10 +335,16 @@
|
|
|
335
335
|
var(--dsa-spacing-12) var(--dsa-spacing-4);
|
|
336
336
|
--dsa-wc-option-check-icon-horizontal-padding: var(--dsa-spacing-4);
|
|
337
337
|
--dsa-wc-badge-font: var(--dsa-font-x-small-bold);
|
|
338
|
-
--dsa-wc-badge-
|
|
339
|
-
--dsa-wc-badge-dot-padding:
|
|
338
|
+
--dsa-wc-badge-small-font: var(--dsa-font-2x-small-bold);
|
|
339
|
+
--dsa-wc-badge-dot-padding: 8px;
|
|
340
|
+
--dsa-wc-badge-dot-small-padding: 4px;
|
|
341
|
+
--dsa-wc-badge-text-padding: 6px 9px;
|
|
342
|
+
--dsa-wc-badge-text-small-padding: 3px 5px;
|
|
343
|
+
--dsa-wc-badge-padding: 6px 9px;
|
|
344
|
+
--dsa-wc-badge-small-padding: 3px 5px;
|
|
345
|
+
--dsa-wc-badge-text-min-width: 24px;
|
|
346
|
+
--dsa-wc-badge-text-small-min-width: 16px;
|
|
340
347
|
--dsa-wc-badge-border-radius: 32px;
|
|
341
|
-
--dsa-wc-badge-dot-size: 24px;
|
|
342
348
|
--dsa-wc-badge-background-color-primary: var(
|
|
343
349
|
--dsa-color-badge-background-primary
|
|
344
350
|
);
|
|
@@ -878,6 +884,7 @@
|
|
|
878
884
|
--dsa-wc-progress-bar-small-size: 1rem;
|
|
879
885
|
--dsa-wc-progress-bar-small-gap: 0.5rem;
|
|
880
886
|
--dsa-wc-progress-bar-small-track-width: 3px;
|
|
887
|
+
--dsa-wc-input-margin-inline: var(--dsa-spacing-8);
|
|
881
888
|
--dsa-wc-input-padding-x: var(--dsa-spacing-12);
|
|
882
889
|
--dsa-wc-input-padding-y: var(--dsa-spacing-8);
|
|
883
890
|
--dsa-wc-input-padding: var(--dsa-wc-input-padding-y)
|
|
@@ -1377,8 +1384,29 @@
|
|
|
1377
1384
|
--dsa-wc-footer-sitemap-label-color: var(--dsa-color-text-on-base-secondary);
|
|
1378
1385
|
--dsa-wc-footer-sitemap-list-font: var(--dsa-font-small-normal);
|
|
1379
1386
|
--dsa-wc-footer-sitemap-label-margin: 0px;
|
|
1387
|
+
--dsa-wc-header-background: var(--dsa-color-background-base);
|
|
1388
|
+
--dsa-wc-header-box-shadow: 0px 1.378px 5.512px 0px rgba(113, 113, 122, 0.12);
|
|
1389
|
+
--dsa-wc-header-padding-x: var(--dsa-spacing-16);
|
|
1390
|
+
--dsa-wc-header-medium-padding-x: var(--dsa-spacing-24);
|
|
1391
|
+
--dsa-wc-header-x-large-padding-x: 200px;
|
|
1392
|
+
--dsa-wc-header-external-links-padding-y: var(--dsa-spacing-8);
|
|
1393
|
+
--dsa-wc-header-main-padding-y: var(--dsa-spacing-8);
|
|
1394
|
+
--dsa-wc-header-main-medium-padding-y: var(--dsa-spacing-16);
|
|
1395
|
+
--dsa-wc-header-logo-width-mobile: 84px;
|
|
1396
|
+
--dsa-wc-header-logo-width-desktop: 108px;
|
|
1397
|
+
--dsa-wc-header-logo-height-mobile: 40px;
|
|
1398
|
+
--dsa-wc-header-logo-height-desktop: 50px;
|
|
1399
|
+
--dsa-wc-header-sitename-color: var(--dsa-color-primitives-purple-500);
|
|
1400
|
+
--dsa-wc-header-sitename-font-mobile: var(--dsa-font-small-bold);
|
|
1401
|
+
--dsa-wc-header-sitename-font-desktop: var(--dsa-font-medium-bold);
|
|
1402
|
+
--dsa-wc-header-baseline-color: var(--dsa-color-text-on-base-primary);
|
|
1403
|
+
--dsa-wc-header-baseline-font-mobile: var(--dsa-font-x-small-normal);
|
|
1404
|
+
--dsa-wc-header-baseline-font-desktop: var(--dsa-font-small-normal);
|
|
1405
|
+
--dsa-wc-header-search-input-color: var(--dsa-color-primitives-neutral-900);
|
|
1406
|
+
--dsa-wc-header-search-input-font: var(--dsa-font-medium-normal);
|
|
1380
1407
|
--dsa-wc-table-header-cell-padding-y: var(--dsa-spacing-4);
|
|
1381
1408
|
--dsa-wc-table-header-cell-padding-x: var(--dsa-spacing-8);
|
|
1409
|
+
--dsa-wc-table-header-cell-skeleton-padding-inline-end: var(--dsa-spacing-40);
|
|
1382
1410
|
--dsa-wc-table-header-cell-background-hover: var(
|
|
1383
1411
|
--dsa-color-primitives-neutral-400
|
|
1384
1412
|
);
|
|
@@ -1387,6 +1415,12 @@
|
|
|
1387
1415
|
);
|
|
1388
1416
|
--dsa-wc-table-header-cell-sort-icon-size: 1rem;
|
|
1389
1417
|
--dsa-wc-table-header-cell-sort-button-outline-offset: -3px;
|
|
1418
|
+
--dsa-wc-table-header-cell-skeleton-color: var(
|
|
1419
|
+
--dsa-color-primitives-neutral-400
|
|
1420
|
+
);
|
|
1421
|
+
--dsa-wc-table-header-cell-skeleton-sheen-color: var(
|
|
1422
|
+
--dsa-color-primitives-neutral-500
|
|
1423
|
+
);
|
|
1390
1424
|
--dsa-wc-table-header-row-font: var(--dsa-font-small-bold);
|
|
1391
1425
|
--dsa-wc-table-header-row-background: var(--dsa-color-background-layer);
|
|
1392
1426
|
--dsa-wc-table-header-row-color: var(--dsa-color-text-on-base-primary);
|
|
@@ -1415,6 +1449,19 @@
|
|
|
1415
1449
|
--dsa-wc-table-row-small-height: 2rem;
|
|
1416
1450
|
--dsa-wc-table-row-medium-height: 3.5rem;
|
|
1417
1451
|
--dsa-wc-table-row-large-height: 5rem;
|
|
1452
|
+
--dsa-wc-table-row-selectable-cell-width: 40px;
|
|
1453
|
+
--dsa-wc-table-row-expandable-cell-width: 40px;
|
|
1454
|
+
--dsa-wc-table-expanded-row-background: var(
|
|
1455
|
+
--dsa-color-primitives-neutral-300
|
|
1456
|
+
);
|
|
1457
|
+
--dsa-wc-table-expanded-row-transition: all var(--dsa-wc-transition-fast)
|
|
1458
|
+
cubic-bezier(0.2, 0, 0.38, 0.9) 0s;
|
|
1459
|
+
--dsa-wc-table-expanded-row-height: 3rem;
|
|
1460
|
+
--dsa-wc-table-expanded-row-padding-y: var(--dsa-spacing-16);
|
|
1461
|
+
--dsa-wc-table-expanded-row-padding-x: var(--dsa-spacing-24);
|
|
1462
|
+
--dsa-wc-table-expanded-row-top-shadow: inset 0px 11px 8px -8px hsla(0, 0%, 60%, 0.25);
|
|
1463
|
+
--dsa-wc-table-expanded-row-bottom-shadow: inset 0px -11px 10px -12px
|
|
1464
|
+
hsla(0, 0%, 60%, 0.25);
|
|
1418
1465
|
--dsa-wc-pagination-font: var(--dsa-font-small-normal);
|
|
1419
1466
|
--dsa-wc-pagination-height-desktop: 56px;
|
|
1420
1467
|
--dsa-wc-pagination-color: var(--dsa-color-text-on-base-primary);
|
|
@@ -1483,6 +1530,7 @@
|
|
|
1483
1530
|
display: flex;
|
|
1484
1531
|
flex-direction: row;
|
|
1485
1532
|
align-items: center;
|
|
1533
|
+
gap: var(--dsa-spacing-8);
|
|
1486
1534
|
border-bottom-style: solid;
|
|
1487
1535
|
border-bottom-color: transparent;
|
|
1488
1536
|
transition: none;
|
|
@@ -1529,6 +1577,7 @@
|
|
|
1529
1577
|
}
|
|
1530
1578
|
.dsa-link:visited {
|
|
1531
1579
|
color: var(--dsa-wc-link-visited-on-base-color);
|
|
1580
|
+
border-bottom-color: var(--dsa-wc-link-visited-on-base-color);
|
|
1532
1581
|
}
|
|
1533
1582
|
.dsa-link--with-prefix:visited {
|
|
1534
1583
|
color: var(--dsa-wc-link-visited-on-base-color);
|
|
@@ -1547,6 +1596,7 @@
|
|
|
1547
1596
|
}
|
|
1548
1597
|
.dsa-link:active {
|
|
1549
1598
|
color: var(--dsa-wc-link-active-on-base-color);
|
|
1599
|
+
border-bottom-color: var(--dsa-wc-link-active-on-base-color);
|
|
1550
1600
|
}
|
|
1551
1601
|
.dsa-link--with-prefix:active {
|
|
1552
1602
|
color: var(--dsa-wc-link-active-on-base-color);
|
|
@@ -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-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-border-color-readonly: var( --dsa-color-toggle-item-readonly );--dsa-wc-checkbox-background-color-readonly: var(--dsa-wc-checkbox-color);--dsa-wc-checkbox-icon-color-readonly: var(--dsa-color-toggle-item-default);--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-padding-x: var(--dsa-spacing-12);--dsa-wc-select-padding-y: var(--dsa-spacing-4);--dsa-wc-select-padding: var(--dsa-wc-select-padding-y) var(--dsa-wc-select-padding-x);--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-table-header-cell-padding-y: var(--dsa-spacing-4);--dsa-wc-table-header-cell-padding-x: var(--dsa-spacing-8);--dsa-wc-table-header-cell-background-hover: var( --dsa-color-primitives-neutral-400 );--dsa-wc-table-header-cell-background-active: var( --dsa-color-primitives-neutral-500 );--dsa-wc-table-header-cell-sort-icon-size: 1rem;--dsa-wc-table-header-cell-sort-button-outline-offset: -3px;--dsa-wc-table-header-row-font: var(--dsa-font-small-bold);--dsa-wc-table-header-row-background: var(--dsa-color-background-layer);--dsa-wc-table-header-row-color: var(--dsa-color-text-on-base-primary);--dsa-wc-table-header-row-height: 2.5rem;--dsa-wc-table-cell-padding-y: var(--dsa-spacing-4);--dsa-wc-table-cell-padding-x: var(--dsa-spacing-8);--dsa-wc-table-cell-border-color: var(--dsa-color-background-divider);--dsa-wc-table-cell-border-size: 1px;--dsa-wc-table-row-background: var(--dsa-color-background-base);--dsa-wc-table-row-font: var(--dsa-font-small-normal);--dsa-wc-table-row-color: var(--dsa-color-text-on-base-primary);--dsa-wc-table-row-hover-background: var(--dsa-color-primitives-purple-100);--dsa-wc-table-row-selected-background: var( --dsa-color-primitives-purple-200 );--dsa-wc-table-row-error-background: var(--dsa-color-background-base);--dsa-wc-table-row-hover-error-background: var( --dsa-color-primitives-system-error-200 );--dsa-wc-table-row-hover-selected-error-background: var( --dsa-color-primitives-system-error-300 );--dsa-wc-table-row-error-border-color: var( --dsa-color-primitives-system-error-500 );--dsa-wc-table-row-small-height: 2rem;--dsa-wc-table-row-medium-height: 3.5rem;--dsa-wc-table-row-large-height: 5rem;--dsa-wc-pagination-font: var(--dsa-font-small-normal);--dsa-wc-pagination-height-desktop: 56px;--dsa-wc-pagination-color: var(--dsa-color-text-on-base-primary);--dsa-wc-pagination-button-border: solid 1px var(--dsa-color-background-border);--dsa-wc-pagination-button-size: 2rem;--dsa-wc-pagination-button-padding: 8px;--dsa-wc-pagination-button-background-color: var( --dsa-color-primitives-neutral-100 );--dsa-wc-pagination-button-hover-background-color: var( --dsa-color-background-base-hover );--dsa-wc-pagination-button-selected-background-color: hsla(265, 69%, 94%, 1);--dsa-wc-pagination-button-selected-color: hsla(265, 90%, 39%, 1);--dsa-wc-pagination-button-disabled-color: hsla(0, 0%, 40%, 1);--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)}
|
|
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-border-color-readonly: var( --dsa-color-toggle-item-readonly );--dsa-wc-checkbox-background-color-readonly: var(--dsa-wc-checkbox-color);--dsa-wc-checkbox-icon-color-readonly: var(--dsa-color-toggle-item-default);--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-small-font: var(--dsa-font-2x-small-bold);--dsa-wc-badge-dot-padding: 8px;--dsa-wc-badge-dot-small-padding: 4px;--dsa-wc-badge-text-padding: 6px 9px;--dsa-wc-badge-text-small-padding: 3px 5px;--dsa-wc-badge-padding: 6px 9px;--dsa-wc-badge-small-padding: 3px 5px;--dsa-wc-badge-text-min-width: 24px;--dsa-wc-badge-text-small-min-width: 16px;--dsa-wc-badge-border-radius: 32px;--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-margin-inline: var(--dsa-spacing-8);--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-padding-x: var(--dsa-spacing-12);--dsa-wc-select-padding-y: var(--dsa-spacing-4);--dsa-wc-select-padding: var(--dsa-wc-select-padding-y) var(--dsa-wc-select-padding-x);--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-header-background: var(--dsa-color-background-base);--dsa-wc-header-box-shadow: 0px 1.378px 5.512px 0px rgba(113, 113, 122, .12);--dsa-wc-header-padding-x: var(--dsa-spacing-16);--dsa-wc-header-medium-padding-x: var(--dsa-spacing-24);--dsa-wc-header-x-large-padding-x: 200px;--dsa-wc-header-external-links-padding-y: var(--dsa-spacing-8);--dsa-wc-header-main-padding-y: var(--dsa-spacing-8);--dsa-wc-header-main-medium-padding-y: var(--dsa-spacing-16);--dsa-wc-header-logo-width-mobile: 84px;--dsa-wc-header-logo-width-desktop: 108px;--dsa-wc-header-logo-height-mobile: 40px;--dsa-wc-header-logo-height-desktop: 50px;--dsa-wc-header-sitename-color: var(--dsa-color-primitives-purple-500);--dsa-wc-header-sitename-font-mobile: var(--dsa-font-small-bold);--dsa-wc-header-sitename-font-desktop: var(--dsa-font-medium-bold);--dsa-wc-header-baseline-color: var(--dsa-color-text-on-base-primary);--dsa-wc-header-baseline-font-mobile: var(--dsa-font-x-small-normal);--dsa-wc-header-baseline-font-desktop: var(--dsa-font-small-normal);--dsa-wc-header-search-input-color: var(--dsa-color-primitives-neutral-900);--dsa-wc-header-search-input-font: var(--dsa-font-medium-normal);--dsa-wc-table-header-cell-padding-y: var(--dsa-spacing-4);--dsa-wc-table-header-cell-padding-x: var(--dsa-spacing-8);--dsa-wc-table-header-cell-skeleton-padding-inline-end: var(--dsa-spacing-40);--dsa-wc-table-header-cell-background-hover: var( --dsa-color-primitives-neutral-400 );--dsa-wc-table-header-cell-background-active: var( --dsa-color-primitives-neutral-500 );--dsa-wc-table-header-cell-sort-icon-size: 1rem;--dsa-wc-table-header-cell-sort-button-outline-offset: -3px;--dsa-wc-table-header-cell-skeleton-color: var( --dsa-color-primitives-neutral-400 );--dsa-wc-table-header-cell-skeleton-sheen-color: var( --dsa-color-primitives-neutral-500 );--dsa-wc-table-header-row-font: var(--dsa-font-small-bold);--dsa-wc-table-header-row-background: var(--dsa-color-background-layer);--dsa-wc-table-header-row-color: var(--dsa-color-text-on-base-primary);--dsa-wc-table-header-row-height: 2.5rem;--dsa-wc-table-cell-padding-y: var(--dsa-spacing-4);--dsa-wc-table-cell-padding-x: var(--dsa-spacing-8);--dsa-wc-table-cell-border-color: var(--dsa-color-background-divider);--dsa-wc-table-cell-border-size: 1px;--dsa-wc-table-row-background: var(--dsa-color-background-base);--dsa-wc-table-row-font: var(--dsa-font-small-normal);--dsa-wc-table-row-color: var(--dsa-color-text-on-base-primary);--dsa-wc-table-row-hover-background: var(--dsa-color-primitives-purple-100);--dsa-wc-table-row-selected-background: var( --dsa-color-primitives-purple-200 );--dsa-wc-table-row-error-background: var(--dsa-color-background-base);--dsa-wc-table-row-hover-error-background: var( --dsa-color-primitives-system-error-200 );--dsa-wc-table-row-hover-selected-error-background: var( --dsa-color-primitives-system-error-300 );--dsa-wc-table-row-error-border-color: var( --dsa-color-primitives-system-error-500 );--dsa-wc-table-row-small-height: 2rem;--dsa-wc-table-row-medium-height: 3.5rem;--dsa-wc-table-row-large-height: 5rem;--dsa-wc-table-row-selectable-cell-width: 40px;--dsa-wc-table-row-expandable-cell-width: 40px;--dsa-wc-table-expanded-row-background: var( --dsa-color-primitives-neutral-300 );--dsa-wc-table-expanded-row-transition: all var(--dsa-wc-transition-fast) cubic-bezier(.2, 0, .38, .9) 0s;--dsa-wc-table-expanded-row-height: 3rem;--dsa-wc-table-expanded-row-padding-y: var(--dsa-spacing-16);--dsa-wc-table-expanded-row-padding-x: var(--dsa-spacing-24);--dsa-wc-table-expanded-row-top-shadow: inset 0px 11px 8px -8px hsla(0, 0%, 60%, .25);--dsa-wc-table-expanded-row-bottom-shadow: inset 0px -11px 10px -12px hsla(0, 0%, 60%, .25);--dsa-wc-pagination-font: var(--dsa-font-small-normal);--dsa-wc-pagination-height-desktop: 56px;--dsa-wc-pagination-color: var(--dsa-color-text-on-base-primary);--dsa-wc-pagination-button-border: solid 1px var(--dsa-color-background-border);--dsa-wc-pagination-button-size: 2rem;--dsa-wc-pagination-button-padding: 8px;--dsa-wc-pagination-button-background-color: var( --dsa-color-primitives-neutral-100 );--dsa-wc-pagination-button-hover-background-color: var( --dsa-color-background-base-hover );--dsa-wc-pagination-button-selected-background-color: hsla(265, 69%, 94%, 1);--dsa-wc-pagination-button-selected-color: hsla(265, 90%, 39%, 1);--dsa-wc-pagination-button-disabled-color: hsla(0, 0%, 40%, 1);--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;gap:var(--dsa-spacing-8);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{color:var(--dsa-wc-link-visited-on-base-color);border-bottom-color:var(--dsa-wc-link-visited-on-base-color)}.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{color:var(--dsa-wc-link-active-on-base-color);border-bottom-color:var(--dsa-wc-link-active-on-base-color)}.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)}
|
|
@@ -343,10 +343,16 @@ export default css`
|
|
|
343
343
|
var(--dsa-spacing-12) var(--dsa-spacing-4);
|
|
344
344
|
--dsa-wc-option-check-icon-horizontal-padding: var(--dsa-spacing-4);
|
|
345
345
|
--dsa-wc-badge-font: var(--dsa-font-x-small-bold);
|
|
346
|
-
--dsa-wc-badge-
|
|
347
|
-
--dsa-wc-badge-dot-padding:
|
|
346
|
+
--dsa-wc-badge-small-font: var(--dsa-font-2x-small-bold);
|
|
347
|
+
--dsa-wc-badge-dot-padding: 8px;
|
|
348
|
+
--dsa-wc-badge-dot-small-padding: 4px;
|
|
349
|
+
--dsa-wc-badge-text-padding: 6px 9px;
|
|
350
|
+
--dsa-wc-badge-text-small-padding: 3px 5px;
|
|
351
|
+
--dsa-wc-badge-padding: 6px 9px;
|
|
352
|
+
--dsa-wc-badge-small-padding: 3px 5px;
|
|
353
|
+
--dsa-wc-badge-text-min-width: 24px;
|
|
354
|
+
--dsa-wc-badge-text-small-min-width: 16px;
|
|
348
355
|
--dsa-wc-badge-border-radius: 32px;
|
|
349
|
-
--dsa-wc-badge-dot-size: 24px;
|
|
350
356
|
--dsa-wc-badge-background-color-primary: var(
|
|
351
357
|
--dsa-color-badge-background-primary
|
|
352
358
|
);
|
|
@@ -887,6 +893,7 @@ export default css`
|
|
|
887
893
|
--dsa-wc-progress-bar-small-size: 1rem;
|
|
888
894
|
--dsa-wc-progress-bar-small-gap: 0.5rem;
|
|
889
895
|
--dsa-wc-progress-bar-small-track-width: 3px;
|
|
896
|
+
--dsa-wc-input-margin-inline: var(--dsa-spacing-8);
|
|
890
897
|
--dsa-wc-input-padding-x: var(--dsa-spacing-12);
|
|
891
898
|
--dsa-wc-input-padding-y: var(--dsa-spacing-8);
|
|
892
899
|
--dsa-wc-input-padding: var(--dsa-wc-input-padding-y)
|
|
@@ -1404,8 +1411,32 @@ export default css`
|
|
|
1404
1411
|
);
|
|
1405
1412
|
--dsa-wc-footer-sitemap-list-font: var(--dsa-font-small-normal);
|
|
1406
1413
|
--dsa-wc-footer-sitemap-label-margin: 0px;
|
|
1414
|
+
--dsa-wc-header-background: var(--dsa-color-background-base);
|
|
1415
|
+
--dsa-wc-header-box-shadow: 0px 1.378px 5.512px 0px
|
|
1416
|
+
rgba(113, 113, 122, 0.12);
|
|
1417
|
+
--dsa-wc-header-padding-x: var(--dsa-spacing-16);
|
|
1418
|
+
--dsa-wc-header-medium-padding-x: var(--dsa-spacing-24);
|
|
1419
|
+
--dsa-wc-header-x-large-padding-x: 200px;
|
|
1420
|
+
--dsa-wc-header-external-links-padding-y: var(--dsa-spacing-8);
|
|
1421
|
+
--dsa-wc-header-main-padding-y: var(--dsa-spacing-8);
|
|
1422
|
+
--dsa-wc-header-main-medium-padding-y: var(--dsa-spacing-16);
|
|
1423
|
+
--dsa-wc-header-logo-width-mobile: 84px;
|
|
1424
|
+
--dsa-wc-header-logo-width-desktop: 108px;
|
|
1425
|
+
--dsa-wc-header-logo-height-mobile: 40px;
|
|
1426
|
+
--dsa-wc-header-logo-height-desktop: 50px;
|
|
1427
|
+
--dsa-wc-header-sitename-color: var(--dsa-color-primitives-purple-500);
|
|
1428
|
+
--dsa-wc-header-sitename-font-mobile: var(--dsa-font-small-bold);
|
|
1429
|
+
--dsa-wc-header-sitename-font-desktop: var(--dsa-font-medium-bold);
|
|
1430
|
+
--dsa-wc-header-baseline-color: var(--dsa-color-text-on-base-primary);
|
|
1431
|
+
--dsa-wc-header-baseline-font-mobile: var(--dsa-font-x-small-normal);
|
|
1432
|
+
--dsa-wc-header-baseline-font-desktop: var(--dsa-font-small-normal);
|
|
1433
|
+
--dsa-wc-header-search-input-color: var(--dsa-color-primitives-neutral-900);
|
|
1434
|
+
--dsa-wc-header-search-input-font: var(--dsa-font-medium-normal);
|
|
1407
1435
|
--dsa-wc-table-header-cell-padding-y: var(--dsa-spacing-4);
|
|
1408
1436
|
--dsa-wc-table-header-cell-padding-x: var(--dsa-spacing-8);
|
|
1437
|
+
--dsa-wc-table-header-cell-skeleton-padding-inline-end: var(
|
|
1438
|
+
--dsa-spacing-40
|
|
1439
|
+
);
|
|
1409
1440
|
--dsa-wc-table-header-cell-background-hover: var(
|
|
1410
1441
|
--dsa-color-primitives-neutral-400
|
|
1411
1442
|
);
|
|
@@ -1414,6 +1445,12 @@ export default css`
|
|
|
1414
1445
|
);
|
|
1415
1446
|
--dsa-wc-table-header-cell-sort-icon-size: 1rem;
|
|
1416
1447
|
--dsa-wc-table-header-cell-sort-button-outline-offset: -3px;
|
|
1448
|
+
--dsa-wc-table-header-cell-skeleton-color: var(
|
|
1449
|
+
--dsa-color-primitives-neutral-400
|
|
1450
|
+
);
|
|
1451
|
+
--dsa-wc-table-header-cell-skeleton-sheen-color: var(
|
|
1452
|
+
--dsa-color-primitives-neutral-500
|
|
1453
|
+
);
|
|
1417
1454
|
--dsa-wc-table-header-row-font: var(--dsa-font-small-bold);
|
|
1418
1455
|
--dsa-wc-table-header-row-background: var(--dsa-color-background-layer);
|
|
1419
1456
|
--dsa-wc-table-header-row-color: var(--dsa-color-text-on-base-primary);
|
|
@@ -1442,6 +1479,19 @@ export default css`
|
|
|
1442
1479
|
--dsa-wc-table-row-small-height: 2rem;
|
|
1443
1480
|
--dsa-wc-table-row-medium-height: 3.5rem;
|
|
1444
1481
|
--dsa-wc-table-row-large-height: 5rem;
|
|
1482
|
+
--dsa-wc-table-row-selectable-cell-width: 40px;
|
|
1483
|
+
--dsa-wc-table-row-expandable-cell-width: 40px;
|
|
1484
|
+
--dsa-wc-table-expanded-row-background: var(
|
|
1485
|
+
--dsa-color-primitives-neutral-300
|
|
1486
|
+
);
|
|
1487
|
+
--dsa-wc-table-expanded-row-transition: all var(--dsa-wc-transition-fast)
|
|
1488
|
+
cubic-bezier(0.2, 0, 0.38, 0.9) 0s;
|
|
1489
|
+
--dsa-wc-table-expanded-row-height: 3rem;
|
|
1490
|
+
--dsa-wc-table-expanded-row-padding-y: var(--dsa-spacing-16);
|
|
1491
|
+
--dsa-wc-table-expanded-row-padding-x: var(--dsa-spacing-24);
|
|
1492
|
+
--dsa-wc-table-expanded-row-top-shadow: inset 0px 11px 8px -8px hsla(0, 0%, 60%, 0.25);
|
|
1493
|
+
--dsa-wc-table-expanded-row-bottom-shadow: inset 0px -11px 10px -12px
|
|
1494
|
+
hsla(0, 0%, 60%, 0.25);
|
|
1445
1495
|
--dsa-wc-pagination-font: var(--dsa-font-small-normal);
|
|
1446
1496
|
--dsa-wc-pagination-height-desktop: 56px;
|
|
1447
1497
|
--dsa-wc-pagination-color: var(--dsa-color-text-on-base-primary);
|
|
@@ -1515,6 +1565,7 @@ export default css`
|
|
|
1515
1565
|
display: flex;
|
|
1516
1566
|
flex-direction: row;
|
|
1517
1567
|
align-items: center;
|
|
1568
|
+
gap: var(--dsa-spacing-8);
|
|
1518
1569
|
border-bottom-style: solid;
|
|
1519
1570
|
border-bottom-color: transparent;
|
|
1520
1571
|
transition: none;
|
|
@@ -1561,6 +1612,7 @@ export default css`
|
|
|
1561
1612
|
}
|
|
1562
1613
|
.dsa-link:visited {
|
|
1563
1614
|
color: var(--dsa-wc-link-visited-on-base-color);
|
|
1615
|
+
border-bottom-color: var(--dsa-wc-link-visited-on-base-color);
|
|
1564
1616
|
}
|
|
1565
1617
|
.dsa-link--with-prefix:visited {
|
|
1566
1618
|
color: var(--dsa-wc-link-visited-on-base-color);
|
|
@@ -1579,6 +1631,7 @@ export default css`
|
|
|
1579
1631
|
}
|
|
1580
1632
|
.dsa-link:active {
|
|
1581
1633
|
color: var(--dsa-wc-link-active-on-base-color);
|
|
1634
|
+
border-bottom-color: var(--dsa-wc-link-active-on-base-color);
|
|
1582
1635
|
}
|
|
1583
1636
|
.dsa-link--with-prefix:active {
|
|
1584
1637
|
color: var(--dsa-wc-link-active-on-base-color);
|
package/dist/translations/en.js
CHANGED
package/dist/translations/fr.js
CHANGED
|
@@ -53,11 +53,20 @@ export interface Translation extends DefaultTranslation {
|
|
|
53
53
|
ofTotal: (total: number) => string;
|
|
54
54
|
previousPage: string;
|
|
55
55
|
nextPage: string;
|
|
56
|
-
nextSortDirection: (direction: TABLE_SORT_DIRECTION) => string;
|
|
56
|
+
nextSortDirection: (direction: TABLE_SORT_DIRECTION, label: string) => string;
|
|
57
57
|
results: string;
|
|
58
|
+
goToHomepage: string;
|
|
59
|
+
search: string;
|
|
60
|
+
cancel: string;
|
|
61
|
+
showExpandedTableRow: string;
|
|
62
|
+
hideExpandedTableRow: string;
|
|
58
63
|
fr_FR: string;
|
|
59
64
|
fr_GP: string;
|
|
60
65
|
fr_GF: string;
|
|
61
66
|
fr_MQ: string;
|
|
67
|
+
fr_NC: string;
|
|
68
|
+
fr_PF: string;
|
|
69
|
+
fr_PM: string;
|
|
62
70
|
fr_RE: string;
|
|
71
|
+
fr_WF: string;
|
|
63
72
|
}
|
|
@@ -46,3 +46,4 @@ export declare const withOnLayerOnBaseDecorator: Decorator;
|
|
|
46
46
|
export declare const withOnFloatingMenuOnBaseDecorator: Decorator;
|
|
47
47
|
export declare const withBackgroundDecorator: Decorator;
|
|
48
48
|
export declare const extractArgsByPrefix: (args: Args, prefix: string) => Args;
|
|
49
|
+
export declare const excludeArgsByPrefix: (args: Args, prefix: string) => Args;
|
|
@@ -78,9 +78,21 @@ var extractArgsByPrefix = (args, prefix) => {
|
|
|
78
78
|
}, [])
|
|
79
79
|
);
|
|
80
80
|
};
|
|
81
|
+
var excludeArgsByPrefix = (args, prefix) => {
|
|
82
|
+
return Object.fromEntries(
|
|
83
|
+
Object.entries(args).reduce((filtered, entry) => {
|
|
84
|
+
if (!entry[0].startsWith(prefix)) {
|
|
85
|
+
return [...filtered, [entry[0], entry[1]]];
|
|
86
|
+
} else {
|
|
87
|
+
return filtered;
|
|
88
|
+
}
|
|
89
|
+
}, [])
|
|
90
|
+
);
|
|
91
|
+
};
|
|
81
92
|
export {
|
|
82
93
|
errorArgTypes,
|
|
83
94
|
errorMessageArgTypes,
|
|
95
|
+
excludeArgsByPrefix,
|
|
84
96
|
extractArgsByPrefix,
|
|
85
97
|
updateCompleteArgTypes,
|
|
86
98
|
withBackgroundDecorator,
|