@dialpad/dialtone 9.100.0 → 9.101.0-rebrand-2025-beta.1

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 (98) hide show
  1. package/dist/css/dialtone-default-theme.css +5083 -1374
  2. package/dist/css/dialtone-default-theme.min.css +1 -1
  3. package/dist/css/dialtone-docs.json +1 -1
  4. package/dist/css/dialtone.css +1365 -133
  5. package/dist/css/dialtone.min.css +1 -1
  6. package/dist/css/tokens/tokens-base-dark.css +453 -138
  7. package/dist/css/tokens/tokens-base-deca-dark.css +397 -292
  8. package/dist/css/tokens/tokens-base-deca-light.css +356 -251
  9. package/dist/css/tokens/tokens-base-light.css +419 -104
  10. package/dist/css/tokens/tokens-debug-base.css +317 -2
  11. package/dist/css/tokens/tokens-debug-dp.css +1000 -664
  12. package/dist/css/tokens/tokens-deca-dark.css +1227 -926
  13. package/dist/css/tokens/tokens-deca-light.css +1195 -894
  14. package/dist/css/tokens/tokens-dp-dark.css +1246 -910
  15. package/dist/css/tokens/tokens-dp-light.css +1307 -971
  16. package/dist/css/tokens/tokens-expressive-dark.css +1247 -911
  17. package/dist/css/tokens/tokens-expressive-light.css +1304 -968
  18. package/dist/css/tokens/tokens-expressive-sm-dark.css +1247 -911
  19. package/dist/css/tokens/tokens-expressive-sm-light.css +1304 -968
  20. package/dist/css/tokens/tokens-tmo-dark.css +1232 -896
  21. package/dist/css/tokens/tokens-tmo-light.css +1259 -923
  22. package/dist/css/tokens-docs.json +1 -1
  23. package/dist/tokens/css/tokens-base-dark.css +453 -138
  24. package/dist/tokens/css/tokens-base-deca-dark.css +397 -292
  25. package/dist/tokens/css/tokens-base-deca-light.css +356 -251
  26. package/dist/tokens/css/tokens-base-light.css +419 -104
  27. package/dist/tokens/css/tokens-debug-base.css +317 -2
  28. package/dist/tokens/css/tokens-debug-dp.css +1000 -664
  29. package/dist/tokens/css/tokens-deca-dark.css +1227 -926
  30. package/dist/tokens/css/tokens-deca-light.css +1195 -894
  31. package/dist/tokens/css/tokens-dp-dark.css +1246 -910
  32. package/dist/tokens/css/tokens-dp-light.css +1307 -971
  33. package/dist/tokens/css/tokens-expressive-dark.css +1247 -911
  34. package/dist/tokens/css/tokens-expressive-light.css +1304 -968
  35. package/dist/tokens/css/tokens-expressive-sm-dark.css +1247 -911
  36. package/dist/tokens/css/tokens-expressive-sm-light.css +1304 -968
  37. package/dist/tokens/css/tokens-tmo-dark.css +1232 -896
  38. package/dist/tokens/css/tokens-tmo-light.css +1259 -923
  39. package/dist/tokens/doc.json +101427 -78452
  40. package/dist/tokens/less/tokens-base-dark.less +85 -40
  41. package/dist/tokens/less/tokens-base-deca-dark.less +82 -67
  42. package/dist/tokens/less/tokens-base-deca-light.less +70 -55
  43. package/dist/tokens/less/tokens-base-light.less +75 -30
  44. package/dist/tokens/less/tokens-deca-dark.less +194 -151
  45. package/dist/tokens/less/tokens-deca-light.less +161 -118
  46. package/dist/tokens/less/tokens-dp-dark.less +232 -184
  47. package/dist/tokens/less/tokens-dp-light.less +231 -183
  48. package/dist/tokens/less/tokens-expressive-dark.less +226 -178
  49. package/dist/tokens/less/tokens-expressive-light.less +225 -177
  50. package/dist/tokens/less/tokens-expressive-sm-dark.less +226 -178
  51. package/dist/tokens/less/tokens-expressive-sm-light.less +225 -177
  52. package/dist/tokens/less/tokens-tmo-dark.less +230 -182
  53. package/dist/tokens/less/tokens-tmo-light.less +214 -166
  54. package/dist/tokens/themes/chunks/tokens-base-dark-BOzMety-.js +4 -0
  55. package/dist/tokens/themes/chunks/tokens-base-dark-DQw_GZ7j.js +1 -0
  56. package/dist/tokens/themes/chunks/tokens-base-light-BHyHG_ZV.js +4 -0
  57. package/dist/tokens/themes/chunks/tokens-base-light-DMUiSUFR.js +1 -0
  58. package/dist/tokens/themes/debug.cjs +1 -1
  59. package/dist/tokens/themes/debug.js +1 -1
  60. package/dist/tokens/themes/dp-dark.cjs +1 -1
  61. package/dist/tokens/themes/dp-dark.js +2 -2
  62. package/dist/tokens/themes/dp-deca-dark.cjs +1 -1
  63. package/dist/tokens/themes/dp-deca-dark.js +1 -1
  64. package/dist/tokens/themes/dp-deca-light.cjs +1 -1
  65. package/dist/tokens/themes/dp-deca-light.js +2 -2
  66. package/dist/tokens/themes/dp-light.cjs +1 -1
  67. package/dist/tokens/themes/dp-light.js +2 -2
  68. package/dist/tokens/themes/expressive-dark.cjs +1 -1
  69. package/dist/tokens/themes/expressive-dark.js +3 -3
  70. package/dist/tokens/themes/expressive-light.cjs +1 -1
  71. package/dist/tokens/themes/expressive-light.js +3 -3
  72. package/dist/tokens/themes/expressive-sm-dark.cjs +1 -1
  73. package/dist/tokens/themes/expressive-sm-dark.js +3 -3
  74. package/dist/tokens/themes/expressive-sm-light.cjs +1 -1
  75. package/dist/tokens/themes/expressive-sm-light.js +3 -3
  76. package/dist/tokens/themes/tmo-dark.cjs +1 -1
  77. package/dist/tokens/themes/tmo-dark.js +2 -2
  78. package/dist/tokens/themes/tmo-light.cjs +1 -1
  79. package/dist/tokens/themes/tmo-light.js +2 -2
  80. package/dist/tokens/tokens-base-dark.json +85 -40
  81. package/dist/tokens/tokens-base-deca-dark.json +80 -65
  82. package/dist/tokens/tokens-base-deca-light.json +68 -53
  83. package/dist/tokens/tokens-base-light.json +75 -30
  84. package/dist/tokens/tokens-deca-dark.json +190 -147
  85. package/dist/tokens/tokens-deca-light.json +151 -108
  86. package/dist/tokens/tokens-dp-dark.json +219 -171
  87. package/dist/tokens/tokens-dp-light.json +230 -182
  88. package/dist/tokens/tokens-expressive-dark.json +213 -165
  89. package/dist/tokens/tokens-expressive-light.json +224 -176
  90. package/dist/tokens/tokens-expressive-sm-dark.json +213 -165
  91. package/dist/tokens/tokens-expressive-sm-light.json +224 -176
  92. package/dist/tokens/tokens-tmo-dark.json +217 -169
  93. package/dist/tokens/tokens-tmo-light.json +207 -159
  94. package/package.json +1 -1
  95. package/dist/tokens/themes/chunks/tokens-base-dark-BnTEKGxK.js +0 -4
  96. package/dist/tokens/themes/chunks/tokens-base-dark-Ch4dTh7V.js +0 -1
  97. package/dist/tokens/themes/chunks/tokens-base-light-BLxKOiup.js +0 -4
  98. package/dist/tokens/themes/chunks/tokens-base-light-DWLxg2cD.js +0 -1
package/dist/css/dialtone.css CHANGED
@@ -9443,6 +9443,10 @@ body {
9443
9443
  --fco: var(--dt-color-neutral-black-a);
9444
9444
  color: hsl(var(--dt-color-neutral-black-h) var(--dt-color-neutral-black-s) var(--dt-color-neutral-black-l) / var(--fco)) !important;
9445
9445
  }
9446
+ .d-fc-black50, .h\:d-fc-black50:hover, .f\:d-fc-black50:focus, .f\:d-fc-black50:focus-within, .fv\:d-fc-black50:focus-visible {
9447
+ --fco: var(--dt-color-black50-a);
9448
+ color: hsl(var(--dt-color-black50-h) var(--dt-color-black50-s) var(--dt-color-black50-l) / var(--fco)) !important;
9449
+ }
9446
9450
  .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 {
9447
9451
  --fco: var(--dt-color-black-100-a);
9448
9452
  color: hsl(var(--dt-color-black-100-h) var(--dt-color-black-100-s) var(--dt-color-black-100-l) / var(--fco)) !important;
@@ -9479,6 +9483,18 @@ body {
9479
9483
  --fco: var(--dt-color-black-900-a);
9480
9484
  color: hsl(var(--dt-color-black-900-h) var(--dt-color-black-900-s) var(--dt-color-black-900-l) / var(--fco)) !important;
9481
9485
  }
9486
+ .d-fc-black-950, .h\:d-fc-black-950:hover, .f\:d-fc-black-950:focus, .f\:d-fc-black-950:focus-within, .fv\:d-fc-black-950:focus-visible {
9487
+ --fco: var(--dt-color-black-950-a);
9488
+ color: hsl(var(--dt-color-black-950-h) var(--dt-color-black-950-s) var(--dt-color-black-950-l) / var(--fco)) !important;
9489
+ }
9490
+ .d-fc-black-1-000, .h\:d-fc-black-1-000:hover, .f\:d-fc-black-1-000:focus, .f\:d-fc-black-1-000:focus-within, .fv\:d-fc-black-1-000:focus-visible {
9491
+ --fco: var(--dt-color-black-1-000-a);
9492
+ color: hsl(var(--dt-color-black-1-000-h) var(--dt-color-black-1-000-s) var(--dt-color-black-1-000-l) / var(--fco)) !important;
9493
+ }
9494
+ .d-fc-purple50, .h\:d-fc-purple50:hover, .f\:d-fc-purple50:focus, .f\:d-fc-purple50:focus-within, .fv\:d-fc-purple50:focus-visible {
9495
+ --fco: var(--dt-color-purple50-a);
9496
+ color: hsl(var(--dt-color-purple50-h) var(--dt-color-purple50-s) var(--dt-color-purple50-l) / var(--fco)) !important;
9497
+ }
9482
9498
  .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 {
9483
9499
  --fco: var(--dt-color-purple-100-a);
9484
9500
  color: hsl(var(--dt-color-purple-100-h) var(--dt-color-purple-100-s) var(--dt-color-purple-100-l) / var(--fco)) !important;
@@ -9487,22 +9503,46 @@ body {
9487
9503
  --fco: var(--dt-color-purple-200-a);
9488
9504
  color: hsl(var(--dt-color-purple-200-h) var(--dt-color-purple-200-s) var(--dt-color-purple-200-l) / var(--fco)) !important;
9489
9505
  }
9506
+ .d-fc-purple-250, .h\:d-fc-purple-250:hover, .f\:d-fc-purple-250:focus, .f\:d-fc-purple-250:focus-within, .fv\:d-fc-purple-250:focus-visible {
9507
+ --fco: var(--dt-color-purple-250-a);
9508
+ color: hsl(var(--dt-color-purple-250-h) var(--dt-color-purple-250-s) var(--dt-color-purple-250-l) / var(--fco)) !important;
9509
+ }
9490
9510
  .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 {
9491
9511
  --fco: var(--dt-color-purple-300-a);
9492
9512
  color: hsl(var(--dt-color-purple-300-h) var(--dt-color-purple-300-s) var(--dt-color-purple-300-l) / var(--fco)) !important;
9493
9513
  }
9514
+ .d-fc-purple-350, .h\:d-fc-purple-350:hover, .f\:d-fc-purple-350:focus, .f\:d-fc-purple-350:focus-within, .fv\:d-fc-purple-350:focus-visible {
9515
+ --fco: var(--dt-color-purple-350-a);
9516
+ color: hsl(var(--dt-color-purple-350-h) var(--dt-color-purple-350-s) var(--dt-color-purple-350-l) / var(--fco)) !important;
9517
+ }
9494
9518
  .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 {
9495
9519
  --fco: var(--dt-color-purple-400-a);
9496
9520
  color: hsl(var(--dt-color-purple-400-h) var(--dt-color-purple-400-s) var(--dt-color-purple-400-l) / var(--fco)) !important;
9497
9521
  }
9522
+ .d-fc-purple-450, .h\:d-fc-purple-450:hover, .f\:d-fc-purple-450:focus, .f\:d-fc-purple-450:focus-within, .fv\:d-fc-purple-450:focus-visible {
9523
+ --fco: var(--dt-color-purple-450-a);
9524
+ color: hsl(var(--dt-color-purple-450-h) var(--dt-color-purple-450-s) var(--dt-color-purple-450-l) / var(--fco)) !important;
9525
+ }
9498
9526
  .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 {
9499
9527
  --fco: var(--dt-color-purple-500-a);
9500
9528
  color: hsl(var(--dt-color-purple-500-h) var(--dt-color-purple-500-s) var(--dt-color-purple-500-l) / var(--fco)) !important;
9501
9529
  }
9530
+ .d-fc-purple-550, .h\:d-fc-purple-550:hover, .f\:d-fc-purple-550:focus, .f\:d-fc-purple-550:focus-within, .fv\:d-fc-purple-550:focus-visible {
9531
+ --fco: var(--dt-color-purple-550-a);
9532
+ color: hsl(var(--dt-color-purple-550-h) var(--dt-color-purple-550-s) var(--dt-color-purple-550-l) / var(--fco)) !important;
9533
+ }
9502
9534
  .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 {
9503
9535
  --fco: var(--dt-color-purple-600-a);
9504
9536
  color: hsl(var(--dt-color-purple-600-h) var(--dt-color-purple-600-s) var(--dt-color-purple-600-l) / var(--fco)) !important;
9505
9537
  }
9538
+ .d-fc-purple-1-000, .h\:d-fc-purple-1-000:hover, .f\:d-fc-purple-1-000:focus, .f\:d-fc-purple-1-000:focus-within, .fv\:d-fc-purple-1-000:focus-visible {
9539
+ --fco: var(--dt-color-purple-1-000-a);
9540
+ color: hsl(var(--dt-color-purple-1-000-h) var(--dt-color-purple-1-000-s) var(--dt-color-purple-1-000-l) / var(--fco)) !important;
9541
+ }
9542
+ .d-fc-blue50, .h\:d-fc-blue50:hover, .f\:d-fc-blue50:focus, .f\:d-fc-blue50:focus-within, .fv\:d-fc-blue50:focus-visible {
9543
+ --fco: var(--dt-color-blue50-a);
9544
+ color: hsl(var(--dt-color-blue50-h) var(--dt-color-blue50-s) var(--dt-color-blue50-l) / var(--fco)) !important;
9545
+ }
9506
9546
  .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 {
9507
9547
  --fco: var(--dt-color-blue-100-a);
9508
9548
  color: hsl(var(--dt-color-blue-100-h) var(--dt-color-blue-100-s) var(--dt-color-blue-100-l) / var(--fco)) !important;
@@ -9519,10 +9559,38 @@ body {
9519
9559
  --fco: var(--dt-color-blue-400-a);
9520
9560
  color: hsl(var(--dt-color-blue-400-h) var(--dt-color-blue-400-s) var(--dt-color-blue-400-l) / var(--fco)) !important;
9521
9561
  }
9562
+ .d-fc-blue-425, .h\:d-fc-blue-425:hover, .f\:d-fc-blue-425:focus, .f\:d-fc-blue-425:focus-within, .fv\:d-fc-blue-425:focus-visible {
9563
+ --fco: var(--dt-color-blue-425-a);
9564
+ color: hsl(var(--dt-color-blue-425-h) var(--dt-color-blue-425-s) var(--dt-color-blue-425-l) / var(--fco)) !important;
9565
+ }
9566
+ .d-fc-blue-450, .h\:d-fc-blue-450:hover, .f\:d-fc-blue-450:focus, .f\:d-fc-blue-450:focus-within, .fv\:d-fc-blue-450:focus-visible {
9567
+ --fco: var(--dt-color-blue-450-a);
9568
+ color: hsl(var(--dt-color-blue-450-h) var(--dt-color-blue-450-s) var(--dt-color-blue-450-l) / var(--fco)) !important;
9569
+ }
9570
+ .d-fc-blue-475, .h\:d-fc-blue-475:hover, .f\:d-fc-blue-475:focus, .f\:d-fc-blue-475:focus-within, .fv\:d-fc-blue-475:focus-visible {
9571
+ --fco: var(--dt-color-blue-475-a);
9572
+ color: hsl(var(--dt-color-blue-475-h) var(--dt-color-blue-475-s) var(--dt-color-blue-475-l) / var(--fco)) !important;
9573
+ }
9522
9574
  .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 {
9523
9575
  --fco: var(--dt-color-blue-500-a);
9524
9576
  color: hsl(var(--dt-color-blue-500-h) var(--dt-color-blue-500-s) var(--dt-color-blue-500-l) / var(--fco)) !important;
9525
9577
  }
9578
+ .d-fc-blue-600, .h\:d-fc-blue-600:hover, .f\:d-fc-blue-600:focus, .f\:d-fc-blue-600:focus-within, .fv\:d-fc-blue-600:focus-visible {
9579
+ --fco: var(--dt-color-blue-600-a);
9580
+ color: hsl(var(--dt-color-blue-600-h) var(--dt-color-blue-600-s) var(--dt-color-blue-600-l) / var(--fco)) !important;
9581
+ }
9582
+ .d-fc-blue-900, .h\:d-fc-blue-900:hover, .f\:d-fc-blue-900:focus, .f\:d-fc-blue-900:focus-within, .fv\:d-fc-blue-900:focus-visible {
9583
+ --fco: var(--dt-color-blue-900-a);
9584
+ color: hsl(var(--dt-color-blue-900-h) var(--dt-color-blue-900-s) var(--dt-color-blue-900-l) / var(--fco)) !important;
9585
+ }
9586
+ .d-fc-blue-1-000, .h\:d-fc-blue-1-000:hover, .f\:d-fc-blue-1-000:focus, .f\:d-fc-blue-1-000:focus-within, .fv\:d-fc-blue-1-000:focus-visible {
9587
+ --fco: var(--dt-color-blue-1-000-a);
9588
+ color: hsl(var(--dt-color-blue-1-000-h) var(--dt-color-blue-1-000-s) var(--dt-color-blue-1-000-l) / var(--fco)) !important;
9589
+ }
9590
+ .d-fc-magenta50, .h\:d-fc-magenta50:hover, .f\:d-fc-magenta50:focus, .f\:d-fc-magenta50:focus-within, .fv\:d-fc-magenta50:focus-visible {
9591
+ --fco: var(--dt-color-magenta50-a);
9592
+ color: hsl(var(--dt-color-magenta50-h) var(--dt-color-magenta50-s) var(--dt-color-magenta50-l) / var(--fco)) !important;
9593
+ }
9526
9594
  .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 {
9527
9595
  --fco: var(--dt-color-magenta-100-a);
9528
9596
  color: hsl(var(--dt-color-magenta-100-h) var(--dt-color-magenta-100-s) var(--dt-color-magenta-100-l) / var(--fco)) !important;
@@ -9531,6 +9599,10 @@ body {
9531
9599
  --fco: var(--dt-color-magenta-200-a);
9532
9600
  color: hsl(var(--dt-color-magenta-200-h) var(--dt-color-magenta-200-s) var(--dt-color-magenta-200-l) / var(--fco)) !important;
9533
9601
  }
9602
+ .d-fc-magenta-250, .h\:d-fc-magenta-250:hover, .f\:d-fc-magenta-250:focus, .f\:d-fc-magenta-250:focus-within, .fv\:d-fc-magenta-250:focus-visible {
9603
+ --fco: var(--dt-color-magenta-250-a);
9604
+ color: hsl(var(--dt-color-magenta-250-h) var(--dt-color-magenta-250-s) var(--dt-color-magenta-250-l) / var(--fco)) !important;
9605
+ }
9534
9606
  .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 {
9535
9607
  --fco: var(--dt-color-magenta-300-a);
9536
9608
  color: hsl(var(--dt-color-magenta-300-h) var(--dt-color-magenta-300-s) var(--dt-color-magenta-300-l) / var(--fco)) !important;
@@ -9539,10 +9611,34 @@ body {
9539
9611
  --fco: var(--dt-color-magenta-400-a);
9540
9612
  color: hsl(var(--dt-color-magenta-400-h) var(--dt-color-magenta-400-s) var(--dt-color-magenta-400-l) / var(--fco)) !important;
9541
9613
  }
9614
+ .d-fc-magenta-425, .h\:d-fc-magenta-425:hover, .f\:d-fc-magenta-425:focus, .f\:d-fc-magenta-425:focus-within, .fv\:d-fc-magenta-425:focus-visible {
9615
+ --fco: var(--dt-color-magenta-425-a);
9616
+ color: hsl(var(--dt-color-magenta-425-h) var(--dt-color-magenta-425-s) var(--dt-color-magenta-425-l) / var(--fco)) !important;
9617
+ }
9618
+ .d-fc-magenta-475, .h\:d-fc-magenta-475:hover, .f\:d-fc-magenta-475:focus, .f\:d-fc-magenta-475:focus-within, .fv\:d-fc-magenta-475:focus-visible {
9619
+ --fco: var(--dt-color-magenta-475-a);
9620
+ color: hsl(var(--dt-color-magenta-475-h) var(--dt-color-magenta-475-s) var(--dt-color-magenta-475-l) / var(--fco)) !important;
9621
+ }
9542
9622
  .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 {
9543
9623
  --fco: var(--dt-color-magenta-500-a);
9544
9624
  color: hsl(var(--dt-color-magenta-500-h) var(--dt-color-magenta-500-s) var(--dt-color-magenta-500-l) / var(--fco)) !important;
9545
9625
  }
9626
+ .d-fc-magenta-600, .h\:d-fc-magenta-600:hover, .f\:d-fc-magenta-600:focus, .f\:d-fc-magenta-600:focus-within, .fv\:d-fc-magenta-600:focus-visible {
9627
+ --fco: var(--dt-color-magenta-600-a);
9628
+ color: hsl(var(--dt-color-magenta-600-h) var(--dt-color-magenta-600-s) var(--dt-color-magenta-600-l) / var(--fco)) !important;
9629
+ }
9630
+ .d-fc-magenta-900, .h\:d-fc-magenta-900:hover, .f\:d-fc-magenta-900:focus, .f\:d-fc-magenta-900:focus-within, .fv\:d-fc-magenta-900:focus-visible {
9631
+ --fco: var(--dt-color-magenta-900-a);
9632
+ color: hsl(var(--dt-color-magenta-900-h) var(--dt-color-magenta-900-s) var(--dt-color-magenta-900-l) / var(--fco)) !important;
9633
+ }
9634
+ .d-fc-magenta-1-000, .h\:d-fc-magenta-1-000:hover, .f\:d-fc-magenta-1-000:focus, .f\:d-fc-magenta-1-000:focus-within, .fv\:d-fc-magenta-1-000:focus-visible {
9635
+ --fco: var(--dt-color-magenta-1-000-a);
9636
+ color: hsl(var(--dt-color-magenta-1-000-h) var(--dt-color-magenta-1-000-s) var(--dt-color-magenta-1-000-l) / var(--fco)) !important;
9637
+ }
9638
+ .d-fc-gold50, .h\:d-fc-gold50:hover, .f\:d-fc-gold50:focus, .f\:d-fc-gold50:focus-within, .fv\:d-fc-gold50:focus-visible {
9639
+ --fco: var(--dt-color-gold50-a);
9640
+ color: hsl(var(--dt-color-gold50-h) var(--dt-color-gold50-s) var(--dt-color-gold50-l) / var(--fco)) !important;
9641
+ }
9546
9642
  .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 {
9547
9643
  --fco: var(--dt-color-gold-100-a);
9548
9644
  color: hsl(var(--dt-color-gold-100-h) var(--dt-color-gold-100-s) var(--dt-color-gold-100-l) / var(--fco)) !important;
@@ -9555,14 +9651,42 @@ body {
9555
9651
  --fco: var(--dt-color-gold-300-a);
9556
9652
  color: hsl(var(--dt-color-gold-300-h) var(--dt-color-gold-300-s) var(--dt-color-gold-300-l) / var(--fco)) !important;
9557
9653
  }
9654
+ .d-fc-gold-350, .h\:d-fc-gold-350:hover, .f\:d-fc-gold-350:focus, .f\:d-fc-gold-350:focus-within, .fv\:d-fc-gold-350:focus-visible {
9655
+ --fco: var(--dt-color-gold-350-a);
9656
+ color: hsl(var(--dt-color-gold-350-h) var(--dt-color-gold-350-s) var(--dt-color-gold-350-l) / var(--fco)) !important;
9657
+ }
9558
9658
  .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 {
9559
9659
  --fco: var(--dt-color-gold-400-a);
9560
9660
  color: hsl(var(--dt-color-gold-400-h) var(--dt-color-gold-400-s) var(--dt-color-gold-400-l) / var(--fco)) !important;
9561
9661
  }
9662
+ .d-fc-gold-450, .h\:d-fc-gold-450:hover, .f\:d-fc-gold-450:focus, .f\:d-fc-gold-450:focus-within, .fv\:d-fc-gold-450:focus-visible {
9663
+ --fco: var(--dt-color-gold-450-a);
9664
+ color: hsl(var(--dt-color-gold-450-h) var(--dt-color-gold-450-s) var(--dt-color-gold-450-l) / var(--fco)) !important;
9665
+ }
9562
9666
  .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 {
9563
9667
  --fco: var(--dt-color-gold-500-a);
9564
9668
  color: hsl(var(--dt-color-gold-500-h) var(--dt-color-gold-500-s) var(--dt-color-gold-500-l) / var(--fco)) !important;
9565
9669
  }
9670
+ .d-fc-gold-600, .h\:d-fc-gold-600:hover, .f\:d-fc-gold-600:focus, .f\:d-fc-gold-600:focus-within, .fv\:d-fc-gold-600:focus-visible {
9671
+ --fco: var(--dt-color-gold-600-a);
9672
+ color: hsl(var(--dt-color-gold-600-h) var(--dt-color-gold-600-s) var(--dt-color-gold-600-l) / var(--fco)) !important;
9673
+ }
9674
+ .d-fc-gold-700, .h\:d-fc-gold-700:hover, .f\:d-fc-gold-700:focus, .f\:d-fc-gold-700:focus-within, .fv\:d-fc-gold-700:focus-visible {
9675
+ --fco: var(--dt-color-gold-700-a);
9676
+ color: hsl(var(--dt-color-gold-700-h) var(--dt-color-gold-700-s) var(--dt-color-gold-700-l) / var(--fco)) !important;
9677
+ }
9678
+ .d-fc-gold-900, .h\:d-fc-gold-900:hover, .f\:d-fc-gold-900:focus, .f\:d-fc-gold-900:focus-within, .fv\:d-fc-gold-900:focus-visible {
9679
+ --fco: var(--dt-color-gold-900-a);
9680
+ color: hsl(var(--dt-color-gold-900-h) var(--dt-color-gold-900-s) var(--dt-color-gold-900-l) / var(--fco)) !important;
9681
+ }
9682
+ .d-fc-gold-1-000, .h\:d-fc-gold-1-000:hover, .f\:d-fc-gold-1-000:focus, .f\:d-fc-gold-1-000:focus-within, .fv\:d-fc-gold-1-000:focus-visible {
9683
+ --fco: var(--dt-color-gold-1-000-a);
9684
+ color: hsl(var(--dt-color-gold-1-000-h) var(--dt-color-gold-1-000-s) var(--dt-color-gold-1-000-l) / var(--fco)) !important;
9685
+ }
9686
+ .d-fc-green50, .h\:d-fc-green50:hover, .f\:d-fc-green50:focus, .f\:d-fc-green50:focus-within, .fv\:d-fc-green50:focus-visible {
9687
+ --fco: var(--dt-color-green50-a);
9688
+ color: hsl(var(--dt-color-green50-h) var(--dt-color-green50-s) var(--dt-color-green50-l) / var(--fco)) !important;
9689
+ }
9566
9690
  .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 {
9567
9691
  --fco: var(--dt-color-green-100-a);
9568
9692
  color: hsl(var(--dt-color-green-100-h) var(--dt-color-green-100-s) var(--dt-color-green-100-l) / var(--fco)) !important;
@@ -9575,14 +9699,42 @@ body {
9575
9699
  --fco: var(--dt-color-green-300-a);
9576
9700
  color: hsl(var(--dt-color-green-300-h) var(--dt-color-green-300-s) var(--dt-color-green-300-l) / var(--fco)) !important;
9577
9701
  }
9702
+ .d-fc-green-350, .h\:d-fc-green-350:hover, .f\:d-fc-green-350:focus, .f\:d-fc-green-350:focus-within, .fv\:d-fc-green-350:focus-visible {
9703
+ --fco: var(--dt-color-green-350-a);
9704
+ color: hsl(var(--dt-color-green-350-h) var(--dt-color-green-350-s) var(--dt-color-green-350-l) / var(--fco)) !important;
9705
+ }
9578
9706
  .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 {
9579
9707
  --fco: var(--dt-color-green-400-a);
9580
9708
  color: hsl(var(--dt-color-green-400-h) var(--dt-color-green-400-s) var(--dt-color-green-400-l) / var(--fco)) !important;
9581
9709
  }
9710
+ .d-fc-green-425, .h\:d-fc-green-425:hover, .f\:d-fc-green-425:focus, .f\:d-fc-green-425:focus-within, .fv\:d-fc-green-425:focus-visible {
9711
+ --fco: var(--dt-color-green-425-a);
9712
+ color: hsl(var(--dt-color-green-425-h) var(--dt-color-green-425-s) var(--dt-color-green-425-l) / var(--fco)) !important;
9713
+ }
9714
+ .d-fc-green-475, .h\:d-fc-green-475:hover, .f\:d-fc-green-475:focus, .f\:d-fc-green-475:focus-within, .fv\:d-fc-green-475:focus-visible {
9715
+ --fco: var(--dt-color-green-475-a);
9716
+ color: hsl(var(--dt-color-green-475-h) var(--dt-color-green-475-s) var(--dt-color-green-475-l) / var(--fco)) !important;
9717
+ }
9582
9718
  .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 {
9583
9719
  --fco: var(--dt-color-green-500-a);
9584
9720
  color: hsl(var(--dt-color-green-500-h) var(--dt-color-green-500-s) var(--dt-color-green-500-l) / var(--fco)) !important;
9585
9721
  }
9722
+ .d-fc-green-600, .h\:d-fc-green-600:hover, .f\:d-fc-green-600:focus, .f\:d-fc-green-600:focus-within, .fv\:d-fc-green-600:focus-visible {
9723
+ --fco: var(--dt-color-green-600-a);
9724
+ color: hsl(var(--dt-color-green-600-h) var(--dt-color-green-600-s) var(--dt-color-green-600-l) / var(--fco)) !important;
9725
+ }
9726
+ .d-fc-green-900, .h\:d-fc-green-900:hover, .f\:d-fc-green-900:focus, .f\:d-fc-green-900:focus-within, .fv\:d-fc-green-900:focus-visible {
9727
+ --fco: var(--dt-color-green-900-a);
9728
+ color: hsl(var(--dt-color-green-900-h) var(--dt-color-green-900-s) var(--dt-color-green-900-l) / var(--fco)) !important;
9729
+ }
9730
+ .d-fc-green-1-000, .h\:d-fc-green-1-000:hover, .f\:d-fc-green-1-000:focus, .f\:d-fc-green-1-000:focus-within, .fv\:d-fc-green-1-000:focus-visible {
9731
+ --fco: var(--dt-color-green-1-000-a);
9732
+ color: hsl(var(--dt-color-green-1-000-h) var(--dt-color-green-1-000-s) var(--dt-color-green-1-000-l) / var(--fco)) !important;
9733
+ }
9734
+ .d-fc-red50, .h\:d-fc-red50:hover, .f\:d-fc-red50:focus, .f\:d-fc-red50:focus-within, .fv\:d-fc-red50:focus-visible {
9735
+ --fco: var(--dt-color-red50-a);
9736
+ color: hsl(var(--dt-color-red50-h) var(--dt-color-red50-s) var(--dt-color-red50-l) / var(--fco)) !important;
9737
+ }
9586
9738
  .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 {
9587
9739
  --fco: var(--dt-color-red-100-a);
9588
9740
  color: hsl(var(--dt-color-red-100-h) var(--dt-color-red-100-s) var(--dt-color-red-100-l) / var(--fco)) !important;
@@ -9595,14 +9747,38 @@ body {
9595
9747
  --fco: var(--dt-color-red-300-a);
9596
9748
  color: hsl(var(--dt-color-red-300-h) var(--dt-color-red-300-s) var(--dt-color-red-300-l) / var(--fco)) !important;
9597
9749
  }
9750
+ .d-fc-red-350, .h\:d-fc-red-350:hover, .f\:d-fc-red-350:focus, .f\:d-fc-red-350:focus-within, .fv\:d-fc-red-350:focus-visible {
9751
+ --fco: var(--dt-color-red-350-a);
9752
+ color: hsl(var(--dt-color-red-350-h) var(--dt-color-red-350-s) var(--dt-color-red-350-l) / var(--fco)) !important;
9753
+ }
9598
9754
  .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 {
9599
9755
  --fco: var(--dt-color-red-400-a);
9600
9756
  color: hsl(var(--dt-color-red-400-h) var(--dt-color-red-400-s) var(--dt-color-red-400-l) / var(--fco)) !important;
9601
9757
  }
9758
+ .d-fc-red-450, .h\:d-fc-red-450:hover, .f\:d-fc-red-450:focus, .f\:d-fc-red-450:focus-within, .fv\:d-fc-red-450:focus-visible {
9759
+ --fco: var(--dt-color-red-450-a);
9760
+ color: hsl(var(--dt-color-red-450-h) var(--dt-color-red-450-s) var(--dt-color-red-450-l) / var(--fco)) !important;
9761
+ }
9602
9762
  .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 {
9603
9763
  --fco: var(--dt-color-red-500-a);
9604
9764
  color: hsl(var(--dt-color-red-500-h) var(--dt-color-red-500-s) var(--dt-color-red-500-l) / var(--fco)) !important;
9605
9765
  }
9766
+ .d-fc-red-600, .h\:d-fc-red-600:hover, .f\:d-fc-red-600:focus, .f\:d-fc-red-600:focus-within, .fv\:d-fc-red-600:focus-visible {
9767
+ --fco: var(--dt-color-red-600-a);
9768
+ color: hsl(var(--dt-color-red-600-h) var(--dt-color-red-600-s) var(--dt-color-red-600-l) / var(--fco)) !important;
9769
+ }
9770
+ .d-fc-red-700, .h\:d-fc-red-700:hover, .f\:d-fc-red-700:focus, .f\:d-fc-red-700:focus-within, .fv\:d-fc-red-700:focus-visible {
9771
+ --fco: var(--dt-color-red-700-a);
9772
+ color: hsl(var(--dt-color-red-700-h) var(--dt-color-red-700-s) var(--dt-color-red-700-l) / var(--fco)) !important;
9773
+ }
9774
+ .d-fc-red-900, .h\:d-fc-red-900:hover, .f\:d-fc-red-900:focus, .f\:d-fc-red-900:focus-within, .fv\:d-fc-red-900:focus-visible {
9775
+ --fco: var(--dt-color-red-900-a);
9776
+ color: hsl(var(--dt-color-red-900-h) var(--dt-color-red-900-s) var(--dt-color-red-900-l) / var(--fco)) !important;
9777
+ }
9778
+ .d-fc-red-1-000, .h\:d-fc-red-1-000:hover, .f\:d-fc-red-1-000:focus, .f\:d-fc-red-1-000:focus-within, .fv\:d-fc-red-1-000:focus-visible {
9779
+ --fco: var(--dt-color-red-1-000-a);
9780
+ color: hsl(var(--dt-color-red-1-000-h) var(--dt-color-red-1-000-s) var(--dt-color-red-1-000-l) / var(--fco)) !important;
9781
+ }
9606
9782
  .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 {
9607
9783
  --fco: var(--dt-color-tan-100-a);
9608
9784
  color: hsl(var(--dt-color-tan-100-h) var(--dt-color-tan-100-s) var(--dt-color-tan-100-l) / var(--fco)) !important;
@@ -9719,6 +9895,10 @@ body {
9719
9895
  --bco: var(--dt-color-neutral-black-a);
9720
9896
  border-color: hsl(var(--dt-color-neutral-black-h) var(--dt-color-neutral-black-s) var(--dt-color-neutral-black-l) / var(--bco)) !important;
9721
9897
  }
9898
+ .d-bc-black50, .h\:d-bc-black50:hover, .f\:d-bc-black50:focus, .f\:d-bc-black50:focus-within, .fv\:d-bc-black50:focus-visible {
9899
+ --bco: var(--dt-color-black50-a);
9900
+ border-color: hsl(var(--dt-color-black50-h) var(--dt-color-black50-s) var(--dt-color-black50-l) / var(--bco)) !important;
9901
+ }
9722
9902
  .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 {
9723
9903
  --bco: var(--dt-color-black-100-a);
9724
9904
  border-color: hsl(var(--dt-color-black-100-h) var(--dt-color-black-100-s) var(--dt-color-black-100-l) / var(--bco)) !important;
@@ -9755,6 +9935,18 @@ body {
9755
9935
  --bco: var(--dt-color-black-900-a);
9756
9936
  border-color: hsl(var(--dt-color-black-900-h) var(--dt-color-black-900-s) var(--dt-color-black-900-l) / var(--bco)) !important;
9757
9937
  }
9938
+ .d-bc-black-950, .h\:d-bc-black-950:hover, .f\:d-bc-black-950:focus, .f\:d-bc-black-950:focus-within, .fv\:d-bc-black-950:focus-visible {
9939
+ --bco: var(--dt-color-black-950-a);
9940
+ border-color: hsl(var(--dt-color-black-950-h) var(--dt-color-black-950-s) var(--dt-color-black-950-l) / var(--bco)) !important;
9941
+ }
9942
+ .d-bc-black-1-000, .h\:d-bc-black-1-000:hover, .f\:d-bc-black-1-000:focus, .f\:d-bc-black-1-000:focus-within, .fv\:d-bc-black-1-000:focus-visible {
9943
+ --bco: var(--dt-color-black-1-000-a);
9944
+ border-color: hsl(var(--dt-color-black-1-000-h) var(--dt-color-black-1-000-s) var(--dt-color-black-1-000-l) / var(--bco)) !important;
9945
+ }
9946
+ .d-bc-purple50, .h\:d-bc-purple50:hover, .f\:d-bc-purple50:focus, .f\:d-bc-purple50:focus-within, .fv\:d-bc-purple50:focus-visible {
9947
+ --bco: var(--dt-color-purple50-a);
9948
+ border-color: hsl(var(--dt-color-purple50-h) var(--dt-color-purple50-s) var(--dt-color-purple50-l) / var(--bco)) !important;
9949
+ }
9758
9950
  .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 {
9759
9951
  --bco: var(--dt-color-purple-100-a);
9760
9952
  border-color: hsl(var(--dt-color-purple-100-h) var(--dt-color-purple-100-s) var(--dt-color-purple-100-l) / var(--bco)) !important;
@@ -9763,22 +9955,46 @@ body {
9763
9955
  --bco: var(--dt-color-purple-200-a);
9764
9956
  border-color: hsl(var(--dt-color-purple-200-h) var(--dt-color-purple-200-s) var(--dt-color-purple-200-l) / var(--bco)) !important;
9765
9957
  }
9958
+ .d-bc-purple-250, .h\:d-bc-purple-250:hover, .f\:d-bc-purple-250:focus, .f\:d-bc-purple-250:focus-within, .fv\:d-bc-purple-250:focus-visible {
9959
+ --bco: var(--dt-color-purple-250-a);
9960
+ border-color: hsl(var(--dt-color-purple-250-h) var(--dt-color-purple-250-s) var(--dt-color-purple-250-l) / var(--bco)) !important;
9961
+ }
9766
9962
  .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 {
9767
9963
  --bco: var(--dt-color-purple-300-a);
9768
9964
  border-color: hsl(var(--dt-color-purple-300-h) var(--dt-color-purple-300-s) var(--dt-color-purple-300-l) / var(--bco)) !important;
9769
9965
  }
9966
+ .d-bc-purple-350, .h\:d-bc-purple-350:hover, .f\:d-bc-purple-350:focus, .f\:d-bc-purple-350:focus-within, .fv\:d-bc-purple-350:focus-visible {
9967
+ --bco: var(--dt-color-purple-350-a);
9968
+ border-color: hsl(var(--dt-color-purple-350-h) var(--dt-color-purple-350-s) var(--dt-color-purple-350-l) / var(--bco)) !important;
9969
+ }
9770
9970
  .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 {
9771
9971
  --bco: var(--dt-color-purple-400-a);
9772
9972
  border-color: hsl(var(--dt-color-purple-400-h) var(--dt-color-purple-400-s) var(--dt-color-purple-400-l) / var(--bco)) !important;
9773
9973
  }
9974
+ .d-bc-purple-450, .h\:d-bc-purple-450:hover, .f\:d-bc-purple-450:focus, .f\:d-bc-purple-450:focus-within, .fv\:d-bc-purple-450:focus-visible {
9975
+ --bco: var(--dt-color-purple-450-a);
9976
+ border-color: hsl(var(--dt-color-purple-450-h) var(--dt-color-purple-450-s) var(--dt-color-purple-450-l) / var(--bco)) !important;
9977
+ }
9774
9978
  .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 {
9775
9979
  --bco: var(--dt-color-purple-500-a);
9776
9980
  border-color: hsl(var(--dt-color-purple-500-h) var(--dt-color-purple-500-s) var(--dt-color-purple-500-l) / var(--bco)) !important;
9777
9981
  }
9982
+ .d-bc-purple-550, .h\:d-bc-purple-550:hover, .f\:d-bc-purple-550:focus, .f\:d-bc-purple-550:focus-within, .fv\:d-bc-purple-550:focus-visible {
9983
+ --bco: var(--dt-color-purple-550-a);
9984
+ border-color: hsl(var(--dt-color-purple-550-h) var(--dt-color-purple-550-s) var(--dt-color-purple-550-l) / var(--bco)) !important;
9985
+ }
9778
9986
  .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 {
9779
9987
  --bco: var(--dt-color-purple-600-a);
9780
9988
  border-color: hsl(var(--dt-color-purple-600-h) var(--dt-color-purple-600-s) var(--dt-color-purple-600-l) / var(--bco)) !important;
9781
9989
  }
9990
+ .d-bc-purple-1-000, .h\:d-bc-purple-1-000:hover, .f\:d-bc-purple-1-000:focus, .f\:d-bc-purple-1-000:focus-within, .fv\:d-bc-purple-1-000:focus-visible {
9991
+ --bco: var(--dt-color-purple-1-000-a);
9992
+ border-color: hsl(var(--dt-color-purple-1-000-h) var(--dt-color-purple-1-000-s) var(--dt-color-purple-1-000-l) / var(--bco)) !important;
9993
+ }
9994
+ .d-bc-blue50, .h\:d-bc-blue50:hover, .f\:d-bc-blue50:focus, .f\:d-bc-blue50:focus-within, .fv\:d-bc-blue50:focus-visible {
9995
+ --bco: var(--dt-color-blue50-a);
9996
+ border-color: hsl(var(--dt-color-blue50-h) var(--dt-color-blue50-s) var(--dt-color-blue50-l) / var(--bco)) !important;
9997
+ }
9782
9998
  .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 {
9783
9999
  --bco: var(--dt-color-blue-100-a);
9784
10000
  border-color: hsl(var(--dt-color-blue-100-h) var(--dt-color-blue-100-s) var(--dt-color-blue-100-l) / var(--bco)) !important;
@@ -9795,10 +10011,38 @@ body {
9795
10011
  --bco: var(--dt-color-blue-400-a);
9796
10012
  border-color: hsl(var(--dt-color-blue-400-h) var(--dt-color-blue-400-s) var(--dt-color-blue-400-l) / var(--bco)) !important;
9797
10013
  }
10014
+ .d-bc-blue-425, .h\:d-bc-blue-425:hover, .f\:d-bc-blue-425:focus, .f\:d-bc-blue-425:focus-within, .fv\:d-bc-blue-425:focus-visible {
10015
+ --bco: var(--dt-color-blue-425-a);
10016
+ border-color: hsl(var(--dt-color-blue-425-h) var(--dt-color-blue-425-s) var(--dt-color-blue-425-l) / var(--bco)) !important;
10017
+ }
10018
+ .d-bc-blue-450, .h\:d-bc-blue-450:hover, .f\:d-bc-blue-450:focus, .f\:d-bc-blue-450:focus-within, .fv\:d-bc-blue-450:focus-visible {
10019
+ --bco: var(--dt-color-blue-450-a);
10020
+ border-color: hsl(var(--dt-color-blue-450-h) var(--dt-color-blue-450-s) var(--dt-color-blue-450-l) / var(--bco)) !important;
10021
+ }
10022
+ .d-bc-blue-475, .h\:d-bc-blue-475:hover, .f\:d-bc-blue-475:focus, .f\:d-bc-blue-475:focus-within, .fv\:d-bc-blue-475:focus-visible {
10023
+ --bco: var(--dt-color-blue-475-a);
10024
+ border-color: hsl(var(--dt-color-blue-475-h) var(--dt-color-blue-475-s) var(--dt-color-blue-475-l) / var(--bco)) !important;
10025
+ }
9798
10026
  .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 {
9799
10027
  --bco: var(--dt-color-blue-500-a);
9800
10028
  border-color: hsl(var(--dt-color-blue-500-h) var(--dt-color-blue-500-s) var(--dt-color-blue-500-l) / var(--bco)) !important;
9801
10029
  }
10030
+ .d-bc-blue-600, .h\:d-bc-blue-600:hover, .f\:d-bc-blue-600:focus, .f\:d-bc-blue-600:focus-within, .fv\:d-bc-blue-600:focus-visible {
10031
+ --bco: var(--dt-color-blue-600-a);
10032
+ border-color: hsl(var(--dt-color-blue-600-h) var(--dt-color-blue-600-s) var(--dt-color-blue-600-l) / var(--bco)) !important;
10033
+ }
10034
+ .d-bc-blue-900, .h\:d-bc-blue-900:hover, .f\:d-bc-blue-900:focus, .f\:d-bc-blue-900:focus-within, .fv\:d-bc-blue-900:focus-visible {
10035
+ --bco: var(--dt-color-blue-900-a);
10036
+ border-color: hsl(var(--dt-color-blue-900-h) var(--dt-color-blue-900-s) var(--dt-color-blue-900-l) / var(--bco)) !important;
10037
+ }
10038
+ .d-bc-blue-1-000, .h\:d-bc-blue-1-000:hover, .f\:d-bc-blue-1-000:focus, .f\:d-bc-blue-1-000:focus-within, .fv\:d-bc-blue-1-000:focus-visible {
10039
+ --bco: var(--dt-color-blue-1-000-a);
10040
+ border-color: hsl(var(--dt-color-blue-1-000-h) var(--dt-color-blue-1-000-s) var(--dt-color-blue-1-000-l) / var(--bco)) !important;
10041
+ }
10042
+ .d-bc-magenta50, .h\:d-bc-magenta50:hover, .f\:d-bc-magenta50:focus, .f\:d-bc-magenta50:focus-within, .fv\:d-bc-magenta50:focus-visible {
10043
+ --bco: var(--dt-color-magenta50-a);
10044
+ border-color: hsl(var(--dt-color-magenta50-h) var(--dt-color-magenta50-s) var(--dt-color-magenta50-l) / var(--bco)) !important;
10045
+ }
9802
10046
  .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 {
9803
10047
  --bco: var(--dt-color-magenta-100-a);
9804
10048
  border-color: hsl(var(--dt-color-magenta-100-h) var(--dt-color-magenta-100-s) var(--dt-color-magenta-100-l) / var(--bco)) !important;
@@ -9807,6 +10051,10 @@ body {
9807
10051
  --bco: var(--dt-color-magenta-200-a);
9808
10052
  border-color: hsl(var(--dt-color-magenta-200-h) var(--dt-color-magenta-200-s) var(--dt-color-magenta-200-l) / var(--bco)) !important;
9809
10053
  }
10054
+ .d-bc-magenta-250, .h\:d-bc-magenta-250:hover, .f\:d-bc-magenta-250:focus, .f\:d-bc-magenta-250:focus-within, .fv\:d-bc-magenta-250:focus-visible {
10055
+ --bco: var(--dt-color-magenta-250-a);
10056
+ border-color: hsl(var(--dt-color-magenta-250-h) var(--dt-color-magenta-250-s) var(--dt-color-magenta-250-l) / var(--bco)) !important;
10057
+ }
9810
10058
  .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 {
9811
10059
  --bco: var(--dt-color-magenta-300-a);
9812
10060
  border-color: hsl(var(--dt-color-magenta-300-h) var(--dt-color-magenta-300-s) var(--dt-color-magenta-300-l) / var(--bco)) !important;
@@ -9815,10 +10063,34 @@ body {
9815
10063
  --bco: var(--dt-color-magenta-400-a);
9816
10064
  border-color: hsl(var(--dt-color-magenta-400-h) var(--dt-color-magenta-400-s) var(--dt-color-magenta-400-l) / var(--bco)) !important;
9817
10065
  }
10066
+ .d-bc-magenta-425, .h\:d-bc-magenta-425:hover, .f\:d-bc-magenta-425:focus, .f\:d-bc-magenta-425:focus-within, .fv\:d-bc-magenta-425:focus-visible {
10067
+ --bco: var(--dt-color-magenta-425-a);
10068
+ border-color: hsl(var(--dt-color-magenta-425-h) var(--dt-color-magenta-425-s) var(--dt-color-magenta-425-l) / var(--bco)) !important;
10069
+ }
10070
+ .d-bc-magenta-475, .h\:d-bc-magenta-475:hover, .f\:d-bc-magenta-475:focus, .f\:d-bc-magenta-475:focus-within, .fv\:d-bc-magenta-475:focus-visible {
10071
+ --bco: var(--dt-color-magenta-475-a);
10072
+ border-color: hsl(var(--dt-color-magenta-475-h) var(--dt-color-magenta-475-s) var(--dt-color-magenta-475-l) / var(--bco)) !important;
10073
+ }
9818
10074
  .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 {
9819
10075
  --bco: var(--dt-color-magenta-500-a);
9820
10076
  border-color: hsl(var(--dt-color-magenta-500-h) var(--dt-color-magenta-500-s) var(--dt-color-magenta-500-l) / var(--bco)) !important;
9821
10077
  }
10078
+ .d-bc-magenta-600, .h\:d-bc-magenta-600:hover, .f\:d-bc-magenta-600:focus, .f\:d-bc-magenta-600:focus-within, .fv\:d-bc-magenta-600:focus-visible {
10079
+ --bco: var(--dt-color-magenta-600-a);
10080
+ border-color: hsl(var(--dt-color-magenta-600-h) var(--dt-color-magenta-600-s) var(--dt-color-magenta-600-l) / var(--bco)) !important;
10081
+ }
10082
+ .d-bc-magenta-900, .h\:d-bc-magenta-900:hover, .f\:d-bc-magenta-900:focus, .f\:d-bc-magenta-900:focus-within, .fv\:d-bc-magenta-900:focus-visible {
10083
+ --bco: var(--dt-color-magenta-900-a);
10084
+ border-color: hsl(var(--dt-color-magenta-900-h) var(--dt-color-magenta-900-s) var(--dt-color-magenta-900-l) / var(--bco)) !important;
10085
+ }
10086
+ .d-bc-magenta-1-000, .h\:d-bc-magenta-1-000:hover, .f\:d-bc-magenta-1-000:focus, .f\:d-bc-magenta-1-000:focus-within, .fv\:d-bc-magenta-1-000:focus-visible {
10087
+ --bco: var(--dt-color-magenta-1-000-a);
10088
+ border-color: hsl(var(--dt-color-magenta-1-000-h) var(--dt-color-magenta-1-000-s) var(--dt-color-magenta-1-000-l) / var(--bco)) !important;
10089
+ }
10090
+ .d-bc-gold50, .h\:d-bc-gold50:hover, .f\:d-bc-gold50:focus, .f\:d-bc-gold50:focus-within, .fv\:d-bc-gold50:focus-visible {
10091
+ --bco: var(--dt-color-gold50-a);
10092
+ border-color: hsl(var(--dt-color-gold50-h) var(--dt-color-gold50-s) var(--dt-color-gold50-l) / var(--bco)) !important;
10093
+ }
9822
10094
  .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 {
9823
10095
  --bco: var(--dt-color-gold-100-a);
9824
10096
  border-color: hsl(var(--dt-color-gold-100-h) var(--dt-color-gold-100-s) var(--dt-color-gold-100-l) / var(--bco)) !important;
@@ -9831,14 +10103,42 @@ body {
9831
10103
  --bco: var(--dt-color-gold-300-a);
9832
10104
  border-color: hsl(var(--dt-color-gold-300-h) var(--dt-color-gold-300-s) var(--dt-color-gold-300-l) / var(--bco)) !important;
9833
10105
  }
10106
+ .d-bc-gold-350, .h\:d-bc-gold-350:hover, .f\:d-bc-gold-350:focus, .f\:d-bc-gold-350:focus-within, .fv\:d-bc-gold-350:focus-visible {
10107
+ --bco: var(--dt-color-gold-350-a);
10108
+ border-color: hsl(var(--dt-color-gold-350-h) var(--dt-color-gold-350-s) var(--dt-color-gold-350-l) / var(--bco)) !important;
10109
+ }
9834
10110
  .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 {
9835
10111
  --bco: var(--dt-color-gold-400-a);
9836
10112
  border-color: hsl(var(--dt-color-gold-400-h) var(--dt-color-gold-400-s) var(--dt-color-gold-400-l) / var(--bco)) !important;
9837
10113
  }
10114
+ .d-bc-gold-450, .h\:d-bc-gold-450:hover, .f\:d-bc-gold-450:focus, .f\:d-bc-gold-450:focus-within, .fv\:d-bc-gold-450:focus-visible {
10115
+ --bco: var(--dt-color-gold-450-a);
10116
+ border-color: hsl(var(--dt-color-gold-450-h) var(--dt-color-gold-450-s) var(--dt-color-gold-450-l) / var(--bco)) !important;
10117
+ }
9838
10118
  .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 {
9839
10119
  --bco: var(--dt-color-gold-500-a);
9840
10120
  border-color: hsl(var(--dt-color-gold-500-h) var(--dt-color-gold-500-s) var(--dt-color-gold-500-l) / var(--bco)) !important;
9841
10121
  }
10122
+ .d-bc-gold-600, .h\:d-bc-gold-600:hover, .f\:d-bc-gold-600:focus, .f\:d-bc-gold-600:focus-within, .fv\:d-bc-gold-600:focus-visible {
10123
+ --bco: var(--dt-color-gold-600-a);
10124
+ border-color: hsl(var(--dt-color-gold-600-h) var(--dt-color-gold-600-s) var(--dt-color-gold-600-l) / var(--bco)) !important;
10125
+ }
10126
+ .d-bc-gold-700, .h\:d-bc-gold-700:hover, .f\:d-bc-gold-700:focus, .f\:d-bc-gold-700:focus-within, .fv\:d-bc-gold-700:focus-visible {
10127
+ --bco: var(--dt-color-gold-700-a);
10128
+ border-color: hsl(var(--dt-color-gold-700-h) var(--dt-color-gold-700-s) var(--dt-color-gold-700-l) / var(--bco)) !important;
10129
+ }
10130
+ .d-bc-gold-900, .h\:d-bc-gold-900:hover, .f\:d-bc-gold-900:focus, .f\:d-bc-gold-900:focus-within, .fv\:d-bc-gold-900:focus-visible {
10131
+ --bco: var(--dt-color-gold-900-a);
10132
+ border-color: hsl(var(--dt-color-gold-900-h) var(--dt-color-gold-900-s) var(--dt-color-gold-900-l) / var(--bco)) !important;
10133
+ }
10134
+ .d-bc-gold-1-000, .h\:d-bc-gold-1-000:hover, .f\:d-bc-gold-1-000:focus, .f\:d-bc-gold-1-000:focus-within, .fv\:d-bc-gold-1-000:focus-visible {
10135
+ --bco: var(--dt-color-gold-1-000-a);
10136
+ border-color: hsl(var(--dt-color-gold-1-000-h) var(--dt-color-gold-1-000-s) var(--dt-color-gold-1-000-l) / var(--bco)) !important;
10137
+ }
10138
+ .d-bc-green50, .h\:d-bc-green50:hover, .f\:d-bc-green50:focus, .f\:d-bc-green50:focus-within, .fv\:d-bc-green50:focus-visible {
10139
+ --bco: var(--dt-color-green50-a);
10140
+ border-color: hsl(var(--dt-color-green50-h) var(--dt-color-green50-s) var(--dt-color-green50-l) / var(--bco)) !important;
10141
+ }
9842
10142
  .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 {
9843
10143
  --bco: var(--dt-color-green-100-a);
9844
10144
  border-color: hsl(var(--dt-color-green-100-h) var(--dt-color-green-100-s) var(--dt-color-green-100-l) / var(--bco)) !important;
@@ -9851,14 +10151,42 @@ body {
9851
10151
  --bco: var(--dt-color-green-300-a);
9852
10152
  border-color: hsl(var(--dt-color-green-300-h) var(--dt-color-green-300-s) var(--dt-color-green-300-l) / var(--bco)) !important;
9853
10153
  }
10154
+ .d-bc-green-350, .h\:d-bc-green-350:hover, .f\:d-bc-green-350:focus, .f\:d-bc-green-350:focus-within, .fv\:d-bc-green-350:focus-visible {
10155
+ --bco: var(--dt-color-green-350-a);
10156
+ border-color: hsl(var(--dt-color-green-350-h) var(--dt-color-green-350-s) var(--dt-color-green-350-l) / var(--bco)) !important;
10157
+ }
9854
10158
  .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 {
9855
10159
  --bco: var(--dt-color-green-400-a);
9856
10160
  border-color: hsl(var(--dt-color-green-400-h) var(--dt-color-green-400-s) var(--dt-color-green-400-l) / var(--bco)) !important;
9857
10161
  }
10162
+ .d-bc-green-425, .h\:d-bc-green-425:hover, .f\:d-bc-green-425:focus, .f\:d-bc-green-425:focus-within, .fv\:d-bc-green-425:focus-visible {
10163
+ --bco: var(--dt-color-green-425-a);
10164
+ border-color: hsl(var(--dt-color-green-425-h) var(--dt-color-green-425-s) var(--dt-color-green-425-l) / var(--bco)) !important;
10165
+ }
10166
+ .d-bc-green-475, .h\:d-bc-green-475:hover, .f\:d-bc-green-475:focus, .f\:d-bc-green-475:focus-within, .fv\:d-bc-green-475:focus-visible {
10167
+ --bco: var(--dt-color-green-475-a);
10168
+ border-color: hsl(var(--dt-color-green-475-h) var(--dt-color-green-475-s) var(--dt-color-green-475-l) / var(--bco)) !important;
10169
+ }
9858
10170
  .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 {
9859
10171
  --bco: var(--dt-color-green-500-a);
9860
10172
  border-color: hsl(var(--dt-color-green-500-h) var(--dt-color-green-500-s) var(--dt-color-green-500-l) / var(--bco)) !important;
9861
10173
  }
10174
+ .d-bc-green-600, .h\:d-bc-green-600:hover, .f\:d-bc-green-600:focus, .f\:d-bc-green-600:focus-within, .fv\:d-bc-green-600:focus-visible {
10175
+ --bco: var(--dt-color-green-600-a);
10176
+ border-color: hsl(var(--dt-color-green-600-h) var(--dt-color-green-600-s) var(--dt-color-green-600-l) / var(--bco)) !important;
10177
+ }
10178
+ .d-bc-green-900, .h\:d-bc-green-900:hover, .f\:d-bc-green-900:focus, .f\:d-bc-green-900:focus-within, .fv\:d-bc-green-900:focus-visible {
10179
+ --bco: var(--dt-color-green-900-a);
10180
+ border-color: hsl(var(--dt-color-green-900-h) var(--dt-color-green-900-s) var(--dt-color-green-900-l) / var(--bco)) !important;
10181
+ }
10182
+ .d-bc-green-1-000, .h\:d-bc-green-1-000:hover, .f\:d-bc-green-1-000:focus, .f\:d-bc-green-1-000:focus-within, .fv\:d-bc-green-1-000:focus-visible {
10183
+ --bco: var(--dt-color-green-1-000-a);
10184
+ border-color: hsl(var(--dt-color-green-1-000-h) var(--dt-color-green-1-000-s) var(--dt-color-green-1-000-l) / var(--bco)) !important;
10185
+ }
10186
+ .d-bc-red50, .h\:d-bc-red50:hover, .f\:d-bc-red50:focus, .f\:d-bc-red50:focus-within, .fv\:d-bc-red50:focus-visible {
10187
+ --bco: var(--dt-color-red50-a);
10188
+ border-color: hsl(var(--dt-color-red50-h) var(--dt-color-red50-s) var(--dt-color-red50-l) / var(--bco)) !important;
10189
+ }
9862
10190
  .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 {
9863
10191
  --bco: var(--dt-color-red-100-a);
9864
10192
  border-color: hsl(var(--dt-color-red-100-h) var(--dt-color-red-100-s) var(--dt-color-red-100-l) / var(--bco)) !important;
@@ -9871,14 +10199,38 @@ body {
9871
10199
  --bco: var(--dt-color-red-300-a);
9872
10200
  border-color: hsl(var(--dt-color-red-300-h) var(--dt-color-red-300-s) var(--dt-color-red-300-l) / var(--bco)) !important;
9873
10201
  }
10202
+ .d-bc-red-350, .h\:d-bc-red-350:hover, .f\:d-bc-red-350:focus, .f\:d-bc-red-350:focus-within, .fv\:d-bc-red-350:focus-visible {
10203
+ --bco: var(--dt-color-red-350-a);
10204
+ border-color: hsl(var(--dt-color-red-350-h) var(--dt-color-red-350-s) var(--dt-color-red-350-l) / var(--bco)) !important;
10205
+ }
9874
10206
  .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 {
9875
10207
  --bco: var(--dt-color-red-400-a);
9876
10208
  border-color: hsl(var(--dt-color-red-400-h) var(--dt-color-red-400-s) var(--dt-color-red-400-l) / var(--bco)) !important;
9877
10209
  }
10210
+ .d-bc-red-450, .h\:d-bc-red-450:hover, .f\:d-bc-red-450:focus, .f\:d-bc-red-450:focus-within, .fv\:d-bc-red-450:focus-visible {
10211
+ --bco: var(--dt-color-red-450-a);
10212
+ border-color: hsl(var(--dt-color-red-450-h) var(--dt-color-red-450-s) var(--dt-color-red-450-l) / var(--bco)) !important;
10213
+ }
9878
10214
  .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 {
9879
10215
  --bco: var(--dt-color-red-500-a);
9880
10216
  border-color: hsl(var(--dt-color-red-500-h) var(--dt-color-red-500-s) var(--dt-color-red-500-l) / var(--bco)) !important;
9881
10217
  }
10218
+ .d-bc-red-600, .h\:d-bc-red-600:hover, .f\:d-bc-red-600:focus, .f\:d-bc-red-600:focus-within, .fv\:d-bc-red-600:focus-visible {
10219
+ --bco: var(--dt-color-red-600-a);
10220
+ border-color: hsl(var(--dt-color-red-600-h) var(--dt-color-red-600-s) var(--dt-color-red-600-l) / var(--bco)) !important;
10221
+ }
10222
+ .d-bc-red-700, .h\:d-bc-red-700:hover, .f\:d-bc-red-700:focus, .f\:d-bc-red-700:focus-within, .fv\:d-bc-red-700:focus-visible {
10223
+ --bco: var(--dt-color-red-700-a);
10224
+ border-color: hsl(var(--dt-color-red-700-h) var(--dt-color-red-700-s) var(--dt-color-red-700-l) / var(--bco)) !important;
10225
+ }
10226
+ .d-bc-red-900, .h\:d-bc-red-900:hover, .f\:d-bc-red-900:focus, .f\:d-bc-red-900:focus-within, .fv\:d-bc-red-900:focus-visible {
10227
+ --bco: var(--dt-color-red-900-a);
10228
+ border-color: hsl(var(--dt-color-red-900-h) var(--dt-color-red-900-s) var(--dt-color-red-900-l) / var(--bco)) !important;
10229
+ }
10230
+ .d-bc-red-1-000, .h\:d-bc-red-1-000:hover, .f\:d-bc-red-1-000:focus, .f\:d-bc-red-1-000:focus-within, .fv\:d-bc-red-1-000:focus-visible {
10231
+ --bco: var(--dt-color-red-1-000-a);
10232
+ border-color: hsl(var(--dt-color-red-1-000-h) var(--dt-color-red-1-000-s) var(--dt-color-red-1-000-l) / var(--bco)) !important;
10233
+ }
9882
10234
  .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 {
9883
10235
  --bco: var(--dt-color-tan-100-a);
9884
10236
  border-color: hsl(var(--dt-color-tan-100-h) var(--dt-color-tan-100-s) var(--dt-color-tan-100-l) / var(--bco)) !important;
@@ -9915,26 +10267,6 @@ body {
9915
10267
  --bco: var(--dt-color-border-bold-a);
9916
10268
  border-color: hsl(var(--dt-color-border-bold-h) var(--dt-color-border-bold-s) var(--dt-color-border-bold-l) / var(--bco)) !important;
9917
10269
  }
9918
- .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 {
9919
- --bco: var(--dt-color-border-subtle-inverted-a);
9920
- 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;
9921
- }
9922
- .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 {
9923
- --bco: var(--dt-color-border-default-inverted-a);
9924
- 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;
9925
- }
9926
- .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 {
9927
- --bco: var(--dt-color-border-moderate-inverted-a);
9928
- 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;
9929
- }
9930
- .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 {
9931
- --bco: var(--dt-color-border-bold-inverted-a);
9932
- 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;
9933
- }
9934
- .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 {
9935
- --bco: var(--dt-color-border-focus-a);
9936
- border-color: hsl(var(--dt-color-border-focus-h) var(--dt-color-border-focus-s) var(--dt-color-border-focus-l) / var(--bco)) !important;
9937
- }
9938
10270
  .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 {
9939
10271
  --bco: var(--dt-color-border-critical-a);
9940
10272
  border-color: hsl(var(--dt-color-border-critical-h) var(--dt-color-border-critical-s) var(--dt-color-border-critical-l) / var(--bco)) !important;
@@ -9951,46 +10283,54 @@ body {
9951
10283
  --bco: var(--dt-color-border-brand-a);
9952
10284
  border-color: hsl(var(--dt-color-border-brand-h) var(--dt-color-border-brand-s) var(--dt-color-border-brand-l) / var(--bco)) !important;
9953
10285
  }
9954
- .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 {
9955
- --bco: 100%;
9956
- border-color: var(--dt-color-border-ai) !important;
9957
- }
9958
- .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 {
9959
- --bco: var(--dt-color-border-accent-a);
9960
- border-color: hsl(var(--dt-color-border-accent-h) var(--dt-color-border-accent-s) var(--dt-color-border-accent-l) / var(--bco)) !important;
9961
- }
9962
10286
  .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 {
9963
10287
  --bco: var(--dt-color-border-critical-subtle-a);
9964
10288
  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;
9965
10289
  }
9966
- .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 {
9967
- --bco: var(--dt-color-border-critical-strong-a);
9968
- 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;
9969
- }
9970
10290
  .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 {
9971
10291
  --bco: var(--dt-color-border-success-subtle-a);
9972
10292
  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;
9973
10293
  }
9974
- .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 {
9975
- --bco: var(--dt-color-border-success-strong-a);
9976
- 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;
9977
- }
9978
10294
  .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 {
9979
10295
  --bco: var(--dt-color-border-warning-subtle-a);
9980
10296
  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;
9981
10297
  }
9982
- .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 {
9983
- --bco: var(--dt-color-border-warning-strong-a);
9984
- 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;
9985
- }
9986
10298
  .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 {
9987
10299
  --bco: var(--dt-color-border-brand-subtle-a);
9988
10300
  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;
9989
10301
  }
10302
+ .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 {
10303
+ --bco: var(--dt-color-border-critical-strong-a);
10304
+ 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;
10305
+ }
10306
+ .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 {
10307
+ --bco: var(--dt-color-border-success-strong-a);
10308
+ 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;
10309
+ }
10310
+ .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 {
10311
+ --bco: var(--dt-color-border-warning-strong-a);
10312
+ 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;
10313
+ }
9990
10314
  .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 {
9991
10315
  --bco: var(--dt-color-border-brand-strong-a);
9992
10316
  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;
9993
10317
  }
10318
+ .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 {
10319
+ --bco: var(--dt-color-border-subtle-inverted-a);
10320
+ 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;
10321
+ }
10322
+ .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 {
10323
+ --bco: var(--dt-color-border-default-inverted-a);
10324
+ 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;
10325
+ }
10326
+ .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 {
10327
+ --bco: var(--dt-color-border-moderate-inverted-a);
10328
+ 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;
10329
+ }
10330
+ .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 {
10331
+ --bco: var(--dt-color-border-bold-inverted-a);
10332
+ 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;
10333
+ }
9994
10334
  .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 {
9995
10335
  --bco: var(--dt-color-border-critical-inverted-a);
9996
10336
  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;
@@ -10011,34 +10351,46 @@ body {
10011
10351
  --bco: var(--dt-color-border-critical-subtle-inverted-a);
10012
10352
  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;
10013
10353
  }
10014
- .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 {
10015
- --bco: var(--dt-color-border-critical-strong-inverted-a);
10016
- 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;
10017
- }
10018
10354
  .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 {
10019
10355
  --bco: var(--dt-color-border-success-subtle-inverted-a);
10020
10356
  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;
10021
10357
  }
10022
- .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 {
10023
- --bco: var(--dt-color-border-success-strong-inverted-a);
10024
- 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;
10025
- }
10026
10358
  .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 {
10027
10359
  --bco: var(--dt-color-border-warning-subtle-inverted-a);
10028
10360
  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;
10029
10361
  }
10030
- .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 {
10031
- --bco: var(--dt-color-border-warning-strong-inverted-a);
10032
- 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;
10033
- }
10034
10362
  .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 {
10035
10363
  --bco: var(--dt-color-border-brand-subtle-inverted-a);
10036
10364
  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;
10037
10365
  }
10366
+ .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 {
10367
+ --bco: var(--dt-color-border-critical-strong-inverted-a);
10368
+ 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;
10369
+ }
10370
+ .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 {
10371
+ --bco: var(--dt-color-border-success-strong-inverted-a);
10372
+ 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;
10373
+ }
10374
+ .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 {
10375
+ --bco: var(--dt-color-border-warning-strong-inverted-a);
10376
+ 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;
10377
+ }
10038
10378
  .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 {
10039
10379
  --bco: var(--dt-color-border-brand-strong-inverted-a);
10040
10380
  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;
10041
10381
  }
10382
+ .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 {
10383
+ --bco: var(--dt-color-border-focus-a);
10384
+ border-color: hsl(var(--dt-color-border-focus-h) var(--dt-color-border-focus-s) var(--dt-color-border-focus-l) / var(--bco)) !important;
10385
+ }
10386
+ .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 {
10387
+ --bco: 100%;
10388
+ border-color: var(--dt-color-border-ai) !important;
10389
+ }
10390
+ .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 {
10391
+ --bco: var(--dt-color-border-accent-a);
10392
+ border-color: hsl(var(--dt-color-border-accent-h) var(--dt-color-border-accent-s) var(--dt-color-border-accent-l) / var(--bco)) !important;
10393
+ }
10042
10394
  .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 {
10043
10395
  --bgo: var(--dt-color-neutral-white-a);
10044
10396
  background-color: hsl(var(--dt-color-neutral-white-h) var(--dt-color-neutral-white-s) var(--dt-color-neutral-white-l) / var(--bgo)) !important;
@@ -10047,6 +10399,10 @@ body {
10047
10399
  --bgo: var(--dt-color-neutral-black-a);
10048
10400
  background-color: hsl(var(--dt-color-neutral-black-h) var(--dt-color-neutral-black-s) var(--dt-color-neutral-black-l) / var(--bgo)) !important;
10049
10401
  }
10402
+ .d-bgc-black50, .h\:d-bgc-black50:hover, .f\:d-bgc-black50:focus, .f\:d-bgc-black50:focus-within, .fv\:d-bgc-black50:focus-visible {
10403
+ --bgo: var(--dt-color-black50-a);
10404
+ background-color: hsl(var(--dt-color-black50-h) var(--dt-color-black50-s) var(--dt-color-black50-l) / var(--bgo)) !important;
10405
+ }
10050
10406
  .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 {
10051
10407
  --bgo: var(--dt-color-black-100-a);
10052
10408
  background-color: hsl(var(--dt-color-black-100-h) var(--dt-color-black-100-s) var(--dt-color-black-100-l) / var(--bgo)) !important;
@@ -10083,6 +10439,18 @@ body {
10083
10439
  --bgo: var(--dt-color-black-900-a);
10084
10440
  background-color: hsl(var(--dt-color-black-900-h) var(--dt-color-black-900-s) var(--dt-color-black-900-l) / var(--bgo)) !important;
10085
10441
  }
10442
+ .d-bgc-black-950, .h\:d-bgc-black-950:hover, .f\:d-bgc-black-950:focus, .f\:d-bgc-black-950:focus-within, .fv\:d-bgc-black-950:focus-visible {
10443
+ --bgo: var(--dt-color-black-950-a);
10444
+ background-color: hsl(var(--dt-color-black-950-h) var(--dt-color-black-950-s) var(--dt-color-black-950-l) / var(--bgo)) !important;
10445
+ }
10446
+ .d-bgc-black-1-000, .h\:d-bgc-black-1-000:hover, .f\:d-bgc-black-1-000:focus, .f\:d-bgc-black-1-000:focus-within, .fv\:d-bgc-black-1-000:focus-visible {
10447
+ --bgo: var(--dt-color-black-1-000-a);
10448
+ background-color: hsl(var(--dt-color-black-1-000-h) var(--dt-color-black-1-000-s) var(--dt-color-black-1-000-l) / var(--bgo)) !important;
10449
+ }
10450
+ .d-bgc-purple50, .h\:d-bgc-purple50:hover, .f\:d-bgc-purple50:focus, .f\:d-bgc-purple50:focus-within, .fv\:d-bgc-purple50:focus-visible {
10451
+ --bgo: var(--dt-color-purple50-a);
10452
+ background-color: hsl(var(--dt-color-purple50-h) var(--dt-color-purple50-s) var(--dt-color-purple50-l) / var(--bgo)) !important;
10453
+ }
10086
10454
  .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 {
10087
10455
  --bgo: var(--dt-color-purple-100-a);
10088
10456
  background-color: hsl(var(--dt-color-purple-100-h) var(--dt-color-purple-100-s) var(--dt-color-purple-100-l) / var(--bgo)) !important;
@@ -10091,22 +10459,46 @@ body {
10091
10459
  --bgo: var(--dt-color-purple-200-a);
10092
10460
  background-color: hsl(var(--dt-color-purple-200-h) var(--dt-color-purple-200-s) var(--dt-color-purple-200-l) / var(--bgo)) !important;
10093
10461
  }
10462
+ .d-bgc-purple-250, .h\:d-bgc-purple-250:hover, .f\:d-bgc-purple-250:focus, .f\:d-bgc-purple-250:focus-within, .fv\:d-bgc-purple-250:focus-visible {
10463
+ --bgo: var(--dt-color-purple-250-a);
10464
+ background-color: hsl(var(--dt-color-purple-250-h) var(--dt-color-purple-250-s) var(--dt-color-purple-250-l) / var(--bgo)) !important;
10465
+ }
10094
10466
  .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 {
10095
10467
  --bgo: var(--dt-color-purple-300-a);
10096
10468
  background-color: hsl(var(--dt-color-purple-300-h) var(--dt-color-purple-300-s) var(--dt-color-purple-300-l) / var(--bgo)) !important;
10097
10469
  }
10470
+ .d-bgc-purple-350, .h\:d-bgc-purple-350:hover, .f\:d-bgc-purple-350:focus, .f\:d-bgc-purple-350:focus-within, .fv\:d-bgc-purple-350:focus-visible {
10471
+ --bgo: var(--dt-color-purple-350-a);
10472
+ background-color: hsl(var(--dt-color-purple-350-h) var(--dt-color-purple-350-s) var(--dt-color-purple-350-l) / var(--bgo)) !important;
10473
+ }
10098
10474
  .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 {
10099
10475
  --bgo: var(--dt-color-purple-400-a);
10100
10476
  background-color: hsl(var(--dt-color-purple-400-h) var(--dt-color-purple-400-s) var(--dt-color-purple-400-l) / var(--bgo)) !important;
10101
10477
  }
10478
+ .d-bgc-purple-450, .h\:d-bgc-purple-450:hover, .f\:d-bgc-purple-450:focus, .f\:d-bgc-purple-450:focus-within, .fv\:d-bgc-purple-450:focus-visible {
10479
+ --bgo: var(--dt-color-purple-450-a);
10480
+ background-color: hsl(var(--dt-color-purple-450-h) var(--dt-color-purple-450-s) var(--dt-color-purple-450-l) / var(--bgo)) !important;
10481
+ }
10102
10482
  .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 {
10103
10483
  --bgo: var(--dt-color-purple-500-a);
10104
10484
  background-color: hsl(var(--dt-color-purple-500-h) var(--dt-color-purple-500-s) var(--dt-color-purple-500-l) / var(--bgo)) !important;
10105
10485
  }
10486
+ .d-bgc-purple-550, .h\:d-bgc-purple-550:hover, .f\:d-bgc-purple-550:focus, .f\:d-bgc-purple-550:focus-within, .fv\:d-bgc-purple-550:focus-visible {
10487
+ --bgo: var(--dt-color-purple-550-a);
10488
+ background-color: hsl(var(--dt-color-purple-550-h) var(--dt-color-purple-550-s) var(--dt-color-purple-550-l) / var(--bgo)) !important;
10489
+ }
10106
10490
  .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 {
10107
10491
  --bgo: var(--dt-color-purple-600-a);
10108
10492
  background-color: hsl(var(--dt-color-purple-600-h) var(--dt-color-purple-600-s) var(--dt-color-purple-600-l) / var(--bgo)) !important;
10109
10493
  }
10494
+ .d-bgc-purple-1-000, .h\:d-bgc-purple-1-000:hover, .f\:d-bgc-purple-1-000:focus, .f\:d-bgc-purple-1-000:focus-within, .fv\:d-bgc-purple-1-000:focus-visible {
10495
+ --bgo: var(--dt-color-purple-1-000-a);
10496
+ background-color: hsl(var(--dt-color-purple-1-000-h) var(--dt-color-purple-1-000-s) var(--dt-color-purple-1-000-l) / var(--bgo)) !important;
10497
+ }
10498
+ .d-bgc-blue50, .h\:d-bgc-blue50:hover, .f\:d-bgc-blue50:focus, .f\:d-bgc-blue50:focus-within, .fv\:d-bgc-blue50:focus-visible {
10499
+ --bgo: var(--dt-color-blue50-a);
10500
+ background-color: hsl(var(--dt-color-blue50-h) var(--dt-color-blue50-s) var(--dt-color-blue50-l) / var(--bgo)) !important;
10501
+ }
10110
10502
  .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 {
10111
10503
  --bgo: var(--dt-color-blue-100-a);
10112
10504
  background-color: hsl(var(--dt-color-blue-100-h) var(--dt-color-blue-100-s) var(--dt-color-blue-100-l) / var(--bgo)) !important;
@@ -10123,10 +10515,38 @@ body {
10123
10515
  --bgo: var(--dt-color-blue-400-a);
10124
10516
  background-color: hsl(var(--dt-color-blue-400-h) var(--dt-color-blue-400-s) var(--dt-color-blue-400-l) / var(--bgo)) !important;
10125
10517
  }
10518
+ .d-bgc-blue-425, .h\:d-bgc-blue-425:hover, .f\:d-bgc-blue-425:focus, .f\:d-bgc-blue-425:focus-within, .fv\:d-bgc-blue-425:focus-visible {
10519
+ --bgo: var(--dt-color-blue-425-a);
10520
+ background-color: hsl(var(--dt-color-blue-425-h) var(--dt-color-blue-425-s) var(--dt-color-blue-425-l) / var(--bgo)) !important;
10521
+ }
10522
+ .d-bgc-blue-450, .h\:d-bgc-blue-450:hover, .f\:d-bgc-blue-450:focus, .f\:d-bgc-blue-450:focus-within, .fv\:d-bgc-blue-450:focus-visible {
10523
+ --bgo: var(--dt-color-blue-450-a);
10524
+ background-color: hsl(var(--dt-color-blue-450-h) var(--dt-color-blue-450-s) var(--dt-color-blue-450-l) / var(--bgo)) !important;
10525
+ }
10526
+ .d-bgc-blue-475, .h\:d-bgc-blue-475:hover, .f\:d-bgc-blue-475:focus, .f\:d-bgc-blue-475:focus-within, .fv\:d-bgc-blue-475:focus-visible {
10527
+ --bgo: var(--dt-color-blue-475-a);
10528
+ background-color: hsl(var(--dt-color-blue-475-h) var(--dt-color-blue-475-s) var(--dt-color-blue-475-l) / var(--bgo)) !important;
10529
+ }
10126
10530
  .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 {
10127
10531
  --bgo: var(--dt-color-blue-500-a);
10128
10532
  background-color: hsl(var(--dt-color-blue-500-h) var(--dt-color-blue-500-s) var(--dt-color-blue-500-l) / var(--bgo)) !important;
10129
10533
  }
10534
+ .d-bgc-blue-600, .h\:d-bgc-blue-600:hover, .f\:d-bgc-blue-600:focus, .f\:d-bgc-blue-600:focus-within, .fv\:d-bgc-blue-600:focus-visible {
10535
+ --bgo: var(--dt-color-blue-600-a);
10536
+ background-color: hsl(var(--dt-color-blue-600-h) var(--dt-color-blue-600-s) var(--dt-color-blue-600-l) / var(--bgo)) !important;
10537
+ }
10538
+ .d-bgc-blue-900, .h\:d-bgc-blue-900:hover, .f\:d-bgc-blue-900:focus, .f\:d-bgc-blue-900:focus-within, .fv\:d-bgc-blue-900:focus-visible {
10539
+ --bgo: var(--dt-color-blue-900-a);
10540
+ background-color: hsl(var(--dt-color-blue-900-h) var(--dt-color-blue-900-s) var(--dt-color-blue-900-l) / var(--bgo)) !important;
10541
+ }
10542
+ .d-bgc-blue-1-000, .h\:d-bgc-blue-1-000:hover, .f\:d-bgc-blue-1-000:focus, .f\:d-bgc-blue-1-000:focus-within, .fv\:d-bgc-blue-1-000:focus-visible {
10543
+ --bgo: var(--dt-color-blue-1-000-a);
10544
+ background-color: hsl(var(--dt-color-blue-1-000-h) var(--dt-color-blue-1-000-s) var(--dt-color-blue-1-000-l) / var(--bgo)) !important;
10545
+ }
10546
+ .d-bgc-magenta50, .h\:d-bgc-magenta50:hover, .f\:d-bgc-magenta50:focus, .f\:d-bgc-magenta50:focus-within, .fv\:d-bgc-magenta50:focus-visible {
10547
+ --bgo: var(--dt-color-magenta50-a);
10548
+ background-color: hsl(var(--dt-color-magenta50-h) var(--dt-color-magenta50-s) var(--dt-color-magenta50-l) / var(--bgo)) !important;
10549
+ }
10130
10550
  .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 {
10131
10551
  --bgo: var(--dt-color-magenta-100-a);
10132
10552
  background-color: hsl(var(--dt-color-magenta-100-h) var(--dt-color-magenta-100-s) var(--dt-color-magenta-100-l) / var(--bgo)) !important;
@@ -10135,6 +10555,10 @@ body {
10135
10555
  --bgo: var(--dt-color-magenta-200-a);
10136
10556
  background-color: hsl(var(--dt-color-magenta-200-h) var(--dt-color-magenta-200-s) var(--dt-color-magenta-200-l) / var(--bgo)) !important;
10137
10557
  }
10558
+ .d-bgc-magenta-250, .h\:d-bgc-magenta-250:hover, .f\:d-bgc-magenta-250:focus, .f\:d-bgc-magenta-250:focus-within, .fv\:d-bgc-magenta-250:focus-visible {
10559
+ --bgo: var(--dt-color-magenta-250-a);
10560
+ background-color: hsl(var(--dt-color-magenta-250-h) var(--dt-color-magenta-250-s) var(--dt-color-magenta-250-l) / var(--bgo)) !important;
10561
+ }
10138
10562
  .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 {
10139
10563
  --bgo: var(--dt-color-magenta-300-a);
10140
10564
  background-color: hsl(var(--dt-color-magenta-300-h) var(--dt-color-magenta-300-s) var(--dt-color-magenta-300-l) / var(--bgo)) !important;
@@ -10143,10 +10567,34 @@ body {
10143
10567
  --bgo: var(--dt-color-magenta-400-a);
10144
10568
  background-color: hsl(var(--dt-color-magenta-400-h) var(--dt-color-magenta-400-s) var(--dt-color-magenta-400-l) / var(--bgo)) !important;
10145
10569
  }
10570
+ .d-bgc-magenta-425, .h\:d-bgc-magenta-425:hover, .f\:d-bgc-magenta-425:focus, .f\:d-bgc-magenta-425:focus-within, .fv\:d-bgc-magenta-425:focus-visible {
10571
+ --bgo: var(--dt-color-magenta-425-a);
10572
+ background-color: hsl(var(--dt-color-magenta-425-h) var(--dt-color-magenta-425-s) var(--dt-color-magenta-425-l) / var(--bgo)) !important;
10573
+ }
10574
+ .d-bgc-magenta-475, .h\:d-bgc-magenta-475:hover, .f\:d-bgc-magenta-475:focus, .f\:d-bgc-magenta-475:focus-within, .fv\:d-bgc-magenta-475:focus-visible {
10575
+ --bgo: var(--dt-color-magenta-475-a);
10576
+ background-color: hsl(var(--dt-color-magenta-475-h) var(--dt-color-magenta-475-s) var(--dt-color-magenta-475-l) / var(--bgo)) !important;
10577
+ }
10146
10578
  .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 {
10147
10579
  --bgo: var(--dt-color-magenta-500-a);
10148
10580
  background-color: hsl(var(--dt-color-magenta-500-h) var(--dt-color-magenta-500-s) var(--dt-color-magenta-500-l) / var(--bgo)) !important;
10149
10581
  }
10582
+ .d-bgc-magenta-600, .h\:d-bgc-magenta-600:hover, .f\:d-bgc-magenta-600:focus, .f\:d-bgc-magenta-600:focus-within, .fv\:d-bgc-magenta-600:focus-visible {
10583
+ --bgo: var(--dt-color-magenta-600-a);
10584
+ background-color: hsl(var(--dt-color-magenta-600-h) var(--dt-color-magenta-600-s) var(--dt-color-magenta-600-l) / var(--bgo)) !important;
10585
+ }
10586
+ .d-bgc-magenta-900, .h\:d-bgc-magenta-900:hover, .f\:d-bgc-magenta-900:focus, .f\:d-bgc-magenta-900:focus-within, .fv\:d-bgc-magenta-900:focus-visible {
10587
+ --bgo: var(--dt-color-magenta-900-a);
10588
+ background-color: hsl(var(--dt-color-magenta-900-h) var(--dt-color-magenta-900-s) var(--dt-color-magenta-900-l) / var(--bgo)) !important;
10589
+ }
10590
+ .d-bgc-magenta-1-000, .h\:d-bgc-magenta-1-000:hover, .f\:d-bgc-magenta-1-000:focus, .f\:d-bgc-magenta-1-000:focus-within, .fv\:d-bgc-magenta-1-000:focus-visible {
10591
+ --bgo: var(--dt-color-magenta-1-000-a);
10592
+ background-color: hsl(var(--dt-color-magenta-1-000-h) var(--dt-color-magenta-1-000-s) var(--dt-color-magenta-1-000-l) / var(--bgo)) !important;
10593
+ }
10594
+ .d-bgc-gold50, .h\:d-bgc-gold50:hover, .f\:d-bgc-gold50:focus, .f\:d-bgc-gold50:focus-within, .fv\:d-bgc-gold50:focus-visible {
10595
+ --bgo: var(--dt-color-gold50-a);
10596
+ background-color: hsl(var(--dt-color-gold50-h) var(--dt-color-gold50-s) var(--dt-color-gold50-l) / var(--bgo)) !important;
10597
+ }
10150
10598
  .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 {
10151
10599
  --bgo: var(--dt-color-gold-100-a);
10152
10600
  background-color: hsl(var(--dt-color-gold-100-h) var(--dt-color-gold-100-s) var(--dt-color-gold-100-l) / var(--bgo)) !important;
@@ -10159,14 +10607,42 @@ body {
10159
10607
  --bgo: var(--dt-color-gold-300-a);
10160
10608
  background-color: hsl(var(--dt-color-gold-300-h) var(--dt-color-gold-300-s) var(--dt-color-gold-300-l) / var(--bgo)) !important;
10161
10609
  }
10610
+ .d-bgc-gold-350, .h\:d-bgc-gold-350:hover, .f\:d-bgc-gold-350:focus, .f\:d-bgc-gold-350:focus-within, .fv\:d-bgc-gold-350:focus-visible {
10611
+ --bgo: var(--dt-color-gold-350-a);
10612
+ background-color: hsl(var(--dt-color-gold-350-h) var(--dt-color-gold-350-s) var(--dt-color-gold-350-l) / var(--bgo)) !important;
10613
+ }
10162
10614
  .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 {
10163
10615
  --bgo: var(--dt-color-gold-400-a);
10164
10616
  background-color: hsl(var(--dt-color-gold-400-h) var(--dt-color-gold-400-s) var(--dt-color-gold-400-l) / var(--bgo)) !important;
10165
10617
  }
10618
+ .d-bgc-gold-450, .h\:d-bgc-gold-450:hover, .f\:d-bgc-gold-450:focus, .f\:d-bgc-gold-450:focus-within, .fv\:d-bgc-gold-450:focus-visible {
10619
+ --bgo: var(--dt-color-gold-450-a);
10620
+ background-color: hsl(var(--dt-color-gold-450-h) var(--dt-color-gold-450-s) var(--dt-color-gold-450-l) / var(--bgo)) !important;
10621
+ }
10166
10622
  .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 {
10167
10623
  --bgo: var(--dt-color-gold-500-a);
10168
10624
  background-color: hsl(var(--dt-color-gold-500-h) var(--dt-color-gold-500-s) var(--dt-color-gold-500-l) / var(--bgo)) !important;
10169
10625
  }
10626
+ .d-bgc-gold-600, .h\:d-bgc-gold-600:hover, .f\:d-bgc-gold-600:focus, .f\:d-bgc-gold-600:focus-within, .fv\:d-bgc-gold-600:focus-visible {
10627
+ --bgo: var(--dt-color-gold-600-a);
10628
+ background-color: hsl(var(--dt-color-gold-600-h) var(--dt-color-gold-600-s) var(--dt-color-gold-600-l) / var(--bgo)) !important;
10629
+ }
10630
+ .d-bgc-gold-700, .h\:d-bgc-gold-700:hover, .f\:d-bgc-gold-700:focus, .f\:d-bgc-gold-700:focus-within, .fv\:d-bgc-gold-700:focus-visible {
10631
+ --bgo: var(--dt-color-gold-700-a);
10632
+ background-color: hsl(var(--dt-color-gold-700-h) var(--dt-color-gold-700-s) var(--dt-color-gold-700-l) / var(--bgo)) !important;
10633
+ }
10634
+ .d-bgc-gold-900, .h\:d-bgc-gold-900:hover, .f\:d-bgc-gold-900:focus, .f\:d-bgc-gold-900:focus-within, .fv\:d-bgc-gold-900:focus-visible {
10635
+ --bgo: var(--dt-color-gold-900-a);
10636
+ background-color: hsl(var(--dt-color-gold-900-h) var(--dt-color-gold-900-s) var(--dt-color-gold-900-l) / var(--bgo)) !important;
10637
+ }
10638
+ .d-bgc-gold-1-000, .h\:d-bgc-gold-1-000:hover, .f\:d-bgc-gold-1-000:focus, .f\:d-bgc-gold-1-000:focus-within, .fv\:d-bgc-gold-1-000:focus-visible {
10639
+ --bgo: var(--dt-color-gold-1-000-a);
10640
+ background-color: hsl(var(--dt-color-gold-1-000-h) var(--dt-color-gold-1-000-s) var(--dt-color-gold-1-000-l) / var(--bgo)) !important;
10641
+ }
10642
+ .d-bgc-green50, .h\:d-bgc-green50:hover, .f\:d-bgc-green50:focus, .f\:d-bgc-green50:focus-within, .fv\:d-bgc-green50:focus-visible {
10643
+ --bgo: var(--dt-color-green50-a);
10644
+ background-color: hsl(var(--dt-color-green50-h) var(--dt-color-green50-s) var(--dt-color-green50-l) / var(--bgo)) !important;
10645
+ }
10170
10646
  .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 {
10171
10647
  --bgo: var(--dt-color-green-100-a);
10172
10648
  background-color: hsl(var(--dt-color-green-100-h) var(--dt-color-green-100-s) var(--dt-color-green-100-l) / var(--bgo)) !important;
@@ -10179,14 +10655,42 @@ body {
10179
10655
  --bgo: var(--dt-color-green-300-a);
10180
10656
  background-color: hsl(var(--dt-color-green-300-h) var(--dt-color-green-300-s) var(--dt-color-green-300-l) / var(--bgo)) !important;
10181
10657
  }
10658
+ .d-bgc-green-350, .h\:d-bgc-green-350:hover, .f\:d-bgc-green-350:focus, .f\:d-bgc-green-350:focus-within, .fv\:d-bgc-green-350:focus-visible {
10659
+ --bgo: var(--dt-color-green-350-a);
10660
+ background-color: hsl(var(--dt-color-green-350-h) var(--dt-color-green-350-s) var(--dt-color-green-350-l) / var(--bgo)) !important;
10661
+ }
10182
10662
  .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 {
10183
10663
  --bgo: var(--dt-color-green-400-a);
10184
10664
  background-color: hsl(var(--dt-color-green-400-h) var(--dt-color-green-400-s) var(--dt-color-green-400-l) / var(--bgo)) !important;
10185
10665
  }
10666
+ .d-bgc-green-425, .h\:d-bgc-green-425:hover, .f\:d-bgc-green-425:focus, .f\:d-bgc-green-425:focus-within, .fv\:d-bgc-green-425:focus-visible {
10667
+ --bgo: var(--dt-color-green-425-a);
10668
+ background-color: hsl(var(--dt-color-green-425-h) var(--dt-color-green-425-s) var(--dt-color-green-425-l) / var(--bgo)) !important;
10669
+ }
10670
+ .d-bgc-green-475, .h\:d-bgc-green-475:hover, .f\:d-bgc-green-475:focus, .f\:d-bgc-green-475:focus-within, .fv\:d-bgc-green-475:focus-visible {
10671
+ --bgo: var(--dt-color-green-475-a);
10672
+ background-color: hsl(var(--dt-color-green-475-h) var(--dt-color-green-475-s) var(--dt-color-green-475-l) / var(--bgo)) !important;
10673
+ }
10186
10674
  .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 {
10187
10675
  --bgo: var(--dt-color-green-500-a);
10188
10676
  background-color: hsl(var(--dt-color-green-500-h) var(--dt-color-green-500-s) var(--dt-color-green-500-l) / var(--bgo)) !important;
10189
10677
  }
10678
+ .d-bgc-green-600, .h\:d-bgc-green-600:hover, .f\:d-bgc-green-600:focus, .f\:d-bgc-green-600:focus-within, .fv\:d-bgc-green-600:focus-visible {
10679
+ --bgo: var(--dt-color-green-600-a);
10680
+ background-color: hsl(var(--dt-color-green-600-h) var(--dt-color-green-600-s) var(--dt-color-green-600-l) / var(--bgo)) !important;
10681
+ }
10682
+ .d-bgc-green-900, .h\:d-bgc-green-900:hover, .f\:d-bgc-green-900:focus, .f\:d-bgc-green-900:focus-within, .fv\:d-bgc-green-900:focus-visible {
10683
+ --bgo: var(--dt-color-green-900-a);
10684
+ background-color: hsl(var(--dt-color-green-900-h) var(--dt-color-green-900-s) var(--dt-color-green-900-l) / var(--bgo)) !important;
10685
+ }
10686
+ .d-bgc-green-1-000, .h\:d-bgc-green-1-000:hover, .f\:d-bgc-green-1-000:focus, .f\:d-bgc-green-1-000:focus-within, .fv\:d-bgc-green-1-000:focus-visible {
10687
+ --bgo: var(--dt-color-green-1-000-a);
10688
+ background-color: hsl(var(--dt-color-green-1-000-h) var(--dt-color-green-1-000-s) var(--dt-color-green-1-000-l) / var(--bgo)) !important;
10689
+ }
10690
+ .d-bgc-red50, .h\:d-bgc-red50:hover, .f\:d-bgc-red50:focus, .f\:d-bgc-red50:focus-within, .fv\:d-bgc-red50:focus-visible {
10691
+ --bgo: var(--dt-color-red50-a);
10692
+ background-color: hsl(var(--dt-color-red50-h) var(--dt-color-red50-s) var(--dt-color-red50-l) / var(--bgo)) !important;
10693
+ }
10190
10694
  .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 {
10191
10695
  --bgo: var(--dt-color-red-100-a);
10192
10696
  background-color: hsl(var(--dt-color-red-100-h) var(--dt-color-red-100-s) var(--dt-color-red-100-l) / var(--bgo)) !important;
@@ -10199,14 +10703,38 @@ body {
10199
10703
  --bgo: var(--dt-color-red-300-a);
10200
10704
  background-color: hsl(var(--dt-color-red-300-h) var(--dt-color-red-300-s) var(--dt-color-red-300-l) / var(--bgo)) !important;
10201
10705
  }
10706
+ .d-bgc-red-350, .h\:d-bgc-red-350:hover, .f\:d-bgc-red-350:focus, .f\:d-bgc-red-350:focus-within, .fv\:d-bgc-red-350:focus-visible {
10707
+ --bgo: var(--dt-color-red-350-a);
10708
+ background-color: hsl(var(--dt-color-red-350-h) var(--dt-color-red-350-s) var(--dt-color-red-350-l) / var(--bgo)) !important;
10709
+ }
10202
10710
  .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 {
10203
10711
  --bgo: var(--dt-color-red-400-a);
10204
10712
  background-color: hsl(var(--dt-color-red-400-h) var(--dt-color-red-400-s) var(--dt-color-red-400-l) / var(--bgo)) !important;
10205
10713
  }
10714
+ .d-bgc-red-450, .h\:d-bgc-red-450:hover, .f\:d-bgc-red-450:focus, .f\:d-bgc-red-450:focus-within, .fv\:d-bgc-red-450:focus-visible {
10715
+ --bgo: var(--dt-color-red-450-a);
10716
+ background-color: hsl(var(--dt-color-red-450-h) var(--dt-color-red-450-s) var(--dt-color-red-450-l) / var(--bgo)) !important;
10717
+ }
10206
10718
  .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 {
10207
10719
  --bgo: var(--dt-color-red-500-a);
10208
10720
  background-color: hsl(var(--dt-color-red-500-h) var(--dt-color-red-500-s) var(--dt-color-red-500-l) / var(--bgo)) !important;
10209
10721
  }
10722
+ .d-bgc-red-600, .h\:d-bgc-red-600:hover, .f\:d-bgc-red-600:focus, .f\:d-bgc-red-600:focus-within, .fv\:d-bgc-red-600:focus-visible {
10723
+ --bgo: var(--dt-color-red-600-a);
10724
+ background-color: hsl(var(--dt-color-red-600-h) var(--dt-color-red-600-s) var(--dt-color-red-600-l) / var(--bgo)) !important;
10725
+ }
10726
+ .d-bgc-red-700, .h\:d-bgc-red-700:hover, .f\:d-bgc-red-700:focus, .f\:d-bgc-red-700:focus-within, .fv\:d-bgc-red-700:focus-visible {
10727
+ --bgo: var(--dt-color-red-700-a);
10728
+ background-color: hsl(var(--dt-color-red-700-h) var(--dt-color-red-700-s) var(--dt-color-red-700-l) / var(--bgo)) !important;
10729
+ }
10730
+ .d-bgc-red-900, .h\:d-bgc-red-900:hover, .f\:d-bgc-red-900:focus, .f\:d-bgc-red-900:focus-within, .fv\:d-bgc-red-900:focus-visible {
10731
+ --bgo: var(--dt-color-red-900-a);
10732
+ background-color: hsl(var(--dt-color-red-900-h) var(--dt-color-red-900-s) var(--dt-color-red-900-l) / var(--bgo)) !important;
10733
+ }
10734
+ .d-bgc-red-1-000, .h\:d-bgc-red-1-000:hover, .f\:d-bgc-red-1-000:focus, .f\:d-bgc-red-1-000:focus-within, .fv\:d-bgc-red-1-000:focus-visible {
10735
+ --bgo: var(--dt-color-red-1-000-a);
10736
+ background-color: hsl(var(--dt-color-red-1-000-h) var(--dt-color-red-1-000-s) var(--dt-color-red-1-000-l) / var(--bgo)) !important;
10737
+ }
10210
10738
  .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 {
10211
10739
  --bgo: var(--dt-color-tan-100-a);
10212
10740
  background-color: hsl(var(--dt-color-tan-100-h) var(--dt-color-tan-100-s) var(--dt-color-tan-100-l) / var(--bgo)) !important;
@@ -10227,133 +10755,265 @@ body {
10227
10755
  --bgo: var(--dt-color-tan-500-a);
10228
10756
  background-color: hsl(var(--dt-color-tan-500-h) var(--dt-color-tan-500-s) var(--dt-color-tan-500-l) / var(--bgo)) !important;
10229
10757
  }
10230
- .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 {
10231
- --bgo: var(--dt-color-surface-secondary-opaque-a);
10232
- 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;
10758
+ .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 {
10759
+ --bgo: var(--dt-color-surface-primary-a);
10760
+ background-color: hsl(var(--dt-color-surface-primary-h) var(--dt-color-surface-primary-s) var(--dt-color-surface-primary-l) / var(--bgo)) !important;
10233
10761
  }
10234
- .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 {
10235
- --bgo: var(--dt-color-surface-moderate-opaque-a);
10236
- 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;
10762
+ .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 {
10763
+ --bgo: var(--dt-color-surface-secondary-a);
10764
+ background-color: hsl(var(--dt-color-surface-secondary-h) var(--dt-color-surface-secondary-s) var(--dt-color-surface-secondary-l) / var(--bgo)) !important;
10237
10765
  }
10238
- .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 {
10239
- --bgo: var(--dt-color-surface-bold-opaque-a);
10240
- 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;
10766
+ .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 {
10767
+ --bgo: var(--dt-color-surface-moderate-a);
10768
+ background-color: hsl(var(--dt-color-surface-moderate-h) var(--dt-color-surface-moderate-s) var(--dt-color-surface-moderate-l) / var(--bgo)) !important;
10241
10769
  }
10242
- .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 {
10243
- --bgo: var(--dt-color-surface-strong-opaque-a);
10770
+ .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 {
10771
+ --bgo: var(--dt-color-surface-bold-a);
10772
+ background-color: hsl(var(--dt-color-surface-bold-h) var(--dt-color-surface-bold-s) var(--dt-color-surface-bold-l) / var(--bgo)) !important;
10773
+ }
10774
+ .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 {
10775
+ --bgo: var(--dt-color-surface-strong-a);
10776
+ background-color: hsl(var(--dt-color-surface-strong-h) var(--dt-color-surface-strong-s) var(--dt-color-surface-strong-l) / var(--bgo)) !important;
10777
+ }
10778
+ .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 {
10779
+ --bgo: var(--dt-color-surface-contrast-a);
10780
+ background-color: hsl(var(--dt-color-surface-contrast-h) var(--dt-color-surface-contrast-s) var(--dt-color-surface-contrast-l) / var(--bgo)) !important;
10781
+ }
10782
+ .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 {
10783
+ --bgo: var(--dt-color-surface-critical-a);
10784
+ background-color: hsl(var(--dt-color-surface-critical-h) var(--dt-color-surface-critical-s) var(--dt-color-surface-critical-l) / var(--bgo)) !important;
10785
+ }
10786
+ .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 {
10787
+ --bgo: var(--dt-color-surface-warning-a);
10788
+ background-color: hsl(var(--dt-color-surface-warning-h) var(--dt-color-surface-warning-s) var(--dt-color-surface-warning-l) / var(--bgo)) !important;
10789
+ }
10790
+ .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 {
10791
+ --bgo: var(--dt-color-surface-success-a);
10792
+ background-color: hsl(var(--dt-color-surface-success-h) var(--dt-color-surface-success-s) var(--dt-color-surface-success-l) / var(--bgo)) !important;
10793
+ }
10794
+ .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 {
10795
+ --bgo: var(--dt-color-surface-info-a);
10796
+ background-color: hsl(var(--dt-color-surface-info-h) var(--dt-color-surface-info-s) var(--dt-color-surface-info-l) / var(--bgo)) !important;
10797
+ }
10798
+ .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 {
10799
+ --bgo: var(--dt-color-surface-critical-subtle-a);
10800
+ 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;
10801
+ }
10802
+ .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 {
10803
+ --bgo: var(--dt-color-surface-warning-subtle-a);
10804
+ 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;
10805
+ }
10806
+ .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 {
10807
+ --bgo: var(--dt-color-surface-success-subtle-a);
10808
+ 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;
10809
+ }
10810
+ .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 {
10811
+ --bgo: var(--dt-color-surface-info-subtle-a);
10812
+ 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;
10813
+ }
10814
+ .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 {
10815
+ --bgo: var(--dt-color-surface-critical-strong-a);
10816
+ 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;
10817
+ }
10818
+ .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 {
10819
+ --bgo: var(--dt-color-surface-warning-strong-a);
10820
+ 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;
10821
+ }
10822
+ .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 {
10823
+ --bgo: var(--dt-color-surface-success-strong-a);
10824
+ 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;
10825
+ }
10826
+ .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 {
10827
+ --bgo: var(--dt-color-surface-info-strong-a);
10828
+ 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;
10829
+ }
10830
+ .d-bgc-primary-opaque, .h\:d-bgc-primary-opaque:hover, .f\:d-bgc-primary-opaque:focus, .f\:d-bgc-primary-opaque:focus-within, .fv\:d-bgc-primary-opaque:focus-visible {
10831
+ --bgo: var(--dt-color-surface-primary-opaque-a);
10832
+ background-color: hsl(var(--dt-color-surface-primary-opaque-h) var(--dt-color-surface-primary-opaque-s) var(--dt-color-surface-primary-opaque-l) / var(--bgo)) !important;
10833
+ }
10834
+ .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 {
10835
+ --bgo: var(--dt-color-surface-secondary-opaque-a);
10836
+ 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;
10837
+ }
10838
+ .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 {
10839
+ --bgo: var(--dt-color-surface-moderate-opaque-a);
10840
+ 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;
10841
+ }
10842
+ .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 {
10843
+ --bgo: var(--dt-color-surface-bold-opaque-a);
10844
+ 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;
10845
+ }
10846
+ .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 {
10847
+ --bgo: var(--dt-color-surface-strong-opaque-a);
10244
10848
  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;
10245
10849
  }
10246
10850
  .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 {
10247
10851
  --bgo: var(--dt-color-surface-contrast-opaque-a);
10248
10852
  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;
10249
10853
  }
10250
- .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 {
10251
- --bgo: var(--dt-color-surface-backdrop-a);
10252
- background-color: hsl(var(--dt-color-surface-backdrop-h) var(--dt-color-surface-backdrop-s) var(--dt-color-surface-backdrop-l) / var(--bgo)) !important;
10253
- }
10254
10854
  .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 {
10255
10855
  --bgo: var(--dt-color-surface-critical-opaque-a);
10256
10856
  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;
10257
10857
  }
10258
- .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 {
10259
- --bgo: var(--dt-color-surface-critical-subtle-opaque-a);
10260
- 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;
10261
- }
10262
10858
  .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 {
10263
10859
  --bgo: var(--dt-color-surface-warning-opaque-a);
10264
10860
  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;
10265
10861
  }
10266
- .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 {
10267
- --bgo: var(--dt-color-surface-warning-subtle-opaque-a);
10268
- 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;
10269
- }
10270
10862
  .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 {
10271
10863
  --bgo: var(--dt-color-surface-success-opaque-a);
10272
10864
  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;
10273
10865
  }
10274
- .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 {
10275
- --bgo: var(--dt-color-surface-success-subtle-opaque-a);
10276
- 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;
10277
- }
10278
10866
  .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 {
10279
10867
  --bgo: var(--dt-color-surface-info-opaque-a);
10280
10868
  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;
10281
10869
  }
10870
+ .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 {
10871
+ --bgo: var(--dt-color-surface-critical-subtle-opaque-a);
10872
+ 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;
10873
+ }
10874
+ .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 {
10875
+ --bgo: var(--dt-color-surface-warning-subtle-opaque-a);
10876
+ 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;
10877
+ }
10878
+ .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 {
10879
+ --bgo: var(--dt-color-surface-success-subtle-opaque-a);
10880
+ 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;
10881
+ }
10282
10882
  .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 {
10283
10883
  --bgo: var(--dt-color-surface-info-subtle-opaque-a);
10284
10884
  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;
10285
10885
  }
10286
- .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 {
10287
- --bgo: var(--dt-color-surface-primary-a);
10288
- background-color: hsl(var(--dt-color-surface-primary-h) var(--dt-color-surface-primary-s) var(--dt-color-surface-primary-l) / var(--bgo)) !important;
10886
+ .d-bgc-primary-inverted, .h\:d-bgc-primary-inverted:hover, .f\:d-bgc-primary-inverted:focus, .f\:d-bgc-primary-inverted:focus-within, .fv\:d-bgc-primary-inverted:focus-visible {
10887
+ --bgo: var(--dt-color-surface-primary-inverted-a);
10888
+ background-color: hsl(var(--dt-color-surface-primary-inverted-h) var(--dt-color-surface-primary-inverted-s) var(--dt-color-surface-primary-inverted-l) / var(--bgo)) !important;
10289
10889
  }
10290
- .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 {
10291
- --bgo: var(--dt-color-surface-secondary-a);
10292
- background-color: hsl(var(--dt-color-surface-secondary-h) var(--dt-color-surface-secondary-s) var(--dt-color-surface-secondary-l) / var(--bgo)) !important;
10890
+ .d-bgc-secondary-inverted, .h\:d-bgc-secondary-inverted:hover, .f\:d-bgc-secondary-inverted:focus, .f\:d-bgc-secondary-inverted:focus-within, .fv\:d-bgc-secondary-inverted:focus-visible {
10891
+ --bgo: var(--dt-color-surface-secondary-inverted-a);
10892
+ background-color: hsl(var(--dt-color-surface-secondary-inverted-h) var(--dt-color-surface-secondary-inverted-s) var(--dt-color-surface-secondary-inverted-l) / var(--bgo)) !important;
10293
10893
  }
10294
- .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 {
10295
- --bgo: var(--dt-color-surface-moderate-a);
10296
- background-color: hsl(var(--dt-color-surface-moderate-h) var(--dt-color-surface-moderate-s) var(--dt-color-surface-moderate-l) / var(--bgo)) !important;
10894
+ .d-bgc-moderate-inverted, .h\:d-bgc-moderate-inverted:hover, .f\:d-bgc-moderate-inverted:focus, .f\:d-bgc-moderate-inverted:focus-within, .fv\:d-bgc-moderate-inverted:focus-visible {
10895
+ --bgo: var(--dt-color-surface-moderate-inverted-a);
10896
+ background-color: hsl(var(--dt-color-surface-moderate-inverted-h) var(--dt-color-surface-moderate-inverted-s) var(--dt-color-surface-moderate-inverted-l) / var(--bgo)) !important;
10297
10897
  }
10298
- .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 {
10299
- --bgo: var(--dt-color-surface-bold-a);
10300
- background-color: hsl(var(--dt-color-surface-bold-h) var(--dt-color-surface-bold-s) var(--dt-color-surface-bold-l) / var(--bgo)) !important;
10898
+ .d-bgc-bold-inverted, .h\:d-bgc-bold-inverted:hover, .f\:d-bgc-bold-inverted:focus, .f\:d-bgc-bold-inverted:focus-within, .fv\:d-bgc-bold-inverted:focus-visible {
10899
+ --bgo: var(--dt-color-surface-bold-inverted-a);
10900
+ background-color: hsl(var(--dt-color-surface-bold-inverted-h) var(--dt-color-surface-bold-inverted-s) var(--dt-color-surface-bold-inverted-l) / var(--bgo)) !important;
10301
10901
  }
10302
- .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 {
10303
- --bgo: var(--dt-color-surface-strong-a);
10304
- background-color: hsl(var(--dt-color-surface-strong-h) var(--dt-color-surface-strong-s) var(--dt-color-surface-strong-l) / var(--bgo)) !important;
10902
+ .d-bgc-strong-inverted, .h\:d-bgc-strong-inverted:hover, .f\:d-bgc-strong-inverted:focus, .f\:d-bgc-strong-inverted:focus-within, .fv\:d-bgc-strong-inverted:focus-visible {
10903
+ --bgo: var(--dt-color-surface-strong-inverted-a);
10904
+ background-color: hsl(var(--dt-color-surface-strong-inverted-h) var(--dt-color-surface-strong-inverted-s) var(--dt-color-surface-strong-inverted-l) / var(--bgo)) !important;
10305
10905
  }
10306
- .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 {
10307
- --bgo: var(--dt-color-surface-contrast-a);
10308
- background-color: hsl(var(--dt-color-surface-contrast-h) var(--dt-color-surface-contrast-s) var(--dt-color-surface-contrast-l) / var(--bgo)) !important;
10906
+ .d-bgc-contrast-inverted, .h\:d-bgc-contrast-inverted:hover, .f\:d-bgc-contrast-inverted:focus, .f\:d-bgc-contrast-inverted:focus-within, .fv\:d-bgc-contrast-inverted:focus-visible {
10907
+ --bgo: var(--dt-color-surface-contrast-inverted-a);
10908
+ background-color: hsl(var(--dt-color-surface-contrast-inverted-h) var(--dt-color-surface-contrast-inverted-s) var(--dt-color-surface-contrast-inverted-l) / var(--bgo)) !important;
10309
10909
  }
10310
- .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 {
10311
- --bgo: var(--dt-color-surface-critical-a);
10312
- background-color: hsl(var(--dt-color-surface-critical-h) var(--dt-color-surface-critical-s) var(--dt-color-surface-critical-l) / var(--bgo)) !important;
10910
+ .d-bgc-critical-inverted, .h\:d-bgc-critical-inverted:hover, .f\:d-bgc-critical-inverted:focus, .f\:d-bgc-critical-inverted:focus-within, .fv\:d-bgc-critical-inverted:focus-visible {
10911
+ --bgo: var(--dt-color-surface-critical-inverted-a);
10912
+ background-color: hsl(var(--dt-color-surface-critical-inverted-h) var(--dt-color-surface-critical-inverted-s) var(--dt-color-surface-critical-inverted-l) / var(--bgo)) !important;
10313
10913
  }
10314
- .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 {
10315
- --bgo: var(--dt-color-surface-critical-subtle-a);
10316
- 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;
10914
+ .d-bgc-warning-inverted, .h\:d-bgc-warning-inverted:hover, .f\:d-bgc-warning-inverted:focus, .f\:d-bgc-warning-inverted:focus-within, .fv\:d-bgc-warning-inverted:focus-visible {
10915
+ --bgo: var(--dt-color-surface-warning-inverted-a);
10916
+ background-color: hsl(var(--dt-color-surface-warning-inverted-h) var(--dt-color-surface-warning-inverted-s) var(--dt-color-surface-warning-inverted-l) / var(--bgo)) !important;
10317
10917
  }
10318
- .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 {
10319
- --bgo: var(--dt-color-surface-critical-strong-a);
10320
- 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;
10918
+ .d-bgc-success-inverted, .h\:d-bgc-success-inverted:hover, .f\:d-bgc-success-inverted:focus, .f\:d-bgc-success-inverted:focus-within, .fv\:d-bgc-success-inverted:focus-visible {
10919
+ --bgo: var(--dt-color-surface-success-inverted-a);
10920
+ background-color: hsl(var(--dt-color-surface-success-inverted-h) var(--dt-color-surface-success-inverted-s) var(--dt-color-surface-success-inverted-l) / var(--bgo)) !important;
10321
10921
  }
10322
- .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 {
10323
- --bgo: var(--dt-color-surface-warning-a);
10324
- background-color: hsl(var(--dt-color-surface-warning-h) var(--dt-color-surface-warning-s) var(--dt-color-surface-warning-l) / var(--bgo)) !important;
10922
+ .d-bgc-info-inverted, .h\:d-bgc-info-inverted:hover, .f\:d-bgc-info-inverted:focus, .f\:d-bgc-info-inverted:focus-within, .fv\:d-bgc-info-inverted:focus-visible {
10923
+ --bgo: var(--dt-color-surface-info-inverted-a);
10924
+ background-color: hsl(var(--dt-color-surface-info-inverted-h) var(--dt-color-surface-info-inverted-s) var(--dt-color-surface-info-inverted-l) / var(--bgo)) !important;
10325
10925
  }
10326
- .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 {
10327
- --bgo: var(--dt-color-surface-warning-subtle-a);
10328
- 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;
10926
+ .d-bgc-critical-subtle-inverted, .h\:d-bgc-critical-subtle-inverted:hover, .f\:d-bgc-critical-subtle-inverted:focus, .f\:d-bgc-critical-subtle-inverted:focus-within, .fv\:d-bgc-critical-subtle-inverted:focus-visible {
10927
+ --bgo: var(--dt-color-surface-critical-subtle-inverted-a);
10928
+ background-color: hsl(var(--dt-color-surface-critical-subtle-inverted-h) var(--dt-color-surface-critical-subtle-inverted-s) var(--dt-color-surface-critical-subtle-inverted-l) / var(--bgo)) !important;
10329
10929
  }
10330
- .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 {
10331
- --bgo: var(--dt-color-surface-warning-strong-a);
10332
- 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;
10930
+ .d-bgc-warning-subtle-inverted, .h\:d-bgc-warning-subtle-inverted:hover, .f\:d-bgc-warning-subtle-inverted:focus, .f\:d-bgc-warning-subtle-inverted:focus-within, .fv\:d-bgc-warning-subtle-inverted:focus-visible {
10931
+ --bgo: var(--dt-color-surface-warning-subtle-inverted-a);
10932
+ background-color: hsl(var(--dt-color-surface-warning-subtle-inverted-h) var(--dt-color-surface-warning-subtle-inverted-s) var(--dt-color-surface-warning-subtle-inverted-l) / var(--bgo)) !important;
10333
10933
  }
10334
- .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 {
10335
- --bgo: var(--dt-color-surface-success-a);
10336
- background-color: hsl(var(--dt-color-surface-success-h) var(--dt-color-surface-success-s) var(--dt-color-surface-success-l) / var(--bgo)) !important;
10934
+ .d-bgc-success-subtle-inverted, .h\:d-bgc-success-subtle-inverted:hover, .f\:d-bgc-success-subtle-inverted:focus, .f\:d-bgc-success-subtle-inverted:focus-within, .fv\:d-bgc-success-subtle-inverted:focus-visible {
10935
+ --bgo: var(--dt-color-surface-success-subtle-inverted-a);
10936
+ background-color: hsl(var(--dt-color-surface-success-subtle-inverted-h) var(--dt-color-surface-success-subtle-inverted-s) var(--dt-color-surface-success-subtle-inverted-l) / var(--bgo)) !important;
10337
10937
  }
10338
- .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 {
10339
- --bgo: var(--dt-color-surface-success-subtle-a);
10340
- 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;
10938
+ .d-bgc-info-subtle-inverted, .h\:d-bgc-info-subtle-inverted:hover, .f\:d-bgc-info-subtle-inverted:focus, .f\:d-bgc-info-subtle-inverted:focus-within, .fv\:d-bgc-info-subtle-inverted:focus-visible {
10939
+ --bgo: var(--dt-color-surface-info-subtle-inverted-a);
10940
+ background-color: hsl(var(--dt-color-surface-info-subtle-inverted-h) var(--dt-color-surface-info-subtle-inverted-s) var(--dt-color-surface-info-subtle-inverted-l) / var(--bgo)) !important;
10341
10941
  }
10342
- .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 {
10343
- --bgo: var(--dt-color-surface-success-strong-a);
10344
- 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;
10942
+ .d-bgc-critical-strong-inverted, .h\:d-bgc-critical-strong-inverted:hover, .f\:d-bgc-critical-strong-inverted:focus, .f\:d-bgc-critical-strong-inverted:focus-within, .fv\:d-bgc-critical-strong-inverted:focus-visible {
10943
+ --bgo: var(--dt-color-surface-critical-strong-inverted-a);
10944
+ background-color: hsl(var(--dt-color-surface-critical-strong-inverted-h) var(--dt-color-surface-critical-strong-inverted-s) var(--dt-color-surface-critical-strong-inverted-l) / var(--bgo)) !important;
10345
10945
  }
10346
- .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 {
10347
- --bgo: var(--dt-color-surface-info-a);
10348
- background-color: hsl(var(--dt-color-surface-info-h) var(--dt-color-surface-info-s) var(--dt-color-surface-info-l) / var(--bgo)) !important;
10946
+ .d-bgc-warning-strong-inverted, .h\:d-bgc-warning-strong-inverted:hover, .f\:d-bgc-warning-strong-inverted:focus, .f\:d-bgc-warning-strong-inverted:focus-within, .fv\:d-bgc-warning-strong-inverted:focus-visible {
10947
+ --bgo: var(--dt-color-surface-warning-strong-inverted-a);
10948
+ background-color: hsl(var(--dt-color-surface-warning-strong-inverted-h) var(--dt-color-surface-warning-strong-inverted-s) var(--dt-color-surface-warning-strong-inverted-l) / var(--bgo)) !important;
10349
10949
  }
10350
- .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 {
10351
- --bgo: var(--dt-color-surface-info-subtle-a);
10352
- 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;
10950
+ .d-bgc-success-strong-inverted, .h\:d-bgc-success-strong-inverted:hover, .f\:d-bgc-success-strong-inverted:focus, .f\:d-bgc-success-strong-inverted:focus-within, .fv\:d-bgc-success-strong-inverted:focus-visible {
10951
+ --bgo: var(--dt-color-surface-success-strong-inverted-a);
10952
+ background-color: hsl(var(--dt-color-surface-success-strong-inverted-h) var(--dt-color-surface-success-strong-inverted-s) var(--dt-color-surface-success-strong-inverted-l) / var(--bgo)) !important;
10353
10953
  }
10354
- .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 {
10355
- --bgo: var(--dt-color-surface-info-strong-a);
10356
- 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;
10954
+ .d-bgc-info-strong-inverted, .h\:d-bgc-info-strong-inverted:hover, .f\:d-bgc-info-strong-inverted:focus, .f\:d-bgc-info-strong-inverted:focus-within, .fv\:d-bgc-info-strong-inverted:focus-visible {
10955
+ --bgo: var(--dt-color-surface-info-strong-inverted-a);
10956
+ background-color: hsl(var(--dt-color-surface-info-strong-inverted-h) var(--dt-color-surface-info-strong-inverted-s) var(--dt-color-surface-info-strong-inverted-l) / var(--bgo)) !important;
10957
+ }
10958
+ .d-bgc-primary-opaque-inverted, .h\:d-bgc-primary-opaque-inverted:hover, .f\:d-bgc-primary-opaque-inverted:focus, .f\:d-bgc-primary-opaque-inverted:focus-within, .fv\:d-bgc-primary-opaque-inverted:focus-visible {
10959
+ --bgo: var(--dt-color-surface-primary-opaque-inverted-a);
10960
+ background-color: hsl(var(--dt-color-surface-primary-opaque-inverted-h) var(--dt-color-surface-primary-opaque-inverted-s) var(--dt-color-surface-primary-opaque-inverted-l) / var(--bgo)) !important;
10961
+ }
10962
+ .d-bgc-secondary-opaque-inverted, .h\:d-bgc-secondary-opaque-inverted:hover, .f\:d-bgc-secondary-opaque-inverted:focus, .f\:d-bgc-secondary-opaque-inverted:focus-within, .fv\:d-bgc-secondary-opaque-inverted:focus-visible {
10963
+ --bgo: var(--dt-color-surface-secondary-opaque-inverted-a);
10964
+ background-color: hsl(var(--dt-color-surface-secondary-opaque-inverted-h) var(--dt-color-surface-secondary-opaque-inverted-s) var(--dt-color-surface-secondary-opaque-inverted-l) / var(--bgo)) !important;
10965
+ }
10966
+ .d-bgc-moderate-opaque-inverted, .h\:d-bgc-moderate-opaque-inverted:hover, .f\:d-bgc-moderate-opaque-inverted:focus, .f\:d-bgc-moderate-opaque-inverted:focus-within, .fv\:d-bgc-moderate-opaque-inverted:focus-visible {
10967
+ --bgo: var(--dt-color-surface-moderate-opaque-inverted-a);
10968
+ background-color: hsl(var(--dt-color-surface-moderate-opaque-inverted-h) var(--dt-color-surface-moderate-opaque-inverted-s) var(--dt-color-surface-moderate-opaque-inverted-l) / var(--bgo)) !important;
10969
+ }
10970
+ .d-bgc-bold-opaque-inverted, .h\:d-bgc-bold-opaque-inverted:hover, .f\:d-bgc-bold-opaque-inverted:focus, .f\:d-bgc-bold-opaque-inverted:focus-within, .fv\:d-bgc-bold-opaque-inverted:focus-visible {
10971
+ --bgo: var(--dt-color-surface-bold-opaque-inverted-a);
10972
+ background-color: hsl(var(--dt-color-surface-bold-opaque-inverted-h) var(--dt-color-surface-bold-opaque-inverted-s) var(--dt-color-surface-bold-opaque-inverted-l) / var(--bgo)) !important;
10973
+ }
10974
+ .d-bgc-strong-opaque-inverted, .h\:d-bgc-strong-opaque-inverted:hover, .f\:d-bgc-strong-opaque-inverted:focus, .f\:d-bgc-strong-opaque-inverted:focus-within, .fv\:d-bgc-strong-opaque-inverted:focus-visible {
10975
+ --bgo: var(--dt-color-surface-strong-opaque-inverted-a);
10976
+ background-color: hsl(var(--dt-color-surface-strong-opaque-inverted-h) var(--dt-color-surface-strong-opaque-inverted-s) var(--dt-color-surface-strong-opaque-inverted-l) / var(--bgo)) !important;
10977
+ }
10978
+ .d-bgc-contrast-opaque-inverted, .h\:d-bgc-contrast-opaque-inverted:hover, .f\:d-bgc-contrast-opaque-inverted:focus, .f\:d-bgc-contrast-opaque-inverted:focus-within, .fv\:d-bgc-contrast-opaque-inverted:focus-visible {
10979
+ --bgo: var(--dt-color-surface-contrast-opaque-inverted-a);
10980
+ background-color: hsl(var(--dt-color-surface-contrast-opaque-inverted-h) var(--dt-color-surface-contrast-opaque-inverted-s) var(--dt-color-surface-contrast-opaque-inverted-l) / var(--bgo)) !important;
10981
+ }
10982
+ .d-bgc-critical-opaque-inverted, .h\:d-bgc-critical-opaque-inverted:hover, .f\:d-bgc-critical-opaque-inverted:focus, .f\:d-bgc-critical-opaque-inverted:focus-within, .fv\:d-bgc-critical-opaque-inverted:focus-visible {
10983
+ --bgo: var(--dt-color-surface-critical-opaque-inverted-a);
10984
+ background-color: hsl(var(--dt-color-surface-critical-opaque-inverted-h) var(--dt-color-surface-critical-opaque-inverted-s) var(--dt-color-surface-critical-opaque-inverted-l) / var(--bgo)) !important;
10985
+ }
10986
+ .d-bgc-warning-opaque-inverted, .h\:d-bgc-warning-opaque-inverted:hover, .f\:d-bgc-warning-opaque-inverted:focus, .f\:d-bgc-warning-opaque-inverted:focus-within, .fv\:d-bgc-warning-opaque-inverted:focus-visible {
10987
+ --bgo: var(--dt-color-surface-warning-opaque-inverted-a);
10988
+ background-color: hsl(var(--dt-color-surface-warning-opaque-inverted-h) var(--dt-color-surface-warning-opaque-inverted-s) var(--dt-color-surface-warning-opaque-inverted-l) / var(--bgo)) !important;
10989
+ }
10990
+ .d-bgc-success-opaque-inverted, .h\:d-bgc-success-opaque-inverted:hover, .f\:d-bgc-success-opaque-inverted:focus, .f\:d-bgc-success-opaque-inverted:focus-within, .fv\:d-bgc-success-opaque-inverted:focus-visible {
10991
+ --bgo: var(--dt-color-surface-success-opaque-inverted-a);
10992
+ background-color: hsl(var(--dt-color-surface-success-opaque-inverted-h) var(--dt-color-surface-success-opaque-inverted-s) var(--dt-color-surface-success-opaque-inverted-l) / var(--bgo)) !important;
10993
+ }
10994
+ .d-bgc-info-opaque-inverted, .h\:d-bgc-info-opaque-inverted:hover, .f\:d-bgc-info-opaque-inverted:focus, .f\:d-bgc-info-opaque-inverted:focus-within, .fv\:d-bgc-info-opaque-inverted:focus-visible {
10995
+ --bgo: var(--dt-color-surface-info-opaque-inverted-a);
10996
+ background-color: hsl(var(--dt-color-surface-info-opaque-inverted-h) var(--dt-color-surface-info-opaque-inverted-s) var(--dt-color-surface-info-opaque-inverted-l) / var(--bgo)) !important;
10997
+ }
10998
+ .d-bgc-critical-subtle-opaque-inverted, .h\:d-bgc-critical-subtle-opaque-inverted:hover, .f\:d-bgc-critical-subtle-opaque-inverted:focus, .f\:d-bgc-critical-subtle-opaque-inverted:focus-within, .fv\:d-bgc-critical-subtle-opaque-inverted:focus-visible {
10999
+ --bgo: var(--dt-color-surface-critical-subtle-opaque-inverted-a);
11000
+ background-color: hsl(var(--dt-color-surface-critical-subtle-opaque-inverted-h) var(--dt-color-surface-critical-subtle-opaque-inverted-s) var(--dt-color-surface-critical-subtle-opaque-inverted-l) / var(--bgo)) !important;
11001
+ }
11002
+ .d-bgc-warning-subtle-opaque-inverted, .h\:d-bgc-warning-subtle-opaque-inverted:hover, .f\:d-bgc-warning-subtle-opaque-inverted:focus, .f\:d-bgc-warning-subtle-opaque-inverted:focus-within, .fv\:d-bgc-warning-subtle-opaque-inverted:focus-visible {
11003
+ --bgo: var(--dt-color-surface-warning-subtle-opaque-inverted-a);
11004
+ background-color: hsl(var(--dt-color-surface-warning-subtle-opaque-inverted-h) var(--dt-color-surface-warning-subtle-opaque-inverted-s) var(--dt-color-surface-warning-subtle-opaque-inverted-l) / var(--bgo)) !important;
11005
+ }
11006
+ .d-bgc-success-subtle-opaque-inverted, .h\:d-bgc-success-subtle-opaque-inverted:hover, .f\:d-bgc-success-subtle-opaque-inverted:focus, .f\:d-bgc-success-subtle-opaque-inverted:focus-within, .fv\:d-bgc-success-subtle-opaque-inverted:focus-visible {
11007
+ --bgo: var(--dt-color-surface-success-subtle-opaque-inverted-a);
11008
+ background-color: hsl(var(--dt-color-surface-success-subtle-opaque-inverted-h) var(--dt-color-surface-success-subtle-opaque-inverted-s) var(--dt-color-surface-success-subtle-opaque-inverted-l) / var(--bgo)) !important;
11009
+ }
11010
+ .d-bgc-info-subtle-opaque-inverted, .h\:d-bgc-info-subtle-opaque-inverted:hover, .f\:d-bgc-info-subtle-opaque-inverted:focus, .f\:d-bgc-info-subtle-opaque-inverted:focus-within, .fv\:d-bgc-info-subtle-opaque-inverted:focus-visible {
11011
+ --bgo: var(--dt-color-surface-info-subtle-opaque-inverted-a);
11012
+ background-color: hsl(var(--dt-color-surface-info-subtle-opaque-inverted-h) var(--dt-color-surface-info-subtle-opaque-inverted-s) var(--dt-color-surface-info-subtle-opaque-inverted-l) / var(--bgo)) !important;
11013
+ }
11014
+ .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 {
11015
+ --bgo: var(--dt-color-surface-backdrop-a);
11016
+ background-color: hsl(var(--dt-color-surface-backdrop-h) var(--dt-color-surface-backdrop-s) var(--dt-color-surface-backdrop-l) / var(--bgo)) !important;
10357
11017
  }
10358
11018
  .d-divide-neutral-white > * + * {
10359
11019
  --dco: var(--dt-color-neutral-white-a);
@@ -10363,6 +11023,10 @@ body {
10363
11023
  --dco: var(--dt-color-neutral-black-a);
10364
11024
  border-color: hsl(var(--dt-color-neutral-black-h) var(--dt-color-neutral-black-s) var(--dt-color-neutral-black-l) / var(--dco)) !important;
10365
11025
  }
11026
+ .d-divide-black50 > * + * {
11027
+ --dco: var(--dt-color-black50-a);
11028
+ border-color: hsl(var(--dt-color-black50-h) var(--dt-color-black50-s) var(--dt-color-black50-l) / var(--dco)) !important;
11029
+ }
10366
11030
  .d-divide-black-100 > * + * {
10367
11031
  --dco: var(--dt-color-black-100-a);
10368
11032
  border-color: hsl(var(--dt-color-black-100-h) var(--dt-color-black-100-s) var(--dt-color-black-100-l) / var(--dco)) !important;
@@ -10399,6 +11063,18 @@ body {
10399
11063
  --dco: var(--dt-color-black-900-a);
10400
11064
  border-color: hsl(var(--dt-color-black-900-h) var(--dt-color-black-900-s) var(--dt-color-black-900-l) / var(--dco)) !important;
10401
11065
  }
11066
+ .d-divide-black-950 > * + * {
11067
+ --dco: var(--dt-color-black-950-a);
11068
+ border-color: hsl(var(--dt-color-black-950-h) var(--dt-color-black-950-s) var(--dt-color-black-950-l) / var(--dco)) !important;
11069
+ }
11070
+ .d-divide-black-1-000 > * + * {
11071
+ --dco: var(--dt-color-black-1-000-a);
11072
+ border-color: hsl(var(--dt-color-black-1-000-h) var(--dt-color-black-1-000-s) var(--dt-color-black-1-000-l) / var(--dco)) !important;
11073
+ }
11074
+ .d-divide-purple50 > * + * {
11075
+ --dco: var(--dt-color-purple50-a);
11076
+ border-color: hsl(var(--dt-color-purple50-h) var(--dt-color-purple50-s) var(--dt-color-purple50-l) / var(--dco)) !important;
11077
+ }
10402
11078
  .d-divide-purple-100 > * + * {
10403
11079
  --dco: var(--dt-color-purple-100-a);
10404
11080
  border-color: hsl(var(--dt-color-purple-100-h) var(--dt-color-purple-100-s) var(--dt-color-purple-100-l) / var(--dco)) !important;
@@ -10407,22 +11083,46 @@ body {
10407
11083
  --dco: var(--dt-color-purple-200-a);
10408
11084
  border-color: hsl(var(--dt-color-purple-200-h) var(--dt-color-purple-200-s) var(--dt-color-purple-200-l) / var(--dco)) !important;
10409
11085
  }
11086
+ .d-divide-purple-250 > * + * {
11087
+ --dco: var(--dt-color-purple-250-a);
11088
+ border-color: hsl(var(--dt-color-purple-250-h) var(--dt-color-purple-250-s) var(--dt-color-purple-250-l) / var(--dco)) !important;
11089
+ }
10410
11090
  .d-divide-purple-300 > * + * {
10411
11091
  --dco: var(--dt-color-purple-300-a);
10412
11092
  border-color: hsl(var(--dt-color-purple-300-h) var(--dt-color-purple-300-s) var(--dt-color-purple-300-l) / var(--dco)) !important;
10413
11093
  }
11094
+ .d-divide-purple-350 > * + * {
11095
+ --dco: var(--dt-color-purple-350-a);
11096
+ border-color: hsl(var(--dt-color-purple-350-h) var(--dt-color-purple-350-s) var(--dt-color-purple-350-l) / var(--dco)) !important;
11097
+ }
10414
11098
  .d-divide-purple-400 > * + * {
10415
11099
  --dco: var(--dt-color-purple-400-a);
10416
11100
  border-color: hsl(var(--dt-color-purple-400-h) var(--dt-color-purple-400-s) var(--dt-color-purple-400-l) / var(--dco)) !important;
10417
11101
  }
11102
+ .d-divide-purple-450 > * + * {
11103
+ --dco: var(--dt-color-purple-450-a);
11104
+ border-color: hsl(var(--dt-color-purple-450-h) var(--dt-color-purple-450-s) var(--dt-color-purple-450-l) / var(--dco)) !important;
11105
+ }
10418
11106
  .d-divide-purple-500 > * + * {
10419
11107
  --dco: var(--dt-color-purple-500-a);
10420
11108
  border-color: hsl(var(--dt-color-purple-500-h) var(--dt-color-purple-500-s) var(--dt-color-purple-500-l) / var(--dco)) !important;
10421
11109
  }
11110
+ .d-divide-purple-550 > * + * {
11111
+ --dco: var(--dt-color-purple-550-a);
11112
+ border-color: hsl(var(--dt-color-purple-550-h) var(--dt-color-purple-550-s) var(--dt-color-purple-550-l) / var(--dco)) !important;
11113
+ }
10422
11114
  .d-divide-purple-600 > * + * {
10423
11115
  --dco: var(--dt-color-purple-600-a);
10424
11116
  border-color: hsl(var(--dt-color-purple-600-h) var(--dt-color-purple-600-s) var(--dt-color-purple-600-l) / var(--dco)) !important;
10425
11117
  }
11118
+ .d-divide-purple-1-000 > * + * {
11119
+ --dco: var(--dt-color-purple-1-000-a);
11120
+ border-color: hsl(var(--dt-color-purple-1-000-h) var(--dt-color-purple-1-000-s) var(--dt-color-purple-1-000-l) / var(--dco)) !important;
11121
+ }
11122
+ .d-divide-blue50 > * + * {
11123
+ --dco: var(--dt-color-blue50-a);
11124
+ border-color: hsl(var(--dt-color-blue50-h) var(--dt-color-blue50-s) var(--dt-color-blue50-l) / var(--dco)) !important;
11125
+ }
10426
11126
  .d-divide-blue-100 > * + * {
10427
11127
  --dco: var(--dt-color-blue-100-a);
10428
11128
  border-color: hsl(var(--dt-color-blue-100-h) var(--dt-color-blue-100-s) var(--dt-color-blue-100-l) / var(--dco)) !important;
@@ -10439,10 +11139,38 @@ body {
10439
11139
  --dco: var(--dt-color-blue-400-a);
10440
11140
  border-color: hsl(var(--dt-color-blue-400-h) var(--dt-color-blue-400-s) var(--dt-color-blue-400-l) / var(--dco)) !important;
10441
11141
  }
11142
+ .d-divide-blue-425 > * + * {
11143
+ --dco: var(--dt-color-blue-425-a);
11144
+ border-color: hsl(var(--dt-color-blue-425-h) var(--dt-color-blue-425-s) var(--dt-color-blue-425-l) / var(--dco)) !important;
11145
+ }
11146
+ .d-divide-blue-450 > * + * {
11147
+ --dco: var(--dt-color-blue-450-a);
11148
+ border-color: hsl(var(--dt-color-blue-450-h) var(--dt-color-blue-450-s) var(--dt-color-blue-450-l) / var(--dco)) !important;
11149
+ }
11150
+ .d-divide-blue-475 > * + * {
11151
+ --dco: var(--dt-color-blue-475-a);
11152
+ border-color: hsl(var(--dt-color-blue-475-h) var(--dt-color-blue-475-s) var(--dt-color-blue-475-l) / var(--dco)) !important;
11153
+ }
10442
11154
  .d-divide-blue-500 > * + * {
10443
11155
  --dco: var(--dt-color-blue-500-a);
10444
11156
  border-color: hsl(var(--dt-color-blue-500-h) var(--dt-color-blue-500-s) var(--dt-color-blue-500-l) / var(--dco)) !important;
10445
11157
  }
11158
+ .d-divide-blue-600 > * + * {
11159
+ --dco: var(--dt-color-blue-600-a);
11160
+ border-color: hsl(var(--dt-color-blue-600-h) var(--dt-color-blue-600-s) var(--dt-color-blue-600-l) / var(--dco)) !important;
11161
+ }
11162
+ .d-divide-blue-900 > * + * {
11163
+ --dco: var(--dt-color-blue-900-a);
11164
+ border-color: hsl(var(--dt-color-blue-900-h) var(--dt-color-blue-900-s) var(--dt-color-blue-900-l) / var(--dco)) !important;
11165
+ }
11166
+ .d-divide-blue-1-000 > * + * {
11167
+ --dco: var(--dt-color-blue-1-000-a);
11168
+ border-color: hsl(var(--dt-color-blue-1-000-h) var(--dt-color-blue-1-000-s) var(--dt-color-blue-1-000-l) / var(--dco)) !important;
11169
+ }
11170
+ .d-divide-magenta50 > * + * {
11171
+ --dco: var(--dt-color-magenta50-a);
11172
+ border-color: hsl(var(--dt-color-magenta50-h) var(--dt-color-magenta50-s) var(--dt-color-magenta50-l) / var(--dco)) !important;
11173
+ }
10446
11174
  .d-divide-magenta-100 > * + * {
10447
11175
  --dco: var(--dt-color-magenta-100-a);
10448
11176
  border-color: hsl(var(--dt-color-magenta-100-h) var(--dt-color-magenta-100-s) var(--dt-color-magenta-100-l) / var(--dco)) !important;
@@ -10451,6 +11179,10 @@ body {
10451
11179
  --dco: var(--dt-color-magenta-200-a);
10452
11180
  border-color: hsl(var(--dt-color-magenta-200-h) var(--dt-color-magenta-200-s) var(--dt-color-magenta-200-l) / var(--dco)) !important;
10453
11181
  }
11182
+ .d-divide-magenta-250 > * + * {
11183
+ --dco: var(--dt-color-magenta-250-a);
11184
+ border-color: hsl(var(--dt-color-magenta-250-h) var(--dt-color-magenta-250-s) var(--dt-color-magenta-250-l) / var(--dco)) !important;
11185
+ }
10454
11186
  .d-divide-magenta-300 > * + * {
10455
11187
  --dco: var(--dt-color-magenta-300-a);
10456
11188
  border-color: hsl(var(--dt-color-magenta-300-h) var(--dt-color-magenta-300-s) var(--dt-color-magenta-300-l) / var(--dco)) !important;
@@ -10459,10 +11191,34 @@ body {
10459
11191
  --dco: var(--dt-color-magenta-400-a);
10460
11192
  border-color: hsl(var(--dt-color-magenta-400-h) var(--dt-color-magenta-400-s) var(--dt-color-magenta-400-l) / var(--dco)) !important;
10461
11193
  }
11194
+ .d-divide-magenta-425 > * + * {
11195
+ --dco: var(--dt-color-magenta-425-a);
11196
+ border-color: hsl(var(--dt-color-magenta-425-h) var(--dt-color-magenta-425-s) var(--dt-color-magenta-425-l) / var(--dco)) !important;
11197
+ }
11198
+ .d-divide-magenta-475 > * + * {
11199
+ --dco: var(--dt-color-magenta-475-a);
11200
+ border-color: hsl(var(--dt-color-magenta-475-h) var(--dt-color-magenta-475-s) var(--dt-color-magenta-475-l) / var(--dco)) !important;
11201
+ }
10462
11202
  .d-divide-magenta-500 > * + * {
10463
11203
  --dco: var(--dt-color-magenta-500-a);
10464
11204
  border-color: hsl(var(--dt-color-magenta-500-h) var(--dt-color-magenta-500-s) var(--dt-color-magenta-500-l) / var(--dco)) !important;
10465
11205
  }
11206
+ .d-divide-magenta-600 > * + * {
11207
+ --dco: var(--dt-color-magenta-600-a);
11208
+ border-color: hsl(var(--dt-color-magenta-600-h) var(--dt-color-magenta-600-s) var(--dt-color-magenta-600-l) / var(--dco)) !important;
11209
+ }
11210
+ .d-divide-magenta-900 > * + * {
11211
+ --dco: var(--dt-color-magenta-900-a);
11212
+ border-color: hsl(var(--dt-color-magenta-900-h) var(--dt-color-magenta-900-s) var(--dt-color-magenta-900-l) / var(--dco)) !important;
11213
+ }
11214
+ .d-divide-magenta-1-000 > * + * {
11215
+ --dco: var(--dt-color-magenta-1-000-a);
11216
+ border-color: hsl(var(--dt-color-magenta-1-000-h) var(--dt-color-magenta-1-000-s) var(--dt-color-magenta-1-000-l) / var(--dco)) !important;
11217
+ }
11218
+ .d-divide-gold50 > * + * {
11219
+ --dco: var(--dt-color-gold50-a);
11220
+ border-color: hsl(var(--dt-color-gold50-h) var(--dt-color-gold50-s) var(--dt-color-gold50-l) / var(--dco)) !important;
11221
+ }
10466
11222
  .d-divide-gold-100 > * + * {
10467
11223
  --dco: var(--dt-color-gold-100-a);
10468
11224
  border-color: hsl(var(--dt-color-gold-100-h) var(--dt-color-gold-100-s) var(--dt-color-gold-100-l) / var(--dco)) !important;
@@ -10475,14 +11231,42 @@ body {
10475
11231
  --dco: var(--dt-color-gold-300-a);
10476
11232
  border-color: hsl(var(--dt-color-gold-300-h) var(--dt-color-gold-300-s) var(--dt-color-gold-300-l) / var(--dco)) !important;
10477
11233
  }
11234
+ .d-divide-gold-350 > * + * {
11235
+ --dco: var(--dt-color-gold-350-a);
11236
+ border-color: hsl(var(--dt-color-gold-350-h) var(--dt-color-gold-350-s) var(--dt-color-gold-350-l) / var(--dco)) !important;
11237
+ }
10478
11238
  .d-divide-gold-400 > * + * {
10479
11239
  --dco: var(--dt-color-gold-400-a);
10480
11240
  border-color: hsl(var(--dt-color-gold-400-h) var(--dt-color-gold-400-s) var(--dt-color-gold-400-l) / var(--dco)) !important;
10481
11241
  }
11242
+ .d-divide-gold-450 > * + * {
11243
+ --dco: var(--dt-color-gold-450-a);
11244
+ border-color: hsl(var(--dt-color-gold-450-h) var(--dt-color-gold-450-s) var(--dt-color-gold-450-l) / var(--dco)) !important;
11245
+ }
10482
11246
  .d-divide-gold-500 > * + * {
10483
11247
  --dco: var(--dt-color-gold-500-a);
10484
11248
  border-color: hsl(var(--dt-color-gold-500-h) var(--dt-color-gold-500-s) var(--dt-color-gold-500-l) / var(--dco)) !important;
10485
11249
  }
11250
+ .d-divide-gold-600 > * + * {
11251
+ --dco: var(--dt-color-gold-600-a);
11252
+ border-color: hsl(var(--dt-color-gold-600-h) var(--dt-color-gold-600-s) var(--dt-color-gold-600-l) / var(--dco)) !important;
11253
+ }
11254
+ .d-divide-gold-700 > * + * {
11255
+ --dco: var(--dt-color-gold-700-a);
11256
+ border-color: hsl(var(--dt-color-gold-700-h) var(--dt-color-gold-700-s) var(--dt-color-gold-700-l) / var(--dco)) !important;
11257
+ }
11258
+ .d-divide-gold-900 > * + * {
11259
+ --dco: var(--dt-color-gold-900-a);
11260
+ border-color: hsl(var(--dt-color-gold-900-h) var(--dt-color-gold-900-s) var(--dt-color-gold-900-l) / var(--dco)) !important;
11261
+ }
11262
+ .d-divide-gold-1-000 > * + * {
11263
+ --dco: var(--dt-color-gold-1-000-a);
11264
+ border-color: hsl(var(--dt-color-gold-1-000-h) var(--dt-color-gold-1-000-s) var(--dt-color-gold-1-000-l) / var(--dco)) !important;
11265
+ }
11266
+ .d-divide-green50 > * + * {
11267
+ --dco: var(--dt-color-green50-a);
11268
+ border-color: hsl(var(--dt-color-green50-h) var(--dt-color-green50-s) var(--dt-color-green50-l) / var(--dco)) !important;
11269
+ }
10486
11270
  .d-divide-green-100 > * + * {
10487
11271
  --dco: var(--dt-color-green-100-a);
10488
11272
  border-color: hsl(var(--dt-color-green-100-h) var(--dt-color-green-100-s) var(--dt-color-green-100-l) / var(--dco)) !important;
@@ -10495,14 +11279,42 @@ body {
10495
11279
  --dco: var(--dt-color-green-300-a);
10496
11280
  border-color: hsl(var(--dt-color-green-300-h) var(--dt-color-green-300-s) var(--dt-color-green-300-l) / var(--dco)) !important;
10497
11281
  }
11282
+ .d-divide-green-350 > * + * {
11283
+ --dco: var(--dt-color-green-350-a);
11284
+ border-color: hsl(var(--dt-color-green-350-h) var(--dt-color-green-350-s) var(--dt-color-green-350-l) / var(--dco)) !important;
11285
+ }
10498
11286
  .d-divide-green-400 > * + * {
10499
11287
  --dco: var(--dt-color-green-400-a);
10500
11288
  border-color: hsl(var(--dt-color-green-400-h) var(--dt-color-green-400-s) var(--dt-color-green-400-l) / var(--dco)) !important;
10501
11289
  }
11290
+ .d-divide-green-425 > * + * {
11291
+ --dco: var(--dt-color-green-425-a);
11292
+ border-color: hsl(var(--dt-color-green-425-h) var(--dt-color-green-425-s) var(--dt-color-green-425-l) / var(--dco)) !important;
11293
+ }
11294
+ .d-divide-green-475 > * + * {
11295
+ --dco: var(--dt-color-green-475-a);
11296
+ border-color: hsl(var(--dt-color-green-475-h) var(--dt-color-green-475-s) var(--dt-color-green-475-l) / var(--dco)) !important;
11297
+ }
10502
11298
  .d-divide-green-500 > * + * {
10503
11299
  --dco: var(--dt-color-green-500-a);
10504
11300
  border-color: hsl(var(--dt-color-green-500-h) var(--dt-color-green-500-s) var(--dt-color-green-500-l) / var(--dco)) !important;
10505
11301
  }
11302
+ .d-divide-green-600 > * + * {
11303
+ --dco: var(--dt-color-green-600-a);
11304
+ border-color: hsl(var(--dt-color-green-600-h) var(--dt-color-green-600-s) var(--dt-color-green-600-l) / var(--dco)) !important;
11305
+ }
11306
+ .d-divide-green-900 > * + * {
11307
+ --dco: var(--dt-color-green-900-a);
11308
+ border-color: hsl(var(--dt-color-green-900-h) var(--dt-color-green-900-s) var(--dt-color-green-900-l) / var(--dco)) !important;
11309
+ }
11310
+ .d-divide-green-1-000 > * + * {
11311
+ --dco: var(--dt-color-green-1-000-a);
11312
+ border-color: hsl(var(--dt-color-green-1-000-h) var(--dt-color-green-1-000-s) var(--dt-color-green-1-000-l) / var(--dco)) !important;
11313
+ }
11314
+ .d-divide-red50 > * + * {
11315
+ --dco: var(--dt-color-red50-a);
11316
+ border-color: hsl(var(--dt-color-red50-h) var(--dt-color-red50-s) var(--dt-color-red50-l) / var(--dco)) !important;
11317
+ }
10506
11318
  .d-divide-red-100 > * + * {
10507
11319
  --dco: var(--dt-color-red-100-a);
10508
11320
  border-color: hsl(var(--dt-color-red-100-h) var(--dt-color-red-100-s) var(--dt-color-red-100-l) / var(--dco)) !important;
@@ -10515,14 +11327,38 @@ body {
10515
11327
  --dco: var(--dt-color-red-300-a);
10516
11328
  border-color: hsl(var(--dt-color-red-300-h) var(--dt-color-red-300-s) var(--dt-color-red-300-l) / var(--dco)) !important;
10517
11329
  }
11330
+ .d-divide-red-350 > * + * {
11331
+ --dco: var(--dt-color-red-350-a);
11332
+ border-color: hsl(var(--dt-color-red-350-h) var(--dt-color-red-350-s) var(--dt-color-red-350-l) / var(--dco)) !important;
11333
+ }
10518
11334
  .d-divide-red-400 > * + * {
10519
11335
  --dco: var(--dt-color-red-400-a);
10520
11336
  border-color: hsl(var(--dt-color-red-400-h) var(--dt-color-red-400-s) var(--dt-color-red-400-l) / var(--dco)) !important;
10521
11337
  }
11338
+ .d-divide-red-450 > * + * {
11339
+ --dco: var(--dt-color-red-450-a);
11340
+ border-color: hsl(var(--dt-color-red-450-h) var(--dt-color-red-450-s) var(--dt-color-red-450-l) / var(--dco)) !important;
11341
+ }
10522
11342
  .d-divide-red-500 > * + * {
10523
11343
  --dco: var(--dt-color-red-500-a);
10524
11344
  border-color: hsl(var(--dt-color-red-500-h) var(--dt-color-red-500-s) var(--dt-color-red-500-l) / var(--dco)) !important;
10525
11345
  }
11346
+ .d-divide-red-600 > * + * {
11347
+ --dco: var(--dt-color-red-600-a);
11348
+ border-color: hsl(var(--dt-color-red-600-h) var(--dt-color-red-600-s) var(--dt-color-red-600-l) / var(--dco)) !important;
11349
+ }
11350
+ .d-divide-red-700 > * + * {
11351
+ --dco: var(--dt-color-red-700-a);
11352
+ border-color: hsl(var(--dt-color-red-700-h) var(--dt-color-red-700-s) var(--dt-color-red-700-l) / var(--dco)) !important;
11353
+ }
11354
+ .d-divide-red-900 > * + * {
11355
+ --dco: var(--dt-color-red-900-a);
11356
+ border-color: hsl(var(--dt-color-red-900-h) var(--dt-color-red-900-s) var(--dt-color-red-900-l) / var(--dco)) !important;
11357
+ }
11358
+ .d-divide-red-1-000 > * + * {
11359
+ --dco: var(--dt-color-red-1-000-a);
11360
+ border-color: hsl(var(--dt-color-red-1-000-h) var(--dt-color-red-1-000-s) var(--dt-color-red-1-000-l) / var(--dco)) !important;
11361
+ }
10526
11362
  .d-divide-tan-100 > * + * {
10527
11363
  --dco: var(--dt-color-tan-100-a);
10528
11364
  border-color: hsl(var(--dt-color-tan-100-h) var(--dt-color-tan-100-s) var(--dt-color-tan-100-l) / var(--dco)) !important;
@@ -10553,6 +11389,11 @@ body {
10553
11389
  --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)) !important;
10554
11390
  --bgg-to: hsl(var(--dt-color-neutral-black-h) var(--dt-color-neutral-black-s) var(--dt-color-neutral-black-l) / 0%) !important;
10555
11391
  }
11392
+ .d-bgg-from-black50, .h\:d-bgg-from-black50:hover, .f\:d-bgg-from-black50:focus, .f\:d-bgg-from-black50:focus-within, .fv\:d-bgg-from-black50:focus-visible {
11393
+ --bgg-from-opacity: var(--dt-color-black50-a);
11394
+ --bgg-from: hsl(var(--dt-color-black50-h) var(--dt-color-black50-s) var(--dt-color-black50-l) / var(--bgg-from-opacity)) !important;
11395
+ --bgg-to: hsl(var(--dt-color-black50-h) var(--dt-color-black50-s) var(--dt-color-black50-l) / 0%) !important;
11396
+ }
10556
11397
  .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 {
10557
11398
  --bgg-from-opacity: var(--dt-color-black-100-a);
10558
11399
  --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)) !important;
@@ -10598,6 +11439,21 @@ body {
10598
11439
  --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)) !important;
10599
11440
  --bgg-to: hsl(var(--dt-color-black-900-h) var(--dt-color-black-900-s) var(--dt-color-black-900-l) / 0%) !important;
10600
11441
  }
11442
+ .d-bgg-from-black-950, .h\:d-bgg-from-black-950:hover, .f\:d-bgg-from-black-950:focus, .f\:d-bgg-from-black-950:focus-within, .fv\:d-bgg-from-black-950:focus-visible {
11443
+ --bgg-from-opacity: var(--dt-color-black-950-a);
11444
+ --bgg-from: hsl(var(--dt-color-black-950-h) var(--dt-color-black-950-s) var(--dt-color-black-950-l) / var(--bgg-from-opacity)) !important;
11445
+ --bgg-to: hsl(var(--dt-color-black-950-h) var(--dt-color-black-950-s) var(--dt-color-black-950-l) / 0%) !important;
11446
+ }
11447
+ .d-bgg-from-black-1-000, .h\:d-bgg-from-black-1-000:hover, .f\:d-bgg-from-black-1-000:focus, .f\:d-bgg-from-black-1-000:focus-within, .fv\:d-bgg-from-black-1-000:focus-visible {
11448
+ --bgg-from-opacity: var(--dt-color-black-1-000-a);
11449
+ --bgg-from: hsl(var(--dt-color-black-1-000-h) var(--dt-color-black-1-000-s) var(--dt-color-black-1-000-l) / var(--bgg-from-opacity)) !important;
11450
+ --bgg-to: hsl(var(--dt-color-black-1-000-h) var(--dt-color-black-1-000-s) var(--dt-color-black-1-000-l) / 0%) !important;
11451
+ }
11452
+ .d-bgg-from-purple50, .h\:d-bgg-from-purple50:hover, .f\:d-bgg-from-purple50:focus, .f\:d-bgg-from-purple50:focus-within, .fv\:d-bgg-from-purple50:focus-visible {
11453
+ --bgg-from-opacity: var(--dt-color-purple50-a);
11454
+ --bgg-from: hsl(var(--dt-color-purple50-h) var(--dt-color-purple50-s) var(--dt-color-purple50-l) / var(--bgg-from-opacity)) !important;
11455
+ --bgg-to: hsl(var(--dt-color-purple50-h) var(--dt-color-purple50-s) var(--dt-color-purple50-l) / 0%) !important;
11456
+ }
10601
11457
  .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 {
10602
11458
  --bgg-from-opacity: var(--dt-color-purple-100-a);
10603
11459
  --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)) !important;
@@ -10608,26 +11464,56 @@ body {
10608
11464
  --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)) !important;
10609
11465
  --bgg-to: hsl(var(--dt-color-purple-200-h) var(--dt-color-purple-200-s) var(--dt-color-purple-200-l) / 0%) !important;
10610
11466
  }
11467
+ .d-bgg-from-purple-250, .h\:d-bgg-from-purple-250:hover, .f\:d-bgg-from-purple-250:focus, .f\:d-bgg-from-purple-250:focus-within, .fv\:d-bgg-from-purple-250:focus-visible {
11468
+ --bgg-from-opacity: var(--dt-color-purple-250-a);
11469
+ --bgg-from: hsl(var(--dt-color-purple-250-h) var(--dt-color-purple-250-s) var(--dt-color-purple-250-l) / var(--bgg-from-opacity)) !important;
11470
+ --bgg-to: hsl(var(--dt-color-purple-250-h) var(--dt-color-purple-250-s) var(--dt-color-purple-250-l) / 0%) !important;
11471
+ }
10611
11472
  .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 {
10612
11473
  --bgg-from-opacity: var(--dt-color-purple-300-a);
10613
11474
  --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)) !important;
10614
11475
  --bgg-to: hsl(var(--dt-color-purple-300-h) var(--dt-color-purple-300-s) var(--dt-color-purple-300-l) / 0%) !important;
10615
11476
  }
11477
+ .d-bgg-from-purple-350, .h\:d-bgg-from-purple-350:hover, .f\:d-bgg-from-purple-350:focus, .f\:d-bgg-from-purple-350:focus-within, .fv\:d-bgg-from-purple-350:focus-visible {
11478
+ --bgg-from-opacity: var(--dt-color-purple-350-a);
11479
+ --bgg-from: hsl(var(--dt-color-purple-350-h) var(--dt-color-purple-350-s) var(--dt-color-purple-350-l) / var(--bgg-from-opacity)) !important;
11480
+ --bgg-to: hsl(var(--dt-color-purple-350-h) var(--dt-color-purple-350-s) var(--dt-color-purple-350-l) / 0%) !important;
11481
+ }
10616
11482
  .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 {
10617
11483
  --bgg-from-opacity: var(--dt-color-purple-400-a);
10618
11484
  --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)) !important;
10619
11485
  --bgg-to: hsl(var(--dt-color-purple-400-h) var(--dt-color-purple-400-s) var(--dt-color-purple-400-l) / 0%) !important;
10620
11486
  }
11487
+ .d-bgg-from-purple-450, .h\:d-bgg-from-purple-450:hover, .f\:d-bgg-from-purple-450:focus, .f\:d-bgg-from-purple-450:focus-within, .fv\:d-bgg-from-purple-450:focus-visible {
11488
+ --bgg-from-opacity: var(--dt-color-purple-450-a);
11489
+ --bgg-from: hsl(var(--dt-color-purple-450-h) var(--dt-color-purple-450-s) var(--dt-color-purple-450-l) / var(--bgg-from-opacity)) !important;
11490
+ --bgg-to: hsl(var(--dt-color-purple-450-h) var(--dt-color-purple-450-s) var(--dt-color-purple-450-l) / 0%) !important;
11491
+ }
10621
11492
  .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 {
10622
11493
  --bgg-from-opacity: var(--dt-color-purple-500-a);
10623
11494
  --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)) !important;
10624
11495
  --bgg-to: hsl(var(--dt-color-purple-500-h) var(--dt-color-purple-500-s) var(--dt-color-purple-500-l) / 0%) !important;
10625
11496
  }
11497
+ .d-bgg-from-purple-550, .h\:d-bgg-from-purple-550:hover, .f\:d-bgg-from-purple-550:focus, .f\:d-bgg-from-purple-550:focus-within, .fv\:d-bgg-from-purple-550:focus-visible {
11498
+ --bgg-from-opacity: var(--dt-color-purple-550-a);
11499
+ --bgg-from: hsl(var(--dt-color-purple-550-h) var(--dt-color-purple-550-s) var(--dt-color-purple-550-l) / var(--bgg-from-opacity)) !important;
11500
+ --bgg-to: hsl(var(--dt-color-purple-550-h) var(--dt-color-purple-550-s) var(--dt-color-purple-550-l) / 0%) !important;
11501
+ }
10626
11502
  .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 {
10627
11503
  --bgg-from-opacity: var(--dt-color-purple-600-a);
10628
11504
  --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)) !important;
10629
11505
  --bgg-to: hsl(var(--dt-color-purple-600-h) var(--dt-color-purple-600-s) var(--dt-color-purple-600-l) / 0%) !important;
10630
11506
  }
11507
+ .d-bgg-from-purple-1-000, .h\:d-bgg-from-purple-1-000:hover, .f\:d-bgg-from-purple-1-000:focus, .f\:d-bgg-from-purple-1-000:focus-within, .fv\:d-bgg-from-purple-1-000:focus-visible {
11508
+ --bgg-from-opacity: var(--dt-color-purple-1-000-a);
11509
+ --bgg-from: hsl(var(--dt-color-purple-1-000-h) var(--dt-color-purple-1-000-s) var(--dt-color-purple-1-000-l) / var(--bgg-from-opacity)) !important;
11510
+ --bgg-to: hsl(var(--dt-color-purple-1-000-h) var(--dt-color-purple-1-000-s) var(--dt-color-purple-1-000-l) / 0%) !important;
11511
+ }
11512
+ .d-bgg-from-blue50, .h\:d-bgg-from-blue50:hover, .f\:d-bgg-from-blue50:focus, .f\:d-bgg-from-blue50:focus-within, .fv\:d-bgg-from-blue50:focus-visible {
11513
+ --bgg-from-opacity: var(--dt-color-blue50-a);
11514
+ --bgg-from: hsl(var(--dt-color-blue50-h) var(--dt-color-blue50-s) var(--dt-color-blue50-l) / var(--bgg-from-opacity)) !important;
11515
+ --bgg-to: hsl(var(--dt-color-blue50-h) var(--dt-color-blue50-s) var(--dt-color-blue50-l) / 0%) !important;
11516
+ }
10631
11517
  .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 {
10632
11518
  --bgg-from-opacity: var(--dt-color-blue-100-a);
10633
11519
  --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)) !important;
@@ -10648,11 +11534,46 @@ body {
10648
11534
  --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)) !important;
10649
11535
  --bgg-to: hsl(var(--dt-color-blue-400-h) var(--dt-color-blue-400-s) var(--dt-color-blue-400-l) / 0%) !important;
10650
11536
  }
11537
+ .d-bgg-from-blue-425, .h\:d-bgg-from-blue-425:hover, .f\:d-bgg-from-blue-425:focus, .f\:d-bgg-from-blue-425:focus-within, .fv\:d-bgg-from-blue-425:focus-visible {
11538
+ --bgg-from-opacity: var(--dt-color-blue-425-a);
11539
+ --bgg-from: hsl(var(--dt-color-blue-425-h) var(--dt-color-blue-425-s) var(--dt-color-blue-425-l) / var(--bgg-from-opacity)) !important;
11540
+ --bgg-to: hsl(var(--dt-color-blue-425-h) var(--dt-color-blue-425-s) var(--dt-color-blue-425-l) / 0%) !important;
11541
+ }
11542
+ .d-bgg-from-blue-450, .h\:d-bgg-from-blue-450:hover, .f\:d-bgg-from-blue-450:focus, .f\:d-bgg-from-blue-450:focus-within, .fv\:d-bgg-from-blue-450:focus-visible {
11543
+ --bgg-from-opacity: var(--dt-color-blue-450-a);
11544
+ --bgg-from: hsl(var(--dt-color-blue-450-h) var(--dt-color-blue-450-s) var(--dt-color-blue-450-l) / var(--bgg-from-opacity)) !important;
11545
+ --bgg-to: hsl(var(--dt-color-blue-450-h) var(--dt-color-blue-450-s) var(--dt-color-blue-450-l) / 0%) !important;
11546
+ }
11547
+ .d-bgg-from-blue-475, .h\:d-bgg-from-blue-475:hover, .f\:d-bgg-from-blue-475:focus, .f\:d-bgg-from-blue-475:focus-within, .fv\:d-bgg-from-blue-475:focus-visible {
11548
+ --bgg-from-opacity: var(--dt-color-blue-475-a);
11549
+ --bgg-from: hsl(var(--dt-color-blue-475-h) var(--dt-color-blue-475-s) var(--dt-color-blue-475-l) / var(--bgg-from-opacity)) !important;
11550
+ --bgg-to: hsl(var(--dt-color-blue-475-h) var(--dt-color-blue-475-s) var(--dt-color-blue-475-l) / 0%) !important;
11551
+ }
10651
11552
  .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 {
10652
11553
  --bgg-from-opacity: var(--dt-color-blue-500-a);
10653
11554
  --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)) !important;
10654
11555
  --bgg-to: hsl(var(--dt-color-blue-500-h) var(--dt-color-blue-500-s) var(--dt-color-blue-500-l) / 0%) !important;
10655
11556
  }
11557
+ .d-bgg-from-blue-600, .h\:d-bgg-from-blue-600:hover, .f\:d-bgg-from-blue-600:focus, .f\:d-bgg-from-blue-600:focus-within, .fv\:d-bgg-from-blue-600:focus-visible {
11558
+ --bgg-from-opacity: var(--dt-color-blue-600-a);
11559
+ --bgg-from: hsl(var(--dt-color-blue-600-h) var(--dt-color-blue-600-s) var(--dt-color-blue-600-l) / var(--bgg-from-opacity)) !important;
11560
+ --bgg-to: hsl(var(--dt-color-blue-600-h) var(--dt-color-blue-600-s) var(--dt-color-blue-600-l) / 0%) !important;
11561
+ }
11562
+ .d-bgg-from-blue-900, .h\:d-bgg-from-blue-900:hover, .f\:d-bgg-from-blue-900:focus, .f\:d-bgg-from-blue-900:focus-within, .fv\:d-bgg-from-blue-900:focus-visible {
11563
+ --bgg-from-opacity: var(--dt-color-blue-900-a);
11564
+ --bgg-from: hsl(var(--dt-color-blue-900-h) var(--dt-color-blue-900-s) var(--dt-color-blue-900-l) / var(--bgg-from-opacity)) !important;
11565
+ --bgg-to: hsl(var(--dt-color-blue-900-h) var(--dt-color-blue-900-s) var(--dt-color-blue-900-l) / 0%) !important;
11566
+ }
11567
+ .d-bgg-from-blue-1-000, .h\:d-bgg-from-blue-1-000:hover, .f\:d-bgg-from-blue-1-000:focus, .f\:d-bgg-from-blue-1-000:focus-within, .fv\:d-bgg-from-blue-1-000:focus-visible {
11568
+ --bgg-from-opacity: var(--dt-color-blue-1-000-a);
11569
+ --bgg-from: hsl(var(--dt-color-blue-1-000-h) var(--dt-color-blue-1-000-s) var(--dt-color-blue-1-000-l) / var(--bgg-from-opacity)) !important;
11570
+ --bgg-to: hsl(var(--dt-color-blue-1-000-h) var(--dt-color-blue-1-000-s) var(--dt-color-blue-1-000-l) / 0%) !important;
11571
+ }
11572
+ .d-bgg-from-magenta50, .h\:d-bgg-from-magenta50:hover, .f\:d-bgg-from-magenta50:focus, .f\:d-bgg-from-magenta50:focus-within, .fv\:d-bgg-from-magenta50:focus-visible {
11573
+ --bgg-from-opacity: var(--dt-color-magenta50-a);
11574
+ --bgg-from: hsl(var(--dt-color-magenta50-h) var(--dt-color-magenta50-s) var(--dt-color-magenta50-l) / var(--bgg-from-opacity)) !important;
11575
+ --bgg-to: hsl(var(--dt-color-magenta50-h) var(--dt-color-magenta50-s) var(--dt-color-magenta50-l) / 0%) !important;
11576
+ }
10656
11577
  .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 {
10657
11578
  --bgg-from-opacity: var(--dt-color-magenta-100-a);
10658
11579
  --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)) !important;
@@ -10663,6 +11584,11 @@ body {
10663
11584
  --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)) !important;
10664
11585
  --bgg-to: hsl(var(--dt-color-magenta-200-h) var(--dt-color-magenta-200-s) var(--dt-color-magenta-200-l) / 0%) !important;
10665
11586
  }
11587
+ .d-bgg-from-magenta-250, .h\:d-bgg-from-magenta-250:hover, .f\:d-bgg-from-magenta-250:focus, .f\:d-bgg-from-magenta-250:focus-within, .fv\:d-bgg-from-magenta-250:focus-visible {
11588
+ --bgg-from-opacity: var(--dt-color-magenta-250-a);
11589
+ --bgg-from: hsl(var(--dt-color-magenta-250-h) var(--dt-color-magenta-250-s) var(--dt-color-magenta-250-l) / var(--bgg-from-opacity)) !important;
11590
+ --bgg-to: hsl(var(--dt-color-magenta-250-h) var(--dt-color-magenta-250-s) var(--dt-color-magenta-250-l) / 0%) !important;
11591
+ }
10666
11592
  .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 {
10667
11593
  --bgg-from-opacity: var(--dt-color-magenta-300-a);
10668
11594
  --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)) !important;
@@ -10673,11 +11599,41 @@ body {
10673
11599
  --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)) !important;
10674
11600
  --bgg-to: hsl(var(--dt-color-magenta-400-h) var(--dt-color-magenta-400-s) var(--dt-color-magenta-400-l) / 0%) !important;
10675
11601
  }
11602
+ .d-bgg-from-magenta-425, .h\:d-bgg-from-magenta-425:hover, .f\:d-bgg-from-magenta-425:focus, .f\:d-bgg-from-magenta-425:focus-within, .fv\:d-bgg-from-magenta-425:focus-visible {
11603
+ --bgg-from-opacity: var(--dt-color-magenta-425-a);
11604
+ --bgg-from: hsl(var(--dt-color-magenta-425-h) var(--dt-color-magenta-425-s) var(--dt-color-magenta-425-l) / var(--bgg-from-opacity)) !important;
11605
+ --bgg-to: hsl(var(--dt-color-magenta-425-h) var(--dt-color-magenta-425-s) var(--dt-color-magenta-425-l) / 0%) !important;
11606
+ }
11607
+ .d-bgg-from-magenta-475, .h\:d-bgg-from-magenta-475:hover, .f\:d-bgg-from-magenta-475:focus, .f\:d-bgg-from-magenta-475:focus-within, .fv\:d-bgg-from-magenta-475:focus-visible {
11608
+ --bgg-from-opacity: var(--dt-color-magenta-475-a);
11609
+ --bgg-from: hsl(var(--dt-color-magenta-475-h) var(--dt-color-magenta-475-s) var(--dt-color-magenta-475-l) / var(--bgg-from-opacity)) !important;
11610
+ --bgg-to: hsl(var(--dt-color-magenta-475-h) var(--dt-color-magenta-475-s) var(--dt-color-magenta-475-l) / 0%) !important;
11611
+ }
10676
11612
  .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 {
10677
11613
  --bgg-from-opacity: var(--dt-color-magenta-500-a);
10678
11614
  --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)) !important;
10679
11615
  --bgg-to: hsl(var(--dt-color-magenta-500-h) var(--dt-color-magenta-500-s) var(--dt-color-magenta-500-l) / 0%) !important;
10680
11616
  }
11617
+ .d-bgg-from-magenta-600, .h\:d-bgg-from-magenta-600:hover, .f\:d-bgg-from-magenta-600:focus, .f\:d-bgg-from-magenta-600:focus-within, .fv\:d-bgg-from-magenta-600:focus-visible {
11618
+ --bgg-from-opacity: var(--dt-color-magenta-600-a);
11619
+ --bgg-from: hsl(var(--dt-color-magenta-600-h) var(--dt-color-magenta-600-s) var(--dt-color-magenta-600-l) / var(--bgg-from-opacity)) !important;
11620
+ --bgg-to: hsl(var(--dt-color-magenta-600-h) var(--dt-color-magenta-600-s) var(--dt-color-magenta-600-l) / 0%) !important;
11621
+ }
11622
+ .d-bgg-from-magenta-900, .h\:d-bgg-from-magenta-900:hover, .f\:d-bgg-from-magenta-900:focus, .f\:d-bgg-from-magenta-900:focus-within, .fv\:d-bgg-from-magenta-900:focus-visible {
11623
+ --bgg-from-opacity: var(--dt-color-magenta-900-a);
11624
+ --bgg-from: hsl(var(--dt-color-magenta-900-h) var(--dt-color-magenta-900-s) var(--dt-color-magenta-900-l) / var(--bgg-from-opacity)) !important;
11625
+ --bgg-to: hsl(var(--dt-color-magenta-900-h) var(--dt-color-magenta-900-s) var(--dt-color-magenta-900-l) / 0%) !important;
11626
+ }
11627
+ .d-bgg-from-magenta-1-000, .h\:d-bgg-from-magenta-1-000:hover, .f\:d-bgg-from-magenta-1-000:focus, .f\:d-bgg-from-magenta-1-000:focus-within, .fv\:d-bgg-from-magenta-1-000:focus-visible {
11628
+ --bgg-from-opacity: var(--dt-color-magenta-1-000-a);
11629
+ --bgg-from: hsl(var(--dt-color-magenta-1-000-h) var(--dt-color-magenta-1-000-s) var(--dt-color-magenta-1-000-l) / var(--bgg-from-opacity)) !important;
11630
+ --bgg-to: hsl(var(--dt-color-magenta-1-000-h) var(--dt-color-magenta-1-000-s) var(--dt-color-magenta-1-000-l) / 0%) !important;
11631
+ }
11632
+ .d-bgg-from-gold50, .h\:d-bgg-from-gold50:hover, .f\:d-bgg-from-gold50:focus, .f\:d-bgg-from-gold50:focus-within, .fv\:d-bgg-from-gold50:focus-visible {
11633
+ --bgg-from-opacity: var(--dt-color-gold50-a);
11634
+ --bgg-from: hsl(var(--dt-color-gold50-h) var(--dt-color-gold50-s) var(--dt-color-gold50-l) / var(--bgg-from-opacity)) !important;
11635
+ --bgg-to: hsl(var(--dt-color-gold50-h) var(--dt-color-gold50-s) var(--dt-color-gold50-l) / 0%) !important;
11636
+ }
10681
11637
  .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 {
10682
11638
  --bgg-from-opacity: var(--dt-color-gold-100-a);
10683
11639
  --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)) !important;
@@ -10693,16 +11649,51 @@ body {
10693
11649
  --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)) !important;
10694
11650
  --bgg-to: hsl(var(--dt-color-gold-300-h) var(--dt-color-gold-300-s) var(--dt-color-gold-300-l) / 0%) !important;
10695
11651
  }
11652
+ .d-bgg-from-gold-350, .h\:d-bgg-from-gold-350:hover, .f\:d-bgg-from-gold-350:focus, .f\:d-bgg-from-gold-350:focus-within, .fv\:d-bgg-from-gold-350:focus-visible {
11653
+ --bgg-from-opacity: var(--dt-color-gold-350-a);
11654
+ --bgg-from: hsl(var(--dt-color-gold-350-h) var(--dt-color-gold-350-s) var(--dt-color-gold-350-l) / var(--bgg-from-opacity)) !important;
11655
+ --bgg-to: hsl(var(--dt-color-gold-350-h) var(--dt-color-gold-350-s) var(--dt-color-gold-350-l) / 0%) !important;
11656
+ }
10696
11657
  .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 {
10697
11658
  --bgg-from-opacity: var(--dt-color-gold-400-a);
10698
11659
  --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)) !important;
10699
11660
  --bgg-to: hsl(var(--dt-color-gold-400-h) var(--dt-color-gold-400-s) var(--dt-color-gold-400-l) / 0%) !important;
10700
11661
  }
11662
+ .d-bgg-from-gold-450, .h\:d-bgg-from-gold-450:hover, .f\:d-bgg-from-gold-450:focus, .f\:d-bgg-from-gold-450:focus-within, .fv\:d-bgg-from-gold-450:focus-visible {
11663
+ --bgg-from-opacity: var(--dt-color-gold-450-a);
11664
+ --bgg-from: hsl(var(--dt-color-gold-450-h) var(--dt-color-gold-450-s) var(--dt-color-gold-450-l) / var(--bgg-from-opacity)) !important;
11665
+ --bgg-to: hsl(var(--dt-color-gold-450-h) var(--dt-color-gold-450-s) var(--dt-color-gold-450-l) / 0%) !important;
11666
+ }
10701
11667
  .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 {
10702
11668
  --bgg-from-opacity: var(--dt-color-gold-500-a);
10703
11669
  --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)) !important;
10704
11670
  --bgg-to: hsl(var(--dt-color-gold-500-h) var(--dt-color-gold-500-s) var(--dt-color-gold-500-l) / 0%) !important;
10705
11671
  }
11672
+ .d-bgg-from-gold-600, .h\:d-bgg-from-gold-600:hover, .f\:d-bgg-from-gold-600:focus, .f\:d-bgg-from-gold-600:focus-within, .fv\:d-bgg-from-gold-600:focus-visible {
11673
+ --bgg-from-opacity: var(--dt-color-gold-600-a);
11674
+ --bgg-from: hsl(var(--dt-color-gold-600-h) var(--dt-color-gold-600-s) var(--dt-color-gold-600-l) / var(--bgg-from-opacity)) !important;
11675
+ --bgg-to: hsl(var(--dt-color-gold-600-h) var(--dt-color-gold-600-s) var(--dt-color-gold-600-l) / 0%) !important;
11676
+ }
11677
+ .d-bgg-from-gold-700, .h\:d-bgg-from-gold-700:hover, .f\:d-bgg-from-gold-700:focus, .f\:d-bgg-from-gold-700:focus-within, .fv\:d-bgg-from-gold-700:focus-visible {
11678
+ --bgg-from-opacity: var(--dt-color-gold-700-a);
11679
+ --bgg-from: hsl(var(--dt-color-gold-700-h) var(--dt-color-gold-700-s) var(--dt-color-gold-700-l) / var(--bgg-from-opacity)) !important;
11680
+ --bgg-to: hsl(var(--dt-color-gold-700-h) var(--dt-color-gold-700-s) var(--dt-color-gold-700-l) / 0%) !important;
11681
+ }
11682
+ .d-bgg-from-gold-900, .h\:d-bgg-from-gold-900:hover, .f\:d-bgg-from-gold-900:focus, .f\:d-bgg-from-gold-900:focus-within, .fv\:d-bgg-from-gold-900:focus-visible {
11683
+ --bgg-from-opacity: var(--dt-color-gold-900-a);
11684
+ --bgg-from: hsl(var(--dt-color-gold-900-h) var(--dt-color-gold-900-s) var(--dt-color-gold-900-l) / var(--bgg-from-opacity)) !important;
11685
+ --bgg-to: hsl(var(--dt-color-gold-900-h) var(--dt-color-gold-900-s) var(--dt-color-gold-900-l) / 0%) !important;
11686
+ }
11687
+ .d-bgg-from-gold-1-000, .h\:d-bgg-from-gold-1-000:hover, .f\:d-bgg-from-gold-1-000:focus, .f\:d-bgg-from-gold-1-000:focus-within, .fv\:d-bgg-from-gold-1-000:focus-visible {
11688
+ --bgg-from-opacity: var(--dt-color-gold-1-000-a);
11689
+ --bgg-from: hsl(var(--dt-color-gold-1-000-h) var(--dt-color-gold-1-000-s) var(--dt-color-gold-1-000-l) / var(--bgg-from-opacity)) !important;
11690
+ --bgg-to: hsl(var(--dt-color-gold-1-000-h) var(--dt-color-gold-1-000-s) var(--dt-color-gold-1-000-l) / 0%) !important;
11691
+ }
11692
+ .d-bgg-from-green50, .h\:d-bgg-from-green50:hover, .f\:d-bgg-from-green50:focus, .f\:d-bgg-from-green50:focus-within, .fv\:d-bgg-from-green50:focus-visible {
11693
+ --bgg-from-opacity: var(--dt-color-green50-a);
11694
+ --bgg-from: hsl(var(--dt-color-green50-h) var(--dt-color-green50-s) var(--dt-color-green50-l) / var(--bgg-from-opacity)) !important;
11695
+ --bgg-to: hsl(var(--dt-color-green50-h) var(--dt-color-green50-s) var(--dt-color-green50-l) / 0%) !important;
11696
+ }
10706
11697
  .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 {
10707
11698
  --bgg-from-opacity: var(--dt-color-green-100-a);
10708
11699
  --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)) !important;
@@ -10718,16 +11709,51 @@ body {
10718
11709
  --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)) !important;
10719
11710
  --bgg-to: hsl(var(--dt-color-green-300-h) var(--dt-color-green-300-s) var(--dt-color-green-300-l) / 0%) !important;
10720
11711
  }
11712
+ .d-bgg-from-green-350, .h\:d-bgg-from-green-350:hover, .f\:d-bgg-from-green-350:focus, .f\:d-bgg-from-green-350:focus-within, .fv\:d-bgg-from-green-350:focus-visible {
11713
+ --bgg-from-opacity: var(--dt-color-green-350-a);
11714
+ --bgg-from: hsl(var(--dt-color-green-350-h) var(--dt-color-green-350-s) var(--dt-color-green-350-l) / var(--bgg-from-opacity)) !important;
11715
+ --bgg-to: hsl(var(--dt-color-green-350-h) var(--dt-color-green-350-s) var(--dt-color-green-350-l) / 0%) !important;
11716
+ }
10721
11717
  .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 {
10722
11718
  --bgg-from-opacity: var(--dt-color-green-400-a);
10723
11719
  --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)) !important;
10724
11720
  --bgg-to: hsl(var(--dt-color-green-400-h) var(--dt-color-green-400-s) var(--dt-color-green-400-l) / 0%) !important;
10725
11721
  }
11722
+ .d-bgg-from-green-425, .h\:d-bgg-from-green-425:hover, .f\:d-bgg-from-green-425:focus, .f\:d-bgg-from-green-425:focus-within, .fv\:d-bgg-from-green-425:focus-visible {
11723
+ --bgg-from-opacity: var(--dt-color-green-425-a);
11724
+ --bgg-from: hsl(var(--dt-color-green-425-h) var(--dt-color-green-425-s) var(--dt-color-green-425-l) / var(--bgg-from-opacity)) !important;
11725
+ --bgg-to: hsl(var(--dt-color-green-425-h) var(--dt-color-green-425-s) var(--dt-color-green-425-l) / 0%) !important;
11726
+ }
11727
+ .d-bgg-from-green-475, .h\:d-bgg-from-green-475:hover, .f\:d-bgg-from-green-475:focus, .f\:d-bgg-from-green-475:focus-within, .fv\:d-bgg-from-green-475:focus-visible {
11728
+ --bgg-from-opacity: var(--dt-color-green-475-a);
11729
+ --bgg-from: hsl(var(--dt-color-green-475-h) var(--dt-color-green-475-s) var(--dt-color-green-475-l) / var(--bgg-from-opacity)) !important;
11730
+ --bgg-to: hsl(var(--dt-color-green-475-h) var(--dt-color-green-475-s) var(--dt-color-green-475-l) / 0%) !important;
11731
+ }
10726
11732
  .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 {
10727
11733
  --bgg-from-opacity: var(--dt-color-green-500-a);
10728
11734
  --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)) !important;
10729
11735
  --bgg-to: hsl(var(--dt-color-green-500-h) var(--dt-color-green-500-s) var(--dt-color-green-500-l) / 0%) !important;
10730
11736
  }
11737
+ .d-bgg-from-green-600, .h\:d-bgg-from-green-600:hover, .f\:d-bgg-from-green-600:focus, .f\:d-bgg-from-green-600:focus-within, .fv\:d-bgg-from-green-600:focus-visible {
11738
+ --bgg-from-opacity: var(--dt-color-green-600-a);
11739
+ --bgg-from: hsl(var(--dt-color-green-600-h) var(--dt-color-green-600-s) var(--dt-color-green-600-l) / var(--bgg-from-opacity)) !important;
11740
+ --bgg-to: hsl(var(--dt-color-green-600-h) var(--dt-color-green-600-s) var(--dt-color-green-600-l) / 0%) !important;
11741
+ }
11742
+ .d-bgg-from-green-900, .h\:d-bgg-from-green-900:hover, .f\:d-bgg-from-green-900:focus, .f\:d-bgg-from-green-900:focus-within, .fv\:d-bgg-from-green-900:focus-visible {
11743
+ --bgg-from-opacity: var(--dt-color-green-900-a);
11744
+ --bgg-from: hsl(var(--dt-color-green-900-h) var(--dt-color-green-900-s) var(--dt-color-green-900-l) / var(--bgg-from-opacity)) !important;
11745
+ --bgg-to: hsl(var(--dt-color-green-900-h) var(--dt-color-green-900-s) var(--dt-color-green-900-l) / 0%) !important;
11746
+ }
11747
+ .d-bgg-from-green-1-000, .h\:d-bgg-from-green-1-000:hover, .f\:d-bgg-from-green-1-000:focus, .f\:d-bgg-from-green-1-000:focus-within, .fv\:d-bgg-from-green-1-000:focus-visible {
11748
+ --bgg-from-opacity: var(--dt-color-green-1-000-a);
11749
+ --bgg-from: hsl(var(--dt-color-green-1-000-h) var(--dt-color-green-1-000-s) var(--dt-color-green-1-000-l) / var(--bgg-from-opacity)) !important;
11750
+ --bgg-to: hsl(var(--dt-color-green-1-000-h) var(--dt-color-green-1-000-s) var(--dt-color-green-1-000-l) / 0%) !important;
11751
+ }
11752
+ .d-bgg-from-red50, .h\:d-bgg-from-red50:hover, .f\:d-bgg-from-red50:focus, .f\:d-bgg-from-red50:focus-within, .fv\:d-bgg-from-red50:focus-visible {
11753
+ --bgg-from-opacity: var(--dt-color-red50-a);
11754
+ --bgg-from: hsl(var(--dt-color-red50-h) var(--dt-color-red50-s) var(--dt-color-red50-l) / var(--bgg-from-opacity)) !important;
11755
+ --bgg-to: hsl(var(--dt-color-red50-h) var(--dt-color-red50-s) var(--dt-color-red50-l) / 0%) !important;
11756
+ }
10731
11757
  .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 {
10732
11758
  --bgg-from-opacity: var(--dt-color-red-100-a);
10733
11759
  --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)) !important;
@@ -10743,16 +11769,46 @@ body {
10743
11769
  --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)) !important;
10744
11770
  --bgg-to: hsl(var(--dt-color-red-300-h) var(--dt-color-red-300-s) var(--dt-color-red-300-l) / 0%) !important;
10745
11771
  }
11772
+ .d-bgg-from-red-350, .h\:d-bgg-from-red-350:hover, .f\:d-bgg-from-red-350:focus, .f\:d-bgg-from-red-350:focus-within, .fv\:d-bgg-from-red-350:focus-visible {
11773
+ --bgg-from-opacity: var(--dt-color-red-350-a);
11774
+ --bgg-from: hsl(var(--dt-color-red-350-h) var(--dt-color-red-350-s) var(--dt-color-red-350-l) / var(--bgg-from-opacity)) !important;
11775
+ --bgg-to: hsl(var(--dt-color-red-350-h) var(--dt-color-red-350-s) var(--dt-color-red-350-l) / 0%) !important;
11776
+ }
10746
11777
  .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 {
10747
11778
  --bgg-from-opacity: var(--dt-color-red-400-a);
10748
11779
  --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)) !important;
10749
11780
  --bgg-to: hsl(var(--dt-color-red-400-h) var(--dt-color-red-400-s) var(--dt-color-red-400-l) / 0%) !important;
10750
11781
  }
11782
+ .d-bgg-from-red-450, .h\:d-bgg-from-red-450:hover, .f\:d-bgg-from-red-450:focus, .f\:d-bgg-from-red-450:focus-within, .fv\:d-bgg-from-red-450:focus-visible {
11783
+ --bgg-from-opacity: var(--dt-color-red-450-a);
11784
+ --bgg-from: hsl(var(--dt-color-red-450-h) var(--dt-color-red-450-s) var(--dt-color-red-450-l) / var(--bgg-from-opacity)) !important;
11785
+ --bgg-to: hsl(var(--dt-color-red-450-h) var(--dt-color-red-450-s) var(--dt-color-red-450-l) / 0%) !important;
11786
+ }
10751
11787
  .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 {
10752
11788
  --bgg-from-opacity: var(--dt-color-red-500-a);
10753
11789
  --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)) !important;
10754
11790
  --bgg-to: hsl(var(--dt-color-red-500-h) var(--dt-color-red-500-s) var(--dt-color-red-500-l) / 0%) !important;
10755
11791
  }
11792
+ .d-bgg-from-red-600, .h\:d-bgg-from-red-600:hover, .f\:d-bgg-from-red-600:focus, .f\:d-bgg-from-red-600:focus-within, .fv\:d-bgg-from-red-600:focus-visible {
11793
+ --bgg-from-opacity: var(--dt-color-red-600-a);
11794
+ --bgg-from: hsl(var(--dt-color-red-600-h) var(--dt-color-red-600-s) var(--dt-color-red-600-l) / var(--bgg-from-opacity)) !important;
11795
+ --bgg-to: hsl(var(--dt-color-red-600-h) var(--dt-color-red-600-s) var(--dt-color-red-600-l) / 0%) !important;
11796
+ }
11797
+ .d-bgg-from-red-700, .h\:d-bgg-from-red-700:hover, .f\:d-bgg-from-red-700:focus, .f\:d-bgg-from-red-700:focus-within, .fv\:d-bgg-from-red-700:focus-visible {
11798
+ --bgg-from-opacity: var(--dt-color-red-700-a);
11799
+ --bgg-from: hsl(var(--dt-color-red-700-h) var(--dt-color-red-700-s) var(--dt-color-red-700-l) / var(--bgg-from-opacity)) !important;
11800
+ --bgg-to: hsl(var(--dt-color-red-700-h) var(--dt-color-red-700-s) var(--dt-color-red-700-l) / 0%) !important;
11801
+ }
11802
+ .d-bgg-from-red-900, .h\:d-bgg-from-red-900:hover, .f\:d-bgg-from-red-900:focus, .f\:d-bgg-from-red-900:focus-within, .fv\:d-bgg-from-red-900:focus-visible {
11803
+ --bgg-from-opacity: var(--dt-color-red-900-a);
11804
+ --bgg-from: hsl(var(--dt-color-red-900-h) var(--dt-color-red-900-s) var(--dt-color-red-900-l) / var(--bgg-from-opacity)) !important;
11805
+ --bgg-to: hsl(var(--dt-color-red-900-h) var(--dt-color-red-900-s) var(--dt-color-red-900-l) / 0%) !important;
11806
+ }
11807
+ .d-bgg-from-red-1-000, .h\:d-bgg-from-red-1-000:hover, .f\:d-bgg-from-red-1-000:focus, .f\:d-bgg-from-red-1-000:focus-within, .fv\:d-bgg-from-red-1-000:focus-visible {
11808
+ --bgg-from-opacity: var(--dt-color-red-1-000-a);
11809
+ --bgg-from: hsl(var(--dt-color-red-1-000-h) var(--dt-color-red-1-000-s) var(--dt-color-red-1-000-l) / var(--bgg-from-opacity)) !important;
11810
+ --bgg-to: hsl(var(--dt-color-red-1-000-h) var(--dt-color-red-1-000-s) var(--dt-color-red-1-000-l) / 0%) !important;
11811
+ }
10756
11812
  .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 {
10757
11813
  --bgg-from-opacity: var(--dt-color-tan-100-a);
10758
11814
  --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)) !important;
@@ -10786,6 +11842,10 @@ body {
10786
11842
  --bgg-to-opacity: var(--dt-color-neutral-black-a);
10787
11843
  --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;
10788
11844
  }
11845
+ .d-bgg-to-black50, .h\:d-bgg-to-black50:hover, .f\:d-bgg-to-black50:focus, .f\:d-bgg-to-black50:focus-within, .fv\:d-bgg-to-black50:focus-visible {
11846
+ --bgg-to-opacity: var(--dt-color-black50-a);
11847
+ --bgg-to: hsl(var(--dt-color-black50-h) var(--dt-color-black50-s) var(--dt-color-black50-l) / var(--bgg-to-opacity)) !important;
11848
+ }
10789
11849
  .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 {
10790
11850
  --bgg-to-opacity: var(--dt-color-black-100-a);
10791
11851
  --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;
@@ -10822,6 +11882,18 @@ body {
10822
11882
  --bgg-to-opacity: var(--dt-color-black-900-a);
10823
11883
  --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;
10824
11884
  }
11885
+ .d-bgg-to-black-950, .h\:d-bgg-to-black-950:hover, .f\:d-bgg-to-black-950:focus, .f\:d-bgg-to-black-950:focus-within, .fv\:d-bgg-to-black-950:focus-visible {
11886
+ --bgg-to-opacity: var(--dt-color-black-950-a);
11887
+ --bgg-to: hsl(var(--dt-color-black-950-h) var(--dt-color-black-950-s) var(--dt-color-black-950-l) / var(--bgg-to-opacity)) !important;
11888
+ }
11889
+ .d-bgg-to-black-1-000, .h\:d-bgg-to-black-1-000:hover, .f\:d-bgg-to-black-1-000:focus, .f\:d-bgg-to-black-1-000:focus-within, .fv\:d-bgg-to-black-1-000:focus-visible {
11890
+ --bgg-to-opacity: var(--dt-color-black-1-000-a);
11891
+ --bgg-to: hsl(var(--dt-color-black-1-000-h) var(--dt-color-black-1-000-s) var(--dt-color-black-1-000-l) / var(--bgg-to-opacity)) !important;
11892
+ }
11893
+ .d-bgg-to-purple50, .h\:d-bgg-to-purple50:hover, .f\:d-bgg-to-purple50:focus, .f\:d-bgg-to-purple50:focus-within, .fv\:d-bgg-to-purple50:focus-visible {
11894
+ --bgg-to-opacity: var(--dt-color-purple50-a);
11895
+ --bgg-to: hsl(var(--dt-color-purple50-h) var(--dt-color-purple50-s) var(--dt-color-purple50-l) / var(--bgg-to-opacity)) !important;
11896
+ }
10825
11897
  .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 {
10826
11898
  --bgg-to-opacity: var(--dt-color-purple-100-a);
10827
11899
  --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;
@@ -10830,22 +11902,46 @@ body {
10830
11902
  --bgg-to-opacity: var(--dt-color-purple-200-a);
10831
11903
  --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;
10832
11904
  }
11905
+ .d-bgg-to-purple-250, .h\:d-bgg-to-purple-250:hover, .f\:d-bgg-to-purple-250:focus, .f\:d-bgg-to-purple-250:focus-within, .fv\:d-bgg-to-purple-250:focus-visible {
11906
+ --bgg-to-opacity: var(--dt-color-purple-250-a);
11907
+ --bgg-to: hsl(var(--dt-color-purple-250-h) var(--dt-color-purple-250-s) var(--dt-color-purple-250-l) / var(--bgg-to-opacity)) !important;
11908
+ }
10833
11909
  .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 {
10834
11910
  --bgg-to-opacity: var(--dt-color-purple-300-a);
10835
11911
  --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;
10836
11912
  }
11913
+ .d-bgg-to-purple-350, .h\:d-bgg-to-purple-350:hover, .f\:d-bgg-to-purple-350:focus, .f\:d-bgg-to-purple-350:focus-within, .fv\:d-bgg-to-purple-350:focus-visible {
11914
+ --bgg-to-opacity: var(--dt-color-purple-350-a);
11915
+ --bgg-to: hsl(var(--dt-color-purple-350-h) var(--dt-color-purple-350-s) var(--dt-color-purple-350-l) / var(--bgg-to-opacity)) !important;
11916
+ }
10837
11917
  .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 {
10838
11918
  --bgg-to-opacity: var(--dt-color-purple-400-a);
10839
11919
  --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;
10840
11920
  }
11921
+ .d-bgg-to-purple-450, .h\:d-bgg-to-purple-450:hover, .f\:d-bgg-to-purple-450:focus, .f\:d-bgg-to-purple-450:focus-within, .fv\:d-bgg-to-purple-450:focus-visible {
11922
+ --bgg-to-opacity: var(--dt-color-purple-450-a);
11923
+ --bgg-to: hsl(var(--dt-color-purple-450-h) var(--dt-color-purple-450-s) var(--dt-color-purple-450-l) / var(--bgg-to-opacity)) !important;
11924
+ }
10841
11925
  .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 {
10842
11926
  --bgg-to-opacity: var(--dt-color-purple-500-a);
10843
11927
  --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;
10844
11928
  }
11929
+ .d-bgg-to-purple-550, .h\:d-bgg-to-purple-550:hover, .f\:d-bgg-to-purple-550:focus, .f\:d-bgg-to-purple-550:focus-within, .fv\:d-bgg-to-purple-550:focus-visible {
11930
+ --bgg-to-opacity: var(--dt-color-purple-550-a);
11931
+ --bgg-to: hsl(var(--dt-color-purple-550-h) var(--dt-color-purple-550-s) var(--dt-color-purple-550-l) / var(--bgg-to-opacity)) !important;
11932
+ }
10845
11933
  .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 {
10846
11934
  --bgg-to-opacity: var(--dt-color-purple-600-a);
10847
11935
  --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;
10848
11936
  }
11937
+ .d-bgg-to-purple-1-000, .h\:d-bgg-to-purple-1-000:hover, .f\:d-bgg-to-purple-1-000:focus, .f\:d-bgg-to-purple-1-000:focus-within, .fv\:d-bgg-to-purple-1-000:focus-visible {
11938
+ --bgg-to-opacity: var(--dt-color-purple-1-000-a);
11939
+ --bgg-to: hsl(var(--dt-color-purple-1-000-h) var(--dt-color-purple-1-000-s) var(--dt-color-purple-1-000-l) / var(--bgg-to-opacity)) !important;
11940
+ }
11941
+ .d-bgg-to-blue50, .h\:d-bgg-to-blue50:hover, .f\:d-bgg-to-blue50:focus, .f\:d-bgg-to-blue50:focus-within, .fv\:d-bgg-to-blue50:focus-visible {
11942
+ --bgg-to-opacity: var(--dt-color-blue50-a);
11943
+ --bgg-to: hsl(var(--dt-color-blue50-h) var(--dt-color-blue50-s) var(--dt-color-blue50-l) / var(--bgg-to-opacity)) !important;
11944
+ }
10849
11945
  .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 {
10850
11946
  --bgg-to-opacity: var(--dt-color-blue-100-a);
10851
11947
  --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;
@@ -10862,10 +11958,38 @@ body {
10862
11958
  --bgg-to-opacity: var(--dt-color-blue-400-a);
10863
11959
  --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;
10864
11960
  }
11961
+ .d-bgg-to-blue-425, .h\:d-bgg-to-blue-425:hover, .f\:d-bgg-to-blue-425:focus, .f\:d-bgg-to-blue-425:focus-within, .fv\:d-bgg-to-blue-425:focus-visible {
11962
+ --bgg-to-opacity: var(--dt-color-blue-425-a);
11963
+ --bgg-to: hsl(var(--dt-color-blue-425-h) var(--dt-color-blue-425-s) var(--dt-color-blue-425-l) / var(--bgg-to-opacity)) !important;
11964
+ }
11965
+ .d-bgg-to-blue-450, .h\:d-bgg-to-blue-450:hover, .f\:d-bgg-to-blue-450:focus, .f\:d-bgg-to-blue-450:focus-within, .fv\:d-bgg-to-blue-450:focus-visible {
11966
+ --bgg-to-opacity: var(--dt-color-blue-450-a);
11967
+ --bgg-to: hsl(var(--dt-color-blue-450-h) var(--dt-color-blue-450-s) var(--dt-color-blue-450-l) / var(--bgg-to-opacity)) !important;
11968
+ }
11969
+ .d-bgg-to-blue-475, .h\:d-bgg-to-blue-475:hover, .f\:d-bgg-to-blue-475:focus, .f\:d-bgg-to-blue-475:focus-within, .fv\:d-bgg-to-blue-475:focus-visible {
11970
+ --bgg-to-opacity: var(--dt-color-blue-475-a);
11971
+ --bgg-to: hsl(var(--dt-color-blue-475-h) var(--dt-color-blue-475-s) var(--dt-color-blue-475-l) / var(--bgg-to-opacity)) !important;
11972
+ }
10865
11973
  .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 {
10866
11974
  --bgg-to-opacity: var(--dt-color-blue-500-a);
10867
11975
  --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;
10868
11976
  }
11977
+ .d-bgg-to-blue-600, .h\:d-bgg-to-blue-600:hover, .f\:d-bgg-to-blue-600:focus, .f\:d-bgg-to-blue-600:focus-within, .fv\:d-bgg-to-blue-600:focus-visible {
11978
+ --bgg-to-opacity: var(--dt-color-blue-600-a);
11979
+ --bgg-to: hsl(var(--dt-color-blue-600-h) var(--dt-color-blue-600-s) var(--dt-color-blue-600-l) / var(--bgg-to-opacity)) !important;
11980
+ }
11981
+ .d-bgg-to-blue-900, .h\:d-bgg-to-blue-900:hover, .f\:d-bgg-to-blue-900:focus, .f\:d-bgg-to-blue-900:focus-within, .fv\:d-bgg-to-blue-900:focus-visible {
11982
+ --bgg-to-opacity: var(--dt-color-blue-900-a);
11983
+ --bgg-to: hsl(var(--dt-color-blue-900-h) var(--dt-color-blue-900-s) var(--dt-color-blue-900-l) / var(--bgg-to-opacity)) !important;
11984
+ }
11985
+ .d-bgg-to-blue-1-000, .h\:d-bgg-to-blue-1-000:hover, .f\:d-bgg-to-blue-1-000:focus, .f\:d-bgg-to-blue-1-000:focus-within, .fv\:d-bgg-to-blue-1-000:focus-visible {
11986
+ --bgg-to-opacity: var(--dt-color-blue-1-000-a);
11987
+ --bgg-to: hsl(var(--dt-color-blue-1-000-h) var(--dt-color-blue-1-000-s) var(--dt-color-blue-1-000-l) / var(--bgg-to-opacity)) !important;
11988
+ }
11989
+ .d-bgg-to-magenta50, .h\:d-bgg-to-magenta50:hover, .f\:d-bgg-to-magenta50:focus, .f\:d-bgg-to-magenta50:focus-within, .fv\:d-bgg-to-magenta50:focus-visible {
11990
+ --bgg-to-opacity: var(--dt-color-magenta50-a);
11991
+ --bgg-to: hsl(var(--dt-color-magenta50-h) var(--dt-color-magenta50-s) var(--dt-color-magenta50-l) / var(--bgg-to-opacity)) !important;
11992
+ }
10869
11993
  .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 {
10870
11994
  --bgg-to-opacity: var(--dt-color-magenta-100-a);
10871
11995
  --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;
@@ -10874,6 +11998,10 @@ body {
10874
11998
  --bgg-to-opacity: var(--dt-color-magenta-200-a);
10875
11999
  --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;
10876
12000
  }
12001
+ .d-bgg-to-magenta-250, .h\:d-bgg-to-magenta-250:hover, .f\:d-bgg-to-magenta-250:focus, .f\:d-bgg-to-magenta-250:focus-within, .fv\:d-bgg-to-magenta-250:focus-visible {
12002
+ --bgg-to-opacity: var(--dt-color-magenta-250-a);
12003
+ --bgg-to: hsl(var(--dt-color-magenta-250-h) var(--dt-color-magenta-250-s) var(--dt-color-magenta-250-l) / var(--bgg-to-opacity)) !important;
12004
+ }
10877
12005
  .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 {
10878
12006
  --bgg-to-opacity: var(--dt-color-magenta-300-a);
10879
12007
  --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;
@@ -10882,10 +12010,34 @@ body {
10882
12010
  --bgg-to-opacity: var(--dt-color-magenta-400-a);
10883
12011
  --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;
10884
12012
  }
12013
+ .d-bgg-to-magenta-425, .h\:d-bgg-to-magenta-425:hover, .f\:d-bgg-to-magenta-425:focus, .f\:d-bgg-to-magenta-425:focus-within, .fv\:d-bgg-to-magenta-425:focus-visible {
12014
+ --bgg-to-opacity: var(--dt-color-magenta-425-a);
12015
+ --bgg-to: hsl(var(--dt-color-magenta-425-h) var(--dt-color-magenta-425-s) var(--dt-color-magenta-425-l) / var(--bgg-to-opacity)) !important;
12016
+ }
12017
+ .d-bgg-to-magenta-475, .h\:d-bgg-to-magenta-475:hover, .f\:d-bgg-to-magenta-475:focus, .f\:d-bgg-to-magenta-475:focus-within, .fv\:d-bgg-to-magenta-475:focus-visible {
12018
+ --bgg-to-opacity: var(--dt-color-magenta-475-a);
12019
+ --bgg-to: hsl(var(--dt-color-magenta-475-h) var(--dt-color-magenta-475-s) var(--dt-color-magenta-475-l) / var(--bgg-to-opacity)) !important;
12020
+ }
10885
12021
  .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 {
10886
12022
  --bgg-to-opacity: var(--dt-color-magenta-500-a);
10887
12023
  --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;
10888
12024
  }
12025
+ .d-bgg-to-magenta-600, .h\:d-bgg-to-magenta-600:hover, .f\:d-bgg-to-magenta-600:focus, .f\:d-bgg-to-magenta-600:focus-within, .fv\:d-bgg-to-magenta-600:focus-visible {
12026
+ --bgg-to-opacity: var(--dt-color-magenta-600-a);
12027
+ --bgg-to: hsl(var(--dt-color-magenta-600-h) var(--dt-color-magenta-600-s) var(--dt-color-magenta-600-l) / var(--bgg-to-opacity)) !important;
12028
+ }
12029
+ .d-bgg-to-magenta-900, .h\:d-bgg-to-magenta-900:hover, .f\:d-bgg-to-magenta-900:focus, .f\:d-bgg-to-magenta-900:focus-within, .fv\:d-bgg-to-magenta-900:focus-visible {
12030
+ --bgg-to-opacity: var(--dt-color-magenta-900-a);
12031
+ --bgg-to: hsl(var(--dt-color-magenta-900-h) var(--dt-color-magenta-900-s) var(--dt-color-magenta-900-l) / var(--bgg-to-opacity)) !important;
12032
+ }
12033
+ .d-bgg-to-magenta-1-000, .h\:d-bgg-to-magenta-1-000:hover, .f\:d-bgg-to-magenta-1-000:focus, .f\:d-bgg-to-magenta-1-000:focus-within, .fv\:d-bgg-to-magenta-1-000:focus-visible {
12034
+ --bgg-to-opacity: var(--dt-color-magenta-1-000-a);
12035
+ --bgg-to: hsl(var(--dt-color-magenta-1-000-h) var(--dt-color-magenta-1-000-s) var(--dt-color-magenta-1-000-l) / var(--bgg-to-opacity)) !important;
12036
+ }
12037
+ .d-bgg-to-gold50, .h\:d-bgg-to-gold50:hover, .f\:d-bgg-to-gold50:focus, .f\:d-bgg-to-gold50:focus-within, .fv\:d-bgg-to-gold50:focus-visible {
12038
+ --bgg-to-opacity: var(--dt-color-gold50-a);
12039
+ --bgg-to: hsl(var(--dt-color-gold50-h) var(--dt-color-gold50-s) var(--dt-color-gold50-l) / var(--bgg-to-opacity)) !important;
12040
+ }
10889
12041
  .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 {
10890
12042
  --bgg-to-opacity: var(--dt-color-gold-100-a);
10891
12043
  --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;
@@ -10898,14 +12050,42 @@ body {
10898
12050
  --bgg-to-opacity: var(--dt-color-gold-300-a);
10899
12051
  --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;
10900
12052
  }
12053
+ .d-bgg-to-gold-350, .h\:d-bgg-to-gold-350:hover, .f\:d-bgg-to-gold-350:focus, .f\:d-bgg-to-gold-350:focus-within, .fv\:d-bgg-to-gold-350:focus-visible {
12054
+ --bgg-to-opacity: var(--dt-color-gold-350-a);
12055
+ --bgg-to: hsl(var(--dt-color-gold-350-h) var(--dt-color-gold-350-s) var(--dt-color-gold-350-l) / var(--bgg-to-opacity)) !important;
12056
+ }
10901
12057
  .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 {
10902
12058
  --bgg-to-opacity: var(--dt-color-gold-400-a);
10903
12059
  --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;
10904
12060
  }
12061
+ .d-bgg-to-gold-450, .h\:d-bgg-to-gold-450:hover, .f\:d-bgg-to-gold-450:focus, .f\:d-bgg-to-gold-450:focus-within, .fv\:d-bgg-to-gold-450:focus-visible {
12062
+ --bgg-to-opacity: var(--dt-color-gold-450-a);
12063
+ --bgg-to: hsl(var(--dt-color-gold-450-h) var(--dt-color-gold-450-s) var(--dt-color-gold-450-l) / var(--bgg-to-opacity)) !important;
12064
+ }
10905
12065
  .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 {
10906
12066
  --bgg-to-opacity: var(--dt-color-gold-500-a);
10907
12067
  --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;
10908
12068
  }
12069
+ .d-bgg-to-gold-600, .h\:d-bgg-to-gold-600:hover, .f\:d-bgg-to-gold-600:focus, .f\:d-bgg-to-gold-600:focus-within, .fv\:d-bgg-to-gold-600:focus-visible {
12070
+ --bgg-to-opacity: var(--dt-color-gold-600-a);
12071
+ --bgg-to: hsl(var(--dt-color-gold-600-h) var(--dt-color-gold-600-s) var(--dt-color-gold-600-l) / var(--bgg-to-opacity)) !important;
12072
+ }
12073
+ .d-bgg-to-gold-700, .h\:d-bgg-to-gold-700:hover, .f\:d-bgg-to-gold-700:focus, .f\:d-bgg-to-gold-700:focus-within, .fv\:d-bgg-to-gold-700:focus-visible {
12074
+ --bgg-to-opacity: var(--dt-color-gold-700-a);
12075
+ --bgg-to: hsl(var(--dt-color-gold-700-h) var(--dt-color-gold-700-s) var(--dt-color-gold-700-l) / var(--bgg-to-opacity)) !important;
12076
+ }
12077
+ .d-bgg-to-gold-900, .h\:d-bgg-to-gold-900:hover, .f\:d-bgg-to-gold-900:focus, .f\:d-bgg-to-gold-900:focus-within, .fv\:d-bgg-to-gold-900:focus-visible {
12078
+ --bgg-to-opacity: var(--dt-color-gold-900-a);
12079
+ --bgg-to: hsl(var(--dt-color-gold-900-h) var(--dt-color-gold-900-s) var(--dt-color-gold-900-l) / var(--bgg-to-opacity)) !important;
12080
+ }
12081
+ .d-bgg-to-gold-1-000, .h\:d-bgg-to-gold-1-000:hover, .f\:d-bgg-to-gold-1-000:focus, .f\:d-bgg-to-gold-1-000:focus-within, .fv\:d-bgg-to-gold-1-000:focus-visible {
12082
+ --bgg-to-opacity: var(--dt-color-gold-1-000-a);
12083
+ --bgg-to: hsl(var(--dt-color-gold-1-000-h) var(--dt-color-gold-1-000-s) var(--dt-color-gold-1-000-l) / var(--bgg-to-opacity)) !important;
12084
+ }
12085
+ .d-bgg-to-green50, .h\:d-bgg-to-green50:hover, .f\:d-bgg-to-green50:focus, .f\:d-bgg-to-green50:focus-within, .fv\:d-bgg-to-green50:focus-visible {
12086
+ --bgg-to-opacity: var(--dt-color-green50-a);
12087
+ --bgg-to: hsl(var(--dt-color-green50-h) var(--dt-color-green50-s) var(--dt-color-green50-l) / var(--bgg-to-opacity)) !important;
12088
+ }
10909
12089
  .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 {
10910
12090
  --bgg-to-opacity: var(--dt-color-green-100-a);
10911
12091
  --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;
@@ -10918,14 +12098,42 @@ body {
10918
12098
  --bgg-to-opacity: var(--dt-color-green-300-a);
10919
12099
  --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;
10920
12100
  }
12101
+ .d-bgg-to-green-350, .h\:d-bgg-to-green-350:hover, .f\:d-bgg-to-green-350:focus, .f\:d-bgg-to-green-350:focus-within, .fv\:d-bgg-to-green-350:focus-visible {
12102
+ --bgg-to-opacity: var(--dt-color-green-350-a);
12103
+ --bgg-to: hsl(var(--dt-color-green-350-h) var(--dt-color-green-350-s) var(--dt-color-green-350-l) / var(--bgg-to-opacity)) !important;
12104
+ }
10921
12105
  .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 {
10922
12106
  --bgg-to-opacity: var(--dt-color-green-400-a);
10923
12107
  --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;
10924
12108
  }
12109
+ .d-bgg-to-green-425, .h\:d-bgg-to-green-425:hover, .f\:d-bgg-to-green-425:focus, .f\:d-bgg-to-green-425:focus-within, .fv\:d-bgg-to-green-425:focus-visible {
12110
+ --bgg-to-opacity: var(--dt-color-green-425-a);
12111
+ --bgg-to: hsl(var(--dt-color-green-425-h) var(--dt-color-green-425-s) var(--dt-color-green-425-l) / var(--bgg-to-opacity)) !important;
12112
+ }
12113
+ .d-bgg-to-green-475, .h\:d-bgg-to-green-475:hover, .f\:d-bgg-to-green-475:focus, .f\:d-bgg-to-green-475:focus-within, .fv\:d-bgg-to-green-475:focus-visible {
12114
+ --bgg-to-opacity: var(--dt-color-green-475-a);
12115
+ --bgg-to: hsl(var(--dt-color-green-475-h) var(--dt-color-green-475-s) var(--dt-color-green-475-l) / var(--bgg-to-opacity)) !important;
12116
+ }
10925
12117
  .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 {
10926
12118
  --bgg-to-opacity: var(--dt-color-green-500-a);
10927
12119
  --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;
10928
12120
  }
12121
+ .d-bgg-to-green-600, .h\:d-bgg-to-green-600:hover, .f\:d-bgg-to-green-600:focus, .f\:d-bgg-to-green-600:focus-within, .fv\:d-bgg-to-green-600:focus-visible {
12122
+ --bgg-to-opacity: var(--dt-color-green-600-a);
12123
+ --bgg-to: hsl(var(--dt-color-green-600-h) var(--dt-color-green-600-s) var(--dt-color-green-600-l) / var(--bgg-to-opacity)) !important;
12124
+ }
12125
+ .d-bgg-to-green-900, .h\:d-bgg-to-green-900:hover, .f\:d-bgg-to-green-900:focus, .f\:d-bgg-to-green-900:focus-within, .fv\:d-bgg-to-green-900:focus-visible {
12126
+ --bgg-to-opacity: var(--dt-color-green-900-a);
12127
+ --bgg-to: hsl(var(--dt-color-green-900-h) var(--dt-color-green-900-s) var(--dt-color-green-900-l) / var(--bgg-to-opacity)) !important;
12128
+ }
12129
+ .d-bgg-to-green-1-000, .h\:d-bgg-to-green-1-000:hover, .f\:d-bgg-to-green-1-000:focus, .f\:d-bgg-to-green-1-000:focus-within, .fv\:d-bgg-to-green-1-000:focus-visible {
12130
+ --bgg-to-opacity: var(--dt-color-green-1-000-a);
12131
+ --bgg-to: hsl(var(--dt-color-green-1-000-h) var(--dt-color-green-1-000-s) var(--dt-color-green-1-000-l) / var(--bgg-to-opacity)) !important;
12132
+ }
12133
+ .d-bgg-to-red50, .h\:d-bgg-to-red50:hover, .f\:d-bgg-to-red50:focus, .f\:d-bgg-to-red50:focus-within, .fv\:d-bgg-to-red50:focus-visible {
12134
+ --bgg-to-opacity: var(--dt-color-red50-a);
12135
+ --bgg-to: hsl(var(--dt-color-red50-h) var(--dt-color-red50-s) var(--dt-color-red50-l) / var(--bgg-to-opacity)) !important;
12136
+ }
10929
12137
  .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 {
10930
12138
  --bgg-to-opacity: var(--dt-color-red-100-a);
10931
12139
  --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;
@@ -10938,14 +12146,38 @@ body {
10938
12146
  --bgg-to-opacity: var(--dt-color-red-300-a);
10939
12147
  --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;
10940
12148
  }
12149
+ .d-bgg-to-red-350, .h\:d-bgg-to-red-350:hover, .f\:d-bgg-to-red-350:focus, .f\:d-bgg-to-red-350:focus-within, .fv\:d-bgg-to-red-350:focus-visible {
12150
+ --bgg-to-opacity: var(--dt-color-red-350-a);
12151
+ --bgg-to: hsl(var(--dt-color-red-350-h) var(--dt-color-red-350-s) var(--dt-color-red-350-l) / var(--bgg-to-opacity)) !important;
12152
+ }
10941
12153
  .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 {
10942
12154
  --bgg-to-opacity: var(--dt-color-red-400-a);
10943
12155
  --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;
10944
12156
  }
12157
+ .d-bgg-to-red-450, .h\:d-bgg-to-red-450:hover, .f\:d-bgg-to-red-450:focus, .f\:d-bgg-to-red-450:focus-within, .fv\:d-bgg-to-red-450:focus-visible {
12158
+ --bgg-to-opacity: var(--dt-color-red-450-a);
12159
+ --bgg-to: hsl(var(--dt-color-red-450-h) var(--dt-color-red-450-s) var(--dt-color-red-450-l) / var(--bgg-to-opacity)) !important;
12160
+ }
10945
12161
  .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 {
10946
12162
  --bgg-to-opacity: var(--dt-color-red-500-a);
10947
12163
  --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;
10948
12164
  }
12165
+ .d-bgg-to-red-600, .h\:d-bgg-to-red-600:hover, .f\:d-bgg-to-red-600:focus, .f\:d-bgg-to-red-600:focus-within, .fv\:d-bgg-to-red-600:focus-visible {
12166
+ --bgg-to-opacity: var(--dt-color-red-600-a);
12167
+ --bgg-to: hsl(var(--dt-color-red-600-h) var(--dt-color-red-600-s) var(--dt-color-red-600-l) / var(--bgg-to-opacity)) !important;
12168
+ }
12169
+ .d-bgg-to-red-700, .h\:d-bgg-to-red-700:hover, .f\:d-bgg-to-red-700:focus, .f\:d-bgg-to-red-700:focus-within, .fv\:d-bgg-to-red-700:focus-visible {
12170
+ --bgg-to-opacity: var(--dt-color-red-700-a);
12171
+ --bgg-to: hsl(var(--dt-color-red-700-h) var(--dt-color-red-700-s) var(--dt-color-red-700-l) / var(--bgg-to-opacity)) !important;
12172
+ }
12173
+ .d-bgg-to-red-900, .h\:d-bgg-to-red-900:hover, .f\:d-bgg-to-red-900:focus, .f\:d-bgg-to-red-900:focus-within, .fv\:d-bgg-to-red-900:focus-visible {
12174
+ --bgg-to-opacity: var(--dt-color-red-900-a);
12175
+ --bgg-to: hsl(var(--dt-color-red-900-h) var(--dt-color-red-900-s) var(--dt-color-red-900-l) / var(--bgg-to-opacity)) !important;
12176
+ }
12177
+ .d-bgg-to-red-1-000, .h\:d-bgg-to-red-1-000:hover, .f\:d-bgg-to-red-1-000:focus, .f\:d-bgg-to-red-1-000:focus-within, .fv\:d-bgg-to-red-1-000:focus-visible {
12178
+ --bgg-to-opacity: var(--dt-color-red-1-000-a);
12179
+ --bgg-to: hsl(var(--dt-color-red-1-000-h) var(--dt-color-red-1-000-s) var(--dt-color-red-1-000-l) / var(--bgg-to-opacity)) !important;
12180
+ }
10949
12181
  .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 {
10950
12182
  --bgg-to-opacity: var(--dt-color-tan-100-a);
10951
12183
  --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;