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

package/dist/css/dialtone.css

@@ -1129,8 +1129,9 @@ template {
   --badge-color-outline: var(--dt-badge-color-border-bulletin-subtle);
 }
 .d-badge--ai {
-  --badge-color-text: var(--dt-badge-color-foreground-bulletin);
-  --badge-color-background: var(--dt-color-magenta-300);
+  --badge-color-text: var(--dt-badge-color-foreground-ai);
+  --badge-color-background: var(--dt-color-brand-magenta);
+  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);
   background-image: var(--dt-badge-color-background-ai);
 }
 .d-badge--outlined {
@@ -1231,11 +1232,11 @@ template {
 .d-breadcrumbs {
   --breadcrumbs-font-size: var(--dt-font-size-200);
   --breadcrumbs-line-height: var(--dt-font-line-height-300);
-  --breadcrumbs-color-separator: var(--dt-color-black-500);
+  --breadcrumbs-color-separator: var(--dt-color-foreground-muted);
   --breadcrumbs-color-text: var(--dt-color-link-muted);
 }
 .d-breadcrumbs--inverted {
-  --breadcrumbs-color-separator: var(--dt-color-black-400);
+  --breadcrumbs-color-separator: var(--dt-color-foreground-muted-inverted);
   --breadcrumbs-color-text: var(--dt-color-link-muted-inverted);
 }
 .d-breadcrumbs > ol {
@@ -1674,6 +1675,9 @@ template {
   opacity: var(--dt-opacity-600);
   content: "";
 }
+.d-split-btn:has(.d-btn--outlined.d-btn--muted, .d-btn--outlined.d-btn--inverted) .d-split-btn__omega::before {
+  opacity: var(--dt-opacity-300);
+}
 .d-split-btn:has(:focus-visible, :hover, .d-btn--active) .d-split-btn__omega::before {
   opacity: 0;
 }
@@ -1820,7 +1824,7 @@ template {
 }
 .d-chip__label .d-avatar {
   --avatar-size-shape: var(--dt-size-550);
-  margin: var(--dt-space-200-negative) var(--dt-space-300) var(--dt-space-200-negative) var(--dt-space-350-negative);
+  margin: var(--dt-space-200-negative) var(--dt-space-350) var(--dt-space-200-negative) var(--dt-space-350-negative);
 }
 .d-chip__close {
   --button-color-text: var(--dt-action-color-foreground-base-default);
@@ -1942,19 +1946,19 @@ template {
   content: '';
 }
 .d-chip__close:hover:not([disabled]) {
-  --button-color-background: hsla(var(--dt-color-black-800-hsl)  /  15%);
+  --button-color-background: var(--dt-action-color-background-muted-hover);
 }
 .d-chip__close:active:not([disabled]),
 .d-chip__close.d-btn--active:not([disabled]),
 .d-chip__close.d-btn--active:active:not([disabled]) {
-  --button-color-background: hsla(var(--dt-color-black-800-hsl)  /  25%);
+  --button-color-background: var(--dt-action-color-background-muted-active);
 }
 .d-chip__icon {
-  padding-right: var(--dt-space-300);
-  line-height: 0;
+  padding-right: var(--dt-space-350);
+  line-height: 1;
 }
 .d-chip__label--active {
-  background-color: var(--dt-color-black-400);
+  background-color: var(--dt-color-surface-bold-opaque);
 }
 .d-chip__text {
   overflow: hidden;
@@ -1973,7 +1977,7 @@ template {
 }
 .d-chip__label--xs .d-avatar {
   --avatar-size-shape: var(--dt-size-500);
-  margin-right: var(--dt-space-300);
+  margin-right: var(--dt-space-350);
   margin-left: var(--dt-space-300-negative);
 }
 .d-chip__close--xs {
@@ -2107,8 +2111,8 @@ template {
   font-variant-numeric: tabular-nums;
 }
 .d-datepicker__day--selected {
-  color: var(--dt-color-neutral-white);
-  background: var(--dt-color-brand-purple);
+  color: var(--dt-action-color-foreground-base-primary-default);
+  background: var(--dt-action-color-background-base-primary-default);
 }
 .d-datepicker__day--disabled {
   color: var(--dt-color-foreground-muted);
@@ -2178,7 +2182,7 @@ template {
   text-align: center;
 }
 .d-empty-state__icon {
-  color: var(--dt-color-foreground-tertiary);
+  color: var(--dt-color-foreground-muted);
   line-height: 0;
 }
 .d-empty-state__illustration {
@@ -2330,6 +2334,7 @@ legend .d-label--md {
 .d-input__wrapper--md,
 .d-input__wrapper {
   --input-color-border: var(--dt-inputs-color-border-default);
+  --input-color-border-hover: var(--dt-inputs-color-border-hover);
   --input-color-background: var(--dt-inputs-color-background-default);
   --input-color-background-disabled: var(--dt-inputs-color-background-disabled);
   --input-color-text: var(--dt-inputs-color-foreground-default);
@@ -2459,6 +2464,14 @@ legend .d-label--md {
 .d-input__wrapper::-ms-clear {
   display: none;
 }
+.d-input:hover,
+.d-input--md:hover,
+.d-textarea:hover,
+.d-textarea--md:hover,
+.d-input__wrapper--md:hover,
+.d-input__wrapper:hover {
+  --input-color-border: var(--input-color-border-hover);
+}
 .d-input:focus,
 .d-input--md:focus,
 .d-textarea:focus,
@@ -2874,7 +2887,7 @@ legend .d-label--md {
   cursor: pointer;
 }
 .d-link:active {
-  --link-text-decoration: underline;
+  color: var(--link-color-default);
 }
 .d-link:focus-visible {
   --link-text-decoration: none;
@@ -2940,23 +2953,26 @@ legend .d-label--md {
   --link-color-default-hover: var(--dt-color-link-primary-inverted-hover);
   --link-text-decoration: none;
   --link-padding: 0 var(--dt-space-200);
-  --link-background-color: hsl(var(--dt-color-purple-400-hsl) / 0.2);
+  --link-background-color: hsl(var(--dt-color-surface-brand-strong-hsl) / 0.3);
   line-height: var(--dt-font-line-height-200);
   border-radius: var(--dt-size-radius-200);
 }
 .d-link--mention {
   --link-text-decoration: none;
   --link-padding: 0 var(--dt-space-200);
-  --link-background-color: hsl(var(--dt-color-purple-400-hsl) / 0.1);
+  --link-background-color: hsl(var(--dt-color-surface-brand-strong-hsl) / 0.1);
   line-height: var(--dt-font-line-height-200);
   border-radius: var(--dt-size-radius-200);
 }
 .d-link--mention:hover {
   --link-text-decoration: underline;
-  --link-background-color: hsl(var(--dt-color-purple-400-hsl) / 0.2);
+  --link-background-color: hsl(var(--dt-color-surface-brand-strong-hsl) / 0.25);
   text-underline-offset: calc(var(--dt-size-border-300) - var(--dt-size-border-100));
   text-decoration-thickness: var(--dt-size-border-50);
 }
+.d-link--mention:active {
+  --link-background-color: hsl(var(--dt-color-surface-brand-strong-hsl) / 0.1);
+}
 .d-list-group,
 .d-list-group__item {
   margin: 0;
@@ -2974,12 +2990,12 @@ legend .d-label--md {
   text-transform: uppercase;
 }
 .d-list-group--link {
-  color: var(--dt-color-black-800);
+  color: var(--dt-color-foreground-secondary);
   font-size: var(--dt-font-size-200);
   text-decoration: none;
 }
 .d-list-group--link:hover {
-  color: var(--dt-color-black-900);
+  color: var(--dt-color-foreground-primary);
   background-color: hsla(var(--dt-color-purple-400-hsl)  /  85%);
 }
 .d-list-group--link-selected {
@@ -3299,7 +3315,7 @@ legend .d-label--md {
   --notice-color-background: var(--dt-color-surface-secondary);
   --notice-color-text: var(--dt-color-foreground-primary);
   --notice-color-icon: var(--notice-color-text);
-  --notice-color-shadow: hsla(var(--dt-color-black-900-hsl) / 0.06);
+  --notice-color-shadow: var(--dt-color-border-subtle);
   --notice-padding: var(--dt-space-500);
   --notice-font-size: var(--dt-font-size-200);
   --notice-line-height: var(--dt-font-line-height-300);
@@ -3330,7 +3346,7 @@ legend .d-label--md {
   gap: var(--dt-space-400);
   align-items: center;
 }
-.d-notice__actions button {
+.d-notice__actions .d-btn {
   color: var(--notice-color-text);
 }
 .d-notice__icon {
@@ -3361,7 +3377,7 @@ legend .d-label--md {
 .d-banner--error,
 .d-toast--error {
   --notice-color-background: var(--dt-color-surface-critical);
-  --notice-color-icon: var(--dt-color-red-400);
+  --notice-color-icon: var(--dt-color-foreground-critical);
 }
 .d-notice--error.d-notice--important,
 .d-banner--error.d-notice--important,
@@ -3396,7 +3412,7 @@ legend .d-label--md {
 .d-banner--success,
 .d-toast--success {
   --notice-color-background: var(--dt-color-surface-success);
-  --notice-color-icon: var(--dt-color-green-400);
+  --notice-color-icon: var(--dt-color-foreground-success);
 }
 .d-notice--success.d-notice--important,
 .d-banner--success.d-notice--important,
@@ -3414,7 +3430,7 @@ legend .d-label--md {
 .d-banner--warning,
 .d-toast--warning {
   --notice-color-background: var(--dt-color-surface-warning);
-  --notice-color-icon: var(--dt-color-gold-400);
+  --notice-color-icon: var(--dt-color-foreground-warning);
 }
 .d-notice--warning.d-notice--important,
 .d-banner--warning.d-notice--important,
@@ -3448,7 +3464,7 @@ legend .d-label--md {
           transform: translateX(-50%);
 }
 .d-toast {
-  --toast-color-shadow: hsla(var(--dt-color-black-900-hsl) / 0.15);
+  --toast-color-shadow: var(--dt-color-border-subtle);
   --toast-box-shadow: 0 0 0 var(--dt-size-100) var(--toast-color-shadow) inset, var(--dt-shadow-medium);
   z-index: var(--zi-notification);
   display: block;
@@ -3478,7 +3494,7 @@ legend .d-label--md {
 }
 .d-toast--chat .d-notice__icon,
 .d-toast--chat .d-toast__meta {
-  color: var(--dt-color-black-500);
+  color: var(--dt-color-foreground-tertiary);
 }
 .d-toast--chat .d-toast__meta {
   font-size: var(--dt-font-size-100);
@@ -3502,7 +3518,7 @@ legend .d-label--md {
   --toast-color-background: var(--dt-color-surface-secondary);
 }
 .d-banner {
-  --banner-color-border: var(--dt-color-border-subtle);
+  --banner-color-border: var(--dt-color-border-default);
   --banner-line-height: var(--dt-font-line-height-200);
   --banner-dialog-padding-y: var(--dt-space-400);
   --banner-dialog-padding-x: var(--dt-space-500);
@@ -3634,6 +3650,7 @@ legend .d-label--md {
 .d-checkbox,
 .d-radio {
   --check-radio-color-border: var(--dt-checkbox-color-border-unchecked);
+  --check-radio-color-border-hover: var(--dt-checkbox-color-border-unchecked-hover);
   --check-radio-color-border-checked: var(--dt-checkbox-color-border-checked);
   --check-radio-color-border-disabled: var(--dt-inputs-color-border-disabled);
   --check-radio-color-background: var(--dt-inputs-color-background-default);
@@ -3665,12 +3682,9 @@ legend .d-label--md {
   .d-radio::-ms-check {
     display: none;
   }
-  .d-checkbox:focus,
-  .d-radio:focus,
-  .d-checkbox:checked:focus,
-  .d-radio:checked:focus {
-    outline: 0;
-    box-shadow: var(--dt-shadow-focus);
+  .d-checkbox:not(:disabled):hover,
+  .d-radio:not(:disabled):hover {
+    border-color: var(--check-radio-color-border-hover);
   }
   .d-checkbox:checked,
   .d-radio:checked {
@@ -3756,43 +3770,53 @@ legend .d-label--md {
   .d-checkbox {
     background-repeat: no-repeat;
     background-position: center center;
-    background-size: contain;
+    background-size: auto;
     border-radius: var(--dt-size-radius-300);
   }
+  .d-checkbox:focus,
   .d-checkbox:focus-visible,
   .d-checkbox:checked:focus-visible {
     box-shadow: var(--dt-shadow-focus);
   }
   .d-checkbox:checked {
     --check-radio-color-background: var(--check-radio-color-background-checked);
-    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>");
+    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>");
+    border: 0;
+  }
+  [data-dt-theme="dark"] .d-checkbox:checked {
+    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>");
   }
   .d-checkbox:checked[disabled] {
     --check-radio-color-background: var(--check-radio-color-background-disabled);
-    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>");
+    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>");
   }
   .d-checkbox--disabled:checked {
     --check-radio-color-background: var(--check-radio-color-background-disabled);
     --check-radio-color-border: var(--check-radio-color-border-disabled);
-    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>");
+    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>");
   }
   .d-checkbox--indeterminate,
   .d-checkbox:indeterminate {
     --check-radio-color-background: var(--check-radio-color-background-checked);
     --check-radio-color-border: var(--check-radio-color-border-checked);
-    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>");
+    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>");
+    border: 0;
+  }
+  [data-dt-theme="dark"] .d-checkbox--indeterminate,
+  [data-dt-theme="dark"] .d-checkbox:indeterminate {
+    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>");
   }
   .d-checkbox--indeterminate[disabled],
   .d-checkbox:indeterminate[disabled] {
     --check-radio-color-background: var(--check-radio-color-background-disabled);
     --check-radio-color-border: var(--check-radio-color-border-disabled);
-    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>");
+    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>");
   }
   .d-checkbox--indeterminate.d-checkbox--disabled,
   .d-checkbox:indeterminate.d-checkbox--disabled {
     --check-radio-color-background: var(--check-radio-color-background-disabled);
     --check-radio-color-border: var(--check-radio-color-border-disabled);
-    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>");
+    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>");
   }
   .d-checkbox[disabled],
   .d-checkbox--disabled {
@@ -3811,17 +3835,19 @@ legend .d-label--md {
     --check-radio-color-border: var(--check-radio-color-border-disabled);
     --check-radio-color-background: var(--check-radio-color-background-disabled);
   }
-  .d-radio:focus-visible,
-  .d-radio:checked:focus-visible {
-    box-shadow: var(--dt-shadow-focus), inset 0 0 0 var(--dt-size-200) var(--dt-color-neutral-white);
-  }
   .d-radio:checked {
     --check-radio-color-background: var(--check-radio-color-background-checked);
-    box-shadow: inset 0 0 0 var(--dt-size-200) var(--dt-color-neutral-white);
+    border-color: transparent;
+    box-shadow: inset 0 0 0 var(--dt-size-200) var(--dt-radio-color-foreground-checked);
   }
   .d-radio:checked[disabled] {
     --check-radio-color-background: var(--check-radio-color-background-disabled);
   }
+  .d-radio:focus,
+  .d-radio:focus-visible,
+  .d-radio:checked:focus-visible {
+    box-shadow: var(--dt-shadow-focus), inset 0 0 0 var(--dt-size-200) var(--dt-radio-color-foreground-checked);
+  }
   .d-radio--disabled:checked {
     --check-radio-color-border: var(--check-radio-color-border-disabled);
     --check-radio-color-background: var(--check-radio-color-background-disabled);
@@ -3940,7 +3966,7 @@ legend .d-label--md {
   z-index: var(--zi-selected);
   width: var(--select-arrow-size);
   height: var(--select-arrow-size);
-  background-image: url('data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxMiIgaGVpZ2h0PSIxMiIgZmlsbD0ibm9uZSIgdmlld0JveD0iMCAwIDEyIDEyIj4KICA8cGF0aCBmaWxsPSIjNTU1IiBmaWxsLXJ1bGU9ImV2ZW5vZGQiIGQ9Ik0zLjE0NiA3LjE0NmEuNS41IDAgMCAxIC43MDggMEw2IDkuMjkzbDIuMTQ2LTIuMTQ3YS41LjUgMCAxIDEgLjcwOC43MDhsLTIuNSAyLjVhLjUuNSAwIDAgMS0uNzA4IDBsLTIuNS0yLjVhLjUuNSAwIDAgMSAwLS43MDhabTIuNS01LjVhLjUuNSAwIDAgMSAuNzA4IDBsMi41IDIuNWEuNS41IDAgMSAxLS43MDguNzA4TDYgMi43MDcgMy44NTQgNC44NTRhLjUuNSAwIDEgMS0uNzA4LS43MDhsMi41LTIuNVoiIGNsaXAtcnVsZT0iZXZlbm9kZCIvPgo8L3N2Zz4K');
+  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>");
   background-repeat: no-repeat;
   background-size: 100%;
   -webkit-transform: translateY(-50%);
@@ -3948,13 +3974,11 @@ legend .d-label--md {
   content: '';
   pointer-events: none;
 }
-.dialtone-theme-dark .d-select::after {
-  background-image: url('data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxMiIgaGVpZ2h0PSIxMiIgZmlsbD0ibm9uZSIgdmlld0JveD0iMCAwIDEyIDEyIj4KICA8cGF0aCBmaWxsPSIjQUFBIiBmaWxsLXJ1bGU9ImV2ZW5vZGQiIGQ9Ik0zLjE0NiA3LjE0NmEuNS41IDAgMCAxIC43MDggMEw2IDkuMjkzbDIuMTQ2LTIuMTQ3YS41LjUgMCAxIDEgLjcwOC43MDhsLTIuNSAyLjVhLjUuNSAwIDAgMS0uNzA4IDBsLTIuNS0yLjVhLjUuNSAwIDAgMSAwLS43MDhabTIuNS01LjVhLjUuNSAwIDAgMSAuNzA4IDBsMi41IDIuNWEuNS41IDAgMSAxLS43MDguNzA4TDYgMi43MDcgMy44NTQgNC44NTRhLjUuNSAwIDAgMS0uNzA4LS43MDhsMi41LTIuNVoiIGNsaXAtcnVsZT0iZXZlbm9kZCIvPgo8L3N2Zz4K');
-}
 .d-select__input {
   --select-color-border: var(--input-color-border);
   --select-notch-padding-right: var(--dt-space-550);
   --input-color-border: var(--dt-inputs-color-border-default);
+  --input-color-border-hover: var(--dt-inputs-color-border-hover);
   --input-color-background: var(--dt-inputs-color-background-default);
   --input-color-background-disabled: var(--dt-inputs-color-background-disabled);
   --input-color-text: var(--dt-inputs-color-foreground-default);
@@ -4020,6 +4044,9 @@ legend .d-label--md {
 .d-select__input::-ms-clear {
   display: none;
 }
+.d-select__input:hover {
+  --input-color-border: var(--input-color-border-hover);
+}
 .d-select__input:focus,
 .d-select__input:focus-within {
   --input-color-background: var(--dt-inputs-color-background-focus);
@@ -4145,13 +4172,16 @@ legend .d-label--md {
   --select-arrow-size: calc(var(--dt-size-300) * 4.5);
   --select-notch-position-right: var(--dt-space-450);
 }
-.d-select__input--success {
+.d-select__input--success,
+.d-select__input--success:hover {
   --input-color-border: var(--dt-inputs-color-border-success);
 }
-.d-select__input--error {
+.d-select__input--error,
+.d-select__input--error:hover {
   --input-color-border: var(--dt-inputs-color-border-critical);
 }
-.d-select__input--warning {
+.d-select__input--warning,
+.d-select__input--warning:hover {
   --input-color-border: var(--dt-inputs-color-border-warning);
 }
 .d-select--disabled::before,
@@ -4300,9 +4330,6 @@ legend .d-label--md {
 .d-tab-panel--hidden {
   display: none;
 }
-.d-tab-panel-container {
-  display: contents;
-}
 .d-tablist {
   --tab-color-background: var(--dt-action-color-background-base-default);
   --tab-color-text: var(--dt-action-color-foreground-muted-default);
@@ -4463,7 +4490,7 @@ legend .d-label--md {
   fill: var(--dt-color-surface-contrast);
 }
 .tippy-box[data-theme~='inverted'] > .tippy-svg-arrow {
-  fill: var(--dt-color-surface-moderate);
+  fill: var(--dt-color-surface-contrast-inverted);
 }
 .tippy-box[data-animation='fade'][data-state='hidden'] {
   opacity: 0;
@@ -4494,8 +4521,8 @@ legend .d-label--md {
   content: '';
 }
 .d-tooltip--inverted {
-  --tooltip-color-background: var(--dt-color-surface-moderate);
-  --tooltip-color-text: var(--dt-color-foreground-secondary);
+  --tooltip-color-background: var(--dt-color-surface-contrast-inverted);
+  --tooltip-color-text: var(--dt-color-foreground-primary);
 }
 .d-tooltip--hide,
 .d-tooltip--hover .d-tooltip {
@@ -4661,7 +4688,7 @@ legend .d-label--md {
 .d-toggle {
   --toggle-transition-timing-function: var(--ttf-out-quint);
   --toggle-transition-speed: var(--td300);
-  --toggle-color-background: var(--dt-color-black-400);
+  --toggle-color-background: hsl(var(--dt-color-surface-bold-h), var(--dt-color-surface-bold-s), 66.6666%);
   --toggle-size-height: var(--dt-size-550);
   --toggle-size-width: var(--dt-size-650);
   --toggle-size-icon: var(--dt-size-500);
@@ -4688,8 +4715,7 @@ legend .d-label--md {
   left: var(--dt-space-550);
   width: var(--toggle-size-icon);
   height: var(--toggle-size-icon);
-  color: var(--dt-color-neutral-white);
-  background-image: url('data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjQiIGhlaWdodD0iMjQiIHZpZXdCb3g9IjAgMCAyNCAyNCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZmlsbC1ydWxlPSJldmVub2RkIiBjbGlwLXJ1bGU9ImV2ZW5vZGQiIGQ9Ik01LjM4MTI4IDUuMzgxMjhDNS43MjI5OSA1LjAzOTU3IDYuMjc3MDEgNS4wMzk1NyA2LjYxODcyIDUuMzgxMjhMMTIgMTAuNzYyNkwxNy4zODEzIDUuMzgxMjhDMTcuNzIzIDUuMDM5NTcgMTguMjc3IDUuMDM5NTcgMTguNjE4NyA1LjM4MTI4QzE4Ljk2MDQgNS43MjI5OSAxOC45NjA0IDYuMjc3MDEgMTguNjE4NyA2LjYxODcyTDEzLjIzNzQgMTJMMTguNjE4NyAxNy4zODEzQzE4Ljk2MDQgMTcuNzIzIDE4Ljk2MDQgMTguMjc3IDE4LjYxODcgMTguNjE4N0MxOC4yNzcgMTguOTYwNCAxNy43MjMgMTguOTYwNCAxNy4zODEzIDE4LjYxODdMMTIgMTMuMjM3NEw2LjYxODcyIDE4LjYxODdDNi4yNzcwMSAxOC45NjA0IDUuNzIyOTkgMTguOTYwNCA1LjM4MTI4IDE4LjYxODdDNS4wMzk1NyAxOC4yNzcgNS4wMzk1NyAxNy43MjMgNS4zODEyOCAxNy4zODEzTDEwLjc2MjYgMTJMNS4zODEyOCA2LjYxODcyQzUuMDM5NTcgNi4yNzcwMSA1LjAzOTU3IDUuNzIyOTkgNS4zODEyOCA1LjM4MTI4WiIgZmlsbD0id2hpdGUiLz4KPC9zdmc+Cg==');
+  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>");
   background-repeat: no-repeat;
   background-size: cover;
 }
@@ -4700,13 +4726,16 @@ legend .d-label--md {
 .d-toggle--indeterminate .d-toggle__inner {
   display: none;
 }
+[data-dt-theme="dark"] .d-toggle__inner {
+  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>");
+}
 .d-toggle::after {
   position: absolute;
   top: var(--dt-space-100);
   left: var(--dt-space-100);
   width: calc(var(--toggle-size-icon) + var(--dt-size-300));
   height: calc(var(--toggle-size-icon) + var(--dt-size-300));
-  background-color: var(--dt-color-neutral-white);
+  background-color: var(--dt-color-surface-primary);
   border-radius: var(--dt-size-radius-circle);
   cursor: pointer;
   transition: left var(--toggle-transition-speed) var(--toggle-transition-timing-function);
@@ -4727,11 +4756,14 @@ legend .d-label--md {
   height: var(--toggle-size-icon);
 }
 .d-toggle--checked {
-  --toggle-color-background: var(--dt-color-brand-purple);
+  --toggle-color-background: var(--dt-checkbox-color-background-checked);
 }
 .d-toggle--checked .d-toggle__inner {
   left: var(--dt-space-350);
-  background-image: url('data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjQiIGhlaWdodD0iMjQiIHZpZXdCb3g9IjAgMCAyNCAyNCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZmlsbC1ydWxlPSJldmVub2RkIiBjbGlwLXJ1bGU9ImV2ZW5vZGQiIGQ9Ik0yMC42MTg3IDUuMzgxMjhDMjAuOTYwNCA1LjcyMjk5IDIwLjk2MDQgNi4yNzcwMSAyMC42MTg3IDYuNjE4NzJMOS42MTg3MiAxNy42MTg3QzkuMjc3MDEgMTcuOTYwNCA4LjcyMjk5IDE3Ljk2MDQgOC4zODEyOCAxNy42MTg3TDMuMzgxMjggMTIuNjE4N0MzLjAzOTU3IDEyLjI3NyAzLjAzOTU3IDExLjcyMyAzLjM4MTI4IDExLjM4MTNDMy43MjI5OSAxMS4wMzk2IDQuMjc3MDEgMTEuMDM5NiA0LjYxODcyIDExLjM4MTNMOSAxNS43NjI2TDE5LjM4MTMgNS4zODEyOEMxOS43MjMgNS4wMzk1NyAyMC4yNzcgNS4wMzk1NyAyMC42MTg3IDUuMzgxMjhaIiBmaWxsPSJ3aGl0ZSIvPgo8L3N2Zz4K');
+  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>");
+}
+[data-dt-theme="dark"] .d-toggle--checked .d-toggle__inner {
+  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>");
 }
 .d-toggle--checked.d-toggle--small .d-toggle__inner {
   left: calc(var(--dt-space-100) + var(--dt-space-200));
@@ -4774,7 +4806,7 @@ legend .d-label--md {
 }
 .d-presence {
   --presence-color-border-base: var(--dt-theme-sidebar-color-background);
-  --presence-color-border-offline: var(--dt-color-black-600);
+  --presence-color-border-offline: var(--dt-color-border-bold);
   --presence-color-background-active: var(--dt-theme-presence-color-background-available);
   --presence-color-background-busy: var(--dt-theme-presence-color-background-busy-unavailable);
   --presence-color-background-away: var(--dt-theme-presence-color-background-busy);
@@ -5294,6 +5326,9 @@ legend .d-label--md {
 .d-bgg-pattern-stripe-light {
   --bgg-pattern: var(--bgg-pattern-stripe-light) !important;
 }
+.d-bgc-ai {
+  background-image: var(--dt-color-surface-ai) !important;
+}
 .d-ba {
   border: var(--dt-size-100) solid !important;
 }
@@ -5558,6 +5593,18 @@ legend .d-label--md {
 .d-divide-x-reverse > * + * {
   --divide-x-reverse: 1;
 }
+/*
+ * Note: border-image is not compatible with border-radius, but it's the easiest way to get a linear gradient border.
+ * https://dev.to/afif/border-with-gradient-and-radius-387f
+ */
+.d-bc-ai {
+  -o-border-image: var(--dt-color-border-ai) 1 !important;
+     border-image: var(--dt-color-border-ai) 1 !important;
+}
+.d-divide-ai > * + * {
+  -o-border-image: var(--dt-color-border-ai) 1 !important;
+     border-image: var(--dt-color-border-ai) 1 !important;
+}
 .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 {
   color: currentColor !important;
 }
@@ -9116,7 +9163,7 @@ ul {
   line-height: var(--dt-font-line-height-400);
 }
 .d-recipe-leftbar-row__container--off-duty {
-  background-color: var(--dt-badge-color-background-critical);
+  background-color: var(--dt-color-surface-critical);
   border: var(--dt-size-100) solid var(--dt-color-border-subtle);
   border-radius: var(--dt-size-radius-500);
 }
@@ -9456,21 +9503,21 @@ ul {
 }
 @font-face {
   font-weight: 400;
-  font-family: Archivo;
+  font-family: "Season Mix";
   font-style: normal;
-  src: url('./fonts/Archivo-Regular.woff2') format('woff2');
+  src: url('./fonts/SeasonMix-Regular.woff2') format('woff2');
 }
 @font-face {
-  font-weight: 700;
-  font-family: Archivo;
+  font-weight: 600;
+  font-family: "Season Mix";
   font-style: normal;
-  src: url('./fonts/Archivo-Bold.woff2') format('woff2');
+  src: url('./fonts/SeasonMix-SemiBold.woff2') format('woff2');
 }
 @font-face {
-  font-weight: 600;
-  font-family: Archivo;
+  font-weight: 700;
+  font-family: "Season Mix";
   font-style: normal;
-  src: url('./fonts/Archivo-SemiBold.woff2') format('woff2');
+  src: url('./fonts/SeasonMix-Bold.woff2') format('woff2');
 }
 @font-face {
   font-family: "Segoe UI Adjusted";
@@ -9491,6 +9538,14 @@ body {
   --fco: var(--dt-color-neutral-black-a);
   color: hsl(var(--dt-color-neutral-black-h) var(--dt-color-neutral-black-s) var(--dt-color-neutral-black-l) / var(--fco)) !important;
 }
+.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 {
+  --fco: var(--dt-color-neutral-transparent-a);
+  color: hsl(var(--dt-color-neutral-transparent-h) var(--dt-color-neutral-transparent-s) var(--dt-color-neutral-transparent-l) / var(--fco)) !important;
+}
+.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 {
+  --fco: var(--dt-color-black-50-a);
+  color: hsl(var(--dt-color-black-50-h) var(--dt-color-black-50-s) var(--dt-color-black-50-l) / var(--fco)) !important;
+}
 .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 {
   --fco: var(--dt-color-black-100-a);
   color: hsl(var(--dt-color-black-100-h) var(--dt-color-black-100-s) var(--dt-color-black-100-l) / var(--fco)) !important;
@@ -9527,6 +9582,18 @@ body {
   --fco: var(--dt-color-black-900-a);
   color: hsl(var(--dt-color-black-900-h) var(--dt-color-black-900-s) var(--dt-color-black-900-l) / var(--fco)) !important;
 }
+.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 {
+  --fco: var(--dt-color-black-950-a);
+  color: hsl(var(--dt-color-black-950-h) var(--dt-color-black-950-s) var(--dt-color-black-950-l) / var(--fco)) !important;
+}
+.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 {
+  --fco: var(--dt-color-black-1000-a);
+  color: hsl(var(--dt-color-black-1000-h) var(--dt-color-black-1000-s) var(--dt-color-black-1000-l) / var(--fco)) !important;
+}
+.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 {
+  --fco: var(--dt-color-purple-50-a);
+  color: hsl(var(--dt-color-purple-50-h) var(--dt-color-purple-50-s) var(--dt-color-purple-50-l) / var(--fco)) !important;
+}
 .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 {
   --fco: var(--dt-color-purple-100-a);
   color: hsl(var(--dt-color-purple-100-h) var(--dt-color-purple-100-s) var(--dt-color-purple-100-l) / var(--fco)) !important;
@@ -9535,22 +9602,46 @@ body {
   --fco: var(--dt-color-purple-200-a);
   color: hsl(var(--dt-color-purple-200-h) var(--dt-color-purple-200-s) var(--dt-color-purple-200-l) / var(--fco)) !important;
 }
+.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 {
+  --fco: var(--dt-color-purple-250-a);
+  color: hsl(var(--dt-color-purple-250-h) var(--dt-color-purple-250-s) var(--dt-color-purple-250-l) / var(--fco)) !important;
+}
 .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 {
   --fco: var(--dt-color-purple-300-a);
   color: hsl(var(--dt-color-purple-300-h) var(--dt-color-purple-300-s) var(--dt-color-purple-300-l) / var(--fco)) !important;
 }
+.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 {
+  --fco: var(--dt-color-purple-350-a);
+  color: hsl(var(--dt-color-purple-350-h) var(--dt-color-purple-350-s) var(--dt-color-purple-350-l) / var(--fco)) !important;
+}
 .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 {
   --fco: var(--dt-color-purple-400-a);
   color: hsl(var(--dt-color-purple-400-h) var(--dt-color-purple-400-s) var(--dt-color-purple-400-l) / var(--fco)) !important;
 }
+.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 {
+  --fco: var(--dt-color-purple-450-a);
+  color: hsl(var(--dt-color-purple-450-h) var(--dt-color-purple-450-s) var(--dt-color-purple-450-l) / var(--fco)) !important;
+}
 .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 {
   --fco: var(--dt-color-purple-500-a);
   color: hsl(var(--dt-color-purple-500-h) var(--dt-color-purple-500-s) var(--dt-color-purple-500-l) / var(--fco)) !important;
 }
+.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 {
+  --fco: var(--dt-color-purple-550-a);
+  color: hsl(var(--dt-color-purple-550-h) var(--dt-color-purple-550-s) var(--dt-color-purple-550-l) / var(--fco)) !important;
+}
 .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 {
   --fco: var(--dt-color-purple-600-a);
   color: hsl(var(--dt-color-purple-600-h) var(--dt-color-purple-600-s) var(--dt-color-purple-600-l) / var(--fco)) !important;
 }
+.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 {
+  --fco: var(--dt-color-purple-1000-a);
+  color: hsl(var(--dt-color-purple-1000-h) var(--dt-color-purple-1000-s) var(--dt-color-purple-1000-l) / var(--fco)) !important;
+}
+.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 {
+  --fco: var(--dt-color-blue-50-a);
+  color: hsl(var(--dt-color-blue-50-h) var(--dt-color-blue-50-s) var(--dt-color-blue-50-l) / var(--fco)) !important;
+}
 .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 {
   --fco: var(--dt-color-blue-100-a);
   color: hsl(var(--dt-color-blue-100-h) var(--dt-color-blue-100-s) var(--dt-color-blue-100-l) / var(--fco)) !important;
@@ -9567,10 +9658,38 @@ body {
   --fco: var(--dt-color-blue-400-a);
   color: hsl(var(--dt-color-blue-400-h) var(--dt-color-blue-400-s) var(--dt-color-blue-400-l) / var(--fco)) !important;
 }
+.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 {
+  --fco: var(--dt-color-blue-425-a);
+  color: hsl(var(--dt-color-blue-425-h) var(--dt-color-blue-425-s) var(--dt-color-blue-425-l) / var(--fco)) !important;
+}
+.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 {
+  --fco: var(--dt-color-blue-450-a);
+  color: hsl(var(--dt-color-blue-450-h) var(--dt-color-blue-450-s) var(--dt-color-blue-450-l) / var(--fco)) !important;
+}
+.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 {
+  --fco: var(--dt-color-blue-475-a);
+  color: hsl(var(--dt-color-blue-475-h) var(--dt-color-blue-475-s) var(--dt-color-blue-475-l) / var(--fco)) !important;
+}
 .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 {
   --fco: var(--dt-color-blue-500-a);
   color: hsl(var(--dt-color-blue-500-h) var(--dt-color-blue-500-s) var(--dt-color-blue-500-l) / var(--fco)) !important;
 }
+.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 {
+  --fco: var(--dt-color-blue-600-a);
+  color: hsl(var(--dt-color-blue-600-h) var(--dt-color-blue-600-s) var(--dt-color-blue-600-l) / var(--fco)) !important;
+}
+.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 {
+  --fco: var(--dt-color-blue-900-a);
+  color: hsl(var(--dt-color-blue-900-h) var(--dt-color-blue-900-s) var(--dt-color-blue-900-l) / var(--fco)) !important;
+}
+.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 {
+  --fco: var(--dt-color-blue-1000-a);
+  color: hsl(var(--dt-color-blue-1000-h) var(--dt-color-blue-1000-s) var(--dt-color-blue-1000-l) / var(--fco)) !important;
+}
+.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 {
+  --fco: var(--dt-color-magenta-50-a);
+  color: hsl(var(--dt-color-magenta-50-h) var(--dt-color-magenta-50-s) var(--dt-color-magenta-50-l) / var(--fco)) !important;
+}
 .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 {
   --fco: var(--dt-color-magenta-100-a);
   color: hsl(var(--dt-color-magenta-100-h) var(--dt-color-magenta-100-s) var(--dt-color-magenta-100-l) / var(--fco)) !important;
@@ -9579,6 +9698,10 @@ body {
   --fco: var(--dt-color-magenta-200-a);
   color: hsl(var(--dt-color-magenta-200-h) var(--dt-color-magenta-200-s) var(--dt-color-magenta-200-l) / var(--fco)) !important;
 }
+.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 {
+  --fco: var(--dt-color-magenta-250-a);
+  color: hsl(var(--dt-color-magenta-250-h) var(--dt-color-magenta-250-s) var(--dt-color-magenta-250-l) / var(--fco)) !important;
+}
 .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 {
   --fco: var(--dt-color-magenta-300-a);
   color: hsl(var(--dt-color-magenta-300-h) var(--dt-color-magenta-300-s) var(--dt-color-magenta-300-l) / var(--fco)) !important;
@@ -9587,10 +9710,34 @@ body {
   --fco: var(--dt-color-magenta-400-a);
   color: hsl(var(--dt-color-magenta-400-h) var(--dt-color-magenta-400-s) var(--dt-color-magenta-400-l) / var(--fco)) !important;
 }
+.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 {
+  --fco: var(--dt-color-magenta-425-a);
+  color: hsl(var(--dt-color-magenta-425-h) var(--dt-color-magenta-425-s) var(--dt-color-magenta-425-l) / var(--fco)) !important;
+}
+.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 {
+  --fco: var(--dt-color-magenta-475-a);
+  color: hsl(var(--dt-color-magenta-475-h) var(--dt-color-magenta-475-s) var(--dt-color-magenta-475-l) / var(--fco)) !important;
+}
 .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 {
   --fco: var(--dt-color-magenta-500-a);
   color: hsl(var(--dt-color-magenta-500-h) var(--dt-color-magenta-500-s) var(--dt-color-magenta-500-l) / var(--fco)) !important;
 }
+.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 {
+  --fco: var(--dt-color-magenta-600-a);
+  color: hsl(var(--dt-color-magenta-600-h) var(--dt-color-magenta-600-s) var(--dt-color-magenta-600-l) / var(--fco)) !important;
+}
+.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 {
+  --fco: var(--dt-color-magenta-900-a);
+  color: hsl(var(--dt-color-magenta-900-h) var(--dt-color-magenta-900-s) var(--dt-color-magenta-900-l) / var(--fco)) !important;
+}
+.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 {
+  --fco: var(--dt-color-magenta-1000-a);
+  color: hsl(var(--dt-color-magenta-1000-h) var(--dt-color-magenta-1000-s) var(--dt-color-magenta-1000-l) / var(--fco)) !important;
+}
+.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 {
+  --fco: var(--dt-color-gold-50-a);
+  color: hsl(var(--dt-color-gold-50-h) var(--dt-color-gold-50-s) var(--dt-color-gold-50-l) / var(--fco)) !important;
+}
 .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 {
   --fco: var(--dt-color-gold-100-a);
   color: hsl(var(--dt-color-gold-100-h) var(--dt-color-gold-100-s) var(--dt-color-gold-100-l) / var(--fco)) !important;
@@ -9603,14 +9750,42 @@ body {
   --fco: var(--dt-color-gold-300-a);
   color: hsl(var(--dt-color-gold-300-h) var(--dt-color-gold-300-s) var(--dt-color-gold-300-l) / var(--fco)) !important;
 }
+.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 {
+  --fco: var(--dt-color-gold-350-a);
+  color: hsl(var(--dt-color-gold-350-h) var(--dt-color-gold-350-s) var(--dt-color-gold-350-l) / var(--fco)) !important;
+}
 .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 {
   --fco: var(--dt-color-gold-400-a);
   color: hsl(var(--dt-color-gold-400-h) var(--dt-color-gold-400-s) var(--dt-color-gold-400-l) / var(--fco)) !important;
 }
+.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 {
+  --fco: var(--dt-color-gold-450-a);
+  color: hsl(var(--dt-color-gold-450-h) var(--dt-color-gold-450-s) var(--dt-color-gold-450-l) / var(--fco)) !important;
+}
 .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 {
   --fco: var(--dt-color-gold-500-a);
   color: hsl(var(--dt-color-gold-500-h) var(--dt-color-gold-500-s) var(--dt-color-gold-500-l) / var(--fco)) !important;
 }
+.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 {
+  --fco: var(--dt-color-gold-600-a);
+  color: hsl(var(--dt-color-gold-600-h) var(--dt-color-gold-600-s) var(--dt-color-gold-600-l) / var(--fco)) !important;
+}
+.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 {
+  --fco: var(--dt-color-gold-700-a);
+  color: hsl(var(--dt-color-gold-700-h) var(--dt-color-gold-700-s) var(--dt-color-gold-700-l) / var(--fco)) !important;
+}
+.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 {
+  --fco: var(--dt-color-gold-900-a);
+  color: hsl(var(--dt-color-gold-900-h) var(--dt-color-gold-900-s) var(--dt-color-gold-900-l) / var(--fco)) !important;
+}
+.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 {
+  --fco: var(--dt-color-gold-1000-a);
+  color: hsl(var(--dt-color-gold-1000-h) var(--dt-color-gold-1000-s) var(--dt-color-gold-1000-l) / var(--fco)) !important;
+}
+.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 {
+  --fco: var(--dt-color-green-50-a);
+  color: hsl(var(--dt-color-green-50-h) var(--dt-color-green-50-s) var(--dt-color-green-50-l) / var(--fco)) !important;
+}
 .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 {
   --fco: var(--dt-color-green-100-a);
   color: hsl(var(--dt-color-green-100-h) var(--dt-color-green-100-s) var(--dt-color-green-100-l) / var(--fco)) !important;
@@ -9623,14 +9798,42 @@ body {
   --fco: var(--dt-color-green-300-a);
   color: hsl(var(--dt-color-green-300-h) var(--dt-color-green-300-s) var(--dt-color-green-300-l) / var(--fco)) !important;
 }
+.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 {
+  --fco: var(--dt-color-green-350-a);
+  color: hsl(var(--dt-color-green-350-h) var(--dt-color-green-350-s) var(--dt-color-green-350-l) / var(--fco)) !important;
+}
 .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 {
   --fco: var(--dt-color-green-400-a);
   color: hsl(var(--dt-color-green-400-h) var(--dt-color-green-400-s) var(--dt-color-green-400-l) / var(--fco)) !important;
 }
+.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 {
+  --fco: var(--dt-color-green-425-a);
+  color: hsl(var(--dt-color-green-425-h) var(--dt-color-green-425-s) var(--dt-color-green-425-l) / var(--fco)) !important;
+}
+.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 {
+  --fco: var(--dt-color-green-475-a);
+  color: hsl(var(--dt-color-green-475-h) var(--dt-color-green-475-s) var(--dt-color-green-475-l) / var(--fco)) !important;
+}
 .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 {
   --fco: var(--dt-color-green-500-a);
   color: hsl(var(--dt-color-green-500-h) var(--dt-color-green-500-s) var(--dt-color-green-500-l) / var(--fco)) !important;
 }
+.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 {
+  --fco: var(--dt-color-green-600-a);
+  color: hsl(var(--dt-color-green-600-h) var(--dt-color-green-600-s) var(--dt-color-green-600-l) / var(--fco)) !important;
+}
+.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 {
+  --fco: var(--dt-color-green-900-a);
+  color: hsl(var(--dt-color-green-900-h) var(--dt-color-green-900-s) var(--dt-color-green-900-l) / var(--fco)) !important;
+}
+.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 {
+  --fco: var(--dt-color-green-1000-a);
+  color: hsl(var(--dt-color-green-1000-h) var(--dt-color-green-1000-s) var(--dt-color-green-1000-l) / var(--fco)) !important;
+}
+.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 {
+  --fco: var(--dt-color-red-50-a);
+  color: hsl(var(--dt-color-red-50-h) var(--dt-color-red-50-s) var(--dt-color-red-50-l) / var(--fco)) !important;
+}
 .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 {
   --fco: var(--dt-color-red-100-a);
   color: hsl(var(--dt-color-red-100-h) var(--dt-color-red-100-s) var(--dt-color-red-100-l) / var(--fco)) !important;
@@ -9643,14 +9846,42 @@ body {
   --fco: var(--dt-color-red-300-a);
   color: hsl(var(--dt-color-red-300-h) var(--dt-color-red-300-s) var(--dt-color-red-300-l) / var(--fco)) !important;
 }
+.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 {
+  --fco: var(--dt-color-red-350-a);
+  color: hsl(var(--dt-color-red-350-h) var(--dt-color-red-350-s) var(--dt-color-red-350-l) / var(--fco)) !important;
+}
 .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 {
   --fco: var(--dt-color-red-400-a);
   color: hsl(var(--dt-color-red-400-h) var(--dt-color-red-400-s) var(--dt-color-red-400-l) / var(--fco)) !important;
 }
+.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 {
+  --fco: var(--dt-color-red-450-a);
+  color: hsl(var(--dt-color-red-450-h) var(--dt-color-red-450-s) var(--dt-color-red-450-l) / var(--fco)) !important;
+}
 .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 {
   --fco: var(--dt-color-red-500-a);
   color: hsl(var(--dt-color-red-500-h) var(--dt-color-red-500-s) var(--dt-color-red-500-l) / var(--fco)) !important;
 }
+.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 {
+  --fco: var(--dt-color-red-600-a);
+  color: hsl(var(--dt-color-red-600-h) var(--dt-color-red-600-s) var(--dt-color-red-600-l) / var(--fco)) !important;
+}
+.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 {
+  --fco: var(--dt-color-red-700-a);
+  color: hsl(var(--dt-color-red-700-h) var(--dt-color-red-700-s) var(--dt-color-red-700-l) / var(--fco)) !important;
+}
+.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 {
+  --fco: var(--dt-color-red-900-a);
+  color: hsl(var(--dt-color-red-900-h) var(--dt-color-red-900-s) var(--dt-color-red-900-l) / var(--fco)) !important;
+}
+.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 {
+  --fco: var(--dt-color-red-1000-a);
+  color: hsl(var(--dt-color-red-1000-h) var(--dt-color-red-1000-s) var(--dt-color-red-1000-l) / var(--fco)) !important;
+}
+.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 {
+  --fco: var(--dt-color-tan-50-a);
+  color: hsl(var(--dt-color-tan-50-h) var(--dt-color-tan-50-s) var(--dt-color-tan-50-l) / var(--fco)) !important;
+}
 .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 {
   --fco: var(--dt-color-tan-100-a);
   color: hsl(var(--dt-color-tan-100-h) var(--dt-color-tan-100-s) var(--dt-color-tan-100-l) / var(--fco)) !important;
@@ -9671,6 +9902,30 @@ body {
   --fco: var(--dt-color-tan-500-a);
   color: hsl(var(--dt-color-tan-500-h) var(--dt-color-tan-500-s) var(--dt-color-tan-500-l) / var(--fco)) !important;
 }
+.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 {
+  --fco: var(--dt-color-tan-600-a);
+  color: hsl(var(--dt-color-tan-600-h) var(--dt-color-tan-600-s) var(--dt-color-tan-600-l) / var(--fco)) !important;
+}
+.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 {
+  --fco: var(--dt-color-tan-700-a);
+  color: hsl(var(--dt-color-tan-700-h) var(--dt-color-tan-700-s) var(--dt-color-tan-700-l) / var(--fco)) !important;
+}
+.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 {
+  --fco: var(--dt-color-tan-800-a);
+  color: hsl(var(--dt-color-tan-800-h) var(--dt-color-tan-800-s) var(--dt-color-tan-800-l) / var(--fco)) !important;
+}
+.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 {
+  --fco: var(--dt-color-tan-900-a);
+  color: hsl(var(--dt-color-tan-900-h) var(--dt-color-tan-900-s) var(--dt-color-tan-900-l) / var(--fco)) !important;
+}
+.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 {
+  --fco: var(--dt-color-tan-950-a);
+  color: hsl(var(--dt-color-tan-950-h) var(--dt-color-tan-950-s) var(--dt-color-tan-950-l) / var(--fco)) !important;
+}
+.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 {
+  --fco: var(--dt-color-tan-1000-a);
+  color: hsl(var(--dt-color-tan-1000-h) var(--dt-color-tan-1000-s) var(--dt-color-tan-1000-l) / var(--fco)) !important;
+}
 .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 {
   --fco: var(--dt-color-foreground-primary-a);
   color: hsl(var(--dt-color-foreground-primary-h) var(--dt-color-foreground-primary-s) var(--dt-color-foreground-primary-l) / var(--fco)) !important;
@@ -9767,6 +10022,14 @@ body {
   --bco: var(--dt-color-neutral-black-a);
   border-color: hsl(var(--dt-color-neutral-black-h) var(--dt-color-neutral-black-s) var(--dt-color-neutral-black-l) / var(--bco)) !important;
 }
+.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 {
+  --bco: var(--dt-color-neutral-transparent-a);
+  border-color: hsl(var(--dt-color-neutral-transparent-h) var(--dt-color-neutral-transparent-s) var(--dt-color-neutral-transparent-l) / var(--bco)) !important;
+}
+.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 {
+  --bco: var(--dt-color-black-50-a);
+  border-color: hsl(var(--dt-color-black-50-h) var(--dt-color-black-50-s) var(--dt-color-black-50-l) / var(--bco)) !important;
+}
 .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 {
   --bco: var(--dt-color-black-100-a);
   border-color: hsl(var(--dt-color-black-100-h) var(--dt-color-black-100-s) var(--dt-color-black-100-l) / var(--bco)) !important;
@@ -9803,6 +10066,18 @@ body {
   --bco: var(--dt-color-black-900-a);
   border-color: hsl(var(--dt-color-black-900-h) var(--dt-color-black-900-s) var(--dt-color-black-900-l) / var(--bco)) !important;
 }
+.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 {
+  --bco: var(--dt-color-black-950-a);
+  border-color: hsl(var(--dt-color-black-950-h) var(--dt-color-black-950-s) var(--dt-color-black-950-l) / var(--bco)) !important;
+}
+.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 {
+  --bco: var(--dt-color-black-1000-a);
+  border-color: hsl(var(--dt-color-black-1000-h) var(--dt-color-black-1000-s) var(--dt-color-black-1000-l) / var(--bco)) !important;
+}
+.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 {
+  --bco: var(--dt-color-purple-50-a);
+  border-color: hsl(var(--dt-color-purple-50-h) var(--dt-color-purple-50-s) var(--dt-color-purple-50-l) / var(--bco)) !important;
+}
 .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 {
   --bco: var(--dt-color-purple-100-a);
   border-color: hsl(var(--dt-color-purple-100-h) var(--dt-color-purple-100-s) var(--dt-color-purple-100-l) / var(--bco)) !important;
@@ -9811,22 +10086,46 @@ body {
   --bco: var(--dt-color-purple-200-a);
   border-color: hsl(var(--dt-color-purple-200-h) var(--dt-color-purple-200-s) var(--dt-color-purple-200-l) / var(--bco)) !important;
 }
+.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 {
+  --bco: var(--dt-color-purple-250-a);
+  border-color: hsl(var(--dt-color-purple-250-h) var(--dt-color-purple-250-s) var(--dt-color-purple-250-l) / var(--bco)) !important;
+}
 .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 {
   --bco: var(--dt-color-purple-300-a);
   border-color: hsl(var(--dt-color-purple-300-h) var(--dt-color-purple-300-s) var(--dt-color-purple-300-l) / var(--bco)) !important;
 }
+.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 {
+  --bco: var(--dt-color-purple-350-a);
+  border-color: hsl(var(--dt-color-purple-350-h) var(--dt-color-purple-350-s) var(--dt-color-purple-350-l) / var(--bco)) !important;
+}
 .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 {
   --bco: var(--dt-color-purple-400-a);
   border-color: hsl(var(--dt-color-purple-400-h) var(--dt-color-purple-400-s) var(--dt-color-purple-400-l) / var(--bco)) !important;
 }
+.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 {
+  --bco: var(--dt-color-purple-450-a);
+  border-color: hsl(var(--dt-color-purple-450-h) var(--dt-color-purple-450-s) var(--dt-color-purple-450-l) / var(--bco)) !important;
+}
 .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 {
   --bco: var(--dt-color-purple-500-a);
   border-color: hsl(var(--dt-color-purple-500-h) var(--dt-color-purple-500-s) var(--dt-color-purple-500-l) / var(--bco)) !important;
 }
+.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 {
+  --bco: var(--dt-color-purple-550-a);
+  border-color: hsl(var(--dt-color-purple-550-h) var(--dt-color-purple-550-s) var(--dt-color-purple-550-l) / var(--bco)) !important;
+}
 .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 {
   --bco: var(--dt-color-purple-600-a);
   border-color: hsl(var(--dt-color-purple-600-h) var(--dt-color-purple-600-s) var(--dt-color-purple-600-l) / var(--bco)) !important;
 }
+.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 {
+  --bco: var(--dt-color-purple-1000-a);
+  border-color: hsl(var(--dt-color-purple-1000-h) var(--dt-color-purple-1000-s) var(--dt-color-purple-1000-l) / var(--bco)) !important;
+}
+.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 {
+  --bco: var(--dt-color-blue-50-a);
+  border-color: hsl(var(--dt-color-blue-50-h) var(--dt-color-blue-50-s) var(--dt-color-blue-50-l) / var(--bco)) !important;
+}
 .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 {
   --bco: var(--dt-color-blue-100-a);
   border-color: hsl(var(--dt-color-blue-100-h) var(--dt-color-blue-100-s) var(--dt-color-blue-100-l) / var(--bco)) !important;
@@ -9843,10 +10142,38 @@ body {
   --bco: var(--dt-color-blue-400-a);
   border-color: hsl(var(--dt-color-blue-400-h) var(--dt-color-blue-400-s) var(--dt-color-blue-400-l) / var(--bco)) !important;
 }
+.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 {
+  --bco: var(--dt-color-blue-425-a);
+  border-color: hsl(var(--dt-color-blue-425-h) var(--dt-color-blue-425-s) var(--dt-color-blue-425-l) / var(--bco)) !important;
+}
+.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 {
+  --bco: var(--dt-color-blue-450-a);
+  border-color: hsl(var(--dt-color-blue-450-h) var(--dt-color-blue-450-s) var(--dt-color-blue-450-l) / var(--bco)) !important;
+}
+.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 {
+  --bco: var(--dt-color-blue-475-a);
+  border-color: hsl(var(--dt-color-blue-475-h) var(--dt-color-blue-475-s) var(--dt-color-blue-475-l) / var(--bco)) !important;
+}
 .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 {
   --bco: var(--dt-color-blue-500-a);
   border-color: hsl(var(--dt-color-blue-500-h) var(--dt-color-blue-500-s) var(--dt-color-blue-500-l) / var(--bco)) !important;
 }
+.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 {
+  --bco: var(--dt-color-blue-600-a);
+  border-color: hsl(var(--dt-color-blue-600-h) var(--dt-color-blue-600-s) var(--dt-color-blue-600-l) / var(--bco)) !important;
+}
+.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 {
+  --bco: var(--dt-color-blue-900-a);
+  border-color: hsl(var(--dt-color-blue-900-h) var(--dt-color-blue-900-s) var(--dt-color-blue-900-l) / var(--bco)) !important;
+}
+.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 {
+  --bco: var(--dt-color-blue-1000-a);
+  border-color: hsl(var(--dt-color-blue-1000-h) var(--dt-color-blue-1000-s) var(--dt-color-blue-1000-l) / var(--bco)) !important;
+}
+.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 {
+  --bco: var(--dt-color-magenta-50-a);
+  border-color: hsl(var(--dt-color-magenta-50-h) var(--dt-color-magenta-50-s) var(--dt-color-magenta-50-l) / var(--bco)) !important;
+}
 .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 {
   --bco: var(--dt-color-magenta-100-a);
   border-color: hsl(var(--dt-color-magenta-100-h) var(--dt-color-magenta-100-s) var(--dt-color-magenta-100-l) / var(--bco)) !important;
@@ -9855,6 +10182,10 @@ body {
   --bco: var(--dt-color-magenta-200-a);
   border-color: hsl(var(--dt-color-magenta-200-h) var(--dt-color-magenta-200-s) var(--dt-color-magenta-200-l) / var(--bco)) !important;
 }
+.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 {
+  --bco: var(--dt-color-magenta-250-a);
+  border-color: hsl(var(--dt-color-magenta-250-h) var(--dt-color-magenta-250-s) var(--dt-color-magenta-250-l) / var(--bco)) !important;
+}
 .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 {
   --bco: var(--dt-color-magenta-300-a);
   border-color: hsl(var(--dt-color-magenta-300-h) var(--dt-color-magenta-300-s) var(--dt-color-magenta-300-l) / var(--bco)) !important;
@@ -9863,10 +10194,34 @@ body {
   --bco: var(--dt-color-magenta-400-a);
   border-color: hsl(var(--dt-color-magenta-400-h) var(--dt-color-magenta-400-s) var(--dt-color-magenta-400-l) / var(--bco)) !important;
 }
+.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 {
+  --bco: var(--dt-color-magenta-425-a);
+  border-color: hsl(var(--dt-color-magenta-425-h) var(--dt-color-magenta-425-s) var(--dt-color-magenta-425-l) / var(--bco)) !important;
+}
+.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 {
+  --bco: var(--dt-color-magenta-475-a);
+  border-color: hsl(var(--dt-color-magenta-475-h) var(--dt-color-magenta-475-s) var(--dt-color-magenta-475-l) / var(--bco)) !important;
+}
 .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 {
   --bco: var(--dt-color-magenta-500-a);
   border-color: hsl(var(--dt-color-magenta-500-h) var(--dt-color-magenta-500-s) var(--dt-color-magenta-500-l) / var(--bco)) !important;
 }
+.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 {
+  --bco: var(--dt-color-magenta-600-a);
+  border-color: hsl(var(--dt-color-magenta-600-h) var(--dt-color-magenta-600-s) var(--dt-color-magenta-600-l) / var(--bco)) !important;
+}
+.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 {
+  --bco: var(--dt-color-magenta-900-a);
+  border-color: hsl(var(--dt-color-magenta-900-h) var(--dt-color-magenta-900-s) var(--dt-color-magenta-900-l) / var(--bco)) !important;
+}
+.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 {
+  --bco: var(--dt-color-magenta-1000-a);
+  border-color: hsl(var(--dt-color-magenta-1000-h) var(--dt-color-magenta-1000-s) var(--dt-color-magenta-1000-l) / var(--bco)) !important;
+}
+.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 {
+  --bco: var(--dt-color-gold-50-a);
+  border-color: hsl(var(--dt-color-gold-50-h) var(--dt-color-gold-50-s) var(--dt-color-gold-50-l) / var(--bco)) !important;
+}
 .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 {
   --bco: var(--dt-color-gold-100-a);
   border-color: hsl(var(--dt-color-gold-100-h) var(--dt-color-gold-100-s) var(--dt-color-gold-100-l) / var(--bco)) !important;
@@ -9879,14 +10234,42 @@ body {
   --bco: var(--dt-color-gold-300-a);
   border-color: hsl(var(--dt-color-gold-300-h) var(--dt-color-gold-300-s) var(--dt-color-gold-300-l) / var(--bco)) !important;
 }
+.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 {
+  --bco: var(--dt-color-gold-350-a);
+  border-color: hsl(var(--dt-color-gold-350-h) var(--dt-color-gold-350-s) var(--dt-color-gold-350-l) / var(--bco)) !important;
+}
 .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 {
   --bco: var(--dt-color-gold-400-a);
   border-color: hsl(var(--dt-color-gold-400-h) var(--dt-color-gold-400-s) var(--dt-color-gold-400-l) / var(--bco)) !important;
 }
+.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 {
+  --bco: var(--dt-color-gold-450-a);
+  border-color: hsl(var(--dt-color-gold-450-h) var(--dt-color-gold-450-s) var(--dt-color-gold-450-l) / var(--bco)) !important;
+}
 .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 {
   --bco: var(--dt-color-gold-500-a);
   border-color: hsl(var(--dt-color-gold-500-h) var(--dt-color-gold-500-s) var(--dt-color-gold-500-l) / var(--bco)) !important;
 }
+.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 {
+  --bco: var(--dt-color-gold-600-a);
+  border-color: hsl(var(--dt-color-gold-600-h) var(--dt-color-gold-600-s) var(--dt-color-gold-600-l) / var(--bco)) !important;
+}
+.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 {
+  --bco: var(--dt-color-gold-700-a);
+  border-color: hsl(var(--dt-color-gold-700-h) var(--dt-color-gold-700-s) var(--dt-color-gold-700-l) / var(--bco)) !important;
+}
+.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 {
+  --bco: var(--dt-color-gold-900-a);
+  border-color: hsl(var(--dt-color-gold-900-h) var(--dt-color-gold-900-s) var(--dt-color-gold-900-l) / var(--bco)) !important;
+}
+.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 {
+  --bco: var(--dt-color-gold-1000-a);
+  border-color: hsl(var(--dt-color-gold-1000-h) var(--dt-color-gold-1000-s) var(--dt-color-gold-1000-l) / var(--bco)) !important;
+}
+.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 {
+  --bco: var(--dt-color-green-50-a);
+  border-color: hsl(var(--dt-color-green-50-h) var(--dt-color-green-50-s) var(--dt-color-green-50-l) / var(--bco)) !important;
+}
 .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 {
   --bco: var(--dt-color-green-100-a);
   border-color: hsl(var(--dt-color-green-100-h) var(--dt-color-green-100-s) var(--dt-color-green-100-l) / var(--bco)) !important;
@@ -9899,14 +10282,42 @@ body {
   --bco: var(--dt-color-green-300-a);
   border-color: hsl(var(--dt-color-green-300-h) var(--dt-color-green-300-s) var(--dt-color-green-300-l) / var(--bco)) !important;
 }
+.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 {
+  --bco: var(--dt-color-green-350-a);
+  border-color: hsl(var(--dt-color-green-350-h) var(--dt-color-green-350-s) var(--dt-color-green-350-l) / var(--bco)) !important;
+}
 .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 {
   --bco: var(--dt-color-green-400-a);
   border-color: hsl(var(--dt-color-green-400-h) var(--dt-color-green-400-s) var(--dt-color-green-400-l) / var(--bco)) !important;
 }
+.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 {
+  --bco: var(--dt-color-green-425-a);
+  border-color: hsl(var(--dt-color-green-425-h) var(--dt-color-green-425-s) var(--dt-color-green-425-l) / var(--bco)) !important;
+}
+.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 {
+  --bco: var(--dt-color-green-475-a);
+  border-color: hsl(var(--dt-color-green-475-h) var(--dt-color-green-475-s) var(--dt-color-green-475-l) / var(--bco)) !important;
+}
 .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 {
   --bco: var(--dt-color-green-500-a);
   border-color: hsl(var(--dt-color-green-500-h) var(--dt-color-green-500-s) var(--dt-color-green-500-l) / var(--bco)) !important;
 }
+.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 {
+  --bco: var(--dt-color-green-600-a);
+  border-color: hsl(var(--dt-color-green-600-h) var(--dt-color-green-600-s) var(--dt-color-green-600-l) / var(--bco)) !important;
+}
+.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 {
+  --bco: var(--dt-color-green-900-a);
+  border-color: hsl(var(--dt-color-green-900-h) var(--dt-color-green-900-s) var(--dt-color-green-900-l) / var(--bco)) !important;
+}
+.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 {
+  --bco: var(--dt-color-green-1000-a);
+  border-color: hsl(var(--dt-color-green-1000-h) var(--dt-color-green-1000-s) var(--dt-color-green-1000-l) / var(--bco)) !important;
+}
+.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 {
+  --bco: var(--dt-color-red-50-a);
+  border-color: hsl(var(--dt-color-red-50-h) var(--dt-color-red-50-s) var(--dt-color-red-50-l) / var(--bco)) !important;
+}
 .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 {
   --bco: var(--dt-color-red-100-a);
   border-color: hsl(var(--dt-color-red-100-h) var(--dt-color-red-100-s) var(--dt-color-red-100-l) / var(--bco)) !important;
@@ -9919,14 +10330,42 @@ body {
   --bco: var(--dt-color-red-300-a);
   border-color: hsl(var(--dt-color-red-300-h) var(--dt-color-red-300-s) var(--dt-color-red-300-l) / var(--bco)) !important;
 }
+.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 {
+  --bco: var(--dt-color-red-350-a);
+  border-color: hsl(var(--dt-color-red-350-h) var(--dt-color-red-350-s) var(--dt-color-red-350-l) / var(--bco)) !important;
+}
 .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 {
   --bco: var(--dt-color-red-400-a);
   border-color: hsl(var(--dt-color-red-400-h) var(--dt-color-red-400-s) var(--dt-color-red-400-l) / var(--bco)) !important;
 }
+.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 {
+  --bco: var(--dt-color-red-450-a);
+  border-color: hsl(var(--dt-color-red-450-h) var(--dt-color-red-450-s) var(--dt-color-red-450-l) / var(--bco)) !important;
+}
 .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 {
   --bco: var(--dt-color-red-500-a);
   border-color: hsl(var(--dt-color-red-500-h) var(--dt-color-red-500-s) var(--dt-color-red-500-l) / var(--bco)) !important;
 }
+.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 {
+  --bco: var(--dt-color-red-600-a);
+  border-color: hsl(var(--dt-color-red-600-h) var(--dt-color-red-600-s) var(--dt-color-red-600-l) / var(--bco)) !important;
+}
+.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 {
+  --bco: var(--dt-color-red-700-a);
+  border-color: hsl(var(--dt-color-red-700-h) var(--dt-color-red-700-s) var(--dt-color-red-700-l) / var(--bco)) !important;
+}
+.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 {
+  --bco: var(--dt-color-red-900-a);
+  border-color: hsl(var(--dt-color-red-900-h) var(--dt-color-red-900-s) var(--dt-color-red-900-l) / var(--bco)) !important;
+}
+.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 {
+  --bco: var(--dt-color-red-1000-a);
+  border-color: hsl(var(--dt-color-red-1000-h) var(--dt-color-red-1000-s) var(--dt-color-red-1000-l) / var(--bco)) !important;
+}
+.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 {
+  --bco: var(--dt-color-tan-50-a);
+  border-color: hsl(var(--dt-color-tan-50-h) var(--dt-color-tan-50-s) var(--dt-color-tan-50-l) / var(--bco)) !important;
+}
 .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 {
   --bco: var(--dt-color-tan-100-a);
   border-color: hsl(var(--dt-color-tan-100-h) var(--dt-color-tan-100-s) var(--dt-color-tan-100-l) / var(--bco)) !important;
@@ -9947,6 +10386,30 @@ body {
   --bco: var(--dt-color-tan-500-a);
   border-color: hsl(var(--dt-color-tan-500-h) var(--dt-color-tan-500-s) var(--dt-color-tan-500-l) / var(--bco)) !important;
 }
+.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 {
+  --bco: var(--dt-color-tan-600-a);
+  border-color: hsl(var(--dt-color-tan-600-h) var(--dt-color-tan-600-s) var(--dt-color-tan-600-l) / var(--bco)) !important;
+}
+.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 {
+  --bco: var(--dt-color-tan-700-a);
+  border-color: hsl(var(--dt-color-tan-700-h) var(--dt-color-tan-700-s) var(--dt-color-tan-700-l) / var(--bco)) !important;
+}
+.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 {
+  --bco: var(--dt-color-tan-800-a);
+  border-color: hsl(var(--dt-color-tan-800-h) var(--dt-color-tan-800-s) var(--dt-color-tan-800-l) / var(--bco)) !important;
+}
+.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 {
+  --bco: var(--dt-color-tan-900-a);
+  border-color: hsl(var(--dt-color-tan-900-h) var(--dt-color-tan-900-s) var(--dt-color-tan-900-l) / var(--bco)) !important;
+}
+.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 {
+  --bco: var(--dt-color-tan-950-a);
+  border-color: hsl(var(--dt-color-tan-950-h) var(--dt-color-tan-950-s) var(--dt-color-tan-950-l) / var(--bco)) !important;
+}
+.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 {
+  --bco: var(--dt-color-tan-1000-a);
+  border-color: hsl(var(--dt-color-tan-1000-h) var(--dt-color-tan-1000-s) var(--dt-color-tan-1000-l) / var(--bco)) !important;
+}
 .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 {
   --bco: var(--dt-color-border-subtle-a);
   border-color: hsl(var(--dt-color-border-subtle-h) var(--dt-color-border-subtle-s) var(--dt-color-border-subtle-l) / var(--bco)) !important;
@@ -9963,26 +10426,6 @@ body {
   --bco: var(--dt-color-border-bold-a);
   border-color: hsl(var(--dt-color-border-bold-h) var(--dt-color-border-bold-s) var(--dt-color-border-bold-l) / var(--bco)) !important;
 }
-.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 {
-  --bco: var(--dt-color-border-subtle-inverted-a);
-  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;
-}
-.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 {
-  --bco: var(--dt-color-border-default-inverted-a);
-  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;
-}
-.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 {
-  --bco: var(--dt-color-border-moderate-inverted-a);
-  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;
-}
-.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 {
-  --bco: var(--dt-color-border-bold-inverted-a);
-  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;
-}
-.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 {
-  --bco: var(--dt-color-border-focus-a);
-  border-color: hsl(var(--dt-color-border-focus-h) var(--dt-color-border-focus-s) var(--dt-color-border-focus-l) / var(--bco)) !important;
-}
 .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 {
   --bco: var(--dt-color-border-critical-a);
   border-color: hsl(var(--dt-color-border-critical-h) var(--dt-color-border-critical-s) var(--dt-color-border-critical-l) / var(--bco)) !important;
@@ -9999,46 +10442,54 @@ body {
   --bco: var(--dt-color-border-brand-a);
   border-color: hsl(var(--dt-color-border-brand-h) var(--dt-color-border-brand-s) var(--dt-color-border-brand-l) / var(--bco)) !important;
 }
-.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 {
-  --bco: 100%;
-  border-color: var(--dt-color-border-ai) !important;
-}
-.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 {
-  --bco: var(--dt-color-border-accent-a);
-  border-color: hsl(var(--dt-color-border-accent-h) var(--dt-color-border-accent-s) var(--dt-color-border-accent-l) / var(--bco)) !important;
-}
 .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 {
   --bco: var(--dt-color-border-critical-subtle-a);
   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;
 }
-.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 {
-  --bco: var(--dt-color-border-critical-strong-a);
-  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;
-}
 .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 {
   --bco: var(--dt-color-border-success-subtle-a);
   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;
 }
-.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 {
-  --bco: var(--dt-color-border-success-strong-a);
-  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;
-}
 .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 {
   --bco: var(--dt-color-border-warning-subtle-a);
   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;
 }
-.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 {
-  --bco: var(--dt-color-border-warning-strong-a);
-  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;
-}
 .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 {
   --bco: var(--dt-color-border-brand-subtle-a);
   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;
 }
+.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 {
+  --bco: var(--dt-color-border-critical-strong-a);
+  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;
+}
+.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 {
+  --bco: var(--dt-color-border-success-strong-a);
+  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;
+}
+.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 {
+  --bco: var(--dt-color-border-warning-strong-a);
+  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;
+}
 .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 {
   --bco: var(--dt-color-border-brand-strong-a);
   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;
 }
+.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 {
+  --bco: var(--dt-color-border-subtle-inverted-a);
+  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;
+}
+.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 {
+  --bco: var(--dt-color-border-default-inverted-a);
+  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;
+}
+.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 {
+  --bco: var(--dt-color-border-moderate-inverted-a);
+  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;
+}
+.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 {
+  --bco: var(--dt-color-border-bold-inverted-a);
+  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;
+}
 .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 {
   --bco: var(--dt-color-border-critical-inverted-a);
   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;
@@ -10059,34 +10510,42 @@ body {
   --bco: var(--dt-color-border-critical-subtle-inverted-a);
   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;
 }
-.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 {
-  --bco: var(--dt-color-border-critical-strong-inverted-a);
-  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;
-}
 .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 {
   --bco: var(--dt-color-border-success-subtle-inverted-a);
   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;
 }
-.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 {
-  --bco: var(--dt-color-border-success-strong-inverted-a);
-  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;
-}
 .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 {
   --bco: var(--dt-color-border-warning-subtle-inverted-a);
   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;
 }
-.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 {
-  --bco: var(--dt-color-border-warning-strong-inverted-a);
-  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;
-}
 .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 {
   --bco: var(--dt-color-border-brand-subtle-inverted-a);
   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;
 }
+.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 {
+  --bco: var(--dt-color-border-critical-strong-inverted-a);
+  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;
+}
+.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 {
+  --bco: var(--dt-color-border-success-strong-inverted-a);
+  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;
+}
+.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 {
+  --bco: var(--dt-color-border-warning-strong-inverted-a);
+  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;
+}
 .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 {
   --bco: var(--dt-color-border-brand-strong-inverted-a);
   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;
 }
+.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 {
+  --bco: var(--dt-color-border-focus-a);
+  border-color: hsl(var(--dt-color-border-focus-h) var(--dt-color-border-focus-s) var(--dt-color-border-focus-l) / var(--bco)) !important;
+}
+.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 {
+  --bco: var(--dt-color-border-accent-a);
+  border-color: hsl(var(--dt-color-border-accent-h) var(--dt-color-border-accent-s) var(--dt-color-border-accent-l) / var(--bco)) !important;
+}
 .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 {
   --bgo: var(--dt-color-neutral-white-a);
   background-color: hsl(var(--dt-color-neutral-white-h) var(--dt-color-neutral-white-s) var(--dt-color-neutral-white-l) / var(--bgo)) !important;
@@ -10095,6 +10554,14 @@ body {
   --bgo: var(--dt-color-neutral-black-a);
   background-color: hsl(var(--dt-color-neutral-black-h) var(--dt-color-neutral-black-s) var(--dt-color-neutral-black-l) / var(--bgo)) !important;
 }
+.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 {
+  --bgo: var(--dt-color-neutral-transparent-a);
+  background-color: hsl(var(--dt-color-neutral-transparent-h) var(--dt-color-neutral-transparent-s) var(--dt-color-neutral-transparent-l) / var(--bgo)) !important;
+}
+.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 {
+  --bgo: var(--dt-color-black-50-a);
+  background-color: hsl(var(--dt-color-black-50-h) var(--dt-color-black-50-s) var(--dt-color-black-50-l) / var(--bgo)) !important;
+}
 .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 {
   --bgo: var(--dt-color-black-100-a);
   background-color: hsl(var(--dt-color-black-100-h) var(--dt-color-black-100-s) var(--dt-color-black-100-l) / var(--bgo)) !important;
@@ -10131,6 +10598,18 @@ body {
   --bgo: var(--dt-color-black-900-a);
   background-color: hsl(var(--dt-color-black-900-h) var(--dt-color-black-900-s) var(--dt-color-black-900-l) / var(--bgo)) !important;
 }
+.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 {
+  --bgo: var(--dt-color-black-950-a);
+  background-color: hsl(var(--dt-color-black-950-h) var(--dt-color-black-950-s) var(--dt-color-black-950-l) / var(--bgo)) !important;
+}
+.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 {
+  --bgo: var(--dt-color-black-1000-a);
+  background-color: hsl(var(--dt-color-black-1000-h) var(--dt-color-black-1000-s) var(--dt-color-black-1000-l) / var(--bgo)) !important;
+}
+.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 {
+  --bgo: var(--dt-color-purple-50-a);
+  background-color: hsl(var(--dt-color-purple-50-h) var(--dt-color-purple-50-s) var(--dt-color-purple-50-l) / var(--bgo)) !important;
+}
 .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 {
   --bgo: var(--dt-color-purple-100-a);
   background-color: hsl(var(--dt-color-purple-100-h) var(--dt-color-purple-100-s) var(--dt-color-purple-100-l) / var(--bgo)) !important;
@@ -10139,22 +10618,46 @@ body {
   --bgo: var(--dt-color-purple-200-a);
   background-color: hsl(var(--dt-color-purple-200-h) var(--dt-color-purple-200-s) var(--dt-color-purple-200-l) / var(--bgo)) !important;
 }
+.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 {
+  --bgo: var(--dt-color-purple-250-a);
+  background-color: hsl(var(--dt-color-purple-250-h) var(--dt-color-purple-250-s) var(--dt-color-purple-250-l) / var(--bgo)) !important;
+}
 .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 {
   --bgo: var(--dt-color-purple-300-a);
   background-color: hsl(var(--dt-color-purple-300-h) var(--dt-color-purple-300-s) var(--dt-color-purple-300-l) / var(--bgo)) !important;
 }
+.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 {
+  --bgo: var(--dt-color-purple-350-a);
+  background-color: hsl(var(--dt-color-purple-350-h) var(--dt-color-purple-350-s) var(--dt-color-purple-350-l) / var(--bgo)) !important;
+}
 .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 {
   --bgo: var(--dt-color-purple-400-a);
   background-color: hsl(var(--dt-color-purple-400-h) var(--dt-color-purple-400-s) var(--dt-color-purple-400-l) / var(--bgo)) !important;
 }
+.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 {
+  --bgo: var(--dt-color-purple-450-a);
+  background-color: hsl(var(--dt-color-purple-450-h) var(--dt-color-purple-450-s) var(--dt-color-purple-450-l) / var(--bgo)) !important;
+}
 .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 {
   --bgo: var(--dt-color-purple-500-a);
   background-color: hsl(var(--dt-color-purple-500-h) var(--dt-color-purple-500-s) var(--dt-color-purple-500-l) / var(--bgo)) !important;
 }
+.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 {
+  --bgo: var(--dt-color-purple-550-a);
+  background-color: hsl(var(--dt-color-purple-550-h) var(--dt-color-purple-550-s) var(--dt-color-purple-550-l) / var(--bgo)) !important;
+}
 .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 {
   --bgo: var(--dt-color-purple-600-a);
   background-color: hsl(var(--dt-color-purple-600-h) var(--dt-color-purple-600-s) var(--dt-color-purple-600-l) / var(--bgo)) !important;
 }
+.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 {
+  --bgo: var(--dt-color-purple-1000-a);
+  background-color: hsl(var(--dt-color-purple-1000-h) var(--dt-color-purple-1000-s) var(--dt-color-purple-1000-l) / var(--bgo)) !important;
+}
+.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 {
+  --bgo: var(--dt-color-blue-50-a);
+  background-color: hsl(var(--dt-color-blue-50-h) var(--dt-color-blue-50-s) var(--dt-color-blue-50-l) / var(--bgo)) !important;
+}
 .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 {
   --bgo: var(--dt-color-blue-100-a);
   background-color: hsl(var(--dt-color-blue-100-h) var(--dt-color-blue-100-s) var(--dt-color-blue-100-l) / var(--bgo)) !important;
@@ -10171,10 +10674,38 @@ body {
   --bgo: var(--dt-color-blue-400-a);
   background-color: hsl(var(--dt-color-blue-400-h) var(--dt-color-blue-400-s) var(--dt-color-blue-400-l) / var(--bgo)) !important;
 }
+.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 {
+  --bgo: var(--dt-color-blue-425-a);
+  background-color: hsl(var(--dt-color-blue-425-h) var(--dt-color-blue-425-s) var(--dt-color-blue-425-l) / var(--bgo)) !important;
+}
+.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 {
+  --bgo: var(--dt-color-blue-450-a);
+  background-color: hsl(var(--dt-color-blue-450-h) var(--dt-color-blue-450-s) var(--dt-color-blue-450-l) / var(--bgo)) !important;
+}
+.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 {
+  --bgo: var(--dt-color-blue-475-a);
+  background-color: hsl(var(--dt-color-blue-475-h) var(--dt-color-blue-475-s) var(--dt-color-blue-475-l) / var(--bgo)) !important;
+}
 .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 {
   --bgo: var(--dt-color-blue-500-a);
   background-color: hsl(var(--dt-color-blue-500-h) var(--dt-color-blue-500-s) var(--dt-color-blue-500-l) / var(--bgo)) !important;
 }
+.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 {
+  --bgo: var(--dt-color-blue-600-a);
+  background-color: hsl(var(--dt-color-blue-600-h) var(--dt-color-blue-600-s) var(--dt-color-blue-600-l) / var(--bgo)) !important;
+}
+.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 {
+  --bgo: var(--dt-color-blue-900-a);
+  background-color: hsl(var(--dt-color-blue-900-h) var(--dt-color-blue-900-s) var(--dt-color-blue-900-l) / var(--bgo)) !important;
+}
+.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 {
+  --bgo: var(--dt-color-blue-1000-a);
+  background-color: hsl(var(--dt-color-blue-1000-h) var(--dt-color-blue-1000-s) var(--dt-color-blue-1000-l) / var(--bgo)) !important;
+}
+.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 {
+  --bgo: var(--dt-color-magenta-50-a);
+  background-color: hsl(var(--dt-color-magenta-50-h) var(--dt-color-magenta-50-s) var(--dt-color-magenta-50-l) / var(--bgo)) !important;
+}
 .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 {
   --bgo: var(--dt-color-magenta-100-a);
   background-color: hsl(var(--dt-color-magenta-100-h) var(--dt-color-magenta-100-s) var(--dt-color-magenta-100-l) / var(--bgo)) !important;
@@ -10183,6 +10714,10 @@ body {
   --bgo: var(--dt-color-magenta-200-a);
   background-color: hsl(var(--dt-color-magenta-200-h) var(--dt-color-magenta-200-s) var(--dt-color-magenta-200-l) / var(--bgo)) !important;
 }
+.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 {
+  --bgo: var(--dt-color-magenta-250-a);
+  background-color: hsl(var(--dt-color-magenta-250-h) var(--dt-color-magenta-250-s) var(--dt-color-magenta-250-l) / var(--bgo)) !important;
+}
 .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 {
   --bgo: var(--dt-color-magenta-300-a);
   background-color: hsl(var(--dt-color-magenta-300-h) var(--dt-color-magenta-300-s) var(--dt-color-magenta-300-l) / var(--bgo)) !important;
@@ -10191,10 +10726,34 @@ body {
   --bgo: var(--dt-color-magenta-400-a);
   background-color: hsl(var(--dt-color-magenta-400-h) var(--dt-color-magenta-400-s) var(--dt-color-magenta-400-l) / var(--bgo)) !important;
 }
+.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 {
+  --bgo: var(--dt-color-magenta-425-a);
+  background-color: hsl(var(--dt-color-magenta-425-h) var(--dt-color-magenta-425-s) var(--dt-color-magenta-425-l) / var(--bgo)) !important;
+}
+.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 {
+  --bgo: var(--dt-color-magenta-475-a);
+  background-color: hsl(var(--dt-color-magenta-475-h) var(--dt-color-magenta-475-s) var(--dt-color-magenta-475-l) / var(--bgo)) !important;
+}
 .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 {
   --bgo: var(--dt-color-magenta-500-a);
   background-color: hsl(var(--dt-color-magenta-500-h) var(--dt-color-magenta-500-s) var(--dt-color-magenta-500-l) / var(--bgo)) !important;
 }
+.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 {
+  --bgo: var(--dt-color-magenta-600-a);
+  background-color: hsl(var(--dt-color-magenta-600-h) var(--dt-color-magenta-600-s) var(--dt-color-magenta-600-l) / var(--bgo)) !important;
+}
+.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 {
+  --bgo: var(--dt-color-magenta-900-a);
+  background-color: hsl(var(--dt-color-magenta-900-h) var(--dt-color-magenta-900-s) var(--dt-color-magenta-900-l) / var(--bgo)) !important;
+}
+.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 {
+  --bgo: var(--dt-color-magenta-1000-a);
+  background-color: hsl(var(--dt-color-magenta-1000-h) var(--dt-color-magenta-1000-s) var(--dt-color-magenta-1000-l) / var(--bgo)) !important;
+}
+.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 {
+  --bgo: var(--dt-color-gold-50-a);
+  background-color: hsl(var(--dt-color-gold-50-h) var(--dt-color-gold-50-s) var(--dt-color-gold-50-l) / var(--bgo)) !important;
+}
 .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 {
   --bgo: var(--dt-color-gold-100-a);
   background-color: hsl(var(--dt-color-gold-100-h) var(--dt-color-gold-100-s) var(--dt-color-gold-100-l) / var(--bgo)) !important;
@@ -10207,14 +10766,42 @@ body {
   --bgo: var(--dt-color-gold-300-a);
   background-color: hsl(var(--dt-color-gold-300-h) var(--dt-color-gold-300-s) var(--dt-color-gold-300-l) / var(--bgo)) !important;
 }
+.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 {
+  --bgo: var(--dt-color-gold-350-a);
+  background-color: hsl(var(--dt-color-gold-350-h) var(--dt-color-gold-350-s) var(--dt-color-gold-350-l) / var(--bgo)) !important;
+}
 .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 {
   --bgo: var(--dt-color-gold-400-a);
   background-color: hsl(var(--dt-color-gold-400-h) var(--dt-color-gold-400-s) var(--dt-color-gold-400-l) / var(--bgo)) !important;
 }
+.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 {
+  --bgo: var(--dt-color-gold-450-a);
+  background-color: hsl(var(--dt-color-gold-450-h) var(--dt-color-gold-450-s) var(--dt-color-gold-450-l) / var(--bgo)) !important;
+}
 .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 {
   --bgo: var(--dt-color-gold-500-a);
   background-color: hsl(var(--dt-color-gold-500-h) var(--dt-color-gold-500-s) var(--dt-color-gold-500-l) / var(--bgo)) !important;
 }
+.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 {
+  --bgo: var(--dt-color-gold-600-a);
+  background-color: hsl(var(--dt-color-gold-600-h) var(--dt-color-gold-600-s) var(--dt-color-gold-600-l) / var(--bgo)) !important;
+}
+.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 {
+  --bgo: var(--dt-color-gold-700-a);
+  background-color: hsl(var(--dt-color-gold-700-h) var(--dt-color-gold-700-s) var(--dt-color-gold-700-l) / var(--bgo)) !important;
+}
+.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 {
+  --bgo: var(--dt-color-gold-900-a);
+  background-color: hsl(var(--dt-color-gold-900-h) var(--dt-color-gold-900-s) var(--dt-color-gold-900-l) / var(--bgo)) !important;
+}
+.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 {
+  --bgo: var(--dt-color-gold-1000-a);
+  background-color: hsl(var(--dt-color-gold-1000-h) var(--dt-color-gold-1000-s) var(--dt-color-gold-1000-l) / var(--bgo)) !important;
+}
+.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 {
+  --bgo: var(--dt-color-green-50-a);
+  background-color: hsl(var(--dt-color-green-50-h) var(--dt-color-green-50-s) var(--dt-color-green-50-l) / var(--bgo)) !important;
+}
 .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 {
   --bgo: var(--dt-color-green-100-a);
   background-color: hsl(var(--dt-color-green-100-h) var(--dt-color-green-100-s) var(--dt-color-green-100-l) / var(--bgo)) !important;
@@ -10227,14 +10814,42 @@ body {
   --bgo: var(--dt-color-green-300-a);
   background-color: hsl(var(--dt-color-green-300-h) var(--dt-color-green-300-s) var(--dt-color-green-300-l) / var(--bgo)) !important;
 }
+.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 {
+  --bgo: var(--dt-color-green-350-a);
+  background-color: hsl(var(--dt-color-green-350-h) var(--dt-color-green-350-s) var(--dt-color-green-350-l) / var(--bgo)) !important;
+}
 .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 {
   --bgo: var(--dt-color-green-400-a);
   background-color: hsl(var(--dt-color-green-400-h) var(--dt-color-green-400-s) var(--dt-color-green-400-l) / var(--bgo)) !important;
 }
+.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 {
+  --bgo: var(--dt-color-green-425-a);
+  background-color: hsl(var(--dt-color-green-425-h) var(--dt-color-green-425-s) var(--dt-color-green-425-l) / var(--bgo)) !important;
+}
+.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 {
+  --bgo: var(--dt-color-green-475-a);
+  background-color: hsl(var(--dt-color-green-475-h) var(--dt-color-green-475-s) var(--dt-color-green-475-l) / var(--bgo)) !important;
+}
 .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 {
   --bgo: var(--dt-color-green-500-a);
   background-color: hsl(var(--dt-color-green-500-h) var(--dt-color-green-500-s) var(--dt-color-green-500-l) / var(--bgo)) !important;
 }
+.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 {
+  --bgo: var(--dt-color-green-600-a);
+  background-color: hsl(var(--dt-color-green-600-h) var(--dt-color-green-600-s) var(--dt-color-green-600-l) / var(--bgo)) !important;
+}
+.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 {
+  --bgo: var(--dt-color-green-900-a);
+  background-color: hsl(var(--dt-color-green-900-h) var(--dt-color-green-900-s) var(--dt-color-green-900-l) / var(--bgo)) !important;
+}
+.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 {
+  --bgo: var(--dt-color-green-1000-a);
+  background-color: hsl(var(--dt-color-green-1000-h) var(--dt-color-green-1000-s) var(--dt-color-green-1000-l) / var(--bgo)) !important;
+}
+.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 {
+  --bgo: var(--dt-color-red-50-a);
+  background-color: hsl(var(--dt-color-red-50-h) var(--dt-color-red-50-s) var(--dt-color-red-50-l) / var(--bgo)) !important;
+}
 .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 {
   --bgo: var(--dt-color-red-100-a);
   background-color: hsl(var(--dt-color-red-100-h) var(--dt-color-red-100-s) var(--dt-color-red-100-l) / var(--bgo)) !important;
@@ -10247,14 +10862,42 @@ body {
   --bgo: var(--dt-color-red-300-a);
   background-color: hsl(var(--dt-color-red-300-h) var(--dt-color-red-300-s) var(--dt-color-red-300-l) / var(--bgo)) !important;
 }
+.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 {
+  --bgo: var(--dt-color-red-350-a);
+  background-color: hsl(var(--dt-color-red-350-h) var(--dt-color-red-350-s) var(--dt-color-red-350-l) / var(--bgo)) !important;
+}
 .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 {
   --bgo: var(--dt-color-red-400-a);
   background-color: hsl(var(--dt-color-red-400-h) var(--dt-color-red-400-s) var(--dt-color-red-400-l) / var(--bgo)) !important;
 }
+.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 {
+  --bgo: var(--dt-color-red-450-a);
+  background-color: hsl(var(--dt-color-red-450-h) var(--dt-color-red-450-s) var(--dt-color-red-450-l) / var(--bgo)) !important;
+}
 .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 {
   --bgo: var(--dt-color-red-500-a);
   background-color: hsl(var(--dt-color-red-500-h) var(--dt-color-red-500-s) var(--dt-color-red-500-l) / var(--bgo)) !important;
 }
+.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 {
+  --bgo: var(--dt-color-red-600-a);
+  background-color: hsl(var(--dt-color-red-600-h) var(--dt-color-red-600-s) var(--dt-color-red-600-l) / var(--bgo)) !important;
+}
+.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 {
+  --bgo: var(--dt-color-red-700-a);
+  background-color: hsl(var(--dt-color-red-700-h) var(--dt-color-red-700-s) var(--dt-color-red-700-l) / var(--bgo)) !important;
+}
+.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 {
+  --bgo: var(--dt-color-red-900-a);
+  background-color: hsl(var(--dt-color-red-900-h) var(--dt-color-red-900-s) var(--dt-color-red-900-l) / var(--bgo)) !important;
+}
+.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 {
+  --bgo: var(--dt-color-red-1000-a);
+  background-color: hsl(var(--dt-color-red-1000-h) var(--dt-color-red-1000-s) var(--dt-color-red-1000-l) / var(--bgo)) !important;
+}
+.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 {
+  --bgo: var(--dt-color-tan-50-a);
+  background-color: hsl(var(--dt-color-tan-50-h) var(--dt-color-tan-50-s) var(--dt-color-tan-50-l) / var(--bgo)) !important;
+}
 .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 {
   --bgo: var(--dt-color-tan-100-a);
   background-color: hsl(var(--dt-color-tan-100-h) var(--dt-color-tan-100-s) var(--dt-color-tan-100-l) / var(--bgo)) !important;
@@ -10275,6 +10918,118 @@ body {
   --bgo: var(--dt-color-tan-500-a);
   background-color: hsl(var(--dt-color-tan-500-h) var(--dt-color-tan-500-s) var(--dt-color-tan-500-l) / var(--bgo)) !important;
 }
+.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 {
+  --bgo: var(--dt-color-tan-600-a);
+  background-color: hsl(var(--dt-color-tan-600-h) var(--dt-color-tan-600-s) var(--dt-color-tan-600-l) / var(--bgo)) !important;
+}
+.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 {
+  --bgo: var(--dt-color-tan-700-a);
+  background-color: hsl(var(--dt-color-tan-700-h) var(--dt-color-tan-700-s) var(--dt-color-tan-700-l) / var(--bgo)) !important;
+}
+.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 {
+  --bgo: var(--dt-color-tan-800-a);
+  background-color: hsl(var(--dt-color-tan-800-h) var(--dt-color-tan-800-s) var(--dt-color-tan-800-l) / var(--bgo)) !important;
+}
+.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 {
+  --bgo: var(--dt-color-tan-900-a);
+  background-color: hsl(var(--dt-color-tan-900-h) var(--dt-color-tan-900-s) var(--dt-color-tan-900-l) / var(--bgo)) !important;
+}
+.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 {
+  --bgo: var(--dt-color-tan-950-a);
+  background-color: hsl(var(--dt-color-tan-950-h) var(--dt-color-tan-950-s) var(--dt-color-tan-950-l) / var(--bgo)) !important;
+}
+.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 {
+  --bgo: var(--dt-color-tan-1000-a);
+  background-color: hsl(var(--dt-color-tan-1000-h) var(--dt-color-tan-1000-s) var(--dt-color-tan-1000-l) / var(--bgo)) !important;
+}
+.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 {
+  --bgo: var(--dt-color-surface-primary-a);
+  background-color: hsl(var(--dt-color-surface-primary-h) var(--dt-color-surface-primary-s) var(--dt-color-surface-primary-l) / var(--bgo)) !important;
+}
+.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 {
+  --bgo: var(--dt-color-surface-secondary-a);
+  background-color: hsl(var(--dt-color-surface-secondary-h) var(--dt-color-surface-secondary-s) var(--dt-color-surface-secondary-l) / var(--bgo)) !important;
+}
+.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 {
+  --bgo: var(--dt-color-surface-moderate-a);
+  background-color: hsl(var(--dt-color-surface-moderate-h) var(--dt-color-surface-moderate-s) var(--dt-color-surface-moderate-l) / var(--bgo)) !important;
+}
+.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 {
+  --bgo: var(--dt-color-surface-bold-a);
+  background-color: hsl(var(--dt-color-surface-bold-h) var(--dt-color-surface-bold-s) var(--dt-color-surface-bold-l) / var(--bgo)) !important;
+}
+.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 {
+  --bgo: var(--dt-color-surface-strong-a);
+  background-color: hsl(var(--dt-color-surface-strong-h) var(--dt-color-surface-strong-s) var(--dt-color-surface-strong-l) / var(--bgo)) !important;
+}
+.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 {
+  --bgo: var(--dt-color-surface-contrast-a);
+  background-color: hsl(var(--dt-color-surface-contrast-h) var(--dt-color-surface-contrast-s) var(--dt-color-surface-contrast-l) / var(--bgo)) !important;
+}
+.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 {
+  --bgo: var(--dt-color-surface-critical-a);
+  background-color: hsl(var(--dt-color-surface-critical-h) var(--dt-color-surface-critical-s) var(--dt-color-surface-critical-l) / var(--bgo)) !important;
+}
+.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 {
+  --bgo: var(--dt-color-surface-warning-a);
+  background-color: hsl(var(--dt-color-surface-warning-h) var(--dt-color-surface-warning-s) var(--dt-color-surface-warning-l) / var(--bgo)) !important;
+}
+.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 {
+  --bgo: var(--dt-color-surface-success-a);
+  background-color: hsl(var(--dt-color-surface-success-h) var(--dt-color-surface-success-s) var(--dt-color-surface-success-l) / var(--bgo)) !important;
+}
+.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 {
+  --bgo: var(--dt-color-surface-info-a);
+  background-color: hsl(var(--dt-color-surface-info-h) var(--dt-color-surface-info-s) var(--dt-color-surface-info-l) / var(--bgo)) !important;
+}
+.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 {
+  --bgo: var(--dt-color-surface-brand-a);
+  background-color: hsl(var(--dt-color-surface-brand-h) var(--dt-color-surface-brand-s) var(--dt-color-surface-brand-l) / var(--bgo)) !important;
+}
+.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 {
+  --bgo: var(--dt-color-surface-critical-subtle-a);
+  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;
+}
+.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 {
+  --bgo: var(--dt-color-surface-warning-subtle-a);
+  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;
+}
+.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 {
+  --bgo: var(--dt-color-surface-success-subtle-a);
+  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;
+}
+.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 {
+  --bgo: var(--dt-color-surface-info-subtle-a);
+  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;
+}
+.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 {
+  --bgo: var(--dt-color-surface-brand-subtle-a);
+  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;
+}
+.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 {
+  --bgo: var(--dt-color-surface-critical-strong-a);
+  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;
+}
+.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 {
+  --bgo: var(--dt-color-surface-warning-strong-a);
+  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;
+}
+.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 {
+  --bgo: var(--dt-color-surface-success-strong-a);
+  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;
+}
+.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 {
+  --bgo: var(--dt-color-surface-info-strong-a);
+  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;
+}
+.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 {
+  --bgo: var(--dt-color-surface-brand-strong-a);
+  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;
+}
+.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 {
+  --bgo: var(--dt-color-surface-primary-opaque-a);
+  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;
+}
 .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 {
   --bgo: var(--dt-color-surface-secondary-opaque-a);
   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;
@@ -10295,113 +11050,197 @@ body {
   --bgo: var(--dt-color-surface-contrast-opaque-a);
   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;
 }
-.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 {
-  --bgo: var(--dt-color-surface-backdrop-a);
-  background-color: hsl(var(--dt-color-surface-backdrop-h) var(--dt-color-surface-backdrop-s) var(--dt-color-surface-backdrop-l) / var(--bgo)) !important;
-}
 .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 {
   --bgo: var(--dt-color-surface-critical-opaque-a);
   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;
 }
-.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 {
-  --bgo: var(--dt-color-surface-critical-subtle-opaque-a);
-  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;
-}
 .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 {
   --bgo: var(--dt-color-surface-warning-opaque-a);
   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;
 }
-.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 {
-  --bgo: var(--dt-color-surface-warning-subtle-opaque-a);
-  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;
-}
 .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 {
   --bgo: var(--dt-color-surface-success-opaque-a);
   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;
 }
-.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 {
-  --bgo: var(--dt-color-surface-success-subtle-opaque-a);
-  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;
-}
 .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 {
   --bgo: var(--dt-color-surface-info-opaque-a);
   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;
 }
+.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 {
+  --bgo: var(--dt-color-surface-brand-opaque-a);
+  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;
+}
+.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 {
+  --bgo: var(--dt-color-surface-critical-subtle-opaque-a);
+  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;
+}
+.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 {
+  --bgo: var(--dt-color-surface-warning-subtle-opaque-a);
+  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;
+}
+.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 {
+  --bgo: var(--dt-color-surface-success-subtle-opaque-a);
+  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;
+}
 .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 {
   --bgo: var(--dt-color-surface-info-subtle-opaque-a);
   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;
 }
-.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 {
-  --bgo: var(--dt-color-surface-primary-a);
-  background-color: hsl(var(--dt-color-surface-primary-h) var(--dt-color-surface-primary-s) var(--dt-color-surface-primary-l) / var(--bgo)) !important;
+.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 {
+  --bgo: var(--dt-color-surface-brand-subtle-opaque-a);
+  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;
 }
-.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 {
-  --bgo: var(--dt-color-surface-secondary-a);
-  background-color: hsl(var(--dt-color-surface-secondary-h) var(--dt-color-surface-secondary-s) var(--dt-color-surface-secondary-l) / var(--bgo)) !important;
+.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 {
+  --bgo: var(--dt-color-surface-primary-inverted-a);
+  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;
 }
-.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 {
-  --bgo: var(--dt-color-surface-moderate-a);
-  background-color: hsl(var(--dt-color-surface-moderate-h) var(--dt-color-surface-moderate-s) var(--dt-color-surface-moderate-l) / var(--bgo)) !important;
+.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 {
+  --bgo: var(--dt-color-surface-secondary-inverted-a);
+  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;
 }
-.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 {
-  --bgo: var(--dt-color-surface-bold-a);
-  background-color: hsl(var(--dt-color-surface-bold-h) var(--dt-color-surface-bold-s) var(--dt-color-surface-bold-l) / var(--bgo)) !important;
+.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 {
+  --bgo: var(--dt-color-surface-moderate-inverted-a);
+  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;
 }
-.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 {
-  --bgo: var(--dt-color-surface-strong-a);
-  background-color: hsl(var(--dt-color-surface-strong-h) var(--dt-color-surface-strong-s) var(--dt-color-surface-strong-l) / var(--bgo)) !important;
+.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 {
+  --bgo: var(--dt-color-surface-bold-inverted-a);
+  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;
 }
-.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 {
-  --bgo: var(--dt-color-surface-contrast-a);
-  background-color: hsl(var(--dt-color-surface-contrast-h) var(--dt-color-surface-contrast-s) var(--dt-color-surface-contrast-l) / var(--bgo)) !important;
+.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 {
+  --bgo: var(--dt-color-surface-strong-inverted-a);
+  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;
 }
-.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 {
-  --bgo: var(--dt-color-surface-critical-a);
-  background-color: hsl(var(--dt-color-surface-critical-h) var(--dt-color-surface-critical-s) var(--dt-color-surface-critical-l) / var(--bgo)) !important;
+.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 {
+  --bgo: var(--dt-color-surface-contrast-inverted-a);
+  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;
 }
-.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 {
-  --bgo: var(--dt-color-surface-critical-subtle-a);
-  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;
+.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 {
+  --bgo: var(--dt-color-surface-critical-inverted-a);
+  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;
 }
-.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 {
-  --bgo: var(--dt-color-surface-critical-strong-a);
-  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;
+.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 {
+  --bgo: var(--dt-color-surface-warning-inverted-a);
+  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;
 }
-.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 {
-  --bgo: var(--dt-color-surface-warning-a);
-  background-color: hsl(var(--dt-color-surface-warning-h) var(--dt-color-surface-warning-s) var(--dt-color-surface-warning-l) / var(--bgo)) !important;
+.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 {
+  --bgo: var(--dt-color-surface-success-inverted-a);
+  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;
 }
-.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 {
-  --bgo: var(--dt-color-surface-warning-subtle-a);
-  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;
+.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 {
+  --bgo: var(--dt-color-surface-info-inverted-a);
+  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;
 }
-.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 {
-  --bgo: var(--dt-color-surface-warning-strong-a);
-  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;
+.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 {
+  --bgo: var(--dt-color-surface-brand-inverted-a);
+  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;
 }
-.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 {
-  --bgo: var(--dt-color-surface-success-a);
-  background-color: hsl(var(--dt-color-surface-success-h) var(--dt-color-surface-success-s) var(--dt-color-surface-success-l) / var(--bgo)) !important;
+.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 {
+  --bgo: var(--dt-color-surface-critical-subtle-inverted-a);
+  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;
 }
-.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 {
-  --bgo: var(--dt-color-surface-success-subtle-a);
-  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;
+.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 {
+  --bgo: var(--dt-color-surface-warning-subtle-inverted-a);
+  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;
 }
-.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 {
-  --bgo: var(--dt-color-surface-success-strong-a);
-  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;
+.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 {
+  --bgo: var(--dt-color-surface-success-subtle-inverted-a);
+  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;
 }
-.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 {
-  --bgo: var(--dt-color-surface-info-a);
-  background-color: hsl(var(--dt-color-surface-info-h) var(--dt-color-surface-info-s) var(--dt-color-surface-info-l) / var(--bgo)) !important;
+.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 {
+  --bgo: var(--dt-color-surface-info-subtle-inverted-a);
+  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;
 }
-.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 {
-  --bgo: var(--dt-color-surface-info-subtle-a);
-  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;
+.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 {
+  --bgo: var(--dt-color-surface-brand-subtle-inverted-a);
+  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;
 }
-.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 {
-  --bgo: var(--dt-color-surface-info-strong-a);
-  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;
+.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 {
+  --bgo: var(--dt-color-surface-critical-strong-inverted-a);
+  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;
+}
+.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 {
+  --bgo: var(--dt-color-surface-warning-strong-inverted-a);
+  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;
+}
+.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 {
+  --bgo: var(--dt-color-surface-success-strong-inverted-a);
+  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;
+}
+.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 {
+  --bgo: var(--dt-color-surface-info-strong-inverted-a);
+  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;
+}
+.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 {
+  --bgo: var(--dt-color-surface-brand-strong-inverted-a);
+  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;
+}
+.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 {
+  --bgo: var(--dt-color-surface-primary-opaque-inverted-a);
+  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;
+}
+.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 {
+  --bgo: var(--dt-color-surface-secondary-opaque-inverted-a);
+  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;
+}
+.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 {
+  --bgo: var(--dt-color-surface-moderate-opaque-inverted-a);
+  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;
+}
+.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 {
+  --bgo: var(--dt-color-surface-bold-opaque-inverted-a);
+  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;
+}
+.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 {
+  --bgo: var(--dt-color-surface-strong-opaque-inverted-a);
+  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;
+}
+.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 {
+  --bgo: var(--dt-color-surface-contrast-opaque-inverted-a);
+  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;
+}
+.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 {
+  --bgo: var(--dt-color-surface-critical-opaque-inverted-a);
+  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;
+}
+.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 {
+  --bgo: var(--dt-color-surface-warning-opaque-inverted-a);
+  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;
+}
+.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 {
+  --bgo: var(--dt-color-surface-success-opaque-inverted-a);
+  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;
+}
+.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 {
+  --bgo: var(--dt-color-surface-info-opaque-inverted-a);
+  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;
+}
+.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 {
+  --bgo: var(--dt-color-surface-brand-opaque-inverted-a);
+  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;
+}
+.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 {
+  --bgo: var(--dt-color-surface-critical-subtle-opaque-inverted-a);
+  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;
+}
+.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 {
+  --bgo: var(--dt-color-surface-warning-subtle-opaque-inverted-a);
+  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;
+}
+.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 {
+  --bgo: var(--dt-color-surface-success-subtle-opaque-inverted-a);
+  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;
+}
+.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 {
+  --bgo: var(--dt-color-surface-info-subtle-opaque-inverted-a);
+  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;
+}
+.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 {
+  --bgo: var(--dt-color-surface-brand-subtle-opaque-inverted-a);
+  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;
+}
+.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 {
+  --bgo: var(--dt-color-surface-backdrop-a);
+  background-color: hsl(var(--dt-color-surface-backdrop-h) var(--dt-color-surface-backdrop-s) var(--dt-color-surface-backdrop-l) / var(--bgo)) !important;
 }
 .d-divide-neutral-white > * + * {
   --dco: var(--dt-color-neutral-white-a);
@@ -10411,6 +11250,14 @@ body {
   --dco: var(--dt-color-neutral-black-a);
   border-color: hsl(var(--dt-color-neutral-black-h) var(--dt-color-neutral-black-s) var(--dt-color-neutral-black-l) / var(--dco)) !important;
 }
+.d-divide-neutral-transparent > * + * {
+  --dco: var(--dt-color-neutral-transparent-a);
+  border-color: hsl(var(--dt-color-neutral-transparent-h) var(--dt-color-neutral-transparent-s) var(--dt-color-neutral-transparent-l) / var(--dco)) !important;
+}
+.d-divide-black-50 > * + * {
+  --dco: var(--dt-color-black-50-a);
+  border-color: hsl(var(--dt-color-black-50-h) var(--dt-color-black-50-s) var(--dt-color-black-50-l) / var(--dco)) !important;
+}
 .d-divide-black-100 > * + * {
   --dco: var(--dt-color-black-100-a);
   border-color: hsl(var(--dt-color-black-100-h) var(--dt-color-black-100-s) var(--dt-color-black-100-l) / var(--dco)) !important;
@@ -10447,6 +11294,18 @@ body {
   --dco: var(--dt-color-black-900-a);
   border-color: hsl(var(--dt-color-black-900-h) var(--dt-color-black-900-s) var(--dt-color-black-900-l) / var(--dco)) !important;
 }
+.d-divide-black-950 > * + * {
+  --dco: var(--dt-color-black-950-a);
+  border-color: hsl(var(--dt-color-black-950-h) var(--dt-color-black-950-s) var(--dt-color-black-950-l) / var(--dco)) !important;
+}
+.d-divide-black-1000 > * + * {
+  --dco: var(--dt-color-black-1000-a);
+  border-color: hsl(var(--dt-color-black-1000-h) var(--dt-color-black-1000-s) var(--dt-color-black-1000-l) / var(--dco)) !important;
+}
+.d-divide-purple-50 > * + * {
+  --dco: var(--dt-color-purple-50-a);
+  border-color: hsl(var(--dt-color-purple-50-h) var(--dt-color-purple-50-s) var(--dt-color-purple-50-l) / var(--dco)) !important;
+}
 .d-divide-purple-100 > * + * {
   --dco: var(--dt-color-purple-100-a);
   border-color: hsl(var(--dt-color-purple-100-h) var(--dt-color-purple-100-s) var(--dt-color-purple-100-l) / var(--dco)) !important;
@@ -10455,22 +11314,46 @@ body {
   --dco: var(--dt-color-purple-200-a);
   border-color: hsl(var(--dt-color-purple-200-h) var(--dt-color-purple-200-s) var(--dt-color-purple-200-l) / var(--dco)) !important;
 }
+.d-divide-purple-250 > * + * {
+  --dco: var(--dt-color-purple-250-a);
+  border-color: hsl(var(--dt-color-purple-250-h) var(--dt-color-purple-250-s) var(--dt-color-purple-250-l) / var(--dco)) !important;
+}
 .d-divide-purple-300 > * + * {
   --dco: var(--dt-color-purple-300-a);
   border-color: hsl(var(--dt-color-purple-300-h) var(--dt-color-purple-300-s) var(--dt-color-purple-300-l) / var(--dco)) !important;
 }
+.d-divide-purple-350 > * + * {
+  --dco: var(--dt-color-purple-350-a);
+  border-color: hsl(var(--dt-color-purple-350-h) var(--dt-color-purple-350-s) var(--dt-color-purple-350-l) / var(--dco)) !important;
+}
 .d-divide-purple-400 > * + * {
   --dco: var(--dt-color-purple-400-a);
   border-color: hsl(var(--dt-color-purple-400-h) var(--dt-color-purple-400-s) var(--dt-color-purple-400-l) / var(--dco)) !important;
 }
+.d-divide-purple-450 > * + * {
+  --dco: var(--dt-color-purple-450-a);
+  border-color: hsl(var(--dt-color-purple-450-h) var(--dt-color-purple-450-s) var(--dt-color-purple-450-l) / var(--dco)) !important;
+}
 .d-divide-purple-500 > * + * {
   --dco: var(--dt-color-purple-500-a);
   border-color: hsl(var(--dt-color-purple-500-h) var(--dt-color-purple-500-s) var(--dt-color-purple-500-l) / var(--dco)) !important;
 }
+.d-divide-purple-550 > * + * {
+  --dco: var(--dt-color-purple-550-a);
+  border-color: hsl(var(--dt-color-purple-550-h) var(--dt-color-purple-550-s) var(--dt-color-purple-550-l) / var(--dco)) !important;
+}
 .d-divide-purple-600 > * + * {
   --dco: var(--dt-color-purple-600-a);
   border-color: hsl(var(--dt-color-purple-600-h) var(--dt-color-purple-600-s) var(--dt-color-purple-600-l) / var(--dco)) !important;
 }
+.d-divide-purple-1000 > * + * {
+  --dco: var(--dt-color-purple-1000-a);
+  border-color: hsl(var(--dt-color-purple-1000-h) var(--dt-color-purple-1000-s) var(--dt-color-purple-1000-l) / var(--dco)) !important;
+}
+.d-divide-blue-50 > * + * {
+  --dco: var(--dt-color-blue-50-a);
+  border-color: hsl(var(--dt-color-blue-50-h) var(--dt-color-blue-50-s) var(--dt-color-blue-50-l) / var(--dco)) !important;
+}
 .d-divide-blue-100 > * + * {
   --dco: var(--dt-color-blue-100-a);
   border-color: hsl(var(--dt-color-blue-100-h) var(--dt-color-blue-100-s) var(--dt-color-blue-100-l) / var(--dco)) !important;
@@ -10487,10 +11370,38 @@ body {
   --dco: var(--dt-color-blue-400-a);
   border-color: hsl(var(--dt-color-blue-400-h) var(--dt-color-blue-400-s) var(--dt-color-blue-400-l) / var(--dco)) !important;
 }
+.d-divide-blue-425 > * + * {
+  --dco: var(--dt-color-blue-425-a);
+  border-color: hsl(var(--dt-color-blue-425-h) var(--dt-color-blue-425-s) var(--dt-color-blue-425-l) / var(--dco)) !important;
+}
+.d-divide-blue-450 > * + * {
+  --dco: var(--dt-color-blue-450-a);
+  border-color: hsl(var(--dt-color-blue-450-h) var(--dt-color-blue-450-s) var(--dt-color-blue-450-l) / var(--dco)) !important;
+}
+.d-divide-blue-475 > * + * {
+  --dco: var(--dt-color-blue-475-a);
+  border-color: hsl(var(--dt-color-blue-475-h) var(--dt-color-blue-475-s) var(--dt-color-blue-475-l) / var(--dco)) !important;
+}
 .d-divide-blue-500 > * + * {
   --dco: var(--dt-color-blue-500-a);
   border-color: hsl(var(--dt-color-blue-500-h) var(--dt-color-blue-500-s) var(--dt-color-blue-500-l) / var(--dco)) !important;
 }
+.d-divide-blue-600 > * + * {
+  --dco: var(--dt-color-blue-600-a);
+  border-color: hsl(var(--dt-color-blue-600-h) var(--dt-color-blue-600-s) var(--dt-color-blue-600-l) / var(--dco)) !important;
+}
+.d-divide-blue-900 > * + * {
+  --dco: var(--dt-color-blue-900-a);
+  border-color: hsl(var(--dt-color-blue-900-h) var(--dt-color-blue-900-s) var(--dt-color-blue-900-l) / var(--dco)) !important;
+}
+.d-divide-blue-1000 > * + * {
+  --dco: var(--dt-color-blue-1000-a);
+  border-color: hsl(var(--dt-color-blue-1000-h) var(--dt-color-blue-1000-s) var(--dt-color-blue-1000-l) / var(--dco)) !important;
+}
+.d-divide-magenta-50 > * + * {
+  --dco: var(--dt-color-magenta-50-a);
+  border-color: hsl(var(--dt-color-magenta-50-h) var(--dt-color-magenta-50-s) var(--dt-color-magenta-50-l) / var(--dco)) !important;
+}
 .d-divide-magenta-100 > * + * {
   --dco: var(--dt-color-magenta-100-a);
   border-color: hsl(var(--dt-color-magenta-100-h) var(--dt-color-magenta-100-s) var(--dt-color-magenta-100-l) / var(--dco)) !important;
@@ -10499,6 +11410,10 @@ body {
   --dco: var(--dt-color-magenta-200-a);
   border-color: hsl(var(--dt-color-magenta-200-h) var(--dt-color-magenta-200-s) var(--dt-color-magenta-200-l) / var(--dco)) !important;
 }
+.d-divide-magenta-250 > * + * {
+  --dco: var(--dt-color-magenta-250-a);
+  border-color: hsl(var(--dt-color-magenta-250-h) var(--dt-color-magenta-250-s) var(--dt-color-magenta-250-l) / var(--dco)) !important;
+}
 .d-divide-magenta-300 > * + * {
   --dco: var(--dt-color-magenta-300-a);
   border-color: hsl(var(--dt-color-magenta-300-h) var(--dt-color-magenta-300-s) var(--dt-color-magenta-300-l) / var(--dco)) !important;
@@ -10507,10 +11422,34 @@ body {
   --dco: var(--dt-color-magenta-400-a);
   border-color: hsl(var(--dt-color-magenta-400-h) var(--dt-color-magenta-400-s) var(--dt-color-magenta-400-l) / var(--dco)) !important;
 }
+.d-divide-magenta-425 > * + * {
+  --dco: var(--dt-color-magenta-425-a);
+  border-color: hsl(var(--dt-color-magenta-425-h) var(--dt-color-magenta-425-s) var(--dt-color-magenta-425-l) / var(--dco)) !important;
+}
+.d-divide-magenta-475 > * + * {
+  --dco: var(--dt-color-magenta-475-a);
+  border-color: hsl(var(--dt-color-magenta-475-h) var(--dt-color-magenta-475-s) var(--dt-color-magenta-475-l) / var(--dco)) !important;
+}
 .d-divide-magenta-500 > * + * {
   --dco: var(--dt-color-magenta-500-a);
   border-color: hsl(var(--dt-color-magenta-500-h) var(--dt-color-magenta-500-s) var(--dt-color-magenta-500-l) / var(--dco)) !important;
 }
+.d-divide-magenta-600 > * + * {
+  --dco: var(--dt-color-magenta-600-a);
+  border-color: hsl(var(--dt-color-magenta-600-h) var(--dt-color-magenta-600-s) var(--dt-color-magenta-600-l) / var(--dco)) !important;
+}
+.d-divide-magenta-900 > * + * {
+  --dco: var(--dt-color-magenta-900-a);
+  border-color: hsl(var(--dt-color-magenta-900-h) var(--dt-color-magenta-900-s) var(--dt-color-magenta-900-l) / var(--dco)) !important;
+}
+.d-divide-magenta-1000 > * + * {
+  --dco: var(--dt-color-magenta-1000-a);
+  border-color: hsl(var(--dt-color-magenta-1000-h) var(--dt-color-magenta-1000-s) var(--dt-color-magenta-1000-l) / var(--dco)) !important;
+}
+.d-divide-gold-50 > * + * {
+  --dco: var(--dt-color-gold-50-a);
+  border-color: hsl(var(--dt-color-gold-50-h) var(--dt-color-gold-50-s) var(--dt-color-gold-50-l) / var(--dco)) !important;
+}
 .d-divide-gold-100 > * + * {
   --dco: var(--dt-color-gold-100-a);
   border-color: hsl(var(--dt-color-gold-100-h) var(--dt-color-gold-100-s) var(--dt-color-gold-100-l) / var(--dco)) !important;
@@ -10523,14 +11462,42 @@ body {
   --dco: var(--dt-color-gold-300-a);
   border-color: hsl(var(--dt-color-gold-300-h) var(--dt-color-gold-300-s) var(--dt-color-gold-300-l) / var(--dco)) !important;
 }
+.d-divide-gold-350 > * + * {
+  --dco: var(--dt-color-gold-350-a);
+  border-color: hsl(var(--dt-color-gold-350-h) var(--dt-color-gold-350-s) var(--dt-color-gold-350-l) / var(--dco)) !important;
+}
 .d-divide-gold-400 > * + * {
   --dco: var(--dt-color-gold-400-a);
   border-color: hsl(var(--dt-color-gold-400-h) var(--dt-color-gold-400-s) var(--dt-color-gold-400-l) / var(--dco)) !important;
 }
+.d-divide-gold-450 > * + * {
+  --dco: var(--dt-color-gold-450-a);
+  border-color: hsl(var(--dt-color-gold-450-h) var(--dt-color-gold-450-s) var(--dt-color-gold-450-l) / var(--dco)) !important;
+}
 .d-divide-gold-500 > * + * {
   --dco: var(--dt-color-gold-500-a);
   border-color: hsl(var(--dt-color-gold-500-h) var(--dt-color-gold-500-s) var(--dt-color-gold-500-l) / var(--dco)) !important;
 }
+.d-divide-gold-600 > * + * {
+  --dco: var(--dt-color-gold-600-a);
+  border-color: hsl(var(--dt-color-gold-600-h) var(--dt-color-gold-600-s) var(--dt-color-gold-600-l) / var(--dco)) !important;
+}
+.d-divide-gold-700 > * + * {
+  --dco: var(--dt-color-gold-700-a);
+  border-color: hsl(var(--dt-color-gold-700-h) var(--dt-color-gold-700-s) var(--dt-color-gold-700-l) / var(--dco)) !important;
+}
+.d-divide-gold-900 > * + * {
+  --dco: var(--dt-color-gold-900-a);
+  border-color: hsl(var(--dt-color-gold-900-h) var(--dt-color-gold-900-s) var(--dt-color-gold-900-l) / var(--dco)) !important;
+}
+.d-divide-gold-1000 > * + * {
+  --dco: var(--dt-color-gold-1000-a);
+  border-color: hsl(var(--dt-color-gold-1000-h) var(--dt-color-gold-1000-s) var(--dt-color-gold-1000-l) / var(--dco)) !important;
+}
+.d-divide-green-50 > * + * {
+  --dco: var(--dt-color-green-50-a);
+  border-color: hsl(var(--dt-color-green-50-h) var(--dt-color-green-50-s) var(--dt-color-green-50-l) / var(--dco)) !important;
+}
 .d-divide-green-100 > * + * {
   --dco: var(--dt-color-green-100-a);
   border-color: hsl(var(--dt-color-green-100-h) var(--dt-color-green-100-s) var(--dt-color-green-100-l) / var(--dco)) !important;
@@ -10543,14 +11510,42 @@ body {
   --dco: var(--dt-color-green-300-a);
   border-color: hsl(var(--dt-color-green-300-h) var(--dt-color-green-300-s) var(--dt-color-green-300-l) / var(--dco)) !important;
 }
+.d-divide-green-350 > * + * {
+  --dco: var(--dt-color-green-350-a);
+  border-color: hsl(var(--dt-color-green-350-h) var(--dt-color-green-350-s) var(--dt-color-green-350-l) / var(--dco)) !important;
+}
 .d-divide-green-400 > * + * {
   --dco: var(--dt-color-green-400-a);
   border-color: hsl(var(--dt-color-green-400-h) var(--dt-color-green-400-s) var(--dt-color-green-400-l) / var(--dco)) !important;
 }
+.d-divide-green-425 > * + * {
+  --dco: var(--dt-color-green-425-a);
+  border-color: hsl(var(--dt-color-green-425-h) var(--dt-color-green-425-s) var(--dt-color-green-425-l) / var(--dco)) !important;
+}
+.d-divide-green-475 > * + * {
+  --dco: var(--dt-color-green-475-a);
+  border-color: hsl(var(--dt-color-green-475-h) var(--dt-color-green-475-s) var(--dt-color-green-475-l) / var(--dco)) !important;
+}
 .d-divide-green-500 > * + * {
   --dco: var(--dt-color-green-500-a);
   border-color: hsl(var(--dt-color-green-500-h) var(--dt-color-green-500-s) var(--dt-color-green-500-l) / var(--dco)) !important;
 }
+.d-divide-green-600 > * + * {
+  --dco: var(--dt-color-green-600-a);
+  border-color: hsl(var(--dt-color-green-600-h) var(--dt-color-green-600-s) var(--dt-color-green-600-l) / var(--dco)) !important;
+}
+.d-divide-green-900 > * + * {
+  --dco: var(--dt-color-green-900-a);
+  border-color: hsl(var(--dt-color-green-900-h) var(--dt-color-green-900-s) var(--dt-color-green-900-l) / var(--dco)) !important;
+}
+.d-divide-green-1000 > * + * {
+  --dco: var(--dt-color-green-1000-a);
+  border-color: hsl(var(--dt-color-green-1000-h) var(--dt-color-green-1000-s) var(--dt-color-green-1000-l) / var(--dco)) !important;
+}
+.d-divide-red-50 > * + * {
+  --dco: var(--dt-color-red-50-a);
+  border-color: hsl(var(--dt-color-red-50-h) var(--dt-color-red-50-s) var(--dt-color-red-50-l) / var(--dco)) !important;
+}
 .d-divide-red-100 > * + * {
   --dco: var(--dt-color-red-100-a);
   border-color: hsl(var(--dt-color-red-100-h) var(--dt-color-red-100-s) var(--dt-color-red-100-l) / var(--dco)) !important;
@@ -10563,14 +11558,42 @@ body {
   --dco: var(--dt-color-red-300-a);
   border-color: hsl(var(--dt-color-red-300-h) var(--dt-color-red-300-s) var(--dt-color-red-300-l) / var(--dco)) !important;
 }
+.d-divide-red-350 > * + * {
+  --dco: var(--dt-color-red-350-a);
+  border-color: hsl(var(--dt-color-red-350-h) var(--dt-color-red-350-s) var(--dt-color-red-350-l) / var(--dco)) !important;
+}
 .d-divide-red-400 > * + * {
   --dco: var(--dt-color-red-400-a);
   border-color: hsl(var(--dt-color-red-400-h) var(--dt-color-red-400-s) var(--dt-color-red-400-l) / var(--dco)) !important;
 }
+.d-divide-red-450 > * + * {
+  --dco: var(--dt-color-red-450-a);
+  border-color: hsl(var(--dt-color-red-450-h) var(--dt-color-red-450-s) var(--dt-color-red-450-l) / var(--dco)) !important;
+}
 .d-divide-red-500 > * + * {
   --dco: var(--dt-color-red-500-a);
   border-color: hsl(var(--dt-color-red-500-h) var(--dt-color-red-500-s) var(--dt-color-red-500-l) / var(--dco)) !important;
 }
+.d-divide-red-600 > * + * {
+  --dco: var(--dt-color-red-600-a);
+  border-color: hsl(var(--dt-color-red-600-h) var(--dt-color-red-600-s) var(--dt-color-red-600-l) / var(--dco)) !important;
+}
+.d-divide-red-700 > * + * {
+  --dco: var(--dt-color-red-700-a);
+  border-color: hsl(var(--dt-color-red-700-h) var(--dt-color-red-700-s) var(--dt-color-red-700-l) / var(--dco)) !important;
+}
+.d-divide-red-900 > * + * {
+  --dco: var(--dt-color-red-900-a);
+  border-color: hsl(var(--dt-color-red-900-h) var(--dt-color-red-900-s) var(--dt-color-red-900-l) / var(--dco)) !important;
+}
+.d-divide-red-1000 > * + * {
+  --dco: var(--dt-color-red-1000-a);
+  border-color: hsl(var(--dt-color-red-1000-h) var(--dt-color-red-1000-s) var(--dt-color-red-1000-l) / var(--dco)) !important;
+}
+.d-divide-tan-50 > * + * {
+  --dco: var(--dt-color-tan-50-a);
+  border-color: hsl(var(--dt-color-tan-50-h) var(--dt-color-tan-50-s) var(--dt-color-tan-50-l) / var(--dco)) !important;
+}
 .d-divide-tan-100 > * + * {
   --dco: var(--dt-color-tan-100-a);
   border-color: hsl(var(--dt-color-tan-100-h) var(--dt-color-tan-100-s) var(--dt-color-tan-100-l) / var(--dco)) !important;
@@ -10591,6 +11614,166 @@ body {
   --dco: var(--dt-color-tan-500-a);
   border-color: hsl(var(--dt-color-tan-500-h) var(--dt-color-tan-500-s) var(--dt-color-tan-500-l) / var(--dco)) !important;
 }
+.d-divide-tan-600 > * + * {
+  --dco: var(--dt-color-tan-600-a);
+  border-color: hsl(var(--dt-color-tan-600-h) var(--dt-color-tan-600-s) var(--dt-color-tan-600-l) / var(--dco)) !important;
+}
+.d-divide-tan-700 > * + * {
+  --dco: var(--dt-color-tan-700-a);
+  border-color: hsl(var(--dt-color-tan-700-h) var(--dt-color-tan-700-s) var(--dt-color-tan-700-l) / var(--dco)) !important;
+}
+.d-divide-tan-800 > * + * {
+  --dco: var(--dt-color-tan-800-a);
+  border-color: hsl(var(--dt-color-tan-800-h) var(--dt-color-tan-800-s) var(--dt-color-tan-800-l) / var(--dco)) !important;
+}
+.d-divide-tan-900 > * + * {
+  --dco: var(--dt-color-tan-900-a);
+  border-color: hsl(var(--dt-color-tan-900-h) var(--dt-color-tan-900-s) var(--dt-color-tan-900-l) / var(--dco)) !important;
+}
+.d-divide-tan-950 > * + * {
+  --dco: var(--dt-color-tan-950-a);
+  border-color: hsl(var(--dt-color-tan-950-h) var(--dt-color-tan-950-s) var(--dt-color-tan-950-l) / var(--dco)) !important;
+}
+.d-divide-tan-1000 > * + * {
+  --dco: var(--dt-color-tan-1000-a);
+  border-color: hsl(var(--dt-color-tan-1000-h) var(--dt-color-tan-1000-s) var(--dt-color-tan-1000-l) / var(--dco)) !important;
+}
+.d-divide-subtle > * + * {
+  --dco: var(--dt-color-border-subtle-a);
+  border-color: hsl(var(--dt-color-border-subtle-h) var(--dt-color-border-subtle-s) var(--dt-color-border-subtle-l) / var(--dco)) !important;
+}
+.d-divide-default > * + * {
+  --dco: var(--dt-color-border-default-a);
+  border-color: hsl(var(--dt-color-border-default-h) var(--dt-color-border-default-s) var(--dt-color-border-default-l) / var(--dco)) !important;
+}
+.d-divide-moderate > * + * {
+  --dco: var(--dt-color-border-moderate-a);
+  border-color: hsl(var(--dt-color-border-moderate-h) var(--dt-color-border-moderate-s) var(--dt-color-border-moderate-l) / var(--dco)) !important;
+}
+.d-divide-bold > * + * {
+  --dco: var(--dt-color-border-bold-a);
+  border-color: hsl(var(--dt-color-border-bold-h) var(--dt-color-border-bold-s) var(--dt-color-border-bold-l) / var(--dco)) !important;
+}
+.d-divide-critical > * + * {
+  --dco: var(--dt-color-border-critical-a);
+  border-color: hsl(var(--dt-color-border-critical-h) var(--dt-color-border-critical-s) var(--dt-color-border-critical-l) / var(--dco)) !important;
+}
+.d-divide-success > * + * {
+  --dco: var(--dt-color-border-success-a);
+  border-color: hsl(var(--dt-color-border-success-h) var(--dt-color-border-success-s) var(--dt-color-border-success-l) / var(--dco)) !important;
+}
+.d-divide-warning > * + * {
+  --dco: var(--dt-color-border-warning-a);
+  border-color: hsl(var(--dt-color-border-warning-h) var(--dt-color-border-warning-s) var(--dt-color-border-warning-l) / var(--dco)) !important;
+}
+.d-divide-brand > * + * {
+  --dco: var(--dt-color-border-brand-a);
+  border-color: hsl(var(--dt-color-border-brand-h) var(--dt-color-border-brand-s) var(--dt-color-border-brand-l) / var(--dco)) !important;
+}
+.d-divide-critical-subtle > * + * {
+  --dco: var(--dt-color-border-critical-subtle-a);
+  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;
+}
+.d-divide-success-subtle > * + * {
+  --dco: var(--dt-color-border-success-subtle-a);
+  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;
+}
+.d-divide-warning-subtle > * + * {
+  --dco: var(--dt-color-border-warning-subtle-a);
+  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;
+}
+.d-divide-brand-subtle > * + * {
+  --dco: var(--dt-color-border-brand-subtle-a);
+  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;
+}
+.d-divide-critical-strong > * + * {
+  --dco: var(--dt-color-border-critical-strong-a);
+  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;
+}
+.d-divide-success-strong > * + * {
+  --dco: var(--dt-color-border-success-strong-a);
+  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;
+}
+.d-divide-warning-strong > * + * {
+  --dco: var(--dt-color-border-warning-strong-a);
+  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;
+}
+.d-divide-brand-strong > * + * {
+  --dco: var(--dt-color-border-brand-strong-a);
+  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;
+}
+.d-divide-subtle-inverted > * + * {
+  --dco: var(--dt-color-border-subtle-inverted-a);
+  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;
+}
+.d-divide-default-inverted > * + * {
+  --dco: var(--dt-color-border-default-inverted-a);
+  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;
+}
+.d-divide-moderate-inverted > * + * {
+  --dco: var(--dt-color-border-moderate-inverted-a);
+  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;
+}
+.d-divide-bold-inverted > * + * {
+  --dco: var(--dt-color-border-bold-inverted-a);
+  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;
+}
+.d-divide-critical-inverted > * + * {
+  --dco: var(--dt-color-border-critical-inverted-a);
+  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;
+}
+.d-divide-success-inverted > * + * {
+  --dco: var(--dt-color-border-success-inverted-a);
+  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;
+}
+.d-divide-warning-inverted > * + * {
+  --dco: var(--dt-color-border-warning-inverted-a);
+  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;
+}
+.d-divide-brand-inverted > * + * {
+  --dco: var(--dt-color-border-brand-inverted-a);
+  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;
+}
+.d-divide-critical-subtle-inverted > * + * {
+  --dco: var(--dt-color-border-critical-subtle-inverted-a);
+  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;
+}
+.d-divide-success-subtle-inverted > * + * {
+  --dco: var(--dt-color-border-success-subtle-inverted-a);
+  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;
+}
+.d-divide-warning-subtle-inverted > * + * {
+  --dco: var(--dt-color-border-warning-subtle-inverted-a);
+  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;
+}
+.d-divide-brand-subtle-inverted > * + * {
+  --dco: var(--dt-color-border-brand-subtle-inverted-a);
+  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;
+}
+.d-divide-critical-strong-inverted > * + * {
+  --dco: var(--dt-color-border-critical-strong-inverted-a);
+  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;
+}
+.d-divide-success-strong-inverted > * + * {
+  --dco: var(--dt-color-border-success-strong-inverted-a);
+  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;
+}
+.d-divide-warning-strong-inverted > * + * {
+  --dco: var(--dt-color-border-warning-strong-inverted-a);
+  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;
+}
+.d-divide-brand-strong-inverted > * + * {
+  --dco: var(--dt-color-border-brand-strong-inverted-a);
+  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;
+}
+.d-divide-focus > * + * {
+  --dco: var(--dt-color-border-focus-a);
+  border-color: hsl(var(--dt-color-border-focus-h) var(--dt-color-border-focus-s) var(--dt-color-border-focus-l) / var(--dco)) !important;
+}
+.d-divide-accent > * + * {
+  --dco: var(--dt-color-border-accent-a);
+  border-color: hsl(var(--dt-color-border-accent-h) var(--dt-color-border-accent-s) var(--dt-color-border-accent-l) / var(--dco)) !important;
+}
 .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 {
   --bgg-from-opacity: var(--dt-color-neutral-white-a);
   --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;
@@ -10601,6 +11784,16 @@ body {
   --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;
   --bgg-to: hsl(var(--dt-color-neutral-black-h) var(--dt-color-neutral-black-s) var(--dt-color-neutral-black-l) / 0%) !important;
 }
+.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 {
+  --bgg-from-opacity: var(--dt-color-neutral-transparent-a);
+  --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;
+  --bgg-to: hsl(var(--dt-color-neutral-transparent-h) var(--dt-color-neutral-transparent-s) var(--dt-color-neutral-transparent-l) / 0%) !important;
+}
+.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 {
+  --bgg-from-opacity: var(--dt-color-black-50-a);
+  --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;
+  --bgg-to: hsl(var(--dt-color-black-50-h) var(--dt-color-black-50-s) var(--dt-color-black-50-l) / 0%) !important;
+}
 .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 {
   --bgg-from-opacity: var(--dt-color-black-100-a);
   --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;
@@ -10646,6 +11839,21 @@ body {
   --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;
   --bgg-to: hsl(var(--dt-color-black-900-h) var(--dt-color-black-900-s) var(--dt-color-black-900-l) / 0%) !important;
 }
+.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 {
+  --bgg-from-opacity: var(--dt-color-black-950-a);
+  --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;
+  --bgg-to: hsl(var(--dt-color-black-950-h) var(--dt-color-black-950-s) var(--dt-color-black-950-l) / 0%) !important;
+}
+.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 {
+  --bgg-from-opacity: var(--dt-color-black-1000-a);
+  --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;
+  --bgg-to: hsl(var(--dt-color-black-1000-h) var(--dt-color-black-1000-s) var(--dt-color-black-1000-l) / 0%) !important;
+}
+.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 {
+  --bgg-from-opacity: var(--dt-color-purple-50-a);
+  --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;
+  --bgg-to: hsl(var(--dt-color-purple-50-h) var(--dt-color-purple-50-s) var(--dt-color-purple-50-l) / 0%) !important;
+}
 .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 {
   --bgg-from-opacity: var(--dt-color-purple-100-a);
   --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;
@@ -10656,26 +11864,56 @@ body {
   --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;
   --bgg-to: hsl(var(--dt-color-purple-200-h) var(--dt-color-purple-200-s) var(--dt-color-purple-200-l) / 0%) !important;
 }
+.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 {
+  --bgg-from-opacity: var(--dt-color-purple-250-a);
+  --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;
+  --bgg-to: hsl(var(--dt-color-purple-250-h) var(--dt-color-purple-250-s) var(--dt-color-purple-250-l) / 0%) !important;
+}
 .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 {
   --bgg-from-opacity: var(--dt-color-purple-300-a);
   --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;
   --bgg-to: hsl(var(--dt-color-purple-300-h) var(--dt-color-purple-300-s) var(--dt-color-purple-300-l) / 0%) !important;
 }
+.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 {
+  --bgg-from-opacity: var(--dt-color-purple-350-a);
+  --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;
+  --bgg-to: hsl(var(--dt-color-purple-350-h) var(--dt-color-purple-350-s) var(--dt-color-purple-350-l) / 0%) !important;
+}
 .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 {
   --bgg-from-opacity: var(--dt-color-purple-400-a);
   --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;
   --bgg-to: hsl(var(--dt-color-purple-400-h) var(--dt-color-purple-400-s) var(--dt-color-purple-400-l) / 0%) !important;
 }
+.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 {
+  --bgg-from-opacity: var(--dt-color-purple-450-a);
+  --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;
+  --bgg-to: hsl(var(--dt-color-purple-450-h) var(--dt-color-purple-450-s) var(--dt-color-purple-450-l) / 0%) !important;
+}
 .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 {
   --bgg-from-opacity: var(--dt-color-purple-500-a);
   --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;
   --bgg-to: hsl(var(--dt-color-purple-500-h) var(--dt-color-purple-500-s) var(--dt-color-purple-500-l) / 0%) !important;
 }
+.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 {
+  --bgg-from-opacity: var(--dt-color-purple-550-a);
+  --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;
+  --bgg-to: hsl(var(--dt-color-purple-550-h) var(--dt-color-purple-550-s) var(--dt-color-purple-550-l) / 0%) !important;
+}
 .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 {
   --bgg-from-opacity: var(--dt-color-purple-600-a);
   --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;
   --bgg-to: hsl(var(--dt-color-purple-600-h) var(--dt-color-purple-600-s) var(--dt-color-purple-600-l) / 0%) !important;
 }
+.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 {
+  --bgg-from-opacity: var(--dt-color-purple-1000-a);
+  --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;
+  --bgg-to: hsl(var(--dt-color-purple-1000-h) var(--dt-color-purple-1000-s) var(--dt-color-purple-1000-l) / 0%) !important;
+}
+.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 {
+  --bgg-from-opacity: var(--dt-color-blue-50-a);
+  --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;
+  --bgg-to: hsl(var(--dt-color-blue-50-h) var(--dt-color-blue-50-s) var(--dt-color-blue-50-l) / 0%) !important;
+}
 .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 {
   --bgg-from-opacity: var(--dt-color-blue-100-a);
   --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;
@@ -10696,11 +11934,46 @@ body {
   --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;
   --bgg-to: hsl(var(--dt-color-blue-400-h) var(--dt-color-blue-400-s) var(--dt-color-blue-400-l) / 0%) !important;
 }
+.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 {
+  --bgg-from-opacity: var(--dt-color-blue-425-a);
+  --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;
+  --bgg-to: hsl(var(--dt-color-blue-425-h) var(--dt-color-blue-425-s) var(--dt-color-blue-425-l) / 0%) !important;
+}
+.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 {
+  --bgg-from-opacity: var(--dt-color-blue-450-a);
+  --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;
+  --bgg-to: hsl(var(--dt-color-blue-450-h) var(--dt-color-blue-450-s) var(--dt-color-blue-450-l) / 0%) !important;
+}
+.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 {
+  --bgg-from-opacity: var(--dt-color-blue-475-a);
+  --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;
+  --bgg-to: hsl(var(--dt-color-blue-475-h) var(--dt-color-blue-475-s) var(--dt-color-blue-475-l) / 0%) !important;
+}
 .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 {
   --bgg-from-opacity: var(--dt-color-blue-500-a);
   --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;
   --bgg-to: hsl(var(--dt-color-blue-500-h) var(--dt-color-blue-500-s) var(--dt-color-blue-500-l) / 0%) !important;
 }
+.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 {
+  --bgg-from-opacity: var(--dt-color-blue-600-a);
+  --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;
+  --bgg-to: hsl(var(--dt-color-blue-600-h) var(--dt-color-blue-600-s) var(--dt-color-blue-600-l) / 0%) !important;
+}
+.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 {
+  --bgg-from-opacity: var(--dt-color-blue-900-a);
+  --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;
+  --bgg-to: hsl(var(--dt-color-blue-900-h) var(--dt-color-blue-900-s) var(--dt-color-blue-900-l) / 0%) !important;
+}
+.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 {
+  --bgg-from-opacity: var(--dt-color-blue-1000-a);
+  --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;
+  --bgg-to: hsl(var(--dt-color-blue-1000-h) var(--dt-color-blue-1000-s) var(--dt-color-blue-1000-l) / 0%) !important;
+}
+.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 {
+  --bgg-from-opacity: var(--dt-color-magenta-50-a);
+  --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;
+  --bgg-to: hsl(var(--dt-color-magenta-50-h) var(--dt-color-magenta-50-s) var(--dt-color-magenta-50-l) / 0%) !important;
+}
 .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 {
   --bgg-from-opacity: var(--dt-color-magenta-100-a);
   --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;
@@ -10711,6 +11984,11 @@ body {
   --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;
   --bgg-to: hsl(var(--dt-color-magenta-200-h) var(--dt-color-magenta-200-s) var(--dt-color-magenta-200-l) / 0%) !important;
 }
+.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 {
+  --bgg-from-opacity: var(--dt-color-magenta-250-a);
+  --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;
+  --bgg-to: hsl(var(--dt-color-magenta-250-h) var(--dt-color-magenta-250-s) var(--dt-color-magenta-250-l) / 0%) !important;
+}
 .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 {
   --bgg-from-opacity: var(--dt-color-magenta-300-a);
   --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;
@@ -10721,11 +11999,41 @@ body {
   --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;
   --bgg-to: hsl(var(--dt-color-magenta-400-h) var(--dt-color-magenta-400-s) var(--dt-color-magenta-400-l) / 0%) !important;
 }
+.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 {
+  --bgg-from-opacity: var(--dt-color-magenta-425-a);
+  --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;
+  --bgg-to: hsl(var(--dt-color-magenta-425-h) var(--dt-color-magenta-425-s) var(--dt-color-magenta-425-l) / 0%) !important;
+}
+.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 {
+  --bgg-from-opacity: var(--dt-color-magenta-475-a);
+  --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;
+  --bgg-to: hsl(var(--dt-color-magenta-475-h) var(--dt-color-magenta-475-s) var(--dt-color-magenta-475-l) / 0%) !important;
+}
 .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 {
   --bgg-from-opacity: var(--dt-color-magenta-500-a);
   --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;
   --bgg-to: hsl(var(--dt-color-magenta-500-h) var(--dt-color-magenta-500-s) var(--dt-color-magenta-500-l) / 0%) !important;
 }
+.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 {
+  --bgg-from-opacity: var(--dt-color-magenta-600-a);
+  --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;
+  --bgg-to: hsl(var(--dt-color-magenta-600-h) var(--dt-color-magenta-600-s) var(--dt-color-magenta-600-l) / 0%) !important;
+}
+.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 {
+  --bgg-from-opacity: var(--dt-color-magenta-900-a);
+  --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;
+  --bgg-to: hsl(var(--dt-color-magenta-900-h) var(--dt-color-magenta-900-s) var(--dt-color-magenta-900-l) / 0%) !important;
+}
+.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 {
+  --bgg-from-opacity: var(--dt-color-magenta-1000-a);
+  --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;
+  --bgg-to: hsl(var(--dt-color-magenta-1000-h) var(--dt-color-magenta-1000-s) var(--dt-color-magenta-1000-l) / 0%) !important;
+}
+.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 {
+  --bgg-from-opacity: var(--dt-color-gold-50-a);
+  --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;
+  --bgg-to: hsl(var(--dt-color-gold-50-h) var(--dt-color-gold-50-s) var(--dt-color-gold-50-l) / 0%) !important;
+}
 .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 {
   --bgg-from-opacity: var(--dt-color-gold-100-a);
   --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;
@@ -10741,16 +12049,51 @@ body {
   --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;
   --bgg-to: hsl(var(--dt-color-gold-300-h) var(--dt-color-gold-300-s) var(--dt-color-gold-300-l) / 0%) !important;
 }
+.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 {
+  --bgg-from-opacity: var(--dt-color-gold-350-a);
+  --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;
+  --bgg-to: hsl(var(--dt-color-gold-350-h) var(--dt-color-gold-350-s) var(--dt-color-gold-350-l) / 0%) !important;
+}
 .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 {
   --bgg-from-opacity: var(--dt-color-gold-400-a);
   --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;
   --bgg-to: hsl(var(--dt-color-gold-400-h) var(--dt-color-gold-400-s) var(--dt-color-gold-400-l) / 0%) !important;
 }
+.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 {
+  --bgg-from-opacity: var(--dt-color-gold-450-a);
+  --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;
+  --bgg-to: hsl(var(--dt-color-gold-450-h) var(--dt-color-gold-450-s) var(--dt-color-gold-450-l) / 0%) !important;
+}
 .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 {
   --bgg-from-opacity: var(--dt-color-gold-500-a);
   --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;
   --bgg-to: hsl(var(--dt-color-gold-500-h) var(--dt-color-gold-500-s) var(--dt-color-gold-500-l) / 0%) !important;
 }
+.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 {
+  --bgg-from-opacity: var(--dt-color-gold-600-a);
+  --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;
+  --bgg-to: hsl(var(--dt-color-gold-600-h) var(--dt-color-gold-600-s) var(--dt-color-gold-600-l) / 0%) !important;
+}
+.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 {
+  --bgg-from-opacity: var(--dt-color-gold-700-a);
+  --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;
+  --bgg-to: hsl(var(--dt-color-gold-700-h) var(--dt-color-gold-700-s) var(--dt-color-gold-700-l) / 0%) !important;
+}
+.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 {
+  --bgg-from-opacity: var(--dt-color-gold-900-a);
+  --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;
+  --bgg-to: hsl(var(--dt-color-gold-900-h) var(--dt-color-gold-900-s) var(--dt-color-gold-900-l) / 0%) !important;
+}
+.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 {
+  --bgg-from-opacity: var(--dt-color-gold-1000-a);
+  --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;
+  --bgg-to: hsl(var(--dt-color-gold-1000-h) var(--dt-color-gold-1000-s) var(--dt-color-gold-1000-l) / 0%) !important;
+}
+.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 {
+  --bgg-from-opacity: var(--dt-color-green-50-a);
+  --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;
+  --bgg-to: hsl(var(--dt-color-green-50-h) var(--dt-color-green-50-s) var(--dt-color-green-50-l) / 0%) !important;
+}
 .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 {
   --bgg-from-opacity: var(--dt-color-green-100-a);
   --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;
@@ -10766,16 +12109,51 @@ body {
   --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;
   --bgg-to: hsl(var(--dt-color-green-300-h) var(--dt-color-green-300-s) var(--dt-color-green-300-l) / 0%) !important;
 }
+.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 {
+  --bgg-from-opacity: var(--dt-color-green-350-a);
+  --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;
+  --bgg-to: hsl(var(--dt-color-green-350-h) var(--dt-color-green-350-s) var(--dt-color-green-350-l) / 0%) !important;
+}
 .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 {
   --bgg-from-opacity: var(--dt-color-green-400-a);
   --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;
   --bgg-to: hsl(var(--dt-color-green-400-h) var(--dt-color-green-400-s) var(--dt-color-green-400-l) / 0%) !important;
 }
+.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 {
+  --bgg-from-opacity: var(--dt-color-green-425-a);
+  --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;
+  --bgg-to: hsl(var(--dt-color-green-425-h) var(--dt-color-green-425-s) var(--dt-color-green-425-l) / 0%) !important;
+}
+.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 {
+  --bgg-from-opacity: var(--dt-color-green-475-a);
+  --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;
+  --bgg-to: hsl(var(--dt-color-green-475-h) var(--dt-color-green-475-s) var(--dt-color-green-475-l) / 0%) !important;
+}
 .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 {
   --bgg-from-opacity: var(--dt-color-green-500-a);
   --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;
   --bgg-to: hsl(var(--dt-color-green-500-h) var(--dt-color-green-500-s) var(--dt-color-green-500-l) / 0%) !important;
 }
+.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 {
+  --bgg-from-opacity: var(--dt-color-green-600-a);
+  --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;
+  --bgg-to: hsl(var(--dt-color-green-600-h) var(--dt-color-green-600-s) var(--dt-color-green-600-l) / 0%) !important;
+}
+.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 {
+  --bgg-from-opacity: var(--dt-color-green-900-a);
+  --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;
+  --bgg-to: hsl(var(--dt-color-green-900-h) var(--dt-color-green-900-s) var(--dt-color-green-900-l) / 0%) !important;
+}
+.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 {
+  --bgg-from-opacity: var(--dt-color-green-1000-a);
+  --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;
+  --bgg-to: hsl(var(--dt-color-green-1000-h) var(--dt-color-green-1000-s) var(--dt-color-green-1000-l) / 0%) !important;
+}
+.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 {
+  --bgg-from-opacity: var(--dt-color-red-50-a);
+  --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;
+  --bgg-to: hsl(var(--dt-color-red-50-h) var(--dt-color-red-50-s) var(--dt-color-red-50-l) / 0%) !important;
+}
 .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 {
   --bgg-from-opacity: var(--dt-color-red-100-a);
   --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;
@@ -10791,16 +12169,51 @@ body {
   --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;
   --bgg-to: hsl(var(--dt-color-red-300-h) var(--dt-color-red-300-s) var(--dt-color-red-300-l) / 0%) !important;
 }
+.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 {
+  --bgg-from-opacity: var(--dt-color-red-350-a);
+  --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;
+  --bgg-to: hsl(var(--dt-color-red-350-h) var(--dt-color-red-350-s) var(--dt-color-red-350-l) / 0%) !important;
+}
 .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 {
   --bgg-from-opacity: var(--dt-color-red-400-a);
   --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;
   --bgg-to: hsl(var(--dt-color-red-400-h) var(--dt-color-red-400-s) var(--dt-color-red-400-l) / 0%) !important;
 }
+.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 {
+  --bgg-from-opacity: var(--dt-color-red-450-a);
+  --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;
+  --bgg-to: hsl(var(--dt-color-red-450-h) var(--dt-color-red-450-s) var(--dt-color-red-450-l) / 0%) !important;
+}
 .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 {
   --bgg-from-opacity: var(--dt-color-red-500-a);
   --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;
   --bgg-to: hsl(var(--dt-color-red-500-h) var(--dt-color-red-500-s) var(--dt-color-red-500-l) / 0%) !important;
 }
+.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 {
+  --bgg-from-opacity: var(--dt-color-red-600-a);
+  --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;
+  --bgg-to: hsl(var(--dt-color-red-600-h) var(--dt-color-red-600-s) var(--dt-color-red-600-l) / 0%) !important;
+}
+.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 {
+  --bgg-from-opacity: var(--dt-color-red-700-a);
+  --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;
+  --bgg-to: hsl(var(--dt-color-red-700-h) var(--dt-color-red-700-s) var(--dt-color-red-700-l) / 0%) !important;
+}
+.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 {
+  --bgg-from-opacity: var(--dt-color-red-900-a);
+  --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;
+  --bgg-to: hsl(var(--dt-color-red-900-h) var(--dt-color-red-900-s) var(--dt-color-red-900-l) / 0%) !important;
+}
+.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 {
+  --bgg-from-opacity: var(--dt-color-red-1000-a);
+  --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;
+  --bgg-to: hsl(var(--dt-color-red-1000-h) var(--dt-color-red-1000-s) var(--dt-color-red-1000-l) / 0%) !important;
+}
+.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 {
+  --bgg-from-opacity: var(--dt-color-tan-50-a);
+  --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;
+  --bgg-to: hsl(var(--dt-color-tan-50-h) var(--dt-color-tan-50-s) var(--dt-color-tan-50-l) / 0%) !important;
+}
 .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 {
   --bgg-from-opacity: var(--dt-color-tan-100-a);
   --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;
@@ -10826,6 +12239,36 @@ body {
   --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;
   --bgg-to: hsl(var(--dt-color-tan-500-h) var(--dt-color-tan-500-s) var(--dt-color-tan-500-l) / 0%) !important;
 }
+.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 {
+  --bgg-from-opacity: var(--dt-color-tan-600-a);
+  --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;
+  --bgg-to: hsl(var(--dt-color-tan-600-h) var(--dt-color-tan-600-s) var(--dt-color-tan-600-l) / 0%) !important;
+}
+.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 {
+  --bgg-from-opacity: var(--dt-color-tan-700-a);
+  --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;
+  --bgg-to: hsl(var(--dt-color-tan-700-h) var(--dt-color-tan-700-s) var(--dt-color-tan-700-l) / 0%) !important;
+}
+.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 {
+  --bgg-from-opacity: var(--dt-color-tan-800-a);
+  --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;
+  --bgg-to: hsl(var(--dt-color-tan-800-h) var(--dt-color-tan-800-s) var(--dt-color-tan-800-l) / 0%) !important;
+}
+.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 {
+  --bgg-from-opacity: var(--dt-color-tan-900-a);
+  --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;
+  --bgg-to: hsl(var(--dt-color-tan-900-h) var(--dt-color-tan-900-s) var(--dt-color-tan-900-l) / 0%) !important;
+}
+.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 {
+  --bgg-from-opacity: var(--dt-color-tan-950-a);
+  --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;
+  --bgg-to: hsl(var(--dt-color-tan-950-h) var(--dt-color-tan-950-s) var(--dt-color-tan-950-l) / 0%) !important;
+}
+.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 {
+  --bgg-from-opacity: var(--dt-color-tan-1000-a);
+  --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;
+  --bgg-to: hsl(var(--dt-color-tan-1000-h) var(--dt-color-tan-1000-s) var(--dt-color-tan-1000-l) / 0%) !important;
+}
 .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 {
   --bgg-to-opacity: var(--dt-color-neutral-white-a);
   --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;
@@ -10834,6 +12277,14 @@ body {
   --bgg-to-opacity: var(--dt-color-neutral-black-a);
   --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;
 }
+.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 {
+  --bgg-to-opacity: var(--dt-color-neutral-transparent-a);
+  --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;
+}
+.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 {
+  --bgg-to-opacity: var(--dt-color-black-50-a);
+  --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;
+}
 .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 {
   --bgg-to-opacity: var(--dt-color-black-100-a);
   --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;
@@ -10870,6 +12321,18 @@ body {
   --bgg-to-opacity: var(--dt-color-black-900-a);
   --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;
 }
+.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 {
+  --bgg-to-opacity: var(--dt-color-black-950-a);
+  --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;
+}
+.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 {
+  --bgg-to-opacity: var(--dt-color-black-1000-a);
+  --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;
+}
+.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 {
+  --bgg-to-opacity: var(--dt-color-purple-50-a);
+  --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;
+}
 .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 {
   --bgg-to-opacity: var(--dt-color-purple-100-a);
   --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;
@@ -10878,22 +12341,46 @@ body {
   --bgg-to-opacity: var(--dt-color-purple-200-a);
   --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;
 }
+.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 {
+  --bgg-to-opacity: var(--dt-color-purple-250-a);
+  --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;
+}
 .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 {
   --bgg-to-opacity: var(--dt-color-purple-300-a);
   --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;
 }
+.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 {
+  --bgg-to-opacity: var(--dt-color-purple-350-a);
+  --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;
+}
 .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 {
   --bgg-to-opacity: var(--dt-color-purple-400-a);
   --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;
 }
+.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 {
+  --bgg-to-opacity: var(--dt-color-purple-450-a);
+  --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;
+}
 .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 {
   --bgg-to-opacity: var(--dt-color-purple-500-a);
   --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;
 }
+.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 {
+  --bgg-to-opacity: var(--dt-color-purple-550-a);
+  --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;
+}
 .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 {
   --bgg-to-opacity: var(--dt-color-purple-600-a);
   --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;
 }
+.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 {
+  --bgg-to-opacity: var(--dt-color-purple-1000-a);
+  --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;
+}
+.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 {
+  --bgg-to-opacity: var(--dt-color-blue-50-a);
+  --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;
+}
 .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 {
   --bgg-to-opacity: var(--dt-color-blue-100-a);
   --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;
@@ -10910,10 +12397,38 @@ body {
   --bgg-to-opacity: var(--dt-color-blue-400-a);
   --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;
 }
+.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 {
+  --bgg-to-opacity: var(--dt-color-blue-425-a);
+  --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;
+}
+.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 {
+  --bgg-to-opacity: var(--dt-color-blue-450-a);
+  --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;
+}
+.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 {
+  --bgg-to-opacity: var(--dt-color-blue-475-a);
+  --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;
+}
 .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 {
   --bgg-to-opacity: var(--dt-color-blue-500-a);
   --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;
 }
+.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 {
+  --bgg-to-opacity: var(--dt-color-blue-600-a);
+  --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;
+}
+.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 {
+  --bgg-to-opacity: var(--dt-color-blue-900-a);
+  --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;
+}
+.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 {
+  --bgg-to-opacity: var(--dt-color-blue-1000-a);
+  --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;
+}
+.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 {
+  --bgg-to-opacity: var(--dt-color-magenta-50-a);
+  --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;
+}
 .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 {
   --bgg-to-opacity: var(--dt-color-magenta-100-a);
   --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;
@@ -10922,6 +12437,10 @@ body {
   --bgg-to-opacity: var(--dt-color-magenta-200-a);
   --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;
 }
+.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 {
+  --bgg-to-opacity: var(--dt-color-magenta-250-a);
+  --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;
+}
 .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 {
   --bgg-to-opacity: var(--dt-color-magenta-300-a);
   --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;
@@ -10930,10 +12449,34 @@ body {
   --bgg-to-opacity: var(--dt-color-magenta-400-a);
   --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;
 }
+.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 {
+  --bgg-to-opacity: var(--dt-color-magenta-425-a);
+  --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;
+}
+.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 {
+  --bgg-to-opacity: var(--dt-color-magenta-475-a);
+  --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;
+}
 .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 {
   --bgg-to-opacity: var(--dt-color-magenta-500-a);
   --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;
 }
+.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 {
+  --bgg-to-opacity: var(--dt-color-magenta-600-a);
+  --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;
+}
+.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 {
+  --bgg-to-opacity: var(--dt-color-magenta-900-a);
+  --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;
+}
+.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 {
+  --bgg-to-opacity: var(--dt-color-magenta-1000-a);
+  --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;
+}
+.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 {
+  --bgg-to-opacity: var(--dt-color-gold-50-a);
+  --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;
+}
 .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 {
   --bgg-to-opacity: var(--dt-color-gold-100-a);
   --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;
@@ -10946,14 +12489,42 @@ body {
   --bgg-to-opacity: var(--dt-color-gold-300-a);
   --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;
 }
+.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 {
+  --bgg-to-opacity: var(--dt-color-gold-350-a);
+  --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;
+}
 .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 {
   --bgg-to-opacity: var(--dt-color-gold-400-a);
   --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;
 }
+.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 {
+  --bgg-to-opacity: var(--dt-color-gold-450-a);
+  --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;
+}
 .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 {
   --bgg-to-opacity: var(--dt-color-gold-500-a);
   --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;
 }
+.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 {
+  --bgg-to-opacity: var(--dt-color-gold-600-a);
+  --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;
+}
+.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 {
+  --bgg-to-opacity: var(--dt-color-gold-700-a);
+  --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;
+}
+.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 {
+  --bgg-to-opacity: var(--dt-color-gold-900-a);
+  --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;
+}
+.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 {
+  --bgg-to-opacity: var(--dt-color-gold-1000-a);
+  --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;
+}
+.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 {
+  --bgg-to-opacity: var(--dt-color-green-50-a);
+  --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;
+}
 .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 {
   --bgg-to-opacity: var(--dt-color-green-100-a);
   --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;
@@ -10966,14 +12537,42 @@ body {
   --bgg-to-opacity: var(--dt-color-green-300-a);
   --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;
 }
+.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 {
+  --bgg-to-opacity: var(--dt-color-green-350-a);
+  --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;
+}
 .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 {
   --bgg-to-opacity: var(--dt-color-green-400-a);
   --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;
 }
+.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 {
+  --bgg-to-opacity: var(--dt-color-green-425-a);
+  --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;
+}
+.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 {
+  --bgg-to-opacity: var(--dt-color-green-475-a);
+  --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;
+}
 .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 {
   --bgg-to-opacity: var(--dt-color-green-500-a);
   --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;
 }
+.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 {
+  --bgg-to-opacity: var(--dt-color-green-600-a);
+  --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;
+}
+.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 {
+  --bgg-to-opacity: var(--dt-color-green-900-a);
+  --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;
+}
+.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 {
+  --bgg-to-opacity: var(--dt-color-green-1000-a);
+  --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;
+}
+.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 {
+  --bgg-to-opacity: var(--dt-color-red-50-a);
+  --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;
+}
 .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 {
   --bgg-to-opacity: var(--dt-color-red-100-a);
   --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;
@@ -10986,14 +12585,42 @@ body {
   --bgg-to-opacity: var(--dt-color-red-300-a);
   --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;
 }
+.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 {
+  --bgg-to-opacity: var(--dt-color-red-350-a);
+  --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;
+}
 .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 {
   --bgg-to-opacity: var(--dt-color-red-400-a);
   --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;
 }
+.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 {
+  --bgg-to-opacity: var(--dt-color-red-450-a);
+  --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;
+}
 .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 {
   --bgg-to-opacity: var(--dt-color-red-500-a);
   --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;
 }
+.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 {
+  --bgg-to-opacity: var(--dt-color-red-600-a);
+  --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;
+}
+.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 {
+  --bgg-to-opacity: var(--dt-color-red-700-a);
+  --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;
+}
+.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 {
+  --bgg-to-opacity: var(--dt-color-red-900-a);
+  --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;
+}
+.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 {
+  --bgg-to-opacity: var(--dt-color-red-1000-a);
+  --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;
+}
+.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 {
+  --bgg-to-opacity: var(--dt-color-tan-50-a);
+  --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;
+}
 .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 {
   --bgg-to-opacity: var(--dt-color-tan-100-a);
   --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;
@@ -11014,6 +12641,30 @@ body {
   --bgg-to-opacity: var(--dt-color-tan-500-a);
   --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;
 }
+.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 {
+  --bgg-to-opacity: var(--dt-color-tan-600-a);
+  --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;
+}
+.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 {
+  --bgg-to-opacity: var(--dt-color-tan-700-a);
+  --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;
+}
+.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 {
+  --bgg-to-opacity: var(--dt-color-tan-800-a);
+  --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;
+}
+.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 {
+  --bgg-to-opacity: var(--dt-color-tan-900-a);
+  --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;
+}
+.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 {
+  --bgg-to-opacity: var(--dt-color-tan-950-a);
+  --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;
+}
+.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 {
+  --bgg-to-opacity: var(--dt-color-tan-1000-a);
+  --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;
+}
 .d-fco100, .h\:d-fco100:hover, .f\:d-fco100:focus, .f\:d-fco100:focus-within, .fv\:d-fco100:focus-visible {
   --fco: 100% !important;
 }