@ds-autonomie/web-components 2.4.0 → 2.5.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (441) hide show
  1. package/CHANGELOG.md +33 -0
  2. package/cdn/chunks/{chunk.OSJ5I4FK.js → chunk.2FF44G4Y.js} +5 -0
  3. package/cdn/chunks/{chunk.ICBLN3KB.js → chunk.2N65UIM6.js} +6 -6
  4. package/cdn/chunks/{chunk.Y5RTMSTB.js → chunk.2S3446TB.js} +1 -1
  5. package/cdn/chunks/{chunk.EZ2CTTR3.js → chunk.3E3HJ2GB.js} +3 -3
  6. package/cdn/chunks/{chunk.ZHJDF2I3.js → chunk.3KJHZGAI.js} +5 -5
  7. package/cdn/chunks/{chunk.ZCBARTO2.js → chunk.3PDDINNE.js} +6 -0
  8. package/cdn/chunks/{chunk.45DY5Z6P.js → chunk.3XMYYR4P.js} +1 -5
  9. package/cdn/chunks/{chunk.N7TSHDJG.js → chunk.3YELONZ5.js} +1 -1
  10. package/cdn/chunks/chunk.4OAG5UWA.js +72 -0
  11. package/cdn/chunks/{chunk.HBIJX2WM.js → chunk.4Q4LBN6D.js} +1 -1
  12. package/cdn/chunks/{chunk.YJBMFRB4.js → chunk.4UMO5YHQ.js} +1 -1
  13. package/cdn/chunks/{chunk.XLDTCR3W.js → chunk.5B3X2KU4.js} +8 -5
  14. package/cdn/chunks/{chunk.UPVAZQNH.js → chunk.5F7AUS4F.js} +50 -34
  15. package/cdn/chunks/chunk.5QJ7KDER.js +124 -0
  16. package/cdn/chunks/{chunk.TZ4FLP4S.js → chunk.5UVKMYSG.js} +1 -1
  17. package/cdn/chunks/chunk.6CVNT3XU.js +108 -0
  18. package/cdn/chunks/{chunk.WJDOTH54.js → chunk.6SV5RDDG.js} +1 -1
  19. package/cdn/chunks/{chunk.5VZE6TSA.js → chunk.6UY5XC7A.js} +1 -1
  20. package/cdn/chunks/{chunk.CUFMKSEN.js → chunk.7ZJHGFQH.js} +9 -2
  21. package/cdn/chunks/chunk.A747OEHH.js +145 -0
  22. package/cdn/chunks/{chunk.OJFCPMJA.js → chunk.BBWKTDH3.js} +1 -1
  23. package/cdn/chunks/chunk.BDPH2MRN.js +234 -0
  24. package/cdn/chunks/{chunk.LBDB4OXT.js → chunk.BGP2ITQD.js} +1 -1
  25. package/cdn/chunks/{chunk.JO52YCNJ.js → chunk.BKSVKEYX.js} +1 -1
  26. package/cdn/chunks/{chunk.LFBIXLMF.js → chunk.BKVL3A5I.js} +4 -4
  27. package/cdn/chunks/{chunk.VARBZAJP.js → chunk.BMQ5WSY7.js} +2 -0
  28. package/cdn/chunks/{chunk.MCSZ2F65.js → chunk.BQ3SI4TM.js} +1 -1
  29. package/cdn/chunks/{chunk.NTOOFOWB.js → chunk.DBJLSCQP.js} +2 -2
  30. package/cdn/chunks/{chunk.SJM5UCFK.js → chunk.DRUKNJJ5.js} +1 -1
  31. package/cdn/chunks/{chunk.JZOEQBF7.js → chunk.E73QKLNL.js} +1 -1
  32. package/cdn/chunks/{chunk.ZDF27RIQ.js → chunk.EYKHHWR5.js} +1 -1
  33. package/cdn/chunks/{chunk.HE5SI4A5.js → chunk.F6BCRVNV.js} +1 -1
  34. package/cdn/chunks/{chunk.GXQMOXKI.js → chunk.GVTFDL2C.js} +0 -4
  35. package/cdn/chunks/{chunk.EVFY55H5.js → chunk.HG4TPK7J.js} +38 -14
  36. package/cdn/chunks/{chunk.GBGDDTEL.js → chunk.HOIWGDVX.js} +1 -1
  37. package/cdn/chunks/chunk.I6WQAXU3.js +85 -0
  38. package/cdn/chunks/{chunk.75VU5MNL.js → chunk.J5KWVZHL.js} +2 -2
  39. package/cdn/chunks/{chunk.BEKIGEWZ.js → chunk.JEOLRBU6.js} +26 -3
  40. package/cdn/chunks/{chunk.NV5OLVPR.js → chunk.JG2GJKT5.js} +1 -1
  41. package/cdn/chunks/{chunk.6FWACI3G.js → chunk.JOVZPGCQ.js} +1 -1
  42. package/cdn/chunks/{chunk.N6Z3FRHY.js → chunk.JVTWZUNG.js} +1 -1
  43. package/cdn/chunks/{chunk.4ZEHBLJR.js → chunk.KNKNPTGU.js} +1 -1
  44. package/cdn/chunks/{chunk.WQ3NUYLG.js → chunk.KQJPZZKZ.js} +7 -8
  45. package/cdn/chunks/{chunk.WYTP4TFA.js → chunk.LEW43Y6P.js} +1 -1
  46. package/cdn/chunks/{chunk.PK4XXM66.js → chunk.LIJWOM2P.js} +1 -1
  47. package/cdn/chunks/chunk.LPB2VMCT.js +74 -0
  48. package/cdn/chunks/{chunk.FULHOODX.js → chunk.LZCR7P7U.js} +2 -2
  49. package/cdn/chunks/{chunk.KLIZYLWG.js → chunk.M4YRRHEL.js} +1 -1
  50. package/cdn/chunks/{chunk.OFWHWMUH.js → chunk.MJMSFEEL.js} +1 -1
  51. package/cdn/chunks/{chunk.VI5JEKGK.js → chunk.N74GMZQD.js} +1 -1
  52. package/cdn/chunks/{chunk.2FOGPUI3.js → chunk.NMVBZ537.js} +1 -1
  53. package/cdn/chunks/{chunk.CTMJ2DNZ.js → chunk.NOI6NFVL.js} +1 -1
  54. package/cdn/chunks/{chunk.E7IRWRZH.js → chunk.NUMKSKYJ.js} +1 -1
  55. package/cdn/chunks/{chunk.FTI4C7U6.js → chunk.NYK3GS67.js} +1 -1
  56. package/cdn/chunks/{chunk.6HLUBEKO.js → chunk.PQNNELEM.js} +1 -1
  57. package/cdn/chunks/{chunk.OVBLP5E4.js → chunk.PRP4B2TV.js} +1 -1
  58. package/cdn/chunks/{chunk.KYZIL6TB.js → chunk.PZQUQ6DG.js} +1 -1
  59. package/cdn/chunks/chunk.QCPGBCQ3.js +72 -0
  60. package/cdn/chunks/{chunk.4XTAL3PC.js → chunk.QYS7Y562.js} +3 -3
  61. package/cdn/chunks/{chunk.QKLRW3JL.js → chunk.RHJUPBW2.js} +4 -4
  62. package/cdn/chunks/chunk.RNF5H43X.js +199 -0
  63. package/cdn/chunks/{chunk.P6NF7VUG.js → chunk.RRVYERI6.js} +1 -1
  64. package/cdn/chunks/{chunk.6XVWAOAW.js → chunk.SDRL7END.js} +1 -1
  65. package/cdn/chunks/{chunk.FAPQZI57.js → chunk.SMJWBG6U.js} +1 -1
  66. package/cdn/chunks/{chunk.E36IR3BP.js → chunk.SPK4CXKV.js} +1 -1
  67. package/cdn/chunks/{chunk.WD2ZD2TZ.js → chunk.SS3GSU3M.js} +2 -2
  68. package/cdn/chunks/{chunk.67KNPORK.js → chunk.SUXMTZZQ.js} +1 -1
  69. package/cdn/chunks/chunk.T4PQY3SD.js +194 -0
  70. package/cdn/chunks/{chunk.FLPTQ76Z.js → chunk.TY7NQYTC.js} +5 -5
  71. package/cdn/chunks/{chunk.VZJGVIXG.js → chunk.UJQUHHXT.js} +2 -0
  72. package/cdn/chunks/{chunk.C6VRBK7T.js → chunk.UM64ZD3C.js} +1 -1
  73. package/cdn/chunks/{chunk.NY5U3HSN.js → chunk.URME4YZI.js} +1 -1
  74. package/cdn/chunks/{chunk.OMPBUYUW.js → chunk.UYGSA2IW.js} +5 -5
  75. package/cdn/chunks/chunk.W6RA2ZKW.js +124 -0
  76. package/cdn/chunks/{chunk.JD7YUYPB.js → chunk.WLND36JK.js} +39 -15
  77. package/cdn/chunks/{chunk.AZBK27ET.js → chunk.WQLZJXIF.js} +1 -1
  78. package/cdn/chunks/{chunk.SMWE3ICX.js → chunk.XGOXFBM5.js} +1 -1
  79. package/cdn/chunks/{chunk.7YE2BWH2.js → chunk.XYXJQSTL.js} +1 -1
  80. package/cdn/chunks/{chunk.KOWSS3HP.js → chunk.Y2RQJPXD.js} +1 -1
  81. package/cdn/chunks/{chunk.KPS4A22J.js → chunk.Y4XSMWCI.js} +1 -1
  82. package/cdn/chunks/{chunk.PIFZYHAW.js → chunk.YAK3QGTM.js} +1 -1
  83. package/cdn/chunks/chunk.YGZ44MNV.js +64 -0
  84. package/cdn/chunks/{chunk.RZUPGCMM.js → chunk.YSKD4LUA.js} +1 -5
  85. package/cdn/chunks/{chunk.K4B5TCNN.js → chunk.YX277NFA.js} +1 -1
  86. package/cdn/components/accordion/accordion.js +4 -4
  87. package/cdn/components/alert/alert.js +4 -4
  88. package/cdn/components/anchor-tag/anchor-tag.d.ts +2 -1
  89. package/cdn/components/anchor-tag/anchor-tag.js +1 -1
  90. package/cdn/components/avatar/avatar.js +2 -2
  91. package/cdn/components/breadcrumb/breadcrumb.js +4 -4
  92. package/cdn/components/breadcrumb-item/breadcrumb-item.js +2 -2
  93. package/cdn/components/button/button.js +5 -5
  94. package/cdn/components/calendar/calendar.js +2 -2
  95. package/cdn/components/callout/callout.js +2 -2
  96. package/cdn/components/card/card.d.ts +0 -2
  97. package/cdn/components/card/card.js +1 -1
  98. package/cdn/components/card-content/card-content.d.ts +51 -0
  99. package/cdn/components/card-content/card-content.js +28 -0
  100. package/cdn/components/card-content/card-content.styles.js +10 -0
  101. package/cdn/components/card-nav/card-nav.d.ts +23 -0
  102. package/cdn/components/card-nav/card-nav.js +15 -0
  103. package/cdn/components/card-nav/card-nav.styles.d.ts +2 -0
  104. package/cdn/components/{include/include.styles.js → card-nav/card-nav.styles.js} +3 -3
  105. package/cdn/components/card-nav-accordion/card-nav-accordion.d.ts +49 -0
  106. package/cdn/components/card-nav-accordion/card-nav-accordion.js +30 -0
  107. package/cdn/components/card-nav-accordion/card-nav-accordion.styles.js +10 -0
  108. package/cdn/components/card-nav-item/card-nav-item.d.ts +38 -0
  109. package/cdn/components/card-nav-item/card-nav-item.js +26 -0
  110. package/cdn/components/card-nav-item/card-nav-item.styles.d.ts +2 -0
  111. package/cdn/components/card-nav-item/card-nav-item.styles.js +10 -0
  112. package/cdn/components/checkbox/checkbox.js +4 -4
  113. package/cdn/components/checkbox-button/checkbox-button.js +4 -4
  114. package/cdn/components/checkbox-card/checkbox-card.js +2 -2
  115. package/cdn/components/checkbox-group/checkbox-group.js +3 -3
  116. package/cdn/components/combobox/combobox.js +7 -7
  117. package/cdn/components/dialog/dialog.js +4 -4
  118. package/cdn/components/download-card/download-card.js +2 -2
  119. package/cdn/components/download-link/download-link.js +2 -2
  120. package/cdn/components/drawer/drawer.js +4 -4
  121. package/cdn/components/dropdown/dropdown.d.ts +0 -5
  122. package/cdn/components/dropdown/dropdown.js +2 -2
  123. package/cdn/components/error-message-panel/error-message-panel.js +2 -2
  124. package/cdn/components/error-text/error-text.js +2 -2
  125. package/cdn/components/fieldset/fieldset.d.ts +39 -0
  126. package/cdn/components/fieldset/fieldset.js +17 -0
  127. package/cdn/components/fieldset/fieldset.styles.d.ts +2 -0
  128. package/cdn/components/fieldset/fieldset.styles.js +10 -0
  129. package/cdn/components/file-upload/file-upload.js +4 -4
  130. package/cdn/components/file-upload-item/file-upload-item.js +2 -2
  131. package/cdn/components/filter-base/filter-base.js +5 -5
  132. package/cdn/components/filter-button/filter-button.js +4 -4
  133. package/cdn/components/filter-counter/filter-counter.js +19 -19
  134. package/cdn/components/filter-date/filter-date.js +11 -11
  135. package/cdn/components/filter-range/filter-range.js +19 -19
  136. package/cdn/components/filter-select/filter-select.js +20 -20
  137. package/cdn/components/footer/footer.js +2 -2
  138. package/cdn/components/format-bytes/format-bytes.js +2 -2
  139. package/cdn/components/format-date/format-date.js +2 -2
  140. package/cdn/components/format-number/format-number.js +2 -2
  141. package/cdn/components/header/header.js +3 -3
  142. package/cdn/components/header/header.styles.js +1 -1
  143. package/cdn/components/header-search/header-search.js +6 -6
  144. package/cdn/components/icon/icon.js +2 -2
  145. package/cdn/components/icon-button/icon-button.js +2 -2
  146. package/cdn/components/input/input.d.ts +5 -5
  147. package/cdn/components/input/input.js +12 -12
  148. package/cdn/components/input-date/input-date.js +9 -9
  149. package/cdn/components/input-mask/input-mask.js +5 -5
  150. package/cdn/components/input-otp/input-otp.js +4 -4
  151. package/cdn/components/input-phone/input-phone.js +8 -8
  152. package/cdn/components/input-time/input-time.d.ts +7 -3
  153. package/cdn/components/input-time/input-time.js +6 -6
  154. package/cdn/components/input-time/input-time.styles.js +1 -1
  155. package/cdn/components/menu-accordion/menu-accordion.js +4 -4
  156. package/cdn/components/menu-item/menu-item.d.ts +1 -1
  157. package/cdn/components/menu-item/menu-item.js +5 -4
  158. package/cdn/components/menu-item/menu-item.styles.js +1 -1
  159. package/cdn/components/mutation-observer/mutation-observer.d.ts +1 -3
  160. package/cdn/components/mutation-observer/mutation-observer.js +1 -1
  161. package/cdn/components/navbar-link/navbar-link.js +2 -2
  162. package/cdn/components/navbar-menu/navbar-menu.js +4 -4
  163. package/cdn/components/option/option.js +4 -4
  164. package/cdn/components/pagination/pagination.js +13 -13
  165. package/cdn/components/profile-button/profile-button.js +5 -5
  166. package/cdn/components/progress-bar/progress-bar.js +2 -2
  167. package/cdn/components/quote/quote.js +2 -2
  168. package/cdn/components/radio/radio.js +2 -2
  169. package/cdn/components/radio-button/radio-button.js +4 -4
  170. package/cdn/components/radio-card/radio-card.js +4 -4
  171. package/cdn/components/radio-group/radio-group.js +3 -3
  172. package/cdn/components/relative-time/relative-time.d.ts +1 -1
  173. package/cdn/components/relative-time/relative-time.js +2 -2
  174. package/cdn/components/resize-observer/resize-observer.d.ts +1 -3
  175. package/cdn/components/select/select.js +6 -6
  176. package/cdn/components/skip-links/skip-links.js +2 -2
  177. package/cdn/components/spinner/spinner.js +2 -2
  178. package/cdn/components/split-panel/split-panel.js +4 -4
  179. package/cdn/components/step/step.js +4 -4
  180. package/cdn/components/switch/switch.js +4 -4
  181. package/cdn/components/tab/tab.js +4 -4
  182. package/cdn/components/tab-group/tab-group.js +4 -4
  183. package/cdn/components/table-action/table-action.js +2 -2
  184. package/cdn/components/table-caption/table-caption.js +2 -2
  185. package/cdn/components/table-container/table-container.d.ts +3 -0
  186. package/cdn/components/table-container/table-container.js +2 -2
  187. package/cdn/components/table-header-cell/table-header-cell.js +2 -2
  188. package/cdn/components/table-header-row/table-header-row.js +7 -7
  189. package/cdn/components/table-of-contents/table-of-contents.js +2 -2
  190. package/cdn/components/table-row/table-row.js +6 -6
  191. package/cdn/components/tag/tag.js +4 -4
  192. package/cdn/components/tag-button/tag-button.d.ts +53 -0
  193. package/cdn/components/tag-button/tag-button.js +18 -0
  194. package/cdn/components/tag-button/tag-button.styles.d.ts +2 -0
  195. package/cdn/components/tag-button/tag-button.styles.js +10 -0
  196. package/cdn/components/textarea/textarea.js +4 -4
  197. package/cdn/components/tooltip/tooltip.d.ts +2 -0
  198. package/cdn/components/tooltip/tooltip.js +2 -2
  199. package/cdn/components/tree/tree.js +8 -8
  200. package/cdn/components/tree-item/tree-item.js +7 -7
  201. package/cdn/custom-elements.json +1246 -224
  202. package/cdn/design-system.d.ts +7 -2
  203. package/cdn/design-system.js +130 -105
  204. package/cdn/internal/components/form-control/form-control-layout.js +1 -1
  205. package/cdn/themes/dsa-wc-theme.css +94 -2
  206. package/cdn/themes/dsa-wc-theme.min.css +1 -1
  207. package/cdn/themes/dsa-wc-theme.styles.js +100 -2
  208. package/cdn/translations/en-gb.js +1 -1
  209. package/cdn/translations/en.js +1 -1
  210. package/cdn/translations/fr.js +1 -1
  211. package/cdn/utilities/localize.d.ts +1 -0
  212. package/cdn/utilities/localize.js +1 -1
  213. package/cdn/vscode.html-custom-data.json +212 -37
  214. package/cdn/web-types.json +672 -103
  215. package/dist/chunks/{chunk.TKV7I7MM.js → chunk.2655IKKL.js} +9 -2
  216. package/dist/chunks/chunk.2EO2NJQJ.js +118 -0
  217. package/dist/chunks/{chunk.QEZ5FSIU.js → chunk.2GAMN72N.js} +1 -1
  218. package/dist/chunks/{chunk.DNLOBVBE.js → chunk.2JRGVS6D.js} +1 -1
  219. package/dist/chunks/{chunk.DYTNEN2V.js → chunk.2TYHIVTN.js} +1 -1
  220. package/dist/chunks/{chunk.7K5DG6KV.js → chunk.3RMSYRZA.js} +1 -1
  221. package/dist/chunks/chunk.3XTO3LV5.js +62 -0
  222. package/dist/chunks/chunk.3YZI5GBX.js +72 -0
  223. package/dist/chunks/{chunk.VYIXCMT3.js → chunk.3ZF3W6DC.js} +5 -5
  224. package/dist/chunks/{chunk.KDEA34PP.js → chunk.4JZFGBJP.js} +1 -1
  225. package/dist/chunks/{chunk.MWWI3AU2.js → chunk.4VHQEXSY.js} +1 -1
  226. package/dist/chunks/{chunk.M4H37WUH.js → chunk.54CFE45F.js} +5 -0
  227. package/dist/chunks/{chunk.ZAZPAXHI.js → chunk.54XEUZ55.js} +1 -1
  228. package/dist/chunks/chunk.5KTLM3MD.js +106 -0
  229. package/dist/chunks/{chunk.533C7JJH.js → chunk.62WXVS5Q.js} +4 -4
  230. package/dist/chunks/{chunk.JHA6OLMK.js → chunk.635JP52V.js} +3 -3
  231. package/dist/chunks/{chunk.AMTRQ7HP.js → chunk.6AKP5BRZ.js} +1 -1
  232. package/dist/chunks/{chunk.SRP6V7OW.js → chunk.6KMLQCBG.js} +1 -1
  233. package/dist/chunks/chunk.6MWXS55V.js +136 -0
  234. package/dist/chunks/{chunk.KENYJWWA.js → chunk.6NGHRQYD.js} +1 -1
  235. package/dist/chunks/{chunk.4UC4W5Q5.js → chunk.6XCFILBM.js} +26 -3
  236. package/dist/chunks/{chunk.UKZA4PJB.js → chunk.AATHH5ZK.js} +1 -1
  237. package/dist/chunks/{chunk.X4HFQ4MT.js → chunk.AB7T3PSN.js} +1 -1
  238. package/dist/chunks/chunk.ADUUYLJY.js +79 -0
  239. package/dist/chunks/{chunk.JRJB2DFE.js → chunk.AJCLNOPZ.js} +1 -1
  240. package/dist/chunks/{chunk.4SVX6VCY.js → chunk.ARDX2RVR.js} +1 -1
  241. package/dist/chunks/{chunk.V4U5XMU7.js → chunk.B7LEFGX4.js} +1 -1
  242. package/dist/chunks/{chunk.INFNQBQD.js → chunk.CPBWQ6BE.js} +1 -1
  243. package/dist/chunks/{chunk.VJJQFEZ2.js → chunk.DRFXWCPL.js} +2 -2
  244. package/dist/chunks/{chunk.IW4EYF6Z.js → chunk.DZVHKOGO.js} +1 -1
  245. package/dist/chunks/{chunk.QG62LWYX.js → chunk.EEK6ZGS2.js} +1 -4
  246. package/dist/chunks/{chunk.G3UE6SMI.js → chunk.EQDAZLA2.js} +8 -5
  247. package/dist/chunks/{chunk.E7S4C6P7.js → chunk.ETG5DAHF.js} +1 -1
  248. package/dist/chunks/{chunk.SA7GMM2I.js → chunk.EWOJ3XVB.js} +3 -3
  249. package/dist/chunks/{chunk.DR3IPTYE.js → chunk.EY2LRNGD.js} +5 -5
  250. package/dist/chunks/{chunk.6SDBUBGE.js → chunk.FKOYZI2V.js} +2 -0
  251. package/dist/chunks/{chunk.IHTWK22H.js → chunk.G5ZFFB2V.js} +5 -5
  252. package/dist/chunks/{chunk.XNVSET6H.js → chunk.I4XFUHWM.js} +1 -1
  253. package/dist/chunks/{chunk.O4HVYU6G.js → chunk.IE7IGJZB.js} +4 -4
  254. package/dist/chunks/{chunk.TRQQN4AO.js → chunk.IICLN6L3.js} +38 -14
  255. package/dist/chunks/{chunk.U2RG7USD.js → chunk.IR5ZDNLY.js} +1 -1
  256. package/dist/chunks/chunk.J4QE6NJC.js +70 -0
  257. package/dist/chunks/{chunk.6674T4KX.js → chunk.JJT6FP7U.js} +50 -34
  258. package/dist/chunks/{chunk.O4ZSTSXZ.js → chunk.JQS5RPAK.js} +1 -5
  259. package/dist/chunks/{chunk.GNJX6QSO.js → chunk.K4XU6L7E.js} +1 -1
  260. package/dist/chunks/{chunk.DKTT254G.js → chunk.KFBHQJJP.js} +6 -0
  261. package/dist/chunks/{chunk.GRNDTTXR.js → chunk.L7SZMI27.js} +1 -1
  262. package/dist/chunks/chunk.LGV7OXTA.js +186 -0
  263. package/dist/chunks/{chunk.NASETPCZ.js → chunk.LXS4P57X.js} +1 -1
  264. package/dist/chunks/{chunk.UCIFKWMI.js → chunk.MF7KW7MX.js} +1 -1
  265. package/dist/chunks/{chunk.RVCSQIWF.js → chunk.MKTUAWNS.js} +1 -1
  266. package/dist/chunks/{chunk.P7SN3TMY.js → chunk.NJNQX6FX.js} +1 -1
  267. package/dist/chunks/chunk.NZEV2R75.js +197 -0
  268. package/dist/chunks/{chunk.HQJDKIMG.js → chunk.OKUA77L4.js} +1 -1
  269. package/dist/chunks/{chunk.AC4PBQVM.js → chunk.OMUELARQ.js} +2 -2
  270. package/dist/chunks/{chunk.TXMAH3OK.js → chunk.ORLKMJIV.js} +39 -15
  271. package/dist/chunks/{chunk.IXAKBOI4.js → chunk.ORWJR56M.js} +1 -1
  272. package/dist/chunks/{chunk.JMJY2JIN.js → chunk.P2LEUT2Q.js} +1 -1
  273. package/dist/chunks/chunk.Q2BCYSPM.js +70 -0
  274. package/dist/chunks/{chunk.PD6ETZGV.js → chunk.Q3II5ELV.js} +1 -1
  275. package/dist/chunks/{chunk.YWHYMKYI.js → chunk.QADAWCTI.js} +2 -0
  276. package/dist/chunks/{chunk.53DFT644.js → chunk.QFC4API2.js} +1 -1
  277. package/dist/chunks/{chunk.A4R5LBIA.js → chunk.QGPBBIGJ.js} +2 -2
  278. package/dist/chunks/{chunk.XQDC25MI.js → chunk.QJIY2G7A.js} +1 -1
  279. package/dist/chunks/{chunk.H3X3D747.js → chunk.QLT366CP.js} +1 -5
  280. package/dist/chunks/{chunk.FWHDRD6T.js → chunk.RS4S7SAD.js} +1 -1
  281. package/dist/chunks/{chunk.2JCMUNW4.js → chunk.RURHQSLF.js} +1 -1
  282. package/dist/chunks/{chunk.LUPOBRAQ.js → chunk.SDT5BB26.js} +7 -8
  283. package/dist/chunks/{chunk.IUPSCAN6.js → chunk.SGVMH2WK.js} +1 -1
  284. package/dist/chunks/{chunk.4URSPC26.js → chunk.SJN7BDOD.js} +1 -1
  285. package/dist/chunks/{chunk.5VC7IHJ2.js → chunk.STKBEBVL.js} +1 -1
  286. package/dist/chunks/{chunk.4VJTOIB4.js → chunk.SV6UZ7XX.js} +1 -1
  287. package/dist/chunks/{chunk.IFDJNZPC.js → chunk.SW6R5A3O.js} +1 -1
  288. package/dist/chunks/{chunk.BHY3DDPH.js → chunk.SWWPGGIS.js} +1 -1
  289. package/dist/chunks/chunk.TZVFQDBB.js +122 -0
  290. package/dist/chunks/{chunk.S6XG7G6X.js → chunk.VDYAE3MB.js} +2 -2
  291. package/dist/chunks/{chunk.2OZ6SQ6Y.js → chunk.WCJ3TXH5.js} +1 -1
  292. package/dist/chunks/{chunk.XG7KR6BI.js → chunk.WDLYTTNO.js} +1 -1
  293. package/dist/chunks/chunk.XAF7DDXJ.js +228 -0
  294. package/dist/chunks/{chunk.FC7AQRZS.js → chunk.XODWG3UJ.js} +1 -1
  295. package/dist/chunks/{chunk.YOISCONT.js → chunk.XVFPRM26.js} +1 -1
  296. package/dist/chunks/{chunk.7E57JVUE.js → chunk.YCRHX2XL.js} +1 -1
  297. package/dist/chunks/{chunk.JZYJ2V4F.js → chunk.YGRXSNFC.js} +1 -1
  298. package/dist/chunks/{chunk.MTOENDDR.js → chunk.YT4ZDRKX.js} +1 -1
  299. package/dist/components/accordion/accordion.js +4 -4
  300. package/dist/components/alert/alert.js +4 -4
  301. package/dist/components/anchor-tag/anchor-tag.d.ts +2 -1
  302. package/dist/components/anchor-tag/anchor-tag.js +1 -1
  303. package/dist/components/avatar/avatar.js +2 -2
  304. package/dist/components/breadcrumb/breadcrumb.js +4 -4
  305. package/dist/components/breadcrumb-item/breadcrumb-item.js +2 -2
  306. package/dist/components/button/button.js +5 -5
  307. package/dist/components/calendar/calendar.js +2 -2
  308. package/dist/components/callout/callout.js +2 -2
  309. package/dist/components/card/card.d.ts +0 -2
  310. package/dist/components/card/card.js +1 -1
  311. package/dist/components/card-content/card-content.d.ts +51 -0
  312. package/dist/components/card-content/card-content.js +22 -0
  313. package/dist/components/card-content/card-content.styles.d.ts +2 -0
  314. package/dist/components/card-content/card-content.styles.js +8 -0
  315. package/dist/components/card-nav/card-nav.d.ts +23 -0
  316. package/dist/components/card-nav/card-nav.js +12 -0
  317. package/dist/components/card-nav/card-nav.styles.d.ts +2 -0
  318. package/dist/components/card-nav/card-nav.styles.js +8 -0
  319. package/dist/components/card-nav-accordion/card-nav-accordion.d.ts +49 -0
  320. package/dist/components/card-nav-accordion/card-nav-accordion.js +25 -0
  321. package/dist/components/card-nav-accordion/card-nav-accordion.styles.d.ts +2 -0
  322. package/dist/components/card-nav-accordion/card-nav-accordion.styles.js +8 -0
  323. package/dist/components/card-nav-item/card-nav-item.d.ts +38 -0
  324. package/dist/components/card-nav-item/card-nav-item.js +21 -0
  325. package/dist/components/card-nav-item/card-nav-item.styles.d.ts +2 -0
  326. package/dist/components/card-nav-item/card-nav-item.styles.js +8 -0
  327. package/dist/components/checkbox/checkbox.js +4 -4
  328. package/dist/components/checkbox-button/checkbox-button.js +4 -4
  329. package/dist/components/checkbox-card/checkbox-card.js +2 -2
  330. package/dist/components/checkbox-group/checkbox-group.js +3 -3
  331. package/dist/components/combobox/combobox.js +7 -7
  332. package/dist/components/dialog/dialog.js +4 -4
  333. package/dist/components/download-card/download-card.js +2 -2
  334. package/dist/components/download-link/download-link.js +2 -2
  335. package/dist/components/drawer/drawer.js +4 -4
  336. package/dist/components/dropdown/dropdown.d.ts +0 -5
  337. package/dist/components/dropdown/dropdown.js +2 -2
  338. package/dist/components/error-message-panel/error-message-panel.js +2 -2
  339. package/dist/components/error-text/error-text.js +2 -2
  340. package/dist/components/fieldset/fieldset.d.ts +39 -0
  341. package/dist/components/fieldset/fieldset.js +13 -0
  342. package/dist/components/fieldset/fieldset.styles.d.ts +2 -0
  343. package/dist/components/fieldset/fieldset.styles.js +8 -0
  344. package/dist/components/file-upload/file-upload.js +4 -4
  345. package/dist/components/file-upload-item/file-upload-item.js +2 -2
  346. package/dist/components/filter-base/filter-base.js +5 -5
  347. package/dist/components/filter-button/filter-button.js +4 -4
  348. package/dist/components/filter-counter/filter-counter.js +18 -18
  349. package/dist/components/filter-date/filter-date.js +10 -10
  350. package/dist/components/filter-range/filter-range.js +18 -18
  351. package/dist/components/filter-select/filter-select.js +19 -19
  352. package/dist/components/footer/footer.js +2 -2
  353. package/dist/components/format-bytes/format-bytes.js +2 -2
  354. package/dist/components/format-date/format-date.js +2 -2
  355. package/dist/components/format-number/format-number.js +2 -2
  356. package/dist/components/header/header.js +3 -3
  357. package/dist/components/header/header.styles.js +1 -1
  358. package/dist/components/header-search/header-search.js +6 -6
  359. package/dist/components/icon/icon.js +2 -2
  360. package/dist/components/icon-button/icon-button.js +2 -2
  361. package/dist/components/input/input.d.ts +5 -5
  362. package/dist/components/input/input.js +11 -11
  363. package/dist/components/input-date/input-date.js +8 -8
  364. package/dist/components/input-mask/input-mask.js +5 -5
  365. package/dist/components/input-otp/input-otp.js +4 -4
  366. package/dist/components/input-phone/input-phone.js +8 -8
  367. package/dist/components/input-time/input-time.d.ts +7 -3
  368. package/dist/components/input-time/input-time.js +6 -6
  369. package/dist/components/input-time/input-time.styles.js +1 -1
  370. package/dist/components/menu-accordion/menu-accordion.js +4 -4
  371. package/dist/components/menu-item/menu-item.d.ts +1 -1
  372. package/dist/components/menu-item/menu-item.js +5 -4
  373. package/dist/components/menu-item/menu-item.styles.js +1 -1
  374. package/dist/components/mutation-observer/mutation-observer.d.ts +1 -3
  375. package/dist/components/mutation-observer/mutation-observer.js +1 -1
  376. package/dist/components/navbar-link/navbar-link.js +2 -2
  377. package/dist/components/navbar-menu/navbar-menu.js +4 -4
  378. package/dist/components/option/option.js +4 -4
  379. package/dist/components/pagination/pagination.js +12 -12
  380. package/dist/components/profile-button/profile-button.js +5 -5
  381. package/dist/components/progress-bar/progress-bar.js +2 -2
  382. package/dist/components/quote/quote.js +2 -2
  383. package/dist/components/radio/radio.js +2 -2
  384. package/dist/components/radio-button/radio-button.js +4 -4
  385. package/dist/components/radio-card/radio-card.js +4 -4
  386. package/dist/components/radio-group/radio-group.js +3 -3
  387. package/dist/components/relative-time/relative-time.d.ts +1 -1
  388. package/dist/components/relative-time/relative-time.js +2 -2
  389. package/dist/components/resize-observer/resize-observer.d.ts +1 -3
  390. package/dist/components/select/select.js +6 -6
  391. package/dist/components/skip-links/skip-links.js +2 -2
  392. package/dist/components/spinner/spinner.js +2 -2
  393. package/dist/components/split-panel/split-panel.js +4 -4
  394. package/dist/components/step/step.js +4 -4
  395. package/dist/components/switch/switch.js +4 -4
  396. package/dist/components/tab/tab.js +4 -4
  397. package/dist/components/tab-group/tab-group.js +4 -4
  398. package/dist/components/table-action/table-action.js +2 -2
  399. package/dist/components/table-caption/table-caption.js +2 -2
  400. package/dist/components/table-container/table-container.d.ts +3 -0
  401. package/dist/components/table-container/table-container.js +2 -2
  402. package/dist/components/table-header-cell/table-header-cell.js +2 -2
  403. package/dist/components/table-header-row/table-header-row.js +7 -7
  404. package/dist/components/table-of-contents/table-of-contents.js +2 -2
  405. package/dist/components/table-row/table-row.js +6 -6
  406. package/dist/components/tag/tag.js +4 -4
  407. package/dist/components/tag-button/tag-button.d.ts +53 -0
  408. package/dist/components/tag-button/tag-button.js +12 -0
  409. package/dist/components/tag-button/tag-button.styles.d.ts +2 -0
  410. package/dist/components/tag-button/tag-button.styles.js +8 -0
  411. package/dist/components/textarea/textarea.js +4 -4
  412. package/dist/components/tooltip/tooltip.d.ts +2 -0
  413. package/dist/components/tooltip/tooltip.js +2 -2
  414. package/dist/components/tree/tree.js +8 -8
  415. package/dist/components/tree-item/tree-item.js +7 -7
  416. package/dist/custom-elements.json +1246 -224
  417. package/dist/design-system.d.ts +7 -2
  418. package/dist/design-system.js +129 -104
  419. package/dist/internal/components/form-control/form-control-layout.js +1 -1
  420. package/dist/themes/dsa-wc-theme.css +94 -2
  421. package/dist/themes/dsa-wc-theme.min.css +1 -1
  422. package/dist/themes/dsa-wc-theme.styles.js +100 -2
  423. package/dist/translations/en-gb.js +1 -1
  424. package/dist/translations/en.js +1 -1
  425. package/dist/translations/fr.js +1 -1
  426. package/dist/utilities/localize.d.ts +1 -0
  427. package/dist/utilities/localize.js +1 -1
  428. package/dist/vscode.html-custom-data.json +212 -37
  429. package/dist/web-types.json +672 -103
  430. package/package.json +2 -2
  431. package/cdn/chunks/chunk.L7DPKZV6.js +0 -82
  432. package/cdn/chunks/chunk.VTPSYUIU.js +0 -19
  433. package/cdn/components/include/include.d.ts +0 -32
  434. package/cdn/components/include/include.js +0 -14
  435. package/dist/chunks/chunk.MBQRU4CJ.js +0 -79
  436. package/dist/chunks/chunk.NNBOLKWI.js +0 -17
  437. package/dist/components/include/include.d.ts +0 -32
  438. package/dist/components/include/include.js +0 -12
  439. package/dist/components/include/include.styles.js +0 -8
  440. /package/cdn/components/{include/include.styles.d.ts → card-content/card-content.styles.d.ts} +0 -0
  441. /package/{dist/components/include/include.styles.d.ts → cdn/components/card-nav-accordion/card-nav-accordion.styles.d.ts} +0 -0
package/cdn/themes/dsa-wc-theme.css CHANGED
@@ -110,6 +110,11 @@
110
110
  --dsa-wc-form-required-content: "*";
111
111
  --dsa-wc-form-required-content-offset: -2px;
112
112
  --dsa-wc-form-required-content-color: var(--dsa-color-input-label-error);
113
+ --dsa-wc-fieldset-background: var(--dsa-color-background-base);
114
+ --dsa-wc-fieldset-border-color: var(--dsa-color-border-default);
115
+ --dsa-wc-fieldset-legend-color: var(--dsa-color-text-on-base-primary);
116
+ --dsa-wc-fieldset-title-font: var(--dsa-font-large-bold);
117
+ --dsa-wc-fieldset-subtitle-font: var(--dsa-font-small-normal);
113
118
  --dsa-wc-checkbox-color: var(--dsa-color-checkbox-primary);
114
119
  --dsa-wc-checkbox-color-disabled: var(--dsa-color-checkbox-disabled);
115
120
  --dsa-wc-checkbox-color-active: var(
@@ -402,6 +407,38 @@
402
407
  --dsa-wc-card-box-shadow: var(--dsa-wc-shadow-x-small);
403
408
  --dsa-wc-card-link-box-shadow-hover: var(--dsa-wc-shadow-x-large);
404
409
  --dsa-wc-card-link-background-active: var(--dsa-color-card-background-actif);
410
+ --dsa-wc-card-content-body-padding: var(--dsa-spacing-32)
411
+ var(--dsa-spacing-32) var(--dsa-spacing-32) var(--dsa-spacing-24);
412
+ --dsa-wc-card-small-content-body-padding: var(--dsa-spacing-16);
413
+ --dsa-wc-card-content-filled-background-color: var(--dsa-color-surface-layer);
414
+ --dsa-wc-card-content-large-title-font: var(--dsa-font-x-large-bold);
415
+ --dsa-wc-card-content-small-title-font: var(--dsa-font-large-bold);
416
+ --dsa-wc-card-content-subtitle-font: var(--dsa-font-medium-bold);
417
+ --dsa-wc-card-content-content-font: var(---dsa-font-medium-normal);
418
+ --dsa-wc-card-content-title-color: var(--dsa-color-text-on-base-primary);
419
+ --dsa-wc-card-content-subtitle-text-color: var(
420
+ --dsa-color-text-on-base-secondary
421
+ );
422
+ --dsa-wc-card-content-content-color: var(--dsa-color-text-on-base-secondary);
423
+ --dsa-wc-card-content-chevron-color: var(--dsa-color-text-on-base-primary);
424
+ --dsa-wc-card-content-link-small-icon-size: 2.25rem;
425
+ --dsa-wc-card-content-link-large-icon-size: 2.5rem;
426
+ --dsa-wc-card-content-link-icon-padding: var(--dsa-spacing-8);
427
+ --dsa-wc-card-content-tags-margin-bottom: 20px;
428
+ --dsa-wc-card-content-title-icon-size: 3rem;
429
+ --dsa-wc-card-content-small-title-icon-size: 2rem;
430
+ --dsa-wc-card-content-title-block-gap: var(--dsa-spacing-8);
431
+ --dsa-wc-card-content-margin-top: var(--dsa-spacing-12);
432
+ --dsa-wc-card-content-footer-padding-top: var(--dsa-spacing-32);
433
+ --dsa-wc-card-nav-color: var(--dsa-color-card-on-background);
434
+ --dsa-wc-card-nav-icon-color: var(
435
+ --dsa-color-primitive-colors-identity-purple-500
436
+ );
437
+ --dsa-wc-card-nav-subtitle-color: var(--dsa-color-text-on-base-secondary);
438
+ --dsa-wc-card-nav-background-color: var(--dsa-color-card-background-default);
439
+ --dsa-wc-card-nav-background-color-hover: var(--dsa-color-background-hover);
440
+ --dsa-wc-card-nav-border-color: var(--dsa-color-border-default);
441
+ --dsa-wc-card-nav-border-color-hover: var(--dsa-color-border-hover);
405
442
  --dsa-wc-download-card-background-color: var(--dsa-color-background-base);
406
443
  --dsa-wc-download-card-left-bar-width: var(--dsa-spacing-4);
407
444
  --dsa-wc-download-card-left-bar-color: var(
@@ -1368,6 +1405,61 @@
1368
1405
  --dsa-color-tag-simple-purple-on-light-background
1369
1406
  );
1370
1407
  --dsa-wc-tag-purple-100-base: var(--dsa-color-tag-simple-purple-background-1);
1408
+ --dsa-wc-tag-button-border-width: 1px;
1409
+ --dsa-wc-tag-button-neutral-color: var(
1410
+ --dsa-color-tag-cliquable-default-on-background
1411
+ );
1412
+ --dsa-wc-tag-button-neutral-background: var(
1413
+ --dsa-color-tag-cliquable-default-background
1414
+ );
1415
+ --dsa-wc-tag-button-neutral-border-color: var(
1416
+ --dsa-color-tag-cliquable-default-border
1417
+ );
1418
+ --dsa-wc-tag-button-neutral-hover-color: var(
1419
+ --dsa-color-tag-cliquable-default-hover-on-background
1420
+ );
1421
+ --dsa-wc-tag-button-neutral-hover-background: var(
1422
+ --dsa-color-tag-cliquable-default-hover-background
1423
+ );
1424
+ --dsa-wc-tag-button-neutral-hover-border-color: var(
1425
+ --dsa-color-tag-cliquable-default-hover-border
1426
+ );
1427
+ --dsa-wc-tag-button-neutral-active-color: var(
1428
+ --dsa-color-tag-cliquable-default-pressed-on-background
1429
+ );
1430
+ --dsa-wc-tag-button-neutral-active-background: var(
1431
+ --dsa-color-tag-cliquable-default-pressed-background
1432
+ );
1433
+ --dsa-wc-tag-button-neutral-active-border-color: var(
1434
+ --dsa-color-tag-cliquable-default-pressed-border
1435
+ );
1436
+ --dsa-wc-tag-button-active-color: var(
1437
+ --dsa-color-tag-cliquable-active-on-background
1438
+ );
1439
+ --dsa-wc-tag-button-active-background: var(
1440
+ --dsa-color-tag-cliquable-active-background
1441
+ );
1442
+ --dsa-wc-tag-button-active-border-color: var(
1443
+ --dsa-color-tag-cliquable-active-border
1444
+ );
1445
+ --dsa-wc-tag-button-active-hover-color: var(
1446
+ --dsa-color-tag-cliquable-active-hover-on-background
1447
+ );
1448
+ --dsa-wc-tag-button-active-hover-background: var(
1449
+ --dsa-color-tag-cliquable-active-hover-background
1450
+ );
1451
+ --dsa-wc-tag-button-active-hover-border-color: var(
1452
+ --dsa-color-tag-cliquable-active-hover-border
1453
+ );
1454
+ --dsa-wc-tag-button-active-active-color: var(
1455
+ --dsa-color-tag-cliquable-active-pressed-on-background
1456
+ );
1457
+ --dsa-wc-tag-button-active-active-background: var(
1458
+ --dsa-color-tag-cliquable-active-pressed-background
1459
+ );
1460
+ --dsa-wc-tag-button-active-active-border-color: var(
1461
+ --dsa-color-tag-cliquable-active-pressed-border
1462
+ );
1371
1463
  --dsa-wc-breadcrumb-item-font: var(--dsa-font-small-normal);
1372
1464
  --dsa-wc-breadcrumb-item-color: var(
1373
1465
  --dsa-color-button-on-base-navigation-active
@@ -1930,10 +2022,10 @@
1930
2022
  --dsa-wc-header-main-medium-padding-y: var(--dsa-spacing-16);
1931
2023
  --dsa-wc-header-logo-width-mobile: 84px;
1932
2024
  --dsa-wc-header-logo-width-desktop: 108px;
1933
- --dsa-wc-header-logo-width-desktop-large: 156px;
2025
+ --dsa-wc-header-logo-width-desktop-large: 172px;
1934
2026
  --dsa-wc-header-logo-height-mobile: 40px;
1935
2027
  --dsa-wc-header-logo-height-desktop: 50px;
1936
- --dsa-wc-header-logo-height-desktop-large: 72px;
2028
+ --dsa-wc-header-logo-height-desktop-large: 80px;
1937
2029
  --dsa-wc-header-sitename-color: var(
1938
2030
  --dsa-color-primitive-colors-identity-purple-500
1939
2031
  );
package/cdn/themes/dsa-wc-theme.min.css CHANGED
@@ -1 +1 @@
1
- :root,:host,.dsa-wc{--dsa-wc-transition-x-slow: 1s;--dsa-wc-transition-slow: .5s;--dsa-wc-transition-medium: .25s;--dsa-wc-transition-fast: .15s;--dsa-wc-transition-x-fast: 50ms;--dsa-wc-opacity-0: 0;--dsa-wc-opacity-50: .5;--dsa-wc-opacity-100: 1;--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-border-default);--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-on-background-title);--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-on-background-text);--dsa-wc-alert-message-padding: 1.25rem;--dsa-wc-alert-primary-icon-color: var(--dsa-color-alert-on-background-info);--dsa-wc-alert-primary-background-color: var( --dsa-color-alert-background-info );--dsa-wc-alert-danger-icon-color: var(--dsa-color-alert-on-background-danger);--dsa-wc-alert-danger-background-color: var( --dsa-color-alert-background-danger );--dsa-wc-alert-success-icon-color: var( --dsa-color-alert-on-background-success );--dsa-wc-alert-success-background-color: var( --dsa-color-alert-background-success );--dsa-wc-alert-warning-icon-color: var( --dsa-color-alert-on-background-warning );--dsa-wc-alert-warning-background-color: var( --dsa-color-alert-background-warning );--dsa-wc-alert-neutral-icon-color: var( --dsa-color-alert-on-background-neutral );--dsa-wc-alert-neutral-background-color: var( --dsa-color-alert-background-neutral );--dsa-wc-callout-padding: var(--dsa-spacing-16) var(--dsa-spacing-24);--dsa-wc-callout-border-radius: 0px 3px 3px 0px;--dsa-wc-callout-text-gap: var(--dsa-spacing-8);--dsa-wc-callout-title-font: var(--dsa-font-large-bold);--dsa-wc-callout-title-color: var(--dsa-color-text-on-base-primary);--dsa-wc-callout-message-font: var(--dsa-font-medium-normal);--dsa-wc-callout-message-color: var(--dsa-color-text-on-base-primary);--dsa-wc-callout-border-left-width: var(--dsa-border-6);--dsa-wc-callout-default-border-color: var( --dsa-color-callout-border-default );--dsa-wc-callout-border-left: var(--dsa-wc-callout-border-left-width) solid var(--dsa-wc-callout-default-border-color);--dsa-wc-callout-default-background-color: var( --dsa-color-callout-background-default );--dsa-wc-dialog-overlay: var(--dsa-color-surface-overlay);--dsa-wc-dialog-overlay-opacity: .4;--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-title-padding: 20px 0;--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-header-padding: 16px 20px;--dsa-wc-dialog-header-spacing: 20px;--dsa-wc-dialog-body-padding: 20px;--dsa-wc-dialog-footer-padding: 20px;--dsa-wc-dialog-footer-spacing: 16px;--dsa-wc-dialog-scrollbar-width: .25rem;--dsa-wc-dialog-scrollbar-color: var(--dsa-color-scroll-bar-background);--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-dialog-panel-box-shadow: var(--dsa-wc-shadow-x-large);--dsa-wc-dialog-footer-border: 1px solid var(--dsa-color-border-default);--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-primitive-colors-identity-purple-100 );--dsa-wc-focus-ring-color: #015fcc;--dsa-wc-focus-ring-style: auto;--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: 4px;--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-error);--dsa-wc-checkbox-color: var(--dsa-color-checkbox-primary);--dsa-wc-checkbox-color-disabled: var(--dsa-color-checkbox-disabled);--dsa-wc-checkbox-color-active: var( --dsa-color-checkbox-box-checked-background );--dsa-wc-checkbox-color-hover: var(--dsa-color-checkbox-box-hover-border);--dsa-wc-checkbox-color-readonly: var( --dsa-color-checkbox-box-checked-read-only-on-border );--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-checkbox-box-default-read-only-border );--dsa-wc-checkbox-background-color-readonly: var(--dsa-wc-checkbox-color);--dsa-wc-checkbox-icon-color-readonly: var(--dsa-color-checkbox-primary);--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-radio-default);--dsa-wc-radio-color-active: var(--dsa-color-radio-checked);--dsa-wc-radio-color-disabled: var(--dsa-color-radio-disabled);--dsa-wc-radio-border-color-readonly: var(--dsa-color-radio-read-only-border);--dsa-wc-radio-color-readonly: var(--dsa-color-radio-read-only-on-border);--dsa-wc-radio-color-hover: var(--dsa-color-radio-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-inner-size: .625rem;--dsa-wc-radio-size-small: .875rem;--dsa-wc-radio-inner-size-small: .5rem;--dsa-wc-radio-size-large: 1.375rem;--dsa-wc-radio-inner-size-large: .875rem;--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-checkbox-button-unchecked-default-background );--dsa-wc-toggle-button-border-color: transparent;--dsa-wc-toggle-button-color: var( --dsa-color-checkbox-button-unchecked-default-on-background );--dsa-wc-toggle-button-hover-background-color: var( --dsa-color-checkbox-button-unchecked-hover-background );--dsa-wc-toggle-button-hover-border-color: transparent;--dsa-wc-toggle-button-hover-color: var( --dsa-color-checkbox-button-unchecked-hover-on-background );--dsa-wc-toggle-button-active-background-color: var( --dsa-color-checkbox-button-unchecked-active-background );--dsa-wc-toggle-button-active-border-color: transparent;--dsa-wc-toggle-button-active-color: var( --dsa-color-checkbox-button-unchecked-active-on-background );--dsa-wc-toggle-button-disabled-background-color: var( --dsa-color-checkbox-button-unchecked-disabled-background );--dsa-wc-toggle-button-disabled-border-color: transparent;--dsa-wc-toggle-button-disabled-color: var( --dsa-color-checkbox-button-unchecked-disabled-on-background );--dsa-wc-toggle-button-checked-background-color: var( --dsa-color-checkbox-button-checked-default-background );--dsa-wc-toggle-button-checked-border-color: var( --dsa-color-checkbox-button-checked-default-border );--dsa-wc-toggle-button-checked-color: var( --dsa-color-checkbox-button-checked-default-on-background );--dsa-wc-toggle-button-checked-hover-background-color: var( --dsa-color-checkbox-button-checked-hover-background );--dsa-wc-toggle-button-checked-hover-border-color: var( --dsa-color-checkbox-button-checked-hover-border );--dsa-wc-toggle-button-checked-hover-color: var( --dsa-color-checkbox-button-checked-hover-on-background );--dsa-wc-toggle-button-checked-active-background-color: var( --dsa-color-checkbox-button-checked-active-background );--dsa-wc-toggle-button-checked-active-border-color: var( --dsa-color-checkbox-button-checked-active-border );--dsa-wc-toggle-button-checked-active-color: var( --dsa-color-checkbox-button-checked-active-on-background );--dsa-wc-toggle-button-read-only-background-color: var( --dsa-color-checkbox-button-unchecked-read-only-background );--dsa-wc-toggle-button-read-only-border-color: transparent;--dsa-wc-toggle-button-read-only-color: var( --dsa-color-checkbox-button-unchecked-read-only-on-background );--dsa-wc-toggle-button-read-only-checked-background-color: var( --dsa-color-checkbox-button-checked-read-only-background );--dsa-wc-toggle-button-read-only-checked-border-color: var( --dsa-color-checkbox-button-checked-read-only-border );--dsa-wc-toggle-button-read-only-checked-color: var( --dsa-color-radio-button-selected-read-only-on-background-text );--dsa-wc-toggle-button-read-only-checked-icon-color: var( --dsa-color-radio-button-selected-read-only-on-background-text );--dsa-wc-toggle-button-error-background-color: var( --dsa-color-checkbox-button-unchecked-error-background );--dsa-wc-toggle-button-error-border-color: var( --dsa-color-checkbox-button-unchecked-error-border );--dsa-wc-toggle-button-error-color: var( --dsa-color-checkbox-button-unchecked-error-on-background );--dsa-wc-toggle-button-icon-spacing: var(--dsa-spacing-8);--dsa-wc-toggle-button-icon-padding-x: var(--dsa-spacing-8);--dsa-wc-switch-label-color: var(--dsa-color-text-on-base-primary);--dsa-wc-switch-control-background-color: var(--dsa-color-background-base);--dsa-wc-switch-thumb-background-color: var(--dsa-color-background-base);--dsa-wc-switch-control-border-color: var( --dsa-color-primitive-colors-identity-purple-500 );--dsa-wc-switch-control-border-width: 2px;--dsa-wc-switch-control-background-color-hover: var( --dsa-color-background-hover );--dsa-wc-switch-control-background-color-active: var( --dsa-color-background-active-default );--dsa-wc-switch-thumb-background-color-active: var( --dsa-color-primitive-colors-identity-purple-100 );--dsa-wc-switch-control-background-color-active-hover: var( --dsa-color-background-active-hover );--dsa-wc-switch-control-border-color-disabled: var( --dsa-color-primitive-colors-neutral-500 );--dsa-wc-switch-control-background-color-active-disabled: var( --dsa-color-primitive-colors-neutral-200 );--dsa-wc-switch-control-border-color-readonly: var( --dsa-color-primitive-colors-neutral-700 );--dsa-wc-switch-control-background-color-active-readonly: var( --dsa-color-primitive-colors-neutral-500 );--dsa-switch-padding: var(--dsa-spacing-8);--dsa-wc-switch-background-color-hover: var(--dsa-color-background-hover);--dsa-wc-switch-border-color-hover: var(--dsa-color-border-hover);--dsa-wc-switch-font-small: var(--dsa-font-small-normal);--dsa-wc-switch-font-medium: var(--dsa-font-medium-normal);--dsa-wc-switch-font-large: var(--dsa-font-large-normal);--dsa-wc-switch-size-small: 1.75rem;--dsa-wc-switch-size-medium: 2rem;--dsa-wc-switch-size-large: 2.5rem;--dsa-wc-selectable-card-background-color: var(--dsa-color-background-base);--dsa-wc-selectable-card-border-color: var( --dsa-color-primitive-colors-neutral-650 );--dsa-wc-selectable-card-color: var(--dsa-color-text-on-base-primary);--dsa-wc-selectable-card-border-width: 1px;--dsa-wc-selectable-card-border-radius: var(--dsa-radius-8);--dsa-wc-selectable-card-horizontal-padding: var(--dsa-spacing-16) var(--dsa-spacing-16);--dsa-wc-selectable-card-horizontal-gap: var(--dsa-spacing-16);--dsa-wc-selectable-card-vertical-padding: var(--dsa-spacing-16) var(--dsa-spacing-16) var(--dsa-spacing-40);--dsa-wc-selectable-card-vertical-gap: 12.5px;--dsa-wc-selectable-card-content-gap: var(--dsa-spacing-16);--dsa-wc-selectable-card-text-gap: var(--dsa-spacing-4);--dsa-wc-selectable-card-label-font: var(--dsa-font-medium-bold);--dsa-wc-selectable-card-label-color: var(--dsa-color-text-on-base-primary);--dsa-wc-selectable-card-description-font: var(--dsa-font-small-normal);--dsa-wc-selectable-card-description-color: var( --dsa-color-text-on-base-secondary );--dsa-wc-selectable-card-hover-background-color: var( --dsa-color-background-hover );--dsa-wc-selectable-card-hover-border-color: var(--dsa-color-border-hover);--dsa-wc-selectable-card-hover-radio-color: var(--dsa-color-radio-hover);--dsa-wc-selectable-card-checked-background-color: var( --dsa-color-background-selected );--dsa-wc-selectable-card-checked-border-color: var( --dsa-color-border-selected-default );--dsa-wc-selectable-card-checked-radio-color: var(--dsa-color-radio-checked);--dsa-wc-selectable-card-checked-hover-background-color: var( --dsa-color-background-hover );--dsa-wc-selectable-card-checked-hover-border-color: var( --dsa-color-border-selected-hover );--dsa-wc-selectable-card-disabled-background-color: var( --dsa-color-background-disabled );--dsa-wc-selectable-card-disabled-border-color: var( --dsa-color-border-disabled );--dsa-wc-selectable-card-disabled-color: var( --dsa-color-text-on-base-disabled );--dsa-wc-selectable-card-disabled-radio-color: var( --dsa-color-radio-disabled );--dsa-wc-selectable-card-read-only-background-color: var( --dsa-color-background-read-only );--dsa-wc-selectable-card-read-only-border-color: var( --dsa-color-primitive-colors-neutral-650 );--dsa-wc-selectable-card-error-border-color: var( --dsa-color-checkbox-button-unchecked-error-border );--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: 0px;--dsa-wc-tab-color: var(--dsa-color-tab-default);--dsa-wc-tab-color-disabled: var(--dsa-color-tab-disabled);--dsa-wc-tab-color-hover: var(--dsa-color-tab-hover);--dsa-wc-tab-color-active-tab: var(--dsa-color-tab-active);--dsa-wc-tab-padding: var(--dsa-spacing-12) 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-active);--dsa-wc-tab-group-indicator-track-width: 2px;--dsa-wc-tab-group-track-color: var(--dsa-color-divider-background);--dsa-wc-tab-group-track-width: 1px;--dsa-wc-icon-button-color: var( --dsa-color-button-on-base-primary-on-background-default );--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-icon-button-size--2xsmall: .625rem;--dsa-wc-icon-button-size--xsmall: .75rem;--dsa-wc-icon-button-size--small: .875rem;--dsa-wc-icon-button-size--medium: 1rem;--dsa-wc-icon-button-size--large: 1.25rem;--dsa-wc-icon-button-size--xlarge: 1.5rem;--dsa-wc-icon-button-size--2xlarge: 2.25rem;--dsa-wc-card-color: var(--dsa-color-card-on-background);--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: var(--dsa-color-border-default);--dsa-wc-card-link-border-color-hover: var(--dsa-color-border-hover);--dsa-wc-card-header-padding: var(--dsa-spacing-10) 20px;--dsa-wc-card-body-padding: var(--dsa-spacing-16);--dsa-wc-card-footer-padding: 20px;--dsa-wc-card-border: var(--dsa-wc-card-border-width) solid var(--dsa-wc-card-border-color);--dsa-wc-card-background: var(--dsa-color-card-background-default);--dsa-wc-card-box-shadow: var(--dsa-wc-shadow-x-small);--dsa-wc-card-link-box-shadow-hover: var(--dsa-wc-shadow-x-large);--dsa-wc-card-link-background-active: var(--dsa-color-card-background-actif);--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-primitive-colors-identity-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-text-on-base-primary);--dsa-wc-download-card-icon-size: 1.5rem;--dsa-wc-download-card-border-width: 1px;--dsa-wc-download-card-border-color: var(--dsa-color-border-default);--dsa-wc-download-card-border-color-hover: var(--dsa-color-border-hover);--dsa-wc-download-card-box-shadow-hover: var(--dsa-wc-shadow-medium);--dsa-wc-download-card-border-color-active: var( --dsa-color-background-selected );--dsa-wc-download-link-icon-size--xlarge: 2rem;--dsa-wc-download-link-icon-size--large: 1.75rem;--dsa-wc-download-link-icon-size--medium: 1.5rem;--dsa-wc-download-link-icon-size--small: 1.25rem;--dsa-wc-download-link-icon-size--xsmall: 1rem;--dsa-wc-download-link-icon-size--2xsmall: .875rem;--dsa-wc-menu-background-color: var(--dsa-color-background-base);--dsa-wc-menu-border: solid 1px var(--dsa-color-border-default);--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-font-current: var(--dsa-font-small-bold);--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-menu-menu-item-hover-background );--dsa-wc-menu-item-hover-color: var( --dsa-color-menu-menu-item-hover-on-background );--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: 20px;--dsa-wc-menu-item-padding-left-level-2: var(--dsa-spacing-48);--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: -3px;--dsa-wc-menu-item-checked-background-color: var( --dsa-color-menu-menu-item-hover-background );--dsa-wc-menu-item-checked-color: var(--dsa-color-menu-menu-item-selected);--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-menu-navigation-item-padding: 10px var(--dsa-wc-menu-item-padding-right) 10px 25px;--dsa-wc-menu-navigation-item-current-color: var( --dsa-color-primitive-colors-identity-purple-500 );--dsa-wc-menu-navigation-item-current-background-color: var( --dsa-color-primitive-colors-identity-purple-100 );--dsa-wc-menu-accordion-font-closed: var(--dsa-font-medium-normal);--dsa-wc-menu-accordion-level-2-font-closed: var(--dsa-font-small-normal);--dsa-wc-menu-accordion-font-open: var(--dsa-font-medium-bold);--dsa-wc-menu-accordion-level-2-font-open: var(--dsa-font-small-bold);--dsa-wc-menu-accordion-color-closed: var(--dsa-color-text-on-base-primary);--dsa-wc-menu-accordion-color-hover: var( --dsa-color-primitive-colors-identity-purple-500 );--dsa-wc-menu-accordion-color-open: var( --dsa-color-primitive-colors-identity-purple-500 );--dsa-wc-menu-accordion-button-padding: var(--dsa-spacing-16);--dsa-wc-menu-accordion-body-padding: 0 var(--dsa-spacing-16);--dsa-wc-menu-accordion-button-focus-ring-offset: -3px;--dsa-wc-option-color: var(--dsa-color-text-on-base-primary);--dsa-wc-option-hover-color: var(--dsa-color-option-hover-background);--dsa-wc-option-hover-border-color: var(--dsa-color-option-hover-border);--dsa-wc-option-error-color: var(--dsa-color-icon-on-base-error);--dsa-wc-option-active-color: var(--dsa-color-option-active-on-background);--dsa-wc-option-active-background-color: var( --dsa-color-option-active-background );--dsa-wc-option-multiple-active-background-color: var( --dsa-color-option-hover-background );--dsa-wc-option-active-hover-background-color: var( --dsa-color-primitive-colors-identity-purple-900 );--dsa-wc-option-active-multiple-hover-background-color: var( --dsa-color-primitive-colors-identity-purple-200 );--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-medium-padding-y: var(--dsa-spacing-12);--dsa-wc-option-padding-left: var(--dsa-spacing-4);--dsa-wc-option-padding-right: var(--dsa-spacing-24);--dsa-wc-option-padding: var(--dsa-wc-option-medium-padding-y) var(--dsa-wc-option-padding-right) var(--dsa-wc-option-medium-padding-y) var(--dsa-wc-option-padding-left);--dsa-wc-option-small-font: var(--dsa-font-x-small-normal);--dsa-wc-option-small-icon-size: 1.125rem;--dsa-wc-option-small-padding-y: var(--dsa-spacing-8);--dsa-wc-option-small-padding: var(--dsa-wc-option-small-padding-y) var(--dsa-wc-option-padding-right) var(--dsa-wc-option-small-padding-y) var(--dsa-wc-option-padding-left);--dsa-wc-option-large-font: var(--dsa-font-medium-normal);--dsa-wc-option-large-icon-size: 1.5rem;--dsa-wc-option-large-padding-y: var(--dsa-spacing-12);--dsa-wc-option-large-padding: var(--dsa-wc-option-large-padding-y) var(--dsa-wc-option-padding-right) var(--dsa-wc-option-large-padding-y) var(--dsa-wc-option-padding-left);--dsa-wc-option-check-icon-horizontal-padding: var(--dsa-spacing-4);--dsa-wc-option-multiple-checkbox-horizontal-padding: var(--dsa-spacing-4) var(--dsa-spacing-8);--dsa-wc-option-prefix-suffix-inline-padding: var(--dsa-spacing-8);--dsa-wc-option-large-prefix-suffix-inline-padding: var(--dsa-spacing-12);--dsa-wc-badge-small-font: var(--dsa-font-2x-small-bold);--dsa-wc-badge-medium-font: var(--dsa-font-x-small-bold);--dsa-wc-badge-dot-small-padding: .25rem;--dsa-wc-badge-dot-medium-padding: .5rem;--dsa-wc-badge-text-small-padding: .125rem .5rem;--dsa-wc-badge-text-medium-padding: .35rem .7rem;--dsa-wc-badge-text-medium-min-width: 1.5rem;--dsa-wc-badge-text-small-min-width: 1rem;--dsa-wc-badge-border-radius: 2rem;--dsa-wc-badge-background-color-primary: var( --dsa-color-badge-background-default );--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-on-background-text-default );--dsa-wc-badge-text-color-success: var( --dsa-color-badge-on-background-text-success );--dsa-wc-badge-text-color-warning: var( --dsa-color-badge-on-background-text-warning );--dsa-wc-badge-text-color-neutral: var( --dsa-color-badge-on-background-text-neutral );--dsa-wc-badge-text-color-danger: var( --dsa-color-badge-on-background-text-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-padding-horizontal-small: var(--dsa-spacing-8);--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-background-default );--dsa-wc-button-primary-on-base-font-color: var( --dsa-color-button-on-base-primary-on-background-default );--dsa-wc-button-primary-on-base-hover-color: var( --dsa-color-button-on-base-primary-background-hover );--dsa-wc-button-primary-on-base-hover-font-color: var( --dsa-color-button-on-base-primary-on-background-hover );--dsa-wc-button-primary-on-base-active-color: var( --dsa-color-button-on-base-primary-background-active );--dsa-wc-button-primary-on-base-active-font-color: var( --dsa-color-button-on-base-primary-on-background-active );--dsa-wc-button-primary-on-base-disabled-color: var( --dsa-color-button-on-base-primary-background-disabled );--dsa-wc-button-primary-on-base-disabled-font-color: var( --dsa-color-button-on-base-primary-on-background-disabled );--dsa-wc-button-primary-on-base-loading-color: var( --dsa-color-button-on-base-primary-background-loading );--dsa-wc-button-primary-on-base-loading-font-color: var( --dsa-color-button-on-base-primary-on-background-disabled );--dsa-wc-button-primary-on-base-loading-spinner-track-color: var( --dsa-color-spinner-on-base-primary-background );--dsa-wc-button-primary-on-base-loading-spinner-indicator-color: var( --dsa-color-spinner-on-base-primary-on-background );--dsa-wc-button-primary-on-floating-menu-color: var( --dsa-color-button-on-floating-menu-primary-background-default );--dsa-wc-button-primary-on-floating-menu-font-color: var( --dsa-color-button-on-floating-menu-primary-on-background-default );--dsa-wc-button-primary-on-floating-menu-hover-color: var( --dsa-color-button-on-floating-menu-primary-background-hover );--dsa-wc-button-primary-on-floating-menu-hover-font-color: var( --dsa-color-button-on-floating-menu-primary-on-background-hover );--dsa-wc-button-primary-on-floating-menu-active-color: var( --dsa-color-button-on-floating-menu-primary-background-active );--dsa-wc-button-primary-on-floating-menu-active-font-color: var( --dsa-color-button-on-floating-menu-primary-on-background-active );--dsa-wc-button-primary-on-floating-menu-disabled-color: var( --dsa-color-button-on-floating-menu-primary-background-disabled );--dsa-wc-button-primary-on-floating-menu-disabled-font-color: var( --dsa-color-button-on-floating-menu-primary-on-background-disabled );--dsa-wc-button-primary-on-floating-menu-loading-color: var( --dsa-color-button-on-floating-menu-primary-background-loading );--dsa-wc-button-primary-on-floating-menu-loading-font-color: var( --dsa-color-button-on-floating-menu-primary-on-background-disabled );--dsa-wc-button-primary-on-floating-menu-loading-spinner-track-color: var( --dsa-color-spinner-on-floatting-menu-on-background-button-background );--dsa-wc-button-primary-on-floating-menu-loading-spinner-indicator-color: var( --dsa-color-spinner-on-floatting-menu-on-background-button-on-background );--dsa-wc-button-primary-on-contrasted-menu-color: var( --dsa-color-button-on-contrasted-neutral-primary-background-default );--dsa-wc-button-primary-on-contrasted-menu-font-color: var( --dsa-color-button-on-contrasted-neutral-primary-on-background-default );--dsa-wc-button-primary-on-contrasted-menu-hover-color: var( --dsa-color-button-on-contrasted-neutral-primary-background-hover );--dsa-wc-button-primary-on-contrasted-menu-hover-font-color: var( --dsa-color-button-on-contrasted-neutral-primary-on-background-hover );--dsa-wc-button-primary-on-contrasted-menu-active-color: var( --dsa-color-button-on-contrasted-neutral-primary-background-active );--dsa-wc-button-primary-on-contrasted-menu-active-font-color: var( --dsa-color-button-on-contrasted-neutral-primary-on-background-active );--dsa-wc-button-primary-on-contrasted-menu-disabled-color: var( --dsa-color-button-on-contrasted-neutral-primary-background-disabled );--dsa-wc-button-primary-on-contrasted-menu-disabled-font-color: var( --dsa-color-button-on-contrasted-neutral-primary-on-background-disabled );--dsa-wc-button-primary-on-contrasted-menu-loading-color: var( --dsa-color-button-on-contrasted-neutral-primary-background-loading );--dsa-wc-button-primary-on-contrasted-menu-loading-font-color: var( --dsa-color-button-on-contrasted-neutral-primary-on-background-disabled );--dsa-wc-button-primary-on-contrasted-menu-loading-spinner-track-color: var( --dsa-color-spinner-on-contrasted-neutral-on-background-button-background );--dsa-wc-button-primary-on-contrasted-menu-loading-spinner-indicator-color: var( --dsa-color-spinner-on-contrasted-neutral-on-background-button-on-background );--dsa-wc-button-secondary-on-base-color: var( --dsa-color-button-on-base-secondary-background-default );--dsa-wc-button-secondary-on-base-font-color: var( --dsa-color-button-on-base-secondary-on-background-default );--dsa-wc-button-secondary-on-base-hover-color: var( --dsa-color-button-on-base-secondary-background-hover );--dsa-wc-button-secondary-on-base-hover-font-color: var( --dsa-color-button-on-base-secondary-on-background-hover );--dsa-wc-button-secondary-on-base-active-color: var( --dsa-color-button-on-base-secondary-background-active );--dsa-wc-button-secondary-on-base-active-font-color: var( --dsa-color-button-on-base-secondary-on-background-active );--dsa-wc-button-secondary-on-base-disabled-color: var( --dsa-color-button-on-base-secondary-background-disabled );--dsa-wc-button-secondary-on-base-disabled-font-color: var( --dsa-color-button-on-base-secondary-on-background-disabled );--dsa-wc-button-secondary-on-base-loading-color: var( --dsa-color-button-on-base-secondary-background-loading );--dsa-wc-button-secondary-on-base-loading-font-color: var( --dsa-color-button-on-base-secondary-on-background-disabled );--dsa-wc-button-secondary-on-base-loading-spinner-track-color: var( --dsa-color-spinner-on-base-primary-background );--dsa-wc-button-secondary-on-base-loading-spinner-indicator-color: var( --dsa-color-spinner-on-base-primary-on-background );--dsa-wc-button-secondary-on-floating-menu-color: var( --dsa-color-button-on-floating-menu-secondary-background-default );--dsa-wc-button-secondary-on-floating-menu-font-color: var( --dsa-color-button-on-floating-menu-secondary-on-background-default );--dsa-wc-button-secondary-on-floating-menu-hover-color: var( --dsa-color-button-on-floating-menu-secondary-background-hover );--dsa-wc-button-secondary-on-floating-menu-hover-font-color: var( --dsa-color-button-on-floating-menu-secondary-on-background-hover );--dsa-wc-button-secondary-on-floating-menu-active-color: var( --dsa-color-button-on-floating-menu-secondary-background-active );--dsa-wc-button-secondary-on-floating-menu-active-font-color: var( --dsa-color-button-on-floating-menu-secondary-on-background-active );--dsa-wc-button-secondary-on-floating-menu-disabled-color: var( --dsa-color-button-on-floating-menu-secondary-background-disabled );--dsa-wc-button-secondary-on-floating-menu-disabled-font-color: var( --dsa-color-button-on-floating-menu-secondary-on-background-disabled );--dsa-wc-button-secondary-on-floating-menu-loading-color: var( --dsa-color-button-on-floating-menu-secondary-background-loading );--dsa-wc-button-secondary-on-floating-menu-loading-font-color: var( --dsa-color-button-on-floating-menu-secondary-on-background-disabled );--dsa-wc-button-secondary-on-floating-menu-loading-spinner-track-color: var( --dsa-color-spinner-on-floatting-menu-on-background-button-background );--dsa-wc-button-secondary-on-floating-menu-loading-spinner-indicator-color: var( --dsa-color-spinner-on-floatting-menu-on-background-button-on-background );--dsa-wc-button-secondary-on-contrasted-menu-color: var( --dsa-color-button-on-contrasted-neutral-secondary-background-default );--dsa-wc-button-secondary-on-contrasted-menu-font-color: var( --dsa-color-button-on-contrasted-neutral-secondary-on-background-default );--dsa-wc-button-secondary-on-contrasted-menu-hover-color: var( --dsa-color-button-on-contrasted-neutral-secondary-background-hover );--dsa-wc-button-secondary-on-contrasted-menu-hover-font-color: var( --dsa-color-button-on-contrasted-neutral-secondary-on-background-hover );--dsa-wc-button-secondary-on-contrasted-menu-active-color: var( --dsa-color-button-on-contrasted-neutral-secondary-background-active );--dsa-wc-button-secondary-on-contrasted-menu-active-font-color: var( --dsa-color-button-on-contrasted-neutral-secondary-on-background-active );--dsa-wc-button-secondary-on-contrasted-menu-disabled-color: var( --dsa-color-button-on-contrasted-neutral-secondary-background-disabled );--dsa-wc-button-secondary-on-contrasted-menu-disabled-font-color: var( --dsa-color-button-on-contrasted-neutral-secondary-on-background-disabled );--dsa-wc-button-secondary-on-contrasted-menu-loading-color: var( --dsa-color-button-on-contrasted-neutral-secondary-background-loading );--dsa-wc-button-secondary-on-contrasted-menu-loading-font-color: var( --dsa-color-button-on-contrasted-neutral-secondary-on-background-disabled );--dsa-wc-button-secondary-on-contrasted-menu-loading-spinner-track-color: var( --dsa-color-spinner-on-contrasted-neutral-on-background-button-background );--dsa-wc-button-secondary-on-contrasted-menu-loading-spinner-indicator-color: var( --dsa-color-spinner-on-contrasted-neutral-on-background-button-on-background );--dsa-wc-button-tertiary-on-base-color: transparent;--dsa-wc-button-tertiary-on-base-font-color: var( --dsa-color-button-on-base-tertiary-default );--dsa-wc-button-tertiary-on-base-border-color: var( --dsa-color-button-on-base-tertiary-default );--dsa-wc-button-tertiary-on-base-hover-color: transparent;--dsa-wc-button-tertiary-on-base-hover-border-color: var( --dsa-color-button-on-base-tertiary-hover );--dsa-wc-button-tertiary-on-base-hover-font-color: var( --dsa-color-button-on-base-tertiary-hover );--dsa-wc-button-tertiary-on-base-active-color: transparent;--dsa-wc-button-tertiary-on-base-active-border-color: var( --dsa-color-button-on-base-tertiary-active );--dsa-wc-button-tertiary-on-base-active-font-color: var( --dsa-color-button-on-base-tertiary-active );--dsa-wc-button-tertiary-on-base-disabled-color: transparent;--dsa-wc-button-tertiary-on-base-disabled-border-color: var( --dsa-color-button-on-base-tertiary-disabled );--dsa-wc-button-tertiary-on-base-disabled-font-color: var( --dsa-color-button-on-base-tertiary-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-on-base-primary-background );--dsa-wc-button-tertiary-on-base-loading-spinner-indicator-color: var( --dsa-color-spinner-on-base-primary-on-background );--dsa-wc-button-tertiary-on-floating-menu-color: transparent;--dsa-wc-button-tertiary-on-floating-menu-border-color: var( --dsa-color-button-on-floating-menu-tertiary-default );--dsa-wc-button-tertiary-on-floating-menu-font-color: var( --dsa-color-button-on-floating-menu-tertiary-default );--dsa-wc-button-tertiary-on-floating-menu-hover-color: transparent;--dsa-wc-button-tertiary-on-floating-menu-hover-border-color: var( --dsa-color-button-on-floating-menu-tertiary-hover );--dsa-wc-button-tertiary-on-floating-menu-hover-font-color: var( --dsa-color-button-on-floating-menu-tertiary-hover );--dsa-wc-button-tertiary-on-floating-menu-active-color: transparent;--dsa-wc-button-tertiary-on-floating-menu-active-border-color: var( --dsa-color-button-on-floating-menu-tertiary-active );--dsa-wc-button-tertiary-on-floating-menu-active-font-color: var( --dsa-color-button-on-floating-menu-tertiary-active );--dsa-wc-button-tertiary-on-floating-menu-disabled-color: transparent;--dsa-wc-button-tertiary-on-floating-menu-disabled-border-color: var( --dsa-color-button-on-floating-menu-tertiary-disabled );--dsa-wc-button-tertiary-on-floating-menu-disabled-font-color: var( --dsa-color-button-on-floating-menu-tertiary-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-disabled );--dsa-wc-button-tertiary-on-floating-menu-loading-spinner-track-color: var( --dsa-color-spinner-on-floatting-menu-background );--dsa-wc-button-tertiary-on-floating-menu-loading-spinner-indicator-color: var( --dsa-color-spinner-on-floatting-menu-on-background );--dsa-wc-button-tertiary-on-contrasted-menu-color: transparent;--dsa-wc-button-tertiary-on-contrasted-menu-border-color: var( --dsa-color-button-on-contrasted-neutral-tertiary-default );--dsa-wc-button-tertiary-on-contrasted-menu-font-color: var( --dsa-color-button-on-contrasted-neutral-tertiary-default );--dsa-wc-button-tertiary-on-contrasted-menu-hover-color: transparent;--dsa-wc-button-tertiary-on-contrasted-menu-hover-border-color: var( --dsa-color-button-on-contrasted-neutral-tertiary-hover );--dsa-wc-button-tertiary-on-contrasted-menu-hover-font-color: var( --dsa-color-button-on-contrasted-neutral-tertiary-hover );--dsa-wc-button-tertiary-on-contrasted-menu-active-color: transparent;--dsa-wc-button-tertiary-on-contrasted-menu-active-border-color: var( --dsa-color-button-on-contrasted-neutral-tertiary-active );--dsa-wc-button-tertiary-on-contrasted-menu-active-font-color: var( --dsa-color-button-on-contrasted-neutral-tertiary-active );--dsa-wc-button-tertiary-on-contrasted-menu-disabled-color: transparent;--dsa-wc-button-tertiary-on-contrasted-menu-disabled-border-color: var( --dsa-color-button-on-contrasted-neutral-tertiary-disabled );--dsa-wc-button-tertiary-on-contrasted-menu-disabled-font-color: var( --dsa-color-button-on-contrasted-neutral-tertiary-disabled );--dsa-wc-button-tertiary-on-contrasted-menu-loading-color: transparent;--dsa-wc-button-tertiary-on-contrasted-menu-loading-font-color: var( --dsa-color-button-on-contrasted-neutral-tertiary-disabled );--dsa-wc-button-tertiary-on-contrasted-menu-loading-spinner-track-color: var( --dsa-color-spinner-on-contrasted-neutral-background );--dsa-wc-button-tertiary-on-contrasted-menu-loading-spinner-indicator-color: var( --dsa-color-spinner-on-contrasted-neutral-on-background );--dsa-wc-button-navigation-on-base-color: transparent;--dsa-wc-button-navigation-on-base-font-color: var( --dsa-color-button-on-base-navigation-default );--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-on-base-primary-background );--dsa-wc-button-navigation-on-base-loading-spinner-indicator-color: var( --dsa-color-spinner-on-base-primary-on-background );--dsa-wc-button-navigation-on-floating-menu-color: transparent;--dsa-wc-button-navigation-on-floating-menu-font-color: var( --dsa-color-button-on-floating-menu-navigation-default );--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-on-floatting-menu-background );--dsa-wc-button-navigation-on-floating-menu-loading-spinner-indicator-color: var( --dsa-color-spinner-on-floatting-menu-on-background );--dsa-wc-button-navigation-on-contrasted-menu-color: transparent;--dsa-wc-button-navigation-on-contrasted-menu-font-color: var( --dsa-color-button-on-contrasted-neutral-navigation-default );--dsa-wc-button-navigation-on-contrasted-menu-hover-color: transparent;--dsa-wc-button-navigation-on-contrasted-menu-hover-font-color: var( --dsa-color-button-on-contrasted-neutral-navigation-hover );--dsa-wc-button-navigation-on-contrasted-menu-active-color: transparent;--dsa-wc-button-navigation-on-contrasted-menu-active-font-color: var( --dsa-color-button-on-contrasted-neutral-navigation-active );--dsa-wc-button-navigation-on-contrasted-menu-disabled-color: transparent;--dsa-wc-button-navigation-on-contrasted-menu-disabled-font-color: var( --dsa-color-button-on-contrasted-neutral-navigation-disabled );--dsa-wc-button-navigation-on-contrasted-menu-loading-color: transparent;--dsa-wc-button-navigation-on-contrasted-menu-loading-font-color: var( --dsa-color-button-on-contrasted-neutral-navigation-hover );--dsa-wc-button-navigation-on-contrasted-menu-loading-spinner-track-color: var( --dsa-color-spinner-on-contrasted-neutral-background );--dsa-wc-button-navigation-on-contrasted-menu-loading-spinner-indicator-color: var( --dsa-color-spinner-on-contrasted-neutral-on-background );--dsa-wc-button-neutral-on-base-color: var( --dsa-color-button-on-base-neutral-background-default );--dsa-wc-button-neutral-on-base-font-color: var( --dsa-color-button-on-base-neutral-on-background-default );--dsa-wc-button-neutral-on-base-hover-color: var( --dsa-color-button-on-base-neutral-background-hover );--dsa-wc-button-neutral-on-base-hover-font-color: var( --dsa-color-button-on-base-neutral-on-background-hover );--dsa-wc-button-neutral-on-base-active-color: var( --dsa-color-button-on-base-neutral-background-active );--dsa-wc-button-neutral-on-base-active-font-color: var( --dsa-color-button-on-base-neutral-on-background-active );--dsa-wc-button-neutral-on-base-disabled-color: var( --dsa-color-button-on-base-neutral-background-disabled );--dsa-wc-button-neutral-on-base-disabled-font-color: var( --dsa-color-button-on-base-neutral-on-background-disabled );--dsa-wc-button-neutral-on-base-loading-color: var( --dsa-color-button-on-base-neutral-background-loading );--dsa-wc-button-neutral-on-base-loading-font-color: var( --dsa-color-button-on-base-neutral-on-background-hover );--dsa-wc-button-neutral-on-base-loading-spinner-track-color: var( --dsa-color-spinner-on-base-neutral-background );--dsa-wc-button-neutral-on-base-loading-spinner-indicator-color: var( --dsa-color-spinner-on-base-neutral-on-background );--dsa-wc-button-neutral-on-floating-menu-color: var( --dsa-color-button-on-floating-menu-neutral-background-default );--dsa-wc-button-neutral-on-floating-menu-font-color: var( --dsa-color-button-on-floating-menu-neutral-on-background-default );--dsa-wc-button-neutral-on-floating-menu-hover-color: var( --dsa-color-button-on-floating-menu-neutral-background-hover );--dsa-wc-button-neutral-on-floating-menu-hover-font-color: var( --dsa-color-button-on-floating-menu-neutral-on-background-hover );--dsa-wc-button-neutral-on-floating-menu-active-color: var( --dsa-color-button-on-floating-menu-neutral-background-active );--dsa-wc-button-neutral-on-floating-menu-active-font-color: var( --dsa-color-button-on-floating-menu-neutral-on-background-active );--dsa-wc-button-neutral-on-floating-menu-disabled-color: var( --dsa-color-button-on-floating-menu-neutral-background-disabled );--dsa-wc-button-neutral-on-floating-menu-disabled-font-color: var( --dsa-color-button-on-floating-menu-neutral-on-background-disabled );--dsa-wc-button-neutral-on-floating-menu-loading-color: var( --dsa-color-button-on-floating-menu-neutral-background-disabled );--dsa-wc-button-neutral-on-floating-menu-loading-font-color: var( --dsa-color-button-on-floating-menu-neutral-background-hover );--dsa-wc-button-neutral-on-floating-menu-loading-spinner-track-color: var( --dsa-color-spinner-on-base-neutral-background );--dsa-wc-button-neutral-on-floating-menu-loading-spinner-indicator-color: var( --dsa-color-spinner-on-base-neutral-on-background );--dsa-wc-button-neutral-on-contrasted-menu-color: var( --dsa-color-button-on-contrasted-neutral-neutral-background-default );--dsa-wc-button-neutral-on-contrasted-menu-font-color: var( --dsa-color-button-on-contrasted-neutral-neutral-on-background-default );--dsa-wc-button-neutral-on-contrasted-menu-hover-color: var( --dsa-color-button-on-contrasted-neutral-neutral-background-hover );--dsa-wc-button-neutral-on-contrasted-menu-hover-font-color: var( --dsa-color-button-on-contrasted-neutral-neutral-on-background-hover );--dsa-wc-button-neutral-on-contrasted-menu-active-color: var( --dsa-color-button-on-contrasted-neutral-neutral-background-active );--dsa-wc-button-neutral-on-contrasted-menu-active-font-color: var( --dsa-color-button-on-contrasted-neutral-neutral-on-background-active );--dsa-wc-button-neutral-on-contrasted-menu-disabled-color: var( --dsa-color-button-on-contrasted-neutral-neutral-background-disabled );--dsa-wc-button-neutral-on-contrasted-menu-disabled-font-color: var( --dsa-color-button-on-contrasted-neutral-neutral-on-background-disabled );--dsa-wc-button-neutral-on-contrasted-menu-loading-color: var( --dsa-color-button-on-contrasted-neutral-neutral-background-disabled );--dsa-wc-button-neutral-on-contrasted-menu-loading-font-color: var( --dsa-color-button-on-contrasted-neutral-neutral-background-hover );--dsa-wc-button-neutral-on-contrasted-menu-loading-spinner-track-color: var( --dsa-color-spinner-on-base-neutral-background );--dsa-wc-button-neutral-on-contrasted-menu-loading-spinner-indicator-color: var( --dsa-color-spinner-on-base-neutral-on-background );--dsa-wc-button-danger-on-base-color: var( --dsa-color-button-on-base-danger-background-default );--dsa-wc-button-danger-on-base-font-color: var( --dsa-color-button-on-base-danger-on-background-default );--dsa-wc-button-danger-on-base-hover-color: var( --dsa-color-button-on-base-danger-background-hover );--dsa-wc-button-danger-on-base-hover-font-color: var( --dsa-color-button-on-base-danger-on-background-hover );--dsa-wc-button-danger-on-base-active-color: var( --dsa-color-button-on-base-danger-background-active );--dsa-wc-button-danger-on-base-active-font-color: var( --dsa-color-button-on-base-danger-on-background-active );--dsa-wc-button-danger-on-base-disabled-color: var( --dsa-color-button-on-base-danger-background-disabled );--dsa-wc-button-danger-on-base-disabled-font-color: var( --dsa-color-button-on-base-danger-on-background-disabled );--dsa-wc-button-danger-on-base-loading-color: var( --dsa-color-button-on-base-danger-background-disabled );--dsa-wc-button-danger-on-base-loading-font-color: var( --dsa-color-button-on-base-danger-on-background-hover );--dsa-wc-button-danger-on-base-loading-spinner-track-color: var( --dsa-color-spinner-on-base-danger-background );--dsa-wc-button-danger-on-base-loading-spinner-indicator-color: var( --dsa-color-spinner-on-base-danger-on-background );--dsa-wc-button-danger-on-floating-menu-color: var( --dsa-color-button-on-floating-menu-danger-background-default );--dsa-wc-button-danger-on-floating-menu-font-color: var( --dsa-color-button-on-floating-menu-danger-on-background-default );--dsa-wc-button-danger-on-floating-menu-hover-color: var( --dsa-color-button-on-floating-menu-danger-background-hover );--dsa-wc-button-danger-on-floating-menu-hover-font-color: var( --dsa-color-button-on-floating-menu-danger-on-background-hover );--dsa-wc-button-danger-on-floating-menu-active-color: var( --dsa-color-button-on-floating-menu-danger-background-active );--dsa-wc-button-danger-on-floating-menu-active-font-color: var( --dsa-color-button-on-floating-menu-danger-on-background-active );--dsa-wc-button-danger-on-floating-menu-disabled-color: var( --dsa-color-button-on-floating-menu-danger-background-disabled );--dsa-wc-button-danger-on-floating-menu-disabled-font-color: var( --dsa-color-button-on-floating-menu-danger-on-background-disabled );--dsa-wc-button-danger-on-floating-menu-loading-color: var( --dsa-color-button-on-floating-menu-danger-background-disabled );--dsa-wc-button-danger-on-floating-menu-loading-font-color: var( --dsa-color-button-on-floating-menu-danger-on-background-hover );--dsa-wc-button-danger-on-floating-menu-loading-spinner-track-color: var( --dsa-color-spinner-on-base-danger-background );--dsa-wc-button-danger-on-floating-menu-loading-spinner-indicator-color: var( --dsa-color-spinner-on-base-danger-on-background );--dsa-wc-button-danger-on-contrasted-menu-color: var( --dsa-color-button-on-contrasted-neutral-danger-background-default );--dsa-wc-button-danger-on-contrasted-menu-font-color: var( --dsa-color-button-on-contrasted-neutral-danger-on-background-default );--dsa-wc-button-danger-on-contrasted-menu-hover-color: var( --dsa-color-button-on-contrasted-neutral-danger-background-hover );--dsa-wc-button-danger-on-contrasted-menu-hover-font-color: var( --dsa-color-button-on-contrasted-neutral-danger-on-background-hover );--dsa-wc-button-danger-on-contrasted-menu-active-color: var( --dsa-color-button-on-contrasted-neutral-danger-background-active );--dsa-wc-button-danger-on-contrasted-menu-active-font-color: var( --dsa-color-button-on-contrasted-neutral-danger-on-background-active );--dsa-wc-button-danger-on-contrasted-menu-disabled-color: var( --dsa-color-button-on-contrasted-neutral-danger-background-disabled );--dsa-wc-button-danger-on-contrasted-menu-disabled-font-color: var( --dsa-color-button-on-contrasted-neutral-danger-on-background-disabled );--dsa-wc-button-danger-on-contrasted-menu-loading-color: var( --dsa-color-button-on-contrasted-neutral-danger-background-disabled );--dsa-wc-button-danger-on-contrasted-menu-loading-font-color: var( --dsa-color-button-on-contrasted-neutral-danger-on-background-hover );--dsa-wc-button-danger-on-contrasted-menu-loading-spinner-track-color: var( --dsa-color-spinner-on-base-danger-background );--dsa-wc-button-danger-on-contrasted-menu-loading-spinner-indicator-color: var( --dsa-color-spinner-on-base-danger-on-background );--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: var(--dsa-wc-shadow-small);--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-scroll-bar-background);--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: 1.5rem;--dsa-wc-tag-small-padding: 0 .5rem;--dsa-wc-tag-medium-font-size: var(--dsa-font-small-normal);--dsa-wc-tag-medium-height: 2rem;--dsa-wc-tag-medium-padding: 0 .75rem;--dsa-wc-tag-large-font-size: var(--dsa-font-medium-normal);--dsa-wc-tag-large-height: 2.5rem;--dsa-wc-tag-large-padding: 0 1rem;--dsa-wc-tag-green-700-on-base: var( --dsa-color-tag-simple-green-on-dark-background );--dsa-wc-tag-green-700-base: var(--dsa-color-tag-simple-green-background-7);--dsa-wc-tag-green-600-on-base: var( --dsa-color-tag-simple-green-on-dark-background );--dsa-wc-tag-green-600-base: var(--dsa-color-tag-simple-green-background-6);--dsa-wc-tag-green-500-on-base: var( --dsa-color-tag-simple-green-on-light-background );--dsa-wc-tag-green-500-base: var(--dsa-color-tag-simple-green-background-5);--dsa-wc-tag-green-400-on-base: var( --dsa-color-tag-simple-green-on-light-background );--dsa-wc-tag-green-400-base: var(--dsa-color-tag-simple-green-background-4);--dsa-wc-tag-green-300-on-base: var( --dsa-color-tag-simple-green-on-light-background );--dsa-wc-tag-green-300-base: var(--dsa-color-tag-simple-green-background-3);--dsa-wc-tag-green-200-on-base: var( --dsa-color-tag-simple-green-on-light-background );--dsa-wc-tag-green-200-base: var(--dsa-color-tag-simple-green-background-2);--dsa-wc-tag-green-100-on-base: var( --dsa-color-tag-simple-green-on-light-background );--dsa-wc-tag-green-100-base: var(--dsa-color-tag-simple-green-background-1);--dsa-wc-tag-yellow-700-on-base: var( --dsa-color-tag-simple-yellow-on-dark-background );--dsa-wc-tag-yellow-700-base: var(--dsa-color-tag-simple-yellow-background-7);--dsa-wc-tag-yellow-600-on-base: var( --dsa-color-tag-simple-yellow-on-dark-background );--dsa-wc-tag-yellow-600-base: var(--dsa-color-tag-simple-yellow-background-6);--dsa-wc-tag-yellow-500-on-base: var( --dsa-color-tag-simple-yellow-on-light-background );--dsa-wc-tag-yellow-500-base: var(--dsa-color-tag-simple-yellow-background-5);--dsa-wc-tag-yellow-400-on-base: var( --dsa-color-tag-simple-yellow-on-light-background );--dsa-wc-tag-yellow-400-base: var(--dsa-color-tag-simple-yellow-background-4);--dsa-wc-tag-yellow-300-on-base: var( --dsa-color-tag-simple-yellow-on-light-background );--dsa-wc-tag-yellow-300-base: var(--dsa-color-tag-simple-yellow-background-3);--dsa-wc-tag-yellow-200-on-base: var( --dsa-color-tag-simple-yellow-on-light-background );--dsa-wc-tag-yellow-200-base: var(--dsa-color-tag-simple-yellow-background-2);--dsa-wc-tag-yellow-100-on-base: var( --dsa-color-tag-simple-yellow-on-light-background );--dsa-wc-tag-yellow-100-base: var(--dsa-color-tag-simple-yellow-background-1);--dsa-wc-tag-pink-500-on-base: var( --dsa-color-tag-simple-pink-on-dark-background );--dsa-wc-tag-pink-500-base: var(--dsa-color-tag-simple-pink-background-5);--dsa-wc-tag-pink-400-on-base: var( --dsa-color-tag-simple-pink-on-light-background );--dsa-wc-tag-pink-400-base: var(--dsa-color-tag-simple-pink-background-4);--dsa-wc-tag-pink-300-on-base: var( --dsa-color-tag-simple-pink-on-light-background );--dsa-wc-tag-pink-300-base: var(--dsa-color-tag-simple-pink-background-3);--dsa-wc-tag-pink-200-on-base: var( --dsa-color-tag-simple-pink-on-light-background );--dsa-wc-tag-pink-200-base: var(--dsa-color-tag-simple-pink-background-2);--dsa-wc-tag-pink-100-on-base: var( --dsa-color-tag-simple-pink-on-light-background );--dsa-wc-tag-pink-100-base: var(--dsa-color-tag-simple-pink-background-1);--dsa-wc-tag-orange-600-on-base: var( --dsa-color-tag-simple-orange-on-dark-background );--dsa-wc-tag-orange-600-base: var(--dsa-color-tag-simple-orange-background-6);--dsa-wc-tag-orange-500-on-base: var( --dsa-color-tag-simple-orange-on-dark-background );--dsa-wc-tag-orange-500-base: var(--dsa-color-tag-simple-orange-background-5);--dsa-wc-tag-orange-400-on-base: var( --dsa-color-tag-simple-orange-on-light-background );--dsa-wc-tag-orange-400-base: var(--dsa-color-tag-simple-orange-background-4);--dsa-wc-tag-orange-300-on-base: var( --dsa-color-tag-simple-orange-on-light-background );--dsa-wc-tag-orange-300-base: var(--dsa-color-tag-simple-orange-background-3);--dsa-wc-tag-orange-200-on-base: var( --dsa-color-tag-simple-orange-on-light-background );--dsa-wc-tag-orange-200-base: var(--dsa-color-tag-simple-orange-background-2);--dsa-wc-tag-orange-100-on-base: var( --dsa-color-tag-simple-orange-on-light-background );--dsa-wc-tag-orange-100-base: var(--dsa-color-tag-simple-orange-background-1);--dsa-wc-tag-blue-600-on-base: var( --dsa-color-tag-simple-blue-on-dark-background );--dsa-wc-tag-blue-600-base: var(--dsa-color-tag-simple-blue-background-6);--dsa-wc-tag-blue-500-on-base: var( --dsa-color-tag-simple-blue-on-light-background );--dsa-wc-tag-blue-500-base: var(--dsa-color-tag-simple-blue-background-5);--dsa-wc-tag-blue-400-on-base: var( --dsa-color-tag-simple-blue-on-light-background );--dsa-wc-tag-blue-400-base: var(--dsa-color-tag-simple-blue-background-4);--dsa-wc-tag-blue-300-on-base: var( --dsa-color-tag-simple-blue-on-light-background );--dsa-wc-tag-blue-300-base: var(--dsa-color-tag-simple-blue-background-3);--dsa-wc-tag-blue-200-on-base: var( --dsa-color-tag-simple-blue-on-light-background );--dsa-wc-tag-blue-200-base: var(--dsa-color-tag-simple-blue-background-2);--dsa-wc-tag-blue-100-on-base: var( --dsa-color-tag-simple-blue-on-light-background );--dsa-wc-tag-blue-100-base: var(--dsa-color-tag-simple-blue-background-1);--dsa-wc-tag-purple-500-on-base: var( --dsa-color-tag-simple-purple-on-dark-background );--dsa-wc-tag-purple-500-base: var(--dsa-color-tag-simple-purple-background-5);--dsa-wc-tag-purple-400-on-base: var( --dsa-color-tag-simple-purple-on-dark-background );--dsa-wc-tag-purple-400-base: var(--dsa-color-tag-simple-purple-background-4);--dsa-wc-tag-purple-300-on-base: var( --dsa-color-tag-simple-purple-on-light-background );--dsa-wc-tag-purple-300-base: var(--dsa-color-tag-simple-purple-background-3);--dsa-wc-tag-purple-200-on-base: var( --dsa-color-tag-simple-purple-on-light-background );--dsa-wc-tag-purple-200-base: var(--dsa-color-tag-simple-purple-background-2);--dsa-wc-tag-purple-100-on-base: var( --dsa-color-tag-simple-purple-on-light-background );--dsa-wc-tag-purple-100-base: var(--dsa-color-tag-simple-purple-background-1);--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-active );--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-icon-size: 1.125rem;--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-divider-background);--dsa-wc-divider-width: .063rem;--dsa-wc-divider-spacing: 1rem;--dsa-wc-split-panel-color: var(--dsa-color-split-panel-divider-background);--dsa-wc-split-panel-icon-color: var(--dsa-color-text-on-layer-primary);--dsa-wc-split-panel-icon-padding: .5rem .125rem;--dsa-wc-split-panel-width: 4px;--dsa-wc-split-panel-hit-area: 24px;--dsa-wc-progress-ring-font: var(--dsa-font-small-normal);--dsa-wc-progress-ring-color: var(--dsa-color-progress-ring-label);--dsa-wc-progress-ring-content-color: var( --dsa-color-progress-ring-ring-on-background );--dsa-wc-progress-ring-track-color: var( --dsa-color-progress-ring-ring-background );--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-icon-default);--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-input );--dsa-wc-input-on-base-text-field-placeholder-color: var( --dsa-color-input-text-field-placeholder );--dsa-wc-input-on-base-label-color: var(--dsa-color-input-label-default);--dsa-wc-input-on-base-label-color-error: var(--dsa-color-input-label-error);--dsa-wc-input-on-base-label-color-helper: var(--dsa-color-input-helper);--dsa-wc-input-on-base-background-color: var( --dsa-color-input-on-base-default-background );--dsa-wc-input-on-base-background-color-disabled: var( --dsa-color-input-on-base-disabled-background );--dsa-wc-input-on-base-background-color-error: var( --dsa-color-input-on-base-error-background );--dsa-wc-input-on-base-read-only-background-color: var( --dsa-color-input-on-base-read-only-background );--dsa-wc-input-on-base-border-color: var( --dsa-color-input-on-base-default-border );--dsa-wc-input-on-base-border-color-hover: var( --dsa-color-input-on-base-hover-border );--dsa-wc-input-on-base-border-color-disabled: var( --dsa-color-input-on-base-disabled-border );--dsa-wc-input-on-base-border-color-error: var( --dsa-color-input-on-base-error-border );--dsa-wc-input-on-base-border-color-error-hover: var( --dsa-color-input-on-base-error-hover-border );--dsa-wc-input-on-base-read-only-border-color: var( --dsa-color-input-on-base-read-only-border );--dsa-wc-input-on-layer-text-field-input-color: var( --dsa-color-input-text-field-input );--dsa-wc-input-on-layer-text-field-input-color-disabled: var( --dsa-color-input-text-field-placeholder );--dsa-wc-input-on-layer-text-field-placeholder-color: var( --dsa-color-input-text-field-placeholder );--dsa-wc-input-on-layer-text-field-placeholder-color-disabled: var( --dsa-color-input-text-field-placeholder );--dsa-wc-input-on-layer-label-color: var(--dsa-color-input-label-default);--dsa-wc-input-on-layer-background-color: var( --dsa-color-input-on-layer-default-background );--dsa-wc-input-on-layer-background-color-disabled: var( --dsa-color-input-on-layer-disabled-background );--dsa-wc-input-on-layer-background-color-error: var( --dsa-color-input-on-layer-error-background );--dsa-wc-input-on-layer-read-only-background-color: var( --dsa-color-input-on-layer-read-only-background );--dsa-wc-input-on-layer-border-color: var( --dsa-color-input-on-layer-default-border );--dsa-wc-input-on-layer-border-color-hover: var( --dsa-color-input-on-layer-hover-border );--dsa-wc-input-on-layer-border-color-disabled: var( --dsa-color-input-on-layer-disabled-border );--dsa-wc-input-on-layer-border-color-error: var( --dsa-color-input-on-layer-error-border );--dsa-wc-input-on-layer-border-color-error-hover: var( --dsa-color-primitive-colors-feedback-error-900 );--dsa-wc-input-on-layer-read-only-border-color: var( --dsa-color-input-on-layer-read-only-border );--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-select-on-base-hover-background );--dsa-wc-input-phone-select-on-base-active-background: var( --dsa-color-select-on-base-default-background );--dsa-wc-input-phone-select-on-layer-hover-background: var( --dsa-color-select-on-layer-hover-background );--dsa-wc-input-phone-select-on-layer-active-background: var( --dsa-color-select-on-layer-default-background );--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-input-time-picker-unit-size: 3rem;--dsa-wc-input-time-panel-border-color: var(--dsa-color-border-default);--dsa-wc-input-time-panel-border-radius: var(--dsa-radius-4);--dsa-wc-input-time-picker-unit-radius: var(--dsa-radius-4);--dsa-wc-input-time-picker-unit-hover-color: var( --dsa-color-primitive-colors-identity-purple-200 );--dsa-wc-input-time-picker-unit-current-color: var( --dsa-color-primitive-colors-identity-purple-500 );--dsa-wc-input-time-picker-unit-selected-color: var( --dsa-color-primitive-colors-identity-purple-500 );--dsa-wc-input-time-picker-unit-font: var(--dsa-font-small-normal);--dsa-wc-input-time-picker-unit-color: var(--dsa-color-text-on-base-primary);--dsa-wc-input-otp-single-fields-gap: var(--dsa-spacing-8);--dsa-wc-input-otp-single-field-width-small: 1.5rem;--dsa-wc-input-otp-single-field-width-medium: 2rem;--dsa-wc-input-otp-single-field-width-large: 2.375rem;--dsa-wc-input-otp-caret-height: 1.125rem;--dsa-wc-input-otp-single-field-value-width: .8rem;--dsa-wc-input-otp-single-field-active-value-background: var( --dsa-color-primitive-colors-identity-purple-500 );--dsa-wc-input-otp-single-field-active-value-color: var( --dsa-color-primitive-colors-neutral-100 );--dsa-wc-input-otp-single-field-active-value-border-radius: 2px;--dsa-wc-input-otp-single-field-active-value-padding: .2rem;--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-icon-error);--dsa-wc-error-text-icon-size: 1.25em;--dsa-wc-error-text-color: var(--dsa-color-input-label-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-icon-size: 1.125rem;--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-border-default);--dsa-wc-accordion-hover-border-color: var(--dsa-color-border-hover);--dsa-wc-accordion-focus-border: 3px solid var(--dsa-color-primitive-colors-system-focus-500);--dsa-wc-accordion-header-hover-background-color: var( --dsa-color-accordion-hover-background );--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-small-normal);--dsa-wc-select-input-font-small: var(--dsa-font-x-small-normal);--dsa-wc-select-input-font-large: var(--dsa-font-medium-normal);--dsa-wc-select-listbox-divider-spacing: .5rem;--dsa-wc-select-listbox-padding-inline: 1.75rem;--dsa-wc-select-listbox-margin-top: .5rem;--dsa-wc-select-listbox-border-radius: .25rem;--dsa-wc-select-listbox-border-width: 1px;--dsa-wc-select-listbox-border-color: var(--dsa-color-border-default);--dsa-wc-select-listbox-background-color: var(--dsa-color-background-base);--dsa-wc-select-icon-margin: .75rem;--dsa-wc-select-icon-size: 1rem;--dsa-wc-multiselect-tag-margin-inline-start: .25rem;--dsa-wc-multiselect-tag-background: var( --dsa-color-tag-multiselect-background );--dsa-wc-multiselect-tag-color: var( --dsa-color-tag-multiselect-default-on-background-text );--dsa-wc-multiselect-tag-border-color: var( --dsa-color-tag-multiselect-default-on-background-border );--dsa-wc-multiselect-tag-border-radius: var(--dsa-radius-4);--dsa-wc-multiselect-tag-padding-inline: var(--dsa-spacing-4);--dsa-wc-combobox-input-font: var(--dsa-font-small-normal);--dsa-wc-combobox-input-font-small: var(--dsa-font-x-small-normal);--dsa-wc-combobox-input-font-large: var(--dsa-font-medium-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-border-default);--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-expand-icon-error-color: var( --dsa-color-icon-on-base-error );--dsa-wc-combobox-expand-icon-size: 1.125rem;--dsa-wc-combobox-clear-button-focus-ring: solid 2px var(--dsa-wc-focus-ring-color);--dsa-wc-drawer-overlay-color: var(--dsa-color-surface-overlay);--dsa-wc-drawer-overlay-opacity: .4;--dsa-wc-drawer-background-color: var(--dsa-color-background-base);--dsa-wc-drawer-spacing: 1.25rem;--dsa-wc-drawer-filters-spacing: .75rem;--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-filters-header-min-height: 64px;--dsa-wc-drawer-content-font: var(--dsa-font-medium-normal);--dsa-wc-drawer-footer-border-top: 1px solid var(--dsa-color-border-default);--dsa-wc-drawer-footer-button-margin-inline-end: .5rem;--dsa-wc-tooltip-arrow-size: 6px;--dsa-wc-tooltip-arrow-color: var(--dsa-color-tooltip-background);--dsa-wc-tooltip-border-radius: var(--dsa-radius-4);--dsa-wc-tooltip-background-color: var(--dsa-color-tooltip-background);--dsa-wc-tooltip-font: var(--dsa-font-medium-normal);--dsa-wc-tooltip-color: var(--dsa-color-tooltip-on-background);--dsa-wc-tooltip-padding: var(--dsa-spacing-8) var(--dsa-spacing-12);--dsa-wc-tree-indent-guide-color: var(--dsa-color-divider-background);--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-tree-item-on-background);--dsa-wc-tree-item-font: var(--dsa-font-medium-normal);--dsa-wc-tree-item-selected-background-color: var( --dsa-color-tree-item-selected-background );--dsa-wc-tree-item-selected-border-color: var( --dsa-color-primitive-colors-identity-purple-500 );--dsa-wc-skeleton-border-radius: 44px;--dsa-wc-skeleton-color: var(--dsa-color-skeleton-loader-text);--dsa-wc-skeleton-sheen-color: var(--dsa-color-skeleton-loader-image);--dsa-wc-progress-bar-track-color: var(--dsa-color-progress-bar-background);--dsa-wc-progress-bar-indicator-color: var( --dsa-color-progress-bar-on-background-indicator );--dsa-wc-progress-bar-indicator-label-color: var( --dsa-color-progress-bar-on-indicator-label );--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-on-base-primary-background );--dsa-wc-spinner-on-base-indicator-color: var( --dsa-color-spinner-on-base-primary-on-background );--dsa-wc-spinner-on-floating-menu-track-color: var( --dsa-color-spinner-on-floatting-menu-background );--dsa-wc-spinner-on-floating-menu-indicator-color: var( --dsa-color-spinner-on-floatting-menu-on-background );--dsa-wc-spinner-on-contrasted-menu-track-color: var( --dsa-color-spinner-on-contrasted-neutral-background );--dsa-wc-spinner-on-contrasted-menu-indicator-color: var( --dsa-color-spinner-on-contrasted-neutral-on-background );--dsa-wc-avatar-background-color: var(--dsa-color-avatar-background);--dsa-wc-avatar-color: var(--dsa-color-avatar-on-background);--dsa-wc-avatar-border-radius: 50%;--dsa-wc-avatar-border: solid 2px var(--dsa-color-avatar-border);--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-indicator-line-complete );--dsa-wc-stepper-color-progress-default: var( --dsa-color-stepper-indicator-line-default );--dsa-wc-stepper-color-tag-blocked-base: var( --dsa-color-stepper-indicator-icon-default );--dsa-wc-stepper-color-tag-error-on-base: var( --dsa-color-stepper-indicator-icon-error-on-background );--dsa-wc-stepper-color-tag-error-base: var( --dsa-color-stepper-indicator-icon-error-background );--dsa-wc-stepper-color-tag-in-progress-base: var( --dsa-color-stepper-indicator-icon-in-progress );--dsa-wc-stepper-color-tag-complete-on-base: var( --dsa-color-stepper-indicator-icon-complete-on-background );--dsa-wc-stepper-color-tag-complete-base: var( --dsa-color-stepper-indicator-icon-complete-background );--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-on-floatting-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-on-floatting-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-on-floatting-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-on-floatting-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-file-download-link-on-contrasted-document-info );--dsa-wc-link-document-info-floating-menu-color: var( --dsa-color-file-download-link-on-floatting-menu-document-info );--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-range-slider-background: var( --dsa-color-primitive-colors-neutral-500 );--dsa-wc-range-slider-thumb-background: var( --dsa-color-primitive-colors-identity-purple-500 );--dsa-wc-range-slider-thumb-border-color: var( --dsa-color-primitive-colors-neutral-100 );--dsa-wc-range-slider-thumb-size: 24px;--dsa-wc-range-slider-thumb-border-radius: 3px;--dsa-wc-range-slider-height: 3px;--dsa-wc-range-slider-border-radius: 3px;--dsa-wc-range-slider-selected-background: var( --dsa-color-primitive-colors-identity-purple-500 );--dsa-wc-range-slider-disabled-background: var( --dsa-color-primitive-colors-neutral-600 );--dsa-wc-skip-link-on-layer-background: var(--dsa-color-skip-link-background);--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-skip-link-on-background-link);--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-description-font-small: var(--dsa-font-x-small-normal);--dsa-wc-file-upload-description-font-medium: var(--dsa-font-small-normal);--dsa-wc-file-upload-description-font-large: var(--dsa-font-medium-normal);--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-file-upload-border: 1px solid var(--dsa-color-border-default);--dsa-wc-file-upload-item-error-border: var(--dsa-color-file-upload-error);--dsa-wc-footer-background: var(--dsa-color-footer-background);--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-logo-width-mobile: 84px;--dsa-wc-footer-logo-width-desktop: 108px;--dsa-wc-footer-logo-height-mobile: 40px;--dsa-wc-footer-logo-height-desktop: 50px;--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-mandatory-mentions-spacing: var(--dsa-spacing-8);--dsa-wc-footer-mandatory-mentions-vertical-size: 12px;--dsa-wc-footer-mandatory-mentions-text-font: var(--dsa-font-x-small-normal);--dsa-wc-footer-mandatory-mentions-text-color: var( --dsa-color-text-on-base-secondary );--dsa-wc-footer-mandatory-mentions-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: var(--dsa-wc-shadow-large);--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-width-desktop-large: 156px;--dsa-wc-header-logo-height-mobile: 40px;--dsa-wc-header-logo-height-desktop: 50px;--dsa-wc-header-logo-height-desktop-large: 72px;--dsa-wc-header-sitename-color: var( --dsa-color-primitive-colors-identity-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-primitive-colors-neutral-900 );--dsa-wc-header-search-mobile-input-font: var(--dsa-font-small-normal);--dsa-wc-header-search-input-font: var(--dsa-font-medium-normal);--dsa-wc-page-header-background: var(--dsa-color-surface-layer);--dsa-wc-page-header-color: var(--dsa-color-text-on-base-primary);--dsa-wc-page-header-padding-x-mobile: var(--dsa-spacing-16);--dsa-wc-page-header-padding-x-desktop: 80px;--dsa-wc-page-header-title-icon-size-mobile: 2.5rem;--dsa-wc-page-header-title-icon-size-desktop: 2rem;--dsa-wc-page-header-title-font-mobile: var(--dsa-font-large-bold);--dsa-wc-page-header-title-font-desktop: var(--dsa-font-x-large-bold);--dsa-wc-page-header-subtitle-font: var(--dsa-font-medium-normal);--dsa-wc-page-header-secondary-text-font: var(--dsa-font-small-normal);--dsa-wc-page-header-secondary-text-color: var( --dsa-color-text-on-base-secondary );--dsa-wc-profile-button-border-radius: 40px;--dsa-wc-profile-button-font: var(--dsa-font-small-normal);--dsa-wc-profile-button-background: var(--dsa-color-background-base);--dsa-wc-profile-button-background-hover: var( --dsa-color-primitive-colors-neutral-300 );--dsa-wc-profile-button-background-active: var( --dsa-color-primitive-colors-identity-purple-200 );--dsa-wc-profile-button-color: var(--dsa-color-text-on-base-primary);--dsa-wc-profile-button-color-active: var( --dsa-color-primitive-colors-identity-purple-500 );--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-primitive-colors-neutral-400 );--dsa-wc-table-header-cell-background-active: var( --dsa-color-primitive-colors-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-primitive-colors-neutral-400 );--dsa-wc-table-header-cell-skeleton-sheen-color: var( --dsa-color-primitive-colors-neutral-500 );--dsa-wc-table-header-row-font: var(--dsa-font-small-bold);--dsa-wc-table-header-row-background: var( --dsa-color-table-header-cell-default-background );--dsa-wc-table-header-row-color: var(--dsa-color-text-on-base-primary);--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-divider-background);--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-primitive-colors-identity-purple-100 );--dsa-wc-table-row-selected-background: var( --dsa-color-primitive-colors-identity-purple-200 );--dsa-wc-table-row-error-background: var(--dsa-color-background-base);--dsa-wc-table-row-hover-error-background: var( --dsa-color-primitive-colors-feedback-error-200 );--dsa-wc-table-row-hover-selected-error-background: var( --dsa-color-primitive-colors-feedback-error-300 );--dsa-wc-table-row-error-border-color: var( --dsa-color-primitive-colors-feedback-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-primitive-colors-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-border-default);--dsa-wc-pagination-button-size: 2rem;--dsa-wc-pagination-button-padding: 8px;--dsa-wc-pagination-button-background-color: var( --dsa-color-primitive-colors-neutral-100 );--dsa-wc-pagination-button-hover-background-color: var( --dsa-color-pagination-page-number-hover-background );--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-pagination-select-border-color: var(--dsa-color-border-default);--dsa-wc-pagination-select-font: var(--dsa-font-x-small-normal);--dsa-wc-pagination-select-color: var( --dsa-color-primitive-colors-neutral-650 );--dsa-wc-pagination-compact-font: var(--dsa-font-medium-normal);--dsa-wc-pagination-compact-button-size: 40px;--dsa-wc-filter-button-label-font: var(--dsa-font-small-normal);--dsa-wc-filter-button-label-color: var( --dsa-wc-input-on-base-text-field-placeholder-color );--dsa-wc-filter-button-value-font: var(--dsa-font-small-bold);--dsa-wc-filter-button-value-color: var( --dsa-color-primitive-colors-identity-purple-500 );--dsa-wc-filter-button-border: solid var(--dsa-wc-input-border-width) var(--dsa-wc-input-on-base-border-color);--dsa-wc-filter-button-border-active: solid var(--dsa-wc-input-border-width) var(--dsa-wc-input-on-base-border-color-hover);--dsa-wc-filter-button-background-color: var( --dsa-wc-input-on-base-background-color );--dsa-wc-filter-button-background-color-active: var( --dsa-wc-input-on-layer-background-color );--dsa-wc-filter-button-disabled-background-color: var( --dsa-color-input-on-base-disabled-background );--dsa-wc-filter-button-disabled-border-color: var( --dsa-color-input-on-base-disabled-border );--dsa-wc-filter-button-readonly-background-color: var( --dsa-color-primitive-colors-neutral-400 );--dsa-wc-filter-button-readonly-border-color: var( --dsa-color-input-on-base-read-only-border );--dsa-wc-filter-button-hover-background-color: var( --dsa-color-primitive-colors-identity-purple-100 );--dsa-wc-filter-button-icon-size: 1.125rem;--dsa-wc-filter-button-drawer-min-height: var(--dsa-spacing-48);--dsa-wc-filter-button-drawer-padding: var(--dsa-spacing-8) var(--dsa-spacing-12);--dsa-filter-panel-min-width: 280px;--dsa-filter-panel-max-height: 760px;--dsa-wc-calendar-width: 17.5rem;--dsa-wc-calendar-radius: var(--dsa-radius-4);--dsa-wc-calendar-background-color: var(--dsa-color-background-base);--dsa-wc-calendar-font-color: var(--dsa-color-text-on-base-primary);--dsa-wc-calendar-font: var(--dsa-font-small-normal);--dsa-wc-calendar-header-padding: var(--dsa-spacing-16);--dsa-wc-calendar-header-font: var(--dsa-font-small-normal);--dsa-wc-calendar-header-color: var(--dsa-color-text-on-base-secondary);--dsa-wc-calendar-cell-font: var(--dsa-font-small-normal);--dsa-wc-calendar-cell-color: var(--dsa-color-text-on-base-primary);--dsa-wc-calendar-cell-size: 2.25rem;--dsa-wc-calendar-cell-padding: var(--dsa-spacing-8);--dsa-wc-calendar-cell-overflow-color: var( --dsa-color-primitive-colors-neutral-650 );--dsa-wc-calendar-cell-in-range-hover-color: var( --dsa-color-primitive-colors-identity-purple-300 );--dsa-wc-calendar-month-year-color: var( --dsa-color-primitive-colors-neutral-800 );--dsa-wc-calendar-month-year-font: var(--dsa-font-medium-normal);--dsa-wc-calendar-cell-selected-color: var( --dsa-color-primitive-colors-identity-purple-500 );--dsa-wc-calendar-cell-hover-color: var( --dsa-color-primitive-colors-identity-purple-200 );--dsa-wc-calendar-cell-border-color: var( --dsa-color-primitive-colors-identity-purple-500 );--dsa-wc-filter-date-border-color: var( --dsa-color-table-toolbar-border-default );--dsa-wc-filter-date-active-border-color: var( --dsa-color-table-toolbar-border-active );--dsa-wc-filter-date-border-radius: var(--dsa-radius-4);--dsa-wc-filter-date-font: var(--dsa-font-small-normal);--dsa-wc-filter-date-background-color: var( --dsa-color-table-toolbar-background );--dsa-wc-filter-date-active-background-color: var( --dsa-color-table-toolbar-active-background );--dsa-wc-filter-date-input-color: var( --dsa-color-table-toolbar-on-background-input );--dsa-wc-filter-date-input-placeholder-color: var( --dsa-color-table-toolbar-on-background-placeholder );--dsa-wc-filter-date-label-color: var( --dsa-color-table-toolbar-on-background-label );--dsa-wc-filter-date-icon-button-color: var(--dsa-color-icon-default);--dsa-wc-filter-date-active-icon-button-color: var( --dsa-color-table-toolbar-on-background-input );--dsa-wc-filter-date-disabled-icon-button-color: var( --dsa-color-icon-on-base-disabled );--dsa-wc-filter-date-readonly-icon-button-color: var( --dsa-color-icon-on-base-disabled );--dsa-wc-filter-date-panel-border-color: var(--dsa-color-border-default);--dsa-wc-filter-date-panel-padding: var(--dsa-spacing-16);--dsa-wc-filter-date-panel-border-radius: var(--dsa-radius-4);--dsa-wc-navbar-font: var(--dsa-font-small-normal);--dsa-wc-navbar-button-color: var(--dsa-color-text-on-base-primary);--dsa-wc-navbar-button-height-desktop: 48px;--dsa-wc-navbar-button-height-mobile: 38px;--dsa-wc-navbar-button-padding-desktop: 0 var(--dsa-spacing-16);--dsa-wc-navbar-button-padding-mobile: var(--dsa-spacing-10) var(--dsa-spacing-16);--dsa-wc-navbar-link-padding-mobile: var(--dsa-spacing-10) var(--dsa-spacing-40) var(--dsa-spacing-10) var(--dsa-spacing-16);--dsa-wc-navbar-button-background-hover: var(--dsa-color-background-hover);--dsa-wc-navbar-button-font-active: var(--dsa-font-small-bold);--dsa-wc-navbar-button-color-active: var( --dsa-color-primitive-colors-identity-purple-500 );--dsa-wc-navbar-button-border-bottom-active: 1px solid var(--dsa-color-primitive-colors-identity-purple-500);--dsa-wc-table-of-contents-header-background: var( --dsa-color-background-base );--dsa-wc-table-of-contents-header-padding-desktop: var(--dsa-spacing-12) 0;--dsa-wc-table-of-contents-header-padding-mobile: var(--dsa-spacing-12) var(--dsa-spacing-16);--dsa-wc-table-of-contents-label-color: var( --dsa-color-table-of-content-text-title );--dsa-wc-table-of-contents-label-font: var(--dsa-font-small-bold);--dsa-wc-table-of-contents-current-section-color: var( --dsa-color-table-of-content-text-active-anchor );--dsa-wc-table-of-contents-current-section-font: var(--dsa-font-small-normal);--dsa-wc-table-of-contents-content-background: var( --dsa-color-background-base );--dsa-wc-table-of-contents-content-padding-mobile: var(--dsa-spacing-8) var(--dsa-spacing-16);--dsa-wc-table-of-contents-indicator-border: 2px solid var(--dsa-color-table-of-content-item-selected-on-background);--dsa-wc-table-of-contents-link-color: var(--dsa-color-text-on-base-primary);--dsa-wc-table-of-contents-link-color-hover: var( --dsa-color-table-of-content-item-hover-on-background );--dsa-wc-table-of-contents-link-padding-desktop: 11px var(--dsa-spacing-16);--dsa-wc-table-of-contents-link-border-left: 1px solid var(--dsa-color-border-default);--dsa-wc-table-of-contents-link-focus-ring-offset: -3px;--dsa-wc-table-of-contents-link-color-active: var( --dsa-color-table-of-content-item-selected-on-background );--dsa-wc-quote-icon-color: var(--dsa-color-quote-icon);--dsa-wc-quote-text-color: var(--dsa-color-quote-text);--dsa-wc-quote-details-color: var(--dsa-color-text-on-base-secondary);--dsa-wc-quote-border-color: var(--dsa-color-quote-border);--dsa-wc-quote-background-color: var(--dsa-color-quote-background);--dsa-wc-quote-blockquote-font: var(--dsa-font-x-large-normal);--dsa-wc-quote-source-font: var(--dsa-font-x-large-bold);--dsa-wc-quote-details-font: var(--dsa-font-medium-normal);--dsa-wc-quote-blockquote-font-small: var(--dsa-font-large-normal);--dsa-wc-quote-source-font-small: var(--dsa-font-large-bold);--dsa-wc-quote-details-font-small: var(--dsa-font-small-normal);--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 1px 3px hsl(240 3.8% 46.1% / 12%);--dsa-wc-shadow-large: 0 2px 5px hsl(240 3.8% 46.1% / 12%);--dsa-wc-shadow-x-large: 0 3px 11px 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-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>dsa-icon,.dsa-link--with-suffix>dsa-icon{margin-bottom:-.1875rem}.dsa-link--with-prefix>dsa-icon{margin-right:var(--dsa-spacing-4)}.dsa-link--with-suffix>dsa-icon{margin-left:var(--dsa-spacing-4)}.dsa-link--with-prefix.dsa-link--with-suffix>dsa-icon:first-of-type{margin-left:0}.dsa-link--with-prefix.dsa-link--with-suffix>dsa-icon:last-of-type{margin-right:0}.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--standalone{border-bottom:transparent}.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));margin-bottom:0}.dsa-link--with-prefix:hover,.dsa-link--with-suffix:hover{border-bottom-color:unset;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--with-suffix: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--with-suffix: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)}.dsa-table{width:100%;border-spacing:0}.dsa-table .dsa-table-header-row,.dsa-table .dsa-table-row{block-size:var(--dsa-wc-table-row-medium-height)}.dsa-table--small .dsa-table-header-row,.dsa-table--small .dsa-table-row{block-size:var(--dsa-wc-table-row-small-height)}.dsa-table--large .dsa-table-header-row,.dsa-table--large .dsa-table-row{block-size:var(--dsa-wc-table-row-large-height)}.dsa-table-header-row{font:var(--dsa-wc-table-header-row-font);background:var(--dsa-wc-table-header-row-background);color:var(--dsa-wc-table-header-row-color)}.dsa-table-row{border:none;background:var(--dsa-wc-table-row-background);font:var(--dsa-wc-table-row-font);color:var(--dsa-wc-table-row-color)}.dsa-table-row:hover{background:var(--dsa-wc-table-row-hover-background)}.dsa-table-header-cell[colspan]:not([colspan="1"]){text-align:center}.dsa-table-header-cell,.dsa-table-cell{box-sizing:border-box;padding:var(--dsa-wc-table-header-cell-padding-y) var(--dsa-wc-table-header-cell-padding-x);vertical-align:middle;text-align:start;border-block-end:var(--dsa-wc-table-cell-border-size) solid var(--dsa-wc-table-cell-border-color)}.dsa-table-header-cell{padding:var(--dsa-wc-table-header-cell-padding-y) var(--dsa-wc-table-header-cell-padding-x)}.dsa-table-cell{padding:var(--dsa-wc-table-cell-padding-y) var(--dsa-wc-table-cell-padding-x)}.dsa-table-header-cell--hover{background:var(--dsa-wc-table-header-cell-background-hover)}.dsa-table-cell--hover{background:var(--dsa-wc-table-row-hover-background)}
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-opacity-0: 0;--dsa-wc-opacity-50: .5;--dsa-wc-opacity-100: 1;--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-border-default);--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-on-background-title);--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-on-background-text);--dsa-wc-alert-message-padding: 1.25rem;--dsa-wc-alert-primary-icon-color: var(--dsa-color-alert-on-background-info);--dsa-wc-alert-primary-background-color: var( --dsa-color-alert-background-info );--dsa-wc-alert-danger-icon-color: var(--dsa-color-alert-on-background-danger);--dsa-wc-alert-danger-background-color: var( --dsa-color-alert-background-danger );--dsa-wc-alert-success-icon-color: var( --dsa-color-alert-on-background-success );--dsa-wc-alert-success-background-color: var( --dsa-color-alert-background-success );--dsa-wc-alert-warning-icon-color: var( --dsa-color-alert-on-background-warning );--dsa-wc-alert-warning-background-color: var( --dsa-color-alert-background-warning );--dsa-wc-alert-neutral-icon-color: var( --dsa-color-alert-on-background-neutral );--dsa-wc-alert-neutral-background-color: var( --dsa-color-alert-background-neutral );--dsa-wc-callout-padding: var(--dsa-spacing-16) var(--dsa-spacing-24);--dsa-wc-callout-border-radius: 0px 3px 3px 0px;--dsa-wc-callout-text-gap: var(--dsa-spacing-8);--dsa-wc-callout-title-font: var(--dsa-font-large-bold);--dsa-wc-callout-title-color: var(--dsa-color-text-on-base-primary);--dsa-wc-callout-message-font: var(--dsa-font-medium-normal);--dsa-wc-callout-message-color: var(--dsa-color-text-on-base-primary);--dsa-wc-callout-border-left-width: var(--dsa-border-6);--dsa-wc-callout-default-border-color: var( --dsa-color-callout-border-default );--dsa-wc-callout-border-left: var(--dsa-wc-callout-border-left-width) solid var(--dsa-wc-callout-default-border-color);--dsa-wc-callout-default-background-color: var( --dsa-color-callout-background-default );--dsa-wc-dialog-overlay: var(--dsa-color-surface-overlay);--dsa-wc-dialog-overlay-opacity: .4;--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-title-padding: 20px 0;--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-header-padding: 16px 20px;--dsa-wc-dialog-header-spacing: 20px;--dsa-wc-dialog-body-padding: 20px;--dsa-wc-dialog-footer-padding: 20px;--dsa-wc-dialog-footer-spacing: 16px;--dsa-wc-dialog-scrollbar-width: .25rem;--dsa-wc-dialog-scrollbar-color: var(--dsa-color-scroll-bar-background);--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-dialog-panel-box-shadow: var(--dsa-wc-shadow-x-large);--dsa-wc-dialog-footer-border: 1px solid var(--dsa-color-border-default);--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-primitive-colors-identity-purple-100 );--dsa-wc-focus-ring-color: #015fcc;--dsa-wc-focus-ring-style: auto;--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: 4px;--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-error);--dsa-wc-fieldset-background: var(--dsa-color-background-base);--dsa-wc-fieldset-border-color: var(--dsa-color-border-default);--dsa-wc-fieldset-legend-color: var(--dsa-color-text-on-base-primary);--dsa-wc-fieldset-title-font: var(--dsa-font-large-bold);--dsa-wc-fieldset-subtitle-font: var(--dsa-font-small-normal);--dsa-wc-checkbox-color: var(--dsa-color-checkbox-primary);--dsa-wc-checkbox-color-disabled: var(--dsa-color-checkbox-disabled);--dsa-wc-checkbox-color-active: var( --dsa-color-checkbox-box-checked-background );--dsa-wc-checkbox-color-hover: var(--dsa-color-checkbox-box-hover-border);--dsa-wc-checkbox-color-readonly: var( --dsa-color-checkbox-box-checked-read-only-on-border );--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-checkbox-box-default-read-only-border );--dsa-wc-checkbox-background-color-readonly: var(--dsa-wc-checkbox-color);--dsa-wc-checkbox-icon-color-readonly: var(--dsa-color-checkbox-primary);--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-radio-default);--dsa-wc-radio-color-active: var(--dsa-color-radio-checked);--dsa-wc-radio-color-disabled: var(--dsa-color-radio-disabled);--dsa-wc-radio-border-color-readonly: var(--dsa-color-radio-read-only-border);--dsa-wc-radio-color-readonly: var(--dsa-color-radio-read-only-on-border);--dsa-wc-radio-color-hover: var(--dsa-color-radio-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-inner-size: .625rem;--dsa-wc-radio-size-small: .875rem;--dsa-wc-radio-inner-size-small: .5rem;--dsa-wc-radio-size-large: 1.375rem;--dsa-wc-radio-inner-size-large: .875rem;--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-checkbox-button-unchecked-default-background );--dsa-wc-toggle-button-border-color: transparent;--dsa-wc-toggle-button-color: var( --dsa-color-checkbox-button-unchecked-default-on-background );--dsa-wc-toggle-button-hover-background-color: var( --dsa-color-checkbox-button-unchecked-hover-background );--dsa-wc-toggle-button-hover-border-color: transparent;--dsa-wc-toggle-button-hover-color: var( --dsa-color-checkbox-button-unchecked-hover-on-background );--dsa-wc-toggle-button-active-background-color: var( --dsa-color-checkbox-button-unchecked-active-background );--dsa-wc-toggle-button-active-border-color: transparent;--dsa-wc-toggle-button-active-color: var( --dsa-color-checkbox-button-unchecked-active-on-background );--dsa-wc-toggle-button-disabled-background-color: var( --dsa-color-checkbox-button-unchecked-disabled-background );--dsa-wc-toggle-button-disabled-border-color: transparent;--dsa-wc-toggle-button-disabled-color: var( --dsa-color-checkbox-button-unchecked-disabled-on-background );--dsa-wc-toggle-button-checked-background-color: var( --dsa-color-checkbox-button-checked-default-background );--dsa-wc-toggle-button-checked-border-color: var( --dsa-color-checkbox-button-checked-default-border );--dsa-wc-toggle-button-checked-color: var( --dsa-color-checkbox-button-checked-default-on-background );--dsa-wc-toggle-button-checked-hover-background-color: var( --dsa-color-checkbox-button-checked-hover-background );--dsa-wc-toggle-button-checked-hover-border-color: var( --dsa-color-checkbox-button-checked-hover-border );--dsa-wc-toggle-button-checked-hover-color: var( --dsa-color-checkbox-button-checked-hover-on-background );--dsa-wc-toggle-button-checked-active-background-color: var( --dsa-color-checkbox-button-checked-active-background );--dsa-wc-toggle-button-checked-active-border-color: var( --dsa-color-checkbox-button-checked-active-border );--dsa-wc-toggle-button-checked-active-color: var( --dsa-color-checkbox-button-checked-active-on-background );--dsa-wc-toggle-button-read-only-background-color: var( --dsa-color-checkbox-button-unchecked-read-only-background );--dsa-wc-toggle-button-read-only-border-color: transparent;--dsa-wc-toggle-button-read-only-color: var( --dsa-color-checkbox-button-unchecked-read-only-on-background );--dsa-wc-toggle-button-read-only-checked-background-color: var( --dsa-color-checkbox-button-checked-read-only-background );--dsa-wc-toggle-button-read-only-checked-border-color: var( --dsa-color-checkbox-button-checked-read-only-border );--dsa-wc-toggle-button-read-only-checked-color: var( --dsa-color-radio-button-selected-read-only-on-background-text );--dsa-wc-toggle-button-read-only-checked-icon-color: var( --dsa-color-radio-button-selected-read-only-on-background-text );--dsa-wc-toggle-button-error-background-color: var( --dsa-color-checkbox-button-unchecked-error-background );--dsa-wc-toggle-button-error-border-color: var( --dsa-color-checkbox-button-unchecked-error-border );--dsa-wc-toggle-button-error-color: var( --dsa-color-checkbox-button-unchecked-error-on-background );--dsa-wc-toggle-button-icon-spacing: var(--dsa-spacing-8);--dsa-wc-toggle-button-icon-padding-x: var(--dsa-spacing-8);--dsa-wc-switch-label-color: var(--dsa-color-text-on-base-primary);--dsa-wc-switch-control-background-color: var(--dsa-color-background-base);--dsa-wc-switch-thumb-background-color: var(--dsa-color-background-base);--dsa-wc-switch-control-border-color: var( --dsa-color-primitive-colors-identity-purple-500 );--dsa-wc-switch-control-border-width: 2px;--dsa-wc-switch-control-background-color-hover: var( --dsa-color-background-hover );--dsa-wc-switch-control-background-color-active: var( --dsa-color-background-active-default );--dsa-wc-switch-thumb-background-color-active: var( --dsa-color-primitive-colors-identity-purple-100 );--dsa-wc-switch-control-background-color-active-hover: var( --dsa-color-background-active-hover );--dsa-wc-switch-control-border-color-disabled: var( --dsa-color-primitive-colors-neutral-500 );--dsa-wc-switch-control-background-color-active-disabled: var( --dsa-color-primitive-colors-neutral-200 );--dsa-wc-switch-control-border-color-readonly: var( --dsa-color-primitive-colors-neutral-700 );--dsa-wc-switch-control-background-color-active-readonly: var( --dsa-color-primitive-colors-neutral-500 );--dsa-switch-padding: var(--dsa-spacing-8);--dsa-wc-switch-background-color-hover: var(--dsa-color-background-hover);--dsa-wc-switch-border-color-hover: var(--dsa-color-border-hover);--dsa-wc-switch-font-small: var(--dsa-font-small-normal);--dsa-wc-switch-font-medium: var(--dsa-font-medium-normal);--dsa-wc-switch-font-large: var(--dsa-font-large-normal);--dsa-wc-switch-size-small: 1.75rem;--dsa-wc-switch-size-medium: 2rem;--dsa-wc-switch-size-large: 2.5rem;--dsa-wc-selectable-card-background-color: var(--dsa-color-background-base);--dsa-wc-selectable-card-border-color: var( --dsa-color-primitive-colors-neutral-650 );--dsa-wc-selectable-card-color: var(--dsa-color-text-on-base-primary);--dsa-wc-selectable-card-border-width: 1px;--dsa-wc-selectable-card-border-radius: var(--dsa-radius-8);--dsa-wc-selectable-card-horizontal-padding: var(--dsa-spacing-16) var(--dsa-spacing-16);--dsa-wc-selectable-card-horizontal-gap: var(--dsa-spacing-16);--dsa-wc-selectable-card-vertical-padding: var(--dsa-spacing-16) var(--dsa-spacing-16) var(--dsa-spacing-40);--dsa-wc-selectable-card-vertical-gap: 12.5px;--dsa-wc-selectable-card-content-gap: var(--dsa-spacing-16);--dsa-wc-selectable-card-text-gap: var(--dsa-spacing-4);--dsa-wc-selectable-card-label-font: var(--dsa-font-medium-bold);--dsa-wc-selectable-card-label-color: var(--dsa-color-text-on-base-primary);--dsa-wc-selectable-card-description-font: var(--dsa-font-small-normal);--dsa-wc-selectable-card-description-color: var( --dsa-color-text-on-base-secondary );--dsa-wc-selectable-card-hover-background-color: var( --dsa-color-background-hover );--dsa-wc-selectable-card-hover-border-color: var(--dsa-color-border-hover);--dsa-wc-selectable-card-hover-radio-color: var(--dsa-color-radio-hover);--dsa-wc-selectable-card-checked-background-color: var( --dsa-color-background-selected );--dsa-wc-selectable-card-checked-border-color: var( --dsa-color-border-selected-default );--dsa-wc-selectable-card-checked-radio-color: var(--dsa-color-radio-checked);--dsa-wc-selectable-card-checked-hover-background-color: var( --dsa-color-background-hover );--dsa-wc-selectable-card-checked-hover-border-color: var( --dsa-color-border-selected-hover );--dsa-wc-selectable-card-disabled-background-color: var( --dsa-color-background-disabled );--dsa-wc-selectable-card-disabled-border-color: var( --dsa-color-border-disabled );--dsa-wc-selectable-card-disabled-color: var( --dsa-color-text-on-base-disabled );--dsa-wc-selectable-card-disabled-radio-color: var( --dsa-color-radio-disabled );--dsa-wc-selectable-card-read-only-background-color: var( --dsa-color-background-read-only );--dsa-wc-selectable-card-read-only-border-color: var( --dsa-color-primitive-colors-neutral-650 );--dsa-wc-selectable-card-error-border-color: var( --dsa-color-checkbox-button-unchecked-error-border );--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: 0px;--dsa-wc-tab-color: var(--dsa-color-tab-default);--dsa-wc-tab-color-disabled: var(--dsa-color-tab-disabled);--dsa-wc-tab-color-hover: var(--dsa-color-tab-hover);--dsa-wc-tab-color-active-tab: var(--dsa-color-tab-active);--dsa-wc-tab-padding: var(--dsa-spacing-12) 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-active);--dsa-wc-tab-group-indicator-track-width: 2px;--dsa-wc-tab-group-track-color: var(--dsa-color-divider-background);--dsa-wc-tab-group-track-width: 1px;--dsa-wc-icon-button-color: var( --dsa-color-button-on-base-primary-on-background-default );--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-icon-button-size--2xsmall: .625rem;--dsa-wc-icon-button-size--xsmall: .75rem;--dsa-wc-icon-button-size--small: .875rem;--dsa-wc-icon-button-size--medium: 1rem;--dsa-wc-icon-button-size--large: 1.25rem;--dsa-wc-icon-button-size--xlarge: 1.5rem;--dsa-wc-icon-button-size--2xlarge: 2.25rem;--dsa-wc-card-color: var(--dsa-color-card-on-background);--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: var(--dsa-color-border-default);--dsa-wc-card-link-border-color-hover: var(--dsa-color-border-hover);--dsa-wc-card-header-padding: var(--dsa-spacing-10) 20px;--dsa-wc-card-body-padding: var(--dsa-spacing-16);--dsa-wc-card-footer-padding: 20px;--dsa-wc-card-border: var(--dsa-wc-card-border-width) solid var(--dsa-wc-card-border-color);--dsa-wc-card-background: var(--dsa-color-card-background-default);--dsa-wc-card-box-shadow: var(--dsa-wc-shadow-x-small);--dsa-wc-card-link-box-shadow-hover: var(--dsa-wc-shadow-x-large);--dsa-wc-card-link-background-active: var(--dsa-color-card-background-actif);--dsa-wc-card-content-body-padding: var(--dsa-spacing-32) var(--dsa-spacing-32) var(--dsa-spacing-32) var(--dsa-spacing-24);--dsa-wc-card-small-content-body-padding: var(--dsa-spacing-16);--dsa-wc-card-content-filled-background-color: var(--dsa-color-surface-layer);--dsa-wc-card-content-large-title-font: var(--dsa-font-x-large-bold);--dsa-wc-card-content-small-title-font: var(--dsa-font-large-bold);--dsa-wc-card-content-subtitle-font: var(--dsa-font-medium-bold);--dsa-wc-card-content-content-font: var(---dsa-font-medium-normal);--dsa-wc-card-content-title-color: var(--dsa-color-text-on-base-primary);--dsa-wc-card-content-subtitle-text-color: var( --dsa-color-text-on-base-secondary );--dsa-wc-card-content-content-color: var(--dsa-color-text-on-base-secondary);--dsa-wc-card-content-chevron-color: var(--dsa-color-text-on-base-primary);--dsa-wc-card-content-link-small-icon-size: 2.25rem;--dsa-wc-card-content-link-large-icon-size: 2.5rem;--dsa-wc-card-content-link-icon-padding: var(--dsa-spacing-8);--dsa-wc-card-content-tags-margin-bottom: 20px;--dsa-wc-card-content-title-icon-size: 3rem;--dsa-wc-card-content-small-title-icon-size: 2rem;--dsa-wc-card-content-title-block-gap: var(--dsa-spacing-8);--dsa-wc-card-content-margin-top: var(--dsa-spacing-12);--dsa-wc-card-content-footer-padding-top: var(--dsa-spacing-32);--dsa-wc-card-nav-color: var(--dsa-color-card-on-background);--dsa-wc-card-nav-icon-color: var( --dsa-color-primitive-colors-identity-purple-500 );--dsa-wc-card-nav-subtitle-color: var(--dsa-color-text-on-base-secondary);--dsa-wc-card-nav-background-color: var(--dsa-color-card-background-default);--dsa-wc-card-nav-background-color-hover: var(--dsa-color-background-hover);--dsa-wc-card-nav-border-color: var(--dsa-color-border-default);--dsa-wc-card-nav-border-color-hover: var(--dsa-color-border-hover);--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-primitive-colors-identity-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-text-on-base-primary);--dsa-wc-download-card-icon-size: 1.5rem;--dsa-wc-download-card-border-width: 1px;--dsa-wc-download-card-border-color: var(--dsa-color-border-default);--dsa-wc-download-card-border-color-hover: var(--dsa-color-border-hover);--dsa-wc-download-card-box-shadow-hover: var(--dsa-wc-shadow-medium);--dsa-wc-download-card-border-color-active: var( --dsa-color-background-selected );--dsa-wc-download-link-icon-size--xlarge: 2rem;--dsa-wc-download-link-icon-size--large: 1.75rem;--dsa-wc-download-link-icon-size--medium: 1.5rem;--dsa-wc-download-link-icon-size--small: 1.25rem;--dsa-wc-download-link-icon-size--xsmall: 1rem;--dsa-wc-download-link-icon-size--2xsmall: .875rem;--dsa-wc-menu-background-color: var(--dsa-color-background-base);--dsa-wc-menu-border: solid 1px var(--dsa-color-border-default);--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-font-current: var(--dsa-font-small-bold);--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-menu-menu-item-hover-background );--dsa-wc-menu-item-hover-color: var( --dsa-color-menu-menu-item-hover-on-background );--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: 20px;--dsa-wc-menu-item-padding-left-level-2: var(--dsa-spacing-48);--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: -3px;--dsa-wc-menu-item-checked-background-color: var( --dsa-color-menu-menu-item-hover-background );--dsa-wc-menu-item-checked-color: var(--dsa-color-menu-menu-item-selected);--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-menu-navigation-item-padding: 10px var(--dsa-wc-menu-item-padding-right) 10px 25px;--dsa-wc-menu-navigation-item-current-color: var( --dsa-color-primitive-colors-identity-purple-500 );--dsa-wc-menu-navigation-item-current-background-color: var( --dsa-color-primitive-colors-identity-purple-100 );--dsa-wc-menu-accordion-font-closed: var(--dsa-font-medium-normal);--dsa-wc-menu-accordion-level-2-font-closed: var(--dsa-font-small-normal);--dsa-wc-menu-accordion-font-open: var(--dsa-font-medium-bold);--dsa-wc-menu-accordion-level-2-font-open: var(--dsa-font-small-bold);--dsa-wc-menu-accordion-color-closed: var(--dsa-color-text-on-base-primary);--dsa-wc-menu-accordion-color-hover: var( --dsa-color-primitive-colors-identity-purple-500 );--dsa-wc-menu-accordion-color-open: var( --dsa-color-primitive-colors-identity-purple-500 );--dsa-wc-menu-accordion-button-padding: var(--dsa-spacing-16);--dsa-wc-menu-accordion-body-padding: 0 var(--dsa-spacing-16);--dsa-wc-menu-accordion-button-focus-ring-offset: -3px;--dsa-wc-option-color: var(--dsa-color-text-on-base-primary);--dsa-wc-option-hover-color: var(--dsa-color-option-hover-background);--dsa-wc-option-hover-border-color: var(--dsa-color-option-hover-border);--dsa-wc-option-error-color: var(--dsa-color-icon-on-base-error);--dsa-wc-option-active-color: var(--dsa-color-option-active-on-background);--dsa-wc-option-active-background-color: var( --dsa-color-option-active-background );--dsa-wc-option-multiple-active-background-color: var( --dsa-color-option-hover-background );--dsa-wc-option-active-hover-background-color: var( --dsa-color-primitive-colors-identity-purple-900 );--dsa-wc-option-active-multiple-hover-background-color: var( --dsa-color-primitive-colors-identity-purple-200 );--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-medium-padding-y: var(--dsa-spacing-12);--dsa-wc-option-padding-left: var(--dsa-spacing-4);--dsa-wc-option-padding-right: var(--dsa-spacing-24);--dsa-wc-option-padding: var(--dsa-wc-option-medium-padding-y) var(--dsa-wc-option-padding-right) var(--dsa-wc-option-medium-padding-y) var(--dsa-wc-option-padding-left);--dsa-wc-option-small-font: var(--dsa-font-x-small-normal);--dsa-wc-option-small-icon-size: 1.125rem;--dsa-wc-option-small-padding-y: var(--dsa-spacing-8);--dsa-wc-option-small-padding: var(--dsa-wc-option-small-padding-y) var(--dsa-wc-option-padding-right) var(--dsa-wc-option-small-padding-y) var(--dsa-wc-option-padding-left);--dsa-wc-option-large-font: var(--dsa-font-medium-normal);--dsa-wc-option-large-icon-size: 1.5rem;--dsa-wc-option-large-padding-y: var(--dsa-spacing-12);--dsa-wc-option-large-padding: var(--dsa-wc-option-large-padding-y) var(--dsa-wc-option-padding-right) var(--dsa-wc-option-large-padding-y) var(--dsa-wc-option-padding-left);--dsa-wc-option-check-icon-horizontal-padding: var(--dsa-spacing-4);--dsa-wc-option-multiple-checkbox-horizontal-padding: var(--dsa-spacing-4) var(--dsa-spacing-8);--dsa-wc-option-prefix-suffix-inline-padding: var(--dsa-spacing-8);--dsa-wc-option-large-prefix-suffix-inline-padding: var(--dsa-spacing-12);--dsa-wc-badge-small-font: var(--dsa-font-2x-small-bold);--dsa-wc-badge-medium-font: var(--dsa-font-x-small-bold);--dsa-wc-badge-dot-small-padding: .25rem;--dsa-wc-badge-dot-medium-padding: .5rem;--dsa-wc-badge-text-small-padding: .125rem .5rem;--dsa-wc-badge-text-medium-padding: .35rem .7rem;--dsa-wc-badge-text-medium-min-width: 1.5rem;--dsa-wc-badge-text-small-min-width: 1rem;--dsa-wc-badge-border-radius: 2rem;--dsa-wc-badge-background-color-primary: var( --dsa-color-badge-background-default );--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-on-background-text-default );--dsa-wc-badge-text-color-success: var( --dsa-color-badge-on-background-text-success );--dsa-wc-badge-text-color-warning: var( --dsa-color-badge-on-background-text-warning );--dsa-wc-badge-text-color-neutral: var( --dsa-color-badge-on-background-text-neutral );--dsa-wc-badge-text-color-danger: var( --dsa-color-badge-on-background-text-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-padding-horizontal-small: var(--dsa-spacing-8);--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-background-default );--dsa-wc-button-primary-on-base-font-color: var( --dsa-color-button-on-base-primary-on-background-default );--dsa-wc-button-primary-on-base-hover-color: var( --dsa-color-button-on-base-primary-background-hover );--dsa-wc-button-primary-on-base-hover-font-color: var( --dsa-color-button-on-base-primary-on-background-hover );--dsa-wc-button-primary-on-base-active-color: var( --dsa-color-button-on-base-primary-background-active );--dsa-wc-button-primary-on-base-active-font-color: var( --dsa-color-button-on-base-primary-on-background-active );--dsa-wc-button-primary-on-base-disabled-color: var( --dsa-color-button-on-base-primary-background-disabled );--dsa-wc-button-primary-on-base-disabled-font-color: var( --dsa-color-button-on-base-primary-on-background-disabled );--dsa-wc-button-primary-on-base-loading-color: var( --dsa-color-button-on-base-primary-background-loading );--dsa-wc-button-primary-on-base-loading-font-color: var( --dsa-color-button-on-base-primary-on-background-disabled );--dsa-wc-button-primary-on-base-loading-spinner-track-color: var( --dsa-color-spinner-on-base-primary-background );--dsa-wc-button-primary-on-base-loading-spinner-indicator-color: var( --dsa-color-spinner-on-base-primary-on-background );--dsa-wc-button-primary-on-floating-menu-color: var( --dsa-color-button-on-floating-menu-primary-background-default );--dsa-wc-button-primary-on-floating-menu-font-color: var( --dsa-color-button-on-floating-menu-primary-on-background-default );--dsa-wc-button-primary-on-floating-menu-hover-color: var( --dsa-color-button-on-floating-menu-primary-background-hover );--dsa-wc-button-primary-on-floating-menu-hover-font-color: var( --dsa-color-button-on-floating-menu-primary-on-background-hover );--dsa-wc-button-primary-on-floating-menu-active-color: var( --dsa-color-button-on-floating-menu-primary-background-active );--dsa-wc-button-primary-on-floating-menu-active-font-color: var( --dsa-color-button-on-floating-menu-primary-on-background-active );--dsa-wc-button-primary-on-floating-menu-disabled-color: var( --dsa-color-button-on-floating-menu-primary-background-disabled );--dsa-wc-button-primary-on-floating-menu-disabled-font-color: var( --dsa-color-button-on-floating-menu-primary-on-background-disabled );--dsa-wc-button-primary-on-floating-menu-loading-color: var( --dsa-color-button-on-floating-menu-primary-background-loading );--dsa-wc-button-primary-on-floating-menu-loading-font-color: var( --dsa-color-button-on-floating-menu-primary-on-background-disabled );--dsa-wc-button-primary-on-floating-menu-loading-spinner-track-color: var( --dsa-color-spinner-on-floatting-menu-on-background-button-background );--dsa-wc-button-primary-on-floating-menu-loading-spinner-indicator-color: var( --dsa-color-spinner-on-floatting-menu-on-background-button-on-background );--dsa-wc-button-primary-on-contrasted-menu-color: var( --dsa-color-button-on-contrasted-neutral-primary-background-default );--dsa-wc-button-primary-on-contrasted-menu-font-color: var( --dsa-color-button-on-contrasted-neutral-primary-on-background-default );--dsa-wc-button-primary-on-contrasted-menu-hover-color: var( --dsa-color-button-on-contrasted-neutral-primary-background-hover );--dsa-wc-button-primary-on-contrasted-menu-hover-font-color: var( --dsa-color-button-on-contrasted-neutral-primary-on-background-hover );--dsa-wc-button-primary-on-contrasted-menu-active-color: var( --dsa-color-button-on-contrasted-neutral-primary-background-active );--dsa-wc-button-primary-on-contrasted-menu-active-font-color: var( --dsa-color-button-on-contrasted-neutral-primary-on-background-active );--dsa-wc-button-primary-on-contrasted-menu-disabled-color: var( --dsa-color-button-on-contrasted-neutral-primary-background-disabled );--dsa-wc-button-primary-on-contrasted-menu-disabled-font-color: var( --dsa-color-button-on-contrasted-neutral-primary-on-background-disabled );--dsa-wc-button-primary-on-contrasted-menu-loading-color: var( --dsa-color-button-on-contrasted-neutral-primary-background-loading );--dsa-wc-button-primary-on-contrasted-menu-loading-font-color: var( --dsa-color-button-on-contrasted-neutral-primary-on-background-disabled );--dsa-wc-button-primary-on-contrasted-menu-loading-spinner-track-color: var( --dsa-color-spinner-on-contrasted-neutral-on-background-button-background );--dsa-wc-button-primary-on-contrasted-menu-loading-spinner-indicator-color: var( --dsa-color-spinner-on-contrasted-neutral-on-background-button-on-background );--dsa-wc-button-secondary-on-base-color: var( --dsa-color-button-on-base-secondary-background-default );--dsa-wc-button-secondary-on-base-font-color: var( --dsa-color-button-on-base-secondary-on-background-default );--dsa-wc-button-secondary-on-base-hover-color: var( --dsa-color-button-on-base-secondary-background-hover );--dsa-wc-button-secondary-on-base-hover-font-color: var( --dsa-color-button-on-base-secondary-on-background-hover );--dsa-wc-button-secondary-on-base-active-color: var( --dsa-color-button-on-base-secondary-background-active );--dsa-wc-button-secondary-on-base-active-font-color: var( --dsa-color-button-on-base-secondary-on-background-active );--dsa-wc-button-secondary-on-base-disabled-color: var( --dsa-color-button-on-base-secondary-background-disabled );--dsa-wc-button-secondary-on-base-disabled-font-color: var( --dsa-color-button-on-base-secondary-on-background-disabled );--dsa-wc-button-secondary-on-base-loading-color: var( --dsa-color-button-on-base-secondary-background-loading );--dsa-wc-button-secondary-on-base-loading-font-color: var( --dsa-color-button-on-base-secondary-on-background-disabled );--dsa-wc-button-secondary-on-base-loading-spinner-track-color: var( --dsa-color-spinner-on-base-primary-background );--dsa-wc-button-secondary-on-base-loading-spinner-indicator-color: var( --dsa-color-spinner-on-base-primary-on-background );--dsa-wc-button-secondary-on-floating-menu-color: var( --dsa-color-button-on-floating-menu-secondary-background-default );--dsa-wc-button-secondary-on-floating-menu-font-color: var( --dsa-color-button-on-floating-menu-secondary-on-background-default );--dsa-wc-button-secondary-on-floating-menu-hover-color: var( --dsa-color-button-on-floating-menu-secondary-background-hover );--dsa-wc-button-secondary-on-floating-menu-hover-font-color: var( --dsa-color-button-on-floating-menu-secondary-on-background-hover );--dsa-wc-button-secondary-on-floating-menu-active-color: var( --dsa-color-button-on-floating-menu-secondary-background-active );--dsa-wc-button-secondary-on-floating-menu-active-font-color: var( --dsa-color-button-on-floating-menu-secondary-on-background-active );--dsa-wc-button-secondary-on-floating-menu-disabled-color: var( --dsa-color-button-on-floating-menu-secondary-background-disabled );--dsa-wc-button-secondary-on-floating-menu-disabled-font-color: var( --dsa-color-button-on-floating-menu-secondary-on-background-disabled );--dsa-wc-button-secondary-on-floating-menu-loading-color: var( --dsa-color-button-on-floating-menu-secondary-background-loading );--dsa-wc-button-secondary-on-floating-menu-loading-font-color: var( --dsa-color-button-on-floating-menu-secondary-on-background-disabled );--dsa-wc-button-secondary-on-floating-menu-loading-spinner-track-color: var( --dsa-color-spinner-on-floatting-menu-on-background-button-background );--dsa-wc-button-secondary-on-floating-menu-loading-spinner-indicator-color: var( --dsa-color-spinner-on-floatting-menu-on-background-button-on-background );--dsa-wc-button-secondary-on-contrasted-menu-color: var( --dsa-color-button-on-contrasted-neutral-secondary-background-default );--dsa-wc-button-secondary-on-contrasted-menu-font-color: var( --dsa-color-button-on-contrasted-neutral-secondary-on-background-default );--dsa-wc-button-secondary-on-contrasted-menu-hover-color: var( --dsa-color-button-on-contrasted-neutral-secondary-background-hover );--dsa-wc-button-secondary-on-contrasted-menu-hover-font-color: var( --dsa-color-button-on-contrasted-neutral-secondary-on-background-hover );--dsa-wc-button-secondary-on-contrasted-menu-active-color: var( --dsa-color-button-on-contrasted-neutral-secondary-background-active );--dsa-wc-button-secondary-on-contrasted-menu-active-font-color: var( --dsa-color-button-on-contrasted-neutral-secondary-on-background-active );--dsa-wc-button-secondary-on-contrasted-menu-disabled-color: var( --dsa-color-button-on-contrasted-neutral-secondary-background-disabled );--dsa-wc-button-secondary-on-contrasted-menu-disabled-font-color: var( --dsa-color-button-on-contrasted-neutral-secondary-on-background-disabled );--dsa-wc-button-secondary-on-contrasted-menu-loading-color: var( --dsa-color-button-on-contrasted-neutral-secondary-background-loading );--dsa-wc-button-secondary-on-contrasted-menu-loading-font-color: var( --dsa-color-button-on-contrasted-neutral-secondary-on-background-disabled );--dsa-wc-button-secondary-on-contrasted-menu-loading-spinner-track-color: var( --dsa-color-spinner-on-contrasted-neutral-on-background-button-background );--dsa-wc-button-secondary-on-contrasted-menu-loading-spinner-indicator-color: var( --dsa-color-spinner-on-contrasted-neutral-on-background-button-on-background );--dsa-wc-button-tertiary-on-base-color: transparent;--dsa-wc-button-tertiary-on-base-font-color: var( --dsa-color-button-on-base-tertiary-default );--dsa-wc-button-tertiary-on-base-border-color: var( --dsa-color-button-on-base-tertiary-default );--dsa-wc-button-tertiary-on-base-hover-color: transparent;--dsa-wc-button-tertiary-on-base-hover-border-color: var( --dsa-color-button-on-base-tertiary-hover );--dsa-wc-button-tertiary-on-base-hover-font-color: var( --dsa-color-button-on-base-tertiary-hover );--dsa-wc-button-tertiary-on-base-active-color: transparent;--dsa-wc-button-tertiary-on-base-active-border-color: var( --dsa-color-button-on-base-tertiary-active );--dsa-wc-button-tertiary-on-base-active-font-color: var( --dsa-color-button-on-base-tertiary-active );--dsa-wc-button-tertiary-on-base-disabled-color: transparent;--dsa-wc-button-tertiary-on-base-disabled-border-color: var( --dsa-color-button-on-base-tertiary-disabled );--dsa-wc-button-tertiary-on-base-disabled-font-color: var( --dsa-color-button-on-base-tertiary-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-on-base-primary-background );--dsa-wc-button-tertiary-on-base-loading-spinner-indicator-color: var( --dsa-color-spinner-on-base-primary-on-background );--dsa-wc-button-tertiary-on-floating-menu-color: transparent;--dsa-wc-button-tertiary-on-floating-menu-border-color: var( --dsa-color-button-on-floating-menu-tertiary-default );--dsa-wc-button-tertiary-on-floating-menu-font-color: var( --dsa-color-button-on-floating-menu-tertiary-default );--dsa-wc-button-tertiary-on-floating-menu-hover-color: transparent;--dsa-wc-button-tertiary-on-floating-menu-hover-border-color: var( --dsa-color-button-on-floating-menu-tertiary-hover );--dsa-wc-button-tertiary-on-floating-menu-hover-font-color: var( --dsa-color-button-on-floating-menu-tertiary-hover );--dsa-wc-button-tertiary-on-floating-menu-active-color: transparent;--dsa-wc-button-tertiary-on-floating-menu-active-border-color: var( --dsa-color-button-on-floating-menu-tertiary-active );--dsa-wc-button-tertiary-on-floating-menu-active-font-color: var( --dsa-color-button-on-floating-menu-tertiary-active );--dsa-wc-button-tertiary-on-floating-menu-disabled-color: transparent;--dsa-wc-button-tertiary-on-floating-menu-disabled-border-color: var( --dsa-color-button-on-floating-menu-tertiary-disabled );--dsa-wc-button-tertiary-on-floating-menu-disabled-font-color: var( --dsa-color-button-on-floating-menu-tertiary-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-disabled );--dsa-wc-button-tertiary-on-floating-menu-loading-spinner-track-color: var( --dsa-color-spinner-on-floatting-menu-background );--dsa-wc-button-tertiary-on-floating-menu-loading-spinner-indicator-color: var( --dsa-color-spinner-on-floatting-menu-on-background );--dsa-wc-button-tertiary-on-contrasted-menu-color: transparent;--dsa-wc-button-tertiary-on-contrasted-menu-border-color: var( --dsa-color-button-on-contrasted-neutral-tertiary-default );--dsa-wc-button-tertiary-on-contrasted-menu-font-color: var( --dsa-color-button-on-contrasted-neutral-tertiary-default );--dsa-wc-button-tertiary-on-contrasted-menu-hover-color: transparent;--dsa-wc-button-tertiary-on-contrasted-menu-hover-border-color: var( --dsa-color-button-on-contrasted-neutral-tertiary-hover );--dsa-wc-button-tertiary-on-contrasted-menu-hover-font-color: var( --dsa-color-button-on-contrasted-neutral-tertiary-hover );--dsa-wc-button-tertiary-on-contrasted-menu-active-color: transparent;--dsa-wc-button-tertiary-on-contrasted-menu-active-border-color: var( --dsa-color-button-on-contrasted-neutral-tertiary-active );--dsa-wc-button-tertiary-on-contrasted-menu-active-font-color: var( --dsa-color-button-on-contrasted-neutral-tertiary-active );--dsa-wc-button-tertiary-on-contrasted-menu-disabled-color: transparent;--dsa-wc-button-tertiary-on-contrasted-menu-disabled-border-color: var( --dsa-color-button-on-contrasted-neutral-tertiary-disabled );--dsa-wc-button-tertiary-on-contrasted-menu-disabled-font-color: var( --dsa-color-button-on-contrasted-neutral-tertiary-disabled );--dsa-wc-button-tertiary-on-contrasted-menu-loading-color: transparent;--dsa-wc-button-tertiary-on-contrasted-menu-loading-font-color: var( --dsa-color-button-on-contrasted-neutral-tertiary-disabled );--dsa-wc-button-tertiary-on-contrasted-menu-loading-spinner-track-color: var( --dsa-color-spinner-on-contrasted-neutral-background );--dsa-wc-button-tertiary-on-contrasted-menu-loading-spinner-indicator-color: var( --dsa-color-spinner-on-contrasted-neutral-on-background );--dsa-wc-button-navigation-on-base-color: transparent;--dsa-wc-button-navigation-on-base-font-color: var( --dsa-color-button-on-base-navigation-default );--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-on-base-primary-background );--dsa-wc-button-navigation-on-base-loading-spinner-indicator-color: var( --dsa-color-spinner-on-base-primary-on-background );--dsa-wc-button-navigation-on-floating-menu-color: transparent;--dsa-wc-button-navigation-on-floating-menu-font-color: var( --dsa-color-button-on-floating-menu-navigation-default );--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-on-floatting-menu-background );--dsa-wc-button-navigation-on-floating-menu-loading-spinner-indicator-color: var( --dsa-color-spinner-on-floatting-menu-on-background );--dsa-wc-button-navigation-on-contrasted-menu-color: transparent;--dsa-wc-button-navigation-on-contrasted-menu-font-color: var( --dsa-color-button-on-contrasted-neutral-navigation-default );--dsa-wc-button-navigation-on-contrasted-menu-hover-color: transparent;--dsa-wc-button-navigation-on-contrasted-menu-hover-font-color: var( --dsa-color-button-on-contrasted-neutral-navigation-hover );--dsa-wc-button-navigation-on-contrasted-menu-active-color: transparent;--dsa-wc-button-navigation-on-contrasted-menu-active-font-color: var( --dsa-color-button-on-contrasted-neutral-navigation-active );--dsa-wc-button-navigation-on-contrasted-menu-disabled-color: transparent;--dsa-wc-button-navigation-on-contrasted-menu-disabled-font-color: var( --dsa-color-button-on-contrasted-neutral-navigation-disabled );--dsa-wc-button-navigation-on-contrasted-menu-loading-color: transparent;--dsa-wc-button-navigation-on-contrasted-menu-loading-font-color: var( --dsa-color-button-on-contrasted-neutral-navigation-hover );--dsa-wc-button-navigation-on-contrasted-menu-loading-spinner-track-color: var( --dsa-color-spinner-on-contrasted-neutral-background );--dsa-wc-button-navigation-on-contrasted-menu-loading-spinner-indicator-color: var( --dsa-color-spinner-on-contrasted-neutral-on-background );--dsa-wc-button-neutral-on-base-color: var( --dsa-color-button-on-base-neutral-background-default );--dsa-wc-button-neutral-on-base-font-color: var( --dsa-color-button-on-base-neutral-on-background-default );--dsa-wc-button-neutral-on-base-hover-color: var( --dsa-color-button-on-base-neutral-background-hover );--dsa-wc-button-neutral-on-base-hover-font-color: var( --dsa-color-button-on-base-neutral-on-background-hover );--dsa-wc-button-neutral-on-base-active-color: var( --dsa-color-button-on-base-neutral-background-active );--dsa-wc-button-neutral-on-base-active-font-color: var( --dsa-color-button-on-base-neutral-on-background-active );--dsa-wc-button-neutral-on-base-disabled-color: var( --dsa-color-button-on-base-neutral-background-disabled );--dsa-wc-button-neutral-on-base-disabled-font-color: var( --dsa-color-button-on-base-neutral-on-background-disabled );--dsa-wc-button-neutral-on-base-loading-color: var( --dsa-color-button-on-base-neutral-background-loading );--dsa-wc-button-neutral-on-base-loading-font-color: var( --dsa-color-button-on-base-neutral-on-background-hover );--dsa-wc-button-neutral-on-base-loading-spinner-track-color: var( --dsa-color-spinner-on-base-neutral-background );--dsa-wc-button-neutral-on-base-loading-spinner-indicator-color: var( --dsa-color-spinner-on-base-neutral-on-background );--dsa-wc-button-neutral-on-floating-menu-color: var( --dsa-color-button-on-floating-menu-neutral-background-default );--dsa-wc-button-neutral-on-floating-menu-font-color: var( --dsa-color-button-on-floating-menu-neutral-on-background-default );--dsa-wc-button-neutral-on-floating-menu-hover-color: var( --dsa-color-button-on-floating-menu-neutral-background-hover );--dsa-wc-button-neutral-on-floating-menu-hover-font-color: var( --dsa-color-button-on-floating-menu-neutral-on-background-hover );--dsa-wc-button-neutral-on-floating-menu-active-color: var( --dsa-color-button-on-floating-menu-neutral-background-active );--dsa-wc-button-neutral-on-floating-menu-active-font-color: var( --dsa-color-button-on-floating-menu-neutral-on-background-active );--dsa-wc-button-neutral-on-floating-menu-disabled-color: var( --dsa-color-button-on-floating-menu-neutral-background-disabled );--dsa-wc-button-neutral-on-floating-menu-disabled-font-color: var( --dsa-color-button-on-floating-menu-neutral-on-background-disabled );--dsa-wc-button-neutral-on-floating-menu-loading-color: var( --dsa-color-button-on-floating-menu-neutral-background-disabled );--dsa-wc-button-neutral-on-floating-menu-loading-font-color: var( --dsa-color-button-on-floating-menu-neutral-background-hover );--dsa-wc-button-neutral-on-floating-menu-loading-spinner-track-color: var( --dsa-color-spinner-on-base-neutral-background );--dsa-wc-button-neutral-on-floating-menu-loading-spinner-indicator-color: var( --dsa-color-spinner-on-base-neutral-on-background );--dsa-wc-button-neutral-on-contrasted-menu-color: var( --dsa-color-button-on-contrasted-neutral-neutral-background-default );--dsa-wc-button-neutral-on-contrasted-menu-font-color: var( --dsa-color-button-on-contrasted-neutral-neutral-on-background-default );--dsa-wc-button-neutral-on-contrasted-menu-hover-color: var( --dsa-color-button-on-contrasted-neutral-neutral-background-hover );--dsa-wc-button-neutral-on-contrasted-menu-hover-font-color: var( --dsa-color-button-on-contrasted-neutral-neutral-on-background-hover );--dsa-wc-button-neutral-on-contrasted-menu-active-color: var( --dsa-color-button-on-contrasted-neutral-neutral-background-active );--dsa-wc-button-neutral-on-contrasted-menu-active-font-color: var( --dsa-color-button-on-contrasted-neutral-neutral-on-background-active );--dsa-wc-button-neutral-on-contrasted-menu-disabled-color: var( --dsa-color-button-on-contrasted-neutral-neutral-background-disabled );--dsa-wc-button-neutral-on-contrasted-menu-disabled-font-color: var( --dsa-color-button-on-contrasted-neutral-neutral-on-background-disabled );--dsa-wc-button-neutral-on-contrasted-menu-loading-color: var( --dsa-color-button-on-contrasted-neutral-neutral-background-disabled );--dsa-wc-button-neutral-on-contrasted-menu-loading-font-color: var( --dsa-color-button-on-contrasted-neutral-neutral-background-hover );--dsa-wc-button-neutral-on-contrasted-menu-loading-spinner-track-color: var( --dsa-color-spinner-on-base-neutral-background );--dsa-wc-button-neutral-on-contrasted-menu-loading-spinner-indicator-color: var( --dsa-color-spinner-on-base-neutral-on-background );--dsa-wc-button-danger-on-base-color: var( --dsa-color-button-on-base-danger-background-default );--dsa-wc-button-danger-on-base-font-color: var( --dsa-color-button-on-base-danger-on-background-default );--dsa-wc-button-danger-on-base-hover-color: var( --dsa-color-button-on-base-danger-background-hover );--dsa-wc-button-danger-on-base-hover-font-color: var( --dsa-color-button-on-base-danger-on-background-hover );--dsa-wc-button-danger-on-base-active-color: var( --dsa-color-button-on-base-danger-background-active );--dsa-wc-button-danger-on-base-active-font-color: var( --dsa-color-button-on-base-danger-on-background-active );--dsa-wc-button-danger-on-base-disabled-color: var( --dsa-color-button-on-base-danger-background-disabled );--dsa-wc-button-danger-on-base-disabled-font-color: var( --dsa-color-button-on-base-danger-on-background-disabled );--dsa-wc-button-danger-on-base-loading-color: var( --dsa-color-button-on-base-danger-background-disabled );--dsa-wc-button-danger-on-base-loading-font-color: var( --dsa-color-button-on-base-danger-on-background-hover );--dsa-wc-button-danger-on-base-loading-spinner-track-color: var( --dsa-color-spinner-on-base-danger-background );--dsa-wc-button-danger-on-base-loading-spinner-indicator-color: var( --dsa-color-spinner-on-base-danger-on-background );--dsa-wc-button-danger-on-floating-menu-color: var( --dsa-color-button-on-floating-menu-danger-background-default );--dsa-wc-button-danger-on-floating-menu-font-color: var( --dsa-color-button-on-floating-menu-danger-on-background-default );--dsa-wc-button-danger-on-floating-menu-hover-color: var( --dsa-color-button-on-floating-menu-danger-background-hover );--dsa-wc-button-danger-on-floating-menu-hover-font-color: var( --dsa-color-button-on-floating-menu-danger-on-background-hover );--dsa-wc-button-danger-on-floating-menu-active-color: var( --dsa-color-button-on-floating-menu-danger-background-active );--dsa-wc-button-danger-on-floating-menu-active-font-color: var( --dsa-color-button-on-floating-menu-danger-on-background-active );--dsa-wc-button-danger-on-floating-menu-disabled-color: var( --dsa-color-button-on-floating-menu-danger-background-disabled );--dsa-wc-button-danger-on-floating-menu-disabled-font-color: var( --dsa-color-button-on-floating-menu-danger-on-background-disabled );--dsa-wc-button-danger-on-floating-menu-loading-color: var( --dsa-color-button-on-floating-menu-danger-background-disabled );--dsa-wc-button-danger-on-floating-menu-loading-font-color: var( --dsa-color-button-on-floating-menu-danger-on-background-hover );--dsa-wc-button-danger-on-floating-menu-loading-spinner-track-color: var( --dsa-color-spinner-on-base-danger-background );--dsa-wc-button-danger-on-floating-menu-loading-spinner-indicator-color: var( --dsa-color-spinner-on-base-danger-on-background );--dsa-wc-button-danger-on-contrasted-menu-color: var( --dsa-color-button-on-contrasted-neutral-danger-background-default );--dsa-wc-button-danger-on-contrasted-menu-font-color: var( --dsa-color-button-on-contrasted-neutral-danger-on-background-default );--dsa-wc-button-danger-on-contrasted-menu-hover-color: var( --dsa-color-button-on-contrasted-neutral-danger-background-hover );--dsa-wc-button-danger-on-contrasted-menu-hover-font-color: var( --dsa-color-button-on-contrasted-neutral-danger-on-background-hover );--dsa-wc-button-danger-on-contrasted-menu-active-color: var( --dsa-color-button-on-contrasted-neutral-danger-background-active );--dsa-wc-button-danger-on-contrasted-menu-active-font-color: var( --dsa-color-button-on-contrasted-neutral-danger-on-background-active );--dsa-wc-button-danger-on-contrasted-menu-disabled-color: var( --dsa-color-button-on-contrasted-neutral-danger-background-disabled );--dsa-wc-button-danger-on-contrasted-menu-disabled-font-color: var( --dsa-color-button-on-contrasted-neutral-danger-on-background-disabled );--dsa-wc-button-danger-on-contrasted-menu-loading-color: var( --dsa-color-button-on-contrasted-neutral-danger-background-disabled );--dsa-wc-button-danger-on-contrasted-menu-loading-font-color: var( --dsa-color-button-on-contrasted-neutral-danger-on-background-hover );--dsa-wc-button-danger-on-contrasted-menu-loading-spinner-track-color: var( --dsa-color-spinner-on-base-danger-background );--dsa-wc-button-danger-on-contrasted-menu-loading-spinner-indicator-color: var( --dsa-color-spinner-on-base-danger-on-background );--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: var(--dsa-wc-shadow-small);--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-scroll-bar-background);--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: 1.5rem;--dsa-wc-tag-small-padding: 0 .5rem;--dsa-wc-tag-medium-font-size: var(--dsa-font-small-normal);--dsa-wc-tag-medium-height: 2rem;--dsa-wc-tag-medium-padding: 0 .75rem;--dsa-wc-tag-large-font-size: var(--dsa-font-medium-normal);--dsa-wc-tag-large-height: 2.5rem;--dsa-wc-tag-large-padding: 0 1rem;--dsa-wc-tag-green-700-on-base: var( --dsa-color-tag-simple-green-on-dark-background );--dsa-wc-tag-green-700-base: var(--dsa-color-tag-simple-green-background-7);--dsa-wc-tag-green-600-on-base: var( --dsa-color-tag-simple-green-on-dark-background );--dsa-wc-tag-green-600-base: var(--dsa-color-tag-simple-green-background-6);--dsa-wc-tag-green-500-on-base: var( --dsa-color-tag-simple-green-on-light-background );--dsa-wc-tag-green-500-base: var(--dsa-color-tag-simple-green-background-5);--dsa-wc-tag-green-400-on-base: var( --dsa-color-tag-simple-green-on-light-background );--dsa-wc-tag-green-400-base: var(--dsa-color-tag-simple-green-background-4);--dsa-wc-tag-green-300-on-base: var( --dsa-color-tag-simple-green-on-light-background );--dsa-wc-tag-green-300-base: var(--dsa-color-tag-simple-green-background-3);--dsa-wc-tag-green-200-on-base: var( --dsa-color-tag-simple-green-on-light-background );--dsa-wc-tag-green-200-base: var(--dsa-color-tag-simple-green-background-2);--dsa-wc-tag-green-100-on-base: var( --dsa-color-tag-simple-green-on-light-background );--dsa-wc-tag-green-100-base: var(--dsa-color-tag-simple-green-background-1);--dsa-wc-tag-yellow-700-on-base: var( --dsa-color-tag-simple-yellow-on-dark-background );--dsa-wc-tag-yellow-700-base: var(--dsa-color-tag-simple-yellow-background-7);--dsa-wc-tag-yellow-600-on-base: var( --dsa-color-tag-simple-yellow-on-dark-background );--dsa-wc-tag-yellow-600-base: var(--dsa-color-tag-simple-yellow-background-6);--dsa-wc-tag-yellow-500-on-base: var( --dsa-color-tag-simple-yellow-on-light-background );--dsa-wc-tag-yellow-500-base: var(--dsa-color-tag-simple-yellow-background-5);--dsa-wc-tag-yellow-400-on-base: var( --dsa-color-tag-simple-yellow-on-light-background );--dsa-wc-tag-yellow-400-base: var(--dsa-color-tag-simple-yellow-background-4);--dsa-wc-tag-yellow-300-on-base: var( --dsa-color-tag-simple-yellow-on-light-background );--dsa-wc-tag-yellow-300-base: var(--dsa-color-tag-simple-yellow-background-3);--dsa-wc-tag-yellow-200-on-base: var( --dsa-color-tag-simple-yellow-on-light-background );--dsa-wc-tag-yellow-200-base: var(--dsa-color-tag-simple-yellow-background-2);--dsa-wc-tag-yellow-100-on-base: var( --dsa-color-tag-simple-yellow-on-light-background );--dsa-wc-tag-yellow-100-base: var(--dsa-color-tag-simple-yellow-background-1);--dsa-wc-tag-pink-500-on-base: var( --dsa-color-tag-simple-pink-on-dark-background );--dsa-wc-tag-pink-500-base: var(--dsa-color-tag-simple-pink-background-5);--dsa-wc-tag-pink-400-on-base: var( --dsa-color-tag-simple-pink-on-light-background );--dsa-wc-tag-pink-400-base: var(--dsa-color-tag-simple-pink-background-4);--dsa-wc-tag-pink-300-on-base: var( --dsa-color-tag-simple-pink-on-light-background );--dsa-wc-tag-pink-300-base: var(--dsa-color-tag-simple-pink-background-3);--dsa-wc-tag-pink-200-on-base: var( --dsa-color-tag-simple-pink-on-light-background );--dsa-wc-tag-pink-200-base: var(--dsa-color-tag-simple-pink-background-2);--dsa-wc-tag-pink-100-on-base: var( --dsa-color-tag-simple-pink-on-light-background );--dsa-wc-tag-pink-100-base: var(--dsa-color-tag-simple-pink-background-1);--dsa-wc-tag-orange-600-on-base: var( --dsa-color-tag-simple-orange-on-dark-background );--dsa-wc-tag-orange-600-base: var(--dsa-color-tag-simple-orange-background-6);--dsa-wc-tag-orange-500-on-base: var( --dsa-color-tag-simple-orange-on-dark-background );--dsa-wc-tag-orange-500-base: var(--dsa-color-tag-simple-orange-background-5);--dsa-wc-tag-orange-400-on-base: var( --dsa-color-tag-simple-orange-on-light-background );--dsa-wc-tag-orange-400-base: var(--dsa-color-tag-simple-orange-background-4);--dsa-wc-tag-orange-300-on-base: var( --dsa-color-tag-simple-orange-on-light-background );--dsa-wc-tag-orange-300-base: var(--dsa-color-tag-simple-orange-background-3);--dsa-wc-tag-orange-200-on-base: var( --dsa-color-tag-simple-orange-on-light-background );--dsa-wc-tag-orange-200-base: var(--dsa-color-tag-simple-orange-background-2);--dsa-wc-tag-orange-100-on-base: var( --dsa-color-tag-simple-orange-on-light-background );--dsa-wc-tag-orange-100-base: var(--dsa-color-tag-simple-orange-background-1);--dsa-wc-tag-blue-600-on-base: var( --dsa-color-tag-simple-blue-on-dark-background );--dsa-wc-tag-blue-600-base: var(--dsa-color-tag-simple-blue-background-6);--dsa-wc-tag-blue-500-on-base: var( --dsa-color-tag-simple-blue-on-light-background );--dsa-wc-tag-blue-500-base: var(--dsa-color-tag-simple-blue-background-5);--dsa-wc-tag-blue-400-on-base: var( --dsa-color-tag-simple-blue-on-light-background );--dsa-wc-tag-blue-400-base: var(--dsa-color-tag-simple-blue-background-4);--dsa-wc-tag-blue-300-on-base: var( --dsa-color-tag-simple-blue-on-light-background );--dsa-wc-tag-blue-300-base: var(--dsa-color-tag-simple-blue-background-3);--dsa-wc-tag-blue-200-on-base: var( --dsa-color-tag-simple-blue-on-light-background );--dsa-wc-tag-blue-200-base: var(--dsa-color-tag-simple-blue-background-2);--dsa-wc-tag-blue-100-on-base: var( --dsa-color-tag-simple-blue-on-light-background );--dsa-wc-tag-blue-100-base: var(--dsa-color-tag-simple-blue-background-1);--dsa-wc-tag-purple-500-on-base: var( --dsa-color-tag-simple-purple-on-dark-background );--dsa-wc-tag-purple-500-base: var(--dsa-color-tag-simple-purple-background-5);--dsa-wc-tag-purple-400-on-base: var( --dsa-color-tag-simple-purple-on-dark-background );--dsa-wc-tag-purple-400-base: var(--dsa-color-tag-simple-purple-background-4);--dsa-wc-tag-purple-300-on-base: var( --dsa-color-tag-simple-purple-on-light-background );--dsa-wc-tag-purple-300-base: var(--dsa-color-tag-simple-purple-background-3);--dsa-wc-tag-purple-200-on-base: var( --dsa-color-tag-simple-purple-on-light-background );--dsa-wc-tag-purple-200-base: var(--dsa-color-tag-simple-purple-background-2);--dsa-wc-tag-purple-100-on-base: var( --dsa-color-tag-simple-purple-on-light-background );--dsa-wc-tag-purple-100-base: var(--dsa-color-tag-simple-purple-background-1);--dsa-wc-tag-button-border-width: 1px;--dsa-wc-tag-button-neutral-color: var( --dsa-color-tag-cliquable-default-on-background );--dsa-wc-tag-button-neutral-background: var( --dsa-color-tag-cliquable-default-background );--dsa-wc-tag-button-neutral-border-color: var( --dsa-color-tag-cliquable-default-border );--dsa-wc-tag-button-neutral-hover-color: var( --dsa-color-tag-cliquable-default-hover-on-background );--dsa-wc-tag-button-neutral-hover-background: var( --dsa-color-tag-cliquable-default-hover-background );--dsa-wc-tag-button-neutral-hover-border-color: var( --dsa-color-tag-cliquable-default-hover-border );--dsa-wc-tag-button-neutral-active-color: var( --dsa-color-tag-cliquable-default-pressed-on-background );--dsa-wc-tag-button-neutral-active-background: var( --dsa-color-tag-cliquable-default-pressed-background );--dsa-wc-tag-button-neutral-active-border-color: var( --dsa-color-tag-cliquable-default-pressed-border );--dsa-wc-tag-button-active-color: var( --dsa-color-tag-cliquable-active-on-background );--dsa-wc-tag-button-active-background: var( --dsa-color-tag-cliquable-active-background );--dsa-wc-tag-button-active-border-color: var( --dsa-color-tag-cliquable-active-border );--dsa-wc-tag-button-active-hover-color: var( --dsa-color-tag-cliquable-active-hover-on-background );--dsa-wc-tag-button-active-hover-background: var( --dsa-color-tag-cliquable-active-hover-background );--dsa-wc-tag-button-active-hover-border-color: var( --dsa-color-tag-cliquable-active-hover-border );--dsa-wc-tag-button-active-active-color: var( --dsa-color-tag-cliquable-active-pressed-on-background );--dsa-wc-tag-button-active-active-background: var( --dsa-color-tag-cliquable-active-pressed-background );--dsa-wc-tag-button-active-active-border-color: var( --dsa-color-tag-cliquable-active-pressed-border );--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-active );--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-icon-size: 1.125rem;--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-divider-background);--dsa-wc-divider-width: .063rem;--dsa-wc-divider-spacing: 1rem;--dsa-wc-split-panel-color: var(--dsa-color-split-panel-divider-background);--dsa-wc-split-panel-icon-color: var(--dsa-color-text-on-layer-primary);--dsa-wc-split-panel-icon-padding: .5rem .125rem;--dsa-wc-split-panel-width: 4px;--dsa-wc-split-panel-hit-area: 24px;--dsa-wc-progress-ring-font: var(--dsa-font-small-normal);--dsa-wc-progress-ring-color: var(--dsa-color-progress-ring-label);--dsa-wc-progress-ring-content-color: var( --dsa-color-progress-ring-ring-on-background );--dsa-wc-progress-ring-track-color: var( --dsa-color-progress-ring-ring-background );--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-icon-default);--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-input );--dsa-wc-input-on-base-text-field-placeholder-color: var( --dsa-color-input-text-field-placeholder );--dsa-wc-input-on-base-label-color: var(--dsa-color-input-label-default);--dsa-wc-input-on-base-label-color-error: var(--dsa-color-input-label-error);--dsa-wc-input-on-base-label-color-helper: var(--dsa-color-input-helper);--dsa-wc-input-on-base-background-color: var( --dsa-color-input-on-base-default-background );--dsa-wc-input-on-base-background-color-disabled: var( --dsa-color-input-on-base-disabled-background );--dsa-wc-input-on-base-background-color-error: var( --dsa-color-input-on-base-error-background );--dsa-wc-input-on-base-read-only-background-color: var( --dsa-color-input-on-base-read-only-background );--dsa-wc-input-on-base-border-color: var( --dsa-color-input-on-base-default-border );--dsa-wc-input-on-base-border-color-hover: var( --dsa-color-input-on-base-hover-border );--dsa-wc-input-on-base-border-color-disabled: var( --dsa-color-input-on-base-disabled-border );--dsa-wc-input-on-base-border-color-error: var( --dsa-color-input-on-base-error-border );--dsa-wc-input-on-base-border-color-error-hover: var( --dsa-color-input-on-base-error-hover-border );--dsa-wc-input-on-base-read-only-border-color: var( --dsa-color-input-on-base-read-only-border );--dsa-wc-input-on-layer-text-field-input-color: var( --dsa-color-input-text-field-input );--dsa-wc-input-on-layer-text-field-input-color-disabled: var( --dsa-color-input-text-field-placeholder );--dsa-wc-input-on-layer-text-field-placeholder-color: var( --dsa-color-input-text-field-placeholder );--dsa-wc-input-on-layer-text-field-placeholder-color-disabled: var( --dsa-color-input-text-field-placeholder );--dsa-wc-input-on-layer-label-color: var(--dsa-color-input-label-default);--dsa-wc-input-on-layer-background-color: var( --dsa-color-input-on-layer-default-background );--dsa-wc-input-on-layer-background-color-disabled: var( --dsa-color-input-on-layer-disabled-background );--dsa-wc-input-on-layer-background-color-error: var( --dsa-color-input-on-layer-error-background );--dsa-wc-input-on-layer-read-only-background-color: var( --dsa-color-input-on-layer-read-only-background );--dsa-wc-input-on-layer-border-color: var( --dsa-color-input-on-layer-default-border );--dsa-wc-input-on-layer-border-color-hover: var( --dsa-color-input-on-layer-hover-border );--dsa-wc-input-on-layer-border-color-disabled: var( --dsa-color-input-on-layer-disabled-border );--dsa-wc-input-on-layer-border-color-error: var( --dsa-color-input-on-layer-error-border );--dsa-wc-input-on-layer-border-color-error-hover: var( --dsa-color-primitive-colors-feedback-error-900 );--dsa-wc-input-on-layer-read-only-border-color: var( --dsa-color-input-on-layer-read-only-border );--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-select-on-base-hover-background );--dsa-wc-input-phone-select-on-base-active-background: var( --dsa-color-select-on-base-default-background );--dsa-wc-input-phone-select-on-layer-hover-background: var( --dsa-color-select-on-layer-hover-background );--dsa-wc-input-phone-select-on-layer-active-background: var( --dsa-color-select-on-layer-default-background );--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-input-time-picker-unit-size: 3rem;--dsa-wc-input-time-panel-border-color: var(--dsa-color-border-default);--dsa-wc-input-time-panel-border-radius: var(--dsa-radius-4);--dsa-wc-input-time-picker-unit-radius: var(--dsa-radius-4);--dsa-wc-input-time-picker-unit-hover-color: var( --dsa-color-primitive-colors-identity-purple-200 );--dsa-wc-input-time-picker-unit-current-color: var( --dsa-color-primitive-colors-identity-purple-500 );--dsa-wc-input-time-picker-unit-selected-color: var( --dsa-color-primitive-colors-identity-purple-500 );--dsa-wc-input-time-picker-unit-font: var(--dsa-font-small-normal);--dsa-wc-input-time-picker-unit-color: var(--dsa-color-text-on-base-primary);--dsa-wc-input-otp-single-fields-gap: var(--dsa-spacing-8);--dsa-wc-input-otp-single-field-width-small: 1.5rem;--dsa-wc-input-otp-single-field-width-medium: 2rem;--dsa-wc-input-otp-single-field-width-large: 2.375rem;--dsa-wc-input-otp-caret-height: 1.125rem;--dsa-wc-input-otp-single-field-value-width: .8rem;--dsa-wc-input-otp-single-field-active-value-background: var( --dsa-color-primitive-colors-identity-purple-500 );--dsa-wc-input-otp-single-field-active-value-color: var( --dsa-color-primitive-colors-neutral-100 );--dsa-wc-input-otp-single-field-active-value-border-radius: 2px;--dsa-wc-input-otp-single-field-active-value-padding: .2rem;--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-icon-error);--dsa-wc-error-text-icon-size: 1.25em;--dsa-wc-error-text-color: var(--dsa-color-input-label-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-icon-size: 1.125rem;--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-border-default);--dsa-wc-accordion-hover-border-color: var(--dsa-color-border-hover);--dsa-wc-accordion-focus-border: 3px solid var(--dsa-color-primitive-colors-system-focus-500);--dsa-wc-accordion-header-hover-background-color: var( --dsa-color-accordion-hover-background );--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-small-normal);--dsa-wc-select-input-font-small: var(--dsa-font-x-small-normal);--dsa-wc-select-input-font-large: var(--dsa-font-medium-normal);--dsa-wc-select-listbox-divider-spacing: .5rem;--dsa-wc-select-listbox-padding-inline: 1.75rem;--dsa-wc-select-listbox-margin-top: .5rem;--dsa-wc-select-listbox-border-radius: .25rem;--dsa-wc-select-listbox-border-width: 1px;--dsa-wc-select-listbox-border-color: var(--dsa-color-border-default);--dsa-wc-select-listbox-background-color: var(--dsa-color-background-base);--dsa-wc-select-icon-margin: .75rem;--dsa-wc-select-icon-size: 1rem;--dsa-wc-multiselect-tag-margin-inline-start: .25rem;--dsa-wc-multiselect-tag-background: var( --dsa-color-tag-multiselect-background );--dsa-wc-multiselect-tag-color: var( --dsa-color-tag-multiselect-default-on-background-text );--dsa-wc-multiselect-tag-border-color: var( --dsa-color-tag-multiselect-default-on-background-border );--dsa-wc-multiselect-tag-border-radius: var(--dsa-radius-4);--dsa-wc-multiselect-tag-padding-inline: var(--dsa-spacing-4);--dsa-wc-combobox-input-font: var(--dsa-font-small-normal);--dsa-wc-combobox-input-font-small: var(--dsa-font-x-small-normal);--dsa-wc-combobox-input-font-large: var(--dsa-font-medium-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-border-default);--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-expand-icon-error-color: var( --dsa-color-icon-on-base-error );--dsa-wc-combobox-expand-icon-size: 1.125rem;--dsa-wc-combobox-clear-button-focus-ring: solid 2px var(--dsa-wc-focus-ring-color);--dsa-wc-drawer-overlay-color: var(--dsa-color-surface-overlay);--dsa-wc-drawer-overlay-opacity: .4;--dsa-wc-drawer-background-color: var(--dsa-color-background-base);--dsa-wc-drawer-spacing: 1.25rem;--dsa-wc-drawer-filters-spacing: .75rem;--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-filters-header-min-height: 64px;--dsa-wc-drawer-content-font: var(--dsa-font-medium-normal);--dsa-wc-drawer-footer-border-top: 1px solid var(--dsa-color-border-default);--dsa-wc-drawer-footer-button-margin-inline-end: .5rem;--dsa-wc-tooltip-arrow-size: 6px;--dsa-wc-tooltip-arrow-color: var(--dsa-color-tooltip-background);--dsa-wc-tooltip-border-radius: var(--dsa-radius-4);--dsa-wc-tooltip-background-color: var(--dsa-color-tooltip-background);--dsa-wc-tooltip-font: var(--dsa-font-medium-normal);--dsa-wc-tooltip-color: var(--dsa-color-tooltip-on-background);--dsa-wc-tooltip-padding: var(--dsa-spacing-8) var(--dsa-spacing-12);--dsa-wc-tree-indent-guide-color: var(--dsa-color-divider-background);--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-tree-item-on-background);--dsa-wc-tree-item-font: var(--dsa-font-medium-normal);--dsa-wc-tree-item-selected-background-color: var( --dsa-color-tree-item-selected-background );--dsa-wc-tree-item-selected-border-color: var( --dsa-color-primitive-colors-identity-purple-500 );--dsa-wc-skeleton-border-radius: 44px;--dsa-wc-skeleton-color: var(--dsa-color-skeleton-loader-text);--dsa-wc-skeleton-sheen-color: var(--dsa-color-skeleton-loader-image);--dsa-wc-progress-bar-track-color: var(--dsa-color-progress-bar-background);--dsa-wc-progress-bar-indicator-color: var( --dsa-color-progress-bar-on-background-indicator );--dsa-wc-progress-bar-indicator-label-color: var( --dsa-color-progress-bar-on-indicator-label );--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-on-base-primary-background );--dsa-wc-spinner-on-base-indicator-color: var( --dsa-color-spinner-on-base-primary-on-background );--dsa-wc-spinner-on-floating-menu-track-color: var( --dsa-color-spinner-on-floatting-menu-background );--dsa-wc-spinner-on-floating-menu-indicator-color: var( --dsa-color-spinner-on-floatting-menu-on-background );--dsa-wc-spinner-on-contrasted-menu-track-color: var( --dsa-color-spinner-on-contrasted-neutral-background );--dsa-wc-spinner-on-contrasted-menu-indicator-color: var( --dsa-color-spinner-on-contrasted-neutral-on-background );--dsa-wc-avatar-background-color: var(--dsa-color-avatar-background);--dsa-wc-avatar-color: var(--dsa-color-avatar-on-background);--dsa-wc-avatar-border-radius: 50%;--dsa-wc-avatar-border: solid 2px var(--dsa-color-avatar-border);--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-indicator-line-complete );--dsa-wc-stepper-color-progress-default: var( --dsa-color-stepper-indicator-line-default );--dsa-wc-stepper-color-tag-blocked-base: var( --dsa-color-stepper-indicator-icon-default );--dsa-wc-stepper-color-tag-error-on-base: var( --dsa-color-stepper-indicator-icon-error-on-background );--dsa-wc-stepper-color-tag-error-base: var( --dsa-color-stepper-indicator-icon-error-background );--dsa-wc-stepper-color-tag-in-progress-base: var( --dsa-color-stepper-indicator-icon-in-progress );--dsa-wc-stepper-color-tag-complete-on-base: var( --dsa-color-stepper-indicator-icon-complete-on-background );--dsa-wc-stepper-color-tag-complete-base: var( --dsa-color-stepper-indicator-icon-complete-background );--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-on-floatting-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-on-floatting-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-on-floatting-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-on-floatting-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-file-download-link-on-contrasted-document-info );--dsa-wc-link-document-info-floating-menu-color: var( --dsa-color-file-download-link-on-floatting-menu-document-info );--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-range-slider-background: var( --dsa-color-primitive-colors-neutral-500 );--dsa-wc-range-slider-thumb-background: var( --dsa-color-primitive-colors-identity-purple-500 );--dsa-wc-range-slider-thumb-border-color: var( --dsa-color-primitive-colors-neutral-100 );--dsa-wc-range-slider-thumb-size: 24px;--dsa-wc-range-slider-thumb-border-radius: 3px;--dsa-wc-range-slider-height: 3px;--dsa-wc-range-slider-border-radius: 3px;--dsa-wc-range-slider-selected-background: var( --dsa-color-primitive-colors-identity-purple-500 );--dsa-wc-range-slider-disabled-background: var( --dsa-color-primitive-colors-neutral-600 );--dsa-wc-skip-link-on-layer-background: var(--dsa-color-skip-link-background);--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-skip-link-on-background-link);--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-description-font-small: var(--dsa-font-x-small-normal);--dsa-wc-file-upload-description-font-medium: var(--dsa-font-small-normal);--dsa-wc-file-upload-description-font-large: var(--dsa-font-medium-normal);--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-file-upload-border: 1px solid var(--dsa-color-border-default);--dsa-wc-file-upload-item-error-border: var(--dsa-color-file-upload-error);--dsa-wc-footer-background: var(--dsa-color-footer-background);--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-logo-width-mobile: 84px;--dsa-wc-footer-logo-width-desktop: 108px;--dsa-wc-footer-logo-height-mobile: 40px;--dsa-wc-footer-logo-height-desktop: 50px;--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-mandatory-mentions-spacing: var(--dsa-spacing-8);--dsa-wc-footer-mandatory-mentions-vertical-size: 12px;--dsa-wc-footer-mandatory-mentions-text-font: var(--dsa-font-x-small-normal);--dsa-wc-footer-mandatory-mentions-text-color: var( --dsa-color-text-on-base-secondary );--dsa-wc-footer-mandatory-mentions-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: var(--dsa-wc-shadow-large);--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-width-desktop-large: 172px;--dsa-wc-header-logo-height-mobile: 40px;--dsa-wc-header-logo-height-desktop: 50px;--dsa-wc-header-logo-height-desktop-large: 80px;--dsa-wc-header-sitename-color: var( --dsa-color-primitive-colors-identity-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-primitive-colors-neutral-900 );--dsa-wc-header-search-mobile-input-font: var(--dsa-font-small-normal);--dsa-wc-header-search-input-font: var(--dsa-font-medium-normal);--dsa-wc-page-header-background: var(--dsa-color-surface-layer);--dsa-wc-page-header-color: var(--dsa-color-text-on-base-primary);--dsa-wc-page-header-padding-x-mobile: var(--dsa-spacing-16);--dsa-wc-page-header-padding-x-desktop: 80px;--dsa-wc-page-header-title-icon-size-mobile: 2.5rem;--dsa-wc-page-header-title-icon-size-desktop: 2rem;--dsa-wc-page-header-title-font-mobile: var(--dsa-font-large-bold);--dsa-wc-page-header-title-font-desktop: var(--dsa-font-x-large-bold);--dsa-wc-page-header-subtitle-font: var(--dsa-font-medium-normal);--dsa-wc-page-header-secondary-text-font: var(--dsa-font-small-normal);--dsa-wc-page-header-secondary-text-color: var( --dsa-color-text-on-base-secondary );--dsa-wc-profile-button-border-radius: 40px;--dsa-wc-profile-button-font: var(--dsa-font-small-normal);--dsa-wc-profile-button-background: var(--dsa-color-background-base);--dsa-wc-profile-button-background-hover: var( --dsa-color-primitive-colors-neutral-300 );--dsa-wc-profile-button-background-active: var( --dsa-color-primitive-colors-identity-purple-200 );--dsa-wc-profile-button-color: var(--dsa-color-text-on-base-primary);--dsa-wc-profile-button-color-active: var( --dsa-color-primitive-colors-identity-purple-500 );--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-primitive-colors-neutral-400 );--dsa-wc-table-header-cell-background-active: var( --dsa-color-primitive-colors-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-primitive-colors-neutral-400 );--dsa-wc-table-header-cell-skeleton-sheen-color: var( --dsa-color-primitive-colors-neutral-500 );--dsa-wc-table-header-row-font: var(--dsa-font-small-bold);--dsa-wc-table-header-row-background: var( --dsa-color-table-header-cell-default-background );--dsa-wc-table-header-row-color: var(--dsa-color-text-on-base-primary);--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-divider-background);--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-primitive-colors-identity-purple-100 );--dsa-wc-table-row-selected-background: var( --dsa-color-primitive-colors-identity-purple-200 );--dsa-wc-table-row-error-background: var(--dsa-color-background-base);--dsa-wc-table-row-hover-error-background: var( --dsa-color-primitive-colors-feedback-error-200 );--dsa-wc-table-row-hover-selected-error-background: var( --dsa-color-primitive-colors-feedback-error-300 );--dsa-wc-table-row-error-border-color: var( --dsa-color-primitive-colors-feedback-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-primitive-colors-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-border-default);--dsa-wc-pagination-button-size: 2rem;--dsa-wc-pagination-button-padding: 8px;--dsa-wc-pagination-button-background-color: var( --dsa-color-primitive-colors-neutral-100 );--dsa-wc-pagination-button-hover-background-color: var( --dsa-color-pagination-page-number-hover-background );--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-pagination-select-border-color: var(--dsa-color-border-default);--dsa-wc-pagination-select-font: var(--dsa-font-x-small-normal);--dsa-wc-pagination-select-color: var( --dsa-color-primitive-colors-neutral-650 );--dsa-wc-pagination-compact-font: var(--dsa-font-medium-normal);--dsa-wc-pagination-compact-button-size: 40px;--dsa-wc-filter-button-label-font: var(--dsa-font-small-normal);--dsa-wc-filter-button-label-color: var( --dsa-wc-input-on-base-text-field-placeholder-color );--dsa-wc-filter-button-value-font: var(--dsa-font-small-bold);--dsa-wc-filter-button-value-color: var( --dsa-color-primitive-colors-identity-purple-500 );--dsa-wc-filter-button-border: solid var(--dsa-wc-input-border-width) var(--dsa-wc-input-on-base-border-color);--dsa-wc-filter-button-border-active: solid var(--dsa-wc-input-border-width) var(--dsa-wc-input-on-base-border-color-hover);--dsa-wc-filter-button-background-color: var( --dsa-wc-input-on-base-background-color );--dsa-wc-filter-button-background-color-active: var( --dsa-wc-input-on-layer-background-color );--dsa-wc-filter-button-disabled-background-color: var( --dsa-color-input-on-base-disabled-background );--dsa-wc-filter-button-disabled-border-color: var( --dsa-color-input-on-base-disabled-border );--dsa-wc-filter-button-readonly-background-color: var( --dsa-color-primitive-colors-neutral-400 );--dsa-wc-filter-button-readonly-border-color: var( --dsa-color-input-on-base-read-only-border );--dsa-wc-filter-button-hover-background-color: var( --dsa-color-primitive-colors-identity-purple-100 );--dsa-wc-filter-button-icon-size: 1.125rem;--dsa-wc-filter-button-drawer-min-height: var(--dsa-spacing-48);--dsa-wc-filter-button-drawer-padding: var(--dsa-spacing-8) var(--dsa-spacing-12);--dsa-filter-panel-min-width: 280px;--dsa-filter-panel-max-height: 760px;--dsa-wc-calendar-width: 17.5rem;--dsa-wc-calendar-radius: var(--dsa-radius-4);--dsa-wc-calendar-background-color: var(--dsa-color-background-base);--dsa-wc-calendar-font-color: var(--dsa-color-text-on-base-primary);--dsa-wc-calendar-font: var(--dsa-font-small-normal);--dsa-wc-calendar-header-padding: var(--dsa-spacing-16);--dsa-wc-calendar-header-font: var(--dsa-font-small-normal);--dsa-wc-calendar-header-color: var(--dsa-color-text-on-base-secondary);--dsa-wc-calendar-cell-font: var(--dsa-font-small-normal);--dsa-wc-calendar-cell-color: var(--dsa-color-text-on-base-primary);--dsa-wc-calendar-cell-size: 2.25rem;--dsa-wc-calendar-cell-padding: var(--dsa-spacing-8);--dsa-wc-calendar-cell-overflow-color: var( --dsa-color-primitive-colors-neutral-650 );--dsa-wc-calendar-cell-in-range-hover-color: var( --dsa-color-primitive-colors-identity-purple-300 );--dsa-wc-calendar-month-year-color: var( --dsa-color-primitive-colors-neutral-800 );--dsa-wc-calendar-month-year-font: var(--dsa-font-medium-normal);--dsa-wc-calendar-cell-selected-color: var( --dsa-color-primitive-colors-identity-purple-500 );--dsa-wc-calendar-cell-hover-color: var( --dsa-color-primitive-colors-identity-purple-200 );--dsa-wc-calendar-cell-border-color: var( --dsa-color-primitive-colors-identity-purple-500 );--dsa-wc-filter-date-border-color: var( --dsa-color-table-toolbar-border-default );--dsa-wc-filter-date-active-border-color: var( --dsa-color-table-toolbar-border-active );--dsa-wc-filter-date-border-radius: var(--dsa-radius-4);--dsa-wc-filter-date-font: var(--dsa-font-small-normal);--dsa-wc-filter-date-background-color: var( --dsa-color-table-toolbar-background );--dsa-wc-filter-date-active-background-color: var( --dsa-color-table-toolbar-active-background );--dsa-wc-filter-date-input-color: var( --dsa-color-table-toolbar-on-background-input );--dsa-wc-filter-date-input-placeholder-color: var( --dsa-color-table-toolbar-on-background-placeholder );--dsa-wc-filter-date-label-color: var( --dsa-color-table-toolbar-on-background-label );--dsa-wc-filter-date-icon-button-color: var(--dsa-color-icon-default);--dsa-wc-filter-date-active-icon-button-color: var( --dsa-color-table-toolbar-on-background-input );--dsa-wc-filter-date-disabled-icon-button-color: var( --dsa-color-icon-on-base-disabled );--dsa-wc-filter-date-readonly-icon-button-color: var( --dsa-color-icon-on-base-disabled );--dsa-wc-filter-date-panel-border-color: var(--dsa-color-border-default);--dsa-wc-filter-date-panel-padding: var(--dsa-spacing-16);--dsa-wc-filter-date-panel-border-radius: var(--dsa-radius-4);--dsa-wc-navbar-font: var(--dsa-font-small-normal);--dsa-wc-navbar-button-color: var(--dsa-color-text-on-base-primary);--dsa-wc-navbar-button-height-desktop: 48px;--dsa-wc-navbar-button-height-mobile: 38px;--dsa-wc-navbar-button-padding-desktop: 0 var(--dsa-spacing-16);--dsa-wc-navbar-button-padding-mobile: var(--dsa-spacing-10) var(--dsa-spacing-16);--dsa-wc-navbar-link-padding-mobile: var(--dsa-spacing-10) var(--dsa-spacing-40) var(--dsa-spacing-10) var(--dsa-spacing-16);--dsa-wc-navbar-button-background-hover: var(--dsa-color-background-hover);--dsa-wc-navbar-button-font-active: var(--dsa-font-small-bold);--dsa-wc-navbar-button-color-active: var( --dsa-color-primitive-colors-identity-purple-500 );--dsa-wc-navbar-button-border-bottom-active: 1px solid var(--dsa-color-primitive-colors-identity-purple-500);--dsa-wc-table-of-contents-header-background: var( --dsa-color-background-base );--dsa-wc-table-of-contents-header-padding-desktop: var(--dsa-spacing-12) 0;--dsa-wc-table-of-contents-header-padding-mobile: var(--dsa-spacing-12) var(--dsa-spacing-16);--dsa-wc-table-of-contents-label-color: var( --dsa-color-table-of-content-text-title );--dsa-wc-table-of-contents-label-font: var(--dsa-font-small-bold);--dsa-wc-table-of-contents-current-section-color: var( --dsa-color-table-of-content-text-active-anchor );--dsa-wc-table-of-contents-current-section-font: var(--dsa-font-small-normal);--dsa-wc-table-of-contents-content-background: var( --dsa-color-background-base );--dsa-wc-table-of-contents-content-padding-mobile: var(--dsa-spacing-8) var(--dsa-spacing-16);--dsa-wc-table-of-contents-indicator-border: 2px solid var(--dsa-color-table-of-content-item-selected-on-background);--dsa-wc-table-of-contents-link-color: var(--dsa-color-text-on-base-primary);--dsa-wc-table-of-contents-link-color-hover: var( --dsa-color-table-of-content-item-hover-on-background );--dsa-wc-table-of-contents-link-padding-desktop: 11px var(--dsa-spacing-16);--dsa-wc-table-of-contents-link-border-left: 1px solid var(--dsa-color-border-default);--dsa-wc-table-of-contents-link-focus-ring-offset: -3px;--dsa-wc-table-of-contents-link-color-active: var( --dsa-color-table-of-content-item-selected-on-background );--dsa-wc-quote-icon-color: var(--dsa-color-quote-icon);--dsa-wc-quote-text-color: var(--dsa-color-quote-text);--dsa-wc-quote-details-color: var(--dsa-color-text-on-base-secondary);--dsa-wc-quote-border-color: var(--dsa-color-quote-border);--dsa-wc-quote-background-color: var(--dsa-color-quote-background);--dsa-wc-quote-blockquote-font: var(--dsa-font-x-large-normal);--dsa-wc-quote-source-font: var(--dsa-font-x-large-bold);--dsa-wc-quote-details-font: var(--dsa-font-medium-normal);--dsa-wc-quote-blockquote-font-small: var(--dsa-font-large-normal);--dsa-wc-quote-source-font-small: var(--dsa-font-large-bold);--dsa-wc-quote-details-font-small: var(--dsa-font-small-normal);--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 1px 3px hsl(240 3.8% 46.1% / 12%);--dsa-wc-shadow-large: 0 2px 5px hsl(240 3.8% 46.1% / 12%);--dsa-wc-shadow-x-large: 0 3px 11px 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-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>dsa-icon,.dsa-link--with-suffix>dsa-icon{margin-bottom:-.1875rem}.dsa-link--with-prefix>dsa-icon{margin-right:var(--dsa-spacing-4)}.dsa-link--with-suffix>dsa-icon{margin-left:var(--dsa-spacing-4)}.dsa-link--with-prefix.dsa-link--with-suffix>dsa-icon:first-of-type{margin-left:0}.dsa-link--with-prefix.dsa-link--with-suffix>dsa-icon:last-of-type{margin-right:0}.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--standalone{border-bottom:transparent}.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));margin-bottom:0}.dsa-link--with-prefix:hover,.dsa-link--with-suffix:hover{border-bottom-color:unset;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--with-suffix: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--with-suffix: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)}.dsa-table{width:100%;border-spacing:0}.dsa-table .dsa-table-header-row,.dsa-table .dsa-table-row{block-size:var(--dsa-wc-table-row-medium-height)}.dsa-table--small .dsa-table-header-row,.dsa-table--small .dsa-table-row{block-size:var(--dsa-wc-table-row-small-height)}.dsa-table--large .dsa-table-header-row,.dsa-table--large .dsa-table-row{block-size:var(--dsa-wc-table-row-large-height)}.dsa-table-header-row{font:var(--dsa-wc-table-header-row-font);background:var(--dsa-wc-table-header-row-background);color:var(--dsa-wc-table-header-row-color)}.dsa-table-row{border:none;background:var(--dsa-wc-table-row-background);font:var(--dsa-wc-table-row-font);color:var(--dsa-wc-table-row-color)}.dsa-table-row:hover{background:var(--dsa-wc-table-row-hover-background)}.dsa-table-header-cell[colspan]:not([colspan="1"]){text-align:center}.dsa-table-header-cell,.dsa-table-cell{box-sizing:border-box;padding:var(--dsa-wc-table-header-cell-padding-y) var(--dsa-wc-table-header-cell-padding-x);vertical-align:middle;text-align:start;border-block-end:var(--dsa-wc-table-cell-border-size) solid var(--dsa-wc-table-cell-border-color)}.dsa-table-header-cell{padding:var(--dsa-wc-table-header-cell-padding-y) var(--dsa-wc-table-header-cell-padding-x)}.dsa-table-cell{padding:var(--dsa-wc-table-cell-padding-y) var(--dsa-wc-table-cell-padding-x)}.dsa-table-header-cell--hover{background:var(--dsa-wc-table-header-cell-background-hover)}.dsa-table-cell--hover{background:var(--dsa-wc-table-row-hover-background)}