@adyen/bento-vue2 1.81.0 → 1.82.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 (580) hide show
  1. package/README.md +1 -1
  2. package/dist/@types/components.d.ts +196 -0
  3. package/dist/@types/index.d.ts +17585 -0
  4. package/dist/@types/use-form-v4.d.ts +86 -0
  5. package/dist/accordion.js +6 -0
  6. package/dist/accordion.js.map +1 -0
  7. package/dist/action-bar.js +5 -0
  8. package/dist/action-bar.js.map +1 -0
  9. package/dist/alert.js +8 -0
  10. package/dist/alert.js.map +1 -0
  11. package/dist/assets/accordion-item.css +1 -0
  12. package/dist/assets/action-bar.css +1 -0
  13. package/dist/assets/ai-button.css +1 -0
  14. package/dist/assets/alert.css +1 -0
  15. package/dist/assets/avatar.css +1 -0
  16. package/dist/assets/base-button.css +1 -0
  17. package/dist/assets/base-modal.css +1 -0
  18. package/dist/assets/button-actions-with-menu.css +1 -0
  19. package/dist/assets/button-actions.css +1 -0
  20. package/dist/assets/button.css +1 -0
  21. package/dist/assets/calendar.css +1 -0
  22. package/dist/assets/card.css +1 -0
  23. package/dist/assets/checkbox-group.css +1 -0
  24. package/dist/assets/checkbox-input.css +1 -0
  25. package/dist/assets/checkbox.css +1 -0
  26. package/dist/assets/chip.css +1 -0
  27. package/dist/assets/code-snippet.css +1 -0
  28. package/dist/assets/controls-group.css +1 -0
  29. package/dist/assets/copy.css +1 -0
  30. package/dist/assets/country.css +1 -0
  31. package/dist/assets/currency.css +1 -0
  32. package/dist/assets/dashboard-section.css +1 -0
  33. package/dist/assets/dashed-underline.css +1 -0
  34. package/dist/assets/data-grid-template.css +1 -0
  35. package/dist/assets/data-grid.css +1 -0
  36. package/dist/assets/date-picker.css +1 -0
  37. package/dist/assets/date-range-picker.css +1 -0
  38. package/dist/assets/date.css +1 -0
  39. package/dist/assets/dialog-page.css +1 -0
  40. package/dist/assets/divider.css +1 -0
  41. package/dist/assets/dropdown-default-textbox.css +1 -0
  42. package/dist/assets/dropdown-tag.css +1 -0
  43. package/dist/assets/dropdown.css +1 -0
  44. package/dist/assets/empty-state.css +1 -0
  45. package/dist/assets/field-label.css +1 -0
  46. package/dist/assets/file-uploader.css +1 -0
  47. package/dist/assets/filter-bar.css +1 -0
  48. package/dist/assets/fixed-scroller.css +1 -0
  49. package/dist/assets/focus-trap.css +1 -0
  50. package/dist/assets/footer-actions.css +1 -0
  51. package/dist/assets/form-layout-title.css +1 -0
  52. package/dist/assets/grid-layout.css +1 -0
  53. package/dist/assets/header-meta.css +1 -0
  54. package/dist/assets/header-with-views.css +1 -0
  55. package/dist/assets/header.css +1 -0
  56. package/dist/assets/index.css +1 -0
  57. package/dist/assets/info-icon.css +1 -0
  58. package/dist/assets/input-field-password.css +1 -0
  59. package/dist/assets/input-field-phone-number.css +1 -0
  60. package/dist/assets/input-field.css +1 -0
  61. package/dist/assets/inspector.css +1 -0
  62. package/dist/assets/layout-row.css +1 -0
  63. package/dist/assets/link.css +1 -0
  64. package/dist/assets/listbox-option-tag.css +1 -0
  65. package/dist/assets/loading-indicator.css +1 -0
  66. package/dist/assets/main.css +1 -0
  67. package/dist/assets/modal-fullscreen.css +1 -0
  68. package/dist/assets/pagination.css +1 -0
  69. package/dist/assets/payment-method.css +1 -0
  70. package/dist/assets/popper-container.css +1 -0
  71. package/dist/assets/promo-banner.css +1 -0
  72. package/dist/assets/radio-group.css +1 -0
  73. package/dist/assets/radio-input.css +1 -0
  74. package/dist/assets/rich-text-editor.css +1 -0
  75. package/dist/assets/search-bar.css +1 -0
  76. package/dist/assets/secondary-nav.css +1 -0
  77. package/dist/assets/segmented-control.css +1 -0
  78. package/dist/assets/selection-card-group.css +1 -0
  79. package/dist/assets/sidepanel.css +1 -0
  80. package/dist/assets/status.css +1 -0
  81. package/dist/assets/step.css +1 -0
  82. package/dist/assets/structured-list-item.css +1 -0
  83. package/dist/assets/summary-grid.css +1 -0
  84. package/dist/assets/tab.css +1 -0
  85. package/dist/assets/tag.css +1 -0
  86. package/dist/assets/textarea.css +1 -0
  87. package/dist/assets/timeline-item.css +1 -0
  88. package/dist/assets/toast.css +1 -0
  89. package/dist/assets/toggle.css +1 -0
  90. package/dist/assets/tooltip.css +1 -0
  91. package/dist/assets/tutorial.css +1 -0
  92. package/dist/assets/typography.css +1 -0
  93. package/dist/assets/use-cached-selected-values.css +1 -0
  94. package/dist/avatar.js +5 -0
  95. package/dist/avatar.js.map +1 -0
  96. package/dist/button.js +18 -0
  97. package/dist/button.js.map +1 -0
  98. package/dist/card.js +7 -0
  99. package/dist/card.js.map +1 -0
  100. package/dist/checkbox.js +11 -0
  101. package/dist/checkbox.js.map +1 -0
  102. package/dist/chip.js +5 -0
  103. package/dist/chip.js.map +1 -0
  104. package/dist/chunks/1-generic-use.CZhwP2Yc.js +5 -0
  105. package/dist/chunks/1-generic-use.CZhwP2Yc.js.map +1 -0
  106. package/dist/chunks/1-generic-use.R6x8PEGA.js +5 -0
  107. package/dist/chunks/1-generic-use.R6x8PEGA.js.map +1 -0
  108. package/dist/chunks/2-generic-use.CNKjB4B7.js +5 -0
  109. package/dist/chunks/2-generic-use.CNKjB4B7.js.map +1 -0
  110. package/dist/chunks/2-generic-use.w0fUhovx.js +5 -0
  111. package/dist/chunks/2-generic-use.w0fUhovx.js.map +1 -0
  112. package/dist/chunks/3-generic-use.BLEzR04g.js +5 -0
  113. package/dist/chunks/3-generic-use.BLEzR04g.js.map +1 -0
  114. package/dist/chunks/3-generic-use.D3NFHgI4.js +5 -0
  115. package/dist/chunks/3-generic-use.D3NFHgI4.js.map +1 -0
  116. package/dist/chunks/4-generic-use.CULEpvgj.js +5 -0
  117. package/dist/chunks/4-generic-use.CULEpvgj.js.map +1 -0
  118. package/dist/chunks/4-generic-use.D82y3n39.js +5 -0
  119. package/dist/chunks/4-generic-use.D82y3n39.js.map +1 -0
  120. package/dist/chunks/_plugin-vue2_normalizer.CeySl7Fu.js +11 -0
  121. package/dist/chunks/_plugin-vue2_normalizer.CeySl7Fu.js.map +1 -0
  122. package/dist/chunks/accordion-item.G1q4zgBG.js +117 -0
  123. package/dist/chunks/accordion-item.G1q4zgBG.js.map +1 -0
  124. package/dist/chunks/action-bar.Dhl3T4j-.js +160 -0
  125. package/dist/chunks/action-bar.Dhl3T4j-.js.map +1 -0
  126. package/dist/chunks/adding-payment-methods.BJZLPxtM.js +5 -0
  127. package/dist/chunks/adding-payment-methods.BJZLPxtM.js.map +1 -0
  128. package/dist/chunks/adding-payment-methods.Dle8zt43.js +5 -0
  129. package/dist/chunks/adding-payment-methods.Dle8zt43.js.map +1 -0
  130. package/dist/chunks/adyen-giving.Ffw_DlJK.js +5 -0
  131. package/dist/chunks/adyen-giving.Ffw_DlJK.js.map +1 -0
  132. package/dist/chunks/adyen-giving.LiKHj_jY.js +5 -0
  133. package/dist/chunks/adyen-giving.LiKHj_jY.js.map +1 -0
  134. package/dist/chunks/ai-button.DBwtNkyS.js +67 -0
  135. package/dist/chunks/ai-button.DBwtNkyS.js.map +1 -0
  136. package/dist/chunks/alert.SZPP58tl.js +103 -0
  137. package/dist/chunks/alert.SZPP58tl.js.map +1 -0
  138. package/dist/chunks/aria-label.CaUURpnB.js +13 -0
  139. package/dist/chunks/aria-label.CaUURpnB.js.map +1 -0
  140. package/dist/chunks/avatar.CeDqq2Z-.js +71 -0
  141. package/dist/chunks/avatar.CeDqq2Z-.js.map +1 -0
  142. package/dist/chunks/base-button.BdST9XT3.js +86 -0
  143. package/dist/chunks/base-button.BdST9XT3.js.map +1 -0
  144. package/dist/chunks/base-modal.C-UqIAY8.js +310 -0
  145. package/dist/chunks/base-modal.C-UqIAY8.js.map +1 -0
  146. package/dist/chunks/bin.Ddb69cr1.js +24 -0
  147. package/dist/chunks/bin.Ddb69cr1.js.map +1 -0
  148. package/dist/chunks/button-actions-with-menu.KKq9Cuk1.js +85 -0
  149. package/dist/chunks/button-actions-with-menu.KKq9Cuk1.js.map +1 -0
  150. package/dist/chunks/button-actions.N3D-Bb_x.js +1035 -0
  151. package/dist/chunks/button-actions.N3D-Bb_x.js.map +1 -0
  152. package/dist/chunks/button-actions.types.BptAXjD8.js +8 -0
  153. package/dist/chunks/button-actions.types.BptAXjD8.js.map +1 -0
  154. package/dist/chunks/button.CS_kdxYh.js +110 -0
  155. package/dist/chunks/button.CS_kdxYh.js.map +1 -0
  156. package/dist/chunks/calendar.Bhj58zR3.js +1832 -0
  157. package/dist/chunks/calendar.Bhj58zR3.js.map +1 -0
  158. package/dist/chunks/card.BYWF_Zvo.js +137 -0
  159. package/dist/chunks/card.BYWF_Zvo.js.map +1 -0
  160. package/dist/chunks/checkbox-group.CIIa-cYP.js +142 -0
  161. package/dist/chunks/checkbox-group.CIIa-cYP.js.map +1 -0
  162. package/dist/chunks/checkbox-input.B0NsfSNR.js +117 -0
  163. package/dist/chunks/checkbox-input.B0NsfSNR.js.map +1 -0
  164. package/dist/chunks/checkbox.CiWvdg8S.js +178 -0
  165. package/dist/chunks/checkbox.CiWvdg8S.js.map +1 -0
  166. package/dist/chunks/checkmark-circle-fill.BttTCjrM.js +24 -0
  167. package/dist/chunks/checkmark-circle-fill.BttTCjrM.js.map +1 -0
  168. package/dist/chunks/checkmark-small.DVDtD4HQ.js +24 -0
  169. package/dist/chunks/checkmark-small.DVDtD4HQ.js.map +1 -0
  170. package/dist/chunks/chevron-down.eYtgv5ly.js +24 -0
  171. package/dist/chunks/chevron-down.eYtgv5ly.js.map +1 -0
  172. package/dist/chunks/chevron-left.BS24hEFa.js +43 -0
  173. package/dist/chunks/chevron-left.BS24hEFa.js.map +1 -0
  174. package/dist/chunks/chevron-up.d8cwIlA_.js +24 -0
  175. package/dist/chunks/chevron-up.d8cwIlA_.js.map +1 -0
  176. package/dist/chunks/chip.B0DRDvaa.js +63 -0
  177. package/dist/chunks/chip.B0DRDvaa.js.map +1 -0
  178. package/dist/chunks/click-outside.C1Ud8AA2.js +23 -0
  179. package/dist/chunks/click-outside.C1Ud8AA2.js.map +1 -0
  180. package/dist/chunks/code-snippet.BMzhRl4c.js +268 -0
  181. package/dist/chunks/code-snippet.BMzhRl4c.js.map +1 -0
  182. package/dist/chunks/codemirror.Cy7iSLbd.js +14628 -0
  183. package/dist/chunks/codemirror.Cy7iSLbd.js.map +1 -0
  184. package/dist/chunks/constructNow.BhymNmy5.js +8 -0
  185. package/dist/chunks/constructNow.BhymNmy5.js.map +1 -0
  186. package/dist/chunks/controls-group.GchVWe7h.js +84 -0
  187. package/dist/chunks/controls-group.GchVWe7h.js.map +1 -0
  188. package/dist/chunks/copy.DauzzgJV.js +96 -0
  189. package/dist/chunks/copy.DauzzgJV.js.map +1 -0
  190. package/dist/chunks/country.B3z3-QRY.js +69 -0
  191. package/dist/chunks/country.B3z3-QRY.js.map +1 -0
  192. package/dist/chunks/country.types.C0Q_hhgJ.js +269 -0
  193. package/dist/chunks/country.types.C0Q_hhgJ.js.map +1 -0
  194. package/dist/chunks/cross-circle-fill-small.DfxDedRr.js +24 -0
  195. package/dist/chunks/cross-circle-fill-small.DfxDedRr.js.map +1 -0
  196. package/dist/chunks/cross-circle-fill.DTDtgLMf.js +24 -0
  197. package/dist/chunks/cross-circle-fill.DTDtgLMf.js.map +1 -0
  198. package/dist/chunks/cross-small.CoQUe8SS.js +24 -0
  199. package/dist/chunks/cross-small.CoQUe8SS.js.map +1 -0
  200. package/dist/chunks/cross.CC_B-vG-.js +24 -0
  201. package/dist/chunks/cross.CC_B-vG-.js.map +1 -0
  202. package/dist/chunks/currency.Cwhzzxw2.js +114 -0
  203. package/dist/chunks/currency.Cwhzzxw2.js.map +1 -0
  204. package/dist/chunks/dashboard-section.CgAfEay4.js +102 -0
  205. package/dist/chunks/dashboard-section.CgAfEay4.js.map +1 -0
  206. package/dist/chunks/dashed-underline.CMdNukpN.js +77 -0
  207. package/dist/chunks/dashed-underline.CMdNukpN.js.map +1 -0
  208. package/dist/chunks/data-grid-template.keys.VezYtHtM.js +5 -0
  209. package/dist/chunks/data-grid-template.keys.VezYtHtM.js.map +1 -0
  210. package/dist/chunks/data-grid-template.m4hsFMe2.js +111 -0
  211. package/dist/chunks/data-grid-template.m4hsFMe2.js.map +1 -0
  212. package/dist/chunks/data-grid.rAVOFiTv.js +3294 -0
  213. package/dist/chunks/data-grid.rAVOFiTv.js.map +1 -0
  214. package/dist/chunks/date-format.B8RU7D42.js +17 -0
  215. package/dist/chunks/date-format.B8RU7D42.js.map +1 -0
  216. package/dist/chunks/date-picker.nLuHJgOC.js +169 -0
  217. package/dist/chunks/date-picker.nLuHJgOC.js.map +1 -0
  218. package/dist/chunks/date-picker.types.Ckt7zxGy.js +5 -0
  219. package/dist/chunks/date-picker.types.Ckt7zxGy.js.map +1 -0
  220. package/dist/chunks/date-range-picker.D2MKhVMf.js +906 -0
  221. package/dist/chunks/date-range-picker.D2MKhVMf.js.map +1 -0
  222. package/dist/chunks/date-range-picker.types.Ckt7zxGy.js +5 -0
  223. package/dist/chunks/date-range-picker.types.Ckt7zxGy.js.map +1 -0
  224. package/dist/chunks/date.C1z2TXzM.js +160 -0
  225. package/dist/chunks/date.C1z2TXzM.js.map +1 -0
  226. package/dist/chunks/debounce.DUTu11PS.js +10 -0
  227. package/dist/chunks/debounce.DUTu11PS.js.map +1 -0
  228. package/dist/chunks/delight.CDBAFnwC.js +5 -0
  229. package/dist/chunks/delight.CDBAFnwC.js.map +1 -0
  230. package/dist/chunks/delight.xKDCvvaS.js +5 -0
  231. package/dist/chunks/delight.xKDCvvaS.js.map +1 -0
  232. package/dist/chunks/dialog-page.krM2wQpm.js +131 -0
  233. package/dist/chunks/dialog-page.krM2wQpm.js.map +1 -0
  234. package/dist/chunks/differenceInMonths.Cab3nOsb.js +1590 -0
  235. package/dist/chunks/differenceInMonths.Cab3nOsb.js.map +1 -0
  236. package/dist/chunks/directive.Cbdox5VL.js +23 -0
  237. package/dist/chunks/directive.Cbdox5VL.js.map +1 -0
  238. package/dist/chunks/divider.DX5gwN7p.js +35 -0
  239. package/dist/chunks/divider.DX5gwN7p.js.map +1 -0
  240. package/dist/chunks/dot.BW9SneIk.js +24 -0
  241. package/dist/chunks/dot.BW9SneIk.js.map +1 -0
  242. package/dist/chunks/dropdown-default-textbox.uWZMxeI7.js +350 -0
  243. package/dist/chunks/dropdown-default-textbox.uWZMxeI7.js.map +1 -0
  244. package/dist/chunks/dropdown-tag.BnqOBdMp.js +294 -0
  245. package/dist/chunks/dropdown-tag.BnqOBdMp.js.map +1 -0
  246. package/dist/chunks/dropdown.BijF56Y7.js +714 -0
  247. package/dist/chunks/dropdown.BijF56Y7.js.map +1 -0
  248. package/dist/chunks/empty-state.BsdRxzS2.js +106 -0
  249. package/dist/chunks/empty-state.BsdRxzS2.js.map +1 -0
  250. package/dist/chunks/es6.MoTTyETW.js +12 -0
  251. package/dist/chunks/es6.MoTTyETW.js.map +1 -0
  252. package/dist/chunks/events.BQOQSSb7.js +44 -0
  253. package/dist/chunks/events.BQOQSSb7.js.map +1 -0
  254. package/dist/chunks/expand.Bbielaja.js +24 -0
  255. package/dist/chunks/expand.Bbielaja.js.map +1 -0
  256. package/dist/chunks/field-label.DHGAa4cq.js +121 -0
  257. package/dist/chunks/field-label.DHGAa4cq.js.map +1 -0
  258. package/dist/chunks/file-uploader.D2s5qccE.js +1917 -0
  259. package/dist/chunks/file-uploader.D2s5qccE.js.map +1 -0
  260. package/dist/chunks/filter-bar.DISI1jAU.js +2472 -0
  261. package/dist/chunks/filter-bar.DISI1jAU.js.map +1 -0
  262. package/dist/chunks/fixed-scroller.CgVOf5VE.js +106 -0
  263. package/dist/chunks/fixed-scroller.CgVOf5VE.js.map +1 -0
  264. package/dist/chunks/focus-trap.CNIU5jOz.js +1168 -0
  265. package/dist/chunks/focus-trap.CNIU5jOz.js.map +1 -0
  266. package/dist/chunks/footer-actions.CFZwikg0.js +96 -0
  267. package/dist/chunks/footer-actions.CFZwikg0.js.map +1 -0
  268. package/dist/chunks/form-field.D_2g7vaP.js +10 -0
  269. package/dist/chunks/form-field.D_2g7vaP.js.map +1 -0
  270. package/dist/chunks/form-layout-title.B_oVSX5b.js +197 -0
  271. package/dist/chunks/form-layout-title.B_oVSX5b.js.map +1 -0
  272. package/dist/chunks/form-layout.types.bZW9iR6_.js +5 -0
  273. package/dist/chunks/form-layout.types.bZW9iR6_.js.map +1 -0
  274. package/dist/chunks/generate-uid.NJ8tVoha.js +32 -0
  275. package/dist/chunks/generate-uid.NJ8tVoha.js.map +1 -0
  276. package/dist/chunks/get-slot-text.Bjb9dTSV.js +12 -0
  277. package/dist/chunks/get-slot-text.Bjb9dTSV.js.map +1 -0
  278. package/dist/chunks/getRoundingMethod.C3eaeGLR.js +10 -0
  279. package/dist/chunks/getRoundingMethod.C3eaeGLR.js.map +1 -0
  280. package/dist/chunks/getTimezoneOffsetInMilliseconds.B7sxiukN.js +484 -0
  281. package/dist/chunks/getTimezoneOffsetInMilliseconds.B7sxiukN.js.map +1 -0
  282. package/dist/chunks/grid-layout.1aIiz2N_.js +76 -0
  283. package/dist/chunks/grid-layout.1aIiz2N_.js.map +1 -0
  284. package/dist/chunks/header-meta.D0UdrdVf.js +170 -0
  285. package/dist/chunks/header-meta.D0UdrdVf.js.map +1 -0
  286. package/dist/chunks/header-with-views.BjZkBSI0.js +1591 -0
  287. package/dist/chunks/header-with-views.BjZkBSI0.js.map +1 -0
  288. package/dist/chunks/header.QYvN86kI.js +103 -0
  289. package/dist/chunks/header.QYvN86kI.js.map +1 -0
  290. package/dist/chunks/image.C2D2hKat.js +56 -0
  291. package/dist/chunks/image.C2D2hKat.js.map +1 -0
  292. package/dist/chunks/index.B6WW_F-J.js +31 -0
  293. package/dist/chunks/index.B6WW_F-J.js.map +1 -0
  294. package/dist/chunks/index.BDK4hwK_.js +593 -0
  295. package/dist/chunks/index.BDK4hwK_.js.map +1 -0
  296. package/dist/chunks/index.Cl4_42j5.js +8 -0
  297. package/dist/chunks/index.Cl4_42j5.js.map +1 -0
  298. package/dist/chunks/info-icon.iKLaNff6.js +37 -0
  299. package/dist/chunks/info-icon.iKLaNff6.js.map +1 -0
  300. package/dist/chunks/info.CcMZ4aGg.js +24 -0
  301. package/dist/chunks/info.CcMZ4aGg.js.map +1 -0
  302. package/dist/chunks/input-field-password.BeRjHhu6.js +270 -0
  303. package/dist/chunks/input-field-password.BeRjHhu6.js.map +1 -0
  304. package/dist/chunks/input-field-phone-number.DLOUy8_E.js +3324 -0
  305. package/dist/chunks/input-field-phone-number.DLOUy8_E.js.map +1 -0
  306. package/dist/chunks/input-field.B1Q1-zLo.js +171 -0
  307. package/dist/chunks/input-field.B1Q1-zLo.js.map +1 -0
  308. package/dist/chunks/inspector.C6bbjQC0.js +117 -0
  309. package/dist/chunks/inspector.C6bbjQC0.js.map +1 -0
  310. package/dist/chunks/inspector.types.DyHwE18g.js +5 -0
  311. package/dist/chunks/inspector.types.DyHwE18g.js.map +1 -0
  312. package/dist/chunks/internal-error.BLZodVBE.js +5 -0
  313. package/dist/chunks/internal-error.BLZodVBE.js.map +1 -0
  314. package/dist/chunks/internal-error.BmrwJFpR.js +5 -0
  315. package/dist/chunks/internal-error.BmrwJFpR.js.map +1 -0
  316. package/dist/chunks/keyboard-navigation.DWmhelVv.js +66 -0
  317. package/dist/chunks/keyboard-navigation.DWmhelVv.js.map +1 -0
  318. package/dist/chunks/layout-row.DwdZbpVG.js +87 -0
  319. package/dist/chunks/layout-row.DwdZbpVG.js.map +1 -0
  320. package/dist/chunks/link.D8qpqg3W.js +95 -0
  321. package/dist/chunks/link.D8qpqg3W.js.map +1 -0
  322. package/dist/chunks/listbox-option-tag.CK628fjn.js +44 -0
  323. package/dist/chunks/listbox-option-tag.CK628fjn.js.map +1 -0
  324. package/dist/chunks/loading-indicator.PxbRzshH.js +42 -0
  325. package/dist/chunks/loading-indicator.PxbRzshH.js.map +1 -0
  326. package/dist/chunks/minus-small.DJacLGTw.js +27 -0
  327. package/dist/chunks/minus-small.DJacLGTw.js.map +1 -0
  328. package/dist/chunks/modal-fullscreen.UqZgbaDw.js +221 -0
  329. package/dist/chunks/modal-fullscreen.UqZgbaDw.js.map +1 -0
  330. package/dist/chunks/modal.DCgB0pA2.js +445 -0
  331. package/dist/chunks/modal.DCgB0pA2.js.map +1 -0
  332. package/dist/chunks/no-results-found.Bg_ZcEid.js +5 -0
  333. package/dist/chunks/no-results-found.Bg_ZcEid.js.map +1 -0
  334. package/dist/chunks/no-results-found.BqvYsBR6.js +5 -0
  335. package/dist/chunks/no-results-found.BqvYsBR6.js.map +1 -0
  336. package/dist/chunks/notifications-cleared.BMZk37uf.js +5 -0
  337. package/dist/chunks/notifications-cleared.BMZk37uf.js.map +1 -0
  338. package/dist/chunks/notifications-cleared.C7W9ZXY7.js +5 -0
  339. package/dist/chunks/notifications-cleared.C7W9ZXY7.js.map +1 -0
  340. package/dist/chunks/on-click-outside.D9aY9g8G.js +101 -0
  341. package/dist/chunks/on-click-outside.D9aY9g8G.js.map +1 -0
  342. package/dist/chunks/page-not-found.COJLPVaU.js +5 -0
  343. package/dist/chunks/page-not-found.COJLPVaU.js.map +1 -0
  344. package/dist/chunks/page-not-found.DWW6W-PZ.js +5 -0
  345. package/dist/chunks/page-not-found.DWW6W-PZ.js.map +1 -0
  346. package/dist/chunks/pagination.CylAnOyc.js +338 -0
  347. package/dist/chunks/pagination.CylAnOyc.js.map +1 -0
  348. package/dist/chunks/payment-method.C8Ie97qE.js +76 -0
  349. package/dist/chunks/payment-method.C8Ie97qE.js.map +1 -0
  350. package/dist/chunks/payment-method.types.BqtH7RM2.js +5 -0
  351. package/dist/chunks/payment-method.types.BqtH7RM2.js.map +1 -0
  352. package/dist/chunks/planned-maintenance.C61sWB9h.js +5 -0
  353. package/dist/chunks/planned-maintenance.C61sWB9h.js.map +1 -0
  354. package/dist/chunks/planned-maintenance.jmWYTdet.js +5 -0
  355. package/dist/chunks/planned-maintenance.jmWYTdet.js.map +1 -0
  356. package/dist/chunks/popover.types.WDh5ggr3.js +6 -0
  357. package/dist/chunks/popover.types.WDh5ggr3.js.map +1 -0
  358. package/dist/chunks/popper-container.Cdokz_NE.js +1404 -0
  359. package/dist/chunks/popper-container.Cdokz_NE.js.map +1 -0
  360. package/dist/chunks/promo-banner.DikQcQU2.js +70 -0
  361. package/dist/chunks/promo-banner.DikQcQU2.js.map +1 -0
  362. package/dist/chunks/radio-group.Cr7UcYij.js +178 -0
  363. package/dist/chunks/radio-group.Cr7UcYij.js.map +1 -0
  364. package/dist/chunks/radio-input.kzb4gxLW.js +90 -0
  365. package/dist/chunks/radio-input.kzb4gxLW.js.map +1 -0
  366. package/dist/chunks/referrals.BvtT-kQS.js +5 -0
  367. package/dist/chunks/referrals.BvtT-kQS.js.map +1 -0
  368. package/dist/chunks/referrals.aX8WZigH.js +5 -0
  369. package/dist/chunks/referrals.aX8WZigH.js.map +1 -0
  370. package/dist/chunks/refresh.arF7jP-l.js +24 -0
  371. package/dist/chunks/refresh.arF7jP-l.js.map +1 -0
  372. package/dist/chunks/resize.Bqks3WUm.js +15 -0
  373. package/dist/chunks/resize.Bqks3WUm.js.map +1 -0
  374. package/dist/chunks/rich-text-editor.NKPFP8Ss.js +6203 -0
  375. package/dist/chunks/rich-text-editor.NKPFP8Ss.js.map +1 -0
  376. package/dist/chunks/search-bar.VctrP6lp.js +98 -0
  377. package/dist/chunks/search-bar.VctrP6lp.js.map +1 -0
  378. package/dist/chunks/search.D53Ia3rC.js +24 -0
  379. package/dist/chunks/search.D53Ia3rC.js.map +1 -0
  380. package/dist/chunks/secondary-nav.jpMeWSZj.js +112 -0
  381. package/dist/chunks/secondary-nav.jpMeWSZj.js.map +1 -0
  382. package/dist/chunks/segmented-control._CuB62pG.js +113 -0
  383. package/dist/chunks/segmented-control._CuB62pG.js.map +1 -0
  384. package/dist/chunks/segmented-control.types.BHRLV8KU.js +5 -0
  385. package/dist/chunks/segmented-control.types.BHRLV8KU.js.map +1 -0
  386. package/dist/chunks/selection-card-group.jykyd9iE.js +240 -0
  387. package/dist/chunks/selection-card-group.jykyd9iE.js.map +1 -0
  388. package/dist/chunks/show.B_mKPF6I.js +43 -0
  389. package/dist/chunks/show.B_mKPF6I.js.map +1 -0
  390. package/dist/chunks/sidepanel.CP-b8Zcg.js +210 -0
  391. package/dist/chunks/sidepanel.CP-b8Zcg.js.map +1 -0
  392. package/dist/chunks/status.types.BpMK-6IT.js +36 -0
  393. package/dist/chunks/status.types.BpMK-6IT.js.map +1 -0
  394. package/dist/chunks/step.4hMAy8v_.js +217 -0
  395. package/dist/chunks/step.4hMAy8v_.js.map +1 -0
  396. package/dist/chunks/structured-list-item.BLJabJwA.js +90 -0
  397. package/dist/chunks/structured-list-item.BLJabJwA.js.map +1 -0
  398. package/dist/chunks/success.DhioLvPD.js +5 -0
  399. package/dist/chunks/success.DhioLvPD.js.map +1 -0
  400. package/dist/chunks/success.nNwxJRBS.js +5 -0
  401. package/dist/chunks/success.nNwxJRBS.js.map +1 -0
  402. package/dist/chunks/summary-grid.keys.Xx-W5a2w.js +6 -0
  403. package/dist/chunks/summary-grid.keys.Xx-W5a2w.js.map +1 -0
  404. package/dist/chunks/summary-grid.types.B0w2S_9r.js +337 -0
  405. package/dist/chunks/summary-grid.types.B0w2S_9r.js.map +1 -0
  406. package/dist/chunks/tab.DXE68qVf.js +192 -0
  407. package/dist/chunks/tab.DXE68qVf.js.map +1 -0
  408. package/dist/chunks/tabs.keys.B4qGhjp2.js +7 -0
  409. package/dist/chunks/tabs.keys.B4qGhjp2.js.map +1 -0
  410. package/dist/chunks/tag.7fp_M9Au.js +44 -0
  411. package/dist/chunks/tag.7fp_M9Au.js.map +1 -0
  412. package/dist/chunks/textarea.Ci9sKDFy.js +173 -0
  413. package/dist/chunks/textarea.Ci9sKDFy.js.map +1 -0
  414. package/dist/chunks/timeline-item.DcIQ-Q1T.js +255 -0
  415. package/dist/chunks/timeline-item.DcIQ-Q1T.js.map +1 -0
  416. package/dist/chunks/toast.DGvNp4ZM.js +171 -0
  417. package/dist/chunks/toast.DGvNp4ZM.js.map +1 -0
  418. package/dist/chunks/toggle.D2wmNu7m.js +108 -0
  419. package/dist/chunks/toggle.D2wmNu7m.js.map +1 -0
  420. package/dist/chunks/tooltip.BcQ24pKP.js +189 -0
  421. package/dist/chunks/tooltip.BcQ24pKP.js.map +1 -0
  422. package/dist/chunks/truncate.BfIl_-71.js +8 -0
  423. package/dist/chunks/truncate.BfIl_-71.js.map +1 -0
  424. package/dist/chunks/tutorial.Co2F7l0B.js +347 -0
  425. package/dist/chunks/tutorial.Co2F7l0B.js.map +1 -0
  426. package/dist/chunks/typography.hlOAxsEn.js +87 -0
  427. package/dist/chunks/typography.hlOAxsEn.js.map +1 -0
  428. package/dist/chunks/upload-files.5wQwbfkp.js +5 -0
  429. package/dist/chunks/upload-files.5wQwbfkp.js.map +1 -0
  430. package/dist/chunks/upload-files.jTQY6y2X.js +5 -0
  431. package/dist/chunks/upload-files.jTQY6y2X.js.map +1 -0
  432. package/dist/chunks/use-bento-toast-controller.BhtohoS1.js +52 -0
  433. package/dist/chunks/use-bento-toast-controller.BhtohoS1.js.map +1 -0
  434. package/dist/chunks/use-cached-selected-values.BYiLNRRi.js +1343 -0
  435. package/dist/chunks/use-cached-selected-values.BYiLNRRi.js.map +1 -0
  436. package/dist/chunks/use-country-items.B3Cd3Tdo.js +30 -0
  437. package/dist/chunks/use-country-items.B3Cd3Tdo.js.map +1 -0
  438. package/dist/chunks/use-country-phon-code.Bui3zD6W.js +5621 -0
  439. package/dist/chunks/use-country-phon-code.Bui3zD6W.js.map +1 -0
  440. package/dist/chunks/use-default-slot-validator.BDn0wkYP.js +13 -0
  441. package/dist/chunks/use-default-slot-validator.BDn0wkYP.js.map +1 -0
  442. package/dist/chunks/use-expandable-content-height.GkjjbmPy.js +17 -0
  443. package/dist/chunks/use-expandable-content-height.GkjjbmPy.js.map +1 -0
  444. package/dist/chunks/use-form-layout-loading.CWbjZiwP.js +12 -0
  445. package/dist/chunks/use-form-layout-loading.CWbjZiwP.js.map +1 -0
  446. package/dist/chunks/use-has-slot.C9lQZ6nz.js +6 -0
  447. package/dist/chunks/use-has-slot.C9lQZ6nz.js.map +1 -0
  448. package/dist/chunks/warning-filled.CbJ1pcB2.js +24 -0
  449. package/dist/chunks/warning-filled.CbJ1pcB2.js.map +1 -0
  450. package/dist/chunks/wrong-environment.BOsyKdRI.js +5 -0
  451. package/dist/chunks/wrong-environment.BOsyKdRI.js.map +1 -0
  452. package/dist/chunks/wrong-environment.BiHTPtbJ.js +5 -0
  453. package/dist/chunks/wrong-environment.BiHTPtbJ.js.map +1 -0
  454. package/dist/click-outside.js +5 -0
  455. package/dist/click-outside.js.map +1 -0
  456. package/dist/code-snippet.js +8 -0
  457. package/dist/code-snippet.js.map +1 -0
  458. package/dist/country.js +12 -0
  459. package/dist/country.js.map +1 -0
  460. package/dist/currency.js +6 -0
  461. package/dist/currency.js.map +1 -0
  462. package/dist/dashboard-template.js +6 -0
  463. package/dist/dashboard-template.js.map +1 -0
  464. package/dist/dashed-underline.js +5 -0
  465. package/dist/dashed-underline.js.map +1 -0
  466. package/dist/data-grid-template.js +5 -0
  467. package/dist/data-grid-template.js.map +1 -0
  468. package/dist/data-grid.js +13 -0
  469. package/dist/data-grid.js.map +1 -0
  470. package/dist/date-picker.js +10 -0
  471. package/dist/date-picker.js.map +1 -0
  472. package/dist/date-range-picker.js +10 -0
  473. package/dist/date-range-picker.js.map +1 -0
  474. package/dist/date.js +6 -0
  475. package/dist/date.js.map +1 -0
  476. package/dist/divider.js +5 -0
  477. package/dist/divider.js.map +1 -0
  478. package/dist/dropdown.js +16 -0
  479. package/dist/dropdown.js.map +1 -0
  480. package/dist/empty-state.js +8 -0
  481. package/dist/empty-state.js.map +1 -0
  482. package/dist/file-uploader.js +5 -0
  483. package/dist/file-uploader.js.map +1 -0
  484. package/dist/filter-bar.js +9 -0
  485. package/dist/filter-bar.js.map +1 -0
  486. package/dist/focus-trap.js +5 -0
  487. package/dist/focus-trap.js.map +1 -0
  488. package/dist/fonts/fonts.css +2 -0
  489. package/dist/form-layout.js +8 -0
  490. package/dist/form-layout.js.map +1 -0
  491. package/dist/header-with-views.js +5 -0
  492. package/dist/header-with-views.js.map +1 -0
  493. package/dist/header.js +5 -0
  494. package/dist/header.js.map +1 -0
  495. package/dist/image.js +7 -0
  496. package/dist/image.js.map +1 -0
  497. package/dist/index.js +442 -0
  498. package/dist/index.js.map +1 -0
  499. package/dist/info-icon.js +5 -0
  500. package/dist/info-icon.js.map +1 -0
  501. package/dist/input-field-password.js +10 -0
  502. package/dist/input-field-password.js.map +1 -0
  503. package/dist/input-field-phone-number.js +6 -0
  504. package/dist/input-field-phone-number.js.map +1 -0
  505. package/dist/input-field.js +10 -0
  506. package/dist/input-field.js.map +1 -0
  507. package/dist/inspector.js +7 -0
  508. package/dist/inspector.js.map +1 -0
  509. package/dist/internal.js +45 -0
  510. package/dist/internal.js.map +1 -0
  511. package/dist/layout.js +6 -0
  512. package/dist/layout.js.map +1 -0
  513. package/dist/link.js +6 -0
  514. package/dist/link.js.map +1 -0
  515. package/dist/loading-indicator.js +6 -0
  516. package/dist/loading-indicator.js.map +1 -0
  517. package/dist/menu.js +6 -0
  518. package/dist/menu.js.map +1 -0
  519. package/dist/modal-fullscreen.js +6 -0
  520. package/dist/modal-fullscreen.js.map +1 -0
  521. package/dist/modal.js +14 -0
  522. package/dist/modal.js.map +1 -0
  523. package/dist/pagination.js +5 -0
  524. package/dist/pagination.js.map +1 -0
  525. package/dist/payment-method.js +7 -0
  526. package/dist/payment-method.js.map +1 -0
  527. package/dist/popover.js +7 -0
  528. package/dist/popover.js.map +1 -0
  529. package/dist/popper-container.js +9 -0
  530. package/dist/popper-container.js.map +1 -0
  531. package/dist/promo-banner.js +7 -0
  532. package/dist/promo-banner.js.map +1 -0
  533. package/dist/radio-group.js +9 -0
  534. package/dist/radio-group.js.map +1 -0
  535. package/dist/rich-text-editor.js +5 -0
  536. package/dist/rich-text-editor.js.map +1 -0
  537. package/dist/search-bar.js +9 -0
  538. package/dist/search-bar.js.map +1 -0
  539. package/dist/secondary-nav.js +5 -0
  540. package/dist/secondary-nav.js.map +1 -0
  541. package/dist/segmented-control.js +7 -0
  542. package/dist/segmented-control.js.map +1 -0
  543. package/dist/selection-card.js +7 -0
  544. package/dist/selection-card.js.map +1 -0
  545. package/dist/sidepanel.js +7 -0
  546. package/dist/sidepanel.js.map +1 -0
  547. package/dist/status.js +6 -0
  548. package/dist/status.js.map +1 -0
  549. package/dist/stepper.js +8 -0
  550. package/dist/stepper.js.map +1 -0
  551. package/dist/structured-list.js +6 -0
  552. package/dist/structured-list.js.map +1 -0
  553. package/dist/styles/bento-dark.css +2133 -0
  554. package/dist/styles/bento-light.css +2132 -0
  555. package/dist/styles/bento.css +2132 -0
  556. package/dist/styles/legacy.css +2132 -0
  557. package/dist/styles/styleguide.css +2187 -0
  558. package/dist/styles/utility.css +1002 -0
  559. package/dist/summary-grid.js +12 -0
  560. package/dist/summary-grid.js.map +1 -0
  561. package/dist/tabs.js +6 -0
  562. package/dist/tabs.js.map +1 -0
  563. package/dist/tag.js +6 -0
  564. package/dist/tag.js.map +1 -0
  565. package/dist/textarea.js +5 -0
  566. package/dist/textarea.js.map +1 -0
  567. package/dist/timeline.js +10 -0
  568. package/dist/timeline.js.map +1 -0
  569. package/dist/toast.js +5 -0
  570. package/dist/toast.js.map +1 -0
  571. package/dist/toggle.js +7 -0
  572. package/dist/toggle.js.map +1 -0
  573. package/dist/tutorial.js +5 -0
  574. package/dist/tutorial.js.map +1 -0
  575. package/dist/typography.js +8 -0
  576. package/dist/typography.js.map +1 -0
  577. package/dist/use-form-v4.js +8300 -0
  578. package/dist/use-form-v4.js.map +1 -0
  579. package/dist/web-types.json +17262 -0
  580. package/package.json +27 -24
package/dist/styles/legacy.css ADDED
@@ -0,0 +1,2132 @@
1
+ :root {
2
+ --b-spacer-090: 24px;
3
+ --b-spacer-080: 20px;
4
+ --b-spacer-070: 16px;
5
+ --b-spacer-060: 12px;
6
+ --b-spacer-050: 10px;
7
+ --b-spacer-040: 8px;
8
+ --b-spacer-030: 6px;
9
+ --b-spacer-020: 4px;
10
+ --b-spacer-010: 2px;
11
+ --b-spacer-000: 0px;
12
+ --b-spacer-140: 64px;
13
+ --b-spacer-130: 56px;
14
+ --b-spacer-120: 48px;
15
+ --b-spacer-110: 40px;
16
+ --b-spacer-100: 32px;
17
+ --b-shadow-high-border: 0px 18px 36px rgba(0, 18, 34, 0.12), 0px 4px 8px rgba(0, 18, 34, 0.06), 0px 0px 0px 1px rgba(218, 221, 223, 1);
18
+ --b-shadow-medium-border: 0px 6px 12px rgba(0, 18, 34, 0.08), 0px 2px 4px rgba(0, 18, 34, 0.04), 0px 0px 0px 1px rgba(218, 221, 223, 1);
19
+ --b-shadow-low-border: 0px 2px 4px rgba(0, 18, 34, 0.04), 0px 1px 2px rgba(0, 18, 34, 0.02), 0px 0px 0px 1px rgba(218, 221, 223, 1);
20
+ --b-shadow-high: 0px 18px 36px rgba(0, 18, 34, 0.12), 0px 4px 8px rgba(0, 18, 34, 0.06);
21
+ --b-shadow-medium: 0px 6px 12px rgba(0, 18, 34, 0.08), 0px 2px 4px rgba(0, 18, 34, 0.04);
22
+ --b-shadow-low: 0px 2px 4px rgba(0, 18, 34, 0.04), 0px 1px 2px rgba(0, 18, 34, 0.02);
23
+ --b-media-query-xxl: 1536px;
24
+ --b-media-query-xl-max: 1535px;
25
+ --b-media-query-xl-min: 1280px;
26
+ --b-media-query-l-max: 1279px;
27
+ --b-media-query-l-min: 768px;
28
+ --b-media-query-m-max: 767px;
29
+ --b-media-query-m-min: 500px;
30
+ --b-media-query-s-max: 499px;
31
+ --b-media-query-s-min: 376px;
32
+ --b-media-query-xs-max: 375px;
33
+ --b-media-query-xs-min: 0px;
34
+ --b-border-width-attention: 1.5px;
35
+ --b-border-width-l: 3px;
36
+ --b-border-width-m: 2px;
37
+ --b-border-width-s: 1px;
38
+ --b-border-radius-xl: 24px;
39
+ --b-border-radius-l: 12px;
40
+ --b-border-radius-m: 8px;
41
+ --b-border-radius-s: 4px;
42
+ --b-border-radius-xs: 2px;
43
+ --b-animation-duration-slow: 250ms;
44
+ --b-animation-duration-moderate: 150ms;
45
+ --b-animation-duration-fast: 100ms;
46
+ --b-animation-easing-linear: linear;
47
+ --b-animation-easing-exit: cubic-bezier(0.4, 0, 1, 1);
48
+ --b-animation-easing-enter: cubic-bezier(0.12, 0.6, 0.4, 0.95);
49
+ --b-animation-easing-standard: cubic-bezier(0.2, 0, 0.4, 0.9);
50
+ --b-tutorial-indicator-border-offset: -2px;
51
+ --b-tutorial-popover-ripple-after-position: -24px;
52
+ --b-tutorial-popover-ripple-before-position: -48px;
53
+ --b-tutorial-popover-steps-line-height: 26px;
54
+ --b-tooltip-max-width: 300px;
55
+ --b-toggle-track-toggled-border: 0;
56
+ --b-toggle-track-width: 36px;
57
+ --b-toggle-track-height: 20px;
58
+ --b-toggle-handle-toggled-width: 16px;
59
+ --b-toggle-handle-toggled-height: 16px;
60
+ --b-toggle-handle-width: 12px;
61
+ --b-toggle-handle-height: 12px;
62
+ --b-toggle-button-tertiary-disabled-background-color-inverse: rgba(0, 0, 0, 0);
63
+ --b-toggle-button-tertiary-disabled-background-color: rgba(0, 0, 0, 0);
64
+ --b-toggle-button-primary-toggled-disabled-box-shadow-inverse: none;
65
+ --b-toggle-button-primary-toggled-disabled-box-shadow: none;
66
+ --b-toast-width: 420px;
67
+ --b-timeline-max-width: 500px;
68
+ --b-textarea-description-padding: 0;
69
+ --b-textarea-input-min-height: 44px;
70
+ --b-textarea-min-width: 200px;
71
+ --b-tag-icon-height: 18px;
72
+ --b-tabs-notification-dot-width: 7px;
73
+ --b-tabs-notification-dot-height: 7px;
74
+ --b-tabs-tab-list-height: 30px;
75
+ --b-stepper-step-index-height: 20px;
76
+ --b-stepper-step-index-width: 20px;
77
+ --b-stepper-max-width: 200px;
78
+ --b-status-indicator-wrapper-height: 20px;
79
+ --b-status-indicator-size: 12px;
80
+ --b-status-column-gap: 12px;
81
+ --b-sidepanel-page-actions-border-top: 1px solid rgba(0, 0, 0, 0);
82
+ --b-sidepanel-page-actions-height: 68px;
83
+ --b-sidepanel-page-header-border-bottom: 1px solid rgba(0, 0, 0, 0);
84
+ --b-sidepanel-page-header-flex-basis: 64px;
85
+ --b-sidepanel-close-button-height: 64px;
86
+ --b-sidepanel-l-and-up-max-width: 680px;
87
+ --b-sidepanel-l-and-up-min-width: 480px;
88
+ --b-sidepanel-width: 480px;
89
+ --b-selection-card-icon-width: 48px;
90
+ --b-selection-card-icon-height: 48px;
91
+ --b-secondary-nav-max-width: 200px;
92
+ --b-rich-text-editor-content-area-min-height: 80px;
93
+ --b-rich-text-editor-renderer-min-height: 80px;
94
+ --b-radio-input-knob-size: 8px;
95
+ --b-radio-input-knob-offset-error: 2.5px;
96
+ --b-radio-input-knob-offset: 3px;
97
+ --b-radio-button-knob-size: 8px;
98
+ --b-radio-button-knob-offset-error: 2.5px;
99
+ --b-radio-button-knob-offset: 3px;
100
+ --b-radio-button-line-height: 20px;
101
+ --b-popover-border: unset;
102
+ --b-modal-header-container-padding-block: 19px;
103
+ --b-loading-button-tertiary-loading-text-decoration: underline;
104
+ --b-loading-button-tertiary-loading-background-color: rgba(0, 0, 0, 0);
105
+ --b-loading-button-secondary-success-hover-box-shadow: unset;
106
+ --b-listbox-option-focus-box-shadow: inset 0 0 0 2px rgba(15, 117, 220, 0.8), inset 0 0 0 3px #ffffff;
107
+ --b-link-hover-text-decoration: none;
108
+ --b-link-text-decoration: underline;
109
+ --b-input-field-input-box-focus-border-width: 1.5px;
110
+ --b-input-field-input-box-height: 36px;
111
+ --b-input-field-password-validation-title-font-weight: 700;
112
+ --b-highlight-box-shadow-ripple-color: rgba(0, 161, 82, 0.4);
113
+ --b-highlight-box-shadow-shadow-color: rgba(0, 161, 82, 0.2);
114
+ --b-highlight-box-shadow-outline-color: #00a152;
115
+ --b-header-actions-margin-top-desktop: 0;
116
+ --b-header-with-views-all-views-popover-menu-item-dragging-z-index: 1;
117
+ --b-filter-button-label-line-height: 20px;
118
+ --b-filter-bar-select-filter-button-divider-border-width: 0;
119
+ --b-filter-bar-select-filter-divider-border-width: 0;
120
+ --b-filter-bar-fixed-scroller-button-condensed-max-height: inherit;
121
+ --b-filter-bar-fixed-scroller-button-condensed-height: inherit;
122
+ --b-filter-bar-button-secondary-label-padding: 0;
123
+ --b-filter-bar-button-secondary-label-border-radius: 0;
124
+ --b-filter-bar-button-secondary-label-background-color: inherit;
125
+ --b-filter-bar-button-label-line-height: 20px;
126
+ --b-filter-bar-button-height: 28px;
127
+ --b-error-message-icon-height: 20px;
128
+ --b-dropdown-small-textbox-base-textbox-height: auto;
129
+ --b-dropdown-small-textbox-padding: 4px 6px;
130
+ --b-dropdown-small-textbox-max-height: 18px;
131
+ --b-dropdown-small-textbox-height: 28px;
132
+ --b-dropdown-options-container-border-width: 0px;
133
+ --b-dropdown-options-container-border-color: unset;
134
+ --b-dropdown-default-textbox-additional-items-condensed-max-height: 24px;
135
+ --b-dropdown-default-textbox-condensed-min-height: 28px;
136
+ --b-dropdown-default-textbox-focus-outline-width: 0.5px;
137
+ --b-dropdown-default-textbox-height: 36px;
138
+ --b-divider-border: none;
139
+ --b-dialog-page-actions-border-top: 1px solid rgba(0, 0, 0, 0);
140
+ --b-dialog-page-footer-border-top: 1px solid rgba(0, 0, 0, 0);
141
+ --b-dialog-page-header-border-bottom: 1px solid rgba(0, 0, 0, 0);
142
+ --b-date-range-picker-calendar-label-to-display: initial;
143
+ --b-date-range-picker-calendar-label-from-display: initial;
144
+ --b-date-range-picker-calendar-form-date-format-example-display: initial;
145
+ --b-date-range-picker-calendar-form-width: 332px;
146
+ --b-date-range-picker-calendar-form-min-width: auto;
147
+ --b-date-range-picker-calendar-calendars-container-border-right: none;
148
+ --b-date-range-picker-calendar-calendars-container-background-color: inherit;
149
+ --b-date-range-picker-calendar-flex-direction: row;
150
+ --b-data-grid-re-order-column-target-separator-width: 3px;
151
+ --b-data-grid-config-settings-button-and-separator-padding: 0;
152
+ --b-data-grid-resizer-last-child-offset-right: -5px;
153
+ --b-data-grid-resizer-last-child-right: -4px;
154
+ --b-data-grid-resizer-width: 8px;
155
+ --b-data-grid-cell-hover-padding: 14px 15px;
156
+ --b-data-grid-column-separator-height: 100%;
157
+ --b-data-grid-column-with-sorting-or-column-panel-hover-padding: 3px 15px;
158
+ --b-data-grid-column-min-height: 34px;
159
+ --b-data-grid-column-height: auto;
160
+ --b-data-grid-overflow-shadow-right-background: linear-gradient(270deg, rgba(0, 17, 44, 0.12), rgba(0, 0, 0, 0));
161
+ --b-data-grid-overflow-shadow-left-background: linear-gradient(270deg, rgba(0, 0, 0, 0), rgba(0, 17, 44, 0.12));
162
+ --b-data-grid-static-icon-size: 16px;
163
+ --b-code-snippet-empty-state-min-height: 200px;
164
+ --b-code-snippet-code-area-content-font-family: 'Adyen Mono', 'Roboto Mono', 'Oxygen Mono', 'IBM Plex Mono', 'Courier New', monospace;
165
+ --b-code-snippet-code-area-margin: 0;
166
+ --b-card-toggle-small-text-height: 24px;
167
+ --b-card-toggle-height: 26px;
168
+ --b-calendar-year-month-focus-visible-z-index: 1;
169
+ --b-calendar-year-month-width: 60px;
170
+ --b-calendar-year-month-height: 60px;
171
+ --b-calendar-year-year-container-border-collapse: collapse;
172
+ --b-calendar-month-day-width: 40px;
173
+ --b-calendar-month-day-height: 40px;
174
+ --b-button-condensed-tertiary-height: auto;
175
+ --b-button-condensed-icon-width: auto;
176
+ --b-button-condensed-icon-height: auto;
177
+ --b-button-condensed-line-height: 20px;
178
+ --b-button-tertiary-with-background-critical-disabled-background-color-inverse: rgba(0, 0, 0, 0);
179
+ --b-button-tertiary-with-background-critical-disabled-background-color: rgba(0, 0, 0, 0);
180
+ --b-button-tertiary-with-background-disabled-background-color-inverse: rgba(0, 0, 0, 0);
181
+ --b-button-tertiary-with-background-disabled-background-color: rgba(0, 0, 0, 0);
182
+ --b-button-tertiary-critical-hover-box-shadow: unset;
183
+ --b-button-tertiary-critical-hover-background-color: rgba(0, 0, 0, 0);
184
+ --b-button-tertiary-critical-disabled-background-color: rgba(0, 0, 0, 0);
185
+ --b-button-tertiary-critical-active-background-color: rgba(0, 0, 0, 0);
186
+ --b-button-tertiary-critical-background-color: rgba(0, 0, 0, 0);
187
+ --b-button-tertiary-disabled-background-color: rgba(0, 0, 0, 0);
188
+ --b-button-tertiary-active-text-decoration: none;
189
+ --b-button-tertiary-active-background-color: rgba(0, 0, 0, 0);
190
+ --b-button-tertiary-hover-text-decoration: none;
191
+ --b-button-tertiary-hover-background-color: rgba(0, 0, 0, 0);
192
+ --b-button-tertiary-text-decoration: underline;
193
+ --b-button-tertiary-height: auto;
194
+ --b-button-tertiary-box-shadow: inset 0 0 0 1px rgba(0, 0, 0, 0);
195
+ --b-button-tertiary-background-color: rgba(0, 0, 0, 0);
196
+ --b-button-line-height: 20px;
197
+ --b-button-box-shadow: inset 0 0 0 1px rgba(0, 0, 0, 0);
198
+ --b-avatar-image-small-width: 24px;
199
+ --b-avatar-image-small-height: 24px;
200
+ --b-alert-tip-icon-height: 20px;
201
+ --b-alert-icon-height: 24px;
202
+ --b-ai-button-button-z-index: 1;
203
+ --b-ai-button-animation-background-z-index: -1;
204
+ --b-action-bar-container-border-radius: 28px;
205
+ --b-z-index-local-tier-4: 4;
206
+ --b-z-index-local-tier-3: 3;
207
+ --b-z-index-local-tier-2: 2;
208
+ --b-z-index-local-tier-1: 1;
209
+ --b-z-index-global-instant-interaction: 15;
210
+ --b-z-index-global-navigation: 10;
211
+ --b-z-index-global-elevated: 5;
212
+ --b-z-index-global-screen: auto;
213
+ --b-text-title-l-mobile-line-height: 30px;
214
+ --b-text-title-l-mobile-font-size: 20px;
215
+ --b-text-title-l-letter-spacing: 0;
216
+ --b-text-title-l-line-height: 34px;
217
+ --b-text-title-l-font-weight: 600;
218
+ --b-text-title-l-font-size: 24px;
219
+ --b-text-title-l-font-family: 'Adyen Variable', Roboto, Oxygen, 'Open Sans', 'Helvetica Neue', Arial, sans-serif;
220
+ --b-text-title-m-mobile-line-height: 28px;
221
+ --b-text-title-m-mobile-font-size: 18px;
222
+ --b-text-title-m-letter-spacing: 0;
223
+ --b-text-title-m-line-height: 30px;
224
+ --b-text-title-m-font-weight: 600;
225
+ --b-text-title-m-font-size: 20px;
226
+ --b-text-title-m-font-family: 'Adyen Variable', Roboto, Oxygen, 'Open Sans', 'Helvetica Neue', Arial, sans-serif;
227
+ --b-text-title-mobile-line-height: 26px;
228
+ --b-text-title-mobile-font-size: 16px;
229
+ --b-text-title-letter-spacing: 0;
230
+ --b-text-title-line-height: 26px;
231
+ --b-text-title-font-weight: 600;
232
+ --b-text-title-font-size: 16px;
233
+ --b-text-title-font-family: 'Adyen Variable', Roboto, Oxygen, 'Open Sans', 'Helvetica Neue', Arial, sans-serif;
234
+ --b-text-subtitle-stronger-font-weight: 600;
235
+ --b-text-subtitle-letter-spacing: 0;
236
+ --b-text-subtitle-line-height: 26px;
237
+ --b-text-subtitle-font-weight: 500;
238
+ --b-text-subtitle-font-size: 16px;
239
+ --b-text-subtitle-font-family: 'Adyen Variable', Roboto, Oxygen, 'Open Sans', 'Helvetica Neue', Arial, sans-serif;
240
+ --b-text-body-strongest-wide-line-height: 24px;
241
+ --b-text-body-strongest-wide-font-weight: 600;
242
+ --b-text-body-strongest-font-weight: 600;
243
+ --b-text-body-stronger-wide-line-height: 24px;
244
+ --b-text-body-stronger-wide-font-weight: 500;
245
+ --b-text-body-stronger-font-weight: 500;
246
+ --b-text-body-wide-line-height: 24px;
247
+ --b-text-body-letter-spacing: 0;
248
+ --b-text-body-line-height: 20px;
249
+ --b-text-body-font-weight: 400;
250
+ --b-text-body-font-size: 14px;
251
+ --b-text-body-font-family: 'Adyen Variable', Roboto, Oxygen, 'Open Sans', 'Helvetica Neue', Arial, sans-serif;
252
+ --b-text-caption-stronger-wide-line-height: 20px;
253
+ --b-text-caption-stronger-wide-font-weight: 500;
254
+ --b-text-caption-stronger-font-weight: 500;
255
+ --b-text-caption-wide-line-height: 20px;
256
+ --b-text-caption-letter-spacing: 0;
257
+ --b-text-caption-line-height: 18px;
258
+ --b-text-caption-font-weight: 400;
259
+ --b-text-caption-font-size: 12px;
260
+ --b-text-caption-font-family: 'Adyen Variable', Roboto, Oxygen, 'Open Sans', 'Helvetica Neue', Arial, sans-serif;
261
+ --b-text-rich-text-caption-pre-line-height: 20px;
262
+ --b-text-rich-text-table-caption-line-height: 20px;
263
+ --b-text-rich-text-table-header-font-weight: 700;
264
+ --b-text-rich-text-table-line-height: 20px;
265
+ --b-text-rich-text-blockquote-font-weight: 500;
266
+ --b-text-rich-text-pre-line-height: 24px;
267
+ --b-text-rich-text-code-font-weight: 500;
268
+ --b-text-rich-text-code-font-family: 'Adyen Mono', 'Roboto Mono', 'Oxygen Mono', 'IBM Plex Mono', 'Courier New', monospace;
269
+ --b-text-rich-text-heading-font-weight: 700;
270
+ --b-text-font-variant-numeric: normal;
271
+ --b-focus-ring-color: rgba(15, 117, 220, 0.8);
272
+ --b-color-support-shadow: #001222;
273
+ --b-color-support-overlay: #001222;
274
+ --b-color-decorative-grey: #848d96;
275
+ --b-color-decorative-red: #f73f01;
276
+ --b-color-decorative-orange: #f99300;
277
+ --b-color-decorative-yellow: #f9c500;
278
+ --b-color-decorative-blue: #006bd7;
279
+ --b-color-decorative-green: #00d16a;
280
+ --b-color-separator-inverse-secondary: #5c6874;
281
+ --b-color-separator-inverse-primary: #2f3e4d;
282
+ --b-color-separator-secondary: #c8ccd0;
283
+ --b-color-separator-primary: #dadddf;
284
+ --b-color-outline-inverse-critical-active: #ffded3;
285
+ --b-color-outline-inverse-critical-hover: #ffbda6;
286
+ --b-color-outline-inverse-critical: #ff9a78;
287
+ --b-color-outline-inverse-disabled: #455460;
288
+ --b-color-outline-inverse-primary-active: #9da5ac;
289
+ --b-color-outline-inverse-primary-hover: #6c7782;
290
+ --b-color-outline-inverse-primary: #2f3e4d;
291
+ --b-color-outline-success-active: #004724;
292
+ --b-color-outline-success-hover: #00773c;
293
+ --b-color-outline-success: #008845;
294
+ --b-color-outline-critical-active: #751e00;
295
+ --b-color-outline-critical-hover: #c13101;
296
+ --b-color-outline-critical: #dc3801;
297
+ --b-color-outline-selected: #001222;
298
+ --b-color-outline-disabled: #dadddf;
299
+ --b-color-outline-tertiary-active: #001222;
300
+ --b-color-outline-tertiary-hover: #6c7782;
301
+ --b-color-outline-tertiary: #8c959d;
302
+ --b-color-outline-secondary-active: #001222;
303
+ --b-color-outline-secondary-hover: #b7bdc2;
304
+ --b-color-outline-secondary: #c8ccd0;
305
+ --b-color-outline-primary-active: #001222;
306
+ --b-color-outline-primary-hover: #c8ccd0;
307
+ --b-color-outline-primary: #dadddf;
308
+ --b-color-link-quiet-disabled: #8c959d;
309
+ --b-color-link-quiet-active: #5c6874;
310
+ --b-color-link-quiet-hover: #5c6874;
311
+ --b-color-link-quiet: #001222;
312
+ --b-color-link-primary-visited-active: #710ab3;
313
+ --b-color-link-primary-visited-hover: #710ab3;
314
+ --b-color-link-primary-visited: #540884;
315
+ --b-color-link-primary-disabled: #8c959d;
316
+ --b-color-link-primary-active: #0f75dc;
317
+ --b-color-link-primary-hover: #0f75dc;
318
+ --b-color-link-primary: #0065c9;
319
+ --b-color-label-always-dark: #001222;
320
+ --b-color-label-always-light-tertiary-active: #54616d;
321
+ --b-color-label-always-light-tertiary-hover: #737e88;
322
+ --b-color-label-always-light-tertiary: #848d96;
323
+ --b-color-label-always-light-secondary-active: #737e88;
324
+ --b-color-label-always-light-secondary-hover: #959da5;
325
+ --b-color-label-always-light-secondary: #a6adb3;
326
+ --b-color-label-always-light-primary-active: #959da5;
327
+ --b-color-label-always-light-primary-hover: #c8ccd0;
328
+ --b-color-label-always-light-primary: #ecedef;
329
+ --b-color-label-always-light: #ffffff;
330
+ --b-color-label-on-background-highlight-weak: #0065c9;
331
+ --b-color-label-on-background-success-weak: #00773c;
332
+ --b-color-label-on-background-warning-weak: #955900;
333
+ --b-color-label-on-background-critical-weak: #c13101;
334
+ --b-color-label-inverse-critical-active: #ffded3;
335
+ --b-color-label-inverse-critical-hover: #ffbda6;
336
+ --b-color-label-inverse-critical: #ff9a78;
337
+ --b-color-label-inverse-disabled: #737e88;
338
+ --b-color-label-inverse-secondary: #9da5ac;
339
+ --b-color-label-inverse-primary-active: #ecedef;
340
+ --b-color-label-inverse-primary-hover: #f4f5f6;
341
+ --b-color-label-inverse-primary: #ffffff;
342
+ --b-color-label-on-color: #ffffff;
343
+ --b-color-label-success: #008845;
344
+ --b-color-label-highlight: #0f75dc;
345
+ --b-color-label-warning: #ab6600;
346
+ --b-color-label-critical-active: #751e00;
347
+ --b-color-label-critical-hover: #c13101;
348
+ --b-color-label-critical: #dc3801;
349
+ --b-color-label-disabled: #8c959d;
350
+ --b-color-label-tertiary: #8c959d;
351
+ --b-color-label-secondary: #5c6874;
352
+ --b-color-label-primary-active: #6c7782;
353
+ --b-color-label-primary-hover: #5c6874;
354
+ --b-color-label-primary: #001222;
355
+ --b-color-background-always-dark-tertiary-selected: #00305f;
356
+ --b-color-background-always-dark-tertiary-disabled: #ecedef;
357
+ --b-color-background-always-dark-tertiary-active: #455460;
358
+ --b-color-background-always-dark-tertiary-hover: #3d4c5a;
359
+ --b-color-background-always-dark-tertiary: #2f3e4d;
360
+ --b-color-background-always-dark-secondary-selected: #00305f;
361
+ --b-color-background-always-dark-secondary-disabled: #ecedef;
362
+ --b-color-background-always-dark-secondary-active: #455460;
363
+ --b-color-background-always-dark-secondary-hover: #364553;
364
+ --b-color-background-always-dark-secondary: #213140;
365
+ --b-color-background-always-dark-primary-selected: #00305f;
366
+ --b-color-background-always-dark-primary-disabled: #ecedef;
367
+ --b-color-background-always-dark-primary-active: #213140;
368
+ --b-color-background-always-dark-primary-hover: #132434;
369
+ --b-color-background-always-dark-primary: #001222;
370
+ --b-color-background-always-dark-selected: #00305f;
371
+ --b-color-background-always-dark-disabled: #ecedef;
372
+ --b-color-background-always-dark-active: #8c959d;
373
+ --b-color-background-always-dark-hover: #5c6874;
374
+ --b-color-background-always-dark: #001222;
375
+ --b-color-background-always-light-selected: #e3effb;
376
+ --b-color-background-always-light-disabled: #ecedef;
377
+ --b-color-background-always-light-active: #ecedef;
378
+ --b-color-background-always-light-hover: #f4f5f6;
379
+ --b-color-background-always-light: #ffffff;
380
+ --b-color-background-inverse-critical-strong-active: #ffded3;
381
+ --b-color-background-inverse-critical-strong-hover: #ffbda6;
382
+ --b-color-background-inverse-critical-strong: #ff9a78;
383
+ --b-color-background-inverse-critical-weak: #5c1800;
384
+ --b-color-background-inverse-disabled: #273746;
385
+ --b-color-background-inverse-secondary-active: #364553;
386
+ --b-color-background-inverse-secondary-hover: #273746;
387
+ --b-color-background-inverse-secondary: #1a2b3b;
388
+ --b-color-background-inverse-primary-active: #6c7782;
389
+ --b-color-background-inverse-primary-hover: #5c6874;
390
+ --b-color-background-inverse-primary: #001222;
391
+ --b-color-background-highlight-strong: #0f75dc;
392
+ --b-color-background-highlight-weak: #f0f6fd;
393
+ --b-color-background-success-strong: #008845;
394
+ --b-color-background-success-weak: #e4faef;
395
+ --b-color-background-warning-strong: #d77f00;
396
+ --b-color-background-warning-weak-active: #ffe0b3;
397
+ --b-color-background-warning-weak-hover: #ffecd0;
398
+ --b-color-background-warning-weak: #fff4e5;
399
+ --b-color-background-critical-strong-active: #751e00;
400
+ --b-color-background-critical-strong-hover: #c13101;
401
+ --b-color-background-critical-strong: #dc3801;
402
+ --b-color-background-critical-weak: #fff3ef;
403
+ --b-color-background-spotlight: #ffe379;
404
+ --b-color-background-selected-active: #c8dff7;
405
+ --b-color-background-selected-hover: #d4e6f9;
406
+ --b-color-background-selected: #e3effb;
407
+ --b-color-background-disabled: #ecedef;
408
+ --b-color-background-modal-active: #ecedef;
409
+ --b-color-background-modal-hover: #f4f5f6;
410
+ --b-color-background-modal: #ffffff;
411
+ --b-color-background-quaternary-active: #aeb5ba;
412
+ --b-color-background-quaternary-hover: #b7bdc2;
413
+ --b-color-background-quaternary: #c0c5ca;
414
+ --b-color-background-tertiary-active: #dadddf;
415
+ --b-color-background-tertiary-hover: #e2e5e7;
416
+ --b-color-background-tertiary: #ecedef;
417
+ --b-color-background-secondary-active: #e2e5e7;
418
+ --b-color-background-secondary-hover: #ecedef;
419
+ --b-color-background-secondary: #f4f5f6;
420
+ --b-color-background-primary-active: #ecedef;
421
+ --b-color-background-primary-hover: #f4f5f6;
422
+ --b-color-background-primary: #ffffff;
423
+ --b-gradient-data-grid-highlighted-hover: linear-gradient(270deg, var(--b-color-background-warning-weak-hover) 0%, rgba(255, 236, 208, .82) 53.34%, rgba(255, 236, 208, .75) 61.73%, rgba(255, 236, 208, .11) 99.25%, rgba(255, 236, 208, 0) 100%);
424
+ --b-gradient-data-grid-selected-hover: linear-gradient(270deg, var(--b-color-background-selected-hover) 0%, rgba(212, 230, 249, .82) 53.34%, rgba(212, 230, 249, .75) 61.73%, rgba(212, 230, 249, .11) 99.25%, rgba(212, 230, 249, 0) 100%);
425
+ --b-gradient-data-grid-zebra-hover: linear-gradient(270deg, var(--b-color-background-secondary-hover) 0%, rgba(236, 237, 239, .82) 53.34%, rgba(236, 237, 239, .75) 61.73%, rgba(236, 237, 239, .11) 99.25%, rgba(236, 237, 239, 0) 100%);
426
+ --b-gradient-data-grid-hover: linear-gradient(270deg, var(--b-color-background-primary-hover) 0%, rgba(247, 247, 248, .82) 53.34%, rgba(247, 247, 248, .75) 61.73%, rgba(247, 247, 248, .11) 99.25%, rgba(247, 247, 248, 0) 100%);
427
+ --b-tutorial-indicator-border: var(--b-border-width-m) solid var(--b-color-decorative-green);
428
+ --b-tutorial-popover-footer-padding-top: var(--b-spacer-060);
429
+ --b-tutorial-popover-footer-column-gap: var(--b-spacer-040);
430
+ --b-tutorial-popover-header-padding-bottom: var(--b-spacer-060);
431
+ --b-tutorial-popover-header-gap: var(--b-spacer-070);
432
+ --b-tutorial-popover-ripple-after-width: var(--b-spacer-050);
433
+ --b-tutorial-popover-ripple-after-height: var(--b-spacer-030);
434
+ --b-tutorial-popover-ripple-before-width: var(--b-spacer-140);
435
+ --b-tutorial-popover-ripple-before-height: var(--b-spacer-120);
436
+ --b-tutorial-popover-ripple-before-filter: blur(var(--b-spacer-110));
437
+ --b-tutorial-popover-ripple-before-background-color: var(--b-color-decorative-green);
438
+ --b-tutorial-popover-outline: var(--b-border-width-m) solid var(--b-color-decorative-green);
439
+ --b-tutorial-popover-color: var(--b-color-label-secondary);
440
+ --b-tutorial-popover-background-color: var(--b-color-background-success-weak);
441
+ --b-tooltip-z-index: var(--b-z-index-global-elevated);
442
+ --b-tooltip-padding: var(--b-spacer-020) var(--b-spacer-040);
443
+ --b-tooltip-color: var(--b-color-label-inverse-primary);
444
+ --b-tooltip-border-radius: var(--b-border-radius-s);
445
+ --b-tooltip-background-color: var(--b-color-background-inverse-primary);
446
+ --b-toggle-description-padding: var(--b-spacer-020);
447
+ --b-toggle-description-color: var(--b-color-label-secondary);
448
+ --b-toggle-label-padding: var(--b-spacer-070);
449
+ --b-toggle-label-color: var(--b-color-label-primary);
450
+ --b-toggle-track-toggled-readonly-background-color: var(--b-color-background-quaternary);
451
+ --b-toggle-track-toggled-disabled-background-color: var(--b-color-background-quaternary);
452
+ --b-toggle-track-toggled-active-background-color: var(--b-color-background-inverse-primary-active);
453
+ --b-toggle-track-toggled-hover-background-color: var(--b-color-background-inverse-primary-hover);
454
+ --b-toggle-track-toggled-padding: var(--b-spacer-010);
455
+ --b-toggle-track-toggled-background-color: var(--b-color-background-inverse-primary);
456
+ --b-toggle-track-readonly-border-color: var(--b-color-outline-disabled);
457
+ --b-toggle-track-readonly-background-color: var(--b-color-background-secondary);
458
+ --b-toggle-track-disabled-border-color: var(--b-color-outline-disabled);
459
+ --b-toggle-track-disabled-background-color: var(--b-color-background-secondary);
460
+ --b-toggle-track-active-border-color: var(--b-color-outline-tertiary-active);
461
+ --b-toggle-track-active-background-color: var(--b-color-background-primary-active);
462
+ --b-toggle-track-hover-border-color: var(--b-color-outline-tertiary-hover);
463
+ --b-toggle-track-hover-background-color: var(--b-color-background-primary-hover);
464
+ --b-toggle-track-background-color: var(--b-color-background-primary);
465
+ --b-toggle-track-border-radius: var(--b-border-radius-l);
466
+ --b-toggle-track-border: 1px solid var(--b-color-outline-tertiary);
467
+ --b-toggle-track-padding: var(--b-spacer-010) var(--b-spacer-020);
468
+ --b-toggle-handle-toggled-readonly-background-color: var(--b-color-background-disabled);
469
+ --b-toggle-handle-toggled-disabled-color: var(--b-color-label-disabled);
470
+ --b-toggle-handle-toggled-disabled-background-color: var(--b-color-background-disabled);
471
+ --b-toggle-handle-toggled-color: var(--b-color-label-primary);
472
+ --b-toggle-handle-toggled-background-color: var(--b-color-background-primary);
473
+ --b-toggle-handle-disabled-background-color: var(--b-color-label-disabled);
474
+ --b-toggle-handle-transition: transform var(--b-animation-duration-moderate) var(--b-animation-easing-standard);
475
+ --b-toggle-handle-border-radius: var(--b-border-radius-l);
476
+ --b-toggle-handle-background-color: var(--b-color-background-inverse-primary);
477
+ --b-toggle-button-tertiary-toggled-hover-background-color-inverse: var(--b-color-background-inverse-secondary-hover);
478
+ --b-toggle-button-tertiary-toggled-hover-background-color: var(--b-color-background-tertiary-hover);
479
+ --b-toggle-button-tertiary-toggled-disabled-color-inverse: var(--b-color-label-inverse-disabled);
480
+ --b-toggle-button-tertiary-toggled-disabled-color: var(--b-color-label-disabled);
481
+ --b-toggle-button-tertiary-toggled-disabled-background-color-inverse: var(--b-color-background-inverse-secondary);
482
+ --b-toggle-button-tertiary-toggled-disabled-background-color: var(--b-color-background-tertiary);
483
+ --b-toggle-button-tertiary-toggled-active-background-color-inverse: var(--b-color-background-inverse-secondary-active);
484
+ --b-toggle-button-tertiary-toggled-active-background-color: var(--b-color-background-tertiary-active);
485
+ --b-toggle-button-tertiary-toggled-background-color-inverse: var(--b-color-background-inverse-secondary-active);
486
+ --b-toggle-button-tertiary-toggled-background-color: var(--b-color-background-tertiary);
487
+ --b-toggle-button-tertiary-hover-color-inverse: var(--b-color-label-inverse-primary);
488
+ --b-toggle-button-tertiary-hover-color: var(--b-color-label-primary-hover);
489
+ --b-toggle-button-tertiary-hover-background-color-inverse: var(--b-color-background-inverse-primary-hover);
490
+ --b-toggle-button-tertiary-hover-background-color: var(--b-color-background-primary-hover);
491
+ --b-toggle-button-tertiary-disabled-color-inverse: var(--b-color-label-inverse-disabled);
492
+ --b-toggle-button-tertiary-disabled-color: var(--b-color-label-disabled);
493
+ --b-toggle-button-tertiary-active-color-inverse: var(--b-color-label-inverse-primary);
494
+ --b-toggle-button-tertiary-active-color: var(--b-color-label-primary-active);
495
+ --b-toggle-button-tertiary-active-background-color-inverse: var(--b-color-background-inverse-primary-active);
496
+ --b-toggle-button-tertiary-active-background-color: var(--b-color-background-primary-active);
497
+ --b-toggle-button-secondary-toggled-hover-background-color-inverse: var(--b-color-background-inverse-secondary-hover);
498
+ --b-toggle-button-secondary-toggled-hover-background-color: var(--b-color-background-tertiary-hover);
499
+ --b-toggle-button-secondary-toggled-disabled-color-inverse: var(--b-color-label-inverse-disabled);
500
+ --b-toggle-button-secondary-toggled-disabled-color: var(--b-color-label-disabled);
501
+ --b-toggle-button-secondary-toggled-disabled-background-color-inverse: var(--b-color-background-inverse-secondary);
502
+ --b-toggle-button-secondary-toggled-disabled-background-color: var(--b-color-background-tertiary);
503
+ --b-toggle-button-secondary-toggled-active-background-color-inverse: var(--b-color-background-inverse-secondary-active);
504
+ --b-toggle-button-secondary-toggled-active-background-color: var(--b-color-background-tertiary-active);
505
+ --b-toggle-button-secondary-toggled-border-color-inverse: var(--b-color-outline-inverse-primary);
506
+ --b-toggle-button-secondary-toggled-border-color: var(--b-color-outline-tertiary-active);
507
+ --b-toggle-button-secondary-toggled-background-color-inverse: var(--b-color-background-inverse-secondary-active);
508
+ --b-toggle-button-secondary-toggled-background-color: var(--b-color-background-tertiary);
509
+ --b-toggle-button-primary-toggled-hover-background-color-inverse: var(--b-color-background-tertiary-hover);
510
+ --b-toggle-button-primary-toggled-hover-background-color: var(--b-color-background-inverse-secondary-hover);
511
+ --b-toggle-button-primary-toggled-disabled-color-inverse: var(--b-color-label-disabled);
512
+ --b-toggle-button-primary-toggled-disabled-color: var(--b-color-label-inverse-disabled);
513
+ --b-toggle-button-primary-toggled-disabled-background-color-inverse: var(--b-color-background-tertiary);
514
+ --b-toggle-button-primary-toggled-disabled-background-color: var(--b-color-background-inverse-disabled);
515
+ --b-toggle-button-primary-toggled-active-background-color-inverse: var(--b-color-background-tertiary-active);
516
+ --b-toggle-button-primary-toggled-active-background-color: var(--b-color-background-inverse-secondary-active);
517
+ --b-toggle-button-primary-toggled-background-color-inverse: var(--b-color-background-tertiary);
518
+ --b-toggle-button-primary-toggled-background-color: var(--b-color-background-inverse-secondary-active);
519
+ --b-toast-item-padding: var(--b-spacer-070);
520
+ --b-toast-item-shadow: var(--b-shadow-medium-border);
521
+ --b-toast-item-icon-margin: var(--b-spacer-070);
522
+ --b-toast-item-icon-color: var(--b-color-label-highlight);
523
+ --b-toast-item-z-index: var(--b-z-index-global-instant-interaction);
524
+ --b-toast-item-spacing: var(--b-spacer-070);
525
+ --b-toast-item-button-color: var(--b-color-label-inverse-primary);
526
+ --b-toast-item-color: var(--b-color-label-inverse-primary);
527
+ --b-toast-item-border-radius: var(--b-border-radius-m);
528
+ --b-toast-item-border-width: var(--b-border-width-s);
529
+ --b-toast-item-border-color: var(--b-color-outline-inverse-primary);
530
+ --b-toast-item-background-color: var(--b-color-background-inverse-primary);
531
+ --b-toast-animation-duration: var(--b-animation-duration-slow);
532
+ --b-toast-spacing-outer: var(--b-spacer-070);
533
+ --b-toast-spacing-inner: var(--b-spacer-060);
534
+ --b-timeline-note-timestamp-margin-top: var(--b-spacer-050);
535
+ --b-timeline-item-timegap-color: var(--b-color-label-secondary);
536
+ --b-timeline-item-tag-margin-top: var(--b-spacer-050);
537
+ --b-timeline-item-data-list-margin-top: var(--b-spacer-050);
538
+ --b-timeline-item-description-margin-top: var(--b-spacer-050);
539
+ --b-timeline-item-description-color: var(--b-color-label-primary);
540
+ --b-timeline-item-timestamp-gap: var(--b-spacer-030);
541
+ --b-timeline-item-timestamp-color: var(--b-color-label-secondary);
542
+ --b-timeline-item-title-padding-top: var(--b-spacer-020);
543
+ --b-timeline-item-title-margin-bottom: var(--b-spacer-010);
544
+ --b-timeline-item-title-color: var(--b-color-label-primary);
545
+ --b-timeline-item-separator-background-color: var(--b-color-separator-secondary);
546
+ --b-timeline-item-icon-timegap-margin: var(--b-spacer-030) auto;
547
+ --b-timeline-item-icon-timegap-border: var(--b-border-width-s) solid var(--b-color-separator-secondary);
548
+ --b-timeline-item-icon-timegap-padding-bottom: var(--b-spacer-030);
549
+ --b-timeline-item-icon-yellow-color: var(--b-color-decorative-yellow);
550
+ --b-timeline-item-icon-red-color: var(--b-color-decorative-red);
551
+ --b-timeline-item-icon-orange-color: var(--b-color-decorative-orange);
552
+ --b-timeline-item-icon-grey-color: var(--b-color-decorative-grey);
553
+ --b-timeline-item-icon-green-color: var(--b-color-decorative-green);
554
+ --b-timeline-item-icon-blue-color: var(--b-color-decorative-blue);
555
+ --b-timeline-item-icon-critical-color: var(--b-color-label-critical);
556
+ --b-timeline-item-icon-success-color: var(--b-color-label-success);
557
+ --b-timeline-item-icon-default-margin: var(--b-spacer-010) 0;
558
+ --b-timeline-item-icon-default-color: var(--b-color-background-inverse-primary);
559
+ --b-timeline-item-icon-color: var(--b-color-label-primary);
560
+ --b-timeline-item-icon-margin: var(--b-spacer-010) 0;
561
+ --b-timeline-item-content-padding-bottom: var(--b-spacer-100);
562
+ --b-timeline-item-row-gap: var(--b-spacer-070);
563
+ --b-timeline-add-note-section-padding-bottom: var(--b-spacer-090);
564
+ --b-textarea-description-error-color: var(--b-color-label-critical);
565
+ --b-textarea-description-margin-top: var(--b-spacer-020);
566
+ --b-textarea-description-color: var(--b-color-label-secondary);
567
+ --b-textarea-input-clearable-padding: var(--b-spacer-060) var(--b-spacer-110) var(--b-spacer-040) var(--b-spacer-060);
568
+ --b-textarea-input-readonly-border-color: var(--b-color-outline-disabled);
569
+ --b-textarea-input-readonly-background-color: var(--b-color-background-disabled);
570
+ --b-textarea-input-placeholder-color: var(--b-color-label-tertiary);
571
+ --b-textarea-input-hover-border-color: var(--b-color-outline-tertiary-active);
572
+ --b-textarea-input-focus-border-width: var(--b-border-width-attention);
573
+ --b-textarea-input-focus-border-color: var(--b-color-outline-tertiary-active);
574
+ --b-textarea-input-focus-border: var(--b-border-width-attention) solid var(--b-color-outline-tertiary-active);
575
+ --b-textarea-input-error-background-color: var(--b-color-outline-critical);
576
+ --b-textarea-input-disabled-color: var(--b-color-label-disabled);
577
+ --b-textarea-input-disabled-border-color: var(--b-color-outline-disabled);
578
+ --b-textarea-input-disabled-background-color: var(--b-color-background-disabled);
579
+ --b-textarea-input-color: var(--b-color-label-primary);
580
+ --b-textarea-input-padding: var(--b-spacer-060) var(--b-spacer-060) var(--b-spacer-040) var(--b-spacer-060);
581
+ --b-textarea-input-border-radius: var(--b-border-radius-m);
582
+ --b-textarea-input-border: var(--b-border-width-s) solid var(--b-color-outline-tertiary);
583
+ --b-textarea-input-background-color: var(--b-color-background-primary);
584
+ --b-textarea-input-box-margin-bottom: var(--b-spacer-040);
585
+ --b-textarea-label-item-error-color: var(--b-color-label-critical);
586
+ --b-textarea-label-item-color: var(--b-color-label-secondary);
587
+ --b-textarea-label-margin-bottom: var(--b-spacer-040);
588
+ --b-textarea-label-color: var(--b-color-label-primary);
589
+ --b-tag-white-background-color: var(--b-color-background-primary);
590
+ --b-tag-white-color: var(--b-color-label-primary);
591
+ --b-tag-red-background-color: var(--b-color-background-critical-weak);
592
+ --b-tag-red-color: var(--b-color-label-on-background-critical-weak);
593
+ --b-tag-orange-background-color: var(--b-color-background-warning-weak);
594
+ --b-tag-orange-color: var(--b-color-label-on-background-warning-weak);
595
+ --b-tag-green-background-color: var(--b-color-background-success-weak);
596
+ --b-tag-green-color: var(--b-color-label-on-background-success-weak);
597
+ --b-tag-blue-background-color: var(--b-color-background-highlight-weak);
598
+ --b-tag-blue-color: var(--b-color-label-on-background-highlight-weak);
599
+ --b-tag-default-background-color: var(--b-color-background-secondary);
600
+ --b-tag-default-color: var(--b-color-label-secondary);
601
+ --b-tag-padding: var(--b-spacer-010) var(--b-spacer-040);
602
+ --b-tabs-notification-dot-margin-left: var(--b-spacer-030);
603
+ --b-tabs-notification-dot-background-color: var(--b-color-background-highlight-strong);
604
+ --b-tabs-counter-hover-color: var(--b-color-label-primary);
605
+ --b-tabs-counter-disabled-color: var(--b-color-label-disabled);
606
+ --b-tabs-counter-active-color: var(--b-color-label-primary);
607
+ --b-tabs-counter-padding: var(--b-spacer-010) var(--b-spacer-020);
608
+ --b-tabs-counter-margin-left: var(--b-spacer-030);
609
+ --b-tabs-counter-color: var(--b-color-label-secondary);
610
+ --b-tabs-counter-border-radius: var(--b-border-radius-s);
611
+ --b-tabs-counter-background-color: var(--b-color-background-secondary);
612
+ --b-tabs-tab-underline-width: var(--b-spacer-080);
613
+ --b-tabs-tab-underline-height-active: var(--b-border-width-m);
614
+ --b-tabs-tab-underline-height: var(--b-border-width-s);
615
+ --b-tabs-tab-underline-color: var(--b-color-outline-primary-active);
616
+ --b-tabs-tab-title-hover-color: var(--b-color-label-primary);
617
+ --b-tabs-tab-title-disabled-color: var(--b-color-label-disabled);
618
+ --b-tabs-tab-title-active-color: var(--b-color-label-primary);
619
+ --b-tabs-tab-title-color: var(--b-color-label-secondary);
620
+ --b-tabs-tab-text-height: var(--b-spacer-090);
621
+ --b-tabs-tab-text-border-radius: var(--b-border-radius-xs);
622
+ --b-tabs-tab-list-gap: var(--b-spacer-090);
623
+ --b-tabs-sticky-z-index: var(--b-z-index-local-tier-2);
624
+ --b-tabs-sticky-padding-top: var(--b-spacer-060);
625
+ --b-tabs-sticky-border-bottom: var(--b-border-width-s) solid var(--b-color-separator-primary);
626
+ --b-tabs-background-color: var(--b-color-background-primary);
627
+ --b-summary-grid-item-amount-secondary-label-padding-left: var(--b-spacer-020);
628
+ --b-summary-grid-item-content-trend-margin-left: var(--b-spacer-040);
629
+ --b-summary-grid-item-content-label-line-height: var(--b-text-body-wide-line-height);
630
+ --b-summary-grid-item-content-label-font-weight: var(--b-text-body-strongest-font-weight);
631
+ --b-summary-grid-item-title-icons-margin-left: var(--b-spacer-060);
632
+ --b-summary-grid-item-title-icons-height: var(--b-text-body-line-height);
633
+ --b-summary-grid-item-title-icons-gap: var(--b-spacer-060);
634
+ --b-summary-grid-item-header-margin-bottom: var(--b-spacer-020);
635
+ --b-summary-grid-item-gap: var(--b-spacer-040);
636
+ --b-summary-grid-item-padding: var(--b-spacer-070) var(--b-spacer-070) var(--b-spacer-060);
637
+ --b-summary-grid-item-color: var(--b-color-label-primary);
638
+ --b-summary-grid-item-border-radius: var(--b-border-radius-m);
639
+ --b-summary-grid-item-background-color: var(--b-color-background-secondary);
640
+ --b-summary-grid-gap: var(--b-spacer-040);
641
+ --b-structured-list-item-icon-margin: var(--b-spacer-010);
642
+ --b-structured-list-item-item-value-mobile-padding: var(--b-spacer-010) 0;
643
+ --b-structured-list-item-item-value-gap: var(--b-spacer-070);
644
+ --b-structured-list-item-item-value-color: var(--b-color-label-primary);
645
+ --b-structured-list-item-label-icon-color: var(--b-color-label-primary);
646
+ --b-structured-list-item-label-gap: var(--b-spacer-040);
647
+ --b-structured-list-item-label-color: var(--b-color-label-secondary);
648
+ --b-structured-list-item-label-padding-mobile: var(--b-spacer-010) 0;
649
+ --b-structured-list-item-label-padding: var(--b-spacer-040);
650
+ --b-structured-list-item-margin-bottom-condensed: var(--b-spacer-030);
651
+ --b-structured-list-item-margin-bottom: var(--b-spacer-060);
652
+ --b-structured-list-item-padding-condensed: 0 0 var(--b-spacer-020) 0;
653
+ --b-structured-list-item-padding: var(--b-spacer-030) 0;
654
+ --b-stepper-step-substeps-index-active-color: var(--b-color-background-inverse-primary);
655
+ --b-stepper-step-substeps-index-completed-color: var(--b-color-background-success-strong);
656
+ --b-stepper-step-substeps-index-color: var(--b-color-background-quaternary);
657
+ --b-stepper-step-substeps-content-active-color: var(--b-color-label-primary);
658
+ --b-stepper-step-substeps-content-completed-color: var(--b-color-label-primary);
659
+ --b-stepper-step-substeps-content-hover-color: var(--b-color-label-primary);
660
+ --b-stepper-step-substeps-content-color: var(--b-color-label-secondary);
661
+ --b-stepper-step-substeps-button-padding-left: var(--b-spacer-090);
662
+ --b-stepper-step-substeps-margin-top: var(--b-spacer-030);
663
+ --b-stepper-step-substeps-gap: var(--b-spacer-030);
664
+ --b-stepper-step-index-completed-color: var(--b-color-label-primary);
665
+ --b-stepper-step-index-completed-background-color: var(--b-color-background-success-strong);
666
+ --b-stepper-step-index-active-background-color: var(--b-color-background-inverse-primary);
667
+ --b-stepper-step-index-background-color: var(--b-color-background-quaternary);
668
+ --b-stepper-step-index-border-radius: var(--b-border-radius-l);
669
+ --b-stepper-step-index-color: var(--b-color-label-on-color);
670
+ --b-stepper-step-content-active-color: var(--b-color-label-primary);
671
+ --b-stepper-step-content-completed-color: var(--b-color-label-primary);
672
+ --b-stepper-step-content-hover-color: var(--b-color-label-primary);
673
+ --b-stepper-step-content-color: var(--b-color-label-secondary);
674
+ --b-stepper-step-button-hover-background-color: var(--b-color-background-primary-hover);
675
+ --b-stepper-step-button-border-radius: var(--b-border-radius-m);
676
+ --b-stepper-step-button-gap: var(--b-spacer-040);
677
+ --b-stepper-step-button-padding: var(--b-spacer-030) var(--b-spacer-040);
678
+ --b-stepper-step-button-color: var(--b-color-label-secondary);
679
+ --b-stepper-text-stepper-color: var(--b-color-label-secondary);
680
+ --b-stepper-horizontal-gap: var(--b-spacer-040);
681
+ --b-stepper-gap: var(--b-spacer-030);
682
+ --b-status-indicator-yellow-background-color: var(--b-color-decorative-yellow);
683
+ --b-status-indicator-red-background-color: var(--b-color-decorative-red);
684
+ --b-status-indicator-orange-background-color: var(--b-color-decorative-orange);
685
+ --b-status-indicator-grey-background-color: var(--b-color-decorative-grey);
686
+ --b-status-indicator-green-background-color: var(--b-color-decorative-green);
687
+ --b-status-indicator-blue-background-color: var(--b-color-decorative-blue);
688
+ --b-status-color: var(--b-color-label-primary);
689
+ --b-sidepanel-page-animation-duration: var(--b-animation-duration-moderate);
690
+ --b-sidepanel-page-actions-with-border-border-top: var(--b-border-width-s) solid var(--b-color-outline-primary);
691
+ --b-sidepanel-page-actions-padding: var(--b-spacer-070) var(--b-spacer-090);
692
+ --b-sidepanel-page-actions-color: var(--b-color-label-primary);
693
+ --b-sidepanel-page-actions-background-color: var(--b-color-background-modal);
694
+ --b-sidepanel-page-content-padding: 0 var(--b-spacer-090);
695
+ --b-sidepanel-page-content-color: var(--b-color-label-primary);
696
+ --b-sidepanel-page-header-with-border-border-bottom: var(--b-border-width-s) solid var(--b-color-outline-primary);
697
+ --b-sidepanel-page-header-padding: var(--b-spacer-070) var(--b-spacer-130) var(--b-spacer-070) var(--b-spacer-090);
698
+ --b-sidepanel-page-header-gap: var(--b-spacer-060);
699
+ --b-sidepanel-page-header-color: var(--b-color-label-primary);
700
+ --b-sidepanel-page-header-background-color: var(--b-color-background-modal);
701
+ --b-sidepanel-backdrop-background-color: var(--b-color-support-overlay);
702
+ --b-sidepanel-animation-duration: var(--b-animation-duration-slow);
703
+ --b-sidepanel-close-button-z-index: var(--b-z-index-local-tier-1);
704
+ --b-sidepanel-close-button-right: var(--b-spacer-090);
705
+ --b-sidepanel-border-radius: var(--b-border-radius-l);
706
+ --b-sidepanel-background-color: var(--b-color-background-modal);
707
+ --b-selection-card-subtitle-color: var(--b-color-label-secondary);
708
+ --b-selection-card-icon-background-color: var(--b-color-background-secondary);
709
+ --b-selection-card-description-color: var(--b-color-label-secondary);
710
+ --b-selection-card-container-checked-error-border-color: var(--b-color-outline-critical);
711
+ --b-selection-card-container-checked-readonly-border-color: var(--b-color-outline-selected);
712
+ --b-selection-card-container-checked-disabled-border-color: var(--b-color-outline-selected);
713
+ --b-selection-card-container-checked-focus-border-color: var(--b-color-outline-selected);
714
+ --b-selection-card-container-checked-active-border-color: var(--b-color-outline-selected);
715
+ --b-selection-card-container-checked-hover-border-color: var(--b-color-outline-selected);
716
+ --b-selection-card-container-checked-border-color: var(--b-color-outline-selected);
717
+ --b-selection-card-container-checked-border: var(--b-border-width-attention) solid transparent;
718
+ --b-selection-card-container-error-border-width: var(--b-border-width-attention);
719
+ --b-selection-card-container-error-border-color: var(--b-color-outline-critical);
720
+ --b-selection-card-container-readonly-border-color: var(--b-color-outline-disabled);
721
+ --b-selection-card-container-disabled-border-color: var(--b-color-outline-disabled);
722
+ --b-selection-card-container-focus-border-color: var(--b-color-outline-primary);
723
+ --b-selection-card-container-active-border-color: var(--b-color-outline-primary-active);
724
+ --b-selection-card-container-hover-border-color: var(--b-color-outline-primary-hover);
725
+ --b-selection-card-container-label-container-gap: var(--b-spacer-020);
726
+ --b-selection-card-container-content-gap: var(--b-spacer-060);
727
+ --b-selection-card-container-padding: var(--b-spacer-060) var(--b-spacer-070);
728
+ --b-selection-card-container-gap: var(--b-spacer-060);
729
+ --b-selection-card-container-color: var(--b-color-label-primary);
730
+ --b-selection-card-container-border-radius: var(--b-border-radius-l);
731
+ --b-selection-card-container-border: var(--b-border-width-s) solid var(--b-color-outline-primary);
732
+ --b-selection-card-container-background-color: var(--b-color-background-primary);
733
+ --b-selection-card-group-error-message-margin-top: var(--b-spacer-060);
734
+ --b-selection-card-group-items-gap: var(--b-spacer-040);
735
+ --b-segmented-control-button-label-container-checked-color: var(--b-color-label-primary);
736
+ --b-segmented-control-button-label-container-color: var(--b-color-label-secondary);
737
+ --b-segmented-control-button-hover-background-color: var(--b-color-background-tertiary-hover);
738
+ --b-segmented-control-button-disabled-color: var(--b-color-label-disabled);
739
+ --b-segmented-control-button-checked-padding: var(--b-spacer-020) var(--b-spacer-040);
740
+ --b-segmented-control-button-checked-background-color: var(--b-color-background-primary);
741
+ --b-segmented-control-button-icon-margin-right: var(--b-spacer-040);
742
+ --b-segmented-control-button-padding: var(--b-spacer-020) var(--b-spacer-060);
743
+ --b-segmented-control-button-color: var(--b-color-label-primary);
744
+ --b-segmented-control-button-border-radius: var(--b-border-radius-m);
745
+ --b-segmented-control-padding: var(--b-spacer-020);
746
+ --b-segmented-control-border-radius: var(--b-border-radius-l);
747
+ --b-segmented-control-background-color: var(--b-color-background-tertiary);
748
+ --b-secondary-nav-item-hover-background-color: var(--b-color-background-primary-hover);
749
+ --b-secondary-nav-item-active-background-color: var(--b-color-background-primary-active);
750
+ --b-secondary-nav-item-color: var(--b-color-label-primary);
751
+ --b-secondary-nav-item-margin-top: var(--b-spacer-040);
752
+ --b-secondary-nav-item-border-radius: var(--b-border-radius-m);
753
+ --b-secondary-nav-item-padding: var(--b-spacer-040) var(--b-spacer-050);
754
+ --b-secondary-nav-category-label-color: var(--b-color-label-secondary);
755
+ --b-secondary-nav-category-label-padding: 0 var(--b-spacer-050) var(--b-spacer-020) var(--b-spacer-050);
756
+ --b-secondary-nav-category-margin-bottom: var(--b-spacer-080);
757
+ --b-rich-text-editor-content-area-disabled-background-color: var(--b-color-background-disabled);
758
+ --b-rich-text-editor-content-area-padding: var(--b-spacer-040) var(--b-spacer-060);
759
+ --b-rich-text-editor-renderer-disabled-color: var(--b-color-label-disabled);
760
+ --b-rich-text-editor-renderer-padding: var(--b-spacer-040) var(--b-spacer-060);
761
+ --b-rich-text-editor-toolbar-border-bottom: var(--b-border-width-s) solid var(--b-color-outline-primary);
762
+ --b-rich-text-editor-toolbar-padding: var(--b-spacer-040) var(--b-spacer-060);
763
+ --b-rich-text-editor-container-disabled-color: var(--b-color-label-disabled);
764
+ --b-rich-text-editor-container-disabled-background-color: var(--b-color-background-disabled);
765
+ --b-rich-text-editor-container-disabled-border: var(--b-border-width-s) solid var(--b-color-outline-disabled);
766
+ --b-rich-text-editor-container-error-border: var(--b-border-width-attention) solid var(--b-color-outline-critical);
767
+ --b-rich-text-editor-container-active-border-color: var(--b-color-outline-primary-active);
768
+ --b-rich-text-editor-container-hover-border-color: var(--b-color-outline-primary-active);
769
+ --b-rich-text-editor-container-border: var(--b-border-width-s) solid var(--b-color-outline-tertiary);
770
+ --b-rich-text-editor-container-border-radius: var(--b-border-radius-m);
771
+ --b-rich-text-editor-description-margin-top: var(--b-spacer-040);
772
+ --b-rich-text-editor-description-color: var(--b-color-label-secondary);
773
+ --b-rich-text-editor-error-message-margin-top: var(--b-spacer-040);
774
+ --b-rich-text-editor-color: var(--b-color-label-primary);
775
+ --b-radio-input-knob-readonly-color: var(--b-color-label-primary);
776
+ --b-radio-input-knob-disabled-color: var(--b-color-label-disabled);
777
+ --b-radio-input-knob-transition: transform var(--b-animation-duration-slow) var(--b-animation-easing-enter);
778
+ --b-radio-input-knob-color: var(--b-color-label-inverse-primary);
779
+ --b-radio-input-checked-error-border-color: var(--b-color-outline-critical);
780
+ --b-radio-input-checked-error-background-color: var(--b-color-background-critical-strong);
781
+ --b-radio-input-checked-readonly-border-color: var(--b-color-outline-disabled);
782
+ --b-radio-input-checked-readonly-background-color: var(--b-color-background-disabled);
783
+ --b-radio-input-checked-disabled-border-color: var(--b-color-outline-disabled);
784
+ --b-radio-input-checked-disabled-background-color: var(--b-color-background-disabled);
785
+ --b-radio-input-checked-active-border-color: var(--b-color-background-inverse-primary-active);
786
+ --b-radio-input-checked-active-background-color: var(--b-color-background-inverse-primary-active);
787
+ --b-radio-input-checked-hover-border-color: var(--b-color-background-inverse-primary-hover);
788
+ --b-radio-input-checked-hover-background-color: var(--b-color-background-inverse-primary-hover);
789
+ --b-radio-input-checked-border-color: var(--b-color-background-inverse-primary);
790
+ --b-radio-input-checked-background-color: var(--b-color-background-inverse-primary);
791
+ --b-radio-input-unchecked-error-border: 1.5px solid var(--b-color-outline-critical);
792
+ --b-radio-input-unchecked-error-background-color: var(--b-color-background-critical-strong);
793
+ --b-radio-input-unchecked-readonly-border-color: var(--b-color-outline-disabled);
794
+ --b-radio-input-unchecked-readonly-background-color: var(--b-color-background-disabled);
795
+ --b-radio-input-unchecked-disabled-border-color: var(--b-color-outline-disabled);
796
+ --b-radio-input-unchecked-disabled-background-color: var(--b-color-background-disabled);
797
+ --b-radio-input-unchecked-active-background-color: var(--b-color-background-primary-active);
798
+ --b-radio-input-unchecked-hover-border-color: var(--b-color-outline-tertiary);
799
+ --b-radio-input-unchecked-hover-background-color: var(--b-color-background-primary-hover);
800
+ --b-radio-input-unchecked-border: var(--b-border-width-s) solid var(--b-color-outline-tertiary);
801
+ --b-radio-input-unchecked-background-color: var(--b-color-background-primary);
802
+ --b-radio-input-space-around-increase: var(--b-spacer-020);
803
+ --b-radio-input-border-radius: var(--b-border-radius-l);
804
+ --b-radio-input-offset-top: var(--b-spacer-010);
805
+ --b-radio-group-error-message-margin-top: var(--b-spacer-060);
806
+ --b-radio-group-horizontal-gap: var(--b-spacer-100);
807
+ --b-radio-group-vertical-gap: var(--b-spacer-060);
808
+ --b-radio-button-knob-readonly-color: var(--b-color-label-primary);
809
+ --b-radio-button-knob-disabled-color: var(--b-color-label-disabled);
810
+ --b-radio-button-knob-transition: transform var(--b-animation-duration-slow) var(--b-animation-easing-enter);
811
+ --b-radio-button-knob-color: var(--b-color-label-inverse-primary);
812
+ --b-radio-button-description-disabled-font-color: var(--b-color-label-secondary);
813
+ --b-radio-button-description-font-color: var(--b-color-label-secondary);
814
+ --b-radio-button-content-padding: var(--b-spacer-070) var(--b-spacer-000) var(--b-spacer-040) var(--b-spacer-070);
815
+ --b-radio-button-label-font-color: var(--b-color-label-primary);
816
+ --b-radio-button-label-tag-margin: 0 0 0 var(--b-spacer-040);
817
+ --b-radio-button-primary-label-gap: var(--b-spacer-040);
818
+ --b-radio-button-label-container-row-gap: var(--b-spacer-020);
819
+ --b-radio-button-label-container-padding: var(--b-spacer-070);
820
+ --b-radio-button-checked-error-border-color: var(--b-color-outline-critical);
821
+ --b-radio-button-checked-error-background-color: var(--b-color-background-critical-strong);
822
+ --b-radio-button-checked-readonly-border-color: var(--b-color-outline-disabled);
823
+ --b-radio-button-checked-readonly-background-color: var(--b-color-background-disabled);
824
+ --b-radio-button-checked-disabled-border-color: var(--b-color-outline-disabled);
825
+ --b-radio-button-checked-disabled-background-color: var(--b-color-background-disabled);
826
+ --b-radio-button-checked-active-border-color: var(--b-color-background-inverse-primary-active);
827
+ --b-radio-button-checked-active-background-color: var(--b-color-background-inverse-primary-active);
828
+ --b-radio-button-checked-hover-border-color: var(--b-color-background-inverse-primary-hover);
829
+ --b-radio-button-checked-hover-background-color: var(--b-color-background-inverse-primary-hover);
830
+ --b-radio-button-checked-border-color: var(--b-color-background-inverse-primary);
831
+ --b-radio-button-checked-background-color: var(--b-color-background-inverse-primary);
832
+ --b-radio-button-unchecked-error-border: 1.5px solid var(--b-color-outline-critical);
833
+ --b-radio-button-unchecked-error-background-color: var(--b-color-background-critical-strong);
834
+ --b-radio-button-unchecked-readonly-border-color: var(--b-color-outline-disabled);
835
+ --b-radio-button-unchecked-readonly-background-color: var(--b-color-background-disabled);
836
+ --b-radio-button-unchecked-disabled-border-color: var(--b-color-outline-disabled);
837
+ --b-radio-button-unchecked-disabled-background-color: var(--b-color-background-disabled);
838
+ --b-radio-button-unchecked-active-background-color: var(--b-color-background-primary-active);
839
+ --b-radio-button-unchecked-hover-border-color: var(--b-color-outline-tertiary);
840
+ --b-radio-button-unchecked-hover-background-color: var(--b-color-background-primary-hover);
841
+ --b-radio-button-unchecked-border: var(--b-border-width-s) solid var(--b-color-outline-tertiary);
842
+ --b-radio-button-unchecked-background-color: var(--b-color-background-primary);
843
+ --b-radio-button-space-around-increase: var(--b-spacer-020);
844
+ --b-radio-button-border-radius: var(--b-border-radius-l);
845
+ --b-radio-button-offset-top: var(--b-spacer-010);
846
+ --b-promo-banner-content-actions-gap: var(--b-spacer-040);
847
+ --b-promo-banner-content-header-gap: var(--b-spacer-060);
848
+ --b-promo-banner-content-padding: var(--b-spacer-100);
849
+ --b-promo-banner-content-gap: var(--b-spacer-100);
850
+ --b-promo-banner-background-color-grey: var(--b-color-background-secondary);
851
+ --b-promo-banner-background-color-green: var(--b-color-background-success-weak);
852
+ --b-promo-banner-background-color-blue: var(--b-color-background-highlight-weak);
853
+ --b-promo-banner-color: var(--b-color-label-primary);
854
+ --b-promo-banner-border-radius: var(--b-border-radius-xl);
855
+ --b-popper-z-index: var(--b-z-index-global-elevated);
856
+ --b-popover-animation-duration: var(--b-animation-duration-moderate);
857
+ --b-popover-footer-padding: var(--b-spacer-000) var(--b-spacer-070) var(--b-spacer-060) var(--b-spacer-070);
858
+ --b-popover-image-dismiss-icon-top: var(--b-spacer-070);
859
+ --b-popover-image-dismiss-icon-right: var(--b-spacer-070);
860
+ --b-popover-image-header-padding: var(--b-spacer-070) var(--b-spacer-070) var(--b-spacer-000) var(--b-spacer-070);
861
+ --b-popover-header-title-column-gap: var(--b-spacer-040);
862
+ --b-popover-header-padding: var(--b-spacer-060) var(--b-spacer-070) var(--b-spacer-000) var(--b-spacer-070);
863
+ --b-popover-content-with-title-padding: var(--b-spacer-060) var(--b-spacer-070);
864
+ --b-popover-content-padding: var(--b-spacer-070);
865
+ --b-popover-without-space-padding: var(--b-spacer-000);
866
+ --b-popover-with-divider-content-padding: var(--b-spacer-000);
867
+ --b-popover-with-divider-footer-padding-top: var(--b-spacer-060);
868
+ --b-popover-with-divider-footer-border-top: var(--b-border-width-s) solid var(--b-color-separator-primary);
869
+ --b-popover-with-divider-footer-background-color: var(--b-color-background-modal);
870
+ --b-popover-dismiss-button-on-image-icon-active-color: var(--b-color-label-inverse-primary);
871
+ --b-popover-dismiss-button-on-image-icon-hovered-color: var(--b-color-label-inverse-primary);
872
+ --b-popover-dismiss-button-on-image-icon-color: var(--b-color-label-inverse-primary);
873
+ --b-popover-z-index: var(--b-z-index-global-elevated);
874
+ --b-popover-color: var(--b-color-label-primary);
875
+ --b-popover-box-shadow: var(--b-shadow-medium-border);
876
+ --b-popover-border-radius: var(--b-border-radius-m);
877
+ --b-popover-background-color: var(--b-color-background-modal);
878
+ --b-payment-method-label-padding: 0 0 0 var(--b-spacer-060);
879
+ --b-payment-method-label-color: var(--b-color-label-primary);
880
+ --b-pagination-results-per-page-margin: 0 var(--b-spacer-060) 0 0;
881
+ --b-pagination-page-navigator-small-container-gap: var(--b-spacer-070);
882
+ --b-pagination-divider-margin: 0 var(--b-spacer-070);
883
+ --b-pagination-divider-border-width: var(--b-border-width-s);
884
+ --b-pagination-divider-border-color: var(--b-color-separator-primary);
885
+ --b-pagination-controls-gap: var(--b-spacer-070);
886
+ --b-pagination-context-margin: 0 var(--b-spacer-060);
887
+ --b-pagination-navigation-small-container-gap: var(--b-spacer-050);
888
+ --b-pagination-color: var(--b-color-label-primary);
889
+ --b-modal-animation-duration: var(--b-animation-duration-moderate);
890
+ --b-modal-backdrop-background-color: var(--b-color-support-overlay);
891
+ --b-modal-close-button-z-index: var(--b-z-index-local-tier-1);
892
+ --b-modal-close-button-right: var(--b-spacer-090);
893
+ --b-modal-close-button-height: var(--b-text-title-line-height);
894
+ --b-modal-actions-container-padding: var(--b-spacer-070) var(--b-spacer-090);
895
+ --b-modal-header-container-z-index: var(--b-z-index-local-tier-1);
896
+ --b-modal-header-container-padding-inline: var(--b-spacer-090) var(--b-spacer-130);
897
+ --b-modal-header-min-height: var(--b-text-title-line-height);
898
+ --b-modal-content-padding: var(--b-spacer-070) var(--b-spacer-090);
899
+ --b-modal-container-column-layout-padding: var(--b-spacer-090);
900
+ --b-modal-container-column-layout-border: var(--b-border-width-s) solid var(--b-color-separator-primary);
901
+ --b-modal-container-background-color: var(--b-color-background-modal);
902
+ --b-modal-container-gap: var(--b-spacer-070);
903
+ --b-modal-container-color: var(--b-color-label-primary);
904
+ --b-modal-padding: var(--b-spacer-000);
905
+ --b-modal-border-radius: var(--b-border-radius-l);
906
+ --b-modal-fullscreen-animation-duration: var(--b-animation-duration-moderate);
907
+ --b-modal-fullscreen-close-button-z-index: var(--b-z-index-local-tier-1);
908
+ --b-modal-fullscreen-close-button-padding-inline: var(--b-spacer-090);
909
+ --b-modal-fullscreen-separator-margin-right: var(--b-spacer-110);
910
+ --b-modal-fullscreen-separator-border-left: var(--b-border-width-s) solid var(--b-color-separator-primary);
911
+ --b-modal-fullscreen-header-border-bottom: var(--b-border-width-s) solid var(--b-color-separator-primary);
912
+ --b-modal-fullscreen-header-gap: var(--b-spacer-090);
913
+ --b-modal-fullscreen-header-padding: var(--b-spacer-060) var(--b-spacer-090);
914
+ --b-modal-fullscreen-color: var(--b-color-label-primary);
915
+ --b-modal-fullscreen-background-color: var(--b-color-background-primary);
916
+ --b-menu-submenu-animation-duration: var(--b-animation-duration-moderate);
917
+ --b-menu-submenu-divider-margin-block: var(--b-spacer-040);
918
+ --b-menu-submenu-divider-padding: var(--b-spacer-040);
919
+ --b-menu-submenu-divider-border-inverse: var(--b-border-width-s) solid var(--b-color-separator-inverse-primary);
920
+ --b-menu-submenu-divider-border: var(--b-border-width-s) solid var(--b-color-separator-primary);
921
+ --b-menu-submenu-background-color-inverse: var(--b-color-background-inverse-primary);
922
+ --b-menu-submenu-background-color: var(--b-color-background-modal);
923
+ --b-menu-item-list-divider-margin-block: var(--b-spacer-040);
924
+ --b-menu-item-list-padding: var(--b-spacer-040) var(--b-spacer-000);
925
+ --b-menu-item-list-background-color-inverse: var(--b-color-background-inverse-primary);
926
+ --b-menu-item-list-background-color: var(--b-color-background-modal);
927
+ --b-menu-item-indent-padding-left: var(--b-spacer-120);
928
+ --b-menu-item-icon-right-padding: var(--b-spacer-070);
929
+ --b-menu-item-icon-right-color-inverse: var(--b-color-label-inverse-primary);
930
+ --b-menu-item-icon-right-color: var(--b-color-label-primary);
931
+ --b-menu-item-icon-left-padding: var(--b-spacer-070);
932
+ --b-menu-item-secondary-text-padding-left: var(--b-spacer-070);
933
+ --b-menu-item-secondary-text-color-inverse: var(--b-color-label-inverse-primary);
934
+ --b-menu-item-secondary-text-color: var(--b-color-label-secondary);
935
+ --b-menu-item-hover-critical-color-inverse: var(--b-color-label-inverse-critical-hover);
936
+ --b-menu-item-hover-critical-color: var(--b-color-label-critical-hover);
937
+ --b-menu-item-hover-critical-background-color-inverse: var(--b-color-background-inverse-critical-weak);
938
+ --b-menu-item-hover-critical-background-color: var(--b-color-background-critical-weak);
939
+ --b-menu-item-hover-background-color-inverse: var(--b-color-background-inverse-primary-hover);
940
+ --b-menu-item-hover-background-color: var(--b-color-background-modal-hover);
941
+ --b-menu-item-focus-critical-color-inverse: var(--b-color-label-inverse-critical-active);
942
+ --b-menu-item-focus-critical-color: var(--b-color-label-critical-active);
943
+ --b-menu-item-focus-critical-background-color-inverse: var(--b-color-background-inverse-critical-weak);
944
+ --b-menu-item-focus-critical-background-color: var(--b-color-background-critical-weak);
945
+ --b-menu-item-focus-background-color-inverse: var(--b-color-background-inverse-primary-active);
946
+ --b-menu-item-focus-background-color: var(--b-color-background-modal-active);
947
+ --b-menu-item-disabled-color-inverse: var(--b-color-label-inverse-disabled);
948
+ --b-menu-item-disabled-color: var(--b-color-label-disabled);
949
+ --b-menu-item-critical-color-inverse: var(--b-color-label-inverse-critical);
950
+ --b-menu-item-critical-color: var(--b-color-label-critical);
951
+ --b-menu-item-active-critical-color-inverse: var(--b-color-label-inverse-critical-active);
952
+ --b-menu-item-active-critical-color: var(--b-color-label-critical-active);
953
+ --b-menu-item-active-critical-background-color-inverse: var(--b-color-background-inverse-critical-weak);
954
+ --b-menu-item-active-critical-background-color: var(--b-color-background-critical-weak);
955
+ --b-menu-item-active-background-color-inverse: var(--b-color-background-inverse-primary-active);
956
+ --b-menu-item-active-background-color: var(--b-color-background-modal-active);
957
+ --b-menu-item-padding: var(--b-spacer-040) var(--b-spacer-070);
958
+ --b-menu-item-color-inverse: var(--b-color-label-inverse-primary);
959
+ --b-menu-item-color: var(--b-color-label-primary);
960
+ --b-loading-indicator-inverse-color: var(--b-color-background-primary);
961
+ --b-loading-indicator-inverse-background-color: var(--b-color-background-primary);
962
+ --b-loading-indicator-large-width: var(--b-spacer-120);
963
+ --b-loading-indicator-large-height: var(--b-spacer-120);
964
+ --b-loading-indicator-large-border-width: var(--b-spacer-020);
965
+ --b-loading-indicator-small-width: var(--b-spacer-070);
966
+ --b-loading-indicator-small-height: var(--b-spacer-070);
967
+ --b-loading-indicator-small-border-width: var(--b-spacer-010);
968
+ --b-loading-indicator-width: var(--b-spacer-090);
969
+ --b-loading-indicator-height: var(--b-spacer-090);
970
+ --b-loading-indicator-color: var(--b-color-background-inverse-primary);
971
+ --b-loading-indicator-background-color: var(--b-color-background-inverse-primary);
972
+ --b-loading-button-tertiary-loading-color-inverse: var(--b-color-label-inverse-primary-active);
973
+ --b-loading-button-tertiary-loading-color: var(--b-color-label-primary-active);
974
+ --b-loading-button-secondary-success-disabled-color: var(--b-color-label-disabled);
975
+ --b-loading-button-secondary-success-disabled-border-color: var(--b-color-outline-disabled);
976
+ --b-loading-button-secondary-success-disabled-background-color: var(--b-color-background-primary);
977
+ --b-loading-button-secondary-success-active-border-color: var(--b-color-outline-secondary);
978
+ --b-loading-button-secondary-success-active-background-color: var(--b-color-background-primary-active);
979
+ --b-loading-button-secondary-success-hover-color: var(--b-color-label-primary-hover);
980
+ --b-loading-button-secondary-success-hover-border-color: var(--b-color-outline-secondary);
981
+ --b-loading-button-secondary-success-hover-background-color: var(--b-color-background-primary-hover);
982
+ --b-loading-button-secondary-success-color: var(--b-color-label-primary);
983
+ --b-loading-button-secondary-success-border-color: var(--b-color-outline-secondary);
984
+ --b-loading-button-secondary-success-background-color: var(--b-color-background-primary);
985
+ --b-loading-button-secondary-loading-color-inverse: var(--b-color-label-inverse-primary-active);
986
+ --b-loading-button-secondary-loading-color: var(--b-color-label-primary-active);
987
+ --b-loading-button-secondary-loading-background-color-inverse: var(--b-color-background-inverse-primary-active);
988
+ --b-loading-button-secondary-loading-background-color: var(--b-color-background-primary-active);
989
+ --b-loading-button-primary-success-hover-background-color: var(--b-color-background-inverse-primary-hover);
990
+ --b-loading-button-primary-success-disabled-color: var(--b-color-label-disabled);
991
+ --b-loading-button-primary-success-disabled-background-color: var(--b-color-background-disabled);
992
+ --b-loading-button-primary-success-active-background-color: var(--b-color-background-inverse-primary-active);
993
+ --b-loading-button-primary-success-color: var(--b-color-label-inverse-primary);
994
+ --b-loading-button-primary-success-background-color: var(--b-color-background-inverse-primary);
995
+ --b-loading-button-primary-loading-background-color-inverse: var(--b-color-background-primary-active);
996
+ --b-loading-button-primary-loading-background-color: var(--b-color-background-inverse-primary-active);
997
+ --b-listbox-multi-select-chips-chip-disabled-color: var(--b-color-label-disabled);
998
+ --b-listbox-multi-select-chips-chip-disabled-background: var(--b-color-background-disabled);
999
+ --b-listbox-multi-select-chips-chip-active-background: var(--b-color-background-secondary-active);
1000
+ --b-listbox-multi-select-chips-chip-hover-background: var(--b-color-background-secondary-hover);
1001
+ --b-listbox-multi-select-chips-chip-padding: 0 var(--b-spacer-020);
1002
+ --b-listbox-multi-select-chips-chip-gap: var(--b-spacer-010);
1003
+ --b-listbox-multi-select-chips-chip-border-radius: var(--b-border-radius-s);
1004
+ --b-listbox-multi-select-chips-chip-background: var(--b-color-background-secondary);
1005
+ --b-listbox-multi-select-chips-padding: 0 var(--b-spacer-070);
1006
+ --b-listbox-multi-select-chips-gap: var(--b-spacer-030);
1007
+ --b-listbox-multi-select-category-option-gap: var(--b-spacer-070);
1008
+ --b-listbox-multi-select-category-static-category-label-text-color: var(--b-color-label-secondary);
1009
+ --b-listbox-multi-select-category-static-category-gap: var(--b-spacer-070);
1010
+ --b-listbox-multi-select-category-disabled-label-text-color: var(--b-color-label-disabled);
1011
+ --b-listbox-multi-select-options-static-category-option-padding-left: var(--b-spacer-070);
1012
+ --b-listbox-multi-select-options-category-option-padding-left: var(--b-spacer-100);
1013
+ --b-listbox-multi-select-options-gap: var(--b-spacer-070);
1014
+ --b-listbox-multi-select-divider-margin: var(--b-spacer-040) var(--b-spacer-000);
1015
+ --b-listbox-multi-select-divider-background-color: var(--b-color-separator-primary);
1016
+ --b-listbox-single-select-category-label-text-color: var(--b-color-label-secondary);
1017
+ --b-listbox-single-select-category-label-text-padding: var(--b-spacer-040) var(--b-spacer-070);
1018
+ --b-listbox-single-select-category-margin-bottom: var(--b-spacer-070);
1019
+ --b-listbox-single-select-check-icon-margin: var(--b-spacer-070);
1020
+ --b-listbox-option-tag-label-padding: 0 0 0 var(--b-spacer-040);
1021
+ --b-listbox-option-tag-label-color: var(--b-color-label-primary);
1022
+ --b-listbox-option-description-margin-top: var(--b-spacer-020);
1023
+ --b-listbox-option-description-color: var(--b-color-label-secondary);
1024
+ --b-listbox-option-selected-description-color: var(--b-color-label-secondary);
1025
+ --b-listbox-option-hover-background-color: var(--b-color-background-modal-hover);
1026
+ --b-listbox-option-focus-background-color: var(--b-color-background-modal-active);
1027
+ --b-listbox-option-disabled-font-color: var(--b-color-label-disabled);
1028
+ --b-listbox-option-active-background-color: var(--b-color-background-modal-active);
1029
+ --b-listbox-option-padding: var(--b-spacer-040) var(--b-spacer-070);
1030
+ --b-listbox-lazy-load-margin: var(--b-spacer-040) 0;
1031
+ --b-listbox-empty-search-message-padding: var(--b-spacer-040) var(--b-spacer-070);
1032
+ --b-listbox-empty-search-message-color: var(--b-color-label-secondary);
1033
+ --b-listbox-padding: var(--b-spacer-040) 0;
1034
+ --b-listbox-color: var(--b-color-label-primary);
1035
+ --b-listbox-background-color: var(--b-color-background-modal);
1036
+ --b-link-data-grid-active-color: var(--b-color-link-primary);
1037
+ --b-link-data-grid-hover-color: var(--b-color-link-primary);
1038
+ --b-link-data-grid-text-decoration-color: var(--b-color-outline-secondary);
1039
+ --b-link-data-grid-color: var(--b-color-link-primary);
1040
+ --b-link-quiet-active-color: var(--b-color-link-quiet-active);
1041
+ --b-link-quiet-hover-color: var(--b-color-link-quiet-hover);
1042
+ --b-link-quiet-color: var(--b-color-link-quiet);
1043
+ --b-link-visited-active-color: var(--b-color-link-primary-visited-active);
1044
+ --b-link-visited-hover-color: var(--b-color-link-primary-visited-hover);
1045
+ --b-link-visited-color: var(--b-color-link-primary-visited);
1046
+ --b-link-active-color: var(--b-color-link-primary-active);
1047
+ --b-link-hover-color: var(--b-color-link-primary-hover);
1048
+ --b-link-external-link-padding: 0 0 0 var(--b-spacer-020);
1049
+ --b-link-color: var(--b-color-link-primary);
1050
+ --b-link-border-radius: var(--b-border-radius-xs);
1051
+ --b-layout-row-column-wrapper-l-and-up-column-gap: var(--b-spacer-090);
1052
+ --b-layout-l-and-up-padding: var(--b-spacer-080) var(--b-spacer-090);
1053
+ --b-layout-l-and-up-column-gap: var(--b-spacer-090);
1054
+ --b-layout-s-and-up-padding: var(--b-spacer-070) var(--b-spacer-080);
1055
+ --b-layout-padding: var(--b-spacer-070);
1056
+ --b-inspector-animation-leave-active-easing: var(--b-animation-easing-exit);
1057
+ --b-inspector-animation-enter-active-easing: var(--b-animation-easing-enter);
1058
+ --b-inspector-animation-duration: var(--b-animation-duration-slow);
1059
+ --b-inspector-return-content-right: var(--b-spacer-040);
1060
+ --b-inspector-icons-gap: var(--b-spacer-050);
1061
+ --b-inspector-header-gap: var(--b-spacer-060);
1062
+ --b-inspector-header-padding-bottom: var(--b-spacer-070);
1063
+ --b-inspector-header-color: var(--b-color-label-primary);
1064
+ --b-inspector-container-padding: var(--b-spacer-070) var(--b-spacer-090);
1065
+ --b-inspector-container-wrapper-box-shadow: var(--b-shadow-medium);
1066
+ --b-inspector-container-wrapper-border-left: 1px solid var(--b-color-separator-secondary);
1067
+ --b-inspector-container-wrapper-z-index: var(--b-z-index-global-elevated);
1068
+ --b-inspector-container-wrapper-background-color: var(--b-color-background-primary);
1069
+ --b-input-field-error-message-margin-top: var(--b-spacer-040);
1070
+ --b-input-field-description-padding: var(--b-spacer-000);
1071
+ --b-input-field-description-margin-top: var(--b-spacer-040);
1072
+ --b-input-field-description-color: var(--b-color-label-secondary);
1073
+ --b-input-field-dropdown-start-condensed-padding-left: var(--b-spacer-050);
1074
+ --b-input-field-dropdown-start-condensed-margin-left: var(--b-spacer-020);
1075
+ --b-input-field-dropdown-start-margin-left: var(--b-spacer-020);
1076
+ --b-input-field-dropdown-small-textbox-condensed-padding: 0 var(--b-spacer-030);
1077
+ --b-input-field-dropdown-end-condensed-padding-left: var(--b-spacer-050);
1078
+ --b-input-field-dropdown-end-condensed-margin-right: var(--b-spacer-080);
1079
+ --b-input-field-dropdown-end-margin-right: var(--b-spacer-020);
1080
+ --b-input-field-dropdown-padding-right: var(--b-spacer-060);
1081
+ --b-input-field-dropdown-border-radius: var(--b-border-radius-s);
1082
+ --b-input-field-payment-method-condensed-margin-right: var(--b-spacer-050);
1083
+ --b-input-field-payment-method-condensed-margin-left: var(--b-spacer-030);
1084
+ --b-input-field-payment-method-margin-left: var(--b-spacer-030);
1085
+ --b-input-field-payment-method-margin-right: var(--b-spacer-060);
1086
+ --b-input-field-static-value-start-condensed-margin-right: var(--b-spacer-050);
1087
+ --b-input-field-static-value-start-condensed-margin-left: var(--b-spacer-020);
1088
+ --b-input-field-static-value-start-margin-left: var(--b-spacer-020);
1089
+ --b-input-field-static-value-end-condensed-margin-right: var(--b-spacer-020);
1090
+ --b-input-field-static-value-end-condensed-margin-left: var(--b-spacer-050);
1091
+ --b-input-field-static-value-end-margin-right: var(--b-spacer-020);
1092
+ --b-input-field-static-value-disabled-color: var(--b-color-label-disabled);
1093
+ --b-input-field-static-value-disabled-background-color: var(--b-color-background-disabled);
1094
+ --b-input-field-static-value-border-radius: var(--b-border-radius-s);
1095
+ --b-input-field-static-value-padding: var(--b-spacer-020) var(--b-spacer-030);
1096
+ --b-input-field-static-value-margin: var(--b-spacer-060);
1097
+ --b-input-field-static-value-color: var(--b-color-label-primary);
1098
+ --b-input-field-static-value-background-color: var(--b-color-background-secondary);
1099
+ --b-input-field-hint-margin-right: var(--b-spacer-060);
1100
+ --b-input-field-hint-color: var(--b-color-label-secondary);
1101
+ --b-input-field-icons-color: var(--b-color-label-disabled);
1102
+ --b-input-field-icon-before-condensed-margin-right: var(--b-spacer-050);
1103
+ --b-input-field-icon-before-condensed-margin-left: var(--b-spacer-050);
1104
+ --b-input-field-icon-before-margin-right: var(--b-spacer-060);
1105
+ --b-input-field-icon-before-margin-left: var(--b-spacer-060);
1106
+ --b-input-field-icon-after-condensed-margin-right: var(--b-spacer-050);
1107
+ --b-input-field-icon-after-condensed-margin-left: var(--b-spacer-050);
1108
+ --b-input-field-icon-after-margin-right: var(--b-spacer-060);
1109
+ --b-input-field-icon-after-margin-left: var(--b-spacer-060);
1110
+ --b-input-field-input-disabled-color: var(--b-color-label-disabled);
1111
+ --b-input-field-input-disabled-background-color: var(--b-color-background-disabled);
1112
+ --b-input-field-input-placeholder-color: var(--b-color-label-secondary);
1113
+ --b-input-field-input-condensed-margin: var(--b-spacer-020) var(--b-spacer-050);
1114
+ --b-input-field-input-font-size: var(--b-text-body-font-size);
1115
+ --b-input-field-input-padding: var(--b-spacer-000);
1116
+ --b-input-field-input-margin: var(--b-spacer-040) var(--b-spacer-060);
1117
+ --b-input-field-input-color: var(--b-color-label-primary);
1118
+ --b-input-field-input-box-small-padding-right: var(--b-spacer-030) 3px var(--b-spacer-030) var(--b-spacer-060);
1119
+ --b-input-field-input-box-small-padding-left: var(--b-spacer-030) var(--b-spacer-060) var(--b-spacer-030) 3px;
1120
+ --b-input-field-input-box-focus-outline: 0.5px solid var(--b-color-outline-tertiary-active);
1121
+ --b-input-field-input-box-focus-border-color: var(--b-color-outline-tertiary-active);
1122
+ --b-input-field-input-box-error-outline: 0.5px solid var(--b-color-outline-critical);
1123
+ --b-input-field-input-box-error-border-color: var(--b-color-outline-critical);
1124
+ --b-input-field-input-box-error-border: 1.5px solid var(--b-color-outline-critical);
1125
+ --b-input-field-input-box-disabled-border-color: var(--b-color-outline-disabled);
1126
+ --b-input-field-input-box-disabled-background-color: var(--b-color-background-disabled);
1127
+ --b-input-field-input-box-condensed-with-payment-method-padding-left: var(--b-spacer-030);
1128
+ --b-input-field-input-box-condensed-padding: var(--b-spacer-020) var(--b-spacer-050);
1129
+ --b-input-field-input-box-hover-border-color: var(--b-color-outline-tertiary-active);
1130
+ --b-input-field-input-box-padding: var(--b-spacer-030) var(--b-spacer-060);
1131
+ --b-input-field-input-box-border-radius: var(--b-border-radius-m);
1132
+ --b-input-field-input-box-border-color: var(--b-color-outline-tertiary);
1133
+ --b-input-field-input-box-color: var(--b-color-label-primary);
1134
+ --b-input-field-input-box-background-color: var(--b-color-background-primary);
1135
+ --b-input-field-label-requirement-color: var(--b-color-label-secondary);
1136
+ --b-input-field-label-margin-bottom: var(--b-spacer-040);
1137
+ --b-input-field-label-color: var(--b-color-label-primary);
1138
+ --b-input-field-password-validation-list-valid-icon-color: var(--b-color-label-success);
1139
+ --b-input-field-password-validation-list-invalid-color: var(--b-color-label-secondary);
1140
+ --b-input-field-password-validation-list-margin: var(--b-spacer-060);
1141
+ --b-input-field-password-validation-list-text-margin-left: var(--b-spacer-040);
1142
+ --b-input-field-password-validation-list-gap: var(--b-spacer-060);
1143
+ --b-info-icon-color: var(--b-color-label-primary);
1144
+ --b-highlight-extra-padding-inset: calc(0px - var(--b-spacer-030)) calc(0px - var(--b-spacer-040));
1145
+ --b-highlight-rounded-border-radius: var(--b-border-radius-m);
1146
+ --b-header-component-title-margin-top: var(--b-spacer-020);
1147
+ --b-header-actions-margin-top: var(--b-spacer-070);
1148
+ --b-header-timestamp-margin-block: var(--b-spacer-020);
1149
+ --b-header-timestamp-gap: var(--b-spacer-060);
1150
+ --b-header-timestamp-color: var(--b-color-label-secondary);
1151
+ --b-header-description-color: var(--b-color-label-secondary);
1152
+ --b-header-info-icon-margin-top: var(--b-spacer-020);
1153
+ --b-header-info-icon-margin-left: var(--b-spacer-050);
1154
+ --b-header-title-margin-top: var(--b-spacer-010);
1155
+ --b-header-title-color: var(--b-color-label-primary);
1156
+ --b-header-wrapper-gap: var(--b-spacer-110);
1157
+ --b-header-with-views-edit-form-title-gap: var(--b-spacer-030);
1158
+ --b-header-with-views-edit-form-icon-panel-padding: var(--b-spacer-020);
1159
+ --b-header-with-views-edit-form-icon-panel-gap: var(--b-spacer-040);
1160
+ --b-header-with-views-edit-form-icon-selector-gap: var(--b-spacer-050);
1161
+ --b-header-with-views-edit-form-icon-options-button-border-selected: var(--b-border-width-s) solid var(--b-color-outline-primary-active);
1162
+ --b-header-with-views-edit-form-icon-options-button-border-radius: var(--b-border-radius-s);
1163
+ --b-header-with-views-edit-form-icon-options-button-border-hover: var(--b-border-width-s) solid var(--b-color-outline-primary-hover);
1164
+ --b-header-with-views-edit-form-icon-color-options-gap: var(--b-spacer-020);
1165
+ --b-header-with-views-edit-form-icon-color-options-button-padding: var(--b-spacer-010);
1166
+ --b-header-with-views-edit-form-icon-color-options-button-border-radius: var(--b-border-radius-xl);
1167
+ --b-header-with-views-edit-form-additional-config-margin-top: var(--b-spacer-080);
1168
+ --b-header-with-views-edit-form-actions-margin-top: var(--b-spacer-060);
1169
+ --b-header-with-views-edit-form-gap: var(--b-spacer-080);
1170
+ --b-header-with-views-all-views-popover-menu-item-button-select-margin: var(--b-spacer-070);
1171
+ --b-header-with-views-all-views-popover-menu-item-button-reorder-margin: var(--b-spacer-050);
1172
+ --b-header-with-views-all-views-popover-menu-item-button-reorder-color: var(--b-color-label-tertiary);
1173
+ --b-header-with-views-all-views-popover-menu-item-button-gap: var(--b-spacer-030);
1174
+ --b-header-with-views-all-views-popover-menu-item-padding: var(--b-spacer-040) var(--b-spacer-070);
1175
+ --b-header-with-views-all-views-popover-menu-item-hover-background-color: var(--b-color-background-modal-hover);
1176
+ --b-header-with-views-all-views-popover-menu-item-focus-background-color: var(--b-color-background-modal-active);
1177
+ --b-header-with-views-all-views-popover-menu-item-dragging-box-shadow: var(--b-shadow-medium);
1178
+ --b-header-with-views-all-views-popover-menu-item-dragging-background-color: var(--b-color-background-selected);
1179
+ --b-header-with-views-all-views-popover-menu-item-active-background-color: var(--b-color-background-modal-active);
1180
+ --b-header-with-views-all-views-popover-padding: var(--b-spacer-040) var(--b-spacer-000);
1181
+ --b-header-with-views-modal-description-gap: var(--b-spacer-070);
1182
+ --b-header-with-views-bar-tab-icon-yellow: var(--b-color-decorative-yellow);
1183
+ --b-header-with-views-bar-tab-icon-red: var(--b-color-decorative-red);
1184
+ --b-header-with-views-bar-tab-icon-primary: var(--b-color-outline-primary-active);
1185
+ --b-header-with-views-bar-tab-icon-orange: var(--b-color-decorative-orange);
1186
+ --b-header-with-views-bar-tab-icon-green: var(--b-color-decorative-green);
1187
+ --b-header-with-views-bar-tab-icon-blue: var(--b-color-decorative-blue);
1188
+ --b-header-with-views-bar-tab-button-unsaved-color: var(--b-color-background-highlight-strong);
1189
+ --b-header-with-views-bar-tab-button-menu-right: var(--b-spacer-040);
1190
+ --b-header-with-views-bar-tab-button-menu-button-padding: var(--b-spacer-030);
1191
+ --b-header-with-views-bar-tab-button-menu-background: linear-gradient(90deg, rgba(247, 247, 248, 0.00) 0%, var(--b-color-background-primary-hover) 45%);
1192
+ --b-header-with-views-bar-tab-button-gap: var(--b-spacer-040);
1193
+ --b-header-with-views-bar-tab-button-background-color-active: var(--b-color-background-primary-active);
1194
+ --b-header-with-views-bar-tab-padding-inline: var(--b-border-width-l) var(--b-spacer-040);
1195
+ --b-header-with-views-bar-padding: var(--b-spacer-030) 0;
1196
+ --b-header-with-views-bar-gap: var(--b-spacer-020);
1197
+ --b-header-with-views-title-gap: var(--b-spacer-030);
1198
+ --b-header-with-views-padding-inline: var(--b-spacer-070);
1199
+ --b-header-with-views-gap: var(--b-spacer-050);
1200
+ --b-header-meta-timestamp-title-margin-top: var(--b-spacer-020);
1201
+ --b-header-meta-timestamp-margin-block: var(--b-spacer-020);
1202
+ --b-header-meta-timestamp-gap: var(--b-spacer-060);
1203
+ --b-header-meta-timestamp-color: var(--b-color-label-secondary);
1204
+ --b-header-meta-description-color: var(--b-color-label-secondary);
1205
+ --b-header-meta-container-margin-top: var(--b-spacer-020);
1206
+ --b-header-meta-container-gap: var(--b-spacer-020);
1207
+ --b-form-layout-title-subsection-margin-top: var(--b-spacer-080);
1208
+ --b-form-layout-title-description-color: var(--b-color-label-secondary);
1209
+ --b-form-layout-title-color: var(--b-color-label-primary);
1210
+ --b-form-layout-group-s-and-up-column-gap: var(--b-spacer-050);
1211
+ --b-form-layout-group-gap: var(--b-spacer-080);
1212
+ --b-form-layout-field-tip-gap: var(--b-spacer-060);
1213
+ --b-form-layout-error-message-margin-bottom: var(--b-spacer-080);
1214
+ --b-form-layout-actions-container-margin-top: var(--b-spacer-080);
1215
+ --b-form-layout-actions-gap: var(--b-spacer-040);
1216
+ --b-form-layout-gap: var(--b-spacer-080);
1217
+ --b-footer-actions-wrapper-row-gap: var(--b-spacer-040);
1218
+ --b-fixed-scroller-side-spacing-padding-bottom: var(--b-spacer-020);
1219
+ --b-fixed-scroller-right-padding-left: var(--b-spacer-080);
1220
+ --b-fixed-scroller-right-background: linear-gradient(270deg, var(--b-color-background-primary) 75%, rgba(255, 255, 255, 0) 100%);
1221
+ --b-fixed-scroller-left-padding-right: var(--b-spacer-080);
1222
+ --b-fixed-scroller-left-background: linear-gradient(90deg, var(--b-color-background-primary) 75%, rgba(255, 255, 255, 0) 100%);
1223
+ --b-fixed-scroller-content-transition: transform var(--b-animation-duration-slow) var(--b-animation-easing-standard);
1224
+ --b-fixed-scroller-button-margin-top: var(--b-spacer-020);
1225
+ --b-filter-button-modal-open-background-color: var(--b-color-background-modal-active);
1226
+ --b-filter-button-modal-hover-color: var(--b-color-label-primary);
1227
+ --b-filter-button-modal-hover-background-color: var(--b-color-background-modal-hover);
1228
+ --b-filter-button-modal-focus-background-color: var(--b-color-background-primary-active);
1229
+ --b-filter-button-modal-counter-focus-background-color: var(--b-color-background-tertiary-active);
1230
+ --b-filter-button-modal-background-color: var(--b-color-background-modal);
1231
+ --b-filter-button-hover-text-color: var(--b-color-label-primary-hover);
1232
+ --b-filter-button-hover-background-color: var(--b-color-background-primary-hover);
1233
+ --b-filter-button-counter-hover-background-color: var(--b-color-background-tertiary-hover);
1234
+ --b-filter-button-counter-disabled-font-color: var(--b-color-label-inverse-disabled);
1235
+ --b-filter-button-counter-disabled-background-color: var(--b-color-background-inverse-disabled);
1236
+ --b-filter-button-counter-open-background-color: var(--b-color-background-tertiary-active);
1237
+ --b-filter-button-counter-active-background-color: var(--b-color-background-tertiary-active);
1238
+ --b-filter-button-counter-padding: var(--b-spacer-020) var(--b-spacer-030);
1239
+ --b-filter-button-counter-font-color: var(--b-color-label-inverse-primary);
1240
+ --b-filter-button-counter-border-radius: var(--b-border-radius-s);
1241
+ --b-filter-button-counter-background-color: var(--b-color-background-inverse-primary);
1242
+ --b-filter-button-disabled-font-color: var(--b-color-label-disabled);
1243
+ --b-filter-button-disabled-background-color: var(--b-color-background-primary);
1244
+ --b-filter-button-default-container-gap: var(--b-spacer-070);
1245
+ --b-filter-button-active-background-color: var(--b-color-background-primary-active);
1246
+ --b-filter-button-padding: var(--b-spacer-030) var(--b-spacer-070);
1247
+ --b-filter-button-font-color: var(--b-color-label-primary);
1248
+ --b-filter-button-background-color: var(--b-color-background-primary);
1249
+ --b-filter-bar-all-filters-modal-search-bar-padding: var(--b-spacer-000) var(--b-spacer-070);
1250
+ --b-filter-bar-all-filters-modal-clear-button-padding-bottom: var(--b-spacer-040);
1251
+ --b-filter-bar-all-filters-modal-content-padding: var(--b-spacer-000);
1252
+ --b-filter-bar-all-filters-modal-content-text-margin-bottom: var(--b-spacer-100);
1253
+ --b-filter-bar-all-filters-modal-content-text-gap: var(--b-spacer-030);
1254
+ --b-filter-bar-all-filters-modal-selected-filter-content-padding: var(--b-spacer-040) var(--b-spacer-100) var(--b-spacer-040) var(--b-spacer-040);
1255
+ --b-filter-bar-all-filters-modal-filters-list-title-padding: var(--b-spacer-000) var(--b-spacer-070);
1256
+ --b-filter-bar-all-filters-modal-filters-list-title-color: var(--b-color-label-secondary);
1257
+ --b-filter-bar-all-filters-modal-filters-list-empty-search-message-padding: var(--b-spacer-000) var(--b-spacer-070);
1258
+ --b-filter-bar-all-filters-modal-filters-list-empty-search-message-color: var(--b-color-label-secondary);
1259
+ --b-filter-bar-all-filters-modal-filters-list-padding: var(--b-spacer-000);
1260
+ --b-filter-bar-all-filters-modal-filters-list-margin: var(--b-spacer-000);
1261
+ --b-filter-bar-all-filters-modal-filters-list-gap: var(--b-spacer-030);
1262
+ --b-filter-bar-all-filters-modal-filters-gap: var(--b-spacer-090);
1263
+ --b-filter-bar-date-range-filter-divider-margin: var(--b-spacer-060) 0;
1264
+ --b-filter-bar-date-range-filter-actions-padding: 0 var(--b-spacer-070) var(--b-spacer-060) var(--b-spacer-070);
1265
+ --b-filter-bar-date-filter-divider-margin-top: var(--b-spacer-060);
1266
+ --b-filter-bar-date-filter-padding: var(--b-spacer-070) var(--b-spacer-060) var(--b-spacer-070);
1267
+ --b-filter-bar-select-filter-button-search-bar-wrapper-margin-top: var(--b-spacer-060);
1268
+ --b-filter-bar-select-filter-button-search-bar-padding: var(--b-spacer-000) var(--b-spacer-070) var(--b-spacer-000);
1269
+ --b-filter-bar-select-filter-button-divider-margin: var(--b-spacer-040) var(--b-spacer-000) var(--b-spacer-000);
1270
+ --b-filter-bar-select-filter-button-divider-background-color: var(--b-color-separator-primary);
1271
+ --b-filter-bar-select-filter-search-bar-padding: var(--b-spacer-060) var(--b-spacer-070) var(--b-spacer-000);
1272
+ --b-filter-bar-select-filter-divider-margin: var(--b-spacer-040) var(--b-spacer-000) var(--b-spacer-000);
1273
+ --b-filter-bar-select-filter-divider-background-color: var(--b-color-separator-primary);
1274
+ --b-filter-bar-range-filter-item-padding: var(--b-spacer-060);
1275
+ --b-filter-bar-range-filter-only-slot-padding: var(--b-spacer-000);
1276
+ --b-filter-bar-range-filter-padding: var(--b-spacer-060) var(--b-spacer-070);
1277
+ --b-filter-bar-radio-group-filter-only-slot-padding: var(--b-spacer-000);
1278
+ --b-filter-bar-radio-group-filter-padding: var(--b-spacer-060) var(--b-spacer-070);
1279
+ --b-filter-bar-checkbox-group-filter-only-slot-padding: var(--b-spacer-000);
1280
+ --b-filter-bar-checkbox-group-filter-padding: var(--b-spacer-060) var(--b-spacer-070);
1281
+ --b-filter-bar-boolean-filter-only-slot-padding: var(--b-spacer-000);
1282
+ --b-filter-bar-boolean-filter-padding: var(--b-spacer-060) var(--b-spacer-070);
1283
+ --b-filter-bar-input-with-dropdown-filter-only-slot-padding: var(--b-spacer-000);
1284
+ --b-filter-bar-input-with-dropdown-filter-padding: var(--b-spacer-060) var(--b-spacer-070);
1285
+ --b-filter-bar-input-filter-only-slot-padding: var(--b-spacer-000);
1286
+ --b-filter-bar-input-filter-padding: var(--b-spacer-060) var(--b-spacer-070);
1287
+ --b-filter-bar-filters-wrapper-padding-right: var(--b-spacer-070);
1288
+ --b-filter-bar-filters-wrapper-gap: var(--b-spacer-040);
1289
+ --b-filter-bar-scroller-content-gap: var(--b-spacer-040);
1290
+ --b-filter-bar-filters-container-gap: var(--b-spacer-040);
1291
+ --b-filter-bar-container-gap: var(--b-spacer-040);
1292
+ --b-filter-bar-before-filters-gap: var(--b-spacer-040);
1293
+ --b-filter-bar-actions-gap: var(--b-spacer-040);
1294
+ --b-filter-bar-filters-gap: var(--b-spacer-040);
1295
+ --b-filter-bar-search-external-container-margin-bottom: var(--b-spacer-040);
1296
+ --b-filter-bar-persistent-filters-padding-right: var(--b-spacer-040);
1297
+ --b-filter-bar-persistent-filters-border-color: var(--b-color-outline-secondary);
1298
+ --b-filter-bar-z-index: var(--b-z-index-global-elevated);
1299
+ --b-filter-bar-padding-right: var(--b-spacer-070);
1300
+ --b-filter-bar-gap: var(--b-spacer-040);
1301
+ --b-filter-bar-button-secondary-label-color: var(--b-color-label-primary);
1302
+ --b-filter-bar-button-label-container-gap: var(--b-spacer-020);
1303
+ --b-filter-bar-button-hover-color: var(--b-color-label-secondary);
1304
+ --b-filter-bar-button-hover-background-color: var(--b-color-background-primary-hover);
1305
+ --b-filter-bar-button-filter-open-border: var(--b-border-width-s) solid var(--b-color-outline-secondary-active);
1306
+ --b-filter-bar-button-filter-open-background-color: var(--b-color-background-primary-active);
1307
+ --b-filter-bar-button-counter-filter-open-background-color: var(--b-color-background-tertiary-active);
1308
+ --b-filter-bar-button-counter-filter-open-color: var(--b-color-label-primary);
1309
+ --b-filter-bar-button-counter-hover-background-color: var(--b-color-background-inverse-primary);
1310
+ --b-filter-bar-button-counter-hover-color: var(--b-color-label-inverse-primary);
1311
+ --b-filter-bar-button-counter-disabled-color: var(--b-color-label-inverse-disabled);
1312
+ --b-filter-bar-button-counter-disabled-background-color: var(--b-color-background-inverse-disabled);
1313
+ --b-filter-bar-button-counter-padding: 0 var(--b-spacer-020);
1314
+ --b-filter-bar-button-counter-margin-right: var(--b-spacer-020);
1315
+ --b-filter-bar-button-counter-color: var(--b-color-label-inverse-primary);
1316
+ --b-filter-bar-button-counter-border-radius: var(--b-border-radius-s);
1317
+ --b-filter-bar-button-counter-background-color: var(--b-color-background-inverse-primary);
1318
+ --b-filter-bar-button-container-padding: var(--b-spacer-020) var(--b-spacer-050);
1319
+ --b-filter-bar-button-container-gap: var(--b-spacer-040);
1320
+ --b-filter-bar-button-with-secondary-label-container-padding-right: var(--b-spacer-050);
1321
+ --b-filter-bar-button-with-counter-container-padding-right: var(--b-spacer-020);
1322
+ --b-filter-bar-button-with-counter-padding-right: var(--b-spacer-020);
1323
+ --b-filter-bar-button-disabled-color: var(--b-color-label-disabled);
1324
+ --b-filter-bar-button-disabled-background-color: var(--b-color-background-primary);
1325
+ --b-filter-bar-button-applied-filter-open-color: var(--b-color-label-inverse-primary);
1326
+ --b-filter-bar-button-applied-filter-open-border: var(--b-border-width-s) solid var(--b-color-background-inverse-secondary-active);
1327
+ --b-filter-bar-button-applied-filter-open-background-color: var(--b-color-background-inverse-secondary-active);
1328
+ --b-filter-bar-button-applied-disabled-color: var(--b-color-label-inverse-disabled);
1329
+ --b-filter-bar-button-applied-disabled-border: var(--b-border-width-s) solid var(--b-color-background-inverse-disabled);
1330
+ --b-filter-bar-button-applied-disabled-background-color: var(--b-color-background-inverse-disabled);
1331
+ --b-filter-bar-button-applied-hover-color: var(--b-color-label-inverse-primary);
1332
+ --b-filter-bar-button-applied-hover-border: var(--b-border-width-s) solid var(--b-color-background-inverse-secondary-hover);
1333
+ --b-filter-bar-button-applied-hover-background-color: var(--b-color-background-inverse-secondary-hover);
1334
+ --b-filter-bar-button-applied-color: var(--b-color-label-inverse-primary);
1335
+ --b-filter-bar-button-applied-border: var(--b-border-width-s) solid var(--b-color-background-inverse-secondary);
1336
+ --b-filter-bar-button-applied-background-color: var(--b-color-background-inverse-secondary);
1337
+ --b-filter-bar-button-attention-outline: 0.5px solid var(--b-color-outline-secondary-active);
1338
+ --b-filter-bar-button-attention-border: var(--b-border-width-s) solid var(--b-color-outline-secondary-active);
1339
+ --b-filter-bar-button-active-border: var(--b-border-width-s) solid var(--b-color-outline-secondary-active);
1340
+ --b-filter-bar-button-icon-only-padding: var(--b-spacer-020);
1341
+ --b-filter-bar-button-padding: var(--b-spacer-020) var(--b-spacer-050);
1342
+ --b-filter-bar-button-color: var(--b-color-label-primary);
1343
+ --b-filter-bar-button-border-radius: var(--b-border-radius-m);
1344
+ --b-filter-bar-button-border: var(--b-border-width-s) solid var(--b-color-outline-secondary);
1345
+ --b-filter-bar-button-background-color: var(--b-color-background-primary);
1346
+ --b-filter-bar-button-group-button-active-border: calc(var(--b-border-width-s) / 2) solid var(--b-color-outline-inverse-primary-active);
1347
+ --b-filter-bar-button-group-button-hover-border: calc(var(--b-border-width-s) / 2) solid var(--b-color-outline-inverse-primary-hover);
1348
+ --b-filter-bar-button-group-button-padding: var(--b-spacer-020);
1349
+ --b-filter-bar-button-group-button-border: calc(var(--b-border-width-s) / 2) solid var(--b-color-outline-inverse-primary);
1350
+ --b-file-uploader-restrictions-error-color: var(--b-color-label-critical);
1351
+ --b-file-uploader-restrictions-disabled-color: var(--b-color-label-disabled);
1352
+ --b-file-uploader-restrictions-margin-top: var(--b-spacer-020);
1353
+ --b-file-uploader-restrictions-color: var(--b-color-label-secondary);
1354
+ --b-file-uploader-file-card-icon-orange-color: var(--b-color-decorative-orange);
1355
+ --b-file-uploader-file-card-icon-grey-color: var(--b-color-label-secondary);
1356
+ --b-file-uploader-file-card-icon-green-color: var(--b-color-decorative-green);
1357
+ --b-file-uploader-file-card-icon-error-color: var(--b-color-label-critical);
1358
+ --b-file-uploader-file-card-icon-blue-color: var(--b-color-decorative-orange);
1359
+ --b-file-uploader-file-card-info-gap: var(--b-spacer-040);
1360
+ --b-file-uploader-file-card-error-message-margin-top: var(--b-spacer-020);
1361
+ --b-file-uploader-file-card-error-message-color: var(--b-color-label-critical);
1362
+ --b-file-uploader-file-card-error-background-color: var(--b-color-background-critical-weak);
1363
+ --b-file-uploader-file-card-animation-transition: var(--b-animation-duration-moderate) var(--b-animation-easing-standard);
1364
+ --b-file-uploader-file-card-actions-gap: var(--b-spacer-090);
1365
+ --b-file-uploader-file-card-padding: var(--b-spacer-040) var(--b-spacer-060);
1366
+ --b-file-uploader-file-card-gap: var(--b-spacer-040);
1367
+ --b-file-uploader-file-card-border-radius: var(--b-border-radius-m);
1368
+ --b-file-uploader-file-card-background-color: var(--b-color-background-secondary);
1369
+ --b-file-uploader-title-margin-top: var(--b-spacer-060);
1370
+ --b-file-uploader-no-files-color: var(--b-color-label-secondary);
1371
+ --b-file-uploader-files-gap: var(--b-spacer-040);
1372
+ --b-file-uploader-icon-error-color: var(--b-color-label-on-color);
1373
+ --b-file-uploader-icon-error-background-color: var(--b-color-background-critical-strong);
1374
+ --b-file-uploader-icon-drag-over-color: var(--b-color-label-on-color);
1375
+ --b-file-uploader-icon-drag-over-background-color: var(--b-color-background-success-strong);
1376
+ --b-file-uploader-icon-width: var(--b-spacer-100);
1377
+ --b-file-uploader-icon-padding: var(--b-spacer-040);
1378
+ --b-file-uploader-icon-height: var(--b-spacer-100);
1379
+ --b-file-uploader-icon-border-radius: var(--b-border-radius-xl);
1380
+ --b-file-uploader-icon-background-color: var(--b-color-background-tertiary);
1381
+ --b-file-uploader-description-disabled-color: var(--b-color-label-disabled);
1382
+ --b-file-uploader-description-margin-top: var(--b-spacer-020);
1383
+ --b-file-uploader-description-color: var(--b-color-label-secondary);
1384
+ --b-file-uploader-button-condensed-margin-left: var(--b-spacer-060);
1385
+ --b-file-uploader-button-margin-top: var(--b-spacer-060);
1386
+ --b-file-uploader-area-error-border: var(--b-border-width-m) solid var(--b-color-outline-critical);
1387
+ --b-file-uploader-area-error-background-color: var(--b-color-background-critical-weak);
1388
+ --b-file-uploader-area-hover-background-color: var(--b-color-background-primary-hover);
1389
+ --b-file-uploader-area-drag-over-border: var(--b-border-width-m) solid var(--b-color-outline-success);
1390
+ --b-file-uploader-area-drag-over-background-color: var(--b-color-background-success-weak);
1391
+ --b-file-uploader-area-disabled-color: var(--b-color-label-disabled);
1392
+ --b-file-uploader-area-disabled-border: var(--b-border-width-m) dashed var(--b-color-outline-disabled);
1393
+ --b-file-uploader-area-disabled-background-color: var(--b-color-background-disabled);
1394
+ --b-file-uploader-area-condensed-padding: var(--b-spacer-040) var(--b-spacer-060);
1395
+ --b-file-uploader-area-padding: var(--b-spacer-080) var(--b-spacer-090);
1396
+ --b-file-uploader-area-border-radius: var(--b-border-radius-m);
1397
+ --b-file-uploader-area-border: var(--b-border-width-m) dashed var(--b-color-outline-tertiary);
1398
+ --b-file-uploader-area-background-color: var(--b-color-background-primary);
1399
+ --b-file-uploader-alert-margin-top: var(--b-spacer-040);
1400
+ --b-file-uploader-gap: var(--b-spacer-040);
1401
+ --b-field-label-tooltip-wrapper-margin-right: var(--b-spacer-040);
1402
+ --b-field-label-requirement-color: var(--b-color-label-secondary);
1403
+ --b-field-label-condensed-margin-bottom: var(--b-spacer-030);
1404
+ --b-field-label-margin-right: var(--b-spacer-020);
1405
+ --b-field-label-margin-bottom: var(--b-spacer-040);
1406
+ --b-field-label-color: var(--b-color-label-primary);
1407
+ --b-error-message-icon-margin-right: var(--b-spacer-040);
1408
+ --b-error-message-color: var(--b-color-label-critical);
1409
+ --b-empty-state-details-margin-bottom: var(--b-spacer-070);
1410
+ --b-empty-state-details-color: var(--b-color-label-secondary);
1411
+ --b-empty-state-title-margin-bottom: var(--b-spacer-020);
1412
+ --b-empty-state-title-color: var(--b-color-label-primary);
1413
+ --b-dropdown-small-textbox-base-textbox-gap: var(--b-spacer-010);
1414
+ --b-dropdown-small-textbox-additional-items-margin: 0 0 0 var(--b-spacer-060);
1415
+ --b-dropdown-small-textbox-additional-items-padding: var(--b-spacer-020) var(--b-spacer-030);
1416
+ --b-dropdown-small-textbox-additional-items-background-color: var(--b-color-background-secondary);
1417
+ --b-dropdown-small-textbox-opened-bottom-border-radius: var(--b-border-radius-s);
1418
+ --b-dropdown-small-textbox-readonly-icon-color: var(--b-color-label-disabled);
1419
+ --b-dropdown-small-textbox-readonly-border-color: var(--b-color-background-disabled);
1420
+ --b-dropdown-small-textbox-readonly-background-color: var(--b-color-background-disabled);
1421
+ --b-dropdown-small-textbox-disabled-color: var(--b-color-label-disabled);
1422
+ --b-dropdown-small-textbox-disabled-border-color: var(--b-color-background-disabled);
1423
+ --b-dropdown-small-textbox-disabled-background-color: var(--b-color-background-disabled);
1424
+ --b-dropdown-small-textbox-hover-color: var(--b-color-label-primary-hover);
1425
+ --b-dropdown-small-textbox-focus-border-color: var(--b-color-outline-primary-active);
1426
+ --b-dropdown-small-textbox-color: var(--b-color-label-primary);
1427
+ --b-dropdown-small-textbox-border-radius: var(--b-border-radius-s);
1428
+ --b-dropdown-small-textbox-border-color: var(--b-color-background-secondary);
1429
+ --b-dropdown-small-textbox-background-color: var(--b-color-background-secondary);
1430
+ --b-dropdown-options-container-margin-top: var(--b-spacer-000);
1431
+ --b-dropdown-options-container-box-shadow: var(--b-shadow-medium-border);
1432
+ --b-dropdown-options-container-border-radius: var(--b-border-radius-m);
1433
+ --b-dropdown-default-textbox-input-selected-element-margin-right: var(--b-spacer-040);
1434
+ --b-dropdown-default-textbox-base-textbox-gap: var(--b-spacer-060);
1435
+ --b-dropdown-default-textbox-additional-items-padding: var(--b-spacer-020) var(--b-spacer-030);
1436
+ --b-dropdown-default-textbox-additional-items-border-radius: var(--b-border-radius-s);
1437
+ --b-dropdown-default-textbox-additional-items-background-color: var(--b-color-background-secondary);
1438
+ --b-dropdown-default-textbox-opened-bottom-border-radius: var(--b-border-radius-m);
1439
+ --b-dropdown-default-textbox-error-focus-outline-color: var(--b-color-outline-tertiary-active);
1440
+ --b-dropdown-default-textbox-error-focus-border-color: var(--b-color-outline-tertiary-active);
1441
+ --b-dropdown-default-textbox-error-border: 1.5px solid var(--b-color-outline-critical);
1442
+ --b-dropdown-default-textbox-condensed-padding: 0 var(--b-spacer-050);
1443
+ --b-dropdown-default-textbox-hover-border-color: var(--b-color-outline-tertiary-active);
1444
+ --b-dropdown-default-textbox-readonly-icon-color: var(--b-color-label-disabled);
1445
+ --b-dropdown-default-textbox-readonly-border-color: var(--b-color-outline-disabled);
1446
+ --b-dropdown-default-textbox-readonly-background-color: var(--b-color-background-disabled);
1447
+ --b-dropdown-default-textbox-disabled-icon-color: var(--b-color-label-disabled);
1448
+ --b-dropdown-default-textbox-disabled-color: var(--b-color-label-disabled);
1449
+ --b-dropdown-default-textbox-disabled-border-color: var(--b-color-outline-disabled);
1450
+ --b-dropdown-default-textbox-disabled-background-color: var(--b-color-background-disabled);
1451
+ --b-dropdown-default-textbox-focus-outline-color: var(--b-color-outline-tertiary-active);
1452
+ --b-dropdown-default-textbox-focus-color: var(--b-color-label-primary);
1453
+ --b-dropdown-default-textbox-focus-border-color: var(--b-color-outline-tertiary-active);
1454
+ --b-dropdown-default-textbox-padding: 0 var(--b-spacer-060);
1455
+ --b-dropdown-default-textbox-icon-color: var(--b-color-label-primary);
1456
+ --b-dropdown-default-textbox-color: var(--b-color-label-primary);
1457
+ --b-dropdown-default-textbox-border-radius: var(--b-border-radius-m);
1458
+ --b-dropdown-default-textbox-border-color: var(--b-color-outline-tertiary);
1459
+ --b-dropdown-default-textbox-background-color: var(--b-color-background-primary);
1460
+ --b-dropdown-error-message-margin-top: var(--b-spacer-040);
1461
+ --b-dropdown-description-condensed-margin-top: var(--b-spacer-030);
1462
+ --b-dropdown-description-error-margin-top: var(--b-spacer-020);
1463
+ --b-dropdown-description-margin-top: var(--b-spacer-040);
1464
+ --b-dropdown-description-color: var(--b-color-label-secondary);
1465
+ --b-dropdown-label-margin-bottom: var(--b-spacer-040);
1466
+ --b-dropdown-label-color: var(--b-color-label-secondary);
1467
+ --b-dropdown-payment-method-text-gap: var(--b-spacer-020);
1468
+ --b-dropdown-payment-method-item-gap: var(--b-spacer-060);
1469
+ --b-dropdown-payment-method-description-color: var(--b-color-label-secondary);
1470
+ --b-divider-height: var(--b-border-width-s);
1471
+ --b-divider-background-color-inverse: var(--b-color-separator-inverse-primary);
1472
+ --b-divider-background-color: var(--b-color-separator-primary);
1473
+ --b-dialog-page-animation-duration: var(--b-animation-duration-moderate);
1474
+ --b-dialog-page-actions-with-border-border-top: var(--b-border-width-s) solid var(--b-color-outline-primary);
1475
+ --b-dialog-page-footer-with-border-border-top: var(--b-border-width-s) solid var(--b-color-outline-primary);
1476
+ --b-dialog-page-back-button-z-index: var(--b-z-index-local-tier-1);
1477
+ --b-dialog-page-back-button-padding-left: var(--b-spacer-090);
1478
+ --b-dialog-page-header-with-border-border-bottom: var(--b-border-width-s) solid var(--b-color-outline-primary);
1479
+ --b-dialog-page-border-radius: var(--b-border-radius-l);
1480
+ --b-date-color: var(--b-color-label-primary);
1481
+ --b-date-range-picker-calendar-label-color: var(--b-color-label-primary);
1482
+ --b-date-range-picker-calendar-form-input-wrapper-gap: var(--b-spacer-050);
1483
+ --b-date-range-picker-calendar-form-input-padding-top: var(--b-spacer-040);
1484
+ --b-date-range-picker-calendar-form-date-format-example-color: var(--b-color-label-secondary);
1485
+ --b-date-range-picker-calendar-form-container-border-right: var(--b-border-width-s) solid var(--b-color-separator-primary);
1486
+ --b-date-range-picker-calendar-form-padding: var(--b-spacer-070);
1487
+ --b-date-range-picker-calendar-form-gap: var(--b-spacer-060);
1488
+ --b-date-range-picker-calendar-calendars-container-padding: var(--b-spacer-090);
1489
+ --b-date-range-picker-calendar-calendars-container-gap: var(--b-spacer-090);
1490
+ --b-date-range-picker-label-requirement-color: var(--b-color-label-secondary);
1491
+ --b-date-range-picker-label-margin-bottom: var(--b-spacer-040);
1492
+ --b-date-range-picker-footer-padding: var(--b-spacer-060) var(--b-spacer-070);
1493
+ --b-date-range-picker-error-message-margin-top: var(--b-spacer-040);
1494
+ --b-date-range-picker-description-error-margin-top: var(--b-spacer-020);
1495
+ --b-date-range-picker-description-margin-top: var(--b-spacer-040);
1496
+ --b-date-range-picker-description-color: var(--b-color-label-secondary);
1497
+ --b-date-picker-error-message-margin-top: var(--b-spacer-040);
1498
+ --b-date-picker-label-requirement-color: var(--b-color-label-secondary);
1499
+ --b-date-picker-label-margin-bottom: var(--b-spacer-040);
1500
+ --b-date-picker-description-error-margin-top: var(--b-spacer-020);
1501
+ --b-date-picker-description-margin-top: var(--b-spacer-040);
1502
+ --b-date-picker-description-color: var(--b-color-label-secondary);
1503
+ --b-data-grid-horizontal-scrollbar-z-index: var(--b-z-index-local-tier-2);
1504
+ --b-data-grid-horizontal-scrollbar-background-color: var(--b-color-background-primary);
1505
+ --b-data-grid-empty-state-padding: var(--b-spacer-100) 0;
1506
+ --b-data-grid-re-order-column-target-separator-z-index: var(--b-z-index-local-tier-1);
1507
+ --b-data-grid-re-order-column-target-separator-background-color: var(--b-color-background-highlight-strong);
1508
+ --b-data-grid-config-column-row-freeze-icon-frozen-color: var(--b-color-label-primary);
1509
+ --b-data-grid-config-column-row-freeze-icon-color: var(--b-color-label-disabled);
1510
+ --b-data-grid-config-column-row-hover-background-color: var(--b-color-background-secondary);
1511
+ --b-data-grid-config-column-row-padding: var(--b-spacer-040) var(--b-spacer-070);
1512
+ --b-data-grid-config-column-visibility-empty-search-message-padding: var(--b-spacer-060) var(--b-spacer-070) var(--b-spacer-000);
1513
+ --b-data-grid-config-column-visibility-empty-search-message-color: var(--b-color-label-secondary);
1514
+ --b-data-grid-config-column-visibility-search-margin: 0 var(--b-spacer-070) var(--b-spacer-020) var(--b-spacer-070);
1515
+ --b-data-grid-config-column-visibility-show-all-padding: var(--b-spacer-040);
1516
+ --b-data-grid-config-column-visibility-show-all-margin: 0 var(--b-spacer-040) var(--b-spacer-020) var(--b-spacer-040);
1517
+ --b-data-grid-config-column-visibility-show-all-border-radius: var(--b-border-radius-m);
1518
+ --b-data-grid-config-column-visibility-show-all-background-color: var(--b-color-background-secondary);
1519
+ --b-data-grid-config-column-visibility-header-padding: 0 var(--b-spacer-070) var(--b-spacer-060) var(--b-spacer-070);
1520
+ --b-data-grid-config-column-visibility-padding: var(--b-spacer-070) 0 0 0;
1521
+ --b-data-grid-config-panel-header-padding: 0 var(--b-spacer-070) var(--b-spacer-060) var(--b-spacer-070);
1522
+ --b-data-grid-config-condensed-view-title-padding: 0 0 var(--b-spacer-060) 0;
1523
+ --b-data-grid-config-condensed-view-padding: 0 var(--b-spacer-070) var(--b-spacer-060) var(--b-spacer-070);
1524
+ --b-data-grid-config-condensed-view-border-color: var(--b-color-separator-primary);
1525
+ --b-data-grid-config-appearance-button-hover-background-color: var(--b-color-background-secondary);
1526
+ --b-data-grid-config-appearance-button-padding: var(--b-spacer-040) var(--b-spacer-070);
1527
+ --b-data-grid-config-appearance-title-padding: 0 var(--b-spacer-070) var(--b-spacer-060) var(--b-spacer-070);
1528
+ --b-data-grid-config-appearance-padding: 0 0 var(--b-spacer-060) 0;
1529
+ --b-data-grid-config-appearance-border-color: var(--b-color-separator-primary);
1530
+ --b-data-grid-config-settings-column-and-row-margin: var(--b-spacer-120);
1531
+ --b-data-grid-config-settings-button-padding: 0 0 0 var(--b-spacer-020);
1532
+ --b-data-grid-config-settings-button-margin: var(--b-spacer-070) 0;
1533
+ --b-data-grid-config-settings-button-and-separator-background-color: var(--b-color-background-primary);
1534
+ --b-data-grid-config-settings-z-index: var(--b-z-index-local-tier-4);
1535
+ --b-data-grid-config-settings-padding-right: var(--b-spacer-050);
1536
+ --b-data-grid-config-settings-color: var(--b-color-label-primary);
1537
+ --b-data-grid-loading-indicator-margin: 0 0 var(--b-spacer-060) 0;
1538
+ --b-data-grid-filters-sticky-padding: var(--b-spacer-060) var(--b-spacer-090);
1539
+ --b-data-grid-filters-focus-within-z-index: var(--b-z-index-local-tier-3);
1540
+ --b-data-grid-filters-z-index: var(--b-z-index-local-tier-2);
1541
+ --b-data-grid-filters-background-color: var(--b-color-background-primary);
1542
+ --b-data-grid-filters-padding: var(--b-spacer-060) var(--b-spacer-070);
1543
+ --b-data-grid-filters-border-width: var(--b-border-width-s);
1544
+ --b-data-grid-filters-border-color: var(--b-color-separator-primary);
1545
+ --b-data-grid-pagination-sticky-padding: var(--b-spacer-060) var(--b-spacer-090);
1546
+ --b-data-grid-pagination-outline-padding: var(--b-spacer-070);
1547
+ --b-data-grid-pagination-padding: var(--b-spacer-060) var(--b-spacer-070);
1548
+ --b-data-grid-pagination-border-width: var(--b-border-width-s);
1549
+ --b-data-grid-pagination-border-color: var(--b-color-separator-primary);
1550
+ --b-data-grid-pagination-focus-within-z-index: var(--b-z-index-local-tier-3);
1551
+ --b-data-grid-pagination-z-index: var(--b-z-index-local-tier-2);
1552
+ --b-data-grid-pagination-background-color: var(--b-color-background-primary);
1553
+ --b-data-grid-lazy-load-padding: var(--b-spacer-060) var(--b-spacer-070);
1554
+ --b-data-grid-lazy-load-border: var(--b-border-width-s) solid var(--b-color-separator-primary);
1555
+ --b-data-grid-lazy-load-z-index: var(--b-z-index-local-tier-2);
1556
+ --b-data-grid-lazy-load-background-color: var(--b-color-background-primary);
1557
+ --b-data-grid-footer-z-index: var(--b-z-index-local-tier-2);
1558
+ --b-data-grid-footer-padding: var(--b-spacer-040) var(--b-spacer-090);
1559
+ --b-data-grid-footer-background-color: var(--b-color-background-primary);
1560
+ --b-data-grid-select-cell-margin-left: calc(var(--b-spacer-070) - var(--b-border-width-s));
1561
+ --b-data-grid-cell-actions-column-selection-padding: var(--b-spacer-050) var(--b-spacer-070);
1562
+ --b-data-grid-cell-actions-column-nested-content-padding: var(--b-spacer-050) var(--b-spacer-070);
1563
+ --b-data-grid-cell-actions-actions-row-actions-padding: 0 var(--b-spacer-060);
1564
+ --b-data-grid-cell-actions-actions-padding: 0 calc(var(--b-spacer-070) - var(--b-border-width-s)) 0 0;
1565
+ --b-data-grid-cell-actions-actions-gap: var(--b-spacer-040);
1566
+ --b-data-grid-cell-actions-row-actions-padding: 0 var(--b-spacer-060);
1567
+ --b-data-grid-cell-actions-gap: var(--b-spacer-040);
1568
+ --b-data-grid-cell-actions-background-gradient-width: var(--b-spacer-100);
1569
+ --b-data-grid-cell-actions-animation-duration: var(--b-animation-duration-fast);
1570
+ --b-data-grid-cell-actions-padding: var(--b-border-width-m);
1571
+ --b-data-grid-cell-condensed-column-hovered-padding: var(--b-spacer-030) 14px;
1572
+ --b-data-grid-cell-condensed-padding: var(--b-spacer-030) 15px;
1573
+ --b-data-grid-cell-hover-border-color: var(--b-color-separator-primary);
1574
+ --b-data-grid-cell-padding: calc(var(--b-spacer-070) - (var(--b-border-width-s) * 2)) calc(var(--b-spacer-070) - var(--b-border-width-s));
1575
+ --b-data-grid-cell-border: var(--b-border-width-s) solid transparent;
1576
+ --b-data-grid-cell-background-color: var(--b-color-background-primary);
1577
+ --b-data-grid-row-row-actions-container-row-actions-menu-open-z-index: var(--b-z-index-local-tier-3);
1578
+ --b-data-grid-row-row-actions-container-hover-z-index: var(--b-z-index-local-tier-2);
1579
+ --b-data-grid-row-row-actions-container-z-index: var(--b-z-index-local-tier-1);
1580
+ --b-data-grid-row-row-actions-container-background-color: var(--b-color-background-primary);
1581
+ --b-data-grid-row-nested-rows-loading-container-padding: calc(var(--b-spacer-070) - (var(--b-border-width-s) * 2));
1582
+ --b-data-grid-row-nested-row-hover-background-color: var(--b-color-background-primary-hover);
1583
+ --b-data-grid-row-nested-row-hover: var(--b-color-background-secondary-hover);
1584
+ --b-data-grid-row-nested-row-background-color: var(--b-color-background-primary);
1585
+ --b-data-grid-row-nested-slot-background-color: var(--b-color-background-primary);
1586
+ --b-data-grid-row-selected-hover-background-color: var(--b-color-background-selected-hover);
1587
+ --b-data-grid-row-selected-background-color: var(--b-color-background-selected);
1588
+ --b-data-grid-row-highlighted-hover-background-color: var(--b-color-background-warning-weak-hover);
1589
+ --b-data-grid-row-highlighted-background-color: var(--b-color-background-warning-weak);
1590
+ --b-data-grid-row-disabled-color: var(--b-color-label-primary);
1591
+ --b-data-grid-row-hover-background-color: var(--b-color-background-primary-hover);
1592
+ --b-data-grid-row-color: var(--b-color-label-primary);
1593
+ --b-data-grid-row-border-width: var(--b-border-width-s);
1594
+ --b-data-grid-row-border-color: var(--b-color-separator-primary);
1595
+ --b-data-grid-row-background-color: var(--b-color-background-primary);
1596
+ --b-data-grid-row-zebra-hover-background-color: var(--b-color-background-secondary-hover);
1597
+ --b-data-grid-row-zebra-background-color: var(--b-color-background-secondary);
1598
+ --b-data-grid-rows-frozen-hover-z-index: var(--b-z-index-local-tier-2);
1599
+ --b-data-grid-rows-frozen-z-index: var(--b-z-index-local-tier-1);
1600
+ --b-data-grid-rows-frozen-border-right-width: var(--b-border-width-s);
1601
+ --b-data-grid-rows-frozen-border-right-color: var(--b-color-separator-secondary);
1602
+ --b-data-grid-column-actions-padding-left: var(--b-spacer-030);
1603
+ --b-data-grid-column-actions-gap: var(--b-spacer-010);
1604
+ --b-data-grid-column-draggable-ghost-background-color: var(--b-color-background-selected);
1605
+ --b-data-grid-column-header-padding: calc(var(--b-spacer-040) - var(--b-border-width-s)) 0;
1606
+ --b-data-grid-column-header-gap: var(--b-spacer-040);
1607
+ --b-data-grid-column-header-and-actions-gap: var(--b-spacer-020);
1608
+ --b-data-grid-column-separator-z-index: var(--b-z-index-local-tier-1);
1609
+ --b-data-grid-column-separator-resizeable-hover-color: var(--b-color-separator-secondary);
1610
+ --b-data-grid-column-separator-border-right-width: var(--b-border-width-s);
1611
+ --b-data-grid-column-separator-border-right-color: var(--b-color-separator-primary);
1612
+ --b-data-grid-column-sort-icon-descending-icon-margin-top: var(--b-spacer-040);
1613
+ --b-data-grid-column-sort-icon-margin-top: var(--b-spacer-010);
1614
+ --b-data-grid-column-sort-icon-color: var(--b-color-label-disabled);
1615
+ --b-data-grid-column-sort-padding: 0 0 0 var(--b-spacer-040);
1616
+ --b-data-grid-column-with-sorting-or-column-panel-padding: 3px var(--b-spacer-070);
1617
+ --b-data-grid-column-hover-sort-icon-color: var(--b-color-label-tertiary);
1618
+ --b-data-grid-column-hover-background-color: var(--b-color-background-tertiary);
1619
+ --b-data-grid-column-color: var(--b-color-label-primary);
1620
+ --b-data-grid-column-padding: 0 calc(var(--b-spacer-070) - var(--b-border-width-s));
1621
+ --b-data-grid-column-border: var(--b-border-width-s) solid var(--b-color-separator-primary);
1622
+ --b-data-grid-column-background-color: var(--b-color-background-primary);
1623
+ --b-data-grid-columns-small-container-padding: var(--b-spacer-070);
1624
+ --b-data-grid-columns-select-column-menu-button-gap: var(--b-spacer-020);
1625
+ --b-data-grid-columns-select-column-deselect-all-checkbox-padding: var(--b-spacer-030);
1626
+ --b-data-grid-columns-select-column-all-padding-left: calc(var(--b-spacer-050) - var(--b-border-width-s));
1627
+ --b-data-grid-columns-select-column-gap: var(--b-spacer-020);
1628
+ --b-data-grid-columns-select-column-padding-right: var(--b-spacer-020);
1629
+ --b-data-grid-columns-select-column-padding-left: calc(var(--b-spacer-070) - var(--b-border-width-s));
1630
+ --b-data-grid-columns-frozen-z-index: var(--b-z-index-local-tier-2);
1631
+ --b-data-grid-columns-frozen-border-right-width: var(--b-border-width-s);
1632
+ --b-data-grid-columns-frozen-border-right-color: var(--b-color-separator-secondary);
1633
+ --b-data-grid-columns-border-width: var(--b-border-width-s);
1634
+ --b-data-grid-columns-border-color: var(--b-color-separator-primary);
1635
+ --b-data-grid-column-headers-focus-within-z-index: var(--b-z-index-local-tier-3);
1636
+ --b-data-grid-column-headers-background-color: var(--b-color-background-primary);
1637
+ --b-data-grid-column-headers-z-index: var(--b-z-index-local-tier-2);
1638
+ --b-data-grid-header-padding: var(--b-spacer-080) var(--b-spacer-090);
1639
+ --b-data-grid-border-width: var(--b-border-width-s);
1640
+ --b-data-grid-border-radius: var(--b-border-radius-m);
1641
+ --b-data-grid-border-color: var(--b-color-separator-primary);
1642
+ --b-data-grid-template-data-grid-pagination-padding-right: var(--b-spacer-090);
1643
+ --b-data-grid-template-data-grid-pagination-padding-left: var(--b-spacer-090);
1644
+ --b-data-grid-template-data-grid-cells-padding-right: var(--b-spacer-050);
1645
+ --b-data-grid-template-data-grid-cells-padding-left: var(--b-spacer-050);
1646
+ --b-data-grid-template-data-grid-columns-padding-right: var(--b-spacer-050);
1647
+ --b-data-grid-template-data-grid-columns-padding-left: var(--b-spacer-050);
1648
+ --b-data-grid-template-data-grid-filters-padding-right: var(--b-spacer-090);
1649
+ --b-data-grid-template-data-grid-filters-padding-left: var(--b-spacer-090);
1650
+ --b-data-grid-template-tabs-padding: var(--b-spacer-000) var(--b-spacer-090);
1651
+ --b-data-grid-template-tabs-background-color: var(--b-color-background-primary);
1652
+ --b-data-grid-template-additional-content-z-index: var(--b-z-index-local-tier-2);
1653
+ --b-data-grid-template-additional-content-padding: var(--b-spacer-000) var(--b-spacer-090) var(--b-spacer-000) var(--b-spacer-090);
1654
+ --b-data-grid-template-additional-content-margin: var(--b-spacer-000) var(--b-spacer-090) var(--b-spacer-000) var(--b-spacer-090);
1655
+ --b-data-grid-template-additional-content-background-color: var(--b-color-background-primary);
1656
+ --b-data-grid-template-header-with-views-padding: var(--b-spacer-000);
1657
+ --b-data-grid-template-header-z-index: var(--b-z-index-local-tier-3);
1658
+ --b-data-grid-template-header-margin: var(--b-spacer-080) var(--b-spacer-090) var(--b-spacer-000) var(--b-spacer-090);
1659
+ --b-data-grid-template-gap: var(--b-spacer-060);
1660
+ --b-data-grid-summary-cell-item-highlighted-background-color: var(--b-color-background-spotlight);
1661
+ --b-data-grid-static-icon-warning-colored-color: var(--b-color-label-warning);
1662
+ --b-data-grid-static-icon-no-value-color: var(--b-color-label-tertiary);
1663
+ --b-data-grid-static-icon-error-colored-color: var(--b-color-label-critical);
1664
+ --b-data-grid-static-icon-cross-colored-color: var(--b-color-label-critical);
1665
+ --b-data-grid-static-icon-checkmark-colored-color: var(--b-color-label-success);
1666
+ --b-dashed-underline-focus-border-radius: var(--b-border-radius-xs);
1667
+ --b-dashed-underline-hover-text-decoration-color: var(--b-color-outline-tertiary-active);
1668
+ --b-dashed-underline-hover-border-color: var(--b-color-outline-tertiary-active);
1669
+ --b-dashed-underline-text-decoration-color: var(--b-color-outline-tertiary);
1670
+ --b-dashed-underline-border-bottom: var(--b-border-width-m) solid transparent;
1671
+ --b-dashboard-section-divider-margin-top: var(--b-spacer-090);
1672
+ --b-dashboard-section-controls-gap: var(--b-spacer-040);
1673
+ --b-dashboard-section-columns-m-and-up-gap: var(--b-spacer-120);
1674
+ --b-dashboard-section-columns-gap: var(--b-spacer-090);
1675
+ --b-dashboard-section-content-gap: var(--b-spacer-090);
1676
+ --b-dashboard-section-l-and-up-padding-bottom: var(--b-spacer-100);
1677
+ --b-dashboard-section-padding-bottom: var(--b-spacer-090);
1678
+ --b-dashboard-section-gap: var(--b-spacer-060);
1679
+ --b-dashboard-template-sticky-border-border-bottom: var(--b-border-width-s) solid var(--b-color-separator-primary);
1680
+ --b-dashboard-template-sticky-items-z-index: var(--b-z-index-local-tier-3);
1681
+ --b-dashboard-template-sticky-items-spacing: var(--b-spacer-070);
1682
+ --b-dashboard-template-sticky-items-background-color: var(--b-color-background-primary);
1683
+ --b-dashboard-template-top-section-gap: var(--b-spacer-040);
1684
+ --b-dashboard-template-header-padding-bottom: var(--b-spacer-040);
1685
+ --b-dashboard-template-container-m-and-up-spacing: var(--b-spacer-100);
1686
+ --b-dashboard-template-container-l-and-up-spacing: var(--b-spacer-100);
1687
+ --b-dashboard-template-container-spacing: var(--b-spacer-090);
1688
+ --b-dashboard-template-xxl-padding: var(--b-spacer-110) var(--b-spacer-130);
1689
+ --b-dashboard-template-m-and-up-padding: var(--b-spacer-110) var(--b-spacer-110);
1690
+ --b-dashboard-template-l-and-up-padding: var(--b-spacer-080) var(--b-spacer-090);
1691
+ --b-dashboard-template-s-and-up-padding: var(--b-spacer-070) var(--b-spacer-090);
1692
+ --b-dashboard-template-padding: var(--b-spacer-070) var(--b-spacer-070);
1693
+ --b-currency-color: var(--b-color-label-primary);
1694
+ --b-country-label-color: var(--b-color-label-primary);
1695
+ --b-controls-group-label-container-margin-bottom: var(--b-spacer-060);
1696
+ --b-controls-group-label-container-gap: var(--b-spacer-020);
1697
+ --b-controls-group-description-color: var(--b-color-label-secondary);
1698
+ --b-code-snippet-inline-code-area-content-padding: 0 var(--b-spacer-040);
1699
+ --b-code-snippet-inline-margin: 0 var(--b-spacer-020);
1700
+ --b-code-snippet-inline-border-radius: var(--b-border-radius-s);
1701
+ --b-code-snippet-empty-state-background-color: var(--b-color-background-secondary);
1702
+ --b-code-snippet-code-area-highlight-blue: var(--b-color-label-on-background-highlight-weak);
1703
+ --b-code-snippet-code-area-highlight-green: var(--b-color-label-on-background-success-weak);
1704
+ --b-code-snippet-code-area-highlight-orange: var(--b-color-label-on-background-warning-weak);
1705
+ --b-code-snippet-code-area-highlight-red: var(--b-color-label-on-background-critical-weak);
1706
+ --b-code-snippet-code-area-gutters-padding-left: var(--b-spacer-060);
1707
+ --b-code-snippet-code-area-content-padding-left: var(--b-spacer-040);
1708
+ --b-code-snippet-code-area-content-padding: var(--b-spacer-060);
1709
+ --b-code-snippet-code-area-border-width: var(--b-border-width-s);
1710
+ --b-code-snippet-code-area-border-radius: 0 0 var(--b-border-radius-m) var(--b-border-radius-m);
1711
+ --b-code-snippet-code-area-border-color: var(--b-color-outline-primary);
1712
+ --b-code-snippet-code-area-color: var(--b-color-label-primary);
1713
+ --b-code-snippet-code-area-background-color: var(--b-color-background-secondary);
1714
+ --b-code-snippet-action-button-padding: 0 var(--b-spacer-020) 0 var(--b-spacer-020);
1715
+ --b-code-snippet-language-picker-background-color: var(--b-color-background-primary);
1716
+ --b-code-snippet-action-bar-border-radius: var(--b-border-radius-m) var(--b-border-radius-m) 0 0;
1717
+ --b-code-snippet-action-bar-border: 0 solid var(--b-color-outline-primary);
1718
+ --b-code-snippet-action-bar-gap: var(--b-spacer-040);
1719
+ --b-code-snippet-action-bar-padding: var(--b-spacer-040) var(--b-spacer-060);
1720
+ --b-code-snippet-action-bar-color: var(--b-color-label-primary);
1721
+ --b-code-snippet-action-bar-background-color: var(--b-color-background-tertiary);
1722
+ --b-chip-disabled-color: var(--b-color-label-disabled);
1723
+ --b-chip-disabled-background: var(--b-color-background-disabled);
1724
+ --b-chip-active-background: var(--b-color-background-secondary-active);
1725
+ --b-chip-hover-background: var(--b-color-background-secondary-hover);
1726
+ --b-chip-error-background: var(--b-color-background-critical-weak);
1727
+ --b-chip-error-color: var(--b-color-label-on-background-critical-weak);
1728
+ --b-chip-readonly-icon-color: var(--b-color-label-disabled);
1729
+ --b-chip-readonly-background: var(--b-color-background-disabled);
1730
+ --b-chip-condensed-padding: 0 var(--b-spacer-020);
1731
+ --b-chip-padding: var(--b-spacer-010) var(--b-spacer-030);
1732
+ --b-chip-gap: var(--b-spacer-010);
1733
+ --b-chip-color: var(--b-color-label-primary);
1734
+ --b-chip-border-radius: var(--b-border-radius-s);
1735
+ --b-chip-background: var(--b-color-background-secondary);
1736
+ --b-checkbox-input-container-padding: var(--b-spacer-010) 0;
1737
+ --b-checkbox-label-requirement-margin: 0 0 0 var(--b-spacer-020);
1738
+ --b-checkbox-label-requirement-color: var(--b-color-label-secondary);
1739
+ --b-checkbox-label-tag-margin: 0 0 0 var(--b-spacer-040);
1740
+ --b-checkbox-text-padding-left: var(--b-spacer-070);
1741
+ --b-checkbox-text-gap: var(--b-spacer-020);
1742
+ --b-checkbox-text-color: var(--b-color-label-primary);
1743
+ --b-checkbox-outline-readonly-border-color: var(--b-color-outline-disabled);
1744
+ --b-checkbox-outline-readonly-background-color: var(--b-color-background-disabled);
1745
+ --b-checkbox-outline-unchecked-error-border: 1.5px solid var(--b-color-outline-critical);
1746
+ --b-checkbox-outline-unchecked-error-background-color: var(--b-color-background-critical-strong);
1747
+ --b-checkbox-outline-unchecked-hover-border-color: var(--b-color-outline-tertiary);
1748
+ --b-checkbox-outline-unchecked-hover-background-color: var(--b-color-background-primary-hover);
1749
+ --b-checkbox-outline-unchecked-disabled-border-color: var(--b-color-outline-disabled);
1750
+ --b-checkbox-outline-unchecked-disabled-background-color: var(--b-color-background-disabled);
1751
+ --b-checkbox-outline-unchecked-active-border-color: var(--b-color-outline-tertiary);
1752
+ --b-checkbox-outline-unchecked-active-background-color: var(--b-color-background-primary-active);
1753
+ --b-checkbox-outline-unchecked-border-color: var(--b-color-outline-tertiary);
1754
+ --b-checkbox-outline-unchecked-background-color: var(--b-color-background-primary);
1755
+ --b-checkbox-outline-indeterminate-error-border-color: var(--b-color-outline-critical);
1756
+ --b-checkbox-outline-indeterminate-error-background-color: var(--b-color-background-critical-strong);
1757
+ --b-checkbox-outline-indeterminate-hover-border-color: var(--b-color-background-inverse-primary-hover);
1758
+ --b-checkbox-outline-indeterminate-hover-background-color: var(--b-color-background-inverse-primary-hover);
1759
+ --b-checkbox-outline-indeterminate-disabled-border-color: var(--b-color-outline-disabled);
1760
+ --b-checkbox-outline-indeterminate-disabled-background-color: var(--b-color-background-disabled);
1761
+ --b-checkbox-outline-indeterminate-active-border-color: var(--b-color-background-inverse-primary-active);
1762
+ --b-checkbox-outline-indeterminate-active-background-color: var(--b-color-background-inverse-primary-active);
1763
+ --b-checkbox-outline-indeterminate-border-color: var(--b-color-background-inverse-primary);
1764
+ --b-checkbox-outline-indeterminate-background-color: var(--b-color-background-inverse-primary);
1765
+ --b-checkbox-outline-checked-error-border-color: var(--b-color-outline-critical);
1766
+ --b-checkbox-outline-checked-error-background-color: var(--b-color-background-critical-strong);
1767
+ --b-checkbox-outline-checked-hover-border-color: var(--b-color-background-inverse-primary-hover);
1768
+ --b-checkbox-outline-checked-hover-background-color: var(--b-color-background-inverse-primary-hover);
1769
+ --b-checkbox-outline-checked-disabled-border-color: var(--b-color-outline-disabled);
1770
+ --b-checkbox-outline-checked-disabled-background-color: var(--b-color-background-disabled);
1771
+ --b-checkbox-outline-checked-active-border-color: var(--b-color-background-inverse-primary-active);
1772
+ --b-checkbox-outline-checked-active-background-color: var(--b-color-background-inverse-primary-active);
1773
+ --b-checkbox-outline-checked-border-color: var(--b-color-background-inverse-primary);
1774
+ --b-checkbox-outline-checked-background-color: var(--b-color-background-inverse-primary);
1775
+ --b-checkbox-outline-top-offset: var(--b-spacer-010);
1776
+ --b-checkbox-outline-border-width: var(--b-border-width-s);
1777
+ --b-checkbox-outline-border-radius: var(--b-border-radius-s);
1778
+ --b-checkbox-icon-readonly-color: var(--b-color-label-primary);
1779
+ --b-checkbox-icon-disabled-color: var(--b-color-label-disabled);
1780
+ --b-checkbox-icon-color: var(--b-color-label-inverse-primary);
1781
+ --b-checkbox-content-padding: var(--b-spacer-060) var(--b-spacer-000) var(--b-spacer-040);
1782
+ --b-checkbox-description-disabled-color: var(--b-color-label-secondary);
1783
+ --b-checkbox-description-color: var(--b-color-label-secondary);
1784
+ --b-checkbox-input-input-container-padding: var(--b-spacer-010) 0;
1785
+ --b-checkbox-input-outline-readonly-border-color: var(--b-color-outline-disabled);
1786
+ --b-checkbox-input-outline-readonly-background-color: var(--b-color-background-disabled);
1787
+ --b-checkbox-input-outline-unchecked-error-border: 1.5px solid var(--b-color-outline-critical);
1788
+ --b-checkbox-input-outline-unchecked-error-background-color: var(--b-color-background-critical-strong);
1789
+ --b-checkbox-input-outline-unchecked-hover-border-color: var(--b-color-outline-tertiary);
1790
+ --b-checkbox-input-outline-unchecked-hover-background-color: var(--b-color-background-primary-hover);
1791
+ --b-checkbox-input-outline-unchecked-disabled-border-color: var(--b-color-outline-disabled);
1792
+ --b-checkbox-input-outline-unchecked-disabled-background-color: var(--b-color-background-disabled);
1793
+ --b-checkbox-input-outline-unchecked-active-border-color: var(--b-color-outline-tertiary);
1794
+ --b-checkbox-input-outline-unchecked-active-background-color: var(--b-color-background-primary-active);
1795
+ --b-checkbox-input-outline-unchecked-border-color: var(--b-color-outline-tertiary);
1796
+ --b-checkbox-input-outline-unchecked-background-color: var(--b-color-background-primary);
1797
+ --b-checkbox-input-outline-indeterminate-error-border-color: var(--b-color-outline-critical);
1798
+ --b-checkbox-input-outline-indeterminate-error-background-color: var(--b-color-background-critical-strong);
1799
+ --b-checkbox-input-outline-indeterminate-hover-border-color: var(--b-color-background-inverse-primary-hover);
1800
+ --b-checkbox-input-outline-indeterminate-hover-background-color: var(--b-color-background-inverse-primary-hover);
1801
+ --b-checkbox-input-outline-indeterminate-disabled-border-color: var(--b-color-outline-disabled);
1802
+ --b-checkbox-input-outline-indeterminate-disabled-background-color: var(--b-color-background-disabled);
1803
+ --b-checkbox-input-outline-indeterminate-active-border-color: var(--b-color-background-inverse-primary-active);
1804
+ --b-checkbox-input-outline-indeterminate-active-background-color: var(--b-color-background-inverse-primary-active);
1805
+ --b-checkbox-input-outline-indeterminate-border-color: var(--b-color-background-inverse-primary);
1806
+ --b-checkbox-input-outline-indeterminate-background-color: var(--b-color-background-inverse-primary);
1807
+ --b-checkbox-input-outline-checked-error-border-color: var(--b-color-outline-critical);
1808
+ --b-checkbox-input-outline-checked-error-background-color: var(--b-color-background-critical-strong);
1809
+ --b-checkbox-input-outline-checked-hover-border-color: var(--b-color-background-inverse-primary-hover);
1810
+ --b-checkbox-input-outline-checked-hover-background-color: var(--b-color-background-inverse-primary-hover);
1811
+ --b-checkbox-input-outline-checked-disabled-border-color: var(--b-color-outline-disabled);
1812
+ --b-checkbox-input-outline-checked-disabled-background-color: var(--b-color-background-disabled);
1813
+ --b-checkbox-input-outline-checked-active-border-color: var(--b-color-background-inverse-primary-active);
1814
+ --b-checkbox-input-outline-checked-active-background-color: var(--b-color-background-inverse-primary-active);
1815
+ --b-checkbox-input-outline-checked-border-color: var(--b-color-background-inverse-primary);
1816
+ --b-checkbox-input-outline-checked-background-color: var(--b-color-background-inverse-primary);
1817
+ --b-checkbox-input-outline-border-width: var(--b-border-width-s);
1818
+ --b-checkbox-input-outline-border-radius: var(--b-border-radius-s);
1819
+ --b-checkbox-input-icon-readonly-color: var(--b-color-label-primary);
1820
+ --b-checkbox-input-icon-disabled-color: var(--b-color-label-disabled);
1821
+ --b-checkbox-input-icon-color: var(--b-color-label-inverse-primary);
1822
+ --b-checkbox-group-error-message-margin-top: var(--b-spacer-060);
1823
+ --b-checkbox-group-checkboxes-horizontal-gap: var(--b-spacer-100);
1824
+ --b-checkbox-group-checkboxes-vertical-gap: var(--b-spacer-060);
1825
+ --b-card-animation-easing: var(--b-animation-easing-standard);
1826
+ --b-card-animation-duration: var(--b-animation-duration-moderate);
1827
+ --b-card-title-wrapper-gap: var(--b-spacer-070);
1828
+ --b-card-secondary-clickable-active-background-color: var(--b-color-background-secondary-active);
1829
+ --b-card-secondary-clickable-hover-background-color: var(--b-color-background-secondary-hover);
1830
+ --b-card-secondary-header-focus-background-color: var(--b-color-background-secondary-hover);
1831
+ --b-card-secondary-header-active-background-color: var(--b-color-background-secondary-active);
1832
+ --b-card-secondary-header-hover-background-color: var(--b-color-background-secondary-hover);
1833
+ --b-card-secondary-hover-background-color: var(--b-color-background-tertiary);
1834
+ --b-card-secondary-background-color: var(--b-color-background-secondary);
1835
+ --b-card-clickable-active-background-color: var(--b-color-background-primary-active);
1836
+ --b-card-clickable-hover-background-color: var(--b-color-background-primary-hover);
1837
+ --b-card-disabled-toggle-color: var(--b-color-label-disabled);
1838
+ --b-card-disabled-header-color: var(--b-color-label-primary);
1839
+ --b-card-disabled-color: var(--b-color-label-disabled);
1840
+ --b-card-disabled-background-color: var(--b-color-background-secondary);
1841
+ --b-card-expandable-header-padding-bottom: var(--b-spacer-060);
1842
+ --b-card-actions-without-content-padding-top: var(--b-spacer-070);
1843
+ --b-card-actions-padding-top: var(--b-spacer-070);
1844
+ --b-card-actions-margin-top: var(--b-spacer-070);
1845
+ --b-card-description-margin-left: var(--b-spacer-100);
1846
+ --b-card-description-color: var(--b-color-label-secondary);
1847
+ --b-card-content-padding-top: var(--b-spacer-070);
1848
+ --b-card-content-padding: var(--b-spacer-070) var(--b-spacer-000) var(--b-spacer-000);
1849
+ --b-card-body-expandable-padding-top: var(--b-spacer-060);
1850
+ --b-card-body-padding-top: var(--b-spacer-020);
1851
+ --b-card-body-padding: var(--b-spacer-000) var(--b-spacer-070) var(--b-spacer-070);
1852
+ --b-card-body-color: var(--b-color-label-primary);
1853
+ --b-card-header-focus-background-color: var(--b-color-background-primary-hover);
1854
+ --b-card-header-active-background-color: var(--b-color-background-primary-active);
1855
+ --b-card-header-hover-background-color: var(--b-color-background-primary-hover);
1856
+ --b-card-header-padding-bottom: var(--b-spacer-070);
1857
+ --b-card-header-padding: var(--b-spacer-060) var(--b-spacer-070) var(--b-spacer-000);
1858
+ --b-card-header-margin-top: var(--b-spacer-020);
1859
+ --b-card-header-color: var(--b-color-label-primary);
1860
+ --b-card-header-border-radius: var(--b-border-radius-l);
1861
+ --b-card-border-width: var(--b-border-width-s);
1862
+ --b-card-border-radius: var(--b-border-radius-l);
1863
+ --b-card-border-color: var(--b-color-outline-primary);
1864
+ --b-card-background-color: var(--b-color-background-primary);
1865
+ --b-calendar-year-month-unselected-active-background: var(--b-color-background-primary-active);
1866
+ --b-calendar-year-month-unselected-hover-background: var(--b-color-background-primary-hover);
1867
+ --b-calendar-year-month-unselected-color: var(--b-color-label-primary);
1868
+ --b-calendar-year-month-selected-active-background: var(--b-color-background-inverse-primary-active);
1869
+ --b-calendar-year-month-selected-hover-background: var(--b-color-background-inverse-primary-hover);
1870
+ --b-calendar-year-month-selected-color: var(--b-color-label-inverse-primary);
1871
+ --b-calendar-year-month-selected-border-radius: var(--b-border-radius-s);
1872
+ --b-calendar-year-month-selected-background: var(--b-color-background-inverse-primary);
1873
+ --b-calendar-year-month-middle-active-background: var(--b-color-background-primary);
1874
+ --b-calendar-year-month-middle-hover-background: var(--b-color-background-primary-hover);
1875
+ --b-calendar-year-month-middle-color: var(--b-color-label-primary);
1876
+ --b-calendar-year-month-middle-background: var(--b-color-background-tertiary);
1877
+ --b-calendar-year-month-end-border-radius: 0 var(--b-border-radius-s) var(--b-border-radius-s) 0;
1878
+ --b-calendar-year-month-disabled-unselected-color: var(--b-color-label-disabled);
1879
+ --b-calendar-year-month-disabled-selected-background: var(--b-color-background-disabled);
1880
+ --b-calendar-year-month-disabled-selected-color: var(--b-color-label-disabled);
1881
+ --b-calendar-year-month-current-month-unselected-wrapper-background: var(--b-color-background-tertiary);
1882
+ --b-calendar-year-month-current-month-unselected-hover-wrapper-background: var(--b-color-background-primary);
1883
+ --b-calendar-year-month-current-month-selected-wrapper-background: var(--b-color-background-primary);
1884
+ --b-calendar-year-month-current-month-selected-color: var(--b-color-label-primary);
1885
+ --b-calendar-year-month-beginning-border-radius: var(--b-border-radius-s) 0 0 var(--b-border-radius-s);
1886
+ --b-calendar-year-year-selector-margin-bottom: var(--b-spacer-090);
1887
+ --b-calendar-year-year-selector-color: var(--b-color-label-primary);
1888
+ --b-calendar-month-day-unselected-active-background: var(--b-color-background-primary-active);
1889
+ --b-calendar-month-day-unselected-hover-background: var(--b-color-background-primary-hover);
1890
+ --b-calendar-month-day-unselected-color: var(--b-color-label-primary);
1891
+ --b-calendar-month-day-selected-active-background: var(--b-color-background-inverse-primary-active);
1892
+ --b-calendar-month-day-selected-hover-background: var(--b-color-background-inverse-primary-hover);
1893
+ --b-calendar-month-day-selected-color: var(--b-color-label-inverse-primary);
1894
+ --b-calendar-month-day-selected-border-radius: var(--b-border-radius-s);
1895
+ --b-calendar-month-day-selected-background: var(--b-color-background-inverse-primary);
1896
+ --b-calendar-month-day-middle-active-background: var(--b-color-background-primary);
1897
+ --b-calendar-month-day-middle-hover-background: var(--b-color-background-primary-hover);
1898
+ --b-calendar-month-day-middle-color: var(--b-color-label-primary);
1899
+ --b-calendar-month-day-middle-background: var(--b-color-background-tertiary);
1900
+ --b-calendar-month-day-end-border-radius: 0 var(--b-border-radius-s) var(--b-border-radius-s) 0;
1901
+ --b-calendar-month-day-disabled-unselected-color: var(--b-color-label-disabled);
1902
+ --b-calendar-month-day-disabled-selected-background: var(--b-color-background-disabled);
1903
+ --b-calendar-month-day-disabled-selected-color: var(--b-color-label-disabled);
1904
+ --b-calendar-month-day-current-day-unselected-wrapper-background: var(--b-color-background-tertiary);
1905
+ --b-calendar-month-day-current-day-unselected-hover-wrapper-background: var(--b-color-background-primary);
1906
+ --b-calendar-month-day-current-day-selected-wrapper-background: var(--b-color-background-primary);
1907
+ --b-calendar-month-day-current-day-selected-color: var(--b-color-label-primary);
1908
+ --b-calendar-month-day-beginning-border-radius: var(--b-border-radius-s) 0 0 var(--b-border-radius-s);
1909
+ --b-calendar-month-month-selector-margin-bottom: var(--b-spacer-090);
1910
+ --b-calendar-month-month-selector-color: var(--b-color-label-primary);
1911
+ --b-calendar-month-day-of-the-week-padding-bottom: var(--b-spacer-030);
1912
+ --b-calendar-month-day-of-the-week-color: var(--b-color-label-secondary);
1913
+ --b-calendar-range-gap: var(--b-spacer-090);
1914
+ --b-button-icon-only-secondary-padding-condensed: calc(var(--b-spacer-030) - var(--b-border-width-s));
1915
+ --b-button-icon-only-secondary-padding: calc(var(--b-spacer-050) - var(--b-border-width-s));
1916
+ --b-button-icon-only-condensed-padding: var(--b-spacer-030);
1917
+ --b-button-icon-only-padding: var(--b-spacer-050);
1918
+ --b-button-condensed-tertiary-padding: var(--b-spacer-000);
1919
+ --b-button-condensed-secondary-padding: calc(var(--b-spacer-020) - var(--b-border-width-s)) calc(var(--b-spacer-050) - var(--b-border-width-s));
1920
+ --b-button-condensed-padding: var(--b-spacer-020) var(--b-spacer-050);
1921
+ --b-button-condensed-font-size: var(--b-text-body-font-size);
1922
+ --b-button-condensed-border-radius: var(--b-border-radius-m);
1923
+ --b-button-tertiary-with-background-critical-hover-background-color-inverse: var(--b-color-background-inverse-critical-weak);
1924
+ --b-button-tertiary-with-background-critical-hover-background-color: var(--b-color-background-critical-weak);
1925
+ --b-button-tertiary-with-background-critical-active-background-color-inverse: var(--b-color-background-inverse-critical-weak);
1926
+ --b-button-tertiary-with-background-critical-active-background-color: var(--b-color-background-critical-weak);
1927
+ --b-button-tertiary-with-background-active-background-color-inverse: var(--b-color-background-inverse-primary-active);
1928
+ --b-button-tertiary-with-background-active-background-color: var(--b-color-background-primary-active);
1929
+ --b-button-tertiary-with-background-hover-background-color-inverse: var(--b-color-background-inverse-primary-hover);
1930
+ --b-button-tertiary-with-background-hover-background-color: var(--b-color-background-primary-hover);
1931
+ --b-button-tertiary-critical-hover-color-inverse: var(--b-color-label-inverse-critical-hover);
1932
+ --b-button-tertiary-critical-hover-color: var(--b-color-label-critical-hover);
1933
+ --b-button-tertiary-critical-disabled-color-inverse: var(--b-color-label-inverse-disabled);
1934
+ --b-button-tertiary-critical-disabled-color: var(--b-color-label-disabled);
1935
+ --b-button-tertiary-critical-active-color-inverse: var(--b-color-label-inverse-critical-active);
1936
+ --b-button-tertiary-critical-active-color: var(--b-color-label-critical-active);
1937
+ --b-button-tertiary-critical-color-inverse: var(--b-color-label-inverse-critical);
1938
+ --b-button-tertiary-critical-color: var(--b-color-label-critical);
1939
+ --b-button-tertiary-disabled-color-inverse: var(--b-color-label-inverse-disabled);
1940
+ --b-button-tertiary-disabled-color: var(--b-color-label-disabled);
1941
+ --b-button-tertiary-active-color-inverse: var(--b-color-label-inverse-primary-active);
1942
+ --b-button-tertiary-active-color: var(--b-color-label-primary-active);
1943
+ --b-button-tertiary-hover-color-inverse: var(--b-color-label-inverse-primary-hover);
1944
+ --b-button-tertiary-hover-color: var(--b-color-label-primary-hover);
1945
+ --b-button-tertiary-padding: var(--b-spacer-000);
1946
+ --b-button-tertiary-color-inverse: var(--b-color-label-inverse-primary);
1947
+ --b-button-tertiary-color: var(--b-color-label-primary);
1948
+ --b-button-tertiary-border-radius: var(--b-border-radius-xs);
1949
+ --b-button-secondary-critical-hover-color-inverse: var(--b-color-label-inverse-critical-hover);
1950
+ --b-button-secondary-critical-hover-color: var(--b-color-label-critical-hover);
1951
+ --b-button-secondary-critical-hover-box-shadow-inverse: inset 0 0 0 var(--b-border-width-s) var(--b-color-outline-inverse-critical-hover);
1952
+ --b-button-secondary-critical-hover-box-shadow: inset 0 0 0 var(--b-border-width-s) var(--b-color-outline-critical-hover);
1953
+ --b-button-secondary-critical-hover-border-inverse: var(--b-border-width-s) solid var(--b-color-outline-inverse-critical-hover);
1954
+ --b-button-secondary-critical-hover-border: var(--b-border-width-s) solid var(--b-color-outline-critical-hover);
1955
+ --b-button-secondary-critical-hover-background-color-inverse: var(--b-color-background-inverse-critical-weak);
1956
+ --b-button-secondary-critical-hover-background-color: var(--b-color-background-critical-weak);
1957
+ --b-button-secondary-critical-disabled-color-inverse: var(--b-color-label-inverse-disabled);
1958
+ --b-button-secondary-critical-disabled-color: var(--b-color-label-disabled);
1959
+ --b-button-secondary-critical-disabled-box-shadow-inverse: inset 0 0 0 var(--b-border-width-s) var(--b-color-outline-inverse-disabled);
1960
+ --b-button-secondary-critical-disabled-box-shadow: inset 0 0 0 var(--b-border-width-s) var(--b-color-outline-disabled);
1961
+ --b-button-secondary-critical-disabled-border-inverse: var(--b-border-width-s) solid var(--b-color-outline-inverse-disabled);
1962
+ --b-button-secondary-critical-disabled-border: var(--b-border-width-s) solid var(--b-color-outline-disabled);
1963
+ --b-button-secondary-critical-disabled-background-color-inverse: var(--b-color-background-inverse-primary);
1964
+ --b-button-secondary-critical-disabled-background-color: var(--b-color-background-primary);
1965
+ --b-button-secondary-critical-active-color-inverse: var(--b-color-label-inverse-critical-active);
1966
+ --b-button-secondary-critical-active-color: var(--b-color-label-critical-active);
1967
+ --b-button-secondary-critical-active-box-shadow-inverse: inset 0 0 0 var(--b-border-width-s) var(--b-color-outline-inverse-critical-active);
1968
+ --b-button-secondary-critical-active-box-shadow: inset 0 0 0 var(--b-border-width-s) var(--b-color-outline-critical-active);
1969
+ --b-button-secondary-critical-active-border-inverse: var(--b-border-width-s) solid var(--b-color-outline-inverse-critical-active);
1970
+ --b-button-secondary-critical-active-border: var(--b-border-width-s) solid var(--b-color-outline-critical-active);
1971
+ --b-button-secondary-critical-active-background-color-inverse: var(--b-color-background-inverse-critical-weak);
1972
+ --b-button-secondary-critical-active-background-color: var(--b-color-background-critical-weak);
1973
+ --b-button-secondary-critical-color-inverse: var(--b-color-label-inverse-critical);
1974
+ --b-button-secondary-critical-color: var(--b-color-label-critical);
1975
+ --b-button-secondary-critical-box-shadow-inverse: inset 0 0 0 var(--b-border-width-s) var(--b-color-outline-inverse-critical);
1976
+ --b-button-secondary-critical-box-shadow: inset 0 0 0 var(--b-border-width-s) var(--b-color-outline-critical);
1977
+ --b-button-secondary-critical-border-inverse: var(--b-border-width-s) solid var(--b-color-outline-inverse-critical);
1978
+ --b-button-secondary-critical-border: var(--b-border-width-s) solid var(--b-color-outline-critical);
1979
+ --b-button-secondary-critical-background-color-inverse: var(--b-color-background-inverse-primary);
1980
+ --b-button-secondary-critical-background-color: var(--b-color-background-primary);
1981
+ --b-button-secondary-disabled-color-inverse: var(--b-color-label-inverse-disabled);
1982
+ --b-button-secondary-disabled-color: var(--b-color-label-disabled);
1983
+ --b-button-secondary-disabled-box-shadow-inverse: inset 0 0 0 var(--b-border-width-s) var(--b-color-outline-inverse-disabled);
1984
+ --b-button-secondary-disabled-box-shadow: inset 0 0 0 var(--b-border-width-s) var(--b-color-outline-disabled);
1985
+ --b-button-secondary-disabled-border-inverse: var(--b-border-width-s) solid var(--b-color-outline-inverse-disabled);
1986
+ --b-button-secondary-disabled-border: var(--b-border-width-s) solid var(--b-color-outline-disabled);
1987
+ --b-button-secondary-disabled-background-color-inverse: var(--b-color-background-inverse-primary);
1988
+ --b-button-secondary-disabled-background-color: var(--b-color-background-primary);
1989
+ --b-button-secondary-hover-color-inverse: var(--b-color-label-inverse-primary);
1990
+ --b-button-secondary-hover-color: var(--b-color-label-primary-hover);
1991
+ --b-button-secondary-hover-box-shadow-inverse: inset 0 0 0 var(--b-border-width-s) var(--b-color-outline-inverse-primary-hover);
1992
+ --b-button-secondary-hover-box-shadow: inset 0 0 0 var(--b-border-width-s) var(--b-color-outline-secondary);
1993
+ --b-button-secondary-hover-border-inverse: var(--b-border-width-s) solid var(--b-color-outline-inverse-primary-hover);
1994
+ --b-button-secondary-hover-border: var(--b-border-width-s) solid var(--b-color-outline-secondary);
1995
+ --b-button-secondary-hover-background-color-inverse: var(--b-color-background-inverse-primary-hover);
1996
+ --b-button-secondary-hover-background-color: var(--b-color-background-primary-hover);
1997
+ --b-button-secondary-active-color-inverse: var(--b-color-label-inverse-primary);
1998
+ --b-button-secondary-active-color: var(--b-color-label-primary-active);
1999
+ --b-button-secondary-active-box-shadow-inverse: inset 0 0 0 var(--b-border-width-s) var(--b-color-outline-inverse-primary-active);
2000
+ --b-button-secondary-active-box-shadow: inset 0 0 0 var(--b-border-width-s) var(--b-color-outline-secondary);
2001
+ --b-button-secondary-active-border-inverse: var(--b-border-width-s) solid var(--b-color-outline-inverse-primary-active);
2002
+ --b-button-secondary-active-border: var(--b-border-width-s) solid var(--b-color-outline-secondary);
2003
+ --b-button-secondary-active-background-color-inverse: var(--b-color-background-inverse-primary-active);
2004
+ --b-button-secondary-active-background-color: var(--b-color-background-primary-active);
2005
+ --b-button-secondary-padding: calc(var(--b-spacer-040) - var(--b-border-width-s)) calc(var(--b-spacer-060) - var(--b-border-width-s));
2006
+ --b-button-secondary-color-inverse: var(--b-color-label-inverse-primary);
2007
+ --b-button-secondary-color: var(--b-color-label-primary);
2008
+ --b-button-secondary-box-shadow-inverse: inset 0 0 0 var(--b-border-width-s) var(--b-color-outline-inverse-primary);
2009
+ --b-button-secondary-box-shadow: inset 0 0 0 var(--b-border-width-s) var(--b-color-outline-secondary);
2010
+ --b-button-secondary-border-inverse: var(--b-border-width-s) solid var(--b-color-outline-inverse-primary);
2011
+ --b-button-secondary-border: var(--b-border-width-s) solid var(--b-color-outline-secondary);
2012
+ --b-button-secondary-background-color-inverse: var(--b-color-background-inverse-primary);
2013
+ --b-button-secondary-background-color: var(--b-color-background-primary);
2014
+ --b-button-primary-critical-hover-background-color-inverse: var(--b-color-background-inverse-critical-strong-hover);
2015
+ --b-button-primary-critical-hover-background-color: var(--b-color-background-critical-strong-hover);
2016
+ --b-button-primary-critical-disabled-color-inverse: var(--b-color-label-inverse-disabled);
2017
+ --b-button-primary-critical-disabled-color: var(--b-color-label-disabled);
2018
+ --b-button-primary-critical-disabled-box-shadow-inverse: inset 0 0 0 var(--b-border-width-s) var(--b-color-outline-inverse-disabled);
2019
+ --b-button-primary-critical-disabled-box-shadow: inset 0 0 0 var(--b-border-width-s) var(--b-color-background-disabled);
2020
+ --b-button-primary-critical-disabled-background-color-inverse: var(--b-color-background-inverse-disabled);
2021
+ --b-button-primary-critical-disabled-background-color: var(--b-color-background-disabled);
2022
+ --b-button-primary-critical-active-background-color-inverse: var(--b-color-background-inverse-critical-strong-active);
2023
+ --b-button-primary-critical-active-background-color: var(--b-color-background-critical-strong-active);
2024
+ --b-button-primary-critical-color-inverse: var(--b-color-label-primary);
2025
+ --b-button-primary-critical-color: var(--b-color-label-inverse-primary);
2026
+ --b-button-primary-critical-background-color-inverse: var(--b-color-background-inverse-critical-strong);
2027
+ --b-button-primary-critical-background-color: var(--b-color-background-critical-strong);
2028
+ --b-button-primary-hover-background-color-inverse: var(--b-color-background-primary-hover);
2029
+ --b-button-primary-hover-background-color: var(--b-color-background-inverse-primary-hover);
2030
+ --b-button-primary-disabled-box-shadow-inverse: inset 0 0 0 var(--b-border-width-s) var(--b-color-outline-inverse-disabled);
2031
+ --b-button-primary-disabled-box-shadow: inset 0 0 0 var(--b-border-width-s) var(--b-color-background-disabled);
2032
+ --b-button-primary-disabled-color-inverse: var(--b-color-label-inverse-disabled);
2033
+ --b-button-primary-disabled-color: var(--b-color-label-disabled);
2034
+ --b-button-primary-disabled-background-color-inverse: var(--b-color-background-inverse-disabled);
2035
+ --b-button-primary-disabled-background-color: var(--b-color-background-disabled);
2036
+ --b-button-primary-active-background-color-inverse: var(--b-color-background-primary-active);
2037
+ --b-button-primary-active-background-color: var(--b-color-background-inverse-primary-active);
2038
+ --b-button-primary-color-inverse: var(--b-color-label-primary);
2039
+ --b-button-primary-color: var(--b-color-label-inverse-primary);
2040
+ --b-button-primary-background-color-inverse: var(--b-color-background-primary);
2041
+ --b-button-primary-background-color: var(--b-color-background-inverse-primary);
2042
+ --b-button-transition: var(--b-animation-duration-fast) var(--b-animation-easing-linear);
2043
+ --b-button-padding: var(--b-spacer-040) var(--b-spacer-060);
2044
+ --b-button-border-radius: var(--b-border-radius-m);
2045
+ --b-button-actions-vertical-stack-row-gap: var(--b-spacer-040);
2046
+ --b-button-actions-fill-container-column-gap: var(--b-spacer-040);
2047
+ --b-button-actions-buttons-end-column-gap: var(--b-spacer-040);
2048
+ --b-button-actions-with-menu-vertical-stack-row-gap: var(--b-spacer-040);
2049
+ --b-avatar-label-padding: 0 0 0 var(--b-spacer-060);
2050
+ --b-avatar-label-color: var(--b-color-label-primary);
2051
+ --b-avatar-image-red-color: var(--b-color-decorative-red);
2052
+ --b-avatar-image-red-background-color: var(--b-color-background-critical-weak);
2053
+ --b-avatar-image-green-color: var(--b-color-decorative-green);
2054
+ --b-avatar-image-green-background-color: var(--b-color-background-success-weak);
2055
+ --b-avatar-image-blue-color: var(--b-color-decorative-blue);
2056
+ --b-avatar-image-blue-background-color: var(--b-color-background-highlight-weak);
2057
+ --b-avatar-image-yellow-color: var(--b-color-decorative-orange);
2058
+ --b-avatar-image-yellow-background-color: var(--b-color-background-warning-weak);
2059
+ --b-avatar-image-width: var(--b-spacer-100);
2060
+ --b-avatar-image-height: var(--b-spacer-100);
2061
+ --b-alert-tip-gap: var(--b-spacer-060);
2062
+ --b-alert-tip-padding: var(--b-spacer-050) var(--b-spacer-060);
2063
+ --b-alert-critical-icon-color: var(--b-color-background-critical-strong);
2064
+ --b-alert-critical-color: var(--b-color-label-primary);
2065
+ --b-alert-critical-background-color: var(--b-color-background-critical-weak);
2066
+ --b-alert-warning-icon-color: var(--b-color-background-warning-strong);
2067
+ --b-alert-warning-color: var(--b-color-label-primary);
2068
+ --b-alert-warning-background-color: var(--b-color-background-warning-weak);
2069
+ --b-alert-highlight-icon-color: var(--b-color-background-highlight-strong);
2070
+ --b-alert-highlight-color: var(--b-color-label-primary);
2071
+ --b-alert-highlight-background-color: var(--b-color-background-highlight-weak);
2072
+ --b-alert-success-icon-color: var(--b-color-background-success-strong);
2073
+ --b-alert-success-color: var(--b-color-label-primary);
2074
+ --b-alert-success-background-color: var(--b-color-background-success-weak);
2075
+ --b-alert-actions-gap: var(--b-spacer-070);
2076
+ --b-alert-actions-margin-top: var(--b-spacer-050);
2077
+ --b-alert-description-margin-top: var(--b-spacer-020);
2078
+ --b-alert-gap-mobile: var(--b-spacer-070);
2079
+ --b-alert-gap: var(--b-spacer-080);
2080
+ --b-alert-padding-mobile: var(--b-spacer-070);
2081
+ --b-alert-padding: var(--b-spacer-080);
2082
+ --b-alert-border-radius: var(--b-border-radius-m);
2083
+ --b-ai-button-icon-color: var(--b-color-decorative-green);
2084
+ --b-ai-button-animation-background: var(--b-color-decorative-green);
2085
+ --b-action-bar-animation-duration: var(--b-animation-duration-moderate);
2086
+ --b-action-bar-close-button-margin-right-mobile: var(--b-spacer-070);
2087
+ --b-action-bar-close-button-margin-right: var(--b-spacer-090);
2088
+ --b-action-bar-selection-margin-right-mobile: var(--b-spacer-070);
2089
+ --b-action-bar-selection-margin-right: var(--b-spacer-110);
2090
+ --b-action-bar-container-width: calc(100% - var(--b-spacer-070) - var(--b-spacer-070));
2091
+ --b-action-bar-container-padding: var(--b-spacer-050) var(--b-spacer-090);
2092
+ --b-action-bar-container-color: var(--b-color-label-inverse-primary);
2093
+ --b-action-bar-container-background-color: var(--b-color-background-inverse-primary);
2094
+ --b-action-bar-z-index: var(--b-z-index-global-elevated);
2095
+ --b-action-bar-bottom-extra-spacing: var(--b-spacer-120);
2096
+ --b-action-bar-bottom: var(--b-spacer-070);
2097
+ --b-accordion-item-animation-easing: var(--b-animation-easing-standard);
2098
+ --b-accordion-item-animation-duration: var(--b-animation-duration-moderate);
2099
+ --b-accordion-item-content-padding: var(--b-spacer-060) var(--b-spacer-070) var(--b-spacer-070) var(--b-spacer-100);
2100
+ --b-accordion-item-content-color: var(--b-color-label-primary);
2101
+ --b-accordion-item-button-active-background-color: var(--b-color-background-primary-active);
2102
+ --b-accordion-item-button-hover-background-color: var(--b-color-background-primary-hover);
2103
+ --b-accordion-item-button-padding: var(--b-spacer-060) var(--b-spacer-070) var(--b-spacer-060) 0;
2104
+ --b-accordion-item-button-gap: var(--b-spacer-070);
2105
+ --b-accordion-item-button-color: var(--b-color-label-primary);
2106
+ --b-accordion-item-border: var(--b-border-width-s) solid var(--b-color-outline-primary);
2107
+ --b-accordion-item-background-color: var(--b-color-background-primary);
2108
+ --b-text-rich-text-caption-table-padding: var(--b-spacer-040) var(--b-spacer-060);
2109
+ --b-text-rich-text-caption-blockquote-margin: var(--b-spacer-060) 0 var(--b-spacer-060) var(--b-spacer-070);
2110
+ --b-text-rich-text-caption-list-margin: 0 0 var(--b-spacer-010) 0;
2111
+ --b-text-rich-text-caption-list-padding-left: var(--b-spacer-070);
2112
+ --b-text-rich-text-caption-paragraph-margin: 0 0 var(--b-spacer-030) 0;
2113
+ --b-text-rich-text-table-caption-margin: 0 0 var(--b-spacer-030) 0;
2114
+ --b-text-rich-text-table-padding: var(--b-spacer-050) var(--b-spacer-070);
2115
+ --b-text-rich-text-table-margin: var(--b-spacer-070) 0 var(--b-spacer-070) 0;
2116
+ --b-text-rich-text-table-border: var(--b-border-width-s) solid var(--b-color-outline-primary);
2117
+ --b-text-rich-text-blockquote-margin: var(--b-spacer-070) 0 var(--b-spacer-070) var(--b-spacer-070);
2118
+ --b-text-rich-text-mark-background-color: var(--b-color-background-highlight-weak);
2119
+ --b-text-rich-text-pre-padding: var(--b-spacer-050) var(--b-spacer-070);
2120
+ --b-text-rich-text-pre-margin: var(--b-spacer-070) 0 var(--b-spacer-070) 0;
2121
+ --b-text-rich-text-code-background-color: var(--b-color-background-secondary);
2122
+ --b-text-rich-text-list-margin: 0 0 var(--b-spacer-020) 0;
2123
+ --b-text-rich-text-list-padding-left: var(--b-spacer-080);
2124
+ --b-text-rich-text-paragraph-margin: 0 0 var(--b-spacer-040) 0;
2125
+ --b-text-rich-text-heading-margin: var(--b-spacer-100) 0 var(--b-spacer-050) 0;
2126
+ --b-focus-ring-outline: var(--b-border-width-l);
2127
+ --b-focus-ring-spacer: var(--b-border-width-s);
2128
+ --b-data-grid-cell-actions-background-gradient-highlighted-background: var(--b-gradient-data-grid-highlighted-hover);
2129
+ --b-data-grid-cell-actions-background-gradient-selected-background: var(--b-gradient-data-grid-selected-hover);
2130
+ --b-data-grid-cell-actions-background-gradient-zebra-background: var(--b-gradient-data-grid-zebra-hover);
2131
+ --b-data-grid-cell-actions-background-gradient-background: var(--b-gradient-data-grid-hover);
2132
+ }