@dialpad/dialtone 9.104.1 → 9.105.0-rebrand-2025-beta.1

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (126) 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 +722 -693
  18. package/dist/css/tokens/tokens-dp-dark.css +1272 -914
  19. package/dist/css/tokens/tokens-dp-light.css +1331 -973
  20. package/dist/css/tokens/tokens-expressive-dark.css +1272 -914
  21. package/dist/css/tokens/tokens-expressive-light.css +1328 -970
  22. package/dist/css/tokens/tokens-expressive-sm-dark.css +1272 -914
  23. package/dist/css/tokens/tokens-expressive-sm-light.css +1328 -970
  24. package/dist/css/tokens/tokens-tmo-dark.css +1258 -900
  25. package/dist/css/tokens/tokens-tmo-light.css +1283 -925
  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 +722 -693
  35. package/dist/tokens/css/tokens-dp-dark.css +1272 -914
  36. package/dist/tokens/css/tokens-dp-light.css +1331 -973
  37. package/dist/tokens/css/tokens-expressive-dark.css +1272 -914
  38. package/dist/tokens/css/tokens-expressive-light.css +1328 -970
  39. package/dist/tokens/css/tokens-expressive-sm-dark.css +1272 -914
  40. package/dist/tokens/css/tokens-expressive-sm-light.css +1328 -970
  41. package/dist/tokens/css/tokens-tmo-dark.css +1258 -900
  42. package/dist/tokens/css/tokens-tmo-light.css +1283 -925
  43. package/dist/tokens/doc.json +108397 -88136
  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 +173 -168
  50. package/dist/tokens/less/tokens-dp-dark.less +238 -186
  51. package/dist/tokens/less/tokens-dp-light.less +237 -185
  52. package/dist/tokens/less/tokens-expressive-dark.less +261 -209
  53. package/dist/tokens/less/tokens-expressive-light.less +260 -208
  54. package/dist/tokens/less/tokens-expressive-sm-dark.less +261 -209
  55. package/dist/tokens/less/tokens-expressive-sm-light.less +260 -208
  56. package/dist/tokens/less/tokens-tmo-dark.less +236 -184
  57. package/dist/tokens/less/tokens-tmo-light.less +220 -168
  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 +171 -166
  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 +221 -169
  97. package/dist/tokens/tokens-tmo-light.json +211 -159
  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/components/popover/popover.vue.cjs +2 -2
  103. package/dist/vue2/components/popover/popover.vue.cjs.map +1 -1
  104. package/dist/vue2/components/popover/popover.vue.js +2 -2
  105. package/dist/vue2/components/popover/popover.vue.js.map +1 -1
  106. package/dist/vue2/recipes/conversation_view/message_input/message_input.vue.cjs.map +1 -1
  107. package/dist/vue2/recipes/conversation_view/message_input/message_input.vue.js.map +1 -1
  108. package/dist/vue3/components/pagination/pagination.vue.cjs +2 -2
  109. package/dist/vue3/components/pagination/pagination.vue.cjs.map +1 -1
  110. package/dist/vue3/components/pagination/pagination.vue.js +2 -2
  111. package/dist/vue3/components/pagination/pagination.vue.js.map +1 -1
  112. package/dist/vue3/components/popover/popover.vue.cjs +2 -2
  113. package/dist/vue3/components/popover/popover.vue.cjs.map +1 -1
  114. package/dist/vue3/components/popover/popover.vue.js +2 -2
  115. package/dist/vue3/components/popover/popover.vue.js.map +1 -1
  116. package/package.json +3 -3
  117. package/dist/css/fonts/Archivo-Bold.woff2 +0 -0
  118. package/dist/css/fonts/Archivo-Regular.woff2 +0 -0
  119. package/dist/css/fonts/Archivo-SemiBold.woff2 +0 -0
  120. package/dist/css/fonts/ArchivoExpanded-SemiBold.woff2 +0 -0
  121. package/dist/css/fonts/ArchivoSemiExpanded-Medium.woff2 +0 -0
  122. package/dist/css/fonts/ArchivoSemiExpanded-SemiBold.woff2 +0 -0
  123. package/dist/tokens/themes/chunks/tokens-base-dark-BnTEKGxK.js +0 -4
  124. package/dist/tokens/themes/chunks/tokens-base-dark-Ch4dTh7V.js +0 -1
  125. package/dist/tokens/themes/chunks/tokens-base-light-BLxKOiup.js +0 -4
  126. 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,
@@ -4460,7 +4490,7 @@ legend .d-label--md {
4460
4490
  fill: var(--dt-color-surface-contrast);
4461
4491
  }
4462
4492
  .tippy-box[data-theme~='inverted'] > .tippy-svg-arrow {
4463
- fill: var(--dt-color-surface-moderate);
4493
+ fill: var(--dt-color-surface-contrast-inverted);
4464
4494
  }
4465
4495
  .tippy-box[data-animation='fade'][data-state='hidden'] {
4466
4496
  opacity: 0;
@@ -4491,8 +4521,8 @@ legend .d-label--md {
4491
4521
  content: '';
4492
4522
  }
4493
4523
  .d-tooltip--inverted {
4494
- --tooltip-color-background: var(--dt-color-surface-moderate);
4495
- --tooltip-color-text: var(--dt-color-foreground-secondary);
4524
+ --tooltip-color-background: var(--dt-color-surface-contrast-inverted);
4525
+ --tooltip-color-text: var(--dt-color-foreground-primary);
4496
4526
  }
4497
4527
  .d-tooltip--hide,
4498
4528
  .d-tooltip--hover .d-tooltip {
@@ -4658,7 +4688,7 @@ legend .d-label--md {
4658
4688
  .d-toggle {
4659
4689
  --toggle-transition-timing-function: var(--ttf-out-quint);
4660
4690
  --toggle-transition-speed: var(--td300);
4661
- --toggle-color-background: var(--dt-color-black-400);
4691
+ --toggle-color-background: hsl(var(--dt-color-surface-bold-h), var(--dt-color-surface-bold-s), 66.6666%);
4662
4692
  --toggle-size-height: var(--dt-size-550);
4663
4693
  --toggle-size-width: var(--dt-size-650);
4664
4694
  --toggle-size-icon: var(--dt-size-500);
@@ -4685,8 +4715,7 @@ legend .d-label--md {
4685
4715
  left: var(--dt-space-550);
4686
4716
  width: var(--toggle-size-icon);
4687
4717
  height: var(--toggle-size-icon);
4688
- color: var(--dt-color-neutral-white);
4689
- background-image: url('data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjQiIGhlaWdodD0iMjQiIHZpZXdCb3g9IjAgMCAyNCAyNCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZmlsbC1ydWxlPSJldmVub2RkIiBjbGlwLXJ1bGU9ImV2ZW5vZGQiIGQ9Ik01LjM4MTI4IDUuMzgxMjhDNS43MjI5OSA1LjAzOTU3IDYuMjc3MDEgNS4wMzk1NyA2LjYxODcyIDUuMzgxMjhMMTIgMTAuNzYyNkwxNy4zODEzIDUuMzgxMjhDMTcuNzIzIDUuMDM5NTcgMTguMjc3IDUuMDM5NTcgMTguNjE4NyA1LjM4MTI4QzE4Ljk2MDQgNS43MjI5OSAxOC45NjA0IDYuMjc3MDEgMTguNjE4NyA2LjYxODcyTDEzLjIzNzQgMTJMMTguNjE4NyAxNy4zODEzQzE4Ljk2MDQgMTcuNzIzIDE4Ljk2MDQgMTguMjc3IDE4LjYxODcgMTguNjE4N0MxOC4yNzcgMTguOTYwNCAxNy43MjMgMTguOTYwNCAxNy4zODEzIDE4LjYxODdMMTIgMTMuMjM3NEw2LjYxODcyIDE4LjYxODdDNi4yNzcwMSAxOC45NjA0IDUuNzIyOTkgMTguOTYwNCA1LjM4MTI4IDE4LjYxODdDNS4wMzk1NyAxOC4yNzcgNS4wMzk1NyAxNy43MjMgNS4zODEyOCAxNy4zODEzTDEwLjc2MjYgMTJMNS4zODEyOCA2LjYxODcyQzUuMDM5NTcgNi4yNzcwMSA1LjAzOTU3IDUuNzIyOTkgNS4zODEyOCA1LjM4MTI4WiIgZmlsbD0id2hpdGUiLz4KPC9zdmc+Cg==');
4718
+ 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>");
4690
4719
  background-repeat: no-repeat;
4691
4720
  background-size: cover;
4692
4721
  }
@@ -4697,13 +4726,16 @@ legend .d-label--md {
4697
4726
  .d-toggle--indeterminate .d-toggle__inner {
4698
4727
  display: none;
4699
4728
  }
4729
+ [data-dt-theme="dark"] .d-toggle__inner {
4730
+ 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>");
4731
+ }
4700
4732
  .d-toggle::after {
4701
4733
  position: absolute;
4702
4734
  top: var(--dt-space-100);
4703
4735
  left: var(--dt-space-100);
4704
4736
  width: calc(var(--toggle-size-icon) + var(--dt-size-300));
4705
4737
  height: calc(var(--toggle-size-icon) + var(--dt-size-300));
4706
- background-color: var(--dt-color-neutral-white);
4738
+ background-color: var(--dt-color-surface-primary);
4707
4739
  border-radius: var(--dt-size-radius-circle);
4708
4740
  cursor: pointer;
4709
4741
  transition: left var(--toggle-transition-speed) var(--toggle-transition-timing-function);
@@ -4724,11 +4756,14 @@ legend .d-label--md {
4724
4756
  height: var(--toggle-size-icon);
4725
4757
  }
4726
4758
  .d-toggle--checked {
4727
- --toggle-color-background: var(--dt-color-brand-purple);
4759
+ --toggle-color-background: var(--dt-checkbox-color-background-checked);
4728
4760
  }
4729
4761
  .d-toggle--checked .d-toggle__inner {
4730
4762
  left: var(--dt-space-350);
4731
- background-image: url('data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjQiIGhlaWdodD0iMjQiIHZpZXdCb3g9IjAgMCAyNCAyNCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZmlsbC1ydWxlPSJldmVub2RkIiBjbGlwLXJ1bGU9ImV2ZW5vZGQiIGQ9Ik0yMC42MTg3IDUuMzgxMjhDMjAuOTYwNCA1LjcyMjk5IDIwLjk2MDQgNi4yNzcwMSAyMC42MTg3IDYuNjE4NzJMOS42MTg3MiAxNy42MTg3QzkuMjc3MDEgMTcuOTYwNCA4LjcyMjk5IDE3Ljk2MDQgOC4zODEyOCAxNy42MTg3TDMuMzgxMjggMTIuNjE4N0MzLjAzOTU3IDEyLjI3NyAzLjAzOTU3IDExLjcyMyAzLjM4MTI4IDExLjM4MTNDMy43MjI5OSAxMS4wMzk2IDQuMjc3MDEgMTEuMDM5NiA0LjYxODcyIDExLjM4MTNMOSAxNS43NjI2TDE5LjM4MTMgNS4zODEyOEMxOS43MjMgNS4wMzk1NyAyMC4yNzcgNS4wMzk1NyAyMC42MTg3IDUuMzgxMjhaIiBmaWxsPSJ3aGl0ZSIvPgo8L3N2Zz4K');
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='white'/> </svg>");
4764
+ }
4765
+ [data-dt-theme="dark"] .d-toggle--checked .d-toggle__inner {
4766
+ 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>");
4732
4767
  }
4733
4768
  .d-toggle--checked.d-toggle--small .d-toggle__inner {
4734
4769
  left: calc(var(--dt-space-100) + var(--dt-space-200));
@@ -4771,7 +4806,7 @@ legend .d-label--md {
4771
4806
  }
4772
4807
  .d-presence {
4773
4808
  --presence-color-border-base: var(--dt-theme-sidebar-color-background);
4774
- --presence-color-border-offline: var(--dt-color-black-600);
4809
+ --presence-color-border-offline: var(--dt-color-border-bold);
4775
4810
  --presence-color-background-active: var(--dt-theme-presence-color-background-available);
4776
4811
  --presence-color-background-busy: var(--dt-theme-presence-color-background-busy-unavailable);
4777
4812
  --presence-color-background-away: var(--dt-theme-presence-color-background-busy);
@@ -5291,6 +5326,9 @@ legend .d-label--md {
5291
5326
  .d-bgg-pattern-stripe-light {
5292
5327
  --bgg-pattern: var(--bgg-pattern-stripe-light) !important;
5293
5328
  }
5329
+ .d-bgc-ai {
5330
+ background-image: var(--dt-color-surface-ai) !important;
5331
+ }
5294
5332
  .d-ba {
5295
5333
  border: var(--dt-size-100) solid !important;
5296
5334
  }
@@ -5555,6 +5593,18 @@ legend .d-label--md {
5555
5593
  .d-divide-x-reverse > * + * {
5556
5594
  --divide-x-reverse: 1;
5557
5595
  }
5596
+ /*
5597
+ * Note: border-image is not compatible with border-radius, but it's the easiest way to get a linear gradient border.
5598
+ * https://dev.to/afif/border-with-gradient-and-radius-387f
5599
+ */
5600
+ .d-bc-ai {
5601
+ -o-border-image: var(--dt-color-border-ai) 1 !important;
5602
+ border-image: var(--dt-color-border-ai) 1 !important;
5603
+ }
5604
+ .d-divide-ai > * + * {
5605
+ -o-border-image: var(--dt-color-border-ai) 1 !important;
5606
+ border-image: var(--dt-color-border-ai) 1 !important;
5607
+ }
5558
5608
  .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 {
5559
5609
  color: currentColor !important;
5560
5610
  }
@@ -9113,7 +9163,7 @@ ul {
9113
9163
  line-height: var(--dt-font-line-height-400);
9114
9164
  }
9115
9165
  .d-recipe-leftbar-row__container--off-duty {
9116
- background-color: var(--dt-badge-color-background-critical);
9166
+ background-color: var(--dt-color-surface-critical);
9117
9167
  border: var(--dt-size-100) solid var(--dt-color-border-subtle);
9118
9168
  border-radius: var(--dt-size-radius-500);
9119
9169
  }
@@ -9453,21 +9503,21 @@ ul {
9453
9503
  }
9454
9504
  @font-face {
9455
9505
  font-weight: 400;
9456
- font-family: Archivo;
9506
+ font-family: "Season Mix";
9457
9507
  font-style: normal;
9458
- src: url('./fonts/Archivo-Regular.woff2') format('woff2');
9508
+ src: url('./fonts/SeasonMix-Regular.woff2') format('woff2');
9459
9509
  }
9460
9510
  @font-face {
9461
- font-weight: 700;
9462
- font-family: Archivo;
9511
+ font-weight: 600;
9512
+ font-family: "Season Mix";
9463
9513
  font-style: normal;
9464
- src: url('./fonts/Archivo-Bold.woff2') format('woff2');
9514
+ src: url('./fonts/SeasonMix-SemiBold.woff2') format('woff2');
9465
9515
  }
9466
9516
  @font-face {
9467
- font-weight: 600;
9468
- font-family: Archivo;
9517
+ font-weight: 700;
9518
+ font-family: "Season Mix";
9469
9519
  font-style: normal;
9470
- src: url('./fonts/Archivo-SemiBold.woff2') format('woff2');
9520
+ src: url('./fonts/SeasonMix-Bold.woff2') format('woff2');
9471
9521
  }
9472
9522
  @font-face {
9473
9523
  font-family: "Segoe UI Adjusted";
@@ -9488,6 +9538,14 @@ body {
9488
9538
  --fco: var(--dt-color-neutral-black-a);
9489
9539
  color: hsl(var(--dt-color-neutral-black-h) var(--dt-color-neutral-black-s) var(--dt-color-neutral-black-l) / var(--fco)) !important;
9490
9540
  }
9541
+ .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 {
9542
+ --fco: var(--dt-color-neutral-transparent-a);
9543
+ color: hsl(var(--dt-color-neutral-transparent-h) var(--dt-color-neutral-transparent-s) var(--dt-color-neutral-transparent-l) / var(--fco)) !important;
9544
+ }
9545
+ .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 {
9546
+ --fco: var(--dt-color-black-50-a);
9547
+ color: hsl(var(--dt-color-black-50-h) var(--dt-color-black-50-s) var(--dt-color-black-50-l) / var(--fco)) !important;
9548
+ }
9491
9549
  .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 {
9492
9550
  --fco: var(--dt-color-black-100-a);
9493
9551
  color: hsl(var(--dt-color-black-100-h) var(--dt-color-black-100-s) var(--dt-color-black-100-l) / var(--fco)) !important;
@@ -9524,6 +9582,18 @@ body {
9524
9582
  --fco: var(--dt-color-black-900-a);
9525
9583
  color: hsl(var(--dt-color-black-900-h) var(--dt-color-black-900-s) var(--dt-color-black-900-l) / var(--fco)) !important;
9526
9584
  }
9585
+ .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 {
9586
+ --fco: var(--dt-color-black-950-a);
9587
+ color: hsl(var(--dt-color-black-950-h) var(--dt-color-black-950-s) var(--dt-color-black-950-l) / var(--fco)) !important;
9588
+ }
9589
+ .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 {
9590
+ --fco: var(--dt-color-black-1000-a);
9591
+ color: hsl(var(--dt-color-black-1000-h) var(--dt-color-black-1000-s) var(--dt-color-black-1000-l) / var(--fco)) !important;
9592
+ }
9593
+ .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 {
9594
+ --fco: var(--dt-color-purple-50-a);
9595
+ color: hsl(var(--dt-color-purple-50-h) var(--dt-color-purple-50-s) var(--dt-color-purple-50-l) / var(--fco)) !important;
9596
+ }
9527
9597
  .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 {
9528
9598
  --fco: var(--dt-color-purple-100-a);
9529
9599
  color: hsl(var(--dt-color-purple-100-h) var(--dt-color-purple-100-s) var(--dt-color-purple-100-l) / var(--fco)) !important;
@@ -9532,22 +9602,46 @@ body {
9532
9602
  --fco: var(--dt-color-purple-200-a);
9533
9603
  color: hsl(var(--dt-color-purple-200-h) var(--dt-color-purple-200-s) var(--dt-color-purple-200-l) / var(--fco)) !important;
9534
9604
  }
9605
+ .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 {
9606
+ --fco: var(--dt-color-purple-250-a);
9607
+ color: hsl(var(--dt-color-purple-250-h) var(--dt-color-purple-250-s) var(--dt-color-purple-250-l) / var(--fco)) !important;
9608
+ }
9535
9609
  .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 {
9536
9610
  --fco: var(--dt-color-purple-300-a);
9537
9611
  color: hsl(var(--dt-color-purple-300-h) var(--dt-color-purple-300-s) var(--dt-color-purple-300-l) / var(--fco)) !important;
9538
9612
  }
9613
+ .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 {
9614
+ --fco: var(--dt-color-purple-350-a);
9615
+ color: hsl(var(--dt-color-purple-350-h) var(--dt-color-purple-350-s) var(--dt-color-purple-350-l) / var(--fco)) !important;
9616
+ }
9539
9617
  .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 {
9540
9618
  --fco: var(--dt-color-purple-400-a);
9541
9619
  color: hsl(var(--dt-color-purple-400-h) var(--dt-color-purple-400-s) var(--dt-color-purple-400-l) / var(--fco)) !important;
9542
9620
  }
9621
+ .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 {
9622
+ --fco: var(--dt-color-purple-450-a);
9623
+ color: hsl(var(--dt-color-purple-450-h) var(--dt-color-purple-450-s) var(--dt-color-purple-450-l) / var(--fco)) !important;
9624
+ }
9543
9625
  .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 {
9544
9626
  --fco: var(--dt-color-purple-500-a);
9545
9627
  color: hsl(var(--dt-color-purple-500-h) var(--dt-color-purple-500-s) var(--dt-color-purple-500-l) / var(--fco)) !important;
9546
9628
  }
9629
+ .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 {
9630
+ --fco: var(--dt-color-purple-550-a);
9631
+ color: hsl(var(--dt-color-purple-550-h) var(--dt-color-purple-550-s) var(--dt-color-purple-550-l) / var(--fco)) !important;
9632
+ }
9547
9633
  .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 {
9548
9634
  --fco: var(--dt-color-purple-600-a);
9549
9635
  color: hsl(var(--dt-color-purple-600-h) var(--dt-color-purple-600-s) var(--dt-color-purple-600-l) / var(--fco)) !important;
9550
9636
  }
9637
+ .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 {
9638
+ --fco: var(--dt-color-purple-1000-a);
9639
+ color: hsl(var(--dt-color-purple-1000-h) var(--dt-color-purple-1000-s) var(--dt-color-purple-1000-l) / var(--fco)) !important;
9640
+ }
9641
+ .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 {
9642
+ --fco: var(--dt-color-blue-50-a);
9643
+ color: hsl(var(--dt-color-blue-50-h) var(--dt-color-blue-50-s) var(--dt-color-blue-50-l) / var(--fco)) !important;
9644
+ }
9551
9645
  .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 {
9552
9646
  --fco: var(--dt-color-blue-100-a);
9553
9647
  color: hsl(var(--dt-color-blue-100-h) var(--dt-color-blue-100-s) var(--dt-color-blue-100-l) / var(--fco)) !important;
@@ -9564,10 +9658,38 @@ body {
9564
9658
  --fco: var(--dt-color-blue-400-a);
9565
9659
  color: hsl(var(--dt-color-blue-400-h) var(--dt-color-blue-400-s) var(--dt-color-blue-400-l) / var(--fco)) !important;
9566
9660
  }
9661
+ .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 {
9662
+ --fco: var(--dt-color-blue-425-a);
9663
+ color: hsl(var(--dt-color-blue-425-h) var(--dt-color-blue-425-s) var(--dt-color-blue-425-l) / var(--fco)) !important;
9664
+ }
9665
+ .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 {
9666
+ --fco: var(--dt-color-blue-450-a);
9667
+ color: hsl(var(--dt-color-blue-450-h) var(--dt-color-blue-450-s) var(--dt-color-blue-450-l) / var(--fco)) !important;
9668
+ }
9669
+ .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 {
9670
+ --fco: var(--dt-color-blue-475-a);
9671
+ color: hsl(var(--dt-color-blue-475-h) var(--dt-color-blue-475-s) var(--dt-color-blue-475-l) / var(--fco)) !important;
9672
+ }
9567
9673
  .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 {
9568
9674
  --fco: var(--dt-color-blue-500-a);
9569
9675
  color: hsl(var(--dt-color-blue-500-h) var(--dt-color-blue-500-s) var(--dt-color-blue-500-l) / var(--fco)) !important;
9570
9676
  }
9677
+ .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 {
9678
+ --fco: var(--dt-color-blue-600-a);
9679
+ color: hsl(var(--dt-color-blue-600-h) var(--dt-color-blue-600-s) var(--dt-color-blue-600-l) / var(--fco)) !important;
9680
+ }
9681
+ .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 {
9682
+ --fco: var(--dt-color-blue-900-a);
9683
+ color: hsl(var(--dt-color-blue-900-h) var(--dt-color-blue-900-s) var(--dt-color-blue-900-l) / var(--fco)) !important;
9684
+ }
9685
+ .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 {
9686
+ --fco: var(--dt-color-blue-1000-a);
9687
+ color: hsl(var(--dt-color-blue-1000-h) var(--dt-color-blue-1000-s) var(--dt-color-blue-1000-l) / var(--fco)) !important;
9688
+ }
9689
+ .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 {
9690
+ --fco: var(--dt-color-magenta-50-a);
9691
+ color: hsl(var(--dt-color-magenta-50-h) var(--dt-color-magenta-50-s) var(--dt-color-magenta-50-l) / var(--fco)) !important;
9692
+ }
9571
9693
  .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 {
9572
9694
  --fco: var(--dt-color-magenta-100-a);
9573
9695
  color: hsl(var(--dt-color-magenta-100-h) var(--dt-color-magenta-100-s) var(--dt-color-magenta-100-l) / var(--fco)) !important;
@@ -9576,6 +9698,10 @@ body {
9576
9698
  --fco: var(--dt-color-magenta-200-a);
9577
9699
  color: hsl(var(--dt-color-magenta-200-h) var(--dt-color-magenta-200-s) var(--dt-color-magenta-200-l) / var(--fco)) !important;
9578
9700
  }
9701
+ .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 {
9702
+ --fco: var(--dt-color-magenta-250-a);
9703
+ color: hsl(var(--dt-color-magenta-250-h) var(--dt-color-magenta-250-s) var(--dt-color-magenta-250-l) / var(--fco)) !important;
9704
+ }
9579
9705
  .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 {
9580
9706
  --fco: var(--dt-color-magenta-300-a);
9581
9707
  color: hsl(var(--dt-color-magenta-300-h) var(--dt-color-magenta-300-s) var(--dt-color-magenta-300-l) / var(--fco)) !important;
@@ -9584,10 +9710,34 @@ body {
9584
9710
  --fco: var(--dt-color-magenta-400-a);
9585
9711
  color: hsl(var(--dt-color-magenta-400-h) var(--dt-color-magenta-400-s) var(--dt-color-magenta-400-l) / var(--fco)) !important;
9586
9712
  }
9713
+ .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 {
9714
+ --fco: var(--dt-color-magenta-425-a);
9715
+ color: hsl(var(--dt-color-magenta-425-h) var(--dt-color-magenta-425-s) var(--dt-color-magenta-425-l) / var(--fco)) !important;
9716
+ }
9717
+ .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 {
9718
+ --fco: var(--dt-color-magenta-475-a);
9719
+ color: hsl(var(--dt-color-magenta-475-h) var(--dt-color-magenta-475-s) var(--dt-color-magenta-475-l) / var(--fco)) !important;
9720
+ }
9587
9721
  .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 {
9588
9722
  --fco: var(--dt-color-magenta-500-a);
9589
9723
  color: hsl(var(--dt-color-magenta-500-h) var(--dt-color-magenta-500-s) var(--dt-color-magenta-500-l) / var(--fco)) !important;
9590
9724
  }
9725
+ .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 {
9726
+ --fco: var(--dt-color-magenta-600-a);
9727
+ color: hsl(var(--dt-color-magenta-600-h) var(--dt-color-magenta-600-s) var(--dt-color-magenta-600-l) / var(--fco)) !important;
9728
+ }
9729
+ .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 {
9730
+ --fco: var(--dt-color-magenta-900-a);
9731
+ color: hsl(var(--dt-color-magenta-900-h) var(--dt-color-magenta-900-s) var(--dt-color-magenta-900-l) / var(--fco)) !important;
9732
+ }
9733
+ .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 {
9734
+ --fco: var(--dt-color-magenta-1000-a);
9735
+ color: hsl(var(--dt-color-magenta-1000-h) var(--dt-color-magenta-1000-s) var(--dt-color-magenta-1000-l) / var(--fco)) !important;
9736
+ }
9737
+ .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 {
9738
+ --fco: var(--dt-color-gold-50-a);
9739
+ color: hsl(var(--dt-color-gold-50-h) var(--dt-color-gold-50-s) var(--dt-color-gold-50-l) / var(--fco)) !important;
9740
+ }
9591
9741
  .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 {
9592
9742
  --fco: var(--dt-color-gold-100-a);
9593
9743
  color: hsl(var(--dt-color-gold-100-h) var(--dt-color-gold-100-s) var(--dt-color-gold-100-l) / var(--fco)) !important;
@@ -9600,14 +9750,42 @@ body {
9600
9750
  --fco: var(--dt-color-gold-300-a);
9601
9751
  color: hsl(var(--dt-color-gold-300-h) var(--dt-color-gold-300-s) var(--dt-color-gold-300-l) / var(--fco)) !important;
9602
9752
  }
9753
+ .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 {
9754
+ --fco: var(--dt-color-gold-350-a);
9755
+ color: hsl(var(--dt-color-gold-350-h) var(--dt-color-gold-350-s) var(--dt-color-gold-350-l) / var(--fco)) !important;
9756
+ }
9603
9757
  .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 {
9604
9758
  --fco: var(--dt-color-gold-400-a);
9605
9759
  color: hsl(var(--dt-color-gold-400-h) var(--dt-color-gold-400-s) var(--dt-color-gold-400-l) / var(--fco)) !important;
9606
9760
  }
9761
+ .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 {
9762
+ --fco: var(--dt-color-gold-450-a);
9763
+ color: hsl(var(--dt-color-gold-450-h) var(--dt-color-gold-450-s) var(--dt-color-gold-450-l) / var(--fco)) !important;
9764
+ }
9607
9765
  .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 {
9608
9766
  --fco: var(--dt-color-gold-500-a);
9609
9767
  color: hsl(var(--dt-color-gold-500-h) var(--dt-color-gold-500-s) var(--dt-color-gold-500-l) / var(--fco)) !important;
9610
9768
  }
9769
+ .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 {
9770
+ --fco: var(--dt-color-gold-600-a);
9771
+ color: hsl(var(--dt-color-gold-600-h) var(--dt-color-gold-600-s) var(--dt-color-gold-600-l) / var(--fco)) !important;
9772
+ }
9773
+ .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 {
9774
+ --fco: var(--dt-color-gold-700-a);
9775
+ color: hsl(var(--dt-color-gold-700-h) var(--dt-color-gold-700-s) var(--dt-color-gold-700-l) / var(--fco)) !important;
9776
+ }
9777
+ .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 {
9778
+ --fco: var(--dt-color-gold-900-a);
9779
+ color: hsl(var(--dt-color-gold-900-h) var(--dt-color-gold-900-s) var(--dt-color-gold-900-l) / var(--fco)) !important;
9780
+ }
9781
+ .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 {
9782
+ --fco: var(--dt-color-gold-1000-a);
9783
+ color: hsl(var(--dt-color-gold-1000-h) var(--dt-color-gold-1000-s) var(--dt-color-gold-1000-l) / var(--fco)) !important;
9784
+ }
9785
+ .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 {
9786
+ --fco: var(--dt-color-green-50-a);
9787
+ color: hsl(var(--dt-color-green-50-h) var(--dt-color-green-50-s) var(--dt-color-green-50-l) / var(--fco)) !important;
9788
+ }
9611
9789
  .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 {
9612
9790
  --fco: var(--dt-color-green-100-a);
9613
9791
  color: hsl(var(--dt-color-green-100-h) var(--dt-color-green-100-s) var(--dt-color-green-100-l) / var(--fco)) !important;
@@ -9620,14 +9798,42 @@ body {
9620
9798
  --fco: var(--dt-color-green-300-a);
9621
9799
  color: hsl(var(--dt-color-green-300-h) var(--dt-color-green-300-s) var(--dt-color-green-300-l) / var(--fco)) !important;
9622
9800
  }
9801
+ .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 {
9802
+ --fco: var(--dt-color-green-350-a);
9803
+ color: hsl(var(--dt-color-green-350-h) var(--dt-color-green-350-s) var(--dt-color-green-350-l) / var(--fco)) !important;
9804
+ }
9623
9805
  .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 {
9624
9806
  --fco: var(--dt-color-green-400-a);
9625
9807
  color: hsl(var(--dt-color-green-400-h) var(--dt-color-green-400-s) var(--dt-color-green-400-l) / var(--fco)) !important;
9626
9808
  }
9809
+ .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 {
9810
+ --fco: var(--dt-color-green-425-a);
9811
+ color: hsl(var(--dt-color-green-425-h) var(--dt-color-green-425-s) var(--dt-color-green-425-l) / var(--fco)) !important;
9812
+ }
9813
+ .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 {
9814
+ --fco: var(--dt-color-green-475-a);
9815
+ color: hsl(var(--dt-color-green-475-h) var(--dt-color-green-475-s) var(--dt-color-green-475-l) / var(--fco)) !important;
9816
+ }
9627
9817
  .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 {
9628
9818
  --fco: var(--dt-color-green-500-a);
9629
9819
  color: hsl(var(--dt-color-green-500-h) var(--dt-color-green-500-s) var(--dt-color-green-500-l) / var(--fco)) !important;
9630
9820
  }
9821
+ .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 {
9822
+ --fco: var(--dt-color-green-600-a);
9823
+ color: hsl(var(--dt-color-green-600-h) var(--dt-color-green-600-s) var(--dt-color-green-600-l) / var(--fco)) !important;
9824
+ }
9825
+ .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 {
9826
+ --fco: var(--dt-color-green-900-a);
9827
+ color: hsl(var(--dt-color-green-900-h) var(--dt-color-green-900-s) var(--dt-color-green-900-l) / var(--fco)) !important;
9828
+ }
9829
+ .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 {
9830
+ --fco: var(--dt-color-green-1000-a);
9831
+ color: hsl(var(--dt-color-green-1000-h) var(--dt-color-green-1000-s) var(--dt-color-green-1000-l) / var(--fco)) !important;
9832
+ }
9833
+ .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 {
9834
+ --fco: var(--dt-color-red-50-a);
9835
+ color: hsl(var(--dt-color-red-50-h) var(--dt-color-red-50-s) var(--dt-color-red-50-l) / var(--fco)) !important;
9836
+ }
9631
9837
  .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 {
9632
9838
  --fco: var(--dt-color-red-100-a);
9633
9839
  color: hsl(var(--dt-color-red-100-h) var(--dt-color-red-100-s) var(--dt-color-red-100-l) / var(--fco)) !important;
@@ -9640,14 +9846,42 @@ body {
9640
9846
  --fco: var(--dt-color-red-300-a);
9641
9847
  color: hsl(var(--dt-color-red-300-h) var(--dt-color-red-300-s) var(--dt-color-red-300-l) / var(--fco)) !important;
9642
9848
  }
9849
+ .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 {
9850
+ --fco: var(--dt-color-red-350-a);
9851
+ color: hsl(var(--dt-color-red-350-h) var(--dt-color-red-350-s) var(--dt-color-red-350-l) / var(--fco)) !important;
9852
+ }
9643
9853
  .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 {
9644
9854
  --fco: var(--dt-color-red-400-a);
9645
9855
  color: hsl(var(--dt-color-red-400-h) var(--dt-color-red-400-s) var(--dt-color-red-400-l) / var(--fco)) !important;
9646
9856
  }
9857
+ .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 {
9858
+ --fco: var(--dt-color-red-450-a);
9859
+ color: hsl(var(--dt-color-red-450-h) var(--dt-color-red-450-s) var(--dt-color-red-450-l) / var(--fco)) !important;
9860
+ }
9647
9861
  .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 {
9648
9862
  --fco: var(--dt-color-red-500-a);
9649
9863
  color: hsl(var(--dt-color-red-500-h) var(--dt-color-red-500-s) var(--dt-color-red-500-l) / var(--fco)) !important;
9650
9864
  }
9865
+ .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 {
9866
+ --fco: var(--dt-color-red-600-a);
9867
+ color: hsl(var(--dt-color-red-600-h) var(--dt-color-red-600-s) var(--dt-color-red-600-l) / var(--fco)) !important;
9868
+ }
9869
+ .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 {
9870
+ --fco: var(--dt-color-red-700-a);
9871
+ color: hsl(var(--dt-color-red-700-h) var(--dt-color-red-700-s) var(--dt-color-red-700-l) / var(--fco)) !important;
9872
+ }
9873
+ .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 {
9874
+ --fco: var(--dt-color-red-900-a);
9875
+ color: hsl(var(--dt-color-red-900-h) var(--dt-color-red-900-s) var(--dt-color-red-900-l) / var(--fco)) !important;
9876
+ }
9877
+ .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 {
9878
+ --fco: var(--dt-color-red-1000-a);
9879
+ color: hsl(var(--dt-color-red-1000-h) var(--dt-color-red-1000-s) var(--dt-color-red-1000-l) / var(--fco)) !important;
9880
+ }
9881
+ .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 {
9882
+ --fco: var(--dt-color-tan-50-a);
9883
+ color: hsl(var(--dt-color-tan-50-h) var(--dt-color-tan-50-s) var(--dt-color-tan-50-l) / var(--fco)) !important;
9884
+ }
9651
9885
  .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 {
9652
9886
  --fco: var(--dt-color-tan-100-a);
9653
9887
  color: hsl(var(--dt-color-tan-100-h) var(--dt-color-tan-100-s) var(--dt-color-tan-100-l) / var(--fco)) !important;
@@ -9668,6 +9902,30 @@ body {
9668
9902
  --fco: var(--dt-color-tan-500-a);
9669
9903
  color: hsl(var(--dt-color-tan-500-h) var(--dt-color-tan-500-s) var(--dt-color-tan-500-l) / var(--fco)) !important;
9670
9904
  }
9905
+ .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 {
9906
+ --fco: var(--dt-color-tan-600-a);
9907
+ color: hsl(var(--dt-color-tan-600-h) var(--dt-color-tan-600-s) var(--dt-color-tan-600-l) / var(--fco)) !important;
9908
+ }
9909
+ .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 {
9910
+ --fco: var(--dt-color-tan-700-a);
9911
+ color: hsl(var(--dt-color-tan-700-h) var(--dt-color-tan-700-s) var(--dt-color-tan-700-l) / var(--fco)) !important;
9912
+ }
9913
+ .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 {
9914
+ --fco: var(--dt-color-tan-800-a);
9915
+ color: hsl(var(--dt-color-tan-800-h) var(--dt-color-tan-800-s) var(--dt-color-tan-800-l) / var(--fco)) !important;
9916
+ }
9917
+ .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 {
9918
+ --fco: var(--dt-color-tan-900-a);
9919
+ color: hsl(var(--dt-color-tan-900-h) var(--dt-color-tan-900-s) var(--dt-color-tan-900-l) / var(--fco)) !important;
9920
+ }
9921
+ .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 {
9922
+ --fco: var(--dt-color-tan-950-a);
9923
+ color: hsl(var(--dt-color-tan-950-h) var(--dt-color-tan-950-s) var(--dt-color-tan-950-l) / var(--fco)) !important;
9924
+ }
9925
+ .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 {
9926
+ --fco: var(--dt-color-tan-1000-a);
9927
+ color: hsl(var(--dt-color-tan-1000-h) var(--dt-color-tan-1000-s) var(--dt-color-tan-1000-l) / var(--fco)) !important;
9928
+ }
9671
9929
  .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 {
9672
9930
  --fco: var(--dt-color-foreground-primary-a);
9673
9931
  color: hsl(var(--dt-color-foreground-primary-h) var(--dt-color-foreground-primary-s) var(--dt-color-foreground-primary-l) / var(--fco)) !important;
@@ -9764,6 +10022,14 @@ body {
9764
10022
  --bco: var(--dt-color-neutral-black-a);
9765
10023
  border-color: hsl(var(--dt-color-neutral-black-h) var(--dt-color-neutral-black-s) var(--dt-color-neutral-black-l) / var(--bco)) !important;
9766
10024
  }
10025
+ .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 {
10026
+ --bco: var(--dt-color-neutral-transparent-a);
10027
+ border-color: hsl(var(--dt-color-neutral-transparent-h) var(--dt-color-neutral-transparent-s) var(--dt-color-neutral-transparent-l) / var(--bco)) !important;
10028
+ }
10029
+ .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 {
10030
+ --bco: var(--dt-color-black-50-a);
10031
+ border-color: hsl(var(--dt-color-black-50-h) var(--dt-color-black-50-s) var(--dt-color-black-50-l) / var(--bco)) !important;
10032
+ }
9767
10033
  .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 {
9768
10034
  --bco: var(--dt-color-black-100-a);
9769
10035
  border-color: hsl(var(--dt-color-black-100-h) var(--dt-color-black-100-s) var(--dt-color-black-100-l) / var(--bco)) !important;
@@ -9800,6 +10066,18 @@ body {
9800
10066
  --bco: var(--dt-color-black-900-a);
9801
10067
  border-color: hsl(var(--dt-color-black-900-h) var(--dt-color-black-900-s) var(--dt-color-black-900-l) / var(--bco)) !important;
9802
10068
  }
10069
+ .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 {
10070
+ --bco: var(--dt-color-black-950-a);
10071
+ border-color: hsl(var(--dt-color-black-950-h) var(--dt-color-black-950-s) var(--dt-color-black-950-l) / var(--bco)) !important;
10072
+ }
10073
+ .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 {
10074
+ --bco: var(--dt-color-black-1000-a);
10075
+ border-color: hsl(var(--dt-color-black-1000-h) var(--dt-color-black-1000-s) var(--dt-color-black-1000-l) / var(--bco)) !important;
10076
+ }
10077
+ .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 {
10078
+ --bco: var(--dt-color-purple-50-a);
10079
+ border-color: hsl(var(--dt-color-purple-50-h) var(--dt-color-purple-50-s) var(--dt-color-purple-50-l) / var(--bco)) !important;
10080
+ }
9803
10081
  .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 {
9804
10082
  --bco: var(--dt-color-purple-100-a);
9805
10083
  border-color: hsl(var(--dt-color-purple-100-h) var(--dt-color-purple-100-s) var(--dt-color-purple-100-l) / var(--bco)) !important;
@@ -9808,22 +10086,46 @@ body {
9808
10086
  --bco: var(--dt-color-purple-200-a);
9809
10087
  border-color: hsl(var(--dt-color-purple-200-h) var(--dt-color-purple-200-s) var(--dt-color-purple-200-l) / var(--bco)) !important;
9810
10088
  }
10089
+ .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 {
10090
+ --bco: var(--dt-color-purple-250-a);
10091
+ border-color: hsl(var(--dt-color-purple-250-h) var(--dt-color-purple-250-s) var(--dt-color-purple-250-l) / var(--bco)) !important;
10092
+ }
9811
10093
  .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 {
9812
10094
  --bco: var(--dt-color-purple-300-a);
9813
10095
  border-color: hsl(var(--dt-color-purple-300-h) var(--dt-color-purple-300-s) var(--dt-color-purple-300-l) / var(--bco)) !important;
9814
10096
  }
10097
+ .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 {
10098
+ --bco: var(--dt-color-purple-350-a);
10099
+ border-color: hsl(var(--dt-color-purple-350-h) var(--dt-color-purple-350-s) var(--dt-color-purple-350-l) / var(--bco)) !important;
10100
+ }
9815
10101
  .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 {
9816
10102
  --bco: var(--dt-color-purple-400-a);
9817
10103
  border-color: hsl(var(--dt-color-purple-400-h) var(--dt-color-purple-400-s) var(--dt-color-purple-400-l) / var(--bco)) !important;
9818
10104
  }
10105
+ .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 {
10106
+ --bco: var(--dt-color-purple-450-a);
10107
+ border-color: hsl(var(--dt-color-purple-450-h) var(--dt-color-purple-450-s) var(--dt-color-purple-450-l) / var(--bco)) !important;
10108
+ }
9819
10109
  .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 {
9820
10110
  --bco: var(--dt-color-purple-500-a);
9821
10111
  border-color: hsl(var(--dt-color-purple-500-h) var(--dt-color-purple-500-s) var(--dt-color-purple-500-l) / var(--bco)) !important;
9822
10112
  }
10113
+ .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 {
10114
+ --bco: var(--dt-color-purple-550-a);
10115
+ border-color: hsl(var(--dt-color-purple-550-h) var(--dt-color-purple-550-s) var(--dt-color-purple-550-l) / var(--bco)) !important;
10116
+ }
9823
10117
  .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 {
9824
10118
  --bco: var(--dt-color-purple-600-a);
9825
10119
  border-color: hsl(var(--dt-color-purple-600-h) var(--dt-color-purple-600-s) var(--dt-color-purple-600-l) / var(--bco)) !important;
9826
10120
  }
10121
+ .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 {
10122
+ --bco: var(--dt-color-purple-1000-a);
10123
+ border-color: hsl(var(--dt-color-purple-1000-h) var(--dt-color-purple-1000-s) var(--dt-color-purple-1000-l) / var(--bco)) !important;
10124
+ }
10125
+ .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 {
10126
+ --bco: var(--dt-color-blue-50-a);
10127
+ border-color: hsl(var(--dt-color-blue-50-h) var(--dt-color-blue-50-s) var(--dt-color-blue-50-l) / var(--bco)) !important;
10128
+ }
9827
10129
  .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 {
9828
10130
  --bco: var(--dt-color-blue-100-a);
9829
10131
  border-color: hsl(var(--dt-color-blue-100-h) var(--dt-color-blue-100-s) var(--dt-color-blue-100-l) / var(--bco)) !important;
@@ -9840,10 +10142,38 @@ body {
9840
10142
  --bco: var(--dt-color-blue-400-a);
9841
10143
  border-color: hsl(var(--dt-color-blue-400-h) var(--dt-color-blue-400-s) var(--dt-color-blue-400-l) / var(--bco)) !important;
9842
10144
  }
10145
+ .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 {
10146
+ --bco: var(--dt-color-blue-425-a);
10147
+ border-color: hsl(var(--dt-color-blue-425-h) var(--dt-color-blue-425-s) var(--dt-color-blue-425-l) / var(--bco)) !important;
10148
+ }
10149
+ .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 {
10150
+ --bco: var(--dt-color-blue-450-a);
10151
+ border-color: hsl(var(--dt-color-blue-450-h) var(--dt-color-blue-450-s) var(--dt-color-blue-450-l) / var(--bco)) !important;
10152
+ }
10153
+ .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 {
10154
+ --bco: var(--dt-color-blue-475-a);
10155
+ border-color: hsl(var(--dt-color-blue-475-h) var(--dt-color-blue-475-s) var(--dt-color-blue-475-l) / var(--bco)) !important;
10156
+ }
9843
10157
  .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 {
9844
10158
  --bco: var(--dt-color-blue-500-a);
9845
10159
  border-color: hsl(var(--dt-color-blue-500-h) var(--dt-color-blue-500-s) var(--dt-color-blue-500-l) / var(--bco)) !important;
9846
10160
  }
10161
+ .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 {
10162
+ --bco: var(--dt-color-blue-600-a);
10163
+ border-color: hsl(var(--dt-color-blue-600-h) var(--dt-color-blue-600-s) var(--dt-color-blue-600-l) / var(--bco)) !important;
10164
+ }
10165
+ .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 {
10166
+ --bco: var(--dt-color-blue-900-a);
10167
+ border-color: hsl(var(--dt-color-blue-900-h) var(--dt-color-blue-900-s) var(--dt-color-blue-900-l) / var(--bco)) !important;
10168
+ }
10169
+ .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 {
10170
+ --bco: var(--dt-color-blue-1000-a);
10171
+ border-color: hsl(var(--dt-color-blue-1000-h) var(--dt-color-blue-1000-s) var(--dt-color-blue-1000-l) / var(--bco)) !important;
10172
+ }
10173
+ .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 {
10174
+ --bco: var(--dt-color-magenta-50-a);
10175
+ border-color: hsl(var(--dt-color-magenta-50-h) var(--dt-color-magenta-50-s) var(--dt-color-magenta-50-l) / var(--bco)) !important;
10176
+ }
9847
10177
  .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 {
9848
10178
  --bco: var(--dt-color-magenta-100-a);
9849
10179
  border-color: hsl(var(--dt-color-magenta-100-h) var(--dt-color-magenta-100-s) var(--dt-color-magenta-100-l) / var(--bco)) !important;
@@ -9852,6 +10182,10 @@ body {
9852
10182
  --bco: var(--dt-color-magenta-200-a);
9853
10183
  border-color: hsl(var(--dt-color-magenta-200-h) var(--dt-color-magenta-200-s) var(--dt-color-magenta-200-l) / var(--bco)) !important;
9854
10184
  }
10185
+ .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 {
10186
+ --bco: var(--dt-color-magenta-250-a);
10187
+ border-color: hsl(var(--dt-color-magenta-250-h) var(--dt-color-magenta-250-s) var(--dt-color-magenta-250-l) / var(--bco)) !important;
10188
+ }
9855
10189
  .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 {
9856
10190
  --bco: var(--dt-color-magenta-300-a);
9857
10191
  border-color: hsl(var(--dt-color-magenta-300-h) var(--dt-color-magenta-300-s) var(--dt-color-magenta-300-l) / var(--bco)) !important;
@@ -9860,10 +10194,34 @@ body {
9860
10194
  --bco: var(--dt-color-magenta-400-a);
9861
10195
  border-color: hsl(var(--dt-color-magenta-400-h) var(--dt-color-magenta-400-s) var(--dt-color-magenta-400-l) / var(--bco)) !important;
9862
10196
  }
10197
+ .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 {
10198
+ --bco: var(--dt-color-magenta-425-a);
10199
+ border-color: hsl(var(--dt-color-magenta-425-h) var(--dt-color-magenta-425-s) var(--dt-color-magenta-425-l) / var(--bco)) !important;
10200
+ }
10201
+ .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 {
10202
+ --bco: var(--dt-color-magenta-475-a);
10203
+ border-color: hsl(var(--dt-color-magenta-475-h) var(--dt-color-magenta-475-s) var(--dt-color-magenta-475-l) / var(--bco)) !important;
10204
+ }
9863
10205
  .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 {
9864
10206
  --bco: var(--dt-color-magenta-500-a);
9865
10207
  border-color: hsl(var(--dt-color-magenta-500-h) var(--dt-color-magenta-500-s) var(--dt-color-magenta-500-l) / var(--bco)) !important;
9866
10208
  }
10209
+ .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 {
10210
+ --bco: var(--dt-color-magenta-600-a);
10211
+ border-color: hsl(var(--dt-color-magenta-600-h) var(--dt-color-magenta-600-s) var(--dt-color-magenta-600-l) / var(--bco)) !important;
10212
+ }
10213
+ .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 {
10214
+ --bco: var(--dt-color-magenta-900-a);
10215
+ border-color: hsl(var(--dt-color-magenta-900-h) var(--dt-color-magenta-900-s) var(--dt-color-magenta-900-l) / var(--bco)) !important;
10216
+ }
10217
+ .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 {
10218
+ --bco: var(--dt-color-magenta-1000-a);
10219
+ border-color: hsl(var(--dt-color-magenta-1000-h) var(--dt-color-magenta-1000-s) var(--dt-color-magenta-1000-l) / var(--bco)) !important;
10220
+ }
10221
+ .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 {
10222
+ --bco: var(--dt-color-gold-50-a);
10223
+ border-color: hsl(var(--dt-color-gold-50-h) var(--dt-color-gold-50-s) var(--dt-color-gold-50-l) / var(--bco)) !important;
10224
+ }
9867
10225
  .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 {
9868
10226
  --bco: var(--dt-color-gold-100-a);
9869
10227
  border-color: hsl(var(--dt-color-gold-100-h) var(--dt-color-gold-100-s) var(--dt-color-gold-100-l) / var(--bco)) !important;
@@ -9876,14 +10234,42 @@ body {
9876
10234
  --bco: var(--dt-color-gold-300-a);
9877
10235
  border-color: hsl(var(--dt-color-gold-300-h) var(--dt-color-gold-300-s) var(--dt-color-gold-300-l) / var(--bco)) !important;
9878
10236
  }
10237
+ .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 {
10238
+ --bco: var(--dt-color-gold-350-a);
10239
+ border-color: hsl(var(--dt-color-gold-350-h) var(--dt-color-gold-350-s) var(--dt-color-gold-350-l) / var(--bco)) !important;
10240
+ }
9879
10241
  .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 {
9880
10242
  --bco: var(--dt-color-gold-400-a);
9881
10243
  border-color: hsl(var(--dt-color-gold-400-h) var(--dt-color-gold-400-s) var(--dt-color-gold-400-l) / var(--bco)) !important;
9882
10244
  }
10245
+ .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 {
10246
+ --bco: var(--dt-color-gold-450-a);
10247
+ border-color: hsl(var(--dt-color-gold-450-h) var(--dt-color-gold-450-s) var(--dt-color-gold-450-l) / var(--bco)) !important;
10248
+ }
9883
10249
  .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 {
9884
10250
  --bco: var(--dt-color-gold-500-a);
9885
10251
  border-color: hsl(var(--dt-color-gold-500-h) var(--dt-color-gold-500-s) var(--dt-color-gold-500-l) / var(--bco)) !important;
9886
10252
  }
10253
+ .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 {
10254
+ --bco: var(--dt-color-gold-600-a);
10255
+ border-color: hsl(var(--dt-color-gold-600-h) var(--dt-color-gold-600-s) var(--dt-color-gold-600-l) / var(--bco)) !important;
10256
+ }
10257
+ .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 {
10258
+ --bco: var(--dt-color-gold-700-a);
10259
+ border-color: hsl(var(--dt-color-gold-700-h) var(--dt-color-gold-700-s) var(--dt-color-gold-700-l) / var(--bco)) !important;
10260
+ }
10261
+ .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 {
10262
+ --bco: var(--dt-color-gold-900-a);
10263
+ border-color: hsl(var(--dt-color-gold-900-h) var(--dt-color-gold-900-s) var(--dt-color-gold-900-l) / var(--bco)) !important;
10264
+ }
10265
+ .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 {
10266
+ --bco: var(--dt-color-gold-1000-a);
10267
+ border-color: hsl(var(--dt-color-gold-1000-h) var(--dt-color-gold-1000-s) var(--dt-color-gold-1000-l) / var(--bco)) !important;
10268
+ }
10269
+ .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 {
10270
+ --bco: var(--dt-color-green-50-a);
10271
+ border-color: hsl(var(--dt-color-green-50-h) var(--dt-color-green-50-s) var(--dt-color-green-50-l) / var(--bco)) !important;
10272
+ }
9887
10273
  .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 {
9888
10274
  --bco: var(--dt-color-green-100-a);
9889
10275
  border-color: hsl(var(--dt-color-green-100-h) var(--dt-color-green-100-s) var(--dt-color-green-100-l) / var(--bco)) !important;
@@ -9896,14 +10282,42 @@ body {
9896
10282
  --bco: var(--dt-color-green-300-a);
9897
10283
  border-color: hsl(var(--dt-color-green-300-h) var(--dt-color-green-300-s) var(--dt-color-green-300-l) / var(--bco)) !important;
9898
10284
  }
10285
+ .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 {
10286
+ --bco: var(--dt-color-green-350-a);
10287
+ border-color: hsl(var(--dt-color-green-350-h) var(--dt-color-green-350-s) var(--dt-color-green-350-l) / var(--bco)) !important;
10288
+ }
9899
10289
  .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 {
9900
10290
  --bco: var(--dt-color-green-400-a);
9901
10291
  border-color: hsl(var(--dt-color-green-400-h) var(--dt-color-green-400-s) var(--dt-color-green-400-l) / var(--bco)) !important;
9902
10292
  }
10293
+ .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 {
10294
+ --bco: var(--dt-color-green-425-a);
10295
+ border-color: hsl(var(--dt-color-green-425-h) var(--dt-color-green-425-s) var(--dt-color-green-425-l) / var(--bco)) !important;
10296
+ }
10297
+ .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 {
10298
+ --bco: var(--dt-color-green-475-a);
10299
+ border-color: hsl(var(--dt-color-green-475-h) var(--dt-color-green-475-s) var(--dt-color-green-475-l) / var(--bco)) !important;
10300
+ }
9903
10301
  .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 {
9904
10302
  --bco: var(--dt-color-green-500-a);
9905
10303
  border-color: hsl(var(--dt-color-green-500-h) var(--dt-color-green-500-s) var(--dt-color-green-500-l) / var(--bco)) !important;
9906
10304
  }
10305
+ .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 {
10306
+ --bco: var(--dt-color-green-600-a);
10307
+ border-color: hsl(var(--dt-color-green-600-h) var(--dt-color-green-600-s) var(--dt-color-green-600-l) / var(--bco)) !important;
10308
+ }
10309
+ .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 {
10310
+ --bco: var(--dt-color-green-900-a);
10311
+ border-color: hsl(var(--dt-color-green-900-h) var(--dt-color-green-900-s) var(--dt-color-green-900-l) / var(--bco)) !important;
10312
+ }
10313
+ .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 {
10314
+ --bco: var(--dt-color-green-1000-a);
10315
+ border-color: hsl(var(--dt-color-green-1000-h) var(--dt-color-green-1000-s) var(--dt-color-green-1000-l) / var(--bco)) !important;
10316
+ }
10317
+ .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 {
10318
+ --bco: var(--dt-color-red-50-a);
10319
+ border-color: hsl(var(--dt-color-red-50-h) var(--dt-color-red-50-s) var(--dt-color-red-50-l) / var(--bco)) !important;
10320
+ }
9907
10321
  .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 {
9908
10322
  --bco: var(--dt-color-red-100-a);
9909
10323
  border-color: hsl(var(--dt-color-red-100-h) var(--dt-color-red-100-s) var(--dt-color-red-100-l) / var(--bco)) !important;
@@ -9916,14 +10330,42 @@ body {
9916
10330
  --bco: var(--dt-color-red-300-a);
9917
10331
  border-color: hsl(var(--dt-color-red-300-h) var(--dt-color-red-300-s) var(--dt-color-red-300-l) / var(--bco)) !important;
9918
10332
  }
10333
+ .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 {
10334
+ --bco: var(--dt-color-red-350-a);
10335
+ border-color: hsl(var(--dt-color-red-350-h) var(--dt-color-red-350-s) var(--dt-color-red-350-l) / var(--bco)) !important;
10336
+ }
9919
10337
  .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 {
9920
10338
  --bco: var(--dt-color-red-400-a);
9921
10339
  border-color: hsl(var(--dt-color-red-400-h) var(--dt-color-red-400-s) var(--dt-color-red-400-l) / var(--bco)) !important;
9922
10340
  }
10341
+ .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 {
10342
+ --bco: var(--dt-color-red-450-a);
10343
+ border-color: hsl(var(--dt-color-red-450-h) var(--dt-color-red-450-s) var(--dt-color-red-450-l) / var(--bco)) !important;
10344
+ }
9923
10345
  .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 {
9924
10346
  --bco: var(--dt-color-red-500-a);
9925
10347
  border-color: hsl(var(--dt-color-red-500-h) var(--dt-color-red-500-s) var(--dt-color-red-500-l) / var(--bco)) !important;
9926
10348
  }
10349
+ .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 {
10350
+ --bco: var(--dt-color-red-600-a);
10351
+ border-color: hsl(var(--dt-color-red-600-h) var(--dt-color-red-600-s) var(--dt-color-red-600-l) / var(--bco)) !important;
10352
+ }
10353
+ .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 {
10354
+ --bco: var(--dt-color-red-700-a);
10355
+ border-color: hsl(var(--dt-color-red-700-h) var(--dt-color-red-700-s) var(--dt-color-red-700-l) / var(--bco)) !important;
10356
+ }
10357
+ .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 {
10358
+ --bco: var(--dt-color-red-900-a);
10359
+ border-color: hsl(var(--dt-color-red-900-h) var(--dt-color-red-900-s) var(--dt-color-red-900-l) / var(--bco)) !important;
10360
+ }
10361
+ .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 {
10362
+ --bco: var(--dt-color-red-1000-a);
10363
+ border-color: hsl(var(--dt-color-red-1000-h) var(--dt-color-red-1000-s) var(--dt-color-red-1000-l) / var(--bco)) !important;
10364
+ }
10365
+ .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 {
10366
+ --bco: var(--dt-color-tan-50-a);
10367
+ border-color: hsl(var(--dt-color-tan-50-h) var(--dt-color-tan-50-s) var(--dt-color-tan-50-l) / var(--bco)) !important;
10368
+ }
9927
10369
  .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 {
9928
10370
  --bco: var(--dt-color-tan-100-a);
9929
10371
  border-color: hsl(var(--dt-color-tan-100-h) var(--dt-color-tan-100-s) var(--dt-color-tan-100-l) / var(--bco)) !important;
@@ -9944,6 +10386,30 @@ body {
9944
10386
  --bco: var(--dt-color-tan-500-a);
9945
10387
  border-color: hsl(var(--dt-color-tan-500-h) var(--dt-color-tan-500-s) var(--dt-color-tan-500-l) / var(--bco)) !important;
9946
10388
  }
10389
+ .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 {
10390
+ --bco: var(--dt-color-tan-600-a);
10391
+ border-color: hsl(var(--dt-color-tan-600-h) var(--dt-color-tan-600-s) var(--dt-color-tan-600-l) / var(--bco)) !important;
10392
+ }
10393
+ .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 {
10394
+ --bco: var(--dt-color-tan-700-a);
10395
+ border-color: hsl(var(--dt-color-tan-700-h) var(--dt-color-tan-700-s) var(--dt-color-tan-700-l) / var(--bco)) !important;
10396
+ }
10397
+ .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 {
10398
+ --bco: var(--dt-color-tan-800-a);
10399
+ border-color: hsl(var(--dt-color-tan-800-h) var(--dt-color-tan-800-s) var(--dt-color-tan-800-l) / var(--bco)) !important;
10400
+ }
10401
+ .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 {
10402
+ --bco: var(--dt-color-tan-900-a);
10403
+ border-color: hsl(var(--dt-color-tan-900-h) var(--dt-color-tan-900-s) var(--dt-color-tan-900-l) / var(--bco)) !important;
10404
+ }
10405
+ .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 {
10406
+ --bco: var(--dt-color-tan-950-a);
10407
+ border-color: hsl(var(--dt-color-tan-950-h) var(--dt-color-tan-950-s) var(--dt-color-tan-950-l) / var(--bco)) !important;
10408
+ }
10409
+ .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 {
10410
+ --bco: var(--dt-color-tan-1000-a);
10411
+ border-color: hsl(var(--dt-color-tan-1000-h) var(--dt-color-tan-1000-s) var(--dt-color-tan-1000-l) / var(--bco)) !important;
10412
+ }
9947
10413
  .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 {
9948
10414
  --bco: var(--dt-color-border-subtle-a);
9949
10415
  border-color: hsl(var(--dt-color-border-subtle-h) var(--dt-color-border-subtle-s) var(--dt-color-border-subtle-l) / var(--bco)) !important;
@@ -9960,26 +10426,6 @@ body {
9960
10426
  --bco: var(--dt-color-border-bold-a);
9961
10427
  border-color: hsl(var(--dt-color-border-bold-h) var(--dt-color-border-bold-s) var(--dt-color-border-bold-l) / var(--bco)) !important;
9962
10428
  }
9963
- .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 {
9964
- --bco: var(--dt-color-border-subtle-inverted-a);
9965
- 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;
9966
- }
9967
- .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 {
9968
- --bco: var(--dt-color-border-default-inverted-a);
9969
- 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;
9970
- }
9971
- .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 {
9972
- --bco: var(--dt-color-border-moderate-inverted-a);
9973
- 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;
9974
- }
9975
- .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 {
9976
- --bco: var(--dt-color-border-bold-inverted-a);
9977
- 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;
9978
- }
9979
- .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 {
9980
- --bco: var(--dt-color-border-focus-a);
9981
- border-color: hsl(var(--dt-color-border-focus-h) var(--dt-color-border-focus-s) var(--dt-color-border-focus-l) / var(--bco)) !important;
9982
- }
9983
10429
  .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 {
9984
10430
  --bco: var(--dt-color-border-critical-a);
9985
10431
  border-color: hsl(var(--dt-color-border-critical-h) var(--dt-color-border-critical-s) var(--dt-color-border-critical-l) / var(--bco)) !important;
@@ -9996,46 +10442,54 @@ body {
9996
10442
  --bco: var(--dt-color-border-brand-a);
9997
10443
  border-color: hsl(var(--dt-color-border-brand-h) var(--dt-color-border-brand-s) var(--dt-color-border-brand-l) / var(--bco)) !important;
9998
10444
  }
9999
- .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 {
10000
- --bco: 100%;
10001
- border-color: var(--dt-color-border-ai) !important;
10002
- }
10003
- .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 {
10004
- --bco: var(--dt-color-border-accent-a);
10005
- border-color: hsl(var(--dt-color-border-accent-h) var(--dt-color-border-accent-s) var(--dt-color-border-accent-l) / var(--bco)) !important;
10006
- }
10007
10445
  .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 {
10008
10446
  --bco: var(--dt-color-border-critical-subtle-a);
10009
10447
  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;
10010
10448
  }
10011
- .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 {
10012
- --bco: var(--dt-color-border-critical-strong-a);
10013
- 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;
10014
- }
10015
10449
  .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 {
10016
10450
  --bco: var(--dt-color-border-success-subtle-a);
10017
10451
  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;
10018
10452
  }
10019
- .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 {
10020
- --bco: var(--dt-color-border-success-strong-a);
10021
- 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;
10022
- }
10023
10453
  .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 {
10024
10454
  --bco: var(--dt-color-border-warning-subtle-a);
10025
10455
  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;
10026
10456
  }
10027
- .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 {
10028
- --bco: var(--dt-color-border-warning-strong-a);
10029
- 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;
10030
- }
10031
10457
  .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 {
10032
10458
  --bco: var(--dt-color-border-brand-subtle-a);
10033
10459
  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;
10034
10460
  }
10461
+ .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 {
10462
+ --bco: var(--dt-color-border-critical-strong-a);
10463
+ 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;
10464
+ }
10465
+ .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 {
10466
+ --bco: var(--dt-color-border-success-strong-a);
10467
+ 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;
10468
+ }
10469
+ .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 {
10470
+ --bco: var(--dt-color-border-warning-strong-a);
10471
+ 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;
10472
+ }
10035
10473
  .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 {
10036
10474
  --bco: var(--dt-color-border-brand-strong-a);
10037
10475
  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;
10038
10476
  }
10477
+ .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 {
10478
+ --bco: var(--dt-color-border-subtle-inverted-a);
10479
+ 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;
10480
+ }
10481
+ .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 {
10482
+ --bco: var(--dt-color-border-default-inverted-a);
10483
+ 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;
10484
+ }
10485
+ .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 {
10486
+ --bco: var(--dt-color-border-moderate-inverted-a);
10487
+ 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;
10488
+ }
10489
+ .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 {
10490
+ --bco: var(--dt-color-border-bold-inverted-a);
10491
+ 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;
10492
+ }
10039
10493
  .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 {
10040
10494
  --bco: var(--dt-color-border-critical-inverted-a);
10041
10495
  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;
@@ -10056,34 +10510,42 @@ body {
10056
10510
  --bco: var(--dt-color-border-critical-subtle-inverted-a);
10057
10511
  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;
10058
10512
  }
10059
- .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 {
10060
- --bco: var(--dt-color-border-critical-strong-inverted-a);
10061
- 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;
10062
- }
10063
10513
  .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 {
10064
10514
  --bco: var(--dt-color-border-success-subtle-inverted-a);
10065
10515
  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;
10066
10516
  }
10067
- .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 {
10068
- --bco: var(--dt-color-border-success-strong-inverted-a);
10069
- 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;
10070
- }
10071
10517
  .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 {
10072
10518
  --bco: var(--dt-color-border-warning-subtle-inverted-a);
10073
10519
  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;
10074
10520
  }
10075
- .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 {
10076
- --bco: var(--dt-color-border-warning-strong-inverted-a);
10077
- 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;
10078
- }
10079
10521
  .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 {
10080
10522
  --bco: var(--dt-color-border-brand-subtle-inverted-a);
10081
10523
  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;
10082
10524
  }
10525
+ .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 {
10526
+ --bco: var(--dt-color-border-critical-strong-inverted-a);
10527
+ 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;
10528
+ }
10529
+ .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 {
10530
+ --bco: var(--dt-color-border-success-strong-inverted-a);
10531
+ 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;
10532
+ }
10533
+ .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 {
10534
+ --bco: var(--dt-color-border-warning-strong-inverted-a);
10535
+ 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;
10536
+ }
10083
10537
  .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 {
10084
10538
  --bco: var(--dt-color-border-brand-strong-inverted-a);
10085
10539
  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;
10086
10540
  }
10541
+ .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 {
10542
+ --bco: var(--dt-color-border-focus-a);
10543
+ border-color: hsl(var(--dt-color-border-focus-h) var(--dt-color-border-focus-s) var(--dt-color-border-focus-l) / var(--bco)) !important;
10544
+ }
10545
+ .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 {
10546
+ --bco: var(--dt-color-border-accent-a);
10547
+ border-color: hsl(var(--dt-color-border-accent-h) var(--dt-color-border-accent-s) var(--dt-color-border-accent-l) / var(--bco)) !important;
10548
+ }
10087
10549
  .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 {
10088
10550
  --bgo: var(--dt-color-neutral-white-a);
10089
10551
  background-color: hsl(var(--dt-color-neutral-white-h) var(--dt-color-neutral-white-s) var(--dt-color-neutral-white-l) / var(--bgo)) !important;
@@ -10092,6 +10554,14 @@ body {
10092
10554
  --bgo: var(--dt-color-neutral-black-a);
10093
10555
  background-color: hsl(var(--dt-color-neutral-black-h) var(--dt-color-neutral-black-s) var(--dt-color-neutral-black-l) / var(--bgo)) !important;
10094
10556
  }
10557
+ .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 {
10558
+ --bgo: var(--dt-color-neutral-transparent-a);
10559
+ background-color: hsl(var(--dt-color-neutral-transparent-h) var(--dt-color-neutral-transparent-s) var(--dt-color-neutral-transparent-l) / var(--bgo)) !important;
10560
+ }
10561
+ .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 {
10562
+ --bgo: var(--dt-color-black-50-a);
10563
+ background-color: hsl(var(--dt-color-black-50-h) var(--dt-color-black-50-s) var(--dt-color-black-50-l) / var(--bgo)) !important;
10564
+ }
10095
10565
  .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 {
10096
10566
  --bgo: var(--dt-color-black-100-a);
10097
10567
  background-color: hsl(var(--dt-color-black-100-h) var(--dt-color-black-100-s) var(--dt-color-black-100-l) / var(--bgo)) !important;
@@ -10128,7 +10598,19 @@ body {
10128
10598
  --bgo: var(--dt-color-black-900-a);
10129
10599
  background-color: hsl(var(--dt-color-black-900-h) var(--dt-color-black-900-s) var(--dt-color-black-900-l) / var(--bgo)) !important;
10130
10600
  }
10131
- .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 {
10601
+ .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 {
10602
+ --bgo: var(--dt-color-black-950-a);
10603
+ background-color: hsl(var(--dt-color-black-950-h) var(--dt-color-black-950-s) var(--dt-color-black-950-l) / var(--bgo)) !important;
10604
+ }
10605
+ .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 {
10606
+ --bgo: var(--dt-color-black-1000-a);
10607
+ background-color: hsl(var(--dt-color-black-1000-h) var(--dt-color-black-1000-s) var(--dt-color-black-1000-l) / var(--bgo)) !important;
10608
+ }
10609
+ .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 {
10610
+ --bgo: var(--dt-color-purple-50-a);
10611
+ background-color: hsl(var(--dt-color-purple-50-h) var(--dt-color-purple-50-s) var(--dt-color-purple-50-l) / var(--bgo)) !important;
10612
+ }
10613
+ .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 {
10132
10614
  --bgo: var(--dt-color-purple-100-a);
10133
10615
  background-color: hsl(var(--dt-color-purple-100-h) var(--dt-color-purple-100-s) var(--dt-color-purple-100-l) / var(--bgo)) !important;
10134
10616
  }
@@ -10136,22 +10618,46 @@ body {
10136
10618
  --bgo: var(--dt-color-purple-200-a);
10137
10619
  background-color: hsl(var(--dt-color-purple-200-h) var(--dt-color-purple-200-s) var(--dt-color-purple-200-l) / var(--bgo)) !important;
10138
10620
  }
10621
+ .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 {
10622
+ --bgo: var(--dt-color-purple-250-a);
10623
+ background-color: hsl(var(--dt-color-purple-250-h) var(--dt-color-purple-250-s) var(--dt-color-purple-250-l) / var(--bgo)) !important;
10624
+ }
10139
10625
  .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 {
10140
10626
  --bgo: var(--dt-color-purple-300-a);
10141
10627
  background-color: hsl(var(--dt-color-purple-300-h) var(--dt-color-purple-300-s) var(--dt-color-purple-300-l) / var(--bgo)) !important;
10142
10628
  }
10629
+ .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 {
10630
+ --bgo: var(--dt-color-purple-350-a);
10631
+ background-color: hsl(var(--dt-color-purple-350-h) var(--dt-color-purple-350-s) var(--dt-color-purple-350-l) / var(--bgo)) !important;
10632
+ }
10143
10633
  .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 {
10144
10634
  --bgo: var(--dt-color-purple-400-a);
10145
10635
  background-color: hsl(var(--dt-color-purple-400-h) var(--dt-color-purple-400-s) var(--dt-color-purple-400-l) / var(--bgo)) !important;
10146
10636
  }
10637
+ .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 {
10638
+ --bgo: var(--dt-color-purple-450-a);
10639
+ background-color: hsl(var(--dt-color-purple-450-h) var(--dt-color-purple-450-s) var(--dt-color-purple-450-l) / var(--bgo)) !important;
10640
+ }
10147
10641
  .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 {
10148
10642
  --bgo: var(--dt-color-purple-500-a);
10149
10643
  background-color: hsl(var(--dt-color-purple-500-h) var(--dt-color-purple-500-s) var(--dt-color-purple-500-l) / var(--bgo)) !important;
10150
10644
  }
10645
+ .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 {
10646
+ --bgo: var(--dt-color-purple-550-a);
10647
+ background-color: hsl(var(--dt-color-purple-550-h) var(--dt-color-purple-550-s) var(--dt-color-purple-550-l) / var(--bgo)) !important;
10648
+ }
10151
10649
  .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 {
10152
10650
  --bgo: var(--dt-color-purple-600-a);
10153
10651
  background-color: hsl(var(--dt-color-purple-600-h) var(--dt-color-purple-600-s) var(--dt-color-purple-600-l) / var(--bgo)) !important;
10154
10652
  }
10653
+ .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 {
10654
+ --bgo: var(--dt-color-purple-1000-a);
10655
+ background-color: hsl(var(--dt-color-purple-1000-h) var(--dt-color-purple-1000-s) var(--dt-color-purple-1000-l) / var(--bgo)) !important;
10656
+ }
10657
+ .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 {
10658
+ --bgo: var(--dt-color-blue-50-a);
10659
+ background-color: hsl(var(--dt-color-blue-50-h) var(--dt-color-blue-50-s) var(--dt-color-blue-50-l) / var(--bgo)) !important;
10660
+ }
10155
10661
  .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 {
10156
10662
  --bgo: var(--dt-color-blue-100-a);
10157
10663
  background-color: hsl(var(--dt-color-blue-100-h) var(--dt-color-blue-100-s) var(--dt-color-blue-100-l) / var(--bgo)) !important;
@@ -10168,10 +10674,38 @@ body {
10168
10674
  --bgo: var(--dt-color-blue-400-a);
10169
10675
  background-color: hsl(var(--dt-color-blue-400-h) var(--dt-color-blue-400-s) var(--dt-color-blue-400-l) / var(--bgo)) !important;
10170
10676
  }
10677
+ .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 {
10678
+ --bgo: var(--dt-color-blue-425-a);
10679
+ background-color: hsl(var(--dt-color-blue-425-h) var(--dt-color-blue-425-s) var(--dt-color-blue-425-l) / var(--bgo)) !important;
10680
+ }
10681
+ .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 {
10682
+ --bgo: var(--dt-color-blue-450-a);
10683
+ background-color: hsl(var(--dt-color-blue-450-h) var(--dt-color-blue-450-s) var(--dt-color-blue-450-l) / var(--bgo)) !important;
10684
+ }
10685
+ .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 {
10686
+ --bgo: var(--dt-color-blue-475-a);
10687
+ background-color: hsl(var(--dt-color-blue-475-h) var(--dt-color-blue-475-s) var(--dt-color-blue-475-l) / var(--bgo)) !important;
10688
+ }
10171
10689
  .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 {
10172
10690
  --bgo: var(--dt-color-blue-500-a);
10173
10691
  background-color: hsl(var(--dt-color-blue-500-h) var(--dt-color-blue-500-s) var(--dt-color-blue-500-l) / var(--bgo)) !important;
10174
10692
  }
10693
+ .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 {
10694
+ --bgo: var(--dt-color-blue-600-a);
10695
+ background-color: hsl(var(--dt-color-blue-600-h) var(--dt-color-blue-600-s) var(--dt-color-blue-600-l) / var(--bgo)) !important;
10696
+ }
10697
+ .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 {
10698
+ --bgo: var(--dt-color-blue-900-a);
10699
+ background-color: hsl(var(--dt-color-blue-900-h) var(--dt-color-blue-900-s) var(--dt-color-blue-900-l) / var(--bgo)) !important;
10700
+ }
10701
+ .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 {
10702
+ --bgo: var(--dt-color-blue-1000-a);
10703
+ background-color: hsl(var(--dt-color-blue-1000-h) var(--dt-color-blue-1000-s) var(--dt-color-blue-1000-l) / var(--bgo)) !important;
10704
+ }
10705
+ .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 {
10706
+ --bgo: var(--dt-color-magenta-50-a);
10707
+ background-color: hsl(var(--dt-color-magenta-50-h) var(--dt-color-magenta-50-s) var(--dt-color-magenta-50-l) / var(--bgo)) !important;
10708
+ }
10175
10709
  .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 {
10176
10710
  --bgo: var(--dt-color-magenta-100-a);
10177
10711
  background-color: hsl(var(--dt-color-magenta-100-h) var(--dt-color-magenta-100-s) var(--dt-color-magenta-100-l) / var(--bgo)) !important;
@@ -10180,6 +10714,10 @@ body {
10180
10714
  --bgo: var(--dt-color-magenta-200-a);
10181
10715
  background-color: hsl(var(--dt-color-magenta-200-h) var(--dt-color-magenta-200-s) var(--dt-color-magenta-200-l) / var(--bgo)) !important;
10182
10716
  }
10717
+ .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 {
10718
+ --bgo: var(--dt-color-magenta-250-a);
10719
+ background-color: hsl(var(--dt-color-magenta-250-h) var(--dt-color-magenta-250-s) var(--dt-color-magenta-250-l) / var(--bgo)) !important;
10720
+ }
10183
10721
  .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 {
10184
10722
  --bgo: var(--dt-color-magenta-300-a);
10185
10723
  background-color: hsl(var(--dt-color-magenta-300-h) var(--dt-color-magenta-300-s) var(--dt-color-magenta-300-l) / var(--bgo)) !important;
@@ -10188,10 +10726,34 @@ body {
10188
10726
  --bgo: var(--dt-color-magenta-400-a);
10189
10727
  background-color: hsl(var(--dt-color-magenta-400-h) var(--dt-color-magenta-400-s) var(--dt-color-magenta-400-l) / var(--bgo)) !important;
10190
10728
  }
10729
+ .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 {
10730
+ --bgo: var(--dt-color-magenta-425-a);
10731
+ background-color: hsl(var(--dt-color-magenta-425-h) var(--dt-color-magenta-425-s) var(--dt-color-magenta-425-l) / var(--bgo)) !important;
10732
+ }
10733
+ .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 {
10734
+ --bgo: var(--dt-color-magenta-475-a);
10735
+ background-color: hsl(var(--dt-color-magenta-475-h) var(--dt-color-magenta-475-s) var(--dt-color-magenta-475-l) / var(--bgo)) !important;
10736
+ }
10191
10737
  .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 {
10192
10738
  --bgo: var(--dt-color-magenta-500-a);
10193
10739
  background-color: hsl(var(--dt-color-magenta-500-h) var(--dt-color-magenta-500-s) var(--dt-color-magenta-500-l) / var(--bgo)) !important;
10194
10740
  }
10741
+ .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 {
10742
+ --bgo: var(--dt-color-magenta-600-a);
10743
+ background-color: hsl(var(--dt-color-magenta-600-h) var(--dt-color-magenta-600-s) var(--dt-color-magenta-600-l) / var(--bgo)) !important;
10744
+ }
10745
+ .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 {
10746
+ --bgo: var(--dt-color-magenta-900-a);
10747
+ background-color: hsl(var(--dt-color-magenta-900-h) var(--dt-color-magenta-900-s) var(--dt-color-magenta-900-l) / var(--bgo)) !important;
10748
+ }
10749
+ .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 {
10750
+ --bgo: var(--dt-color-magenta-1000-a);
10751
+ background-color: hsl(var(--dt-color-magenta-1000-h) var(--dt-color-magenta-1000-s) var(--dt-color-magenta-1000-l) / var(--bgo)) !important;
10752
+ }
10753
+ .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 {
10754
+ --bgo: var(--dt-color-gold-50-a);
10755
+ background-color: hsl(var(--dt-color-gold-50-h) var(--dt-color-gold-50-s) var(--dt-color-gold-50-l) / var(--bgo)) !important;
10756
+ }
10195
10757
  .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 {
10196
10758
  --bgo: var(--dt-color-gold-100-a);
10197
10759
  background-color: hsl(var(--dt-color-gold-100-h) var(--dt-color-gold-100-s) var(--dt-color-gold-100-l) / var(--bgo)) !important;
@@ -10204,14 +10766,42 @@ body {
10204
10766
  --bgo: var(--dt-color-gold-300-a);
10205
10767
  background-color: hsl(var(--dt-color-gold-300-h) var(--dt-color-gold-300-s) var(--dt-color-gold-300-l) / var(--bgo)) !important;
10206
10768
  }
10769
+ .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 {
10770
+ --bgo: var(--dt-color-gold-350-a);
10771
+ background-color: hsl(var(--dt-color-gold-350-h) var(--dt-color-gold-350-s) var(--dt-color-gold-350-l) / var(--bgo)) !important;
10772
+ }
10207
10773
  .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 {
10208
10774
  --bgo: var(--dt-color-gold-400-a);
10209
10775
  background-color: hsl(var(--dt-color-gold-400-h) var(--dt-color-gold-400-s) var(--dt-color-gold-400-l) / var(--bgo)) !important;
10210
10776
  }
10777
+ .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 {
10778
+ --bgo: var(--dt-color-gold-450-a);
10779
+ background-color: hsl(var(--dt-color-gold-450-h) var(--dt-color-gold-450-s) var(--dt-color-gold-450-l) / var(--bgo)) !important;
10780
+ }
10211
10781
  .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 {
10212
10782
  --bgo: var(--dt-color-gold-500-a);
10213
10783
  background-color: hsl(var(--dt-color-gold-500-h) var(--dt-color-gold-500-s) var(--dt-color-gold-500-l) / var(--bgo)) !important;
10214
10784
  }
10785
+ .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 {
10786
+ --bgo: var(--dt-color-gold-600-a);
10787
+ background-color: hsl(var(--dt-color-gold-600-h) var(--dt-color-gold-600-s) var(--dt-color-gold-600-l) / var(--bgo)) !important;
10788
+ }
10789
+ .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 {
10790
+ --bgo: var(--dt-color-gold-700-a);
10791
+ background-color: hsl(var(--dt-color-gold-700-h) var(--dt-color-gold-700-s) var(--dt-color-gold-700-l) / var(--bgo)) !important;
10792
+ }
10793
+ .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 {
10794
+ --bgo: var(--dt-color-gold-900-a);
10795
+ background-color: hsl(var(--dt-color-gold-900-h) var(--dt-color-gold-900-s) var(--dt-color-gold-900-l) / var(--bgo)) !important;
10796
+ }
10797
+ .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 {
10798
+ --bgo: var(--dt-color-gold-1000-a);
10799
+ background-color: hsl(var(--dt-color-gold-1000-h) var(--dt-color-gold-1000-s) var(--dt-color-gold-1000-l) / var(--bgo)) !important;
10800
+ }
10801
+ .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 {
10802
+ --bgo: var(--dt-color-green-50-a);
10803
+ background-color: hsl(var(--dt-color-green-50-h) var(--dt-color-green-50-s) var(--dt-color-green-50-l) / var(--bgo)) !important;
10804
+ }
10215
10805
  .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 {
10216
10806
  --bgo: var(--dt-color-green-100-a);
10217
10807
  background-color: hsl(var(--dt-color-green-100-h) var(--dt-color-green-100-s) var(--dt-color-green-100-l) / var(--bgo)) !important;
@@ -10224,14 +10814,42 @@ body {
10224
10814
  --bgo: var(--dt-color-green-300-a);
10225
10815
  background-color: hsl(var(--dt-color-green-300-h) var(--dt-color-green-300-s) var(--dt-color-green-300-l) / var(--bgo)) !important;
10226
10816
  }
10817
+ .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 {
10818
+ --bgo: var(--dt-color-green-350-a);
10819
+ background-color: hsl(var(--dt-color-green-350-h) var(--dt-color-green-350-s) var(--dt-color-green-350-l) / var(--bgo)) !important;
10820
+ }
10227
10821
  .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 {
10228
10822
  --bgo: var(--dt-color-green-400-a);
10229
10823
  background-color: hsl(var(--dt-color-green-400-h) var(--dt-color-green-400-s) var(--dt-color-green-400-l) / var(--bgo)) !important;
10230
10824
  }
10825
+ .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 {
10826
+ --bgo: var(--dt-color-green-425-a);
10827
+ background-color: hsl(var(--dt-color-green-425-h) var(--dt-color-green-425-s) var(--dt-color-green-425-l) / var(--bgo)) !important;
10828
+ }
10829
+ .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 {
10830
+ --bgo: var(--dt-color-green-475-a);
10831
+ background-color: hsl(var(--dt-color-green-475-h) var(--dt-color-green-475-s) var(--dt-color-green-475-l) / var(--bgo)) !important;
10832
+ }
10231
10833
  .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 {
10232
10834
  --bgo: var(--dt-color-green-500-a);
10233
10835
  background-color: hsl(var(--dt-color-green-500-h) var(--dt-color-green-500-s) var(--dt-color-green-500-l) / var(--bgo)) !important;
10234
10836
  }
10837
+ .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 {
10838
+ --bgo: var(--dt-color-green-600-a);
10839
+ background-color: hsl(var(--dt-color-green-600-h) var(--dt-color-green-600-s) var(--dt-color-green-600-l) / var(--bgo)) !important;
10840
+ }
10841
+ .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 {
10842
+ --bgo: var(--dt-color-green-900-a);
10843
+ background-color: hsl(var(--dt-color-green-900-h) var(--dt-color-green-900-s) var(--dt-color-green-900-l) / var(--bgo)) !important;
10844
+ }
10845
+ .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 {
10846
+ --bgo: var(--dt-color-green-1000-a);
10847
+ background-color: hsl(var(--dt-color-green-1000-h) var(--dt-color-green-1000-s) var(--dt-color-green-1000-l) / var(--bgo)) !important;
10848
+ }
10849
+ .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 {
10850
+ --bgo: var(--dt-color-red-50-a);
10851
+ background-color: hsl(var(--dt-color-red-50-h) var(--dt-color-red-50-s) var(--dt-color-red-50-l) / var(--bgo)) !important;
10852
+ }
10235
10853
  .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 {
10236
10854
  --bgo: var(--dt-color-red-100-a);
10237
10855
  background-color: hsl(var(--dt-color-red-100-h) var(--dt-color-red-100-s) var(--dt-color-red-100-l) / var(--bgo)) !important;
@@ -10244,14 +10862,42 @@ body {
10244
10862
  --bgo: var(--dt-color-red-300-a);
10245
10863
  background-color: hsl(var(--dt-color-red-300-h) var(--dt-color-red-300-s) var(--dt-color-red-300-l) / var(--bgo)) !important;
10246
10864
  }
10865
+ .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 {
10866
+ --bgo: var(--dt-color-red-350-a);
10867
+ background-color: hsl(var(--dt-color-red-350-h) var(--dt-color-red-350-s) var(--dt-color-red-350-l) / var(--bgo)) !important;
10868
+ }
10247
10869
  .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 {
10248
10870
  --bgo: var(--dt-color-red-400-a);
10249
10871
  background-color: hsl(var(--dt-color-red-400-h) var(--dt-color-red-400-s) var(--dt-color-red-400-l) / var(--bgo)) !important;
10250
10872
  }
10873
+ .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 {
10874
+ --bgo: var(--dt-color-red-450-a);
10875
+ background-color: hsl(var(--dt-color-red-450-h) var(--dt-color-red-450-s) var(--dt-color-red-450-l) / var(--bgo)) !important;
10876
+ }
10251
10877
  .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 {
10252
10878
  --bgo: var(--dt-color-red-500-a);
10253
10879
  background-color: hsl(var(--dt-color-red-500-h) var(--dt-color-red-500-s) var(--dt-color-red-500-l) / var(--bgo)) !important;
10254
10880
  }
10881
+ .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 {
10882
+ --bgo: var(--dt-color-red-600-a);
10883
+ background-color: hsl(var(--dt-color-red-600-h) var(--dt-color-red-600-s) var(--dt-color-red-600-l) / var(--bgo)) !important;
10884
+ }
10885
+ .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 {
10886
+ --bgo: var(--dt-color-red-700-a);
10887
+ background-color: hsl(var(--dt-color-red-700-h) var(--dt-color-red-700-s) var(--dt-color-red-700-l) / var(--bgo)) !important;
10888
+ }
10889
+ .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 {
10890
+ --bgo: var(--dt-color-red-900-a);
10891
+ background-color: hsl(var(--dt-color-red-900-h) var(--dt-color-red-900-s) var(--dt-color-red-900-l) / var(--bgo)) !important;
10892
+ }
10893
+ .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 {
10894
+ --bgo: var(--dt-color-red-1000-a);
10895
+ background-color: hsl(var(--dt-color-red-1000-h) var(--dt-color-red-1000-s) var(--dt-color-red-1000-l) / var(--bgo)) !important;
10896
+ }
10897
+ .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 {
10898
+ --bgo: var(--dt-color-tan-50-a);
10899
+ background-color: hsl(var(--dt-color-tan-50-h) var(--dt-color-tan-50-s) var(--dt-color-tan-50-l) / var(--bgo)) !important;
10900
+ }
10255
10901
  .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 {
10256
10902
  --bgo: var(--dt-color-tan-100-a);
10257
10903
  background-color: hsl(var(--dt-color-tan-100-h) var(--dt-color-tan-100-s) var(--dt-color-tan-100-l) / var(--bgo)) !important;
@@ -10272,6 +10918,118 @@ body {
10272
10918
  --bgo: var(--dt-color-tan-500-a);
10273
10919
  background-color: hsl(var(--dt-color-tan-500-h) var(--dt-color-tan-500-s) var(--dt-color-tan-500-l) / var(--bgo)) !important;
10274
10920
  }
10921
+ .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 {
10922
+ --bgo: var(--dt-color-tan-600-a);
10923
+ background-color: hsl(var(--dt-color-tan-600-h) var(--dt-color-tan-600-s) var(--dt-color-tan-600-l) / var(--bgo)) !important;
10924
+ }
10925
+ .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 {
10926
+ --bgo: var(--dt-color-tan-700-a);
10927
+ background-color: hsl(var(--dt-color-tan-700-h) var(--dt-color-tan-700-s) var(--dt-color-tan-700-l) / var(--bgo)) !important;
10928
+ }
10929
+ .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 {
10930
+ --bgo: var(--dt-color-tan-800-a);
10931
+ background-color: hsl(var(--dt-color-tan-800-h) var(--dt-color-tan-800-s) var(--dt-color-tan-800-l) / var(--bgo)) !important;
10932
+ }
10933
+ .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 {
10934
+ --bgo: var(--dt-color-tan-900-a);
10935
+ background-color: hsl(var(--dt-color-tan-900-h) var(--dt-color-tan-900-s) var(--dt-color-tan-900-l) / var(--bgo)) !important;
10936
+ }
10937
+ .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 {
10938
+ --bgo: var(--dt-color-tan-950-a);
10939
+ background-color: hsl(var(--dt-color-tan-950-h) var(--dt-color-tan-950-s) var(--dt-color-tan-950-l) / var(--bgo)) !important;
10940
+ }
10941
+ .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 {
10942
+ --bgo: var(--dt-color-tan-1000-a);
10943
+ background-color: hsl(var(--dt-color-tan-1000-h) var(--dt-color-tan-1000-s) var(--dt-color-tan-1000-l) / var(--bgo)) !important;
10944
+ }
10945
+ .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 {
10946
+ --bgo: var(--dt-color-surface-primary-a);
10947
+ background-color: hsl(var(--dt-color-surface-primary-h) var(--dt-color-surface-primary-s) var(--dt-color-surface-primary-l) / var(--bgo)) !important;
10948
+ }
10949
+ .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 {
10950
+ --bgo: var(--dt-color-surface-secondary-a);
10951
+ background-color: hsl(var(--dt-color-surface-secondary-h) var(--dt-color-surface-secondary-s) var(--dt-color-surface-secondary-l) / var(--bgo)) !important;
10952
+ }
10953
+ .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 {
10954
+ --bgo: var(--dt-color-surface-moderate-a);
10955
+ background-color: hsl(var(--dt-color-surface-moderate-h) var(--dt-color-surface-moderate-s) var(--dt-color-surface-moderate-l) / var(--bgo)) !important;
10956
+ }
10957
+ .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 {
10958
+ --bgo: var(--dt-color-surface-bold-a);
10959
+ background-color: hsl(var(--dt-color-surface-bold-h) var(--dt-color-surface-bold-s) var(--dt-color-surface-bold-l) / var(--bgo)) !important;
10960
+ }
10961
+ .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 {
10962
+ --bgo: var(--dt-color-surface-strong-a);
10963
+ background-color: hsl(var(--dt-color-surface-strong-h) var(--dt-color-surface-strong-s) var(--dt-color-surface-strong-l) / var(--bgo)) !important;
10964
+ }
10965
+ .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 {
10966
+ --bgo: var(--dt-color-surface-contrast-a);
10967
+ background-color: hsl(var(--dt-color-surface-contrast-h) var(--dt-color-surface-contrast-s) var(--dt-color-surface-contrast-l) / var(--bgo)) !important;
10968
+ }
10969
+ .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 {
10970
+ --bgo: var(--dt-color-surface-critical-a);
10971
+ background-color: hsl(var(--dt-color-surface-critical-h) var(--dt-color-surface-critical-s) var(--dt-color-surface-critical-l) / var(--bgo)) !important;
10972
+ }
10973
+ .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 {
10974
+ --bgo: var(--dt-color-surface-warning-a);
10975
+ background-color: hsl(var(--dt-color-surface-warning-h) var(--dt-color-surface-warning-s) var(--dt-color-surface-warning-l) / var(--bgo)) !important;
10976
+ }
10977
+ .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 {
10978
+ --bgo: var(--dt-color-surface-success-a);
10979
+ background-color: hsl(var(--dt-color-surface-success-h) var(--dt-color-surface-success-s) var(--dt-color-surface-success-l) / var(--bgo)) !important;
10980
+ }
10981
+ .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 {
10982
+ --bgo: var(--dt-color-surface-info-a);
10983
+ background-color: hsl(var(--dt-color-surface-info-h) var(--dt-color-surface-info-s) var(--dt-color-surface-info-l) / var(--bgo)) !important;
10984
+ }
10985
+ .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 {
10986
+ --bgo: var(--dt-color-surface-brand-a);
10987
+ background-color: hsl(var(--dt-color-surface-brand-h) var(--dt-color-surface-brand-s) var(--dt-color-surface-brand-l) / var(--bgo)) !important;
10988
+ }
10989
+ .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 {
10990
+ --bgo: var(--dt-color-surface-critical-subtle-a);
10991
+ 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;
10992
+ }
10993
+ .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 {
10994
+ --bgo: var(--dt-color-surface-warning-subtle-a);
10995
+ 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;
10996
+ }
10997
+ .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 {
10998
+ --bgo: var(--dt-color-surface-success-subtle-a);
10999
+ 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;
11000
+ }
11001
+ .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 {
11002
+ --bgo: var(--dt-color-surface-info-subtle-a);
11003
+ 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;
11004
+ }
11005
+ .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 {
11006
+ --bgo: var(--dt-color-surface-brand-subtle-a);
11007
+ 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;
11008
+ }
11009
+ .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 {
11010
+ --bgo: var(--dt-color-surface-critical-strong-a);
11011
+ 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;
11012
+ }
11013
+ .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 {
11014
+ --bgo: var(--dt-color-surface-warning-strong-a);
11015
+ 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;
11016
+ }
11017
+ .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 {
11018
+ --bgo: var(--dt-color-surface-success-strong-a);
11019
+ 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;
11020
+ }
11021
+ .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 {
11022
+ --bgo: var(--dt-color-surface-info-strong-a);
11023
+ 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;
11024
+ }
11025
+ .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 {
11026
+ --bgo: var(--dt-color-surface-brand-strong-a);
11027
+ 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;
11028
+ }
11029
+ .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 {
11030
+ --bgo: var(--dt-color-surface-primary-opaque-a);
11031
+ 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;
11032
+ }
10275
11033
  .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 {
10276
11034
  --bgo: var(--dt-color-surface-secondary-opaque-a);
10277
11035
  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;
@@ -10292,113 +11050,197 @@ body {
10292
11050
  --bgo: var(--dt-color-surface-contrast-opaque-a);
10293
11051
  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;
10294
11052
  }
10295
- .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 {
10296
- --bgo: var(--dt-color-surface-backdrop-a);
10297
- background-color: hsl(var(--dt-color-surface-backdrop-h) var(--dt-color-surface-backdrop-s) var(--dt-color-surface-backdrop-l) / var(--bgo)) !important;
10298
- }
10299
11053
  .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 {
10300
11054
  --bgo: var(--dt-color-surface-critical-opaque-a);
10301
11055
  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;
10302
11056
  }
10303
- .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 {
10304
- --bgo: var(--dt-color-surface-critical-subtle-opaque-a);
10305
- 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;
10306
- }
10307
11057
  .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 {
10308
11058
  --bgo: var(--dt-color-surface-warning-opaque-a);
10309
11059
  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;
10310
11060
  }
10311
- .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 {
10312
- --bgo: var(--dt-color-surface-warning-subtle-opaque-a);
10313
- 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;
10314
- }
10315
11061
  .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 {
10316
11062
  --bgo: var(--dt-color-surface-success-opaque-a);
10317
11063
  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;
10318
11064
  }
10319
- .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 {
10320
- --bgo: var(--dt-color-surface-success-subtle-opaque-a);
10321
- 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;
10322
- }
10323
11065
  .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 {
10324
11066
  --bgo: var(--dt-color-surface-info-opaque-a);
10325
11067
  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;
10326
11068
  }
11069
+ .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 {
11070
+ --bgo: var(--dt-color-surface-brand-opaque-a);
11071
+ 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;
11072
+ }
11073
+ .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 {
11074
+ --bgo: var(--dt-color-surface-critical-subtle-opaque-a);
11075
+ 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;
11076
+ }
11077
+ .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 {
11078
+ --bgo: var(--dt-color-surface-warning-subtle-opaque-a);
11079
+ 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;
11080
+ }
11081
+ .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 {
11082
+ --bgo: var(--dt-color-surface-success-subtle-opaque-a);
11083
+ 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;
11084
+ }
10327
11085
  .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 {
10328
11086
  --bgo: var(--dt-color-surface-info-subtle-opaque-a);
10329
11087
  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;
10330
11088
  }
10331
- .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 {
10332
- --bgo: var(--dt-color-surface-primary-a);
10333
- background-color: hsl(var(--dt-color-surface-primary-h) var(--dt-color-surface-primary-s) var(--dt-color-surface-primary-l) / var(--bgo)) !important;
11089
+ .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 {
11090
+ --bgo: var(--dt-color-surface-brand-subtle-opaque-a);
11091
+ 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;
10334
11092
  }
10335
- .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 {
10336
- --bgo: var(--dt-color-surface-secondary-a);
10337
- background-color: hsl(var(--dt-color-surface-secondary-h) var(--dt-color-surface-secondary-s) var(--dt-color-surface-secondary-l) / var(--bgo)) !important;
11093
+ .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 {
11094
+ --bgo: var(--dt-color-surface-primary-inverted-a);
11095
+ 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;
10338
11096
  }
10339
- .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 {
10340
- --bgo: var(--dt-color-surface-moderate-a);
10341
- background-color: hsl(var(--dt-color-surface-moderate-h) var(--dt-color-surface-moderate-s) var(--dt-color-surface-moderate-l) / var(--bgo)) !important;
11097
+ .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 {
11098
+ --bgo: var(--dt-color-surface-secondary-inverted-a);
11099
+ 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;
10342
11100
  }
10343
- .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 {
10344
- --bgo: var(--dt-color-surface-bold-a);
10345
- background-color: hsl(var(--dt-color-surface-bold-h) var(--dt-color-surface-bold-s) var(--dt-color-surface-bold-l) / var(--bgo)) !important;
11101
+ .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 {
11102
+ --bgo: var(--dt-color-surface-moderate-inverted-a);
11103
+ 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;
10346
11104
  }
10347
- .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 {
10348
- --bgo: var(--dt-color-surface-strong-a);
10349
- background-color: hsl(var(--dt-color-surface-strong-h) var(--dt-color-surface-strong-s) var(--dt-color-surface-strong-l) / var(--bgo)) !important;
11105
+ .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 {
11106
+ --bgo: var(--dt-color-surface-bold-inverted-a);
11107
+ 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;
10350
11108
  }
10351
- .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 {
10352
- --bgo: var(--dt-color-surface-contrast-a);
10353
- background-color: hsl(var(--dt-color-surface-contrast-h) var(--dt-color-surface-contrast-s) var(--dt-color-surface-contrast-l) / var(--bgo)) !important;
11109
+ .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 {
11110
+ --bgo: var(--dt-color-surface-strong-inverted-a);
11111
+ 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;
10354
11112
  }
10355
- .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 {
10356
- --bgo: var(--dt-color-surface-critical-a);
10357
- background-color: hsl(var(--dt-color-surface-critical-h) var(--dt-color-surface-critical-s) var(--dt-color-surface-critical-l) / var(--bgo)) !important;
11113
+ .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 {
11114
+ --bgo: var(--dt-color-surface-contrast-inverted-a);
11115
+ 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;
10358
11116
  }
10359
- .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 {
10360
- --bgo: var(--dt-color-surface-critical-subtle-a);
10361
- 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;
11117
+ .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 {
11118
+ --bgo: var(--dt-color-surface-critical-inverted-a);
11119
+ 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;
10362
11120
  }
10363
- .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 {
10364
- --bgo: var(--dt-color-surface-critical-strong-a);
10365
- 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;
11121
+ .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 {
11122
+ --bgo: var(--dt-color-surface-warning-inverted-a);
11123
+ 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;
10366
11124
  }
10367
- .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 {
10368
- --bgo: var(--dt-color-surface-warning-a);
10369
- background-color: hsl(var(--dt-color-surface-warning-h) var(--dt-color-surface-warning-s) var(--dt-color-surface-warning-l) / var(--bgo)) !important;
11125
+ .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 {
11126
+ --bgo: var(--dt-color-surface-success-inverted-a);
11127
+ 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;
10370
11128
  }
10371
- .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 {
10372
- --bgo: var(--dt-color-surface-warning-subtle-a);
10373
- 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;
11129
+ .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 {
11130
+ --bgo: var(--dt-color-surface-info-inverted-a);
11131
+ 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;
10374
11132
  }
10375
- .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 {
10376
- --bgo: var(--dt-color-surface-warning-strong-a);
10377
- 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;
11133
+ .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 {
11134
+ --bgo: var(--dt-color-surface-brand-inverted-a);
11135
+ 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;
10378
11136
  }
10379
- .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 {
10380
- --bgo: var(--dt-color-surface-success-a);
10381
- background-color: hsl(var(--dt-color-surface-success-h) var(--dt-color-surface-success-s) var(--dt-color-surface-success-l) / var(--bgo)) !important;
11137
+ .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 {
11138
+ --bgo: var(--dt-color-surface-critical-subtle-inverted-a);
11139
+ 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;
10382
11140
  }
10383
- .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 {
10384
- --bgo: var(--dt-color-surface-success-subtle-a);
10385
- 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;
11141
+ .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 {
11142
+ --bgo: var(--dt-color-surface-warning-subtle-inverted-a);
11143
+ 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;
10386
11144
  }
10387
- .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 {
10388
- --bgo: var(--dt-color-surface-success-strong-a);
10389
- 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;
11145
+ .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 {
11146
+ --bgo: var(--dt-color-surface-success-subtle-inverted-a);
11147
+ 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;
10390
11148
  }
10391
- .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 {
10392
- --bgo: var(--dt-color-surface-info-a);
10393
- background-color: hsl(var(--dt-color-surface-info-h) var(--dt-color-surface-info-s) var(--dt-color-surface-info-l) / var(--bgo)) !important;
11149
+ .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 {
11150
+ --bgo: var(--dt-color-surface-info-subtle-inverted-a);
11151
+ 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;
10394
11152
  }
10395
- .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 {
10396
- --bgo: var(--dt-color-surface-info-subtle-a);
10397
- 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;
11153
+ .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 {
11154
+ --bgo: var(--dt-color-surface-brand-subtle-inverted-a);
11155
+ 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;
10398
11156
  }
10399
- .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 {
10400
- --bgo: var(--dt-color-surface-info-strong-a);
10401
- 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;
11157
+ .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 {
11158
+ --bgo: var(--dt-color-surface-critical-strong-inverted-a);
11159
+ 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;
11160
+ }
11161
+ .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 {
11162
+ --bgo: var(--dt-color-surface-warning-strong-inverted-a);
11163
+ 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;
11164
+ }
11165
+ .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 {
11166
+ --bgo: var(--dt-color-surface-success-strong-inverted-a);
11167
+ 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;
11168
+ }
11169
+ .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 {
11170
+ --bgo: var(--dt-color-surface-info-strong-inverted-a);
11171
+ 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;
11172
+ }
11173
+ .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 {
11174
+ --bgo: var(--dt-color-surface-brand-strong-inverted-a);
11175
+ 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;
11176
+ }
11177
+ .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 {
11178
+ --bgo: var(--dt-color-surface-primary-opaque-inverted-a);
11179
+ 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;
11180
+ }
11181
+ .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 {
11182
+ --bgo: var(--dt-color-surface-secondary-opaque-inverted-a);
11183
+ 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;
11184
+ }
11185
+ .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 {
11186
+ --bgo: var(--dt-color-surface-moderate-opaque-inverted-a);
11187
+ 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;
11188
+ }
11189
+ .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 {
11190
+ --bgo: var(--dt-color-surface-bold-opaque-inverted-a);
11191
+ 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;
11192
+ }
11193
+ .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 {
11194
+ --bgo: var(--dt-color-surface-strong-opaque-inverted-a);
11195
+ 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;
11196
+ }
11197
+ .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 {
11198
+ --bgo: var(--dt-color-surface-contrast-opaque-inverted-a);
11199
+ 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;
11200
+ }
11201
+ .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 {
11202
+ --bgo: var(--dt-color-surface-critical-opaque-inverted-a);
11203
+ 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;
11204
+ }
11205
+ .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 {
11206
+ --bgo: var(--dt-color-surface-warning-opaque-inverted-a);
11207
+ 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;
11208
+ }
11209
+ .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 {
11210
+ --bgo: var(--dt-color-surface-success-opaque-inverted-a);
11211
+ 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;
11212
+ }
11213
+ .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 {
11214
+ --bgo: var(--dt-color-surface-info-opaque-inverted-a);
11215
+ 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;
11216
+ }
11217
+ .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 {
11218
+ --bgo: var(--dt-color-surface-brand-opaque-inverted-a);
11219
+ 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;
11220
+ }
11221
+ .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 {
11222
+ --bgo: var(--dt-color-surface-critical-subtle-opaque-inverted-a);
11223
+ 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;
11224
+ }
11225
+ .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 {
11226
+ --bgo: var(--dt-color-surface-warning-subtle-opaque-inverted-a);
11227
+ 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;
11228
+ }
11229
+ .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 {
11230
+ --bgo: var(--dt-color-surface-success-subtle-opaque-inverted-a);
11231
+ 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;
11232
+ }
11233
+ .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 {
11234
+ --bgo: var(--dt-color-surface-info-subtle-opaque-inverted-a);
11235
+ 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;
11236
+ }
11237
+ .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 {
11238
+ --bgo: var(--dt-color-surface-brand-subtle-opaque-inverted-a);
11239
+ 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;
11240
+ }
11241
+ .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 {
11242
+ --bgo: var(--dt-color-surface-backdrop-a);
11243
+ background-color: hsl(var(--dt-color-surface-backdrop-h) var(--dt-color-surface-backdrop-s) var(--dt-color-surface-backdrop-l) / var(--bgo)) !important;
10402
11244
  }
10403
11245
  .d-divide-neutral-white > * + * {
10404
11246
  --dco: var(--dt-color-neutral-white-a);
@@ -10408,6 +11250,14 @@ body {
10408
11250
  --dco: var(--dt-color-neutral-black-a);
10409
11251
  border-color: hsl(var(--dt-color-neutral-black-h) var(--dt-color-neutral-black-s) var(--dt-color-neutral-black-l) / var(--dco)) !important;
10410
11252
  }
11253
+ .d-divide-neutral-transparent > * + * {
11254
+ --dco: var(--dt-color-neutral-transparent-a);
11255
+ border-color: hsl(var(--dt-color-neutral-transparent-h) var(--dt-color-neutral-transparent-s) var(--dt-color-neutral-transparent-l) / var(--dco)) !important;
11256
+ }
11257
+ .d-divide-black-50 > * + * {
11258
+ --dco: var(--dt-color-black-50-a);
11259
+ border-color: hsl(var(--dt-color-black-50-h) var(--dt-color-black-50-s) var(--dt-color-black-50-l) / var(--dco)) !important;
11260
+ }
10411
11261
  .d-divide-black-100 > * + * {
10412
11262
  --dco: var(--dt-color-black-100-a);
10413
11263
  border-color: hsl(var(--dt-color-black-100-h) var(--dt-color-black-100-s) var(--dt-color-black-100-l) / var(--dco)) !important;
@@ -10444,6 +11294,18 @@ body {
10444
11294
  --dco: var(--dt-color-black-900-a);
10445
11295
  border-color: hsl(var(--dt-color-black-900-h) var(--dt-color-black-900-s) var(--dt-color-black-900-l) / var(--dco)) !important;
10446
11296
  }
11297
+ .d-divide-black-950 > * + * {
11298
+ --dco: var(--dt-color-black-950-a);
11299
+ border-color: hsl(var(--dt-color-black-950-h) var(--dt-color-black-950-s) var(--dt-color-black-950-l) / var(--dco)) !important;
11300
+ }
11301
+ .d-divide-black-1000 > * + * {
11302
+ --dco: var(--dt-color-black-1000-a);
11303
+ border-color: hsl(var(--dt-color-black-1000-h) var(--dt-color-black-1000-s) var(--dt-color-black-1000-l) / var(--dco)) !important;
11304
+ }
11305
+ .d-divide-purple-50 > * + * {
11306
+ --dco: var(--dt-color-purple-50-a);
11307
+ border-color: hsl(var(--dt-color-purple-50-h) var(--dt-color-purple-50-s) var(--dt-color-purple-50-l) / var(--dco)) !important;
11308
+ }
10447
11309
  .d-divide-purple-100 > * + * {
10448
11310
  --dco: var(--dt-color-purple-100-a);
10449
11311
  border-color: hsl(var(--dt-color-purple-100-h) var(--dt-color-purple-100-s) var(--dt-color-purple-100-l) / var(--dco)) !important;
@@ -10452,22 +11314,46 @@ body {
10452
11314
  --dco: var(--dt-color-purple-200-a);
10453
11315
  border-color: hsl(var(--dt-color-purple-200-h) var(--dt-color-purple-200-s) var(--dt-color-purple-200-l) / var(--dco)) !important;
10454
11316
  }
11317
+ .d-divide-purple-250 > * + * {
11318
+ --dco: var(--dt-color-purple-250-a);
11319
+ border-color: hsl(var(--dt-color-purple-250-h) var(--dt-color-purple-250-s) var(--dt-color-purple-250-l) / var(--dco)) !important;
11320
+ }
10455
11321
  .d-divide-purple-300 > * + * {
10456
11322
  --dco: var(--dt-color-purple-300-a);
10457
11323
  border-color: hsl(var(--dt-color-purple-300-h) var(--dt-color-purple-300-s) var(--dt-color-purple-300-l) / var(--dco)) !important;
10458
11324
  }
11325
+ .d-divide-purple-350 > * + * {
11326
+ --dco: var(--dt-color-purple-350-a);
11327
+ border-color: hsl(var(--dt-color-purple-350-h) var(--dt-color-purple-350-s) var(--dt-color-purple-350-l) / var(--dco)) !important;
11328
+ }
10459
11329
  .d-divide-purple-400 > * + * {
10460
11330
  --dco: var(--dt-color-purple-400-a);
10461
11331
  border-color: hsl(var(--dt-color-purple-400-h) var(--dt-color-purple-400-s) var(--dt-color-purple-400-l) / var(--dco)) !important;
10462
11332
  }
11333
+ .d-divide-purple-450 > * + * {
11334
+ --dco: var(--dt-color-purple-450-a);
11335
+ border-color: hsl(var(--dt-color-purple-450-h) var(--dt-color-purple-450-s) var(--dt-color-purple-450-l) / var(--dco)) !important;
11336
+ }
10463
11337
  .d-divide-purple-500 > * + * {
10464
11338
  --dco: var(--dt-color-purple-500-a);
10465
11339
  border-color: hsl(var(--dt-color-purple-500-h) var(--dt-color-purple-500-s) var(--dt-color-purple-500-l) / var(--dco)) !important;
10466
11340
  }
11341
+ .d-divide-purple-550 > * + * {
11342
+ --dco: var(--dt-color-purple-550-a);
11343
+ border-color: hsl(var(--dt-color-purple-550-h) var(--dt-color-purple-550-s) var(--dt-color-purple-550-l) / var(--dco)) !important;
11344
+ }
10467
11345
  .d-divide-purple-600 > * + * {
10468
11346
  --dco: var(--dt-color-purple-600-a);
10469
11347
  border-color: hsl(var(--dt-color-purple-600-h) var(--dt-color-purple-600-s) var(--dt-color-purple-600-l) / var(--dco)) !important;
10470
11348
  }
11349
+ .d-divide-purple-1000 > * + * {
11350
+ --dco: var(--dt-color-purple-1000-a);
11351
+ border-color: hsl(var(--dt-color-purple-1000-h) var(--dt-color-purple-1000-s) var(--dt-color-purple-1000-l) / var(--dco)) !important;
11352
+ }
11353
+ .d-divide-blue-50 > * + * {
11354
+ --dco: var(--dt-color-blue-50-a);
11355
+ border-color: hsl(var(--dt-color-blue-50-h) var(--dt-color-blue-50-s) var(--dt-color-blue-50-l) / var(--dco)) !important;
11356
+ }
10471
11357
  .d-divide-blue-100 > * + * {
10472
11358
  --dco: var(--dt-color-blue-100-a);
10473
11359
  border-color: hsl(var(--dt-color-blue-100-h) var(--dt-color-blue-100-s) var(--dt-color-blue-100-l) / var(--dco)) !important;
@@ -10484,10 +11370,38 @@ body {
10484
11370
  --dco: var(--dt-color-blue-400-a);
10485
11371
  border-color: hsl(var(--dt-color-blue-400-h) var(--dt-color-blue-400-s) var(--dt-color-blue-400-l) / var(--dco)) !important;
10486
11372
  }
11373
+ .d-divide-blue-425 > * + * {
11374
+ --dco: var(--dt-color-blue-425-a);
11375
+ border-color: hsl(var(--dt-color-blue-425-h) var(--dt-color-blue-425-s) var(--dt-color-blue-425-l) / var(--dco)) !important;
11376
+ }
11377
+ .d-divide-blue-450 > * + * {
11378
+ --dco: var(--dt-color-blue-450-a);
11379
+ border-color: hsl(var(--dt-color-blue-450-h) var(--dt-color-blue-450-s) var(--dt-color-blue-450-l) / var(--dco)) !important;
11380
+ }
11381
+ .d-divide-blue-475 > * + * {
11382
+ --dco: var(--dt-color-blue-475-a);
11383
+ border-color: hsl(var(--dt-color-blue-475-h) var(--dt-color-blue-475-s) var(--dt-color-blue-475-l) / var(--dco)) !important;
11384
+ }
10487
11385
  .d-divide-blue-500 > * + * {
10488
11386
  --dco: var(--dt-color-blue-500-a);
10489
11387
  border-color: hsl(var(--dt-color-blue-500-h) var(--dt-color-blue-500-s) var(--dt-color-blue-500-l) / var(--dco)) !important;
10490
11388
  }
11389
+ .d-divide-blue-600 > * + * {
11390
+ --dco: var(--dt-color-blue-600-a);
11391
+ border-color: hsl(var(--dt-color-blue-600-h) var(--dt-color-blue-600-s) var(--dt-color-blue-600-l) / var(--dco)) !important;
11392
+ }
11393
+ .d-divide-blue-900 > * + * {
11394
+ --dco: var(--dt-color-blue-900-a);
11395
+ border-color: hsl(var(--dt-color-blue-900-h) var(--dt-color-blue-900-s) var(--dt-color-blue-900-l) / var(--dco)) !important;
11396
+ }
11397
+ .d-divide-blue-1000 > * + * {
11398
+ --dco: var(--dt-color-blue-1000-a);
11399
+ border-color: hsl(var(--dt-color-blue-1000-h) var(--dt-color-blue-1000-s) var(--dt-color-blue-1000-l) / var(--dco)) !important;
11400
+ }
11401
+ .d-divide-magenta-50 > * + * {
11402
+ --dco: var(--dt-color-magenta-50-a);
11403
+ border-color: hsl(var(--dt-color-magenta-50-h) var(--dt-color-magenta-50-s) var(--dt-color-magenta-50-l) / var(--dco)) !important;
11404
+ }
10491
11405
  .d-divide-magenta-100 > * + * {
10492
11406
  --dco: var(--dt-color-magenta-100-a);
10493
11407
  border-color: hsl(var(--dt-color-magenta-100-h) var(--dt-color-magenta-100-s) var(--dt-color-magenta-100-l) / var(--dco)) !important;
@@ -10496,6 +11410,10 @@ body {
10496
11410
  --dco: var(--dt-color-magenta-200-a);
10497
11411
  border-color: hsl(var(--dt-color-magenta-200-h) var(--dt-color-magenta-200-s) var(--dt-color-magenta-200-l) / var(--dco)) !important;
10498
11412
  }
11413
+ .d-divide-magenta-250 > * + * {
11414
+ --dco: var(--dt-color-magenta-250-a);
11415
+ border-color: hsl(var(--dt-color-magenta-250-h) var(--dt-color-magenta-250-s) var(--dt-color-magenta-250-l) / var(--dco)) !important;
11416
+ }
10499
11417
  .d-divide-magenta-300 > * + * {
10500
11418
  --dco: var(--dt-color-magenta-300-a);
10501
11419
  border-color: hsl(var(--dt-color-magenta-300-h) var(--dt-color-magenta-300-s) var(--dt-color-magenta-300-l) / var(--dco)) !important;
@@ -10504,10 +11422,34 @@ body {
10504
11422
  --dco: var(--dt-color-magenta-400-a);
10505
11423
  border-color: hsl(var(--dt-color-magenta-400-h) var(--dt-color-magenta-400-s) var(--dt-color-magenta-400-l) / var(--dco)) !important;
10506
11424
  }
11425
+ .d-divide-magenta-425 > * + * {
11426
+ --dco: var(--dt-color-magenta-425-a);
11427
+ border-color: hsl(var(--dt-color-magenta-425-h) var(--dt-color-magenta-425-s) var(--dt-color-magenta-425-l) / var(--dco)) !important;
11428
+ }
11429
+ .d-divide-magenta-475 > * + * {
11430
+ --dco: var(--dt-color-magenta-475-a);
11431
+ border-color: hsl(var(--dt-color-magenta-475-h) var(--dt-color-magenta-475-s) var(--dt-color-magenta-475-l) / var(--dco)) !important;
11432
+ }
10507
11433
  .d-divide-magenta-500 > * + * {
10508
11434
  --dco: var(--dt-color-magenta-500-a);
10509
11435
  border-color: hsl(var(--dt-color-magenta-500-h) var(--dt-color-magenta-500-s) var(--dt-color-magenta-500-l) / var(--dco)) !important;
10510
11436
  }
11437
+ .d-divide-magenta-600 > * + * {
11438
+ --dco: var(--dt-color-magenta-600-a);
11439
+ border-color: hsl(var(--dt-color-magenta-600-h) var(--dt-color-magenta-600-s) var(--dt-color-magenta-600-l) / var(--dco)) !important;
11440
+ }
11441
+ .d-divide-magenta-900 > * + * {
11442
+ --dco: var(--dt-color-magenta-900-a);
11443
+ border-color: hsl(var(--dt-color-magenta-900-h) var(--dt-color-magenta-900-s) var(--dt-color-magenta-900-l) / var(--dco)) !important;
11444
+ }
11445
+ .d-divide-magenta-1000 > * + * {
11446
+ --dco: var(--dt-color-magenta-1000-a);
11447
+ border-color: hsl(var(--dt-color-magenta-1000-h) var(--dt-color-magenta-1000-s) var(--dt-color-magenta-1000-l) / var(--dco)) !important;
11448
+ }
11449
+ .d-divide-gold-50 > * + * {
11450
+ --dco: var(--dt-color-gold-50-a);
11451
+ border-color: hsl(var(--dt-color-gold-50-h) var(--dt-color-gold-50-s) var(--dt-color-gold-50-l) / var(--dco)) !important;
11452
+ }
10511
11453
  .d-divide-gold-100 > * + * {
10512
11454
  --dco: var(--dt-color-gold-100-a);
10513
11455
  border-color: hsl(var(--dt-color-gold-100-h) var(--dt-color-gold-100-s) var(--dt-color-gold-100-l) / var(--dco)) !important;
@@ -10520,14 +11462,42 @@ body {
10520
11462
  --dco: var(--dt-color-gold-300-a);
10521
11463
  border-color: hsl(var(--dt-color-gold-300-h) var(--dt-color-gold-300-s) var(--dt-color-gold-300-l) / var(--dco)) !important;
10522
11464
  }
11465
+ .d-divide-gold-350 > * + * {
11466
+ --dco: var(--dt-color-gold-350-a);
11467
+ border-color: hsl(var(--dt-color-gold-350-h) var(--dt-color-gold-350-s) var(--dt-color-gold-350-l) / var(--dco)) !important;
11468
+ }
10523
11469
  .d-divide-gold-400 > * + * {
10524
11470
  --dco: var(--dt-color-gold-400-a);
10525
11471
  border-color: hsl(var(--dt-color-gold-400-h) var(--dt-color-gold-400-s) var(--dt-color-gold-400-l) / var(--dco)) !important;
10526
11472
  }
11473
+ .d-divide-gold-450 > * + * {
11474
+ --dco: var(--dt-color-gold-450-a);
11475
+ border-color: hsl(var(--dt-color-gold-450-h) var(--dt-color-gold-450-s) var(--dt-color-gold-450-l) / var(--dco)) !important;
11476
+ }
10527
11477
  .d-divide-gold-500 > * + * {
10528
11478
  --dco: var(--dt-color-gold-500-a);
10529
11479
  border-color: hsl(var(--dt-color-gold-500-h) var(--dt-color-gold-500-s) var(--dt-color-gold-500-l) / var(--dco)) !important;
10530
11480
  }
11481
+ .d-divide-gold-600 > * + * {
11482
+ --dco: var(--dt-color-gold-600-a);
11483
+ border-color: hsl(var(--dt-color-gold-600-h) var(--dt-color-gold-600-s) var(--dt-color-gold-600-l) / var(--dco)) !important;
11484
+ }
11485
+ .d-divide-gold-700 > * + * {
11486
+ --dco: var(--dt-color-gold-700-a);
11487
+ border-color: hsl(var(--dt-color-gold-700-h) var(--dt-color-gold-700-s) var(--dt-color-gold-700-l) / var(--dco)) !important;
11488
+ }
11489
+ .d-divide-gold-900 > * + * {
11490
+ --dco: var(--dt-color-gold-900-a);
11491
+ border-color: hsl(var(--dt-color-gold-900-h) var(--dt-color-gold-900-s) var(--dt-color-gold-900-l) / var(--dco)) !important;
11492
+ }
11493
+ .d-divide-gold-1000 > * + * {
11494
+ --dco: var(--dt-color-gold-1000-a);
11495
+ border-color: hsl(var(--dt-color-gold-1000-h) var(--dt-color-gold-1000-s) var(--dt-color-gold-1000-l) / var(--dco)) !important;
11496
+ }
11497
+ .d-divide-green-50 > * + * {
11498
+ --dco: var(--dt-color-green-50-a);
11499
+ border-color: hsl(var(--dt-color-green-50-h) var(--dt-color-green-50-s) var(--dt-color-green-50-l) / var(--dco)) !important;
11500
+ }
10531
11501
  .d-divide-green-100 > * + * {
10532
11502
  --dco: var(--dt-color-green-100-a);
10533
11503
  border-color: hsl(var(--dt-color-green-100-h) var(--dt-color-green-100-s) var(--dt-color-green-100-l) / var(--dco)) !important;
@@ -10540,14 +11510,42 @@ body {
10540
11510
  --dco: var(--dt-color-green-300-a);
10541
11511
  border-color: hsl(var(--dt-color-green-300-h) var(--dt-color-green-300-s) var(--dt-color-green-300-l) / var(--dco)) !important;
10542
11512
  }
11513
+ .d-divide-green-350 > * + * {
11514
+ --dco: var(--dt-color-green-350-a);
11515
+ border-color: hsl(var(--dt-color-green-350-h) var(--dt-color-green-350-s) var(--dt-color-green-350-l) / var(--dco)) !important;
11516
+ }
10543
11517
  .d-divide-green-400 > * + * {
10544
11518
  --dco: var(--dt-color-green-400-a);
10545
11519
  border-color: hsl(var(--dt-color-green-400-h) var(--dt-color-green-400-s) var(--dt-color-green-400-l) / var(--dco)) !important;
10546
11520
  }
11521
+ .d-divide-green-425 > * + * {
11522
+ --dco: var(--dt-color-green-425-a);
11523
+ border-color: hsl(var(--dt-color-green-425-h) var(--dt-color-green-425-s) var(--dt-color-green-425-l) / var(--dco)) !important;
11524
+ }
11525
+ .d-divide-green-475 > * + * {
11526
+ --dco: var(--dt-color-green-475-a);
11527
+ border-color: hsl(var(--dt-color-green-475-h) var(--dt-color-green-475-s) var(--dt-color-green-475-l) / var(--dco)) !important;
11528
+ }
10547
11529
  .d-divide-green-500 > * + * {
10548
11530
  --dco: var(--dt-color-green-500-a);
10549
11531
  border-color: hsl(var(--dt-color-green-500-h) var(--dt-color-green-500-s) var(--dt-color-green-500-l) / var(--dco)) !important;
10550
11532
  }
11533
+ .d-divide-green-600 > * + * {
11534
+ --dco: var(--dt-color-green-600-a);
11535
+ border-color: hsl(var(--dt-color-green-600-h) var(--dt-color-green-600-s) var(--dt-color-green-600-l) / var(--dco)) !important;
11536
+ }
11537
+ .d-divide-green-900 > * + * {
11538
+ --dco: var(--dt-color-green-900-a);
11539
+ border-color: hsl(var(--dt-color-green-900-h) var(--dt-color-green-900-s) var(--dt-color-green-900-l) / var(--dco)) !important;
11540
+ }
11541
+ .d-divide-green-1000 > * + * {
11542
+ --dco: var(--dt-color-green-1000-a);
11543
+ border-color: hsl(var(--dt-color-green-1000-h) var(--dt-color-green-1000-s) var(--dt-color-green-1000-l) / var(--dco)) !important;
11544
+ }
11545
+ .d-divide-red-50 > * + * {
11546
+ --dco: var(--dt-color-red-50-a);
11547
+ border-color: hsl(var(--dt-color-red-50-h) var(--dt-color-red-50-s) var(--dt-color-red-50-l) / var(--dco)) !important;
11548
+ }
10551
11549
  .d-divide-red-100 > * + * {
10552
11550
  --dco: var(--dt-color-red-100-a);
10553
11551
  border-color: hsl(var(--dt-color-red-100-h) var(--dt-color-red-100-s) var(--dt-color-red-100-l) / var(--dco)) !important;
@@ -10560,14 +11558,42 @@ body {
10560
11558
  --dco: var(--dt-color-red-300-a);
10561
11559
  border-color: hsl(var(--dt-color-red-300-h) var(--dt-color-red-300-s) var(--dt-color-red-300-l) / var(--dco)) !important;
10562
11560
  }
11561
+ .d-divide-red-350 > * + * {
11562
+ --dco: var(--dt-color-red-350-a);
11563
+ border-color: hsl(var(--dt-color-red-350-h) var(--dt-color-red-350-s) var(--dt-color-red-350-l) / var(--dco)) !important;
11564
+ }
10563
11565
  .d-divide-red-400 > * + * {
10564
11566
  --dco: var(--dt-color-red-400-a);
10565
11567
  border-color: hsl(var(--dt-color-red-400-h) var(--dt-color-red-400-s) var(--dt-color-red-400-l) / var(--dco)) !important;
10566
11568
  }
11569
+ .d-divide-red-450 > * + * {
11570
+ --dco: var(--dt-color-red-450-a);
11571
+ border-color: hsl(var(--dt-color-red-450-h) var(--dt-color-red-450-s) var(--dt-color-red-450-l) / var(--dco)) !important;
11572
+ }
10567
11573
  .d-divide-red-500 > * + * {
10568
11574
  --dco: var(--dt-color-red-500-a);
10569
11575
  border-color: hsl(var(--dt-color-red-500-h) var(--dt-color-red-500-s) var(--dt-color-red-500-l) / var(--dco)) !important;
10570
11576
  }
11577
+ .d-divide-red-600 > * + * {
11578
+ --dco: var(--dt-color-red-600-a);
11579
+ border-color: hsl(var(--dt-color-red-600-h) var(--dt-color-red-600-s) var(--dt-color-red-600-l) / var(--dco)) !important;
11580
+ }
11581
+ .d-divide-red-700 > * + * {
11582
+ --dco: var(--dt-color-red-700-a);
11583
+ border-color: hsl(var(--dt-color-red-700-h) var(--dt-color-red-700-s) var(--dt-color-red-700-l) / var(--dco)) !important;
11584
+ }
11585
+ .d-divide-red-900 > * + * {
11586
+ --dco: var(--dt-color-red-900-a);
11587
+ border-color: hsl(var(--dt-color-red-900-h) var(--dt-color-red-900-s) var(--dt-color-red-900-l) / var(--dco)) !important;
11588
+ }
11589
+ .d-divide-red-1000 > * + * {
11590
+ --dco: var(--dt-color-red-1000-a);
11591
+ border-color: hsl(var(--dt-color-red-1000-h) var(--dt-color-red-1000-s) var(--dt-color-red-1000-l) / var(--dco)) !important;
11592
+ }
11593
+ .d-divide-tan-50 > * + * {
11594
+ --dco: var(--dt-color-tan-50-a);
11595
+ border-color: hsl(var(--dt-color-tan-50-h) var(--dt-color-tan-50-s) var(--dt-color-tan-50-l) / var(--dco)) !important;
11596
+ }
10571
11597
  .d-divide-tan-100 > * + * {
10572
11598
  --dco: var(--dt-color-tan-100-a);
10573
11599
  border-color: hsl(var(--dt-color-tan-100-h) var(--dt-color-tan-100-s) var(--dt-color-tan-100-l) / var(--dco)) !important;
@@ -10588,6 +11614,166 @@ body {
10588
11614
  --dco: var(--dt-color-tan-500-a);
10589
11615
  border-color: hsl(var(--dt-color-tan-500-h) var(--dt-color-tan-500-s) var(--dt-color-tan-500-l) / var(--dco)) !important;
10590
11616
  }
11617
+ .d-divide-tan-600 > * + * {
11618
+ --dco: var(--dt-color-tan-600-a);
11619
+ border-color: hsl(var(--dt-color-tan-600-h) var(--dt-color-tan-600-s) var(--dt-color-tan-600-l) / var(--dco)) !important;
11620
+ }
11621
+ .d-divide-tan-700 > * + * {
11622
+ --dco: var(--dt-color-tan-700-a);
11623
+ border-color: hsl(var(--dt-color-tan-700-h) var(--dt-color-tan-700-s) var(--dt-color-tan-700-l) / var(--dco)) !important;
11624
+ }
11625
+ .d-divide-tan-800 > * + * {
11626
+ --dco: var(--dt-color-tan-800-a);
11627
+ border-color: hsl(var(--dt-color-tan-800-h) var(--dt-color-tan-800-s) var(--dt-color-tan-800-l) / var(--dco)) !important;
11628
+ }
11629
+ .d-divide-tan-900 > * + * {
11630
+ --dco: var(--dt-color-tan-900-a);
11631
+ border-color: hsl(var(--dt-color-tan-900-h) var(--dt-color-tan-900-s) var(--dt-color-tan-900-l) / var(--dco)) !important;
11632
+ }
11633
+ .d-divide-tan-950 > * + * {
11634
+ --dco: var(--dt-color-tan-950-a);
11635
+ border-color: hsl(var(--dt-color-tan-950-h) var(--dt-color-tan-950-s) var(--dt-color-tan-950-l) / var(--dco)) !important;
11636
+ }
11637
+ .d-divide-tan-1000 > * + * {
11638
+ --dco: var(--dt-color-tan-1000-a);
11639
+ border-color: hsl(var(--dt-color-tan-1000-h) var(--dt-color-tan-1000-s) var(--dt-color-tan-1000-l) / var(--dco)) !important;
11640
+ }
11641
+ .d-divide-subtle > * + * {
11642
+ --dco: var(--dt-color-border-subtle-a);
11643
+ border-color: hsl(var(--dt-color-border-subtle-h) var(--dt-color-border-subtle-s) var(--dt-color-border-subtle-l) / var(--dco)) !important;
11644
+ }
11645
+ .d-divide-default > * + * {
11646
+ --dco: var(--dt-color-border-default-a);
11647
+ border-color: hsl(var(--dt-color-border-default-h) var(--dt-color-border-default-s) var(--dt-color-border-default-l) / var(--dco)) !important;
11648
+ }
11649
+ .d-divide-moderate > * + * {
11650
+ --dco: var(--dt-color-border-moderate-a);
11651
+ border-color: hsl(var(--dt-color-border-moderate-h) var(--dt-color-border-moderate-s) var(--dt-color-border-moderate-l) / var(--dco)) !important;
11652
+ }
11653
+ .d-divide-bold > * + * {
11654
+ --dco: var(--dt-color-border-bold-a);
11655
+ border-color: hsl(var(--dt-color-border-bold-h) var(--dt-color-border-bold-s) var(--dt-color-border-bold-l) / var(--dco)) !important;
11656
+ }
11657
+ .d-divide-critical > * + * {
11658
+ --dco: var(--dt-color-border-critical-a);
11659
+ border-color: hsl(var(--dt-color-border-critical-h) var(--dt-color-border-critical-s) var(--dt-color-border-critical-l) / var(--dco)) !important;
11660
+ }
11661
+ .d-divide-success > * + * {
11662
+ --dco: var(--dt-color-border-success-a);
11663
+ border-color: hsl(var(--dt-color-border-success-h) var(--dt-color-border-success-s) var(--dt-color-border-success-l) / var(--dco)) !important;
11664
+ }
11665
+ .d-divide-warning > * + * {
11666
+ --dco: var(--dt-color-border-warning-a);
11667
+ border-color: hsl(var(--dt-color-border-warning-h) var(--dt-color-border-warning-s) var(--dt-color-border-warning-l) / var(--dco)) !important;
11668
+ }
11669
+ .d-divide-brand > * + * {
11670
+ --dco: var(--dt-color-border-brand-a);
11671
+ border-color: hsl(var(--dt-color-border-brand-h) var(--dt-color-border-brand-s) var(--dt-color-border-brand-l) / var(--dco)) !important;
11672
+ }
11673
+ .d-divide-critical-subtle > * + * {
11674
+ --dco: var(--dt-color-border-critical-subtle-a);
11675
+ 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;
11676
+ }
11677
+ .d-divide-success-subtle > * + * {
11678
+ --dco: var(--dt-color-border-success-subtle-a);
11679
+ 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;
11680
+ }
11681
+ .d-divide-warning-subtle > * + * {
11682
+ --dco: var(--dt-color-border-warning-subtle-a);
11683
+ 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;
11684
+ }
11685
+ .d-divide-brand-subtle > * + * {
11686
+ --dco: var(--dt-color-border-brand-subtle-a);
11687
+ 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;
11688
+ }
11689
+ .d-divide-critical-strong > * + * {
11690
+ --dco: var(--dt-color-border-critical-strong-a);
11691
+ 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;
11692
+ }
11693
+ .d-divide-success-strong > * + * {
11694
+ --dco: var(--dt-color-border-success-strong-a);
11695
+ 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;
11696
+ }
11697
+ .d-divide-warning-strong > * + * {
11698
+ --dco: var(--dt-color-border-warning-strong-a);
11699
+ 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;
11700
+ }
11701
+ .d-divide-brand-strong > * + * {
11702
+ --dco: var(--dt-color-border-brand-strong-a);
11703
+ 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;
11704
+ }
11705
+ .d-divide-subtle-inverted > * + * {
11706
+ --dco: var(--dt-color-border-subtle-inverted-a);
11707
+ 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;
11708
+ }
11709
+ .d-divide-default-inverted > * + * {
11710
+ --dco: var(--dt-color-border-default-inverted-a);
11711
+ 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;
11712
+ }
11713
+ .d-divide-moderate-inverted > * + * {
11714
+ --dco: var(--dt-color-border-moderate-inverted-a);
11715
+ 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;
11716
+ }
11717
+ .d-divide-bold-inverted > * + * {
11718
+ --dco: var(--dt-color-border-bold-inverted-a);
11719
+ 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;
11720
+ }
11721
+ .d-divide-critical-inverted > * + * {
11722
+ --dco: var(--dt-color-border-critical-inverted-a);
11723
+ 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;
11724
+ }
11725
+ .d-divide-success-inverted > * + * {
11726
+ --dco: var(--dt-color-border-success-inverted-a);
11727
+ 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;
11728
+ }
11729
+ .d-divide-warning-inverted > * + * {
11730
+ --dco: var(--dt-color-border-warning-inverted-a);
11731
+ 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;
11732
+ }
11733
+ .d-divide-brand-inverted > * + * {
11734
+ --dco: var(--dt-color-border-brand-inverted-a);
11735
+ 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;
11736
+ }
11737
+ .d-divide-critical-subtle-inverted > * + * {
11738
+ --dco: var(--dt-color-border-critical-subtle-inverted-a);
11739
+ 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;
11740
+ }
11741
+ .d-divide-success-subtle-inverted > * + * {
11742
+ --dco: var(--dt-color-border-success-subtle-inverted-a);
11743
+ 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;
11744
+ }
11745
+ .d-divide-warning-subtle-inverted > * + * {
11746
+ --dco: var(--dt-color-border-warning-subtle-inverted-a);
11747
+ 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;
11748
+ }
11749
+ .d-divide-brand-subtle-inverted > * + * {
11750
+ --dco: var(--dt-color-border-brand-subtle-inverted-a);
11751
+ 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;
11752
+ }
11753
+ .d-divide-critical-strong-inverted > * + * {
11754
+ --dco: var(--dt-color-border-critical-strong-inverted-a);
11755
+ 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;
11756
+ }
11757
+ .d-divide-success-strong-inverted > * + * {
11758
+ --dco: var(--dt-color-border-success-strong-inverted-a);
11759
+ 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;
11760
+ }
11761
+ .d-divide-warning-strong-inverted > * + * {
11762
+ --dco: var(--dt-color-border-warning-strong-inverted-a);
11763
+ 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;
11764
+ }
11765
+ .d-divide-brand-strong-inverted > * + * {
11766
+ --dco: var(--dt-color-border-brand-strong-inverted-a);
11767
+ 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;
11768
+ }
11769
+ .d-divide-focus > * + * {
11770
+ --dco: var(--dt-color-border-focus-a);
11771
+ border-color: hsl(var(--dt-color-border-focus-h) var(--dt-color-border-focus-s) var(--dt-color-border-focus-l) / var(--dco)) !important;
11772
+ }
11773
+ .d-divide-accent > * + * {
11774
+ --dco: var(--dt-color-border-accent-a);
11775
+ border-color: hsl(var(--dt-color-border-accent-h) var(--dt-color-border-accent-s) var(--dt-color-border-accent-l) / var(--dco)) !important;
11776
+ }
10591
11777
  .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 {
10592
11778
  --bgg-from-opacity: var(--dt-color-neutral-white-a);
10593
11779
  --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;
@@ -10598,6 +11784,16 @@ body {
10598
11784
  --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;
10599
11785
  --bgg-to: hsl(var(--dt-color-neutral-black-h) var(--dt-color-neutral-black-s) var(--dt-color-neutral-black-l) / 0%) !important;
10600
11786
  }
11787
+ .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 {
11788
+ --bgg-from-opacity: var(--dt-color-neutral-transparent-a);
11789
+ --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;
11790
+ --bgg-to: hsl(var(--dt-color-neutral-transparent-h) var(--dt-color-neutral-transparent-s) var(--dt-color-neutral-transparent-l) / 0%) !important;
11791
+ }
11792
+ .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 {
11793
+ --bgg-from-opacity: var(--dt-color-black-50-a);
11794
+ --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;
11795
+ --bgg-to: hsl(var(--dt-color-black-50-h) var(--dt-color-black-50-s) var(--dt-color-black-50-l) / 0%) !important;
11796
+ }
10601
11797
  .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 {
10602
11798
  --bgg-from-opacity: var(--dt-color-black-100-a);
10603
11799
  --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;
@@ -10643,6 +11839,21 @@ body {
10643
11839
  --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;
10644
11840
  --bgg-to: hsl(var(--dt-color-black-900-h) var(--dt-color-black-900-s) var(--dt-color-black-900-l) / 0%) !important;
10645
11841
  }
11842
+ .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 {
11843
+ --bgg-from-opacity: var(--dt-color-black-950-a);
11844
+ --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;
11845
+ --bgg-to: hsl(var(--dt-color-black-950-h) var(--dt-color-black-950-s) var(--dt-color-black-950-l) / 0%) !important;
11846
+ }
11847
+ .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 {
11848
+ --bgg-from-opacity: var(--dt-color-black-1000-a);
11849
+ --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;
11850
+ --bgg-to: hsl(var(--dt-color-black-1000-h) var(--dt-color-black-1000-s) var(--dt-color-black-1000-l) / 0%) !important;
11851
+ }
11852
+ .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 {
11853
+ --bgg-from-opacity: var(--dt-color-purple-50-a);
11854
+ --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;
11855
+ --bgg-to: hsl(var(--dt-color-purple-50-h) var(--dt-color-purple-50-s) var(--dt-color-purple-50-l) / 0%) !important;
11856
+ }
10646
11857
  .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 {
10647
11858
  --bgg-from-opacity: var(--dt-color-purple-100-a);
10648
11859
  --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;
@@ -10653,26 +11864,56 @@ body {
10653
11864
  --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;
10654
11865
  --bgg-to: hsl(var(--dt-color-purple-200-h) var(--dt-color-purple-200-s) var(--dt-color-purple-200-l) / 0%) !important;
10655
11866
  }
11867
+ .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 {
11868
+ --bgg-from-opacity: var(--dt-color-purple-250-a);
11869
+ --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;
11870
+ --bgg-to: hsl(var(--dt-color-purple-250-h) var(--dt-color-purple-250-s) var(--dt-color-purple-250-l) / 0%) !important;
11871
+ }
10656
11872
  .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 {
10657
11873
  --bgg-from-opacity: var(--dt-color-purple-300-a);
10658
11874
  --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;
10659
11875
  --bgg-to: hsl(var(--dt-color-purple-300-h) var(--dt-color-purple-300-s) var(--dt-color-purple-300-l) / 0%) !important;
10660
11876
  }
11877
+ .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 {
11878
+ --bgg-from-opacity: var(--dt-color-purple-350-a);
11879
+ --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;
11880
+ --bgg-to: hsl(var(--dt-color-purple-350-h) var(--dt-color-purple-350-s) var(--dt-color-purple-350-l) / 0%) !important;
11881
+ }
10661
11882
  .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 {
10662
11883
  --bgg-from-opacity: var(--dt-color-purple-400-a);
10663
11884
  --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;
10664
11885
  --bgg-to: hsl(var(--dt-color-purple-400-h) var(--dt-color-purple-400-s) var(--dt-color-purple-400-l) / 0%) !important;
10665
11886
  }
11887
+ .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 {
11888
+ --bgg-from-opacity: var(--dt-color-purple-450-a);
11889
+ --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;
11890
+ --bgg-to: hsl(var(--dt-color-purple-450-h) var(--dt-color-purple-450-s) var(--dt-color-purple-450-l) / 0%) !important;
11891
+ }
10666
11892
  .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 {
10667
11893
  --bgg-from-opacity: var(--dt-color-purple-500-a);
10668
11894
  --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;
10669
11895
  --bgg-to: hsl(var(--dt-color-purple-500-h) var(--dt-color-purple-500-s) var(--dt-color-purple-500-l) / 0%) !important;
10670
11896
  }
11897
+ .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 {
11898
+ --bgg-from-opacity: var(--dt-color-purple-550-a);
11899
+ --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;
11900
+ --bgg-to: hsl(var(--dt-color-purple-550-h) var(--dt-color-purple-550-s) var(--dt-color-purple-550-l) / 0%) !important;
11901
+ }
10671
11902
  .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 {
10672
11903
  --bgg-from-opacity: var(--dt-color-purple-600-a);
10673
11904
  --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;
10674
11905
  --bgg-to: hsl(var(--dt-color-purple-600-h) var(--dt-color-purple-600-s) var(--dt-color-purple-600-l) / 0%) !important;
10675
11906
  }
11907
+ .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 {
11908
+ --bgg-from-opacity: var(--dt-color-purple-1000-a);
11909
+ --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;
11910
+ --bgg-to: hsl(var(--dt-color-purple-1000-h) var(--dt-color-purple-1000-s) var(--dt-color-purple-1000-l) / 0%) !important;
11911
+ }
11912
+ .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 {
11913
+ --bgg-from-opacity: var(--dt-color-blue-50-a);
11914
+ --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;
11915
+ --bgg-to: hsl(var(--dt-color-blue-50-h) var(--dt-color-blue-50-s) var(--dt-color-blue-50-l) / 0%) !important;
11916
+ }
10676
11917
  .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 {
10677
11918
  --bgg-from-opacity: var(--dt-color-blue-100-a);
10678
11919
  --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;
@@ -10693,11 +11934,46 @@ body {
10693
11934
  --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;
10694
11935
  --bgg-to: hsl(var(--dt-color-blue-400-h) var(--dt-color-blue-400-s) var(--dt-color-blue-400-l) / 0%) !important;
10695
11936
  }
11937
+ .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 {
11938
+ --bgg-from-opacity: var(--dt-color-blue-425-a);
11939
+ --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;
11940
+ --bgg-to: hsl(var(--dt-color-blue-425-h) var(--dt-color-blue-425-s) var(--dt-color-blue-425-l) / 0%) !important;
11941
+ }
11942
+ .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 {
11943
+ --bgg-from-opacity: var(--dt-color-blue-450-a);
11944
+ --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;
11945
+ --bgg-to: hsl(var(--dt-color-blue-450-h) var(--dt-color-blue-450-s) var(--dt-color-blue-450-l) / 0%) !important;
11946
+ }
11947
+ .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 {
11948
+ --bgg-from-opacity: var(--dt-color-blue-475-a);
11949
+ --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;
11950
+ --bgg-to: hsl(var(--dt-color-blue-475-h) var(--dt-color-blue-475-s) var(--dt-color-blue-475-l) / 0%) !important;
11951
+ }
10696
11952
  .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 {
10697
11953
  --bgg-from-opacity: var(--dt-color-blue-500-a);
10698
11954
  --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;
10699
11955
  --bgg-to: hsl(var(--dt-color-blue-500-h) var(--dt-color-blue-500-s) var(--dt-color-blue-500-l) / 0%) !important;
10700
11956
  }
11957
+ .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 {
11958
+ --bgg-from-opacity: var(--dt-color-blue-600-a);
11959
+ --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;
11960
+ --bgg-to: hsl(var(--dt-color-blue-600-h) var(--dt-color-blue-600-s) var(--dt-color-blue-600-l) / 0%) !important;
11961
+ }
11962
+ .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 {
11963
+ --bgg-from-opacity: var(--dt-color-blue-900-a);
11964
+ --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;
11965
+ --bgg-to: hsl(var(--dt-color-blue-900-h) var(--dt-color-blue-900-s) var(--dt-color-blue-900-l) / 0%) !important;
11966
+ }
11967
+ .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 {
11968
+ --bgg-from-opacity: var(--dt-color-blue-1000-a);
11969
+ --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;
11970
+ --bgg-to: hsl(var(--dt-color-blue-1000-h) var(--dt-color-blue-1000-s) var(--dt-color-blue-1000-l) / 0%) !important;
11971
+ }
11972
+ .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 {
11973
+ --bgg-from-opacity: var(--dt-color-magenta-50-a);
11974
+ --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;
11975
+ --bgg-to: hsl(var(--dt-color-magenta-50-h) var(--dt-color-magenta-50-s) var(--dt-color-magenta-50-l) / 0%) !important;
11976
+ }
10701
11977
  .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 {
10702
11978
  --bgg-from-opacity: var(--dt-color-magenta-100-a);
10703
11979
  --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;
@@ -10708,6 +11984,11 @@ body {
10708
11984
  --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;
10709
11985
  --bgg-to: hsl(var(--dt-color-magenta-200-h) var(--dt-color-magenta-200-s) var(--dt-color-magenta-200-l) / 0%) !important;
10710
11986
  }
11987
+ .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 {
11988
+ --bgg-from-opacity: var(--dt-color-magenta-250-a);
11989
+ --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;
11990
+ --bgg-to: hsl(var(--dt-color-magenta-250-h) var(--dt-color-magenta-250-s) var(--dt-color-magenta-250-l) / 0%) !important;
11991
+ }
10711
11992
  .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 {
10712
11993
  --bgg-from-opacity: var(--dt-color-magenta-300-a);
10713
11994
  --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;
@@ -10718,11 +11999,41 @@ body {
10718
11999
  --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;
10719
12000
  --bgg-to: hsl(var(--dt-color-magenta-400-h) var(--dt-color-magenta-400-s) var(--dt-color-magenta-400-l) / 0%) !important;
10720
12001
  }
12002
+ .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 {
12003
+ --bgg-from-opacity: var(--dt-color-magenta-425-a);
12004
+ --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;
12005
+ --bgg-to: hsl(var(--dt-color-magenta-425-h) var(--dt-color-magenta-425-s) var(--dt-color-magenta-425-l) / 0%) !important;
12006
+ }
12007
+ .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 {
12008
+ --bgg-from-opacity: var(--dt-color-magenta-475-a);
12009
+ --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;
12010
+ --bgg-to: hsl(var(--dt-color-magenta-475-h) var(--dt-color-magenta-475-s) var(--dt-color-magenta-475-l) / 0%) !important;
12011
+ }
10721
12012
  .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 {
10722
12013
  --bgg-from-opacity: var(--dt-color-magenta-500-a);
10723
12014
  --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;
10724
12015
  --bgg-to: hsl(var(--dt-color-magenta-500-h) var(--dt-color-magenta-500-s) var(--dt-color-magenta-500-l) / 0%) !important;
10725
12016
  }
12017
+ .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 {
12018
+ --bgg-from-opacity: var(--dt-color-magenta-600-a);
12019
+ --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;
12020
+ --bgg-to: hsl(var(--dt-color-magenta-600-h) var(--dt-color-magenta-600-s) var(--dt-color-magenta-600-l) / 0%) !important;
12021
+ }
12022
+ .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 {
12023
+ --bgg-from-opacity: var(--dt-color-magenta-900-a);
12024
+ --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;
12025
+ --bgg-to: hsl(var(--dt-color-magenta-900-h) var(--dt-color-magenta-900-s) var(--dt-color-magenta-900-l) / 0%) !important;
12026
+ }
12027
+ .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 {
12028
+ --bgg-from-opacity: var(--dt-color-magenta-1000-a);
12029
+ --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;
12030
+ --bgg-to: hsl(var(--dt-color-magenta-1000-h) var(--dt-color-magenta-1000-s) var(--dt-color-magenta-1000-l) / 0%) !important;
12031
+ }
12032
+ .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 {
12033
+ --bgg-from-opacity: var(--dt-color-gold-50-a);
12034
+ --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;
12035
+ --bgg-to: hsl(var(--dt-color-gold-50-h) var(--dt-color-gold-50-s) var(--dt-color-gold-50-l) / 0%) !important;
12036
+ }
10726
12037
  .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 {
10727
12038
  --bgg-from-opacity: var(--dt-color-gold-100-a);
10728
12039
  --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;
@@ -10738,16 +12049,51 @@ body {
10738
12049
  --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;
10739
12050
  --bgg-to: hsl(var(--dt-color-gold-300-h) var(--dt-color-gold-300-s) var(--dt-color-gold-300-l) / 0%) !important;
10740
12051
  }
12052
+ .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 {
12053
+ --bgg-from-opacity: var(--dt-color-gold-350-a);
12054
+ --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;
12055
+ --bgg-to: hsl(var(--dt-color-gold-350-h) var(--dt-color-gold-350-s) var(--dt-color-gold-350-l) / 0%) !important;
12056
+ }
10741
12057
  .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 {
10742
12058
  --bgg-from-opacity: var(--dt-color-gold-400-a);
10743
12059
  --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;
10744
12060
  --bgg-to: hsl(var(--dt-color-gold-400-h) var(--dt-color-gold-400-s) var(--dt-color-gold-400-l) / 0%) !important;
10745
12061
  }
12062
+ .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 {
12063
+ --bgg-from-opacity: var(--dt-color-gold-450-a);
12064
+ --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;
12065
+ --bgg-to: hsl(var(--dt-color-gold-450-h) var(--dt-color-gold-450-s) var(--dt-color-gold-450-l) / 0%) !important;
12066
+ }
10746
12067
  .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 {
10747
12068
  --bgg-from-opacity: var(--dt-color-gold-500-a);
10748
12069
  --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;
10749
12070
  --bgg-to: hsl(var(--dt-color-gold-500-h) var(--dt-color-gold-500-s) var(--dt-color-gold-500-l) / 0%) !important;
10750
12071
  }
12072
+ .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 {
12073
+ --bgg-from-opacity: var(--dt-color-gold-600-a);
12074
+ --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;
12075
+ --bgg-to: hsl(var(--dt-color-gold-600-h) var(--dt-color-gold-600-s) var(--dt-color-gold-600-l) / 0%) !important;
12076
+ }
12077
+ .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 {
12078
+ --bgg-from-opacity: var(--dt-color-gold-700-a);
12079
+ --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;
12080
+ --bgg-to: hsl(var(--dt-color-gold-700-h) var(--dt-color-gold-700-s) var(--dt-color-gold-700-l) / 0%) !important;
12081
+ }
12082
+ .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 {
12083
+ --bgg-from-opacity: var(--dt-color-gold-900-a);
12084
+ --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;
12085
+ --bgg-to: hsl(var(--dt-color-gold-900-h) var(--dt-color-gold-900-s) var(--dt-color-gold-900-l) / 0%) !important;
12086
+ }
12087
+ .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 {
12088
+ --bgg-from-opacity: var(--dt-color-gold-1000-a);
12089
+ --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;
12090
+ --bgg-to: hsl(var(--dt-color-gold-1000-h) var(--dt-color-gold-1000-s) var(--dt-color-gold-1000-l) / 0%) !important;
12091
+ }
12092
+ .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 {
12093
+ --bgg-from-opacity: var(--dt-color-green-50-a);
12094
+ --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;
12095
+ --bgg-to: hsl(var(--dt-color-green-50-h) var(--dt-color-green-50-s) var(--dt-color-green-50-l) / 0%) !important;
12096
+ }
10751
12097
  .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 {
10752
12098
  --bgg-from-opacity: var(--dt-color-green-100-a);
10753
12099
  --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;
@@ -10763,16 +12109,51 @@ body {
10763
12109
  --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;
10764
12110
  --bgg-to: hsl(var(--dt-color-green-300-h) var(--dt-color-green-300-s) var(--dt-color-green-300-l) / 0%) !important;
10765
12111
  }
12112
+ .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 {
12113
+ --bgg-from-opacity: var(--dt-color-green-350-a);
12114
+ --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;
12115
+ --bgg-to: hsl(var(--dt-color-green-350-h) var(--dt-color-green-350-s) var(--dt-color-green-350-l) / 0%) !important;
12116
+ }
10766
12117
  .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 {
10767
12118
  --bgg-from-opacity: var(--dt-color-green-400-a);
10768
12119
  --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;
10769
12120
  --bgg-to: hsl(var(--dt-color-green-400-h) var(--dt-color-green-400-s) var(--dt-color-green-400-l) / 0%) !important;
10770
12121
  }
12122
+ .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 {
12123
+ --bgg-from-opacity: var(--dt-color-green-425-a);
12124
+ --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;
12125
+ --bgg-to: hsl(var(--dt-color-green-425-h) var(--dt-color-green-425-s) var(--dt-color-green-425-l) / 0%) !important;
12126
+ }
12127
+ .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 {
12128
+ --bgg-from-opacity: var(--dt-color-green-475-a);
12129
+ --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;
12130
+ --bgg-to: hsl(var(--dt-color-green-475-h) var(--dt-color-green-475-s) var(--dt-color-green-475-l) / 0%) !important;
12131
+ }
10771
12132
  .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 {
10772
12133
  --bgg-from-opacity: var(--dt-color-green-500-a);
10773
12134
  --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;
10774
12135
  --bgg-to: hsl(var(--dt-color-green-500-h) var(--dt-color-green-500-s) var(--dt-color-green-500-l) / 0%) !important;
10775
12136
  }
12137
+ .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 {
12138
+ --bgg-from-opacity: var(--dt-color-green-600-a);
12139
+ --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;
12140
+ --bgg-to: hsl(var(--dt-color-green-600-h) var(--dt-color-green-600-s) var(--dt-color-green-600-l) / 0%) !important;
12141
+ }
12142
+ .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 {
12143
+ --bgg-from-opacity: var(--dt-color-green-900-a);
12144
+ --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;
12145
+ --bgg-to: hsl(var(--dt-color-green-900-h) var(--dt-color-green-900-s) var(--dt-color-green-900-l) / 0%) !important;
12146
+ }
12147
+ .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 {
12148
+ --bgg-from-opacity: var(--dt-color-green-1000-a);
12149
+ --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;
12150
+ --bgg-to: hsl(var(--dt-color-green-1000-h) var(--dt-color-green-1000-s) var(--dt-color-green-1000-l) / 0%) !important;
12151
+ }
12152
+ .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 {
12153
+ --bgg-from-opacity: var(--dt-color-red-50-a);
12154
+ --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;
12155
+ --bgg-to: hsl(var(--dt-color-red-50-h) var(--dt-color-red-50-s) var(--dt-color-red-50-l) / 0%) !important;
12156
+ }
10776
12157
  .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 {
10777
12158
  --bgg-from-opacity: var(--dt-color-red-100-a);
10778
12159
  --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;
@@ -10788,16 +12169,51 @@ body {
10788
12169
  --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;
10789
12170
  --bgg-to: hsl(var(--dt-color-red-300-h) var(--dt-color-red-300-s) var(--dt-color-red-300-l) / 0%) !important;
10790
12171
  }
12172
+ .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 {
12173
+ --bgg-from-opacity: var(--dt-color-red-350-a);
12174
+ --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;
12175
+ --bgg-to: hsl(var(--dt-color-red-350-h) var(--dt-color-red-350-s) var(--dt-color-red-350-l) / 0%) !important;
12176
+ }
10791
12177
  .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 {
10792
12178
  --bgg-from-opacity: var(--dt-color-red-400-a);
10793
12179
  --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;
10794
12180
  --bgg-to: hsl(var(--dt-color-red-400-h) var(--dt-color-red-400-s) var(--dt-color-red-400-l) / 0%) !important;
10795
12181
  }
12182
+ .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 {
12183
+ --bgg-from-opacity: var(--dt-color-red-450-a);
12184
+ --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;
12185
+ --bgg-to: hsl(var(--dt-color-red-450-h) var(--dt-color-red-450-s) var(--dt-color-red-450-l) / 0%) !important;
12186
+ }
10796
12187
  .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 {
10797
12188
  --bgg-from-opacity: var(--dt-color-red-500-a);
10798
12189
  --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;
10799
12190
  --bgg-to: hsl(var(--dt-color-red-500-h) var(--dt-color-red-500-s) var(--dt-color-red-500-l) / 0%) !important;
10800
12191
  }
12192
+ .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 {
12193
+ --bgg-from-opacity: var(--dt-color-red-600-a);
12194
+ --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;
12195
+ --bgg-to: hsl(var(--dt-color-red-600-h) var(--dt-color-red-600-s) var(--dt-color-red-600-l) / 0%) !important;
12196
+ }
12197
+ .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 {
12198
+ --bgg-from-opacity: var(--dt-color-red-700-a);
12199
+ --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;
12200
+ --bgg-to: hsl(var(--dt-color-red-700-h) var(--dt-color-red-700-s) var(--dt-color-red-700-l) / 0%) !important;
12201
+ }
12202
+ .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 {
12203
+ --bgg-from-opacity: var(--dt-color-red-900-a);
12204
+ --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;
12205
+ --bgg-to: hsl(var(--dt-color-red-900-h) var(--dt-color-red-900-s) var(--dt-color-red-900-l) / 0%) !important;
12206
+ }
12207
+ .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 {
12208
+ --bgg-from-opacity: var(--dt-color-red-1000-a);
12209
+ --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;
12210
+ --bgg-to: hsl(var(--dt-color-red-1000-h) var(--dt-color-red-1000-s) var(--dt-color-red-1000-l) / 0%) !important;
12211
+ }
12212
+ .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 {
12213
+ --bgg-from-opacity: var(--dt-color-tan-50-a);
12214
+ --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;
12215
+ --bgg-to: hsl(var(--dt-color-tan-50-h) var(--dt-color-tan-50-s) var(--dt-color-tan-50-l) / 0%) !important;
12216
+ }
10801
12217
  .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 {
10802
12218
  --bgg-from-opacity: var(--dt-color-tan-100-a);
10803
12219
  --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;
@@ -10823,6 +12239,36 @@ body {
10823
12239
  --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;
10824
12240
  --bgg-to: hsl(var(--dt-color-tan-500-h) var(--dt-color-tan-500-s) var(--dt-color-tan-500-l) / 0%) !important;
10825
12241
  }
12242
+ .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 {
12243
+ --bgg-from-opacity: var(--dt-color-tan-600-a);
12244
+ --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;
12245
+ --bgg-to: hsl(var(--dt-color-tan-600-h) var(--dt-color-tan-600-s) var(--dt-color-tan-600-l) / 0%) !important;
12246
+ }
12247
+ .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 {
12248
+ --bgg-from-opacity: var(--dt-color-tan-700-a);
12249
+ --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;
12250
+ --bgg-to: hsl(var(--dt-color-tan-700-h) var(--dt-color-tan-700-s) var(--dt-color-tan-700-l) / 0%) !important;
12251
+ }
12252
+ .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 {
12253
+ --bgg-from-opacity: var(--dt-color-tan-800-a);
12254
+ --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;
12255
+ --bgg-to: hsl(var(--dt-color-tan-800-h) var(--dt-color-tan-800-s) var(--dt-color-tan-800-l) / 0%) !important;
12256
+ }
12257
+ .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 {
12258
+ --bgg-from-opacity: var(--dt-color-tan-900-a);
12259
+ --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;
12260
+ --bgg-to: hsl(var(--dt-color-tan-900-h) var(--dt-color-tan-900-s) var(--dt-color-tan-900-l) / 0%) !important;
12261
+ }
12262
+ .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 {
12263
+ --bgg-from-opacity: var(--dt-color-tan-950-a);
12264
+ --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;
12265
+ --bgg-to: hsl(var(--dt-color-tan-950-h) var(--dt-color-tan-950-s) var(--dt-color-tan-950-l) / 0%) !important;
12266
+ }
12267
+ .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 {
12268
+ --bgg-from-opacity: var(--dt-color-tan-1000-a);
12269
+ --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;
12270
+ --bgg-to: hsl(var(--dt-color-tan-1000-h) var(--dt-color-tan-1000-s) var(--dt-color-tan-1000-l) / 0%) !important;
12271
+ }
10826
12272
  .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 {
10827
12273
  --bgg-to-opacity: var(--dt-color-neutral-white-a);
10828
12274
  --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;
@@ -10831,6 +12277,14 @@ body {
10831
12277
  --bgg-to-opacity: var(--dt-color-neutral-black-a);
10832
12278
  --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;
10833
12279
  }
12280
+ .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 {
12281
+ --bgg-to-opacity: var(--dt-color-neutral-transparent-a);
12282
+ --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;
12283
+ }
12284
+ .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 {
12285
+ --bgg-to-opacity: var(--dt-color-black-50-a);
12286
+ --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;
12287
+ }
10834
12288
  .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 {
10835
12289
  --bgg-to-opacity: var(--dt-color-black-100-a);
10836
12290
  --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;
@@ -10867,6 +12321,18 @@ body {
10867
12321
  --bgg-to-opacity: var(--dt-color-black-900-a);
10868
12322
  --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;
10869
12323
  }
12324
+ .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 {
12325
+ --bgg-to-opacity: var(--dt-color-black-950-a);
12326
+ --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;
12327
+ }
12328
+ .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 {
12329
+ --bgg-to-opacity: var(--dt-color-black-1000-a);
12330
+ --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;
12331
+ }
12332
+ .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 {
12333
+ --bgg-to-opacity: var(--dt-color-purple-50-a);
12334
+ --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;
12335
+ }
10870
12336
  .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 {
10871
12337
  --bgg-to-opacity: var(--dt-color-purple-100-a);
10872
12338
  --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;
@@ -10875,22 +12341,46 @@ body {
10875
12341
  --bgg-to-opacity: var(--dt-color-purple-200-a);
10876
12342
  --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;
10877
12343
  }
12344
+ .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 {
12345
+ --bgg-to-opacity: var(--dt-color-purple-250-a);
12346
+ --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;
12347
+ }
10878
12348
  .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 {
10879
12349
  --bgg-to-opacity: var(--dt-color-purple-300-a);
10880
12350
  --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;
10881
12351
  }
12352
+ .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 {
12353
+ --bgg-to-opacity: var(--dt-color-purple-350-a);
12354
+ --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;
12355
+ }
10882
12356
  .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 {
10883
12357
  --bgg-to-opacity: var(--dt-color-purple-400-a);
10884
12358
  --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;
10885
12359
  }
12360
+ .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 {
12361
+ --bgg-to-opacity: var(--dt-color-purple-450-a);
12362
+ --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;
12363
+ }
10886
12364
  .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 {
10887
12365
  --bgg-to-opacity: var(--dt-color-purple-500-a);
10888
12366
  --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;
10889
12367
  }
12368
+ .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 {
12369
+ --bgg-to-opacity: var(--dt-color-purple-550-a);
12370
+ --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;
12371
+ }
10890
12372
  .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 {
10891
12373
  --bgg-to-opacity: var(--dt-color-purple-600-a);
10892
12374
  --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;
10893
12375
  }
12376
+ .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 {
12377
+ --bgg-to-opacity: var(--dt-color-purple-1000-a);
12378
+ --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;
12379
+ }
12380
+ .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 {
12381
+ --bgg-to-opacity: var(--dt-color-blue-50-a);
12382
+ --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;
12383
+ }
10894
12384
  .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 {
10895
12385
  --bgg-to-opacity: var(--dt-color-blue-100-a);
10896
12386
  --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;
@@ -10907,10 +12397,38 @@ body {
10907
12397
  --bgg-to-opacity: var(--dt-color-blue-400-a);
10908
12398
  --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;
10909
12399
  }
12400
+ .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 {
12401
+ --bgg-to-opacity: var(--dt-color-blue-425-a);
12402
+ --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;
12403
+ }
12404
+ .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 {
12405
+ --bgg-to-opacity: var(--dt-color-blue-450-a);
12406
+ --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;
12407
+ }
12408
+ .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 {
12409
+ --bgg-to-opacity: var(--dt-color-blue-475-a);
12410
+ --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;
12411
+ }
10910
12412
  .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 {
10911
12413
  --bgg-to-opacity: var(--dt-color-blue-500-a);
10912
12414
  --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;
10913
12415
  }
12416
+ .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 {
12417
+ --bgg-to-opacity: var(--dt-color-blue-600-a);
12418
+ --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;
12419
+ }
12420
+ .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 {
12421
+ --bgg-to-opacity: var(--dt-color-blue-900-a);
12422
+ --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;
12423
+ }
12424
+ .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 {
12425
+ --bgg-to-opacity: var(--dt-color-blue-1000-a);
12426
+ --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;
12427
+ }
12428
+ .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 {
12429
+ --bgg-to-opacity: var(--dt-color-magenta-50-a);
12430
+ --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;
12431
+ }
10914
12432
  .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 {
10915
12433
  --bgg-to-opacity: var(--dt-color-magenta-100-a);
10916
12434
  --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;
@@ -10919,6 +12437,10 @@ body {
10919
12437
  --bgg-to-opacity: var(--dt-color-magenta-200-a);
10920
12438
  --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;
10921
12439
  }
12440
+ .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 {
12441
+ --bgg-to-opacity: var(--dt-color-magenta-250-a);
12442
+ --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;
12443
+ }
10922
12444
  .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 {
10923
12445
  --bgg-to-opacity: var(--dt-color-magenta-300-a);
10924
12446
  --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;
@@ -10927,10 +12449,34 @@ body {
10927
12449
  --bgg-to-opacity: var(--dt-color-magenta-400-a);
10928
12450
  --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;
10929
12451
  }
12452
+ .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 {
12453
+ --bgg-to-opacity: var(--dt-color-magenta-425-a);
12454
+ --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;
12455
+ }
12456
+ .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 {
12457
+ --bgg-to-opacity: var(--dt-color-magenta-475-a);
12458
+ --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;
12459
+ }
10930
12460
  .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 {
10931
12461
  --bgg-to-opacity: var(--dt-color-magenta-500-a);
10932
12462
  --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;
10933
12463
  }
12464
+ .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 {
12465
+ --bgg-to-opacity: var(--dt-color-magenta-600-a);
12466
+ --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;
12467
+ }
12468
+ .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 {
12469
+ --bgg-to-opacity: var(--dt-color-magenta-900-a);
12470
+ --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;
12471
+ }
12472
+ .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 {
12473
+ --bgg-to-opacity: var(--dt-color-magenta-1000-a);
12474
+ --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;
12475
+ }
12476
+ .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 {
12477
+ --bgg-to-opacity: var(--dt-color-gold-50-a);
12478
+ --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;
12479
+ }
10934
12480
  .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 {
10935
12481
  --bgg-to-opacity: var(--dt-color-gold-100-a);
10936
12482
  --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;
@@ -10943,14 +12489,42 @@ body {
10943
12489
  --bgg-to-opacity: var(--dt-color-gold-300-a);
10944
12490
  --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;
10945
12491
  }
12492
+ .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 {
12493
+ --bgg-to-opacity: var(--dt-color-gold-350-a);
12494
+ --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;
12495
+ }
10946
12496
  .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 {
10947
12497
  --bgg-to-opacity: var(--dt-color-gold-400-a);
10948
12498
  --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;
10949
12499
  }
12500
+ .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 {
12501
+ --bgg-to-opacity: var(--dt-color-gold-450-a);
12502
+ --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;
12503
+ }
10950
12504
  .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 {
10951
12505
  --bgg-to-opacity: var(--dt-color-gold-500-a);
10952
12506
  --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;
10953
12507
  }
12508
+ .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 {
12509
+ --bgg-to-opacity: var(--dt-color-gold-600-a);
12510
+ --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;
12511
+ }
12512
+ .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 {
12513
+ --bgg-to-opacity: var(--dt-color-gold-700-a);
12514
+ --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;
12515
+ }
12516
+ .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 {
12517
+ --bgg-to-opacity: var(--dt-color-gold-900-a);
12518
+ --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;
12519
+ }
12520
+ .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 {
12521
+ --bgg-to-opacity: var(--dt-color-gold-1000-a);
12522
+ --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;
12523
+ }
12524
+ .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 {
12525
+ --bgg-to-opacity: var(--dt-color-green-50-a);
12526
+ --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;
12527
+ }
10954
12528
  .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 {
10955
12529
  --bgg-to-opacity: var(--dt-color-green-100-a);
10956
12530
  --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;
@@ -10963,14 +12537,42 @@ body {
10963
12537
  --bgg-to-opacity: var(--dt-color-green-300-a);
10964
12538
  --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;
10965
12539
  }
12540
+ .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 {
12541
+ --bgg-to-opacity: var(--dt-color-green-350-a);
12542
+ --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;
12543
+ }
10966
12544
  .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 {
10967
12545
  --bgg-to-opacity: var(--dt-color-green-400-a);
10968
12546
  --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;
10969
12547
  }
12548
+ .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 {
12549
+ --bgg-to-opacity: var(--dt-color-green-425-a);
12550
+ --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;
12551
+ }
12552
+ .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 {
12553
+ --bgg-to-opacity: var(--dt-color-green-475-a);
12554
+ --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;
12555
+ }
10970
12556
  .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 {
10971
12557
  --bgg-to-opacity: var(--dt-color-green-500-a);
10972
12558
  --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;
10973
12559
  }
12560
+ .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 {
12561
+ --bgg-to-opacity: var(--dt-color-green-600-a);
12562
+ --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;
12563
+ }
12564
+ .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 {
12565
+ --bgg-to-opacity: var(--dt-color-green-900-a);
12566
+ --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;
12567
+ }
12568
+ .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 {
12569
+ --bgg-to-opacity: var(--dt-color-green-1000-a);
12570
+ --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;
12571
+ }
12572
+ .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 {
12573
+ --bgg-to-opacity: var(--dt-color-red-50-a);
12574
+ --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;
12575
+ }
10974
12576
  .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 {
10975
12577
  --bgg-to-opacity: var(--dt-color-red-100-a);
10976
12578
  --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;
@@ -10983,14 +12585,42 @@ body {
10983
12585
  --bgg-to-opacity: var(--dt-color-red-300-a);
10984
12586
  --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;
10985
12587
  }
12588
+ .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 {
12589
+ --bgg-to-opacity: var(--dt-color-red-350-a);
12590
+ --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;
12591
+ }
10986
12592
  .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 {
10987
12593
  --bgg-to-opacity: var(--dt-color-red-400-a);
10988
12594
  --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;
10989
12595
  }
12596
+ .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 {
12597
+ --bgg-to-opacity: var(--dt-color-red-450-a);
12598
+ --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;
12599
+ }
10990
12600
  .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 {
10991
12601
  --bgg-to-opacity: var(--dt-color-red-500-a);
10992
12602
  --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;
10993
12603
  }
12604
+ .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 {
12605
+ --bgg-to-opacity: var(--dt-color-red-600-a);
12606
+ --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;
12607
+ }
12608
+ .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 {
12609
+ --bgg-to-opacity: var(--dt-color-red-700-a);
12610
+ --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;
12611
+ }
12612
+ .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 {
12613
+ --bgg-to-opacity: var(--dt-color-red-900-a);
12614
+ --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;
12615
+ }
12616
+ .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 {
12617
+ --bgg-to-opacity: var(--dt-color-red-1000-a);
12618
+ --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;
12619
+ }
12620
+ .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 {
12621
+ --bgg-to-opacity: var(--dt-color-tan-50-a);
12622
+ --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;
12623
+ }
10994
12624
  .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 {
10995
12625
  --bgg-to-opacity: var(--dt-color-tan-100-a);
10996
12626
  --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;
@@ -11011,6 +12641,30 @@ body {
11011
12641
  --bgg-to-opacity: var(--dt-color-tan-500-a);
11012
12642
  --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;
11013
12643
  }
12644
+ .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 {
12645
+ --bgg-to-opacity: var(--dt-color-tan-600-a);
12646
+ --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;
12647
+ }
12648
+ .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 {
12649
+ --bgg-to-opacity: var(--dt-color-tan-700-a);
12650
+ --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;
12651
+ }
12652
+ .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 {
12653
+ --bgg-to-opacity: var(--dt-color-tan-800-a);
12654
+ --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;
12655
+ }
12656
+ .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 {
12657
+ --bgg-to-opacity: var(--dt-color-tan-900-a);
12658
+ --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;
12659
+ }
12660
+ .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 {
12661
+ --bgg-to-opacity: var(--dt-color-tan-950-a);
12662
+ --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;
12663
+ }
12664
+ .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 {
12665
+ --bgg-to-opacity: var(--dt-color-tan-1000-a);
12666
+ --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;
12667
+ }
11014
12668
  .d-fco100, .h\:d-fco100:hover, .f\:d-fco100:focus, .f\:d-fco100:focus-within, .fv\:d-fco100:focus-visible {
11015
12669
  --fco: 100% !important;
11016
12670
  }