@dialpad/dialtone 9.79.1 → 9.79.2

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (70) hide show
  1. package/dist/css/dialtone-default-theme.css +2586 -1649
  2. package/dist/css/dialtone-default-theme.min.css +1 -1
  3. package/dist/css/dialtone.css +876 -790
  4. package/dist/css/dialtone.min.css +1 -1
  5. package/dist/css/tokens/tokens-base-dark.css +179 -98
  6. package/dist/css/tokens/tokens-base-light.css +139 -78
  7. package/dist/css/tokens/tokens-dp-dark.css +399 -143
  8. package/dist/css/tokens/tokens-dp-light.css +401 -145
  9. package/dist/css/tokens/tokens-expressive-dark.css +401 -145
  10. package/dist/css/tokens/tokens-expressive-light.css +401 -145
  11. package/dist/css/tokens/tokens-expressive-sm-dark.css +401 -145
  12. package/dist/css/tokens/tokens-expressive-sm-light.css +401 -145
  13. package/dist/css/tokens/tokens-tmo-dark.css +405 -149
  14. package/dist/css/tokens/tokens-tmo-light.css +404 -148
  15. package/dist/tokens/css/tokens-base-dark.css +179 -98
  16. package/dist/tokens/css/tokens-base-light.css +139 -78
  17. package/dist/tokens/css/tokens-dp-dark.css +399 -143
  18. package/dist/tokens/css/tokens-dp-light.css +401 -145
  19. package/dist/tokens/css/tokens-expressive-dark.css +401 -145
  20. package/dist/tokens/css/tokens-expressive-light.css +401 -145
  21. package/dist/tokens/css/tokens-expressive-sm-dark.css +401 -145
  22. package/dist/tokens/css/tokens-expressive-sm-light.css +401 -145
  23. package/dist/tokens/css/tokens-tmo-dark.css +405 -149
  24. package/dist/tokens/css/tokens-tmo-light.css +404 -148
  25. package/dist/tokens/doc.json +10669 -10669
  26. package/dist/tokens/themes/chunks/tokens-base-dark-CdqPSU5U.js +4 -0
  27. package/dist/tokens/themes/chunks/tokens-base-dark-Zky9H3op.js +1 -0
  28. package/dist/tokens/themes/chunks/tokens-base-light-DSEQ-J5c.js +4 -0
  29. package/dist/tokens/themes/chunks/tokens-base-light-DXqd1KP5.js +1 -0
  30. package/dist/tokens/themes/dp-dark.cjs +1 -1
  31. package/dist/tokens/themes/dp-dark.js +2 -2
  32. package/dist/tokens/themes/dp-light.cjs +1 -1
  33. package/dist/tokens/themes/dp-light.js +2 -2
  34. package/dist/tokens/themes/expressive-dark.cjs +1 -1
  35. package/dist/tokens/themes/expressive-dark.js +2 -2
  36. package/dist/tokens/themes/expressive-light.cjs +1 -1
  37. package/dist/tokens/themes/expressive-light.js +2 -2
  38. package/dist/tokens/themes/expressive-sm-dark.cjs +1 -1
  39. package/dist/tokens/themes/expressive-sm-dark.js +2 -2
  40. package/dist/tokens/themes/expressive-sm-light.cjs +1 -1
  41. package/dist/tokens/themes/expressive-sm-light.js +2 -2
  42. package/dist/tokens/themes/tmo-dark.cjs +1 -1
  43. package/dist/tokens/themes/tmo-dark.js +2 -2
  44. package/dist/tokens/themes/tmo-light.cjs +1 -1
  45. package/dist/tokens/themes/tmo-light.js +2 -2
  46. package/dist/vue2/packages/dialtone-vue2/recipes/conversation_view/editor/editor.vue.cjs +2 -2
  47. package/dist/vue2/packages/dialtone-vue2/recipes/conversation_view/editor/editor.vue.cjs.map +1 -1
  48. package/dist/vue2/packages/dialtone-vue2/recipes/conversation_view/editor/editor.vue.js +2 -2
  49. package/dist/vue2/packages/dialtone-vue2/recipes/conversation_view/editor/editor.vue.js.map +1 -1
  50. package/dist/vue2/packages/dialtone-vue2/recipes/conversation_view/message_input/message_input.vue.cjs +12 -9
  51. package/dist/vue2/packages/dialtone-vue2/recipes/conversation_view/message_input/message_input.vue.cjs.map +1 -1
  52. package/dist/vue2/packages/dialtone-vue2/recipes/conversation_view/message_input/message_input.vue.js +12 -9
  53. package/dist/vue2/packages/dialtone-vue2/recipes/conversation_view/message_input/message_input.vue.js.map +1 -1
  54. package/dist/vue2/style.css +18 -7
  55. package/dist/vue2/types/recipes/conversation_view/message_input/message_input.vue.d.ts.map +1 -1
  56. package/dist/vue3/packages/dialtone-vue3/recipes/conversation_view/editor/editor.vue.cjs +125 -22
  57. package/dist/vue3/packages/dialtone-vue3/recipes/conversation_view/editor/editor.vue.cjs.map +1 -1
  58. package/dist/vue3/packages/dialtone-vue3/recipes/conversation_view/editor/editor.vue.js +125 -22
  59. package/dist/vue3/packages/dialtone-vue3/recipes/conversation_view/editor/editor.vue.js.map +1 -1
  60. package/dist/vue3/packages/dialtone-vue3/recipes/conversation_view/message_input/message_input.vue.cjs +177 -149
  61. package/dist/vue3/packages/dialtone-vue3/recipes/conversation_view/message_input/message_input.vue.cjs.map +1 -1
  62. package/dist/vue3/packages/dialtone-vue3/recipes/conversation_view/message_input/message_input.vue.js +178 -150
  63. package/dist/vue3/packages/dialtone-vue3/recipes/conversation_view/message_input/message_input.vue.js.map +1 -1
  64. package/dist/vue3/style.css +18 -7
  65. package/dist/vue3/types/recipes/conversation_view/message_input/message_input.vue.d.ts.map +1 -1
  66. package/package.json +5 -4
  67. package/dist/tokens/themes/chunks/tokens-base-dark-DPDbA0Im.js +0 -4
  68. package/dist/tokens/themes/chunks/tokens-base-dark-OGkvNn32.js +0 -1
  69. package/dist/tokens/themes/chunks/tokens-base-light-C0l67sjm.js +0 -1
  70. package/dist/tokens/themes/chunks/tokens-base-light-nNZ2WKLp.js +0 -4
@@ -5246,78 +5246,6 @@ legend .d-label--md {
5246
5246
  .d-divide-x-reverse > * + * {
5247
5247
  --divide-x-reverse: 1;
5248
5248
  }
5249
- .d-fc-primary, .h\:d-fc-primary:hover, .f\:d-fc-primary:focus, .f\:d-fc-primary:focus-within, .fv\:d-fc-primary:focus-visible {
5250
- color: var(--dt-color-foreground-primary) !important;
5251
- }
5252
- .d-fc-primary-inverted, .h\:d-fc-primary-inverted:hover, .f\:d-fc-primary-inverted:focus, .f\:d-fc-primary-inverted:focus-within, .fv\:d-fc-primary-inverted:focus-visible {
5253
- color: var(--dt-color-foreground-primary-inverted) !important;
5254
- }
5255
- .d-fc-secondary, .h\:d-fc-secondary:hover, .f\:d-fc-secondary:focus, .f\:d-fc-secondary:focus-within, .fv\:d-fc-secondary:focus-visible {
5256
- color: var(--dt-color-foreground-secondary) !important;
5257
- }
5258
- .d-fc-secondary-inverted, .h\:d-fc-secondary-inverted:hover, .f\:d-fc-secondary-inverted:focus, .f\:d-fc-secondary-inverted:focus-within, .fv\:d-fc-secondary-inverted:focus-visible {
5259
- color: var(--dt-color-foreground-secondary-inverted) !important;
5260
- }
5261
- .d-fc-tertiary, .h\:d-fc-tertiary:hover, .f\:d-fc-tertiary:focus, .f\:d-fc-tertiary:focus-within, .fv\:d-fc-tertiary:focus-visible {
5262
- color: var(--dt-color-foreground-tertiary) !important;
5263
- }
5264
- .d-fc-tertiary-inverted, .h\:d-fc-tertiary-inverted:hover, .f\:d-fc-tertiary-inverted:focus, .f\:d-fc-tertiary-inverted:focus-within, .fv\:d-fc-tertiary-inverted:focus-visible {
5265
- color: var(--dt-color-foreground-tertiary-inverted) !important;
5266
- }
5267
- .d-fc-muted, .h\:d-fc-muted:hover, .f\:d-fc-muted:focus, .f\:d-fc-muted:focus-within, .fv\:d-fc-muted:focus-visible {
5268
- color: var(--dt-color-foreground-muted) !important;
5269
- }
5270
- .d-fc-muted-inverted, .h\:d-fc-muted-inverted:hover, .f\:d-fc-muted-inverted:focus, .f\:d-fc-muted-inverted:focus-within, .fv\:d-fc-muted-inverted:focus-visible {
5271
- color: var(--dt-color-foreground-muted-inverted) !important;
5272
- }
5273
- .d-fc-placeholder, .h\:d-fc-placeholder:hover, .f\:d-fc-placeholder:focus, .f\:d-fc-placeholder:focus-within, .fv\:d-fc-placeholder:focus-visible {
5274
- color: var(--dt-color-foreground-placeholder) !important;
5275
- }
5276
- .d-fc-placeholder-inverted, .h\:d-fc-placeholder-inverted:hover, .f\:d-fc-placeholder-inverted:focus, .f\:d-fc-placeholder-inverted:focus-within, .fv\:d-fc-placeholder-inverted:focus-visible {
5277
- color: var(--dt-color-foreground-placeholder-inverted) !important;
5278
- }
5279
- .d-fc-disabled, .h\:d-fc-disabled:hover, .f\:d-fc-disabled:focus, .f\:d-fc-disabled:focus-within, .fv\:d-fc-disabled:focus-visible {
5280
- color: var(--dt-color-foreground-disabled) !important;
5281
- }
5282
- .d-fc-disabled-inverted, .h\:d-fc-disabled-inverted:hover, .f\:d-fc-disabled-inverted:focus, .f\:d-fc-disabled-inverted:focus-within, .fv\:d-fc-disabled-inverted:focus-visible {
5283
- color: var(--dt-color-foreground-disabled-inverted) !important;
5284
- }
5285
- .d-fc-success, .h\:d-fc-success:hover, .f\:d-fc-success:focus, .f\:d-fc-success:focus-within, .fv\:d-fc-success:focus-visible {
5286
- color: var(--dt-color-foreground-success) !important;
5287
- }
5288
- .d-fc-success-inverted, .h\:d-fc-success-inverted:hover, .f\:d-fc-success-inverted:focus, .f\:d-fc-success-inverted:focus-within, .fv\:d-fc-success-inverted:focus-visible {
5289
- color: var(--dt-color-foreground-success-inverted) !important;
5290
- }
5291
- .d-fc-success-strong, .h\:d-fc-success-strong:hover, .f\:d-fc-success-strong:focus, .f\:d-fc-success-strong:focus-within, .fv\:d-fc-success-strong:focus-visible {
5292
- color: var(--dt-color-foreground-success-strong) !important;
5293
- }
5294
- .d-fc-success-strong-inverted, .h\:d-fc-success-strong-inverted:hover, .f\:d-fc-success-strong-inverted:focus, .f\:d-fc-success-strong-inverted:focus-within, .fv\:d-fc-success-strong-inverted:focus-visible {
5295
- color: var(--dt-color-foreground-success-strong-inverted) !important;
5296
- }
5297
- .d-fc-warning, .h\:d-fc-warning:hover, .f\:d-fc-warning:focus, .f\:d-fc-warning:focus-within, .fv\:d-fc-warning:focus-visible {
5298
- color: var(--dt-color-foreground-warning) !important;
5299
- }
5300
- .d-fc-warning-inverted, .h\:d-fc-warning-inverted:hover, .f\:d-fc-warning-inverted:focus, .f\:d-fc-warning-inverted:focus-within, .fv\:d-fc-warning-inverted:focus-visible {
5301
- color: var(--dt-color-foreground-warning-inverted) !important;
5302
- }
5303
- .d-fc-error, .h\:d-fc-error:hover, .f\:d-fc-error:focus, .f\:d-fc-error:focus-within, .fv\:d-fc-error:focus-visible {
5304
- color: var(--dt-color-foreground-critical) !important;
5305
- }
5306
- .d-fc-error-strong, .h\:d-fc-error-strong:hover, .f\:d-fc-error-strong:focus, .f\:d-fc-error-strong:focus-within, .fv\:d-fc-error-strong:focus-visible {
5307
- color: var(--dt-color-foreground-critical-strong) !important;
5308
- }
5309
- .d-fc-critical, .h\:d-fc-critical:hover, .f\:d-fc-critical:focus, .f\:d-fc-critical:focus-within, .fv\:d-fc-critical:focus-visible {
5310
- color: var(--dt-color-foreground-critical) !important;
5311
- }
5312
- .d-fc-critical-inverted, .h\:d-fc-critical-inverted:hover, .f\:d-fc-critical-inverted:focus, .f\:d-fc-critical-inverted:focus-within, .fv\:d-fc-critical-inverted:focus-visible {
5313
- color: var(--dt-color-foreground-critical-inverted) !important;
5314
- }
5315
- .d-fc-critical-strong, .h\:d-fc-critical-strong:hover, .f\:d-fc-critical-strong:focus, .f\:d-fc-critical-strong:focus-within, .fv\:d-fc-critical-strong:focus-visible {
5316
- color: var(--dt-color-foreground-critical-strong) !important;
5317
- }
5318
- .d-fc-critical-strong-inverted, .h\:d-fc-critical-strong-inverted:hover, .f\:d-fc-critical-strong-inverted:focus, .f\:d-fc-critical-strong-inverted:focus-within, .fv\:d-fc-critical-strong-inverted:focus-visible {
5319
- color: var(--dt-color-foreground-critical-strong-inverted) !important;
5320
- }
5321
5249
  .d-fc-current, .h\:d-fc-current:hover, .f\:d-fc-current:focus, .f\:d-fc-current:focus-within, .fv\:d-fc-current:focus-visible {
5322
5250
  color: currentColor !important;
5323
5251
  }
@@ -5327,102 +5255,6 @@ legend .d-label--md {
5327
5255
  .d-fc-unset, .h\:d-fc-unset:hover, .f\:d-fc-unset:focus, .f\:d-fc-unset:focus-within, .fv\:d-fc-unset:focus-visible {
5328
5256
  color: unset !important;
5329
5257
  }
5330
- .d-bgc-primary, .h\:d-bgc-primary:hover, .f\:d-bgc-primary:focus, .f\:d-bgc-primary:focus-within, .fv\:d-bgc-primary:focus-visible {
5331
- background-color: var(--dt-color-surface-primary) !important;
5332
- }
5333
- .d-bgc-secondary, .h\:d-bgc-secondary:hover, .f\:d-bgc-secondary:focus, .f\:d-bgc-secondary:focus-within, .fv\:d-bgc-secondary:focus-visible {
5334
- background-color: var(--dt-color-surface-secondary) !important;
5335
- }
5336
- .d-bgc-secondary-opaque, .h\:d-bgc-secondary-opaque:hover, .f\:d-bgc-secondary-opaque:focus, .f\:d-bgc-secondary-opaque:focus-within, .fv\:d-bgc-secondary-opaque:focus-visible {
5337
- background-color: var(--dt-color-surface-secondary-opaque) !important;
5338
- }
5339
- .d-bgc-moderate, .h\:d-bgc-moderate:hover, .f\:d-bgc-moderate:focus, .f\:d-bgc-moderate:focus-within, .fv\:d-bgc-moderate:focus-visible {
5340
- background-color: var(--dt-color-surface-moderate) !important;
5341
- }
5342
- .d-bgc-moderate-opaque, .h\:d-bgc-moderate-opaque:hover, .f\:d-bgc-moderate-opaque:focus, .f\:d-bgc-moderate-opaque:focus-within, .fv\:d-bgc-moderate-opaque:focus-visible {
5343
- background-color: var(--dt-color-surface-moderate-opaque) !important;
5344
- }
5345
- .d-bgc-strong-opaque, .h\:d-bgc-strong-opaque:hover, .f\:d-bgc-strong-opaque:focus, .f\:d-bgc-strong-opaque:focus-within, .fv\:d-bgc-strong-opaque:focus-visible {
5346
- background-color: var(--dt-color-surface-strong-opaque) !important;
5347
- }
5348
- .d-bgc-contrast-opaque, .h\:d-bgc-contrast-opaque:hover, .f\:d-bgc-contrast-opaque:focus, .f\:d-bgc-contrast-opaque:focus-within, .fv\:d-bgc-contrast-opaque:focus-visible {
5349
- background-color: var(--dt-color-surface-contrast-opaque) !important;
5350
- }
5351
- .d-bgc-bold, .h\:d-bgc-bold:hover, .f\:d-bgc-bold:focus, .f\:d-bgc-bold:focus-within, .fv\:d-bgc-bold:focus-visible {
5352
- background-color: var(--dt-color-surface-bold) !important;
5353
- }
5354
- .d-bgc-bold-opaque, .h\:d-bgc-bold-opaque:hover, .f\:d-bgc-bold-opaque:focus, .f\:d-bgc-bold-opaque:focus-within, .fv\:d-bgc-bold-opaque:focus-visible {
5355
- background-color: var(--dt-color-surface-bold-opaque) !important;
5356
- }
5357
- .d-bgc-strong, .h\:d-bgc-strong:hover, .f\:d-bgc-strong:focus, .f\:d-bgc-strong:focus-within, .fv\:d-bgc-strong:focus-visible {
5358
- background-color: var(--dt-color-surface-strong) !important;
5359
- }
5360
- .d-bgc-contrast, .h\:d-bgc-contrast:hover, .f\:d-bgc-contrast:focus, .f\:d-bgc-contrast:focus-within, .fv\:d-bgc-contrast:focus-visible {
5361
- background-color: var(--dt-color-surface-contrast) !important;
5362
- }
5363
- .d-bgc-backdrop, .h\:d-bgc-backdrop:hover, .f\:d-bgc-backdrop:focus, .f\:d-bgc-backdrop:focus-within, .fv\:d-bgc-backdrop:focus-visible {
5364
- background-color: var(--dt-color-surface-backdrop) !important;
5365
- }
5366
- .d-bgc-success, .h\:d-bgc-success:hover, .f\:d-bgc-success:focus, .f\:d-bgc-success:focus-within, .fv\:d-bgc-success:focus-visible {
5367
- background-color: var(--dt-color-surface-success) !important;
5368
- }
5369
- .d-bgc-success-opaque, .h\:d-bgc-success-opaque:hover, .f\:d-bgc-success-opaque:focus, .f\:d-bgc-success-opaque:focus-within, .fv\:d-bgc-success-opaque:focus-visible {
5370
- background-color: var(--dt-color-surface-success-opaque) !important;
5371
- }
5372
- .d-bgc-success-subtle, .h\:d-bgc-success-subtle:hover, .f\:d-bgc-success-subtle:focus, .f\:d-bgc-success-subtle:focus-within, .fv\:d-bgc-success-subtle:focus-visible {
5373
- background-color: var(--dt-color-surface-success-subtle) !important;
5374
- }
5375
- .d-bgc-success-subtle-opaque, .h\:d-bgc-success-subtle-opaque:hover, .f\:d-bgc-success-subtle-opaque:focus, .f\:d-bgc-success-subtle-opaque:focus-within, .fv\:d-bgc-success-subtle-opaque:focus-visible {
5376
- background-color: var(--dt-color-surface-success-subtle-opaque) !important;
5377
- }
5378
- .d-bgc-success-strong, .h\:d-bgc-success-strong:hover, .f\:d-bgc-success-strong:focus, .f\:d-bgc-success-strong:focus-within, .fv\:d-bgc-success-strong:focus-visible {
5379
- background-color: var(--dt-color-surface-success-strong) !important;
5380
- }
5381
- .d-bgc-warning, .h\:d-bgc-warning:hover, .f\:d-bgc-warning:focus, .f\:d-bgc-warning:focus-within, .fv\:d-bgc-warning:focus-visible {
5382
- background-color: var(--dt-color-surface-warning) !important;
5383
- }
5384
- .d-bgc-warning-opaque, .h\:d-bgc-warning-opaque:hover, .f\:d-bgc-warning-opaque:focus, .f\:d-bgc-warning-opaque:focus-within, .fv\:d-bgc-warning-opaque:focus-visible {
5385
- background-color: var(--dt-color-surface-warning-opaque) !important;
5386
- }
5387
- .d-bgc-warning-subtle, .h\:d-bgc-warning-subtle:hover, .f\:d-bgc-warning-subtle:focus, .f\:d-bgc-warning-subtle:focus-within, .fv\:d-bgc-warning-subtle:focus-visible {
5388
- background-color: var(--dt-color-surface-warning-subtle) !important;
5389
- }
5390
- .d-bgc-warning-subtle-opaque, .h\:d-bgc-warning-subtle-opaque:hover, .f\:d-bgc-warning-subtle-opaque:focus, .f\:d-bgc-warning-subtle-opaque:focus-within, .fv\:d-bgc-warning-subtle-opaque:focus-visible {
5391
- background-color: var(--dt-color-surface-warning-subtle-opaque) !important;
5392
- }
5393
- .d-bgc-warning-strong, .h\:d-bgc-warning-strong:hover, .f\:d-bgc-warning-strong:focus, .f\:d-bgc-warning-strong:focus-within, .fv\:d-bgc-warning-strong:focus-visible {
5394
- background-color: var(--dt-color-surface-warning-strong) !important;
5395
- }
5396
- .d-bgc-info, .h\:d-bgc-info:hover, .f\:d-bgc-info:focus, .f\:d-bgc-info:focus-within, .fv\:d-bgc-info:focus-visible {
5397
- background-color: var(--dt-color-surface-info) !important;
5398
- }
5399
- .d-bgc-info-opaque, .h\:d-bgc-info-opaque:hover, .f\:d-bgc-info-opaque:focus, .f\:d-bgc-info-opaque:focus-within, .fv\:d-bgc-info-opaque:focus-visible {
5400
- background-color: var(--dt-color-surface-info-opaque) !important;
5401
- }
5402
- .d-bgc-info-subtle, .h\:d-bgc-info-subtle:hover, .f\:d-bgc-info-subtle:focus, .f\:d-bgc-info-subtle:focus-within, .fv\:d-bgc-info-subtle:focus-visible {
5403
- background-color: var(--dt-color-surface-info-subtle) !important;
5404
- }
5405
- .d-bgc-info-subtle-opaque, .h\:d-bgc-info-subtle-opaque:hover, .f\:d-bgc-info-subtle-opaque:focus, .f\:d-bgc-info-subtle-opaque:focus-within, .fv\:d-bgc-info-subtle-opaque:focus-visible {
5406
- background-color: var(--dt-color-surface-info-subtle-opaque) !important;
5407
- }
5408
- .d-bgc-info-strong, .h\:d-bgc-info-strong:hover, .f\:d-bgc-info-strong:focus, .f\:d-bgc-info-strong:focus-within, .fv\:d-bgc-info-strong:focus-visible {
5409
- background-color: var(--dt-color-surface-info-strong) !important;
5410
- }
5411
- .d-bgc-critical, .h\:d-bgc-critical:hover, .f\:d-bgc-critical:focus, .f\:d-bgc-critical:focus-within, .fv\:d-bgc-critical:focus-visible, .d-bgc-error, .h\:d-bgc-error:hover, .f\:d-bgc-error:focus, .f\:d-bgc-error:focus-within, .fv\:d-bgc-error:focus-visible, .d-bgc-danger, .h\:d-bgc-danger:hover, .f\:d-bgc-danger:focus, .f\:d-bgc-danger:focus-within, .fv\:d-bgc-danger:focus-visible {
5412
- background-color: var(--dt-color-surface-critical) !important;
5413
- }
5414
- .d-bgc-critical-opaque, .h\:d-bgc-critical-opaque:hover, .f\:d-bgc-critical-opaque:focus, .f\:d-bgc-critical-opaque:focus-within, .fv\:d-bgc-critical-opaque:focus-visible {
5415
- background-color: var(--dt-color-surface-critical-opaque) !important;
5416
- }
5417
- .d-bgc-critical-subtle, .h\:d-bgc-critical-subtle:hover, .f\:d-bgc-critical-subtle:focus, .f\:d-bgc-critical-subtle:focus-within, .fv\:d-bgc-critical-subtle:focus-visible {
5418
- background-color: var(--dt-color-surface-critical-subtle) !important;
5419
- }
5420
- .d-bgc-critical-subtle-opaque, .h\:d-bgc-critical-subtle-opaque:hover, .f\:d-bgc-critical-subtle-opaque:focus, .f\:d-bgc-critical-subtle-opaque:focus-within, .fv\:d-bgc-critical-subtle-opaque:focus-visible {
5421
- background-color: var(--dt-color-surface-critical-subtle-opaque) !important;
5422
- }
5423
- .d-bgc-critical-strong, .h\:d-bgc-critical-strong:hover, .f\:d-bgc-critical-strong:focus, .f\:d-bgc-critical-strong:focus-within, .fv\:d-bgc-critical-strong:focus-visible {
5424
- background-color: var(--dt-color-surface-critical-strong) !important;
5425
- }
5426
5258
  .d-bgc-transparent, .h\:d-bgc-transparent:hover, .f\:d-bgc-transparent:focus, .f\:d-bgc-transparent:focus-within, .fv\:d-bgc-transparent:focus-visible {
5427
5259
  background-color: transparent !important;
5428
5260
  background-image: none !important;
@@ -5431,117 +5263,15 @@ legend .d-label--md {
5431
5263
  background-color: unset !important;
5432
5264
  background-image: unset !important;
5433
5265
  }
5434
- .d-bc-transparent {
5266
+ .d-bc-transparent, .h\:d-bc-transparent:hover, .f\:d-bc-transparent:focus, .f\:d-bc-transparent:focus-within, .fv\:d-bc-transparent:focus-visible {
5435
5267
  border-color: transparent !important;
5436
5268
  }
5437
- .d-bc-current {
5269
+ .d-bc-current, .h\:d-bc-current:hover, .f\:d-bc-current:focus, .f\:d-bc-current:focus-within, .fv\:d-bc-current:focus-visible {
5438
5270
  border-color: currentColor !important;
5439
5271
  }
5440
- .d-bc-unset {
5272
+ .d-bc-unset, .h\:d-bc-unset:hover, .f\:d-bc-unset:focus, .f\:d-bc-unset:focus-within, .fv\:d-bc-unset:focus-visible {
5441
5273
  border-color: unset !important;
5442
5274
  }
5443
- .d-bc-subtle, .h\:d-bc-subtle:hover, .f\:d-bc-subtle:focus, .f\:d-bc-subtle:focus-within, .fv\:d-bc-subtle:focus-visible {
5444
- border-color: var(--dt-color-border-subtle) !important;
5445
- }
5446
- .d-bc-default, .h\:d-bc-default:hover, .f\:d-bc-default:focus, .f\:d-bc-default:focus-within, .fv\:d-bc-default:focus-visible {
5447
- border-color: var(--dt-color-border-default) !important;
5448
- }
5449
- .d-bc-moderate, .h\:d-bc-moderate:hover, .f\:d-bc-moderate:focus, .f\:d-bc-moderate:focus-within, .fv\:d-bc-moderate:focus-visible {
5450
- border-color: var(--dt-color-border-moderate) !important;
5451
- }
5452
- .d-bc-bold, .h\:d-bc-bold:hover, .f\:d-bc-bold:focus, .f\:d-bc-bold:focus-within, .fv\:d-bc-bold:focus-visible {
5453
- border-color: var(--dt-color-border-bold) !important;
5454
- }
5455
- .d-bc-subtle-inverted, .h\:d-bc-subtle-inverted:hover, .f\:d-bc-subtle-inverted:focus, .f\:d-bc-subtle-inverted:focus-within, .fv\:d-bc-subtle-inverted:focus-visible {
5456
- border-color: var(--dt-color-border-subtle-inverted) !important;
5457
- }
5458
- .d-bc-default-inverted, .h\:d-bc-default-inverted:hover, .f\:d-bc-default-inverted:focus, .f\:d-bc-default-inverted:focus-within, .fv\:d-bc-default-inverted:focus-visible {
5459
- border-color: var(--dt-color-border-default-inverted) !important;
5460
- }
5461
- .d-bc-moderate-inverted, .h\:d-bc-moderate-inverted:hover, .f\:d-bc-moderate-inverted:focus, .f\:d-bc-moderate-inverted:focus-within, .fv\:d-bc-moderate-inverted:focus-visible {
5462
- border-color: var(--dt-color-border-moderate-inverted) !important;
5463
- }
5464
- .d-bc-bold-inverted, .h\:d-bc-bold-inverted:hover, .f\:d-bc-bold-inverted:focus, .f\:d-bc-bold-inverted:focus-within, .fv\:d-bc-bold-inverted:focus-visible {
5465
- border-color: var(--dt-color-border-bold-inverted) !important;
5466
- }
5467
- .d-bc-focus, .h\:d-bc-focus:hover, .f\:d-bc-focus:focus, .f\:d-bc-focus:focus-within, .fv\:d-bc-focus:focus-visible {
5468
- border-color: var(--dt-color-border-focus) !important;
5469
- }
5470
- .d-bc-critical, .h\:d-bc-critical:hover, .f\:d-bc-critical:focus, .f\:d-bc-critical:focus-within, .fv\:d-bc-critical:focus-visible {
5471
- border-color: var(--dt-color-border-critical) !important;
5472
- }
5473
- .d-bc-critical-inverted, .h\:d-bc-critical-inverted:hover, .f\:d-bc-critical-inverted:focus, .f\:d-bc-critical-inverted:focus-within, .fv\:d-bc-critical-inverted:focus-visible {
5474
- border-color: var(--dt-color-border-critical-inverted) !important;
5475
- }
5476
- .d-bc-critical-subtle, .h\:d-bc-critical-subtle:hover, .f\:d-bc-critical-subtle:focus, .f\:d-bc-critical-subtle:focus-within, .fv\:d-bc-critical-subtle:focus-visible {
5477
- border-color: var(--dt-color-border-critical-subtle) !important;
5478
- }
5479
- .d-bc-critical-subtle-inverted, .h\:d-bc-critical-subtle-inverted:hover, .f\:d-bc-critical-subtle-inverted:focus, .f\:d-bc-critical-subtle-inverted:focus-within, .fv\:d-bc-critical-subtle-inverted:focus-visible {
5480
- border-color: var(--dt-color-border-critical-subtle-inverted) !important;
5481
- }
5482
- .d-bc-critical-strong, .h\:d-bc-critical-strong:hover, .f\:d-bc-critical-strong:focus, .f\:d-bc-critical-strong:focus-within, .fv\:d-bc-critical-strong:focus-visible {
5483
- border-color: var(--dt-color-border-critical-strong) !important;
5484
- }
5485
- .d-bc-critical-strong-inverted, .h\:d-bc-critical-strong-inverted:hover, .f\:d-bc-critical-strong-inverted:focus, .f\:d-bc-critical-strong-inverted:focus-within, .fv\:d-bc-critical-strong-inverted:focus-visible {
5486
- border-color: var(--dt-color-border-critical-strong-inverted) !important;
5487
- }
5488
- .d-bc-success, .h\:d-bc-success:hover, .f\:d-bc-success:focus, .f\:d-bc-success:focus-within, .fv\:d-bc-success:focus-visible {
5489
- border-color: var(--dt-color-border-success) !important;
5490
- }
5491
- .d-bc-success-inverted, .h\:d-bc-success-inverted:hover, .f\:d-bc-success-inverted:focus, .f\:d-bc-success-inverted:focus-within, .fv\:d-bc-success-inverted:focus-visible {
5492
- border-color: var(--dt-color-border-success-inverted) !important;
5493
- }
5494
- .d-bc-success-subtle, .h\:d-bc-success-subtle:hover, .f\:d-bc-success-subtle:focus, .f\:d-bc-success-subtle:focus-within, .fv\:d-bc-success-subtle:focus-visible {
5495
- border-color: var(--dt-color-border-success-subtle) !important;
5496
- }
5497
- .d-bc-success-subtle-inverted, .h\:d-bc-success-subtle-inverted:hover, .f\:d-bc-success-subtle-inverted:focus, .f\:d-bc-success-subtle-inverted:focus-within, .fv\:d-bc-success-subtle-inverted:focus-visible {
5498
- border-color: var(--dt-color-border-success-subtle-inverted) !important;
5499
- }
5500
- .d-bc-success-strong, .h\:d-bc-success-strong:hover, .f\:d-bc-success-strong:focus, .f\:d-bc-success-strong:focus-within, .fv\:d-bc-success-strong:focus-visible {
5501
- border-color: var(--dt-color-border-success-strong) !important;
5502
- }
5503
- .d-bc-success-strong-inverted, .h\:d-bc-success-strong-inverted:hover, .f\:d-bc-success-strong-inverted:focus, .f\:d-bc-success-strong-inverted:focus-within, .fv\:d-bc-success-strong-inverted:focus-visible {
5504
- border-color: var(--dt-color-border-success-strong-inverted) !important;
5505
- }
5506
- .d-bc-warning, .h\:d-bc-warning:hover, .f\:d-bc-warning:focus, .f\:d-bc-warning:focus-within, .fv\:d-bc-warning:focus-visible {
5507
- border-color: var(--dt-color-border-warning) !important;
5508
- }
5509
- .d-bc-warning-inverted, .h\:d-bc-warning-inverted:hover, .f\:d-bc-warning-inverted:focus, .f\:d-bc-warning-inverted:focus-within, .fv\:d-bc-warning-inverted:focus-visible {
5510
- border-color: var(--dt-color-border-warning-inverted) !important;
5511
- }
5512
- .d-bc-warning-subtle, .h\:d-bc-warning-subtle:hover, .f\:d-bc-warning-subtle:focus, .f\:d-bc-warning-subtle:focus-within, .fv\:d-bc-warning-subtle:focus-visible {
5513
- border-color: var(--dt-color-border-warning-subtle) !important;
5514
- }
5515
- .d-bc-warning-subtle-inverted, .h\:d-bc-warning-subtle-inverted:hover, .f\:d-bc-warning-subtle-inverted:focus, .f\:d-bc-warning-subtle-inverted:focus-within, .fv\:d-bc-warning-subtle-inverted:focus-visible {
5516
- border-color: var(--dt-color-border-warning-subtle-inverted) !important;
5517
- }
5518
- .d-bc-warning-strong, .h\:d-bc-warning-strong:hover, .f\:d-bc-warning-strong:focus, .f\:d-bc-warning-strong:focus-within, .fv\:d-bc-warning-strong:focus-visible {
5519
- border-color: var(--dt-color-border-warning-strong) !important;
5520
- }
5521
- .d-bc-warning-strong-inverted, .h\:d-bc-warning-strong-inverted:hover, .f\:d-bc-warning-strong-inverted:focus, .f\:d-bc-warning-strong-inverted:focus-within, .fv\:d-bc-warning-strong-inverted:focus-visible {
5522
- border-color: var(--dt-color-border-warning-strong-inverted) !important;
5523
- }
5524
- .d-bc-brand, .h\:d-bc-brand:hover, .f\:d-bc-brand:focus, .f\:d-bc-brand:focus-within, .fv\:d-bc-brand:focus-visible {
5525
- border-color: var(--dt-color-border-brand) !important;
5526
- }
5527
- .d-bc-brand-inverted, .h\:d-bc-brand-inverted:hover, .f\:d-bc-brand-inverted:focus, .f\:d-bc-brand-inverted:focus-within, .fv\:d-bc-brand-inverted:focus-visible {
5528
- border-color: var(--dt-color-border-brand-inverted) !important;
5529
- }
5530
- .d-bc-brand-subtle, .h\:d-bc-brand-subtle:hover, .f\:d-bc-brand-subtle:focus, .f\:d-bc-brand-subtle:focus-within, .fv\:d-bc-brand-subtle:focus-visible {
5531
- border-color: var(--dt-color-border-brand-subtle) !important;
5532
- }
5533
- .d-bc-brand-subtle-inverted, .h\:d-bc-brand-subtle-inverted:hover, .f\:d-bc-brand-subtle-inverted:focus, .f\:d-bc-brand-subtle-inverted:focus-within, .fv\:d-bc-brand-subtle-inverted:focus-visible {
5534
- border-color: var(--dt-color-border-brand-subtle-inverted) !important;
5535
- }
5536
- .d-bc-brand-strong, .h\:d-bc-brand-strong:hover, .f\:d-bc-brand-strong:focus, .f\:d-bc-brand-strong:focus-within, .fv\:d-bc-brand-strong:focus-visible {
5537
- border-color: var(--dt-color-border-brand-strong) !important;
5538
- }
5539
- .d-bc-brand-strong-inverted, .h\:d-bc-brand-strong-inverted:hover, .f\:d-bc-brand-strong-inverted:focus, .f\:d-bc-brand-strong-inverted:focus-within, .fv\:d-bc-brand-strong-inverted:focus-visible {
5540
- border-color: var(--dt-color-border-brand-strong-inverted) !important;
5541
- }
5542
- .d-bc-accent, .h\:d-bc-accent:hover, .f\:d-bc-accent:focus, .f\:d-bc-accent:focus-within, .fv\:d-bc-accent:focus-visible {
5543
- border-color: var(--dt-color-border-accent) !important;
5544
- }
5545
5275
  @-webkit-keyframes d-loading-circle {
5546
5276
  from {
5547
5277
  -webkit-transform: rotate(0deg);
@@ -8016,1179 +7746,1535 @@ body {
8016
7746
  font-size: 10px;
8017
7747
  }
8018
7748
  .d-fc-neutral-white, .h\:d-fc-neutral-white:hover, .f\:d-fc-neutral-white:focus, .f\:d-fc-neutral-white:focus-within, .fv\:d-fc-neutral-white:focus-visible {
8019
- --fco: 100%;
8020
- color: hsla(var(--dt-color-neutral-white-h) var(--dt-color-neutral-white-s) var(--dt-color-neutral-white-l) / var(--fco)) !important;
7749
+ --fco: var(--dt-color-neutral-white-a);
7750
+ color: hsl(var(--dt-color-neutral-white-h) var(--dt-color-neutral-white-s) var(--dt-color-neutral-white-l) / var(--fco)) !important;
8021
7751
  }
8022
7752
  .d-fc-neutral-black, .h\:d-fc-neutral-black:hover, .f\:d-fc-neutral-black:focus, .f\:d-fc-neutral-black:focus-within, .fv\:d-fc-neutral-black:focus-visible {
8023
- --fco: 100%;
8024
- color: hsla(var(--dt-color-neutral-black-h) var(--dt-color-neutral-black-s) var(--dt-color-neutral-black-l) / var(--fco)) !important;
7753
+ --fco: var(--dt-color-neutral-black-a);
7754
+ color: hsl(var(--dt-color-neutral-black-h) var(--dt-color-neutral-black-s) var(--dt-color-neutral-black-l) / var(--fco)) !important;
8025
7755
  }
8026
7756
  .d-fc-black-100, .h\:d-fc-black-100:hover, .f\:d-fc-black-100:focus, .f\:d-fc-black-100:focus-within, .fv\:d-fc-black-100:focus-visible {
8027
- --fco: 100%;
8028
- color: hsla(var(--dt-color-black-100-h) var(--dt-color-black-100-s) var(--dt-color-black-100-l) / var(--fco)) !important;
7757
+ --fco: var(--dt-color-black-100-a);
7758
+ color: hsl(var(--dt-color-black-100-h) var(--dt-color-black-100-s) var(--dt-color-black-100-l) / var(--fco)) !important;
8029
7759
  }
8030
7760
  .d-fc-black-200, .h\:d-fc-black-200:hover, .f\:d-fc-black-200:focus, .f\:d-fc-black-200:focus-within, .fv\:d-fc-black-200:focus-visible {
8031
- --fco: 100%;
8032
- color: hsla(var(--dt-color-black-200-h) var(--dt-color-black-200-s) var(--dt-color-black-200-l) / var(--fco)) !important;
7761
+ --fco: var(--dt-color-black-200-a);
7762
+ color: hsl(var(--dt-color-black-200-h) var(--dt-color-black-200-s) var(--dt-color-black-200-l) / var(--fco)) !important;
8033
7763
  }
8034
7764
  .d-fc-black-300, .h\:d-fc-black-300:hover, .f\:d-fc-black-300:focus, .f\:d-fc-black-300:focus-within, .fv\:d-fc-black-300:focus-visible {
8035
- --fco: 100%;
8036
- color: hsla(var(--dt-color-black-300-h) var(--dt-color-black-300-s) var(--dt-color-black-300-l) / var(--fco)) !important;
7765
+ --fco: var(--dt-color-black-300-a);
7766
+ color: hsl(var(--dt-color-black-300-h) var(--dt-color-black-300-s) var(--dt-color-black-300-l) / var(--fco)) !important;
8037
7767
  }
8038
7768
  .d-fc-black-400, .h\:d-fc-black-400:hover, .f\:d-fc-black-400:focus, .f\:d-fc-black-400:focus-within, .fv\:d-fc-black-400:focus-visible {
8039
- --fco: 100%;
8040
- color: hsla(var(--dt-color-black-400-h) var(--dt-color-black-400-s) var(--dt-color-black-400-l) / var(--fco)) !important;
7769
+ --fco: var(--dt-color-black-400-a);
7770
+ color: hsl(var(--dt-color-black-400-h) var(--dt-color-black-400-s) var(--dt-color-black-400-l) / var(--fco)) !important;
8041
7771
  }
8042
7772
  .d-fc-black-500, .h\:d-fc-black-500:hover, .f\:d-fc-black-500:focus, .f\:d-fc-black-500:focus-within, .fv\:d-fc-black-500:focus-visible {
8043
- --fco: 100%;
8044
- color: hsla(var(--dt-color-black-500-h) var(--dt-color-black-500-s) var(--dt-color-black-500-l) / var(--fco)) !important;
7773
+ --fco: var(--dt-color-black-500-a);
7774
+ color: hsl(var(--dt-color-black-500-h) var(--dt-color-black-500-s) var(--dt-color-black-500-l) / var(--fco)) !important;
8045
7775
  }
8046
7776
  .d-fc-black-600, .h\:d-fc-black-600:hover, .f\:d-fc-black-600:focus, .f\:d-fc-black-600:focus-within, .fv\:d-fc-black-600:focus-visible {
8047
- --fco: 100%;
8048
- color: hsla(var(--dt-color-black-600-h) var(--dt-color-black-600-s) var(--dt-color-black-600-l) / var(--fco)) !important;
7777
+ --fco: var(--dt-color-black-600-a);
7778
+ color: hsl(var(--dt-color-black-600-h) var(--dt-color-black-600-s) var(--dt-color-black-600-l) / var(--fco)) !important;
8049
7779
  }
8050
7780
  .d-fc-black-700, .h\:d-fc-black-700:hover, .f\:d-fc-black-700:focus, .f\:d-fc-black-700:focus-within, .fv\:d-fc-black-700:focus-visible {
8051
- --fco: 100%;
8052
- color: hsla(var(--dt-color-black-700-h) var(--dt-color-black-700-s) var(--dt-color-black-700-l) / var(--fco)) !important;
7781
+ --fco: var(--dt-color-black-700-a);
7782
+ color: hsl(var(--dt-color-black-700-h) var(--dt-color-black-700-s) var(--dt-color-black-700-l) / var(--fco)) !important;
8053
7783
  }
8054
7784
  .d-fc-black-800, .h\:d-fc-black-800:hover, .f\:d-fc-black-800:focus, .f\:d-fc-black-800:focus-within, .fv\:d-fc-black-800:focus-visible {
8055
- --fco: 100%;
8056
- color: hsla(var(--dt-color-black-800-h) var(--dt-color-black-800-s) var(--dt-color-black-800-l) / var(--fco)) !important;
7785
+ --fco: var(--dt-color-black-800-a);
7786
+ color: hsl(var(--dt-color-black-800-h) var(--dt-color-black-800-s) var(--dt-color-black-800-l) / var(--fco)) !important;
8057
7787
  }
8058
7788
  .d-fc-black-900, .h\:d-fc-black-900:hover, .f\:d-fc-black-900:focus, .f\:d-fc-black-900:focus-within, .fv\:d-fc-black-900:focus-visible {
8059
- --fco: 100%;
8060
- color: hsla(var(--dt-color-black-900-h) var(--dt-color-black-900-s) var(--dt-color-black-900-l) / var(--fco)) !important;
7789
+ --fco: var(--dt-color-black-900-a);
7790
+ color: hsl(var(--dt-color-black-900-h) var(--dt-color-black-900-s) var(--dt-color-black-900-l) / var(--fco)) !important;
8061
7791
  }
8062
7792
  .d-fc-purple-100, .h\:d-fc-purple-100:hover, .f\:d-fc-purple-100:focus, .f\:d-fc-purple-100:focus-within, .fv\:d-fc-purple-100:focus-visible {
8063
- --fco: 100%;
8064
- color: hsla(var(--dt-color-purple-100-h) var(--dt-color-purple-100-s) var(--dt-color-purple-100-l) / var(--fco)) !important;
7793
+ --fco: var(--dt-color-purple-100-a);
7794
+ color: hsl(var(--dt-color-purple-100-h) var(--dt-color-purple-100-s) var(--dt-color-purple-100-l) / var(--fco)) !important;
8065
7795
  }
8066
7796
  .d-fc-purple-200, .h\:d-fc-purple-200:hover, .f\:d-fc-purple-200:focus, .f\:d-fc-purple-200:focus-within, .fv\:d-fc-purple-200:focus-visible {
8067
- --fco: 100%;
8068
- color: hsla(var(--dt-color-purple-200-h) var(--dt-color-purple-200-s) var(--dt-color-purple-200-l) / var(--fco)) !important;
7797
+ --fco: var(--dt-color-purple-200-a);
7798
+ color: hsl(var(--dt-color-purple-200-h) var(--dt-color-purple-200-s) var(--dt-color-purple-200-l) / var(--fco)) !important;
8069
7799
  }
8070
7800
  .d-fc-purple-300, .h\:d-fc-purple-300:hover, .f\:d-fc-purple-300:focus, .f\:d-fc-purple-300:focus-within, .fv\:d-fc-purple-300:focus-visible {
8071
- --fco: 100%;
8072
- color: hsla(var(--dt-color-purple-300-h) var(--dt-color-purple-300-s) var(--dt-color-purple-300-l) / var(--fco)) !important;
7801
+ --fco: var(--dt-color-purple-300-a);
7802
+ color: hsl(var(--dt-color-purple-300-h) var(--dt-color-purple-300-s) var(--dt-color-purple-300-l) / var(--fco)) !important;
8073
7803
  }
8074
7804
  .d-fc-purple-400, .h\:d-fc-purple-400:hover, .f\:d-fc-purple-400:focus, .f\:d-fc-purple-400:focus-within, .fv\:d-fc-purple-400:focus-visible {
8075
- --fco: 100%;
8076
- color: hsla(var(--dt-color-purple-400-h) var(--dt-color-purple-400-s) var(--dt-color-purple-400-l) / var(--fco)) !important;
7805
+ --fco: var(--dt-color-purple-400-a);
7806
+ color: hsl(var(--dt-color-purple-400-h) var(--dt-color-purple-400-s) var(--dt-color-purple-400-l) / var(--fco)) !important;
8077
7807
  }
8078
7808
  .d-fc-purple-500, .h\:d-fc-purple-500:hover, .f\:d-fc-purple-500:focus, .f\:d-fc-purple-500:focus-within, .fv\:d-fc-purple-500:focus-visible {
8079
- --fco: 100%;
8080
- color: hsla(var(--dt-color-purple-500-h) var(--dt-color-purple-500-s) var(--dt-color-purple-500-l) / var(--fco)) !important;
7809
+ --fco: var(--dt-color-purple-500-a);
7810
+ color: hsl(var(--dt-color-purple-500-h) var(--dt-color-purple-500-s) var(--dt-color-purple-500-l) / var(--fco)) !important;
8081
7811
  }
8082
7812
  .d-fc-purple-600, .h\:d-fc-purple-600:hover, .f\:d-fc-purple-600:focus, .f\:d-fc-purple-600:focus-within, .fv\:d-fc-purple-600:focus-visible {
8083
- --fco: 100%;
8084
- color: hsla(var(--dt-color-purple-600-h) var(--dt-color-purple-600-s) var(--dt-color-purple-600-l) / var(--fco)) !important;
7813
+ --fco: var(--dt-color-purple-600-a);
7814
+ color: hsl(var(--dt-color-purple-600-h) var(--dt-color-purple-600-s) var(--dt-color-purple-600-l) / var(--fco)) !important;
8085
7815
  }
8086
7816
  .d-fc-blue-100, .h\:d-fc-blue-100:hover, .f\:d-fc-blue-100:focus, .f\:d-fc-blue-100:focus-within, .fv\:d-fc-blue-100:focus-visible {
8087
- --fco: 100%;
8088
- color: hsla(var(--dt-color-blue-100-h) var(--dt-color-blue-100-s) var(--dt-color-blue-100-l) / var(--fco)) !important;
7817
+ --fco: var(--dt-color-blue-100-a);
7818
+ color: hsl(var(--dt-color-blue-100-h) var(--dt-color-blue-100-s) var(--dt-color-blue-100-l) / var(--fco)) !important;
8089
7819
  }
8090
7820
  .d-fc-blue-200, .h\:d-fc-blue-200:hover, .f\:d-fc-blue-200:focus, .f\:d-fc-blue-200:focus-within, .fv\:d-fc-blue-200:focus-visible {
8091
- --fco: 100%;
8092
- color: hsla(var(--dt-color-blue-200-h) var(--dt-color-blue-200-s) var(--dt-color-blue-200-l) / var(--fco)) !important;
7821
+ --fco: var(--dt-color-blue-200-a);
7822
+ color: hsl(var(--dt-color-blue-200-h) var(--dt-color-blue-200-s) var(--dt-color-blue-200-l) / var(--fco)) !important;
8093
7823
  }
8094
7824
  .d-fc-blue-300, .h\:d-fc-blue-300:hover, .f\:d-fc-blue-300:focus, .f\:d-fc-blue-300:focus-within, .fv\:d-fc-blue-300:focus-visible {
8095
- --fco: 100%;
8096
- color: hsla(var(--dt-color-blue-300-h) var(--dt-color-blue-300-s) var(--dt-color-blue-300-l) / var(--fco)) !important;
7825
+ --fco: var(--dt-color-blue-300-a);
7826
+ color: hsl(var(--dt-color-blue-300-h) var(--dt-color-blue-300-s) var(--dt-color-blue-300-l) / var(--fco)) !important;
8097
7827
  }
8098
7828
  .d-fc-blue-400, .h\:d-fc-blue-400:hover, .f\:d-fc-blue-400:focus, .f\:d-fc-blue-400:focus-within, .fv\:d-fc-blue-400:focus-visible {
8099
- --fco: 100%;
8100
- color: hsla(var(--dt-color-blue-400-h) var(--dt-color-blue-400-s) var(--dt-color-blue-400-l) / var(--fco)) !important;
7829
+ --fco: var(--dt-color-blue-400-a);
7830
+ color: hsl(var(--dt-color-blue-400-h) var(--dt-color-blue-400-s) var(--dt-color-blue-400-l) / var(--fco)) !important;
8101
7831
  }
8102
7832
  .d-fc-blue-500, .h\:d-fc-blue-500:hover, .f\:d-fc-blue-500:focus, .f\:d-fc-blue-500:focus-within, .fv\:d-fc-blue-500:focus-visible {
8103
- --fco: 100%;
8104
- color: hsla(var(--dt-color-blue-500-h) var(--dt-color-blue-500-s) var(--dt-color-blue-500-l) / var(--fco)) !important;
7833
+ --fco: var(--dt-color-blue-500-a);
7834
+ color: hsl(var(--dt-color-blue-500-h) var(--dt-color-blue-500-s) var(--dt-color-blue-500-l) / var(--fco)) !important;
8105
7835
  }
8106
7836
  .d-fc-magenta-100, .h\:d-fc-magenta-100:hover, .f\:d-fc-magenta-100:focus, .f\:d-fc-magenta-100:focus-within, .fv\:d-fc-magenta-100:focus-visible {
8107
- --fco: 100%;
8108
- color: hsla(var(--dt-color-magenta-100-h) var(--dt-color-magenta-100-s) var(--dt-color-magenta-100-l) / var(--fco)) !important;
7837
+ --fco: var(--dt-color-magenta-100-a);
7838
+ color: hsl(var(--dt-color-magenta-100-h) var(--dt-color-magenta-100-s) var(--dt-color-magenta-100-l) / var(--fco)) !important;
8109
7839
  }
8110
7840
  .d-fc-magenta-200, .h\:d-fc-magenta-200:hover, .f\:d-fc-magenta-200:focus, .f\:d-fc-magenta-200:focus-within, .fv\:d-fc-magenta-200:focus-visible {
8111
- --fco: 100%;
8112
- color: hsla(var(--dt-color-magenta-200-h) var(--dt-color-magenta-200-s) var(--dt-color-magenta-200-l) / var(--fco)) !important;
7841
+ --fco: var(--dt-color-magenta-200-a);
7842
+ color: hsl(var(--dt-color-magenta-200-h) var(--dt-color-magenta-200-s) var(--dt-color-magenta-200-l) / var(--fco)) !important;
8113
7843
  }
8114
7844
  .d-fc-magenta-300, .h\:d-fc-magenta-300:hover, .f\:d-fc-magenta-300:focus, .f\:d-fc-magenta-300:focus-within, .fv\:d-fc-magenta-300:focus-visible {
8115
- --fco: 100%;
8116
- color: hsla(var(--dt-color-magenta-300-h) var(--dt-color-magenta-300-s) var(--dt-color-magenta-300-l) / var(--fco)) !important;
7845
+ --fco: var(--dt-color-magenta-300-a);
7846
+ color: hsl(var(--dt-color-magenta-300-h) var(--dt-color-magenta-300-s) var(--dt-color-magenta-300-l) / var(--fco)) !important;
8117
7847
  }
8118
7848
  .d-fc-magenta-400, .h\:d-fc-magenta-400:hover, .f\:d-fc-magenta-400:focus, .f\:d-fc-magenta-400:focus-within, .fv\:d-fc-magenta-400:focus-visible {
8119
- --fco: 100%;
8120
- color: hsla(var(--dt-color-magenta-400-h) var(--dt-color-magenta-400-s) var(--dt-color-magenta-400-l) / var(--fco)) !important;
7849
+ --fco: var(--dt-color-magenta-400-a);
7850
+ color: hsl(var(--dt-color-magenta-400-h) var(--dt-color-magenta-400-s) var(--dt-color-magenta-400-l) / var(--fco)) !important;
8121
7851
  }
8122
7852
  .d-fc-magenta-500, .h\:d-fc-magenta-500:hover, .f\:d-fc-magenta-500:focus, .f\:d-fc-magenta-500:focus-within, .fv\:d-fc-magenta-500:focus-visible {
8123
- --fco: 100%;
8124
- color: hsla(var(--dt-color-magenta-500-h) var(--dt-color-magenta-500-s) var(--dt-color-magenta-500-l) / var(--fco)) !important;
7853
+ --fco: var(--dt-color-magenta-500-a);
7854
+ color: hsl(var(--dt-color-magenta-500-h) var(--dt-color-magenta-500-s) var(--dt-color-magenta-500-l) / var(--fco)) !important;
8125
7855
  }
8126
7856
  .d-fc-gold-100, .h\:d-fc-gold-100:hover, .f\:d-fc-gold-100:focus, .f\:d-fc-gold-100:focus-within, .fv\:d-fc-gold-100:focus-visible {
8127
- --fco: 100%;
8128
- color: hsla(var(--dt-color-gold-100-h) var(--dt-color-gold-100-s) var(--dt-color-gold-100-l) / var(--fco)) !important;
7857
+ --fco: var(--dt-color-gold-100-a);
7858
+ color: hsl(var(--dt-color-gold-100-h) var(--dt-color-gold-100-s) var(--dt-color-gold-100-l) / var(--fco)) !important;
8129
7859
  }
8130
7860
  .d-fc-gold-200, .h\:d-fc-gold-200:hover, .f\:d-fc-gold-200:focus, .f\:d-fc-gold-200:focus-within, .fv\:d-fc-gold-200:focus-visible {
8131
- --fco: 100%;
8132
- color: hsla(var(--dt-color-gold-200-h) var(--dt-color-gold-200-s) var(--dt-color-gold-200-l) / var(--fco)) !important;
7861
+ --fco: var(--dt-color-gold-200-a);
7862
+ color: hsl(var(--dt-color-gold-200-h) var(--dt-color-gold-200-s) var(--dt-color-gold-200-l) / var(--fco)) !important;
8133
7863
  }
8134
7864
  .d-fc-gold-300, .h\:d-fc-gold-300:hover, .f\:d-fc-gold-300:focus, .f\:d-fc-gold-300:focus-within, .fv\:d-fc-gold-300:focus-visible {
8135
- --fco: 100%;
8136
- color: hsla(var(--dt-color-gold-300-h) var(--dt-color-gold-300-s) var(--dt-color-gold-300-l) / var(--fco)) !important;
7865
+ --fco: var(--dt-color-gold-300-a);
7866
+ color: hsl(var(--dt-color-gold-300-h) var(--dt-color-gold-300-s) var(--dt-color-gold-300-l) / var(--fco)) !important;
8137
7867
  }
8138
7868
  .d-fc-gold-400, .h\:d-fc-gold-400:hover, .f\:d-fc-gold-400:focus, .f\:d-fc-gold-400:focus-within, .fv\:d-fc-gold-400:focus-visible {
8139
- --fco: 100%;
8140
- color: hsla(var(--dt-color-gold-400-h) var(--dt-color-gold-400-s) var(--dt-color-gold-400-l) / var(--fco)) !important;
7869
+ --fco: var(--dt-color-gold-400-a);
7870
+ color: hsl(var(--dt-color-gold-400-h) var(--dt-color-gold-400-s) var(--dt-color-gold-400-l) / var(--fco)) !important;
8141
7871
  }
8142
7872
  .d-fc-gold-500, .h\:d-fc-gold-500:hover, .f\:d-fc-gold-500:focus, .f\:d-fc-gold-500:focus-within, .fv\:d-fc-gold-500:focus-visible {
8143
- --fco: 100%;
8144
- color: hsla(var(--dt-color-gold-500-h) var(--dt-color-gold-500-s) var(--dt-color-gold-500-l) / var(--fco)) !important;
7873
+ --fco: var(--dt-color-gold-500-a);
7874
+ color: hsl(var(--dt-color-gold-500-h) var(--dt-color-gold-500-s) var(--dt-color-gold-500-l) / var(--fco)) !important;
8145
7875
  }
8146
7876
  .d-fc-green-100, .h\:d-fc-green-100:hover, .f\:d-fc-green-100:focus, .f\:d-fc-green-100:focus-within, .fv\:d-fc-green-100:focus-visible {
8147
- --fco: 100%;
8148
- color: hsla(var(--dt-color-green-100-h) var(--dt-color-green-100-s) var(--dt-color-green-100-l) / var(--fco)) !important;
7877
+ --fco: var(--dt-color-green-100-a);
7878
+ color: hsl(var(--dt-color-green-100-h) var(--dt-color-green-100-s) var(--dt-color-green-100-l) / var(--fco)) !important;
8149
7879
  }
8150
7880
  .d-fc-green-200, .h\:d-fc-green-200:hover, .f\:d-fc-green-200:focus, .f\:d-fc-green-200:focus-within, .fv\:d-fc-green-200:focus-visible {
8151
- --fco: 100%;
8152
- color: hsla(var(--dt-color-green-200-h) var(--dt-color-green-200-s) var(--dt-color-green-200-l) / var(--fco)) !important;
7881
+ --fco: var(--dt-color-green-200-a);
7882
+ color: hsl(var(--dt-color-green-200-h) var(--dt-color-green-200-s) var(--dt-color-green-200-l) / var(--fco)) !important;
8153
7883
  }
8154
7884
  .d-fc-green-300, .h\:d-fc-green-300:hover, .f\:d-fc-green-300:focus, .f\:d-fc-green-300:focus-within, .fv\:d-fc-green-300:focus-visible {
8155
- --fco: 100%;
8156
- color: hsla(var(--dt-color-green-300-h) var(--dt-color-green-300-s) var(--dt-color-green-300-l) / var(--fco)) !important;
7885
+ --fco: var(--dt-color-green-300-a);
7886
+ color: hsl(var(--dt-color-green-300-h) var(--dt-color-green-300-s) var(--dt-color-green-300-l) / var(--fco)) !important;
8157
7887
  }
8158
7888
  .d-fc-green-400, .h\:d-fc-green-400:hover, .f\:d-fc-green-400:focus, .f\:d-fc-green-400:focus-within, .fv\:d-fc-green-400:focus-visible {
8159
- --fco: 100%;
8160
- color: hsla(var(--dt-color-green-400-h) var(--dt-color-green-400-s) var(--dt-color-green-400-l) / var(--fco)) !important;
7889
+ --fco: var(--dt-color-green-400-a);
7890
+ color: hsl(var(--dt-color-green-400-h) var(--dt-color-green-400-s) var(--dt-color-green-400-l) / var(--fco)) !important;
8161
7891
  }
8162
7892
  .d-fc-green-500, .h\:d-fc-green-500:hover, .f\:d-fc-green-500:focus, .f\:d-fc-green-500:focus-within, .fv\:d-fc-green-500:focus-visible {
8163
- --fco: 100%;
8164
- color: hsla(var(--dt-color-green-500-h) var(--dt-color-green-500-s) var(--dt-color-green-500-l) / var(--fco)) !important;
7893
+ --fco: var(--dt-color-green-500-a);
7894
+ color: hsl(var(--dt-color-green-500-h) var(--dt-color-green-500-s) var(--dt-color-green-500-l) / var(--fco)) !important;
8165
7895
  }
8166
7896
  .d-fc-red-100, .h\:d-fc-red-100:hover, .f\:d-fc-red-100:focus, .f\:d-fc-red-100:focus-within, .fv\:d-fc-red-100:focus-visible {
8167
- --fco: 100%;
8168
- color: hsla(var(--dt-color-red-100-h) var(--dt-color-red-100-s) var(--dt-color-red-100-l) / var(--fco)) !important;
7897
+ --fco: var(--dt-color-red-100-a);
7898
+ color: hsl(var(--dt-color-red-100-h) var(--dt-color-red-100-s) var(--dt-color-red-100-l) / var(--fco)) !important;
8169
7899
  }
8170
7900
  .d-fc-red-200, .h\:d-fc-red-200:hover, .f\:d-fc-red-200:focus, .f\:d-fc-red-200:focus-within, .fv\:d-fc-red-200:focus-visible {
8171
- --fco: 100%;
8172
- color: hsla(var(--dt-color-red-200-h) var(--dt-color-red-200-s) var(--dt-color-red-200-l) / var(--fco)) !important;
7901
+ --fco: var(--dt-color-red-200-a);
7902
+ color: hsl(var(--dt-color-red-200-h) var(--dt-color-red-200-s) var(--dt-color-red-200-l) / var(--fco)) !important;
8173
7903
  }
8174
7904
  .d-fc-red-300, .h\:d-fc-red-300:hover, .f\:d-fc-red-300:focus, .f\:d-fc-red-300:focus-within, .fv\:d-fc-red-300:focus-visible {
8175
- --fco: 100%;
8176
- color: hsla(var(--dt-color-red-300-h) var(--dt-color-red-300-s) var(--dt-color-red-300-l) / var(--fco)) !important;
7905
+ --fco: var(--dt-color-red-300-a);
7906
+ color: hsl(var(--dt-color-red-300-h) var(--dt-color-red-300-s) var(--dt-color-red-300-l) / var(--fco)) !important;
8177
7907
  }
8178
7908
  .d-fc-red-400, .h\:d-fc-red-400:hover, .f\:d-fc-red-400:focus, .f\:d-fc-red-400:focus-within, .fv\:d-fc-red-400:focus-visible {
8179
- --fco: 100%;
8180
- color: hsla(var(--dt-color-red-400-h) var(--dt-color-red-400-s) var(--dt-color-red-400-l) / var(--fco)) !important;
7909
+ --fco: var(--dt-color-red-400-a);
7910
+ color: hsl(var(--dt-color-red-400-h) var(--dt-color-red-400-s) var(--dt-color-red-400-l) / var(--fco)) !important;
8181
7911
  }
8182
7912
  .d-fc-red-500, .h\:d-fc-red-500:hover, .f\:d-fc-red-500:focus, .f\:d-fc-red-500:focus-within, .fv\:d-fc-red-500:focus-visible {
8183
- --fco: 100%;
8184
- color: hsla(var(--dt-color-red-500-h) var(--dt-color-red-500-s) var(--dt-color-red-500-l) / var(--fco)) !important;
7913
+ --fco: var(--dt-color-red-500-a);
7914
+ color: hsl(var(--dt-color-red-500-h) var(--dt-color-red-500-s) var(--dt-color-red-500-l) / var(--fco)) !important;
8185
7915
  }
8186
7916
  .d-fc-tan-100, .h\:d-fc-tan-100:hover, .f\:d-fc-tan-100:focus, .f\:d-fc-tan-100:focus-within, .fv\:d-fc-tan-100:focus-visible {
8187
- --fco: 100%;
8188
- color: hsla(var(--dt-color-tan-100-h) var(--dt-color-tan-100-s) var(--dt-color-tan-100-l) / var(--fco)) !important;
7917
+ --fco: var(--dt-color-tan-100-a);
7918
+ color: hsl(var(--dt-color-tan-100-h) var(--dt-color-tan-100-s) var(--dt-color-tan-100-l) / var(--fco)) !important;
8189
7919
  }
8190
7920
  .d-fc-tan-200, .h\:d-fc-tan-200:hover, .f\:d-fc-tan-200:focus, .f\:d-fc-tan-200:focus-within, .fv\:d-fc-tan-200:focus-visible {
8191
- --fco: 100%;
8192
- color: hsla(var(--dt-color-tan-200-h) var(--dt-color-tan-200-s) var(--dt-color-tan-200-l) / var(--fco)) !important;
7921
+ --fco: var(--dt-color-tan-200-a);
7922
+ color: hsl(var(--dt-color-tan-200-h) var(--dt-color-tan-200-s) var(--dt-color-tan-200-l) / var(--fco)) !important;
8193
7923
  }
8194
7924
  .d-fc-tan-300, .h\:d-fc-tan-300:hover, .f\:d-fc-tan-300:focus, .f\:d-fc-tan-300:focus-within, .fv\:d-fc-tan-300:focus-visible {
8195
- --fco: 100%;
8196
- color: hsla(var(--dt-color-tan-300-h) var(--dt-color-tan-300-s) var(--dt-color-tan-300-l) / var(--fco)) !important;
7925
+ --fco: var(--dt-color-tan-300-a);
7926
+ color: hsl(var(--dt-color-tan-300-h) var(--dt-color-tan-300-s) var(--dt-color-tan-300-l) / var(--fco)) !important;
8197
7927
  }
8198
7928
  .d-fc-tan-400, .h\:d-fc-tan-400:hover, .f\:d-fc-tan-400:focus, .f\:d-fc-tan-400:focus-within, .fv\:d-fc-tan-400:focus-visible {
8199
- --fco: 100%;
8200
- color: hsla(var(--dt-color-tan-400-h) var(--dt-color-tan-400-s) var(--dt-color-tan-400-l) / var(--fco)) !important;
7929
+ --fco: var(--dt-color-tan-400-a);
7930
+ color: hsl(var(--dt-color-tan-400-h) var(--dt-color-tan-400-s) var(--dt-color-tan-400-l) / var(--fco)) !important;
8201
7931
  }
8202
7932
  .d-fc-tan-500, .h\:d-fc-tan-500:hover, .f\:d-fc-tan-500:focus, .f\:d-fc-tan-500:focus-within, .fv\:d-fc-tan-500:focus-visible {
8203
- --fco: 100%;
8204
- color: hsla(var(--dt-color-tan-500-h) var(--dt-color-tan-500-s) var(--dt-color-tan-500-l) / var(--fco)) !important;
7933
+ --fco: var(--dt-color-tan-500-a);
7934
+ color: hsl(var(--dt-color-tan-500-h) var(--dt-color-tan-500-s) var(--dt-color-tan-500-l) / var(--fco)) !important;
7935
+ }
7936
+ .d-fc-primary, .h\:d-fc-primary:hover, .f\:d-fc-primary:focus, .f\:d-fc-primary:focus-within, .fv\:d-fc-primary:focus-visible {
7937
+ --fco: var(--dt-color-foreground-primary-a);
7938
+ color: hsl(var(--dt-color-foreground-primary-h) var(--dt-color-foreground-primary-s) var(--dt-color-foreground-primary-l) / var(--fco)) !important;
7939
+ }
7940
+ .d-fc-secondary, .h\:d-fc-secondary:hover, .f\:d-fc-secondary:focus, .f\:d-fc-secondary:focus-within, .fv\:d-fc-secondary:focus-visible {
7941
+ --fco: var(--dt-color-foreground-secondary-a);
7942
+ color: hsl(var(--dt-color-foreground-secondary-h) var(--dt-color-foreground-secondary-s) var(--dt-color-foreground-secondary-l) / var(--fco)) !important;
7943
+ }
7944
+ .d-fc-tertiary, .h\:d-fc-tertiary:hover, .f\:d-fc-tertiary:focus, .f\:d-fc-tertiary:focus-within, .fv\:d-fc-tertiary:focus-visible {
7945
+ --fco: var(--dt-color-foreground-tertiary-a);
7946
+ color: hsl(var(--dt-color-foreground-tertiary-h) var(--dt-color-foreground-tertiary-s) var(--dt-color-foreground-tertiary-l) / var(--fco)) !important;
7947
+ }
7948
+ .d-fc-muted, .h\:d-fc-muted:hover, .f\:d-fc-muted:focus, .f\:d-fc-muted:focus-within, .fv\:d-fc-muted:focus-visible {
7949
+ --fco: var(--dt-color-foreground-muted-a);
7950
+ color: hsl(var(--dt-color-foreground-muted-h) var(--dt-color-foreground-muted-s) var(--dt-color-foreground-muted-l) / var(--fco)) !important;
7951
+ }
7952
+ .d-fc-placeholder, .h\:d-fc-placeholder:hover, .f\:d-fc-placeholder:focus, .f\:d-fc-placeholder:focus-within, .fv\:d-fc-placeholder:focus-visible {
7953
+ --fco: var(--dt-color-foreground-placeholder-a);
7954
+ color: hsl(var(--dt-color-foreground-placeholder-h) var(--dt-color-foreground-placeholder-s) var(--dt-color-foreground-placeholder-l) / var(--fco)) !important;
7955
+ }
7956
+ .d-fc-disabled, .h\:d-fc-disabled:hover, .f\:d-fc-disabled:focus, .f\:d-fc-disabled:focus-within, .fv\:d-fc-disabled:focus-visible {
7957
+ --fco: var(--dt-color-foreground-disabled-a);
7958
+ color: hsl(var(--dt-color-foreground-disabled-h) var(--dt-color-foreground-disabled-s) var(--dt-color-foreground-disabled-l) / var(--fco)) !important;
7959
+ }
7960
+ .d-fc-critical, .h\:d-fc-critical:hover, .f\:d-fc-critical:focus, .f\:d-fc-critical:focus-within, .fv\:d-fc-critical:focus-visible {
7961
+ --fco: var(--dt-color-foreground-critical-a);
7962
+ color: hsl(var(--dt-color-foreground-critical-h) var(--dt-color-foreground-critical-s) var(--dt-color-foreground-critical-l) / var(--fco)) !important;
7963
+ }
7964
+ .d-fc-critical-strong, .h\:d-fc-critical-strong:hover, .f\:d-fc-critical-strong:focus, .f\:d-fc-critical-strong:focus-within, .fv\:d-fc-critical-strong:focus-visible {
7965
+ --fco: var(--dt-color-foreground-critical-strong-a);
7966
+ color: hsl(var(--dt-color-foreground-critical-strong-h) var(--dt-color-foreground-critical-strong-s) var(--dt-color-foreground-critical-strong-l) / var(--fco)) !important;
7967
+ }
7968
+ .d-fc-success, .h\:d-fc-success:hover, .f\:d-fc-success:focus, .f\:d-fc-success:focus-within, .fv\:d-fc-success:focus-visible {
7969
+ --fco: var(--dt-color-foreground-success-a);
7970
+ color: hsl(var(--dt-color-foreground-success-h) var(--dt-color-foreground-success-s) var(--dt-color-foreground-success-l) / var(--fco)) !important;
7971
+ }
7972
+ .d-fc-success-strong, .h\:d-fc-success-strong:hover, .f\:d-fc-success-strong:focus, .f\:d-fc-success-strong:focus-within, .fv\:d-fc-success-strong:focus-visible {
7973
+ --fco: var(--dt-color-foreground-success-strong-a);
7974
+ color: hsl(var(--dt-color-foreground-success-strong-h) var(--dt-color-foreground-success-strong-s) var(--dt-color-foreground-success-strong-l) / var(--fco)) !important;
7975
+ }
7976
+ .d-fc-warning, .h\:d-fc-warning:hover, .f\:d-fc-warning:focus, .f\:d-fc-warning:focus-within, .fv\:d-fc-warning:focus-visible {
7977
+ --fco: var(--dt-color-foreground-warning-a);
7978
+ color: hsl(var(--dt-color-foreground-warning-h) var(--dt-color-foreground-warning-s) var(--dt-color-foreground-warning-l) / var(--fco)) !important;
7979
+ }
7980
+ .d-fc-primary-inverted, .h\:d-fc-primary-inverted:hover, .f\:d-fc-primary-inverted:focus, .f\:d-fc-primary-inverted:focus-within, .fv\:d-fc-primary-inverted:focus-visible {
7981
+ --fco: var(--dt-color-foreground-primary-inverted-a);
7982
+ color: hsl(var(--dt-color-foreground-primary-inverted-h) var(--dt-color-foreground-primary-inverted-s) var(--dt-color-foreground-primary-inverted-l) / var(--fco)) !important;
7983
+ }
7984
+ .d-fc-secondary-inverted, .h\:d-fc-secondary-inverted:hover, .f\:d-fc-secondary-inverted:focus, .f\:d-fc-secondary-inverted:focus-within, .fv\:d-fc-secondary-inverted:focus-visible {
7985
+ --fco: var(--dt-color-foreground-secondary-inverted-a);
7986
+ color: hsl(var(--dt-color-foreground-secondary-inverted-h) var(--dt-color-foreground-secondary-inverted-s) var(--dt-color-foreground-secondary-inverted-l) / var(--fco)) !important;
7987
+ }
7988
+ .d-fc-tertiary-inverted, .h\:d-fc-tertiary-inverted:hover, .f\:d-fc-tertiary-inverted:focus, .f\:d-fc-tertiary-inverted:focus-within, .fv\:d-fc-tertiary-inverted:focus-visible {
7989
+ --fco: var(--dt-color-foreground-tertiary-inverted-a);
7990
+ color: hsl(var(--dt-color-foreground-tertiary-inverted-h) var(--dt-color-foreground-tertiary-inverted-s) var(--dt-color-foreground-tertiary-inverted-l) / var(--fco)) !important;
7991
+ }
7992
+ .d-fc-muted-inverted, .h\:d-fc-muted-inverted:hover, .f\:d-fc-muted-inverted:focus, .f\:d-fc-muted-inverted:focus-within, .fv\:d-fc-muted-inverted:focus-visible {
7993
+ --fco: var(--dt-color-foreground-muted-inverted-a);
7994
+ color: hsl(var(--dt-color-foreground-muted-inverted-h) var(--dt-color-foreground-muted-inverted-s) var(--dt-color-foreground-muted-inverted-l) / var(--fco)) !important;
7995
+ }
7996
+ .d-fc-placeholder-inverted, .h\:d-fc-placeholder-inverted:hover, .f\:d-fc-placeholder-inverted:focus, .f\:d-fc-placeholder-inverted:focus-within, .fv\:d-fc-placeholder-inverted:focus-visible {
7997
+ --fco: var(--dt-color-foreground-placeholder-inverted-a);
7998
+ color: hsl(var(--dt-color-foreground-placeholder-inverted-h) var(--dt-color-foreground-placeholder-inverted-s) var(--dt-color-foreground-placeholder-inverted-l) / var(--fco)) !important;
7999
+ }
8000
+ .d-fc-disabled-inverted, .h\:d-fc-disabled-inverted:hover, .f\:d-fc-disabled-inverted:focus, .f\:d-fc-disabled-inverted:focus-within, .fv\:d-fc-disabled-inverted:focus-visible {
8001
+ --fco: var(--dt-color-foreground-disabled-inverted-a);
8002
+ color: hsl(var(--dt-color-foreground-disabled-inverted-h) var(--dt-color-foreground-disabled-inverted-s) var(--dt-color-foreground-disabled-inverted-l) / var(--fco)) !important;
8003
+ }
8004
+ .d-fc-critical-inverted, .h\:d-fc-critical-inverted:hover, .f\:d-fc-critical-inverted:focus, .f\:d-fc-critical-inverted:focus-within, .fv\:d-fc-critical-inverted:focus-visible {
8005
+ --fco: var(--dt-color-foreground-critical-inverted-a);
8006
+ color: hsl(var(--dt-color-foreground-critical-inverted-h) var(--dt-color-foreground-critical-inverted-s) var(--dt-color-foreground-critical-inverted-l) / var(--fco)) !important;
8007
+ }
8008
+ .d-fc-critical-strong-inverted, .h\:d-fc-critical-strong-inverted:hover, .f\:d-fc-critical-strong-inverted:focus, .f\:d-fc-critical-strong-inverted:focus-within, .fv\:d-fc-critical-strong-inverted:focus-visible {
8009
+ --fco: var(--dt-color-foreground-critical-strong-inverted-a);
8010
+ color: hsl(var(--dt-color-foreground-critical-strong-inverted-h) var(--dt-color-foreground-critical-strong-inverted-s) var(--dt-color-foreground-critical-strong-inverted-l) / var(--fco)) !important;
8011
+ }
8012
+ .d-fc-success-inverted, .h\:d-fc-success-inverted:hover, .f\:d-fc-success-inverted:focus, .f\:d-fc-success-inverted:focus-within, .fv\:d-fc-success-inverted:focus-visible {
8013
+ --fco: var(--dt-color-foreground-success-inverted-a);
8014
+ color: hsl(var(--dt-color-foreground-success-inverted-h) var(--dt-color-foreground-success-inverted-s) var(--dt-color-foreground-success-inverted-l) / var(--fco)) !important;
8015
+ }
8016
+ .d-fc-success-strong-inverted, .h\:d-fc-success-strong-inverted:hover, .f\:d-fc-success-strong-inverted:focus, .f\:d-fc-success-strong-inverted:focus-within, .fv\:d-fc-success-strong-inverted:focus-visible {
8017
+ --fco: var(--dt-color-foreground-success-strong-inverted-a);
8018
+ color: hsl(var(--dt-color-foreground-success-strong-inverted-h) var(--dt-color-foreground-success-strong-inverted-s) var(--dt-color-foreground-success-strong-inverted-l) / var(--fco)) !important;
8019
+ }
8020
+ .d-fc-warning-inverted, .h\:d-fc-warning-inverted:hover, .f\:d-fc-warning-inverted:focus, .f\:d-fc-warning-inverted:focus-within, .fv\:d-fc-warning-inverted:focus-visible {
8021
+ --fco: var(--dt-color-foreground-warning-inverted-a);
8022
+ color: hsl(var(--dt-color-foreground-warning-inverted-h) var(--dt-color-foreground-warning-inverted-s) var(--dt-color-foreground-warning-inverted-l) / var(--fco)) !important;
8205
8023
  }
8206
8024
  .d-bc-neutral-white, .h\:d-bc-neutral-white:hover, .f\:d-bc-neutral-white:focus, .f\:d-bc-neutral-white:focus-within, .fv\:d-bc-neutral-white:focus-visible {
8207
- --bco: 100%;
8208
- border-color: hsla(var(--dt-color-neutral-white-h) var(--dt-color-neutral-white-s) var(--dt-color-neutral-white-l) / var(--bco)) !important;
8025
+ --bco: var(--dt-color-neutral-white-a);
8026
+ border-color: hsl(var(--dt-color-neutral-white-h) var(--dt-color-neutral-white-s) var(--dt-color-neutral-white-l) / var(--bco)) !important;
8209
8027
  }
8210
8028
  .d-bc-neutral-black, .h\:d-bc-neutral-black:hover, .f\:d-bc-neutral-black:focus, .f\:d-bc-neutral-black:focus-within, .fv\:d-bc-neutral-black:focus-visible {
8211
- --bco: 100%;
8212
- border-color: hsla(var(--dt-color-neutral-black-h) var(--dt-color-neutral-black-s) var(--dt-color-neutral-black-l) / var(--bco)) !important;
8029
+ --bco: var(--dt-color-neutral-black-a);
8030
+ border-color: hsl(var(--dt-color-neutral-black-h) var(--dt-color-neutral-black-s) var(--dt-color-neutral-black-l) / var(--bco)) !important;
8213
8031
  }
8214
8032
  .d-bc-black-100, .h\:d-bc-black-100:hover, .f\:d-bc-black-100:focus, .f\:d-bc-black-100:focus-within, .fv\:d-bc-black-100:focus-visible {
8215
- --bco: 100%;
8216
- border-color: hsla(var(--dt-color-black-100-h) var(--dt-color-black-100-s) var(--dt-color-black-100-l) / var(--bco)) !important;
8033
+ --bco: var(--dt-color-black-100-a);
8034
+ border-color: hsl(var(--dt-color-black-100-h) var(--dt-color-black-100-s) var(--dt-color-black-100-l) / var(--bco)) !important;
8217
8035
  }
8218
8036
  .d-bc-black-200, .h\:d-bc-black-200:hover, .f\:d-bc-black-200:focus, .f\:d-bc-black-200:focus-within, .fv\:d-bc-black-200:focus-visible {
8219
- --bco: 100%;
8220
- border-color: hsla(var(--dt-color-black-200-h) var(--dt-color-black-200-s) var(--dt-color-black-200-l) / var(--bco)) !important;
8037
+ --bco: var(--dt-color-black-200-a);
8038
+ border-color: hsl(var(--dt-color-black-200-h) var(--dt-color-black-200-s) var(--dt-color-black-200-l) / var(--bco)) !important;
8221
8039
  }
8222
8040
  .d-bc-black-300, .h\:d-bc-black-300:hover, .f\:d-bc-black-300:focus, .f\:d-bc-black-300:focus-within, .fv\:d-bc-black-300:focus-visible {
8223
- --bco: 100%;
8224
- border-color: hsla(var(--dt-color-black-300-h) var(--dt-color-black-300-s) var(--dt-color-black-300-l) / var(--bco)) !important;
8041
+ --bco: var(--dt-color-black-300-a);
8042
+ border-color: hsl(var(--dt-color-black-300-h) var(--dt-color-black-300-s) var(--dt-color-black-300-l) / var(--bco)) !important;
8225
8043
  }
8226
8044
  .d-bc-black-400, .h\:d-bc-black-400:hover, .f\:d-bc-black-400:focus, .f\:d-bc-black-400:focus-within, .fv\:d-bc-black-400:focus-visible {
8227
- --bco: 100%;
8228
- border-color: hsla(var(--dt-color-black-400-h) var(--dt-color-black-400-s) var(--dt-color-black-400-l) / var(--bco)) !important;
8045
+ --bco: var(--dt-color-black-400-a);
8046
+ border-color: hsl(var(--dt-color-black-400-h) var(--dt-color-black-400-s) var(--dt-color-black-400-l) / var(--bco)) !important;
8229
8047
  }
8230
8048
  .d-bc-black-500, .h\:d-bc-black-500:hover, .f\:d-bc-black-500:focus, .f\:d-bc-black-500:focus-within, .fv\:d-bc-black-500:focus-visible {
8231
- --bco: 100%;
8232
- border-color: hsla(var(--dt-color-black-500-h) var(--dt-color-black-500-s) var(--dt-color-black-500-l) / var(--bco)) !important;
8049
+ --bco: var(--dt-color-black-500-a);
8050
+ border-color: hsl(var(--dt-color-black-500-h) var(--dt-color-black-500-s) var(--dt-color-black-500-l) / var(--bco)) !important;
8233
8051
  }
8234
8052
  .d-bc-black-600, .h\:d-bc-black-600:hover, .f\:d-bc-black-600:focus, .f\:d-bc-black-600:focus-within, .fv\:d-bc-black-600:focus-visible {
8235
- --bco: 100%;
8236
- border-color: hsla(var(--dt-color-black-600-h) var(--dt-color-black-600-s) var(--dt-color-black-600-l) / var(--bco)) !important;
8053
+ --bco: var(--dt-color-black-600-a);
8054
+ border-color: hsl(var(--dt-color-black-600-h) var(--dt-color-black-600-s) var(--dt-color-black-600-l) / var(--bco)) !important;
8237
8055
  }
8238
8056
  .d-bc-black-700, .h\:d-bc-black-700:hover, .f\:d-bc-black-700:focus, .f\:d-bc-black-700:focus-within, .fv\:d-bc-black-700:focus-visible {
8239
- --bco: 100%;
8240
- border-color: hsla(var(--dt-color-black-700-h) var(--dt-color-black-700-s) var(--dt-color-black-700-l) / var(--bco)) !important;
8057
+ --bco: var(--dt-color-black-700-a);
8058
+ border-color: hsl(var(--dt-color-black-700-h) var(--dt-color-black-700-s) var(--dt-color-black-700-l) / var(--bco)) !important;
8241
8059
  }
8242
8060
  .d-bc-black-800, .h\:d-bc-black-800:hover, .f\:d-bc-black-800:focus, .f\:d-bc-black-800:focus-within, .fv\:d-bc-black-800:focus-visible {
8243
- --bco: 100%;
8244
- border-color: hsla(var(--dt-color-black-800-h) var(--dt-color-black-800-s) var(--dt-color-black-800-l) / var(--bco)) !important;
8061
+ --bco: var(--dt-color-black-800-a);
8062
+ border-color: hsl(var(--dt-color-black-800-h) var(--dt-color-black-800-s) var(--dt-color-black-800-l) / var(--bco)) !important;
8245
8063
  }
8246
8064
  .d-bc-black-900, .h\:d-bc-black-900:hover, .f\:d-bc-black-900:focus, .f\:d-bc-black-900:focus-within, .fv\:d-bc-black-900:focus-visible {
8247
- --bco: 100%;
8248
- border-color: hsla(var(--dt-color-black-900-h) var(--dt-color-black-900-s) var(--dt-color-black-900-l) / var(--bco)) !important;
8065
+ --bco: var(--dt-color-black-900-a);
8066
+ border-color: hsl(var(--dt-color-black-900-h) var(--dt-color-black-900-s) var(--dt-color-black-900-l) / var(--bco)) !important;
8249
8067
  }
8250
8068
  .d-bc-purple-100, .h\:d-bc-purple-100:hover, .f\:d-bc-purple-100:focus, .f\:d-bc-purple-100:focus-within, .fv\:d-bc-purple-100:focus-visible {
8251
- --bco: 100%;
8252
- border-color: hsla(var(--dt-color-purple-100-h) var(--dt-color-purple-100-s) var(--dt-color-purple-100-l) / var(--bco)) !important;
8069
+ --bco: var(--dt-color-purple-100-a);
8070
+ border-color: hsl(var(--dt-color-purple-100-h) var(--dt-color-purple-100-s) var(--dt-color-purple-100-l) / var(--bco)) !important;
8253
8071
  }
8254
8072
  .d-bc-purple-200, .h\:d-bc-purple-200:hover, .f\:d-bc-purple-200:focus, .f\:d-bc-purple-200:focus-within, .fv\:d-bc-purple-200:focus-visible {
8255
- --bco: 100%;
8256
- border-color: hsla(var(--dt-color-purple-200-h) var(--dt-color-purple-200-s) var(--dt-color-purple-200-l) / var(--bco)) !important;
8073
+ --bco: var(--dt-color-purple-200-a);
8074
+ border-color: hsl(var(--dt-color-purple-200-h) var(--dt-color-purple-200-s) var(--dt-color-purple-200-l) / var(--bco)) !important;
8257
8075
  }
8258
8076
  .d-bc-purple-300, .h\:d-bc-purple-300:hover, .f\:d-bc-purple-300:focus, .f\:d-bc-purple-300:focus-within, .fv\:d-bc-purple-300:focus-visible {
8259
- --bco: 100%;
8260
- border-color: hsla(var(--dt-color-purple-300-h) var(--dt-color-purple-300-s) var(--dt-color-purple-300-l) / var(--bco)) !important;
8077
+ --bco: var(--dt-color-purple-300-a);
8078
+ border-color: hsl(var(--dt-color-purple-300-h) var(--dt-color-purple-300-s) var(--dt-color-purple-300-l) / var(--bco)) !important;
8261
8079
  }
8262
8080
  .d-bc-purple-400, .h\:d-bc-purple-400:hover, .f\:d-bc-purple-400:focus, .f\:d-bc-purple-400:focus-within, .fv\:d-bc-purple-400:focus-visible {
8263
- --bco: 100%;
8264
- border-color: hsla(var(--dt-color-purple-400-h) var(--dt-color-purple-400-s) var(--dt-color-purple-400-l) / var(--bco)) !important;
8081
+ --bco: var(--dt-color-purple-400-a);
8082
+ border-color: hsl(var(--dt-color-purple-400-h) var(--dt-color-purple-400-s) var(--dt-color-purple-400-l) / var(--bco)) !important;
8265
8083
  }
8266
8084
  .d-bc-purple-500, .h\:d-bc-purple-500:hover, .f\:d-bc-purple-500:focus, .f\:d-bc-purple-500:focus-within, .fv\:d-bc-purple-500:focus-visible {
8267
- --bco: 100%;
8268
- border-color: hsla(var(--dt-color-purple-500-h) var(--dt-color-purple-500-s) var(--dt-color-purple-500-l) / var(--bco)) !important;
8085
+ --bco: var(--dt-color-purple-500-a);
8086
+ border-color: hsl(var(--dt-color-purple-500-h) var(--dt-color-purple-500-s) var(--dt-color-purple-500-l) / var(--bco)) !important;
8269
8087
  }
8270
8088
  .d-bc-purple-600, .h\:d-bc-purple-600:hover, .f\:d-bc-purple-600:focus, .f\:d-bc-purple-600:focus-within, .fv\:d-bc-purple-600:focus-visible {
8271
- --bco: 100%;
8272
- border-color: hsla(var(--dt-color-purple-600-h) var(--dt-color-purple-600-s) var(--dt-color-purple-600-l) / var(--bco)) !important;
8089
+ --bco: var(--dt-color-purple-600-a);
8090
+ border-color: hsl(var(--dt-color-purple-600-h) var(--dt-color-purple-600-s) var(--dt-color-purple-600-l) / var(--bco)) !important;
8273
8091
  }
8274
8092
  .d-bc-blue-100, .h\:d-bc-blue-100:hover, .f\:d-bc-blue-100:focus, .f\:d-bc-blue-100:focus-within, .fv\:d-bc-blue-100:focus-visible {
8275
- --bco: 100%;
8276
- border-color: hsla(var(--dt-color-blue-100-h) var(--dt-color-blue-100-s) var(--dt-color-blue-100-l) / var(--bco)) !important;
8093
+ --bco: var(--dt-color-blue-100-a);
8094
+ border-color: hsl(var(--dt-color-blue-100-h) var(--dt-color-blue-100-s) var(--dt-color-blue-100-l) / var(--bco)) !important;
8277
8095
  }
8278
8096
  .d-bc-blue-200, .h\:d-bc-blue-200:hover, .f\:d-bc-blue-200:focus, .f\:d-bc-blue-200:focus-within, .fv\:d-bc-blue-200:focus-visible {
8279
- --bco: 100%;
8280
- border-color: hsla(var(--dt-color-blue-200-h) var(--dt-color-blue-200-s) var(--dt-color-blue-200-l) / var(--bco)) !important;
8097
+ --bco: var(--dt-color-blue-200-a);
8098
+ border-color: hsl(var(--dt-color-blue-200-h) var(--dt-color-blue-200-s) var(--dt-color-blue-200-l) / var(--bco)) !important;
8281
8099
  }
8282
8100
  .d-bc-blue-300, .h\:d-bc-blue-300:hover, .f\:d-bc-blue-300:focus, .f\:d-bc-blue-300:focus-within, .fv\:d-bc-blue-300:focus-visible {
8283
- --bco: 100%;
8284
- border-color: hsla(var(--dt-color-blue-300-h) var(--dt-color-blue-300-s) var(--dt-color-blue-300-l) / var(--bco)) !important;
8101
+ --bco: var(--dt-color-blue-300-a);
8102
+ border-color: hsl(var(--dt-color-blue-300-h) var(--dt-color-blue-300-s) var(--dt-color-blue-300-l) / var(--bco)) !important;
8285
8103
  }
8286
8104
  .d-bc-blue-400, .h\:d-bc-blue-400:hover, .f\:d-bc-blue-400:focus, .f\:d-bc-blue-400:focus-within, .fv\:d-bc-blue-400:focus-visible {
8287
- --bco: 100%;
8288
- border-color: hsla(var(--dt-color-blue-400-h) var(--dt-color-blue-400-s) var(--dt-color-blue-400-l) / var(--bco)) !important;
8105
+ --bco: var(--dt-color-blue-400-a);
8106
+ border-color: hsl(var(--dt-color-blue-400-h) var(--dt-color-blue-400-s) var(--dt-color-blue-400-l) / var(--bco)) !important;
8289
8107
  }
8290
8108
  .d-bc-blue-500, .h\:d-bc-blue-500:hover, .f\:d-bc-blue-500:focus, .f\:d-bc-blue-500:focus-within, .fv\:d-bc-blue-500:focus-visible {
8291
- --bco: 100%;
8292
- border-color: hsla(var(--dt-color-blue-500-h) var(--dt-color-blue-500-s) var(--dt-color-blue-500-l) / var(--bco)) !important;
8109
+ --bco: var(--dt-color-blue-500-a);
8110
+ border-color: hsl(var(--dt-color-blue-500-h) var(--dt-color-blue-500-s) var(--dt-color-blue-500-l) / var(--bco)) !important;
8293
8111
  }
8294
8112
  .d-bc-magenta-100, .h\:d-bc-magenta-100:hover, .f\:d-bc-magenta-100:focus, .f\:d-bc-magenta-100:focus-within, .fv\:d-bc-magenta-100:focus-visible {
8295
- --bco: 100%;
8296
- border-color: hsla(var(--dt-color-magenta-100-h) var(--dt-color-magenta-100-s) var(--dt-color-magenta-100-l) / var(--bco)) !important;
8113
+ --bco: var(--dt-color-magenta-100-a);
8114
+ border-color: hsl(var(--dt-color-magenta-100-h) var(--dt-color-magenta-100-s) var(--dt-color-magenta-100-l) / var(--bco)) !important;
8297
8115
  }
8298
8116
  .d-bc-magenta-200, .h\:d-bc-magenta-200:hover, .f\:d-bc-magenta-200:focus, .f\:d-bc-magenta-200:focus-within, .fv\:d-bc-magenta-200:focus-visible {
8299
- --bco: 100%;
8300
- border-color: hsla(var(--dt-color-magenta-200-h) var(--dt-color-magenta-200-s) var(--dt-color-magenta-200-l) / var(--bco)) !important;
8117
+ --bco: var(--dt-color-magenta-200-a);
8118
+ border-color: hsl(var(--dt-color-magenta-200-h) var(--dt-color-magenta-200-s) var(--dt-color-magenta-200-l) / var(--bco)) !important;
8301
8119
  }
8302
8120
  .d-bc-magenta-300, .h\:d-bc-magenta-300:hover, .f\:d-bc-magenta-300:focus, .f\:d-bc-magenta-300:focus-within, .fv\:d-bc-magenta-300:focus-visible {
8303
- --bco: 100%;
8304
- border-color: hsla(var(--dt-color-magenta-300-h) var(--dt-color-magenta-300-s) var(--dt-color-magenta-300-l) / var(--bco)) !important;
8121
+ --bco: var(--dt-color-magenta-300-a);
8122
+ border-color: hsl(var(--dt-color-magenta-300-h) var(--dt-color-magenta-300-s) var(--dt-color-magenta-300-l) / var(--bco)) !important;
8305
8123
  }
8306
8124
  .d-bc-magenta-400, .h\:d-bc-magenta-400:hover, .f\:d-bc-magenta-400:focus, .f\:d-bc-magenta-400:focus-within, .fv\:d-bc-magenta-400:focus-visible {
8307
- --bco: 100%;
8308
- border-color: hsla(var(--dt-color-magenta-400-h) var(--dt-color-magenta-400-s) var(--dt-color-magenta-400-l) / var(--bco)) !important;
8125
+ --bco: var(--dt-color-magenta-400-a);
8126
+ border-color: hsl(var(--dt-color-magenta-400-h) var(--dt-color-magenta-400-s) var(--dt-color-magenta-400-l) / var(--bco)) !important;
8309
8127
  }
8310
8128
  .d-bc-magenta-500, .h\:d-bc-magenta-500:hover, .f\:d-bc-magenta-500:focus, .f\:d-bc-magenta-500:focus-within, .fv\:d-bc-magenta-500:focus-visible {
8311
- --bco: 100%;
8312
- border-color: hsla(var(--dt-color-magenta-500-h) var(--dt-color-magenta-500-s) var(--dt-color-magenta-500-l) / var(--bco)) !important;
8129
+ --bco: var(--dt-color-magenta-500-a);
8130
+ border-color: hsl(var(--dt-color-magenta-500-h) var(--dt-color-magenta-500-s) var(--dt-color-magenta-500-l) / var(--bco)) !important;
8313
8131
  }
8314
8132
  .d-bc-gold-100, .h\:d-bc-gold-100:hover, .f\:d-bc-gold-100:focus, .f\:d-bc-gold-100:focus-within, .fv\:d-bc-gold-100:focus-visible {
8315
- --bco: 100%;
8316
- border-color: hsla(var(--dt-color-gold-100-h) var(--dt-color-gold-100-s) var(--dt-color-gold-100-l) / var(--bco)) !important;
8133
+ --bco: var(--dt-color-gold-100-a);
8134
+ border-color: hsl(var(--dt-color-gold-100-h) var(--dt-color-gold-100-s) var(--dt-color-gold-100-l) / var(--bco)) !important;
8317
8135
  }
8318
8136
  .d-bc-gold-200, .h\:d-bc-gold-200:hover, .f\:d-bc-gold-200:focus, .f\:d-bc-gold-200:focus-within, .fv\:d-bc-gold-200:focus-visible {
8319
- --bco: 100%;
8320
- border-color: hsla(var(--dt-color-gold-200-h) var(--dt-color-gold-200-s) var(--dt-color-gold-200-l) / var(--bco)) !important;
8137
+ --bco: var(--dt-color-gold-200-a);
8138
+ border-color: hsl(var(--dt-color-gold-200-h) var(--dt-color-gold-200-s) var(--dt-color-gold-200-l) / var(--bco)) !important;
8321
8139
  }
8322
8140
  .d-bc-gold-300, .h\:d-bc-gold-300:hover, .f\:d-bc-gold-300:focus, .f\:d-bc-gold-300:focus-within, .fv\:d-bc-gold-300:focus-visible {
8323
- --bco: 100%;
8324
- border-color: hsla(var(--dt-color-gold-300-h) var(--dt-color-gold-300-s) var(--dt-color-gold-300-l) / var(--bco)) !important;
8141
+ --bco: var(--dt-color-gold-300-a);
8142
+ border-color: hsl(var(--dt-color-gold-300-h) var(--dt-color-gold-300-s) var(--dt-color-gold-300-l) / var(--bco)) !important;
8325
8143
  }
8326
8144
  .d-bc-gold-400, .h\:d-bc-gold-400:hover, .f\:d-bc-gold-400:focus, .f\:d-bc-gold-400:focus-within, .fv\:d-bc-gold-400:focus-visible {
8327
- --bco: 100%;
8328
- border-color: hsla(var(--dt-color-gold-400-h) var(--dt-color-gold-400-s) var(--dt-color-gold-400-l) / var(--bco)) !important;
8145
+ --bco: var(--dt-color-gold-400-a);
8146
+ border-color: hsl(var(--dt-color-gold-400-h) var(--dt-color-gold-400-s) var(--dt-color-gold-400-l) / var(--bco)) !important;
8329
8147
  }
8330
8148
  .d-bc-gold-500, .h\:d-bc-gold-500:hover, .f\:d-bc-gold-500:focus, .f\:d-bc-gold-500:focus-within, .fv\:d-bc-gold-500:focus-visible {
8331
- --bco: 100%;
8332
- border-color: hsla(var(--dt-color-gold-500-h) var(--dt-color-gold-500-s) var(--dt-color-gold-500-l) / var(--bco)) !important;
8149
+ --bco: var(--dt-color-gold-500-a);
8150
+ border-color: hsl(var(--dt-color-gold-500-h) var(--dt-color-gold-500-s) var(--dt-color-gold-500-l) / var(--bco)) !important;
8333
8151
  }
8334
8152
  .d-bc-green-100, .h\:d-bc-green-100:hover, .f\:d-bc-green-100:focus, .f\:d-bc-green-100:focus-within, .fv\:d-bc-green-100:focus-visible {
8335
- --bco: 100%;
8336
- border-color: hsla(var(--dt-color-green-100-h) var(--dt-color-green-100-s) var(--dt-color-green-100-l) / var(--bco)) !important;
8153
+ --bco: var(--dt-color-green-100-a);
8154
+ border-color: hsl(var(--dt-color-green-100-h) var(--dt-color-green-100-s) var(--dt-color-green-100-l) / var(--bco)) !important;
8337
8155
  }
8338
8156
  .d-bc-green-200, .h\:d-bc-green-200:hover, .f\:d-bc-green-200:focus, .f\:d-bc-green-200:focus-within, .fv\:d-bc-green-200:focus-visible {
8339
- --bco: 100%;
8340
- border-color: hsla(var(--dt-color-green-200-h) var(--dt-color-green-200-s) var(--dt-color-green-200-l) / var(--bco)) !important;
8157
+ --bco: var(--dt-color-green-200-a);
8158
+ border-color: hsl(var(--dt-color-green-200-h) var(--dt-color-green-200-s) var(--dt-color-green-200-l) / var(--bco)) !important;
8341
8159
  }
8342
8160
  .d-bc-green-300, .h\:d-bc-green-300:hover, .f\:d-bc-green-300:focus, .f\:d-bc-green-300:focus-within, .fv\:d-bc-green-300:focus-visible {
8343
- --bco: 100%;
8344
- border-color: hsla(var(--dt-color-green-300-h) var(--dt-color-green-300-s) var(--dt-color-green-300-l) / var(--bco)) !important;
8161
+ --bco: var(--dt-color-green-300-a);
8162
+ border-color: hsl(var(--dt-color-green-300-h) var(--dt-color-green-300-s) var(--dt-color-green-300-l) / var(--bco)) !important;
8345
8163
  }
8346
8164
  .d-bc-green-400, .h\:d-bc-green-400:hover, .f\:d-bc-green-400:focus, .f\:d-bc-green-400:focus-within, .fv\:d-bc-green-400:focus-visible {
8347
- --bco: 100%;
8348
- border-color: hsla(var(--dt-color-green-400-h) var(--dt-color-green-400-s) var(--dt-color-green-400-l) / var(--bco)) !important;
8165
+ --bco: var(--dt-color-green-400-a);
8166
+ border-color: hsl(var(--dt-color-green-400-h) var(--dt-color-green-400-s) var(--dt-color-green-400-l) / var(--bco)) !important;
8349
8167
  }
8350
8168
  .d-bc-green-500, .h\:d-bc-green-500:hover, .f\:d-bc-green-500:focus, .f\:d-bc-green-500:focus-within, .fv\:d-bc-green-500:focus-visible {
8351
- --bco: 100%;
8352
- border-color: hsla(var(--dt-color-green-500-h) var(--dt-color-green-500-s) var(--dt-color-green-500-l) / var(--bco)) !important;
8169
+ --bco: var(--dt-color-green-500-a);
8170
+ border-color: hsl(var(--dt-color-green-500-h) var(--dt-color-green-500-s) var(--dt-color-green-500-l) / var(--bco)) !important;
8353
8171
  }
8354
8172
  .d-bc-red-100, .h\:d-bc-red-100:hover, .f\:d-bc-red-100:focus, .f\:d-bc-red-100:focus-within, .fv\:d-bc-red-100:focus-visible {
8355
- --bco: 100%;
8356
- border-color: hsla(var(--dt-color-red-100-h) var(--dt-color-red-100-s) var(--dt-color-red-100-l) / var(--bco)) !important;
8173
+ --bco: var(--dt-color-red-100-a);
8174
+ border-color: hsl(var(--dt-color-red-100-h) var(--dt-color-red-100-s) var(--dt-color-red-100-l) / var(--bco)) !important;
8357
8175
  }
8358
8176
  .d-bc-red-200, .h\:d-bc-red-200:hover, .f\:d-bc-red-200:focus, .f\:d-bc-red-200:focus-within, .fv\:d-bc-red-200:focus-visible {
8359
- --bco: 100%;
8360
- border-color: hsla(var(--dt-color-red-200-h) var(--dt-color-red-200-s) var(--dt-color-red-200-l) / var(--bco)) !important;
8177
+ --bco: var(--dt-color-red-200-a);
8178
+ border-color: hsl(var(--dt-color-red-200-h) var(--dt-color-red-200-s) var(--dt-color-red-200-l) / var(--bco)) !important;
8361
8179
  }
8362
8180
  .d-bc-red-300, .h\:d-bc-red-300:hover, .f\:d-bc-red-300:focus, .f\:d-bc-red-300:focus-within, .fv\:d-bc-red-300:focus-visible {
8363
- --bco: 100%;
8364
- border-color: hsla(var(--dt-color-red-300-h) var(--dt-color-red-300-s) var(--dt-color-red-300-l) / var(--bco)) !important;
8181
+ --bco: var(--dt-color-red-300-a);
8182
+ border-color: hsl(var(--dt-color-red-300-h) var(--dt-color-red-300-s) var(--dt-color-red-300-l) / var(--bco)) !important;
8365
8183
  }
8366
8184
  .d-bc-red-400, .h\:d-bc-red-400:hover, .f\:d-bc-red-400:focus, .f\:d-bc-red-400:focus-within, .fv\:d-bc-red-400:focus-visible {
8367
- --bco: 100%;
8368
- border-color: hsla(var(--dt-color-red-400-h) var(--dt-color-red-400-s) var(--dt-color-red-400-l) / var(--bco)) !important;
8185
+ --bco: var(--dt-color-red-400-a);
8186
+ border-color: hsl(var(--dt-color-red-400-h) var(--dt-color-red-400-s) var(--dt-color-red-400-l) / var(--bco)) !important;
8369
8187
  }
8370
8188
  .d-bc-red-500, .h\:d-bc-red-500:hover, .f\:d-bc-red-500:focus, .f\:d-bc-red-500:focus-within, .fv\:d-bc-red-500:focus-visible {
8371
- --bco: 100%;
8372
- border-color: hsla(var(--dt-color-red-500-h) var(--dt-color-red-500-s) var(--dt-color-red-500-l) / var(--bco)) !important;
8189
+ --bco: var(--dt-color-red-500-a);
8190
+ border-color: hsl(var(--dt-color-red-500-h) var(--dt-color-red-500-s) var(--dt-color-red-500-l) / var(--bco)) !important;
8373
8191
  }
8374
8192
  .d-bc-tan-100, .h\:d-bc-tan-100:hover, .f\:d-bc-tan-100:focus, .f\:d-bc-tan-100:focus-within, .fv\:d-bc-tan-100:focus-visible {
8375
- --bco: 100%;
8376
- border-color: hsla(var(--dt-color-tan-100-h) var(--dt-color-tan-100-s) var(--dt-color-tan-100-l) / var(--bco)) !important;
8193
+ --bco: var(--dt-color-tan-100-a);
8194
+ border-color: hsl(var(--dt-color-tan-100-h) var(--dt-color-tan-100-s) var(--dt-color-tan-100-l) / var(--bco)) !important;
8377
8195
  }
8378
8196
  .d-bc-tan-200, .h\:d-bc-tan-200:hover, .f\:d-bc-tan-200:focus, .f\:d-bc-tan-200:focus-within, .fv\:d-bc-tan-200:focus-visible {
8379
- --bco: 100%;
8380
- border-color: hsla(var(--dt-color-tan-200-h) var(--dt-color-tan-200-s) var(--dt-color-tan-200-l) / var(--bco)) !important;
8197
+ --bco: var(--dt-color-tan-200-a);
8198
+ border-color: hsl(var(--dt-color-tan-200-h) var(--dt-color-tan-200-s) var(--dt-color-tan-200-l) / var(--bco)) !important;
8381
8199
  }
8382
8200
  .d-bc-tan-300, .h\:d-bc-tan-300:hover, .f\:d-bc-tan-300:focus, .f\:d-bc-tan-300:focus-within, .fv\:d-bc-tan-300:focus-visible {
8383
- --bco: 100%;
8384
- border-color: hsla(var(--dt-color-tan-300-h) var(--dt-color-tan-300-s) var(--dt-color-tan-300-l) / var(--bco)) !important;
8201
+ --bco: var(--dt-color-tan-300-a);
8202
+ border-color: hsl(var(--dt-color-tan-300-h) var(--dt-color-tan-300-s) var(--dt-color-tan-300-l) / var(--bco)) !important;
8385
8203
  }
8386
8204
  .d-bc-tan-400, .h\:d-bc-tan-400:hover, .f\:d-bc-tan-400:focus, .f\:d-bc-tan-400:focus-within, .fv\:d-bc-tan-400:focus-visible {
8387
- --bco: 100%;
8388
- border-color: hsla(var(--dt-color-tan-400-h) var(--dt-color-tan-400-s) var(--dt-color-tan-400-l) / var(--bco)) !important;
8205
+ --bco: var(--dt-color-tan-400-a);
8206
+ border-color: hsl(var(--dt-color-tan-400-h) var(--dt-color-tan-400-s) var(--dt-color-tan-400-l) / var(--bco)) !important;
8389
8207
  }
8390
8208
  .d-bc-tan-500, .h\:d-bc-tan-500:hover, .f\:d-bc-tan-500:focus, .f\:d-bc-tan-500:focus-within, .fv\:d-bc-tan-500:focus-visible {
8391
- --bco: 100%;
8392
- border-color: hsla(var(--dt-color-tan-500-h) var(--dt-color-tan-500-s) var(--dt-color-tan-500-l) / var(--bco)) !important;
8209
+ --bco: var(--dt-color-tan-500-a);
8210
+ border-color: hsl(var(--dt-color-tan-500-h) var(--dt-color-tan-500-s) var(--dt-color-tan-500-l) / var(--bco)) !important;
8211
+ }
8212
+ .d-bc-subtle, .h\:d-bc-subtle:hover, .f\:d-bc-subtle:focus, .f\:d-bc-subtle:focus-within, .fv\:d-bc-subtle:focus-visible {
8213
+ --bco: var(--dt-color-border-subtle-a);
8214
+ border-color: hsl(var(--dt-color-border-subtle-h) var(--dt-color-border-subtle-s) var(--dt-color-border-subtle-l) / var(--bco)) !important;
8215
+ }
8216
+ .d-bc-default, .h\:d-bc-default:hover, .f\:d-bc-default:focus, .f\:d-bc-default:focus-within, .fv\:d-bc-default:focus-visible {
8217
+ --bco: var(--dt-color-border-default-a);
8218
+ border-color: hsl(var(--dt-color-border-default-h) var(--dt-color-border-default-s) var(--dt-color-border-default-l) / var(--bco)) !important;
8219
+ }
8220
+ .d-bc-moderate, .h\:d-bc-moderate:hover, .f\:d-bc-moderate:focus, .f\:d-bc-moderate:focus-within, .fv\:d-bc-moderate:focus-visible {
8221
+ --bco: var(--dt-color-border-moderate-a);
8222
+ border-color: hsl(var(--dt-color-border-moderate-h) var(--dt-color-border-moderate-s) var(--dt-color-border-moderate-l) / var(--bco)) !important;
8223
+ }
8224
+ .d-bc-bold, .h\:d-bc-bold:hover, .f\:d-bc-bold:focus, .f\:d-bc-bold:focus-within, .fv\:d-bc-bold:focus-visible {
8225
+ --bco: var(--dt-color-border-bold-a);
8226
+ border-color: hsl(var(--dt-color-border-bold-h) var(--dt-color-border-bold-s) var(--dt-color-border-bold-l) / var(--bco)) !important;
8227
+ }
8228
+ .d-bc-subtle-inverted, .h\:d-bc-subtle-inverted:hover, .f\:d-bc-subtle-inverted:focus, .f\:d-bc-subtle-inverted:focus-within, .fv\:d-bc-subtle-inverted:focus-visible {
8229
+ --bco: var(--dt-color-border-subtle-inverted-a);
8230
+ border-color: hsl(var(--dt-color-border-subtle-inverted-h) var(--dt-color-border-subtle-inverted-s) var(--dt-color-border-subtle-inverted-l) / var(--bco)) !important;
8231
+ }
8232
+ .d-bc-default-inverted, .h\:d-bc-default-inverted:hover, .f\:d-bc-default-inverted:focus, .f\:d-bc-default-inverted:focus-within, .fv\:d-bc-default-inverted:focus-visible {
8233
+ --bco: var(--dt-color-border-default-inverted-a);
8234
+ border-color: hsl(var(--dt-color-border-default-inverted-h) var(--dt-color-border-default-inverted-s) var(--dt-color-border-default-inverted-l) / var(--bco)) !important;
8235
+ }
8236
+ .d-bc-moderate-inverted, .h\:d-bc-moderate-inverted:hover, .f\:d-bc-moderate-inverted:focus, .f\:d-bc-moderate-inverted:focus-within, .fv\:d-bc-moderate-inverted:focus-visible {
8237
+ --bco: var(--dt-color-border-moderate-inverted-a);
8238
+ border-color: hsl(var(--dt-color-border-moderate-inverted-h) var(--dt-color-border-moderate-inverted-s) var(--dt-color-border-moderate-inverted-l) / var(--bco)) !important;
8239
+ }
8240
+ .d-bc-bold-inverted, .h\:d-bc-bold-inverted:hover, .f\:d-bc-bold-inverted:focus, .f\:d-bc-bold-inverted:focus-within, .fv\:d-bc-bold-inverted:focus-visible {
8241
+ --bco: var(--dt-color-border-bold-inverted-a);
8242
+ border-color: hsl(var(--dt-color-border-bold-inverted-h) var(--dt-color-border-bold-inverted-s) var(--dt-color-border-bold-inverted-l) / var(--bco)) !important;
8243
+ }
8244
+ .d-bc-focus, .h\:d-bc-focus:hover, .f\:d-bc-focus:focus, .f\:d-bc-focus:focus-within, .fv\:d-bc-focus:focus-visible {
8245
+ --bco: var(--dt-color-border-focus-a);
8246
+ border-color: hsl(var(--dt-color-border-focus-h) var(--dt-color-border-focus-s) var(--dt-color-border-focus-l) / var(--bco)) !important;
8247
+ }
8248
+ .d-bc-critical, .h\:d-bc-critical:hover, .f\:d-bc-critical:focus, .f\:d-bc-critical:focus-within, .fv\:d-bc-critical:focus-visible {
8249
+ --bco: var(--dt-color-border-critical-a);
8250
+ border-color: hsl(var(--dt-color-border-critical-h) var(--dt-color-border-critical-s) var(--dt-color-border-critical-l) / var(--bco)) !important;
8251
+ }
8252
+ .d-bc-success, .h\:d-bc-success:hover, .f\:d-bc-success:focus, .f\:d-bc-success:focus-within, .fv\:d-bc-success:focus-visible {
8253
+ --bco: var(--dt-color-border-success-a);
8254
+ border-color: hsl(var(--dt-color-border-success-h) var(--dt-color-border-success-s) var(--dt-color-border-success-l) / var(--bco)) !important;
8255
+ }
8256
+ .d-bc-warning, .h\:d-bc-warning:hover, .f\:d-bc-warning:focus, .f\:d-bc-warning:focus-within, .fv\:d-bc-warning:focus-visible {
8257
+ --bco: var(--dt-color-border-warning-a);
8258
+ border-color: hsl(var(--dt-color-border-warning-h) var(--dt-color-border-warning-s) var(--dt-color-border-warning-l) / var(--bco)) !important;
8259
+ }
8260
+ .d-bc-brand, .h\:d-bc-brand:hover, .f\:d-bc-brand:focus, .f\:d-bc-brand:focus-within, .fv\:d-bc-brand:focus-visible {
8261
+ --bco: var(--dt-color-border-brand-a);
8262
+ border-color: hsl(var(--dt-color-border-brand-h) var(--dt-color-border-brand-s) var(--dt-color-border-brand-l) / var(--bco)) !important;
8263
+ }
8264
+ .d-bc-ai, .h\:d-bc-ai:hover, .f\:d-bc-ai:focus, .f\:d-bc-ai:focus-within, .fv\:d-bc-ai:focus-visible {
8265
+ --bco: var(--dt-color-border-ai-a);
8266
+ border-color: hsl(var(--dt-color-border-ai-h) var(--dt-color-border-ai-s) var(--dt-color-border-ai-l) / var(--bco)) !important;
8267
+ }
8268
+ .d-bc-accent, .h\:d-bc-accent:hover, .f\:d-bc-accent:focus, .f\:d-bc-accent:focus-within, .fv\:d-bc-accent:focus-visible {
8269
+ --bco: var(--dt-color-border-accent-a);
8270
+ border-color: hsl(var(--dt-color-border-accent-h) var(--dt-color-border-accent-s) var(--dt-color-border-accent-l) / var(--bco)) !important;
8271
+ }
8272
+ .d-bc-critical-subtle, .h\:d-bc-critical-subtle:hover, .f\:d-bc-critical-subtle:focus, .f\:d-bc-critical-subtle:focus-within, .fv\:d-bc-critical-subtle:focus-visible {
8273
+ --bco: var(--dt-color-border-critical-subtle-a);
8274
+ border-color: hsl(var(--dt-color-border-critical-subtle-h) var(--dt-color-border-critical-subtle-s) var(--dt-color-border-critical-subtle-l) / var(--bco)) !important;
8275
+ }
8276
+ .d-bc-critical-strong, .h\:d-bc-critical-strong:hover, .f\:d-bc-critical-strong:focus, .f\:d-bc-critical-strong:focus-within, .fv\:d-bc-critical-strong:focus-visible {
8277
+ --bco: var(--dt-color-border-critical-strong-a);
8278
+ border-color: hsl(var(--dt-color-border-critical-strong-h) var(--dt-color-border-critical-strong-s) var(--dt-color-border-critical-strong-l) / var(--bco)) !important;
8279
+ }
8280
+ .d-bc-success-subtle, .h\:d-bc-success-subtle:hover, .f\:d-bc-success-subtle:focus, .f\:d-bc-success-subtle:focus-within, .fv\:d-bc-success-subtle:focus-visible {
8281
+ --bco: var(--dt-color-border-success-subtle-a);
8282
+ border-color: hsl(var(--dt-color-border-success-subtle-h) var(--dt-color-border-success-subtle-s) var(--dt-color-border-success-subtle-l) / var(--bco)) !important;
8283
+ }
8284
+ .d-bc-success-strong, .h\:d-bc-success-strong:hover, .f\:d-bc-success-strong:focus, .f\:d-bc-success-strong:focus-within, .fv\:d-bc-success-strong:focus-visible {
8285
+ --bco: var(--dt-color-border-success-strong-a);
8286
+ border-color: hsl(var(--dt-color-border-success-strong-h) var(--dt-color-border-success-strong-s) var(--dt-color-border-success-strong-l) / var(--bco)) !important;
8287
+ }
8288
+ .d-bc-warning-subtle, .h\:d-bc-warning-subtle:hover, .f\:d-bc-warning-subtle:focus, .f\:d-bc-warning-subtle:focus-within, .fv\:d-bc-warning-subtle:focus-visible {
8289
+ --bco: var(--dt-color-border-warning-subtle-a);
8290
+ border-color: hsl(var(--dt-color-border-warning-subtle-h) var(--dt-color-border-warning-subtle-s) var(--dt-color-border-warning-subtle-l) / var(--bco)) !important;
8291
+ }
8292
+ .d-bc-warning-strong, .h\:d-bc-warning-strong:hover, .f\:d-bc-warning-strong:focus, .f\:d-bc-warning-strong:focus-within, .fv\:d-bc-warning-strong:focus-visible {
8293
+ --bco: var(--dt-color-border-warning-strong-a);
8294
+ border-color: hsl(var(--dt-color-border-warning-strong-h) var(--dt-color-border-warning-strong-s) var(--dt-color-border-warning-strong-l) / var(--bco)) !important;
8295
+ }
8296
+ .d-bc-brand-subtle, .h\:d-bc-brand-subtle:hover, .f\:d-bc-brand-subtle:focus, .f\:d-bc-brand-subtle:focus-within, .fv\:d-bc-brand-subtle:focus-visible {
8297
+ --bco: var(--dt-color-border-brand-subtle-a);
8298
+ border-color: hsl(var(--dt-color-border-brand-subtle-h) var(--dt-color-border-brand-subtle-s) var(--dt-color-border-brand-subtle-l) / var(--bco)) !important;
8299
+ }
8300
+ .d-bc-brand-strong, .h\:d-bc-brand-strong:hover, .f\:d-bc-brand-strong:focus, .f\:d-bc-brand-strong:focus-within, .fv\:d-bc-brand-strong:focus-visible {
8301
+ --bco: var(--dt-color-border-brand-strong-a);
8302
+ border-color: hsl(var(--dt-color-border-brand-strong-h) var(--dt-color-border-brand-strong-s) var(--dt-color-border-brand-strong-l) / var(--bco)) !important;
8303
+ }
8304
+ .d-bc-critical-inverted, .h\:d-bc-critical-inverted:hover, .f\:d-bc-critical-inverted:focus, .f\:d-bc-critical-inverted:focus-within, .fv\:d-bc-critical-inverted:focus-visible {
8305
+ --bco: var(--dt-color-border-critical-inverted-a);
8306
+ border-color: hsl(var(--dt-color-border-critical-inverted-h) var(--dt-color-border-critical-inverted-s) var(--dt-color-border-critical-inverted-l) / var(--bco)) !important;
8307
+ }
8308
+ .d-bc-success-inverted, .h\:d-bc-success-inverted:hover, .f\:d-bc-success-inverted:focus, .f\:d-bc-success-inverted:focus-within, .fv\:d-bc-success-inverted:focus-visible {
8309
+ --bco: var(--dt-color-border-success-inverted-a);
8310
+ border-color: hsl(var(--dt-color-border-success-inverted-h) var(--dt-color-border-success-inverted-s) var(--dt-color-border-success-inverted-l) / var(--bco)) !important;
8311
+ }
8312
+ .d-bc-warning-inverted, .h\:d-bc-warning-inverted:hover, .f\:d-bc-warning-inverted:focus, .f\:d-bc-warning-inverted:focus-within, .fv\:d-bc-warning-inverted:focus-visible {
8313
+ --bco: var(--dt-color-border-warning-inverted-a);
8314
+ border-color: hsl(var(--dt-color-border-warning-inverted-h) var(--dt-color-border-warning-inverted-s) var(--dt-color-border-warning-inverted-l) / var(--bco)) !important;
8315
+ }
8316
+ .d-bc-brand-inverted, .h\:d-bc-brand-inverted:hover, .f\:d-bc-brand-inverted:focus, .f\:d-bc-brand-inverted:focus-within, .fv\:d-bc-brand-inverted:focus-visible {
8317
+ --bco: var(--dt-color-border-brand-inverted-a);
8318
+ border-color: hsl(var(--dt-color-border-brand-inverted-h) var(--dt-color-border-brand-inverted-s) var(--dt-color-border-brand-inverted-l) / var(--bco)) !important;
8319
+ }
8320
+ .d-bc-critical-subtle-inverted, .h\:d-bc-critical-subtle-inverted:hover, .f\:d-bc-critical-subtle-inverted:focus, .f\:d-bc-critical-subtle-inverted:focus-within, .fv\:d-bc-critical-subtle-inverted:focus-visible {
8321
+ --bco: var(--dt-color-border-critical-subtle-inverted-a);
8322
+ border-color: hsl(var(--dt-color-border-critical-subtle-inverted-h) var(--dt-color-border-critical-subtle-inverted-s) var(--dt-color-border-critical-subtle-inverted-l) / var(--bco)) !important;
8323
+ }
8324
+ .d-bc-critical-strong-inverted, .h\:d-bc-critical-strong-inverted:hover, .f\:d-bc-critical-strong-inverted:focus, .f\:d-bc-critical-strong-inverted:focus-within, .fv\:d-bc-critical-strong-inverted:focus-visible {
8325
+ --bco: var(--dt-color-border-critical-strong-inverted-a);
8326
+ border-color: hsl(var(--dt-color-border-critical-strong-inverted-h) var(--dt-color-border-critical-strong-inverted-s) var(--dt-color-border-critical-strong-inverted-l) / var(--bco)) !important;
8327
+ }
8328
+ .d-bc-success-subtle-inverted, .h\:d-bc-success-subtle-inverted:hover, .f\:d-bc-success-subtle-inverted:focus, .f\:d-bc-success-subtle-inverted:focus-within, .fv\:d-bc-success-subtle-inverted:focus-visible {
8329
+ --bco: var(--dt-color-border-success-subtle-inverted-a);
8330
+ border-color: hsl(var(--dt-color-border-success-subtle-inverted-h) var(--dt-color-border-success-subtle-inverted-s) var(--dt-color-border-success-subtle-inverted-l) / var(--bco)) !important;
8331
+ }
8332
+ .d-bc-success-strong-inverted, .h\:d-bc-success-strong-inverted:hover, .f\:d-bc-success-strong-inverted:focus, .f\:d-bc-success-strong-inverted:focus-within, .fv\:d-bc-success-strong-inverted:focus-visible {
8333
+ --bco: var(--dt-color-border-success-strong-inverted-a);
8334
+ border-color: hsl(var(--dt-color-border-success-strong-inverted-h) var(--dt-color-border-success-strong-inverted-s) var(--dt-color-border-success-strong-inverted-l) / var(--bco)) !important;
8335
+ }
8336
+ .d-bc-warning-subtle-inverted, .h\:d-bc-warning-subtle-inverted:hover, .f\:d-bc-warning-subtle-inverted:focus, .f\:d-bc-warning-subtle-inverted:focus-within, .fv\:d-bc-warning-subtle-inverted:focus-visible {
8337
+ --bco: var(--dt-color-border-warning-subtle-inverted-a);
8338
+ border-color: hsl(var(--dt-color-border-warning-subtle-inverted-h) var(--dt-color-border-warning-subtle-inverted-s) var(--dt-color-border-warning-subtle-inverted-l) / var(--bco)) !important;
8339
+ }
8340
+ .d-bc-warning-strong-inverted, .h\:d-bc-warning-strong-inverted:hover, .f\:d-bc-warning-strong-inverted:focus, .f\:d-bc-warning-strong-inverted:focus-within, .fv\:d-bc-warning-strong-inverted:focus-visible {
8341
+ --bco: var(--dt-color-border-warning-strong-inverted-a);
8342
+ border-color: hsl(var(--dt-color-border-warning-strong-inverted-h) var(--dt-color-border-warning-strong-inverted-s) var(--dt-color-border-warning-strong-inverted-l) / var(--bco)) !important;
8343
+ }
8344
+ .d-bc-brand-subtle-inverted, .h\:d-bc-brand-subtle-inverted:hover, .f\:d-bc-brand-subtle-inverted:focus, .f\:d-bc-brand-subtle-inverted:focus-within, .fv\:d-bc-brand-subtle-inverted:focus-visible {
8345
+ --bco: var(--dt-color-border-brand-subtle-inverted-a);
8346
+ border-color: hsl(var(--dt-color-border-brand-subtle-inverted-h) var(--dt-color-border-brand-subtle-inverted-s) var(--dt-color-border-brand-subtle-inverted-l) / var(--bco)) !important;
8347
+ }
8348
+ .d-bc-brand-strong-inverted, .h\:d-bc-brand-strong-inverted:hover, .f\:d-bc-brand-strong-inverted:focus, .f\:d-bc-brand-strong-inverted:focus-within, .fv\:d-bc-brand-strong-inverted:focus-visible {
8349
+ --bco: var(--dt-color-border-brand-strong-inverted-a);
8350
+ border-color: hsl(var(--dt-color-border-brand-strong-inverted-h) var(--dt-color-border-brand-strong-inverted-s) var(--dt-color-border-brand-strong-inverted-l) / var(--bco)) !important;
8393
8351
  }
8394
8352
  .d-bgc-neutral-white, .h\:d-bgc-neutral-white:hover, .f\:d-bgc-neutral-white:focus, .f\:d-bgc-neutral-white:focus-within, .fv\:d-bgc-neutral-white:focus-visible {
8395
- --bgo: 100%;
8396
- background-color: hsla(var(--dt-color-neutral-white-h) var(--dt-color-neutral-white-s) var(--dt-color-neutral-white-l) / var(--bgo)) !important;
8353
+ --bgo: var(--dt-color-neutral-white-a);
8354
+ background-color: hsl(var(--dt-color-neutral-white-h) var(--dt-color-neutral-white-s) var(--dt-color-neutral-white-l) / var(--bgo)) !important;
8397
8355
  }
8398
8356
  .d-bgc-neutral-black, .h\:d-bgc-neutral-black:hover, .f\:d-bgc-neutral-black:focus, .f\:d-bgc-neutral-black:focus-within, .fv\:d-bgc-neutral-black:focus-visible {
8399
- --bgo: 100%;
8400
- background-color: hsla(var(--dt-color-neutral-black-h) var(--dt-color-neutral-black-s) var(--dt-color-neutral-black-l) / var(--bgo)) !important;
8357
+ --bgo: var(--dt-color-neutral-black-a);
8358
+ background-color: hsl(var(--dt-color-neutral-black-h) var(--dt-color-neutral-black-s) var(--dt-color-neutral-black-l) / var(--bgo)) !important;
8401
8359
  }
8402
8360
  .d-bgc-black-100, .h\:d-bgc-black-100:hover, .f\:d-bgc-black-100:focus, .f\:d-bgc-black-100:focus-within, .fv\:d-bgc-black-100:focus-visible {
8403
- --bgo: 100%;
8404
- background-color: hsla(var(--dt-color-black-100-h) var(--dt-color-black-100-s) var(--dt-color-black-100-l) / var(--bgo)) !important;
8361
+ --bgo: var(--dt-color-black-100-a);
8362
+ background-color: hsl(var(--dt-color-black-100-h) var(--dt-color-black-100-s) var(--dt-color-black-100-l) / var(--bgo)) !important;
8405
8363
  }
8406
8364
  .d-bgc-black-200, .h\:d-bgc-black-200:hover, .f\:d-bgc-black-200:focus, .f\:d-bgc-black-200:focus-within, .fv\:d-bgc-black-200:focus-visible {
8407
- --bgo: 100%;
8408
- background-color: hsla(var(--dt-color-black-200-h) var(--dt-color-black-200-s) var(--dt-color-black-200-l) / var(--bgo)) !important;
8365
+ --bgo: var(--dt-color-black-200-a);
8366
+ background-color: hsl(var(--dt-color-black-200-h) var(--dt-color-black-200-s) var(--dt-color-black-200-l) / var(--bgo)) !important;
8409
8367
  }
8410
8368
  .d-bgc-black-300, .h\:d-bgc-black-300:hover, .f\:d-bgc-black-300:focus, .f\:d-bgc-black-300:focus-within, .fv\:d-bgc-black-300:focus-visible {
8411
- --bgo: 100%;
8412
- background-color: hsla(var(--dt-color-black-300-h) var(--dt-color-black-300-s) var(--dt-color-black-300-l) / var(--bgo)) !important;
8369
+ --bgo: var(--dt-color-black-300-a);
8370
+ background-color: hsl(var(--dt-color-black-300-h) var(--dt-color-black-300-s) var(--dt-color-black-300-l) / var(--bgo)) !important;
8413
8371
  }
8414
8372
  .d-bgc-black-400, .h\:d-bgc-black-400:hover, .f\:d-bgc-black-400:focus, .f\:d-bgc-black-400:focus-within, .fv\:d-bgc-black-400:focus-visible {
8415
- --bgo: 100%;
8416
- background-color: hsla(var(--dt-color-black-400-h) var(--dt-color-black-400-s) var(--dt-color-black-400-l) / var(--bgo)) !important;
8373
+ --bgo: var(--dt-color-black-400-a);
8374
+ background-color: hsl(var(--dt-color-black-400-h) var(--dt-color-black-400-s) var(--dt-color-black-400-l) / var(--bgo)) !important;
8417
8375
  }
8418
8376
  .d-bgc-black-500, .h\:d-bgc-black-500:hover, .f\:d-bgc-black-500:focus, .f\:d-bgc-black-500:focus-within, .fv\:d-bgc-black-500:focus-visible {
8419
- --bgo: 100%;
8420
- background-color: hsla(var(--dt-color-black-500-h) var(--dt-color-black-500-s) var(--dt-color-black-500-l) / var(--bgo)) !important;
8377
+ --bgo: var(--dt-color-black-500-a);
8378
+ background-color: hsl(var(--dt-color-black-500-h) var(--dt-color-black-500-s) var(--dt-color-black-500-l) / var(--bgo)) !important;
8421
8379
  }
8422
8380
  .d-bgc-black-600, .h\:d-bgc-black-600:hover, .f\:d-bgc-black-600:focus, .f\:d-bgc-black-600:focus-within, .fv\:d-bgc-black-600:focus-visible {
8423
- --bgo: 100%;
8424
- background-color: hsla(var(--dt-color-black-600-h) var(--dt-color-black-600-s) var(--dt-color-black-600-l) / var(--bgo)) !important;
8381
+ --bgo: var(--dt-color-black-600-a);
8382
+ background-color: hsl(var(--dt-color-black-600-h) var(--dt-color-black-600-s) var(--dt-color-black-600-l) / var(--bgo)) !important;
8425
8383
  }
8426
8384
  .d-bgc-black-700, .h\:d-bgc-black-700:hover, .f\:d-bgc-black-700:focus, .f\:d-bgc-black-700:focus-within, .fv\:d-bgc-black-700:focus-visible {
8427
- --bgo: 100%;
8428
- background-color: hsla(var(--dt-color-black-700-h) var(--dt-color-black-700-s) var(--dt-color-black-700-l) / var(--bgo)) !important;
8385
+ --bgo: var(--dt-color-black-700-a);
8386
+ background-color: hsl(var(--dt-color-black-700-h) var(--dt-color-black-700-s) var(--dt-color-black-700-l) / var(--bgo)) !important;
8429
8387
  }
8430
8388
  .d-bgc-black-800, .h\:d-bgc-black-800:hover, .f\:d-bgc-black-800:focus, .f\:d-bgc-black-800:focus-within, .fv\:d-bgc-black-800:focus-visible {
8431
- --bgo: 100%;
8432
- background-color: hsla(var(--dt-color-black-800-h) var(--dt-color-black-800-s) var(--dt-color-black-800-l) / var(--bgo)) !important;
8389
+ --bgo: var(--dt-color-black-800-a);
8390
+ background-color: hsl(var(--dt-color-black-800-h) var(--dt-color-black-800-s) var(--dt-color-black-800-l) / var(--bgo)) !important;
8433
8391
  }
8434
8392
  .d-bgc-black-900, .h\:d-bgc-black-900:hover, .f\:d-bgc-black-900:focus, .f\:d-bgc-black-900:focus-within, .fv\:d-bgc-black-900:focus-visible {
8435
- --bgo: 100%;
8436
- background-color: hsla(var(--dt-color-black-900-h) var(--dt-color-black-900-s) var(--dt-color-black-900-l) / var(--bgo)) !important;
8393
+ --bgo: var(--dt-color-black-900-a);
8394
+ background-color: hsl(var(--dt-color-black-900-h) var(--dt-color-black-900-s) var(--dt-color-black-900-l) / var(--bgo)) !important;
8437
8395
  }
8438
8396
  .d-bgc-purple-100, .h\:d-bgc-purple-100:hover, .f\:d-bgc-purple-100:focus, .f\:d-bgc-purple-100:focus-within, .fv\:d-bgc-purple-100:focus-visible {
8439
- --bgo: 100%;
8440
- background-color: hsla(var(--dt-color-purple-100-h) var(--dt-color-purple-100-s) var(--dt-color-purple-100-l) / var(--bgo)) !important;
8397
+ --bgo: var(--dt-color-purple-100-a);
8398
+ background-color: hsl(var(--dt-color-purple-100-h) var(--dt-color-purple-100-s) var(--dt-color-purple-100-l) / var(--bgo)) !important;
8441
8399
  }
8442
8400
  .d-bgc-purple-200, .h\:d-bgc-purple-200:hover, .f\:d-bgc-purple-200:focus, .f\:d-bgc-purple-200:focus-within, .fv\:d-bgc-purple-200:focus-visible {
8443
- --bgo: 100%;
8444
- background-color: hsla(var(--dt-color-purple-200-h) var(--dt-color-purple-200-s) var(--dt-color-purple-200-l) / var(--bgo)) !important;
8401
+ --bgo: var(--dt-color-purple-200-a);
8402
+ background-color: hsl(var(--dt-color-purple-200-h) var(--dt-color-purple-200-s) var(--dt-color-purple-200-l) / var(--bgo)) !important;
8445
8403
  }
8446
8404
  .d-bgc-purple-300, .h\:d-bgc-purple-300:hover, .f\:d-bgc-purple-300:focus, .f\:d-bgc-purple-300:focus-within, .fv\:d-bgc-purple-300:focus-visible {
8447
- --bgo: 100%;
8448
- background-color: hsla(var(--dt-color-purple-300-h) var(--dt-color-purple-300-s) var(--dt-color-purple-300-l) / var(--bgo)) !important;
8405
+ --bgo: var(--dt-color-purple-300-a);
8406
+ background-color: hsl(var(--dt-color-purple-300-h) var(--dt-color-purple-300-s) var(--dt-color-purple-300-l) / var(--bgo)) !important;
8449
8407
  }
8450
8408
  .d-bgc-purple-400, .h\:d-bgc-purple-400:hover, .f\:d-bgc-purple-400:focus, .f\:d-bgc-purple-400:focus-within, .fv\:d-bgc-purple-400:focus-visible {
8451
- --bgo: 100%;
8452
- background-color: hsla(var(--dt-color-purple-400-h) var(--dt-color-purple-400-s) var(--dt-color-purple-400-l) / var(--bgo)) !important;
8409
+ --bgo: var(--dt-color-purple-400-a);
8410
+ background-color: hsl(var(--dt-color-purple-400-h) var(--dt-color-purple-400-s) var(--dt-color-purple-400-l) / var(--bgo)) !important;
8453
8411
  }
8454
8412
  .d-bgc-purple-500, .h\:d-bgc-purple-500:hover, .f\:d-bgc-purple-500:focus, .f\:d-bgc-purple-500:focus-within, .fv\:d-bgc-purple-500:focus-visible {
8455
- --bgo: 100%;
8456
- background-color: hsla(var(--dt-color-purple-500-h) var(--dt-color-purple-500-s) var(--dt-color-purple-500-l) / var(--bgo)) !important;
8413
+ --bgo: var(--dt-color-purple-500-a);
8414
+ background-color: hsl(var(--dt-color-purple-500-h) var(--dt-color-purple-500-s) var(--dt-color-purple-500-l) / var(--bgo)) !important;
8457
8415
  }
8458
8416
  .d-bgc-purple-600, .h\:d-bgc-purple-600:hover, .f\:d-bgc-purple-600:focus, .f\:d-bgc-purple-600:focus-within, .fv\:d-bgc-purple-600:focus-visible {
8459
- --bgo: 100%;
8460
- background-color: hsla(var(--dt-color-purple-600-h) var(--dt-color-purple-600-s) var(--dt-color-purple-600-l) / var(--bgo)) !important;
8417
+ --bgo: var(--dt-color-purple-600-a);
8418
+ background-color: hsl(var(--dt-color-purple-600-h) var(--dt-color-purple-600-s) var(--dt-color-purple-600-l) / var(--bgo)) !important;
8461
8419
  }
8462
8420
  .d-bgc-blue-100, .h\:d-bgc-blue-100:hover, .f\:d-bgc-blue-100:focus, .f\:d-bgc-blue-100:focus-within, .fv\:d-bgc-blue-100:focus-visible {
8463
- --bgo: 100%;
8464
- background-color: hsla(var(--dt-color-blue-100-h) var(--dt-color-blue-100-s) var(--dt-color-blue-100-l) / var(--bgo)) !important;
8421
+ --bgo: var(--dt-color-blue-100-a);
8422
+ background-color: hsl(var(--dt-color-blue-100-h) var(--dt-color-blue-100-s) var(--dt-color-blue-100-l) / var(--bgo)) !important;
8465
8423
  }
8466
8424
  .d-bgc-blue-200, .h\:d-bgc-blue-200:hover, .f\:d-bgc-blue-200:focus, .f\:d-bgc-blue-200:focus-within, .fv\:d-bgc-blue-200:focus-visible {
8467
- --bgo: 100%;
8468
- background-color: hsla(var(--dt-color-blue-200-h) var(--dt-color-blue-200-s) var(--dt-color-blue-200-l) / var(--bgo)) !important;
8425
+ --bgo: var(--dt-color-blue-200-a);
8426
+ background-color: hsl(var(--dt-color-blue-200-h) var(--dt-color-blue-200-s) var(--dt-color-blue-200-l) / var(--bgo)) !important;
8469
8427
  }
8470
8428
  .d-bgc-blue-300, .h\:d-bgc-blue-300:hover, .f\:d-bgc-blue-300:focus, .f\:d-bgc-blue-300:focus-within, .fv\:d-bgc-blue-300:focus-visible {
8471
- --bgo: 100%;
8472
- background-color: hsla(var(--dt-color-blue-300-h) var(--dt-color-blue-300-s) var(--dt-color-blue-300-l) / var(--bgo)) !important;
8429
+ --bgo: var(--dt-color-blue-300-a);
8430
+ background-color: hsl(var(--dt-color-blue-300-h) var(--dt-color-blue-300-s) var(--dt-color-blue-300-l) / var(--bgo)) !important;
8473
8431
  }
8474
8432
  .d-bgc-blue-400, .h\:d-bgc-blue-400:hover, .f\:d-bgc-blue-400:focus, .f\:d-bgc-blue-400:focus-within, .fv\:d-bgc-blue-400:focus-visible {
8475
- --bgo: 100%;
8476
- background-color: hsla(var(--dt-color-blue-400-h) var(--dt-color-blue-400-s) var(--dt-color-blue-400-l) / var(--bgo)) !important;
8433
+ --bgo: var(--dt-color-blue-400-a);
8434
+ background-color: hsl(var(--dt-color-blue-400-h) var(--dt-color-blue-400-s) var(--dt-color-blue-400-l) / var(--bgo)) !important;
8477
8435
  }
8478
8436
  .d-bgc-blue-500, .h\:d-bgc-blue-500:hover, .f\:d-bgc-blue-500:focus, .f\:d-bgc-blue-500:focus-within, .fv\:d-bgc-blue-500:focus-visible {
8479
- --bgo: 100%;
8480
- background-color: hsla(var(--dt-color-blue-500-h) var(--dt-color-blue-500-s) var(--dt-color-blue-500-l) / var(--bgo)) !important;
8437
+ --bgo: var(--dt-color-blue-500-a);
8438
+ background-color: hsl(var(--dt-color-blue-500-h) var(--dt-color-blue-500-s) var(--dt-color-blue-500-l) / var(--bgo)) !important;
8481
8439
  }
8482
8440
  .d-bgc-magenta-100, .h\:d-bgc-magenta-100:hover, .f\:d-bgc-magenta-100:focus, .f\:d-bgc-magenta-100:focus-within, .fv\:d-bgc-magenta-100:focus-visible {
8483
- --bgo: 100%;
8484
- background-color: hsla(var(--dt-color-magenta-100-h) var(--dt-color-magenta-100-s) var(--dt-color-magenta-100-l) / var(--bgo)) !important;
8441
+ --bgo: var(--dt-color-magenta-100-a);
8442
+ background-color: hsl(var(--dt-color-magenta-100-h) var(--dt-color-magenta-100-s) var(--dt-color-magenta-100-l) / var(--bgo)) !important;
8485
8443
  }
8486
8444
  .d-bgc-magenta-200, .h\:d-bgc-magenta-200:hover, .f\:d-bgc-magenta-200:focus, .f\:d-bgc-magenta-200:focus-within, .fv\:d-bgc-magenta-200:focus-visible {
8487
- --bgo: 100%;
8488
- background-color: hsla(var(--dt-color-magenta-200-h) var(--dt-color-magenta-200-s) var(--dt-color-magenta-200-l) / var(--bgo)) !important;
8445
+ --bgo: var(--dt-color-magenta-200-a);
8446
+ background-color: hsl(var(--dt-color-magenta-200-h) var(--dt-color-magenta-200-s) var(--dt-color-magenta-200-l) / var(--bgo)) !important;
8489
8447
  }
8490
8448
  .d-bgc-magenta-300, .h\:d-bgc-magenta-300:hover, .f\:d-bgc-magenta-300:focus, .f\:d-bgc-magenta-300:focus-within, .fv\:d-bgc-magenta-300:focus-visible {
8491
- --bgo: 100%;
8492
- background-color: hsla(var(--dt-color-magenta-300-h) var(--dt-color-magenta-300-s) var(--dt-color-magenta-300-l) / var(--bgo)) !important;
8449
+ --bgo: var(--dt-color-magenta-300-a);
8450
+ background-color: hsl(var(--dt-color-magenta-300-h) var(--dt-color-magenta-300-s) var(--dt-color-magenta-300-l) / var(--bgo)) !important;
8493
8451
  }
8494
8452
  .d-bgc-magenta-400, .h\:d-bgc-magenta-400:hover, .f\:d-bgc-magenta-400:focus, .f\:d-bgc-magenta-400:focus-within, .fv\:d-bgc-magenta-400:focus-visible {
8495
- --bgo: 100%;
8496
- background-color: hsla(var(--dt-color-magenta-400-h) var(--dt-color-magenta-400-s) var(--dt-color-magenta-400-l) / var(--bgo)) !important;
8453
+ --bgo: var(--dt-color-magenta-400-a);
8454
+ background-color: hsl(var(--dt-color-magenta-400-h) var(--dt-color-magenta-400-s) var(--dt-color-magenta-400-l) / var(--bgo)) !important;
8497
8455
  }
8498
8456
  .d-bgc-magenta-500, .h\:d-bgc-magenta-500:hover, .f\:d-bgc-magenta-500:focus, .f\:d-bgc-magenta-500:focus-within, .fv\:d-bgc-magenta-500:focus-visible {
8499
- --bgo: 100%;
8500
- background-color: hsla(var(--dt-color-magenta-500-h) var(--dt-color-magenta-500-s) var(--dt-color-magenta-500-l) / var(--bgo)) !important;
8457
+ --bgo: var(--dt-color-magenta-500-a);
8458
+ background-color: hsl(var(--dt-color-magenta-500-h) var(--dt-color-magenta-500-s) var(--dt-color-magenta-500-l) / var(--bgo)) !important;
8501
8459
  }
8502
8460
  .d-bgc-gold-100, .h\:d-bgc-gold-100:hover, .f\:d-bgc-gold-100:focus, .f\:d-bgc-gold-100:focus-within, .fv\:d-bgc-gold-100:focus-visible {
8503
- --bgo: 100%;
8504
- background-color: hsla(var(--dt-color-gold-100-h) var(--dt-color-gold-100-s) var(--dt-color-gold-100-l) / var(--bgo)) !important;
8461
+ --bgo: var(--dt-color-gold-100-a);
8462
+ background-color: hsl(var(--dt-color-gold-100-h) var(--dt-color-gold-100-s) var(--dt-color-gold-100-l) / var(--bgo)) !important;
8505
8463
  }
8506
8464
  .d-bgc-gold-200, .h\:d-bgc-gold-200:hover, .f\:d-bgc-gold-200:focus, .f\:d-bgc-gold-200:focus-within, .fv\:d-bgc-gold-200:focus-visible {
8507
- --bgo: 100%;
8508
- background-color: hsla(var(--dt-color-gold-200-h) var(--dt-color-gold-200-s) var(--dt-color-gold-200-l) / var(--bgo)) !important;
8465
+ --bgo: var(--dt-color-gold-200-a);
8466
+ background-color: hsl(var(--dt-color-gold-200-h) var(--dt-color-gold-200-s) var(--dt-color-gold-200-l) / var(--bgo)) !important;
8509
8467
  }
8510
8468
  .d-bgc-gold-300, .h\:d-bgc-gold-300:hover, .f\:d-bgc-gold-300:focus, .f\:d-bgc-gold-300:focus-within, .fv\:d-bgc-gold-300:focus-visible {
8511
- --bgo: 100%;
8512
- background-color: hsla(var(--dt-color-gold-300-h) var(--dt-color-gold-300-s) var(--dt-color-gold-300-l) / var(--bgo)) !important;
8469
+ --bgo: var(--dt-color-gold-300-a);
8470
+ background-color: hsl(var(--dt-color-gold-300-h) var(--dt-color-gold-300-s) var(--dt-color-gold-300-l) / var(--bgo)) !important;
8513
8471
  }
8514
8472
  .d-bgc-gold-400, .h\:d-bgc-gold-400:hover, .f\:d-bgc-gold-400:focus, .f\:d-bgc-gold-400:focus-within, .fv\:d-bgc-gold-400:focus-visible {
8515
- --bgo: 100%;
8516
- background-color: hsla(var(--dt-color-gold-400-h) var(--dt-color-gold-400-s) var(--dt-color-gold-400-l) / var(--bgo)) !important;
8473
+ --bgo: var(--dt-color-gold-400-a);
8474
+ background-color: hsl(var(--dt-color-gold-400-h) var(--dt-color-gold-400-s) var(--dt-color-gold-400-l) / var(--bgo)) !important;
8517
8475
  }
8518
8476
  .d-bgc-gold-500, .h\:d-bgc-gold-500:hover, .f\:d-bgc-gold-500:focus, .f\:d-bgc-gold-500:focus-within, .fv\:d-bgc-gold-500:focus-visible {
8519
- --bgo: 100%;
8520
- background-color: hsla(var(--dt-color-gold-500-h) var(--dt-color-gold-500-s) var(--dt-color-gold-500-l) / var(--bgo)) !important;
8477
+ --bgo: var(--dt-color-gold-500-a);
8478
+ background-color: hsl(var(--dt-color-gold-500-h) var(--dt-color-gold-500-s) var(--dt-color-gold-500-l) / var(--bgo)) !important;
8521
8479
  }
8522
8480
  .d-bgc-green-100, .h\:d-bgc-green-100:hover, .f\:d-bgc-green-100:focus, .f\:d-bgc-green-100:focus-within, .fv\:d-bgc-green-100:focus-visible {
8523
- --bgo: 100%;
8524
- background-color: hsla(var(--dt-color-green-100-h) var(--dt-color-green-100-s) var(--dt-color-green-100-l) / var(--bgo)) !important;
8481
+ --bgo: var(--dt-color-green-100-a);
8482
+ background-color: hsl(var(--dt-color-green-100-h) var(--dt-color-green-100-s) var(--dt-color-green-100-l) / var(--bgo)) !important;
8525
8483
  }
8526
8484
  .d-bgc-green-200, .h\:d-bgc-green-200:hover, .f\:d-bgc-green-200:focus, .f\:d-bgc-green-200:focus-within, .fv\:d-bgc-green-200:focus-visible {
8527
- --bgo: 100%;
8528
- background-color: hsla(var(--dt-color-green-200-h) var(--dt-color-green-200-s) var(--dt-color-green-200-l) / var(--bgo)) !important;
8485
+ --bgo: var(--dt-color-green-200-a);
8486
+ background-color: hsl(var(--dt-color-green-200-h) var(--dt-color-green-200-s) var(--dt-color-green-200-l) / var(--bgo)) !important;
8529
8487
  }
8530
8488
  .d-bgc-green-300, .h\:d-bgc-green-300:hover, .f\:d-bgc-green-300:focus, .f\:d-bgc-green-300:focus-within, .fv\:d-bgc-green-300:focus-visible {
8531
- --bgo: 100%;
8532
- background-color: hsla(var(--dt-color-green-300-h) var(--dt-color-green-300-s) var(--dt-color-green-300-l) / var(--bgo)) !important;
8489
+ --bgo: var(--dt-color-green-300-a);
8490
+ background-color: hsl(var(--dt-color-green-300-h) var(--dt-color-green-300-s) var(--dt-color-green-300-l) / var(--bgo)) !important;
8533
8491
  }
8534
8492
  .d-bgc-green-400, .h\:d-bgc-green-400:hover, .f\:d-bgc-green-400:focus, .f\:d-bgc-green-400:focus-within, .fv\:d-bgc-green-400:focus-visible {
8535
- --bgo: 100%;
8536
- background-color: hsla(var(--dt-color-green-400-h) var(--dt-color-green-400-s) var(--dt-color-green-400-l) / var(--bgo)) !important;
8493
+ --bgo: var(--dt-color-green-400-a);
8494
+ background-color: hsl(var(--dt-color-green-400-h) var(--dt-color-green-400-s) var(--dt-color-green-400-l) / var(--bgo)) !important;
8537
8495
  }
8538
8496
  .d-bgc-green-500, .h\:d-bgc-green-500:hover, .f\:d-bgc-green-500:focus, .f\:d-bgc-green-500:focus-within, .fv\:d-bgc-green-500:focus-visible {
8539
- --bgo: 100%;
8540
- background-color: hsla(var(--dt-color-green-500-h) var(--dt-color-green-500-s) var(--dt-color-green-500-l) / var(--bgo)) !important;
8497
+ --bgo: var(--dt-color-green-500-a);
8498
+ background-color: hsl(var(--dt-color-green-500-h) var(--dt-color-green-500-s) var(--dt-color-green-500-l) / var(--bgo)) !important;
8541
8499
  }
8542
8500
  .d-bgc-red-100, .h\:d-bgc-red-100:hover, .f\:d-bgc-red-100:focus, .f\:d-bgc-red-100:focus-within, .fv\:d-bgc-red-100:focus-visible {
8543
- --bgo: 100%;
8544
- background-color: hsla(var(--dt-color-red-100-h) var(--dt-color-red-100-s) var(--dt-color-red-100-l) / var(--bgo)) !important;
8501
+ --bgo: var(--dt-color-red-100-a);
8502
+ background-color: hsl(var(--dt-color-red-100-h) var(--dt-color-red-100-s) var(--dt-color-red-100-l) / var(--bgo)) !important;
8545
8503
  }
8546
8504
  .d-bgc-red-200, .h\:d-bgc-red-200:hover, .f\:d-bgc-red-200:focus, .f\:d-bgc-red-200:focus-within, .fv\:d-bgc-red-200:focus-visible {
8547
- --bgo: 100%;
8548
- background-color: hsla(var(--dt-color-red-200-h) var(--dt-color-red-200-s) var(--dt-color-red-200-l) / var(--bgo)) !important;
8505
+ --bgo: var(--dt-color-red-200-a);
8506
+ background-color: hsl(var(--dt-color-red-200-h) var(--dt-color-red-200-s) var(--dt-color-red-200-l) / var(--bgo)) !important;
8549
8507
  }
8550
8508
  .d-bgc-red-300, .h\:d-bgc-red-300:hover, .f\:d-bgc-red-300:focus, .f\:d-bgc-red-300:focus-within, .fv\:d-bgc-red-300:focus-visible {
8551
- --bgo: 100%;
8552
- background-color: hsla(var(--dt-color-red-300-h) var(--dt-color-red-300-s) var(--dt-color-red-300-l) / var(--bgo)) !important;
8509
+ --bgo: var(--dt-color-red-300-a);
8510
+ background-color: hsl(var(--dt-color-red-300-h) var(--dt-color-red-300-s) var(--dt-color-red-300-l) / var(--bgo)) !important;
8553
8511
  }
8554
8512
  .d-bgc-red-400, .h\:d-bgc-red-400:hover, .f\:d-bgc-red-400:focus, .f\:d-bgc-red-400:focus-within, .fv\:d-bgc-red-400:focus-visible {
8555
- --bgo: 100%;
8556
- background-color: hsla(var(--dt-color-red-400-h) var(--dt-color-red-400-s) var(--dt-color-red-400-l) / var(--bgo)) !important;
8513
+ --bgo: var(--dt-color-red-400-a);
8514
+ background-color: hsl(var(--dt-color-red-400-h) var(--dt-color-red-400-s) var(--dt-color-red-400-l) / var(--bgo)) !important;
8557
8515
  }
8558
8516
  .d-bgc-red-500, .h\:d-bgc-red-500:hover, .f\:d-bgc-red-500:focus, .f\:d-bgc-red-500:focus-within, .fv\:d-bgc-red-500:focus-visible {
8559
- --bgo: 100%;
8560
- background-color: hsla(var(--dt-color-red-500-h) var(--dt-color-red-500-s) var(--dt-color-red-500-l) / var(--bgo)) !important;
8517
+ --bgo: var(--dt-color-red-500-a);
8518
+ background-color: hsl(var(--dt-color-red-500-h) var(--dt-color-red-500-s) var(--dt-color-red-500-l) / var(--bgo)) !important;
8561
8519
  }
8562
8520
  .d-bgc-tan-100, .h\:d-bgc-tan-100:hover, .f\:d-bgc-tan-100:focus, .f\:d-bgc-tan-100:focus-within, .fv\:d-bgc-tan-100:focus-visible {
8563
- --bgo: 100%;
8564
- background-color: hsla(var(--dt-color-tan-100-h) var(--dt-color-tan-100-s) var(--dt-color-tan-100-l) / var(--bgo)) !important;
8521
+ --bgo: var(--dt-color-tan-100-a);
8522
+ background-color: hsl(var(--dt-color-tan-100-h) var(--dt-color-tan-100-s) var(--dt-color-tan-100-l) / var(--bgo)) !important;
8565
8523
  }
8566
8524
  .d-bgc-tan-200, .h\:d-bgc-tan-200:hover, .f\:d-bgc-tan-200:focus, .f\:d-bgc-tan-200:focus-within, .fv\:d-bgc-tan-200:focus-visible {
8567
- --bgo: 100%;
8568
- background-color: hsla(var(--dt-color-tan-200-h) var(--dt-color-tan-200-s) var(--dt-color-tan-200-l) / var(--bgo)) !important;
8525
+ --bgo: var(--dt-color-tan-200-a);
8526
+ background-color: hsl(var(--dt-color-tan-200-h) var(--dt-color-tan-200-s) var(--dt-color-tan-200-l) / var(--bgo)) !important;
8569
8527
  }
8570
8528
  .d-bgc-tan-300, .h\:d-bgc-tan-300:hover, .f\:d-bgc-tan-300:focus, .f\:d-bgc-tan-300:focus-within, .fv\:d-bgc-tan-300:focus-visible {
8571
- --bgo: 100%;
8572
- background-color: hsla(var(--dt-color-tan-300-h) var(--dt-color-tan-300-s) var(--dt-color-tan-300-l) / var(--bgo)) !important;
8529
+ --bgo: var(--dt-color-tan-300-a);
8530
+ background-color: hsl(var(--dt-color-tan-300-h) var(--dt-color-tan-300-s) var(--dt-color-tan-300-l) / var(--bgo)) !important;
8573
8531
  }
8574
8532
  .d-bgc-tan-400, .h\:d-bgc-tan-400:hover, .f\:d-bgc-tan-400:focus, .f\:d-bgc-tan-400:focus-within, .fv\:d-bgc-tan-400:focus-visible {
8575
- --bgo: 100%;
8576
- background-color: hsla(var(--dt-color-tan-400-h) var(--dt-color-tan-400-s) var(--dt-color-tan-400-l) / var(--bgo)) !important;
8533
+ --bgo: var(--dt-color-tan-400-a);
8534
+ background-color: hsl(var(--dt-color-tan-400-h) var(--dt-color-tan-400-s) var(--dt-color-tan-400-l) / var(--bgo)) !important;
8577
8535
  }
8578
8536
  .d-bgc-tan-500, .h\:d-bgc-tan-500:hover, .f\:d-bgc-tan-500:focus, .f\:d-bgc-tan-500:focus-within, .fv\:d-bgc-tan-500:focus-visible {
8579
- --bgo: 100%;
8580
- background-color: hsla(var(--dt-color-tan-500-h) var(--dt-color-tan-500-s) var(--dt-color-tan-500-l) / var(--bgo)) !important;
8537
+ --bgo: var(--dt-color-tan-500-a);
8538
+ background-color: hsl(var(--dt-color-tan-500-h) var(--dt-color-tan-500-s) var(--dt-color-tan-500-l) / var(--bgo)) !important;
8539
+ }
8540
+ .d-bgc-secondary-opaque, .h\:d-bgc-secondary-opaque:hover, .f\:d-bgc-secondary-opaque:focus, .f\:d-bgc-secondary-opaque:focus-within, .fv\:d-bgc-secondary-opaque:focus-visible {
8541
+ --bgo: var(--dt-color-surface-secondary-opaque-a);
8542
+ background-color: hsl(var(--dt-color-surface-secondary-opaque-h) var(--dt-color-surface-secondary-opaque-s) var(--dt-color-surface-secondary-opaque-l) / var(--bgo)) !important;
8543
+ }
8544
+ .d-bgc-moderate-opaque, .h\:d-bgc-moderate-opaque:hover, .f\:d-bgc-moderate-opaque:focus, .f\:d-bgc-moderate-opaque:focus-within, .fv\:d-bgc-moderate-opaque:focus-visible {
8545
+ --bgo: var(--dt-color-surface-moderate-opaque-a);
8546
+ background-color: hsl(var(--dt-color-surface-moderate-opaque-h) var(--dt-color-surface-moderate-opaque-s) var(--dt-color-surface-moderate-opaque-l) / var(--bgo)) !important;
8547
+ }
8548
+ .d-bgc-bold-opaque, .h\:d-bgc-bold-opaque:hover, .f\:d-bgc-bold-opaque:focus, .f\:d-bgc-bold-opaque:focus-within, .fv\:d-bgc-bold-opaque:focus-visible {
8549
+ --bgo: var(--dt-color-surface-bold-opaque-a);
8550
+ background-color: hsl(var(--dt-color-surface-bold-opaque-h) var(--dt-color-surface-bold-opaque-s) var(--dt-color-surface-bold-opaque-l) / var(--bgo)) !important;
8551
+ }
8552
+ .d-bgc-strong-opaque, .h\:d-bgc-strong-opaque:hover, .f\:d-bgc-strong-opaque:focus, .f\:d-bgc-strong-opaque:focus-within, .fv\:d-bgc-strong-opaque:focus-visible {
8553
+ --bgo: var(--dt-color-surface-strong-opaque-a);
8554
+ background-color: hsl(var(--dt-color-surface-strong-opaque-h) var(--dt-color-surface-strong-opaque-s) var(--dt-color-surface-strong-opaque-l) / var(--bgo)) !important;
8555
+ }
8556
+ .d-bgc-contrast-opaque, .h\:d-bgc-contrast-opaque:hover, .f\:d-bgc-contrast-opaque:focus, .f\:d-bgc-contrast-opaque:focus-within, .fv\:d-bgc-contrast-opaque:focus-visible {
8557
+ --bgo: var(--dt-color-surface-contrast-opaque-a);
8558
+ background-color: hsl(var(--dt-color-surface-contrast-opaque-h) var(--dt-color-surface-contrast-opaque-s) var(--dt-color-surface-contrast-opaque-l) / var(--bgo)) !important;
8559
+ }
8560
+ .d-bgc-backdrop, .h\:d-bgc-backdrop:hover, .f\:d-bgc-backdrop:focus, .f\:d-bgc-backdrop:focus-within, .fv\:d-bgc-backdrop:focus-visible {
8561
+ --bgo: var(--dt-color-surface-backdrop-a);
8562
+ background-color: hsl(var(--dt-color-surface-backdrop-h) var(--dt-color-surface-backdrop-s) var(--dt-color-surface-backdrop-l) / var(--bgo)) !important;
8563
+ }
8564
+ .d-bgc-critical-opaque, .h\:d-bgc-critical-opaque:hover, .f\:d-bgc-critical-opaque:focus, .f\:d-bgc-critical-opaque:focus-within, .fv\:d-bgc-critical-opaque:focus-visible {
8565
+ --bgo: var(--dt-color-surface-critical-opaque-a);
8566
+ background-color: hsl(var(--dt-color-surface-critical-opaque-h) var(--dt-color-surface-critical-opaque-s) var(--dt-color-surface-critical-opaque-l) / var(--bgo)) !important;
8567
+ }
8568
+ .d-bgc-critical-subtle-opaque, .h\:d-bgc-critical-subtle-opaque:hover, .f\:d-bgc-critical-subtle-opaque:focus, .f\:d-bgc-critical-subtle-opaque:focus-within, .fv\:d-bgc-critical-subtle-opaque:focus-visible {
8569
+ --bgo: var(--dt-color-surface-critical-subtle-opaque-a);
8570
+ background-color: hsl(var(--dt-color-surface-critical-subtle-opaque-h) var(--dt-color-surface-critical-subtle-opaque-s) var(--dt-color-surface-critical-subtle-opaque-l) / var(--bgo)) !important;
8571
+ }
8572
+ .d-bgc-warning-opaque, .h\:d-bgc-warning-opaque:hover, .f\:d-bgc-warning-opaque:focus, .f\:d-bgc-warning-opaque:focus-within, .fv\:d-bgc-warning-opaque:focus-visible {
8573
+ --bgo: var(--dt-color-surface-warning-opaque-a);
8574
+ background-color: hsl(var(--dt-color-surface-warning-opaque-h) var(--dt-color-surface-warning-opaque-s) var(--dt-color-surface-warning-opaque-l) / var(--bgo)) !important;
8575
+ }
8576
+ .d-bgc-warning-subtle-opaque, .h\:d-bgc-warning-subtle-opaque:hover, .f\:d-bgc-warning-subtle-opaque:focus, .f\:d-bgc-warning-subtle-opaque:focus-within, .fv\:d-bgc-warning-subtle-opaque:focus-visible {
8577
+ --bgo: var(--dt-color-surface-warning-subtle-opaque-a);
8578
+ background-color: hsl(var(--dt-color-surface-warning-subtle-opaque-h) var(--dt-color-surface-warning-subtle-opaque-s) var(--dt-color-surface-warning-subtle-opaque-l) / var(--bgo)) !important;
8579
+ }
8580
+ .d-bgc-success-opaque, .h\:d-bgc-success-opaque:hover, .f\:d-bgc-success-opaque:focus, .f\:d-bgc-success-opaque:focus-within, .fv\:d-bgc-success-opaque:focus-visible {
8581
+ --bgo: var(--dt-color-surface-success-opaque-a);
8582
+ background-color: hsl(var(--dt-color-surface-success-opaque-h) var(--dt-color-surface-success-opaque-s) var(--dt-color-surface-success-opaque-l) / var(--bgo)) !important;
8583
+ }
8584
+ .d-bgc-success-subtle-opaque, .h\:d-bgc-success-subtle-opaque:hover, .f\:d-bgc-success-subtle-opaque:focus, .f\:d-bgc-success-subtle-opaque:focus-within, .fv\:d-bgc-success-subtle-opaque:focus-visible {
8585
+ --bgo: var(--dt-color-surface-success-subtle-opaque-a);
8586
+ background-color: hsl(var(--dt-color-surface-success-subtle-opaque-h) var(--dt-color-surface-success-subtle-opaque-s) var(--dt-color-surface-success-subtle-opaque-l) / var(--bgo)) !important;
8587
+ }
8588
+ .d-bgc-info-opaque, .h\:d-bgc-info-opaque:hover, .f\:d-bgc-info-opaque:focus, .f\:d-bgc-info-opaque:focus-within, .fv\:d-bgc-info-opaque:focus-visible {
8589
+ --bgo: var(--dt-color-surface-info-opaque-a);
8590
+ background-color: hsl(var(--dt-color-surface-info-opaque-h) var(--dt-color-surface-info-opaque-s) var(--dt-color-surface-info-opaque-l) / var(--bgo)) !important;
8591
+ }
8592
+ .d-bgc-info-subtle-opaque, .h\:d-bgc-info-subtle-opaque:hover, .f\:d-bgc-info-subtle-opaque:focus, .f\:d-bgc-info-subtle-opaque:focus-within, .fv\:d-bgc-info-subtle-opaque:focus-visible {
8593
+ --bgo: var(--dt-color-surface-info-subtle-opaque-a);
8594
+ background-color: hsl(var(--dt-color-surface-info-subtle-opaque-h) var(--dt-color-surface-info-subtle-opaque-s) var(--dt-color-surface-info-subtle-opaque-l) / var(--bgo)) !important;
8595
+ }
8596
+ .d-bgc-primary, .h\:d-bgc-primary:hover, .f\:d-bgc-primary:focus, .f\:d-bgc-primary:focus-within, .fv\:d-bgc-primary:focus-visible {
8597
+ --bgo: var(--dt-color-surface-primary-a);
8598
+ background-color: hsl(var(--dt-color-surface-primary-h) var(--dt-color-surface-primary-s) var(--dt-color-surface-primary-l) / var(--bgo)) !important;
8599
+ }
8600
+ .d-bgc-secondary, .h\:d-bgc-secondary:hover, .f\:d-bgc-secondary:focus, .f\:d-bgc-secondary:focus-within, .fv\:d-bgc-secondary:focus-visible {
8601
+ --bgo: var(--dt-color-surface-secondary-a);
8602
+ background-color: hsl(var(--dt-color-surface-secondary-h) var(--dt-color-surface-secondary-s) var(--dt-color-surface-secondary-l) / var(--bgo)) !important;
8603
+ }
8604
+ .d-bgc-moderate, .h\:d-bgc-moderate:hover, .f\:d-bgc-moderate:focus, .f\:d-bgc-moderate:focus-within, .fv\:d-bgc-moderate:focus-visible {
8605
+ --bgo: var(--dt-color-surface-moderate-a);
8606
+ background-color: hsl(var(--dt-color-surface-moderate-h) var(--dt-color-surface-moderate-s) var(--dt-color-surface-moderate-l) / var(--bgo)) !important;
8607
+ }
8608
+ .d-bgc-bold, .h\:d-bgc-bold:hover, .f\:d-bgc-bold:focus, .f\:d-bgc-bold:focus-within, .fv\:d-bgc-bold:focus-visible {
8609
+ --bgo: var(--dt-color-surface-bold-a);
8610
+ background-color: hsl(var(--dt-color-surface-bold-h) var(--dt-color-surface-bold-s) var(--dt-color-surface-bold-l) / var(--bgo)) !important;
8611
+ }
8612
+ .d-bgc-strong, .h\:d-bgc-strong:hover, .f\:d-bgc-strong:focus, .f\:d-bgc-strong:focus-within, .fv\:d-bgc-strong:focus-visible {
8613
+ --bgo: var(--dt-color-surface-strong-a);
8614
+ background-color: hsl(var(--dt-color-surface-strong-h) var(--dt-color-surface-strong-s) var(--dt-color-surface-strong-l) / var(--bgo)) !important;
8615
+ }
8616
+ .d-bgc-contrast, .h\:d-bgc-contrast:hover, .f\:d-bgc-contrast:focus, .f\:d-bgc-contrast:focus-within, .fv\:d-bgc-contrast:focus-visible {
8617
+ --bgo: var(--dt-color-surface-contrast-a);
8618
+ background-color: hsl(var(--dt-color-surface-contrast-h) var(--dt-color-surface-contrast-s) var(--dt-color-surface-contrast-l) / var(--bgo)) !important;
8619
+ }
8620
+ .d-bgc-critical, .h\:d-bgc-critical:hover, .f\:d-bgc-critical:focus, .f\:d-bgc-critical:focus-within, .fv\:d-bgc-critical:focus-visible {
8621
+ --bgo: var(--dt-color-surface-critical-a);
8622
+ background-color: hsl(var(--dt-color-surface-critical-h) var(--dt-color-surface-critical-s) var(--dt-color-surface-critical-l) / var(--bgo)) !important;
8623
+ }
8624
+ .d-bgc-critical-subtle, .h\:d-bgc-critical-subtle:hover, .f\:d-bgc-critical-subtle:focus, .f\:d-bgc-critical-subtle:focus-within, .fv\:d-bgc-critical-subtle:focus-visible {
8625
+ --bgo: var(--dt-color-surface-critical-subtle-a);
8626
+ background-color: hsl(var(--dt-color-surface-critical-subtle-h) var(--dt-color-surface-critical-subtle-s) var(--dt-color-surface-critical-subtle-l) / var(--bgo)) !important;
8627
+ }
8628
+ .d-bgc-critical-strong, .h\:d-bgc-critical-strong:hover, .f\:d-bgc-critical-strong:focus, .f\:d-bgc-critical-strong:focus-within, .fv\:d-bgc-critical-strong:focus-visible {
8629
+ --bgo: var(--dt-color-surface-critical-strong-a);
8630
+ background-color: hsl(var(--dt-color-surface-critical-strong-h) var(--dt-color-surface-critical-strong-s) var(--dt-color-surface-critical-strong-l) / var(--bgo)) !important;
8631
+ }
8632
+ .d-bgc-warning, .h\:d-bgc-warning:hover, .f\:d-bgc-warning:focus, .f\:d-bgc-warning:focus-within, .fv\:d-bgc-warning:focus-visible {
8633
+ --bgo: var(--dt-color-surface-warning-a);
8634
+ background-color: hsl(var(--dt-color-surface-warning-h) var(--dt-color-surface-warning-s) var(--dt-color-surface-warning-l) / var(--bgo)) !important;
8635
+ }
8636
+ .d-bgc-warning-subtle, .h\:d-bgc-warning-subtle:hover, .f\:d-bgc-warning-subtle:focus, .f\:d-bgc-warning-subtle:focus-within, .fv\:d-bgc-warning-subtle:focus-visible {
8637
+ --bgo: var(--dt-color-surface-warning-subtle-a);
8638
+ background-color: hsl(var(--dt-color-surface-warning-subtle-h) var(--dt-color-surface-warning-subtle-s) var(--dt-color-surface-warning-subtle-l) / var(--bgo)) !important;
8639
+ }
8640
+ .d-bgc-warning-strong, .h\:d-bgc-warning-strong:hover, .f\:d-bgc-warning-strong:focus, .f\:d-bgc-warning-strong:focus-within, .fv\:d-bgc-warning-strong:focus-visible {
8641
+ --bgo: var(--dt-color-surface-warning-strong-a);
8642
+ background-color: hsl(var(--dt-color-surface-warning-strong-h) var(--dt-color-surface-warning-strong-s) var(--dt-color-surface-warning-strong-l) / var(--bgo)) !important;
8643
+ }
8644
+ .d-bgc-success, .h\:d-bgc-success:hover, .f\:d-bgc-success:focus, .f\:d-bgc-success:focus-within, .fv\:d-bgc-success:focus-visible {
8645
+ --bgo: var(--dt-color-surface-success-a);
8646
+ background-color: hsl(var(--dt-color-surface-success-h) var(--dt-color-surface-success-s) var(--dt-color-surface-success-l) / var(--bgo)) !important;
8647
+ }
8648
+ .d-bgc-success-subtle, .h\:d-bgc-success-subtle:hover, .f\:d-bgc-success-subtle:focus, .f\:d-bgc-success-subtle:focus-within, .fv\:d-bgc-success-subtle:focus-visible {
8649
+ --bgo: var(--dt-color-surface-success-subtle-a);
8650
+ background-color: hsl(var(--dt-color-surface-success-subtle-h) var(--dt-color-surface-success-subtle-s) var(--dt-color-surface-success-subtle-l) / var(--bgo)) !important;
8651
+ }
8652
+ .d-bgc-success-strong, .h\:d-bgc-success-strong:hover, .f\:d-bgc-success-strong:focus, .f\:d-bgc-success-strong:focus-within, .fv\:d-bgc-success-strong:focus-visible {
8653
+ --bgo: var(--dt-color-surface-success-strong-a);
8654
+ background-color: hsl(var(--dt-color-surface-success-strong-h) var(--dt-color-surface-success-strong-s) var(--dt-color-surface-success-strong-l) / var(--bgo)) !important;
8655
+ }
8656
+ .d-bgc-info, .h\:d-bgc-info:hover, .f\:d-bgc-info:focus, .f\:d-bgc-info:focus-within, .fv\:d-bgc-info:focus-visible {
8657
+ --bgo: var(--dt-color-surface-info-a);
8658
+ background-color: hsl(var(--dt-color-surface-info-h) var(--dt-color-surface-info-s) var(--dt-color-surface-info-l) / var(--bgo)) !important;
8659
+ }
8660
+ .d-bgc-info-subtle, .h\:d-bgc-info-subtle:hover, .f\:d-bgc-info-subtle:focus, .f\:d-bgc-info-subtle:focus-within, .fv\:d-bgc-info-subtle:focus-visible {
8661
+ --bgo: var(--dt-color-surface-info-subtle-a);
8662
+ background-color: hsl(var(--dt-color-surface-info-subtle-h) var(--dt-color-surface-info-subtle-s) var(--dt-color-surface-info-subtle-l) / var(--bgo)) !important;
8663
+ }
8664
+ .d-bgc-info-strong, .h\:d-bgc-info-strong:hover, .f\:d-bgc-info-strong:focus, .f\:d-bgc-info-strong:focus-within, .fv\:d-bgc-info-strong:focus-visible {
8665
+ --bgo: var(--dt-color-surface-info-strong-a);
8666
+ background-color: hsl(var(--dt-color-surface-info-strong-h) var(--dt-color-surface-info-strong-s) var(--dt-color-surface-info-strong-l) / var(--bgo)) !important;
8581
8667
  }
8582
8668
  .d-divide-neutral-white > * + * {
8583
- --dco: 100%;
8584
- border-color: hsla(var(--dt-color-neutral-white-h) var(--dt-color-neutral-white-s) var(--dt-color-neutral-white-l) / var(--dco)) !important;
8669
+ --dco: var(--dt-color-neutral-white-a);
8670
+ border-color: hsl(var(--dt-color-neutral-white-h) var(--dt-color-neutral-white-s) var(--dt-color-neutral-white-l) / var(--dco)) !important;
8585
8671
  }
8586
8672
  .d-divide-neutral-black > * + * {
8587
- --dco: 100%;
8588
- border-color: hsla(var(--dt-color-neutral-black-h) var(--dt-color-neutral-black-s) var(--dt-color-neutral-black-l) / var(--dco)) !important;
8673
+ --dco: var(--dt-color-neutral-black-a);
8674
+ border-color: hsl(var(--dt-color-neutral-black-h) var(--dt-color-neutral-black-s) var(--dt-color-neutral-black-l) / var(--dco)) !important;
8589
8675
  }
8590
8676
  .d-divide-black-100 > * + * {
8591
- --dco: 100%;
8592
- border-color: hsla(var(--dt-color-black-100-h) var(--dt-color-black-100-s) var(--dt-color-black-100-l) / var(--dco)) !important;
8677
+ --dco: var(--dt-color-black-100-a);
8678
+ border-color: hsl(var(--dt-color-black-100-h) var(--dt-color-black-100-s) var(--dt-color-black-100-l) / var(--dco)) !important;
8593
8679
  }
8594
8680
  .d-divide-black-200 > * + * {
8595
- --dco: 100%;
8596
- border-color: hsla(var(--dt-color-black-200-h) var(--dt-color-black-200-s) var(--dt-color-black-200-l) / var(--dco)) !important;
8681
+ --dco: var(--dt-color-black-200-a);
8682
+ border-color: hsl(var(--dt-color-black-200-h) var(--dt-color-black-200-s) var(--dt-color-black-200-l) / var(--dco)) !important;
8597
8683
  }
8598
8684
  .d-divide-black-300 > * + * {
8599
- --dco: 100%;
8600
- border-color: hsla(var(--dt-color-black-300-h) var(--dt-color-black-300-s) var(--dt-color-black-300-l) / var(--dco)) !important;
8685
+ --dco: var(--dt-color-black-300-a);
8686
+ border-color: hsl(var(--dt-color-black-300-h) var(--dt-color-black-300-s) var(--dt-color-black-300-l) / var(--dco)) !important;
8601
8687
  }
8602
8688
  .d-divide-black-400 > * + * {
8603
- --dco: 100%;
8604
- border-color: hsla(var(--dt-color-black-400-h) var(--dt-color-black-400-s) var(--dt-color-black-400-l) / var(--dco)) !important;
8689
+ --dco: var(--dt-color-black-400-a);
8690
+ border-color: hsl(var(--dt-color-black-400-h) var(--dt-color-black-400-s) var(--dt-color-black-400-l) / var(--dco)) !important;
8605
8691
  }
8606
8692
  .d-divide-black-500 > * + * {
8607
- --dco: 100%;
8608
- border-color: hsla(var(--dt-color-black-500-h) var(--dt-color-black-500-s) var(--dt-color-black-500-l) / var(--dco)) !important;
8693
+ --dco: var(--dt-color-black-500-a);
8694
+ border-color: hsl(var(--dt-color-black-500-h) var(--dt-color-black-500-s) var(--dt-color-black-500-l) / var(--dco)) !important;
8609
8695
  }
8610
8696
  .d-divide-black-600 > * + * {
8611
- --dco: 100%;
8612
- border-color: hsla(var(--dt-color-black-600-h) var(--dt-color-black-600-s) var(--dt-color-black-600-l) / var(--dco)) !important;
8697
+ --dco: var(--dt-color-black-600-a);
8698
+ border-color: hsl(var(--dt-color-black-600-h) var(--dt-color-black-600-s) var(--dt-color-black-600-l) / var(--dco)) !important;
8613
8699
  }
8614
8700
  .d-divide-black-700 > * + * {
8615
- --dco: 100%;
8616
- border-color: hsla(var(--dt-color-black-700-h) var(--dt-color-black-700-s) var(--dt-color-black-700-l) / var(--dco)) !important;
8701
+ --dco: var(--dt-color-black-700-a);
8702
+ border-color: hsl(var(--dt-color-black-700-h) var(--dt-color-black-700-s) var(--dt-color-black-700-l) / var(--dco)) !important;
8617
8703
  }
8618
8704
  .d-divide-black-800 > * + * {
8619
- --dco: 100%;
8620
- border-color: hsla(var(--dt-color-black-800-h) var(--dt-color-black-800-s) var(--dt-color-black-800-l) / var(--dco)) !important;
8705
+ --dco: var(--dt-color-black-800-a);
8706
+ border-color: hsl(var(--dt-color-black-800-h) var(--dt-color-black-800-s) var(--dt-color-black-800-l) / var(--dco)) !important;
8621
8707
  }
8622
8708
  .d-divide-black-900 > * + * {
8623
- --dco: 100%;
8624
- border-color: hsla(var(--dt-color-black-900-h) var(--dt-color-black-900-s) var(--dt-color-black-900-l) / var(--dco)) !important;
8709
+ --dco: var(--dt-color-black-900-a);
8710
+ border-color: hsl(var(--dt-color-black-900-h) var(--dt-color-black-900-s) var(--dt-color-black-900-l) / var(--dco)) !important;
8625
8711
  }
8626
8712
  .d-divide-purple-100 > * + * {
8627
- --dco: 100%;
8628
- border-color: hsla(var(--dt-color-purple-100-h) var(--dt-color-purple-100-s) var(--dt-color-purple-100-l) / var(--dco)) !important;
8713
+ --dco: var(--dt-color-purple-100-a);
8714
+ border-color: hsl(var(--dt-color-purple-100-h) var(--dt-color-purple-100-s) var(--dt-color-purple-100-l) / var(--dco)) !important;
8629
8715
  }
8630
8716
  .d-divide-purple-200 > * + * {
8631
- --dco: 100%;
8632
- border-color: hsla(var(--dt-color-purple-200-h) var(--dt-color-purple-200-s) var(--dt-color-purple-200-l) / var(--dco)) !important;
8717
+ --dco: var(--dt-color-purple-200-a);
8718
+ border-color: hsl(var(--dt-color-purple-200-h) var(--dt-color-purple-200-s) var(--dt-color-purple-200-l) / var(--dco)) !important;
8633
8719
  }
8634
8720
  .d-divide-purple-300 > * + * {
8635
- --dco: 100%;
8636
- border-color: hsla(var(--dt-color-purple-300-h) var(--dt-color-purple-300-s) var(--dt-color-purple-300-l) / var(--dco)) !important;
8721
+ --dco: var(--dt-color-purple-300-a);
8722
+ border-color: hsl(var(--dt-color-purple-300-h) var(--dt-color-purple-300-s) var(--dt-color-purple-300-l) / var(--dco)) !important;
8637
8723
  }
8638
8724
  .d-divide-purple-400 > * + * {
8639
- --dco: 100%;
8640
- border-color: hsla(var(--dt-color-purple-400-h) var(--dt-color-purple-400-s) var(--dt-color-purple-400-l) / var(--dco)) !important;
8725
+ --dco: var(--dt-color-purple-400-a);
8726
+ border-color: hsl(var(--dt-color-purple-400-h) var(--dt-color-purple-400-s) var(--dt-color-purple-400-l) / var(--dco)) !important;
8641
8727
  }
8642
8728
  .d-divide-purple-500 > * + * {
8643
- --dco: 100%;
8644
- border-color: hsla(var(--dt-color-purple-500-h) var(--dt-color-purple-500-s) var(--dt-color-purple-500-l) / var(--dco)) !important;
8729
+ --dco: var(--dt-color-purple-500-a);
8730
+ border-color: hsl(var(--dt-color-purple-500-h) var(--dt-color-purple-500-s) var(--dt-color-purple-500-l) / var(--dco)) !important;
8645
8731
  }
8646
8732
  .d-divide-purple-600 > * + * {
8647
- --dco: 100%;
8648
- border-color: hsla(var(--dt-color-purple-600-h) var(--dt-color-purple-600-s) var(--dt-color-purple-600-l) / var(--dco)) !important;
8733
+ --dco: var(--dt-color-purple-600-a);
8734
+ border-color: hsl(var(--dt-color-purple-600-h) var(--dt-color-purple-600-s) var(--dt-color-purple-600-l) / var(--dco)) !important;
8649
8735
  }
8650
8736
  .d-divide-blue-100 > * + * {
8651
- --dco: 100%;
8652
- border-color: hsla(var(--dt-color-blue-100-h) var(--dt-color-blue-100-s) var(--dt-color-blue-100-l) / var(--dco)) !important;
8737
+ --dco: var(--dt-color-blue-100-a);
8738
+ border-color: hsl(var(--dt-color-blue-100-h) var(--dt-color-blue-100-s) var(--dt-color-blue-100-l) / var(--dco)) !important;
8653
8739
  }
8654
8740
  .d-divide-blue-200 > * + * {
8655
- --dco: 100%;
8656
- border-color: hsla(var(--dt-color-blue-200-h) var(--dt-color-blue-200-s) var(--dt-color-blue-200-l) / var(--dco)) !important;
8741
+ --dco: var(--dt-color-blue-200-a);
8742
+ border-color: hsl(var(--dt-color-blue-200-h) var(--dt-color-blue-200-s) var(--dt-color-blue-200-l) / var(--dco)) !important;
8657
8743
  }
8658
8744
  .d-divide-blue-300 > * + * {
8659
- --dco: 100%;
8660
- border-color: hsla(var(--dt-color-blue-300-h) var(--dt-color-blue-300-s) var(--dt-color-blue-300-l) / var(--dco)) !important;
8745
+ --dco: var(--dt-color-blue-300-a);
8746
+ border-color: hsl(var(--dt-color-blue-300-h) var(--dt-color-blue-300-s) var(--dt-color-blue-300-l) / var(--dco)) !important;
8661
8747
  }
8662
8748
  .d-divide-blue-400 > * + * {
8663
- --dco: 100%;
8664
- border-color: hsla(var(--dt-color-blue-400-h) var(--dt-color-blue-400-s) var(--dt-color-blue-400-l) / var(--dco)) !important;
8749
+ --dco: var(--dt-color-blue-400-a);
8750
+ border-color: hsl(var(--dt-color-blue-400-h) var(--dt-color-blue-400-s) var(--dt-color-blue-400-l) / var(--dco)) !important;
8665
8751
  }
8666
8752
  .d-divide-blue-500 > * + * {
8667
- --dco: 100%;
8668
- border-color: hsla(var(--dt-color-blue-500-h) var(--dt-color-blue-500-s) var(--dt-color-blue-500-l) / var(--dco)) !important;
8753
+ --dco: var(--dt-color-blue-500-a);
8754
+ border-color: hsl(var(--dt-color-blue-500-h) var(--dt-color-blue-500-s) var(--dt-color-blue-500-l) / var(--dco)) !important;
8669
8755
  }
8670
8756
  .d-divide-magenta-100 > * + * {
8671
- --dco: 100%;
8672
- border-color: hsla(var(--dt-color-magenta-100-h) var(--dt-color-magenta-100-s) var(--dt-color-magenta-100-l) / var(--dco)) !important;
8757
+ --dco: var(--dt-color-magenta-100-a);
8758
+ border-color: hsl(var(--dt-color-magenta-100-h) var(--dt-color-magenta-100-s) var(--dt-color-magenta-100-l) / var(--dco)) !important;
8673
8759
  }
8674
8760
  .d-divide-magenta-200 > * + * {
8675
- --dco: 100%;
8676
- border-color: hsla(var(--dt-color-magenta-200-h) var(--dt-color-magenta-200-s) var(--dt-color-magenta-200-l) / var(--dco)) !important;
8761
+ --dco: var(--dt-color-magenta-200-a);
8762
+ border-color: hsl(var(--dt-color-magenta-200-h) var(--dt-color-magenta-200-s) var(--dt-color-magenta-200-l) / var(--dco)) !important;
8677
8763
  }
8678
8764
  .d-divide-magenta-300 > * + * {
8679
- --dco: 100%;
8680
- border-color: hsla(var(--dt-color-magenta-300-h) var(--dt-color-magenta-300-s) var(--dt-color-magenta-300-l) / var(--dco)) !important;
8765
+ --dco: var(--dt-color-magenta-300-a);
8766
+ border-color: hsl(var(--dt-color-magenta-300-h) var(--dt-color-magenta-300-s) var(--dt-color-magenta-300-l) / var(--dco)) !important;
8681
8767
  }
8682
8768
  .d-divide-magenta-400 > * + * {
8683
- --dco: 100%;
8684
- border-color: hsla(var(--dt-color-magenta-400-h) var(--dt-color-magenta-400-s) var(--dt-color-magenta-400-l) / var(--dco)) !important;
8769
+ --dco: var(--dt-color-magenta-400-a);
8770
+ border-color: hsl(var(--dt-color-magenta-400-h) var(--dt-color-magenta-400-s) var(--dt-color-magenta-400-l) / var(--dco)) !important;
8685
8771
  }
8686
8772
  .d-divide-magenta-500 > * + * {
8687
- --dco: 100%;
8688
- border-color: hsla(var(--dt-color-magenta-500-h) var(--dt-color-magenta-500-s) var(--dt-color-magenta-500-l) / var(--dco)) !important;
8773
+ --dco: var(--dt-color-magenta-500-a);
8774
+ border-color: hsl(var(--dt-color-magenta-500-h) var(--dt-color-magenta-500-s) var(--dt-color-magenta-500-l) / var(--dco)) !important;
8689
8775
  }
8690
8776
  .d-divide-gold-100 > * + * {
8691
- --dco: 100%;
8692
- border-color: hsla(var(--dt-color-gold-100-h) var(--dt-color-gold-100-s) var(--dt-color-gold-100-l) / var(--dco)) !important;
8777
+ --dco: var(--dt-color-gold-100-a);
8778
+ border-color: hsl(var(--dt-color-gold-100-h) var(--dt-color-gold-100-s) var(--dt-color-gold-100-l) / var(--dco)) !important;
8693
8779
  }
8694
8780
  .d-divide-gold-200 > * + * {
8695
- --dco: 100%;
8696
- border-color: hsla(var(--dt-color-gold-200-h) var(--dt-color-gold-200-s) var(--dt-color-gold-200-l) / var(--dco)) !important;
8781
+ --dco: var(--dt-color-gold-200-a);
8782
+ border-color: hsl(var(--dt-color-gold-200-h) var(--dt-color-gold-200-s) var(--dt-color-gold-200-l) / var(--dco)) !important;
8697
8783
  }
8698
8784
  .d-divide-gold-300 > * + * {
8699
- --dco: 100%;
8700
- border-color: hsla(var(--dt-color-gold-300-h) var(--dt-color-gold-300-s) var(--dt-color-gold-300-l) / var(--dco)) !important;
8785
+ --dco: var(--dt-color-gold-300-a);
8786
+ border-color: hsl(var(--dt-color-gold-300-h) var(--dt-color-gold-300-s) var(--dt-color-gold-300-l) / var(--dco)) !important;
8701
8787
  }
8702
8788
  .d-divide-gold-400 > * + * {
8703
- --dco: 100%;
8704
- border-color: hsla(var(--dt-color-gold-400-h) var(--dt-color-gold-400-s) var(--dt-color-gold-400-l) / var(--dco)) !important;
8789
+ --dco: var(--dt-color-gold-400-a);
8790
+ border-color: hsl(var(--dt-color-gold-400-h) var(--dt-color-gold-400-s) var(--dt-color-gold-400-l) / var(--dco)) !important;
8705
8791
  }
8706
8792
  .d-divide-gold-500 > * + * {
8707
- --dco: 100%;
8708
- border-color: hsla(var(--dt-color-gold-500-h) var(--dt-color-gold-500-s) var(--dt-color-gold-500-l) / var(--dco)) !important;
8793
+ --dco: var(--dt-color-gold-500-a);
8794
+ border-color: hsl(var(--dt-color-gold-500-h) var(--dt-color-gold-500-s) var(--dt-color-gold-500-l) / var(--dco)) !important;
8709
8795
  }
8710
8796
  .d-divide-green-100 > * + * {
8711
- --dco: 100%;
8712
- border-color: hsla(var(--dt-color-green-100-h) var(--dt-color-green-100-s) var(--dt-color-green-100-l) / var(--dco)) !important;
8797
+ --dco: var(--dt-color-green-100-a);
8798
+ border-color: hsl(var(--dt-color-green-100-h) var(--dt-color-green-100-s) var(--dt-color-green-100-l) / var(--dco)) !important;
8713
8799
  }
8714
8800
  .d-divide-green-200 > * + * {
8715
- --dco: 100%;
8716
- border-color: hsla(var(--dt-color-green-200-h) var(--dt-color-green-200-s) var(--dt-color-green-200-l) / var(--dco)) !important;
8801
+ --dco: var(--dt-color-green-200-a);
8802
+ border-color: hsl(var(--dt-color-green-200-h) var(--dt-color-green-200-s) var(--dt-color-green-200-l) / var(--dco)) !important;
8717
8803
  }
8718
8804
  .d-divide-green-300 > * + * {
8719
- --dco: 100%;
8720
- border-color: hsla(var(--dt-color-green-300-h) var(--dt-color-green-300-s) var(--dt-color-green-300-l) / var(--dco)) !important;
8805
+ --dco: var(--dt-color-green-300-a);
8806
+ border-color: hsl(var(--dt-color-green-300-h) var(--dt-color-green-300-s) var(--dt-color-green-300-l) / var(--dco)) !important;
8721
8807
  }
8722
8808
  .d-divide-green-400 > * + * {
8723
- --dco: 100%;
8724
- border-color: hsla(var(--dt-color-green-400-h) var(--dt-color-green-400-s) var(--dt-color-green-400-l) / var(--dco)) !important;
8809
+ --dco: var(--dt-color-green-400-a);
8810
+ border-color: hsl(var(--dt-color-green-400-h) var(--dt-color-green-400-s) var(--dt-color-green-400-l) / var(--dco)) !important;
8725
8811
  }
8726
8812
  .d-divide-green-500 > * + * {
8727
- --dco: 100%;
8728
- border-color: hsla(var(--dt-color-green-500-h) var(--dt-color-green-500-s) var(--dt-color-green-500-l) / var(--dco)) !important;
8813
+ --dco: var(--dt-color-green-500-a);
8814
+ border-color: hsl(var(--dt-color-green-500-h) var(--dt-color-green-500-s) var(--dt-color-green-500-l) / var(--dco)) !important;
8729
8815
  }
8730
8816
  .d-divide-red-100 > * + * {
8731
- --dco: 100%;
8732
- border-color: hsla(var(--dt-color-red-100-h) var(--dt-color-red-100-s) var(--dt-color-red-100-l) / var(--dco)) !important;
8817
+ --dco: var(--dt-color-red-100-a);
8818
+ border-color: hsl(var(--dt-color-red-100-h) var(--dt-color-red-100-s) var(--dt-color-red-100-l) / var(--dco)) !important;
8733
8819
  }
8734
8820
  .d-divide-red-200 > * + * {
8735
- --dco: 100%;
8736
- border-color: hsla(var(--dt-color-red-200-h) var(--dt-color-red-200-s) var(--dt-color-red-200-l) / var(--dco)) !important;
8821
+ --dco: var(--dt-color-red-200-a);
8822
+ border-color: hsl(var(--dt-color-red-200-h) var(--dt-color-red-200-s) var(--dt-color-red-200-l) / var(--dco)) !important;
8737
8823
  }
8738
8824
  .d-divide-red-300 > * + * {
8739
- --dco: 100%;
8740
- border-color: hsla(var(--dt-color-red-300-h) var(--dt-color-red-300-s) var(--dt-color-red-300-l) / var(--dco)) !important;
8825
+ --dco: var(--dt-color-red-300-a);
8826
+ border-color: hsl(var(--dt-color-red-300-h) var(--dt-color-red-300-s) var(--dt-color-red-300-l) / var(--dco)) !important;
8741
8827
  }
8742
8828
  .d-divide-red-400 > * + * {
8743
- --dco: 100%;
8744
- border-color: hsla(var(--dt-color-red-400-h) var(--dt-color-red-400-s) var(--dt-color-red-400-l) / var(--dco)) !important;
8829
+ --dco: var(--dt-color-red-400-a);
8830
+ border-color: hsl(var(--dt-color-red-400-h) var(--dt-color-red-400-s) var(--dt-color-red-400-l) / var(--dco)) !important;
8745
8831
  }
8746
8832
  .d-divide-red-500 > * + * {
8747
- --dco: 100%;
8748
- border-color: hsla(var(--dt-color-red-500-h) var(--dt-color-red-500-s) var(--dt-color-red-500-l) / var(--dco)) !important;
8833
+ --dco: var(--dt-color-red-500-a);
8834
+ border-color: hsl(var(--dt-color-red-500-h) var(--dt-color-red-500-s) var(--dt-color-red-500-l) / var(--dco)) !important;
8749
8835
  }
8750
8836
  .d-divide-tan-100 > * + * {
8751
- --dco: 100%;
8752
- border-color: hsla(var(--dt-color-tan-100-h) var(--dt-color-tan-100-s) var(--dt-color-tan-100-l) / var(--dco)) !important;
8837
+ --dco: var(--dt-color-tan-100-a);
8838
+ border-color: hsl(var(--dt-color-tan-100-h) var(--dt-color-tan-100-s) var(--dt-color-tan-100-l) / var(--dco)) !important;
8753
8839
  }
8754
8840
  .d-divide-tan-200 > * + * {
8755
- --dco: 100%;
8756
- border-color: hsla(var(--dt-color-tan-200-h) var(--dt-color-tan-200-s) var(--dt-color-tan-200-l) / var(--dco)) !important;
8841
+ --dco: var(--dt-color-tan-200-a);
8842
+ border-color: hsl(var(--dt-color-tan-200-h) var(--dt-color-tan-200-s) var(--dt-color-tan-200-l) / var(--dco)) !important;
8757
8843
  }
8758
8844
  .d-divide-tan-300 > * + * {
8759
- --dco: 100%;
8760
- border-color: hsla(var(--dt-color-tan-300-h) var(--dt-color-tan-300-s) var(--dt-color-tan-300-l) / var(--dco)) !important;
8845
+ --dco: var(--dt-color-tan-300-a);
8846
+ border-color: hsl(var(--dt-color-tan-300-h) var(--dt-color-tan-300-s) var(--dt-color-tan-300-l) / var(--dco)) !important;
8761
8847
  }
8762
8848
  .d-divide-tan-400 > * + * {
8763
- --dco: 100%;
8764
- border-color: hsla(var(--dt-color-tan-400-h) var(--dt-color-tan-400-s) var(--dt-color-tan-400-l) / var(--dco)) !important;
8849
+ --dco: var(--dt-color-tan-400-a);
8850
+ border-color: hsl(var(--dt-color-tan-400-h) var(--dt-color-tan-400-s) var(--dt-color-tan-400-l) / var(--dco)) !important;
8765
8851
  }
8766
8852
  .d-divide-tan-500 > * + * {
8767
- --dco: 100%;
8768
- border-color: hsla(var(--dt-color-tan-500-h) var(--dt-color-tan-500-s) var(--dt-color-tan-500-l) / var(--dco)) !important;
8853
+ --dco: var(--dt-color-tan-500-a);
8854
+ border-color: hsl(var(--dt-color-tan-500-h) var(--dt-color-tan-500-s) var(--dt-color-tan-500-l) / var(--dco)) !important;
8769
8855
  }
8770
8856
  .d-bgg-from-neutral-white, .h\:d-bgg-from-neutral-white:hover, .f\:d-bgg-from-neutral-white:focus, .f\:d-bgg-from-neutral-white:focus-within, .fv\:d-bgg-from-neutral-white:focus-visible {
8771
8857
  --bgg-from-opacity: 100%;
8772
- --bgg-from: hsla(var(--dt-color-neutral-white-h) var(--dt-color-neutral-white-s) var(--dt-color-neutral-white-l) / var(--bgg-from-opacity));
8773
- --bgg-to: hsla(var(--dt-color-neutral-white-h) var(--dt-color-neutral-white-s) var(--dt-color-neutral-white-l) / 0%);
8858
+ --bgg-from: hsl(var(--dt-color-neutral-white-h) var(--dt-color-neutral-white-s) var(--dt-color-neutral-white-l) / var(--bgg-from-opacity));
8859
+ --bgg-to: hsl(var(--dt-color-neutral-white-h) var(--dt-color-neutral-white-s) var(--dt-color-neutral-white-l) / 0%);
8774
8860
  }
8775
8861
  .d-bgg-from-neutral-black, .h\:d-bgg-from-neutral-black:hover, .f\:d-bgg-from-neutral-black:focus, .f\:d-bgg-from-neutral-black:focus-within, .fv\:d-bgg-from-neutral-black:focus-visible {
8776
8862
  --bgg-from-opacity: 100%;
8777
- --bgg-from: hsla(var(--dt-color-neutral-black-h) var(--dt-color-neutral-black-s) var(--dt-color-neutral-black-l) / var(--bgg-from-opacity));
8778
- --bgg-to: hsla(var(--dt-color-neutral-black-h) var(--dt-color-neutral-black-s) var(--dt-color-neutral-black-l) / 0%);
8863
+ --bgg-from: hsl(var(--dt-color-neutral-black-h) var(--dt-color-neutral-black-s) var(--dt-color-neutral-black-l) / var(--bgg-from-opacity));
8864
+ --bgg-to: hsl(var(--dt-color-neutral-black-h) var(--dt-color-neutral-black-s) var(--dt-color-neutral-black-l) / 0%);
8779
8865
  }
8780
8866
  .d-bgg-from-black-100, .h\:d-bgg-from-black-100:hover, .f\:d-bgg-from-black-100:focus, .f\:d-bgg-from-black-100:focus-within, .fv\:d-bgg-from-black-100:focus-visible {
8781
8867
  --bgg-from-opacity: 100%;
8782
- --bgg-from: hsla(var(--dt-color-black-100-h) var(--dt-color-black-100-s) var(--dt-color-black-100-l) / var(--bgg-from-opacity));
8783
- --bgg-to: hsla(var(--dt-color-black-100-h) var(--dt-color-black-100-s) var(--dt-color-black-100-l) / 0%);
8868
+ --bgg-from: hsl(var(--dt-color-black-100-h) var(--dt-color-black-100-s) var(--dt-color-black-100-l) / var(--bgg-from-opacity));
8869
+ --bgg-to: hsl(var(--dt-color-black-100-h) var(--dt-color-black-100-s) var(--dt-color-black-100-l) / 0%);
8784
8870
  }
8785
8871
  .d-bgg-from-black-200, .h\:d-bgg-from-black-200:hover, .f\:d-bgg-from-black-200:focus, .f\:d-bgg-from-black-200:focus-within, .fv\:d-bgg-from-black-200:focus-visible {
8786
8872
  --bgg-from-opacity: 100%;
8787
- --bgg-from: hsla(var(--dt-color-black-200-h) var(--dt-color-black-200-s) var(--dt-color-black-200-l) / var(--bgg-from-opacity));
8788
- --bgg-to: hsla(var(--dt-color-black-200-h) var(--dt-color-black-200-s) var(--dt-color-black-200-l) / 0%);
8873
+ --bgg-from: hsl(var(--dt-color-black-200-h) var(--dt-color-black-200-s) var(--dt-color-black-200-l) / var(--bgg-from-opacity));
8874
+ --bgg-to: hsl(var(--dt-color-black-200-h) var(--dt-color-black-200-s) var(--dt-color-black-200-l) / 0%);
8789
8875
  }
8790
8876
  .d-bgg-from-black-300, .h\:d-bgg-from-black-300:hover, .f\:d-bgg-from-black-300:focus, .f\:d-bgg-from-black-300:focus-within, .fv\:d-bgg-from-black-300:focus-visible {
8791
8877
  --bgg-from-opacity: 100%;
8792
- --bgg-from: hsla(var(--dt-color-black-300-h) var(--dt-color-black-300-s) var(--dt-color-black-300-l) / var(--bgg-from-opacity));
8793
- --bgg-to: hsla(var(--dt-color-black-300-h) var(--dt-color-black-300-s) var(--dt-color-black-300-l) / 0%);
8878
+ --bgg-from: hsl(var(--dt-color-black-300-h) var(--dt-color-black-300-s) var(--dt-color-black-300-l) / var(--bgg-from-opacity));
8879
+ --bgg-to: hsl(var(--dt-color-black-300-h) var(--dt-color-black-300-s) var(--dt-color-black-300-l) / 0%);
8794
8880
  }
8795
8881
  .d-bgg-from-black-400, .h\:d-bgg-from-black-400:hover, .f\:d-bgg-from-black-400:focus, .f\:d-bgg-from-black-400:focus-within, .fv\:d-bgg-from-black-400:focus-visible {
8796
8882
  --bgg-from-opacity: 100%;
8797
- --bgg-from: hsla(var(--dt-color-black-400-h) var(--dt-color-black-400-s) var(--dt-color-black-400-l) / var(--bgg-from-opacity));
8798
- --bgg-to: hsla(var(--dt-color-black-400-h) var(--dt-color-black-400-s) var(--dt-color-black-400-l) / 0%);
8883
+ --bgg-from: hsl(var(--dt-color-black-400-h) var(--dt-color-black-400-s) var(--dt-color-black-400-l) / var(--bgg-from-opacity));
8884
+ --bgg-to: hsl(var(--dt-color-black-400-h) var(--dt-color-black-400-s) var(--dt-color-black-400-l) / 0%);
8799
8885
  }
8800
8886
  .d-bgg-from-black-500, .h\:d-bgg-from-black-500:hover, .f\:d-bgg-from-black-500:focus, .f\:d-bgg-from-black-500:focus-within, .fv\:d-bgg-from-black-500:focus-visible {
8801
8887
  --bgg-from-opacity: 100%;
8802
- --bgg-from: hsla(var(--dt-color-black-500-h) var(--dt-color-black-500-s) var(--dt-color-black-500-l) / var(--bgg-from-opacity));
8803
- --bgg-to: hsla(var(--dt-color-black-500-h) var(--dt-color-black-500-s) var(--dt-color-black-500-l) / 0%);
8888
+ --bgg-from: hsl(var(--dt-color-black-500-h) var(--dt-color-black-500-s) var(--dt-color-black-500-l) / var(--bgg-from-opacity));
8889
+ --bgg-to: hsl(var(--dt-color-black-500-h) var(--dt-color-black-500-s) var(--dt-color-black-500-l) / 0%);
8804
8890
  }
8805
8891
  .d-bgg-from-black-600, .h\:d-bgg-from-black-600:hover, .f\:d-bgg-from-black-600:focus, .f\:d-bgg-from-black-600:focus-within, .fv\:d-bgg-from-black-600:focus-visible {
8806
8892
  --bgg-from-opacity: 100%;
8807
- --bgg-from: hsla(var(--dt-color-black-600-h) var(--dt-color-black-600-s) var(--dt-color-black-600-l) / var(--bgg-from-opacity));
8808
- --bgg-to: hsla(var(--dt-color-black-600-h) var(--dt-color-black-600-s) var(--dt-color-black-600-l) / 0%);
8893
+ --bgg-from: hsl(var(--dt-color-black-600-h) var(--dt-color-black-600-s) var(--dt-color-black-600-l) / var(--bgg-from-opacity));
8894
+ --bgg-to: hsl(var(--dt-color-black-600-h) var(--dt-color-black-600-s) var(--dt-color-black-600-l) / 0%);
8809
8895
  }
8810
8896
  .d-bgg-from-black-700, .h\:d-bgg-from-black-700:hover, .f\:d-bgg-from-black-700:focus, .f\:d-bgg-from-black-700:focus-within, .fv\:d-bgg-from-black-700:focus-visible {
8811
8897
  --bgg-from-opacity: 100%;
8812
- --bgg-from: hsla(var(--dt-color-black-700-h) var(--dt-color-black-700-s) var(--dt-color-black-700-l) / var(--bgg-from-opacity));
8813
- --bgg-to: hsla(var(--dt-color-black-700-h) var(--dt-color-black-700-s) var(--dt-color-black-700-l) / 0%);
8898
+ --bgg-from: hsl(var(--dt-color-black-700-h) var(--dt-color-black-700-s) var(--dt-color-black-700-l) / var(--bgg-from-opacity));
8899
+ --bgg-to: hsl(var(--dt-color-black-700-h) var(--dt-color-black-700-s) var(--dt-color-black-700-l) / 0%);
8814
8900
  }
8815
8901
  .d-bgg-from-black-800, .h\:d-bgg-from-black-800:hover, .f\:d-bgg-from-black-800:focus, .f\:d-bgg-from-black-800:focus-within, .fv\:d-bgg-from-black-800:focus-visible {
8816
8902
  --bgg-from-opacity: 100%;
8817
- --bgg-from: hsla(var(--dt-color-black-800-h) var(--dt-color-black-800-s) var(--dt-color-black-800-l) / var(--bgg-from-opacity));
8818
- --bgg-to: hsla(var(--dt-color-black-800-h) var(--dt-color-black-800-s) var(--dt-color-black-800-l) / 0%);
8903
+ --bgg-from: hsl(var(--dt-color-black-800-h) var(--dt-color-black-800-s) var(--dt-color-black-800-l) / var(--bgg-from-opacity));
8904
+ --bgg-to: hsl(var(--dt-color-black-800-h) var(--dt-color-black-800-s) var(--dt-color-black-800-l) / 0%);
8819
8905
  }
8820
8906
  .d-bgg-from-black-900, .h\:d-bgg-from-black-900:hover, .f\:d-bgg-from-black-900:focus, .f\:d-bgg-from-black-900:focus-within, .fv\:d-bgg-from-black-900:focus-visible {
8821
8907
  --bgg-from-opacity: 100%;
8822
- --bgg-from: hsla(var(--dt-color-black-900-h) var(--dt-color-black-900-s) var(--dt-color-black-900-l) / var(--bgg-from-opacity));
8823
- --bgg-to: hsla(var(--dt-color-black-900-h) var(--dt-color-black-900-s) var(--dt-color-black-900-l) / 0%);
8908
+ --bgg-from: hsl(var(--dt-color-black-900-h) var(--dt-color-black-900-s) var(--dt-color-black-900-l) / var(--bgg-from-opacity));
8909
+ --bgg-to: hsl(var(--dt-color-black-900-h) var(--dt-color-black-900-s) var(--dt-color-black-900-l) / 0%);
8824
8910
  }
8825
8911
  .d-bgg-from-purple-100, .h\:d-bgg-from-purple-100:hover, .f\:d-bgg-from-purple-100:focus, .f\:d-bgg-from-purple-100:focus-within, .fv\:d-bgg-from-purple-100:focus-visible {
8826
8912
  --bgg-from-opacity: 100%;
8827
- --bgg-from: hsla(var(--dt-color-purple-100-h) var(--dt-color-purple-100-s) var(--dt-color-purple-100-l) / var(--bgg-from-opacity));
8828
- --bgg-to: hsla(var(--dt-color-purple-100-h) var(--dt-color-purple-100-s) var(--dt-color-purple-100-l) / 0%);
8913
+ --bgg-from: hsl(var(--dt-color-purple-100-h) var(--dt-color-purple-100-s) var(--dt-color-purple-100-l) / var(--bgg-from-opacity));
8914
+ --bgg-to: hsl(var(--dt-color-purple-100-h) var(--dt-color-purple-100-s) var(--dt-color-purple-100-l) / 0%);
8829
8915
  }
8830
8916
  .d-bgg-from-purple-200, .h\:d-bgg-from-purple-200:hover, .f\:d-bgg-from-purple-200:focus, .f\:d-bgg-from-purple-200:focus-within, .fv\:d-bgg-from-purple-200:focus-visible {
8831
8917
  --bgg-from-opacity: 100%;
8832
- --bgg-from: hsla(var(--dt-color-purple-200-h) var(--dt-color-purple-200-s) var(--dt-color-purple-200-l) / var(--bgg-from-opacity));
8833
- --bgg-to: hsla(var(--dt-color-purple-200-h) var(--dt-color-purple-200-s) var(--dt-color-purple-200-l) / 0%);
8918
+ --bgg-from: hsl(var(--dt-color-purple-200-h) var(--dt-color-purple-200-s) var(--dt-color-purple-200-l) / var(--bgg-from-opacity));
8919
+ --bgg-to: hsl(var(--dt-color-purple-200-h) var(--dt-color-purple-200-s) var(--dt-color-purple-200-l) / 0%);
8834
8920
  }
8835
8921
  .d-bgg-from-purple-300, .h\:d-bgg-from-purple-300:hover, .f\:d-bgg-from-purple-300:focus, .f\:d-bgg-from-purple-300:focus-within, .fv\:d-bgg-from-purple-300:focus-visible {
8836
8922
  --bgg-from-opacity: 100%;
8837
- --bgg-from: hsla(var(--dt-color-purple-300-h) var(--dt-color-purple-300-s) var(--dt-color-purple-300-l) / var(--bgg-from-opacity));
8838
- --bgg-to: hsla(var(--dt-color-purple-300-h) var(--dt-color-purple-300-s) var(--dt-color-purple-300-l) / 0%);
8923
+ --bgg-from: hsl(var(--dt-color-purple-300-h) var(--dt-color-purple-300-s) var(--dt-color-purple-300-l) / var(--bgg-from-opacity));
8924
+ --bgg-to: hsl(var(--dt-color-purple-300-h) var(--dt-color-purple-300-s) var(--dt-color-purple-300-l) / 0%);
8839
8925
  }
8840
8926
  .d-bgg-from-purple-400, .h\:d-bgg-from-purple-400:hover, .f\:d-bgg-from-purple-400:focus, .f\:d-bgg-from-purple-400:focus-within, .fv\:d-bgg-from-purple-400:focus-visible {
8841
8927
  --bgg-from-opacity: 100%;
8842
- --bgg-from: hsla(var(--dt-color-purple-400-h) var(--dt-color-purple-400-s) var(--dt-color-purple-400-l) / var(--bgg-from-opacity));
8843
- --bgg-to: hsla(var(--dt-color-purple-400-h) var(--dt-color-purple-400-s) var(--dt-color-purple-400-l) / 0%);
8928
+ --bgg-from: hsl(var(--dt-color-purple-400-h) var(--dt-color-purple-400-s) var(--dt-color-purple-400-l) / var(--bgg-from-opacity));
8929
+ --bgg-to: hsl(var(--dt-color-purple-400-h) var(--dt-color-purple-400-s) var(--dt-color-purple-400-l) / 0%);
8844
8930
  }
8845
8931
  .d-bgg-from-purple-500, .h\:d-bgg-from-purple-500:hover, .f\:d-bgg-from-purple-500:focus, .f\:d-bgg-from-purple-500:focus-within, .fv\:d-bgg-from-purple-500:focus-visible {
8846
8932
  --bgg-from-opacity: 100%;
8847
- --bgg-from: hsla(var(--dt-color-purple-500-h) var(--dt-color-purple-500-s) var(--dt-color-purple-500-l) / var(--bgg-from-opacity));
8848
- --bgg-to: hsla(var(--dt-color-purple-500-h) var(--dt-color-purple-500-s) var(--dt-color-purple-500-l) / 0%);
8933
+ --bgg-from: hsl(var(--dt-color-purple-500-h) var(--dt-color-purple-500-s) var(--dt-color-purple-500-l) / var(--bgg-from-opacity));
8934
+ --bgg-to: hsl(var(--dt-color-purple-500-h) var(--dt-color-purple-500-s) var(--dt-color-purple-500-l) / 0%);
8849
8935
  }
8850
8936
  .d-bgg-from-purple-600, .h\:d-bgg-from-purple-600:hover, .f\:d-bgg-from-purple-600:focus, .f\:d-bgg-from-purple-600:focus-within, .fv\:d-bgg-from-purple-600:focus-visible {
8851
8937
  --bgg-from-opacity: 100%;
8852
- --bgg-from: hsla(var(--dt-color-purple-600-h) var(--dt-color-purple-600-s) var(--dt-color-purple-600-l) / var(--bgg-from-opacity));
8853
- --bgg-to: hsla(var(--dt-color-purple-600-h) var(--dt-color-purple-600-s) var(--dt-color-purple-600-l) / 0%);
8938
+ --bgg-from: hsl(var(--dt-color-purple-600-h) var(--dt-color-purple-600-s) var(--dt-color-purple-600-l) / var(--bgg-from-opacity));
8939
+ --bgg-to: hsl(var(--dt-color-purple-600-h) var(--dt-color-purple-600-s) var(--dt-color-purple-600-l) / 0%);
8854
8940
  }
8855
8941
  .d-bgg-from-blue-100, .h\:d-bgg-from-blue-100:hover, .f\:d-bgg-from-blue-100:focus, .f\:d-bgg-from-blue-100:focus-within, .fv\:d-bgg-from-blue-100:focus-visible {
8856
8942
  --bgg-from-opacity: 100%;
8857
- --bgg-from: hsla(var(--dt-color-blue-100-h) var(--dt-color-blue-100-s) var(--dt-color-blue-100-l) / var(--bgg-from-opacity));
8858
- --bgg-to: hsla(var(--dt-color-blue-100-h) var(--dt-color-blue-100-s) var(--dt-color-blue-100-l) / 0%);
8943
+ --bgg-from: hsl(var(--dt-color-blue-100-h) var(--dt-color-blue-100-s) var(--dt-color-blue-100-l) / var(--bgg-from-opacity));
8944
+ --bgg-to: hsl(var(--dt-color-blue-100-h) var(--dt-color-blue-100-s) var(--dt-color-blue-100-l) / 0%);
8859
8945
  }
8860
8946
  .d-bgg-from-blue-200, .h\:d-bgg-from-blue-200:hover, .f\:d-bgg-from-blue-200:focus, .f\:d-bgg-from-blue-200:focus-within, .fv\:d-bgg-from-blue-200:focus-visible {
8861
8947
  --bgg-from-opacity: 100%;
8862
- --bgg-from: hsla(var(--dt-color-blue-200-h) var(--dt-color-blue-200-s) var(--dt-color-blue-200-l) / var(--bgg-from-opacity));
8863
- --bgg-to: hsla(var(--dt-color-blue-200-h) var(--dt-color-blue-200-s) var(--dt-color-blue-200-l) / 0%);
8948
+ --bgg-from: hsl(var(--dt-color-blue-200-h) var(--dt-color-blue-200-s) var(--dt-color-blue-200-l) / var(--bgg-from-opacity));
8949
+ --bgg-to: hsl(var(--dt-color-blue-200-h) var(--dt-color-blue-200-s) var(--dt-color-blue-200-l) / 0%);
8864
8950
  }
8865
8951
  .d-bgg-from-blue-300, .h\:d-bgg-from-blue-300:hover, .f\:d-bgg-from-blue-300:focus, .f\:d-bgg-from-blue-300:focus-within, .fv\:d-bgg-from-blue-300:focus-visible {
8866
8952
  --bgg-from-opacity: 100%;
8867
- --bgg-from: hsla(var(--dt-color-blue-300-h) var(--dt-color-blue-300-s) var(--dt-color-blue-300-l) / var(--bgg-from-opacity));
8868
- --bgg-to: hsla(var(--dt-color-blue-300-h) var(--dt-color-blue-300-s) var(--dt-color-blue-300-l) / 0%);
8953
+ --bgg-from: hsl(var(--dt-color-blue-300-h) var(--dt-color-blue-300-s) var(--dt-color-blue-300-l) / var(--bgg-from-opacity));
8954
+ --bgg-to: hsl(var(--dt-color-blue-300-h) var(--dt-color-blue-300-s) var(--dt-color-blue-300-l) / 0%);
8869
8955
  }
8870
8956
  .d-bgg-from-blue-400, .h\:d-bgg-from-blue-400:hover, .f\:d-bgg-from-blue-400:focus, .f\:d-bgg-from-blue-400:focus-within, .fv\:d-bgg-from-blue-400:focus-visible {
8871
8957
  --bgg-from-opacity: 100%;
8872
- --bgg-from: hsla(var(--dt-color-blue-400-h) var(--dt-color-blue-400-s) var(--dt-color-blue-400-l) / var(--bgg-from-opacity));
8873
- --bgg-to: hsla(var(--dt-color-blue-400-h) var(--dt-color-blue-400-s) var(--dt-color-blue-400-l) / 0%);
8958
+ --bgg-from: hsl(var(--dt-color-blue-400-h) var(--dt-color-blue-400-s) var(--dt-color-blue-400-l) / var(--bgg-from-opacity));
8959
+ --bgg-to: hsl(var(--dt-color-blue-400-h) var(--dt-color-blue-400-s) var(--dt-color-blue-400-l) / 0%);
8874
8960
  }
8875
8961
  .d-bgg-from-blue-500, .h\:d-bgg-from-blue-500:hover, .f\:d-bgg-from-blue-500:focus, .f\:d-bgg-from-blue-500:focus-within, .fv\:d-bgg-from-blue-500:focus-visible {
8876
8962
  --bgg-from-opacity: 100%;
8877
- --bgg-from: hsla(var(--dt-color-blue-500-h) var(--dt-color-blue-500-s) var(--dt-color-blue-500-l) / var(--bgg-from-opacity));
8878
- --bgg-to: hsla(var(--dt-color-blue-500-h) var(--dt-color-blue-500-s) var(--dt-color-blue-500-l) / 0%);
8963
+ --bgg-from: hsl(var(--dt-color-blue-500-h) var(--dt-color-blue-500-s) var(--dt-color-blue-500-l) / var(--bgg-from-opacity));
8964
+ --bgg-to: hsl(var(--dt-color-blue-500-h) var(--dt-color-blue-500-s) var(--dt-color-blue-500-l) / 0%);
8879
8965
  }
8880
8966
  .d-bgg-from-magenta-100, .h\:d-bgg-from-magenta-100:hover, .f\:d-bgg-from-magenta-100:focus, .f\:d-bgg-from-magenta-100:focus-within, .fv\:d-bgg-from-magenta-100:focus-visible {
8881
8967
  --bgg-from-opacity: 100%;
8882
- --bgg-from: hsla(var(--dt-color-magenta-100-h) var(--dt-color-magenta-100-s) var(--dt-color-magenta-100-l) / var(--bgg-from-opacity));
8883
- --bgg-to: hsla(var(--dt-color-magenta-100-h) var(--dt-color-magenta-100-s) var(--dt-color-magenta-100-l) / 0%);
8968
+ --bgg-from: hsl(var(--dt-color-magenta-100-h) var(--dt-color-magenta-100-s) var(--dt-color-magenta-100-l) / var(--bgg-from-opacity));
8969
+ --bgg-to: hsl(var(--dt-color-magenta-100-h) var(--dt-color-magenta-100-s) var(--dt-color-magenta-100-l) / 0%);
8884
8970
  }
8885
8971
  .d-bgg-from-magenta-200, .h\:d-bgg-from-magenta-200:hover, .f\:d-bgg-from-magenta-200:focus, .f\:d-bgg-from-magenta-200:focus-within, .fv\:d-bgg-from-magenta-200:focus-visible {
8886
8972
  --bgg-from-opacity: 100%;
8887
- --bgg-from: hsla(var(--dt-color-magenta-200-h) var(--dt-color-magenta-200-s) var(--dt-color-magenta-200-l) / var(--bgg-from-opacity));
8888
- --bgg-to: hsla(var(--dt-color-magenta-200-h) var(--dt-color-magenta-200-s) var(--dt-color-magenta-200-l) / 0%);
8973
+ --bgg-from: hsl(var(--dt-color-magenta-200-h) var(--dt-color-magenta-200-s) var(--dt-color-magenta-200-l) / var(--bgg-from-opacity));
8974
+ --bgg-to: hsl(var(--dt-color-magenta-200-h) var(--dt-color-magenta-200-s) var(--dt-color-magenta-200-l) / 0%);
8889
8975
  }
8890
8976
  .d-bgg-from-magenta-300, .h\:d-bgg-from-magenta-300:hover, .f\:d-bgg-from-magenta-300:focus, .f\:d-bgg-from-magenta-300:focus-within, .fv\:d-bgg-from-magenta-300:focus-visible {
8891
8977
  --bgg-from-opacity: 100%;
8892
- --bgg-from: hsla(var(--dt-color-magenta-300-h) var(--dt-color-magenta-300-s) var(--dt-color-magenta-300-l) / var(--bgg-from-opacity));
8893
- --bgg-to: hsla(var(--dt-color-magenta-300-h) var(--dt-color-magenta-300-s) var(--dt-color-magenta-300-l) / 0%);
8978
+ --bgg-from: hsl(var(--dt-color-magenta-300-h) var(--dt-color-magenta-300-s) var(--dt-color-magenta-300-l) / var(--bgg-from-opacity));
8979
+ --bgg-to: hsl(var(--dt-color-magenta-300-h) var(--dt-color-magenta-300-s) var(--dt-color-magenta-300-l) / 0%);
8894
8980
  }
8895
8981
  .d-bgg-from-magenta-400, .h\:d-bgg-from-magenta-400:hover, .f\:d-bgg-from-magenta-400:focus, .f\:d-bgg-from-magenta-400:focus-within, .fv\:d-bgg-from-magenta-400:focus-visible {
8896
8982
  --bgg-from-opacity: 100%;
8897
- --bgg-from: hsla(var(--dt-color-magenta-400-h) var(--dt-color-magenta-400-s) var(--dt-color-magenta-400-l) / var(--bgg-from-opacity));
8898
- --bgg-to: hsla(var(--dt-color-magenta-400-h) var(--dt-color-magenta-400-s) var(--dt-color-magenta-400-l) / 0%);
8983
+ --bgg-from: hsl(var(--dt-color-magenta-400-h) var(--dt-color-magenta-400-s) var(--dt-color-magenta-400-l) / var(--bgg-from-opacity));
8984
+ --bgg-to: hsl(var(--dt-color-magenta-400-h) var(--dt-color-magenta-400-s) var(--dt-color-magenta-400-l) / 0%);
8899
8985
  }
8900
8986
  .d-bgg-from-magenta-500, .h\:d-bgg-from-magenta-500:hover, .f\:d-bgg-from-magenta-500:focus, .f\:d-bgg-from-magenta-500:focus-within, .fv\:d-bgg-from-magenta-500:focus-visible {
8901
8987
  --bgg-from-opacity: 100%;
8902
- --bgg-from: hsla(var(--dt-color-magenta-500-h) var(--dt-color-magenta-500-s) var(--dt-color-magenta-500-l) / var(--bgg-from-opacity));
8903
- --bgg-to: hsla(var(--dt-color-magenta-500-h) var(--dt-color-magenta-500-s) var(--dt-color-magenta-500-l) / 0%);
8988
+ --bgg-from: hsl(var(--dt-color-magenta-500-h) var(--dt-color-magenta-500-s) var(--dt-color-magenta-500-l) / var(--bgg-from-opacity));
8989
+ --bgg-to: hsl(var(--dt-color-magenta-500-h) var(--dt-color-magenta-500-s) var(--dt-color-magenta-500-l) / 0%);
8904
8990
  }
8905
8991
  .d-bgg-from-gold-100, .h\:d-bgg-from-gold-100:hover, .f\:d-bgg-from-gold-100:focus, .f\:d-bgg-from-gold-100:focus-within, .fv\:d-bgg-from-gold-100:focus-visible {
8906
8992
  --bgg-from-opacity: 100%;
8907
- --bgg-from: hsla(var(--dt-color-gold-100-h) var(--dt-color-gold-100-s) var(--dt-color-gold-100-l) / var(--bgg-from-opacity));
8908
- --bgg-to: hsla(var(--dt-color-gold-100-h) var(--dt-color-gold-100-s) var(--dt-color-gold-100-l) / 0%);
8993
+ --bgg-from: hsl(var(--dt-color-gold-100-h) var(--dt-color-gold-100-s) var(--dt-color-gold-100-l) / var(--bgg-from-opacity));
8994
+ --bgg-to: hsl(var(--dt-color-gold-100-h) var(--dt-color-gold-100-s) var(--dt-color-gold-100-l) / 0%);
8909
8995
  }
8910
8996
  .d-bgg-from-gold-200, .h\:d-bgg-from-gold-200:hover, .f\:d-bgg-from-gold-200:focus, .f\:d-bgg-from-gold-200:focus-within, .fv\:d-bgg-from-gold-200:focus-visible {
8911
8997
  --bgg-from-opacity: 100%;
8912
- --bgg-from: hsla(var(--dt-color-gold-200-h) var(--dt-color-gold-200-s) var(--dt-color-gold-200-l) / var(--bgg-from-opacity));
8913
- --bgg-to: hsla(var(--dt-color-gold-200-h) var(--dt-color-gold-200-s) var(--dt-color-gold-200-l) / 0%);
8998
+ --bgg-from: hsl(var(--dt-color-gold-200-h) var(--dt-color-gold-200-s) var(--dt-color-gold-200-l) / var(--bgg-from-opacity));
8999
+ --bgg-to: hsl(var(--dt-color-gold-200-h) var(--dt-color-gold-200-s) var(--dt-color-gold-200-l) / 0%);
8914
9000
  }
8915
9001
  .d-bgg-from-gold-300, .h\:d-bgg-from-gold-300:hover, .f\:d-bgg-from-gold-300:focus, .f\:d-bgg-from-gold-300:focus-within, .fv\:d-bgg-from-gold-300:focus-visible {
8916
9002
  --bgg-from-opacity: 100%;
8917
- --bgg-from: hsla(var(--dt-color-gold-300-h) var(--dt-color-gold-300-s) var(--dt-color-gold-300-l) / var(--bgg-from-opacity));
8918
- --bgg-to: hsla(var(--dt-color-gold-300-h) var(--dt-color-gold-300-s) var(--dt-color-gold-300-l) / 0%);
9003
+ --bgg-from: hsl(var(--dt-color-gold-300-h) var(--dt-color-gold-300-s) var(--dt-color-gold-300-l) / var(--bgg-from-opacity));
9004
+ --bgg-to: hsl(var(--dt-color-gold-300-h) var(--dt-color-gold-300-s) var(--dt-color-gold-300-l) / 0%);
8919
9005
  }
8920
9006
  .d-bgg-from-gold-400, .h\:d-bgg-from-gold-400:hover, .f\:d-bgg-from-gold-400:focus, .f\:d-bgg-from-gold-400:focus-within, .fv\:d-bgg-from-gold-400:focus-visible {
8921
9007
  --bgg-from-opacity: 100%;
8922
- --bgg-from: hsla(var(--dt-color-gold-400-h) var(--dt-color-gold-400-s) var(--dt-color-gold-400-l) / var(--bgg-from-opacity));
8923
- --bgg-to: hsla(var(--dt-color-gold-400-h) var(--dt-color-gold-400-s) var(--dt-color-gold-400-l) / 0%);
9008
+ --bgg-from: hsl(var(--dt-color-gold-400-h) var(--dt-color-gold-400-s) var(--dt-color-gold-400-l) / var(--bgg-from-opacity));
9009
+ --bgg-to: hsl(var(--dt-color-gold-400-h) var(--dt-color-gold-400-s) var(--dt-color-gold-400-l) / 0%);
8924
9010
  }
8925
9011
  .d-bgg-from-gold-500, .h\:d-bgg-from-gold-500:hover, .f\:d-bgg-from-gold-500:focus, .f\:d-bgg-from-gold-500:focus-within, .fv\:d-bgg-from-gold-500:focus-visible {
8926
9012
  --bgg-from-opacity: 100%;
8927
- --bgg-from: hsla(var(--dt-color-gold-500-h) var(--dt-color-gold-500-s) var(--dt-color-gold-500-l) / var(--bgg-from-opacity));
8928
- --bgg-to: hsla(var(--dt-color-gold-500-h) var(--dt-color-gold-500-s) var(--dt-color-gold-500-l) / 0%);
9013
+ --bgg-from: hsl(var(--dt-color-gold-500-h) var(--dt-color-gold-500-s) var(--dt-color-gold-500-l) / var(--bgg-from-opacity));
9014
+ --bgg-to: hsl(var(--dt-color-gold-500-h) var(--dt-color-gold-500-s) var(--dt-color-gold-500-l) / 0%);
8929
9015
  }
8930
9016
  .d-bgg-from-green-100, .h\:d-bgg-from-green-100:hover, .f\:d-bgg-from-green-100:focus, .f\:d-bgg-from-green-100:focus-within, .fv\:d-bgg-from-green-100:focus-visible {
8931
9017
  --bgg-from-opacity: 100%;
8932
- --bgg-from: hsla(var(--dt-color-green-100-h) var(--dt-color-green-100-s) var(--dt-color-green-100-l) / var(--bgg-from-opacity));
8933
- --bgg-to: hsla(var(--dt-color-green-100-h) var(--dt-color-green-100-s) var(--dt-color-green-100-l) / 0%);
9018
+ --bgg-from: hsl(var(--dt-color-green-100-h) var(--dt-color-green-100-s) var(--dt-color-green-100-l) / var(--bgg-from-opacity));
9019
+ --bgg-to: hsl(var(--dt-color-green-100-h) var(--dt-color-green-100-s) var(--dt-color-green-100-l) / 0%);
8934
9020
  }
8935
9021
  .d-bgg-from-green-200, .h\:d-bgg-from-green-200:hover, .f\:d-bgg-from-green-200:focus, .f\:d-bgg-from-green-200:focus-within, .fv\:d-bgg-from-green-200:focus-visible {
8936
9022
  --bgg-from-opacity: 100%;
8937
- --bgg-from: hsla(var(--dt-color-green-200-h) var(--dt-color-green-200-s) var(--dt-color-green-200-l) / var(--bgg-from-opacity));
8938
- --bgg-to: hsla(var(--dt-color-green-200-h) var(--dt-color-green-200-s) var(--dt-color-green-200-l) / 0%);
9023
+ --bgg-from: hsl(var(--dt-color-green-200-h) var(--dt-color-green-200-s) var(--dt-color-green-200-l) / var(--bgg-from-opacity));
9024
+ --bgg-to: hsl(var(--dt-color-green-200-h) var(--dt-color-green-200-s) var(--dt-color-green-200-l) / 0%);
8939
9025
  }
8940
9026
  .d-bgg-from-green-300, .h\:d-bgg-from-green-300:hover, .f\:d-bgg-from-green-300:focus, .f\:d-bgg-from-green-300:focus-within, .fv\:d-bgg-from-green-300:focus-visible {
8941
9027
  --bgg-from-opacity: 100%;
8942
- --bgg-from: hsla(var(--dt-color-green-300-h) var(--dt-color-green-300-s) var(--dt-color-green-300-l) / var(--bgg-from-opacity));
8943
- --bgg-to: hsla(var(--dt-color-green-300-h) var(--dt-color-green-300-s) var(--dt-color-green-300-l) / 0%);
9028
+ --bgg-from: hsl(var(--dt-color-green-300-h) var(--dt-color-green-300-s) var(--dt-color-green-300-l) / var(--bgg-from-opacity));
9029
+ --bgg-to: hsl(var(--dt-color-green-300-h) var(--dt-color-green-300-s) var(--dt-color-green-300-l) / 0%);
8944
9030
  }
8945
9031
  .d-bgg-from-green-400, .h\:d-bgg-from-green-400:hover, .f\:d-bgg-from-green-400:focus, .f\:d-bgg-from-green-400:focus-within, .fv\:d-bgg-from-green-400:focus-visible {
8946
9032
  --bgg-from-opacity: 100%;
8947
- --bgg-from: hsla(var(--dt-color-green-400-h) var(--dt-color-green-400-s) var(--dt-color-green-400-l) / var(--bgg-from-opacity));
8948
- --bgg-to: hsla(var(--dt-color-green-400-h) var(--dt-color-green-400-s) var(--dt-color-green-400-l) / 0%);
9033
+ --bgg-from: hsl(var(--dt-color-green-400-h) var(--dt-color-green-400-s) var(--dt-color-green-400-l) / var(--bgg-from-opacity));
9034
+ --bgg-to: hsl(var(--dt-color-green-400-h) var(--dt-color-green-400-s) var(--dt-color-green-400-l) / 0%);
8949
9035
  }
8950
9036
  .d-bgg-from-green-500, .h\:d-bgg-from-green-500:hover, .f\:d-bgg-from-green-500:focus, .f\:d-bgg-from-green-500:focus-within, .fv\:d-bgg-from-green-500:focus-visible {
8951
9037
  --bgg-from-opacity: 100%;
8952
- --bgg-from: hsla(var(--dt-color-green-500-h) var(--dt-color-green-500-s) var(--dt-color-green-500-l) / var(--bgg-from-opacity));
8953
- --bgg-to: hsla(var(--dt-color-green-500-h) var(--dt-color-green-500-s) var(--dt-color-green-500-l) / 0%);
9038
+ --bgg-from: hsl(var(--dt-color-green-500-h) var(--dt-color-green-500-s) var(--dt-color-green-500-l) / var(--bgg-from-opacity));
9039
+ --bgg-to: hsl(var(--dt-color-green-500-h) var(--dt-color-green-500-s) var(--dt-color-green-500-l) / 0%);
8954
9040
  }
8955
9041
  .d-bgg-from-red-100, .h\:d-bgg-from-red-100:hover, .f\:d-bgg-from-red-100:focus, .f\:d-bgg-from-red-100:focus-within, .fv\:d-bgg-from-red-100:focus-visible {
8956
9042
  --bgg-from-opacity: 100%;
8957
- --bgg-from: hsla(var(--dt-color-red-100-h) var(--dt-color-red-100-s) var(--dt-color-red-100-l) / var(--bgg-from-opacity));
8958
- --bgg-to: hsla(var(--dt-color-red-100-h) var(--dt-color-red-100-s) var(--dt-color-red-100-l) / 0%);
9043
+ --bgg-from: hsl(var(--dt-color-red-100-h) var(--dt-color-red-100-s) var(--dt-color-red-100-l) / var(--bgg-from-opacity));
9044
+ --bgg-to: hsl(var(--dt-color-red-100-h) var(--dt-color-red-100-s) var(--dt-color-red-100-l) / 0%);
8959
9045
  }
8960
9046
  .d-bgg-from-red-200, .h\:d-bgg-from-red-200:hover, .f\:d-bgg-from-red-200:focus, .f\:d-bgg-from-red-200:focus-within, .fv\:d-bgg-from-red-200:focus-visible {
8961
9047
  --bgg-from-opacity: 100%;
8962
- --bgg-from: hsla(var(--dt-color-red-200-h) var(--dt-color-red-200-s) var(--dt-color-red-200-l) / var(--bgg-from-opacity));
8963
- --bgg-to: hsla(var(--dt-color-red-200-h) var(--dt-color-red-200-s) var(--dt-color-red-200-l) / 0%);
9048
+ --bgg-from: hsl(var(--dt-color-red-200-h) var(--dt-color-red-200-s) var(--dt-color-red-200-l) / var(--bgg-from-opacity));
9049
+ --bgg-to: hsl(var(--dt-color-red-200-h) var(--dt-color-red-200-s) var(--dt-color-red-200-l) / 0%);
8964
9050
  }
8965
9051
  .d-bgg-from-red-300, .h\:d-bgg-from-red-300:hover, .f\:d-bgg-from-red-300:focus, .f\:d-bgg-from-red-300:focus-within, .fv\:d-bgg-from-red-300:focus-visible {
8966
9052
  --bgg-from-opacity: 100%;
8967
- --bgg-from: hsla(var(--dt-color-red-300-h) var(--dt-color-red-300-s) var(--dt-color-red-300-l) / var(--bgg-from-opacity));
8968
- --bgg-to: hsla(var(--dt-color-red-300-h) var(--dt-color-red-300-s) var(--dt-color-red-300-l) / 0%);
9053
+ --bgg-from: hsl(var(--dt-color-red-300-h) var(--dt-color-red-300-s) var(--dt-color-red-300-l) / var(--bgg-from-opacity));
9054
+ --bgg-to: hsl(var(--dt-color-red-300-h) var(--dt-color-red-300-s) var(--dt-color-red-300-l) / 0%);
8969
9055
  }
8970
9056
  .d-bgg-from-red-400, .h\:d-bgg-from-red-400:hover, .f\:d-bgg-from-red-400:focus, .f\:d-bgg-from-red-400:focus-within, .fv\:d-bgg-from-red-400:focus-visible {
8971
9057
  --bgg-from-opacity: 100%;
8972
- --bgg-from: hsla(var(--dt-color-red-400-h) var(--dt-color-red-400-s) var(--dt-color-red-400-l) / var(--bgg-from-opacity));
8973
- --bgg-to: hsla(var(--dt-color-red-400-h) var(--dt-color-red-400-s) var(--dt-color-red-400-l) / 0%);
9058
+ --bgg-from: hsl(var(--dt-color-red-400-h) var(--dt-color-red-400-s) var(--dt-color-red-400-l) / var(--bgg-from-opacity));
9059
+ --bgg-to: hsl(var(--dt-color-red-400-h) var(--dt-color-red-400-s) var(--dt-color-red-400-l) / 0%);
8974
9060
  }
8975
9061
  .d-bgg-from-red-500, .h\:d-bgg-from-red-500:hover, .f\:d-bgg-from-red-500:focus, .f\:d-bgg-from-red-500:focus-within, .fv\:d-bgg-from-red-500:focus-visible {
8976
9062
  --bgg-from-opacity: 100%;
8977
- --bgg-from: hsla(var(--dt-color-red-500-h) var(--dt-color-red-500-s) var(--dt-color-red-500-l) / var(--bgg-from-opacity));
8978
- --bgg-to: hsla(var(--dt-color-red-500-h) var(--dt-color-red-500-s) var(--dt-color-red-500-l) / 0%);
9063
+ --bgg-from: hsl(var(--dt-color-red-500-h) var(--dt-color-red-500-s) var(--dt-color-red-500-l) / var(--bgg-from-opacity));
9064
+ --bgg-to: hsl(var(--dt-color-red-500-h) var(--dt-color-red-500-s) var(--dt-color-red-500-l) / 0%);
8979
9065
  }
8980
9066
  .d-bgg-from-tan-100, .h\:d-bgg-from-tan-100:hover, .f\:d-bgg-from-tan-100:focus, .f\:d-bgg-from-tan-100:focus-within, .fv\:d-bgg-from-tan-100:focus-visible {
8981
9067
  --bgg-from-opacity: 100%;
8982
- --bgg-from: hsla(var(--dt-color-tan-100-h) var(--dt-color-tan-100-s) var(--dt-color-tan-100-l) / var(--bgg-from-opacity));
8983
- --bgg-to: hsla(var(--dt-color-tan-100-h) var(--dt-color-tan-100-s) var(--dt-color-tan-100-l) / 0%);
9068
+ --bgg-from: hsl(var(--dt-color-tan-100-h) var(--dt-color-tan-100-s) var(--dt-color-tan-100-l) / var(--bgg-from-opacity));
9069
+ --bgg-to: hsl(var(--dt-color-tan-100-h) var(--dt-color-tan-100-s) var(--dt-color-tan-100-l) / 0%);
8984
9070
  }
8985
9071
  .d-bgg-from-tan-200, .h\:d-bgg-from-tan-200:hover, .f\:d-bgg-from-tan-200:focus, .f\:d-bgg-from-tan-200:focus-within, .fv\:d-bgg-from-tan-200:focus-visible {
8986
9072
  --bgg-from-opacity: 100%;
8987
- --bgg-from: hsla(var(--dt-color-tan-200-h) var(--dt-color-tan-200-s) var(--dt-color-tan-200-l) / var(--bgg-from-opacity));
8988
- --bgg-to: hsla(var(--dt-color-tan-200-h) var(--dt-color-tan-200-s) var(--dt-color-tan-200-l) / 0%);
9073
+ --bgg-from: hsl(var(--dt-color-tan-200-h) var(--dt-color-tan-200-s) var(--dt-color-tan-200-l) / var(--bgg-from-opacity));
9074
+ --bgg-to: hsl(var(--dt-color-tan-200-h) var(--dt-color-tan-200-s) var(--dt-color-tan-200-l) / 0%);
8989
9075
  }
8990
9076
  .d-bgg-from-tan-300, .h\:d-bgg-from-tan-300:hover, .f\:d-bgg-from-tan-300:focus, .f\:d-bgg-from-tan-300:focus-within, .fv\:d-bgg-from-tan-300:focus-visible {
8991
9077
  --bgg-from-opacity: 100%;
8992
- --bgg-from: hsla(var(--dt-color-tan-300-h) var(--dt-color-tan-300-s) var(--dt-color-tan-300-l) / var(--bgg-from-opacity));
8993
- --bgg-to: hsla(var(--dt-color-tan-300-h) var(--dt-color-tan-300-s) var(--dt-color-tan-300-l) / 0%);
9078
+ --bgg-from: hsl(var(--dt-color-tan-300-h) var(--dt-color-tan-300-s) var(--dt-color-tan-300-l) / var(--bgg-from-opacity));
9079
+ --bgg-to: hsl(var(--dt-color-tan-300-h) var(--dt-color-tan-300-s) var(--dt-color-tan-300-l) / 0%);
8994
9080
  }
8995
9081
  .d-bgg-from-tan-400, .h\:d-bgg-from-tan-400:hover, .f\:d-bgg-from-tan-400:focus, .f\:d-bgg-from-tan-400:focus-within, .fv\:d-bgg-from-tan-400:focus-visible {
8996
9082
  --bgg-from-opacity: 100%;
8997
- --bgg-from: hsla(var(--dt-color-tan-400-h) var(--dt-color-tan-400-s) var(--dt-color-tan-400-l) / var(--bgg-from-opacity));
8998
- --bgg-to: hsla(var(--dt-color-tan-400-h) var(--dt-color-tan-400-s) var(--dt-color-tan-400-l) / 0%);
9083
+ --bgg-from: hsl(var(--dt-color-tan-400-h) var(--dt-color-tan-400-s) var(--dt-color-tan-400-l) / var(--bgg-from-opacity));
9084
+ --bgg-to: hsl(var(--dt-color-tan-400-h) var(--dt-color-tan-400-s) var(--dt-color-tan-400-l) / 0%);
8999
9085
  }
9000
9086
  .d-bgg-from-tan-500, .h\:d-bgg-from-tan-500:hover, .f\:d-bgg-from-tan-500:focus, .f\:d-bgg-from-tan-500:focus-within, .fv\:d-bgg-from-tan-500:focus-visible {
9001
9087
  --bgg-from-opacity: 100%;
9002
- --bgg-from: hsla(var(--dt-color-tan-500-h) var(--dt-color-tan-500-s) var(--dt-color-tan-500-l) / var(--bgg-from-opacity));
9003
- --bgg-to: hsla(var(--dt-color-tan-500-h) var(--dt-color-tan-500-s) var(--dt-color-tan-500-l) / 0%);
9088
+ --bgg-from: hsl(var(--dt-color-tan-500-h) var(--dt-color-tan-500-s) var(--dt-color-tan-500-l) / var(--bgg-from-opacity));
9089
+ --bgg-to: hsl(var(--dt-color-tan-500-h) var(--dt-color-tan-500-s) var(--dt-color-tan-500-l) / 0%);
9004
9090
  }
9005
9091
  .d-bgg-to-neutral-white, .h\:d-bgg-to-neutral-white:hover, .f\:d-bgg-to-neutral-white:focus, .f\:d-bgg-to-neutral-white:focus-within, .fv\:d-bgg-to-neutral-white:focus-visible {
9006
9092
  --bgg-to-opacity: 100%;
9007
- --bgg-to: hsla(var(--dt-color-neutral-white-h) var(--dt-color-neutral-white-s) var(--dt-color-neutral-white-l) / var(--bgg-to-opacity)) !important;
9093
+ --bgg-to: hsl(var(--dt-color-neutral-white-h) var(--dt-color-neutral-white-s) var(--dt-color-neutral-white-l) / var(--bgg-to-opacity)) !important;
9008
9094
  }
9009
9095
  .d-bgg-to-neutral-black, .h\:d-bgg-to-neutral-black:hover, .f\:d-bgg-to-neutral-black:focus, .f\:d-bgg-to-neutral-black:focus-within, .fv\:d-bgg-to-neutral-black:focus-visible {
9010
9096
  --bgg-to-opacity: 100%;
9011
- --bgg-to: hsla(var(--dt-color-neutral-black-h) var(--dt-color-neutral-black-s) var(--dt-color-neutral-black-l) / var(--bgg-to-opacity)) !important;
9097
+ --bgg-to: hsl(var(--dt-color-neutral-black-h) var(--dt-color-neutral-black-s) var(--dt-color-neutral-black-l) / var(--bgg-to-opacity)) !important;
9012
9098
  }
9013
9099
  .d-bgg-to-black-100, .h\:d-bgg-to-black-100:hover, .f\:d-bgg-to-black-100:focus, .f\:d-bgg-to-black-100:focus-within, .fv\:d-bgg-to-black-100:focus-visible {
9014
9100
  --bgg-to-opacity: 100%;
9015
- --bgg-to: hsla(var(--dt-color-black-100-h) var(--dt-color-black-100-s) var(--dt-color-black-100-l) / var(--bgg-to-opacity)) !important;
9101
+ --bgg-to: hsl(var(--dt-color-black-100-h) var(--dt-color-black-100-s) var(--dt-color-black-100-l) / var(--bgg-to-opacity)) !important;
9016
9102
  }
9017
9103
  .d-bgg-to-black-200, .h\:d-bgg-to-black-200:hover, .f\:d-bgg-to-black-200:focus, .f\:d-bgg-to-black-200:focus-within, .fv\:d-bgg-to-black-200:focus-visible {
9018
9104
  --bgg-to-opacity: 100%;
9019
- --bgg-to: hsla(var(--dt-color-black-200-h) var(--dt-color-black-200-s) var(--dt-color-black-200-l) / var(--bgg-to-opacity)) !important;
9105
+ --bgg-to: hsl(var(--dt-color-black-200-h) var(--dt-color-black-200-s) var(--dt-color-black-200-l) / var(--bgg-to-opacity)) !important;
9020
9106
  }
9021
9107
  .d-bgg-to-black-300, .h\:d-bgg-to-black-300:hover, .f\:d-bgg-to-black-300:focus, .f\:d-bgg-to-black-300:focus-within, .fv\:d-bgg-to-black-300:focus-visible {
9022
9108
  --bgg-to-opacity: 100%;
9023
- --bgg-to: hsla(var(--dt-color-black-300-h) var(--dt-color-black-300-s) var(--dt-color-black-300-l) / var(--bgg-to-opacity)) !important;
9109
+ --bgg-to: hsl(var(--dt-color-black-300-h) var(--dt-color-black-300-s) var(--dt-color-black-300-l) / var(--bgg-to-opacity)) !important;
9024
9110
  }
9025
9111
  .d-bgg-to-black-400, .h\:d-bgg-to-black-400:hover, .f\:d-bgg-to-black-400:focus, .f\:d-bgg-to-black-400:focus-within, .fv\:d-bgg-to-black-400:focus-visible {
9026
9112
  --bgg-to-opacity: 100%;
9027
- --bgg-to: hsla(var(--dt-color-black-400-h) var(--dt-color-black-400-s) var(--dt-color-black-400-l) / var(--bgg-to-opacity)) !important;
9113
+ --bgg-to: hsl(var(--dt-color-black-400-h) var(--dt-color-black-400-s) var(--dt-color-black-400-l) / var(--bgg-to-opacity)) !important;
9028
9114
  }
9029
9115
  .d-bgg-to-black-500, .h\:d-bgg-to-black-500:hover, .f\:d-bgg-to-black-500:focus, .f\:d-bgg-to-black-500:focus-within, .fv\:d-bgg-to-black-500:focus-visible {
9030
9116
  --bgg-to-opacity: 100%;
9031
- --bgg-to: hsla(var(--dt-color-black-500-h) var(--dt-color-black-500-s) var(--dt-color-black-500-l) / var(--bgg-to-opacity)) !important;
9117
+ --bgg-to: hsl(var(--dt-color-black-500-h) var(--dt-color-black-500-s) var(--dt-color-black-500-l) / var(--bgg-to-opacity)) !important;
9032
9118
  }
9033
9119
  .d-bgg-to-black-600, .h\:d-bgg-to-black-600:hover, .f\:d-bgg-to-black-600:focus, .f\:d-bgg-to-black-600:focus-within, .fv\:d-bgg-to-black-600:focus-visible {
9034
9120
  --bgg-to-opacity: 100%;
9035
- --bgg-to: hsla(var(--dt-color-black-600-h) var(--dt-color-black-600-s) var(--dt-color-black-600-l) / var(--bgg-to-opacity)) !important;
9121
+ --bgg-to: hsl(var(--dt-color-black-600-h) var(--dt-color-black-600-s) var(--dt-color-black-600-l) / var(--bgg-to-opacity)) !important;
9036
9122
  }
9037
9123
  .d-bgg-to-black-700, .h\:d-bgg-to-black-700:hover, .f\:d-bgg-to-black-700:focus, .f\:d-bgg-to-black-700:focus-within, .fv\:d-bgg-to-black-700:focus-visible {
9038
9124
  --bgg-to-opacity: 100%;
9039
- --bgg-to: hsla(var(--dt-color-black-700-h) var(--dt-color-black-700-s) var(--dt-color-black-700-l) / var(--bgg-to-opacity)) !important;
9125
+ --bgg-to: hsl(var(--dt-color-black-700-h) var(--dt-color-black-700-s) var(--dt-color-black-700-l) / var(--bgg-to-opacity)) !important;
9040
9126
  }
9041
9127
  .d-bgg-to-black-800, .h\:d-bgg-to-black-800:hover, .f\:d-bgg-to-black-800:focus, .f\:d-bgg-to-black-800:focus-within, .fv\:d-bgg-to-black-800:focus-visible {
9042
9128
  --bgg-to-opacity: 100%;
9043
- --bgg-to: hsla(var(--dt-color-black-800-h) var(--dt-color-black-800-s) var(--dt-color-black-800-l) / var(--bgg-to-opacity)) !important;
9129
+ --bgg-to: hsl(var(--dt-color-black-800-h) var(--dt-color-black-800-s) var(--dt-color-black-800-l) / var(--bgg-to-opacity)) !important;
9044
9130
  }
9045
9131
  .d-bgg-to-black-900, .h\:d-bgg-to-black-900:hover, .f\:d-bgg-to-black-900:focus, .f\:d-bgg-to-black-900:focus-within, .fv\:d-bgg-to-black-900:focus-visible {
9046
9132
  --bgg-to-opacity: 100%;
9047
- --bgg-to: hsla(var(--dt-color-black-900-h) var(--dt-color-black-900-s) var(--dt-color-black-900-l) / var(--bgg-to-opacity)) !important;
9133
+ --bgg-to: hsl(var(--dt-color-black-900-h) var(--dt-color-black-900-s) var(--dt-color-black-900-l) / var(--bgg-to-opacity)) !important;
9048
9134
  }
9049
9135
  .d-bgg-to-purple-100, .h\:d-bgg-to-purple-100:hover, .f\:d-bgg-to-purple-100:focus, .f\:d-bgg-to-purple-100:focus-within, .fv\:d-bgg-to-purple-100:focus-visible {
9050
9136
  --bgg-to-opacity: 100%;
9051
- --bgg-to: hsla(var(--dt-color-purple-100-h) var(--dt-color-purple-100-s) var(--dt-color-purple-100-l) / var(--bgg-to-opacity)) !important;
9137
+ --bgg-to: hsl(var(--dt-color-purple-100-h) var(--dt-color-purple-100-s) var(--dt-color-purple-100-l) / var(--bgg-to-opacity)) !important;
9052
9138
  }
9053
9139
  .d-bgg-to-purple-200, .h\:d-bgg-to-purple-200:hover, .f\:d-bgg-to-purple-200:focus, .f\:d-bgg-to-purple-200:focus-within, .fv\:d-bgg-to-purple-200:focus-visible {
9054
9140
  --bgg-to-opacity: 100%;
9055
- --bgg-to: hsla(var(--dt-color-purple-200-h) var(--dt-color-purple-200-s) var(--dt-color-purple-200-l) / var(--bgg-to-opacity)) !important;
9141
+ --bgg-to: hsl(var(--dt-color-purple-200-h) var(--dt-color-purple-200-s) var(--dt-color-purple-200-l) / var(--bgg-to-opacity)) !important;
9056
9142
  }
9057
9143
  .d-bgg-to-purple-300, .h\:d-bgg-to-purple-300:hover, .f\:d-bgg-to-purple-300:focus, .f\:d-bgg-to-purple-300:focus-within, .fv\:d-bgg-to-purple-300:focus-visible {
9058
9144
  --bgg-to-opacity: 100%;
9059
- --bgg-to: hsla(var(--dt-color-purple-300-h) var(--dt-color-purple-300-s) var(--dt-color-purple-300-l) / var(--bgg-to-opacity)) !important;
9145
+ --bgg-to: hsl(var(--dt-color-purple-300-h) var(--dt-color-purple-300-s) var(--dt-color-purple-300-l) / var(--bgg-to-opacity)) !important;
9060
9146
  }
9061
9147
  .d-bgg-to-purple-400, .h\:d-bgg-to-purple-400:hover, .f\:d-bgg-to-purple-400:focus, .f\:d-bgg-to-purple-400:focus-within, .fv\:d-bgg-to-purple-400:focus-visible {
9062
9148
  --bgg-to-opacity: 100%;
9063
- --bgg-to: hsla(var(--dt-color-purple-400-h) var(--dt-color-purple-400-s) var(--dt-color-purple-400-l) / var(--bgg-to-opacity)) !important;
9149
+ --bgg-to: hsl(var(--dt-color-purple-400-h) var(--dt-color-purple-400-s) var(--dt-color-purple-400-l) / var(--bgg-to-opacity)) !important;
9064
9150
  }
9065
9151
  .d-bgg-to-purple-500, .h\:d-bgg-to-purple-500:hover, .f\:d-bgg-to-purple-500:focus, .f\:d-bgg-to-purple-500:focus-within, .fv\:d-bgg-to-purple-500:focus-visible {
9066
9152
  --bgg-to-opacity: 100%;
9067
- --bgg-to: hsla(var(--dt-color-purple-500-h) var(--dt-color-purple-500-s) var(--dt-color-purple-500-l) / var(--bgg-to-opacity)) !important;
9153
+ --bgg-to: hsl(var(--dt-color-purple-500-h) var(--dt-color-purple-500-s) var(--dt-color-purple-500-l) / var(--bgg-to-opacity)) !important;
9068
9154
  }
9069
9155
  .d-bgg-to-purple-600, .h\:d-bgg-to-purple-600:hover, .f\:d-bgg-to-purple-600:focus, .f\:d-bgg-to-purple-600:focus-within, .fv\:d-bgg-to-purple-600:focus-visible {
9070
9156
  --bgg-to-opacity: 100%;
9071
- --bgg-to: hsla(var(--dt-color-purple-600-h) var(--dt-color-purple-600-s) var(--dt-color-purple-600-l) / var(--bgg-to-opacity)) !important;
9157
+ --bgg-to: hsl(var(--dt-color-purple-600-h) var(--dt-color-purple-600-s) var(--dt-color-purple-600-l) / var(--bgg-to-opacity)) !important;
9072
9158
  }
9073
9159
  .d-bgg-to-blue-100, .h\:d-bgg-to-blue-100:hover, .f\:d-bgg-to-blue-100:focus, .f\:d-bgg-to-blue-100:focus-within, .fv\:d-bgg-to-blue-100:focus-visible {
9074
9160
  --bgg-to-opacity: 100%;
9075
- --bgg-to: hsla(var(--dt-color-blue-100-h) var(--dt-color-blue-100-s) var(--dt-color-blue-100-l) / var(--bgg-to-opacity)) !important;
9161
+ --bgg-to: hsl(var(--dt-color-blue-100-h) var(--dt-color-blue-100-s) var(--dt-color-blue-100-l) / var(--bgg-to-opacity)) !important;
9076
9162
  }
9077
9163
  .d-bgg-to-blue-200, .h\:d-bgg-to-blue-200:hover, .f\:d-bgg-to-blue-200:focus, .f\:d-bgg-to-blue-200:focus-within, .fv\:d-bgg-to-blue-200:focus-visible {
9078
9164
  --bgg-to-opacity: 100%;
9079
- --bgg-to: hsla(var(--dt-color-blue-200-h) var(--dt-color-blue-200-s) var(--dt-color-blue-200-l) / var(--bgg-to-opacity)) !important;
9165
+ --bgg-to: hsl(var(--dt-color-blue-200-h) var(--dt-color-blue-200-s) var(--dt-color-blue-200-l) / var(--bgg-to-opacity)) !important;
9080
9166
  }
9081
9167
  .d-bgg-to-blue-300, .h\:d-bgg-to-blue-300:hover, .f\:d-bgg-to-blue-300:focus, .f\:d-bgg-to-blue-300:focus-within, .fv\:d-bgg-to-blue-300:focus-visible {
9082
9168
  --bgg-to-opacity: 100%;
9083
- --bgg-to: hsla(var(--dt-color-blue-300-h) var(--dt-color-blue-300-s) var(--dt-color-blue-300-l) / var(--bgg-to-opacity)) !important;
9169
+ --bgg-to: hsl(var(--dt-color-blue-300-h) var(--dt-color-blue-300-s) var(--dt-color-blue-300-l) / var(--bgg-to-opacity)) !important;
9084
9170
  }
9085
9171
  .d-bgg-to-blue-400, .h\:d-bgg-to-blue-400:hover, .f\:d-bgg-to-blue-400:focus, .f\:d-bgg-to-blue-400:focus-within, .fv\:d-bgg-to-blue-400:focus-visible {
9086
9172
  --bgg-to-opacity: 100%;
9087
- --bgg-to: hsla(var(--dt-color-blue-400-h) var(--dt-color-blue-400-s) var(--dt-color-blue-400-l) / var(--bgg-to-opacity)) !important;
9173
+ --bgg-to: hsl(var(--dt-color-blue-400-h) var(--dt-color-blue-400-s) var(--dt-color-blue-400-l) / var(--bgg-to-opacity)) !important;
9088
9174
  }
9089
9175
  .d-bgg-to-blue-500, .h\:d-bgg-to-blue-500:hover, .f\:d-bgg-to-blue-500:focus, .f\:d-bgg-to-blue-500:focus-within, .fv\:d-bgg-to-blue-500:focus-visible {
9090
9176
  --bgg-to-opacity: 100%;
9091
- --bgg-to: hsla(var(--dt-color-blue-500-h) var(--dt-color-blue-500-s) var(--dt-color-blue-500-l) / var(--bgg-to-opacity)) !important;
9177
+ --bgg-to: hsl(var(--dt-color-blue-500-h) var(--dt-color-blue-500-s) var(--dt-color-blue-500-l) / var(--bgg-to-opacity)) !important;
9092
9178
  }
9093
9179
  .d-bgg-to-magenta-100, .h\:d-bgg-to-magenta-100:hover, .f\:d-bgg-to-magenta-100:focus, .f\:d-bgg-to-magenta-100:focus-within, .fv\:d-bgg-to-magenta-100:focus-visible {
9094
9180
  --bgg-to-opacity: 100%;
9095
- --bgg-to: hsla(var(--dt-color-magenta-100-h) var(--dt-color-magenta-100-s) var(--dt-color-magenta-100-l) / var(--bgg-to-opacity)) !important;
9181
+ --bgg-to: hsl(var(--dt-color-magenta-100-h) var(--dt-color-magenta-100-s) var(--dt-color-magenta-100-l) / var(--bgg-to-opacity)) !important;
9096
9182
  }
9097
9183
  .d-bgg-to-magenta-200, .h\:d-bgg-to-magenta-200:hover, .f\:d-bgg-to-magenta-200:focus, .f\:d-bgg-to-magenta-200:focus-within, .fv\:d-bgg-to-magenta-200:focus-visible {
9098
9184
  --bgg-to-opacity: 100%;
9099
- --bgg-to: hsla(var(--dt-color-magenta-200-h) var(--dt-color-magenta-200-s) var(--dt-color-magenta-200-l) / var(--bgg-to-opacity)) !important;
9185
+ --bgg-to: hsl(var(--dt-color-magenta-200-h) var(--dt-color-magenta-200-s) var(--dt-color-magenta-200-l) / var(--bgg-to-opacity)) !important;
9100
9186
  }
9101
9187
  .d-bgg-to-magenta-300, .h\:d-bgg-to-magenta-300:hover, .f\:d-bgg-to-magenta-300:focus, .f\:d-bgg-to-magenta-300:focus-within, .fv\:d-bgg-to-magenta-300:focus-visible {
9102
9188
  --bgg-to-opacity: 100%;
9103
- --bgg-to: hsla(var(--dt-color-magenta-300-h) var(--dt-color-magenta-300-s) var(--dt-color-magenta-300-l) / var(--bgg-to-opacity)) !important;
9189
+ --bgg-to: hsl(var(--dt-color-magenta-300-h) var(--dt-color-magenta-300-s) var(--dt-color-magenta-300-l) / var(--bgg-to-opacity)) !important;
9104
9190
  }
9105
9191
  .d-bgg-to-magenta-400, .h\:d-bgg-to-magenta-400:hover, .f\:d-bgg-to-magenta-400:focus, .f\:d-bgg-to-magenta-400:focus-within, .fv\:d-bgg-to-magenta-400:focus-visible {
9106
9192
  --bgg-to-opacity: 100%;
9107
- --bgg-to: hsla(var(--dt-color-magenta-400-h) var(--dt-color-magenta-400-s) var(--dt-color-magenta-400-l) / var(--bgg-to-opacity)) !important;
9193
+ --bgg-to: hsl(var(--dt-color-magenta-400-h) var(--dt-color-magenta-400-s) var(--dt-color-magenta-400-l) / var(--bgg-to-opacity)) !important;
9108
9194
  }
9109
9195
  .d-bgg-to-magenta-500, .h\:d-bgg-to-magenta-500:hover, .f\:d-bgg-to-magenta-500:focus, .f\:d-bgg-to-magenta-500:focus-within, .fv\:d-bgg-to-magenta-500:focus-visible {
9110
9196
  --bgg-to-opacity: 100%;
9111
- --bgg-to: hsla(var(--dt-color-magenta-500-h) var(--dt-color-magenta-500-s) var(--dt-color-magenta-500-l) / var(--bgg-to-opacity)) !important;
9197
+ --bgg-to: hsl(var(--dt-color-magenta-500-h) var(--dt-color-magenta-500-s) var(--dt-color-magenta-500-l) / var(--bgg-to-opacity)) !important;
9112
9198
  }
9113
9199
  .d-bgg-to-gold-100, .h\:d-bgg-to-gold-100:hover, .f\:d-bgg-to-gold-100:focus, .f\:d-bgg-to-gold-100:focus-within, .fv\:d-bgg-to-gold-100:focus-visible {
9114
9200
  --bgg-to-opacity: 100%;
9115
- --bgg-to: hsla(var(--dt-color-gold-100-h) var(--dt-color-gold-100-s) var(--dt-color-gold-100-l) / var(--bgg-to-opacity)) !important;
9201
+ --bgg-to: hsl(var(--dt-color-gold-100-h) var(--dt-color-gold-100-s) var(--dt-color-gold-100-l) / var(--bgg-to-opacity)) !important;
9116
9202
  }
9117
9203
  .d-bgg-to-gold-200, .h\:d-bgg-to-gold-200:hover, .f\:d-bgg-to-gold-200:focus, .f\:d-bgg-to-gold-200:focus-within, .fv\:d-bgg-to-gold-200:focus-visible {
9118
9204
  --bgg-to-opacity: 100%;
9119
- --bgg-to: hsla(var(--dt-color-gold-200-h) var(--dt-color-gold-200-s) var(--dt-color-gold-200-l) / var(--bgg-to-opacity)) !important;
9205
+ --bgg-to: hsl(var(--dt-color-gold-200-h) var(--dt-color-gold-200-s) var(--dt-color-gold-200-l) / var(--bgg-to-opacity)) !important;
9120
9206
  }
9121
9207
  .d-bgg-to-gold-300, .h\:d-bgg-to-gold-300:hover, .f\:d-bgg-to-gold-300:focus, .f\:d-bgg-to-gold-300:focus-within, .fv\:d-bgg-to-gold-300:focus-visible {
9122
9208
  --bgg-to-opacity: 100%;
9123
- --bgg-to: hsla(var(--dt-color-gold-300-h) var(--dt-color-gold-300-s) var(--dt-color-gold-300-l) / var(--bgg-to-opacity)) !important;
9209
+ --bgg-to: hsl(var(--dt-color-gold-300-h) var(--dt-color-gold-300-s) var(--dt-color-gold-300-l) / var(--bgg-to-opacity)) !important;
9124
9210
  }
9125
9211
  .d-bgg-to-gold-400, .h\:d-bgg-to-gold-400:hover, .f\:d-bgg-to-gold-400:focus, .f\:d-bgg-to-gold-400:focus-within, .fv\:d-bgg-to-gold-400:focus-visible {
9126
9212
  --bgg-to-opacity: 100%;
9127
- --bgg-to: hsla(var(--dt-color-gold-400-h) var(--dt-color-gold-400-s) var(--dt-color-gold-400-l) / var(--bgg-to-opacity)) !important;
9213
+ --bgg-to: hsl(var(--dt-color-gold-400-h) var(--dt-color-gold-400-s) var(--dt-color-gold-400-l) / var(--bgg-to-opacity)) !important;
9128
9214
  }
9129
9215
  .d-bgg-to-gold-500, .h\:d-bgg-to-gold-500:hover, .f\:d-bgg-to-gold-500:focus, .f\:d-bgg-to-gold-500:focus-within, .fv\:d-bgg-to-gold-500:focus-visible {
9130
9216
  --bgg-to-opacity: 100%;
9131
- --bgg-to: hsla(var(--dt-color-gold-500-h) var(--dt-color-gold-500-s) var(--dt-color-gold-500-l) / var(--bgg-to-opacity)) !important;
9217
+ --bgg-to: hsl(var(--dt-color-gold-500-h) var(--dt-color-gold-500-s) var(--dt-color-gold-500-l) / var(--bgg-to-opacity)) !important;
9132
9218
  }
9133
9219
  .d-bgg-to-green-100, .h\:d-bgg-to-green-100:hover, .f\:d-bgg-to-green-100:focus, .f\:d-bgg-to-green-100:focus-within, .fv\:d-bgg-to-green-100:focus-visible {
9134
9220
  --bgg-to-opacity: 100%;
9135
- --bgg-to: hsla(var(--dt-color-green-100-h) var(--dt-color-green-100-s) var(--dt-color-green-100-l) / var(--bgg-to-opacity)) !important;
9221
+ --bgg-to: hsl(var(--dt-color-green-100-h) var(--dt-color-green-100-s) var(--dt-color-green-100-l) / var(--bgg-to-opacity)) !important;
9136
9222
  }
9137
9223
  .d-bgg-to-green-200, .h\:d-bgg-to-green-200:hover, .f\:d-bgg-to-green-200:focus, .f\:d-bgg-to-green-200:focus-within, .fv\:d-bgg-to-green-200:focus-visible {
9138
9224
  --bgg-to-opacity: 100%;
9139
- --bgg-to: hsla(var(--dt-color-green-200-h) var(--dt-color-green-200-s) var(--dt-color-green-200-l) / var(--bgg-to-opacity)) !important;
9225
+ --bgg-to: hsl(var(--dt-color-green-200-h) var(--dt-color-green-200-s) var(--dt-color-green-200-l) / var(--bgg-to-opacity)) !important;
9140
9226
  }
9141
9227
  .d-bgg-to-green-300, .h\:d-bgg-to-green-300:hover, .f\:d-bgg-to-green-300:focus, .f\:d-bgg-to-green-300:focus-within, .fv\:d-bgg-to-green-300:focus-visible {
9142
9228
  --bgg-to-opacity: 100%;
9143
- --bgg-to: hsla(var(--dt-color-green-300-h) var(--dt-color-green-300-s) var(--dt-color-green-300-l) / var(--bgg-to-opacity)) !important;
9229
+ --bgg-to: hsl(var(--dt-color-green-300-h) var(--dt-color-green-300-s) var(--dt-color-green-300-l) / var(--bgg-to-opacity)) !important;
9144
9230
  }
9145
9231
  .d-bgg-to-green-400, .h\:d-bgg-to-green-400:hover, .f\:d-bgg-to-green-400:focus, .f\:d-bgg-to-green-400:focus-within, .fv\:d-bgg-to-green-400:focus-visible {
9146
9232
  --bgg-to-opacity: 100%;
9147
- --bgg-to: hsla(var(--dt-color-green-400-h) var(--dt-color-green-400-s) var(--dt-color-green-400-l) / var(--bgg-to-opacity)) !important;
9233
+ --bgg-to: hsl(var(--dt-color-green-400-h) var(--dt-color-green-400-s) var(--dt-color-green-400-l) / var(--bgg-to-opacity)) !important;
9148
9234
  }
9149
9235
  .d-bgg-to-green-500, .h\:d-bgg-to-green-500:hover, .f\:d-bgg-to-green-500:focus, .f\:d-bgg-to-green-500:focus-within, .fv\:d-bgg-to-green-500:focus-visible {
9150
9236
  --bgg-to-opacity: 100%;
9151
- --bgg-to: hsla(var(--dt-color-green-500-h) var(--dt-color-green-500-s) var(--dt-color-green-500-l) / var(--bgg-to-opacity)) !important;
9237
+ --bgg-to: hsl(var(--dt-color-green-500-h) var(--dt-color-green-500-s) var(--dt-color-green-500-l) / var(--bgg-to-opacity)) !important;
9152
9238
  }
9153
9239
  .d-bgg-to-red-100, .h\:d-bgg-to-red-100:hover, .f\:d-bgg-to-red-100:focus, .f\:d-bgg-to-red-100:focus-within, .fv\:d-bgg-to-red-100:focus-visible {
9154
9240
  --bgg-to-opacity: 100%;
9155
- --bgg-to: hsla(var(--dt-color-red-100-h) var(--dt-color-red-100-s) var(--dt-color-red-100-l) / var(--bgg-to-opacity)) !important;
9241
+ --bgg-to: hsl(var(--dt-color-red-100-h) var(--dt-color-red-100-s) var(--dt-color-red-100-l) / var(--bgg-to-opacity)) !important;
9156
9242
  }
9157
9243
  .d-bgg-to-red-200, .h\:d-bgg-to-red-200:hover, .f\:d-bgg-to-red-200:focus, .f\:d-bgg-to-red-200:focus-within, .fv\:d-bgg-to-red-200:focus-visible {
9158
9244
  --bgg-to-opacity: 100%;
9159
- --bgg-to: hsla(var(--dt-color-red-200-h) var(--dt-color-red-200-s) var(--dt-color-red-200-l) / var(--bgg-to-opacity)) !important;
9245
+ --bgg-to: hsl(var(--dt-color-red-200-h) var(--dt-color-red-200-s) var(--dt-color-red-200-l) / var(--bgg-to-opacity)) !important;
9160
9246
  }
9161
9247
  .d-bgg-to-red-300, .h\:d-bgg-to-red-300:hover, .f\:d-bgg-to-red-300:focus, .f\:d-bgg-to-red-300:focus-within, .fv\:d-bgg-to-red-300:focus-visible {
9162
9248
  --bgg-to-opacity: 100%;
9163
- --bgg-to: hsla(var(--dt-color-red-300-h) var(--dt-color-red-300-s) var(--dt-color-red-300-l) / var(--bgg-to-opacity)) !important;
9249
+ --bgg-to: hsl(var(--dt-color-red-300-h) var(--dt-color-red-300-s) var(--dt-color-red-300-l) / var(--bgg-to-opacity)) !important;
9164
9250
  }
9165
9251
  .d-bgg-to-red-400, .h\:d-bgg-to-red-400:hover, .f\:d-bgg-to-red-400:focus, .f\:d-bgg-to-red-400:focus-within, .fv\:d-bgg-to-red-400:focus-visible {
9166
9252
  --bgg-to-opacity: 100%;
9167
- --bgg-to: hsla(var(--dt-color-red-400-h) var(--dt-color-red-400-s) var(--dt-color-red-400-l) / var(--bgg-to-opacity)) !important;
9253
+ --bgg-to: hsl(var(--dt-color-red-400-h) var(--dt-color-red-400-s) var(--dt-color-red-400-l) / var(--bgg-to-opacity)) !important;
9168
9254
  }
9169
9255
  .d-bgg-to-red-500, .h\:d-bgg-to-red-500:hover, .f\:d-bgg-to-red-500:focus, .f\:d-bgg-to-red-500:focus-within, .fv\:d-bgg-to-red-500:focus-visible {
9170
9256
  --bgg-to-opacity: 100%;
9171
- --bgg-to: hsla(var(--dt-color-red-500-h) var(--dt-color-red-500-s) var(--dt-color-red-500-l) / var(--bgg-to-opacity)) !important;
9257
+ --bgg-to: hsl(var(--dt-color-red-500-h) var(--dt-color-red-500-s) var(--dt-color-red-500-l) / var(--bgg-to-opacity)) !important;
9172
9258
  }
9173
9259
  .d-bgg-to-tan-100, .h\:d-bgg-to-tan-100:hover, .f\:d-bgg-to-tan-100:focus, .f\:d-bgg-to-tan-100:focus-within, .fv\:d-bgg-to-tan-100:focus-visible {
9174
9260
  --bgg-to-opacity: 100%;
9175
- --bgg-to: hsla(var(--dt-color-tan-100-h) var(--dt-color-tan-100-s) var(--dt-color-tan-100-l) / var(--bgg-to-opacity)) !important;
9261
+ --bgg-to: hsl(var(--dt-color-tan-100-h) var(--dt-color-tan-100-s) var(--dt-color-tan-100-l) / var(--bgg-to-opacity)) !important;
9176
9262
  }
9177
9263
  .d-bgg-to-tan-200, .h\:d-bgg-to-tan-200:hover, .f\:d-bgg-to-tan-200:focus, .f\:d-bgg-to-tan-200:focus-within, .fv\:d-bgg-to-tan-200:focus-visible {
9178
9264
  --bgg-to-opacity: 100%;
9179
- --bgg-to: hsla(var(--dt-color-tan-200-h) var(--dt-color-tan-200-s) var(--dt-color-tan-200-l) / var(--bgg-to-opacity)) !important;
9265
+ --bgg-to: hsl(var(--dt-color-tan-200-h) var(--dt-color-tan-200-s) var(--dt-color-tan-200-l) / var(--bgg-to-opacity)) !important;
9180
9266
  }
9181
9267
  .d-bgg-to-tan-300, .h\:d-bgg-to-tan-300:hover, .f\:d-bgg-to-tan-300:focus, .f\:d-bgg-to-tan-300:focus-within, .fv\:d-bgg-to-tan-300:focus-visible {
9182
9268
  --bgg-to-opacity: 100%;
9183
- --bgg-to: hsla(var(--dt-color-tan-300-h) var(--dt-color-tan-300-s) var(--dt-color-tan-300-l) / var(--bgg-to-opacity)) !important;
9269
+ --bgg-to: hsl(var(--dt-color-tan-300-h) var(--dt-color-tan-300-s) var(--dt-color-tan-300-l) / var(--bgg-to-opacity)) !important;
9184
9270
  }
9185
9271
  .d-bgg-to-tan-400, .h\:d-bgg-to-tan-400:hover, .f\:d-bgg-to-tan-400:focus, .f\:d-bgg-to-tan-400:focus-within, .fv\:d-bgg-to-tan-400:focus-visible {
9186
9272
  --bgg-to-opacity: 100%;
9187
- --bgg-to: hsla(var(--dt-color-tan-400-h) var(--dt-color-tan-400-s) var(--dt-color-tan-400-l) / var(--bgg-to-opacity)) !important;
9273
+ --bgg-to: hsl(var(--dt-color-tan-400-h) var(--dt-color-tan-400-s) var(--dt-color-tan-400-l) / var(--bgg-to-opacity)) !important;
9188
9274
  }
9189
9275
  .d-bgg-to-tan-500, .h\:d-bgg-to-tan-500:hover, .f\:d-bgg-to-tan-500:focus, .f\:d-bgg-to-tan-500:focus-within, .fv\:d-bgg-to-tan-500:focus-visible {
9190
9276
  --bgg-to-opacity: 100%;
9191
- --bgg-to: hsla(var(--dt-color-tan-500-h) var(--dt-color-tan-500-s) var(--dt-color-tan-500-l) / var(--bgg-to-opacity)) !important;
9277
+ --bgg-to: hsl(var(--dt-color-tan-500-h) var(--dt-color-tan-500-s) var(--dt-color-tan-500-l) / var(--bgg-to-opacity)) !important;
9192
9278
  }
9193
9279
  .d-fco100, .h\:d-fco100:hover, .f\:d-fco100:focus, .f\:d-fco100:focus-within, .fv\:d-fco100:focus-visible {
9194
9280
  --fco: 100% !important;