@dialpad/dialtone 9.105.0 → 9.106.0-rebrand-2025-beta.2

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (118) hide show
  1. package/README.md +0 -1
  2. package/dist/css/dialtone-default-theme.css +6306 -1549
  3. package/dist/css/dialtone-default-theme.min.css +1 -1
  4. package/dist/css/dialtone-docs.json +1 -1
  5. package/dist/css/dialtone.css +1849 -195
  6. package/dist/css/dialtone.min.css +1 -1
  7. package/dist/css/fonts/SeasonMix-Bold.woff2 +0 -0
  8. package/dist/css/fonts/SeasonMix-Regular.woff2 +0 -0
  9. package/dist/css/fonts/SeasonMix-SemiBold.woff2 +0 -0
  10. package/dist/css/tokens/tokens-base-dark.css +526 -161
  11. package/dist/css/tokens/tokens-base-deca-dark.css +98 -48
  12. package/dist/css/tokens/tokens-base-deca-light.css +94 -44
  13. package/dist/css/tokens/tokens-base-light.css +493 -128
  14. package/dist/css/tokens/tokens-debug-base.css +368 -3
  15. package/dist/css/tokens/tokens-debug-dp.css +1027 -669
  16. package/dist/css/tokens/tokens-deca-dark.css +797 -768
  17. package/dist/css/tokens/tokens-deca-light.css +736 -707
  18. package/dist/css/tokens/tokens-dp-dark.css +1275 -917
  19. package/dist/css/tokens/tokens-dp-light.css +1331 -973
  20. package/dist/css/tokens/tokens-expressive-dark.css +1275 -917
  21. package/dist/css/tokens/tokens-expressive-light.css +1328 -970
  22. package/dist/css/tokens/tokens-expressive-sm-dark.css +1275 -917
  23. package/dist/css/tokens/tokens-expressive-sm-light.css +1328 -970
  24. package/dist/css/tokens/tokens-tmo-dark.css +1431 -1073
  25. package/dist/css/tokens/tokens-tmo-light.css +1473 -1115
  26. package/dist/css/tokens-docs.json +1 -1
  27. package/dist/tokens/css/tokens-base-dark.css +526 -161
  28. package/dist/tokens/css/tokens-base-deca-dark.css +98 -48
  29. package/dist/tokens/css/tokens-base-deca-light.css +94 -44
  30. package/dist/tokens/css/tokens-base-light.css +493 -128
  31. package/dist/tokens/css/tokens-debug-base.css +368 -3
  32. package/dist/tokens/css/tokens-debug-dp.css +1027 -669
  33. package/dist/tokens/css/tokens-deca-dark.css +797 -768
  34. package/dist/tokens/css/tokens-deca-light.css +736 -707
  35. package/dist/tokens/css/tokens-dp-dark.css +1275 -917
  36. package/dist/tokens/css/tokens-dp-light.css +1331 -973
  37. package/dist/tokens/css/tokens-expressive-dark.css +1275 -917
  38. package/dist/tokens/css/tokens-expressive-light.css +1328 -970
  39. package/dist/tokens/css/tokens-expressive-sm-dark.css +1275 -917
  40. package/dist/tokens/css/tokens-expressive-sm-light.css +1328 -970
  41. package/dist/tokens/css/tokens-tmo-dark.css +1431 -1073
  42. package/dist/tokens/css/tokens-tmo-light.css +1473 -1115
  43. package/dist/tokens/doc.json +88610 -68384
  44. package/dist/tokens/less/tokens-base-dark.less +99 -46
  45. package/dist/tokens/less/tokens-base-deca-dark.less +23 -15
  46. package/dist/tokens/less/tokens-base-deca-light.less +22 -14
  47. package/dist/tokens/less/tokens-base-light.less +90 -37
  48. package/dist/tokens/less/tokens-deca-dark.less +187 -182
  49. package/dist/tokens/less/tokens-deca-light.less +178 -173
  50. package/dist/tokens/less/tokens-dp-dark.less +239 -187
  51. package/dist/tokens/less/tokens-dp-light.less +237 -185
  52. package/dist/tokens/less/tokens-expressive-dark.less +262 -210
  53. package/dist/tokens/less/tokens-expressive-light.less +260 -208
  54. package/dist/tokens/less/tokens-expressive-sm-dark.less +262 -210
  55. package/dist/tokens/less/tokens-expressive-sm-light.less +260 -208
  56. package/dist/tokens/less/tokens-tmo-dark.less +259 -207
  57. package/dist/tokens/less/tokens-tmo-light.less +250 -198
  58. package/dist/tokens/themes/chunks/tokens-base-dark-BjqCt8ke.js +1 -0
  59. package/dist/tokens/themes/chunks/tokens-base-dark-DtZ_Inhl.js +4 -0
  60. package/dist/tokens/themes/chunks/tokens-base-light-CIQSO1H9.js +4 -0
  61. package/dist/tokens/themes/chunks/tokens-base-light-Cll0VrKT.js +1 -0
  62. package/dist/tokens/themes/debug.cjs +1 -1
  63. package/dist/tokens/themes/debug.js +1 -1
  64. package/dist/tokens/themes/dp-dark.cjs +1 -1
  65. package/dist/tokens/themes/dp-dark.js +2 -2
  66. package/dist/tokens/themes/dp-deca-dark.cjs +1 -1
  67. package/dist/tokens/themes/dp-deca-dark.js +1 -1
  68. package/dist/tokens/themes/dp-deca-light.cjs +1 -1
  69. package/dist/tokens/themes/dp-deca-light.js +2 -2
  70. package/dist/tokens/themes/dp-light.cjs +1 -1
  71. package/dist/tokens/themes/dp-light.js +2 -2
  72. package/dist/tokens/themes/expressive-dark.cjs +1 -1
  73. package/dist/tokens/themes/expressive-dark.js +3 -3
  74. package/dist/tokens/themes/expressive-light.cjs +1 -1
  75. package/dist/tokens/themes/expressive-light.js +3 -3
  76. package/dist/tokens/themes/expressive-sm-dark.cjs +1 -1
  77. package/dist/tokens/themes/expressive-sm-dark.js +3 -3
  78. package/dist/tokens/themes/expressive-sm-light.cjs +1 -1
  79. package/dist/tokens/themes/expressive-sm-light.js +3 -3
  80. package/dist/tokens/themes/tmo-dark.cjs +1 -1
  81. package/dist/tokens/themes/tmo-dark.js +2 -2
  82. package/dist/tokens/themes/tmo-light.cjs +1 -1
  83. package/dist/tokens/themes/tmo-light.js +2 -2
  84. package/dist/tokens/tokens-base-dark.json +99 -46
  85. package/dist/tokens/tokens-base-deca-dark.json +20 -12
  86. package/dist/tokens/tokens-base-deca-light.json +19 -11
  87. package/dist/tokens/tokens-base-light.json +90 -37
  88. package/dist/tokens/tokens-deca-dark.json +184 -179
  89. package/dist/tokens/tokens-deca-light.json +176 -171
  90. package/dist/tokens/tokens-dp-dark.json +223 -171
  91. package/dist/tokens/tokens-dp-light.json +234 -182
  92. package/dist/tokens/tokens-expressive-dark.json +246 -194
  93. package/dist/tokens/tokens-expressive-light.json +257 -205
  94. package/dist/tokens/tokens-expressive-sm-dark.json +246 -194
  95. package/dist/tokens/tokens-expressive-sm-light.json +257 -205
  96. package/dist/tokens/tokens-tmo-dark.json +248 -196
  97. package/dist/tokens/tokens-tmo-light.json +245 -193
  98. package/dist/vue2/components/pagination/pagination.vue.cjs +2 -2
  99. package/dist/vue2/components/pagination/pagination.vue.cjs.map +1 -1
  100. package/dist/vue2/components/pagination/pagination.vue.js +2 -2
  101. package/dist/vue2/components/pagination/pagination.vue.js.map +1 -1
  102. package/dist/vue2/recipes/conversation_view/message_input/message_input.vue.cjs.map +1 -1
  103. package/dist/vue2/recipes/conversation_view/message_input/message_input.vue.js.map +1 -1
  104. package/dist/vue3/components/pagination/pagination.vue.cjs +2 -2
  105. package/dist/vue3/components/pagination/pagination.vue.cjs.map +1 -1
  106. package/dist/vue3/components/pagination/pagination.vue.js +2 -2
  107. package/dist/vue3/components/pagination/pagination.vue.js.map +1 -1
  108. package/package.json +3 -3
  109. package/dist/css/fonts/Archivo-Bold.woff2 +0 -0
  110. package/dist/css/fonts/Archivo-Regular.woff2 +0 -0
  111. package/dist/css/fonts/Archivo-SemiBold.woff2 +0 -0
  112. package/dist/css/fonts/ArchivoExpanded-SemiBold.woff2 +0 -0
  113. package/dist/css/fonts/ArchivoSemiExpanded-Medium.woff2 +0 -0
  114. package/dist/css/fonts/ArchivoSemiExpanded-SemiBold.woff2 +0 -0
  115. package/dist/tokens/themes/chunks/tokens-base-dark-BnTEKGxK.js +0 -4
  116. package/dist/tokens/themes/chunks/tokens-base-dark-Ch4dTh7V.js +0 -1
  117. package/dist/tokens/themes/chunks/tokens-base-light-BLxKOiup.js +0 -4
  118. package/dist/tokens/themes/chunks/tokens-base-light-DWLxg2cD.js +0 -1
@@ -1129,8 +1129,9 @@ template {
1129
1129
  --badge-color-outline: var(--dt-badge-color-border-bulletin-subtle);
1130
1130
  }
1131
1131
  .d-badge--ai {
1132
- --badge-color-text: var(--dt-badge-color-foreground-bulletin);
1133
- --badge-color-background: var(--dt-color-magenta-300);
1132
+ --badge-color-text: var(--dt-badge-color-foreground-ai);
1133
+ --badge-color-background: var(--dt-color-brand-magenta);
1134
+ text-shadow: var(--dt-size-50) var(--dt-size-50) 0 hsl(var(--dt-color-neutral-black-h), var(--dt-color-neutral-black-s), var(--dt-color-neutral-black-l), 0.6);
1134
1135
  background-image: var(--dt-badge-color-background-ai);
1135
1136
  }
1136
1137
  .d-badge--outlined {
@@ -1231,11 +1232,11 @@ template {
1231
1232
  .d-breadcrumbs {
1232
1233
  --breadcrumbs-font-size: var(--dt-font-size-200);
1233
1234
  --breadcrumbs-line-height: var(--dt-font-line-height-300);
1234
- --breadcrumbs-color-separator: var(--dt-color-black-500);
1235
+ --breadcrumbs-color-separator: var(--dt-color-foreground-muted);
1235
1236
  --breadcrumbs-color-text: var(--dt-color-link-muted);
1236
1237
  }
1237
1238
  .d-breadcrumbs--inverted {
1238
- --breadcrumbs-color-separator: var(--dt-color-black-400);
1239
+ --breadcrumbs-color-separator: var(--dt-color-foreground-muted-inverted);
1239
1240
  --breadcrumbs-color-text: var(--dt-color-link-muted-inverted);
1240
1241
  }
1241
1242
  .d-breadcrumbs > ol {
@@ -1674,6 +1675,9 @@ template {
1674
1675
  opacity: var(--dt-opacity-600);
1675
1676
  content: "";
1676
1677
  }
1678
+ .d-split-btn:has(.d-btn--outlined.d-btn--muted, .d-btn--outlined.d-btn--inverted) .d-split-btn__omega::before {
1679
+ opacity: var(--dt-opacity-300);
1680
+ }
1677
1681
  .d-split-btn:has(:focus-visible, :hover, .d-btn--active) .d-split-btn__omega::before {
1678
1682
  opacity: 0;
1679
1683
  }
@@ -1820,7 +1824,7 @@ template {
1820
1824
  }
1821
1825
  .d-chip__label .d-avatar {
1822
1826
  --avatar-size-shape: var(--dt-size-550);
1823
- margin: var(--dt-space-200-negative) var(--dt-space-300) var(--dt-space-200-negative) var(--dt-space-350-negative);
1827
+ margin: var(--dt-space-200-negative) var(--dt-space-350) var(--dt-space-200-negative) var(--dt-space-350-negative);
1824
1828
  }
1825
1829
  .d-chip__close {
1826
1830
  --button-color-text: var(--dt-action-color-foreground-base-default);
@@ -1942,19 +1946,19 @@ template {
1942
1946
  content: '';
1943
1947
  }
1944
1948
  .d-chip__close:hover:not([disabled]) {
1945
- --button-color-background: hsla(var(--dt-color-black-800-hsl) / 15%);
1949
+ --button-color-background: var(--dt-action-color-background-muted-hover);
1946
1950
  }
1947
1951
  .d-chip__close:active:not([disabled]),
1948
1952
  .d-chip__close.d-btn--active:not([disabled]),
1949
1953
  .d-chip__close.d-btn--active:active:not([disabled]) {
1950
- --button-color-background: hsla(var(--dt-color-black-800-hsl) / 25%);
1954
+ --button-color-background: var(--dt-action-color-background-muted-active);
1951
1955
  }
1952
1956
  .d-chip__icon {
1953
- padding-right: var(--dt-space-300);
1954
- line-height: 0;
1957
+ padding-right: var(--dt-space-350);
1958
+ line-height: 1;
1955
1959
  }
1956
1960
  .d-chip__label--active {
1957
- background-color: var(--dt-color-black-400);
1961
+ background-color: var(--dt-color-surface-bold-opaque);
1958
1962
  }
1959
1963
  .d-chip__text {
1960
1964
  overflow: hidden;
@@ -1973,7 +1977,7 @@ template {
1973
1977
  }
1974
1978
  .d-chip__label--xs .d-avatar {
1975
1979
  --avatar-size-shape: var(--dt-size-500);
1976
- margin-right: var(--dt-space-300);
1980
+ margin-right: var(--dt-space-350);
1977
1981
  margin-left: var(--dt-space-300-negative);
1978
1982
  }
1979
1983
  .d-chip__close--xs {
@@ -2107,8 +2111,8 @@ template {
2107
2111
  font-variant-numeric: tabular-nums;
2108
2112
  }
2109
2113
  .d-datepicker__day--selected {
2110
- color: var(--dt-color-neutral-white);
2111
- background: var(--dt-color-brand-purple);
2114
+ color: var(--dt-action-color-foreground-base-primary-default);
2115
+ background: var(--dt-action-color-background-base-primary-default);
2112
2116
  }
2113
2117
  .d-datepicker__day--disabled {
2114
2118
  color: var(--dt-color-foreground-muted);
@@ -2178,7 +2182,7 @@ template {
2178
2182
  text-align: center;
2179
2183
  }
2180
2184
  .d-empty-state__icon {
2181
- color: var(--dt-color-foreground-tertiary);
2185
+ color: var(--dt-color-foreground-muted);
2182
2186
  line-height: 0;
2183
2187
  }
2184
2188
  .d-empty-state__illustration {
@@ -2330,6 +2334,7 @@ legend .d-label--md {
2330
2334
  .d-input__wrapper--md,
2331
2335
  .d-input__wrapper {
2332
2336
  --input-color-border: var(--dt-inputs-color-border-default);
2337
+ --input-color-border-hover: var(--dt-inputs-color-border-hover);
2333
2338
  --input-color-background: var(--dt-inputs-color-background-default);
2334
2339
  --input-color-background-disabled: var(--dt-inputs-color-background-disabled);
2335
2340
  --input-color-text: var(--dt-inputs-color-foreground-default);
@@ -2459,6 +2464,14 @@ legend .d-label--md {
2459
2464
  .d-input__wrapper::-ms-clear {
2460
2465
  display: none;
2461
2466
  }
2467
+ .d-input:hover,
2468
+ .d-input--md:hover,
2469
+ .d-textarea:hover,
2470
+ .d-textarea--md:hover,
2471
+ .d-input__wrapper--md:hover,
2472
+ .d-input__wrapper:hover {
2473
+ --input-color-border: var(--input-color-border-hover);
2474
+ }
2462
2475
  .d-input:focus,
2463
2476
  .d-input--md:focus,
2464
2477
  .d-textarea:focus,
@@ -2874,7 +2887,7 @@ legend .d-label--md {
2874
2887
  cursor: pointer;
2875
2888
  }
2876
2889
  .d-link:active {
2877
- --link-text-decoration: underline;
2890
+ color: var(--link-color-default);
2878
2891
  }
2879
2892
  .d-link:focus-visible {
2880
2893
  --link-text-decoration: none;
@@ -2940,23 +2953,26 @@ legend .d-label--md {
2940
2953
  --link-color-default-hover: var(--dt-color-link-primary-inverted-hover);
2941
2954
  --link-text-decoration: none;
2942
2955
  --link-padding: 0 var(--dt-space-200);
2943
- --link-background-color: hsl(var(--dt-color-purple-400-hsl) / 0.2);
2956
+ --link-background-color: hsl(var(--dt-color-surface-brand-strong-hsl) / 0.3);
2944
2957
  line-height: var(--dt-font-line-height-200);
2945
2958
  border-radius: var(--dt-size-radius-200);
2946
2959
  }
2947
2960
  .d-link--mention {
2948
2961
  --link-text-decoration: none;
2949
2962
  --link-padding: 0 var(--dt-space-200);
2950
- --link-background-color: hsl(var(--dt-color-purple-400-hsl) / 0.1);
2963
+ --link-background-color: hsl(var(--dt-color-surface-brand-strong-hsl) / 0.1);
2951
2964
  line-height: var(--dt-font-line-height-200);
2952
2965
  border-radius: var(--dt-size-radius-200);
2953
2966
  }
2954
2967
  .d-link--mention:hover {
2955
2968
  --link-text-decoration: underline;
2956
- --link-background-color: hsl(var(--dt-color-purple-400-hsl) / 0.2);
2969
+ --link-background-color: hsl(var(--dt-color-surface-brand-strong-hsl) / 0.25);
2957
2970
  text-underline-offset: calc(var(--dt-size-border-300) - var(--dt-size-border-100));
2958
2971
  text-decoration-thickness: var(--dt-size-border-50);
2959
2972
  }
2973
+ .d-link--mention:active {
2974
+ --link-background-color: hsl(var(--dt-color-surface-brand-strong-hsl) / 0.1);
2975
+ }
2960
2976
  .d-list-group,
2961
2977
  .d-list-group__item {
2962
2978
  margin: 0;
@@ -2974,12 +2990,12 @@ legend .d-label--md {
2974
2990
  text-transform: uppercase;
2975
2991
  }
2976
2992
  .d-list-group--link {
2977
- color: var(--dt-color-black-800);
2993
+ color: var(--dt-color-foreground-secondary);
2978
2994
  font-size: var(--dt-font-size-200);
2979
2995
  text-decoration: none;
2980
2996
  }
2981
2997
  .d-list-group--link:hover {
2982
- color: var(--dt-color-black-900);
2998
+ color: var(--dt-color-foreground-primary);
2983
2999
  background-color: hsla(var(--dt-color-purple-400-hsl) / 85%);
2984
3000
  }
2985
3001
  .d-list-group--link-selected {
@@ -3299,7 +3315,7 @@ legend .d-label--md {
3299
3315
  --notice-color-background: var(--dt-color-surface-secondary);
3300
3316
  --notice-color-text: var(--dt-color-foreground-primary);
3301
3317
  --notice-color-icon: var(--notice-color-text);
3302
- --notice-color-shadow: hsla(var(--dt-color-black-900-hsl) / 0.06);
3318
+ --notice-color-shadow: var(--dt-color-border-subtle);
3303
3319
  --notice-padding: var(--dt-space-500);
3304
3320
  --notice-font-size: var(--dt-font-size-200);
3305
3321
  --notice-line-height: var(--dt-font-line-height-300);
@@ -3330,7 +3346,7 @@ legend .d-label--md {
3330
3346
  gap: var(--dt-space-400);
3331
3347
  align-items: center;
3332
3348
  }
3333
- .d-notice__actions button {
3349
+ .d-notice__actions .d-btn {
3334
3350
  color: var(--notice-color-text);
3335
3351
  }
3336
3352
  .d-notice__icon {
@@ -3361,7 +3377,7 @@ legend .d-label--md {
3361
3377
  .d-banner--error,
3362
3378
  .d-toast--error {
3363
3379
  --notice-color-background: var(--dt-color-surface-critical);
3364
- --notice-color-icon: var(--dt-color-red-400);
3380
+ --notice-color-icon: var(--dt-color-foreground-critical);
3365
3381
  }
3366
3382
  .d-notice--error.d-notice--important,
3367
3383
  .d-banner--error.d-notice--important,
@@ -3396,7 +3412,7 @@ legend .d-label--md {
3396
3412
  .d-banner--success,
3397
3413
  .d-toast--success {
3398
3414
  --notice-color-background: var(--dt-color-surface-success);
3399
- --notice-color-icon: var(--dt-color-green-400);
3415
+ --notice-color-icon: var(--dt-color-foreground-success);
3400
3416
  }
3401
3417
  .d-notice--success.d-notice--important,
3402
3418
  .d-banner--success.d-notice--important,
@@ -3414,7 +3430,7 @@ legend .d-label--md {
3414
3430
  .d-banner--warning,
3415
3431
  .d-toast--warning {
3416
3432
  --notice-color-background: var(--dt-color-surface-warning);
3417
- --notice-color-icon: var(--dt-color-gold-400);
3433
+ --notice-color-icon: var(--dt-color-foreground-warning);
3418
3434
  }
3419
3435
  .d-notice--warning.d-notice--important,
3420
3436
  .d-banner--warning.d-notice--important,
@@ -3448,7 +3464,7 @@ legend .d-label--md {
3448
3464
  transform: translateX(-50%);
3449
3465
  }
3450
3466
  .d-toast {
3451
- --toast-color-shadow: hsla(var(--dt-color-black-900-hsl) / 0.15);
3467
+ --toast-color-shadow: var(--dt-color-border-subtle);
3452
3468
  --toast-box-shadow: 0 0 0 var(--dt-size-100) var(--toast-color-shadow) inset, var(--dt-shadow-medium);
3453
3469
  z-index: var(--zi-notification);
3454
3470
  display: block;
@@ -3478,7 +3494,7 @@ legend .d-label--md {
3478
3494
  }
3479
3495
  .d-toast--chat .d-notice__icon,
3480
3496
  .d-toast--chat .d-toast__meta {
3481
- color: var(--dt-color-black-500);
3497
+ color: var(--dt-color-foreground-tertiary);
3482
3498
  }
3483
3499
  .d-toast--chat .d-toast__meta {
3484
3500
  font-size: var(--dt-font-size-100);
@@ -3502,7 +3518,7 @@ legend .d-label--md {
3502
3518
  --toast-color-background: var(--dt-color-surface-secondary);
3503
3519
  }
3504
3520
  .d-banner {
3505
- --banner-color-border: var(--dt-color-border-subtle);
3521
+ --banner-color-border: var(--dt-color-border-default);
3506
3522
  --banner-line-height: var(--dt-font-line-height-200);
3507
3523
  --banner-dialog-padding-y: var(--dt-space-400);
3508
3524
  --banner-dialog-padding-x: var(--dt-space-500);
@@ -3634,6 +3650,7 @@ legend .d-label--md {
3634
3650
  .d-checkbox,
3635
3651
  .d-radio {
3636
3652
  --check-radio-color-border: var(--dt-checkbox-color-border-unchecked);
3653
+ --check-radio-color-border-hover: var(--dt-checkbox-color-border-unchecked-hover);
3637
3654
  --check-radio-color-border-checked: var(--dt-checkbox-color-border-checked);
3638
3655
  --check-radio-color-border-disabled: var(--dt-inputs-color-border-disabled);
3639
3656
  --check-radio-color-background: var(--dt-inputs-color-background-default);
@@ -3665,12 +3682,9 @@ legend .d-label--md {
3665
3682
  .d-radio::-ms-check {
3666
3683
  display: none;
3667
3684
  }
3668
- .d-checkbox:focus,
3669
- .d-radio:focus,
3670
- .d-checkbox:checked:focus,
3671
- .d-radio:checked:focus {
3672
- outline: 0;
3673
- box-shadow: var(--dt-shadow-focus);
3685
+ .d-checkbox:not(:disabled):hover,
3686
+ .d-radio:not(:disabled):hover {
3687
+ border-color: var(--check-radio-color-border-hover);
3674
3688
  }
3675
3689
  .d-checkbox:checked,
3676
3690
  .d-radio:checked {
@@ -3756,43 +3770,53 @@ legend .d-label--md {
3756
3770
  .d-checkbox {
3757
3771
  background-repeat: no-repeat;
3758
3772
  background-position: center center;
3759
- background-size: contain;
3773
+ background-size: auto;
3760
3774
  border-radius: var(--dt-size-radius-300);
3761
3775
  }
3776
+ .d-checkbox:focus,
3762
3777
  .d-checkbox:focus-visible,
3763
3778
  .d-checkbox:checked:focus-visible {
3764
3779
  box-shadow: var(--dt-shadow-focus);
3765
3780
  }
3766
3781
  .d-checkbox:checked {
3767
3782
  --check-radio-color-background: var(--check-radio-color-background-checked);
3768
- background-image: url("data:image/svg+xml,<svg width='12' height='12' viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'><path d='M9 16.2L4.8 12l-1.4 1.4L9 19 21 7l-1.4-1.4L9 16.2z' fill='%23fff'/></svg>");
3783
+ background-image: url("data:image/svg+xml,<svg width='14' height='14' viewBox='0 0 14 14' fill='none' xmlns='http://www.w3.org/2000/svg'> <path fill-rule='evenodd' clip-rule='evenodd' d='M12.1083 3.05806C12.3524 3.30214 12.3524 3.69786 12.1083 3.94194L5.69162 10.3586C5.44754 10.6027 5.05181 10.6027 4.80773 10.3586L1.89107 7.44194C1.64699 7.19786 1.64699 6.80214 1.89107 6.55806C2.13514 6.31398 2.53087 6.31398 2.77495 6.55806L5.24967 9.03278L11.2244 3.05806C11.4685 2.81398 11.8642 2.81398 12.1083 3.05806Z' fill='white'/> </svg>");
3784
+ border: 0;
3785
+ }
3786
+ [data-dt-theme="dark"] .d-checkbox:checked {
3787
+ background-image: url("data:image/svg+xml,<svg width='14' height='14' viewBox='0 0 14 14' fill='none' xmlns='http://www.w3.org/2000/svg'> <path fill-rule='evenodd' clip-rule='evenodd' d='M12.1083 3.05806C12.3524 3.30214 12.3524 3.69786 12.1083 3.94194L5.69162 10.3586C5.44754 10.6027 5.05181 10.6027 4.80773 10.3586L1.89107 7.44194C1.64699 7.19786 1.64699 6.80214 1.89107 6.55806C2.13514 6.31398 2.53087 6.31398 2.77495 6.55806L5.24967 9.03278L11.2244 3.05806C11.4685 2.81398 11.8642 2.81398 12.1083 3.05806Z' fill='black'/> </svg>");
3769
3788
  }
3770
3789
  .d-checkbox:checked[disabled] {
3771
3790
  --check-radio-color-background: var(--check-radio-color-background-disabled);
3772
- background-image: url("data:image/svg+xml,<svg width='12' height='12' viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'><path d='M9 16.2L4.8 12l-1.4 1.4L9 19 21 7l-1.4-1.4L9 16.2z' fill='hsl(240, 10%, 51%)'/></svg>");
3791
+ background-image: url("data:image/svg+xml,<svg width='14' height='14' viewBox='0 0 14 14' fill='none' xmlns='http://www.w3.org/2000/svg'> <path fill-rule='evenodd' clip-rule='evenodd' d='M12.1083 3.05806C12.3524 3.30214 12.3524 3.69786 12.1083 3.94194L5.69162 10.3586C5.44754 10.6027 5.05181 10.6027 4.80773 10.3586L1.89107 7.44194C1.64699 7.19786 1.64699 6.80214 1.89107 6.55806C2.13514 6.31398 2.53087 6.31398 2.77495 6.55806L5.24967 9.03278L11.2244 3.05806C11.4685 2.81398 11.8642 2.81398 12.1083 3.05806Z' fill='gray'/> </svg>");
3773
3792
  }
3774
3793
  .d-checkbox--disabled:checked {
3775
3794
  --check-radio-color-background: var(--check-radio-color-background-disabled);
3776
3795
  --check-radio-color-border: var(--check-radio-color-border-disabled);
3777
- background-image: url("data:image/svg+xml,<svg width='12' height='12' viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'><path d='M9 16.2L4.8 12l-1.4 1.4L9 19 21 7l-1.4-1.4L9 16.2z' fill='hsl(240, 10%, 51%)'/></svg>");
3796
+ background-image: url("data:image/svg+xml,<svg width='14' height='14' viewBox='0 0 14 14' fill='none' xmlns='http://www.w3.org/2000/svg'> <path fill-rule='evenodd' clip-rule='evenodd' d='M12.1083 3.05806C12.3524 3.30214 12.3524 3.69786 12.1083 3.94194L5.69162 10.3586C5.44754 10.6027 5.05181 10.6027 4.80773 10.3586L1.89107 7.44194C1.64699 7.19786 1.64699 6.80214 1.89107 6.55806C2.13514 6.31398 2.53087 6.31398 2.77495 6.55806L5.24967 9.03278L11.2244 3.05806C11.4685 2.81398 11.8642 2.81398 12.1083 3.05806Z' fill='gray'/> </svg>");
3778
3797
  }
3779
3798
  .d-checkbox--indeterminate,
3780
3799
  .d-checkbox:indeterminate {
3781
3800
  --check-radio-color-background: var(--check-radio-color-background-checked);
3782
3801
  --check-radio-color-border: var(--check-radio-color-border-checked);
3783
- background-image: url("data:image/svg+xml,<svg width='12' height='12' viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'><path d='M19 13H5v-2h14v2z' fill='%23fff'/></svg>");
3802
+ background-image: url("data:image/svg+xml,<svg width='14' height='14' viewBox='0 0 14 14' fill='none' xmlns='http://www.w3.org/2000/svg'> <path d='M11.9955 7C11.9955 7.55228 11.5478 8 10.9955 8H3.00415C2.45187 8 2.00415 7.55228 2.00415 7V7C2.00415 6.44772 2.45187 6 3.00415 6H10.9955C11.5478 6 11.9955 6.44772 11.9955 7V7Z' fill='white'/> </svg>");
3803
+ border: 0;
3804
+ }
3805
+ [data-dt-theme="dark"] .d-checkbox--indeterminate,
3806
+ [data-dt-theme="dark"] .d-checkbox:indeterminate {
3807
+ background-image: url("data:image/svg+xml,<svg width='14' height='14' viewBox='0 0 14 14' fill='none' xmlns='http://www.w3.org/2000/svg'> <path d='M11.9955 7C11.9955 7.55228 11.5478 8 10.9955 8H3.00415C2.45187 8 2.00415 7.55228 2.00415 7V7C2.00415 6.44772 2.45187 6 3.00415 6H10.9955C11.5478 6 11.9955 6.44772 11.9955 7V7Z' fill='black'/> </svg>");
3784
3808
  }
3785
3809
  .d-checkbox--indeterminate[disabled],
3786
3810
  .d-checkbox:indeterminate[disabled] {
3787
3811
  --check-radio-color-background: var(--check-radio-color-background-disabled);
3788
3812
  --check-radio-color-border: var(--check-radio-color-border-disabled);
3789
- background-image: url("data:image/svg+xml,<svg width='12' height='12' viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'><path d='M19 13H5v-2h14v2z' fill='hsl(240, 10%, 51%)'/></svg>");
3813
+ background-image: url("data:image/svg+xml,<svg width='14' height='14' viewBox='0 0 14 14' fill='none' xmlns='http://www.w3.org/2000/svg'> <path d='M11.9955 7C11.9955 7.55228 11.5478 8 10.9955 8H3.00415C2.45187 8 2.00415 7.55228 2.00415 7V7C2.00415 6.44772 2.45187 6 3.00415 6H10.9955C11.5478 6 11.9955 6.44772 11.9955 7V7Z' fill='gray'/> </svg>");
3790
3814
  }
3791
3815
  .d-checkbox--indeterminate.d-checkbox--disabled,
3792
3816
  .d-checkbox:indeterminate.d-checkbox--disabled {
3793
3817
  --check-radio-color-background: var(--check-radio-color-background-disabled);
3794
3818
  --check-radio-color-border: var(--check-radio-color-border-disabled);
3795
- background-image: url("data:image/svg+xml,<svg width='12' height='12' viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'><path d='M19 13H5v-2h14v2z' fill='hsl(240, 10%, 51%)'/></svg>");
3819
+ background-image: url("data:image/svg+xml,<svg width='14' height='14' viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'><path d='M19 13H5v-2h14v2z' fill='hsl(240, 10%, 51%)'/></svg>");
3796
3820
  }
3797
3821
  .d-checkbox[disabled],
3798
3822
  .d-checkbox--disabled {
@@ -3811,17 +3835,19 @@ legend .d-label--md {
3811
3835
  --check-radio-color-border: var(--check-radio-color-border-disabled);
3812
3836
  --check-radio-color-background: var(--check-radio-color-background-disabled);
3813
3837
  }
3814
- .d-radio:focus-visible,
3815
- .d-radio:checked:focus-visible {
3816
- box-shadow: var(--dt-shadow-focus), inset 0 0 0 var(--dt-size-200) var(--dt-color-neutral-white);
3817
- }
3818
3838
  .d-radio:checked {
3819
3839
  --check-radio-color-background: var(--check-radio-color-background-checked);
3820
- box-shadow: inset 0 0 0 var(--dt-size-200) var(--dt-color-neutral-white);
3840
+ border-color: transparent;
3841
+ box-shadow: inset 0 0 0 var(--dt-size-200) var(--dt-radio-color-foreground-checked);
3821
3842
  }
3822
3843
  .d-radio:checked[disabled] {
3823
3844
  --check-radio-color-background: var(--check-radio-color-background-disabled);
3824
3845
  }
3846
+ .d-radio:focus,
3847
+ .d-radio:focus-visible,
3848
+ .d-radio:checked:focus-visible {
3849
+ box-shadow: var(--dt-shadow-focus), inset 0 0 0 var(--dt-size-200) var(--dt-radio-color-foreground-checked);
3850
+ }
3825
3851
  .d-radio--disabled:checked {
3826
3852
  --check-radio-color-border: var(--check-radio-color-border-disabled);
3827
3853
  --check-radio-color-background: var(--check-radio-color-background-disabled);
@@ -3940,7 +3966,7 @@ legend .d-label--md {
3940
3966
  z-index: var(--zi-selected);
3941
3967
  width: var(--select-arrow-size);
3942
3968
  height: var(--select-arrow-size);
3943
- background-image: url('data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxMiIgaGVpZ2h0PSIxMiIgZmlsbD0ibm9uZSIgdmlld0JveD0iMCAwIDEyIDEyIj4KICA8cGF0aCBmaWxsPSIjNTU1IiBmaWxsLXJ1bGU9ImV2ZW5vZGQiIGQ9Ik0zLjE0NiA3LjE0NmEuNS41IDAgMCAxIC43MDggMEw2IDkuMjkzbDIuMTQ2LTIuMTQ3YS41LjUgMCAxIDEgLjcwOC43MDhsLTIuNSAyLjVhLjUuNSAwIDAgMS0uNzA4IDBsLTIuNS0yLjVhLjUuNSAwIDAgMSAwLS43MDhabTIuNS01LjVhLjUuNSAwIDAgMSAuNzA4IDBsMi41IDIuNWEuNS41IDAgMSAxLS43MDguNzA4TDYgMi43MDcgMy44NTQgNC44NTRhLjUuNSAwIDEgMS0uNzA4LS43MDhsMi41LTIuNVoiIGNsaXAtcnVsZT0iZXZlbm9kZCIvPgo8L3N2Zz4K');
3969
+ background-image: url("data:image/svg+xml,<svg width='14' height='14' viewBox='0 0 14 14' fill='none' xmlns='http://www.w3.org/2000/svg'> <path fill-rule='evenodd' clip-rule='evenodd' d='M6.55798 1.89155C6.80205 1.64748 7.19778 1.64748 7.44186 1.89155L10.3585 4.80822C10.6026 5.0523 10.6026 5.44803 10.3585 5.6921C10.1144 5.93618 9.71872 5.93618 9.47464 5.6921L6.99992 3.21738L4.52519 5.6921C4.28112 5.93618 3.88539 5.93618 3.64131 5.6921C3.39723 5.44803 3.39723 5.0523 3.64131 4.80822L6.55798 1.89155ZM3.64131 8.30822C3.88539 8.06414 4.28112 8.06414 4.52519 8.30822L6.99992 10.7829L9.47464 8.30822C9.71872 8.06414 10.1144 8.06414 10.3585 8.30822C10.6026 8.5523 10.6026 8.94803 10.3585 9.1921L7.44186 12.1088C7.19778 12.3528 6.80205 12.3528 6.55798 12.1088L3.64131 9.1921C3.39723 8.94803 3.39723 8.5523 3.64131 8.30822Z' fill='gray'/> </svg>");
3944
3970
  background-repeat: no-repeat;
3945
3971
  background-size: 100%;
3946
3972
  -webkit-transform: translateY(-50%);
@@ -3948,13 +3974,11 @@ legend .d-label--md {
3948
3974
  content: '';
3949
3975
  pointer-events: none;
3950
3976
  }
3951
- .dialtone-theme-dark .d-select::after {
3952
- background-image: url('data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxMiIgaGVpZ2h0PSIxMiIgZmlsbD0ibm9uZSIgdmlld0JveD0iMCAwIDEyIDEyIj4KICA8cGF0aCBmaWxsPSIjQUFBIiBmaWxsLXJ1bGU9ImV2ZW5vZGQiIGQ9Ik0zLjE0NiA3LjE0NmEuNS41IDAgMCAxIC43MDggMEw2IDkuMjkzbDIuMTQ2LTIuMTQ3YS41LjUgMCAxIDEgLjcwOC43MDhsLTIuNSAyLjVhLjUuNSAwIDAgMS0uNzA4IDBsLTIuNS0yLjVhLjUuNSAwIDAgMSAwLS43MDhabTIuNS01LjVhLjUuNSAwIDAgMSAuNzA4IDBsMi41IDIuNWEuNS41IDAgMSAxLS43MDguNzA4TDYgMi43MDcgMy44NTQgNC44NTRhLjUuNSAwIDAgMS0uNzA4LS43MDhsMi41LTIuNVoiIGNsaXAtcnVsZT0iZXZlbm9kZCIvPgo8L3N2Zz4K');
3953
- }
3954
3977
  .d-select__input {
3955
3978
  --select-color-border: var(--input-color-border);
3956
3979
  --select-notch-padding-right: var(--dt-space-550);
3957
3980
  --input-color-border: var(--dt-inputs-color-border-default);
3981
+ --input-color-border-hover: var(--dt-inputs-color-border-hover);
3958
3982
  --input-color-background: var(--dt-inputs-color-background-default);
3959
3983
  --input-color-background-disabled: var(--dt-inputs-color-background-disabled);
3960
3984
  --input-color-text: var(--dt-inputs-color-foreground-default);
@@ -4020,6 +4044,9 @@ legend .d-label--md {
4020
4044
  .d-select__input::-ms-clear {
4021
4045
  display: none;
4022
4046
  }
4047
+ .d-select__input:hover {
4048
+ --input-color-border: var(--input-color-border-hover);
4049
+ }
4023
4050
  .d-select__input:focus,
4024
4051
  .d-select__input:focus-within {
4025
4052
  --input-color-background: var(--dt-inputs-color-background-focus);
@@ -4145,13 +4172,16 @@ legend .d-label--md {
4145
4172
  --select-arrow-size: calc(var(--dt-size-300) * 4.5);
4146
4173
  --select-notch-position-right: var(--dt-space-450);
4147
4174
  }
4148
- .d-select__input--success {
4175
+ .d-select__input--success,
4176
+ .d-select__input--success:hover {
4149
4177
  --input-color-border: var(--dt-inputs-color-border-success);
4150
4178
  }
4151
- .d-select__input--error {
4179
+ .d-select__input--error,
4180
+ .d-select__input--error:hover {
4152
4181
  --input-color-border: var(--dt-inputs-color-border-critical);
4153
4182
  }
4154
- .d-select__input--warning {
4183
+ .d-select__input--warning,
4184
+ .d-select__input--warning:hover {
4155
4185
  --input-color-border: var(--dt-inputs-color-border-warning);
4156
4186
  }
4157
4187
  .d-select--disabled::before,
@@ -4457,7 +4487,7 @@ legend .d-label--md {
4457
4487
  fill: var(--dt-color-surface-contrast);
4458
4488
  }
4459
4489
  .tippy-box[data-theme~='inverted'] > .tippy-svg-arrow {
4460
- fill: var(--dt-color-surface-moderate);
4490
+ fill: var(--dt-color-surface-contrast-inverted);
4461
4491
  }
4462
4492
  .tippy-box[data-animation='fade'][data-state='hidden'] {
4463
4493
  opacity: 0;
@@ -4488,8 +4518,8 @@ legend .d-label--md {
4488
4518
  content: '';
4489
4519
  }
4490
4520
  .d-tooltip--inverted {
4491
- --tooltip-color-background: var(--dt-color-surface-moderate);
4492
- --tooltip-color-text: var(--dt-color-foreground-secondary);
4521
+ --tooltip-color-background: var(--dt-color-surface-contrast-inverted);
4522
+ --tooltip-color-text: var(--dt-color-foreground-primary);
4493
4523
  }
4494
4524
  .d-tooltip--hide,
4495
4525
  .d-tooltip--hover .d-tooltip {
@@ -4655,7 +4685,7 @@ legend .d-label--md {
4655
4685
  .d-toggle {
4656
4686
  --toggle-transition-timing-function: var(--ttf-out-quint);
4657
4687
  --toggle-transition-speed: var(--td300);
4658
- --toggle-color-background: var(--dt-color-black-400);
4688
+ --toggle-color-background: hsl(var(--dt-color-surface-bold-h), var(--dt-color-surface-bold-s), 66.6666%);
4659
4689
  --toggle-size-height: var(--dt-size-550);
4660
4690
  --toggle-size-width: var(--dt-size-650);
4661
4691
  --toggle-size-icon: var(--dt-size-500);
@@ -4682,8 +4712,7 @@ legend .d-label--md {
4682
4712
  left: var(--dt-space-550);
4683
4713
  width: var(--toggle-size-icon);
4684
4714
  height: var(--toggle-size-icon);
4685
- color: var(--dt-color-neutral-white);
4686
- background-image: url('data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjQiIGhlaWdodD0iMjQiIHZpZXdCb3g9IjAgMCAyNCAyNCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZmlsbC1ydWxlPSJldmVub2RkIiBjbGlwLXJ1bGU9ImV2ZW5vZGQiIGQ9Ik01LjM4MTI4IDUuMzgxMjhDNS43MjI5OSA1LjAzOTU3IDYuMjc3MDEgNS4wMzk1NyA2LjYxODcyIDUuMzgxMjhMMTIgMTAuNzYyNkwxNy4zODEzIDUuMzgxMjhDMTcuNzIzIDUuMDM5NTcgMTguMjc3IDUuMDM5NTcgMTguNjE4NyA1LjM4MTI4QzE4Ljk2MDQgNS43MjI5OSAxOC45NjA0IDYuMjc3MDEgMTguNjE4NyA2LjYxODcyTDEzLjIzNzQgMTJMMTguNjE4NyAxNy4zODEzQzE4Ljk2MDQgMTcuNzIzIDE4Ljk2MDQgMTguMjc3IDE4LjYxODcgMTguNjE4N0MxOC4yNzcgMTguOTYwNCAxNy43MjMgMTguOTYwNCAxNy4zODEzIDE4LjYxODdMMTIgMTMuMjM3NEw2LjYxODcyIDE4LjYxODdDNi4yNzcwMSAxOC45NjA0IDUuNzIyOTkgMTguOTYwNCA1LjM4MTI4IDE4LjYxODdDNS4wMzk1NyAxOC4yNzcgNS4wMzk1NyAxNy43MjMgNS4zODEyOCAxNy4zODEzTDEwLjc2MjYgMTJMNS4zODEyOCA2LjYxODcyQzUuMDM5NTcgNi4yNzcwMSA1LjAzOTU3IDUuNzIyOTkgNS4zODEyOCA1LjM4MTI4WiIgZmlsbD0id2hpdGUiLz4KPC9zdmc+Cg==');
4715
+ background-image: url("data:image/svg+xml,<svg width='14' height='14' viewBox='0 0 14 14' fill='none' xmlns='http://www.w3.org/2000/svg'> <path fill-rule='evenodd' clip-rule='evenodd' d='M3.05806 3.05806C3.30214 2.81398 3.69786 2.81398 3.94194 3.05806L7 6.11612L10.0581 3.05806C10.3021 2.81398 10.6979 2.81398 10.9419 3.05806C11.186 3.30214 11.186 3.69786 10.9419 3.94194L7.88388 7L10.9419 10.0581C11.186 10.3021 11.186 10.6979 10.9419 10.9419C10.6979 11.186 10.3021 11.186 10.0581 10.9419L7 7.88388L3.94194 10.9419C3.69786 11.186 3.30214 11.186 3.05806 10.9419C2.81398 10.6979 2.81398 10.3021 3.05806 10.0581L6.11612 7L3.05806 3.94194C2.81398 3.69786 2.81398 3.30214 3.05806 3.05806Z' fill='white'/> </svg>");
4687
4716
  background-repeat: no-repeat;
4688
4717
  background-size: cover;
4689
4718
  }
@@ -4694,13 +4723,16 @@ legend .d-label--md {
4694
4723
  .d-toggle--indeterminate .d-toggle__inner {
4695
4724
  display: none;
4696
4725
  }
4726
+ [data-dt-theme="dark"] .d-toggle__inner {
4727
+ background-image: url("data:image/svg+xml,<svg width='14' height='14' viewBox='0 0 14 14' fill='none' xmlns='http://www.w3.org/2000/svg'> <path fill-rule='evenodd' clip-rule='evenodd' d='M3.05806 3.05806C3.30214 2.81398 3.69786 2.81398 3.94194 3.05806L7 6.11612L10.0581 3.05806C10.3021 2.81398 10.6979 2.81398 10.9419 3.05806C11.186 3.30214 11.186 3.69786 10.9419 3.94194L7.88388 7L10.9419 10.0581C11.186 10.3021 11.186 10.6979 10.9419 10.9419C10.6979 11.186 10.3021 11.186 10.0581 10.9419L7 7.88388L3.94194 10.9419C3.69786 11.186 3.30214 11.186 3.05806 10.9419C2.81398 10.6979 2.81398 10.3021 3.05806 10.0581L6.11612 7L3.05806 3.94194C2.81398 3.69786 2.81398 3.30214 3.05806 3.05806Z' fill='black'/> </svg>");
4728
+ }
4697
4729
  .d-toggle::after {
4698
4730
  position: absolute;
4699
4731
  top: var(--dt-space-100);
4700
4732
  left: var(--dt-space-100);
4701
4733
  width: calc(var(--toggle-size-icon) + var(--dt-size-300));
4702
4734
  height: calc(var(--toggle-size-icon) + var(--dt-size-300));
4703
- background-color: var(--dt-color-neutral-white);
4735
+ background-color: var(--dt-color-surface-primary);
4704
4736
  border-radius: var(--dt-size-radius-circle);
4705
4737
  cursor: pointer;
4706
4738
  transition: left var(--toggle-transition-speed) var(--toggle-transition-timing-function);
@@ -4721,11 +4753,14 @@ legend .d-label--md {
4721
4753
  height: var(--toggle-size-icon);
4722
4754
  }
4723
4755
  .d-toggle--checked {
4724
- --toggle-color-background: var(--dt-color-brand-purple);
4756
+ --toggle-color-background: var(--dt-checkbox-color-background-checked);
4725
4757
  }
4726
4758
  .d-toggle--checked .d-toggle__inner {
4727
4759
  left: var(--dt-space-350);
4728
- background-image: url('data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjQiIGhlaWdodD0iMjQiIHZpZXdCb3g9IjAgMCAyNCAyNCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZmlsbC1ydWxlPSJldmVub2RkIiBjbGlwLXJ1bGU9ImV2ZW5vZGQiIGQ9Ik0yMC42MTg3IDUuMzgxMjhDMjAuOTYwNCA1LjcyMjk5IDIwLjk2MDQgNi4yNzcwMSAyMC42MTg3IDYuNjE4NzJMOS42MTg3MiAxNy42MTg3QzkuMjc3MDEgMTcuOTYwNCA4LjcyMjk5IDE3Ljk2MDQgOC4zODEyOCAxNy42MTg3TDMuMzgxMjggMTIuNjE4N0MzLjAzOTU3IDEyLjI3NyAzLjAzOTU3IDExLjcyMyAzLjM4MTI4IDExLjM4MTNDMy43MjI5OSAxMS4wMzk2IDQuMjc3MDEgMTEuMDM5NiA0LjYxODcyIDExLjM4MTNMOSAxNS43NjI2TDE5LjM4MTMgNS4zODEyOEMxOS43MjMgNS4wMzk1NyAyMC4yNzcgNS4wMzk1NyAyMC42MTg3IDUuMzgxMjhaIiBmaWxsPSJ3aGl0ZSIvPgo8L3N2Zz4K');
4760
+ background-image: url("data:image/svg+xml,<svg width='14' height='14' viewBox='0 0 14 14' fill='none' xmlns='http://www.w3.org/2000/svg'> <path fill-rule='evenodd' clip-rule='evenodd' d='M12.1083 3.05806C12.3524 3.30214 12.3524 3.69786 12.1083 3.94194L5.69162 10.3586C5.44754 10.6027 5.05181 10.6027 4.80773 10.3586L1.89107 7.44194C1.64699 7.19786 1.64699 6.80214 1.89107 6.55806C2.13514 6.31398 2.53087 6.31398 2.77495 6.55806L5.24967 9.03278L11.2244 3.05806C11.4685 2.81398 11.8642 2.81398 12.1083 3.05806Z' fill='white'/> </svg>");
4761
+ }
4762
+ [data-dt-theme="dark"] .d-toggle--checked .d-toggle__inner {
4763
+ background-image: url("data:image/svg+xml,<svg width='14' height='14' viewBox='0 0 14 14' fill='none' xmlns='http://www.w3.org/2000/svg'> <path fill-rule='evenodd' clip-rule='evenodd' d='M12.1083 3.05806C12.3524 3.30214 12.3524 3.69786 12.1083 3.94194L5.69162 10.3586C5.44754 10.6027 5.05181 10.6027 4.80773 10.3586L1.89107 7.44194C1.64699 7.19786 1.64699 6.80214 1.89107 6.55806C2.13514 6.31398 2.53087 6.31398 2.77495 6.55806L5.24967 9.03278L11.2244 3.05806C11.4685 2.81398 11.8642 2.81398 12.1083 3.05806Z' fill='black'/> </svg>");
4729
4764
  }
4730
4765
  .d-toggle--checked.d-toggle--small .d-toggle__inner {
4731
4766
  left: calc(var(--dt-space-100) + var(--dt-space-200));
@@ -4768,7 +4803,7 @@ legend .d-label--md {
4768
4803
  }
4769
4804
  .d-presence {
4770
4805
  --presence-color-border-base: var(--dt-theme-sidebar-color-background);
4771
- --presence-color-border-offline: var(--dt-color-black-600);
4806
+ --presence-color-border-offline: var(--dt-color-border-bold);
4772
4807
  --presence-color-background-active: var(--dt-theme-presence-color-background-available);
4773
4808
  --presence-color-background-busy: var(--dt-theme-presence-color-background-busy-unavailable);
4774
4809
  --presence-color-background-away: var(--dt-theme-presence-color-background-busy);
@@ -5288,6 +5323,9 @@ legend .d-label--md {
5288
5323
  .d-bgg-pattern-stripe-light {
5289
5324
  --bgg-pattern: var(--bgg-pattern-stripe-light) !important;
5290
5325
  }
5326
+ .d-bgc-ai {
5327
+ background-image: var(--dt-color-surface-ai) !important;
5328
+ }
5291
5329
  .d-ba {
5292
5330
  border: var(--dt-size-100) solid !important;
5293
5331
  }
@@ -5552,6 +5590,18 @@ legend .d-label--md {
5552
5590
  .d-divide-x-reverse > * + * {
5553
5591
  --divide-x-reverse: 1;
5554
5592
  }
5593
+ /*
5594
+ * Note: border-image is not compatible with border-radius, but it's the easiest way to get a linear gradient border.
5595
+ * https://dev.to/afif/border-with-gradient-and-radius-387f
5596
+ */
5597
+ .d-bc-ai {
5598
+ -o-border-image: var(--dt-color-border-ai) 1 !important;
5599
+ border-image: var(--dt-color-border-ai) 1 !important;
5600
+ }
5601
+ .d-divide-ai > * + * {
5602
+ -o-border-image: var(--dt-color-border-ai) 1 !important;
5603
+ border-image: var(--dt-color-border-ai) 1 !important;
5604
+ }
5555
5605
  .d-fc-current, .h\:d-fc-current:hover, .f\:d-fc-current:focus, .f\:d-fc-current:focus-within, .fv\:d-fc-current:focus-visible {
5556
5606
  color: currentColor !important;
5557
5607
  }
@@ -9110,7 +9160,7 @@ ul {
9110
9160
  line-height: var(--dt-font-line-height-400);
9111
9161
  }
9112
9162
  .d-recipe-leftbar-row__container--off-duty {
9113
- background-color: var(--dt-badge-color-background-critical);
9163
+ background-color: var(--dt-color-surface-critical);
9114
9164
  border: var(--dt-size-100) solid var(--dt-color-border-subtle);
9115
9165
  border-radius: var(--dt-size-radius-500);
9116
9166
  }
@@ -9450,21 +9500,21 @@ ul {
9450
9500
  }
9451
9501
  @font-face {
9452
9502
  font-weight: 400;
9453
- font-family: Archivo;
9503
+ font-family: "Season Mix";
9454
9504
  font-style: normal;
9455
- src: url('./fonts/Archivo-Regular.woff2') format('woff2');
9505
+ src: url('./fonts/SeasonMix-Regular.woff2') format('woff2');
9456
9506
  }
9457
9507
  @font-face {
9458
- font-weight: 700;
9459
- font-family: Archivo;
9508
+ font-weight: 600;
9509
+ font-family: "Season Mix";
9460
9510
  font-style: normal;
9461
- src: url('./fonts/Archivo-Bold.woff2') format('woff2');
9511
+ src: url('./fonts/SeasonMix-SemiBold.woff2') format('woff2');
9462
9512
  }
9463
9513
  @font-face {
9464
- font-weight: 600;
9465
- font-family: Archivo;
9514
+ font-weight: 700;
9515
+ font-family: "Season Mix";
9466
9516
  font-style: normal;
9467
- src: url('./fonts/Archivo-SemiBold.woff2') format('woff2');
9517
+ src: url('./fonts/SeasonMix-Bold.woff2') format('woff2');
9468
9518
  }
9469
9519
  @font-face {
9470
9520
  font-family: "Segoe UI Adjusted";
@@ -9485,6 +9535,14 @@ body {
9485
9535
  --fco: var(--dt-color-neutral-black-a);
9486
9536
  color: hsl(var(--dt-color-neutral-black-h) var(--dt-color-neutral-black-s) var(--dt-color-neutral-black-l) / var(--fco)) !important;
9487
9537
  }
9538
+ .d-fc-neutral-transparent, .h\:d-fc-neutral-transparent:hover, .f\:d-fc-neutral-transparent:focus, .f\:d-fc-neutral-transparent:focus-within, .fv\:d-fc-neutral-transparent:focus-visible {
9539
+ --fco: var(--dt-color-neutral-transparent-a);
9540
+ color: hsl(var(--dt-color-neutral-transparent-h) var(--dt-color-neutral-transparent-s) var(--dt-color-neutral-transparent-l) / var(--fco)) !important;
9541
+ }
9542
+ .d-fc-black-50, .h\:d-fc-black-50:hover, .f\:d-fc-black-50:focus, .f\:d-fc-black-50:focus-within, .fv\:d-fc-black-50:focus-visible {
9543
+ --fco: var(--dt-color-black-50-a);
9544
+ color: hsl(var(--dt-color-black-50-h) var(--dt-color-black-50-s) var(--dt-color-black-50-l) / var(--fco)) !important;
9545
+ }
9488
9546
  .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 {
9489
9547
  --fco: var(--dt-color-black-100-a);
9490
9548
  color: hsl(var(--dt-color-black-100-h) var(--dt-color-black-100-s) var(--dt-color-black-100-l) / var(--fco)) !important;
@@ -9521,6 +9579,18 @@ body {
9521
9579
  --fco: var(--dt-color-black-900-a);
9522
9580
  color: hsl(var(--dt-color-black-900-h) var(--dt-color-black-900-s) var(--dt-color-black-900-l) / var(--fco)) !important;
9523
9581
  }
9582
+ .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 {
9583
+ --fco: var(--dt-color-black-950-a);
9584
+ color: hsl(var(--dt-color-black-950-h) var(--dt-color-black-950-s) var(--dt-color-black-950-l) / var(--fco)) !important;
9585
+ }
9586
+ .d-fc-black-1000, .h\:d-fc-black-1000:hover, .f\:d-fc-black-1000:focus, .f\:d-fc-black-1000:focus-within, .fv\:d-fc-black-1000:focus-visible {
9587
+ --fco: var(--dt-color-black-1000-a);
9588
+ color: hsl(var(--dt-color-black-1000-h) var(--dt-color-black-1000-s) var(--dt-color-black-1000-l) / var(--fco)) !important;
9589
+ }
9590
+ .d-fc-purple-50, .h\:d-fc-purple-50:hover, .f\:d-fc-purple-50:focus, .f\:d-fc-purple-50:focus-within, .fv\:d-fc-purple-50:focus-visible {
9591
+ --fco: var(--dt-color-purple-50-a);
9592
+ color: hsl(var(--dt-color-purple-50-h) var(--dt-color-purple-50-s) var(--dt-color-purple-50-l) / var(--fco)) !important;
9593
+ }
9524
9594
  .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 {
9525
9595
  --fco: var(--dt-color-purple-100-a);
9526
9596
  color: hsl(var(--dt-color-purple-100-h) var(--dt-color-purple-100-s) var(--dt-color-purple-100-l) / var(--fco)) !important;
@@ -9529,22 +9599,46 @@ body {
9529
9599
  --fco: var(--dt-color-purple-200-a);
9530
9600
  color: hsl(var(--dt-color-purple-200-h) var(--dt-color-purple-200-s) var(--dt-color-purple-200-l) / var(--fco)) !important;
9531
9601
  }
9602
+ .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 {
9603
+ --fco: var(--dt-color-purple-250-a);
9604
+ color: hsl(var(--dt-color-purple-250-h) var(--dt-color-purple-250-s) var(--dt-color-purple-250-l) / var(--fco)) !important;
9605
+ }
9532
9606
  .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 {
9533
9607
  --fco: var(--dt-color-purple-300-a);
9534
9608
  color: hsl(var(--dt-color-purple-300-h) var(--dt-color-purple-300-s) var(--dt-color-purple-300-l) / var(--fco)) !important;
9535
9609
  }
9610
+ .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 {
9611
+ --fco: var(--dt-color-purple-350-a);
9612
+ color: hsl(var(--dt-color-purple-350-h) var(--dt-color-purple-350-s) var(--dt-color-purple-350-l) / var(--fco)) !important;
9613
+ }
9536
9614
  .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 {
9537
9615
  --fco: var(--dt-color-purple-400-a);
9538
9616
  color: hsl(var(--dt-color-purple-400-h) var(--dt-color-purple-400-s) var(--dt-color-purple-400-l) / var(--fco)) !important;
9539
9617
  }
9618
+ .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 {
9619
+ --fco: var(--dt-color-purple-450-a);
9620
+ color: hsl(var(--dt-color-purple-450-h) var(--dt-color-purple-450-s) var(--dt-color-purple-450-l) / var(--fco)) !important;
9621
+ }
9540
9622
  .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 {
9541
9623
  --fco: var(--dt-color-purple-500-a);
9542
9624
  color: hsl(var(--dt-color-purple-500-h) var(--dt-color-purple-500-s) var(--dt-color-purple-500-l) / var(--fco)) !important;
9543
9625
  }
9626
+ .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 {
9627
+ --fco: var(--dt-color-purple-550-a);
9628
+ color: hsl(var(--dt-color-purple-550-h) var(--dt-color-purple-550-s) var(--dt-color-purple-550-l) / var(--fco)) !important;
9629
+ }
9544
9630
  .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 {
9545
9631
  --fco: var(--dt-color-purple-600-a);
9546
9632
  color: hsl(var(--dt-color-purple-600-h) var(--dt-color-purple-600-s) var(--dt-color-purple-600-l) / var(--fco)) !important;
9547
9633
  }
9634
+ .d-fc-purple-1000, .h\:d-fc-purple-1000:hover, .f\:d-fc-purple-1000:focus, .f\:d-fc-purple-1000:focus-within, .fv\:d-fc-purple-1000:focus-visible {
9635
+ --fco: var(--dt-color-purple-1000-a);
9636
+ color: hsl(var(--dt-color-purple-1000-h) var(--dt-color-purple-1000-s) var(--dt-color-purple-1000-l) / var(--fco)) !important;
9637
+ }
9638
+ .d-fc-blue-50, .h\:d-fc-blue-50:hover, .f\:d-fc-blue-50:focus, .f\:d-fc-blue-50:focus-within, .fv\:d-fc-blue-50:focus-visible {
9639
+ --fco: var(--dt-color-blue-50-a);
9640
+ color: hsl(var(--dt-color-blue-50-h) var(--dt-color-blue-50-s) var(--dt-color-blue-50-l) / var(--fco)) !important;
9641
+ }
9548
9642
  .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 {
9549
9643
  --fco: var(--dt-color-blue-100-a);
9550
9644
  color: hsl(var(--dt-color-blue-100-h) var(--dt-color-blue-100-s) var(--dt-color-blue-100-l) / var(--fco)) !important;
@@ -9561,10 +9655,38 @@ body {
9561
9655
  --fco: var(--dt-color-blue-400-a);
9562
9656
  color: hsl(var(--dt-color-blue-400-h) var(--dt-color-blue-400-s) var(--dt-color-blue-400-l) / var(--fco)) !important;
9563
9657
  }
9658
+ .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 {
9659
+ --fco: var(--dt-color-blue-425-a);
9660
+ color: hsl(var(--dt-color-blue-425-h) var(--dt-color-blue-425-s) var(--dt-color-blue-425-l) / var(--fco)) !important;
9661
+ }
9662
+ .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 {
9663
+ --fco: var(--dt-color-blue-450-a);
9664
+ color: hsl(var(--dt-color-blue-450-h) var(--dt-color-blue-450-s) var(--dt-color-blue-450-l) / var(--fco)) !important;
9665
+ }
9666
+ .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 {
9667
+ --fco: var(--dt-color-blue-475-a);
9668
+ color: hsl(var(--dt-color-blue-475-h) var(--dt-color-blue-475-s) var(--dt-color-blue-475-l) / var(--fco)) !important;
9669
+ }
9564
9670
  .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 {
9565
9671
  --fco: var(--dt-color-blue-500-a);
9566
9672
  color: hsl(var(--dt-color-blue-500-h) var(--dt-color-blue-500-s) var(--dt-color-blue-500-l) / var(--fco)) !important;
9567
9673
  }
9674
+ .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 {
9675
+ --fco: var(--dt-color-blue-600-a);
9676
+ color: hsl(var(--dt-color-blue-600-h) var(--dt-color-blue-600-s) var(--dt-color-blue-600-l) / var(--fco)) !important;
9677
+ }
9678
+ .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 {
9679
+ --fco: var(--dt-color-blue-900-a);
9680
+ color: hsl(var(--dt-color-blue-900-h) var(--dt-color-blue-900-s) var(--dt-color-blue-900-l) / var(--fco)) !important;
9681
+ }
9682
+ .d-fc-blue-1000, .h\:d-fc-blue-1000:hover, .f\:d-fc-blue-1000:focus, .f\:d-fc-blue-1000:focus-within, .fv\:d-fc-blue-1000:focus-visible {
9683
+ --fco: var(--dt-color-blue-1000-a);
9684
+ color: hsl(var(--dt-color-blue-1000-h) var(--dt-color-blue-1000-s) var(--dt-color-blue-1000-l) / var(--fco)) !important;
9685
+ }
9686
+ .d-fc-magenta-50, .h\:d-fc-magenta-50:hover, .f\:d-fc-magenta-50:focus, .f\:d-fc-magenta-50:focus-within, .fv\:d-fc-magenta-50:focus-visible {
9687
+ --fco: var(--dt-color-magenta-50-a);
9688
+ color: hsl(var(--dt-color-magenta-50-h) var(--dt-color-magenta-50-s) var(--dt-color-magenta-50-l) / var(--fco)) !important;
9689
+ }
9568
9690
  .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 {
9569
9691
  --fco: var(--dt-color-magenta-100-a);
9570
9692
  color: hsl(var(--dt-color-magenta-100-h) var(--dt-color-magenta-100-s) var(--dt-color-magenta-100-l) / var(--fco)) !important;
@@ -9573,6 +9695,10 @@ body {
9573
9695
  --fco: var(--dt-color-magenta-200-a);
9574
9696
  color: hsl(var(--dt-color-magenta-200-h) var(--dt-color-magenta-200-s) var(--dt-color-magenta-200-l) / var(--fco)) !important;
9575
9697
  }
9698
+ .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 {
9699
+ --fco: var(--dt-color-magenta-250-a);
9700
+ color: hsl(var(--dt-color-magenta-250-h) var(--dt-color-magenta-250-s) var(--dt-color-magenta-250-l) / var(--fco)) !important;
9701
+ }
9576
9702
  .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 {
9577
9703
  --fco: var(--dt-color-magenta-300-a);
9578
9704
  color: hsl(var(--dt-color-magenta-300-h) var(--dt-color-magenta-300-s) var(--dt-color-magenta-300-l) / var(--fco)) !important;
@@ -9581,10 +9707,34 @@ body {
9581
9707
  --fco: var(--dt-color-magenta-400-a);
9582
9708
  color: hsl(var(--dt-color-magenta-400-h) var(--dt-color-magenta-400-s) var(--dt-color-magenta-400-l) / var(--fco)) !important;
9583
9709
  }
9710
+ .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 {
9711
+ --fco: var(--dt-color-magenta-425-a);
9712
+ color: hsl(var(--dt-color-magenta-425-h) var(--dt-color-magenta-425-s) var(--dt-color-magenta-425-l) / var(--fco)) !important;
9713
+ }
9714
+ .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 {
9715
+ --fco: var(--dt-color-magenta-475-a);
9716
+ color: hsl(var(--dt-color-magenta-475-h) var(--dt-color-magenta-475-s) var(--dt-color-magenta-475-l) / var(--fco)) !important;
9717
+ }
9584
9718
  .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 {
9585
9719
  --fco: var(--dt-color-magenta-500-a);
9586
9720
  color: hsl(var(--dt-color-magenta-500-h) var(--dt-color-magenta-500-s) var(--dt-color-magenta-500-l) / var(--fco)) !important;
9587
9721
  }
9722
+ .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 {
9723
+ --fco: var(--dt-color-magenta-600-a);
9724
+ color: hsl(var(--dt-color-magenta-600-h) var(--dt-color-magenta-600-s) var(--dt-color-magenta-600-l) / var(--fco)) !important;
9725
+ }
9726
+ .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 {
9727
+ --fco: var(--dt-color-magenta-900-a);
9728
+ color: hsl(var(--dt-color-magenta-900-h) var(--dt-color-magenta-900-s) var(--dt-color-magenta-900-l) / var(--fco)) !important;
9729
+ }
9730
+ .d-fc-magenta-1000, .h\:d-fc-magenta-1000:hover, .f\:d-fc-magenta-1000:focus, .f\:d-fc-magenta-1000:focus-within, .fv\:d-fc-magenta-1000:focus-visible {
9731
+ --fco: var(--dt-color-magenta-1000-a);
9732
+ color: hsl(var(--dt-color-magenta-1000-h) var(--dt-color-magenta-1000-s) var(--dt-color-magenta-1000-l) / var(--fco)) !important;
9733
+ }
9734
+ .d-fc-gold-50, .h\:d-fc-gold-50:hover, .f\:d-fc-gold-50:focus, .f\:d-fc-gold-50:focus-within, .fv\:d-fc-gold-50:focus-visible {
9735
+ --fco: var(--dt-color-gold-50-a);
9736
+ color: hsl(var(--dt-color-gold-50-h) var(--dt-color-gold-50-s) var(--dt-color-gold-50-l) / var(--fco)) !important;
9737
+ }
9588
9738
  .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 {
9589
9739
  --fco: var(--dt-color-gold-100-a);
9590
9740
  color: hsl(var(--dt-color-gold-100-h) var(--dt-color-gold-100-s) var(--dt-color-gold-100-l) / var(--fco)) !important;
@@ -9597,14 +9747,42 @@ body {
9597
9747
  --fco: var(--dt-color-gold-300-a);
9598
9748
  color: hsl(var(--dt-color-gold-300-h) var(--dt-color-gold-300-s) var(--dt-color-gold-300-l) / var(--fco)) !important;
9599
9749
  }
9750
+ .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 {
9751
+ --fco: var(--dt-color-gold-350-a);
9752
+ color: hsl(var(--dt-color-gold-350-h) var(--dt-color-gold-350-s) var(--dt-color-gold-350-l) / var(--fco)) !important;
9753
+ }
9600
9754
  .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 {
9601
9755
  --fco: var(--dt-color-gold-400-a);
9602
9756
  color: hsl(var(--dt-color-gold-400-h) var(--dt-color-gold-400-s) var(--dt-color-gold-400-l) / var(--fco)) !important;
9603
9757
  }
9758
+ .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 {
9759
+ --fco: var(--dt-color-gold-450-a);
9760
+ color: hsl(var(--dt-color-gold-450-h) var(--dt-color-gold-450-s) var(--dt-color-gold-450-l) / var(--fco)) !important;
9761
+ }
9604
9762
  .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 {
9605
9763
  --fco: var(--dt-color-gold-500-a);
9606
9764
  color: hsl(var(--dt-color-gold-500-h) var(--dt-color-gold-500-s) var(--dt-color-gold-500-l) / var(--fco)) !important;
9607
9765
  }
9766
+ .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 {
9767
+ --fco: var(--dt-color-gold-600-a);
9768
+ color: hsl(var(--dt-color-gold-600-h) var(--dt-color-gold-600-s) var(--dt-color-gold-600-l) / var(--fco)) !important;
9769
+ }
9770
+ .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 {
9771
+ --fco: var(--dt-color-gold-700-a);
9772
+ color: hsl(var(--dt-color-gold-700-h) var(--dt-color-gold-700-s) var(--dt-color-gold-700-l) / var(--fco)) !important;
9773
+ }
9774
+ .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 {
9775
+ --fco: var(--dt-color-gold-900-a);
9776
+ color: hsl(var(--dt-color-gold-900-h) var(--dt-color-gold-900-s) var(--dt-color-gold-900-l) / var(--fco)) !important;
9777
+ }
9778
+ .d-fc-gold-1000, .h\:d-fc-gold-1000:hover, .f\:d-fc-gold-1000:focus, .f\:d-fc-gold-1000:focus-within, .fv\:d-fc-gold-1000:focus-visible {
9779
+ --fco: var(--dt-color-gold-1000-a);
9780
+ color: hsl(var(--dt-color-gold-1000-h) var(--dt-color-gold-1000-s) var(--dt-color-gold-1000-l) / var(--fco)) !important;
9781
+ }
9782
+ .d-fc-green-50, .h\:d-fc-green-50:hover, .f\:d-fc-green-50:focus, .f\:d-fc-green-50:focus-within, .fv\:d-fc-green-50:focus-visible {
9783
+ --fco: var(--dt-color-green-50-a);
9784
+ color: hsl(var(--dt-color-green-50-h) var(--dt-color-green-50-s) var(--dt-color-green-50-l) / var(--fco)) !important;
9785
+ }
9608
9786
  .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 {
9609
9787
  --fco: var(--dt-color-green-100-a);
9610
9788
  color: hsl(var(--dt-color-green-100-h) var(--dt-color-green-100-s) var(--dt-color-green-100-l) / var(--fco)) !important;
@@ -9617,14 +9795,42 @@ body {
9617
9795
  --fco: var(--dt-color-green-300-a);
9618
9796
  color: hsl(var(--dt-color-green-300-h) var(--dt-color-green-300-s) var(--dt-color-green-300-l) / var(--fco)) !important;
9619
9797
  }
9798
+ .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 {
9799
+ --fco: var(--dt-color-green-350-a);
9800
+ color: hsl(var(--dt-color-green-350-h) var(--dt-color-green-350-s) var(--dt-color-green-350-l) / var(--fco)) !important;
9801
+ }
9620
9802
  .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 {
9621
9803
  --fco: var(--dt-color-green-400-a);
9622
9804
  color: hsl(var(--dt-color-green-400-h) var(--dt-color-green-400-s) var(--dt-color-green-400-l) / var(--fco)) !important;
9623
9805
  }
9806
+ .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 {
9807
+ --fco: var(--dt-color-green-425-a);
9808
+ color: hsl(var(--dt-color-green-425-h) var(--dt-color-green-425-s) var(--dt-color-green-425-l) / var(--fco)) !important;
9809
+ }
9810
+ .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 {
9811
+ --fco: var(--dt-color-green-475-a);
9812
+ color: hsl(var(--dt-color-green-475-h) var(--dt-color-green-475-s) var(--dt-color-green-475-l) / var(--fco)) !important;
9813
+ }
9624
9814
  .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 {
9625
9815
  --fco: var(--dt-color-green-500-a);
9626
9816
  color: hsl(var(--dt-color-green-500-h) var(--dt-color-green-500-s) var(--dt-color-green-500-l) / var(--fco)) !important;
9627
9817
  }
9818
+ .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 {
9819
+ --fco: var(--dt-color-green-600-a);
9820
+ color: hsl(var(--dt-color-green-600-h) var(--dt-color-green-600-s) var(--dt-color-green-600-l) / var(--fco)) !important;
9821
+ }
9822
+ .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 {
9823
+ --fco: var(--dt-color-green-900-a);
9824
+ color: hsl(var(--dt-color-green-900-h) var(--dt-color-green-900-s) var(--dt-color-green-900-l) / var(--fco)) !important;
9825
+ }
9826
+ .d-fc-green-1000, .h\:d-fc-green-1000:hover, .f\:d-fc-green-1000:focus, .f\:d-fc-green-1000:focus-within, .fv\:d-fc-green-1000:focus-visible {
9827
+ --fco: var(--dt-color-green-1000-a);
9828
+ color: hsl(var(--dt-color-green-1000-h) var(--dt-color-green-1000-s) var(--dt-color-green-1000-l) / var(--fco)) !important;
9829
+ }
9830
+ .d-fc-red-50, .h\:d-fc-red-50:hover, .f\:d-fc-red-50:focus, .f\:d-fc-red-50:focus-within, .fv\:d-fc-red-50:focus-visible {
9831
+ --fco: var(--dt-color-red-50-a);
9832
+ color: hsl(var(--dt-color-red-50-h) var(--dt-color-red-50-s) var(--dt-color-red-50-l) / var(--fco)) !important;
9833
+ }
9628
9834
  .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 {
9629
9835
  --fco: var(--dt-color-red-100-a);
9630
9836
  color: hsl(var(--dt-color-red-100-h) var(--dt-color-red-100-s) var(--dt-color-red-100-l) / var(--fco)) !important;
@@ -9637,14 +9843,42 @@ body {
9637
9843
  --fco: var(--dt-color-red-300-a);
9638
9844
  color: hsl(var(--dt-color-red-300-h) var(--dt-color-red-300-s) var(--dt-color-red-300-l) / var(--fco)) !important;
9639
9845
  }
9846
+ .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 {
9847
+ --fco: var(--dt-color-red-350-a);
9848
+ color: hsl(var(--dt-color-red-350-h) var(--dt-color-red-350-s) var(--dt-color-red-350-l) / var(--fco)) !important;
9849
+ }
9640
9850
  .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 {
9641
9851
  --fco: var(--dt-color-red-400-a);
9642
9852
  color: hsl(var(--dt-color-red-400-h) var(--dt-color-red-400-s) var(--dt-color-red-400-l) / var(--fco)) !important;
9643
9853
  }
9854
+ .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 {
9855
+ --fco: var(--dt-color-red-450-a);
9856
+ color: hsl(var(--dt-color-red-450-h) var(--dt-color-red-450-s) var(--dt-color-red-450-l) / var(--fco)) !important;
9857
+ }
9644
9858
  .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 {
9645
9859
  --fco: var(--dt-color-red-500-a);
9646
9860
  color: hsl(var(--dt-color-red-500-h) var(--dt-color-red-500-s) var(--dt-color-red-500-l) / var(--fco)) !important;
9647
9861
  }
9862
+ .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 {
9863
+ --fco: var(--dt-color-red-600-a);
9864
+ color: hsl(var(--dt-color-red-600-h) var(--dt-color-red-600-s) var(--dt-color-red-600-l) / var(--fco)) !important;
9865
+ }
9866
+ .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 {
9867
+ --fco: var(--dt-color-red-700-a);
9868
+ color: hsl(var(--dt-color-red-700-h) var(--dt-color-red-700-s) var(--dt-color-red-700-l) / var(--fco)) !important;
9869
+ }
9870
+ .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 {
9871
+ --fco: var(--dt-color-red-900-a);
9872
+ color: hsl(var(--dt-color-red-900-h) var(--dt-color-red-900-s) var(--dt-color-red-900-l) / var(--fco)) !important;
9873
+ }
9874
+ .d-fc-red-1000, .h\:d-fc-red-1000:hover, .f\:d-fc-red-1000:focus, .f\:d-fc-red-1000:focus-within, .fv\:d-fc-red-1000:focus-visible {
9875
+ --fco: var(--dt-color-red-1000-a);
9876
+ color: hsl(var(--dt-color-red-1000-h) var(--dt-color-red-1000-s) var(--dt-color-red-1000-l) / var(--fco)) !important;
9877
+ }
9878
+ .d-fc-tan-50, .h\:d-fc-tan-50:hover, .f\:d-fc-tan-50:focus, .f\:d-fc-tan-50:focus-within, .fv\:d-fc-tan-50:focus-visible {
9879
+ --fco: var(--dt-color-tan-50-a);
9880
+ color: hsl(var(--dt-color-tan-50-h) var(--dt-color-tan-50-s) var(--dt-color-tan-50-l) / var(--fco)) !important;
9881
+ }
9648
9882
  .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 {
9649
9883
  --fco: var(--dt-color-tan-100-a);
9650
9884
  color: hsl(var(--dt-color-tan-100-h) var(--dt-color-tan-100-s) var(--dt-color-tan-100-l) / var(--fco)) !important;
@@ -9665,6 +9899,30 @@ body {
9665
9899
  --fco: var(--dt-color-tan-500-a);
9666
9900
  color: hsl(var(--dt-color-tan-500-h) var(--dt-color-tan-500-s) var(--dt-color-tan-500-l) / var(--fco)) !important;
9667
9901
  }
9902
+ .d-fc-tan-600, .h\:d-fc-tan-600:hover, .f\:d-fc-tan-600:focus, .f\:d-fc-tan-600:focus-within, .fv\:d-fc-tan-600:focus-visible {
9903
+ --fco: var(--dt-color-tan-600-a);
9904
+ color: hsl(var(--dt-color-tan-600-h) var(--dt-color-tan-600-s) var(--dt-color-tan-600-l) / var(--fco)) !important;
9905
+ }
9906
+ .d-fc-tan-700, .h\:d-fc-tan-700:hover, .f\:d-fc-tan-700:focus, .f\:d-fc-tan-700:focus-within, .fv\:d-fc-tan-700:focus-visible {
9907
+ --fco: var(--dt-color-tan-700-a);
9908
+ color: hsl(var(--dt-color-tan-700-h) var(--dt-color-tan-700-s) var(--dt-color-tan-700-l) / var(--fco)) !important;
9909
+ }
9910
+ .d-fc-tan-800, .h\:d-fc-tan-800:hover, .f\:d-fc-tan-800:focus, .f\:d-fc-tan-800:focus-within, .fv\:d-fc-tan-800:focus-visible {
9911
+ --fco: var(--dt-color-tan-800-a);
9912
+ color: hsl(var(--dt-color-tan-800-h) var(--dt-color-tan-800-s) var(--dt-color-tan-800-l) / var(--fco)) !important;
9913
+ }
9914
+ .d-fc-tan-900, .h\:d-fc-tan-900:hover, .f\:d-fc-tan-900:focus, .f\:d-fc-tan-900:focus-within, .fv\:d-fc-tan-900:focus-visible {
9915
+ --fco: var(--dt-color-tan-900-a);
9916
+ color: hsl(var(--dt-color-tan-900-h) var(--dt-color-tan-900-s) var(--dt-color-tan-900-l) / var(--fco)) !important;
9917
+ }
9918
+ .d-fc-tan-950, .h\:d-fc-tan-950:hover, .f\:d-fc-tan-950:focus, .f\:d-fc-tan-950:focus-within, .fv\:d-fc-tan-950:focus-visible {
9919
+ --fco: var(--dt-color-tan-950-a);
9920
+ color: hsl(var(--dt-color-tan-950-h) var(--dt-color-tan-950-s) var(--dt-color-tan-950-l) / var(--fco)) !important;
9921
+ }
9922
+ .d-fc-tan-1000, .h\:d-fc-tan-1000:hover, .f\:d-fc-tan-1000:focus, .f\:d-fc-tan-1000:focus-within, .fv\:d-fc-tan-1000:focus-visible {
9923
+ --fco: var(--dt-color-tan-1000-a);
9924
+ color: hsl(var(--dt-color-tan-1000-h) var(--dt-color-tan-1000-s) var(--dt-color-tan-1000-l) / var(--fco)) !important;
9925
+ }
9668
9926
  .d-fc-primary, .h\:d-fc-primary:hover, .f\:d-fc-primary:focus, .f\:d-fc-primary:focus-within, .fv\:d-fc-primary:focus-visible {
9669
9927
  --fco: var(--dt-color-foreground-primary-a);
9670
9928
  color: hsl(var(--dt-color-foreground-primary-h) var(--dt-color-foreground-primary-s) var(--dt-color-foreground-primary-l) / var(--fco)) !important;
@@ -9761,6 +10019,14 @@ body {
9761
10019
  --bco: var(--dt-color-neutral-black-a);
9762
10020
  border-color: hsl(var(--dt-color-neutral-black-h) var(--dt-color-neutral-black-s) var(--dt-color-neutral-black-l) / var(--bco)) !important;
9763
10021
  }
10022
+ .d-bc-neutral-transparent, .h\:d-bc-neutral-transparent:hover, .f\:d-bc-neutral-transparent:focus, .f\:d-bc-neutral-transparent:focus-within, .fv\:d-bc-neutral-transparent:focus-visible {
10023
+ --bco: var(--dt-color-neutral-transparent-a);
10024
+ border-color: hsl(var(--dt-color-neutral-transparent-h) var(--dt-color-neutral-transparent-s) var(--dt-color-neutral-transparent-l) / var(--bco)) !important;
10025
+ }
10026
+ .d-bc-black-50, .h\:d-bc-black-50:hover, .f\:d-bc-black-50:focus, .f\:d-bc-black-50:focus-within, .fv\:d-bc-black-50:focus-visible {
10027
+ --bco: var(--dt-color-black-50-a);
10028
+ border-color: hsl(var(--dt-color-black-50-h) var(--dt-color-black-50-s) var(--dt-color-black-50-l) / var(--bco)) !important;
10029
+ }
9764
10030
  .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 {
9765
10031
  --bco: var(--dt-color-black-100-a);
9766
10032
  border-color: hsl(var(--dt-color-black-100-h) var(--dt-color-black-100-s) var(--dt-color-black-100-l) / var(--bco)) !important;
@@ -9797,6 +10063,18 @@ body {
9797
10063
  --bco: var(--dt-color-black-900-a);
9798
10064
  border-color: hsl(var(--dt-color-black-900-h) var(--dt-color-black-900-s) var(--dt-color-black-900-l) / var(--bco)) !important;
9799
10065
  }
10066
+ .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 {
10067
+ --bco: var(--dt-color-black-950-a);
10068
+ border-color: hsl(var(--dt-color-black-950-h) var(--dt-color-black-950-s) var(--dt-color-black-950-l) / var(--bco)) !important;
10069
+ }
10070
+ .d-bc-black-1000, .h\:d-bc-black-1000:hover, .f\:d-bc-black-1000:focus, .f\:d-bc-black-1000:focus-within, .fv\:d-bc-black-1000:focus-visible {
10071
+ --bco: var(--dt-color-black-1000-a);
10072
+ border-color: hsl(var(--dt-color-black-1000-h) var(--dt-color-black-1000-s) var(--dt-color-black-1000-l) / var(--bco)) !important;
10073
+ }
10074
+ .d-bc-purple-50, .h\:d-bc-purple-50:hover, .f\:d-bc-purple-50:focus, .f\:d-bc-purple-50:focus-within, .fv\:d-bc-purple-50:focus-visible {
10075
+ --bco: var(--dt-color-purple-50-a);
10076
+ border-color: hsl(var(--dt-color-purple-50-h) var(--dt-color-purple-50-s) var(--dt-color-purple-50-l) / var(--bco)) !important;
10077
+ }
9800
10078
  .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 {
9801
10079
  --bco: var(--dt-color-purple-100-a);
9802
10080
  border-color: hsl(var(--dt-color-purple-100-h) var(--dt-color-purple-100-s) var(--dt-color-purple-100-l) / var(--bco)) !important;
@@ -9805,22 +10083,46 @@ body {
9805
10083
  --bco: var(--dt-color-purple-200-a);
9806
10084
  border-color: hsl(var(--dt-color-purple-200-h) var(--dt-color-purple-200-s) var(--dt-color-purple-200-l) / var(--bco)) !important;
9807
10085
  }
10086
+ .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 {
10087
+ --bco: var(--dt-color-purple-250-a);
10088
+ border-color: hsl(var(--dt-color-purple-250-h) var(--dt-color-purple-250-s) var(--dt-color-purple-250-l) / var(--bco)) !important;
10089
+ }
9808
10090
  .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 {
9809
10091
  --bco: var(--dt-color-purple-300-a);
9810
10092
  border-color: hsl(var(--dt-color-purple-300-h) var(--dt-color-purple-300-s) var(--dt-color-purple-300-l) / var(--bco)) !important;
9811
10093
  }
10094
+ .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 {
10095
+ --bco: var(--dt-color-purple-350-a);
10096
+ border-color: hsl(var(--dt-color-purple-350-h) var(--dt-color-purple-350-s) var(--dt-color-purple-350-l) / var(--bco)) !important;
10097
+ }
9812
10098
  .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 {
9813
10099
  --bco: var(--dt-color-purple-400-a);
9814
10100
  border-color: hsl(var(--dt-color-purple-400-h) var(--dt-color-purple-400-s) var(--dt-color-purple-400-l) / var(--bco)) !important;
9815
10101
  }
10102
+ .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 {
10103
+ --bco: var(--dt-color-purple-450-a);
10104
+ border-color: hsl(var(--dt-color-purple-450-h) var(--dt-color-purple-450-s) var(--dt-color-purple-450-l) / var(--bco)) !important;
10105
+ }
9816
10106
  .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 {
9817
10107
  --bco: var(--dt-color-purple-500-a);
9818
10108
  border-color: hsl(var(--dt-color-purple-500-h) var(--dt-color-purple-500-s) var(--dt-color-purple-500-l) / var(--bco)) !important;
9819
10109
  }
10110
+ .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 {
10111
+ --bco: var(--dt-color-purple-550-a);
10112
+ border-color: hsl(var(--dt-color-purple-550-h) var(--dt-color-purple-550-s) var(--dt-color-purple-550-l) / var(--bco)) !important;
10113
+ }
9820
10114
  .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 {
9821
10115
  --bco: var(--dt-color-purple-600-a);
9822
10116
  border-color: hsl(var(--dt-color-purple-600-h) var(--dt-color-purple-600-s) var(--dt-color-purple-600-l) / var(--bco)) !important;
9823
10117
  }
10118
+ .d-bc-purple-1000, .h\:d-bc-purple-1000:hover, .f\:d-bc-purple-1000:focus, .f\:d-bc-purple-1000:focus-within, .fv\:d-bc-purple-1000:focus-visible {
10119
+ --bco: var(--dt-color-purple-1000-a);
10120
+ border-color: hsl(var(--dt-color-purple-1000-h) var(--dt-color-purple-1000-s) var(--dt-color-purple-1000-l) / var(--bco)) !important;
10121
+ }
10122
+ .d-bc-blue-50, .h\:d-bc-blue-50:hover, .f\:d-bc-blue-50:focus, .f\:d-bc-blue-50:focus-within, .fv\:d-bc-blue-50:focus-visible {
10123
+ --bco: var(--dt-color-blue-50-a);
10124
+ border-color: hsl(var(--dt-color-blue-50-h) var(--dt-color-blue-50-s) var(--dt-color-blue-50-l) / var(--bco)) !important;
10125
+ }
9824
10126
  .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 {
9825
10127
  --bco: var(--dt-color-blue-100-a);
9826
10128
  border-color: hsl(var(--dt-color-blue-100-h) var(--dt-color-blue-100-s) var(--dt-color-blue-100-l) / var(--bco)) !important;
@@ -9837,10 +10139,38 @@ body {
9837
10139
  --bco: var(--dt-color-blue-400-a);
9838
10140
  border-color: hsl(var(--dt-color-blue-400-h) var(--dt-color-blue-400-s) var(--dt-color-blue-400-l) / var(--bco)) !important;
9839
10141
  }
10142
+ .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 {
10143
+ --bco: var(--dt-color-blue-425-a);
10144
+ border-color: hsl(var(--dt-color-blue-425-h) var(--dt-color-blue-425-s) var(--dt-color-blue-425-l) / var(--bco)) !important;
10145
+ }
10146
+ .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 {
10147
+ --bco: var(--dt-color-blue-450-a);
10148
+ border-color: hsl(var(--dt-color-blue-450-h) var(--dt-color-blue-450-s) var(--dt-color-blue-450-l) / var(--bco)) !important;
10149
+ }
10150
+ .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 {
10151
+ --bco: var(--dt-color-blue-475-a);
10152
+ border-color: hsl(var(--dt-color-blue-475-h) var(--dt-color-blue-475-s) var(--dt-color-blue-475-l) / var(--bco)) !important;
10153
+ }
9840
10154
  .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 {
9841
10155
  --bco: var(--dt-color-blue-500-a);
9842
10156
  border-color: hsl(var(--dt-color-blue-500-h) var(--dt-color-blue-500-s) var(--dt-color-blue-500-l) / var(--bco)) !important;
9843
10157
  }
10158
+ .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 {
10159
+ --bco: var(--dt-color-blue-600-a);
10160
+ border-color: hsl(var(--dt-color-blue-600-h) var(--dt-color-blue-600-s) var(--dt-color-blue-600-l) / var(--bco)) !important;
10161
+ }
10162
+ .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 {
10163
+ --bco: var(--dt-color-blue-900-a);
10164
+ border-color: hsl(var(--dt-color-blue-900-h) var(--dt-color-blue-900-s) var(--dt-color-blue-900-l) / var(--bco)) !important;
10165
+ }
10166
+ .d-bc-blue-1000, .h\:d-bc-blue-1000:hover, .f\:d-bc-blue-1000:focus, .f\:d-bc-blue-1000:focus-within, .fv\:d-bc-blue-1000:focus-visible {
10167
+ --bco: var(--dt-color-blue-1000-a);
10168
+ border-color: hsl(var(--dt-color-blue-1000-h) var(--dt-color-blue-1000-s) var(--dt-color-blue-1000-l) / var(--bco)) !important;
10169
+ }
10170
+ .d-bc-magenta-50, .h\:d-bc-magenta-50:hover, .f\:d-bc-magenta-50:focus, .f\:d-bc-magenta-50:focus-within, .fv\:d-bc-magenta-50:focus-visible {
10171
+ --bco: var(--dt-color-magenta-50-a);
10172
+ border-color: hsl(var(--dt-color-magenta-50-h) var(--dt-color-magenta-50-s) var(--dt-color-magenta-50-l) / var(--bco)) !important;
10173
+ }
9844
10174
  .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 {
9845
10175
  --bco: var(--dt-color-magenta-100-a);
9846
10176
  border-color: hsl(var(--dt-color-magenta-100-h) var(--dt-color-magenta-100-s) var(--dt-color-magenta-100-l) / var(--bco)) !important;
@@ -9849,6 +10179,10 @@ body {
9849
10179
  --bco: var(--dt-color-magenta-200-a);
9850
10180
  border-color: hsl(var(--dt-color-magenta-200-h) var(--dt-color-magenta-200-s) var(--dt-color-magenta-200-l) / var(--bco)) !important;
9851
10181
  }
10182
+ .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 {
10183
+ --bco: var(--dt-color-magenta-250-a);
10184
+ border-color: hsl(var(--dt-color-magenta-250-h) var(--dt-color-magenta-250-s) var(--dt-color-magenta-250-l) / var(--bco)) !important;
10185
+ }
9852
10186
  .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 {
9853
10187
  --bco: var(--dt-color-magenta-300-a);
9854
10188
  border-color: hsl(var(--dt-color-magenta-300-h) var(--dt-color-magenta-300-s) var(--dt-color-magenta-300-l) / var(--bco)) !important;
@@ -9857,10 +10191,34 @@ body {
9857
10191
  --bco: var(--dt-color-magenta-400-a);
9858
10192
  border-color: hsl(var(--dt-color-magenta-400-h) var(--dt-color-magenta-400-s) var(--dt-color-magenta-400-l) / var(--bco)) !important;
9859
10193
  }
10194
+ .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 {
10195
+ --bco: var(--dt-color-magenta-425-a);
10196
+ border-color: hsl(var(--dt-color-magenta-425-h) var(--dt-color-magenta-425-s) var(--dt-color-magenta-425-l) / var(--bco)) !important;
10197
+ }
10198
+ .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 {
10199
+ --bco: var(--dt-color-magenta-475-a);
10200
+ border-color: hsl(var(--dt-color-magenta-475-h) var(--dt-color-magenta-475-s) var(--dt-color-magenta-475-l) / var(--bco)) !important;
10201
+ }
9860
10202
  .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 {
9861
10203
  --bco: var(--dt-color-magenta-500-a);
9862
10204
  border-color: hsl(var(--dt-color-magenta-500-h) var(--dt-color-magenta-500-s) var(--dt-color-magenta-500-l) / var(--bco)) !important;
9863
10205
  }
10206
+ .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 {
10207
+ --bco: var(--dt-color-magenta-600-a);
10208
+ border-color: hsl(var(--dt-color-magenta-600-h) var(--dt-color-magenta-600-s) var(--dt-color-magenta-600-l) / var(--bco)) !important;
10209
+ }
10210
+ .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 {
10211
+ --bco: var(--dt-color-magenta-900-a);
10212
+ border-color: hsl(var(--dt-color-magenta-900-h) var(--dt-color-magenta-900-s) var(--dt-color-magenta-900-l) / var(--bco)) !important;
10213
+ }
10214
+ .d-bc-magenta-1000, .h\:d-bc-magenta-1000:hover, .f\:d-bc-magenta-1000:focus, .f\:d-bc-magenta-1000:focus-within, .fv\:d-bc-magenta-1000:focus-visible {
10215
+ --bco: var(--dt-color-magenta-1000-a);
10216
+ border-color: hsl(var(--dt-color-magenta-1000-h) var(--dt-color-magenta-1000-s) var(--dt-color-magenta-1000-l) / var(--bco)) !important;
10217
+ }
10218
+ .d-bc-gold-50, .h\:d-bc-gold-50:hover, .f\:d-bc-gold-50:focus, .f\:d-bc-gold-50:focus-within, .fv\:d-bc-gold-50:focus-visible {
10219
+ --bco: var(--dt-color-gold-50-a);
10220
+ border-color: hsl(var(--dt-color-gold-50-h) var(--dt-color-gold-50-s) var(--dt-color-gold-50-l) / var(--bco)) !important;
10221
+ }
9864
10222
  .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 {
9865
10223
  --bco: var(--dt-color-gold-100-a);
9866
10224
  border-color: hsl(var(--dt-color-gold-100-h) var(--dt-color-gold-100-s) var(--dt-color-gold-100-l) / var(--bco)) !important;
@@ -9873,14 +10231,42 @@ body {
9873
10231
  --bco: var(--dt-color-gold-300-a);
9874
10232
  border-color: hsl(var(--dt-color-gold-300-h) var(--dt-color-gold-300-s) var(--dt-color-gold-300-l) / var(--bco)) !important;
9875
10233
  }
10234
+ .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 {
10235
+ --bco: var(--dt-color-gold-350-a);
10236
+ border-color: hsl(var(--dt-color-gold-350-h) var(--dt-color-gold-350-s) var(--dt-color-gold-350-l) / var(--bco)) !important;
10237
+ }
9876
10238
  .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 {
9877
10239
  --bco: var(--dt-color-gold-400-a);
9878
10240
  border-color: hsl(var(--dt-color-gold-400-h) var(--dt-color-gold-400-s) var(--dt-color-gold-400-l) / var(--bco)) !important;
9879
10241
  }
10242
+ .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 {
10243
+ --bco: var(--dt-color-gold-450-a);
10244
+ border-color: hsl(var(--dt-color-gold-450-h) var(--dt-color-gold-450-s) var(--dt-color-gold-450-l) / var(--bco)) !important;
10245
+ }
9880
10246
  .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 {
9881
10247
  --bco: var(--dt-color-gold-500-a);
9882
10248
  border-color: hsl(var(--dt-color-gold-500-h) var(--dt-color-gold-500-s) var(--dt-color-gold-500-l) / var(--bco)) !important;
9883
10249
  }
10250
+ .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 {
10251
+ --bco: var(--dt-color-gold-600-a);
10252
+ border-color: hsl(var(--dt-color-gold-600-h) var(--dt-color-gold-600-s) var(--dt-color-gold-600-l) / var(--bco)) !important;
10253
+ }
10254
+ .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 {
10255
+ --bco: var(--dt-color-gold-700-a);
10256
+ border-color: hsl(var(--dt-color-gold-700-h) var(--dt-color-gold-700-s) var(--dt-color-gold-700-l) / var(--bco)) !important;
10257
+ }
10258
+ .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 {
10259
+ --bco: var(--dt-color-gold-900-a);
10260
+ border-color: hsl(var(--dt-color-gold-900-h) var(--dt-color-gold-900-s) var(--dt-color-gold-900-l) / var(--bco)) !important;
10261
+ }
10262
+ .d-bc-gold-1000, .h\:d-bc-gold-1000:hover, .f\:d-bc-gold-1000:focus, .f\:d-bc-gold-1000:focus-within, .fv\:d-bc-gold-1000:focus-visible {
10263
+ --bco: var(--dt-color-gold-1000-a);
10264
+ border-color: hsl(var(--dt-color-gold-1000-h) var(--dt-color-gold-1000-s) var(--dt-color-gold-1000-l) / var(--bco)) !important;
10265
+ }
10266
+ .d-bc-green-50, .h\:d-bc-green-50:hover, .f\:d-bc-green-50:focus, .f\:d-bc-green-50:focus-within, .fv\:d-bc-green-50:focus-visible {
10267
+ --bco: var(--dt-color-green-50-a);
10268
+ border-color: hsl(var(--dt-color-green-50-h) var(--dt-color-green-50-s) var(--dt-color-green-50-l) / var(--bco)) !important;
10269
+ }
9884
10270
  .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 {
9885
10271
  --bco: var(--dt-color-green-100-a);
9886
10272
  border-color: hsl(var(--dt-color-green-100-h) var(--dt-color-green-100-s) var(--dt-color-green-100-l) / var(--bco)) !important;
@@ -9893,14 +10279,42 @@ body {
9893
10279
  --bco: var(--dt-color-green-300-a);
9894
10280
  border-color: hsl(var(--dt-color-green-300-h) var(--dt-color-green-300-s) var(--dt-color-green-300-l) / var(--bco)) !important;
9895
10281
  }
10282
+ .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 {
10283
+ --bco: var(--dt-color-green-350-a);
10284
+ border-color: hsl(var(--dt-color-green-350-h) var(--dt-color-green-350-s) var(--dt-color-green-350-l) / var(--bco)) !important;
10285
+ }
9896
10286
  .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 {
9897
10287
  --bco: var(--dt-color-green-400-a);
9898
10288
  border-color: hsl(var(--dt-color-green-400-h) var(--dt-color-green-400-s) var(--dt-color-green-400-l) / var(--bco)) !important;
9899
10289
  }
10290
+ .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 {
10291
+ --bco: var(--dt-color-green-425-a);
10292
+ border-color: hsl(var(--dt-color-green-425-h) var(--dt-color-green-425-s) var(--dt-color-green-425-l) / var(--bco)) !important;
10293
+ }
10294
+ .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 {
10295
+ --bco: var(--dt-color-green-475-a);
10296
+ border-color: hsl(var(--dt-color-green-475-h) var(--dt-color-green-475-s) var(--dt-color-green-475-l) / var(--bco)) !important;
10297
+ }
9900
10298
  .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 {
9901
10299
  --bco: var(--dt-color-green-500-a);
9902
10300
  border-color: hsl(var(--dt-color-green-500-h) var(--dt-color-green-500-s) var(--dt-color-green-500-l) / var(--bco)) !important;
9903
10301
  }
10302
+ .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 {
10303
+ --bco: var(--dt-color-green-600-a);
10304
+ border-color: hsl(var(--dt-color-green-600-h) var(--dt-color-green-600-s) var(--dt-color-green-600-l) / var(--bco)) !important;
10305
+ }
10306
+ .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 {
10307
+ --bco: var(--dt-color-green-900-a);
10308
+ border-color: hsl(var(--dt-color-green-900-h) var(--dt-color-green-900-s) var(--dt-color-green-900-l) / var(--bco)) !important;
10309
+ }
10310
+ .d-bc-green-1000, .h\:d-bc-green-1000:hover, .f\:d-bc-green-1000:focus, .f\:d-bc-green-1000:focus-within, .fv\:d-bc-green-1000:focus-visible {
10311
+ --bco: var(--dt-color-green-1000-a);
10312
+ border-color: hsl(var(--dt-color-green-1000-h) var(--dt-color-green-1000-s) var(--dt-color-green-1000-l) / var(--bco)) !important;
10313
+ }
10314
+ .d-bc-red-50, .h\:d-bc-red-50:hover, .f\:d-bc-red-50:focus, .f\:d-bc-red-50:focus-within, .fv\:d-bc-red-50:focus-visible {
10315
+ --bco: var(--dt-color-red-50-a);
10316
+ border-color: hsl(var(--dt-color-red-50-h) var(--dt-color-red-50-s) var(--dt-color-red-50-l) / var(--bco)) !important;
10317
+ }
9904
10318
  .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 {
9905
10319
  --bco: var(--dt-color-red-100-a);
9906
10320
  border-color: hsl(var(--dt-color-red-100-h) var(--dt-color-red-100-s) var(--dt-color-red-100-l) / var(--bco)) !important;
@@ -9913,14 +10327,42 @@ body {
9913
10327
  --bco: var(--dt-color-red-300-a);
9914
10328
  border-color: hsl(var(--dt-color-red-300-h) var(--dt-color-red-300-s) var(--dt-color-red-300-l) / var(--bco)) !important;
9915
10329
  }
10330
+ .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 {
10331
+ --bco: var(--dt-color-red-350-a);
10332
+ border-color: hsl(var(--dt-color-red-350-h) var(--dt-color-red-350-s) var(--dt-color-red-350-l) / var(--bco)) !important;
10333
+ }
9916
10334
  .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 {
9917
10335
  --bco: var(--dt-color-red-400-a);
9918
10336
  border-color: hsl(var(--dt-color-red-400-h) var(--dt-color-red-400-s) var(--dt-color-red-400-l) / var(--bco)) !important;
9919
10337
  }
10338
+ .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 {
10339
+ --bco: var(--dt-color-red-450-a);
10340
+ border-color: hsl(var(--dt-color-red-450-h) var(--dt-color-red-450-s) var(--dt-color-red-450-l) / var(--bco)) !important;
10341
+ }
9920
10342
  .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 {
9921
10343
  --bco: var(--dt-color-red-500-a);
9922
10344
  border-color: hsl(var(--dt-color-red-500-h) var(--dt-color-red-500-s) var(--dt-color-red-500-l) / var(--bco)) !important;
9923
10345
  }
10346
+ .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 {
10347
+ --bco: var(--dt-color-red-600-a);
10348
+ border-color: hsl(var(--dt-color-red-600-h) var(--dt-color-red-600-s) var(--dt-color-red-600-l) / var(--bco)) !important;
10349
+ }
10350
+ .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 {
10351
+ --bco: var(--dt-color-red-700-a);
10352
+ border-color: hsl(var(--dt-color-red-700-h) var(--dt-color-red-700-s) var(--dt-color-red-700-l) / var(--bco)) !important;
10353
+ }
10354
+ .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 {
10355
+ --bco: var(--dt-color-red-900-a);
10356
+ border-color: hsl(var(--dt-color-red-900-h) var(--dt-color-red-900-s) var(--dt-color-red-900-l) / var(--bco)) !important;
10357
+ }
10358
+ .d-bc-red-1000, .h\:d-bc-red-1000:hover, .f\:d-bc-red-1000:focus, .f\:d-bc-red-1000:focus-within, .fv\:d-bc-red-1000:focus-visible {
10359
+ --bco: var(--dt-color-red-1000-a);
10360
+ border-color: hsl(var(--dt-color-red-1000-h) var(--dt-color-red-1000-s) var(--dt-color-red-1000-l) / var(--bco)) !important;
10361
+ }
10362
+ .d-bc-tan-50, .h\:d-bc-tan-50:hover, .f\:d-bc-tan-50:focus, .f\:d-bc-tan-50:focus-within, .fv\:d-bc-tan-50:focus-visible {
10363
+ --bco: var(--dt-color-tan-50-a);
10364
+ border-color: hsl(var(--dt-color-tan-50-h) var(--dt-color-tan-50-s) var(--dt-color-tan-50-l) / var(--bco)) !important;
10365
+ }
9924
10366
  .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 {
9925
10367
  --bco: var(--dt-color-tan-100-a);
9926
10368
  border-color: hsl(var(--dt-color-tan-100-h) var(--dt-color-tan-100-s) var(--dt-color-tan-100-l) / var(--bco)) !important;
@@ -9941,6 +10383,30 @@ body {
9941
10383
  --bco: var(--dt-color-tan-500-a);
9942
10384
  border-color: hsl(var(--dt-color-tan-500-h) var(--dt-color-tan-500-s) var(--dt-color-tan-500-l) / var(--bco)) !important;
9943
10385
  }
10386
+ .d-bc-tan-600, .h\:d-bc-tan-600:hover, .f\:d-bc-tan-600:focus, .f\:d-bc-tan-600:focus-within, .fv\:d-bc-tan-600:focus-visible {
10387
+ --bco: var(--dt-color-tan-600-a);
10388
+ border-color: hsl(var(--dt-color-tan-600-h) var(--dt-color-tan-600-s) var(--dt-color-tan-600-l) / var(--bco)) !important;
10389
+ }
10390
+ .d-bc-tan-700, .h\:d-bc-tan-700:hover, .f\:d-bc-tan-700:focus, .f\:d-bc-tan-700:focus-within, .fv\:d-bc-tan-700:focus-visible {
10391
+ --bco: var(--dt-color-tan-700-a);
10392
+ border-color: hsl(var(--dt-color-tan-700-h) var(--dt-color-tan-700-s) var(--dt-color-tan-700-l) / var(--bco)) !important;
10393
+ }
10394
+ .d-bc-tan-800, .h\:d-bc-tan-800:hover, .f\:d-bc-tan-800:focus, .f\:d-bc-tan-800:focus-within, .fv\:d-bc-tan-800:focus-visible {
10395
+ --bco: var(--dt-color-tan-800-a);
10396
+ border-color: hsl(var(--dt-color-tan-800-h) var(--dt-color-tan-800-s) var(--dt-color-tan-800-l) / var(--bco)) !important;
10397
+ }
10398
+ .d-bc-tan-900, .h\:d-bc-tan-900:hover, .f\:d-bc-tan-900:focus, .f\:d-bc-tan-900:focus-within, .fv\:d-bc-tan-900:focus-visible {
10399
+ --bco: var(--dt-color-tan-900-a);
10400
+ border-color: hsl(var(--dt-color-tan-900-h) var(--dt-color-tan-900-s) var(--dt-color-tan-900-l) / var(--bco)) !important;
10401
+ }
10402
+ .d-bc-tan-950, .h\:d-bc-tan-950:hover, .f\:d-bc-tan-950:focus, .f\:d-bc-tan-950:focus-within, .fv\:d-bc-tan-950:focus-visible {
10403
+ --bco: var(--dt-color-tan-950-a);
10404
+ border-color: hsl(var(--dt-color-tan-950-h) var(--dt-color-tan-950-s) var(--dt-color-tan-950-l) / var(--bco)) !important;
10405
+ }
10406
+ .d-bc-tan-1000, .h\:d-bc-tan-1000:hover, .f\:d-bc-tan-1000:focus, .f\:d-bc-tan-1000:focus-within, .fv\:d-bc-tan-1000:focus-visible {
10407
+ --bco: var(--dt-color-tan-1000-a);
10408
+ border-color: hsl(var(--dt-color-tan-1000-h) var(--dt-color-tan-1000-s) var(--dt-color-tan-1000-l) / var(--bco)) !important;
10409
+ }
9944
10410
  .d-bc-subtle, .h\:d-bc-subtle:hover, .f\:d-bc-subtle:focus, .f\:d-bc-subtle:focus-within, .fv\:d-bc-subtle:focus-visible {
9945
10411
  --bco: var(--dt-color-border-subtle-a);
9946
10412
  border-color: hsl(var(--dt-color-border-subtle-h) var(--dt-color-border-subtle-s) var(--dt-color-border-subtle-l) / var(--bco)) !important;
@@ -9957,26 +10423,6 @@ body {
9957
10423
  --bco: var(--dt-color-border-bold-a);
9958
10424
  border-color: hsl(var(--dt-color-border-bold-h) var(--dt-color-border-bold-s) var(--dt-color-border-bold-l) / var(--bco)) !important;
9959
10425
  }
9960
- .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 {
9961
- --bco: var(--dt-color-border-subtle-inverted-a);
9962
- 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;
9963
- }
9964
- .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 {
9965
- --bco: var(--dt-color-border-default-inverted-a);
9966
- 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;
9967
- }
9968
- .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 {
9969
- --bco: var(--dt-color-border-moderate-inverted-a);
9970
- 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;
9971
- }
9972
- .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 {
9973
- --bco: var(--dt-color-border-bold-inverted-a);
9974
- 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;
9975
- }
9976
- .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 {
9977
- --bco: var(--dt-color-border-focus-a);
9978
- border-color: hsl(var(--dt-color-border-focus-h) var(--dt-color-border-focus-s) var(--dt-color-border-focus-l) / var(--bco)) !important;
9979
- }
9980
10426
  .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 {
9981
10427
  --bco: var(--dt-color-border-critical-a);
9982
10428
  border-color: hsl(var(--dt-color-border-critical-h) var(--dt-color-border-critical-s) var(--dt-color-border-critical-l) / var(--bco)) !important;
@@ -9993,46 +10439,54 @@ body {
9993
10439
  --bco: var(--dt-color-border-brand-a);
9994
10440
  border-color: hsl(var(--dt-color-border-brand-h) var(--dt-color-border-brand-s) var(--dt-color-border-brand-l) / var(--bco)) !important;
9995
10441
  }
9996
- .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 {
9997
- --bco: 100%;
9998
- border-color: var(--dt-color-border-ai) !important;
9999
- }
10000
- .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 {
10001
- --bco: var(--dt-color-border-accent-a);
10002
- border-color: hsl(var(--dt-color-border-accent-h) var(--dt-color-border-accent-s) var(--dt-color-border-accent-l) / var(--bco)) !important;
10003
- }
10004
10442
  .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 {
10005
10443
  --bco: var(--dt-color-border-critical-subtle-a);
10006
10444
  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;
10007
10445
  }
10008
- .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 {
10009
- --bco: var(--dt-color-border-critical-strong-a);
10010
- 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;
10011
- }
10012
10446
  .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 {
10013
10447
  --bco: var(--dt-color-border-success-subtle-a);
10014
10448
  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;
10015
10449
  }
10016
- .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 {
10017
- --bco: var(--dt-color-border-success-strong-a);
10018
- 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;
10019
- }
10020
10450
  .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 {
10021
10451
  --bco: var(--dt-color-border-warning-subtle-a);
10022
10452
  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;
10023
10453
  }
10024
- .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 {
10025
- --bco: var(--dt-color-border-warning-strong-a);
10026
- 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;
10027
- }
10028
10454
  .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 {
10029
10455
  --bco: var(--dt-color-border-brand-subtle-a);
10030
10456
  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;
10031
10457
  }
10458
+ .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 {
10459
+ --bco: var(--dt-color-border-critical-strong-a);
10460
+ 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;
10461
+ }
10462
+ .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 {
10463
+ --bco: var(--dt-color-border-success-strong-a);
10464
+ 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;
10465
+ }
10466
+ .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 {
10467
+ --bco: var(--dt-color-border-warning-strong-a);
10468
+ 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;
10469
+ }
10032
10470
  .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 {
10033
10471
  --bco: var(--dt-color-border-brand-strong-a);
10034
10472
  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;
10035
10473
  }
10474
+ .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 {
10475
+ --bco: var(--dt-color-border-subtle-inverted-a);
10476
+ 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;
10477
+ }
10478
+ .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 {
10479
+ --bco: var(--dt-color-border-default-inverted-a);
10480
+ 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;
10481
+ }
10482
+ .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 {
10483
+ --bco: var(--dt-color-border-moderate-inverted-a);
10484
+ 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;
10485
+ }
10486
+ .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 {
10487
+ --bco: var(--dt-color-border-bold-inverted-a);
10488
+ 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;
10489
+ }
10036
10490
  .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 {
10037
10491
  --bco: var(--dt-color-border-critical-inverted-a);
10038
10492
  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;
@@ -10053,34 +10507,42 @@ body {
10053
10507
  --bco: var(--dt-color-border-critical-subtle-inverted-a);
10054
10508
  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;
10055
10509
  }
10056
- .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 {
10057
- --bco: var(--dt-color-border-critical-strong-inverted-a);
10058
- 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;
10059
- }
10060
10510
  .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 {
10061
10511
  --bco: var(--dt-color-border-success-subtle-inverted-a);
10062
10512
  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;
10063
10513
  }
10064
- .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 {
10065
- --bco: var(--dt-color-border-success-strong-inverted-a);
10066
- 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;
10067
- }
10068
10514
  .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 {
10069
10515
  --bco: var(--dt-color-border-warning-subtle-inverted-a);
10070
10516
  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;
10071
10517
  }
10072
- .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 {
10073
- --bco: var(--dt-color-border-warning-strong-inverted-a);
10074
- 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;
10075
- }
10076
10518
  .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 {
10077
10519
  --bco: var(--dt-color-border-brand-subtle-inverted-a);
10078
10520
  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;
10079
10521
  }
10522
+ .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 {
10523
+ --bco: var(--dt-color-border-critical-strong-inverted-a);
10524
+ 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;
10525
+ }
10526
+ .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 {
10527
+ --bco: var(--dt-color-border-success-strong-inverted-a);
10528
+ 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;
10529
+ }
10530
+ .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 {
10531
+ --bco: var(--dt-color-border-warning-strong-inverted-a);
10532
+ 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;
10533
+ }
10080
10534
  .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 {
10081
10535
  --bco: var(--dt-color-border-brand-strong-inverted-a);
10082
10536
  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;
10083
10537
  }
10538
+ .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 {
10539
+ --bco: var(--dt-color-border-focus-a);
10540
+ border-color: hsl(var(--dt-color-border-focus-h) var(--dt-color-border-focus-s) var(--dt-color-border-focus-l) / var(--bco)) !important;
10541
+ }
10542
+ .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 {
10543
+ --bco: var(--dt-color-border-accent-a);
10544
+ border-color: hsl(var(--dt-color-border-accent-h) var(--dt-color-border-accent-s) var(--dt-color-border-accent-l) / var(--bco)) !important;
10545
+ }
10084
10546
  .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 {
10085
10547
  --bgo: var(--dt-color-neutral-white-a);
10086
10548
  background-color: hsl(var(--dt-color-neutral-white-h) var(--dt-color-neutral-white-s) var(--dt-color-neutral-white-l) / var(--bgo)) !important;
@@ -10089,6 +10551,14 @@ body {
10089
10551
  --bgo: var(--dt-color-neutral-black-a);
10090
10552
  background-color: hsl(var(--dt-color-neutral-black-h) var(--dt-color-neutral-black-s) var(--dt-color-neutral-black-l) / var(--bgo)) !important;
10091
10553
  }
10554
+ .d-bgc-neutral-transparent, .h\:d-bgc-neutral-transparent:hover, .f\:d-bgc-neutral-transparent:focus, .f\:d-bgc-neutral-transparent:focus-within, .fv\:d-bgc-neutral-transparent:focus-visible {
10555
+ --bgo: var(--dt-color-neutral-transparent-a);
10556
+ background-color: hsl(var(--dt-color-neutral-transparent-h) var(--dt-color-neutral-transparent-s) var(--dt-color-neutral-transparent-l) / var(--bgo)) !important;
10557
+ }
10558
+ .d-bgc-black-50, .h\:d-bgc-black-50:hover, .f\:d-bgc-black-50:focus, .f\:d-bgc-black-50:focus-within, .fv\:d-bgc-black-50:focus-visible {
10559
+ --bgo: var(--dt-color-black-50-a);
10560
+ background-color: hsl(var(--dt-color-black-50-h) var(--dt-color-black-50-s) var(--dt-color-black-50-l) / var(--bgo)) !important;
10561
+ }
10092
10562
  .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 {
10093
10563
  --bgo: var(--dt-color-black-100-a);
10094
10564
  background-color: hsl(var(--dt-color-black-100-h) var(--dt-color-black-100-s) var(--dt-color-black-100-l) / var(--bgo)) !important;
@@ -10125,7 +10595,19 @@ body {
10125
10595
  --bgo: var(--dt-color-black-900-a);
10126
10596
  background-color: hsl(var(--dt-color-black-900-h) var(--dt-color-black-900-s) var(--dt-color-black-900-l) / var(--bgo)) !important;
10127
10597
  }
10128
- .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 {
10598
+ .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 {
10599
+ --bgo: var(--dt-color-black-950-a);
10600
+ background-color: hsl(var(--dt-color-black-950-h) var(--dt-color-black-950-s) var(--dt-color-black-950-l) / var(--bgo)) !important;
10601
+ }
10602
+ .d-bgc-black-1000, .h\:d-bgc-black-1000:hover, .f\:d-bgc-black-1000:focus, .f\:d-bgc-black-1000:focus-within, .fv\:d-bgc-black-1000:focus-visible {
10603
+ --bgo: var(--dt-color-black-1000-a);
10604
+ background-color: hsl(var(--dt-color-black-1000-h) var(--dt-color-black-1000-s) var(--dt-color-black-1000-l) / var(--bgo)) !important;
10605
+ }
10606
+ .d-bgc-purple-50, .h\:d-bgc-purple-50:hover, .f\:d-bgc-purple-50:focus, .f\:d-bgc-purple-50:focus-within, .fv\:d-bgc-purple-50:focus-visible {
10607
+ --bgo: var(--dt-color-purple-50-a);
10608
+ background-color: hsl(var(--dt-color-purple-50-h) var(--dt-color-purple-50-s) var(--dt-color-purple-50-l) / var(--bgo)) !important;
10609
+ }
10610
+ .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 {
10129
10611
  --bgo: var(--dt-color-purple-100-a);
10130
10612
  background-color: hsl(var(--dt-color-purple-100-h) var(--dt-color-purple-100-s) var(--dt-color-purple-100-l) / var(--bgo)) !important;
10131
10613
  }
@@ -10133,22 +10615,46 @@ body {
10133
10615
  --bgo: var(--dt-color-purple-200-a);
10134
10616
  background-color: hsl(var(--dt-color-purple-200-h) var(--dt-color-purple-200-s) var(--dt-color-purple-200-l) / var(--bgo)) !important;
10135
10617
  }
10618
+ .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 {
10619
+ --bgo: var(--dt-color-purple-250-a);
10620
+ background-color: hsl(var(--dt-color-purple-250-h) var(--dt-color-purple-250-s) var(--dt-color-purple-250-l) / var(--bgo)) !important;
10621
+ }
10136
10622
  .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 {
10137
10623
  --bgo: var(--dt-color-purple-300-a);
10138
10624
  background-color: hsl(var(--dt-color-purple-300-h) var(--dt-color-purple-300-s) var(--dt-color-purple-300-l) / var(--bgo)) !important;
10139
10625
  }
10626
+ .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 {
10627
+ --bgo: var(--dt-color-purple-350-a);
10628
+ background-color: hsl(var(--dt-color-purple-350-h) var(--dt-color-purple-350-s) var(--dt-color-purple-350-l) / var(--bgo)) !important;
10629
+ }
10140
10630
  .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 {
10141
10631
  --bgo: var(--dt-color-purple-400-a);
10142
10632
  background-color: hsl(var(--dt-color-purple-400-h) var(--dt-color-purple-400-s) var(--dt-color-purple-400-l) / var(--bgo)) !important;
10143
10633
  }
10634
+ .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 {
10635
+ --bgo: var(--dt-color-purple-450-a);
10636
+ background-color: hsl(var(--dt-color-purple-450-h) var(--dt-color-purple-450-s) var(--dt-color-purple-450-l) / var(--bgo)) !important;
10637
+ }
10144
10638
  .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 {
10145
10639
  --bgo: var(--dt-color-purple-500-a);
10146
10640
  background-color: hsl(var(--dt-color-purple-500-h) var(--dt-color-purple-500-s) var(--dt-color-purple-500-l) / var(--bgo)) !important;
10147
10641
  }
10642
+ .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 {
10643
+ --bgo: var(--dt-color-purple-550-a);
10644
+ background-color: hsl(var(--dt-color-purple-550-h) var(--dt-color-purple-550-s) var(--dt-color-purple-550-l) / var(--bgo)) !important;
10645
+ }
10148
10646
  .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 {
10149
10647
  --bgo: var(--dt-color-purple-600-a);
10150
10648
  background-color: hsl(var(--dt-color-purple-600-h) var(--dt-color-purple-600-s) var(--dt-color-purple-600-l) / var(--bgo)) !important;
10151
10649
  }
10650
+ .d-bgc-purple-1000, .h\:d-bgc-purple-1000:hover, .f\:d-bgc-purple-1000:focus, .f\:d-bgc-purple-1000:focus-within, .fv\:d-bgc-purple-1000:focus-visible {
10651
+ --bgo: var(--dt-color-purple-1000-a);
10652
+ background-color: hsl(var(--dt-color-purple-1000-h) var(--dt-color-purple-1000-s) var(--dt-color-purple-1000-l) / var(--bgo)) !important;
10653
+ }
10654
+ .d-bgc-blue-50, .h\:d-bgc-blue-50:hover, .f\:d-bgc-blue-50:focus, .f\:d-bgc-blue-50:focus-within, .fv\:d-bgc-blue-50:focus-visible {
10655
+ --bgo: var(--dt-color-blue-50-a);
10656
+ background-color: hsl(var(--dt-color-blue-50-h) var(--dt-color-blue-50-s) var(--dt-color-blue-50-l) / var(--bgo)) !important;
10657
+ }
10152
10658
  .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 {
10153
10659
  --bgo: var(--dt-color-blue-100-a);
10154
10660
  background-color: hsl(var(--dt-color-blue-100-h) var(--dt-color-blue-100-s) var(--dt-color-blue-100-l) / var(--bgo)) !important;
@@ -10165,10 +10671,38 @@ body {
10165
10671
  --bgo: var(--dt-color-blue-400-a);
10166
10672
  background-color: hsl(var(--dt-color-blue-400-h) var(--dt-color-blue-400-s) var(--dt-color-blue-400-l) / var(--bgo)) !important;
10167
10673
  }
10674
+ .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 {
10675
+ --bgo: var(--dt-color-blue-425-a);
10676
+ background-color: hsl(var(--dt-color-blue-425-h) var(--dt-color-blue-425-s) var(--dt-color-blue-425-l) / var(--bgo)) !important;
10677
+ }
10678
+ .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 {
10679
+ --bgo: var(--dt-color-blue-450-a);
10680
+ background-color: hsl(var(--dt-color-blue-450-h) var(--dt-color-blue-450-s) var(--dt-color-blue-450-l) / var(--bgo)) !important;
10681
+ }
10682
+ .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 {
10683
+ --bgo: var(--dt-color-blue-475-a);
10684
+ background-color: hsl(var(--dt-color-blue-475-h) var(--dt-color-blue-475-s) var(--dt-color-blue-475-l) / var(--bgo)) !important;
10685
+ }
10168
10686
  .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 {
10169
10687
  --bgo: var(--dt-color-blue-500-a);
10170
10688
  background-color: hsl(var(--dt-color-blue-500-h) var(--dt-color-blue-500-s) var(--dt-color-blue-500-l) / var(--bgo)) !important;
10171
10689
  }
10690
+ .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 {
10691
+ --bgo: var(--dt-color-blue-600-a);
10692
+ background-color: hsl(var(--dt-color-blue-600-h) var(--dt-color-blue-600-s) var(--dt-color-blue-600-l) / var(--bgo)) !important;
10693
+ }
10694
+ .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 {
10695
+ --bgo: var(--dt-color-blue-900-a);
10696
+ background-color: hsl(var(--dt-color-blue-900-h) var(--dt-color-blue-900-s) var(--dt-color-blue-900-l) / var(--bgo)) !important;
10697
+ }
10698
+ .d-bgc-blue-1000, .h\:d-bgc-blue-1000:hover, .f\:d-bgc-blue-1000:focus, .f\:d-bgc-blue-1000:focus-within, .fv\:d-bgc-blue-1000:focus-visible {
10699
+ --bgo: var(--dt-color-blue-1000-a);
10700
+ background-color: hsl(var(--dt-color-blue-1000-h) var(--dt-color-blue-1000-s) var(--dt-color-blue-1000-l) / var(--bgo)) !important;
10701
+ }
10702
+ .d-bgc-magenta-50, .h\:d-bgc-magenta-50:hover, .f\:d-bgc-magenta-50:focus, .f\:d-bgc-magenta-50:focus-within, .fv\:d-bgc-magenta-50:focus-visible {
10703
+ --bgo: var(--dt-color-magenta-50-a);
10704
+ background-color: hsl(var(--dt-color-magenta-50-h) var(--dt-color-magenta-50-s) var(--dt-color-magenta-50-l) / var(--bgo)) !important;
10705
+ }
10172
10706
  .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 {
10173
10707
  --bgo: var(--dt-color-magenta-100-a);
10174
10708
  background-color: hsl(var(--dt-color-magenta-100-h) var(--dt-color-magenta-100-s) var(--dt-color-magenta-100-l) / var(--bgo)) !important;
@@ -10177,6 +10711,10 @@ body {
10177
10711
  --bgo: var(--dt-color-magenta-200-a);
10178
10712
  background-color: hsl(var(--dt-color-magenta-200-h) var(--dt-color-magenta-200-s) var(--dt-color-magenta-200-l) / var(--bgo)) !important;
10179
10713
  }
10714
+ .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 {
10715
+ --bgo: var(--dt-color-magenta-250-a);
10716
+ background-color: hsl(var(--dt-color-magenta-250-h) var(--dt-color-magenta-250-s) var(--dt-color-magenta-250-l) / var(--bgo)) !important;
10717
+ }
10180
10718
  .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 {
10181
10719
  --bgo: var(--dt-color-magenta-300-a);
10182
10720
  background-color: hsl(var(--dt-color-magenta-300-h) var(--dt-color-magenta-300-s) var(--dt-color-magenta-300-l) / var(--bgo)) !important;
@@ -10185,10 +10723,34 @@ body {
10185
10723
  --bgo: var(--dt-color-magenta-400-a);
10186
10724
  background-color: hsl(var(--dt-color-magenta-400-h) var(--dt-color-magenta-400-s) var(--dt-color-magenta-400-l) / var(--bgo)) !important;
10187
10725
  }
10726
+ .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 {
10727
+ --bgo: var(--dt-color-magenta-425-a);
10728
+ background-color: hsl(var(--dt-color-magenta-425-h) var(--dt-color-magenta-425-s) var(--dt-color-magenta-425-l) / var(--bgo)) !important;
10729
+ }
10730
+ .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 {
10731
+ --bgo: var(--dt-color-magenta-475-a);
10732
+ background-color: hsl(var(--dt-color-magenta-475-h) var(--dt-color-magenta-475-s) var(--dt-color-magenta-475-l) / var(--bgo)) !important;
10733
+ }
10188
10734
  .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 {
10189
10735
  --bgo: var(--dt-color-magenta-500-a);
10190
10736
  background-color: hsl(var(--dt-color-magenta-500-h) var(--dt-color-magenta-500-s) var(--dt-color-magenta-500-l) / var(--bgo)) !important;
10191
10737
  }
10738
+ .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 {
10739
+ --bgo: var(--dt-color-magenta-600-a);
10740
+ background-color: hsl(var(--dt-color-magenta-600-h) var(--dt-color-magenta-600-s) var(--dt-color-magenta-600-l) / var(--bgo)) !important;
10741
+ }
10742
+ .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 {
10743
+ --bgo: var(--dt-color-magenta-900-a);
10744
+ background-color: hsl(var(--dt-color-magenta-900-h) var(--dt-color-magenta-900-s) var(--dt-color-magenta-900-l) / var(--bgo)) !important;
10745
+ }
10746
+ .d-bgc-magenta-1000, .h\:d-bgc-magenta-1000:hover, .f\:d-bgc-magenta-1000:focus, .f\:d-bgc-magenta-1000:focus-within, .fv\:d-bgc-magenta-1000:focus-visible {
10747
+ --bgo: var(--dt-color-magenta-1000-a);
10748
+ background-color: hsl(var(--dt-color-magenta-1000-h) var(--dt-color-magenta-1000-s) var(--dt-color-magenta-1000-l) / var(--bgo)) !important;
10749
+ }
10750
+ .d-bgc-gold-50, .h\:d-bgc-gold-50:hover, .f\:d-bgc-gold-50:focus, .f\:d-bgc-gold-50:focus-within, .fv\:d-bgc-gold-50:focus-visible {
10751
+ --bgo: var(--dt-color-gold-50-a);
10752
+ background-color: hsl(var(--dt-color-gold-50-h) var(--dt-color-gold-50-s) var(--dt-color-gold-50-l) / var(--bgo)) !important;
10753
+ }
10192
10754
  .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 {
10193
10755
  --bgo: var(--dt-color-gold-100-a);
10194
10756
  background-color: hsl(var(--dt-color-gold-100-h) var(--dt-color-gold-100-s) var(--dt-color-gold-100-l) / var(--bgo)) !important;
@@ -10201,14 +10763,42 @@ body {
10201
10763
  --bgo: var(--dt-color-gold-300-a);
10202
10764
  background-color: hsl(var(--dt-color-gold-300-h) var(--dt-color-gold-300-s) var(--dt-color-gold-300-l) / var(--bgo)) !important;
10203
10765
  }
10766
+ .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 {
10767
+ --bgo: var(--dt-color-gold-350-a);
10768
+ background-color: hsl(var(--dt-color-gold-350-h) var(--dt-color-gold-350-s) var(--dt-color-gold-350-l) / var(--bgo)) !important;
10769
+ }
10204
10770
  .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 {
10205
10771
  --bgo: var(--dt-color-gold-400-a);
10206
10772
  background-color: hsl(var(--dt-color-gold-400-h) var(--dt-color-gold-400-s) var(--dt-color-gold-400-l) / var(--bgo)) !important;
10207
10773
  }
10774
+ .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 {
10775
+ --bgo: var(--dt-color-gold-450-a);
10776
+ background-color: hsl(var(--dt-color-gold-450-h) var(--dt-color-gold-450-s) var(--dt-color-gold-450-l) / var(--bgo)) !important;
10777
+ }
10208
10778
  .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 {
10209
10779
  --bgo: var(--dt-color-gold-500-a);
10210
10780
  background-color: hsl(var(--dt-color-gold-500-h) var(--dt-color-gold-500-s) var(--dt-color-gold-500-l) / var(--bgo)) !important;
10211
10781
  }
10782
+ .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 {
10783
+ --bgo: var(--dt-color-gold-600-a);
10784
+ background-color: hsl(var(--dt-color-gold-600-h) var(--dt-color-gold-600-s) var(--dt-color-gold-600-l) / var(--bgo)) !important;
10785
+ }
10786
+ .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 {
10787
+ --bgo: var(--dt-color-gold-700-a);
10788
+ background-color: hsl(var(--dt-color-gold-700-h) var(--dt-color-gold-700-s) var(--dt-color-gold-700-l) / var(--bgo)) !important;
10789
+ }
10790
+ .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 {
10791
+ --bgo: var(--dt-color-gold-900-a);
10792
+ background-color: hsl(var(--dt-color-gold-900-h) var(--dt-color-gold-900-s) var(--dt-color-gold-900-l) / var(--bgo)) !important;
10793
+ }
10794
+ .d-bgc-gold-1000, .h\:d-bgc-gold-1000:hover, .f\:d-bgc-gold-1000:focus, .f\:d-bgc-gold-1000:focus-within, .fv\:d-bgc-gold-1000:focus-visible {
10795
+ --bgo: var(--dt-color-gold-1000-a);
10796
+ background-color: hsl(var(--dt-color-gold-1000-h) var(--dt-color-gold-1000-s) var(--dt-color-gold-1000-l) / var(--bgo)) !important;
10797
+ }
10798
+ .d-bgc-green-50, .h\:d-bgc-green-50:hover, .f\:d-bgc-green-50:focus, .f\:d-bgc-green-50:focus-within, .fv\:d-bgc-green-50:focus-visible {
10799
+ --bgo: var(--dt-color-green-50-a);
10800
+ background-color: hsl(var(--dt-color-green-50-h) var(--dt-color-green-50-s) var(--dt-color-green-50-l) / var(--bgo)) !important;
10801
+ }
10212
10802
  .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 {
10213
10803
  --bgo: var(--dt-color-green-100-a);
10214
10804
  background-color: hsl(var(--dt-color-green-100-h) var(--dt-color-green-100-s) var(--dt-color-green-100-l) / var(--bgo)) !important;
@@ -10221,14 +10811,42 @@ body {
10221
10811
  --bgo: var(--dt-color-green-300-a);
10222
10812
  background-color: hsl(var(--dt-color-green-300-h) var(--dt-color-green-300-s) var(--dt-color-green-300-l) / var(--bgo)) !important;
10223
10813
  }
10814
+ .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 {
10815
+ --bgo: var(--dt-color-green-350-a);
10816
+ background-color: hsl(var(--dt-color-green-350-h) var(--dt-color-green-350-s) var(--dt-color-green-350-l) / var(--bgo)) !important;
10817
+ }
10224
10818
  .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 {
10225
10819
  --bgo: var(--dt-color-green-400-a);
10226
10820
  background-color: hsl(var(--dt-color-green-400-h) var(--dt-color-green-400-s) var(--dt-color-green-400-l) / var(--bgo)) !important;
10227
10821
  }
10822
+ .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 {
10823
+ --bgo: var(--dt-color-green-425-a);
10824
+ background-color: hsl(var(--dt-color-green-425-h) var(--dt-color-green-425-s) var(--dt-color-green-425-l) / var(--bgo)) !important;
10825
+ }
10826
+ .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 {
10827
+ --bgo: var(--dt-color-green-475-a);
10828
+ background-color: hsl(var(--dt-color-green-475-h) var(--dt-color-green-475-s) var(--dt-color-green-475-l) / var(--bgo)) !important;
10829
+ }
10228
10830
  .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 {
10229
10831
  --bgo: var(--dt-color-green-500-a);
10230
10832
  background-color: hsl(var(--dt-color-green-500-h) var(--dt-color-green-500-s) var(--dt-color-green-500-l) / var(--bgo)) !important;
10231
10833
  }
10834
+ .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 {
10835
+ --bgo: var(--dt-color-green-600-a);
10836
+ background-color: hsl(var(--dt-color-green-600-h) var(--dt-color-green-600-s) var(--dt-color-green-600-l) / var(--bgo)) !important;
10837
+ }
10838
+ .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 {
10839
+ --bgo: var(--dt-color-green-900-a);
10840
+ background-color: hsl(var(--dt-color-green-900-h) var(--dt-color-green-900-s) var(--dt-color-green-900-l) / var(--bgo)) !important;
10841
+ }
10842
+ .d-bgc-green-1000, .h\:d-bgc-green-1000:hover, .f\:d-bgc-green-1000:focus, .f\:d-bgc-green-1000:focus-within, .fv\:d-bgc-green-1000:focus-visible {
10843
+ --bgo: var(--dt-color-green-1000-a);
10844
+ background-color: hsl(var(--dt-color-green-1000-h) var(--dt-color-green-1000-s) var(--dt-color-green-1000-l) / var(--bgo)) !important;
10845
+ }
10846
+ .d-bgc-red-50, .h\:d-bgc-red-50:hover, .f\:d-bgc-red-50:focus, .f\:d-bgc-red-50:focus-within, .fv\:d-bgc-red-50:focus-visible {
10847
+ --bgo: var(--dt-color-red-50-a);
10848
+ background-color: hsl(var(--dt-color-red-50-h) var(--dt-color-red-50-s) var(--dt-color-red-50-l) / var(--bgo)) !important;
10849
+ }
10232
10850
  .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 {
10233
10851
  --bgo: var(--dt-color-red-100-a);
10234
10852
  background-color: hsl(var(--dt-color-red-100-h) var(--dt-color-red-100-s) var(--dt-color-red-100-l) / var(--bgo)) !important;
@@ -10241,14 +10859,42 @@ body {
10241
10859
  --bgo: var(--dt-color-red-300-a);
10242
10860
  background-color: hsl(var(--dt-color-red-300-h) var(--dt-color-red-300-s) var(--dt-color-red-300-l) / var(--bgo)) !important;
10243
10861
  }
10862
+ .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 {
10863
+ --bgo: var(--dt-color-red-350-a);
10864
+ background-color: hsl(var(--dt-color-red-350-h) var(--dt-color-red-350-s) var(--dt-color-red-350-l) / var(--bgo)) !important;
10865
+ }
10244
10866
  .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 {
10245
10867
  --bgo: var(--dt-color-red-400-a);
10246
10868
  background-color: hsl(var(--dt-color-red-400-h) var(--dt-color-red-400-s) var(--dt-color-red-400-l) / var(--bgo)) !important;
10247
10869
  }
10870
+ .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 {
10871
+ --bgo: var(--dt-color-red-450-a);
10872
+ background-color: hsl(var(--dt-color-red-450-h) var(--dt-color-red-450-s) var(--dt-color-red-450-l) / var(--bgo)) !important;
10873
+ }
10248
10874
  .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 {
10249
10875
  --bgo: var(--dt-color-red-500-a);
10250
10876
  background-color: hsl(var(--dt-color-red-500-h) var(--dt-color-red-500-s) var(--dt-color-red-500-l) / var(--bgo)) !important;
10251
10877
  }
10878
+ .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 {
10879
+ --bgo: var(--dt-color-red-600-a);
10880
+ background-color: hsl(var(--dt-color-red-600-h) var(--dt-color-red-600-s) var(--dt-color-red-600-l) / var(--bgo)) !important;
10881
+ }
10882
+ .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 {
10883
+ --bgo: var(--dt-color-red-700-a);
10884
+ background-color: hsl(var(--dt-color-red-700-h) var(--dt-color-red-700-s) var(--dt-color-red-700-l) / var(--bgo)) !important;
10885
+ }
10886
+ .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 {
10887
+ --bgo: var(--dt-color-red-900-a);
10888
+ background-color: hsl(var(--dt-color-red-900-h) var(--dt-color-red-900-s) var(--dt-color-red-900-l) / var(--bgo)) !important;
10889
+ }
10890
+ .d-bgc-red-1000, .h\:d-bgc-red-1000:hover, .f\:d-bgc-red-1000:focus, .f\:d-bgc-red-1000:focus-within, .fv\:d-bgc-red-1000:focus-visible {
10891
+ --bgo: var(--dt-color-red-1000-a);
10892
+ background-color: hsl(var(--dt-color-red-1000-h) var(--dt-color-red-1000-s) var(--dt-color-red-1000-l) / var(--bgo)) !important;
10893
+ }
10894
+ .d-bgc-tan-50, .h\:d-bgc-tan-50:hover, .f\:d-bgc-tan-50:focus, .f\:d-bgc-tan-50:focus-within, .fv\:d-bgc-tan-50:focus-visible {
10895
+ --bgo: var(--dt-color-tan-50-a);
10896
+ background-color: hsl(var(--dt-color-tan-50-h) var(--dt-color-tan-50-s) var(--dt-color-tan-50-l) / var(--bgo)) !important;
10897
+ }
10252
10898
  .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 {
10253
10899
  --bgo: var(--dt-color-tan-100-a);
10254
10900
  background-color: hsl(var(--dt-color-tan-100-h) var(--dt-color-tan-100-s) var(--dt-color-tan-100-l) / var(--bgo)) !important;
@@ -10269,6 +10915,118 @@ body {
10269
10915
  --bgo: var(--dt-color-tan-500-a);
10270
10916
  background-color: hsl(var(--dt-color-tan-500-h) var(--dt-color-tan-500-s) var(--dt-color-tan-500-l) / var(--bgo)) !important;
10271
10917
  }
10918
+ .d-bgc-tan-600, .h\:d-bgc-tan-600:hover, .f\:d-bgc-tan-600:focus, .f\:d-bgc-tan-600:focus-within, .fv\:d-bgc-tan-600:focus-visible {
10919
+ --bgo: var(--dt-color-tan-600-a);
10920
+ background-color: hsl(var(--dt-color-tan-600-h) var(--dt-color-tan-600-s) var(--dt-color-tan-600-l) / var(--bgo)) !important;
10921
+ }
10922
+ .d-bgc-tan-700, .h\:d-bgc-tan-700:hover, .f\:d-bgc-tan-700:focus, .f\:d-bgc-tan-700:focus-within, .fv\:d-bgc-tan-700:focus-visible {
10923
+ --bgo: var(--dt-color-tan-700-a);
10924
+ background-color: hsl(var(--dt-color-tan-700-h) var(--dt-color-tan-700-s) var(--dt-color-tan-700-l) / var(--bgo)) !important;
10925
+ }
10926
+ .d-bgc-tan-800, .h\:d-bgc-tan-800:hover, .f\:d-bgc-tan-800:focus, .f\:d-bgc-tan-800:focus-within, .fv\:d-bgc-tan-800:focus-visible {
10927
+ --bgo: var(--dt-color-tan-800-a);
10928
+ background-color: hsl(var(--dt-color-tan-800-h) var(--dt-color-tan-800-s) var(--dt-color-tan-800-l) / var(--bgo)) !important;
10929
+ }
10930
+ .d-bgc-tan-900, .h\:d-bgc-tan-900:hover, .f\:d-bgc-tan-900:focus, .f\:d-bgc-tan-900:focus-within, .fv\:d-bgc-tan-900:focus-visible {
10931
+ --bgo: var(--dt-color-tan-900-a);
10932
+ background-color: hsl(var(--dt-color-tan-900-h) var(--dt-color-tan-900-s) var(--dt-color-tan-900-l) / var(--bgo)) !important;
10933
+ }
10934
+ .d-bgc-tan-950, .h\:d-bgc-tan-950:hover, .f\:d-bgc-tan-950:focus, .f\:d-bgc-tan-950:focus-within, .fv\:d-bgc-tan-950:focus-visible {
10935
+ --bgo: var(--dt-color-tan-950-a);
10936
+ background-color: hsl(var(--dt-color-tan-950-h) var(--dt-color-tan-950-s) var(--dt-color-tan-950-l) / var(--bgo)) !important;
10937
+ }
10938
+ .d-bgc-tan-1000, .h\:d-bgc-tan-1000:hover, .f\:d-bgc-tan-1000:focus, .f\:d-bgc-tan-1000:focus-within, .fv\:d-bgc-tan-1000:focus-visible {
10939
+ --bgo: var(--dt-color-tan-1000-a);
10940
+ background-color: hsl(var(--dt-color-tan-1000-h) var(--dt-color-tan-1000-s) var(--dt-color-tan-1000-l) / var(--bgo)) !important;
10941
+ }
10942
+ .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 {
10943
+ --bgo: var(--dt-color-surface-primary-a);
10944
+ background-color: hsl(var(--dt-color-surface-primary-h) var(--dt-color-surface-primary-s) var(--dt-color-surface-primary-l) / var(--bgo)) !important;
10945
+ }
10946
+ .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 {
10947
+ --bgo: var(--dt-color-surface-secondary-a);
10948
+ background-color: hsl(var(--dt-color-surface-secondary-h) var(--dt-color-surface-secondary-s) var(--dt-color-surface-secondary-l) / var(--bgo)) !important;
10949
+ }
10950
+ .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 {
10951
+ --bgo: var(--dt-color-surface-moderate-a);
10952
+ background-color: hsl(var(--dt-color-surface-moderate-h) var(--dt-color-surface-moderate-s) var(--dt-color-surface-moderate-l) / var(--bgo)) !important;
10953
+ }
10954
+ .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 {
10955
+ --bgo: var(--dt-color-surface-bold-a);
10956
+ background-color: hsl(var(--dt-color-surface-bold-h) var(--dt-color-surface-bold-s) var(--dt-color-surface-bold-l) / var(--bgo)) !important;
10957
+ }
10958
+ .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 {
10959
+ --bgo: var(--dt-color-surface-strong-a);
10960
+ background-color: hsl(var(--dt-color-surface-strong-h) var(--dt-color-surface-strong-s) var(--dt-color-surface-strong-l) / var(--bgo)) !important;
10961
+ }
10962
+ .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 {
10963
+ --bgo: var(--dt-color-surface-contrast-a);
10964
+ background-color: hsl(var(--dt-color-surface-contrast-h) var(--dt-color-surface-contrast-s) var(--dt-color-surface-contrast-l) / var(--bgo)) !important;
10965
+ }
10966
+ .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 {
10967
+ --bgo: var(--dt-color-surface-critical-a);
10968
+ background-color: hsl(var(--dt-color-surface-critical-h) var(--dt-color-surface-critical-s) var(--dt-color-surface-critical-l) / var(--bgo)) !important;
10969
+ }
10970
+ .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 {
10971
+ --bgo: var(--dt-color-surface-warning-a);
10972
+ background-color: hsl(var(--dt-color-surface-warning-h) var(--dt-color-surface-warning-s) var(--dt-color-surface-warning-l) / var(--bgo)) !important;
10973
+ }
10974
+ .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 {
10975
+ --bgo: var(--dt-color-surface-success-a);
10976
+ background-color: hsl(var(--dt-color-surface-success-h) var(--dt-color-surface-success-s) var(--dt-color-surface-success-l) / var(--bgo)) !important;
10977
+ }
10978
+ .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 {
10979
+ --bgo: var(--dt-color-surface-info-a);
10980
+ background-color: hsl(var(--dt-color-surface-info-h) var(--dt-color-surface-info-s) var(--dt-color-surface-info-l) / var(--bgo)) !important;
10981
+ }
10982
+ .d-bgc-brand, .h\:d-bgc-brand:hover, .f\:d-bgc-brand:focus, .f\:d-bgc-brand:focus-within, .fv\:d-bgc-brand:focus-visible {
10983
+ --bgo: var(--dt-color-surface-brand-a);
10984
+ background-color: hsl(var(--dt-color-surface-brand-h) var(--dt-color-surface-brand-s) var(--dt-color-surface-brand-l) / var(--bgo)) !important;
10985
+ }
10986
+ .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 {
10987
+ --bgo: var(--dt-color-surface-critical-subtle-a);
10988
+ 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;
10989
+ }
10990
+ .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 {
10991
+ --bgo: var(--dt-color-surface-warning-subtle-a);
10992
+ 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;
10993
+ }
10994
+ .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 {
10995
+ --bgo: var(--dt-color-surface-success-subtle-a);
10996
+ 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;
10997
+ }
10998
+ .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 {
10999
+ --bgo: var(--dt-color-surface-info-subtle-a);
11000
+ 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;
11001
+ }
11002
+ .d-bgc-brand-subtle, .h\:d-bgc-brand-subtle:hover, .f\:d-bgc-brand-subtle:focus, .f\:d-bgc-brand-subtle:focus-within, .fv\:d-bgc-brand-subtle:focus-visible {
11003
+ --bgo: var(--dt-color-surface-brand-subtle-a);
11004
+ background-color: hsl(var(--dt-color-surface-brand-subtle-h) var(--dt-color-surface-brand-subtle-s) var(--dt-color-surface-brand-subtle-l) / var(--bgo)) !important;
11005
+ }
11006
+ .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 {
11007
+ --bgo: var(--dt-color-surface-critical-strong-a);
11008
+ 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;
11009
+ }
11010
+ .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 {
11011
+ --bgo: var(--dt-color-surface-warning-strong-a);
11012
+ 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;
11013
+ }
11014
+ .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 {
11015
+ --bgo: var(--dt-color-surface-success-strong-a);
11016
+ 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;
11017
+ }
11018
+ .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 {
11019
+ --bgo: var(--dt-color-surface-info-strong-a);
11020
+ 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;
11021
+ }
11022
+ .d-bgc-brand-strong, .h\:d-bgc-brand-strong:hover, .f\:d-bgc-brand-strong:focus, .f\:d-bgc-brand-strong:focus-within, .fv\:d-bgc-brand-strong:focus-visible {
11023
+ --bgo: var(--dt-color-surface-brand-strong-a);
11024
+ background-color: hsl(var(--dt-color-surface-brand-strong-h) var(--dt-color-surface-brand-strong-s) var(--dt-color-surface-brand-strong-l) / var(--bgo)) !important;
11025
+ }
11026
+ .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 {
11027
+ --bgo: var(--dt-color-surface-primary-opaque-a);
11028
+ 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;
11029
+ }
10272
11030
  .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 {
10273
11031
  --bgo: var(--dt-color-surface-secondary-opaque-a);
10274
11032
  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;
@@ -10289,113 +11047,197 @@ body {
10289
11047
  --bgo: var(--dt-color-surface-contrast-opaque-a);
10290
11048
  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;
10291
11049
  }
10292
- .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 {
10293
- --bgo: var(--dt-color-surface-backdrop-a);
10294
- background-color: hsl(var(--dt-color-surface-backdrop-h) var(--dt-color-surface-backdrop-s) var(--dt-color-surface-backdrop-l) / var(--bgo)) !important;
10295
- }
10296
11050
  .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 {
10297
11051
  --bgo: var(--dt-color-surface-critical-opaque-a);
10298
11052
  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;
10299
11053
  }
10300
- .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 {
10301
- --bgo: var(--dt-color-surface-critical-subtle-opaque-a);
10302
- 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;
10303
- }
10304
11054
  .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 {
10305
11055
  --bgo: var(--dt-color-surface-warning-opaque-a);
10306
11056
  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;
10307
11057
  }
10308
- .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 {
10309
- --bgo: var(--dt-color-surface-warning-subtle-opaque-a);
10310
- 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;
10311
- }
10312
11058
  .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 {
10313
11059
  --bgo: var(--dt-color-surface-success-opaque-a);
10314
11060
  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;
10315
11061
  }
10316
- .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 {
10317
- --bgo: var(--dt-color-surface-success-subtle-opaque-a);
10318
- 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;
10319
- }
10320
11062
  .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 {
10321
11063
  --bgo: var(--dt-color-surface-info-opaque-a);
10322
11064
  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;
10323
11065
  }
11066
+ .d-bgc-brand-opaque, .h\:d-bgc-brand-opaque:hover, .f\:d-bgc-brand-opaque:focus, .f\:d-bgc-brand-opaque:focus-within, .fv\:d-bgc-brand-opaque:focus-visible {
11067
+ --bgo: var(--dt-color-surface-brand-opaque-a);
11068
+ background-color: hsl(var(--dt-color-surface-brand-opaque-h) var(--dt-color-surface-brand-opaque-s) var(--dt-color-surface-brand-opaque-l) / var(--bgo)) !important;
11069
+ }
11070
+ .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 {
11071
+ --bgo: var(--dt-color-surface-critical-subtle-opaque-a);
11072
+ 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;
11073
+ }
11074
+ .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 {
11075
+ --bgo: var(--dt-color-surface-warning-subtle-opaque-a);
11076
+ 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;
11077
+ }
11078
+ .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 {
11079
+ --bgo: var(--dt-color-surface-success-subtle-opaque-a);
11080
+ 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;
11081
+ }
10324
11082
  .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 {
10325
11083
  --bgo: var(--dt-color-surface-info-subtle-opaque-a);
10326
11084
  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;
10327
11085
  }
10328
- .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 {
10329
- --bgo: var(--dt-color-surface-primary-a);
10330
- background-color: hsl(var(--dt-color-surface-primary-h) var(--dt-color-surface-primary-s) var(--dt-color-surface-primary-l) / var(--bgo)) !important;
11086
+ .d-bgc-brand-subtle-opaque, .h\:d-bgc-brand-subtle-opaque:hover, .f\:d-bgc-brand-subtle-opaque:focus, .f\:d-bgc-brand-subtle-opaque:focus-within, .fv\:d-bgc-brand-subtle-opaque:focus-visible {
11087
+ --bgo: var(--dt-color-surface-brand-subtle-opaque-a);
11088
+ background-color: hsl(var(--dt-color-surface-brand-subtle-opaque-h) var(--dt-color-surface-brand-subtle-opaque-s) var(--dt-color-surface-brand-subtle-opaque-l) / var(--bgo)) !important;
10331
11089
  }
10332
- .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 {
10333
- --bgo: var(--dt-color-surface-secondary-a);
10334
- background-color: hsl(var(--dt-color-surface-secondary-h) var(--dt-color-surface-secondary-s) var(--dt-color-surface-secondary-l) / var(--bgo)) !important;
11090
+ .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 {
11091
+ --bgo: var(--dt-color-surface-primary-inverted-a);
11092
+ 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;
10335
11093
  }
10336
- .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 {
10337
- --bgo: var(--dt-color-surface-moderate-a);
10338
- background-color: hsl(var(--dt-color-surface-moderate-h) var(--dt-color-surface-moderate-s) var(--dt-color-surface-moderate-l) / var(--bgo)) !important;
11094
+ .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 {
11095
+ --bgo: var(--dt-color-surface-secondary-inverted-a);
11096
+ 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;
10339
11097
  }
10340
- .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 {
10341
- --bgo: var(--dt-color-surface-bold-a);
10342
- background-color: hsl(var(--dt-color-surface-bold-h) var(--dt-color-surface-bold-s) var(--dt-color-surface-bold-l) / var(--bgo)) !important;
11098
+ .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 {
11099
+ --bgo: var(--dt-color-surface-moderate-inverted-a);
11100
+ 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;
10343
11101
  }
10344
- .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 {
10345
- --bgo: var(--dt-color-surface-strong-a);
10346
- background-color: hsl(var(--dt-color-surface-strong-h) var(--dt-color-surface-strong-s) var(--dt-color-surface-strong-l) / var(--bgo)) !important;
11102
+ .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 {
11103
+ --bgo: var(--dt-color-surface-bold-inverted-a);
11104
+ 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;
10347
11105
  }
10348
- .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 {
10349
- --bgo: var(--dt-color-surface-contrast-a);
10350
- background-color: hsl(var(--dt-color-surface-contrast-h) var(--dt-color-surface-contrast-s) var(--dt-color-surface-contrast-l) / var(--bgo)) !important;
11106
+ .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 {
11107
+ --bgo: var(--dt-color-surface-strong-inverted-a);
11108
+ 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;
10351
11109
  }
10352
- .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 {
10353
- --bgo: var(--dt-color-surface-critical-a);
10354
- background-color: hsl(var(--dt-color-surface-critical-h) var(--dt-color-surface-critical-s) var(--dt-color-surface-critical-l) / var(--bgo)) !important;
11110
+ .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 {
11111
+ --bgo: var(--dt-color-surface-contrast-inverted-a);
11112
+ 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;
10355
11113
  }
10356
- .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 {
10357
- --bgo: var(--dt-color-surface-critical-subtle-a);
10358
- 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;
11114
+ .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 {
11115
+ --bgo: var(--dt-color-surface-critical-inverted-a);
11116
+ 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;
10359
11117
  }
10360
- .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 {
10361
- --bgo: var(--dt-color-surface-critical-strong-a);
10362
- 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;
11118
+ .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 {
11119
+ --bgo: var(--dt-color-surface-warning-inverted-a);
11120
+ 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;
10363
11121
  }
10364
- .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 {
10365
- --bgo: var(--dt-color-surface-warning-a);
10366
- background-color: hsl(var(--dt-color-surface-warning-h) var(--dt-color-surface-warning-s) var(--dt-color-surface-warning-l) / var(--bgo)) !important;
11122
+ .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 {
11123
+ --bgo: var(--dt-color-surface-success-inverted-a);
11124
+ 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;
10367
11125
  }
10368
- .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 {
10369
- --bgo: var(--dt-color-surface-warning-subtle-a);
10370
- 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;
11126
+ .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 {
11127
+ --bgo: var(--dt-color-surface-info-inverted-a);
11128
+ 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;
10371
11129
  }
10372
- .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 {
10373
- --bgo: var(--dt-color-surface-warning-strong-a);
10374
- 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;
11130
+ .d-bgc-brand-inverted, .h\:d-bgc-brand-inverted:hover, .f\:d-bgc-brand-inverted:focus, .f\:d-bgc-brand-inverted:focus-within, .fv\:d-bgc-brand-inverted:focus-visible {
11131
+ --bgo: var(--dt-color-surface-brand-inverted-a);
11132
+ background-color: hsl(var(--dt-color-surface-brand-inverted-h) var(--dt-color-surface-brand-inverted-s) var(--dt-color-surface-brand-inverted-l) / var(--bgo)) !important;
10375
11133
  }
10376
- .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 {
10377
- --bgo: var(--dt-color-surface-success-a);
10378
- background-color: hsl(var(--dt-color-surface-success-h) var(--dt-color-surface-success-s) var(--dt-color-surface-success-l) / var(--bgo)) !important;
11134
+ .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 {
11135
+ --bgo: var(--dt-color-surface-critical-subtle-inverted-a);
11136
+ 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;
10379
11137
  }
10380
- .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 {
10381
- --bgo: var(--dt-color-surface-success-subtle-a);
10382
- 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;
11138
+ .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 {
11139
+ --bgo: var(--dt-color-surface-warning-subtle-inverted-a);
11140
+ 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;
10383
11141
  }
10384
- .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 {
10385
- --bgo: var(--dt-color-surface-success-strong-a);
10386
- 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;
11142
+ .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 {
11143
+ --bgo: var(--dt-color-surface-success-subtle-inverted-a);
11144
+ 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;
10387
11145
  }
10388
- .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 {
10389
- --bgo: var(--dt-color-surface-info-a);
10390
- background-color: hsl(var(--dt-color-surface-info-h) var(--dt-color-surface-info-s) var(--dt-color-surface-info-l) / var(--bgo)) !important;
11146
+ .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 {
11147
+ --bgo: var(--dt-color-surface-info-subtle-inverted-a);
11148
+ 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;
10391
11149
  }
10392
- .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 {
10393
- --bgo: var(--dt-color-surface-info-subtle-a);
10394
- 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;
11150
+ .d-bgc-brand-subtle-inverted, .h\:d-bgc-brand-subtle-inverted:hover, .f\:d-bgc-brand-subtle-inverted:focus, .f\:d-bgc-brand-subtle-inverted:focus-within, .fv\:d-bgc-brand-subtle-inverted:focus-visible {
11151
+ --bgo: var(--dt-color-surface-brand-subtle-inverted-a);
11152
+ background-color: hsl(var(--dt-color-surface-brand-subtle-inverted-h) var(--dt-color-surface-brand-subtle-inverted-s) var(--dt-color-surface-brand-subtle-inverted-l) / var(--bgo)) !important;
10395
11153
  }
10396
- .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 {
10397
- --bgo: var(--dt-color-surface-info-strong-a);
10398
- 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;
11154
+ .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 {
11155
+ --bgo: var(--dt-color-surface-critical-strong-inverted-a);
11156
+ 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;
11157
+ }
11158
+ .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 {
11159
+ --bgo: var(--dt-color-surface-warning-strong-inverted-a);
11160
+ 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;
11161
+ }
11162
+ .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 {
11163
+ --bgo: var(--dt-color-surface-success-strong-inverted-a);
11164
+ 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;
11165
+ }
11166
+ .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 {
11167
+ --bgo: var(--dt-color-surface-info-strong-inverted-a);
11168
+ 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;
11169
+ }
11170
+ .d-bgc-brand-strong-inverted, .h\:d-bgc-brand-strong-inverted:hover, .f\:d-bgc-brand-strong-inverted:focus, .f\:d-bgc-brand-strong-inverted:focus-within, .fv\:d-bgc-brand-strong-inverted:focus-visible {
11171
+ --bgo: var(--dt-color-surface-brand-strong-inverted-a);
11172
+ background-color: hsl(var(--dt-color-surface-brand-strong-inverted-h) var(--dt-color-surface-brand-strong-inverted-s) var(--dt-color-surface-brand-strong-inverted-l) / var(--bgo)) !important;
11173
+ }
11174
+ .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 {
11175
+ --bgo: var(--dt-color-surface-primary-opaque-inverted-a);
11176
+ 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;
11177
+ }
11178
+ .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 {
11179
+ --bgo: var(--dt-color-surface-secondary-opaque-inverted-a);
11180
+ 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;
11181
+ }
11182
+ .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 {
11183
+ --bgo: var(--dt-color-surface-moderate-opaque-inverted-a);
11184
+ 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;
11185
+ }
11186
+ .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 {
11187
+ --bgo: var(--dt-color-surface-bold-opaque-inverted-a);
11188
+ 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;
11189
+ }
11190
+ .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 {
11191
+ --bgo: var(--dt-color-surface-strong-opaque-inverted-a);
11192
+ 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;
11193
+ }
11194
+ .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 {
11195
+ --bgo: var(--dt-color-surface-contrast-opaque-inverted-a);
11196
+ 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;
11197
+ }
11198
+ .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 {
11199
+ --bgo: var(--dt-color-surface-critical-opaque-inverted-a);
11200
+ 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;
11201
+ }
11202
+ .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 {
11203
+ --bgo: var(--dt-color-surface-warning-opaque-inverted-a);
11204
+ 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;
11205
+ }
11206
+ .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 {
11207
+ --bgo: var(--dt-color-surface-success-opaque-inverted-a);
11208
+ 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;
11209
+ }
11210
+ .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 {
11211
+ --bgo: var(--dt-color-surface-info-opaque-inverted-a);
11212
+ 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;
11213
+ }
11214
+ .d-bgc-brand-opaque-inverted, .h\:d-bgc-brand-opaque-inverted:hover, .f\:d-bgc-brand-opaque-inverted:focus, .f\:d-bgc-brand-opaque-inverted:focus-within, .fv\:d-bgc-brand-opaque-inverted:focus-visible {
11215
+ --bgo: var(--dt-color-surface-brand-opaque-inverted-a);
11216
+ background-color: hsl(var(--dt-color-surface-brand-opaque-inverted-h) var(--dt-color-surface-brand-opaque-inverted-s) var(--dt-color-surface-brand-opaque-inverted-l) / var(--bgo)) !important;
11217
+ }
11218
+ .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 {
11219
+ --bgo: var(--dt-color-surface-critical-subtle-opaque-inverted-a);
11220
+ 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;
11221
+ }
11222
+ .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 {
11223
+ --bgo: var(--dt-color-surface-warning-subtle-opaque-inverted-a);
11224
+ 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;
11225
+ }
11226
+ .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 {
11227
+ --bgo: var(--dt-color-surface-success-subtle-opaque-inverted-a);
11228
+ 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;
11229
+ }
11230
+ .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 {
11231
+ --bgo: var(--dt-color-surface-info-subtle-opaque-inverted-a);
11232
+ 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;
11233
+ }
11234
+ .d-bgc-brand-subtle-opaque-inverted, .h\:d-bgc-brand-subtle-opaque-inverted:hover, .f\:d-bgc-brand-subtle-opaque-inverted:focus, .f\:d-bgc-brand-subtle-opaque-inverted:focus-within, .fv\:d-bgc-brand-subtle-opaque-inverted:focus-visible {
11235
+ --bgo: var(--dt-color-surface-brand-subtle-opaque-inverted-a);
11236
+ background-color: hsl(var(--dt-color-surface-brand-subtle-opaque-inverted-h) var(--dt-color-surface-brand-subtle-opaque-inverted-s) var(--dt-color-surface-brand-subtle-opaque-inverted-l) / var(--bgo)) !important;
11237
+ }
11238
+ .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 {
11239
+ --bgo: var(--dt-color-surface-backdrop-a);
11240
+ background-color: hsl(var(--dt-color-surface-backdrop-h) var(--dt-color-surface-backdrop-s) var(--dt-color-surface-backdrop-l) / var(--bgo)) !important;
10399
11241
  }
10400
11242
  .d-divide-neutral-white > * + * {
10401
11243
  --dco: var(--dt-color-neutral-white-a);
@@ -10405,6 +11247,14 @@ body {
10405
11247
  --dco: var(--dt-color-neutral-black-a);
10406
11248
  border-color: hsl(var(--dt-color-neutral-black-h) var(--dt-color-neutral-black-s) var(--dt-color-neutral-black-l) / var(--dco)) !important;
10407
11249
  }
11250
+ .d-divide-neutral-transparent > * + * {
11251
+ --dco: var(--dt-color-neutral-transparent-a);
11252
+ border-color: hsl(var(--dt-color-neutral-transparent-h) var(--dt-color-neutral-transparent-s) var(--dt-color-neutral-transparent-l) / var(--dco)) !important;
11253
+ }
11254
+ .d-divide-black-50 > * + * {
11255
+ --dco: var(--dt-color-black-50-a);
11256
+ border-color: hsl(var(--dt-color-black-50-h) var(--dt-color-black-50-s) var(--dt-color-black-50-l) / var(--dco)) !important;
11257
+ }
10408
11258
  .d-divide-black-100 > * + * {
10409
11259
  --dco: var(--dt-color-black-100-a);
10410
11260
  border-color: hsl(var(--dt-color-black-100-h) var(--dt-color-black-100-s) var(--dt-color-black-100-l) / var(--dco)) !important;
@@ -10441,6 +11291,18 @@ body {
10441
11291
  --dco: var(--dt-color-black-900-a);
10442
11292
  border-color: hsl(var(--dt-color-black-900-h) var(--dt-color-black-900-s) var(--dt-color-black-900-l) / var(--dco)) !important;
10443
11293
  }
11294
+ .d-divide-black-950 > * + * {
11295
+ --dco: var(--dt-color-black-950-a);
11296
+ border-color: hsl(var(--dt-color-black-950-h) var(--dt-color-black-950-s) var(--dt-color-black-950-l) / var(--dco)) !important;
11297
+ }
11298
+ .d-divide-black-1000 > * + * {
11299
+ --dco: var(--dt-color-black-1000-a);
11300
+ border-color: hsl(var(--dt-color-black-1000-h) var(--dt-color-black-1000-s) var(--dt-color-black-1000-l) / var(--dco)) !important;
11301
+ }
11302
+ .d-divide-purple-50 > * + * {
11303
+ --dco: var(--dt-color-purple-50-a);
11304
+ border-color: hsl(var(--dt-color-purple-50-h) var(--dt-color-purple-50-s) var(--dt-color-purple-50-l) / var(--dco)) !important;
11305
+ }
10444
11306
  .d-divide-purple-100 > * + * {
10445
11307
  --dco: var(--dt-color-purple-100-a);
10446
11308
  border-color: hsl(var(--dt-color-purple-100-h) var(--dt-color-purple-100-s) var(--dt-color-purple-100-l) / var(--dco)) !important;
@@ -10449,22 +11311,46 @@ body {
10449
11311
  --dco: var(--dt-color-purple-200-a);
10450
11312
  border-color: hsl(var(--dt-color-purple-200-h) var(--dt-color-purple-200-s) var(--dt-color-purple-200-l) / var(--dco)) !important;
10451
11313
  }
11314
+ .d-divide-purple-250 > * + * {
11315
+ --dco: var(--dt-color-purple-250-a);
11316
+ border-color: hsl(var(--dt-color-purple-250-h) var(--dt-color-purple-250-s) var(--dt-color-purple-250-l) / var(--dco)) !important;
11317
+ }
10452
11318
  .d-divide-purple-300 > * + * {
10453
11319
  --dco: var(--dt-color-purple-300-a);
10454
11320
  border-color: hsl(var(--dt-color-purple-300-h) var(--dt-color-purple-300-s) var(--dt-color-purple-300-l) / var(--dco)) !important;
10455
11321
  }
11322
+ .d-divide-purple-350 > * + * {
11323
+ --dco: var(--dt-color-purple-350-a);
11324
+ border-color: hsl(var(--dt-color-purple-350-h) var(--dt-color-purple-350-s) var(--dt-color-purple-350-l) / var(--dco)) !important;
11325
+ }
10456
11326
  .d-divide-purple-400 > * + * {
10457
11327
  --dco: var(--dt-color-purple-400-a);
10458
11328
  border-color: hsl(var(--dt-color-purple-400-h) var(--dt-color-purple-400-s) var(--dt-color-purple-400-l) / var(--dco)) !important;
10459
11329
  }
11330
+ .d-divide-purple-450 > * + * {
11331
+ --dco: var(--dt-color-purple-450-a);
11332
+ border-color: hsl(var(--dt-color-purple-450-h) var(--dt-color-purple-450-s) var(--dt-color-purple-450-l) / var(--dco)) !important;
11333
+ }
10460
11334
  .d-divide-purple-500 > * + * {
10461
11335
  --dco: var(--dt-color-purple-500-a);
10462
11336
  border-color: hsl(var(--dt-color-purple-500-h) var(--dt-color-purple-500-s) var(--dt-color-purple-500-l) / var(--dco)) !important;
10463
11337
  }
11338
+ .d-divide-purple-550 > * + * {
11339
+ --dco: var(--dt-color-purple-550-a);
11340
+ border-color: hsl(var(--dt-color-purple-550-h) var(--dt-color-purple-550-s) var(--dt-color-purple-550-l) / var(--dco)) !important;
11341
+ }
10464
11342
  .d-divide-purple-600 > * + * {
10465
11343
  --dco: var(--dt-color-purple-600-a);
10466
11344
  border-color: hsl(var(--dt-color-purple-600-h) var(--dt-color-purple-600-s) var(--dt-color-purple-600-l) / var(--dco)) !important;
10467
11345
  }
11346
+ .d-divide-purple-1000 > * + * {
11347
+ --dco: var(--dt-color-purple-1000-a);
11348
+ border-color: hsl(var(--dt-color-purple-1000-h) var(--dt-color-purple-1000-s) var(--dt-color-purple-1000-l) / var(--dco)) !important;
11349
+ }
11350
+ .d-divide-blue-50 > * + * {
11351
+ --dco: var(--dt-color-blue-50-a);
11352
+ border-color: hsl(var(--dt-color-blue-50-h) var(--dt-color-blue-50-s) var(--dt-color-blue-50-l) / var(--dco)) !important;
11353
+ }
10468
11354
  .d-divide-blue-100 > * + * {
10469
11355
  --dco: var(--dt-color-blue-100-a);
10470
11356
  border-color: hsl(var(--dt-color-blue-100-h) var(--dt-color-blue-100-s) var(--dt-color-blue-100-l) / var(--dco)) !important;
@@ -10481,10 +11367,38 @@ body {
10481
11367
  --dco: var(--dt-color-blue-400-a);
10482
11368
  border-color: hsl(var(--dt-color-blue-400-h) var(--dt-color-blue-400-s) var(--dt-color-blue-400-l) / var(--dco)) !important;
10483
11369
  }
11370
+ .d-divide-blue-425 > * + * {
11371
+ --dco: var(--dt-color-blue-425-a);
11372
+ border-color: hsl(var(--dt-color-blue-425-h) var(--dt-color-blue-425-s) var(--dt-color-blue-425-l) / var(--dco)) !important;
11373
+ }
11374
+ .d-divide-blue-450 > * + * {
11375
+ --dco: var(--dt-color-blue-450-a);
11376
+ border-color: hsl(var(--dt-color-blue-450-h) var(--dt-color-blue-450-s) var(--dt-color-blue-450-l) / var(--dco)) !important;
11377
+ }
11378
+ .d-divide-blue-475 > * + * {
11379
+ --dco: var(--dt-color-blue-475-a);
11380
+ border-color: hsl(var(--dt-color-blue-475-h) var(--dt-color-blue-475-s) var(--dt-color-blue-475-l) / var(--dco)) !important;
11381
+ }
10484
11382
  .d-divide-blue-500 > * + * {
10485
11383
  --dco: var(--dt-color-blue-500-a);
10486
11384
  border-color: hsl(var(--dt-color-blue-500-h) var(--dt-color-blue-500-s) var(--dt-color-blue-500-l) / var(--dco)) !important;
10487
11385
  }
11386
+ .d-divide-blue-600 > * + * {
11387
+ --dco: var(--dt-color-blue-600-a);
11388
+ border-color: hsl(var(--dt-color-blue-600-h) var(--dt-color-blue-600-s) var(--dt-color-blue-600-l) / var(--dco)) !important;
11389
+ }
11390
+ .d-divide-blue-900 > * + * {
11391
+ --dco: var(--dt-color-blue-900-a);
11392
+ border-color: hsl(var(--dt-color-blue-900-h) var(--dt-color-blue-900-s) var(--dt-color-blue-900-l) / var(--dco)) !important;
11393
+ }
11394
+ .d-divide-blue-1000 > * + * {
11395
+ --dco: var(--dt-color-blue-1000-a);
11396
+ border-color: hsl(var(--dt-color-blue-1000-h) var(--dt-color-blue-1000-s) var(--dt-color-blue-1000-l) / var(--dco)) !important;
11397
+ }
11398
+ .d-divide-magenta-50 > * + * {
11399
+ --dco: var(--dt-color-magenta-50-a);
11400
+ border-color: hsl(var(--dt-color-magenta-50-h) var(--dt-color-magenta-50-s) var(--dt-color-magenta-50-l) / var(--dco)) !important;
11401
+ }
10488
11402
  .d-divide-magenta-100 > * + * {
10489
11403
  --dco: var(--dt-color-magenta-100-a);
10490
11404
  border-color: hsl(var(--dt-color-magenta-100-h) var(--dt-color-magenta-100-s) var(--dt-color-magenta-100-l) / var(--dco)) !important;
@@ -10493,6 +11407,10 @@ body {
10493
11407
  --dco: var(--dt-color-magenta-200-a);
10494
11408
  border-color: hsl(var(--dt-color-magenta-200-h) var(--dt-color-magenta-200-s) var(--dt-color-magenta-200-l) / var(--dco)) !important;
10495
11409
  }
11410
+ .d-divide-magenta-250 > * + * {
11411
+ --dco: var(--dt-color-magenta-250-a);
11412
+ border-color: hsl(var(--dt-color-magenta-250-h) var(--dt-color-magenta-250-s) var(--dt-color-magenta-250-l) / var(--dco)) !important;
11413
+ }
10496
11414
  .d-divide-magenta-300 > * + * {
10497
11415
  --dco: var(--dt-color-magenta-300-a);
10498
11416
  border-color: hsl(var(--dt-color-magenta-300-h) var(--dt-color-magenta-300-s) var(--dt-color-magenta-300-l) / var(--dco)) !important;
@@ -10501,10 +11419,34 @@ body {
10501
11419
  --dco: var(--dt-color-magenta-400-a);
10502
11420
  border-color: hsl(var(--dt-color-magenta-400-h) var(--dt-color-magenta-400-s) var(--dt-color-magenta-400-l) / var(--dco)) !important;
10503
11421
  }
11422
+ .d-divide-magenta-425 > * + * {
11423
+ --dco: var(--dt-color-magenta-425-a);
11424
+ border-color: hsl(var(--dt-color-magenta-425-h) var(--dt-color-magenta-425-s) var(--dt-color-magenta-425-l) / var(--dco)) !important;
11425
+ }
11426
+ .d-divide-magenta-475 > * + * {
11427
+ --dco: var(--dt-color-magenta-475-a);
11428
+ border-color: hsl(var(--dt-color-magenta-475-h) var(--dt-color-magenta-475-s) var(--dt-color-magenta-475-l) / var(--dco)) !important;
11429
+ }
10504
11430
  .d-divide-magenta-500 > * + * {
10505
11431
  --dco: var(--dt-color-magenta-500-a);
10506
11432
  border-color: hsl(var(--dt-color-magenta-500-h) var(--dt-color-magenta-500-s) var(--dt-color-magenta-500-l) / var(--dco)) !important;
10507
11433
  }
11434
+ .d-divide-magenta-600 > * + * {
11435
+ --dco: var(--dt-color-magenta-600-a);
11436
+ border-color: hsl(var(--dt-color-magenta-600-h) var(--dt-color-magenta-600-s) var(--dt-color-magenta-600-l) / var(--dco)) !important;
11437
+ }
11438
+ .d-divide-magenta-900 > * + * {
11439
+ --dco: var(--dt-color-magenta-900-a);
11440
+ border-color: hsl(var(--dt-color-magenta-900-h) var(--dt-color-magenta-900-s) var(--dt-color-magenta-900-l) / var(--dco)) !important;
11441
+ }
11442
+ .d-divide-magenta-1000 > * + * {
11443
+ --dco: var(--dt-color-magenta-1000-a);
11444
+ border-color: hsl(var(--dt-color-magenta-1000-h) var(--dt-color-magenta-1000-s) var(--dt-color-magenta-1000-l) / var(--dco)) !important;
11445
+ }
11446
+ .d-divide-gold-50 > * + * {
11447
+ --dco: var(--dt-color-gold-50-a);
11448
+ border-color: hsl(var(--dt-color-gold-50-h) var(--dt-color-gold-50-s) var(--dt-color-gold-50-l) / var(--dco)) !important;
11449
+ }
10508
11450
  .d-divide-gold-100 > * + * {
10509
11451
  --dco: var(--dt-color-gold-100-a);
10510
11452
  border-color: hsl(var(--dt-color-gold-100-h) var(--dt-color-gold-100-s) var(--dt-color-gold-100-l) / var(--dco)) !important;
@@ -10517,14 +11459,42 @@ body {
10517
11459
  --dco: var(--dt-color-gold-300-a);
10518
11460
  border-color: hsl(var(--dt-color-gold-300-h) var(--dt-color-gold-300-s) var(--dt-color-gold-300-l) / var(--dco)) !important;
10519
11461
  }
11462
+ .d-divide-gold-350 > * + * {
11463
+ --dco: var(--dt-color-gold-350-a);
11464
+ border-color: hsl(var(--dt-color-gold-350-h) var(--dt-color-gold-350-s) var(--dt-color-gold-350-l) / var(--dco)) !important;
11465
+ }
10520
11466
  .d-divide-gold-400 > * + * {
10521
11467
  --dco: var(--dt-color-gold-400-a);
10522
11468
  border-color: hsl(var(--dt-color-gold-400-h) var(--dt-color-gold-400-s) var(--dt-color-gold-400-l) / var(--dco)) !important;
10523
11469
  }
11470
+ .d-divide-gold-450 > * + * {
11471
+ --dco: var(--dt-color-gold-450-a);
11472
+ border-color: hsl(var(--dt-color-gold-450-h) var(--dt-color-gold-450-s) var(--dt-color-gold-450-l) / var(--dco)) !important;
11473
+ }
10524
11474
  .d-divide-gold-500 > * + * {
10525
11475
  --dco: var(--dt-color-gold-500-a);
10526
11476
  border-color: hsl(var(--dt-color-gold-500-h) var(--dt-color-gold-500-s) var(--dt-color-gold-500-l) / var(--dco)) !important;
10527
11477
  }
11478
+ .d-divide-gold-600 > * + * {
11479
+ --dco: var(--dt-color-gold-600-a);
11480
+ border-color: hsl(var(--dt-color-gold-600-h) var(--dt-color-gold-600-s) var(--dt-color-gold-600-l) / var(--dco)) !important;
11481
+ }
11482
+ .d-divide-gold-700 > * + * {
11483
+ --dco: var(--dt-color-gold-700-a);
11484
+ border-color: hsl(var(--dt-color-gold-700-h) var(--dt-color-gold-700-s) var(--dt-color-gold-700-l) / var(--dco)) !important;
11485
+ }
11486
+ .d-divide-gold-900 > * + * {
11487
+ --dco: var(--dt-color-gold-900-a);
11488
+ border-color: hsl(var(--dt-color-gold-900-h) var(--dt-color-gold-900-s) var(--dt-color-gold-900-l) / var(--dco)) !important;
11489
+ }
11490
+ .d-divide-gold-1000 > * + * {
11491
+ --dco: var(--dt-color-gold-1000-a);
11492
+ border-color: hsl(var(--dt-color-gold-1000-h) var(--dt-color-gold-1000-s) var(--dt-color-gold-1000-l) / var(--dco)) !important;
11493
+ }
11494
+ .d-divide-green-50 > * + * {
11495
+ --dco: var(--dt-color-green-50-a);
11496
+ border-color: hsl(var(--dt-color-green-50-h) var(--dt-color-green-50-s) var(--dt-color-green-50-l) / var(--dco)) !important;
11497
+ }
10528
11498
  .d-divide-green-100 > * + * {
10529
11499
  --dco: var(--dt-color-green-100-a);
10530
11500
  border-color: hsl(var(--dt-color-green-100-h) var(--dt-color-green-100-s) var(--dt-color-green-100-l) / var(--dco)) !important;
@@ -10537,14 +11507,42 @@ body {
10537
11507
  --dco: var(--dt-color-green-300-a);
10538
11508
  border-color: hsl(var(--dt-color-green-300-h) var(--dt-color-green-300-s) var(--dt-color-green-300-l) / var(--dco)) !important;
10539
11509
  }
11510
+ .d-divide-green-350 > * + * {
11511
+ --dco: var(--dt-color-green-350-a);
11512
+ border-color: hsl(var(--dt-color-green-350-h) var(--dt-color-green-350-s) var(--dt-color-green-350-l) / var(--dco)) !important;
11513
+ }
10540
11514
  .d-divide-green-400 > * + * {
10541
11515
  --dco: var(--dt-color-green-400-a);
10542
11516
  border-color: hsl(var(--dt-color-green-400-h) var(--dt-color-green-400-s) var(--dt-color-green-400-l) / var(--dco)) !important;
10543
11517
  }
11518
+ .d-divide-green-425 > * + * {
11519
+ --dco: var(--dt-color-green-425-a);
11520
+ border-color: hsl(var(--dt-color-green-425-h) var(--dt-color-green-425-s) var(--dt-color-green-425-l) / var(--dco)) !important;
11521
+ }
11522
+ .d-divide-green-475 > * + * {
11523
+ --dco: var(--dt-color-green-475-a);
11524
+ border-color: hsl(var(--dt-color-green-475-h) var(--dt-color-green-475-s) var(--dt-color-green-475-l) / var(--dco)) !important;
11525
+ }
10544
11526
  .d-divide-green-500 > * + * {
10545
11527
  --dco: var(--dt-color-green-500-a);
10546
11528
  border-color: hsl(var(--dt-color-green-500-h) var(--dt-color-green-500-s) var(--dt-color-green-500-l) / var(--dco)) !important;
10547
11529
  }
11530
+ .d-divide-green-600 > * + * {
11531
+ --dco: var(--dt-color-green-600-a);
11532
+ border-color: hsl(var(--dt-color-green-600-h) var(--dt-color-green-600-s) var(--dt-color-green-600-l) / var(--dco)) !important;
11533
+ }
11534
+ .d-divide-green-900 > * + * {
11535
+ --dco: var(--dt-color-green-900-a);
11536
+ border-color: hsl(var(--dt-color-green-900-h) var(--dt-color-green-900-s) var(--dt-color-green-900-l) / var(--dco)) !important;
11537
+ }
11538
+ .d-divide-green-1000 > * + * {
11539
+ --dco: var(--dt-color-green-1000-a);
11540
+ border-color: hsl(var(--dt-color-green-1000-h) var(--dt-color-green-1000-s) var(--dt-color-green-1000-l) / var(--dco)) !important;
11541
+ }
11542
+ .d-divide-red-50 > * + * {
11543
+ --dco: var(--dt-color-red-50-a);
11544
+ border-color: hsl(var(--dt-color-red-50-h) var(--dt-color-red-50-s) var(--dt-color-red-50-l) / var(--dco)) !important;
11545
+ }
10548
11546
  .d-divide-red-100 > * + * {
10549
11547
  --dco: var(--dt-color-red-100-a);
10550
11548
  border-color: hsl(var(--dt-color-red-100-h) var(--dt-color-red-100-s) var(--dt-color-red-100-l) / var(--dco)) !important;
@@ -10557,14 +11555,42 @@ body {
10557
11555
  --dco: var(--dt-color-red-300-a);
10558
11556
  border-color: hsl(var(--dt-color-red-300-h) var(--dt-color-red-300-s) var(--dt-color-red-300-l) / var(--dco)) !important;
10559
11557
  }
11558
+ .d-divide-red-350 > * + * {
11559
+ --dco: var(--dt-color-red-350-a);
11560
+ border-color: hsl(var(--dt-color-red-350-h) var(--dt-color-red-350-s) var(--dt-color-red-350-l) / var(--dco)) !important;
11561
+ }
10560
11562
  .d-divide-red-400 > * + * {
10561
11563
  --dco: var(--dt-color-red-400-a);
10562
11564
  border-color: hsl(var(--dt-color-red-400-h) var(--dt-color-red-400-s) var(--dt-color-red-400-l) / var(--dco)) !important;
10563
11565
  }
11566
+ .d-divide-red-450 > * + * {
11567
+ --dco: var(--dt-color-red-450-a);
11568
+ border-color: hsl(var(--dt-color-red-450-h) var(--dt-color-red-450-s) var(--dt-color-red-450-l) / var(--dco)) !important;
11569
+ }
10564
11570
  .d-divide-red-500 > * + * {
10565
11571
  --dco: var(--dt-color-red-500-a);
10566
11572
  border-color: hsl(var(--dt-color-red-500-h) var(--dt-color-red-500-s) var(--dt-color-red-500-l) / var(--dco)) !important;
10567
11573
  }
11574
+ .d-divide-red-600 > * + * {
11575
+ --dco: var(--dt-color-red-600-a);
11576
+ border-color: hsl(var(--dt-color-red-600-h) var(--dt-color-red-600-s) var(--dt-color-red-600-l) / var(--dco)) !important;
11577
+ }
11578
+ .d-divide-red-700 > * + * {
11579
+ --dco: var(--dt-color-red-700-a);
11580
+ border-color: hsl(var(--dt-color-red-700-h) var(--dt-color-red-700-s) var(--dt-color-red-700-l) / var(--dco)) !important;
11581
+ }
11582
+ .d-divide-red-900 > * + * {
11583
+ --dco: var(--dt-color-red-900-a);
11584
+ border-color: hsl(var(--dt-color-red-900-h) var(--dt-color-red-900-s) var(--dt-color-red-900-l) / var(--dco)) !important;
11585
+ }
11586
+ .d-divide-red-1000 > * + * {
11587
+ --dco: var(--dt-color-red-1000-a);
11588
+ border-color: hsl(var(--dt-color-red-1000-h) var(--dt-color-red-1000-s) var(--dt-color-red-1000-l) / var(--dco)) !important;
11589
+ }
11590
+ .d-divide-tan-50 > * + * {
11591
+ --dco: var(--dt-color-tan-50-a);
11592
+ border-color: hsl(var(--dt-color-tan-50-h) var(--dt-color-tan-50-s) var(--dt-color-tan-50-l) / var(--dco)) !important;
11593
+ }
10568
11594
  .d-divide-tan-100 > * + * {
10569
11595
  --dco: var(--dt-color-tan-100-a);
10570
11596
  border-color: hsl(var(--dt-color-tan-100-h) var(--dt-color-tan-100-s) var(--dt-color-tan-100-l) / var(--dco)) !important;
@@ -10585,6 +11611,166 @@ body {
10585
11611
  --dco: var(--dt-color-tan-500-a);
10586
11612
  border-color: hsl(var(--dt-color-tan-500-h) var(--dt-color-tan-500-s) var(--dt-color-tan-500-l) / var(--dco)) !important;
10587
11613
  }
11614
+ .d-divide-tan-600 > * + * {
11615
+ --dco: var(--dt-color-tan-600-a);
11616
+ border-color: hsl(var(--dt-color-tan-600-h) var(--dt-color-tan-600-s) var(--dt-color-tan-600-l) / var(--dco)) !important;
11617
+ }
11618
+ .d-divide-tan-700 > * + * {
11619
+ --dco: var(--dt-color-tan-700-a);
11620
+ border-color: hsl(var(--dt-color-tan-700-h) var(--dt-color-tan-700-s) var(--dt-color-tan-700-l) / var(--dco)) !important;
11621
+ }
11622
+ .d-divide-tan-800 > * + * {
11623
+ --dco: var(--dt-color-tan-800-a);
11624
+ border-color: hsl(var(--dt-color-tan-800-h) var(--dt-color-tan-800-s) var(--dt-color-tan-800-l) / var(--dco)) !important;
11625
+ }
11626
+ .d-divide-tan-900 > * + * {
11627
+ --dco: var(--dt-color-tan-900-a);
11628
+ border-color: hsl(var(--dt-color-tan-900-h) var(--dt-color-tan-900-s) var(--dt-color-tan-900-l) / var(--dco)) !important;
11629
+ }
11630
+ .d-divide-tan-950 > * + * {
11631
+ --dco: var(--dt-color-tan-950-a);
11632
+ border-color: hsl(var(--dt-color-tan-950-h) var(--dt-color-tan-950-s) var(--dt-color-tan-950-l) / var(--dco)) !important;
11633
+ }
11634
+ .d-divide-tan-1000 > * + * {
11635
+ --dco: var(--dt-color-tan-1000-a);
11636
+ border-color: hsl(var(--dt-color-tan-1000-h) var(--dt-color-tan-1000-s) var(--dt-color-tan-1000-l) / var(--dco)) !important;
11637
+ }
11638
+ .d-divide-subtle > * + * {
11639
+ --dco: var(--dt-color-border-subtle-a);
11640
+ border-color: hsl(var(--dt-color-border-subtle-h) var(--dt-color-border-subtle-s) var(--dt-color-border-subtle-l) / var(--dco)) !important;
11641
+ }
11642
+ .d-divide-default > * + * {
11643
+ --dco: var(--dt-color-border-default-a);
11644
+ border-color: hsl(var(--dt-color-border-default-h) var(--dt-color-border-default-s) var(--dt-color-border-default-l) / var(--dco)) !important;
11645
+ }
11646
+ .d-divide-moderate > * + * {
11647
+ --dco: var(--dt-color-border-moderate-a);
11648
+ border-color: hsl(var(--dt-color-border-moderate-h) var(--dt-color-border-moderate-s) var(--dt-color-border-moderate-l) / var(--dco)) !important;
11649
+ }
11650
+ .d-divide-bold > * + * {
11651
+ --dco: var(--dt-color-border-bold-a);
11652
+ border-color: hsl(var(--dt-color-border-bold-h) var(--dt-color-border-bold-s) var(--dt-color-border-bold-l) / var(--dco)) !important;
11653
+ }
11654
+ .d-divide-critical > * + * {
11655
+ --dco: var(--dt-color-border-critical-a);
11656
+ border-color: hsl(var(--dt-color-border-critical-h) var(--dt-color-border-critical-s) var(--dt-color-border-critical-l) / var(--dco)) !important;
11657
+ }
11658
+ .d-divide-success > * + * {
11659
+ --dco: var(--dt-color-border-success-a);
11660
+ border-color: hsl(var(--dt-color-border-success-h) var(--dt-color-border-success-s) var(--dt-color-border-success-l) / var(--dco)) !important;
11661
+ }
11662
+ .d-divide-warning > * + * {
11663
+ --dco: var(--dt-color-border-warning-a);
11664
+ border-color: hsl(var(--dt-color-border-warning-h) var(--dt-color-border-warning-s) var(--dt-color-border-warning-l) / var(--dco)) !important;
11665
+ }
11666
+ .d-divide-brand > * + * {
11667
+ --dco: var(--dt-color-border-brand-a);
11668
+ border-color: hsl(var(--dt-color-border-brand-h) var(--dt-color-border-brand-s) var(--dt-color-border-brand-l) / var(--dco)) !important;
11669
+ }
11670
+ .d-divide-critical-subtle > * + * {
11671
+ --dco: var(--dt-color-border-critical-subtle-a);
11672
+ 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(--dco)) !important;
11673
+ }
11674
+ .d-divide-success-subtle > * + * {
11675
+ --dco: var(--dt-color-border-success-subtle-a);
11676
+ 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(--dco)) !important;
11677
+ }
11678
+ .d-divide-warning-subtle > * + * {
11679
+ --dco: var(--dt-color-border-warning-subtle-a);
11680
+ 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(--dco)) !important;
11681
+ }
11682
+ .d-divide-brand-subtle > * + * {
11683
+ --dco: var(--dt-color-border-brand-subtle-a);
11684
+ 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(--dco)) !important;
11685
+ }
11686
+ .d-divide-critical-strong > * + * {
11687
+ --dco: var(--dt-color-border-critical-strong-a);
11688
+ 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(--dco)) !important;
11689
+ }
11690
+ .d-divide-success-strong > * + * {
11691
+ --dco: var(--dt-color-border-success-strong-a);
11692
+ 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(--dco)) !important;
11693
+ }
11694
+ .d-divide-warning-strong > * + * {
11695
+ --dco: var(--dt-color-border-warning-strong-a);
11696
+ 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(--dco)) !important;
11697
+ }
11698
+ .d-divide-brand-strong > * + * {
11699
+ --dco: var(--dt-color-border-brand-strong-a);
11700
+ 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(--dco)) !important;
11701
+ }
11702
+ .d-divide-subtle-inverted > * + * {
11703
+ --dco: var(--dt-color-border-subtle-inverted-a);
11704
+ 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(--dco)) !important;
11705
+ }
11706
+ .d-divide-default-inverted > * + * {
11707
+ --dco: var(--dt-color-border-default-inverted-a);
11708
+ 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(--dco)) !important;
11709
+ }
11710
+ .d-divide-moderate-inverted > * + * {
11711
+ --dco: var(--dt-color-border-moderate-inverted-a);
11712
+ 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(--dco)) !important;
11713
+ }
11714
+ .d-divide-bold-inverted > * + * {
11715
+ --dco: var(--dt-color-border-bold-inverted-a);
11716
+ 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(--dco)) !important;
11717
+ }
11718
+ .d-divide-critical-inverted > * + * {
11719
+ --dco: var(--dt-color-border-critical-inverted-a);
11720
+ 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(--dco)) !important;
11721
+ }
11722
+ .d-divide-success-inverted > * + * {
11723
+ --dco: var(--dt-color-border-success-inverted-a);
11724
+ border-color: hsl(var(--dt-color-border-success-inverted-h) var(--dt-color-border-success-inverted-s) var(--dt-color-border-success-inverted-l) / var(--dco)) !important;
11725
+ }
11726
+ .d-divide-warning-inverted > * + * {
11727
+ --dco: var(--dt-color-border-warning-inverted-a);
11728
+ border-color: hsl(var(--dt-color-border-warning-inverted-h) var(--dt-color-border-warning-inverted-s) var(--dt-color-border-warning-inverted-l) / var(--dco)) !important;
11729
+ }
11730
+ .d-divide-brand-inverted > * + * {
11731
+ --dco: var(--dt-color-border-brand-inverted-a);
11732
+ border-color: hsl(var(--dt-color-border-brand-inverted-h) var(--dt-color-border-brand-inverted-s) var(--dt-color-border-brand-inverted-l) / var(--dco)) !important;
11733
+ }
11734
+ .d-divide-critical-subtle-inverted > * + * {
11735
+ --dco: var(--dt-color-border-critical-subtle-inverted-a);
11736
+ 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(--dco)) !important;
11737
+ }
11738
+ .d-divide-success-subtle-inverted > * + * {
11739
+ --dco: var(--dt-color-border-success-subtle-inverted-a);
11740
+ 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(--dco)) !important;
11741
+ }
11742
+ .d-divide-warning-subtle-inverted > * + * {
11743
+ --dco: var(--dt-color-border-warning-subtle-inverted-a);
11744
+ 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(--dco)) !important;
11745
+ }
11746
+ .d-divide-brand-subtle-inverted > * + * {
11747
+ --dco: var(--dt-color-border-brand-subtle-inverted-a);
11748
+ 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(--dco)) !important;
11749
+ }
11750
+ .d-divide-critical-strong-inverted > * + * {
11751
+ --dco: var(--dt-color-border-critical-strong-inverted-a);
11752
+ 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(--dco)) !important;
11753
+ }
11754
+ .d-divide-success-strong-inverted > * + * {
11755
+ --dco: var(--dt-color-border-success-strong-inverted-a);
11756
+ 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(--dco)) !important;
11757
+ }
11758
+ .d-divide-warning-strong-inverted > * + * {
11759
+ --dco: var(--dt-color-border-warning-strong-inverted-a);
11760
+ 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(--dco)) !important;
11761
+ }
11762
+ .d-divide-brand-strong-inverted > * + * {
11763
+ --dco: var(--dt-color-border-brand-strong-inverted-a);
11764
+ 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(--dco)) !important;
11765
+ }
11766
+ .d-divide-focus > * + * {
11767
+ --dco: var(--dt-color-border-focus-a);
11768
+ border-color: hsl(var(--dt-color-border-focus-h) var(--dt-color-border-focus-s) var(--dt-color-border-focus-l) / var(--dco)) !important;
11769
+ }
11770
+ .d-divide-accent > * + * {
11771
+ --dco: var(--dt-color-border-accent-a);
11772
+ border-color: hsl(var(--dt-color-border-accent-h) var(--dt-color-border-accent-s) var(--dt-color-border-accent-l) / var(--dco)) !important;
11773
+ }
10588
11774
  .d-bgg-from-neutral-white, .h\:d-bgg-from-neutral-white:hover, .f\:d-bgg-from-neutral-white:focus, .f\:d-bgg-from-neutral-white:focus-within, .fv\:d-bgg-from-neutral-white:focus-visible {
10589
11775
  --bgg-from-opacity: var(--dt-color-neutral-white-a);
10590
11776
  --bgg-from: hsl(var(--dt-color-neutral-white-h) var(--dt-color-neutral-white-s) var(--dt-color-neutral-white-l) / var(--bgg-from-opacity)) !important;
@@ -10595,6 +11781,16 @@ body {
10595
11781
  --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;
10596
11782
  --bgg-to: hsl(var(--dt-color-neutral-black-h) var(--dt-color-neutral-black-s) var(--dt-color-neutral-black-l) / 0%) !important;
10597
11783
  }
11784
+ .d-bgg-from-neutral-transparent, .h\:d-bgg-from-neutral-transparent:hover, .f\:d-bgg-from-neutral-transparent:focus, .f\:d-bgg-from-neutral-transparent:focus-within, .fv\:d-bgg-from-neutral-transparent:focus-visible {
11785
+ --bgg-from-opacity: var(--dt-color-neutral-transparent-a);
11786
+ --bgg-from: hsl(var(--dt-color-neutral-transparent-h) var(--dt-color-neutral-transparent-s) var(--dt-color-neutral-transparent-l) / var(--bgg-from-opacity)) !important;
11787
+ --bgg-to: hsl(var(--dt-color-neutral-transparent-h) var(--dt-color-neutral-transparent-s) var(--dt-color-neutral-transparent-l) / 0%) !important;
11788
+ }
11789
+ .d-bgg-from-black-50, .h\:d-bgg-from-black-50:hover, .f\:d-bgg-from-black-50:focus, .f\:d-bgg-from-black-50:focus-within, .fv\:d-bgg-from-black-50:focus-visible {
11790
+ --bgg-from-opacity: var(--dt-color-black-50-a);
11791
+ --bgg-from: hsl(var(--dt-color-black-50-h) var(--dt-color-black-50-s) var(--dt-color-black-50-l) / var(--bgg-from-opacity)) !important;
11792
+ --bgg-to: hsl(var(--dt-color-black-50-h) var(--dt-color-black-50-s) var(--dt-color-black-50-l) / 0%) !important;
11793
+ }
10598
11794
  .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 {
10599
11795
  --bgg-from-opacity: var(--dt-color-black-100-a);
10600
11796
  --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;
@@ -10640,6 +11836,21 @@ body {
10640
11836
  --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;
10641
11837
  --bgg-to: hsl(var(--dt-color-black-900-h) var(--dt-color-black-900-s) var(--dt-color-black-900-l) / 0%) !important;
10642
11838
  }
11839
+ .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 {
11840
+ --bgg-from-opacity: var(--dt-color-black-950-a);
11841
+ --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;
11842
+ --bgg-to: hsl(var(--dt-color-black-950-h) var(--dt-color-black-950-s) var(--dt-color-black-950-l) / 0%) !important;
11843
+ }
11844
+ .d-bgg-from-black-1000, .h\:d-bgg-from-black-1000:hover, .f\:d-bgg-from-black-1000:focus, .f\:d-bgg-from-black-1000:focus-within, .fv\:d-bgg-from-black-1000:focus-visible {
11845
+ --bgg-from-opacity: var(--dt-color-black-1000-a);
11846
+ --bgg-from: hsl(var(--dt-color-black-1000-h) var(--dt-color-black-1000-s) var(--dt-color-black-1000-l) / var(--bgg-from-opacity)) !important;
11847
+ --bgg-to: hsl(var(--dt-color-black-1000-h) var(--dt-color-black-1000-s) var(--dt-color-black-1000-l) / 0%) !important;
11848
+ }
11849
+ .d-bgg-from-purple-50, .h\:d-bgg-from-purple-50:hover, .f\:d-bgg-from-purple-50:focus, .f\:d-bgg-from-purple-50:focus-within, .fv\:d-bgg-from-purple-50:focus-visible {
11850
+ --bgg-from-opacity: var(--dt-color-purple-50-a);
11851
+ --bgg-from: hsl(var(--dt-color-purple-50-h) var(--dt-color-purple-50-s) var(--dt-color-purple-50-l) / var(--bgg-from-opacity)) !important;
11852
+ --bgg-to: hsl(var(--dt-color-purple-50-h) var(--dt-color-purple-50-s) var(--dt-color-purple-50-l) / 0%) !important;
11853
+ }
10643
11854
  .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 {
10644
11855
  --bgg-from-opacity: var(--dt-color-purple-100-a);
10645
11856
  --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;
@@ -10650,26 +11861,56 @@ body {
10650
11861
  --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;
10651
11862
  --bgg-to: hsl(var(--dt-color-purple-200-h) var(--dt-color-purple-200-s) var(--dt-color-purple-200-l) / 0%) !important;
10652
11863
  }
11864
+ .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 {
11865
+ --bgg-from-opacity: var(--dt-color-purple-250-a);
11866
+ --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;
11867
+ --bgg-to: hsl(var(--dt-color-purple-250-h) var(--dt-color-purple-250-s) var(--dt-color-purple-250-l) / 0%) !important;
11868
+ }
10653
11869
  .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 {
10654
11870
  --bgg-from-opacity: var(--dt-color-purple-300-a);
10655
11871
  --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;
10656
11872
  --bgg-to: hsl(var(--dt-color-purple-300-h) var(--dt-color-purple-300-s) var(--dt-color-purple-300-l) / 0%) !important;
10657
11873
  }
11874
+ .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 {
11875
+ --bgg-from-opacity: var(--dt-color-purple-350-a);
11876
+ --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;
11877
+ --bgg-to: hsl(var(--dt-color-purple-350-h) var(--dt-color-purple-350-s) var(--dt-color-purple-350-l) / 0%) !important;
11878
+ }
10658
11879
  .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 {
10659
11880
  --bgg-from-opacity: var(--dt-color-purple-400-a);
10660
11881
  --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;
10661
11882
  --bgg-to: hsl(var(--dt-color-purple-400-h) var(--dt-color-purple-400-s) var(--dt-color-purple-400-l) / 0%) !important;
10662
11883
  }
11884
+ .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 {
11885
+ --bgg-from-opacity: var(--dt-color-purple-450-a);
11886
+ --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;
11887
+ --bgg-to: hsl(var(--dt-color-purple-450-h) var(--dt-color-purple-450-s) var(--dt-color-purple-450-l) / 0%) !important;
11888
+ }
10663
11889
  .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 {
10664
11890
  --bgg-from-opacity: var(--dt-color-purple-500-a);
10665
11891
  --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;
10666
11892
  --bgg-to: hsl(var(--dt-color-purple-500-h) var(--dt-color-purple-500-s) var(--dt-color-purple-500-l) / 0%) !important;
10667
11893
  }
11894
+ .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 {
11895
+ --bgg-from-opacity: var(--dt-color-purple-550-a);
11896
+ --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;
11897
+ --bgg-to: hsl(var(--dt-color-purple-550-h) var(--dt-color-purple-550-s) var(--dt-color-purple-550-l) / 0%) !important;
11898
+ }
10668
11899
  .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 {
10669
11900
  --bgg-from-opacity: var(--dt-color-purple-600-a);
10670
11901
  --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;
10671
11902
  --bgg-to: hsl(var(--dt-color-purple-600-h) var(--dt-color-purple-600-s) var(--dt-color-purple-600-l) / 0%) !important;
10672
11903
  }
11904
+ .d-bgg-from-purple-1000, .h\:d-bgg-from-purple-1000:hover, .f\:d-bgg-from-purple-1000:focus, .f\:d-bgg-from-purple-1000:focus-within, .fv\:d-bgg-from-purple-1000:focus-visible {
11905
+ --bgg-from-opacity: var(--dt-color-purple-1000-a);
11906
+ --bgg-from: hsl(var(--dt-color-purple-1000-h) var(--dt-color-purple-1000-s) var(--dt-color-purple-1000-l) / var(--bgg-from-opacity)) !important;
11907
+ --bgg-to: hsl(var(--dt-color-purple-1000-h) var(--dt-color-purple-1000-s) var(--dt-color-purple-1000-l) / 0%) !important;
11908
+ }
11909
+ .d-bgg-from-blue-50, .h\:d-bgg-from-blue-50:hover, .f\:d-bgg-from-blue-50:focus, .f\:d-bgg-from-blue-50:focus-within, .fv\:d-bgg-from-blue-50:focus-visible {
11910
+ --bgg-from-opacity: var(--dt-color-blue-50-a);
11911
+ --bgg-from: hsl(var(--dt-color-blue-50-h) var(--dt-color-blue-50-s) var(--dt-color-blue-50-l) / var(--bgg-from-opacity)) !important;
11912
+ --bgg-to: hsl(var(--dt-color-blue-50-h) var(--dt-color-blue-50-s) var(--dt-color-blue-50-l) / 0%) !important;
11913
+ }
10673
11914
  .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 {
10674
11915
  --bgg-from-opacity: var(--dt-color-blue-100-a);
10675
11916
  --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;
@@ -10690,11 +11931,46 @@ body {
10690
11931
  --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;
10691
11932
  --bgg-to: hsl(var(--dt-color-blue-400-h) var(--dt-color-blue-400-s) var(--dt-color-blue-400-l) / 0%) !important;
10692
11933
  }
11934
+ .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 {
11935
+ --bgg-from-opacity: var(--dt-color-blue-425-a);
11936
+ --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;
11937
+ --bgg-to: hsl(var(--dt-color-blue-425-h) var(--dt-color-blue-425-s) var(--dt-color-blue-425-l) / 0%) !important;
11938
+ }
11939
+ .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 {
11940
+ --bgg-from-opacity: var(--dt-color-blue-450-a);
11941
+ --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;
11942
+ --bgg-to: hsl(var(--dt-color-blue-450-h) var(--dt-color-blue-450-s) var(--dt-color-blue-450-l) / 0%) !important;
11943
+ }
11944
+ .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 {
11945
+ --bgg-from-opacity: var(--dt-color-blue-475-a);
11946
+ --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;
11947
+ --bgg-to: hsl(var(--dt-color-blue-475-h) var(--dt-color-blue-475-s) var(--dt-color-blue-475-l) / 0%) !important;
11948
+ }
10693
11949
  .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 {
10694
11950
  --bgg-from-opacity: var(--dt-color-blue-500-a);
10695
11951
  --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;
10696
11952
  --bgg-to: hsl(var(--dt-color-blue-500-h) var(--dt-color-blue-500-s) var(--dt-color-blue-500-l) / 0%) !important;
10697
11953
  }
11954
+ .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 {
11955
+ --bgg-from-opacity: var(--dt-color-blue-600-a);
11956
+ --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;
11957
+ --bgg-to: hsl(var(--dt-color-blue-600-h) var(--dt-color-blue-600-s) var(--dt-color-blue-600-l) / 0%) !important;
11958
+ }
11959
+ .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 {
11960
+ --bgg-from-opacity: var(--dt-color-blue-900-a);
11961
+ --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;
11962
+ --bgg-to: hsl(var(--dt-color-blue-900-h) var(--dt-color-blue-900-s) var(--dt-color-blue-900-l) / 0%) !important;
11963
+ }
11964
+ .d-bgg-from-blue-1000, .h\:d-bgg-from-blue-1000:hover, .f\:d-bgg-from-blue-1000:focus, .f\:d-bgg-from-blue-1000:focus-within, .fv\:d-bgg-from-blue-1000:focus-visible {
11965
+ --bgg-from-opacity: var(--dt-color-blue-1000-a);
11966
+ --bgg-from: hsl(var(--dt-color-blue-1000-h) var(--dt-color-blue-1000-s) var(--dt-color-blue-1000-l) / var(--bgg-from-opacity)) !important;
11967
+ --bgg-to: hsl(var(--dt-color-blue-1000-h) var(--dt-color-blue-1000-s) var(--dt-color-blue-1000-l) / 0%) !important;
11968
+ }
11969
+ .d-bgg-from-magenta-50, .h\:d-bgg-from-magenta-50:hover, .f\:d-bgg-from-magenta-50:focus, .f\:d-bgg-from-magenta-50:focus-within, .fv\:d-bgg-from-magenta-50:focus-visible {
11970
+ --bgg-from-opacity: var(--dt-color-magenta-50-a);
11971
+ --bgg-from: hsl(var(--dt-color-magenta-50-h) var(--dt-color-magenta-50-s) var(--dt-color-magenta-50-l) / var(--bgg-from-opacity)) !important;
11972
+ --bgg-to: hsl(var(--dt-color-magenta-50-h) var(--dt-color-magenta-50-s) var(--dt-color-magenta-50-l) / 0%) !important;
11973
+ }
10698
11974
  .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 {
10699
11975
  --bgg-from-opacity: var(--dt-color-magenta-100-a);
10700
11976
  --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;
@@ -10705,6 +11981,11 @@ body {
10705
11981
  --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;
10706
11982
  --bgg-to: hsl(var(--dt-color-magenta-200-h) var(--dt-color-magenta-200-s) var(--dt-color-magenta-200-l) / 0%) !important;
10707
11983
  }
11984
+ .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 {
11985
+ --bgg-from-opacity: var(--dt-color-magenta-250-a);
11986
+ --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;
11987
+ --bgg-to: hsl(var(--dt-color-magenta-250-h) var(--dt-color-magenta-250-s) var(--dt-color-magenta-250-l) / 0%) !important;
11988
+ }
10708
11989
  .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 {
10709
11990
  --bgg-from-opacity: var(--dt-color-magenta-300-a);
10710
11991
  --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;
@@ -10715,11 +11996,41 @@ body {
10715
11996
  --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;
10716
11997
  --bgg-to: hsl(var(--dt-color-magenta-400-h) var(--dt-color-magenta-400-s) var(--dt-color-magenta-400-l) / 0%) !important;
10717
11998
  }
11999
+ .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 {
12000
+ --bgg-from-opacity: var(--dt-color-magenta-425-a);
12001
+ --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;
12002
+ --bgg-to: hsl(var(--dt-color-magenta-425-h) var(--dt-color-magenta-425-s) var(--dt-color-magenta-425-l) / 0%) !important;
12003
+ }
12004
+ .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 {
12005
+ --bgg-from-opacity: var(--dt-color-magenta-475-a);
12006
+ --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;
12007
+ --bgg-to: hsl(var(--dt-color-magenta-475-h) var(--dt-color-magenta-475-s) var(--dt-color-magenta-475-l) / 0%) !important;
12008
+ }
10718
12009
  .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 {
10719
12010
  --bgg-from-opacity: var(--dt-color-magenta-500-a);
10720
12011
  --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;
10721
12012
  --bgg-to: hsl(var(--dt-color-magenta-500-h) var(--dt-color-magenta-500-s) var(--dt-color-magenta-500-l) / 0%) !important;
10722
12013
  }
12014
+ .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 {
12015
+ --bgg-from-opacity: var(--dt-color-magenta-600-a);
12016
+ --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;
12017
+ --bgg-to: hsl(var(--dt-color-magenta-600-h) var(--dt-color-magenta-600-s) var(--dt-color-magenta-600-l) / 0%) !important;
12018
+ }
12019
+ .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 {
12020
+ --bgg-from-opacity: var(--dt-color-magenta-900-a);
12021
+ --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;
12022
+ --bgg-to: hsl(var(--dt-color-magenta-900-h) var(--dt-color-magenta-900-s) var(--dt-color-magenta-900-l) / 0%) !important;
12023
+ }
12024
+ .d-bgg-from-magenta-1000, .h\:d-bgg-from-magenta-1000:hover, .f\:d-bgg-from-magenta-1000:focus, .f\:d-bgg-from-magenta-1000:focus-within, .fv\:d-bgg-from-magenta-1000:focus-visible {
12025
+ --bgg-from-opacity: var(--dt-color-magenta-1000-a);
12026
+ --bgg-from: hsl(var(--dt-color-magenta-1000-h) var(--dt-color-magenta-1000-s) var(--dt-color-magenta-1000-l) / var(--bgg-from-opacity)) !important;
12027
+ --bgg-to: hsl(var(--dt-color-magenta-1000-h) var(--dt-color-magenta-1000-s) var(--dt-color-magenta-1000-l) / 0%) !important;
12028
+ }
12029
+ .d-bgg-from-gold-50, .h\:d-bgg-from-gold-50:hover, .f\:d-bgg-from-gold-50:focus, .f\:d-bgg-from-gold-50:focus-within, .fv\:d-bgg-from-gold-50:focus-visible {
12030
+ --bgg-from-opacity: var(--dt-color-gold-50-a);
12031
+ --bgg-from: hsl(var(--dt-color-gold-50-h) var(--dt-color-gold-50-s) var(--dt-color-gold-50-l) / var(--bgg-from-opacity)) !important;
12032
+ --bgg-to: hsl(var(--dt-color-gold-50-h) var(--dt-color-gold-50-s) var(--dt-color-gold-50-l) / 0%) !important;
12033
+ }
10723
12034
  .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 {
10724
12035
  --bgg-from-opacity: var(--dt-color-gold-100-a);
10725
12036
  --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;
@@ -10735,16 +12046,51 @@ body {
10735
12046
  --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;
10736
12047
  --bgg-to: hsl(var(--dt-color-gold-300-h) var(--dt-color-gold-300-s) var(--dt-color-gold-300-l) / 0%) !important;
10737
12048
  }
12049
+ .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 {
12050
+ --bgg-from-opacity: var(--dt-color-gold-350-a);
12051
+ --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;
12052
+ --bgg-to: hsl(var(--dt-color-gold-350-h) var(--dt-color-gold-350-s) var(--dt-color-gold-350-l) / 0%) !important;
12053
+ }
10738
12054
  .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 {
10739
12055
  --bgg-from-opacity: var(--dt-color-gold-400-a);
10740
12056
  --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;
10741
12057
  --bgg-to: hsl(var(--dt-color-gold-400-h) var(--dt-color-gold-400-s) var(--dt-color-gold-400-l) / 0%) !important;
10742
12058
  }
12059
+ .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 {
12060
+ --bgg-from-opacity: var(--dt-color-gold-450-a);
12061
+ --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;
12062
+ --bgg-to: hsl(var(--dt-color-gold-450-h) var(--dt-color-gold-450-s) var(--dt-color-gold-450-l) / 0%) !important;
12063
+ }
10743
12064
  .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 {
10744
12065
  --bgg-from-opacity: var(--dt-color-gold-500-a);
10745
12066
  --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;
10746
12067
  --bgg-to: hsl(var(--dt-color-gold-500-h) var(--dt-color-gold-500-s) var(--dt-color-gold-500-l) / 0%) !important;
10747
12068
  }
12069
+ .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 {
12070
+ --bgg-from-opacity: var(--dt-color-gold-600-a);
12071
+ --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;
12072
+ --bgg-to: hsl(var(--dt-color-gold-600-h) var(--dt-color-gold-600-s) var(--dt-color-gold-600-l) / 0%) !important;
12073
+ }
12074
+ .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 {
12075
+ --bgg-from-opacity: var(--dt-color-gold-700-a);
12076
+ --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;
12077
+ --bgg-to: hsl(var(--dt-color-gold-700-h) var(--dt-color-gold-700-s) var(--dt-color-gold-700-l) / 0%) !important;
12078
+ }
12079
+ .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 {
12080
+ --bgg-from-opacity: var(--dt-color-gold-900-a);
12081
+ --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;
12082
+ --bgg-to: hsl(var(--dt-color-gold-900-h) var(--dt-color-gold-900-s) var(--dt-color-gold-900-l) / 0%) !important;
12083
+ }
12084
+ .d-bgg-from-gold-1000, .h\:d-bgg-from-gold-1000:hover, .f\:d-bgg-from-gold-1000:focus, .f\:d-bgg-from-gold-1000:focus-within, .fv\:d-bgg-from-gold-1000:focus-visible {
12085
+ --bgg-from-opacity: var(--dt-color-gold-1000-a);
12086
+ --bgg-from: hsl(var(--dt-color-gold-1000-h) var(--dt-color-gold-1000-s) var(--dt-color-gold-1000-l) / var(--bgg-from-opacity)) !important;
12087
+ --bgg-to: hsl(var(--dt-color-gold-1000-h) var(--dt-color-gold-1000-s) var(--dt-color-gold-1000-l) / 0%) !important;
12088
+ }
12089
+ .d-bgg-from-green-50, .h\:d-bgg-from-green-50:hover, .f\:d-bgg-from-green-50:focus, .f\:d-bgg-from-green-50:focus-within, .fv\:d-bgg-from-green-50:focus-visible {
12090
+ --bgg-from-opacity: var(--dt-color-green-50-a);
12091
+ --bgg-from: hsl(var(--dt-color-green-50-h) var(--dt-color-green-50-s) var(--dt-color-green-50-l) / var(--bgg-from-opacity)) !important;
12092
+ --bgg-to: hsl(var(--dt-color-green-50-h) var(--dt-color-green-50-s) var(--dt-color-green-50-l) / 0%) !important;
12093
+ }
10748
12094
  .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 {
10749
12095
  --bgg-from-opacity: var(--dt-color-green-100-a);
10750
12096
  --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;
@@ -10760,16 +12106,51 @@ body {
10760
12106
  --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;
10761
12107
  --bgg-to: hsl(var(--dt-color-green-300-h) var(--dt-color-green-300-s) var(--dt-color-green-300-l) / 0%) !important;
10762
12108
  }
12109
+ .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 {
12110
+ --bgg-from-opacity: var(--dt-color-green-350-a);
12111
+ --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;
12112
+ --bgg-to: hsl(var(--dt-color-green-350-h) var(--dt-color-green-350-s) var(--dt-color-green-350-l) / 0%) !important;
12113
+ }
10763
12114
  .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 {
10764
12115
  --bgg-from-opacity: var(--dt-color-green-400-a);
10765
12116
  --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;
10766
12117
  --bgg-to: hsl(var(--dt-color-green-400-h) var(--dt-color-green-400-s) var(--dt-color-green-400-l) / 0%) !important;
10767
12118
  }
12119
+ .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 {
12120
+ --bgg-from-opacity: var(--dt-color-green-425-a);
12121
+ --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;
12122
+ --bgg-to: hsl(var(--dt-color-green-425-h) var(--dt-color-green-425-s) var(--dt-color-green-425-l) / 0%) !important;
12123
+ }
12124
+ .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 {
12125
+ --bgg-from-opacity: var(--dt-color-green-475-a);
12126
+ --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;
12127
+ --bgg-to: hsl(var(--dt-color-green-475-h) var(--dt-color-green-475-s) var(--dt-color-green-475-l) / 0%) !important;
12128
+ }
10768
12129
  .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 {
10769
12130
  --bgg-from-opacity: var(--dt-color-green-500-a);
10770
12131
  --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;
10771
12132
  --bgg-to: hsl(var(--dt-color-green-500-h) var(--dt-color-green-500-s) var(--dt-color-green-500-l) / 0%) !important;
10772
12133
  }
12134
+ .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 {
12135
+ --bgg-from-opacity: var(--dt-color-green-600-a);
12136
+ --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;
12137
+ --bgg-to: hsl(var(--dt-color-green-600-h) var(--dt-color-green-600-s) var(--dt-color-green-600-l) / 0%) !important;
12138
+ }
12139
+ .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 {
12140
+ --bgg-from-opacity: var(--dt-color-green-900-a);
12141
+ --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;
12142
+ --bgg-to: hsl(var(--dt-color-green-900-h) var(--dt-color-green-900-s) var(--dt-color-green-900-l) / 0%) !important;
12143
+ }
12144
+ .d-bgg-from-green-1000, .h\:d-bgg-from-green-1000:hover, .f\:d-bgg-from-green-1000:focus, .f\:d-bgg-from-green-1000:focus-within, .fv\:d-bgg-from-green-1000:focus-visible {
12145
+ --bgg-from-opacity: var(--dt-color-green-1000-a);
12146
+ --bgg-from: hsl(var(--dt-color-green-1000-h) var(--dt-color-green-1000-s) var(--dt-color-green-1000-l) / var(--bgg-from-opacity)) !important;
12147
+ --bgg-to: hsl(var(--dt-color-green-1000-h) var(--dt-color-green-1000-s) var(--dt-color-green-1000-l) / 0%) !important;
12148
+ }
12149
+ .d-bgg-from-red-50, .h\:d-bgg-from-red-50:hover, .f\:d-bgg-from-red-50:focus, .f\:d-bgg-from-red-50:focus-within, .fv\:d-bgg-from-red-50:focus-visible {
12150
+ --bgg-from-opacity: var(--dt-color-red-50-a);
12151
+ --bgg-from: hsl(var(--dt-color-red-50-h) var(--dt-color-red-50-s) var(--dt-color-red-50-l) / var(--bgg-from-opacity)) !important;
12152
+ --bgg-to: hsl(var(--dt-color-red-50-h) var(--dt-color-red-50-s) var(--dt-color-red-50-l) / 0%) !important;
12153
+ }
10773
12154
  .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 {
10774
12155
  --bgg-from-opacity: var(--dt-color-red-100-a);
10775
12156
  --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;
@@ -10785,16 +12166,51 @@ body {
10785
12166
  --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;
10786
12167
  --bgg-to: hsl(var(--dt-color-red-300-h) var(--dt-color-red-300-s) var(--dt-color-red-300-l) / 0%) !important;
10787
12168
  }
12169
+ .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 {
12170
+ --bgg-from-opacity: var(--dt-color-red-350-a);
12171
+ --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;
12172
+ --bgg-to: hsl(var(--dt-color-red-350-h) var(--dt-color-red-350-s) var(--dt-color-red-350-l) / 0%) !important;
12173
+ }
10788
12174
  .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 {
10789
12175
  --bgg-from-opacity: var(--dt-color-red-400-a);
10790
12176
  --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;
10791
12177
  --bgg-to: hsl(var(--dt-color-red-400-h) var(--dt-color-red-400-s) var(--dt-color-red-400-l) / 0%) !important;
10792
12178
  }
12179
+ .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 {
12180
+ --bgg-from-opacity: var(--dt-color-red-450-a);
12181
+ --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;
12182
+ --bgg-to: hsl(var(--dt-color-red-450-h) var(--dt-color-red-450-s) var(--dt-color-red-450-l) / 0%) !important;
12183
+ }
10793
12184
  .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 {
10794
12185
  --bgg-from-opacity: var(--dt-color-red-500-a);
10795
12186
  --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;
10796
12187
  --bgg-to: hsl(var(--dt-color-red-500-h) var(--dt-color-red-500-s) var(--dt-color-red-500-l) / 0%) !important;
10797
12188
  }
12189
+ .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 {
12190
+ --bgg-from-opacity: var(--dt-color-red-600-a);
12191
+ --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;
12192
+ --bgg-to: hsl(var(--dt-color-red-600-h) var(--dt-color-red-600-s) var(--dt-color-red-600-l) / 0%) !important;
12193
+ }
12194
+ .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 {
12195
+ --bgg-from-opacity: var(--dt-color-red-700-a);
12196
+ --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;
12197
+ --bgg-to: hsl(var(--dt-color-red-700-h) var(--dt-color-red-700-s) var(--dt-color-red-700-l) / 0%) !important;
12198
+ }
12199
+ .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 {
12200
+ --bgg-from-opacity: var(--dt-color-red-900-a);
12201
+ --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;
12202
+ --bgg-to: hsl(var(--dt-color-red-900-h) var(--dt-color-red-900-s) var(--dt-color-red-900-l) / 0%) !important;
12203
+ }
12204
+ .d-bgg-from-red-1000, .h\:d-bgg-from-red-1000:hover, .f\:d-bgg-from-red-1000:focus, .f\:d-bgg-from-red-1000:focus-within, .fv\:d-bgg-from-red-1000:focus-visible {
12205
+ --bgg-from-opacity: var(--dt-color-red-1000-a);
12206
+ --bgg-from: hsl(var(--dt-color-red-1000-h) var(--dt-color-red-1000-s) var(--dt-color-red-1000-l) / var(--bgg-from-opacity)) !important;
12207
+ --bgg-to: hsl(var(--dt-color-red-1000-h) var(--dt-color-red-1000-s) var(--dt-color-red-1000-l) / 0%) !important;
12208
+ }
12209
+ .d-bgg-from-tan-50, .h\:d-bgg-from-tan-50:hover, .f\:d-bgg-from-tan-50:focus, .f\:d-bgg-from-tan-50:focus-within, .fv\:d-bgg-from-tan-50:focus-visible {
12210
+ --bgg-from-opacity: var(--dt-color-tan-50-a);
12211
+ --bgg-from: hsl(var(--dt-color-tan-50-h) var(--dt-color-tan-50-s) var(--dt-color-tan-50-l) / var(--bgg-from-opacity)) !important;
12212
+ --bgg-to: hsl(var(--dt-color-tan-50-h) var(--dt-color-tan-50-s) var(--dt-color-tan-50-l) / 0%) !important;
12213
+ }
10798
12214
  .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 {
10799
12215
  --bgg-from-opacity: var(--dt-color-tan-100-a);
10800
12216
  --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;
@@ -10820,6 +12236,36 @@ body {
10820
12236
  --bgg-from: hsl(var(--dt-color-tan-500-h) var(--dt-color-tan-500-s) var(--dt-color-tan-500-l) / var(--bgg-from-opacity)) !important;
10821
12237
  --bgg-to: hsl(var(--dt-color-tan-500-h) var(--dt-color-tan-500-s) var(--dt-color-tan-500-l) / 0%) !important;
10822
12238
  }
12239
+ .d-bgg-from-tan-600, .h\:d-bgg-from-tan-600:hover, .f\:d-bgg-from-tan-600:focus, .f\:d-bgg-from-tan-600:focus-within, .fv\:d-bgg-from-tan-600:focus-visible {
12240
+ --bgg-from-opacity: var(--dt-color-tan-600-a);
12241
+ --bgg-from: hsl(var(--dt-color-tan-600-h) var(--dt-color-tan-600-s) var(--dt-color-tan-600-l) / var(--bgg-from-opacity)) !important;
12242
+ --bgg-to: hsl(var(--dt-color-tan-600-h) var(--dt-color-tan-600-s) var(--dt-color-tan-600-l) / 0%) !important;
12243
+ }
12244
+ .d-bgg-from-tan-700, .h\:d-bgg-from-tan-700:hover, .f\:d-bgg-from-tan-700:focus, .f\:d-bgg-from-tan-700:focus-within, .fv\:d-bgg-from-tan-700:focus-visible {
12245
+ --bgg-from-opacity: var(--dt-color-tan-700-a);
12246
+ --bgg-from: hsl(var(--dt-color-tan-700-h) var(--dt-color-tan-700-s) var(--dt-color-tan-700-l) / var(--bgg-from-opacity)) !important;
12247
+ --bgg-to: hsl(var(--dt-color-tan-700-h) var(--dt-color-tan-700-s) var(--dt-color-tan-700-l) / 0%) !important;
12248
+ }
12249
+ .d-bgg-from-tan-800, .h\:d-bgg-from-tan-800:hover, .f\:d-bgg-from-tan-800:focus, .f\:d-bgg-from-tan-800:focus-within, .fv\:d-bgg-from-tan-800:focus-visible {
12250
+ --bgg-from-opacity: var(--dt-color-tan-800-a);
12251
+ --bgg-from: hsl(var(--dt-color-tan-800-h) var(--dt-color-tan-800-s) var(--dt-color-tan-800-l) / var(--bgg-from-opacity)) !important;
12252
+ --bgg-to: hsl(var(--dt-color-tan-800-h) var(--dt-color-tan-800-s) var(--dt-color-tan-800-l) / 0%) !important;
12253
+ }
12254
+ .d-bgg-from-tan-900, .h\:d-bgg-from-tan-900:hover, .f\:d-bgg-from-tan-900:focus, .f\:d-bgg-from-tan-900:focus-within, .fv\:d-bgg-from-tan-900:focus-visible {
12255
+ --bgg-from-opacity: var(--dt-color-tan-900-a);
12256
+ --bgg-from: hsl(var(--dt-color-tan-900-h) var(--dt-color-tan-900-s) var(--dt-color-tan-900-l) / var(--bgg-from-opacity)) !important;
12257
+ --bgg-to: hsl(var(--dt-color-tan-900-h) var(--dt-color-tan-900-s) var(--dt-color-tan-900-l) / 0%) !important;
12258
+ }
12259
+ .d-bgg-from-tan-950, .h\:d-bgg-from-tan-950:hover, .f\:d-bgg-from-tan-950:focus, .f\:d-bgg-from-tan-950:focus-within, .fv\:d-bgg-from-tan-950:focus-visible {
12260
+ --bgg-from-opacity: var(--dt-color-tan-950-a);
12261
+ --bgg-from: hsl(var(--dt-color-tan-950-h) var(--dt-color-tan-950-s) var(--dt-color-tan-950-l) / var(--bgg-from-opacity)) !important;
12262
+ --bgg-to: hsl(var(--dt-color-tan-950-h) var(--dt-color-tan-950-s) var(--dt-color-tan-950-l) / 0%) !important;
12263
+ }
12264
+ .d-bgg-from-tan-1000, .h\:d-bgg-from-tan-1000:hover, .f\:d-bgg-from-tan-1000:focus, .f\:d-bgg-from-tan-1000:focus-within, .fv\:d-bgg-from-tan-1000:focus-visible {
12265
+ --bgg-from-opacity: var(--dt-color-tan-1000-a);
12266
+ --bgg-from: hsl(var(--dt-color-tan-1000-h) var(--dt-color-tan-1000-s) var(--dt-color-tan-1000-l) / var(--bgg-from-opacity)) !important;
12267
+ --bgg-to: hsl(var(--dt-color-tan-1000-h) var(--dt-color-tan-1000-s) var(--dt-color-tan-1000-l) / 0%) !important;
12268
+ }
10823
12269
  .d-bgg-to-neutral-white, .h\:d-bgg-to-neutral-white:hover, .f\:d-bgg-to-neutral-white:focus, .f\:d-bgg-to-neutral-white:focus-within, .fv\:d-bgg-to-neutral-white:focus-visible {
10824
12270
  --bgg-to-opacity: var(--dt-color-neutral-white-a);
10825
12271
  --bgg-to: hsl(var(--dt-color-neutral-white-h) var(--dt-color-neutral-white-s) var(--dt-color-neutral-white-l) / var(--bgg-to-opacity)) !important;
@@ -10828,6 +12274,14 @@ body {
10828
12274
  --bgg-to-opacity: var(--dt-color-neutral-black-a);
10829
12275
  --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;
10830
12276
  }
12277
+ .d-bgg-to-neutral-transparent, .h\:d-bgg-to-neutral-transparent:hover, .f\:d-bgg-to-neutral-transparent:focus, .f\:d-bgg-to-neutral-transparent:focus-within, .fv\:d-bgg-to-neutral-transparent:focus-visible {
12278
+ --bgg-to-opacity: var(--dt-color-neutral-transparent-a);
12279
+ --bgg-to: hsl(var(--dt-color-neutral-transparent-h) var(--dt-color-neutral-transparent-s) var(--dt-color-neutral-transparent-l) / var(--bgg-to-opacity)) !important;
12280
+ }
12281
+ .d-bgg-to-black-50, .h\:d-bgg-to-black-50:hover, .f\:d-bgg-to-black-50:focus, .f\:d-bgg-to-black-50:focus-within, .fv\:d-bgg-to-black-50:focus-visible {
12282
+ --bgg-to-opacity: var(--dt-color-black-50-a);
12283
+ --bgg-to: hsl(var(--dt-color-black-50-h) var(--dt-color-black-50-s) var(--dt-color-black-50-l) / var(--bgg-to-opacity)) !important;
12284
+ }
10831
12285
  .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 {
10832
12286
  --bgg-to-opacity: var(--dt-color-black-100-a);
10833
12287
  --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;
@@ -10864,6 +12318,18 @@ body {
10864
12318
  --bgg-to-opacity: var(--dt-color-black-900-a);
10865
12319
  --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;
10866
12320
  }
12321
+ .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 {
12322
+ --bgg-to-opacity: var(--dt-color-black-950-a);
12323
+ --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;
12324
+ }
12325
+ .d-bgg-to-black-1000, .h\:d-bgg-to-black-1000:hover, .f\:d-bgg-to-black-1000:focus, .f\:d-bgg-to-black-1000:focus-within, .fv\:d-bgg-to-black-1000:focus-visible {
12326
+ --bgg-to-opacity: var(--dt-color-black-1000-a);
12327
+ --bgg-to: hsl(var(--dt-color-black-1000-h) var(--dt-color-black-1000-s) var(--dt-color-black-1000-l) / var(--bgg-to-opacity)) !important;
12328
+ }
12329
+ .d-bgg-to-purple-50, .h\:d-bgg-to-purple-50:hover, .f\:d-bgg-to-purple-50:focus, .f\:d-bgg-to-purple-50:focus-within, .fv\:d-bgg-to-purple-50:focus-visible {
12330
+ --bgg-to-opacity: var(--dt-color-purple-50-a);
12331
+ --bgg-to: hsl(var(--dt-color-purple-50-h) var(--dt-color-purple-50-s) var(--dt-color-purple-50-l) / var(--bgg-to-opacity)) !important;
12332
+ }
10867
12333
  .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 {
10868
12334
  --bgg-to-opacity: var(--dt-color-purple-100-a);
10869
12335
  --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;
@@ -10872,22 +12338,46 @@ body {
10872
12338
  --bgg-to-opacity: var(--dt-color-purple-200-a);
10873
12339
  --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;
10874
12340
  }
12341
+ .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 {
12342
+ --bgg-to-opacity: var(--dt-color-purple-250-a);
12343
+ --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;
12344
+ }
10875
12345
  .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 {
10876
12346
  --bgg-to-opacity: var(--dt-color-purple-300-a);
10877
12347
  --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;
10878
12348
  }
12349
+ .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 {
12350
+ --bgg-to-opacity: var(--dt-color-purple-350-a);
12351
+ --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;
12352
+ }
10879
12353
  .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 {
10880
12354
  --bgg-to-opacity: var(--dt-color-purple-400-a);
10881
12355
  --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;
10882
12356
  }
12357
+ .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 {
12358
+ --bgg-to-opacity: var(--dt-color-purple-450-a);
12359
+ --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;
12360
+ }
10883
12361
  .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 {
10884
12362
  --bgg-to-opacity: var(--dt-color-purple-500-a);
10885
12363
  --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;
10886
12364
  }
12365
+ .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 {
12366
+ --bgg-to-opacity: var(--dt-color-purple-550-a);
12367
+ --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;
12368
+ }
10887
12369
  .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 {
10888
12370
  --bgg-to-opacity: var(--dt-color-purple-600-a);
10889
12371
  --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;
10890
12372
  }
12373
+ .d-bgg-to-purple-1000, .h\:d-bgg-to-purple-1000:hover, .f\:d-bgg-to-purple-1000:focus, .f\:d-bgg-to-purple-1000:focus-within, .fv\:d-bgg-to-purple-1000:focus-visible {
12374
+ --bgg-to-opacity: var(--dt-color-purple-1000-a);
12375
+ --bgg-to: hsl(var(--dt-color-purple-1000-h) var(--dt-color-purple-1000-s) var(--dt-color-purple-1000-l) / var(--bgg-to-opacity)) !important;
12376
+ }
12377
+ .d-bgg-to-blue-50, .h\:d-bgg-to-blue-50:hover, .f\:d-bgg-to-blue-50:focus, .f\:d-bgg-to-blue-50:focus-within, .fv\:d-bgg-to-blue-50:focus-visible {
12378
+ --bgg-to-opacity: var(--dt-color-blue-50-a);
12379
+ --bgg-to: hsl(var(--dt-color-blue-50-h) var(--dt-color-blue-50-s) var(--dt-color-blue-50-l) / var(--bgg-to-opacity)) !important;
12380
+ }
10891
12381
  .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 {
10892
12382
  --bgg-to-opacity: var(--dt-color-blue-100-a);
10893
12383
  --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;
@@ -10904,10 +12394,38 @@ body {
10904
12394
  --bgg-to-opacity: var(--dt-color-blue-400-a);
10905
12395
  --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;
10906
12396
  }
12397
+ .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 {
12398
+ --bgg-to-opacity: var(--dt-color-blue-425-a);
12399
+ --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;
12400
+ }
12401
+ .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 {
12402
+ --bgg-to-opacity: var(--dt-color-blue-450-a);
12403
+ --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;
12404
+ }
12405
+ .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 {
12406
+ --bgg-to-opacity: var(--dt-color-blue-475-a);
12407
+ --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;
12408
+ }
10907
12409
  .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 {
10908
12410
  --bgg-to-opacity: var(--dt-color-blue-500-a);
10909
12411
  --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;
10910
12412
  }
12413
+ .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 {
12414
+ --bgg-to-opacity: var(--dt-color-blue-600-a);
12415
+ --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;
12416
+ }
12417
+ .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 {
12418
+ --bgg-to-opacity: var(--dt-color-blue-900-a);
12419
+ --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;
12420
+ }
12421
+ .d-bgg-to-blue-1000, .h\:d-bgg-to-blue-1000:hover, .f\:d-bgg-to-blue-1000:focus, .f\:d-bgg-to-blue-1000:focus-within, .fv\:d-bgg-to-blue-1000:focus-visible {
12422
+ --bgg-to-opacity: var(--dt-color-blue-1000-a);
12423
+ --bgg-to: hsl(var(--dt-color-blue-1000-h) var(--dt-color-blue-1000-s) var(--dt-color-blue-1000-l) / var(--bgg-to-opacity)) !important;
12424
+ }
12425
+ .d-bgg-to-magenta-50, .h\:d-bgg-to-magenta-50:hover, .f\:d-bgg-to-magenta-50:focus, .f\:d-bgg-to-magenta-50:focus-within, .fv\:d-bgg-to-magenta-50:focus-visible {
12426
+ --bgg-to-opacity: var(--dt-color-magenta-50-a);
12427
+ --bgg-to: hsl(var(--dt-color-magenta-50-h) var(--dt-color-magenta-50-s) var(--dt-color-magenta-50-l) / var(--bgg-to-opacity)) !important;
12428
+ }
10911
12429
  .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 {
10912
12430
  --bgg-to-opacity: var(--dt-color-magenta-100-a);
10913
12431
  --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;
@@ -10916,6 +12434,10 @@ body {
10916
12434
  --bgg-to-opacity: var(--dt-color-magenta-200-a);
10917
12435
  --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;
10918
12436
  }
12437
+ .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 {
12438
+ --bgg-to-opacity: var(--dt-color-magenta-250-a);
12439
+ --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;
12440
+ }
10919
12441
  .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 {
10920
12442
  --bgg-to-opacity: var(--dt-color-magenta-300-a);
10921
12443
  --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;
@@ -10924,10 +12446,34 @@ body {
10924
12446
  --bgg-to-opacity: var(--dt-color-magenta-400-a);
10925
12447
  --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;
10926
12448
  }
12449
+ .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 {
12450
+ --bgg-to-opacity: var(--dt-color-magenta-425-a);
12451
+ --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;
12452
+ }
12453
+ .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 {
12454
+ --bgg-to-opacity: var(--dt-color-magenta-475-a);
12455
+ --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;
12456
+ }
10927
12457
  .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 {
10928
12458
  --bgg-to-opacity: var(--dt-color-magenta-500-a);
10929
12459
  --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;
10930
12460
  }
12461
+ .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 {
12462
+ --bgg-to-opacity: var(--dt-color-magenta-600-a);
12463
+ --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;
12464
+ }
12465
+ .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 {
12466
+ --bgg-to-opacity: var(--dt-color-magenta-900-a);
12467
+ --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;
12468
+ }
12469
+ .d-bgg-to-magenta-1000, .h\:d-bgg-to-magenta-1000:hover, .f\:d-bgg-to-magenta-1000:focus, .f\:d-bgg-to-magenta-1000:focus-within, .fv\:d-bgg-to-magenta-1000:focus-visible {
12470
+ --bgg-to-opacity: var(--dt-color-magenta-1000-a);
12471
+ --bgg-to: hsl(var(--dt-color-magenta-1000-h) var(--dt-color-magenta-1000-s) var(--dt-color-magenta-1000-l) / var(--bgg-to-opacity)) !important;
12472
+ }
12473
+ .d-bgg-to-gold-50, .h\:d-bgg-to-gold-50:hover, .f\:d-bgg-to-gold-50:focus, .f\:d-bgg-to-gold-50:focus-within, .fv\:d-bgg-to-gold-50:focus-visible {
12474
+ --bgg-to-opacity: var(--dt-color-gold-50-a);
12475
+ --bgg-to: hsl(var(--dt-color-gold-50-h) var(--dt-color-gold-50-s) var(--dt-color-gold-50-l) / var(--bgg-to-opacity)) !important;
12476
+ }
10931
12477
  .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 {
10932
12478
  --bgg-to-opacity: var(--dt-color-gold-100-a);
10933
12479
  --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;
@@ -10940,14 +12486,42 @@ body {
10940
12486
  --bgg-to-opacity: var(--dt-color-gold-300-a);
10941
12487
  --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;
10942
12488
  }
12489
+ .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 {
12490
+ --bgg-to-opacity: var(--dt-color-gold-350-a);
12491
+ --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;
12492
+ }
10943
12493
  .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 {
10944
12494
  --bgg-to-opacity: var(--dt-color-gold-400-a);
10945
12495
  --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;
10946
12496
  }
12497
+ .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 {
12498
+ --bgg-to-opacity: var(--dt-color-gold-450-a);
12499
+ --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;
12500
+ }
10947
12501
  .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 {
10948
12502
  --bgg-to-opacity: var(--dt-color-gold-500-a);
10949
12503
  --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;
10950
12504
  }
12505
+ .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 {
12506
+ --bgg-to-opacity: var(--dt-color-gold-600-a);
12507
+ --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;
12508
+ }
12509
+ .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 {
12510
+ --bgg-to-opacity: var(--dt-color-gold-700-a);
12511
+ --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;
12512
+ }
12513
+ .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 {
12514
+ --bgg-to-opacity: var(--dt-color-gold-900-a);
12515
+ --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;
12516
+ }
12517
+ .d-bgg-to-gold-1000, .h\:d-bgg-to-gold-1000:hover, .f\:d-bgg-to-gold-1000:focus, .f\:d-bgg-to-gold-1000:focus-within, .fv\:d-bgg-to-gold-1000:focus-visible {
12518
+ --bgg-to-opacity: var(--dt-color-gold-1000-a);
12519
+ --bgg-to: hsl(var(--dt-color-gold-1000-h) var(--dt-color-gold-1000-s) var(--dt-color-gold-1000-l) / var(--bgg-to-opacity)) !important;
12520
+ }
12521
+ .d-bgg-to-green-50, .h\:d-bgg-to-green-50:hover, .f\:d-bgg-to-green-50:focus, .f\:d-bgg-to-green-50:focus-within, .fv\:d-bgg-to-green-50:focus-visible {
12522
+ --bgg-to-opacity: var(--dt-color-green-50-a);
12523
+ --bgg-to: hsl(var(--dt-color-green-50-h) var(--dt-color-green-50-s) var(--dt-color-green-50-l) / var(--bgg-to-opacity)) !important;
12524
+ }
10951
12525
  .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 {
10952
12526
  --bgg-to-opacity: var(--dt-color-green-100-a);
10953
12527
  --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;
@@ -10960,14 +12534,42 @@ body {
10960
12534
  --bgg-to-opacity: var(--dt-color-green-300-a);
10961
12535
  --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;
10962
12536
  }
12537
+ .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 {
12538
+ --bgg-to-opacity: var(--dt-color-green-350-a);
12539
+ --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;
12540
+ }
10963
12541
  .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 {
10964
12542
  --bgg-to-opacity: var(--dt-color-green-400-a);
10965
12543
  --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;
10966
12544
  }
12545
+ .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 {
12546
+ --bgg-to-opacity: var(--dt-color-green-425-a);
12547
+ --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;
12548
+ }
12549
+ .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 {
12550
+ --bgg-to-opacity: var(--dt-color-green-475-a);
12551
+ --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;
12552
+ }
10967
12553
  .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 {
10968
12554
  --bgg-to-opacity: var(--dt-color-green-500-a);
10969
12555
  --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;
10970
12556
  }
12557
+ .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 {
12558
+ --bgg-to-opacity: var(--dt-color-green-600-a);
12559
+ --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;
12560
+ }
12561
+ .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 {
12562
+ --bgg-to-opacity: var(--dt-color-green-900-a);
12563
+ --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;
12564
+ }
12565
+ .d-bgg-to-green-1000, .h\:d-bgg-to-green-1000:hover, .f\:d-bgg-to-green-1000:focus, .f\:d-bgg-to-green-1000:focus-within, .fv\:d-bgg-to-green-1000:focus-visible {
12566
+ --bgg-to-opacity: var(--dt-color-green-1000-a);
12567
+ --bgg-to: hsl(var(--dt-color-green-1000-h) var(--dt-color-green-1000-s) var(--dt-color-green-1000-l) / var(--bgg-to-opacity)) !important;
12568
+ }
12569
+ .d-bgg-to-red-50, .h\:d-bgg-to-red-50:hover, .f\:d-bgg-to-red-50:focus, .f\:d-bgg-to-red-50:focus-within, .fv\:d-bgg-to-red-50:focus-visible {
12570
+ --bgg-to-opacity: var(--dt-color-red-50-a);
12571
+ --bgg-to: hsl(var(--dt-color-red-50-h) var(--dt-color-red-50-s) var(--dt-color-red-50-l) / var(--bgg-to-opacity)) !important;
12572
+ }
10971
12573
  .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 {
10972
12574
  --bgg-to-opacity: var(--dt-color-red-100-a);
10973
12575
  --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;
@@ -10980,14 +12582,42 @@ body {
10980
12582
  --bgg-to-opacity: var(--dt-color-red-300-a);
10981
12583
  --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;
10982
12584
  }
12585
+ .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 {
12586
+ --bgg-to-opacity: var(--dt-color-red-350-a);
12587
+ --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;
12588
+ }
10983
12589
  .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 {
10984
12590
  --bgg-to-opacity: var(--dt-color-red-400-a);
10985
12591
  --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;
10986
12592
  }
12593
+ .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 {
12594
+ --bgg-to-opacity: var(--dt-color-red-450-a);
12595
+ --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;
12596
+ }
10987
12597
  .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 {
10988
12598
  --bgg-to-opacity: var(--dt-color-red-500-a);
10989
12599
  --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;
10990
12600
  }
12601
+ .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 {
12602
+ --bgg-to-opacity: var(--dt-color-red-600-a);
12603
+ --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;
12604
+ }
12605
+ .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 {
12606
+ --bgg-to-opacity: var(--dt-color-red-700-a);
12607
+ --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;
12608
+ }
12609
+ .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 {
12610
+ --bgg-to-opacity: var(--dt-color-red-900-a);
12611
+ --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;
12612
+ }
12613
+ .d-bgg-to-red-1000, .h\:d-bgg-to-red-1000:hover, .f\:d-bgg-to-red-1000:focus, .f\:d-bgg-to-red-1000:focus-within, .fv\:d-bgg-to-red-1000:focus-visible {
12614
+ --bgg-to-opacity: var(--dt-color-red-1000-a);
12615
+ --bgg-to: hsl(var(--dt-color-red-1000-h) var(--dt-color-red-1000-s) var(--dt-color-red-1000-l) / var(--bgg-to-opacity)) !important;
12616
+ }
12617
+ .d-bgg-to-tan-50, .h\:d-bgg-to-tan-50:hover, .f\:d-bgg-to-tan-50:focus, .f\:d-bgg-to-tan-50:focus-within, .fv\:d-bgg-to-tan-50:focus-visible {
12618
+ --bgg-to-opacity: var(--dt-color-tan-50-a);
12619
+ --bgg-to: hsl(var(--dt-color-tan-50-h) var(--dt-color-tan-50-s) var(--dt-color-tan-50-l) / var(--bgg-to-opacity)) !important;
12620
+ }
10991
12621
  .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 {
10992
12622
  --bgg-to-opacity: var(--dt-color-tan-100-a);
10993
12623
  --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;
@@ -11008,6 +12638,30 @@ body {
11008
12638
  --bgg-to-opacity: var(--dt-color-tan-500-a);
11009
12639
  --bgg-to: hsl(var(--dt-color-tan-500-h) var(--dt-color-tan-500-s) var(--dt-color-tan-500-l) / var(--bgg-to-opacity)) !important;
11010
12640
  }
12641
+ .d-bgg-to-tan-600, .h\:d-bgg-to-tan-600:hover, .f\:d-bgg-to-tan-600:focus, .f\:d-bgg-to-tan-600:focus-within, .fv\:d-bgg-to-tan-600:focus-visible {
12642
+ --bgg-to-opacity: var(--dt-color-tan-600-a);
12643
+ --bgg-to: hsl(var(--dt-color-tan-600-h) var(--dt-color-tan-600-s) var(--dt-color-tan-600-l) / var(--bgg-to-opacity)) !important;
12644
+ }
12645
+ .d-bgg-to-tan-700, .h\:d-bgg-to-tan-700:hover, .f\:d-bgg-to-tan-700:focus, .f\:d-bgg-to-tan-700:focus-within, .fv\:d-bgg-to-tan-700:focus-visible {
12646
+ --bgg-to-opacity: var(--dt-color-tan-700-a);
12647
+ --bgg-to: hsl(var(--dt-color-tan-700-h) var(--dt-color-tan-700-s) var(--dt-color-tan-700-l) / var(--bgg-to-opacity)) !important;
12648
+ }
12649
+ .d-bgg-to-tan-800, .h\:d-bgg-to-tan-800:hover, .f\:d-bgg-to-tan-800:focus, .f\:d-bgg-to-tan-800:focus-within, .fv\:d-bgg-to-tan-800:focus-visible {
12650
+ --bgg-to-opacity: var(--dt-color-tan-800-a);
12651
+ --bgg-to: hsl(var(--dt-color-tan-800-h) var(--dt-color-tan-800-s) var(--dt-color-tan-800-l) / var(--bgg-to-opacity)) !important;
12652
+ }
12653
+ .d-bgg-to-tan-900, .h\:d-bgg-to-tan-900:hover, .f\:d-bgg-to-tan-900:focus, .f\:d-bgg-to-tan-900:focus-within, .fv\:d-bgg-to-tan-900:focus-visible {
12654
+ --bgg-to-opacity: var(--dt-color-tan-900-a);
12655
+ --bgg-to: hsl(var(--dt-color-tan-900-h) var(--dt-color-tan-900-s) var(--dt-color-tan-900-l) / var(--bgg-to-opacity)) !important;
12656
+ }
12657
+ .d-bgg-to-tan-950, .h\:d-bgg-to-tan-950:hover, .f\:d-bgg-to-tan-950:focus, .f\:d-bgg-to-tan-950:focus-within, .fv\:d-bgg-to-tan-950:focus-visible {
12658
+ --bgg-to-opacity: var(--dt-color-tan-950-a);
12659
+ --bgg-to: hsl(var(--dt-color-tan-950-h) var(--dt-color-tan-950-s) var(--dt-color-tan-950-l) / var(--bgg-to-opacity)) !important;
12660
+ }
12661
+ .d-bgg-to-tan-1000, .h\:d-bgg-to-tan-1000:hover, .f\:d-bgg-to-tan-1000:focus, .f\:d-bgg-to-tan-1000:focus-within, .fv\:d-bgg-to-tan-1000:focus-visible {
12662
+ --bgg-to-opacity: var(--dt-color-tan-1000-a);
12663
+ --bgg-to: hsl(var(--dt-color-tan-1000-h) var(--dt-color-tan-1000-s) var(--dt-color-tan-1000-l) / var(--bgg-to-opacity)) !important;
12664
+ }
11011
12665
  .d-fco100, .h\:d-fco100:hover, .f\:d-fco100:focus, .f\:d-fco100:focus-within, .fv\:d-fco100:focus-visible {
11012
12666
  --fco: 100% !important;
11013
12667
  }