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

package/dist/css/dialtone.css

@@ -1129,9 +1129,8 @@ template {
   --badge-color-outline: var(--dt-badge-color-border-bulletin-subtle);
 }
 .d-badge--ai {
-  --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);
+  --badge-color-text: var(--dt-badge-color-foreground-bulletin);
+  --badge-color-background: var(--dt-color-magenta-300);
   background-image: var(--dt-badge-color-background-ai);
 }
 .d-badge--outlined {
@@ -1232,11 +1231,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-foreground-muted);
+  --breadcrumbs-color-separator: var(--dt-color-black-500);
   --breadcrumbs-color-text: var(--dt-color-link-muted);
 }
 .d-breadcrumbs--inverted {
-  --breadcrumbs-color-separator: var(--dt-color-foreground-muted-inverted);
+  --breadcrumbs-color-separator: var(--dt-color-black-400);
   --breadcrumbs-color-text: var(--dt-color-link-muted-inverted);
 }
 .d-breadcrumbs > ol {
@@ -1675,9 +1674,6 @@ 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;
 }
@@ -1824,7 +1820,7 @@ template {
 }
 .d-chip__label .d-avatar {
   --avatar-size-shape: var(--dt-size-550);
-  margin: var(--dt-space-200-negative) var(--dt-space-350) var(--dt-space-200-negative) var(--dt-space-350-negative);
+  margin: var(--dt-space-200-negative) var(--dt-space-300) var(--dt-space-200-negative) var(--dt-space-350-negative);
 }
 .d-chip__close {
   --button-color-text: var(--dt-action-color-foreground-base-default);
@@ -1946,19 +1942,19 @@ template {
   content: '';
 }
 .d-chip__close:hover:not([disabled]) {
-  --button-color-background: var(--dt-action-color-background-muted-hover);
+  --button-color-background: hsla(var(--dt-color-black-800-hsl)  /  15%);
 }
 .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: var(--dt-action-color-background-muted-active);
+  --button-color-background: hsla(var(--dt-color-black-800-hsl)  /  25%);
 }
 .d-chip__icon {
-  padding-right: var(--dt-space-350);
-  line-height: 1;
+  padding-right: var(--dt-space-300);
+  line-height: 0;
 }
 .d-chip__label--active {
-  background-color: var(--dt-color-surface-bold-opaque);
+  background-color: var(--dt-color-black-400);
 }
 .d-chip__text {
   overflow: hidden;
@@ -1977,7 +1973,7 @@ template {
 }
 .d-chip__label--xs .d-avatar {
   --avatar-size-shape: var(--dt-size-500);
-  margin-right: var(--dt-space-350);
+  margin-right: var(--dt-space-300);
   margin-left: var(--dt-space-300-negative);
 }
 .d-chip__close--xs {
@@ -2111,8 +2107,8 @@ template {
   font-variant-numeric: tabular-nums;
 }
 .d-datepicker__day--selected {
-  color: var(--dt-action-color-foreground-base-primary-default);
-  background: var(--dt-action-color-background-base-primary-default);
+  color: var(--dt-color-neutral-white);
+  background: var(--dt-color-brand-purple);
 }
 .d-datepicker__day--disabled {
   color: var(--dt-color-foreground-muted);
@@ -2182,7 +2178,7 @@ template {
   text-align: center;
 }
 .d-empty-state__icon {
-  color: var(--dt-color-foreground-muted);
+  color: var(--dt-color-foreground-tertiary);
   line-height: 0;
 }
 .d-empty-state__illustration {
@@ -2334,7 +2330,6 @@ 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);
@@ -2464,14 +2459,6 @@ 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,
@@ -2887,7 +2874,7 @@ legend .d-label--md {
   cursor: pointer;
 }
 .d-link:active {
-  color: var(--link-color-default);
+  --link-text-decoration: underline;
 }
 .d-link:focus-visible {
   --link-text-decoration: none;
@@ -2953,26 +2940,23 @@ 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-surface-brand-strong-hsl) / 0.3);
+  --link-background-color: hsl(var(--dt-color-purple-400-hsl) / 0.2);
   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-surface-brand-strong-hsl) / 0.1);
+  --link-background-color: hsl(var(--dt-color-purple-400-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-surface-brand-strong-hsl) / 0.25);
+  --link-background-color: hsl(var(--dt-color-purple-400-hsl) / 0.2);
   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;
@@ -2990,12 +2974,12 @@ legend .d-label--md {
   text-transform: uppercase;
 }
 .d-list-group--link {
-  color: var(--dt-color-foreground-secondary);
+  color: var(--dt-color-black-800);
   font-size: var(--dt-font-size-200);
   text-decoration: none;
 }
 .d-list-group--link:hover {
-  color: var(--dt-color-foreground-primary);
+  color: var(--dt-color-black-900);
   background-color: hsla(var(--dt-color-purple-400-hsl)  /  85%);
 }
 .d-list-group--link-selected {
@@ -3315,7 +3299,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: var(--dt-color-border-subtle);
+  --notice-color-shadow: hsla(var(--dt-color-black-900-hsl) / 0.06);
   --notice-padding: var(--dt-space-500);
   --notice-font-size: var(--dt-font-size-200);
   --notice-line-height: var(--dt-font-line-height-300);
@@ -3346,7 +3330,7 @@ legend .d-label--md {
   gap: var(--dt-space-400);
   align-items: center;
 }
-.d-notice__actions .d-btn {
+.d-notice__actions button {
   color: var(--notice-color-text);
 }
 .d-notice__icon {
@@ -3377,7 +3361,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-foreground-critical);
+  --notice-color-icon: var(--dt-color-red-400);
 }
 .d-notice--error.d-notice--important,
 .d-banner--error.d-notice--important,
@@ -3412,7 +3396,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-foreground-success);
+  --notice-color-icon: var(--dt-color-green-400);
 }
 .d-notice--success.d-notice--important,
 .d-banner--success.d-notice--important,
@@ -3430,7 +3414,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-foreground-warning);
+  --notice-color-icon: var(--dt-color-gold-400);
 }
 .d-notice--warning.d-notice--important,
 .d-banner--warning.d-notice--important,
@@ -3464,7 +3448,7 @@ legend .d-label--md {
           transform: translateX(-50%);
 }
 .d-toast {
-  --toast-color-shadow: var(--dt-color-border-subtle);
+  --toast-color-shadow: hsla(var(--dt-color-black-900-hsl) / 0.15);
   --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;
@@ -3494,7 +3478,7 @@ legend .d-label--md {
 }
 .d-toast--chat .d-notice__icon,
 .d-toast--chat .d-toast__meta {
-  color: var(--dt-color-foreground-tertiary);
+  color: var(--dt-color-black-500);
 }
 .d-toast--chat .d-toast__meta {
   font-size: var(--dt-font-size-100);
@@ -3518,7 +3502,7 @@ legend .d-label--md {
   --toast-color-background: var(--dt-color-surface-secondary);
 }
 .d-banner {
-  --banner-color-border: var(--dt-color-border-default);
+  --banner-color-border: var(--dt-color-border-subtle);
   --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);
@@ -3650,7 +3634,6 @@ 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);
@@ -3682,9 +3665,12 @@ legend .d-label--md {
   .d-radio::-ms-check {
     display: none;
   }
-  .d-checkbox:not(:disabled):hover,
-  .d-radio:not(:disabled):hover {
-    border-color: var(--check-radio-color-border-hover);
+  .d-checkbox:focus,
+  .d-radio:focus,
+  .d-checkbox:checked:focus,
+  .d-radio:checked:focus {
+    outline: 0;
+    box-shadow: var(--dt-shadow-focus);
   }
   .d-checkbox:checked,
   .d-radio:checked {
@@ -3770,53 +3756,43 @@ legend .d-label--md {
   .d-checkbox {
     background-repeat: no-repeat;
     background-position: center center;
-    background-size: auto;
+    background-size: contain;
     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='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>");
+    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>");
   }
   .d-checkbox:checked[disabled] {
     --check-radio-color-background: var(--check-radio-color-background-disabled);
-    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>");
+    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>");
   }
   .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='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>");
+    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>");
   }
   .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='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>");
+    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>");
   }
   .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='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>");
+    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>");
   }
   .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='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>");
+    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>");
   }
   .d-checkbox[disabled],
   .d-checkbox--disabled {
@@ -3835,19 +3811,17 @@ 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);
-    border-color: transparent;
-    box-shadow: inset 0 0 0 var(--dt-size-200) var(--dt-radio-color-foreground-checked);
+    box-shadow: inset 0 0 0 var(--dt-size-200) var(--dt-color-neutral-white);
   }
   .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);
@@ -3966,7 +3940,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,<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-image: url('data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxMiIgaGVpZ2h0PSIxMiIgZmlsbD0ibm9uZSIgdmlld0JveD0iMCAwIDEyIDEyIj4KICA8cGF0aCBmaWxsPSIjNTU1IiBmaWxsLXJ1bGU9ImV2ZW5vZGQiIGQ9Ik0zLjE0NiA3LjE0NmEuNS41IDAgMCAxIC43MDggMEw2IDkuMjkzbDIuMTQ2LTIuMTQ3YS41LjUgMCAxIDEgLjcwOC43MDhsLTIuNSAyLjVhLjUuNSAwIDAgMS0uNzA4IDBsLTIuNS0yLjVhLjUuNSAwIDAgMSAwLS43MDhabTIuNS01LjVhLjUuNSAwIDAgMSAuNzA4IDBsMi41IDIuNWEuNS41IDAgMSAxLS43MDguNzA4TDYgMi43MDcgMy44NTQgNC44NTRhLjUuNSAwIDEgMS0uNzA4LS43MDhsMi41LTIuNVoiIGNsaXAtcnVsZT0iZXZlbm9kZCIvPgo8L3N2Zz4K');
   background-repeat: no-repeat;
   background-size: 100%;
   -webkit-transform: translateY(-50%);
@@ -3974,11 +3948,13 @@ 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);
@@ -4044,9 +4020,6 @@ 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);
@@ -4172,16 +4145,13 @@ 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:hover {
+.d-select__input--success {
   --input-color-border: var(--dt-inputs-color-border-success);
 }
-.d-select__input--error,
-.d-select__input--error:hover {
+.d-select__input--error {
   --input-color-border: var(--dt-inputs-color-border-critical);
 }
-.d-select__input--warning,
-.d-select__input--warning:hover {
+.d-select__input--warning {
   --input-color-border: var(--dt-inputs-color-border-warning);
 }
 .d-select--disabled::before,
@@ -4327,9 +4297,6 @@ legend .d-label--md {
 .d-table--striped.d-table--inverted tr:nth-child(even) {
   background-color: hsla(var(--bgc-primary-hsl) / 0.1);
 }
-.d-tab-panel--hidden {
-  display: none;
-}
 .d-tablist {
   --tab-color-background: var(--dt-action-color-background-base-default);
   --tab-color-text: var(--dt-action-color-foreground-muted-default);
@@ -4490,7 +4457,7 @@ legend .d-label--md {
   fill: var(--dt-color-surface-contrast);
 }
 .tippy-box[data-theme~='inverted'] > .tippy-svg-arrow {
-  fill: var(--dt-color-surface-contrast-inverted);
+  fill: var(--dt-color-surface-moderate);
 }
 .tippy-box[data-animation='fade'][data-state='hidden'] {
   opacity: 0;
@@ -4521,8 +4488,8 @@ legend .d-label--md {
   content: '';
 }
 .d-tooltip--inverted {
-  --tooltip-color-background: var(--dt-color-surface-contrast-inverted);
-  --tooltip-color-text: var(--dt-color-foreground-primary);
+  --tooltip-color-background: var(--dt-color-surface-moderate);
+  --tooltip-color-text: var(--dt-color-foreground-secondary);
 }
 .d-tooltip--hide,
 .d-tooltip--hover .d-tooltip {
@@ -4688,7 +4655,7 @@ legend .d-label--md {
 .d-toggle {
   --toggle-transition-timing-function: var(--ttf-out-quint);
   --toggle-transition-speed: var(--td300);
-  --toggle-color-background: hsl(var(--dt-color-surface-bold-h), var(--dt-color-surface-bold-s), 66.6666%);
+  --toggle-color-background: var(--dt-color-black-400);
   --toggle-size-height: var(--dt-size-550);
   --toggle-size-width: var(--dt-size-650);
   --toggle-size-icon: var(--dt-size-500);
@@ -4715,7 +4682,8 @@ legend .d-label--md {
   left: var(--dt-space-550);
   width: var(--toggle-size-icon);
   height: var(--toggle-size-icon);
-  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>");
+  color: var(--dt-color-neutral-white);
+  background-image: url('data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjQiIGhlaWdodD0iMjQiIHZpZXdCb3g9IjAgMCAyNCAyNCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZmlsbC1ydWxlPSJldmVub2RkIiBjbGlwLXJ1bGU9ImV2ZW5vZGQiIGQ9Ik01LjM4MTI4IDUuMzgxMjhDNS43MjI5OSA1LjAzOTU3IDYuMjc3MDEgNS4wMzk1NyA2LjYxODcyIDUuMzgxMjhMMTIgMTAuNzYyNkwxNy4zODEzIDUuMzgxMjhDMTcuNzIzIDUuMDM5NTcgMTguMjc3IDUuMDM5NTcgMTguNjE4NyA1LjM4MTI4QzE4Ljk2MDQgNS43MjI5OSAxOC45NjA0IDYuMjc3MDEgMTguNjE4NyA2LjYxODcyTDEzLjIzNzQgMTJMMTguNjE4NyAxNy4zODEzQzE4Ljk2MDQgMTcuNzIzIDE4Ljk2MDQgMTguMjc3IDE4LjYxODcgMTguNjE4N0MxOC4yNzcgMTguOTYwNCAxNy43MjMgMTguOTYwNCAxNy4zODEzIDE4LjYxODdMMTIgMTMuMjM3NEw2LjYxODcyIDE4LjYxODdDNi4yNzcwMSAxOC45NjA0IDUuNzIyOTkgMTguOTYwNCA1LjM4MTI4IDE4LjYxODdDNS4wMzk1NyAxOC4yNzcgNS4wMzk1NyAxNy43MjMgNS4zODEyOCAxNy4zODEzTDEwLjc2MjYgMTJMNS4zODEyOCA2LjYxODcyQzUuMDM5NTcgNi4yNzcwMSA1LjAzOTU3IDUuNzIyOTkgNS4zODEyOCA1LjM4MTI4WiIgZmlsbD0id2hpdGUiLz4KPC9zdmc+Cg==');
   background-repeat: no-repeat;
   background-size: cover;
 }
@@ -4726,16 +4694,13 @@ 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-surface-primary);
+  background-color: var(--dt-color-neutral-white);
   border-radius: var(--dt-size-radius-circle);
   cursor: pointer;
   transition: left var(--toggle-transition-speed) var(--toggle-transition-timing-function);
@@ -4756,14 +4721,11 @@ legend .d-label--md {
   height: var(--toggle-size-icon);
 }
 .d-toggle--checked {
-  --toggle-color-background: var(--dt-checkbox-color-background-checked);
+  --toggle-color-background: var(--dt-color-brand-purple);
 }
 .d-toggle--checked .d-toggle__inner {
   left: var(--dt-space-350);
-  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>");
+  background-image: url('data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjQiIGhlaWdodD0iMjQiIHZpZXdCb3g9IjAgMCAyNCAyNCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZmlsbC1ydWxlPSJldmVub2RkIiBjbGlwLXJ1bGU9ImV2ZW5vZGQiIGQ9Ik0yMC42MTg3IDUuMzgxMjhDMjAuOTYwNCA1LjcyMjk5IDIwLjk2MDQgNi4yNzcwMSAyMC42MTg3IDYuNjE4NzJMOS42MTg3MiAxNy42MTg3QzkuMjc3MDEgMTcuOTYwNCA4LjcyMjk5IDE3Ljk2MDQgOC4zODEyOCAxNy42MTg3TDMuMzgxMjggMTIuNjE4N0MzLjAzOTU3IDEyLjI3NyAzLjAzOTU3IDExLjcyMyAzLjM4MTI4IDExLjM4MTNDMy43MjI5OSAxMS4wMzk2IDQuMjc3MDEgMTEuMDM5NiA0LjYxODcyIDExLjM4MTNMOSAxNS43NjI2TDE5LjM4MTMgNS4zODEyOEMxOS43MjMgNS4wMzk1NyAyMC4yNzcgNS4wMzk1NyAyMC42MTg3IDUuMzgxMjhaIiBmaWxsPSJ3aGl0ZSIvPgo8L3N2Zz4K');
 }
 .d-toggle--checked.d-toggle--small .d-toggle__inner {
   left: calc(var(--dt-space-100) + var(--dt-space-200));
@@ -4806,7 +4768,7 @@ legend .d-label--md {
 }
 .d-presence {
   --presence-color-border-base: var(--dt-theme-sidebar-color-background);
-  --presence-color-border-offline: var(--dt-color-border-bold);
+  --presence-color-border-offline: var(--dt-color-black-600);
   --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);
@@ -5326,9 +5288,6 @@ 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;
 }
@@ -5593,18 +5552,6 @@ 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;
 }
@@ -9163,7 +9110,7 @@ ul {
   line-height: var(--dt-font-line-height-400);
 }
 .d-recipe-leftbar-row__container--off-duty {
-  background-color: var(--dt-color-surface-critical);
+  background-color: var(--dt-badge-color-background-critical);
   border: var(--dt-size-100) solid var(--dt-color-border-subtle);
   border-radius: var(--dt-size-radius-500);
 }
@@ -9503,21 +9450,21 @@ ul {
 }
 @font-face {
   font-weight: 400;
-  font-family: "Season Mix";
+  font-family: Archivo;
   font-style: normal;
-  src: url('./fonts/SeasonMix-Regular.woff2') format('woff2');
+  src: url('./fonts/Archivo-Regular.woff2') format('woff2');
 }
 @font-face {
-  font-weight: 600;
-  font-family: "Season Mix";
+  font-weight: 700;
+  font-family: Archivo;
   font-style: normal;
-  src: url('./fonts/SeasonMix-SemiBold.woff2') format('woff2');
+  src: url('./fonts/Archivo-Bold.woff2') format('woff2');
 }
 @font-face {
-  font-weight: 700;
-  font-family: "Season Mix";
+  font-weight: 600;
+  font-family: Archivo;
   font-style: normal;
-  src: url('./fonts/SeasonMix-Bold.woff2') format('woff2');
+  src: url('./fonts/Archivo-SemiBold.woff2') format('woff2');
 }
 @font-face {
   font-family: "Segoe UI Adjusted";
@@ -9538,14 +9485,6 @@ 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;
@@ -9582,18 +9521,6 @@ 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;
@@ -9602,46 +9529,22 @@ 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;
@@ -9658,38 +9561,10 @@ 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;
@@ -9698,10 +9573,6 @@ 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;
@@ -9710,34 +9581,10 @@ 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;
@@ -9750,42 +9597,14 @@ 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;
@@ -9798,42 +9617,14 @@ 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;
@@ -9846,42 +9637,14 @@ 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;
@@ -9902,30 +9665,6 @@ 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;
@@ -10022,14 +9761,6 @@ 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;
@@ -10066,18 +9797,6 @@ 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;
@@ -10086,46 +9805,22 @@ 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;
@@ -10142,38 +9837,10 @@ 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;
@@ -10182,10 +9849,6 @@ 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;
@@ -10194,34 +9857,10 @@ 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;
@@ -10234,42 +9873,14 @@ 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;
@@ -10282,42 +9893,14 @@ 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;
@@ -10330,42 +9913,14 @@ 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;
@@ -10386,30 +9941,6 @@ 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;
@@ -10426,6 +9957,26 @@ 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;
@@ -10442,54 +9993,46 @@ 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-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-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-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-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-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;
@@ -10510,42 +10053,34 @@ 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-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-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-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-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-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;
@@ -10554,14 +10089,6 @@ 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;
@@ -10598,18 +10125,6 @@ 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;
@@ -10618,46 +10133,22 @@ 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;
@@ -10674,38 +10165,10 @@ 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;
@@ -10714,10 +10177,6 @@ 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;
@@ -10726,34 +10185,10 @@ 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;
@@ -10766,42 +10201,14 @@ 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;
@@ -10814,42 +10221,14 @@ 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;
@@ -10862,42 +10241,14 @@ 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;
@@ -10918,118 +10269,6 @@ 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;
@@ -11050,197 +10289,113 @@ 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-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-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-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-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-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-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-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-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-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-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-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-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-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-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-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-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-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-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-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-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-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-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-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, .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-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, .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-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, .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-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, .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-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, .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-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, .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-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, .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-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-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-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-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-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-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-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-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-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-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-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-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-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, .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-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-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-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-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-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-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-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-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-divide-neutral-white > * + * {
   --dco: var(--dt-color-neutral-white-a);
@@ -11250,14 +10405,6 @@ 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;
@@ -11294,18 +10441,6 @@ 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;
@@ -11314,46 +10449,22 @@ 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;
@@ -11370,38 +10481,10 @@ 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;
@@ -11410,10 +10493,6 @@ 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;
@@ -11422,34 +10501,10 @@ 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;
@@ -11462,42 +10517,14 @@ 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;
@@ -11510,42 +10537,14 @@ 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;
@@ -11558,42 +10557,14 @@ 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;
@@ -11614,166 +10585,6 @@ 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;
@@ -11784,16 +10595,6 @@ 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;
@@ -11839,21 +10640,6 @@ 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;
@@ -11864,56 +10650,26 @@ 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;
@@ -11934,46 +10690,11 @@ 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;
@@ -11984,11 +10705,6 @@ 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;
@@ -11999,41 +10715,11 @@ 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;
@@ -12049,51 +10735,16 @@ 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;
@@ -12109,51 +10760,16 @@ 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;
@@ -12169,51 +10785,16 @@ 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;
@@ -12239,36 +10820,6 @@ 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;
@@ -12277,14 +10828,6 @@ 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;
@@ -12321,18 +10864,6 @@ 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;
@@ -12341,46 +10872,22 @@ 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;
@@ -12397,38 +10904,10 @@ 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;
@@ -12437,10 +10916,6 @@ 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;
@@ -12449,34 +10924,10 @@ 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;
@@ -12489,42 +10940,14 @@ 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;
@@ -12537,42 +10960,14 @@ 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;
@@ -12585,42 +10980,14 @@ 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;
@@ -12641,30 +11008,6 @@ 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;
 }