/* stylelint-disable meowtec/no-px */
/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */
/* Document
   ========================================================================== */
* {
  margin: 0;
  padding: 0;
}
*,
*::before,
*::after {
  box-sizing: border-box;
}
/**
 * 1. Correct the line height in all browsers.
 * 2. Prevent adjustments of font size after orientation changes in iOS.
 */
html {
  line-height: 1.15;
  /* 1 */
  -webkit-text-size-adjust: 100%;
  /* 2 */
}
/* Sections
   ========================================================================== */
/**
 * Render the `main` element consistently in IE.
 */
main {
  display: block;
}
/**
 * Correct the font size and margin on `h1` elements within `section` and
 * `article` contexts in Chrome, Firefox, and Safari.
 */
h1 {
  margin: 0.67em 0;
  font-size: 2em;
}
/* Grouping content
   ========================================================================== */
/**
 * 1. Add the correct box sizing in Firefox.
 * 2. Show the overflow in Edge and IE.
 */
hr {
  box-sizing: content-box;
  /* 1 */
  height: 0;
  /* 1 */
  overflow: visible;
  /* 2 */
}
/**
 * 1. Correct the inheritance and scaling of font size in all browsers.
 * 2. Correct the odd `em` font sizing in all browsers.
 */
pre {
  font-size: 1em;
  /* 2 */
  font-family: monospace;
  /* 1 */
}
/* Text-level semantics
   ========================================================================== */
/**
 * Remove the gray background on active links in IE 10.
 */
a {
  background-color: transparent;
  text-underline-offset: calc(var(--dt-size-border-300) - var(--dt-size-border-100));
  text-decoration-thickness: var(--dt-size-border-50);
}
ins,
u {
  text-underline-offset: calc(var(--dt-size-border-300) - var(--dt-size-border-100));
  text-decoration-thickness: var(--dt-size-border-50);
}
/**
 * 1. Remove the bottom border in Chrome 57-
 * 2. Add the correct text decoration in Chrome, Edge, IE, Opera, and Safari.
 */
abbr[title] {
  text-decoration: underline;
  /* 2 */
  -webkit-text-decoration: underline dotted;
          text-decoration: underline dotted;
  /* 2 */
  border-bottom: none;
  /* 1 */
  text-underline-offset: calc(var(--dt-size-border-300) - var(--dt-size-border-100));
  text-decoration-thickness: var(--dt-size-border-100);
}
del,
s {
  text-decoration-thickness: var(--dt-size-border-100) !important;
}
/**
 * Add the correct font weight in Chrome, Edge, and Safari.
 */
b,
strong {
  font-weight: bolder;
}
/**
 * 1. Correct the inheritance and scaling of font size in all browsers.
 * 2. Correct the odd `em` font sizing in all browsers.
 */
code,
kbd,
samp {
  font-size: 1em;
  /* 2 */
  font-family: monospace;
  /* 1 */
}
/**
 * Add the correct font size in all browsers.
 */
small {
  font-size: 80%;
}
/**
 * Prevent `sub` and `sup` elements from affecting the line height in
 * all browsers.
 */
sub,
sup {
  position: relative;
  font-size: 75%;
  line-height: 0;
  vertical-align: baseline;
}
sub {
  bottom: -0.25em;
}
sup {
  top: -0.5em;
}
ol,
ul,
li {
  list-style: none;
}
/* Embedded content
   ========================================================================== */
/**
 * Remove the border on images inside links in IE 10.
 */
img {
  border-style: none;
}
/* Forms
   ========================================================================== */
/**
 * 1. Change the font styles in all browsers.
 * 2. Remove the margin in Firefox and Safari.
 */
button,
input,
optgroup,
select,
textarea {
  margin: 0;
  /* 2 */
  color: inherit;
  font-size: 100%;
  /* 1 */
  font-family: inherit;
  /* 1 */
  line-height: 1.15;
  /* 1 */
}
/**
 * Show the overflow in IE.
 * 1. Show the overflow in Edge.
 */
button,
input {
  /* 1 */
  overflow: visible;
}
/**
 * Remove the inheritance of text transform in Edge, Firefox, and IE.
 * 1. Remove the inheritance of text transform in Firefox.
 */
button,
select {
  /* 1 */
  text-transform: none;
}
/**
 * Correct the inability to style clickable types in iOS and Safari.
 */
button,
[type="button"],
[type="reset"],
[type="submit"] {
  -webkit-appearance: button;
}
/**
 * Remove the inner border and padding in Firefox.
 */
button::-moz-focus-inner,
[type="button"]::-moz-focus-inner,
[type="reset"]::-moz-focus-inner,
[type="submit"]::-moz-focus-inner {
  padding: 0;
  border-style: none;
}
/**
 * Restore the focus styles unset by the previous rule.
 */
button:-moz-focusring,
[type="button"]:-moz-focusring,
[type="reset"]:-moz-focusring,
[type="submit"]:-moz-focusring {
  outline: 1px dotted ButtonText;
}
/**
 * Correct the padding in Firefox.
 */
fieldset {
  padding: 0.35em 0.75em 0.625em;
}
/**
 * 1. Correct the text wrapping in Edge and IE.
 * 2. Correct the color inheritance from `fieldset` elements in IE.
 * 3. Remove the padding so developers are not caught out when they zero out
 *    `fieldset` elements in all browsers.
 */
legend {
  display: table;
  /* 1 */
  max-width: 100%;
  /* 1 */
  padding: 0;
  /* 3 */
  color: inherit;
  /* 2 */
  white-space: normal;
  /* 1 */
}
/**
 * Add the correct vertical alignment in Chrome, Firefox, and Opera.
 */
progress {
  vertical-align: baseline;
}
/**
 * Remove the default vertical scrollbar in IE 10+.
 */
textarea {
  overflow: auto;
  color: inherit;
}
/**
 * 1. Add the correct box sizing in IE 10.
 * 2. Remove the padding in IE 10.
 */
[type="checkbox"],
[type="radio"] {
  padding: 0;
  /* 2 */
}
/**
 * Correct the cursor style of increment and decrement buttons in Chrome.
 */
[type="number"]::-webkit-inner-spin-button,
[type="number"]::-webkit-outer-spin-button {
  height: auto;
}
/**
 * 1. Correct the odd appearance in Chrome and Safari.
 * 2. Correct the outline style in Safari.
 */
[type="search"] {
  outline-offset: -2px;
  /* 2 */
  -webkit-appearance: textfield;
  /* 1 */
}
/**
 * Remove the inner padding in Chrome and Safari on macOS.
 */
[type="search"]::-webkit-search-decoration {
  -webkit-appearance: none;
}
/**
 * 1. Correct the inability to style clickable types in iOS and Safari.
 * 2. Change font properties to `inherit` in Safari.
 */
::-webkit-file-upload-button {
  font: inherit;
  /* 2 */
  -webkit-appearance: button;
  /* 1 */
}
/* Interactive
   ========================================================================== */
/*
 * Add the correct display in Edge, IE 10+, and Firefox.
 */
details {
  display: block;
}
/*
 * Add the correct display in all browsers.
 */
summary {
  display: list-item;
}
/* Misc
   ========================================================================== */
/**
 * Add the correct display in IE 10+.
 */
template {
  display: none;
}
/**
 * Add the correct display in IE 10.
 */
[hidden] {
  display: none !important;
}
/**
 * Default focus ring
 */
:focus-visible {
  outline: 0;
  box-shadow: var(--dt-shadow-focus);
}
/* stylelint-disable meowtec/no-px */
.fade-enter-active,
.fade-leave-active {
  transition: opacity 0.18s ease-in-out;
}
.fade-enter-from,
.fade-leave-to {
  opacity: 0 !important;
}
.fade-enter-to,
.fade-leave-from {
  opacity: 1 !important;
}
.slide-down-enter-active {
  transition: -webkit-transform 0.28s ease-out;
  transition: transform 0.28s ease-out;
  transition: transform 0.28s ease-out, -webkit-transform 0.28s ease-out;
}
.slide-down-leave-active {
  transition: -webkit-transform 0.28s ease-in;
  transition: transform 0.28s ease-in;
  transition: transform 0.28s ease-in, -webkit-transform 0.28s ease-in;
}
.slide-down-enter-from {
  -webkit-transform: translateY(-100%);
          transform: translateY(-100%);
}
.slide-down-leave-to {
  -webkit-transform: translateY(100%);
          transform: translateY(100%);
}
.pop-enter-active {
  -webkit-animation: pop 0.5s;
          animation: pop 0.5s;
}
.pop-leave-active {
  animation: pop 0.5s reverse;
}
@-webkit-keyframes pop {
  50% {
    -webkit-transform: scale(1.2);
            transform: scale(1.2);
  }
}
@keyframes pop {
  50% {
    -webkit-transform: scale(1.2);
            transform: scale(1.2);
  }
}
.shake-enter-active {
  -webkit-transform: translate3d(0, 0, 0);
          transform: translate3d(0, 0, 0);
  -webkit-animation: shake 0.82s cubic-bezier(0.36, 0.07, 0.19, 0.97) both;
          animation: shake 0.82s cubic-bezier(0.36, 0.07, 0.19, 0.97) both;
}
@-webkit-keyframes shake {
  10%,
  90% {
    -webkit-transform: translate3d(var(--dt-size-300-negative), 0, 0);
            transform: translate3d(var(--dt-size-300-negative), 0, 0);
  }
  20%,
  80% {
    -webkit-transform: translate3d(var(--dt-size-400), 0, 0);
            transform: translate3d(var(--dt-size-400), 0, 0);
  }
  30%,
  50%,
  70% {
    -webkit-transform: translate3d(var(--dt-size-500-negative), 0, 0);
            transform: translate3d(var(--dt-size-500-negative), 0, 0);
  }
  40%,
  60% {
    -webkit-transform: translate3d(var(--dt-size-500), 0, 0);
            transform: translate3d(var(--dt-size-500), 0, 0);
  }
}
@keyframes shake {
  10%,
  90% {
    -webkit-transform: translate3d(var(--dt-size-300-negative), 0, 0);
            transform: translate3d(var(--dt-size-300-negative), 0, 0);
  }
  20%,
  80% {
    -webkit-transform: translate3d(var(--dt-size-400), 0, 0);
            transform: translate3d(var(--dt-size-400), 0, 0);
  }
  30%,
  50%,
  70% {
    -webkit-transform: translate3d(var(--dt-size-500-negative), 0, 0);
            transform: translate3d(var(--dt-size-500-negative), 0, 0);
  }
  40%,
  60% {
    -webkit-transform: translate3d(var(--dt-size-500), 0, 0);
            transform: translate3d(var(--dt-size-500), 0, 0);
  }
}
@-webkit-keyframes fade-in {
  0% {
    opacity: 0;
  }
  50% {
    opacity: 0.5;
  }
  100% {
    opacity: 1;
  }
}
@keyframes fade-in {
  0% {
    opacity: 0;
  }
  50% {
    opacity: 0.5;
  }
  100% {
    opacity: 1;
  }
}
@-webkit-keyframes fade-out {
  0% {
    opacity: 1;
  }
  50% {
    opacity: 0.5;
  }
  100% {
    opacity: 0;
  }
}
@keyframes fade-out {
  0% {
    opacity: 1;
  }
  50% {
    opacity: 0.5;
  }
  100% {
    opacity: 0;
  }
}
.fade-in {
  -webkit-animation: fade-in 0.18s ease-in-out;
          animation: fade-in 0.18s ease-in-out;
}
.fade-out {
  -webkit-animation: fade-out 0.18s ease-in-out;
          animation: fade-out 0.18s ease-in-out;
}
.d-zoom-enter-from,
.d-zoom-leave-to {
  z-index: var(--zi-hide) !important;
  -webkit-backface-visibility: hidden !important;
          backface-visibility: hidden !important;
  visibility: hidden !important;
  opacity: 0 !important;
}
.d-zoom__dialog-enter-from,
.d-zoom__dialog-leave-to {
  z-index: var(--zi-hide) !important;
  -webkit-backface-visibility: hidden !important;
          backface-visibility: hidden !important;
  visibility: hidden !important;
  opacity: 0 !important;
  -webkit-transform: translate3d(0, 30%, 0) scale3d(0.75, 0.75, 0.75) !important;
          transform: translate3d(0, 30%, 0) scale3d(0.75, 0.75, 0.75) !important;
}
.d-zoom-enter-active,
.d-zoom__dialog-enter-active {
  transition: opacity 100ms var(--ttf-in-out) 10ms, z-index 0s 0s, visibility 0s 0s, -webkit-transform 100ms var(--ttf-in-out) 10ms;
  transition: opacity 100ms var(--ttf-in-out) 10ms, z-index 0s 0s, visibility 0s 0s, transform 100ms var(--ttf-in-out) 10ms;
  transition: opacity 100ms var(--ttf-in-out) 10ms, z-index 0s 0s, visibility 0s 0s, transform 100ms var(--ttf-in-out) 10ms, -webkit-transform 100ms var(--ttf-in-out) 10ms;
}
@media (prefers-reduced-motion) {
  .d-zoom-enter-active,
  .d-zoom__dialog-enter-active {
    transition: none !important;
  }
}
.d-zoom-leave-active {
  transition: opacity 100ms var(--ttf-in-out) 10ms, z-index 0s 200ms, visibility 0s 200ms, -webkit-transform 100ms var(--ttf-in-out) 10ms;
  transition: opacity 100ms var(--ttf-in-out) 10ms, z-index 0s 200ms, visibility 0s 200ms, transform 100ms var(--ttf-in-out) 10ms;
  transition: opacity 100ms var(--ttf-in-out) 10ms, z-index 0s 200ms, visibility 0s 200ms, transform 100ms var(--ttf-in-out) 10ms, -webkit-transform 100ms var(--ttf-in-out) 10ms;
}
.d-zoom-leave-active.d-modal--full {
  transition: opacity 200ms var(--ttf-in-out) 0s, z-index 0s 200ms, visibility 0s 200ms;
}
@media (prefers-reduced-motion) {
  .d-zoom-leave-active {
    transition: none !important;
  }
}
.d-zoom__dialog-leave-active {
  transition: opacity 200ms var(--ttf-in-out) 0s, z-index 0s 200ms, visibility 0s 200ms, -webkit-transform 100ms var(--ttf-in-out) 0s;
  transition: opacity 200ms var(--ttf-in-out) 0s, z-index 0s 200ms, visibility 0s 200ms, transform 100ms var(--ttf-in-out) 0s;
  transition: opacity 200ms var(--ttf-in-out) 0s, z-index 0s 200ms, visibility 0s 200ms, transform 100ms var(--ttf-in-out) 0s, -webkit-transform 100ms var(--ttf-in-out) 0s;
}
.d-zoom__dialog-leave-active.d-modal--full {
  transition: opacity 200ms var(--ttf-in-out) 0s, z-index 0s 200ms, visibility 0s 200ms;
}
@media (prefers-reduced-motion) {
  .d-zoom__dialog-leave-active {
    transition: none !important;
  }
}
.d-root-layout {
  position: relative;
  display: grid;
  grid-template-areas: 'header' 'sidebar' 'body' 'footer';
  grid-template-rows: -webkit-min-content auto 1fr -webkit-min-content;
  grid-template-rows: min-content auto 1fr min-content;
  grid-template-columns: 1fr;
  min-height: 100vh;
}
.d-root-layout--fixed {
  height: auto;
}
.d-root-layout__header {
  grid-area: header;
}
.d-root-layout__header--sticky {
  position: sticky;
  top: 0;
  z-index: var(--zi-navigation);
}
.d-root-layout__sidebar {
  grid-area: sidebar;
  height: 100%;
  overflow: hidden auto;
  box-shadow: none;
}
.d-root-layout__sidebar:focus-visible {
  box-shadow: var(--dt-shadow-focus-inset);
}
.d-root-layout__content {
  grid-area: body;
  overflow-y: auto;
  box-shadow: none;
}
.d-root-layout__content:focus-visible {
  box-shadow: var(--dt-shadow-focus-inset);
}
.d-root-layout__footer {
  grid-area: footer;
}
.d-root-layout__responsive--default {
  grid-template-areas: 'header header' 'sidebar body' 'footer footer';
  grid-template-rows: -webkit-min-content 1fr -webkit-min-content;
  grid-template-rows: min-content 1fr min-content;
  grid-template-columns: -webkit-min-content 1fr;
  grid-template-columns: min-content 1fr;
}
.d-root-layout__responsive--default.d-root-layout--inverted {
  grid-template-areas: 'header header' 'body sidebar' 'footer footer';
  grid-template-columns: 1fr -webkit-min-content;
  grid-template-columns: 1fr min-content;
}
.d-root-layout__responsive--default.d-root-layout--fixed {
  height: 100vh;
}
@media (min-width: 480px) {
  .d-root-layout__responsive--sm {
    grid-template-areas: 'header header' 'sidebar body' 'footer footer';
    grid-template-rows: -webkit-min-content 1fr -webkit-min-content;
    grid-template-rows: min-content 1fr min-content;
    grid-template-columns: -webkit-min-content 1fr;
    grid-template-columns: min-content 1fr;
  }
  .d-root-layout__responsive--sm.d-root-layout--inverted {
    grid-template-areas: 'header header' 'body sidebar' 'footer footer';
    grid-template-columns: 1fr -webkit-min-content;
    grid-template-columns: 1fr min-content;
  }
  .d-root-layout__responsive--sm.d-root-layout--fixed {
    height: 100vh;
  }
}
@media (min-width: 640px) {
  .d-root-layout__responsive--md {
    grid-template-areas: 'header header' 'sidebar body' 'footer footer';
    grid-template-rows: -webkit-min-content 1fr -webkit-min-content;
    grid-template-rows: min-content 1fr min-content;
    grid-template-columns: -webkit-min-content 1fr;
    grid-template-columns: min-content 1fr;
  }
  .d-root-layout__responsive--md.d-root-layout--inverted {
    grid-template-areas: 'header header' 'body sidebar' 'footer footer';
    grid-template-columns: 1fr -webkit-min-content;
    grid-template-columns: 1fr min-content;
  }
  .d-root-layout__responsive--md.d-root-layout--fixed {
    height: 100vh;
  }
}
@media (min-width: 980px) {
  .d-root-layout__responsive--lg {
    grid-template-areas: 'header header' 'sidebar body' 'footer footer';
    grid-template-rows: -webkit-min-content 1fr -webkit-min-content;
    grid-template-rows: min-content 1fr min-content;
    grid-template-columns: -webkit-min-content 1fr;
    grid-template-columns: min-content 1fr;
  }
  .d-root-layout__responsive--lg.d-root-layout--inverted {
    grid-template-areas: 'header header' 'body sidebar' 'footer footer';
    grid-template-columns: 1fr -webkit-min-content;
    grid-template-columns: 1fr min-content;
  }
  .d-root-layout__responsive--lg.d-root-layout--fixed {
    height: 100vh;
  }
}
.d-stack {
  --stack-gap: 0;
  --stack-direction: column;
  display: flex;
  flex-direction: var(--stack-direction);
  gap: var(--stack-gap);
}
.d-stack--column-reverse {
  --stack-direction: column-reverse;
}
.d-stack--row {
  --stack-direction: row;
}
.d-stack--row-reverse {
  --stack-direction: row-reverse;
}
.d-stack--align-normal {
  align-items: normal;
}
.d-stack--align-start {
  align-items: start;
}
.d-stack--align-center {
  align-items: center;
}
.d-stack--align-end {
  align-items: end;
}
.d-stack--align-stretch {
  align-items: stretch;
}
.d-stack--align-baseline {
  align-items: baseline;
}
.d-stack--justify-start {
  justify-content: start;
}
.d-stack--justify-center {
  justify-content: center;
}
.d-stack--justify-end {
  justify-content: end;
}
.d-stack--justify-around {
  justify-content: space-around;
}
.d-stack--justify-between {
  justify-content: space-between;
}
.d-stack--justify-evenly {
  justify-content: space-evenly;
}
.d-stack--gap-50 {
  --stack-gap: var(--dt-space-50);
}
.d-stack--gap-100 {
  --stack-gap: var(--dt-space-100);
}
.d-stack--gap-200 {
  --stack-gap: var(--dt-space-200);
}
.d-stack--gap-300 {
  --stack-gap: var(--dt-space-300);
}
.d-stack--gap-350 {
  --stack-gap: var(--dt-space-350);
}
.d-stack--gap-400 {
  --stack-gap: var(--dt-space-400);
}
.d-stack--gap-450 {
  --stack-gap: var(--dt-space-450);
}
.d-stack--gap-500 {
  --stack-gap: var(--dt-space-500);
}
.d-stack--gap-525 {
  --stack-gap: var(--dt-space-525);
}
.d-stack--gap-550 {
  --stack-gap: var(--dt-space-550);
}
.d-stack--gap-600 {
  --stack-gap: var(--dt-space-600);
}
.d-stack--gap-625 {
  --stack-gap: var(--dt-space-625);
}
.d-stack--gap-650 {
  --stack-gap: var(--dt-space-650);
}
.d-stack--gap-700 {
  --stack-gap: var(--dt-space-700);
}
@media screen and (min-width: 480px) {
  .d-stack--sm-column {
    --stack-direction: column;
  }
  .d-stack--sm-column-reverse {
    --stack-direction: column-reverse;
  }
  .d-stack--sm-row {
    --stack-direction: row;
  }
  .d-stack--sm-row-reverse {
    --stack-direction: row-reverse;
  }
  .d-stack--sm-gap-50 {
    --stack-gap: var(--dt-space-50);
  }
  .d-stack--sm-gap-100 {
    --stack-gap: var(--dt-space-100);
  }
  .d-stack--sm-gap-200 {
    --stack-gap: var(--dt-space-200);
  }
  .d-stack--sm-gap-300 {
    --stack-gap: var(--dt-space-300);
  }
  .d-stack--sm-gap-350 {
    --stack-gap: var(--dt-space-350);
  }
  .d-stack--sm-gap-400 {
    --stack-gap: var(--dt-space-400);
  }
  .d-stack--sm-gap-450 {
    --stack-gap: var(--dt-space-450);
  }
  .d-stack--sm-gap-500 {
    --stack-gap: var(--dt-space-500);
  }
  .d-stack--sm-gap-525 {
    --stack-gap: var(--dt-space-525);
  }
  .d-stack--sm-gap-550 {
    --stack-gap: var(--dt-space-550);
  }
  .d-stack--sm-gap-600 {
    --stack-gap: var(--dt-space-600);
  }
  .d-stack--sm-gap-625 {
    --stack-gap: var(--dt-space-625);
  }
  .d-stack--sm-gap-650 {
    --stack-gap: var(--dt-space-650);
  }
  .d-stack--sm-gap-700 {
    --stack-gap: var(--dt-space-700);
  }
  .d-stack--sm-align-normal {
    align-items: normal;
  }
  .d-stack--sm-align-start {
    align-items: start;
  }
  .d-stack--sm-align-center {
    align-items: center;
  }
  .d-stack--sm-align-end {
    align-items: end;
  }
  .d-stack--sm-align-stretch {
    align-items: stretch;
  }
  .d-stack--sm-align-baseline {
    align-items: baseline;
  }
  .d-stack--sm-justify-start {
    justify-content: start;
  }
  .d-stack--sm-justify-center {
    justify-content: center;
  }
  .d-stack--sm-justify-end {
    justify-content: end;
  }
  .d-stack--sm-justify-around {
    justify-content: space-around;
  }
  .d-stack--sm-justify-between {
    justify-content: space-between;
  }
  .d-stack--sm-justify-evenly {
    justify-content: space-evenly;
  }
}
@media screen and (min-width: 640px) {
  .d-stack--md-column {
    --stack-direction: column;
  }
  .d-stack--md-column-reverse {
    --stack-direction: column-reverse;
  }
  .d-stack--md-row {
    --stack-direction: row;
  }
  .d-stack--md-row-reverse {
    --stack-direction: row-reverse;
  }
  .d-stack--md-gap-50 {
    --stack-gap: var(--dt-space-50);
  }
  .d-stack--md-gap-100 {
    --stack-gap: var(--dt-space-100);
  }
  .d-stack--md-gap-200 {
    --stack-gap: var(--dt-space-200);
  }
  .d-stack--md-gap-300 {
    --stack-gap: var(--dt-space-300);
  }
  .d-stack--md-gap-350 {
    --stack-gap: var(--dt-space-350);
  }
  .d-stack--md-gap-400 {
    --stack-gap: var(--dt-space-400);
  }
  .d-stack--md-gap-450 {
    --stack-gap: var(--dt-space-450);
  }
  .d-stack--md-gap-500 {
    --stack-gap: var(--dt-space-500);
  }
  .d-stack--md-gap-525 {
    --stack-gap: var(--dt-space-525);
  }
  .d-stack--md-gap-550 {
    --stack-gap: var(--dt-space-550);
  }
  .d-stack--md-gap-600 {
    --stack-gap: var(--dt-space-600);
  }
  .d-stack--md-gap-625 {
    --stack-gap: var(--dt-space-625);
  }
  .d-stack--md-gap-650 {
    --stack-gap: var(--dt-space-650);
  }
  .d-stack--md-gap-700 {
    --stack-gap: var(--dt-space-700);
  }
  .d-stack--md-align-normal {
    align-items: normal;
  }
  .d-stack--md-align-start {
    align-items: start;
  }
  .d-stack--md-align-center {
    align-items: center;
  }
  .d-stack--md-align-end {
    align-items: end;
  }
  .d-stack--md-align-stretch {
    align-items: stretch;
  }
  .d-stack--md-align-baseline {
    align-items: baseline;
  }
  .d-stack--md-justify-start {
    justify-content: start;
  }
  .d-stack--md-justify-center {
    justify-content: center;
  }
  .d-stack--md-justify-end {
    justify-content: end;
  }
  .d-stack--md-justify-around {
    justify-content: space-around;
  }
  .d-stack--md-justify-between {
    justify-content: space-between;
  }
  .d-stack--md-justify-evenly {
    justify-content: space-evenly;
  }
}
@media screen and (min-width: 980px) {
  .d-stack--lg-column {
    --stack-direction: column;
  }
  .d-stack--lg-column-reverse {
    --stack-direction: column-reverse;
  }
  .d-stack--lg-row {
    --stack-direction: row;
  }
  .d-stack--lg-row-reverse {
    --stack-direction: row-reverse;
  }
  .d-stack--lg-gap-50 {
    --stack-gap: var(--dt-space-50);
  }
  .d-stack--lg-gap-100 {
    --stack-gap: var(--dt-space-100);
  }
  .d-stack--lg-gap-200 {
    --stack-gap: var(--dt-space-200);
  }
  .d-stack--lg-gap-300 {
    --stack-gap: var(--dt-space-300);
  }
  .d-stack--lg-gap-350 {
    --stack-gap: var(--dt-space-350);
  }
  .d-stack--lg-gap-400 {
    --stack-gap: var(--dt-space-400);
  }
  .d-stack--lg-gap-450 {
    --stack-gap: var(--dt-space-450);
  }
  .d-stack--lg-gap-500 {
    --stack-gap: var(--dt-space-500);
  }
  .d-stack--lg-gap-525 {
    --stack-gap: var(--dt-space-525);
  }
  .d-stack--lg-gap-550 {
    --stack-gap: var(--dt-space-550);
  }
  .d-stack--lg-gap-600 {
    --stack-gap: var(--dt-space-600);
  }
  .d-stack--lg-gap-625 {
    --stack-gap: var(--dt-space-625);
  }
  .d-stack--lg-gap-650 {
    --stack-gap: var(--dt-space-650);
  }
  .d-stack--lg-gap-700 {
    --stack-gap: var(--dt-space-700);
  }
  .d-stack--lg-align-normal {
    align-items: normal;
  }
  .d-stack--lg-align-start {
    align-items: start;
  }
  .d-stack--lg-align-center {
    align-items: center;
  }
  .d-stack--lg-align-end {
    align-items: end;
  }
  .d-stack--lg-align-stretch {
    align-items: stretch;
  }
  .d-stack--lg-align-baseline {
    align-items: baseline;
  }
  .d-stack--lg-justify-start {
    justify-content: start;
  }
  .d-stack--lg-justify-center {
    justify-content: center;
  }
  .d-stack--lg-justify-end {
    justify-content: end;
  }
  .d-stack--lg-justify-around {
    justify-content: space-around;
  }
  .d-stack--lg-justify-between {
    justify-content: space-between;
  }
  .d-stack--lg-justify-evenly {
    justify-content: space-evenly;
  }
}
@media screen and (min-width: 1264px) {
  .d-stack--xl-column {
    --stack-direction: column;
  }
  .d-stack--xl-column-reverse {
    --stack-direction: column-reverse;
  }
  .d-stack--xl-row {
    --stack-direction: row;
  }
  .d-stack--xl-row-reverse {
    --stack-direction: row-reverse;
  }
  .d-stack--xl-gap-50 {
    --stack-gap: var(--dt-space-50);
  }
  .d-stack--xl-gap-100 {
    --stack-gap: var(--dt-space-100);
  }
  .d-stack--xl-gap-200 {
    --stack-gap: var(--dt-space-200);
  }
  .d-stack--xl-gap-300 {
    --stack-gap: var(--dt-space-300);
  }
  .d-stack--xl-gap-350 {
    --stack-gap: var(--dt-space-350);
  }
  .d-stack--xl-gap-400 {
    --stack-gap: var(--dt-space-400);
  }
  .d-stack--xl-gap-450 {
    --stack-gap: var(--dt-space-450);
  }
  .d-stack--xl-gap-500 {
    --stack-gap: var(--dt-space-500);
  }
  .d-stack--xl-gap-525 {
    --stack-gap: var(--dt-space-525);
  }
  .d-stack--xl-gap-550 {
    --stack-gap: var(--dt-space-550);
  }
  .d-stack--xl-gap-600 {
    --stack-gap: var(--dt-space-600);
  }
  .d-stack--xl-gap-625 {
    --stack-gap: var(--dt-space-625);
  }
  .d-stack--xl-gap-650 {
    --stack-gap: var(--dt-space-650);
  }
  .d-stack--xl-gap-700 {
    --stack-gap: var(--dt-space-700);
  }
  .d-stack--xl-align-normal {
    align-items: normal;
  }
  .d-stack--xl-align-start {
    align-items: start;
  }
  .d-stack--xl-align-center {
    align-items: center;
  }
  .d-stack--xl-align-end {
    align-items: end;
  }
  .d-stack--xl-align-stretch {
    align-items: stretch;
  }
  .d-stack--xl-align-baseline {
    align-items: baseline;
  }
  .d-stack--xl-justify-start {
    justify-content: start;
  }
  .d-stack--xl-justify-center {
    justify-content: center;
  }
  .d-stack--xl-justify-end {
    justify-content: end;
  }
  .d-stack--xl-justify-around {
    justify-content: space-around;
  }
  .d-stack--xl-justify-between {
    justify-content: space-between;
  }
  .d-stack--xl-justify-evenly {
    justify-content: space-evenly;
  }
}
.d-item-layout {
  display: flex;
  align-items: stretch;
  min-height: calc(var(--dt-size-550) + var(--dt-size-300));
  padding: var(--dt-space-300) var(--dt-space-400);
  font-size: var(--dt-font-size-200);
  line-height: var(--dt-font-line-height-300);
}
.d-item-layout > .d-item-layout__content {
  display: flex;
  flex-direction: column;
  flex-grow: 1;
  justify-content: center;
  min-width: var(--dt-size-0);
}
.d-item-layout > .d-item-layout__content > .d-item-layout__subtitle {
  color: var(--dt-color-foreground-tertiary);
  font-size: var(--dt-font-size-100);
}
.d-item-layout > .d-item-layout__content > .d-item-layout__subtitle-with-title {
  margin-top: var(--dt-space-200-negative);
}
.d-item-layout > .d-item-layout__content > .d-item-layout__bottom {
  margin-top: var(--dt-space-200);
}
.d-item-layout > .d-item-layout__right,
.d-item-layout > .d-item-layout__left {
  display: flex;
  align-items: center;
  min-width: var(--dt-size-600);
  min-height: inherit;
}
.d-item-layout > .d-item-layout__right {
  flex-shrink: 0;
  padding-left: var(--dt-space-400);
}
.d-item-layout > .d-item-layout__left {
  justify-content: flex-end;
  padding-right: var(--dt-space-400);
}
.d-item-layout > .d-item-layout__selected {
  display: flex;
  align-items: center;
}
.d-item-layout--custom {
  display: grid;
}
.d-item-layout--custom .d-item-layout__content {
  display: grid;
  grid-auto-rows: auto;
}
.d-avatar {
  --avatar-color-background: var(--dt-avatar-color-background-000);
  --avatar-color-text: var(--dt-avatar-color-foreground);
  --avatar-size-shape: var(--dt-size-600);
  --avatar-size-image: var(--dt-size-100-percent);
  --avatar-size-text: var(--dt-font-size-200);
  --avatar-presence-position-right: var(--dt-space-200-negative);
  --avatar-presence-position-bottom: var(--dt-space-200-negative);
  --avatar-count-color-shadow: var(--dt-shell-color-surface-default);
  --avatar-presence-mask-size: calc(var(--dt-size-450) + var(--dt-size-50));
  position: relative;
  display: flex;
  color: var(--avatar-color-text);
}
.d-avatar--color-000 {
  --avatar-color-background: var(--dt-avatar-color-background-000);
}
.d-avatar--color-100 {
  --avatar-color-background: var(--dt-avatar-color-background-100);
}
.d-avatar--color-200 {
  --avatar-color-background: var(--dt-avatar-color-background-200);
}
.d-avatar--color-300 {
  --avatar-color-background: var(--dt-avatar-color-background-300);
}
.d-avatar--color-400 {
  --avatar-color-background: var(--dt-avatar-color-background-400);
}
.d-avatar--color-500 {
  --avatar-color-background: var(--dt-avatar-color-background-500);
}
.d-avatar--color-600 {
  --avatar-color-background: var(--dt-avatar-color-background-600);
}
.d-avatar--color-700 {
  --avatar-color-background: var(--dt-avatar-color-background-700);
}
.d-avatar--color-800 {
  --avatar-color-background: var(--dt-avatar-color-background-800);
}
.d-avatar--color-900 {
  --avatar-color-background: var(--dt-avatar-color-background-900);
}
.d-avatar--color-1000 {
  --avatar-color-background: var(--dt-avatar-color-background-1000);
}
.d-avatar--color-1100 {
  --avatar-color-background: var(--dt-avatar-color-background-1100);
}
.d-avatar--color-1200 {
  --avatar-color-background: var(--dt-avatar-color-background-1200);
}
.d-avatar--color-1300 {
  --avatar-color-background: var(--dt-avatar-color-background-1300);
}
.d-avatar--color-1400 {
  --avatar-color-background: var(--dt-avatar-color-background-1400);
}
.d-avatar--color-1500 {
  --avatar-color-background: var(--dt-avatar-color-background-1500);
}
.d-avatar--color-1600 {
  --avatar-color-background: var(--dt-avatar-color-background-1600);
}
.d-avatar--color-1700 {
  --avatar-color-background: var(--dt-avatar-color-background-1700);
}
.d-avatar--color-1800 {
  --avatar-color-background: var(--dt-avatar-color-background-1800);
}
.d-avatar__canvas {
  display: flex;
  align-items: center;
  justify-content: center;
  inline-size: var(--avatar-size-shape);
  block-size: var(--avatar-size-shape);
  overflow: hidden;
  background-color: var(--avatar-color-background);
  border-radius: var(--dt-size-radius-pill);
}
.d-avatar__image {
  inline-size: var(--avatar-size-image);
  block-size: var(--avatar-size-image);
  -o-object-fit: cover;
     object-fit: cover;
  border-radius: var(--dt-size-radius-pill);
}
.d-avatar--image-loaded {
  background-color: var(--dt-color-neutral-transparent);
  background-image: unset;
}
.d-avatar__initials {
  position: absolute;
  z-index: var(--zi-base);
  font-weight: var(--dt-font-weight-bold);
  font-size: var(--avatar-size-text);
  line-height: var(--dt-font-line-height-100);
  text-transform: uppercase;
  -webkit-user-select: none;
      -ms-user-select: none;
          user-select: none;
}
.d-avatar__icon {
  display: flex;
}
.d-avatar__presence {
  position: absolute;
  right: var(--avatar-presence-position-right);
  bottom: var(--avatar-presence-position-bottom);
  z-index: var(--zi-base);
  display: flex;
}
.d-avatar__count {
  position: absolute;
  right: var(--dt-space-0);
  bottom: var(--dt-space-0);
  z-index: var(--zi-base);
  display: inline-flex;
  align-items: center;
  justify-content: center;
  box-sizing: border-box;
  min-width: calc(var(--dt-size-300) * 3.5);
  padding: var(--dt-space-200) calc(var(--dt-space-200) + var(--dt-space-100));
  color: var(--dt-color-foreground-primary-inverted);
  font-weight: var(--dt-font-weight-bold);
  font-size: calc(var(--dt-font-size-100) - var(--dt-size-200));
  line-height: var(--dt-font-line-height-100);
  white-space: nowrap;
  text-align: center;
  background-color: var(--dt-color-surface-strong);
  border-radius: var(--dt-size-radius-pill);
  box-shadow: 0 0 0 var(--dt-size-200) var(--avatar-count-color-shadow);
  --avatar-count-color-shadow: var(--dt-color-neutral-transparent);
}
.d-recipe-leftbar-row--selected .d-avatar__count,
.d-recipe-leftbar-row__primary:hover .d-avatar__count {
  --avatar-count-color-shadow: var(--dt-shell-action-color-background-primary-hover);
}
.d-avatar--clickable {
  --avatar-color-border: var(--dt-color-neutral-transparent);
  padding: 0;
  background-color: var(--dt-color-neutral-transparent);
  border: var(--dt-size-border-100) solid var(--avatar-color-border);
  border-radius: var(--dt-size-radius-circle);
  cursor: pointer;
}
.d-avatar--clickable:focus-visible {
  outline: none;
  box-shadow: var(--dt-shadow-focus);
}
.d-avatar--clickable:hover {
  --avatar-color-border: var(--dt-color-border-default);
}
.d-avatar--clickable:active {
  --avatar-color-border: var(--dt-color-border-moderate);
  -webkit-transform: scale(0.98);
          transform: scale(0.98);
}
.d-avatar__overlay {
  position: absolute;
  z-index: var(--zi-base);
  display: flex;
  align-items: center;
  justify-content: center;
  inline-size: var(--dt-size-100-percent);
  block-size: var(--dt-size-100-percent);
  background-color: var(--dt-color-surface-contrast-opaque);
  border-radius: var(--dt-size-radius-circle);
  opacity: var(--dt-opacity-900);
}
.d-avatar__overlay-icon {
  inline-size: var(--dt-size-100-percent);
  color: var(--dt-color-foreground-primary-inverted);
}
.d-avatar__overlay-text {
  inline-size: var(--dt-size-100-percent);
  color: var(--dt-color-foreground-primary-inverted);
  font-weight: var(--dt-font-weight-bold);
  font-size: var(--dt-font-size-200);
  text-align: center;
}
.d-avatar--xs {
  --avatar-size-shape: calc(var(--dt-size-500) + var(--dt-size-200));
  --avatar-presence-position-right: var(--dt-space-300-negative);
  --avatar-presence-position-bottom: var(--dt-space-300-negative);
  --avatar-presence-mask-offset-x: var(--dt-space-200);
  --avatar-presence-mask-offset-y: var(--dt-space-200);
}
.d-avatar--sm {
  --avatar-size-shape: var(--dt-size-550);
  --avatar-size-text: var(--dt-font-size-100);
  --avatar-presence-position-right: var(--dt-space-200-negative);
  --avatar-presence-position-bottom: var(--dt-space-200-negative);
  --avatar-presence-mask-offset-x: var(--dt-space-300);
  --avatar-presence-mask-offset-y: var(--dt-space-300);
}
.d-avatar--md {
  --avatar-size-shape: var(--dt-size-600);
  --avatar-size-text: var(--dt-font-size-200);
  --avatar-presence-position-right: var(--dt-space-100-negative);
  --avatar-presence-position-bottom: var(--dt-space-100-negative);
  --avatar-presence-mask-offset-x: calc(var(--dt-space-350) - var(--dt-space-100));
  --avatar-presence-mask-offset-y: calc(var(--dt-space-350) - var(--dt-space-100));
}
.d-avatar--lg {
  --avatar-size-shape: var(--dt-size-650);
  --avatar-size-text: var(--dt-font-size-300);
  --avatar-presence-position-right: var(--dt-space-100);
  --avatar-presence-position-bottom: var(--dt-space-100);
  --avatar-presence-mask-offset-x: calc(var(--dt-space-400) - var(--dt-space-100));
  --avatar-presence-mask-offset-y: calc(var(--dt-space-400) - var(--dt-space-100));
}
.d-avatar--xl {
  --avatar-size-shape: var(--dt-size-700);
  --avatar-size-text: var(--dt-font-size-400);
  --avatar-presence-position-right: var(--dt-space-300);
  --avatar-presence-position-bottom: var(--dt-space-300);
  --avatar-presence-mask-offset-x: calc(var(--dt-space-450) - var(--dt-space-200));
  --avatar-presence-mask-offset-y: calc(var(--dt-space-450) - var(--dt-space-200));
}
.d-avatar--presence > .d-avatar__canvas,
.d-avatar--presence > .d-avatar__overlay {
  -webkit-mask: radial-gradient(circle calc(var(--avatar-presence-mask-size) / 2) at calc(var(--dt-size-100-percent) - var(--avatar-presence-mask-offset-x)) calc(var(--dt-size-100-percent) - var(--avatar-presence-mask-offset-y)), var(--dt-color-neutral-transparent) 92%, var(--dt-color-neutral-white) var(--dt-size-100-percent));
          mask: radial-gradient(circle calc(var(--avatar-presence-mask-size) / 2) at calc(var(--dt-size-100-percent) - var(--avatar-presence-mask-offset-x)) calc(var(--dt-size-100-percent) - var(--avatar-presence-mask-offset-y)), var(--dt-color-neutral-transparent) 92%, var(--dt-color-neutral-white) var(--dt-size-100-percent));
}
.d-avatar--presence.d-avatar--clickable {
  border-color: var(--dt-color-neutral-transparent);
}
.d-avatar--presence.d-avatar--clickable::before {
  position: absolute;
  background-color: var(--dt-color-neutral-transparent);
  border: var(--dt-size-border-100) solid var(--avatar-color-border);
  border-radius: var(--dt-size-radius-circle);
  content: "";
  inset: calc(var(--dt-space-100) * -1);
  -webkit-mask: radial-gradient(circle calc(var(--avatar-presence-mask-size) / 2) at calc(var(--dt-size-100-percent) - var(--avatar-presence-mask-offset-x) - var(--dt-size-100)) calc(var(--dt-size-100-percent) - var(--avatar-presence-mask-offset-y) - var(--dt-size-100)), var(--dt-color-neutral-transparent) 92%, var(--dt-color-neutral-white) var(--dt-size-100-percent));
          mask: radial-gradient(circle calc(var(--avatar-presence-mask-size) / 2) at calc(var(--dt-size-100-percent) - var(--avatar-presence-mask-offset-x) - var(--dt-size-100)) calc(var(--dt-size-100-percent) - var(--avatar-presence-mask-offset-y) - var(--dt-size-100)), var(--dt-color-neutral-transparent) 92%, var(--dt-color-neutral-white) var(--dt-size-100-percent));
}
.d-avatar--presence > .d-presence {
  --presence-color-border-base: var(--dt-color-neutral-transparent);
}
.d-recipe-leftbar-row--selected .d-avatar--presence .d-presence,
.d-recipe-leftbar-row:hover .d-avatar--presence .d-presence,
.d-recipe-leftbar-row:focus-within .d-avatar--presence .d-presence,
.d-recipe-leftbar-row__primary:hover .d-avatar--presence .d-presence {
  --presence-color-border-base: var(--dt-color-neutral-transparent);
}
.d-avatar--group {
  --avatar-size-shape: calc(var(--dt-size-300) * 4.5);
  inline-size: var(--dt-size-550);
  block-size: var(--dt-size-550);
  --avatar-count-mask-size: calc(var(--dt-size-500) + var(--dt-size-200) + var(--dt-size-100));
  --avatar-count-mask-outer-circle-radius: calc(var(--dt-size-400) + var(--dt-size-100));
  --avatar-count-mask-outer-circle-x: calc(var(--dt-size-400) + var(--dt-size-100));
  --avatar-count-mask-outer-circle-y: calc(var(--dt-size-400) + var(--dt-size-100));
  --avatar-count-mask-offset-x: var(--dt-space-100);
  --avatar-count-mask-offset-y: var(--dt-space-100);
  --avatar-count-mask-svg-w: calc(var(--dt-size-625) - var(--dt-size-200));
  --avatar-count-mask-svg-h: calc(var(--dt-size-500) + var(--dt-size-200));
  --avatar-count-color-shadow: var(--dt-color-neutral-transparent);
}
.d-avatar--group.d-avatar--clickable {
  border: none !important;
}
.d-avatar--group > .d-avatar__canvas,
.d-avatar--group > .d-avatar__overlay {
  -webkit-mask: radial-gradient(circle calc(var(--avatar-count-mask-size) / 2) at calc(var(--dt-size-100-percent) - var(--avatar-count-mask-offset-x)) calc(var(--dt-size-100-percent) - var(--avatar-count-mask-offset-y)), var(--dt-color-neutral-transparent) 92%, var(--dt-color-neutral-white) var(--dt-size-100-percent));
          mask: radial-gradient(circle calc(var(--avatar-count-mask-size) / 2) at calc(var(--dt-size-100-percent) - var(--avatar-count-mask-offset-x)) calc(var(--dt-size-100-percent) - var(--avatar-count-mask-offset-y)), var(--dt-color-neutral-transparent) 92%, var(--dt-color-neutral-white) var(--dt-size-100-percent));
  will-change: transform;
}
.d-avatar--group-digits-2 {
  --avatar-count-mask-offset-x: var(--dt-space-300);
  --avatar-count-mask-offset-y: var(--dt-space-400);
}
.d-avatar--group-digits-2 > .d-avatar__canvas,
.d-avatar--group-digits-2 > .d-avatar__overlay {
  -webkit-mask: radial-gradient(circle var(--avatar-count-mask-outer-circle-radius) at var(--avatar-count-mask-outer-circle-x) var(--avatar-count-mask-outer-circle-y), var(--dt-color-neutral-white) 99%, var(--dt-color-neutral-transparent) var(--dt-size-100-percent)), url('data:image/svg+xml,<svg width="40" height="18" viewBox="0 0 40 18" fill="white" xmlns="http://www.w3.org/2000/svg"><rect width="40" height="18" rx="9" fill="white"/></svg>') var(--avatar-count-mask-offset-x) var(--avatar-count-mask-offset-y) / var(--avatar-count-mask-svg-w) var(--avatar-count-mask-svg-h) no-repeat;
          mask: radial-gradient(circle var(--avatar-count-mask-outer-circle-radius) at var(--avatar-count-mask-outer-circle-x) var(--avatar-count-mask-outer-circle-y), var(--dt-color-neutral-white) 99%, var(--dt-color-neutral-transparent) var(--dt-size-100-percent)), url('data:image/svg+xml,<svg width="40" height="18" viewBox="0 0 40 18" fill="white" xmlns="http://www.w3.org/2000/svg"><rect width="40" height="18" rx="9" fill="white"/></svg>') var(--avatar-count-mask-offset-x) var(--avatar-count-mask-offset-y) / var(--avatar-count-mask-svg-w) var(--avatar-count-mask-svg-h) no-repeat;
  -webkit-mask-composite: subtract;
  mask-composite: subtract;
  will-change: transform;
}
.d-avatar--group-digits-2 > .d-avatar__count {
  padding-inline: var(--dt-space-0);
  inline-size: calc(var(--dt-size-500) + var(--dt-size-200));
}
.d-avatar--group-digits-3 {
  --avatar-count-mask-offset-x: var(--dt-space-300-negative);
  --avatar-count-mask-offset-y: var(--dt-space-400);
}
.d-avatar--group-digits-3 > .d-avatar__canvas,
.d-avatar--group-digits-3 > .d-avatar__overlay {
  -webkit-mask: radial-gradient(circle var(--avatar-count-mask-outer-circle-radius) at var(--avatar-count-mask-outer-circle-x) var(--avatar-count-mask-outer-circle-y), var(--dt-color-neutral-white) 99%, var(--dt-color-neutral-transparent) var(--dt-size-100-percent)), url('data:image/svg+xml,<svg width="40" height="18" viewBox="0 0 40 18" fill="white" xmlns="http://www.w3.org/2000/svg"><rect width="40" height="18" rx="9" /></svg>') var(--avatar-count-mask-offset-x) var(--avatar-count-mask-offset-y) / var(--avatar-count-mask-svg-w) var(--avatar-count-mask-svg-h) no-repeat;
          mask: radial-gradient(circle var(--avatar-count-mask-outer-circle-radius) at var(--avatar-count-mask-outer-circle-x) var(--avatar-count-mask-outer-circle-y), var(--dt-color-neutral-white) 99%, var(--dt-color-neutral-transparent) var(--dt-size-100-percent)), url('data:image/svg+xml,<svg width="40" height="18" viewBox="0 0 40 18" fill="white" xmlns="http://www.w3.org/2000/svg"><rect width="40" height="18" rx="9" /></svg>') var(--avatar-count-mask-offset-x) var(--avatar-count-mask-offset-y) / var(--avatar-count-mask-svg-w) var(--avatar-count-mask-svg-h) no-repeat;
  -webkit-mask-composite: subtract;
  mask-composite: subtract;
  will-change: transform;
}
.d-avatar--group-digits-3 > .d-avatar__count {
  padding-inline: var(--dt-space-0);
  inline-size: calc(var(--dt-size-550) + var(--dt-size-200));
}
.d-badge {
  --badge-color-text: var(--dt-badge-color-foreground-default);
  --badge-color-background: var(--dt-badge-color-background-default);
  --badge-color-outline: var(--dt-badge-color-border-default);
  --badge-radius: var(--dt-size-300);
  --badge-line-height: calc(var(--dt-size-500) + var(--dt-size-200));
  --badge-font-size: var(--dt-font-size-100);
  --badge-font-weight: var(--dt-font-weight-semi-bold);
  --badge-gap: var(--dt-space-200);
  --badge-letter-spacing: var(--dt-size-50);
  --badge-padding-y: var(--dt-space-100);
  --badge-padding-x: var(--dt-space-300);
  --badge-label-padding-x: var(--dt-space-200);
  --badge-text-case: none;
  --badge-decorative-color: var(--dt-color-black-900);
  display: inline-flex;
  gap: var(--badge-gap);
  align-items: center;
  justify-content: center;
  box-sizing: border-box;
  min-inline-size: var(--dt-size-550);
  padding: var(--badge-padding-y) var(--badge-padding-x);
  color: var(--badge-color-text);
  font-weight: var(--badge-font-weight);
  font-size: var(--badge-font-size);
  line-height: var(--badge-line-height);
  letter-spacing: var(--badge-letter-spacing);
  text-align: center;
  text-transform: var(--badge-text-case);
  background-color: var(--badge-color-background);
  border-radius: var(--badge-radius);
}
.d-badge--count {
  --badge-radius: var(--dt-size-radius-pill);
  --badge-padding-x: calc(var(--dt-space-400) - var(--dt-space-100));
  --badge-padding-y: var(--dt-space-300);
  --badge-line-height: var(--dt-size-500);
  --badge-label-padding-x: var(--dt-space-0);
  --badge-gap: var(--dt-space-300);
}
.d-badge--info {
  --badge-color-background: var(--dt-badge-color-background-info);
}
.d-badge--success {
  --badge-color-background: var(--dt-badge-color-background-success);
}
.d-badge--warning {
  --badge-color-background: var(--dt-badge-color-background-warning);
}
.d-badge--critical {
  --badge-color-background: var(--dt-badge-color-background-critical);
}
.d-badge--bulletin {
  --badge-color-text: var(--dt-badge-color-foreground-bulletin);
  --badge-color-background: var(--dt-badge-color-background-bulletin);
}
.d-badge--bulletin.d-badge--subtle {
  --badge-color-text: var(--dt-badge-color-foreground-bulletin-subtle);
  --badge-color-background: var(--dt-badge-color-background-bulletin-subtle);
  --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);
  background-image: var(--dt-badge-color-background-ai);
}
.d-badge--outlined {
  box-shadow: 0 0 0 var(--dt-size-border-100) var(--badge-color-outline) inset;
}
.d-badge--decorate-black-400 {
  --badge-decorative-color: var(--dt-color-black-400);
}
.d-badge--decorate-black-500 {
  --badge-decorative-color: var(--dt-color-black-500);
}
.d-badge--decorate-black-900 {
  --badge-decorative-color: var(--dt-color-black-900);
}
.d-badge--decorate-red-200 {
  --badge-decorative-color: var(--dt-color-red-200);
}
.d-badge--decorate-red-300 {
  --badge-decorative-color: var(--dt-color-red-300);
}
.d-badge--decorate-red-400 {
  --badge-decorative-color: var(--dt-color-red-400);
}
.d-badge--decorate-purple-200 {
  --badge-decorative-color: var(--dt-color-purple-200);
}
.d-badge--decorate-purple-300 {
  --badge-decorative-color: var(--dt-color-purple-300);
}
.d-badge--decorate-purple-400 {
  --badge-decorative-color: var(--dt-color-purple-400);
}
.d-badge--decorate-purple-500 {
  --badge-decorative-color: var(--dt-color-purple-500);
}
.d-badge--decorate-blue-200 {
  --badge-decorative-color: var(--dt-color-blue-200);
}
.d-badge--decorate-blue-300 {
  --badge-decorative-color: var(--dt-color-blue-300);
}
.d-badge--decorate-blue-400 {
  --badge-decorative-color: var(--dt-color-blue-400);
}
.d-badge--decorate-green-300 {
  --badge-decorative-color: var(--dt-color-green-300);
}
.d-badge--decorate-green-400 {
  --badge-decorative-color: var(--dt-color-green-400);
}
.d-badge--decorate-green-500 {
  --badge-decorative-color: var(--dt-color-green-500);
}
.d-badge--decorate-gold-300 {
  --badge-decorative-color: var(--dt-color-gold-300);
}
.d-badge--decorate-gold-400 {
  --badge-decorative-color: var(--dt-color-gold-400);
}
.d-badge--decorate-gold-500 {
  --badge-decorative-color: var(--dt-color-gold-500);
}
.d-badge--decorate-magenta-200 {
  --badge-decorative-color: var(--dt-color-magenta-200);
}
.d-badge--decorate-magenta-300 {
  --badge-decorative-color: var(--dt-color-magenta-300);
}
.d-badge--decorate-magenta-400 {
  --badge-decorative-color: var(--dt-color-magenta-400);
}
.d-badge__decorative {
  display: inline-flex;
  width: var(--dt-size-400);
  height: var(--dt-size-400);
  background-color: var(--badge-decorative-color);
  border-radius: var(--dt-size-200);
  -webkit-margin-start: var(--dt-space-200);
          margin-inline-start: var(--dt-space-200);
}
.d-badge__label {
  display: flex;
  align-items: center;
  padding-inline: var(--badge-label-padding-x);
}
.d-badge__icon-left,
.d-badge__icon-right {
  display: flex;
}
.d-badge__icon-left {
  -webkit-padding-start: var(--dt-space-100);
          padding-inline-start: var(--dt-space-100);
}
.d-badge__icon-right {
  -webkit-padding-end: var(--dt-space-100);
          padding-inline-end: var(--dt-space-100);
}
.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-text: var(--dt-color-link-muted);
}
.d-breadcrumbs--inverted {
  --breadcrumbs-color-separator: var(--dt-color-foreground-muted-inverted);
  --breadcrumbs-color-text: var(--dt-color-link-muted-inverted);
}
.d-breadcrumbs > ol {
  display: flex;
  flex-wrap: wrap;
  align-items: flex-start;
  box-sizing: border-box;
  margin: 0;
  padding: 0;
  font-size: var(--breadcrumbs-font-size);
  line-height: var(--breadcrumbs-line-height);
  list-style: none;
}
.d-breadcrumbs__item {
  position: relative;
  margin: 0 0 0 var(--dt-space-400);
  padding: 0;
  list-style: none;
}
.d-breadcrumbs__item:not(:last-of-type) {
  margin-right: var(--dt-space-450);
}
.d-breadcrumbs__item:not(:last-of-type)::before {
  position: absolute;
  right: var(--dt-space-450-negative);
  margin-top: var(--dt-space-100-negative);
  color: var(--breadcrumbs-color-separator);
  content: '/';
}
.d-breadcrumbs__item .d-link {
  color: var(--breadcrumbs-color-text);
  text-decoration: none;
}
.d-breadcrumbs__item .d-link:hover {
  text-decoration: underline;
}
.d-breadcrumbs__item--selected {
  --breadcrumbs-color-text: var(--dt-color-foreground-primary);
  font-weight: var(--dt-font-weight-medium);
  cursor: default;
}
.d-breadcrumbs--inverted .d-breadcrumbs__item--selected {
  --breadcrumbs-color-text: var(--dt-color-foreground-primary-inverted);
}
.d-btn,
.d-btn--md {
  --button-color-text: var(--dt-action-color-foreground-base-default);
  --button-color-background: var(--dt-action-color-background-base-default);
  --button-color-border: transparent;
  --button-gap: calc(var(--button-padding-x) / 2);
  --button-border-radius: var(--dt-button-size-radius-md);
  --button-border-width: var(--dt-size-border-100);
  --button-typography: var(--dt-typography-button-md);
  --button-padding-y-xs: calc(calc(var(--dt-space-400) - var(--dt-space-100)) - var(--button-border-width));
  --button-padding-x-xs: calc(var(--dt-space-400) - var(--button-border-width));
  --button-padding-y-sm: calc(var(--dt-space-400) - var(--button-border-width));
  --button-padding-x-sm: calc(var(--dt-space-450) - var(--button-border-width));
  --button-padding-y-md: calc(var(--dt-space-400) - var(--button-border-width));
  --button-padding-x-md: calc(var(--dt-space-450) - var(--button-border-width));
  --button-padding-y-lg: calc((var(--dt-space-400) + var(--dt-space-200)) - var(--button-border-width));
  --button-padding-x-lg: calc(var(--dt-space-500) - var(--button-border-width));
  --button-padding-y-xl: calc(var(--dt-space-450) - var(--button-border-width));
  --button-padding-x-xl: calc(var(--dt-space-500) - var(--button-border-width));
  --button-padding-y: var(--button-padding-y-md);
  --button-padding-x: var(--button-padding-x-md);
  position: relative;
  display: inline-flex;
  gap: var(--button-gap);
  align-items: center;
  justify-content: center;
  box-sizing: border-box;
  padding: var(--button-padding-y) var(--button-padding-x);
  color: var(--button-color-text);
  font: var(--button-typography);
  text-transform: inherit;
  text-decoration: none;
  vertical-align: middle;
  background-color: var(--button-color-background);
  border-color: var(--button-color-border);
  border-style: solid;
  border-width: var(--button-border-width);
  border-radius: var(--button-border-radius);
  cursor: pointer;
  transition-timing-function: var(--ttf-out-quint);
  transition-duration: var(--td100);
  transition-property: background-color, border, box-shadow;
  -webkit-user-select: none;
      -ms-user-select: none;
          user-select: none;
  fill: currentColor;
}
.d-btn:hover:not([disabled]),
.d-btn--md:hover:not([disabled]) {
  --button-color-text: var(--dt-action-color-foreground-base-hover);
  --button-color-background: var(--dt-action-color-background-base-hover);
}
.d-btn:active:not([disabled]),
.d-btn--md:active:not([disabled]),
.d-btn.d-btn--active:not([disabled]),
.d-btn--md.d-btn--active:not([disabled]),
.d-btn.d-btn--active:active:not([disabled]),
.d-btn--md.d-btn--active:active:not([disabled]) {
  --button-color-text: var(--dt-action-color-foreground-base-active);
  --button-color-background: var(--dt-action-color-background-base-active);
}
.d-btn:focus-visible,
.d-btn--md:focus-visible {
  outline: none;
  box-shadow: var(--dt-shadow-focus);
}
.d-btn[disabled],
.d-btn--md[disabled] {
  --button-color-border: transparent !important;
  --button-color-text: var(--dt-action-color-foreground-disabled-default) !important;
  --button-color-background: var(--dt-action-color-background-disabled-default) !important;
  cursor: not-allowed;
  transition: none;
}
.d-btn--unstyled {
  /* stylelint-disable */
  all: unset;
  /* stylelint-enable */
  display: inline-flex;
  align-content: center;
  align-items: center;
  color: inherit;
  font: inherit;
  cursor: pointer;
}
.d-btn--unstyled:focus-visible {
  outline: none;
  box-shadow: var(--dt-shadow-focus);
}
.d-btn--xs {
  --button-typography: var(--dt-typography-button-xs);
  --button-padding-y: var(--button-padding-y-xs);
  --button-padding-x: var(--button-padding-x-xs);
  --button-border-radius: var(--dt-button-size-radius-xs);
}
.d-btn--sm {
  --button-typography: var(--dt-typography-button-sm);
  --button-padding-y: var(--button-padding-y-sm);
  --button-padding-x: var(--button-padding-x-sm);
  --button-border-radius: var(--dt-button-size-radius-sm);
}
.d-btn--lg {
  --button-typography: var(--dt-typography-button-lg);
  --button-padding-y: var(--button-padding-y-lg);
  --button-padding-x: var(--button-padding-x-lg);
  --button-border-radius: var(--dt-button-size-radius-lg);
}
.d-btn--xl {
  --button-typography: var(--dt-typography-button-xl);
  --button-padding-y: var(--button-padding-y-xl);
  --button-padding-x: var(--button-padding-x-xl);
  --button-border-radius: var(--dt-button-size-radius-xl);
}
.d-btn__label {
  display: inline-flex;
  flex: 1 auto;
  align-items: center;
  justify-content: center;
}
.d-btn--vertical {
  flex-direction: column;
}
.d-btn__icon {
  display: flex;
}
.d-btn__icon--left,
.d-btn__icon--top {
  order: -1;
}
.d-btn__icon--right,
.d-btn__icon--bottom {
  order: 1;
}
.d-btn__icon--left:not(:only-child) {
  margin-left: var(--dt-space-200-negative);
}
.d-btn__icon--right:not(:only-child) {
  margin-right: var(--dt-space-200-negative);
}
.d-btn--circle {
  --button-padding-x: var(--button-padding-y-md);
  --button-padding-y: var(--button-padding-y-md);
  --button-color-text: var(--dt-action-color-foreground-muted-default);
  --button-border-radius: var(--dt-size-radius-circle);
}
.d-btn--circle:hover:not([disabled]) {
  --button-color-text: var(--dt-action-color-foreground-muted-hover);
  --button-color-background: var(--dt-action-color-background-muted-hover);
}
.d-btn--circle:active:not([disabled]),
.d-btn--circle.d-btn--active:not([disabled]),
.d-btn--circle.d-btn--active:active:not([disabled]) {
  --button-color-text: var(--dt-action-color-foreground-muted-active);
  --button-color-background: var(--dt-action-color-background-muted-active);
}
.d-btn--circle .d-btn__icon {
  margin: unset;
}
.d-btn--circle.d-btn__label {
  display: none;
}
.d-btn--circle.d-btn--outlined {
  --button-color-border: var(--dt-action-color-border-muted-outlined-default);
}
.d-btn--circle.d-btn--xs {
  --button-padding-y: var(--button-padding-y-xs);
  --button-padding-x: var(--button-padding-y-xs);
}
.d-btn--circle.d-btn--sm {
  --button-padding-y: var(--button-padding-y-sm);
  --button-padding-x: var(--button-padding-y-sm);
}
.d-btn--circle.d-btn--md {
  --button-padding-x: var(--button-padding-y-md);
  --button-padding-y: var(--button-padding-y-md);
}
.d-btn--circle.d-btn--lg {
  --button-padding-x: calc(var(--button-padding-y-lg) + var(--dt-space-100));
  --button-padding-y: calc(var(--button-padding-y-lg) + var(--dt-space-100));
}
.d-btn--circle.d-btn--xl {
  --button-padding-x: calc(var(--button-padding-y-xl) + var(--dt-space-300));
  --button-padding-y: calc(var(--button-padding-y-xl) + var(--dt-space-300));
}
.d-btn--outlined {
  --button-color-border: var(--dt-action-color-border-base-outlined-default);
}
.d-btn--primary {
  --button-color-text: var(--dt-action-color-foreground-base-primary-default);
  --button-color-background: var(--dt-action-color-background-base-primary-default);
}
.d-btn--primary:hover:not([disabled]) {
  --button-color-text: var(--dt-action-color-foreground-base-primary-default);
  --button-color-background: var(--dt-action-color-background-base-primary-hover);
}
.d-btn--primary:active:not([disabled]),
.d-btn--primary.d-btn--active:not([disabled]),
.d-btn--primary.d-btn--active:active:not([disabled]) {
  --button-color-text: var(--dt-action-color-foreground-base-primary-default);
  --button-color-background: var(--dt-action-color-background-base-primary-active);
}
.d-btn--muted {
  --button-color-text: var(--dt-action-color-foreground-muted-default);
}
.d-btn--muted:hover:not([disabled]) {
  --button-color-text: var(--dt-action-color-foreground-muted-hover);
  --button-color-background: var(--dt-action-color-background-muted-hover);
}
.d-btn--muted:active:not([disabled]),
.d-btn--muted.d-btn--active:not([disabled]),
.d-btn--muted.d-btn--active:active:not([disabled]) {
  --button-color-text: var(--dt-action-color-foreground-muted-active);
  --button-color-background: var(--dt-action-color-background-muted-active);
}
.d-btn--muted.d-btn--outlined {
  --button-color-border: var(--dt-action-color-border-muted-outlined-default);
}
.d-btn--danger {
  --button-color-text: var(--dt-action-color-foreground-critical-default);
  --button-color-background: var(--dt-action-color-background-critical-default);
}
.d-btn--danger:hover:not([disabled]) {
  --button-color-text: var(--dt-action-color-foreground-critical-hover);
  --button-color-background: var(--dt-action-color-background-critical-hover);
}
.d-btn--danger:active:not([disabled]),
.d-btn--danger.d-btn--active:not([disabled]),
.d-btn--danger.d-btn--active:active:not([disabled]) {
  --button-color-text: var(--dt-action-color-foreground-critical-active);
  --button-color-background: var(--dt-action-color-background-critical-active);
}
.d-btn--danger.d-btn--outlined {
  --button-color-border: var(--dt-action-color-border-critical-outlined-default);
}
.d-btn--danger.d-btn--primary {
  --button-color-text: var(--dt-action-color-foreground-critical-primary-default);
  --button-color-background: var(--dt-action-color-background-critical-primary-default);
}
.d-btn--danger.d-btn--primary:hover:not([disabled]) {
  --button-color-text: var(--dt-action-color-foreground-critical-primary-default);
  --button-color-background: var(--dt-action-color-background-critical-primary-hover);
}
.d-btn--danger.d-btn--primary:active:not([disabled]),
.d-btn--danger.d-btn--primary.d-btn--active:not([disabled]),
.d-btn--danger.d-btn--primary.d-btn--active:active:not([disabled]) {
  --button-color-text: var(--dt-action-color-foreground-critical-primary-default);
  --button-color-background: var(--dt-action-color-background-critical-primary-active);
}
.d-btn--positive {
  --button-color-text: var(--dt-action-color-foreground-positive-default);
  --button-color-background: var(--dt-action-color-background-positive-default);
}
.d-btn--positive:hover:not([disabled]) {
  --button-color-text: var(--dt-action-color-foreground-positive-hover);
  --button-color-background: var(--dt-action-color-background-positive-hover);
}
.d-btn--positive:active:not([disabled]),
.d-btn--positive.d-btn--active:not([disabled]),
.d-btn--positive.d-btn--active:active:not([disabled]) {
  --button-color-text: var(--dt-action-color-foreground-positive-active);
  --button-color-background: var(--dt-action-color-background-positive-active);
}
.d-btn--positive.d-btn--outlined {
  --button-color-border: var(--dt-action-color-border-positive-outlined-default);
}
.d-btn--positive.d-btn--primary {
  --button-color-text: var(--dt-action-color-foreground-positive-primary-default);
  --button-color-background: var(--dt-action-color-background-positive-primary-default);
}
.d-btn--positive.d-btn--primary:hover:not([disabled]) {
  --button-color-text: var(--dt-action-color-foreground-positive-primary-default);
  --button-color-background: var(--dt-action-color-background-positive-primary-hover);
}
.d-btn--positive.d-btn--primary:active:not([disabled]),
.d-btn--positive.d-btn--primary.d-btn--active:not([disabled]),
.d-btn--positive.d-btn--primary.d-btn--active:active:not([disabled]) {
  --button-color-text: var(--dt-action-color-foreground-positive-primary-default);
  --button-color-background: var(--dt-action-color-background-positive-primary-active);
}
.d-btn--inverted {
  --button-color-text: var(--dt-action-color-foreground-inverted-default);
  --button-color-background: var(--dt-action-color-background-inverted-default);
}
.d-btn--inverted:hover:not([disabled]) {
  --button-color-text: var(--dt-action-color-foreground-inverted-hover);
  --button-color-background: var(--dt-action-color-background-inverted-hover);
}
.d-btn--inverted:active:not([disabled]),
.d-btn--inverted.d-btn--active:not([disabled]),
.d-btn--inverted.d-btn--active:active:not([disabled]) {
  --button-color-text: var(--dt-action-color-foreground-inverted-active);
  --button-color-background: var(--dt-action-color-background-inverted-active);
}
.d-btn--inverted.d-btn--outlined {
  --button-color-border: var(--dt-action-color-border-inverted-outlined-default);
}
.d-btn--inverted.d-btn--primary {
  --button-color-text: var(--dt-action-color-foreground-inverted-primary-default);
  --button-color-background: var(--dt-action-color-background-inverted-primary-default);
}
.d-btn--inverted.d-btn--primary:hover:not([disabled]) {
  --button-color-text: var(--dt-action-color-foreground-inverted-primary-hover);
  --button-color-background: var(--dt-action-color-background-inverted-primary-hover);
}
.d-btn--inverted.d-btn--primary:active:not([disabled]),
.d-btn--inverted.d-btn--primary.d-btn--active:not([disabled]),
.d-btn--inverted.d-btn--primary.d-btn--active:active:not([disabled]) {
  --button-color-text: var(--dt-action-color-foreground-inverted-primary-active);
  --button-color-background: var(--dt-action-color-background-inverted-primary-active);
}
.d-btn--icon-only {
  --button-padding-x: var(--button-padding-y-md);
  --button-padding-y: var(--button-padding-y-md);
}
.d-btn--icon-only .d-btn__icon {
  margin: unset;
}
.d-btn--icon-only.d-btn--xs {
  --button-padding-y: var(--button-padding-y-xs);
  --button-padding-x: var(--button-padding-y-xs);
}
.d-btn--icon-only.d-btn--sm {
  --button-padding-y: var(--button-padding-y-sm);
  --button-padding-x: var(--button-padding-y-sm);
}
.d-btn--icon-only.d-btn--md {
  --button-padding-x: var(--button-padding-y-md);
  --button-padding-y: var(--button-padding-y-md);
}
.d-btn--icon-only.d-btn--lg {
  --button-padding-x: calc(var(--button-padding-y-lg) + var(--dt-space-100));
  --button-padding-y: calc(var(--button-padding-y-lg) + var(--dt-space-100));
}
.d-btn--icon-only.d-btn--xl {
  --button-padding-x: calc(var(--button-padding-y-xl) + var(--dt-space-300));
  --button-padding-y: calc(var(--button-padding-y-xl) + var(--dt-space-300));
}
.d-btn--loading {
  pointer-events: none;
}
.d-btn--loading .d-btn__icon,
.d-btn--loading .d-btn__label {
  opacity: 0;
  transition: opacity 50ms var(--ttf-in-out);
}
.d-btn--loading::before {
  position: absolute;
  width: var(--dt-size-500);
  height: var(--dt-size-500);
  border: var(--dt-size-200) solid currentColor;
  border-left-color: transparent !important;
  border-radius: var(--dt-size-radius-circle);
  -webkit-animation: d-loading-circle 900ms infinite linear;
          animation: d-loading-circle 900ms infinite linear;
  content: "";
}
.d-btn--disabled {
  --button-color-text: var(--dt-action-color-foreground-disabled-default) !important;
  --button-color-background: var(--dt-action-color-background-disabled-default) !important;
  --button-color-border: transparent !important;
  cursor: not-allowed;
  transition: none;
  pointer-events: none;
}
.d-btn--brand {
  --button-color-text: var(--dt-color-neutral-white);
  --button-color-background: hsl(var(--brand-color-h) var(--brand-color-s) var(--brand-color-l));
  display: flex;
}
.d-btn--brand:hover:not([disabled]),
.d-btn--brand:active:not([disabled]) {
  --button-color-text: hsl(var(--dt-color-neutral-white-hsl)  /  90%);
  --button-color-background: hsl(var(--brand-color-h) calc(var(--brand-color-s) + 2.5%) calc(var(--brand-color-l) - 5%));
}
.d-btn--brand:focus-visible {
  box-shadow: 0 0 0 var(--dt-space-100) var(--dt-color-neutral-white), 0 0 0 0.25em hsl(var(--brand-color-h) var(--brand-color-s) var(--brand-color-l)  /  90%);
}
.d-btn--brand:active:not([disabled]) {
  --button-color-background: hsl(var(--brand-color-h) calc(var(--brand-color-s) + 5%) calc(var(--brand-color-l) - 10%));
}
.d-btn--brand .d-btn__icon {
  align-items: center;
  justify-content: center;
  width: 2em;
  height: 2em;
  margin-right: var(--dt-space-400);
  margin-left: var(--dt-space-300-negative);
  background-color: var(--dt-color-neutral-white);
  border-radius: var(--dt-size-radius-200);
}
.d-btn--brand .d-btn__label {
  flex: 1 auto;
}
.d-btn--google {
  --brand-color-h: 217;
  --brand-color-s: 89%;
  --brand-color-l: 61%;
}
.d-btn--o365 {
  --brand-color-h: 15;
  --brand-color-s: 99%;
  --brand-color-l: 46%;
}
.d-btn--linkedin {
  --brand-color-h: 197;
  --brand-color-s: 100%;
  --brand-color-l: 26%;
}
.d-split-btn {
  display: inline-flex;
  gap: var(--dt-space-0);
  align-items: stretch;
  justify-content: center;
}
.d-split-btn .d-popover,
.d-split-btn .d-popover div,
.d-popover .d-split-btn__omega {
  height: 100%;
}
.d-split-btn__alpha,
.d-split-btn__omega {
  position: relative;
}
.d-split-btn__alpha:focus-visible,
.d-split-btn__omega:focus-visible {
  z-index: var(--zi-active);
}
.d-split-btn__alpha {
  flex-grow: 1;
}
.d-split-btn__omega::before {
  position: absolute;
  top: var(--button-border-radius);
  bottom: var(--button-border-radius);
  left: var(--dt-size-100-negative);
  width: var(--dt-size-100);
  background-color: var(--button-color-text);
  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;
}
.d-split-btn:has(:disabled) .d-split-btn__omega::before,
.d-split-btn:has(.d-btn--outlined:focus-visible, .d-btn--outlined:hover, .d-btn--outlined.d-btn--active) .d-split-btn__omega::before,
.d-split-btn:has(.d-btn--primary:focus-visible, .d-btn--primary:hover, .d-btn--primary.d-btn--active) .d-split-btn__omega::before {
  opacity: var(--dt-opacity-600);
}
.d-split-btn__omega.d-btn:disabled::before,
.d-split-btn__omega.d-btn--outlined::before,
.d-split-btn__omega.d-btn--primary::before {
  top: var(--dt-size-100-negative);
  bottom: var(--dt-size-100-negative);
}
.d-split-btn__omega.d-btn--outlined::before {
  top: var(--dt-size-50-negative);
  bottom: var(--dt-size-50-negative);
}
.d-split-btn__alpha:disabled:not(.d-btn--outlined),
.d-split-btn__alpha:disabled:not(.d-btn--primary),
.d-split-btn__alpha.d-btn--primary,
.d-split-btn__alpha.d-btn--outlined {
  border-right: 0;
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
}
.d-split-btn__omega:disabled:not(.d-btn--outlined),
.d-split-btn__omega:disabled:not(.d-btn--primary),
.d-split-btn__omega.d-btn--primary,
.d-split-btn__omega.d-btn--outlined {
  border-left: 0;
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
}
.d-split-btn__omega--xs.d-btn--icon-only {
  --button-padding-x: var(--dt-space-300);
}
.d-split-btn__omega--sm.d-btn--icon-only {
  --button-padding-x: var(--dt-space-300);
}
.d-split-btn__omega--md.d-btn--icon-only {
  --button-padding-x: var(--dt-space-350);
}
.d-split-btn__omega--lg.d-btn--icon-only {
  --button-padding-x: var(--dt-space-400);
}
.d-split-btn__omega--xl.d-btn--icon-only {
  --button-padding-x: var(--dt-space-450);
}
.d-btn-group {
  display: flex;
}
.d-btn-group--start {
  justify-content: flex-start;
}
.d-btn-group--end {
  justify-content: flex-end;
}
.d-btn-group--space-between {
  justify-content: space-between;
}
.d-card {
  display: flex;
  flex-direction: column;
  justify-content: center;
  background: var(--dt-color-surface-primary);
  border-radius: var(--dt-size-300);
  box-shadow: var(--dt-shadow-card);
}
.d-card__header {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: space-between;
  padding: var(--dt-size-500) var(--dt-size-500) 0;
}
.d-card__content {
  padding: var(--dt-space-500);
  overflow-y: auto;
}
.d-card__footer {
  display: flex;
  align-items: center;
  padding: 0 var(--dt-space-500) var(--dt-space-500);
}
.d-chip {
  --chip-color-text: var(--dt-color-foreground-primary);
  --chip-color-background: var(--dt-color-surface-moderate-opaque);
  --chip-border-radius: var(--dt-size-radius-pill);
  position: relative;
  display: inline-flex;
  align-items: center;
}
.d-chip__label {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  box-sizing: border-box;
  max-width: var(--dt-size-100-percent);
  padding: var(--dt-space-300) var(--dt-space-400);
  color: var(--chip-color-text);
  font-size: var(--dt-font-size-200);
  font-family: inherit;
  line-height: var(--lh4);
  background-color: var(--chip-color-background);
  border: none;
  border-radius: var(--chip-border-radius);
  transition-timing-function: var(--ttf-out-quint);
  transition-duration: var(--td200);
  transition-property: background-color;
}
.d-chip__label:not(:only-child)::after {
  flex-shrink: 0;
  width: calc(var(--dt-size-500) + var(--dt-size-200));
  height: calc(var(--dt-size-500) + var(--dt-size-200));
  content: '';
}
.d-chip__label:is(a),
.d-chip__label:is(button),
.d-chip__label:is([role='button']),
.d-chip__label:is([role='link']) {
  text-decoration: none;
  cursor: pointer;
}
.d-chip__label:is(a):hover,
.d-chip__label:is(button):hover,
.d-chip__label:is([role='button']):hover,
.d-chip__label:is([role='link']):hover {
  --chip-color-background: var(--dt-color-surface-bold-opaque);
  text-decoration: none;
}
.d-chip__label:is(a):active,
.d-chip__label:is(button):active,
.d-chip__label:is([role='button']):active,
.d-chip__label:is([role='link']):active {
  --chip-color-background: var(--dt-color-surface-moderate-opaque);
}
.d-chip__label:is(a):focus-visible,
.d-chip__label:is(button):focus-visible,
.d-chip__label:is([role='button']):focus-visible,
.d-chip__label:is([role='link']):focus-visible {
  outline: none;
  box-shadow: var(--dt-shadow-focus);
}
.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);
}
.d-chip__close {
  --button-color-text: var(--dt-action-color-foreground-base-default);
  --button-color-background: var(--dt-action-color-background-base-default);
  --button-color-border: transparent;
  --button-gap: calc(var(--button-padding-x) / 2);
  --button-border-radius: var(--dt-button-size-radius-md);
  --button-border-width: var(--dt-size-border-100);
  --button-typography: var(--dt-typography-button-md);
  --button-padding-y-xs: calc(calc(var(--dt-space-400) - var(--dt-space-100)) - var(--button-border-width));
  --button-padding-x-xs: calc(var(--dt-space-400) - var(--button-border-width));
  --button-padding-y-sm: calc(var(--dt-space-400) - var(--button-border-width));
  --button-padding-x-sm: calc(var(--dt-space-450) - var(--button-border-width));
  --button-padding-y-md: calc(var(--dt-space-400) - var(--button-border-width));
  --button-padding-x-md: calc(var(--dt-space-450) - var(--button-border-width));
  --button-padding-y-lg: calc((var(--dt-space-400) + var(--dt-space-200)) - var(--button-border-width));
  --button-padding-x-lg: calc(var(--dt-space-500) - var(--button-border-width));
  --button-padding-y-xl: calc(var(--dt-space-450) - var(--button-border-width));
  --button-padding-x-xl: calc(var(--dt-space-500) - var(--button-border-width));
  --button-padding-x: var(--button-padding-x-md);
  position: relative;
  display: inline-flex;
  gap: var(--button-gap);
  align-items: center;
  justify-content: center;
  box-sizing: border-box;
  padding: var(--button-padding-y) var(--button-padding-x);
  color: var(--button-color-text);
  font: var(--button-typography);
  text-transform: inherit;
  text-decoration: none;
  vertical-align: middle;
  background-color: var(--button-color-background);
  border-color: var(--button-color-border);
  border-style: solid;
  border-width: var(--button-border-width);
  border-radius: var(--button-border-radius);
  cursor: pointer;
  transition-timing-function: var(--ttf-out-quint);
  transition-duration: var(--td100);
  transition-property: background-color, border, box-shadow;
  -webkit-user-select: none;
      -ms-user-select: none;
          user-select: none;
  fill: currentColor;
  --button-padding-x: var(--button-padding-y-md);
  --button-padding-y: var(--button-padding-y-md);
  --button-color-text: var(--dt-action-color-foreground-muted-default);
  --button-border-radius: var(--dt-size-radius-circle);
  position: absolute;
  right: var(--dt-space-200);
  padding: calc(var(--dt-space-200) + var(--dt-space-100));
  border-width: 0;
}
.d-chip__close:hover:not([disabled]) {
  --button-color-text: var(--dt-action-color-foreground-base-hover);
  --button-color-background: var(--dt-action-color-background-base-hover);
}
.d-chip__close:active:not([disabled]),
.d-chip__close.d-btn--active:not([disabled]),
.d-chip__close.d-btn--active:active:not([disabled]) {
  --button-color-text: var(--dt-action-color-foreground-base-active);
  --button-color-background: var(--dt-action-color-background-base-active);
}
.d-chip__close:focus-visible {
  outline: none;
  box-shadow: var(--dt-shadow-focus);
}
.d-chip__close[disabled] {
  --button-color-border: transparent !important;
  --button-color-text: var(--dt-action-color-foreground-disabled-default) !important;
  --button-color-background: var(--dt-action-color-background-disabled-default) !important;
  cursor: not-allowed;
  transition: none;
}
.d-chip__close:hover:not([disabled]) {
  --button-color-text: var(--dt-action-color-foreground-muted-hover);
  --button-color-background: var(--dt-action-color-background-muted-hover);
}
.d-chip__close:active:not([disabled]),
.d-chip__close.d-btn--active:not([disabled]),
.d-chip__close.d-btn--active:active:not([disabled]) {
  --button-color-text: var(--dt-action-color-foreground-muted-active);
  --button-color-background: var(--dt-action-color-background-muted-active);
}
.d-chip__close .d-btn__icon {
  margin: unset;
}
.d-chip__close.d-btn__label {
  display: none;
}
.d-chip__close.d-btn--outlined {
  --button-color-border: var(--dt-action-color-border-muted-outlined-default);
}
.d-chip__close.d-btn--xs {
  --button-padding-y: var(--button-padding-y-xs);
  --button-padding-x: var(--button-padding-y-xs);
}
.d-chip__close.d-btn--sm {
  --button-padding-y: var(--button-padding-y-sm);
  --button-padding-x: var(--button-padding-y-sm);
}
.d-chip__close.d-btn--md {
  --button-padding-x: var(--button-padding-y-md);
  --button-padding-y: var(--button-padding-y-md);
}
.d-chip__close.d-btn--lg {
  --button-padding-x: calc(var(--button-padding-y-lg) + var(--dt-space-100));
  --button-padding-y: calc(var(--button-padding-y-lg) + var(--dt-space-100));
}
.d-chip__close.d-btn--xl {
  --button-padding-x: calc(var(--button-padding-y-xl) + var(--dt-space-300));
  --button-padding-y: calc(var(--button-padding-y-xl) + var(--dt-space-300));
}
.d-chip__close::before {
  position: absolute;
  width: 2.6rem;
  height: 2.8rem;
  content: '';
}
.d-chip__close:hover:not([disabled]) {
  --button-color-background: var(--dt-action-color-background-muted-hover);
}
.d-chip__close:active:not([disabled]),
.d-chip__close.d-btn--active:not([disabled]),
.d-chip__close.d-btn--active:active:not([disabled]) {
  --button-color-background: var(--dt-action-color-background-muted-active);
}
.d-chip__icon {
  padding-right: var(--dt-space-350);
  line-height: 1;
}
.d-chip__label--active {
  background-color: var(--dt-color-surface-bold-opaque);
}
.d-chip__text {
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.d-chip__label--xs {
  padding: var(--dt-space-200) var(--dt-space-350);
  font-size: var(--dt-font-size-100);
}
.d-chip__label--xs:not(:only-child)::after {
  flex-shrink: 0;
  width: var(--dt-size-450);
  height: var(--dt-size-450);
  content: '';
}
.d-chip__label--xs .d-avatar {
  --avatar-size-shape: var(--dt-size-500);
  margin-right: var(--dt-space-350);
  margin-left: var(--dt-space-300-negative);
}
.d-chip__close--xs {
  padding: var(--dt-space-100);
}
.d-chip__close--xs::before {
  width: var(--dt-size-550);
  height: var(--dt-size-550);
}
.d-chip__label--sm {
  padding: var(--dt-space-200) var(--dt-space-400);
  font-size: var(--dt-font-size-200);
}
.d-chip__label--sm:not(:only-child)::after {
  flex-shrink: 0;
  width: calc(var(--dt-size-500) - var(--dt-size-200));
  height: calc(var(--dt-size-500) - var(--dt-size-200));
  content: '';
}
.d-chip__label--sm .d-avatar {
  --avatar-size-shape: calc(var(--dt-size-500) + var(--dt-size-300));
  margin-right: var(--dt-space-300);
}
.d-chip__close--sm {
  padding: var(--dt-space-200);
}
.d-chip__close--sm::before {
  width: var(--dt-size-550);
  height: var(--dt-size-550);
}
.d-codeblock {
  display: block;
  padding: var(--dt-space-400);
  color: var(--dt-color-foreground-secondary);
  font-size: var(--dt-font-size-200);
  font-family: var(--dt-font-family-mono);
  line-height: var(--dt-font-line-height-400);
  white-space: pre-wrap;
  background-color: var(--dt-color-surface-secondary);
  border: var(--dt-size-100) solid;
  border-color: var(--dt-color-border-subtle);
  border-radius: var(--dt-size-radius-400);
}
.d-collapsible__icon {
  --icon-base-scale: var(--dt-size-400);
  --icon-size-300: calc(var(--icon-base-scale) * 2.25);
  --icon-size: var(--icon-size-300);
  flex: none;
  flex-shrink: 0;
  width: var(--icon-size);
  height: var(--icon-size);
  margin-right: var(--dt-space-400);
  fill: currentColor;
}
.d-collapsible__anchor-text {
  margin-right: auto;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.d-collapsible__enter-active,
.d-collapsible__leave-active {
  overflow: hidden;
  transition: height var(--td300) var(--ttf-out-quint);
}
.d-combobox__empty-list {
  padding: var(--dt-space-0);
}
.d-combobox__empty-list-item {
  display: flex;
  align-items: center;
  justify-content: center;
  padding: var(--dt-space-300) var(--dt-space-450);
  font-size: var(--dt-font-size-200);
  line-height: var(--lh4);
}
.d-combobox__loading-list {
  max-height: var(--dt-size-925);
  margin-top: var(--dt-space-400);
  padding: var(--dt-space-0);
  overflow-y: auto;
}
.d-datepicker {
  --datepicker-width: calc(var(--dt-size-300) * 75);
  --datepicker-button-size: calc(var(--dt-size-600) - var(--dt-size-200));
  box-sizing: border-box;
  width: var(--datepicker-width);
  padding: var(--dt-space-500);
}
.d-datepicker__hd {
  padding: 0 var(--dt-space-300);
}
.d-datepicker__month-year {
  justify-content: space-between;
  width: 100%;
  color: var(--dt-color-foreground-secondary);
  text-align: center;
}
.d-datepicker__month-year-title {
  font-weight: var(--dt-font-weight-normal);
  font-size: var(--dt-font-size-100);
  line-height: var(--dt-font-line-height-300);
  text-transform: uppercase;
}
.d-datepicker__nav-btn {
  width: var(--datepicker-button-size);
  height: var(--datepicker-button-size);
}
.d-datepicker__weekday {
  color: var(--dt-color-foreground-tertiary);
  font-weight: var(--dt-font-weight-medium);
  font-size: var(--dt-font-size-100);
  text-transform: uppercase;
}
.d-datepicker__calendar {
  width: 100%;
  border-collapse: collapse;
}
.d-datepicker__cell {
  padding: 0;
  padding-top: var(--dt-space-200);
  text-align: center;
}
.d-datepicker__cell--header {
  padding-top: 0;
  padding-bottom: var(--dt-space-400);
}
.d-datepicker__day {
  width: var(--datepicker-button-size);
  height: var(--datepicker-button-size);
  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);
}
.d-datepicker__day--disabled {
  color: var(--dt-color-foreground-muted);
  background-color: var(--dt-color-neutral-transparent);
}
.d-context-menu-list {
  width: var(--dt-size-850);
}
.d-dropdown-list {
  position: relative;
  margin: var(--dt-space-300);
  padding-right: var(--dt-space-0);
  padding-left: var(--dt-space-0);
}
.d-dropdown-list > .d-list-item {
  margin-top: var(--dt-space-200);
}
.d-description-list {
  display: flex;
  flex-flow: row wrap;
  gap: var(--description-list-gap);
  align-items: flex-start;
  font: var(--dt-typography-body-sm);
  --description-list-gap: var(--dt-space-400);
}
.d-description-list--gap-0 {
  --description-list-gap: var(--dt-space-0);
}
.d-description-list--gap-100 {
  --description-list-gap: var(--dt-space-100);
}
.d-description-list--gap-200 {
  --description-list-gap: var(--dt-space-200);
}
.d-description-list--gap-300 {
  --description-list-gap: var(--dt-space-300);
}
.d-description-list--gap-400 {
  --description-list-gap: var(--dt-space-400);
}
.d-description-list--gap-500 {
  --description-list-gap: var(--dt-space-500);
}
.d-description-list--gap-600 {
  --description-list-gap: var(--dt-space-600);
}
.d-description-list--column {
  flex-direction: column;
}
.d-description-list__term {
  flex: 0 1 40%;
  color: var(--dt-color-foreground-tertiary);
  font: var(--dt-typography-label-sm);
}
.d-description-list__description {
  flex: 1 1 50%;
  margin-left: 0;
  color: var(--dt-color-foreground-primary);
}
.d-empty-state {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  width: 100%;
  padding: var(--dt-space-600);
  text-align: center;
}
.d-empty-state__icon {
  color: var(--dt-color-foreground-muted);
  line-height: 0;
}
.d-empty-state__illustration {
  line-height: 0;
}
.d-empty-state__content {
  padding: var(--dt-space-600) 0;
}
.d-empty-state__content--sm {
  padding: var(--dt-space-500) 0;
}
.d-empty-state__header-text {
  text-wrap: balance;
}
.d-empty-state__body-text {
  color: var(--dt-color-foreground-secondary);
  text-wrap: balance;
}
.d-empty-state--size-sm {
  width: var(--dt-size-50-percent);
  padding: var(--dt-space-500);
}
.d-empty-state--size-md {
  width: var(--dt-size-70-percent);
  padding: var(--dt-space-500);
}
fieldset {
  min-width: 0;
  margin: 0;
  padding: 0;
  border: none;
}
.d-label,
.d-label--md {
  display: flex;
  flex: 1 0%;
  align-items: baseline;
  justify-content: space-between;
  box-sizing: border-box;
  margin-bottom: var(--dt-space-300);
  color: var(--dt-color-foreground-secondary);
  font: var(--dt-typography-label-md);
  overflow-wrap: break-word;
}
legend .d-label,
legend .d-label--md {
  cursor: default;
}
.d-label--xs {
  font-size: var(--dt-font-size-100);
}
.d-label--sm {
  font-size: var(--dt-font-size-200);
}
.d-label--lg {
  font-size: var(--dt-font-size-200);
}
.d-label--xl {
  font-size: var(--dt-font-size-300);
}
.d-description {
  display: flex;
  box-sizing: border-box;
  color: var(--dt-color-foreground-tertiary);
  font-size: var(--dt-font-size-100);
  font-family: inherit;
  line-height: var(--dt-font-line-height-400);
  fill: currentColor;
}
.d-label + .d-description {
  margin-top: var(--dt-space-300-negative);
  margin-bottom: var(--dt-space-300);
}
.d-description--lg {
  font-size: var(--dt-font-size-200);
}
.d-description--xl {
  font-size: var(--dt-font-size-200);
}
.d-validation-message {
  --validation-color-text: var(--dt-color-foreground-tertiary);
  display: flex;
  gap: var(--dt-space-300);
  align-items: flex-start;
  margin-top: var(--dt-space-400);
  color: var(--validation-color-text);
  font-weight: var(--dt-font-weight-medium);
  font-size: var(--dt-font-size-100);
  font-family: inherit;
  line-height: var(--dt-font-line-height-300);
}
.d-validation-message::before {
  display: block;
  width: var(--dt-size-500);
  min-width: var(--dt-size-500);
  height: var(--dt-size-500);
  background-color: var(--validation-color-text);
  content: '';
}
.d-validation-message__container {
  display: flex;
  flex-direction: column;
}
.d-validation-message--warning {
  --validation-color-text: var(--dt-color-foreground-warning);
}
.d-validation-message--warning::before {
  -webkit-mask: url('data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxNiIgaGVpZ2h0PSIxNiIgZmlsbD0ibm9uZSIgdmlld0JveD0iMCAwIDEyIDEyIj4gPHBhdGggZmlsbD0iIzY4M2UwMCIgZmlsbC1ydWxlPSJldmVub2RkIiBkPSJNNS4yNCAxLjE5N2ExLjUgMS41IDAgMCAxIDIuMDYuNTU2bDMuOTk4IDYuOTk3YTEuNTA0IDEuNTA0IDAgMCAxIDAgMS41IDEuNSAxLjUgMCAwIDEtMS4yOTcuNzVIMi4wMDJhMS41IDEuNSAwIDAgMS0xLjMxLTIuMjQ5VjguNzVMNC42OSAxLjc1M2ExLjUgMS41IDAgMCAxIC41NS0uNTU2Wm0uNzU1Ljc5NmEuNS41IDAgMCAwLS40MzUuMjU0di4wMDFMMS41NTcgOS4yNWEuNS41IDAgMCAwIC40MzguNzVIMTBhLjUuNSAwIDAgMCAuNDMyLS43NWwtLjAwMS0uMDAyLTQtNy0uMDAxLS4wMDFhLjUuNSAwIDAgMC0uNDM1LS4yNTRaIiBjbGlwLXJ1bGU9ImV2ZW5vZGQiLz4gPHBhdGggZmlsbD0iIzY4M2UwMCIgZmlsbC1ydWxlPSJldmVub2RkIiBkPSJNNiA0YS41LjUgMCAwIDEgLjUuNXYyYS41LjUgMCAwIDEtMSAwdi0yQS41LjUgMCAwIDEgNiA0Wm0tLjUgNC41QS41LjUgMCAwIDEgNiA4aC4wMDVhLjUuNSAwIDAgMSAwIDFINmEuNS41IDAgMCAxLS41LS41WiIgY2xpcC1ydWxlPSJldmVub2RkIi8+IDwvc3ZnPg==') repeat;
          mask: url('data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxNiIgaGVpZ2h0PSIxNiIgZmlsbD0ibm9uZSIgdmlld0JveD0iMCAwIDEyIDEyIj4gPHBhdGggZmlsbD0iIzY4M2UwMCIgZmlsbC1ydWxlPSJldmVub2RkIiBkPSJNNS4yNCAxLjE5N2ExLjUgMS41IDAgMCAxIDIuMDYuNTU2bDMuOTk4IDYuOTk3YTEuNTA0IDEuNTA0IDAgMCAxIDAgMS41IDEuNSAxLjUgMCAwIDEtMS4yOTcuNzVIMi4wMDJhMS41IDEuNSAwIDAgMS0xLjMxLTIuMjQ5VjguNzVMNC42OSAxLjc1M2ExLjUgMS41IDAgMCAxIC41NS0uNTU2Wm0uNzU1Ljc5NmEuNS41IDAgMCAwLS40MzUuMjU0di4wMDFMMS41NTcgOS4yNWEuNS41IDAgMCAwIC40MzguNzVIMTBhLjUuNSAwIDAgMCAuNDMyLS43NWwtLjAwMS0uMDAyLTQtNy0uMDAxLS4wMDFhLjUuNSAwIDAgMC0uNDM1LS4yNTRaIiBjbGlwLXJ1bGU9ImV2ZW5vZGQiLz4gPHBhdGggZmlsbD0iIzY4M2UwMCIgZmlsbC1ydWxlPSJldmVub2RkIiBkPSJNNiA0YS41LjUgMCAwIDEgLjUuNXYyYS41LjUgMCAwIDEtMSAwdi0yQS41LjUgMCAwIDEgNiA0Wm0tLjUgNC41QS41LjUgMCAwIDEgNiA4aC4wMDVhLjUuNSAwIDAgMSAwIDFINmEuNS41IDAgMCAxLS41LS41WiIgY2xpcC1ydWxlPSJldmVub2RkIi8+IDwvc3ZnPg==') repeat;
}
.d-validation-message--error {
  --validation-color-text: var(--dt-color-foreground-critical);
}
.d-validation-message--error::before {
  -webkit-mask: url('data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxNiIgaGVpZ2h0PSIxNiIgZmlsbD0ibm9uZSIgdmlld0JveD0iMCAwIDEyIDEyIj4gPGcgY2xpcC1wYXRoPSJ1cmwoI2EpIj4gPHBhdGggZmlsbD0iI2VjMGUwZSIgZmlsbC1ydWxlPSJldmVub2RkIiBkPSJNNiAxLjVhNC41IDQuNSAwIDEgMCAwIDkgNC41IDQuNSAwIDAgMCAwLTlaTS41IDZhNS41IDUuNSAwIDEgMSAxMSAwIDUuNSA1LjUgMCAwIDEtMTEgMFpNNiAzLjVhLjUuNSAwIDAgMSAuNS41djJhLjUuNSAwIDAgMS0xIDBWNGEuNS41IDAgMCAxIC41LS41Wk01LjUgOGEuNS41IDAgMCAxIC41LS41aC4wMDVhLjUuNSAwIDAgMSAwIDFINmEuNS41IDAgMCAxLS41LS41WiIgY2xpcC1ydWxlPSJldmVub2RkIi8+IDwvZz4gPGRlZnM+IDxjbGlwUGF0aCBpZD0iYSI+IDxwYXRoIGZpbGw9IiNmZmYiIGQ9Ik0wIDBoMTJ2MTJIMHoiLz4gPC9jbGlwUGF0aD4gPC9kZWZzPiA8L3N2Zz4=') no-repeat;
          mask: url('data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxNiIgaGVpZ2h0PSIxNiIgZmlsbD0ibm9uZSIgdmlld0JveD0iMCAwIDEyIDEyIj4gPGcgY2xpcC1wYXRoPSJ1cmwoI2EpIj4gPHBhdGggZmlsbD0iI2VjMGUwZSIgZmlsbC1ydWxlPSJldmVub2RkIiBkPSJNNiAxLjVhNC41IDQuNSAwIDEgMCAwIDkgNC41IDQuNSAwIDAgMCAwLTlaTS41IDZhNS41IDUuNSAwIDEgMSAxMSAwIDUuNSA1LjUgMCAwIDEtMTEgMFpNNiAzLjVhLjUuNSAwIDAgMSAuNS41djJhLjUuNSAwIDAgMS0xIDBWNGEuNS41IDAgMCAxIC41LS41Wk01LjUgOGEuNS41IDAgMCAxIC41LS41aC4wMDVhLjUuNSAwIDAgMSAwIDFINmEuNS41IDAgMCAxLS41LS41WiIgY2xpcC1ydWxlPSJldmVub2RkIi8+IDwvZz4gPGRlZnM+IDxjbGlwUGF0aCBpZD0iYSI+IDxwYXRoIGZpbGw9IiNmZmYiIGQ9Ik0wIDBoMTJ2MTJIMHoiLz4gPC9jbGlwUGF0aD4gPC9kZWZzPiA8L3N2Zz4=') no-repeat;
}
.d-validation-message--success {
  --validation-color-text: var(--dt-color-foreground-success);
}
.d-validation-message--success::before {
  -webkit-mask: url('data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxNiIgaGVpZ2h0PSIxNiIgZmlsbD0ibm9uZSIgdmlld0JveD0iMCAwIDEyIDEyIj4gPGcgY2xpcC1wYXRoPSJ1cmwoI2EpIj4gPHBhdGggZmlsbD0iIzAwNjcxZCIgZmlsbC1ydWxlPSJldmVub2RkIiBkPSJNLjUgNmE1LjUgNS41IDAgMSAxIDExIDAgNS41IDUuNSAwIDAgMS0xMSAwWk02IDEuNWE0LjUgNC41IDAgMSAwIDAgOSA0LjUgNC41IDAgMCAwIDAtOVptMS44NTQgMy4xNDZhLjUuNSAwIDAgMSAwIC43MDhsLTIgMmEuNS41IDAgMCAxLS43MDggMGwtMS0xYS41LjUgMCAxIDEgLjcwOC0uNzA4bC42NDYuNjQ3IDEuNjQ2LTEuNjQ3YS41LjUgMCAwIDEgLjcwOCAwWiIgY2xpcC1ydWxlPSJldmVub2RkIi8+IDwvZz4gPGRlZnM+IDxjbGlwUGF0aCBpZD0iYSI+IDxwYXRoIGZpbGw9IiNmZmYiIGQ9Ik0wIDBoMTJ2MTJIMHoiLz4gPC9jbGlwUGF0aD4gPC9kZWZzPiA8L3N2Zz4=') no-repeat;
          mask: url('data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxNiIgaGVpZ2h0PSIxNiIgZmlsbD0ibm9uZSIgdmlld0JveD0iMCAwIDEyIDEyIj4gPGcgY2xpcC1wYXRoPSJ1cmwoI2EpIj4gPHBhdGggZmlsbD0iIzAwNjcxZCIgZmlsbC1ydWxlPSJldmVub2RkIiBkPSJNLjUgNmE1LjUgNS41IDAgMSAxIDExIDAgNS41IDUuNSAwIDAgMS0xMSAwWk02IDEuNWE0LjUgNC41IDAgMSAwIDAgOSA0LjUgNC41IDAgMCAwIDAtOVptMS44NTQgMy4xNDZhLjUuNSAwIDAgMSAwIC43MDhsLTIgMmEuNS41IDAgMCAxLS43MDggMGwtMS0xYS41LjUgMCAxIDEgLjcwOC0uNzA4bC42NDYuNjQ3IDEuNjQ2LTEuNjQ3YS41LjUgMCAwIDEgLjcwOCAwWiIgY2xpcC1ydWxlPSJldmVub2RkIi8+IDwvZz4gPGRlZnM+IDxjbGlwUGF0aCBpZD0iYSI+IDxwYXRoIGZpbGw9IiNmZmYiIGQ9Ik0wIDBoMTJ2MTJIMHoiLz4gPC9jbGlwUGF0aD4gPC9kZWZzPiA8L3N2Zz4=') no-repeat;
}
.d-image-viewer__preview-button {
  padding: var(--dt-space-0);
  cursor: -webkit-zoom-in;
  cursor: zoom-in;
}
.d-image-viewer__full {
  max-width: 80%;
  max-height: 80%;
  padding: var(--dt-space-0);
  border-radius: var(--dt-size-radius-0);
}
.d-image-viewer__full__image {
  max-width: 100%;
  max-height: 100%;
}
.d-image-viewer__close-button {
  --fco: 100%;
  color: hsl(var(--dt-color-neutral-white-h) var(--dt-color-neutral-white-s) var(--dt-color-neutral-white-l) / var(--fco));
}
.d-input,
.d-input--md,
.d-textarea,
.d-textarea--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);
  --input-border-width: var(--dt-size-border-100);
  --input-border-radius: var(--dt-inputs-size-radius-md);
  --input-padding-y: calc(var(--dt-space-400) - var(--input-border-width));
  --input-padding-x: calc((var(--dt-space-500) - var(--dt-space-300)) - var(--input-border-width));
  --input-typography: var(--dt-typography-inputs-md);
  position: relative;
  display: inline-flex;
  flex: 1 0%;
  box-sizing: border-box;
  width: 100%;
  min-width: 0;
  padding: var(--input-padding-y) var(--input-padding-x);
  color: var(--input-color-text);
  font: var(--input-typography);
  background-color: var(--input-color-background);
  border: var(--input-border-width) solid var(--input-color-border);
  border-radius: var(--input-border-radius);
  outline: none;
  box-shadow: none;
  -webkit-appearance: none;
          appearance: none;
  caret-color: fieldtext;
}
.d-input:has(.d-textarea),
.d-input--md:has(.d-textarea),
.d-textarea:has(.d-textarea),
.d-textarea--md:has(.d-textarea),
.d-input__wrapper--md:has(.d-textarea),
.d-input__wrapper:has(.d-textarea) {
  border-end-end-radius: var(--dt-inputs-size-radius-xs);
}
.d-input:has(.d-input--xs),
.d-input--md:has(.d-input--xs),
.d-textarea:has(.d-input--xs),
.d-textarea--md:has(.d-input--xs),
.d-input__wrapper--md:has(.d-input--xs),
.d-input__wrapper:has(.d-input--xs),
.d-input:has(.d-textarea--xs),
.d-input--md:has(.d-textarea--xs),
.d-textarea:has(.d-textarea--xs),
.d-textarea--md:has(.d-textarea--xs),
.d-input__wrapper--md:has(.d-textarea--xs),
.d-input__wrapper:has(.d-textarea--xs) {
  --input-border-radius: var(--dt-inputs-size-radius-xs);
}
.d-input:has(.d-input--sm),
.d-input--md:has(.d-input--sm),
.d-textarea:has(.d-input--sm),
.d-textarea--md:has(.d-input--sm),
.d-input__wrapper--md:has(.d-input--sm),
.d-input__wrapper:has(.d-input--sm),
.d-input:has(.d-textarea--sm),
.d-input--md:has(.d-textarea--sm),
.d-textarea:has(.d-textarea--sm),
.d-textarea--md:has(.d-textarea--sm),
.d-input__wrapper--md:has(.d-textarea--sm),
.d-input__wrapper:has(.d-textarea--sm) {
  --input-border-radius: var(--dt-inputs-size-radius-sm);
}
.d-input:has(.d-input--md),
.d-input--md:has(.d-input--md),
.d-textarea:has(.d-input--md),
.d-textarea--md:has(.d-input--md),
.d-input__wrapper--md:has(.d-input--md),
.d-input__wrapper:has(.d-input--md),
.d-input:has(.d-textarea--md),
.d-input--md:has(.d-textarea--md),
.d-textarea:has(.d-textarea--md),
.d-textarea--md:has(.d-textarea--md),
.d-input__wrapper--md:has(.d-textarea--md),
.d-input__wrapper:has(.d-textarea--md) {
  --input-border-radius: var(--dt-inputs-size-radius-md);
}
.d-input:has(.d-input--lg),
.d-input--md:has(.d-input--lg),
.d-textarea:has(.d-input--lg),
.d-textarea--md:has(.d-input--lg),
.d-input__wrapper--md:has(.d-input--lg),
.d-input__wrapper:has(.d-input--lg),
.d-input:has(.d-textarea--lg),
.d-input--md:has(.d-textarea--lg),
.d-textarea:has(.d-textarea--lg),
.d-textarea--md:has(.d-textarea--lg),
.d-input__wrapper--md:has(.d-textarea--lg),
.d-input__wrapper:has(.d-textarea--lg) {
  --input-border-radius: var(--dt-inputs-size-radius-lg);
}
.d-input:has(.d-input--xl),
.d-input--md:has(.d-input--xl),
.d-textarea:has(.d-input--xl),
.d-textarea--md:has(.d-input--xl),
.d-input__wrapper--md:has(.d-input--xl),
.d-input__wrapper:has(.d-input--xl),
.d-input:has(.d-textarea--xl),
.d-input--md:has(.d-textarea--xl),
.d-textarea:has(.d-textarea--xl),
.d-textarea--md:has(.d-textarea--xl),
.d-input__wrapper--md:has(.d-textarea--xl),
.d-input__wrapper:has(.d-textarea--xl) {
  --input-border-radius: var(--dt-inputs-size-radius-xl);
}
.d-input::-webkit-input-placeholder, .d-input--md::-webkit-input-placeholder, .d-textarea::-webkit-input-placeholder, .d-textarea--md::-webkit-input-placeholder, .d-input__wrapper--md::-webkit-input-placeholder, .d-input__wrapper::-webkit-input-placeholder {
  color: var(--dt-inputs-color-foreground-placeholder);
}
.d-input:-ms-input-placeholder, .d-input--md:-ms-input-placeholder, .d-textarea:-ms-input-placeholder, .d-textarea--md:-ms-input-placeholder, .d-input__wrapper--md:-ms-input-placeholder, .d-input__wrapper:-ms-input-placeholder {
  color: var(--dt-inputs-color-foreground-placeholder);
}
.d-input::-ms-input-placeholder, .d-input--md::-ms-input-placeholder, .d-textarea::-ms-input-placeholder, .d-textarea--md::-ms-input-placeholder, .d-input__wrapper--md::-ms-input-placeholder, .d-input__wrapper::-ms-input-placeholder {
  color: var(--dt-inputs-color-foreground-placeholder);
}
.d-input::placeholder,
.d-input--md::placeholder,
.d-textarea::placeholder,
.d-textarea--md::placeholder,
.d-input__wrapper--md::placeholder,
.d-input__wrapper::placeholder {
  color: var(--dt-inputs-color-foreground-placeholder);
}
.d-input::-ms-clear,
.d-input--md::-ms-clear,
.d-textarea::-ms-clear,
.d-textarea--md::-ms-clear,
.d-input__wrapper--md::-ms-clear,
.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,
.d-textarea--md:focus,
.d-input__wrapper--md:focus,
.d-input__wrapper:focus,
.d-input:focus-within,
.d-input--md:focus-within,
.d-textarea:focus-within,
.d-textarea--md:focus-within,
.d-input__wrapper--md:focus-within,
.d-input__wrapper:focus-within {
  --input-color-background: var(--dt-inputs-color-background-focus);
  --input-color-border: var(--dt-inputs-color-border-focus) !important;
  box-shadow: 0 0 0 var(--dt-size-border-100) var(--dt-inputs-color-border-focus) inset;
}
.d-input[disabled],
.d-input--md[disabled],
.d-textarea[disabled],
.d-textarea--md[disabled],
.d-input__wrapper--md[disabled],
.d-input__wrapper[disabled],
.d-input[read-only],
.d-input--md[read-only],
.d-textarea[read-only],
.d-textarea--md[read-only],
.d-input__wrapper--md[read-only],
.d-input__wrapper[read-only] {
  --input-color-border: var(--dt-inputs-color-border-disabled) !important;
  --input-color-background: var(--dt-inputs-color-background-disabled);
  --input-color-text: var(--dt-inputs-color-foreground-disabled);
}
.d-input[disabled]:focus,
.d-input--md[disabled]:focus,
.d-textarea[disabled]:focus,
.d-textarea--md[disabled]:focus,
.d-input__wrapper--md[disabled]:focus,
.d-input__wrapper[disabled]:focus,
.d-input[read-only]:focus,
.d-input--md[read-only]:focus,
.d-textarea[read-only]:focus,
.d-textarea--md[read-only]:focus,
.d-input__wrapper--md[read-only]:focus,
.d-input__wrapper[read-only]:focus,
.d-input[disabled]:focus-within,
.d-input--md[disabled]:focus-within,
.d-textarea[disabled]:focus-within,
.d-textarea--md[disabled]:focus-within,
.d-input__wrapper--md[disabled]:focus-within,
.d-input__wrapper[disabled]:focus-within,
.d-input[read-only]:focus-within,
.d-input--md[read-only]:focus-within,
.d-textarea[read-only]:focus-within,
.d-textarea--md[read-only]:focus-within,
.d-input__wrapper--md[read-only]:focus-within,
.d-input__wrapper[read-only]:focus-within {
  box-shadow: none !important;
}
.d-input[disabled]::-webkit-input-placeholder, .d-input--md[disabled]::-webkit-input-placeholder, .d-textarea[disabled]::-webkit-input-placeholder, .d-textarea--md[disabled]::-webkit-input-placeholder, .d-input__wrapper--md[disabled]::-webkit-input-placeholder, .d-input__wrapper[disabled]::-webkit-input-placeholder, .d-input[read-only]::-webkit-input-placeholder, .d-input--md[read-only]::-webkit-input-placeholder, .d-textarea[read-only]::-webkit-input-placeholder, .d-textarea--md[read-only]::-webkit-input-placeholder, .d-input__wrapper--md[read-only]::-webkit-input-placeholder, .d-input__wrapper[read-only]::-webkit-input-placeholder {
  color: var(--dt-inputs-color-foreground-placeholder);
}
.d-input[disabled]:-ms-input-placeholder, .d-input--md[disabled]:-ms-input-placeholder, .d-textarea[disabled]:-ms-input-placeholder, .d-textarea--md[disabled]:-ms-input-placeholder, .d-input__wrapper--md[disabled]:-ms-input-placeholder, .d-input__wrapper[disabled]:-ms-input-placeholder, .d-input[read-only]:-ms-input-placeholder, .d-input--md[read-only]:-ms-input-placeholder, .d-textarea[read-only]:-ms-input-placeholder, .d-textarea--md[read-only]:-ms-input-placeholder, .d-input__wrapper--md[read-only]:-ms-input-placeholder, .d-input__wrapper[read-only]:-ms-input-placeholder {
  color: var(--dt-inputs-color-foreground-placeholder);
}
.d-input[disabled]::-ms-input-placeholder, .d-input--md[disabled]::-ms-input-placeholder, .d-textarea[disabled]::-ms-input-placeholder, .d-textarea--md[disabled]::-ms-input-placeholder, .d-input__wrapper--md[disabled]::-ms-input-placeholder, .d-input__wrapper[disabled]::-ms-input-placeholder, .d-input[read-only]::-ms-input-placeholder, .d-input--md[read-only]::-ms-input-placeholder, .d-textarea[read-only]::-ms-input-placeholder, .d-textarea--md[read-only]::-ms-input-placeholder, .d-input__wrapper--md[read-only]::-ms-input-placeholder, .d-input__wrapper[read-only]::-ms-input-placeholder {
  color: var(--dt-inputs-color-foreground-placeholder);
}
.d-input[disabled]::placeholder,
.d-input--md[disabled]::placeholder,
.d-textarea[disabled]::placeholder,
.d-textarea--md[disabled]::placeholder,
.d-input__wrapper--md[disabled]::placeholder,
.d-input__wrapper[disabled]::placeholder,
.d-input[read-only]::placeholder,
.d-input--md[read-only]::placeholder,
.d-textarea[read-only]::placeholder,
.d-textarea--md[read-only]::placeholder,
.d-input__wrapper--md[read-only]::placeholder,
.d-input__wrapper[read-only]::placeholder {
  color: var(--dt-inputs-color-foreground-placeholder);
}
.d-input[disabled],
.d-input--md[disabled],
.d-textarea[disabled],
.d-textarea--md[disabled],
.d-input__wrapper--md[disabled],
.d-input__wrapper[disabled] {
  cursor: not-allowed;
}
.d-input::-moz-focus-inner,
.d-input--md::-moz-focus-inner,
.d-textarea::-moz-focus-inner,
.d-textarea--md::-moz-focus-inner,
.d-input__wrapper--md::-moz-focus-inner,
.d-input__wrapper::-moz-focus-inner {
  outline: none !important;
}
.d-input:-moz-focusring,
.d-input--md:-moz-focusring,
.d-textarea:-moz-focusring,
.d-textarea--md:-moz-focusring,
.d-input__wrapper--md:-moz-focusring,
.d-input__wrapper:-moz-focusring {
  color: transparent;
  text-shadow: 0 0 0 var(--dt-color-black-900);
}
.d-input::-ms-expand,
.d-input--md::-ms-expand,
.d-textarea::-ms-expand,
.d-textarea--md::-ms-expand,
.d-input__wrapper--md::-ms-expand,
.d-input__wrapper::-ms-expand {
  display: none;
}
.d-input input[type="search"]::-webkit-search-decoration,
.d-input--md input[type="search"]::-webkit-search-decoration,
.d-textarea input[type="search"]::-webkit-search-decoration,
.d-textarea--md input[type="search"]::-webkit-search-decoration,
.d-input__wrapper--md input[type="search"]::-webkit-search-decoration,
.d-input__wrapper input[type="search"]::-webkit-search-decoration,
.d-input input[type="search"]::-webkit-search-cancel-button,
.d-input--md input[type="search"]::-webkit-search-cancel-button,
.d-textarea input[type="search"]::-webkit-search-cancel-button,
.d-textarea--md input[type="search"]::-webkit-search-cancel-button,
.d-input__wrapper--md input[type="search"]::-webkit-search-cancel-button,
.d-input__wrapper input[type="search"]::-webkit-search-cancel-button,
.d-input input[type="search"]::-webkit-search-results-button,
.d-input--md input[type="search"]::-webkit-search-results-button,
.d-textarea input[type="search"]::-webkit-search-results-button,
.d-textarea--md input[type="search"]::-webkit-search-results-button,
.d-input__wrapper--md input[type="search"]::-webkit-search-results-button,
.d-input__wrapper input[type="search"]::-webkit-search-results-button,
.d-input input[type="search"]::-webkit-search-results-decoration,
.d-input--md input[type="search"]::-webkit-search-results-decoration,
.d-textarea input[type="search"]::-webkit-search-results-decoration,
.d-textarea--md input[type="search"]::-webkit-search-results-decoration,
.d-input__wrapper--md input[type="search"]::-webkit-search-results-decoration,
.d-input__wrapper input[type="search"]::-webkit-search-results-decoration {
  display: none;
}
.d-input__length-description {
  margin-bottom: var(--dt-space-200);
}
.d-input--hidden {
  visibility: hidden;
}
.d-input__wrapper {
  padding: 0;
  overflow-y: auto;
}
.d-input__wrapper .d-textarea + .d-input-icon--right {
  position: absolute;
  right: var(--dt-space-450);
}
.d-input__wrapper .d-input-icon--left:has(+ .d-textarea) {
  align-items: flex-start;
}
.d-input__wrapper .d-input-icon:has(+ .d-textarea),
.d-input__wrapper .d-textarea + .d-input-icon {
  padding-top: calc(var(--input-padding-y) + var(--dt-space-200));
}
.d-input__wrapper .d-input-icon:has(+ .d-textarea--xs),
.d-input__wrapper .d-textarea--xs + .d-input-icon {
  --input-padding-y: calc(calc(var(--dt-space-400) - var(--dt-space-100)) - var(--input-border-width));
  --input-padding-x: calc(var(--dt-space-400) - var(--input-border-width));
  --input-border-radius: var(--dt-inputs-size-radius-xs);
  --input-typography: var(--dt-typography-inputs-xs);
  padding-top: calc(var(--input-padding-y) + var(--dt-space-100));
}
.d-input__wrapper .d-input-icon:has(+ .d-textarea--xs) .d-btn__icon,
.d-input__wrapper .d-textarea--xs + .d-input-icon .d-btn__icon {
  width: var(--dt-icon-size-100);
  height: var(--dt-icon-size-100);
}
.d-input__wrapper .d-input-icon:has(+ .d-textarea--sm),
.d-input__wrapper .d-textarea--sm + .d-input-icon {
  --input-padding-y: calc(var(--dt-space-400) - var(--input-border-width));
  --input-padding-x: calc((var(--dt-space-500) - var(--dt-space-300)) - var(--input-border-width));
  --input-typography: var(--dt-typography-inputs-sm);
  --input-border-radius: var(--dt-inputs-size-radius-sm);
  padding-top: calc(var(--input-padding-y) + var(--dt-space-100));
}
.d-input__wrapper .d-input-icon:has(+ .d-textarea--sm) .d-btn__icon,
.d-input__wrapper .d-textarea--sm + .d-input-icon .d-btn__icon {
  width: var(--dt-icon-size-200);
  height: var(--dt-icon-size-200);
}
.d-input__wrapper .d-input-icon:has(+ .d-textarea--lg),
.d-input__wrapper .d-textarea--lg + .d-input-icon {
  --input-padding-y: calc((var(--dt-space-400) + var(--dt-space-200)) - var(--input-border-width));
  --input-padding-x: calc(var(--dt-space-500) - var(--input-border-width));
  --input-border-radius: var(--dt-inputs-size-radius-lg);
  --input-typography: var(--dt-typography-inputs-lg);
  padding-top: calc(var(--input-padding-y) + var(--dt-space-100));
}
.d-input__wrapper .d-input-icon:has(+ .d-textarea--lg) .d-btn__icon,
.d-input__wrapper .d-textarea--lg + .d-input-icon .d-btn__icon {
  width: var(--dt-icon-size-400);
  height: var(--dt-icon-size-400);
}
.d-input__wrapper .d-input-icon:has(+ .d-textarea--xl),
.d-input__wrapper .d-textarea--xl + .d-input-icon {
  --input-padding-y: calc((var(--dt-space-500) - var(--dt-space-300)) - var(--input-border-width));
  --input-padding-x: calc(var(--dt-space-500) - var(--input-border-width));
  --input-border-radius: var(--dt-inputs-size-radius-xl);
  --input-typography: var(--dt-typography-inputs-xl);
  padding-top: calc(var(--input-padding-y) + (var(--dt-space-350) - var(--dt-space-100)));
}
.d-input__wrapper .d-input-icon:has(+ .d-textarea--xl) .d-btn__icon,
.d-input__wrapper .d-textarea--xl + .d-input-icon .d-btn__icon {
  width: var(--dt-icon-size-500);
  height: var(--dt-icon-size-500);
}
.d-input__wrapper .d-input,
.d-input__wrapper .d-textarea {
  flex: 1;
  background-color: transparent;
  border: none;
}
.d-input__wrapper .d-input:focus,
.d-input__wrapper .d-textarea:focus,
.d-input__wrapper .d-input:focus-within,
.d-input__wrapper .d-textarea:focus-within {
  border: none;
  outline: 0;
  box-shadow: none !important;
}
.d-input.d-input--xs {
  --input-padding-y: calc(calc(var(--dt-space-400) - var(--dt-space-100)) - var(--input-border-width));
  --input-padding-x: calc(var(--dt-space-400) - var(--input-border-width));
  --input-border-radius: var(--dt-inputs-size-radius-xs);
  --input-typography: var(--dt-typography-inputs-xs);
}
.d-input.d-input--xs .d-btn__icon {
  width: var(--dt-icon-size-100);
  height: var(--dt-icon-size-100);
}
.d-input.d-input--sm {
  --input-padding-y: calc(var(--dt-space-400) - var(--input-border-width));
  --input-padding-x: calc((var(--dt-space-500) - var(--dt-space-300)) - var(--input-border-width));
  --input-typography: var(--dt-typography-inputs-sm);
  --input-border-radius: var(--dt-inputs-size-radius-sm);
}
.d-input.d-input--sm .d-btn__icon {
  width: var(--dt-icon-size-200);
  height: var(--dt-icon-size-200);
}
.d-input.d-input--lg {
  --input-padding-y: calc((var(--dt-space-400) + var(--dt-space-200)) - var(--input-border-width));
  --input-padding-x: calc(var(--dt-space-500) - var(--input-border-width));
  --input-border-radius: var(--dt-inputs-size-radius-lg);
  --input-typography: var(--dt-typography-inputs-lg);
}
.d-input.d-input--lg .d-btn__icon {
  width: var(--dt-icon-size-400);
  height: var(--dt-icon-size-400);
}
.d-input.d-input--xl {
  --input-padding-y: calc((var(--dt-space-500) - var(--dt-space-300)) - var(--input-border-width));
  --input-padding-x: calc(var(--dt-space-500) - var(--input-border-width));
  --input-border-radius: var(--dt-inputs-size-radius-xl);
  --input-typography: var(--dt-typography-inputs-xl);
}
.d-input.d-input--xl .d-btn__icon {
  width: var(--dt-icon-size-500);
  height: var(--dt-icon-size-500);
}
.d-textarea {
  min-height: calc(var(--dt-size-300) * 20);
  vertical-align: top;
  resize: vertical;
  scroll-padding-block: var(--input-padding-y);
}
.d-textarea--xs {
  --input-padding-y: calc(calc(var(--dt-space-400) - var(--dt-space-100)) - var(--input-border-width));
  --input-padding-x: calc(var(--dt-space-400) - var(--input-border-width));
  --input-border-radius: var(--dt-inputs-size-radius-xs);
  --input-typography: var(--dt-typography-inputs-xs);
  min-height: calc(var(--dt-size-300) * 10);
}
.d-textarea--xs .d-btn__icon {
  width: var(--dt-icon-size-100);
  height: var(--dt-icon-size-100);
}
.d-textarea--sm {
  --input-padding-y: calc(var(--dt-space-400) - var(--input-border-width));
  --input-padding-x: calc((var(--dt-space-500) - var(--dt-space-300)) - var(--input-border-width));
  --input-typography: var(--dt-typography-inputs-sm);
  --input-border-radius: var(--dt-inputs-size-radius-sm);
  min-height: var(--dt-size-650);
}
.d-textarea--sm .d-btn__icon {
  width: var(--dt-icon-size-200);
  height: var(--dt-icon-size-200);
}
.d-textarea--lg {
  --input-padding-y: calc((var(--dt-space-400) + var(--dt-space-200)) - var(--input-border-width));
  --input-padding-x: calc(var(--dt-space-500) - var(--input-border-width));
  --input-border-radius: var(--dt-inputs-size-radius-lg);
  --input-typography: var(--dt-typography-inputs-lg);
  min-height: calc(var(--dt-size-300) * 23);
}
.d-textarea--lg .d-btn__icon {
  width: var(--dt-icon-size-400);
  height: var(--dt-icon-size-400);
}
.d-textarea--xl {
  --input-padding-y: calc((var(--dt-space-500) - var(--dt-space-300)) - var(--input-border-width));
  --input-padding-x: calc(var(--dt-space-500) - var(--input-border-width));
  --input-border-radius: var(--dt-inputs-size-radius-xl);
  --input-typography: var(--dt-typography-inputs-xl);
  min-height: calc(var(--dt-size-300) * 25);
}
.d-textarea--xl .d-btn__icon {
  width: var(--dt-icon-size-500);
  height: var(--dt-icon-size-500);
}
.d-input--warning {
  --input-color-border: var(--dt-inputs-color-border-warning) !important;
}
.d-input--error {
  --input-color-border: var(--dt-inputs-color-border-critical) !important;
}
.d-input--success {
  --input-color-border: var(--dt-inputs-color-border-success) !important;
}
.d-input-icon {
  display: none;
}
.d-input-icon:not(:empty) {
  display: inline-flex;
  align-items: center;
}
.d-input-icon--right:not(:empty) {
  margin-right: var(--dt-space-400);
}
.d-input-icon--right:not(:empty) .d-btn {
  margin-right: var(--dt-space-350-negative);
}
.d-input-icon--left:not(:empty) {
  margin-left: var(--dt-space-400);
}
.d-keyboard-shortcut {
  display: inline-flex;
  gap: var(--dt-space-200);
  align-items: center;
  justify-content: center;
  box-sizing: border-box;
  padding-inline: var(--dt-space-350);
  font: var(--dt-typography-body-sm);
  line-height: var(--dt-font-line-height-400);
  min-inline-size: 1lh;
  border: var(--dt-size-100) solid;
  border-color: var(--dt-color-border-default);
  border-radius: var(--dt-size-radius-300);
  font-variant-numeric: tabular-nums;
  /* Hiding class, making content visible only to screen readers but not visually */
  /* "sr" meaning "screen-reader" */
  /* https://css-tricks.com/inclusively-hidden/ */
}
.d-keyboard-shortcut--inverted {
  border-color: var(--dt-color-border-moderate-inverted);
}
.d-keyboard-shortcut--sr-only:not(:focus, :active) {
  position: absolute;
  width: 1px;
  height: 1px;
  overflow: hidden;
  white-space: nowrap;
  -webkit-clip-path: inset(50%);
          clip-path: inset(50%);
}
.d-keyboard-shortcut__icon,
.d-keyboard-shortcut__item {
  min-height: 1lh;
  color: var(--dt-color-foreground-tertiary);
}
.d-keyboard-shortcut__icon.d-icon--plus,
.d-keyboard-shortcut__item.d-icon--plus {
  color: var(--dt-color-foreground-muted);
}
.d-keyboard-shortcut__icon.d-icon--plus,
.d-keyboard-shortcut__item.d-icon--plus {
  color: var(--dt-color-foreground-muted);
}
.d-keyboard-shortcut--inverted .d-keyboard-shortcut__icon.d-icon--plus,
.d-keyboard-shortcut--inverted .d-keyboard-shortcut__item.d-icon--plus {
  color: var(--dt-color-foreground-muted-inverted);
}
.d-keyboard-shortcut__icon--inverted,
.d-keyboard-shortcut__item--inverted {
  color: var(--dt-color-foreground-secondary-inverted);
}
.d-link {
  --link-color-default: var(--dt-color-link-primary);
  --link-color-default-hover: var(--dt-color-link-primary-hover);
  --link-text-decoration: underline;
  --link-padding: 0;
  --link-background-color: transparent;
  position: relative;
  display: inline-flex;
  gap: var(--dt-space-300);
  align-items: center;
  justify-content: center;
  box-sizing: border-box;
  margin: 0;
  padding: var(--link-padding);
  color: var(--link-color-default);
  font: inherit;
  -webkit-text-decoration: var(--link-text-decoration);
          text-decoration: var(--link-text-decoration);
  text-underline-offset: calc(var(--dt-size-border-300) - var(--dt-size-border-100));
  text-decoration-thickness: var(--dt-size-border-50);
  background-color: var(--link-background-color);
  border: 0;
  transition-timing-function: var(--ttf-out-quint);
  transition-duration: var(--td200);
  transition-property: background-color, border, box-shadow;
  -webkit-appearance: none;
  appearance: none;
  fill: currentColor;
}
.d-link:hover {
  --link-text-decoration: none;
  color: var(--link-color-default-hover);
  cursor: pointer;
}
.d-link:active {
  color: var(--link-color-default);
}
.d-link:focus-visible {
  --link-text-decoration: none;
  outline: none;
  box-shadow: var(--dt-shadow-focus);
}
.d-link--warning {
  --link-color-default: var(--dt-color-link-warning);
  --link-color-default-hover: var(--dt-color-link-warning-hover);
}
.d-link--danger {
  --link-color-default: var(--dt-color-link-critical);
  --link-color-default-hover: var(--dt-color-link-critical-hover);
}
.d-link--success {
  --link-color-default: var(--dt-color-link-success);
  --link-color-default-hover: var(--dt-color-link-success-hover);
}
.d-link--muted {
  --link-color-default: var(--dt-color-link-muted);
  --link-color-default-hover: var(--dt-color-link-muted-hover);
}
.d-link[disabled],
.d-link--disabled {
  --link-color-default: var(--dt-color-link-disabled);
  --link-color-default-hover: var(--dt-color-link-disabled-hover);
  --link-text-decoration: none;
}
.d-link[disabled]:hover,
.d-link--disabled:hover {
  cursor: not-allowed;
}
.d-link--inverted {
  --link-color-default: var(--dt-color-link-primary-inverted);
  --link-color-default-hover: var(--dt-color-link-primary-inverted-hover);
}
.d-link--inverted-disabled {
  --link-color-default: var(--dt-color-link-disabled-inverted);
  --link-color-default-hover: var(--dt-color-link-disabled-inverted-hover);
  --link-text-decoration: none !important;
}
.d-link--inverted-disabled:hover {
  cursor: not-allowed;
}
.d-link--inverted-danger {
  --link-color-default: var(--dt-color-link-critical-inverted);
  --link-color-default-hover: var(--dt-color-link-critical-inverted-hover);
}
.d-link--inverted-success {
  --link-color-default: var(--dt-color-link-success-inverted);
  --link-color-default-hover: var(--dt-color-link-success-inverted-hover);
}
.d-link--inverted-warning {
  --link-color-default: var(--dt-color-link-warning-inverted);
  --link-color-default-hover: var(--dt-color-link-warning-inverted-hover);
}
.d-link--inverted-muted {
  --link-color-default: var(--dt-color-link-muted-inverted);
  --link-color-default-hover: var(--dt-color-link-muted-inverted-hover);
}
.d-link--inverted-mention {
  --link-color-default: var(--dt-color-link-primary-inverted);
  --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);
  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);
  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);
  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;
  padding: 0;
  list-style: none;
}
.d-list-group--header,
.d-list-group--link {
  display: block;
  padding: var(--dt-space-300) var(--dt-space-550);
}
.d-list-group--header {
  font-weight: var(--dt-font-weight-bold);
  font-size: var(--dt-font-size-100);
  text-transform: uppercase;
}
.d-list-group--link {
  color: var(--dt-color-foreground-secondary);
  font-size: var(--dt-font-size-200);
  text-decoration: none;
}
.d-list-group--link:hover {
  color: var(--dt-color-foreground-primary);
  background-color: hsl(var(--dt-color-purple-400-hsl)  /  85%);
}
.d-list-group--link-selected {
  color: var(--dt-color-neutral-white);
  background-color: var(--dt-color-purple-400);
}
.d-list-group--link-selected:hover {
  color: var(--dt-color-neutral-white);
  background-color: hsl(var(--dt-color-purple-400-h) var(--dt-color-purple-400-s) calc(var(--dt-color-purple-400-l) + 10%));
}
.d-list-item-group {
  position: relative;
  padding-right: var(--dt-space-0);
  padding-left: var(--dt-space-0);
}
.d-list-item {
  list-style: none;
  background-color: var(--dt-action-color-background-muted-default);
}
.d-list-item:not(.d-list-item--static) {
  border-radius: var(--dt-size-radius-300);
  cursor: pointer;
}
.d-list-item--focusable:focus,
.d-list-item--focusable:focus-within,
.d-list-item--highlighted {
  background-color: var(--dt-action-color-background-muted-hover);
}
.d-list-item--highlighted:active {
  background-color: var(--dt-action-color-background-muted-active);
}
.d-list-item[role="menuitem"] {
  border-radius: var(--dt-size-300);
}
.d-list-item-separator {
  margin: var(--dt-space-300) var(--dt-space-300-negative);
  list-style: none;
  border-top: var(--dt-size-100) solid var(--dt-color-border-default);
}
.d-list-item :focus-visible {
  outline: none;
  box-shadow: var(--dt-shadow-focus);
}
.d-list-item__wrapper {
  gap: var(--dt-space-400);
  min-height: calc(var(--dt-size-550) + var(--dt-size-300));
  padding: var(--dt-space-300) var(--dt-space-400);
  font-size: var(--dt-font-size-200);
  line-height: var(--dt-font-line-height-300);
}
.d-list-item__left,
.d-list-item__right,
.d-list-item__selected {
  display: grid;
  place-content: center;
}
.d-list-item__content {
  align-content: center;
}
.d-list-item__title {
  min-width: var(--dt-size-0);
}
.d-list-item__subtitle {
  margin-top: var(--dt-space-200-negative);
  color: var(--dt-color-foreground-tertiary);
  font-size: var(--dt-font-size-100);
}
.d-list-item__bottom {
  margin-top: var(--dt-space-200);
}
.d-loader {
  display: inline-flex;
}
.d-loader__icon {
  -webkit-animation: d-loading-circle 900ms infinite linear;
          animation: d-loading-circle 900ms infinite linear;
}
.d-modal {
  --modal-backdrop-color-background: var(--dt-color-surface-backdrop);
  --modal-dialog-padding: var(--dt-space-600);
  --modal-dialog-color-background: var(--dt-color-surface-primary);
  --modal-dialog-color-border: var(--dt-color-border-subtle);
  --modal-dialog-color-text: var(--dt-color-foreground-primary);
  --modal-header-color-text: var(--dt-color-foreground-primary);
  --modal-dialog-shadow: var(--dt-shadow-large);
  -webkit-app-region: no-drag;
  position: fixed;
  inset: 0;
  z-index: var(--zi-hide);
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  padding: var(--dt-space-600);
  background-color: var(--modal-backdrop-color-background);
  -webkit-backface-visibility: hidden;
          backface-visibility: hidden;
  visibility: hidden;
  opacity: 0;
  will-change: visibility, z-index, opacity;
}
.d-modal--transparent {
  --modal-backdrop-color-background: var(--d-bgc-transparent);
  -webkit-app-region: no-drag;
}
.d-modal--transparent[aria-hidden='false'] {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  min-height: 100%;
}
.d-modal__dialog {
  position: relative;
  z-index: var(--zi-hide);
  display: flex;
  flex-direction: column;
  gap: var(--dt-space-500);
  box-sizing: border-box;
  width: 100%;
  max-width: var(--dt-size-1020);
  max-height: 100%;
  padding: var(--modal-dialog-padding);
  overflow-y: auto;
  color: var(--modal-dialog-color-text);
  font-size: var(--dt-font-size-200);
  line-height: var(--dt-font-line-height-400);
  background-color: var(--modal-dialog-color-background);
  background-clip: padding-box;
  border: var(--dt-size-100) solid var(--modal-dialog-color-border);
  border-radius: var(--dt-size-500);
  box-shadow: var(--modal-dialog-shadow);
  -webkit-transform: translate3d(0, 30%, 0) scale3d(0.75, 0.75, 0.75);
          transform: translate3d(0, 30%, 0) scale3d(0.75, 0.75, 0.75);
  -webkit-backface-visibility: hidden;
          backface-visibility: hidden;
  visibility: hidden;
  opacity: 0;
  will-change: visibility, z-index, opacity, transform;
}
.d-modal[aria-hidden='false'],
.d-modal[aria-hidden='false'] .d-modal__dialog,
.d-modal--transparent[aria-hidden='false'],
.d-modal--transparent[aria-hidden='false'] .d-modal__dialog {
  z-index: var(--zi-modal);
  -webkit-transform: translate3d(0, 0, 0) scale3d(1, 1, 1);
          transform: translate3d(0, 0, 0) scale3d(1, 1, 1);
  visibility: visible;
  opacity: 1;
}
.d-modal__footer {
  --modal-footer-padding: var(--dt-space-550);
  display: flex;
  flex-direction: row-reverse;
  gap: var(--dt-space-400);
  align-items: center;
}
.d-modal__header {
  --modal-header-padding: var(--dt-space-550);
  margin: 0 !important;
  padding-right: var(--modal-header-padding);
  color: var(--modal-header-color-text);
  font-weight: var(--dt-font-weight-medium);
  font-size: var(--dt-font-size-400);
  line-height: var(--dt-font-line-height-100);
}
.d-modal__content {
  max-width: 75ch;
}
.d-modal__close {
  position: absolute;
  inset-block-start: var(--dt-space-400);
  inset-inline-end: var(--dt-space-400);
  margin: 0 !important;
}
.d-modal__banner {
  --modal-banner-padding-y: var(--dt-space-500);
  --modal-banner-padding-x: var(--dt-space-600);
  --modal-banner-color-background: var(--dt-color-surface-warning);
  position: relative;
  box-sizing: border-box;
  width: 100%;
  max-width: var(--dt-size-1020);
  padding: var(--modal-banner-padding-y) var(--modal-banner-padding-x);
  color: var(--dt-color-foreground-primary);
  font-size: var(--dt-font-size-200);
  line-height: var(--dt-font-line-height-300);
  background-color: var(--modal-banner-color-background);
  background-clip: padding-box;
  border: var(--dt-size-100) solid var(--modal-dialog-color-border);
  border-bottom-width: 0;
  border-radius: var(--dt-size-500) var(--dt-size-500) 0 0;
  box-shadow: var(--modal-dialog-shadow);
}
.d-modal__banner--warning {
  --modal-banner-color-background: var(--dt-color-surface-warning);
}
.d-modal__banner--info {
  --modal-banner-color-background: var(--dt-color-surface-info);
}
.d-modal__banner--critical {
  --modal-banner-color-background: var(--dt-color-surface-critical);
}
.d-modal__banner--success {
  --modal-banner-color-background: var(--dt-color-surface-success);
}
.d-modal__banner--general {
  --modal-banner-color-background: var(--dt-color-surface-secondary);
}
.d-modal__banner::before {
  position: absolute;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: var(--zi-modal-element);
  height: var(--modal-banner-padding-y);
  background-color: var(--modal-banner-color-background);
  content: '';
}
.d-modal__banner:not(.d-d-none) + .d-modal__dialog {
  border-top-width: 0;
  border-top-left-radius: 0;
  border-top-right-radius: 0;
}
.d-modal--full {
  --modal-dialog-padding: 0;
  padding: 0;
  overflow: hidden scroll;
  -webkit-transform: unset !important;
          transform: unset !important;
}
.d-modal--full .d-modal__dialog {
  display: flex;
  flex-direction: column;
  max-width: unset;
  height: 100%;
  border-radius: 0;
  -webkit-transform: unset !important;
          transform: unset !important;
}
.d-modal--full .d-modal__header {
  padding: var(--dt-space-600) var(--dt-space-600) 0;
}
.d-modal--full .d-modal__content {
  padding-right: 0;
  padding-left: var(--dt-space-600);
}
.d-modal--full .d-modal__footer {
  margin-top: auto !important;
  padding: 0 var(--dt-space-550) var(--dt-space-600) var(--dt-space-600);
}
.d-modal--full .d-modal__banner {
  max-width: unset;
  padding: var(--dt-space-450) var(--dt-space-600);
  border-radius: 0;
}
.d-modal__dialog--scrollable {
  display: flex;
  flex-direction: column;
  overflow: hidden;
}
.d-modal__dialog--scrollable .d-modal__content {
  overflow-y: auto;
}
.d-modal--danger {
  --modal-header-color-text: var(--dt-color-foreground-primary);
}
.d-modal--animate {
  z-index: var(--zi-hide) !important;
  -webkit-backface-visibility: hidden !important;
          backface-visibility: hidden !important;
  visibility: hidden !important;
  opacity: 0 !important;
}
.d-modal__dialog--animate {
  z-index: var(--zi-hide) !important;
  -webkit-backface-visibility: hidden !important;
          backface-visibility: hidden !important;
  visibility: hidden !important;
  opacity: 0 !important;
  -webkit-transform: translate3d(0, 30%, 0) scale3d(0.75, 0.75, 0.75) !important;
          transform: translate3d(0, 30%, 0) scale3d(0.75, 0.75, 0.75) !important;
}
.d-modal--animate-in,
.d-modal__dialog--animate-in {
  transition: opacity 100ms var(--ttf-in-out) 10ms, z-index 0s 0s, visibility 0s 0s, -webkit-transform 100ms var(--ttf-in-out) 10ms;
  transition: opacity 100ms var(--ttf-in-out) 10ms, z-index 0s 0s, visibility 0s 0s, transform 100ms var(--ttf-in-out) 10ms;
  transition: opacity 100ms var(--ttf-in-out) 10ms, z-index 0s 0s, visibility 0s 0s, transform 100ms var(--ttf-in-out) 10ms, -webkit-transform 100ms var(--ttf-in-out) 10ms;
}
@media (prefers-reduced-motion) {
  .d-modal--animate-in,
  .d-modal__dialog--animate-in {
    transition: none !important;
  }
}
.d-modal--animate-out {
  transition: opacity 100ms var(--ttf-in-out) 10ms, z-index 0s 200ms, visibility 0s 200ms, -webkit-transform 100ms var(--ttf-in-out) 10ms;
  transition: opacity 100ms var(--ttf-in-out) 10ms, z-index 0s 200ms, visibility 0s 200ms, transform 100ms var(--ttf-in-out) 10ms;
  transition: opacity 100ms var(--ttf-in-out) 10ms, z-index 0s 200ms, visibility 0s 200ms, transform 100ms var(--ttf-in-out) 10ms, -webkit-transform 100ms var(--ttf-in-out) 10ms;
}
.d-modal--animate-out.d-modal--full {
  transition: opacity 200ms var(--ttf-in-out) 0s, z-index 0s 200ms, visibility 0s 200ms;
}
@media (prefers-reduced-motion) {
  .d-modal--animate-out {
    transition: none !important;
  }
}
.d-modal__dialog--animate-out {
  transition: opacity 200ms var(--ttf-in-out) 0s, z-index 0s 200ms, visibility 0s 200ms, -webkit-transform 100ms var(--ttf-in-out) 0s;
  transition: opacity 200ms var(--ttf-in-out) 0s, z-index 0s 200ms, visibility 0s 200ms, transform 100ms var(--ttf-in-out) 0s;
  transition: opacity 200ms var(--ttf-in-out) 0s, z-index 0s 200ms, visibility 0s 200ms, transform 100ms var(--ttf-in-out) 0s, -webkit-transform 100ms var(--ttf-in-out) 0s;
}
.d-modal__dialog--animate-out.d-modal--full {
  transition: opacity 200ms var(--ttf-in-out) 0s, z-index 0s 200ms, visibility 0s 200ms;
}
@media (prefers-reduced-motion) {
  .d-modal__dialog--animate-out {
    transition: none !important;
  }
}
.d-notice,
.d-banner,
.d-toast {
  --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-padding: var(--dt-space-500);
  --notice-font-size: var(--dt-font-size-200);
  --notice-line-height: var(--dt-font-line-height-300);
  --notice-border-radius: var(--dt-size-400);
  --notice-box-shadow: 0 0 0 var(--dt-size-100) var(--notice-color-shadow) inset;
  display: flex;
  align-items: center;
  box-sizing: border-box;
  width: 100%;
  max-width: var(--dt-size-1020);
  padding: var(--notice-padding);
  color: var(--notice-color-text);
  font-size: var(--notice-font-size);
  line-height: var(--notice-line-height);
  background-color: var(--notice-color-background);
  border-radius: var(--notice-border-radius);
  box-shadow: var(--notice-box-shadow);
}
.d-notice__content {
  display: flex;
  flex: 1 auto;
  flex-direction: column;
  margin-right: var(--dt-space-500);
}
.d-notice__actions {
  display: flex;
  flex: 0 auto;
  gap: var(--dt-space-400);
  align-items: center;
}
.d-notice__actions .d-btn {
  color: var(--notice-color-text);
}
.d-notice__icon {
  display: flex;
  flex: 0 auto;
  margin-right: var(--dt-space-450);
  color: var(--notice-color-icon);
}
.d-banner .d-notice__icon {
  margin-right: var(--dt-space-400);
}
.d-notice__title {
  font-weight: var(--dt-font-weight-bold);
  font-size: inherit;
}
.d-notice__title:not([hidden]) + .d-notice__message {
  font-size: var(--dt-font-size-100);
}
.d-notice.d-notice--important,
.d-banner.d-banner--important,
.d-toast.d-toast--important {
  --notice-color-background: var(--dt-color-surface-strong);
  --notice-color-text: var(--dt-color-foreground-primary-inverted);
  --notice-color-icon: var(--notice-color-text);
  --notice-color-shadow: transparent;
}
.d-notice--error,
.d-banner--error,
.d-toast--error {
  --notice-color-background: var(--dt-color-surface-critical);
  --notice-color-icon: var(--dt-color-foreground-critical);
}
.d-notice--error.d-notice--important,
.d-banner--error.d-notice--important,
.d-toast--error.d-notice--important,
.d-notice--error.d-banner--important,
.d-banner--error.d-banner--important,
.d-toast--error.d-banner--important,
.d-notice--error.d-toast--important,
.d-banner--error.d-toast--important,
.d-toast--error.d-toast--important {
  --notice-color-background: var(--dt-color-surface-critical-strong);
}
.d-notice--info,
.d-banner--info,
.d-toast--info {
  --notice-color-background: var(--dt-color-surface-info);
  --notice-color-icon: var(--dt-color-blue-500);
}
.d-notice--info.d-notice--important,
.d-banner--info.d-notice--important,
.d-toast--info.d-notice--important,
.d-notice--info.d-banner--important,
.d-banner--info.d-banner--important,
.d-toast--info.d-banner--important,
.d-notice--info.d-toast--important,
.d-banner--info.d-toast--important,
.d-toast--info.d-toast--important {
  --notice-color-background: var(--dt-color-surface-info-strong);
  --notice-color-text: var(--dt-color-foreground-primary-inverted);
}
.d-notice--success,
.d-banner--success,
.d-toast--success {
  --notice-color-background: var(--dt-color-surface-success);
  --notice-color-icon: var(--dt-color-foreground-success);
}
.d-notice--success.d-notice--important,
.d-banner--success.d-notice--important,
.d-toast--success.d-notice--important,
.d-notice--success.d-banner--important,
.d-banner--success.d-banner--important,
.d-toast--success.d-banner--important,
.d-notice--success.d-toast--important,
.d-banner--success.d-toast--important,
.d-toast--success.d-toast--important {
  --notice-color-background: var(--dt-color-surface-success-strong);
  --notice-color-text: var(--dt-color-foreground-primary-inverted);
}
.d-notice--warning,
.d-banner--warning,
.d-toast--warning {
  --notice-color-background: var(--dt-color-surface-warning);
  --notice-color-icon: var(--dt-color-foreground-warning);
}
.d-notice--warning.d-notice--important,
.d-banner--warning.d-notice--important,
.d-toast--warning.d-notice--important,
.d-notice--warning.d-banner--important,
.d-banner--warning.d-banner--important,
.d-toast--warning.d-banner--important,
.d-notice--warning.d-toast--important,
.d-banner--warning.d-toast--important,
.d-toast--warning.d-toast--important {
  --notice-color-background: var(--dt-color-surface-warning-strong);
  --notice-color-text: var(--dt-color-neutral-black);
}
.d-notice.d-notice--truncate .d-notice__content {
  overflow: hidden;
}
.d-notice.d-notice--truncate .d-notice__content .d-notice__title,
.d-notice.d-notice--truncate .d-notice__content .d-notice__message {
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.d-toast-wrapper {
  position: absolute;
  top: var(--dt-space-600);
  left: 50%;
  z-index: var(--zi-notification);
  display: flex;
  flex-direction: column;
  gap: var(--dt-space-500);
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
}
.d-toast {
  --toast-color-shadow: var(--dt-color-border-subtle);
  --toast-box-shadow: 0 0 0 var(--dt-size-100) var(--toast-color-shadow) inset, var(--dt-shadow-medium);
  z-index: var(--zi-notification);
  display: block;
  max-width: var(--dt-size-975);
  word-break: normal;
  box-shadow: var(--toast-box-shadow);
  pointer-events: all;
}
.d-toast > a {
  word-break: break-all;
}
.d-toast[aria-hidden='true'] {
  visibility: hidden;
  opacity: 0;
}
.d-toast[aria-hidden='false'] {
  visibility: visible;
  opacity: 1;
}
.d-toast__dialog {
  position: relative;
  display: flex;
  align-items: center;
}
.d-toast__dialog .d-notice__actions button:first-child {
  margin-left: var(--dt-space-600);
}
.d-toast--chat .d-notice__icon,
.d-toast--chat .d-toast__meta {
  color: var(--dt-color-foreground-tertiary);
}
.d-toast--chat .d-toast__meta {
  font-size: var(--dt-font-size-100);
}
.d-toast--chat.d-toast--important .d-notice__icon,
.d-toast--chat.d-toast--important .d-toast__meta {
  color: var(--dt-color-foreground-secondary-inverted);
}
.d-toast--organizer,
.d-toast--viewing {
  --toast-border-radius: var(--dt-size-radius-200);
  border-top: var(--dt-size-300) solid var(--dt-color-magenta-300);
}
.d-toast--organizer .d-notice__icon,
.d-toast--viewing .d-notice__icon {
  color: var(--dt-color-magenta-300);
}
.d-toast--chat,
.d-toast--organizer,
.d-toast--viewing {
  --toast-color-background: var(--dt-color-surface-secondary);
}
.d-toast-alternate {
  --toast-alternate-color-shadow: hsl(var(--dt-color-black-900-hsl) / 0.15);
  --toast-alternate-box-shadow: 0 0 0 var(--dt-size-0) var(--toast-alternate-color-shadow) inset, var(--dt-shadow-medium);
  --toast-alternate-color-background: var(--dt-color-surface-primary);
  --toast-alternate-color-text: var(--dt-color-foreground-primary);
  --toast-alternate-color-icon: var(--dt-color-foreground-muted);
  --toast-alternate-font-color: var(--dt-color-foreground-tertiary);
  --toast-alternate-font-size: var(--dt-font-size-200);
  --toast-alternate-line-height: var(--dt-font-line-height-300);
  --toast-alternate-border-radius: var(--dt-size-500);
  --toast-alternate-border-color: var(--dt-color-border-subtle);
  --toast-alternate-border-style: solid;
  --toast-alternate-border-width: var(--dt-size-100);
  z-index: var(--zi-notification);
  display: flex;
  align-items: center;
  box-sizing: border-box;
  width: var(--dt-size-925);
  padding: var(--dt-space-350) var(--dt-space-350) var(--dt-space-450) var(--dt-space-450);
  color: var(--toast-alternate-color-text);
  font-size: var(--toast-alternate-font-size);
  line-height: var(--toast-alternate-line-height);
  word-break: normal;
  background-color: var(--toast-alternate-color-background);
  border: var(--toast-alternate-border-width) var(--toast-alternate-border-style) var(--toast-alternate-border-color);
  border-radius: var(--toast-alternate-border-radius);
  box-shadow: var(--toast-alternate-box-shadow);
  pointer-events: all;
}
.d-toast-alternate > a {
  word-break: break-all;
}
.d-toast-alternate[aria-hidden='true'] {
  visibility: hidden;
  opacity: var(--dt-opacity-0);
}
.d-toast-alternate[aria-hidden='false'] {
  visibility: visible;
  opacity: var(--dt-opacity-1300);
}
.d-toast-alternate .d-toast-layout-alternate__icon {
  display: flex;
  flex: 0 auto;
  margin-right: var(--dt-space-300);
  color: var(--toast-alternate-color-icon);
}
.d-toast-alternate .d-notice__title {
  color: var(--dt-color-foreground-tertiary);
  font-weight: var(--dt-font-weight-normal);
  font-size: var(--dt-font-size-100);
}
.d-toast-alternate .d-notice__actions .base-button__button {
  color: var(--dt-action-color-foreground-muted-default);
}
.d-toast-alternate__content {
  display: flex;
  flex: 1 auto;
  flex-direction: column;
  margin-right: var(--dt-space-500);
  color: var(--dt-color-foreground-primary);
  font-weight: var(--dt-font-weight-normal);
  font-size: var(--dt-font-size-200);
}
.d-toast-alternate__dialog {
  position: relative;
  align-items: center;
  width: var(--dt-size-100-percent);
}
.d-toast-alternate__dialog .d-notice__actions button:first-child {
  margin-left: var(--dt-space-600);
}
.d-toast-alternate__header {
  display: flex;
  gap: var(--dt-space-200);
  align-items: center;
  color: var(--toast-alternate-font-color);
}
.d-toast-alternate--error {
  --toast-alternate-border-color: var(--dt-color-border-critical-subtle);
}
.d-toast-alternate--info {
  --toast-alternate-border-color: var(--dt-color-border-subtle);
}
.d-toast-alternate--success {
  --toast-alternate-border-color: var(--dt-color-border-success-subtle);
}
.d-toast-alternate--gradient {
  background: linear-gradient(var(--dt-color-surface-primary), var(--dt-color-surface-primary)) padding-box, var(--dt-color-border-ai) border-box;
}
.d-toast-alternate--warning {
  --toast-alternate-border-color: var(--dt-color-border-warning-subtle);
}
.d-banner {
  --banner-color-border: var(--dt-color-border-default);
  --banner-line-height: var(--dt-font-line-height-200);
  --banner-dialog-padding-y: var(--dt-space-400);
  --banner-dialog-padding-x: var(--dt-space-500);
  position: fixed;
  top: 0;
  right: 0;
  left: 0;
  z-index: var(--zi-navigation-fixed);
  max-width: 100%;
  min-height: var(--dt-size-650);
  padding: 0;
  line-height: var(--banner-line-height);
  border-bottom: 1px solid var(--banner-color-border);
  border-radius: 0;
  box-shadow: none;
}
.d-banner[aria-hidden='true'] {
  visibility: hidden;
  opacity: 0;
}
.d-banner[aria-hidden='false'] {
  visibility: visible;
  opacity: 1;
}
.d-banner--pinned {
  z-index: calc(var(--zi-navigation-fixed) + 1);
  -webkit-transform: translate3d(0, 0, 0);
          transform: translate3d(0, 0, 0);
}
.d-banner__dialog {
  position: relative;
  display: flex;
  align-items: center;
  width: 100%;
  max-width: 128rem;
  min-height: 100%;
  margin: 0 auto;
  padding: var(--banner-dialog-padding-y) var(--banner-dialog-padding-x);
}
.d-banner__dialog .d-notice__content {
  flex-direction: row;
  gap: var(--dt-space-300);
  align-items: baseline;
}
.d-banner.d-banner--important {
  --banner-color-border: transparent;
}
.d-pagination {
  display: flex;
  flex-direction: row;
  gap: var(--dt-space-300);
  align-items: center;
}
.d-pagination__button {
  padding-right: var(--dt-space-400);
  padding-left: var(--dt-space-400);
}
.d-pagination__button:disabled {
  color: var(--dt-color-foreground-secondary-inverted);
  background-color: var(--dt-color-neutral-transparent);
}
.d-pagination__separator {
  align-self: flex-end;
}
.d-pagination__separator-icon {
  width: var(--dt-size-550);
  color: var(--dt-color-foreground-tertiary);
  text-align: center;
}
.d-popover__dialog {
  --popover-color-background: var(--dt-color-surface-secondary);
  --popover-border-width: var(--dt-size-100);
  --popover-border-radius: var(--dt-size-400);
  --popover-color-border: var(--dt-color-border-subtle);
  --popover-shadow: var(--dt-shadow-card);
  -webkit-app-region: no-drag;
  display: grid;
  grid-template-rows: -webkit-min-content 1fr -webkit-min-content;
  grid-template-rows: min-content 1fr min-content;
  overflow: auto;
  color: var(--dt-color-foreground-primary);
  background-color: var(--popover-color-background);
  background-clip: padding-box;
  border: var(--popover-border-width) solid var(--popover-color-border);
  border-radius: var(--popover-border-radius);
  box-shadow: var(--popover-shadow);
  visibility: visible;
}
.d-popover__dialog,
.d-popover__dialog *,
.d-popover__dialog *::before,
.d-popover__dialog *::after {
  box-sizing: border-box;
}
.d-popover__dialog--modal {
  z-index: var(--zi-modal-element);
}
.d-popover__content {
  grid-row: 2;
  overflow: auto;
}
.d-popover__header,
.d-popover__footer {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  width: 100%;
  min-height: var(--dt-size-650);
  padding-top: var(--dt-space-350);
  padding-bottom: var(--dt-space-350);
  overflow: auto;
  font-weight: var(--dt-font-weight-semi-bold);
  font-size: var(--dt-font-size-200);
}
.d-popover__header__content,
.d-popover__footer__content {
  width: 100%;
  text-overflow: ellipsis;
}
.d-popover__header__close-button,
.d-popover__footer__close-button {
  margin-right: var(--dt-space-350);
  padding: var(--dt-space-350);
  border-color: transparent;
}
.d-popover__header {
  grid-row: 1;
  border-bottom: var(--popover-border-width) solid var(--popover-color-border);
}
.d-popover__footer {
  grid-row: 3;
  border-top: var(--popover-border-width) solid var(--popover-color-border);
}
.tippy-box[data-popper-reference-hidden] .d-popover__dialog {
  visibility: hidden;
}
.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);
  --check-radio-color-background-checked: var(--dt-checkbox-color-background-checked);
  --check-radio-color-background-disabled: var(--dt-inputs-color-background-disabled);
  --check-radio-border-width: var(--dt-size-border-100);
  flex: 0 auto;
  align-self: flex-start;
  transition-timing-function: var(--ttf-out-quint);
  transition-duration: var(--td200);
  transition-property: box-shadow;
}
@supports ((-webkit-appearance: none) or (appearance: none)) {
  .d-checkbox,
  .d-radio {
    width: var(--dt-size-500);
    height: var(--dt-size-500);
    margin: 0;
    font-size: inherit;
    background-color: var(--check-radio-color-background);
    border: var(--check-radio-border-width) solid var(--check-radio-color-border);
    outline: 0;
    box-shadow: none;
    cursor: pointer;
    -webkit-appearance: none;
    appearance: none;
  }
  .d-checkbox::-ms-check,
  .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:checked,
  .d-radio:checked {
    --check-radio-color-border: var(--check-radio-color-border-checked);
  }
}
.d-checkbox[disabled],
.d-radio[disabled],
.d-checkbox--disabled,
.d-radio--disabled {
  --check-radio-color: var(--dt-color-foreground-disabled);
  --check-radio-color-border: var(--check-radio-color-border-disabled);
  --check-radio-color-background: var(--check-radio-color-background-disabled);
  cursor: not-allowed;
}
.d-checkbox-group,
.d-radio-group {
  display: inline-flex;
  gap: var(--dt-space-400);
  cursor: pointer;
}
.d-checkbox-group--disabled,
.d-radio-group--disabled {
  cursor: not-allowed;
}
.d-checkbox-group--disabled .d-checkbox__label,
.d-radio-group--disabled .d-checkbox__label,
.d-checkbox-group--disabled .d-radio__label,
.d-radio-group--disabled .d-radio__label {
  color: var(--dt-color-foreground-disabled);
  cursor: not-allowed;
}
.d-input-group__fieldset {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
}
.d-input-group__fieldset__label {
  display: flex;
  flex: 1 0%;
  align-items: baseline;
  justify-content: space-between;
  box-sizing: border-box;
  margin-bottom: var(--dt-space-300);
  color: var(--dt-color-foreground-secondary);
  font-weight: var(--dt-font-weight-semi-bold);
  font-size: var(--dt-font-size-200);
  font-family: inherit;
  line-height: var(--dt-font-line-height-300);
  overflow-wrap: break-word;
}
.d-checkbox__input,
.d-radio__input {
  display: flex;
  align-self: flex-start;
  padding-top: var(--dt-space-300);
}
.d-checkbox__copy,
.d-radio__copy {
  display: inline-flex;
  flex-direction: column;
}
.d-checkbox__label,
.d-radio__label {
  display: inline-flex;
  flex: 1 auto;
  flex-direction: column;
  align-items: flex-start;
  color: var(--dt-color-foreground-primary);
  font: var(--dt-typography-label-md-plain);
  cursor: pointer;
}
.d-checkbox__messages,
.d-radio__messages {
  margin-top: var(--dt-space-200-negative);
  margin-left: var(--dt-space-550);
}
.d-checkbox__description {
  display: flex;
  box-sizing: border-box;
  color: var(--dt-color-foreground-tertiary);
  font-size: var(--dt-font-size-100);
  font-family: inherit;
  line-height: var(--dt-font-line-height-400);
  fill: currentColor;
}
@supports ((-webkit-appearance: none) or (appearance: none)) {
  .d-checkbox {
    background-repeat: no-repeat;
    background-position: center center;
    background-size: auto;
    border-radius: var(--dt-size-radius-300);
  }
  .d-checkbox:focus,
  .d-checkbox:focus-visible,
  .d-checkbox:checked:focus-visible {
    box-shadow: var(--dt-shadow-focus);
  }
  .d-checkbox:checked {
    --check-radio-color-background: var(--check-radio-color-background-checked);
    background-image: url("data:image/svg+xml,<svg width='14' height='14' viewBox='0 0 14 14' fill='none' xmlns='http://www.w3.org/2000/svg'> <path fill-rule='evenodd' clip-rule='evenodd' d='M12.1083 3.05806C12.3524 3.30214 12.3524 3.69786 12.1083 3.94194L5.69162 10.3586C5.44754 10.6027 5.05181 10.6027 4.80773 10.3586L1.89107 7.44194C1.64699 7.19786 1.64699 6.80214 1.89107 6.55806C2.13514 6.31398 2.53087 6.31398 2.77495 6.55806L5.24967 9.03278L11.2244 3.05806C11.4685 2.81398 11.8642 2.81398 12.1083 3.05806Z' fill='white'/> </svg>");
    border: 0;
  }
  [data-dt-theme="dark"] .d-checkbox:checked {
    background-image: url("data:image/svg+xml,<svg width='14' height='14' viewBox='0 0 14 14' fill='none' xmlns='http://www.w3.org/2000/svg'> <path fill-rule='evenodd' clip-rule='evenodd' d='M12.1083 3.05806C12.3524 3.30214 12.3524 3.69786 12.1083 3.94194L5.69162 10.3586C5.44754 10.6027 5.05181 10.6027 4.80773 10.3586L1.89107 7.44194C1.64699 7.19786 1.64699 6.80214 1.89107 6.55806C2.13514 6.31398 2.53087 6.31398 2.77495 6.55806L5.24967 9.03278L11.2244 3.05806C11.4685 2.81398 11.8642 2.81398 12.1083 3.05806Z' fill='black'/> </svg>");
  }
  .d-checkbox:checked[disabled] {
    --check-radio-color-background: var(--check-radio-color-background-disabled);
    background-image: url("data:image/svg+xml,<svg width='14' height='14' viewBox='0 0 14 14' fill='none' xmlns='http://www.w3.org/2000/svg'> <path fill-rule='evenodd' clip-rule='evenodd' d='M12.1083 3.05806C12.3524 3.30214 12.3524 3.69786 12.1083 3.94194L5.69162 10.3586C5.44754 10.6027 5.05181 10.6027 4.80773 10.3586L1.89107 7.44194C1.64699 7.19786 1.64699 6.80214 1.89107 6.55806C2.13514 6.31398 2.53087 6.31398 2.77495 6.55806L5.24967 9.03278L11.2244 3.05806C11.4685 2.81398 11.8642 2.81398 12.1083 3.05806Z' fill='gray'/> </svg>");
  }
  .d-checkbox--disabled:checked {
    --check-radio-color-background: var(--check-radio-color-background-disabled);
    --check-radio-color-border: var(--check-radio-color-border-disabled);
    background-image: url("data:image/svg+xml,<svg width='14' height='14' viewBox='0 0 14 14' fill='none' xmlns='http://www.w3.org/2000/svg'> <path fill-rule='evenodd' clip-rule='evenodd' d='M12.1083 3.05806C12.3524 3.30214 12.3524 3.69786 12.1083 3.94194L5.69162 10.3586C5.44754 10.6027 5.05181 10.6027 4.80773 10.3586L1.89107 7.44194C1.64699 7.19786 1.64699 6.80214 1.89107 6.55806C2.13514 6.31398 2.53087 6.31398 2.77495 6.55806L5.24967 9.03278L11.2244 3.05806C11.4685 2.81398 11.8642 2.81398 12.1083 3.05806Z' fill='gray'/> </svg>");
  }
  .d-checkbox--indeterminate,
  .d-checkbox:indeterminate {
    --check-radio-color-background: var(--check-radio-color-background-checked);
    --check-radio-color-border: var(--check-radio-color-border-checked);
    background-image: url("data:image/svg+xml,<svg width='14' height='14' viewBox='0 0 14 14' fill='none' xmlns='http://www.w3.org/2000/svg'> <path d='M11.9955 7C11.9955 7.55228 11.5478 8 10.9955 8H3.00415C2.45187 8 2.00415 7.55228 2.00415 7V7C2.00415 6.44772 2.45187 6 3.00415 6H10.9955C11.5478 6 11.9955 6.44772 11.9955 7V7Z' fill='white'/> </svg>");
    border: 0;
  }
  [data-dt-theme="dark"] .d-checkbox--indeterminate,
  [data-dt-theme="dark"] .d-checkbox:indeterminate {
    background-image: url("data:image/svg+xml,<svg width='14' height='14' viewBox='0 0 14 14' fill='none' xmlns='http://www.w3.org/2000/svg'> <path d='M11.9955 7C11.9955 7.55228 11.5478 8 10.9955 8H3.00415C2.45187 8 2.00415 7.55228 2.00415 7V7C2.00415 6.44772 2.45187 6 3.00415 6H10.9955C11.5478 6 11.9955 6.44772 11.9955 7V7Z' fill='black'/> </svg>");
  }
  .d-checkbox--indeterminate[disabled],
  .d-checkbox:indeterminate[disabled] {
    --check-radio-color-background: var(--check-radio-color-background-disabled);
    --check-radio-color-border: var(--check-radio-color-border-disabled);
    background-image: url("data:image/svg+xml,<svg width='14' height='14' viewBox='0 0 14 14' fill='none' xmlns='http://www.w3.org/2000/svg'> <path d='M11.9955 7C11.9955 7.55228 11.5478 8 10.9955 8H3.00415C2.45187 8 2.00415 7.55228 2.00415 7V7C2.00415 6.44772 2.45187 6 3.00415 6H10.9955C11.5478 6 11.9955 6.44772 11.9955 7V7Z' fill='gray'/> </svg>");
  }
  .d-checkbox--indeterminate.d-checkbox--disabled,
  .d-checkbox:indeterminate.d-checkbox--disabled {
    --check-radio-color-background: var(--check-radio-color-background-disabled);
    --check-radio-color-border: var(--check-radio-color-border-disabled);
    background-image: url("data:image/svg+xml,<svg width='14' height='14' viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'><path d='M19 13H5v-2h14v2z' fill='hsl(240, 10%, 51%)'/></svg>");
  }
  .d-checkbox[disabled],
  .d-checkbox--disabled {
    --check-radio-color: var(--dt-color-foreground-disabled);
    --check-radio-color-border: var(--check-radio-color-border-disabled);
    --check-radio-color-background: var(--check-radio-color-background-disabled);
  }
}
@supports ((-webkit-appearance: none) or (appearance: none)) {
  .d-radio {
    border-radius: var(--dt-size-radius-circle);
  }
  .d-radio[disabled],
  .d-radio--disabled {
    --check-radio-color: var(--dt-color-foreground-disabled);
    --check-radio-color-border: var(--check-radio-color-border-disabled);
    --check-radio-color-background: var(--check-radio-color-background-disabled);
  }
  .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);
  }
  .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);
  }
}
.d-rich-text-editor__code-block {
  padding: var(--dt-space-400);
  font: var(--dt-typography-code-md);
  background: var(--dt-color-surface-secondary);
}
.d-rich-text-editor code:not(.d-rich-text-editor__code-block > code) {
  padding: var(--dt-space-200);
  color: var(--dt-color-foreground-warning);
  font: var(--dt-typography-code-md);
  background-color: var(--dt-color-surface-secondary-opaque);
  border: var(--dt-size-border-100) solid var(--dt-color-border-subtle);
  border-radius: var(--dt-size-radius-200);
}
.d-rich-text-editor > .ProseMirror {
  box-shadow: none;
}
.d-rich-text-editor > .ProseMirror p.is-editor-empty:first-child::before {
  float: left;
  height: 0;
  color: var(--dt-color-foreground-placeholder);
  content: attr(data-placeholder);
  pointer-events: none;
}
.d-rich-text-editor > .ProseMirror ul,
.d-rich-text-editor > .ProseMirror ol {
  padding-left: var(--dt-space-525);
}
.d-rich-text-editor > .ProseMirror ul > li {
  list-style-type: disc;
}
.d-rich-text-editor > .ProseMirror ol > li {
  list-style-type: decimal;
}
.d-rich-text-editor > .ProseMirror blockquote {
  margin-left: 0;
  padding-left: var(--dt-space-400);
  border-left: var(--dt-size-border-300) solid var(--dt-color-border-subtle);
}
.d-rich-text-editor-bubble-menu__button-stack {
  padding: var(--dt-space-300);
}
.d-suggestion-list__container {
  max-height: var(--dt-size-875);
}
.d-suggestion-list {
  position: relative;
  min-width: var(--dt-size-925);
  max-width: var(--dt-size-975);
  padding: var(--dt-size-300);
}
.d-suggestion-list__item {
  border: var(--dt-size-100) solid transparent;
}
.d-mention-suggestion__name {
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.d-mention-suggestion__container {
  width: 100%;
}
.d-mention-suggestion__details-container {
  width: 90%;
}
.d-mention-suggestion__presence {
  min-width: -webkit-fit-content;
  min-width: -moz-fit-content;
  min-width: fit-content;
  margin-left: var(--dt-space-200);
}
.d-mention-suggestion__status {
  margin-left: var(--dt-space-100);
  overflow: hidden;
  color: var(--dt-color-foreground-tertiary);
  white-space: nowrap;
  text-overflow: ellipsis;
}
.d-mention-suggestion__divider {
  color: var(--dt-color-foreground-tertiary);
}
.vue-recycle-scroller {
  position: relative;
}
.vue-recycle-scroller.direction-vertical:not(.page-mode) {
  overflow-y: auto;
}
.vue-recycle-scroller.direction-horizontal:not(.page-mode) {
  overflow-x: auto;
}
.vue-recycle-scroller.direction-horizontal {
  display: flex;
}
.vue-recycle-scroller__slot {
  flex: auto 0 0;
}
.vue-recycle-scroller__item-wrapper {
  position: relative;
  flex: 1;
  box-sizing: border-box;
  overflow: hidden;
}
.vue-recycle-scroller.ready .vue-recycle-scroller__item-view {
  position: absolute;
  top: 0;
  left: 0;
  will-change: transform;
}
.vue-recycle-scroller.direction-vertical .vue-recycle-scroller__item-wrapper {
  width: 100%;
}
.vue-recycle-scroller.direction-horizontal .vue-recycle-scroller__item-wrapper {
  height: 100%;
}
.vue-recycle-scroller.ready.direction-vertical .vue-recycle-scroller__item-view {
  width: 100%;
}
.vue-recycle-scroller.ready.direction-horizontal .vue-recycle-scroller__item-view {
  height: 100%;
}
.d-select {
  --select-color-border: var(--dt-inputs-color-border-default);
  --select-notch-position-right: var(--dt-space-400);
  position: relative;
  width: -webkit-fill-available;
  width: -moz-available;
  width: stretch;
}
.d-select::after {
  --select-arrow-size: calc(var(--dt-size-300) * 3.5);
  position: absolute;
  top: 50%;
  right: var(--select-notch-position-right);
  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-repeat: no-repeat;
  background-size: 100%;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  content: '';
  pointer-events: none;
}
.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);
  --input-border-width: var(--dt-size-border-100);
  --input-border-radius: var(--dt-inputs-size-radius-md);
  --input-padding-y: calc(var(--dt-space-400) - var(--input-border-width));
  --input-padding-x: calc((var(--dt-space-500) - var(--dt-space-300)) - var(--input-border-width));
  --input-typography: var(--dt-typography-inputs-md);
  position: relative;
  display: inline-flex;
  flex: 1 0%;
  box-sizing: border-box;
  width: 100%;
  min-width: 0;
  padding: var(--input-padding-y) var(--input-padding-x);
  color: var(--input-color-text);
  font: var(--input-typography);
  background-color: var(--input-color-background);
  border: var(--input-border-width) solid var(--input-color-border);
  border-radius: var(--input-border-radius);
  outline: none;
  box-shadow: none;
  -webkit-appearance: none;
          appearance: none;
  caret-color: fieldtext;
  padding-right: var(--select-notch-padding-right);
}
.d-select__input:has(.d-textarea) {
  border-end-end-radius: var(--dt-inputs-size-radius-xs);
}
.d-select__input:has(.d-input--xs),
.d-select__input:has(.d-textarea--xs) {
  --input-border-radius: var(--dt-inputs-size-radius-xs);
}
.d-select__input:has(.d-input--sm),
.d-select__input:has(.d-textarea--sm) {
  --input-border-radius: var(--dt-inputs-size-radius-sm);
}
.d-select__input:has(.d-input--md),
.d-select__input:has(.d-textarea--md) {
  --input-border-radius: var(--dt-inputs-size-radius-md);
}
.d-select__input:has(.d-input--lg),
.d-select__input:has(.d-textarea--lg) {
  --input-border-radius: var(--dt-inputs-size-radius-lg);
}
.d-select__input:has(.d-input--xl),
.d-select__input:has(.d-textarea--xl) {
  --input-border-radius: var(--dt-inputs-size-radius-xl);
}
.d-select__input::-webkit-input-placeholder {
  color: var(--dt-inputs-color-foreground-placeholder);
}
.d-select__input:-ms-input-placeholder {
  color: var(--dt-inputs-color-foreground-placeholder);
}
.d-select__input::-ms-input-placeholder {
  color: var(--dt-inputs-color-foreground-placeholder);
}
.d-select__input::placeholder {
  color: var(--dt-inputs-color-foreground-placeholder);
}
.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);
  --input-color-border: var(--dt-inputs-color-border-focus) !important;
  box-shadow: 0 0 0 var(--dt-size-border-100) var(--dt-inputs-color-border-focus) inset;
}
.d-select__input[disabled],
.d-select__input[read-only] {
  --input-color-border: var(--dt-inputs-color-border-disabled) !important;
  --input-color-background: var(--dt-inputs-color-background-disabled);
  --input-color-text: var(--dt-inputs-color-foreground-disabled);
}
.d-select__input[disabled]:focus,
.d-select__input[read-only]:focus,
.d-select__input[disabled]:focus-within,
.d-select__input[read-only]:focus-within {
  box-shadow: none !important;
}
.d-select__input[disabled]::-webkit-input-placeholder, .d-select__input[read-only]::-webkit-input-placeholder {
  color: var(--dt-inputs-color-foreground-placeholder);
}
.d-select__input[disabled]:-ms-input-placeholder, .d-select__input[read-only]:-ms-input-placeholder {
  color: var(--dt-inputs-color-foreground-placeholder);
}
.d-select__input[disabled]::-ms-input-placeholder, .d-select__input[read-only]::-ms-input-placeholder {
  color: var(--dt-inputs-color-foreground-placeholder);
}
.d-select__input[disabled]::placeholder,
.d-select__input[read-only]::placeholder {
  color: var(--dt-inputs-color-foreground-placeholder);
}
.d-select__input[disabled] {
  cursor: not-allowed;
}
.d-select__input::-moz-focus-inner {
  outline: none !important;
}
.d-select__input:-moz-focusring {
  color: transparent;
  text-shadow: 0 0 0 var(--dt-color-black-900);
}
.d-select__input::-ms-expand {
  display: none;
}
.d-select__input input[type="search"]::-webkit-search-decoration,
.d-select__input input[type="search"]::-webkit-search-cancel-button,
.d-select__input input[type="search"]::-webkit-search-results-button,
.d-select__input input[type="search"]::-webkit-search-results-decoration {
  display: none;
}
.d-select__input option {
  color: var(--dt-color-foreground-secondary);
  background-color: var(--dt-color-surface-secondary);
}
.d-select__input:focus {
  --input-color-background: var(--dt-inputs-color-background-focus);
}
.d-select__input[disabled],
.d-select__input[read-only] {
  color: var(--dt-inputs-color-foreground-disabled);
  background: var(--dt-inputs-color-background-disabled);
  border-color: transparent;
  border-style: solid;
  border-width: var(--input-border-width);
}
.d-select__input::-moz-focus-inner {
  outline: none !important;
}
.d-select__input:-moz-focusring {
  color: transparent;
  text-shadow: 0 0 0 var(--dt-color-black-900);
}
.d-select__input::-ms-expand {
  display: none;
}
.d-select--xs .d-select__input {
  --input-padding-y: calc(calc(var(--dt-space-400) - var(--dt-space-100)) - var(--input-border-width));
  --input-padding-x: calc(var(--dt-space-400) - var(--input-border-width));
  --input-border-radius: var(--dt-inputs-size-radius-xs);
  --input-typography: var(--dt-typography-inputs-xs);
}
.d-select--xs .d-select__input .d-btn__icon {
  width: var(--dt-icon-size-100);
  height: var(--dt-icon-size-100);
}
.d-select--sm .d-select__input {
  --input-padding-y: calc(var(--dt-space-400) - var(--input-border-width));
  --input-padding-x: calc((var(--dt-space-500) - var(--dt-space-300)) - var(--input-border-width));
  --input-typography: var(--dt-typography-inputs-sm);
  --input-border-radius: var(--dt-inputs-size-radius-sm);
}
.d-select--sm .d-select__input .d-btn__icon {
  width: var(--dt-icon-size-200);
  height: var(--dt-icon-size-200);
}
.d-select--lg .d-select__input {
  --input-padding-y: calc((var(--dt-space-400) + var(--dt-space-200)) - var(--input-border-width));
  --input-padding-x: calc(var(--dt-space-500) - var(--input-border-width));
  --input-border-radius: var(--dt-inputs-size-radius-lg);
  --input-typography: var(--dt-typography-inputs-lg);
  --select-notch-padding-right: calc(var(--dt-space-300) * 9);
}
.d-select--lg .d-select__input .d-btn__icon {
  width: var(--dt-icon-size-400);
  height: var(--dt-icon-size-400);
}
.d-select--lg::after {
  --select-arrow-size: calc(var(--dt-size-300) * 4.5);
  --select-notch-position-right: var(--dt-space-450);
}
.d-select--xl .d-select__input {
  --input-padding-y: calc((var(--dt-space-500) - var(--dt-space-300)) - var(--input-border-width));
  --input-padding-x: calc(var(--dt-space-500) - var(--input-border-width));
  --input-border-radius: var(--dt-inputs-size-radius-xl);
  --input-typography: var(--dt-typography-inputs-xl);
  --select-notch-padding-right: calc(var(--dt-space-300) * 9);
}
.d-select--xl .d-select__input .d-btn__icon {
  width: var(--dt-icon-size-500);
  height: var(--dt-icon-size-500);
}
.d-select--xl::after {
  --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 {
  --input-color-border: var(--dt-inputs-color-border-success);
}
.d-select__input--error,
.d-select__input--error:hover {
  --input-color-border: var(--dt-inputs-color-border-critical);
}
.d-select__input--warning,
.d-select__input--warning:hover {
  --input-color-border: var(--dt-inputs-color-border-warning);
}
.d-select--disabled::before,
.d-select--disabled::after {
  opacity: 0.33;
}
.d-skeleton-placeholder {
  --placeholder-from-color: var(--dt-color-surface-bold-opaque);
  --placeholder-to-color: var(--dt-color-surface-moderate-opaque);
  display: flex;
  width: 100%;
  background: var(--placeholder-from-color);
  -webkit-animation-duration: 1000ms;
          animation-duration: 1000ms;
  fill: var(--placeholder-from-color);
  stroke: none;
}
.d-skeleton-placeholder--animate {
  -webkit-animation-name: d-skeleton-placeholder-throb;
          animation-name: d-skeleton-placeholder-throb;
  -webkit-animation-iteration-count: infinite;
          animation-iteration-count: infinite;
}
@-webkit-keyframes d-skeleton-placeholder-throb {
  10% {
    background: var(--placeholder-from-color);
    fill: var(--placeholder-from-color);
  }
  50% {
    background: var(--placeholder-to-color);
    fill: var(--placeholder-to-color);
  }
  90% {
    background: var(--placeholder-from-color);
    fill: var(--placeholder-from-color);
  }
}
@keyframes d-skeleton-placeholder-throb {
  10% {
    background: var(--placeholder-from-color);
    fill: var(--placeholder-from-color);
  }
  50% {
    background: var(--placeholder-to-color);
    fill: var(--placeholder-to-color);
  }
  90% {
    background: var(--placeholder-from-color);
    fill: var(--placeholder-from-color);
  }
}
.d-skeleton-list-item {
  display: flex;
}
.d-skeleton-list-item--single {
  align-items: center;
}
.d-skeleton-list-item__shape {
  margin-right: var(--dt-space-400);
}
.d-skeleton-list-item__paragraph-container {
  display: flex;
  flex-direction: column;
  width: 100%;
}
.d-skeleton-paragraph {
  width: 100%;
}
.d-skeleton-paragraph .d-skeleton-text {
  margin-bottom: var(--dt-space-450);
}
.d-skeleton-paragraph .d-skeleton-text:last-child {
  margin-bottom: var(--dt-space-0);
}
.d-skeleton-text {
  height: var(--dt-size-400);
  border-radius: var(--dt-size-radius-200);
}
.d-skeleton-text--heading {
  border-radius: var(--dt-size-radius-200);
}
.d-table {
  --table-color-border: var(--dt-color-border-default);
  --table-th-color-text: var(--dt-color-foreground-secondary);
  --table-td-color-text: var(--dt-color-foreground-tertiary);
  --table-font-size: var(--dt-font-size-200);
  --table-th-font-size: var(--dt-font-size-100);
  --table-line-height: var(--dt-font-line-height-200);
  display: table;
  box-sizing: border-box;
  width: 100%;
  max-width: 100%;
  margin: 0;
  font-size: var(--table-font-size);
  line-height: var(--table-line-height);
  border-collapse: collapse;
  border-spacing: 0;
}
.d-table .d-table__caption {
  margin-bottom: var(--dt-space-400);
  color: var(--table-th-color-text);
  font-weight: var(--dt-font-weight-bold);
  font-size: var(--table-font-size);
  text-align: unset !important;
}
.d-table thead {
  border-bottom: var(--dt-size-200) solid var(--table-color-border);
}
.d-table thead th {
  font-size: var(--table-th-font-size);
  line-height: var(--dt-font-line-height-100);
  text-transform: uppercase;
}
.d-table th {
  color: var(--table-th-color-text);
  font-weight: var(--dt-font-weight-bold);
}
.d-table td {
  color: var(--table-td-color-text);
}
.d-table th,
.d-table td {
  padding: var(--dt-space-500);
  text-align: left;
  border-bottom: var(--dt-size-100) solid var(--table-color-border);
}
.d-table tbody + tbody tr:first-of-type td,
.d-table tbody + tbody tr:first-of-type th {
  border-top: var(--dt-size-200) solid var(--table-color-border);
}
.d-table tbody tr:last-of-type td,
.d-table tbody tr:last-of-type th {
  border-bottom-width: 0;
}
.d-table--inverted {
  --table-th-color-text: var(--dt-color-foreground-secondary-inverted);
  --table-td-color-text: var(--dt-color-foreground-tertiary-inverted);
  --table-color-border: var(--dt-color-border-default-inverted);
}
.d-table--striped tr:nth-child(even) {
  background-color: var(--dt-color-surface-secondary-opaque);
}
.d-table--striped.d-table--inverted tr:nth-child(even) {
  background-color: hsl(var(--bgc-primary-hsl) / 0.1);
}
.d-tablist {
  --tab-color-background: var(--dt-action-color-background-base-default);
  --tab-color-text: var(--dt-action-color-foreground-muted-default);
  --tab-font-style: var(--dt-typography-button-md);
  --tab-border-radius: var(--dt-button-size-radius-md);
  --tab-padding-x: calc(var(--dt-space-450) - var(--dt-size-border-100));
  --tab-padding-y: calc(var(--dt-space-400) - var(--dt-size-border-100));
  position: relative;
  display: flex;
  flex-wrap: wrap;
  gap: var(--dt-space-300);
  align-items: baseline;
}
.d-tablist:focus {
  outline: 0;
}
.d-tablist:not(.d-tablist--no-border)::after {
  position: absolute;
  inset-inline: 0;
  inset-block-end: 0;
  z-index: var(--zi-base1);
  block-size: var(--dt-size-border-100);
  background-color: var(--dt-color-border-default);
  content: '';
}
.d-tab {
  position: relative;
  display: inline-flex;
  gap: var(--dt-space-400);
  align-items: center;
  justify-content: center;
  box-sizing: border-box;
  padding: var(--tab-padding-y) var(--tab-padding-x);
  color: var(--tab-color-text);
  font: var(--tab-font-style);
  background-color: var(--tab-color-background);
  border: var(--dt-size-border-100) solid transparent;
  border-radius: var(--tab-border-radius) var(--tab-border-radius) 0 0;
  cursor: pointer;
  transition-timing-function: var(--ttf-out-quint);
  transition-duration: var(--td100);
  transition-property: background-color, border, color, box-shadow;
  fill: currentColor;
}
.d-tablist--no-border .d-tab:not(.d-tab--selected) {
  border-radius: var(--tab-border-radius);
}
.d-tab:first-of-type {
  -webkit-margin-start: 0;
          margin-inline-start: 0;
}
.d-tab:last-of-type {
  -webkit-margin-end: 0;
          margin-inline-end: 0;
}
.d-tab::after {
  position: absolute;
  block-size: var(--dt-size-border-200);
  background-color: var(--tab-color-background);
  content: '';
  inset-inline: var(--dt-size-100-negative) var(--dt-size-100-negative);
  inset-block-end: var(--dt-size-100-negative);
}
.d-tablist--no-border .d-tab::after {
  background-color: transparent;
}
.d-tab:focus-visible {
  outline: none;
  box-shadow: var(--dt-shadow-focus-inset);
}
.d-tab:disabled {
  --tab-color-text: var(--dt-action-color-foreground-disabled-default);
  cursor: not-allowed;
}
.d-tab:not(:disabled):hover {
  --tab-color-background: var(--dt-action-color-background-muted-hover);
  --tab-color-text: var(--dt-action-color-foreground-muted-hover);
}
.d-tab:not(:disabled):active {
  --tab-color-background: var(--dt-action-color-background-muted-active);
  --tab-color-text: var(--dt-action-color-foreground-muted-active);
}
@media (prefers-reduced-motion) {
  .d-tab {
    transition: none;
  }
}
.d-tablist--sm .d-tab {
  --tab-padding-x: calc(var(--dt-space-400) - var(--dt-size-border-100));
  --tab-border-radius: var(--dt-button-size-radius-xs);
  --tab-font-style: var(--dt-typography-button-xs);
}
.d-tablist--no-border .d-tablist--sm .d-tab:not(.d-tab--selected) {
  border-radius: var(--tab-border-radius);
}
.d-tab--selected {
  --tab-color-text: var(--dt-action-color-foreground-base-default);
  z-index: var(--zi-selected);
}
.d-tab--selected:not(:disabled):hover {
  --tab-color-background: var(--dt-action-color-background-base-hover);
  --tab-color-text: var(--dt-action-color-foreground-base-hover);
}
.d-tab--selected:not(:disabled):active {
  --tab-color-background: var(--dt-action-color-background-base-active);
  --tab-color-text: var(--dt-action-color-foreground-base-active);
}
.d-tab--selected::after,
.d-tab--selected:hover::after {
  --tab-color-background: var(--dt-action-color-foreground-base-default);
}
.d-tablist--no-border .d-tab--selected::after,
.d-tablist--no-border .d-tab--selected:hover::after {
  background-color: var(--tab-color-background);
}
.d-tablist--inverted {
  --tab-color-text: var(--dt-action-color-foreground-inverted-default);
}
.d-tablist--inverted::after {
  background-color: var(--dt-color-border-moderate-inverted);
}
.d-tablist--inverted:not(.d-tablist--no-border)::after {
  background-color: var(--dt-color-foreground-primary-inverted);
}
.d-tablist--inverted .d-tab {
  --tab-color-text: var(--dt-action-color-foreground-inverted-default);
}
.d-tablist--inverted .d-tab:not(:disabled):hover {
  --tab-color-text: var(--dt-action-color-foreground-inverted-hover);
  --tab-color-background: var(--dt-action-color-background-inverted-hover);
}
.d-tablist--inverted .d-tab:not(:disabled):active {
  --tab-color-text: var(--dt-action-color-foreground-inverted-active);
  --tab-color-background: var(--dt-action-color-background-inverted-active);
}
.d-tablist--inverted .d-tab:disabled {
  --tab-color-text: var(--dt-action-color-foreground-disabled-default);
  cursor: not-allowed;
}
.d-tablist--inverted .d-tab--selected {
  --tab-color-text: var(--dt-action-color-foreground-inverted-default);
}
.d-tablist--inverted .d-tab--selected::after {
  --tab-color-background: currentColor;
}
.tippy-box[data-placement^=top]>.tippy-svg-arrow{bottom:0}.tippy-box[data-placement^=top]>.tippy-svg-arrow:after,.tippy-box[data-placement^=top]>.tippy-svg-arrow>svg{top:16px;-webkit-transform:rotate(180deg);transform:rotate(180deg)}.tippy-box[data-placement^=bottom]>.tippy-svg-arrow{top:0}.tippy-box[data-placement^=bottom]>.tippy-svg-arrow>svg{bottom:16px}.tippy-box[data-placement^=left]>.tippy-svg-arrow{right:0}.tippy-box[data-placement^=left]>.tippy-svg-arrow:after,.tippy-box[data-placement^=left]>.tippy-svg-arrow>svg{-webkit-transform:rotate(90deg);transform:rotate(90deg);top:calc(50% - 3px);left:11px}.tippy-box[data-placement^=right]>.tippy-svg-arrow{left:0}.tippy-box[data-placement^=right]>.tippy-svg-arrow:after,.tippy-box[data-placement^=right]>.tippy-svg-arrow>svg{-webkit-transform:rotate(-90deg);transform:rotate(-90deg);top:calc(50% - 3px);right:11px}.tippy-svg-arrow{width:16px;height:16px;fill:#333;text-align:initial}.tippy-svg-arrow,.tippy-svg-arrow>svg{position:absolute}
.d-tooltip-container {
  position: relative;
  display: inline-flex;
  align-items: center;
  justify-content: center;
}
.tippy-box[data-reference-hidden] {
  visibility: hidden;
  pointer-events: none;
}
.tippy-box > .tippy-svg-arrow {
  fill: var(--dt-color-surface-contrast);
}
.tippy-box[data-theme~='inverted'] > .tippy-svg-arrow {
  fill: var(--dt-color-surface-contrast-inverted);
}
.tippy-box[data-animation='fade'][data-state='hidden'] {
  opacity: 0;
}
.d-tooltip {
  --tooltip-color-background: var(--dt-color-surface-contrast);
  --tooltip-color-text: var(--dt-color-foreground-primary-inverted);
  --tooltip-font-weight: var(--dt-font-weight-medium);
  --tooltip-line-height: var(--dt-font-line-height-300);
  --tooltip-padding-y: var(--dt-space-400);
  --tooltip-padding-x: var(--dt-space-450);
  --tooltip-border-radius: var(--dt-size-radius-300);
  z-index: var(--zi-tooltip);
  max-width: var(--dt-size-875);
  padding: var(--tooltip-padding-y) var(--tooltip-padding-x);
  color: var(--tooltip-color-text);
  font-weight: var(--tooltip-font-weight);
  font-size: var(--dt-font-size-100);
  line-height: var(--tooltip-line-height);
  letter-spacing: calc(var(--dt-space-100) * 0.25);
  text-align: center;
  overflow-wrap: break-word;
  background-color: var(--tooltip-color-background);
  border-radius: var(--tooltip-border-radius);
}
.d-tooltip::after {
  position: absolute;
  border: var(--dt-size-350) solid transparent;
  content: '';
}
.d-tooltip--inverted {
  --tooltip-color-background: var(--dt-color-surface-contrast-inverted);
  --tooltip-color-text: var(--dt-color-foreground-primary);
}
.d-tooltip--hide,
.d-tooltip--hover .d-tooltip {
  visibility: hidden;
  opacity: 0;
  transition: visibility 0s 200ms, opacity 200ms var(--ttf-in-out) 0s, -webkit-transform 200ms var(--ttf-in-out) 0s;
  transition: visibility 0s 200ms, transform 200ms var(--ttf-in-out) 0s, opacity 200ms var(--ttf-in-out) 0s;
  transition: visibility 0s 200ms, transform 200ms var(--ttf-in-out) 0s, opacity 200ms var(--ttf-in-out) 0s, -webkit-transform 200ms var(--ttf-in-out) 0s;
}
.d-tooltip--show,
.d-tooltip--hover:hover .d-tooltip,
.d-tooltip--hover:focus-visible .d-tooltip {
  -webkit-transform: translate(0, 0);
          transform: translate(0, 0);
  visibility: visible;
  opacity: 1;
  transition: visibility 0s 0s, opacity 200ms var(--ttf-in-out) 10ms, -webkit-transform 200ms var(--ttf-in-out) 10ms;
  transition: visibility 0s 0s, transform 200ms var(--ttf-in-out) 10ms, opacity 200ms var(--ttf-in-out) 10ms;
  transition: visibility 0s 0s, transform 200ms var(--ttf-in-out) 10ms, opacity 200ms var(--ttf-in-out) 10ms, -webkit-transform 200ms var(--ttf-in-out) 10ms;
}
.d-tooltip__arrow-tippy--bottom-start,
.d-tooltip__arrow-tippy--bottom,
.d-tooltip__arrow-tippy--bottom-end,
.d-tooltip__arrow--top-left,
.d-tooltip__arrow--top-center,
.d-tooltip__arrow--top-right {
  top: calc(100% + var(--dt-space-450));
  -webkit-transform: translateY(var(--dt-space-500));
          transform: translateY(var(--dt-space-500));
}
.d-tooltip__arrow-tippy--bottom-start::after,
.d-tooltip__arrow-tippy--bottom::after,
.d-tooltip__arrow-tippy--bottom-end::after,
.d-tooltip__arrow--top-left::after,
.d-tooltip__arrow--top-center::after,
.d-tooltip__arrow--top-right::after {
  top: calc(var(--dt-space-350-negative) - var(--dt-space-50-negative));
  border-top-width: 0;
  border-bottom-color: var(--tooltip-color-background);
}
.d-tooltip__arrow-tippy--top-start,
.d-tooltip__arrow-tippy--top,
.d-tooltip__arrow-tippy--top-end,
.d-tooltip__arrow--bottom-left,
.d-tooltip__arrow--bottom-center,
.d-tooltip__arrow--bottom-right {
  bottom: calc(100% + var(--dt-space-450));
  -webkit-transform: translateY(var(--dt-space-500-negative));
          transform: translateY(var(--dt-space-500-negative));
}
.d-tooltip__arrow-tippy--top-start::after,
.d-tooltip__arrow-tippy--top::after,
.d-tooltip__arrow-tippy--top-end::after,
.d-tooltip__arrow--bottom-left::after,
.d-tooltip__arrow--bottom-center::after,
.d-tooltip__arrow--bottom-right::after {
  bottom: calc(var(--dt-space-350-negative) - var(--dt-space-50-negative));
  border-top-color: var(--tooltip-color-background);
  border-bottom-width: 0;
}
.d-tooltip__arrow-tippy--bottom-start,
.d-tooltip__arrow-tippy--top-start,
.d-tooltip__arrow--top-left,
.d-tooltip__arrow--bottom-left {
  left: var(--dt-space-200-negative);
}
.d-tooltip__arrow-tippy--bottom-start::after,
.d-tooltip__arrow-tippy--top-start::after,
.d-tooltip__arrow--top-left::after,
.d-tooltip__arrow--bottom-left::after {
  left: var(--dt-space-500);
}
.d-tooltip__arrow-tippy--bottom::after,
.d-tooltip__arrow-tippy--top::after,
.d-tooltip__arrow--top-center::after,
.d-tooltip__arrow--bottom-center::after {
  left: 50%;
  margin-left: var(--dt-space-350-negative);
}
.d-tooltip__arrow-tippy--bottom-end,
.d-tooltip__arrow-tippy--top-end,
.d-tooltip__arrow--top-right,
.d-tooltip__arrow--bottom-right {
  right: var(--dt-space-200-negative);
}
.d-tooltip__arrow-tippy--bottom-end::after,
.d-tooltip__arrow-tippy--top-end::after,
.d-tooltip__arrow--top-right::after,
.d-tooltip__arrow--bottom-right::after {
  right: var(--dt-space-500);
}
.d-tooltip__arrow-tippy--left-start,
.d-tooltip__arrow-tippy--left,
.d-tooltip__arrow-tippy--left-end,
.d-tooltip__arrow--right-top,
.d-tooltip__arrow--right-center,
.d-tooltip__arrow--right-bottom {
  right: calc(100% + var(--dt-space-450));
  -webkit-transform: translateX(var(--dt-space-500-negative));
          transform: translateX(var(--dt-space-500-negative));
}
.d-tooltip__arrow-tippy--left-start::after,
.d-tooltip__arrow-tippy--left::after,
.d-tooltip__arrow-tippy--left-end::after,
.d-tooltip__arrow--right-top::after,
.d-tooltip__arrow--right-center::after,
.d-tooltip__arrow--right-bottom::after {
  right: calc(var(--dt-space-350-negative) - var(--dt-space-50-negative));
  border-right-width: 0;
  border-left-color: var(--tooltip-color-background);
}
.d-tooltip__arrow-tippy--right-start,
.d-tooltip__arrow-tippy--right,
.d-tooltip__arrow-tippy--right-end,
.d-tooltip__arrow--left-top,
.d-tooltip__arrow--left-center,
.d-tooltip__arrow--left-bottom {
  left: calc(100% + var(--dt-space-450));
  -webkit-transform: translateX(var(--dt-space-500));
          transform: translateX(var(--dt-space-500));
}
.d-tooltip__arrow-tippy--right-start::after,
.d-tooltip__arrow-tippy--right::after,
.d-tooltip__arrow-tippy--right-end::after,
.d-tooltip__arrow--left-top::after,
.d-tooltip__arrow--left-center::after,
.d-tooltip__arrow--left-bottom::after {
  left: calc(var(--dt-space-350-negative) - var(--dt-space-50-negative));
  border-right-color: var(--tooltip-color-background);
  border-left-width: 0;
}
.d-tooltip__arrow-tippy--right-start,
.d-tooltip__arrow-tippy--left-start,
.d-tooltip__arrow--right-top,
.d-tooltip__arrow--left-top {
  top: var(--dt-space-100-negative);
}
.d-tooltip__arrow-tippy--right-start::after,
.d-tooltip__arrow-tippy--left-start::after,
.d-tooltip__arrow--right-top::after,
.d-tooltip__arrow--left-top::after {
  top: var(--dt-space-400);
}
.d-tooltip__arrow-tippy--right::after,
.d-tooltip__arrow-tippy--left::after,
.d-tooltip__arrow--right-center::after,
.d-tooltip__arrow--left-center::after {
  top: 50%;
  margin-top: var(--dt-space-350-negative);
}
.d-tooltip__arrow-tippy--right-end,
.d-tooltip__arrow-tippy--left-end,
.d-tooltip__arrow--right-bottom,
.d-tooltip__arrow--left-bottom {
  bottom: var(--dt-space-100-negative);
}
.d-tooltip__arrow-tippy--right-end::after,
.d-tooltip__arrow-tippy--left-end::after,
.d-tooltip__arrow--right-bottom::after,
.d-tooltip__arrow--left-bottom::after {
  bottom: var(--dt-space-400);
}
.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-size-height: var(--dt-size-550);
  --toggle-size-width: var(--dt-size-650);
  --toggle-size-icon: var(--dt-size-500);
  position: relative;
  display: inline-block;
  box-sizing: border-box;
  width: var(--toggle-size-width);
  min-width: var(--toggle-size-width);
  height: var(--toggle-size-height);
  padding: 0;
  line-height: var(--lh4);
  vertical-align: middle;
  background-color: var(--toggle-color-background);
  border: var(--dt-size-100) solid var(--toggle-color-background);
  border-radius: var(--toggle-size-width);
  cursor: pointer;
  transition-timing-function: var(--ttf-out-quint);
  transition-duration: var(--td200);
  transition-property: background-color, border, color, box-shadow;
}
.d-toggle__inner {
  position: absolute;
  top: calc(var(--dt-space-300) - var(--dt-space-100));
  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>");
  background-repeat: no-repeat;
  background-size: cover;
}
.d-toggle--small .d-toggle__inner {
  top: var(--dt-space-100);
  left: calc(var(--dt-space-500) + var(--dt-space-100));
}
.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);
  border-radius: var(--dt-size-radius-circle);
  cursor: pointer;
  transition: left var(--toggle-transition-speed) var(--toggle-transition-timing-function);
  content: ' ';
}
.d-toggle--small {
  --toggle-size-height: calc(var(--dt-size-500) + var(--dt-size-200));
  --toggle-size-width: calc(var(--dt-size-600) + var(--dt-size-300));
  --toggle-size-icon: calc(var(--dt-size-500) - var(--dt-size-200));
}
.d-toggle--small::before {
  position: absolute;
  inset: var(--dt-space-300-negative) 0 var(--dt-space-300-negative) 0;
  content: '';
}
.d-toggle--small::after {
  width: var(--toggle-size-icon);
  height: var(--toggle-size-icon);
}
.d-toggle--checked {
  --toggle-color-background: var(--dt-checkbox-color-background-checked);
}
.d-toggle--checked .d-toggle__inner {
  left: var(--dt-space-350);
  background-image: url("data:image/svg+xml,<svg width='14' height='14' viewBox='0 0 14 14' fill='none' xmlns='http://www.w3.org/2000/svg'> <path fill-rule='evenodd' clip-rule='evenodd' d='M12.1083 3.05806C12.3524 3.30214 12.3524 3.69786 12.1083 3.94194L5.69162 10.3586C5.44754 10.6027 5.05181 10.6027 4.80773 10.3586L1.89107 7.44194C1.64699 7.19786 1.64699 6.80214 1.89107 6.55806C2.13514 6.31398 2.53087 6.31398 2.77495 6.55806L5.24967 9.03278L11.2244 3.05806C11.4685 2.81398 11.8642 2.81398 12.1083 3.05806Z' fill='white'/> </svg>");
}
[data-dt-theme="dark"] .d-toggle--checked .d-toggle__inner {
  background-image: url("data:image/svg+xml,<svg width='14' height='14' viewBox='0 0 14 14' fill='none' xmlns='http://www.w3.org/2000/svg'> <path fill-rule='evenodd' clip-rule='evenodd' d='M12.1083 3.05806C12.3524 3.30214 12.3524 3.69786 12.1083 3.94194L5.69162 10.3586C5.44754 10.6027 5.05181 10.6027 4.80773 10.3586L1.89107 7.44194C1.64699 7.19786 1.64699 6.80214 1.89107 6.55806C2.13514 6.31398 2.53087 6.31398 2.77495 6.55806L5.24967 9.03278L11.2244 3.05806C11.4685 2.81398 11.8642 2.81398 12.1083 3.05806Z' fill='black'/> </svg>");
}
.d-toggle--checked.d-toggle--small .d-toggle__inner {
  left: calc(var(--dt-space-100) + var(--dt-space-200));
}
.d-toggle--checked::after {
  left: calc(var(--dt-space-550) + var(--dt-space-100));
}
.d-toggle--checked.d-toggle--small::after {
  right: var(--dt-space-100);
  left: calc(calc(var(--dt-space-300) * 5) - var(--dt-space-100));
}
.d-toggle--indeterminate__inner {
  display: none;
}
.d-toggle--indeterminate::after {
  left: 50%;
  -webkit-transform: translate(-50%, 0);
          transform: translate(-50%, 0);
}
.d-toggle:focus-visible {
  outline: none;
  box-shadow: var(--dt-shadow-focus);
}
.d-toggle--disabled,
.d-toggle[disabled] {
  cursor: not-allowed;
  opacity: 0.5;
}
.d-toggle--disabled::after,
.d-toggle[disabled]::after {
  cursor: not-allowed;
  transition-property: none;
}
.d-toggle-group {
  gap: var(--dt-space-400);
}
.d-toggle-wrapper {
  display: flex;
  align-items: center;
}
.d-presence {
  --presence-color-border-base: var(--dt-color-surface-secondary);
  --presence-color-border-offline: var(--dt-presence-color-offline);
  --presence-color-background-active: var(--dt-presence-color-available);
  --presence-color-background-busy: var(--dt-presence-color-unavailable);
  --presence-color-background-away: var(--dt-presence-color-busy);
  --presence-color-background-offline: var(--dt-color-surface-primary);
  --presence-border-size: var(--dt-size-border-200);
  --presence-size: var(--dt-size-400);
  display: inline-block;
  box-sizing: border-box;
  border-color: var(--presence-color-border-base);
  border-style: solid;
  border-width: var(--presence-border-size);
  border-radius: var(--dt-size-radius-circle);
}
.d-recipe-leftbar-row--selected .d-presence {
  --presence-color-border-base: var(--dt-color-surface-secondary);
}
.d-recipe-leftbar-row__primary:hover .d-presence {
  --presence-color-border-base: var(--dt-shell-action-color-background-primary-hover);
}
.d-presence__inner {
  box-sizing: border-box;
  inline-size: var(--presence-size);
  block-size: var(--presence-size);
  border: none;
  border-radius: 50%;
}
.d-presence__inner--active {
  background-color: var(--presence-color-background-active);
}
.d-presence__inner--busy {
  background-color: var(--presence-color-background-busy);
}
.d-presence__inner--away {
  background-color: var(--presence-color-background-away);
}
.d-presence__inner--offline {
  background-color: var(--presence-color-background-offline);
  border-color: var(--presence-color-border-offline);
  border-style: solid;
  border-width: var(--dt-size-border-200);
}
.d-icon {
  --icon-size-100: var(--dt-icon-size-100);
  --icon-size-200: var(--dt-icon-size-200);
  --icon-size-300: var(--dt-icon-size-300);
  --icon-size-400: var(--dt-icon-size-400);
  --icon-size-500: var(--dt-icon-size-500);
  --icon-size-600: var(--dt-icon-size-600);
  --icon-size-700: var(--dt-icon-size-700);
  --icon-size-800: var(--dt-icon-size-800);
  --icon-size: var(--icon-size-500);
  flex: none;
  width: var(--icon-size);
  height: var(--icon-size);
  fill: currentColor;
}
.d-icon--size-800 {
  --icon-size: var(--icon-size-800);
}
.d-icon--size-700 {
  --icon-size: var(--icon-size-700);
}
.d-icon--size-600 {
  --icon-size: var(--icon-size-600);
}
.d-icon--size-500 {
  --icon-size: var(--icon-size-500);
}
.d-icon--size-400 {
  --icon-size: var(--icon-size-400);
}
.d-icon--size-300 {
  --icon-size: var(--icon-size-300);
}
.d-icon--size-200 {
  --icon-size: var(--icon-size-200);
}
.d-icon--size-100 {
  --icon-size: var(--icon-size-100);
}
.d-icon__wrapper {
  display: inline-flex;
  align-items: center;
  justify-content: center;
}
.d-scrollbar .os-theme-dark {
  --os-handle-color: var(--dt-color-surface-contrast);
  --os-handle-bg: var(--os-handle-color);
  --os-handle-bg-hover: var(--os-handle-color);
  --os-handle-bg-active: var(--os-handle-color);
}
.d-scrollbar .os-scrollbar.os-scrollbar-horizontal .os-scrollbar-handle:hover {
  height: calc(var(--os-handle-perpendicular-size) + var(--dt-size-200));
}
.d-scrollbar .os-scrollbar.os-scrollbar-vertical .os-scrollbar-handle:hover {
  width: calc(var(--os-handle-perpendicular-size) + var(--dt-size-200));
}
.d-scrollbar .os-scrollbar .os-scrollbar-handle {
  cursor: auto;
  opacity: var(--dt-opacity-700);
}
.d-scrollbar .os-scrollbar .os-scrollbar-handle:hover {
  opacity: var(--dt-opacity-800);
}
.d-scrollbar .os-scrollbar .os-scrollbar-handle:active {
  opacity: var(--dt-opacity-900);
}
.d-scrollbar-disabled {
  overflow: hidden !important;
}
.d-scrollbar-disabled .os-scrollbar {
  display: none;
}
.d-emoji {
  position: relative;
  display: inline-block;
  vertical-align: middle;
}
.d-emoji .d-icon {
  position: absolute;
  top: 50%;
  display: block;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
}
.d-emoji-text-wrapper > .d-emoji {
  height: 1em;
}
.d-emoji-text-wrapper > .d-emoji img.d-icon {
  inset-block-start: calc(50% - 1px);
}
.d-emoji-picker {
  flex-direction: column;
  width: calc(var(--dt-size-925) + var(--dt-size-600) + var(--dt-size-400));
  height: 100%;
  background-color: var(--dt-color-surface-primary);
  border-radius: var(--dt-size-radius-300);
}
.d-emoji-picker--header {
  position: relative;
  padding: var(--dt-space-300) var(--dt-space-300) 0;
}
.d-emoji-picker--header::after {
  position: absolute;
  right: 0;
  bottom: 0;
  left: 0;
  height: var(--dt-size-border-200);
  background-color: var(--dt-color-surface-moderate) !important;
  content: '';
}
.d-emoji-picker__alignment {
  box-sizing: content-box !important;
  width: auto;
  max-width: calc(var(--dt-size-925) + var(--dt-size-400));
  margin: 0 var(--dt-space-500);
}
.d-emoji-picker--footer {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: space-between;
  height: calc(var(--dt-size-650) + var(--dt-size-400) + var(--dt-size-200));
  padding: 0 var(--dt-space-500);
  background: var(--dt-color-surface-secondary);
  border-top: var(--dt-size-border-100) solid var(--dt-color-border-subtle);
}
.d-emoji-picker__add-emoji {
  flex-shrink: 0;
  font-size: var(--dt-font-size-100);
}
.d-emoji-picker__tabset-list {
  gap: var(--dt-space-0);
  justify-content: space-between;
}
.d-emoji-picker__tabset-list::after {
  background-color: var(--dt-color-surface-moderate) !important;
}
.d-emoji-picker__tabset-list .d-tab {
  --tab-padding-y: var(--dt-space-400);
  --tab-padding-x: var(--dt-space-300);
  flex-grow: 1;
}
.d-emoji-picker__tabset-list .d-tab.d-tab--selected::after {
  height: var(--dt-size-border-200);
}
.d-emoji-picker__skin-list {
  display: inline-flex;
  flex-direction: row;
  gap: var(--dt-space-300);
  align-items: flex-start;
  padding: var(--dt-space-300);
  background: var(--dt-color-surface-moderate-opaque);
  border-radius: var(--dt-size-radius-pill);
}
.d-emoji-picker__skin-list button {
  width: var(--dt-size-600);
  height: var(--dt-size-600);
  margin: 0;
  padding: 0;
  background: none;
  border: var(--dt-size-border-100) solid transparent;
  border-radius: calc(var(--dt-size-550) + var(--dt-size-300));
  outline: none;
  cursor: pointer;
}
.d-emoji-picker__skin-list button:hover {
  background: var(--dt-color-surface-moderate-opaque);
}
.d-emoji-picker__skin-list button:active,
.d-emoji-picker__skin-list button.selected {
  border-color: var(--dt-color-border-bold);
}
.d-emoji-picker__skin-selected button {
  display: inline-block;
  width: var(--dt-size-625);
  height: var(--dt-size-625);
  margin: 0;
  padding: calc(var(--dt-space-350) + var(--dt-space-100));
  background: var(--dt-color-surface-moderate-opaque);
  border: none;
  border-radius: var(--dt-size-radius-circle);
  outline: none;
  cursor: pointer;
}
.d-emoji-picker__skin-selected button:hover {
  background: var(--dt-color-surface-bold);
}
.d-emoji-picker__selector {
  min-height: calc(var(--dt-size-905) + var(--dt-size-600) + var(--dt-size-100));
}
.d-emoji-picker__selector p {
  padding-bottom: var(--dt-space-300);
  color: var(--dt-color-foreground-secondary);
  font: var(--dt-typography-headline-eyebrow);
  text-transform: var(--dt-typography-headline-eyebrow-text-case);
}
.d-emoji-picker__category {
  position: sticky;
  top: 0;
  width: 100%;
  margin: 0;
  padding: var(--dt-space-500) var(--dt-space-500) 0 var(--dt-space-500);
  background: var(--dt-color-surface-primary);
}
.d-emoji-picker__list {
  position: relative;
  height: 100%;
  max-height: calc(var(--dt-size-905) + var(--dt-size-600) + var(--dt-size-100));
  padding-bottom: calc(var(--dt-space-300) + var(--dt-space-100));
  overflow: hidden auto;
}
.d-emoji-picker__list div:not(:first-child) p {
  margin-top: var(--dt-space-500);
}
.d-emoji-picker__search-label {
  padding-top: var(--dt-space-500);
}
.d-emoji-picker__search-x-button {
  margin-right: var(--dt-space-300-negative);
}
.d-emoji-picker__tab {
  display: flex;
  flex-wrap: wrap;
  gap: var(--dt-space-200);
  width: calc(100% + calc(var(--dt-size-500) - var(--dt-size-100)));
  max-width: calc(var(--dt-size-925) + var(--dt-size-400));
  margin-left: var(--dt-space-350-negative);
  padding-top: var(--dt-space-300);
}
.d-emoji-picker__tab button {
  display: flex;
  align-items: center;
  justify-content: center;
  width: calc(var(--dt-size-600) + var(--dt-size-300));
  height: calc(var(--dt-size-600) + var(--dt-size-300));
  margin: 0;
  padding: 0;
  background: none;
  border: none;
  border-radius: var(--dt-size-radius-circle);
  outline: none;
  cursor: pointer;
}
.d-emoji-picker__tab button:hover,
.d-emoji-picker__tab button:active {
  background: var(--dt-color-surface-moderate-opaque);
}
.d-emoji-picker__tab button.hover-emoji {
  background: var(--dt-color-surface-moderate-opaque);
}
.d-emoji-picker__tab button:focus {
  box-shadow: var(--dt-shadow-focus);
}
.d-emoji-picker__search {
  position: relative;
  z-index: 1;
  padding: var(--dt-space-500) 0 0 0;
}
.d-emoji-picker__search-button {
  margin: 0;
  padding: 0;
  line-height: 0;
  background: none;
  border: none;
  outline: none;
  cursor: pointer;
}
.d-emoji-picker__data {
  display: flex;
  gap: var(--dt-space-400);
  align-items: center;
  width: 100%;
  max-width: calc(var(--dt-size-905) + var(--dt-size-550) + var(--dt-size-200));
  color: var(--dt-color-foreground-tertiary);
  font: var(--dt-typography-body-md);
}
.d-bga-scroll {
  background-attachment: scroll !important;
}
.d-bga-fixed {
  background-attachment: fixed !important;
}
.d-bga-local {
  background-attachment: local !important;
}
.d-bga-unset {
  background-attachment: unset !important;
}
.d-bgc-border-box {
  background-clip: border-box !important;
}
.d-bgc-padding-box {
  background-clip: padding-box !important;
}
.d-bgc-content-box {
  background-clip: content-box !important;
}
.d-bgc-text {
  color: transparent !important;
  -webkit-background-clip: text !important;
  background-clip: text !important;
}
.d-bgclip-unset {
  background-clip: unset !important;
}
.d-bgp-t {
  background-position: top !important;
}
.d-bgp-tr {
  background-position: top right !important;
}
.d-bgp-r {
  background-position: right !important;
}
.d-bgp-br {
  background-position: bottom right !important;
}
.d-bgp-b {
  background-position: bottom !important;
}
.d-bgp-bl {
  background-position: bottom left !important;
}
.d-bgp-l {
  background-position: left !important;
}
.d-bgp-tl {
  background-position: top left !important;
}
.d-bgp-center {
  background-position: center !important;
}
.d-bgp-unset {
  background-position: unset !important;
}
.d-bgr-repeat-x {
  background-repeat: repeat-x !important;
}
.d-bgr-repeat-y {
  background-repeat: repeat-y !important;
}
.d-bgr-repeat {
  background-repeat: repeat !important;
}
.d-bgr-space {
  background-repeat: space !important;
}
.d-bgr-none {
  background-repeat: no-repeat !important;
}
.d-bgr-unset {
  background-repeat: unset !important;
}
.d-bgs-contain {
  background-size: contain !important;
}
.d-bgs-cover {
  background-size: cover !important;
}
.d-bgs-var {
  background-size: var(--bgg-size, 100% 100%) !important;
}
.d-bgs-auto {
  background-size: auto !important;
}
.d-bgs-unset {
  background-size: unset !important;
}
.d-bgg-to-t {
  background-image: linear-gradient(to top, var(--bgg-from) 0%, var(--bgg-to) 100%) !important;
}
.d-bgg-to-tr {
  background-image: linear-gradient(to top right, var(--bgg-from) 0%, var(--bgg-to) 100%) !important;
}
.d-bgg-to-r {
  background-image: linear-gradient(to right, var(--bgg-from) 0%, var(--bgg-to) 100%) !important;
}
.d-bgg-to-br {
  background-image: linear-gradient(to bottom right, var(--bgg-from) 0%, var(--bgg-to) 100%) !important;
}
.d-bgg-to-b {
  background-image: linear-gradient(to bottom, var(--bgg-from) 0%, var(--bgg-to) 100%) !important;
}
.d-bgg-to-bl {
  background-image: linear-gradient(to bottom left, var(--bgg-from) 0%, var(--bgg-to) 100%) !important;
}
.d-bgg-to-l {
  background-image: linear-gradient(to left, var(--bgg-from) 0%, var(--bgg-to) 100%) !important;
}
.d-bgg-to-tl {
  background-image: linear-gradient(to top left, var(--bgg-from) 0%, var(--bgg-to) 100%) !important;
}
.d-bgg-radial {
  background-image: radial-gradient(var(--bgg-from) 0%, var(--bgg-to) 100%) !important;
}
.d-bgg-conic {
  background-image: conic-gradient(var(--bgg-from) 0%, var(--bgg-to) 100%) !important;
}
.d-bgg-none, .h\:d-bgg-none:hover, .f\:d-bgg-none:focus, .f\:d-bgg-none:focus-within, .fv\:d-bgg-none:focus-visible {
  background-image: none !important;
}
.d-bgg-unset, .h\:d-bgg-unset:hover, .f\:d-bgg-unset:focus, .f\:d-bgg-unset:focus-within, .fv\:d-bgg-unset:focus-visible {
  background-image: unset !important;
}
.d-bgg-pattern {
  position: relative;
  padding-left: var(--dt-space-550) !important;
}
.d-bgg-pattern::after {
  position: absolute;
  top: var(--dt-space-100);
  bottom: var(--dt-space-100);
  left: var(--dt-space-100);
  min-width: 2rem;
  min-height: 2rem;
  background-image: var(--bgg-pattern);
  background-repeat: repeat-y;
  background-position: top left;
  background-clip: content-box;
  border-radius: 0.3rem;
  content: '';
}
.d-bgg-pattern-blob-dark {
  --bgg-pattern: var(--bgg-pattern-blob-dark) !important;
}
.d-bgg-pattern-chevrons-dark {
  --bgg-pattern: var(--bgg-pattern-chevrons-dark) !important;
}
.d-bgg-pattern-crosses-dark {
  --bgg-pattern: var(--bgg-pattern-crosses-dark) !important;
}
.d-bgg-pattern-crosshatch-dark {
  --bgg-pattern: var(--bgg-pattern-crosshatch-dark) !important;
}
.d-bgg-pattern-dot-dash-dark {
  --bgg-pattern: var(--bgg-pattern-dot-dash-dark) !important;
}
.d-bgg-pattern-dots-circles-dark {
  --bgg-pattern: var(--bgg-pattern-dots-circles-dark) !important;
}
.d-bgg-pattern-horz-stripes-dark {
  --bgg-pattern: var(--bgg-pattern-horz-stripes-dark) !important;
}
.d-bgg-pattern-slanted-stripes-dark {
  --bgg-pattern: var(--bgg-pattern-slanted-stripes-dark) !important;
}
.d-bgg-pattern-steps-dark {
  --bgg-pattern: var(--bgg-pattern-steps-dark) !important;
}
.d-bgg-pattern-stripe-dark {
  --bgg-pattern: var(--bgg-pattern-stripe-dark) !important;
}
.d-bgg-pattern-blob-light {
  --bgg-pattern: var(--bgg-pattern-blob-light) !important;
}
.d-bgg-pattern-chevrons-light {
  --bgg-pattern: var(--bgg-pattern-chevrons-light) !important;
}
.d-bgg-pattern-crosses-light {
  --bgg-pattern: var(--bgg-pattern-crosses-light) !important;
}
.d-bgg-pattern-crosshatch-light {
  --bgg-pattern: var(--bgg-pattern-crosshatch-light) !important;
}
.d-bgg-pattern-dot-dash-light {
  --bgg-pattern: var(--bgg-pattern-dot-dash-light) !important;
}
.d-bgg-pattern-dots-circles-light {
  --bgg-pattern: var(--bgg-pattern-dots-circles-light) !important;
}
.d-bgg-pattern-horz-stripes-light {
  --bgg-pattern: var(--bgg-pattern-horz-stripes-light) !important;
}
.d-bgg-pattern-slanted-stripes-light {
  --bgg-pattern: var(--bgg-pattern-slanted-stripes-light) !important;
}
.d-bgg-pattern-steps-light {
  --bgg-pattern: var(--bgg-pattern-steps-light) !important;
}
.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;
}
.d-bt {
  border-top: var(--dt-size-100) solid !important;
}
.d-br {
  border-right: var(--dt-size-100) solid !important;
}
.d-bb {
  border-bottom: var(--dt-size-100) solid !important;
}
.d-bl {
  border-left: var(--dt-size-100) solid !important;
}
.d-bx {
  border-right: var(--dt-size-100) solid !important;
  border-left: var(--dt-size-100) solid !important;
}
.d-by {
  border-top: var(--dt-size-100) solid !important;
  border-bottom: var(--dt-size-100) solid !important;
}
.d-ba-none {
  border: none !important;
}
.d-ba-unset {
  border: unset !important;
}
.d-bar-circle {
  border-radius: var(--dt-size-radius-circle) !important;
}
.d-bar-pill {
  border-radius: var(--dt-size-radius-pill) !important;
}
.d-bar-unset {
  border-radius: unset !important;
}
.d-btr-circle {
  border-top-left-radius: var(--dt-size-radius-circle) !important;
  border-top-right-radius: var(--dt-size-radius-circle) !important;
}
.d-btr-pill {
  border-top-left-radius: var(--dt-size-radius-pill) !important;
  border-top-right-radius: var(--dt-size-radius-pill) !important;
}
.d-brr-circle {
  border-top-right-radius: var(--dt-size-radius-circle) !important;
  border-bottom-right-radius: var(--dt-size-radius-circle) !important;
}
.d-brr-pill {
  border-top-right-radius: var(--dt-size-radius-pill) !important;
  border-bottom-right-radius: var(--dt-size-radius-pill) !important;
}
.d-bbr-circle {
  border-bottom-right-radius: var(--dt-size-radius-circle) !important;
  border-bottom-left-radius: var(--dt-size-radius-circle) !important;
}
.d-bbr-pill {
  border-bottom-right-radius: var(--dt-size-radius-pill) !important;
  border-bottom-left-radius: var(--dt-size-radius-pill) !important;
}
.d-blr-circle {
  border-top-left-radius: var(--dt-size-radius-circle) !important;
  border-bottom-left-radius: var(--dt-size-radius-circle) !important;
}
.d-blr-pill {
  border-top-left-radius: var(--dt-size-radius-pill) !important;
  border-bottom-left-radius: var(--dt-size-radius-pill) !important;
}
.d-bas-dashed {
  border-style: dashed !important;
}
.d-bts-dashed {
  border-top-style: dashed !important;
}
.d-brs-dashed {
  border-right-style: dashed !important;
}
.d-bbs-dashed {
  border-bottom-style: dashed !important;
}
.d-bls-dashed {
  border-left-style: dashed !important;
}
.d-bas-dotted {
  border-style: dotted !important;
}
.d-bts-dotted {
  border-top-style: dotted !important;
}
.d-brs-dotted {
  border-right-style: dotted !important;
}
.d-bbs-dotted {
  border-bottom-style: dotted !important;
}
.d-bls-dotted {
  border-left-style: dotted !important;
}
.d-bas-unset {
  border-style: unset !important;
}
.d-baw0 {
  border-width: var(--dt-size-border-0) !important;
}
.d-baw1 {
  border-width: var(--dt-size-border-100) !important;
}
.d-baw2 {
  border-width: var(--dt-size-border-200) !important;
}
.d-baw4 {
  border-width: var(--dt-size-border-300) !important;
}
.d-btw0 {
  border-top-width: var(--dt-size-border-0) !important;
}
.d-btw1 {
  border-top-width: var(--dt-size-border-100) !important;
}
.d-btw2 {
  border-top-width: var(--dt-size-border-200) !important;
}
.d-btw4 {
  border-top-width: var(--dt-size-border-300) !important;
}
.d-brw0 {
  border-right-width: var(--dt-size-border-0) !important;
}
.d-brw1 {
  border-right-width: var(--dt-size-border-100) !important;
}
.d-brw2 {
  border-right-width: var(--dt-size-border-200) !important;
}
.d-brw4 {
  border-right-width: var(--dt-size-border-300) !important;
}
.d-bbw0 {
  border-bottom-width: var(--dt-size-border-0) !important;
}
.d-bbw1 {
  border-bottom-width: var(--dt-size-border-100) !important;
}
.d-bbw2 {
  border-bottom-width: var(--dt-size-border-200) !important;
}
.d-bbw4 {
  border-bottom-width: var(--dt-size-border-300) !important;
}
.d-blw0 {
  border-left-width: var(--dt-size-border-0) !important;
}
.d-blw1 {
  border-left-width: var(--dt-size-border-100) !important;
}
.d-blw2 {
  border-left-width: var(--dt-size-border-200) !important;
}
.d-blw4 {
  border-left-width: var(--dt-size-border-300) !important;
}
.d-bxw0 {
  border-right-width: var(--dt-size-border-0) !important;
  border-left-width: var(--dt-size-border-0) !important;
}
.d-bxw1 {
  border-right-width: var(--dt-size-border-100) !important;
  border-left-width: var(--dt-size-border-100) !important;
}
.d-bxw2 {
  border-right-width: var(--dt-size-border-200) !important;
  border-left-width: var(--dt-size-border-200) !important;
}
.d-bxw4 {
  border-right-width: var(--dt-size-border-300) !important;
  border-left-width: var(--dt-size-border-300) !important;
}
.d-byw0 {
  border-top-width: var(--dt-size-border-0) !important;
  border-bottom-width: var(--dt-size-border-0) !important;
}
.d-byw1 {
  border-top-width: var(--dt-size-border-100) !important;
  border-bottom-width: var(--dt-size-border-100) !important;
}
.d-byw2 {
  border-top-width: var(--dt-size-border-200) !important;
  border-bottom-width: var(--dt-size-border-200) !important;
}
.d-byw4 {
  border-top-width: var(--dt-size-border-300) !important;
  border-bottom-width: var(--dt-size-border-300) !important;
}
.d-divide-y > * + * {
  --divide-y-reverse: 0;
  border-top: calc(1px * (1 - var(--divide-y-reverse))) solid !important;
  border-bottom: calc(1px * var(--divide-y-reverse)) solid !important;
}
.d-divide-y0 > * + * {
  --divide-y-reverse: 0;
  border-top: calc(0 * (1 - var(--divide-y-reverse))) solid !important;
  border-bottom: calc(0 * var(--divide-y-reverse)) solid !important;
}
.d-divide-y2 > * + * {
  --divide-y-reverse: 0;
  border-top: calc(2px * (1 - var(--divide-y-reverse))) solid !important;
  border-bottom: calc(2px * var(--divide-y-reverse)) solid !important;
}
.d-divide-y4 > * + * {
  --divide-y-reverse: 0;
  border-top: calc(4px * (1 - var(--divide-y-reverse))) solid !important;
  border-bottom: calc(4px * var(--divide-y-reverse)) solid !important;
}
.d-divide-y-reverse > * + * {
  --divide-y-reverse: 1;
}
.d-divide-x > * + * {
  --divide-x-reverse: 0;
  border-right: calc(1px * var(--divide-x-reverse)) solid !important;
  border-left: calc(1px * (1 - var(--divide-x-reverse))) solid !important;
}
.d-divide-x0 > * + * {
  --divide-x-reverse: 0;
  border-right: calc(0 * var(--divide-x-reverse)) solid !important;
  border-left: calc(0 * (1 - var(--divide-x-reverse))) solid !important;
}
.d-divide-x2 > * + * {
  --divide-x-reverse: 0;
  border-right: calc(2px * var(--divide-x-reverse)) solid !important;
  border-left: calc(2px * (1 - var(--divide-x-reverse))) solid !important;
}
.d-divide-x4 > * + * {
  --divide-x-reverse: 0;
  border-right: calc(4px * var(--divide-x-reverse)) solid !important;
  border-left: calc(4px * (1 - var(--divide-x-reverse))) solid !important;
}
.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;
}
.d-fc-transparent, .h\:d-fc-transparent:hover, .f\:d-fc-transparent:focus, .f\:d-fc-transparent:focus-within, .fv\:d-fc-transparent:focus-visible {
  color: transparent !important;
}
.d-fc-unset, .h\:d-fc-unset:hover, .f\:d-fc-unset:focus, .f\:d-fc-unset:focus-within, .fv\:d-fc-unset:focus-visible {
  color: unset !important;
}
.d-bgc-transparent, .h\:d-bgc-transparent:hover, .f\:d-bgc-transparent:focus, .f\:d-bgc-transparent:focus-within, .fv\:d-bgc-transparent:focus-visible {
  background-color: transparent !important;
  background-image: none !important;
}
.d-bgc-unset, .h\:d-bgc-unset:hover, .f\:d-bgc-unset:focus, .f\:d-bgc-unset:focus-within, .fv\:d-bgc-unset:focus-visible {
  background-color: unset !important;
  background-image: unset !important;
}
.d-bc-transparent, .h\:d-bc-transparent:hover, .f\:d-bc-transparent:focus, .f\:d-bc-transparent:focus-within, .fv\:d-bc-transparent:focus-visible {
  border-color: transparent !important;
}
.d-bc-current, .h\:d-bc-current:hover, .f\:d-bc-current:focus, .f\:d-bc-current:focus-within, .fv\:d-bc-current:focus-visible {
  border-color: currentColor !important;
}
.d-bc-unset, .h\:d-bc-unset:hover, .f\:d-bc-unset:focus, .f\:d-bc-unset:focus-within, .fv\:d-bc-unset:focus-visible {
  border-color: unset !important;
}
@-webkit-keyframes d-loading-circle {
  from {
    -webkit-transform: rotate(0deg);
            transform: rotate(0deg);
  }
  to {
    -webkit-transform: rotate(360deg);
            transform: rotate(360deg);
  }
}
@keyframes d-loading-circle {
  from {
    -webkit-transform: rotate(0deg);
            transform: rotate(0deg);
  }
  to {
    -webkit-transform: rotate(360deg);
            transform: rotate(360deg);
  }
}
/* stylelint-disable-next-line keyframes-name-pattern */
@-webkit-keyframes d-loading-bars__short {
  0% {
    min-height: var(--dt-size-300);
    -webkit-transform: translateY(var(--dt-size-500-negative));
            transform: translateY(var(--dt-size-500-negative));
    opacity: 0;
  }
  5% {
    min-height: var(--dt-size-300);
    -webkit-transform: translateY(var(--dt-size-500));
            transform: translateY(var(--dt-size-500));
    opacity: 0.5;
  }
  10% {
    min-height: 1rem;
    -webkit-transform: translateY(var(--dt-size-200-negative));
            transform: translateY(var(--dt-size-200-negative));
    opacity: 1;
  }
  15% {
    -webkit-transform: translateY(var(--dt-size-100));
            transform: translateY(var(--dt-size-100));
    opacity: 1;
  }
  20%,
  70% {
    min-height: 1rem;
    -webkit-transform: translateY(0);
            transform: translateY(0);
    opacity: 1;
  }
  75% {
    min-height: 0.75rem;
    -webkit-transform: translateY(1rem);
            transform: translateY(1rem);
    opacity: 1;
  }
  80% {
    min-height: var(--dt-size-300);
    -webkit-transform: translateY(var(--dt-size-300-negative));
            transform: translateY(var(--dt-size-300-negative));
    opacity: 0.5;
  }
  85%,
  100% {
    min-height: var(--dt-size-300);
    -webkit-transform: translateY(var(--dt-size-500));
            transform: translateY(var(--dt-size-500));
    opacity: 0;
  }
}
@keyframes d-loading-bars__short {
  0% {
    min-height: var(--dt-size-300);
    -webkit-transform: translateY(var(--dt-size-500-negative));
            transform: translateY(var(--dt-size-500-negative));
    opacity: 0;
  }
  5% {
    min-height: var(--dt-size-300);
    -webkit-transform: translateY(var(--dt-size-500));
            transform: translateY(var(--dt-size-500));
    opacity: 0.5;
  }
  10% {
    min-height: 1rem;
    -webkit-transform: translateY(var(--dt-size-200-negative));
            transform: translateY(var(--dt-size-200-negative));
    opacity: 1;
  }
  15% {
    -webkit-transform: translateY(var(--dt-size-100));
            transform: translateY(var(--dt-size-100));
    opacity: 1;
  }
  20%,
  70% {
    min-height: 1rem;
    -webkit-transform: translateY(0);
            transform: translateY(0);
    opacity: 1;
  }
  75% {
    min-height: 0.75rem;
    -webkit-transform: translateY(1rem);
            transform: translateY(1rem);
    opacity: 1;
  }
  80% {
    min-height: var(--dt-size-300);
    -webkit-transform: translateY(var(--dt-size-300-negative));
            transform: translateY(var(--dt-size-300-negative));
    opacity: 0.5;
  }
  85%,
  100% {
    min-height: var(--dt-size-300);
    -webkit-transform: translateY(var(--dt-size-500));
            transform: translateY(var(--dt-size-500));
    opacity: 0;
  }
}
/* stylelint-disable-next-line keyframes-name-pattern */
@-webkit-keyframes d-loading-bars__tall {
  0% {
    min-height: var(--dt-size-300);
    -webkit-transform: translateY(var(--dt-size-500-negative));
            transform: translateY(var(--dt-size-500-negative));
    opacity: 0;
  }
  5% {
    min-height: var(--dt-size-300);
    -webkit-transform: translateY(var(--dt-size-500));
            transform: translateY(var(--dt-size-500));
    opacity: 0.5;
  }
  10% {
    min-height: 1rem;
    -webkit-transform: translateY(var(--dt-size-200-negative));
            transform: translateY(var(--dt-size-200-negative));
    opacity: 1;
  }
  15% {
    min-height: 2.2rem;
    -webkit-transform: translateY(var(--dt-size-100));
            transform: translateY(var(--dt-size-100));
    opacity: 1;
  }
  20%,
  70% {
    min-height: 2.2rem;
    -webkit-transform: translateY(0);
            transform: translateY(0);
    opacity: 1;
  }
  75% {
    min-height: var(--dt-size-500);
    -webkit-transform: translateY(1rem);
            transform: translateY(1rem);
    opacity: 1;
  }
  80% {
    min-height: 1rem;
    -webkit-transform: translateY(var(--dt-size-300-negative));
            transform: translateY(var(--dt-size-300-negative));
    opacity: 1;
  }
  85%,
  100% {
    min-height: var(--dt-size-300);
    -webkit-transform: translateY(var(--dt-size-500));
            transform: translateY(var(--dt-size-500));
    opacity: 0;
  }
}
@keyframes d-loading-bars__tall {
  0% {
    min-height: var(--dt-size-300);
    -webkit-transform: translateY(var(--dt-size-500-negative));
            transform: translateY(var(--dt-size-500-negative));
    opacity: 0;
  }
  5% {
    min-height: var(--dt-size-300);
    -webkit-transform: translateY(var(--dt-size-500));
            transform: translateY(var(--dt-size-500));
    opacity: 0.5;
  }
  10% {
    min-height: 1rem;
    -webkit-transform: translateY(var(--dt-size-200-negative));
            transform: translateY(var(--dt-size-200-negative));
    opacity: 1;
  }
  15% {
    min-height: 2.2rem;
    -webkit-transform: translateY(var(--dt-size-100));
            transform: translateY(var(--dt-size-100));
    opacity: 1;
  }
  20%,
  70% {
    min-height: 2.2rem;
    -webkit-transform: translateY(0);
            transform: translateY(0);
    opacity: 1;
  }
  75% {
    min-height: var(--dt-size-500);
    -webkit-transform: translateY(1rem);
            transform: translateY(1rem);
    opacity: 1;
  }
  80% {
    min-height: 1rem;
    -webkit-transform: translateY(var(--dt-size-300-negative));
            transform: translateY(var(--dt-size-300-negative));
    opacity: 1;
  }
  85%,
  100% {
    min-height: var(--dt-size-300);
    -webkit-transform: translateY(var(--dt-size-500));
            transform: translateY(var(--dt-size-500));
    opacity: 0;
  }
}
.d-bs-sm, .h\:d-bs-sm:hover, .f\:d-bs-sm:focus, .f\:d-bs-sm:focus-within, .fv\:d-bs-sm:focus-visible {
  box-shadow: var(--dt-shadow-small) !important;
}
.d-bs-md, .h\:d-bs-md:hover, .f\:d-bs-md:focus, .f\:d-bs-md:focus-within, .fv\:d-bs-md:focus-visible {
  box-shadow: var(--dt-shadow-medium) !important;
}
.d-bs-lg, .h\:d-bs-lg:hover, .f\:d-bs-lg:focus, .f\:d-bs-lg:focus-within, .fv\:d-bs-lg:focus-visible {
  box-shadow: var(--dt-shadow-large) !important;
}
.d-bs-xl, .h\:d-bs-xl:hover, .f\:d-bs-xl:focus, .f\:d-bs-xl:focus-within, .fv\:d-bs-xl:focus-visible {
  box-shadow: var(--dt-shadow-extra-large) !important;
}
.d-bs-card, .h\:d-bs-card:hover, .f\:d-bs-card:focus, .f\:d-bs-card:focus-within, .fv\:d-bs-card:focus-visible {
  box-shadow: var(--dt-shadow-card) !important;
}
.d-bs-none, .h\:d-bs-none:hover, .f\:d-bs-none:focus, .f\:d-bs-none:focus-within, .fv\:d-bs-none:focus-visible {
  box-shadow: none !important;
}
.d-bs-unset, .h\:d-bs-unset:hover, .f\:d-bs-unset:focus, .f\:d-bs-unset:focus-within, .fv\:d-bs-unset:focus-visible {
  box-shadow: unset !important;
}
.d-o0, .h\:d-o0:hover, .f\:d-o0:focus, .f\:d-o0:focus-within, .fv\:d-o0:focus-visible {
  opacity: 0 !important;
}
.d-o5, .h\:d-o5:hover, .f\:d-o5:focus, .f\:d-o5:focus-within, .fv\:d-o5:focus-visible {
  opacity: 0.05 !important;
}
.d-o10, .h\:d-o10:hover, .f\:d-o10:focus, .f\:d-o10:focus-within, .fv\:d-o10:focus-visible {
  opacity: 0.1 !important;
}
.d-o20, .h\:d-o20:hover, .f\:d-o20:focus, .f\:d-o20:focus-within, .fv\:d-o20:focus-visible {
  opacity: 0.2 !important;
}
.d-o25, .h\:d-o25:hover, .f\:d-o25:focus, .f\:d-o25:focus-within, .fv\:d-o25:focus-visible {
  opacity: 0.25 !important;
}
.d-o30, .h\:d-o30:hover, .f\:d-o30:focus, .f\:d-o30:focus-within, .fv\:d-o30:focus-visible {
  opacity: 0.3 !important;
}
.d-o40, .h\:d-o40:hover, .f\:d-o40:focus, .f\:d-o40:focus-within, .fv\:d-o40:focus-visible {
  opacity: 0.4 !important;
}
.d-o50, .h\:d-o50:hover, .f\:d-o50:focus, .f\:d-o50:focus-within, .fv\:d-o50:focus-visible {
  opacity: 0.5 !important;
}
.d-o60, .h\:d-o60:hover, .f\:d-o60:focus, .f\:d-o60:focus-within, .fv\:d-o60:focus-visible {
  opacity: 0.6 !important;
}
.d-o70, .h\:d-o70:hover, .f\:d-o70:focus, .f\:d-o70:focus-within, .fv\:d-o70:focus-visible {
  opacity: 0.7 !important;
}
.d-o75, .h\:d-o75:hover, .f\:d-o75:focus, .f\:d-o75:focus-within, .fv\:d-o75:focus-visible {
  opacity: 0.75 !important;
}
.d-o80, .h\:d-o80:hover, .f\:d-o80:focus, .f\:d-o80:focus-within, .fv\:d-o80:focus-visible {
  opacity: 0.8 !important;
}
.d-o90, .h\:d-o90:hover, .f\:d-o90:focus, .f\:d-o90:focus-within, .fv\:d-o90:focus-visible {
  opacity: 0.9 !important;
}
.d-o100, .h\:d-o100:hover, .f\:d-o100:focus, .f\:d-o100:focus-within, .fv\:d-o100:focus-visible {
  opacity: 1 !important;
}
.d-o-unset {
  opacity: unset !important;
}
.d-t {
  transition: all var(--td50) var(--ttf-in-out) 0s;
}
.d-td0 {
  transition-duration: var(--td0) !important;
}
.d-td50 {
  transition-duration: var(--td50) !important;
}
.d-td100 {
  transition-duration: var(--td100) !important;
}
.d-td150 {
  transition-duration: var(--td150) !important;
}
.d-td200 {
  transition-duration: var(--td200) !important;
}
.d-td300 {
  transition-duration: var(--td300) !important;
}
.d-ttf-in-out {
  transition-timing-function: var(--ttf-in-out) !important;
}
.d-ttf-out {
  transition-timing-function: var(--ttf-out) !important;
}
.ttf-out-quint {
  transition-timing-function: var(--ttf-out-quint) !important;
}
.d-tp-all {
  transition-property: all !important;
}
.d-tp-o {
  transition-property: opacity !important;
}
.d-tp-bs {
  transition-property: box-shadow !important;
}
.d-tp-bgc {
  transition-property: background-color !important;
}
.d-tp-transform {
  transition-property: -webkit-transform !important;
  transition-property: transform !important;
  transition-property: transform, -webkit-transform !important;
}
.d-tp-colors {
  transition-property: background-color, border-color, color, fill, stroke !important;
}
.d-t-delay25 {
  transition-delay: var(--td25) !important;
}
.d-t-delay50 {
  transition-delay: var(--td50) !important;
}
.d-t-delay100 {
  transition-delay: var(--td100) !important;
}
.d-t-delay150 {
  transition-delay: var(--td150) !important;
}
.d-t-delay200 {
  transition-delay: var(--td200) !important;
}
.d-t-delay300 {
  transition-delay: var(--td300) !important;
}
.d-ac-center {
  align-content: center !important;
}
.d-ac-flex-end {
  align-content: flex-end !important;
}
.d-ac-flex-start {
  align-content: flex-start !important;
}
.d-ac-space-around {
  align-content: space-around !important;
}
.d-ac-space-between {
  align-content: space-between !important;
}
.d-ac-space-evenly {
  align-content: space-evenly !important;
}
.d-ac-baseline {
  align-content: baseline !important;
}
.d-ac-stretch {
  align-content: stretch !important;
}
.d-ac-normal {
  align-content: normal !important;
}
.d-ac-unset {
  align-content: unset !important;
}
.d-ai-center {
  align-items: center !important;
}
.d-ai-flex-end {
  align-items: flex-end !important;
}
.d-ai-flex-start {
  align-items: flex-start !important;
}
.d-ai-baseline {
  align-items: baseline !important;
}
.d-ai-stretch {
  align-items: stretch !important;
}
.d-ai-normal {
  align-items: normal !important;
}
.d-ai-unset {
  align-items: unset !important;
}
.d-as-center {
  align-self: center !important;
}
.d-as-flex-end {
  align-self: flex-end !important;
}
.d-as-flex-start {
  align-self: flex-start !important;
}
.d-as-baseline {
  align-self: baseline !important;
}
.d-as-stretch {
  align-self: stretch !important;
}
.d-as-auto {
  align-self: auto !important;
}
.d-as-normal {
  align-self: normal !important;
}
.d-as-unset {
  align-self: unset !important;
}
.d-flg0 > * {
  --fl-gap: 0 !important;
}
.d-flg1 > * {
  --fl-gap: var(--dt-space-100) !important;
}
.d-flg2 > * {
  --fl-gap: var(--dt-space-100) !important;
}
.d-flg4 > * {
  --fl-gap: var(--dt-space-300) !important;
}
.d-flg6 > * {
  --fl-gap: var(--dt-space-350) !important;
}
.d-flg8 > * {
  --fl-gap: var(--dt-space-400) !important;
}
.d-flg12 > * {
  --fl-gap: var(--dt-space-450) !important;
}
.d-flg16 > * {
  --fl-gap: var(--dt-space-500) !important;
}
.d-flg24 > * {
  --fl-gap: var(--dt-space-550) !important;
}
.d-flg32 > * {
  --fl-gap: var(--dt-space-600) !important;
}
.d-flg48 > * {
  --fl-gap: var(--dt-space-650) !important;
}
.d-flg64 > * {
  --fl-gap: var(--dt-space-700) !important;
}
.d-fd-row {
  flex-direction: row !important;
}
.d-fd-row-reverse {
  flex-direction: row-reverse !important;
}
.d-fd-column {
  flex-direction: column !important;
}
.d-fd-column-reverse {
  flex-direction: column-reverse !important;
}
.d-fd-unset {
  flex-direction: unset !important;
}
.d-fw-wrap {
  flex-wrap: wrap !important;
}
.d-fw-wrap-reverse {
  flex-wrap: wrap-reverse !important;
}
.d-fw-nowrap {
  flex-wrap: nowrap !important;
}
.d-fw-unset {
  flex-wrap: unset !important;
}
.d-ff-row-wrap {
  flex-flow: row wrap !important;
}
.d-ff-row-wrap-reverse {
  flex-flow: row wrap-reverse !important;
}
.d-ff-row-nowrap {
  flex-flow: row nowrap !important;
}
.d-ff-row-reverse-wrap {
  flex-flow: row-reverse wrap !important;
}
.d-ff-row-reverse-wrap-reverse {
  flex-flow: row-reverse wrap-reverse !important;
}
.d-ff-row-reverse-nowrap {
  flex-flow: row-reverse nowrap !important;
}
.d-ff-column-wrap {
  flex-flow: column wrap !important;
}
.d-ff-column-wrap-reverse {
  flex-flow: column wrap-reverse !important;
}
.d-ff-column-nowrap {
  flex-flow: column nowrap !important;
}
.d-ff-column-reverse-wrap {
  flex-flow: column-reverse wrap !important;
}
.d-ff-column-reverse-wrap-reverse {
  flex-flow: column-reverse wrap-reverse !important;
}
.d-ff-column-reverse-nowrap {
  flex-flow: column-reverse nowrap !important;
}
.d-f-flow-unset {
  flex-flow: unset !important;
}
.d-fl0 {
  flex: 0 auto !important;
}
.d-fl1 {
  flex: 1 auto !important;
}
.d-fl2 {
  flex: 2 auto !important;
}
.d-fl3 {
  flex: 3 auto !important;
}
.d-fl4 {
  flex: 4 auto !important;
}
.d-fl5 {
  flex: 5 auto !important;
}
.d-fl-unset {
  flex: unset !important;
}
.d-fl-none {
  flex: none !important;
}
.d-fl-equal {
  flex: 1 1 0 !important;
}
.d-fl-grow0 {
  flex-grow: 0 !important;
}
.d-fl-grow1 {
  flex-grow: 1 !important;
}
.d-fl-grow2 {
  flex-grow: 2 !important;
}
.d-fl-grow3 {
  flex-grow: 3 !important;
}
.d-fl-grow4 {
  flex-grow: 4 !important;
}
.d-fl-grow5 {
  flex-grow: 5 !important;
}
.d-fl-grow-unset {
  flex-grow: unset !important;
}
.d-fl-shrink0 {
  flex-shrink: 0 !important;
}
.d-fl-shrink1 {
  flex-shrink: 1 !important;
}
.d-fl-shrink2 {
  flex-shrink: 2 !important;
}
.d-fl-shrink3 {
  flex-shrink: 3 !important;
}
.d-fl-shrink4 {
  flex-shrink: 4 !important;
}
.d-fl-shrink5 {
  flex-shrink: 5 !important;
}
.d-fl-shrink-unset {
  flex-shrink: unset !important;
}
.d-jc-center {
  justify-content: center !important;
}
.d-jc-flex-end {
  justify-content: flex-end !important;
}
.d-jc-flex-start {
  justify-content: flex-start !important;
}
.d-jc-space-around {
  justify-content: space-around !important;
}
.d-jc-space-between {
  justify-content: space-between !important;
}
.d-jc-space-evenly {
  justify-content: space-evenly !important;
}
.d-jc-baseline {
  justify-content: baseline !important;
}
.d-jc-normal {
  justify-content: normal !important;
}
.d-jc-unset {
  justify-content: unset !important;
}
.d-fl-center {
  display: flex;
  align-items: center;
  justify-content: center;
}
.d-order1 {
  order: 1 !important;
}
.d-order2 {
  order: 2 !important;
}
.d-order3 {
  order: 3 !important;
}
.d-order4 {
  order: 4 !important;
}
.d-order5 {
  order: 5 !important;
}
.d-order6 {
  order: 6 !important;
}
.d-order7 {
  order: 7 !important;
}
.d-order8 {
  order: 8 !important;
}
.d-order9 {
  order: 9 !important;
}
.d-order10 {
  order: 10 !important;
}
.d-order11 {
  order: 11 !important;
}
.d-order12 {
  order: 12 !important;
}
.d-order-first {
  order: -9999 !important;
}
.d-order-last {
  order: 9999 !important;
}
.d-gc-full {
  grid-column: 1  /  -1 !important;
}
.d-gcs-auto {
  grid-column-start: auto !important;
}
.d-gce-auto {
  grid-column-end: auto !important;
}
.d-gc-auto {
  grid-column: auto !important;
}
.d-gcs-unset {
  grid-column-start: unset !important;
}
.d-gce-unset {
  grid-column-end: unset !important;
}
.d-gc-unset {
  grid-column: unset !important;
}
.d-gcg-unset {
  -webkit-column-gap: unset !important;
     -moz-column-gap: unset !important;
          column-gap: unset !important;
}
.d-grg-unset {
  row-gap: unset !important;
}
.d-gg-unset {
  gap: unset !important;
}
.d-ji-center {
  justify-items: center !important;
}
.d-ji-end {
  justify-items: end !important;
}
.d-ji-start {
  justify-items: start !important;
}
.d-ji-left {
  justify-items: left !important;
}
.d-ji-right {
  justify-items: right !important;
}
.d-ji-baseline {
  justify-items: baseline !important;
}
.d-ji-first-baseline {
  justify-items: first-baseline !important;
}
.d-ji-last-baseline {
  justify-items: last-baseline !important;
}
.d-ji-stretch {
  justify-items: stretch !important;
}
.d-ji-safe {
  justify-items: safe !important;
}
.d-ji-unsafe {
  justify-items: unsafe !important;
}
.d-ji-normal {
  justify-items: normal !important;
}
.d-ji-legacy {
  justify-items: legacy !important;
}
.d-ji-auto {
  justify-items: auto !important;
}
.d-ji-unset {
  justify-items: unset !important;
}
.d-js-center {
  justify-self: center !important;
}
.d-js-end {
  justify-self: end !important;
}
.d-js-start {
  justify-self: start !important;
}
.d-js-left {
  justify-self: left !important;
}
.d-js-right {
  justify-self: right !important;
}
.d-js-baseline {
  justify-self: baseline !important;
}
.d-js-first-baseline {
  justify-self: first-baseline !important;
}
.d-js-last-baseline {
  justify-self: last-baseline !important;
}
.d-js-stretch {
  justify-self: stretch !important;
}
.d-js-safe {
  justify-self: safe !important;
}
.d-js-unsafe {
  justify-self: unsafe !important;
}
.d-js-normal {
  justify-self: normal !important;
}
.d-js-legacy {
  justify-self: legacy !important;
}
.d-js-auto {
  justify-self: auto !important;
}
.d-js-unset {
  justify-self: unset !important;
}
.d-gl-sidebar {
  grid-template-areas: 'sidebar content';
  grid-template-columns: [sidebar-start] var(--sidebar-width) [sidebar-end content-start] var(--content-width) [content-end];
}
.d-gl-header {
  grid-auto-rows: 1fr;
  grid-auto-columns: minmax(-webkit-min-content, auto);
  grid-auto-columns: minmax(min-content, auto);
  grid-template-areas: 'header' 'content';
  grid-template-rows: [header-start] var(--header-height) [header-end content-start] var(--content-height) [content-end];
}
.d-ga-sidebar {
  grid-area: sidebar !important;
}
.d-ga-content {
  grid-area: content !important;
}
.d-ga-header {
  grid-area: header !important;
}
.d-plc-center {
  place-content: center !important;
}
.d-plc-center-end {
  place-content: center end !important;
}
.d-plc-center-start {
  place-content: center start !important;
}
.d-plc-center-stretch {
  place-content: center stretch !important;
}
.d-plc-center-space-around {
  place-content: center space-around !important;
}
.d-plc-center-space-evenly {
  place-content: center space-evenly !important;
}
.d-plc-center-space-between {
  place-content: center space-between !important;
}
.d-plc-end {
  place-content: end !important;
}
.d-plc-end-start {
  place-content: end start !important;
}
.d-plc-end-stretch {
  place-content: end stretch !important;
}
.d-plc-end-center {
  place-content: end center !important;
}
.d-plc-end-space-around {
  place-content: end space-around !important;
}
.d-plc-end-space-evenly {
  place-content: end space-evenly !important;
}
.d-plc-end-space-between {
  place-content: end space-between !important;
}
.d-plc-start {
  place-content: start !important;
}
.d-plc-start-end {
  place-content: start end !important;
}
.d-plc-start-center {
  place-content: start center !important;
}
.d-plc-start-stretch {
  place-content: start stretch !important;
}
.d-plc-start-space-around {
  place-content: start space-around !important;
}
.d-plc-start-space-evenly {
  place-content: start space-evenly !important;
}
.d-plc-start-space-between {
  place-content: start space-between !important;
}
.d-plc-stretch {
  place-content: stretch !important;
}
.d-plc-stretch-end {
  place-content: stretch end !important;
}
.d-plc-stretch-start {
  place-content: stretch start !important;
}
.d-plc-stretch-center {
  place-content: stretch center !important;
}
.d-plc-stretch-space-evenly {
  place-content: stretch space-evenly !important;
}
.d-plc-stretch-space-around {
  place-content: stretch space-around !important;
}
.d-plc-stretch-space-between {
  place-content: stretch space-between !important;
}
.d-plc-space-around {
  place-content: space-around !important;
}
.d-plc-space-around-end {
  place-content: space-around end !important;
}
.d-plc-space-around-start {
  place-content: space-around start !important;
}
.d-plc-space-around-center {
  place-content: space-around center !important;
}
.d-plc-space-around-space-evenly {
  place-content: space-around space-evenly !important;
}
.d-plc-space-around-space-between {
  place-content: space-around space-between !important;
}
.d-plc-space-evenly {
  place-content: space-evenly !important;
}
.d-plc-space-evenly-end {
  place-content: space-evenly end !important;
}
.d-plc-space-evenly-start {
  place-content: space-evenly start !important;
}
.d-plc-space-evenly-center {
  place-content: space-evenly center !important;
}
.d-plc-space-evenly-space-around {
  place-content: space-evenly space-around !important;
}
.d-plc-space-evenly-space-between {
  place-content: space-evenly space-between !important;
}
.d-plc-space-between {
  place-content: space-between !important;
}
.d-plc-space-between-end {
  place-content: space-between end !important;
}
.d-plc-space-between-start {
  place-content: space-between start !important;
}
.d-plc-space-between-center {
  place-content: space-between center !important;
}
.d-plc-space-between-space-around {
  place-content: space-between space-around !important;
}
.d-plc-space-between-space-evenly {
  place-content: space-between space-evenly !important;
}
.d-plc-normal {
  place-content: normal !important;
}
.d-plc-legacy {
  place-content: legacy !important;
}
.d-plc-auto {
  place-content: auto !important;
}
.d-plc-unset {
  place-content: unset !important;
}
.d-pli-center {
  place-items: center !important;
}
.d-pli-center-end {
  place-items: center end !important;
}
.d-pli-center-start {
  place-items: center start !important;
}
.d-pli-center-stretch {
  place-items: center stretch !important;
}
.d-pli-end {
  place-items: end !important;
}
.d-pli-end-start {
  place-items: end start !important;
}
.d-pli-end-stretch {
  place-items: end stretch !important;
}
.d-pli-end-center {
  place-items: end center !important;
}
.d-pli-start {
  place-items: start !important;
}
.d-pli-start-end {
  place-items: start end !important;
}
.d-pli-start-center {
  place-items: start center !important;
}
.d-pli-start-stretch {
  place-items: start stretch !important;
}
.d-pli-stretch {
  place-items: stretch !important;
}
.d-pli-stretch-end {
  place-items: stretch end !important;
}
.d-pli-stretch-start {
  place-items: stretch start !important;
}
.d-pli-stretch-center {
  place-items: stretch center !important;
}
.d-pli-normal {
  place-items: normal !important;
}
.d-pli-legacy {
  place-items: legacy !important;
}
.d-pli-auto {
  place-items: auto !important;
}
.d-pli-unset {
  place-items: unset !important;
}
.d-pls-center {
  place-self: center !important;
}
.d-pls-center-end {
  place-self: center end !important;
}
.d-pls-center-start {
  place-self: center start !important;
}
.d-pls-center-stretch {
  place-self: center stretch !important;
}
.d-pls-end {
  place-self: end !important;
}
.d-pls-end-start {
  place-self: end start !important;
}
.d-pls-end-stretch {
  place-self: end stretch !important;
}
.d-pls-end-center {
  place-self: end center !important;
}
.d-pls-start {
  place-self: start !important;
}
.d-pls-start-end {
  place-self: start end !important;
}
.d-pls-start-center {
  place-self: start center !important;
}
.d-pls-start-stretch {
  place-self: start stretch !important;
}
.d-pls-stretch {
  place-self: stretch !important;
}
.d-pls-stretch-end {
  place-self: stretch end !important;
}
.d-pls-stretch-start {
  place-self: stretch start !important;
}
.d-pls-stretch-center {
  place-self: stretch center !important;
}
.d-pls-normal {
  place-self: normal !important;
}
.d-pls-legacy {
  place-self: legacy !important;
}
.d-pls-auto {
  place-self: auto !important;
}
.d-pls-unset {
  place-self: unset !important;
}
.d-gr-full {
  grid-row: 1  /  -1 !important;
}
.d-grs-auto {
  grid-row-start: auto !important;
}
.d-gre-auto {
  grid-row-end: auto !important;
}
.d-gr-auto {
  grid-row: auto !important;
}
.d-grs-unset {
  grid-row-start: unset !important;
}
.d-gre-unset {
  grid-row-end: unset !important;
}
.d-gr-unset {
  grid-row: unset !important;
}
.d-c-menu {
  cursor: context-menu !important;
}
.d-c-help {
  cursor: help !important;
}
.d-c-pointer {
  cursor: pointer !important;
}
.d-c-progress {
  cursor: progress !important;
}
.d-c-wait {
  cursor: wait !important;
}
.d-c-crosshair {
  cursor: crosshair !important;
}
.d-c-text {
  cursor: text !important;
}
.d-c-move {
  cursor: move !important;
}
.d-c-copy {
  cursor: copy !important;
}
.d-c-not-allowed {
  cursor: not-allowed !important;
}
.d-c-grab {
  cursor: -webkit-grab !important;
  cursor: grab !important;
}
.d-c-grabbing {
  cursor: -webkit-grabbing !important;
  cursor: grabbing !important;
}
.d-c-all-scroll {
  cursor: all-scroll !important;
}
.d-c-col-resize {
  cursor: col-resize !important;
}
.d-c-row-resize {
  cursor: row-resize !important;
}
.d-c-zoom-in {
  cursor: -webkit-zoom-in !important;
  cursor: zoom-in !important;
}
.d-c-zoom-out {
  cursor: -webkit-zoom-out !important;
  cursor: zoom-out !important;
}
.d-c-auto {
  cursor: auto !important;
}
.d-c-default {
  cursor: default !important;
}
.d-c-none {
  cursor: none !important;
}
.d-ol-focusring {
  outline: none !important;
  box-shadow: var(--dt-shadow-focus) !important;
}
.d-ol-focusring-inset {
  outline: none !important;
  box-shadow: var(--dt-shadow-focus-inset) !important;
}
.d-ol-none {
  outline: none !important;
  box-shadow: none !important;
}
.d-pe-auto {
  pointer-events: auto !important;
}
.d-pe-inherit {
  pointer-events: inherit !important;
}
.d-pe-none {
  pointer-events: none !important;
}
.d-us-auto {
  -webkit-user-select: auto !important;
      -ms-user-select: auto !important;
          user-select: auto !important;
}
.d-us-none {
  -webkit-user-select: none !important;
      -ms-user-select: none !important;
          user-select: none !important;
}
.d-r-both {
  resize: both !important;
}
.d-r-horizontal {
  resize: horizontal !important;
}
.d-r-vertical {
  resize: vertical !important;
}
.d-r-none {
  resize: none !important;
}
.d-box-border {
  box-sizing: border-box !important;
}
.d-box-content {
  box-sizing: content-box !important;
}
.d-box-unset {
  box-sizing: unset !important;
}
.d-t50p {
  top: 50% !important;
}
.d-t100p {
  top: 100% !important;
}
.d-t100p-calc {
  top: calc(100% + var(--fixed-value, 8px)) !important;
}
.d-tn50p {
  top: -50% !important;
}
.d-tn100p {
  top: -100% !important;
}
.d-tn100p-calc {
  top: calc(-100% + var(--fixed-value, 8px)) !important;
}
.d-r50p {
  right: 50% !important;
}
.d-r100p {
  right: 100% !important;
}
.d-r100p-calc {
  right: calc(100% + var(--fixed-value, 8px)) !important;
}
.d-rn50p {
  right: -50% !important;
}
.d-rn100p {
  right: -100% !important;
}
.d-rn100p-calc {
  right: calc(-100% + var(--fixed-value, 8px)) !important;
}
.d-b50p {
  bottom: 50% !important;
}
.d-b100p {
  bottom: 100% !important;
}
.d-b100p-calc {
  bottom: calc(100% + var(--fixed-value, 8px)) !important;
}
.d-bn50p {
  bottom: -50% !important;
}
.d-bn100p {
  bottom: -100% !important;
}
.d-bn100p-calc {
  bottom: calc(-100% + var(--fixed-value, 8px)) !important;
}
.d-l50p {
  left: 50% !important;
}
.d-l100p {
  left: 100% !important;
}
.d-l100p-calc {
  left: calc(100% + var(--fixed-value, 8px)) !important;
}
.d-ln50p {
  left: -50% !important;
}
.d-ln100p {
  left: -100% !important;
}
.d-ln100p-calc {
  left: calc(-100% + var(--fixed-value, 8px)) !important;
}
.d-d-block {
  display: block !important;
}
.d-d-contents {
  display: contents !important;
}
.d-d-flex {
  display: flex !important;
}
.d-d-grid {
  display: grid !important;
}
.d-d-inline {
  display: inline !important;
}
.d-d-inline-block {
  display: inline-block !important;
}
.d-d-inline-flex {
  display: inline-flex !important;
}
.d-d-inline-grid {
  display: inline-grid !important;
}
.d-d-none {
  display: none !important;
}
.d-d-unset {
  display: unset !important;
}
.d-of-auto {
  overflow: auto !important;
}
.d-of-x-auto {
  overflow-x: auto !important;
}
.d-of-y-auto {
  overflow-y: auto !important;
}
.d-of-hidden {
  overflow: hidden !important;
}
.d-of-x-hidden {
  overflow-x: hidden !important;
}
.d-of-y-hidden {
  overflow-y: hidden !important;
}
.d-of-scroll {
  overflow: scroll !important;
}
.d-of-x-scroll {
  overflow-x: scroll !important;
}
.d-of-y-scroll {
  overflow-y: scroll !important;
}
.d-of-visible {
  overflow: visible !important;
}
.d-of-x-visible {
  overflow-x: visible !important;
}
.d-of-y-visible {
  overflow-y: visible !important;
}
.d-of-unset {
  overflow: unset !important;
}
.d-ps-static {
  position: static !important;
}
.d-ps-relative {
  position: relative !important;
}
.d-ps-absolute {
  position: absolute !important;
}
.d-ps-fixed {
  position: fixed !important;
}
.d-ps-sticky {
  position: sticky !important;
}
.d-ps-unset {
  position: unset !important;
}
.d-vi-visible {
  visibility: visible !important;
}
.d-vi-hidden {
  visibility: hidden !important;
}
.d-vi-unset {
  visibility: unset !important;
}
.d-vi-visible-sr {
  position: absolute;
  width: var(--dt-size-100);
  height: var(--dt-size-100);
  margin: var(--dt-space-100-negative);
  padding: var(--dt-space-0);
  overflow: hidden;
  overflow-wrap: normal;
  border: none;
  -webkit-clip-path: inset(50%);
          clip-path: inset(50%);
}
.d-zi-hide {
  z-index: var(--zi-hide) !important;
}
.d-zi-base {
  z-index: var(--zi-base) !important;
}
.d-zi-base1 {
  z-index: var(--zi-base1) !important;
}
.d-zi-selected {
  z-index: var(--zi-selected) !important;
}
.d-zi-active {
  z-index: var(--zi-active) !important;
}
.d-zi-navigation {
  z-index: var(--zi-navigation) !important;
}
.d-zi-navigation-fixed {
  z-index: var(--zi-navigation-fixed) !important;
}
.d-zi-dropdown {
  z-index: var(--zi-dropdown) !important;
}
.d-zi-popover {
  z-index: var(--zi-popover) !important;
}
.d-zi-tooltip {
  z-index: var(--zi-tooltip) !important;
}
.d-zi-drawer {
  z-index: var(--zi-drawer) !important;
}
.d-zi-modal {
  z-index: var(--zi-modal) !important;
}
.d-zi-modal-element {
  z-index: var(--zi-modal-element) !important;
}
.d-zi-notification {
  z-index: var(--zi-notification) !important;
}
.d-zi-unset {
  z-index: unset !important;
}
.d-h10p {
  height: 10% !important;
}
.d-h20p {
  height: 20% !important;
}
.d-h25p {
  height: 25% !important;
}
.d-h30p {
  height: 30% !important;
}
.d-h40p {
  height: 40% !important;
}
.d-h50p {
  height: 50% !important;
}
.d-h60p {
  height: 60% !important;
}
.d-h70p {
  height: 70% !important;
}
.d-h75p {
  height: 75% !important;
}
.d-h80p {
  height: 80% !important;
}
.d-h90p {
  height: 90% !important;
}
.d-h100p {
  height: 100% !important;
}
.d-hmx10p {
  max-height: 10% !important;
}
.d-hmx20p {
  max-height: 20% !important;
}
.d-hmx25p {
  max-height: 25% !important;
}
.d-hmx30p {
  max-height: 30% !important;
}
.d-hmx40p {
  max-height: 40% !important;
}
.d-hmx50p {
  max-height: 50% !important;
}
.d-hmx60p {
  max-height: 60% !important;
}
.d-hmx70p {
  max-height: 70% !important;
}
.d-hmx75p {
  max-height: 75% !important;
}
.d-hmx80p {
  max-height: 80% !important;
}
.d-hmx90p {
  max-height: 90% !important;
}
.d-hmx100p {
  max-height: 100% !important;
}
.d-hmn10p {
  min-height: 10% !important;
}
.d-hmn20p {
  min-height: 20% !important;
}
.d-hmn25p {
  min-height: 25% !important;
}
.d-hmn30p {
  min-height: 30% !important;
}
.d-hmn40p {
  min-height: 40% !important;
}
.d-hmn50p {
  min-height: 50% !important;
}
.d-hmn60p {
  min-height: 60% !important;
}
.d-hmn70p {
  min-height: 70% !important;
}
.d-hmn75p {
  min-height: 75% !important;
}
.d-hmn80p {
  min-height: 80% !important;
}
.d-hmn90p {
  min-height: 90% !important;
}
.d-hmn100p {
  min-height: 100% !important;
}
.d-h100vh {
  height: 100vh !important;
}
.d-h-auto {
  height: auto !important;
}
.d-h-unset {
  height: unset !important;
}
.d-h-fit-content {
  height: -webkit-fit-content !important;
  height: -moz-fit-content !important;
  height: fit-content !important;
}
.d-h-max-content {
  height: -webkit-max-content !important;
  height: max-content !important;
}
.d-h-min-content {
  height: -webkit-min-content !important;
  height: min-content !important;
}
.d-hmn-auto {
  min-height: auto !important;
}
.d-hmn-unset {
  min-height: unset !important;
}
.d-hmn-fit-content {
  min-height: -webkit-fit-content !important;
  min-height: -moz-fit-content !important;
  min-height: fit-content !important;
}
.d-hmn-max-content {
  min-height: -webkit-max-content !important;
  min-height: max-content !important;
}
.d-hmn-min-content {
  min-height: -webkit-min-content !important;
  min-height: min-content !important;
}
.d-hmx-auto {
  max-height: auto !important;
}
.d-hmx-unset {
  max-height: unset !important;
}
.d-hmx-fit-content {
  max-height: -webkit-fit-content !important;
  max-height: -moz-fit-content !important;
  max-height: fit-content !important;
}
.d-hmx-max-content {
  max-height: -webkit-max-content !important;
  max-height: max-content !important;
}
.d-hmx-min-content {
  max-height: -webkit-min-content !important;
  max-height: min-content !important;
}
.d-w10p {
  width: 10% !important;
}
.d-w20p {
  width: 20% !important;
}
.d-w25p {
  width: 25% !important;
}
.d-w30p {
  width: 30% !important;
}
.d-w40p {
  width: 40% !important;
}
.d-w50p {
  width: 50% !important;
}
.d-w60p {
  width: 60% !important;
}
.d-w70p {
  width: 70% !important;
}
.d-w75p {
  width: 75% !important;
}
.d-w80p {
  width: 80% !important;
}
.d-w90p {
  width: 90% !important;
}
.d-w100p {
  width: 100% !important;
}
.d-wmx10p {
  max-width: 10% !important;
}
.d-wmx20p {
  max-width: 20% !important;
}
.d-wmx25p {
  max-width: 25% !important;
}
.d-wmx30p {
  max-width: 30% !important;
}
.d-wmx40p {
  max-width: 40% !important;
}
.d-wmx50p {
  max-width: 50% !important;
}
.d-wmx60p {
  max-width: 60% !important;
}
.d-wmx70p {
  max-width: 70% !important;
}
.d-wmx75p {
  max-width: 75% !important;
}
.d-wmx80p {
  max-width: 80% !important;
}
.d-wmx90p {
  max-width: 90% !important;
}
.d-wmx100p {
  max-width: 100% !important;
}
.d-wmn10p {
  min-width: 10% !important;
}
.d-wmn20p {
  min-width: 20% !important;
}
.d-wmn25p {
  min-width: 25% !important;
}
.d-wmn30p {
  min-width: 30% !important;
}
.d-wmn40p {
  min-width: 40% !important;
}
.d-wmn50p {
  min-width: 50% !important;
}
.d-wmn60p {
  min-width: 60% !important;
}
.d-wmn70p {
  min-width: 70% !important;
}
.d-wmn75p {
  min-width: 75% !important;
}
.d-wmn80p {
  min-width: 80% !important;
}
.d-wmn90p {
  min-width: 90% !important;
}
.d-wmn100p {
  min-width: 100% !important;
}
.d-w60ch {
  width: 60ch !important;
}
.d-w75ch {
  width: 75ch !important;
}
.d-w90ch {
  width: 90ch !important;
}
.d-w100vw {
  width: 100vw !important;
}
.d-w-auto {
  width: auto !important;
}
.d-w-unset {
  width: unset !important;
}
.d-w-fit-content {
  width: -webkit-fit-content !important;
  width: -moz-fit-content !important;
  width: fit-content !important;
}
.d-w-max-content {
  width: -webkit-max-content !important;
  width: max-content !important;
}
.d-w-min-content {
  width: -webkit-min-content !important;
  width: min-content !important;
}
.d-wmn60ch {
  min-width: 60ch !important;
}
.d-wmn75ch {
  min-width: 75ch !important;
}
.d-wmn90ch {
  min-width: 90ch !important;
}
.d-wmn-fit-content {
  min-width: -webkit-fit-content !important;
  min-width: -moz-fit-content !important;
  min-width: fit-content !important;
}
.d-wmn-max-content {
  min-width: -webkit-max-content !important;
  min-width: max-content !important;
}
.d-wmn-min-content {
  min-width: -webkit-min-content !important;
  min-width: min-content !important;
}
.d-wmn-auto {
  min-width: auto !important;
}
.d-wmn-unset {
  min-width: unset !important;
}
.d-wmx60ch {
  max-width: 60ch !important;
}
.d-wmx75ch {
  max-width: 75ch !important;
}
.d-wmx90ch {
  max-width: 90ch !important;
}
.d-wmx-auto {
  max-width: auto !important;
}
.d-wmx-unset {
  max-width: unset !important;
}
.d-wmx-fit-content {
  max-width: -webkit-fit-content !important;
  max-width: -moz-fit-content !important;
  max-width: fit-content !important;
}
.d-wmx-max-content {
  max-width: -webkit-max-content !important;
  max-width: max-content !important;
}
.d-wmx-min-content {
  max-width: -webkit-min-content !important;
  max-width: min-content !important;
}
.d-stack0 > * + * {
  margin-top: 0 !important;
}
.d-stack1 > * + * {
  margin-top: var(--dt-space-100) !important;
}
.d-stack2 > * + * {
  margin-top: var(--dt-space-200) !important;
}
.d-stack4 > * + * {
  margin-top: var(--dt-space-300) !important;
}
.d-stack6 > * + * {
  margin-top: var(--dt-space-350) !important;
}
.d-stack8 > * + * {
  margin-top: var(--dt-space-400) !important;
}
.d-stack12 > * + * {
  margin-top: var(--dt-space-450) !important;
}
.d-stack16 > * + * {
  margin-top: var(--dt-space-500) !important;
}
.d-stack20 > * + * {
  margin-top: var(--dt-space-525) !important;
}
.d-stack24 > * + * {
  margin-top: var(--dt-space-550) !important;
}
.d-stack32 > * + * {
  margin-top: var(--dt-space-600) !important;
}
.d-stack48 > * + * {
  margin-top: var(--dt-space-650) !important;
}
.d-stack64 > * + * {
  margin-top: var(--dt-space-700) !important;
}
.d-stack72 > * + * {
  margin-top: var(--dt-space-720) !important;
}
.d-stack84 > * + * {
  margin-top: var(--dt-space-730) !important;
}
.d-stack96 > * + * {
  margin-top: var(--dt-space-750) !important;
}
.d-stack102 > * + * {
  margin-top: var(--dt-space-760) !important;
}
.d-stack114 > * + * {
  margin-top: var(--dt-space-775) !important;
}
.d-stack128 > * + * {
  margin-top: var(--dt-space-800) !important;
}
.d-flow0 > * + * {
  margin-left: 0 !important;
}
.d-flow1 > * + * {
  margin-left: var(--dt-space-100) !important;
}
.d-flow2 > * + * {
  margin-left: var(--dt-space-200) !important;
}
.d-flow4 > * + * {
  margin-left: var(--dt-space-300) !important;
}
.d-flow6 > * + * {
  margin-left: var(--dt-space-350) !important;
}
.d-flow8 > * + * {
  margin-left: var(--dt-space-400) !important;
}
.d-flow12 > * + * {
  margin-left: var(--dt-space-450) !important;
}
.d-flow16 > * + * {
  margin-left: var(--dt-space-500) !important;
}
.d-flow20 > * + * {
  margin-left: var(--dt-space-525) !important;
}
.d-flow24 > * + * {
  margin-left: var(--dt-space-550) !important;
}
.d-flow32 > * + * {
  margin-left: var(--dt-space-600) !important;
}
.d-flow48 > * + * {
  margin-left: var(--dt-space-650) !important;
}
.d-flow64 > * + * {
  margin-left: var(--dt-space-700) !important;
}
.d-flow72 > * + * {
  margin-left: var(--dt-space-720) !important;
}
.d-flow84 > * + * {
  margin-left: var(--dt-space-730) !important;
}
.d-flow96 > * + * {
  margin-left: var(--dt-space-750) !important;
}
.d-flow102 > * + * {
  margin-left: var(--dt-space-760) !important;
}
.d-flow114 > * + * {
  margin-left: var(--dt-space-775) !important;
}
.d-flow128 > * + * {
  margin-left: var(--dt-space-800) !important;
}
.d-m-auto {
  margin: auto !important;
}
.d-m-unset {
  margin: unset !important;
}
.d-mt-auto {
  margin-top: auto !important;
}
.d-mt-unset {
  margin-top: unset !important;
}
.d-mr-auto {
  margin-right: auto !important;
}
.d-mr-unset {
  margin-right: unset !important;
}
.d-mb-auto {
  margin-bottom: auto !important;
}
.d-mb-unset {
  margin-bottom: unset !important;
}
.d-ml-auto {
  margin-left: auto !important;
}
.d-ml-unset {
  margin-left: unset !important;
}
.d-mx-auto {
  margin-right: auto !important;
  margin-left: auto !important;
}
.d-mx-unset {
  margin-right: unset !important;
  margin-left: unset !important;
}
.d-my-auto {
  margin-top: auto !important;
  margin-bottom: auto !important;
}
.d-my-unset {
  margin-top: unset !important;
  margin-bottom: unset !important;
}
.d-p-unset {
  padding: unset !important;
}
.d-pt-unset {
  padding-top: unset !important;
}
.d-pr-unset {
  padding-right: unset !important;
}
.d-pb-unset {
  padding-bottom: unset !important;
}
.d-pl-unset {
  padding-left: unset !important;
}
.d-px-unset {
  padding-right: unset !important;
  padding-left: unset !important;
}
.d-py-unset {
  padding-top: unset !important;
  padding-bottom: unset !important;
}
.d-cg-unset {
  -webkit-column-gap: unset !important;
     -moz-column-gap: unset !important;
          column-gap: unset !important;
}
.d-rg-unset {
  row-gap: unset !important;
}
.d-g-unset {
  gap: unset !important;
}
.d-ff-custom {
  font-family: var(--dt-font-family-body) !important;
}
.d-ff-sans {
  font-family: var(--dt-font-family-body) !important;
}
.d-ff-mono {
  font-family: var(--dt-font-family-mono) !important;
}
.d-ff-marketing {
  font-family: var(--dt-font-family-expressive) !important;
}
.d-ff-unset {
  font-family: unset !important;
}
h1,
h2,
h3,
h4,
h5,
h6,
p,
ol,
ul {
  margin-top: 0;
  margin-bottom: 0;
}
.d-headline--eyebrow,
.d-headline-eyebrow {
  font: var(--dt-typography-headline-eyebrow);
  text-transform: var(--dt-typography-headline-eyebrow-text-case);
}
.d-headline--sm,
.d-headline-small {
  font: var(--dt-typography-headline-sm);
}
.d-headline--sm-soft,
.d-headline-soft-small {
  font: var(--dt-typography-headline-sm-soft);
}
.d-headline--md,
.d-headline-medium {
  font: var(--dt-typography-headline-md);
}
.d-headline--sm-compact,
.d-headline-compact-small {
  font: var(--dt-typography-headline-sm-compact);
}
.d-headline--sm-soft-compact,
.d-headline-compact-soft-small {
  font: var(--dt-typography-headline-sm-soft-compact);
}
.d-headline--md-compact,
.d-headline-compact-medium {
  font: var(--dt-typography-headline-md-compact);
}
.d-headline--lg,
.d-headline-large {
  font: var(--dt-typography-headline-lg);
}
.d-headline--lg-soft {
  font: var(--dt-typography-headline-lg-soft);
}
.d-headline--lg-compact,
.d-headline-compact-large {
  font: var(--dt-typography-headline-lg-compact);
}
.d-headline--lg-soft-compact {
  font: var(--dt-typography-headline-lg-soft-compact);
}
.d-headline--xl,
.d-headline-extra-large {
  font: var(--dt-typography-headline-xl);
}
.d-headline--xl-compact {
  font: var(--dt-typography-headline-xl-compact);
}
.d-headline--xxl,
.d-headline-extra-extra-large {
  font: var(--dt-typography-headline-xxl);
}
.d-headline--xxl-compact {
  font: var(--dt-typography-headline-xxl-compact);
}
.d-body--md,
.d-body-base {
  font: var(--dt-typography-body-md);
}
.d-body--sm,
.d-body-small {
  font: var(--dt-typography-body-sm);
}
.d-body--md-compact,
.d-body-compact {
  font: var(--dt-typography-body-md-compact);
}
.d-body--sm-compact,
.d-body-compact-small {
  font: var(--dt-typography-body-sm-compact);
}
.d-label--md,
.d-label-base {
  font: var(--dt-typography-label-md);
}
.d-label--sm,
.d-label-small {
  font: var(--dt-typography-label-sm);
}
.d-label--md-compact,
.d-label-compact {
  font: var(--dt-typography-label-md-compact);
}
.d-label--md-plain,
.d-label-plain {
  font: var(--dt-typography-label-md-plain);
}
.d-label--md-plain-compact,
.d-label-compact-plain {
  font: var(--dt-typography-label-md-plain-compact);
}
.d-label--sm-compact,
.d-label-compact-small {
  font: var(--dt-typography-label-sm-compact);
}
.d-label--sm-plain,
.d-label-plain-small {
  font: var(--dt-typography-label-sm-plain);
}
.d-label--sm-plain-compact,
.d-label-compact-plain-small {
  font: var(--dt-typography-label-sm-plain-compact);
}
.d-helper--md,
.d-helper-base {
  font: var(--dt-typography-helper-md);
}
.d-helper--sm,
.d-helper-small {
  font: var(--dt-typography-helper-sm);
}
.d-code--md,
.d-code-base {
  font: var(--dt-typography-code-md);
}
.d-code--sm,
.d-code-small {
  font: var(--dt-typography-code-sm);
}
.d-fs-100 {
  font-size: var(--dt-font-size-100) !important;
}
.d-fs-200 {
  font-size: var(--dt-font-size-200) !important;
}
.d-fs-300 {
  font-size: var(--dt-font-size-300) !important;
}
.d-fs-400 {
  font-size: var(--dt-font-size-400) !important;
}
.d-fs-500 {
  font-size: var(--dt-font-size-500) !important;
}
.d-fs-100-mobile {
  font-size: var(--dt-font-size-100-mobile) !important;
}
.d-fs-200-mobile {
  font-size: var(--dt-font-size-200-mobile) !important;
}
.d-fs-300-mobile {
  font-size: var(--dt-font-size-300-mobile) !important;
}
.d-fs-400-mobile {
  font-size: var(--dt-font-size-400-mobile) !important;
}
.d-fs-500-mobile {
  font-size: var(--dt-font-size-500-mobile) !important;
}
.d-fs-100-tc8 {
  font-size: var(--dt-font-size-100-tc8) !important;
}
.d-fs-200-tc8 {
  font-size: var(--dt-font-size-200-tc8) !important;
}
.d-fs-300-tc8 {
  font-size: var(--dt-font-size-300-tc8) !important;
}
.d-fs-400-tc8 {
  font-size: var(--dt-font-size-400-tc8) !important;
}
.d-fs-500-tc8 {
  font-size: var(--dt-font-size-500-tc8) !important;
}
.d-fs-100-tv {
  font-size: var(--dt-font-size-100-tv) !important;
}
.d-fs-200-tv {
  font-size: var(--dt-font-size-200-tv) !important;
}
.d-fs-300-tv {
  font-size: var(--dt-font-size-300-tv) !important;
}
.d-fs-400-tv {
  font-size: var(--dt-font-size-400-tv) !important;
}
.d-fs-500-tv {
  font-size: var(--dt-font-size-500-tv) !important;
}
.d-headline10 {
  font: var(--dt-typography-headline-eyebrow);
  text-transform: var(--dt-typography-headline-eyebrow-text-case);
}
.d-headline24 {
  font: var(--dt-typography-headline-lg);
}
.d-headline28 {
  font: var(--dt-typography-headline-xl);
}
.d-headline32 {
  font: var(--dt-typography-headline-xl);
}
.d-headline36 {
  font: var(--dt-typography-headline-xl);
}
.d-headline42 {
  font: var(--dt-typography-headline-xxl);
}
.d-headline48 {
  font: var(--dt-typography-headline-xxl);
}
.d-headline54 {
  font: var(--dt-typography-headline-xxl);
}
.d-fs-normal {
  font-style: normal !important;
}
.d-fs-italic {
  font-style: italic !important;
}
.d-fs-unset {
  font-style: unset !important;
}
.d-fw-normal {
  font-weight: var(--dt-font-weight-normal) !important;
}
.d-fw-medium {
  font-weight: var(--dt-font-weight-medium) !important;
}
.d-fw-semibold {
  font-weight: var(--dt-font-weight-semi-bold) !important;
}
.d-fw-bold {
  font-weight: var(--dt-font-weight-bold) !important;
}
.d-fw-unset {
  font-weight: unset !important;
}
.d-lh0 {
  line-height: var(--lh0) !important;
}
.d-lh1 {
  line-height: var(--lh1) !important;
}
.d-lh2 {
  line-height: var(--lh2) !important;
}
.d-lh4 {
  line-height: var(--lh4) !important;
}
.d-lh6 {
  line-height: var(--lh6) !important;
}
.d-lh8 {
  line-height: var(--lh8) !important;
}
.d-lh12 {
  line-height: var(--lh12) !important;
}
.d-lh16 {
  line-height: var(--lh16) !important;
}
.d-lh20 {
  line-height: var(--lh20) !important;
}
.d-lh24 {
  line-height: var(--lh24) !important;
}
.d-lh-100 {
  line-height: var(--dt-font-line-height-100) !important;
}
.d-lh-200 {
  line-height: var(--dt-font-line-height-200) !important;
}
.d-lh-300 {
  line-height: var(--dt-font-line-height-300) !important;
}
.d-lh-400 {
  line-height: var(--dt-font-line-height-400) !important;
}
.d-lh-500 {
  line-height: var(--dt-font-line-height-500) !important;
}
.d-lh-600 {
  line-height: var(--dt-font-line-height-600) !important;
}
.d-lh-unset {
  line-height: unset !important;
}
.d-ls-reset,
.d-ls-reset li,
.d-ls-reset ol,
.d-ls-reset ul {
  margin: 0;
  padding: 0;
  list-style: none !important;
}
.d-ls-none {
  list-style: none !important;
}
.d-lst-disc {
  list-style-type: disc !important;
}
.d-lst-circle {
  list-style-type: circle !important;
}
.d-lst-content {
  list-style-type: var(--ls-content) !important;
}
.d-lst-decimal {
  list-style-type: decimal !important;
}
.d-lst-none {
  list-style-type: none !important;
}
.d-ta-left {
  text-align: left !important;
}
.d-ta-right {
  text-align: right !important;
}
.d-ta-center {
  text-align: center !important;
}
.d-ta-justify {
  text-align: justify !important;
}
.d-ta-unset {
  text-align: unset !important;
}
.d-td-none, .h\:d-td-none:hover, .f\:d-td-none:focus, .f\:d-td-none:focus-within, .fv\:d-td-none:focus-visible {
  text-decoration: none !important;
}
.d-td-underline, .h\:d-td-underline:hover, .f\:d-td-underline:focus, .f\:d-td-underline:focus-within, .fv\:d-td-underline:focus-visible {
  text-decoration: underline !important;
  text-underline-offset: calc(var(--dt-size-border-300) - var(--dt-size-border-100)) !important;
  text-decoration-thickness: var(--dt-size-border-50) !important;
}
.d-td-dotted, .h\:d-td-dotted:hover, .f\:d-td-dotted:focus, .f\:d-td-dotted:focus-within, .fv\:d-td-dotted:focus-visible {
  -webkit-text-decoration: underline dotted !important;
          text-decoration: underline dotted !important;
  text-underline-offset: calc(var(--dt-size-border-300) - var(--dt-size-border-100)) !important;
  text-decoration-thickness: var(--dt-size-border-100) !important;
}
.d-td-line-through, .h\:d-td-line-through:hover, .f\:d-td-line-through:focus, .f\:d-td-line-through:focus-within, .fv\:d-td-line-through:focus-visible {
  text-decoration: line-through !important;
  text-decoration-thickness: var(--dt-size-border-100) !important;
}
.d-td-unset, .h\:d-td-unset:hover, .f\:d-td-unset:focus, .f\:d-td-unset:focus-within, .fv\:d-td-unset:focus-visible {
  text-decoration: unset !important;
}
.d-to-ellipsis {
  text-overflow: ellipsis !important;
}
.d-to-clip {
  text-overflow: clip !important;
}
.d-to-unset {
  text-overflow: unset !important;
}
[class*="d-lc-"] {
  --lc-lines: initial;
  display: -webkit-box !important;
  overflow: hidden !important;
  -webkit-box-orient: vertical !important;
  -webkit-line-clamp: var(--lc-lines) !important;
}
.d-lc-1 {
  --lc-lines: 1;
}
.d-lc-2 {
  --lc-lines: 2;
}
.d-lc-3 {
  --lc-lines: 3;
}
.d-lc-4 {
  --lc-lines: 4;
}
.d-lc-5 {
  --lc-lines: 5;
}
.d-lc-6 {
  --lc-lines: 6;
}
.d-lc-7 {
  --lc-lines: 7;
}
.d-lc-8 {
  --lc-lines: 8;
}
.d-lc-9 {
  --lc-lines: 9;
}
.d-lc-none,
.d-lc-unset {
  display: initial !important;
  overflow: initial !important;
  -webkit-line-clamp: initial !important;
}
.d-ow-normal {
  overflow-wrap: normal !important;
}
.d-ow-anywhere {
  overflow-wrap: anywhere !important;
}
.d-ow-break-word {
  overflow-wrap: break-word !important;
}
.d-ow-unset {
  overflow-wrap: unset !important;
}
.d-tt-uppercase {
  text-transform: uppercase !important;
}
.d-tt-lowercase {
  text-transform: lowercase !important;
}
.d-tt-capitalize {
  text-transform: capitalize !important;
}
.d-tt-full-width {
  text-transform: full-width !important;
}
.d-tt-none {
  text-transform: none !important;
}
.d-tt-unset {
  text-transform: unset !important;
}
.d-va-baseline {
  vertical-align: baseline !important;
}
.d-va-top {
  vertical-align: top !important;
}
.d-va-bottom {
  vertical-align: bottom !important;
}
.d-va-text-top {
  vertical-align: text-top !important;
}
.d-va-text-bottom {
  vertical-align: text-bottom !important;
}
.d-va-middle {
  vertical-align: middle !important;
}
.d-va-sub {
  vertical-align: sub !important;
}
.d-va-super {
  vertical-align: super !important;
}
.d-va-unset {
  vertical-align: unset !important;
}
.d-ws-normal {
  white-space: normal !important;
}
.d-ws-nowrap {
  white-space: nowrap !important;
}
.d-ws-pre {
  white-space: pre !important;
}
.d-ws-pre-line {
  white-space: pre-line !important;
}
.d-ws-pre-wrap {
  white-space: pre-wrap !important;
}
.d-ws-break-spaces {
  white-space: break-spaces !important;
}
.d-ws-unset {
  white-space: unset !important;
}
.d-wb-normal {
  word-break: normal !important;
}
.d-wb-break-all {
  word-break: break-all !important;
}
.d-wb-break-word {
  overflow-wrap: break-word !important;
}
.d-wb-keep-all {
  word-break: keep-all !important;
}
.d-wb-unset {
  word-break: unset !important;
}
.d-ww-normal {
  overflow-wrap: normal !important;
}
.d-ww-break-word {
  overflow-wrap: break-word !important;
}
.d-ww-anywhere {
  overflow-wrap: anywhere !important;
}
.d-ww-initial {
  overflow-wrap: initial !important;
}
.d-ww-inherit {
  overflow-wrap: inherit !important;
}
.d-truncate {
  overflow: hidden !important;
  white-space: nowrap !important;
  text-overflow: ellipsis !important;
}
.d-fvn-normal {
  font-variant-numeric: normal !important;
}
.d-fvn-ordinal {
  font-variant-numeric: ordinal !important;
}
.d-fvn-slashed-zero {
  font-variant-numeric: slashed-zero !important;
}
.d-fvn-lining {
  font-variant-numeric: lining-nums !important;
}
.d-fvn-proportional {
  font-variant-numeric: proportional-nums !important;
}
.d-fvn-tabular {
  font-variant-numeric: tabular-nums !important;
}
.d-fvn-diagonal {
  font-variant-numeric: diagonal-fractions !important;
}
.d-fvn-stacked {
  font-variant-numeric: stacked-fractions !important;
}
.d-fvn-unset {
  font-variant-numeric: unset !important;
}
.d-recipe-attachment-carousel {
  position: relative;
  width: var(--dt-space-1000);
  max-height: 100px;
  /* stylelint-disable-line meowtec/no-px */
}
.d-recipe-attachment-carousel__media-list {
  display: flex;
  flex-direction: row;
  padding-left: 0;
  overflow-x: scroll;
}
.d-recipe-attachment-carousel__media-list::-webkit-scrollbar {
  display: none;
}
.d-recipe-attachment-carousel__arrow {
  position: absolute;
  top: var(--dt-space-30-percent);
  background-color: var(--dt-color-neutral-white);
  border: var(--dt-space-100) solid;
  border-color: var(--bc-default);
  border-width: var(--dt-size-100);
  opacity: 0;
}
.d-recipe-attachment-carousel:hover .d-recipe-attachment-carousel__arrow {
  opacity: 1;
}
.d-recipe-attachment-carousel__arrow--left {
  left: var(--dt-space-300);
}
.d-recipe-attachment-carousel__arrow--right {
  right: var(--dt-space-300);
}
.d-recipe-attachment-carousel__image {
  position: relative;
}
.d-recipe-attachment-carousel__image-close-button {
  position: absolute;
  top: inherit;
  right: inherit;
  color: var(--dt-color-neutral-white);
  background-color: var(--dt-color-black-400);
  border: var(--dt-space-100) solid;
  border-color: var(--dt-color-neutral-white);
  border-width: var(--dt-size-200);
  opacity: 0;
}
.d-recipe-attachment-carousel__image:focus-within .d-recipe-attachment-carousel__image-close-button,
.d-recipe-attachment-carousel__image:hover .d-recipe-attachment-carousel__image-close-button {
  opacity: 1;
}
.d-recipe-attachment-carousel__image-viewer {
  width: var(--dt-size-700);
  height: var(--dt-size-700);
  -o-object-fit: cover;
     object-fit: cover;
  border: var(--dt-space-100) solid;
  border-color: var(--dt-color-border-subtle);
  border-width: var(--dt-size-350);
  border-radius: var(--br4);
}
.d-recipe-attachment-carousel__image-top-right {
  position: absolute;
  top: var(--dt-size-100);
  right: var(--dt-size-100);
}
.d-recipe-attachment-carousel__image-progress-bar {
  position: absolute;
  top: inherit;
  right: inherit;
  display: flex;
  background-color: var(--dt-color-neutral-white);
  border: var(--dt-space-100) solid;
  border-color: var(--dt-color-border-subtle);
  border-width: var(--dt-size-200);
  border-radius: 50%;
  -webkit-transform: rotate(-90deg);
          transform: rotate(-90deg);
}
.d-recipe-attachment-carousel__progress-bar {
  width: var(--dt-size-550);
  height: var(--dt-size-550);
}
.d-recipe-attachment-carousel__progress-bar-circle {
  fill: none;
  stroke-width: 2;
  stroke-dasharray: var(--stroke-dasharray);
}
.d-recipe-attachment-carousel__progress-bar-circle:nth-child(1) {
  stroke: var(--dt-color-black-100);
  stroke-dashoffset: 0;
}
.d-recipe-attachment-carousel__progress-bar-circle:nth-child(2) {
  transition: stroke-dashoffset 500ms linear;
  stroke: var(--dt-color-purple-500);
  stroke-dashoffset: var(--stroke-dashoffset);
}
.d-recipe-callbar-button {
  padding-right: var(--dt-space-0);
  padding-left: var(--dt-space-0);
  color: var(--dt-color-foreground-primary);
}
.d-recipe-callbar-button:not(.d-recipe-callbar-button--circle) {
  line-height: var(--dt-font-line-height-300);
}
.d-recipe-callbar-button.d-btn--disabled {
  background-color: unset;
  opacity: var(--dt-opacity-700);
}
.d-recipe-callbar-button__text {
  font-size: var(--dt-font-size-100);
}
@media (max-width: 980px) {
  .d-recipe-callbar-button__text {
    display: none;
  }
}
.d-recipe-callbar-button--active .base-button__icon,
.d-recipe-callbar-button--active:hover .base-button__icon {
  color: var(--dt-shell-mention-color-surface-primary);
}
.d-recipe-callbar-button--disabled {
  cursor: not-allowed;
}
.d-recipe-callbar-button--circle {
  border-radius: var(--dt-size-radius-circle);
}
.d-recipe-callbar-button--circle.d-btn[disabled] {
  border-color: unset;
}
.d-recipe-callbar-button-with-popover {
  display: flex;
  align-items: flex-start;
}
.d-recipe-callbar-button-with-popover__arrow {
  width: var(--dt-size-500);
  height: var(--dt-size-500);
  margin-top: var(--dt-space-450);
  margin-left: calc(var(--dt-space-300-negative) * 5);
  padding: var(--dt-space-400);
  border-radius: var(--dt-size-300);
}
.d-recipe-callbar-button-with-popover__arrow .d-btn--active {
  background: var(--dt-color-surface-moderate-opaque);
}
.d-recipe-callbar-button-with-popover__arrow--large {
  margin-left: var(--dt-space-550-negative);
}
.d-recipe-callbar-button-with-popover__arrow-icon {
  color: var(--dt-color-black-800);
}
.d-recipe-callbar-button-with-popover__popover .d-popover__header {
  color: var(--dt-color-foreground-primary-inverted);
  background: var(--dt-color-surface-contrast);
}
.d-recipe-callbar-button-with-popover__popover .d-popover__header .d-btn {
  color: var(--dt-color-foreground-primary-inverted);
}
.d-recipe-callbar-button-with-popover__popover .d-popover__header__content {
  display: flex;
  align-items: center;
  padding-right: var(--dt-space-450);
  padding-left: var(--dt-space-450);
  font-weight: normal;
}
.d-recipe-callbar-button-with-popover__button.d-tab--selected::after,
.d-recipe-callbar-button-with-popover__button.d-tab--selected:hover::after {
  --tab--bgc: var(--dt-color-surface-contrast);
}
.d-recipe-callbar-button-with-popover__button.tab-group {
  display: flex;
  flex-direction: column;
  height: 100%;
}
.d-recipe-callbar-button-with-popover__button.tab-content {
  flex: 1 1 100%;
  overflow-y: auto;
}
.dt-recipe--callbar-button-with-dropdown--arrow {
  width: var(--dt-size-500);
  height: var(--dt-size-500);
  margin-top: var(--dt-space-450);
  margin-left: calc(var(--dt-space-300-negative) * 5);
  padding: var(--dt-space-400);
  border-radius: var(--dt-size-300);
}
.dt-recipe--callbar-button-with-dropdown--arrow.d-btn--active {
  background: var(--dt-color-surface-moderate-opaque);
}
.dt-recipe--callbar-button-with-dropdown--arrow--large {
  margin-left: var(--dt-space-550-negative);
}
.dt-recipe--callbar-button-with-dropdown--arrow__icon {
  color: var(--dt-color-black-800);
}
.dt-recipe--callbar-button-with-dropdown--dropdown .d-popover__header {
  color: var(--dt-color-foreground-primary-inverted);
  background: var(--dt-color-surface-contrast);
}
.dt-recipe--callbar-button-with-dropdown--dropdown .d-popover__header .d-btn {
  color: var(--dt-color-foreground-primary-inverted);
}
.dt-recipe--callbar-button-with-dropdown--button .d-tab--selected::after,
.dt-recipe--callbar-button-with-dropdown--button .d-tab--selected:hover::after {
  --tab--bgc: var(--dt-color-surface-contrast);
}
.dt-recipe--callbar-button-with-dropdown--button .tab-group {
  display: flex;
  flex-direction: column;
  height: 100%;
}
.dt-recipe--callbar-button-with-dropdown--button .tab-content {
  flex: 1 1 100%;
  overflow-y: auto;
}
.dt-recipe--callbar-button-with-dropdown {
  display: flex;
  align-items: flex-start;
}
.d-recipe-callbox {
  padding: 0;
  color: var(--dt-shell-color-foreground-primary);
  background-color: var(--dt-color-surface-primary);
  border-radius: var(--dt-size-radius-400);
}
.d-recipe-callbox__video {
  display: flex;
  overflow: clip;
  border-radius: var(--dt-size-radius-400) var(--dt-size-radius-400) 0 0;
}
.d-recipe-callbox__main-content {
  align-items: stretch;
  padding: 0;
  border: var(--dt-size-border-100) solid transparent;
  border-radius: var(--dt-size-radius-400);
}
.d-recipe-callbox__video + .d-recipe-callbox__main-content {
  border-start-start-radius: 0;
  border-start-end-radius: 0;
  border-block-start-width: 0;
}
.d-recipe-callbox__main-content.d-recipe-callbox__border-default {
  border-color: var(--dt-shell-color-border-default);
}
.d-recipe-callbox__main-content.d-recipe-callbox__border-ai {
  background: linear-gradient(var(--dt-color-surface-primary), var(--dt-color-surface-primary)) padding-box, linear-gradient(135deg, var(--dt-color-border-accent), var(--dt-color-border-brand)) border-box;
}
.d-recipe-callbox__main-content.d-recipe-callbox__border-critical {
  background: radial-gradient(var(--dt-color-surface-primary), var(--dt-color-surface-primary)) padding-box, radial-gradient(circle, var(--dt-color-border-critical-strong), var(--dt-color-border-critical)) border-box;
}
.d-recipe-callbox__avatar {
  -webkit-margin-start: var(--dt-space-200);
          margin-inline-start: var(--dt-space-200);
}
.d-recipe-callbox__main-content-top {
  display: flex;
  gap: var(--dt-space-350);
  align-items: center;
  padding: var(--dt-space-400) var(--dt-space-350) var(--dt-space-350) var(--dt-space-400);
}
.d-recipe-callbox__main-content-bottom {
  border-top: var(--dt-size-border-100) solid var(--dt-color-border-subtle);
}
.d-recipe-callbox__content {
  display: flex;
  flex: 1 0 auto;
  flex-direction: column;
  gap: var(--dt-space-300);
  min-width: 0;
  -webkit-padding-start: var(--dt-space-200);
          padding-inline-start: var(--dt-space-200);
}
.d-recipe-callbox__content-title {
  width: 0;
  min-width: 100%;
  padding: 0;
  overflow: clip;
  color: var(--dt-shell-color-foreground-strong);
  font: var(--dt-typography-headline-md);
  line-height: var(--dt-font-line-height-100);
  white-space: nowrap;
  text-align: left;
  text-overflow: ellipsis;
  background-color: var(--dt-color-surface-primary);
  border: none;
}
.d-recipe-callbox__content-badge {
  line-height: normal;
}
.d-recipe-callbox__content-subtitle {
  width: 0;
  min-width: 100%;
  padding: 0;
  overflow: hidden;
  color: var(--dt-shell-color-foreground-tertiary);
  font: var(--dt-typography-body-sm-compact);
}
.d-recipe-callbox__right {
  display: flex;
  justify-content: right;
}
.d-recipe-callbox--clickable .d-recipe-callbox__content-title {
  border-radius: var(--dt-size-100);
  cursor: pointer;
  -webkit-user-select: none;
      -ms-user-select: none;
          user-select: none;
}
.d-recipe-callbox--clickable .d-recipe-callbox__content-title:focus-visible {
  outline: none;
  box-shadow: var(--dt-shadow-focus);
}
.d-recipe-callbox--clickable .d-recipe-callbox__content-title:hover,
.d-recipe-callbox--clickable .d-recipe-callbox__content-title:active {
  color: var(--dt-color-link-primary-hover);
  text-decoration: underline;
}
.d-recipe-callbox__badge--warning {
  background-color: var(--dt-color-surface-warning);
}
.d-recipe-combobox-multi-select__chip {
  z-index: var(--zi-base1);
  max-width: var(--dt-size-100-percent);
  margin-top: var(--dt-space-300);
  margin-right: var(--dt-space-200);
  margin-left: var(--dt-space-200);
}
.d-recipe-combobox-multi-select__chip-wrapper {
  position: absolute;
  max-width: calc(var(--dt-size-100-percent) - var(--dt-space-400));
  max-height: initial;
  margin-right: var(--dt-space-200);
  margin-left: var(--dt-space-200);
  padding-left: var(--dt-space-100);
  overflow-y: visible;
}
.d-recipe-combobox-multi-select__chip-wrapper-md--collapsed {
  max-height: 2.8rem;
  overflow-y: hidden;
}
.d-recipe-combobox-multi-select__chip-wrapper-sm--collapsed,
.d-recipe-combobox-multi-select__chip-wrapper-xs--collapsed {
  max-height: 2.5rem;
  overflow-y: hidden;
}
.d-recipe-combobox-multi-select__chip--truncate {
  white-space: nowrap;
  text-overflow: ellipsis;
}
.d-recipe-combobox-multi-select__input {
  flex-grow: 1;
}
.d-recipe-combobox-multi-select__input--hidden {
  color: transparent;
}
.d-recipe-combobox-multi-select__input-wrapper {
  position: relative;
  display: block;
}
.d-recipe-combobox-multi-select__list .d-list-item__content {
  min-height: calc(var(--dt-size-550) + var(--dt-size-300));
}
.d-recipe-combobox-multi-select__list--loading {
  padding-top: var(--dt-space-500);
  padding-bottom: var(--dt-space-500);
  text-align: center;
}
.d-recipe-combobox-with-popover__list .d-list-item__content {
  min-height: calc(var(--dt-size-550) + var(--dt-size-300));
}
.d-recipe-contact-info {
  --contact-info-avatar-border-color: var(--dt-color-surface-primary);
  padding: var(--dt-space-300) var(--dt-space-400);
  -webkit-column-gap: var(--dt-space-400);
     -moz-column-gap: var(--dt-space-400);
          column-gap: var(--dt-space-400);
}
.d-recipe-contact-info__left {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: flex-start;
  min-width: var(--dt-space-650);
  height: var(--dt-size-100-percent);
  background-color: transparent;
  background-image: none;
  border-width: 0;
  cursor: pointer;
}
.d-recipe-contact-info__content {
  align-content: center;
  line-height: var(--dt-font-line-height-300);
}
.d-recipe-contact-info__subtitle {
  margin-top: var(--dt-space-200-negative);
  color: var(--dt-color-foreground-tertiary);
  font-size: var(--dt-font-size-100);
}
.d-recipe-contact-info__bottom {
  margin-top: var(--dt-space-200);
}
.d-recipe-contact-info__right {
  display: grid;
  align-content: center;
  min-width: 0;
}
.d-recipe-contact-info__avatars {
  display: flex;
  flex-direction: row;
  margin-right: var(--dt-space-300-negative);
}
.d-recipe-contact-info__avatars .d-avatar {
  box-sizing: unset;
  border: var(--dt-size-300) solid var(--contact-info-avatar-border-color);
  border-radius: var(--dt-size-radius-pill);
}
.d-recipe-contact-info__avatars .d-avatar.d-recipe-contact-info__avatar-stacked {
  margin-left: var(--dt-space-550-negative);
}
.d-recipe-contact-info__avatars .d-avatar.d-recipe-contact-info__avatar-halo {
  border-color: var(--dt-color-border-brand);
}
.d-recipe-editor {
  display: flex;
  flex-direction: column;
}
.d-recipe-editor__top-bar {
  padding: var(--dt-space-400);
  background-color: var(--dt-color-surface-secondary);
}
.d-recipe-editor__button-group-divider {
  width: var(--dt-size-100);
  height: calc(var(--dt-size-550) + var(--dt-size-300));
  margin-left: var(--dt-space-400);
  background: var(--dt-color-border-subtle);
}
.d-recipe-editor-link__input-wrapper {
  margin-top: var(--dt-space-350);
  padding-top: var(--dt-space-200);
  padding-bottom: var(--dt-space-200);
  background-color: var(--dt-color-surface-secondary);
  border: var(--dt-size-border-100) solid var(--dt-color-border-default);
  outline: none;
  box-shadow: none !important;
}
.d-recipe-editor__popover-content {
  padding: var(--dt-space-500);
}
.d-recipe-editor__popover-footer {
  padding-right: var(--dt-space-450);
  padding-left: var(--dt-space-550);
}
.d-recipe-editor__content {
  margin: var(--dt-space-400) var(--dt-space-500) var(--dt-space-500);
  overflow: auto;
  cursor: text;
}
.d-recipe-editor__content-input {
  margin-top: var(--dt-space-350);
  margin-bottom: var(--dt-space-350);
  margin-left: var(--dt-space-500);
}
.d-recipe-editor__link {
  display: inline-block;
  cursor: text;
}
.d-recipe-emoji-row {
  display: flex;
  flex-wrap: wrap;
  gap: var(--dt-space-300);
}
.d-recipe-emoji-row__tooltip {
  display: inline-block;
}
.d-recipe-emoji-row__tooltip-content {
  max-inline-size: var(--dt-size-875);
}
.d-recipe-emoji-row__tooltip-emoji {
  display: inline-block;
  padding: var(--dt-space-300);
  background-color: var(--dt-color-neutral-white);
  border-radius: var(--dt-size-radius-300);
  margin-block: var(--dt-space-300) var(--dt-space-350);
}
.d-recipe-emoji-row__tooltip-emoji .d-emoji {
  height: var(--icon-size);
}
.d-recipe-emoji-row__tooltip-names {
  display: inline-block;
  font-weight: var(--dt-font-weight-semi-bold);
}
.d-recipe-emoji-row__tooltip-label {
  color: var(--dt-color-foreground-secondary-inverted);
  font-weight: var(--dt-font-weight-medium);
}
.d-recipe-emoji-row__reaction {
  --emoji-item-color-inset-shadow: transparent;
  --emoji-item-color-foreground: var(--dt-action-color-foreground-muted-default);
  --emoji-item-color-background: var(--dt-action-color-background-muted-hover);
  height: var(--dt-size-550);
  padding: var(--dt-space-300) var(--dt-space-400);
  color: var(--emoji-item-color-foreground);
  background-color: var(--emoji-item-color-background);
  border: 0;
  border-radius: var(--dt-size-radius-pill);
  box-shadow: inset 0 0 0 var(--dt-size-border-100) var(--emoji-item-color-inset-shadow);
}
.d-recipe-emoji-row__reaction.d-recipe-emoji-row__picker {
  padding: var(--dt-space-200) var(--dt-space-350);
}
.d-recipe-emoji-row__reaction:hover {
  --emoji-item-color-inset-shadow: var(--dt-color-border-moderate);
  --emoji-item-color-foreground: var(--dt-action-color-foreground-muted-hover);
}
.d-recipe-emoji-row__reaction:active {
  --emoji-item-color-background: var(--dt-action-color-background-muted-active);
  --emoji-item-color-foreground: var(--dt-action-color-foreground-muted-active);
  -webkit-transform: scale(0.98);
          transform: scale(0.98);
}
.d-recipe-emoji-row__reaction--selected {
  --emoji-item-color-inset-shadow: var(--dt-color-border-brand);
  --emoji-item-color-foreground: var(--dt-color-link-primary);
  --emoji-item-color-background: var(--dt-action-color-background-base-hover);
}
.d-recipe-emoji-row__reaction--selected .d-recipe-emoji-row__reaction-number {
  font-weight: var(--dt-font-weight-bold);
}
.d-recipe-emoji-row__reaction--selected:hover {
  --emoji-item-color-inset-shadow: var(--dt-color-border-brand-strong);
  --emoji-item-color-foreground: var(--dt-color-link-primary-hover);
}
.d-recipe-emoji-row__reaction--selected:active {
  --emoji-item-color-background: var(--dt-action-color-background-base-active);
}
.d-recipe-emoji-row__reaction-number {
  font-weight: var(--dt-typography-body-sm-font-weight);
  font-size: var(--dt-typography-body-sm-font-size);
  font-family: var(--dt-typography-body-sm-font-family);
  font-variant: tabular-nums;
  line-height: var(--dt-font-line-height-100);
}
.d-recipe-emoji-row__emoji {
  --emoji-size: calc(var(--dt-icon-size-200) + 0.2rem);
  display: inline-flex;
  -webkit-margin-end: var(--dt-space-300);
          margin-inline-end: var(--dt-space-300);
  inline-size: var(--emoji-size);
  block-size: var(--emoji-size);
}
.d-recipe-emoji-row__emoji-img {
  inline-size: var(--emoji-size);
  block-size: var(--emoji-size);
}
.d-recipe-feed-item-pill--toggleable {
  cursor: pointer;
}
.d-recipe-feed-item-pill__wrapper {
  padding: var(--dt-space-400);
  background-color: var(--dt-color-surface-secondary);
}
.d-recipe-feed-item-pill__button {
  width: var(--dt-size-100-percent);
  text-align: left;
  background-color: var(--dt-color-surface-moderate);
  border-width: 0;
  border-radius: var(--dt-size-radius-600);
  cursor: pointer;
  --button-padding-x: var(--button-padding-y-md);
  --button-padding-y: var(--button-padding-y-md);
  --button-color-text: var(--dt-action-color-foreground-muted-default);
  --button-border-radius: var(--dt-size-radius-600);
}
.d-recipe-feed-item-pill__layout {
  gap: var(--dt-space-300);
  width: var(--dt-size-100-percent);
  padding: var(--dt-space-400);
  line-height: var(--dt-font-line-height-300);
}
.d-recipe-feed-item-pill__icon {
  display: grid;
  place-content: center;
  min-width: var(--dt-size-600);
  height: var(--dt-size-100-percent);
}
.d-recipe-feed-item-pill__icon svg {
  -webkit-animation: d-recipe-feed-item-pill-fade 0.15s ease-in;
          animation: d-recipe-feed-item-pill-fade 0.15s ease-in;
}
.d-recipe-feed-item-pill__content {
  display: flex;
  justify-content: center;
}
.d-recipe-feed-item-pill__title {
  display: grid;
  align-content: center;
  height: var(--dt-size-100-percent);
  font-weight: var(--dt-font-weight-bold);
}
.d-recipe-feed-item-pill__subtitle {
  margin-top: var(--dt-space-200-negative);
  color: var(--dt-color-foreground-tertiary);
  font-size: var(--dt-font-size-100);
}
.d-recipe-feed-item-pill__bottom {
  margin-top: var(--dt-space-200);
}
.d-recipe-feed-item-pill__right {
  display: grid;
  place-content: center;
  min-width: var(--dt-size-600);
  height: var(--dt-size-100-percent);
}
.d-recipe-feed-item-pill__border {
  overflow: hidden;
  background-clip: content-box, border-box;
  background-origin: border-box;
  border: double var(--dt-size-100) transparent;
  border-radius: var(--dt-size-radius-600);
}
.d-recipe-feed-item-pill__border--default {
  background: var(--dt-color-border-default);
}
.d-recipe-feed-item-pill__border--ai {
  background-image: linear-gradient(var(--dt-color-surface-primary), var(--dt-color-surface-primary)), var(--dt-badge-color-background-ai);
}
.d-recipe-feed-item-pill__border--critical {
  background: var(--dt-color-foreground-critical);
}
@-webkit-keyframes d-recipe-feed-item-pill-fade {
  0% {
    -webkit-transform: scale(0);
            transform: scale(0);
  }
  100% {
    -webkit-transform: scale(1);
            transform: scale(1);
  }
}
@keyframes d-recipe-feed-item-pill-fade {
  0% {
    -webkit-transform: scale(0);
            transform: scale(0);
  }
  100% {
    -webkit-transform: scale(1);
            transform: scale(1);
  }
}
.d-recipe-feed-item-row {
  position: relative;
  box-sizing: border-box;
  width: var(--dt-size-100-percent);
  padding: var(--dt-space-300) var(--dt-space-500);
}
.d-recipe-feed-item-row:focus-visible {
  box-shadow: var(--dt-shadow-focus-inset);
}
.d-recipe-feed-item-row .d-list-item__left {
  display: block;
  align-content: flex-start;
  min-width: var(--dt-size-600);
  text-align: end;
}
.d-recipe-feed-item-row .d-list-item__wrapper {
  min-height: auto;
  padding: 0;
  font: var(--dt-typography-body-md-compact);
}
.d-recipe-feed-item-row .d-list-item__bottom {
  margin-top: 0;
}
.d-recipe-feed-item-row__state--searched {
  background-color: var(--dt-color-surface-warning-subtle);
}
.d-recipe-feed-item-row__state--error {
  background-color: var(--dt-color-surface-critical-subtle);
}
.d-recipe-feed-item-row__state-transition {
  transition: background-color 2s var(--ttf-in-out) 0s;
}
.d-recipe-feed-item-row--active {
  background-color: var(--dt-color-surface-secondary-opaque);
}
.d-recipe-feed-item-row__avatar-container {
  padding-top: var(--dt-space-300);
  padding-bottom: var(--dt-space-300);
}
.d-recipe-feed-item-row__attachment {
  padding-top: var(--dt-space-200);
  padding-bottom: var(--dt-space-300);
}
.d-recipe-feed-item-row__image {
  display: block;
  min-width: 5.6rem;
  max-width: 30rem;
  min-height: 5.6rem;
  max-height: 30rem;
  border: var(--dt-color-border-subtle) solid var(--dt-size-border-100);
  border-radius: var(--dt-size-radius-400);
}
.d-recipe-feed-item-row__video {
  display: block;
  height: 25rem;
}
.d-recipe-feed-item-row__header {
  display: flex;
  flex-wrap: wrap;
  gap: var(--dt-space-300);
  align-items: baseline;
  font-size: var(--dt-font-size-200);
  line-height: var(--dt-font-line-height-300);
}
.d-recipe-feed-item-row__header-name {
  font-weight: var(--dt-font-weight-bold);
}
.d-recipe-feed-item-row__header-time {
  flex-shrink: 0;
  color: var(--dt-color-foreground-tertiary);
  font-size: var(--dt-font-size-100);
}
.d-recipe-feed-item-row__reactions {
  display: flex;
  flex-wrap: wrap;
  padding-top: var(--dt-space-200);
  padding-bottom: var(--dt-space-200);
}
.d-recipe-feed-item-row__threading {
  padding-top: var(--dt-space-200);
  padding-bottom: var(--dt-space-200);
}
.d-recipe-feed-item-row__left-time {
  color: var(--dt-color-foreground-tertiary);
  font-weight: var(--dt-font-weight-normal);
  font-size: var(--dt-font-size-100);
  white-space: nowrap;
  vertical-align: middle;
}
.d-recipe-feed-item-row__menu {
  position: absolute;
  top: var(--dt-space-550-negative);
  right: var(--dt-space-450);
}
.d-recipe-grouped-chip {
  display: inline-flex;
  white-space: nowrap;
  background-color: unset;
  background-image: unset;
}
.d-recipe-grouped-chip .d-chip__text {
  font-size: var(--dt-font-size-100);
}
.d-recipe-grouped-chip__content {
  font-variant-numeric: tabular-nums;
}
.d-recipe-grouped-chip__content-left {
  max-width: var(--dt-size-730);
  background-color: var(--dt-color-surface-moderate-opaque);
  border-top-left-radius: var(--dt-size-radius-pill);
  border-bottom-left-radius: var(--dt-size-radius-pill);
}
.d-recipe-grouped-chip__content-right {
  max-width: var(--dt-size-730);
  background-color: var(--dt-color-purple-200);
  border-top-right-radius: var(--dt-size-radius-pill);
  border-bottom-right-radius: var(--dt-size-radius-pill);
}
.d-recipe-ivr-node {
  display: flex;
  flex-direction: column;
  align-items: center;
  width: 280px;
  /* stylelint-disable-line meowtec/no-px */
  cursor: pointer;
}
.d-recipe-ivr-node .d-card {
  width: var(--dt-size-100-percent);
}
.d-recipe-ivr-node .d-card__header {
  margin-top: var(--dt-size-100-negative);
  padding: var(--dt-space-0);
  border-top-left-radius: var(--dt-size-border-300);
  border-top-right-radius: var(--dt-size-border-300);
}
.d-recipe-ivr-node .d-card__content {
  padding: var(--dt-space-400) var(--dt-space-450) var(--dt-space-450);
  border-top: var(--dt-size-border-100) solid var(--dt-color-black-300);
}
.d-recipe-ivr-node-prompt .d-card__header {
  border-top: var(--dt-size-border-300) solid var(--dt-color-blue-200);
}
.d-recipe-ivr-node-prompt--selected .d-card {
  border: var(--dt-size-border-300) solid var(--dt-color-blue-300);
  border-radius: var(--dt-size-radius-400);
}
.d-recipe-ivr-node-prompt--selected .d-card__header {
  border-top: var(--dt-size-border-300) solid var(--dt-color-blue-300);
}
.d-recipe-ivr-node-logic .d-card__header {
  border-top: var(--dt-size-border-300) solid var(--dt-color-purple-200);
}
.d-recipe-ivr-node-logic--selected .d-card {
  border: var(--dt-size-border-300) solid var(--dt-color-purple-400);
  border-radius: var(--dt-size-radius-400);
}
.d-recipe-ivr-node-logic--selected .d-card__header {
  border-top: var(--dt-size-border-300) solid var(--dt-color-purple-400);
}
.d-recipe-ivr-node-terminal .d-card__header {
  border-top: var(--dt-size-border-300) solid var(--dt-color-red-100);
}
.d-recipe-ivr-node-terminal--selected .d-card {
  border: var(--dt-size-border-300) solid var(--dt-color-red-200);
  border-radius: var(--dt-size-radius-400);
}
.d-recipe-ivr-node-terminal--selected .d-card__header {
  border-top: var(--dt-size-border-300) solid var(--dt-color-red-200);
}
.d-recipe-ivr-node__connector {
  z-index: var(--zi-base);
  display: flex;
  align-items: center;
  justify-content: center;
  width: var(--dt-size-400);
  height: var(--dt-size-400);
  margin-bottom: var(--dt-space-300-negative);
  background-color: var(--dt-color-purple-600);
  border-color: var(--dt-color-purple-600);
  border-radius: var(--dt-size-radius-circle);
}
.d-recipe-ivr-node__connector--selected {
  margin-bottom: var(--dt-space-400-negative);
}
.d-recipe-ivr-node__connector-dtmf {
  width: var(--dt-size-550);
  height: var(--dt-size-550);
  margin-bottom: var(--dt-space-450-negative);
  color: var(--dt-color-foreground-primary-inverted);
  font-size: var(--dt-font-size-200);
}
.d-recipe-ivr-node__connector-dtmf .d-recipe-ivr-node__connector--selected {
  margin-bottom: var(--dt-space-500-negative);
}
.d-recipe-ivr-node__header-left {
  display: flex;
  align-items: center;
}
.d-recipe-ivr-node__label {
  font-weight: var(--dt-font-weight-bold);
  font-size: var(--dt-font-size-200);
}
.d-recipe-ivr-node__dropdown-list {
  width: var(--dt-size-825);
}
.d-recipe-ivr-node__goto-icon {
  -webkit-transform: rotate(90deg);
          transform: rotate(90deg);
}
.d-recipe-leftbar-row {
  --leftbar-row-color-foreground: var(--dt-shell-color-foreground-primary);
  --leftbar-row-color-background: var(--dt-shell-color-surface-default);
  --leftbar-row-radius: var(--dt-size-radius-pill);
  --leftbar-row-opacity: 100%;
  --leftbar-row-alpha-color-foreground: var(--dt-shell-color-foreground-primary);
  --leftbar-row-alpha-width: calc(var(--dt-size-300) * 10);
  --leftbar-row-alpha-height: calc(var(--dt-size-300) * 9);
  --leftbar-row-omega-height: var(--leftbar-row-alpha-height);
  --leftbar-row-unread-badge-display: inline-flex;
  --leftbar-row-description-color-foreground: var(--dt-shell-color-foreground-primary);
  --leftbar-row-description-font-weight: var(--dt-font-weight-normal);
  --leftbar-row-description-font-size: var(--dt-font-size-200);
  --leftbar-row-description-line-height: var(--dt-font-line-height-200);
  --leftbar-row-status-color-foreground: var(--dt-shell-color-foreground-muted);
  --leftbar-row-status-font-size: var(--dt-font-size-100);
  --leftbar-row-status-line-height: var(--dt-font-line-height-100);
  --leftbar-row-action-position-right: var(--dt-size-400);
  --leftbar-row-action-position-bottom: 50%;
  --leftbar-row-action-width: var(--dt-size-550);
  --leftbar-row-action-height: var(--leftbar-row-action-width);
  position: relative;
  display: flex;
  background-color: var(--dt-shell-color-surface-default);
  border-radius: var(--leftbar-row-radius);
  cursor: pointer;
  opacity: var(--leftbar-row-opacity);
  transition-timing-function: var(--ttf-out-quint);
  transition-duration: var(--td200);
  transition-property: background-color, border, box-shadow;
}
.d-recipe-leftbar-row .d-presence {
  --presence-color-border-offline: var(--dt-shell-presence-color-offline);
  --presence-color-background-active: var(--dt-shell-presence-color-available);
  --presence-color-background-busy: var(--dt-shell-presence-color-unavailable);
  --presence-color-background-away: var(--dt-shell-presence-color-busy);
}
.d-recipe-leftbar-row:not(.d-recipe-leftbar-row--no-action):hover,
.d-recipe-leftbar-row:not(.d-recipe-leftbar-row--no-action):focus-within {
  --leftbar-row-unread-badge-display: none;
}
.d-recipe-leftbar-row:not(.d-recipe-leftbar-row--no-action):hover .d-recipe-leftbar-row__action,
.d-recipe-leftbar-row:not(.d-recipe-leftbar-row--no-action):focus-within .d-recipe-leftbar-row__action {
  display: inline-flex;
}
.d-recipe-leftbar-row:not(.d-recipe-leftbar-row--no-action):hover .d-recipe-leftbar-row__action-button,
.d-recipe-leftbar-row:not(.d-recipe-leftbar-row--no-action):focus-within .d-recipe-leftbar-row__action-button {
  opacity: 1;
}
.d-recipe-leftbar-row:hover,
.d-recipe-leftbar-row:focus-within {
  --leftbar-row-color-background: var(--dt-shell-action-color-background-primary-hover);
}
.d-recipe-leftbar-row:hover .d-presence,
.d-recipe-leftbar-row:focus-within .d-presence {
  --presence-color-border-base: var(--dt-color-black-200);
}
.d-recipe-leftbar-row:hover .d-avatar__count,
.d-recipe-leftbar-row:focus-within .d-avatar__count {
  --avatar-count-color-shadow: var(--dt-shell-action-color-background-primary-selected);
}
.d-recipe-leftbar-row__description {
  overflow: hidden;
  color: var(--leftbar-row-description-color-foreground);
  font-weight: var(--leftbar-row-description-font-weight);
  font-size: var(--leftbar-row-description-font-size);
  line-height: var(--leftbar-row-description-line-height);
  white-space: nowrap;
  text-overflow: ellipsis;
}
.d-recipe-leftbar-row__status {
  padding-bottom: var(--dt-space-100);
  overflow: hidden;
  color: var(--leftbar-row-status-color-foreground);
  font-size: var(--leftbar-row-status-font-size);
  line-height: var(--leftbar-row-status-line-height);
  white-space: nowrap;
  text-overflow: ellipsis;
}
.d-recipe-leftbar-row__meta-context ~ .d-recipe-leftbar-row__meta-custom:not(:empty)::before {
  color: var(--dt-shell-color-foreground-muted);
  content: " • ";
}
.d-recipe-leftbar-row--has-unread {
  --leftbar-row-description-font-weight: var(--dt-font-weight-bold);
  --leftbar-row-description-color-foreground: var(--dt-shell-color-foreground-strong);
  --leftbar-row-alpha-color-foreground: var(--dt-shell-color-foreground-strong);
}
.d-recipe-leftbar-row--muted {
  --leftbar-row-opacity: 60%;
}
.d-recipe-leftbar-row--selected {
  --leftbar-row-color-background: var(--dt-shell-action-color-background-primary-selected);
  --leftbar-row-description-color-foreground: var(--dt-shell-action-color-foreground-primary-selected);
}
.d-recipe-leftbar-row--selected .d-presence {
  --presence-color-border-base: var(--dt-color-black-200);
}
.d-recipe-leftbar-row--selected .d-avatar__count {
  --avatar-count-color-shadow: var(--dt-shell-action-color-background-primary-selected);
}
.d-recipe-leftbar-row__is-typing {
  --is-typing-size-shape: var(--dt-size-550);
  position: absolute;
  display: flex;
  gap: var(--dt-space-200);
  align-items: center;
  justify-content: center;
  width: var(--is-typing-size-shape);
  height: var(--is-typing-size-shape);
  border-radius: var(--dt-size-radius-pill);
  opacity: 0.75;
}
.d-recipe-leftbar-row__is-typing span {
  display: inline-block;
  width: var(--dt-size-300);
  height: var(--dt-size-300);
  padding: 0;
  background: var(--dt-color-surface-strong);
  border-radius: var(--dt-size-radius-pill);
  opacity: 0.3;
  transition: all 500ms ease;
  -webkit-animation: d-recipe-leftbar-row-wave 1.5s ease infinite;
          animation: d-recipe-leftbar-row-wave 1.5s ease infinite;
}
.d-recipe-leftbar-row__is-typing span:nth-child(1) {
  -webkit-animation-delay: 0ms;
          animation-delay: 0ms;
}
.d-recipe-leftbar-row__is-typing span:nth-child(2) {
  -webkit-animation-delay: var(--td100);
          animation-delay: var(--td100);
}
.d-recipe-leftbar-row__is-typing span:nth-child(3) {
  -webkit-animation-delay: var(--td200);
          animation-delay: var(--td200);
}
.d-recipe-leftbar-row .d-btn--inverted.d-btn--primary {
  --button-color-text: var(--dt-shell-mention-color-surface-primary);
}
.d-recipe-leftbar-row .d-btn--inverted.d-btn--primary:hover:not([disabled]) {
  --button-color-background: color-mix(in srgb, var(--dt-shell-mention-color-surface-primary) 10%, var(--dt-color-surface-primary) 100%);
}
.d-recipe-leftbar-row .d-btn--inverted.d-btn--primary:active:not([disabled]) {
  --button-color-background: color-mix(in srgb, var(--dt-shell-mention-color-surface-primary) 30%, var(--dt-color-surface-primary) 100%);
}
.d-recipe-leftbar-row .d-fc-success {
  color: var(--dt-shell-color-foreground-positive) !important;
}
.d-recipe-leftbar-row__primary {
  display: flex;
  flex: 1;
  align-items: center;
  width: 100%;
  margin: 0;
  padding: 0;
  color: var(--leftbar-row-color-foreground);
  font-size: inherit;
  line-height: inherit;
  text-align: left;
  text-decoration: none;
  background-color: var(--leftbar-row-color-background);
  border: 0;
  border-radius: var(--leftbar-row-radius);
  -webkit-appearance: none;
          appearance: none;
}
.d-recipe-leftbar-row__primary:active {
  --leftbar-row-color-background: var(--dt-shell-action-color-background-primary-active);
}
.d-recipe-leftbar-row__primary:focus-visible {
  box-shadow: var(--dt-shadow-focus-inset);
}
.d-recipe-leftbar-row__action-button {
  width: var(--leftbar-row-action-width);
  height: var(--leftbar-row-action-height);
  opacity: 0;
}
.d-recipe-leftbar-row__alpha {
  display: flex;
  align-items: center;
  justify-content: center;
  box-sizing: border-box;
  width: var(--leftbar-row-alpha-width);
  height: var(--leftbar-row-alpha-height);
  padding-right: var(--dt-space-400);
  padding-left: var(--dt-space-400);
  color: var(--leftbar-row-alpha-color-foreground);
  border-radius: var(--leftbar-row-radius) 0 0 var(--leftbar-row-radius);
}
.d-recipe-leftbar-row__label {
  flex: 0 1;
  min-width: 0;
}
.d-recipe-leftbar-row__omega {
  position: absolute;
  top: var(--leftbar-row-action-position-bottom);
  right: var(--leftbar-row-action-position-right);
  display: flex;
  gap: var(--dt-space-300);
  align-items: center;
  justify-content: flex-end;
  box-sizing: border-box;
  border-radius: var(--leftbar-row-radius);
  -webkit-transform: translateY(calc(var(--leftbar-row-action-position-bottom) * -1));
          transform: translateY(calc(var(--leftbar-row-action-position-bottom) * -1));
}
.d-recipe-leftbar-row__unread-badge {
  display: var(--leftbar-row-unread-badge-display);
  color: var(--dt-shell-mention-color-foreground-primary);
  background-color: var(--dt-shell-mention-color-surface-primary);
}
.d-recipe-leftbar-row__unread-count .d-recipe-leftbar-row__action {
  display: none;
}
.d-recipe-leftbar-row__unread-count-badge {
  border-top-right-radius: var(--dt-size-radius-0);
  border-bottom-right-radius: var(--dt-size-radius-0);
}
.d-recipe-leftbar-row__unread-mention-count-badge {
  color: var(--dt-shell-mention-color-foreground-secondary);
  background-color: var(--dt-shell-mention-color-surface-secondary);
  border-top-left-radius: var(--dt-size-radius-0);
  border-bottom-left-radius: var(--dt-size-radius-0);
}
.d-recipe-leftbar-row__unread-mention-only-count-badge {
  color: var(--dt-shell-mention-color-foreground-secondary);
  background-color: var(--dt-shell-mention-color-surface-secondary);
}
.d-recipe-leftbar-row__active-voice {
  display: inline-flex;
  color: var(--dt-color-purple-400);
  -webkit-animation-name: d-recipe-leftbar-row-opacity-pulsate;
  animation-name: d-recipe-leftbar-row-opacity-pulsate;
  -webkit-animation-duration: 1s;
  animation-duration: 1s;
  -webkit-animation-iteration-count: infinite;
  animation-iteration-count: infinite;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
}
.d-recipe-leftbar-row__dnd {
  padding-top: var(--dt-space-200);
  padding-right: var(--dt-space-300);
  color: var(--dt-color-foreground-tertiary);
  font-weight: var(--dt-font-weight-medium);
  font-size: var(--dt-font-size-100);
  line-height: var(--dt-font-line-height-400);
}
.d-recipe-leftbar-row__container--off-duty {
  background-color: var(--dt-color-surface-critical);
  border: var(--dt-size-100) solid var(--dt-color-border-subtle);
  border-radius: var(--dt-size-radius-500);
}
.d-recipe-leftbar-row__container--off-duty .d-recipe-leftbar-row__primary {
  margin: calc(var(--dt-size-100) * -1);
}
.d-recipe-leftbar-row--contact-centers .d-recipe-leftbar-row__alpha {
  padding-right: var(--dt-space-450);
  padding-left: var(--dt-space-450);
}
.d-recipe-leftbar-row--contact-centers .d-recipe-leftbar-row__action-container {
  display: inline-flex;
  align-items: center;
  justify-content: flex-end;
  min-width: var(--dt-size-600);
  height: var(--dt-size-500);
}
.d-recipe-leftbar-row__icon-cc {
  width: calc(var(--dt-size-300) * 3.5);
  height: calc(var(--dt-size-300) * 3.5);
  border-radius: var(--dt-size-200);
}
.d-recipe-leftbar-row-opacity-pulsate {
  -webkit-animation-name: d-recipe-leftbar-row-opacity-pulsate;
  animation-name: d-recipe-leftbar-row-opacity-pulsate;
  -webkit-animation-duration: 1s;
  animation-duration: 1s;
  -webkit-animation-iteration-count: infinite;
  animation-iteration-count: infinite;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
}
@-webkit-keyframes d-recipe-leftbar-row-opacity-pulsate {
  0%,
  100% {
    opacity: 0.2;
  }
  50% {
    opacity: 1;
  }
}
@keyframes d-recipe-leftbar-row-opacity-pulsate {
  0%,
  100% {
    opacity: 0.2;
  }
  50% {
    opacity: 1;
  }
}
@-webkit-keyframes d-recipe-leftbar-row-wave {
  0%,
  50%,
  100% {
    -webkit-transform: translate(0, 0);
            transform: translate(0, 0);
  }
  10% {
    -webkit-transform: translate(0, -0.5rem);
            transform: translate(0, -0.5rem);
    opacity: 0.9;
  }
}
@keyframes d-recipe-leftbar-row-wave {
  0%,
  50%,
  100% {
    -webkit-transform: translate(0, 0);
            transform: translate(0, 0);
  }
  10% {
    -webkit-transform: translate(0, -0.5rem);
            transform: translate(0, -0.5rem);
    opacity: 0.9;
  }
}
.d-recipe-contact-row--active {
  color: var(--dt-shell-color-foreground-positive);
}
.d-recipe-contact-row--busy {
  color: var(--dt-shell-color-foreground-critical);
}
.d-recipe-contact-row--away {
  color: var(--dt-shell-color-foreground-warning);
}
.d-recipe-leftbar-general-row__icon {
  display: flex;
  align-items: center;
  justify-content: center;
}
.d-recipe-leftbar-general-row__contact-center--magenta-100 {
  background-color: var(--dt-color-magenta-100);
}
.d-recipe-leftbar-general-row__contact-center--magenta-200 {
  background-color: var(--dt-color-magenta-200);
}
.d-recipe-leftbar-general-row__contact-center--magenta-300 {
  background-color: var(--dt-color-magenta-300);
}
.d-recipe-leftbar-general-row__contact-center--magenta-400 {
  background-color: var(--dt-color-magenta-400);
}
.d-recipe-leftbar-general-row__contact-center--green-200 {
  background-color: var(--dt-color-green-200);
}
.d-recipe-leftbar-general-row__contact-center--green-500 {
  background-color: var(--dt-color-green-500);
}
.d-recipe-leftbar-general-row__contact-center--gold-300 {
  background-color: var(--dt-color-gold-300);
}
.d-recipe-leftbar-general-row__contact-center--purple-100 {
  background-color: var(--dt-color-purple-100);
}
.d-recipe-leftbar-general-row__contact-center--purple-300 {
  background-color: var(--dt-color-purple-300);
}
.d-recipe-leftbar-general-row__contact-center--purple-600 {
  background-color: var(--dt-color-purple-600);
}
.d-recipe-leftbar-general-row__contact-center--black-300 {
  background-color: var(--dt-color-black-300);
}
.d-recipe-message-input {
  display: flex;
  flex-direction: column;
  overflow: hidden;
  line-height: var(--dt-font-line-height-400);
  border: var(--dt-size-border-100) solid;
  border-color: var(--dt-color-border-default);
  border-radius: var(--dt-size-radius-400);
  cursor: text;
  transition-timing-function: var(--ttf-in-out);
  transition-duration: var(--td50);
  transition-property: border-color, box-shadow, opacity;
}
.d-recipe-message-input:focus-within {
  border-color: var(--dt-color-border-bold);
  box-shadow: 0 0 var(--dt-size-300) 0 var(--dt-color-surface-moderate-opaque);
}
.d-recipe-message-input__button-stack {
  padding: var(--dt-space-400);
  background-color: var(--dt-color-surface-secondary);
}
.d-recipe-message-input__button-stack-icon {
  font-weight: var(--dt-font-weight-bold);
}
.d-recipe-message-input__editor-wrapper {
  padding: var(--dt-space-450) var(--dt-space-500) var(--dt-space-300);
}
.d-recipe-message-input__link-popover {
  width: 36rem;
}
.d-recipe-message-input__remaining-char {
  margin-right: var(--dt-space-300);
  color: var(--dt-color-foreground-critical);
  font-size: var(--dt-font-size-100);
}
.d-recipe-message-input__remaining-char-tooltip {
  margin-top: auto;
  margin-bottom: auto;
}
.d-recipe-message-input__button {
  max-width: 2.8rem;
  max-height: 2.8rem;
  border-radius: var(--dt-size-radius-300);
}
.d-recipe-message-input__send-button.d-recipe-message-input__button:not(.d-btn--icon-only),
.d-recipe-message-input__cancel-button {
  max-width: unset;
  padding: var(--dt-space-350);
}
.d-recipe-message-input__send-button--disabled {
  color: var(--dt-color-foreground-muted);
  background-color: unset;
  cursor: default;
}
.d-recipe-message-input__bottom-section {
  display: flex;
  justify-content: space-between;
  padding: var(--dt-space-300) var(--dt-space-400) var(--dt-space-400);
}
.d-recipe-message-input__bottom-section-left,
.d-recipe-message-input__bottom-section-right {
  display: flex;
}
.d-recipe-message-input__image-input {
  position: absolute;
}
.d-recipe-message-input-meeting-pill {
  display: inline-block;
}
.d-recipe-message-input-meeting-pill__layout {
  grid-template-areas: 'left content right';
  grid-template-columns: minmax(0, -webkit-max-content) 1fr minmax(0, -webkit-max-content);
  grid-template-columns: minmax(0, max-content) 1fr minmax(0, max-content);
  gap: var(--dt-space-400);
  align-items: center;
  max-width: var(--dt-size-905);
  padding: var(--dt-space-200) var(--dt-space-400);
  font: var(--dt-typography-headline-md);
  border: var(--dt-size-border-100) solid var(--dt-color-border-default);
  border-radius: var(--dt-size-radius-300);
}
.d-recipe-message-input-meeting-pill__icon {
  display: flex;
  align-items: center;
  padding: var(--dt-space-350);
}
.d-recipe-message-input-meeting-pill__close {
  display: flex;
  justify-content: flex-end;
}
.d-recipe-message-input__sms-count {
  display: flex;
  align-items: center;
}
.d-recipe-message-input--button-group-divider {
  width: var(--dt-size-100);
  height: calc(var(--dt-size-550) + var(--dt-size-300));
  margin-right: var(--dt-space-300);
  margin-left: var(--dt-space-300);
  background: var(--dt-color-border-subtle);
}
.d-recipe-message-input__link-dialog-title {
  font: var(--dt-typography-headline-md-compact);
}
.d-recipe-message-input__link-dialog-buttons {
  justify-content: space-between;
}
.d-recipe-message-input__link-input {
  margin-top: var(--dt-space-350);
  padding-top: var(--dt-space-200);
  padding-bottom: var(--dt-space-200);
  background-color: var(--dt-color-surface-secondary);
  border: var(--dt-space-100) solid;
  border-color: var(--dt-color-border-default);
}
@property --dt-recipe-motion-text-mask-pos {
  inherits: true;
  initial-value: 0%;
  syntax: '<percentage>';
}
.dt-recipe-motion-text {
  /* Theme variables - can be overridden by design system */
  --dt-recipe-motion-text-duration: 1000ms;
  --dt-recipe-motion-text-char-duration: var(--dt-recipe-motion-text-duration);
  --dt-recipe-motion-text-word-duration: calc(var(--dt-recipe-motion-text-duration) * 2);
  --dt-recipe-motion-text-highlight-color: linear-gradient(135deg, var(--dt-color-brand-magenta) 10%, var(--dt-color-brand-purple) 80%, var(--dt-color-brand-gold) 100%);
  --dt-recipe-motion-text-gradient: linear-gradient(90deg, transparent 0%, transparent 20%, black 40%, black 60%, transparent 80%, transparent 100%) 0% 0% / 500% 100%;
  --dt-recipe-motion-text-shimmer-gradient: linear-gradient(90deg, black 0%, black 20%, #0005 40%, #0005 60%, black 80%, black 100%) 0% 0% / 500% 100%;
  position: relative;
}
.dt-recipe-motion-text__sr-only {
  position: absolute;
  width: 1px;
  height: 1px;
  overflow: hidden;
  white-space: nowrap;
  -webkit-clip-path: inset(50%);
          clip-path: inset(50%);
}
.dt-recipe-motion-text__content {
  display: contents;
}
.dt-recipe-motion-text__fallback {
  display: contents;
}
.dt-recipe-motion-text__char {
  display: inline-block;
  white-space: pre;
}
.dt-recipe-motion-text__word {
  position: relative;
  display: inline;
  white-space: nowrap;
}
@-webkit-keyframes dt-recipe-motion-text-gradient-in-char-appear {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
@keyframes dt-recipe-motion-text-gradient-in-char-appear {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
@-webkit-keyframes dt-recipe-motion-text-gradient-in-word-reveal {
  from {
    --dt-recipe-motion-text-mask-pos: 100%;
  }
  to {
    --dt-recipe-motion-text-mask-pos: 0%;
  }
}
@keyframes dt-recipe-motion-text-gradient-in-word-reveal {
  from {
    --dt-recipe-motion-text-mask-pos: 100%;
  }
  to {
    --dt-recipe-motion-text-mask-pos: 0%;
  }
}
@-webkit-keyframes dt-recipe-motion-text-fade-in-char-appear {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
@keyframes dt-recipe-motion-text-fade-in-char-appear {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
@-webkit-keyframes dt-recipe-motion-text-fade-in-word-appear {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
@keyframes dt-recipe-motion-text-fade-in-word-appear {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
@-webkit-keyframes dt-recipe-motion-text-slide-in-char-appear {
  from {
    -webkit-transform: translateY(0.3em);
            transform: translateY(0.3em);
    opacity: 0;
  }
  to {
    -webkit-transform: translateY(0);
            transform: translateY(0);
    opacity: 1;
  }
}
@keyframes dt-recipe-motion-text-slide-in-char-appear {
  from {
    -webkit-transform: translateY(0.3em);
            transform: translateY(0.3em);
    opacity: 0;
  }
  to {
    -webkit-transform: translateY(0);
            transform: translateY(0);
    opacity: 1;
  }
}
@-webkit-keyframes dt-recipe-motion-text-slide-in-word-appear {
  from {
    -webkit-transform: translateY(0.5em);
            transform: translateY(0.5em);
    opacity: 0;
  }
  to {
    -webkit-transform: translateY(0);
            transform: translateY(0);
    opacity: 1;
  }
}
@keyframes dt-recipe-motion-text-slide-in-word-appear {
  from {
    -webkit-transform: translateY(0.5em);
            transform: translateY(0.5em);
    opacity: 0;
  }
  to {
    -webkit-transform: translateY(0);
            transform: translateY(0);
    opacity: 1;
  }
}
.dt-recipe-motion-text-char-gradient-in-enter-active {
  -webkit-animation: dt-recipe-motion-text-gradient-in-char-appear var(--dt-recipe-motion-text-char-duration) var(--ttf-in-out);
          animation: dt-recipe-motion-text-gradient-in-char-appear var(--dt-recipe-motion-text-char-duration) var(--ttf-in-out);
}
.dt-recipe-motion-text-char-gradient-in-leave-active {
  animation: dt-recipe-motion-text-gradient-in-char-appear calc(var(--dt-recipe-motion-text-char-duration) * 0.5) var(--ttf-out-quint) reverse;
}
.dt-recipe-motion-text-word-gradient-in-enter-active {
  -webkit-animation: dt-recipe-motion-text-gradient-in-word-reveal calc(var(--dt-recipe-motion-text-word-duration) * 1.5) var(--ttf-out-quint);
          animation: dt-recipe-motion-text-gradient-in-word-reveal calc(var(--dt-recipe-motion-text-word-duration) * 1.5) var(--ttf-out-quint);
}
.dt-recipe-motion-text-word-gradient-in-leave-active {
  animation: dt-recipe-motion-text-gradient-in-word-reveal calc(var(--dt-recipe-motion-text-word-duration) * 0.5) var(--ttf-out-quint) reverse;
}
.dt-recipe-motion-text-char-fade-in-enter-active {
  -webkit-animation: dt-recipe-motion-text-fade-in-char-appear var(--dt-recipe-motion-text-char-duration) var(--ttf-out-quint);
          animation: dt-recipe-motion-text-fade-in-char-appear var(--dt-recipe-motion-text-char-duration) var(--ttf-out-quint);
}
.dt-recipe-motion-text-char-fade-in-leave-active {
  animation: dt-recipe-motion-text-fade-in-char-appear calc(var(--dt-recipe-motion-text-char-duration) * 0.5) var(--ttf-out-quint) reverse;
}
.dt-recipe-motion-text-word-fade-in-enter-active {
  -webkit-animation: dt-recipe-motion-text-fade-in-word-appear var(--dt-recipe-motion-text-word-duration) var(--ttf-out-quint);
          animation: dt-recipe-motion-text-fade-in-word-appear var(--dt-recipe-motion-text-word-duration) var(--ttf-out-quint);
}
.dt-recipe-motion-text-word-fade-in-leave-active {
  animation: dt-recipe-motion-text-fade-in-word-appear calc(var(--dt-recipe-motion-text-word-duration) * 0.5) var(--ttf-out-quint) reverse;
}
.dt-recipe-motion-text-char-slide-in-enter-active {
  -webkit-animation: dt-recipe-motion-text-slide-in-char-appear var(--dt-recipe-motion-text-char-duration) var(--ttf-out-quint);
          animation: dt-recipe-motion-text-slide-in-char-appear var(--dt-recipe-motion-text-char-duration) var(--ttf-out-quint);
}
.dt-recipe-motion-text-char-slide-in-leave-active {
  animation: dt-recipe-motion-text-slide-in-char-appear calc(var(--dt-recipe-motion-text-char-duration) * 0.5) var(--ttf-out-quint) reverse;
}
.dt-recipe-motion-text-word-slide-in-enter-active {
  -webkit-animation: dt-recipe-motion-text-slide-in-word-appear var(--dt-recipe-motion-text-word-duration) var(--ttf-out-quint);
          animation: dt-recipe-motion-text-slide-in-word-appear var(--dt-recipe-motion-text-word-duration) var(--ttf-out-quint);
}
.dt-recipe-motion-text-word-slide-in-leave-active {
  animation: dt-recipe-motion-text-slide-in-word-appear calc(var(--dt-recipe-motion-text-word-duration) * 0.5) var(--ttf-out-quint) reverse;
}
.dt-recipe-motion-text--gradient-sweep,
.dt-recipe-motion-text--shimmer {
  position: relative;
  display: inline-block;
  -webkit-animation: dt-recipe-motion-text-gradient-in-word-reveal calc(var(--dt-recipe-motion-text-word-duration) * 1.5) var(--ttf-in-out) 1;
          animation: dt-recipe-motion-text-gradient-in-word-reveal calc(var(--dt-recipe-motion-text-word-duration) * 1.5) var(--ttf-in-out) 1;
}
.dt-recipe-motion-text--gradient-in .dt-recipe-motion-text__word::before,
.dt-recipe-motion-text--gradient-sweep::before {
  position: absolute;
  font-size: inherit;
  line-height: inherit;
  letter-spacing: inherit;
  background: var(--dt-recipe-motion-text-highlight-color);
  -webkit-background-clip: text;
  background-clip: text;
  content: attr(data-text-content);
  pointer-events: none;
  -webkit-text-fill-color: transparent;
  -webkit-mask: var(--dt-recipe-motion-text-gradient);
          mask: var(--dt-recipe-motion-text-gradient);
  -webkit-mask-position: var(--dt-recipe-motion-text-mask-pos) 0%;
          mask-position: var(--dt-recipe-motion-text-mask-pos) 0%;
}
.dt-recipe-motion-text--shimmer {
  content: attr(data-text-content);
  -webkit-mask: var(--dt-recipe-motion-text-shimmer-gradient);
          mask: var(--dt-recipe-motion-text-shimmer-gradient);
  -webkit-mask-position: var(--dt-recipe-motion-text-mask-pos) 0%;
          mask-position: var(--dt-recipe-motion-text-mask-pos) 0%;
}
.dt-recipe-motion-text--none .dt-recipe-motion-text__word,
.dt-recipe-motion-text--none .dt-recipe-motion-text__char {
  -webkit-transform: none;
          transform: none;
  opacity: 1;
}
.dt-recipe-motion-text--paused {
  -webkit-animation-play-state: paused !important;
          animation-play-state: paused !important;
}
.dt-recipe-motion-text--looped {
  -webkit-animation-iteration-count: infinite !important;
          animation-iteration-count: infinite !important;
}
@media (prefers-reduced-motion: reduce) {
  .dt-recipe-motion-text {
    --dt-recipe-motion-text-duration: 0ms;
    --dt-recipe-motion-text-char-duration: 0ms;
    --dt-recipe-motion-text-word-duration: 0ms;
    transition-duration: 0ms !important;
    -webkit-animation-duration: 0ms !important;
            animation-duration: 0ms !important;
  }
}
.d-recipe-settings-menu-button {
  width: var(--dt-size-550);
  height: var(--dt-size-600);
  padding: var(--dt-space-0);
  color: var(--dt-shell-action-color-foreground-primary-default);
  background-color: var(--dt-shell-action-color-background-primary-default);
  border-radius: var(--dt-size-550);
}
.d-recipe-settings-menu-button:hover {
  color: var(--dt-shell-action-color-foreground-primary-hover);
  background-color: var(--dt-shell-action-color-background-primary-hover);
}
.d-recipe-settings-menu-button:active {
  background-color: var(--dt-shell-action-color-background-primary-active);
}
.d-recipe-settings-menu-button-update {
  height: var(--dt-size-600);
  color: var(--dt-color-blue-500);
  background-color: hsl(var(--dt-color-blue-200-hsl) / 0.25);
  border-color: hsl(var(--dt-color-blue-200-hsl) / 0.25);
  border-radius: var(--dt-size-radius-pill);
}
.d-recipe-settings-menu-button-update:hover {
  color: var(--dt-shell-action-color-foreground-primary-hover);
  background-color: hsl(var(--dt-color-blue-200-hsl) / 0.5);
}
.d-recipe-time-pill {
  padding: var(--dt-space-300) var(--dt-space-500);
  color: var(--dt-color-foreground-primary);
  font-size: var(--dt-font-size-100);
  line-height: var(--dt-font-line-height-300);
  background-color: var(--dt-color-surface-primary);
  border: var(--dt-size-border-100) solid var(--dt-color-border-default);
  border-radius: var(--dt-size-radius-pill);
}
.d-recipe-top-banner-info {
  display: flex;
  align-items: center;
  justify-content: space-between;
  color: var(--dt-color-foreground-primary);
  font-size: var(--dt-font-size-100);
}
.d-recipe-top-banner-info__left {
  min-width: var(--dt-size-20-percent);
  margin: var(--dt-space-300) 0 var(--dt-space-300) var(--dt-space-400);
}
.d-recipe-top-banner-info__middle {
  display: flex;
  gap: var(--dt-size-300);
  align-items: center;
  margin-top: var(--dt-space-300);
  margin-bottom: var(--dt-space-300);
}
.d-recipe-top-banner-info__right {
  display: flex;
  gap: var(--dt-size-300);
  align-items: baseline;
  justify-content: flex-end;
  min-width: var(--dt-size-20-percent);
  margin: var(--dt-space-300) var(--dt-space-500) var(--dt-space-300) 0;
  text-align: right;
}
.d-recipe-top-banner-info--success {
  background-color: var(--dt-color-surface-success);
}
.d-recipe-top-banner-info--critical {
  background-color: var(--dt-color-surface-critical);
}
.d-recipe-top-banner-info--warning {
  background-color: var(--dt-color-surface-warning);
}
.d-recipe-top-banner-info--info {
  background-color: var(--dt-color-surface-info);
}
.d-recipe-top-banner-info--primary {
  background-color: var(--dt-color-surface-primary);
}
.d-recipe-leftbar-unread-pill {
  display: flex;
  gap: var(--dt-space-300);
  align-items: center;
  justify-content: center;
  padding: var(--dt-space-200) var(--dt-space-500) var(--dt-space-200) var(--dt-space-400);
  font-size: var(--dt-font-size-100);
  line-height: var(--dt-font-line-height-600);
  border: none;
  border-radius: var(--dt-size-radius-pill);
  box-shadow: var(--dt-shadow-medium);
  cursor: pointer;
}
.d-recipe-leftbar-unread-pill-mentions {
  color: var(--dt-shell-mention-color-foreground-primary);
  font-weight: var(--dt-font-weight-bold);
  background-color: var(--dt-shell-mention-color-surface-primary);
}
.d-recipe-leftbar-unread-pill-messages {
  color: var(--dt-color-foreground-secondary-inverted);
  background-color: var(--dt-color-surface-contrast);
}
@font-face {
  font-weight: 400;
  font-family: "Season Mix";
  font-style: normal;
  src: url('./fonts/SeasonMix-Regular.woff2') format('woff2');
}
@font-face {
  font-weight: 600;
  font-family: "Season Mix";
  font-style: normal;
  src: url('./fonts/SeasonMix-SemiBold.woff2') format('woff2');
}
@font-face {
  font-weight: 700;
  font-family: "Season Mix";
  font-style: normal;
  src: url('./fonts/SeasonMix-Bold.woff2') format('woff2');
}
@font-face {
  font-family: "Segoe UI Adjusted";
  src: local(Segoe UI);
  ascent-override: 95%;
}
html,
body {
  margin: 0;
  /* stylelint-disable-next-line meowtec/no-px */
  font-size: 10px;
}
body {
  color: var(--dt-color-foreground-primary);
  font: var(--dt-typography-body-md);
  background-color: var(--dt-color-surface-primary);
  -webkit-text-size-adjust: 100%;
  -webkit-font-smoothing: antialiased;
}
body {
  --bgo: 100%;
  --bco: 100%;
  --fco: 100%;
  --ttf-in-out: cubic-bezier(0.645, 0.045, 0.355, 1);
  --ttf-out: cubic-bezier(0.23, 1, 0.32, 1);
  --ttf-out-quint: cubic-bezier(0.22, 1, 0.36, 1);
  --td0: 0s;
  --td25: 25ms;
  --td50: 50ms;
  --td100: 100ms;
  --td150: 150ms;
  --td200: 200ms;
  --td300: 300ms;
  --bgg-pattern-blob-dark: url('data:image/svg+xml;base64,PHN2ZyBhcmlhLWhpZGRlbj0idHJ1ZSIgYXJpYS1sYWJlbD0iQmxvYiBEYXJrIiBjbGFzcz0iZC1zdmcgZC1zdmctLXN5c3RlbSBkLXN2Z19fYmxvYkRhcmsiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjIwIiBoZWlnaHQ9IjIwIiB2aWV3Qm94PSIwIDAgMjAgMjAiIGZpbGw9Im5vbmUiPjxwYXRoIGQ9Ik0xIDBhMSAxIDAgMDAtMSAxdjIuM2ExIDEgMCAwMDEgMWg0LjAyYy0uMDEzLjA2NS0uMDIuMTMyLS4wMi4ydjIuM0gxYTEgMSAwIDAwLTEgMXYyLjNhMSAxIDAgMDAxIDFoNC4wMmMtLjAxMy4wNjUtLjAyLjEzMi0uMDIuMnYyLjNIMWExIDEgMCAwMC0xIDF2Mi4zYTEgMSAwIDAwMSAxaDQuMDJjLS4wMTMuMDY1LS4wMi4xMzItLjAyLjJWMjBoOHYtMS45YTEgMSAwIDAwLTEtMUg3Ljk4Yy4wMTMtLjA2NS4wMi0uMTMyLjAyLS4ydi0yLjNoNGExIDEgMCAwMDEtMXYtMi4zYTEgMSAwIDAwLTEtMUg3Ljk4Yy4wMTMtLjA2NS4wMi0uMTMyLjAyLS4yVjcuOGg0YTEgMSAwIDAwMS0xVjQuNWExIDEgMCAwMC0xLTFINy45OGMuMDEzLS4wNjUuMDItLjEzMi4wMi0uMnYtMmg0YTEgMSAwIDAwMS0xVjBIMXoiIGZpbGw9IiMxNDE3MjEiLz48L3N2Zz4=');
  --bgg-pattern-chevrons-dark: url('data:image/svg+xml;base64,PHN2ZyBhcmlhLWhpZGRlbj0idHJ1ZSIgYXJpYS1sYWJlbD0iQ2hldnJvbnMgRGFyayIgY2xhc3M9ImQtc3ZnIGQtc3ZnLS1zeXN0ZW0gZC1zdmdfX2NoZXZyb25zRGFyayIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB3aWR0aD0iMjAiIGhlaWdodD0iMjAiIHZpZXdCb3g9IjAgMCAyMCAyMCIgZmlsbD0ibm9uZSI+PHBhdGggZD0iTTExLjAyNyAxLjMyNEMxMS42IDEuMTM0IDExLjk4OS42MDIgMTIgMEgwdjFsNiAyIDUuMDI3LTEuNjc2ek0wIDN2M2w2IDIgNS4wMjctMS42NzZhMS40MjMgMS40MjMgMCAxMC0uOS0yLjdMNiA1IDAgM3pNMCA4djNsNiAyIDUuMDI3LTEuNjc2YTEuNDIzIDEuNDIzIDAgMTAtLjktMi43TDYgMTAgMCA4ek0wIDEzdjNsNiAyIDUuMDI3LTEuNjc2YTEuNDIzIDEuNDIzIDAgMTAtLjktMi43TDYgMTVsLTYtMnpNMCAxOHYyaDEydi0uMDI2YzAtLjk3MS0uOTUyLTEuNjU3LTEuODczLTEuMzVMNiAyMGwtNi0yeiIgZmlsbD0iIzE0MTcyMSIvPjwvc3ZnPg==');
  --bgg-pattern-crosses-dark: url('data:image/svg+xml;base64,PHN2ZyBhcmlhLWhpZGRlbj0idHJ1ZSIgYXJpYS1sYWJlbD0iQ3Jvc3NlcyBEYXJrIiBjbGFzcz0iZC1zdmcgZC1zdmctLXN5c3RlbSBkLXN2Z19fY3Jvc3Nlc0RhcmsiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjIwIiBoZWlnaHQ9IjIwIiB2aWV3Qm94PSIwIDAgMjAgMjAiIGZpbGw9Im5vbmUiPjxwYXRoIGZpbGwtcnVsZT0iZXZlbm9kZCIgY2xpcC1ydWxlPSJldmVub2RkIiBkPSJNMTIgMWExIDEgMCAwMC0xLTFIMHYyaDN2M0gwdjJoM3YzSDB2MmgzdjNIMHYyaDN2M2gydi0zaDJ2M2gydi0zaDJhMSAxIDAgMTAwLTJIOXYtM2gyYTEgMSAwIDEwMC0ySDlWN2gyYTEgMSAwIDEwMC0ySDlWMmgyYTEgMSAwIDAwMS0xek03IDJINXYzaDJWMnptMCA1SDV2M2gyVjd6bTAgNUg1djNoMnYtM3oiIGZpbGw9IiMxNDE3MjEiLz48L3N2Zz4=');
  --bgg-pattern-crosshatch-dark: url('data:image/svg+xml;base64,PHN2ZyBhcmlhLWhpZGRlbj0idHJ1ZSIgYXJpYS1sYWJlbD0iQ3Jvc3NoYXRjaCBEYXJrIiBjbGFzcz0iZC1zdmcgZC1zdmctLXN5c3RlbSBkLXN2Z19fY3Jvc3NoYXRjaERhcmsiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjIwIiBoZWlnaHQ9IjIwIiB2aWV3Qm94PSIwIDAgMjAgMjAiIGZpbGw9Im5vbmUiPjxwYXRoIGQ9Ik0zIDBIMHYyLjVhMS41IDEuNSAwIDEwMyAwVjB6TTAgMTcuNVYyMGgzdi0yLjVhMS41IDEuNSAwIDAwLTMgMHpNOCAyMEg1di0yLjVhMS41IDEuNSAwIDAxMyAwVjIwek0xMyAyMGgtM3YtMi41YTEuNSAxLjUgMCAwMTMgMFYyMHpNMTAgMGgzdjIuNWExLjUgMS41IDAgMDEtMyAwVjB6TTUgMGgzdjIuNWExLjUgMS41IDAgMTEtMyAwVjB6TTAgMTMuNWExIDEgMCAwMTEtMWgxMWExIDEgMCAxMTAgMkgxYTEgMSAwIDAxLTEtMXpNMCAxMGExIDEgMCAwMDEgMWgxMWExIDEgMCAxMDAtMkgxYTEgMSAwIDAwLTEgMXpNMCA2LjVhMSAxIDAgMDAxIDFoMTFhMSAxIDAgMTAwLTJIMWExIDEgMCAwMC0xIDF6IiBmaWxsPSIjMTQxNzIxIi8+PC9zdmc+');
  --bgg-pattern-dot-dash-dark: url('data:image/svg+xml;base64,PHN2ZyBhcmlhLWhpZGRlbj0idHJ1ZSIgYXJpYS1sYWJlbD0iRG90IERhc2ggRGFyayIgY2xhc3M9ImQtc3ZnIGQtc3ZnLS1zeXN0ZW0gZC1zdmdfX2RvdERhc2hEYXJrIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyMCIgaGVpZ2h0PSIyMCIgdmlld0JveD0iMCAwIDIwIDIwIiBmaWxsPSJub25lIj48cGF0aCBkPSJNNS4xNDMgNC44MThWMEgwdjQuODE4YzAgMS40MDYgMS4xNTEgMi41NDYgMi41NzEgMi41NDYgMS40MiAwIDIuNTcyLTEuMTQgMi41NzItMi41NDZ6TTAgMTguMzk0VjIwaDUuMTQzdi0xLjYwNmMwLTEuNDA2LTEuMTUxLTIuNTQ1LTIuNTcyLTIuNTQ1LTEuNDIgMC0yLjU3MSAxLjE0LTIuNTcxIDIuNTQ1ek0xMiAyMEg2Ljg1N3YtNi42OTdjMC0xLjQwNiAxLjE1MS0yLjU0NSAyLjU3Mi0yLjU0NSAxLjQyIDAgMi41NzEgMS4xNCAyLjU3MSAyLjU0NVYyMHpNMTEuOTg1IDBINi44NzJhMi41NjIgMi41NjIgMCAwMDIuNTU3IDIuMjczYzEuMzI3IDAgMi40MTktLjk5NSAyLjU1Ni0yLjI3M3pNMCAxMS42MDZDMCAxMC4yIDEuMTUxIDkuMDYxIDIuNTcxIDkuMDYxYzEuNDIgMCAyLjU3MiAxLjE0IDIuNTcyIDIuNTQ1IDAgMS40MDYtMS4xNTEgMi41NDYtMi41NzIgMi41NDYtMS40MiAwLTIuNTcxLTEuMTQtMi41NzEtMi41NDZ6TTEyIDYuNTE1QzEyIDUuMTEgMTAuODQ5IDMuOTcgOS40MjkgMy45N2MtMS40MiAwLTIuNTcyIDEuMTQtMi41NzIgMi41NDUgMCAxLjQwNiAxLjE1MSAyLjU0NiAyLjU3MiAyLjU0NkMxMC44NDkgOS4wNiAxMiA3LjkyIDEyIDYuNTE1eiIgZmlsbD0iIzE0MTcyMSIvPjwvc3ZnPg==');
  --bgg-pattern-dots-circles-dark: url('data:image/svg+xml;base64,PHN2ZyBhcmlhLWhpZGRlbj0idHJ1ZSIgYXJpYS1sYWJlbD0iRG90cyBDaXJjbGVzIERhcmsiIGNsYXNzPSJkLXN2ZyBkLXN2Zy0tc3lzdGVtIGQtc3ZnX19kb3RzQ2lyY2xlc0RhcmsiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjIwIiBoZWlnaHQ9IjIwIiB2aWV3Qm94PSIwIDAgMjAgMjAiIGZpbGw9Im5vbmUiPjxwYXRoIGQ9Ik0xMiAwSDZhMiAyIDAgMDAyIDJoNFYwek00IDBIMHY0aDRhMiAyIDAgMTAwLTR6TTAgMTEuNTM1djYuOTNhNCA0IDAgMTAwLTYuOTN6TTEyIDIwSDZhMiAyIDAgMDEyLTJoNHYyek02IDkuNWEyIDIgMCAwMTItMmg0djRIOGEyIDIgMCAwMS0yLTJ6TS41IDcuNWExLjUgMS41IDAgMTEzIDAgMS41IDEuNSAwIDAxLTMgMHpNMTAgMy41YTEgMSAwIDEwMCAyIDEgMSAwIDAwMC0yek0xMCAxMy41YTEuNSAxLjUgMCAxMDAgMyAxLjUgMS41IDAgMDAwLTN6IiBmaWxsPSIjMTQxNzIxIi8+PC9zdmc+');
  --bgg-pattern-horz-stripes-dark: url('data:image/svg+xml;base64,PHN2ZyBhcmlhLWhpZGRlbj0idHJ1ZSIgYXJpYS1sYWJlbD0iSG9yeiBTdHJpcGVzIERhcmsiIGNsYXNzPSJkLXN2ZyBkLXN2Zy0tc3lzdGVtIGQtc3ZnX19ob3J6U3RyaXBlc0RhcmsiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjIwIiBoZWlnaHQ9IjIwIiB2aWV3Qm94PSIwIDAgMjAgMjAiIGZpbGw9Im5vbmUiPjxwYXRoIGQ9Ik0xMC40MTIgM0gwVjBoMTAuNDEyQzExLjI4OSAwIDEyIC42NzIgMTIgMS41UzExLjI4OSAzIDEwLjQxMiAzek0wIDE4aDEwLjQxMmMuODc3IDAgMS41ODgtLjY3MiAxLjU4OC0xLjVzLS43MTEtMS41LTEuNTg4LTEuNUgwdjN6TTAgMTNoMTAuNDEyYy44NzcgMCAxLjU4OC0uNjcyIDEuNTg4LTEuNXMtLjcxMS0xLjUtMS41ODgtMS41SDB2M3pNMCA4aDEwLjQxMkMxMS4yODkgOCAxMiA3LjMyOCAxMiA2LjVTMTEuMjg5IDUgMTAuNDEyIDVIMHYzeiIgZmlsbD0iIzE0MTcyMSIvPjwvc3ZnPg==');
  --bgg-pattern-slanted-stripes-dark: url('data:image/svg+xml;base64,PHN2ZyBhcmlhLWhpZGRlbj0idHJ1ZSIgYXJpYS1sYWJlbD0iU2xhbnRlZCBTdHJpcGVzIERhcmsiIGNsYXNzPSJkLXN2ZyBkLXN2Zy0tc3lzdGVtIGQtc3ZnX19zbGFudGVkU3RyaXBlc0RhcmsiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjIwIiBoZWlnaHQ9IjIwIiB2aWV3Qm94PSIwIDAgMjAgMjAiIGZpbGw9Im5vbmUiPjxwYXRoIGQ9Ik04IDBIMHY0bDgtNHpNMCA1djRsMTItNlYwaC0yTDAgNXpNMTIgMjB2LTFsLTIgMWgyek04IDIwbDQtMnYtNEwwIDIwaDh6TTAgMTlsMTItNlY5TDAgMTV2NHpNMCAxNGwxMi02VjRMMCAxMHY0eiIgZmlsbD0iIzE0MTcyMSIvPjwvc3ZnPg==');
  --bgg-pattern-steps-dark: url('data:image/svg+xml;base64,PHN2ZyBhcmlhLWhpZGRlbj0idHJ1ZSIgYXJpYS1sYWJlbD0iU3RlcHMgRGFyayIgY2xhc3M9ImQtc3ZnIGQtc3ZnLS1zeXN0ZW0gZC1zdmdfX3N0ZXBzRGFyayIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB3aWR0aD0iMjAiIGhlaWdodD0iMjAiIHZpZXdCb3g9IjAgMCAyMCAyMCIgZmlsbD0ibm9uZSI+PHBhdGggZD0iTTAgMHYuNWExLjUgMS41IDAgMTAzIDBWMEgwek0xMCAyMGEyIDIgMCAwMDItMnYtMS41YTEuNSAxLjUgMCAwMC0zIDB2LjVIMmEyIDIgMCAwMC0yIDJ2MWgxMHpNMCAxMy41YTEuNSAxLjUgMCAwMDMgMFYxM2g3YTIgMiAwIDAwMi0yVjkuNWExLjUgMS41IDAgMDAtMyAwdi41SDJhMiAyIDAgMDAtMiAydjEuNXpNMCA2LjVhMS41IDEuNSAwIDEwMyAwVjZoN2EyIDIgMCAwMDItMlYyLjVhMS41IDEuNSAwIDAwLTMgMFYzSDJhMiAyIDAgMDAtMiAydjEuNXoiIGZpbGw9IiMxNDE3MjEiLz48L3N2Zz4=');
  --bgg-pattern-stripe-dark: url('data:image/svg+xml;base64,PHN2ZyBhcmlhLWhpZGRlbj0idHJ1ZSIgYXJpYS1sYWJlbD0iU3RyaXBlIERhcmsiIGNsYXNzPSJkLXN2ZyBkLXN2Zy0tc3lzdGVtIGQtc3ZnX19zdHJpcGVEYXJrIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyMCIgaGVpZ2h0PSIyMCIgdmlld0JveD0iMCAwIDIwIDIwIiBmaWxsPSJub25lIj48cGF0aCBkPSJNNCAyMEgyVjBoMnYyMHpNOSAyMEg1VjBoNHYyMHpNMTIgMjBoLTJWMGgydjIweiIgZmlsbD0iIzE0MTcyMSIvPjwvc3ZnPg==');
  --bgg-pattern-blob-light: url('data:image/svg+xml;base64,PHN2ZyBhcmlhLWhpZGRlbj0idHJ1ZSIgYXJpYS1sYWJlbD0iQmxvYiBMaWdodCIgY2xhc3M9ImQtc3ZnIGQtc3ZnLS1zeXN0ZW0gZC1zdmdfX2Jsb2JMaWdodCIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB3aWR0aD0iMjAiIGhlaWdodD0iMjAiIHZpZXdCb3g9IjAgMCAyMCAyMCIgZmlsbD0ibm9uZSI+PHBhdGggZD0iTTEgMGExIDEgMCAwMC0xIDF2Mi4zYTEgMSAwIDAwMSAxaDQuMDJjLS4wMTMuMDY1LS4wMi4xMzItLjAyLjJ2Mi4zSDFhMSAxIDAgMDAtMSAxdjIuM2ExIDEgMCAwMDEgMWg0LjAyYy0uMDEzLjA2NS0uMDIuMTMyLS4wMi4ydjIuM0gxYTEgMSAwIDAwLTEgMXYyLjNhMSAxIDAgMDAxIDFoNC4wMmMtLjAxMy4wNjUtLjAyLjEzMi0uMDIuMlYyMGg4di0xLjlhMSAxIDAgMDAtMS0xSDcuOThjLjAxMy0uMDY1LjAyLS4xMzIuMDItLjJ2LTIuM2g0YTEgMSAwIDAwMS0xdi0yLjNhMSAxIDAgMDAtMS0xSDcuOThjLjAxMy0uMDY1LjAyLS4xMzIuMDItLjJWNy44aDRhMSAxIDAgMDAxLTFWNC41YTEgMSAwIDAwLTEtMUg3Ljk4Yy4wMTMtLjA2NS4wMi0uMTMyLjAyLS4ydi0yaDRhMSAxIDAgMDAxLTFWMEgxeiIgZmlsbD0iI2ZmZiIvPjwvc3ZnPg==');
  --bgg-pattern-chevrons-light: url('data:image/svg+xml;base64,PHN2ZyBhcmlhLWhpZGRlbj0idHJ1ZSIgYXJpYS1sYWJlbD0iQ2hldnJvbnMgTGlnaHQiIGNsYXNzPSJkLXN2ZyBkLXN2Zy0tc3lzdGVtIGQtc3ZnX19jaGV2cm9uc0xpZ2h0IiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyMCIgaGVpZ2h0PSIyMCIgdmlld0JveD0iMCAwIDIwIDIwIiBmaWxsPSJub25lIj48cGF0aCBkPSJNMTEuMDI3IDEuMzI0QzExLjYgMS4xMzQgMTEuOTg5LjYwMiAxMiAwSDB2MWw2IDIgNS4wMjctMS42NzZ6TTAgM3YzbDYgMiA1LjAyNy0xLjY3NmExLjQyMyAxLjQyMyAwIDEwLS45LTIuN0w2IDUgMCAzek0wIDh2M2w2IDIgNS4wMjctMS42NzZhMS40MjMgMS40MjMgMCAxMC0uOS0yLjdMNiAxMCAwIDh6TTAgMTN2M2w2IDIgNS4wMjctMS42NzZhMS40MjMgMS40MjMgMCAxMC0uOS0yLjdMNiAxNWwtNi0yek0wIDE4djJoMTJ2LS4wMjZjMC0uOTcxLS45NTItMS42NTctMS44NzMtMS4zNUw2IDIwbC02LTJ6IiBmaWxsPSIjZmZmIi8+PC9zdmc+');
  --bgg-pattern-crosses-light: url('data:image/svg+xml;base64,PHN2ZyBhcmlhLWhpZGRlbj0idHJ1ZSIgYXJpYS1sYWJlbD0iQ3Jvc3NlcyBMaWdodCIgY2xhc3M9ImQtc3ZnIGQtc3ZnLS1zeXN0ZW0gZC1zdmdfX2Nyb3NzZXNMaWdodCIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB3aWR0aD0iMjAiIGhlaWdodD0iMjAiIHZpZXdCb3g9IjAgMCAyMCAyMCIgZmlsbD0ibm9uZSI+PHBhdGggZmlsbC1ydWxlPSJldmVub2RkIiBjbGlwLXJ1bGU9ImV2ZW5vZGQiIGQ9Ik0xMiAxYTEgMSAwIDAwLTEtMUgwdjJoM3YzSDB2MmgzdjNIMHYyaDN2M0gwdjJoM3YzaDJ2LTNoMnYzaDJ2LTNoMmExIDEgMCAxMDAtMkg5di0zaDJhMSAxIDAgMTAwLTJIOVY3aDJhMSAxIDAgMTAwLTJIOVYyaDJhMSAxIDAgMDAxLTF6TTcgMkg1djNoMlYyem0wIDVINXYzaDJWN3ptMCA1SDV2M2gydi0zeiIgZmlsbD0iI2ZmZiIvPjwvc3ZnPg==');
  --bgg-pattern-crosshatch-light: url('data:image/svg+xml;base64,PHN2ZyBhcmlhLWhpZGRlbj0idHJ1ZSIgYXJpYS1sYWJlbD0iQ3Jvc3NoYXRjaCBMaWdodCIgY2xhc3M9ImQtc3ZnIGQtc3ZnLS1zeXN0ZW0gZC1zdmdfX2Nyb3NzaGF0Y2hMaWdodCIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB3aWR0aD0iMjAiIGhlaWdodD0iMjAiIHZpZXdCb3g9IjAgMCAyMCAyMCIgZmlsbD0ibm9uZSI+PHBhdGggZD0iTTMgMEgwdjIuNWExLjUgMS41IDAgMTAzIDBWMHpNMCAxNy41VjIwaDN2LTIuNWExLjUgMS41IDAgMDAtMyAwek04IDIwSDV2LTIuNWExLjUgMS41IDAgMDEzIDBWMjB6TTEzIDIwaC0zdi0yLjVhMS41IDEuNSAwIDAxMyAwVjIwek0xMCAwaDN2Mi41YTEuNSAxLjUgMCAwMS0zIDBWMHpNNSAwaDN2Mi41YTEuNSAxLjUgMCAxMS0zIDBWMHpNMCAxMy41YTEgMSAwIDAxMS0xaDExYTEgMSAwIDExMCAySDFhMSAxIDAgMDEtMS0xek0wIDEwYTEgMSAwIDAwMSAxaDExYTEgMSAwIDEwMC0ySDFhMSAxIDAgMDAtMSAxek0wIDYuNWExIDEgMCAwMDEgMWgxMWExIDEgMCAxMDAtMkgxYTEgMSAwIDAwLTEgMXoiIGZpbGw9IiNmZmYiLz48L3N2Zz4=');
  --bgg-pattern-dot-dash-light: url('data:image/svg+xml;base64,PHN2ZyBhcmlhLWhpZGRlbj0idHJ1ZSIgYXJpYS1sYWJlbD0iRG90IERhc2ggTGlnaHQiIGNsYXNzPSJkLXN2ZyBkLXN2Zy0tc3lzdGVtIGQtc3ZnX19kb3REYXNoTGlnaHQiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjIwIiBoZWlnaHQ9IjIwIiB2aWV3Qm94PSIwIDAgMjAgMjAiIGZpbGw9Im5vbmUiPjxwYXRoIGQ9Ik01LjE0MyA0LjgxOFYwSDB2NC44MThjMCAxLjQwNiAxLjE1MSAyLjU0NiAyLjU3MSAyLjU0NiAxLjQyIDAgMi41NzItMS4xNCAyLjU3Mi0yLjU0NnpNMCAxOC4zOTRWMjBoNS4xNDN2LTEuNjA2YzAtMS40MDYtMS4xNTEtMi41NDUtMi41NzItMi41NDUtMS40MiAwLTIuNTcxIDEuMTQtMi41NzEgMi41NDV6TTEyIDIwSDYuODU3di02LjY5N2MwLTEuNDA2IDEuMTUxLTIuNTQ1IDIuNTcyLTIuNTQ1IDEuNDIgMCAyLjU3MSAxLjE0IDIuNTcxIDIuNTQ1VjIwek0xMS45ODUgMEg2Ljg3MmEyLjU2MiAyLjU2MiAwIDAwMi41NTcgMi4yNzNjMS4zMjcgMCAyLjQxOS0uOTk1IDIuNTU2LTIuMjczek0wIDExLjYwNkMwIDEwLjIgMS4xNTEgOS4wNjEgMi41NzEgOS4wNjFjMS40MiAwIDIuNTcyIDEuMTQgMi41NzIgMi41NDUgMCAxLjQwNi0xLjE1MSAyLjU0Ni0yLjU3MiAyLjU0Ni0xLjQyIDAtMi41NzEtMS4xNC0yLjU3MS0yLjU0NnpNMTIgNi41MTVDMTIgNS4xMSAxMC44NDkgMy45NyA5LjQyOSAzLjk3Yy0xLjQyIDAtMi41NzIgMS4xNC0yLjU3MiAyLjU0NSAwIDEuNDA2IDEuMTUxIDIuNTQ2IDIuNTcyIDIuNTQ2QzEwLjg0OSA5LjA2IDEyIDcuOTIgMTIgNi41MTV6IiBmaWxsPSIjZmZmIi8+PC9zdmc+');
  --bgg-pattern-dots-circles-light: url('data:image/svg+xml;base64,PHN2ZyBhcmlhLWhpZGRlbj0idHJ1ZSIgYXJpYS1sYWJlbD0iRG90cyBDaXJjbGVzIExpZ2h0IiBjbGFzcz0iZC1zdmcgZC1zdmctLXN5c3RlbSBkLXN2Z19fZG90c0NpcmNsZXNMaWdodCIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB3aWR0aD0iMjAiIGhlaWdodD0iMjAiIHZpZXdCb3g9IjAgMCAyMCAyMCIgZmlsbD0ibm9uZSI+PHBhdGggZD0iTTEyIDBINmEyIDIgMCAwMDIgMmg0VjB6TTQgMEgwdjRoNGEyIDIgMCAxMDAtNHpNMCAxMS41MzV2Ni45M2E0IDQgMCAxMDAtNi45M3pNMTIgMjBINmEyIDIgMCAwMTItMmg0djJ6TTYgOS41YTIgMiAwIDAxMi0yaDR2NEg4YTIgMiAwIDAxLTItMnpNLjUgNy41YTEuNSAxLjUgMCAxMTMgMCAxLjUgMS41IDAgMDEtMyAwek0xMCAzLjVhMSAxIDAgMTAwIDIgMSAxIDAgMDAwLTJ6TTEwIDEzLjVhMS41IDEuNSAwIDEwMCAzIDEuNSAxLjUgMCAwMDAtM3oiIGZpbGw9IiNmZmYiLz48L3N2Zz4=');
  --bgg-pattern-horz-stripes-light: url('data:image/svg+xml;base64,PHN2ZyBhcmlhLWhpZGRlbj0idHJ1ZSIgYXJpYS1sYWJlbD0iSG9yeiBTdHJpcGVzIExpZ2h0IiBjbGFzcz0iZC1zdmcgZC1zdmctLXN5c3RlbSBkLXN2Z19faG9yelN0cmlwZXNMaWdodCIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB3aWR0aD0iMjAiIGhlaWdodD0iMjAiIHZpZXdCb3g9IjAgMCAyMCAyMCIgZmlsbD0ibm9uZSI+PHBhdGggZD0iTTEwLjQxMiAzSDBWMGgxMC40MTJDMTEuMjg5IDAgMTIgLjY3MiAxMiAxLjVTMTEuMjg5IDMgMTAuNDEyIDN6TTAgMThoMTAuNDEyYy44NzcgMCAxLjU4OC0uNjcyIDEuNTg4LTEuNXMtLjcxMS0xLjUtMS41ODgtMS41SDB2M3pNMCAxM2gxMC40MTJjLjg3NyAwIDEuNTg4LS42NzIgMS41ODgtMS41cy0uNzExLTEuNS0xLjU4OC0xLjVIMHYzek0wIDhoMTAuNDEyQzExLjI4OSA4IDEyIDcuMzI4IDEyIDYuNVMxMS4yODkgNSAxMC40MTIgNUgwdjN6IiBmaWxsPSIjZmZmIi8+PC9zdmc+');
  --bgg-pattern-slanted-stripes-light: url('data:image/svg+xml;base64,PHN2ZyBhcmlhLWhpZGRlbj0idHJ1ZSIgYXJpYS1sYWJlbD0iU2xhbnRlZCBTdHJpcGVzIExpZ2h0IiBjbGFzcz0iZC1zdmcgZC1zdmctLXN5c3RlbSBkLXN2Z19fc2xhbnRlZFN0cmlwZXNMaWdodCIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB3aWR0aD0iMjAiIGhlaWdodD0iMjAiIHZpZXdCb3g9IjAgMCAyMCAyMCIgZmlsbD0ibm9uZSI+PHBhdGggZD0iTTggMEgwdjRsOC00ek0wIDV2NGwxMi02VjBoLTJMMCA1ek0xMiAyMHYtMWwtMiAxaDJ6TTggMjBsNC0ydi00TDAgMjBoOHpNMCAxOWwxMi02VjlMMCAxNXY0ek0wIDE0bDEyLTZWNEwwIDEwdjR6IiBmaWxsPSIjZmZmIi8+PC9zdmc+');
  --bgg-pattern-steps-light: url('data:image/svg+xml;base64,PHN2ZyBhcmlhLWhpZGRlbj0idHJ1ZSIgYXJpYS1sYWJlbD0iU3RlcHMgTGlnaHQiIGNsYXNzPSJkLXN2ZyBkLXN2Zy0tc3lzdGVtIGQtc3ZnX19zdGVwc0xpZ2h0IiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyMCIgaGVpZ2h0PSIyMCIgdmlld0JveD0iMCAwIDIwIDIwIiBmaWxsPSJub25lIj48cGF0aCBkPSJNMCAwdi41YTEuNSAxLjUgMCAxMDMgMFYwSDB6TTEwIDIwYTIgMiAwIDAwMi0ydi0xLjVhMS41IDEuNSAwIDAwLTMgMHYuNUgyYTIgMiAwIDAwLTIgMnYxaDEwek0wIDEzLjVhMS41IDEuNSAwIDAwMyAwVjEzaDdhMiAyIDAgMDAyLTJWOS41YTEuNSAxLjUgMCAwMC0zIDB2LjVIMmEyIDIgMCAwMC0yIDJ2MS41ek0wIDYuNWExLjUgMS41IDAgMTAzIDBWNmg3YTIgMiAwIDAwMi0yVjIuNWExLjUgMS41IDAgMDAtMyAwVjNIMmEyIDIgMCAwMC0yIDJ2MS41eiIgZmlsbD0iI2ZmZiIvPjwvc3ZnPg==');
  --bgg-pattern-stripe-light: url('data:image/svg+xml;base64,PHN2ZyBhcmlhLWhpZGRlbj0idHJ1ZSIgYXJpYS1sYWJlbD0iU3RyaXBlIExpZ2h0IiBjbGFzcz0iZC1zdmcgZC1zdmctLXN5c3RlbSBkLXN2Z19fc3RyaXBlTGlnaHQiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjIwIiBoZWlnaHQ9IjIwIiB2aWV3Qm94PSIwIDAgMjAgMjAiIGZpbGw9Im5vbmUiPjxwYXRoIGQ9Ik00IDIwSDJWMGgydjIwek05IDIwSDVWMGg0djIwek0xMiAyMGgtMlYwaDJ2MjB6IiBmaWxsPSIjZmZmIi8+PC9zdmc+');
  --sidebar-width: minmax(20rem, 30rem);
  --content-width: minmax(32rem, 90ch);
  --header-height: minmax(6.4rem, min-content);
  --content-height: minmax(64rem, max-content);
  --grid-columns: 12;
  --grid-column-width: minmax(min-content, 24rem);
  --grid-column-auto: 1fr;
  --lh0: 1;
  --lh1: calc(1em + 1px);
  --lh2: calc(1em + 2px);
  --lh4: calc(1em + 4px);
  --lh6: calc(1em + 6px);
  --lh8: calc(1em + 8px);
  --lh12: calc(1em + 12px);
  --lh16: calc(1em + 16px);
  --lh20: calc(1em + 20px);
  --lh24: calc(1em + 24px);
  --ls-content: '\1F44D';
  --primary-color-h: var(--dt-color-purple-400-h);
  --primary-color-s: var(--dt-color-purple-400-s);
  --primary-color-l: var(--dt-color-purple-400-l);
  --primary-color-hsl: var(--primary-color-h) var(--primary-color-s) var(--primary-color-l);
  --primary-color: hsl(var(--primary-color-h) var(--primary-color-s) var(--primary-color-l));
  --primary-color-hover: hsl(var(--primary-color-h) var(--primary-color-s) calc(var(--primary-color-l) - 10%));
  --nav-background-color-h: var(--dt-color-purple-600-h);
  --nav-background-color-s: var(--dt-color-purple-600-s);
  --nav-background-color-l: var(--dt-color-purple-600-l);
  --nav-background-color: hsl(var(--nav-background-color-h) var(--nav-background-color-s) var(--nav-background-color-l));
  --topbar-height: var(--dt-size-700);
  --base--font-size: var(--dt-font-size-200);
  --base--font-family: var(--dt-font-family-body);
  --base--line-height: var(--dt-font-line-height-300);
  --base--corner-radius: 0.25em;
}
/**
 * Do not edit directly, this file was auto-generated.
 */

:root {
  color-scheme: light;
  --dt-shadow-focus-inset-type: innerShadow;
  --dt-shadow-focus-2-type: dropShadow;
  --dt-shadow-focus-1-type: dropShadow;
  --dt-shadow-card-3-type: dropShadow;
  --dt-shadow-card-3-color-h: 0;
  --dt-shadow-card-3-color-s: 0%;
  --dt-shadow-card-3-color-l: 0%;
  --dt-shadow-card-3-color-a: 8%;
  --dt-shadow-card-3-color-hsl: var(--dt-shadow-card-3-color-h) var(--dt-shadow-card-3-color-s) var(--dt-shadow-card-3-color-l);
  --dt-shadow-card-3-color-hsla: hsl(var(--dt-shadow-card-3-color-h) var(--dt-shadow-card-3-color-s) var(--dt-shadow-card-3-color-l) / var(--alpha, 8%));
  --dt-shadow-card-3-color: #00000014;
  --dt-shadow-card-2-type: dropShadow;
  --dt-shadow-card-2-color-h: 0;
  --dt-shadow-card-2-color-s: 0%;
  --dt-shadow-card-2-color-l: 0%;
  --dt-shadow-card-2-color-a: 4%;
  --dt-shadow-card-2-color-hsl: var(--dt-shadow-card-2-color-h) var(--dt-shadow-card-2-color-s) var(--dt-shadow-card-2-color-l);
  --dt-shadow-card-2-color-hsla: hsl(var(--dt-shadow-card-2-color-h) var(--dt-shadow-card-2-color-s) var(--dt-shadow-card-2-color-l) / var(--alpha, 4%));
  --dt-shadow-card-2-color: #0000000A;
  --dt-shadow-card-1-type: dropShadow;
  --dt-shadow-card-1-color-h: 0;
  --dt-shadow-card-1-color-s: 0%;
  --dt-shadow-card-1-color-l: 0%;
  --dt-shadow-card-1-color-a: 3%;
  --dt-shadow-card-1-color-hsl: var(--dt-shadow-card-1-color-h) var(--dt-shadow-card-1-color-s) var(--dt-shadow-card-1-color-l);
  --dt-shadow-card-1-color-hsla: hsl(var(--dt-shadow-card-1-color-h) var(--dt-shadow-card-1-color-s) var(--dt-shadow-card-1-color-l) / var(--alpha, 3%));
  --dt-shadow-card-1-color: #00000008;
  --dt-shadow-extra-large-type: dropShadow;
  --dt-shadow-extra-large-color-h: 0;
  --dt-shadow-extra-large-color-s: 0%;
  --dt-shadow-extra-large-color-l: 0%;
  --dt-shadow-extra-large-color-a: 30%;
  --dt-shadow-extra-large-color-hsl: var(--dt-shadow-extra-large-color-h) var(--dt-shadow-extra-large-color-s) var(--dt-shadow-extra-large-color-l);
  --dt-shadow-extra-large-color-hsla: hsl(var(--dt-shadow-extra-large-color-h) var(--dt-shadow-extra-large-color-s) var(--dt-shadow-extra-large-color-l) / var(--alpha, 30%));
  --dt-shadow-extra-large-color: #0000004D;
  --dt-shadow-large-type: dropShadow;
  --dt-shadow-large-color-h: 0;
  --dt-shadow-large-color-s: 0%;
  --dt-shadow-large-color-l: 0%;
  --dt-shadow-large-color-a: 30%;
  --dt-shadow-large-color-hsl: var(--dt-shadow-large-color-h) var(--dt-shadow-large-color-s) var(--dt-shadow-large-color-l);
  --dt-shadow-large-color-hsla: hsl(var(--dt-shadow-large-color-h) var(--dt-shadow-large-color-s) var(--dt-shadow-large-color-l) / var(--alpha, 30%));
  --dt-shadow-large-color: #0000004D;
  --dt-shadow-medium-type: dropShadow;
  --dt-shadow-medium-color-h: 0;
  --dt-shadow-medium-color-s: 0%;
  --dt-shadow-medium-color-l: 0%;
  --dt-shadow-medium-color-a: 25%;
  --dt-shadow-medium-color-hsl: var(--dt-shadow-medium-color-h) var(--dt-shadow-medium-color-s) var(--dt-shadow-medium-color-l);
  --dt-shadow-medium-color-hsla: hsl(var(--dt-shadow-medium-color-h) var(--dt-shadow-medium-color-s) var(--dt-shadow-medium-color-l) / var(--alpha, 25%));
  --dt-shadow-medium-color: #00000040;
  --dt-shadow-small-type: dropShadow;
  --dt-shadow-small-color-h: 0;
  --dt-shadow-small-color-s: 0%;
  --dt-shadow-small-color-l: 0%;
  --dt-shadow-small-color-a: 15%;
  --dt-shadow-small-color-hsl: var(--dt-shadow-small-color-h) var(--dt-shadow-small-color-s) var(--dt-shadow-small-color-l);
  --dt-shadow-small-color-hsla: hsl(var(--dt-shadow-small-color-h) var(--dt-shadow-small-color-s) var(--dt-shadow-small-color-l) / var(--alpha, 15%));
  --dt-shadow-small-color: #00000026;
  --dt-opacity-1300: 1;
  --dt-opacity-1200: .9;
  --dt-opacity-1100: .8;
  --dt-opacity-1000: .75;
  --dt-opacity-900: .7;
  --dt-opacity-800: .6;
  --dt-opacity-700: .5;
  --dt-opacity-600: .4;
  --dt-opacity-500: .3;
  --dt-opacity-400: .25;
  --dt-opacity-300: .2;
  --dt-opacity-200: .1;
  --dt-opacity-100: .05;
  --dt-opacity-0: 0;
  --dt-color-brand-gold-h: 35.850622406639005;
  --dt-color-brand-gold-s: 100%;
  --dt-color-brand-gold-l: 52.74509803921569%;
  --dt-color-brand-gold-a: 100%;
  --dt-color-brand-gold-hsl: var(--dt-color-brand-gold-h) var(--dt-color-brand-gold-s) var(--dt-color-brand-gold-l);
  --dt-color-brand-gold-hsla: hsl(var(--dt-color-brand-gold-h) var(--dt-color-brand-gold-s) var(--dt-color-brand-gold-l) / var(--alpha, 100%));
  --dt-color-brand-gold: #FF9E0E; /* Typically used as an accent color. */
  --dt-color-brand-red-h: 342.96610169491527;
  --dt-color-brand-red-s: 100%;
  --dt-color-brand-red-l: 53.72549019607843%;
  --dt-color-brand-red-a: 100%;
  --dt-color-brand-red-hsl: var(--dt-color-brand-red-h) var(--dt-color-brand-red-s) var(--dt-color-brand-red-l);
  --dt-color-brand-red-hsla: hsl(var(--dt-color-brand-red-h) var(--dt-color-brand-red-s) var(--dt-color-brand-red-l) / var(--alpha, 100%));
  --dt-color-brand-red: #FF1356; /* Typically used as an accent color. */
  --dt-color-brand-magenta-h: 323.9473684210526;
  --dt-color-brand-magenta-s: 100%;
  --dt-color-brand-magenta-l: 55.294117647058826%;
  --dt-color-brand-magenta-a: 100%;
  --dt-color-brand-magenta-hsl: var(--dt-color-brand-magenta-h) var(--dt-color-brand-magenta-s) var(--dt-color-brand-magenta-l);
  --dt-color-brand-magenta-hsla: hsl(var(--dt-color-brand-magenta-h) var(--dt-color-brand-magenta-s) var(--dt-color-brand-magenta-l) / var(--alpha, 100%));
  --dt-color-brand-magenta: #FF1BA4; /* Typically used as an accent color. */
  --dt-color-brand-purple-h: 254.5664739884393;
  --dt-color-brand-purple-s: 100%;
  --dt-color-brand-purple-l: 66.07843137254902%;
  --dt-color-brand-purple-a: 100%;
  --dt-color-brand-purple-hsl: var(--dt-color-brand-purple-h) var(--dt-color-brand-purple-s) var(--dt-color-brand-purple-l);
  --dt-color-brand-purple-hsla: hsl(var(--dt-color-brand-purple-h) var(--dt-color-brand-purple-s) var(--dt-color-brand-purple-l) / var(--alpha, 100%));
  --dt-color-brand-purple: #7C52FF; /* Primary brand color. */
  --dt-color-gradient-gold-red-magenta-purple: linear-gradient(135deg, #471571 0%, #551B84 3.08%, #7C229E 14.48%, #9024A4 23.67%, #B02290 35.5%, #D32B86 48.3%, #E92F6F 60.29%, #F6484F 70.08%, #FB7328 90.02%, #F3960F 97.29%, #F3960F 100%); /* Gradient for Ai-oriented treatments. */
  --dt-color-indigo-1000-h: 203.2258064516129;
  --dt-color-indigo-1000-s: 100%;
  --dt-color-indigo-1000-l: 6.078431372549019%;
  --dt-color-indigo-1000-a: 100%;
  --dt-color-indigo-1000-hsl: var(--dt-color-indigo-1000-h) var(--dt-color-indigo-1000-s) var(--dt-color-indigo-1000-l);
  --dt-color-indigo-1000-hsla: hsl(var(--dt-color-indigo-1000-h) var(--dt-color-indigo-1000-s) var(--dt-color-indigo-1000-l) / var(--alpha, 100%));
  --dt-color-indigo-1000: #00131F;
  --dt-color-indigo-950-h: 203.47826086956522;
  --dt-color-indigo-950-s: 82.14285714285715%;
  --dt-color-indigo-950-l: 10.980392156862745%;
  --dt-color-indigo-950-a: 100%;
  --dt-color-indigo-950-hsl: var(--dt-color-indigo-950-h) var(--dt-color-indigo-950-s) var(--dt-color-indigo-950-l);
  --dt-color-indigo-950-hsla: hsl(var(--dt-color-indigo-950-h) var(--dt-color-indigo-950-s) var(--dt-color-indigo-950-l) / var(--alpha, 100%));
  --dt-color-indigo-950: #052133;
  --dt-color-indigo-900-h: 203.2258064516129;
  --dt-color-indigo-900-s: 60.7843137254902%;
  --dt-color-indigo-900-l: 20%;
  --dt-color-indigo-900-a: 100%;
  --dt-color-indigo-900-hsl: var(--dt-color-indigo-900-h) var(--dt-color-indigo-900-s) var(--dt-color-indigo-900-l);
  --dt-color-indigo-900-hsla: hsl(var(--dt-color-indigo-900-h) var(--dt-color-indigo-900-s) var(--dt-color-indigo-900-l) / var(--alpha, 100%));
  --dt-color-indigo-900: #143A52;
  --dt-color-indigo-800-h: 205.5737704918033;
  --dt-color-indigo-800-s: 59.80392156862745%;
  --dt-color-indigo-800-l: 40%;
  --dt-color-indigo-800-a: 100%;
  --dt-color-indigo-800-hsl: var(--dt-color-indigo-800-h) var(--dt-color-indigo-800-s) var(--dt-color-indigo-800-l);
  --dt-color-indigo-800-hsla: hsl(var(--dt-color-indigo-800-h) var(--dt-color-indigo-800-s) var(--dt-color-indigo-800-l) / var(--alpha, 100%));
  --dt-color-indigo-800: #296FA3;
  --dt-color-indigo-700-h: 205.77777777777777;
  --dt-color-indigo-700-s: 52.941176470588225%;
  --dt-color-indigo-700-l: 50%;
  --dt-color-indigo-700-a: 100%;
  --dt-color-indigo-700-hsl: var(--dt-color-indigo-700-h) var(--dt-color-indigo-700-s) var(--dt-color-indigo-700-l);
  --dt-color-indigo-700-hsla: hsl(var(--dt-color-indigo-700-h) var(--dt-color-indigo-700-s) var(--dt-color-indigo-700-l) / var(--alpha, 100%));
  --dt-color-indigo-700: #3C89C3;
  --dt-color-indigo-600-h: 208.8372093023256;
  --dt-color-indigo-600-s: 61.72248803827751%;
  --dt-color-indigo-600-l: 59.01960784313726%;
  --dt-color-indigo-600-a: 100%;
  --dt-color-indigo-600-hsl: var(--dt-color-indigo-600-h) var(--dt-color-indigo-600-s) var(--dt-color-indigo-600-l);
  --dt-color-indigo-600-hsla: hsl(var(--dt-color-indigo-600-h) var(--dt-color-indigo-600-s) var(--dt-color-indigo-600-l) / var(--alpha, 100%));
  --dt-color-indigo-600: #5699D7;
  --dt-color-indigo-500-h: 211.0344827586207;
  --dt-color-indigo-500-s: 66.66666666666666%;
  --dt-color-indigo-500-l: 65.88235294117646%;
  --dt-color-indigo-500-a: 100%;
  --dt-color-indigo-500-hsl: var(--dt-color-indigo-500-h) var(--dt-color-indigo-500-s) var(--dt-color-indigo-500-l);
  --dt-color-indigo-500-hsla: hsl(var(--dt-color-indigo-500-h) var(--dt-color-indigo-500-s) var(--dt-color-indigo-500-l) / var(--alpha, 100%));
  --dt-color-indigo-500: #6EA6E2;
  --dt-color-indigo-400-h: 210.94736842105266;
  --dt-color-indigo-400-s: 70.37037037037034%;
  --dt-color-indigo-400-l: 73.52941176470588%;
  --dt-color-indigo-400-a: 100%;
  --dt-color-indigo-400-hsl: var(--dt-color-indigo-400-h) var(--dt-color-indigo-400-s) var(--dt-color-indigo-400-l);
  --dt-color-indigo-400-hsla: hsl(var(--dt-color-indigo-400-h) var(--dt-color-indigo-400-s) var(--dt-color-indigo-400-l) / var(--alpha, 100%));
  --dt-color-indigo-400: #8CBAEB;
  --dt-color-indigo-300-h: 216;
  --dt-color-indigo-300-s: 62.499999999999986%;
  --dt-color-indigo-300-l: 84.31372549019608%;
  --dt-color-indigo-300-a: 100%;
  --dt-color-indigo-300-hsl: var(--dt-color-indigo-300-h) var(--dt-color-indigo-300-s) var(--dt-color-indigo-300-l);
  --dt-color-indigo-300-hsla: hsl(var(--dt-color-indigo-300-h) var(--dt-color-indigo-300-s) var(--dt-color-indigo-300-l) / var(--alpha, 100%));
  --dt-color-indigo-300: #BED2F0;
  --dt-color-indigo-200-h: 216.36363636363635;
  --dt-color-indigo-200-s: 60.000000000000064%;
  --dt-color-indigo-200-l: 89.21568627450979%;
  --dt-color-indigo-200-a: 100%;
  --dt-color-indigo-200-hsl: var(--dt-color-indigo-200-h) var(--dt-color-indigo-200-s) var(--dt-color-indigo-200-l);
  --dt-color-indigo-200-hsla: hsl(var(--dt-color-indigo-200-h) var(--dt-color-indigo-200-s) var(--dt-color-indigo-200-l) / var(--alpha, 100%));
  --dt-color-indigo-200: #D3E0F4;
  --dt-color-indigo-100-h: 221.53846153846158;
  --dt-color-indigo-100-s: 51.99999999999999%;
  --dt-color-indigo-100-l: 95.09803921568627%;
  --dt-color-indigo-100-a: 100%;
  --dt-color-indigo-100-hsl: var(--dt-color-indigo-100-h) var(--dt-color-indigo-100-s) var(--dt-color-indigo-100-l);
  --dt-color-indigo-100-hsla: hsl(var(--dt-color-indigo-100-h) var(--dt-color-indigo-100-s) var(--dt-color-indigo-100-l) / var(--alpha, 100%));
  --dt-color-indigo-100: #ECF0F9;
  --dt-color-indigo-50-h: 217.49999999999986;
  --dt-color-indigo-50-s: 50%;
  --dt-color-indigo-50-l: 96.8627450980392%;
  --dt-color-indigo-50-a: 100%;
  --dt-color-indigo-50-hsl: var(--dt-color-indigo-50-h) var(--dt-color-indigo-50-s) var(--dt-color-indigo-50-l);
  --dt-color-indigo-50-hsla: hsl(var(--dt-color-indigo-50-h) var(--dt-color-indigo-50-s) var(--dt-color-indigo-50-l) / var(--alpha, 100%));
  --dt-color-indigo-50: #F3F6FB;
  --dt-color-teal-1000-h: 176.66666666666669;
  --dt-color-teal-1000-s: 69.23076923076923%;
  --dt-color-teal-1000-l: 5.098039215686274%;
  --dt-color-teal-1000-a: 100%;
  --dt-color-teal-1000-hsl: var(--dt-color-teal-1000-h) var(--dt-color-teal-1000-s) var(--dt-color-teal-1000-l);
  --dt-color-teal-1000-hsla: hsl(var(--dt-color-teal-1000-h) var(--dt-color-teal-1000-s) var(--dt-color-teal-1000-l) / var(--alpha, 100%));
  --dt-color-teal-1000: #041615;
  --dt-color-teal-950-h: 176.75675675675677;
  --dt-color-teal-950-s: 72.54901960784312%;
  --dt-color-teal-950-l: 10%;
  --dt-color-teal-950-a: 100%;
  --dt-color-teal-950-hsl: var(--dt-color-teal-950-h) var(--dt-color-teal-950-s) var(--dt-color-teal-950-l);
  --dt-color-teal-950-hsla: hsl(var(--dt-color-teal-950-h) var(--dt-color-teal-950-s) var(--dt-color-teal-950-l) / var(--alpha, 100%));
  --dt-color-teal-950: #072C2A;
  --dt-color-teal-900-h: 177;
  --dt-color-teal-900-s: 63.829787234042556%;
  --dt-color-teal-900-l: 18.431372549019606%;
  --dt-color-teal-900-a: 100%;
  --dt-color-teal-900-hsl: var(--dt-color-teal-900-h) var(--dt-color-teal-900-s) var(--dt-color-teal-900-l);
  --dt-color-teal-900-hsla: hsl(var(--dt-color-teal-900-h) var(--dt-color-teal-900-s) var(--dt-color-teal-900-l) / var(--alpha, 100%));
  --dt-color-teal-900: #114D4A;
  --dt-color-teal-800-h: 177.02970297029702;
  --dt-color-teal-800-s: 59.76331360946746%;
  --dt-color-teal-800-l: 33.13725490196078%;
  --dt-color-teal-800-a: 100%;
  --dt-color-teal-800-hsl: var(--dt-color-teal-800-h) var(--dt-color-teal-800-s) var(--dt-color-teal-800-l);
  --dt-color-teal-800-hsla: hsl(var(--dt-color-teal-800-h) var(--dt-color-teal-800-s) var(--dt-color-teal-800-l) / var(--alpha, 100%));
  --dt-color-teal-800: #228782;
  --dt-color-teal-700-h: 177.12;
  --dt-color-teal-700-s: 59.80861244019139%;
  --dt-color-teal-700-l: 40.98039215686274%;
  --dt-color-teal-700-a: 100%;
  --dt-color-teal-700-hsl: var(--dt-color-teal-700-h) var(--dt-color-teal-700-s) var(--dt-color-teal-700-l);
  --dt-color-teal-700-hsla: hsl(var(--dt-color-teal-700-h) var(--dt-color-teal-700-s) var(--dt-color-teal-700-l) / var(--alpha, 100%));
  --dt-color-teal-700: #2AA7A1;
  --dt-color-teal-600-h: 177.23076923076923;
  --dt-color-teal-600-s: 55.08474576271186%;
  --dt-color-teal-600-l: 46.27450980392157%;
  --dt-color-teal-600-a: 100%;
  --dt-color-teal-600-hsl: var(--dt-color-teal-600-h) var(--dt-color-teal-600-s) var(--dt-color-teal-600-l);
  --dt-color-teal-600-hsla: hsl(var(--dt-color-teal-600-h) var(--dt-color-teal-600-s) var(--dt-color-teal-600-l) / var(--alpha, 100%));
  --dt-color-teal-600: #35B7B1;
  --dt-color-teal-500-h: 177.0731707317073;
  --dt-color-teal-500-s: 70.08547008547009%;
  --dt-color-teal-500-l: 54.117647058823536%;
  --dt-color-teal-500-a: 100%;
  --dt-color-teal-500-hsl: var(--dt-color-teal-500-h) var(--dt-color-teal-500-s) var(--dt-color-teal-500-l);
  --dt-color-teal-500-hsla: hsl(var(--dt-color-teal-500-h) var(--dt-color-teal-500-s) var(--dt-color-teal-500-l) / var(--alpha, 100%));
  --dt-color-teal-500: #38DCD4;
  --dt-color-teal-400-h: 176.8421052631579;
  --dt-color-teal-400-s: 67.37588652482269%;
  --dt-color-teal-400-l: 72.35294117647058%;
  --dt-color-teal-400-a: 100%;
  --dt-color-teal-400-hsl: var(--dt-color-teal-400-h) var(--dt-color-teal-400-s) var(--dt-color-teal-400-l);
  --dt-color-teal-400-hsla: hsl(var(--dt-color-teal-400-h) var(--dt-color-teal-400-s) var(--dt-color-teal-400-l) / var(--alpha, 100%));
  --dt-color-teal-400: #89E8E3;
  --dt-color-teal-300-h: 176.53846153846155;
  --dt-color-teal-300-s: 64.99999999999999%;
  --dt-color-teal-300-l: 84.31372549019608%;
  --dt-color-teal-300-a: 100%;
  --dt-color-teal-300-hsl: var(--dt-color-teal-300-h) var(--dt-color-teal-300-s) var(--dt-color-teal-300-l);
  --dt-color-teal-300-hsla: hsl(var(--dt-color-teal-300-h) var(--dt-color-teal-300-s) var(--dt-color-teal-300-l) / var(--alpha, 100%));
  --dt-color-teal-300: #BDF1EE;
  --dt-color-teal-200-h: 176.12903225806446;
  --dt-color-teal-200-s: 58.49056603773588%;
  --dt-color-teal-200-l: 89.6078431372549%;
  --dt-color-teal-200-a: 100%;
  --dt-color-teal-200-hsl: var(--dt-color-teal-200-h) var(--dt-color-teal-200-s) var(--dt-color-teal-200-l);
  --dt-color-teal-200-hsla: hsl(var(--dt-color-teal-200-h) var(--dt-color-teal-200-s) var(--dt-color-teal-200-l) / var(--alpha, 100%));
  --dt-color-teal-200: #D5F4F2;
  --dt-color-teal-100-h: 175.38461538461542;
  --dt-color-teal-100-s: 51.99999999999999%;
  --dt-color-teal-100-l: 95.09803921568627%;
  --dt-color-teal-100-a: 100%;
  --dt-color-teal-100-hsl: var(--dt-color-teal-100-h) var(--dt-color-teal-100-s) var(--dt-color-teal-100-l);
  --dt-color-teal-100-hsla: hsl(var(--dt-color-teal-100-h) var(--dt-color-teal-100-s) var(--dt-color-teal-100-l) / var(--alpha, 100%));
  --dt-color-teal-100: #ECF9F8;
  --dt-color-teal-50-h: 173.3333333333332;
  --dt-color-teal-50-s: 60.000000000000156%;
  --dt-color-teal-50-l: 97.05882352941177%;
  --dt-color-teal-50-a: 100%;
  --dt-color-teal-50-hsl: var(--dt-color-teal-50-h) var(--dt-color-teal-50-s) var(--dt-color-teal-50-l);
  --dt-color-teal-50-hsla: hsl(var(--dt-color-teal-50-h) var(--dt-color-teal-50-s) var(--dt-color-teal-50-l) / var(--alpha, 100%));
  --dt-color-teal-50: #F3FCFB;
  --dt-color-olive-1000-h: 54.193548387096776;
  --dt-color-olive-1000-s: 100%;
  --dt-color-olive-1000-l: 6.078431372549019%;
  --dt-color-olive-1000-a: 100%;
  --dt-color-olive-1000-hsl: var(--dt-color-olive-1000-h) var(--dt-color-olive-1000-s) var(--dt-color-olive-1000-l);
  --dt-color-olive-1000-hsla: hsl(var(--dt-color-olive-1000-h) var(--dt-color-olive-1000-s) var(--dt-color-olive-1000-l) / var(--alpha, 100%));
  --dt-color-olive-1000: #1F1C00;
  --dt-color-olive-950-h: 54.85714285714285;
  --dt-color-olive-950-s: 68.62745098039215%;
  --dt-color-olive-950-l: 10%;
  --dt-color-olive-950-a: 100%;
  --dt-color-olive-950-hsl: var(--dt-color-olive-950-h) var(--dt-color-olive-950-s) var(--dt-color-olive-950-l);
  --dt-color-olive-950-hsla: hsl(var(--dt-color-olive-950-h) var(--dt-color-olive-950-s) var(--dt-color-olive-950-l) / var(--alpha, 100%));
  --dt-color-olive-950: #2B2808;
  --dt-color-olive-900-h: 55.16129032258065;
  --dt-color-olive-900-s: 67.39130434782608%;
  --dt-color-olive-900-l: 18.03921568627451%;
  --dt-color-olive-900-a: 100%;
  --dt-color-olive-900-hsl: var(--dt-color-olive-900-h) var(--dt-color-olive-900-s) var(--dt-color-olive-900-l);
  --dt-color-olive-900-hsla: hsl(var(--dt-color-olive-900-h) var(--dt-color-olive-900-s) var(--dt-color-olive-900-l) / var(--alpha, 100%));
  --dt-color-olive-900: #4D480F;
  --dt-color-olive-800-h: 55.3125;
  --dt-color-olive-800-s: 43.24324324324324%;
  --dt-color-olive-800-l: 29.01960784313726%;
  --dt-color-olive-800-a: 100%;
  --dt-color-olive-800-hsl: var(--dt-color-olive-800-h) var(--dt-color-olive-800-s) var(--dt-color-olive-800-l);
  --dt-color-olive-800-hsla: hsl(var(--dt-color-olive-800-h) var(--dt-color-olive-800-s) var(--dt-color-olive-800-l) / var(--alpha, 100%));
  --dt-color-olive-800: #6A652A;
  --dt-color-olive-700-h: 55.86206896551724;
  --dt-color-olive-700-s: 63.04347826086957%;
  --dt-color-olive-700-l: 36.07843137254902%;
  --dt-color-olive-700-a: 100%;
  --dt-color-olive-700-hsl: var(--dt-color-olive-700-h) var(--dt-color-olive-700-s) var(--dt-color-olive-700-l);
  --dt-color-olive-700-hsla: hsl(var(--dt-color-olive-700-h) var(--dt-color-olive-700-s) var(--dt-color-olive-700-l) / var(--alpha, 100%));
  --dt-color-olive-700: #968E22;
  --dt-color-olive-600-h: 55.862068965517246;
  --dt-color-olive-600-s: 66.21004566210044%;
  --dt-color-olive-600-l: 42.94117647058824%;
  --dt-color-olive-600-a: 100%;
  --dt-color-olive-600-hsl: var(--dt-color-olive-600-h) var(--dt-color-olive-600-s) var(--dt-color-olive-600-l);
  --dt-color-olive-600-hsla: hsl(var(--dt-color-olive-600-h) var(--dt-color-olive-600-s) var(--dt-color-olive-600-l) / var(--alpha, 100%));
  --dt-color-olive-600: #B6AC25;
  --dt-color-olive-500-h: 55.95092024539878;
  --dt-color-olive-500-s: 67.63485477178422%;
  --dt-color-olive-500-l: 47.25490196078431%;
  --dt-color-olive-500-a: 100%;
  --dt-color-olive-500-hsl: var(--dt-color-olive-500-h) var(--dt-color-olive-500-s) var(--dt-color-olive-500-l);
  --dt-color-olive-500-hsla: hsl(var(--dt-color-olive-500-h) var(--dt-color-olive-500-s) var(--dt-color-olive-500-l) / var(--alpha, 100%));
  --dt-color-olive-500: #CABF27;
  --dt-color-olive-400-h: 55.975609756097555;
  --dt-color-olive-400-s: 70.08547008547009%;
  --dt-color-olive-400-l: 54.117647058823536%;
  --dt-color-olive-400-a: 100%;
  --dt-color-olive-400-hsl: var(--dt-color-olive-400-h) var(--dt-color-olive-400-s) var(--dt-color-olive-400-l);
  --dt-color-olive-400-hsla: hsl(var(--dt-color-olive-400-h) var(--dt-color-olive-400-s) var(--dt-color-olive-400-l) / var(--alpha, 100%));
  --dt-color-olive-400: #DCD138;
  --dt-color-olive-300-h: 52.19512195121951;
  --dt-color-olive-300-s: 81.4569536423841%;
  --dt-color-olive-300-l: 70.3921568627451%;
  --dt-color-olive-300-a: 100%;
  --dt-color-olive-300-hsl: var(--dt-color-olive-300-h) var(--dt-color-olive-300-s) var(--dt-color-olive-300-l);
  --dt-color-olive-300-hsla: hsl(var(--dt-color-olive-300-h) var(--dt-color-olive-300-s) var(--dt-color-olive-300-l) / var(--alpha, 100%));
  --dt-color-olive-300: #F1E176;
  --dt-color-olive-200-h: 49.534883720930225;
  --dt-color-olive-200-s: 89.58333333333331%;
  --dt-color-olive-200-l: 81.17647058823529%;
  --dt-color-olive-200-a: 100%;
  --dt-color-olive-200-hsl: var(--dt-color-olive-200-h) var(--dt-color-olive-200-s) var(--dt-color-olive-200-l);
  --dt-color-olive-200-hsla: hsl(var(--dt-color-olive-200-h) var(--dt-color-olive-200-s) var(--dt-color-olive-200-l) / var(--alpha, 100%));
  --dt-color-olive-200: #FAEBA4;
  --dt-color-olive-100-h: 47.586206896551715;
  --dt-color-olive-100-s: 93.54838709677422%;
  --dt-color-olive-100-l: 87.84313725490196%;
  --dt-color-olive-100-a: 100%;
  --dt-color-olive-100-hsl: var(--dt-color-olive-100-h) var(--dt-color-olive-100-s) var(--dt-color-olive-100-l);
  --dt-color-olive-100-hsla: hsl(var(--dt-color-olive-100-h) var(--dt-color-olive-100-s) var(--dt-color-olive-100-l) / var(--alpha, 100%));
  --dt-color-olive-100: #FDF1C3;
  --dt-color-olive-50-h: 46.15384615384614;
  --dt-color-olive-50-s: 100%;
  --dt-color-olive-50-l: 94.90196078431372%;
  --dt-color-olive-50-a: 100%;
  --dt-color-olive-50-hsl: var(--dt-color-olive-50-h) var(--dt-color-olive-50-s) var(--dt-color-olive-50-l);
  --dt-color-olive-50-hsla: hsl(var(--dt-color-olive-50-h) var(--dt-color-olive-50-s) var(--dt-color-olive-50-l) / var(--alpha, 100%));
  --dt-color-olive-50: #FFF9E5;
  --dt-color-coral-1000-h: 15;
  --dt-color-coral-1000-s: 100%;
  --dt-color-coral-1000-l: 7.0588235294117645%;
  --dt-color-coral-1000-a: 100%;
  --dt-color-coral-1000-hsl: var(--dt-color-coral-1000-h) var(--dt-color-coral-1000-s) var(--dt-color-coral-1000-l);
  --dt-color-coral-1000-hsla: hsl(var(--dt-color-coral-1000-h) var(--dt-color-coral-1000-s) var(--dt-color-coral-1000-l) / var(--alpha, 100%));
  --dt-color-coral-1000: #240900;
  --dt-color-coral-950-h: 15;
  --dt-color-coral-950-s: 100%;
  --dt-color-coral-950-l: 10.980392156862745%;
  --dt-color-coral-950-a: 100%;
  --dt-color-coral-950-hsl: var(--dt-color-coral-950-h) var(--dt-color-coral-950-s) var(--dt-color-coral-950-l);
  --dt-color-coral-950-hsla: hsl(var(--dt-color-coral-950-h) var(--dt-color-coral-950-s) var(--dt-color-coral-950-l) / var(--alpha, 100%));
  --dt-color-coral-950: #380E00;
  --dt-color-coral-900-h: 15.157894736842106;
  --dt-color-coral-900-s: 88.78504672897198%;
  --dt-color-coral-900-l: 20.98039215686274%;
  --dt-color-coral-900-a: 100%;
  --dt-color-coral-900-hsl: var(--dt-color-coral-900-h) var(--dt-color-coral-900-s) var(--dt-color-coral-900-l);
  --dt-color-coral-900-hsla: hsl(var(--dt-color-coral-900-h) var(--dt-color-coral-900-s) var(--dt-color-coral-900-l) / var(--alpha, 100%));
  --dt-color-coral-900: #651E06;
  --dt-color-coral-800-h: 13.919999999999998;
  --dt-color-coral-800-s: 87.41258741258741%;
  --dt-color-coral-800-l: 28.03921568627451%;
  --dt-color-coral-800-a: 100%;
  --dt-color-coral-800-hsl: var(--dt-color-coral-800-h) var(--dt-color-coral-800-s) var(--dt-color-coral-800-l);
  --dt-color-coral-800-hsla: hsl(var(--dt-color-coral-800-h) var(--dt-color-coral-800-s) var(--dt-color-coral-800-l) / var(--alpha, 100%));
  --dt-color-coral-800: #862609;
  --dt-color-coral-700-h: 14.625000000000002;
  --dt-color-coral-700-s: 89.88764044943821%;
  --dt-color-coral-700-l: 34.90196078431372%;
  --dt-color-coral-700-a: 100%;
  --dt-color-coral-700-hsl: var(--dt-color-coral-700-h) var(--dt-color-coral-700-s) var(--dt-color-coral-700-l);
  --dt-color-coral-700-hsla: hsl(var(--dt-color-coral-700-h) var(--dt-color-coral-700-s) var(--dt-color-coral-700-l) / var(--alpha, 100%));
  --dt-color-coral-700: #A93009;
  --dt-color-coral-600-h: 14.31472081218274;
  --dt-color-coral-600-s: 89.95433789954339%;
  --dt-color-coral-600-l: 42.94117647058823%;
  --dt-color-coral-600-a: 100%;
  --dt-color-coral-600-hsl: var(--dt-color-coral-600-h) var(--dt-color-coral-600-s) var(--dt-color-coral-600-l);
  --dt-color-coral-600-hsla: hsl(var(--dt-color-coral-600-h) var(--dt-color-coral-600-s) var(--dt-color-coral-600-l) / var(--alpha, 100%));
  --dt-color-coral-600: #D03A0B;
  --dt-color-coral-500-h: 14.473684210526315;
  --dt-color-coral-500-s: 91.20000000000002%;
  --dt-color-coral-500-l: 50.98039215686274%;
  --dt-color-coral-500-a: 100%;
  --dt-color-coral-500-hsl: var(--dt-color-coral-500-h) var(--dt-color-coral-500-s) var(--dt-color-coral-500-l);
  --dt-color-coral-500-hsla: hsl(var(--dt-color-coral-500-h) var(--dt-color-coral-500-s) var(--dt-color-coral-500-l) / var(--alpha, 100%));
  --dt-color-coral-500: #F44710;
  --dt-color-coral-400-h: 14.136125654450261;
  --dt-color-coral-400-s: 91.38755980861244%;
  --dt-color-coral-400-l: 59.01960784313726%;
  --dt-color-coral-400-a: 100%;
  --dt-color-coral-400-hsl: var(--dt-color-coral-400-h) var(--dt-color-coral-400-s) var(--dt-color-coral-400-l);
  --dt-color-coral-400-hsla: hsl(var(--dt-color-coral-400-h) var(--dt-color-coral-400-s) var(--dt-color-coral-400-l) / var(--alpha, 100%));
  --dt-color-coral-400: #F66437;
  --dt-color-coral-300-h: 14.794520547945206;
  --dt-color-coral-300-s: 86.90476190476191%;
  --dt-color-coral-300-l: 67.05882352941177%;
  --dt-color-coral-300-a: 100%;
  --dt-color-coral-300-hsl: var(--dt-color-coral-300-h) var(--dt-color-coral-300-s) var(--dt-color-coral-300-l);
  --dt-color-coral-300-hsla: hsl(var(--dt-color-coral-300-h) var(--dt-color-coral-300-s) var(--dt-color-coral-300-l) / var(--alpha, 100%));
  --dt-color-coral-300: #F48662;
  --dt-color-coral-200-h: 15.529411764705884;
  --dt-color-coral-200-s: 79.4392523364486%;
  --dt-color-coral-200-l: 79.01960784313727%;
  --dt-color-coral-200-a: 100%;
  --dt-color-coral-200-hsl: var(--dt-color-coral-200-h) var(--dt-color-coral-200-s) var(--dt-color-coral-200-l);
  --dt-color-coral-200-hsla: hsl(var(--dt-color-coral-200-h) var(--dt-color-coral-200-s) var(--dt-color-coral-200-l) / var(--alpha, 100%));
  --dt-color-coral-200: #F4B59F;
  --dt-color-coral-100-h: 16.666666666666707;
  --dt-color-coral-100-s: 69.23076923076916%;
  --dt-color-coral-100-l: 94.90196078431372%;
  --dt-color-coral-100-a: 100%;
  --dt-color-coral-100-hsl: var(--dt-color-coral-100-h) var(--dt-color-coral-100-s) var(--dt-color-coral-100-l);
  --dt-color-coral-100-hsla: hsl(var(--dt-color-coral-100-h) var(--dt-color-coral-100-s) var(--dt-color-coral-100-l) / var(--alpha, 100%));
  --dt-color-coral-100: #FBEEE9;
  --dt-color-coral-50-h: 13.846153846153918;
  --dt-color-coral-50-s: 86.66666666666671%;
  --dt-color-coral-50-l: 97.05882352941177%;
  --dt-color-coral-50-a: 100%;
  --dt-color-coral-50-hsl: var(--dt-color-coral-50-h) var(--dt-color-coral-50-s) var(--dt-color-coral-50-l);
  --dt-color-coral-50-hsla: hsl(var(--dt-color-coral-50-h) var(--dt-color-coral-50-s) var(--dt-color-coral-50-l) / var(--alpha, 100%));
  --dt-color-coral-50: #FEF4F1;
  --dt-color-berry-1000-h: 274;
  --dt-color-berry-1000-s: 65.21739130434783%;
  --dt-color-berry-1000-l: 9.019607843137255%;
  --dt-color-berry-1000-a: 100%;
  --dt-color-berry-1000-hsl: var(--dt-color-berry-1000-h) var(--dt-color-berry-1000-s) var(--dt-color-berry-1000-l);
  --dt-color-berry-1000-hsla: hsl(var(--dt-color-berry-1000-h) var(--dt-color-berry-1000-s) var(--dt-color-berry-1000-l) / var(--alpha, 100%));
  --dt-color-berry-1000: #190826;
  --dt-color-berry-950-h: 274.90909090909093;
  --dt-color-berry-950-s: 60.439560439560445%;
  --dt-color-berry-950-l: 17.843137254901958%;
  --dt-color-berry-950-a: 100%;
  --dt-color-berry-950-hsl: var(--dt-color-berry-950-h) var(--dt-color-berry-950-s) var(--dt-color-berry-950-l);
  --dt-color-berry-950-hsla: hsl(var(--dt-color-berry-950-h) var(--dt-color-berry-950-s) var(--dt-color-berry-950-l) / var(--alpha, 100%));
  --dt-color-berry-950: #321249;
  --dt-color-berry-900-h: 274.77272727272725;
  --dt-color-berry-900-s: 59.45945945945945%;
  --dt-color-berry-900-l: 29.01960784313726%;
  --dt-color-berry-900-a: 100%;
  --dt-color-berry-900-hsl: var(--dt-color-berry-900-h) var(--dt-color-berry-900-s) var(--dt-color-berry-900-l);
  --dt-color-berry-900-hsla: hsl(var(--dt-color-berry-900-h) var(--dt-color-berry-900-s) var(--dt-color-berry-900-l) / var(--alpha, 100%));
  --dt-color-berry-900: #511E76;
  --dt-color-berry-800-h: 275.02392344497605;
  --dt-color-berry-800-s: 100%;
  --dt-color-berry-800-l: 40.98039215686274%;
  --dt-color-berry-800-a: 100%;
  --dt-color-berry-800-hsl: var(--dt-color-berry-800-h) var(--dt-color-berry-800-s) var(--dt-color-berry-800-l);
  --dt-color-berry-800-hsla: hsl(var(--dt-color-berry-800-h) var(--dt-color-berry-800-s) var(--dt-color-berry-800-l) / var(--alpha, 100%));
  --dt-color-berry-800: #7A00D1;
  --dt-color-berry-700-h: 281.1504424778761;
  --dt-color-berry-700-s: 98.2608695652174%;
  --dt-color-berry-700-l: 45.09803921568628%;
  --dt-color-berry-700-a: 100%;
  --dt-color-berry-700-hsl: var(--dt-color-berry-700-h) var(--dt-color-berry-700-s) var(--dt-color-berry-700-l);
  --dt-color-berry-700-hsla: hsl(var(--dt-color-berry-700-h) var(--dt-color-berry-700-s) var(--dt-color-berry-700-l) / var(--alpha, 100%));
  --dt-color-berry-700: #9D02E4;
  --dt-color-berry-600-h: 287.48936170212767;
  --dt-color-berry-600-s: 95.91836734693877%;
  --dt-color-berry-600-l: 48.03921568627451%;
  --dt-color-berry-600-a: 100%;
  --dt-color-berry-600-hsl: var(--dt-color-berry-600-h) var(--dt-color-berry-600-s) var(--dt-color-berry-600-l);
  --dt-color-berry-600-hsla: hsl(var(--dt-color-berry-600-h) var(--dt-color-berry-600-s) var(--dt-color-berry-600-l) / var(--alpha, 100%));
  --dt-color-berry-600: #BF05F0;
  --dt-color-berry-500-h: 293.6405529953917;
  --dt-color-berry-500-s: 94.75982532751091%;
  --dt-color-berry-500-l: 55.09803921568628%;
  --dt-color-berry-500-a: 100%;
  --dt-color-berry-500-hsl: var(--dt-color-berry-500-h) var(--dt-color-berry-500-s) var(--dt-color-berry-500-l);
  --dt-color-berry-500-hsla: hsl(var(--dt-color-berry-500-h) var(--dt-color-berry-500-s) var(--dt-color-berry-500-l) / var(--alpha, 100%));
  --dt-color-berry-500: #E220F9;
  --dt-color-berry-400-h: 303.03370786516854;
  --dt-color-berry-400-s: 91.75257731958763%;
  --dt-color-berry-400-l: 61.96078431372549%;
  --dt-color-berry-400-a: 100%;
  --dt-color-berry-400-hsl: var(--dt-color-berry-400-h) var(--dt-color-berry-400-s) var(--dt-color-berry-400-l);
  --dt-color-berry-400-hsla: hsl(var(--dt-color-berry-400-h) var(--dt-color-berry-400-s) var(--dt-color-berry-400-l) / var(--alpha, 100%));
  --dt-color-berry-400: #F745EE;
  --dt-color-berry-300-h: 303.6923076923077;
  --dt-color-berry-300-s: 94.20289855072463%;
  --dt-color-berry-300-l: 72.94117647058823%;
  --dt-color-berry-300-a: 100%;
  --dt-color-berry-300-hsl: var(--dt-color-berry-300-h) var(--dt-color-berry-300-s) var(--dt-color-berry-300-l);
  --dt-color-berry-300-hsla: hsl(var(--dt-color-berry-300-h) var(--dt-color-berry-300-s) var(--dt-color-berry-300-l) / var(--alpha, 100%));
  --dt-color-berry-300: #FB79F3;
  --dt-color-berry-200-h: 304.55696202531647;
  --dt-color-berry-200-s: 97.53086419753087%;
  --dt-color-berry-200-l: 84.11764705882354%;
  --dt-color-berry-200-a: 100%;
  --dt-color-berry-200-hsl: var(--dt-color-berry-200-h) var(--dt-color-berry-200-s) var(--dt-color-berry-200-l);
  --dt-color-berry-200-hsla: hsl(var(--dt-color-berry-200-h) var(--dt-color-berry-200-s) var(--dt-color-berry-200-l) / var(--alpha, 100%));
  --dt-color-berry-200: #FEAFF8;
  --dt-color-berry-100-h: 304.8;
  --dt-color-berry-100-s: 100%;
  --dt-color-berry-100-l: 95.09803921568627%;
  --dt-color-berry-100-a: 100%;
  --dt-color-berry-100-hsl: var(--dt-color-berry-100-h) var(--dt-color-berry-100-s) var(--dt-color-berry-100-l);
  --dt-color-berry-100-hsla: hsl(var(--dt-color-berry-100-h) var(--dt-color-berry-100-s) var(--dt-color-berry-100-l) / var(--alpha, 100%));
  --dt-color-berry-100: #FFE6FD;
  --dt-color-berry-50-h: 304;
  --dt-color-berry-50-s: 100%;
  --dt-color-berry-50-l: 97.05882352941177%;
  --dt-color-berry-50-a: 100%;
  --dt-color-berry-50-hsl: var(--dt-color-berry-50-h) var(--dt-color-berry-50-s) var(--dt-color-berry-50-l);
  --dt-color-berry-50-hsla: hsl(var(--dt-color-berry-50-h) var(--dt-color-berry-50-s) var(--dt-color-berry-50-l) / var(--alpha, 100%));
  --dt-color-berry-50: #FFF0FE;
  --dt-color-tan-1000-h: 30;
  --dt-color-tan-1000-s: 10%;
  --dt-color-tan-1000-l: 3.9215686274509802%;
  --dt-color-tan-1000-a: 100%;
  --dt-color-tan-1000-hsl: var(--dt-color-tan-1000-h) var(--dt-color-tan-1000-s) var(--dt-color-tan-1000-l);
  --dt-color-tan-1000-hsla: hsl(var(--dt-color-tan-1000-h) var(--dt-color-tan-1000-s) var(--dt-color-tan-1000-l) / var(--alpha, 100%));
  --dt-color-tan-1000: #0B0A09;
  --dt-color-tan-950-h: 30;
  --dt-color-tan-950-s: 5%;
  --dt-color-tan-950-l: 7.8431372549019605%;
  --dt-color-tan-950-a: 100%;
  --dt-color-tan-950-hsl: var(--dt-color-tan-950-h) var(--dt-color-tan-950-s) var(--dt-color-tan-950-l);
  --dt-color-tan-950-hsla: hsl(var(--dt-color-tan-950-h) var(--dt-color-tan-950-s) var(--dt-color-tan-950-l) / var(--alpha, 100%));
  --dt-color-tan-950: #151413;
  --dt-color-tan-900-h: 30;
  --dt-color-tan-900-s: 3.571428571428571%;
  --dt-color-tan-900-l: 10.980392156862745%;
  --dt-color-tan-900-a: 100%;
  --dt-color-tan-900-hsl: var(--dt-color-tan-900-h) var(--dt-color-tan-900-s) var(--dt-color-tan-900-l);
  --dt-color-tan-900-hsla: hsl(var(--dt-color-tan-900-h) var(--dt-color-tan-900-s) var(--dt-color-tan-900-l) / var(--alpha, 100%));
  --dt-color-tan-900: #1D1C1B;
  --dt-color-tan-800-h: 30;
  --dt-color-tan-800-s: 5.263157894736842%;
  --dt-color-tan-800-l: 14.901960784313726%;
  --dt-color-tan-800-a: 100%;
  --dt-color-tan-800-hsl: var(--dt-color-tan-800-h) var(--dt-color-tan-800-s) var(--dt-color-tan-800-l);
  --dt-color-tan-800-hsla: hsl(var(--dt-color-tan-800-h) var(--dt-color-tan-800-s) var(--dt-color-tan-800-l) / var(--alpha, 100%));
  --dt-color-tan-800: #282624;
  --dt-color-tan-700-h: 20.000000000000046;
  --dt-color-tan-700-s: 2.4390243902439055%;
  --dt-color-tan-700-l: 24.11764705882353%;
  --dt-color-tan-700-a: 100%;
  --dt-color-tan-700-hsl: var(--dt-color-tan-700-h) var(--dt-color-tan-700-s) var(--dt-color-tan-700-l);
  --dt-color-tan-700-hsla: hsl(var(--dt-color-tan-700-h) var(--dt-color-tan-700-s) var(--dt-color-tan-700-l) / var(--alpha, 100%));
  --dt-color-tan-700: #3F3D3C;
  --dt-color-tan-600-h: 20.000000000000046;
  --dt-color-tan-600-s: 3.1250000000000036%;
  --dt-color-tan-600-l: 37.64705882352941%;
  --dt-color-tan-600-a: 100%;
  --dt-color-tan-600-hsl: var(--dt-color-tan-600-h) var(--dt-color-tan-600-s) var(--dt-color-tan-600-l);
  --dt-color-tan-600-hsla: hsl(var(--dt-color-tan-600-h) var(--dt-color-tan-600-s) var(--dt-color-tan-600-l) / var(--alpha, 100%));
  --dt-color-tan-600: #635F5D;
  --dt-color-tan-500-h: 24.999999999999982;
  --dt-color-tan-500-s: 4.761904761904767%;
  --dt-color-tan-500-l: 50.588235294117645%;
  --dt-color-tan-500-a: 100%;
  --dt-color-tan-500-hsl: var(--dt-color-tan-500-h) var(--dt-color-tan-500-s) var(--dt-color-tan-500-l);
  --dt-color-tan-500-hsla: hsl(var(--dt-color-tan-500-h) var(--dt-color-tan-500-s) var(--dt-color-tan-500-l) / var(--alpha, 100%));
  --dt-color-tan-500: #87807B;
  --dt-color-tan-400-h: 20.000000000000124;
  --dt-color-tan-400-s: 5.027932960893867%;
  --dt-color-tan-400-l: 64.90196078431372%;
  --dt-color-tan-400-a: 100%;
  --dt-color-tan-400-hsl: var(--dt-color-tan-400-h) var(--dt-color-tan-400-s) var(--dt-color-tan-400-l);
  --dt-color-tan-400-hsla: hsl(var(--dt-color-tan-400-h) var(--dt-color-tan-400-s) var(--dt-color-tan-400-l) / var(--alpha, 100%));
  --dt-color-tan-400: #AAA4A1;
  --dt-color-tan-300-h: 23.999999999999932;
  --dt-color-tan-300-s: 9.25925925925923%;
  --dt-color-tan-300-l: 78.82352941176471%;
  --dt-color-tan-300-a: 100%;
  --dt-color-tan-300-hsl: var(--dt-color-tan-300-h) var(--dt-color-tan-300-s) var(--dt-color-tan-300-l);
  --dt-color-tan-300-hsla: hsl(var(--dt-color-tan-300-h) var(--dt-color-tan-300-s) var(--dt-color-tan-300-l) / var(--alpha, 100%));
  --dt-color-tan-300: #CEC8C4;
  --dt-color-tan-200-h: 25.714285714285854;
  --dt-color-tan-200-s: 10.144927536231851%;
  --dt-color-tan-200-l: 86.47058823529412%;
  --dt-color-tan-200-a: 100%;
  --dt-color-tan-200-hsl: var(--dt-color-tan-200-h) var(--dt-color-tan-200-s) var(--dt-color-tan-200-l);
  --dt-color-tan-200-hsla: hsl(var(--dt-color-tan-200-h) var(--dt-color-tan-200-s) var(--dt-color-tan-200-l) / var(--alpha, 100%));
  --dt-color-tan-200: #E0DCD9;
  --dt-color-tan-100-h: 30;
  --dt-color-tan-100-s: 13.333333333333282%;
  --dt-color-tan-100-l: 94.11764705882352%;
  --dt-color-tan-100-a: 100%;
  --dt-color-tan-100-hsl: var(--dt-color-tan-100-h) var(--dt-color-tan-100-s) var(--dt-color-tan-100-l);
  --dt-color-tan-100-hsla: hsl(var(--dt-color-tan-100-h) var(--dt-color-tan-100-s) var(--dt-color-tan-100-l) / var(--alpha, 100%));
  --dt-color-tan-100: #F2F0EE;
  --dt-color-tan-50-h: 30;
  --dt-color-tan-50-s: 12.499999999999956%;
  --dt-color-tan-50-l: 96.86274509803921%;
  --dt-color-tan-50-a: 100%;
  --dt-color-tan-50-hsl: var(--dt-color-tan-50-h) var(--dt-color-tan-50-s) var(--dt-color-tan-50-l);
  --dt-color-tan-50-hsla: hsl(var(--dt-color-tan-50-h) var(--dt-color-tan-50-s) var(--dt-color-tan-50-l) / var(--alpha, 100%));
  --dt-color-tan-50: #F8F7F6;
  --dt-color-red-1000-h: 344.44444444444446;
  --dt-color-red-1000-s: 93.10344827586206%;
  --dt-color-red-1000-l: 5.686274509803922%;
  --dt-color-red-1000-a: 100%;
  --dt-color-red-1000-hsl: var(--dt-color-red-1000-h) var(--dt-color-red-1000-s) var(--dt-color-red-1000-l);
  --dt-color-red-1000-hsla: hsl(var(--dt-color-red-1000-h) var(--dt-color-red-1000-s) var(--dt-color-red-1000-l) / var(--alpha, 100%));
  --dt-color-red-1000: #1C0108;
  --dt-color-red-900-h: 342.8571428571429;
  --dt-color-red-900-s: 100%;
  --dt-color-red-900-l: 10.980392156862745%;
  --dt-color-red-900-a: 100%;
  --dt-color-red-900-hsl: var(--dt-color-red-900-h) var(--dt-color-red-900-s) var(--dt-color-red-900-l);
  --dt-color-red-900-hsla: hsl(var(--dt-color-red-900-h) var(--dt-color-red-900-s) var(--dt-color-red-900-l) / var(--alpha, 100%));
  --dt-color-red-900: #380010;
  --dt-color-red-700-h: 342.39130434782606;
  --dt-color-red-700-s: 85.18518518518519%;
  --dt-color-red-700-l: 21.176470588235293%;
  --dt-color-red-700-a: 100%;
  --dt-color-red-700-hsl: var(--dt-color-red-700-h) var(--dt-color-red-700-s) var(--dt-color-red-700-l);
  --dt-color-red-700-hsla: hsl(var(--dt-color-red-700-h) var(--dt-color-red-700-s) var(--dt-color-red-700-l) / var(--alpha, 100%));
  --dt-color-red-700: #640823;
  --dt-color-red-600-h: 343.06451612903226;
  --dt-color-red-600-s: 72.94117647058823%;
  --dt-color-red-600-l: 33.33333333333333%;
  --dt-color-red-600-a: 100%;
  --dt-color-red-600-hsl: var(--dt-color-red-600-h) var(--dt-color-red-600-s) var(--dt-color-red-600-l);
  --dt-color-red-600-hsla: hsl(var(--dt-color-red-600-h) var(--dt-color-red-600-s) var(--dt-color-red-600-l) / var(--alpha, 100%));
  --dt-color-red-600: #93173A;
  --dt-color-red-500-h: 342.8571428571429;
  --dt-color-red-500-s: 100%;
  --dt-color-red-500-l: 34.31372549019608%;
  --dt-color-red-500-a: 100%;
  --dt-color-red-500-hsl: var(--dt-color-red-500-h) var(--dt-color-red-500-s) var(--dt-color-red-500-l);
  --dt-color-red-500-hsla: hsl(var(--dt-color-red-500-h) var(--dt-color-red-500-s) var(--dt-color-red-500-l) / var(--alpha, 100%));
  --dt-color-red-500: #AF0032;
  --dt-color-red-450-h: 342.89855072463763;
  --dt-color-red-450-s: 91.18942731277534%;
  --dt-color-red-450-l: 44.509803921568626%;
  --dt-color-red-450-a: 100%;
  --dt-color-red-450-hsl: var(--dt-color-red-450-h) var(--dt-color-red-450-s) var(--dt-color-red-450-l);
  --dt-color-red-450-hsla: hsl(var(--dt-color-red-450-h) var(--dt-color-red-450-s) var(--dt-color-red-450-l) / var(--alpha, 100%));
  --dt-color-red-450: #D90A45;
  --dt-color-red-400-h: 342.96610169491527;
  --dt-color-red-400-s: 100%;
  --dt-color-red-400-l: 53.72549019607843%;
  --dt-color-red-400-a: 100%;
  --dt-color-red-400-hsl: var(--dt-color-red-400-h) var(--dt-color-red-400-s) var(--dt-color-red-400-l);
  --dt-color-red-400-hsla: hsl(var(--dt-color-red-400-h) var(--dt-color-red-400-s) var(--dt-color-red-400-l) / var(--alpha, 100%));
  --dt-color-red-400: #FF1356;
  --dt-color-red-350-h: 351.7894736842105;
  --dt-color-red-350-s: 100%;
  --dt-color-red-350-l: 62.745098039215684%;
  --dt-color-red-350-a: 100%;
  --dt-color-red-350-hsl: var(--dt-color-red-350-h) var(--dt-color-red-350-s) var(--dt-color-red-350-l);
  --dt-color-red-350-hsla: hsl(var(--dt-color-red-350-h) var(--dt-color-red-350-s) var(--dt-color-red-350-l) / var(--alpha, 100%));
  --dt-color-red-350: #FF415B;
  --dt-color-red-300-h: 0.8333333333333304;
  --dt-color-red-300-s: 100%;
  --dt-color-red-300-l: 71.76470588235294%;
  --dt-color-red-300-a: 100%;
  --dt-color-red-300-hsl: var(--dt-color-red-300-h) var(--dt-color-red-300-s) var(--dt-color-red-300-l);
  --dt-color-red-300-hsla: hsl(var(--dt-color-red-300-h) var(--dt-color-red-300-s) var(--dt-color-red-300-l) / var(--alpha, 100%));
  --dt-color-red-300: #FF716F;
  --dt-color-red-200-h: 4.6153846153846;
  --dt-color-red-200-s: 100%;
  --dt-color-red-200-l: 82.15686274509804%;
  --dt-color-red-200-a: 100%;
  --dt-color-red-200-hsl: var(--dt-color-red-200-h) var(--dt-color-red-200-s) var(--dt-color-red-200-l);
  --dt-color-red-200-hsla: hsl(var(--dt-color-red-200-h) var(--dt-color-red-200-s) var(--dt-color-red-200-l) / var(--alpha, 100%));
  --dt-color-red-200: #FFABA4;
  --dt-color-red-100-h: 357.6923076923077;
  --dt-color-red-100-s: 100%;
  --dt-color-red-100-l: 94.90196078431372%;
  --dt-color-red-100-a: 100%;
  --dt-color-red-100-hsl: var(--dt-color-red-100-h) var(--dt-color-red-100-s) var(--dt-color-red-100-l);
  --dt-color-red-100-hsla: hsl(var(--dt-color-red-100-h) var(--dt-color-red-100-s) var(--dt-color-red-100-l) / var(--alpha, 100%));
  --dt-color-red-100: #FFE5E6;
  --dt-color-red-50-h: 355.3846153846154;
  --dt-color-red-50-s: 100%;
  --dt-color-red-50-l: 97.45098039215686%;
  --dt-color-red-50-a: 100%;
  --dt-color-red-50-hsl: var(--dt-color-red-50-h) var(--dt-color-red-50-s) var(--dt-color-red-50-l);
  --dt-color-red-50-hsla: hsl(var(--dt-color-red-50-h) var(--dt-color-red-50-s) var(--dt-color-red-50-l) / var(--alpha, 100%));
  --dt-color-red-50: #FFF2F3;
  --dt-color-green-1000-h: 157.14285714285714;
  --dt-color-green-1000-s: 100%;
  --dt-color-green-1000-l: 4.117647058823529%;
  --dt-color-green-1000-a: 100%;
  --dt-color-green-1000-hsl: var(--dt-color-green-1000-h) var(--dt-color-green-1000-s) var(--dt-color-green-1000-l);
  --dt-color-green-1000-hsla: hsl(var(--dt-color-green-1000-h) var(--dt-color-green-1000-s) var(--dt-color-green-1000-l) / var(--alpha, 100%));
  --dt-color-green-1000: #00150D;
  --dt-color-green-900-h: 154.73684210526315;
  --dt-color-green-900-s: 95.00000000000001%;
  --dt-color-green-900-l: 7.8431372549019605%;
  --dt-color-green-900-a: 100%;
  --dt-color-green-900-hsl: var(--dt-color-green-900-h) var(--dt-color-green-900-s) var(--dt-color-green-900-l);
  --dt-color-green-900-hsla: hsl(var(--dt-color-green-900-h) var(--dt-color-green-900-s) var(--dt-color-green-900-l) / var(--alpha, 100%));
  --dt-color-green-900: #012717;
  --dt-color-green-600-h: 154.9367088607595;
  --dt-color-green-600-s: 100%;
  --dt-color-green-600-l: 15.490196078431373%;
  --dt-color-green-600-a: 100%;
  --dt-color-green-600-hsl: var(--dt-color-green-600-h) var(--dt-color-green-600-s) var(--dt-color-green-600-l);
  --dt-color-green-600-hsla: hsl(var(--dt-color-green-600-h) var(--dt-color-green-600-s) var(--dt-color-green-600-l) / var(--alpha, 100%));
  --dt-color-green-600: #004F2E;
  --dt-color-green-500-h: 154.64788732394368;
  --dt-color-green-500-s: 100%;
  --dt-color-green-500-l: 27.84313725490196%;
  --dt-color-green-500-a: 100%;
  --dt-color-green-500-hsl: var(--dt-color-green-500-h) var(--dt-color-green-500-s) var(--dt-color-green-500-l);
  --dt-color-green-500-hsla: hsl(var(--dt-color-green-500-h) var(--dt-color-green-500-s) var(--dt-color-green-500-l) / var(--alpha, 100%));
  --dt-color-green-500: #008E52;
  --dt-color-green-475-h: 122.95081967213113;
  --dt-color-green-475-s: 57.009345794392516%;
  --dt-color-green-475-l: 41.96078431372549%;
  --dt-color-green-475-a: 100%;
  --dt-color-green-475-hsl: var(--dt-color-green-475-h) var(--dt-color-green-475-s) var(--dt-color-green-475-l);
  --dt-color-green-475-hsla: hsl(var(--dt-color-green-475-h) var(--dt-color-green-475-s) var(--dt-color-green-475-l) / var(--alpha, 100%));
  --dt-color-green-475: #2EA834;
  --dt-color-green-425-h: 103.8036809815951;
  --dt-color-green-425-s: 68.20083682008368%;
  --dt-color-green-425-l: 46.86274509803921%;
  --dt-color-green-425-a: 100%;
  --dt-color-green-425-hsl: var(--dt-color-green-425-h) var(--dt-color-green-425-s) var(--dt-color-green-425-l);
  --dt-color-green-425-hsla: hsl(var(--dt-color-green-425-h) var(--dt-color-green-425-s) var(--dt-color-green-425-l) / var(--alpha, 100%));
  --dt-color-green-425: #52C926;
  --dt-color-green-400-h: 88.01762114537445;
  --dt-color-green-400-s: 91.16465863453817%;
  --dt-color-green-400-l: 48.8235294117647%;
  --dt-color-green-400-a: 100%;
  --dt-color-green-400-hsl: var(--dt-color-green-400-h) var(--dt-color-green-400-s) var(--dt-color-green-400-l);
  --dt-color-green-400-hsla: hsl(var(--dt-color-green-400-h) var(--dt-color-green-400-s) var(--dt-color-green-400-l) / var(--alpha, 100%));
  --dt-color-green-400: #84EE0B;
  --dt-color-green-350-h: 84.18848167539267;
  --dt-color-green-350-s: 95.97989949748742%;
  --dt-color-green-350-l: 60.98039215686274%;
  --dt-color-green-350-a: 100%;
  --dt-color-green-350-hsl: var(--dt-color-green-350-h) var(--dt-color-green-350-s) var(--dt-color-green-350-l);
  --dt-color-green-350-hsla: hsl(var(--dt-color-green-350-h) var(--dt-color-green-350-s) var(--dt-color-green-350-l) / var(--alpha, 100%));
  --dt-color-green-350: #AEFB3C;
  --dt-color-green-300-h: 80.14598540145985;
  --dt-color-green-300-s: 100%;
  --dt-color-green-300-l: 73.13725490196079%;
  --dt-color-green-300-a: 100%;
  --dt-color-green-300-hsl: var(--dt-color-green-300-h) var(--dt-color-green-300-s) var(--dt-color-green-300-l);
  --dt-color-green-300-hsla: hsl(var(--dt-color-green-300-h) var(--dt-color-green-300-s) var(--dt-color-green-300-l) / var(--alpha, 100%));
  --dt-color-green-300: #D1FF76;
  --dt-color-green-200-h: 85.11627906976744;
  --dt-color-green-200-s: 100%;
  --dt-color-green-200-l: 83.13725490196077%;
  --dt-color-green-200-a: 100%;
  --dt-color-green-200-hsl: var(--dt-color-green-200-h) var(--dt-color-green-200-s) var(--dt-color-green-200-l);
  --dt-color-green-200-hsla: hsl(var(--dt-color-green-200-h) var(--dt-color-green-200-s) var(--dt-color-green-200-l) / var(--alpha, 100%));
  --dt-color-green-200: #DBFFA9;
  --dt-color-green-100-h: 111.42857142857135;
  --dt-color-green-100-s: 53.84615384615383%;
  --dt-color-green-100-l: 94.90196078431372%;
  --dt-color-green-100-a: 100%;
  --dt-color-green-100-hsl: var(--dt-color-green-100-h) var(--dt-color-green-100-s) var(--dt-color-green-100-l);
  --dt-color-green-100-hsla: hsl(var(--dt-color-green-100-h) var(--dt-color-green-100-s) var(--dt-color-green-100-l) / var(--alpha, 100%));
  --dt-color-green-100: #EDF9EB;
  --dt-color-green-50-h: 111.42857142857146;
  --dt-color-green-50-s: 53.84615384615385%;
  --dt-color-green-50-l: 97.45098039215688%;
  --dt-color-green-50-a: 100%;
  --dt-color-green-50-hsl: var(--dt-color-green-50-h) var(--dt-color-green-50-s) var(--dt-color-green-50-l);
  --dt-color-green-50-hsla: hsl(var(--dt-color-green-50-h) var(--dt-color-green-50-s) var(--dt-color-green-50-l) / var(--alpha, 100%));
  --dt-color-green-50: #F6FCF5;
  --dt-color-gold-1000-h: 34.83870967741936;
  --dt-color-gold-1000-s: 93.93939393939395%;
  --dt-color-gold-1000-l: 6.470588235294117%;
  --dt-color-gold-1000-a: 100%;
  --dt-color-gold-1000-hsl: var(--dt-color-gold-1000-h) var(--dt-color-gold-1000-s) var(--dt-color-gold-1000-l);
  --dt-color-gold-1000-hsla: hsl(var(--dt-color-gold-1000-h) var(--dt-color-gold-1000-s) var(--dt-color-gold-1000-l) / var(--alpha, 100%));
  --dt-color-gold-1000: #201301;
  --dt-color-gold-900-h: 35.714285714285715;
  --dt-color-gold-900-s: 91.30434782608695%;
  --dt-color-gold-900-l: 9.019607843137255%;
  --dt-color-gold-900-a: 100%;
  --dt-color-gold-900-hsl: var(--dt-color-gold-900-h) var(--dt-color-gold-900-s) var(--dt-color-gold-900-l);
  --dt-color-gold-900-hsla: hsl(var(--dt-color-gold-900-h) var(--dt-color-gold-900-s) var(--dt-color-gold-900-l) / var(--alpha, 100%));
  --dt-color-gold-900: #2C1B02;
  --dt-color-gold-700-h: 34.936708860759495;
  --dt-color-gold-700-s: 90.80459770114942%;
  --dt-color-gold-700-l: 17.058823529411764%;
  --dt-color-gold-700-a: 100%;
  --dt-color-gold-700-hsl: var(--dt-color-gold-700-h) var(--dt-color-gold-700-s) var(--dt-color-gold-700-l);
  --dt-color-gold-700-hsla: hsl(var(--dt-color-gold-700-h) var(--dt-color-gold-700-s) var(--dt-color-gold-700-l) / var(--alpha, 100%));
  --dt-color-gold-700: #533204;
  --dt-color-gold-600-h: 35.70247933884298;
  --dt-color-gold-600-s: 88.32116788321169%;
  --dt-color-gold-600-l: 26.862745098039216%;
  --dt-color-gold-600-a: 100%;
  --dt-color-gold-600-hsl: var(--dt-color-gold-600-h) var(--dt-color-gold-600-s) var(--dt-color-gold-600-l);
  --dt-color-gold-600-hsla: hsl(var(--dt-color-gold-600-h) var(--dt-color-gold-600-s) var(--dt-color-gold-600-l) / var(--alpha, 100%));
  --dt-color-gold-600: #815008;
  --dt-color-gold-500-h: 35.77464788732394;
  --dt-color-gold-500-s: 100%;
  --dt-color-gold-500-l: 41.76470588235294%;
  --dt-color-gold-500-a: 100%;
  --dt-color-gold-500-hsl: var(--dt-color-gold-500-h) var(--dt-color-gold-500-s) var(--dt-color-gold-500-l);
  --dt-color-gold-500-hsla: hsl(var(--dt-color-gold-500-h) var(--dt-color-gold-500-s) var(--dt-color-gold-500-l) / var(--alpha, 100%));
  --dt-color-gold-500: #D57F00;
  --dt-color-gold-450-h: 35.947136563876654;
  --dt-color-gold-450-s: 94.1908713692946%;
  --dt-color-gold-450-l: 47.25490196078431%;
  --dt-color-gold-450-a: 100%;
  --dt-color-gold-450-hsl: var(--dt-color-gold-450-h) var(--dt-color-gold-450-s) var(--dt-color-gold-450-l);
  --dt-color-gold-450-hsla: hsl(var(--dt-color-gold-450-h) var(--dt-color-gold-450-s) var(--dt-color-gold-450-l) / var(--alpha, 100%));
  --dt-color-gold-450: #EA8F07;
  --dt-color-gold-400-h: 35.850622406639005;
  --dt-color-gold-400-s: 100%;
  --dt-color-gold-400-l: 52.74509803921569%;
  --dt-color-gold-400-a: 100%;
  --dt-color-gold-400-hsl: var(--dt-color-gold-400-h) var(--dt-color-gold-400-s) var(--dt-color-gold-400-l);
  --dt-color-gold-400-hsla: hsl(var(--dt-color-gold-400-h) var(--dt-color-gold-400-s) var(--dt-color-gold-400-l) / var(--alpha, 100%));
  --dt-color-gold-400: #FF9E0E;
  --dt-color-gold-350-h: 38.36065573770492;
  --dt-color-gold-350-s: 100%;
  --dt-color-gold-350-l: 64.11764705882352%;
  --dt-color-gold-350-a: 100%;
  --dt-color-gold-350-hsl: var(--dt-color-gold-350-h) var(--dt-color-gold-350-s) var(--dt-color-gold-350-l);
  --dt-color-gold-350-hsla: hsl(var(--dt-color-gold-350-h) var(--dt-color-gold-350-s) var(--dt-color-gold-350-l) / var(--alpha, 100%));
  --dt-color-gold-350: #FFBD48;
  --dt-color-gold-300-h: 42.99212598425196;
  --dt-color-gold-300-s: 100%;
  --dt-color-gold-300-l: 75.09803921568627%;
  --dt-color-gold-300-a: 100%;
  --dt-color-gold-300-hsl: var(--dt-color-gold-300-h) var(--dt-color-gold-300-s) var(--dt-color-gold-300-l);
  --dt-color-gold-300-hsla: hsl(var(--dt-color-gold-300-h) var(--dt-color-gold-300-s) var(--dt-color-gold-300-l) / var(--alpha, 100%));
  --dt-color-gold-300: #FFDB80;
  --dt-color-gold-200-h: 46.060606060606055;
  --dt-color-gold-200-s: 100%;
  --dt-color-gold-200-l: 80.58823529411765%;
  --dt-color-gold-200-a: 100%;
  --dt-color-gold-200-hsl: var(--dt-color-gold-200-h) var(--dt-color-gold-200-s) var(--dt-color-gold-200-l);
  --dt-color-gold-200-hsla: hsl(var(--dt-color-gold-200-h) var(--dt-color-gold-200-s) var(--dt-color-gold-200-l) / var(--alpha, 100%));
  --dt-color-gold-200: #FFE89C;
  --dt-color-gold-100-h: 47.058823529411775;
  --dt-color-gold-100-s: 100%;
  --dt-color-gold-100-l: 90%;
  --dt-color-gold-100-a: 100%;
  --dt-color-gold-100-hsl: var(--dt-color-gold-100-h) var(--dt-color-gold-100-s) var(--dt-color-gold-100-l);
  --dt-color-gold-100-hsla: hsl(var(--dt-color-gold-100-h) var(--dt-color-gold-100-s) var(--dt-color-gold-100-l) / var(--alpha, 100%));
  --dt-color-gold-100: #FFF4CC;
  --dt-color-gold-50-h: 48.46153846153844;
  --dt-color-gold-50-s: 100%;
  --dt-color-gold-50-l: 94.90196078431372%;
  --dt-color-gold-50-a: 100%;
  --dt-color-gold-50-hsl: var(--dt-color-gold-50-h) var(--dt-color-gold-50-s) var(--dt-color-gold-50-l);
  --dt-color-gold-50-hsla: hsl(var(--dt-color-gold-50-h) var(--dt-color-gold-50-s) var(--dt-color-gold-50-l) / var(--alpha, 100%));
  --dt-color-gold-50: #FFFAE5;
  --dt-color-magenta-1000-h: 320;
  --dt-color-magenta-1000-s: 56.25%;
  --dt-color-magenta-1000-l: 6.2745098039215685%;
  --dt-color-magenta-1000-a: 100%;
  --dt-color-magenta-1000-hsl: var(--dt-color-magenta-1000-h) var(--dt-color-magenta-1000-s) var(--dt-color-magenta-1000-l);
  --dt-color-magenta-1000-hsla: hsl(var(--dt-color-magenta-1000-h) var(--dt-color-magenta-1000-s) var(--dt-color-magenta-1000-l) / var(--alpha, 100%));
  --dt-color-magenta-1000: #190713;
  --dt-color-magenta-900-h: 320;
  --dt-color-magenta-900-s: 54.54545454545454%;
  --dt-color-magenta-900-l: 12.941176470588237%;
  --dt-color-magenta-900-a: 100%;
  --dt-color-magenta-900-hsl: var(--dt-color-magenta-900-h) var(--dt-color-magenta-900-s) var(--dt-color-magenta-900-l);
  --dt-color-magenta-900-hsla: hsl(var(--dt-color-magenta-900-h) var(--dt-color-magenta-900-s) var(--dt-color-magenta-900-l) / var(--alpha, 100%));
  --dt-color-magenta-900: #330F27;
  --dt-color-magenta-600-h: 318.52941176470586;
  --dt-color-magenta-600-s: 50.000000000000014%;
  --dt-color-magenta-600-l: 26.666666666666668%;
  --dt-color-magenta-600-a: 100%;
  --dt-color-magenta-600-hsl: var(--dt-color-magenta-600-h) var(--dt-color-magenta-600-s) var(--dt-color-magenta-600-l);
  --dt-color-magenta-600-hsla: hsl(var(--dt-color-magenta-600-h) var(--dt-color-magenta-600-s) var(--dt-color-magenta-600-l) / var(--alpha, 100%));
  --dt-color-magenta-600: #662251;
  --dt-color-magenta-500-h: 318.7012987012987;
  --dt-color-magenta-500-s: 100%;
  --dt-color-magenta-500-l: 30.19607843137255%;
  --dt-color-magenta-500-a: 100%;
  --dt-color-magenta-500-hsl: var(--dt-color-magenta-500-h) var(--dt-color-magenta-500-s) var(--dt-color-magenta-500-l);
  --dt-color-magenta-500-hsla: hsl(var(--dt-color-magenta-500-h) var(--dt-color-magenta-500-s) var(--dt-color-magenta-500-l) / var(--alpha, 100%));
  --dt-color-magenta-500: #9A006A;
  --dt-color-magenta-475-h: 320.88397790055245;
  --dt-color-magenta-475-s: 90.0497512437811%;
  --dt-color-magenta-475-l: 39.411764705882355%;
  --dt-color-magenta-475-a: 100%;
  --dt-color-magenta-475-hsl: var(--dt-color-magenta-475-h) var(--dt-color-magenta-475-s) var(--dt-color-magenta-475-l);
  --dt-color-magenta-475-hsla: hsl(var(--dt-color-magenta-475-h) var(--dt-color-magenta-475-s) var(--dt-color-magenta-475-l) / var(--alpha, 100%));
  --dt-color-magenta-475: #BF0A80;
  --dt-color-magenta-425-h: 322.5;
  --dt-color-magenta-425-s: 85.47008547008548%;
  --dt-color-magenta-425-l: 45.88235294117647%;
  --dt-color-magenta-425-a: 100%;
  --dt-color-magenta-425-hsl: var(--dt-color-magenta-425-h) var(--dt-color-magenta-425-s) var(--dt-color-magenta-425-l);
  --dt-color-magenta-425-hsla: hsl(var(--dt-color-magenta-425-h) var(--dt-color-magenta-425-s) var(--dt-color-magenta-425-l) / var(--alpha, 100%));
  --dt-color-magenta-425: #D9118E;
  --dt-color-magenta-400-h: 323.9473684210526;
  --dt-color-magenta-400-s: 100%;
  --dt-color-magenta-400-l: 55.294117647058826%;
  --dt-color-magenta-400-a: 100%;
  --dt-color-magenta-400-hsl: var(--dt-color-magenta-400-h) var(--dt-color-magenta-400-s) var(--dt-color-magenta-400-l);
  --dt-color-magenta-400-hsla: hsl(var(--dt-color-magenta-400-h) var(--dt-color-magenta-400-s) var(--dt-color-magenta-400-l) / var(--alpha, 100%));
  --dt-color-magenta-400: #FF1BA4;
  --dt-color-magenta-300-h: 334.9367088607595;
  --dt-color-magenta-300-s: 96.34146341463415%;
  --dt-color-magenta-300-l: 67.84313725490196%;
  --dt-color-magenta-300-a: 100%;
  --dt-color-magenta-300-hsl: var(--dt-color-magenta-300-h) var(--dt-color-magenta-300-s) var(--dt-color-magenta-300-l);
  --dt-color-magenta-300-hsla: hsl(var(--dt-color-magenta-300-h) var(--dt-color-magenta-300-s) var(--dt-color-magenta-300-l) / var(--alpha, 100%));
  --dt-color-magenta-300: #FC5EA0;
  --dt-color-magenta-250-h: 335.79831932773106;
  --dt-color-magenta-250-s: 98.34710743801654%;
  --dt-color-magenta-250-l: 76.27450980392156%;
  --dt-color-magenta-250-a: 100%;
  --dt-color-magenta-250-hsl: var(--dt-color-magenta-250-h) var(--dt-color-magenta-250-s) var(--dt-color-magenta-250-l);
  --dt-color-magenta-250-hsla: hsl(var(--dt-color-magenta-250-h) var(--dt-color-magenta-250-s) var(--dt-color-magenta-250-l) / var(--alpha, 100%));
  --dt-color-magenta-250: #FE87B7;
  --dt-color-magenta-200-h: 336.9230769230769;
  --dt-color-magenta-200-s: 100%;
  --dt-color-magenta-200-l: 84.70588235294117%;
  --dt-color-magenta-200-a: 100%;
  --dt-color-magenta-200-hsl: var(--dt-color-magenta-200-h) var(--dt-color-magenta-200-s) var(--dt-color-magenta-200-l);
  --dt-color-magenta-200-hsla: hsl(var(--dt-color-magenta-200-h) var(--dt-color-magenta-200-s) var(--dt-color-magenta-200-l) / var(--alpha, 100%));
  --dt-color-magenta-200: #FFB1CF;
  --dt-color-magenta-100-h: 325.16129032258067;
  --dt-color-magenta-100-s: 100%;
  --dt-color-magenta-100-l: 93.92156862745098%;
  --dt-color-magenta-100-a: 100%;
  --dt-color-magenta-100-hsl: var(--dt-color-magenta-100-h) var(--dt-color-magenta-100-s) var(--dt-color-magenta-100-l);
  --dt-color-magenta-100-hsla: hsl(var(--dt-color-magenta-100-h) var(--dt-color-magenta-100-s) var(--dt-color-magenta-100-l) / var(--alpha, 100%));
  --dt-color-magenta-100: #FFE0F2;
  --dt-color-magenta-50-h: 324.7058823529412;
  --dt-color-magenta-50-s: 100%;
  --dt-color-magenta-50-l: 96.66666666666667%;
  --dt-color-magenta-50-a: 100%;
  --dt-color-magenta-50-hsl: var(--dt-color-magenta-50-h) var(--dt-color-magenta-50-s) var(--dt-color-magenta-50-l);
  --dt-color-magenta-50-hsla: hsl(var(--dt-color-magenta-50-h) var(--dt-color-magenta-50-s) var(--dt-color-magenta-50-l) / var(--alpha, 100%));
  --dt-color-magenta-50: #FFEEF8;
  --dt-color-blue-1000-h: 211.42857142857142;
  --dt-color-blue-1000-s: 91.30434782608695%;
  --dt-color-blue-1000-l: 4.509803921568627%;
  --dt-color-blue-1000-a: 100%;
  --dt-color-blue-1000-hsl: var(--dt-color-blue-1000-h) var(--dt-color-blue-1000-s) var(--dt-color-blue-1000-l);
  --dt-color-blue-1000-hsla: hsl(var(--dt-color-blue-1000-h) var(--dt-color-blue-1000-s) var(--dt-color-blue-1000-l) / var(--alpha, 100%));
  --dt-color-blue-1000: #010B16;
  --dt-color-blue-900-h: 210.73170731707316;
  --dt-color-blue-900-s: 100%;
  --dt-color-blue-900-l: 8.03921568627451%;
  --dt-color-blue-900-a: 100%;
  --dt-color-blue-900-hsl: var(--dt-color-blue-900-h) var(--dt-color-blue-900-s) var(--dt-color-blue-900-l);
  --dt-color-blue-900-hsla: hsl(var(--dt-color-blue-900-h) var(--dt-color-blue-900-s) var(--dt-color-blue-900-l) / var(--alpha, 100%));
  --dt-color-blue-900: #001429;
  --dt-color-blue-600-h: 210.8910891089109;
  --dt-color-blue-600-s: 100%;
  --dt-color-blue-600-l: 19.80392156862745%;
  --dt-color-blue-600-a: 100%;
  --dt-color-blue-600-hsl: var(--dt-color-blue-600-h) var(--dt-color-blue-600-s) var(--dt-color-blue-600-l);
  --dt-color-blue-600-hsla: hsl(var(--dt-color-blue-600-h) var(--dt-color-blue-600-s) var(--dt-color-blue-600-l) / var(--alpha, 100%));
  --dt-color-blue-600: #003165;
  --dt-color-blue-500-h: 212.22857142857146;
  --dt-color-blue-500-s: 79.18552036199095%;
  --dt-color-blue-500-l: 43.333333333333336%;
  --dt-color-blue-500-a: 100%;
  --dt-color-blue-500-hsl: var(--dt-color-blue-500-h) var(--dt-color-blue-500-s) var(--dt-color-blue-500-l);
  --dt-color-blue-500-hsla: hsl(var(--dt-color-blue-500-h) var(--dt-color-blue-500-s) var(--dt-color-blue-500-l) / var(--alpha, 100%));
  --dt-color-blue-500: #1768C6;
  --dt-color-blue-475-h: 209.11242603550298;
  --dt-color-blue-475-s: 66.79841897233202%;
  --dt-color-blue-475-l: 50.3921568627451%;
  --dt-color-blue-475-a: 100%;
  --dt-color-blue-475-hsl: var(--dt-color-blue-475-h) var(--dt-color-blue-475-s) var(--dt-color-blue-475-l);
  --dt-color-blue-475-hsla: hsl(var(--dt-color-blue-475-h) var(--dt-color-blue-475-s) var(--dt-color-blue-475-l) / var(--alpha, 100%));
  --dt-color-blue-475: #2C83D5;
  --dt-color-blue-450-h: 206.70731707317074;
  --dt-color-blue-450-s: 71.9298245614035%;
  --dt-color-blue-450-l: 55.294117647058826%;
  --dt-color-blue-450-a: 100%;
  --dt-color-blue-450-hsl: var(--dt-color-blue-450-h) var(--dt-color-blue-450-s) var(--dt-color-blue-450-l);
  --dt-color-blue-450-hsla: hsl(var(--dt-color-blue-450-h) var(--dt-color-blue-450-s) var(--dt-color-blue-450-l) / var(--alpha, 100%));
  --dt-color-blue-450: #3B96DF;
  --dt-color-blue-425-h: 204.375;
  --dt-color-blue-425-s: 79.20792079207921%;
  --dt-color-blue-425-l: 60.3921568627451%;
  --dt-color-blue-425-a: 100%;
  --dt-color-blue-425-hsl: var(--dt-color-blue-425-h) var(--dt-color-blue-425-s) var(--dt-color-blue-425-l);
  --dt-color-blue-425-hsla: hsl(var(--dt-color-blue-425-h) var(--dt-color-blue-425-s) var(--dt-color-blue-425-l) / var(--alpha, 100%));
  --dt-color-blue-425: #4AA9EA;
  --dt-color-blue-400-h: 200.64935064935065;
  --dt-color-blue-400-s: 92.77108433734938%;
  --dt-color-blue-400-l: 67.45098039215686%;
  --dt-color-blue-400-a: 100%;
  --dt-color-blue-400-hsl: var(--dt-color-blue-400-h) var(--dt-color-blue-400-s) var(--dt-color-blue-400-l);
  --dt-color-blue-400-hsla: hsl(var(--dt-color-blue-400-h) var(--dt-color-blue-400-s) var(--dt-color-blue-400-l) / var(--alpha, 100%));
  --dt-color-blue-400: #5FC4F9;
  --dt-color-blue-300-h: 200.3883495145631;
  --dt-color-blue-300-s: 100%;
  --dt-color-blue-300-l: 79.80392156862746%;
  --dt-color-blue-300-a: 100%;
  --dt-color-blue-300-hsl: var(--dt-color-blue-300-h) var(--dt-color-blue-300-s) var(--dt-color-blue-300-l);
  --dt-color-blue-300-hsla: hsl(var(--dt-color-blue-300-h) var(--dt-color-blue-300-s) var(--dt-color-blue-300-l) / var(--alpha, 100%));
  --dt-color-blue-300: #98DCFF;
  --dt-color-blue-200-h: 200.9090909090909;
  --dt-color-blue-200-s: 100%;
  --dt-color-blue-200-l: 87.05882352941177%;
  --dt-color-blue-200-a: 100%;
  --dt-color-blue-200-hsl: var(--dt-color-blue-200-h) var(--dt-color-blue-200-s) var(--dt-color-blue-200-l);
  --dt-color-blue-200-hsla: hsl(var(--dt-color-blue-200-h) var(--dt-color-blue-200-s) var(--dt-color-blue-200-l) / var(--alpha, 100%));
  --dt-color-blue-200: #BDE8FF;
  --dt-color-blue-100-h: 210;
  --dt-color-blue-100-s: 61.53846153846148%;
  --dt-color-blue-100-l: 94.90196078431372%;
  --dt-color-blue-100-a: 100%;
  --dt-color-blue-100-hsl: var(--dt-color-blue-100-h) var(--dt-color-blue-100-s) var(--dt-color-blue-100-l);
  --dt-color-blue-100-hsla: hsl(var(--dt-color-blue-100-h) var(--dt-color-blue-100-s) var(--dt-color-blue-100-l) / var(--alpha, 100%));
  --dt-color-blue-100: #EAF2FA;
  --dt-color-blue-50-h: 210.0000000000001;
  --dt-color-blue-50-s: 66.66666666666666%;
  --dt-color-blue-50-l: 97.64705882352942%;
  --dt-color-blue-50-a: 100%;
  --dt-color-blue-50-hsl: var(--dt-color-blue-50-h) var(--dt-color-blue-50-s) var(--dt-color-blue-50-l);
  --dt-color-blue-50-hsla: hsl(var(--dt-color-blue-50-h) var(--dt-color-blue-50-s) var(--dt-color-blue-50-l) / var(--alpha, 100%));
  --dt-color-blue-50: #F5F9FD;
  --dt-color-purple-1000-h: 260;
  --dt-color-purple-1000-s: 91.30434782608695%;
  --dt-color-purple-1000-l: 9.019607843137255%;
  --dt-color-purple-1000-a: 100%;
  --dt-color-purple-1000-hsl: var(--dt-color-purple-1000-h) var(--dt-color-purple-1000-s) var(--dt-color-purple-1000-l);
  --dt-color-purple-1000-hsla: hsl(var(--dt-color-purple-1000-h) var(--dt-color-purple-1000-s) var(--dt-color-purple-1000-l) / var(--alpha, 100%));
  --dt-color-purple-1000: #10022C;
  --dt-color-purple-600-h: 260;
  --dt-color-purple-600-s: 97.67441860465117%;
  --dt-color-purple-600-l: 16.862745098039213%;
  --dt-color-purple-600-a: 100%;
  --dt-color-purple-600-hsl: var(--dt-color-purple-600-h) var(--dt-color-purple-600-s) var(--dt-color-purple-600-l);
  --dt-color-purple-600-hsla: hsl(var(--dt-color-purple-600-h) var(--dt-color-purple-600-s) var(--dt-color-purple-600-l) / var(--alpha, 100%));
  --dt-color-purple-600: #1D0155;
  --dt-color-purple-550-h: 254.49999999999997;
  --dt-color-purple-550-s: 67.41573033707864%;
  --dt-color-purple-550-l: 34.90196078431373%;
  --dt-color-purple-550-a: 100%;
  --dt-color-purple-550-hsl: var(--dt-color-purple-550-h) var(--dt-color-purple-550-s) var(--dt-color-purple-550-l);
  --dt-color-purple-550-hsla: hsl(var(--dt-color-purple-550-h) var(--dt-color-purple-550-s) var(--dt-color-purple-550-l) / var(--alpha, 100%));
  --dt-color-purple-550: #3A1D95;
  --dt-color-purple-500-h: 254.51612903225808;
  --dt-color-purple-500-s: 73.22834645669292%;
  --dt-color-purple-500-l: 50.19607843137255%;
  --dt-color-purple-500-a: 100%;
  --dt-color-purple-500-hsl: var(--dt-color-purple-500-h) var(--dt-color-purple-500-s) var(--dt-color-purple-500-l);
  --dt-color-purple-500-hsla: hsl(var(--dt-color-purple-500-h) var(--dt-color-purple-500-s) var(--dt-color-purple-500-l) / var(--alpha, 100%));
  --dt-color-purple-500: #5023DD;
  --dt-color-purple-450-h: 254.59459459459458;
  --dt-color-purple-450-s: 86.85446009389672%;
  --dt-color-purple-450-l: 58.23529411764705%;
  --dt-color-purple-450-a: 100%;
  --dt-color-purple-450-hsl: var(--dt-color-purple-450-h) var(--dt-color-purple-450-s) var(--dt-color-purple-450-l);
  --dt-color-purple-450-hsla: hsl(var(--dt-color-purple-450-h) var(--dt-color-purple-450-s) var(--dt-color-purple-450-l) / var(--alpha, 100%));
  --dt-color-purple-450: #6538F1;
  --dt-color-purple-400-h: 254.5664739884393;
  --dt-color-purple-400-s: 100%;
  --dt-color-purple-400-l: 66.07843137254902%;
  --dt-color-purple-400-a: 100%;
  --dt-color-purple-400-hsl: var(--dt-color-purple-400-h) var(--dt-color-purple-400-s) var(--dt-color-purple-400-l);
  --dt-color-purple-400-hsla: hsl(var(--dt-color-purple-400-h) var(--dt-color-purple-400-s) var(--dt-color-purple-400-l) / var(--alpha, 100%));
  --dt-color-purple-400: #7C52FF;
  --dt-color-purple-350-h: 253.3812949640288;
  --dt-color-purple-350-s: 95.86206896551725%;
  --dt-color-purple-350-l: 71.56862745098039%;
  --dt-color-purple-350-a: 100%;
  --dt-color-purple-350-hsl: var(--dt-color-purple-350-h) var(--dt-color-purple-350-s) var(--dt-color-purple-350-l);
  --dt-color-purple-350-hsla: hsl(var(--dt-color-purple-350-h) var(--dt-color-purple-350-s) var(--dt-color-purple-350-l) / var(--alpha, 100%));
  --dt-color-purple-350: #9071FC;
  --dt-color-purple-300-h: 251.3207547169811;
  --dt-color-purple-300-s: 89.83050847457626%;
  --dt-color-purple-300-l: 76.86274509803921%;
  --dt-color-purple-300-a: 100%;
  --dt-color-purple-300-hsl: var(--dt-color-purple-300-h) var(--dt-color-purple-300-s) var(--dt-color-purple-300-l);
  --dt-color-purple-300-hsla: hsl(var(--dt-color-purple-300-h) var(--dt-color-purple-300-s) var(--dt-color-purple-300-l) / var(--alpha, 100%));
  --dt-color-purple-300: #A38FF9;
  --dt-color-purple-250-h: 254.65116279069764;
  --dt-color-purple-250-s: 93.47826086956525%;
  --dt-color-purple-250-l: 81.96078431372548%;
  --dt-color-purple-250-a: 100%;
  --dt-color-purple-250-hsl: var(--dt-color-purple-250-h) var(--dt-color-purple-250-s) var(--dt-color-purple-250-l);
  --dt-color-purple-250-hsla: hsl(var(--dt-color-purple-250-h) var(--dt-color-purple-250-s) var(--dt-color-purple-250-l) / var(--alpha, 100%));
  --dt-color-purple-250: #BBA6FC;
  --dt-color-purple-200-h: 260.5970149253731;
  --dt-color-purple-200-s: 100%;
  --dt-color-purple-200-l: 86.86274509803921%;
  --dt-color-purple-200-a: 100%;
  --dt-color-purple-200-hsl: var(--dt-color-purple-200-h) var(--dt-color-purple-200-s) var(--dt-color-purple-200-l);
  --dt-color-purple-200-hsla: hsl(var(--dt-color-purple-200-h) var(--dt-color-purple-200-s) var(--dt-color-purple-200-l) / var(--alpha, 100%));
  --dt-color-purple-200: #D3BCFF;
  --dt-color-purple-100-h: 260.00000000000006;
  --dt-color-purple-100-s: 100%;
  --dt-color-purple-100-l: 97.05882352941177%;
  --dt-color-purple-100-a: 100%;
  --dt-color-purple-100-hsl: var(--dt-color-purple-100-h) var(--dt-color-purple-100-s) var(--dt-color-purple-100-l);
  --dt-color-purple-100-hsla: hsl(var(--dt-color-purple-100-h) var(--dt-color-purple-100-s) var(--dt-color-purple-100-l) / var(--alpha, 100%));
  --dt-color-purple-100: #F5F0FF;
  --dt-color-purple-50-h: 259.99999999999994;
  --dt-color-purple-50-s: 100%;
  --dt-color-purple-50-l: 98.23529411764707%;
  --dt-color-purple-50-a: 100%;
  --dt-color-purple-50-hsl: var(--dt-color-purple-50-h) var(--dt-color-purple-50-s) var(--dt-color-purple-50-l);
  --dt-color-purple-50-hsla: hsl(var(--dt-color-purple-50-h) var(--dt-color-purple-50-s) var(--dt-color-purple-50-l) / var(--alpha, 100%));
  --dt-color-purple-50: #F9F6FF;
  --dt-color-black-1000-h: 0;
  --dt-color-black-1000-s: 0%;
  --dt-color-black-1000-l: 0%;
  --dt-color-black-1000-a: 100%;
  --dt-color-black-1000-hsl: var(--dt-color-black-1000-h) var(--dt-color-black-1000-s) var(--dt-color-black-1000-l);
  --dt-color-black-1000-hsla: hsl(var(--dt-color-black-1000-h) var(--dt-color-black-1000-s) var(--dt-color-black-1000-l) / var(--alpha, 100%));
  --dt-color-black-1000: #000000;
  --dt-color-black-950-h: 0;
  --dt-color-black-950-s: 0%;
  --dt-color-black-950-l: 9.019607843137255%;
  --dt-color-black-950-a: 100%;
  --dt-color-black-950-hsl: var(--dt-color-black-950-h) var(--dt-color-black-950-s) var(--dt-color-black-950-l);
  --dt-color-black-950-hsla: hsl(var(--dt-color-black-950-h) var(--dt-color-black-950-s) var(--dt-color-black-950-l) / var(--alpha, 100%));
  --dt-color-black-950: #171717;
  --dt-color-black-900-h: 0;
  --dt-color-black-900-s: 0%;
  --dt-color-black-900-l: 10.980392156862745%;
  --dt-color-black-900-a: 100%;
  --dt-color-black-900-hsl: var(--dt-color-black-900-h) var(--dt-color-black-900-s) var(--dt-color-black-900-l);
  --dt-color-black-900-hsla: hsl(var(--dt-color-black-900-h) var(--dt-color-black-900-s) var(--dt-color-black-900-l) / var(--alpha, 100%));
  --dt-color-black-900: #1C1C1C;
  --dt-color-black-800-h: 0;
  --dt-color-black-800-s: 0%;
  --dt-color-black-800-l: 14.50980392156863%;
  --dt-color-black-800-a: 100%;
  --dt-color-black-800-hsl: var(--dt-color-black-800-h) var(--dt-color-black-800-s) var(--dt-color-black-800-l);
  --dt-color-black-800-hsla: hsl(var(--dt-color-black-800-h) var(--dt-color-black-800-s) var(--dt-color-black-800-l) / var(--alpha, 100%));
  --dt-color-black-800: #252525;
  --dt-color-black-700-h: 0;
  --dt-color-black-700-s: 0%;
  --dt-color-black-700-l: 22.745098039215687%;
  --dt-color-black-700-a: 100%;
  --dt-color-black-700-hsl: var(--dt-color-black-700-h) var(--dt-color-black-700-s) var(--dt-color-black-700-l);
  --dt-color-black-700-hsla: hsl(var(--dt-color-black-700-h) var(--dt-color-black-700-s) var(--dt-color-black-700-l) / var(--alpha, 100%));
  --dt-color-black-700: #3A3A3A;
  --dt-color-black-600-h: 0;
  --dt-color-black-600-s: 0%;
  --dt-color-black-600-l: 32.549019607843135%;
  --dt-color-black-600-a: 100%;
  --dt-color-black-600-hsl: var(--dt-color-black-600-h) var(--dt-color-black-600-s) var(--dt-color-black-600-l);
  --dt-color-black-600-hsla: hsl(var(--dt-color-black-600-h) var(--dt-color-black-600-s) var(--dt-color-black-600-l) / var(--alpha, 100%));
  --dt-color-black-600: #535353;
  --dt-color-black-500-h: 0;
  --dt-color-black-500-s: 0%;
  --dt-color-black-500-l: 50.19607843137255%;
  --dt-color-black-500-a: 100%;
  --dt-color-black-500-hsl: var(--dt-color-black-500-h) var(--dt-color-black-500-s) var(--dt-color-black-500-l);
  --dt-color-black-500-hsla: hsl(var(--dt-color-black-500-h) var(--dt-color-black-500-s) var(--dt-color-black-500-l) / var(--alpha, 100%));
  --dt-color-black-500: #808080;
  --dt-color-black-400-h: 0;
  --dt-color-black-400-s: 0%;
  --dt-color-black-400-l: 66.66666666666666%;
  --dt-color-black-400-a: 100%;
  --dt-color-black-400-hsl: var(--dt-color-black-400-h) var(--dt-color-black-400-s) var(--dt-color-black-400-l);
  --dt-color-black-400-hsla: hsl(var(--dt-color-black-400-h) var(--dt-color-black-400-s) var(--dt-color-black-400-l) / var(--alpha, 100%));
  --dt-color-black-400: #AAAAAA;
  --dt-color-black-300-h: 0;
  --dt-color-black-300-s: 0%;
  --dt-color-black-300-l: 82.35294117647058%;
  --dt-color-black-300-a: 100%;
  --dt-color-black-300-hsl: var(--dt-color-black-300-h) var(--dt-color-black-300-s) var(--dt-color-black-300-l);
  --dt-color-black-300-hsla: hsl(var(--dt-color-black-300-h) var(--dt-color-black-300-s) var(--dt-color-black-300-l) / var(--alpha, 100%));
  --dt-color-black-300: #D2D2D2;
  --dt-color-black-200-h: 0;
  --dt-color-black-200-s: 0%;
  --dt-color-black-200-l: 91.37254901960785%;
  --dt-color-black-200-a: 100%;
  --dt-color-black-200-hsl: var(--dt-color-black-200-h) var(--dt-color-black-200-s) var(--dt-color-black-200-l);
  --dt-color-black-200-hsla: hsl(var(--dt-color-black-200-h) var(--dt-color-black-200-s) var(--dt-color-black-200-l) / var(--alpha, 100%));
  --dt-color-black-200: #E9E9E9;
  --dt-color-black-100-h: 0;
  --dt-color-black-100-s: 0%;
  --dt-color-black-100-l: 97.6470588235294%;
  --dt-color-black-100-a: 100%;
  --dt-color-black-100-hsl: var(--dt-color-black-100-h) var(--dt-color-black-100-s) var(--dt-color-black-100-l);
  --dt-color-black-100-hsla: hsl(var(--dt-color-black-100-h) var(--dt-color-black-100-s) var(--dt-color-black-100-l) / var(--alpha, 100%));
  --dt-color-black-100: #F9F9F9;
  --dt-color-black-50-h: 0;
  --dt-color-black-50-s: 0%;
  --dt-color-black-50-l: 100%;
  --dt-color-black-50-a: 100%;
  --dt-color-black-50-hsl: var(--dt-color-black-50-h) var(--dt-color-black-50-s) var(--dt-color-black-50-l);
  --dt-color-black-50-hsla: hsl(var(--dt-color-black-50-h) var(--dt-color-black-50-s) var(--dt-color-black-50-l) / var(--alpha, 100%));
  --dt-color-black-50: #FFFFFF;
  --dt-color-neutral-transparent-h: 0;
  --dt-color-neutral-transparent-s: 0%;
  --dt-color-neutral-transparent-l: 0%;
  --dt-color-neutral-transparent-a: 0%;
  --dt-color-neutral-transparent-hsl: var(--dt-color-neutral-transparent-h) var(--dt-color-neutral-transparent-s) var(--dt-color-neutral-transparent-l);
  --dt-color-neutral-transparent-hsla: hsl(var(--dt-color-neutral-transparent-h) var(--dt-color-neutral-transparent-s) var(--dt-color-neutral-transparent-l) / var(--alpha, 0%));
  --dt-color-neutral-transparent: transparent; /* Transparent color independent of any theme. */
  --dt-color-neutral-black-h: 0;
  --dt-color-neutral-black-s: 0%;
  --dt-color-neutral-black-l: 0%;
  --dt-color-neutral-black-a: 100%;
  --dt-color-neutral-black-hsl: var(--dt-color-neutral-black-h) var(--dt-color-neutral-black-s) var(--dt-color-neutral-black-l);
  --dt-color-neutral-black-hsla: hsl(var(--dt-color-neutral-black-h) var(--dt-color-neutral-black-s) var(--dt-color-neutral-black-l) / var(--alpha, 100%));
  --dt-color-neutral-black: #000000; /* Black color independent of any theme. */
  --dt-color-neutral-white-h: 0;
  --dt-color-neutral-white-s: 0%;
  --dt-color-neutral-white-l: 100%;
  --dt-color-neutral-white-a: 100%;
  --dt-color-neutral-white-hsl: var(--dt-color-neutral-white-h) var(--dt-color-neutral-white-s) var(--dt-color-neutral-white-l);
  --dt-color-neutral-white-hsla: hsl(var(--dt-color-neutral-white-h) var(--dt-color-neutral-white-s) var(--dt-color-neutral-white-l) / var(--alpha, 100%));
  --dt-color-neutral-white: #FFFFFF; /* White color independent of any theme. */
  --dt-space-100-percent: 100%;
  --dt-space-95-percent: 95%;
  --dt-space-90-percent: 90%;
  --dt-space-80-percent: 80%;
  --dt-space-75-percent: 75%;
  --dt-space-70-percent: 70%;
  --dt-space-66-percent: 66.7%;
  --dt-space-60-percent: 60%;
  --dt-space-50-percent: 50%;
  --dt-space-40-percent: 40%;
  --dt-space-33-percent: 33.333%;
  --dt-space-30-percent: 30%;
  --dt-space-25-percent: 25%;
  --dt-space-20-percent: 20%;
  --dt-space-10-percent: 10%;
  --dt-space-5-percent: 5%;
  --dt-space-0-percent: 0%;
  --dt-space-1200-negative: -204.8rem;
  --dt-space-1150-negative: -153.6rem;
  --dt-space-1130-negative: -134rem;
  --dt-space-1125-negative: -128rem;
  --dt-space-1120-negative: -126.8rem;
  --dt-space-1115-negative: -114rem;
  --dt-space-1100-negative: -102.4rem;
  --dt-space-1080-negative: -91.2rem;
  --dt-space-1060-negative: -82.8rem;
  --dt-space-1050-negative: -76.8rem;
  --dt-space-1040-negative: -76.4rem;
  --dt-space-1020-negative: -62.8rem;
  --dt-space-1000-negative: -51.2rem;
  --dt-space-975-negative: -46.4rem;
  --dt-space-950-negative: -38.4rem;
  --dt-space-925-negative: -33.2rem;
  --dt-space-905-negative: -26.4rem;
  --dt-space-900-negative: -25.6rem;
  --dt-space-875-negative: -21.6rem;
  --dt-space-850-negative: -19.2rem;
  --dt-space-825-negative: -16.4rem;
  --dt-space-800-negative: -12.8rem;
  --dt-space-775-negative: -11.4rem;
  --dt-space-760-negative: -10.2rem;
  --dt-space-750-negative: -9.6rem;
  --dt-space-730-negative: -8.4rem;
  --dt-space-720-negative: -7.2rem;
  --dt-space-700-negative: -6.4rem;
  --dt-space-650-negative: -4.8rem;
  --dt-space-625-negative: -4.2rem;
  --dt-space-600-negative: -3.2rem;
  --dt-space-550-negative: -2.4rem;
  --dt-space-525-negative: -2rem;
  --dt-space-500-negative: -1.6rem;
  --dt-space-450-negative: -1.2rem;
  --dt-space-400-negative: -0.8rem;
  --dt-space-350-negative: -0.6rem;
  --dt-space-300-negative: -0.4rem;
  --dt-space-200-negative: -0.2rem;
  --dt-space-100-negative: -0.1rem;
  --dt-space-50-negative: -0.05rem;
  --dt-space-1200: 204.8rem;
  --dt-space-1150: 153.6rem;
  --dt-space-1130: 134rem;
  --dt-space-1125: 128rem;
  --dt-space-1120: 126.8rem;
  --dt-space-1115: 114rem;
  --dt-space-1100: 102.4rem;
  --dt-space-1080: 91.2rem;
  --dt-space-1060: 82.8rem;
  --dt-space-1050: 76.8rem;
  --dt-space-1040: 76.4rem;
  --dt-space-1020: 62.8rem;
  --dt-space-1000: 51.2rem;
  --dt-space-975: 46.4rem;
  --dt-space-950: 38.4rem;
  --dt-space-925: 33.2rem;
  --dt-space-905: 26.4rem;
  --dt-space-900: 25.6rem;
  --dt-space-875: 21.6rem;
  --dt-space-850: 19.2rem;
  --dt-space-825: 16.4rem;
  --dt-space-800: 12.8rem;
  --dt-space-775: 11.4rem;
  --dt-space-760: 10.2rem;
  --dt-space-750: 9.6rem;
  --dt-space-730: 8.4rem;
  --dt-space-720: 7.2rem;
  --dt-space-700: 6.4rem;
  --dt-space-650: 4.8rem;
  --dt-space-625: 4.2rem;
  --dt-space-600: 3.2rem;
  --dt-space-550: 2.4rem;
  --dt-space-525: 2rem;
  --dt-space-500: 1.6rem;
  --dt-space-450: 1.2rem;
  --dt-space-400: 0.8rem;
  --dt-space-350: 0.6rem;
  --dt-space-300: 0.4rem;
  --dt-space-200: 0.2rem;
  --dt-space-100: 0.1rem;
  --dt-space-50: 0.05rem;
  --dt-space-0: 0rem;
  --dt-size-radius-circle: 50%;
  --dt-size-radius-pill: 10.2rem;
  --dt-size-radius-600: 3.2rem;
  --dt-size-radius-500: 1.6rem;
  --dt-size-radius-450: 1.2rem;
  --dt-size-radius-400: 0.8rem;
  --dt-size-radius-300: 0.4rem;
  --dt-size-radius-200: 0.2rem;
  --dt-size-radius-100: 0.1rem;
  --dt-size-radius-0: 0rem;
  --dt-size-100-percent: 100%;
  --dt-size-95-percent: 95%;
  --dt-size-90-percent: 90%;
  --dt-size-80-percent: 80%;
  --dt-size-75-percent: 75%;
  --dt-size-70-percent: 70%;
  --dt-size-66-percent: 66.7%;
  --dt-size-60-percent: 60%;
  --dt-size-50-percent: 50%;
  --dt-size-40-percent: 40%;
  --dt-size-33-percent: 33.333%;
  --dt-size-30-percent: 30%;
  --dt-size-25-percent: 25%;
  --dt-size-20-percent: 20%;
  --dt-size-10-percent: 10%;
  --dt-size-5-percent: 5%;
  --dt-size-0-percent: 0%;
  --dt-size-1200-negative: -204.8rem;
  --dt-size-1150-negative: -153.6rem;
  --dt-size-1130-negative: -134rem;
  --dt-size-1125-negative: -128rem;
  --dt-size-1120-negative: -126.8rem;
  --dt-size-1115-negative: -114rem;
  --dt-size-1100-negative: -102.4rem;
  --dt-size-1080-negative: -91.2rem;
  --dt-size-1060-negative: -82.8rem;
  --dt-size-1050-negative: -76.8rem;
  --dt-size-1040-negative: -76.4rem;
  --dt-size-1020-negative: -62.8rem;
  --dt-size-1000-negative: -51.2rem;
  --dt-size-975-negative: -46.4rem;
  --dt-size-950-negative: -38.4rem;
  --dt-size-925-negative: -33.2rem;
  --dt-size-905-negative: -26.4rem;
  --dt-size-900-negative: -25.6rem;
  --dt-size-875-negative: -21.6rem;
  --dt-size-850-negative: -19.2rem;
  --dt-size-825-negative: -16.4rem;
  --dt-size-800-negative: -12.8rem;
  --dt-size-775-negative: -11.4rem;
  --dt-size-760-negative: -10.2rem;
  --dt-size-750-negative: -9.6rem;
  --dt-size-730-negative: -8.4rem;
  --dt-size-720-negative: -7.2rem;
  --dt-size-700-negative: -6.4rem;
  --dt-size-650-negative: -4.8rem;
  --dt-size-625-negative: -4.2rem;
  --dt-size-600-negative: -3.2rem;
  --dt-size-550-negative: -2.4rem;
  --dt-size-525-negative: -2rem;
  --dt-size-500-negative: -1.6rem;
  --dt-size-450-negative: -1.2rem;
  --dt-size-400-negative: -0.8rem;
  --dt-size-350-negative: -0.6rem;
  --dt-size-300-negative: -0.4rem;
  --dt-size-200-negative: -0.2rem;
  --dt-size-100-negative: -0.1rem;
  --dt-size-50-negative: -0.05rem;
  --dt-size-border-400: 0.8rem;
  --dt-size-border-300: 0.4rem;
  --dt-size-border-200: 0.2rem;
  --dt-size-border-150: 0.15rem;
  --dt-size-border-100: 0.1rem;
  --dt-size-border-50: 0.05rem;
  --dt-size-border-0: 0rem;
  --dt-size-1200: 204.8rem;
  --dt-size-1150: 153.6rem;
  --dt-size-1130: 134rem;
  --dt-size-1125: 128rem;
  --dt-size-1120: 126.8rem;
  --dt-size-1115: 114rem;
  --dt-size-1100: 102.4rem;
  --dt-size-1080: 91.2rem;
  --dt-size-1060: 82.8rem;
  --dt-size-1050: 76.8rem;
  --dt-size-1040: 76.4rem;
  --dt-size-1020: 62.8rem;
  --dt-size-1000: 51.2rem;
  --dt-size-975: 46.4rem;
  --dt-size-950: 38.4rem;
  --dt-size-925: 33.2rem;
  --dt-size-905: 26.4rem;
  --dt-size-900: 25.6rem;
  --dt-size-875: 21.6rem;
  --dt-size-850: 19.2rem;
  --dt-size-825: 16.4rem;
  --dt-size-800: 12.8rem;
  --dt-size-775: 11.4rem;
  --dt-size-760: 10.2rem;
  --dt-size-750: 9.6rem;
  --dt-size-730: 8.4rem;
  --dt-size-720: 7.2rem;
  --dt-size-700: 6.4rem;
  --dt-size-650: 4.8rem;
  --dt-size-625: 4.2rem;
  --dt-size-600: 3.2rem;
  --dt-size-550: 2.4rem;
  --dt-size-525: 2rem;
  --dt-size-500: 1.6rem;
  --dt-size-450: 1.2rem;
  --dt-size-400: 0.8rem;
  --dt-size-350: 0.6rem;
  --dt-size-300: 0.4rem;
  --dt-size-200: 0.2rem;
  --dt-size-100: 0.1rem;
  --dt-size-50: 0.05rem;
  --dt-size-0: 0rem;
  --dt-font-text-case-none: none;
  --dt-font-text-case-capitalize: capitalize;
  --dt-font-text-case-lowercase: lowercase;
  --dt-font-text-case-uppercase: uppercase;
  --dt-font-weight-bold: 700;
  --dt-font-weight-semi-bold: 600;
  --dt-font-weight-medium: 500;
  --dt-font-weight-normal: 400;
  --dt-font-line-height-600: 2;
  --dt-font-line-height-500: 1.8;
  --dt-font-line-height-400: 1.6;
  --dt-font-line-height-300: 1.4;
  --dt-font-line-height-200: 1.2;
  --dt-font-line-height-100: 1;
  --dt-font-family-mono: SFMono-Regular, "SF Mono", Consolas, "Liberation Mono", Menlo, Courier, monospace;
  --dt-font-family-body: -apple-system, BlinkMacSystemFont, "SF Pro", "Segoe UI Adjusted", "Segoe UI", SFMono, "Helvetica Neue", Cantarell, Ubuntu, Roboto, Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
  --dt-font-size-root: 10px;
  --dt-shadow-focus-inset-offset-y: var(--dt-size-0);
  --dt-shadow-focus-inset-offset-x: var(--dt-size-0);
  --dt-shadow-focus-inset-color-h: 204.375;
  --dt-shadow-focus-inset-color-s: 79.20792079207921%;
  --dt-shadow-focus-inset-color-l: 60.3921568627451%;
  --dt-shadow-focus-inset-color-a: 100%;
  --dt-shadow-focus-inset-color-hsl: var(--dt-shadow-focus-inset-color-h) var(--dt-shadow-focus-inset-color-s) var(--dt-shadow-focus-inset-color-l);
  --dt-shadow-focus-inset-color-hsla: hsl(var(--dt-shadow-focus-inset-color-h) var(--dt-shadow-focus-inset-color-s) var(--dt-shadow-focus-inset-color-l) / var(--alpha, 100%));
  --dt-shadow-focus-inset-color: #4AA9EA;
  --dt-shadow-focus-inset-spread: var(--dt-size-200);
  --dt-shadow-focus-inset-blur: var(--dt-size-0);
  --dt-shadow-focus-2-offset-y: var(--dt-size-0);
  --dt-shadow-focus-2-offset-x: var(--dt-size-0);
  --dt-shadow-focus-2-color-h: 204.375;
  --dt-shadow-focus-2-color-s: 79.20792079207921%;
  --dt-shadow-focus-2-color-l: 60.3921568627451%;
  --dt-shadow-focus-2-color-a: 100%;
  --dt-shadow-focus-2-color-hsl: var(--dt-shadow-focus-2-color-h) var(--dt-shadow-focus-2-color-s) var(--dt-shadow-focus-2-color-l);
  --dt-shadow-focus-2-color-hsla: hsl(var(--dt-shadow-focus-2-color-h) var(--dt-shadow-focus-2-color-s) var(--dt-shadow-focus-2-color-l) / var(--alpha, 100%));
  --dt-shadow-focus-2-color: #4AA9EA;
  --dt-shadow-focus-2-spread: calc(var(--dt-size-200) + var(--dt-size-100));
  --dt-shadow-focus-2-blur: var(--dt-size-0);
  --dt-shadow-focus-1-offset-y: var(--dt-size-0);
  --dt-shadow-focus-1-offset-x: var(--dt-size-0);
  --dt-shadow-focus-1-color-h: 0;
  --dt-shadow-focus-1-color-s: 0%;
  --dt-shadow-focus-1-color-l: 97.6470588235294%;
  --dt-shadow-focus-1-color-a: 100%;
  --dt-shadow-focus-1-color-hsl: var(--dt-shadow-focus-1-color-h) var(--dt-shadow-focus-1-color-s) var(--dt-shadow-focus-1-color-l);
  --dt-shadow-focus-1-color-hsla: hsl(var(--dt-shadow-focus-1-color-h) var(--dt-shadow-focus-1-color-s) var(--dt-shadow-focus-1-color-l) / var(--alpha, 100%));
  --dt-shadow-focus-1-color: #F9F9F9;
  --dt-shadow-focus-1-spread: var(--dt-size-100);
  --dt-shadow-focus-1-blur: var(--dt-size-0);
  --dt-shadow-card-3-offset-y: var(--dt-size-200);
  --dt-shadow-card-3-offset-x: var(--dt-size-0);
  --dt-shadow-card-3-spread: var(--dt-size-0);
  --dt-shadow-card-3-blur: var(--dt-size-500);
  --dt-shadow-card-2-offset-y: var(--dt-size-200);
  --dt-shadow-card-2-offset-x: var(--dt-size-0);
  --dt-shadow-card-2-spread: var(--dt-size-0);
  --dt-shadow-card-2-blur: var(--dt-size-300);
  --dt-shadow-card-1-offset-y: var(--dt-size-100);
  --dt-shadow-card-1-offset-x: var(--dt-size-0);
  --dt-shadow-card-1-spread: var(--dt-size-0);
  --dt-shadow-card-1-blur: var(--dt-size-200);
  --dt-shadow-extra-large-offset-y: var(--dt-size-200);
  --dt-shadow-extra-large-offset-x: var(--dt-size-0);
  --dt-shadow-extra-large-spread: var(--dt-size-0);
  --dt-shadow-extra-large-blur: var(--dt-size-600);
  --dt-shadow-large-offset-y: var(--dt-size-200);
  --dt-shadow-large-offset-x: var(--dt-size-0);
  --dt-shadow-large-spread: var(--dt-size-0);
  --dt-shadow-large-blur: var(--dt-size-500);
  --dt-shadow-medium-offset-y: var(--dt-size-200);
  --dt-shadow-medium-offset-x: var(--dt-size-0);
  --dt-shadow-medium-spread: var(--dt-size-0);
  --dt-shadow-medium-blur: var(--dt-size-400);
  --dt-shadow-small-offset-y: var(--dt-size-200);
  --dt-shadow-small-offset-x: var(--dt-size-0);
  --dt-shadow-small-spread: var(--dt-size-0);
  --dt-shadow-small-blur: var(--dt-size-300);
  --dt-shadow-focus-inset: var(--dt-shadow-focus-inset-offset-x) var(--dt-shadow-focus-inset-offset-y) var(--dt-shadow-focus-inset-blur) var(--dt-shadow-focus-inset-spread) var(--dt-shadow-focus-inset-color) inset;
  --dt-shadow-focus: var(--dt-shadow-focus-1-offset-x) var(--dt-shadow-focus-1-offset-y) var(--dt-shadow-focus-1-blur) var(--dt-shadow-focus-1-spread) var(--dt-shadow-focus-1-color), var(--dt-shadow-focus-2-offset-x) var(--dt-shadow-focus-2-offset-y) var(--dt-shadow-focus-2-blur) var(--dt-shadow-focus-2-spread) var(--dt-shadow-focus-2-color);
  --dt-shadow-card: var(--dt-shadow-card-1-offset-x) var(--dt-shadow-card-1-offset-y) var(--dt-shadow-card-1-blur) var(--dt-shadow-card-1-spread) var(--dt-shadow-card-1-color), var(--dt-shadow-card-2-offset-x) var(--dt-shadow-card-2-offset-y) var(--dt-shadow-card-2-blur) var(--dt-shadow-card-2-spread) var(--dt-shadow-card-2-color), var(--dt-shadow-card-3-offset-x) var(--dt-shadow-card-3-offset-y) var(--dt-shadow-card-3-blur) var(--dt-shadow-card-3-spread) var(--dt-shadow-card-3-color);
  --dt-shadow-extra-large: var(--dt-shadow-extra-large-offset-x) var(--dt-shadow-extra-large-offset-y) var(--dt-shadow-extra-large-blur) var(--dt-shadow-extra-large-spread) var(--dt-shadow-extra-large-color);
  --dt-shadow-large: var(--dt-shadow-large-offset-x) var(--dt-shadow-large-offset-y) var(--dt-shadow-large-blur) var(--dt-shadow-large-spread) var(--dt-shadow-large-color);
  --dt-shadow-medium: var(--dt-shadow-medium-offset-x) var(--dt-shadow-medium-offset-y) var(--dt-shadow-medium-blur) var(--dt-shadow-medium-spread) var(--dt-shadow-medium-color);
  --dt-shadow-small: var(--dt-shadow-small-offset-x) var(--dt-shadow-small-offset-y) var(--dt-shadow-small-blur) var(--dt-shadow-small-spread) var(--dt-shadow-small-color);
  --dt-color-gradient-magenta-purple: linear-gradient(135deg, var(--dt-color-brand-magenta) 10%, var(--dt-color-brand-purple) 90%); /* Gradient for Ai-oriented treatments. */
  --dt-size-base: calc(1rem * 0.8);
  --dt-font-family-expressive: "Season Mix", var(--dt-font-family-body);
  --dt-font-size-500: calc(1rem * 3.8); /* extra large / xxl */
  --dt-font-size-400: calc(1rem * 2.7); /* extra large / xl */
  --dt-font-size-300: calc(1rem * 1.9); /* large */
  --dt-font-size-200: calc(1rem * 1.5); /* medium / base */
  --dt-font-size-100: calc(1rem * 1.2); /* small */
  --dt-space-base: var(--dt-size-base);
  --dt-font-size-100-mobile: 1.2rem;
  --dt-font-size-200-mobile: 1.6rem;
  --dt-font-size-300-mobile: 2rem;
  --dt-font-size-400-mobile: 2.9rem;
  --dt-font-size-500-mobile: 4.1rem;
  --dt-font-size-100-tc8: 1.7rem;
  --dt-font-size-200-tc8: 2.1rem;
  --dt-font-size-300-tc8: 2.7rem;
  --dt-font-size-400-tc8: 3.8rem;
  --dt-font-size-500-tc8: 5.4rem;
  --dt-font-size-100-tv: 2.5rem;
  --dt-font-size-200-tv: 3.2rem;
  --dt-font-size-300-tv: 4.1rem;
  --dt-font-size-400-tv: 5.8rem;
  --dt-font-size-500-tv: 8.2rem;
  --zi-hide: -1;
  --zi-base: 0;
  --zi-base1: 1;
  --zi-selected: 25;
  --zi-active: 50;
  --zi-navigation: 100;
  --zi-navigation-fixed: 150;
  --zi-dropdown: 200;
  --zi-popover: 300;
  --zi-tooltip: 400;
  --zi-drawer: 500;
  --zi-modal: 600;
  --zi-modal-element: 650;
  --zi-notification: 700;
}

.d-fc-neutral-white, .h\:d-fc-neutral-white:hover, .f\:d-fc-neutral-white:focus, .f\:d-fc-neutral-white:focus-within, .fv\:d-fc-neutral-white:focus-visible {
  --fco: var(--dt-color-neutral-white-a);
  color: hsl(var(--dt-color-neutral-white-h) var(--dt-color-neutral-white-s) var(--dt-color-neutral-white-l) / var(--fco)) !important;
}

.d-fc-neutral-black, .h\:d-fc-neutral-black:hover, .f\:d-fc-neutral-black:focus, .f\:d-fc-neutral-black:focus-within, .fv\:d-fc-neutral-black:focus-visible {
  --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;
}

.d-fc-black-200, .h\:d-fc-black-200:hover, .f\:d-fc-black-200:focus, .f\:d-fc-black-200:focus-within, .fv\:d-fc-black-200:focus-visible {
  --fco: var(--dt-color-black-200-a);
  color: hsl(var(--dt-color-black-200-h) var(--dt-color-black-200-s) var(--dt-color-black-200-l) / var(--fco)) !important;
}

.d-fc-black-300, .h\:d-fc-black-300:hover, .f\:d-fc-black-300:focus, .f\:d-fc-black-300:focus-within, .fv\:d-fc-black-300:focus-visible {
  --fco: var(--dt-color-black-300-a);
  color: hsl(var(--dt-color-black-300-h) var(--dt-color-black-300-s) var(--dt-color-black-300-l) / var(--fco)) !important;
}

.d-fc-black-400, .h\:d-fc-black-400:hover, .f\:d-fc-black-400:focus, .f\:d-fc-black-400:focus-within, .fv\:d-fc-black-400:focus-visible {
  --fco: var(--dt-color-black-400-a);
  color: hsl(var(--dt-color-black-400-h) var(--dt-color-black-400-s) var(--dt-color-black-400-l) / var(--fco)) !important;
}

.d-fc-black-500, .h\:d-fc-black-500:hover, .f\:d-fc-black-500:focus, .f\:d-fc-black-500:focus-within, .fv\:d-fc-black-500:focus-visible {
  --fco: var(--dt-color-black-500-a);
  color: hsl(var(--dt-color-black-500-h) var(--dt-color-black-500-s) var(--dt-color-black-500-l) / var(--fco)) !important;
}

.d-fc-black-600, .h\:d-fc-black-600:hover, .f\:d-fc-black-600:focus, .f\:d-fc-black-600:focus-within, .fv\:d-fc-black-600:focus-visible {
  --fco: var(--dt-color-black-600-a);
  color: hsl(var(--dt-color-black-600-h) var(--dt-color-black-600-s) var(--dt-color-black-600-l) / var(--fco)) !important;
}

.d-fc-black-700, .h\:d-fc-black-700:hover, .f\:d-fc-black-700:focus, .f\:d-fc-black-700:focus-within, .fv\:d-fc-black-700:focus-visible {
  --fco: var(--dt-color-black-700-a);
  color: hsl(var(--dt-color-black-700-h) var(--dt-color-black-700-s) var(--dt-color-black-700-l) / var(--fco)) !important;
}

.d-fc-black-800, .h\:d-fc-black-800:hover, .f\:d-fc-black-800:focus, .f\:d-fc-black-800:focus-within, .fv\:d-fc-black-800:focus-visible {
  --fco: var(--dt-color-black-800-a);
  color: hsl(var(--dt-color-black-800-h) var(--dt-color-black-800-s) var(--dt-color-black-800-l) / var(--fco)) !important;
}

.d-fc-black-900, .h\:d-fc-black-900:hover, .f\:d-fc-black-900:focus, .f\:d-fc-black-900:focus-within, .fv\:d-fc-black-900:focus-visible {
  --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;
}

.d-fc-purple-200, .h\:d-fc-purple-200:hover, .f\:d-fc-purple-200:focus, .f\:d-fc-purple-200:focus-within, .fv\:d-fc-purple-200:focus-visible {
  --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;
}

.d-fc-blue-200, .h\:d-fc-blue-200:hover, .f\:d-fc-blue-200:focus, .f\:d-fc-blue-200:focus-within, .fv\:d-fc-blue-200:focus-visible {
  --fco: var(--dt-color-blue-200-a);
  color: hsl(var(--dt-color-blue-200-h) var(--dt-color-blue-200-s) var(--dt-color-blue-200-l) / var(--fco)) !important;
}

.d-fc-blue-300, .h\:d-fc-blue-300:hover, .f\:d-fc-blue-300:focus, .f\:d-fc-blue-300:focus-within, .fv\:d-fc-blue-300:focus-visible {
  --fco: var(--dt-color-blue-300-a);
  color: hsl(var(--dt-color-blue-300-h) var(--dt-color-blue-300-s) var(--dt-color-blue-300-l) / var(--fco)) !important;
}

.d-fc-blue-400, .h\:d-fc-blue-400:hover, .f\:d-fc-blue-400:focus, .f\:d-fc-blue-400:focus-within, .fv\:d-fc-blue-400:focus-visible {
  --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;
}

.d-fc-magenta-200, .h\:d-fc-magenta-200:hover, .f\:d-fc-magenta-200:focus, .f\:d-fc-magenta-200:focus-within, .fv\:d-fc-magenta-200:focus-visible {
  --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;
}

.d-fc-magenta-400, .h\:d-fc-magenta-400:hover, .f\:d-fc-magenta-400:focus, .f\:d-fc-magenta-400:focus-within, .fv\:d-fc-magenta-400:focus-visible {
  --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;
}

.d-fc-gold-200, .h\:d-fc-gold-200:hover, .f\:d-fc-gold-200:focus, .f\:d-fc-gold-200:focus-within, .fv\:d-fc-gold-200:focus-visible {
  --fco: var(--dt-color-gold-200-a);
  color: hsl(var(--dt-color-gold-200-h) var(--dt-color-gold-200-s) var(--dt-color-gold-200-l) / var(--fco)) !important;
}

.d-fc-gold-300, .h\:d-fc-gold-300:hover, .f\:d-fc-gold-300:focus, .f\:d-fc-gold-300:focus-within, .fv\:d-fc-gold-300:focus-visible {
  --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;
}

.d-fc-green-200, .h\:d-fc-green-200:hover, .f\:d-fc-green-200:focus, .f\:d-fc-green-200:focus-within, .fv\:d-fc-green-200:focus-visible {
  --fco: var(--dt-color-green-200-a);
  color: hsl(var(--dt-color-green-200-h) var(--dt-color-green-200-s) var(--dt-color-green-200-l) / var(--fco)) !important;
}

.d-fc-green-300, .h\:d-fc-green-300:hover, .f\:d-fc-green-300:focus, .f\:d-fc-green-300:focus-within, .fv\:d-fc-green-300:focus-visible {
  --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;
}

.d-fc-red-200, .h\:d-fc-red-200:hover, .f\:d-fc-red-200:focus, .f\:d-fc-red-200:focus-within, .fv\:d-fc-red-200:focus-visible {
  --fco: var(--dt-color-red-200-a);
  color: hsl(var(--dt-color-red-200-h) var(--dt-color-red-200-s) var(--dt-color-red-200-l) / var(--fco)) !important;
}

.d-fc-red-300, .h\:d-fc-red-300:hover, .f\:d-fc-red-300:focus, .f\:d-fc-red-300:focus-within, .fv\:d-fc-red-300:focus-visible {
  --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;
}

.d-fc-tan-200, .h\:d-fc-tan-200:hover, .f\:d-fc-tan-200:focus, .f\:d-fc-tan-200:focus-within, .fv\:d-fc-tan-200:focus-visible {
  --fco: var(--dt-color-tan-200-a);
  color: hsl(var(--dt-color-tan-200-h) var(--dt-color-tan-200-s) var(--dt-color-tan-200-l) / var(--fco)) !important;
}

.d-fc-tan-300, .h\:d-fc-tan-300:hover, .f\:d-fc-tan-300:focus, .f\:d-fc-tan-300:focus-within, .fv\:d-fc-tan-300:focus-visible {
  --fco: var(--dt-color-tan-300-a);
  color: hsl(var(--dt-color-tan-300-h) var(--dt-color-tan-300-s) var(--dt-color-tan-300-l) / var(--fco)) !important;
}

.d-fc-tan-400, .h\:d-fc-tan-400:hover, .f\:d-fc-tan-400:focus, .f\:d-fc-tan-400:focus-within, .fv\:d-fc-tan-400:focus-visible {
  --fco: var(--dt-color-tan-400-a);
  color: hsl(var(--dt-color-tan-400-h) var(--dt-color-tan-400-s) var(--dt-color-tan-400-l) / var(--fco)) !important;
}

.d-fc-tan-500, .h\:d-fc-tan-500:hover, .f\:d-fc-tan-500:focus, .f\:d-fc-tan-500:focus-within, .fv\:d-fc-tan-500:focus-visible {
  --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-berry-50, .h\:d-fc-berry-50:hover, .f\:d-fc-berry-50:focus, .f\:d-fc-berry-50:focus-within, .fv\:d-fc-berry-50:focus-visible {
  --fco: var(--dt-color-berry-50-a);
  color: hsl(var(--dt-color-berry-50-h) var(--dt-color-berry-50-s) var(--dt-color-berry-50-l) / var(--fco)) !important;
}

.d-fc-berry-100, .h\:d-fc-berry-100:hover, .f\:d-fc-berry-100:focus, .f\:d-fc-berry-100:focus-within, .fv\:d-fc-berry-100:focus-visible {
  --fco: var(--dt-color-berry-100-a);
  color: hsl(var(--dt-color-berry-100-h) var(--dt-color-berry-100-s) var(--dt-color-berry-100-l) / var(--fco)) !important;
}

.d-fc-berry-200, .h\:d-fc-berry-200:hover, .f\:d-fc-berry-200:focus, .f\:d-fc-berry-200:focus-within, .fv\:d-fc-berry-200:focus-visible {
  --fco: var(--dt-color-berry-200-a);
  color: hsl(var(--dt-color-berry-200-h) var(--dt-color-berry-200-s) var(--dt-color-berry-200-l) / var(--fco)) !important;
}

.d-fc-berry-300, .h\:d-fc-berry-300:hover, .f\:d-fc-berry-300:focus, .f\:d-fc-berry-300:focus-within, .fv\:d-fc-berry-300:focus-visible {
  --fco: var(--dt-color-berry-300-a);
  color: hsl(var(--dt-color-berry-300-h) var(--dt-color-berry-300-s) var(--dt-color-berry-300-l) / var(--fco)) !important;
}

.d-fc-berry-400, .h\:d-fc-berry-400:hover, .f\:d-fc-berry-400:focus, .f\:d-fc-berry-400:focus-within, .fv\:d-fc-berry-400:focus-visible {
  --fco: var(--dt-color-berry-400-a);
  color: hsl(var(--dt-color-berry-400-h) var(--dt-color-berry-400-s) var(--dt-color-berry-400-l) / var(--fco)) !important;
}

.d-fc-berry-500, .h\:d-fc-berry-500:hover, .f\:d-fc-berry-500:focus, .f\:d-fc-berry-500:focus-within, .fv\:d-fc-berry-500:focus-visible {
  --fco: var(--dt-color-berry-500-a);
  color: hsl(var(--dt-color-berry-500-h) var(--dt-color-berry-500-s) var(--dt-color-berry-500-l) / var(--fco)) !important;
}

.d-fc-berry-600, .h\:d-fc-berry-600:hover, .f\:d-fc-berry-600:focus, .f\:d-fc-berry-600:focus-within, .fv\:d-fc-berry-600:focus-visible {
  --fco: var(--dt-color-berry-600-a);
  color: hsl(var(--dt-color-berry-600-h) var(--dt-color-berry-600-s) var(--dt-color-berry-600-l) / var(--fco)) !important;
}

.d-fc-berry-700, .h\:d-fc-berry-700:hover, .f\:d-fc-berry-700:focus, .f\:d-fc-berry-700:focus-within, .fv\:d-fc-berry-700:focus-visible {
  --fco: var(--dt-color-berry-700-a);
  color: hsl(var(--dt-color-berry-700-h) var(--dt-color-berry-700-s) var(--dt-color-berry-700-l) / var(--fco)) !important;
}

.d-fc-berry-800, .h\:d-fc-berry-800:hover, .f\:d-fc-berry-800:focus, .f\:d-fc-berry-800:focus-within, .fv\:d-fc-berry-800:focus-visible {
  --fco: var(--dt-color-berry-800-a);
  color: hsl(var(--dt-color-berry-800-h) var(--dt-color-berry-800-s) var(--dt-color-berry-800-l) / var(--fco)) !important;
}

.d-fc-berry-900, .h\:d-fc-berry-900:hover, .f\:d-fc-berry-900:focus, .f\:d-fc-berry-900:focus-within, .fv\:d-fc-berry-900:focus-visible {
  --fco: var(--dt-color-berry-900-a);
  color: hsl(var(--dt-color-berry-900-h) var(--dt-color-berry-900-s) var(--dt-color-berry-900-l) / var(--fco)) !important;
}

.d-fc-berry-950, .h\:d-fc-berry-950:hover, .f\:d-fc-berry-950:focus, .f\:d-fc-berry-950:focus-within, .fv\:d-fc-berry-950:focus-visible {
  --fco: var(--dt-color-berry-950-a);
  color: hsl(var(--dt-color-berry-950-h) var(--dt-color-berry-950-s) var(--dt-color-berry-950-l) / var(--fco)) !important;
}

.d-fc-berry-1000, .h\:d-fc-berry-1000:hover, .f\:d-fc-berry-1000:focus, .f\:d-fc-berry-1000:focus-within, .fv\:d-fc-berry-1000:focus-visible {
  --fco: var(--dt-color-berry-1000-a);
  color: hsl(var(--dt-color-berry-1000-h) var(--dt-color-berry-1000-s) var(--dt-color-berry-1000-l) / var(--fco)) !important;
}

.d-fc-coral-50, .h\:d-fc-coral-50:hover, .f\:d-fc-coral-50:focus, .f\:d-fc-coral-50:focus-within, .fv\:d-fc-coral-50:focus-visible {
  --fco: var(--dt-color-coral-50-a);
  color: hsl(var(--dt-color-coral-50-h) var(--dt-color-coral-50-s) var(--dt-color-coral-50-l) / var(--fco)) !important;
}

.d-fc-coral-100, .h\:d-fc-coral-100:hover, .f\:d-fc-coral-100:focus, .f\:d-fc-coral-100:focus-within, .fv\:d-fc-coral-100:focus-visible {
  --fco: var(--dt-color-coral-100-a);
  color: hsl(var(--dt-color-coral-100-h) var(--dt-color-coral-100-s) var(--dt-color-coral-100-l) / var(--fco)) !important;
}

.d-fc-coral-200, .h\:d-fc-coral-200:hover, .f\:d-fc-coral-200:focus, .f\:d-fc-coral-200:focus-within, .fv\:d-fc-coral-200:focus-visible {
  --fco: var(--dt-color-coral-200-a);
  color: hsl(var(--dt-color-coral-200-h) var(--dt-color-coral-200-s) var(--dt-color-coral-200-l) / var(--fco)) !important;
}

.d-fc-coral-300, .h\:d-fc-coral-300:hover, .f\:d-fc-coral-300:focus, .f\:d-fc-coral-300:focus-within, .fv\:d-fc-coral-300:focus-visible {
  --fco: var(--dt-color-coral-300-a);
  color: hsl(var(--dt-color-coral-300-h) var(--dt-color-coral-300-s) var(--dt-color-coral-300-l) / var(--fco)) !important;
}

.d-fc-coral-400, .h\:d-fc-coral-400:hover, .f\:d-fc-coral-400:focus, .f\:d-fc-coral-400:focus-within, .fv\:d-fc-coral-400:focus-visible {
  --fco: var(--dt-color-coral-400-a);
  color: hsl(var(--dt-color-coral-400-h) var(--dt-color-coral-400-s) var(--dt-color-coral-400-l) / var(--fco)) !important;
}

.d-fc-coral-500, .h\:d-fc-coral-500:hover, .f\:d-fc-coral-500:focus, .f\:d-fc-coral-500:focus-within, .fv\:d-fc-coral-500:focus-visible {
  --fco: var(--dt-color-coral-500-a);
  color: hsl(var(--dt-color-coral-500-h) var(--dt-color-coral-500-s) var(--dt-color-coral-500-l) / var(--fco)) !important;
}

.d-fc-coral-600, .h\:d-fc-coral-600:hover, .f\:d-fc-coral-600:focus, .f\:d-fc-coral-600:focus-within, .fv\:d-fc-coral-600:focus-visible {
  --fco: var(--dt-color-coral-600-a);
  color: hsl(var(--dt-color-coral-600-h) var(--dt-color-coral-600-s) var(--dt-color-coral-600-l) / var(--fco)) !important;
}

.d-fc-coral-700, .h\:d-fc-coral-700:hover, .f\:d-fc-coral-700:focus, .f\:d-fc-coral-700:focus-within, .fv\:d-fc-coral-700:focus-visible {
  --fco: var(--dt-color-coral-700-a);
  color: hsl(var(--dt-color-coral-700-h) var(--dt-color-coral-700-s) var(--dt-color-coral-700-l) / var(--fco)) !important;
}

.d-fc-coral-800, .h\:d-fc-coral-800:hover, .f\:d-fc-coral-800:focus, .f\:d-fc-coral-800:focus-within, .fv\:d-fc-coral-800:focus-visible {
  --fco: var(--dt-color-coral-800-a);
  color: hsl(var(--dt-color-coral-800-h) var(--dt-color-coral-800-s) var(--dt-color-coral-800-l) / var(--fco)) !important;
}

.d-fc-coral-900, .h\:d-fc-coral-900:hover, .f\:d-fc-coral-900:focus, .f\:d-fc-coral-900:focus-within, .fv\:d-fc-coral-900:focus-visible {
  --fco: var(--dt-color-coral-900-a);
  color: hsl(var(--dt-color-coral-900-h) var(--dt-color-coral-900-s) var(--dt-color-coral-900-l) / var(--fco)) !important;
}

.d-fc-coral-950, .h\:d-fc-coral-950:hover, .f\:d-fc-coral-950:focus, .f\:d-fc-coral-950:focus-within, .fv\:d-fc-coral-950:focus-visible {
  --fco: var(--dt-color-coral-950-a);
  color: hsl(var(--dt-color-coral-950-h) var(--dt-color-coral-950-s) var(--dt-color-coral-950-l) / var(--fco)) !important;
}

.d-fc-coral-1000, .h\:d-fc-coral-1000:hover, .f\:d-fc-coral-1000:focus, .f\:d-fc-coral-1000:focus-within, .fv\:d-fc-coral-1000:focus-visible {
  --fco: var(--dt-color-coral-1000-a);
  color: hsl(var(--dt-color-coral-1000-h) var(--dt-color-coral-1000-s) var(--dt-color-coral-1000-l) / var(--fco)) !important;
}

.d-fc-olive-50, .h\:d-fc-olive-50:hover, .f\:d-fc-olive-50:focus, .f\:d-fc-olive-50:focus-within, .fv\:d-fc-olive-50:focus-visible {
  --fco: var(--dt-color-olive-50-a);
  color: hsl(var(--dt-color-olive-50-h) var(--dt-color-olive-50-s) var(--dt-color-olive-50-l) / var(--fco)) !important;
}

.d-fc-olive-100, .h\:d-fc-olive-100:hover, .f\:d-fc-olive-100:focus, .f\:d-fc-olive-100:focus-within, .fv\:d-fc-olive-100:focus-visible {
  --fco: var(--dt-color-olive-100-a);
  color: hsl(var(--dt-color-olive-100-h) var(--dt-color-olive-100-s) var(--dt-color-olive-100-l) / var(--fco)) !important;
}

.d-fc-olive-200, .h\:d-fc-olive-200:hover, .f\:d-fc-olive-200:focus, .f\:d-fc-olive-200:focus-within, .fv\:d-fc-olive-200:focus-visible {
  --fco: var(--dt-color-olive-200-a);
  color: hsl(var(--dt-color-olive-200-h) var(--dt-color-olive-200-s) var(--dt-color-olive-200-l) / var(--fco)) !important;
}

.d-fc-olive-300, .h\:d-fc-olive-300:hover, .f\:d-fc-olive-300:focus, .f\:d-fc-olive-300:focus-within, .fv\:d-fc-olive-300:focus-visible {
  --fco: var(--dt-color-olive-300-a);
  color: hsl(var(--dt-color-olive-300-h) var(--dt-color-olive-300-s) var(--dt-color-olive-300-l) / var(--fco)) !important;
}

.d-fc-olive-400, .h\:d-fc-olive-400:hover, .f\:d-fc-olive-400:focus, .f\:d-fc-olive-400:focus-within, .fv\:d-fc-olive-400:focus-visible {
  --fco: var(--dt-color-olive-400-a);
  color: hsl(var(--dt-color-olive-400-h) var(--dt-color-olive-400-s) var(--dt-color-olive-400-l) / var(--fco)) !important;
}

.d-fc-olive-500, .h\:d-fc-olive-500:hover, .f\:d-fc-olive-500:focus, .f\:d-fc-olive-500:focus-within, .fv\:d-fc-olive-500:focus-visible {
  --fco: var(--dt-color-olive-500-a);
  color: hsl(var(--dt-color-olive-500-h) var(--dt-color-olive-500-s) var(--dt-color-olive-500-l) / var(--fco)) !important;
}

.d-fc-olive-600, .h\:d-fc-olive-600:hover, .f\:d-fc-olive-600:focus, .f\:d-fc-olive-600:focus-within, .fv\:d-fc-olive-600:focus-visible {
  --fco: var(--dt-color-olive-600-a);
  color: hsl(var(--dt-color-olive-600-h) var(--dt-color-olive-600-s) var(--dt-color-olive-600-l) / var(--fco)) !important;
}

.d-fc-olive-700, .h\:d-fc-olive-700:hover, .f\:d-fc-olive-700:focus, .f\:d-fc-olive-700:focus-within, .fv\:d-fc-olive-700:focus-visible {
  --fco: var(--dt-color-olive-700-a);
  color: hsl(var(--dt-color-olive-700-h) var(--dt-color-olive-700-s) var(--dt-color-olive-700-l) / var(--fco)) !important;
}

.d-fc-olive-800, .h\:d-fc-olive-800:hover, .f\:d-fc-olive-800:focus, .f\:d-fc-olive-800:focus-within, .fv\:d-fc-olive-800:focus-visible {
  --fco: var(--dt-color-olive-800-a);
  color: hsl(var(--dt-color-olive-800-h) var(--dt-color-olive-800-s) var(--dt-color-olive-800-l) / var(--fco)) !important;
}

.d-fc-olive-900, .h\:d-fc-olive-900:hover, .f\:d-fc-olive-900:focus, .f\:d-fc-olive-900:focus-within, .fv\:d-fc-olive-900:focus-visible {
  --fco: var(--dt-color-olive-900-a);
  color: hsl(var(--dt-color-olive-900-h) var(--dt-color-olive-900-s) var(--dt-color-olive-900-l) / var(--fco)) !important;
}

.d-fc-olive-950, .h\:d-fc-olive-950:hover, .f\:d-fc-olive-950:focus, .f\:d-fc-olive-950:focus-within, .fv\:d-fc-olive-950:focus-visible {
  --fco: var(--dt-color-olive-950-a);
  color: hsl(var(--dt-color-olive-950-h) var(--dt-color-olive-950-s) var(--dt-color-olive-950-l) / var(--fco)) !important;
}

.d-fc-olive-1000, .h\:d-fc-olive-1000:hover, .f\:d-fc-olive-1000:focus, .f\:d-fc-olive-1000:focus-within, .fv\:d-fc-olive-1000:focus-visible {
  --fco: var(--dt-color-olive-1000-a);
  color: hsl(var(--dt-color-olive-1000-h) var(--dt-color-olive-1000-s) var(--dt-color-olive-1000-l) / var(--fco)) !important;
}

.d-fc-teal-50, .h\:d-fc-teal-50:hover, .f\:d-fc-teal-50:focus, .f\:d-fc-teal-50:focus-within, .fv\:d-fc-teal-50:focus-visible {
  --fco: var(--dt-color-teal-50-a);
  color: hsl(var(--dt-color-teal-50-h) var(--dt-color-teal-50-s) var(--dt-color-teal-50-l) / var(--fco)) !important;
}

.d-fc-teal-100, .h\:d-fc-teal-100:hover, .f\:d-fc-teal-100:focus, .f\:d-fc-teal-100:focus-within, .fv\:d-fc-teal-100:focus-visible {
  --fco: var(--dt-color-teal-100-a);
  color: hsl(var(--dt-color-teal-100-h) var(--dt-color-teal-100-s) var(--dt-color-teal-100-l) / var(--fco)) !important;
}

.d-fc-teal-200, .h\:d-fc-teal-200:hover, .f\:d-fc-teal-200:focus, .f\:d-fc-teal-200:focus-within, .fv\:d-fc-teal-200:focus-visible {
  --fco: var(--dt-color-teal-200-a);
  color: hsl(var(--dt-color-teal-200-h) var(--dt-color-teal-200-s) var(--dt-color-teal-200-l) / var(--fco)) !important;
}

.d-fc-teal-300, .h\:d-fc-teal-300:hover, .f\:d-fc-teal-300:focus, .f\:d-fc-teal-300:focus-within, .fv\:d-fc-teal-300:focus-visible {
  --fco: var(--dt-color-teal-300-a);
  color: hsl(var(--dt-color-teal-300-h) var(--dt-color-teal-300-s) var(--dt-color-teal-300-l) / var(--fco)) !important;
}

.d-fc-teal-400, .h\:d-fc-teal-400:hover, .f\:d-fc-teal-400:focus, .f\:d-fc-teal-400:focus-within, .fv\:d-fc-teal-400:focus-visible {
  --fco: var(--dt-color-teal-400-a);
  color: hsl(var(--dt-color-teal-400-h) var(--dt-color-teal-400-s) var(--dt-color-teal-400-l) / var(--fco)) !important;
}

.d-fc-teal-500, .h\:d-fc-teal-500:hover, .f\:d-fc-teal-500:focus, .f\:d-fc-teal-500:focus-within, .fv\:d-fc-teal-500:focus-visible {
  --fco: var(--dt-color-teal-500-a);
  color: hsl(var(--dt-color-teal-500-h) var(--dt-color-teal-500-s) var(--dt-color-teal-500-l) / var(--fco)) !important;
}

.d-fc-teal-600, .h\:d-fc-teal-600:hover, .f\:d-fc-teal-600:focus, .f\:d-fc-teal-600:focus-within, .fv\:d-fc-teal-600:focus-visible {
  --fco: var(--dt-color-teal-600-a);
  color: hsl(var(--dt-color-teal-600-h) var(--dt-color-teal-600-s) var(--dt-color-teal-600-l) / var(--fco)) !important;
}

.d-fc-teal-700, .h\:d-fc-teal-700:hover, .f\:d-fc-teal-700:focus, .f\:d-fc-teal-700:focus-within, .fv\:d-fc-teal-700:focus-visible {
  --fco: var(--dt-color-teal-700-a);
  color: hsl(var(--dt-color-teal-700-h) var(--dt-color-teal-700-s) var(--dt-color-teal-700-l) / var(--fco)) !important;
}

.d-fc-teal-800, .h\:d-fc-teal-800:hover, .f\:d-fc-teal-800:focus, .f\:d-fc-teal-800:focus-within, .fv\:d-fc-teal-800:focus-visible {
  --fco: var(--dt-color-teal-800-a);
  color: hsl(var(--dt-color-teal-800-h) var(--dt-color-teal-800-s) var(--dt-color-teal-800-l) / var(--fco)) !important;
}

.d-fc-teal-900, .h\:d-fc-teal-900:hover, .f\:d-fc-teal-900:focus, .f\:d-fc-teal-900:focus-within, .fv\:d-fc-teal-900:focus-visible {
  --fco: var(--dt-color-teal-900-a);
  color: hsl(var(--dt-color-teal-900-h) var(--dt-color-teal-900-s) var(--dt-color-teal-900-l) / var(--fco)) !important;
}

.d-fc-teal-950, .h\:d-fc-teal-950:hover, .f\:d-fc-teal-950:focus, .f\:d-fc-teal-950:focus-within, .fv\:d-fc-teal-950:focus-visible {
  --fco: var(--dt-color-teal-950-a);
  color: hsl(var(--dt-color-teal-950-h) var(--dt-color-teal-950-s) var(--dt-color-teal-950-l) / var(--fco)) !important;
}

.d-fc-teal-1000, .h\:d-fc-teal-1000:hover, .f\:d-fc-teal-1000:focus, .f\:d-fc-teal-1000:focus-within, .fv\:d-fc-teal-1000:focus-visible {
  --fco: var(--dt-color-teal-1000-a);
  color: hsl(var(--dt-color-teal-1000-h) var(--dt-color-teal-1000-s) var(--dt-color-teal-1000-l) / var(--fco)) !important;
}

.d-fc-indigo-50, .h\:d-fc-indigo-50:hover, .f\:d-fc-indigo-50:focus, .f\:d-fc-indigo-50:focus-within, .fv\:d-fc-indigo-50:focus-visible {
  --fco: var(--dt-color-indigo-50-a);
  color: hsl(var(--dt-color-indigo-50-h) var(--dt-color-indigo-50-s) var(--dt-color-indigo-50-l) / var(--fco)) !important;
}

.d-fc-indigo-100, .h\:d-fc-indigo-100:hover, .f\:d-fc-indigo-100:focus, .f\:d-fc-indigo-100:focus-within, .fv\:d-fc-indigo-100:focus-visible {
  --fco: var(--dt-color-indigo-100-a);
  color: hsl(var(--dt-color-indigo-100-h) var(--dt-color-indigo-100-s) var(--dt-color-indigo-100-l) / var(--fco)) !important;
}

.d-fc-indigo-200, .h\:d-fc-indigo-200:hover, .f\:d-fc-indigo-200:focus, .f\:d-fc-indigo-200:focus-within, .fv\:d-fc-indigo-200:focus-visible {
  --fco: var(--dt-color-indigo-200-a);
  color: hsl(var(--dt-color-indigo-200-h) var(--dt-color-indigo-200-s) var(--dt-color-indigo-200-l) / var(--fco)) !important;
}

.d-fc-indigo-300, .h\:d-fc-indigo-300:hover, .f\:d-fc-indigo-300:focus, .f\:d-fc-indigo-300:focus-within, .fv\:d-fc-indigo-300:focus-visible {
  --fco: var(--dt-color-indigo-300-a);
  color: hsl(var(--dt-color-indigo-300-h) var(--dt-color-indigo-300-s) var(--dt-color-indigo-300-l) / var(--fco)) !important;
}

.d-fc-indigo-400, .h\:d-fc-indigo-400:hover, .f\:d-fc-indigo-400:focus, .f\:d-fc-indigo-400:focus-within, .fv\:d-fc-indigo-400:focus-visible {
  --fco: var(--dt-color-indigo-400-a);
  color: hsl(var(--dt-color-indigo-400-h) var(--dt-color-indigo-400-s) var(--dt-color-indigo-400-l) / var(--fco)) !important;
}

.d-fc-indigo-500, .h\:d-fc-indigo-500:hover, .f\:d-fc-indigo-500:focus, .f\:d-fc-indigo-500:focus-within, .fv\:d-fc-indigo-500:focus-visible {
  --fco: var(--dt-color-indigo-500-a);
  color: hsl(var(--dt-color-indigo-500-h) var(--dt-color-indigo-500-s) var(--dt-color-indigo-500-l) / var(--fco)) !important;
}

.d-fc-indigo-600, .h\:d-fc-indigo-600:hover, .f\:d-fc-indigo-600:focus, .f\:d-fc-indigo-600:focus-within, .fv\:d-fc-indigo-600:focus-visible {
  --fco: var(--dt-color-indigo-600-a);
  color: hsl(var(--dt-color-indigo-600-h) var(--dt-color-indigo-600-s) var(--dt-color-indigo-600-l) / var(--fco)) !important;
}

.d-fc-indigo-700, .h\:d-fc-indigo-700:hover, .f\:d-fc-indigo-700:focus, .f\:d-fc-indigo-700:focus-within, .fv\:d-fc-indigo-700:focus-visible {
  --fco: var(--dt-color-indigo-700-a);
  color: hsl(var(--dt-color-indigo-700-h) var(--dt-color-indigo-700-s) var(--dt-color-indigo-700-l) / var(--fco)) !important;
}

.d-fc-indigo-800, .h\:d-fc-indigo-800:hover, .f\:d-fc-indigo-800:focus, .f\:d-fc-indigo-800:focus-within, .fv\:d-fc-indigo-800:focus-visible {
  --fco: var(--dt-color-indigo-800-a);
  color: hsl(var(--dt-color-indigo-800-h) var(--dt-color-indigo-800-s) var(--dt-color-indigo-800-l) / var(--fco)) !important;
}

.d-fc-indigo-900, .h\:d-fc-indigo-900:hover, .f\:d-fc-indigo-900:focus, .f\:d-fc-indigo-900:focus-within, .fv\:d-fc-indigo-900:focus-visible {
  --fco: var(--dt-color-indigo-900-a);
  color: hsl(var(--dt-color-indigo-900-h) var(--dt-color-indigo-900-s) var(--dt-color-indigo-900-l) / var(--fco)) !important;
}

.d-fc-indigo-950, .h\:d-fc-indigo-950:hover, .f\:d-fc-indigo-950:focus, .f\:d-fc-indigo-950:focus-within, .fv\:d-fc-indigo-950:focus-visible {
  --fco: var(--dt-color-indigo-950-a);
  color: hsl(var(--dt-color-indigo-950-h) var(--dt-color-indigo-950-s) var(--dt-color-indigo-950-l) / var(--fco)) !important;
}

.d-fc-indigo-1000, .h\:d-fc-indigo-1000:hover, .f\:d-fc-indigo-1000:focus, .f\:d-fc-indigo-1000:focus-within, .fv\:d-fc-indigo-1000:focus-visible {
  --fco: var(--dt-color-indigo-1000-a);
  color: hsl(var(--dt-color-indigo-1000-h) var(--dt-color-indigo-1000-s) var(--dt-color-indigo-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;
}

.d-fc-secondary, .h\:d-fc-secondary:hover, .f\:d-fc-secondary:focus, .f\:d-fc-secondary:focus-within, .fv\:d-fc-secondary:focus-visible {
  --fco: var(--dt-color-foreground-secondary-a);
  color: hsl(var(--dt-color-foreground-secondary-h) var(--dt-color-foreground-secondary-s) var(--dt-color-foreground-secondary-l) / var(--fco)) !important;
}

.d-fc-tertiary, .h\:d-fc-tertiary:hover, .f\:d-fc-tertiary:focus, .f\:d-fc-tertiary:focus-within, .fv\:d-fc-tertiary:focus-visible {
  --fco: var(--dt-color-foreground-tertiary-a);
  color: hsl(var(--dt-color-foreground-tertiary-h) var(--dt-color-foreground-tertiary-s) var(--dt-color-foreground-tertiary-l) / var(--fco)) !important;
}

.d-fc-muted, .h\:d-fc-muted:hover, .f\:d-fc-muted:focus, .f\:d-fc-muted:focus-within, .fv\:d-fc-muted:focus-visible {
  --fco: var(--dt-color-foreground-muted-a);
  color: hsl(var(--dt-color-foreground-muted-h) var(--dt-color-foreground-muted-s) var(--dt-color-foreground-muted-l) / var(--fco)) !important;
}

.d-fc-placeholder, .h\:d-fc-placeholder:hover, .f\:d-fc-placeholder:focus, .f\:d-fc-placeholder:focus-within, .fv\:d-fc-placeholder:focus-visible {
  --fco: var(--dt-color-foreground-placeholder-a);
  color: hsl(var(--dt-color-foreground-placeholder-h) var(--dt-color-foreground-placeholder-s) var(--dt-color-foreground-placeholder-l) / var(--fco)) !important;
}

.d-fc-disabled, .h\:d-fc-disabled:hover, .f\:d-fc-disabled:focus, .f\:d-fc-disabled:focus-within, .fv\:d-fc-disabled:focus-visible {
  --fco: var(--dt-color-foreground-disabled-a);
  color: hsl(var(--dt-color-foreground-disabled-h) var(--dt-color-foreground-disabled-s) var(--dt-color-foreground-disabled-l) / var(--fco)) !important;
}

.d-fc-critical, .h\:d-fc-critical:hover, .f\:d-fc-critical:focus, .f\:d-fc-critical:focus-within, .fv\:d-fc-critical:focus-visible {
  --fco: var(--dt-color-foreground-critical-a);
  color: hsl(var(--dt-color-foreground-critical-h) var(--dt-color-foreground-critical-s) var(--dt-color-foreground-critical-l) / var(--fco)) !important;
}

.d-fc-critical-strong, .h\:d-fc-critical-strong:hover, .f\:d-fc-critical-strong:focus, .f\:d-fc-critical-strong:focus-within, .fv\:d-fc-critical-strong:focus-visible {
  --fco: var(--dt-color-foreground-critical-strong-a);
  color: hsl(var(--dt-color-foreground-critical-strong-h) var(--dt-color-foreground-critical-strong-s) var(--dt-color-foreground-critical-strong-l) / var(--fco)) !important;
}

.d-fc-success, .h\:d-fc-success:hover, .f\:d-fc-success:focus, .f\:d-fc-success:focus-within, .fv\:d-fc-success:focus-visible {
  --fco: var(--dt-color-foreground-success-a);
  color: hsl(var(--dt-color-foreground-success-h) var(--dt-color-foreground-success-s) var(--dt-color-foreground-success-l) / var(--fco)) !important;
}

.d-fc-success-strong, .h\:d-fc-success-strong:hover, .f\:d-fc-success-strong:focus, .f\:d-fc-success-strong:focus-within, .fv\:d-fc-success-strong:focus-visible {
  --fco: var(--dt-color-foreground-success-strong-a);
  color: hsl(var(--dt-color-foreground-success-strong-h) var(--dt-color-foreground-success-strong-s) var(--dt-color-foreground-success-strong-l) / var(--fco)) !important;
}

.d-fc-warning, .h\:d-fc-warning:hover, .f\:d-fc-warning:focus, .f\:d-fc-warning:focus-within, .fv\:d-fc-warning:focus-visible {
  --fco: var(--dt-color-foreground-warning-a);
  color: hsl(var(--dt-color-foreground-warning-h) var(--dt-color-foreground-warning-s) var(--dt-color-foreground-warning-l) / var(--fco)) !important;
}

.d-fc-primary-inverted, .h\:d-fc-primary-inverted:hover, .f\:d-fc-primary-inverted:focus, .f\:d-fc-primary-inverted:focus-within, .fv\:d-fc-primary-inverted:focus-visible {
  --fco: var(--dt-color-foreground-primary-inverted-a);
  color: hsl(var(--dt-color-foreground-primary-inverted-h) var(--dt-color-foreground-primary-inverted-s) var(--dt-color-foreground-primary-inverted-l) / var(--fco)) !important;
}

.d-fc-secondary-inverted, .h\:d-fc-secondary-inverted:hover, .f\:d-fc-secondary-inverted:focus, .f\:d-fc-secondary-inverted:focus-within, .fv\:d-fc-secondary-inverted:focus-visible {
  --fco: var(--dt-color-foreground-secondary-inverted-a);
  color: hsl(var(--dt-color-foreground-secondary-inverted-h) var(--dt-color-foreground-secondary-inverted-s) var(--dt-color-foreground-secondary-inverted-l) / var(--fco)) !important;
}

.d-fc-tertiary-inverted, .h\:d-fc-tertiary-inverted:hover, .f\:d-fc-tertiary-inverted:focus, .f\:d-fc-tertiary-inverted:focus-within, .fv\:d-fc-tertiary-inverted:focus-visible {
  --fco: var(--dt-color-foreground-tertiary-inverted-a);
  color: hsl(var(--dt-color-foreground-tertiary-inverted-h) var(--dt-color-foreground-tertiary-inverted-s) var(--dt-color-foreground-tertiary-inverted-l) / var(--fco)) !important;
}

.d-fc-muted-inverted, .h\:d-fc-muted-inverted:hover, .f\:d-fc-muted-inverted:focus, .f\:d-fc-muted-inverted:focus-within, .fv\:d-fc-muted-inverted:focus-visible {
  --fco: var(--dt-color-foreground-muted-inverted-a);
  color: hsl(var(--dt-color-foreground-muted-inverted-h) var(--dt-color-foreground-muted-inverted-s) var(--dt-color-foreground-muted-inverted-l) / var(--fco)) !important;
}

.d-fc-placeholder-inverted, .h\:d-fc-placeholder-inverted:hover, .f\:d-fc-placeholder-inverted:focus, .f\:d-fc-placeholder-inverted:focus-within, .fv\:d-fc-placeholder-inverted:focus-visible {
  --fco: var(--dt-color-foreground-placeholder-inverted-a);
  color: hsl(var(--dt-color-foreground-placeholder-inverted-h) var(--dt-color-foreground-placeholder-inverted-s) var(--dt-color-foreground-placeholder-inverted-l) / var(--fco)) !important;
}

.d-fc-disabled-inverted, .h\:d-fc-disabled-inverted:hover, .f\:d-fc-disabled-inverted:focus, .f\:d-fc-disabled-inverted:focus-within, .fv\:d-fc-disabled-inverted:focus-visible {
  --fco: var(--dt-color-foreground-disabled-inverted-a);
  color: hsl(var(--dt-color-foreground-disabled-inverted-h) var(--dt-color-foreground-disabled-inverted-s) var(--dt-color-foreground-disabled-inverted-l) / var(--fco)) !important;
}

.d-fc-critical-inverted, .h\:d-fc-critical-inverted:hover, .f\:d-fc-critical-inverted:focus, .f\:d-fc-critical-inverted:focus-within, .fv\:d-fc-critical-inverted:focus-visible {
  --fco: var(--dt-color-foreground-critical-inverted-a);
  color: hsl(var(--dt-color-foreground-critical-inverted-h) var(--dt-color-foreground-critical-inverted-s) var(--dt-color-foreground-critical-inverted-l) / var(--fco)) !important;
}

.d-fc-critical-strong-inverted, .h\:d-fc-critical-strong-inverted:hover, .f\:d-fc-critical-strong-inverted:focus, .f\:d-fc-critical-strong-inverted:focus-within, .fv\:d-fc-critical-strong-inverted:focus-visible {
  --fco: var(--dt-color-foreground-critical-strong-inverted-a);
  color: hsl(var(--dt-color-foreground-critical-strong-inverted-h) var(--dt-color-foreground-critical-strong-inverted-s) var(--dt-color-foreground-critical-strong-inverted-l) / var(--fco)) !important;
}

.d-fc-success-inverted, .h\:d-fc-success-inverted:hover, .f\:d-fc-success-inverted:focus, .f\:d-fc-success-inverted:focus-within, .fv\:d-fc-success-inverted:focus-visible {
  --fco: var(--dt-color-foreground-success-inverted-a);
  color: hsl(var(--dt-color-foreground-success-inverted-h) var(--dt-color-foreground-success-inverted-s) var(--dt-color-foreground-success-inverted-l) / var(--fco)) !important;
}

.d-fc-success-strong-inverted, .h\:d-fc-success-strong-inverted:hover, .f\:d-fc-success-strong-inverted:focus, .f\:d-fc-success-strong-inverted:focus-within, .fv\:d-fc-success-strong-inverted:focus-visible {
  --fco: var(--dt-color-foreground-success-strong-inverted-a);
  color: hsl(var(--dt-color-foreground-success-strong-inverted-h) var(--dt-color-foreground-success-strong-inverted-s) var(--dt-color-foreground-success-strong-inverted-l) / var(--fco)) !important;
}

.d-fc-warning-inverted, .h\:d-fc-warning-inverted:hover, .f\:d-fc-warning-inverted:focus, .f\:d-fc-warning-inverted:focus-within, .fv\:d-fc-warning-inverted:focus-visible {
  --fco: var(--dt-color-foreground-warning-inverted-a);
  color: hsl(var(--dt-color-foreground-warning-inverted-h) var(--dt-color-foreground-warning-inverted-s) var(--dt-color-foreground-warning-inverted-l) / var(--fco)) !important;
}

.d-fc-neutral-white, .h\:d-fc-neutral-white:hover, .f\:d-fc-neutral-white:focus, .f\:d-fc-neutral-white:focus-within, .fv\:d-fc-neutral-white:focus-visible {
  --fco: var(--dt-color-neutral-white-a);
  color: hsl(var(--dt-color-neutral-white-h) var(--dt-color-neutral-white-s) var(--dt-color-neutral-white-l) / var(--fco)) !important;
}

.d-fc-neutral-black, .h\:d-fc-neutral-black:hover, .f\:d-fc-neutral-black:focus, .f\:d-fc-neutral-black:focus-within, .fv\:d-fc-neutral-black:focus-visible {
  --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;
}

.d-fc-black-200, .h\:d-fc-black-200:hover, .f\:d-fc-black-200:focus, .f\:d-fc-black-200:focus-within, .fv\:d-fc-black-200:focus-visible {
  --fco: var(--dt-color-black-200-a);
  color: hsl(var(--dt-color-black-200-h) var(--dt-color-black-200-s) var(--dt-color-black-200-l) / var(--fco)) !important;
}

.d-fc-black-300, .h\:d-fc-black-300:hover, .f\:d-fc-black-300:focus, .f\:d-fc-black-300:focus-within, .fv\:d-fc-black-300:focus-visible {
  --fco: var(--dt-color-black-300-a);
  color: hsl(var(--dt-color-black-300-h) var(--dt-color-black-300-s) var(--dt-color-black-300-l) / var(--fco)) !important;
}

.d-fc-black-400, .h\:d-fc-black-400:hover, .f\:d-fc-black-400:focus, .f\:d-fc-black-400:focus-within, .fv\:d-fc-black-400:focus-visible {
  --fco: var(--dt-color-black-400-a);
  color: hsl(var(--dt-color-black-400-h) var(--dt-color-black-400-s) var(--dt-color-black-400-l) / var(--fco)) !important;
}

.d-fc-black-500, .h\:d-fc-black-500:hover, .f\:d-fc-black-500:focus, .f\:d-fc-black-500:focus-within, .fv\:d-fc-black-500:focus-visible {
  --fco: var(--dt-color-black-500-a);
  color: hsl(var(--dt-color-black-500-h) var(--dt-color-black-500-s) var(--dt-color-black-500-l) / var(--fco)) !important;
}

.d-fc-black-600, .h\:d-fc-black-600:hover, .f\:d-fc-black-600:focus, .f\:d-fc-black-600:focus-within, .fv\:d-fc-black-600:focus-visible {
  --fco: var(--dt-color-black-600-a);
  color: hsl(var(--dt-color-black-600-h) var(--dt-color-black-600-s) var(--dt-color-black-600-l) / var(--fco)) !important;
}

.d-fc-black-700, .h\:d-fc-black-700:hover, .f\:d-fc-black-700:focus, .f\:d-fc-black-700:focus-within, .fv\:d-fc-black-700:focus-visible {
  --fco: var(--dt-color-black-700-a);
  color: hsl(var(--dt-color-black-700-h) var(--dt-color-black-700-s) var(--dt-color-black-700-l) / var(--fco)) !important;
}

.d-fc-black-800, .h\:d-fc-black-800:hover, .f\:d-fc-black-800:focus, .f\:d-fc-black-800:focus-within, .fv\:d-fc-black-800:focus-visible {
  --fco: var(--dt-color-black-800-a);
  color: hsl(var(--dt-color-black-800-h) var(--dt-color-black-800-s) var(--dt-color-black-800-l) / var(--fco)) !important;
}

.d-fc-black-900, .h\:d-fc-black-900:hover, .f\:d-fc-black-900:focus, .f\:d-fc-black-900:focus-within, .fv\:d-fc-black-900:focus-visible {
  --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;
}

.d-fc-purple-200, .h\:d-fc-purple-200:hover, .f\:d-fc-purple-200:focus, .f\:d-fc-purple-200:focus-within, .fv\:d-fc-purple-200:focus-visible {
  --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;
}

.d-fc-blue-200, .h\:d-fc-blue-200:hover, .f\:d-fc-blue-200:focus, .f\:d-fc-blue-200:focus-within, .fv\:d-fc-blue-200:focus-visible {
  --fco: var(--dt-color-blue-200-a);
  color: hsl(var(--dt-color-blue-200-h) var(--dt-color-blue-200-s) var(--dt-color-blue-200-l) / var(--fco)) !important;
}

.d-fc-blue-300, .h\:d-fc-blue-300:hover, .f\:d-fc-blue-300:focus, .f\:d-fc-blue-300:focus-within, .fv\:d-fc-blue-300:focus-visible {
  --fco: var(--dt-color-blue-300-a);
  color: hsl(var(--dt-color-blue-300-h) var(--dt-color-blue-300-s) var(--dt-color-blue-300-l) / var(--fco)) !important;
}

.d-fc-blue-400, .h\:d-fc-blue-400:hover, .f\:d-fc-blue-400:focus, .f\:d-fc-blue-400:focus-within, .fv\:d-fc-blue-400:focus-visible {
  --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;
}

.d-fc-magenta-200, .h\:d-fc-magenta-200:hover, .f\:d-fc-magenta-200:focus, .f\:d-fc-magenta-200:focus-within, .fv\:d-fc-magenta-200:focus-visible {
  --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;
}

.d-fc-magenta-400, .h\:d-fc-magenta-400:hover, .f\:d-fc-magenta-400:focus, .f\:d-fc-magenta-400:focus-within, .fv\:d-fc-magenta-400:focus-visible {
  --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;
}

.d-fc-gold-200, .h\:d-fc-gold-200:hover, .f\:d-fc-gold-200:focus, .f\:d-fc-gold-200:focus-within, .fv\:d-fc-gold-200:focus-visible {
  --fco: var(--dt-color-gold-200-a);
  color: hsl(var(--dt-color-gold-200-h) var(--dt-color-gold-200-s) var(--dt-color-gold-200-l) / var(--fco)) !important;
}

.d-fc-gold-300, .h\:d-fc-gold-300:hover, .f\:d-fc-gold-300:focus, .f\:d-fc-gold-300:focus-within, .fv\:d-fc-gold-300:focus-visible {
  --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;
}

.d-fc-green-200, .h\:d-fc-green-200:hover, .f\:d-fc-green-200:focus, .f\:d-fc-green-200:focus-within, .fv\:d-fc-green-200:focus-visible {
  --fco: var(--dt-color-green-200-a);
  color: hsl(var(--dt-color-green-200-h) var(--dt-color-green-200-s) var(--dt-color-green-200-l) / var(--fco)) !important;
}

.d-fc-green-300, .h\:d-fc-green-300:hover, .f\:d-fc-green-300:focus, .f\:d-fc-green-300:focus-within, .fv\:d-fc-green-300:focus-visible {
  --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;
}

.d-fc-red-200, .h\:d-fc-red-200:hover, .f\:d-fc-red-200:focus, .f\:d-fc-red-200:focus-within, .fv\:d-fc-red-200:focus-visible {
  --fco: var(--dt-color-red-200-a);
  color: hsl(var(--dt-color-red-200-h) var(--dt-color-red-200-s) var(--dt-color-red-200-l) / var(--fco)) !important;
}

.d-fc-red-300, .h\:d-fc-red-300:hover, .f\:d-fc-red-300:focus, .f\:d-fc-red-300:focus-within, .fv\:d-fc-red-300:focus-visible {
  --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;
}

.d-fc-tan-200, .h\:d-fc-tan-200:hover, .f\:d-fc-tan-200:focus, .f\:d-fc-tan-200:focus-within, .fv\:d-fc-tan-200:focus-visible {
  --fco: var(--dt-color-tan-200-a);
  color: hsl(var(--dt-color-tan-200-h) var(--dt-color-tan-200-s) var(--dt-color-tan-200-l) / var(--fco)) !important;
}

.d-fc-tan-300, .h\:d-fc-tan-300:hover, .f\:d-fc-tan-300:focus, .f\:d-fc-tan-300:focus-within, .fv\:d-fc-tan-300:focus-visible {
  --fco: var(--dt-color-tan-300-a);
  color: hsl(var(--dt-color-tan-300-h) var(--dt-color-tan-300-s) var(--dt-color-tan-300-l) / var(--fco)) !important;
}

.d-fc-tan-400, .h\:d-fc-tan-400:hover, .f\:d-fc-tan-400:focus, .f\:d-fc-tan-400:focus-within, .fv\:d-fc-tan-400:focus-visible {
  --fco: var(--dt-color-tan-400-a);
  color: hsl(var(--dt-color-tan-400-h) var(--dt-color-tan-400-s) var(--dt-color-tan-400-l) / var(--fco)) !important;
}

.d-fc-tan-500, .h\:d-fc-tan-500:hover, .f\:d-fc-tan-500:focus, .f\:d-fc-tan-500:focus-within, .fv\:d-fc-tan-500:focus-visible {
  --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-berry-50, .h\:d-fc-berry-50:hover, .f\:d-fc-berry-50:focus, .f\:d-fc-berry-50:focus-within, .fv\:d-fc-berry-50:focus-visible {
  --fco: var(--dt-color-berry-50-a);
  color: hsl(var(--dt-color-berry-50-h) var(--dt-color-berry-50-s) var(--dt-color-berry-50-l) / var(--fco)) !important;
}

.d-fc-berry-100, .h\:d-fc-berry-100:hover, .f\:d-fc-berry-100:focus, .f\:d-fc-berry-100:focus-within, .fv\:d-fc-berry-100:focus-visible {
  --fco: var(--dt-color-berry-100-a);
  color: hsl(var(--dt-color-berry-100-h) var(--dt-color-berry-100-s) var(--dt-color-berry-100-l) / var(--fco)) !important;
}

.d-fc-berry-200, .h\:d-fc-berry-200:hover, .f\:d-fc-berry-200:focus, .f\:d-fc-berry-200:focus-within, .fv\:d-fc-berry-200:focus-visible {
  --fco: var(--dt-color-berry-200-a);
  color: hsl(var(--dt-color-berry-200-h) var(--dt-color-berry-200-s) var(--dt-color-berry-200-l) / var(--fco)) !important;
}

.d-fc-berry-300, .h\:d-fc-berry-300:hover, .f\:d-fc-berry-300:focus, .f\:d-fc-berry-300:focus-within, .fv\:d-fc-berry-300:focus-visible {
  --fco: var(--dt-color-berry-300-a);
  color: hsl(var(--dt-color-berry-300-h) var(--dt-color-berry-300-s) var(--dt-color-berry-300-l) / var(--fco)) !important;
}

.d-fc-berry-400, .h\:d-fc-berry-400:hover, .f\:d-fc-berry-400:focus, .f\:d-fc-berry-400:focus-within, .fv\:d-fc-berry-400:focus-visible {
  --fco: var(--dt-color-berry-400-a);
  color: hsl(var(--dt-color-berry-400-h) var(--dt-color-berry-400-s) var(--dt-color-berry-400-l) / var(--fco)) !important;
}

.d-fc-berry-500, .h\:d-fc-berry-500:hover, .f\:d-fc-berry-500:focus, .f\:d-fc-berry-500:focus-within, .fv\:d-fc-berry-500:focus-visible {
  --fco: var(--dt-color-berry-500-a);
  color: hsl(var(--dt-color-berry-500-h) var(--dt-color-berry-500-s) var(--dt-color-berry-500-l) / var(--fco)) !important;
}

.d-fc-berry-600, .h\:d-fc-berry-600:hover, .f\:d-fc-berry-600:focus, .f\:d-fc-berry-600:focus-within, .fv\:d-fc-berry-600:focus-visible {
  --fco: var(--dt-color-berry-600-a);
  color: hsl(var(--dt-color-berry-600-h) var(--dt-color-berry-600-s) var(--dt-color-berry-600-l) / var(--fco)) !important;
}

.d-fc-berry-700, .h\:d-fc-berry-700:hover, .f\:d-fc-berry-700:focus, .f\:d-fc-berry-700:focus-within, .fv\:d-fc-berry-700:focus-visible {
  --fco: var(--dt-color-berry-700-a);
  color: hsl(var(--dt-color-berry-700-h) var(--dt-color-berry-700-s) var(--dt-color-berry-700-l) / var(--fco)) !important;
}

.d-fc-berry-800, .h\:d-fc-berry-800:hover, .f\:d-fc-berry-800:focus, .f\:d-fc-berry-800:focus-within, .fv\:d-fc-berry-800:focus-visible {
  --fco: var(--dt-color-berry-800-a);
  color: hsl(var(--dt-color-berry-800-h) var(--dt-color-berry-800-s) var(--dt-color-berry-800-l) / var(--fco)) !important;
}

.d-fc-berry-900, .h\:d-fc-berry-900:hover, .f\:d-fc-berry-900:focus, .f\:d-fc-berry-900:focus-within, .fv\:d-fc-berry-900:focus-visible {
  --fco: var(--dt-color-berry-900-a);
  color: hsl(var(--dt-color-berry-900-h) var(--dt-color-berry-900-s) var(--dt-color-berry-900-l) / var(--fco)) !important;
}

.d-fc-berry-950, .h\:d-fc-berry-950:hover, .f\:d-fc-berry-950:focus, .f\:d-fc-berry-950:focus-within, .fv\:d-fc-berry-950:focus-visible {
  --fco: var(--dt-color-berry-950-a);
  color: hsl(var(--dt-color-berry-950-h) var(--dt-color-berry-950-s) var(--dt-color-berry-950-l) / var(--fco)) !important;
}

.d-fc-berry-1000, .h\:d-fc-berry-1000:hover, .f\:d-fc-berry-1000:focus, .f\:d-fc-berry-1000:focus-within, .fv\:d-fc-berry-1000:focus-visible {
  --fco: var(--dt-color-berry-1000-a);
  color: hsl(var(--dt-color-berry-1000-h) var(--dt-color-berry-1000-s) var(--dt-color-berry-1000-l) / var(--fco)) !important;
}

.d-fc-coral-50, .h\:d-fc-coral-50:hover, .f\:d-fc-coral-50:focus, .f\:d-fc-coral-50:focus-within, .fv\:d-fc-coral-50:focus-visible {
  --fco: var(--dt-color-coral-50-a);
  color: hsl(var(--dt-color-coral-50-h) var(--dt-color-coral-50-s) var(--dt-color-coral-50-l) / var(--fco)) !important;
}

.d-fc-coral-100, .h\:d-fc-coral-100:hover, .f\:d-fc-coral-100:focus, .f\:d-fc-coral-100:focus-within, .fv\:d-fc-coral-100:focus-visible {
  --fco: var(--dt-color-coral-100-a);
  color: hsl(var(--dt-color-coral-100-h) var(--dt-color-coral-100-s) var(--dt-color-coral-100-l) / var(--fco)) !important;
}

.d-fc-coral-200, .h\:d-fc-coral-200:hover, .f\:d-fc-coral-200:focus, .f\:d-fc-coral-200:focus-within, .fv\:d-fc-coral-200:focus-visible {
  --fco: var(--dt-color-coral-200-a);
  color: hsl(var(--dt-color-coral-200-h) var(--dt-color-coral-200-s) var(--dt-color-coral-200-l) / var(--fco)) !important;
}

.d-fc-coral-300, .h\:d-fc-coral-300:hover, .f\:d-fc-coral-300:focus, .f\:d-fc-coral-300:focus-within, .fv\:d-fc-coral-300:focus-visible {
  --fco: var(--dt-color-coral-300-a);
  color: hsl(var(--dt-color-coral-300-h) var(--dt-color-coral-300-s) var(--dt-color-coral-300-l) / var(--fco)) !important;
}

.d-fc-coral-400, .h\:d-fc-coral-400:hover, .f\:d-fc-coral-400:focus, .f\:d-fc-coral-400:focus-within, .fv\:d-fc-coral-400:focus-visible {
  --fco: var(--dt-color-coral-400-a);
  color: hsl(var(--dt-color-coral-400-h) var(--dt-color-coral-400-s) var(--dt-color-coral-400-l) / var(--fco)) !important;
}

.d-fc-coral-500, .h\:d-fc-coral-500:hover, .f\:d-fc-coral-500:focus, .f\:d-fc-coral-500:focus-within, .fv\:d-fc-coral-500:focus-visible {
  --fco: var(--dt-color-coral-500-a);
  color: hsl(var(--dt-color-coral-500-h) var(--dt-color-coral-500-s) var(--dt-color-coral-500-l) / var(--fco)) !important;
}

.d-fc-coral-600, .h\:d-fc-coral-600:hover, .f\:d-fc-coral-600:focus, .f\:d-fc-coral-600:focus-within, .fv\:d-fc-coral-600:focus-visible {
  --fco: var(--dt-color-coral-600-a);
  color: hsl(var(--dt-color-coral-600-h) var(--dt-color-coral-600-s) var(--dt-color-coral-600-l) / var(--fco)) !important;
}

.d-fc-coral-700, .h\:d-fc-coral-700:hover, .f\:d-fc-coral-700:focus, .f\:d-fc-coral-700:focus-within, .fv\:d-fc-coral-700:focus-visible {
  --fco: var(--dt-color-coral-700-a);
  color: hsl(var(--dt-color-coral-700-h) var(--dt-color-coral-700-s) var(--dt-color-coral-700-l) / var(--fco)) !important;
}

.d-fc-coral-800, .h\:d-fc-coral-800:hover, .f\:d-fc-coral-800:focus, .f\:d-fc-coral-800:focus-within, .fv\:d-fc-coral-800:focus-visible {
  --fco: var(--dt-color-coral-800-a);
  color: hsl(var(--dt-color-coral-800-h) var(--dt-color-coral-800-s) var(--dt-color-coral-800-l) / var(--fco)) !important;
}

.d-fc-coral-900, .h\:d-fc-coral-900:hover, .f\:d-fc-coral-900:focus, .f\:d-fc-coral-900:focus-within, .fv\:d-fc-coral-900:focus-visible {
  --fco: var(--dt-color-coral-900-a);
  color: hsl(var(--dt-color-coral-900-h) var(--dt-color-coral-900-s) var(--dt-color-coral-900-l) / var(--fco)) !important;
}

.d-fc-coral-950, .h\:d-fc-coral-950:hover, .f\:d-fc-coral-950:focus, .f\:d-fc-coral-950:focus-within, .fv\:d-fc-coral-950:focus-visible {
  --fco: var(--dt-color-coral-950-a);
  color: hsl(var(--dt-color-coral-950-h) var(--dt-color-coral-950-s) var(--dt-color-coral-950-l) / var(--fco)) !important;
}

.d-fc-coral-1000, .h\:d-fc-coral-1000:hover, .f\:d-fc-coral-1000:focus, .f\:d-fc-coral-1000:focus-within, .fv\:d-fc-coral-1000:focus-visible {
  --fco: var(--dt-color-coral-1000-a);
  color: hsl(var(--dt-color-coral-1000-h) var(--dt-color-coral-1000-s) var(--dt-color-coral-1000-l) / var(--fco)) !important;
}

.d-fc-olive-50, .h\:d-fc-olive-50:hover, .f\:d-fc-olive-50:focus, .f\:d-fc-olive-50:focus-within, .fv\:d-fc-olive-50:focus-visible {
  --fco: var(--dt-color-olive-50-a);
  color: hsl(var(--dt-color-olive-50-h) var(--dt-color-olive-50-s) var(--dt-color-olive-50-l) / var(--fco)) !important;
}

.d-fc-olive-100, .h\:d-fc-olive-100:hover, .f\:d-fc-olive-100:focus, .f\:d-fc-olive-100:focus-within, .fv\:d-fc-olive-100:focus-visible {
  --fco: var(--dt-color-olive-100-a);
  color: hsl(var(--dt-color-olive-100-h) var(--dt-color-olive-100-s) var(--dt-color-olive-100-l) / var(--fco)) !important;
}

.d-fc-olive-200, .h\:d-fc-olive-200:hover, .f\:d-fc-olive-200:focus, .f\:d-fc-olive-200:focus-within, .fv\:d-fc-olive-200:focus-visible {
  --fco: var(--dt-color-olive-200-a);
  color: hsl(var(--dt-color-olive-200-h) var(--dt-color-olive-200-s) var(--dt-color-olive-200-l) / var(--fco)) !important;
}

.d-fc-olive-300, .h\:d-fc-olive-300:hover, .f\:d-fc-olive-300:focus, .f\:d-fc-olive-300:focus-within, .fv\:d-fc-olive-300:focus-visible {
  --fco: var(--dt-color-olive-300-a);
  color: hsl(var(--dt-color-olive-300-h) var(--dt-color-olive-300-s) var(--dt-color-olive-300-l) / var(--fco)) !important;
}

.d-fc-olive-400, .h\:d-fc-olive-400:hover, .f\:d-fc-olive-400:focus, .f\:d-fc-olive-400:focus-within, .fv\:d-fc-olive-400:focus-visible {
  --fco: var(--dt-color-olive-400-a);
  color: hsl(var(--dt-color-olive-400-h) var(--dt-color-olive-400-s) var(--dt-color-olive-400-l) / var(--fco)) !important;
}

.d-fc-olive-500, .h\:d-fc-olive-500:hover, .f\:d-fc-olive-500:focus, .f\:d-fc-olive-500:focus-within, .fv\:d-fc-olive-500:focus-visible {
  --fco: var(--dt-color-olive-500-a);
  color: hsl(var(--dt-color-olive-500-h) var(--dt-color-olive-500-s) var(--dt-color-olive-500-l) / var(--fco)) !important;
}

.d-fc-olive-600, .h\:d-fc-olive-600:hover, .f\:d-fc-olive-600:focus, .f\:d-fc-olive-600:focus-within, .fv\:d-fc-olive-600:focus-visible {
  --fco: var(--dt-color-olive-600-a);
  color: hsl(var(--dt-color-olive-600-h) var(--dt-color-olive-600-s) var(--dt-color-olive-600-l) / var(--fco)) !important;
}

.d-fc-olive-700, .h\:d-fc-olive-700:hover, .f\:d-fc-olive-700:focus, .f\:d-fc-olive-700:focus-within, .fv\:d-fc-olive-700:focus-visible {
  --fco: var(--dt-color-olive-700-a);
  color: hsl(var(--dt-color-olive-700-h) var(--dt-color-olive-700-s) var(--dt-color-olive-700-l) / var(--fco)) !important;
}

.d-fc-olive-800, .h\:d-fc-olive-800:hover, .f\:d-fc-olive-800:focus, .f\:d-fc-olive-800:focus-within, .fv\:d-fc-olive-800:focus-visible {
  --fco: var(--dt-color-olive-800-a);
  color: hsl(var(--dt-color-olive-800-h) var(--dt-color-olive-800-s) var(--dt-color-olive-800-l) / var(--fco)) !important;
}

.d-fc-olive-900, .h\:d-fc-olive-900:hover, .f\:d-fc-olive-900:focus, .f\:d-fc-olive-900:focus-within, .fv\:d-fc-olive-900:focus-visible {
  --fco: var(--dt-color-olive-900-a);
  color: hsl(var(--dt-color-olive-900-h) var(--dt-color-olive-900-s) var(--dt-color-olive-900-l) / var(--fco)) !important;
}

.d-fc-olive-950, .h\:d-fc-olive-950:hover, .f\:d-fc-olive-950:focus, .f\:d-fc-olive-950:focus-within, .fv\:d-fc-olive-950:focus-visible {
  --fco: var(--dt-color-olive-950-a);
  color: hsl(var(--dt-color-olive-950-h) var(--dt-color-olive-950-s) var(--dt-color-olive-950-l) / var(--fco)) !important;
}

.d-fc-olive-1000, .h\:d-fc-olive-1000:hover, .f\:d-fc-olive-1000:focus, .f\:d-fc-olive-1000:focus-within, .fv\:d-fc-olive-1000:focus-visible {
  --fco: var(--dt-color-olive-1000-a);
  color: hsl(var(--dt-color-olive-1000-h) var(--dt-color-olive-1000-s) var(--dt-color-olive-1000-l) / var(--fco)) !important;
}

.d-fc-teal-50, .h\:d-fc-teal-50:hover, .f\:d-fc-teal-50:focus, .f\:d-fc-teal-50:focus-within, .fv\:d-fc-teal-50:focus-visible {
  --fco: var(--dt-color-teal-50-a);
  color: hsl(var(--dt-color-teal-50-h) var(--dt-color-teal-50-s) var(--dt-color-teal-50-l) / var(--fco)) !important;
}

.d-fc-teal-100, .h\:d-fc-teal-100:hover, .f\:d-fc-teal-100:focus, .f\:d-fc-teal-100:focus-within, .fv\:d-fc-teal-100:focus-visible {
  --fco: var(--dt-color-teal-100-a);
  color: hsl(var(--dt-color-teal-100-h) var(--dt-color-teal-100-s) var(--dt-color-teal-100-l) / var(--fco)) !important;
}

.d-fc-teal-200, .h\:d-fc-teal-200:hover, .f\:d-fc-teal-200:focus, .f\:d-fc-teal-200:focus-within, .fv\:d-fc-teal-200:focus-visible {
  --fco: var(--dt-color-teal-200-a);
  color: hsl(var(--dt-color-teal-200-h) var(--dt-color-teal-200-s) var(--dt-color-teal-200-l) / var(--fco)) !important;
}

.d-fc-teal-300, .h\:d-fc-teal-300:hover, .f\:d-fc-teal-300:focus, .f\:d-fc-teal-300:focus-within, .fv\:d-fc-teal-300:focus-visible {
  --fco: var(--dt-color-teal-300-a);
  color: hsl(var(--dt-color-teal-300-h) var(--dt-color-teal-300-s) var(--dt-color-teal-300-l) / var(--fco)) !important;
}

.d-fc-teal-400, .h\:d-fc-teal-400:hover, .f\:d-fc-teal-400:focus, .f\:d-fc-teal-400:focus-within, .fv\:d-fc-teal-400:focus-visible {
  --fco: var(--dt-color-teal-400-a);
  color: hsl(var(--dt-color-teal-400-h) var(--dt-color-teal-400-s) var(--dt-color-teal-400-l) / var(--fco)) !important;
}

.d-fc-teal-500, .h\:d-fc-teal-500:hover, .f\:d-fc-teal-500:focus, .f\:d-fc-teal-500:focus-within, .fv\:d-fc-teal-500:focus-visible {
  --fco: var(--dt-color-teal-500-a);
  color: hsl(var(--dt-color-teal-500-h) var(--dt-color-teal-500-s) var(--dt-color-teal-500-l) / var(--fco)) !important;
}

.d-fc-teal-600, .h\:d-fc-teal-600:hover, .f\:d-fc-teal-600:focus, .f\:d-fc-teal-600:focus-within, .fv\:d-fc-teal-600:focus-visible {
  --fco: var(--dt-color-teal-600-a);
  color: hsl(var(--dt-color-teal-600-h) var(--dt-color-teal-600-s) var(--dt-color-teal-600-l) / var(--fco)) !important;
}

.d-fc-teal-700, .h\:d-fc-teal-700:hover, .f\:d-fc-teal-700:focus, .f\:d-fc-teal-700:focus-within, .fv\:d-fc-teal-700:focus-visible {
  --fco: var(--dt-color-teal-700-a);
  color: hsl(var(--dt-color-teal-700-h) var(--dt-color-teal-700-s) var(--dt-color-teal-700-l) / var(--fco)) !important;
}

.d-fc-teal-800, .h\:d-fc-teal-800:hover, .f\:d-fc-teal-800:focus, .f\:d-fc-teal-800:focus-within, .fv\:d-fc-teal-800:focus-visible {
  --fco: var(--dt-color-teal-800-a);
  color: hsl(var(--dt-color-teal-800-h) var(--dt-color-teal-800-s) var(--dt-color-teal-800-l) / var(--fco)) !important;
}

.d-fc-teal-900, .h\:d-fc-teal-900:hover, .f\:d-fc-teal-900:focus, .f\:d-fc-teal-900:focus-within, .fv\:d-fc-teal-900:focus-visible {
  --fco: var(--dt-color-teal-900-a);
  color: hsl(var(--dt-color-teal-900-h) var(--dt-color-teal-900-s) var(--dt-color-teal-900-l) / var(--fco)) !important;
}

.d-fc-teal-950, .h\:d-fc-teal-950:hover, .f\:d-fc-teal-950:focus, .f\:d-fc-teal-950:focus-within, .fv\:d-fc-teal-950:focus-visible {
  --fco: var(--dt-color-teal-950-a);
  color: hsl(var(--dt-color-teal-950-h) var(--dt-color-teal-950-s) var(--dt-color-teal-950-l) / var(--fco)) !important;
}

.d-fc-teal-1000, .h\:d-fc-teal-1000:hover, .f\:d-fc-teal-1000:focus, .f\:d-fc-teal-1000:focus-within, .fv\:d-fc-teal-1000:focus-visible {
  --fco: var(--dt-color-teal-1000-a);
  color: hsl(var(--dt-color-teal-1000-h) var(--dt-color-teal-1000-s) var(--dt-color-teal-1000-l) / var(--fco)) !important;
}

.d-fc-indigo-50, .h\:d-fc-indigo-50:hover, .f\:d-fc-indigo-50:focus, .f\:d-fc-indigo-50:focus-within, .fv\:d-fc-indigo-50:focus-visible {
  --fco: var(--dt-color-indigo-50-a);
  color: hsl(var(--dt-color-indigo-50-h) var(--dt-color-indigo-50-s) var(--dt-color-indigo-50-l) / var(--fco)) !important;
}

.d-fc-indigo-100, .h\:d-fc-indigo-100:hover, .f\:d-fc-indigo-100:focus, .f\:d-fc-indigo-100:focus-within, .fv\:d-fc-indigo-100:focus-visible {
  --fco: var(--dt-color-indigo-100-a);
  color: hsl(var(--dt-color-indigo-100-h) var(--dt-color-indigo-100-s) var(--dt-color-indigo-100-l) / var(--fco)) !important;
}

.d-fc-indigo-200, .h\:d-fc-indigo-200:hover, .f\:d-fc-indigo-200:focus, .f\:d-fc-indigo-200:focus-within, .fv\:d-fc-indigo-200:focus-visible {
  --fco: var(--dt-color-indigo-200-a);
  color: hsl(var(--dt-color-indigo-200-h) var(--dt-color-indigo-200-s) var(--dt-color-indigo-200-l) / var(--fco)) !important;
}

.d-fc-indigo-300, .h\:d-fc-indigo-300:hover, .f\:d-fc-indigo-300:focus, .f\:d-fc-indigo-300:focus-within, .fv\:d-fc-indigo-300:focus-visible {
  --fco: var(--dt-color-indigo-300-a);
  color: hsl(var(--dt-color-indigo-300-h) var(--dt-color-indigo-300-s) var(--dt-color-indigo-300-l) / var(--fco)) !important;
}

.d-fc-indigo-400, .h\:d-fc-indigo-400:hover, .f\:d-fc-indigo-400:focus, .f\:d-fc-indigo-400:focus-within, .fv\:d-fc-indigo-400:focus-visible {
  --fco: var(--dt-color-indigo-400-a);
  color: hsl(var(--dt-color-indigo-400-h) var(--dt-color-indigo-400-s) var(--dt-color-indigo-400-l) / var(--fco)) !important;
}

.d-fc-indigo-500, .h\:d-fc-indigo-500:hover, .f\:d-fc-indigo-500:focus, .f\:d-fc-indigo-500:focus-within, .fv\:d-fc-indigo-500:focus-visible {
  --fco: var(--dt-color-indigo-500-a);
  color: hsl(var(--dt-color-indigo-500-h) var(--dt-color-indigo-500-s) var(--dt-color-indigo-500-l) / var(--fco)) !important;
}

.d-fc-indigo-600, .h\:d-fc-indigo-600:hover, .f\:d-fc-indigo-600:focus, .f\:d-fc-indigo-600:focus-within, .fv\:d-fc-indigo-600:focus-visible {
  --fco: var(--dt-color-indigo-600-a);
  color: hsl(var(--dt-color-indigo-600-h) var(--dt-color-indigo-600-s) var(--dt-color-indigo-600-l) / var(--fco)) !important;
}

.d-fc-indigo-700, .h\:d-fc-indigo-700:hover, .f\:d-fc-indigo-700:focus, .f\:d-fc-indigo-700:focus-within, .fv\:d-fc-indigo-700:focus-visible {
  --fco: var(--dt-color-indigo-700-a);
  color: hsl(var(--dt-color-indigo-700-h) var(--dt-color-indigo-700-s) var(--dt-color-indigo-700-l) / var(--fco)) !important;
}

.d-fc-indigo-800, .h\:d-fc-indigo-800:hover, .f\:d-fc-indigo-800:focus, .f\:d-fc-indigo-800:focus-within, .fv\:d-fc-indigo-800:focus-visible {
  --fco: var(--dt-color-indigo-800-a);
  color: hsl(var(--dt-color-indigo-800-h) var(--dt-color-indigo-800-s) var(--dt-color-indigo-800-l) / var(--fco)) !important;
}

.d-fc-indigo-900, .h\:d-fc-indigo-900:hover, .f\:d-fc-indigo-900:focus, .f\:d-fc-indigo-900:focus-within, .fv\:d-fc-indigo-900:focus-visible {
  --fco: var(--dt-color-indigo-900-a);
  color: hsl(var(--dt-color-indigo-900-h) var(--dt-color-indigo-900-s) var(--dt-color-indigo-900-l) / var(--fco)) !important;
}

.d-fc-indigo-950, .h\:d-fc-indigo-950:hover, .f\:d-fc-indigo-950:focus, .f\:d-fc-indigo-950:focus-within, .fv\:d-fc-indigo-950:focus-visible {
  --fco: var(--dt-color-indigo-950-a);
  color: hsl(var(--dt-color-indigo-950-h) var(--dt-color-indigo-950-s) var(--dt-color-indigo-950-l) / var(--fco)) !important;
}

.d-fc-indigo-1000, .h\:d-fc-indigo-1000:hover, .f\:d-fc-indigo-1000:focus, .f\:d-fc-indigo-1000:focus-within, .fv\:d-fc-indigo-1000:focus-visible {
  --fco: var(--dt-color-indigo-1000-a);
  color: hsl(var(--dt-color-indigo-1000-h) var(--dt-color-indigo-1000-s) var(--dt-color-indigo-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;
}

.d-fc-secondary, .h\:d-fc-secondary:hover, .f\:d-fc-secondary:focus, .f\:d-fc-secondary:focus-within, .fv\:d-fc-secondary:focus-visible {
  --fco: var(--dt-color-foreground-secondary-a);
  color: hsl(var(--dt-color-foreground-secondary-h) var(--dt-color-foreground-secondary-s) var(--dt-color-foreground-secondary-l) / var(--fco)) !important;
}

.d-fc-tertiary, .h\:d-fc-tertiary:hover, .f\:d-fc-tertiary:focus, .f\:d-fc-tertiary:focus-within, .fv\:d-fc-tertiary:focus-visible {
  --fco: var(--dt-color-foreground-tertiary-a);
  color: hsl(var(--dt-color-foreground-tertiary-h) var(--dt-color-foreground-tertiary-s) var(--dt-color-foreground-tertiary-l) / var(--fco)) !important;
}

.d-fc-muted, .h\:d-fc-muted:hover, .f\:d-fc-muted:focus, .f\:d-fc-muted:focus-within, .fv\:d-fc-muted:focus-visible {
  --fco: var(--dt-color-foreground-muted-a);
  color: hsl(var(--dt-color-foreground-muted-h) var(--dt-color-foreground-muted-s) var(--dt-color-foreground-muted-l) / var(--fco)) !important;
}

.d-fc-placeholder, .h\:d-fc-placeholder:hover, .f\:d-fc-placeholder:focus, .f\:d-fc-placeholder:focus-within, .fv\:d-fc-placeholder:focus-visible {
  --fco: var(--dt-color-foreground-placeholder-a);
  color: hsl(var(--dt-color-foreground-placeholder-h) var(--dt-color-foreground-placeholder-s) var(--dt-color-foreground-placeholder-l) / var(--fco)) !important;
}

.d-fc-disabled, .h\:d-fc-disabled:hover, .f\:d-fc-disabled:focus, .f\:d-fc-disabled:focus-within, .fv\:d-fc-disabled:focus-visible {
  --fco: var(--dt-color-foreground-disabled-a);
  color: hsl(var(--dt-color-foreground-disabled-h) var(--dt-color-foreground-disabled-s) var(--dt-color-foreground-disabled-l) / var(--fco)) !important;
}

.d-fc-critical, .h\:d-fc-critical:hover, .f\:d-fc-critical:focus, .f\:d-fc-critical:focus-within, .fv\:d-fc-critical:focus-visible {
  --fco: var(--dt-color-foreground-critical-a);
  color: hsl(var(--dt-color-foreground-critical-h) var(--dt-color-foreground-critical-s) var(--dt-color-foreground-critical-l) / var(--fco)) !important;
}

.d-fc-critical-strong, .h\:d-fc-critical-strong:hover, .f\:d-fc-critical-strong:focus, .f\:d-fc-critical-strong:focus-within, .fv\:d-fc-critical-strong:focus-visible {
  --fco: var(--dt-color-foreground-critical-strong-a);
  color: hsl(var(--dt-color-foreground-critical-strong-h) var(--dt-color-foreground-critical-strong-s) var(--dt-color-foreground-critical-strong-l) / var(--fco)) !important;
}

.d-fc-success, .h\:d-fc-success:hover, .f\:d-fc-success:focus, .f\:d-fc-success:focus-within, .fv\:d-fc-success:focus-visible {
  --fco: var(--dt-color-foreground-success-a);
  color: hsl(var(--dt-color-foreground-success-h) var(--dt-color-foreground-success-s) var(--dt-color-foreground-success-l) / var(--fco)) !important;
}

.d-fc-success-strong, .h\:d-fc-success-strong:hover, .f\:d-fc-success-strong:focus, .f\:d-fc-success-strong:focus-within, .fv\:d-fc-success-strong:focus-visible {
  --fco: var(--dt-color-foreground-success-strong-a);
  color: hsl(var(--dt-color-foreground-success-strong-h) var(--dt-color-foreground-success-strong-s) var(--dt-color-foreground-success-strong-l) / var(--fco)) !important;
}

.d-fc-warning, .h\:d-fc-warning:hover, .f\:d-fc-warning:focus, .f\:d-fc-warning:focus-within, .fv\:d-fc-warning:focus-visible {
  --fco: var(--dt-color-foreground-warning-a);
  color: hsl(var(--dt-color-foreground-warning-h) var(--dt-color-foreground-warning-s) var(--dt-color-foreground-warning-l) / var(--fco)) !important;
}

.d-fc-primary-inverted, .h\:d-fc-primary-inverted:hover, .f\:d-fc-primary-inverted:focus, .f\:d-fc-primary-inverted:focus-within, .fv\:d-fc-primary-inverted:focus-visible {
  --fco: var(--dt-color-foreground-primary-inverted-a);
  color: hsl(var(--dt-color-foreground-primary-inverted-h) var(--dt-color-foreground-primary-inverted-s) var(--dt-color-foreground-primary-inverted-l) / var(--fco)) !important;
}

.d-fc-secondary-inverted, .h\:d-fc-secondary-inverted:hover, .f\:d-fc-secondary-inverted:focus, .f\:d-fc-secondary-inverted:focus-within, .fv\:d-fc-secondary-inverted:focus-visible {
  --fco: var(--dt-color-foreground-secondary-inverted-a);
  color: hsl(var(--dt-color-foreground-secondary-inverted-h) var(--dt-color-foreground-secondary-inverted-s) var(--dt-color-foreground-secondary-inverted-l) / var(--fco)) !important;
}

.d-fc-tertiary-inverted, .h\:d-fc-tertiary-inverted:hover, .f\:d-fc-tertiary-inverted:focus, .f\:d-fc-tertiary-inverted:focus-within, .fv\:d-fc-tertiary-inverted:focus-visible {
  --fco: var(--dt-color-foreground-tertiary-inverted-a);
  color: hsl(var(--dt-color-foreground-tertiary-inverted-h) var(--dt-color-foreground-tertiary-inverted-s) var(--dt-color-foreground-tertiary-inverted-l) / var(--fco)) !important;
}

.d-fc-muted-inverted, .h\:d-fc-muted-inverted:hover, .f\:d-fc-muted-inverted:focus, .f\:d-fc-muted-inverted:focus-within, .fv\:d-fc-muted-inverted:focus-visible {
  --fco: var(--dt-color-foreground-muted-inverted-a);
  color: hsl(var(--dt-color-foreground-muted-inverted-h) var(--dt-color-foreground-muted-inverted-s) var(--dt-color-foreground-muted-inverted-l) / var(--fco)) !important;
}

.d-fc-placeholder-inverted, .h\:d-fc-placeholder-inverted:hover, .f\:d-fc-placeholder-inverted:focus, .f\:d-fc-placeholder-inverted:focus-within, .fv\:d-fc-placeholder-inverted:focus-visible {
  --fco: var(--dt-color-foreground-placeholder-inverted-a);
  color: hsl(var(--dt-color-foreground-placeholder-inverted-h) var(--dt-color-foreground-placeholder-inverted-s) var(--dt-color-foreground-placeholder-inverted-l) / var(--fco)) !important;
}

.d-fc-disabled-inverted, .h\:d-fc-disabled-inverted:hover, .f\:d-fc-disabled-inverted:focus, .f\:d-fc-disabled-inverted:focus-within, .fv\:d-fc-disabled-inverted:focus-visible {
  --fco: var(--dt-color-foreground-disabled-inverted-a);
  color: hsl(var(--dt-color-foreground-disabled-inverted-h) var(--dt-color-foreground-disabled-inverted-s) var(--dt-color-foreground-disabled-inverted-l) / var(--fco)) !important;
}

.d-fc-critical-inverted, .h\:d-fc-critical-inverted:hover, .f\:d-fc-critical-inverted:focus, .f\:d-fc-critical-inverted:focus-within, .fv\:d-fc-critical-inverted:focus-visible {
  --fco: var(--dt-color-foreground-critical-inverted-a);
  color: hsl(var(--dt-color-foreground-critical-inverted-h) var(--dt-color-foreground-critical-inverted-s) var(--dt-color-foreground-critical-inverted-l) / var(--fco)) !important;
}

.d-fc-critical-strong-inverted, .h\:d-fc-critical-strong-inverted:hover, .f\:d-fc-critical-strong-inverted:focus, .f\:d-fc-critical-strong-inverted:focus-within, .fv\:d-fc-critical-strong-inverted:focus-visible {
  --fco: var(--dt-color-foreground-critical-strong-inverted-a);
  color: hsl(var(--dt-color-foreground-critical-strong-inverted-h) var(--dt-color-foreground-critical-strong-inverted-s) var(--dt-color-foreground-critical-strong-inverted-l) / var(--fco)) !important;
}

.d-fc-success-inverted, .h\:d-fc-success-inverted:hover, .f\:d-fc-success-inverted:focus, .f\:d-fc-success-inverted:focus-within, .fv\:d-fc-success-inverted:focus-visible {
  --fco: var(--dt-color-foreground-success-inverted-a);
  color: hsl(var(--dt-color-foreground-success-inverted-h) var(--dt-color-foreground-success-inverted-s) var(--dt-color-foreground-success-inverted-l) / var(--fco)) !important;
}

.d-fc-success-strong-inverted, .h\:d-fc-success-strong-inverted:hover, .f\:d-fc-success-strong-inverted:focus, .f\:d-fc-success-strong-inverted:focus-within, .fv\:d-fc-success-strong-inverted:focus-visible {
  --fco: var(--dt-color-foreground-success-strong-inverted-a);
  color: hsl(var(--dt-color-foreground-success-strong-inverted-h) var(--dt-color-foreground-success-strong-inverted-s) var(--dt-color-foreground-success-strong-inverted-l) / var(--fco)) !important;
}

.d-fc-warning-inverted, .h\:d-fc-warning-inverted:hover, .f\:d-fc-warning-inverted:focus, .f\:d-fc-warning-inverted:focus-within, .fv\:d-fc-warning-inverted:focus-visible {
  --fco: var(--dt-color-foreground-warning-inverted-a);
  color: hsl(var(--dt-color-foreground-warning-inverted-h) var(--dt-color-foreground-warning-inverted-s) var(--dt-color-foreground-warning-inverted-l) / var(--fco)) !important;
}

.d-bc-neutral-white, .h\:d-bc-neutral-white:hover, .f\:d-bc-neutral-white:focus, .f\:d-bc-neutral-white:focus-within, .fv\:d-bc-neutral-white:focus-visible {
  --bco: var(--dt-color-neutral-white-a);
  border-color: hsl(var(--dt-color-neutral-white-h) var(--dt-color-neutral-white-s) var(--dt-color-neutral-white-l) / var(--bco)) !important;
}

.d-bc-neutral-black, .h\:d-bc-neutral-black:hover, .f\:d-bc-neutral-black:focus, .f\:d-bc-neutral-black:focus-within, .fv\:d-bc-neutral-black:focus-visible {
  --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;
}

.d-bc-black-200, .h\:d-bc-black-200:hover, .f\:d-bc-black-200:focus, .f\:d-bc-black-200:focus-within, .fv\:d-bc-black-200:focus-visible {
  --bco: var(--dt-color-black-200-a);
  border-color: hsl(var(--dt-color-black-200-h) var(--dt-color-black-200-s) var(--dt-color-black-200-l) / var(--bco)) !important;
}

.d-bc-black-300, .h\:d-bc-black-300:hover, .f\:d-bc-black-300:focus, .f\:d-bc-black-300:focus-within, .fv\:d-bc-black-300:focus-visible {
  --bco: var(--dt-color-black-300-a);
  border-color: hsl(var(--dt-color-black-300-h) var(--dt-color-black-300-s) var(--dt-color-black-300-l) / var(--bco)) !important;
}

.d-bc-black-400, .h\:d-bc-black-400:hover, .f\:d-bc-black-400:focus, .f\:d-bc-black-400:focus-within, .fv\:d-bc-black-400:focus-visible {
  --bco: var(--dt-color-black-400-a);
  border-color: hsl(var(--dt-color-black-400-h) var(--dt-color-black-400-s) var(--dt-color-black-400-l) / var(--bco)) !important;
}

.d-bc-black-500, .h\:d-bc-black-500:hover, .f\:d-bc-black-500:focus, .f\:d-bc-black-500:focus-within, .fv\:d-bc-black-500:focus-visible {
  --bco: var(--dt-color-black-500-a);
  border-color: hsl(var(--dt-color-black-500-h) var(--dt-color-black-500-s) var(--dt-color-black-500-l) / var(--bco)) !important;
}

.d-bc-black-600, .h\:d-bc-black-600:hover, .f\:d-bc-black-600:focus, .f\:d-bc-black-600:focus-within, .fv\:d-bc-black-600:focus-visible {
  --bco: var(--dt-color-black-600-a);
  border-color: hsl(var(--dt-color-black-600-h) var(--dt-color-black-600-s) var(--dt-color-black-600-l) / var(--bco)) !important;
}

.d-bc-black-700, .h\:d-bc-black-700:hover, .f\:d-bc-black-700:focus, .f\:d-bc-black-700:focus-within, .fv\:d-bc-black-700:focus-visible {
  --bco: var(--dt-color-black-700-a);
  border-color: hsl(var(--dt-color-black-700-h) var(--dt-color-black-700-s) var(--dt-color-black-700-l) / var(--bco)) !important;
}

.d-bc-black-800, .h\:d-bc-black-800:hover, .f\:d-bc-black-800:focus, .f\:d-bc-black-800:focus-within, .fv\:d-bc-black-800:focus-visible {
  --bco: var(--dt-color-black-800-a);
  border-color: hsl(var(--dt-color-black-800-h) var(--dt-color-black-800-s) var(--dt-color-black-800-l) / var(--bco)) !important;
}

.d-bc-black-900, .h\:d-bc-black-900:hover, .f\:d-bc-black-900:focus, .f\:d-bc-black-900:focus-within, .fv\:d-bc-black-900:focus-visible {
  --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;
}

.d-bc-purple-200, .h\:d-bc-purple-200:hover, .f\:d-bc-purple-200:focus, .f\:d-bc-purple-200:focus-within, .fv\:d-bc-purple-200:focus-visible {
  --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;
}

.d-bc-blue-200, .h\:d-bc-blue-200:hover, .f\:d-bc-blue-200:focus, .f\:d-bc-blue-200:focus-within, .fv\:d-bc-blue-200:focus-visible {
  --bco: var(--dt-color-blue-200-a);
  border-color: hsl(var(--dt-color-blue-200-h) var(--dt-color-blue-200-s) var(--dt-color-blue-200-l) / var(--bco)) !important;
}

.d-bc-blue-300, .h\:d-bc-blue-300:hover, .f\:d-bc-blue-300:focus, .f\:d-bc-blue-300:focus-within, .fv\:d-bc-blue-300:focus-visible {
  --bco: var(--dt-color-blue-300-a);
  border-color: hsl(var(--dt-color-blue-300-h) var(--dt-color-blue-300-s) var(--dt-color-blue-300-l) / var(--bco)) !important;
}

.d-bc-blue-400, .h\:d-bc-blue-400:hover, .f\:d-bc-blue-400:focus, .f\:d-bc-blue-400:focus-within, .fv\:d-bc-blue-400:focus-visible {
  --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;
}

.d-bc-magenta-200, .h\:d-bc-magenta-200:hover, .f\:d-bc-magenta-200:focus, .f\:d-bc-magenta-200:focus-within, .fv\:d-bc-magenta-200:focus-visible {
  --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;
}

.d-bc-magenta-400, .h\:d-bc-magenta-400:hover, .f\:d-bc-magenta-400:focus, .f\:d-bc-magenta-400:focus-within, .fv\:d-bc-magenta-400:focus-visible {
  --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;
}

.d-bc-gold-200, .h\:d-bc-gold-200:hover, .f\:d-bc-gold-200:focus, .f\:d-bc-gold-200:focus-within, .fv\:d-bc-gold-200:focus-visible {
  --bco: var(--dt-color-gold-200-a);
  border-color: hsl(var(--dt-color-gold-200-h) var(--dt-color-gold-200-s) var(--dt-color-gold-200-l) / var(--bco)) !important;
}

.d-bc-gold-300, .h\:d-bc-gold-300:hover, .f\:d-bc-gold-300:focus, .f\:d-bc-gold-300:focus-within, .fv\:d-bc-gold-300:focus-visible {
  --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;
}

.d-bc-green-200, .h\:d-bc-green-200:hover, .f\:d-bc-green-200:focus, .f\:d-bc-green-200:focus-within, .fv\:d-bc-green-200:focus-visible {
  --bco: var(--dt-color-green-200-a);
  border-color: hsl(var(--dt-color-green-200-h) var(--dt-color-green-200-s) var(--dt-color-green-200-l) / var(--bco)) !important;
}

.d-bc-green-300, .h\:d-bc-green-300:hover, .f\:d-bc-green-300:focus, .f\:d-bc-green-300:focus-within, .fv\:d-bc-green-300:focus-visible {
  --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;
}

.d-bc-red-200, .h\:d-bc-red-200:hover, .f\:d-bc-red-200:focus, .f\:d-bc-red-200:focus-within, .fv\:d-bc-red-200:focus-visible {
  --bco: var(--dt-color-red-200-a);
  border-color: hsl(var(--dt-color-red-200-h) var(--dt-color-red-200-s) var(--dt-color-red-200-l) / var(--bco)) !important;
}

.d-bc-red-300, .h\:d-bc-red-300:hover, .f\:d-bc-red-300:focus, .f\:d-bc-red-300:focus-within, .fv\:d-bc-red-300:focus-visible {
  --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;
}

.d-bc-tan-200, .h\:d-bc-tan-200:hover, .f\:d-bc-tan-200:focus, .f\:d-bc-tan-200:focus-within, .fv\:d-bc-tan-200:focus-visible {
  --bco: var(--dt-color-tan-200-a);
  border-color: hsl(var(--dt-color-tan-200-h) var(--dt-color-tan-200-s) var(--dt-color-tan-200-l) / var(--bco)) !important;
}

.d-bc-tan-300, .h\:d-bc-tan-300:hover, .f\:d-bc-tan-300:focus, .f\:d-bc-tan-300:focus-within, .fv\:d-bc-tan-300:focus-visible {
  --bco: var(--dt-color-tan-300-a);
  border-color: hsl(var(--dt-color-tan-300-h) var(--dt-color-tan-300-s) var(--dt-color-tan-300-l) / var(--bco)) !important;
}

.d-bc-tan-400, .h\:d-bc-tan-400:hover, .f\:d-bc-tan-400:focus, .f\:d-bc-tan-400:focus-within, .fv\:d-bc-tan-400:focus-visible {
  --bco: var(--dt-color-tan-400-a);
  border-color: hsl(var(--dt-color-tan-400-h) var(--dt-color-tan-400-s) var(--dt-color-tan-400-l) / var(--bco)) !important;
}

.d-bc-tan-500, .h\:d-bc-tan-500:hover, .f\:d-bc-tan-500:focus, .f\:d-bc-tan-500:focus-within, .fv\:d-bc-tan-500:focus-visible {
  --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-berry-50, .h\:d-bc-berry-50:hover, .f\:d-bc-berry-50:focus, .f\:d-bc-berry-50:focus-within, .fv\:d-bc-berry-50:focus-visible {
  --bco: var(--dt-color-berry-50-a);
  border-color: hsl(var(--dt-color-berry-50-h) var(--dt-color-berry-50-s) var(--dt-color-berry-50-l) / var(--bco)) !important;
}

.d-bc-berry-100, .h\:d-bc-berry-100:hover, .f\:d-bc-berry-100:focus, .f\:d-bc-berry-100:focus-within, .fv\:d-bc-berry-100:focus-visible {
  --bco: var(--dt-color-berry-100-a);
  border-color: hsl(var(--dt-color-berry-100-h) var(--dt-color-berry-100-s) var(--dt-color-berry-100-l) / var(--bco)) !important;
}

.d-bc-berry-200, .h\:d-bc-berry-200:hover, .f\:d-bc-berry-200:focus, .f\:d-bc-berry-200:focus-within, .fv\:d-bc-berry-200:focus-visible {
  --bco: var(--dt-color-berry-200-a);
  border-color: hsl(var(--dt-color-berry-200-h) var(--dt-color-berry-200-s) var(--dt-color-berry-200-l) / var(--bco)) !important;
}

.d-bc-berry-300, .h\:d-bc-berry-300:hover, .f\:d-bc-berry-300:focus, .f\:d-bc-berry-300:focus-within, .fv\:d-bc-berry-300:focus-visible {
  --bco: var(--dt-color-berry-300-a);
  border-color: hsl(var(--dt-color-berry-300-h) var(--dt-color-berry-300-s) var(--dt-color-berry-300-l) / var(--bco)) !important;
}

.d-bc-berry-400, .h\:d-bc-berry-400:hover, .f\:d-bc-berry-400:focus, .f\:d-bc-berry-400:focus-within, .fv\:d-bc-berry-400:focus-visible {
  --bco: var(--dt-color-berry-400-a);
  border-color: hsl(var(--dt-color-berry-400-h) var(--dt-color-berry-400-s) var(--dt-color-berry-400-l) / var(--bco)) !important;
}

.d-bc-berry-500, .h\:d-bc-berry-500:hover, .f\:d-bc-berry-500:focus, .f\:d-bc-berry-500:focus-within, .fv\:d-bc-berry-500:focus-visible {
  --bco: var(--dt-color-berry-500-a);
  border-color: hsl(var(--dt-color-berry-500-h) var(--dt-color-berry-500-s) var(--dt-color-berry-500-l) / var(--bco)) !important;
}

.d-bc-berry-600, .h\:d-bc-berry-600:hover, .f\:d-bc-berry-600:focus, .f\:d-bc-berry-600:focus-within, .fv\:d-bc-berry-600:focus-visible {
  --bco: var(--dt-color-berry-600-a);
  border-color: hsl(var(--dt-color-berry-600-h) var(--dt-color-berry-600-s) var(--dt-color-berry-600-l) / var(--bco)) !important;
}

.d-bc-berry-700, .h\:d-bc-berry-700:hover, .f\:d-bc-berry-700:focus, .f\:d-bc-berry-700:focus-within, .fv\:d-bc-berry-700:focus-visible {
  --bco: var(--dt-color-berry-700-a);
  border-color: hsl(var(--dt-color-berry-700-h) var(--dt-color-berry-700-s) var(--dt-color-berry-700-l) / var(--bco)) !important;
}

.d-bc-berry-800, .h\:d-bc-berry-800:hover, .f\:d-bc-berry-800:focus, .f\:d-bc-berry-800:focus-within, .fv\:d-bc-berry-800:focus-visible {
  --bco: var(--dt-color-berry-800-a);
  border-color: hsl(var(--dt-color-berry-800-h) var(--dt-color-berry-800-s) var(--dt-color-berry-800-l) / var(--bco)) !important;
}

.d-bc-berry-900, .h\:d-bc-berry-900:hover, .f\:d-bc-berry-900:focus, .f\:d-bc-berry-900:focus-within, .fv\:d-bc-berry-900:focus-visible {
  --bco: var(--dt-color-berry-900-a);
  border-color: hsl(var(--dt-color-berry-900-h) var(--dt-color-berry-900-s) var(--dt-color-berry-900-l) / var(--bco)) !important;
}

.d-bc-berry-950, .h\:d-bc-berry-950:hover, .f\:d-bc-berry-950:focus, .f\:d-bc-berry-950:focus-within, .fv\:d-bc-berry-950:focus-visible {
  --bco: var(--dt-color-berry-950-a);
  border-color: hsl(var(--dt-color-berry-950-h) var(--dt-color-berry-950-s) var(--dt-color-berry-950-l) / var(--bco)) !important;
}

.d-bc-berry-1000, .h\:d-bc-berry-1000:hover, .f\:d-bc-berry-1000:focus, .f\:d-bc-berry-1000:focus-within, .fv\:d-bc-berry-1000:focus-visible {
  --bco: var(--dt-color-berry-1000-a);
  border-color: hsl(var(--dt-color-berry-1000-h) var(--dt-color-berry-1000-s) var(--dt-color-berry-1000-l) / var(--bco)) !important;
}

.d-bc-coral-50, .h\:d-bc-coral-50:hover, .f\:d-bc-coral-50:focus, .f\:d-bc-coral-50:focus-within, .fv\:d-bc-coral-50:focus-visible {
  --bco: var(--dt-color-coral-50-a);
  border-color: hsl(var(--dt-color-coral-50-h) var(--dt-color-coral-50-s) var(--dt-color-coral-50-l) / var(--bco)) !important;
}

.d-bc-coral-100, .h\:d-bc-coral-100:hover, .f\:d-bc-coral-100:focus, .f\:d-bc-coral-100:focus-within, .fv\:d-bc-coral-100:focus-visible {
  --bco: var(--dt-color-coral-100-a);
  border-color: hsl(var(--dt-color-coral-100-h) var(--dt-color-coral-100-s) var(--dt-color-coral-100-l) / var(--bco)) !important;
}

.d-bc-coral-200, .h\:d-bc-coral-200:hover, .f\:d-bc-coral-200:focus, .f\:d-bc-coral-200:focus-within, .fv\:d-bc-coral-200:focus-visible {
  --bco: var(--dt-color-coral-200-a);
  border-color: hsl(var(--dt-color-coral-200-h) var(--dt-color-coral-200-s) var(--dt-color-coral-200-l) / var(--bco)) !important;
}

.d-bc-coral-300, .h\:d-bc-coral-300:hover, .f\:d-bc-coral-300:focus, .f\:d-bc-coral-300:focus-within, .fv\:d-bc-coral-300:focus-visible {
  --bco: var(--dt-color-coral-300-a);
  border-color: hsl(var(--dt-color-coral-300-h) var(--dt-color-coral-300-s) var(--dt-color-coral-300-l) / var(--bco)) !important;
}

.d-bc-coral-400, .h\:d-bc-coral-400:hover, .f\:d-bc-coral-400:focus, .f\:d-bc-coral-400:focus-within, .fv\:d-bc-coral-400:focus-visible {
  --bco: var(--dt-color-coral-400-a);
  border-color: hsl(var(--dt-color-coral-400-h) var(--dt-color-coral-400-s) var(--dt-color-coral-400-l) / var(--bco)) !important;
}

.d-bc-coral-500, .h\:d-bc-coral-500:hover, .f\:d-bc-coral-500:focus, .f\:d-bc-coral-500:focus-within, .fv\:d-bc-coral-500:focus-visible {
  --bco: var(--dt-color-coral-500-a);
  border-color: hsl(var(--dt-color-coral-500-h) var(--dt-color-coral-500-s) var(--dt-color-coral-500-l) / var(--bco)) !important;
}

.d-bc-coral-600, .h\:d-bc-coral-600:hover, .f\:d-bc-coral-600:focus, .f\:d-bc-coral-600:focus-within, .fv\:d-bc-coral-600:focus-visible {
  --bco: var(--dt-color-coral-600-a);
  border-color: hsl(var(--dt-color-coral-600-h) var(--dt-color-coral-600-s) var(--dt-color-coral-600-l) / var(--bco)) !important;
}

.d-bc-coral-700, .h\:d-bc-coral-700:hover, .f\:d-bc-coral-700:focus, .f\:d-bc-coral-700:focus-within, .fv\:d-bc-coral-700:focus-visible {
  --bco: var(--dt-color-coral-700-a);
  border-color: hsl(var(--dt-color-coral-700-h) var(--dt-color-coral-700-s) var(--dt-color-coral-700-l) / var(--bco)) !important;
}

.d-bc-coral-800, .h\:d-bc-coral-800:hover, .f\:d-bc-coral-800:focus, .f\:d-bc-coral-800:focus-within, .fv\:d-bc-coral-800:focus-visible {
  --bco: var(--dt-color-coral-800-a);
  border-color: hsl(var(--dt-color-coral-800-h) var(--dt-color-coral-800-s) var(--dt-color-coral-800-l) / var(--bco)) !important;
}

.d-bc-coral-900, .h\:d-bc-coral-900:hover, .f\:d-bc-coral-900:focus, .f\:d-bc-coral-900:focus-within, .fv\:d-bc-coral-900:focus-visible {
  --bco: var(--dt-color-coral-900-a);
  border-color: hsl(var(--dt-color-coral-900-h) var(--dt-color-coral-900-s) var(--dt-color-coral-900-l) / var(--bco)) !important;
}

.d-bc-coral-950, .h\:d-bc-coral-950:hover, .f\:d-bc-coral-950:focus, .f\:d-bc-coral-950:focus-within, .fv\:d-bc-coral-950:focus-visible {
  --bco: var(--dt-color-coral-950-a);
  border-color: hsl(var(--dt-color-coral-950-h) var(--dt-color-coral-950-s) var(--dt-color-coral-950-l) / var(--bco)) !important;
}

.d-bc-coral-1000, .h\:d-bc-coral-1000:hover, .f\:d-bc-coral-1000:focus, .f\:d-bc-coral-1000:focus-within, .fv\:d-bc-coral-1000:focus-visible {
  --bco: var(--dt-color-coral-1000-a);
  border-color: hsl(var(--dt-color-coral-1000-h) var(--dt-color-coral-1000-s) var(--dt-color-coral-1000-l) / var(--bco)) !important;
}

.d-bc-olive-50, .h\:d-bc-olive-50:hover, .f\:d-bc-olive-50:focus, .f\:d-bc-olive-50:focus-within, .fv\:d-bc-olive-50:focus-visible {
  --bco: var(--dt-color-olive-50-a);
  border-color: hsl(var(--dt-color-olive-50-h) var(--dt-color-olive-50-s) var(--dt-color-olive-50-l) / var(--bco)) !important;
}

.d-bc-olive-100, .h\:d-bc-olive-100:hover, .f\:d-bc-olive-100:focus, .f\:d-bc-olive-100:focus-within, .fv\:d-bc-olive-100:focus-visible {
  --bco: var(--dt-color-olive-100-a);
  border-color: hsl(var(--dt-color-olive-100-h) var(--dt-color-olive-100-s) var(--dt-color-olive-100-l) / var(--bco)) !important;
}

.d-bc-olive-200, .h\:d-bc-olive-200:hover, .f\:d-bc-olive-200:focus, .f\:d-bc-olive-200:focus-within, .fv\:d-bc-olive-200:focus-visible {
  --bco: var(--dt-color-olive-200-a);
  border-color: hsl(var(--dt-color-olive-200-h) var(--dt-color-olive-200-s) var(--dt-color-olive-200-l) / var(--bco)) !important;
}

.d-bc-olive-300, .h\:d-bc-olive-300:hover, .f\:d-bc-olive-300:focus, .f\:d-bc-olive-300:focus-within, .fv\:d-bc-olive-300:focus-visible {
  --bco: var(--dt-color-olive-300-a);
  border-color: hsl(var(--dt-color-olive-300-h) var(--dt-color-olive-300-s) var(--dt-color-olive-300-l) / var(--bco)) !important;
}

.d-bc-olive-400, .h\:d-bc-olive-400:hover, .f\:d-bc-olive-400:focus, .f\:d-bc-olive-400:focus-within, .fv\:d-bc-olive-400:focus-visible {
  --bco: var(--dt-color-olive-400-a);
  border-color: hsl(var(--dt-color-olive-400-h) var(--dt-color-olive-400-s) var(--dt-color-olive-400-l) / var(--bco)) !important;
}

.d-bc-olive-500, .h\:d-bc-olive-500:hover, .f\:d-bc-olive-500:focus, .f\:d-bc-olive-500:focus-within, .fv\:d-bc-olive-500:focus-visible {
  --bco: var(--dt-color-olive-500-a);
  border-color: hsl(var(--dt-color-olive-500-h) var(--dt-color-olive-500-s) var(--dt-color-olive-500-l) / var(--bco)) !important;
}

.d-bc-olive-600, .h\:d-bc-olive-600:hover, .f\:d-bc-olive-600:focus, .f\:d-bc-olive-600:focus-within, .fv\:d-bc-olive-600:focus-visible {
  --bco: var(--dt-color-olive-600-a);
  border-color: hsl(var(--dt-color-olive-600-h) var(--dt-color-olive-600-s) var(--dt-color-olive-600-l) / var(--bco)) !important;
}

.d-bc-olive-700, .h\:d-bc-olive-700:hover, .f\:d-bc-olive-700:focus, .f\:d-bc-olive-700:focus-within, .fv\:d-bc-olive-700:focus-visible {
  --bco: var(--dt-color-olive-700-a);
  border-color: hsl(var(--dt-color-olive-700-h) var(--dt-color-olive-700-s) var(--dt-color-olive-700-l) / var(--bco)) !important;
}

.d-bc-olive-800, .h\:d-bc-olive-800:hover, .f\:d-bc-olive-800:focus, .f\:d-bc-olive-800:focus-within, .fv\:d-bc-olive-800:focus-visible {
  --bco: var(--dt-color-olive-800-a);
  border-color: hsl(var(--dt-color-olive-800-h) var(--dt-color-olive-800-s) var(--dt-color-olive-800-l) / var(--bco)) !important;
}

.d-bc-olive-900, .h\:d-bc-olive-900:hover, .f\:d-bc-olive-900:focus, .f\:d-bc-olive-900:focus-within, .fv\:d-bc-olive-900:focus-visible {
  --bco: var(--dt-color-olive-900-a);
  border-color: hsl(var(--dt-color-olive-900-h) var(--dt-color-olive-900-s) var(--dt-color-olive-900-l) / var(--bco)) !important;
}

.d-bc-olive-950, .h\:d-bc-olive-950:hover, .f\:d-bc-olive-950:focus, .f\:d-bc-olive-950:focus-within, .fv\:d-bc-olive-950:focus-visible {
  --bco: var(--dt-color-olive-950-a);
  border-color: hsl(var(--dt-color-olive-950-h) var(--dt-color-olive-950-s) var(--dt-color-olive-950-l) / var(--bco)) !important;
}

.d-bc-olive-1000, .h\:d-bc-olive-1000:hover, .f\:d-bc-olive-1000:focus, .f\:d-bc-olive-1000:focus-within, .fv\:d-bc-olive-1000:focus-visible {
  --bco: var(--dt-color-olive-1000-a);
  border-color: hsl(var(--dt-color-olive-1000-h) var(--dt-color-olive-1000-s) var(--dt-color-olive-1000-l) / var(--bco)) !important;
}

.d-bc-teal-50, .h\:d-bc-teal-50:hover, .f\:d-bc-teal-50:focus, .f\:d-bc-teal-50:focus-within, .fv\:d-bc-teal-50:focus-visible {
  --bco: var(--dt-color-teal-50-a);
  border-color: hsl(var(--dt-color-teal-50-h) var(--dt-color-teal-50-s) var(--dt-color-teal-50-l) / var(--bco)) !important;
}

.d-bc-teal-100, .h\:d-bc-teal-100:hover, .f\:d-bc-teal-100:focus, .f\:d-bc-teal-100:focus-within, .fv\:d-bc-teal-100:focus-visible {
  --bco: var(--dt-color-teal-100-a);
  border-color: hsl(var(--dt-color-teal-100-h) var(--dt-color-teal-100-s) var(--dt-color-teal-100-l) / var(--bco)) !important;
}

.d-bc-teal-200, .h\:d-bc-teal-200:hover, .f\:d-bc-teal-200:focus, .f\:d-bc-teal-200:focus-within, .fv\:d-bc-teal-200:focus-visible {
  --bco: var(--dt-color-teal-200-a);
  border-color: hsl(var(--dt-color-teal-200-h) var(--dt-color-teal-200-s) var(--dt-color-teal-200-l) / var(--bco)) !important;
}

.d-bc-teal-300, .h\:d-bc-teal-300:hover, .f\:d-bc-teal-300:focus, .f\:d-bc-teal-300:focus-within, .fv\:d-bc-teal-300:focus-visible {
  --bco: var(--dt-color-teal-300-a);
  border-color: hsl(var(--dt-color-teal-300-h) var(--dt-color-teal-300-s) var(--dt-color-teal-300-l) / var(--bco)) !important;
}

.d-bc-teal-400, .h\:d-bc-teal-400:hover, .f\:d-bc-teal-400:focus, .f\:d-bc-teal-400:focus-within, .fv\:d-bc-teal-400:focus-visible {
  --bco: var(--dt-color-teal-400-a);
  border-color: hsl(var(--dt-color-teal-400-h) var(--dt-color-teal-400-s) var(--dt-color-teal-400-l) / var(--bco)) !important;
}

.d-bc-teal-500, .h\:d-bc-teal-500:hover, .f\:d-bc-teal-500:focus, .f\:d-bc-teal-500:focus-within, .fv\:d-bc-teal-500:focus-visible {
  --bco: var(--dt-color-teal-500-a);
  border-color: hsl(var(--dt-color-teal-500-h) var(--dt-color-teal-500-s) var(--dt-color-teal-500-l) / var(--bco)) !important;
}

.d-bc-teal-600, .h\:d-bc-teal-600:hover, .f\:d-bc-teal-600:focus, .f\:d-bc-teal-600:focus-within, .fv\:d-bc-teal-600:focus-visible {
  --bco: var(--dt-color-teal-600-a);
  border-color: hsl(var(--dt-color-teal-600-h) var(--dt-color-teal-600-s) var(--dt-color-teal-600-l) / var(--bco)) !important;
}

.d-bc-teal-700, .h\:d-bc-teal-700:hover, .f\:d-bc-teal-700:focus, .f\:d-bc-teal-700:focus-within, .fv\:d-bc-teal-700:focus-visible {
  --bco: var(--dt-color-teal-700-a);
  border-color: hsl(var(--dt-color-teal-700-h) var(--dt-color-teal-700-s) var(--dt-color-teal-700-l) / var(--bco)) !important;
}

.d-bc-teal-800, .h\:d-bc-teal-800:hover, .f\:d-bc-teal-800:focus, .f\:d-bc-teal-800:focus-within, .fv\:d-bc-teal-800:focus-visible {
  --bco: var(--dt-color-teal-800-a);
  border-color: hsl(var(--dt-color-teal-800-h) var(--dt-color-teal-800-s) var(--dt-color-teal-800-l) / var(--bco)) !important;
}

.d-bc-teal-900, .h\:d-bc-teal-900:hover, .f\:d-bc-teal-900:focus, .f\:d-bc-teal-900:focus-within, .fv\:d-bc-teal-900:focus-visible {
  --bco: var(--dt-color-teal-900-a);
  border-color: hsl(var(--dt-color-teal-900-h) var(--dt-color-teal-900-s) var(--dt-color-teal-900-l) / var(--bco)) !important;
}

.d-bc-teal-950, .h\:d-bc-teal-950:hover, .f\:d-bc-teal-950:focus, .f\:d-bc-teal-950:focus-within, .fv\:d-bc-teal-950:focus-visible {
  --bco: var(--dt-color-teal-950-a);
  border-color: hsl(var(--dt-color-teal-950-h) var(--dt-color-teal-950-s) var(--dt-color-teal-950-l) / var(--bco)) !important;
}

.d-bc-teal-1000, .h\:d-bc-teal-1000:hover, .f\:d-bc-teal-1000:focus, .f\:d-bc-teal-1000:focus-within, .fv\:d-bc-teal-1000:focus-visible {
  --bco: var(--dt-color-teal-1000-a);
  border-color: hsl(var(--dt-color-teal-1000-h) var(--dt-color-teal-1000-s) var(--dt-color-teal-1000-l) / var(--bco)) !important;
}

.d-bc-indigo-50, .h\:d-bc-indigo-50:hover, .f\:d-bc-indigo-50:focus, .f\:d-bc-indigo-50:focus-within, .fv\:d-bc-indigo-50:focus-visible {
  --bco: var(--dt-color-indigo-50-a);
  border-color: hsl(var(--dt-color-indigo-50-h) var(--dt-color-indigo-50-s) var(--dt-color-indigo-50-l) / var(--bco)) !important;
}

.d-bc-indigo-100, .h\:d-bc-indigo-100:hover, .f\:d-bc-indigo-100:focus, .f\:d-bc-indigo-100:focus-within, .fv\:d-bc-indigo-100:focus-visible {
  --bco: var(--dt-color-indigo-100-a);
  border-color: hsl(var(--dt-color-indigo-100-h) var(--dt-color-indigo-100-s) var(--dt-color-indigo-100-l) / var(--bco)) !important;
}

.d-bc-indigo-200, .h\:d-bc-indigo-200:hover, .f\:d-bc-indigo-200:focus, .f\:d-bc-indigo-200:focus-within, .fv\:d-bc-indigo-200:focus-visible {
  --bco: var(--dt-color-indigo-200-a);
  border-color: hsl(var(--dt-color-indigo-200-h) var(--dt-color-indigo-200-s) var(--dt-color-indigo-200-l) / var(--bco)) !important;
}

.d-bc-indigo-300, .h\:d-bc-indigo-300:hover, .f\:d-bc-indigo-300:focus, .f\:d-bc-indigo-300:focus-within, .fv\:d-bc-indigo-300:focus-visible {
  --bco: var(--dt-color-indigo-300-a);
  border-color: hsl(var(--dt-color-indigo-300-h) var(--dt-color-indigo-300-s) var(--dt-color-indigo-300-l) / var(--bco)) !important;
}

.d-bc-indigo-400, .h\:d-bc-indigo-400:hover, .f\:d-bc-indigo-400:focus, .f\:d-bc-indigo-400:focus-within, .fv\:d-bc-indigo-400:focus-visible {
  --bco: var(--dt-color-indigo-400-a);
  border-color: hsl(var(--dt-color-indigo-400-h) var(--dt-color-indigo-400-s) var(--dt-color-indigo-400-l) / var(--bco)) !important;
}

.d-bc-indigo-500, .h\:d-bc-indigo-500:hover, .f\:d-bc-indigo-500:focus, .f\:d-bc-indigo-500:focus-within, .fv\:d-bc-indigo-500:focus-visible {
  --bco: var(--dt-color-indigo-500-a);
  border-color: hsl(var(--dt-color-indigo-500-h) var(--dt-color-indigo-500-s) var(--dt-color-indigo-500-l) / var(--bco)) !important;
}

.d-bc-indigo-600, .h\:d-bc-indigo-600:hover, .f\:d-bc-indigo-600:focus, .f\:d-bc-indigo-600:focus-within, .fv\:d-bc-indigo-600:focus-visible {
  --bco: var(--dt-color-indigo-600-a);
  border-color: hsl(var(--dt-color-indigo-600-h) var(--dt-color-indigo-600-s) var(--dt-color-indigo-600-l) / var(--bco)) !important;
}

.d-bc-indigo-700, .h\:d-bc-indigo-700:hover, .f\:d-bc-indigo-700:focus, .f\:d-bc-indigo-700:focus-within, .fv\:d-bc-indigo-700:focus-visible {
  --bco: var(--dt-color-indigo-700-a);
  border-color: hsl(var(--dt-color-indigo-700-h) var(--dt-color-indigo-700-s) var(--dt-color-indigo-700-l) / var(--bco)) !important;
}

.d-bc-indigo-800, .h\:d-bc-indigo-800:hover, .f\:d-bc-indigo-800:focus, .f\:d-bc-indigo-800:focus-within, .fv\:d-bc-indigo-800:focus-visible {
  --bco: var(--dt-color-indigo-800-a);
  border-color: hsl(var(--dt-color-indigo-800-h) var(--dt-color-indigo-800-s) var(--dt-color-indigo-800-l) / var(--bco)) !important;
}

.d-bc-indigo-900, .h\:d-bc-indigo-900:hover, .f\:d-bc-indigo-900:focus, .f\:d-bc-indigo-900:focus-within, .fv\:d-bc-indigo-900:focus-visible {
  --bco: var(--dt-color-indigo-900-a);
  border-color: hsl(var(--dt-color-indigo-900-h) var(--dt-color-indigo-900-s) var(--dt-color-indigo-900-l) / var(--bco)) !important;
}

.d-bc-indigo-950, .h\:d-bc-indigo-950:hover, .f\:d-bc-indigo-950:focus, .f\:d-bc-indigo-950:focus-within, .fv\:d-bc-indigo-950:focus-visible {
  --bco: var(--dt-color-indigo-950-a);
  border-color: hsl(var(--dt-color-indigo-950-h) var(--dt-color-indigo-950-s) var(--dt-color-indigo-950-l) / var(--bco)) !important;
}

.d-bc-indigo-1000, .h\:d-bc-indigo-1000:hover, .f\:d-bc-indigo-1000:focus, .f\:d-bc-indigo-1000:focus-within, .fv\:d-bc-indigo-1000:focus-visible {
  --bco: var(--dt-color-indigo-1000-a);
  border-color: hsl(var(--dt-color-indigo-1000-h) var(--dt-color-indigo-1000-s) var(--dt-color-indigo-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;
}

.d-bc-default, .h\:d-bc-default:hover, .f\:d-bc-default:focus, .f\:d-bc-default:focus-within, .fv\:d-bc-default:focus-visible {
  --bco: 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(--bco)) !important;
}

.d-bc-moderate, .h\:d-bc-moderate:hover, .f\:d-bc-moderate:focus, .f\:d-bc-moderate:focus-within, .fv\:d-bc-moderate:focus-visible {
  --bco: 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(--bco)) !important;
}

.d-bc-bold, .h\:d-bc-bold:hover, .f\:d-bc-bold:focus, .f\:d-bc-bold:focus-within, .fv\:d-bc-bold:focus-visible {
  --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-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;
}

.d-bc-success, .h\:d-bc-success:hover, .f\:d-bc-success:focus, .f\:d-bc-success:focus-within, .fv\:d-bc-success:focus-visible {
  --bco: 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(--bco)) !important;
}

.d-bc-warning, .h\:d-bc-warning:hover, .f\:d-bc-warning:focus, .f\:d-bc-warning:focus-within, .fv\:d-bc-warning:focus-visible {
  --bco: 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(--bco)) !important;
}

.d-bc-brand, .h\:d-bc-brand:hover, .f\:d-bc-brand:focus, .f\:d-bc-brand:focus-within, .fv\:d-bc-brand:focus-visible {
  --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-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-strong, .h\:d-bc-success-strong:hover, .f\:d-bc-success-strong:focus, .f\:d-bc-success-strong:focus-within, .fv\:d-bc-success-strong:focus-visible {
  --bco: var(--dt-color-border-success-strong-a);
  border-color: hsl(var(--dt-color-border-success-strong-h) var(--dt-color-border-success-strong-s) var(--dt-color-border-success-strong-l) / var(--bco)) !important;
}

.d-bc-warning-strong, .h\:d-bc-warning-strong:hover, .f\:d-bc-warning-strong:focus, .f\:d-bc-warning-strong:focus-within, .fv\:d-bc-warning-strong:focus-visible {
  --bco: var(--dt-color-border-warning-strong-a);
  border-color: hsl(var(--dt-color-border-warning-strong-h) var(--dt-color-border-warning-strong-s) var(--dt-color-border-warning-strong-l) / var(--bco)) !important;
}

.d-bc-brand-strong, .h\:d-bc-brand-strong:hover, .f\:d-bc-brand-strong:focus, .f\:d-bc-brand-strong:focus-within, .fv\:d-bc-brand-strong:focus-visible {
  --bco: var(--dt-color-border-brand-strong-a);
  border-color: hsl(var(--dt-color-border-brand-strong-h) var(--dt-color-border-brand-strong-s) var(--dt-color-border-brand-strong-l) / var(--bco)) !important;
}

.d-bc-subtle-inverted, .h\:d-bc-subtle-inverted:hover, .f\:d-bc-subtle-inverted:focus, .f\:d-bc-subtle-inverted:focus-within, .fv\:d-bc-subtle-inverted:focus-visible {
  --bco: var(--dt-color-border-subtle-inverted-a);
  border-color: hsl(var(--dt-color-border-subtle-inverted-h) var(--dt-color-border-subtle-inverted-s) var(--dt-color-border-subtle-inverted-l) / var(--bco)) !important;
}

.d-bc-default-inverted, .h\:d-bc-default-inverted:hover, .f\:d-bc-default-inverted:focus, .f\:d-bc-default-inverted:focus-within, .fv\:d-bc-default-inverted:focus-visible {
  --bco: var(--dt-color-border-default-inverted-a);
  border-color: hsl(var(--dt-color-border-default-inverted-h) var(--dt-color-border-default-inverted-s) var(--dt-color-border-default-inverted-l) / var(--bco)) !important;
}

.d-bc-moderate-inverted, .h\:d-bc-moderate-inverted:hover, .f\:d-bc-moderate-inverted:focus, .f\:d-bc-moderate-inverted:focus-within, .fv\:d-bc-moderate-inverted:focus-visible {
  --bco: var(--dt-color-border-moderate-inverted-a);
  border-color: hsl(var(--dt-color-border-moderate-inverted-h) var(--dt-color-border-moderate-inverted-s) var(--dt-color-border-moderate-inverted-l) / var(--bco)) !important;
}

.d-bc-bold-inverted, .h\:d-bc-bold-inverted:hover, .f\:d-bc-bold-inverted:focus, .f\:d-bc-bold-inverted:focus-within, .fv\:d-bc-bold-inverted:focus-visible {
  --bco: var(--dt-color-border-bold-inverted-a);
  border-color: hsl(var(--dt-color-border-bold-inverted-h) var(--dt-color-border-bold-inverted-s) var(--dt-color-border-bold-inverted-l) / var(--bco)) !important;
}

.d-bc-critical-inverted, .h\:d-bc-critical-inverted:hover, .f\:d-bc-critical-inverted:focus, .f\:d-bc-critical-inverted:focus-within, .fv\:d-bc-critical-inverted:focus-visible {
  --bco: var(--dt-color-border-critical-inverted-a);
  border-color: hsl(var(--dt-color-border-critical-inverted-h) var(--dt-color-border-critical-inverted-s) var(--dt-color-border-critical-inverted-l) / var(--bco)) !important;
}

.d-bc-success-inverted, .h\:d-bc-success-inverted:hover, .f\:d-bc-success-inverted:focus, .f\:d-bc-success-inverted:focus-within, .fv\:d-bc-success-inverted:focus-visible {
  --bco: 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(--bco)) !important;
}

.d-bc-warning-inverted, .h\:d-bc-warning-inverted:hover, .f\:d-bc-warning-inverted:focus, .f\:d-bc-warning-inverted:focus-within, .fv\:d-bc-warning-inverted:focus-visible {
  --bco: 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(--bco)) !important;
}

.d-bc-brand-inverted, .h\:d-bc-brand-inverted:hover, .f\:d-bc-brand-inverted:focus, .f\:d-bc-brand-inverted:focus-within, .fv\:d-bc-brand-inverted:focus-visible {
  --bco: 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(--bco)) !important;
}

.d-bc-critical-subtle-inverted, .h\:d-bc-critical-subtle-inverted:hover, .f\:d-bc-critical-subtle-inverted:focus, .f\:d-bc-critical-subtle-inverted:focus-within, .fv\:d-bc-critical-subtle-inverted:focus-visible {
  --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-strong-inverted, .h\:d-bc-success-strong-inverted:hover, .f\:d-bc-success-strong-inverted:focus, .f\:d-bc-success-strong-inverted:focus-within, .fv\:d-bc-success-strong-inverted:focus-visible {
  --bco: var(--dt-color-border-success-strong-inverted-a);
  border-color: hsl(var(--dt-color-border-success-strong-inverted-h) var(--dt-color-border-success-strong-inverted-s) var(--dt-color-border-success-strong-inverted-l) / var(--bco)) !important;
}

.d-bc-warning-strong-inverted, .h\:d-bc-warning-strong-inverted:hover, .f\:d-bc-warning-strong-inverted:focus, .f\:d-bc-warning-strong-inverted:focus-within, .fv\:d-bc-warning-strong-inverted:focus-visible {
  --bco: var(--dt-color-border-warning-strong-inverted-a);
  border-color: hsl(var(--dt-color-border-warning-strong-inverted-h) var(--dt-color-border-warning-strong-inverted-s) var(--dt-color-border-warning-strong-inverted-l) / var(--bco)) !important;
}

.d-bc-brand-strong-inverted, .h\:d-bc-brand-strong-inverted:hover, .f\:d-bc-brand-strong-inverted:focus, .f\:d-bc-brand-strong-inverted:focus-within, .fv\:d-bc-brand-strong-inverted:focus-visible {
  --bco: var(--dt-color-border-brand-strong-inverted-a);
  border-color: hsl(var(--dt-color-border-brand-strong-inverted-h) var(--dt-color-border-brand-strong-inverted-s) var(--dt-color-border-brand-strong-inverted-l) / var(--bco)) !important;
}

.d-bc-focus, .h\:d-bc-focus:hover, .f\:d-bc-focus:focus, .f\:d-bc-focus:focus-within, .fv\:d-bc-focus:focus-visible {
  --bco: var(--dt-color-border-focus-a);
  border-color: hsl(var(--dt-color-border-focus-h) var(--dt-color-border-focus-s) var(--dt-color-border-focus-l) / var(--bco)) !important;
}

.d-bc-accent, .h\:d-bc-accent:hover, .f\:d-bc-accent:focus, .f\:d-bc-accent:focus-within, .fv\:d-bc-accent:focus-visible {
  --bco: var(--dt-color-border-accent-a);
  border-color: hsl(var(--dt-color-border-accent-h) var(--dt-color-border-accent-s) var(--dt-color-border-accent-l) / var(--bco)) !important;
}

.d-bc-chart-categorical-10, .h\:d-bc-chart-categorical-10:hover, .f\:d-bc-chart-categorical-10:focus, .f\:d-bc-chart-categorical-10:focus-within, .fv\:d-bc-chart-categorical-10:focus-visible {
  --bco: var(--dt-color-chart-categorical-10-a);
  border-color: hsl(var(--dt-color-chart-categorical-10-h) var(--dt-color-chart-categorical-10-s) var(--dt-color-chart-categorical-10-l) / var(--bco)) !important;
}

.d-bc-chart-categorical-11, .h\:d-bc-chart-categorical-11:hover, .f\:d-bc-chart-categorical-11:focus, .f\:d-bc-chart-categorical-11:focus-within, .fv\:d-bc-chart-categorical-11:focus-visible {
  --bco: var(--dt-color-chart-categorical-11-a);
  border-color: hsl(var(--dt-color-chart-categorical-11-h) var(--dt-color-chart-categorical-11-s) var(--dt-color-chart-categorical-11-l) / var(--bco)) !important;
}

.d-bc-chart-categorical-12, .h\:d-bc-chart-categorical-12:hover, .f\:d-bc-chart-categorical-12:focus, .f\:d-bc-chart-categorical-12:focus-within, .fv\:d-bc-chart-categorical-12:focus-visible {
  --bco: var(--dt-color-chart-categorical-12-a);
  border-color: hsl(var(--dt-color-chart-categorical-12-h) var(--dt-color-chart-categorical-12-s) var(--dt-color-chart-categorical-12-l) / var(--bco)) !important;
}

.d-bc-chart-categorical-13, .h\:d-bc-chart-categorical-13:hover, .f\:d-bc-chart-categorical-13:focus, .f\:d-bc-chart-categorical-13:focus-within, .fv\:d-bc-chart-categorical-13:focus-visible {
  --bco: var(--dt-color-chart-categorical-13-a);
  border-color: hsl(var(--dt-color-chart-categorical-13-h) var(--dt-color-chart-categorical-13-s) var(--dt-color-chart-categorical-13-l) / var(--bco)) !important;
}

.d-bc-chart-categorical-14, .h\:d-bc-chart-categorical-14:hover, .f\:d-bc-chart-categorical-14:focus, .f\:d-bc-chart-categorical-14:focus-within, .fv\:d-bc-chart-categorical-14:focus-visible {
  --bco: var(--dt-color-chart-categorical-14-a);
  border-color: hsl(var(--dt-color-chart-categorical-14-h) var(--dt-color-chart-categorical-14-s) var(--dt-color-chart-categorical-14-l) / var(--bco)) !important;
}

.d-bc-chart-categorical-15, .h\:d-bc-chart-categorical-15:hover, .f\:d-bc-chart-categorical-15:focus, .f\:d-bc-chart-categorical-15:focus-within, .fv\:d-bc-chart-categorical-15:focus-visible {
  --bco: var(--dt-color-chart-categorical-15-a);
  border-color: hsl(var(--dt-color-chart-categorical-15-h) var(--dt-color-chart-categorical-15-s) var(--dt-color-chart-categorical-15-l) / var(--bco)) !important;
}

.d-bc-chart-categorical-16, .h\:d-bc-chart-categorical-16:hover, .f\:d-bc-chart-categorical-16:focus, .f\:d-bc-chart-categorical-16:focus-within, .fv\:d-bc-chart-categorical-16:focus-visible {
  --bco: var(--dt-color-chart-categorical-16-a);
  border-color: hsl(var(--dt-color-chart-categorical-16-h) var(--dt-color-chart-categorical-16-s) var(--dt-color-chart-categorical-16-l) / var(--bco)) !important;
}

.d-bc-chart-categorical-17, .h\:d-bc-chart-categorical-17:hover, .f\:d-bc-chart-categorical-17:focus, .f\:d-bc-chart-categorical-17:focus-within, .fv\:d-bc-chart-categorical-17:focus-visible {
  --bco: var(--dt-color-chart-categorical-17-a);
  border-color: hsl(var(--dt-color-chart-categorical-17-h) var(--dt-color-chart-categorical-17-s) var(--dt-color-chart-categorical-17-l) / var(--bco)) !important;
}

.d-bc-chart-categorical-18, .h\:d-bc-chart-categorical-18:hover, .f\:d-bc-chart-categorical-18:focus, .f\:d-bc-chart-categorical-18:focus-within, .fv\:d-bc-chart-categorical-18:focus-visible {
  --bco: var(--dt-color-chart-categorical-18-a);
  border-color: hsl(var(--dt-color-chart-categorical-18-h) var(--dt-color-chart-categorical-18-s) var(--dt-color-chart-categorical-18-l) / var(--bco)) !important;
}

.d-bc-chart-categorical-19, .h\:d-bc-chart-categorical-19:hover, .f\:d-bc-chart-categorical-19:focus, .f\:d-bc-chart-categorical-19:focus-within, .fv\:d-bc-chart-categorical-19:focus-visible {
  --bco: var(--dt-color-chart-categorical-19-a);
  border-color: hsl(var(--dt-color-chart-categorical-19-h) var(--dt-color-chart-categorical-19-s) var(--dt-color-chart-categorical-19-l) / var(--bco)) !important;
}

.d-bc-chart-categorical-20, .h\:d-bc-chart-categorical-20:hover, .f\:d-bc-chart-categorical-20:focus, .f\:d-bc-chart-categorical-20:focus-within, .fv\:d-bc-chart-categorical-20:focus-visible {
  --bco: var(--dt-color-chart-categorical-20-a);
  border-color: hsl(var(--dt-color-chart-categorical-20-h) var(--dt-color-chart-categorical-20-s) var(--dt-color-chart-categorical-20-l) / var(--bco)) !important;
}

.d-bc-chart-categorical-21, .h\:d-bc-chart-categorical-21:hover, .f\:d-bc-chart-categorical-21:focus, .f\:d-bc-chart-categorical-21:focus-within, .fv\:d-bc-chart-categorical-21:focus-visible {
  --bco: var(--dt-color-chart-categorical-21-a);
  border-color: hsl(var(--dt-color-chart-categorical-21-h) var(--dt-color-chart-categorical-21-s) var(--dt-color-chart-categorical-21-l) / var(--bco)) !important;
}

.d-bc-chart-categorical-22, .h\:d-bc-chart-categorical-22:hover, .f\:d-bc-chart-categorical-22:focus, .f\:d-bc-chart-categorical-22:focus-within, .fv\:d-bc-chart-categorical-22:focus-visible {
  --bco: var(--dt-color-chart-categorical-22-a);
  border-color: hsl(var(--dt-color-chart-categorical-22-h) var(--dt-color-chart-categorical-22-s) var(--dt-color-chart-categorical-22-l) / var(--bco)) !important;
}

.d-bc-chart-categorical-23, .h\:d-bc-chart-categorical-23:hover, .f\:d-bc-chart-categorical-23:focus, .f\:d-bc-chart-categorical-23:focus-within, .fv\:d-bc-chart-categorical-23:focus-visible {
  --bco: var(--dt-color-chart-categorical-23-a);
  border-color: hsl(var(--dt-color-chart-categorical-23-h) var(--dt-color-chart-categorical-23-s) var(--dt-color-chart-categorical-23-l) / var(--bco)) !important;
}

.d-bc-chart-categorical-24, .h\:d-bc-chart-categorical-24:hover, .f\:d-bc-chart-categorical-24:focus, .f\:d-bc-chart-categorical-24:focus-within, .fv\:d-bc-chart-categorical-24:focus-visible {
  --bco: var(--dt-color-chart-categorical-24-a);
  border-color: hsl(var(--dt-color-chart-categorical-24-h) var(--dt-color-chart-categorical-24-s) var(--dt-color-chart-categorical-24-l) / var(--bco)) !important;
}

.d-bc-chart-categorical-25, .h\:d-bc-chart-categorical-25:hover, .f\:d-bc-chart-categorical-25:focus, .f\:d-bc-chart-categorical-25:focus-within, .fv\:d-bc-chart-categorical-25:focus-visible {
  --bco: var(--dt-color-chart-categorical-25-a);
  border-color: hsl(var(--dt-color-chart-categorical-25-h) var(--dt-color-chart-categorical-25-s) var(--dt-color-chart-categorical-25-l) / var(--bco)) !important;
}

.d-bc-chart-categorical-26, .h\:d-bc-chart-categorical-26:hover, .f\:d-bc-chart-categorical-26:focus, .f\:d-bc-chart-categorical-26:focus-within, .fv\:d-bc-chart-categorical-26:focus-visible {
  --bco: var(--dt-color-chart-categorical-26-a);
  border-color: hsl(var(--dt-color-chart-categorical-26-h) var(--dt-color-chart-categorical-26-s) var(--dt-color-chart-categorical-26-l) / var(--bco)) !important;
}

.d-bc-chart-categorical-27, .h\:d-bc-chart-categorical-27:hover, .f\:d-bc-chart-categorical-27:focus, .f\:d-bc-chart-categorical-27:focus-within, .fv\:d-bc-chart-categorical-27:focus-visible {
  --bco: var(--dt-color-chart-categorical-27-a);
  border-color: hsl(var(--dt-color-chart-categorical-27-h) var(--dt-color-chart-categorical-27-s) var(--dt-color-chart-categorical-27-l) / var(--bco)) !important;
}

.d-bc-chart-categorical-28, .h\:d-bc-chart-categorical-28:hover, .f\:d-bc-chart-categorical-28:focus, .f\:d-bc-chart-categorical-28:focus-within, .fv\:d-bc-chart-categorical-28:focus-visible {
  --bco: var(--dt-color-chart-categorical-28-a);
  border-color: hsl(var(--dt-color-chart-categorical-28-h) var(--dt-color-chart-categorical-28-s) var(--dt-color-chart-categorical-28-l) / var(--bco)) !important;
}

.d-bc-chart-categorical-29, .h\:d-bc-chart-categorical-29:hover, .f\:d-bc-chart-categorical-29:focus, .f\:d-bc-chart-categorical-29:focus-within, .fv\:d-bc-chart-categorical-29:focus-visible {
  --bco: var(--dt-color-chart-categorical-29-a);
  border-color: hsl(var(--dt-color-chart-categorical-29-h) var(--dt-color-chart-categorical-29-s) var(--dt-color-chart-categorical-29-l) / var(--bco)) !important;
}

.d-bc-chart-categorical-30, .h\:d-bc-chart-categorical-30:hover, .f\:d-bc-chart-categorical-30:focus, .f\:d-bc-chart-categorical-30:focus-within, .fv\:d-bc-chart-categorical-30:focus-visible {
  --bco: var(--dt-color-chart-categorical-30-a);
  border-color: hsl(var(--dt-color-chart-categorical-30-h) var(--dt-color-chart-categorical-30-s) var(--dt-color-chart-categorical-30-l) / var(--bco)) !important;
}

.d-bc-chart-categorical-01, .h\:d-bc-chart-categorical-01:hover, .f\:d-bc-chart-categorical-01:focus, .f\:d-bc-chart-categorical-01:focus-within, .fv\:d-bc-chart-categorical-01:focus-visible {
  --bco: var(--dt-color-chart-categorical-01-a);
  border-color: hsl(var(--dt-color-chart-categorical-01-h) var(--dt-color-chart-categorical-01-s) var(--dt-color-chart-categorical-01-l) / var(--bco)) !important;
}

.d-bc-chart-categorical-01-hover, .h\:d-bc-chart-categorical-01-hover:hover, .f\:d-bc-chart-categorical-01-hover:focus, .f\:d-bc-chart-categorical-01-hover:focus-within, .fv\:d-bc-chart-categorical-01-hover:focus-visible {
  --bco: var(--dt-color-chart-categorical-01-hover-a);
  border-color: hsl(var(--dt-color-chart-categorical-01-hover-h) var(--dt-color-chart-categorical-01-hover-s) var(--dt-color-chart-categorical-01-hover-l) / var(--bco)) !important;
}

.d-bc-chart-categorical-01-selected, .h\:d-bc-chart-categorical-01-selected:hover, .f\:d-bc-chart-categorical-01-selected:focus, .f\:d-bc-chart-categorical-01-selected:focus-within, .fv\:d-bc-chart-categorical-01-selected:focus-visible {
  --bco: var(--dt-color-chart-categorical-01-selected-a);
  border-color: hsl(var(--dt-color-chart-categorical-01-selected-h) var(--dt-color-chart-categorical-01-selected-s) var(--dt-color-chart-categorical-01-selected-l) / var(--bco)) !important;
}

.d-bc-chart-categorical-02, .h\:d-bc-chart-categorical-02:hover, .f\:d-bc-chart-categorical-02:focus, .f\:d-bc-chart-categorical-02:focus-within, .fv\:d-bc-chart-categorical-02:focus-visible {
  --bco: var(--dt-color-chart-categorical-02-a);
  border-color: hsl(var(--dt-color-chart-categorical-02-h) var(--dt-color-chart-categorical-02-s) var(--dt-color-chart-categorical-02-l) / var(--bco)) !important;
}

.d-bc-chart-categorical-02-hover, .h\:d-bc-chart-categorical-02-hover:hover, .f\:d-bc-chart-categorical-02-hover:focus, .f\:d-bc-chart-categorical-02-hover:focus-within, .fv\:d-bc-chart-categorical-02-hover:focus-visible {
  --bco: var(--dt-color-chart-categorical-02-hover-a);
  border-color: hsl(var(--dt-color-chart-categorical-02-hover-h) var(--dt-color-chart-categorical-02-hover-s) var(--dt-color-chart-categorical-02-hover-l) / var(--bco)) !important;
}

.d-bc-chart-categorical-02-selected, .h\:d-bc-chart-categorical-02-selected:hover, .f\:d-bc-chart-categorical-02-selected:focus, .f\:d-bc-chart-categorical-02-selected:focus-within, .fv\:d-bc-chart-categorical-02-selected:focus-visible {
  --bco: var(--dt-color-chart-categorical-02-selected-a);
  border-color: hsl(var(--dt-color-chart-categorical-02-selected-h) var(--dt-color-chart-categorical-02-selected-s) var(--dt-color-chart-categorical-02-selected-l) / var(--bco)) !important;
}

.d-bc-chart-categorical-03, .h\:d-bc-chart-categorical-03:hover, .f\:d-bc-chart-categorical-03:focus, .f\:d-bc-chart-categorical-03:focus-within, .fv\:d-bc-chart-categorical-03:focus-visible {
  --bco: var(--dt-color-chart-categorical-03-a);
  border-color: hsl(var(--dt-color-chart-categorical-03-h) var(--dt-color-chart-categorical-03-s) var(--dt-color-chart-categorical-03-l) / var(--bco)) !important;
}

.d-bc-chart-categorical-03-hover, .h\:d-bc-chart-categorical-03-hover:hover, .f\:d-bc-chart-categorical-03-hover:focus, .f\:d-bc-chart-categorical-03-hover:focus-within, .fv\:d-bc-chart-categorical-03-hover:focus-visible {
  --bco: var(--dt-color-chart-categorical-03-hover-a);
  border-color: hsl(var(--dt-color-chart-categorical-03-hover-h) var(--dt-color-chart-categorical-03-hover-s) var(--dt-color-chart-categorical-03-hover-l) / var(--bco)) !important;
}

.d-bc-chart-categorical-03-selected, .h\:d-bc-chart-categorical-03-selected:hover, .f\:d-bc-chart-categorical-03-selected:focus, .f\:d-bc-chart-categorical-03-selected:focus-within, .fv\:d-bc-chart-categorical-03-selected:focus-visible {
  --bco: var(--dt-color-chart-categorical-03-selected-a);
  border-color: hsl(var(--dt-color-chart-categorical-03-selected-h) var(--dt-color-chart-categorical-03-selected-s) var(--dt-color-chart-categorical-03-selected-l) / var(--bco)) !important;
}

.d-bc-chart-categorical-04, .h\:d-bc-chart-categorical-04:hover, .f\:d-bc-chart-categorical-04:focus, .f\:d-bc-chart-categorical-04:focus-within, .fv\:d-bc-chart-categorical-04:focus-visible {
  --bco: var(--dt-color-chart-categorical-04-a);
  border-color: hsl(var(--dt-color-chart-categorical-04-h) var(--dt-color-chart-categorical-04-s) var(--dt-color-chart-categorical-04-l) / var(--bco)) !important;
}

.d-bc-chart-categorical-04-hover, .h\:d-bc-chart-categorical-04-hover:hover, .f\:d-bc-chart-categorical-04-hover:focus, .f\:d-bc-chart-categorical-04-hover:focus-within, .fv\:d-bc-chart-categorical-04-hover:focus-visible {
  --bco: var(--dt-color-chart-categorical-04-hover-a);
  border-color: hsl(var(--dt-color-chart-categorical-04-hover-h) var(--dt-color-chart-categorical-04-hover-s) var(--dt-color-chart-categorical-04-hover-l) / var(--bco)) !important;
}

.d-bc-chart-categorical-04-selected, .h\:d-bc-chart-categorical-04-selected:hover, .f\:d-bc-chart-categorical-04-selected:focus, .f\:d-bc-chart-categorical-04-selected:focus-within, .fv\:d-bc-chart-categorical-04-selected:focus-visible {
  --bco: var(--dt-color-chart-categorical-04-selected-a);
  border-color: hsl(var(--dt-color-chart-categorical-04-selected-h) var(--dt-color-chart-categorical-04-selected-s) var(--dt-color-chart-categorical-04-selected-l) / var(--bco)) !important;
}

.d-bc-chart-categorical-05, .h\:d-bc-chart-categorical-05:hover, .f\:d-bc-chart-categorical-05:focus, .f\:d-bc-chart-categorical-05:focus-within, .fv\:d-bc-chart-categorical-05:focus-visible {
  --bco: var(--dt-color-chart-categorical-05-a);
  border-color: hsl(var(--dt-color-chart-categorical-05-h) var(--dt-color-chart-categorical-05-s) var(--dt-color-chart-categorical-05-l) / var(--bco)) !important;
}

.d-bc-chart-categorical-05-hover, .h\:d-bc-chart-categorical-05-hover:hover, .f\:d-bc-chart-categorical-05-hover:focus, .f\:d-bc-chart-categorical-05-hover:focus-within, .fv\:d-bc-chart-categorical-05-hover:focus-visible {
  --bco: var(--dt-color-chart-categorical-05-hover-a);
  border-color: hsl(var(--dt-color-chart-categorical-05-hover-h) var(--dt-color-chart-categorical-05-hover-s) var(--dt-color-chart-categorical-05-hover-l) / var(--bco)) !important;
}

.d-bc-chart-categorical-05-selected, .h\:d-bc-chart-categorical-05-selected:hover, .f\:d-bc-chart-categorical-05-selected:focus, .f\:d-bc-chart-categorical-05-selected:focus-within, .fv\:d-bc-chart-categorical-05-selected:focus-visible {
  --bco: var(--dt-color-chart-categorical-05-selected-a);
  border-color: hsl(var(--dt-color-chart-categorical-05-selected-h) var(--dt-color-chart-categorical-05-selected-s) var(--dt-color-chart-categorical-05-selected-l) / var(--bco)) !important;
}

.d-bc-chart-categorical-06, .h\:d-bc-chart-categorical-06:hover, .f\:d-bc-chart-categorical-06:focus, .f\:d-bc-chart-categorical-06:focus-within, .fv\:d-bc-chart-categorical-06:focus-visible {
  --bco: var(--dt-color-chart-categorical-06-a);
  border-color: hsl(var(--dt-color-chart-categorical-06-h) var(--dt-color-chart-categorical-06-s) var(--dt-color-chart-categorical-06-l) / var(--bco)) !important;
}

.d-bc-chart-categorical-06-hover, .h\:d-bc-chart-categorical-06-hover:hover, .f\:d-bc-chart-categorical-06-hover:focus, .f\:d-bc-chart-categorical-06-hover:focus-within, .fv\:d-bc-chart-categorical-06-hover:focus-visible {
  --bco: var(--dt-color-chart-categorical-06-hover-a);
  border-color: hsl(var(--dt-color-chart-categorical-06-hover-h) var(--dt-color-chart-categorical-06-hover-s) var(--dt-color-chart-categorical-06-hover-l) / var(--bco)) !important;
}

.d-bc-chart-categorical-06-selected, .h\:d-bc-chart-categorical-06-selected:hover, .f\:d-bc-chart-categorical-06-selected:focus, .f\:d-bc-chart-categorical-06-selected:focus-within, .fv\:d-bc-chart-categorical-06-selected:focus-visible {
  --bco: var(--dt-color-chart-categorical-06-selected-a);
  border-color: hsl(var(--dt-color-chart-categorical-06-selected-h) var(--dt-color-chart-categorical-06-selected-s) var(--dt-color-chart-categorical-06-selected-l) / var(--bco)) !important;
}

.d-bc-chart-categorical-07, .h\:d-bc-chart-categorical-07:hover, .f\:d-bc-chart-categorical-07:focus, .f\:d-bc-chart-categorical-07:focus-within, .fv\:d-bc-chart-categorical-07:focus-visible {
  --bco: var(--dt-color-chart-categorical-07-a);
  border-color: hsl(var(--dt-color-chart-categorical-07-h) var(--dt-color-chart-categorical-07-s) var(--dt-color-chart-categorical-07-l) / var(--bco)) !important;
}

.d-bc-chart-categorical-07-hover, .h\:d-bc-chart-categorical-07-hover:hover, .f\:d-bc-chart-categorical-07-hover:focus, .f\:d-bc-chart-categorical-07-hover:focus-within, .fv\:d-bc-chart-categorical-07-hover:focus-visible {
  --bco: var(--dt-color-chart-categorical-07-hover-a);
  border-color: hsl(var(--dt-color-chart-categorical-07-hover-h) var(--dt-color-chart-categorical-07-hover-s) var(--dt-color-chart-categorical-07-hover-l) / var(--bco)) !important;
}

.d-bc-chart-categorical-07-selected, .h\:d-bc-chart-categorical-07-selected:hover, .f\:d-bc-chart-categorical-07-selected:focus, .f\:d-bc-chart-categorical-07-selected:focus-within, .fv\:d-bc-chart-categorical-07-selected:focus-visible {
  --bco: var(--dt-color-chart-categorical-07-selected-a);
  border-color: hsl(var(--dt-color-chart-categorical-07-selected-h) var(--dt-color-chart-categorical-07-selected-s) var(--dt-color-chart-categorical-07-selected-l) / var(--bco)) !important;
}

.d-bc-chart-categorical-08, .h\:d-bc-chart-categorical-08:hover, .f\:d-bc-chart-categorical-08:focus, .f\:d-bc-chart-categorical-08:focus-within, .fv\:d-bc-chart-categorical-08:focus-visible {
  --bco: var(--dt-color-chart-categorical-08-a);
  border-color: hsl(var(--dt-color-chart-categorical-08-h) var(--dt-color-chart-categorical-08-s) var(--dt-color-chart-categorical-08-l) / var(--bco)) !important;
}

.d-bc-chart-categorical-08-hover, .h\:d-bc-chart-categorical-08-hover:hover, .f\:d-bc-chart-categorical-08-hover:focus, .f\:d-bc-chart-categorical-08-hover:focus-within, .fv\:d-bc-chart-categorical-08-hover:focus-visible {
  --bco: var(--dt-color-chart-categorical-08-hover-a);
  border-color: hsl(var(--dt-color-chart-categorical-08-hover-h) var(--dt-color-chart-categorical-08-hover-s) var(--dt-color-chart-categorical-08-hover-l) / var(--bco)) !important;
}

.d-bc-chart-categorical-08-selected, .h\:d-bc-chart-categorical-08-selected:hover, .f\:d-bc-chart-categorical-08-selected:focus, .f\:d-bc-chart-categorical-08-selected:focus-within, .fv\:d-bc-chart-categorical-08-selected:focus-visible {
  --bco: var(--dt-color-chart-categorical-08-selected-a);
  border-color: hsl(var(--dt-color-chart-categorical-08-selected-h) var(--dt-color-chart-categorical-08-selected-s) var(--dt-color-chart-categorical-08-selected-l) / var(--bco)) !important;
}

.d-bc-chart-categorical-09, .h\:d-bc-chart-categorical-09:hover, .f\:d-bc-chart-categorical-09:focus, .f\:d-bc-chart-categorical-09:focus-within, .fv\:d-bc-chart-categorical-09:focus-visible {
  --bco: var(--dt-color-chart-categorical-09-a);
  border-color: hsl(var(--dt-color-chart-categorical-09-h) var(--dt-color-chart-categorical-09-s) var(--dt-color-chart-categorical-09-l) / var(--bco)) !important;
}

.d-bc-chart-categorical-09-hover, .h\:d-bc-chart-categorical-09-hover:hover, .f\:d-bc-chart-categorical-09-hover:focus, .f\:d-bc-chart-categorical-09-hover:focus-within, .fv\:d-bc-chart-categorical-09-hover:focus-visible {
  --bco: var(--dt-color-chart-categorical-09-hover-a);
  border-color: hsl(var(--dt-color-chart-categorical-09-hover-h) var(--dt-color-chart-categorical-09-hover-s) var(--dt-color-chart-categorical-09-hover-l) / var(--bco)) !important;
}

.d-bc-chart-categorical-09-selected, .h\:d-bc-chart-categorical-09-selected:hover, .f\:d-bc-chart-categorical-09-selected:focus, .f\:d-bc-chart-categorical-09-selected:focus-within, .fv\:d-bc-chart-categorical-09-selected:focus-visible {
  --bco: var(--dt-color-chart-categorical-09-selected-a);
  border-color: hsl(var(--dt-color-chart-categorical-09-selected-h) var(--dt-color-chart-categorical-09-selected-s) var(--dt-color-chart-categorical-09-selected-l) / var(--bco)) !important;
}

.d-bc-chart-categorical-10-hover, .h\:d-bc-chart-categorical-10-hover:hover, .f\:d-bc-chart-categorical-10-hover:focus, .f\:d-bc-chart-categorical-10-hover:focus-within, .fv\:d-bc-chart-categorical-10-hover:focus-visible {
  --bco: var(--dt-color-chart-categorical-10-hover-a);
  border-color: hsl(var(--dt-color-chart-categorical-10-hover-h) var(--dt-color-chart-categorical-10-hover-s) var(--dt-color-chart-categorical-10-hover-l) / var(--bco)) !important;
}

.d-bc-chart-categorical-10-selected, .h\:d-bc-chart-categorical-10-selected:hover, .f\:d-bc-chart-categorical-10-selected:focus, .f\:d-bc-chart-categorical-10-selected:focus-within, .fv\:d-bc-chart-categorical-10-selected:focus-visible {
  --bco: var(--dt-color-chart-categorical-10-selected-a);
  border-color: hsl(var(--dt-color-chart-categorical-10-selected-h) var(--dt-color-chart-categorical-10-selected-s) var(--dt-color-chart-categorical-10-selected-l) / var(--bco)) !important;
}

.d-bc-chart-categorical-11-hover, .h\:d-bc-chart-categorical-11-hover:hover, .f\:d-bc-chart-categorical-11-hover:focus, .f\:d-bc-chart-categorical-11-hover:focus-within, .fv\:d-bc-chart-categorical-11-hover:focus-visible {
  --bco: var(--dt-color-chart-categorical-11-hover-a);
  border-color: hsl(var(--dt-color-chart-categorical-11-hover-h) var(--dt-color-chart-categorical-11-hover-s) var(--dt-color-chart-categorical-11-hover-l) / var(--bco)) !important;
}

.d-bc-chart-categorical-11-selected, .h\:d-bc-chart-categorical-11-selected:hover, .f\:d-bc-chart-categorical-11-selected:focus, .f\:d-bc-chart-categorical-11-selected:focus-within, .fv\:d-bc-chart-categorical-11-selected:focus-visible {
  --bco: var(--dt-color-chart-categorical-11-selected-a);
  border-color: hsl(var(--dt-color-chart-categorical-11-selected-h) var(--dt-color-chart-categorical-11-selected-s) var(--dt-color-chart-categorical-11-selected-l) / var(--bco)) !important;
}

.d-bc-chart-categorical-12-hover, .h\:d-bc-chart-categorical-12-hover:hover, .f\:d-bc-chart-categorical-12-hover:focus, .f\:d-bc-chart-categorical-12-hover:focus-within, .fv\:d-bc-chart-categorical-12-hover:focus-visible {
  --bco: var(--dt-color-chart-categorical-12-hover-a);
  border-color: hsl(var(--dt-color-chart-categorical-12-hover-h) var(--dt-color-chart-categorical-12-hover-s) var(--dt-color-chart-categorical-12-hover-l) / var(--bco)) !important;
}

.d-bc-chart-categorical-12-selected, .h\:d-bc-chart-categorical-12-selected:hover, .f\:d-bc-chart-categorical-12-selected:focus, .f\:d-bc-chart-categorical-12-selected:focus-within, .fv\:d-bc-chart-categorical-12-selected:focus-visible {
  --bco: var(--dt-color-chart-categorical-12-selected-a);
  border-color: hsl(var(--dt-color-chart-categorical-12-selected-h) var(--dt-color-chart-categorical-12-selected-s) var(--dt-color-chart-categorical-12-selected-l) / var(--bco)) !important;
}

.d-bc-chart-categorical-13-hover, .h\:d-bc-chart-categorical-13-hover:hover, .f\:d-bc-chart-categorical-13-hover:focus, .f\:d-bc-chart-categorical-13-hover:focus-within, .fv\:d-bc-chart-categorical-13-hover:focus-visible {
  --bco: var(--dt-color-chart-categorical-13-hover-a);
  border-color: hsl(var(--dt-color-chart-categorical-13-hover-h) var(--dt-color-chart-categorical-13-hover-s) var(--dt-color-chart-categorical-13-hover-l) / var(--bco)) !important;
}

.d-bc-chart-categorical-13-selected, .h\:d-bc-chart-categorical-13-selected:hover, .f\:d-bc-chart-categorical-13-selected:focus, .f\:d-bc-chart-categorical-13-selected:focus-within, .fv\:d-bc-chart-categorical-13-selected:focus-visible {
  --bco: var(--dt-color-chart-categorical-13-selected-a);
  border-color: hsl(var(--dt-color-chart-categorical-13-selected-h) var(--dt-color-chart-categorical-13-selected-s) var(--dt-color-chart-categorical-13-selected-l) / var(--bco)) !important;
}

.d-bc-chart-categorical-14-hover, .h\:d-bc-chart-categorical-14-hover:hover, .f\:d-bc-chart-categorical-14-hover:focus, .f\:d-bc-chart-categorical-14-hover:focus-within, .fv\:d-bc-chart-categorical-14-hover:focus-visible {
  --bco: var(--dt-color-chart-categorical-14-hover-a);
  border-color: hsl(var(--dt-color-chart-categorical-14-hover-h) var(--dt-color-chart-categorical-14-hover-s) var(--dt-color-chart-categorical-14-hover-l) / var(--bco)) !important;
}

.d-bc-chart-categorical-14-selected, .h\:d-bc-chart-categorical-14-selected:hover, .f\:d-bc-chart-categorical-14-selected:focus, .f\:d-bc-chart-categorical-14-selected:focus-within, .fv\:d-bc-chart-categorical-14-selected:focus-visible {
  --bco: var(--dt-color-chart-categorical-14-selected-a);
  border-color: hsl(var(--dt-color-chart-categorical-14-selected-h) var(--dt-color-chart-categorical-14-selected-s) var(--dt-color-chart-categorical-14-selected-l) / var(--bco)) !important;
}

.d-bc-chart-categorical-15-hover, .h\:d-bc-chart-categorical-15-hover:hover, .f\:d-bc-chart-categorical-15-hover:focus, .f\:d-bc-chart-categorical-15-hover:focus-within, .fv\:d-bc-chart-categorical-15-hover:focus-visible {
  --bco: var(--dt-color-chart-categorical-15-hover-a);
  border-color: hsl(var(--dt-color-chart-categorical-15-hover-h) var(--dt-color-chart-categorical-15-hover-s) var(--dt-color-chart-categorical-15-hover-l) / var(--bco)) !important;
}

.d-bc-chart-categorical-15-selected, .h\:d-bc-chart-categorical-15-selected:hover, .f\:d-bc-chart-categorical-15-selected:focus, .f\:d-bc-chart-categorical-15-selected:focus-within, .fv\:d-bc-chart-categorical-15-selected:focus-visible {
  --bco: var(--dt-color-chart-categorical-15-selected-a);
  border-color: hsl(var(--dt-color-chart-categorical-15-selected-h) var(--dt-color-chart-categorical-15-selected-s) var(--dt-color-chart-categorical-15-selected-l) / var(--bco)) !important;
}

.d-bc-chart-categorical-16-hover, .h\:d-bc-chart-categorical-16-hover:hover, .f\:d-bc-chart-categorical-16-hover:focus, .f\:d-bc-chart-categorical-16-hover:focus-within, .fv\:d-bc-chart-categorical-16-hover:focus-visible {
  --bco: var(--dt-color-chart-categorical-16-hover-a);
  border-color: hsl(var(--dt-color-chart-categorical-16-hover-h) var(--dt-color-chart-categorical-16-hover-s) var(--dt-color-chart-categorical-16-hover-l) / var(--bco)) !important;
}

.d-bc-chart-categorical-16-selected, .h\:d-bc-chart-categorical-16-selected:hover, .f\:d-bc-chart-categorical-16-selected:focus, .f\:d-bc-chart-categorical-16-selected:focus-within, .fv\:d-bc-chart-categorical-16-selected:focus-visible {
  --bco: var(--dt-color-chart-categorical-16-selected-a);
  border-color: hsl(var(--dt-color-chart-categorical-16-selected-h) var(--dt-color-chart-categorical-16-selected-s) var(--dt-color-chart-categorical-16-selected-l) / var(--bco)) !important;
}

.d-bc-chart-categorical-17-hover, .h\:d-bc-chart-categorical-17-hover:hover, .f\:d-bc-chart-categorical-17-hover:focus, .f\:d-bc-chart-categorical-17-hover:focus-within, .fv\:d-bc-chart-categorical-17-hover:focus-visible {
  --bco: var(--dt-color-chart-categorical-17-hover-a);
  border-color: hsl(var(--dt-color-chart-categorical-17-hover-h) var(--dt-color-chart-categorical-17-hover-s) var(--dt-color-chart-categorical-17-hover-l) / var(--bco)) !important;
}

.d-bc-chart-categorical-17-selected, .h\:d-bc-chart-categorical-17-selected:hover, .f\:d-bc-chart-categorical-17-selected:focus, .f\:d-bc-chart-categorical-17-selected:focus-within, .fv\:d-bc-chart-categorical-17-selected:focus-visible {
  --bco: var(--dt-color-chart-categorical-17-selected-a);
  border-color: hsl(var(--dt-color-chart-categorical-17-selected-h) var(--dt-color-chart-categorical-17-selected-s) var(--dt-color-chart-categorical-17-selected-l) / var(--bco)) !important;
}

.d-bc-chart-categorical-18-hover, .h\:d-bc-chart-categorical-18-hover:hover, .f\:d-bc-chart-categorical-18-hover:focus, .f\:d-bc-chart-categorical-18-hover:focus-within, .fv\:d-bc-chart-categorical-18-hover:focus-visible {
  --bco: var(--dt-color-chart-categorical-18-hover-a);
  border-color: hsl(var(--dt-color-chart-categorical-18-hover-h) var(--dt-color-chart-categorical-18-hover-s) var(--dt-color-chart-categorical-18-hover-l) / var(--bco)) !important;
}

.d-bc-chart-categorical-18-selected, .h\:d-bc-chart-categorical-18-selected:hover, .f\:d-bc-chart-categorical-18-selected:focus, .f\:d-bc-chart-categorical-18-selected:focus-within, .fv\:d-bc-chart-categorical-18-selected:focus-visible {
  --bco: var(--dt-color-chart-categorical-18-selected-a);
  border-color: hsl(var(--dt-color-chart-categorical-18-selected-h) var(--dt-color-chart-categorical-18-selected-s) var(--dt-color-chart-categorical-18-selected-l) / var(--bco)) !important;
}

.d-bc-chart-categorical-19-hover, .h\:d-bc-chart-categorical-19-hover:hover, .f\:d-bc-chart-categorical-19-hover:focus, .f\:d-bc-chart-categorical-19-hover:focus-within, .fv\:d-bc-chart-categorical-19-hover:focus-visible {
  --bco: var(--dt-color-chart-categorical-19-hover-a);
  border-color: hsl(var(--dt-color-chart-categorical-19-hover-h) var(--dt-color-chart-categorical-19-hover-s) var(--dt-color-chart-categorical-19-hover-l) / var(--bco)) !important;
}

.d-bc-chart-categorical-19-selected, .h\:d-bc-chart-categorical-19-selected:hover, .f\:d-bc-chart-categorical-19-selected:focus, .f\:d-bc-chart-categorical-19-selected:focus-within, .fv\:d-bc-chart-categorical-19-selected:focus-visible {
  --bco: var(--dt-color-chart-categorical-19-selected-a);
  border-color: hsl(var(--dt-color-chart-categorical-19-selected-h) var(--dt-color-chart-categorical-19-selected-s) var(--dt-color-chart-categorical-19-selected-l) / var(--bco)) !important;
}

.d-bc-chart-categorical-20-hover, .h\:d-bc-chart-categorical-20-hover:hover, .f\:d-bc-chart-categorical-20-hover:focus, .f\:d-bc-chart-categorical-20-hover:focus-within, .fv\:d-bc-chart-categorical-20-hover:focus-visible {
  --bco: var(--dt-color-chart-categorical-20-hover-a);
  border-color: hsl(var(--dt-color-chart-categorical-20-hover-h) var(--dt-color-chart-categorical-20-hover-s) var(--dt-color-chart-categorical-20-hover-l) / var(--bco)) !important;
}

.d-bc-chart-categorical-20-selected, .h\:d-bc-chart-categorical-20-selected:hover, .f\:d-bc-chart-categorical-20-selected:focus, .f\:d-bc-chart-categorical-20-selected:focus-within, .fv\:d-bc-chart-categorical-20-selected:focus-visible {
  --bco: var(--dt-color-chart-categorical-20-selected-a);
  border-color: hsl(var(--dt-color-chart-categorical-20-selected-h) var(--dt-color-chart-categorical-20-selected-s) var(--dt-color-chart-categorical-20-selected-l) / var(--bco)) !important;
}

.d-bc-chart-categorical-21-hover, .h\:d-bc-chart-categorical-21-hover:hover, .f\:d-bc-chart-categorical-21-hover:focus, .f\:d-bc-chart-categorical-21-hover:focus-within, .fv\:d-bc-chart-categorical-21-hover:focus-visible {
  --bco: var(--dt-color-chart-categorical-21-hover-a);
  border-color: hsl(var(--dt-color-chart-categorical-21-hover-h) var(--dt-color-chart-categorical-21-hover-s) var(--dt-color-chart-categorical-21-hover-l) / var(--bco)) !important;
}

.d-bc-chart-categorical-21-selected, .h\:d-bc-chart-categorical-21-selected:hover, .f\:d-bc-chart-categorical-21-selected:focus, .f\:d-bc-chart-categorical-21-selected:focus-within, .fv\:d-bc-chart-categorical-21-selected:focus-visible {
  --bco: var(--dt-color-chart-categorical-21-selected-a);
  border-color: hsl(var(--dt-color-chart-categorical-21-selected-h) var(--dt-color-chart-categorical-21-selected-s) var(--dt-color-chart-categorical-21-selected-l) / var(--bco)) !important;
}

.d-bc-chart-categorical-22-hover, .h\:d-bc-chart-categorical-22-hover:hover, .f\:d-bc-chart-categorical-22-hover:focus, .f\:d-bc-chart-categorical-22-hover:focus-within, .fv\:d-bc-chart-categorical-22-hover:focus-visible {
  --bco: var(--dt-color-chart-categorical-22-hover-a);
  border-color: hsl(var(--dt-color-chart-categorical-22-hover-h) var(--dt-color-chart-categorical-22-hover-s) var(--dt-color-chart-categorical-22-hover-l) / var(--bco)) !important;
}

.d-bc-chart-categorical-22-selected, .h\:d-bc-chart-categorical-22-selected:hover, .f\:d-bc-chart-categorical-22-selected:focus, .f\:d-bc-chart-categorical-22-selected:focus-within, .fv\:d-bc-chart-categorical-22-selected:focus-visible {
  --bco: var(--dt-color-chart-categorical-22-selected-a);
  border-color: hsl(var(--dt-color-chart-categorical-22-selected-h) var(--dt-color-chart-categorical-22-selected-s) var(--dt-color-chart-categorical-22-selected-l) / var(--bco)) !important;
}

.d-bc-chart-categorical-23-hover, .h\:d-bc-chart-categorical-23-hover:hover, .f\:d-bc-chart-categorical-23-hover:focus, .f\:d-bc-chart-categorical-23-hover:focus-within, .fv\:d-bc-chart-categorical-23-hover:focus-visible {
  --bco: var(--dt-color-chart-categorical-23-hover-a);
  border-color: hsl(var(--dt-color-chart-categorical-23-hover-h) var(--dt-color-chart-categorical-23-hover-s) var(--dt-color-chart-categorical-23-hover-l) / var(--bco)) !important;
}

.d-bc-chart-categorical-23-selected, .h\:d-bc-chart-categorical-23-selected:hover, .f\:d-bc-chart-categorical-23-selected:focus, .f\:d-bc-chart-categorical-23-selected:focus-within, .fv\:d-bc-chart-categorical-23-selected:focus-visible {
  --bco: var(--dt-color-chart-categorical-23-selected-a);
  border-color: hsl(var(--dt-color-chart-categorical-23-selected-h) var(--dt-color-chart-categorical-23-selected-s) var(--dt-color-chart-categorical-23-selected-l) / var(--bco)) !important;
}

.d-bc-chart-categorical-24-hover, .h\:d-bc-chart-categorical-24-hover:hover, .f\:d-bc-chart-categorical-24-hover:focus, .f\:d-bc-chart-categorical-24-hover:focus-within, .fv\:d-bc-chart-categorical-24-hover:focus-visible {
  --bco: var(--dt-color-chart-categorical-24-hover-a);
  border-color: hsl(var(--dt-color-chart-categorical-24-hover-h) var(--dt-color-chart-categorical-24-hover-s) var(--dt-color-chart-categorical-24-hover-l) / var(--bco)) !important;
}

.d-bc-chart-categorical-24-selected, .h\:d-bc-chart-categorical-24-selected:hover, .f\:d-bc-chart-categorical-24-selected:focus, .f\:d-bc-chart-categorical-24-selected:focus-within, .fv\:d-bc-chart-categorical-24-selected:focus-visible {
  --bco: var(--dt-color-chart-categorical-24-selected-a);
  border-color: hsl(var(--dt-color-chart-categorical-24-selected-h) var(--dt-color-chart-categorical-24-selected-s) var(--dt-color-chart-categorical-24-selected-l) / var(--bco)) !important;
}

.d-bc-chart-categorical-25-hover, .h\:d-bc-chart-categorical-25-hover:hover, .f\:d-bc-chart-categorical-25-hover:focus, .f\:d-bc-chart-categorical-25-hover:focus-within, .fv\:d-bc-chart-categorical-25-hover:focus-visible {
  --bco: var(--dt-color-chart-categorical-25-hover-a);
  border-color: hsl(var(--dt-color-chart-categorical-25-hover-h) var(--dt-color-chart-categorical-25-hover-s) var(--dt-color-chart-categorical-25-hover-l) / var(--bco)) !important;
}

.d-bc-chart-categorical-25-selected, .h\:d-bc-chart-categorical-25-selected:hover, .f\:d-bc-chart-categorical-25-selected:focus, .f\:d-bc-chart-categorical-25-selected:focus-within, .fv\:d-bc-chart-categorical-25-selected:focus-visible {
  --bco: var(--dt-color-chart-categorical-25-selected-a);
  border-color: hsl(var(--dt-color-chart-categorical-25-selected-h) var(--dt-color-chart-categorical-25-selected-s) var(--dt-color-chart-categorical-25-selected-l) / var(--bco)) !important;
}

.d-bc-chart-categorical-26-hover, .h\:d-bc-chart-categorical-26-hover:hover, .f\:d-bc-chart-categorical-26-hover:focus, .f\:d-bc-chart-categorical-26-hover:focus-within, .fv\:d-bc-chart-categorical-26-hover:focus-visible {
  --bco: var(--dt-color-chart-categorical-26-hover-a);
  border-color: hsl(var(--dt-color-chart-categorical-26-hover-h) var(--dt-color-chart-categorical-26-hover-s) var(--dt-color-chart-categorical-26-hover-l) / var(--bco)) !important;
}

.d-bc-chart-categorical-26-selected, .h\:d-bc-chart-categorical-26-selected:hover, .f\:d-bc-chart-categorical-26-selected:focus, .f\:d-bc-chart-categorical-26-selected:focus-within, .fv\:d-bc-chart-categorical-26-selected:focus-visible {
  --bco: var(--dt-color-chart-categorical-26-selected-a);
  border-color: hsl(var(--dt-color-chart-categorical-26-selected-h) var(--dt-color-chart-categorical-26-selected-s) var(--dt-color-chart-categorical-26-selected-l) / var(--bco)) !important;
}

.d-bc-chart-categorical-27-hover, .h\:d-bc-chart-categorical-27-hover:hover, .f\:d-bc-chart-categorical-27-hover:focus, .f\:d-bc-chart-categorical-27-hover:focus-within, .fv\:d-bc-chart-categorical-27-hover:focus-visible {
  --bco: var(--dt-color-chart-categorical-27-hover-a);
  border-color: hsl(var(--dt-color-chart-categorical-27-hover-h) var(--dt-color-chart-categorical-27-hover-s) var(--dt-color-chart-categorical-27-hover-l) / var(--bco)) !important;
}

.d-bc-chart-categorical-27-selected, .h\:d-bc-chart-categorical-27-selected:hover, .f\:d-bc-chart-categorical-27-selected:focus, .f\:d-bc-chart-categorical-27-selected:focus-within, .fv\:d-bc-chart-categorical-27-selected:focus-visible {
  --bco: var(--dt-color-chart-categorical-27-selected-a);
  border-color: hsl(var(--dt-color-chart-categorical-27-selected-h) var(--dt-color-chart-categorical-27-selected-s) var(--dt-color-chart-categorical-27-selected-l) / var(--bco)) !important;
}

.d-bc-chart-categorical-28-hover, .h\:d-bc-chart-categorical-28-hover:hover, .f\:d-bc-chart-categorical-28-hover:focus, .f\:d-bc-chart-categorical-28-hover:focus-within, .fv\:d-bc-chart-categorical-28-hover:focus-visible {
  --bco: var(--dt-color-chart-categorical-28-hover-a);
  border-color: hsl(var(--dt-color-chart-categorical-28-hover-h) var(--dt-color-chart-categorical-28-hover-s) var(--dt-color-chart-categorical-28-hover-l) / var(--bco)) !important;
}

.d-bc-chart-categorical-28-selected, .h\:d-bc-chart-categorical-28-selected:hover, .f\:d-bc-chart-categorical-28-selected:focus, .f\:d-bc-chart-categorical-28-selected:focus-within, .fv\:d-bc-chart-categorical-28-selected:focus-visible {
  --bco: var(--dt-color-chart-categorical-28-selected-a);
  border-color: hsl(var(--dt-color-chart-categorical-28-selected-h) var(--dt-color-chart-categorical-28-selected-s) var(--dt-color-chart-categorical-28-selected-l) / var(--bco)) !important;
}

.d-bc-chart-categorical-29-hover, .h\:d-bc-chart-categorical-29-hover:hover, .f\:d-bc-chart-categorical-29-hover:focus, .f\:d-bc-chart-categorical-29-hover:focus-within, .fv\:d-bc-chart-categorical-29-hover:focus-visible {
  --bco: var(--dt-color-chart-categorical-29-hover-a);
  border-color: hsl(var(--dt-color-chart-categorical-29-hover-h) var(--dt-color-chart-categorical-29-hover-s) var(--dt-color-chart-categorical-29-hover-l) / var(--bco)) !important;
}

.d-bc-chart-categorical-29-selected, .h\:d-bc-chart-categorical-29-selected:hover, .f\:d-bc-chart-categorical-29-selected:focus, .f\:d-bc-chart-categorical-29-selected:focus-within, .fv\:d-bc-chart-categorical-29-selected:focus-visible {
  --bco: var(--dt-color-chart-categorical-29-selected-a);
  border-color: hsl(var(--dt-color-chart-categorical-29-selected-h) var(--dt-color-chart-categorical-29-selected-s) var(--dt-color-chart-categorical-29-selected-l) / var(--bco)) !important;
}

.d-bc-chart-categorical-30-hover, .h\:d-bc-chart-categorical-30-hover:hover, .f\:d-bc-chart-categorical-30-hover:focus, .f\:d-bc-chart-categorical-30-hover:focus-within, .fv\:d-bc-chart-categorical-30-hover:focus-visible {
  --bco: var(--dt-color-chart-categorical-30-hover-a);
  border-color: hsl(var(--dt-color-chart-categorical-30-hover-h) var(--dt-color-chart-categorical-30-hover-s) var(--dt-color-chart-categorical-30-hover-l) / var(--bco)) !important;
}

.d-bc-chart-categorical-30-selected, .h\:d-bc-chart-categorical-30-selected:hover, .f\:d-bc-chart-categorical-30-selected:focus, .f\:d-bc-chart-categorical-30-selected:focus-within, .fv\:d-bc-chart-categorical-30-selected:focus-visible {
  --bco: var(--dt-color-chart-categorical-30-selected-a);
  border-color: hsl(var(--dt-color-chart-categorical-30-selected-h) var(--dt-color-chart-categorical-30-selected-s) var(--dt-color-chart-categorical-30-selected-l) / var(--bco)) !important;
}

.d-bc-chart-neutral, .h\:d-bc-chart-neutral:hover, .f\:d-bc-chart-neutral:focus, .f\:d-bc-chart-neutral:focus-within, .fv\:d-bc-chart-neutral:focus-visible {
  --bco: var(--dt-color-chart-neutral-a);
  border-color: hsl(var(--dt-color-chart-neutral-h) var(--dt-color-chart-neutral-s) var(--dt-color-chart-neutral-l) / var(--bco)) !important;
}

.d-bc-chart-neutral-hover, .h\:d-bc-chart-neutral-hover:hover, .f\:d-bc-chart-neutral-hover:focus, .f\:d-bc-chart-neutral-hover:focus-within, .fv\:d-bc-chart-neutral-hover:focus-visible {
  --bco: var(--dt-color-chart-neutral-hover-a);
  border-color: hsl(var(--dt-color-chart-neutral-hover-h) var(--dt-color-chart-neutral-hover-s) var(--dt-color-chart-neutral-hover-l) / var(--bco)) !important;
}

.d-bc-chart-neutral-selected, .h\:d-bc-chart-neutral-selected:hover, .f\:d-bc-chart-neutral-selected:focus, .f\:d-bc-chart-neutral-selected:focus-within, .fv\:d-bc-chart-neutral-selected:focus-visible {
  --bco: var(--dt-color-chart-neutral-selected-a);
  border-color: hsl(var(--dt-color-chart-neutral-selected-h) var(--dt-color-chart-neutral-selected-s) var(--dt-color-chart-neutral-selected-l) / var(--bco)) !important;
}

.d-bc-chart-accent, .h\:d-bc-chart-accent:hover, .f\:d-bc-chart-accent:focus, .f\:d-bc-chart-accent:focus-within, .fv\:d-bc-chart-accent:focus-visible {
  --bco: var(--dt-color-chart-accent-a);
  border-color: hsl(var(--dt-color-chart-accent-h) var(--dt-color-chart-accent-s) var(--dt-color-chart-accent-l) / var(--bco)) !important;
}

.d-bc-chart-accent-hover, .h\:d-bc-chart-accent-hover:hover, .f\:d-bc-chart-accent-hover:focus, .f\:d-bc-chart-accent-hover:focus-within, .fv\:d-bc-chart-accent-hover:focus-visible {
  --bco: var(--dt-color-chart-accent-hover-a);
  border-color: hsl(var(--dt-color-chart-accent-hover-h) var(--dt-color-chart-accent-hover-s) var(--dt-color-chart-accent-hover-l) / var(--bco)) !important;
}

.d-bc-chart-accent-selected, .h\:d-bc-chart-accent-selected:hover, .f\:d-bc-chart-accent-selected:focus, .f\:d-bc-chart-accent-selected:focus-within, .fv\:d-bc-chart-accent-selected:focus-visible {
  --bco: var(--dt-color-chart-accent-selected-a);
  border-color: hsl(var(--dt-color-chart-accent-selected-h) var(--dt-color-chart-accent-selected-s) var(--dt-color-chart-accent-selected-l) / var(--bco)) !important;
}

.d-bc-chart-positive, .h\:d-bc-chart-positive:hover, .f\:d-bc-chart-positive:focus, .f\:d-bc-chart-positive:focus-within, .fv\:d-bc-chart-positive:focus-visible {
  --bco: var(--dt-color-chart-positive-a);
  border-color: hsl(var(--dt-color-chart-positive-h) var(--dt-color-chart-positive-s) var(--dt-color-chart-positive-l) / var(--bco)) !important;
}

.d-bc-chart-positive-hover, .h\:d-bc-chart-positive-hover:hover, .f\:d-bc-chart-positive-hover:focus, .f\:d-bc-chart-positive-hover:focus-within, .fv\:d-bc-chart-positive-hover:focus-visible {
  --bco: var(--dt-color-chart-positive-hover-a);
  border-color: hsl(var(--dt-color-chart-positive-hover-h) var(--dt-color-chart-positive-hover-s) var(--dt-color-chart-positive-hover-l) / var(--bco)) !important;
}

.d-bc-chart-positive-selected, .h\:d-bc-chart-positive-selected:hover, .f\:d-bc-chart-positive-selected:focus, .f\:d-bc-chart-positive-selected:focus-within, .fv\:d-bc-chart-positive-selected:focus-visible {
  --bco: var(--dt-color-chart-positive-selected-a);
  border-color: hsl(var(--dt-color-chart-positive-selected-h) var(--dt-color-chart-positive-selected-s) var(--dt-color-chart-positive-selected-l) / var(--bco)) !important;
}

.d-bc-chart-critical, .h\:d-bc-chart-critical:hover, .f\:d-bc-chart-critical:focus, .f\:d-bc-chart-critical:focus-within, .fv\:d-bc-chart-critical:focus-visible {
  --bco: var(--dt-color-chart-critical-a);
  border-color: hsl(var(--dt-color-chart-critical-h) var(--dt-color-chart-critical-s) var(--dt-color-chart-critical-l) / var(--bco)) !important;
}

.d-bc-chart-critical-hover, .h\:d-bc-chart-critical-hover:hover, .f\:d-bc-chart-critical-hover:focus, .f\:d-bc-chart-critical-hover:focus-within, .fv\:d-bc-chart-critical-hover:focus-visible {
  --bco: var(--dt-color-chart-critical-hover-a);
  border-color: hsl(var(--dt-color-chart-critical-hover-h) var(--dt-color-chart-critical-hover-s) var(--dt-color-chart-critical-hover-l) / var(--bco)) !important;
}

.d-bc-chart-critical-selected, .h\:d-bc-chart-critical-selected:hover, .f\:d-bc-chart-critical-selected:focus, .f\:d-bc-chart-critical-selected:focus-within, .fv\:d-bc-chart-critical-selected:focus-visible {
  --bco: var(--dt-color-chart-critical-selected-a);
  border-color: hsl(var(--dt-color-chart-critical-selected-h) var(--dt-color-chart-critical-selected-s) var(--dt-color-chart-critical-selected-l) / var(--bco)) !important;
}

.d-bc-chart-warning-hover, .h\:d-bc-chart-warning-hover:hover, .f\:d-bc-chart-warning-hover:focus, .f\:d-bc-chart-warning-hover:focus-within, .fv\:d-bc-chart-warning-hover:focus-visible {
  --bco: var(--dt-color-chart-warning-hover-a);
  border-color: hsl(var(--dt-color-chart-warning-hover-h) var(--dt-color-chart-warning-hover-s) var(--dt-color-chart-warning-hover-l) / var(--bco)) !important;
}

.d-bc-chart-warning, .h\:d-bc-chart-warning:hover, .f\:d-bc-chart-warning:focus, .f\:d-bc-chart-warning:focus-within, .fv\:d-bc-chart-warning:focus-visible {
  --bco: var(--dt-color-chart-warning-a);
  border-color: hsl(var(--dt-color-chart-warning-h) var(--dt-color-chart-warning-s) var(--dt-color-chart-warning-l) / var(--bco)) !important;
}

.d-bc-chart-warning-selected, .h\:d-bc-chart-warning-selected:hover, .f\:d-bc-chart-warning-selected:focus, .f\:d-bc-chart-warning-selected:focus-within, .fv\:d-bc-chart-warning-selected:focus-visible {
  --bco: var(--dt-color-chart-warning-selected-a);
  border-color: hsl(var(--dt-color-chart-warning-selected-h) var(--dt-color-chart-warning-selected-s) var(--dt-color-chart-warning-selected-l) / var(--bco)) !important;
}

.d-bc-chart-info, .h\:d-bc-chart-info:hover, .f\:d-bc-chart-info:focus, .f\:d-bc-chart-info:focus-within, .fv\:d-bc-chart-info:focus-visible {
  --bco: var(--dt-color-chart-info-a);
  border-color: hsl(var(--dt-color-chart-info-h) var(--dt-color-chart-info-s) var(--dt-color-chart-info-l) / var(--bco)) !important;
}

.d-bc-chart-info-hover, .h\:d-bc-chart-info-hover:hover, .f\:d-bc-chart-info-hover:focus, .f\:d-bc-chart-info-hover:focus-within, .fv\:d-bc-chart-info-hover:focus-visible {
  --bco: var(--dt-color-chart-info-hover-a);
  border-color: hsl(var(--dt-color-chart-info-hover-h) var(--dt-color-chart-info-hover-s) var(--dt-color-chart-info-hover-l) / var(--bco)) !important;
}

.d-bc-chart-info-selected, .h\:d-bc-chart-info-selected:hover, .f\:d-bc-chart-info-selected:focus, .f\:d-bc-chart-info-selected:focus-within, .fv\:d-bc-chart-info-selected:focus-visible {
  --bco: var(--dt-color-chart-info-selected-a);
  border-color: hsl(var(--dt-color-chart-info-selected-h) var(--dt-color-chart-info-selected-s) var(--dt-color-chart-info-selected-l) / var(--bco)) !important;
}

.d-bc-chart-sequential-10, .h\:d-bc-chart-sequential-10:hover, .f\:d-bc-chart-sequential-10:focus, .f\:d-bc-chart-sequential-10:focus-within, .fv\:d-bc-chart-sequential-10:focus-visible {
  --bco: var(--dt-color-chart-sequential-10-a);
  border-color: hsl(var(--dt-color-chart-sequential-10-h) var(--dt-color-chart-sequential-10-s) var(--dt-color-chart-sequential-10-l) / var(--bco)) !important;
}

.d-bc-chart-sequential-01, .h\:d-bc-chart-sequential-01:hover, .f\:d-bc-chart-sequential-01:focus, .f\:d-bc-chart-sequential-01:focus-within, .fv\:d-bc-chart-sequential-01:focus-visible {
  --bco: var(--dt-color-chart-sequential-01-a);
  border-color: hsl(var(--dt-color-chart-sequential-01-h) var(--dt-color-chart-sequential-01-s) var(--dt-color-chart-sequential-01-l) / var(--bco)) !important;
}

.d-bc-chart-sequential-01-hover, .h\:d-bc-chart-sequential-01-hover:hover, .f\:d-bc-chart-sequential-01-hover:focus, .f\:d-bc-chart-sequential-01-hover:focus-within, .fv\:d-bc-chart-sequential-01-hover:focus-visible {
  --bco: var(--dt-color-chart-sequential-01-hover-a);
  border-color: hsl(var(--dt-color-chart-sequential-01-hover-h) var(--dt-color-chart-sequential-01-hover-s) var(--dt-color-chart-sequential-01-hover-l) / var(--bco)) !important;
}

.d-bc-chart-sequential-01-selected, .h\:d-bc-chart-sequential-01-selected:hover, .f\:d-bc-chart-sequential-01-selected:focus, .f\:d-bc-chart-sequential-01-selected:focus-within, .fv\:d-bc-chart-sequential-01-selected:focus-visible {
  --bco: var(--dt-color-chart-sequential-01-selected-a);
  border-color: hsl(var(--dt-color-chart-sequential-01-selected-h) var(--dt-color-chart-sequential-01-selected-s) var(--dt-color-chart-sequential-01-selected-l) / var(--bco)) !important;
}

.d-bc-chart-sequential-02, .h\:d-bc-chart-sequential-02:hover, .f\:d-bc-chart-sequential-02:focus, .f\:d-bc-chart-sequential-02:focus-within, .fv\:d-bc-chart-sequential-02:focus-visible {
  --bco: var(--dt-color-chart-sequential-02-a);
  border-color: hsl(var(--dt-color-chart-sequential-02-h) var(--dt-color-chart-sequential-02-s) var(--dt-color-chart-sequential-02-l) / var(--bco)) !important;
}

.d-bc-chart-sequential-02-hover, .h\:d-bc-chart-sequential-02-hover:hover, .f\:d-bc-chart-sequential-02-hover:focus, .f\:d-bc-chart-sequential-02-hover:focus-within, .fv\:d-bc-chart-sequential-02-hover:focus-visible {
  --bco: var(--dt-color-chart-sequential-02-hover-a);
  border-color: hsl(var(--dt-color-chart-sequential-02-hover-h) var(--dt-color-chart-sequential-02-hover-s) var(--dt-color-chart-sequential-02-hover-l) / var(--bco)) !important;
}

.d-bc-chart-sequential-02-selected, .h\:d-bc-chart-sequential-02-selected:hover, .f\:d-bc-chart-sequential-02-selected:focus, .f\:d-bc-chart-sequential-02-selected:focus-within, .fv\:d-bc-chart-sequential-02-selected:focus-visible {
  --bco: var(--dt-color-chart-sequential-02-selected-a);
  border-color: hsl(var(--dt-color-chart-sequential-02-selected-h) var(--dt-color-chart-sequential-02-selected-s) var(--dt-color-chart-sequential-02-selected-l) / var(--bco)) !important;
}

.d-bc-chart-sequential-03, .h\:d-bc-chart-sequential-03:hover, .f\:d-bc-chart-sequential-03:focus, .f\:d-bc-chart-sequential-03:focus-within, .fv\:d-bc-chart-sequential-03:focus-visible {
  --bco: var(--dt-color-chart-sequential-03-a);
  border-color: hsl(var(--dt-color-chart-sequential-03-h) var(--dt-color-chart-sequential-03-s) var(--dt-color-chart-sequential-03-l) / var(--bco)) !important;
}

.d-bc-chart-sequential-03-hover, .h\:d-bc-chart-sequential-03-hover:hover, .f\:d-bc-chart-sequential-03-hover:focus, .f\:d-bc-chart-sequential-03-hover:focus-within, .fv\:d-bc-chart-sequential-03-hover:focus-visible {
  --bco: var(--dt-color-chart-sequential-03-hover-a);
  border-color: hsl(var(--dt-color-chart-sequential-03-hover-h) var(--dt-color-chart-sequential-03-hover-s) var(--dt-color-chart-sequential-03-hover-l) / var(--bco)) !important;
}

.d-bc-chart-sequential-03-selected, .h\:d-bc-chart-sequential-03-selected:hover, .f\:d-bc-chart-sequential-03-selected:focus, .f\:d-bc-chart-sequential-03-selected:focus-within, .fv\:d-bc-chart-sequential-03-selected:focus-visible {
  --bco: var(--dt-color-chart-sequential-03-selected-a);
  border-color: hsl(var(--dt-color-chart-sequential-03-selected-h) var(--dt-color-chart-sequential-03-selected-s) var(--dt-color-chart-sequential-03-selected-l) / var(--bco)) !important;
}

.d-bc-chart-sequential-04, .h\:d-bc-chart-sequential-04:hover, .f\:d-bc-chart-sequential-04:focus, .f\:d-bc-chart-sequential-04:focus-within, .fv\:d-bc-chart-sequential-04:focus-visible {
  --bco: var(--dt-color-chart-sequential-04-a);
  border-color: hsl(var(--dt-color-chart-sequential-04-h) var(--dt-color-chart-sequential-04-s) var(--dt-color-chart-sequential-04-l) / var(--bco)) !important;
}

.d-bc-chart-sequential-04-hover, .h\:d-bc-chart-sequential-04-hover:hover, .f\:d-bc-chart-sequential-04-hover:focus, .f\:d-bc-chart-sequential-04-hover:focus-within, .fv\:d-bc-chart-sequential-04-hover:focus-visible {
  --bco: var(--dt-color-chart-sequential-04-hover-a);
  border-color: hsl(var(--dt-color-chart-sequential-04-hover-h) var(--dt-color-chart-sequential-04-hover-s) var(--dt-color-chart-sequential-04-hover-l) / var(--bco)) !important;
}

.d-bc-chart-sequential-04-selected, .h\:d-bc-chart-sequential-04-selected:hover, .f\:d-bc-chart-sequential-04-selected:focus, .f\:d-bc-chart-sequential-04-selected:focus-within, .fv\:d-bc-chart-sequential-04-selected:focus-visible {
  --bco: var(--dt-color-chart-sequential-04-selected-a);
  border-color: hsl(var(--dt-color-chart-sequential-04-selected-h) var(--dt-color-chart-sequential-04-selected-s) var(--dt-color-chart-sequential-04-selected-l) / var(--bco)) !important;
}

.d-bc-chart-sequential-05, .h\:d-bc-chart-sequential-05:hover, .f\:d-bc-chart-sequential-05:focus, .f\:d-bc-chart-sequential-05:focus-within, .fv\:d-bc-chart-sequential-05:focus-visible {
  --bco: var(--dt-color-chart-sequential-05-a);
  border-color: hsl(var(--dt-color-chart-sequential-05-h) var(--dt-color-chart-sequential-05-s) var(--dt-color-chart-sequential-05-l) / var(--bco)) !important;
}

.d-bc-chart-sequential-05-hover, .h\:d-bc-chart-sequential-05-hover:hover, .f\:d-bc-chart-sequential-05-hover:focus, .f\:d-bc-chart-sequential-05-hover:focus-within, .fv\:d-bc-chart-sequential-05-hover:focus-visible {
  --bco: var(--dt-color-chart-sequential-05-hover-a);
  border-color: hsl(var(--dt-color-chart-sequential-05-hover-h) var(--dt-color-chart-sequential-05-hover-s) var(--dt-color-chart-sequential-05-hover-l) / var(--bco)) !important;
}

.d-bc-chart-sequential-05-selected, .h\:d-bc-chart-sequential-05-selected:hover, .f\:d-bc-chart-sequential-05-selected:focus, .f\:d-bc-chart-sequential-05-selected:focus-within, .fv\:d-bc-chart-sequential-05-selected:focus-visible {
  --bco: var(--dt-color-chart-sequential-05-selected-a);
  border-color: hsl(var(--dt-color-chart-sequential-05-selected-h) var(--dt-color-chart-sequential-05-selected-s) var(--dt-color-chart-sequential-05-selected-l) / var(--bco)) !important;
}

.d-bc-chart-sequential-06, .h\:d-bc-chart-sequential-06:hover, .f\:d-bc-chart-sequential-06:focus, .f\:d-bc-chart-sequential-06:focus-within, .fv\:d-bc-chart-sequential-06:focus-visible {
  --bco: var(--dt-color-chart-sequential-06-a);
  border-color: hsl(var(--dt-color-chart-sequential-06-h) var(--dt-color-chart-sequential-06-s) var(--dt-color-chart-sequential-06-l) / var(--bco)) !important;
}

.d-bc-chart-sequential-06-hover, .h\:d-bc-chart-sequential-06-hover:hover, .f\:d-bc-chart-sequential-06-hover:focus, .f\:d-bc-chart-sequential-06-hover:focus-within, .fv\:d-bc-chart-sequential-06-hover:focus-visible {
  --bco: var(--dt-color-chart-sequential-06-hover-a);
  border-color: hsl(var(--dt-color-chart-sequential-06-hover-h) var(--dt-color-chart-sequential-06-hover-s) var(--dt-color-chart-sequential-06-hover-l) / var(--bco)) !important;
}

.d-bc-chart-sequential-06-selected, .h\:d-bc-chart-sequential-06-selected:hover, .f\:d-bc-chart-sequential-06-selected:focus, .f\:d-bc-chart-sequential-06-selected:focus-within, .fv\:d-bc-chart-sequential-06-selected:focus-visible {
  --bco: var(--dt-color-chart-sequential-06-selected-a);
  border-color: hsl(var(--dt-color-chart-sequential-06-selected-h) var(--dt-color-chart-sequential-06-selected-s) var(--dt-color-chart-sequential-06-selected-l) / var(--bco)) !important;
}

.d-bc-chart-sequential-07, .h\:d-bc-chart-sequential-07:hover, .f\:d-bc-chart-sequential-07:focus, .f\:d-bc-chart-sequential-07:focus-within, .fv\:d-bc-chart-sequential-07:focus-visible {
  --bco: var(--dt-color-chart-sequential-07-a);
  border-color: hsl(var(--dt-color-chart-sequential-07-h) var(--dt-color-chart-sequential-07-s) var(--dt-color-chart-sequential-07-l) / var(--bco)) !important;
}

.d-bc-chart-sequential-07-hover, .h\:d-bc-chart-sequential-07-hover:hover, .f\:d-bc-chart-sequential-07-hover:focus, .f\:d-bc-chart-sequential-07-hover:focus-within, .fv\:d-bc-chart-sequential-07-hover:focus-visible {
  --bco: var(--dt-color-chart-sequential-07-hover-a);
  border-color: hsl(var(--dt-color-chart-sequential-07-hover-h) var(--dt-color-chart-sequential-07-hover-s) var(--dt-color-chart-sequential-07-hover-l) / var(--bco)) !important;
}

.d-bc-chart-sequential-07-selected, .h\:d-bc-chart-sequential-07-selected:hover, .f\:d-bc-chart-sequential-07-selected:focus, .f\:d-bc-chart-sequential-07-selected:focus-within, .fv\:d-bc-chart-sequential-07-selected:focus-visible {
  --bco: var(--dt-color-chart-sequential-07-selected-a);
  border-color: hsl(var(--dt-color-chart-sequential-07-selected-h) var(--dt-color-chart-sequential-07-selected-s) var(--dt-color-chart-sequential-07-selected-l) / var(--bco)) !important;
}

.d-bc-chart-sequential-08, .h\:d-bc-chart-sequential-08:hover, .f\:d-bc-chart-sequential-08:focus, .f\:d-bc-chart-sequential-08:focus-within, .fv\:d-bc-chart-sequential-08:focus-visible {
  --bco: var(--dt-color-chart-sequential-08-a);
  border-color: hsl(var(--dt-color-chart-sequential-08-h) var(--dt-color-chart-sequential-08-s) var(--dt-color-chart-sequential-08-l) / var(--bco)) !important;
}

.d-bc-chart-sequential-08-hover, .h\:d-bc-chart-sequential-08-hover:hover, .f\:d-bc-chart-sequential-08-hover:focus, .f\:d-bc-chart-sequential-08-hover:focus-within, .fv\:d-bc-chart-sequential-08-hover:focus-visible {
  --bco: var(--dt-color-chart-sequential-08-hover-a);
  border-color: hsl(var(--dt-color-chart-sequential-08-hover-h) var(--dt-color-chart-sequential-08-hover-s) var(--dt-color-chart-sequential-08-hover-l) / var(--bco)) !important;
}

.d-bc-chart-sequential-08-selected, .h\:d-bc-chart-sequential-08-selected:hover, .f\:d-bc-chart-sequential-08-selected:focus, .f\:d-bc-chart-sequential-08-selected:focus-within, .fv\:d-bc-chart-sequential-08-selected:focus-visible {
  --bco: var(--dt-color-chart-sequential-08-selected-a);
  border-color: hsl(var(--dt-color-chart-sequential-08-selected-h) var(--dt-color-chart-sequential-08-selected-s) var(--dt-color-chart-sequential-08-selected-l) / var(--bco)) !important;
}

.d-bc-chart-sequential-09, .h\:d-bc-chart-sequential-09:hover, .f\:d-bc-chart-sequential-09:focus, .f\:d-bc-chart-sequential-09:focus-within, .fv\:d-bc-chart-sequential-09:focus-visible {
  --bco: var(--dt-color-chart-sequential-09-a);
  border-color: hsl(var(--dt-color-chart-sequential-09-h) var(--dt-color-chart-sequential-09-s) var(--dt-color-chart-sequential-09-l) / var(--bco)) !important;
}

.d-bc-chart-sequential-09-hover, .h\:d-bc-chart-sequential-09-hover:hover, .f\:d-bc-chart-sequential-09-hover:focus, .f\:d-bc-chart-sequential-09-hover:focus-within, .fv\:d-bc-chart-sequential-09-hover:focus-visible {
  --bco: var(--dt-color-chart-sequential-09-hover-a);
  border-color: hsl(var(--dt-color-chart-sequential-09-hover-h) var(--dt-color-chart-sequential-09-hover-s) var(--dt-color-chart-sequential-09-hover-l) / var(--bco)) !important;
}

.d-bc-chart-sequential-09-selected, .h\:d-bc-chart-sequential-09-selected:hover, .f\:d-bc-chart-sequential-09-selected:focus, .f\:d-bc-chart-sequential-09-selected:focus-within, .fv\:d-bc-chart-sequential-09-selected:focus-visible {
  --bco: var(--dt-color-chart-sequential-09-selected-a);
  border-color: hsl(var(--dt-color-chart-sequential-09-selected-h) var(--dt-color-chart-sequential-09-selected-s) var(--dt-color-chart-sequential-09-selected-l) / var(--bco)) !important;
}

.d-bc-chart-sequential-10-hover, .h\:d-bc-chart-sequential-10-hover:hover, .f\:d-bc-chart-sequential-10-hover:focus, .f\:d-bc-chart-sequential-10-hover:focus-within, .fv\:d-bc-chart-sequential-10-hover:focus-visible {
  --bco: var(--dt-color-chart-sequential-10-hover-a);
  border-color: hsl(var(--dt-color-chart-sequential-10-hover-h) var(--dt-color-chart-sequential-10-hover-s) var(--dt-color-chart-sequential-10-hover-l) / var(--bco)) !important;
}

.d-bc-chart-sequential-10-selected, .h\:d-bc-chart-sequential-10-selected:hover, .f\:d-bc-chart-sequential-10-selected:focus, .f\:d-bc-chart-sequential-10-selected:focus-within, .fv\:d-bc-chart-sequential-10-selected:focus-visible {
  --bco: var(--dt-color-chart-sequential-10-selected-a);
  border-color: hsl(var(--dt-color-chart-sequential-10-selected-h) var(--dt-color-chart-sequential-10-selected-s) var(--dt-color-chart-sequential-10-selected-l) / var(--bco)) !important;
}

.d-bc-chart-sequential-range-00-start, .h\:d-bc-chart-sequential-range-00-start:hover, .f\:d-bc-chart-sequential-range-00-start:focus, .f\:d-bc-chart-sequential-range-00-start:focus-within, .fv\:d-bc-chart-sequential-range-00-start:focus-visible {
  --bco: var(--dt-color-chart-sequential-range-00-start-a);
  border-color: hsl(var(--dt-color-chart-sequential-range-00-start-h) var(--dt-color-chart-sequential-range-00-start-s) var(--dt-color-chart-sequential-range-00-start-l) / var(--bco)) !important;
}

.d-bc-chart-sequential-range-00-end, .h\:d-bc-chart-sequential-range-00-end:hover, .f\:d-bc-chart-sequential-range-00-end:focus, .f\:d-bc-chart-sequential-range-00-end:focus-within, .fv\:d-bc-chart-sequential-range-00-end:focus-visible {
  --bco: var(--dt-color-chart-sequential-range-00-end-a);
  border-color: hsl(var(--dt-color-chart-sequential-range-00-end-h) var(--dt-color-chart-sequential-range-00-end-s) var(--dt-color-chart-sequential-range-00-end-l) / var(--bco)) !important;
}

.d-bc-chart-sequential-range-01-start, .h\:d-bc-chart-sequential-range-01-start:hover, .f\:d-bc-chart-sequential-range-01-start:focus, .f\:d-bc-chart-sequential-range-01-start:focus-within, .fv\:d-bc-chart-sequential-range-01-start:focus-visible {
  --bco: var(--dt-color-chart-sequential-range-01-start-a);
  border-color: hsl(var(--dt-color-chart-sequential-range-01-start-h) var(--dt-color-chart-sequential-range-01-start-s) var(--dt-color-chart-sequential-range-01-start-l) / var(--bco)) !important;
}

.d-bc-chart-sequential-range-01-end, .h\:d-bc-chart-sequential-range-01-end:hover, .f\:d-bc-chart-sequential-range-01-end:focus, .f\:d-bc-chart-sequential-range-01-end:focus-within, .fv\:d-bc-chart-sequential-range-01-end:focus-visible {
  --bco: var(--dt-color-chart-sequential-range-01-end-a);
  border-color: hsl(var(--dt-color-chart-sequential-range-01-end-h) var(--dt-color-chart-sequential-range-01-end-s) var(--dt-color-chart-sequential-range-01-end-l) / var(--bco)) !important;
}

.d-bc-chart-sequential-range-02-start, .h\:d-bc-chart-sequential-range-02-start:hover, .f\:d-bc-chart-sequential-range-02-start:focus, .f\:d-bc-chart-sequential-range-02-start:focus-within, .fv\:d-bc-chart-sequential-range-02-start:focus-visible {
  --bco: var(--dt-color-chart-sequential-range-02-start-a);
  border-color: hsl(var(--dt-color-chart-sequential-range-02-start-h) var(--dt-color-chart-sequential-range-02-start-s) var(--dt-color-chart-sequential-range-02-start-l) / var(--bco)) !important;
}

.d-bc-chart-sequential-range-02-end, .h\:d-bc-chart-sequential-range-02-end:hover, .f\:d-bc-chart-sequential-range-02-end:focus, .f\:d-bc-chart-sequential-range-02-end:focus-within, .fv\:d-bc-chart-sequential-range-02-end:focus-visible {
  --bco: var(--dt-color-chart-sequential-range-02-end-a);
  border-color: hsl(var(--dt-color-chart-sequential-range-02-end-h) var(--dt-color-chart-sequential-range-02-end-s) var(--dt-color-chart-sequential-range-02-end-l) / var(--bco)) !important;
}

.d-bc-chart-sequential-range-03-start, .h\:d-bc-chart-sequential-range-03-start:hover, .f\:d-bc-chart-sequential-range-03-start:focus, .f\:d-bc-chart-sequential-range-03-start:focus-within, .fv\:d-bc-chart-sequential-range-03-start:focus-visible {
  --bco: var(--dt-color-chart-sequential-range-03-start-a);
  border-color: hsl(var(--dt-color-chart-sequential-range-03-start-h) var(--dt-color-chart-sequential-range-03-start-s) var(--dt-color-chart-sequential-range-03-start-l) / var(--bco)) !important;
}

.d-bc-chart-sequential-range-03-end, .h\:d-bc-chart-sequential-range-03-end:hover, .f\:d-bc-chart-sequential-range-03-end:focus, .f\:d-bc-chart-sequential-range-03-end:focus-within, .fv\:d-bc-chart-sequential-range-03-end:focus-visible {
  --bco: var(--dt-color-chart-sequential-range-03-end-a);
  border-color: hsl(var(--dt-color-chart-sequential-range-03-end-h) var(--dt-color-chart-sequential-range-03-end-s) var(--dt-color-chart-sequential-range-03-end-l) / var(--bco)) !important;
}

.d-bc-chart-sequential-range-04-start, .h\:d-bc-chart-sequential-range-04-start:hover, .f\:d-bc-chart-sequential-range-04-start:focus, .f\:d-bc-chart-sequential-range-04-start:focus-within, .fv\:d-bc-chart-sequential-range-04-start:focus-visible {
  --bco: var(--dt-color-chart-sequential-range-04-start-a);
  border-color: hsl(var(--dt-color-chart-sequential-range-04-start-h) var(--dt-color-chart-sequential-range-04-start-s) var(--dt-color-chart-sequential-range-04-start-l) / var(--bco)) !important;
}

.d-bc-chart-sequential-range-04-end, .h\:d-bc-chart-sequential-range-04-end:hover, .f\:d-bc-chart-sequential-range-04-end:focus, .f\:d-bc-chart-sequential-range-04-end:focus-within, .fv\:d-bc-chart-sequential-range-04-end:focus-visible {
  --bco: var(--dt-color-chart-sequential-range-04-end-a);
  border-color: hsl(var(--dt-color-chart-sequential-range-04-end-h) var(--dt-color-chart-sequential-range-04-end-s) var(--dt-color-chart-sequential-range-04-end-l) / var(--bco)) !important;
}

.d-bc-chart-sequential-range-05-start, .h\:d-bc-chart-sequential-range-05-start:hover, .f\:d-bc-chart-sequential-range-05-start:focus, .f\:d-bc-chart-sequential-range-05-start:focus-within, .fv\:d-bc-chart-sequential-range-05-start:focus-visible {
  --bco: var(--dt-color-chart-sequential-range-05-start-a);
  border-color: hsl(var(--dt-color-chart-sequential-range-05-start-h) var(--dt-color-chart-sequential-range-05-start-s) var(--dt-color-chart-sequential-range-05-start-l) / var(--bco)) !important;
}

.d-bc-chart-sequential-range-05-end, .h\:d-bc-chart-sequential-range-05-end:hover, .f\:d-bc-chart-sequential-range-05-end:focus, .f\:d-bc-chart-sequential-range-05-end:focus-within, .fv\:d-bc-chart-sequential-range-05-end:focus-visible {
  --bco: var(--dt-color-chart-sequential-range-05-end-a);
  border-color: hsl(var(--dt-color-chart-sequential-range-05-end-h) var(--dt-color-chart-sequential-range-05-end-s) var(--dt-color-chart-sequential-range-05-end-l) / var(--bco)) !important;
}

.d-bc-chart-sequential-range-06-start, .h\:d-bc-chart-sequential-range-06-start:hover, .f\:d-bc-chart-sequential-range-06-start:focus, .f\:d-bc-chart-sequential-range-06-start:focus-within, .fv\:d-bc-chart-sequential-range-06-start:focus-visible {
  --bco: var(--dt-color-chart-sequential-range-06-start-a);
  border-color: hsl(var(--dt-color-chart-sequential-range-06-start-h) var(--dt-color-chart-sequential-range-06-start-s) var(--dt-color-chart-sequential-range-06-start-l) / var(--bco)) !important;
}

.d-bc-chart-sequential-range-06-end, .h\:d-bc-chart-sequential-range-06-end:hover, .f\:d-bc-chart-sequential-range-06-end:focus, .f\:d-bc-chart-sequential-range-06-end:focus-within, .fv\:d-bc-chart-sequential-range-06-end:focus-visible {
  --bco: var(--dt-color-chart-sequential-range-06-end-a);
  border-color: hsl(var(--dt-color-chart-sequential-range-06-end-h) var(--dt-color-chart-sequential-range-06-end-s) var(--dt-color-chart-sequential-range-06-end-l) / var(--bco)) !important;
}

.d-bc-chart-sequential-range-07-start, .h\:d-bc-chart-sequential-range-07-start:hover, .f\:d-bc-chart-sequential-range-07-start:focus, .f\:d-bc-chart-sequential-range-07-start:focus-within, .fv\:d-bc-chart-sequential-range-07-start:focus-visible {
  --bco: var(--dt-color-chart-sequential-range-07-start-a);
  border-color: hsl(var(--dt-color-chart-sequential-range-07-start-h) var(--dt-color-chart-sequential-range-07-start-s) var(--dt-color-chart-sequential-range-07-start-l) / var(--bco)) !important;
}

.d-bc-chart-sequential-range-07-end, .h\:d-bc-chart-sequential-range-07-end:hover, .f\:d-bc-chart-sequential-range-07-end:focus, .f\:d-bc-chart-sequential-range-07-end:focus-within, .fv\:d-bc-chart-sequential-range-07-end:focus-visible {
  --bco: var(--dt-color-chart-sequential-range-07-end-a);
  border-color: hsl(var(--dt-color-chart-sequential-range-07-end-h) var(--dt-color-chart-sequential-range-07-end-s) var(--dt-color-chart-sequential-range-07-end-l) / var(--bco)) !important;
}

.d-bc-chart-sequential-range-08-start, .h\:d-bc-chart-sequential-range-08-start:hover, .f\:d-bc-chart-sequential-range-08-start:focus, .f\:d-bc-chart-sequential-range-08-start:focus-within, .fv\:d-bc-chart-sequential-range-08-start:focus-visible {
  --bco: var(--dt-color-chart-sequential-range-08-start-a);
  border-color: hsl(var(--dt-color-chart-sequential-range-08-start-h) var(--dt-color-chart-sequential-range-08-start-s) var(--dt-color-chart-sequential-range-08-start-l) / var(--bco)) !important;
}

.d-bc-chart-sequential-range-08-end, .h\:d-bc-chart-sequential-range-08-end:hover, .f\:d-bc-chart-sequential-range-08-end:focus, .f\:d-bc-chart-sequential-range-08-end:focus-within, .fv\:d-bc-chart-sequential-range-08-end:focus-visible {
  --bco: var(--dt-color-chart-sequential-range-08-end-a);
  border-color: hsl(var(--dt-color-chart-sequential-range-08-end-h) var(--dt-color-chart-sequential-range-08-end-s) var(--dt-color-chart-sequential-range-08-end-l) / var(--bco)) !important;
}

.d-bc-chart-sequential-range-09-start, .h\:d-bc-chart-sequential-range-09-start:hover, .f\:d-bc-chart-sequential-range-09-start:focus, .f\:d-bc-chart-sequential-range-09-start:focus-within, .fv\:d-bc-chart-sequential-range-09-start:focus-visible {
  --bco: var(--dt-color-chart-sequential-range-09-start-a);
  border-color: hsl(var(--dt-color-chart-sequential-range-09-start-h) var(--dt-color-chart-sequential-range-09-start-s) var(--dt-color-chart-sequential-range-09-start-l) / var(--bco)) !important;
}

.d-bc-chart-sequential-range-09-end, .h\:d-bc-chart-sequential-range-09-end:hover, .f\:d-bc-chart-sequential-range-09-end:focus, .f\:d-bc-chart-sequential-range-09-end:focus-within, .fv\:d-bc-chart-sequential-range-09-end:focus-visible {
  --bco: var(--dt-color-chart-sequential-range-09-end-a);
  border-color: hsl(var(--dt-color-chart-sequential-range-09-end-h) var(--dt-color-chart-sequential-range-09-end-s) var(--dt-color-chart-sequential-range-09-end-l) / var(--bco)) !important;
}

.d-bc-chart-sequential-range-10-start, .h\:d-bc-chart-sequential-range-10-start:hover, .f\:d-bc-chart-sequential-range-10-start:focus, .f\:d-bc-chart-sequential-range-10-start:focus-within, .fv\:d-bc-chart-sequential-range-10-start:focus-visible {
  --bco: var(--dt-color-chart-sequential-range-10-start-a);
  border-color: hsl(var(--dt-color-chart-sequential-range-10-start-h) var(--dt-color-chart-sequential-range-10-start-s) var(--dt-color-chart-sequential-range-10-start-l) / var(--bco)) !important;
}

.d-bc-chart-sequential-range-10-end, .h\:d-bc-chart-sequential-range-10-end:hover, .f\:d-bc-chart-sequential-range-10-end:focus, .f\:d-bc-chart-sequential-range-10-end:focus-within, .fv\:d-bc-chart-sequential-range-10-end:focus-visible {
  --bco: var(--dt-color-chart-sequential-range-10-end-a);
  border-color: hsl(var(--dt-color-chart-sequential-range-10-end-h) var(--dt-color-chart-sequential-range-10-end-s) var(--dt-color-chart-sequential-range-10-end-l) / var(--bco)) !important;
}

.d-bc-neutral-white, .h\:d-bc-neutral-white:hover, .f\:d-bc-neutral-white:focus, .f\:d-bc-neutral-white:focus-within, .fv\:d-bc-neutral-white:focus-visible {
  --bco: var(--dt-color-neutral-white-a);
  border-color: hsl(var(--dt-color-neutral-white-h) var(--dt-color-neutral-white-s) var(--dt-color-neutral-white-l) / var(--bco)) !important;
}

.d-bc-neutral-black, .h\:d-bc-neutral-black:hover, .f\:d-bc-neutral-black:focus, .f\:d-bc-neutral-black:focus-within, .fv\:d-bc-neutral-black:focus-visible {
  --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;
}

.d-bc-black-200, .h\:d-bc-black-200:hover, .f\:d-bc-black-200:focus, .f\:d-bc-black-200:focus-within, .fv\:d-bc-black-200:focus-visible {
  --bco: var(--dt-color-black-200-a);
  border-color: hsl(var(--dt-color-black-200-h) var(--dt-color-black-200-s) var(--dt-color-black-200-l) / var(--bco)) !important;
}

.d-bc-black-300, .h\:d-bc-black-300:hover, .f\:d-bc-black-300:focus, .f\:d-bc-black-300:focus-within, .fv\:d-bc-black-300:focus-visible {
  --bco: var(--dt-color-black-300-a);
  border-color: hsl(var(--dt-color-black-300-h) var(--dt-color-black-300-s) var(--dt-color-black-300-l) / var(--bco)) !important;
}

.d-bc-black-400, .h\:d-bc-black-400:hover, .f\:d-bc-black-400:focus, .f\:d-bc-black-400:focus-within, .fv\:d-bc-black-400:focus-visible {
  --bco: var(--dt-color-black-400-a);
  border-color: hsl(var(--dt-color-black-400-h) var(--dt-color-black-400-s) var(--dt-color-black-400-l) / var(--bco)) !important;
}

.d-bc-black-500, .h\:d-bc-black-500:hover, .f\:d-bc-black-500:focus, .f\:d-bc-black-500:focus-within, .fv\:d-bc-black-500:focus-visible {
  --bco: var(--dt-color-black-500-a);
  border-color: hsl(var(--dt-color-black-500-h) var(--dt-color-black-500-s) var(--dt-color-black-500-l) / var(--bco)) !important;
}

.d-bc-black-600, .h\:d-bc-black-600:hover, .f\:d-bc-black-600:focus, .f\:d-bc-black-600:focus-within, .fv\:d-bc-black-600:focus-visible {
  --bco: var(--dt-color-black-600-a);
  border-color: hsl(var(--dt-color-black-600-h) var(--dt-color-black-600-s) var(--dt-color-black-600-l) / var(--bco)) !important;
}

.d-bc-black-700, .h\:d-bc-black-700:hover, .f\:d-bc-black-700:focus, .f\:d-bc-black-700:focus-within, .fv\:d-bc-black-700:focus-visible {
  --bco: var(--dt-color-black-700-a);
  border-color: hsl(var(--dt-color-black-700-h) var(--dt-color-black-700-s) var(--dt-color-black-700-l) / var(--bco)) !important;
}

.d-bc-black-800, .h\:d-bc-black-800:hover, .f\:d-bc-black-800:focus, .f\:d-bc-black-800:focus-within, .fv\:d-bc-black-800:focus-visible {
  --bco: var(--dt-color-black-800-a);
  border-color: hsl(var(--dt-color-black-800-h) var(--dt-color-black-800-s) var(--dt-color-black-800-l) / var(--bco)) !important;
}

.d-bc-black-900, .h\:d-bc-black-900:hover, .f\:d-bc-black-900:focus, .f\:d-bc-black-900:focus-within, .fv\:d-bc-black-900:focus-visible {
  --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;
}

.d-bc-purple-200, .h\:d-bc-purple-200:hover, .f\:d-bc-purple-200:focus, .f\:d-bc-purple-200:focus-within, .fv\:d-bc-purple-200:focus-visible {
  --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;
}

.d-bc-blue-200, .h\:d-bc-blue-200:hover, .f\:d-bc-blue-200:focus, .f\:d-bc-blue-200:focus-within, .fv\:d-bc-blue-200:focus-visible {
  --bco: var(--dt-color-blue-200-a);
  border-color: hsl(var(--dt-color-blue-200-h) var(--dt-color-blue-200-s) var(--dt-color-blue-200-l) / var(--bco)) !important;
}

.d-bc-blue-300, .h\:d-bc-blue-300:hover, .f\:d-bc-blue-300:focus, .f\:d-bc-blue-300:focus-within, .fv\:d-bc-blue-300:focus-visible {
  --bco: var(--dt-color-blue-300-a);
  border-color: hsl(var(--dt-color-blue-300-h) var(--dt-color-blue-300-s) var(--dt-color-blue-300-l) / var(--bco)) !important;
}

.d-bc-blue-400, .h\:d-bc-blue-400:hover, .f\:d-bc-blue-400:focus, .f\:d-bc-blue-400:focus-within, .fv\:d-bc-blue-400:focus-visible {
  --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;
}

.d-bc-magenta-200, .h\:d-bc-magenta-200:hover, .f\:d-bc-magenta-200:focus, .f\:d-bc-magenta-200:focus-within, .fv\:d-bc-magenta-200:focus-visible {
  --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;
}

.d-bc-magenta-400, .h\:d-bc-magenta-400:hover, .f\:d-bc-magenta-400:focus, .f\:d-bc-magenta-400:focus-within, .fv\:d-bc-magenta-400:focus-visible {
  --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;
}

.d-bc-gold-200, .h\:d-bc-gold-200:hover, .f\:d-bc-gold-200:focus, .f\:d-bc-gold-200:focus-within, .fv\:d-bc-gold-200:focus-visible {
  --bco: var(--dt-color-gold-200-a);
  border-color: hsl(var(--dt-color-gold-200-h) var(--dt-color-gold-200-s) var(--dt-color-gold-200-l) / var(--bco)) !important;
}

.d-bc-gold-300, .h\:d-bc-gold-300:hover, .f\:d-bc-gold-300:focus, .f\:d-bc-gold-300:focus-within, .fv\:d-bc-gold-300:focus-visible {
  --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;
}

.d-bc-green-200, .h\:d-bc-green-200:hover, .f\:d-bc-green-200:focus, .f\:d-bc-green-200:focus-within, .fv\:d-bc-green-200:focus-visible {
  --bco: var(--dt-color-green-200-a);
  border-color: hsl(var(--dt-color-green-200-h) var(--dt-color-green-200-s) var(--dt-color-green-200-l) / var(--bco)) !important;
}

.d-bc-green-300, .h\:d-bc-green-300:hover, .f\:d-bc-green-300:focus, .f\:d-bc-green-300:focus-within, .fv\:d-bc-green-300:focus-visible {
  --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;
}

.d-bc-red-200, .h\:d-bc-red-200:hover, .f\:d-bc-red-200:focus, .f\:d-bc-red-200:focus-within, .fv\:d-bc-red-200:focus-visible {
  --bco: var(--dt-color-red-200-a);
  border-color: hsl(var(--dt-color-red-200-h) var(--dt-color-red-200-s) var(--dt-color-red-200-l) / var(--bco)) !important;
}

.d-bc-red-300, .h\:d-bc-red-300:hover, .f\:d-bc-red-300:focus, .f\:d-bc-red-300:focus-within, .fv\:d-bc-red-300:focus-visible {
  --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;
}

.d-bc-tan-200, .h\:d-bc-tan-200:hover, .f\:d-bc-tan-200:focus, .f\:d-bc-tan-200:focus-within, .fv\:d-bc-tan-200:focus-visible {
  --bco: var(--dt-color-tan-200-a);
  border-color: hsl(var(--dt-color-tan-200-h) var(--dt-color-tan-200-s) var(--dt-color-tan-200-l) / var(--bco)) !important;
}

.d-bc-tan-300, .h\:d-bc-tan-300:hover, .f\:d-bc-tan-300:focus, .f\:d-bc-tan-300:focus-within, .fv\:d-bc-tan-300:focus-visible {
  --bco: var(--dt-color-tan-300-a);
  border-color: hsl(var(--dt-color-tan-300-h) var(--dt-color-tan-300-s) var(--dt-color-tan-300-l) / var(--bco)) !important;
}

.d-bc-tan-400, .h\:d-bc-tan-400:hover, .f\:d-bc-tan-400:focus, .f\:d-bc-tan-400:focus-within, .fv\:d-bc-tan-400:focus-visible {
  --bco: var(--dt-color-tan-400-a);
  border-color: hsl(var(--dt-color-tan-400-h) var(--dt-color-tan-400-s) var(--dt-color-tan-400-l) / var(--bco)) !important;
}

.d-bc-tan-500, .h\:d-bc-tan-500:hover, .f\:d-bc-tan-500:focus, .f\:d-bc-tan-500:focus-within, .fv\:d-bc-tan-500:focus-visible {
  --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-berry-50, .h\:d-bc-berry-50:hover, .f\:d-bc-berry-50:focus, .f\:d-bc-berry-50:focus-within, .fv\:d-bc-berry-50:focus-visible {
  --bco: var(--dt-color-berry-50-a);
  border-color: hsl(var(--dt-color-berry-50-h) var(--dt-color-berry-50-s) var(--dt-color-berry-50-l) / var(--bco)) !important;
}

.d-bc-berry-100, .h\:d-bc-berry-100:hover, .f\:d-bc-berry-100:focus, .f\:d-bc-berry-100:focus-within, .fv\:d-bc-berry-100:focus-visible {
  --bco: var(--dt-color-berry-100-a);
  border-color: hsl(var(--dt-color-berry-100-h) var(--dt-color-berry-100-s) var(--dt-color-berry-100-l) / var(--bco)) !important;
}

.d-bc-berry-200, .h\:d-bc-berry-200:hover, .f\:d-bc-berry-200:focus, .f\:d-bc-berry-200:focus-within, .fv\:d-bc-berry-200:focus-visible {
  --bco: var(--dt-color-berry-200-a);
  border-color: hsl(var(--dt-color-berry-200-h) var(--dt-color-berry-200-s) var(--dt-color-berry-200-l) / var(--bco)) !important;
}

.d-bc-berry-300, .h\:d-bc-berry-300:hover, .f\:d-bc-berry-300:focus, .f\:d-bc-berry-300:focus-within, .fv\:d-bc-berry-300:focus-visible {
  --bco: var(--dt-color-berry-300-a);
  border-color: hsl(var(--dt-color-berry-300-h) var(--dt-color-berry-300-s) var(--dt-color-berry-300-l) / var(--bco)) !important;
}

.d-bc-berry-400, .h\:d-bc-berry-400:hover, .f\:d-bc-berry-400:focus, .f\:d-bc-berry-400:focus-within, .fv\:d-bc-berry-400:focus-visible {
  --bco: var(--dt-color-berry-400-a);
  border-color: hsl(var(--dt-color-berry-400-h) var(--dt-color-berry-400-s) var(--dt-color-berry-400-l) / var(--bco)) !important;
}

.d-bc-berry-500, .h\:d-bc-berry-500:hover, .f\:d-bc-berry-500:focus, .f\:d-bc-berry-500:focus-within, .fv\:d-bc-berry-500:focus-visible {
  --bco: var(--dt-color-berry-500-a);
  border-color: hsl(var(--dt-color-berry-500-h) var(--dt-color-berry-500-s) var(--dt-color-berry-500-l) / var(--bco)) !important;
}

.d-bc-berry-600, .h\:d-bc-berry-600:hover, .f\:d-bc-berry-600:focus, .f\:d-bc-berry-600:focus-within, .fv\:d-bc-berry-600:focus-visible {
  --bco: var(--dt-color-berry-600-a);
  border-color: hsl(var(--dt-color-berry-600-h) var(--dt-color-berry-600-s) var(--dt-color-berry-600-l) / var(--bco)) !important;
}

.d-bc-berry-700, .h\:d-bc-berry-700:hover, .f\:d-bc-berry-700:focus, .f\:d-bc-berry-700:focus-within, .fv\:d-bc-berry-700:focus-visible {
  --bco: var(--dt-color-berry-700-a);
  border-color: hsl(var(--dt-color-berry-700-h) var(--dt-color-berry-700-s) var(--dt-color-berry-700-l) / var(--bco)) !important;
}

.d-bc-berry-800, .h\:d-bc-berry-800:hover, .f\:d-bc-berry-800:focus, .f\:d-bc-berry-800:focus-within, .fv\:d-bc-berry-800:focus-visible {
  --bco: var(--dt-color-berry-800-a);
  border-color: hsl(var(--dt-color-berry-800-h) var(--dt-color-berry-800-s) var(--dt-color-berry-800-l) / var(--bco)) !important;
}

.d-bc-berry-900, .h\:d-bc-berry-900:hover, .f\:d-bc-berry-900:focus, .f\:d-bc-berry-900:focus-within, .fv\:d-bc-berry-900:focus-visible {
  --bco: var(--dt-color-berry-900-a);
  border-color: hsl(var(--dt-color-berry-900-h) var(--dt-color-berry-900-s) var(--dt-color-berry-900-l) / var(--bco)) !important;
}

.d-bc-berry-950, .h\:d-bc-berry-950:hover, .f\:d-bc-berry-950:focus, .f\:d-bc-berry-950:focus-within, .fv\:d-bc-berry-950:focus-visible {
  --bco: var(--dt-color-berry-950-a);
  border-color: hsl(var(--dt-color-berry-950-h) var(--dt-color-berry-950-s) var(--dt-color-berry-950-l) / var(--bco)) !important;
}

.d-bc-berry-1000, .h\:d-bc-berry-1000:hover, .f\:d-bc-berry-1000:focus, .f\:d-bc-berry-1000:focus-within, .fv\:d-bc-berry-1000:focus-visible {
  --bco: var(--dt-color-berry-1000-a);
  border-color: hsl(var(--dt-color-berry-1000-h) var(--dt-color-berry-1000-s) var(--dt-color-berry-1000-l) / var(--bco)) !important;
}

.d-bc-coral-50, .h\:d-bc-coral-50:hover, .f\:d-bc-coral-50:focus, .f\:d-bc-coral-50:focus-within, .fv\:d-bc-coral-50:focus-visible {
  --bco: var(--dt-color-coral-50-a);
  border-color: hsl(var(--dt-color-coral-50-h) var(--dt-color-coral-50-s) var(--dt-color-coral-50-l) / var(--bco)) !important;
}

.d-bc-coral-100, .h\:d-bc-coral-100:hover, .f\:d-bc-coral-100:focus, .f\:d-bc-coral-100:focus-within, .fv\:d-bc-coral-100:focus-visible {
  --bco: var(--dt-color-coral-100-a);
  border-color: hsl(var(--dt-color-coral-100-h) var(--dt-color-coral-100-s) var(--dt-color-coral-100-l) / var(--bco)) !important;
}

.d-bc-coral-200, .h\:d-bc-coral-200:hover, .f\:d-bc-coral-200:focus, .f\:d-bc-coral-200:focus-within, .fv\:d-bc-coral-200:focus-visible {
  --bco: var(--dt-color-coral-200-a);
  border-color: hsl(var(--dt-color-coral-200-h) var(--dt-color-coral-200-s) var(--dt-color-coral-200-l) / var(--bco)) !important;
}

.d-bc-coral-300, .h\:d-bc-coral-300:hover, .f\:d-bc-coral-300:focus, .f\:d-bc-coral-300:focus-within, .fv\:d-bc-coral-300:focus-visible {
  --bco: var(--dt-color-coral-300-a);
  border-color: hsl(var(--dt-color-coral-300-h) var(--dt-color-coral-300-s) var(--dt-color-coral-300-l) / var(--bco)) !important;
}

.d-bc-coral-400, .h\:d-bc-coral-400:hover, .f\:d-bc-coral-400:focus, .f\:d-bc-coral-400:focus-within, .fv\:d-bc-coral-400:focus-visible {
  --bco: var(--dt-color-coral-400-a);
  border-color: hsl(var(--dt-color-coral-400-h) var(--dt-color-coral-400-s) var(--dt-color-coral-400-l) / var(--bco)) !important;
}

.d-bc-coral-500, .h\:d-bc-coral-500:hover, .f\:d-bc-coral-500:focus, .f\:d-bc-coral-500:focus-within, .fv\:d-bc-coral-500:focus-visible {
  --bco: var(--dt-color-coral-500-a);
  border-color: hsl(var(--dt-color-coral-500-h) var(--dt-color-coral-500-s) var(--dt-color-coral-500-l) / var(--bco)) !important;
}

.d-bc-coral-600, .h\:d-bc-coral-600:hover, .f\:d-bc-coral-600:focus, .f\:d-bc-coral-600:focus-within, .fv\:d-bc-coral-600:focus-visible {
  --bco: var(--dt-color-coral-600-a);
  border-color: hsl(var(--dt-color-coral-600-h) var(--dt-color-coral-600-s) var(--dt-color-coral-600-l) / var(--bco)) !important;
}

.d-bc-coral-700, .h\:d-bc-coral-700:hover, .f\:d-bc-coral-700:focus, .f\:d-bc-coral-700:focus-within, .fv\:d-bc-coral-700:focus-visible {
  --bco: var(--dt-color-coral-700-a);
  border-color: hsl(var(--dt-color-coral-700-h) var(--dt-color-coral-700-s) var(--dt-color-coral-700-l) / var(--bco)) !important;
}

.d-bc-coral-800, .h\:d-bc-coral-800:hover, .f\:d-bc-coral-800:focus, .f\:d-bc-coral-800:focus-within, .fv\:d-bc-coral-800:focus-visible {
  --bco: var(--dt-color-coral-800-a);
  border-color: hsl(var(--dt-color-coral-800-h) var(--dt-color-coral-800-s) var(--dt-color-coral-800-l) / var(--bco)) !important;
}

.d-bc-coral-900, .h\:d-bc-coral-900:hover, .f\:d-bc-coral-900:focus, .f\:d-bc-coral-900:focus-within, .fv\:d-bc-coral-900:focus-visible {
  --bco: var(--dt-color-coral-900-a);
  border-color: hsl(var(--dt-color-coral-900-h) var(--dt-color-coral-900-s) var(--dt-color-coral-900-l) / var(--bco)) !important;
}

.d-bc-coral-950, .h\:d-bc-coral-950:hover, .f\:d-bc-coral-950:focus, .f\:d-bc-coral-950:focus-within, .fv\:d-bc-coral-950:focus-visible {
  --bco: var(--dt-color-coral-950-a);
  border-color: hsl(var(--dt-color-coral-950-h) var(--dt-color-coral-950-s) var(--dt-color-coral-950-l) / var(--bco)) !important;
}

.d-bc-coral-1000, .h\:d-bc-coral-1000:hover, .f\:d-bc-coral-1000:focus, .f\:d-bc-coral-1000:focus-within, .fv\:d-bc-coral-1000:focus-visible {
  --bco: var(--dt-color-coral-1000-a);
  border-color: hsl(var(--dt-color-coral-1000-h) var(--dt-color-coral-1000-s) var(--dt-color-coral-1000-l) / var(--bco)) !important;
}

.d-bc-olive-50, .h\:d-bc-olive-50:hover, .f\:d-bc-olive-50:focus, .f\:d-bc-olive-50:focus-within, .fv\:d-bc-olive-50:focus-visible {
  --bco: var(--dt-color-olive-50-a);
  border-color: hsl(var(--dt-color-olive-50-h) var(--dt-color-olive-50-s) var(--dt-color-olive-50-l) / var(--bco)) !important;
}

.d-bc-olive-100, .h\:d-bc-olive-100:hover, .f\:d-bc-olive-100:focus, .f\:d-bc-olive-100:focus-within, .fv\:d-bc-olive-100:focus-visible {
  --bco: var(--dt-color-olive-100-a);
  border-color: hsl(var(--dt-color-olive-100-h) var(--dt-color-olive-100-s) var(--dt-color-olive-100-l) / var(--bco)) !important;
}

.d-bc-olive-200, .h\:d-bc-olive-200:hover, .f\:d-bc-olive-200:focus, .f\:d-bc-olive-200:focus-within, .fv\:d-bc-olive-200:focus-visible {
  --bco: var(--dt-color-olive-200-a);
  border-color: hsl(var(--dt-color-olive-200-h) var(--dt-color-olive-200-s) var(--dt-color-olive-200-l) / var(--bco)) !important;
}

.d-bc-olive-300, .h\:d-bc-olive-300:hover, .f\:d-bc-olive-300:focus, .f\:d-bc-olive-300:focus-within, .fv\:d-bc-olive-300:focus-visible {
  --bco: var(--dt-color-olive-300-a);
  border-color: hsl(var(--dt-color-olive-300-h) var(--dt-color-olive-300-s) var(--dt-color-olive-300-l) / var(--bco)) !important;
}

.d-bc-olive-400, .h\:d-bc-olive-400:hover, .f\:d-bc-olive-400:focus, .f\:d-bc-olive-400:focus-within, .fv\:d-bc-olive-400:focus-visible {
  --bco: var(--dt-color-olive-400-a);
  border-color: hsl(var(--dt-color-olive-400-h) var(--dt-color-olive-400-s) var(--dt-color-olive-400-l) / var(--bco)) !important;
}

.d-bc-olive-500, .h\:d-bc-olive-500:hover, .f\:d-bc-olive-500:focus, .f\:d-bc-olive-500:focus-within, .fv\:d-bc-olive-500:focus-visible {
  --bco: var(--dt-color-olive-500-a);
  border-color: hsl(var(--dt-color-olive-500-h) var(--dt-color-olive-500-s) var(--dt-color-olive-500-l) / var(--bco)) !important;
}

.d-bc-olive-600, .h\:d-bc-olive-600:hover, .f\:d-bc-olive-600:focus, .f\:d-bc-olive-600:focus-within, .fv\:d-bc-olive-600:focus-visible {
  --bco: var(--dt-color-olive-600-a);
  border-color: hsl(var(--dt-color-olive-600-h) var(--dt-color-olive-600-s) var(--dt-color-olive-600-l) / var(--bco)) !important;
}

.d-bc-olive-700, .h\:d-bc-olive-700:hover, .f\:d-bc-olive-700:focus, .f\:d-bc-olive-700:focus-within, .fv\:d-bc-olive-700:focus-visible {
  --bco: var(--dt-color-olive-700-a);
  border-color: hsl(var(--dt-color-olive-700-h) var(--dt-color-olive-700-s) var(--dt-color-olive-700-l) / var(--bco)) !important;
}

.d-bc-olive-800, .h\:d-bc-olive-800:hover, .f\:d-bc-olive-800:focus, .f\:d-bc-olive-800:focus-within, .fv\:d-bc-olive-800:focus-visible {
  --bco: var(--dt-color-olive-800-a);
  border-color: hsl(var(--dt-color-olive-800-h) var(--dt-color-olive-800-s) var(--dt-color-olive-800-l) / var(--bco)) !important;
}

.d-bc-olive-900, .h\:d-bc-olive-900:hover, .f\:d-bc-olive-900:focus, .f\:d-bc-olive-900:focus-within, .fv\:d-bc-olive-900:focus-visible {
  --bco: var(--dt-color-olive-900-a);
  border-color: hsl(var(--dt-color-olive-900-h) var(--dt-color-olive-900-s) var(--dt-color-olive-900-l) / var(--bco)) !important;
}

.d-bc-olive-950, .h\:d-bc-olive-950:hover, .f\:d-bc-olive-950:focus, .f\:d-bc-olive-950:focus-within, .fv\:d-bc-olive-950:focus-visible {
  --bco: var(--dt-color-olive-950-a);
  border-color: hsl(var(--dt-color-olive-950-h) var(--dt-color-olive-950-s) var(--dt-color-olive-950-l) / var(--bco)) !important;
}

.d-bc-olive-1000, .h\:d-bc-olive-1000:hover, .f\:d-bc-olive-1000:focus, .f\:d-bc-olive-1000:focus-within, .fv\:d-bc-olive-1000:focus-visible {
  --bco: var(--dt-color-olive-1000-a);
  border-color: hsl(var(--dt-color-olive-1000-h) var(--dt-color-olive-1000-s) var(--dt-color-olive-1000-l) / var(--bco)) !important;
}

.d-bc-teal-50, .h\:d-bc-teal-50:hover, .f\:d-bc-teal-50:focus, .f\:d-bc-teal-50:focus-within, .fv\:d-bc-teal-50:focus-visible {
  --bco: var(--dt-color-teal-50-a);
  border-color: hsl(var(--dt-color-teal-50-h) var(--dt-color-teal-50-s) var(--dt-color-teal-50-l) / var(--bco)) !important;
}

.d-bc-teal-100, .h\:d-bc-teal-100:hover, .f\:d-bc-teal-100:focus, .f\:d-bc-teal-100:focus-within, .fv\:d-bc-teal-100:focus-visible {
  --bco: var(--dt-color-teal-100-a);
  border-color: hsl(var(--dt-color-teal-100-h) var(--dt-color-teal-100-s) var(--dt-color-teal-100-l) / var(--bco)) !important;
}

.d-bc-teal-200, .h\:d-bc-teal-200:hover, .f\:d-bc-teal-200:focus, .f\:d-bc-teal-200:focus-within, .fv\:d-bc-teal-200:focus-visible {
  --bco: var(--dt-color-teal-200-a);
  border-color: hsl(var(--dt-color-teal-200-h) var(--dt-color-teal-200-s) var(--dt-color-teal-200-l) / var(--bco)) !important;
}

.d-bc-teal-300, .h\:d-bc-teal-300:hover, .f\:d-bc-teal-300:focus, .f\:d-bc-teal-300:focus-within, .fv\:d-bc-teal-300:focus-visible {
  --bco: var(--dt-color-teal-300-a);
  border-color: hsl(var(--dt-color-teal-300-h) var(--dt-color-teal-300-s) var(--dt-color-teal-300-l) / var(--bco)) !important;
}

.d-bc-teal-400, .h\:d-bc-teal-400:hover, .f\:d-bc-teal-400:focus, .f\:d-bc-teal-400:focus-within, .fv\:d-bc-teal-400:focus-visible {
  --bco: var(--dt-color-teal-400-a);
  border-color: hsl(var(--dt-color-teal-400-h) var(--dt-color-teal-400-s) var(--dt-color-teal-400-l) / var(--bco)) !important;
}

.d-bc-teal-500, .h\:d-bc-teal-500:hover, .f\:d-bc-teal-500:focus, .f\:d-bc-teal-500:focus-within, .fv\:d-bc-teal-500:focus-visible {
  --bco: var(--dt-color-teal-500-a);
  border-color: hsl(var(--dt-color-teal-500-h) var(--dt-color-teal-500-s) var(--dt-color-teal-500-l) / var(--bco)) !important;
}

.d-bc-teal-600, .h\:d-bc-teal-600:hover, .f\:d-bc-teal-600:focus, .f\:d-bc-teal-600:focus-within, .fv\:d-bc-teal-600:focus-visible {
  --bco: var(--dt-color-teal-600-a);
  border-color: hsl(var(--dt-color-teal-600-h) var(--dt-color-teal-600-s) var(--dt-color-teal-600-l) / var(--bco)) !important;
}

.d-bc-teal-700, .h\:d-bc-teal-700:hover, .f\:d-bc-teal-700:focus, .f\:d-bc-teal-700:focus-within, .fv\:d-bc-teal-700:focus-visible {
  --bco: var(--dt-color-teal-700-a);
  border-color: hsl(var(--dt-color-teal-700-h) var(--dt-color-teal-700-s) var(--dt-color-teal-700-l) / var(--bco)) !important;
}

.d-bc-teal-800, .h\:d-bc-teal-800:hover, .f\:d-bc-teal-800:focus, .f\:d-bc-teal-800:focus-within, .fv\:d-bc-teal-800:focus-visible {
  --bco: var(--dt-color-teal-800-a);
  border-color: hsl(var(--dt-color-teal-800-h) var(--dt-color-teal-800-s) var(--dt-color-teal-800-l) / var(--bco)) !important;
}

.d-bc-teal-900, .h\:d-bc-teal-900:hover, .f\:d-bc-teal-900:focus, .f\:d-bc-teal-900:focus-within, .fv\:d-bc-teal-900:focus-visible {
  --bco: var(--dt-color-teal-900-a);
  border-color: hsl(var(--dt-color-teal-900-h) var(--dt-color-teal-900-s) var(--dt-color-teal-900-l) / var(--bco)) !important;
}

.d-bc-teal-950, .h\:d-bc-teal-950:hover, .f\:d-bc-teal-950:focus, .f\:d-bc-teal-950:focus-within, .fv\:d-bc-teal-950:focus-visible {
  --bco: var(--dt-color-teal-950-a);
  border-color: hsl(var(--dt-color-teal-950-h) var(--dt-color-teal-950-s) var(--dt-color-teal-950-l) / var(--bco)) !important;
}

.d-bc-teal-1000, .h\:d-bc-teal-1000:hover, .f\:d-bc-teal-1000:focus, .f\:d-bc-teal-1000:focus-within, .fv\:d-bc-teal-1000:focus-visible {
  --bco: var(--dt-color-teal-1000-a);
  border-color: hsl(var(--dt-color-teal-1000-h) var(--dt-color-teal-1000-s) var(--dt-color-teal-1000-l) / var(--bco)) !important;
}

.d-bc-indigo-50, .h\:d-bc-indigo-50:hover, .f\:d-bc-indigo-50:focus, .f\:d-bc-indigo-50:focus-within, .fv\:d-bc-indigo-50:focus-visible {
  --bco: var(--dt-color-indigo-50-a);
  border-color: hsl(var(--dt-color-indigo-50-h) var(--dt-color-indigo-50-s) var(--dt-color-indigo-50-l) / var(--bco)) !important;
}

.d-bc-indigo-100, .h\:d-bc-indigo-100:hover, .f\:d-bc-indigo-100:focus, .f\:d-bc-indigo-100:focus-within, .fv\:d-bc-indigo-100:focus-visible {
  --bco: var(--dt-color-indigo-100-a);
  border-color: hsl(var(--dt-color-indigo-100-h) var(--dt-color-indigo-100-s) var(--dt-color-indigo-100-l) / var(--bco)) !important;
}

.d-bc-indigo-200, .h\:d-bc-indigo-200:hover, .f\:d-bc-indigo-200:focus, .f\:d-bc-indigo-200:focus-within, .fv\:d-bc-indigo-200:focus-visible {
  --bco: var(--dt-color-indigo-200-a);
  border-color: hsl(var(--dt-color-indigo-200-h) var(--dt-color-indigo-200-s) var(--dt-color-indigo-200-l) / var(--bco)) !important;
}

.d-bc-indigo-300, .h\:d-bc-indigo-300:hover, .f\:d-bc-indigo-300:focus, .f\:d-bc-indigo-300:focus-within, .fv\:d-bc-indigo-300:focus-visible {
  --bco: var(--dt-color-indigo-300-a);
  border-color: hsl(var(--dt-color-indigo-300-h) var(--dt-color-indigo-300-s) var(--dt-color-indigo-300-l) / var(--bco)) !important;
}

.d-bc-indigo-400, .h\:d-bc-indigo-400:hover, .f\:d-bc-indigo-400:focus, .f\:d-bc-indigo-400:focus-within, .fv\:d-bc-indigo-400:focus-visible {
  --bco: var(--dt-color-indigo-400-a);
  border-color: hsl(var(--dt-color-indigo-400-h) var(--dt-color-indigo-400-s) var(--dt-color-indigo-400-l) / var(--bco)) !important;
}

.d-bc-indigo-500, .h\:d-bc-indigo-500:hover, .f\:d-bc-indigo-500:focus, .f\:d-bc-indigo-500:focus-within, .fv\:d-bc-indigo-500:focus-visible {
  --bco: var(--dt-color-indigo-500-a);
  border-color: hsl(var(--dt-color-indigo-500-h) var(--dt-color-indigo-500-s) var(--dt-color-indigo-500-l) / var(--bco)) !important;
}

.d-bc-indigo-600, .h\:d-bc-indigo-600:hover, .f\:d-bc-indigo-600:focus, .f\:d-bc-indigo-600:focus-within, .fv\:d-bc-indigo-600:focus-visible {
  --bco: var(--dt-color-indigo-600-a);
  border-color: hsl(var(--dt-color-indigo-600-h) var(--dt-color-indigo-600-s) var(--dt-color-indigo-600-l) / var(--bco)) !important;
}

.d-bc-indigo-700, .h\:d-bc-indigo-700:hover, .f\:d-bc-indigo-700:focus, .f\:d-bc-indigo-700:focus-within, .fv\:d-bc-indigo-700:focus-visible {
  --bco: var(--dt-color-indigo-700-a);
  border-color: hsl(var(--dt-color-indigo-700-h) var(--dt-color-indigo-700-s) var(--dt-color-indigo-700-l) / var(--bco)) !important;
}

.d-bc-indigo-800, .h\:d-bc-indigo-800:hover, .f\:d-bc-indigo-800:focus, .f\:d-bc-indigo-800:focus-within, .fv\:d-bc-indigo-800:focus-visible {
  --bco: var(--dt-color-indigo-800-a);
  border-color: hsl(var(--dt-color-indigo-800-h) var(--dt-color-indigo-800-s) var(--dt-color-indigo-800-l) / var(--bco)) !important;
}

.d-bc-indigo-900, .h\:d-bc-indigo-900:hover, .f\:d-bc-indigo-900:focus, .f\:d-bc-indigo-900:focus-within, .fv\:d-bc-indigo-900:focus-visible {
  --bco: var(--dt-color-indigo-900-a);
  border-color: hsl(var(--dt-color-indigo-900-h) var(--dt-color-indigo-900-s) var(--dt-color-indigo-900-l) / var(--bco)) !important;
}

.d-bc-indigo-950, .h\:d-bc-indigo-950:hover, .f\:d-bc-indigo-950:focus, .f\:d-bc-indigo-950:focus-within, .fv\:d-bc-indigo-950:focus-visible {
  --bco: var(--dt-color-indigo-950-a);
  border-color: hsl(var(--dt-color-indigo-950-h) var(--dt-color-indigo-950-s) var(--dt-color-indigo-950-l) / var(--bco)) !important;
}

.d-bc-indigo-1000, .h\:d-bc-indigo-1000:hover, .f\:d-bc-indigo-1000:focus, .f\:d-bc-indigo-1000:focus-within, .fv\:d-bc-indigo-1000:focus-visible {
  --bco: var(--dt-color-indigo-1000-a);
  border-color: hsl(var(--dt-color-indigo-1000-h) var(--dt-color-indigo-1000-s) var(--dt-color-indigo-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;
}

.d-bc-default, .h\:d-bc-default:hover, .f\:d-bc-default:focus, .f\:d-bc-default:focus-within, .fv\:d-bc-default:focus-visible {
  --bco: 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(--bco)) !important;
}

.d-bc-moderate, .h\:d-bc-moderate:hover, .f\:d-bc-moderate:focus, .f\:d-bc-moderate:focus-within, .fv\:d-bc-moderate:focus-visible {
  --bco: 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(--bco)) !important;
}

.d-bc-bold, .h\:d-bc-bold:hover, .f\:d-bc-bold:focus, .f\:d-bc-bold:focus-within, .fv\:d-bc-bold:focus-visible {
  --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-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;
}

.d-bc-success, .h\:d-bc-success:hover, .f\:d-bc-success:focus, .f\:d-bc-success:focus-within, .fv\:d-bc-success:focus-visible {
  --bco: 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(--bco)) !important;
}

.d-bc-warning, .h\:d-bc-warning:hover, .f\:d-bc-warning:focus, .f\:d-bc-warning:focus-within, .fv\:d-bc-warning:focus-visible {
  --bco: 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(--bco)) !important;
}

.d-bc-brand, .h\:d-bc-brand:hover, .f\:d-bc-brand:focus, .f\:d-bc-brand:focus-within, .fv\:d-bc-brand:focus-visible {
  --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-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-strong, .h\:d-bc-success-strong:hover, .f\:d-bc-success-strong:focus, .f\:d-bc-success-strong:focus-within, .fv\:d-bc-success-strong:focus-visible {
  --bco: var(--dt-color-border-success-strong-a);
  border-color: hsl(var(--dt-color-border-success-strong-h) var(--dt-color-border-success-strong-s) var(--dt-color-border-success-strong-l) / var(--bco)) !important;
}

.d-bc-warning-strong, .h\:d-bc-warning-strong:hover, .f\:d-bc-warning-strong:focus, .f\:d-bc-warning-strong:focus-within, .fv\:d-bc-warning-strong:focus-visible {
  --bco: var(--dt-color-border-warning-strong-a);
  border-color: hsl(var(--dt-color-border-warning-strong-h) var(--dt-color-border-warning-strong-s) var(--dt-color-border-warning-strong-l) / var(--bco)) !important;
}

.d-bc-brand-strong, .h\:d-bc-brand-strong:hover, .f\:d-bc-brand-strong:focus, .f\:d-bc-brand-strong:focus-within, .fv\:d-bc-brand-strong:focus-visible {
  --bco: var(--dt-color-border-brand-strong-a);
  border-color: hsl(var(--dt-color-border-brand-strong-h) var(--dt-color-border-brand-strong-s) var(--dt-color-border-brand-strong-l) / var(--bco)) !important;
}

.d-bc-subtle-inverted, .h\:d-bc-subtle-inverted:hover, .f\:d-bc-subtle-inverted:focus, .f\:d-bc-subtle-inverted:focus-within, .fv\:d-bc-subtle-inverted:focus-visible {
  --bco: var(--dt-color-border-subtle-inverted-a);
  border-color: hsl(var(--dt-color-border-subtle-inverted-h) var(--dt-color-border-subtle-inverted-s) var(--dt-color-border-subtle-inverted-l) / var(--bco)) !important;
}

.d-bc-default-inverted, .h\:d-bc-default-inverted:hover, .f\:d-bc-default-inverted:focus, .f\:d-bc-default-inverted:focus-within, .fv\:d-bc-default-inverted:focus-visible {
  --bco: var(--dt-color-border-default-inverted-a);
  border-color: hsl(var(--dt-color-border-default-inverted-h) var(--dt-color-border-default-inverted-s) var(--dt-color-border-default-inverted-l) / var(--bco)) !important;
}

.d-bc-moderate-inverted, .h\:d-bc-moderate-inverted:hover, .f\:d-bc-moderate-inverted:focus, .f\:d-bc-moderate-inverted:focus-within, .fv\:d-bc-moderate-inverted:focus-visible {
  --bco: var(--dt-color-border-moderate-inverted-a);
  border-color: hsl(var(--dt-color-border-moderate-inverted-h) var(--dt-color-border-moderate-inverted-s) var(--dt-color-border-moderate-inverted-l) / var(--bco)) !important;
}

.d-bc-bold-inverted, .h\:d-bc-bold-inverted:hover, .f\:d-bc-bold-inverted:focus, .f\:d-bc-bold-inverted:focus-within, .fv\:d-bc-bold-inverted:focus-visible {
  --bco: var(--dt-color-border-bold-inverted-a);
  border-color: hsl(var(--dt-color-border-bold-inverted-h) var(--dt-color-border-bold-inverted-s) var(--dt-color-border-bold-inverted-l) / var(--bco)) !important;
}

.d-bc-critical-inverted, .h\:d-bc-critical-inverted:hover, .f\:d-bc-critical-inverted:focus, .f\:d-bc-critical-inverted:focus-within, .fv\:d-bc-critical-inverted:focus-visible {
  --bco: var(--dt-color-border-critical-inverted-a);
  border-color: hsl(var(--dt-color-border-critical-inverted-h) var(--dt-color-border-critical-inverted-s) var(--dt-color-border-critical-inverted-l) / var(--bco)) !important;
}

.d-bc-success-inverted, .h\:d-bc-success-inverted:hover, .f\:d-bc-success-inverted:focus, .f\:d-bc-success-inverted:focus-within, .fv\:d-bc-success-inverted:focus-visible {
  --bco: 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(--bco)) !important;
}

.d-bc-warning-inverted, .h\:d-bc-warning-inverted:hover, .f\:d-bc-warning-inverted:focus, .f\:d-bc-warning-inverted:focus-within, .fv\:d-bc-warning-inverted:focus-visible {
  --bco: 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(--bco)) !important;
}

.d-bc-brand-inverted, .h\:d-bc-brand-inverted:hover, .f\:d-bc-brand-inverted:focus, .f\:d-bc-brand-inverted:focus-within, .fv\:d-bc-brand-inverted:focus-visible {
  --bco: 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(--bco)) !important;
}

.d-bc-critical-subtle-inverted, .h\:d-bc-critical-subtle-inverted:hover, .f\:d-bc-critical-subtle-inverted:focus, .f\:d-bc-critical-subtle-inverted:focus-within, .fv\:d-bc-critical-subtle-inverted:focus-visible {
  --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-strong-inverted, .h\:d-bc-success-strong-inverted:hover, .f\:d-bc-success-strong-inverted:focus, .f\:d-bc-success-strong-inverted:focus-within, .fv\:d-bc-success-strong-inverted:focus-visible {
  --bco: var(--dt-color-border-success-strong-inverted-a);
  border-color: hsl(var(--dt-color-border-success-strong-inverted-h) var(--dt-color-border-success-strong-inverted-s) var(--dt-color-border-success-strong-inverted-l) / var(--bco)) !important;
}

.d-bc-warning-strong-inverted, .h\:d-bc-warning-strong-inverted:hover, .f\:d-bc-warning-strong-inverted:focus, .f\:d-bc-warning-strong-inverted:focus-within, .fv\:d-bc-warning-strong-inverted:focus-visible {
  --bco: var(--dt-color-border-warning-strong-inverted-a);
  border-color: hsl(var(--dt-color-border-warning-strong-inverted-h) var(--dt-color-border-warning-strong-inverted-s) var(--dt-color-border-warning-strong-inverted-l) / var(--bco)) !important;
}

.d-bc-brand-strong-inverted, .h\:d-bc-brand-strong-inverted:hover, .f\:d-bc-brand-strong-inverted:focus, .f\:d-bc-brand-strong-inverted:focus-within, .fv\:d-bc-brand-strong-inverted:focus-visible {
  --bco: var(--dt-color-border-brand-strong-inverted-a);
  border-color: hsl(var(--dt-color-border-brand-strong-inverted-h) var(--dt-color-border-brand-strong-inverted-s) var(--dt-color-border-brand-strong-inverted-l) / var(--bco)) !important;
}

.d-bc-focus, .h\:d-bc-focus:hover, .f\:d-bc-focus:focus, .f\:d-bc-focus:focus-within, .fv\:d-bc-focus:focus-visible {
  --bco: var(--dt-color-border-focus-a);
  border-color: hsl(var(--dt-color-border-focus-h) var(--dt-color-border-focus-s) var(--dt-color-border-focus-l) / var(--bco)) !important;
}

.d-bc-accent, .h\:d-bc-accent:hover, .f\:d-bc-accent:focus, .f\:d-bc-accent:focus-within, .fv\:d-bc-accent:focus-visible {
  --bco: var(--dt-color-border-accent-a);
  border-color: hsl(var(--dt-color-border-accent-h) var(--dt-color-border-accent-s) var(--dt-color-border-accent-l) / var(--bco)) !important;
}

.d-bc-chart-categorical-10, .h\:d-bc-chart-categorical-10:hover, .f\:d-bc-chart-categorical-10:focus, .f\:d-bc-chart-categorical-10:focus-within, .fv\:d-bc-chart-categorical-10:focus-visible {
  --bco: var(--dt-color-chart-categorical-10-a);
  border-color: hsl(var(--dt-color-chart-categorical-10-h) var(--dt-color-chart-categorical-10-s) var(--dt-color-chart-categorical-10-l) / var(--bco)) !important;
}

.d-bc-chart-categorical-11, .h\:d-bc-chart-categorical-11:hover, .f\:d-bc-chart-categorical-11:focus, .f\:d-bc-chart-categorical-11:focus-within, .fv\:d-bc-chart-categorical-11:focus-visible {
  --bco: var(--dt-color-chart-categorical-11-a);
  border-color: hsl(var(--dt-color-chart-categorical-11-h) var(--dt-color-chart-categorical-11-s) var(--dt-color-chart-categorical-11-l) / var(--bco)) !important;
}

.d-bc-chart-categorical-12, .h\:d-bc-chart-categorical-12:hover, .f\:d-bc-chart-categorical-12:focus, .f\:d-bc-chart-categorical-12:focus-within, .fv\:d-bc-chart-categorical-12:focus-visible {
  --bco: var(--dt-color-chart-categorical-12-a);
  border-color: hsl(var(--dt-color-chart-categorical-12-h) var(--dt-color-chart-categorical-12-s) var(--dt-color-chart-categorical-12-l) / var(--bco)) !important;
}

.d-bc-chart-categorical-13, .h\:d-bc-chart-categorical-13:hover, .f\:d-bc-chart-categorical-13:focus, .f\:d-bc-chart-categorical-13:focus-within, .fv\:d-bc-chart-categorical-13:focus-visible {
  --bco: var(--dt-color-chart-categorical-13-a);
  border-color: hsl(var(--dt-color-chart-categorical-13-h) var(--dt-color-chart-categorical-13-s) var(--dt-color-chart-categorical-13-l) / var(--bco)) !important;
}

.d-bc-chart-categorical-14, .h\:d-bc-chart-categorical-14:hover, .f\:d-bc-chart-categorical-14:focus, .f\:d-bc-chart-categorical-14:focus-within, .fv\:d-bc-chart-categorical-14:focus-visible {
  --bco: var(--dt-color-chart-categorical-14-a);
  border-color: hsl(var(--dt-color-chart-categorical-14-h) var(--dt-color-chart-categorical-14-s) var(--dt-color-chart-categorical-14-l) / var(--bco)) !important;
}

.d-bc-chart-categorical-15, .h\:d-bc-chart-categorical-15:hover, .f\:d-bc-chart-categorical-15:focus, .f\:d-bc-chart-categorical-15:focus-within, .fv\:d-bc-chart-categorical-15:focus-visible {
  --bco: var(--dt-color-chart-categorical-15-a);
  border-color: hsl(var(--dt-color-chart-categorical-15-h) var(--dt-color-chart-categorical-15-s) var(--dt-color-chart-categorical-15-l) / var(--bco)) !important;
}

.d-bc-chart-categorical-16, .h\:d-bc-chart-categorical-16:hover, .f\:d-bc-chart-categorical-16:focus, .f\:d-bc-chart-categorical-16:focus-within, .fv\:d-bc-chart-categorical-16:focus-visible {
  --bco: var(--dt-color-chart-categorical-16-a);
  border-color: hsl(var(--dt-color-chart-categorical-16-h) var(--dt-color-chart-categorical-16-s) var(--dt-color-chart-categorical-16-l) / var(--bco)) !important;
}

.d-bc-chart-categorical-17, .h\:d-bc-chart-categorical-17:hover, .f\:d-bc-chart-categorical-17:focus, .f\:d-bc-chart-categorical-17:focus-within, .fv\:d-bc-chart-categorical-17:focus-visible {
  --bco: var(--dt-color-chart-categorical-17-a);
  border-color: hsl(var(--dt-color-chart-categorical-17-h) var(--dt-color-chart-categorical-17-s) var(--dt-color-chart-categorical-17-l) / var(--bco)) !important;
}

.d-bc-chart-categorical-18, .h\:d-bc-chart-categorical-18:hover, .f\:d-bc-chart-categorical-18:focus, .f\:d-bc-chart-categorical-18:focus-within, .fv\:d-bc-chart-categorical-18:focus-visible {
  --bco: var(--dt-color-chart-categorical-18-a);
  border-color: hsl(var(--dt-color-chart-categorical-18-h) var(--dt-color-chart-categorical-18-s) var(--dt-color-chart-categorical-18-l) / var(--bco)) !important;
}

.d-bc-chart-categorical-19, .h\:d-bc-chart-categorical-19:hover, .f\:d-bc-chart-categorical-19:focus, .f\:d-bc-chart-categorical-19:focus-within, .fv\:d-bc-chart-categorical-19:focus-visible {
  --bco: var(--dt-color-chart-categorical-19-a);
  border-color: hsl(var(--dt-color-chart-categorical-19-h) var(--dt-color-chart-categorical-19-s) var(--dt-color-chart-categorical-19-l) / var(--bco)) !important;
}

.d-bc-chart-categorical-20, .h\:d-bc-chart-categorical-20:hover, .f\:d-bc-chart-categorical-20:focus, .f\:d-bc-chart-categorical-20:focus-within, .fv\:d-bc-chart-categorical-20:focus-visible {
  --bco: var(--dt-color-chart-categorical-20-a);
  border-color: hsl(var(--dt-color-chart-categorical-20-h) var(--dt-color-chart-categorical-20-s) var(--dt-color-chart-categorical-20-l) / var(--bco)) !important;
}

.d-bc-chart-categorical-21, .h\:d-bc-chart-categorical-21:hover, .f\:d-bc-chart-categorical-21:focus, .f\:d-bc-chart-categorical-21:focus-within, .fv\:d-bc-chart-categorical-21:focus-visible {
  --bco: var(--dt-color-chart-categorical-21-a);
  border-color: hsl(var(--dt-color-chart-categorical-21-h) var(--dt-color-chart-categorical-21-s) var(--dt-color-chart-categorical-21-l) / var(--bco)) !important;
}

.d-bc-chart-categorical-22, .h\:d-bc-chart-categorical-22:hover, .f\:d-bc-chart-categorical-22:focus, .f\:d-bc-chart-categorical-22:focus-within, .fv\:d-bc-chart-categorical-22:focus-visible {
  --bco: var(--dt-color-chart-categorical-22-a);
  border-color: hsl(var(--dt-color-chart-categorical-22-h) var(--dt-color-chart-categorical-22-s) var(--dt-color-chart-categorical-22-l) / var(--bco)) !important;
}

.d-bc-chart-categorical-23, .h\:d-bc-chart-categorical-23:hover, .f\:d-bc-chart-categorical-23:focus, .f\:d-bc-chart-categorical-23:focus-within, .fv\:d-bc-chart-categorical-23:focus-visible {
  --bco: var(--dt-color-chart-categorical-23-a);
  border-color: hsl(var(--dt-color-chart-categorical-23-h) var(--dt-color-chart-categorical-23-s) var(--dt-color-chart-categorical-23-l) / var(--bco)) !important;
}

.d-bc-chart-categorical-24, .h\:d-bc-chart-categorical-24:hover, .f\:d-bc-chart-categorical-24:focus, .f\:d-bc-chart-categorical-24:focus-within, .fv\:d-bc-chart-categorical-24:focus-visible {
  --bco: var(--dt-color-chart-categorical-24-a);
  border-color: hsl(var(--dt-color-chart-categorical-24-h) var(--dt-color-chart-categorical-24-s) var(--dt-color-chart-categorical-24-l) / var(--bco)) !important;
}

.d-bc-chart-categorical-25, .h\:d-bc-chart-categorical-25:hover, .f\:d-bc-chart-categorical-25:focus, .f\:d-bc-chart-categorical-25:focus-within, .fv\:d-bc-chart-categorical-25:focus-visible {
  --bco: var(--dt-color-chart-categorical-25-a);
  border-color: hsl(var(--dt-color-chart-categorical-25-h) var(--dt-color-chart-categorical-25-s) var(--dt-color-chart-categorical-25-l) / var(--bco)) !important;
}

.d-bc-chart-categorical-26, .h\:d-bc-chart-categorical-26:hover, .f\:d-bc-chart-categorical-26:focus, .f\:d-bc-chart-categorical-26:focus-within, .fv\:d-bc-chart-categorical-26:focus-visible {
  --bco: var(--dt-color-chart-categorical-26-a);
  border-color: hsl(var(--dt-color-chart-categorical-26-h) var(--dt-color-chart-categorical-26-s) var(--dt-color-chart-categorical-26-l) / var(--bco)) !important;
}

.d-bc-chart-categorical-27, .h\:d-bc-chart-categorical-27:hover, .f\:d-bc-chart-categorical-27:focus, .f\:d-bc-chart-categorical-27:focus-within, .fv\:d-bc-chart-categorical-27:focus-visible {
  --bco: var(--dt-color-chart-categorical-27-a);
  border-color: hsl(var(--dt-color-chart-categorical-27-h) var(--dt-color-chart-categorical-27-s) var(--dt-color-chart-categorical-27-l) / var(--bco)) !important;
}

.d-bc-chart-categorical-28, .h\:d-bc-chart-categorical-28:hover, .f\:d-bc-chart-categorical-28:focus, .f\:d-bc-chart-categorical-28:focus-within, .fv\:d-bc-chart-categorical-28:focus-visible {
  --bco: var(--dt-color-chart-categorical-28-a);
  border-color: hsl(var(--dt-color-chart-categorical-28-h) var(--dt-color-chart-categorical-28-s) var(--dt-color-chart-categorical-28-l) / var(--bco)) !important;
}

.d-bc-chart-categorical-29, .h\:d-bc-chart-categorical-29:hover, .f\:d-bc-chart-categorical-29:focus, .f\:d-bc-chart-categorical-29:focus-within, .fv\:d-bc-chart-categorical-29:focus-visible {
  --bco: var(--dt-color-chart-categorical-29-a);
  border-color: hsl(var(--dt-color-chart-categorical-29-h) var(--dt-color-chart-categorical-29-s) var(--dt-color-chart-categorical-29-l) / var(--bco)) !important;
}

.d-bc-chart-categorical-30, .h\:d-bc-chart-categorical-30:hover, .f\:d-bc-chart-categorical-30:focus, .f\:d-bc-chart-categorical-30:focus-within, .fv\:d-bc-chart-categorical-30:focus-visible {
  --bco: var(--dt-color-chart-categorical-30-a);
  border-color: hsl(var(--dt-color-chart-categorical-30-h) var(--dt-color-chart-categorical-30-s) var(--dt-color-chart-categorical-30-l) / var(--bco)) !important;
}

.d-bc-chart-categorical-01, .h\:d-bc-chart-categorical-01:hover, .f\:d-bc-chart-categorical-01:focus, .f\:d-bc-chart-categorical-01:focus-within, .fv\:d-bc-chart-categorical-01:focus-visible {
  --bco: var(--dt-color-chart-categorical-01-a);
  border-color: hsl(var(--dt-color-chart-categorical-01-h) var(--dt-color-chart-categorical-01-s) var(--dt-color-chart-categorical-01-l) / var(--bco)) !important;
}

.d-bc-chart-categorical-01-hover, .h\:d-bc-chart-categorical-01-hover:hover, .f\:d-bc-chart-categorical-01-hover:focus, .f\:d-bc-chart-categorical-01-hover:focus-within, .fv\:d-bc-chart-categorical-01-hover:focus-visible {
  --bco: var(--dt-color-chart-categorical-01-hover-a);
  border-color: hsl(var(--dt-color-chart-categorical-01-hover-h) var(--dt-color-chart-categorical-01-hover-s) var(--dt-color-chart-categorical-01-hover-l) / var(--bco)) !important;
}

.d-bc-chart-categorical-01-selected, .h\:d-bc-chart-categorical-01-selected:hover, .f\:d-bc-chart-categorical-01-selected:focus, .f\:d-bc-chart-categorical-01-selected:focus-within, .fv\:d-bc-chart-categorical-01-selected:focus-visible {
  --bco: var(--dt-color-chart-categorical-01-selected-a);
  border-color: hsl(var(--dt-color-chart-categorical-01-selected-h) var(--dt-color-chart-categorical-01-selected-s) var(--dt-color-chart-categorical-01-selected-l) / var(--bco)) !important;
}

.d-bc-chart-categorical-02, .h\:d-bc-chart-categorical-02:hover, .f\:d-bc-chart-categorical-02:focus, .f\:d-bc-chart-categorical-02:focus-within, .fv\:d-bc-chart-categorical-02:focus-visible {
  --bco: var(--dt-color-chart-categorical-02-a);
  border-color: hsl(var(--dt-color-chart-categorical-02-h) var(--dt-color-chart-categorical-02-s) var(--dt-color-chart-categorical-02-l) / var(--bco)) !important;
}

.d-bc-chart-categorical-02-hover, .h\:d-bc-chart-categorical-02-hover:hover, .f\:d-bc-chart-categorical-02-hover:focus, .f\:d-bc-chart-categorical-02-hover:focus-within, .fv\:d-bc-chart-categorical-02-hover:focus-visible {
  --bco: var(--dt-color-chart-categorical-02-hover-a);
  border-color: hsl(var(--dt-color-chart-categorical-02-hover-h) var(--dt-color-chart-categorical-02-hover-s) var(--dt-color-chart-categorical-02-hover-l) / var(--bco)) !important;
}

.d-bc-chart-categorical-02-selected, .h\:d-bc-chart-categorical-02-selected:hover, .f\:d-bc-chart-categorical-02-selected:focus, .f\:d-bc-chart-categorical-02-selected:focus-within, .fv\:d-bc-chart-categorical-02-selected:focus-visible {
  --bco: var(--dt-color-chart-categorical-02-selected-a);
  border-color: hsl(var(--dt-color-chart-categorical-02-selected-h) var(--dt-color-chart-categorical-02-selected-s) var(--dt-color-chart-categorical-02-selected-l) / var(--bco)) !important;
}

.d-bc-chart-categorical-03, .h\:d-bc-chart-categorical-03:hover, .f\:d-bc-chart-categorical-03:focus, .f\:d-bc-chart-categorical-03:focus-within, .fv\:d-bc-chart-categorical-03:focus-visible {
  --bco: var(--dt-color-chart-categorical-03-a);
  border-color: hsl(var(--dt-color-chart-categorical-03-h) var(--dt-color-chart-categorical-03-s) var(--dt-color-chart-categorical-03-l) / var(--bco)) !important;
}

.d-bc-chart-categorical-03-hover, .h\:d-bc-chart-categorical-03-hover:hover, .f\:d-bc-chart-categorical-03-hover:focus, .f\:d-bc-chart-categorical-03-hover:focus-within, .fv\:d-bc-chart-categorical-03-hover:focus-visible {
  --bco: var(--dt-color-chart-categorical-03-hover-a);
  border-color: hsl(var(--dt-color-chart-categorical-03-hover-h) var(--dt-color-chart-categorical-03-hover-s) var(--dt-color-chart-categorical-03-hover-l) / var(--bco)) !important;
}

.d-bc-chart-categorical-03-selected, .h\:d-bc-chart-categorical-03-selected:hover, .f\:d-bc-chart-categorical-03-selected:focus, .f\:d-bc-chart-categorical-03-selected:focus-within, .fv\:d-bc-chart-categorical-03-selected:focus-visible {
  --bco: var(--dt-color-chart-categorical-03-selected-a);
  border-color: hsl(var(--dt-color-chart-categorical-03-selected-h) var(--dt-color-chart-categorical-03-selected-s) var(--dt-color-chart-categorical-03-selected-l) / var(--bco)) !important;
}

.d-bc-chart-categorical-04, .h\:d-bc-chart-categorical-04:hover, .f\:d-bc-chart-categorical-04:focus, .f\:d-bc-chart-categorical-04:focus-within, .fv\:d-bc-chart-categorical-04:focus-visible {
  --bco: var(--dt-color-chart-categorical-04-a);
  border-color: hsl(var(--dt-color-chart-categorical-04-h) var(--dt-color-chart-categorical-04-s) var(--dt-color-chart-categorical-04-l) / var(--bco)) !important;
}

.d-bc-chart-categorical-04-hover, .h\:d-bc-chart-categorical-04-hover:hover, .f\:d-bc-chart-categorical-04-hover:focus, .f\:d-bc-chart-categorical-04-hover:focus-within, .fv\:d-bc-chart-categorical-04-hover:focus-visible {
  --bco: var(--dt-color-chart-categorical-04-hover-a);
  border-color: hsl(var(--dt-color-chart-categorical-04-hover-h) var(--dt-color-chart-categorical-04-hover-s) var(--dt-color-chart-categorical-04-hover-l) / var(--bco)) !important;
}

.d-bc-chart-categorical-04-selected, .h\:d-bc-chart-categorical-04-selected:hover, .f\:d-bc-chart-categorical-04-selected:focus, .f\:d-bc-chart-categorical-04-selected:focus-within, .fv\:d-bc-chart-categorical-04-selected:focus-visible {
  --bco: var(--dt-color-chart-categorical-04-selected-a);
  border-color: hsl(var(--dt-color-chart-categorical-04-selected-h) var(--dt-color-chart-categorical-04-selected-s) var(--dt-color-chart-categorical-04-selected-l) / var(--bco)) !important;
}

.d-bc-chart-categorical-05, .h\:d-bc-chart-categorical-05:hover, .f\:d-bc-chart-categorical-05:focus, .f\:d-bc-chart-categorical-05:focus-within, .fv\:d-bc-chart-categorical-05:focus-visible {
  --bco: var(--dt-color-chart-categorical-05-a);
  border-color: hsl(var(--dt-color-chart-categorical-05-h) var(--dt-color-chart-categorical-05-s) var(--dt-color-chart-categorical-05-l) / var(--bco)) !important;
}

.d-bc-chart-categorical-05-hover, .h\:d-bc-chart-categorical-05-hover:hover, .f\:d-bc-chart-categorical-05-hover:focus, .f\:d-bc-chart-categorical-05-hover:focus-within, .fv\:d-bc-chart-categorical-05-hover:focus-visible {
  --bco: var(--dt-color-chart-categorical-05-hover-a);
  border-color: hsl(var(--dt-color-chart-categorical-05-hover-h) var(--dt-color-chart-categorical-05-hover-s) var(--dt-color-chart-categorical-05-hover-l) / var(--bco)) !important;
}

.d-bc-chart-categorical-05-selected, .h\:d-bc-chart-categorical-05-selected:hover, .f\:d-bc-chart-categorical-05-selected:focus, .f\:d-bc-chart-categorical-05-selected:focus-within, .fv\:d-bc-chart-categorical-05-selected:focus-visible {
  --bco: var(--dt-color-chart-categorical-05-selected-a);
  border-color: hsl(var(--dt-color-chart-categorical-05-selected-h) var(--dt-color-chart-categorical-05-selected-s) var(--dt-color-chart-categorical-05-selected-l) / var(--bco)) !important;
}

.d-bc-chart-categorical-06, .h\:d-bc-chart-categorical-06:hover, .f\:d-bc-chart-categorical-06:focus, .f\:d-bc-chart-categorical-06:focus-within, .fv\:d-bc-chart-categorical-06:focus-visible {
  --bco: var(--dt-color-chart-categorical-06-a);
  border-color: hsl(var(--dt-color-chart-categorical-06-h) var(--dt-color-chart-categorical-06-s) var(--dt-color-chart-categorical-06-l) / var(--bco)) !important;
}

.d-bc-chart-categorical-06-hover, .h\:d-bc-chart-categorical-06-hover:hover, .f\:d-bc-chart-categorical-06-hover:focus, .f\:d-bc-chart-categorical-06-hover:focus-within, .fv\:d-bc-chart-categorical-06-hover:focus-visible {
  --bco: var(--dt-color-chart-categorical-06-hover-a);
  border-color: hsl(var(--dt-color-chart-categorical-06-hover-h) var(--dt-color-chart-categorical-06-hover-s) var(--dt-color-chart-categorical-06-hover-l) / var(--bco)) !important;
}

.d-bc-chart-categorical-06-selected, .h\:d-bc-chart-categorical-06-selected:hover, .f\:d-bc-chart-categorical-06-selected:focus, .f\:d-bc-chart-categorical-06-selected:focus-within, .fv\:d-bc-chart-categorical-06-selected:focus-visible {
  --bco: var(--dt-color-chart-categorical-06-selected-a);
  border-color: hsl(var(--dt-color-chart-categorical-06-selected-h) var(--dt-color-chart-categorical-06-selected-s) var(--dt-color-chart-categorical-06-selected-l) / var(--bco)) !important;
}

.d-bc-chart-categorical-07, .h\:d-bc-chart-categorical-07:hover, .f\:d-bc-chart-categorical-07:focus, .f\:d-bc-chart-categorical-07:focus-within, .fv\:d-bc-chart-categorical-07:focus-visible {
  --bco: var(--dt-color-chart-categorical-07-a);
  border-color: hsl(var(--dt-color-chart-categorical-07-h) var(--dt-color-chart-categorical-07-s) var(--dt-color-chart-categorical-07-l) / var(--bco)) !important;
}

.d-bc-chart-categorical-07-hover, .h\:d-bc-chart-categorical-07-hover:hover, .f\:d-bc-chart-categorical-07-hover:focus, .f\:d-bc-chart-categorical-07-hover:focus-within, .fv\:d-bc-chart-categorical-07-hover:focus-visible {
  --bco: var(--dt-color-chart-categorical-07-hover-a);
  border-color: hsl(var(--dt-color-chart-categorical-07-hover-h) var(--dt-color-chart-categorical-07-hover-s) var(--dt-color-chart-categorical-07-hover-l) / var(--bco)) !important;
}

.d-bc-chart-categorical-07-selected, .h\:d-bc-chart-categorical-07-selected:hover, .f\:d-bc-chart-categorical-07-selected:focus, .f\:d-bc-chart-categorical-07-selected:focus-within, .fv\:d-bc-chart-categorical-07-selected:focus-visible {
  --bco: var(--dt-color-chart-categorical-07-selected-a);
  border-color: hsl(var(--dt-color-chart-categorical-07-selected-h) var(--dt-color-chart-categorical-07-selected-s) var(--dt-color-chart-categorical-07-selected-l) / var(--bco)) !important;
}

.d-bc-chart-categorical-08, .h\:d-bc-chart-categorical-08:hover, .f\:d-bc-chart-categorical-08:focus, .f\:d-bc-chart-categorical-08:focus-within, .fv\:d-bc-chart-categorical-08:focus-visible {
  --bco: var(--dt-color-chart-categorical-08-a);
  border-color: hsl(var(--dt-color-chart-categorical-08-h) var(--dt-color-chart-categorical-08-s) var(--dt-color-chart-categorical-08-l) / var(--bco)) !important;
}

.d-bc-chart-categorical-08-hover, .h\:d-bc-chart-categorical-08-hover:hover, .f\:d-bc-chart-categorical-08-hover:focus, .f\:d-bc-chart-categorical-08-hover:focus-within, .fv\:d-bc-chart-categorical-08-hover:focus-visible {
  --bco: var(--dt-color-chart-categorical-08-hover-a);
  border-color: hsl(var(--dt-color-chart-categorical-08-hover-h) var(--dt-color-chart-categorical-08-hover-s) var(--dt-color-chart-categorical-08-hover-l) / var(--bco)) !important;
}

.d-bc-chart-categorical-08-selected, .h\:d-bc-chart-categorical-08-selected:hover, .f\:d-bc-chart-categorical-08-selected:focus, .f\:d-bc-chart-categorical-08-selected:focus-within, .fv\:d-bc-chart-categorical-08-selected:focus-visible {
  --bco: var(--dt-color-chart-categorical-08-selected-a);
  border-color: hsl(var(--dt-color-chart-categorical-08-selected-h) var(--dt-color-chart-categorical-08-selected-s) var(--dt-color-chart-categorical-08-selected-l) / var(--bco)) !important;
}

.d-bc-chart-categorical-09, .h\:d-bc-chart-categorical-09:hover, .f\:d-bc-chart-categorical-09:focus, .f\:d-bc-chart-categorical-09:focus-within, .fv\:d-bc-chart-categorical-09:focus-visible {
  --bco: var(--dt-color-chart-categorical-09-a);
  border-color: hsl(var(--dt-color-chart-categorical-09-h) var(--dt-color-chart-categorical-09-s) var(--dt-color-chart-categorical-09-l) / var(--bco)) !important;
}

.d-bc-chart-categorical-09-hover, .h\:d-bc-chart-categorical-09-hover:hover, .f\:d-bc-chart-categorical-09-hover:focus, .f\:d-bc-chart-categorical-09-hover:focus-within, .fv\:d-bc-chart-categorical-09-hover:focus-visible {
  --bco: var(--dt-color-chart-categorical-09-hover-a);
  border-color: hsl(var(--dt-color-chart-categorical-09-hover-h) var(--dt-color-chart-categorical-09-hover-s) var(--dt-color-chart-categorical-09-hover-l) / var(--bco)) !important;
}

.d-bc-chart-categorical-09-selected, .h\:d-bc-chart-categorical-09-selected:hover, .f\:d-bc-chart-categorical-09-selected:focus, .f\:d-bc-chart-categorical-09-selected:focus-within, .fv\:d-bc-chart-categorical-09-selected:focus-visible {
  --bco: var(--dt-color-chart-categorical-09-selected-a);
  border-color: hsl(var(--dt-color-chart-categorical-09-selected-h) var(--dt-color-chart-categorical-09-selected-s) var(--dt-color-chart-categorical-09-selected-l) / var(--bco)) !important;
}

.d-bc-chart-categorical-10-hover, .h\:d-bc-chart-categorical-10-hover:hover, .f\:d-bc-chart-categorical-10-hover:focus, .f\:d-bc-chart-categorical-10-hover:focus-within, .fv\:d-bc-chart-categorical-10-hover:focus-visible {
  --bco: var(--dt-color-chart-categorical-10-hover-a);
  border-color: hsl(var(--dt-color-chart-categorical-10-hover-h) var(--dt-color-chart-categorical-10-hover-s) var(--dt-color-chart-categorical-10-hover-l) / var(--bco)) !important;
}

.d-bc-chart-categorical-10-selected, .h\:d-bc-chart-categorical-10-selected:hover, .f\:d-bc-chart-categorical-10-selected:focus, .f\:d-bc-chart-categorical-10-selected:focus-within, .fv\:d-bc-chart-categorical-10-selected:focus-visible {
  --bco: var(--dt-color-chart-categorical-10-selected-a);
  border-color: hsl(var(--dt-color-chart-categorical-10-selected-h) var(--dt-color-chart-categorical-10-selected-s) var(--dt-color-chart-categorical-10-selected-l) / var(--bco)) !important;
}

.d-bc-chart-categorical-11-hover, .h\:d-bc-chart-categorical-11-hover:hover, .f\:d-bc-chart-categorical-11-hover:focus, .f\:d-bc-chart-categorical-11-hover:focus-within, .fv\:d-bc-chart-categorical-11-hover:focus-visible {
  --bco: var(--dt-color-chart-categorical-11-hover-a);
  border-color: hsl(var(--dt-color-chart-categorical-11-hover-h) var(--dt-color-chart-categorical-11-hover-s) var(--dt-color-chart-categorical-11-hover-l) / var(--bco)) !important;
}

.d-bc-chart-categorical-11-selected, .h\:d-bc-chart-categorical-11-selected:hover, .f\:d-bc-chart-categorical-11-selected:focus, .f\:d-bc-chart-categorical-11-selected:focus-within, .fv\:d-bc-chart-categorical-11-selected:focus-visible {
  --bco: var(--dt-color-chart-categorical-11-selected-a);
  border-color: hsl(var(--dt-color-chart-categorical-11-selected-h) var(--dt-color-chart-categorical-11-selected-s) var(--dt-color-chart-categorical-11-selected-l) / var(--bco)) !important;
}

.d-bc-chart-categorical-12-hover, .h\:d-bc-chart-categorical-12-hover:hover, .f\:d-bc-chart-categorical-12-hover:focus, .f\:d-bc-chart-categorical-12-hover:focus-within, .fv\:d-bc-chart-categorical-12-hover:focus-visible {
  --bco: var(--dt-color-chart-categorical-12-hover-a);
  border-color: hsl(var(--dt-color-chart-categorical-12-hover-h) var(--dt-color-chart-categorical-12-hover-s) var(--dt-color-chart-categorical-12-hover-l) / var(--bco)) !important;
}

.d-bc-chart-categorical-12-selected, .h\:d-bc-chart-categorical-12-selected:hover, .f\:d-bc-chart-categorical-12-selected:focus, .f\:d-bc-chart-categorical-12-selected:focus-within, .fv\:d-bc-chart-categorical-12-selected:focus-visible {
  --bco: var(--dt-color-chart-categorical-12-selected-a);
  border-color: hsl(var(--dt-color-chart-categorical-12-selected-h) var(--dt-color-chart-categorical-12-selected-s) var(--dt-color-chart-categorical-12-selected-l) / var(--bco)) !important;
}

.d-bc-chart-categorical-13-hover, .h\:d-bc-chart-categorical-13-hover:hover, .f\:d-bc-chart-categorical-13-hover:focus, .f\:d-bc-chart-categorical-13-hover:focus-within, .fv\:d-bc-chart-categorical-13-hover:focus-visible {
  --bco: var(--dt-color-chart-categorical-13-hover-a);
  border-color: hsl(var(--dt-color-chart-categorical-13-hover-h) var(--dt-color-chart-categorical-13-hover-s) var(--dt-color-chart-categorical-13-hover-l) / var(--bco)) !important;
}

.d-bc-chart-categorical-13-selected, .h\:d-bc-chart-categorical-13-selected:hover, .f\:d-bc-chart-categorical-13-selected:focus, .f\:d-bc-chart-categorical-13-selected:focus-within, .fv\:d-bc-chart-categorical-13-selected:focus-visible {
  --bco: var(--dt-color-chart-categorical-13-selected-a);
  border-color: hsl(var(--dt-color-chart-categorical-13-selected-h) var(--dt-color-chart-categorical-13-selected-s) var(--dt-color-chart-categorical-13-selected-l) / var(--bco)) !important;
}

.d-bc-chart-categorical-14-hover, .h\:d-bc-chart-categorical-14-hover:hover, .f\:d-bc-chart-categorical-14-hover:focus, .f\:d-bc-chart-categorical-14-hover:focus-within, .fv\:d-bc-chart-categorical-14-hover:focus-visible {
  --bco: var(--dt-color-chart-categorical-14-hover-a);
  border-color: hsl(var(--dt-color-chart-categorical-14-hover-h) var(--dt-color-chart-categorical-14-hover-s) var(--dt-color-chart-categorical-14-hover-l) / var(--bco)) !important;
}

.d-bc-chart-categorical-14-selected, .h\:d-bc-chart-categorical-14-selected:hover, .f\:d-bc-chart-categorical-14-selected:focus, .f\:d-bc-chart-categorical-14-selected:focus-within, .fv\:d-bc-chart-categorical-14-selected:focus-visible {
  --bco: var(--dt-color-chart-categorical-14-selected-a);
  border-color: hsl(var(--dt-color-chart-categorical-14-selected-h) var(--dt-color-chart-categorical-14-selected-s) var(--dt-color-chart-categorical-14-selected-l) / var(--bco)) !important;
}

.d-bc-chart-categorical-15-hover, .h\:d-bc-chart-categorical-15-hover:hover, .f\:d-bc-chart-categorical-15-hover:focus, .f\:d-bc-chart-categorical-15-hover:focus-within, .fv\:d-bc-chart-categorical-15-hover:focus-visible {
  --bco: var(--dt-color-chart-categorical-15-hover-a);
  border-color: hsl(var(--dt-color-chart-categorical-15-hover-h) var(--dt-color-chart-categorical-15-hover-s) var(--dt-color-chart-categorical-15-hover-l) / var(--bco)) !important;
}

.d-bc-chart-categorical-15-selected, .h\:d-bc-chart-categorical-15-selected:hover, .f\:d-bc-chart-categorical-15-selected:focus, .f\:d-bc-chart-categorical-15-selected:focus-within, .fv\:d-bc-chart-categorical-15-selected:focus-visible {
  --bco: var(--dt-color-chart-categorical-15-selected-a);
  border-color: hsl(var(--dt-color-chart-categorical-15-selected-h) var(--dt-color-chart-categorical-15-selected-s) var(--dt-color-chart-categorical-15-selected-l) / var(--bco)) !important;
}

.d-bc-chart-categorical-16-hover, .h\:d-bc-chart-categorical-16-hover:hover, .f\:d-bc-chart-categorical-16-hover:focus, .f\:d-bc-chart-categorical-16-hover:focus-within, .fv\:d-bc-chart-categorical-16-hover:focus-visible {
  --bco: var(--dt-color-chart-categorical-16-hover-a);
  border-color: hsl(var(--dt-color-chart-categorical-16-hover-h) var(--dt-color-chart-categorical-16-hover-s) var(--dt-color-chart-categorical-16-hover-l) / var(--bco)) !important;
}

.d-bc-chart-categorical-16-selected, .h\:d-bc-chart-categorical-16-selected:hover, .f\:d-bc-chart-categorical-16-selected:focus, .f\:d-bc-chart-categorical-16-selected:focus-within, .fv\:d-bc-chart-categorical-16-selected:focus-visible {
  --bco: var(--dt-color-chart-categorical-16-selected-a);
  border-color: hsl(var(--dt-color-chart-categorical-16-selected-h) var(--dt-color-chart-categorical-16-selected-s) var(--dt-color-chart-categorical-16-selected-l) / var(--bco)) !important;
}

.d-bc-chart-categorical-17-hover, .h\:d-bc-chart-categorical-17-hover:hover, .f\:d-bc-chart-categorical-17-hover:focus, .f\:d-bc-chart-categorical-17-hover:focus-within, .fv\:d-bc-chart-categorical-17-hover:focus-visible {
  --bco: var(--dt-color-chart-categorical-17-hover-a);
  border-color: hsl(var(--dt-color-chart-categorical-17-hover-h) var(--dt-color-chart-categorical-17-hover-s) var(--dt-color-chart-categorical-17-hover-l) / var(--bco)) !important;
}

.d-bc-chart-categorical-17-selected, .h\:d-bc-chart-categorical-17-selected:hover, .f\:d-bc-chart-categorical-17-selected:focus, .f\:d-bc-chart-categorical-17-selected:focus-within, .fv\:d-bc-chart-categorical-17-selected:focus-visible {
  --bco: var(--dt-color-chart-categorical-17-selected-a);
  border-color: hsl(var(--dt-color-chart-categorical-17-selected-h) var(--dt-color-chart-categorical-17-selected-s) var(--dt-color-chart-categorical-17-selected-l) / var(--bco)) !important;
}

.d-bc-chart-categorical-18-hover, .h\:d-bc-chart-categorical-18-hover:hover, .f\:d-bc-chart-categorical-18-hover:focus, .f\:d-bc-chart-categorical-18-hover:focus-within, .fv\:d-bc-chart-categorical-18-hover:focus-visible {
  --bco: var(--dt-color-chart-categorical-18-hover-a);
  border-color: hsl(var(--dt-color-chart-categorical-18-hover-h) var(--dt-color-chart-categorical-18-hover-s) var(--dt-color-chart-categorical-18-hover-l) / var(--bco)) !important;
}

.d-bc-chart-categorical-18-selected, .h\:d-bc-chart-categorical-18-selected:hover, .f\:d-bc-chart-categorical-18-selected:focus, .f\:d-bc-chart-categorical-18-selected:focus-within, .fv\:d-bc-chart-categorical-18-selected:focus-visible {
  --bco: var(--dt-color-chart-categorical-18-selected-a);
  border-color: hsl(var(--dt-color-chart-categorical-18-selected-h) var(--dt-color-chart-categorical-18-selected-s) var(--dt-color-chart-categorical-18-selected-l) / var(--bco)) !important;
}

.d-bc-chart-categorical-19-hover, .h\:d-bc-chart-categorical-19-hover:hover, .f\:d-bc-chart-categorical-19-hover:focus, .f\:d-bc-chart-categorical-19-hover:focus-within, .fv\:d-bc-chart-categorical-19-hover:focus-visible {
  --bco: var(--dt-color-chart-categorical-19-hover-a);
  border-color: hsl(var(--dt-color-chart-categorical-19-hover-h) var(--dt-color-chart-categorical-19-hover-s) var(--dt-color-chart-categorical-19-hover-l) / var(--bco)) !important;
}

.d-bc-chart-categorical-19-selected, .h\:d-bc-chart-categorical-19-selected:hover, .f\:d-bc-chart-categorical-19-selected:focus, .f\:d-bc-chart-categorical-19-selected:focus-within, .fv\:d-bc-chart-categorical-19-selected:focus-visible {
  --bco: var(--dt-color-chart-categorical-19-selected-a);
  border-color: hsl(var(--dt-color-chart-categorical-19-selected-h) var(--dt-color-chart-categorical-19-selected-s) var(--dt-color-chart-categorical-19-selected-l) / var(--bco)) !important;
}

.d-bc-chart-categorical-20-hover, .h\:d-bc-chart-categorical-20-hover:hover, .f\:d-bc-chart-categorical-20-hover:focus, .f\:d-bc-chart-categorical-20-hover:focus-within, .fv\:d-bc-chart-categorical-20-hover:focus-visible {
  --bco: var(--dt-color-chart-categorical-20-hover-a);
  border-color: hsl(var(--dt-color-chart-categorical-20-hover-h) var(--dt-color-chart-categorical-20-hover-s) var(--dt-color-chart-categorical-20-hover-l) / var(--bco)) !important;
}

.d-bc-chart-categorical-20-selected, .h\:d-bc-chart-categorical-20-selected:hover, .f\:d-bc-chart-categorical-20-selected:focus, .f\:d-bc-chart-categorical-20-selected:focus-within, .fv\:d-bc-chart-categorical-20-selected:focus-visible {
  --bco: var(--dt-color-chart-categorical-20-selected-a);
  border-color: hsl(var(--dt-color-chart-categorical-20-selected-h) var(--dt-color-chart-categorical-20-selected-s) var(--dt-color-chart-categorical-20-selected-l) / var(--bco)) !important;
}

.d-bc-chart-categorical-21-hover, .h\:d-bc-chart-categorical-21-hover:hover, .f\:d-bc-chart-categorical-21-hover:focus, .f\:d-bc-chart-categorical-21-hover:focus-within, .fv\:d-bc-chart-categorical-21-hover:focus-visible {
  --bco: var(--dt-color-chart-categorical-21-hover-a);
  border-color: hsl(var(--dt-color-chart-categorical-21-hover-h) var(--dt-color-chart-categorical-21-hover-s) var(--dt-color-chart-categorical-21-hover-l) / var(--bco)) !important;
}

.d-bc-chart-categorical-21-selected, .h\:d-bc-chart-categorical-21-selected:hover, .f\:d-bc-chart-categorical-21-selected:focus, .f\:d-bc-chart-categorical-21-selected:focus-within, .fv\:d-bc-chart-categorical-21-selected:focus-visible {
  --bco: var(--dt-color-chart-categorical-21-selected-a);
  border-color: hsl(var(--dt-color-chart-categorical-21-selected-h) var(--dt-color-chart-categorical-21-selected-s) var(--dt-color-chart-categorical-21-selected-l) / var(--bco)) !important;
}

.d-bc-chart-categorical-22-hover, .h\:d-bc-chart-categorical-22-hover:hover, .f\:d-bc-chart-categorical-22-hover:focus, .f\:d-bc-chart-categorical-22-hover:focus-within, .fv\:d-bc-chart-categorical-22-hover:focus-visible {
  --bco: var(--dt-color-chart-categorical-22-hover-a);
  border-color: hsl(var(--dt-color-chart-categorical-22-hover-h) var(--dt-color-chart-categorical-22-hover-s) var(--dt-color-chart-categorical-22-hover-l) / var(--bco)) !important;
}

.d-bc-chart-categorical-22-selected, .h\:d-bc-chart-categorical-22-selected:hover, .f\:d-bc-chart-categorical-22-selected:focus, .f\:d-bc-chart-categorical-22-selected:focus-within, .fv\:d-bc-chart-categorical-22-selected:focus-visible {
  --bco: var(--dt-color-chart-categorical-22-selected-a);
  border-color: hsl(var(--dt-color-chart-categorical-22-selected-h) var(--dt-color-chart-categorical-22-selected-s) var(--dt-color-chart-categorical-22-selected-l) / var(--bco)) !important;
}

.d-bc-chart-categorical-23-hover, .h\:d-bc-chart-categorical-23-hover:hover, .f\:d-bc-chart-categorical-23-hover:focus, .f\:d-bc-chart-categorical-23-hover:focus-within, .fv\:d-bc-chart-categorical-23-hover:focus-visible {
  --bco: var(--dt-color-chart-categorical-23-hover-a);
  border-color: hsl(var(--dt-color-chart-categorical-23-hover-h) var(--dt-color-chart-categorical-23-hover-s) var(--dt-color-chart-categorical-23-hover-l) / var(--bco)) !important;
}

.d-bc-chart-categorical-23-selected, .h\:d-bc-chart-categorical-23-selected:hover, .f\:d-bc-chart-categorical-23-selected:focus, .f\:d-bc-chart-categorical-23-selected:focus-within, .fv\:d-bc-chart-categorical-23-selected:focus-visible {
  --bco: var(--dt-color-chart-categorical-23-selected-a);
  border-color: hsl(var(--dt-color-chart-categorical-23-selected-h) var(--dt-color-chart-categorical-23-selected-s) var(--dt-color-chart-categorical-23-selected-l) / var(--bco)) !important;
}

.d-bc-chart-categorical-24-hover, .h\:d-bc-chart-categorical-24-hover:hover, .f\:d-bc-chart-categorical-24-hover:focus, .f\:d-bc-chart-categorical-24-hover:focus-within, .fv\:d-bc-chart-categorical-24-hover:focus-visible {
  --bco: var(--dt-color-chart-categorical-24-hover-a);
  border-color: hsl(var(--dt-color-chart-categorical-24-hover-h) var(--dt-color-chart-categorical-24-hover-s) var(--dt-color-chart-categorical-24-hover-l) / var(--bco)) !important;
}

.d-bc-chart-categorical-24-selected, .h\:d-bc-chart-categorical-24-selected:hover, .f\:d-bc-chart-categorical-24-selected:focus, .f\:d-bc-chart-categorical-24-selected:focus-within, .fv\:d-bc-chart-categorical-24-selected:focus-visible {
  --bco: var(--dt-color-chart-categorical-24-selected-a);
  border-color: hsl(var(--dt-color-chart-categorical-24-selected-h) var(--dt-color-chart-categorical-24-selected-s) var(--dt-color-chart-categorical-24-selected-l) / var(--bco)) !important;
}

.d-bc-chart-categorical-25-hover, .h\:d-bc-chart-categorical-25-hover:hover, .f\:d-bc-chart-categorical-25-hover:focus, .f\:d-bc-chart-categorical-25-hover:focus-within, .fv\:d-bc-chart-categorical-25-hover:focus-visible {
  --bco: var(--dt-color-chart-categorical-25-hover-a);
  border-color: hsl(var(--dt-color-chart-categorical-25-hover-h) var(--dt-color-chart-categorical-25-hover-s) var(--dt-color-chart-categorical-25-hover-l) / var(--bco)) !important;
}

.d-bc-chart-categorical-25-selected, .h\:d-bc-chart-categorical-25-selected:hover, .f\:d-bc-chart-categorical-25-selected:focus, .f\:d-bc-chart-categorical-25-selected:focus-within, .fv\:d-bc-chart-categorical-25-selected:focus-visible {
  --bco: var(--dt-color-chart-categorical-25-selected-a);
  border-color: hsl(var(--dt-color-chart-categorical-25-selected-h) var(--dt-color-chart-categorical-25-selected-s) var(--dt-color-chart-categorical-25-selected-l) / var(--bco)) !important;
}

.d-bc-chart-categorical-26-hover, .h\:d-bc-chart-categorical-26-hover:hover, .f\:d-bc-chart-categorical-26-hover:focus, .f\:d-bc-chart-categorical-26-hover:focus-within, .fv\:d-bc-chart-categorical-26-hover:focus-visible {
  --bco: var(--dt-color-chart-categorical-26-hover-a);
  border-color: hsl(var(--dt-color-chart-categorical-26-hover-h) var(--dt-color-chart-categorical-26-hover-s) var(--dt-color-chart-categorical-26-hover-l) / var(--bco)) !important;
}

.d-bc-chart-categorical-26-selected, .h\:d-bc-chart-categorical-26-selected:hover, .f\:d-bc-chart-categorical-26-selected:focus, .f\:d-bc-chart-categorical-26-selected:focus-within, .fv\:d-bc-chart-categorical-26-selected:focus-visible {
  --bco: var(--dt-color-chart-categorical-26-selected-a);
  border-color: hsl(var(--dt-color-chart-categorical-26-selected-h) var(--dt-color-chart-categorical-26-selected-s) var(--dt-color-chart-categorical-26-selected-l) / var(--bco)) !important;
}

.d-bc-chart-categorical-27-hover, .h\:d-bc-chart-categorical-27-hover:hover, .f\:d-bc-chart-categorical-27-hover:focus, .f\:d-bc-chart-categorical-27-hover:focus-within, .fv\:d-bc-chart-categorical-27-hover:focus-visible {
  --bco: var(--dt-color-chart-categorical-27-hover-a);
  border-color: hsl(var(--dt-color-chart-categorical-27-hover-h) var(--dt-color-chart-categorical-27-hover-s) var(--dt-color-chart-categorical-27-hover-l) / var(--bco)) !important;
}

.d-bc-chart-categorical-27-selected, .h\:d-bc-chart-categorical-27-selected:hover, .f\:d-bc-chart-categorical-27-selected:focus, .f\:d-bc-chart-categorical-27-selected:focus-within, .fv\:d-bc-chart-categorical-27-selected:focus-visible {
  --bco: var(--dt-color-chart-categorical-27-selected-a);
  border-color: hsl(var(--dt-color-chart-categorical-27-selected-h) var(--dt-color-chart-categorical-27-selected-s) var(--dt-color-chart-categorical-27-selected-l) / var(--bco)) !important;
}

.d-bc-chart-categorical-28-hover, .h\:d-bc-chart-categorical-28-hover:hover, .f\:d-bc-chart-categorical-28-hover:focus, .f\:d-bc-chart-categorical-28-hover:focus-within, .fv\:d-bc-chart-categorical-28-hover:focus-visible {
  --bco: var(--dt-color-chart-categorical-28-hover-a);
  border-color: hsl(var(--dt-color-chart-categorical-28-hover-h) var(--dt-color-chart-categorical-28-hover-s) var(--dt-color-chart-categorical-28-hover-l) / var(--bco)) !important;
}

.d-bc-chart-categorical-28-selected, .h\:d-bc-chart-categorical-28-selected:hover, .f\:d-bc-chart-categorical-28-selected:focus, .f\:d-bc-chart-categorical-28-selected:focus-within, .fv\:d-bc-chart-categorical-28-selected:focus-visible {
  --bco: var(--dt-color-chart-categorical-28-selected-a);
  border-color: hsl(var(--dt-color-chart-categorical-28-selected-h) var(--dt-color-chart-categorical-28-selected-s) var(--dt-color-chart-categorical-28-selected-l) / var(--bco)) !important;
}

.d-bc-chart-categorical-29-hover, .h\:d-bc-chart-categorical-29-hover:hover, .f\:d-bc-chart-categorical-29-hover:focus, .f\:d-bc-chart-categorical-29-hover:focus-within, .fv\:d-bc-chart-categorical-29-hover:focus-visible {
  --bco: var(--dt-color-chart-categorical-29-hover-a);
  border-color: hsl(var(--dt-color-chart-categorical-29-hover-h) var(--dt-color-chart-categorical-29-hover-s) var(--dt-color-chart-categorical-29-hover-l) / var(--bco)) !important;
}

.d-bc-chart-categorical-29-selected, .h\:d-bc-chart-categorical-29-selected:hover, .f\:d-bc-chart-categorical-29-selected:focus, .f\:d-bc-chart-categorical-29-selected:focus-within, .fv\:d-bc-chart-categorical-29-selected:focus-visible {
  --bco: var(--dt-color-chart-categorical-29-selected-a);
  border-color: hsl(var(--dt-color-chart-categorical-29-selected-h) var(--dt-color-chart-categorical-29-selected-s) var(--dt-color-chart-categorical-29-selected-l) / var(--bco)) !important;
}

.d-bc-chart-categorical-30-hover, .h\:d-bc-chart-categorical-30-hover:hover, .f\:d-bc-chart-categorical-30-hover:focus, .f\:d-bc-chart-categorical-30-hover:focus-within, .fv\:d-bc-chart-categorical-30-hover:focus-visible {
  --bco: var(--dt-color-chart-categorical-30-hover-a);
  border-color: hsl(var(--dt-color-chart-categorical-30-hover-h) var(--dt-color-chart-categorical-30-hover-s) var(--dt-color-chart-categorical-30-hover-l) / var(--bco)) !important;
}

.d-bc-chart-categorical-30-selected, .h\:d-bc-chart-categorical-30-selected:hover, .f\:d-bc-chart-categorical-30-selected:focus, .f\:d-bc-chart-categorical-30-selected:focus-within, .fv\:d-bc-chart-categorical-30-selected:focus-visible {
  --bco: var(--dt-color-chart-categorical-30-selected-a);
  border-color: hsl(var(--dt-color-chart-categorical-30-selected-h) var(--dt-color-chart-categorical-30-selected-s) var(--dt-color-chart-categorical-30-selected-l) / var(--bco)) !important;
}

.d-bc-chart-neutral, .h\:d-bc-chart-neutral:hover, .f\:d-bc-chart-neutral:focus, .f\:d-bc-chart-neutral:focus-within, .fv\:d-bc-chart-neutral:focus-visible {
  --bco: var(--dt-color-chart-neutral-a);
  border-color: hsl(var(--dt-color-chart-neutral-h) var(--dt-color-chart-neutral-s) var(--dt-color-chart-neutral-l) / var(--bco)) !important;
}

.d-bc-chart-neutral-hover, .h\:d-bc-chart-neutral-hover:hover, .f\:d-bc-chart-neutral-hover:focus, .f\:d-bc-chart-neutral-hover:focus-within, .fv\:d-bc-chart-neutral-hover:focus-visible {
  --bco: var(--dt-color-chart-neutral-hover-a);
  border-color: hsl(var(--dt-color-chart-neutral-hover-h) var(--dt-color-chart-neutral-hover-s) var(--dt-color-chart-neutral-hover-l) / var(--bco)) !important;
}

.d-bc-chart-neutral-selected, .h\:d-bc-chart-neutral-selected:hover, .f\:d-bc-chart-neutral-selected:focus, .f\:d-bc-chart-neutral-selected:focus-within, .fv\:d-bc-chart-neutral-selected:focus-visible {
  --bco: var(--dt-color-chart-neutral-selected-a);
  border-color: hsl(var(--dt-color-chart-neutral-selected-h) var(--dt-color-chart-neutral-selected-s) var(--dt-color-chart-neutral-selected-l) / var(--bco)) !important;
}

.d-bc-chart-accent, .h\:d-bc-chart-accent:hover, .f\:d-bc-chart-accent:focus, .f\:d-bc-chart-accent:focus-within, .fv\:d-bc-chart-accent:focus-visible {
  --bco: var(--dt-color-chart-accent-a);
  border-color: hsl(var(--dt-color-chart-accent-h) var(--dt-color-chart-accent-s) var(--dt-color-chart-accent-l) / var(--bco)) !important;
}

.d-bc-chart-accent-hover, .h\:d-bc-chart-accent-hover:hover, .f\:d-bc-chart-accent-hover:focus, .f\:d-bc-chart-accent-hover:focus-within, .fv\:d-bc-chart-accent-hover:focus-visible {
  --bco: var(--dt-color-chart-accent-hover-a);
  border-color: hsl(var(--dt-color-chart-accent-hover-h) var(--dt-color-chart-accent-hover-s) var(--dt-color-chart-accent-hover-l) / var(--bco)) !important;
}

.d-bc-chart-accent-selected, .h\:d-bc-chart-accent-selected:hover, .f\:d-bc-chart-accent-selected:focus, .f\:d-bc-chart-accent-selected:focus-within, .fv\:d-bc-chart-accent-selected:focus-visible {
  --bco: var(--dt-color-chart-accent-selected-a);
  border-color: hsl(var(--dt-color-chart-accent-selected-h) var(--dt-color-chart-accent-selected-s) var(--dt-color-chart-accent-selected-l) / var(--bco)) !important;
}

.d-bc-chart-positive, .h\:d-bc-chart-positive:hover, .f\:d-bc-chart-positive:focus, .f\:d-bc-chart-positive:focus-within, .fv\:d-bc-chart-positive:focus-visible {
  --bco: var(--dt-color-chart-positive-a);
  border-color: hsl(var(--dt-color-chart-positive-h) var(--dt-color-chart-positive-s) var(--dt-color-chart-positive-l) / var(--bco)) !important;
}

.d-bc-chart-positive-hover, .h\:d-bc-chart-positive-hover:hover, .f\:d-bc-chart-positive-hover:focus, .f\:d-bc-chart-positive-hover:focus-within, .fv\:d-bc-chart-positive-hover:focus-visible {
  --bco: var(--dt-color-chart-positive-hover-a);
  border-color: hsl(var(--dt-color-chart-positive-hover-h) var(--dt-color-chart-positive-hover-s) var(--dt-color-chart-positive-hover-l) / var(--bco)) !important;
}

.d-bc-chart-positive-selected, .h\:d-bc-chart-positive-selected:hover, .f\:d-bc-chart-positive-selected:focus, .f\:d-bc-chart-positive-selected:focus-within, .fv\:d-bc-chart-positive-selected:focus-visible {
  --bco: var(--dt-color-chart-positive-selected-a);
  border-color: hsl(var(--dt-color-chart-positive-selected-h) var(--dt-color-chart-positive-selected-s) var(--dt-color-chart-positive-selected-l) / var(--bco)) !important;
}

.d-bc-chart-critical, .h\:d-bc-chart-critical:hover, .f\:d-bc-chart-critical:focus, .f\:d-bc-chart-critical:focus-within, .fv\:d-bc-chart-critical:focus-visible {
  --bco: var(--dt-color-chart-critical-a);
  border-color: hsl(var(--dt-color-chart-critical-h) var(--dt-color-chart-critical-s) var(--dt-color-chart-critical-l) / var(--bco)) !important;
}

.d-bc-chart-critical-hover, .h\:d-bc-chart-critical-hover:hover, .f\:d-bc-chart-critical-hover:focus, .f\:d-bc-chart-critical-hover:focus-within, .fv\:d-bc-chart-critical-hover:focus-visible {
  --bco: var(--dt-color-chart-critical-hover-a);
  border-color: hsl(var(--dt-color-chart-critical-hover-h) var(--dt-color-chart-critical-hover-s) var(--dt-color-chart-critical-hover-l) / var(--bco)) !important;
}

.d-bc-chart-critical-selected, .h\:d-bc-chart-critical-selected:hover, .f\:d-bc-chart-critical-selected:focus, .f\:d-bc-chart-critical-selected:focus-within, .fv\:d-bc-chart-critical-selected:focus-visible {
  --bco: var(--dt-color-chart-critical-selected-a);
  border-color: hsl(var(--dt-color-chart-critical-selected-h) var(--dt-color-chart-critical-selected-s) var(--dt-color-chart-critical-selected-l) / var(--bco)) !important;
}

.d-bc-chart-warning-hover, .h\:d-bc-chart-warning-hover:hover, .f\:d-bc-chart-warning-hover:focus, .f\:d-bc-chart-warning-hover:focus-within, .fv\:d-bc-chart-warning-hover:focus-visible {
  --bco: var(--dt-color-chart-warning-hover-a);
  border-color: hsl(var(--dt-color-chart-warning-hover-h) var(--dt-color-chart-warning-hover-s) var(--dt-color-chart-warning-hover-l) / var(--bco)) !important;
}

.d-bc-chart-warning, .h\:d-bc-chart-warning:hover, .f\:d-bc-chart-warning:focus, .f\:d-bc-chart-warning:focus-within, .fv\:d-bc-chart-warning:focus-visible {
  --bco: var(--dt-color-chart-warning-a);
  border-color: hsl(var(--dt-color-chart-warning-h) var(--dt-color-chart-warning-s) var(--dt-color-chart-warning-l) / var(--bco)) !important;
}

.d-bc-chart-warning-selected, .h\:d-bc-chart-warning-selected:hover, .f\:d-bc-chart-warning-selected:focus, .f\:d-bc-chart-warning-selected:focus-within, .fv\:d-bc-chart-warning-selected:focus-visible {
  --bco: var(--dt-color-chart-warning-selected-a);
  border-color: hsl(var(--dt-color-chart-warning-selected-h) var(--dt-color-chart-warning-selected-s) var(--dt-color-chart-warning-selected-l) / var(--bco)) !important;
}

.d-bc-chart-info, .h\:d-bc-chart-info:hover, .f\:d-bc-chart-info:focus, .f\:d-bc-chart-info:focus-within, .fv\:d-bc-chart-info:focus-visible {
  --bco: var(--dt-color-chart-info-a);
  border-color: hsl(var(--dt-color-chart-info-h) var(--dt-color-chart-info-s) var(--dt-color-chart-info-l) / var(--bco)) !important;
}

.d-bc-chart-info-hover, .h\:d-bc-chart-info-hover:hover, .f\:d-bc-chart-info-hover:focus, .f\:d-bc-chart-info-hover:focus-within, .fv\:d-bc-chart-info-hover:focus-visible {
  --bco: var(--dt-color-chart-info-hover-a);
  border-color: hsl(var(--dt-color-chart-info-hover-h) var(--dt-color-chart-info-hover-s) var(--dt-color-chart-info-hover-l) / var(--bco)) !important;
}

.d-bc-chart-info-selected, .h\:d-bc-chart-info-selected:hover, .f\:d-bc-chart-info-selected:focus, .f\:d-bc-chart-info-selected:focus-within, .fv\:d-bc-chart-info-selected:focus-visible {
  --bco: var(--dt-color-chart-info-selected-a);
  border-color: hsl(var(--dt-color-chart-info-selected-h) var(--dt-color-chart-info-selected-s) var(--dt-color-chart-info-selected-l) / var(--bco)) !important;
}

.d-bc-chart-sequential-10, .h\:d-bc-chart-sequential-10:hover, .f\:d-bc-chart-sequential-10:focus, .f\:d-bc-chart-sequential-10:focus-within, .fv\:d-bc-chart-sequential-10:focus-visible {
  --bco: var(--dt-color-chart-sequential-10-a);
  border-color: hsl(var(--dt-color-chart-sequential-10-h) var(--dt-color-chart-sequential-10-s) var(--dt-color-chart-sequential-10-l) / var(--bco)) !important;
}

.d-bc-chart-sequential-01, .h\:d-bc-chart-sequential-01:hover, .f\:d-bc-chart-sequential-01:focus, .f\:d-bc-chart-sequential-01:focus-within, .fv\:d-bc-chart-sequential-01:focus-visible {
  --bco: var(--dt-color-chart-sequential-01-a);
  border-color: hsl(var(--dt-color-chart-sequential-01-h) var(--dt-color-chart-sequential-01-s) var(--dt-color-chart-sequential-01-l) / var(--bco)) !important;
}

.d-bc-chart-sequential-01-hover, .h\:d-bc-chart-sequential-01-hover:hover, .f\:d-bc-chart-sequential-01-hover:focus, .f\:d-bc-chart-sequential-01-hover:focus-within, .fv\:d-bc-chart-sequential-01-hover:focus-visible {
  --bco: var(--dt-color-chart-sequential-01-hover-a);
  border-color: hsl(var(--dt-color-chart-sequential-01-hover-h) var(--dt-color-chart-sequential-01-hover-s) var(--dt-color-chart-sequential-01-hover-l) / var(--bco)) !important;
}

.d-bc-chart-sequential-01-selected, .h\:d-bc-chart-sequential-01-selected:hover, .f\:d-bc-chart-sequential-01-selected:focus, .f\:d-bc-chart-sequential-01-selected:focus-within, .fv\:d-bc-chart-sequential-01-selected:focus-visible {
  --bco: var(--dt-color-chart-sequential-01-selected-a);
  border-color: hsl(var(--dt-color-chart-sequential-01-selected-h) var(--dt-color-chart-sequential-01-selected-s) var(--dt-color-chart-sequential-01-selected-l) / var(--bco)) !important;
}

.d-bc-chart-sequential-02, .h\:d-bc-chart-sequential-02:hover, .f\:d-bc-chart-sequential-02:focus, .f\:d-bc-chart-sequential-02:focus-within, .fv\:d-bc-chart-sequential-02:focus-visible {
  --bco: var(--dt-color-chart-sequential-02-a);
  border-color: hsl(var(--dt-color-chart-sequential-02-h) var(--dt-color-chart-sequential-02-s) var(--dt-color-chart-sequential-02-l) / var(--bco)) !important;
}

.d-bc-chart-sequential-02-hover, .h\:d-bc-chart-sequential-02-hover:hover, .f\:d-bc-chart-sequential-02-hover:focus, .f\:d-bc-chart-sequential-02-hover:focus-within, .fv\:d-bc-chart-sequential-02-hover:focus-visible {
  --bco: var(--dt-color-chart-sequential-02-hover-a);
  border-color: hsl(var(--dt-color-chart-sequential-02-hover-h) var(--dt-color-chart-sequential-02-hover-s) var(--dt-color-chart-sequential-02-hover-l) / var(--bco)) !important;
}

.d-bc-chart-sequential-02-selected, .h\:d-bc-chart-sequential-02-selected:hover, .f\:d-bc-chart-sequential-02-selected:focus, .f\:d-bc-chart-sequential-02-selected:focus-within, .fv\:d-bc-chart-sequential-02-selected:focus-visible {
  --bco: var(--dt-color-chart-sequential-02-selected-a);
  border-color: hsl(var(--dt-color-chart-sequential-02-selected-h) var(--dt-color-chart-sequential-02-selected-s) var(--dt-color-chart-sequential-02-selected-l) / var(--bco)) !important;
}

.d-bc-chart-sequential-03, .h\:d-bc-chart-sequential-03:hover, .f\:d-bc-chart-sequential-03:focus, .f\:d-bc-chart-sequential-03:focus-within, .fv\:d-bc-chart-sequential-03:focus-visible {
  --bco: var(--dt-color-chart-sequential-03-a);
  border-color: hsl(var(--dt-color-chart-sequential-03-h) var(--dt-color-chart-sequential-03-s) var(--dt-color-chart-sequential-03-l) / var(--bco)) !important;
}

.d-bc-chart-sequential-03-hover, .h\:d-bc-chart-sequential-03-hover:hover, .f\:d-bc-chart-sequential-03-hover:focus, .f\:d-bc-chart-sequential-03-hover:focus-within, .fv\:d-bc-chart-sequential-03-hover:focus-visible {
  --bco: var(--dt-color-chart-sequential-03-hover-a);
  border-color: hsl(var(--dt-color-chart-sequential-03-hover-h) var(--dt-color-chart-sequential-03-hover-s) var(--dt-color-chart-sequential-03-hover-l) / var(--bco)) !important;
}

.d-bc-chart-sequential-03-selected, .h\:d-bc-chart-sequential-03-selected:hover, .f\:d-bc-chart-sequential-03-selected:focus, .f\:d-bc-chart-sequential-03-selected:focus-within, .fv\:d-bc-chart-sequential-03-selected:focus-visible {
  --bco: var(--dt-color-chart-sequential-03-selected-a);
  border-color: hsl(var(--dt-color-chart-sequential-03-selected-h) var(--dt-color-chart-sequential-03-selected-s) var(--dt-color-chart-sequential-03-selected-l) / var(--bco)) !important;
}

.d-bc-chart-sequential-04, .h\:d-bc-chart-sequential-04:hover, .f\:d-bc-chart-sequential-04:focus, .f\:d-bc-chart-sequential-04:focus-within, .fv\:d-bc-chart-sequential-04:focus-visible {
  --bco: var(--dt-color-chart-sequential-04-a);
  border-color: hsl(var(--dt-color-chart-sequential-04-h) var(--dt-color-chart-sequential-04-s) var(--dt-color-chart-sequential-04-l) / var(--bco)) !important;
}

.d-bc-chart-sequential-04-hover, .h\:d-bc-chart-sequential-04-hover:hover, .f\:d-bc-chart-sequential-04-hover:focus, .f\:d-bc-chart-sequential-04-hover:focus-within, .fv\:d-bc-chart-sequential-04-hover:focus-visible {
  --bco: var(--dt-color-chart-sequential-04-hover-a);
  border-color: hsl(var(--dt-color-chart-sequential-04-hover-h) var(--dt-color-chart-sequential-04-hover-s) var(--dt-color-chart-sequential-04-hover-l) / var(--bco)) !important;
}

.d-bc-chart-sequential-04-selected, .h\:d-bc-chart-sequential-04-selected:hover, .f\:d-bc-chart-sequential-04-selected:focus, .f\:d-bc-chart-sequential-04-selected:focus-within, .fv\:d-bc-chart-sequential-04-selected:focus-visible {
  --bco: var(--dt-color-chart-sequential-04-selected-a);
  border-color: hsl(var(--dt-color-chart-sequential-04-selected-h) var(--dt-color-chart-sequential-04-selected-s) var(--dt-color-chart-sequential-04-selected-l) / var(--bco)) !important;
}

.d-bc-chart-sequential-05, .h\:d-bc-chart-sequential-05:hover, .f\:d-bc-chart-sequential-05:focus, .f\:d-bc-chart-sequential-05:focus-within, .fv\:d-bc-chart-sequential-05:focus-visible {
  --bco: var(--dt-color-chart-sequential-05-a);
  border-color: hsl(var(--dt-color-chart-sequential-05-h) var(--dt-color-chart-sequential-05-s) var(--dt-color-chart-sequential-05-l) / var(--bco)) !important;
}

.d-bc-chart-sequential-05-hover, .h\:d-bc-chart-sequential-05-hover:hover, .f\:d-bc-chart-sequential-05-hover:focus, .f\:d-bc-chart-sequential-05-hover:focus-within, .fv\:d-bc-chart-sequential-05-hover:focus-visible {
  --bco: var(--dt-color-chart-sequential-05-hover-a);
  border-color: hsl(var(--dt-color-chart-sequential-05-hover-h) var(--dt-color-chart-sequential-05-hover-s) var(--dt-color-chart-sequential-05-hover-l) / var(--bco)) !important;
}

.d-bc-chart-sequential-05-selected, .h\:d-bc-chart-sequential-05-selected:hover, .f\:d-bc-chart-sequential-05-selected:focus, .f\:d-bc-chart-sequential-05-selected:focus-within, .fv\:d-bc-chart-sequential-05-selected:focus-visible {
  --bco: var(--dt-color-chart-sequential-05-selected-a);
  border-color: hsl(var(--dt-color-chart-sequential-05-selected-h) var(--dt-color-chart-sequential-05-selected-s) var(--dt-color-chart-sequential-05-selected-l) / var(--bco)) !important;
}

.d-bc-chart-sequential-06, .h\:d-bc-chart-sequential-06:hover, .f\:d-bc-chart-sequential-06:focus, .f\:d-bc-chart-sequential-06:focus-within, .fv\:d-bc-chart-sequential-06:focus-visible {
  --bco: var(--dt-color-chart-sequential-06-a);
  border-color: hsl(var(--dt-color-chart-sequential-06-h) var(--dt-color-chart-sequential-06-s) var(--dt-color-chart-sequential-06-l) / var(--bco)) !important;
}

.d-bc-chart-sequential-06-hover, .h\:d-bc-chart-sequential-06-hover:hover, .f\:d-bc-chart-sequential-06-hover:focus, .f\:d-bc-chart-sequential-06-hover:focus-within, .fv\:d-bc-chart-sequential-06-hover:focus-visible {
  --bco: var(--dt-color-chart-sequential-06-hover-a);
  border-color: hsl(var(--dt-color-chart-sequential-06-hover-h) var(--dt-color-chart-sequential-06-hover-s) var(--dt-color-chart-sequential-06-hover-l) / var(--bco)) !important;
}

.d-bc-chart-sequential-06-selected, .h\:d-bc-chart-sequential-06-selected:hover, .f\:d-bc-chart-sequential-06-selected:focus, .f\:d-bc-chart-sequential-06-selected:focus-within, .fv\:d-bc-chart-sequential-06-selected:focus-visible {
  --bco: var(--dt-color-chart-sequential-06-selected-a);
  border-color: hsl(var(--dt-color-chart-sequential-06-selected-h) var(--dt-color-chart-sequential-06-selected-s) var(--dt-color-chart-sequential-06-selected-l) / var(--bco)) !important;
}

.d-bc-chart-sequential-07, .h\:d-bc-chart-sequential-07:hover, .f\:d-bc-chart-sequential-07:focus, .f\:d-bc-chart-sequential-07:focus-within, .fv\:d-bc-chart-sequential-07:focus-visible {
  --bco: var(--dt-color-chart-sequential-07-a);
  border-color: hsl(var(--dt-color-chart-sequential-07-h) var(--dt-color-chart-sequential-07-s) var(--dt-color-chart-sequential-07-l) / var(--bco)) !important;
}

.d-bc-chart-sequential-07-hover, .h\:d-bc-chart-sequential-07-hover:hover, .f\:d-bc-chart-sequential-07-hover:focus, .f\:d-bc-chart-sequential-07-hover:focus-within, .fv\:d-bc-chart-sequential-07-hover:focus-visible {
  --bco: var(--dt-color-chart-sequential-07-hover-a);
  border-color: hsl(var(--dt-color-chart-sequential-07-hover-h) var(--dt-color-chart-sequential-07-hover-s) var(--dt-color-chart-sequential-07-hover-l) / var(--bco)) !important;
}

.d-bc-chart-sequential-07-selected, .h\:d-bc-chart-sequential-07-selected:hover, .f\:d-bc-chart-sequential-07-selected:focus, .f\:d-bc-chart-sequential-07-selected:focus-within, .fv\:d-bc-chart-sequential-07-selected:focus-visible {
  --bco: var(--dt-color-chart-sequential-07-selected-a);
  border-color: hsl(var(--dt-color-chart-sequential-07-selected-h) var(--dt-color-chart-sequential-07-selected-s) var(--dt-color-chart-sequential-07-selected-l) / var(--bco)) !important;
}

.d-bc-chart-sequential-08, .h\:d-bc-chart-sequential-08:hover, .f\:d-bc-chart-sequential-08:focus, .f\:d-bc-chart-sequential-08:focus-within, .fv\:d-bc-chart-sequential-08:focus-visible {
  --bco: var(--dt-color-chart-sequential-08-a);
  border-color: hsl(var(--dt-color-chart-sequential-08-h) var(--dt-color-chart-sequential-08-s) var(--dt-color-chart-sequential-08-l) / var(--bco)) !important;
}

.d-bc-chart-sequential-08-hover, .h\:d-bc-chart-sequential-08-hover:hover, .f\:d-bc-chart-sequential-08-hover:focus, .f\:d-bc-chart-sequential-08-hover:focus-within, .fv\:d-bc-chart-sequential-08-hover:focus-visible {
  --bco: var(--dt-color-chart-sequential-08-hover-a);
  border-color: hsl(var(--dt-color-chart-sequential-08-hover-h) var(--dt-color-chart-sequential-08-hover-s) var(--dt-color-chart-sequential-08-hover-l) / var(--bco)) !important;
}

.d-bc-chart-sequential-08-selected, .h\:d-bc-chart-sequential-08-selected:hover, .f\:d-bc-chart-sequential-08-selected:focus, .f\:d-bc-chart-sequential-08-selected:focus-within, .fv\:d-bc-chart-sequential-08-selected:focus-visible {
  --bco: var(--dt-color-chart-sequential-08-selected-a);
  border-color: hsl(var(--dt-color-chart-sequential-08-selected-h) var(--dt-color-chart-sequential-08-selected-s) var(--dt-color-chart-sequential-08-selected-l) / var(--bco)) !important;
}

.d-bc-chart-sequential-09, .h\:d-bc-chart-sequential-09:hover, .f\:d-bc-chart-sequential-09:focus, .f\:d-bc-chart-sequential-09:focus-within, .fv\:d-bc-chart-sequential-09:focus-visible {
  --bco: var(--dt-color-chart-sequential-09-a);
  border-color: hsl(var(--dt-color-chart-sequential-09-h) var(--dt-color-chart-sequential-09-s) var(--dt-color-chart-sequential-09-l) / var(--bco)) !important;
}

.d-bc-chart-sequential-09-hover, .h\:d-bc-chart-sequential-09-hover:hover, .f\:d-bc-chart-sequential-09-hover:focus, .f\:d-bc-chart-sequential-09-hover:focus-within, .fv\:d-bc-chart-sequential-09-hover:focus-visible {
  --bco: var(--dt-color-chart-sequential-09-hover-a);
  border-color: hsl(var(--dt-color-chart-sequential-09-hover-h) var(--dt-color-chart-sequential-09-hover-s) var(--dt-color-chart-sequential-09-hover-l) / var(--bco)) !important;
}

.d-bc-chart-sequential-09-selected, .h\:d-bc-chart-sequential-09-selected:hover, .f\:d-bc-chart-sequential-09-selected:focus, .f\:d-bc-chart-sequential-09-selected:focus-within, .fv\:d-bc-chart-sequential-09-selected:focus-visible {
  --bco: var(--dt-color-chart-sequential-09-selected-a);
  border-color: hsl(var(--dt-color-chart-sequential-09-selected-h) var(--dt-color-chart-sequential-09-selected-s) var(--dt-color-chart-sequential-09-selected-l) / var(--bco)) !important;
}

.d-bc-chart-sequential-10-hover, .h\:d-bc-chart-sequential-10-hover:hover, .f\:d-bc-chart-sequential-10-hover:focus, .f\:d-bc-chart-sequential-10-hover:focus-within, .fv\:d-bc-chart-sequential-10-hover:focus-visible {
  --bco: var(--dt-color-chart-sequential-10-hover-a);
  border-color: hsl(var(--dt-color-chart-sequential-10-hover-h) var(--dt-color-chart-sequential-10-hover-s) var(--dt-color-chart-sequential-10-hover-l) / var(--bco)) !important;
}

.d-bc-chart-sequential-10-selected, .h\:d-bc-chart-sequential-10-selected:hover, .f\:d-bc-chart-sequential-10-selected:focus, .f\:d-bc-chart-sequential-10-selected:focus-within, .fv\:d-bc-chart-sequential-10-selected:focus-visible {
  --bco: var(--dt-color-chart-sequential-10-selected-a);
  border-color: hsl(var(--dt-color-chart-sequential-10-selected-h) var(--dt-color-chart-sequential-10-selected-s) var(--dt-color-chart-sequential-10-selected-l) / var(--bco)) !important;
}

.d-bc-chart-sequential-range-00-start, .h\:d-bc-chart-sequential-range-00-start:hover, .f\:d-bc-chart-sequential-range-00-start:focus, .f\:d-bc-chart-sequential-range-00-start:focus-within, .fv\:d-bc-chart-sequential-range-00-start:focus-visible {
  --bco: var(--dt-color-chart-sequential-range-00-start-a);
  border-color: hsl(var(--dt-color-chart-sequential-range-00-start-h) var(--dt-color-chart-sequential-range-00-start-s) var(--dt-color-chart-sequential-range-00-start-l) / var(--bco)) !important;
}

.d-bc-chart-sequential-range-00-end, .h\:d-bc-chart-sequential-range-00-end:hover, .f\:d-bc-chart-sequential-range-00-end:focus, .f\:d-bc-chart-sequential-range-00-end:focus-within, .fv\:d-bc-chart-sequential-range-00-end:focus-visible {
  --bco: var(--dt-color-chart-sequential-range-00-end-a);
  border-color: hsl(var(--dt-color-chart-sequential-range-00-end-h) var(--dt-color-chart-sequential-range-00-end-s) var(--dt-color-chart-sequential-range-00-end-l) / var(--bco)) !important;
}

.d-bc-chart-sequential-range-01-start, .h\:d-bc-chart-sequential-range-01-start:hover, .f\:d-bc-chart-sequential-range-01-start:focus, .f\:d-bc-chart-sequential-range-01-start:focus-within, .fv\:d-bc-chart-sequential-range-01-start:focus-visible {
  --bco: var(--dt-color-chart-sequential-range-01-start-a);
  border-color: hsl(var(--dt-color-chart-sequential-range-01-start-h) var(--dt-color-chart-sequential-range-01-start-s) var(--dt-color-chart-sequential-range-01-start-l) / var(--bco)) !important;
}

.d-bc-chart-sequential-range-01-end, .h\:d-bc-chart-sequential-range-01-end:hover, .f\:d-bc-chart-sequential-range-01-end:focus, .f\:d-bc-chart-sequential-range-01-end:focus-within, .fv\:d-bc-chart-sequential-range-01-end:focus-visible {
  --bco: var(--dt-color-chart-sequential-range-01-end-a);
  border-color: hsl(var(--dt-color-chart-sequential-range-01-end-h) var(--dt-color-chart-sequential-range-01-end-s) var(--dt-color-chart-sequential-range-01-end-l) / var(--bco)) !important;
}

.d-bc-chart-sequential-range-02-start, .h\:d-bc-chart-sequential-range-02-start:hover, .f\:d-bc-chart-sequential-range-02-start:focus, .f\:d-bc-chart-sequential-range-02-start:focus-within, .fv\:d-bc-chart-sequential-range-02-start:focus-visible {
  --bco: var(--dt-color-chart-sequential-range-02-start-a);
  border-color: hsl(var(--dt-color-chart-sequential-range-02-start-h) var(--dt-color-chart-sequential-range-02-start-s) var(--dt-color-chart-sequential-range-02-start-l) / var(--bco)) !important;
}

.d-bc-chart-sequential-range-02-end, .h\:d-bc-chart-sequential-range-02-end:hover, .f\:d-bc-chart-sequential-range-02-end:focus, .f\:d-bc-chart-sequential-range-02-end:focus-within, .fv\:d-bc-chart-sequential-range-02-end:focus-visible {
  --bco: var(--dt-color-chart-sequential-range-02-end-a);
  border-color: hsl(var(--dt-color-chart-sequential-range-02-end-h) var(--dt-color-chart-sequential-range-02-end-s) var(--dt-color-chart-sequential-range-02-end-l) / var(--bco)) !important;
}

.d-bc-chart-sequential-range-03-start, .h\:d-bc-chart-sequential-range-03-start:hover, .f\:d-bc-chart-sequential-range-03-start:focus, .f\:d-bc-chart-sequential-range-03-start:focus-within, .fv\:d-bc-chart-sequential-range-03-start:focus-visible {
  --bco: var(--dt-color-chart-sequential-range-03-start-a);
  border-color: hsl(var(--dt-color-chart-sequential-range-03-start-h) var(--dt-color-chart-sequential-range-03-start-s) var(--dt-color-chart-sequential-range-03-start-l) / var(--bco)) !important;
}

.d-bc-chart-sequential-range-03-end, .h\:d-bc-chart-sequential-range-03-end:hover, .f\:d-bc-chart-sequential-range-03-end:focus, .f\:d-bc-chart-sequential-range-03-end:focus-within, .fv\:d-bc-chart-sequential-range-03-end:focus-visible {
  --bco: var(--dt-color-chart-sequential-range-03-end-a);
  border-color: hsl(var(--dt-color-chart-sequential-range-03-end-h) var(--dt-color-chart-sequential-range-03-end-s) var(--dt-color-chart-sequential-range-03-end-l) / var(--bco)) !important;
}

.d-bc-chart-sequential-range-04-start, .h\:d-bc-chart-sequential-range-04-start:hover, .f\:d-bc-chart-sequential-range-04-start:focus, .f\:d-bc-chart-sequential-range-04-start:focus-within, .fv\:d-bc-chart-sequential-range-04-start:focus-visible {
  --bco: var(--dt-color-chart-sequential-range-04-start-a);
  border-color: hsl(var(--dt-color-chart-sequential-range-04-start-h) var(--dt-color-chart-sequential-range-04-start-s) var(--dt-color-chart-sequential-range-04-start-l) / var(--bco)) !important;
}

.d-bc-chart-sequential-range-04-end, .h\:d-bc-chart-sequential-range-04-end:hover, .f\:d-bc-chart-sequential-range-04-end:focus, .f\:d-bc-chart-sequential-range-04-end:focus-within, .fv\:d-bc-chart-sequential-range-04-end:focus-visible {
  --bco: var(--dt-color-chart-sequential-range-04-end-a);
  border-color: hsl(var(--dt-color-chart-sequential-range-04-end-h) var(--dt-color-chart-sequential-range-04-end-s) var(--dt-color-chart-sequential-range-04-end-l) / var(--bco)) !important;
}

.d-bc-chart-sequential-range-05-start, .h\:d-bc-chart-sequential-range-05-start:hover, .f\:d-bc-chart-sequential-range-05-start:focus, .f\:d-bc-chart-sequential-range-05-start:focus-within, .fv\:d-bc-chart-sequential-range-05-start:focus-visible {
  --bco: var(--dt-color-chart-sequential-range-05-start-a);
  border-color: hsl(var(--dt-color-chart-sequential-range-05-start-h) var(--dt-color-chart-sequential-range-05-start-s) var(--dt-color-chart-sequential-range-05-start-l) / var(--bco)) !important;
}

.d-bc-chart-sequential-range-05-end, .h\:d-bc-chart-sequential-range-05-end:hover, .f\:d-bc-chart-sequential-range-05-end:focus, .f\:d-bc-chart-sequential-range-05-end:focus-within, .fv\:d-bc-chart-sequential-range-05-end:focus-visible {
  --bco: var(--dt-color-chart-sequential-range-05-end-a);
  border-color: hsl(var(--dt-color-chart-sequential-range-05-end-h) var(--dt-color-chart-sequential-range-05-end-s) var(--dt-color-chart-sequential-range-05-end-l) / var(--bco)) !important;
}

.d-bc-chart-sequential-range-06-start, .h\:d-bc-chart-sequential-range-06-start:hover, .f\:d-bc-chart-sequential-range-06-start:focus, .f\:d-bc-chart-sequential-range-06-start:focus-within, .fv\:d-bc-chart-sequential-range-06-start:focus-visible {
  --bco: var(--dt-color-chart-sequential-range-06-start-a);
  border-color: hsl(var(--dt-color-chart-sequential-range-06-start-h) var(--dt-color-chart-sequential-range-06-start-s) var(--dt-color-chart-sequential-range-06-start-l) / var(--bco)) !important;
}

.d-bc-chart-sequential-range-06-end, .h\:d-bc-chart-sequential-range-06-end:hover, .f\:d-bc-chart-sequential-range-06-end:focus, .f\:d-bc-chart-sequential-range-06-end:focus-within, .fv\:d-bc-chart-sequential-range-06-end:focus-visible {
  --bco: var(--dt-color-chart-sequential-range-06-end-a);
  border-color: hsl(var(--dt-color-chart-sequential-range-06-end-h) var(--dt-color-chart-sequential-range-06-end-s) var(--dt-color-chart-sequential-range-06-end-l) / var(--bco)) !important;
}

.d-bc-chart-sequential-range-07-start, .h\:d-bc-chart-sequential-range-07-start:hover, .f\:d-bc-chart-sequential-range-07-start:focus, .f\:d-bc-chart-sequential-range-07-start:focus-within, .fv\:d-bc-chart-sequential-range-07-start:focus-visible {
  --bco: var(--dt-color-chart-sequential-range-07-start-a);
  border-color: hsl(var(--dt-color-chart-sequential-range-07-start-h) var(--dt-color-chart-sequential-range-07-start-s) var(--dt-color-chart-sequential-range-07-start-l) / var(--bco)) !important;
}

.d-bc-chart-sequential-range-07-end, .h\:d-bc-chart-sequential-range-07-end:hover, .f\:d-bc-chart-sequential-range-07-end:focus, .f\:d-bc-chart-sequential-range-07-end:focus-within, .fv\:d-bc-chart-sequential-range-07-end:focus-visible {
  --bco: var(--dt-color-chart-sequential-range-07-end-a);
  border-color: hsl(var(--dt-color-chart-sequential-range-07-end-h) var(--dt-color-chart-sequential-range-07-end-s) var(--dt-color-chart-sequential-range-07-end-l) / var(--bco)) !important;
}

.d-bc-chart-sequential-range-08-start, .h\:d-bc-chart-sequential-range-08-start:hover, .f\:d-bc-chart-sequential-range-08-start:focus, .f\:d-bc-chart-sequential-range-08-start:focus-within, .fv\:d-bc-chart-sequential-range-08-start:focus-visible {
  --bco: var(--dt-color-chart-sequential-range-08-start-a);
  border-color: hsl(var(--dt-color-chart-sequential-range-08-start-h) var(--dt-color-chart-sequential-range-08-start-s) var(--dt-color-chart-sequential-range-08-start-l) / var(--bco)) !important;
}

.d-bc-chart-sequential-range-08-end, .h\:d-bc-chart-sequential-range-08-end:hover, .f\:d-bc-chart-sequential-range-08-end:focus, .f\:d-bc-chart-sequential-range-08-end:focus-within, .fv\:d-bc-chart-sequential-range-08-end:focus-visible {
  --bco: var(--dt-color-chart-sequential-range-08-end-a);
  border-color: hsl(var(--dt-color-chart-sequential-range-08-end-h) var(--dt-color-chart-sequential-range-08-end-s) var(--dt-color-chart-sequential-range-08-end-l) / var(--bco)) !important;
}

.d-bc-chart-sequential-range-09-start, .h\:d-bc-chart-sequential-range-09-start:hover, .f\:d-bc-chart-sequential-range-09-start:focus, .f\:d-bc-chart-sequential-range-09-start:focus-within, .fv\:d-bc-chart-sequential-range-09-start:focus-visible {
  --bco: var(--dt-color-chart-sequential-range-09-start-a);
  border-color: hsl(var(--dt-color-chart-sequential-range-09-start-h) var(--dt-color-chart-sequential-range-09-start-s) var(--dt-color-chart-sequential-range-09-start-l) / var(--bco)) !important;
}

.d-bc-chart-sequential-range-09-end, .h\:d-bc-chart-sequential-range-09-end:hover, .f\:d-bc-chart-sequential-range-09-end:focus, .f\:d-bc-chart-sequential-range-09-end:focus-within, .fv\:d-bc-chart-sequential-range-09-end:focus-visible {
  --bco: var(--dt-color-chart-sequential-range-09-end-a);
  border-color: hsl(var(--dt-color-chart-sequential-range-09-end-h) var(--dt-color-chart-sequential-range-09-end-s) var(--dt-color-chart-sequential-range-09-end-l) / var(--bco)) !important;
}

.d-bc-chart-sequential-range-10-start, .h\:d-bc-chart-sequential-range-10-start:hover, .f\:d-bc-chart-sequential-range-10-start:focus, .f\:d-bc-chart-sequential-range-10-start:focus-within, .fv\:d-bc-chart-sequential-range-10-start:focus-visible {
  --bco: var(--dt-color-chart-sequential-range-10-start-a);
  border-color: hsl(var(--dt-color-chart-sequential-range-10-start-h) var(--dt-color-chart-sequential-range-10-start-s) var(--dt-color-chart-sequential-range-10-start-l) / var(--bco)) !important;
}

.d-bc-chart-sequential-range-10-end, .h\:d-bc-chart-sequential-range-10-end:hover, .f\:d-bc-chart-sequential-range-10-end:focus, .f\:d-bc-chart-sequential-range-10-end:focus-within, .fv\:d-bc-chart-sequential-range-10-end:focus-visible {
  --bco: var(--dt-color-chart-sequential-range-10-end-a);
  border-color: hsl(var(--dt-color-chart-sequential-range-10-end-h) var(--dt-color-chart-sequential-range-10-end-s) var(--dt-color-chart-sequential-range-10-end-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;
}

.d-bgc-neutral-black, .h\:d-bgc-neutral-black:hover, .f\:d-bgc-neutral-black:focus, .f\:d-bgc-neutral-black:focus-within, .fv\:d-bgc-neutral-black:focus-visible {
  --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;
}

.d-bgc-black-200, .h\:d-bgc-black-200:hover, .f\:d-bgc-black-200:focus, .f\:d-bgc-black-200:focus-within, .fv\:d-bgc-black-200:focus-visible {
  --bgo: var(--dt-color-black-200-a);
  background-color: hsl(var(--dt-color-black-200-h) var(--dt-color-black-200-s) var(--dt-color-black-200-l) / var(--bgo)) !important;
}

.d-bgc-black-300, .h\:d-bgc-black-300:hover, .f\:d-bgc-black-300:focus, .f\:d-bgc-black-300:focus-within, .fv\:d-bgc-black-300:focus-visible {
  --bgo: var(--dt-color-black-300-a);
  background-color: hsl(var(--dt-color-black-300-h) var(--dt-color-black-300-s) var(--dt-color-black-300-l) / var(--bgo)) !important;
}

.d-bgc-black-400, .h\:d-bgc-black-400:hover, .f\:d-bgc-black-400:focus, .f\:d-bgc-black-400:focus-within, .fv\:d-bgc-black-400:focus-visible {
  --bgo: var(--dt-color-black-400-a);
  background-color: hsl(var(--dt-color-black-400-h) var(--dt-color-black-400-s) var(--dt-color-black-400-l) / var(--bgo)) !important;
}

.d-bgc-black-500, .h\:d-bgc-black-500:hover, .f\:d-bgc-black-500:focus, .f\:d-bgc-black-500:focus-within, .fv\:d-bgc-black-500:focus-visible {
  --bgo: var(--dt-color-black-500-a);
  background-color: hsl(var(--dt-color-black-500-h) var(--dt-color-black-500-s) var(--dt-color-black-500-l) / var(--bgo)) !important;
}

.d-bgc-black-600, .h\:d-bgc-black-600:hover, .f\:d-bgc-black-600:focus, .f\:d-bgc-black-600:focus-within, .fv\:d-bgc-black-600:focus-visible {
  --bgo: var(--dt-color-black-600-a);
  background-color: hsl(var(--dt-color-black-600-h) var(--dt-color-black-600-s) var(--dt-color-black-600-l) / var(--bgo)) !important;
}

.d-bgc-black-700, .h\:d-bgc-black-700:hover, .f\:d-bgc-black-700:focus, .f\:d-bgc-black-700:focus-within, .fv\:d-bgc-black-700:focus-visible {
  --bgo: var(--dt-color-black-700-a);
  background-color: hsl(var(--dt-color-black-700-h) var(--dt-color-black-700-s) var(--dt-color-black-700-l) / var(--bgo)) !important;
}

.d-bgc-black-800, .h\:d-bgc-black-800:hover, .f\:d-bgc-black-800:focus, .f\:d-bgc-black-800:focus-within, .fv\:d-bgc-black-800:focus-visible {
  --bgo: var(--dt-color-black-800-a);
  background-color: hsl(var(--dt-color-black-800-h) var(--dt-color-black-800-s) var(--dt-color-black-800-l) / var(--bgo)) !important;
}

.d-bgc-black-900, .h\:d-bgc-black-900:hover, .f\:d-bgc-black-900:focus, .f\:d-bgc-black-900:focus-within, .fv\:d-bgc-black-900:focus-visible {
  --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;
}

.d-bgc-purple-200, .h\:d-bgc-purple-200:hover, .f\:d-bgc-purple-200:focus, .f\:d-bgc-purple-200:focus-within, .fv\:d-bgc-purple-200:focus-visible {
  --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;
}

.d-bgc-blue-200, .h\:d-bgc-blue-200:hover, .f\:d-bgc-blue-200:focus, .f\:d-bgc-blue-200:focus-within, .fv\:d-bgc-blue-200:focus-visible {
  --bgo: var(--dt-color-blue-200-a);
  background-color: hsl(var(--dt-color-blue-200-h) var(--dt-color-blue-200-s) var(--dt-color-blue-200-l) / var(--bgo)) !important;
}

.d-bgc-blue-300, .h\:d-bgc-blue-300:hover, .f\:d-bgc-blue-300:focus, .f\:d-bgc-blue-300:focus-within, .fv\:d-bgc-blue-300:focus-visible {
  --bgo: var(--dt-color-blue-300-a);
  background-color: hsl(var(--dt-color-blue-300-h) var(--dt-color-blue-300-s) var(--dt-color-blue-300-l) / var(--bgo)) !important;
}

.d-bgc-blue-400, .h\:d-bgc-blue-400:hover, .f\:d-bgc-blue-400:focus, .f\:d-bgc-blue-400:focus-within, .fv\:d-bgc-blue-400:focus-visible {
  --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;
}

.d-bgc-magenta-200, .h\:d-bgc-magenta-200:hover, .f\:d-bgc-magenta-200:focus, .f\:d-bgc-magenta-200:focus-within, .fv\:d-bgc-magenta-200:focus-visible {
  --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;
}

.d-bgc-magenta-400, .h\:d-bgc-magenta-400:hover, .f\:d-bgc-magenta-400:focus, .f\:d-bgc-magenta-400:focus-within, .fv\:d-bgc-magenta-400:focus-visible {
  --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;
}

.d-bgc-gold-200, .h\:d-bgc-gold-200:hover, .f\:d-bgc-gold-200:focus, .f\:d-bgc-gold-200:focus-within, .fv\:d-bgc-gold-200:focus-visible {
  --bgo: var(--dt-color-gold-200-a);
  background-color: hsl(var(--dt-color-gold-200-h) var(--dt-color-gold-200-s) var(--dt-color-gold-200-l) / var(--bgo)) !important;
}

.d-bgc-gold-300, .h\:d-bgc-gold-300:hover, .f\:d-bgc-gold-300:focus, .f\:d-bgc-gold-300:focus-within, .fv\:d-bgc-gold-300:focus-visible {
  --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;
}

.d-bgc-green-200, .h\:d-bgc-green-200:hover, .f\:d-bgc-green-200:focus, .f\:d-bgc-green-200:focus-within, .fv\:d-bgc-green-200:focus-visible {
  --bgo: var(--dt-color-green-200-a);
  background-color: hsl(var(--dt-color-green-200-h) var(--dt-color-green-200-s) var(--dt-color-green-200-l) / var(--bgo)) !important;
}

.d-bgc-green-300, .h\:d-bgc-green-300:hover, .f\:d-bgc-green-300:focus, .f\:d-bgc-green-300:focus-within, .fv\:d-bgc-green-300:focus-visible {
  --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;
}

.d-bgc-red-200, .h\:d-bgc-red-200:hover, .f\:d-bgc-red-200:focus, .f\:d-bgc-red-200:focus-within, .fv\:d-bgc-red-200:focus-visible {
  --bgo: var(--dt-color-red-200-a);
  background-color: hsl(var(--dt-color-red-200-h) var(--dt-color-red-200-s) var(--dt-color-red-200-l) / var(--bgo)) !important;
}

.d-bgc-red-300, .h\:d-bgc-red-300:hover, .f\:d-bgc-red-300:focus, .f\:d-bgc-red-300:focus-within, .fv\:d-bgc-red-300:focus-visible {
  --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;
}

.d-bgc-tan-200, .h\:d-bgc-tan-200:hover, .f\:d-bgc-tan-200:focus, .f\:d-bgc-tan-200:focus-within, .fv\:d-bgc-tan-200:focus-visible {
  --bgo: var(--dt-color-tan-200-a);
  background-color: hsl(var(--dt-color-tan-200-h) var(--dt-color-tan-200-s) var(--dt-color-tan-200-l) / var(--bgo)) !important;
}

.d-bgc-tan-300, .h\:d-bgc-tan-300:hover, .f\:d-bgc-tan-300:focus, .f\:d-bgc-tan-300:focus-within, .fv\:d-bgc-tan-300:focus-visible {
  --bgo: var(--dt-color-tan-300-a);
  background-color: hsl(var(--dt-color-tan-300-h) var(--dt-color-tan-300-s) var(--dt-color-tan-300-l) / var(--bgo)) !important;
}

.d-bgc-tan-400, .h\:d-bgc-tan-400:hover, .f\:d-bgc-tan-400:focus, .f\:d-bgc-tan-400:focus-within, .fv\:d-bgc-tan-400:focus-visible {
  --bgo: var(--dt-color-tan-400-a);
  background-color: hsl(var(--dt-color-tan-400-h) var(--dt-color-tan-400-s) var(--dt-color-tan-400-l) / var(--bgo)) !important;
}

.d-bgc-tan-500, .h\:d-bgc-tan-500:hover, .f\:d-bgc-tan-500:focus, .f\:d-bgc-tan-500:focus-within, .fv\:d-bgc-tan-500:focus-visible {
  --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-berry-50, .h\:d-bgc-berry-50:hover, .f\:d-bgc-berry-50:focus, .f\:d-bgc-berry-50:focus-within, .fv\:d-bgc-berry-50:focus-visible {
  --bgo: var(--dt-color-berry-50-a);
  background-color: hsl(var(--dt-color-berry-50-h) var(--dt-color-berry-50-s) var(--dt-color-berry-50-l) / var(--bgo)) !important;
}

.d-bgc-berry-100, .h\:d-bgc-berry-100:hover, .f\:d-bgc-berry-100:focus, .f\:d-bgc-berry-100:focus-within, .fv\:d-bgc-berry-100:focus-visible {
  --bgo: var(--dt-color-berry-100-a);
  background-color: hsl(var(--dt-color-berry-100-h) var(--dt-color-berry-100-s) var(--dt-color-berry-100-l) / var(--bgo)) !important;
}

.d-bgc-berry-200, .h\:d-bgc-berry-200:hover, .f\:d-bgc-berry-200:focus, .f\:d-bgc-berry-200:focus-within, .fv\:d-bgc-berry-200:focus-visible {
  --bgo: var(--dt-color-berry-200-a);
  background-color: hsl(var(--dt-color-berry-200-h) var(--dt-color-berry-200-s) var(--dt-color-berry-200-l) / var(--bgo)) !important;
}

.d-bgc-berry-300, .h\:d-bgc-berry-300:hover, .f\:d-bgc-berry-300:focus, .f\:d-bgc-berry-300:focus-within, .fv\:d-bgc-berry-300:focus-visible {
  --bgo: var(--dt-color-berry-300-a);
  background-color: hsl(var(--dt-color-berry-300-h) var(--dt-color-berry-300-s) var(--dt-color-berry-300-l) / var(--bgo)) !important;
}

.d-bgc-berry-400, .h\:d-bgc-berry-400:hover, .f\:d-bgc-berry-400:focus, .f\:d-bgc-berry-400:focus-within, .fv\:d-bgc-berry-400:focus-visible {
  --bgo: var(--dt-color-berry-400-a);
  background-color: hsl(var(--dt-color-berry-400-h) var(--dt-color-berry-400-s) var(--dt-color-berry-400-l) / var(--bgo)) !important;
}

.d-bgc-berry-500, .h\:d-bgc-berry-500:hover, .f\:d-bgc-berry-500:focus, .f\:d-bgc-berry-500:focus-within, .fv\:d-bgc-berry-500:focus-visible {
  --bgo: var(--dt-color-berry-500-a);
  background-color: hsl(var(--dt-color-berry-500-h) var(--dt-color-berry-500-s) var(--dt-color-berry-500-l) / var(--bgo)) !important;
}

.d-bgc-berry-600, .h\:d-bgc-berry-600:hover, .f\:d-bgc-berry-600:focus, .f\:d-bgc-berry-600:focus-within, .fv\:d-bgc-berry-600:focus-visible {
  --bgo: var(--dt-color-berry-600-a);
  background-color: hsl(var(--dt-color-berry-600-h) var(--dt-color-berry-600-s) var(--dt-color-berry-600-l) / var(--bgo)) !important;
}

.d-bgc-berry-700, .h\:d-bgc-berry-700:hover, .f\:d-bgc-berry-700:focus, .f\:d-bgc-berry-700:focus-within, .fv\:d-bgc-berry-700:focus-visible {
  --bgo: var(--dt-color-berry-700-a);
  background-color: hsl(var(--dt-color-berry-700-h) var(--dt-color-berry-700-s) var(--dt-color-berry-700-l) / var(--bgo)) !important;
}

.d-bgc-berry-800, .h\:d-bgc-berry-800:hover, .f\:d-bgc-berry-800:focus, .f\:d-bgc-berry-800:focus-within, .fv\:d-bgc-berry-800:focus-visible {
  --bgo: var(--dt-color-berry-800-a);
  background-color: hsl(var(--dt-color-berry-800-h) var(--dt-color-berry-800-s) var(--dt-color-berry-800-l) / var(--bgo)) !important;
}

.d-bgc-berry-900, .h\:d-bgc-berry-900:hover, .f\:d-bgc-berry-900:focus, .f\:d-bgc-berry-900:focus-within, .fv\:d-bgc-berry-900:focus-visible {
  --bgo: var(--dt-color-berry-900-a);
  background-color: hsl(var(--dt-color-berry-900-h) var(--dt-color-berry-900-s) var(--dt-color-berry-900-l) / var(--bgo)) !important;
}

.d-bgc-berry-950, .h\:d-bgc-berry-950:hover, .f\:d-bgc-berry-950:focus, .f\:d-bgc-berry-950:focus-within, .fv\:d-bgc-berry-950:focus-visible {
  --bgo: var(--dt-color-berry-950-a);
  background-color: hsl(var(--dt-color-berry-950-h) var(--dt-color-berry-950-s) var(--dt-color-berry-950-l) / var(--bgo)) !important;
}

.d-bgc-berry-1000, .h\:d-bgc-berry-1000:hover, .f\:d-bgc-berry-1000:focus, .f\:d-bgc-berry-1000:focus-within, .fv\:d-bgc-berry-1000:focus-visible {
  --bgo: var(--dt-color-berry-1000-a);
  background-color: hsl(var(--dt-color-berry-1000-h) var(--dt-color-berry-1000-s) var(--dt-color-berry-1000-l) / var(--bgo)) !important;
}

.d-bgc-coral-50, .h\:d-bgc-coral-50:hover, .f\:d-bgc-coral-50:focus, .f\:d-bgc-coral-50:focus-within, .fv\:d-bgc-coral-50:focus-visible {
  --bgo: var(--dt-color-coral-50-a);
  background-color: hsl(var(--dt-color-coral-50-h) var(--dt-color-coral-50-s) var(--dt-color-coral-50-l) / var(--bgo)) !important;
}

.d-bgc-coral-100, .h\:d-bgc-coral-100:hover, .f\:d-bgc-coral-100:focus, .f\:d-bgc-coral-100:focus-within, .fv\:d-bgc-coral-100:focus-visible {
  --bgo: var(--dt-color-coral-100-a);
  background-color: hsl(var(--dt-color-coral-100-h) var(--dt-color-coral-100-s) var(--dt-color-coral-100-l) / var(--bgo)) !important;
}

.d-bgc-coral-200, .h\:d-bgc-coral-200:hover, .f\:d-bgc-coral-200:focus, .f\:d-bgc-coral-200:focus-within, .fv\:d-bgc-coral-200:focus-visible {
  --bgo: var(--dt-color-coral-200-a);
  background-color: hsl(var(--dt-color-coral-200-h) var(--dt-color-coral-200-s) var(--dt-color-coral-200-l) / var(--bgo)) !important;
}

.d-bgc-coral-300, .h\:d-bgc-coral-300:hover, .f\:d-bgc-coral-300:focus, .f\:d-bgc-coral-300:focus-within, .fv\:d-bgc-coral-300:focus-visible {
  --bgo: var(--dt-color-coral-300-a);
  background-color: hsl(var(--dt-color-coral-300-h) var(--dt-color-coral-300-s) var(--dt-color-coral-300-l) / var(--bgo)) !important;
}

.d-bgc-coral-400, .h\:d-bgc-coral-400:hover, .f\:d-bgc-coral-400:focus, .f\:d-bgc-coral-400:focus-within, .fv\:d-bgc-coral-400:focus-visible {
  --bgo: var(--dt-color-coral-400-a);
  background-color: hsl(var(--dt-color-coral-400-h) var(--dt-color-coral-400-s) var(--dt-color-coral-400-l) / var(--bgo)) !important;
}

.d-bgc-coral-500, .h\:d-bgc-coral-500:hover, .f\:d-bgc-coral-500:focus, .f\:d-bgc-coral-500:focus-within, .fv\:d-bgc-coral-500:focus-visible {
  --bgo: var(--dt-color-coral-500-a);
  background-color: hsl(var(--dt-color-coral-500-h) var(--dt-color-coral-500-s) var(--dt-color-coral-500-l) / var(--bgo)) !important;
}

.d-bgc-coral-600, .h\:d-bgc-coral-600:hover, .f\:d-bgc-coral-600:focus, .f\:d-bgc-coral-600:focus-within, .fv\:d-bgc-coral-600:focus-visible {
  --bgo: var(--dt-color-coral-600-a);
  background-color: hsl(var(--dt-color-coral-600-h) var(--dt-color-coral-600-s) var(--dt-color-coral-600-l) / var(--bgo)) !important;
}

.d-bgc-coral-700, .h\:d-bgc-coral-700:hover, .f\:d-bgc-coral-700:focus, .f\:d-bgc-coral-700:focus-within, .fv\:d-bgc-coral-700:focus-visible {
  --bgo: var(--dt-color-coral-700-a);
  background-color: hsl(var(--dt-color-coral-700-h) var(--dt-color-coral-700-s) var(--dt-color-coral-700-l) / var(--bgo)) !important;
}

.d-bgc-coral-800, .h\:d-bgc-coral-800:hover, .f\:d-bgc-coral-800:focus, .f\:d-bgc-coral-800:focus-within, .fv\:d-bgc-coral-800:focus-visible {
  --bgo: var(--dt-color-coral-800-a);
  background-color: hsl(var(--dt-color-coral-800-h) var(--dt-color-coral-800-s) var(--dt-color-coral-800-l) / var(--bgo)) !important;
}

.d-bgc-coral-900, .h\:d-bgc-coral-900:hover, .f\:d-bgc-coral-900:focus, .f\:d-bgc-coral-900:focus-within, .fv\:d-bgc-coral-900:focus-visible {
  --bgo: var(--dt-color-coral-900-a);
  background-color: hsl(var(--dt-color-coral-900-h) var(--dt-color-coral-900-s) var(--dt-color-coral-900-l) / var(--bgo)) !important;
}

.d-bgc-coral-950, .h\:d-bgc-coral-950:hover, .f\:d-bgc-coral-950:focus, .f\:d-bgc-coral-950:focus-within, .fv\:d-bgc-coral-950:focus-visible {
  --bgo: var(--dt-color-coral-950-a);
  background-color: hsl(var(--dt-color-coral-950-h) var(--dt-color-coral-950-s) var(--dt-color-coral-950-l) / var(--bgo)) !important;
}

.d-bgc-coral-1000, .h\:d-bgc-coral-1000:hover, .f\:d-bgc-coral-1000:focus, .f\:d-bgc-coral-1000:focus-within, .fv\:d-bgc-coral-1000:focus-visible {
  --bgo: var(--dt-color-coral-1000-a);
  background-color: hsl(var(--dt-color-coral-1000-h) var(--dt-color-coral-1000-s) var(--dt-color-coral-1000-l) / var(--bgo)) !important;
}

.d-bgc-olive-50, .h\:d-bgc-olive-50:hover, .f\:d-bgc-olive-50:focus, .f\:d-bgc-olive-50:focus-within, .fv\:d-bgc-olive-50:focus-visible {
  --bgo: var(--dt-color-olive-50-a);
  background-color: hsl(var(--dt-color-olive-50-h) var(--dt-color-olive-50-s) var(--dt-color-olive-50-l) / var(--bgo)) !important;
}

.d-bgc-olive-100, .h\:d-bgc-olive-100:hover, .f\:d-bgc-olive-100:focus, .f\:d-bgc-olive-100:focus-within, .fv\:d-bgc-olive-100:focus-visible {
  --bgo: var(--dt-color-olive-100-a);
  background-color: hsl(var(--dt-color-olive-100-h) var(--dt-color-olive-100-s) var(--dt-color-olive-100-l) / var(--bgo)) !important;
}

.d-bgc-olive-200, .h\:d-bgc-olive-200:hover, .f\:d-bgc-olive-200:focus, .f\:d-bgc-olive-200:focus-within, .fv\:d-bgc-olive-200:focus-visible {
  --bgo: var(--dt-color-olive-200-a);
  background-color: hsl(var(--dt-color-olive-200-h) var(--dt-color-olive-200-s) var(--dt-color-olive-200-l) / var(--bgo)) !important;
}

.d-bgc-olive-300, .h\:d-bgc-olive-300:hover, .f\:d-bgc-olive-300:focus, .f\:d-bgc-olive-300:focus-within, .fv\:d-bgc-olive-300:focus-visible {
  --bgo: var(--dt-color-olive-300-a);
  background-color: hsl(var(--dt-color-olive-300-h) var(--dt-color-olive-300-s) var(--dt-color-olive-300-l) / var(--bgo)) !important;
}

.d-bgc-olive-400, .h\:d-bgc-olive-400:hover, .f\:d-bgc-olive-400:focus, .f\:d-bgc-olive-400:focus-within, .fv\:d-bgc-olive-400:focus-visible {
  --bgo: var(--dt-color-olive-400-a);
  background-color: hsl(var(--dt-color-olive-400-h) var(--dt-color-olive-400-s) var(--dt-color-olive-400-l) / var(--bgo)) !important;
}

.d-bgc-olive-500, .h\:d-bgc-olive-500:hover, .f\:d-bgc-olive-500:focus, .f\:d-bgc-olive-500:focus-within, .fv\:d-bgc-olive-500:focus-visible {
  --bgo: var(--dt-color-olive-500-a);
  background-color: hsl(var(--dt-color-olive-500-h) var(--dt-color-olive-500-s) var(--dt-color-olive-500-l) / var(--bgo)) !important;
}

.d-bgc-olive-600, .h\:d-bgc-olive-600:hover, .f\:d-bgc-olive-600:focus, .f\:d-bgc-olive-600:focus-within, .fv\:d-bgc-olive-600:focus-visible {
  --bgo: var(--dt-color-olive-600-a);
  background-color: hsl(var(--dt-color-olive-600-h) var(--dt-color-olive-600-s) var(--dt-color-olive-600-l) / var(--bgo)) !important;
}

.d-bgc-olive-700, .h\:d-bgc-olive-700:hover, .f\:d-bgc-olive-700:focus, .f\:d-bgc-olive-700:focus-within, .fv\:d-bgc-olive-700:focus-visible {
  --bgo: var(--dt-color-olive-700-a);
  background-color: hsl(var(--dt-color-olive-700-h) var(--dt-color-olive-700-s) var(--dt-color-olive-700-l) / var(--bgo)) !important;
}

.d-bgc-olive-800, .h\:d-bgc-olive-800:hover, .f\:d-bgc-olive-800:focus, .f\:d-bgc-olive-800:focus-within, .fv\:d-bgc-olive-800:focus-visible {
  --bgo: var(--dt-color-olive-800-a);
  background-color: hsl(var(--dt-color-olive-800-h) var(--dt-color-olive-800-s) var(--dt-color-olive-800-l) / var(--bgo)) !important;
}

.d-bgc-olive-900, .h\:d-bgc-olive-900:hover, .f\:d-bgc-olive-900:focus, .f\:d-bgc-olive-900:focus-within, .fv\:d-bgc-olive-900:focus-visible {
  --bgo: var(--dt-color-olive-900-a);
  background-color: hsl(var(--dt-color-olive-900-h) var(--dt-color-olive-900-s) var(--dt-color-olive-900-l) / var(--bgo)) !important;
}

.d-bgc-olive-950, .h\:d-bgc-olive-950:hover, .f\:d-bgc-olive-950:focus, .f\:d-bgc-olive-950:focus-within, .fv\:d-bgc-olive-950:focus-visible {
  --bgo: var(--dt-color-olive-950-a);
  background-color: hsl(var(--dt-color-olive-950-h) var(--dt-color-olive-950-s) var(--dt-color-olive-950-l) / var(--bgo)) !important;
}

.d-bgc-olive-1000, .h\:d-bgc-olive-1000:hover, .f\:d-bgc-olive-1000:focus, .f\:d-bgc-olive-1000:focus-within, .fv\:d-bgc-olive-1000:focus-visible {
  --bgo: var(--dt-color-olive-1000-a);
  background-color: hsl(var(--dt-color-olive-1000-h) var(--dt-color-olive-1000-s) var(--dt-color-olive-1000-l) / var(--bgo)) !important;
}

.d-bgc-teal-50, .h\:d-bgc-teal-50:hover, .f\:d-bgc-teal-50:focus, .f\:d-bgc-teal-50:focus-within, .fv\:d-bgc-teal-50:focus-visible {
  --bgo: var(--dt-color-teal-50-a);
  background-color: hsl(var(--dt-color-teal-50-h) var(--dt-color-teal-50-s) var(--dt-color-teal-50-l) / var(--bgo)) !important;
}

.d-bgc-teal-100, .h\:d-bgc-teal-100:hover, .f\:d-bgc-teal-100:focus, .f\:d-bgc-teal-100:focus-within, .fv\:d-bgc-teal-100:focus-visible {
  --bgo: var(--dt-color-teal-100-a);
  background-color: hsl(var(--dt-color-teal-100-h) var(--dt-color-teal-100-s) var(--dt-color-teal-100-l) / var(--bgo)) !important;
}

.d-bgc-teal-200, .h\:d-bgc-teal-200:hover, .f\:d-bgc-teal-200:focus, .f\:d-bgc-teal-200:focus-within, .fv\:d-bgc-teal-200:focus-visible {
  --bgo: var(--dt-color-teal-200-a);
  background-color: hsl(var(--dt-color-teal-200-h) var(--dt-color-teal-200-s) var(--dt-color-teal-200-l) / var(--bgo)) !important;
}

.d-bgc-teal-300, .h\:d-bgc-teal-300:hover, .f\:d-bgc-teal-300:focus, .f\:d-bgc-teal-300:focus-within, .fv\:d-bgc-teal-300:focus-visible {
  --bgo: var(--dt-color-teal-300-a);
  background-color: hsl(var(--dt-color-teal-300-h) var(--dt-color-teal-300-s) var(--dt-color-teal-300-l) / var(--bgo)) !important;
}

.d-bgc-teal-400, .h\:d-bgc-teal-400:hover, .f\:d-bgc-teal-400:focus, .f\:d-bgc-teal-400:focus-within, .fv\:d-bgc-teal-400:focus-visible {
  --bgo: var(--dt-color-teal-400-a);
  background-color: hsl(var(--dt-color-teal-400-h) var(--dt-color-teal-400-s) var(--dt-color-teal-400-l) / var(--bgo)) !important;
}

.d-bgc-teal-500, .h\:d-bgc-teal-500:hover, .f\:d-bgc-teal-500:focus, .f\:d-bgc-teal-500:focus-within, .fv\:d-bgc-teal-500:focus-visible {
  --bgo: var(--dt-color-teal-500-a);
  background-color: hsl(var(--dt-color-teal-500-h) var(--dt-color-teal-500-s) var(--dt-color-teal-500-l) / var(--bgo)) !important;
}

.d-bgc-teal-600, .h\:d-bgc-teal-600:hover, .f\:d-bgc-teal-600:focus, .f\:d-bgc-teal-600:focus-within, .fv\:d-bgc-teal-600:focus-visible {
  --bgo: var(--dt-color-teal-600-a);
  background-color: hsl(var(--dt-color-teal-600-h) var(--dt-color-teal-600-s) var(--dt-color-teal-600-l) / var(--bgo)) !important;
}

.d-bgc-teal-700, .h\:d-bgc-teal-700:hover, .f\:d-bgc-teal-700:focus, .f\:d-bgc-teal-700:focus-within, .fv\:d-bgc-teal-700:focus-visible {
  --bgo: var(--dt-color-teal-700-a);
  background-color: hsl(var(--dt-color-teal-700-h) var(--dt-color-teal-700-s) var(--dt-color-teal-700-l) / var(--bgo)) !important;
}

.d-bgc-teal-800, .h\:d-bgc-teal-800:hover, .f\:d-bgc-teal-800:focus, .f\:d-bgc-teal-800:focus-within, .fv\:d-bgc-teal-800:focus-visible {
  --bgo: var(--dt-color-teal-800-a);
  background-color: hsl(var(--dt-color-teal-800-h) var(--dt-color-teal-800-s) var(--dt-color-teal-800-l) / var(--bgo)) !important;
}

.d-bgc-teal-900, .h\:d-bgc-teal-900:hover, .f\:d-bgc-teal-900:focus, .f\:d-bgc-teal-900:focus-within, .fv\:d-bgc-teal-900:focus-visible {
  --bgo: var(--dt-color-teal-900-a);
  background-color: hsl(var(--dt-color-teal-900-h) var(--dt-color-teal-900-s) var(--dt-color-teal-900-l) / var(--bgo)) !important;
}

.d-bgc-teal-950, .h\:d-bgc-teal-950:hover, .f\:d-bgc-teal-950:focus, .f\:d-bgc-teal-950:focus-within, .fv\:d-bgc-teal-950:focus-visible {
  --bgo: var(--dt-color-teal-950-a);
  background-color: hsl(var(--dt-color-teal-950-h) var(--dt-color-teal-950-s) var(--dt-color-teal-950-l) / var(--bgo)) !important;
}

.d-bgc-teal-1000, .h\:d-bgc-teal-1000:hover, .f\:d-bgc-teal-1000:focus, .f\:d-bgc-teal-1000:focus-within, .fv\:d-bgc-teal-1000:focus-visible {
  --bgo: var(--dt-color-teal-1000-a);
  background-color: hsl(var(--dt-color-teal-1000-h) var(--dt-color-teal-1000-s) var(--dt-color-teal-1000-l) / var(--bgo)) !important;
}

.d-bgc-indigo-50, .h\:d-bgc-indigo-50:hover, .f\:d-bgc-indigo-50:focus, .f\:d-bgc-indigo-50:focus-within, .fv\:d-bgc-indigo-50:focus-visible {
  --bgo: var(--dt-color-indigo-50-a);
  background-color: hsl(var(--dt-color-indigo-50-h) var(--dt-color-indigo-50-s) var(--dt-color-indigo-50-l) / var(--bgo)) !important;
}

.d-bgc-indigo-100, .h\:d-bgc-indigo-100:hover, .f\:d-bgc-indigo-100:focus, .f\:d-bgc-indigo-100:focus-within, .fv\:d-bgc-indigo-100:focus-visible {
  --bgo: var(--dt-color-indigo-100-a);
  background-color: hsl(var(--dt-color-indigo-100-h) var(--dt-color-indigo-100-s) var(--dt-color-indigo-100-l) / var(--bgo)) !important;
}

.d-bgc-indigo-200, .h\:d-bgc-indigo-200:hover, .f\:d-bgc-indigo-200:focus, .f\:d-bgc-indigo-200:focus-within, .fv\:d-bgc-indigo-200:focus-visible {
  --bgo: var(--dt-color-indigo-200-a);
  background-color: hsl(var(--dt-color-indigo-200-h) var(--dt-color-indigo-200-s) var(--dt-color-indigo-200-l) / var(--bgo)) !important;
}

.d-bgc-indigo-300, .h\:d-bgc-indigo-300:hover, .f\:d-bgc-indigo-300:focus, .f\:d-bgc-indigo-300:focus-within, .fv\:d-bgc-indigo-300:focus-visible {
  --bgo: var(--dt-color-indigo-300-a);
  background-color: hsl(var(--dt-color-indigo-300-h) var(--dt-color-indigo-300-s) var(--dt-color-indigo-300-l) / var(--bgo)) !important;
}

.d-bgc-indigo-400, .h\:d-bgc-indigo-400:hover, .f\:d-bgc-indigo-400:focus, .f\:d-bgc-indigo-400:focus-within, .fv\:d-bgc-indigo-400:focus-visible {
  --bgo: var(--dt-color-indigo-400-a);
  background-color: hsl(var(--dt-color-indigo-400-h) var(--dt-color-indigo-400-s) var(--dt-color-indigo-400-l) / var(--bgo)) !important;
}

.d-bgc-indigo-500, .h\:d-bgc-indigo-500:hover, .f\:d-bgc-indigo-500:focus, .f\:d-bgc-indigo-500:focus-within, .fv\:d-bgc-indigo-500:focus-visible {
  --bgo: var(--dt-color-indigo-500-a);
  background-color: hsl(var(--dt-color-indigo-500-h) var(--dt-color-indigo-500-s) var(--dt-color-indigo-500-l) / var(--bgo)) !important;
}

.d-bgc-indigo-600, .h\:d-bgc-indigo-600:hover, .f\:d-bgc-indigo-600:focus, .f\:d-bgc-indigo-600:focus-within, .fv\:d-bgc-indigo-600:focus-visible {
  --bgo: var(--dt-color-indigo-600-a);
  background-color: hsl(var(--dt-color-indigo-600-h) var(--dt-color-indigo-600-s) var(--dt-color-indigo-600-l) / var(--bgo)) !important;
}

.d-bgc-indigo-700, .h\:d-bgc-indigo-700:hover, .f\:d-bgc-indigo-700:focus, .f\:d-bgc-indigo-700:focus-within, .fv\:d-bgc-indigo-700:focus-visible {
  --bgo: var(--dt-color-indigo-700-a);
  background-color: hsl(var(--dt-color-indigo-700-h) var(--dt-color-indigo-700-s) var(--dt-color-indigo-700-l) / var(--bgo)) !important;
}

.d-bgc-indigo-800, .h\:d-bgc-indigo-800:hover, .f\:d-bgc-indigo-800:focus, .f\:d-bgc-indigo-800:focus-within, .fv\:d-bgc-indigo-800:focus-visible {
  --bgo: var(--dt-color-indigo-800-a);
  background-color: hsl(var(--dt-color-indigo-800-h) var(--dt-color-indigo-800-s) var(--dt-color-indigo-800-l) / var(--bgo)) !important;
}

.d-bgc-indigo-900, .h\:d-bgc-indigo-900:hover, .f\:d-bgc-indigo-900:focus, .f\:d-bgc-indigo-900:focus-within, .fv\:d-bgc-indigo-900:focus-visible {
  --bgo: var(--dt-color-indigo-900-a);
  background-color: hsl(var(--dt-color-indigo-900-h) var(--dt-color-indigo-900-s) var(--dt-color-indigo-900-l) / var(--bgo)) !important;
}

.d-bgc-indigo-950, .h\:d-bgc-indigo-950:hover, .f\:d-bgc-indigo-950:focus, .f\:d-bgc-indigo-950:focus-within, .fv\:d-bgc-indigo-950:focus-visible {
  --bgo: var(--dt-color-indigo-950-a);
  background-color: hsl(var(--dt-color-indigo-950-h) var(--dt-color-indigo-950-s) var(--dt-color-indigo-950-l) / var(--bgo)) !important;
}

.d-bgc-indigo-1000, .h\:d-bgc-indigo-1000:hover, .f\:d-bgc-indigo-1000:focus, .f\:d-bgc-indigo-1000:focus-within, .fv\:d-bgc-indigo-1000:focus-visible {
  --bgo: var(--dt-color-indigo-1000-a);
  background-color: hsl(var(--dt-color-indigo-1000-h) var(--dt-color-indigo-1000-s) var(--dt-color-indigo-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;
}

.d-bgc-moderate-opaque, .h\:d-bgc-moderate-opaque:hover, .f\:d-bgc-moderate-opaque:focus, .f\:d-bgc-moderate-opaque:focus-within, .fv\:d-bgc-moderate-opaque:focus-visible {
  --bgo: var(--dt-color-surface-moderate-opaque-a);
  background-color: hsl(var(--dt-color-surface-moderate-opaque-h) var(--dt-color-surface-moderate-opaque-s) var(--dt-color-surface-moderate-opaque-l) / var(--bgo)) !important;
}

.d-bgc-bold-opaque, .h\:d-bgc-bold-opaque:hover, .f\:d-bgc-bold-opaque:focus, .f\:d-bgc-bold-opaque:focus-within, .fv\:d-bgc-bold-opaque:focus-visible {
  --bgo: var(--dt-color-surface-bold-opaque-a);
  background-color: hsl(var(--dt-color-surface-bold-opaque-h) var(--dt-color-surface-bold-opaque-s) var(--dt-color-surface-bold-opaque-l) / var(--bgo)) !important;
}

.d-bgc-strong-opaque, .h\:d-bgc-strong-opaque:hover, .f\:d-bgc-strong-opaque:focus, .f\:d-bgc-strong-opaque:focus-within, .fv\:d-bgc-strong-opaque:focus-visible {
  --bgo: var(--dt-color-surface-strong-opaque-a);
  background-color: hsl(var(--dt-color-surface-strong-opaque-h) var(--dt-color-surface-strong-opaque-s) var(--dt-color-surface-strong-opaque-l) / var(--bgo)) !important;
}

.d-bgc-contrast-opaque, .h\:d-bgc-contrast-opaque:hover, .f\:d-bgc-contrast-opaque:focus, .f\:d-bgc-contrast-opaque:focus-within, .fv\:d-bgc-contrast-opaque:focus-visible {
  --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-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-subtle-opaque, .h\:d-bgc-warning-subtle-opaque:hover, .f\:d-bgc-warning-subtle-opaque:focus, .f\:d-bgc-warning-subtle-opaque:focus-within, .fv\:d-bgc-warning-subtle-opaque:focus-visible {
  --bgo: var(--dt-color-surface-warning-subtle-opaque-a);
  background-color: hsl(var(--dt-color-surface-warning-subtle-opaque-h) var(--dt-color-surface-warning-subtle-opaque-s) var(--dt-color-surface-warning-subtle-opaque-l) / var(--bgo)) !important;
}

.d-bgc-success-subtle-opaque, .h\:d-bgc-success-subtle-opaque:hover, .f\:d-bgc-success-subtle-opaque:focus, .f\:d-bgc-success-subtle-opaque:focus-within, .fv\:d-bgc-success-subtle-opaque:focus-visible {
  --bgo: var(--dt-color-surface-success-subtle-opaque-a);
  background-color: hsl(var(--dt-color-surface-success-subtle-opaque-h) var(--dt-color-surface-success-subtle-opaque-s) var(--dt-color-surface-success-subtle-opaque-l) / var(--bgo)) !important;
}

.d-bgc-info-subtle-opaque, .h\:d-bgc-info-subtle-opaque:hover, .f\:d-bgc-info-subtle-opaque:focus, .f\:d-bgc-info-subtle-opaque:focus-within, .fv\:d-bgc-info-subtle-opaque:focus-visible {
  --bgo: var(--dt-color-surface-info-subtle-opaque-a);
  background-color: hsl(var(--dt-color-surface-info-subtle-opaque-h) var(--dt-color-surface-info-subtle-opaque-s) var(--dt-color-surface-info-subtle-opaque-l) / var(--bgo)) !important;
}

.d-bgc-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-opaque-inverted, .h\:d-bgc-primary-opaque-inverted:hover, .f\:d-bgc-primary-opaque-inverted:focus, .f\:d-bgc-primary-opaque-inverted:focus-within, .fv\:d-bgc-primary-opaque-inverted:focus-visible {
  --bgo: var(--dt-color-surface-primary-opaque-inverted-a);
  background-color: hsl(var(--dt-color-surface-primary-opaque-inverted-h) var(--dt-color-surface-primary-opaque-inverted-s) var(--dt-color-surface-primary-opaque-inverted-l) / var(--bgo)) !important;
}

.d-bgc-secondary-opaque-inverted, .h\:d-bgc-secondary-opaque-inverted:hover, .f\:d-bgc-secondary-opaque-inverted:focus, .f\:d-bgc-secondary-opaque-inverted:focus-within, .fv\:d-bgc-secondary-opaque-inverted:focus-visible {
  --bgo: var(--dt-color-surface-secondary-opaque-inverted-a);
  background-color: hsl(var(--dt-color-surface-secondary-opaque-inverted-h) var(--dt-color-surface-secondary-opaque-inverted-s) var(--dt-color-surface-secondary-opaque-inverted-l) / var(--bgo)) !important;
}

.d-bgc-moderate-opaque-inverted, .h\:d-bgc-moderate-opaque-inverted:hover, .f\:d-bgc-moderate-opaque-inverted:focus, .f\:d-bgc-moderate-opaque-inverted:focus-within, .fv\:d-bgc-moderate-opaque-inverted:focus-visible {
  --bgo: var(--dt-color-surface-moderate-opaque-inverted-a);
  background-color: hsl(var(--dt-color-surface-moderate-opaque-inverted-h) var(--dt-color-surface-moderate-opaque-inverted-s) var(--dt-color-surface-moderate-opaque-inverted-l) / var(--bgo)) !important;
}

.d-bgc-bold-opaque-inverted, .h\:d-bgc-bold-opaque-inverted:hover, .f\:d-bgc-bold-opaque-inverted:focus, .f\:d-bgc-bold-opaque-inverted:focus-within, .fv\:d-bgc-bold-opaque-inverted:focus-visible {
  --bgo: var(--dt-color-surface-bold-opaque-inverted-a);
  background-color: hsl(var(--dt-color-surface-bold-opaque-inverted-h) var(--dt-color-surface-bold-opaque-inverted-s) var(--dt-color-surface-bold-opaque-inverted-l) / var(--bgo)) !important;
}

.d-bgc-strong-opaque-inverted, .h\:d-bgc-strong-opaque-inverted:hover, .f\:d-bgc-strong-opaque-inverted:focus, .f\:d-bgc-strong-opaque-inverted:focus-within, .fv\:d-bgc-strong-opaque-inverted:focus-visible {
  --bgo: var(--dt-color-surface-strong-opaque-inverted-a);
  background-color: hsl(var(--dt-color-surface-strong-opaque-inverted-h) var(--dt-color-surface-strong-opaque-inverted-s) var(--dt-color-surface-strong-opaque-inverted-l) / var(--bgo)) !important;
}

.d-bgc-contrast-opaque-inverted, .h\:d-bgc-contrast-opaque-inverted:hover, .f\:d-bgc-contrast-opaque-inverted:focus, .f\:d-bgc-contrast-opaque-inverted:focus-within, .fv\:d-bgc-contrast-opaque-inverted:focus-visible {
  --bgo: var(--dt-color-surface-contrast-opaque-inverted-a);
  background-color: hsl(var(--dt-color-surface-contrast-opaque-inverted-h) var(--dt-color-surface-contrast-opaque-inverted-s) var(--dt-color-surface-contrast-opaque-inverted-l) / var(--bgo)) !important;
}

.d-bgc-critical-opaque-inverted, .h\:d-bgc-critical-opaque-inverted:hover, .f\:d-bgc-critical-opaque-inverted:focus, .f\:d-bgc-critical-opaque-inverted:focus-within, .fv\:d-bgc-critical-opaque-inverted:focus-visible {
  --bgo: var(--dt-color-surface-critical-opaque-inverted-a);
  background-color: hsl(var(--dt-color-surface-critical-opaque-inverted-h) var(--dt-color-surface-critical-opaque-inverted-s) var(--dt-color-surface-critical-opaque-inverted-l) / var(--bgo)) !important;
}

.d-bgc-warning-opaque-inverted, .h\:d-bgc-warning-opaque-inverted:hover, .f\:d-bgc-warning-opaque-inverted:focus, .f\:d-bgc-warning-opaque-inverted:focus-within, .fv\:d-bgc-warning-opaque-inverted:focus-visible {
  --bgo: var(--dt-color-surface-warning-opaque-inverted-a);
  background-color: hsl(var(--dt-color-surface-warning-opaque-inverted-h) var(--dt-color-surface-warning-opaque-inverted-s) var(--dt-color-surface-warning-opaque-inverted-l) / var(--bgo)) !important;
}

.d-bgc-success-opaque-inverted, .h\:d-bgc-success-opaque-inverted:hover, .f\:d-bgc-success-opaque-inverted:focus, .f\:d-bgc-success-opaque-inverted:focus-within, .fv\:d-bgc-success-opaque-inverted:focus-visible {
  --bgo: var(--dt-color-surface-success-opaque-inverted-a);
  background-color: hsl(var(--dt-color-surface-success-opaque-inverted-h) var(--dt-color-surface-success-opaque-inverted-s) var(--dt-color-surface-success-opaque-inverted-l) / var(--bgo)) !important;
}

.d-bgc-info-opaque-inverted, .h\:d-bgc-info-opaque-inverted:hover, .f\:d-bgc-info-opaque-inverted:focus, .f\:d-bgc-info-opaque-inverted:focus-within, .fv\:d-bgc-info-opaque-inverted:focus-visible {
  --bgo: var(--dt-color-surface-info-opaque-inverted-a);
  background-color: hsl(var(--dt-color-surface-info-opaque-inverted-h) var(--dt-color-surface-info-opaque-inverted-s) var(--dt-color-surface-info-opaque-inverted-l) / var(--bgo)) !important;
}

.d-bgc-brand-opaque-inverted, .h\:d-bgc-brand-opaque-inverted:hover, .f\:d-bgc-brand-opaque-inverted:focus, .f\:d-bgc-brand-opaque-inverted:focus-within, .fv\:d-bgc-brand-opaque-inverted:focus-visible {
  --bgo: var(--dt-color-surface-brand-opaque-inverted-a);
  background-color: hsl(var(--dt-color-surface-brand-opaque-inverted-h) var(--dt-color-surface-brand-opaque-inverted-s) var(--dt-color-surface-brand-opaque-inverted-l) / var(--bgo)) !important;
}

.d-bgc-critical-subtle-opaque-inverted, .h\:d-bgc-critical-subtle-opaque-inverted:hover, .f\:d-bgc-critical-subtle-opaque-inverted:focus, .f\:d-bgc-critical-subtle-opaque-inverted:focus-within, .fv\:d-bgc-critical-subtle-opaque-inverted:focus-visible {
  --bgo: var(--dt-color-surface-critical-subtle-opaque-inverted-a);
  background-color: hsl(var(--dt-color-surface-critical-subtle-opaque-inverted-h) var(--dt-color-surface-critical-subtle-opaque-inverted-s) var(--dt-color-surface-critical-subtle-opaque-inverted-l) / var(--bgo)) !important;
}

.d-bgc-warning-subtle-opaque-inverted, .h\:d-bgc-warning-subtle-opaque-inverted:hover, .f\:d-bgc-warning-subtle-opaque-inverted:focus, .f\:d-bgc-warning-subtle-opaque-inverted:focus-within, .fv\:d-bgc-warning-subtle-opaque-inverted:focus-visible {
  --bgo: var(--dt-color-surface-warning-subtle-opaque-inverted-a);
  background-color: hsl(var(--dt-color-surface-warning-subtle-opaque-inverted-h) var(--dt-color-surface-warning-subtle-opaque-inverted-s) var(--dt-color-surface-warning-subtle-opaque-inverted-l) / var(--bgo)) !important;
}

.d-bgc-success-subtle-opaque-inverted, .h\:d-bgc-success-subtle-opaque-inverted:hover, .f\:d-bgc-success-subtle-opaque-inverted:focus, .f\:d-bgc-success-subtle-opaque-inverted:focus-within, .fv\:d-bgc-success-subtle-opaque-inverted:focus-visible {
  --bgo: var(--dt-color-surface-success-subtle-opaque-inverted-a);
  background-color: hsl(var(--dt-color-surface-success-subtle-opaque-inverted-h) var(--dt-color-surface-success-subtle-opaque-inverted-s) var(--dt-color-surface-success-subtle-opaque-inverted-l) / var(--bgo)) !important;
}

.d-bgc-info-subtle-opaque-inverted, .h\:d-bgc-info-subtle-opaque-inverted:hover, .f\:d-bgc-info-subtle-opaque-inverted:focus, .f\:d-bgc-info-subtle-opaque-inverted:focus-within, .fv\:d-bgc-info-subtle-opaque-inverted:focus-visible {
  --bgo: var(--dt-color-surface-info-subtle-opaque-inverted-a);
  background-color: hsl(var(--dt-color-surface-info-subtle-opaque-inverted-h) var(--dt-color-surface-info-subtle-opaque-inverted-s) var(--dt-color-surface-info-subtle-opaque-inverted-l) / var(--bgo)) !important;
}

.d-bgc-brand-subtle-opaque-inverted, .h\:d-bgc-brand-subtle-opaque-inverted:hover, .f\:d-bgc-brand-subtle-opaque-inverted:focus, .f\:d-bgc-brand-subtle-opaque-inverted:focus-within, .fv\:d-bgc-brand-subtle-opaque-inverted:focus-visible {
  --bgo: var(--dt-color-surface-brand-subtle-opaque-inverted-a);
  background-color: hsl(var(--dt-color-surface-brand-subtle-opaque-inverted-h) var(--dt-color-surface-brand-subtle-opaque-inverted-s) var(--dt-color-surface-brand-subtle-opaque-inverted-l) / var(--bgo)) !important;
}

.d-bgc-backdrop, .h\:d-bgc-backdrop:hover, .f\:d-bgc-backdrop:focus, .f\:d-bgc-backdrop:focus-within, .fv\:d-bgc-backdrop:focus-visible {
  --bgo: var(--dt-color-surface-backdrop-a);
  background-color: hsl(var(--dt-color-surface-backdrop-h) var(--dt-color-surface-backdrop-s) var(--dt-color-surface-backdrop-l) / var(--bgo)) !important;
}

.d-bgc-chart-categorical-10, .h\:d-bgc-chart-categorical-10:hover, .f\:d-bgc-chart-categorical-10:focus, .f\:d-bgc-chart-categorical-10:focus-within, .fv\:d-bgc-chart-categorical-10:focus-visible {
  --bgo: var(--dt-color-chart-categorical-10-a);
  background-color: hsl(var(--dt-color-chart-categorical-10-h) var(--dt-color-chart-categorical-10-s) var(--dt-color-chart-categorical-10-l) / var(--bgo)) !important;
}

.d-bgc-chart-categorical-11, .h\:d-bgc-chart-categorical-11:hover, .f\:d-bgc-chart-categorical-11:focus, .f\:d-bgc-chart-categorical-11:focus-within, .fv\:d-bgc-chart-categorical-11:focus-visible {
  --bgo: var(--dt-color-chart-categorical-11-a);
  background-color: hsl(var(--dt-color-chart-categorical-11-h) var(--dt-color-chart-categorical-11-s) var(--dt-color-chart-categorical-11-l) / var(--bgo)) !important;
}

.d-bgc-chart-categorical-12, .h\:d-bgc-chart-categorical-12:hover, .f\:d-bgc-chart-categorical-12:focus, .f\:d-bgc-chart-categorical-12:focus-within, .fv\:d-bgc-chart-categorical-12:focus-visible {
  --bgo: var(--dt-color-chart-categorical-12-a);
  background-color: hsl(var(--dt-color-chart-categorical-12-h) var(--dt-color-chart-categorical-12-s) var(--dt-color-chart-categorical-12-l) / var(--bgo)) !important;
}

.d-bgc-chart-categorical-13, .h\:d-bgc-chart-categorical-13:hover, .f\:d-bgc-chart-categorical-13:focus, .f\:d-bgc-chart-categorical-13:focus-within, .fv\:d-bgc-chart-categorical-13:focus-visible {
  --bgo: var(--dt-color-chart-categorical-13-a);
  background-color: hsl(var(--dt-color-chart-categorical-13-h) var(--dt-color-chart-categorical-13-s) var(--dt-color-chart-categorical-13-l) / var(--bgo)) !important;
}

.d-bgc-chart-categorical-14, .h\:d-bgc-chart-categorical-14:hover, .f\:d-bgc-chart-categorical-14:focus, .f\:d-bgc-chart-categorical-14:focus-within, .fv\:d-bgc-chart-categorical-14:focus-visible {
  --bgo: var(--dt-color-chart-categorical-14-a);
  background-color: hsl(var(--dt-color-chart-categorical-14-h) var(--dt-color-chart-categorical-14-s) var(--dt-color-chart-categorical-14-l) / var(--bgo)) !important;
}

.d-bgc-chart-categorical-15, .h\:d-bgc-chart-categorical-15:hover, .f\:d-bgc-chart-categorical-15:focus, .f\:d-bgc-chart-categorical-15:focus-within, .fv\:d-bgc-chart-categorical-15:focus-visible {
  --bgo: var(--dt-color-chart-categorical-15-a);
  background-color: hsl(var(--dt-color-chart-categorical-15-h) var(--dt-color-chart-categorical-15-s) var(--dt-color-chart-categorical-15-l) / var(--bgo)) !important;
}

.d-bgc-chart-categorical-16, .h\:d-bgc-chart-categorical-16:hover, .f\:d-bgc-chart-categorical-16:focus, .f\:d-bgc-chart-categorical-16:focus-within, .fv\:d-bgc-chart-categorical-16:focus-visible {
  --bgo: var(--dt-color-chart-categorical-16-a);
  background-color: hsl(var(--dt-color-chart-categorical-16-h) var(--dt-color-chart-categorical-16-s) var(--dt-color-chart-categorical-16-l) / var(--bgo)) !important;
}

.d-bgc-chart-categorical-17, .h\:d-bgc-chart-categorical-17:hover, .f\:d-bgc-chart-categorical-17:focus, .f\:d-bgc-chart-categorical-17:focus-within, .fv\:d-bgc-chart-categorical-17:focus-visible {
  --bgo: var(--dt-color-chart-categorical-17-a);
  background-color: hsl(var(--dt-color-chart-categorical-17-h) var(--dt-color-chart-categorical-17-s) var(--dt-color-chart-categorical-17-l) / var(--bgo)) !important;
}

.d-bgc-chart-categorical-18, .h\:d-bgc-chart-categorical-18:hover, .f\:d-bgc-chart-categorical-18:focus, .f\:d-bgc-chart-categorical-18:focus-within, .fv\:d-bgc-chart-categorical-18:focus-visible {
  --bgo: var(--dt-color-chart-categorical-18-a);
  background-color: hsl(var(--dt-color-chart-categorical-18-h) var(--dt-color-chart-categorical-18-s) var(--dt-color-chart-categorical-18-l) / var(--bgo)) !important;
}

.d-bgc-chart-categorical-19, .h\:d-bgc-chart-categorical-19:hover, .f\:d-bgc-chart-categorical-19:focus, .f\:d-bgc-chart-categorical-19:focus-within, .fv\:d-bgc-chart-categorical-19:focus-visible {
  --bgo: var(--dt-color-chart-categorical-19-a);
  background-color: hsl(var(--dt-color-chart-categorical-19-h) var(--dt-color-chart-categorical-19-s) var(--dt-color-chart-categorical-19-l) / var(--bgo)) !important;
}

.d-bgc-chart-categorical-20, .h\:d-bgc-chart-categorical-20:hover, .f\:d-bgc-chart-categorical-20:focus, .f\:d-bgc-chart-categorical-20:focus-within, .fv\:d-bgc-chart-categorical-20:focus-visible {
  --bgo: var(--dt-color-chart-categorical-20-a);
  background-color: hsl(var(--dt-color-chart-categorical-20-h) var(--dt-color-chart-categorical-20-s) var(--dt-color-chart-categorical-20-l) / var(--bgo)) !important;
}

.d-bgc-chart-categorical-21, .h\:d-bgc-chart-categorical-21:hover, .f\:d-bgc-chart-categorical-21:focus, .f\:d-bgc-chart-categorical-21:focus-within, .fv\:d-bgc-chart-categorical-21:focus-visible {
  --bgo: var(--dt-color-chart-categorical-21-a);
  background-color: hsl(var(--dt-color-chart-categorical-21-h) var(--dt-color-chart-categorical-21-s) var(--dt-color-chart-categorical-21-l) / var(--bgo)) !important;
}

.d-bgc-chart-categorical-22, .h\:d-bgc-chart-categorical-22:hover, .f\:d-bgc-chart-categorical-22:focus, .f\:d-bgc-chart-categorical-22:focus-within, .fv\:d-bgc-chart-categorical-22:focus-visible {
  --bgo: var(--dt-color-chart-categorical-22-a);
  background-color: hsl(var(--dt-color-chart-categorical-22-h) var(--dt-color-chart-categorical-22-s) var(--dt-color-chart-categorical-22-l) / var(--bgo)) !important;
}

.d-bgc-chart-categorical-23, .h\:d-bgc-chart-categorical-23:hover, .f\:d-bgc-chart-categorical-23:focus, .f\:d-bgc-chart-categorical-23:focus-within, .fv\:d-bgc-chart-categorical-23:focus-visible {
  --bgo: var(--dt-color-chart-categorical-23-a);
  background-color: hsl(var(--dt-color-chart-categorical-23-h) var(--dt-color-chart-categorical-23-s) var(--dt-color-chart-categorical-23-l) / var(--bgo)) !important;
}

.d-bgc-chart-categorical-24, .h\:d-bgc-chart-categorical-24:hover, .f\:d-bgc-chart-categorical-24:focus, .f\:d-bgc-chart-categorical-24:focus-within, .fv\:d-bgc-chart-categorical-24:focus-visible {
  --bgo: var(--dt-color-chart-categorical-24-a);
  background-color: hsl(var(--dt-color-chart-categorical-24-h) var(--dt-color-chart-categorical-24-s) var(--dt-color-chart-categorical-24-l) / var(--bgo)) !important;
}

.d-bgc-chart-categorical-25, .h\:d-bgc-chart-categorical-25:hover, .f\:d-bgc-chart-categorical-25:focus, .f\:d-bgc-chart-categorical-25:focus-within, .fv\:d-bgc-chart-categorical-25:focus-visible {
  --bgo: var(--dt-color-chart-categorical-25-a);
  background-color: hsl(var(--dt-color-chart-categorical-25-h) var(--dt-color-chart-categorical-25-s) var(--dt-color-chart-categorical-25-l) / var(--bgo)) !important;
}

.d-bgc-chart-categorical-26, .h\:d-bgc-chart-categorical-26:hover, .f\:d-bgc-chart-categorical-26:focus, .f\:d-bgc-chart-categorical-26:focus-within, .fv\:d-bgc-chart-categorical-26:focus-visible {
  --bgo: var(--dt-color-chart-categorical-26-a);
  background-color: hsl(var(--dt-color-chart-categorical-26-h) var(--dt-color-chart-categorical-26-s) var(--dt-color-chart-categorical-26-l) / var(--bgo)) !important;
}

.d-bgc-chart-categorical-27, .h\:d-bgc-chart-categorical-27:hover, .f\:d-bgc-chart-categorical-27:focus, .f\:d-bgc-chart-categorical-27:focus-within, .fv\:d-bgc-chart-categorical-27:focus-visible {
  --bgo: var(--dt-color-chart-categorical-27-a);
  background-color: hsl(var(--dt-color-chart-categorical-27-h) var(--dt-color-chart-categorical-27-s) var(--dt-color-chart-categorical-27-l) / var(--bgo)) !important;
}

.d-bgc-chart-categorical-28, .h\:d-bgc-chart-categorical-28:hover, .f\:d-bgc-chart-categorical-28:focus, .f\:d-bgc-chart-categorical-28:focus-within, .fv\:d-bgc-chart-categorical-28:focus-visible {
  --bgo: var(--dt-color-chart-categorical-28-a);
  background-color: hsl(var(--dt-color-chart-categorical-28-h) var(--dt-color-chart-categorical-28-s) var(--dt-color-chart-categorical-28-l) / var(--bgo)) !important;
}

.d-bgc-chart-categorical-29, .h\:d-bgc-chart-categorical-29:hover, .f\:d-bgc-chart-categorical-29:focus, .f\:d-bgc-chart-categorical-29:focus-within, .fv\:d-bgc-chart-categorical-29:focus-visible {
  --bgo: var(--dt-color-chart-categorical-29-a);
  background-color: hsl(var(--dt-color-chart-categorical-29-h) var(--dt-color-chart-categorical-29-s) var(--dt-color-chart-categorical-29-l) / var(--bgo)) !important;
}

.d-bgc-chart-categorical-30, .h\:d-bgc-chart-categorical-30:hover, .f\:d-bgc-chart-categorical-30:focus, .f\:d-bgc-chart-categorical-30:focus-within, .fv\:d-bgc-chart-categorical-30:focus-visible {
  --bgo: var(--dt-color-chart-categorical-30-a);
  background-color: hsl(var(--dt-color-chart-categorical-30-h) var(--dt-color-chart-categorical-30-s) var(--dt-color-chart-categorical-30-l) / var(--bgo)) !important;
}

.d-bgc-chart-categorical-01, .h\:d-bgc-chart-categorical-01:hover, .f\:d-bgc-chart-categorical-01:focus, .f\:d-bgc-chart-categorical-01:focus-within, .fv\:d-bgc-chart-categorical-01:focus-visible {
  --bgo: var(--dt-color-chart-categorical-01-a);
  background-color: hsl(var(--dt-color-chart-categorical-01-h) var(--dt-color-chart-categorical-01-s) var(--dt-color-chart-categorical-01-l) / var(--bgo)) !important;
}

.d-bgc-chart-categorical-01-hover, .h\:d-bgc-chart-categorical-01-hover:hover, .f\:d-bgc-chart-categorical-01-hover:focus, .f\:d-bgc-chart-categorical-01-hover:focus-within, .fv\:d-bgc-chart-categorical-01-hover:focus-visible {
  --bgo: var(--dt-color-chart-categorical-01-hover-a);
  background-color: hsl(var(--dt-color-chart-categorical-01-hover-h) var(--dt-color-chart-categorical-01-hover-s) var(--dt-color-chart-categorical-01-hover-l) / var(--bgo)) !important;
}

.d-bgc-chart-categorical-01-selected, .h\:d-bgc-chart-categorical-01-selected:hover, .f\:d-bgc-chart-categorical-01-selected:focus, .f\:d-bgc-chart-categorical-01-selected:focus-within, .fv\:d-bgc-chart-categorical-01-selected:focus-visible {
  --bgo: var(--dt-color-chart-categorical-01-selected-a);
  background-color: hsl(var(--dt-color-chart-categorical-01-selected-h) var(--dt-color-chart-categorical-01-selected-s) var(--dt-color-chart-categorical-01-selected-l) / var(--bgo)) !important;
}

.d-bgc-chart-categorical-02, .h\:d-bgc-chart-categorical-02:hover, .f\:d-bgc-chart-categorical-02:focus, .f\:d-bgc-chart-categorical-02:focus-within, .fv\:d-bgc-chart-categorical-02:focus-visible {
  --bgo: var(--dt-color-chart-categorical-02-a);
  background-color: hsl(var(--dt-color-chart-categorical-02-h) var(--dt-color-chart-categorical-02-s) var(--dt-color-chart-categorical-02-l) / var(--bgo)) !important;
}

.d-bgc-chart-categorical-02-hover, .h\:d-bgc-chart-categorical-02-hover:hover, .f\:d-bgc-chart-categorical-02-hover:focus, .f\:d-bgc-chart-categorical-02-hover:focus-within, .fv\:d-bgc-chart-categorical-02-hover:focus-visible {
  --bgo: var(--dt-color-chart-categorical-02-hover-a);
  background-color: hsl(var(--dt-color-chart-categorical-02-hover-h) var(--dt-color-chart-categorical-02-hover-s) var(--dt-color-chart-categorical-02-hover-l) / var(--bgo)) !important;
}

.d-bgc-chart-categorical-02-selected, .h\:d-bgc-chart-categorical-02-selected:hover, .f\:d-bgc-chart-categorical-02-selected:focus, .f\:d-bgc-chart-categorical-02-selected:focus-within, .fv\:d-bgc-chart-categorical-02-selected:focus-visible {
  --bgo: var(--dt-color-chart-categorical-02-selected-a);
  background-color: hsl(var(--dt-color-chart-categorical-02-selected-h) var(--dt-color-chart-categorical-02-selected-s) var(--dt-color-chart-categorical-02-selected-l) / var(--bgo)) !important;
}

.d-bgc-chart-categorical-03, .h\:d-bgc-chart-categorical-03:hover, .f\:d-bgc-chart-categorical-03:focus, .f\:d-bgc-chart-categorical-03:focus-within, .fv\:d-bgc-chart-categorical-03:focus-visible {
  --bgo: var(--dt-color-chart-categorical-03-a);
  background-color: hsl(var(--dt-color-chart-categorical-03-h) var(--dt-color-chart-categorical-03-s) var(--dt-color-chart-categorical-03-l) / var(--bgo)) !important;
}

.d-bgc-chart-categorical-03-hover, .h\:d-bgc-chart-categorical-03-hover:hover, .f\:d-bgc-chart-categorical-03-hover:focus, .f\:d-bgc-chart-categorical-03-hover:focus-within, .fv\:d-bgc-chart-categorical-03-hover:focus-visible {
  --bgo: var(--dt-color-chart-categorical-03-hover-a);
  background-color: hsl(var(--dt-color-chart-categorical-03-hover-h) var(--dt-color-chart-categorical-03-hover-s) var(--dt-color-chart-categorical-03-hover-l) / var(--bgo)) !important;
}

.d-bgc-chart-categorical-03-selected, .h\:d-bgc-chart-categorical-03-selected:hover, .f\:d-bgc-chart-categorical-03-selected:focus, .f\:d-bgc-chart-categorical-03-selected:focus-within, .fv\:d-bgc-chart-categorical-03-selected:focus-visible {
  --bgo: var(--dt-color-chart-categorical-03-selected-a);
  background-color: hsl(var(--dt-color-chart-categorical-03-selected-h) var(--dt-color-chart-categorical-03-selected-s) var(--dt-color-chart-categorical-03-selected-l) / var(--bgo)) !important;
}

.d-bgc-chart-categorical-04, .h\:d-bgc-chart-categorical-04:hover, .f\:d-bgc-chart-categorical-04:focus, .f\:d-bgc-chart-categorical-04:focus-within, .fv\:d-bgc-chart-categorical-04:focus-visible {
  --bgo: var(--dt-color-chart-categorical-04-a);
  background-color: hsl(var(--dt-color-chart-categorical-04-h) var(--dt-color-chart-categorical-04-s) var(--dt-color-chart-categorical-04-l) / var(--bgo)) !important;
}

.d-bgc-chart-categorical-04-hover, .h\:d-bgc-chart-categorical-04-hover:hover, .f\:d-bgc-chart-categorical-04-hover:focus, .f\:d-bgc-chart-categorical-04-hover:focus-within, .fv\:d-bgc-chart-categorical-04-hover:focus-visible {
  --bgo: var(--dt-color-chart-categorical-04-hover-a);
  background-color: hsl(var(--dt-color-chart-categorical-04-hover-h) var(--dt-color-chart-categorical-04-hover-s) var(--dt-color-chart-categorical-04-hover-l) / var(--bgo)) !important;
}

.d-bgc-chart-categorical-04-selected, .h\:d-bgc-chart-categorical-04-selected:hover, .f\:d-bgc-chart-categorical-04-selected:focus, .f\:d-bgc-chart-categorical-04-selected:focus-within, .fv\:d-bgc-chart-categorical-04-selected:focus-visible {
  --bgo: var(--dt-color-chart-categorical-04-selected-a);
  background-color: hsl(var(--dt-color-chart-categorical-04-selected-h) var(--dt-color-chart-categorical-04-selected-s) var(--dt-color-chart-categorical-04-selected-l) / var(--bgo)) !important;
}

.d-bgc-chart-categorical-05, .h\:d-bgc-chart-categorical-05:hover, .f\:d-bgc-chart-categorical-05:focus, .f\:d-bgc-chart-categorical-05:focus-within, .fv\:d-bgc-chart-categorical-05:focus-visible {
  --bgo: var(--dt-color-chart-categorical-05-a);
  background-color: hsl(var(--dt-color-chart-categorical-05-h) var(--dt-color-chart-categorical-05-s) var(--dt-color-chart-categorical-05-l) / var(--bgo)) !important;
}

.d-bgc-chart-categorical-05-hover, .h\:d-bgc-chart-categorical-05-hover:hover, .f\:d-bgc-chart-categorical-05-hover:focus, .f\:d-bgc-chart-categorical-05-hover:focus-within, .fv\:d-bgc-chart-categorical-05-hover:focus-visible {
  --bgo: var(--dt-color-chart-categorical-05-hover-a);
  background-color: hsl(var(--dt-color-chart-categorical-05-hover-h) var(--dt-color-chart-categorical-05-hover-s) var(--dt-color-chart-categorical-05-hover-l) / var(--bgo)) !important;
}

.d-bgc-chart-categorical-05-selected, .h\:d-bgc-chart-categorical-05-selected:hover, .f\:d-bgc-chart-categorical-05-selected:focus, .f\:d-bgc-chart-categorical-05-selected:focus-within, .fv\:d-bgc-chart-categorical-05-selected:focus-visible {
  --bgo: var(--dt-color-chart-categorical-05-selected-a);
  background-color: hsl(var(--dt-color-chart-categorical-05-selected-h) var(--dt-color-chart-categorical-05-selected-s) var(--dt-color-chart-categorical-05-selected-l) / var(--bgo)) !important;
}

.d-bgc-chart-categorical-06, .h\:d-bgc-chart-categorical-06:hover, .f\:d-bgc-chart-categorical-06:focus, .f\:d-bgc-chart-categorical-06:focus-within, .fv\:d-bgc-chart-categorical-06:focus-visible {
  --bgo: var(--dt-color-chart-categorical-06-a);
  background-color: hsl(var(--dt-color-chart-categorical-06-h) var(--dt-color-chart-categorical-06-s) var(--dt-color-chart-categorical-06-l) / var(--bgo)) !important;
}

.d-bgc-chart-categorical-06-hover, .h\:d-bgc-chart-categorical-06-hover:hover, .f\:d-bgc-chart-categorical-06-hover:focus, .f\:d-bgc-chart-categorical-06-hover:focus-within, .fv\:d-bgc-chart-categorical-06-hover:focus-visible {
  --bgo: var(--dt-color-chart-categorical-06-hover-a);
  background-color: hsl(var(--dt-color-chart-categorical-06-hover-h) var(--dt-color-chart-categorical-06-hover-s) var(--dt-color-chart-categorical-06-hover-l) / var(--bgo)) !important;
}

.d-bgc-chart-categorical-06-selected, .h\:d-bgc-chart-categorical-06-selected:hover, .f\:d-bgc-chart-categorical-06-selected:focus, .f\:d-bgc-chart-categorical-06-selected:focus-within, .fv\:d-bgc-chart-categorical-06-selected:focus-visible {
  --bgo: var(--dt-color-chart-categorical-06-selected-a);
  background-color: hsl(var(--dt-color-chart-categorical-06-selected-h) var(--dt-color-chart-categorical-06-selected-s) var(--dt-color-chart-categorical-06-selected-l) / var(--bgo)) !important;
}

.d-bgc-chart-categorical-07, .h\:d-bgc-chart-categorical-07:hover, .f\:d-bgc-chart-categorical-07:focus, .f\:d-bgc-chart-categorical-07:focus-within, .fv\:d-bgc-chart-categorical-07:focus-visible {
  --bgo: var(--dt-color-chart-categorical-07-a);
  background-color: hsl(var(--dt-color-chart-categorical-07-h) var(--dt-color-chart-categorical-07-s) var(--dt-color-chart-categorical-07-l) / var(--bgo)) !important;
}

.d-bgc-chart-categorical-07-hover, .h\:d-bgc-chart-categorical-07-hover:hover, .f\:d-bgc-chart-categorical-07-hover:focus, .f\:d-bgc-chart-categorical-07-hover:focus-within, .fv\:d-bgc-chart-categorical-07-hover:focus-visible {
  --bgo: var(--dt-color-chart-categorical-07-hover-a);
  background-color: hsl(var(--dt-color-chart-categorical-07-hover-h) var(--dt-color-chart-categorical-07-hover-s) var(--dt-color-chart-categorical-07-hover-l) / var(--bgo)) !important;
}

.d-bgc-chart-categorical-07-selected, .h\:d-bgc-chart-categorical-07-selected:hover, .f\:d-bgc-chart-categorical-07-selected:focus, .f\:d-bgc-chart-categorical-07-selected:focus-within, .fv\:d-bgc-chart-categorical-07-selected:focus-visible {
  --bgo: var(--dt-color-chart-categorical-07-selected-a);
  background-color: hsl(var(--dt-color-chart-categorical-07-selected-h) var(--dt-color-chart-categorical-07-selected-s) var(--dt-color-chart-categorical-07-selected-l) / var(--bgo)) !important;
}

.d-bgc-chart-categorical-08, .h\:d-bgc-chart-categorical-08:hover, .f\:d-bgc-chart-categorical-08:focus, .f\:d-bgc-chart-categorical-08:focus-within, .fv\:d-bgc-chart-categorical-08:focus-visible {
  --bgo: var(--dt-color-chart-categorical-08-a);
  background-color: hsl(var(--dt-color-chart-categorical-08-h) var(--dt-color-chart-categorical-08-s) var(--dt-color-chart-categorical-08-l) / var(--bgo)) !important;
}

.d-bgc-chart-categorical-08-hover, .h\:d-bgc-chart-categorical-08-hover:hover, .f\:d-bgc-chart-categorical-08-hover:focus, .f\:d-bgc-chart-categorical-08-hover:focus-within, .fv\:d-bgc-chart-categorical-08-hover:focus-visible {
  --bgo: var(--dt-color-chart-categorical-08-hover-a);
  background-color: hsl(var(--dt-color-chart-categorical-08-hover-h) var(--dt-color-chart-categorical-08-hover-s) var(--dt-color-chart-categorical-08-hover-l) / var(--bgo)) !important;
}

.d-bgc-chart-categorical-08-selected, .h\:d-bgc-chart-categorical-08-selected:hover, .f\:d-bgc-chart-categorical-08-selected:focus, .f\:d-bgc-chart-categorical-08-selected:focus-within, .fv\:d-bgc-chart-categorical-08-selected:focus-visible {
  --bgo: var(--dt-color-chart-categorical-08-selected-a);
  background-color: hsl(var(--dt-color-chart-categorical-08-selected-h) var(--dt-color-chart-categorical-08-selected-s) var(--dt-color-chart-categorical-08-selected-l) / var(--bgo)) !important;
}

.d-bgc-chart-categorical-09, .h\:d-bgc-chart-categorical-09:hover, .f\:d-bgc-chart-categorical-09:focus, .f\:d-bgc-chart-categorical-09:focus-within, .fv\:d-bgc-chart-categorical-09:focus-visible {
  --bgo: var(--dt-color-chart-categorical-09-a);
  background-color: hsl(var(--dt-color-chart-categorical-09-h) var(--dt-color-chart-categorical-09-s) var(--dt-color-chart-categorical-09-l) / var(--bgo)) !important;
}

.d-bgc-chart-categorical-09-hover, .h\:d-bgc-chart-categorical-09-hover:hover, .f\:d-bgc-chart-categorical-09-hover:focus, .f\:d-bgc-chart-categorical-09-hover:focus-within, .fv\:d-bgc-chart-categorical-09-hover:focus-visible {
  --bgo: var(--dt-color-chart-categorical-09-hover-a);
  background-color: hsl(var(--dt-color-chart-categorical-09-hover-h) var(--dt-color-chart-categorical-09-hover-s) var(--dt-color-chart-categorical-09-hover-l) / var(--bgo)) !important;
}

.d-bgc-chart-categorical-09-selected, .h\:d-bgc-chart-categorical-09-selected:hover, .f\:d-bgc-chart-categorical-09-selected:focus, .f\:d-bgc-chart-categorical-09-selected:focus-within, .fv\:d-bgc-chart-categorical-09-selected:focus-visible {
  --bgo: var(--dt-color-chart-categorical-09-selected-a);
  background-color: hsl(var(--dt-color-chart-categorical-09-selected-h) var(--dt-color-chart-categorical-09-selected-s) var(--dt-color-chart-categorical-09-selected-l) / var(--bgo)) !important;
}

.d-bgc-chart-categorical-10-hover, .h\:d-bgc-chart-categorical-10-hover:hover, .f\:d-bgc-chart-categorical-10-hover:focus, .f\:d-bgc-chart-categorical-10-hover:focus-within, .fv\:d-bgc-chart-categorical-10-hover:focus-visible {
  --bgo: var(--dt-color-chart-categorical-10-hover-a);
  background-color: hsl(var(--dt-color-chart-categorical-10-hover-h) var(--dt-color-chart-categorical-10-hover-s) var(--dt-color-chart-categorical-10-hover-l) / var(--bgo)) !important;
}

.d-bgc-chart-categorical-10-selected, .h\:d-bgc-chart-categorical-10-selected:hover, .f\:d-bgc-chart-categorical-10-selected:focus, .f\:d-bgc-chart-categorical-10-selected:focus-within, .fv\:d-bgc-chart-categorical-10-selected:focus-visible {
  --bgo: var(--dt-color-chart-categorical-10-selected-a);
  background-color: hsl(var(--dt-color-chart-categorical-10-selected-h) var(--dt-color-chart-categorical-10-selected-s) var(--dt-color-chart-categorical-10-selected-l) / var(--bgo)) !important;
}

.d-bgc-chart-categorical-11-hover, .h\:d-bgc-chart-categorical-11-hover:hover, .f\:d-bgc-chart-categorical-11-hover:focus, .f\:d-bgc-chart-categorical-11-hover:focus-within, .fv\:d-bgc-chart-categorical-11-hover:focus-visible {
  --bgo: var(--dt-color-chart-categorical-11-hover-a);
  background-color: hsl(var(--dt-color-chart-categorical-11-hover-h) var(--dt-color-chart-categorical-11-hover-s) var(--dt-color-chart-categorical-11-hover-l) / var(--bgo)) !important;
}

.d-bgc-chart-categorical-11-selected, .h\:d-bgc-chart-categorical-11-selected:hover, .f\:d-bgc-chart-categorical-11-selected:focus, .f\:d-bgc-chart-categorical-11-selected:focus-within, .fv\:d-bgc-chart-categorical-11-selected:focus-visible {
  --bgo: var(--dt-color-chart-categorical-11-selected-a);
  background-color: hsl(var(--dt-color-chart-categorical-11-selected-h) var(--dt-color-chart-categorical-11-selected-s) var(--dt-color-chart-categorical-11-selected-l) / var(--bgo)) !important;
}

.d-bgc-chart-categorical-12-hover, .h\:d-bgc-chart-categorical-12-hover:hover, .f\:d-bgc-chart-categorical-12-hover:focus, .f\:d-bgc-chart-categorical-12-hover:focus-within, .fv\:d-bgc-chart-categorical-12-hover:focus-visible {
  --bgo: var(--dt-color-chart-categorical-12-hover-a);
  background-color: hsl(var(--dt-color-chart-categorical-12-hover-h) var(--dt-color-chart-categorical-12-hover-s) var(--dt-color-chart-categorical-12-hover-l) / var(--bgo)) !important;
}

.d-bgc-chart-categorical-12-selected, .h\:d-bgc-chart-categorical-12-selected:hover, .f\:d-bgc-chart-categorical-12-selected:focus, .f\:d-bgc-chart-categorical-12-selected:focus-within, .fv\:d-bgc-chart-categorical-12-selected:focus-visible {
  --bgo: var(--dt-color-chart-categorical-12-selected-a);
  background-color: hsl(var(--dt-color-chart-categorical-12-selected-h) var(--dt-color-chart-categorical-12-selected-s) var(--dt-color-chart-categorical-12-selected-l) / var(--bgo)) !important;
}

.d-bgc-chart-categorical-13-hover, .h\:d-bgc-chart-categorical-13-hover:hover, .f\:d-bgc-chart-categorical-13-hover:focus, .f\:d-bgc-chart-categorical-13-hover:focus-within, .fv\:d-bgc-chart-categorical-13-hover:focus-visible {
  --bgo: var(--dt-color-chart-categorical-13-hover-a);
  background-color: hsl(var(--dt-color-chart-categorical-13-hover-h) var(--dt-color-chart-categorical-13-hover-s) var(--dt-color-chart-categorical-13-hover-l) / var(--bgo)) !important;
}

.d-bgc-chart-categorical-13-selected, .h\:d-bgc-chart-categorical-13-selected:hover, .f\:d-bgc-chart-categorical-13-selected:focus, .f\:d-bgc-chart-categorical-13-selected:focus-within, .fv\:d-bgc-chart-categorical-13-selected:focus-visible {
  --bgo: var(--dt-color-chart-categorical-13-selected-a);
  background-color: hsl(var(--dt-color-chart-categorical-13-selected-h) var(--dt-color-chart-categorical-13-selected-s) var(--dt-color-chart-categorical-13-selected-l) / var(--bgo)) !important;
}

.d-bgc-chart-categorical-14-hover, .h\:d-bgc-chart-categorical-14-hover:hover, .f\:d-bgc-chart-categorical-14-hover:focus, .f\:d-bgc-chart-categorical-14-hover:focus-within, .fv\:d-bgc-chart-categorical-14-hover:focus-visible {
  --bgo: var(--dt-color-chart-categorical-14-hover-a);
  background-color: hsl(var(--dt-color-chart-categorical-14-hover-h) var(--dt-color-chart-categorical-14-hover-s) var(--dt-color-chart-categorical-14-hover-l) / var(--bgo)) !important;
}

.d-bgc-chart-categorical-14-selected, .h\:d-bgc-chart-categorical-14-selected:hover, .f\:d-bgc-chart-categorical-14-selected:focus, .f\:d-bgc-chart-categorical-14-selected:focus-within, .fv\:d-bgc-chart-categorical-14-selected:focus-visible {
  --bgo: var(--dt-color-chart-categorical-14-selected-a);
  background-color: hsl(var(--dt-color-chart-categorical-14-selected-h) var(--dt-color-chart-categorical-14-selected-s) var(--dt-color-chart-categorical-14-selected-l) / var(--bgo)) !important;
}

.d-bgc-chart-categorical-15-hover, .h\:d-bgc-chart-categorical-15-hover:hover, .f\:d-bgc-chart-categorical-15-hover:focus, .f\:d-bgc-chart-categorical-15-hover:focus-within, .fv\:d-bgc-chart-categorical-15-hover:focus-visible {
  --bgo: var(--dt-color-chart-categorical-15-hover-a);
  background-color: hsl(var(--dt-color-chart-categorical-15-hover-h) var(--dt-color-chart-categorical-15-hover-s) var(--dt-color-chart-categorical-15-hover-l) / var(--bgo)) !important;
}

.d-bgc-chart-categorical-15-selected, .h\:d-bgc-chart-categorical-15-selected:hover, .f\:d-bgc-chart-categorical-15-selected:focus, .f\:d-bgc-chart-categorical-15-selected:focus-within, .fv\:d-bgc-chart-categorical-15-selected:focus-visible {
  --bgo: var(--dt-color-chart-categorical-15-selected-a);
  background-color: hsl(var(--dt-color-chart-categorical-15-selected-h) var(--dt-color-chart-categorical-15-selected-s) var(--dt-color-chart-categorical-15-selected-l) / var(--bgo)) !important;
}

.d-bgc-chart-categorical-16-hover, .h\:d-bgc-chart-categorical-16-hover:hover, .f\:d-bgc-chart-categorical-16-hover:focus, .f\:d-bgc-chart-categorical-16-hover:focus-within, .fv\:d-bgc-chart-categorical-16-hover:focus-visible {
  --bgo: var(--dt-color-chart-categorical-16-hover-a);
  background-color: hsl(var(--dt-color-chart-categorical-16-hover-h) var(--dt-color-chart-categorical-16-hover-s) var(--dt-color-chart-categorical-16-hover-l) / var(--bgo)) !important;
}

.d-bgc-chart-categorical-16-selected, .h\:d-bgc-chart-categorical-16-selected:hover, .f\:d-bgc-chart-categorical-16-selected:focus, .f\:d-bgc-chart-categorical-16-selected:focus-within, .fv\:d-bgc-chart-categorical-16-selected:focus-visible {
  --bgo: var(--dt-color-chart-categorical-16-selected-a);
  background-color: hsl(var(--dt-color-chart-categorical-16-selected-h) var(--dt-color-chart-categorical-16-selected-s) var(--dt-color-chart-categorical-16-selected-l) / var(--bgo)) !important;
}

.d-bgc-chart-categorical-17-hover, .h\:d-bgc-chart-categorical-17-hover:hover, .f\:d-bgc-chart-categorical-17-hover:focus, .f\:d-bgc-chart-categorical-17-hover:focus-within, .fv\:d-bgc-chart-categorical-17-hover:focus-visible {
  --bgo: var(--dt-color-chart-categorical-17-hover-a);
  background-color: hsl(var(--dt-color-chart-categorical-17-hover-h) var(--dt-color-chart-categorical-17-hover-s) var(--dt-color-chart-categorical-17-hover-l) / var(--bgo)) !important;
}

.d-bgc-chart-categorical-17-selected, .h\:d-bgc-chart-categorical-17-selected:hover, .f\:d-bgc-chart-categorical-17-selected:focus, .f\:d-bgc-chart-categorical-17-selected:focus-within, .fv\:d-bgc-chart-categorical-17-selected:focus-visible {
  --bgo: var(--dt-color-chart-categorical-17-selected-a);
  background-color: hsl(var(--dt-color-chart-categorical-17-selected-h) var(--dt-color-chart-categorical-17-selected-s) var(--dt-color-chart-categorical-17-selected-l) / var(--bgo)) !important;
}

.d-bgc-chart-categorical-18-hover, .h\:d-bgc-chart-categorical-18-hover:hover, .f\:d-bgc-chart-categorical-18-hover:focus, .f\:d-bgc-chart-categorical-18-hover:focus-within, .fv\:d-bgc-chart-categorical-18-hover:focus-visible {
  --bgo: var(--dt-color-chart-categorical-18-hover-a);
  background-color: hsl(var(--dt-color-chart-categorical-18-hover-h) var(--dt-color-chart-categorical-18-hover-s) var(--dt-color-chart-categorical-18-hover-l) / var(--bgo)) !important;
}

.d-bgc-chart-categorical-18-selected, .h\:d-bgc-chart-categorical-18-selected:hover, .f\:d-bgc-chart-categorical-18-selected:focus, .f\:d-bgc-chart-categorical-18-selected:focus-within, .fv\:d-bgc-chart-categorical-18-selected:focus-visible {
  --bgo: var(--dt-color-chart-categorical-18-selected-a);
  background-color: hsl(var(--dt-color-chart-categorical-18-selected-h) var(--dt-color-chart-categorical-18-selected-s) var(--dt-color-chart-categorical-18-selected-l) / var(--bgo)) !important;
}

.d-bgc-chart-categorical-19-hover, .h\:d-bgc-chart-categorical-19-hover:hover, .f\:d-bgc-chart-categorical-19-hover:focus, .f\:d-bgc-chart-categorical-19-hover:focus-within, .fv\:d-bgc-chart-categorical-19-hover:focus-visible {
  --bgo: var(--dt-color-chart-categorical-19-hover-a);
  background-color: hsl(var(--dt-color-chart-categorical-19-hover-h) var(--dt-color-chart-categorical-19-hover-s) var(--dt-color-chart-categorical-19-hover-l) / var(--bgo)) !important;
}

.d-bgc-chart-categorical-19-selected, .h\:d-bgc-chart-categorical-19-selected:hover, .f\:d-bgc-chart-categorical-19-selected:focus, .f\:d-bgc-chart-categorical-19-selected:focus-within, .fv\:d-bgc-chart-categorical-19-selected:focus-visible {
  --bgo: var(--dt-color-chart-categorical-19-selected-a);
  background-color: hsl(var(--dt-color-chart-categorical-19-selected-h) var(--dt-color-chart-categorical-19-selected-s) var(--dt-color-chart-categorical-19-selected-l) / var(--bgo)) !important;
}

.d-bgc-chart-categorical-20-hover, .h\:d-bgc-chart-categorical-20-hover:hover, .f\:d-bgc-chart-categorical-20-hover:focus, .f\:d-bgc-chart-categorical-20-hover:focus-within, .fv\:d-bgc-chart-categorical-20-hover:focus-visible {
  --bgo: var(--dt-color-chart-categorical-20-hover-a);
  background-color: hsl(var(--dt-color-chart-categorical-20-hover-h) var(--dt-color-chart-categorical-20-hover-s) var(--dt-color-chart-categorical-20-hover-l) / var(--bgo)) !important;
}

.d-bgc-chart-categorical-20-selected, .h\:d-bgc-chart-categorical-20-selected:hover, .f\:d-bgc-chart-categorical-20-selected:focus, .f\:d-bgc-chart-categorical-20-selected:focus-within, .fv\:d-bgc-chart-categorical-20-selected:focus-visible {
  --bgo: var(--dt-color-chart-categorical-20-selected-a);
  background-color: hsl(var(--dt-color-chart-categorical-20-selected-h) var(--dt-color-chart-categorical-20-selected-s) var(--dt-color-chart-categorical-20-selected-l) / var(--bgo)) !important;
}

.d-bgc-chart-categorical-21-hover, .h\:d-bgc-chart-categorical-21-hover:hover, .f\:d-bgc-chart-categorical-21-hover:focus, .f\:d-bgc-chart-categorical-21-hover:focus-within, .fv\:d-bgc-chart-categorical-21-hover:focus-visible {
  --bgo: var(--dt-color-chart-categorical-21-hover-a);
  background-color: hsl(var(--dt-color-chart-categorical-21-hover-h) var(--dt-color-chart-categorical-21-hover-s) var(--dt-color-chart-categorical-21-hover-l) / var(--bgo)) !important;
}

.d-bgc-chart-categorical-21-selected, .h\:d-bgc-chart-categorical-21-selected:hover, .f\:d-bgc-chart-categorical-21-selected:focus, .f\:d-bgc-chart-categorical-21-selected:focus-within, .fv\:d-bgc-chart-categorical-21-selected:focus-visible {
  --bgo: var(--dt-color-chart-categorical-21-selected-a);
  background-color: hsl(var(--dt-color-chart-categorical-21-selected-h) var(--dt-color-chart-categorical-21-selected-s) var(--dt-color-chart-categorical-21-selected-l) / var(--bgo)) !important;
}

.d-bgc-chart-categorical-22-hover, .h\:d-bgc-chart-categorical-22-hover:hover, .f\:d-bgc-chart-categorical-22-hover:focus, .f\:d-bgc-chart-categorical-22-hover:focus-within, .fv\:d-bgc-chart-categorical-22-hover:focus-visible {
  --bgo: var(--dt-color-chart-categorical-22-hover-a);
  background-color: hsl(var(--dt-color-chart-categorical-22-hover-h) var(--dt-color-chart-categorical-22-hover-s) var(--dt-color-chart-categorical-22-hover-l) / var(--bgo)) !important;
}

.d-bgc-chart-categorical-22-selected, .h\:d-bgc-chart-categorical-22-selected:hover, .f\:d-bgc-chart-categorical-22-selected:focus, .f\:d-bgc-chart-categorical-22-selected:focus-within, .fv\:d-bgc-chart-categorical-22-selected:focus-visible {
  --bgo: var(--dt-color-chart-categorical-22-selected-a);
  background-color: hsl(var(--dt-color-chart-categorical-22-selected-h) var(--dt-color-chart-categorical-22-selected-s) var(--dt-color-chart-categorical-22-selected-l) / var(--bgo)) !important;
}

.d-bgc-chart-categorical-23-hover, .h\:d-bgc-chart-categorical-23-hover:hover, .f\:d-bgc-chart-categorical-23-hover:focus, .f\:d-bgc-chart-categorical-23-hover:focus-within, .fv\:d-bgc-chart-categorical-23-hover:focus-visible {
  --bgo: var(--dt-color-chart-categorical-23-hover-a);
  background-color: hsl(var(--dt-color-chart-categorical-23-hover-h) var(--dt-color-chart-categorical-23-hover-s) var(--dt-color-chart-categorical-23-hover-l) / var(--bgo)) !important;
}

.d-bgc-chart-categorical-23-selected, .h\:d-bgc-chart-categorical-23-selected:hover, .f\:d-bgc-chart-categorical-23-selected:focus, .f\:d-bgc-chart-categorical-23-selected:focus-within, .fv\:d-bgc-chart-categorical-23-selected:focus-visible {
  --bgo: var(--dt-color-chart-categorical-23-selected-a);
  background-color: hsl(var(--dt-color-chart-categorical-23-selected-h) var(--dt-color-chart-categorical-23-selected-s) var(--dt-color-chart-categorical-23-selected-l) / var(--bgo)) !important;
}

.d-bgc-chart-categorical-24-hover, .h\:d-bgc-chart-categorical-24-hover:hover, .f\:d-bgc-chart-categorical-24-hover:focus, .f\:d-bgc-chart-categorical-24-hover:focus-within, .fv\:d-bgc-chart-categorical-24-hover:focus-visible {
  --bgo: var(--dt-color-chart-categorical-24-hover-a);
  background-color: hsl(var(--dt-color-chart-categorical-24-hover-h) var(--dt-color-chart-categorical-24-hover-s) var(--dt-color-chart-categorical-24-hover-l) / var(--bgo)) !important;
}

.d-bgc-chart-categorical-24-selected, .h\:d-bgc-chart-categorical-24-selected:hover, .f\:d-bgc-chart-categorical-24-selected:focus, .f\:d-bgc-chart-categorical-24-selected:focus-within, .fv\:d-bgc-chart-categorical-24-selected:focus-visible {
  --bgo: var(--dt-color-chart-categorical-24-selected-a);
  background-color: hsl(var(--dt-color-chart-categorical-24-selected-h) var(--dt-color-chart-categorical-24-selected-s) var(--dt-color-chart-categorical-24-selected-l) / var(--bgo)) !important;
}

.d-bgc-chart-categorical-25-hover, .h\:d-bgc-chart-categorical-25-hover:hover, .f\:d-bgc-chart-categorical-25-hover:focus, .f\:d-bgc-chart-categorical-25-hover:focus-within, .fv\:d-bgc-chart-categorical-25-hover:focus-visible {
  --bgo: var(--dt-color-chart-categorical-25-hover-a);
  background-color: hsl(var(--dt-color-chart-categorical-25-hover-h) var(--dt-color-chart-categorical-25-hover-s) var(--dt-color-chart-categorical-25-hover-l) / var(--bgo)) !important;
}

.d-bgc-chart-categorical-25-selected, .h\:d-bgc-chart-categorical-25-selected:hover, .f\:d-bgc-chart-categorical-25-selected:focus, .f\:d-bgc-chart-categorical-25-selected:focus-within, .fv\:d-bgc-chart-categorical-25-selected:focus-visible {
  --bgo: var(--dt-color-chart-categorical-25-selected-a);
  background-color: hsl(var(--dt-color-chart-categorical-25-selected-h) var(--dt-color-chart-categorical-25-selected-s) var(--dt-color-chart-categorical-25-selected-l) / var(--bgo)) !important;
}

.d-bgc-chart-categorical-26-hover, .h\:d-bgc-chart-categorical-26-hover:hover, .f\:d-bgc-chart-categorical-26-hover:focus, .f\:d-bgc-chart-categorical-26-hover:focus-within, .fv\:d-bgc-chart-categorical-26-hover:focus-visible {
  --bgo: var(--dt-color-chart-categorical-26-hover-a);
  background-color: hsl(var(--dt-color-chart-categorical-26-hover-h) var(--dt-color-chart-categorical-26-hover-s) var(--dt-color-chart-categorical-26-hover-l) / var(--bgo)) !important;
}

.d-bgc-chart-categorical-26-selected, .h\:d-bgc-chart-categorical-26-selected:hover, .f\:d-bgc-chart-categorical-26-selected:focus, .f\:d-bgc-chart-categorical-26-selected:focus-within, .fv\:d-bgc-chart-categorical-26-selected:focus-visible {
  --bgo: var(--dt-color-chart-categorical-26-selected-a);
  background-color: hsl(var(--dt-color-chart-categorical-26-selected-h) var(--dt-color-chart-categorical-26-selected-s) var(--dt-color-chart-categorical-26-selected-l) / var(--bgo)) !important;
}

.d-bgc-chart-categorical-27-hover, .h\:d-bgc-chart-categorical-27-hover:hover, .f\:d-bgc-chart-categorical-27-hover:focus, .f\:d-bgc-chart-categorical-27-hover:focus-within, .fv\:d-bgc-chart-categorical-27-hover:focus-visible {
  --bgo: var(--dt-color-chart-categorical-27-hover-a);
  background-color: hsl(var(--dt-color-chart-categorical-27-hover-h) var(--dt-color-chart-categorical-27-hover-s) var(--dt-color-chart-categorical-27-hover-l) / var(--bgo)) !important;
}

.d-bgc-chart-categorical-27-selected, .h\:d-bgc-chart-categorical-27-selected:hover, .f\:d-bgc-chart-categorical-27-selected:focus, .f\:d-bgc-chart-categorical-27-selected:focus-within, .fv\:d-bgc-chart-categorical-27-selected:focus-visible {
  --bgo: var(--dt-color-chart-categorical-27-selected-a);
  background-color: hsl(var(--dt-color-chart-categorical-27-selected-h) var(--dt-color-chart-categorical-27-selected-s) var(--dt-color-chart-categorical-27-selected-l) / var(--bgo)) !important;
}

.d-bgc-chart-categorical-28-hover, .h\:d-bgc-chart-categorical-28-hover:hover, .f\:d-bgc-chart-categorical-28-hover:focus, .f\:d-bgc-chart-categorical-28-hover:focus-within, .fv\:d-bgc-chart-categorical-28-hover:focus-visible {
  --bgo: var(--dt-color-chart-categorical-28-hover-a);
  background-color: hsl(var(--dt-color-chart-categorical-28-hover-h) var(--dt-color-chart-categorical-28-hover-s) var(--dt-color-chart-categorical-28-hover-l) / var(--bgo)) !important;
}

.d-bgc-chart-categorical-28-selected, .h\:d-bgc-chart-categorical-28-selected:hover, .f\:d-bgc-chart-categorical-28-selected:focus, .f\:d-bgc-chart-categorical-28-selected:focus-within, .fv\:d-bgc-chart-categorical-28-selected:focus-visible {
  --bgo: var(--dt-color-chart-categorical-28-selected-a);
  background-color: hsl(var(--dt-color-chart-categorical-28-selected-h) var(--dt-color-chart-categorical-28-selected-s) var(--dt-color-chart-categorical-28-selected-l) / var(--bgo)) !important;
}

.d-bgc-chart-categorical-29-hover, .h\:d-bgc-chart-categorical-29-hover:hover, .f\:d-bgc-chart-categorical-29-hover:focus, .f\:d-bgc-chart-categorical-29-hover:focus-within, .fv\:d-bgc-chart-categorical-29-hover:focus-visible {
  --bgo: var(--dt-color-chart-categorical-29-hover-a);
  background-color: hsl(var(--dt-color-chart-categorical-29-hover-h) var(--dt-color-chart-categorical-29-hover-s) var(--dt-color-chart-categorical-29-hover-l) / var(--bgo)) !important;
}

.d-bgc-chart-categorical-29-selected, .h\:d-bgc-chart-categorical-29-selected:hover, .f\:d-bgc-chart-categorical-29-selected:focus, .f\:d-bgc-chart-categorical-29-selected:focus-within, .fv\:d-bgc-chart-categorical-29-selected:focus-visible {
  --bgo: var(--dt-color-chart-categorical-29-selected-a);
  background-color: hsl(var(--dt-color-chart-categorical-29-selected-h) var(--dt-color-chart-categorical-29-selected-s) var(--dt-color-chart-categorical-29-selected-l) / var(--bgo)) !important;
}

.d-bgc-chart-categorical-30-hover, .h\:d-bgc-chart-categorical-30-hover:hover, .f\:d-bgc-chart-categorical-30-hover:focus, .f\:d-bgc-chart-categorical-30-hover:focus-within, .fv\:d-bgc-chart-categorical-30-hover:focus-visible {
  --bgo: var(--dt-color-chart-categorical-30-hover-a);
  background-color: hsl(var(--dt-color-chart-categorical-30-hover-h) var(--dt-color-chart-categorical-30-hover-s) var(--dt-color-chart-categorical-30-hover-l) / var(--bgo)) !important;
}

.d-bgc-chart-categorical-30-selected, .h\:d-bgc-chart-categorical-30-selected:hover, .f\:d-bgc-chart-categorical-30-selected:focus, .f\:d-bgc-chart-categorical-30-selected:focus-within, .fv\:d-bgc-chart-categorical-30-selected:focus-visible {
  --bgo: var(--dt-color-chart-categorical-30-selected-a);
  background-color: hsl(var(--dt-color-chart-categorical-30-selected-h) var(--dt-color-chart-categorical-30-selected-s) var(--dt-color-chart-categorical-30-selected-l) / var(--bgo)) !important;
}

.d-bgc-chart-neutral, .h\:d-bgc-chart-neutral:hover, .f\:d-bgc-chart-neutral:focus, .f\:d-bgc-chart-neutral:focus-within, .fv\:d-bgc-chart-neutral:focus-visible {
  --bgo: var(--dt-color-chart-neutral-a);
  background-color: hsl(var(--dt-color-chart-neutral-h) var(--dt-color-chart-neutral-s) var(--dt-color-chart-neutral-l) / var(--bgo)) !important;
}

.d-bgc-chart-neutral-hover, .h\:d-bgc-chart-neutral-hover:hover, .f\:d-bgc-chart-neutral-hover:focus, .f\:d-bgc-chart-neutral-hover:focus-within, .fv\:d-bgc-chart-neutral-hover:focus-visible {
  --bgo: var(--dt-color-chart-neutral-hover-a);
  background-color: hsl(var(--dt-color-chart-neutral-hover-h) var(--dt-color-chart-neutral-hover-s) var(--dt-color-chart-neutral-hover-l) / var(--bgo)) !important;
}

.d-bgc-chart-neutral-selected, .h\:d-bgc-chart-neutral-selected:hover, .f\:d-bgc-chart-neutral-selected:focus, .f\:d-bgc-chart-neutral-selected:focus-within, .fv\:d-bgc-chart-neutral-selected:focus-visible {
  --bgo: var(--dt-color-chart-neutral-selected-a);
  background-color: hsl(var(--dt-color-chart-neutral-selected-h) var(--dt-color-chart-neutral-selected-s) var(--dt-color-chart-neutral-selected-l) / var(--bgo)) !important;
}

.d-bgc-chart-accent, .h\:d-bgc-chart-accent:hover, .f\:d-bgc-chart-accent:focus, .f\:d-bgc-chart-accent:focus-within, .fv\:d-bgc-chart-accent:focus-visible {
  --bgo: var(--dt-color-chart-accent-a);
  background-color: hsl(var(--dt-color-chart-accent-h) var(--dt-color-chart-accent-s) var(--dt-color-chart-accent-l) / var(--bgo)) !important;
}

.d-bgc-chart-accent-hover, .h\:d-bgc-chart-accent-hover:hover, .f\:d-bgc-chart-accent-hover:focus, .f\:d-bgc-chart-accent-hover:focus-within, .fv\:d-bgc-chart-accent-hover:focus-visible {
  --bgo: var(--dt-color-chart-accent-hover-a);
  background-color: hsl(var(--dt-color-chart-accent-hover-h) var(--dt-color-chart-accent-hover-s) var(--dt-color-chart-accent-hover-l) / var(--bgo)) !important;
}

.d-bgc-chart-accent-selected, .h\:d-bgc-chart-accent-selected:hover, .f\:d-bgc-chart-accent-selected:focus, .f\:d-bgc-chart-accent-selected:focus-within, .fv\:d-bgc-chart-accent-selected:focus-visible {
  --bgo: var(--dt-color-chart-accent-selected-a);
  background-color: hsl(var(--dt-color-chart-accent-selected-h) var(--dt-color-chart-accent-selected-s) var(--dt-color-chart-accent-selected-l) / var(--bgo)) !important;
}

.d-bgc-chart-positive, .h\:d-bgc-chart-positive:hover, .f\:d-bgc-chart-positive:focus, .f\:d-bgc-chart-positive:focus-within, .fv\:d-bgc-chart-positive:focus-visible {
  --bgo: var(--dt-color-chart-positive-a);
  background-color: hsl(var(--dt-color-chart-positive-h) var(--dt-color-chart-positive-s) var(--dt-color-chart-positive-l) / var(--bgo)) !important;
}

.d-bgc-chart-positive-hover, .h\:d-bgc-chart-positive-hover:hover, .f\:d-bgc-chart-positive-hover:focus, .f\:d-bgc-chart-positive-hover:focus-within, .fv\:d-bgc-chart-positive-hover:focus-visible {
  --bgo: var(--dt-color-chart-positive-hover-a);
  background-color: hsl(var(--dt-color-chart-positive-hover-h) var(--dt-color-chart-positive-hover-s) var(--dt-color-chart-positive-hover-l) / var(--bgo)) !important;
}

.d-bgc-chart-positive-selected, .h\:d-bgc-chart-positive-selected:hover, .f\:d-bgc-chart-positive-selected:focus, .f\:d-bgc-chart-positive-selected:focus-within, .fv\:d-bgc-chart-positive-selected:focus-visible {
  --bgo: var(--dt-color-chart-positive-selected-a);
  background-color: hsl(var(--dt-color-chart-positive-selected-h) var(--dt-color-chart-positive-selected-s) var(--dt-color-chart-positive-selected-l) / var(--bgo)) !important;
}

.d-bgc-chart-critical, .h\:d-bgc-chart-critical:hover, .f\:d-bgc-chart-critical:focus, .f\:d-bgc-chart-critical:focus-within, .fv\:d-bgc-chart-critical:focus-visible {
  --bgo: var(--dt-color-chart-critical-a);
  background-color: hsl(var(--dt-color-chart-critical-h) var(--dt-color-chart-critical-s) var(--dt-color-chart-critical-l) / var(--bgo)) !important;
}

.d-bgc-chart-critical-hover, .h\:d-bgc-chart-critical-hover:hover, .f\:d-bgc-chart-critical-hover:focus, .f\:d-bgc-chart-critical-hover:focus-within, .fv\:d-bgc-chart-critical-hover:focus-visible {
  --bgo: var(--dt-color-chart-critical-hover-a);
  background-color: hsl(var(--dt-color-chart-critical-hover-h) var(--dt-color-chart-critical-hover-s) var(--dt-color-chart-critical-hover-l) / var(--bgo)) !important;
}

.d-bgc-chart-critical-selected, .h\:d-bgc-chart-critical-selected:hover, .f\:d-bgc-chart-critical-selected:focus, .f\:d-bgc-chart-critical-selected:focus-within, .fv\:d-bgc-chart-critical-selected:focus-visible {
  --bgo: var(--dt-color-chart-critical-selected-a);
  background-color: hsl(var(--dt-color-chart-critical-selected-h) var(--dt-color-chart-critical-selected-s) var(--dt-color-chart-critical-selected-l) / var(--bgo)) !important;
}

.d-bgc-chart-warning-hover, .h\:d-bgc-chart-warning-hover:hover, .f\:d-bgc-chart-warning-hover:focus, .f\:d-bgc-chart-warning-hover:focus-within, .fv\:d-bgc-chart-warning-hover:focus-visible {
  --bgo: var(--dt-color-chart-warning-hover-a);
  background-color: hsl(var(--dt-color-chart-warning-hover-h) var(--dt-color-chart-warning-hover-s) var(--dt-color-chart-warning-hover-l) / var(--bgo)) !important;
}

.d-bgc-chart-warning, .h\:d-bgc-chart-warning:hover, .f\:d-bgc-chart-warning:focus, .f\:d-bgc-chart-warning:focus-within, .fv\:d-bgc-chart-warning:focus-visible {
  --bgo: var(--dt-color-chart-warning-a);
  background-color: hsl(var(--dt-color-chart-warning-h) var(--dt-color-chart-warning-s) var(--dt-color-chart-warning-l) / var(--bgo)) !important;
}

.d-bgc-chart-warning-selected, .h\:d-bgc-chart-warning-selected:hover, .f\:d-bgc-chart-warning-selected:focus, .f\:d-bgc-chart-warning-selected:focus-within, .fv\:d-bgc-chart-warning-selected:focus-visible {
  --bgo: var(--dt-color-chart-warning-selected-a);
  background-color: hsl(var(--dt-color-chart-warning-selected-h) var(--dt-color-chart-warning-selected-s) var(--dt-color-chart-warning-selected-l) / var(--bgo)) !important;
}

.d-bgc-chart-info, .h\:d-bgc-chart-info:hover, .f\:d-bgc-chart-info:focus, .f\:d-bgc-chart-info:focus-within, .fv\:d-bgc-chart-info:focus-visible {
  --bgo: var(--dt-color-chart-info-a);
  background-color: hsl(var(--dt-color-chart-info-h) var(--dt-color-chart-info-s) var(--dt-color-chart-info-l) / var(--bgo)) !important;
}

.d-bgc-chart-info-hover, .h\:d-bgc-chart-info-hover:hover, .f\:d-bgc-chart-info-hover:focus, .f\:d-bgc-chart-info-hover:focus-within, .fv\:d-bgc-chart-info-hover:focus-visible {
  --bgo: var(--dt-color-chart-info-hover-a);
  background-color: hsl(var(--dt-color-chart-info-hover-h) var(--dt-color-chart-info-hover-s) var(--dt-color-chart-info-hover-l) / var(--bgo)) !important;
}

.d-bgc-chart-info-selected, .h\:d-bgc-chart-info-selected:hover, .f\:d-bgc-chart-info-selected:focus, .f\:d-bgc-chart-info-selected:focus-within, .fv\:d-bgc-chart-info-selected:focus-visible {
  --bgo: var(--dt-color-chart-info-selected-a);
  background-color: hsl(var(--dt-color-chart-info-selected-h) var(--dt-color-chart-info-selected-s) var(--dt-color-chart-info-selected-l) / var(--bgo)) !important;
}

.d-bgc-chart-sequential-10, .h\:d-bgc-chart-sequential-10:hover, .f\:d-bgc-chart-sequential-10:focus, .f\:d-bgc-chart-sequential-10:focus-within, .fv\:d-bgc-chart-sequential-10:focus-visible {
  --bgo: var(--dt-color-chart-sequential-10-a);
  background-color: hsl(var(--dt-color-chart-sequential-10-h) var(--dt-color-chart-sequential-10-s) var(--dt-color-chart-sequential-10-l) / var(--bgo)) !important;
}

.d-bgc-chart-sequential-01, .h\:d-bgc-chart-sequential-01:hover, .f\:d-bgc-chart-sequential-01:focus, .f\:d-bgc-chart-sequential-01:focus-within, .fv\:d-bgc-chart-sequential-01:focus-visible {
  --bgo: var(--dt-color-chart-sequential-01-a);
  background-color: hsl(var(--dt-color-chart-sequential-01-h) var(--dt-color-chart-sequential-01-s) var(--dt-color-chart-sequential-01-l) / var(--bgo)) !important;
}

.d-bgc-chart-sequential-01-hover, .h\:d-bgc-chart-sequential-01-hover:hover, .f\:d-bgc-chart-sequential-01-hover:focus, .f\:d-bgc-chart-sequential-01-hover:focus-within, .fv\:d-bgc-chart-sequential-01-hover:focus-visible {
  --bgo: var(--dt-color-chart-sequential-01-hover-a);
  background-color: hsl(var(--dt-color-chart-sequential-01-hover-h) var(--dt-color-chart-sequential-01-hover-s) var(--dt-color-chart-sequential-01-hover-l) / var(--bgo)) !important;
}

.d-bgc-chart-sequential-01-selected, .h\:d-bgc-chart-sequential-01-selected:hover, .f\:d-bgc-chart-sequential-01-selected:focus, .f\:d-bgc-chart-sequential-01-selected:focus-within, .fv\:d-bgc-chart-sequential-01-selected:focus-visible {
  --bgo: var(--dt-color-chart-sequential-01-selected-a);
  background-color: hsl(var(--dt-color-chart-sequential-01-selected-h) var(--dt-color-chart-sequential-01-selected-s) var(--dt-color-chart-sequential-01-selected-l) / var(--bgo)) !important;
}

.d-bgc-chart-sequential-02, .h\:d-bgc-chart-sequential-02:hover, .f\:d-bgc-chart-sequential-02:focus, .f\:d-bgc-chart-sequential-02:focus-within, .fv\:d-bgc-chart-sequential-02:focus-visible {
  --bgo: var(--dt-color-chart-sequential-02-a);
  background-color: hsl(var(--dt-color-chart-sequential-02-h) var(--dt-color-chart-sequential-02-s) var(--dt-color-chart-sequential-02-l) / var(--bgo)) !important;
}

.d-bgc-chart-sequential-02-hover, .h\:d-bgc-chart-sequential-02-hover:hover, .f\:d-bgc-chart-sequential-02-hover:focus, .f\:d-bgc-chart-sequential-02-hover:focus-within, .fv\:d-bgc-chart-sequential-02-hover:focus-visible {
  --bgo: var(--dt-color-chart-sequential-02-hover-a);
  background-color: hsl(var(--dt-color-chart-sequential-02-hover-h) var(--dt-color-chart-sequential-02-hover-s) var(--dt-color-chart-sequential-02-hover-l) / var(--bgo)) !important;
}

.d-bgc-chart-sequential-02-selected, .h\:d-bgc-chart-sequential-02-selected:hover, .f\:d-bgc-chart-sequential-02-selected:focus, .f\:d-bgc-chart-sequential-02-selected:focus-within, .fv\:d-bgc-chart-sequential-02-selected:focus-visible {
  --bgo: var(--dt-color-chart-sequential-02-selected-a);
  background-color: hsl(var(--dt-color-chart-sequential-02-selected-h) var(--dt-color-chart-sequential-02-selected-s) var(--dt-color-chart-sequential-02-selected-l) / var(--bgo)) !important;
}

.d-bgc-chart-sequential-03, .h\:d-bgc-chart-sequential-03:hover, .f\:d-bgc-chart-sequential-03:focus, .f\:d-bgc-chart-sequential-03:focus-within, .fv\:d-bgc-chart-sequential-03:focus-visible {
  --bgo: var(--dt-color-chart-sequential-03-a);
  background-color: hsl(var(--dt-color-chart-sequential-03-h) var(--dt-color-chart-sequential-03-s) var(--dt-color-chart-sequential-03-l) / var(--bgo)) !important;
}

.d-bgc-chart-sequential-03-hover, .h\:d-bgc-chart-sequential-03-hover:hover, .f\:d-bgc-chart-sequential-03-hover:focus, .f\:d-bgc-chart-sequential-03-hover:focus-within, .fv\:d-bgc-chart-sequential-03-hover:focus-visible {
  --bgo: var(--dt-color-chart-sequential-03-hover-a);
  background-color: hsl(var(--dt-color-chart-sequential-03-hover-h) var(--dt-color-chart-sequential-03-hover-s) var(--dt-color-chart-sequential-03-hover-l) / var(--bgo)) !important;
}

.d-bgc-chart-sequential-03-selected, .h\:d-bgc-chart-sequential-03-selected:hover, .f\:d-bgc-chart-sequential-03-selected:focus, .f\:d-bgc-chart-sequential-03-selected:focus-within, .fv\:d-bgc-chart-sequential-03-selected:focus-visible {
  --bgo: var(--dt-color-chart-sequential-03-selected-a);
  background-color: hsl(var(--dt-color-chart-sequential-03-selected-h) var(--dt-color-chart-sequential-03-selected-s) var(--dt-color-chart-sequential-03-selected-l) / var(--bgo)) !important;
}

.d-bgc-chart-sequential-04, .h\:d-bgc-chart-sequential-04:hover, .f\:d-bgc-chart-sequential-04:focus, .f\:d-bgc-chart-sequential-04:focus-within, .fv\:d-bgc-chart-sequential-04:focus-visible {
  --bgo: var(--dt-color-chart-sequential-04-a);
  background-color: hsl(var(--dt-color-chart-sequential-04-h) var(--dt-color-chart-sequential-04-s) var(--dt-color-chart-sequential-04-l) / var(--bgo)) !important;
}

.d-bgc-chart-sequential-04-hover, .h\:d-bgc-chart-sequential-04-hover:hover, .f\:d-bgc-chart-sequential-04-hover:focus, .f\:d-bgc-chart-sequential-04-hover:focus-within, .fv\:d-bgc-chart-sequential-04-hover:focus-visible {
  --bgo: var(--dt-color-chart-sequential-04-hover-a);
  background-color: hsl(var(--dt-color-chart-sequential-04-hover-h) var(--dt-color-chart-sequential-04-hover-s) var(--dt-color-chart-sequential-04-hover-l) / var(--bgo)) !important;
}

.d-bgc-chart-sequential-04-selected, .h\:d-bgc-chart-sequential-04-selected:hover, .f\:d-bgc-chart-sequential-04-selected:focus, .f\:d-bgc-chart-sequential-04-selected:focus-within, .fv\:d-bgc-chart-sequential-04-selected:focus-visible {
  --bgo: var(--dt-color-chart-sequential-04-selected-a);
  background-color: hsl(var(--dt-color-chart-sequential-04-selected-h) var(--dt-color-chart-sequential-04-selected-s) var(--dt-color-chart-sequential-04-selected-l) / var(--bgo)) !important;
}

.d-bgc-chart-sequential-05, .h\:d-bgc-chart-sequential-05:hover, .f\:d-bgc-chart-sequential-05:focus, .f\:d-bgc-chart-sequential-05:focus-within, .fv\:d-bgc-chart-sequential-05:focus-visible {
  --bgo: var(--dt-color-chart-sequential-05-a);
  background-color: hsl(var(--dt-color-chart-sequential-05-h) var(--dt-color-chart-sequential-05-s) var(--dt-color-chart-sequential-05-l) / var(--bgo)) !important;
}

.d-bgc-chart-sequential-05-hover, .h\:d-bgc-chart-sequential-05-hover:hover, .f\:d-bgc-chart-sequential-05-hover:focus, .f\:d-bgc-chart-sequential-05-hover:focus-within, .fv\:d-bgc-chart-sequential-05-hover:focus-visible {
  --bgo: var(--dt-color-chart-sequential-05-hover-a);
  background-color: hsl(var(--dt-color-chart-sequential-05-hover-h) var(--dt-color-chart-sequential-05-hover-s) var(--dt-color-chart-sequential-05-hover-l) / var(--bgo)) !important;
}

.d-bgc-chart-sequential-05-selected, .h\:d-bgc-chart-sequential-05-selected:hover, .f\:d-bgc-chart-sequential-05-selected:focus, .f\:d-bgc-chart-sequential-05-selected:focus-within, .fv\:d-bgc-chart-sequential-05-selected:focus-visible {
  --bgo: var(--dt-color-chart-sequential-05-selected-a);
  background-color: hsl(var(--dt-color-chart-sequential-05-selected-h) var(--dt-color-chart-sequential-05-selected-s) var(--dt-color-chart-sequential-05-selected-l) / var(--bgo)) !important;
}

.d-bgc-chart-sequential-06, .h\:d-bgc-chart-sequential-06:hover, .f\:d-bgc-chart-sequential-06:focus, .f\:d-bgc-chart-sequential-06:focus-within, .fv\:d-bgc-chart-sequential-06:focus-visible {
  --bgo: var(--dt-color-chart-sequential-06-a);
  background-color: hsl(var(--dt-color-chart-sequential-06-h) var(--dt-color-chart-sequential-06-s) var(--dt-color-chart-sequential-06-l) / var(--bgo)) !important;
}

.d-bgc-chart-sequential-06-hover, .h\:d-bgc-chart-sequential-06-hover:hover, .f\:d-bgc-chart-sequential-06-hover:focus, .f\:d-bgc-chart-sequential-06-hover:focus-within, .fv\:d-bgc-chart-sequential-06-hover:focus-visible {
  --bgo: var(--dt-color-chart-sequential-06-hover-a);
  background-color: hsl(var(--dt-color-chart-sequential-06-hover-h) var(--dt-color-chart-sequential-06-hover-s) var(--dt-color-chart-sequential-06-hover-l) / var(--bgo)) !important;
}

.d-bgc-chart-sequential-06-selected, .h\:d-bgc-chart-sequential-06-selected:hover, .f\:d-bgc-chart-sequential-06-selected:focus, .f\:d-bgc-chart-sequential-06-selected:focus-within, .fv\:d-bgc-chart-sequential-06-selected:focus-visible {
  --bgo: var(--dt-color-chart-sequential-06-selected-a);
  background-color: hsl(var(--dt-color-chart-sequential-06-selected-h) var(--dt-color-chart-sequential-06-selected-s) var(--dt-color-chart-sequential-06-selected-l) / var(--bgo)) !important;
}

.d-bgc-chart-sequential-07, .h\:d-bgc-chart-sequential-07:hover, .f\:d-bgc-chart-sequential-07:focus, .f\:d-bgc-chart-sequential-07:focus-within, .fv\:d-bgc-chart-sequential-07:focus-visible {
  --bgo: var(--dt-color-chart-sequential-07-a);
  background-color: hsl(var(--dt-color-chart-sequential-07-h) var(--dt-color-chart-sequential-07-s) var(--dt-color-chart-sequential-07-l) / var(--bgo)) !important;
}

.d-bgc-chart-sequential-07-hover, .h\:d-bgc-chart-sequential-07-hover:hover, .f\:d-bgc-chart-sequential-07-hover:focus, .f\:d-bgc-chart-sequential-07-hover:focus-within, .fv\:d-bgc-chart-sequential-07-hover:focus-visible {
  --bgo: var(--dt-color-chart-sequential-07-hover-a);
  background-color: hsl(var(--dt-color-chart-sequential-07-hover-h) var(--dt-color-chart-sequential-07-hover-s) var(--dt-color-chart-sequential-07-hover-l) / var(--bgo)) !important;
}

.d-bgc-chart-sequential-07-selected, .h\:d-bgc-chart-sequential-07-selected:hover, .f\:d-bgc-chart-sequential-07-selected:focus, .f\:d-bgc-chart-sequential-07-selected:focus-within, .fv\:d-bgc-chart-sequential-07-selected:focus-visible {
  --bgo: var(--dt-color-chart-sequential-07-selected-a);
  background-color: hsl(var(--dt-color-chart-sequential-07-selected-h) var(--dt-color-chart-sequential-07-selected-s) var(--dt-color-chart-sequential-07-selected-l) / var(--bgo)) !important;
}

.d-bgc-chart-sequential-08, .h\:d-bgc-chart-sequential-08:hover, .f\:d-bgc-chart-sequential-08:focus, .f\:d-bgc-chart-sequential-08:focus-within, .fv\:d-bgc-chart-sequential-08:focus-visible {
  --bgo: var(--dt-color-chart-sequential-08-a);
  background-color: hsl(var(--dt-color-chart-sequential-08-h) var(--dt-color-chart-sequential-08-s) var(--dt-color-chart-sequential-08-l) / var(--bgo)) !important;
}

.d-bgc-chart-sequential-08-hover, .h\:d-bgc-chart-sequential-08-hover:hover, .f\:d-bgc-chart-sequential-08-hover:focus, .f\:d-bgc-chart-sequential-08-hover:focus-within, .fv\:d-bgc-chart-sequential-08-hover:focus-visible {
  --bgo: var(--dt-color-chart-sequential-08-hover-a);
  background-color: hsl(var(--dt-color-chart-sequential-08-hover-h) var(--dt-color-chart-sequential-08-hover-s) var(--dt-color-chart-sequential-08-hover-l) / var(--bgo)) !important;
}

.d-bgc-chart-sequential-08-selected, .h\:d-bgc-chart-sequential-08-selected:hover, .f\:d-bgc-chart-sequential-08-selected:focus, .f\:d-bgc-chart-sequential-08-selected:focus-within, .fv\:d-bgc-chart-sequential-08-selected:focus-visible {
  --bgo: var(--dt-color-chart-sequential-08-selected-a);
  background-color: hsl(var(--dt-color-chart-sequential-08-selected-h) var(--dt-color-chart-sequential-08-selected-s) var(--dt-color-chart-sequential-08-selected-l) / var(--bgo)) !important;
}

.d-bgc-chart-sequential-09, .h\:d-bgc-chart-sequential-09:hover, .f\:d-bgc-chart-sequential-09:focus, .f\:d-bgc-chart-sequential-09:focus-within, .fv\:d-bgc-chart-sequential-09:focus-visible {
  --bgo: var(--dt-color-chart-sequential-09-a);
  background-color: hsl(var(--dt-color-chart-sequential-09-h) var(--dt-color-chart-sequential-09-s) var(--dt-color-chart-sequential-09-l) / var(--bgo)) !important;
}

.d-bgc-chart-sequential-09-hover, .h\:d-bgc-chart-sequential-09-hover:hover, .f\:d-bgc-chart-sequential-09-hover:focus, .f\:d-bgc-chart-sequential-09-hover:focus-within, .fv\:d-bgc-chart-sequential-09-hover:focus-visible {
  --bgo: var(--dt-color-chart-sequential-09-hover-a);
  background-color: hsl(var(--dt-color-chart-sequential-09-hover-h) var(--dt-color-chart-sequential-09-hover-s) var(--dt-color-chart-sequential-09-hover-l) / var(--bgo)) !important;
}

.d-bgc-chart-sequential-09-selected, .h\:d-bgc-chart-sequential-09-selected:hover, .f\:d-bgc-chart-sequential-09-selected:focus, .f\:d-bgc-chart-sequential-09-selected:focus-within, .fv\:d-bgc-chart-sequential-09-selected:focus-visible {
  --bgo: var(--dt-color-chart-sequential-09-selected-a);
  background-color: hsl(var(--dt-color-chart-sequential-09-selected-h) var(--dt-color-chart-sequential-09-selected-s) var(--dt-color-chart-sequential-09-selected-l) / var(--bgo)) !important;
}

.d-bgc-chart-sequential-10-hover, .h\:d-bgc-chart-sequential-10-hover:hover, .f\:d-bgc-chart-sequential-10-hover:focus, .f\:d-bgc-chart-sequential-10-hover:focus-within, .fv\:d-bgc-chart-sequential-10-hover:focus-visible {
  --bgo: var(--dt-color-chart-sequential-10-hover-a);
  background-color: hsl(var(--dt-color-chart-sequential-10-hover-h) var(--dt-color-chart-sequential-10-hover-s) var(--dt-color-chart-sequential-10-hover-l) / var(--bgo)) !important;
}

.d-bgc-chart-sequential-10-selected, .h\:d-bgc-chart-sequential-10-selected:hover, .f\:d-bgc-chart-sequential-10-selected:focus, .f\:d-bgc-chart-sequential-10-selected:focus-within, .fv\:d-bgc-chart-sequential-10-selected:focus-visible {
  --bgo: var(--dt-color-chart-sequential-10-selected-a);
  background-color: hsl(var(--dt-color-chart-sequential-10-selected-h) var(--dt-color-chart-sequential-10-selected-s) var(--dt-color-chart-sequential-10-selected-l) / var(--bgo)) !important;
}

.d-bgc-chart-sequential-range-00-start, .h\:d-bgc-chart-sequential-range-00-start:hover, .f\:d-bgc-chart-sequential-range-00-start:focus, .f\:d-bgc-chart-sequential-range-00-start:focus-within, .fv\:d-bgc-chart-sequential-range-00-start:focus-visible {
  --bgo: var(--dt-color-chart-sequential-range-00-start-a);
  background-color: hsl(var(--dt-color-chart-sequential-range-00-start-h) var(--dt-color-chart-sequential-range-00-start-s) var(--dt-color-chart-sequential-range-00-start-l) / var(--bgo)) !important;
}

.d-bgc-chart-sequential-range-00-end, .h\:d-bgc-chart-sequential-range-00-end:hover, .f\:d-bgc-chart-sequential-range-00-end:focus, .f\:d-bgc-chart-sequential-range-00-end:focus-within, .fv\:d-bgc-chart-sequential-range-00-end:focus-visible {
  --bgo: var(--dt-color-chart-sequential-range-00-end-a);
  background-color: hsl(var(--dt-color-chart-sequential-range-00-end-h) var(--dt-color-chart-sequential-range-00-end-s) var(--dt-color-chart-sequential-range-00-end-l) / var(--bgo)) !important;
}

.d-bgc-chart-sequential-range-01-start, .h\:d-bgc-chart-sequential-range-01-start:hover, .f\:d-bgc-chart-sequential-range-01-start:focus, .f\:d-bgc-chart-sequential-range-01-start:focus-within, .fv\:d-bgc-chart-sequential-range-01-start:focus-visible {
  --bgo: var(--dt-color-chart-sequential-range-01-start-a);
  background-color: hsl(var(--dt-color-chart-sequential-range-01-start-h) var(--dt-color-chart-sequential-range-01-start-s) var(--dt-color-chart-sequential-range-01-start-l) / var(--bgo)) !important;
}

.d-bgc-chart-sequential-range-01-end, .h\:d-bgc-chart-sequential-range-01-end:hover, .f\:d-bgc-chart-sequential-range-01-end:focus, .f\:d-bgc-chart-sequential-range-01-end:focus-within, .fv\:d-bgc-chart-sequential-range-01-end:focus-visible {
  --bgo: var(--dt-color-chart-sequential-range-01-end-a);
  background-color: hsl(var(--dt-color-chart-sequential-range-01-end-h) var(--dt-color-chart-sequential-range-01-end-s) var(--dt-color-chart-sequential-range-01-end-l) / var(--bgo)) !important;
}

.d-bgc-chart-sequential-range-02-start, .h\:d-bgc-chart-sequential-range-02-start:hover, .f\:d-bgc-chart-sequential-range-02-start:focus, .f\:d-bgc-chart-sequential-range-02-start:focus-within, .fv\:d-bgc-chart-sequential-range-02-start:focus-visible {
  --bgo: var(--dt-color-chart-sequential-range-02-start-a);
  background-color: hsl(var(--dt-color-chart-sequential-range-02-start-h) var(--dt-color-chart-sequential-range-02-start-s) var(--dt-color-chart-sequential-range-02-start-l) / var(--bgo)) !important;
}

.d-bgc-chart-sequential-range-02-end, .h\:d-bgc-chart-sequential-range-02-end:hover, .f\:d-bgc-chart-sequential-range-02-end:focus, .f\:d-bgc-chart-sequential-range-02-end:focus-within, .fv\:d-bgc-chart-sequential-range-02-end:focus-visible {
  --bgo: var(--dt-color-chart-sequential-range-02-end-a);
  background-color: hsl(var(--dt-color-chart-sequential-range-02-end-h) var(--dt-color-chart-sequential-range-02-end-s) var(--dt-color-chart-sequential-range-02-end-l) / var(--bgo)) !important;
}

.d-bgc-chart-sequential-range-03-start, .h\:d-bgc-chart-sequential-range-03-start:hover, .f\:d-bgc-chart-sequential-range-03-start:focus, .f\:d-bgc-chart-sequential-range-03-start:focus-within, .fv\:d-bgc-chart-sequential-range-03-start:focus-visible {
  --bgo: var(--dt-color-chart-sequential-range-03-start-a);
  background-color: hsl(var(--dt-color-chart-sequential-range-03-start-h) var(--dt-color-chart-sequential-range-03-start-s) var(--dt-color-chart-sequential-range-03-start-l) / var(--bgo)) !important;
}

.d-bgc-chart-sequential-range-03-end, .h\:d-bgc-chart-sequential-range-03-end:hover, .f\:d-bgc-chart-sequential-range-03-end:focus, .f\:d-bgc-chart-sequential-range-03-end:focus-within, .fv\:d-bgc-chart-sequential-range-03-end:focus-visible {
  --bgo: var(--dt-color-chart-sequential-range-03-end-a);
  background-color: hsl(var(--dt-color-chart-sequential-range-03-end-h) var(--dt-color-chart-sequential-range-03-end-s) var(--dt-color-chart-sequential-range-03-end-l) / var(--bgo)) !important;
}

.d-bgc-chart-sequential-range-04-start, .h\:d-bgc-chart-sequential-range-04-start:hover, .f\:d-bgc-chart-sequential-range-04-start:focus, .f\:d-bgc-chart-sequential-range-04-start:focus-within, .fv\:d-bgc-chart-sequential-range-04-start:focus-visible {
  --bgo: var(--dt-color-chart-sequential-range-04-start-a);
  background-color: hsl(var(--dt-color-chart-sequential-range-04-start-h) var(--dt-color-chart-sequential-range-04-start-s) var(--dt-color-chart-sequential-range-04-start-l) / var(--bgo)) !important;
}

.d-bgc-chart-sequential-range-04-end, .h\:d-bgc-chart-sequential-range-04-end:hover, .f\:d-bgc-chart-sequential-range-04-end:focus, .f\:d-bgc-chart-sequential-range-04-end:focus-within, .fv\:d-bgc-chart-sequential-range-04-end:focus-visible {
  --bgo: var(--dt-color-chart-sequential-range-04-end-a);
  background-color: hsl(var(--dt-color-chart-sequential-range-04-end-h) var(--dt-color-chart-sequential-range-04-end-s) var(--dt-color-chart-sequential-range-04-end-l) / var(--bgo)) !important;
}

.d-bgc-chart-sequential-range-05-start, .h\:d-bgc-chart-sequential-range-05-start:hover, .f\:d-bgc-chart-sequential-range-05-start:focus, .f\:d-bgc-chart-sequential-range-05-start:focus-within, .fv\:d-bgc-chart-sequential-range-05-start:focus-visible {
  --bgo: var(--dt-color-chart-sequential-range-05-start-a);
  background-color: hsl(var(--dt-color-chart-sequential-range-05-start-h) var(--dt-color-chart-sequential-range-05-start-s) var(--dt-color-chart-sequential-range-05-start-l) / var(--bgo)) !important;
}

.d-bgc-chart-sequential-range-05-end, .h\:d-bgc-chart-sequential-range-05-end:hover, .f\:d-bgc-chart-sequential-range-05-end:focus, .f\:d-bgc-chart-sequential-range-05-end:focus-within, .fv\:d-bgc-chart-sequential-range-05-end:focus-visible {
  --bgo: var(--dt-color-chart-sequential-range-05-end-a);
  background-color: hsl(var(--dt-color-chart-sequential-range-05-end-h) var(--dt-color-chart-sequential-range-05-end-s) var(--dt-color-chart-sequential-range-05-end-l) / var(--bgo)) !important;
}

.d-bgc-chart-sequential-range-06-start, .h\:d-bgc-chart-sequential-range-06-start:hover, .f\:d-bgc-chart-sequential-range-06-start:focus, .f\:d-bgc-chart-sequential-range-06-start:focus-within, .fv\:d-bgc-chart-sequential-range-06-start:focus-visible {
  --bgo: var(--dt-color-chart-sequential-range-06-start-a);
  background-color: hsl(var(--dt-color-chart-sequential-range-06-start-h) var(--dt-color-chart-sequential-range-06-start-s) var(--dt-color-chart-sequential-range-06-start-l) / var(--bgo)) !important;
}

.d-bgc-chart-sequential-range-06-end, .h\:d-bgc-chart-sequential-range-06-end:hover, .f\:d-bgc-chart-sequential-range-06-end:focus, .f\:d-bgc-chart-sequential-range-06-end:focus-within, .fv\:d-bgc-chart-sequential-range-06-end:focus-visible {
  --bgo: var(--dt-color-chart-sequential-range-06-end-a);
  background-color: hsl(var(--dt-color-chart-sequential-range-06-end-h) var(--dt-color-chart-sequential-range-06-end-s) var(--dt-color-chart-sequential-range-06-end-l) / var(--bgo)) !important;
}

.d-bgc-chart-sequential-range-07-start, .h\:d-bgc-chart-sequential-range-07-start:hover, .f\:d-bgc-chart-sequential-range-07-start:focus, .f\:d-bgc-chart-sequential-range-07-start:focus-within, .fv\:d-bgc-chart-sequential-range-07-start:focus-visible {
  --bgo: var(--dt-color-chart-sequential-range-07-start-a);
  background-color: hsl(var(--dt-color-chart-sequential-range-07-start-h) var(--dt-color-chart-sequential-range-07-start-s) var(--dt-color-chart-sequential-range-07-start-l) / var(--bgo)) !important;
}

.d-bgc-chart-sequential-range-07-end, .h\:d-bgc-chart-sequential-range-07-end:hover, .f\:d-bgc-chart-sequential-range-07-end:focus, .f\:d-bgc-chart-sequential-range-07-end:focus-within, .fv\:d-bgc-chart-sequential-range-07-end:focus-visible {
  --bgo: var(--dt-color-chart-sequential-range-07-end-a);
  background-color: hsl(var(--dt-color-chart-sequential-range-07-end-h) var(--dt-color-chart-sequential-range-07-end-s) var(--dt-color-chart-sequential-range-07-end-l) / var(--bgo)) !important;
}

.d-bgc-chart-sequential-range-08-start, .h\:d-bgc-chart-sequential-range-08-start:hover, .f\:d-bgc-chart-sequential-range-08-start:focus, .f\:d-bgc-chart-sequential-range-08-start:focus-within, .fv\:d-bgc-chart-sequential-range-08-start:focus-visible {
  --bgo: var(--dt-color-chart-sequential-range-08-start-a);
  background-color: hsl(var(--dt-color-chart-sequential-range-08-start-h) var(--dt-color-chart-sequential-range-08-start-s) var(--dt-color-chart-sequential-range-08-start-l) / var(--bgo)) !important;
}

.d-bgc-chart-sequential-range-08-end, .h\:d-bgc-chart-sequential-range-08-end:hover, .f\:d-bgc-chart-sequential-range-08-end:focus, .f\:d-bgc-chart-sequential-range-08-end:focus-within, .fv\:d-bgc-chart-sequential-range-08-end:focus-visible {
  --bgo: var(--dt-color-chart-sequential-range-08-end-a);
  background-color: hsl(var(--dt-color-chart-sequential-range-08-end-h) var(--dt-color-chart-sequential-range-08-end-s) var(--dt-color-chart-sequential-range-08-end-l) / var(--bgo)) !important;
}

.d-bgc-chart-sequential-range-09-start, .h\:d-bgc-chart-sequential-range-09-start:hover, .f\:d-bgc-chart-sequential-range-09-start:focus, .f\:d-bgc-chart-sequential-range-09-start:focus-within, .fv\:d-bgc-chart-sequential-range-09-start:focus-visible {
  --bgo: var(--dt-color-chart-sequential-range-09-start-a);
  background-color: hsl(var(--dt-color-chart-sequential-range-09-start-h) var(--dt-color-chart-sequential-range-09-start-s) var(--dt-color-chart-sequential-range-09-start-l) / var(--bgo)) !important;
}

.d-bgc-chart-sequential-range-09-end, .h\:d-bgc-chart-sequential-range-09-end:hover, .f\:d-bgc-chart-sequential-range-09-end:focus, .f\:d-bgc-chart-sequential-range-09-end:focus-within, .fv\:d-bgc-chart-sequential-range-09-end:focus-visible {
  --bgo: var(--dt-color-chart-sequential-range-09-end-a);
  background-color: hsl(var(--dt-color-chart-sequential-range-09-end-h) var(--dt-color-chart-sequential-range-09-end-s) var(--dt-color-chart-sequential-range-09-end-l) / var(--bgo)) !important;
}

.d-bgc-chart-sequential-range-10-start, .h\:d-bgc-chart-sequential-range-10-start:hover, .f\:d-bgc-chart-sequential-range-10-start:focus, .f\:d-bgc-chart-sequential-range-10-start:focus-within, .fv\:d-bgc-chart-sequential-range-10-start:focus-visible {
  --bgo: var(--dt-color-chart-sequential-range-10-start-a);
  background-color: hsl(var(--dt-color-chart-sequential-range-10-start-h) var(--dt-color-chart-sequential-range-10-start-s) var(--dt-color-chart-sequential-range-10-start-l) / var(--bgo)) !important;
}

.d-bgc-chart-sequential-range-10-end, .h\:d-bgc-chart-sequential-range-10-end:hover, .f\:d-bgc-chart-sequential-range-10-end:focus, .f\:d-bgc-chart-sequential-range-10-end:focus-within, .fv\:d-bgc-chart-sequential-range-10-end:focus-visible {
  --bgo: var(--dt-color-chart-sequential-range-10-end-a);
  background-color: hsl(var(--dt-color-chart-sequential-range-10-end-h) var(--dt-color-chart-sequential-range-10-end-s) var(--dt-color-chart-sequential-range-10-end-l) / var(--bgo)) !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;
}

.d-bgc-neutral-black, .h\:d-bgc-neutral-black:hover, .f\:d-bgc-neutral-black:focus, .f\:d-bgc-neutral-black:focus-within, .fv\:d-bgc-neutral-black:focus-visible {
  --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;
}

.d-bgc-black-200, .h\:d-bgc-black-200:hover, .f\:d-bgc-black-200:focus, .f\:d-bgc-black-200:focus-within, .fv\:d-bgc-black-200:focus-visible {
  --bgo: var(--dt-color-black-200-a);
  background-color: hsl(var(--dt-color-black-200-h) var(--dt-color-black-200-s) var(--dt-color-black-200-l) / var(--bgo)) !important;
}

.d-bgc-black-300, .h\:d-bgc-black-300:hover, .f\:d-bgc-black-300:focus, .f\:d-bgc-black-300:focus-within, .fv\:d-bgc-black-300:focus-visible {
  --bgo: var(--dt-color-black-300-a);
  background-color: hsl(var(--dt-color-black-300-h) var(--dt-color-black-300-s) var(--dt-color-black-300-l) / var(--bgo)) !important;
}

.d-bgc-black-400, .h\:d-bgc-black-400:hover, .f\:d-bgc-black-400:focus, .f\:d-bgc-black-400:focus-within, .fv\:d-bgc-black-400:focus-visible {
  --bgo: var(--dt-color-black-400-a);
  background-color: hsl(var(--dt-color-black-400-h) var(--dt-color-black-400-s) var(--dt-color-black-400-l) / var(--bgo)) !important;
}

.d-bgc-black-500, .h\:d-bgc-black-500:hover, .f\:d-bgc-black-500:focus, .f\:d-bgc-black-500:focus-within, .fv\:d-bgc-black-500:focus-visible {
  --bgo: var(--dt-color-black-500-a);
  background-color: hsl(var(--dt-color-black-500-h) var(--dt-color-black-500-s) var(--dt-color-black-500-l) / var(--bgo)) !important;
}

.d-bgc-black-600, .h\:d-bgc-black-600:hover, .f\:d-bgc-black-600:focus, .f\:d-bgc-black-600:focus-within, .fv\:d-bgc-black-600:focus-visible {
  --bgo: var(--dt-color-black-600-a);
  background-color: hsl(var(--dt-color-black-600-h) var(--dt-color-black-600-s) var(--dt-color-black-600-l) / var(--bgo)) !important;
}

.d-bgc-black-700, .h\:d-bgc-black-700:hover, .f\:d-bgc-black-700:focus, .f\:d-bgc-black-700:focus-within, .fv\:d-bgc-black-700:focus-visible {
  --bgo: var(--dt-color-black-700-a);
  background-color: hsl(var(--dt-color-black-700-h) var(--dt-color-black-700-s) var(--dt-color-black-700-l) / var(--bgo)) !important;
}

.d-bgc-black-800, .h\:d-bgc-black-800:hover, .f\:d-bgc-black-800:focus, .f\:d-bgc-black-800:focus-within, .fv\:d-bgc-black-800:focus-visible {
  --bgo: var(--dt-color-black-800-a);
  background-color: hsl(var(--dt-color-black-800-h) var(--dt-color-black-800-s) var(--dt-color-black-800-l) / var(--bgo)) !important;
}

.d-bgc-black-900, .h\:d-bgc-black-900:hover, .f\:d-bgc-black-900:focus, .f\:d-bgc-black-900:focus-within, .fv\:d-bgc-black-900:focus-visible {
  --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;
}

.d-bgc-purple-200, .h\:d-bgc-purple-200:hover, .f\:d-bgc-purple-200:focus, .f\:d-bgc-purple-200:focus-within, .fv\:d-bgc-purple-200:focus-visible {
  --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;
}

.d-bgc-blue-200, .h\:d-bgc-blue-200:hover, .f\:d-bgc-blue-200:focus, .f\:d-bgc-blue-200:focus-within, .fv\:d-bgc-blue-200:focus-visible {
  --bgo: var(--dt-color-blue-200-a);
  background-color: hsl(var(--dt-color-blue-200-h) var(--dt-color-blue-200-s) var(--dt-color-blue-200-l) / var(--bgo)) !important;
}

.d-bgc-blue-300, .h\:d-bgc-blue-300:hover, .f\:d-bgc-blue-300:focus, .f\:d-bgc-blue-300:focus-within, .fv\:d-bgc-blue-300:focus-visible {
  --bgo: var(--dt-color-blue-300-a);
  background-color: hsl(var(--dt-color-blue-300-h) var(--dt-color-blue-300-s) var(--dt-color-blue-300-l) / var(--bgo)) !important;
}

.d-bgc-blue-400, .h\:d-bgc-blue-400:hover, .f\:d-bgc-blue-400:focus, .f\:d-bgc-blue-400:focus-within, .fv\:d-bgc-blue-400:focus-visible {
  --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;
}

.d-bgc-magenta-200, .h\:d-bgc-magenta-200:hover, .f\:d-bgc-magenta-200:focus, .f\:d-bgc-magenta-200:focus-within, .fv\:d-bgc-magenta-200:focus-visible {
  --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;
}

.d-bgc-magenta-400, .h\:d-bgc-magenta-400:hover, .f\:d-bgc-magenta-400:focus, .f\:d-bgc-magenta-400:focus-within, .fv\:d-bgc-magenta-400:focus-visible {
  --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;
}

.d-bgc-gold-200, .h\:d-bgc-gold-200:hover, .f\:d-bgc-gold-200:focus, .f\:d-bgc-gold-200:focus-within, .fv\:d-bgc-gold-200:focus-visible {
  --bgo: var(--dt-color-gold-200-a);
  background-color: hsl(var(--dt-color-gold-200-h) var(--dt-color-gold-200-s) var(--dt-color-gold-200-l) / var(--bgo)) !important;
}

.d-bgc-gold-300, .h\:d-bgc-gold-300:hover, .f\:d-bgc-gold-300:focus, .f\:d-bgc-gold-300:focus-within, .fv\:d-bgc-gold-300:focus-visible {
  --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;
}

.d-bgc-green-200, .h\:d-bgc-green-200:hover, .f\:d-bgc-green-200:focus, .f\:d-bgc-green-200:focus-within, .fv\:d-bgc-green-200:focus-visible {
  --bgo: var(--dt-color-green-200-a);
  background-color: hsl(var(--dt-color-green-200-h) var(--dt-color-green-200-s) var(--dt-color-green-200-l) / var(--bgo)) !important;
}

.d-bgc-green-300, .h\:d-bgc-green-300:hover, .f\:d-bgc-green-300:focus, .f\:d-bgc-green-300:focus-within, .fv\:d-bgc-green-300:focus-visible {
  --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;
}

.d-bgc-red-200, .h\:d-bgc-red-200:hover, .f\:d-bgc-red-200:focus, .f\:d-bgc-red-200:focus-within, .fv\:d-bgc-red-200:focus-visible {
  --bgo: var(--dt-color-red-200-a);
  background-color: hsl(var(--dt-color-red-200-h) var(--dt-color-red-200-s) var(--dt-color-red-200-l) / var(--bgo)) !important;
}

.d-bgc-red-300, .h\:d-bgc-red-300:hover, .f\:d-bgc-red-300:focus, .f\:d-bgc-red-300:focus-within, .fv\:d-bgc-red-300:focus-visible {
  --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;
}

.d-bgc-tan-200, .h\:d-bgc-tan-200:hover, .f\:d-bgc-tan-200:focus, .f\:d-bgc-tan-200:focus-within, .fv\:d-bgc-tan-200:focus-visible {
  --bgo: var(--dt-color-tan-200-a);
  background-color: hsl(var(--dt-color-tan-200-h) var(--dt-color-tan-200-s) var(--dt-color-tan-200-l) / var(--bgo)) !important;
}

.d-bgc-tan-300, .h\:d-bgc-tan-300:hover, .f\:d-bgc-tan-300:focus, .f\:d-bgc-tan-300:focus-within, .fv\:d-bgc-tan-300:focus-visible {
  --bgo: var(--dt-color-tan-300-a);
  background-color: hsl(var(--dt-color-tan-300-h) var(--dt-color-tan-300-s) var(--dt-color-tan-300-l) / var(--bgo)) !important;
}

.d-bgc-tan-400, .h\:d-bgc-tan-400:hover, .f\:d-bgc-tan-400:focus, .f\:d-bgc-tan-400:focus-within, .fv\:d-bgc-tan-400:focus-visible {
  --bgo: var(--dt-color-tan-400-a);
  background-color: hsl(var(--dt-color-tan-400-h) var(--dt-color-tan-400-s) var(--dt-color-tan-400-l) / var(--bgo)) !important;
}

.d-bgc-tan-500, .h\:d-bgc-tan-500:hover, .f\:d-bgc-tan-500:focus, .f\:d-bgc-tan-500:focus-within, .fv\:d-bgc-tan-500:focus-visible {
  --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-berry-50, .h\:d-bgc-berry-50:hover, .f\:d-bgc-berry-50:focus, .f\:d-bgc-berry-50:focus-within, .fv\:d-bgc-berry-50:focus-visible {
  --bgo: var(--dt-color-berry-50-a);
  background-color: hsl(var(--dt-color-berry-50-h) var(--dt-color-berry-50-s) var(--dt-color-berry-50-l) / var(--bgo)) !important;
}

.d-bgc-berry-100, .h\:d-bgc-berry-100:hover, .f\:d-bgc-berry-100:focus, .f\:d-bgc-berry-100:focus-within, .fv\:d-bgc-berry-100:focus-visible {
  --bgo: var(--dt-color-berry-100-a);
  background-color: hsl(var(--dt-color-berry-100-h) var(--dt-color-berry-100-s) var(--dt-color-berry-100-l) / var(--bgo)) !important;
}

.d-bgc-berry-200, .h\:d-bgc-berry-200:hover, .f\:d-bgc-berry-200:focus, .f\:d-bgc-berry-200:focus-within, .fv\:d-bgc-berry-200:focus-visible {
  --bgo: var(--dt-color-berry-200-a);
  background-color: hsl(var(--dt-color-berry-200-h) var(--dt-color-berry-200-s) var(--dt-color-berry-200-l) / var(--bgo)) !important;
}

.d-bgc-berry-300, .h\:d-bgc-berry-300:hover, .f\:d-bgc-berry-300:focus, .f\:d-bgc-berry-300:focus-within, .fv\:d-bgc-berry-300:focus-visible {
  --bgo: var(--dt-color-berry-300-a);
  background-color: hsl(var(--dt-color-berry-300-h) var(--dt-color-berry-300-s) var(--dt-color-berry-300-l) / var(--bgo)) !important;
}

.d-bgc-berry-400, .h\:d-bgc-berry-400:hover, .f\:d-bgc-berry-400:focus, .f\:d-bgc-berry-400:focus-within, .fv\:d-bgc-berry-400:focus-visible {
  --bgo: var(--dt-color-berry-400-a);
  background-color: hsl(var(--dt-color-berry-400-h) var(--dt-color-berry-400-s) var(--dt-color-berry-400-l) / var(--bgo)) !important;
}

.d-bgc-berry-500, .h\:d-bgc-berry-500:hover, .f\:d-bgc-berry-500:focus, .f\:d-bgc-berry-500:focus-within, .fv\:d-bgc-berry-500:focus-visible {
  --bgo: var(--dt-color-berry-500-a);
  background-color: hsl(var(--dt-color-berry-500-h) var(--dt-color-berry-500-s) var(--dt-color-berry-500-l) / var(--bgo)) !important;
}

.d-bgc-berry-600, .h\:d-bgc-berry-600:hover, .f\:d-bgc-berry-600:focus, .f\:d-bgc-berry-600:focus-within, .fv\:d-bgc-berry-600:focus-visible {
  --bgo: var(--dt-color-berry-600-a);
  background-color: hsl(var(--dt-color-berry-600-h) var(--dt-color-berry-600-s) var(--dt-color-berry-600-l) / var(--bgo)) !important;
}

.d-bgc-berry-700, .h\:d-bgc-berry-700:hover, .f\:d-bgc-berry-700:focus, .f\:d-bgc-berry-700:focus-within, .fv\:d-bgc-berry-700:focus-visible {
  --bgo: var(--dt-color-berry-700-a);
  background-color: hsl(var(--dt-color-berry-700-h) var(--dt-color-berry-700-s) var(--dt-color-berry-700-l) / var(--bgo)) !important;
}

.d-bgc-berry-800, .h\:d-bgc-berry-800:hover, .f\:d-bgc-berry-800:focus, .f\:d-bgc-berry-800:focus-within, .fv\:d-bgc-berry-800:focus-visible {
  --bgo: var(--dt-color-berry-800-a);
  background-color: hsl(var(--dt-color-berry-800-h) var(--dt-color-berry-800-s) var(--dt-color-berry-800-l) / var(--bgo)) !important;
}

.d-bgc-berry-900, .h\:d-bgc-berry-900:hover, .f\:d-bgc-berry-900:focus, .f\:d-bgc-berry-900:focus-within, .fv\:d-bgc-berry-900:focus-visible {
  --bgo: var(--dt-color-berry-900-a);
  background-color: hsl(var(--dt-color-berry-900-h) var(--dt-color-berry-900-s) var(--dt-color-berry-900-l) / var(--bgo)) !important;
}

.d-bgc-berry-950, .h\:d-bgc-berry-950:hover, .f\:d-bgc-berry-950:focus, .f\:d-bgc-berry-950:focus-within, .fv\:d-bgc-berry-950:focus-visible {
  --bgo: var(--dt-color-berry-950-a);
  background-color: hsl(var(--dt-color-berry-950-h) var(--dt-color-berry-950-s) var(--dt-color-berry-950-l) / var(--bgo)) !important;
}

.d-bgc-berry-1000, .h\:d-bgc-berry-1000:hover, .f\:d-bgc-berry-1000:focus, .f\:d-bgc-berry-1000:focus-within, .fv\:d-bgc-berry-1000:focus-visible {
  --bgo: var(--dt-color-berry-1000-a);
  background-color: hsl(var(--dt-color-berry-1000-h) var(--dt-color-berry-1000-s) var(--dt-color-berry-1000-l) / var(--bgo)) !important;
}

.d-bgc-coral-50, .h\:d-bgc-coral-50:hover, .f\:d-bgc-coral-50:focus, .f\:d-bgc-coral-50:focus-within, .fv\:d-bgc-coral-50:focus-visible {
  --bgo: var(--dt-color-coral-50-a);
  background-color: hsl(var(--dt-color-coral-50-h) var(--dt-color-coral-50-s) var(--dt-color-coral-50-l) / var(--bgo)) !important;
}

.d-bgc-coral-100, .h\:d-bgc-coral-100:hover, .f\:d-bgc-coral-100:focus, .f\:d-bgc-coral-100:focus-within, .fv\:d-bgc-coral-100:focus-visible {
  --bgo: var(--dt-color-coral-100-a);
  background-color: hsl(var(--dt-color-coral-100-h) var(--dt-color-coral-100-s) var(--dt-color-coral-100-l) / var(--bgo)) !important;
}

.d-bgc-coral-200, .h\:d-bgc-coral-200:hover, .f\:d-bgc-coral-200:focus, .f\:d-bgc-coral-200:focus-within, .fv\:d-bgc-coral-200:focus-visible {
  --bgo: var(--dt-color-coral-200-a);
  background-color: hsl(var(--dt-color-coral-200-h) var(--dt-color-coral-200-s) var(--dt-color-coral-200-l) / var(--bgo)) !important;
}

.d-bgc-coral-300, .h\:d-bgc-coral-300:hover, .f\:d-bgc-coral-300:focus, .f\:d-bgc-coral-300:focus-within, .fv\:d-bgc-coral-300:focus-visible {
  --bgo: var(--dt-color-coral-300-a);
  background-color: hsl(var(--dt-color-coral-300-h) var(--dt-color-coral-300-s) var(--dt-color-coral-300-l) / var(--bgo)) !important;
}

.d-bgc-coral-400, .h\:d-bgc-coral-400:hover, .f\:d-bgc-coral-400:focus, .f\:d-bgc-coral-400:focus-within, .fv\:d-bgc-coral-400:focus-visible {
  --bgo: var(--dt-color-coral-400-a);
  background-color: hsl(var(--dt-color-coral-400-h) var(--dt-color-coral-400-s) var(--dt-color-coral-400-l) / var(--bgo)) !important;
}

.d-bgc-coral-500, .h\:d-bgc-coral-500:hover, .f\:d-bgc-coral-500:focus, .f\:d-bgc-coral-500:focus-within, .fv\:d-bgc-coral-500:focus-visible {
  --bgo: var(--dt-color-coral-500-a);
  background-color: hsl(var(--dt-color-coral-500-h) var(--dt-color-coral-500-s) var(--dt-color-coral-500-l) / var(--bgo)) !important;
}

.d-bgc-coral-600, .h\:d-bgc-coral-600:hover, .f\:d-bgc-coral-600:focus, .f\:d-bgc-coral-600:focus-within, .fv\:d-bgc-coral-600:focus-visible {
  --bgo: var(--dt-color-coral-600-a);
  background-color: hsl(var(--dt-color-coral-600-h) var(--dt-color-coral-600-s) var(--dt-color-coral-600-l) / var(--bgo)) !important;
}

.d-bgc-coral-700, .h\:d-bgc-coral-700:hover, .f\:d-bgc-coral-700:focus, .f\:d-bgc-coral-700:focus-within, .fv\:d-bgc-coral-700:focus-visible {
  --bgo: var(--dt-color-coral-700-a);
  background-color: hsl(var(--dt-color-coral-700-h) var(--dt-color-coral-700-s) var(--dt-color-coral-700-l) / var(--bgo)) !important;
}

.d-bgc-coral-800, .h\:d-bgc-coral-800:hover, .f\:d-bgc-coral-800:focus, .f\:d-bgc-coral-800:focus-within, .fv\:d-bgc-coral-800:focus-visible {
  --bgo: var(--dt-color-coral-800-a);
  background-color: hsl(var(--dt-color-coral-800-h) var(--dt-color-coral-800-s) var(--dt-color-coral-800-l) / var(--bgo)) !important;
}

.d-bgc-coral-900, .h\:d-bgc-coral-900:hover, .f\:d-bgc-coral-900:focus, .f\:d-bgc-coral-900:focus-within, .fv\:d-bgc-coral-900:focus-visible {
  --bgo: var(--dt-color-coral-900-a);
  background-color: hsl(var(--dt-color-coral-900-h) var(--dt-color-coral-900-s) var(--dt-color-coral-900-l) / var(--bgo)) !important;
}

.d-bgc-coral-950, .h\:d-bgc-coral-950:hover, .f\:d-bgc-coral-950:focus, .f\:d-bgc-coral-950:focus-within, .fv\:d-bgc-coral-950:focus-visible {
  --bgo: var(--dt-color-coral-950-a);
  background-color: hsl(var(--dt-color-coral-950-h) var(--dt-color-coral-950-s) var(--dt-color-coral-950-l) / var(--bgo)) !important;
}

.d-bgc-coral-1000, .h\:d-bgc-coral-1000:hover, .f\:d-bgc-coral-1000:focus, .f\:d-bgc-coral-1000:focus-within, .fv\:d-bgc-coral-1000:focus-visible {
  --bgo: var(--dt-color-coral-1000-a);
  background-color: hsl(var(--dt-color-coral-1000-h) var(--dt-color-coral-1000-s) var(--dt-color-coral-1000-l) / var(--bgo)) !important;
}

.d-bgc-olive-50, .h\:d-bgc-olive-50:hover, .f\:d-bgc-olive-50:focus, .f\:d-bgc-olive-50:focus-within, .fv\:d-bgc-olive-50:focus-visible {
  --bgo: var(--dt-color-olive-50-a);
  background-color: hsl(var(--dt-color-olive-50-h) var(--dt-color-olive-50-s) var(--dt-color-olive-50-l) / var(--bgo)) !important;
}

.d-bgc-olive-100, .h\:d-bgc-olive-100:hover, .f\:d-bgc-olive-100:focus, .f\:d-bgc-olive-100:focus-within, .fv\:d-bgc-olive-100:focus-visible {
  --bgo: var(--dt-color-olive-100-a);
  background-color: hsl(var(--dt-color-olive-100-h) var(--dt-color-olive-100-s) var(--dt-color-olive-100-l) / var(--bgo)) !important;
}

.d-bgc-olive-200, .h\:d-bgc-olive-200:hover, .f\:d-bgc-olive-200:focus, .f\:d-bgc-olive-200:focus-within, .fv\:d-bgc-olive-200:focus-visible {
  --bgo: var(--dt-color-olive-200-a);
  background-color: hsl(var(--dt-color-olive-200-h) var(--dt-color-olive-200-s) var(--dt-color-olive-200-l) / var(--bgo)) !important;
}

.d-bgc-olive-300, .h\:d-bgc-olive-300:hover, .f\:d-bgc-olive-300:focus, .f\:d-bgc-olive-300:focus-within, .fv\:d-bgc-olive-300:focus-visible {
  --bgo: var(--dt-color-olive-300-a);
  background-color: hsl(var(--dt-color-olive-300-h) var(--dt-color-olive-300-s) var(--dt-color-olive-300-l) / var(--bgo)) !important;
}

.d-bgc-olive-400, .h\:d-bgc-olive-400:hover, .f\:d-bgc-olive-400:focus, .f\:d-bgc-olive-400:focus-within, .fv\:d-bgc-olive-400:focus-visible {
  --bgo: var(--dt-color-olive-400-a);
  background-color: hsl(var(--dt-color-olive-400-h) var(--dt-color-olive-400-s) var(--dt-color-olive-400-l) / var(--bgo)) !important;
}

.d-bgc-olive-500, .h\:d-bgc-olive-500:hover, .f\:d-bgc-olive-500:focus, .f\:d-bgc-olive-500:focus-within, .fv\:d-bgc-olive-500:focus-visible {
  --bgo: var(--dt-color-olive-500-a);
  background-color: hsl(var(--dt-color-olive-500-h) var(--dt-color-olive-500-s) var(--dt-color-olive-500-l) / var(--bgo)) !important;
}

.d-bgc-olive-600, .h\:d-bgc-olive-600:hover, .f\:d-bgc-olive-600:focus, .f\:d-bgc-olive-600:focus-within, .fv\:d-bgc-olive-600:focus-visible {
  --bgo: var(--dt-color-olive-600-a);
  background-color: hsl(var(--dt-color-olive-600-h) var(--dt-color-olive-600-s) var(--dt-color-olive-600-l) / var(--bgo)) !important;
}

.d-bgc-olive-700, .h\:d-bgc-olive-700:hover, .f\:d-bgc-olive-700:focus, .f\:d-bgc-olive-700:focus-within, .fv\:d-bgc-olive-700:focus-visible {
  --bgo: var(--dt-color-olive-700-a);
  background-color: hsl(var(--dt-color-olive-700-h) var(--dt-color-olive-700-s) var(--dt-color-olive-700-l) / var(--bgo)) !important;
}

.d-bgc-olive-800, .h\:d-bgc-olive-800:hover, .f\:d-bgc-olive-800:focus, .f\:d-bgc-olive-800:focus-within, .fv\:d-bgc-olive-800:focus-visible {
  --bgo: var(--dt-color-olive-800-a);
  background-color: hsl(var(--dt-color-olive-800-h) var(--dt-color-olive-800-s) var(--dt-color-olive-800-l) / var(--bgo)) !important;
}

.d-bgc-olive-900, .h\:d-bgc-olive-900:hover, .f\:d-bgc-olive-900:focus, .f\:d-bgc-olive-900:focus-within, .fv\:d-bgc-olive-900:focus-visible {
  --bgo: var(--dt-color-olive-900-a);
  background-color: hsl(var(--dt-color-olive-900-h) var(--dt-color-olive-900-s) var(--dt-color-olive-900-l) / var(--bgo)) !important;
}

.d-bgc-olive-950, .h\:d-bgc-olive-950:hover, .f\:d-bgc-olive-950:focus, .f\:d-bgc-olive-950:focus-within, .fv\:d-bgc-olive-950:focus-visible {
  --bgo: var(--dt-color-olive-950-a);
  background-color: hsl(var(--dt-color-olive-950-h) var(--dt-color-olive-950-s) var(--dt-color-olive-950-l) / var(--bgo)) !important;
}

.d-bgc-olive-1000, .h\:d-bgc-olive-1000:hover, .f\:d-bgc-olive-1000:focus, .f\:d-bgc-olive-1000:focus-within, .fv\:d-bgc-olive-1000:focus-visible {
  --bgo: var(--dt-color-olive-1000-a);
  background-color: hsl(var(--dt-color-olive-1000-h) var(--dt-color-olive-1000-s) var(--dt-color-olive-1000-l) / var(--bgo)) !important;
}

.d-bgc-teal-50, .h\:d-bgc-teal-50:hover, .f\:d-bgc-teal-50:focus, .f\:d-bgc-teal-50:focus-within, .fv\:d-bgc-teal-50:focus-visible {
  --bgo: var(--dt-color-teal-50-a);
  background-color: hsl(var(--dt-color-teal-50-h) var(--dt-color-teal-50-s) var(--dt-color-teal-50-l) / var(--bgo)) !important;
}

.d-bgc-teal-100, .h\:d-bgc-teal-100:hover, .f\:d-bgc-teal-100:focus, .f\:d-bgc-teal-100:focus-within, .fv\:d-bgc-teal-100:focus-visible {
  --bgo: var(--dt-color-teal-100-a);
  background-color: hsl(var(--dt-color-teal-100-h) var(--dt-color-teal-100-s) var(--dt-color-teal-100-l) / var(--bgo)) !important;
}

.d-bgc-teal-200, .h\:d-bgc-teal-200:hover, .f\:d-bgc-teal-200:focus, .f\:d-bgc-teal-200:focus-within, .fv\:d-bgc-teal-200:focus-visible {
  --bgo: var(--dt-color-teal-200-a);
  background-color: hsl(var(--dt-color-teal-200-h) var(--dt-color-teal-200-s) var(--dt-color-teal-200-l) / var(--bgo)) !important;
}

.d-bgc-teal-300, .h\:d-bgc-teal-300:hover, .f\:d-bgc-teal-300:focus, .f\:d-bgc-teal-300:focus-within, .fv\:d-bgc-teal-300:focus-visible {
  --bgo: var(--dt-color-teal-300-a);
  background-color: hsl(var(--dt-color-teal-300-h) var(--dt-color-teal-300-s) var(--dt-color-teal-300-l) / var(--bgo)) !important;
}

.d-bgc-teal-400, .h\:d-bgc-teal-400:hover, .f\:d-bgc-teal-400:focus, .f\:d-bgc-teal-400:focus-within, .fv\:d-bgc-teal-400:focus-visible {
  --bgo: var(--dt-color-teal-400-a);
  background-color: hsl(var(--dt-color-teal-400-h) var(--dt-color-teal-400-s) var(--dt-color-teal-400-l) / var(--bgo)) !important;
}

.d-bgc-teal-500, .h\:d-bgc-teal-500:hover, .f\:d-bgc-teal-500:focus, .f\:d-bgc-teal-500:focus-within, .fv\:d-bgc-teal-500:focus-visible {
  --bgo: var(--dt-color-teal-500-a);
  background-color: hsl(var(--dt-color-teal-500-h) var(--dt-color-teal-500-s) var(--dt-color-teal-500-l) / var(--bgo)) !important;
}

.d-bgc-teal-600, .h\:d-bgc-teal-600:hover, .f\:d-bgc-teal-600:focus, .f\:d-bgc-teal-600:focus-within, .fv\:d-bgc-teal-600:focus-visible {
  --bgo: var(--dt-color-teal-600-a);
  background-color: hsl(var(--dt-color-teal-600-h) var(--dt-color-teal-600-s) var(--dt-color-teal-600-l) / var(--bgo)) !important;
}

.d-bgc-teal-700, .h\:d-bgc-teal-700:hover, .f\:d-bgc-teal-700:focus, .f\:d-bgc-teal-700:focus-within, .fv\:d-bgc-teal-700:focus-visible {
  --bgo: var(--dt-color-teal-700-a);
  background-color: hsl(var(--dt-color-teal-700-h) var(--dt-color-teal-700-s) var(--dt-color-teal-700-l) / var(--bgo)) !important;
}

.d-bgc-teal-800, .h\:d-bgc-teal-800:hover, .f\:d-bgc-teal-800:focus, .f\:d-bgc-teal-800:focus-within, .fv\:d-bgc-teal-800:focus-visible {
  --bgo: var(--dt-color-teal-800-a);
  background-color: hsl(var(--dt-color-teal-800-h) var(--dt-color-teal-800-s) var(--dt-color-teal-800-l) / var(--bgo)) !important;
}

.d-bgc-teal-900, .h\:d-bgc-teal-900:hover, .f\:d-bgc-teal-900:focus, .f\:d-bgc-teal-900:focus-within, .fv\:d-bgc-teal-900:focus-visible {
  --bgo: var(--dt-color-teal-900-a);
  background-color: hsl(var(--dt-color-teal-900-h) var(--dt-color-teal-900-s) var(--dt-color-teal-900-l) / var(--bgo)) !important;
}

.d-bgc-teal-950, .h\:d-bgc-teal-950:hover, .f\:d-bgc-teal-950:focus, .f\:d-bgc-teal-950:focus-within, .fv\:d-bgc-teal-950:focus-visible {
  --bgo: var(--dt-color-teal-950-a);
  background-color: hsl(var(--dt-color-teal-950-h) var(--dt-color-teal-950-s) var(--dt-color-teal-950-l) / var(--bgo)) !important;
}

.d-bgc-teal-1000, .h\:d-bgc-teal-1000:hover, .f\:d-bgc-teal-1000:focus, .f\:d-bgc-teal-1000:focus-within, .fv\:d-bgc-teal-1000:focus-visible {
  --bgo: var(--dt-color-teal-1000-a);
  background-color: hsl(var(--dt-color-teal-1000-h) var(--dt-color-teal-1000-s) var(--dt-color-teal-1000-l) / var(--bgo)) !important;
}

.d-bgc-indigo-50, .h\:d-bgc-indigo-50:hover, .f\:d-bgc-indigo-50:focus, .f\:d-bgc-indigo-50:focus-within, .fv\:d-bgc-indigo-50:focus-visible {
  --bgo: var(--dt-color-indigo-50-a);
  background-color: hsl(var(--dt-color-indigo-50-h) var(--dt-color-indigo-50-s) var(--dt-color-indigo-50-l) / var(--bgo)) !important;
}

.d-bgc-indigo-100, .h\:d-bgc-indigo-100:hover, .f\:d-bgc-indigo-100:focus, .f\:d-bgc-indigo-100:focus-within, .fv\:d-bgc-indigo-100:focus-visible {
  --bgo: var(--dt-color-indigo-100-a);
  background-color: hsl(var(--dt-color-indigo-100-h) var(--dt-color-indigo-100-s) var(--dt-color-indigo-100-l) / var(--bgo)) !important;
}

.d-bgc-indigo-200, .h\:d-bgc-indigo-200:hover, .f\:d-bgc-indigo-200:focus, .f\:d-bgc-indigo-200:focus-within, .fv\:d-bgc-indigo-200:focus-visible {
  --bgo: var(--dt-color-indigo-200-a);
  background-color: hsl(var(--dt-color-indigo-200-h) var(--dt-color-indigo-200-s) var(--dt-color-indigo-200-l) / var(--bgo)) !important;
}

.d-bgc-indigo-300, .h\:d-bgc-indigo-300:hover, .f\:d-bgc-indigo-300:focus, .f\:d-bgc-indigo-300:focus-within, .fv\:d-bgc-indigo-300:focus-visible {
  --bgo: var(--dt-color-indigo-300-a);
  background-color: hsl(var(--dt-color-indigo-300-h) var(--dt-color-indigo-300-s) var(--dt-color-indigo-300-l) / var(--bgo)) !important;
}

.d-bgc-indigo-400, .h\:d-bgc-indigo-400:hover, .f\:d-bgc-indigo-400:focus, .f\:d-bgc-indigo-400:focus-within, .fv\:d-bgc-indigo-400:focus-visible {
  --bgo: var(--dt-color-indigo-400-a);
  background-color: hsl(var(--dt-color-indigo-400-h) var(--dt-color-indigo-400-s) var(--dt-color-indigo-400-l) / var(--bgo)) !important;
}

.d-bgc-indigo-500, .h\:d-bgc-indigo-500:hover, .f\:d-bgc-indigo-500:focus, .f\:d-bgc-indigo-500:focus-within, .fv\:d-bgc-indigo-500:focus-visible {
  --bgo: var(--dt-color-indigo-500-a);
  background-color: hsl(var(--dt-color-indigo-500-h) var(--dt-color-indigo-500-s) var(--dt-color-indigo-500-l) / var(--bgo)) !important;
}

.d-bgc-indigo-600, .h\:d-bgc-indigo-600:hover, .f\:d-bgc-indigo-600:focus, .f\:d-bgc-indigo-600:focus-within, .fv\:d-bgc-indigo-600:focus-visible {
  --bgo: var(--dt-color-indigo-600-a);
  background-color: hsl(var(--dt-color-indigo-600-h) var(--dt-color-indigo-600-s) var(--dt-color-indigo-600-l) / var(--bgo)) !important;
}

.d-bgc-indigo-700, .h\:d-bgc-indigo-700:hover, .f\:d-bgc-indigo-700:focus, .f\:d-bgc-indigo-700:focus-within, .fv\:d-bgc-indigo-700:focus-visible {
  --bgo: var(--dt-color-indigo-700-a);
  background-color: hsl(var(--dt-color-indigo-700-h) var(--dt-color-indigo-700-s) var(--dt-color-indigo-700-l) / var(--bgo)) !important;
}

.d-bgc-indigo-800, .h\:d-bgc-indigo-800:hover, .f\:d-bgc-indigo-800:focus, .f\:d-bgc-indigo-800:focus-within, .fv\:d-bgc-indigo-800:focus-visible {
  --bgo: var(--dt-color-indigo-800-a);
  background-color: hsl(var(--dt-color-indigo-800-h) var(--dt-color-indigo-800-s) var(--dt-color-indigo-800-l) / var(--bgo)) !important;
}

.d-bgc-indigo-900, .h\:d-bgc-indigo-900:hover, .f\:d-bgc-indigo-900:focus, .f\:d-bgc-indigo-900:focus-within, .fv\:d-bgc-indigo-900:focus-visible {
  --bgo: var(--dt-color-indigo-900-a);
  background-color: hsl(var(--dt-color-indigo-900-h) var(--dt-color-indigo-900-s) var(--dt-color-indigo-900-l) / var(--bgo)) !important;
}

.d-bgc-indigo-950, .h\:d-bgc-indigo-950:hover, .f\:d-bgc-indigo-950:focus, .f\:d-bgc-indigo-950:focus-within, .fv\:d-bgc-indigo-950:focus-visible {
  --bgo: var(--dt-color-indigo-950-a);
  background-color: hsl(var(--dt-color-indigo-950-h) var(--dt-color-indigo-950-s) var(--dt-color-indigo-950-l) / var(--bgo)) !important;
}

.d-bgc-indigo-1000, .h\:d-bgc-indigo-1000:hover, .f\:d-bgc-indigo-1000:focus, .f\:d-bgc-indigo-1000:focus-within, .fv\:d-bgc-indigo-1000:focus-visible {
  --bgo: var(--dt-color-indigo-1000-a);
  background-color: hsl(var(--dt-color-indigo-1000-h) var(--dt-color-indigo-1000-s) var(--dt-color-indigo-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;
}

.d-bgc-moderate-opaque, .h\:d-bgc-moderate-opaque:hover, .f\:d-bgc-moderate-opaque:focus, .f\:d-bgc-moderate-opaque:focus-within, .fv\:d-bgc-moderate-opaque:focus-visible {
  --bgo: var(--dt-color-surface-moderate-opaque-a);
  background-color: hsl(var(--dt-color-surface-moderate-opaque-h) var(--dt-color-surface-moderate-opaque-s) var(--dt-color-surface-moderate-opaque-l) / var(--bgo)) !important;
}

.d-bgc-bold-opaque, .h\:d-bgc-bold-opaque:hover, .f\:d-bgc-bold-opaque:focus, .f\:d-bgc-bold-opaque:focus-within, .fv\:d-bgc-bold-opaque:focus-visible {
  --bgo: var(--dt-color-surface-bold-opaque-a);
  background-color: hsl(var(--dt-color-surface-bold-opaque-h) var(--dt-color-surface-bold-opaque-s) var(--dt-color-surface-bold-opaque-l) / var(--bgo)) !important;
}

.d-bgc-strong-opaque, .h\:d-bgc-strong-opaque:hover, .f\:d-bgc-strong-opaque:focus, .f\:d-bgc-strong-opaque:focus-within, .fv\:d-bgc-strong-opaque:focus-visible {
  --bgo: var(--dt-color-surface-strong-opaque-a);
  background-color: hsl(var(--dt-color-surface-strong-opaque-h) var(--dt-color-surface-strong-opaque-s) var(--dt-color-surface-strong-opaque-l) / var(--bgo)) !important;
}

.d-bgc-contrast-opaque, .h\:d-bgc-contrast-opaque:hover, .f\:d-bgc-contrast-opaque:focus, .f\:d-bgc-contrast-opaque:focus-within, .fv\:d-bgc-contrast-opaque:focus-visible {
  --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-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-subtle-opaque, .h\:d-bgc-warning-subtle-opaque:hover, .f\:d-bgc-warning-subtle-opaque:focus, .f\:d-bgc-warning-subtle-opaque:focus-within, .fv\:d-bgc-warning-subtle-opaque:focus-visible {
  --bgo: var(--dt-color-surface-warning-subtle-opaque-a);
  background-color: hsl(var(--dt-color-surface-warning-subtle-opaque-h) var(--dt-color-surface-warning-subtle-opaque-s) var(--dt-color-surface-warning-subtle-opaque-l) / var(--bgo)) !important;
}

.d-bgc-success-subtle-opaque, .h\:d-bgc-success-subtle-opaque:hover, .f\:d-bgc-success-subtle-opaque:focus, .f\:d-bgc-success-subtle-opaque:focus-within, .fv\:d-bgc-success-subtle-opaque:focus-visible {
  --bgo: var(--dt-color-surface-success-subtle-opaque-a);
  background-color: hsl(var(--dt-color-surface-success-subtle-opaque-h) var(--dt-color-surface-success-subtle-opaque-s) var(--dt-color-surface-success-subtle-opaque-l) / var(--bgo)) !important;
}

.d-bgc-info-subtle-opaque, .h\:d-bgc-info-subtle-opaque:hover, .f\:d-bgc-info-subtle-opaque:focus, .f\:d-bgc-info-subtle-opaque:focus-within, .fv\:d-bgc-info-subtle-opaque:focus-visible {
  --bgo: var(--dt-color-surface-info-subtle-opaque-a);
  background-color: hsl(var(--dt-color-surface-info-subtle-opaque-h) var(--dt-color-surface-info-subtle-opaque-s) var(--dt-color-surface-info-subtle-opaque-l) / var(--bgo)) !important;
}

.d-bgc-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-opaque-inverted, .h\:d-bgc-primary-opaque-inverted:hover, .f\:d-bgc-primary-opaque-inverted:focus, .f\:d-bgc-primary-opaque-inverted:focus-within, .fv\:d-bgc-primary-opaque-inverted:focus-visible {
  --bgo: var(--dt-color-surface-primary-opaque-inverted-a);
  background-color: hsl(var(--dt-color-surface-primary-opaque-inverted-h) var(--dt-color-surface-primary-opaque-inverted-s) var(--dt-color-surface-primary-opaque-inverted-l) / var(--bgo)) !important;
}

.d-bgc-secondary-opaque-inverted, .h\:d-bgc-secondary-opaque-inverted:hover, .f\:d-bgc-secondary-opaque-inverted:focus, .f\:d-bgc-secondary-opaque-inverted:focus-within, .fv\:d-bgc-secondary-opaque-inverted:focus-visible {
  --bgo: var(--dt-color-surface-secondary-opaque-inverted-a);
  background-color: hsl(var(--dt-color-surface-secondary-opaque-inverted-h) var(--dt-color-surface-secondary-opaque-inverted-s) var(--dt-color-surface-secondary-opaque-inverted-l) / var(--bgo)) !important;
}

.d-bgc-moderate-opaque-inverted, .h\:d-bgc-moderate-opaque-inverted:hover, .f\:d-bgc-moderate-opaque-inverted:focus, .f\:d-bgc-moderate-opaque-inverted:focus-within, .fv\:d-bgc-moderate-opaque-inverted:focus-visible {
  --bgo: var(--dt-color-surface-moderate-opaque-inverted-a);
  background-color: hsl(var(--dt-color-surface-moderate-opaque-inverted-h) var(--dt-color-surface-moderate-opaque-inverted-s) var(--dt-color-surface-moderate-opaque-inverted-l) / var(--bgo)) !important;
}

.d-bgc-bold-opaque-inverted, .h\:d-bgc-bold-opaque-inverted:hover, .f\:d-bgc-bold-opaque-inverted:focus, .f\:d-bgc-bold-opaque-inverted:focus-within, .fv\:d-bgc-bold-opaque-inverted:focus-visible {
  --bgo: var(--dt-color-surface-bold-opaque-inverted-a);
  background-color: hsl(var(--dt-color-surface-bold-opaque-inverted-h) var(--dt-color-surface-bold-opaque-inverted-s) var(--dt-color-surface-bold-opaque-inverted-l) / var(--bgo)) !important;
}

.d-bgc-strong-opaque-inverted, .h\:d-bgc-strong-opaque-inverted:hover, .f\:d-bgc-strong-opaque-inverted:focus, .f\:d-bgc-strong-opaque-inverted:focus-within, .fv\:d-bgc-strong-opaque-inverted:focus-visible {
  --bgo: var(--dt-color-surface-strong-opaque-inverted-a);
  background-color: hsl(var(--dt-color-surface-strong-opaque-inverted-h) var(--dt-color-surface-strong-opaque-inverted-s) var(--dt-color-surface-strong-opaque-inverted-l) / var(--bgo)) !important;
}

.d-bgc-contrast-opaque-inverted, .h\:d-bgc-contrast-opaque-inverted:hover, .f\:d-bgc-contrast-opaque-inverted:focus, .f\:d-bgc-contrast-opaque-inverted:focus-within, .fv\:d-bgc-contrast-opaque-inverted:focus-visible {
  --bgo: var(--dt-color-surface-contrast-opaque-inverted-a);
  background-color: hsl(var(--dt-color-surface-contrast-opaque-inverted-h) var(--dt-color-surface-contrast-opaque-inverted-s) var(--dt-color-surface-contrast-opaque-inverted-l) / var(--bgo)) !important;
}

.d-bgc-critical-opaque-inverted, .h\:d-bgc-critical-opaque-inverted:hover, .f\:d-bgc-critical-opaque-inverted:focus, .f\:d-bgc-critical-opaque-inverted:focus-within, .fv\:d-bgc-critical-opaque-inverted:focus-visible {
  --bgo: var(--dt-color-surface-critical-opaque-inverted-a);
  background-color: hsl(var(--dt-color-surface-critical-opaque-inverted-h) var(--dt-color-surface-critical-opaque-inverted-s) var(--dt-color-surface-critical-opaque-inverted-l) / var(--bgo)) !important;
}

.d-bgc-warning-opaque-inverted, .h\:d-bgc-warning-opaque-inverted:hover, .f\:d-bgc-warning-opaque-inverted:focus, .f\:d-bgc-warning-opaque-inverted:focus-within, .fv\:d-bgc-warning-opaque-inverted:focus-visible {
  --bgo: var(--dt-color-surface-warning-opaque-inverted-a);
  background-color: hsl(var(--dt-color-surface-warning-opaque-inverted-h) var(--dt-color-surface-warning-opaque-inverted-s) var(--dt-color-surface-warning-opaque-inverted-l) / var(--bgo)) !important;
}

.d-bgc-success-opaque-inverted, .h\:d-bgc-success-opaque-inverted:hover, .f\:d-bgc-success-opaque-inverted:focus, .f\:d-bgc-success-opaque-inverted:focus-within, .fv\:d-bgc-success-opaque-inverted:focus-visible {
  --bgo: var(--dt-color-surface-success-opaque-inverted-a);
  background-color: hsl(var(--dt-color-surface-success-opaque-inverted-h) var(--dt-color-surface-success-opaque-inverted-s) var(--dt-color-surface-success-opaque-inverted-l) / var(--bgo)) !important;
}

.d-bgc-info-opaque-inverted, .h\:d-bgc-info-opaque-inverted:hover, .f\:d-bgc-info-opaque-inverted:focus, .f\:d-bgc-info-opaque-inverted:focus-within, .fv\:d-bgc-info-opaque-inverted:focus-visible {
  --bgo: var(--dt-color-surface-info-opaque-inverted-a);
  background-color: hsl(var(--dt-color-surface-info-opaque-inverted-h) var(--dt-color-surface-info-opaque-inverted-s) var(--dt-color-surface-info-opaque-inverted-l) / var(--bgo)) !important;
}

.d-bgc-brand-opaque-inverted, .h\:d-bgc-brand-opaque-inverted:hover, .f\:d-bgc-brand-opaque-inverted:focus, .f\:d-bgc-brand-opaque-inverted:focus-within, .fv\:d-bgc-brand-opaque-inverted:focus-visible {
  --bgo: var(--dt-color-surface-brand-opaque-inverted-a);
  background-color: hsl(var(--dt-color-surface-brand-opaque-inverted-h) var(--dt-color-surface-brand-opaque-inverted-s) var(--dt-color-surface-brand-opaque-inverted-l) / var(--bgo)) !important;
}

.d-bgc-critical-subtle-opaque-inverted, .h\:d-bgc-critical-subtle-opaque-inverted:hover, .f\:d-bgc-critical-subtle-opaque-inverted:focus, .f\:d-bgc-critical-subtle-opaque-inverted:focus-within, .fv\:d-bgc-critical-subtle-opaque-inverted:focus-visible {
  --bgo: var(--dt-color-surface-critical-subtle-opaque-inverted-a);
  background-color: hsl(var(--dt-color-surface-critical-subtle-opaque-inverted-h) var(--dt-color-surface-critical-subtle-opaque-inverted-s) var(--dt-color-surface-critical-subtle-opaque-inverted-l) / var(--bgo)) !important;
}

.d-bgc-warning-subtle-opaque-inverted, .h\:d-bgc-warning-subtle-opaque-inverted:hover, .f\:d-bgc-warning-subtle-opaque-inverted:focus, .f\:d-bgc-warning-subtle-opaque-inverted:focus-within, .fv\:d-bgc-warning-subtle-opaque-inverted:focus-visible {
  --bgo: var(--dt-color-surface-warning-subtle-opaque-inverted-a);
  background-color: hsl(var(--dt-color-surface-warning-subtle-opaque-inverted-h) var(--dt-color-surface-warning-subtle-opaque-inverted-s) var(--dt-color-surface-warning-subtle-opaque-inverted-l) / var(--bgo)) !important;
}

.d-bgc-success-subtle-opaque-inverted, .h\:d-bgc-success-subtle-opaque-inverted:hover, .f\:d-bgc-success-subtle-opaque-inverted:focus, .f\:d-bgc-success-subtle-opaque-inverted:focus-within, .fv\:d-bgc-success-subtle-opaque-inverted:focus-visible {
  --bgo: var(--dt-color-surface-success-subtle-opaque-inverted-a);
  background-color: hsl(var(--dt-color-surface-success-subtle-opaque-inverted-h) var(--dt-color-surface-success-subtle-opaque-inverted-s) var(--dt-color-surface-success-subtle-opaque-inverted-l) / var(--bgo)) !important;
}

.d-bgc-info-subtle-opaque-inverted, .h\:d-bgc-info-subtle-opaque-inverted:hover, .f\:d-bgc-info-subtle-opaque-inverted:focus, .f\:d-bgc-info-subtle-opaque-inverted:focus-within, .fv\:d-bgc-info-subtle-opaque-inverted:focus-visible {
  --bgo: var(--dt-color-surface-info-subtle-opaque-inverted-a);
  background-color: hsl(var(--dt-color-surface-info-subtle-opaque-inverted-h) var(--dt-color-surface-info-subtle-opaque-inverted-s) var(--dt-color-surface-info-subtle-opaque-inverted-l) / var(--bgo)) !important;
}

.d-bgc-brand-subtle-opaque-inverted, .h\:d-bgc-brand-subtle-opaque-inverted:hover, .f\:d-bgc-brand-subtle-opaque-inverted:focus, .f\:d-bgc-brand-subtle-opaque-inverted:focus-within, .fv\:d-bgc-brand-subtle-opaque-inverted:focus-visible {
  --bgo: var(--dt-color-surface-brand-subtle-opaque-inverted-a);
  background-color: hsl(var(--dt-color-surface-brand-subtle-opaque-inverted-h) var(--dt-color-surface-brand-subtle-opaque-inverted-s) var(--dt-color-surface-brand-subtle-opaque-inverted-l) / var(--bgo)) !important;
}

.d-bgc-backdrop, .h\:d-bgc-backdrop:hover, .f\:d-bgc-backdrop:focus, .f\:d-bgc-backdrop:focus-within, .fv\:d-bgc-backdrop:focus-visible {
  --bgo: var(--dt-color-surface-backdrop-a);
  background-color: hsl(var(--dt-color-surface-backdrop-h) var(--dt-color-surface-backdrop-s) var(--dt-color-surface-backdrop-l) / var(--bgo)) !important;
}

.d-bgc-chart-categorical-10, .h\:d-bgc-chart-categorical-10:hover, .f\:d-bgc-chart-categorical-10:focus, .f\:d-bgc-chart-categorical-10:focus-within, .fv\:d-bgc-chart-categorical-10:focus-visible {
  --bgo: var(--dt-color-chart-categorical-10-a);
  background-color: hsl(var(--dt-color-chart-categorical-10-h) var(--dt-color-chart-categorical-10-s) var(--dt-color-chart-categorical-10-l) / var(--bgo)) !important;
}

.d-bgc-chart-categorical-11, .h\:d-bgc-chart-categorical-11:hover, .f\:d-bgc-chart-categorical-11:focus, .f\:d-bgc-chart-categorical-11:focus-within, .fv\:d-bgc-chart-categorical-11:focus-visible {
  --bgo: var(--dt-color-chart-categorical-11-a);
  background-color: hsl(var(--dt-color-chart-categorical-11-h) var(--dt-color-chart-categorical-11-s) var(--dt-color-chart-categorical-11-l) / var(--bgo)) !important;
}

.d-bgc-chart-categorical-12, .h\:d-bgc-chart-categorical-12:hover, .f\:d-bgc-chart-categorical-12:focus, .f\:d-bgc-chart-categorical-12:focus-within, .fv\:d-bgc-chart-categorical-12:focus-visible {
  --bgo: var(--dt-color-chart-categorical-12-a);
  background-color: hsl(var(--dt-color-chart-categorical-12-h) var(--dt-color-chart-categorical-12-s) var(--dt-color-chart-categorical-12-l) / var(--bgo)) !important;
}

.d-bgc-chart-categorical-13, .h\:d-bgc-chart-categorical-13:hover, .f\:d-bgc-chart-categorical-13:focus, .f\:d-bgc-chart-categorical-13:focus-within, .fv\:d-bgc-chart-categorical-13:focus-visible {
  --bgo: var(--dt-color-chart-categorical-13-a);
  background-color: hsl(var(--dt-color-chart-categorical-13-h) var(--dt-color-chart-categorical-13-s) var(--dt-color-chart-categorical-13-l) / var(--bgo)) !important;
}

.d-bgc-chart-categorical-14, .h\:d-bgc-chart-categorical-14:hover, .f\:d-bgc-chart-categorical-14:focus, .f\:d-bgc-chart-categorical-14:focus-within, .fv\:d-bgc-chart-categorical-14:focus-visible {
  --bgo: var(--dt-color-chart-categorical-14-a);
  background-color: hsl(var(--dt-color-chart-categorical-14-h) var(--dt-color-chart-categorical-14-s) var(--dt-color-chart-categorical-14-l) / var(--bgo)) !important;
}

.d-bgc-chart-categorical-15, .h\:d-bgc-chart-categorical-15:hover, .f\:d-bgc-chart-categorical-15:focus, .f\:d-bgc-chart-categorical-15:focus-within, .fv\:d-bgc-chart-categorical-15:focus-visible {
  --bgo: var(--dt-color-chart-categorical-15-a);
  background-color: hsl(var(--dt-color-chart-categorical-15-h) var(--dt-color-chart-categorical-15-s) var(--dt-color-chart-categorical-15-l) / var(--bgo)) !important;
}

.d-bgc-chart-categorical-16, .h\:d-bgc-chart-categorical-16:hover, .f\:d-bgc-chart-categorical-16:focus, .f\:d-bgc-chart-categorical-16:focus-within, .fv\:d-bgc-chart-categorical-16:focus-visible {
  --bgo: var(--dt-color-chart-categorical-16-a);
  background-color: hsl(var(--dt-color-chart-categorical-16-h) var(--dt-color-chart-categorical-16-s) var(--dt-color-chart-categorical-16-l) / var(--bgo)) !important;
}

.d-bgc-chart-categorical-17, .h\:d-bgc-chart-categorical-17:hover, .f\:d-bgc-chart-categorical-17:focus, .f\:d-bgc-chart-categorical-17:focus-within, .fv\:d-bgc-chart-categorical-17:focus-visible {
  --bgo: var(--dt-color-chart-categorical-17-a);
  background-color: hsl(var(--dt-color-chart-categorical-17-h) var(--dt-color-chart-categorical-17-s) var(--dt-color-chart-categorical-17-l) / var(--bgo)) !important;
}

.d-bgc-chart-categorical-18, .h\:d-bgc-chart-categorical-18:hover, .f\:d-bgc-chart-categorical-18:focus, .f\:d-bgc-chart-categorical-18:focus-within, .fv\:d-bgc-chart-categorical-18:focus-visible {
  --bgo: var(--dt-color-chart-categorical-18-a);
  background-color: hsl(var(--dt-color-chart-categorical-18-h) var(--dt-color-chart-categorical-18-s) var(--dt-color-chart-categorical-18-l) / var(--bgo)) !important;
}

.d-bgc-chart-categorical-19, .h\:d-bgc-chart-categorical-19:hover, .f\:d-bgc-chart-categorical-19:focus, .f\:d-bgc-chart-categorical-19:focus-within, .fv\:d-bgc-chart-categorical-19:focus-visible {
  --bgo: var(--dt-color-chart-categorical-19-a);
  background-color: hsl(var(--dt-color-chart-categorical-19-h) var(--dt-color-chart-categorical-19-s) var(--dt-color-chart-categorical-19-l) / var(--bgo)) !important;
}

.d-bgc-chart-categorical-20, .h\:d-bgc-chart-categorical-20:hover, .f\:d-bgc-chart-categorical-20:focus, .f\:d-bgc-chart-categorical-20:focus-within, .fv\:d-bgc-chart-categorical-20:focus-visible {
  --bgo: var(--dt-color-chart-categorical-20-a);
  background-color: hsl(var(--dt-color-chart-categorical-20-h) var(--dt-color-chart-categorical-20-s) var(--dt-color-chart-categorical-20-l) / var(--bgo)) !important;
}

.d-bgc-chart-categorical-21, .h\:d-bgc-chart-categorical-21:hover, .f\:d-bgc-chart-categorical-21:focus, .f\:d-bgc-chart-categorical-21:focus-within, .fv\:d-bgc-chart-categorical-21:focus-visible {
  --bgo: var(--dt-color-chart-categorical-21-a);
  background-color: hsl(var(--dt-color-chart-categorical-21-h) var(--dt-color-chart-categorical-21-s) var(--dt-color-chart-categorical-21-l) / var(--bgo)) !important;
}

.d-bgc-chart-categorical-22, .h\:d-bgc-chart-categorical-22:hover, .f\:d-bgc-chart-categorical-22:focus, .f\:d-bgc-chart-categorical-22:focus-within, .fv\:d-bgc-chart-categorical-22:focus-visible {
  --bgo: var(--dt-color-chart-categorical-22-a);
  background-color: hsl(var(--dt-color-chart-categorical-22-h) var(--dt-color-chart-categorical-22-s) var(--dt-color-chart-categorical-22-l) / var(--bgo)) !important;
}

.d-bgc-chart-categorical-23, .h\:d-bgc-chart-categorical-23:hover, .f\:d-bgc-chart-categorical-23:focus, .f\:d-bgc-chart-categorical-23:focus-within, .fv\:d-bgc-chart-categorical-23:focus-visible {
  --bgo: var(--dt-color-chart-categorical-23-a);
  background-color: hsl(var(--dt-color-chart-categorical-23-h) var(--dt-color-chart-categorical-23-s) var(--dt-color-chart-categorical-23-l) / var(--bgo)) !important;
}

.d-bgc-chart-categorical-24, .h\:d-bgc-chart-categorical-24:hover, .f\:d-bgc-chart-categorical-24:focus, .f\:d-bgc-chart-categorical-24:focus-within, .fv\:d-bgc-chart-categorical-24:focus-visible {
  --bgo: var(--dt-color-chart-categorical-24-a);
  background-color: hsl(var(--dt-color-chart-categorical-24-h) var(--dt-color-chart-categorical-24-s) var(--dt-color-chart-categorical-24-l) / var(--bgo)) !important;
}

.d-bgc-chart-categorical-25, .h\:d-bgc-chart-categorical-25:hover, .f\:d-bgc-chart-categorical-25:focus, .f\:d-bgc-chart-categorical-25:focus-within, .fv\:d-bgc-chart-categorical-25:focus-visible {
  --bgo: var(--dt-color-chart-categorical-25-a);
  background-color: hsl(var(--dt-color-chart-categorical-25-h) var(--dt-color-chart-categorical-25-s) var(--dt-color-chart-categorical-25-l) / var(--bgo)) !important;
}

.d-bgc-chart-categorical-26, .h\:d-bgc-chart-categorical-26:hover, .f\:d-bgc-chart-categorical-26:focus, .f\:d-bgc-chart-categorical-26:focus-within, .fv\:d-bgc-chart-categorical-26:focus-visible {
  --bgo: var(--dt-color-chart-categorical-26-a);
  background-color: hsl(var(--dt-color-chart-categorical-26-h) var(--dt-color-chart-categorical-26-s) var(--dt-color-chart-categorical-26-l) / var(--bgo)) !important;
}

.d-bgc-chart-categorical-27, .h\:d-bgc-chart-categorical-27:hover, .f\:d-bgc-chart-categorical-27:focus, .f\:d-bgc-chart-categorical-27:focus-within, .fv\:d-bgc-chart-categorical-27:focus-visible {
  --bgo: var(--dt-color-chart-categorical-27-a);
  background-color: hsl(var(--dt-color-chart-categorical-27-h) var(--dt-color-chart-categorical-27-s) var(--dt-color-chart-categorical-27-l) / var(--bgo)) !important;
}

.d-bgc-chart-categorical-28, .h\:d-bgc-chart-categorical-28:hover, .f\:d-bgc-chart-categorical-28:focus, .f\:d-bgc-chart-categorical-28:focus-within, .fv\:d-bgc-chart-categorical-28:focus-visible {
  --bgo: var(--dt-color-chart-categorical-28-a);
  background-color: hsl(var(--dt-color-chart-categorical-28-h) var(--dt-color-chart-categorical-28-s) var(--dt-color-chart-categorical-28-l) / var(--bgo)) !important;
}

.d-bgc-chart-categorical-29, .h\:d-bgc-chart-categorical-29:hover, .f\:d-bgc-chart-categorical-29:focus, .f\:d-bgc-chart-categorical-29:focus-within, .fv\:d-bgc-chart-categorical-29:focus-visible {
  --bgo: var(--dt-color-chart-categorical-29-a);
  background-color: hsl(var(--dt-color-chart-categorical-29-h) var(--dt-color-chart-categorical-29-s) var(--dt-color-chart-categorical-29-l) / var(--bgo)) !important;
}

.d-bgc-chart-categorical-30, .h\:d-bgc-chart-categorical-30:hover, .f\:d-bgc-chart-categorical-30:focus, .f\:d-bgc-chart-categorical-30:focus-within, .fv\:d-bgc-chart-categorical-30:focus-visible {
  --bgo: var(--dt-color-chart-categorical-30-a);
  background-color: hsl(var(--dt-color-chart-categorical-30-h) var(--dt-color-chart-categorical-30-s) var(--dt-color-chart-categorical-30-l) / var(--bgo)) !important;
}

.d-bgc-chart-categorical-01, .h\:d-bgc-chart-categorical-01:hover, .f\:d-bgc-chart-categorical-01:focus, .f\:d-bgc-chart-categorical-01:focus-within, .fv\:d-bgc-chart-categorical-01:focus-visible {
  --bgo: var(--dt-color-chart-categorical-01-a);
  background-color: hsl(var(--dt-color-chart-categorical-01-h) var(--dt-color-chart-categorical-01-s) var(--dt-color-chart-categorical-01-l) / var(--bgo)) !important;
}

.d-bgc-chart-categorical-01-hover, .h\:d-bgc-chart-categorical-01-hover:hover, .f\:d-bgc-chart-categorical-01-hover:focus, .f\:d-bgc-chart-categorical-01-hover:focus-within, .fv\:d-bgc-chart-categorical-01-hover:focus-visible {
  --bgo: var(--dt-color-chart-categorical-01-hover-a);
  background-color: hsl(var(--dt-color-chart-categorical-01-hover-h) var(--dt-color-chart-categorical-01-hover-s) var(--dt-color-chart-categorical-01-hover-l) / var(--bgo)) !important;
}

.d-bgc-chart-categorical-01-selected, .h\:d-bgc-chart-categorical-01-selected:hover, .f\:d-bgc-chart-categorical-01-selected:focus, .f\:d-bgc-chart-categorical-01-selected:focus-within, .fv\:d-bgc-chart-categorical-01-selected:focus-visible {
  --bgo: var(--dt-color-chart-categorical-01-selected-a);
  background-color: hsl(var(--dt-color-chart-categorical-01-selected-h) var(--dt-color-chart-categorical-01-selected-s) var(--dt-color-chart-categorical-01-selected-l) / var(--bgo)) !important;
}

.d-bgc-chart-categorical-02, .h\:d-bgc-chart-categorical-02:hover, .f\:d-bgc-chart-categorical-02:focus, .f\:d-bgc-chart-categorical-02:focus-within, .fv\:d-bgc-chart-categorical-02:focus-visible {
  --bgo: var(--dt-color-chart-categorical-02-a);
  background-color: hsl(var(--dt-color-chart-categorical-02-h) var(--dt-color-chart-categorical-02-s) var(--dt-color-chart-categorical-02-l) / var(--bgo)) !important;
}

.d-bgc-chart-categorical-02-hover, .h\:d-bgc-chart-categorical-02-hover:hover, .f\:d-bgc-chart-categorical-02-hover:focus, .f\:d-bgc-chart-categorical-02-hover:focus-within, .fv\:d-bgc-chart-categorical-02-hover:focus-visible {
  --bgo: var(--dt-color-chart-categorical-02-hover-a);
  background-color: hsl(var(--dt-color-chart-categorical-02-hover-h) var(--dt-color-chart-categorical-02-hover-s) var(--dt-color-chart-categorical-02-hover-l) / var(--bgo)) !important;
}

.d-bgc-chart-categorical-02-selected, .h\:d-bgc-chart-categorical-02-selected:hover, .f\:d-bgc-chart-categorical-02-selected:focus, .f\:d-bgc-chart-categorical-02-selected:focus-within, .fv\:d-bgc-chart-categorical-02-selected:focus-visible {
  --bgo: var(--dt-color-chart-categorical-02-selected-a);
  background-color: hsl(var(--dt-color-chart-categorical-02-selected-h) var(--dt-color-chart-categorical-02-selected-s) var(--dt-color-chart-categorical-02-selected-l) / var(--bgo)) !important;
}

.d-bgc-chart-categorical-03, .h\:d-bgc-chart-categorical-03:hover, .f\:d-bgc-chart-categorical-03:focus, .f\:d-bgc-chart-categorical-03:focus-within, .fv\:d-bgc-chart-categorical-03:focus-visible {
  --bgo: var(--dt-color-chart-categorical-03-a);
  background-color: hsl(var(--dt-color-chart-categorical-03-h) var(--dt-color-chart-categorical-03-s) var(--dt-color-chart-categorical-03-l) / var(--bgo)) !important;
}

.d-bgc-chart-categorical-03-hover, .h\:d-bgc-chart-categorical-03-hover:hover, .f\:d-bgc-chart-categorical-03-hover:focus, .f\:d-bgc-chart-categorical-03-hover:focus-within, .fv\:d-bgc-chart-categorical-03-hover:focus-visible {
  --bgo: var(--dt-color-chart-categorical-03-hover-a);
  background-color: hsl(var(--dt-color-chart-categorical-03-hover-h) var(--dt-color-chart-categorical-03-hover-s) var(--dt-color-chart-categorical-03-hover-l) / var(--bgo)) !important;
}

.d-bgc-chart-categorical-03-selected, .h\:d-bgc-chart-categorical-03-selected:hover, .f\:d-bgc-chart-categorical-03-selected:focus, .f\:d-bgc-chart-categorical-03-selected:focus-within, .fv\:d-bgc-chart-categorical-03-selected:focus-visible {
  --bgo: var(--dt-color-chart-categorical-03-selected-a);
  background-color: hsl(var(--dt-color-chart-categorical-03-selected-h) var(--dt-color-chart-categorical-03-selected-s) var(--dt-color-chart-categorical-03-selected-l) / var(--bgo)) !important;
}

.d-bgc-chart-categorical-04, .h\:d-bgc-chart-categorical-04:hover, .f\:d-bgc-chart-categorical-04:focus, .f\:d-bgc-chart-categorical-04:focus-within, .fv\:d-bgc-chart-categorical-04:focus-visible {
  --bgo: var(--dt-color-chart-categorical-04-a);
  background-color: hsl(var(--dt-color-chart-categorical-04-h) var(--dt-color-chart-categorical-04-s) var(--dt-color-chart-categorical-04-l) / var(--bgo)) !important;
}

.d-bgc-chart-categorical-04-hover, .h\:d-bgc-chart-categorical-04-hover:hover, .f\:d-bgc-chart-categorical-04-hover:focus, .f\:d-bgc-chart-categorical-04-hover:focus-within, .fv\:d-bgc-chart-categorical-04-hover:focus-visible {
  --bgo: var(--dt-color-chart-categorical-04-hover-a);
  background-color: hsl(var(--dt-color-chart-categorical-04-hover-h) var(--dt-color-chart-categorical-04-hover-s) var(--dt-color-chart-categorical-04-hover-l) / var(--bgo)) !important;
}

.d-bgc-chart-categorical-04-selected, .h\:d-bgc-chart-categorical-04-selected:hover, .f\:d-bgc-chart-categorical-04-selected:focus, .f\:d-bgc-chart-categorical-04-selected:focus-within, .fv\:d-bgc-chart-categorical-04-selected:focus-visible {
  --bgo: var(--dt-color-chart-categorical-04-selected-a);
  background-color: hsl(var(--dt-color-chart-categorical-04-selected-h) var(--dt-color-chart-categorical-04-selected-s) var(--dt-color-chart-categorical-04-selected-l) / var(--bgo)) !important;
}

.d-bgc-chart-categorical-05, .h\:d-bgc-chart-categorical-05:hover, .f\:d-bgc-chart-categorical-05:focus, .f\:d-bgc-chart-categorical-05:focus-within, .fv\:d-bgc-chart-categorical-05:focus-visible {
  --bgo: var(--dt-color-chart-categorical-05-a);
  background-color: hsl(var(--dt-color-chart-categorical-05-h) var(--dt-color-chart-categorical-05-s) var(--dt-color-chart-categorical-05-l) / var(--bgo)) !important;
}

.d-bgc-chart-categorical-05-hover, .h\:d-bgc-chart-categorical-05-hover:hover, .f\:d-bgc-chart-categorical-05-hover:focus, .f\:d-bgc-chart-categorical-05-hover:focus-within, .fv\:d-bgc-chart-categorical-05-hover:focus-visible {
  --bgo: var(--dt-color-chart-categorical-05-hover-a);
  background-color: hsl(var(--dt-color-chart-categorical-05-hover-h) var(--dt-color-chart-categorical-05-hover-s) var(--dt-color-chart-categorical-05-hover-l) / var(--bgo)) !important;
}

.d-bgc-chart-categorical-05-selected, .h\:d-bgc-chart-categorical-05-selected:hover, .f\:d-bgc-chart-categorical-05-selected:focus, .f\:d-bgc-chart-categorical-05-selected:focus-within, .fv\:d-bgc-chart-categorical-05-selected:focus-visible {
  --bgo: var(--dt-color-chart-categorical-05-selected-a);
  background-color: hsl(var(--dt-color-chart-categorical-05-selected-h) var(--dt-color-chart-categorical-05-selected-s) var(--dt-color-chart-categorical-05-selected-l) / var(--bgo)) !important;
}

.d-bgc-chart-categorical-06, .h\:d-bgc-chart-categorical-06:hover, .f\:d-bgc-chart-categorical-06:focus, .f\:d-bgc-chart-categorical-06:focus-within, .fv\:d-bgc-chart-categorical-06:focus-visible {
  --bgo: var(--dt-color-chart-categorical-06-a);
  background-color: hsl(var(--dt-color-chart-categorical-06-h) var(--dt-color-chart-categorical-06-s) var(--dt-color-chart-categorical-06-l) / var(--bgo)) !important;
}

.d-bgc-chart-categorical-06-hover, .h\:d-bgc-chart-categorical-06-hover:hover, .f\:d-bgc-chart-categorical-06-hover:focus, .f\:d-bgc-chart-categorical-06-hover:focus-within, .fv\:d-bgc-chart-categorical-06-hover:focus-visible {
  --bgo: var(--dt-color-chart-categorical-06-hover-a);
  background-color: hsl(var(--dt-color-chart-categorical-06-hover-h) var(--dt-color-chart-categorical-06-hover-s) var(--dt-color-chart-categorical-06-hover-l) / var(--bgo)) !important;
}

.d-bgc-chart-categorical-06-selected, .h\:d-bgc-chart-categorical-06-selected:hover, .f\:d-bgc-chart-categorical-06-selected:focus, .f\:d-bgc-chart-categorical-06-selected:focus-within, .fv\:d-bgc-chart-categorical-06-selected:focus-visible {
  --bgo: var(--dt-color-chart-categorical-06-selected-a);
  background-color: hsl(var(--dt-color-chart-categorical-06-selected-h) var(--dt-color-chart-categorical-06-selected-s) var(--dt-color-chart-categorical-06-selected-l) / var(--bgo)) !important;
}

.d-bgc-chart-categorical-07, .h\:d-bgc-chart-categorical-07:hover, .f\:d-bgc-chart-categorical-07:focus, .f\:d-bgc-chart-categorical-07:focus-within, .fv\:d-bgc-chart-categorical-07:focus-visible {
  --bgo: var(--dt-color-chart-categorical-07-a);
  background-color: hsl(var(--dt-color-chart-categorical-07-h) var(--dt-color-chart-categorical-07-s) var(--dt-color-chart-categorical-07-l) / var(--bgo)) !important;
}

.d-bgc-chart-categorical-07-hover, .h\:d-bgc-chart-categorical-07-hover:hover, .f\:d-bgc-chart-categorical-07-hover:focus, .f\:d-bgc-chart-categorical-07-hover:focus-within, .fv\:d-bgc-chart-categorical-07-hover:focus-visible {
  --bgo: var(--dt-color-chart-categorical-07-hover-a);
  background-color: hsl(var(--dt-color-chart-categorical-07-hover-h) var(--dt-color-chart-categorical-07-hover-s) var(--dt-color-chart-categorical-07-hover-l) / var(--bgo)) !important;
}

.d-bgc-chart-categorical-07-selected, .h\:d-bgc-chart-categorical-07-selected:hover, .f\:d-bgc-chart-categorical-07-selected:focus, .f\:d-bgc-chart-categorical-07-selected:focus-within, .fv\:d-bgc-chart-categorical-07-selected:focus-visible {
  --bgo: var(--dt-color-chart-categorical-07-selected-a);
  background-color: hsl(var(--dt-color-chart-categorical-07-selected-h) var(--dt-color-chart-categorical-07-selected-s) var(--dt-color-chart-categorical-07-selected-l) / var(--bgo)) !important;
}

.d-bgc-chart-categorical-08, .h\:d-bgc-chart-categorical-08:hover, .f\:d-bgc-chart-categorical-08:focus, .f\:d-bgc-chart-categorical-08:focus-within, .fv\:d-bgc-chart-categorical-08:focus-visible {
  --bgo: var(--dt-color-chart-categorical-08-a);
  background-color: hsl(var(--dt-color-chart-categorical-08-h) var(--dt-color-chart-categorical-08-s) var(--dt-color-chart-categorical-08-l) / var(--bgo)) !important;
}

.d-bgc-chart-categorical-08-hover, .h\:d-bgc-chart-categorical-08-hover:hover, .f\:d-bgc-chart-categorical-08-hover:focus, .f\:d-bgc-chart-categorical-08-hover:focus-within, .fv\:d-bgc-chart-categorical-08-hover:focus-visible {
  --bgo: var(--dt-color-chart-categorical-08-hover-a);
  background-color: hsl(var(--dt-color-chart-categorical-08-hover-h) var(--dt-color-chart-categorical-08-hover-s) var(--dt-color-chart-categorical-08-hover-l) / var(--bgo)) !important;
}

.d-bgc-chart-categorical-08-selected, .h\:d-bgc-chart-categorical-08-selected:hover, .f\:d-bgc-chart-categorical-08-selected:focus, .f\:d-bgc-chart-categorical-08-selected:focus-within, .fv\:d-bgc-chart-categorical-08-selected:focus-visible {
  --bgo: var(--dt-color-chart-categorical-08-selected-a);
  background-color: hsl(var(--dt-color-chart-categorical-08-selected-h) var(--dt-color-chart-categorical-08-selected-s) var(--dt-color-chart-categorical-08-selected-l) / var(--bgo)) !important;
}

.d-bgc-chart-categorical-09, .h\:d-bgc-chart-categorical-09:hover, .f\:d-bgc-chart-categorical-09:focus, .f\:d-bgc-chart-categorical-09:focus-within, .fv\:d-bgc-chart-categorical-09:focus-visible {
  --bgo: var(--dt-color-chart-categorical-09-a);
  background-color: hsl(var(--dt-color-chart-categorical-09-h) var(--dt-color-chart-categorical-09-s) var(--dt-color-chart-categorical-09-l) / var(--bgo)) !important;
}

.d-bgc-chart-categorical-09-hover, .h\:d-bgc-chart-categorical-09-hover:hover, .f\:d-bgc-chart-categorical-09-hover:focus, .f\:d-bgc-chart-categorical-09-hover:focus-within, .fv\:d-bgc-chart-categorical-09-hover:focus-visible {
  --bgo: var(--dt-color-chart-categorical-09-hover-a);
  background-color: hsl(var(--dt-color-chart-categorical-09-hover-h) var(--dt-color-chart-categorical-09-hover-s) var(--dt-color-chart-categorical-09-hover-l) / var(--bgo)) !important;
}

.d-bgc-chart-categorical-09-selected, .h\:d-bgc-chart-categorical-09-selected:hover, .f\:d-bgc-chart-categorical-09-selected:focus, .f\:d-bgc-chart-categorical-09-selected:focus-within, .fv\:d-bgc-chart-categorical-09-selected:focus-visible {
  --bgo: var(--dt-color-chart-categorical-09-selected-a);
  background-color: hsl(var(--dt-color-chart-categorical-09-selected-h) var(--dt-color-chart-categorical-09-selected-s) var(--dt-color-chart-categorical-09-selected-l) / var(--bgo)) !important;
}

.d-bgc-chart-categorical-10-hover, .h\:d-bgc-chart-categorical-10-hover:hover, .f\:d-bgc-chart-categorical-10-hover:focus, .f\:d-bgc-chart-categorical-10-hover:focus-within, .fv\:d-bgc-chart-categorical-10-hover:focus-visible {
  --bgo: var(--dt-color-chart-categorical-10-hover-a);
  background-color: hsl(var(--dt-color-chart-categorical-10-hover-h) var(--dt-color-chart-categorical-10-hover-s) var(--dt-color-chart-categorical-10-hover-l) / var(--bgo)) !important;
}

.d-bgc-chart-categorical-10-selected, .h\:d-bgc-chart-categorical-10-selected:hover, .f\:d-bgc-chart-categorical-10-selected:focus, .f\:d-bgc-chart-categorical-10-selected:focus-within, .fv\:d-bgc-chart-categorical-10-selected:focus-visible {
  --bgo: var(--dt-color-chart-categorical-10-selected-a);
  background-color: hsl(var(--dt-color-chart-categorical-10-selected-h) var(--dt-color-chart-categorical-10-selected-s) var(--dt-color-chart-categorical-10-selected-l) / var(--bgo)) !important;
}

.d-bgc-chart-categorical-11-hover, .h\:d-bgc-chart-categorical-11-hover:hover, .f\:d-bgc-chart-categorical-11-hover:focus, .f\:d-bgc-chart-categorical-11-hover:focus-within, .fv\:d-bgc-chart-categorical-11-hover:focus-visible {
  --bgo: var(--dt-color-chart-categorical-11-hover-a);
  background-color: hsl(var(--dt-color-chart-categorical-11-hover-h) var(--dt-color-chart-categorical-11-hover-s) var(--dt-color-chart-categorical-11-hover-l) / var(--bgo)) !important;
}

.d-bgc-chart-categorical-11-selected, .h\:d-bgc-chart-categorical-11-selected:hover, .f\:d-bgc-chart-categorical-11-selected:focus, .f\:d-bgc-chart-categorical-11-selected:focus-within, .fv\:d-bgc-chart-categorical-11-selected:focus-visible {
  --bgo: var(--dt-color-chart-categorical-11-selected-a);
  background-color: hsl(var(--dt-color-chart-categorical-11-selected-h) var(--dt-color-chart-categorical-11-selected-s) var(--dt-color-chart-categorical-11-selected-l) / var(--bgo)) !important;
}

.d-bgc-chart-categorical-12-hover, .h\:d-bgc-chart-categorical-12-hover:hover, .f\:d-bgc-chart-categorical-12-hover:focus, .f\:d-bgc-chart-categorical-12-hover:focus-within, .fv\:d-bgc-chart-categorical-12-hover:focus-visible {
  --bgo: var(--dt-color-chart-categorical-12-hover-a);
  background-color: hsl(var(--dt-color-chart-categorical-12-hover-h) var(--dt-color-chart-categorical-12-hover-s) var(--dt-color-chart-categorical-12-hover-l) / var(--bgo)) !important;
}

.d-bgc-chart-categorical-12-selected, .h\:d-bgc-chart-categorical-12-selected:hover, .f\:d-bgc-chart-categorical-12-selected:focus, .f\:d-bgc-chart-categorical-12-selected:focus-within, .fv\:d-bgc-chart-categorical-12-selected:focus-visible {
  --bgo: var(--dt-color-chart-categorical-12-selected-a);
  background-color: hsl(var(--dt-color-chart-categorical-12-selected-h) var(--dt-color-chart-categorical-12-selected-s) var(--dt-color-chart-categorical-12-selected-l) / var(--bgo)) !important;
}

.d-bgc-chart-categorical-13-hover, .h\:d-bgc-chart-categorical-13-hover:hover, .f\:d-bgc-chart-categorical-13-hover:focus, .f\:d-bgc-chart-categorical-13-hover:focus-within, .fv\:d-bgc-chart-categorical-13-hover:focus-visible {
  --bgo: var(--dt-color-chart-categorical-13-hover-a);
  background-color: hsl(var(--dt-color-chart-categorical-13-hover-h) var(--dt-color-chart-categorical-13-hover-s) var(--dt-color-chart-categorical-13-hover-l) / var(--bgo)) !important;
}

.d-bgc-chart-categorical-13-selected, .h\:d-bgc-chart-categorical-13-selected:hover, .f\:d-bgc-chart-categorical-13-selected:focus, .f\:d-bgc-chart-categorical-13-selected:focus-within, .fv\:d-bgc-chart-categorical-13-selected:focus-visible {
  --bgo: var(--dt-color-chart-categorical-13-selected-a);
  background-color: hsl(var(--dt-color-chart-categorical-13-selected-h) var(--dt-color-chart-categorical-13-selected-s) var(--dt-color-chart-categorical-13-selected-l) / var(--bgo)) !important;
}

.d-bgc-chart-categorical-14-hover, .h\:d-bgc-chart-categorical-14-hover:hover, .f\:d-bgc-chart-categorical-14-hover:focus, .f\:d-bgc-chart-categorical-14-hover:focus-within, .fv\:d-bgc-chart-categorical-14-hover:focus-visible {
  --bgo: var(--dt-color-chart-categorical-14-hover-a);
  background-color: hsl(var(--dt-color-chart-categorical-14-hover-h) var(--dt-color-chart-categorical-14-hover-s) var(--dt-color-chart-categorical-14-hover-l) / var(--bgo)) !important;
}

.d-bgc-chart-categorical-14-selected, .h\:d-bgc-chart-categorical-14-selected:hover, .f\:d-bgc-chart-categorical-14-selected:focus, .f\:d-bgc-chart-categorical-14-selected:focus-within, .fv\:d-bgc-chart-categorical-14-selected:focus-visible {
  --bgo: var(--dt-color-chart-categorical-14-selected-a);
  background-color: hsl(var(--dt-color-chart-categorical-14-selected-h) var(--dt-color-chart-categorical-14-selected-s) var(--dt-color-chart-categorical-14-selected-l) / var(--bgo)) !important;
}

.d-bgc-chart-categorical-15-hover, .h\:d-bgc-chart-categorical-15-hover:hover, .f\:d-bgc-chart-categorical-15-hover:focus, .f\:d-bgc-chart-categorical-15-hover:focus-within, .fv\:d-bgc-chart-categorical-15-hover:focus-visible {
  --bgo: var(--dt-color-chart-categorical-15-hover-a);
  background-color: hsl(var(--dt-color-chart-categorical-15-hover-h) var(--dt-color-chart-categorical-15-hover-s) var(--dt-color-chart-categorical-15-hover-l) / var(--bgo)) !important;
}

.d-bgc-chart-categorical-15-selected, .h\:d-bgc-chart-categorical-15-selected:hover, .f\:d-bgc-chart-categorical-15-selected:focus, .f\:d-bgc-chart-categorical-15-selected:focus-within, .fv\:d-bgc-chart-categorical-15-selected:focus-visible {
  --bgo: var(--dt-color-chart-categorical-15-selected-a);
  background-color: hsl(var(--dt-color-chart-categorical-15-selected-h) var(--dt-color-chart-categorical-15-selected-s) var(--dt-color-chart-categorical-15-selected-l) / var(--bgo)) !important;
}

.d-bgc-chart-categorical-16-hover, .h\:d-bgc-chart-categorical-16-hover:hover, .f\:d-bgc-chart-categorical-16-hover:focus, .f\:d-bgc-chart-categorical-16-hover:focus-within, .fv\:d-bgc-chart-categorical-16-hover:focus-visible {
  --bgo: var(--dt-color-chart-categorical-16-hover-a);
  background-color: hsl(var(--dt-color-chart-categorical-16-hover-h) var(--dt-color-chart-categorical-16-hover-s) var(--dt-color-chart-categorical-16-hover-l) / var(--bgo)) !important;
}

.d-bgc-chart-categorical-16-selected, .h\:d-bgc-chart-categorical-16-selected:hover, .f\:d-bgc-chart-categorical-16-selected:focus, .f\:d-bgc-chart-categorical-16-selected:focus-within, .fv\:d-bgc-chart-categorical-16-selected:focus-visible {
  --bgo: var(--dt-color-chart-categorical-16-selected-a);
  background-color: hsl(var(--dt-color-chart-categorical-16-selected-h) var(--dt-color-chart-categorical-16-selected-s) var(--dt-color-chart-categorical-16-selected-l) / var(--bgo)) !important;
}

.d-bgc-chart-categorical-17-hover, .h\:d-bgc-chart-categorical-17-hover:hover, .f\:d-bgc-chart-categorical-17-hover:focus, .f\:d-bgc-chart-categorical-17-hover:focus-within, .fv\:d-bgc-chart-categorical-17-hover:focus-visible {
  --bgo: var(--dt-color-chart-categorical-17-hover-a);
  background-color: hsl(var(--dt-color-chart-categorical-17-hover-h) var(--dt-color-chart-categorical-17-hover-s) var(--dt-color-chart-categorical-17-hover-l) / var(--bgo)) !important;
}

.d-bgc-chart-categorical-17-selected, .h\:d-bgc-chart-categorical-17-selected:hover, .f\:d-bgc-chart-categorical-17-selected:focus, .f\:d-bgc-chart-categorical-17-selected:focus-within, .fv\:d-bgc-chart-categorical-17-selected:focus-visible {
  --bgo: var(--dt-color-chart-categorical-17-selected-a);
  background-color: hsl(var(--dt-color-chart-categorical-17-selected-h) var(--dt-color-chart-categorical-17-selected-s) var(--dt-color-chart-categorical-17-selected-l) / var(--bgo)) !important;
}

.d-bgc-chart-categorical-18-hover, .h\:d-bgc-chart-categorical-18-hover:hover, .f\:d-bgc-chart-categorical-18-hover:focus, .f\:d-bgc-chart-categorical-18-hover:focus-within, .fv\:d-bgc-chart-categorical-18-hover:focus-visible {
  --bgo: var(--dt-color-chart-categorical-18-hover-a);
  background-color: hsl(var(--dt-color-chart-categorical-18-hover-h) var(--dt-color-chart-categorical-18-hover-s) var(--dt-color-chart-categorical-18-hover-l) / var(--bgo)) !important;
}

.d-bgc-chart-categorical-18-selected, .h\:d-bgc-chart-categorical-18-selected:hover, .f\:d-bgc-chart-categorical-18-selected:focus, .f\:d-bgc-chart-categorical-18-selected:focus-within, .fv\:d-bgc-chart-categorical-18-selected:focus-visible {
  --bgo: var(--dt-color-chart-categorical-18-selected-a);
  background-color: hsl(var(--dt-color-chart-categorical-18-selected-h) var(--dt-color-chart-categorical-18-selected-s) var(--dt-color-chart-categorical-18-selected-l) / var(--bgo)) !important;
}

.d-bgc-chart-categorical-19-hover, .h\:d-bgc-chart-categorical-19-hover:hover, .f\:d-bgc-chart-categorical-19-hover:focus, .f\:d-bgc-chart-categorical-19-hover:focus-within, .fv\:d-bgc-chart-categorical-19-hover:focus-visible {
  --bgo: var(--dt-color-chart-categorical-19-hover-a);
  background-color: hsl(var(--dt-color-chart-categorical-19-hover-h) var(--dt-color-chart-categorical-19-hover-s) var(--dt-color-chart-categorical-19-hover-l) / var(--bgo)) !important;
}

.d-bgc-chart-categorical-19-selected, .h\:d-bgc-chart-categorical-19-selected:hover, .f\:d-bgc-chart-categorical-19-selected:focus, .f\:d-bgc-chart-categorical-19-selected:focus-within, .fv\:d-bgc-chart-categorical-19-selected:focus-visible {
  --bgo: var(--dt-color-chart-categorical-19-selected-a);
  background-color: hsl(var(--dt-color-chart-categorical-19-selected-h) var(--dt-color-chart-categorical-19-selected-s) var(--dt-color-chart-categorical-19-selected-l) / var(--bgo)) !important;
}

.d-bgc-chart-categorical-20-hover, .h\:d-bgc-chart-categorical-20-hover:hover, .f\:d-bgc-chart-categorical-20-hover:focus, .f\:d-bgc-chart-categorical-20-hover:focus-within, .fv\:d-bgc-chart-categorical-20-hover:focus-visible {
  --bgo: var(--dt-color-chart-categorical-20-hover-a);
  background-color: hsl(var(--dt-color-chart-categorical-20-hover-h) var(--dt-color-chart-categorical-20-hover-s) var(--dt-color-chart-categorical-20-hover-l) / var(--bgo)) !important;
}

.d-bgc-chart-categorical-20-selected, .h\:d-bgc-chart-categorical-20-selected:hover, .f\:d-bgc-chart-categorical-20-selected:focus, .f\:d-bgc-chart-categorical-20-selected:focus-within, .fv\:d-bgc-chart-categorical-20-selected:focus-visible {
  --bgo: var(--dt-color-chart-categorical-20-selected-a);
  background-color: hsl(var(--dt-color-chart-categorical-20-selected-h) var(--dt-color-chart-categorical-20-selected-s) var(--dt-color-chart-categorical-20-selected-l) / var(--bgo)) !important;
}

.d-bgc-chart-categorical-21-hover, .h\:d-bgc-chart-categorical-21-hover:hover, .f\:d-bgc-chart-categorical-21-hover:focus, .f\:d-bgc-chart-categorical-21-hover:focus-within, .fv\:d-bgc-chart-categorical-21-hover:focus-visible {
  --bgo: var(--dt-color-chart-categorical-21-hover-a);
  background-color: hsl(var(--dt-color-chart-categorical-21-hover-h) var(--dt-color-chart-categorical-21-hover-s) var(--dt-color-chart-categorical-21-hover-l) / var(--bgo)) !important;
}

.d-bgc-chart-categorical-21-selected, .h\:d-bgc-chart-categorical-21-selected:hover, .f\:d-bgc-chart-categorical-21-selected:focus, .f\:d-bgc-chart-categorical-21-selected:focus-within, .fv\:d-bgc-chart-categorical-21-selected:focus-visible {
  --bgo: var(--dt-color-chart-categorical-21-selected-a);
  background-color: hsl(var(--dt-color-chart-categorical-21-selected-h) var(--dt-color-chart-categorical-21-selected-s) var(--dt-color-chart-categorical-21-selected-l) / var(--bgo)) !important;
}

.d-bgc-chart-categorical-22-hover, .h\:d-bgc-chart-categorical-22-hover:hover, .f\:d-bgc-chart-categorical-22-hover:focus, .f\:d-bgc-chart-categorical-22-hover:focus-within, .fv\:d-bgc-chart-categorical-22-hover:focus-visible {
  --bgo: var(--dt-color-chart-categorical-22-hover-a);
  background-color: hsl(var(--dt-color-chart-categorical-22-hover-h) var(--dt-color-chart-categorical-22-hover-s) var(--dt-color-chart-categorical-22-hover-l) / var(--bgo)) !important;
}

.d-bgc-chart-categorical-22-selected, .h\:d-bgc-chart-categorical-22-selected:hover, .f\:d-bgc-chart-categorical-22-selected:focus, .f\:d-bgc-chart-categorical-22-selected:focus-within, .fv\:d-bgc-chart-categorical-22-selected:focus-visible {
  --bgo: var(--dt-color-chart-categorical-22-selected-a);
  background-color: hsl(var(--dt-color-chart-categorical-22-selected-h) var(--dt-color-chart-categorical-22-selected-s) var(--dt-color-chart-categorical-22-selected-l) / var(--bgo)) !important;
}

.d-bgc-chart-categorical-23-hover, .h\:d-bgc-chart-categorical-23-hover:hover, .f\:d-bgc-chart-categorical-23-hover:focus, .f\:d-bgc-chart-categorical-23-hover:focus-within, .fv\:d-bgc-chart-categorical-23-hover:focus-visible {
  --bgo: var(--dt-color-chart-categorical-23-hover-a);
  background-color: hsl(var(--dt-color-chart-categorical-23-hover-h) var(--dt-color-chart-categorical-23-hover-s) var(--dt-color-chart-categorical-23-hover-l) / var(--bgo)) !important;
}

.d-bgc-chart-categorical-23-selected, .h\:d-bgc-chart-categorical-23-selected:hover, .f\:d-bgc-chart-categorical-23-selected:focus, .f\:d-bgc-chart-categorical-23-selected:focus-within, .fv\:d-bgc-chart-categorical-23-selected:focus-visible {
  --bgo: var(--dt-color-chart-categorical-23-selected-a);
  background-color: hsl(var(--dt-color-chart-categorical-23-selected-h) var(--dt-color-chart-categorical-23-selected-s) var(--dt-color-chart-categorical-23-selected-l) / var(--bgo)) !important;
}

.d-bgc-chart-categorical-24-hover, .h\:d-bgc-chart-categorical-24-hover:hover, .f\:d-bgc-chart-categorical-24-hover:focus, .f\:d-bgc-chart-categorical-24-hover:focus-within, .fv\:d-bgc-chart-categorical-24-hover:focus-visible {
  --bgo: var(--dt-color-chart-categorical-24-hover-a);
  background-color: hsl(var(--dt-color-chart-categorical-24-hover-h) var(--dt-color-chart-categorical-24-hover-s) var(--dt-color-chart-categorical-24-hover-l) / var(--bgo)) !important;
}

.d-bgc-chart-categorical-24-selected, .h\:d-bgc-chart-categorical-24-selected:hover, .f\:d-bgc-chart-categorical-24-selected:focus, .f\:d-bgc-chart-categorical-24-selected:focus-within, .fv\:d-bgc-chart-categorical-24-selected:focus-visible {
  --bgo: var(--dt-color-chart-categorical-24-selected-a);
  background-color: hsl(var(--dt-color-chart-categorical-24-selected-h) var(--dt-color-chart-categorical-24-selected-s) var(--dt-color-chart-categorical-24-selected-l) / var(--bgo)) !important;
}

.d-bgc-chart-categorical-25-hover, .h\:d-bgc-chart-categorical-25-hover:hover, .f\:d-bgc-chart-categorical-25-hover:focus, .f\:d-bgc-chart-categorical-25-hover:focus-within, .fv\:d-bgc-chart-categorical-25-hover:focus-visible {
  --bgo: var(--dt-color-chart-categorical-25-hover-a);
  background-color: hsl(var(--dt-color-chart-categorical-25-hover-h) var(--dt-color-chart-categorical-25-hover-s) var(--dt-color-chart-categorical-25-hover-l) / var(--bgo)) !important;
}

.d-bgc-chart-categorical-25-selected, .h\:d-bgc-chart-categorical-25-selected:hover, .f\:d-bgc-chart-categorical-25-selected:focus, .f\:d-bgc-chart-categorical-25-selected:focus-within, .fv\:d-bgc-chart-categorical-25-selected:focus-visible {
  --bgo: var(--dt-color-chart-categorical-25-selected-a);
  background-color: hsl(var(--dt-color-chart-categorical-25-selected-h) var(--dt-color-chart-categorical-25-selected-s) var(--dt-color-chart-categorical-25-selected-l) / var(--bgo)) !important;
}

.d-bgc-chart-categorical-26-hover, .h\:d-bgc-chart-categorical-26-hover:hover, .f\:d-bgc-chart-categorical-26-hover:focus, .f\:d-bgc-chart-categorical-26-hover:focus-within, .fv\:d-bgc-chart-categorical-26-hover:focus-visible {
  --bgo: var(--dt-color-chart-categorical-26-hover-a);
  background-color: hsl(var(--dt-color-chart-categorical-26-hover-h) var(--dt-color-chart-categorical-26-hover-s) var(--dt-color-chart-categorical-26-hover-l) / var(--bgo)) !important;
}

.d-bgc-chart-categorical-26-selected, .h\:d-bgc-chart-categorical-26-selected:hover, .f\:d-bgc-chart-categorical-26-selected:focus, .f\:d-bgc-chart-categorical-26-selected:focus-within, .fv\:d-bgc-chart-categorical-26-selected:focus-visible {
  --bgo: var(--dt-color-chart-categorical-26-selected-a);
  background-color: hsl(var(--dt-color-chart-categorical-26-selected-h) var(--dt-color-chart-categorical-26-selected-s) var(--dt-color-chart-categorical-26-selected-l) / var(--bgo)) !important;
}

.d-bgc-chart-categorical-27-hover, .h\:d-bgc-chart-categorical-27-hover:hover, .f\:d-bgc-chart-categorical-27-hover:focus, .f\:d-bgc-chart-categorical-27-hover:focus-within, .fv\:d-bgc-chart-categorical-27-hover:focus-visible {
  --bgo: var(--dt-color-chart-categorical-27-hover-a);
  background-color: hsl(var(--dt-color-chart-categorical-27-hover-h) var(--dt-color-chart-categorical-27-hover-s) var(--dt-color-chart-categorical-27-hover-l) / var(--bgo)) !important;
}

.d-bgc-chart-categorical-27-selected, .h\:d-bgc-chart-categorical-27-selected:hover, .f\:d-bgc-chart-categorical-27-selected:focus, .f\:d-bgc-chart-categorical-27-selected:focus-within, .fv\:d-bgc-chart-categorical-27-selected:focus-visible {
  --bgo: var(--dt-color-chart-categorical-27-selected-a);
  background-color: hsl(var(--dt-color-chart-categorical-27-selected-h) var(--dt-color-chart-categorical-27-selected-s) var(--dt-color-chart-categorical-27-selected-l) / var(--bgo)) !important;
}

.d-bgc-chart-categorical-28-hover, .h\:d-bgc-chart-categorical-28-hover:hover, .f\:d-bgc-chart-categorical-28-hover:focus, .f\:d-bgc-chart-categorical-28-hover:focus-within, .fv\:d-bgc-chart-categorical-28-hover:focus-visible {
  --bgo: var(--dt-color-chart-categorical-28-hover-a);
  background-color: hsl(var(--dt-color-chart-categorical-28-hover-h) var(--dt-color-chart-categorical-28-hover-s) var(--dt-color-chart-categorical-28-hover-l) / var(--bgo)) !important;
}

.d-bgc-chart-categorical-28-selected, .h\:d-bgc-chart-categorical-28-selected:hover, .f\:d-bgc-chart-categorical-28-selected:focus, .f\:d-bgc-chart-categorical-28-selected:focus-within, .fv\:d-bgc-chart-categorical-28-selected:focus-visible {
  --bgo: var(--dt-color-chart-categorical-28-selected-a);
  background-color: hsl(var(--dt-color-chart-categorical-28-selected-h) var(--dt-color-chart-categorical-28-selected-s) var(--dt-color-chart-categorical-28-selected-l) / var(--bgo)) !important;
}

.d-bgc-chart-categorical-29-hover, .h\:d-bgc-chart-categorical-29-hover:hover, .f\:d-bgc-chart-categorical-29-hover:focus, .f\:d-bgc-chart-categorical-29-hover:focus-within, .fv\:d-bgc-chart-categorical-29-hover:focus-visible {
  --bgo: var(--dt-color-chart-categorical-29-hover-a);
  background-color: hsl(var(--dt-color-chart-categorical-29-hover-h) var(--dt-color-chart-categorical-29-hover-s) var(--dt-color-chart-categorical-29-hover-l) / var(--bgo)) !important;
}

.d-bgc-chart-categorical-29-selected, .h\:d-bgc-chart-categorical-29-selected:hover, .f\:d-bgc-chart-categorical-29-selected:focus, .f\:d-bgc-chart-categorical-29-selected:focus-within, .fv\:d-bgc-chart-categorical-29-selected:focus-visible {
  --bgo: var(--dt-color-chart-categorical-29-selected-a);
  background-color: hsl(var(--dt-color-chart-categorical-29-selected-h) var(--dt-color-chart-categorical-29-selected-s) var(--dt-color-chart-categorical-29-selected-l) / var(--bgo)) !important;
}

.d-bgc-chart-categorical-30-hover, .h\:d-bgc-chart-categorical-30-hover:hover, .f\:d-bgc-chart-categorical-30-hover:focus, .f\:d-bgc-chart-categorical-30-hover:focus-within, .fv\:d-bgc-chart-categorical-30-hover:focus-visible {
  --bgo: var(--dt-color-chart-categorical-30-hover-a);
  background-color: hsl(var(--dt-color-chart-categorical-30-hover-h) var(--dt-color-chart-categorical-30-hover-s) var(--dt-color-chart-categorical-30-hover-l) / var(--bgo)) !important;
}

.d-bgc-chart-categorical-30-selected, .h\:d-bgc-chart-categorical-30-selected:hover, .f\:d-bgc-chart-categorical-30-selected:focus, .f\:d-bgc-chart-categorical-30-selected:focus-within, .fv\:d-bgc-chart-categorical-30-selected:focus-visible {
  --bgo: var(--dt-color-chart-categorical-30-selected-a);
  background-color: hsl(var(--dt-color-chart-categorical-30-selected-h) var(--dt-color-chart-categorical-30-selected-s) var(--dt-color-chart-categorical-30-selected-l) / var(--bgo)) !important;
}

.d-bgc-chart-neutral, .h\:d-bgc-chart-neutral:hover, .f\:d-bgc-chart-neutral:focus, .f\:d-bgc-chart-neutral:focus-within, .fv\:d-bgc-chart-neutral:focus-visible {
  --bgo: var(--dt-color-chart-neutral-a);
  background-color: hsl(var(--dt-color-chart-neutral-h) var(--dt-color-chart-neutral-s) var(--dt-color-chart-neutral-l) / var(--bgo)) !important;
}

.d-bgc-chart-neutral-hover, .h\:d-bgc-chart-neutral-hover:hover, .f\:d-bgc-chart-neutral-hover:focus, .f\:d-bgc-chart-neutral-hover:focus-within, .fv\:d-bgc-chart-neutral-hover:focus-visible {
  --bgo: var(--dt-color-chart-neutral-hover-a);
  background-color: hsl(var(--dt-color-chart-neutral-hover-h) var(--dt-color-chart-neutral-hover-s) var(--dt-color-chart-neutral-hover-l) / var(--bgo)) !important;
}

.d-bgc-chart-neutral-selected, .h\:d-bgc-chart-neutral-selected:hover, .f\:d-bgc-chart-neutral-selected:focus, .f\:d-bgc-chart-neutral-selected:focus-within, .fv\:d-bgc-chart-neutral-selected:focus-visible {
  --bgo: var(--dt-color-chart-neutral-selected-a);
  background-color: hsl(var(--dt-color-chart-neutral-selected-h) var(--dt-color-chart-neutral-selected-s) var(--dt-color-chart-neutral-selected-l) / var(--bgo)) !important;
}

.d-bgc-chart-accent, .h\:d-bgc-chart-accent:hover, .f\:d-bgc-chart-accent:focus, .f\:d-bgc-chart-accent:focus-within, .fv\:d-bgc-chart-accent:focus-visible {
  --bgo: var(--dt-color-chart-accent-a);
  background-color: hsl(var(--dt-color-chart-accent-h) var(--dt-color-chart-accent-s) var(--dt-color-chart-accent-l) / var(--bgo)) !important;
}

.d-bgc-chart-accent-hover, .h\:d-bgc-chart-accent-hover:hover, .f\:d-bgc-chart-accent-hover:focus, .f\:d-bgc-chart-accent-hover:focus-within, .fv\:d-bgc-chart-accent-hover:focus-visible {
  --bgo: var(--dt-color-chart-accent-hover-a);
  background-color: hsl(var(--dt-color-chart-accent-hover-h) var(--dt-color-chart-accent-hover-s) var(--dt-color-chart-accent-hover-l) / var(--bgo)) !important;
}

.d-bgc-chart-accent-selected, .h\:d-bgc-chart-accent-selected:hover, .f\:d-bgc-chart-accent-selected:focus, .f\:d-bgc-chart-accent-selected:focus-within, .fv\:d-bgc-chart-accent-selected:focus-visible {
  --bgo: var(--dt-color-chart-accent-selected-a);
  background-color: hsl(var(--dt-color-chart-accent-selected-h) var(--dt-color-chart-accent-selected-s) var(--dt-color-chart-accent-selected-l) / var(--bgo)) !important;
}

.d-bgc-chart-positive, .h\:d-bgc-chart-positive:hover, .f\:d-bgc-chart-positive:focus, .f\:d-bgc-chart-positive:focus-within, .fv\:d-bgc-chart-positive:focus-visible {
  --bgo: var(--dt-color-chart-positive-a);
  background-color: hsl(var(--dt-color-chart-positive-h) var(--dt-color-chart-positive-s) var(--dt-color-chart-positive-l) / var(--bgo)) !important;
}

.d-bgc-chart-positive-hover, .h\:d-bgc-chart-positive-hover:hover, .f\:d-bgc-chart-positive-hover:focus, .f\:d-bgc-chart-positive-hover:focus-within, .fv\:d-bgc-chart-positive-hover:focus-visible {
  --bgo: var(--dt-color-chart-positive-hover-a);
  background-color: hsl(var(--dt-color-chart-positive-hover-h) var(--dt-color-chart-positive-hover-s) var(--dt-color-chart-positive-hover-l) / var(--bgo)) !important;
}

.d-bgc-chart-positive-selected, .h\:d-bgc-chart-positive-selected:hover, .f\:d-bgc-chart-positive-selected:focus, .f\:d-bgc-chart-positive-selected:focus-within, .fv\:d-bgc-chart-positive-selected:focus-visible {
  --bgo: var(--dt-color-chart-positive-selected-a);
  background-color: hsl(var(--dt-color-chart-positive-selected-h) var(--dt-color-chart-positive-selected-s) var(--dt-color-chart-positive-selected-l) / var(--bgo)) !important;
}

.d-bgc-chart-critical, .h\:d-bgc-chart-critical:hover, .f\:d-bgc-chart-critical:focus, .f\:d-bgc-chart-critical:focus-within, .fv\:d-bgc-chart-critical:focus-visible {
  --bgo: var(--dt-color-chart-critical-a);
  background-color: hsl(var(--dt-color-chart-critical-h) var(--dt-color-chart-critical-s) var(--dt-color-chart-critical-l) / var(--bgo)) !important;
}

.d-bgc-chart-critical-hover, .h\:d-bgc-chart-critical-hover:hover, .f\:d-bgc-chart-critical-hover:focus, .f\:d-bgc-chart-critical-hover:focus-within, .fv\:d-bgc-chart-critical-hover:focus-visible {
  --bgo: var(--dt-color-chart-critical-hover-a);
  background-color: hsl(var(--dt-color-chart-critical-hover-h) var(--dt-color-chart-critical-hover-s) var(--dt-color-chart-critical-hover-l) / var(--bgo)) !important;
}

.d-bgc-chart-critical-selected, .h\:d-bgc-chart-critical-selected:hover, .f\:d-bgc-chart-critical-selected:focus, .f\:d-bgc-chart-critical-selected:focus-within, .fv\:d-bgc-chart-critical-selected:focus-visible {
  --bgo: var(--dt-color-chart-critical-selected-a);
  background-color: hsl(var(--dt-color-chart-critical-selected-h) var(--dt-color-chart-critical-selected-s) var(--dt-color-chart-critical-selected-l) / var(--bgo)) !important;
}

.d-bgc-chart-warning-hover, .h\:d-bgc-chart-warning-hover:hover, .f\:d-bgc-chart-warning-hover:focus, .f\:d-bgc-chart-warning-hover:focus-within, .fv\:d-bgc-chart-warning-hover:focus-visible {
  --bgo: var(--dt-color-chart-warning-hover-a);
  background-color: hsl(var(--dt-color-chart-warning-hover-h) var(--dt-color-chart-warning-hover-s) var(--dt-color-chart-warning-hover-l) / var(--bgo)) !important;
}

.d-bgc-chart-warning, .h\:d-bgc-chart-warning:hover, .f\:d-bgc-chart-warning:focus, .f\:d-bgc-chart-warning:focus-within, .fv\:d-bgc-chart-warning:focus-visible {
  --bgo: var(--dt-color-chart-warning-a);
  background-color: hsl(var(--dt-color-chart-warning-h) var(--dt-color-chart-warning-s) var(--dt-color-chart-warning-l) / var(--bgo)) !important;
}

.d-bgc-chart-warning-selected, .h\:d-bgc-chart-warning-selected:hover, .f\:d-bgc-chart-warning-selected:focus, .f\:d-bgc-chart-warning-selected:focus-within, .fv\:d-bgc-chart-warning-selected:focus-visible {
  --bgo: var(--dt-color-chart-warning-selected-a);
  background-color: hsl(var(--dt-color-chart-warning-selected-h) var(--dt-color-chart-warning-selected-s) var(--dt-color-chart-warning-selected-l) / var(--bgo)) !important;
}

.d-bgc-chart-info, .h\:d-bgc-chart-info:hover, .f\:d-bgc-chart-info:focus, .f\:d-bgc-chart-info:focus-within, .fv\:d-bgc-chart-info:focus-visible {
  --bgo: var(--dt-color-chart-info-a);
  background-color: hsl(var(--dt-color-chart-info-h) var(--dt-color-chart-info-s) var(--dt-color-chart-info-l) / var(--bgo)) !important;
}

.d-bgc-chart-info-hover, .h\:d-bgc-chart-info-hover:hover, .f\:d-bgc-chart-info-hover:focus, .f\:d-bgc-chart-info-hover:focus-within, .fv\:d-bgc-chart-info-hover:focus-visible {
  --bgo: var(--dt-color-chart-info-hover-a);
  background-color: hsl(var(--dt-color-chart-info-hover-h) var(--dt-color-chart-info-hover-s) var(--dt-color-chart-info-hover-l) / var(--bgo)) !important;
}

.d-bgc-chart-info-selected, .h\:d-bgc-chart-info-selected:hover, .f\:d-bgc-chart-info-selected:focus, .f\:d-bgc-chart-info-selected:focus-within, .fv\:d-bgc-chart-info-selected:focus-visible {
  --bgo: var(--dt-color-chart-info-selected-a);
  background-color: hsl(var(--dt-color-chart-info-selected-h) var(--dt-color-chart-info-selected-s) var(--dt-color-chart-info-selected-l) / var(--bgo)) !important;
}

.d-bgc-chart-sequential-10, .h\:d-bgc-chart-sequential-10:hover, .f\:d-bgc-chart-sequential-10:focus, .f\:d-bgc-chart-sequential-10:focus-within, .fv\:d-bgc-chart-sequential-10:focus-visible {
  --bgo: var(--dt-color-chart-sequential-10-a);
  background-color: hsl(var(--dt-color-chart-sequential-10-h) var(--dt-color-chart-sequential-10-s) var(--dt-color-chart-sequential-10-l) / var(--bgo)) !important;
}

.d-bgc-chart-sequential-01, .h\:d-bgc-chart-sequential-01:hover, .f\:d-bgc-chart-sequential-01:focus, .f\:d-bgc-chart-sequential-01:focus-within, .fv\:d-bgc-chart-sequential-01:focus-visible {
  --bgo: var(--dt-color-chart-sequential-01-a);
  background-color: hsl(var(--dt-color-chart-sequential-01-h) var(--dt-color-chart-sequential-01-s) var(--dt-color-chart-sequential-01-l) / var(--bgo)) !important;
}

.d-bgc-chart-sequential-01-hover, .h\:d-bgc-chart-sequential-01-hover:hover, .f\:d-bgc-chart-sequential-01-hover:focus, .f\:d-bgc-chart-sequential-01-hover:focus-within, .fv\:d-bgc-chart-sequential-01-hover:focus-visible {
  --bgo: var(--dt-color-chart-sequential-01-hover-a);
  background-color: hsl(var(--dt-color-chart-sequential-01-hover-h) var(--dt-color-chart-sequential-01-hover-s) var(--dt-color-chart-sequential-01-hover-l) / var(--bgo)) !important;
}

.d-bgc-chart-sequential-01-selected, .h\:d-bgc-chart-sequential-01-selected:hover, .f\:d-bgc-chart-sequential-01-selected:focus, .f\:d-bgc-chart-sequential-01-selected:focus-within, .fv\:d-bgc-chart-sequential-01-selected:focus-visible {
  --bgo: var(--dt-color-chart-sequential-01-selected-a);
  background-color: hsl(var(--dt-color-chart-sequential-01-selected-h) var(--dt-color-chart-sequential-01-selected-s) var(--dt-color-chart-sequential-01-selected-l) / var(--bgo)) !important;
}

.d-bgc-chart-sequential-02, .h\:d-bgc-chart-sequential-02:hover, .f\:d-bgc-chart-sequential-02:focus, .f\:d-bgc-chart-sequential-02:focus-within, .fv\:d-bgc-chart-sequential-02:focus-visible {
  --bgo: var(--dt-color-chart-sequential-02-a);
  background-color: hsl(var(--dt-color-chart-sequential-02-h) var(--dt-color-chart-sequential-02-s) var(--dt-color-chart-sequential-02-l) / var(--bgo)) !important;
}

.d-bgc-chart-sequential-02-hover, .h\:d-bgc-chart-sequential-02-hover:hover, .f\:d-bgc-chart-sequential-02-hover:focus, .f\:d-bgc-chart-sequential-02-hover:focus-within, .fv\:d-bgc-chart-sequential-02-hover:focus-visible {
  --bgo: var(--dt-color-chart-sequential-02-hover-a);
  background-color: hsl(var(--dt-color-chart-sequential-02-hover-h) var(--dt-color-chart-sequential-02-hover-s) var(--dt-color-chart-sequential-02-hover-l) / var(--bgo)) !important;
}

.d-bgc-chart-sequential-02-selected, .h\:d-bgc-chart-sequential-02-selected:hover, .f\:d-bgc-chart-sequential-02-selected:focus, .f\:d-bgc-chart-sequential-02-selected:focus-within, .fv\:d-bgc-chart-sequential-02-selected:focus-visible {
  --bgo: var(--dt-color-chart-sequential-02-selected-a);
  background-color: hsl(var(--dt-color-chart-sequential-02-selected-h) var(--dt-color-chart-sequential-02-selected-s) var(--dt-color-chart-sequential-02-selected-l) / var(--bgo)) !important;
}

.d-bgc-chart-sequential-03, .h\:d-bgc-chart-sequential-03:hover, .f\:d-bgc-chart-sequential-03:focus, .f\:d-bgc-chart-sequential-03:focus-within, .fv\:d-bgc-chart-sequential-03:focus-visible {
  --bgo: var(--dt-color-chart-sequential-03-a);
  background-color: hsl(var(--dt-color-chart-sequential-03-h) var(--dt-color-chart-sequential-03-s) var(--dt-color-chart-sequential-03-l) / var(--bgo)) !important;
}

.d-bgc-chart-sequential-03-hover, .h\:d-bgc-chart-sequential-03-hover:hover, .f\:d-bgc-chart-sequential-03-hover:focus, .f\:d-bgc-chart-sequential-03-hover:focus-within, .fv\:d-bgc-chart-sequential-03-hover:focus-visible {
  --bgo: var(--dt-color-chart-sequential-03-hover-a);
  background-color: hsl(var(--dt-color-chart-sequential-03-hover-h) var(--dt-color-chart-sequential-03-hover-s) var(--dt-color-chart-sequential-03-hover-l) / var(--bgo)) !important;
}

.d-bgc-chart-sequential-03-selected, .h\:d-bgc-chart-sequential-03-selected:hover, .f\:d-bgc-chart-sequential-03-selected:focus, .f\:d-bgc-chart-sequential-03-selected:focus-within, .fv\:d-bgc-chart-sequential-03-selected:focus-visible {
  --bgo: var(--dt-color-chart-sequential-03-selected-a);
  background-color: hsl(var(--dt-color-chart-sequential-03-selected-h) var(--dt-color-chart-sequential-03-selected-s) var(--dt-color-chart-sequential-03-selected-l) / var(--bgo)) !important;
}

.d-bgc-chart-sequential-04, .h\:d-bgc-chart-sequential-04:hover, .f\:d-bgc-chart-sequential-04:focus, .f\:d-bgc-chart-sequential-04:focus-within, .fv\:d-bgc-chart-sequential-04:focus-visible {
  --bgo: var(--dt-color-chart-sequential-04-a);
  background-color: hsl(var(--dt-color-chart-sequential-04-h) var(--dt-color-chart-sequential-04-s) var(--dt-color-chart-sequential-04-l) / var(--bgo)) !important;
}

.d-bgc-chart-sequential-04-hover, .h\:d-bgc-chart-sequential-04-hover:hover, .f\:d-bgc-chart-sequential-04-hover:focus, .f\:d-bgc-chart-sequential-04-hover:focus-within, .fv\:d-bgc-chart-sequential-04-hover:focus-visible {
  --bgo: var(--dt-color-chart-sequential-04-hover-a);
  background-color: hsl(var(--dt-color-chart-sequential-04-hover-h) var(--dt-color-chart-sequential-04-hover-s) var(--dt-color-chart-sequential-04-hover-l) / var(--bgo)) !important;
}

.d-bgc-chart-sequential-04-selected, .h\:d-bgc-chart-sequential-04-selected:hover, .f\:d-bgc-chart-sequential-04-selected:focus, .f\:d-bgc-chart-sequential-04-selected:focus-within, .fv\:d-bgc-chart-sequential-04-selected:focus-visible {
  --bgo: var(--dt-color-chart-sequential-04-selected-a);
  background-color: hsl(var(--dt-color-chart-sequential-04-selected-h) var(--dt-color-chart-sequential-04-selected-s) var(--dt-color-chart-sequential-04-selected-l) / var(--bgo)) !important;
}

.d-bgc-chart-sequential-05, .h\:d-bgc-chart-sequential-05:hover, .f\:d-bgc-chart-sequential-05:focus, .f\:d-bgc-chart-sequential-05:focus-within, .fv\:d-bgc-chart-sequential-05:focus-visible {
  --bgo: var(--dt-color-chart-sequential-05-a);
  background-color: hsl(var(--dt-color-chart-sequential-05-h) var(--dt-color-chart-sequential-05-s) var(--dt-color-chart-sequential-05-l) / var(--bgo)) !important;
}

.d-bgc-chart-sequential-05-hover, .h\:d-bgc-chart-sequential-05-hover:hover, .f\:d-bgc-chart-sequential-05-hover:focus, .f\:d-bgc-chart-sequential-05-hover:focus-within, .fv\:d-bgc-chart-sequential-05-hover:focus-visible {
  --bgo: var(--dt-color-chart-sequential-05-hover-a);
  background-color: hsl(var(--dt-color-chart-sequential-05-hover-h) var(--dt-color-chart-sequential-05-hover-s) var(--dt-color-chart-sequential-05-hover-l) / var(--bgo)) !important;
}

.d-bgc-chart-sequential-05-selected, .h\:d-bgc-chart-sequential-05-selected:hover, .f\:d-bgc-chart-sequential-05-selected:focus, .f\:d-bgc-chart-sequential-05-selected:focus-within, .fv\:d-bgc-chart-sequential-05-selected:focus-visible {
  --bgo: var(--dt-color-chart-sequential-05-selected-a);
  background-color: hsl(var(--dt-color-chart-sequential-05-selected-h) var(--dt-color-chart-sequential-05-selected-s) var(--dt-color-chart-sequential-05-selected-l) / var(--bgo)) !important;
}

.d-bgc-chart-sequential-06, .h\:d-bgc-chart-sequential-06:hover, .f\:d-bgc-chart-sequential-06:focus, .f\:d-bgc-chart-sequential-06:focus-within, .fv\:d-bgc-chart-sequential-06:focus-visible {
  --bgo: var(--dt-color-chart-sequential-06-a);
  background-color: hsl(var(--dt-color-chart-sequential-06-h) var(--dt-color-chart-sequential-06-s) var(--dt-color-chart-sequential-06-l) / var(--bgo)) !important;
}

.d-bgc-chart-sequential-06-hover, .h\:d-bgc-chart-sequential-06-hover:hover, .f\:d-bgc-chart-sequential-06-hover:focus, .f\:d-bgc-chart-sequential-06-hover:focus-within, .fv\:d-bgc-chart-sequential-06-hover:focus-visible {
  --bgo: var(--dt-color-chart-sequential-06-hover-a);
  background-color: hsl(var(--dt-color-chart-sequential-06-hover-h) var(--dt-color-chart-sequential-06-hover-s) var(--dt-color-chart-sequential-06-hover-l) / var(--bgo)) !important;
}

.d-bgc-chart-sequential-06-selected, .h\:d-bgc-chart-sequential-06-selected:hover, .f\:d-bgc-chart-sequential-06-selected:focus, .f\:d-bgc-chart-sequential-06-selected:focus-within, .fv\:d-bgc-chart-sequential-06-selected:focus-visible {
  --bgo: var(--dt-color-chart-sequential-06-selected-a);
  background-color: hsl(var(--dt-color-chart-sequential-06-selected-h) var(--dt-color-chart-sequential-06-selected-s) var(--dt-color-chart-sequential-06-selected-l) / var(--bgo)) !important;
}

.d-bgc-chart-sequential-07, .h\:d-bgc-chart-sequential-07:hover, .f\:d-bgc-chart-sequential-07:focus, .f\:d-bgc-chart-sequential-07:focus-within, .fv\:d-bgc-chart-sequential-07:focus-visible {
  --bgo: var(--dt-color-chart-sequential-07-a);
  background-color: hsl(var(--dt-color-chart-sequential-07-h) var(--dt-color-chart-sequential-07-s) var(--dt-color-chart-sequential-07-l) / var(--bgo)) !important;
}

.d-bgc-chart-sequential-07-hover, .h\:d-bgc-chart-sequential-07-hover:hover, .f\:d-bgc-chart-sequential-07-hover:focus, .f\:d-bgc-chart-sequential-07-hover:focus-within, .fv\:d-bgc-chart-sequential-07-hover:focus-visible {
  --bgo: var(--dt-color-chart-sequential-07-hover-a);
  background-color: hsl(var(--dt-color-chart-sequential-07-hover-h) var(--dt-color-chart-sequential-07-hover-s) var(--dt-color-chart-sequential-07-hover-l) / var(--bgo)) !important;
}

.d-bgc-chart-sequential-07-selected, .h\:d-bgc-chart-sequential-07-selected:hover, .f\:d-bgc-chart-sequential-07-selected:focus, .f\:d-bgc-chart-sequential-07-selected:focus-within, .fv\:d-bgc-chart-sequential-07-selected:focus-visible {
  --bgo: var(--dt-color-chart-sequential-07-selected-a);
  background-color: hsl(var(--dt-color-chart-sequential-07-selected-h) var(--dt-color-chart-sequential-07-selected-s) var(--dt-color-chart-sequential-07-selected-l) / var(--bgo)) !important;
}

.d-bgc-chart-sequential-08, .h\:d-bgc-chart-sequential-08:hover, .f\:d-bgc-chart-sequential-08:focus, .f\:d-bgc-chart-sequential-08:focus-within, .fv\:d-bgc-chart-sequential-08:focus-visible {
  --bgo: var(--dt-color-chart-sequential-08-a);
  background-color: hsl(var(--dt-color-chart-sequential-08-h) var(--dt-color-chart-sequential-08-s) var(--dt-color-chart-sequential-08-l) / var(--bgo)) !important;
}

.d-bgc-chart-sequential-08-hover, .h\:d-bgc-chart-sequential-08-hover:hover, .f\:d-bgc-chart-sequential-08-hover:focus, .f\:d-bgc-chart-sequential-08-hover:focus-within, .fv\:d-bgc-chart-sequential-08-hover:focus-visible {
  --bgo: var(--dt-color-chart-sequential-08-hover-a);
  background-color: hsl(var(--dt-color-chart-sequential-08-hover-h) var(--dt-color-chart-sequential-08-hover-s) var(--dt-color-chart-sequential-08-hover-l) / var(--bgo)) !important;
}

.d-bgc-chart-sequential-08-selected, .h\:d-bgc-chart-sequential-08-selected:hover, .f\:d-bgc-chart-sequential-08-selected:focus, .f\:d-bgc-chart-sequential-08-selected:focus-within, .fv\:d-bgc-chart-sequential-08-selected:focus-visible {
  --bgo: var(--dt-color-chart-sequential-08-selected-a);
  background-color: hsl(var(--dt-color-chart-sequential-08-selected-h) var(--dt-color-chart-sequential-08-selected-s) var(--dt-color-chart-sequential-08-selected-l) / var(--bgo)) !important;
}

.d-bgc-chart-sequential-09, .h\:d-bgc-chart-sequential-09:hover, .f\:d-bgc-chart-sequential-09:focus, .f\:d-bgc-chart-sequential-09:focus-within, .fv\:d-bgc-chart-sequential-09:focus-visible {
  --bgo: var(--dt-color-chart-sequential-09-a);
  background-color: hsl(var(--dt-color-chart-sequential-09-h) var(--dt-color-chart-sequential-09-s) var(--dt-color-chart-sequential-09-l) / var(--bgo)) !important;
}

.d-bgc-chart-sequential-09-hover, .h\:d-bgc-chart-sequential-09-hover:hover, .f\:d-bgc-chart-sequential-09-hover:focus, .f\:d-bgc-chart-sequential-09-hover:focus-within, .fv\:d-bgc-chart-sequential-09-hover:focus-visible {
  --bgo: var(--dt-color-chart-sequential-09-hover-a);
  background-color: hsl(var(--dt-color-chart-sequential-09-hover-h) var(--dt-color-chart-sequential-09-hover-s) var(--dt-color-chart-sequential-09-hover-l) / var(--bgo)) !important;
}

.d-bgc-chart-sequential-09-selected, .h\:d-bgc-chart-sequential-09-selected:hover, .f\:d-bgc-chart-sequential-09-selected:focus, .f\:d-bgc-chart-sequential-09-selected:focus-within, .fv\:d-bgc-chart-sequential-09-selected:focus-visible {
  --bgo: var(--dt-color-chart-sequential-09-selected-a);
  background-color: hsl(var(--dt-color-chart-sequential-09-selected-h) var(--dt-color-chart-sequential-09-selected-s) var(--dt-color-chart-sequential-09-selected-l) / var(--bgo)) !important;
}

.d-bgc-chart-sequential-10-hover, .h\:d-bgc-chart-sequential-10-hover:hover, .f\:d-bgc-chart-sequential-10-hover:focus, .f\:d-bgc-chart-sequential-10-hover:focus-within, .fv\:d-bgc-chart-sequential-10-hover:focus-visible {
  --bgo: var(--dt-color-chart-sequential-10-hover-a);
  background-color: hsl(var(--dt-color-chart-sequential-10-hover-h) var(--dt-color-chart-sequential-10-hover-s) var(--dt-color-chart-sequential-10-hover-l) / var(--bgo)) !important;
}

.d-bgc-chart-sequential-10-selected, .h\:d-bgc-chart-sequential-10-selected:hover, .f\:d-bgc-chart-sequential-10-selected:focus, .f\:d-bgc-chart-sequential-10-selected:focus-within, .fv\:d-bgc-chart-sequential-10-selected:focus-visible {
  --bgo: var(--dt-color-chart-sequential-10-selected-a);
  background-color: hsl(var(--dt-color-chart-sequential-10-selected-h) var(--dt-color-chart-sequential-10-selected-s) var(--dt-color-chart-sequential-10-selected-l) / var(--bgo)) !important;
}

.d-bgc-chart-sequential-range-00-start, .h\:d-bgc-chart-sequential-range-00-start:hover, .f\:d-bgc-chart-sequential-range-00-start:focus, .f\:d-bgc-chart-sequential-range-00-start:focus-within, .fv\:d-bgc-chart-sequential-range-00-start:focus-visible {
  --bgo: var(--dt-color-chart-sequential-range-00-start-a);
  background-color: hsl(var(--dt-color-chart-sequential-range-00-start-h) var(--dt-color-chart-sequential-range-00-start-s) var(--dt-color-chart-sequential-range-00-start-l) / var(--bgo)) !important;
}

.d-bgc-chart-sequential-range-00-end, .h\:d-bgc-chart-sequential-range-00-end:hover, .f\:d-bgc-chart-sequential-range-00-end:focus, .f\:d-bgc-chart-sequential-range-00-end:focus-within, .fv\:d-bgc-chart-sequential-range-00-end:focus-visible {
  --bgo: var(--dt-color-chart-sequential-range-00-end-a);
  background-color: hsl(var(--dt-color-chart-sequential-range-00-end-h) var(--dt-color-chart-sequential-range-00-end-s) var(--dt-color-chart-sequential-range-00-end-l) / var(--bgo)) !important;
}

.d-bgc-chart-sequential-range-01-start, .h\:d-bgc-chart-sequential-range-01-start:hover, .f\:d-bgc-chart-sequential-range-01-start:focus, .f\:d-bgc-chart-sequential-range-01-start:focus-within, .fv\:d-bgc-chart-sequential-range-01-start:focus-visible {
  --bgo: var(--dt-color-chart-sequential-range-01-start-a);
  background-color: hsl(var(--dt-color-chart-sequential-range-01-start-h) var(--dt-color-chart-sequential-range-01-start-s) var(--dt-color-chart-sequential-range-01-start-l) / var(--bgo)) !important;
}

.d-bgc-chart-sequential-range-01-end, .h\:d-bgc-chart-sequential-range-01-end:hover, .f\:d-bgc-chart-sequential-range-01-end:focus, .f\:d-bgc-chart-sequential-range-01-end:focus-within, .fv\:d-bgc-chart-sequential-range-01-end:focus-visible {
  --bgo: var(--dt-color-chart-sequential-range-01-end-a);
  background-color: hsl(var(--dt-color-chart-sequential-range-01-end-h) var(--dt-color-chart-sequential-range-01-end-s) var(--dt-color-chart-sequential-range-01-end-l) / var(--bgo)) !important;
}

.d-bgc-chart-sequential-range-02-start, .h\:d-bgc-chart-sequential-range-02-start:hover, .f\:d-bgc-chart-sequential-range-02-start:focus, .f\:d-bgc-chart-sequential-range-02-start:focus-within, .fv\:d-bgc-chart-sequential-range-02-start:focus-visible {
  --bgo: var(--dt-color-chart-sequential-range-02-start-a);
  background-color: hsl(var(--dt-color-chart-sequential-range-02-start-h) var(--dt-color-chart-sequential-range-02-start-s) var(--dt-color-chart-sequential-range-02-start-l) / var(--bgo)) !important;
}

.d-bgc-chart-sequential-range-02-end, .h\:d-bgc-chart-sequential-range-02-end:hover, .f\:d-bgc-chart-sequential-range-02-end:focus, .f\:d-bgc-chart-sequential-range-02-end:focus-within, .fv\:d-bgc-chart-sequential-range-02-end:focus-visible {
  --bgo: var(--dt-color-chart-sequential-range-02-end-a);
  background-color: hsl(var(--dt-color-chart-sequential-range-02-end-h) var(--dt-color-chart-sequential-range-02-end-s) var(--dt-color-chart-sequential-range-02-end-l) / var(--bgo)) !important;
}

.d-bgc-chart-sequential-range-03-start, .h\:d-bgc-chart-sequential-range-03-start:hover, .f\:d-bgc-chart-sequential-range-03-start:focus, .f\:d-bgc-chart-sequential-range-03-start:focus-within, .fv\:d-bgc-chart-sequential-range-03-start:focus-visible {
  --bgo: var(--dt-color-chart-sequential-range-03-start-a);
  background-color: hsl(var(--dt-color-chart-sequential-range-03-start-h) var(--dt-color-chart-sequential-range-03-start-s) var(--dt-color-chart-sequential-range-03-start-l) / var(--bgo)) !important;
}

.d-bgc-chart-sequential-range-03-end, .h\:d-bgc-chart-sequential-range-03-end:hover, .f\:d-bgc-chart-sequential-range-03-end:focus, .f\:d-bgc-chart-sequential-range-03-end:focus-within, .fv\:d-bgc-chart-sequential-range-03-end:focus-visible {
  --bgo: var(--dt-color-chart-sequential-range-03-end-a);
  background-color: hsl(var(--dt-color-chart-sequential-range-03-end-h) var(--dt-color-chart-sequential-range-03-end-s) var(--dt-color-chart-sequential-range-03-end-l) / var(--bgo)) !important;
}

.d-bgc-chart-sequential-range-04-start, .h\:d-bgc-chart-sequential-range-04-start:hover, .f\:d-bgc-chart-sequential-range-04-start:focus, .f\:d-bgc-chart-sequential-range-04-start:focus-within, .fv\:d-bgc-chart-sequential-range-04-start:focus-visible {
  --bgo: var(--dt-color-chart-sequential-range-04-start-a);
  background-color: hsl(var(--dt-color-chart-sequential-range-04-start-h) var(--dt-color-chart-sequential-range-04-start-s) var(--dt-color-chart-sequential-range-04-start-l) / var(--bgo)) !important;
}

.d-bgc-chart-sequential-range-04-end, .h\:d-bgc-chart-sequential-range-04-end:hover, .f\:d-bgc-chart-sequential-range-04-end:focus, .f\:d-bgc-chart-sequential-range-04-end:focus-within, .fv\:d-bgc-chart-sequential-range-04-end:focus-visible {
  --bgo: var(--dt-color-chart-sequential-range-04-end-a);
  background-color: hsl(var(--dt-color-chart-sequential-range-04-end-h) var(--dt-color-chart-sequential-range-04-end-s) var(--dt-color-chart-sequential-range-04-end-l) / var(--bgo)) !important;
}

.d-bgc-chart-sequential-range-05-start, .h\:d-bgc-chart-sequential-range-05-start:hover, .f\:d-bgc-chart-sequential-range-05-start:focus, .f\:d-bgc-chart-sequential-range-05-start:focus-within, .fv\:d-bgc-chart-sequential-range-05-start:focus-visible {
  --bgo: var(--dt-color-chart-sequential-range-05-start-a);
  background-color: hsl(var(--dt-color-chart-sequential-range-05-start-h) var(--dt-color-chart-sequential-range-05-start-s) var(--dt-color-chart-sequential-range-05-start-l) / var(--bgo)) !important;
}

.d-bgc-chart-sequential-range-05-end, .h\:d-bgc-chart-sequential-range-05-end:hover, .f\:d-bgc-chart-sequential-range-05-end:focus, .f\:d-bgc-chart-sequential-range-05-end:focus-within, .fv\:d-bgc-chart-sequential-range-05-end:focus-visible {
  --bgo: var(--dt-color-chart-sequential-range-05-end-a);
  background-color: hsl(var(--dt-color-chart-sequential-range-05-end-h) var(--dt-color-chart-sequential-range-05-end-s) var(--dt-color-chart-sequential-range-05-end-l) / var(--bgo)) !important;
}

.d-bgc-chart-sequential-range-06-start, .h\:d-bgc-chart-sequential-range-06-start:hover, .f\:d-bgc-chart-sequential-range-06-start:focus, .f\:d-bgc-chart-sequential-range-06-start:focus-within, .fv\:d-bgc-chart-sequential-range-06-start:focus-visible {
  --bgo: var(--dt-color-chart-sequential-range-06-start-a);
  background-color: hsl(var(--dt-color-chart-sequential-range-06-start-h) var(--dt-color-chart-sequential-range-06-start-s) var(--dt-color-chart-sequential-range-06-start-l) / var(--bgo)) !important;
}

.d-bgc-chart-sequential-range-06-end, .h\:d-bgc-chart-sequential-range-06-end:hover, .f\:d-bgc-chart-sequential-range-06-end:focus, .f\:d-bgc-chart-sequential-range-06-end:focus-within, .fv\:d-bgc-chart-sequential-range-06-end:focus-visible {
  --bgo: var(--dt-color-chart-sequential-range-06-end-a);
  background-color: hsl(var(--dt-color-chart-sequential-range-06-end-h) var(--dt-color-chart-sequential-range-06-end-s) var(--dt-color-chart-sequential-range-06-end-l) / var(--bgo)) !important;
}

.d-bgc-chart-sequential-range-07-start, .h\:d-bgc-chart-sequential-range-07-start:hover, .f\:d-bgc-chart-sequential-range-07-start:focus, .f\:d-bgc-chart-sequential-range-07-start:focus-within, .fv\:d-bgc-chart-sequential-range-07-start:focus-visible {
  --bgo: var(--dt-color-chart-sequential-range-07-start-a);
  background-color: hsl(var(--dt-color-chart-sequential-range-07-start-h) var(--dt-color-chart-sequential-range-07-start-s) var(--dt-color-chart-sequential-range-07-start-l) / var(--bgo)) !important;
}

.d-bgc-chart-sequential-range-07-end, .h\:d-bgc-chart-sequential-range-07-end:hover, .f\:d-bgc-chart-sequential-range-07-end:focus, .f\:d-bgc-chart-sequential-range-07-end:focus-within, .fv\:d-bgc-chart-sequential-range-07-end:focus-visible {
  --bgo: var(--dt-color-chart-sequential-range-07-end-a);
  background-color: hsl(var(--dt-color-chart-sequential-range-07-end-h) var(--dt-color-chart-sequential-range-07-end-s) var(--dt-color-chart-sequential-range-07-end-l) / var(--bgo)) !important;
}

.d-bgc-chart-sequential-range-08-start, .h\:d-bgc-chart-sequential-range-08-start:hover, .f\:d-bgc-chart-sequential-range-08-start:focus, .f\:d-bgc-chart-sequential-range-08-start:focus-within, .fv\:d-bgc-chart-sequential-range-08-start:focus-visible {
  --bgo: var(--dt-color-chart-sequential-range-08-start-a);
  background-color: hsl(var(--dt-color-chart-sequential-range-08-start-h) var(--dt-color-chart-sequential-range-08-start-s) var(--dt-color-chart-sequential-range-08-start-l) / var(--bgo)) !important;
}

.d-bgc-chart-sequential-range-08-end, .h\:d-bgc-chart-sequential-range-08-end:hover, .f\:d-bgc-chart-sequential-range-08-end:focus, .f\:d-bgc-chart-sequential-range-08-end:focus-within, .fv\:d-bgc-chart-sequential-range-08-end:focus-visible {
  --bgo: var(--dt-color-chart-sequential-range-08-end-a);
  background-color: hsl(var(--dt-color-chart-sequential-range-08-end-h) var(--dt-color-chart-sequential-range-08-end-s) var(--dt-color-chart-sequential-range-08-end-l) / var(--bgo)) !important;
}

.d-bgc-chart-sequential-range-09-start, .h\:d-bgc-chart-sequential-range-09-start:hover, .f\:d-bgc-chart-sequential-range-09-start:focus, .f\:d-bgc-chart-sequential-range-09-start:focus-within, .fv\:d-bgc-chart-sequential-range-09-start:focus-visible {
  --bgo: var(--dt-color-chart-sequential-range-09-start-a);
  background-color: hsl(var(--dt-color-chart-sequential-range-09-start-h) var(--dt-color-chart-sequential-range-09-start-s) var(--dt-color-chart-sequential-range-09-start-l) / var(--bgo)) !important;
}

.d-bgc-chart-sequential-range-09-end, .h\:d-bgc-chart-sequential-range-09-end:hover, .f\:d-bgc-chart-sequential-range-09-end:focus, .f\:d-bgc-chart-sequential-range-09-end:focus-within, .fv\:d-bgc-chart-sequential-range-09-end:focus-visible {
  --bgo: var(--dt-color-chart-sequential-range-09-end-a);
  background-color: hsl(var(--dt-color-chart-sequential-range-09-end-h) var(--dt-color-chart-sequential-range-09-end-s) var(--dt-color-chart-sequential-range-09-end-l) / var(--bgo)) !important;
}

.d-bgc-chart-sequential-range-10-start, .h\:d-bgc-chart-sequential-range-10-start:hover, .f\:d-bgc-chart-sequential-range-10-start:focus, .f\:d-bgc-chart-sequential-range-10-start:focus-within, .fv\:d-bgc-chart-sequential-range-10-start:focus-visible {
  --bgo: var(--dt-color-chart-sequential-range-10-start-a);
  background-color: hsl(var(--dt-color-chart-sequential-range-10-start-h) var(--dt-color-chart-sequential-range-10-start-s) var(--dt-color-chart-sequential-range-10-start-l) / var(--bgo)) !important;
}

.d-bgc-chart-sequential-range-10-end, .h\:d-bgc-chart-sequential-range-10-end:hover, .f\:d-bgc-chart-sequential-range-10-end:focus, .f\:d-bgc-chart-sequential-range-10-end:focus-within, .fv\:d-bgc-chart-sequential-range-10-end:focus-visible {
  --bgo: var(--dt-color-chart-sequential-range-10-end-a);
  background-color: hsl(var(--dt-color-chart-sequential-range-10-end-h) var(--dt-color-chart-sequential-range-10-end-s) var(--dt-color-chart-sequential-range-10-end-l) / var(--bgo)) !important;
}

.d-divide-neutral-white > * + * {
  --dco: var(--dt-color-neutral-white-a);
  border-color: hsl(var(--dt-color-neutral-white-h) var(--dt-color-neutral-white-s) var(--dt-color-neutral-white-l) / var(--dco)) !important;
}

.d-divide-neutral-black > * + * {
  --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;
}

.d-divide-black-200 > * + * {
  --dco: var(--dt-color-black-200-a);
  border-color: hsl(var(--dt-color-black-200-h) var(--dt-color-black-200-s) var(--dt-color-black-200-l) / var(--dco)) !important;
}

.d-divide-black-300 > * + * {
  --dco: var(--dt-color-black-300-a);
  border-color: hsl(var(--dt-color-black-300-h) var(--dt-color-black-300-s) var(--dt-color-black-300-l) / var(--dco)) !important;
}

.d-divide-black-400 > * + * {
  --dco: var(--dt-color-black-400-a);
  border-color: hsl(var(--dt-color-black-400-h) var(--dt-color-black-400-s) var(--dt-color-black-400-l) / var(--dco)) !important;
}

.d-divide-black-500 > * + * {
  --dco: var(--dt-color-black-500-a);
  border-color: hsl(var(--dt-color-black-500-h) var(--dt-color-black-500-s) var(--dt-color-black-500-l) / var(--dco)) !important;
}

.d-divide-black-600 > * + * {
  --dco: var(--dt-color-black-600-a);
  border-color: hsl(var(--dt-color-black-600-h) var(--dt-color-black-600-s) var(--dt-color-black-600-l) / var(--dco)) !important;
}

.d-divide-black-700 > * + * {
  --dco: var(--dt-color-black-700-a);
  border-color: hsl(var(--dt-color-black-700-h) var(--dt-color-black-700-s) var(--dt-color-black-700-l) / var(--dco)) !important;
}

.d-divide-black-800 > * + * {
  --dco: var(--dt-color-black-800-a);
  border-color: hsl(var(--dt-color-black-800-h) var(--dt-color-black-800-s) var(--dt-color-black-800-l) / var(--dco)) !important;
}

.d-divide-black-900 > * + * {
  --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;
}

.d-divide-purple-200 > * + * {
  --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;
}

.d-divide-blue-200 > * + * {
  --dco: var(--dt-color-blue-200-a);
  border-color: hsl(var(--dt-color-blue-200-h) var(--dt-color-blue-200-s) var(--dt-color-blue-200-l) / var(--dco)) !important;
}

.d-divide-blue-300 > * + * {
  --dco: var(--dt-color-blue-300-a);
  border-color: hsl(var(--dt-color-blue-300-h) var(--dt-color-blue-300-s) var(--dt-color-blue-300-l) / var(--dco)) !important;
}

.d-divide-blue-400 > * + * {
  --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;
}

.d-divide-magenta-200 > * + * {
  --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;
}

.d-divide-magenta-400 > * + * {
  --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;
}

.d-divide-gold-200 > * + * {
  --dco: var(--dt-color-gold-200-a);
  border-color: hsl(var(--dt-color-gold-200-h) var(--dt-color-gold-200-s) var(--dt-color-gold-200-l) / var(--dco)) !important;
}

.d-divide-gold-300 > * + * {
  --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;
}

.d-divide-green-200 > * + * {
  --dco: var(--dt-color-green-200-a);
  border-color: hsl(var(--dt-color-green-200-h) var(--dt-color-green-200-s) var(--dt-color-green-200-l) / var(--dco)) !important;
}

.d-divide-green-300 > * + * {
  --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;
}

.d-divide-red-200 > * + * {
  --dco: var(--dt-color-red-200-a);
  border-color: hsl(var(--dt-color-red-200-h) var(--dt-color-red-200-s) var(--dt-color-red-200-l) / var(--dco)) !important;
}

.d-divide-red-300 > * + * {
  --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;
}

.d-divide-tan-200 > * + * {
  --dco: var(--dt-color-tan-200-a);
  border-color: hsl(var(--dt-color-tan-200-h) var(--dt-color-tan-200-s) var(--dt-color-tan-200-l) / var(--dco)) !important;
}

.d-divide-tan-300 > * + * {
  --dco: var(--dt-color-tan-300-a);
  border-color: hsl(var(--dt-color-tan-300-h) var(--dt-color-tan-300-s) var(--dt-color-tan-300-l) / var(--dco)) !important;
}

.d-divide-tan-400 > * + * {
  --dco: var(--dt-color-tan-400-a);
  border-color: hsl(var(--dt-color-tan-400-h) var(--dt-color-tan-400-s) var(--dt-color-tan-400-l) / var(--dco)) !important;
}

.d-divide-tan-500 > * + * {
  --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-berry-50 > * + * {
  --dco: var(--dt-color-berry-50-a);
  border-color: hsl(var(--dt-color-berry-50-h) var(--dt-color-berry-50-s) var(--dt-color-berry-50-l) / var(--dco)) !important;
}

.d-divide-berry-100 > * + * {
  --dco: var(--dt-color-berry-100-a);
  border-color: hsl(var(--dt-color-berry-100-h) var(--dt-color-berry-100-s) var(--dt-color-berry-100-l) / var(--dco)) !important;
}

.d-divide-berry-200 > * + * {
  --dco: var(--dt-color-berry-200-a);
  border-color: hsl(var(--dt-color-berry-200-h) var(--dt-color-berry-200-s) var(--dt-color-berry-200-l) / var(--dco)) !important;
}

.d-divide-berry-300 > * + * {
  --dco: var(--dt-color-berry-300-a);
  border-color: hsl(var(--dt-color-berry-300-h) var(--dt-color-berry-300-s) var(--dt-color-berry-300-l) / var(--dco)) !important;
}

.d-divide-berry-400 > * + * {
  --dco: var(--dt-color-berry-400-a);
  border-color: hsl(var(--dt-color-berry-400-h) var(--dt-color-berry-400-s) var(--dt-color-berry-400-l) / var(--dco)) !important;
}

.d-divide-berry-500 > * + * {
  --dco: var(--dt-color-berry-500-a);
  border-color: hsl(var(--dt-color-berry-500-h) var(--dt-color-berry-500-s) var(--dt-color-berry-500-l) / var(--dco)) !important;
}

.d-divide-berry-600 > * + * {
  --dco: var(--dt-color-berry-600-a);
  border-color: hsl(var(--dt-color-berry-600-h) var(--dt-color-berry-600-s) var(--dt-color-berry-600-l) / var(--dco)) !important;
}

.d-divide-berry-700 > * + * {
  --dco: var(--dt-color-berry-700-a);
  border-color: hsl(var(--dt-color-berry-700-h) var(--dt-color-berry-700-s) var(--dt-color-berry-700-l) / var(--dco)) !important;
}

.d-divide-berry-800 > * + * {
  --dco: var(--dt-color-berry-800-a);
  border-color: hsl(var(--dt-color-berry-800-h) var(--dt-color-berry-800-s) var(--dt-color-berry-800-l) / var(--dco)) !important;
}

.d-divide-berry-900 > * + * {
  --dco: var(--dt-color-berry-900-a);
  border-color: hsl(var(--dt-color-berry-900-h) var(--dt-color-berry-900-s) var(--dt-color-berry-900-l) / var(--dco)) !important;
}

.d-divide-berry-950 > * + * {
  --dco: var(--dt-color-berry-950-a);
  border-color: hsl(var(--dt-color-berry-950-h) var(--dt-color-berry-950-s) var(--dt-color-berry-950-l) / var(--dco)) !important;
}

.d-divide-berry-1000 > * + * {
  --dco: var(--dt-color-berry-1000-a);
  border-color: hsl(var(--dt-color-berry-1000-h) var(--dt-color-berry-1000-s) var(--dt-color-berry-1000-l) / var(--dco)) !important;
}

.d-divide-coral-50 > * + * {
  --dco: var(--dt-color-coral-50-a);
  border-color: hsl(var(--dt-color-coral-50-h) var(--dt-color-coral-50-s) var(--dt-color-coral-50-l) / var(--dco)) !important;
}

.d-divide-coral-100 > * + * {
  --dco: var(--dt-color-coral-100-a);
  border-color: hsl(var(--dt-color-coral-100-h) var(--dt-color-coral-100-s) var(--dt-color-coral-100-l) / var(--dco)) !important;
}

.d-divide-coral-200 > * + * {
  --dco: var(--dt-color-coral-200-a);
  border-color: hsl(var(--dt-color-coral-200-h) var(--dt-color-coral-200-s) var(--dt-color-coral-200-l) / var(--dco)) !important;
}

.d-divide-coral-300 > * + * {
  --dco: var(--dt-color-coral-300-a);
  border-color: hsl(var(--dt-color-coral-300-h) var(--dt-color-coral-300-s) var(--dt-color-coral-300-l) / var(--dco)) !important;
}

.d-divide-coral-400 > * + * {
  --dco: var(--dt-color-coral-400-a);
  border-color: hsl(var(--dt-color-coral-400-h) var(--dt-color-coral-400-s) var(--dt-color-coral-400-l) / var(--dco)) !important;
}

.d-divide-coral-500 > * + * {
  --dco: var(--dt-color-coral-500-a);
  border-color: hsl(var(--dt-color-coral-500-h) var(--dt-color-coral-500-s) var(--dt-color-coral-500-l) / var(--dco)) !important;
}

.d-divide-coral-600 > * + * {
  --dco: var(--dt-color-coral-600-a);
  border-color: hsl(var(--dt-color-coral-600-h) var(--dt-color-coral-600-s) var(--dt-color-coral-600-l) / var(--dco)) !important;
}

.d-divide-coral-700 > * + * {
  --dco: var(--dt-color-coral-700-a);
  border-color: hsl(var(--dt-color-coral-700-h) var(--dt-color-coral-700-s) var(--dt-color-coral-700-l) / var(--dco)) !important;
}

.d-divide-coral-800 > * + * {
  --dco: var(--dt-color-coral-800-a);
  border-color: hsl(var(--dt-color-coral-800-h) var(--dt-color-coral-800-s) var(--dt-color-coral-800-l) / var(--dco)) !important;
}

.d-divide-coral-900 > * + * {
  --dco: var(--dt-color-coral-900-a);
  border-color: hsl(var(--dt-color-coral-900-h) var(--dt-color-coral-900-s) var(--dt-color-coral-900-l) / var(--dco)) !important;
}

.d-divide-coral-950 > * + * {
  --dco: var(--dt-color-coral-950-a);
  border-color: hsl(var(--dt-color-coral-950-h) var(--dt-color-coral-950-s) var(--dt-color-coral-950-l) / var(--dco)) !important;
}

.d-divide-coral-1000 > * + * {
  --dco: var(--dt-color-coral-1000-a);
  border-color: hsl(var(--dt-color-coral-1000-h) var(--dt-color-coral-1000-s) var(--dt-color-coral-1000-l) / var(--dco)) !important;
}

.d-divide-olive-50 > * + * {
  --dco: var(--dt-color-olive-50-a);
  border-color: hsl(var(--dt-color-olive-50-h) var(--dt-color-olive-50-s) var(--dt-color-olive-50-l) / var(--dco)) !important;
}

.d-divide-olive-100 > * + * {
  --dco: var(--dt-color-olive-100-a);
  border-color: hsl(var(--dt-color-olive-100-h) var(--dt-color-olive-100-s) var(--dt-color-olive-100-l) / var(--dco)) !important;
}

.d-divide-olive-200 > * + * {
  --dco: var(--dt-color-olive-200-a);
  border-color: hsl(var(--dt-color-olive-200-h) var(--dt-color-olive-200-s) var(--dt-color-olive-200-l) / var(--dco)) !important;
}

.d-divide-olive-300 > * + * {
  --dco: var(--dt-color-olive-300-a);
  border-color: hsl(var(--dt-color-olive-300-h) var(--dt-color-olive-300-s) var(--dt-color-olive-300-l) / var(--dco)) !important;
}

.d-divide-olive-400 > * + * {
  --dco: var(--dt-color-olive-400-a);
  border-color: hsl(var(--dt-color-olive-400-h) var(--dt-color-olive-400-s) var(--dt-color-olive-400-l) / var(--dco)) !important;
}

.d-divide-olive-500 > * + * {
  --dco: var(--dt-color-olive-500-a);
  border-color: hsl(var(--dt-color-olive-500-h) var(--dt-color-olive-500-s) var(--dt-color-olive-500-l) / var(--dco)) !important;
}

.d-divide-olive-600 > * + * {
  --dco: var(--dt-color-olive-600-a);
  border-color: hsl(var(--dt-color-olive-600-h) var(--dt-color-olive-600-s) var(--dt-color-olive-600-l) / var(--dco)) !important;
}

.d-divide-olive-700 > * + * {
  --dco: var(--dt-color-olive-700-a);
  border-color: hsl(var(--dt-color-olive-700-h) var(--dt-color-olive-700-s) var(--dt-color-olive-700-l) / var(--dco)) !important;
}

.d-divide-olive-800 > * + * {
  --dco: var(--dt-color-olive-800-a);
  border-color: hsl(var(--dt-color-olive-800-h) var(--dt-color-olive-800-s) var(--dt-color-olive-800-l) / var(--dco)) !important;
}

.d-divide-olive-900 > * + * {
  --dco: var(--dt-color-olive-900-a);
  border-color: hsl(var(--dt-color-olive-900-h) var(--dt-color-olive-900-s) var(--dt-color-olive-900-l) / var(--dco)) !important;
}

.d-divide-olive-950 > * + * {
  --dco: var(--dt-color-olive-950-a);
  border-color: hsl(var(--dt-color-olive-950-h) var(--dt-color-olive-950-s) var(--dt-color-olive-950-l) / var(--dco)) !important;
}

.d-divide-olive-1000 > * + * {
  --dco: var(--dt-color-olive-1000-a);
  border-color: hsl(var(--dt-color-olive-1000-h) var(--dt-color-olive-1000-s) var(--dt-color-olive-1000-l) / var(--dco)) !important;
}

.d-divide-teal-50 > * + * {
  --dco: var(--dt-color-teal-50-a);
  border-color: hsl(var(--dt-color-teal-50-h) var(--dt-color-teal-50-s) var(--dt-color-teal-50-l) / var(--dco)) !important;
}

.d-divide-teal-100 > * + * {
  --dco: var(--dt-color-teal-100-a);
  border-color: hsl(var(--dt-color-teal-100-h) var(--dt-color-teal-100-s) var(--dt-color-teal-100-l) / var(--dco)) !important;
}

.d-divide-teal-200 > * + * {
  --dco: var(--dt-color-teal-200-a);
  border-color: hsl(var(--dt-color-teal-200-h) var(--dt-color-teal-200-s) var(--dt-color-teal-200-l) / var(--dco)) !important;
}

.d-divide-teal-300 > * + * {
  --dco: var(--dt-color-teal-300-a);
  border-color: hsl(var(--dt-color-teal-300-h) var(--dt-color-teal-300-s) var(--dt-color-teal-300-l) / var(--dco)) !important;
}

.d-divide-teal-400 > * + * {
  --dco: var(--dt-color-teal-400-a);
  border-color: hsl(var(--dt-color-teal-400-h) var(--dt-color-teal-400-s) var(--dt-color-teal-400-l) / var(--dco)) !important;
}

.d-divide-teal-500 > * + * {
  --dco: var(--dt-color-teal-500-a);
  border-color: hsl(var(--dt-color-teal-500-h) var(--dt-color-teal-500-s) var(--dt-color-teal-500-l) / var(--dco)) !important;
}

.d-divide-teal-600 > * + * {
  --dco: var(--dt-color-teal-600-a);
  border-color: hsl(var(--dt-color-teal-600-h) var(--dt-color-teal-600-s) var(--dt-color-teal-600-l) / var(--dco)) !important;
}

.d-divide-teal-700 > * + * {
  --dco: var(--dt-color-teal-700-a);
  border-color: hsl(var(--dt-color-teal-700-h) var(--dt-color-teal-700-s) var(--dt-color-teal-700-l) / var(--dco)) !important;
}

.d-divide-teal-800 > * + * {
  --dco: var(--dt-color-teal-800-a);
  border-color: hsl(var(--dt-color-teal-800-h) var(--dt-color-teal-800-s) var(--dt-color-teal-800-l) / var(--dco)) !important;
}

.d-divide-teal-900 > * + * {
  --dco: var(--dt-color-teal-900-a);
  border-color: hsl(var(--dt-color-teal-900-h) var(--dt-color-teal-900-s) var(--dt-color-teal-900-l) / var(--dco)) !important;
}

.d-divide-teal-950 > * + * {
  --dco: var(--dt-color-teal-950-a);
  border-color: hsl(var(--dt-color-teal-950-h) var(--dt-color-teal-950-s) var(--dt-color-teal-950-l) / var(--dco)) !important;
}

.d-divide-teal-1000 > * + * {
  --dco: var(--dt-color-teal-1000-a);
  border-color: hsl(var(--dt-color-teal-1000-h) var(--dt-color-teal-1000-s) var(--dt-color-teal-1000-l) / var(--dco)) !important;
}

.d-divide-indigo-50 > * + * {
  --dco: var(--dt-color-indigo-50-a);
  border-color: hsl(var(--dt-color-indigo-50-h) var(--dt-color-indigo-50-s) var(--dt-color-indigo-50-l) / var(--dco)) !important;
}

.d-divide-indigo-100 > * + * {
  --dco: var(--dt-color-indigo-100-a);
  border-color: hsl(var(--dt-color-indigo-100-h) var(--dt-color-indigo-100-s) var(--dt-color-indigo-100-l) / var(--dco)) !important;
}

.d-divide-indigo-200 > * + * {
  --dco: var(--dt-color-indigo-200-a);
  border-color: hsl(var(--dt-color-indigo-200-h) var(--dt-color-indigo-200-s) var(--dt-color-indigo-200-l) / var(--dco)) !important;
}

.d-divide-indigo-300 > * + * {
  --dco: var(--dt-color-indigo-300-a);
  border-color: hsl(var(--dt-color-indigo-300-h) var(--dt-color-indigo-300-s) var(--dt-color-indigo-300-l) / var(--dco)) !important;
}

.d-divide-indigo-400 > * + * {
  --dco: var(--dt-color-indigo-400-a);
  border-color: hsl(var(--dt-color-indigo-400-h) var(--dt-color-indigo-400-s) var(--dt-color-indigo-400-l) / var(--dco)) !important;
}

.d-divide-indigo-500 > * + * {
  --dco: var(--dt-color-indigo-500-a);
  border-color: hsl(var(--dt-color-indigo-500-h) var(--dt-color-indigo-500-s) var(--dt-color-indigo-500-l) / var(--dco)) !important;
}

.d-divide-indigo-600 > * + * {
  --dco: var(--dt-color-indigo-600-a);
  border-color: hsl(var(--dt-color-indigo-600-h) var(--dt-color-indigo-600-s) var(--dt-color-indigo-600-l) / var(--dco)) !important;
}

.d-divide-indigo-700 > * + * {
  --dco: var(--dt-color-indigo-700-a);
  border-color: hsl(var(--dt-color-indigo-700-h) var(--dt-color-indigo-700-s) var(--dt-color-indigo-700-l) / var(--dco)) !important;
}

.d-divide-indigo-800 > * + * {
  --dco: var(--dt-color-indigo-800-a);
  border-color: hsl(var(--dt-color-indigo-800-h) var(--dt-color-indigo-800-s) var(--dt-color-indigo-800-l) / var(--dco)) !important;
}

.d-divide-indigo-900 > * + * {
  --dco: var(--dt-color-indigo-900-a);
  border-color: hsl(var(--dt-color-indigo-900-h) var(--dt-color-indigo-900-s) var(--dt-color-indigo-900-l) / var(--dco)) !important;
}

.d-divide-indigo-950 > * + * {
  --dco: var(--dt-color-indigo-950-a);
  border-color: hsl(var(--dt-color-indigo-950-h) var(--dt-color-indigo-950-s) var(--dt-color-indigo-950-l) / var(--dco)) !important;
}

.d-divide-indigo-1000 > * + * {
  --dco: var(--dt-color-indigo-1000-a);
  border-color: hsl(var(--dt-color-indigo-1000-h) var(--dt-color-indigo-1000-s) var(--dt-color-indigo-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-divide-neutral-white > * + * {
  --dco: var(--dt-color-neutral-white-a);
  border-color: hsl(var(--dt-color-neutral-white-h) var(--dt-color-neutral-white-s) var(--dt-color-neutral-white-l) / var(--dco)) !important;
}

.d-divide-neutral-black > * + * {
  --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;
}

.d-divide-black-200 > * + * {
  --dco: var(--dt-color-black-200-a);
  border-color: hsl(var(--dt-color-black-200-h) var(--dt-color-black-200-s) var(--dt-color-black-200-l) / var(--dco)) !important;
}

.d-divide-black-300 > * + * {
  --dco: var(--dt-color-black-300-a);
  border-color: hsl(var(--dt-color-black-300-h) var(--dt-color-black-300-s) var(--dt-color-black-300-l) / var(--dco)) !important;
}

.d-divide-black-400 > * + * {
  --dco: var(--dt-color-black-400-a);
  border-color: hsl(var(--dt-color-black-400-h) var(--dt-color-black-400-s) var(--dt-color-black-400-l) / var(--dco)) !important;
}

.d-divide-black-500 > * + * {
  --dco: var(--dt-color-black-500-a);
  border-color: hsl(var(--dt-color-black-500-h) var(--dt-color-black-500-s) var(--dt-color-black-500-l) / var(--dco)) !important;
}

.d-divide-black-600 > * + * {
  --dco: var(--dt-color-black-600-a);
  border-color: hsl(var(--dt-color-black-600-h) var(--dt-color-black-600-s) var(--dt-color-black-600-l) / var(--dco)) !important;
}

.d-divide-black-700 > * + * {
  --dco: var(--dt-color-black-700-a);
  border-color: hsl(var(--dt-color-black-700-h) var(--dt-color-black-700-s) var(--dt-color-black-700-l) / var(--dco)) !important;
}

.d-divide-black-800 > * + * {
  --dco: var(--dt-color-black-800-a);
  border-color: hsl(var(--dt-color-black-800-h) var(--dt-color-black-800-s) var(--dt-color-black-800-l) / var(--dco)) !important;
}

.d-divide-black-900 > * + * {
  --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;
}

.d-divide-purple-200 > * + * {
  --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;
}

.d-divide-blue-200 > * + * {
  --dco: var(--dt-color-blue-200-a);
  border-color: hsl(var(--dt-color-blue-200-h) var(--dt-color-blue-200-s) var(--dt-color-blue-200-l) / var(--dco)) !important;
}

.d-divide-blue-300 > * + * {
  --dco: var(--dt-color-blue-300-a);
  border-color: hsl(var(--dt-color-blue-300-h) var(--dt-color-blue-300-s) var(--dt-color-blue-300-l) / var(--dco)) !important;
}

.d-divide-blue-400 > * + * {
  --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;
}

.d-divide-magenta-200 > * + * {
  --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;
}

.d-divide-magenta-400 > * + * {
  --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;
}

.d-divide-gold-200 > * + * {
  --dco: var(--dt-color-gold-200-a);
  border-color: hsl(var(--dt-color-gold-200-h) var(--dt-color-gold-200-s) var(--dt-color-gold-200-l) / var(--dco)) !important;
}

.d-divide-gold-300 > * + * {
  --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;
}

.d-divide-green-200 > * + * {
  --dco: var(--dt-color-green-200-a);
  border-color: hsl(var(--dt-color-green-200-h) var(--dt-color-green-200-s) var(--dt-color-green-200-l) / var(--dco)) !important;
}

.d-divide-green-300 > * + * {
  --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;
}

.d-divide-red-200 > * + * {
  --dco: var(--dt-color-red-200-a);
  border-color: hsl(var(--dt-color-red-200-h) var(--dt-color-red-200-s) var(--dt-color-red-200-l) / var(--dco)) !important;
}

.d-divide-red-300 > * + * {
  --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;
}

.d-divide-tan-200 > * + * {
  --dco: var(--dt-color-tan-200-a);
  border-color: hsl(var(--dt-color-tan-200-h) var(--dt-color-tan-200-s) var(--dt-color-tan-200-l) / var(--dco)) !important;
}

.d-divide-tan-300 > * + * {
  --dco: var(--dt-color-tan-300-a);
  border-color: hsl(var(--dt-color-tan-300-h) var(--dt-color-tan-300-s) var(--dt-color-tan-300-l) / var(--dco)) !important;
}

.d-divide-tan-400 > * + * {
  --dco: var(--dt-color-tan-400-a);
  border-color: hsl(var(--dt-color-tan-400-h) var(--dt-color-tan-400-s) var(--dt-color-tan-400-l) / var(--dco)) !important;
}

.d-divide-tan-500 > * + * {
  --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-berry-50 > * + * {
  --dco: var(--dt-color-berry-50-a);
  border-color: hsl(var(--dt-color-berry-50-h) var(--dt-color-berry-50-s) var(--dt-color-berry-50-l) / var(--dco)) !important;
}

.d-divide-berry-100 > * + * {
  --dco: var(--dt-color-berry-100-a);
  border-color: hsl(var(--dt-color-berry-100-h) var(--dt-color-berry-100-s) var(--dt-color-berry-100-l) / var(--dco)) !important;
}

.d-divide-berry-200 > * + * {
  --dco: var(--dt-color-berry-200-a);
  border-color: hsl(var(--dt-color-berry-200-h) var(--dt-color-berry-200-s) var(--dt-color-berry-200-l) / var(--dco)) !important;
}

.d-divide-berry-300 > * + * {
  --dco: var(--dt-color-berry-300-a);
  border-color: hsl(var(--dt-color-berry-300-h) var(--dt-color-berry-300-s) var(--dt-color-berry-300-l) / var(--dco)) !important;
}

.d-divide-berry-400 > * + * {
  --dco: var(--dt-color-berry-400-a);
  border-color: hsl(var(--dt-color-berry-400-h) var(--dt-color-berry-400-s) var(--dt-color-berry-400-l) / var(--dco)) !important;
}

.d-divide-berry-500 > * + * {
  --dco: var(--dt-color-berry-500-a);
  border-color: hsl(var(--dt-color-berry-500-h) var(--dt-color-berry-500-s) var(--dt-color-berry-500-l) / var(--dco)) !important;
}

.d-divide-berry-600 > * + * {
  --dco: var(--dt-color-berry-600-a);
  border-color: hsl(var(--dt-color-berry-600-h) var(--dt-color-berry-600-s) var(--dt-color-berry-600-l) / var(--dco)) !important;
}

.d-divide-berry-700 > * + * {
  --dco: var(--dt-color-berry-700-a);
  border-color: hsl(var(--dt-color-berry-700-h) var(--dt-color-berry-700-s) var(--dt-color-berry-700-l) / var(--dco)) !important;
}

.d-divide-berry-800 > * + * {
  --dco: var(--dt-color-berry-800-a);
  border-color: hsl(var(--dt-color-berry-800-h) var(--dt-color-berry-800-s) var(--dt-color-berry-800-l) / var(--dco)) !important;
}

.d-divide-berry-900 > * + * {
  --dco: var(--dt-color-berry-900-a);
  border-color: hsl(var(--dt-color-berry-900-h) var(--dt-color-berry-900-s) var(--dt-color-berry-900-l) / var(--dco)) !important;
}

.d-divide-berry-950 > * + * {
  --dco: var(--dt-color-berry-950-a);
  border-color: hsl(var(--dt-color-berry-950-h) var(--dt-color-berry-950-s) var(--dt-color-berry-950-l) / var(--dco)) !important;
}

.d-divide-berry-1000 > * + * {
  --dco: var(--dt-color-berry-1000-a);
  border-color: hsl(var(--dt-color-berry-1000-h) var(--dt-color-berry-1000-s) var(--dt-color-berry-1000-l) / var(--dco)) !important;
}

.d-divide-coral-50 > * + * {
  --dco: var(--dt-color-coral-50-a);
  border-color: hsl(var(--dt-color-coral-50-h) var(--dt-color-coral-50-s) var(--dt-color-coral-50-l) / var(--dco)) !important;
}

.d-divide-coral-100 > * + * {
  --dco: var(--dt-color-coral-100-a);
  border-color: hsl(var(--dt-color-coral-100-h) var(--dt-color-coral-100-s) var(--dt-color-coral-100-l) / var(--dco)) !important;
}

.d-divide-coral-200 > * + * {
  --dco: var(--dt-color-coral-200-a);
  border-color: hsl(var(--dt-color-coral-200-h) var(--dt-color-coral-200-s) var(--dt-color-coral-200-l) / var(--dco)) !important;
}

.d-divide-coral-300 > * + * {
  --dco: var(--dt-color-coral-300-a);
  border-color: hsl(var(--dt-color-coral-300-h) var(--dt-color-coral-300-s) var(--dt-color-coral-300-l) / var(--dco)) !important;
}

.d-divide-coral-400 > * + * {
  --dco: var(--dt-color-coral-400-a);
  border-color: hsl(var(--dt-color-coral-400-h) var(--dt-color-coral-400-s) var(--dt-color-coral-400-l) / var(--dco)) !important;
}

.d-divide-coral-500 > * + * {
  --dco: var(--dt-color-coral-500-a);
  border-color: hsl(var(--dt-color-coral-500-h) var(--dt-color-coral-500-s) var(--dt-color-coral-500-l) / var(--dco)) !important;
}

.d-divide-coral-600 > * + * {
  --dco: var(--dt-color-coral-600-a);
  border-color: hsl(var(--dt-color-coral-600-h) var(--dt-color-coral-600-s) var(--dt-color-coral-600-l) / var(--dco)) !important;
}

.d-divide-coral-700 > * + * {
  --dco: var(--dt-color-coral-700-a);
  border-color: hsl(var(--dt-color-coral-700-h) var(--dt-color-coral-700-s) var(--dt-color-coral-700-l) / var(--dco)) !important;
}

.d-divide-coral-800 > * + * {
  --dco: var(--dt-color-coral-800-a);
  border-color: hsl(var(--dt-color-coral-800-h) var(--dt-color-coral-800-s) var(--dt-color-coral-800-l) / var(--dco)) !important;
}

.d-divide-coral-900 > * + * {
  --dco: var(--dt-color-coral-900-a);
  border-color: hsl(var(--dt-color-coral-900-h) var(--dt-color-coral-900-s) var(--dt-color-coral-900-l) / var(--dco)) !important;
}

.d-divide-coral-950 > * + * {
  --dco: var(--dt-color-coral-950-a);
  border-color: hsl(var(--dt-color-coral-950-h) var(--dt-color-coral-950-s) var(--dt-color-coral-950-l) / var(--dco)) !important;
}

.d-divide-coral-1000 > * + * {
  --dco: var(--dt-color-coral-1000-a);
  border-color: hsl(var(--dt-color-coral-1000-h) var(--dt-color-coral-1000-s) var(--dt-color-coral-1000-l) / var(--dco)) !important;
}

.d-divide-olive-50 > * + * {
  --dco: var(--dt-color-olive-50-a);
  border-color: hsl(var(--dt-color-olive-50-h) var(--dt-color-olive-50-s) var(--dt-color-olive-50-l) / var(--dco)) !important;
}

.d-divide-olive-100 > * + * {
  --dco: var(--dt-color-olive-100-a);
  border-color: hsl(var(--dt-color-olive-100-h) var(--dt-color-olive-100-s) var(--dt-color-olive-100-l) / var(--dco)) !important;
}

.d-divide-olive-200 > * + * {
  --dco: var(--dt-color-olive-200-a);
  border-color: hsl(var(--dt-color-olive-200-h) var(--dt-color-olive-200-s) var(--dt-color-olive-200-l) / var(--dco)) !important;
}

.d-divide-olive-300 > * + * {
  --dco: var(--dt-color-olive-300-a);
  border-color: hsl(var(--dt-color-olive-300-h) var(--dt-color-olive-300-s) var(--dt-color-olive-300-l) / var(--dco)) !important;
}

.d-divide-olive-400 > * + * {
  --dco: var(--dt-color-olive-400-a);
  border-color: hsl(var(--dt-color-olive-400-h) var(--dt-color-olive-400-s) var(--dt-color-olive-400-l) / var(--dco)) !important;
}

.d-divide-olive-500 > * + * {
  --dco: var(--dt-color-olive-500-a);
  border-color: hsl(var(--dt-color-olive-500-h) var(--dt-color-olive-500-s) var(--dt-color-olive-500-l) / var(--dco)) !important;
}

.d-divide-olive-600 > * + * {
  --dco: var(--dt-color-olive-600-a);
  border-color: hsl(var(--dt-color-olive-600-h) var(--dt-color-olive-600-s) var(--dt-color-olive-600-l) / var(--dco)) !important;
}

.d-divide-olive-700 > * + * {
  --dco: var(--dt-color-olive-700-a);
  border-color: hsl(var(--dt-color-olive-700-h) var(--dt-color-olive-700-s) var(--dt-color-olive-700-l) / var(--dco)) !important;
}

.d-divide-olive-800 > * + * {
  --dco: var(--dt-color-olive-800-a);
  border-color: hsl(var(--dt-color-olive-800-h) var(--dt-color-olive-800-s) var(--dt-color-olive-800-l) / var(--dco)) !important;
}

.d-divide-olive-900 > * + * {
  --dco: var(--dt-color-olive-900-a);
  border-color: hsl(var(--dt-color-olive-900-h) var(--dt-color-olive-900-s) var(--dt-color-olive-900-l) / var(--dco)) !important;
}

.d-divide-olive-950 > * + * {
  --dco: var(--dt-color-olive-950-a);
  border-color: hsl(var(--dt-color-olive-950-h) var(--dt-color-olive-950-s) var(--dt-color-olive-950-l) / var(--dco)) !important;
}

.d-divide-olive-1000 > * + * {
  --dco: var(--dt-color-olive-1000-a);
  border-color: hsl(var(--dt-color-olive-1000-h) var(--dt-color-olive-1000-s) var(--dt-color-olive-1000-l) / var(--dco)) !important;
}

.d-divide-teal-50 > * + * {
  --dco: var(--dt-color-teal-50-a);
  border-color: hsl(var(--dt-color-teal-50-h) var(--dt-color-teal-50-s) var(--dt-color-teal-50-l) / var(--dco)) !important;
}

.d-divide-teal-100 > * + * {
  --dco: var(--dt-color-teal-100-a);
  border-color: hsl(var(--dt-color-teal-100-h) var(--dt-color-teal-100-s) var(--dt-color-teal-100-l) / var(--dco)) !important;
}

.d-divide-teal-200 > * + * {
  --dco: var(--dt-color-teal-200-a);
  border-color: hsl(var(--dt-color-teal-200-h) var(--dt-color-teal-200-s) var(--dt-color-teal-200-l) / var(--dco)) !important;
}

.d-divide-teal-300 > * + * {
  --dco: var(--dt-color-teal-300-a);
  border-color: hsl(var(--dt-color-teal-300-h) var(--dt-color-teal-300-s) var(--dt-color-teal-300-l) / var(--dco)) !important;
}

.d-divide-teal-400 > * + * {
  --dco: var(--dt-color-teal-400-a);
  border-color: hsl(var(--dt-color-teal-400-h) var(--dt-color-teal-400-s) var(--dt-color-teal-400-l) / var(--dco)) !important;
}

.d-divide-teal-500 > * + * {
  --dco: var(--dt-color-teal-500-a);
  border-color: hsl(var(--dt-color-teal-500-h) var(--dt-color-teal-500-s) var(--dt-color-teal-500-l) / var(--dco)) !important;
}

.d-divide-teal-600 > * + * {
  --dco: var(--dt-color-teal-600-a);
  border-color: hsl(var(--dt-color-teal-600-h) var(--dt-color-teal-600-s) var(--dt-color-teal-600-l) / var(--dco)) !important;
}

.d-divide-teal-700 > * + * {
  --dco: var(--dt-color-teal-700-a);
  border-color: hsl(var(--dt-color-teal-700-h) var(--dt-color-teal-700-s) var(--dt-color-teal-700-l) / var(--dco)) !important;
}

.d-divide-teal-800 > * + * {
  --dco: var(--dt-color-teal-800-a);
  border-color: hsl(var(--dt-color-teal-800-h) var(--dt-color-teal-800-s) var(--dt-color-teal-800-l) / var(--dco)) !important;
}

.d-divide-teal-900 > * + * {
  --dco: var(--dt-color-teal-900-a);
  border-color: hsl(var(--dt-color-teal-900-h) var(--dt-color-teal-900-s) var(--dt-color-teal-900-l) / var(--dco)) !important;
}

.d-divide-teal-950 > * + * {
  --dco: var(--dt-color-teal-950-a);
  border-color: hsl(var(--dt-color-teal-950-h) var(--dt-color-teal-950-s) var(--dt-color-teal-950-l) / var(--dco)) !important;
}

.d-divide-teal-1000 > * + * {
  --dco: var(--dt-color-teal-1000-a);
  border-color: hsl(var(--dt-color-teal-1000-h) var(--dt-color-teal-1000-s) var(--dt-color-teal-1000-l) / var(--dco)) !important;
}

.d-divide-indigo-50 > * + * {
  --dco: var(--dt-color-indigo-50-a);
  border-color: hsl(var(--dt-color-indigo-50-h) var(--dt-color-indigo-50-s) var(--dt-color-indigo-50-l) / var(--dco)) !important;
}

.d-divide-indigo-100 > * + * {
  --dco: var(--dt-color-indigo-100-a);
  border-color: hsl(var(--dt-color-indigo-100-h) var(--dt-color-indigo-100-s) var(--dt-color-indigo-100-l) / var(--dco)) !important;
}

.d-divide-indigo-200 > * + * {
  --dco: var(--dt-color-indigo-200-a);
  border-color: hsl(var(--dt-color-indigo-200-h) var(--dt-color-indigo-200-s) var(--dt-color-indigo-200-l) / var(--dco)) !important;
}

.d-divide-indigo-300 > * + * {
  --dco: var(--dt-color-indigo-300-a);
  border-color: hsl(var(--dt-color-indigo-300-h) var(--dt-color-indigo-300-s) var(--dt-color-indigo-300-l) / var(--dco)) !important;
}

.d-divide-indigo-400 > * + * {
  --dco: var(--dt-color-indigo-400-a);
  border-color: hsl(var(--dt-color-indigo-400-h) var(--dt-color-indigo-400-s) var(--dt-color-indigo-400-l) / var(--dco)) !important;
}

.d-divide-indigo-500 > * + * {
  --dco: var(--dt-color-indigo-500-a);
  border-color: hsl(var(--dt-color-indigo-500-h) var(--dt-color-indigo-500-s) var(--dt-color-indigo-500-l) / var(--dco)) !important;
}

.d-divide-indigo-600 > * + * {
  --dco: var(--dt-color-indigo-600-a);
  border-color: hsl(var(--dt-color-indigo-600-h) var(--dt-color-indigo-600-s) var(--dt-color-indigo-600-l) / var(--dco)) !important;
}

.d-divide-indigo-700 > * + * {
  --dco: var(--dt-color-indigo-700-a);
  border-color: hsl(var(--dt-color-indigo-700-h) var(--dt-color-indigo-700-s) var(--dt-color-indigo-700-l) / var(--dco)) !important;
}

.d-divide-indigo-800 > * + * {
  --dco: var(--dt-color-indigo-800-a);
  border-color: hsl(var(--dt-color-indigo-800-h) var(--dt-color-indigo-800-s) var(--dt-color-indigo-800-l) / var(--dco)) !important;
}

.d-divide-indigo-900 > * + * {
  --dco: var(--dt-color-indigo-900-a);
  border-color: hsl(var(--dt-color-indigo-900-h) var(--dt-color-indigo-900-s) var(--dt-color-indigo-900-l) / var(--dco)) !important;
}

.d-divide-indigo-950 > * + * {
  --dco: var(--dt-color-indigo-950-a);
  border-color: hsl(var(--dt-color-indigo-950-h) var(--dt-color-indigo-950-s) var(--dt-color-indigo-950-l) / var(--dco)) !important;
}

.d-divide-indigo-1000 > * + * {
  --dco: var(--dt-color-indigo-1000-a);
  border-color: hsl(var(--dt-color-indigo-1000-h) var(--dt-color-indigo-1000-s) var(--dt-color-indigo-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;
  --bgg-to: hsl(var(--dt-color-neutral-white-h) var(--dt-color-neutral-white-s) var(--dt-color-neutral-white-l) / 0%) !important;
}

.d-bgg-from-neutral-black, .h\:d-bgg-from-neutral-black:hover, .f\:d-bgg-from-neutral-black:focus, .f\:d-bgg-from-neutral-black:focus-within, .fv\:d-bgg-from-neutral-black:focus-visible {
  --bgg-from-opacity: var(--dt-color-neutral-black-a);
  --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;
  --bgg-to: hsl(var(--dt-color-black-100-h) var(--dt-color-black-100-s) var(--dt-color-black-100-l) / 0%) !important;
}

.d-bgg-from-black-200, .h\:d-bgg-from-black-200:hover, .f\:d-bgg-from-black-200:focus, .f\:d-bgg-from-black-200:focus-within, .fv\:d-bgg-from-black-200:focus-visible {
  --bgg-from-opacity: var(--dt-color-black-200-a);
  --bgg-from: hsl(var(--dt-color-black-200-h) var(--dt-color-black-200-s) var(--dt-color-black-200-l) / var(--bgg-from-opacity)) !important;
  --bgg-to: hsl(var(--dt-color-black-200-h) var(--dt-color-black-200-s) var(--dt-color-black-200-l) / 0%) !important;
}

.d-bgg-from-black-300, .h\:d-bgg-from-black-300:hover, .f\:d-bgg-from-black-300:focus, .f\:d-bgg-from-black-300:focus-within, .fv\:d-bgg-from-black-300:focus-visible {
  --bgg-from-opacity: var(--dt-color-black-300-a);
  --bgg-from: hsl(var(--dt-color-black-300-h) var(--dt-color-black-300-s) var(--dt-color-black-300-l) / var(--bgg-from-opacity)) !important;
  --bgg-to: hsl(var(--dt-color-black-300-h) var(--dt-color-black-300-s) var(--dt-color-black-300-l) / 0%) !important;
}

.d-bgg-from-black-400, .h\:d-bgg-from-black-400:hover, .f\:d-bgg-from-black-400:focus, .f\:d-bgg-from-black-400:focus-within, .fv\:d-bgg-from-black-400:focus-visible {
  --bgg-from-opacity: var(--dt-color-black-400-a);
  --bgg-from: hsl(var(--dt-color-black-400-h) var(--dt-color-black-400-s) var(--dt-color-black-400-l) / var(--bgg-from-opacity)) !important;
  --bgg-to: hsl(var(--dt-color-black-400-h) var(--dt-color-black-400-s) var(--dt-color-black-400-l) / 0%) !important;
}

.d-bgg-from-black-500, .h\:d-bgg-from-black-500:hover, .f\:d-bgg-from-black-500:focus, .f\:d-bgg-from-black-500:focus-within, .fv\:d-bgg-from-black-500:focus-visible {
  --bgg-from-opacity: var(--dt-color-black-500-a);
  --bgg-from: hsl(var(--dt-color-black-500-h) var(--dt-color-black-500-s) var(--dt-color-black-500-l) / var(--bgg-from-opacity)) !important;
  --bgg-to: hsl(var(--dt-color-black-500-h) var(--dt-color-black-500-s) var(--dt-color-black-500-l) / 0%) !important;
}

.d-bgg-from-black-600, .h\:d-bgg-from-black-600:hover, .f\:d-bgg-from-black-600:focus, .f\:d-bgg-from-black-600:focus-within, .fv\:d-bgg-from-black-600:focus-visible {
  --bgg-from-opacity: var(--dt-color-black-600-a);
  --bgg-from: hsl(var(--dt-color-black-600-h) var(--dt-color-black-600-s) var(--dt-color-black-600-l) / var(--bgg-from-opacity)) !important;
  --bgg-to: hsl(var(--dt-color-black-600-h) var(--dt-color-black-600-s) var(--dt-color-black-600-l) / 0%) !important;
}

.d-bgg-from-black-700, .h\:d-bgg-from-black-700:hover, .f\:d-bgg-from-black-700:focus, .f\:d-bgg-from-black-700:focus-within, .fv\:d-bgg-from-black-700:focus-visible {
  --bgg-from-opacity: var(--dt-color-black-700-a);
  --bgg-from: hsl(var(--dt-color-black-700-h) var(--dt-color-black-700-s) var(--dt-color-black-700-l) / var(--bgg-from-opacity)) !important;
  --bgg-to: hsl(var(--dt-color-black-700-h) var(--dt-color-black-700-s) var(--dt-color-black-700-l) / 0%) !important;
}

.d-bgg-from-black-800, .h\:d-bgg-from-black-800:hover, .f\:d-bgg-from-black-800:focus, .f\:d-bgg-from-black-800:focus-within, .fv\:d-bgg-from-black-800:focus-visible {
  --bgg-from-opacity: var(--dt-color-black-800-a);
  --bgg-from: hsl(var(--dt-color-black-800-h) var(--dt-color-black-800-s) var(--dt-color-black-800-l) / var(--bgg-from-opacity)) !important;
  --bgg-to: hsl(var(--dt-color-black-800-h) var(--dt-color-black-800-s) var(--dt-color-black-800-l) / 0%) !important;
}

.d-bgg-from-black-900, .h\:d-bgg-from-black-900:hover, .f\:d-bgg-from-black-900:focus, .f\:d-bgg-from-black-900:focus-within, .fv\:d-bgg-from-black-900:focus-visible {
  --bgg-from-opacity: var(--dt-color-black-900-a);
  --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;
  --bgg-to: hsl(var(--dt-color-purple-100-h) var(--dt-color-purple-100-s) var(--dt-color-purple-100-l) / 0%) !important;
}

.d-bgg-from-purple-200, .h\:d-bgg-from-purple-200:hover, .f\:d-bgg-from-purple-200:focus, .f\:d-bgg-from-purple-200:focus-within, .fv\:d-bgg-from-purple-200:focus-visible {
  --bgg-from-opacity: var(--dt-color-purple-200-a);
  --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;
  --bgg-to: hsl(var(--dt-color-blue-100-h) var(--dt-color-blue-100-s) var(--dt-color-blue-100-l) / 0%) !important;
}

.d-bgg-from-blue-200, .h\:d-bgg-from-blue-200:hover, .f\:d-bgg-from-blue-200:focus, .f\:d-bgg-from-blue-200:focus-within, .fv\:d-bgg-from-blue-200:focus-visible {
  --bgg-from-opacity: var(--dt-color-blue-200-a);
  --bgg-from: hsl(var(--dt-color-blue-200-h) var(--dt-color-blue-200-s) var(--dt-color-blue-200-l) / var(--bgg-from-opacity)) !important;
  --bgg-to: hsl(var(--dt-color-blue-200-h) var(--dt-color-blue-200-s) var(--dt-color-blue-200-l) / 0%) !important;
}

.d-bgg-from-blue-300, .h\:d-bgg-from-blue-300:hover, .f\:d-bgg-from-blue-300:focus, .f\:d-bgg-from-blue-300:focus-within, .fv\:d-bgg-from-blue-300:focus-visible {
  --bgg-from-opacity: var(--dt-color-blue-300-a);
  --bgg-from: hsl(var(--dt-color-blue-300-h) var(--dt-color-blue-300-s) var(--dt-color-blue-300-l) / var(--bgg-from-opacity)) !important;
  --bgg-to: hsl(var(--dt-color-blue-300-h) var(--dt-color-blue-300-s) var(--dt-color-blue-300-l) / 0%) !important;
}

.d-bgg-from-blue-400, .h\:d-bgg-from-blue-400:hover, .f\:d-bgg-from-blue-400:focus, .f\:d-bgg-from-blue-400:focus-within, .fv\:d-bgg-from-blue-400:focus-visible {
  --bgg-from-opacity: var(--dt-color-blue-400-a);
  --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;
  --bgg-to: hsl(var(--dt-color-magenta-100-h) var(--dt-color-magenta-100-s) var(--dt-color-magenta-100-l) / 0%) !important;
}

.d-bgg-from-magenta-200, .h\:d-bgg-from-magenta-200:hover, .f\:d-bgg-from-magenta-200:focus, .f\:d-bgg-from-magenta-200:focus-within, .fv\:d-bgg-from-magenta-200:focus-visible {
  --bgg-from-opacity: var(--dt-color-magenta-200-a);
  --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;
  --bgg-to: hsl(var(--dt-color-magenta-300-h) var(--dt-color-magenta-300-s) var(--dt-color-magenta-300-l) / 0%) !important;
}

.d-bgg-from-magenta-400, .h\:d-bgg-from-magenta-400:hover, .f\:d-bgg-from-magenta-400:focus, .f\:d-bgg-from-magenta-400:focus-within, .fv\:d-bgg-from-magenta-400:focus-visible {
  --bgg-from-opacity: var(--dt-color-magenta-400-a);
  --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;
  --bgg-to: hsl(var(--dt-color-gold-100-h) var(--dt-color-gold-100-s) var(--dt-color-gold-100-l) / 0%) !important;
}

.d-bgg-from-gold-200, .h\:d-bgg-from-gold-200:hover, .f\:d-bgg-from-gold-200:focus, .f\:d-bgg-from-gold-200:focus-within, .fv\:d-bgg-from-gold-200:focus-visible {
  --bgg-from-opacity: var(--dt-color-gold-200-a);
  --bgg-from: hsl(var(--dt-color-gold-200-h) var(--dt-color-gold-200-s) var(--dt-color-gold-200-l) / var(--bgg-from-opacity)) !important;
  --bgg-to: hsl(var(--dt-color-gold-200-h) var(--dt-color-gold-200-s) var(--dt-color-gold-200-l) / 0%) !important;
}

.d-bgg-from-gold-300, .h\:d-bgg-from-gold-300:hover, .f\:d-bgg-from-gold-300:focus, .f\:d-bgg-from-gold-300:focus-within, .fv\:d-bgg-from-gold-300:focus-visible {
  --bgg-from-opacity: var(--dt-color-gold-300-a);
  --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;
  --bgg-to: hsl(var(--dt-color-green-100-h) var(--dt-color-green-100-s) var(--dt-color-green-100-l) / 0%) !important;
}

.d-bgg-from-green-200, .h\:d-bgg-from-green-200:hover, .f\:d-bgg-from-green-200:focus, .f\:d-bgg-from-green-200:focus-within, .fv\:d-bgg-from-green-200:focus-visible {
  --bgg-from-opacity: var(--dt-color-green-200-a);
  --bgg-from: hsl(var(--dt-color-green-200-h) var(--dt-color-green-200-s) var(--dt-color-green-200-l) / var(--bgg-from-opacity)) !important;
  --bgg-to: hsl(var(--dt-color-green-200-h) var(--dt-color-green-200-s) var(--dt-color-green-200-l) / 0%) !important;
}

.d-bgg-from-green-300, .h\:d-bgg-from-green-300:hover, .f\:d-bgg-from-green-300:focus, .f\:d-bgg-from-green-300:focus-within, .fv\:d-bgg-from-green-300:focus-visible {
  --bgg-from-opacity: var(--dt-color-green-300-a);
  --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;
  --bgg-to: hsl(var(--dt-color-red-100-h) var(--dt-color-red-100-s) var(--dt-color-red-100-l) / 0%) !important;
}

.d-bgg-from-red-200, .h\:d-bgg-from-red-200:hover, .f\:d-bgg-from-red-200:focus, .f\:d-bgg-from-red-200:focus-within, .fv\:d-bgg-from-red-200:focus-visible {
  --bgg-from-opacity: var(--dt-color-red-200-a);
  --bgg-from: hsl(var(--dt-color-red-200-h) var(--dt-color-red-200-s) var(--dt-color-red-200-l) / var(--bgg-from-opacity)) !important;
  --bgg-to: hsl(var(--dt-color-red-200-h) var(--dt-color-red-200-s) var(--dt-color-red-200-l) / 0%) !important;
}

.d-bgg-from-red-300, .h\:d-bgg-from-red-300:hover, .f\:d-bgg-from-red-300:focus, .f\:d-bgg-from-red-300:focus-within, .fv\:d-bgg-from-red-300:focus-visible {
  --bgg-from-opacity: var(--dt-color-red-300-a);
  --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;
  --bgg-to: hsl(var(--dt-color-tan-100-h) var(--dt-color-tan-100-s) var(--dt-color-tan-100-l) / 0%) !important;
}

.d-bgg-from-tan-200, .h\:d-bgg-from-tan-200:hover, .f\:d-bgg-from-tan-200:focus, .f\:d-bgg-from-tan-200:focus-within, .fv\:d-bgg-from-tan-200:focus-visible {
  --bgg-from-opacity: var(--dt-color-tan-200-a);
  --bgg-from: hsl(var(--dt-color-tan-200-h) var(--dt-color-tan-200-s) var(--dt-color-tan-200-l) / var(--bgg-from-opacity)) !important;
  --bgg-to: hsl(var(--dt-color-tan-200-h) var(--dt-color-tan-200-s) var(--dt-color-tan-200-l) / 0%) !important;
}

.d-bgg-from-tan-300, .h\:d-bgg-from-tan-300:hover, .f\:d-bgg-from-tan-300:focus, .f\:d-bgg-from-tan-300:focus-within, .fv\:d-bgg-from-tan-300:focus-visible {
  --bgg-from-opacity: var(--dt-color-tan-300-a);
  --bgg-from: hsl(var(--dt-color-tan-300-h) var(--dt-color-tan-300-s) var(--dt-color-tan-300-l) / var(--bgg-from-opacity)) !important;
  --bgg-to: hsl(var(--dt-color-tan-300-h) var(--dt-color-tan-300-s) var(--dt-color-tan-300-l) / 0%) !important;
}

.d-bgg-from-tan-400, .h\:d-bgg-from-tan-400:hover, .f\:d-bgg-from-tan-400:focus, .f\:d-bgg-from-tan-400:focus-within, .fv\:d-bgg-from-tan-400:focus-visible {
  --bgg-from-opacity: var(--dt-color-tan-400-a);
  --bgg-from: hsl(var(--dt-color-tan-400-h) var(--dt-color-tan-400-s) var(--dt-color-tan-400-l) / var(--bgg-from-opacity)) !important;
  --bgg-to: hsl(var(--dt-color-tan-400-h) var(--dt-color-tan-400-s) var(--dt-color-tan-400-l) / 0%) !important;
}

.d-bgg-from-tan-500, .h\:d-bgg-from-tan-500:hover, .f\:d-bgg-from-tan-500:focus, .f\:d-bgg-from-tan-500:focus-within, .fv\:d-bgg-from-tan-500:focus-visible {
  --bgg-from-opacity: var(--dt-color-tan-500-a);
  --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-from-berry-50, .h\:d-bgg-from-berry-50:hover, .f\:d-bgg-from-berry-50:focus, .f\:d-bgg-from-berry-50:focus-within, .fv\:d-bgg-from-berry-50:focus-visible {
  --bgg-from-opacity: var(--dt-color-berry-50-a);
  --bgg-from: hsl(var(--dt-color-berry-50-h) var(--dt-color-berry-50-s) var(--dt-color-berry-50-l) / var(--bgg-from-opacity)) !important;
  --bgg-to: hsl(var(--dt-color-berry-50-h) var(--dt-color-berry-50-s) var(--dt-color-berry-50-l) / 0%) !important;
}

.d-bgg-from-berry-100, .h\:d-bgg-from-berry-100:hover, .f\:d-bgg-from-berry-100:focus, .f\:d-bgg-from-berry-100:focus-within, .fv\:d-bgg-from-berry-100:focus-visible {
  --bgg-from-opacity: var(--dt-color-berry-100-a);
  --bgg-from: hsl(var(--dt-color-berry-100-h) var(--dt-color-berry-100-s) var(--dt-color-berry-100-l) / var(--bgg-from-opacity)) !important;
  --bgg-to: hsl(var(--dt-color-berry-100-h) var(--dt-color-berry-100-s) var(--dt-color-berry-100-l) / 0%) !important;
}

.d-bgg-from-berry-200, .h\:d-bgg-from-berry-200:hover, .f\:d-bgg-from-berry-200:focus, .f\:d-bgg-from-berry-200:focus-within, .fv\:d-bgg-from-berry-200:focus-visible {
  --bgg-from-opacity: var(--dt-color-berry-200-a);
  --bgg-from: hsl(var(--dt-color-berry-200-h) var(--dt-color-berry-200-s) var(--dt-color-berry-200-l) / var(--bgg-from-opacity)) !important;
  --bgg-to: hsl(var(--dt-color-berry-200-h) var(--dt-color-berry-200-s) var(--dt-color-berry-200-l) / 0%) !important;
}

.d-bgg-from-berry-300, .h\:d-bgg-from-berry-300:hover, .f\:d-bgg-from-berry-300:focus, .f\:d-bgg-from-berry-300:focus-within, .fv\:d-bgg-from-berry-300:focus-visible {
  --bgg-from-opacity: var(--dt-color-berry-300-a);
  --bgg-from: hsl(var(--dt-color-berry-300-h) var(--dt-color-berry-300-s) var(--dt-color-berry-300-l) / var(--bgg-from-opacity)) !important;
  --bgg-to: hsl(var(--dt-color-berry-300-h) var(--dt-color-berry-300-s) var(--dt-color-berry-300-l) / 0%) !important;
}

.d-bgg-from-berry-400, .h\:d-bgg-from-berry-400:hover, .f\:d-bgg-from-berry-400:focus, .f\:d-bgg-from-berry-400:focus-within, .fv\:d-bgg-from-berry-400:focus-visible {
  --bgg-from-opacity: var(--dt-color-berry-400-a);
  --bgg-from: hsl(var(--dt-color-berry-400-h) var(--dt-color-berry-400-s) var(--dt-color-berry-400-l) / var(--bgg-from-opacity)) !important;
  --bgg-to: hsl(var(--dt-color-berry-400-h) var(--dt-color-berry-400-s) var(--dt-color-berry-400-l) / 0%) !important;
}

.d-bgg-from-berry-500, .h\:d-bgg-from-berry-500:hover, .f\:d-bgg-from-berry-500:focus, .f\:d-bgg-from-berry-500:focus-within, .fv\:d-bgg-from-berry-500:focus-visible {
  --bgg-from-opacity: var(--dt-color-berry-500-a);
  --bgg-from: hsl(var(--dt-color-berry-500-h) var(--dt-color-berry-500-s) var(--dt-color-berry-500-l) / var(--bgg-from-opacity)) !important;
  --bgg-to: hsl(var(--dt-color-berry-500-h) var(--dt-color-berry-500-s) var(--dt-color-berry-500-l) / 0%) !important;
}

.d-bgg-from-berry-600, .h\:d-bgg-from-berry-600:hover, .f\:d-bgg-from-berry-600:focus, .f\:d-bgg-from-berry-600:focus-within, .fv\:d-bgg-from-berry-600:focus-visible {
  --bgg-from-opacity: var(--dt-color-berry-600-a);
  --bgg-from: hsl(var(--dt-color-berry-600-h) var(--dt-color-berry-600-s) var(--dt-color-berry-600-l) / var(--bgg-from-opacity)) !important;
  --bgg-to: hsl(var(--dt-color-berry-600-h) var(--dt-color-berry-600-s) var(--dt-color-berry-600-l) / 0%) !important;
}

.d-bgg-from-berry-700, .h\:d-bgg-from-berry-700:hover, .f\:d-bgg-from-berry-700:focus, .f\:d-bgg-from-berry-700:focus-within, .fv\:d-bgg-from-berry-700:focus-visible {
  --bgg-from-opacity: var(--dt-color-berry-700-a);
  --bgg-from: hsl(var(--dt-color-berry-700-h) var(--dt-color-berry-700-s) var(--dt-color-berry-700-l) / var(--bgg-from-opacity)) !important;
  --bgg-to: hsl(var(--dt-color-berry-700-h) var(--dt-color-berry-700-s) var(--dt-color-berry-700-l) / 0%) !important;
}

.d-bgg-from-berry-800, .h\:d-bgg-from-berry-800:hover, .f\:d-bgg-from-berry-800:focus, .f\:d-bgg-from-berry-800:focus-within, .fv\:d-bgg-from-berry-800:focus-visible {
  --bgg-from-opacity: var(--dt-color-berry-800-a);
  --bgg-from: hsl(var(--dt-color-berry-800-h) var(--dt-color-berry-800-s) var(--dt-color-berry-800-l) / var(--bgg-from-opacity)) !important;
  --bgg-to: hsl(var(--dt-color-berry-800-h) var(--dt-color-berry-800-s) var(--dt-color-berry-800-l) / 0%) !important;
}

.d-bgg-from-berry-900, .h\:d-bgg-from-berry-900:hover, .f\:d-bgg-from-berry-900:focus, .f\:d-bgg-from-berry-900:focus-within, .fv\:d-bgg-from-berry-900:focus-visible {
  --bgg-from-opacity: var(--dt-color-berry-900-a);
  --bgg-from: hsl(var(--dt-color-berry-900-h) var(--dt-color-berry-900-s) var(--dt-color-berry-900-l) / var(--bgg-from-opacity)) !important;
  --bgg-to: hsl(var(--dt-color-berry-900-h) var(--dt-color-berry-900-s) var(--dt-color-berry-900-l) / 0%) !important;
}

.d-bgg-from-berry-950, .h\:d-bgg-from-berry-950:hover, .f\:d-bgg-from-berry-950:focus, .f\:d-bgg-from-berry-950:focus-within, .fv\:d-bgg-from-berry-950:focus-visible {
  --bgg-from-opacity: var(--dt-color-berry-950-a);
  --bgg-from: hsl(var(--dt-color-berry-950-h) var(--dt-color-berry-950-s) var(--dt-color-berry-950-l) / var(--bgg-from-opacity)) !important;
  --bgg-to: hsl(var(--dt-color-berry-950-h) var(--dt-color-berry-950-s) var(--dt-color-berry-950-l) / 0%) !important;
}

.d-bgg-from-berry-1000, .h\:d-bgg-from-berry-1000:hover, .f\:d-bgg-from-berry-1000:focus, .f\:d-bgg-from-berry-1000:focus-within, .fv\:d-bgg-from-berry-1000:focus-visible {
  --bgg-from-opacity: var(--dt-color-berry-1000-a);
  --bgg-from: hsl(var(--dt-color-berry-1000-h) var(--dt-color-berry-1000-s) var(--dt-color-berry-1000-l) / var(--bgg-from-opacity)) !important;
  --bgg-to: hsl(var(--dt-color-berry-1000-h) var(--dt-color-berry-1000-s) var(--dt-color-berry-1000-l) / 0%) !important;
}

.d-bgg-from-coral-50, .h\:d-bgg-from-coral-50:hover, .f\:d-bgg-from-coral-50:focus, .f\:d-bgg-from-coral-50:focus-within, .fv\:d-bgg-from-coral-50:focus-visible {
  --bgg-from-opacity: var(--dt-color-coral-50-a);
  --bgg-from: hsl(var(--dt-color-coral-50-h) var(--dt-color-coral-50-s) var(--dt-color-coral-50-l) / var(--bgg-from-opacity)) !important;
  --bgg-to: hsl(var(--dt-color-coral-50-h) var(--dt-color-coral-50-s) var(--dt-color-coral-50-l) / 0%) !important;
}

.d-bgg-from-coral-100, .h\:d-bgg-from-coral-100:hover, .f\:d-bgg-from-coral-100:focus, .f\:d-bgg-from-coral-100:focus-within, .fv\:d-bgg-from-coral-100:focus-visible {
  --bgg-from-opacity: var(--dt-color-coral-100-a);
  --bgg-from: hsl(var(--dt-color-coral-100-h) var(--dt-color-coral-100-s) var(--dt-color-coral-100-l) / var(--bgg-from-opacity)) !important;
  --bgg-to: hsl(var(--dt-color-coral-100-h) var(--dt-color-coral-100-s) var(--dt-color-coral-100-l) / 0%) !important;
}

.d-bgg-from-coral-200, .h\:d-bgg-from-coral-200:hover, .f\:d-bgg-from-coral-200:focus, .f\:d-bgg-from-coral-200:focus-within, .fv\:d-bgg-from-coral-200:focus-visible {
  --bgg-from-opacity: var(--dt-color-coral-200-a);
  --bgg-from: hsl(var(--dt-color-coral-200-h) var(--dt-color-coral-200-s) var(--dt-color-coral-200-l) / var(--bgg-from-opacity)) !important;
  --bgg-to: hsl(var(--dt-color-coral-200-h) var(--dt-color-coral-200-s) var(--dt-color-coral-200-l) / 0%) !important;
}

.d-bgg-from-coral-300, .h\:d-bgg-from-coral-300:hover, .f\:d-bgg-from-coral-300:focus, .f\:d-bgg-from-coral-300:focus-within, .fv\:d-bgg-from-coral-300:focus-visible {
  --bgg-from-opacity: var(--dt-color-coral-300-a);
  --bgg-from: hsl(var(--dt-color-coral-300-h) var(--dt-color-coral-300-s) var(--dt-color-coral-300-l) / var(--bgg-from-opacity)) !important;
  --bgg-to: hsl(var(--dt-color-coral-300-h) var(--dt-color-coral-300-s) var(--dt-color-coral-300-l) / 0%) !important;
}

.d-bgg-from-coral-400, .h\:d-bgg-from-coral-400:hover, .f\:d-bgg-from-coral-400:focus, .f\:d-bgg-from-coral-400:focus-within, .fv\:d-bgg-from-coral-400:focus-visible {
  --bgg-from-opacity: var(--dt-color-coral-400-a);
  --bgg-from: hsl(var(--dt-color-coral-400-h) var(--dt-color-coral-400-s) var(--dt-color-coral-400-l) / var(--bgg-from-opacity)) !important;
  --bgg-to: hsl(var(--dt-color-coral-400-h) var(--dt-color-coral-400-s) var(--dt-color-coral-400-l) / 0%) !important;
}

.d-bgg-from-coral-500, .h\:d-bgg-from-coral-500:hover, .f\:d-bgg-from-coral-500:focus, .f\:d-bgg-from-coral-500:focus-within, .fv\:d-bgg-from-coral-500:focus-visible {
  --bgg-from-opacity: var(--dt-color-coral-500-a);
  --bgg-from: hsl(var(--dt-color-coral-500-h) var(--dt-color-coral-500-s) var(--dt-color-coral-500-l) / var(--bgg-from-opacity)) !important;
  --bgg-to: hsl(var(--dt-color-coral-500-h) var(--dt-color-coral-500-s) var(--dt-color-coral-500-l) / 0%) !important;
}

.d-bgg-from-coral-600, .h\:d-bgg-from-coral-600:hover, .f\:d-bgg-from-coral-600:focus, .f\:d-bgg-from-coral-600:focus-within, .fv\:d-bgg-from-coral-600:focus-visible {
  --bgg-from-opacity: var(--dt-color-coral-600-a);
  --bgg-from: hsl(var(--dt-color-coral-600-h) var(--dt-color-coral-600-s) var(--dt-color-coral-600-l) / var(--bgg-from-opacity)) !important;
  --bgg-to: hsl(var(--dt-color-coral-600-h) var(--dt-color-coral-600-s) var(--dt-color-coral-600-l) / 0%) !important;
}

.d-bgg-from-coral-700, .h\:d-bgg-from-coral-700:hover, .f\:d-bgg-from-coral-700:focus, .f\:d-bgg-from-coral-700:focus-within, .fv\:d-bgg-from-coral-700:focus-visible {
  --bgg-from-opacity: var(--dt-color-coral-700-a);
  --bgg-from: hsl(var(--dt-color-coral-700-h) var(--dt-color-coral-700-s) var(--dt-color-coral-700-l) / var(--bgg-from-opacity)) !important;
  --bgg-to: hsl(var(--dt-color-coral-700-h) var(--dt-color-coral-700-s) var(--dt-color-coral-700-l) / 0%) !important;
}

.d-bgg-from-coral-800, .h\:d-bgg-from-coral-800:hover, .f\:d-bgg-from-coral-800:focus, .f\:d-bgg-from-coral-800:focus-within, .fv\:d-bgg-from-coral-800:focus-visible {
  --bgg-from-opacity: var(--dt-color-coral-800-a);
  --bgg-from: hsl(var(--dt-color-coral-800-h) var(--dt-color-coral-800-s) var(--dt-color-coral-800-l) / var(--bgg-from-opacity)) !important;
  --bgg-to: hsl(var(--dt-color-coral-800-h) var(--dt-color-coral-800-s) var(--dt-color-coral-800-l) / 0%) !important;
}

.d-bgg-from-coral-900, .h\:d-bgg-from-coral-900:hover, .f\:d-bgg-from-coral-900:focus, .f\:d-bgg-from-coral-900:focus-within, .fv\:d-bgg-from-coral-900:focus-visible {
  --bgg-from-opacity: var(--dt-color-coral-900-a);
  --bgg-from: hsl(var(--dt-color-coral-900-h) var(--dt-color-coral-900-s) var(--dt-color-coral-900-l) / var(--bgg-from-opacity)) !important;
  --bgg-to: hsl(var(--dt-color-coral-900-h) var(--dt-color-coral-900-s) var(--dt-color-coral-900-l) / 0%) !important;
}

.d-bgg-from-coral-950, .h\:d-bgg-from-coral-950:hover, .f\:d-bgg-from-coral-950:focus, .f\:d-bgg-from-coral-950:focus-within, .fv\:d-bgg-from-coral-950:focus-visible {
  --bgg-from-opacity: var(--dt-color-coral-950-a);
  --bgg-from: hsl(var(--dt-color-coral-950-h) var(--dt-color-coral-950-s) var(--dt-color-coral-950-l) / var(--bgg-from-opacity)) !important;
  --bgg-to: hsl(var(--dt-color-coral-950-h) var(--dt-color-coral-950-s) var(--dt-color-coral-950-l) / 0%) !important;
}

.d-bgg-from-coral-1000, .h\:d-bgg-from-coral-1000:hover, .f\:d-bgg-from-coral-1000:focus, .f\:d-bgg-from-coral-1000:focus-within, .fv\:d-bgg-from-coral-1000:focus-visible {
  --bgg-from-opacity: var(--dt-color-coral-1000-a);
  --bgg-from: hsl(var(--dt-color-coral-1000-h) var(--dt-color-coral-1000-s) var(--dt-color-coral-1000-l) / var(--bgg-from-opacity)) !important;
  --bgg-to: hsl(var(--dt-color-coral-1000-h) var(--dt-color-coral-1000-s) var(--dt-color-coral-1000-l) / 0%) !important;
}

.d-bgg-from-olive-50, .h\:d-bgg-from-olive-50:hover, .f\:d-bgg-from-olive-50:focus, .f\:d-bgg-from-olive-50:focus-within, .fv\:d-bgg-from-olive-50:focus-visible {
  --bgg-from-opacity: var(--dt-color-olive-50-a);
  --bgg-from: hsl(var(--dt-color-olive-50-h) var(--dt-color-olive-50-s) var(--dt-color-olive-50-l) / var(--bgg-from-opacity)) !important;
  --bgg-to: hsl(var(--dt-color-olive-50-h) var(--dt-color-olive-50-s) var(--dt-color-olive-50-l) / 0%) !important;
}

.d-bgg-from-olive-100, .h\:d-bgg-from-olive-100:hover, .f\:d-bgg-from-olive-100:focus, .f\:d-bgg-from-olive-100:focus-within, .fv\:d-bgg-from-olive-100:focus-visible {
  --bgg-from-opacity: var(--dt-color-olive-100-a);
  --bgg-from: hsl(var(--dt-color-olive-100-h) var(--dt-color-olive-100-s) var(--dt-color-olive-100-l) / var(--bgg-from-opacity)) !important;
  --bgg-to: hsl(var(--dt-color-olive-100-h) var(--dt-color-olive-100-s) var(--dt-color-olive-100-l) / 0%) !important;
}

.d-bgg-from-olive-200, .h\:d-bgg-from-olive-200:hover, .f\:d-bgg-from-olive-200:focus, .f\:d-bgg-from-olive-200:focus-within, .fv\:d-bgg-from-olive-200:focus-visible {
  --bgg-from-opacity: var(--dt-color-olive-200-a);
  --bgg-from: hsl(var(--dt-color-olive-200-h) var(--dt-color-olive-200-s) var(--dt-color-olive-200-l) / var(--bgg-from-opacity)) !important;
  --bgg-to: hsl(var(--dt-color-olive-200-h) var(--dt-color-olive-200-s) var(--dt-color-olive-200-l) / 0%) !important;
}

.d-bgg-from-olive-300, .h\:d-bgg-from-olive-300:hover, .f\:d-bgg-from-olive-300:focus, .f\:d-bgg-from-olive-300:focus-within, .fv\:d-bgg-from-olive-300:focus-visible {
  --bgg-from-opacity: var(--dt-color-olive-300-a);
  --bgg-from: hsl(var(--dt-color-olive-300-h) var(--dt-color-olive-300-s) var(--dt-color-olive-300-l) / var(--bgg-from-opacity)) !important;
  --bgg-to: hsl(var(--dt-color-olive-300-h) var(--dt-color-olive-300-s) var(--dt-color-olive-300-l) / 0%) !important;
}

.d-bgg-from-olive-400, .h\:d-bgg-from-olive-400:hover, .f\:d-bgg-from-olive-400:focus, .f\:d-bgg-from-olive-400:focus-within, .fv\:d-bgg-from-olive-400:focus-visible {
  --bgg-from-opacity: var(--dt-color-olive-400-a);
  --bgg-from: hsl(var(--dt-color-olive-400-h) var(--dt-color-olive-400-s) var(--dt-color-olive-400-l) / var(--bgg-from-opacity)) !important;
  --bgg-to: hsl(var(--dt-color-olive-400-h) var(--dt-color-olive-400-s) var(--dt-color-olive-400-l) / 0%) !important;
}

.d-bgg-from-olive-500, .h\:d-bgg-from-olive-500:hover, .f\:d-bgg-from-olive-500:focus, .f\:d-bgg-from-olive-500:focus-within, .fv\:d-bgg-from-olive-500:focus-visible {
  --bgg-from-opacity: var(--dt-color-olive-500-a);
  --bgg-from: hsl(var(--dt-color-olive-500-h) var(--dt-color-olive-500-s) var(--dt-color-olive-500-l) / var(--bgg-from-opacity)) !important;
  --bgg-to: hsl(var(--dt-color-olive-500-h) var(--dt-color-olive-500-s) var(--dt-color-olive-500-l) / 0%) !important;
}

.d-bgg-from-olive-600, .h\:d-bgg-from-olive-600:hover, .f\:d-bgg-from-olive-600:focus, .f\:d-bgg-from-olive-600:focus-within, .fv\:d-bgg-from-olive-600:focus-visible {
  --bgg-from-opacity: var(--dt-color-olive-600-a);
  --bgg-from: hsl(var(--dt-color-olive-600-h) var(--dt-color-olive-600-s) var(--dt-color-olive-600-l) / var(--bgg-from-opacity)) !important;
  --bgg-to: hsl(var(--dt-color-olive-600-h) var(--dt-color-olive-600-s) var(--dt-color-olive-600-l) / 0%) !important;
}

.d-bgg-from-olive-700, .h\:d-bgg-from-olive-700:hover, .f\:d-bgg-from-olive-700:focus, .f\:d-bgg-from-olive-700:focus-within, .fv\:d-bgg-from-olive-700:focus-visible {
  --bgg-from-opacity: var(--dt-color-olive-700-a);
  --bgg-from: hsl(var(--dt-color-olive-700-h) var(--dt-color-olive-700-s) var(--dt-color-olive-700-l) / var(--bgg-from-opacity)) !important;
  --bgg-to: hsl(var(--dt-color-olive-700-h) var(--dt-color-olive-700-s) var(--dt-color-olive-700-l) / 0%) !important;
}

.d-bgg-from-olive-800, .h\:d-bgg-from-olive-800:hover, .f\:d-bgg-from-olive-800:focus, .f\:d-bgg-from-olive-800:focus-within, .fv\:d-bgg-from-olive-800:focus-visible {
  --bgg-from-opacity: var(--dt-color-olive-800-a);
  --bgg-from: hsl(var(--dt-color-olive-800-h) var(--dt-color-olive-800-s) var(--dt-color-olive-800-l) / var(--bgg-from-opacity)) !important;
  --bgg-to: hsl(var(--dt-color-olive-800-h) var(--dt-color-olive-800-s) var(--dt-color-olive-800-l) / 0%) !important;
}

.d-bgg-from-olive-900, .h\:d-bgg-from-olive-900:hover, .f\:d-bgg-from-olive-900:focus, .f\:d-bgg-from-olive-900:focus-within, .fv\:d-bgg-from-olive-900:focus-visible {
  --bgg-from-opacity: var(--dt-color-olive-900-a);
  --bgg-from: hsl(var(--dt-color-olive-900-h) var(--dt-color-olive-900-s) var(--dt-color-olive-900-l) / var(--bgg-from-opacity)) !important;
  --bgg-to: hsl(var(--dt-color-olive-900-h) var(--dt-color-olive-900-s) var(--dt-color-olive-900-l) / 0%) !important;
}

.d-bgg-from-olive-950, .h\:d-bgg-from-olive-950:hover, .f\:d-bgg-from-olive-950:focus, .f\:d-bgg-from-olive-950:focus-within, .fv\:d-bgg-from-olive-950:focus-visible {
  --bgg-from-opacity: var(--dt-color-olive-950-a);
  --bgg-from: hsl(var(--dt-color-olive-950-h) var(--dt-color-olive-950-s) var(--dt-color-olive-950-l) / var(--bgg-from-opacity)) !important;
  --bgg-to: hsl(var(--dt-color-olive-950-h) var(--dt-color-olive-950-s) var(--dt-color-olive-950-l) / 0%) !important;
}

.d-bgg-from-olive-1000, .h\:d-bgg-from-olive-1000:hover, .f\:d-bgg-from-olive-1000:focus, .f\:d-bgg-from-olive-1000:focus-within, .fv\:d-bgg-from-olive-1000:focus-visible {
  --bgg-from-opacity: var(--dt-color-olive-1000-a);
  --bgg-from: hsl(var(--dt-color-olive-1000-h) var(--dt-color-olive-1000-s) var(--dt-color-olive-1000-l) / var(--bgg-from-opacity)) !important;
  --bgg-to: hsl(var(--dt-color-olive-1000-h) var(--dt-color-olive-1000-s) var(--dt-color-olive-1000-l) / 0%) !important;
}

.d-bgg-from-teal-50, .h\:d-bgg-from-teal-50:hover, .f\:d-bgg-from-teal-50:focus, .f\:d-bgg-from-teal-50:focus-within, .fv\:d-bgg-from-teal-50:focus-visible {
  --bgg-from-opacity: var(--dt-color-teal-50-a);
  --bgg-from: hsl(var(--dt-color-teal-50-h) var(--dt-color-teal-50-s) var(--dt-color-teal-50-l) / var(--bgg-from-opacity)) !important;
  --bgg-to: hsl(var(--dt-color-teal-50-h) var(--dt-color-teal-50-s) var(--dt-color-teal-50-l) / 0%) !important;
}

.d-bgg-from-teal-100, .h\:d-bgg-from-teal-100:hover, .f\:d-bgg-from-teal-100:focus, .f\:d-bgg-from-teal-100:focus-within, .fv\:d-bgg-from-teal-100:focus-visible {
  --bgg-from-opacity: var(--dt-color-teal-100-a);
  --bgg-from: hsl(var(--dt-color-teal-100-h) var(--dt-color-teal-100-s) var(--dt-color-teal-100-l) / var(--bgg-from-opacity)) !important;
  --bgg-to: hsl(var(--dt-color-teal-100-h) var(--dt-color-teal-100-s) var(--dt-color-teal-100-l) / 0%) !important;
}

.d-bgg-from-teal-200, .h\:d-bgg-from-teal-200:hover, .f\:d-bgg-from-teal-200:focus, .f\:d-bgg-from-teal-200:focus-within, .fv\:d-bgg-from-teal-200:focus-visible {
  --bgg-from-opacity: var(--dt-color-teal-200-a);
  --bgg-from: hsl(var(--dt-color-teal-200-h) var(--dt-color-teal-200-s) var(--dt-color-teal-200-l) / var(--bgg-from-opacity)) !important;
  --bgg-to: hsl(var(--dt-color-teal-200-h) var(--dt-color-teal-200-s) var(--dt-color-teal-200-l) / 0%) !important;
}

.d-bgg-from-teal-300, .h\:d-bgg-from-teal-300:hover, .f\:d-bgg-from-teal-300:focus, .f\:d-bgg-from-teal-300:focus-within, .fv\:d-bgg-from-teal-300:focus-visible {
  --bgg-from-opacity: var(--dt-color-teal-300-a);
  --bgg-from: hsl(var(--dt-color-teal-300-h) var(--dt-color-teal-300-s) var(--dt-color-teal-300-l) / var(--bgg-from-opacity)) !important;
  --bgg-to: hsl(var(--dt-color-teal-300-h) var(--dt-color-teal-300-s) var(--dt-color-teal-300-l) / 0%) !important;
}

.d-bgg-from-teal-400, .h\:d-bgg-from-teal-400:hover, .f\:d-bgg-from-teal-400:focus, .f\:d-bgg-from-teal-400:focus-within, .fv\:d-bgg-from-teal-400:focus-visible {
  --bgg-from-opacity: var(--dt-color-teal-400-a);
  --bgg-from: hsl(var(--dt-color-teal-400-h) var(--dt-color-teal-400-s) var(--dt-color-teal-400-l) / var(--bgg-from-opacity)) !important;
  --bgg-to: hsl(var(--dt-color-teal-400-h) var(--dt-color-teal-400-s) var(--dt-color-teal-400-l) / 0%) !important;
}

.d-bgg-from-teal-500, .h\:d-bgg-from-teal-500:hover, .f\:d-bgg-from-teal-500:focus, .f\:d-bgg-from-teal-500:focus-within, .fv\:d-bgg-from-teal-500:focus-visible {
  --bgg-from-opacity: var(--dt-color-teal-500-a);
  --bgg-from: hsl(var(--dt-color-teal-500-h) var(--dt-color-teal-500-s) var(--dt-color-teal-500-l) / var(--bgg-from-opacity)) !important;
  --bgg-to: hsl(var(--dt-color-teal-500-h) var(--dt-color-teal-500-s) var(--dt-color-teal-500-l) / 0%) !important;
}

.d-bgg-from-teal-600, .h\:d-bgg-from-teal-600:hover, .f\:d-bgg-from-teal-600:focus, .f\:d-bgg-from-teal-600:focus-within, .fv\:d-bgg-from-teal-600:focus-visible {
  --bgg-from-opacity: var(--dt-color-teal-600-a);
  --bgg-from: hsl(var(--dt-color-teal-600-h) var(--dt-color-teal-600-s) var(--dt-color-teal-600-l) / var(--bgg-from-opacity)) !important;
  --bgg-to: hsl(var(--dt-color-teal-600-h) var(--dt-color-teal-600-s) var(--dt-color-teal-600-l) / 0%) !important;
}

.d-bgg-from-teal-700, .h\:d-bgg-from-teal-700:hover, .f\:d-bgg-from-teal-700:focus, .f\:d-bgg-from-teal-700:focus-within, .fv\:d-bgg-from-teal-700:focus-visible {
  --bgg-from-opacity: var(--dt-color-teal-700-a);
  --bgg-from: hsl(var(--dt-color-teal-700-h) var(--dt-color-teal-700-s) var(--dt-color-teal-700-l) / var(--bgg-from-opacity)) !important;
  --bgg-to: hsl(var(--dt-color-teal-700-h) var(--dt-color-teal-700-s) var(--dt-color-teal-700-l) / 0%) !important;
}

.d-bgg-from-teal-800, .h\:d-bgg-from-teal-800:hover, .f\:d-bgg-from-teal-800:focus, .f\:d-bgg-from-teal-800:focus-within, .fv\:d-bgg-from-teal-800:focus-visible {
  --bgg-from-opacity: var(--dt-color-teal-800-a);
  --bgg-from: hsl(var(--dt-color-teal-800-h) var(--dt-color-teal-800-s) var(--dt-color-teal-800-l) / var(--bgg-from-opacity)) !important;
  --bgg-to: hsl(var(--dt-color-teal-800-h) var(--dt-color-teal-800-s) var(--dt-color-teal-800-l) / 0%) !important;
}

.d-bgg-from-teal-900, .h\:d-bgg-from-teal-900:hover, .f\:d-bgg-from-teal-900:focus, .f\:d-bgg-from-teal-900:focus-within, .fv\:d-bgg-from-teal-900:focus-visible {
  --bgg-from-opacity: var(--dt-color-teal-900-a);
  --bgg-from: hsl(var(--dt-color-teal-900-h) var(--dt-color-teal-900-s) var(--dt-color-teal-900-l) / var(--bgg-from-opacity)) !important;
  --bgg-to: hsl(var(--dt-color-teal-900-h) var(--dt-color-teal-900-s) var(--dt-color-teal-900-l) / 0%) !important;
}

.d-bgg-from-teal-950, .h\:d-bgg-from-teal-950:hover, .f\:d-bgg-from-teal-950:focus, .f\:d-bgg-from-teal-950:focus-within, .fv\:d-bgg-from-teal-950:focus-visible {
  --bgg-from-opacity: var(--dt-color-teal-950-a);
  --bgg-from: hsl(var(--dt-color-teal-950-h) var(--dt-color-teal-950-s) var(--dt-color-teal-950-l) / var(--bgg-from-opacity)) !important;
  --bgg-to: hsl(var(--dt-color-teal-950-h) var(--dt-color-teal-950-s) var(--dt-color-teal-950-l) / 0%) !important;
}

.d-bgg-from-teal-1000, .h\:d-bgg-from-teal-1000:hover, .f\:d-bgg-from-teal-1000:focus, .f\:d-bgg-from-teal-1000:focus-within, .fv\:d-bgg-from-teal-1000:focus-visible {
  --bgg-from-opacity: var(--dt-color-teal-1000-a);
  --bgg-from: hsl(var(--dt-color-teal-1000-h) var(--dt-color-teal-1000-s) var(--dt-color-teal-1000-l) / var(--bgg-from-opacity)) !important;
  --bgg-to: hsl(var(--dt-color-teal-1000-h) var(--dt-color-teal-1000-s) var(--dt-color-teal-1000-l) / 0%) !important;
}

.d-bgg-from-indigo-50, .h\:d-bgg-from-indigo-50:hover, .f\:d-bgg-from-indigo-50:focus, .f\:d-bgg-from-indigo-50:focus-within, .fv\:d-bgg-from-indigo-50:focus-visible {
  --bgg-from-opacity: var(--dt-color-indigo-50-a);
  --bgg-from: hsl(var(--dt-color-indigo-50-h) var(--dt-color-indigo-50-s) var(--dt-color-indigo-50-l) / var(--bgg-from-opacity)) !important;
  --bgg-to: hsl(var(--dt-color-indigo-50-h) var(--dt-color-indigo-50-s) var(--dt-color-indigo-50-l) / 0%) !important;
}

.d-bgg-from-indigo-100, .h\:d-bgg-from-indigo-100:hover, .f\:d-bgg-from-indigo-100:focus, .f\:d-bgg-from-indigo-100:focus-within, .fv\:d-bgg-from-indigo-100:focus-visible {
  --bgg-from-opacity: var(--dt-color-indigo-100-a);
  --bgg-from: hsl(var(--dt-color-indigo-100-h) var(--dt-color-indigo-100-s) var(--dt-color-indigo-100-l) / var(--bgg-from-opacity)) !important;
  --bgg-to: hsl(var(--dt-color-indigo-100-h) var(--dt-color-indigo-100-s) var(--dt-color-indigo-100-l) / 0%) !important;
}

.d-bgg-from-indigo-200, .h\:d-bgg-from-indigo-200:hover, .f\:d-bgg-from-indigo-200:focus, .f\:d-bgg-from-indigo-200:focus-within, .fv\:d-bgg-from-indigo-200:focus-visible {
  --bgg-from-opacity: var(--dt-color-indigo-200-a);
  --bgg-from: hsl(var(--dt-color-indigo-200-h) var(--dt-color-indigo-200-s) var(--dt-color-indigo-200-l) / var(--bgg-from-opacity)) !important;
  --bgg-to: hsl(var(--dt-color-indigo-200-h) var(--dt-color-indigo-200-s) var(--dt-color-indigo-200-l) / 0%) !important;
}

.d-bgg-from-indigo-300, .h\:d-bgg-from-indigo-300:hover, .f\:d-bgg-from-indigo-300:focus, .f\:d-bgg-from-indigo-300:focus-within, .fv\:d-bgg-from-indigo-300:focus-visible {
  --bgg-from-opacity: var(--dt-color-indigo-300-a);
  --bgg-from: hsl(var(--dt-color-indigo-300-h) var(--dt-color-indigo-300-s) var(--dt-color-indigo-300-l) / var(--bgg-from-opacity)) !important;
  --bgg-to: hsl(var(--dt-color-indigo-300-h) var(--dt-color-indigo-300-s) var(--dt-color-indigo-300-l) / 0%) !important;
}

.d-bgg-from-indigo-400, .h\:d-bgg-from-indigo-400:hover, .f\:d-bgg-from-indigo-400:focus, .f\:d-bgg-from-indigo-400:focus-within, .fv\:d-bgg-from-indigo-400:focus-visible {
  --bgg-from-opacity: var(--dt-color-indigo-400-a);
  --bgg-from: hsl(var(--dt-color-indigo-400-h) var(--dt-color-indigo-400-s) var(--dt-color-indigo-400-l) / var(--bgg-from-opacity)) !important;
  --bgg-to: hsl(var(--dt-color-indigo-400-h) var(--dt-color-indigo-400-s) var(--dt-color-indigo-400-l) / 0%) !important;
}

.d-bgg-from-indigo-500, .h\:d-bgg-from-indigo-500:hover, .f\:d-bgg-from-indigo-500:focus, .f\:d-bgg-from-indigo-500:focus-within, .fv\:d-bgg-from-indigo-500:focus-visible {
  --bgg-from-opacity: var(--dt-color-indigo-500-a);
  --bgg-from: hsl(var(--dt-color-indigo-500-h) var(--dt-color-indigo-500-s) var(--dt-color-indigo-500-l) / var(--bgg-from-opacity)) !important;
  --bgg-to: hsl(var(--dt-color-indigo-500-h) var(--dt-color-indigo-500-s) var(--dt-color-indigo-500-l) / 0%) !important;
}

.d-bgg-from-indigo-600, .h\:d-bgg-from-indigo-600:hover, .f\:d-bgg-from-indigo-600:focus, .f\:d-bgg-from-indigo-600:focus-within, .fv\:d-bgg-from-indigo-600:focus-visible {
  --bgg-from-opacity: var(--dt-color-indigo-600-a);
  --bgg-from: hsl(var(--dt-color-indigo-600-h) var(--dt-color-indigo-600-s) var(--dt-color-indigo-600-l) / var(--bgg-from-opacity)) !important;
  --bgg-to: hsl(var(--dt-color-indigo-600-h) var(--dt-color-indigo-600-s) var(--dt-color-indigo-600-l) / 0%) !important;
}

.d-bgg-from-indigo-700, .h\:d-bgg-from-indigo-700:hover, .f\:d-bgg-from-indigo-700:focus, .f\:d-bgg-from-indigo-700:focus-within, .fv\:d-bgg-from-indigo-700:focus-visible {
  --bgg-from-opacity: var(--dt-color-indigo-700-a);
  --bgg-from: hsl(var(--dt-color-indigo-700-h) var(--dt-color-indigo-700-s) var(--dt-color-indigo-700-l) / var(--bgg-from-opacity)) !important;
  --bgg-to: hsl(var(--dt-color-indigo-700-h) var(--dt-color-indigo-700-s) var(--dt-color-indigo-700-l) / 0%) !important;
}

.d-bgg-from-indigo-800, .h\:d-bgg-from-indigo-800:hover, .f\:d-bgg-from-indigo-800:focus, .f\:d-bgg-from-indigo-800:focus-within, .fv\:d-bgg-from-indigo-800:focus-visible {
  --bgg-from-opacity: var(--dt-color-indigo-800-a);
  --bgg-from: hsl(var(--dt-color-indigo-800-h) var(--dt-color-indigo-800-s) var(--dt-color-indigo-800-l) / var(--bgg-from-opacity)) !important;
  --bgg-to: hsl(var(--dt-color-indigo-800-h) var(--dt-color-indigo-800-s) var(--dt-color-indigo-800-l) / 0%) !important;
}

.d-bgg-from-indigo-900, .h\:d-bgg-from-indigo-900:hover, .f\:d-bgg-from-indigo-900:focus, .f\:d-bgg-from-indigo-900:focus-within, .fv\:d-bgg-from-indigo-900:focus-visible {
  --bgg-from-opacity: var(--dt-color-indigo-900-a);
  --bgg-from: hsl(var(--dt-color-indigo-900-h) var(--dt-color-indigo-900-s) var(--dt-color-indigo-900-l) / var(--bgg-from-opacity)) !important;
  --bgg-to: hsl(var(--dt-color-indigo-900-h) var(--dt-color-indigo-900-s) var(--dt-color-indigo-900-l) / 0%) !important;
}

.d-bgg-from-indigo-950, .h\:d-bgg-from-indigo-950:hover, .f\:d-bgg-from-indigo-950:focus, .f\:d-bgg-from-indigo-950:focus-within, .fv\:d-bgg-from-indigo-950:focus-visible {
  --bgg-from-opacity: var(--dt-color-indigo-950-a);
  --bgg-from: hsl(var(--dt-color-indigo-950-h) var(--dt-color-indigo-950-s) var(--dt-color-indigo-950-l) / var(--bgg-from-opacity)) !important;
  --bgg-to: hsl(var(--dt-color-indigo-950-h) var(--dt-color-indigo-950-s) var(--dt-color-indigo-950-l) / 0%) !important;
}

.d-bgg-from-indigo-1000, .h\:d-bgg-from-indigo-1000:hover, .f\:d-bgg-from-indigo-1000:focus, .f\:d-bgg-from-indigo-1000:focus-within, .fv\:d-bgg-from-indigo-1000:focus-visible {
  --bgg-from-opacity: var(--dt-color-indigo-1000-a);
  --bgg-from: hsl(var(--dt-color-indigo-1000-h) var(--dt-color-indigo-1000-s) var(--dt-color-indigo-1000-l) / var(--bgg-from-opacity)) !important;
  --bgg-to: hsl(var(--dt-color-indigo-1000-h) var(--dt-color-indigo-1000-s) var(--dt-color-indigo-1000-l) / 0%) !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;
  --bgg-to: hsl(var(--dt-color-neutral-white-h) var(--dt-color-neutral-white-s) var(--dt-color-neutral-white-l) / 0%) !important;
}

.d-bgg-from-neutral-black, .h\:d-bgg-from-neutral-black:hover, .f\:d-bgg-from-neutral-black:focus, .f\:d-bgg-from-neutral-black:focus-within, .fv\:d-bgg-from-neutral-black:focus-visible {
  --bgg-from-opacity: var(--dt-color-neutral-black-a);
  --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;
  --bgg-to: hsl(var(--dt-color-black-100-h) var(--dt-color-black-100-s) var(--dt-color-black-100-l) / 0%) !important;
}

.d-bgg-from-black-200, .h\:d-bgg-from-black-200:hover, .f\:d-bgg-from-black-200:focus, .f\:d-bgg-from-black-200:focus-within, .fv\:d-bgg-from-black-200:focus-visible {
  --bgg-from-opacity: var(--dt-color-black-200-a);
  --bgg-from: hsl(var(--dt-color-black-200-h) var(--dt-color-black-200-s) var(--dt-color-black-200-l) / var(--bgg-from-opacity)) !important;
  --bgg-to: hsl(var(--dt-color-black-200-h) var(--dt-color-black-200-s) var(--dt-color-black-200-l) / 0%) !important;
}

.d-bgg-from-black-300, .h\:d-bgg-from-black-300:hover, .f\:d-bgg-from-black-300:focus, .f\:d-bgg-from-black-300:focus-within, .fv\:d-bgg-from-black-300:focus-visible {
  --bgg-from-opacity: var(--dt-color-black-300-a);
  --bgg-from: hsl(var(--dt-color-black-300-h) var(--dt-color-black-300-s) var(--dt-color-black-300-l) / var(--bgg-from-opacity)) !important;
  --bgg-to: hsl(var(--dt-color-black-300-h) var(--dt-color-black-300-s) var(--dt-color-black-300-l) / 0%) !important;
}

.d-bgg-from-black-400, .h\:d-bgg-from-black-400:hover, .f\:d-bgg-from-black-400:focus, .f\:d-bgg-from-black-400:focus-within, .fv\:d-bgg-from-black-400:focus-visible {
  --bgg-from-opacity: var(--dt-color-black-400-a);
  --bgg-from: hsl(var(--dt-color-black-400-h) var(--dt-color-black-400-s) var(--dt-color-black-400-l) / var(--bgg-from-opacity)) !important;
  --bgg-to: hsl(var(--dt-color-black-400-h) var(--dt-color-black-400-s) var(--dt-color-black-400-l) / 0%) !important;
}

.d-bgg-from-black-500, .h\:d-bgg-from-black-500:hover, .f\:d-bgg-from-black-500:focus, .f\:d-bgg-from-black-500:focus-within, .fv\:d-bgg-from-black-500:focus-visible {
  --bgg-from-opacity: var(--dt-color-black-500-a);
  --bgg-from: hsl(var(--dt-color-black-500-h) var(--dt-color-black-500-s) var(--dt-color-black-500-l) / var(--bgg-from-opacity)) !important;
  --bgg-to: hsl(var(--dt-color-black-500-h) var(--dt-color-black-500-s) var(--dt-color-black-500-l) / 0%) !important;
}

.d-bgg-from-black-600, .h\:d-bgg-from-black-600:hover, .f\:d-bgg-from-black-600:focus, .f\:d-bgg-from-black-600:focus-within, .fv\:d-bgg-from-black-600:focus-visible {
  --bgg-from-opacity: var(--dt-color-black-600-a);
  --bgg-from: hsl(var(--dt-color-black-600-h) var(--dt-color-black-600-s) var(--dt-color-black-600-l) / var(--bgg-from-opacity)) !important;
  --bgg-to: hsl(var(--dt-color-black-600-h) var(--dt-color-black-600-s) var(--dt-color-black-600-l) / 0%) !important;
}

.d-bgg-from-black-700, .h\:d-bgg-from-black-700:hover, .f\:d-bgg-from-black-700:focus, .f\:d-bgg-from-black-700:focus-within, .fv\:d-bgg-from-black-700:focus-visible {
  --bgg-from-opacity: var(--dt-color-black-700-a);
  --bgg-from: hsl(var(--dt-color-black-700-h) var(--dt-color-black-700-s) var(--dt-color-black-700-l) / var(--bgg-from-opacity)) !important;
  --bgg-to: hsl(var(--dt-color-black-700-h) var(--dt-color-black-700-s) var(--dt-color-black-700-l) / 0%) !important;
}

.d-bgg-from-black-800, .h\:d-bgg-from-black-800:hover, .f\:d-bgg-from-black-800:focus, .f\:d-bgg-from-black-800:focus-within, .fv\:d-bgg-from-black-800:focus-visible {
  --bgg-from-opacity: var(--dt-color-black-800-a);
  --bgg-from: hsl(var(--dt-color-black-800-h) var(--dt-color-black-800-s) var(--dt-color-black-800-l) / var(--bgg-from-opacity)) !important;
  --bgg-to: hsl(var(--dt-color-black-800-h) var(--dt-color-black-800-s) var(--dt-color-black-800-l) / 0%) !important;
}

.d-bgg-from-black-900, .h\:d-bgg-from-black-900:hover, .f\:d-bgg-from-black-900:focus, .f\:d-bgg-from-black-900:focus-within, .fv\:d-bgg-from-black-900:focus-visible {
  --bgg-from-opacity: var(--dt-color-black-900-a);
  --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;
  --bgg-to: hsl(var(--dt-color-purple-100-h) var(--dt-color-purple-100-s) var(--dt-color-purple-100-l) / 0%) !important;
}

.d-bgg-from-purple-200, .h\:d-bgg-from-purple-200:hover, .f\:d-bgg-from-purple-200:focus, .f\:d-bgg-from-purple-200:focus-within, .fv\:d-bgg-from-purple-200:focus-visible {
  --bgg-from-opacity: var(--dt-color-purple-200-a);
  --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;
  --bgg-to: hsl(var(--dt-color-blue-100-h) var(--dt-color-blue-100-s) var(--dt-color-blue-100-l) / 0%) !important;
}

.d-bgg-from-blue-200, .h\:d-bgg-from-blue-200:hover, .f\:d-bgg-from-blue-200:focus, .f\:d-bgg-from-blue-200:focus-within, .fv\:d-bgg-from-blue-200:focus-visible {
  --bgg-from-opacity: var(--dt-color-blue-200-a);
  --bgg-from: hsl(var(--dt-color-blue-200-h) var(--dt-color-blue-200-s) var(--dt-color-blue-200-l) / var(--bgg-from-opacity)) !important;
  --bgg-to: hsl(var(--dt-color-blue-200-h) var(--dt-color-blue-200-s) var(--dt-color-blue-200-l) / 0%) !important;
}

.d-bgg-from-blue-300, .h\:d-bgg-from-blue-300:hover, .f\:d-bgg-from-blue-300:focus, .f\:d-bgg-from-blue-300:focus-within, .fv\:d-bgg-from-blue-300:focus-visible {
  --bgg-from-opacity: var(--dt-color-blue-300-a);
  --bgg-from: hsl(var(--dt-color-blue-300-h) var(--dt-color-blue-300-s) var(--dt-color-blue-300-l) / var(--bgg-from-opacity)) !important;
  --bgg-to: hsl(var(--dt-color-blue-300-h) var(--dt-color-blue-300-s) var(--dt-color-blue-300-l) / 0%) !important;
}

.d-bgg-from-blue-400, .h\:d-bgg-from-blue-400:hover, .f\:d-bgg-from-blue-400:focus, .f\:d-bgg-from-blue-400:focus-within, .fv\:d-bgg-from-blue-400:focus-visible {
  --bgg-from-opacity: var(--dt-color-blue-400-a);
  --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;
  --bgg-to: hsl(var(--dt-color-magenta-100-h) var(--dt-color-magenta-100-s) var(--dt-color-magenta-100-l) / 0%) !important;
}

.d-bgg-from-magenta-200, .h\:d-bgg-from-magenta-200:hover, .f\:d-bgg-from-magenta-200:focus, .f\:d-bgg-from-magenta-200:focus-within, .fv\:d-bgg-from-magenta-200:focus-visible {
  --bgg-from-opacity: var(--dt-color-magenta-200-a);
  --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;
  --bgg-to: hsl(var(--dt-color-magenta-300-h) var(--dt-color-magenta-300-s) var(--dt-color-magenta-300-l) / 0%) !important;
}

.d-bgg-from-magenta-400, .h\:d-bgg-from-magenta-400:hover, .f\:d-bgg-from-magenta-400:focus, .f\:d-bgg-from-magenta-400:focus-within, .fv\:d-bgg-from-magenta-400:focus-visible {
  --bgg-from-opacity: var(--dt-color-magenta-400-a);
  --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;
  --bgg-to: hsl(var(--dt-color-gold-100-h) var(--dt-color-gold-100-s) var(--dt-color-gold-100-l) / 0%) !important;
}

.d-bgg-from-gold-200, .h\:d-bgg-from-gold-200:hover, .f\:d-bgg-from-gold-200:focus, .f\:d-bgg-from-gold-200:focus-within, .fv\:d-bgg-from-gold-200:focus-visible {
  --bgg-from-opacity: var(--dt-color-gold-200-a);
  --bgg-from: hsl(var(--dt-color-gold-200-h) var(--dt-color-gold-200-s) var(--dt-color-gold-200-l) / var(--bgg-from-opacity)) !important;
  --bgg-to: hsl(var(--dt-color-gold-200-h) var(--dt-color-gold-200-s) var(--dt-color-gold-200-l) / 0%) !important;
}

.d-bgg-from-gold-300, .h\:d-bgg-from-gold-300:hover, .f\:d-bgg-from-gold-300:focus, .f\:d-bgg-from-gold-300:focus-within, .fv\:d-bgg-from-gold-300:focus-visible {
  --bgg-from-opacity: var(--dt-color-gold-300-a);
  --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;
  --bgg-to: hsl(var(--dt-color-green-100-h) var(--dt-color-green-100-s) var(--dt-color-green-100-l) / 0%) !important;
}

.d-bgg-from-green-200, .h\:d-bgg-from-green-200:hover, .f\:d-bgg-from-green-200:focus, .f\:d-bgg-from-green-200:focus-within, .fv\:d-bgg-from-green-200:focus-visible {
  --bgg-from-opacity: var(--dt-color-green-200-a);
  --bgg-from: hsl(var(--dt-color-green-200-h) var(--dt-color-green-200-s) var(--dt-color-green-200-l) / var(--bgg-from-opacity)) !important;
  --bgg-to: hsl(var(--dt-color-green-200-h) var(--dt-color-green-200-s) var(--dt-color-green-200-l) / 0%) !important;
}

.d-bgg-from-green-300, .h\:d-bgg-from-green-300:hover, .f\:d-bgg-from-green-300:focus, .f\:d-bgg-from-green-300:focus-within, .fv\:d-bgg-from-green-300:focus-visible {
  --bgg-from-opacity: var(--dt-color-green-300-a);
  --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;
  --bgg-to: hsl(var(--dt-color-red-100-h) var(--dt-color-red-100-s) var(--dt-color-red-100-l) / 0%) !important;
}

.d-bgg-from-red-200, .h\:d-bgg-from-red-200:hover, .f\:d-bgg-from-red-200:focus, .f\:d-bgg-from-red-200:focus-within, .fv\:d-bgg-from-red-200:focus-visible {
  --bgg-from-opacity: var(--dt-color-red-200-a);
  --bgg-from: hsl(var(--dt-color-red-200-h) var(--dt-color-red-200-s) var(--dt-color-red-200-l) / var(--bgg-from-opacity)) !important;
  --bgg-to: hsl(var(--dt-color-red-200-h) var(--dt-color-red-200-s) var(--dt-color-red-200-l) / 0%) !important;
}

.d-bgg-from-red-300, .h\:d-bgg-from-red-300:hover, .f\:d-bgg-from-red-300:focus, .f\:d-bgg-from-red-300:focus-within, .fv\:d-bgg-from-red-300:focus-visible {
  --bgg-from-opacity: var(--dt-color-red-300-a);
  --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;
  --bgg-to: hsl(var(--dt-color-tan-100-h) var(--dt-color-tan-100-s) var(--dt-color-tan-100-l) / 0%) !important;
}

.d-bgg-from-tan-200, .h\:d-bgg-from-tan-200:hover, .f\:d-bgg-from-tan-200:focus, .f\:d-bgg-from-tan-200:focus-within, .fv\:d-bgg-from-tan-200:focus-visible {
  --bgg-from-opacity: var(--dt-color-tan-200-a);
  --bgg-from: hsl(var(--dt-color-tan-200-h) var(--dt-color-tan-200-s) var(--dt-color-tan-200-l) / var(--bgg-from-opacity)) !important;
  --bgg-to: hsl(var(--dt-color-tan-200-h) var(--dt-color-tan-200-s) var(--dt-color-tan-200-l) / 0%) !important;
}

.d-bgg-from-tan-300, .h\:d-bgg-from-tan-300:hover, .f\:d-bgg-from-tan-300:focus, .f\:d-bgg-from-tan-300:focus-within, .fv\:d-bgg-from-tan-300:focus-visible {
  --bgg-from-opacity: var(--dt-color-tan-300-a);
  --bgg-from: hsl(var(--dt-color-tan-300-h) var(--dt-color-tan-300-s) var(--dt-color-tan-300-l) / var(--bgg-from-opacity)) !important;
  --bgg-to: hsl(var(--dt-color-tan-300-h) var(--dt-color-tan-300-s) var(--dt-color-tan-300-l) / 0%) !important;
}

.d-bgg-from-tan-400, .h\:d-bgg-from-tan-400:hover, .f\:d-bgg-from-tan-400:focus, .f\:d-bgg-from-tan-400:focus-within, .fv\:d-bgg-from-tan-400:focus-visible {
  --bgg-from-opacity: var(--dt-color-tan-400-a);
  --bgg-from: hsl(var(--dt-color-tan-400-h) var(--dt-color-tan-400-s) var(--dt-color-tan-400-l) / var(--bgg-from-opacity)) !important;
  --bgg-to: hsl(var(--dt-color-tan-400-h) var(--dt-color-tan-400-s) var(--dt-color-tan-400-l) / 0%) !important;
}

.d-bgg-from-tan-500, .h\:d-bgg-from-tan-500:hover, .f\:d-bgg-from-tan-500:focus, .f\:d-bgg-from-tan-500:focus-within, .fv\:d-bgg-from-tan-500:focus-visible {
  --bgg-from-opacity: var(--dt-color-tan-500-a);
  --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-from-berry-50, .h\:d-bgg-from-berry-50:hover, .f\:d-bgg-from-berry-50:focus, .f\:d-bgg-from-berry-50:focus-within, .fv\:d-bgg-from-berry-50:focus-visible {
  --bgg-from-opacity: var(--dt-color-berry-50-a);
  --bgg-from: hsl(var(--dt-color-berry-50-h) var(--dt-color-berry-50-s) var(--dt-color-berry-50-l) / var(--bgg-from-opacity)) !important;
  --bgg-to: hsl(var(--dt-color-berry-50-h) var(--dt-color-berry-50-s) var(--dt-color-berry-50-l) / 0%) !important;
}

.d-bgg-from-berry-100, .h\:d-bgg-from-berry-100:hover, .f\:d-bgg-from-berry-100:focus, .f\:d-bgg-from-berry-100:focus-within, .fv\:d-bgg-from-berry-100:focus-visible {
  --bgg-from-opacity: var(--dt-color-berry-100-a);
  --bgg-from: hsl(var(--dt-color-berry-100-h) var(--dt-color-berry-100-s) var(--dt-color-berry-100-l) / var(--bgg-from-opacity)) !important;
  --bgg-to: hsl(var(--dt-color-berry-100-h) var(--dt-color-berry-100-s) var(--dt-color-berry-100-l) / 0%) !important;
}

.d-bgg-from-berry-200, .h\:d-bgg-from-berry-200:hover, .f\:d-bgg-from-berry-200:focus, .f\:d-bgg-from-berry-200:focus-within, .fv\:d-bgg-from-berry-200:focus-visible {
  --bgg-from-opacity: var(--dt-color-berry-200-a);
  --bgg-from: hsl(var(--dt-color-berry-200-h) var(--dt-color-berry-200-s) var(--dt-color-berry-200-l) / var(--bgg-from-opacity)) !important;
  --bgg-to: hsl(var(--dt-color-berry-200-h) var(--dt-color-berry-200-s) var(--dt-color-berry-200-l) / 0%) !important;
}

.d-bgg-from-berry-300, .h\:d-bgg-from-berry-300:hover, .f\:d-bgg-from-berry-300:focus, .f\:d-bgg-from-berry-300:focus-within, .fv\:d-bgg-from-berry-300:focus-visible {
  --bgg-from-opacity: var(--dt-color-berry-300-a);
  --bgg-from: hsl(var(--dt-color-berry-300-h) var(--dt-color-berry-300-s) var(--dt-color-berry-300-l) / var(--bgg-from-opacity)) !important;
  --bgg-to: hsl(var(--dt-color-berry-300-h) var(--dt-color-berry-300-s) var(--dt-color-berry-300-l) / 0%) !important;
}

.d-bgg-from-berry-400, .h\:d-bgg-from-berry-400:hover, .f\:d-bgg-from-berry-400:focus, .f\:d-bgg-from-berry-400:focus-within, .fv\:d-bgg-from-berry-400:focus-visible {
  --bgg-from-opacity: var(--dt-color-berry-400-a);
  --bgg-from: hsl(var(--dt-color-berry-400-h) var(--dt-color-berry-400-s) var(--dt-color-berry-400-l) / var(--bgg-from-opacity)) !important;
  --bgg-to: hsl(var(--dt-color-berry-400-h) var(--dt-color-berry-400-s) var(--dt-color-berry-400-l) / 0%) !important;
}

.d-bgg-from-berry-500, .h\:d-bgg-from-berry-500:hover, .f\:d-bgg-from-berry-500:focus, .f\:d-bgg-from-berry-500:focus-within, .fv\:d-bgg-from-berry-500:focus-visible {
  --bgg-from-opacity: var(--dt-color-berry-500-a);
  --bgg-from: hsl(var(--dt-color-berry-500-h) var(--dt-color-berry-500-s) var(--dt-color-berry-500-l) / var(--bgg-from-opacity)) !important;
  --bgg-to: hsl(var(--dt-color-berry-500-h) var(--dt-color-berry-500-s) var(--dt-color-berry-500-l) / 0%) !important;
}

.d-bgg-from-berry-600, .h\:d-bgg-from-berry-600:hover, .f\:d-bgg-from-berry-600:focus, .f\:d-bgg-from-berry-600:focus-within, .fv\:d-bgg-from-berry-600:focus-visible {
  --bgg-from-opacity: var(--dt-color-berry-600-a);
  --bgg-from: hsl(var(--dt-color-berry-600-h) var(--dt-color-berry-600-s) var(--dt-color-berry-600-l) / var(--bgg-from-opacity)) !important;
  --bgg-to: hsl(var(--dt-color-berry-600-h) var(--dt-color-berry-600-s) var(--dt-color-berry-600-l) / 0%) !important;
}

.d-bgg-from-berry-700, .h\:d-bgg-from-berry-700:hover, .f\:d-bgg-from-berry-700:focus, .f\:d-bgg-from-berry-700:focus-within, .fv\:d-bgg-from-berry-700:focus-visible {
  --bgg-from-opacity: var(--dt-color-berry-700-a);
  --bgg-from: hsl(var(--dt-color-berry-700-h) var(--dt-color-berry-700-s) var(--dt-color-berry-700-l) / var(--bgg-from-opacity)) !important;
  --bgg-to: hsl(var(--dt-color-berry-700-h) var(--dt-color-berry-700-s) var(--dt-color-berry-700-l) / 0%) !important;
}

.d-bgg-from-berry-800, .h\:d-bgg-from-berry-800:hover, .f\:d-bgg-from-berry-800:focus, .f\:d-bgg-from-berry-800:focus-within, .fv\:d-bgg-from-berry-800:focus-visible {
  --bgg-from-opacity: var(--dt-color-berry-800-a);
  --bgg-from: hsl(var(--dt-color-berry-800-h) var(--dt-color-berry-800-s) var(--dt-color-berry-800-l) / var(--bgg-from-opacity)) !important;
  --bgg-to: hsl(var(--dt-color-berry-800-h) var(--dt-color-berry-800-s) var(--dt-color-berry-800-l) / 0%) !important;
}

.d-bgg-from-berry-900, .h\:d-bgg-from-berry-900:hover, .f\:d-bgg-from-berry-900:focus, .f\:d-bgg-from-berry-900:focus-within, .fv\:d-bgg-from-berry-900:focus-visible {
  --bgg-from-opacity: var(--dt-color-berry-900-a);
  --bgg-from: hsl(var(--dt-color-berry-900-h) var(--dt-color-berry-900-s) var(--dt-color-berry-900-l) / var(--bgg-from-opacity)) !important;
  --bgg-to: hsl(var(--dt-color-berry-900-h) var(--dt-color-berry-900-s) var(--dt-color-berry-900-l) / 0%) !important;
}

.d-bgg-from-berry-950, .h\:d-bgg-from-berry-950:hover, .f\:d-bgg-from-berry-950:focus, .f\:d-bgg-from-berry-950:focus-within, .fv\:d-bgg-from-berry-950:focus-visible {
  --bgg-from-opacity: var(--dt-color-berry-950-a);
  --bgg-from: hsl(var(--dt-color-berry-950-h) var(--dt-color-berry-950-s) var(--dt-color-berry-950-l) / var(--bgg-from-opacity)) !important;
  --bgg-to: hsl(var(--dt-color-berry-950-h) var(--dt-color-berry-950-s) var(--dt-color-berry-950-l) / 0%) !important;
}

.d-bgg-from-berry-1000, .h\:d-bgg-from-berry-1000:hover, .f\:d-bgg-from-berry-1000:focus, .f\:d-bgg-from-berry-1000:focus-within, .fv\:d-bgg-from-berry-1000:focus-visible {
  --bgg-from-opacity: var(--dt-color-berry-1000-a);
  --bgg-from: hsl(var(--dt-color-berry-1000-h) var(--dt-color-berry-1000-s) var(--dt-color-berry-1000-l) / var(--bgg-from-opacity)) !important;
  --bgg-to: hsl(var(--dt-color-berry-1000-h) var(--dt-color-berry-1000-s) var(--dt-color-berry-1000-l) / 0%) !important;
}

.d-bgg-from-coral-50, .h\:d-bgg-from-coral-50:hover, .f\:d-bgg-from-coral-50:focus, .f\:d-bgg-from-coral-50:focus-within, .fv\:d-bgg-from-coral-50:focus-visible {
  --bgg-from-opacity: var(--dt-color-coral-50-a);
  --bgg-from: hsl(var(--dt-color-coral-50-h) var(--dt-color-coral-50-s) var(--dt-color-coral-50-l) / var(--bgg-from-opacity)) !important;
  --bgg-to: hsl(var(--dt-color-coral-50-h) var(--dt-color-coral-50-s) var(--dt-color-coral-50-l) / 0%) !important;
}

.d-bgg-from-coral-100, .h\:d-bgg-from-coral-100:hover, .f\:d-bgg-from-coral-100:focus, .f\:d-bgg-from-coral-100:focus-within, .fv\:d-bgg-from-coral-100:focus-visible {
  --bgg-from-opacity: var(--dt-color-coral-100-a);
  --bgg-from: hsl(var(--dt-color-coral-100-h) var(--dt-color-coral-100-s) var(--dt-color-coral-100-l) / var(--bgg-from-opacity)) !important;
  --bgg-to: hsl(var(--dt-color-coral-100-h) var(--dt-color-coral-100-s) var(--dt-color-coral-100-l) / 0%) !important;
}

.d-bgg-from-coral-200, .h\:d-bgg-from-coral-200:hover, .f\:d-bgg-from-coral-200:focus, .f\:d-bgg-from-coral-200:focus-within, .fv\:d-bgg-from-coral-200:focus-visible {
  --bgg-from-opacity: var(--dt-color-coral-200-a);
  --bgg-from: hsl(var(--dt-color-coral-200-h) var(--dt-color-coral-200-s) var(--dt-color-coral-200-l) / var(--bgg-from-opacity)) !important;
  --bgg-to: hsl(var(--dt-color-coral-200-h) var(--dt-color-coral-200-s) var(--dt-color-coral-200-l) / 0%) !important;
}

.d-bgg-from-coral-300, .h\:d-bgg-from-coral-300:hover, .f\:d-bgg-from-coral-300:focus, .f\:d-bgg-from-coral-300:focus-within, .fv\:d-bgg-from-coral-300:focus-visible {
  --bgg-from-opacity: var(--dt-color-coral-300-a);
  --bgg-from: hsl(var(--dt-color-coral-300-h) var(--dt-color-coral-300-s) var(--dt-color-coral-300-l) / var(--bgg-from-opacity)) !important;
  --bgg-to: hsl(var(--dt-color-coral-300-h) var(--dt-color-coral-300-s) var(--dt-color-coral-300-l) / 0%) !important;
}

.d-bgg-from-coral-400, .h\:d-bgg-from-coral-400:hover, .f\:d-bgg-from-coral-400:focus, .f\:d-bgg-from-coral-400:focus-within, .fv\:d-bgg-from-coral-400:focus-visible {
  --bgg-from-opacity: var(--dt-color-coral-400-a);
  --bgg-from: hsl(var(--dt-color-coral-400-h) var(--dt-color-coral-400-s) var(--dt-color-coral-400-l) / var(--bgg-from-opacity)) !important;
  --bgg-to: hsl(var(--dt-color-coral-400-h) var(--dt-color-coral-400-s) var(--dt-color-coral-400-l) / 0%) !important;
}

.d-bgg-from-coral-500, .h\:d-bgg-from-coral-500:hover, .f\:d-bgg-from-coral-500:focus, .f\:d-bgg-from-coral-500:focus-within, .fv\:d-bgg-from-coral-500:focus-visible {
  --bgg-from-opacity: var(--dt-color-coral-500-a);
  --bgg-from: hsl(var(--dt-color-coral-500-h) var(--dt-color-coral-500-s) var(--dt-color-coral-500-l) / var(--bgg-from-opacity)) !important;
  --bgg-to: hsl(var(--dt-color-coral-500-h) var(--dt-color-coral-500-s) var(--dt-color-coral-500-l) / 0%) !important;
}

.d-bgg-from-coral-600, .h\:d-bgg-from-coral-600:hover, .f\:d-bgg-from-coral-600:focus, .f\:d-bgg-from-coral-600:focus-within, .fv\:d-bgg-from-coral-600:focus-visible {
  --bgg-from-opacity: var(--dt-color-coral-600-a);
  --bgg-from: hsl(var(--dt-color-coral-600-h) var(--dt-color-coral-600-s) var(--dt-color-coral-600-l) / var(--bgg-from-opacity)) !important;
  --bgg-to: hsl(var(--dt-color-coral-600-h) var(--dt-color-coral-600-s) var(--dt-color-coral-600-l) / 0%) !important;
}

.d-bgg-from-coral-700, .h\:d-bgg-from-coral-700:hover, .f\:d-bgg-from-coral-700:focus, .f\:d-bgg-from-coral-700:focus-within, .fv\:d-bgg-from-coral-700:focus-visible {
  --bgg-from-opacity: var(--dt-color-coral-700-a);
  --bgg-from: hsl(var(--dt-color-coral-700-h) var(--dt-color-coral-700-s) var(--dt-color-coral-700-l) / var(--bgg-from-opacity)) !important;
  --bgg-to: hsl(var(--dt-color-coral-700-h) var(--dt-color-coral-700-s) var(--dt-color-coral-700-l) / 0%) !important;
}

.d-bgg-from-coral-800, .h\:d-bgg-from-coral-800:hover, .f\:d-bgg-from-coral-800:focus, .f\:d-bgg-from-coral-800:focus-within, .fv\:d-bgg-from-coral-800:focus-visible {
  --bgg-from-opacity: var(--dt-color-coral-800-a);
  --bgg-from: hsl(var(--dt-color-coral-800-h) var(--dt-color-coral-800-s) var(--dt-color-coral-800-l) / var(--bgg-from-opacity)) !important;
  --bgg-to: hsl(var(--dt-color-coral-800-h) var(--dt-color-coral-800-s) var(--dt-color-coral-800-l) / 0%) !important;
}

.d-bgg-from-coral-900, .h\:d-bgg-from-coral-900:hover, .f\:d-bgg-from-coral-900:focus, .f\:d-bgg-from-coral-900:focus-within, .fv\:d-bgg-from-coral-900:focus-visible {
  --bgg-from-opacity: var(--dt-color-coral-900-a);
  --bgg-from: hsl(var(--dt-color-coral-900-h) var(--dt-color-coral-900-s) var(--dt-color-coral-900-l) / var(--bgg-from-opacity)) !important;
  --bgg-to: hsl(var(--dt-color-coral-900-h) var(--dt-color-coral-900-s) var(--dt-color-coral-900-l) / 0%) !important;
}

.d-bgg-from-coral-950, .h\:d-bgg-from-coral-950:hover, .f\:d-bgg-from-coral-950:focus, .f\:d-bgg-from-coral-950:focus-within, .fv\:d-bgg-from-coral-950:focus-visible {
  --bgg-from-opacity: var(--dt-color-coral-950-a);
  --bgg-from: hsl(var(--dt-color-coral-950-h) var(--dt-color-coral-950-s) var(--dt-color-coral-950-l) / var(--bgg-from-opacity)) !important;
  --bgg-to: hsl(var(--dt-color-coral-950-h) var(--dt-color-coral-950-s) var(--dt-color-coral-950-l) / 0%) !important;
}

.d-bgg-from-coral-1000, .h\:d-bgg-from-coral-1000:hover, .f\:d-bgg-from-coral-1000:focus, .f\:d-bgg-from-coral-1000:focus-within, .fv\:d-bgg-from-coral-1000:focus-visible {
  --bgg-from-opacity: var(--dt-color-coral-1000-a);
  --bgg-from: hsl(var(--dt-color-coral-1000-h) var(--dt-color-coral-1000-s) var(--dt-color-coral-1000-l) / var(--bgg-from-opacity)) !important;
  --bgg-to: hsl(var(--dt-color-coral-1000-h) var(--dt-color-coral-1000-s) var(--dt-color-coral-1000-l) / 0%) !important;
}

.d-bgg-from-olive-50, .h\:d-bgg-from-olive-50:hover, .f\:d-bgg-from-olive-50:focus, .f\:d-bgg-from-olive-50:focus-within, .fv\:d-bgg-from-olive-50:focus-visible {
  --bgg-from-opacity: var(--dt-color-olive-50-a);
  --bgg-from: hsl(var(--dt-color-olive-50-h) var(--dt-color-olive-50-s) var(--dt-color-olive-50-l) / var(--bgg-from-opacity)) !important;
  --bgg-to: hsl(var(--dt-color-olive-50-h) var(--dt-color-olive-50-s) var(--dt-color-olive-50-l) / 0%) !important;
}

.d-bgg-from-olive-100, .h\:d-bgg-from-olive-100:hover, .f\:d-bgg-from-olive-100:focus, .f\:d-bgg-from-olive-100:focus-within, .fv\:d-bgg-from-olive-100:focus-visible {
  --bgg-from-opacity: var(--dt-color-olive-100-a);
  --bgg-from: hsl(var(--dt-color-olive-100-h) var(--dt-color-olive-100-s) var(--dt-color-olive-100-l) / var(--bgg-from-opacity)) !important;
  --bgg-to: hsl(var(--dt-color-olive-100-h) var(--dt-color-olive-100-s) var(--dt-color-olive-100-l) / 0%) !important;
}

.d-bgg-from-olive-200, .h\:d-bgg-from-olive-200:hover, .f\:d-bgg-from-olive-200:focus, .f\:d-bgg-from-olive-200:focus-within, .fv\:d-bgg-from-olive-200:focus-visible {
  --bgg-from-opacity: var(--dt-color-olive-200-a);
  --bgg-from: hsl(var(--dt-color-olive-200-h) var(--dt-color-olive-200-s) var(--dt-color-olive-200-l) / var(--bgg-from-opacity)) !important;
  --bgg-to: hsl(var(--dt-color-olive-200-h) var(--dt-color-olive-200-s) var(--dt-color-olive-200-l) / 0%) !important;
}

.d-bgg-from-olive-300, .h\:d-bgg-from-olive-300:hover, .f\:d-bgg-from-olive-300:focus, .f\:d-bgg-from-olive-300:focus-within, .fv\:d-bgg-from-olive-300:focus-visible {
  --bgg-from-opacity: var(--dt-color-olive-300-a);
  --bgg-from: hsl(var(--dt-color-olive-300-h) var(--dt-color-olive-300-s) var(--dt-color-olive-300-l) / var(--bgg-from-opacity)) !important;
  --bgg-to: hsl(var(--dt-color-olive-300-h) var(--dt-color-olive-300-s) var(--dt-color-olive-300-l) / 0%) !important;
}

.d-bgg-from-olive-400, .h\:d-bgg-from-olive-400:hover, .f\:d-bgg-from-olive-400:focus, .f\:d-bgg-from-olive-400:focus-within, .fv\:d-bgg-from-olive-400:focus-visible {
  --bgg-from-opacity: var(--dt-color-olive-400-a);
  --bgg-from: hsl(var(--dt-color-olive-400-h) var(--dt-color-olive-400-s) var(--dt-color-olive-400-l) / var(--bgg-from-opacity)) !important;
  --bgg-to: hsl(var(--dt-color-olive-400-h) var(--dt-color-olive-400-s) var(--dt-color-olive-400-l) / 0%) !important;
}

.d-bgg-from-olive-500, .h\:d-bgg-from-olive-500:hover, .f\:d-bgg-from-olive-500:focus, .f\:d-bgg-from-olive-500:focus-within, .fv\:d-bgg-from-olive-500:focus-visible {
  --bgg-from-opacity: var(--dt-color-olive-500-a);
  --bgg-from: hsl(var(--dt-color-olive-500-h) var(--dt-color-olive-500-s) var(--dt-color-olive-500-l) / var(--bgg-from-opacity)) !important;
  --bgg-to: hsl(var(--dt-color-olive-500-h) var(--dt-color-olive-500-s) var(--dt-color-olive-500-l) / 0%) !important;
}

.d-bgg-from-olive-600, .h\:d-bgg-from-olive-600:hover, .f\:d-bgg-from-olive-600:focus, .f\:d-bgg-from-olive-600:focus-within, .fv\:d-bgg-from-olive-600:focus-visible {
  --bgg-from-opacity: var(--dt-color-olive-600-a);
  --bgg-from: hsl(var(--dt-color-olive-600-h) var(--dt-color-olive-600-s) var(--dt-color-olive-600-l) / var(--bgg-from-opacity)) !important;
  --bgg-to: hsl(var(--dt-color-olive-600-h) var(--dt-color-olive-600-s) var(--dt-color-olive-600-l) / 0%) !important;
}

.d-bgg-from-olive-700, .h\:d-bgg-from-olive-700:hover, .f\:d-bgg-from-olive-700:focus, .f\:d-bgg-from-olive-700:focus-within, .fv\:d-bgg-from-olive-700:focus-visible {
  --bgg-from-opacity: var(--dt-color-olive-700-a);
  --bgg-from: hsl(var(--dt-color-olive-700-h) var(--dt-color-olive-700-s) var(--dt-color-olive-700-l) / var(--bgg-from-opacity)) !important;
  --bgg-to: hsl(var(--dt-color-olive-700-h) var(--dt-color-olive-700-s) var(--dt-color-olive-700-l) / 0%) !important;
}

.d-bgg-from-olive-800, .h\:d-bgg-from-olive-800:hover, .f\:d-bgg-from-olive-800:focus, .f\:d-bgg-from-olive-800:focus-within, .fv\:d-bgg-from-olive-800:focus-visible {
  --bgg-from-opacity: var(--dt-color-olive-800-a);
  --bgg-from: hsl(var(--dt-color-olive-800-h) var(--dt-color-olive-800-s) var(--dt-color-olive-800-l) / var(--bgg-from-opacity)) !important;
  --bgg-to: hsl(var(--dt-color-olive-800-h) var(--dt-color-olive-800-s) var(--dt-color-olive-800-l) / 0%) !important;
}

.d-bgg-from-olive-900, .h\:d-bgg-from-olive-900:hover, .f\:d-bgg-from-olive-900:focus, .f\:d-bgg-from-olive-900:focus-within, .fv\:d-bgg-from-olive-900:focus-visible {
  --bgg-from-opacity: var(--dt-color-olive-900-a);
  --bgg-from: hsl(var(--dt-color-olive-900-h) var(--dt-color-olive-900-s) var(--dt-color-olive-900-l) / var(--bgg-from-opacity)) !important;
  --bgg-to: hsl(var(--dt-color-olive-900-h) var(--dt-color-olive-900-s) var(--dt-color-olive-900-l) / 0%) !important;
}

.d-bgg-from-olive-950, .h\:d-bgg-from-olive-950:hover, .f\:d-bgg-from-olive-950:focus, .f\:d-bgg-from-olive-950:focus-within, .fv\:d-bgg-from-olive-950:focus-visible {
  --bgg-from-opacity: var(--dt-color-olive-950-a);
  --bgg-from: hsl(var(--dt-color-olive-950-h) var(--dt-color-olive-950-s) var(--dt-color-olive-950-l) / var(--bgg-from-opacity)) !important;
  --bgg-to: hsl(var(--dt-color-olive-950-h) var(--dt-color-olive-950-s) var(--dt-color-olive-950-l) / 0%) !important;
}

.d-bgg-from-olive-1000, .h\:d-bgg-from-olive-1000:hover, .f\:d-bgg-from-olive-1000:focus, .f\:d-bgg-from-olive-1000:focus-within, .fv\:d-bgg-from-olive-1000:focus-visible {
  --bgg-from-opacity: var(--dt-color-olive-1000-a);
  --bgg-from: hsl(var(--dt-color-olive-1000-h) var(--dt-color-olive-1000-s) var(--dt-color-olive-1000-l) / var(--bgg-from-opacity)) !important;
  --bgg-to: hsl(var(--dt-color-olive-1000-h) var(--dt-color-olive-1000-s) var(--dt-color-olive-1000-l) / 0%) !important;
}

.d-bgg-from-teal-50, .h\:d-bgg-from-teal-50:hover, .f\:d-bgg-from-teal-50:focus, .f\:d-bgg-from-teal-50:focus-within, .fv\:d-bgg-from-teal-50:focus-visible {
  --bgg-from-opacity: var(--dt-color-teal-50-a);
  --bgg-from: hsl(var(--dt-color-teal-50-h) var(--dt-color-teal-50-s) var(--dt-color-teal-50-l) / var(--bgg-from-opacity)) !important;
  --bgg-to: hsl(var(--dt-color-teal-50-h) var(--dt-color-teal-50-s) var(--dt-color-teal-50-l) / 0%) !important;
}

.d-bgg-from-teal-100, .h\:d-bgg-from-teal-100:hover, .f\:d-bgg-from-teal-100:focus, .f\:d-bgg-from-teal-100:focus-within, .fv\:d-bgg-from-teal-100:focus-visible {
  --bgg-from-opacity: var(--dt-color-teal-100-a);
  --bgg-from: hsl(var(--dt-color-teal-100-h) var(--dt-color-teal-100-s) var(--dt-color-teal-100-l) / var(--bgg-from-opacity)) !important;
  --bgg-to: hsl(var(--dt-color-teal-100-h) var(--dt-color-teal-100-s) var(--dt-color-teal-100-l) / 0%) !important;
}

.d-bgg-from-teal-200, .h\:d-bgg-from-teal-200:hover, .f\:d-bgg-from-teal-200:focus, .f\:d-bgg-from-teal-200:focus-within, .fv\:d-bgg-from-teal-200:focus-visible {
  --bgg-from-opacity: var(--dt-color-teal-200-a);
  --bgg-from: hsl(var(--dt-color-teal-200-h) var(--dt-color-teal-200-s) var(--dt-color-teal-200-l) / var(--bgg-from-opacity)) !important;
  --bgg-to: hsl(var(--dt-color-teal-200-h) var(--dt-color-teal-200-s) var(--dt-color-teal-200-l) / 0%) !important;
}

.d-bgg-from-teal-300, .h\:d-bgg-from-teal-300:hover, .f\:d-bgg-from-teal-300:focus, .f\:d-bgg-from-teal-300:focus-within, .fv\:d-bgg-from-teal-300:focus-visible {
  --bgg-from-opacity: var(--dt-color-teal-300-a);
  --bgg-from: hsl(var(--dt-color-teal-300-h) var(--dt-color-teal-300-s) var(--dt-color-teal-300-l) / var(--bgg-from-opacity)) !important;
  --bgg-to: hsl(var(--dt-color-teal-300-h) var(--dt-color-teal-300-s) var(--dt-color-teal-300-l) / 0%) !important;
}

.d-bgg-from-teal-400, .h\:d-bgg-from-teal-400:hover, .f\:d-bgg-from-teal-400:focus, .f\:d-bgg-from-teal-400:focus-within, .fv\:d-bgg-from-teal-400:focus-visible {
  --bgg-from-opacity: var(--dt-color-teal-400-a);
  --bgg-from: hsl(var(--dt-color-teal-400-h) var(--dt-color-teal-400-s) var(--dt-color-teal-400-l) / var(--bgg-from-opacity)) !important;
  --bgg-to: hsl(var(--dt-color-teal-400-h) var(--dt-color-teal-400-s) var(--dt-color-teal-400-l) / 0%) !important;
}

.d-bgg-from-teal-500, .h\:d-bgg-from-teal-500:hover, .f\:d-bgg-from-teal-500:focus, .f\:d-bgg-from-teal-500:focus-within, .fv\:d-bgg-from-teal-500:focus-visible {
  --bgg-from-opacity: var(--dt-color-teal-500-a);
  --bgg-from: hsl(var(--dt-color-teal-500-h) var(--dt-color-teal-500-s) var(--dt-color-teal-500-l) / var(--bgg-from-opacity)) !important;
  --bgg-to: hsl(var(--dt-color-teal-500-h) var(--dt-color-teal-500-s) var(--dt-color-teal-500-l) / 0%) !important;
}

.d-bgg-from-teal-600, .h\:d-bgg-from-teal-600:hover, .f\:d-bgg-from-teal-600:focus, .f\:d-bgg-from-teal-600:focus-within, .fv\:d-bgg-from-teal-600:focus-visible {
  --bgg-from-opacity: var(--dt-color-teal-600-a);
  --bgg-from: hsl(var(--dt-color-teal-600-h) var(--dt-color-teal-600-s) var(--dt-color-teal-600-l) / var(--bgg-from-opacity)) !important;
  --bgg-to: hsl(var(--dt-color-teal-600-h) var(--dt-color-teal-600-s) var(--dt-color-teal-600-l) / 0%) !important;
}

.d-bgg-from-teal-700, .h\:d-bgg-from-teal-700:hover, .f\:d-bgg-from-teal-700:focus, .f\:d-bgg-from-teal-700:focus-within, .fv\:d-bgg-from-teal-700:focus-visible {
  --bgg-from-opacity: var(--dt-color-teal-700-a);
  --bgg-from: hsl(var(--dt-color-teal-700-h) var(--dt-color-teal-700-s) var(--dt-color-teal-700-l) / var(--bgg-from-opacity)) !important;
  --bgg-to: hsl(var(--dt-color-teal-700-h) var(--dt-color-teal-700-s) var(--dt-color-teal-700-l) / 0%) !important;
}

.d-bgg-from-teal-800, .h\:d-bgg-from-teal-800:hover, .f\:d-bgg-from-teal-800:focus, .f\:d-bgg-from-teal-800:focus-within, .fv\:d-bgg-from-teal-800:focus-visible {
  --bgg-from-opacity: var(--dt-color-teal-800-a);
  --bgg-from: hsl(var(--dt-color-teal-800-h) var(--dt-color-teal-800-s) var(--dt-color-teal-800-l) / var(--bgg-from-opacity)) !important;
  --bgg-to: hsl(var(--dt-color-teal-800-h) var(--dt-color-teal-800-s) var(--dt-color-teal-800-l) / 0%) !important;
}

.d-bgg-from-teal-900, .h\:d-bgg-from-teal-900:hover, .f\:d-bgg-from-teal-900:focus, .f\:d-bgg-from-teal-900:focus-within, .fv\:d-bgg-from-teal-900:focus-visible {
  --bgg-from-opacity: var(--dt-color-teal-900-a);
  --bgg-from: hsl(var(--dt-color-teal-900-h) var(--dt-color-teal-900-s) var(--dt-color-teal-900-l) / var(--bgg-from-opacity)) !important;
  --bgg-to: hsl(var(--dt-color-teal-900-h) var(--dt-color-teal-900-s) var(--dt-color-teal-900-l) / 0%) !important;
}

.d-bgg-from-teal-950, .h\:d-bgg-from-teal-950:hover, .f\:d-bgg-from-teal-950:focus, .f\:d-bgg-from-teal-950:focus-within, .fv\:d-bgg-from-teal-950:focus-visible {
  --bgg-from-opacity: var(--dt-color-teal-950-a);
  --bgg-from: hsl(var(--dt-color-teal-950-h) var(--dt-color-teal-950-s) var(--dt-color-teal-950-l) / var(--bgg-from-opacity)) !important;
  --bgg-to: hsl(var(--dt-color-teal-950-h) var(--dt-color-teal-950-s) var(--dt-color-teal-950-l) / 0%) !important;
}

.d-bgg-from-teal-1000, .h\:d-bgg-from-teal-1000:hover, .f\:d-bgg-from-teal-1000:focus, .f\:d-bgg-from-teal-1000:focus-within, .fv\:d-bgg-from-teal-1000:focus-visible {
  --bgg-from-opacity: var(--dt-color-teal-1000-a);
  --bgg-from: hsl(var(--dt-color-teal-1000-h) var(--dt-color-teal-1000-s) var(--dt-color-teal-1000-l) / var(--bgg-from-opacity)) !important;
  --bgg-to: hsl(var(--dt-color-teal-1000-h) var(--dt-color-teal-1000-s) var(--dt-color-teal-1000-l) / 0%) !important;
}

.d-bgg-from-indigo-50, .h\:d-bgg-from-indigo-50:hover, .f\:d-bgg-from-indigo-50:focus, .f\:d-bgg-from-indigo-50:focus-within, .fv\:d-bgg-from-indigo-50:focus-visible {
  --bgg-from-opacity: var(--dt-color-indigo-50-a);
  --bgg-from: hsl(var(--dt-color-indigo-50-h) var(--dt-color-indigo-50-s) var(--dt-color-indigo-50-l) / var(--bgg-from-opacity)) !important;
  --bgg-to: hsl(var(--dt-color-indigo-50-h) var(--dt-color-indigo-50-s) var(--dt-color-indigo-50-l) / 0%) !important;
}

.d-bgg-from-indigo-100, .h\:d-bgg-from-indigo-100:hover, .f\:d-bgg-from-indigo-100:focus, .f\:d-bgg-from-indigo-100:focus-within, .fv\:d-bgg-from-indigo-100:focus-visible {
  --bgg-from-opacity: var(--dt-color-indigo-100-a);
  --bgg-from: hsl(var(--dt-color-indigo-100-h) var(--dt-color-indigo-100-s) var(--dt-color-indigo-100-l) / var(--bgg-from-opacity)) !important;
  --bgg-to: hsl(var(--dt-color-indigo-100-h) var(--dt-color-indigo-100-s) var(--dt-color-indigo-100-l) / 0%) !important;
}

.d-bgg-from-indigo-200, .h\:d-bgg-from-indigo-200:hover, .f\:d-bgg-from-indigo-200:focus, .f\:d-bgg-from-indigo-200:focus-within, .fv\:d-bgg-from-indigo-200:focus-visible {
  --bgg-from-opacity: var(--dt-color-indigo-200-a);
  --bgg-from: hsl(var(--dt-color-indigo-200-h) var(--dt-color-indigo-200-s) var(--dt-color-indigo-200-l) / var(--bgg-from-opacity)) !important;
  --bgg-to: hsl(var(--dt-color-indigo-200-h) var(--dt-color-indigo-200-s) var(--dt-color-indigo-200-l) / 0%) !important;
}

.d-bgg-from-indigo-300, .h\:d-bgg-from-indigo-300:hover, .f\:d-bgg-from-indigo-300:focus, .f\:d-bgg-from-indigo-300:focus-within, .fv\:d-bgg-from-indigo-300:focus-visible {
  --bgg-from-opacity: var(--dt-color-indigo-300-a);
  --bgg-from: hsl(var(--dt-color-indigo-300-h) var(--dt-color-indigo-300-s) var(--dt-color-indigo-300-l) / var(--bgg-from-opacity)) !important;
  --bgg-to: hsl(var(--dt-color-indigo-300-h) var(--dt-color-indigo-300-s) var(--dt-color-indigo-300-l) / 0%) !important;
}

.d-bgg-from-indigo-400, .h\:d-bgg-from-indigo-400:hover, .f\:d-bgg-from-indigo-400:focus, .f\:d-bgg-from-indigo-400:focus-within, .fv\:d-bgg-from-indigo-400:focus-visible {
  --bgg-from-opacity: var(--dt-color-indigo-400-a);
  --bgg-from: hsl(var(--dt-color-indigo-400-h) var(--dt-color-indigo-400-s) var(--dt-color-indigo-400-l) / var(--bgg-from-opacity)) !important;
  --bgg-to: hsl(var(--dt-color-indigo-400-h) var(--dt-color-indigo-400-s) var(--dt-color-indigo-400-l) / 0%) !important;
}

.d-bgg-from-indigo-500, .h\:d-bgg-from-indigo-500:hover, .f\:d-bgg-from-indigo-500:focus, .f\:d-bgg-from-indigo-500:focus-within, .fv\:d-bgg-from-indigo-500:focus-visible {
  --bgg-from-opacity: var(--dt-color-indigo-500-a);
  --bgg-from: hsl(var(--dt-color-indigo-500-h) var(--dt-color-indigo-500-s) var(--dt-color-indigo-500-l) / var(--bgg-from-opacity)) !important;
  --bgg-to: hsl(var(--dt-color-indigo-500-h) var(--dt-color-indigo-500-s) var(--dt-color-indigo-500-l) / 0%) !important;
}

.d-bgg-from-indigo-600, .h\:d-bgg-from-indigo-600:hover, .f\:d-bgg-from-indigo-600:focus, .f\:d-bgg-from-indigo-600:focus-within, .fv\:d-bgg-from-indigo-600:focus-visible {
  --bgg-from-opacity: var(--dt-color-indigo-600-a);
  --bgg-from: hsl(var(--dt-color-indigo-600-h) var(--dt-color-indigo-600-s) var(--dt-color-indigo-600-l) / var(--bgg-from-opacity)) !important;
  --bgg-to: hsl(var(--dt-color-indigo-600-h) var(--dt-color-indigo-600-s) var(--dt-color-indigo-600-l) / 0%) !important;
}

.d-bgg-from-indigo-700, .h\:d-bgg-from-indigo-700:hover, .f\:d-bgg-from-indigo-700:focus, .f\:d-bgg-from-indigo-700:focus-within, .fv\:d-bgg-from-indigo-700:focus-visible {
  --bgg-from-opacity: var(--dt-color-indigo-700-a);
  --bgg-from: hsl(var(--dt-color-indigo-700-h) var(--dt-color-indigo-700-s) var(--dt-color-indigo-700-l) / var(--bgg-from-opacity)) !important;
  --bgg-to: hsl(var(--dt-color-indigo-700-h) var(--dt-color-indigo-700-s) var(--dt-color-indigo-700-l) / 0%) !important;
}

.d-bgg-from-indigo-800, .h\:d-bgg-from-indigo-800:hover, .f\:d-bgg-from-indigo-800:focus, .f\:d-bgg-from-indigo-800:focus-within, .fv\:d-bgg-from-indigo-800:focus-visible {
  --bgg-from-opacity: var(--dt-color-indigo-800-a);
  --bgg-from: hsl(var(--dt-color-indigo-800-h) var(--dt-color-indigo-800-s) var(--dt-color-indigo-800-l) / var(--bgg-from-opacity)) !important;
  --bgg-to: hsl(var(--dt-color-indigo-800-h) var(--dt-color-indigo-800-s) var(--dt-color-indigo-800-l) / 0%) !important;
}

.d-bgg-from-indigo-900, .h\:d-bgg-from-indigo-900:hover, .f\:d-bgg-from-indigo-900:focus, .f\:d-bgg-from-indigo-900:focus-within, .fv\:d-bgg-from-indigo-900:focus-visible {
  --bgg-from-opacity: var(--dt-color-indigo-900-a);
  --bgg-from: hsl(var(--dt-color-indigo-900-h) var(--dt-color-indigo-900-s) var(--dt-color-indigo-900-l) / var(--bgg-from-opacity)) !important;
  --bgg-to: hsl(var(--dt-color-indigo-900-h) var(--dt-color-indigo-900-s) var(--dt-color-indigo-900-l) / 0%) !important;
}

.d-bgg-from-indigo-950, .h\:d-bgg-from-indigo-950:hover, .f\:d-bgg-from-indigo-950:focus, .f\:d-bgg-from-indigo-950:focus-within, .fv\:d-bgg-from-indigo-950:focus-visible {
  --bgg-from-opacity: var(--dt-color-indigo-950-a);
  --bgg-from: hsl(var(--dt-color-indigo-950-h) var(--dt-color-indigo-950-s) var(--dt-color-indigo-950-l) / var(--bgg-from-opacity)) !important;
  --bgg-to: hsl(var(--dt-color-indigo-950-h) var(--dt-color-indigo-950-s) var(--dt-color-indigo-950-l) / 0%) !important;
}

.d-bgg-from-indigo-1000, .h\:d-bgg-from-indigo-1000:hover, .f\:d-bgg-from-indigo-1000:focus, .f\:d-bgg-from-indigo-1000:focus-within, .fv\:d-bgg-from-indigo-1000:focus-visible {
  --bgg-from-opacity: var(--dt-color-indigo-1000-a);
  --bgg-from: hsl(var(--dt-color-indigo-1000-h) var(--dt-color-indigo-1000-s) var(--dt-color-indigo-1000-l) / var(--bgg-from-opacity)) !important;
  --bgg-to: hsl(var(--dt-color-indigo-1000-h) var(--dt-color-indigo-1000-s) var(--dt-color-indigo-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;
}

.d-bgg-to-neutral-black, .h\:d-bgg-to-neutral-black:hover, .f\:d-bgg-to-neutral-black:focus, .f\:d-bgg-to-neutral-black:focus-within, .fv\:d-bgg-to-neutral-black:focus-visible {
  --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;
}

.d-bgg-to-black-200, .h\:d-bgg-to-black-200:hover, .f\:d-bgg-to-black-200:focus, .f\:d-bgg-to-black-200:focus-within, .fv\:d-bgg-to-black-200:focus-visible {
  --bgg-to-opacity: var(--dt-color-black-200-a);
  --bgg-to: hsl(var(--dt-color-black-200-h) var(--dt-color-black-200-s) var(--dt-color-black-200-l) / var(--bgg-to-opacity)) !important;
}

.d-bgg-to-black-300, .h\:d-bgg-to-black-300:hover, .f\:d-bgg-to-black-300:focus, .f\:d-bgg-to-black-300:focus-within, .fv\:d-bgg-to-black-300:focus-visible {
  --bgg-to-opacity: var(--dt-color-black-300-a);
  --bgg-to: hsl(var(--dt-color-black-300-h) var(--dt-color-black-300-s) var(--dt-color-black-300-l) / var(--bgg-to-opacity)) !important;
}

.d-bgg-to-black-400, .h\:d-bgg-to-black-400:hover, .f\:d-bgg-to-black-400:focus, .f\:d-bgg-to-black-400:focus-within, .fv\:d-bgg-to-black-400:focus-visible {
  --bgg-to-opacity: var(--dt-color-black-400-a);
  --bgg-to: hsl(var(--dt-color-black-400-h) var(--dt-color-black-400-s) var(--dt-color-black-400-l) / var(--bgg-to-opacity)) !important;
}

.d-bgg-to-black-500, .h\:d-bgg-to-black-500:hover, .f\:d-bgg-to-black-500:focus, .f\:d-bgg-to-black-500:focus-within, .fv\:d-bgg-to-black-500:focus-visible {
  --bgg-to-opacity: var(--dt-color-black-500-a);
  --bgg-to: hsl(var(--dt-color-black-500-h) var(--dt-color-black-500-s) var(--dt-color-black-500-l) / var(--bgg-to-opacity)) !important;
}

.d-bgg-to-black-600, .h\:d-bgg-to-black-600:hover, .f\:d-bgg-to-black-600:focus, .f\:d-bgg-to-black-600:focus-within, .fv\:d-bgg-to-black-600:focus-visible {
  --bgg-to-opacity: var(--dt-color-black-600-a);
  --bgg-to: hsl(var(--dt-color-black-600-h) var(--dt-color-black-600-s) var(--dt-color-black-600-l) / var(--bgg-to-opacity)) !important;
}

.d-bgg-to-black-700, .h\:d-bgg-to-black-700:hover, .f\:d-bgg-to-black-700:focus, .f\:d-bgg-to-black-700:focus-within, .fv\:d-bgg-to-black-700:focus-visible {
  --bgg-to-opacity: var(--dt-color-black-700-a);
  --bgg-to: hsl(var(--dt-color-black-700-h) var(--dt-color-black-700-s) var(--dt-color-black-700-l) / var(--bgg-to-opacity)) !important;
}

.d-bgg-to-black-800, .h\:d-bgg-to-black-800:hover, .f\:d-bgg-to-black-800:focus, .f\:d-bgg-to-black-800:focus-within, .fv\:d-bgg-to-black-800:focus-visible {
  --bgg-to-opacity: var(--dt-color-black-800-a);
  --bgg-to: hsl(var(--dt-color-black-800-h) var(--dt-color-black-800-s) var(--dt-color-black-800-l) / var(--bgg-to-opacity)) !important;
}

.d-bgg-to-black-900, .h\:d-bgg-to-black-900:hover, .f\:d-bgg-to-black-900:focus, .f\:d-bgg-to-black-900:focus-within, .fv\:d-bgg-to-black-900:focus-visible {
  --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;
}

.d-bgg-to-purple-200, .h\:d-bgg-to-purple-200:hover, .f\:d-bgg-to-purple-200:focus, .f\:d-bgg-to-purple-200:focus-within, .fv\:d-bgg-to-purple-200:focus-visible {
  --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;
}

.d-bgg-to-blue-200, .h\:d-bgg-to-blue-200:hover, .f\:d-bgg-to-blue-200:focus, .f\:d-bgg-to-blue-200:focus-within, .fv\:d-bgg-to-blue-200:focus-visible {
  --bgg-to-opacity: var(--dt-color-blue-200-a);
  --bgg-to: hsl(var(--dt-color-blue-200-h) var(--dt-color-blue-200-s) var(--dt-color-blue-200-l) / var(--bgg-to-opacity)) !important;
}

.d-bgg-to-blue-300, .h\:d-bgg-to-blue-300:hover, .f\:d-bgg-to-blue-300:focus, .f\:d-bgg-to-blue-300:focus-within, .fv\:d-bgg-to-blue-300:focus-visible {
  --bgg-to-opacity: var(--dt-color-blue-300-a);
  --bgg-to: hsl(var(--dt-color-blue-300-h) var(--dt-color-blue-300-s) var(--dt-color-blue-300-l) / var(--bgg-to-opacity)) !important;
}

.d-bgg-to-blue-400, .h\:d-bgg-to-blue-400:hover, .f\:d-bgg-to-blue-400:focus, .f\:d-bgg-to-blue-400:focus-within, .fv\:d-bgg-to-blue-400:focus-visible {
  --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;
}

.d-bgg-to-magenta-200, .h\:d-bgg-to-magenta-200:hover, .f\:d-bgg-to-magenta-200:focus, .f\:d-bgg-to-magenta-200:focus-within, .fv\:d-bgg-to-magenta-200:focus-visible {
  --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;
}

.d-bgg-to-magenta-400, .h\:d-bgg-to-magenta-400:hover, .f\:d-bgg-to-magenta-400:focus, .f\:d-bgg-to-magenta-400:focus-within, .fv\:d-bgg-to-magenta-400:focus-visible {
  --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;
}

.d-bgg-to-gold-200, .h\:d-bgg-to-gold-200:hover, .f\:d-bgg-to-gold-200:focus, .f\:d-bgg-to-gold-200:focus-within, .fv\:d-bgg-to-gold-200:focus-visible {
  --bgg-to-opacity: var(--dt-color-gold-200-a);
  --bgg-to: hsl(var(--dt-color-gold-200-h) var(--dt-color-gold-200-s) var(--dt-color-gold-200-l) / var(--bgg-to-opacity)) !important;
}

.d-bgg-to-gold-300, .h\:d-bgg-to-gold-300:hover, .f\:d-bgg-to-gold-300:focus, .f\:d-bgg-to-gold-300:focus-within, .fv\:d-bgg-to-gold-300:focus-visible {
  --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;
}

.d-bgg-to-green-200, .h\:d-bgg-to-green-200:hover, .f\:d-bgg-to-green-200:focus, .f\:d-bgg-to-green-200:focus-within, .fv\:d-bgg-to-green-200:focus-visible {
  --bgg-to-opacity: var(--dt-color-green-200-a);
  --bgg-to: hsl(var(--dt-color-green-200-h) var(--dt-color-green-200-s) var(--dt-color-green-200-l) / var(--bgg-to-opacity)) !important;
}

.d-bgg-to-green-300, .h\:d-bgg-to-green-300:hover, .f\:d-bgg-to-green-300:focus, .f\:d-bgg-to-green-300:focus-within, .fv\:d-bgg-to-green-300:focus-visible {
  --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;
}

.d-bgg-to-red-200, .h\:d-bgg-to-red-200:hover, .f\:d-bgg-to-red-200:focus, .f\:d-bgg-to-red-200:focus-within, .fv\:d-bgg-to-red-200:focus-visible {
  --bgg-to-opacity: var(--dt-color-red-200-a);
  --bgg-to: hsl(var(--dt-color-red-200-h) var(--dt-color-red-200-s) var(--dt-color-red-200-l) / var(--bgg-to-opacity)) !important;
}

.d-bgg-to-red-300, .h\:d-bgg-to-red-300:hover, .f\:d-bgg-to-red-300:focus, .f\:d-bgg-to-red-300:focus-within, .fv\:d-bgg-to-red-300:focus-visible {
  --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;
}

.d-bgg-to-tan-200, .h\:d-bgg-to-tan-200:hover, .f\:d-bgg-to-tan-200:focus, .f\:d-bgg-to-tan-200:focus-within, .fv\:d-bgg-to-tan-200:focus-visible {
  --bgg-to-opacity: var(--dt-color-tan-200-a);
  --bgg-to: hsl(var(--dt-color-tan-200-h) var(--dt-color-tan-200-s) var(--dt-color-tan-200-l) / var(--bgg-to-opacity)) !important;
}

.d-bgg-to-tan-300, .h\:d-bgg-to-tan-300:hover, .f\:d-bgg-to-tan-300:focus, .f\:d-bgg-to-tan-300:focus-within, .fv\:d-bgg-to-tan-300:focus-visible {
  --bgg-to-opacity: var(--dt-color-tan-300-a);
  --bgg-to: hsl(var(--dt-color-tan-300-h) var(--dt-color-tan-300-s) var(--dt-color-tan-300-l) / var(--bgg-to-opacity)) !important;
}

.d-bgg-to-tan-400, .h\:d-bgg-to-tan-400:hover, .f\:d-bgg-to-tan-400:focus, .f\:d-bgg-to-tan-400:focus-within, .fv\:d-bgg-to-tan-400:focus-visible {
  --bgg-to-opacity: var(--dt-color-tan-400-a);
  --bgg-to: hsl(var(--dt-color-tan-400-h) var(--dt-color-tan-400-s) var(--dt-color-tan-400-l) / var(--bgg-to-opacity)) !important;
}

.d-bgg-to-tan-500, .h\:d-bgg-to-tan-500:hover, .f\:d-bgg-to-tan-500:focus, .f\:d-bgg-to-tan-500:focus-within, .fv\:d-bgg-to-tan-500:focus-visible {
  --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-bgg-to-berry-50, .h\:d-bgg-to-berry-50:hover, .f\:d-bgg-to-berry-50:focus, .f\:d-bgg-to-berry-50:focus-within, .fv\:d-bgg-to-berry-50:focus-visible {
  --bgg-to-opacity: var(--dt-color-berry-50-a);
  --bgg-to: hsl(var(--dt-color-berry-50-h) var(--dt-color-berry-50-s) var(--dt-color-berry-50-l) / var(--bgg-to-opacity)) !important;
}

.d-bgg-to-berry-100, .h\:d-bgg-to-berry-100:hover, .f\:d-bgg-to-berry-100:focus, .f\:d-bgg-to-berry-100:focus-within, .fv\:d-bgg-to-berry-100:focus-visible {
  --bgg-to-opacity: var(--dt-color-berry-100-a);
  --bgg-to: hsl(var(--dt-color-berry-100-h) var(--dt-color-berry-100-s) var(--dt-color-berry-100-l) / var(--bgg-to-opacity)) !important;
}

.d-bgg-to-berry-200, .h\:d-bgg-to-berry-200:hover, .f\:d-bgg-to-berry-200:focus, .f\:d-bgg-to-berry-200:focus-within, .fv\:d-bgg-to-berry-200:focus-visible {
  --bgg-to-opacity: var(--dt-color-berry-200-a);
  --bgg-to: hsl(var(--dt-color-berry-200-h) var(--dt-color-berry-200-s) var(--dt-color-berry-200-l) / var(--bgg-to-opacity)) !important;
}

.d-bgg-to-berry-300, .h\:d-bgg-to-berry-300:hover, .f\:d-bgg-to-berry-300:focus, .f\:d-bgg-to-berry-300:focus-within, .fv\:d-bgg-to-berry-300:focus-visible {
  --bgg-to-opacity: var(--dt-color-berry-300-a);
  --bgg-to: hsl(var(--dt-color-berry-300-h) var(--dt-color-berry-300-s) var(--dt-color-berry-300-l) / var(--bgg-to-opacity)) !important;
}

.d-bgg-to-berry-400, .h\:d-bgg-to-berry-400:hover, .f\:d-bgg-to-berry-400:focus, .f\:d-bgg-to-berry-400:focus-within, .fv\:d-bgg-to-berry-400:focus-visible {
  --bgg-to-opacity: var(--dt-color-berry-400-a);
  --bgg-to: hsl(var(--dt-color-berry-400-h) var(--dt-color-berry-400-s) var(--dt-color-berry-400-l) / var(--bgg-to-opacity)) !important;
}

.d-bgg-to-berry-500, .h\:d-bgg-to-berry-500:hover, .f\:d-bgg-to-berry-500:focus, .f\:d-bgg-to-berry-500:focus-within, .fv\:d-bgg-to-berry-500:focus-visible {
  --bgg-to-opacity: var(--dt-color-berry-500-a);
  --bgg-to: hsl(var(--dt-color-berry-500-h) var(--dt-color-berry-500-s) var(--dt-color-berry-500-l) / var(--bgg-to-opacity)) !important;
}

.d-bgg-to-berry-600, .h\:d-bgg-to-berry-600:hover, .f\:d-bgg-to-berry-600:focus, .f\:d-bgg-to-berry-600:focus-within, .fv\:d-bgg-to-berry-600:focus-visible {
  --bgg-to-opacity: var(--dt-color-berry-600-a);
  --bgg-to: hsl(var(--dt-color-berry-600-h) var(--dt-color-berry-600-s) var(--dt-color-berry-600-l) / var(--bgg-to-opacity)) !important;
}

.d-bgg-to-berry-700, .h\:d-bgg-to-berry-700:hover, .f\:d-bgg-to-berry-700:focus, .f\:d-bgg-to-berry-700:focus-within, .fv\:d-bgg-to-berry-700:focus-visible {
  --bgg-to-opacity: var(--dt-color-berry-700-a);
  --bgg-to: hsl(var(--dt-color-berry-700-h) var(--dt-color-berry-700-s) var(--dt-color-berry-700-l) / var(--bgg-to-opacity)) !important;
}

.d-bgg-to-berry-800, .h\:d-bgg-to-berry-800:hover, .f\:d-bgg-to-berry-800:focus, .f\:d-bgg-to-berry-800:focus-within, .fv\:d-bgg-to-berry-800:focus-visible {
  --bgg-to-opacity: var(--dt-color-berry-800-a);
  --bgg-to: hsl(var(--dt-color-berry-800-h) var(--dt-color-berry-800-s) var(--dt-color-berry-800-l) / var(--bgg-to-opacity)) !important;
}

.d-bgg-to-berry-900, .h\:d-bgg-to-berry-900:hover, .f\:d-bgg-to-berry-900:focus, .f\:d-bgg-to-berry-900:focus-within, .fv\:d-bgg-to-berry-900:focus-visible {
  --bgg-to-opacity: var(--dt-color-berry-900-a);
  --bgg-to: hsl(var(--dt-color-berry-900-h) var(--dt-color-berry-900-s) var(--dt-color-berry-900-l) / var(--bgg-to-opacity)) !important;
}

.d-bgg-to-berry-950, .h\:d-bgg-to-berry-950:hover, .f\:d-bgg-to-berry-950:focus, .f\:d-bgg-to-berry-950:focus-within, .fv\:d-bgg-to-berry-950:focus-visible {
  --bgg-to-opacity: var(--dt-color-berry-950-a);
  --bgg-to: hsl(var(--dt-color-berry-950-h) var(--dt-color-berry-950-s) var(--dt-color-berry-950-l) / var(--bgg-to-opacity)) !important;
}

.d-bgg-to-berry-1000, .h\:d-bgg-to-berry-1000:hover, .f\:d-bgg-to-berry-1000:focus, .f\:d-bgg-to-berry-1000:focus-within, .fv\:d-bgg-to-berry-1000:focus-visible {
  --bgg-to-opacity: var(--dt-color-berry-1000-a);
  --bgg-to: hsl(var(--dt-color-berry-1000-h) var(--dt-color-berry-1000-s) var(--dt-color-berry-1000-l) / var(--bgg-to-opacity)) !important;
}

.d-bgg-to-coral-50, .h\:d-bgg-to-coral-50:hover, .f\:d-bgg-to-coral-50:focus, .f\:d-bgg-to-coral-50:focus-within, .fv\:d-bgg-to-coral-50:focus-visible {
  --bgg-to-opacity: var(--dt-color-coral-50-a);
  --bgg-to: hsl(var(--dt-color-coral-50-h) var(--dt-color-coral-50-s) var(--dt-color-coral-50-l) / var(--bgg-to-opacity)) !important;
}

.d-bgg-to-coral-100, .h\:d-bgg-to-coral-100:hover, .f\:d-bgg-to-coral-100:focus, .f\:d-bgg-to-coral-100:focus-within, .fv\:d-bgg-to-coral-100:focus-visible {
  --bgg-to-opacity: var(--dt-color-coral-100-a);
  --bgg-to: hsl(var(--dt-color-coral-100-h) var(--dt-color-coral-100-s) var(--dt-color-coral-100-l) / var(--bgg-to-opacity)) !important;
}

.d-bgg-to-coral-200, .h\:d-bgg-to-coral-200:hover, .f\:d-bgg-to-coral-200:focus, .f\:d-bgg-to-coral-200:focus-within, .fv\:d-bgg-to-coral-200:focus-visible {
  --bgg-to-opacity: var(--dt-color-coral-200-a);
  --bgg-to: hsl(var(--dt-color-coral-200-h) var(--dt-color-coral-200-s) var(--dt-color-coral-200-l) / var(--bgg-to-opacity)) !important;
}

.d-bgg-to-coral-300, .h\:d-bgg-to-coral-300:hover, .f\:d-bgg-to-coral-300:focus, .f\:d-bgg-to-coral-300:focus-within, .fv\:d-bgg-to-coral-300:focus-visible {
  --bgg-to-opacity: var(--dt-color-coral-300-a);
  --bgg-to: hsl(var(--dt-color-coral-300-h) var(--dt-color-coral-300-s) var(--dt-color-coral-300-l) / var(--bgg-to-opacity)) !important;
}

.d-bgg-to-coral-400, .h\:d-bgg-to-coral-400:hover, .f\:d-bgg-to-coral-400:focus, .f\:d-bgg-to-coral-400:focus-within, .fv\:d-bgg-to-coral-400:focus-visible {
  --bgg-to-opacity: var(--dt-color-coral-400-a);
  --bgg-to: hsl(var(--dt-color-coral-400-h) var(--dt-color-coral-400-s) var(--dt-color-coral-400-l) / var(--bgg-to-opacity)) !important;
}

.d-bgg-to-coral-500, .h\:d-bgg-to-coral-500:hover, .f\:d-bgg-to-coral-500:focus, .f\:d-bgg-to-coral-500:focus-within, .fv\:d-bgg-to-coral-500:focus-visible {
  --bgg-to-opacity: var(--dt-color-coral-500-a);
  --bgg-to: hsl(var(--dt-color-coral-500-h) var(--dt-color-coral-500-s) var(--dt-color-coral-500-l) / var(--bgg-to-opacity)) !important;
}

.d-bgg-to-coral-600, .h\:d-bgg-to-coral-600:hover, .f\:d-bgg-to-coral-600:focus, .f\:d-bgg-to-coral-600:focus-within, .fv\:d-bgg-to-coral-600:focus-visible {
  --bgg-to-opacity: var(--dt-color-coral-600-a);
  --bgg-to: hsl(var(--dt-color-coral-600-h) var(--dt-color-coral-600-s) var(--dt-color-coral-600-l) / var(--bgg-to-opacity)) !important;
}

.d-bgg-to-coral-700, .h\:d-bgg-to-coral-700:hover, .f\:d-bgg-to-coral-700:focus, .f\:d-bgg-to-coral-700:focus-within, .fv\:d-bgg-to-coral-700:focus-visible {
  --bgg-to-opacity: var(--dt-color-coral-700-a);
  --bgg-to: hsl(var(--dt-color-coral-700-h) var(--dt-color-coral-700-s) var(--dt-color-coral-700-l) / var(--bgg-to-opacity)) !important;
}

.d-bgg-to-coral-800, .h\:d-bgg-to-coral-800:hover, .f\:d-bgg-to-coral-800:focus, .f\:d-bgg-to-coral-800:focus-within, .fv\:d-bgg-to-coral-800:focus-visible {
  --bgg-to-opacity: var(--dt-color-coral-800-a);
  --bgg-to: hsl(var(--dt-color-coral-800-h) var(--dt-color-coral-800-s) var(--dt-color-coral-800-l) / var(--bgg-to-opacity)) !important;
}

.d-bgg-to-coral-900, .h\:d-bgg-to-coral-900:hover, .f\:d-bgg-to-coral-900:focus, .f\:d-bgg-to-coral-900:focus-within, .fv\:d-bgg-to-coral-900:focus-visible {
  --bgg-to-opacity: var(--dt-color-coral-900-a);
  --bgg-to: hsl(var(--dt-color-coral-900-h) var(--dt-color-coral-900-s) var(--dt-color-coral-900-l) / var(--bgg-to-opacity)) !important;
}

.d-bgg-to-coral-950, .h\:d-bgg-to-coral-950:hover, .f\:d-bgg-to-coral-950:focus, .f\:d-bgg-to-coral-950:focus-within, .fv\:d-bgg-to-coral-950:focus-visible {
  --bgg-to-opacity: var(--dt-color-coral-950-a);
  --bgg-to: hsl(var(--dt-color-coral-950-h) var(--dt-color-coral-950-s) var(--dt-color-coral-950-l) / var(--bgg-to-opacity)) !important;
}

.d-bgg-to-coral-1000, .h\:d-bgg-to-coral-1000:hover, .f\:d-bgg-to-coral-1000:focus, .f\:d-bgg-to-coral-1000:focus-within, .fv\:d-bgg-to-coral-1000:focus-visible {
  --bgg-to-opacity: var(--dt-color-coral-1000-a);
  --bgg-to: hsl(var(--dt-color-coral-1000-h) var(--dt-color-coral-1000-s) var(--dt-color-coral-1000-l) / var(--bgg-to-opacity)) !important;
}

.d-bgg-to-olive-50, .h\:d-bgg-to-olive-50:hover, .f\:d-bgg-to-olive-50:focus, .f\:d-bgg-to-olive-50:focus-within, .fv\:d-bgg-to-olive-50:focus-visible {
  --bgg-to-opacity: var(--dt-color-olive-50-a);
  --bgg-to: hsl(var(--dt-color-olive-50-h) var(--dt-color-olive-50-s) var(--dt-color-olive-50-l) / var(--bgg-to-opacity)) !important;
}

.d-bgg-to-olive-100, .h\:d-bgg-to-olive-100:hover, .f\:d-bgg-to-olive-100:focus, .f\:d-bgg-to-olive-100:focus-within, .fv\:d-bgg-to-olive-100:focus-visible {
  --bgg-to-opacity: var(--dt-color-olive-100-a);
  --bgg-to: hsl(var(--dt-color-olive-100-h) var(--dt-color-olive-100-s) var(--dt-color-olive-100-l) / var(--bgg-to-opacity)) !important;
}

.d-bgg-to-olive-200, .h\:d-bgg-to-olive-200:hover, .f\:d-bgg-to-olive-200:focus, .f\:d-bgg-to-olive-200:focus-within, .fv\:d-bgg-to-olive-200:focus-visible {
  --bgg-to-opacity: var(--dt-color-olive-200-a);
  --bgg-to: hsl(var(--dt-color-olive-200-h) var(--dt-color-olive-200-s) var(--dt-color-olive-200-l) / var(--bgg-to-opacity)) !important;
}

.d-bgg-to-olive-300, .h\:d-bgg-to-olive-300:hover, .f\:d-bgg-to-olive-300:focus, .f\:d-bgg-to-olive-300:focus-within, .fv\:d-bgg-to-olive-300:focus-visible {
  --bgg-to-opacity: var(--dt-color-olive-300-a);
  --bgg-to: hsl(var(--dt-color-olive-300-h) var(--dt-color-olive-300-s) var(--dt-color-olive-300-l) / var(--bgg-to-opacity)) !important;
}

.d-bgg-to-olive-400, .h\:d-bgg-to-olive-400:hover, .f\:d-bgg-to-olive-400:focus, .f\:d-bgg-to-olive-400:focus-within, .fv\:d-bgg-to-olive-400:focus-visible {
  --bgg-to-opacity: var(--dt-color-olive-400-a);
  --bgg-to: hsl(var(--dt-color-olive-400-h) var(--dt-color-olive-400-s) var(--dt-color-olive-400-l) / var(--bgg-to-opacity)) !important;
}

.d-bgg-to-olive-500, .h\:d-bgg-to-olive-500:hover, .f\:d-bgg-to-olive-500:focus, .f\:d-bgg-to-olive-500:focus-within, .fv\:d-bgg-to-olive-500:focus-visible {
  --bgg-to-opacity: var(--dt-color-olive-500-a);
  --bgg-to: hsl(var(--dt-color-olive-500-h) var(--dt-color-olive-500-s) var(--dt-color-olive-500-l) / var(--bgg-to-opacity)) !important;
}

.d-bgg-to-olive-600, .h\:d-bgg-to-olive-600:hover, .f\:d-bgg-to-olive-600:focus, .f\:d-bgg-to-olive-600:focus-within, .fv\:d-bgg-to-olive-600:focus-visible {
  --bgg-to-opacity: var(--dt-color-olive-600-a);
  --bgg-to: hsl(var(--dt-color-olive-600-h) var(--dt-color-olive-600-s) var(--dt-color-olive-600-l) / var(--bgg-to-opacity)) !important;
}

.d-bgg-to-olive-700, .h\:d-bgg-to-olive-700:hover, .f\:d-bgg-to-olive-700:focus, .f\:d-bgg-to-olive-700:focus-within, .fv\:d-bgg-to-olive-700:focus-visible {
  --bgg-to-opacity: var(--dt-color-olive-700-a);
  --bgg-to: hsl(var(--dt-color-olive-700-h) var(--dt-color-olive-700-s) var(--dt-color-olive-700-l) / var(--bgg-to-opacity)) !important;
}

.d-bgg-to-olive-800, .h\:d-bgg-to-olive-800:hover, .f\:d-bgg-to-olive-800:focus, .f\:d-bgg-to-olive-800:focus-within, .fv\:d-bgg-to-olive-800:focus-visible {
  --bgg-to-opacity: var(--dt-color-olive-800-a);
  --bgg-to: hsl(var(--dt-color-olive-800-h) var(--dt-color-olive-800-s) var(--dt-color-olive-800-l) / var(--bgg-to-opacity)) !important;
}

.d-bgg-to-olive-900, .h\:d-bgg-to-olive-900:hover, .f\:d-bgg-to-olive-900:focus, .f\:d-bgg-to-olive-900:focus-within, .fv\:d-bgg-to-olive-900:focus-visible {
  --bgg-to-opacity: var(--dt-color-olive-900-a);
  --bgg-to: hsl(var(--dt-color-olive-900-h) var(--dt-color-olive-900-s) var(--dt-color-olive-900-l) / var(--bgg-to-opacity)) !important;
}

.d-bgg-to-olive-950, .h\:d-bgg-to-olive-950:hover, .f\:d-bgg-to-olive-950:focus, .f\:d-bgg-to-olive-950:focus-within, .fv\:d-bgg-to-olive-950:focus-visible {
  --bgg-to-opacity: var(--dt-color-olive-950-a);
  --bgg-to: hsl(var(--dt-color-olive-950-h) var(--dt-color-olive-950-s) var(--dt-color-olive-950-l) / var(--bgg-to-opacity)) !important;
}

.d-bgg-to-olive-1000, .h\:d-bgg-to-olive-1000:hover, .f\:d-bgg-to-olive-1000:focus, .f\:d-bgg-to-olive-1000:focus-within, .fv\:d-bgg-to-olive-1000:focus-visible {
  --bgg-to-opacity: var(--dt-color-olive-1000-a);
  --bgg-to: hsl(var(--dt-color-olive-1000-h) var(--dt-color-olive-1000-s) var(--dt-color-olive-1000-l) / var(--bgg-to-opacity)) !important;
}

.d-bgg-to-teal-50, .h\:d-bgg-to-teal-50:hover, .f\:d-bgg-to-teal-50:focus, .f\:d-bgg-to-teal-50:focus-within, .fv\:d-bgg-to-teal-50:focus-visible {
  --bgg-to-opacity: var(--dt-color-teal-50-a);
  --bgg-to: hsl(var(--dt-color-teal-50-h) var(--dt-color-teal-50-s) var(--dt-color-teal-50-l) / var(--bgg-to-opacity)) !important;
}

.d-bgg-to-teal-100, .h\:d-bgg-to-teal-100:hover, .f\:d-bgg-to-teal-100:focus, .f\:d-bgg-to-teal-100:focus-within, .fv\:d-bgg-to-teal-100:focus-visible {
  --bgg-to-opacity: var(--dt-color-teal-100-a);
  --bgg-to: hsl(var(--dt-color-teal-100-h) var(--dt-color-teal-100-s) var(--dt-color-teal-100-l) / var(--bgg-to-opacity)) !important;
}

.d-bgg-to-teal-200, .h\:d-bgg-to-teal-200:hover, .f\:d-bgg-to-teal-200:focus, .f\:d-bgg-to-teal-200:focus-within, .fv\:d-bgg-to-teal-200:focus-visible {
  --bgg-to-opacity: var(--dt-color-teal-200-a);
  --bgg-to: hsl(var(--dt-color-teal-200-h) var(--dt-color-teal-200-s) var(--dt-color-teal-200-l) / var(--bgg-to-opacity)) !important;
}

.d-bgg-to-teal-300, .h\:d-bgg-to-teal-300:hover, .f\:d-bgg-to-teal-300:focus, .f\:d-bgg-to-teal-300:focus-within, .fv\:d-bgg-to-teal-300:focus-visible {
  --bgg-to-opacity: var(--dt-color-teal-300-a);
  --bgg-to: hsl(var(--dt-color-teal-300-h) var(--dt-color-teal-300-s) var(--dt-color-teal-300-l) / var(--bgg-to-opacity)) !important;
}

.d-bgg-to-teal-400, .h\:d-bgg-to-teal-400:hover, .f\:d-bgg-to-teal-400:focus, .f\:d-bgg-to-teal-400:focus-within, .fv\:d-bgg-to-teal-400:focus-visible {
  --bgg-to-opacity: var(--dt-color-teal-400-a);
  --bgg-to: hsl(var(--dt-color-teal-400-h) var(--dt-color-teal-400-s) var(--dt-color-teal-400-l) / var(--bgg-to-opacity)) !important;
}

.d-bgg-to-teal-500, .h\:d-bgg-to-teal-500:hover, .f\:d-bgg-to-teal-500:focus, .f\:d-bgg-to-teal-500:focus-within, .fv\:d-bgg-to-teal-500:focus-visible {
  --bgg-to-opacity: var(--dt-color-teal-500-a);
  --bgg-to: hsl(var(--dt-color-teal-500-h) var(--dt-color-teal-500-s) var(--dt-color-teal-500-l) / var(--bgg-to-opacity)) !important;
}

.d-bgg-to-teal-600, .h\:d-bgg-to-teal-600:hover, .f\:d-bgg-to-teal-600:focus, .f\:d-bgg-to-teal-600:focus-within, .fv\:d-bgg-to-teal-600:focus-visible {
  --bgg-to-opacity: var(--dt-color-teal-600-a);
  --bgg-to: hsl(var(--dt-color-teal-600-h) var(--dt-color-teal-600-s) var(--dt-color-teal-600-l) / var(--bgg-to-opacity)) !important;
}

.d-bgg-to-teal-700, .h\:d-bgg-to-teal-700:hover, .f\:d-bgg-to-teal-700:focus, .f\:d-bgg-to-teal-700:focus-within, .fv\:d-bgg-to-teal-700:focus-visible {
  --bgg-to-opacity: var(--dt-color-teal-700-a);
  --bgg-to: hsl(var(--dt-color-teal-700-h) var(--dt-color-teal-700-s) var(--dt-color-teal-700-l) / var(--bgg-to-opacity)) !important;
}

.d-bgg-to-teal-800, .h\:d-bgg-to-teal-800:hover, .f\:d-bgg-to-teal-800:focus, .f\:d-bgg-to-teal-800:focus-within, .fv\:d-bgg-to-teal-800:focus-visible {
  --bgg-to-opacity: var(--dt-color-teal-800-a);
  --bgg-to: hsl(var(--dt-color-teal-800-h) var(--dt-color-teal-800-s) var(--dt-color-teal-800-l) / var(--bgg-to-opacity)) !important;
}

.d-bgg-to-teal-900, .h\:d-bgg-to-teal-900:hover, .f\:d-bgg-to-teal-900:focus, .f\:d-bgg-to-teal-900:focus-within, .fv\:d-bgg-to-teal-900:focus-visible {
  --bgg-to-opacity: var(--dt-color-teal-900-a);
  --bgg-to: hsl(var(--dt-color-teal-900-h) var(--dt-color-teal-900-s) var(--dt-color-teal-900-l) / var(--bgg-to-opacity)) !important;
}

.d-bgg-to-teal-950, .h\:d-bgg-to-teal-950:hover, .f\:d-bgg-to-teal-950:focus, .f\:d-bgg-to-teal-950:focus-within, .fv\:d-bgg-to-teal-950:focus-visible {
  --bgg-to-opacity: var(--dt-color-teal-950-a);
  --bgg-to: hsl(var(--dt-color-teal-950-h) var(--dt-color-teal-950-s) var(--dt-color-teal-950-l) / var(--bgg-to-opacity)) !important;
}

.d-bgg-to-teal-1000, .h\:d-bgg-to-teal-1000:hover, .f\:d-bgg-to-teal-1000:focus, .f\:d-bgg-to-teal-1000:focus-within, .fv\:d-bgg-to-teal-1000:focus-visible {
  --bgg-to-opacity: var(--dt-color-teal-1000-a);
  --bgg-to: hsl(var(--dt-color-teal-1000-h) var(--dt-color-teal-1000-s) var(--dt-color-teal-1000-l) / var(--bgg-to-opacity)) !important;
}

.d-bgg-to-indigo-50, .h\:d-bgg-to-indigo-50:hover, .f\:d-bgg-to-indigo-50:focus, .f\:d-bgg-to-indigo-50:focus-within, .fv\:d-bgg-to-indigo-50:focus-visible {
  --bgg-to-opacity: var(--dt-color-indigo-50-a);
  --bgg-to: hsl(var(--dt-color-indigo-50-h) var(--dt-color-indigo-50-s) var(--dt-color-indigo-50-l) / var(--bgg-to-opacity)) !important;
}

.d-bgg-to-indigo-100, .h\:d-bgg-to-indigo-100:hover, .f\:d-bgg-to-indigo-100:focus, .f\:d-bgg-to-indigo-100:focus-within, .fv\:d-bgg-to-indigo-100:focus-visible {
  --bgg-to-opacity: var(--dt-color-indigo-100-a);
  --bgg-to: hsl(var(--dt-color-indigo-100-h) var(--dt-color-indigo-100-s) var(--dt-color-indigo-100-l) / var(--bgg-to-opacity)) !important;
}

.d-bgg-to-indigo-200, .h\:d-bgg-to-indigo-200:hover, .f\:d-bgg-to-indigo-200:focus, .f\:d-bgg-to-indigo-200:focus-within, .fv\:d-bgg-to-indigo-200:focus-visible {
  --bgg-to-opacity: var(--dt-color-indigo-200-a);
  --bgg-to: hsl(var(--dt-color-indigo-200-h) var(--dt-color-indigo-200-s) var(--dt-color-indigo-200-l) / var(--bgg-to-opacity)) !important;
}

.d-bgg-to-indigo-300, .h\:d-bgg-to-indigo-300:hover, .f\:d-bgg-to-indigo-300:focus, .f\:d-bgg-to-indigo-300:focus-within, .fv\:d-bgg-to-indigo-300:focus-visible {
  --bgg-to-opacity: var(--dt-color-indigo-300-a);
  --bgg-to: hsl(var(--dt-color-indigo-300-h) var(--dt-color-indigo-300-s) var(--dt-color-indigo-300-l) / var(--bgg-to-opacity)) !important;
}

.d-bgg-to-indigo-400, .h\:d-bgg-to-indigo-400:hover, .f\:d-bgg-to-indigo-400:focus, .f\:d-bgg-to-indigo-400:focus-within, .fv\:d-bgg-to-indigo-400:focus-visible {
  --bgg-to-opacity: var(--dt-color-indigo-400-a);
  --bgg-to: hsl(var(--dt-color-indigo-400-h) var(--dt-color-indigo-400-s) var(--dt-color-indigo-400-l) / var(--bgg-to-opacity)) !important;
}

.d-bgg-to-indigo-500, .h\:d-bgg-to-indigo-500:hover, .f\:d-bgg-to-indigo-500:focus, .f\:d-bgg-to-indigo-500:focus-within, .fv\:d-bgg-to-indigo-500:focus-visible {
  --bgg-to-opacity: var(--dt-color-indigo-500-a);
  --bgg-to: hsl(var(--dt-color-indigo-500-h) var(--dt-color-indigo-500-s) var(--dt-color-indigo-500-l) / var(--bgg-to-opacity)) !important;
}

.d-bgg-to-indigo-600, .h\:d-bgg-to-indigo-600:hover, .f\:d-bgg-to-indigo-600:focus, .f\:d-bgg-to-indigo-600:focus-within, .fv\:d-bgg-to-indigo-600:focus-visible {
  --bgg-to-opacity: var(--dt-color-indigo-600-a);
  --bgg-to: hsl(var(--dt-color-indigo-600-h) var(--dt-color-indigo-600-s) var(--dt-color-indigo-600-l) / var(--bgg-to-opacity)) !important;
}

.d-bgg-to-indigo-700, .h\:d-bgg-to-indigo-700:hover, .f\:d-bgg-to-indigo-700:focus, .f\:d-bgg-to-indigo-700:focus-within, .fv\:d-bgg-to-indigo-700:focus-visible {
  --bgg-to-opacity: var(--dt-color-indigo-700-a);
  --bgg-to: hsl(var(--dt-color-indigo-700-h) var(--dt-color-indigo-700-s) var(--dt-color-indigo-700-l) / var(--bgg-to-opacity)) !important;
}

.d-bgg-to-indigo-800, .h\:d-bgg-to-indigo-800:hover, .f\:d-bgg-to-indigo-800:focus, .f\:d-bgg-to-indigo-800:focus-within, .fv\:d-bgg-to-indigo-800:focus-visible {
  --bgg-to-opacity: var(--dt-color-indigo-800-a);
  --bgg-to: hsl(var(--dt-color-indigo-800-h) var(--dt-color-indigo-800-s) var(--dt-color-indigo-800-l) / var(--bgg-to-opacity)) !important;
}

.d-bgg-to-indigo-900, .h\:d-bgg-to-indigo-900:hover, .f\:d-bgg-to-indigo-900:focus, .f\:d-bgg-to-indigo-900:focus-within, .fv\:d-bgg-to-indigo-900:focus-visible {
  --bgg-to-opacity: var(--dt-color-indigo-900-a);
  --bgg-to: hsl(var(--dt-color-indigo-900-h) var(--dt-color-indigo-900-s) var(--dt-color-indigo-900-l) / var(--bgg-to-opacity)) !important;
}

.d-bgg-to-indigo-950, .h\:d-bgg-to-indigo-950:hover, .f\:d-bgg-to-indigo-950:focus, .f\:d-bgg-to-indigo-950:focus-within, .fv\:d-bgg-to-indigo-950:focus-visible {
  --bgg-to-opacity: var(--dt-color-indigo-950-a);
  --bgg-to: hsl(var(--dt-color-indigo-950-h) var(--dt-color-indigo-950-s) var(--dt-color-indigo-950-l) / var(--bgg-to-opacity)) !important;
}

.d-bgg-to-indigo-1000, .h\:d-bgg-to-indigo-1000:hover, .f\:d-bgg-to-indigo-1000:focus, .f\:d-bgg-to-indigo-1000:focus-within, .fv\:d-bgg-to-indigo-1000:focus-visible {
  --bgg-to-opacity: var(--dt-color-indigo-1000-a);
  --bgg-to: hsl(var(--dt-color-indigo-1000-h) var(--dt-color-indigo-1000-s) var(--dt-color-indigo-1000-l) / var(--bgg-to-opacity)) !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;
}

.d-bgg-to-neutral-black, .h\:d-bgg-to-neutral-black:hover, .f\:d-bgg-to-neutral-black:focus, .f\:d-bgg-to-neutral-black:focus-within, .fv\:d-bgg-to-neutral-black:focus-visible {
  --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;
}

.d-bgg-to-black-200, .h\:d-bgg-to-black-200:hover, .f\:d-bgg-to-black-200:focus, .f\:d-bgg-to-black-200:focus-within, .fv\:d-bgg-to-black-200:focus-visible {
  --bgg-to-opacity: var(--dt-color-black-200-a);
  --bgg-to: hsl(var(--dt-color-black-200-h) var(--dt-color-black-200-s) var(--dt-color-black-200-l) / var(--bgg-to-opacity)) !important;
}

.d-bgg-to-black-300, .h\:d-bgg-to-black-300:hover, .f\:d-bgg-to-black-300:focus, .f\:d-bgg-to-black-300:focus-within, .fv\:d-bgg-to-black-300:focus-visible {
  --bgg-to-opacity: var(--dt-color-black-300-a);
  --bgg-to: hsl(var(--dt-color-black-300-h) var(--dt-color-black-300-s) var(--dt-color-black-300-l) / var(--bgg-to-opacity)) !important;
}

.d-bgg-to-black-400, .h\:d-bgg-to-black-400:hover, .f\:d-bgg-to-black-400:focus, .f\:d-bgg-to-black-400:focus-within, .fv\:d-bgg-to-black-400:focus-visible {
  --bgg-to-opacity: var(--dt-color-black-400-a);
  --bgg-to: hsl(var(--dt-color-black-400-h) var(--dt-color-black-400-s) var(--dt-color-black-400-l) / var(--bgg-to-opacity)) !important;
}

.d-bgg-to-black-500, .h\:d-bgg-to-black-500:hover, .f\:d-bgg-to-black-500:focus, .f\:d-bgg-to-black-500:focus-within, .fv\:d-bgg-to-black-500:focus-visible {
  --bgg-to-opacity: var(--dt-color-black-500-a);
  --bgg-to: hsl(var(--dt-color-black-500-h) var(--dt-color-black-500-s) var(--dt-color-black-500-l) / var(--bgg-to-opacity)) !important;
}

.d-bgg-to-black-600, .h\:d-bgg-to-black-600:hover, .f\:d-bgg-to-black-600:focus, .f\:d-bgg-to-black-600:focus-within, .fv\:d-bgg-to-black-600:focus-visible {
  --bgg-to-opacity: var(--dt-color-black-600-a);
  --bgg-to: hsl(var(--dt-color-black-600-h) var(--dt-color-black-600-s) var(--dt-color-black-600-l) / var(--bgg-to-opacity)) !important;
}

.d-bgg-to-black-700, .h\:d-bgg-to-black-700:hover, .f\:d-bgg-to-black-700:focus, .f\:d-bgg-to-black-700:focus-within, .fv\:d-bgg-to-black-700:focus-visible {
  --bgg-to-opacity: var(--dt-color-black-700-a);
  --bgg-to: hsl(var(--dt-color-black-700-h) var(--dt-color-black-700-s) var(--dt-color-black-700-l) / var(--bgg-to-opacity)) !important;
}

.d-bgg-to-black-800, .h\:d-bgg-to-black-800:hover, .f\:d-bgg-to-black-800:focus, .f\:d-bgg-to-black-800:focus-within, .fv\:d-bgg-to-black-800:focus-visible {
  --bgg-to-opacity: var(--dt-color-black-800-a);
  --bgg-to: hsl(var(--dt-color-black-800-h) var(--dt-color-black-800-s) var(--dt-color-black-800-l) / var(--bgg-to-opacity)) !important;
}

.d-bgg-to-black-900, .h\:d-bgg-to-black-900:hover, .f\:d-bgg-to-black-900:focus, .f\:d-bgg-to-black-900:focus-within, .fv\:d-bgg-to-black-900:focus-visible {
  --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;
}

.d-bgg-to-purple-200, .h\:d-bgg-to-purple-200:hover, .f\:d-bgg-to-purple-200:focus, .f\:d-bgg-to-purple-200:focus-within, .fv\:d-bgg-to-purple-200:focus-visible {
  --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;
}

.d-bgg-to-blue-200, .h\:d-bgg-to-blue-200:hover, .f\:d-bgg-to-blue-200:focus, .f\:d-bgg-to-blue-200:focus-within, .fv\:d-bgg-to-blue-200:focus-visible {
  --bgg-to-opacity: var(--dt-color-blue-200-a);
  --bgg-to: hsl(var(--dt-color-blue-200-h) var(--dt-color-blue-200-s) var(--dt-color-blue-200-l) / var(--bgg-to-opacity)) !important;
}

.d-bgg-to-blue-300, .h\:d-bgg-to-blue-300:hover, .f\:d-bgg-to-blue-300:focus, .f\:d-bgg-to-blue-300:focus-within, .fv\:d-bgg-to-blue-300:focus-visible {
  --bgg-to-opacity: var(--dt-color-blue-300-a);
  --bgg-to: hsl(var(--dt-color-blue-300-h) var(--dt-color-blue-300-s) var(--dt-color-blue-300-l) / var(--bgg-to-opacity)) !important;
}

.d-bgg-to-blue-400, .h\:d-bgg-to-blue-400:hover, .f\:d-bgg-to-blue-400:focus, .f\:d-bgg-to-blue-400:focus-within, .fv\:d-bgg-to-blue-400:focus-visible {
  --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;
}

.d-bgg-to-magenta-200, .h\:d-bgg-to-magenta-200:hover, .f\:d-bgg-to-magenta-200:focus, .f\:d-bgg-to-magenta-200:focus-within, .fv\:d-bgg-to-magenta-200:focus-visible {
  --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;
}

.d-bgg-to-magenta-400, .h\:d-bgg-to-magenta-400:hover, .f\:d-bgg-to-magenta-400:focus, .f\:d-bgg-to-magenta-400:focus-within, .fv\:d-bgg-to-magenta-400:focus-visible {
  --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;
}

.d-bgg-to-gold-200, .h\:d-bgg-to-gold-200:hover, .f\:d-bgg-to-gold-200:focus, .f\:d-bgg-to-gold-200:focus-within, .fv\:d-bgg-to-gold-200:focus-visible {
  --bgg-to-opacity: var(--dt-color-gold-200-a);
  --bgg-to: hsl(var(--dt-color-gold-200-h) var(--dt-color-gold-200-s) var(--dt-color-gold-200-l) / var(--bgg-to-opacity)) !important;
}

.d-bgg-to-gold-300, .h\:d-bgg-to-gold-300:hover, .f\:d-bgg-to-gold-300:focus, .f\:d-bgg-to-gold-300:focus-within, .fv\:d-bgg-to-gold-300:focus-visible {
  --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;
}

.d-bgg-to-green-200, .h\:d-bgg-to-green-200:hover, .f\:d-bgg-to-green-200:focus, .f\:d-bgg-to-green-200:focus-within, .fv\:d-bgg-to-green-200:focus-visible {
  --bgg-to-opacity: var(--dt-color-green-200-a);
  --bgg-to: hsl(var(--dt-color-green-200-h) var(--dt-color-green-200-s) var(--dt-color-green-200-l) / var(--bgg-to-opacity)) !important;
}

.d-bgg-to-green-300, .h\:d-bgg-to-green-300:hover, .f\:d-bgg-to-green-300:focus, .f\:d-bgg-to-green-300:focus-within, .fv\:d-bgg-to-green-300:focus-visible {
  --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;
}

.d-bgg-to-red-200, .h\:d-bgg-to-red-200:hover, .f\:d-bgg-to-red-200:focus, .f\:d-bgg-to-red-200:focus-within, .fv\:d-bgg-to-red-200:focus-visible {
  --bgg-to-opacity: var(--dt-color-red-200-a);
  --bgg-to: hsl(var(--dt-color-red-200-h) var(--dt-color-red-200-s) var(--dt-color-red-200-l) / var(--bgg-to-opacity)) !important;
}

.d-bgg-to-red-300, .h\:d-bgg-to-red-300:hover, .f\:d-bgg-to-red-300:focus, .f\:d-bgg-to-red-300:focus-within, .fv\:d-bgg-to-red-300:focus-visible {
  --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;
}

.d-bgg-to-tan-200, .h\:d-bgg-to-tan-200:hover, .f\:d-bgg-to-tan-200:focus, .f\:d-bgg-to-tan-200:focus-within, .fv\:d-bgg-to-tan-200:focus-visible {
  --bgg-to-opacity: var(--dt-color-tan-200-a);
  --bgg-to: hsl(var(--dt-color-tan-200-h) var(--dt-color-tan-200-s) var(--dt-color-tan-200-l) / var(--bgg-to-opacity)) !important;
}

.d-bgg-to-tan-300, .h\:d-bgg-to-tan-300:hover, .f\:d-bgg-to-tan-300:focus, .f\:d-bgg-to-tan-300:focus-within, .fv\:d-bgg-to-tan-300:focus-visible {
  --bgg-to-opacity: var(--dt-color-tan-300-a);
  --bgg-to: hsl(var(--dt-color-tan-300-h) var(--dt-color-tan-300-s) var(--dt-color-tan-300-l) / var(--bgg-to-opacity)) !important;
}

.d-bgg-to-tan-400, .h\:d-bgg-to-tan-400:hover, .f\:d-bgg-to-tan-400:focus, .f\:d-bgg-to-tan-400:focus-within, .fv\:d-bgg-to-tan-400:focus-visible {
  --bgg-to-opacity: var(--dt-color-tan-400-a);
  --bgg-to: hsl(var(--dt-color-tan-400-h) var(--dt-color-tan-400-s) var(--dt-color-tan-400-l) / var(--bgg-to-opacity)) !important;
}

.d-bgg-to-tan-500, .h\:d-bgg-to-tan-500:hover, .f\:d-bgg-to-tan-500:focus, .f\:d-bgg-to-tan-500:focus-within, .fv\:d-bgg-to-tan-500:focus-visible {
  --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-bgg-to-berry-50, .h\:d-bgg-to-berry-50:hover, .f\:d-bgg-to-berry-50:focus, .f\:d-bgg-to-berry-50:focus-within, .fv\:d-bgg-to-berry-50:focus-visible {
  --bgg-to-opacity: var(--dt-color-berry-50-a);
  --bgg-to: hsl(var(--dt-color-berry-50-h) var(--dt-color-berry-50-s) var(--dt-color-berry-50-l) / var(--bgg-to-opacity)) !important;
}

.d-bgg-to-berry-100, .h\:d-bgg-to-berry-100:hover, .f\:d-bgg-to-berry-100:focus, .f\:d-bgg-to-berry-100:focus-within, .fv\:d-bgg-to-berry-100:focus-visible {
  --bgg-to-opacity: var(--dt-color-berry-100-a);
  --bgg-to: hsl(var(--dt-color-berry-100-h) var(--dt-color-berry-100-s) var(--dt-color-berry-100-l) / var(--bgg-to-opacity)) !important;
}

.d-bgg-to-berry-200, .h\:d-bgg-to-berry-200:hover, .f\:d-bgg-to-berry-200:focus, .f\:d-bgg-to-berry-200:focus-within, .fv\:d-bgg-to-berry-200:focus-visible {
  --bgg-to-opacity: var(--dt-color-berry-200-a);
  --bgg-to: hsl(var(--dt-color-berry-200-h) var(--dt-color-berry-200-s) var(--dt-color-berry-200-l) / var(--bgg-to-opacity)) !important;
}

.d-bgg-to-berry-300, .h\:d-bgg-to-berry-300:hover, .f\:d-bgg-to-berry-300:focus, .f\:d-bgg-to-berry-300:focus-within, .fv\:d-bgg-to-berry-300:focus-visible {
  --bgg-to-opacity: var(--dt-color-berry-300-a);
  --bgg-to: hsl(var(--dt-color-berry-300-h) var(--dt-color-berry-300-s) var(--dt-color-berry-300-l) / var(--bgg-to-opacity)) !important;
}

.d-bgg-to-berry-400, .h\:d-bgg-to-berry-400:hover, .f\:d-bgg-to-berry-400:focus, .f\:d-bgg-to-berry-400:focus-within, .fv\:d-bgg-to-berry-400:focus-visible {
  --bgg-to-opacity: var(--dt-color-berry-400-a);
  --bgg-to: hsl(var(--dt-color-berry-400-h) var(--dt-color-berry-400-s) var(--dt-color-berry-400-l) / var(--bgg-to-opacity)) !important;
}

.d-bgg-to-berry-500, .h\:d-bgg-to-berry-500:hover, .f\:d-bgg-to-berry-500:focus, .f\:d-bgg-to-berry-500:focus-within, .fv\:d-bgg-to-berry-500:focus-visible {
  --bgg-to-opacity: var(--dt-color-berry-500-a);
  --bgg-to: hsl(var(--dt-color-berry-500-h) var(--dt-color-berry-500-s) var(--dt-color-berry-500-l) / var(--bgg-to-opacity)) !important;
}

.d-bgg-to-berry-600, .h\:d-bgg-to-berry-600:hover, .f\:d-bgg-to-berry-600:focus, .f\:d-bgg-to-berry-600:focus-within, .fv\:d-bgg-to-berry-600:focus-visible {
  --bgg-to-opacity: var(--dt-color-berry-600-a);
  --bgg-to: hsl(var(--dt-color-berry-600-h) var(--dt-color-berry-600-s) var(--dt-color-berry-600-l) / var(--bgg-to-opacity)) !important;
}

.d-bgg-to-berry-700, .h\:d-bgg-to-berry-700:hover, .f\:d-bgg-to-berry-700:focus, .f\:d-bgg-to-berry-700:focus-within, .fv\:d-bgg-to-berry-700:focus-visible {
  --bgg-to-opacity: var(--dt-color-berry-700-a);
  --bgg-to: hsl(var(--dt-color-berry-700-h) var(--dt-color-berry-700-s) var(--dt-color-berry-700-l) / var(--bgg-to-opacity)) !important;
}

.d-bgg-to-berry-800, .h\:d-bgg-to-berry-800:hover, .f\:d-bgg-to-berry-800:focus, .f\:d-bgg-to-berry-800:focus-within, .fv\:d-bgg-to-berry-800:focus-visible {
  --bgg-to-opacity: var(--dt-color-berry-800-a);
  --bgg-to: hsl(var(--dt-color-berry-800-h) var(--dt-color-berry-800-s) var(--dt-color-berry-800-l) / var(--bgg-to-opacity)) !important;
}

.d-bgg-to-berry-900, .h\:d-bgg-to-berry-900:hover, .f\:d-bgg-to-berry-900:focus, .f\:d-bgg-to-berry-900:focus-within, .fv\:d-bgg-to-berry-900:focus-visible {
  --bgg-to-opacity: var(--dt-color-berry-900-a);
  --bgg-to: hsl(var(--dt-color-berry-900-h) var(--dt-color-berry-900-s) var(--dt-color-berry-900-l) / var(--bgg-to-opacity)) !important;
}

.d-bgg-to-berry-950, .h\:d-bgg-to-berry-950:hover, .f\:d-bgg-to-berry-950:focus, .f\:d-bgg-to-berry-950:focus-within, .fv\:d-bgg-to-berry-950:focus-visible {
  --bgg-to-opacity: var(--dt-color-berry-950-a);
  --bgg-to: hsl(var(--dt-color-berry-950-h) var(--dt-color-berry-950-s) var(--dt-color-berry-950-l) / var(--bgg-to-opacity)) !important;
}

.d-bgg-to-berry-1000, .h\:d-bgg-to-berry-1000:hover, .f\:d-bgg-to-berry-1000:focus, .f\:d-bgg-to-berry-1000:focus-within, .fv\:d-bgg-to-berry-1000:focus-visible {
  --bgg-to-opacity: var(--dt-color-berry-1000-a);
  --bgg-to: hsl(var(--dt-color-berry-1000-h) var(--dt-color-berry-1000-s) var(--dt-color-berry-1000-l) / var(--bgg-to-opacity)) !important;
}

.d-bgg-to-coral-50, .h\:d-bgg-to-coral-50:hover, .f\:d-bgg-to-coral-50:focus, .f\:d-bgg-to-coral-50:focus-within, .fv\:d-bgg-to-coral-50:focus-visible {
  --bgg-to-opacity: var(--dt-color-coral-50-a);
  --bgg-to: hsl(var(--dt-color-coral-50-h) var(--dt-color-coral-50-s) var(--dt-color-coral-50-l) / var(--bgg-to-opacity)) !important;
}

.d-bgg-to-coral-100, .h\:d-bgg-to-coral-100:hover, .f\:d-bgg-to-coral-100:focus, .f\:d-bgg-to-coral-100:focus-within, .fv\:d-bgg-to-coral-100:focus-visible {
  --bgg-to-opacity: var(--dt-color-coral-100-a);
  --bgg-to: hsl(var(--dt-color-coral-100-h) var(--dt-color-coral-100-s) var(--dt-color-coral-100-l) / var(--bgg-to-opacity)) !important;
}

.d-bgg-to-coral-200, .h\:d-bgg-to-coral-200:hover, .f\:d-bgg-to-coral-200:focus, .f\:d-bgg-to-coral-200:focus-within, .fv\:d-bgg-to-coral-200:focus-visible {
  --bgg-to-opacity: var(--dt-color-coral-200-a);
  --bgg-to: hsl(var(--dt-color-coral-200-h) var(--dt-color-coral-200-s) var(--dt-color-coral-200-l) / var(--bgg-to-opacity)) !important;
}

.d-bgg-to-coral-300, .h\:d-bgg-to-coral-300:hover, .f\:d-bgg-to-coral-300:focus, .f\:d-bgg-to-coral-300:focus-within, .fv\:d-bgg-to-coral-300:focus-visible {
  --bgg-to-opacity: var(--dt-color-coral-300-a);
  --bgg-to: hsl(var(--dt-color-coral-300-h) var(--dt-color-coral-300-s) var(--dt-color-coral-300-l) / var(--bgg-to-opacity)) !important;
}

.d-bgg-to-coral-400, .h\:d-bgg-to-coral-400:hover, .f\:d-bgg-to-coral-400:focus, .f\:d-bgg-to-coral-400:focus-within, .fv\:d-bgg-to-coral-400:focus-visible {
  --bgg-to-opacity: var(--dt-color-coral-400-a);
  --bgg-to: hsl(var(--dt-color-coral-400-h) var(--dt-color-coral-400-s) var(--dt-color-coral-400-l) / var(--bgg-to-opacity)) !important;
}

.d-bgg-to-coral-500, .h\:d-bgg-to-coral-500:hover, .f\:d-bgg-to-coral-500:focus, .f\:d-bgg-to-coral-500:focus-within, .fv\:d-bgg-to-coral-500:focus-visible {
  --bgg-to-opacity: var(--dt-color-coral-500-a);
  --bgg-to: hsl(var(--dt-color-coral-500-h) var(--dt-color-coral-500-s) var(--dt-color-coral-500-l) / var(--bgg-to-opacity)) !important;
}

.d-bgg-to-coral-600, .h\:d-bgg-to-coral-600:hover, .f\:d-bgg-to-coral-600:focus, .f\:d-bgg-to-coral-600:focus-within, .fv\:d-bgg-to-coral-600:focus-visible {
  --bgg-to-opacity: var(--dt-color-coral-600-a);
  --bgg-to: hsl(var(--dt-color-coral-600-h) var(--dt-color-coral-600-s) var(--dt-color-coral-600-l) / var(--bgg-to-opacity)) !important;
}

.d-bgg-to-coral-700, .h\:d-bgg-to-coral-700:hover, .f\:d-bgg-to-coral-700:focus, .f\:d-bgg-to-coral-700:focus-within, .fv\:d-bgg-to-coral-700:focus-visible {
  --bgg-to-opacity: var(--dt-color-coral-700-a);
  --bgg-to: hsl(var(--dt-color-coral-700-h) var(--dt-color-coral-700-s) var(--dt-color-coral-700-l) / var(--bgg-to-opacity)) !important;
}

.d-bgg-to-coral-800, .h\:d-bgg-to-coral-800:hover, .f\:d-bgg-to-coral-800:focus, .f\:d-bgg-to-coral-800:focus-within, .fv\:d-bgg-to-coral-800:focus-visible {
  --bgg-to-opacity: var(--dt-color-coral-800-a);
  --bgg-to: hsl(var(--dt-color-coral-800-h) var(--dt-color-coral-800-s) var(--dt-color-coral-800-l) / var(--bgg-to-opacity)) !important;
}

.d-bgg-to-coral-900, .h\:d-bgg-to-coral-900:hover, .f\:d-bgg-to-coral-900:focus, .f\:d-bgg-to-coral-900:focus-within, .fv\:d-bgg-to-coral-900:focus-visible {
  --bgg-to-opacity: var(--dt-color-coral-900-a);
  --bgg-to: hsl(var(--dt-color-coral-900-h) var(--dt-color-coral-900-s) var(--dt-color-coral-900-l) / var(--bgg-to-opacity)) !important;
}

.d-bgg-to-coral-950, .h\:d-bgg-to-coral-950:hover, .f\:d-bgg-to-coral-950:focus, .f\:d-bgg-to-coral-950:focus-within, .fv\:d-bgg-to-coral-950:focus-visible {
  --bgg-to-opacity: var(--dt-color-coral-950-a);
  --bgg-to: hsl(var(--dt-color-coral-950-h) var(--dt-color-coral-950-s) var(--dt-color-coral-950-l) / var(--bgg-to-opacity)) !important;
}

.d-bgg-to-coral-1000, .h\:d-bgg-to-coral-1000:hover, .f\:d-bgg-to-coral-1000:focus, .f\:d-bgg-to-coral-1000:focus-within, .fv\:d-bgg-to-coral-1000:focus-visible {
  --bgg-to-opacity: var(--dt-color-coral-1000-a);
  --bgg-to: hsl(var(--dt-color-coral-1000-h) var(--dt-color-coral-1000-s) var(--dt-color-coral-1000-l) / var(--bgg-to-opacity)) !important;
}

.d-bgg-to-olive-50, .h\:d-bgg-to-olive-50:hover, .f\:d-bgg-to-olive-50:focus, .f\:d-bgg-to-olive-50:focus-within, .fv\:d-bgg-to-olive-50:focus-visible {
  --bgg-to-opacity: var(--dt-color-olive-50-a);
  --bgg-to: hsl(var(--dt-color-olive-50-h) var(--dt-color-olive-50-s) var(--dt-color-olive-50-l) / var(--bgg-to-opacity)) !important;
}

.d-bgg-to-olive-100, .h\:d-bgg-to-olive-100:hover, .f\:d-bgg-to-olive-100:focus, .f\:d-bgg-to-olive-100:focus-within, .fv\:d-bgg-to-olive-100:focus-visible {
  --bgg-to-opacity: var(--dt-color-olive-100-a);
  --bgg-to: hsl(var(--dt-color-olive-100-h) var(--dt-color-olive-100-s) var(--dt-color-olive-100-l) / var(--bgg-to-opacity)) !important;
}

.d-bgg-to-olive-200, .h\:d-bgg-to-olive-200:hover, .f\:d-bgg-to-olive-200:focus, .f\:d-bgg-to-olive-200:focus-within, .fv\:d-bgg-to-olive-200:focus-visible {
  --bgg-to-opacity: var(--dt-color-olive-200-a);
  --bgg-to: hsl(var(--dt-color-olive-200-h) var(--dt-color-olive-200-s) var(--dt-color-olive-200-l) / var(--bgg-to-opacity)) !important;
}

.d-bgg-to-olive-300, .h\:d-bgg-to-olive-300:hover, .f\:d-bgg-to-olive-300:focus, .f\:d-bgg-to-olive-300:focus-within, .fv\:d-bgg-to-olive-300:focus-visible {
  --bgg-to-opacity: var(--dt-color-olive-300-a);
  --bgg-to: hsl(var(--dt-color-olive-300-h) var(--dt-color-olive-300-s) var(--dt-color-olive-300-l) / var(--bgg-to-opacity)) !important;
}

.d-bgg-to-olive-400, .h\:d-bgg-to-olive-400:hover, .f\:d-bgg-to-olive-400:focus, .f\:d-bgg-to-olive-400:focus-within, .fv\:d-bgg-to-olive-400:focus-visible {
  --bgg-to-opacity: var(--dt-color-olive-400-a);
  --bgg-to: hsl(var(--dt-color-olive-400-h) var(--dt-color-olive-400-s) var(--dt-color-olive-400-l) / var(--bgg-to-opacity)) !important;
}

.d-bgg-to-olive-500, .h\:d-bgg-to-olive-500:hover, .f\:d-bgg-to-olive-500:focus, .f\:d-bgg-to-olive-500:focus-within, .fv\:d-bgg-to-olive-500:focus-visible {
  --bgg-to-opacity: var(--dt-color-olive-500-a);
  --bgg-to: hsl(var(--dt-color-olive-500-h) var(--dt-color-olive-500-s) var(--dt-color-olive-500-l) / var(--bgg-to-opacity)) !important;
}

.d-bgg-to-olive-600, .h\:d-bgg-to-olive-600:hover, .f\:d-bgg-to-olive-600:focus, .f\:d-bgg-to-olive-600:focus-within, .fv\:d-bgg-to-olive-600:focus-visible {
  --bgg-to-opacity: var(--dt-color-olive-600-a);
  --bgg-to: hsl(var(--dt-color-olive-600-h) var(--dt-color-olive-600-s) var(--dt-color-olive-600-l) / var(--bgg-to-opacity)) !important;
}

.d-bgg-to-olive-700, .h\:d-bgg-to-olive-700:hover, .f\:d-bgg-to-olive-700:focus, .f\:d-bgg-to-olive-700:focus-within, .fv\:d-bgg-to-olive-700:focus-visible {
  --bgg-to-opacity: var(--dt-color-olive-700-a);
  --bgg-to: hsl(var(--dt-color-olive-700-h) var(--dt-color-olive-700-s) var(--dt-color-olive-700-l) / var(--bgg-to-opacity)) !important;
}

.d-bgg-to-olive-800, .h\:d-bgg-to-olive-800:hover, .f\:d-bgg-to-olive-800:focus, .f\:d-bgg-to-olive-800:focus-within, .fv\:d-bgg-to-olive-800:focus-visible {
  --bgg-to-opacity: var(--dt-color-olive-800-a);
  --bgg-to: hsl(var(--dt-color-olive-800-h) var(--dt-color-olive-800-s) var(--dt-color-olive-800-l) / var(--bgg-to-opacity)) !important;
}

.d-bgg-to-olive-900, .h\:d-bgg-to-olive-900:hover, .f\:d-bgg-to-olive-900:focus, .f\:d-bgg-to-olive-900:focus-within, .fv\:d-bgg-to-olive-900:focus-visible {
  --bgg-to-opacity: var(--dt-color-olive-900-a);
  --bgg-to: hsl(var(--dt-color-olive-900-h) var(--dt-color-olive-900-s) var(--dt-color-olive-900-l) / var(--bgg-to-opacity)) !important;
}

.d-bgg-to-olive-950, .h\:d-bgg-to-olive-950:hover, .f\:d-bgg-to-olive-950:focus, .f\:d-bgg-to-olive-950:focus-within, .fv\:d-bgg-to-olive-950:focus-visible {
  --bgg-to-opacity: var(--dt-color-olive-950-a);
  --bgg-to: hsl(var(--dt-color-olive-950-h) var(--dt-color-olive-950-s) var(--dt-color-olive-950-l) / var(--bgg-to-opacity)) !important;
}

.d-bgg-to-olive-1000, .h\:d-bgg-to-olive-1000:hover, .f\:d-bgg-to-olive-1000:focus, .f\:d-bgg-to-olive-1000:focus-within, .fv\:d-bgg-to-olive-1000:focus-visible {
  --bgg-to-opacity: var(--dt-color-olive-1000-a);
  --bgg-to: hsl(var(--dt-color-olive-1000-h) var(--dt-color-olive-1000-s) var(--dt-color-olive-1000-l) / var(--bgg-to-opacity)) !important;
}

.d-bgg-to-teal-50, .h\:d-bgg-to-teal-50:hover, .f\:d-bgg-to-teal-50:focus, .f\:d-bgg-to-teal-50:focus-within, .fv\:d-bgg-to-teal-50:focus-visible {
  --bgg-to-opacity: var(--dt-color-teal-50-a);
  --bgg-to: hsl(var(--dt-color-teal-50-h) var(--dt-color-teal-50-s) var(--dt-color-teal-50-l) / var(--bgg-to-opacity)) !important;
}

.d-bgg-to-teal-100, .h\:d-bgg-to-teal-100:hover, .f\:d-bgg-to-teal-100:focus, .f\:d-bgg-to-teal-100:focus-within, .fv\:d-bgg-to-teal-100:focus-visible {
  --bgg-to-opacity: var(--dt-color-teal-100-a);
  --bgg-to: hsl(var(--dt-color-teal-100-h) var(--dt-color-teal-100-s) var(--dt-color-teal-100-l) / var(--bgg-to-opacity)) !important;
}

.d-bgg-to-teal-200, .h\:d-bgg-to-teal-200:hover, .f\:d-bgg-to-teal-200:focus, .f\:d-bgg-to-teal-200:focus-within, .fv\:d-bgg-to-teal-200:focus-visible {
  --bgg-to-opacity: var(--dt-color-teal-200-a);
  --bgg-to: hsl(var(--dt-color-teal-200-h) var(--dt-color-teal-200-s) var(--dt-color-teal-200-l) / var(--bgg-to-opacity)) !important;
}

.d-bgg-to-teal-300, .h\:d-bgg-to-teal-300:hover, .f\:d-bgg-to-teal-300:focus, .f\:d-bgg-to-teal-300:focus-within, .fv\:d-bgg-to-teal-300:focus-visible {
  --bgg-to-opacity: var(--dt-color-teal-300-a);
  --bgg-to: hsl(var(--dt-color-teal-300-h) var(--dt-color-teal-300-s) var(--dt-color-teal-300-l) / var(--bgg-to-opacity)) !important;
}

.d-bgg-to-teal-400, .h\:d-bgg-to-teal-400:hover, .f\:d-bgg-to-teal-400:focus, .f\:d-bgg-to-teal-400:focus-within, .fv\:d-bgg-to-teal-400:focus-visible {
  --bgg-to-opacity: var(--dt-color-teal-400-a);
  --bgg-to: hsl(var(--dt-color-teal-400-h) var(--dt-color-teal-400-s) var(--dt-color-teal-400-l) / var(--bgg-to-opacity)) !important;
}

.d-bgg-to-teal-500, .h\:d-bgg-to-teal-500:hover, .f\:d-bgg-to-teal-500:focus, .f\:d-bgg-to-teal-500:focus-within, .fv\:d-bgg-to-teal-500:focus-visible {
  --bgg-to-opacity: var(--dt-color-teal-500-a);
  --bgg-to: hsl(var(--dt-color-teal-500-h) var(--dt-color-teal-500-s) var(--dt-color-teal-500-l) / var(--bgg-to-opacity)) !important;
}

.d-bgg-to-teal-600, .h\:d-bgg-to-teal-600:hover, .f\:d-bgg-to-teal-600:focus, .f\:d-bgg-to-teal-600:focus-within, .fv\:d-bgg-to-teal-600:focus-visible {
  --bgg-to-opacity: var(--dt-color-teal-600-a);
  --bgg-to: hsl(var(--dt-color-teal-600-h) var(--dt-color-teal-600-s) var(--dt-color-teal-600-l) / var(--bgg-to-opacity)) !important;
}

.d-bgg-to-teal-700, .h\:d-bgg-to-teal-700:hover, .f\:d-bgg-to-teal-700:focus, .f\:d-bgg-to-teal-700:focus-within, .fv\:d-bgg-to-teal-700:focus-visible {
  --bgg-to-opacity: var(--dt-color-teal-700-a);
  --bgg-to: hsl(var(--dt-color-teal-700-h) var(--dt-color-teal-700-s) var(--dt-color-teal-700-l) / var(--bgg-to-opacity)) !important;
}

.d-bgg-to-teal-800, .h\:d-bgg-to-teal-800:hover, .f\:d-bgg-to-teal-800:focus, .f\:d-bgg-to-teal-800:focus-within, .fv\:d-bgg-to-teal-800:focus-visible {
  --bgg-to-opacity: var(--dt-color-teal-800-a);
  --bgg-to: hsl(var(--dt-color-teal-800-h) var(--dt-color-teal-800-s) var(--dt-color-teal-800-l) / var(--bgg-to-opacity)) !important;
}

.d-bgg-to-teal-900, .h\:d-bgg-to-teal-900:hover, .f\:d-bgg-to-teal-900:focus, .f\:d-bgg-to-teal-900:focus-within, .fv\:d-bgg-to-teal-900:focus-visible {
  --bgg-to-opacity: var(--dt-color-teal-900-a);
  --bgg-to: hsl(var(--dt-color-teal-900-h) var(--dt-color-teal-900-s) var(--dt-color-teal-900-l) / var(--bgg-to-opacity)) !important;
}

.d-bgg-to-teal-950, .h\:d-bgg-to-teal-950:hover, .f\:d-bgg-to-teal-950:focus, .f\:d-bgg-to-teal-950:focus-within, .fv\:d-bgg-to-teal-950:focus-visible {
  --bgg-to-opacity: var(--dt-color-teal-950-a);
  --bgg-to: hsl(var(--dt-color-teal-950-h) var(--dt-color-teal-950-s) var(--dt-color-teal-950-l) / var(--bgg-to-opacity)) !important;
}

.d-bgg-to-teal-1000, .h\:d-bgg-to-teal-1000:hover, .f\:d-bgg-to-teal-1000:focus, .f\:d-bgg-to-teal-1000:focus-within, .fv\:d-bgg-to-teal-1000:focus-visible {
  --bgg-to-opacity: var(--dt-color-teal-1000-a);
  --bgg-to: hsl(var(--dt-color-teal-1000-h) var(--dt-color-teal-1000-s) var(--dt-color-teal-1000-l) / var(--bgg-to-opacity)) !important;
}

.d-bgg-to-indigo-50, .h\:d-bgg-to-indigo-50:hover, .f\:d-bgg-to-indigo-50:focus, .f\:d-bgg-to-indigo-50:focus-within, .fv\:d-bgg-to-indigo-50:focus-visible {
  --bgg-to-opacity: var(--dt-color-indigo-50-a);
  --bgg-to: hsl(var(--dt-color-indigo-50-h) var(--dt-color-indigo-50-s) var(--dt-color-indigo-50-l) / var(--bgg-to-opacity)) !important;
}

.d-bgg-to-indigo-100, .h\:d-bgg-to-indigo-100:hover, .f\:d-bgg-to-indigo-100:focus, .f\:d-bgg-to-indigo-100:focus-within, .fv\:d-bgg-to-indigo-100:focus-visible {
  --bgg-to-opacity: var(--dt-color-indigo-100-a);
  --bgg-to: hsl(var(--dt-color-indigo-100-h) var(--dt-color-indigo-100-s) var(--dt-color-indigo-100-l) / var(--bgg-to-opacity)) !important;
}

.d-bgg-to-indigo-200, .h\:d-bgg-to-indigo-200:hover, .f\:d-bgg-to-indigo-200:focus, .f\:d-bgg-to-indigo-200:focus-within, .fv\:d-bgg-to-indigo-200:focus-visible {
  --bgg-to-opacity: var(--dt-color-indigo-200-a);
  --bgg-to: hsl(var(--dt-color-indigo-200-h) var(--dt-color-indigo-200-s) var(--dt-color-indigo-200-l) / var(--bgg-to-opacity)) !important;
}

.d-bgg-to-indigo-300, .h\:d-bgg-to-indigo-300:hover, .f\:d-bgg-to-indigo-300:focus, .f\:d-bgg-to-indigo-300:focus-within, .fv\:d-bgg-to-indigo-300:focus-visible {
  --bgg-to-opacity: var(--dt-color-indigo-300-a);
  --bgg-to: hsl(var(--dt-color-indigo-300-h) var(--dt-color-indigo-300-s) var(--dt-color-indigo-300-l) / var(--bgg-to-opacity)) !important;
}

.d-bgg-to-indigo-400, .h\:d-bgg-to-indigo-400:hover, .f\:d-bgg-to-indigo-400:focus, .f\:d-bgg-to-indigo-400:focus-within, .fv\:d-bgg-to-indigo-400:focus-visible {
  --bgg-to-opacity: var(--dt-color-indigo-400-a);
  --bgg-to: hsl(var(--dt-color-indigo-400-h) var(--dt-color-indigo-400-s) var(--dt-color-indigo-400-l) / var(--bgg-to-opacity)) !important;
}

.d-bgg-to-indigo-500, .h\:d-bgg-to-indigo-500:hover, .f\:d-bgg-to-indigo-500:focus, .f\:d-bgg-to-indigo-500:focus-within, .fv\:d-bgg-to-indigo-500:focus-visible {
  --bgg-to-opacity: var(--dt-color-indigo-500-a);
  --bgg-to: hsl(var(--dt-color-indigo-500-h) var(--dt-color-indigo-500-s) var(--dt-color-indigo-500-l) / var(--bgg-to-opacity)) !important;
}

.d-bgg-to-indigo-600, .h\:d-bgg-to-indigo-600:hover, .f\:d-bgg-to-indigo-600:focus, .f\:d-bgg-to-indigo-600:focus-within, .fv\:d-bgg-to-indigo-600:focus-visible {
  --bgg-to-opacity: var(--dt-color-indigo-600-a);
  --bgg-to: hsl(var(--dt-color-indigo-600-h) var(--dt-color-indigo-600-s) var(--dt-color-indigo-600-l) / var(--bgg-to-opacity)) !important;
}

.d-bgg-to-indigo-700, .h\:d-bgg-to-indigo-700:hover, .f\:d-bgg-to-indigo-700:focus, .f\:d-bgg-to-indigo-700:focus-within, .fv\:d-bgg-to-indigo-700:focus-visible {
  --bgg-to-opacity: var(--dt-color-indigo-700-a);
  --bgg-to: hsl(var(--dt-color-indigo-700-h) var(--dt-color-indigo-700-s) var(--dt-color-indigo-700-l) / var(--bgg-to-opacity)) !important;
}

.d-bgg-to-indigo-800, .h\:d-bgg-to-indigo-800:hover, .f\:d-bgg-to-indigo-800:focus, .f\:d-bgg-to-indigo-800:focus-within, .fv\:d-bgg-to-indigo-800:focus-visible {
  --bgg-to-opacity: var(--dt-color-indigo-800-a);
  --bgg-to: hsl(var(--dt-color-indigo-800-h) var(--dt-color-indigo-800-s) var(--dt-color-indigo-800-l) / var(--bgg-to-opacity)) !important;
}

.d-bgg-to-indigo-900, .h\:d-bgg-to-indigo-900:hover, .f\:d-bgg-to-indigo-900:focus, .f\:d-bgg-to-indigo-900:focus-within, .fv\:d-bgg-to-indigo-900:focus-visible {
  --bgg-to-opacity: var(--dt-color-indigo-900-a);
  --bgg-to: hsl(var(--dt-color-indigo-900-h) var(--dt-color-indigo-900-s) var(--dt-color-indigo-900-l) / var(--bgg-to-opacity)) !important;
}

.d-bgg-to-indigo-950, .h\:d-bgg-to-indigo-950:hover, .f\:d-bgg-to-indigo-950:focus, .f\:d-bgg-to-indigo-950:focus-within, .fv\:d-bgg-to-indigo-950:focus-visible {
  --bgg-to-opacity: var(--dt-color-indigo-950-a);
  --bgg-to: hsl(var(--dt-color-indigo-950-h) var(--dt-color-indigo-950-s) var(--dt-color-indigo-950-l) / var(--bgg-to-opacity)) !important;
}

.d-bgg-to-indigo-1000, .h\:d-bgg-to-indigo-1000:hover, .f\:d-bgg-to-indigo-1000:focus, .f\:d-bgg-to-indigo-1000:focus-within, .fv\:d-bgg-to-indigo-1000:focus-visible {
  --bgg-to-opacity: var(--dt-color-indigo-1000-a);
  --bgg-to: hsl(var(--dt-color-indigo-1000-h) var(--dt-color-indigo-1000-s) var(--dt-color-indigo-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;
}

.d-fco99, .h\:d-fco99:hover, .f\:d-fco99:focus, .f\:d-fco99:focus-within, .fv\:d-fco99:focus-visible {
  --fco: 99% !important;
}

.d-fco95, .h\:d-fco95:hover, .f\:d-fco95:focus, .f\:d-fco95:focus-within, .fv\:d-fco95:focus-visible {
  --fco: 95% !important;
}

.d-fco90, .h\:d-fco90:hover, .f\:d-fco90:focus, .f\:d-fco90:focus-within, .fv\:d-fco90:focus-visible {
  --fco: 90% !important;
}

.d-fco85, .h\:d-fco85:hover, .f\:d-fco85:focus, .f\:d-fco85:focus-within, .fv\:d-fco85:focus-visible {
  --fco: 85% !important;
}

.d-fco75, .h\:d-fco75:hover, .f\:d-fco75:focus, .f\:d-fco75:focus-within, .fv\:d-fco75:focus-visible {
  --fco: 75% !important;
}

.d-fco50, .h\:d-fco50:hover, .f\:d-fco50:focus, .f\:d-fco50:focus-within, .fv\:d-fco50:focus-visible {
  --fco: 50% !important;
}

.d-fco25, .h\:d-fco25:hover, .f\:d-fco25:focus, .f\:d-fco25:focus-within, .fv\:d-fco25:focus-visible {
  --fco: 25% !important;
}

.d-fco10, .h\:d-fco10:hover, .f\:d-fco10:focus, .f\:d-fco10:focus-within, .fv\:d-fco10:focus-visible {
  --fco: 10% !important;
}

.d-fco0, .h\:d-fco0:hover, .f\:d-fco0:focus, .f\:d-fco0:focus-within, .fv\:d-fco0:focus-visible {
  --fco: 0% !important;
}

.d-fco100, .h\:d-fco100:hover, .f\:d-fco100:focus, .f\:d-fco100:focus-within, .fv\:d-fco100:focus-visible {
  --fco: 100% !important;
}

.d-fco99, .h\:d-fco99:hover, .f\:d-fco99:focus, .f\:d-fco99:focus-within, .fv\:d-fco99:focus-visible {
  --fco: 99% !important;
}

.d-fco95, .h\:d-fco95:hover, .f\:d-fco95:focus, .f\:d-fco95:focus-within, .fv\:d-fco95:focus-visible {
  --fco: 95% !important;
}

.d-fco90, .h\:d-fco90:hover, .f\:d-fco90:focus, .f\:d-fco90:focus-within, .fv\:d-fco90:focus-visible {
  --fco: 90% !important;
}

.d-fco85, .h\:d-fco85:hover, .f\:d-fco85:focus, .f\:d-fco85:focus-within, .fv\:d-fco85:focus-visible {
  --fco: 85% !important;
}

.d-fco75, .h\:d-fco75:hover, .f\:d-fco75:focus, .f\:d-fco75:focus-within, .fv\:d-fco75:focus-visible {
  --fco: 75% !important;
}

.d-fco50, .h\:d-fco50:hover, .f\:d-fco50:focus, .f\:d-fco50:focus-within, .fv\:d-fco50:focus-visible {
  --fco: 50% !important;
}

.d-fco25, .h\:d-fco25:hover, .f\:d-fco25:focus, .f\:d-fco25:focus-within, .fv\:d-fco25:focus-visible {
  --fco: 25% !important;
}

.d-fco10, .h\:d-fco10:hover, .f\:d-fco10:focus, .f\:d-fco10:focus-within, .fv\:d-fco10:focus-visible {
  --fco: 10% !important;
}

.d-fco0, .h\:d-fco0:hover, .f\:d-fco0:focus, .f\:d-fco0:focus-within, .fv\:d-fco0:focus-visible {
  --fco: 0% !important;
}

.d-bco100, .h\:d-bco100:hover, .f\:d-bco100:focus, .f\:d-bco100:focus-within, .fv\:d-bco100:focus-visible {
  --bco: 100% !important;
}

.d-bco99, .h\:d-bco99:hover, .f\:d-bco99:focus, .f\:d-bco99:focus-within, .fv\:d-bco99:focus-visible {
  --bco: 99% !important;
}

.d-bco95, .h\:d-bco95:hover, .f\:d-bco95:focus, .f\:d-bco95:focus-within, .fv\:d-bco95:focus-visible {
  --bco: 95% !important;
}

.d-bco90, .h\:d-bco90:hover, .f\:d-bco90:focus, .f\:d-bco90:focus-within, .fv\:d-bco90:focus-visible {
  --bco: 90% !important;
}

.d-bco85, .h\:d-bco85:hover, .f\:d-bco85:focus, .f\:d-bco85:focus-within, .fv\:d-bco85:focus-visible {
  --bco: 85% !important;
}

.d-bco75, .h\:d-bco75:hover, .f\:d-bco75:focus, .f\:d-bco75:focus-within, .fv\:d-bco75:focus-visible {
  --bco: 75% !important;
}

.d-bco50, .h\:d-bco50:hover, .f\:d-bco50:focus, .f\:d-bco50:focus-within, .fv\:d-bco50:focus-visible {
  --bco: 50% !important;
}

.d-bco25, .h\:d-bco25:hover, .f\:d-bco25:focus, .f\:d-bco25:focus-within, .fv\:d-bco25:focus-visible {
  --bco: 25% !important;
}

.d-bco10, .h\:d-bco10:hover, .f\:d-bco10:focus, .f\:d-bco10:focus-within, .fv\:d-bco10:focus-visible {
  --bco: 10% !important;
}

.d-bco0, .h\:d-bco0:hover, .f\:d-bco0:focus, .f\:d-bco0:focus-within, .fv\:d-bco0:focus-visible {
  --bco: 0% !important;
}

.d-bco100, .h\:d-bco100:hover, .f\:d-bco100:focus, .f\:d-bco100:focus-within, .fv\:d-bco100:focus-visible {
  --bco: 100% !important;
}

.d-bco99, .h\:d-bco99:hover, .f\:d-bco99:focus, .f\:d-bco99:focus-within, .fv\:d-bco99:focus-visible {
  --bco: 99% !important;
}

.d-bco95, .h\:d-bco95:hover, .f\:d-bco95:focus, .f\:d-bco95:focus-within, .fv\:d-bco95:focus-visible {
  --bco: 95% !important;
}

.d-bco90, .h\:d-bco90:hover, .f\:d-bco90:focus, .f\:d-bco90:focus-within, .fv\:d-bco90:focus-visible {
  --bco: 90% !important;
}

.d-bco85, .h\:d-bco85:hover, .f\:d-bco85:focus, .f\:d-bco85:focus-within, .fv\:d-bco85:focus-visible {
  --bco: 85% !important;
}

.d-bco75, .h\:d-bco75:hover, .f\:d-bco75:focus, .f\:d-bco75:focus-within, .fv\:d-bco75:focus-visible {
  --bco: 75% !important;
}

.d-bco50, .h\:d-bco50:hover, .f\:d-bco50:focus, .f\:d-bco50:focus-within, .fv\:d-bco50:focus-visible {
  --bco: 50% !important;
}

.d-bco25, .h\:d-bco25:hover, .f\:d-bco25:focus, .f\:d-bco25:focus-within, .fv\:d-bco25:focus-visible {
  --bco: 25% !important;
}

.d-bco10, .h\:d-bco10:hover, .f\:d-bco10:focus, .f\:d-bco10:focus-within, .fv\:d-bco10:focus-visible {
  --bco: 10% !important;
}

.d-bco0, .h\:d-bco0:hover, .f\:d-bco0:focus, .f\:d-bco0:focus-within, .fv\:d-bco0:focus-visible {
  --bco: 0% !important;
}

.d-dco-100 {
  --dco: 100% !important;
}

.d-dco-99 {
  --dco: 99% !important;
}

.d-dco-95 {
  --dco: 95% !important;
}

.d-dco-90 {
  --dco: 90% !important;
}

.d-dco-85 {
  --dco: 85% !important;
}

.d-dco-75 {
  --dco: 75% !important;
}

.d-dco-50 {
  --dco: 50% !important;
}

.d-dco-25 {
  --dco: 25% !important;
}

.d-dco-10 {
  --dco: 10% !important;
}

.d-dco-0 {
  --dco: 0% !important;
}

.d-dco-100 {
  --dco: 100% !important;
}

.d-dco-99 {
  --dco: 99% !important;
}

.d-dco-95 {
  --dco: 95% !important;
}

.d-dco-90 {
  --dco: 90% !important;
}

.d-dco-85 {
  --dco: 85% !important;
}

.d-dco-75 {
  --dco: 75% !important;
}

.d-dco-50 {
  --dco: 50% !important;
}

.d-dco-25 {
  --dco: 25% !important;
}

.d-dco-10 {
  --dco: 10% !important;
}

.d-dco-0 {
  --dco: 0% !important;
}

.d-bgo100, .h\:d-bgo100:hover, .f\:d-bgo100:focus, .f\:d-bgo100:focus-within, .fv\:d-bgo100:focus-visible {
  --bgo: 100% !important;
}

.d-bgo99, .h\:d-bgo99:hover, .f\:d-bgo99:focus, .f\:d-bgo99:focus-within, .fv\:d-bgo99:focus-visible {
  --bgo: 99% !important;
}

.d-bgo95, .h\:d-bgo95:hover, .f\:d-bgo95:focus, .f\:d-bgo95:focus-within, .fv\:d-bgo95:focus-visible {
  --bgo: 95% !important;
}

.d-bgo90, .h\:d-bgo90:hover, .f\:d-bgo90:focus, .f\:d-bgo90:focus-within, .fv\:d-bgo90:focus-visible {
  --bgo: 90% !important;
}

.d-bgo85, .h\:d-bgo85:hover, .f\:d-bgo85:focus, .f\:d-bgo85:focus-within, .fv\:d-bgo85:focus-visible {
  --bgo: 85% !important;
}

.d-bgo75, .h\:d-bgo75:hover, .f\:d-bgo75:focus, .f\:d-bgo75:focus-within, .fv\:d-bgo75:focus-visible {
  --bgo: 75% !important;
}

.d-bgo50, .h\:d-bgo50:hover, .f\:d-bgo50:focus, .f\:d-bgo50:focus-within, .fv\:d-bgo50:focus-visible {
  --bgo: 50% !important;
}

.d-bgo25, .h\:d-bgo25:hover, .f\:d-bgo25:focus, .f\:d-bgo25:focus-within, .fv\:d-bgo25:focus-visible {
  --bgo: 25% !important;
}

.d-bgo10, .h\:d-bgo10:hover, .f\:d-bgo10:focus, .f\:d-bgo10:focus-within, .fv\:d-bgo10:focus-visible {
  --bgo: 10% !important;
}

.d-bgo0, .h\:d-bgo0:hover, .f\:d-bgo0:focus, .f\:d-bgo0:focus-within, .fv\:d-bgo0:focus-visible {
  --bgo: 0% !important;
}

.d-bgo100, .h\:d-bgo100:hover, .f\:d-bgo100:focus, .f\:d-bgo100:focus-within, .fv\:d-bgo100:focus-visible {
  --bgo: 100% !important;
}

.d-bgo99, .h\:d-bgo99:hover, .f\:d-bgo99:focus, .f\:d-bgo99:focus-within, .fv\:d-bgo99:focus-visible {
  --bgo: 99% !important;
}

.d-bgo95, .h\:d-bgo95:hover, .f\:d-bgo95:focus, .f\:d-bgo95:focus-within, .fv\:d-bgo95:focus-visible {
  --bgo: 95% !important;
}

.d-bgo90, .h\:d-bgo90:hover, .f\:d-bgo90:focus, .f\:d-bgo90:focus-within, .fv\:d-bgo90:focus-visible {
  --bgo: 90% !important;
}

.d-bgo85, .h\:d-bgo85:hover, .f\:d-bgo85:focus, .f\:d-bgo85:focus-within, .fv\:d-bgo85:focus-visible {
  --bgo: 85% !important;
}

.d-bgo75, .h\:d-bgo75:hover, .f\:d-bgo75:focus, .f\:d-bgo75:focus-within, .fv\:d-bgo75:focus-visible {
  --bgo: 75% !important;
}

.d-bgo50, .h\:d-bgo50:hover, .f\:d-bgo50:focus, .f\:d-bgo50:focus-within, .fv\:d-bgo50:focus-visible {
  --bgo: 50% !important;
}

.d-bgo25, .h\:d-bgo25:hover, .f\:d-bgo25:focus, .f\:d-bgo25:focus-within, .fv\:d-bgo25:focus-visible {
  --bgo: 25% !important;
}

.d-bgo10, .h\:d-bgo10:hover, .f\:d-bgo10:focus, .f\:d-bgo10:focus-within, .fv\:d-bgo10:focus-visible {
  --bgo: 10% !important;
}

.d-bgo0, .h\:d-bgo0:hover, .f\:d-bgo0:focus, .f\:d-bgo0:focus-within, .fv\:d-bgo0:focus-visible {
  --bgo: 0% !important;
}

.d-bgg-from-o100, .h\:d-bgg-from-o100:hover, .f\:d-bgg-from-o100:focus, .f\:d-bgg-from-o100:focus-within, .fv\:d-bgg-from-o100:focus-visible {
  --bgg-from-opacity: 100% !important;
}

.d-bgg-from-o99, .h\:d-bgg-from-o99:hover, .f\:d-bgg-from-o99:focus, .f\:d-bgg-from-o99:focus-within, .fv\:d-bgg-from-o99:focus-visible {
  --bgg-from-opacity: 99% !important;
}

.d-bgg-from-o95, .h\:d-bgg-from-o95:hover, .f\:d-bgg-from-o95:focus, .f\:d-bgg-from-o95:focus-within, .fv\:d-bgg-from-o95:focus-visible {
  --bgg-from-opacity: 95% !important;
}

.d-bgg-from-o90, .h\:d-bgg-from-o90:hover, .f\:d-bgg-from-o90:focus, .f\:d-bgg-from-o90:focus-within, .fv\:d-bgg-from-o90:focus-visible {
  --bgg-from-opacity: 90% !important;
}

.d-bgg-from-o85, .h\:d-bgg-from-o85:hover, .f\:d-bgg-from-o85:focus, .f\:d-bgg-from-o85:focus-within, .fv\:d-bgg-from-o85:focus-visible {
  --bgg-from-opacity: 85% !important;
}

.d-bgg-from-o75, .h\:d-bgg-from-o75:hover, .f\:d-bgg-from-o75:focus, .f\:d-bgg-from-o75:focus-within, .fv\:d-bgg-from-o75:focus-visible {
  --bgg-from-opacity: 75% !important;
}

.d-bgg-from-o50, .h\:d-bgg-from-o50:hover, .f\:d-bgg-from-o50:focus, .f\:d-bgg-from-o50:focus-within, .fv\:d-bgg-from-o50:focus-visible {
  --bgg-from-opacity: 50% !important;
}

.d-bgg-from-o25, .h\:d-bgg-from-o25:hover, .f\:d-bgg-from-o25:focus, .f\:d-bgg-from-o25:focus-within, .fv\:d-bgg-from-o25:focus-visible {
  --bgg-from-opacity: 25% !important;
}

.d-bgg-from-o10, .h\:d-bgg-from-o10:hover, .f\:d-bgg-from-o10:focus, .f\:d-bgg-from-o10:focus-within, .fv\:d-bgg-from-o10:focus-visible {
  --bgg-from-opacity: 10% !important;
}

.d-bgg-from-o0, .h\:d-bgg-from-o0:hover, .f\:d-bgg-from-o0:focus, .f\:d-bgg-from-o0:focus-within, .fv\:d-bgg-from-o0:focus-visible {
  --bgg-from-opacity: 0% !important;
}

.d-bgg-from-o100, .h\:d-bgg-from-o100:hover, .f\:d-bgg-from-o100:focus, .f\:d-bgg-from-o100:focus-within, .fv\:d-bgg-from-o100:focus-visible {
  --bgg-from-opacity: 100% !important;
}

.d-bgg-from-o99, .h\:d-bgg-from-o99:hover, .f\:d-bgg-from-o99:focus, .f\:d-bgg-from-o99:focus-within, .fv\:d-bgg-from-o99:focus-visible {
  --bgg-from-opacity: 99% !important;
}

.d-bgg-from-o95, .h\:d-bgg-from-o95:hover, .f\:d-bgg-from-o95:focus, .f\:d-bgg-from-o95:focus-within, .fv\:d-bgg-from-o95:focus-visible {
  --bgg-from-opacity: 95% !important;
}

.d-bgg-from-o90, .h\:d-bgg-from-o90:hover, .f\:d-bgg-from-o90:focus, .f\:d-bgg-from-o90:focus-within, .fv\:d-bgg-from-o90:focus-visible {
  --bgg-from-opacity: 90% !important;
}

.d-bgg-from-o85, .h\:d-bgg-from-o85:hover, .f\:d-bgg-from-o85:focus, .f\:d-bgg-from-o85:focus-within, .fv\:d-bgg-from-o85:focus-visible {
  --bgg-from-opacity: 85% !important;
}

.d-bgg-from-o75, .h\:d-bgg-from-o75:hover, .f\:d-bgg-from-o75:focus, .f\:d-bgg-from-o75:focus-within, .fv\:d-bgg-from-o75:focus-visible {
  --bgg-from-opacity: 75% !important;
}

.d-bgg-from-o50, .h\:d-bgg-from-o50:hover, .f\:d-bgg-from-o50:focus, .f\:d-bgg-from-o50:focus-within, .fv\:d-bgg-from-o50:focus-visible {
  --bgg-from-opacity: 50% !important;
}

.d-bgg-from-o25, .h\:d-bgg-from-o25:hover, .f\:d-bgg-from-o25:focus, .f\:d-bgg-from-o25:focus-within, .fv\:d-bgg-from-o25:focus-visible {
  --bgg-from-opacity: 25% !important;
}

.d-bgg-from-o10, .h\:d-bgg-from-o10:hover, .f\:d-bgg-from-o10:focus, .f\:d-bgg-from-o10:focus-within, .fv\:d-bgg-from-o10:focus-visible {
  --bgg-from-opacity: 10% !important;
}

.d-bgg-from-o0, .h\:d-bgg-from-o0:hover, .f\:d-bgg-from-o0:focus, .f\:d-bgg-from-o0:focus-within, .fv\:d-bgg-from-o0:focus-visible {
  --bgg-from-opacity: 0% !important;
}

.d-bgg-to-o100, .h\:d-bgg-to-o100:hover, .f\:d-bgg-to-o100:focus, .f\:d-bgg-to-o100:focus-within, .fv\:d-bgg-to-o100:focus-visible {
  --bgg-to-opacity: 100% !important;
}

.d-bgg-to-o99, .h\:d-bgg-to-o99:hover, .f\:d-bgg-to-o99:focus, .f\:d-bgg-to-o99:focus-within, .fv\:d-bgg-to-o99:focus-visible {
  --bgg-to-opacity: 99% !important;
}

.d-bgg-to-o95, .h\:d-bgg-to-o95:hover, .f\:d-bgg-to-o95:focus, .f\:d-bgg-to-o95:focus-within, .fv\:d-bgg-to-o95:focus-visible {
  --bgg-to-opacity: 95% !important;
}

.d-bgg-to-o90, .h\:d-bgg-to-o90:hover, .f\:d-bgg-to-o90:focus, .f\:d-bgg-to-o90:focus-within, .fv\:d-bgg-to-o90:focus-visible {
  --bgg-to-opacity: 90% !important;
}

.d-bgg-to-o85, .h\:d-bgg-to-o85:hover, .f\:d-bgg-to-o85:focus, .f\:d-bgg-to-o85:focus-within, .fv\:d-bgg-to-o85:focus-visible {
  --bgg-to-opacity: 85% !important;
}

.d-bgg-to-o75, .h\:d-bgg-to-o75:hover, .f\:d-bgg-to-o75:focus, .f\:d-bgg-to-o75:focus-within, .fv\:d-bgg-to-o75:focus-visible {
  --bgg-to-opacity: 75% !important;
}

.d-bgg-to-o50, .h\:d-bgg-to-o50:hover, .f\:d-bgg-to-o50:focus, .f\:d-bgg-to-o50:focus-within, .fv\:d-bgg-to-o50:focus-visible {
  --bgg-to-opacity: 50% !important;
}

.d-bgg-to-o25, .h\:d-bgg-to-o25:hover, .f\:d-bgg-to-o25:focus, .f\:d-bgg-to-o25:focus-within, .fv\:d-bgg-to-o25:focus-visible {
  --bgg-to-opacity: 25% !important;
}

.d-bgg-to-o10, .h\:d-bgg-to-o10:hover, .f\:d-bgg-to-o10:focus, .f\:d-bgg-to-o10:focus-within, .fv\:d-bgg-to-o10:focus-visible {
  --bgg-to-opacity: 10% !important;
}

.d-bgg-to-o0, .h\:d-bgg-to-o0:hover, .f\:d-bgg-to-o0:focus, .f\:d-bgg-to-o0:focus-within, .fv\:d-bgg-to-o0:focus-visible {
  --bgg-to-opacity: 0% !important;
}

.d-bgg-to-o100, .h\:d-bgg-to-o100:hover, .f\:d-bgg-to-o100:focus, .f\:d-bgg-to-o100:focus-within, .fv\:d-bgg-to-o100:focus-visible {
  --bgg-to-opacity: 100% !important;
}

.d-bgg-to-o99, .h\:d-bgg-to-o99:hover, .f\:d-bgg-to-o99:focus, .f\:d-bgg-to-o99:focus-within, .fv\:d-bgg-to-o99:focus-visible {
  --bgg-to-opacity: 99% !important;
}

.d-bgg-to-o95, .h\:d-bgg-to-o95:hover, .f\:d-bgg-to-o95:focus, .f\:d-bgg-to-o95:focus-within, .fv\:d-bgg-to-o95:focus-visible {
  --bgg-to-opacity: 95% !important;
}

.d-bgg-to-o90, .h\:d-bgg-to-o90:hover, .f\:d-bgg-to-o90:focus, .f\:d-bgg-to-o90:focus-within, .fv\:d-bgg-to-o90:focus-visible {
  --bgg-to-opacity: 90% !important;
}

.d-bgg-to-o85, .h\:d-bgg-to-o85:hover, .f\:d-bgg-to-o85:focus, .f\:d-bgg-to-o85:focus-within, .fv\:d-bgg-to-o85:focus-visible {
  --bgg-to-opacity: 85% !important;
}

.d-bgg-to-o75, .h\:d-bgg-to-o75:hover, .f\:d-bgg-to-o75:focus, .f\:d-bgg-to-o75:focus-within, .fv\:d-bgg-to-o75:focus-visible {
  --bgg-to-opacity: 75% !important;
}

.d-bgg-to-o50, .h\:d-bgg-to-o50:hover, .f\:d-bgg-to-o50:focus, .f\:d-bgg-to-o50:focus-within, .fv\:d-bgg-to-o50:focus-visible {
  --bgg-to-opacity: 50% !important;
}

.d-bgg-to-o25, .h\:d-bgg-to-o25:hover, .f\:d-bgg-to-o25:focus, .f\:d-bgg-to-o25:focus-within, .fv\:d-bgg-to-o25:focus-visible {
  --bgg-to-opacity: 25% !important;
}

.d-bgg-to-o10, .h\:d-bgg-to-o10:hover, .f\:d-bgg-to-o10:focus, .f\:d-bgg-to-o10:focus-within, .fv\:d-bgg-to-o10:focus-visible {
  --bgg-to-opacity: 10% !important;
}

.d-bgg-to-o0, .h\:d-bgg-to-o0:hover, .f\:d-bgg-to-o0:focus, .f\:d-bgg-to-o0:focus-within, .fv\:d-bgg-to-o0:focus-visible {
  --bgg-to-opacity: 0% !important;
}

.d-fl-col1 {
  display: flex;
}

.d-fl-col2 {
  display: flex;
}

.d-fl-col3 {
  display: flex;
}

.d-fl-col4 {
  display: flex;
}

.d-fl-col5 {
  display: flex;
}

.d-fl-col6 {
  display: flex;
}

.d-fl-col7 {
  display: flex;
}

.d-fl-col8 {
  display: flex;
}

.d-fl-col9 {
  display: flex;
}

.d-fl-col10 {
  display: flex;
}

.d-fl-col11 {
  display: flex;
}

.d-fl-col12 {
  display: flex;
}

.d-fl-col1 {
  display: flex;
}

.d-fl-col2 {
  display: flex;
}

.d-fl-col3 {
  display: flex;
}

.d-fl-col4 {
  display: flex;
}

.d-fl-col5 {
  display: flex;
}

.d-fl-col6 {
  display: flex;
}

.d-fl-col7 {
  display: flex;
}

.d-fl-col8 {
  display: flex;
}

.d-fl-col9 {
  display: flex;
}

.d-fl-col10 {
  display: flex;
}

.d-fl-col11 {
  display: flex;
}

.d-fl-col12 {
  display: flex;
}

.d-fl-col1 > * {
  --fl-gap: var(--dt-space-0);
  --fl-basis: calc(100% / 1);
  display: inline-flex;
  margin: var(--fl-gap);
  flex: 1 calc(var(--fl-basis) - (var(--fl-gap) * 2));
}

.d-fl-col2 > * {
  --fl-gap: var(--dt-space-0);
  --fl-basis: calc(100% / 2);
  display: inline-flex;
  margin: var(--fl-gap);
  flex: 1 calc(var(--fl-basis) - (var(--fl-gap) * 2));
}

.d-fl-col3 > * {
  --fl-gap: var(--dt-space-0);
  --fl-basis: calc(100% / 3);
  display: inline-flex;
  margin: var(--fl-gap);
  flex: 1 calc(var(--fl-basis) - (var(--fl-gap) * 2));
}

.d-fl-col4 > * {
  --fl-gap: var(--dt-space-0);
  --fl-basis: calc(100% / 4);
  display: inline-flex;
  margin: var(--fl-gap);
  flex: 1 calc(var(--fl-basis) - (var(--fl-gap) * 2));
}

.d-fl-col5 > * {
  --fl-gap: var(--dt-space-0);
  --fl-basis: calc(100% / 5);
  display: inline-flex;
  margin: var(--fl-gap);
  flex: 1 calc(var(--fl-basis) - (var(--fl-gap) * 2));
}

.d-fl-col6 > * {
  --fl-gap: var(--dt-space-0);
  --fl-basis: calc(100% / 6);
  display: inline-flex;
  margin: var(--fl-gap);
  flex: 1 calc(var(--fl-basis) - (var(--fl-gap) * 2));
}

.d-fl-col7 > * {
  --fl-gap: var(--dt-space-0);
  --fl-basis: calc(100% / 7);
  display: inline-flex;
  margin: var(--fl-gap);
  flex: 1 calc(var(--fl-basis) - (var(--fl-gap) * 2));
}

.d-fl-col8 > * {
  --fl-gap: var(--dt-space-0);
  --fl-basis: calc(100% / 8);
  display: inline-flex;
  margin: var(--fl-gap);
  flex: 1 calc(var(--fl-basis) - (var(--fl-gap) * 2));
}

.d-fl-col9 > * {
  --fl-gap: var(--dt-space-0);
  --fl-basis: calc(100% / 9);
  display: inline-flex;
  margin: var(--fl-gap);
  flex: 1 calc(var(--fl-basis) - (var(--fl-gap) * 2));
}

.d-fl-col10 > * {
  --fl-gap: var(--dt-space-0);
  --fl-basis: calc(100% / 10);
  display: inline-flex;
  margin: var(--fl-gap);
  flex: 1 calc(var(--fl-basis) - (var(--fl-gap) * 2));
}

.d-fl-col11 > * {
  --fl-gap: var(--dt-space-0);
  --fl-basis: calc(100% / 11);
  display: inline-flex;
  margin: var(--fl-gap);
  flex: 1 calc(var(--fl-basis) - (var(--fl-gap) * 2));
}

.d-fl-col12 > * {
  --fl-gap: var(--dt-space-0);
  --fl-basis: calc(100% / 12);
  display: inline-flex;
  margin: var(--fl-gap);
  flex: 1 calc(var(--fl-basis) - (var(--fl-gap) * 2));
}

.d-fl-col1 > * {
  --fl-gap: var(--dt-space-0);
  --fl-basis: calc(100% / 1);
  display: inline-flex;
  margin: var(--fl-gap);
  flex: 1 calc(var(--fl-basis) - (var(--fl-gap) * 2));
}

.d-fl-col2 > * {
  --fl-gap: var(--dt-space-0);
  --fl-basis: calc(100% / 2);
  display: inline-flex;
  margin: var(--fl-gap);
  flex: 1 calc(var(--fl-basis) - (var(--fl-gap) * 2));
}

.d-fl-col3 > * {
  --fl-gap: var(--dt-space-0);
  --fl-basis: calc(100% / 3);
  display: inline-flex;
  margin: var(--fl-gap);
  flex: 1 calc(var(--fl-basis) - (var(--fl-gap) * 2));
}

.d-fl-col4 > * {
  --fl-gap: var(--dt-space-0);
  --fl-basis: calc(100% / 4);
  display: inline-flex;
  margin: var(--fl-gap);
  flex: 1 calc(var(--fl-basis) - (var(--fl-gap) * 2));
}

.d-fl-col5 > * {
  --fl-gap: var(--dt-space-0);
  --fl-basis: calc(100% / 5);
  display: inline-flex;
  margin: var(--fl-gap);
  flex: 1 calc(var(--fl-basis) - (var(--fl-gap) * 2));
}

.d-fl-col6 > * {
  --fl-gap: var(--dt-space-0);
  --fl-basis: calc(100% / 6);
  display: inline-flex;
  margin: var(--fl-gap);
  flex: 1 calc(var(--fl-basis) - (var(--fl-gap) * 2));
}

.d-fl-col7 > * {
  --fl-gap: var(--dt-space-0);
  --fl-basis: calc(100% / 7);
  display: inline-flex;
  margin: var(--fl-gap);
  flex: 1 calc(var(--fl-basis) - (var(--fl-gap) * 2));
}

.d-fl-col8 > * {
  --fl-gap: var(--dt-space-0);
  --fl-basis: calc(100% / 8);
  display: inline-flex;
  margin: var(--fl-gap);
  flex: 1 calc(var(--fl-basis) - (var(--fl-gap) * 2));
}

.d-fl-col9 > * {
  --fl-gap: var(--dt-space-0);
  --fl-basis: calc(100% / 9);
  display: inline-flex;
  margin: var(--fl-gap);
  flex: 1 calc(var(--fl-basis) - (var(--fl-gap) * 2));
}

.d-fl-col10 > * {
  --fl-gap: var(--dt-space-0);
  --fl-basis: calc(100% / 10);
  display: inline-flex;
  margin: var(--fl-gap);
  flex: 1 calc(var(--fl-basis) - (var(--fl-gap) * 2));
}

.d-fl-col11 > * {
  --fl-gap: var(--dt-space-0);
  --fl-basis: calc(100% / 11);
  display: inline-flex;
  margin: var(--fl-gap);
  flex: 1 calc(var(--fl-basis) - (var(--fl-gap) * 2));
}

.d-fl-col12 > * {
  --fl-gap: var(--dt-space-0);
  --fl-basis: calc(100% / 12);
  display: inline-flex;
  margin: var(--fl-gap);
  flex: 1 calc(var(--fl-basis) - (var(--fl-gap) * 2));
}

.d-fl-col1 > *:nth-child(-n + 1) {
  margin-top: var(--dt-space-0);
}

.d-fl-col2 > *:nth-child(-n + 2) {
  margin-top: var(--dt-space-0);
}

.d-fl-col3 > *:nth-child(-n + 3) {
  margin-top: var(--dt-space-0);
}

.d-fl-col4 > *:nth-child(-n + 4) {
  margin-top: var(--dt-space-0);
}

.d-fl-col5 > *:nth-child(-n + 5) {
  margin-top: var(--dt-space-0);
}

.d-fl-col6 > *:nth-child(-n + 6) {
  margin-top: var(--dt-space-0);
}

.d-fl-col7 > *:nth-child(-n + 7) {
  margin-top: var(--dt-space-0);
}

.d-fl-col8 > *:nth-child(-n + 8) {
  margin-top: var(--dt-space-0);
}

.d-fl-col9 > *:nth-child(-n + 9) {
  margin-top: var(--dt-space-0);
}

.d-fl-col10 > *:nth-child(-n + 10) {
  margin-top: var(--dt-space-0);
}

.d-fl-col11 > *:nth-child(-n + 11) {
  margin-top: var(--dt-space-0);
}

.d-fl-col12 > *:nth-child(-n + 12) {
  margin-top: var(--dt-space-0);
}

.d-fl-col1 > *:nth-child(-n + 1) {
  margin-top: var(--dt-space-0);
}

.d-fl-col2 > *:nth-child(-n + 2) {
  margin-top: var(--dt-space-0);
}

.d-fl-col3 > *:nth-child(-n + 3) {
  margin-top: var(--dt-space-0);
}

.d-fl-col4 > *:nth-child(-n + 4) {
  margin-top: var(--dt-space-0);
}

.d-fl-col5 > *:nth-child(-n + 5) {
  margin-top: var(--dt-space-0);
}

.d-fl-col6 > *:nth-child(-n + 6) {
  margin-top: var(--dt-space-0);
}

.d-fl-col7 > *:nth-child(-n + 7) {
  margin-top: var(--dt-space-0);
}

.d-fl-col8 > *:nth-child(-n + 8) {
  margin-top: var(--dt-space-0);
}

.d-fl-col9 > *:nth-child(-n + 9) {
  margin-top: var(--dt-space-0);
}

.d-fl-col10 > *:nth-child(-n + 10) {
  margin-top: var(--dt-space-0);
}

.d-fl-col11 > *:nth-child(-n + 11) {
  margin-top: var(--dt-space-0);
}

.d-fl-col12 > *:nth-child(-n + 12) {
  margin-top: var(--dt-space-0);
}

.d-fl-col1.d-fd-column > * {
  margin: var(--fl-gap) 0;
}

.d-fl-col2.d-fd-column > * {
  margin: var(--fl-gap) 0;
}

.d-fl-col3.d-fd-column > * {
  margin: var(--fl-gap) 0;
}

.d-fl-col4.d-fd-column > * {
  margin: var(--fl-gap) 0;
}

.d-fl-col5.d-fd-column > * {
  margin: var(--fl-gap) 0;
}

.d-fl-col6.d-fd-column > * {
  margin: var(--fl-gap) 0;
}

.d-fl-col7.d-fd-column > * {
  margin: var(--fl-gap) 0;
}

.d-fl-col8.d-fd-column > * {
  margin: var(--fl-gap) 0;
}

.d-fl-col9.d-fd-column > * {
  margin: var(--fl-gap) 0;
}

.d-fl-col10.d-fd-column > * {
  margin: var(--fl-gap) 0;
}

.d-fl-col11.d-fd-column > * {
  margin: var(--fl-gap) 0;
}

.d-fl-col12.d-fd-column > * {
  margin: var(--fl-gap) 0;
}

.d-fl-col1.d-fd-column > * {
  margin: var(--fl-gap) 0;
}

.d-fl-col2.d-fd-column > * {
  margin: var(--fl-gap) 0;
}

.d-fl-col3.d-fd-column > * {
  margin: var(--fl-gap) 0;
}

.d-fl-col4.d-fd-column > * {
  margin: var(--fl-gap) 0;
}

.d-fl-col5.d-fd-column > * {
  margin: var(--fl-gap) 0;
}

.d-fl-col6.d-fd-column > * {
  margin: var(--fl-gap) 0;
}

.d-fl-col7.d-fd-column > * {
  margin: var(--fl-gap) 0;
}

.d-fl-col8.d-fd-column > * {
  margin: var(--fl-gap) 0;
}

.d-fl-col9.d-fd-column > * {
  margin: var(--fl-gap) 0;
}

.d-fl-col10.d-fd-column > * {
  margin: var(--fl-gap) 0;
}

.d-fl-col11.d-fd-column > * {
  margin: var(--fl-gap) 0;
}

.d-fl-col12.d-fd-column > * {
  margin: var(--fl-gap) 0;
}

.d-bar0 {
  border-radius: var(--dt-size-radius-0) !important;
}

.d-bar1 {
  border-radius: var(--dt-size-radius-100) !important;
}

.d-bar2 {
  border-radius: var(--dt-size-radius-200) !important;
}

.d-bar4 {
  border-radius: var(--dt-size-radius-300) !important;
}

.d-bar8 {
  border-radius: var(--dt-size-radius-400) !important;
}

.d-bar12 {
  border-radius: var(--dt-size-radius-450) !important;
}

.d-bar16 {
  border-radius: var(--dt-size-radius-500) !important;
}

.d-bar24 {
  border-radius: var(--dt-size-550) !important;
}

.d-bar32 {
  border-radius: var(--dt-size-radius-600) !important;
}

.d-bar0 {
  border-radius: var(--dt-size-radius-0) !important;
}

.d-bar1 {
  border-radius: var(--dt-size-radius-100) !important;
}

.d-bar2 {
  border-radius: var(--dt-size-radius-200) !important;
}

.d-bar4 {
  border-radius: var(--dt-size-radius-300) !important;
}

.d-bar8 {
  border-radius: var(--dt-size-radius-400) !important;
}

.d-bar12 {
  border-radius: var(--dt-size-radius-450) !important;
}

.d-bar16 {
  border-radius: var(--dt-size-radius-500) !important;
}

.d-bar24 {
  border-radius: var(--dt-size-550) !important;
}

.d-bar32 {
  border-radius: var(--dt-size-radius-600) !important;
}

.d-btr0 {
  border-top-left-radius: var(--dt-size-radius-0) !important;
  border-top-right-radius: var(--dt-size-radius-0) !important;
}

.d-btr1 {
  border-top-left-radius: var(--dt-size-radius-100) !important;
  border-top-right-radius: var(--dt-size-radius-100) !important;
}

.d-btr2 {
  border-top-left-radius: var(--dt-size-radius-200) !important;
  border-top-right-radius: var(--dt-size-radius-200) !important;
}

.d-btr4 {
  border-top-left-radius: var(--dt-size-radius-300) !important;
  border-top-right-radius: var(--dt-size-radius-300) !important;
}

.d-btr8 {
  border-top-left-radius: var(--dt-size-radius-400) !important;
  border-top-right-radius: var(--dt-size-radius-400) !important;
}

.d-btr12 {
  border-top-left-radius: var(--dt-size-radius-450) !important;
  border-top-right-radius: var(--dt-size-radius-450) !important;
}

.d-btr16 {
  border-top-left-radius: var(--dt-size-radius-500) !important;
  border-top-right-radius: var(--dt-size-radius-500) !important;
}

.d-btr24 {
  border-top-left-radius: var(--dt-size-550) !important;
  border-top-right-radius: var(--dt-size-550) !important;
}

.d-btr32 {
  border-top-left-radius: var(--dt-size-radius-600) !important;
  border-top-right-radius: var(--dt-size-radius-600) !important;
}

.d-btr0 {
  border-top-left-radius: var(--dt-size-radius-0) !important;
  border-top-right-radius: var(--dt-size-radius-0) !important;
}

.d-btr1 {
  border-top-left-radius: var(--dt-size-radius-100) !important;
  border-top-right-radius: var(--dt-size-radius-100) !important;
}

.d-btr2 {
  border-top-left-radius: var(--dt-size-radius-200) !important;
  border-top-right-radius: var(--dt-size-radius-200) !important;
}

.d-btr4 {
  border-top-left-radius: var(--dt-size-radius-300) !important;
  border-top-right-radius: var(--dt-size-radius-300) !important;
}

.d-btr8 {
  border-top-left-radius: var(--dt-size-radius-400) !important;
  border-top-right-radius: var(--dt-size-radius-400) !important;
}

.d-btr12 {
  border-top-left-radius: var(--dt-size-radius-450) !important;
  border-top-right-radius: var(--dt-size-radius-450) !important;
}

.d-btr16 {
  border-top-left-radius: var(--dt-size-radius-500) !important;
  border-top-right-radius: var(--dt-size-radius-500) !important;
}

.d-btr24 {
  border-top-left-radius: var(--dt-size-550) !important;
  border-top-right-radius: var(--dt-size-550) !important;
}

.d-btr32 {
  border-top-left-radius: var(--dt-size-radius-600) !important;
  border-top-right-radius: var(--dt-size-radius-600) !important;
}

.d-brr0 {
  border-top-right-radius: var(--dt-size-radius-0) !important;
  border-bottom-right-radius: var(--dt-size-radius-0) !important;
}

.d-brr1 {
  border-top-right-radius: var(--dt-size-radius-100) !important;
  border-bottom-right-radius: var(--dt-size-radius-100) !important;
}

.d-brr2 {
  border-top-right-radius: var(--dt-size-radius-200) !important;
  border-bottom-right-radius: var(--dt-size-radius-200) !important;
}

.d-brr4 {
  border-top-right-radius: var(--dt-size-radius-300) !important;
  border-bottom-right-radius: var(--dt-size-radius-300) !important;
}

.d-brr8 {
  border-top-right-radius: var(--dt-size-radius-400) !important;
  border-bottom-right-radius: var(--dt-size-radius-400) !important;
}

.d-brr12 {
  border-top-right-radius: var(--dt-size-radius-450) !important;
  border-bottom-right-radius: var(--dt-size-radius-450) !important;
}

.d-brr16 {
  border-top-right-radius: var(--dt-size-radius-500) !important;
  border-bottom-right-radius: var(--dt-size-radius-500) !important;
}

.d-brr24 {
  border-top-right-radius: var(--dt-size-550) !important;
  border-bottom-right-radius: var(--dt-size-550) !important;
}

.d-brr32 {
  border-top-right-radius: var(--dt-size-radius-600) !important;
  border-bottom-right-radius: var(--dt-size-radius-600) !important;
}

.d-brr0 {
  border-top-right-radius: var(--dt-size-radius-0) !important;
  border-bottom-right-radius: var(--dt-size-radius-0) !important;
}

.d-brr1 {
  border-top-right-radius: var(--dt-size-radius-100) !important;
  border-bottom-right-radius: var(--dt-size-radius-100) !important;
}

.d-brr2 {
  border-top-right-radius: var(--dt-size-radius-200) !important;
  border-bottom-right-radius: var(--dt-size-radius-200) !important;
}

.d-brr4 {
  border-top-right-radius: var(--dt-size-radius-300) !important;
  border-bottom-right-radius: var(--dt-size-radius-300) !important;
}

.d-brr8 {
  border-top-right-radius: var(--dt-size-radius-400) !important;
  border-bottom-right-radius: var(--dt-size-radius-400) !important;
}

.d-brr12 {
  border-top-right-radius: var(--dt-size-radius-450) !important;
  border-bottom-right-radius: var(--dt-size-radius-450) !important;
}

.d-brr16 {
  border-top-right-radius: var(--dt-size-radius-500) !important;
  border-bottom-right-radius: var(--dt-size-radius-500) !important;
}

.d-brr24 {
  border-top-right-radius: var(--dt-size-550) !important;
  border-bottom-right-radius: var(--dt-size-550) !important;
}

.d-brr32 {
  border-top-right-radius: var(--dt-size-radius-600) !important;
  border-bottom-right-radius: var(--dt-size-radius-600) !important;
}

.d-bbr0 {
  border-bottom-left-radius: var(--dt-size-radius-0) !important;
  border-bottom-right-radius: var(--dt-size-radius-0) !important;
}

.d-bbr1 {
  border-bottom-left-radius: var(--dt-size-radius-100) !important;
  border-bottom-right-radius: var(--dt-size-radius-100) !important;
}

.d-bbr2 {
  border-bottom-left-radius: var(--dt-size-radius-200) !important;
  border-bottom-right-radius: var(--dt-size-radius-200) !important;
}

.d-bbr4 {
  border-bottom-left-radius: var(--dt-size-radius-300) !important;
  border-bottom-right-radius: var(--dt-size-radius-300) !important;
}

.d-bbr8 {
  border-bottom-left-radius: var(--dt-size-radius-400) !important;
  border-bottom-right-radius: var(--dt-size-radius-400) !important;
}

.d-bbr12 {
  border-bottom-left-radius: var(--dt-size-radius-450) !important;
  border-bottom-right-radius: var(--dt-size-radius-450) !important;
}

.d-bbr16 {
  border-bottom-left-radius: var(--dt-size-radius-500) !important;
  border-bottom-right-radius: var(--dt-size-radius-500) !important;
}

.d-bbr24 {
  border-bottom-left-radius: var(--dt-size-550) !important;
  border-bottom-right-radius: var(--dt-size-550) !important;
}

.d-bbr32 {
  border-bottom-left-radius: var(--dt-size-radius-600) !important;
  border-bottom-right-radius: var(--dt-size-radius-600) !important;
}

.d-bbr0 {
  border-bottom-left-radius: var(--dt-size-radius-0) !important;
  border-bottom-right-radius: var(--dt-size-radius-0) !important;
}

.d-bbr1 {
  border-bottom-left-radius: var(--dt-size-radius-100) !important;
  border-bottom-right-radius: var(--dt-size-radius-100) !important;
}

.d-bbr2 {
  border-bottom-left-radius: var(--dt-size-radius-200) !important;
  border-bottom-right-radius: var(--dt-size-radius-200) !important;
}

.d-bbr4 {
  border-bottom-left-radius: var(--dt-size-radius-300) !important;
  border-bottom-right-radius: var(--dt-size-radius-300) !important;
}

.d-bbr8 {
  border-bottom-left-radius: var(--dt-size-radius-400) !important;
  border-bottom-right-radius: var(--dt-size-radius-400) !important;
}

.d-bbr12 {
  border-bottom-left-radius: var(--dt-size-radius-450) !important;
  border-bottom-right-radius: var(--dt-size-radius-450) !important;
}

.d-bbr16 {
  border-bottom-left-radius: var(--dt-size-radius-500) !important;
  border-bottom-right-radius: var(--dt-size-radius-500) !important;
}

.d-bbr24 {
  border-bottom-left-radius: var(--dt-size-550) !important;
  border-bottom-right-radius: var(--dt-size-550) !important;
}

.d-bbr32 {
  border-bottom-left-radius: var(--dt-size-radius-600) !important;
  border-bottom-right-radius: var(--dt-size-radius-600) !important;
}

.d-blr0 {
  border-top-left-radius: var(--dt-size-radius-0) !important;
  border-bottom-left-radius: var(--dt-size-radius-0) !important;
}

.d-blr1 {
  border-top-left-radius: var(--dt-size-radius-100) !important;
  border-bottom-left-radius: var(--dt-size-radius-100) !important;
}

.d-blr2 {
  border-top-left-radius: var(--dt-size-radius-200) !important;
  border-bottom-left-radius: var(--dt-size-radius-200) !important;
}

.d-blr4 {
  border-top-left-radius: var(--dt-size-radius-300) !important;
  border-bottom-left-radius: var(--dt-size-radius-300) !important;
}

.d-blr8 {
  border-top-left-radius: var(--dt-size-radius-400) !important;
  border-bottom-left-radius: var(--dt-size-radius-400) !important;
}

.d-blr12 {
  border-top-left-radius: var(--dt-size-radius-450) !important;
  border-bottom-left-radius: var(--dt-size-radius-450) !important;
}

.d-blr16 {
  border-top-left-radius: var(--dt-size-radius-500) !important;
  border-bottom-left-radius: var(--dt-size-radius-500) !important;
}

.d-blr24 {
  border-top-left-radius: var(--dt-size-550) !important;
  border-bottom-left-radius: var(--dt-size-550) !important;
}

.d-blr32 {
  border-top-left-radius: var(--dt-size-radius-600) !important;
  border-bottom-left-radius: var(--dt-size-radius-600) !important;
}

.d-blr0 {
  border-top-left-radius: var(--dt-size-radius-0) !important;
  border-bottom-left-radius: var(--dt-size-radius-0) !important;
}

.d-blr1 {
  border-top-left-radius: var(--dt-size-radius-100) !important;
  border-bottom-left-radius: var(--dt-size-radius-100) !important;
}

.d-blr2 {
  border-top-left-radius: var(--dt-size-radius-200) !important;
  border-bottom-left-radius: var(--dt-size-radius-200) !important;
}

.d-blr4 {
  border-top-left-radius: var(--dt-size-radius-300) !important;
  border-bottom-left-radius: var(--dt-size-radius-300) !important;
}

.d-blr8 {
  border-top-left-radius: var(--dt-size-radius-400) !important;
  border-bottom-left-radius: var(--dt-size-radius-400) !important;
}

.d-blr12 {
  border-top-left-radius: var(--dt-size-radius-450) !important;
  border-bottom-left-radius: var(--dt-size-radius-450) !important;
}

.d-blr16 {
  border-top-left-radius: var(--dt-size-radius-500) !important;
  border-bottom-left-radius: var(--dt-size-radius-500) !important;
}

.d-blr24 {
  border-top-left-radius: var(--dt-size-550) !important;
  border-bottom-left-radius: var(--dt-size-550) !important;
}

.d-blr32 {
  border-top-left-radius: var(--dt-size-radius-600) !important;
  border-bottom-left-radius: var(--dt-size-radius-600) !important;
}

.d-g0 {
  gap: var(--dt-space-0) !important;
}

.d-g1 {
  gap: var(--dt-space-100) !important;
}

.d-g2 {
  gap: var(--dt-space-200) !important;
}

.d-g4 {
  gap: var(--dt-space-300) !important;
}

.d-g6 {
  gap: var(--dt-space-350) !important;
}

.d-g8 {
  gap: var(--dt-space-400) !important;
}

.d-g12 {
  gap: var(--dt-space-450) !important;
}

.d-g16 {
  gap: var(--dt-space-500) !important;
}

.d-g20 {
  gap: var(--dt-space-525) !important;
}

.d-g24 {
  gap: var(--dt-space-550) !important;
}

.d-g32 {
  gap: var(--dt-space-600) !important;
}

.d-g48 {
  gap: var(--dt-space-650) !important;
}

.d-g64 {
  gap: var(--dt-space-700) !important;
}

.d-g0 {
  gap: var(--dt-space-0) !important;
}

.d-g1 {
  gap: var(--dt-space-100) !important;
}

.d-g2 {
  gap: var(--dt-space-200) !important;
}

.d-g4 {
  gap: var(--dt-space-300) !important;
}

.d-g6 {
  gap: var(--dt-space-350) !important;
}

.d-g8 {
  gap: var(--dt-space-400) !important;
}

.d-g12 {
  gap: var(--dt-space-450) !important;
}

.d-g16 {
  gap: var(--dt-space-500) !important;
}

.d-g20 {
  gap: var(--dt-space-525) !important;
}

.d-g24 {
  gap: var(--dt-space-550) !important;
}

.d-g32 {
  gap: var(--dt-space-600) !important;
}

.d-g48 {
  gap: var(--dt-space-650) !important;
}

.d-g64 {
  gap: var(--dt-space-700) !important;
}

.d-rg0 {
  row-gap: var(--dt-space-0) !important;
}

.d-rg1 {
  row-gap: var(--dt-space-100) !important;
}

.d-rg2 {
  row-gap: var(--dt-space-200) !important;
}

.d-rg4 {
  row-gap: var(--dt-space-300) !important;
}

.d-rg6 {
  row-gap: var(--dt-space-350) !important;
}

.d-rg8 {
  row-gap: var(--dt-space-400) !important;
}

.d-rg12 {
  row-gap: var(--dt-space-450) !important;
}

.d-rg16 {
  row-gap: var(--dt-space-500) !important;
}

.d-rg20 {
  row-gap: var(--dt-space-525) !important;
}

.d-rg24 {
  row-gap: var(--dt-space-550) !important;
}

.d-rg32 {
  row-gap: var(--dt-space-600) !important;
}

.d-rg48 {
  row-gap: var(--dt-space-650) !important;
}

.d-rg64 {
  row-gap: var(--dt-space-700) !important;
}

.d-rg0 {
  row-gap: var(--dt-space-0) !important;
}

.d-rg1 {
  row-gap: var(--dt-space-100) !important;
}

.d-rg2 {
  row-gap: var(--dt-space-200) !important;
}

.d-rg4 {
  row-gap: var(--dt-space-300) !important;
}

.d-rg6 {
  row-gap: var(--dt-space-350) !important;
}

.d-rg8 {
  row-gap: var(--dt-space-400) !important;
}

.d-rg12 {
  row-gap: var(--dt-space-450) !important;
}

.d-rg16 {
  row-gap: var(--dt-space-500) !important;
}

.d-rg20 {
  row-gap: var(--dt-space-525) !important;
}

.d-rg24 {
  row-gap: var(--dt-space-550) !important;
}

.d-rg32 {
  row-gap: var(--dt-space-600) !important;
}

.d-rg48 {
  row-gap: var(--dt-space-650) !important;
}

.d-rg64 {
  row-gap: var(--dt-space-700) !important;
}

.d-cg0 {
  -webkit-column-gap: var(--dt-space-0) !important;
     -moz-column-gap: var(--dt-space-0) !important;
          column-gap: var(--dt-space-0) !important;
}

.d-cg1 {
  -webkit-column-gap: var(--dt-space-100) !important;
     -moz-column-gap: var(--dt-space-100) !important;
          column-gap: var(--dt-space-100) !important;
}

.d-cg2 {
  -webkit-column-gap: var(--dt-space-200) !important;
     -moz-column-gap: var(--dt-space-200) !important;
          column-gap: var(--dt-space-200) !important;
}

.d-cg4 {
  -webkit-column-gap: var(--dt-space-300) !important;
     -moz-column-gap: var(--dt-space-300) !important;
          column-gap: var(--dt-space-300) !important;
}

.d-cg6 {
  -webkit-column-gap: var(--dt-space-350) !important;
     -moz-column-gap: var(--dt-space-350) !important;
          column-gap: var(--dt-space-350) !important;
}

.d-cg8 {
  -webkit-column-gap: var(--dt-space-400) !important;
     -moz-column-gap: var(--dt-space-400) !important;
          column-gap: var(--dt-space-400) !important;
}

.d-cg12 {
  -webkit-column-gap: var(--dt-space-450) !important;
     -moz-column-gap: var(--dt-space-450) !important;
          column-gap: var(--dt-space-450) !important;
}

.d-cg16 {
  -webkit-column-gap: var(--dt-space-500) !important;
     -moz-column-gap: var(--dt-space-500) !important;
          column-gap: var(--dt-space-500) !important;
}

.d-cg20 {
  -webkit-column-gap: var(--dt-space-525) !important;
     -moz-column-gap: var(--dt-space-525) !important;
          column-gap: var(--dt-space-525) !important;
}

.d-cg24 {
  -webkit-column-gap: var(--dt-space-550) !important;
     -moz-column-gap: var(--dt-space-550) !important;
          column-gap: var(--dt-space-550) !important;
}

.d-cg32 {
  -webkit-column-gap: var(--dt-space-600) !important;
     -moz-column-gap: var(--dt-space-600) !important;
          column-gap: var(--dt-space-600) !important;
}

.d-cg48 {
  -webkit-column-gap: var(--dt-space-650) !important;
     -moz-column-gap: var(--dt-space-650) !important;
          column-gap: var(--dt-space-650) !important;
}

.d-cg64 {
  -webkit-column-gap: var(--dt-space-700) !important;
     -moz-column-gap: var(--dt-space-700) !important;
          column-gap: var(--dt-space-700) !important;
}

.d-cg0 {
  -webkit-column-gap: var(--dt-space-0) !important;
     -moz-column-gap: var(--dt-space-0) !important;
          column-gap: var(--dt-space-0) !important;
}

.d-cg1 {
  -webkit-column-gap: var(--dt-space-100) !important;
     -moz-column-gap: var(--dt-space-100) !important;
          column-gap: var(--dt-space-100) !important;
}

.d-cg2 {
  -webkit-column-gap: var(--dt-space-200) !important;
     -moz-column-gap: var(--dt-space-200) !important;
          column-gap: var(--dt-space-200) !important;
}

.d-cg4 {
  -webkit-column-gap: var(--dt-space-300) !important;
     -moz-column-gap: var(--dt-space-300) !important;
          column-gap: var(--dt-space-300) !important;
}

.d-cg6 {
  -webkit-column-gap: var(--dt-space-350) !important;
     -moz-column-gap: var(--dt-space-350) !important;
          column-gap: var(--dt-space-350) !important;
}

.d-cg8 {
  -webkit-column-gap: var(--dt-space-400) !important;
     -moz-column-gap: var(--dt-space-400) !important;
          column-gap: var(--dt-space-400) !important;
}

.d-cg12 {
  -webkit-column-gap: var(--dt-space-450) !important;
     -moz-column-gap: var(--dt-space-450) !important;
          column-gap: var(--dt-space-450) !important;
}

.d-cg16 {
  -webkit-column-gap: var(--dt-space-500) !important;
     -moz-column-gap: var(--dt-space-500) !important;
          column-gap: var(--dt-space-500) !important;
}

.d-cg20 {
  -webkit-column-gap: var(--dt-space-525) !important;
     -moz-column-gap: var(--dt-space-525) !important;
          column-gap: var(--dt-space-525) !important;
}

.d-cg24 {
  -webkit-column-gap: var(--dt-space-550) !important;
     -moz-column-gap: var(--dt-space-550) !important;
          column-gap: var(--dt-space-550) !important;
}

.d-cg32 {
  -webkit-column-gap: var(--dt-space-600) !important;
     -moz-column-gap: var(--dt-space-600) !important;
          column-gap: var(--dt-space-600) !important;
}

.d-cg48 {
  -webkit-column-gap: var(--dt-space-650) !important;
     -moz-column-gap: var(--dt-space-650) !important;
          column-gap: var(--dt-space-650) !important;
}

.d-cg64 {
  -webkit-column-gap: var(--dt-space-700) !important;
     -moz-column-gap: var(--dt-space-700) !important;
          column-gap: var(--dt-space-700) !important;
}

.d-g0 > * {
  --fl-gap: var(--dt-space-0);
  margin: unset;
}

.d-g1 > * {
  --fl-gap: var(--dt-space-100);
  margin: unset;
}

.d-g2 > * {
  --fl-gap: var(--dt-space-200);
  margin: unset;
}

.d-g4 > * {
  --fl-gap: var(--dt-space-300);
  margin: unset;
}

.d-g6 > * {
  --fl-gap: var(--dt-space-350);
  margin: unset;
}

.d-g8 > * {
  --fl-gap: var(--dt-space-400);
  margin: unset;
}

.d-g12 > * {
  --fl-gap: var(--dt-space-450);
  margin: unset;
}

.d-g16 > * {
  --fl-gap: var(--dt-space-500);
  margin: unset;
}

.d-g20 > * {
  --fl-gap: var(--dt-space-525);
  margin: unset;
}

.d-g24 > * {
  --fl-gap: var(--dt-space-550);
  margin: unset;
}

.d-g32 > * {
  --fl-gap: var(--dt-space-600);
  margin: unset;
}

.d-g48 > * {
  --fl-gap: var(--dt-space-650);
  margin: unset;
}

.d-g64 > * {
  --fl-gap: var(--dt-space-700);
  margin: unset;
}

.d-g0 > * {
  --fl-gap: var(--dt-space-0);
  margin: unset;
}

.d-g1 > * {
  --fl-gap: var(--dt-space-100);
  margin: unset;
}

.d-g2 > * {
  --fl-gap: var(--dt-space-200);
  margin: unset;
}

.d-g4 > * {
  --fl-gap: var(--dt-space-300);
  margin: unset;
}

.d-g6 > * {
  --fl-gap: var(--dt-space-350);
  margin: unset;
}

.d-g8 > * {
  --fl-gap: var(--dt-space-400);
  margin: unset;
}

.d-g12 > * {
  --fl-gap: var(--dt-space-450);
  margin: unset;
}

.d-g16 > * {
  --fl-gap: var(--dt-space-500);
  margin: unset;
}

.d-g20 > * {
  --fl-gap: var(--dt-space-525);
  margin: unset;
}

.d-g24 > * {
  --fl-gap: var(--dt-space-550);
  margin: unset;
}

.d-g32 > * {
  --fl-gap: var(--dt-space-600);
  margin: unset;
}

.d-g48 > * {
  --fl-gap: var(--dt-space-650);
  margin: unset;
}

.d-g64 > * {
  --fl-gap: var(--dt-space-700);
  margin: unset;
}

.d-cg0 > * {
  --fl-gap: var(--dt-space-0);
  margin: unset;
}

.d-cg1 > * {
  --fl-gap: var(--dt-space-100);
  margin: unset;
}

.d-cg2 > * {
  --fl-gap: var(--dt-space-200);
  margin: unset;
}

.d-cg4 > * {
  --fl-gap: var(--dt-space-300);
  margin: unset;
}

.d-cg6 > * {
  --fl-gap: var(--dt-space-350);
  margin: unset;
}

.d-cg8 > * {
  --fl-gap: var(--dt-space-400);
  margin: unset;
}

.d-cg12 > * {
  --fl-gap: var(--dt-space-450);
  margin: unset;
}

.d-cg16 > * {
  --fl-gap: var(--dt-space-500);
  margin: unset;
}

.d-cg20 > * {
  --fl-gap: var(--dt-space-525);
  margin: unset;
}

.d-cg24 > * {
  --fl-gap: var(--dt-space-550);
  margin: unset;
}

.d-cg32 > * {
  --fl-gap: var(--dt-space-600);
  margin: unset;
}

.d-cg48 > * {
  --fl-gap: var(--dt-space-650);
  margin: unset;
}

.d-cg64 > * {
  --fl-gap: var(--dt-space-700);
  margin: unset;
}

.d-cg0 > * {
  --fl-gap: var(--dt-space-0);
  margin: unset;
}

.d-cg1 > * {
  --fl-gap: var(--dt-space-100);
  margin: unset;
}

.d-cg2 > * {
  --fl-gap: var(--dt-space-200);
  margin: unset;
}

.d-cg4 > * {
  --fl-gap: var(--dt-space-300);
  margin: unset;
}

.d-cg6 > * {
  --fl-gap: var(--dt-space-350);
  margin: unset;
}

.d-cg8 > * {
  --fl-gap: var(--dt-space-400);
  margin: unset;
}

.d-cg12 > * {
  --fl-gap: var(--dt-space-450);
  margin: unset;
}

.d-cg16 > * {
  --fl-gap: var(--dt-space-500);
  margin: unset;
}

.d-cg20 > * {
  --fl-gap: var(--dt-space-525);
  margin: unset;
}

.d-cg24 > * {
  --fl-gap: var(--dt-space-550);
  margin: unset;
}

.d-cg32 > * {
  --fl-gap: var(--dt-space-600);
  margin: unset;
}

.d-cg48 > * {
  --fl-gap: var(--dt-space-650);
  margin: unset;
}

.d-cg64 > * {
  --fl-gap: var(--dt-space-700);
  margin: unset;
}

.d-g-cols1 {
  grid-template-columns: [full-start] repeat(1, [col-start] var(--col-width, minmax(0,1fr)) [col-end]) [full-end] !important;
}

.d-g-cols2 {
  grid-template-columns: [full-start] repeat(2, [col-start] var(--col-width, minmax(0,1fr)) [col-end]) [full-end] !important;
}

.d-g-cols3 {
  grid-template-columns: [full-start] repeat(3, [col-start] var(--col-width, minmax(0,1fr)) [col-end]) [full-end] !important;
}

.d-g-cols4 {
  grid-template-columns: [full-start] repeat(4, [col-start] var(--col-width, minmax(0,1fr)) [col-end]) [full-end] !important;
}

.d-g-cols5 {
  grid-template-columns: [full-start] repeat(5, [col-start] var(--col-width, minmax(0,1fr)) [col-end]) [full-end] !important;
}

.d-g-cols6 {
  grid-template-columns: [full-start] repeat(6, [col-start] var(--col-width, minmax(0,1fr)) [col-end]) [full-end] !important;
}

.d-g-cols7 {
  grid-template-columns: [full-start] repeat(7, [col-start] var(--col-width, minmax(0,1fr)) [col-end]) [full-end] !important;
}

.d-g-cols8 {
  grid-template-columns: [full-start] repeat(8, [col-start] var(--col-width, minmax(0,1fr)) [col-end]) [full-end] !important;
}

.d-g-cols9 {
  grid-template-columns: [full-start] repeat(9, [col-start] var(--col-width, minmax(0,1fr)) [col-end]) [full-end] !important;
}

.d-g-cols10 {
  grid-template-columns: [full-start] repeat(10, [col-start] var(--col-width, minmax(0,1fr)) [col-end]) [full-end] !important;
}

.d-g-cols11 {
  grid-template-columns: [full-start] repeat(11, [col-start] var(--col-width, minmax(0,1fr)) [col-end]) [full-end] !important;
}

.d-g-cols12 {
  grid-template-columns: [full-start] repeat(12, [col-start] var(--col-width, minmax(0,1fr)) [col-end]) [full-end] !important;
}

.d-g-cols1 {
  grid-template-columns: [full-start] repeat(1, [col-start] var(--col-width, minmax(0,1fr)) [col-end]) [full-end] !important;
}

.d-g-cols2 {
  grid-template-columns: [full-start] repeat(2, [col-start] var(--col-width, minmax(0,1fr)) [col-end]) [full-end] !important;
}

.d-g-cols3 {
  grid-template-columns: [full-start] repeat(3, [col-start] var(--col-width, minmax(0,1fr)) [col-end]) [full-end] !important;
}

.d-g-cols4 {
  grid-template-columns: [full-start] repeat(4, [col-start] var(--col-width, minmax(0,1fr)) [col-end]) [full-end] !important;
}

.d-g-cols5 {
  grid-template-columns: [full-start] repeat(5, [col-start] var(--col-width, minmax(0,1fr)) [col-end]) [full-end] !important;
}

.d-g-cols6 {
  grid-template-columns: [full-start] repeat(6, [col-start] var(--col-width, minmax(0,1fr)) [col-end]) [full-end] !important;
}

.d-g-cols7 {
  grid-template-columns: [full-start] repeat(7, [col-start] var(--col-width, minmax(0,1fr)) [col-end]) [full-end] !important;
}

.d-g-cols8 {
  grid-template-columns: [full-start] repeat(8, [col-start] var(--col-width, minmax(0,1fr)) [col-end]) [full-end] !important;
}

.d-g-cols9 {
  grid-template-columns: [full-start] repeat(9, [col-start] var(--col-width, minmax(0,1fr)) [col-end]) [full-end] !important;
}

.d-g-cols10 {
  grid-template-columns: [full-start] repeat(10, [col-start] var(--col-width, minmax(0,1fr)) [col-end]) [full-end] !important;
}

.d-g-cols11 {
  grid-template-columns: [full-start] repeat(11, [col-start] var(--col-width, minmax(0,1fr)) [col-end]) [full-end] !important;
}

.d-g-cols12 {
  grid-template-columns: [full-start] repeat(12, [col-start] var(--col-width, minmax(0,1fr)) [col-end]) [full-end] !important;
}

.d-gcs1 {
  grid-column-start: 1 !important;
}

.d-gcs2 {
  grid-column-start: 2 !important;
}

.d-gcs3 {
  grid-column-start: 3 !important;
}

.d-gcs4 {
  grid-column-start: 4 !important;
}

.d-gcs5 {
  grid-column-start: 5 !important;
}

.d-gcs6 {
  grid-column-start: 6 !important;
}

.d-gcs7 {
  grid-column-start: 7 !important;
}

.d-gcs8 {
  grid-column-start: 8 !important;
}

.d-gcs9 {
  grid-column-start: 9 !important;
}

.d-gcs10 {
  grid-column-start: 10 !important;
}

.d-gcs11 {
  grid-column-start: 11 !important;
}

.d-gcs12 {
  grid-column-start: 12 !important;
}

.d-gcs1 {
  grid-column-start: 1 !important;
}

.d-gcs2 {
  grid-column-start: 2 !important;
}

.d-gcs3 {
  grid-column-start: 3 !important;
}

.d-gcs4 {
  grid-column-start: 4 !important;
}

.d-gcs5 {
  grid-column-start: 5 !important;
}

.d-gcs6 {
  grid-column-start: 6 !important;
}

.d-gcs7 {
  grid-column-start: 7 !important;
}

.d-gcs8 {
  grid-column-start: 8 !important;
}

.d-gcs9 {
  grid-column-start: 9 !important;
}

.d-gcs10 {
  grid-column-start: 10 !important;
}

.d-gcs11 {
  grid-column-start: 11 !important;
}

.d-gcs12 {
  grid-column-start: 12 !important;
}

.d-gce1 {
  grid-column-end: 1 !important;
}

.d-gce2 {
  grid-column-end: 2 !important;
}

.d-gce3 {
  grid-column-end: 3 !important;
}

.d-gce4 {
  grid-column-end: 4 !important;
}

.d-gce5 {
  grid-column-end: 5 !important;
}

.d-gce6 {
  grid-column-end: 6 !important;
}

.d-gce7 {
  grid-column-end: 7 !important;
}

.d-gce8 {
  grid-column-end: 8 !important;
}

.d-gce9 {
  grid-column-end: 9 !important;
}

.d-gce10 {
  grid-column-end: 10 !important;
}

.d-gce11 {
  grid-column-end: 11 !important;
}

.d-gce12 {
  grid-column-end: 12 !important;
}

.d-gce1 {
  grid-column-end: 1 !important;
}

.d-gce2 {
  grid-column-end: 2 !important;
}

.d-gce3 {
  grid-column-end: 3 !important;
}

.d-gce4 {
  grid-column-end: 4 !important;
}

.d-gce5 {
  grid-column-end: 5 !important;
}

.d-gce6 {
  grid-column-end: 6 !important;
}

.d-gce7 {
  grid-column-end: 7 !important;
}

.d-gce8 {
  grid-column-end: 8 !important;
}

.d-gce9 {
  grid-column-end: 9 !important;
}

.d-gce10 {
  grid-column-end: 10 !important;
}

.d-gce11 {
  grid-column-end: 11 !important;
}

.d-gce12 {
  grid-column-end: 12 !important;
}

.d-gc1 {
  grid-column: span 1 / span 1 !important;
}

.d-gc2 {
  grid-column: span 2 / span 2 !important;
}

.d-gc3 {
  grid-column: span 3 / span 3 !important;
}

.d-gc4 {
  grid-column: span 4 / span 4 !important;
}

.d-gc5 {
  grid-column: span 5 / span 5 !important;
}

.d-gc6 {
  grid-column: span 6 / span 6 !important;
}

.d-gc7 {
  grid-column: span 7 / span 7 !important;
}

.d-gc8 {
  grid-column: span 8 / span 8 !important;
}

.d-gc9 {
  grid-column: span 9 / span 9 !important;
}

.d-gc10 {
  grid-column: span 10 / span 10 !important;
}

.d-gc11 {
  grid-column: span 11 / span 11 !important;
}

.d-gc12 {
  grid-column: span 12 / span 12 !important;
}

.d-gc1 {
  grid-column: span 1 / span 1 !important;
}

.d-gc2 {
  grid-column: span 2 / span 2 !important;
}

.d-gc3 {
  grid-column: span 3 / span 3 !important;
}

.d-gc4 {
  grid-column: span 4 / span 4 !important;
}

.d-gc5 {
  grid-column: span 5 / span 5 !important;
}

.d-gc6 {
  grid-column: span 6 / span 6 !important;
}

.d-gc7 {
  grid-column: span 7 / span 7 !important;
}

.d-gc8 {
  grid-column: span 8 / span 8 !important;
}

.d-gc9 {
  grid-column: span 9 / span 9 !important;
}

.d-gc10 {
  grid-column: span 10 / span 10 !important;
}

.d-gc11 {
  grid-column: span 11 / span 11 !important;
}

.d-gc12 {
  grid-column: span 12 / span 12 !important;
}

.d-g-rows1 {
  grid-template-rows: [full-start] repeat(1, [col-start] minmax(0,1fr) [col-end]) [full-end] !important;
}

.d-g-rows2 {
  grid-template-rows: [full-start] repeat(2, [col-start] minmax(0,1fr) [col-end]) [full-end] !important;
}

.d-g-rows3 {
  grid-template-rows: [full-start] repeat(3, [col-start] minmax(0,1fr) [col-end]) [full-end] !important;
}

.d-g-rows4 {
  grid-template-rows: [full-start] repeat(4, [col-start] minmax(0,1fr) [col-end]) [full-end] !important;
}

.d-g-rows5 {
  grid-template-rows: [full-start] repeat(5, [col-start] minmax(0,1fr) [col-end]) [full-end] !important;
}

.d-g-rows6 {
  grid-template-rows: [full-start] repeat(6, [col-start] minmax(0,1fr) [col-end]) [full-end] !important;
}

.d-g-rows7 {
  grid-template-rows: [full-start] repeat(7, [col-start] minmax(0,1fr) [col-end]) [full-end] !important;
}

.d-g-rows8 {
  grid-template-rows: [full-start] repeat(8, [col-start] minmax(0,1fr) [col-end]) [full-end] !important;
}

.d-g-rows9 {
  grid-template-rows: [full-start] repeat(9, [col-start] minmax(0,1fr) [col-end]) [full-end] !important;
}

.d-g-rows10 {
  grid-template-rows: [full-start] repeat(10, [col-start] minmax(0,1fr) [col-end]) [full-end] !important;
}

.d-g-rows11 {
  grid-template-rows: [full-start] repeat(11, [col-start] minmax(0,1fr) [col-end]) [full-end] !important;
}

.d-g-rows12 {
  grid-template-rows: [full-start] repeat(12, [col-start] minmax(0,1fr) [col-end]) [full-end] !important;
}

.d-g-rows1 {
  grid-template-rows: [full-start] repeat(1, [col-start] minmax(0,1fr) [col-end]) [full-end] !important;
}

.d-g-rows2 {
  grid-template-rows: [full-start] repeat(2, [col-start] minmax(0,1fr) [col-end]) [full-end] !important;
}

.d-g-rows3 {
  grid-template-rows: [full-start] repeat(3, [col-start] minmax(0,1fr) [col-end]) [full-end] !important;
}

.d-g-rows4 {
  grid-template-rows: [full-start] repeat(4, [col-start] minmax(0,1fr) [col-end]) [full-end] !important;
}

.d-g-rows5 {
  grid-template-rows: [full-start] repeat(5, [col-start] minmax(0,1fr) [col-end]) [full-end] !important;
}

.d-g-rows6 {
  grid-template-rows: [full-start] repeat(6, [col-start] minmax(0,1fr) [col-end]) [full-end] !important;
}

.d-g-rows7 {
  grid-template-rows: [full-start] repeat(7, [col-start] minmax(0,1fr) [col-end]) [full-end] !important;
}

.d-g-rows8 {
  grid-template-rows: [full-start] repeat(8, [col-start] minmax(0,1fr) [col-end]) [full-end] !important;
}

.d-g-rows9 {
  grid-template-rows: [full-start] repeat(9, [col-start] minmax(0,1fr) [col-end]) [full-end] !important;
}

.d-g-rows10 {
  grid-template-rows: [full-start] repeat(10, [col-start] minmax(0,1fr) [col-end]) [full-end] !important;
}

.d-g-rows11 {
  grid-template-rows: [full-start] repeat(11, [col-start] minmax(0,1fr) [col-end]) [full-end] !important;
}

.d-g-rows12 {
  grid-template-rows: [full-start] repeat(12, [col-start] minmax(0,1fr) [col-end]) [full-end] !important;
}

.d-grs1 {
  grid-row-start: 1 !important;
}

.d-grs2 {
  grid-row-start: 2 !important;
}

.d-grs3 {
  grid-row-start: 3 !important;
}

.d-grs4 {
  grid-row-start: 4 !important;
}

.d-grs5 {
  grid-row-start: 5 !important;
}

.d-grs6 {
  grid-row-start: 6 !important;
}

.d-grs7 {
  grid-row-start: 7 !important;
}

.d-grs8 {
  grid-row-start: 8 !important;
}

.d-grs9 {
  grid-row-start: 9 !important;
}

.d-grs10 {
  grid-row-start: 10 !important;
}

.d-grs11 {
  grid-row-start: 11 !important;
}

.d-grs12 {
  grid-row-start: 12 !important;
}

.d-grs1 {
  grid-row-start: 1 !important;
}

.d-grs2 {
  grid-row-start: 2 !important;
}

.d-grs3 {
  grid-row-start: 3 !important;
}

.d-grs4 {
  grid-row-start: 4 !important;
}

.d-grs5 {
  grid-row-start: 5 !important;
}

.d-grs6 {
  grid-row-start: 6 !important;
}

.d-grs7 {
  grid-row-start: 7 !important;
}

.d-grs8 {
  grid-row-start: 8 !important;
}

.d-grs9 {
  grid-row-start: 9 !important;
}

.d-grs10 {
  grid-row-start: 10 !important;
}

.d-grs11 {
  grid-row-start: 11 !important;
}

.d-grs12 {
  grid-row-start: 12 !important;
}

.d-gre1 {
  grid-row-end: 1 !important;
}

.d-gre2 {
  grid-row-end: 2 !important;
}

.d-gre3 {
  grid-row-end: 3 !important;
}

.d-gre4 {
  grid-row-end: 4 !important;
}

.d-gre5 {
  grid-row-end: 5 !important;
}

.d-gre6 {
  grid-row-end: 6 !important;
}

.d-gre7 {
  grid-row-end: 7 !important;
}

.d-gre8 {
  grid-row-end: 8 !important;
}

.d-gre9 {
  grid-row-end: 9 !important;
}

.d-gre10 {
  grid-row-end: 10 !important;
}

.d-gre11 {
  grid-row-end: 11 !important;
}

.d-gre12 {
  grid-row-end: 12 !important;
}

.d-gre1 {
  grid-row-end: 1 !important;
}

.d-gre2 {
  grid-row-end: 2 !important;
}

.d-gre3 {
  grid-row-end: 3 !important;
}

.d-gre4 {
  grid-row-end: 4 !important;
}

.d-gre5 {
  grid-row-end: 5 !important;
}

.d-gre6 {
  grid-row-end: 6 !important;
}

.d-gre7 {
  grid-row-end: 7 !important;
}

.d-gre8 {
  grid-row-end: 8 !important;
}

.d-gre9 {
  grid-row-end: 9 !important;
}

.d-gre10 {
  grid-row-end: 10 !important;
}

.d-gre11 {
  grid-row-end: 11 !important;
}

.d-gre12 {
  grid-row-end: 12 !important;
}

.d-gr1 {
  grid-row: span 1 / span 1 !important;
}

.d-gr2 {
  grid-row: span 2 / span 2 !important;
}

.d-gr3 {
  grid-row: span 3 / span 3 !important;
}

.d-gr4 {
  grid-row: span 4 / span 4 !important;
}

.d-gr5 {
  grid-row: span 5 / span 5 !important;
}

.d-gr6 {
  grid-row: span 6 / span 6 !important;
}

.d-gr7 {
  grid-row: span 7 / span 7 !important;
}

.d-gr8 {
  grid-row: span 8 / span 8 !important;
}

.d-gr9 {
  grid-row: span 9 / span 9 !important;
}

.d-gr10 {
  grid-row: span 10 / span 10 !important;
}

.d-gr11 {
  grid-row: span 11 / span 11 !important;
}

.d-gr12 {
  grid-row: span 12 / span 12 !important;
}

.d-gr1 {
  grid-row: span 1 / span 1 !important;
}

.d-gr2 {
  grid-row: span 2 / span 2 !important;
}

.d-gr3 {
  grid-row: span 3 / span 3 !important;
}

.d-gr4 {
  grid-row: span 4 / span 4 !important;
}

.d-gr5 {
  grid-row: span 5 / span 5 !important;
}

.d-gr6 {
  grid-row: span 6 / span 6 !important;
}

.d-gr7 {
  grid-row: span 7 / span 7 !important;
}

.d-gr8 {
  grid-row: span 8 / span 8 !important;
}

.d-gr9 {
  grid-row: span 9 / span 9 !important;
}

.d-gr10 {
  grid-row: span 10 / span 10 !important;
}

.d-gr11 {
  grid-row: span 11 / span 11 !important;
}

.d-gr12 {
  grid-row: span 12 / span 12 !important;
}

.d-gg0 {
  grid-gap: var(--dt-space-0) !important;
}

.d-gg1 {
  grid-gap: var(--dt-space-100) !important;
}

.d-gg2 {
  grid-gap: var(--dt-space-200) !important;
}

.d-gg4 {
  grid-gap: var(--dt-space-300) !important;
}

.d-gg6 {
  grid-gap: var(--dt-space-350) !important;
}

.d-gg8 {
  grid-gap: var(--dt-space-400) !important;
}

.d-gg12 {
  grid-gap: var(--dt-space-450) !important;
}

.d-gg16 {
  grid-gap: var(--dt-space-500) !important;
}

.d-gg20 {
  grid-gap: var(--dt-space-525) !important;
}

.d-gg24 {
  grid-gap: var(--dt-space-550) !important;
}

.d-gg32 {
  grid-gap: var(--dt-space-600) !important;
}

.d-gg48 {
  grid-gap: var(--dt-space-650) !important;
}

.d-gg64 {
  grid-gap: var(--dt-space-700) !important;
}

.d-gg0 {
  grid-gap: var(--dt-space-0) !important;
}

.d-gg1 {
  grid-gap: var(--dt-space-100) !important;
}

.d-gg2 {
  grid-gap: var(--dt-space-200) !important;
}

.d-gg4 {
  grid-gap: var(--dt-space-300) !important;
}

.d-gg6 {
  grid-gap: var(--dt-space-350) !important;
}

.d-gg8 {
  grid-gap: var(--dt-space-400) !important;
}

.d-gg12 {
  grid-gap: var(--dt-space-450) !important;
}

.d-gg16 {
  grid-gap: var(--dt-space-500) !important;
}

.d-gg20 {
  grid-gap: var(--dt-space-525) !important;
}

.d-gg24 {
  grid-gap: var(--dt-space-550) !important;
}

.d-gg32 {
  grid-gap: var(--dt-space-600) !important;
}

.d-gg48 {
  grid-gap: var(--dt-space-650) !important;
}

.d-gg64 {
  grid-gap: var(--dt-space-700) !important;
}

.d-gcg0 {
  grid-column-gap: var(--dt-space-0) !important;
}

.d-gcg1 {
  grid-column-gap: var(--dt-space-100) !important;
}

.d-gcg2 {
  grid-column-gap: var(--dt-space-200) !important;
}

.d-gcg4 {
  grid-column-gap: var(--dt-space-300) !important;
}

.d-gcg6 {
  grid-column-gap: var(--dt-space-350) !important;
}

.d-gcg8 {
  grid-column-gap: var(--dt-space-400) !important;
}

.d-gcg12 {
  grid-column-gap: var(--dt-space-450) !important;
}

.d-gcg16 {
  grid-column-gap: var(--dt-space-500) !important;
}

.d-gcg20 {
  grid-column-gap: var(--dt-space-525) !important;
}

.d-gcg24 {
  grid-column-gap: var(--dt-space-550) !important;
}

.d-gcg32 {
  grid-column-gap: var(--dt-space-600) !important;
}

.d-gcg48 {
  grid-column-gap: var(--dt-space-650) !important;
}

.d-gcg64 {
  grid-column-gap: var(--dt-space-700) !important;
}

.d-gcg0 {
  grid-column-gap: var(--dt-space-0) !important;
}

.d-gcg1 {
  grid-column-gap: var(--dt-space-100) !important;
}

.d-gcg2 {
  grid-column-gap: var(--dt-space-200) !important;
}

.d-gcg4 {
  grid-column-gap: var(--dt-space-300) !important;
}

.d-gcg6 {
  grid-column-gap: var(--dt-space-350) !important;
}

.d-gcg8 {
  grid-column-gap: var(--dt-space-400) !important;
}

.d-gcg12 {
  grid-column-gap: var(--dt-space-450) !important;
}

.d-gcg16 {
  grid-column-gap: var(--dt-space-500) !important;
}

.d-gcg20 {
  grid-column-gap: var(--dt-space-525) !important;
}

.d-gcg24 {
  grid-column-gap: var(--dt-space-550) !important;
}

.d-gcg32 {
  grid-column-gap: var(--dt-space-600) !important;
}

.d-gcg48 {
  grid-column-gap: var(--dt-space-650) !important;
}

.d-gcg64 {
  grid-column-gap: var(--dt-space-700) !important;
}

.d-grg0 {
  grid-row-gap: var(--dt-space-0) !important;
}

.d-grg1 {
  grid-row-gap: var(--dt-space-100) !important;
}

.d-grg2 {
  grid-row-gap: var(--dt-space-200) !important;
}

.d-grg4 {
  grid-row-gap: var(--dt-space-300) !important;
}

.d-grg6 {
  grid-row-gap: var(--dt-space-350) !important;
}

.d-grg8 {
  grid-row-gap: var(--dt-space-400) !important;
}

.d-grg12 {
  grid-row-gap: var(--dt-space-450) !important;
}

.d-grg16 {
  grid-row-gap: var(--dt-space-500) !important;
}

.d-grg20 {
  grid-row-gap: var(--dt-space-525) !important;
}

.d-grg24 {
  grid-row-gap: var(--dt-space-550) !important;
}

.d-grg32 {
  grid-row-gap: var(--dt-space-600) !important;
}

.d-grg48 {
  grid-row-gap: var(--dt-space-650) !important;
}

.d-grg64 {
  grid-row-gap: var(--dt-space-700) !important;
}

.d-grg0 {
  grid-row-gap: var(--dt-space-0) !important;
}

.d-grg1 {
  grid-row-gap: var(--dt-space-100) !important;
}

.d-grg2 {
  grid-row-gap: var(--dt-space-200) !important;
}

.d-grg4 {
  grid-row-gap: var(--dt-space-300) !important;
}

.d-grg6 {
  grid-row-gap: var(--dt-space-350) !important;
}

.d-grg8 {
  grid-row-gap: var(--dt-space-400) !important;
}

.d-grg12 {
  grid-row-gap: var(--dt-space-450) !important;
}

.d-grg16 {
  grid-row-gap: var(--dt-space-500) !important;
}

.d-grg20 {
  grid-row-gap: var(--dt-space-525) !important;
}

.d-grg24 {
  grid-row-gap: var(--dt-space-550) !important;
}

.d-grg32 {
  grid-row-gap: var(--dt-space-600) !important;
}

.d-grg48 {
  grid-row-gap: var(--dt-space-650) !important;
}

.d-grg64 {
  grid-row-gap: var(--dt-space-700) !important;
}

.d-all0 {
  top: var(--dt-space-0) !important;
  right: var(--dt-space-0) !important;
  bottom: var(--dt-space-0) !important;
  left: var(--dt-space-0) !important;
}

.d-all1 {
  top: var(--dt-space-100) !important;
  right: var(--dt-space-100) !important;
  bottom: var(--dt-space-100) !important;
  left: var(--dt-space-100) !important;
}

.d-all2 {
  top: var(--dt-space-200) !important;
  right: var(--dt-space-200) !important;
  bottom: var(--dt-space-200) !important;
  left: var(--dt-space-200) !important;
}

.d-all4 {
  top: var(--dt-space-300) !important;
  right: var(--dt-space-300) !important;
  bottom: var(--dt-space-300) !important;
  left: var(--dt-space-300) !important;
}

.d-all6 {
  top: var(--dt-space-350) !important;
  right: var(--dt-space-350) !important;
  bottom: var(--dt-space-350) !important;
  left: var(--dt-space-350) !important;
}

.d-all8 {
  top: var(--dt-space-400) !important;
  right: var(--dt-space-400) !important;
  bottom: var(--dt-space-400) !important;
  left: var(--dt-space-400) !important;
}

.d-all12 {
  top: var(--dt-space-450) !important;
  right: var(--dt-space-450) !important;
  bottom: var(--dt-space-450) !important;
  left: var(--dt-space-450) !important;
}

.d-all16 {
  top: var(--dt-space-500) !important;
  right: var(--dt-space-500) !important;
  bottom: var(--dt-space-500) !important;
  left: var(--dt-space-500) !important;
}

.d-all20 {
  top: var(--dt-space-525) !important;
  right: var(--dt-space-525) !important;
  bottom: var(--dt-space-525) !important;
  left: var(--dt-space-525) !important;
}

.d-all24 {
  top: var(--dt-space-550) !important;
  right: var(--dt-space-550) !important;
  bottom: var(--dt-space-550) !important;
  left: var(--dt-space-550) !important;
}

.d-all32 {
  top: var(--dt-space-600) !important;
  right: var(--dt-space-600) !important;
  bottom: var(--dt-space-600) !important;
  left: var(--dt-space-600) !important;
}

.d-all48 {
  top: var(--dt-space-650) !important;
  right: var(--dt-space-650) !important;
  bottom: var(--dt-space-650) !important;
  left: var(--dt-space-650) !important;
}

.d-all64 {
  top: var(--dt-space-700) !important;
  right: var(--dt-space-700) !important;
  bottom: var(--dt-space-700) !important;
  left: var(--dt-space-700) !important;
}

.d-all72 {
  top: var(--dt-space-720) !important;
  right: var(--dt-space-720) !important;
  bottom: var(--dt-space-720) !important;
  left: var(--dt-space-720) !important;
}

.d-all84 {
  top: var(--dt-space-730) !important;
  right: var(--dt-space-730) !important;
  bottom: var(--dt-space-730) !important;
  left: var(--dt-space-730) !important;
}

.d-all96 {
  top: var(--dt-space-750) !important;
  right: var(--dt-space-750) !important;
  bottom: var(--dt-space-750) !important;
  left: var(--dt-space-750) !important;
}

.d-all102 {
  top: var(--dt-space-760) !important;
  right: var(--dt-space-760) !important;
  bottom: var(--dt-space-760) !important;
  left: var(--dt-space-760) !important;
}

.d-alln1 {
  top: var(--dt-space-100-negative) !important;
  right: var(--dt-space-100-negative) !important;
  bottom: var(--dt-space-100-negative) !important;
  left: var(--dt-space-100-negative) !important;
}

.d-alln2 {
  top: var(--dt-space-200-negative) !important;
  right: var(--dt-space-200-negative) !important;
  bottom: var(--dt-space-200-negative) !important;
  left: var(--dt-space-200-negative) !important;
}

.d-alln4 {
  top: var(--dt-space-300-negative) !important;
  right: var(--dt-space-300-negative) !important;
  bottom: var(--dt-space-300-negative) !important;
  left: var(--dt-space-300-negative) !important;
}

.d-alln6 {
  top: var(--dt-space-350-negative) !important;
  right: var(--dt-space-350-negative) !important;
  bottom: var(--dt-space-350-negative) !important;
  left: var(--dt-space-350-negative) !important;
}

.d-alln8 {
  top: var(--dt-space-400-negative) !important;
  right: var(--dt-space-400-negative) !important;
  bottom: var(--dt-space-400-negative) !important;
  left: var(--dt-space-400-negative) !important;
}

.d-alln12 {
  top: var(--dt-space-450-negative) !important;
  right: var(--dt-space-450-negative) !important;
  bottom: var(--dt-space-450-negative) !important;
  left: var(--dt-space-450-negative) !important;
}

.d-alln16 {
  top: var(--dt-space-500-negative) !important;
  right: var(--dt-space-500-negative) !important;
  bottom: var(--dt-space-500-negative) !important;
  left: var(--dt-space-500-negative) !important;
}

.d-alln24 {
  top: var(--dt-space-550-negative) !important;
  right: var(--dt-space-550-negative) !important;
  bottom: var(--dt-space-550-negative) !important;
  left: var(--dt-space-550-negative) !important;
}

.d-alln32 {
  top: var(--dt-space-600-negative) !important;
  right: var(--dt-space-600-negative) !important;
  bottom: var(--dt-space-600-negative) !important;
  left: var(--dt-space-600-negative) !important;
}

.d-alln48 {
  top: var(--dt-space-650-negative) !important;
  right: var(--dt-space-650-negative) !important;
  bottom: var(--dt-space-650-negative) !important;
  left: var(--dt-space-650-negative) !important;
}

.d-alln64 {
  top: var(--dt-space-700-negative) !important;
  right: var(--dt-space-700-negative) !important;
  bottom: var(--dt-space-700-negative) !important;
  left: var(--dt-space-700-negative) !important;
}

.d-alln72 {
  top: var(--dt-space-720-negative) !important;
  right: var(--dt-space-720-negative) !important;
  bottom: var(--dt-space-720-negative) !important;
  left: var(--dt-space-720-negative) !important;
}

.d-alln84 {
  top: var(--dt-space-730-negative) !important;
  right: var(--dt-space-730-negative) !important;
  bottom: var(--dt-space-730-negative) !important;
  left: var(--dt-space-730-negative) !important;
}

.d-alln96 {
  top: var(--dt-space-750-negative) !important;
  right: var(--dt-space-750-negative) !important;
  bottom: var(--dt-space-750-negative) !important;
  left: var(--dt-space-750-negative) !important;
}

.d-alln102 {
  top: var(--dt-space-760-negative) !important;
  right: var(--dt-space-760-negative) !important;
  bottom: var(--dt-space-760-negative) !important;
  left: var(--dt-space-760-negative) !important;
}

.d-all0 {
  top: var(--dt-space-0) !important;
  right: var(--dt-space-0) !important;
  bottom: var(--dt-space-0) !important;
  left: var(--dt-space-0) !important;
}

.d-all1 {
  top: var(--dt-space-100) !important;
  right: var(--dt-space-100) !important;
  bottom: var(--dt-space-100) !important;
  left: var(--dt-space-100) !important;
}

.d-all2 {
  top: var(--dt-space-200) !important;
  right: var(--dt-space-200) !important;
  bottom: var(--dt-space-200) !important;
  left: var(--dt-space-200) !important;
}

.d-all4 {
  top: var(--dt-space-300) !important;
  right: var(--dt-space-300) !important;
  bottom: var(--dt-space-300) !important;
  left: var(--dt-space-300) !important;
}

.d-all6 {
  top: var(--dt-space-350) !important;
  right: var(--dt-space-350) !important;
  bottom: var(--dt-space-350) !important;
  left: var(--dt-space-350) !important;
}

.d-all8 {
  top: var(--dt-space-400) !important;
  right: var(--dt-space-400) !important;
  bottom: var(--dt-space-400) !important;
  left: var(--dt-space-400) !important;
}

.d-all12 {
  top: var(--dt-space-450) !important;
  right: var(--dt-space-450) !important;
  bottom: var(--dt-space-450) !important;
  left: var(--dt-space-450) !important;
}

.d-all16 {
  top: var(--dt-space-500) !important;
  right: var(--dt-space-500) !important;
  bottom: var(--dt-space-500) !important;
  left: var(--dt-space-500) !important;
}

.d-all20 {
  top: var(--dt-space-525) !important;
  right: var(--dt-space-525) !important;
  bottom: var(--dt-space-525) !important;
  left: var(--dt-space-525) !important;
}

.d-all24 {
  top: var(--dt-space-550) !important;
  right: var(--dt-space-550) !important;
  bottom: var(--dt-space-550) !important;
  left: var(--dt-space-550) !important;
}

.d-all32 {
  top: var(--dt-space-600) !important;
  right: var(--dt-space-600) !important;
  bottom: var(--dt-space-600) !important;
  left: var(--dt-space-600) !important;
}

.d-all48 {
  top: var(--dt-space-650) !important;
  right: var(--dt-space-650) !important;
  bottom: var(--dt-space-650) !important;
  left: var(--dt-space-650) !important;
}

.d-all64 {
  top: var(--dt-space-700) !important;
  right: var(--dt-space-700) !important;
  bottom: var(--dt-space-700) !important;
  left: var(--dt-space-700) !important;
}

.d-all72 {
  top: var(--dt-space-720) !important;
  right: var(--dt-space-720) !important;
  bottom: var(--dt-space-720) !important;
  left: var(--dt-space-720) !important;
}

.d-all84 {
  top: var(--dt-space-730) !important;
  right: var(--dt-space-730) !important;
  bottom: var(--dt-space-730) !important;
  left: var(--dt-space-730) !important;
}

.d-all96 {
  top: var(--dt-space-750) !important;
  right: var(--dt-space-750) !important;
  bottom: var(--dt-space-750) !important;
  left: var(--dt-space-750) !important;
}

.d-all102 {
  top: var(--dt-space-760) !important;
  right: var(--dt-space-760) !important;
  bottom: var(--dt-space-760) !important;
  left: var(--dt-space-760) !important;
}

.d-alln1 {
  top: var(--dt-space-100-negative) !important;
  right: var(--dt-space-100-negative) !important;
  bottom: var(--dt-space-100-negative) !important;
  left: var(--dt-space-100-negative) !important;
}

.d-alln2 {
  top: var(--dt-space-200-negative) !important;
  right: var(--dt-space-200-negative) !important;
  bottom: var(--dt-space-200-negative) !important;
  left: var(--dt-space-200-negative) !important;
}

.d-alln4 {
  top: var(--dt-space-300-negative) !important;
  right: var(--dt-space-300-negative) !important;
  bottom: var(--dt-space-300-negative) !important;
  left: var(--dt-space-300-negative) !important;
}

.d-alln6 {
  top: var(--dt-space-350-negative) !important;
  right: var(--dt-space-350-negative) !important;
  bottom: var(--dt-space-350-negative) !important;
  left: var(--dt-space-350-negative) !important;
}

.d-alln8 {
  top: var(--dt-space-400-negative) !important;
  right: var(--dt-space-400-negative) !important;
  bottom: var(--dt-space-400-negative) !important;
  left: var(--dt-space-400-negative) !important;
}

.d-alln12 {
  top: var(--dt-space-450-negative) !important;
  right: var(--dt-space-450-negative) !important;
  bottom: var(--dt-space-450-negative) !important;
  left: var(--dt-space-450-negative) !important;
}

.d-alln16 {
  top: var(--dt-space-500-negative) !important;
  right: var(--dt-space-500-negative) !important;
  bottom: var(--dt-space-500-negative) !important;
  left: var(--dt-space-500-negative) !important;
}

.d-alln24 {
  top: var(--dt-space-550-negative) !important;
  right: var(--dt-space-550-negative) !important;
  bottom: var(--dt-space-550-negative) !important;
  left: var(--dt-space-550-negative) !important;
}

.d-alln32 {
  top: var(--dt-space-600-negative) !important;
  right: var(--dt-space-600-negative) !important;
  bottom: var(--dt-space-600-negative) !important;
  left: var(--dt-space-600-negative) !important;
}

.d-alln48 {
  top: var(--dt-space-650-negative) !important;
  right: var(--dt-space-650-negative) !important;
  bottom: var(--dt-space-650-negative) !important;
  left: var(--dt-space-650-negative) !important;
}

.d-alln64 {
  top: var(--dt-space-700-negative) !important;
  right: var(--dt-space-700-negative) !important;
  bottom: var(--dt-space-700-negative) !important;
  left: var(--dt-space-700-negative) !important;
}

.d-alln72 {
  top: var(--dt-space-720-negative) !important;
  right: var(--dt-space-720-negative) !important;
  bottom: var(--dt-space-720-negative) !important;
  left: var(--dt-space-720-negative) !important;
}

.d-alln84 {
  top: var(--dt-space-730-negative) !important;
  right: var(--dt-space-730-negative) !important;
  bottom: var(--dt-space-730-negative) !important;
  left: var(--dt-space-730-negative) !important;
}

.d-alln96 {
  top: var(--dt-space-750-negative) !important;
  right: var(--dt-space-750-negative) !important;
  bottom: var(--dt-space-750-negative) !important;
  left: var(--dt-space-750-negative) !important;
}

.d-alln102 {
  top: var(--dt-space-760-negative) !important;
  right: var(--dt-space-760-negative) !important;
  bottom: var(--dt-space-760-negative) !important;
  left: var(--dt-space-760-negative) !important;
}

.d-x0 {
  right: var(--dt-space-0) !important;
  left: var(--dt-space-0) !important;
}

.d-x1 {
  right: var(--dt-space-100) !important;
  left: var(--dt-space-100) !important;
}

.d-x2 {
  right: var(--dt-space-200) !important;
  left: var(--dt-space-200) !important;
}

.d-x4 {
  right: var(--dt-space-300) !important;
  left: var(--dt-space-300) !important;
}

.d-x6 {
  right: var(--dt-space-350) !important;
  left: var(--dt-space-350) !important;
}

.d-x8 {
  right: var(--dt-space-400) !important;
  left: var(--dt-space-400) !important;
}

.d-x12 {
  right: var(--dt-space-450) !important;
  left: var(--dt-space-450) !important;
}

.d-x16 {
  right: var(--dt-space-500) !important;
  left: var(--dt-space-500) !important;
}

.d-x20 {
  right: var(--dt-space-525) !important;
  left: var(--dt-space-525) !important;
}

.d-x24 {
  right: var(--dt-space-550) !important;
  left: var(--dt-space-550) !important;
}

.d-x32 {
  right: var(--dt-space-600) !important;
  left: var(--dt-space-600) !important;
}

.d-x48 {
  right: var(--dt-space-650) !important;
  left: var(--dt-space-650) !important;
}

.d-x64 {
  right: var(--dt-space-700) !important;
  left: var(--dt-space-700) !important;
}

.d-x72 {
  right: var(--dt-space-720) !important;
  left: var(--dt-space-720) !important;
}

.d-x84 {
  right: var(--dt-space-730) !important;
  left: var(--dt-space-730) !important;
}

.d-x96 {
  right: var(--dt-space-750) !important;
  left: var(--dt-space-750) !important;
}

.d-x102 {
  right: var(--dt-space-760) !important;
  left: var(--dt-space-760) !important;
}

.d-xn1 {
  right: var(--dt-space-100-negative) !important;
  left: var(--dt-space-100-negative) !important;
}

.d-xn2 {
  right: var(--dt-space-200-negative) !important;
  left: var(--dt-space-200-negative) !important;
}

.d-xn4 {
  right: var(--dt-space-300-negative) !important;
  left: var(--dt-space-300-negative) !important;
}

.d-xn6 {
  right: var(--dt-space-350-negative) !important;
  left: var(--dt-space-350-negative) !important;
}

.d-xn8 {
  right: var(--dt-space-400-negative) !important;
  left: var(--dt-space-400-negative) !important;
}

.d-xn12 {
  right: var(--dt-space-450-negative) !important;
  left: var(--dt-space-450-negative) !important;
}

.d-xn16 {
  right: var(--dt-space-500-negative) !important;
  left: var(--dt-space-500-negative) !important;
}

.d-xn24 {
  right: var(--dt-space-550-negative) !important;
  left: var(--dt-space-550-negative) !important;
}

.d-xn32 {
  right: var(--dt-space-600-negative) !important;
  left: var(--dt-space-600-negative) !important;
}

.d-xn48 {
  right: var(--dt-space-650-negative) !important;
  left: var(--dt-space-650-negative) !important;
}

.d-xn64 {
  right: var(--dt-space-700-negative) !important;
  left: var(--dt-space-700-negative) !important;
}

.d-xn72 {
  right: var(--dt-space-720-negative) !important;
  left: var(--dt-space-720-negative) !important;
}

.d-xn84 {
  right: var(--dt-space-730-negative) !important;
  left: var(--dt-space-730-negative) !important;
}

.d-xn96 {
  right: var(--dt-space-750-negative) !important;
  left: var(--dt-space-750-negative) !important;
}

.d-xn102 {
  right: var(--dt-space-760-negative) !important;
  left: var(--dt-space-760-negative) !important;
}

.d-x0 {
  right: var(--dt-space-0) !important;
  left: var(--dt-space-0) !important;
}

.d-x1 {
  right: var(--dt-space-100) !important;
  left: var(--dt-space-100) !important;
}

.d-x2 {
  right: var(--dt-space-200) !important;
  left: var(--dt-space-200) !important;
}

.d-x4 {
  right: var(--dt-space-300) !important;
  left: var(--dt-space-300) !important;
}

.d-x6 {
  right: var(--dt-space-350) !important;
  left: var(--dt-space-350) !important;
}

.d-x8 {
  right: var(--dt-space-400) !important;
  left: var(--dt-space-400) !important;
}

.d-x12 {
  right: var(--dt-space-450) !important;
  left: var(--dt-space-450) !important;
}

.d-x16 {
  right: var(--dt-space-500) !important;
  left: var(--dt-space-500) !important;
}

.d-x20 {
  right: var(--dt-space-525) !important;
  left: var(--dt-space-525) !important;
}

.d-x24 {
  right: var(--dt-space-550) !important;
  left: var(--dt-space-550) !important;
}

.d-x32 {
  right: var(--dt-space-600) !important;
  left: var(--dt-space-600) !important;
}

.d-x48 {
  right: var(--dt-space-650) !important;
  left: var(--dt-space-650) !important;
}

.d-x64 {
  right: var(--dt-space-700) !important;
  left: var(--dt-space-700) !important;
}

.d-x72 {
  right: var(--dt-space-720) !important;
  left: var(--dt-space-720) !important;
}

.d-x84 {
  right: var(--dt-space-730) !important;
  left: var(--dt-space-730) !important;
}

.d-x96 {
  right: var(--dt-space-750) !important;
  left: var(--dt-space-750) !important;
}

.d-x102 {
  right: var(--dt-space-760) !important;
  left: var(--dt-space-760) !important;
}

.d-xn1 {
  right: var(--dt-space-100-negative) !important;
  left: var(--dt-space-100-negative) !important;
}

.d-xn2 {
  right: var(--dt-space-200-negative) !important;
  left: var(--dt-space-200-negative) !important;
}

.d-xn4 {
  right: var(--dt-space-300-negative) !important;
  left: var(--dt-space-300-negative) !important;
}

.d-xn6 {
  right: var(--dt-space-350-negative) !important;
  left: var(--dt-space-350-negative) !important;
}

.d-xn8 {
  right: var(--dt-space-400-negative) !important;
  left: var(--dt-space-400-negative) !important;
}

.d-xn12 {
  right: var(--dt-space-450-negative) !important;
  left: var(--dt-space-450-negative) !important;
}

.d-xn16 {
  right: var(--dt-space-500-negative) !important;
  left: var(--dt-space-500-negative) !important;
}

.d-xn24 {
  right: var(--dt-space-550-negative) !important;
  left: var(--dt-space-550-negative) !important;
}

.d-xn32 {
  right: var(--dt-space-600-negative) !important;
  left: var(--dt-space-600-negative) !important;
}

.d-xn48 {
  right: var(--dt-space-650-negative) !important;
  left: var(--dt-space-650-negative) !important;
}

.d-xn64 {
  right: var(--dt-space-700-negative) !important;
  left: var(--dt-space-700-negative) !important;
}

.d-xn72 {
  right: var(--dt-space-720-negative) !important;
  left: var(--dt-space-720-negative) !important;
}

.d-xn84 {
  right: var(--dt-space-730-negative) !important;
  left: var(--dt-space-730-negative) !important;
}

.d-xn96 {
  right: var(--dt-space-750-negative) !important;
  left: var(--dt-space-750-negative) !important;
}

.d-xn102 {
  right: var(--dt-space-760-negative) !important;
  left: var(--dt-space-760-negative) !important;
}

.d-y0 {
  top: var(--dt-space-0) !important;
  bottom: var(--dt-space-0) !important;
}

.d-y1 {
  top: var(--dt-space-100) !important;
  bottom: var(--dt-space-100) !important;
}

.d-y2 {
  top: var(--dt-space-200) !important;
  bottom: var(--dt-space-200) !important;
}

.d-y4 {
  top: var(--dt-space-300) !important;
  bottom: var(--dt-space-300) !important;
}

.d-y6 {
  top: var(--dt-space-350) !important;
  bottom: var(--dt-space-350) !important;
}

.d-y8 {
  top: var(--dt-space-400) !important;
  bottom: var(--dt-space-400) !important;
}

.d-y12 {
  top: var(--dt-space-450) !important;
  bottom: var(--dt-space-450) !important;
}

.d-y16 {
  top: var(--dt-space-500) !important;
  bottom: var(--dt-space-500) !important;
}

.d-y20 {
  top: var(--dt-space-525) !important;
  bottom: var(--dt-space-525) !important;
}

.d-y24 {
  top: var(--dt-space-550) !important;
  bottom: var(--dt-space-550) !important;
}

.d-y32 {
  top: var(--dt-space-600) !important;
  bottom: var(--dt-space-600) !important;
}

.d-y48 {
  top: var(--dt-space-650) !important;
  bottom: var(--dt-space-650) !important;
}

.d-y64 {
  top: var(--dt-space-700) !important;
  bottom: var(--dt-space-700) !important;
}

.d-y72 {
  top: var(--dt-space-720) !important;
  bottom: var(--dt-space-720) !important;
}

.d-y84 {
  top: var(--dt-space-730) !important;
  bottom: var(--dt-space-730) !important;
}

.d-y96 {
  top: var(--dt-space-750) !important;
  bottom: var(--dt-space-750) !important;
}

.d-y102 {
  top: var(--dt-space-760) !important;
  bottom: var(--dt-space-760) !important;
}

.d-yn1 {
  top: var(--dt-space-100-negative) !important;
  bottom: var(--dt-space-100-negative) !important;
}

.d-yn2 {
  top: var(--dt-space-200-negative) !important;
  bottom: var(--dt-space-200-negative) !important;
}

.d-yn4 {
  top: var(--dt-space-300-negative) !important;
  bottom: var(--dt-space-300-negative) !important;
}

.d-yn6 {
  top: var(--dt-space-350-negative) !important;
  bottom: var(--dt-space-350-negative) !important;
}

.d-yn8 {
  top: var(--dt-space-400-negative) !important;
  bottom: var(--dt-space-400-negative) !important;
}

.d-yn12 {
  top: var(--dt-space-450-negative) !important;
  bottom: var(--dt-space-450-negative) !important;
}

.d-yn16 {
  top: var(--dt-space-500-negative) !important;
  bottom: var(--dt-space-500-negative) !important;
}

.d-yn24 {
  top: var(--dt-space-550-negative) !important;
  bottom: var(--dt-space-550-negative) !important;
}

.d-yn32 {
  top: var(--dt-space-600-negative) !important;
  bottom: var(--dt-space-600-negative) !important;
}

.d-yn48 {
  top: var(--dt-space-650-negative) !important;
  bottom: var(--dt-space-650-negative) !important;
}

.d-yn64 {
  top: var(--dt-space-700-negative) !important;
  bottom: var(--dt-space-700-negative) !important;
}

.d-yn72 {
  top: var(--dt-space-720-negative) !important;
  bottom: var(--dt-space-720-negative) !important;
}

.d-yn84 {
  top: var(--dt-space-730-negative) !important;
  bottom: var(--dt-space-730-negative) !important;
}

.d-yn96 {
  top: var(--dt-space-750-negative) !important;
  bottom: var(--dt-space-750-negative) !important;
}

.d-yn102 {
  top: var(--dt-space-760-negative) !important;
  bottom: var(--dt-space-760-negative) !important;
}

.d-y0 {
  top: var(--dt-space-0) !important;
  bottom: var(--dt-space-0) !important;
}

.d-y1 {
  top: var(--dt-space-100) !important;
  bottom: var(--dt-space-100) !important;
}

.d-y2 {
  top: var(--dt-space-200) !important;
  bottom: var(--dt-space-200) !important;
}

.d-y4 {
  top: var(--dt-space-300) !important;
  bottom: var(--dt-space-300) !important;
}

.d-y6 {
  top: var(--dt-space-350) !important;
  bottom: var(--dt-space-350) !important;
}

.d-y8 {
  top: var(--dt-space-400) !important;
  bottom: var(--dt-space-400) !important;
}

.d-y12 {
  top: var(--dt-space-450) !important;
  bottom: var(--dt-space-450) !important;
}

.d-y16 {
  top: var(--dt-space-500) !important;
  bottom: var(--dt-space-500) !important;
}

.d-y20 {
  top: var(--dt-space-525) !important;
  bottom: var(--dt-space-525) !important;
}

.d-y24 {
  top: var(--dt-space-550) !important;
  bottom: var(--dt-space-550) !important;
}

.d-y32 {
  top: var(--dt-space-600) !important;
  bottom: var(--dt-space-600) !important;
}

.d-y48 {
  top: var(--dt-space-650) !important;
  bottom: var(--dt-space-650) !important;
}

.d-y64 {
  top: var(--dt-space-700) !important;
  bottom: var(--dt-space-700) !important;
}

.d-y72 {
  top: var(--dt-space-720) !important;
  bottom: var(--dt-space-720) !important;
}

.d-y84 {
  top: var(--dt-space-730) !important;
  bottom: var(--dt-space-730) !important;
}

.d-y96 {
  top: var(--dt-space-750) !important;
  bottom: var(--dt-space-750) !important;
}

.d-y102 {
  top: var(--dt-space-760) !important;
  bottom: var(--dt-space-760) !important;
}

.d-yn1 {
  top: var(--dt-space-100-negative) !important;
  bottom: var(--dt-space-100-negative) !important;
}

.d-yn2 {
  top: var(--dt-space-200-negative) !important;
  bottom: var(--dt-space-200-negative) !important;
}

.d-yn4 {
  top: var(--dt-space-300-negative) !important;
  bottom: var(--dt-space-300-negative) !important;
}

.d-yn6 {
  top: var(--dt-space-350-negative) !important;
  bottom: var(--dt-space-350-negative) !important;
}

.d-yn8 {
  top: var(--dt-space-400-negative) !important;
  bottom: var(--dt-space-400-negative) !important;
}

.d-yn12 {
  top: var(--dt-space-450-negative) !important;
  bottom: var(--dt-space-450-negative) !important;
}

.d-yn16 {
  top: var(--dt-space-500-negative) !important;
  bottom: var(--dt-space-500-negative) !important;
}

.d-yn24 {
  top: var(--dt-space-550-negative) !important;
  bottom: var(--dt-space-550-negative) !important;
}

.d-yn32 {
  top: var(--dt-space-600-negative) !important;
  bottom: var(--dt-space-600-negative) !important;
}

.d-yn48 {
  top: var(--dt-space-650-negative) !important;
  bottom: var(--dt-space-650-negative) !important;
}

.d-yn64 {
  top: var(--dt-space-700-negative) !important;
  bottom: var(--dt-space-700-negative) !important;
}

.d-yn72 {
  top: var(--dt-space-720-negative) !important;
  bottom: var(--dt-space-720-negative) !important;
}

.d-yn84 {
  top: var(--dt-space-730-negative) !important;
  bottom: var(--dt-space-730-negative) !important;
}

.d-yn96 {
  top: var(--dt-space-750-negative) !important;
  bottom: var(--dt-space-750-negative) !important;
}

.d-yn102 {
  top: var(--dt-space-760-negative) !important;
  bottom: var(--dt-space-760-negative) !important;
}

.d-t0 {
  top: var(--dt-space-0) !important;
}

.d-t1 {
  top: var(--dt-space-100) !important;
}

.d-t2 {
  top: var(--dt-space-200) !important;
}

.d-t4 {
  top: var(--dt-space-300) !important;
}

.d-t6 {
  top: var(--dt-space-350) !important;
}

.d-t8 {
  top: var(--dt-space-400) !important;
}

.d-t12 {
  top: var(--dt-space-450) !important;
}

.d-t16 {
  top: var(--dt-space-500) !important;
}

.d-t20 {
  top: var(--dt-space-525) !important;
}

.d-t24 {
  top: var(--dt-space-550) !important;
}

.d-t32 {
  top: var(--dt-space-600) !important;
}

.d-t48 {
  top: var(--dt-space-650) !important;
}

.d-t64 {
  top: var(--dt-space-700) !important;
}

.d-t72 {
  top: var(--dt-space-720) !important;
}

.d-t84 {
  top: var(--dt-space-730) !important;
}

.d-t96 {
  top: var(--dt-space-750) !important;
}

.d-t102 {
  top: var(--dt-space-760) !important;
}

.d-tn1 {
  top: var(--dt-space-100-negative) !important;
}

.d-tn2 {
  top: var(--dt-space-200-negative) !important;
}

.d-tn4 {
  top: var(--dt-space-300-negative) !important;
}

.d-tn6 {
  top: var(--dt-space-350-negative) !important;
}

.d-tn8 {
  top: var(--dt-space-400-negative) !important;
}

.d-tn12 {
  top: var(--dt-space-450-negative) !important;
}

.d-tn16 {
  top: var(--dt-space-500-negative) !important;
}

.d-tn24 {
  top: var(--dt-space-550-negative) !important;
}

.d-tn32 {
  top: var(--dt-space-600-negative) !important;
}

.d-tn48 {
  top: var(--dt-space-650-negative) !important;
}

.d-tn64 {
  top: var(--dt-space-700-negative) !important;
}

.d-tn72 {
  top: var(--dt-space-720-negative) !important;
}

.d-tn84 {
  top: var(--dt-space-730-negative) !important;
}

.d-tn96 {
  top: var(--dt-space-750-negative) !important;
}

.d-tn102 {
  top: var(--dt-space-760-negative) !important;
}

.d-t0 {
  top: var(--dt-space-0) !important;
}

.d-t1 {
  top: var(--dt-space-100) !important;
}

.d-t2 {
  top: var(--dt-space-200) !important;
}

.d-t4 {
  top: var(--dt-space-300) !important;
}

.d-t6 {
  top: var(--dt-space-350) !important;
}

.d-t8 {
  top: var(--dt-space-400) !important;
}

.d-t12 {
  top: var(--dt-space-450) !important;
}

.d-t16 {
  top: var(--dt-space-500) !important;
}

.d-t20 {
  top: var(--dt-space-525) !important;
}

.d-t24 {
  top: var(--dt-space-550) !important;
}

.d-t32 {
  top: var(--dt-space-600) !important;
}

.d-t48 {
  top: var(--dt-space-650) !important;
}

.d-t64 {
  top: var(--dt-space-700) !important;
}

.d-t72 {
  top: var(--dt-space-720) !important;
}

.d-t84 {
  top: var(--dt-space-730) !important;
}

.d-t96 {
  top: var(--dt-space-750) !important;
}

.d-t102 {
  top: var(--dt-space-760) !important;
}

.d-tn1 {
  top: var(--dt-space-100-negative) !important;
}

.d-tn2 {
  top: var(--dt-space-200-negative) !important;
}

.d-tn4 {
  top: var(--dt-space-300-negative) !important;
}

.d-tn6 {
  top: var(--dt-space-350-negative) !important;
}

.d-tn8 {
  top: var(--dt-space-400-negative) !important;
}

.d-tn12 {
  top: var(--dt-space-450-negative) !important;
}

.d-tn16 {
  top: var(--dt-space-500-negative) !important;
}

.d-tn24 {
  top: var(--dt-space-550-negative) !important;
}

.d-tn32 {
  top: var(--dt-space-600-negative) !important;
}

.d-tn48 {
  top: var(--dt-space-650-negative) !important;
}

.d-tn64 {
  top: var(--dt-space-700-negative) !important;
}

.d-tn72 {
  top: var(--dt-space-720-negative) !important;
}

.d-tn84 {
  top: var(--dt-space-730-negative) !important;
}

.d-tn96 {
  top: var(--dt-space-750-negative) !important;
}

.d-tn102 {
  top: var(--dt-space-760-negative) !important;
}

.d-r0 {
  right: var(--dt-space-0) !important;
}

.d-r1 {
  right: var(--dt-space-100) !important;
}

.d-r2 {
  right: var(--dt-space-200) !important;
}

.d-r4 {
  right: var(--dt-space-300) !important;
}

.d-r6 {
  right: var(--dt-space-350) !important;
}

.d-r8 {
  right: var(--dt-space-400) !important;
}

.d-r12 {
  right: var(--dt-space-450) !important;
}

.d-r16 {
  right: var(--dt-space-500) !important;
}

.d-r20 {
  right: var(--dt-space-525) !important;
}

.d-r24 {
  right: var(--dt-space-550) !important;
}

.d-r32 {
  right: var(--dt-space-600) !important;
}

.d-r48 {
  right: var(--dt-space-650) !important;
}

.d-r64 {
  right: var(--dt-space-700) !important;
}

.d-r72 {
  right: var(--dt-space-720) !important;
}

.d-r84 {
  right: var(--dt-space-730) !important;
}

.d-r96 {
  right: var(--dt-space-750) !important;
}

.d-r102 {
  right: var(--dt-space-760) !important;
}

.d-rn1 {
  right: var(--dt-space-100-negative) !important;
}

.d-rn2 {
  right: var(--dt-space-200-negative) !important;
}

.d-rn4 {
  right: var(--dt-space-300-negative) !important;
}

.d-rn6 {
  right: var(--dt-space-350-negative) !important;
}

.d-rn8 {
  right: var(--dt-space-400-negative) !important;
}

.d-rn12 {
  right: var(--dt-space-450-negative) !important;
}

.d-rn16 {
  right: var(--dt-space-500-negative) !important;
}

.d-rn24 {
  right: var(--dt-space-550-negative) !important;
}

.d-rn32 {
  right: var(--dt-space-600-negative) !important;
}

.d-rn48 {
  right: var(--dt-space-650-negative) !important;
}

.d-rn64 {
  right: var(--dt-space-700-negative) !important;
}

.d-rn72 {
  right: var(--dt-space-720-negative) !important;
}

.d-rn84 {
  right: var(--dt-space-730-negative) !important;
}

.d-rn96 {
  right: var(--dt-space-750-negative) !important;
}

.d-rn102 {
  right: var(--dt-space-760-negative) !important;
}

.d-r0 {
  right: var(--dt-space-0) !important;
}

.d-r1 {
  right: var(--dt-space-100) !important;
}

.d-r2 {
  right: var(--dt-space-200) !important;
}

.d-r4 {
  right: var(--dt-space-300) !important;
}

.d-r6 {
  right: var(--dt-space-350) !important;
}

.d-r8 {
  right: var(--dt-space-400) !important;
}

.d-r12 {
  right: var(--dt-space-450) !important;
}

.d-r16 {
  right: var(--dt-space-500) !important;
}

.d-r20 {
  right: var(--dt-space-525) !important;
}

.d-r24 {
  right: var(--dt-space-550) !important;
}

.d-r32 {
  right: var(--dt-space-600) !important;
}

.d-r48 {
  right: var(--dt-space-650) !important;
}

.d-r64 {
  right: var(--dt-space-700) !important;
}

.d-r72 {
  right: var(--dt-space-720) !important;
}

.d-r84 {
  right: var(--dt-space-730) !important;
}

.d-r96 {
  right: var(--dt-space-750) !important;
}

.d-r102 {
  right: var(--dt-space-760) !important;
}

.d-rn1 {
  right: var(--dt-space-100-negative) !important;
}

.d-rn2 {
  right: var(--dt-space-200-negative) !important;
}

.d-rn4 {
  right: var(--dt-space-300-negative) !important;
}

.d-rn6 {
  right: var(--dt-space-350-negative) !important;
}

.d-rn8 {
  right: var(--dt-space-400-negative) !important;
}

.d-rn12 {
  right: var(--dt-space-450-negative) !important;
}

.d-rn16 {
  right: var(--dt-space-500-negative) !important;
}

.d-rn24 {
  right: var(--dt-space-550-negative) !important;
}

.d-rn32 {
  right: var(--dt-space-600-negative) !important;
}

.d-rn48 {
  right: var(--dt-space-650-negative) !important;
}

.d-rn64 {
  right: var(--dt-space-700-negative) !important;
}

.d-rn72 {
  right: var(--dt-space-720-negative) !important;
}

.d-rn84 {
  right: var(--dt-space-730-negative) !important;
}

.d-rn96 {
  right: var(--dt-space-750-negative) !important;
}

.d-rn102 {
  right: var(--dt-space-760-negative) !important;
}

.d-b0 {
  bottom: var(--dt-space-0) !important;
}

.d-b1 {
  bottom: var(--dt-space-100) !important;
}

.d-b2 {
  bottom: var(--dt-space-200) !important;
}

.d-b4 {
  bottom: var(--dt-space-300) !important;
}

.d-b6 {
  bottom: var(--dt-space-350) !important;
}

.d-b8 {
  bottom: var(--dt-space-400) !important;
}

.d-b12 {
  bottom: var(--dt-space-450) !important;
}

.d-b16 {
  bottom: var(--dt-space-500) !important;
}

.d-b20 {
  bottom: var(--dt-space-525) !important;
}

.d-b24 {
  bottom: var(--dt-space-550) !important;
}

.d-b32 {
  bottom: var(--dt-space-600) !important;
}

.d-b48 {
  bottom: var(--dt-space-650) !important;
}

.d-b64 {
  bottom: var(--dt-space-700) !important;
}

.d-b72 {
  bottom: var(--dt-space-720) !important;
}

.d-b84 {
  bottom: var(--dt-space-730) !important;
}

.d-b96 {
  bottom: var(--dt-space-750) !important;
}

.d-b102 {
  bottom: var(--dt-space-760) !important;
}

.d-bn1 {
  bottom: var(--dt-space-100-negative) !important;
}

.d-bn2 {
  bottom: var(--dt-space-200-negative) !important;
}

.d-bn4 {
  bottom: var(--dt-space-300-negative) !important;
}

.d-bn6 {
  bottom: var(--dt-space-350-negative) !important;
}

.d-bn8 {
  bottom: var(--dt-space-400-negative) !important;
}

.d-bn12 {
  bottom: var(--dt-space-450-negative) !important;
}

.d-bn16 {
  bottom: var(--dt-space-500-negative) !important;
}

.d-bn24 {
  bottom: var(--dt-space-550-negative) !important;
}

.d-bn32 {
  bottom: var(--dt-space-600-negative) !important;
}

.d-bn48 {
  bottom: var(--dt-space-650-negative) !important;
}

.d-bn64 {
  bottom: var(--dt-space-700-negative) !important;
}

.d-bn72 {
  bottom: var(--dt-space-720-negative) !important;
}

.d-bn84 {
  bottom: var(--dt-space-730-negative) !important;
}

.d-bn96 {
  bottom: var(--dt-space-750-negative) !important;
}

.d-bn102 {
  bottom: var(--dt-space-760-negative) !important;
}

.d-b0 {
  bottom: var(--dt-space-0) !important;
}

.d-b1 {
  bottom: var(--dt-space-100) !important;
}

.d-b2 {
  bottom: var(--dt-space-200) !important;
}

.d-b4 {
  bottom: var(--dt-space-300) !important;
}

.d-b6 {
  bottom: var(--dt-space-350) !important;
}

.d-b8 {
  bottom: var(--dt-space-400) !important;
}

.d-b12 {
  bottom: var(--dt-space-450) !important;
}

.d-b16 {
  bottom: var(--dt-space-500) !important;
}

.d-b20 {
  bottom: var(--dt-space-525) !important;
}

.d-b24 {
  bottom: var(--dt-space-550) !important;
}

.d-b32 {
  bottom: var(--dt-space-600) !important;
}

.d-b48 {
  bottom: var(--dt-space-650) !important;
}

.d-b64 {
  bottom: var(--dt-space-700) !important;
}

.d-b72 {
  bottom: var(--dt-space-720) !important;
}

.d-b84 {
  bottom: var(--dt-space-730) !important;
}

.d-b96 {
  bottom: var(--dt-space-750) !important;
}

.d-b102 {
  bottom: var(--dt-space-760) !important;
}

.d-bn1 {
  bottom: var(--dt-space-100-negative) !important;
}

.d-bn2 {
  bottom: var(--dt-space-200-negative) !important;
}

.d-bn4 {
  bottom: var(--dt-space-300-negative) !important;
}

.d-bn6 {
  bottom: var(--dt-space-350-negative) !important;
}

.d-bn8 {
  bottom: var(--dt-space-400-negative) !important;
}

.d-bn12 {
  bottom: var(--dt-space-450-negative) !important;
}

.d-bn16 {
  bottom: var(--dt-space-500-negative) !important;
}

.d-bn24 {
  bottom: var(--dt-space-550-negative) !important;
}

.d-bn32 {
  bottom: var(--dt-space-600-negative) !important;
}

.d-bn48 {
  bottom: var(--dt-space-650-negative) !important;
}

.d-bn64 {
  bottom: var(--dt-space-700-negative) !important;
}

.d-bn72 {
  bottom: var(--dt-space-720-negative) !important;
}

.d-bn84 {
  bottom: var(--dt-space-730-negative) !important;
}

.d-bn96 {
  bottom: var(--dt-space-750-negative) !important;
}

.d-bn102 {
  bottom: var(--dt-space-760-negative) !important;
}

.d-l0 {
  left: var(--dt-space-0) !important;
}

.d-l1 {
  left: var(--dt-space-100) !important;
}

.d-l2 {
  left: var(--dt-space-200) !important;
}

.d-l4 {
  left: var(--dt-space-300) !important;
}

.d-l6 {
  left: var(--dt-space-350) !important;
}

.d-l8 {
  left: var(--dt-space-400) !important;
}

.d-l12 {
  left: var(--dt-space-450) !important;
}

.d-l16 {
  left: var(--dt-space-500) !important;
}

.d-l20 {
  left: var(--dt-space-525) !important;
}

.d-l24 {
  left: var(--dt-space-550) !important;
}

.d-l32 {
  left: var(--dt-space-600) !important;
}

.d-l48 {
  left: var(--dt-space-650) !important;
}

.d-l64 {
  left: var(--dt-space-700) !important;
}

.d-l72 {
  left: var(--dt-space-720) !important;
}

.d-l84 {
  left: var(--dt-space-730) !important;
}

.d-l96 {
  left: var(--dt-space-750) !important;
}

.d-l102 {
  left: var(--dt-space-760) !important;
}

.d-ln1 {
  left: var(--dt-space-100-negative) !important;
}

.d-ln2 {
  left: var(--dt-space-200-negative) !important;
}

.d-ln4 {
  left: var(--dt-space-300-negative) !important;
}

.d-ln6 {
  left: var(--dt-space-350-negative) !important;
}

.d-ln8 {
  left: var(--dt-space-400-negative) !important;
}

.d-ln12 {
  left: var(--dt-space-450-negative) !important;
}

.d-ln16 {
  left: var(--dt-space-500-negative) !important;
}

.d-ln24 {
  left: var(--dt-space-550-negative) !important;
}

.d-ln32 {
  left: var(--dt-space-600-negative) !important;
}

.d-ln48 {
  left: var(--dt-space-650-negative) !important;
}

.d-ln64 {
  left: var(--dt-space-700-negative) !important;
}

.d-ln72 {
  left: var(--dt-space-720-negative) !important;
}

.d-ln84 {
  left: var(--dt-space-730-negative) !important;
}

.d-ln96 {
  left: var(--dt-space-750-negative) !important;
}

.d-ln102 {
  left: var(--dt-space-760-negative) !important;
}

.d-l0 {
  left: var(--dt-space-0) !important;
}

.d-l1 {
  left: var(--dt-space-100) !important;
}

.d-l2 {
  left: var(--dt-space-200) !important;
}

.d-l4 {
  left: var(--dt-space-300) !important;
}

.d-l6 {
  left: var(--dt-space-350) !important;
}

.d-l8 {
  left: var(--dt-space-400) !important;
}

.d-l12 {
  left: var(--dt-space-450) !important;
}

.d-l16 {
  left: var(--dt-space-500) !important;
}

.d-l20 {
  left: var(--dt-space-525) !important;
}

.d-l24 {
  left: var(--dt-space-550) !important;
}

.d-l32 {
  left: var(--dt-space-600) !important;
}

.d-l48 {
  left: var(--dt-space-650) !important;
}

.d-l64 {
  left: var(--dt-space-700) !important;
}

.d-l72 {
  left: var(--dt-space-720) !important;
}

.d-l84 {
  left: var(--dt-space-730) !important;
}

.d-l96 {
  left: var(--dt-space-750) !important;
}

.d-l102 {
  left: var(--dt-space-760) !important;
}

.d-ln1 {
  left: var(--dt-space-100-negative) !important;
}

.d-ln2 {
  left: var(--dt-space-200-negative) !important;
}

.d-ln4 {
  left: var(--dt-space-300-negative) !important;
}

.d-ln6 {
  left: var(--dt-space-350-negative) !important;
}

.d-ln8 {
  left: var(--dt-space-400-negative) !important;
}

.d-ln12 {
  left: var(--dt-space-450-negative) !important;
}

.d-ln16 {
  left: var(--dt-space-500-negative) !important;
}

.d-ln24 {
  left: var(--dt-space-550-negative) !important;
}

.d-ln32 {
  left: var(--dt-space-600-negative) !important;
}

.d-ln48 {
  left: var(--dt-space-650-negative) !important;
}

.d-ln64 {
  left: var(--dt-space-700-negative) !important;
}

.d-ln72 {
  left: var(--dt-space-720-negative) !important;
}

.d-ln84 {
  left: var(--dt-space-730-negative) !important;
}

.d-ln96 {
  left: var(--dt-space-750-negative) !important;
}

.d-ln102 {
  left: var(--dt-space-760-negative) !important;
}

.d-h0 {
  height: var(--dt-size-0) !important;
}

.d-h1 {
  height: var(--dt-size-100) !important;
}

.d-h2 {
  height: var(--dt-size-200) !important;
}

.d-h4 {
  height: var(--dt-size-300) !important;
}

.d-h6 {
  height: var(--dt-size-350) !important;
}

.d-h8 {
  height: var(--dt-size-400) !important;
}

.d-h12 {
  height: var(--dt-size-450) !important;
}

.d-h16 {
  height: var(--dt-size-500) !important;
}

.d-h20 {
  height: var(--dt-size-525) !important;
}

.d-h24 {
  height: var(--dt-size-550) !important;
}

.d-h32 {
  height: var(--dt-size-600) !important;
}

.d-h42 {
  height: var(--dt-size-625) !important;
}

.d-h48 {
  height: var(--dt-size-650) !important;
}

.d-h64 {
  height: var(--dt-size-700) !important;
}

.d-h72 {
  height: var(--dt-size-720) !important;
}

.d-h84 {
  height: var(--dt-size-730) !important;
}

.d-h96 {
  height: var(--dt-size-750) !important;
}

.d-h102 {
  height: var(--dt-size-760) !important;
}

.d-h114 {
  height: var(--dt-size-775) !important;
}

.d-h128 {
  height: var(--dt-size-800) !important;
}

.d-h164 {
  height: var(--dt-size-825) !important;
}

.d-h216 {
  height: var(--dt-size-875) !important;
}

.d-h264 {
  height: var(--dt-size-905) !important;
}

.d-h332 {
  height: var(--dt-size-925) !important;
}

.d-h384 {
  height: var(--dt-size-950) !important;
}

.d-h464 {
  height: var(--dt-size-975) !important;
}

.d-h512 {
  height: var(--dt-size-1000) !important;
}

.d-h628 {
  height: var(--dt-size-1020) !important;
}

.d-h764 {
  height: var(--dt-size-1040) !important;
}

.d-h828 {
  height: var(--dt-size-1060) !important;
}

.d-h912 {
  height: var(--dt-size-1080) !important;
}

.d-h1024 {
  height: var(--dt-size-1100) !important;
}

.d-h1140 {
  height: var(--dt-size-1115) !important;
}

.d-h1268 {
  height: var(--dt-size-1120) !important;
}

.d-h1340 {
  height: var(--dt-size-1130) !important;
}

.d-h0 {
  height: var(--dt-size-0) !important;
}

.d-h1 {
  height: var(--dt-size-100) !important;
}

.d-h2 {
  height: var(--dt-size-200) !important;
}

.d-h4 {
  height: var(--dt-size-300) !important;
}

.d-h6 {
  height: var(--dt-size-350) !important;
}

.d-h8 {
  height: var(--dt-size-400) !important;
}

.d-h12 {
  height: var(--dt-size-450) !important;
}

.d-h16 {
  height: var(--dt-size-500) !important;
}

.d-h20 {
  height: var(--dt-size-525) !important;
}

.d-h24 {
  height: var(--dt-size-550) !important;
}

.d-h32 {
  height: var(--dt-size-600) !important;
}

.d-h42 {
  height: var(--dt-size-625) !important;
}

.d-h48 {
  height: var(--dt-size-650) !important;
}

.d-h64 {
  height: var(--dt-size-700) !important;
}

.d-h72 {
  height: var(--dt-size-720) !important;
}

.d-h84 {
  height: var(--dt-size-730) !important;
}

.d-h96 {
  height: var(--dt-size-750) !important;
}

.d-h102 {
  height: var(--dt-size-760) !important;
}

.d-h114 {
  height: var(--dt-size-775) !important;
}

.d-h128 {
  height: var(--dt-size-800) !important;
}

.d-h164 {
  height: var(--dt-size-825) !important;
}

.d-h216 {
  height: var(--dt-size-875) !important;
}

.d-h264 {
  height: var(--dt-size-905) !important;
}

.d-h332 {
  height: var(--dt-size-925) !important;
}

.d-h384 {
  height: var(--dt-size-950) !important;
}

.d-h464 {
  height: var(--dt-size-975) !important;
}

.d-h512 {
  height: var(--dt-size-1000) !important;
}

.d-h628 {
  height: var(--dt-size-1020) !important;
}

.d-h764 {
  height: var(--dt-size-1040) !important;
}

.d-h828 {
  height: var(--dt-size-1060) !important;
}

.d-h912 {
  height: var(--dt-size-1080) !important;
}

.d-h1024 {
  height: var(--dt-size-1100) !important;
}

.d-h1140 {
  height: var(--dt-size-1115) !important;
}

.d-h1268 {
  height: var(--dt-size-1120) !important;
}

.d-h1340 {
  height: var(--dt-size-1130) !important;
}

.d-hmx0 {
  max-height: var(--dt-size-0) !important;
}

.d-hmx1 {
  max-height: var(--dt-size-100) !important;
}

.d-hmx2 {
  max-height: var(--dt-size-200) !important;
}

.d-hmx4 {
  max-height: var(--dt-size-300) !important;
}

.d-hmx6 {
  max-height: var(--dt-size-350) !important;
}

.d-hmx8 {
  max-height: var(--dt-size-400) !important;
}

.d-hmx12 {
  max-height: var(--dt-size-450) !important;
}

.d-hmx16 {
  max-height: var(--dt-size-500) !important;
}

.d-hmx20 {
  max-height: var(--dt-size-525) !important;
}

.d-hmx24 {
  max-height: var(--dt-size-550) !important;
}

.d-hmx32 {
  max-height: var(--dt-size-600) !important;
}

.d-hmx42 {
  max-height: var(--dt-size-625) !important;
}

.d-hmx48 {
  max-height: var(--dt-size-650) !important;
}

.d-hmx64 {
  max-height: var(--dt-size-700) !important;
}

.d-hmx72 {
  max-height: var(--dt-size-720) !important;
}

.d-hmx84 {
  max-height: var(--dt-size-730) !important;
}

.d-hmx96 {
  max-height: var(--dt-size-750) !important;
}

.d-hmx102 {
  max-height: var(--dt-size-760) !important;
}

.d-hmx114 {
  max-height: var(--dt-size-775) !important;
}

.d-hmx128 {
  max-height: var(--dt-size-800) !important;
}

.d-hmx164 {
  max-height: var(--dt-size-825) !important;
}

.d-hmx216 {
  max-height: var(--dt-size-875) !important;
}

.d-hmx264 {
  max-height: var(--dt-size-905) !important;
}

.d-hmx332 {
  max-height: var(--dt-size-925) !important;
}

.d-hmx384 {
  max-height: var(--dt-size-950) !important;
}

.d-hmx464 {
  max-height: var(--dt-size-975) !important;
}

.d-hmx512 {
  max-height: var(--dt-size-1000) !important;
}

.d-hmx628 {
  max-height: var(--dt-size-1020) !important;
}

.d-hmx764 {
  max-height: var(--dt-size-1040) !important;
}

.d-hmx828 {
  max-height: var(--dt-size-1060) !important;
}

.d-hmx912 {
  max-height: var(--dt-size-1080) !important;
}

.d-hmx1024 {
  max-height: var(--dt-size-1100) !important;
}

.d-hmx1140 {
  max-height: var(--dt-size-1115) !important;
}

.d-hmx1268 {
  max-height: var(--dt-size-1120) !important;
}

.d-hmx1340 {
  max-height: var(--dt-size-1130) !important;
}

.d-hmx0 {
  max-height: var(--dt-size-0) !important;
}

.d-hmx1 {
  max-height: var(--dt-size-100) !important;
}

.d-hmx2 {
  max-height: var(--dt-size-200) !important;
}

.d-hmx4 {
  max-height: var(--dt-size-300) !important;
}

.d-hmx6 {
  max-height: var(--dt-size-350) !important;
}

.d-hmx8 {
  max-height: var(--dt-size-400) !important;
}

.d-hmx12 {
  max-height: var(--dt-size-450) !important;
}

.d-hmx16 {
  max-height: var(--dt-size-500) !important;
}

.d-hmx20 {
  max-height: var(--dt-size-525) !important;
}

.d-hmx24 {
  max-height: var(--dt-size-550) !important;
}

.d-hmx32 {
  max-height: var(--dt-size-600) !important;
}

.d-hmx42 {
  max-height: var(--dt-size-625) !important;
}

.d-hmx48 {
  max-height: var(--dt-size-650) !important;
}

.d-hmx64 {
  max-height: var(--dt-size-700) !important;
}

.d-hmx72 {
  max-height: var(--dt-size-720) !important;
}

.d-hmx84 {
  max-height: var(--dt-size-730) !important;
}

.d-hmx96 {
  max-height: var(--dt-size-750) !important;
}

.d-hmx102 {
  max-height: var(--dt-size-760) !important;
}

.d-hmx114 {
  max-height: var(--dt-size-775) !important;
}

.d-hmx128 {
  max-height: var(--dt-size-800) !important;
}

.d-hmx164 {
  max-height: var(--dt-size-825) !important;
}

.d-hmx216 {
  max-height: var(--dt-size-875) !important;
}

.d-hmx264 {
  max-height: var(--dt-size-905) !important;
}

.d-hmx332 {
  max-height: var(--dt-size-925) !important;
}

.d-hmx384 {
  max-height: var(--dt-size-950) !important;
}

.d-hmx464 {
  max-height: var(--dt-size-975) !important;
}

.d-hmx512 {
  max-height: var(--dt-size-1000) !important;
}

.d-hmx628 {
  max-height: var(--dt-size-1020) !important;
}

.d-hmx764 {
  max-height: var(--dt-size-1040) !important;
}

.d-hmx828 {
  max-height: var(--dt-size-1060) !important;
}

.d-hmx912 {
  max-height: var(--dt-size-1080) !important;
}

.d-hmx1024 {
  max-height: var(--dt-size-1100) !important;
}

.d-hmx1140 {
  max-height: var(--dt-size-1115) !important;
}

.d-hmx1268 {
  max-height: var(--dt-size-1120) !important;
}

.d-hmx1340 {
  max-height: var(--dt-size-1130) !important;
}

.d-hmn0 {
  min-height: var(--dt-size-0) !important;
}

.d-hmn1 {
  min-height: var(--dt-size-100) !important;
}

.d-hmn2 {
  min-height: var(--dt-size-200) !important;
}

.d-hmn4 {
  min-height: var(--dt-size-300) !important;
}

.d-hmn6 {
  min-height: var(--dt-size-350) !important;
}

.d-hmn8 {
  min-height: var(--dt-size-400) !important;
}

.d-hmn12 {
  min-height: var(--dt-size-450) !important;
}

.d-hmn16 {
  min-height: var(--dt-size-500) !important;
}

.d-hmn20 {
  min-height: var(--dt-size-525) !important;
}

.d-hmn24 {
  min-height: var(--dt-size-550) !important;
}

.d-hmn32 {
  min-height: var(--dt-size-600) !important;
}

.d-hmn42 {
  min-height: var(--dt-size-625) !important;
}

.d-hmn48 {
  min-height: var(--dt-size-650) !important;
}

.d-hmn64 {
  min-height: var(--dt-size-700) !important;
}

.d-hmn72 {
  min-height: var(--dt-size-720) !important;
}

.d-hmn84 {
  min-height: var(--dt-size-730) !important;
}

.d-hmn96 {
  min-height: var(--dt-size-750) !important;
}

.d-hmn102 {
  min-height: var(--dt-size-760) !important;
}

.d-hmn114 {
  min-height: var(--dt-size-775) !important;
}

.d-hmn128 {
  min-height: var(--dt-size-800) !important;
}

.d-hmn164 {
  min-height: var(--dt-size-825) !important;
}

.d-hmn216 {
  min-height: var(--dt-size-875) !important;
}

.d-hmn264 {
  min-height: var(--dt-size-905) !important;
}

.d-hmn332 {
  min-height: var(--dt-size-925) !important;
}

.d-hmn384 {
  min-height: var(--dt-size-950) !important;
}

.d-hmn464 {
  min-height: var(--dt-size-975) !important;
}

.d-hmn512 {
  min-height: var(--dt-size-1000) !important;
}

.d-hmn628 {
  min-height: var(--dt-size-1020) !important;
}

.d-hmn764 {
  min-height: var(--dt-size-1040) !important;
}

.d-hmn828 {
  min-height: var(--dt-size-1060) !important;
}

.d-hmn912 {
  min-height: var(--dt-size-1080) !important;
}

.d-hmn1024 {
  min-height: var(--dt-size-1100) !important;
}

.d-hmn1140 {
  min-height: var(--dt-size-1115) !important;
}

.d-hmn1268 {
  min-height: var(--dt-size-1120) !important;
}

.d-hmn1340 {
  min-height: var(--dt-size-1130) !important;
}

.d-hmn0 {
  min-height: var(--dt-size-0) !important;
}

.d-hmn1 {
  min-height: var(--dt-size-100) !important;
}

.d-hmn2 {
  min-height: var(--dt-size-200) !important;
}

.d-hmn4 {
  min-height: var(--dt-size-300) !important;
}

.d-hmn6 {
  min-height: var(--dt-size-350) !important;
}

.d-hmn8 {
  min-height: var(--dt-size-400) !important;
}

.d-hmn12 {
  min-height: var(--dt-size-450) !important;
}

.d-hmn16 {
  min-height: var(--dt-size-500) !important;
}

.d-hmn20 {
  min-height: var(--dt-size-525) !important;
}

.d-hmn24 {
  min-height: var(--dt-size-550) !important;
}

.d-hmn32 {
  min-height: var(--dt-size-600) !important;
}

.d-hmn42 {
  min-height: var(--dt-size-625) !important;
}

.d-hmn48 {
  min-height: var(--dt-size-650) !important;
}

.d-hmn64 {
  min-height: var(--dt-size-700) !important;
}

.d-hmn72 {
  min-height: var(--dt-size-720) !important;
}

.d-hmn84 {
  min-height: var(--dt-size-730) !important;
}

.d-hmn96 {
  min-height: var(--dt-size-750) !important;
}

.d-hmn102 {
  min-height: var(--dt-size-760) !important;
}

.d-hmn114 {
  min-height: var(--dt-size-775) !important;
}

.d-hmn128 {
  min-height: var(--dt-size-800) !important;
}

.d-hmn164 {
  min-height: var(--dt-size-825) !important;
}

.d-hmn216 {
  min-height: var(--dt-size-875) !important;
}

.d-hmn264 {
  min-height: var(--dt-size-905) !important;
}

.d-hmn332 {
  min-height: var(--dt-size-925) !important;
}

.d-hmn384 {
  min-height: var(--dt-size-950) !important;
}

.d-hmn464 {
  min-height: var(--dt-size-975) !important;
}

.d-hmn512 {
  min-height: var(--dt-size-1000) !important;
}

.d-hmn628 {
  min-height: var(--dt-size-1020) !important;
}

.d-hmn764 {
  min-height: var(--dt-size-1040) !important;
}

.d-hmn828 {
  min-height: var(--dt-size-1060) !important;
}

.d-hmn912 {
  min-height: var(--dt-size-1080) !important;
}

.d-hmn1024 {
  min-height: var(--dt-size-1100) !important;
}

.d-hmn1140 {
  min-height: var(--dt-size-1115) !important;
}

.d-hmn1268 {
  min-height: var(--dt-size-1120) !important;
}

.d-hmn1340 {
  min-height: var(--dt-size-1130) !important;
}

.d-w0 {
  width: var(--dt-size-0) !important;
}

.d-w1 {
  width: var(--dt-size-100) !important;
}

.d-w2 {
  width: var(--dt-size-200) !important;
}

.d-w4 {
  width: var(--dt-size-300) !important;
}

.d-w6 {
  width: var(--dt-size-350) !important;
}

.d-w8 {
  width: var(--dt-size-400) !important;
}

.d-w12 {
  width: var(--dt-size-450) !important;
}

.d-w16 {
  width: var(--dt-size-500) !important;
}

.d-w20 {
  width: var(--dt-size-525) !important;
}

.d-w24 {
  width: var(--dt-size-550) !important;
}

.d-w32 {
  width: var(--dt-size-600) !important;
}

.d-w42 {
  width: var(--dt-size-625) !important;
}

.d-w48 {
  width: var(--dt-size-650) !important;
}

.d-w64 {
  width: var(--dt-size-700) !important;
}

.d-w72 {
  width: var(--dt-size-720) !important;
}

.d-w84 {
  width: var(--dt-size-730) !important;
}

.d-w96 {
  width: var(--dt-size-750) !important;
}

.d-w102 {
  width: var(--dt-size-760) !important;
}

.d-w114 {
  width: var(--dt-size-775) !important;
}

.d-w128 {
  width: var(--dt-size-800) !important;
}

.d-w164 {
  width: var(--dt-size-825) !important;
}

.d-w216 {
  width: var(--dt-size-875) !important;
}

.d-w264 {
  width: var(--dt-size-905) !important;
}

.d-w332 {
  width: var(--dt-size-925) !important;
}

.d-w384 {
  width: var(--dt-size-950) !important;
}

.d-w464 {
  width: var(--dt-size-975) !important;
}

.d-w512 {
  width: var(--dt-size-1000) !important;
}

.d-w628 {
  width: var(--dt-size-1020) !important;
}

.d-w764 {
  width: var(--dt-size-1040) !important;
}

.d-w828 {
  width: var(--dt-size-1060) !important;
}

.d-w912 {
  width: var(--dt-size-1080) !important;
}

.d-w1024 {
  width: var(--dt-size-1100) !important;
}

.d-w1140 {
  width: var(--dt-size-1115) !important;
}

.d-w1268 {
  width: var(--dt-size-1120) !important;
}

.d-w1340 {
  width: var(--dt-size-1130) !important;
}

.d-w0 {
  width: var(--dt-size-0) !important;
}

.d-w1 {
  width: var(--dt-size-100) !important;
}

.d-w2 {
  width: var(--dt-size-200) !important;
}

.d-w4 {
  width: var(--dt-size-300) !important;
}

.d-w6 {
  width: var(--dt-size-350) !important;
}

.d-w8 {
  width: var(--dt-size-400) !important;
}

.d-w12 {
  width: var(--dt-size-450) !important;
}

.d-w16 {
  width: var(--dt-size-500) !important;
}

.d-w20 {
  width: var(--dt-size-525) !important;
}

.d-w24 {
  width: var(--dt-size-550) !important;
}

.d-w32 {
  width: var(--dt-size-600) !important;
}

.d-w42 {
  width: var(--dt-size-625) !important;
}

.d-w48 {
  width: var(--dt-size-650) !important;
}

.d-w64 {
  width: var(--dt-size-700) !important;
}

.d-w72 {
  width: var(--dt-size-720) !important;
}

.d-w84 {
  width: var(--dt-size-730) !important;
}

.d-w96 {
  width: var(--dt-size-750) !important;
}

.d-w102 {
  width: var(--dt-size-760) !important;
}

.d-w114 {
  width: var(--dt-size-775) !important;
}

.d-w128 {
  width: var(--dt-size-800) !important;
}

.d-w164 {
  width: var(--dt-size-825) !important;
}

.d-w216 {
  width: var(--dt-size-875) !important;
}

.d-w264 {
  width: var(--dt-size-905) !important;
}

.d-w332 {
  width: var(--dt-size-925) !important;
}

.d-w384 {
  width: var(--dt-size-950) !important;
}

.d-w464 {
  width: var(--dt-size-975) !important;
}

.d-w512 {
  width: var(--dt-size-1000) !important;
}

.d-w628 {
  width: var(--dt-size-1020) !important;
}

.d-w764 {
  width: var(--dt-size-1040) !important;
}

.d-w828 {
  width: var(--dt-size-1060) !important;
}

.d-w912 {
  width: var(--dt-size-1080) !important;
}

.d-w1024 {
  width: var(--dt-size-1100) !important;
}

.d-w1140 {
  width: var(--dt-size-1115) !important;
}

.d-w1268 {
  width: var(--dt-size-1120) !important;
}

.d-w1340 {
  width: var(--dt-size-1130) !important;
}

.d-wmn0 {
  min-width: var(--dt-size-0) !important;
}

.d-wmn1 {
  min-width: var(--dt-size-100) !important;
}

.d-wmn2 {
  min-width: var(--dt-size-200) !important;
}

.d-wmn4 {
  min-width: var(--dt-size-300) !important;
}

.d-wmn6 {
  min-width: var(--dt-size-350) !important;
}

.d-wmn8 {
  min-width: var(--dt-size-400) !important;
}

.d-wmn12 {
  min-width: var(--dt-size-450) !important;
}

.d-wmn16 {
  min-width: var(--dt-size-500) !important;
}

.d-wmn20 {
  min-width: var(--dt-size-525) !important;
}

.d-wmn24 {
  min-width: var(--dt-size-550) !important;
}

.d-wmn32 {
  min-width: var(--dt-size-600) !important;
}

.d-wmn42 {
  min-width: var(--dt-size-625) !important;
}

.d-wmn48 {
  min-width: var(--dt-size-650) !important;
}

.d-wmn64 {
  min-width: var(--dt-size-700) !important;
}

.d-wmn72 {
  min-width: var(--dt-size-720) !important;
}

.d-wmn84 {
  min-width: var(--dt-size-730) !important;
}

.d-wmn96 {
  min-width: var(--dt-size-750) !important;
}

.d-wmn102 {
  min-width: var(--dt-size-760) !important;
}

.d-wmn114 {
  min-width: var(--dt-size-775) !important;
}

.d-wmn128 {
  min-width: var(--dt-size-800) !important;
}

.d-wmn164 {
  min-width: var(--dt-size-825) !important;
}

.d-wmn216 {
  min-width: var(--dt-size-875) !important;
}

.d-wmn264 {
  min-width: var(--dt-size-905) !important;
}

.d-wmn332 {
  min-width: var(--dt-size-925) !important;
}

.d-wmn384 {
  min-width: var(--dt-size-950) !important;
}

.d-wmn464 {
  min-width: var(--dt-size-975) !important;
}

.d-wmn512 {
  min-width: var(--dt-size-1000) !important;
}

.d-wmn628 {
  min-width: var(--dt-size-1020) !important;
}

.d-wmn764 {
  min-width: var(--dt-size-1040) !important;
}

.d-wmn828 {
  min-width: var(--dt-size-1060) !important;
}

.d-wmn912 {
  min-width: var(--dt-size-1080) !important;
}

.d-wmn1024 {
  min-width: var(--dt-size-1100) !important;
}

.d-wmn1140 {
  min-width: var(--dt-size-1115) !important;
}

.d-wmn1268 {
  min-width: var(--dt-size-1120) !important;
}

.d-wmn1340 {
  min-width: var(--dt-size-1130) !important;
}

.d-wmn0 {
  min-width: var(--dt-size-0) !important;
}

.d-wmn1 {
  min-width: var(--dt-size-100) !important;
}

.d-wmn2 {
  min-width: var(--dt-size-200) !important;
}

.d-wmn4 {
  min-width: var(--dt-size-300) !important;
}

.d-wmn6 {
  min-width: var(--dt-size-350) !important;
}

.d-wmn8 {
  min-width: var(--dt-size-400) !important;
}

.d-wmn12 {
  min-width: var(--dt-size-450) !important;
}

.d-wmn16 {
  min-width: var(--dt-size-500) !important;
}

.d-wmn20 {
  min-width: var(--dt-size-525) !important;
}

.d-wmn24 {
  min-width: var(--dt-size-550) !important;
}

.d-wmn32 {
  min-width: var(--dt-size-600) !important;
}

.d-wmn42 {
  min-width: var(--dt-size-625) !important;
}

.d-wmn48 {
  min-width: var(--dt-size-650) !important;
}

.d-wmn64 {
  min-width: var(--dt-size-700) !important;
}

.d-wmn72 {
  min-width: var(--dt-size-720) !important;
}

.d-wmn84 {
  min-width: var(--dt-size-730) !important;
}

.d-wmn96 {
  min-width: var(--dt-size-750) !important;
}

.d-wmn102 {
  min-width: var(--dt-size-760) !important;
}

.d-wmn114 {
  min-width: var(--dt-size-775) !important;
}

.d-wmn128 {
  min-width: var(--dt-size-800) !important;
}

.d-wmn164 {
  min-width: var(--dt-size-825) !important;
}

.d-wmn216 {
  min-width: var(--dt-size-875) !important;
}

.d-wmn264 {
  min-width: var(--dt-size-905) !important;
}

.d-wmn332 {
  min-width: var(--dt-size-925) !important;
}

.d-wmn384 {
  min-width: var(--dt-size-950) !important;
}

.d-wmn464 {
  min-width: var(--dt-size-975) !important;
}

.d-wmn512 {
  min-width: var(--dt-size-1000) !important;
}

.d-wmn628 {
  min-width: var(--dt-size-1020) !important;
}

.d-wmn764 {
  min-width: var(--dt-size-1040) !important;
}

.d-wmn828 {
  min-width: var(--dt-size-1060) !important;
}

.d-wmn912 {
  min-width: var(--dt-size-1080) !important;
}

.d-wmn1024 {
  min-width: var(--dt-size-1100) !important;
}

.d-wmn1140 {
  min-width: var(--dt-size-1115) !important;
}

.d-wmn1268 {
  min-width: var(--dt-size-1120) !important;
}

.d-wmn1340 {
  min-width: var(--dt-size-1130) !important;
}

.d-wmx0 {
  max-width: var(--dt-size-0) !important;
}

.d-wmx1 {
  max-width: var(--dt-size-100) !important;
}

.d-wmx2 {
  max-width: var(--dt-size-200) !important;
}

.d-wmx4 {
  max-width: var(--dt-size-300) !important;
}

.d-wmx6 {
  max-width: var(--dt-size-350) !important;
}

.d-wmx8 {
  max-width: var(--dt-size-400) !important;
}

.d-wmx12 {
  max-width: var(--dt-size-450) !important;
}

.d-wmx16 {
  max-width: var(--dt-size-500) !important;
}

.d-wmx20 {
  max-width: var(--dt-size-525) !important;
}

.d-wmx24 {
  max-width: var(--dt-size-550) !important;
}

.d-wmx32 {
  max-width: var(--dt-size-600) !important;
}

.d-wmx42 {
  max-width: var(--dt-size-625) !important;
}

.d-wmx48 {
  max-width: var(--dt-size-650) !important;
}

.d-wmx64 {
  max-width: var(--dt-size-700) !important;
}

.d-wmx72 {
  max-width: var(--dt-size-720) !important;
}

.d-wmx84 {
  max-width: var(--dt-size-730) !important;
}

.d-wmx96 {
  max-width: var(--dt-size-750) !important;
}

.d-wmx102 {
  max-width: var(--dt-size-760) !important;
}

.d-wmx114 {
  max-width: var(--dt-size-775) !important;
}

.d-wmx128 {
  max-width: var(--dt-size-800) !important;
}

.d-wmx164 {
  max-width: var(--dt-size-825) !important;
}

.d-wmx216 {
  max-width: var(--dt-size-875) !important;
}

.d-wmx264 {
  max-width: var(--dt-size-905) !important;
}

.d-wmx332 {
  max-width: var(--dt-size-925) !important;
}

.d-wmx384 {
  max-width: var(--dt-size-950) !important;
}

.d-wmx464 {
  max-width: var(--dt-size-975) !important;
}

.d-wmx512 {
  max-width: var(--dt-size-1000) !important;
}

.d-wmx628 {
  max-width: var(--dt-size-1020) !important;
}

.d-wmx764 {
  max-width: var(--dt-size-1040) !important;
}

.d-wmx828 {
  max-width: var(--dt-size-1060) !important;
}

.d-wmx912 {
  max-width: var(--dt-size-1080) !important;
}

.d-wmx1024 {
  max-width: var(--dt-size-1100) !important;
}

.d-wmx1140 {
  max-width: var(--dt-size-1115) !important;
}

.d-wmx1268 {
  max-width: var(--dt-size-1120) !important;
}

.d-wmx1340 {
  max-width: var(--dt-size-1130) !important;
}

.d-wmx0 {
  max-width: var(--dt-size-0) !important;
}

.d-wmx1 {
  max-width: var(--dt-size-100) !important;
}

.d-wmx2 {
  max-width: var(--dt-size-200) !important;
}

.d-wmx4 {
  max-width: var(--dt-size-300) !important;
}

.d-wmx6 {
  max-width: var(--dt-size-350) !important;
}

.d-wmx8 {
  max-width: var(--dt-size-400) !important;
}

.d-wmx12 {
  max-width: var(--dt-size-450) !important;
}

.d-wmx16 {
  max-width: var(--dt-size-500) !important;
}

.d-wmx20 {
  max-width: var(--dt-size-525) !important;
}

.d-wmx24 {
  max-width: var(--dt-size-550) !important;
}

.d-wmx32 {
  max-width: var(--dt-size-600) !important;
}

.d-wmx42 {
  max-width: var(--dt-size-625) !important;
}

.d-wmx48 {
  max-width: var(--dt-size-650) !important;
}

.d-wmx64 {
  max-width: var(--dt-size-700) !important;
}

.d-wmx72 {
  max-width: var(--dt-size-720) !important;
}

.d-wmx84 {
  max-width: var(--dt-size-730) !important;
}

.d-wmx96 {
  max-width: var(--dt-size-750) !important;
}

.d-wmx102 {
  max-width: var(--dt-size-760) !important;
}

.d-wmx114 {
  max-width: var(--dt-size-775) !important;
}

.d-wmx128 {
  max-width: var(--dt-size-800) !important;
}

.d-wmx164 {
  max-width: var(--dt-size-825) !important;
}

.d-wmx216 {
  max-width: var(--dt-size-875) !important;
}

.d-wmx264 {
  max-width: var(--dt-size-905) !important;
}

.d-wmx332 {
  max-width: var(--dt-size-925) !important;
}

.d-wmx384 {
  max-width: var(--dt-size-950) !important;
}

.d-wmx464 {
  max-width: var(--dt-size-975) !important;
}

.d-wmx512 {
  max-width: var(--dt-size-1000) !important;
}

.d-wmx628 {
  max-width: var(--dt-size-1020) !important;
}

.d-wmx764 {
  max-width: var(--dt-size-1040) !important;
}

.d-wmx828 {
  max-width: var(--dt-size-1060) !important;
}

.d-wmx912 {
  max-width: var(--dt-size-1080) !important;
}

.d-wmx1024 {
  max-width: var(--dt-size-1100) !important;
}

.d-wmx1140 {
  max-width: var(--dt-size-1115) !important;
}

.d-wmx1268 {
  max-width: var(--dt-size-1120) !important;
}

.d-wmx1340 {
  max-width: var(--dt-size-1130) !important;
}

.d-m0 {
  margin: var(--dt-space-0) !important;
}

.d-m1 {
  margin: var(--dt-space-100) !important;
}

.d-m2 {
  margin: var(--dt-space-200) !important;
}

.d-m4 {
  margin: var(--dt-space-300) !important;
}

.d-m6 {
  margin: var(--dt-space-350) !important;
}

.d-m8 {
  margin: var(--dt-space-400) !important;
}

.d-m12 {
  margin: var(--dt-space-450) !important;
}

.d-m16 {
  margin: var(--dt-space-500) !important;
}

.d-m20 {
  margin: var(--dt-space-525) !important;
}

.d-m24 {
  margin: var(--dt-space-550) !important;
}

.d-m32 {
  margin: var(--dt-space-600) !important;
}

.d-m48 {
  margin: var(--dt-space-650) !important;
}

.d-m64 {
  margin: var(--dt-space-700) !important;
}

.d-m96 {
  margin: var(--dt-space-750) !important;
}

.d-m128 {
  margin: var(--dt-space-800) !important;
}

.d-mn1 {
  margin: var(--dt-space-100-negative) !important;
}

.d-mn2 {
  margin: var(--dt-space-200-negative) !important;
}

.d-mn4 {
  margin: var(--dt-space-300-negative) !important;
}

.d-mn6 {
  margin: var(--dt-space-350-negative) !important;
}

.d-mn8 {
  margin: var(--dt-space-400-negative) !important;
}

.d-mn12 {
  margin: var(--dt-space-450-negative) !important;
}

.d-mn16 {
  margin: var(--dt-space-500-negative) !important;
}

.d-mn24 {
  margin: var(--dt-space-550-negative) !important;
}

.d-mn32 {
  margin: var(--dt-space-600-negative) !important;
}

.d-mn48 {
  margin: var(--dt-space-650-negative) !important;
}

.d-mn64 {
  margin: var(--dt-space-700-negative) !important;
}

.d-mn96 {
  margin: var(--dt-space-750-negative) !important;
}

.d-mn128 {
  margin: var(--dt-space-800-negative) !important;
}

.d-m0 {
  margin: var(--dt-space-0) !important;
}

.d-m1 {
  margin: var(--dt-space-100) !important;
}

.d-m2 {
  margin: var(--dt-space-200) !important;
}

.d-m4 {
  margin: var(--dt-space-300) !important;
}

.d-m6 {
  margin: var(--dt-space-350) !important;
}

.d-m8 {
  margin: var(--dt-space-400) !important;
}

.d-m12 {
  margin: var(--dt-space-450) !important;
}

.d-m16 {
  margin: var(--dt-space-500) !important;
}

.d-m20 {
  margin: var(--dt-space-525) !important;
}

.d-m24 {
  margin: var(--dt-space-550) !important;
}

.d-m32 {
  margin: var(--dt-space-600) !important;
}

.d-m48 {
  margin: var(--dt-space-650) !important;
}

.d-m64 {
  margin: var(--dt-space-700) !important;
}

.d-m96 {
  margin: var(--dt-space-750) !important;
}

.d-m128 {
  margin: var(--dt-space-800) !important;
}

.d-mn1 {
  margin: var(--dt-space-100-negative) !important;
}

.d-mn2 {
  margin: var(--dt-space-200-negative) !important;
}

.d-mn4 {
  margin: var(--dt-space-300-negative) !important;
}

.d-mn6 {
  margin: var(--dt-space-350-negative) !important;
}

.d-mn8 {
  margin: var(--dt-space-400-negative) !important;
}

.d-mn12 {
  margin: var(--dt-space-450-negative) !important;
}

.d-mn16 {
  margin: var(--dt-space-500-negative) !important;
}

.d-mn24 {
  margin: var(--dt-space-550-negative) !important;
}

.d-mn32 {
  margin: var(--dt-space-600-negative) !important;
}

.d-mn48 {
  margin: var(--dt-space-650-negative) !important;
}

.d-mn64 {
  margin: var(--dt-space-700-negative) !important;
}

.d-mn96 {
  margin: var(--dt-space-750-negative) !important;
}

.d-mn128 {
  margin: var(--dt-space-800-negative) !important;
}

.d-mx0 {
  margin-left: var(--dt-space-0) !important;
  margin-right: var(--dt-space-0) !important;
}

.d-mx1 {
  margin-left: var(--dt-space-100) !important;
  margin-right: var(--dt-space-100) !important;
}

.d-mx2 {
  margin-left: var(--dt-space-200) !important;
  margin-right: var(--dt-space-200) !important;
}

.d-mx4 {
  margin-left: var(--dt-space-300) !important;
  margin-right: var(--dt-space-300) !important;
}

.d-mx6 {
  margin-left: var(--dt-space-350) !important;
  margin-right: var(--dt-space-350) !important;
}

.d-mx8 {
  margin-left: var(--dt-space-400) !important;
  margin-right: var(--dt-space-400) !important;
}

.d-mx12 {
  margin-left: var(--dt-space-450) !important;
  margin-right: var(--dt-space-450) !important;
}

.d-mx16 {
  margin-left: var(--dt-space-500) !important;
  margin-right: var(--dt-space-500) !important;
}

.d-mx20 {
  margin-left: var(--dt-space-525) !important;
  margin-right: var(--dt-space-525) !important;
}

.d-mx24 {
  margin-left: var(--dt-space-550) !important;
  margin-right: var(--dt-space-550) !important;
}

.d-mx32 {
  margin-left: var(--dt-space-600) !important;
  margin-right: var(--dt-space-600) !important;
}

.d-mx48 {
  margin-left: var(--dt-space-650) !important;
  margin-right: var(--dt-space-650) !important;
}

.d-mx64 {
  margin-left: var(--dt-space-700) !important;
  margin-right: var(--dt-space-700) !important;
}

.d-mx96 {
  margin-left: var(--dt-space-750) !important;
  margin-right: var(--dt-space-750) !important;
}

.d-mx128 {
  margin-left: var(--dt-space-800) !important;
  margin-right: var(--dt-space-800) !important;
}

.d-mxn1 {
  margin-left: var(--dt-space-100-negative) !important;
  margin-right: var(--dt-space-100-negative) !important;
}

.d-mxn2 {
  margin-left: var(--dt-space-200-negative) !important;
  margin-right: var(--dt-space-200-negative) !important;
}

.d-mxn4 {
  margin-left: var(--dt-space-300-negative) !important;
  margin-right: var(--dt-space-300-negative) !important;
}

.d-mxn6 {
  margin-left: var(--dt-space-350-negative) !important;
  margin-right: var(--dt-space-350-negative) !important;
}

.d-mxn8 {
  margin-left: var(--dt-space-400-negative) !important;
  margin-right: var(--dt-space-400-negative) !important;
}

.d-mxn12 {
  margin-left: var(--dt-space-450-negative) !important;
  margin-right: var(--dt-space-450-negative) !important;
}

.d-mxn16 {
  margin-left: var(--dt-space-500-negative) !important;
  margin-right: var(--dt-space-500-negative) !important;
}

.d-mxn24 {
  margin-left: var(--dt-space-550-negative) !important;
  margin-right: var(--dt-space-550-negative) !important;
}

.d-mxn32 {
  margin-left: var(--dt-space-600-negative) !important;
  margin-right: var(--dt-space-600-negative) !important;
}

.d-mxn48 {
  margin-left: var(--dt-space-650-negative) !important;
  margin-right: var(--dt-space-650-negative) !important;
}

.d-mxn64 {
  margin-left: var(--dt-space-700-negative) !important;
  margin-right: var(--dt-space-700-negative) !important;
}

.d-mxn96 {
  margin-left: var(--dt-space-750-negative) !important;
  margin-right: var(--dt-space-750-negative) !important;
}

.d-mxn128 {
  margin-left: var(--dt-space-800-negative) !important;
  margin-right: var(--dt-space-800-negative) !important;
}

.d-mx0 {
  margin-left: var(--dt-space-0) !important;
  margin-right: var(--dt-space-0) !important;
}

.d-mx1 {
  margin-left: var(--dt-space-100) !important;
  margin-right: var(--dt-space-100) !important;
}

.d-mx2 {
  margin-left: var(--dt-space-200) !important;
  margin-right: var(--dt-space-200) !important;
}

.d-mx4 {
  margin-left: var(--dt-space-300) !important;
  margin-right: var(--dt-space-300) !important;
}

.d-mx6 {
  margin-left: var(--dt-space-350) !important;
  margin-right: var(--dt-space-350) !important;
}

.d-mx8 {
  margin-left: var(--dt-space-400) !important;
  margin-right: var(--dt-space-400) !important;
}

.d-mx12 {
  margin-left: var(--dt-space-450) !important;
  margin-right: var(--dt-space-450) !important;
}

.d-mx16 {
  margin-left: var(--dt-space-500) !important;
  margin-right: var(--dt-space-500) !important;
}

.d-mx20 {
  margin-left: var(--dt-space-525) !important;
  margin-right: var(--dt-space-525) !important;
}

.d-mx24 {
  margin-left: var(--dt-space-550) !important;
  margin-right: var(--dt-space-550) !important;
}

.d-mx32 {
  margin-left: var(--dt-space-600) !important;
  margin-right: var(--dt-space-600) !important;
}

.d-mx48 {
  margin-left: var(--dt-space-650) !important;
  margin-right: var(--dt-space-650) !important;
}

.d-mx64 {
  margin-left: var(--dt-space-700) !important;
  margin-right: var(--dt-space-700) !important;
}

.d-mx96 {
  margin-left: var(--dt-space-750) !important;
  margin-right: var(--dt-space-750) !important;
}

.d-mx128 {
  margin-left: var(--dt-space-800) !important;
  margin-right: var(--dt-space-800) !important;
}

.d-mxn1 {
  margin-left: var(--dt-space-100-negative) !important;
  margin-right: var(--dt-space-100-negative) !important;
}

.d-mxn2 {
  margin-left: var(--dt-space-200-negative) !important;
  margin-right: var(--dt-space-200-negative) !important;
}

.d-mxn4 {
  margin-left: var(--dt-space-300-negative) !important;
  margin-right: var(--dt-space-300-negative) !important;
}

.d-mxn6 {
  margin-left: var(--dt-space-350-negative) !important;
  margin-right: var(--dt-space-350-negative) !important;
}

.d-mxn8 {
  margin-left: var(--dt-space-400-negative) !important;
  margin-right: var(--dt-space-400-negative) !important;
}

.d-mxn12 {
  margin-left: var(--dt-space-450-negative) !important;
  margin-right: var(--dt-space-450-negative) !important;
}

.d-mxn16 {
  margin-left: var(--dt-space-500-negative) !important;
  margin-right: var(--dt-space-500-negative) !important;
}

.d-mxn24 {
  margin-left: var(--dt-space-550-negative) !important;
  margin-right: var(--dt-space-550-negative) !important;
}

.d-mxn32 {
  margin-left: var(--dt-space-600-negative) !important;
  margin-right: var(--dt-space-600-negative) !important;
}

.d-mxn48 {
  margin-left: var(--dt-space-650-negative) !important;
  margin-right: var(--dt-space-650-negative) !important;
}

.d-mxn64 {
  margin-left: var(--dt-space-700-negative) !important;
  margin-right: var(--dt-space-700-negative) !important;
}

.d-mxn96 {
  margin-left: var(--dt-space-750-negative) !important;
  margin-right: var(--dt-space-750-negative) !important;
}

.d-mxn128 {
  margin-left: var(--dt-space-800-negative) !important;
  margin-right: var(--dt-space-800-negative) !important;
}

.d-my0 {
  margin-top: var(--dt-space-0) !important;
  margin-bottom: var(--dt-space-0) !important;
}

.d-my1 {
  margin-top: var(--dt-space-100) !important;
  margin-bottom: var(--dt-space-100) !important;
}

.d-my2 {
  margin-top: var(--dt-space-200) !important;
  margin-bottom: var(--dt-space-200) !important;
}

.d-my4 {
  margin-top: var(--dt-space-300) !important;
  margin-bottom: var(--dt-space-300) !important;
}

.d-my6 {
  margin-top: var(--dt-space-350) !important;
  margin-bottom: var(--dt-space-350) !important;
}

.d-my8 {
  margin-top: var(--dt-space-400) !important;
  margin-bottom: var(--dt-space-400) !important;
}

.d-my12 {
  margin-top: var(--dt-space-450) !important;
  margin-bottom: var(--dt-space-450) !important;
}

.d-my16 {
  margin-top: var(--dt-space-500) !important;
  margin-bottom: var(--dt-space-500) !important;
}

.d-my20 {
  margin-top: var(--dt-space-525) !important;
  margin-bottom: var(--dt-space-525) !important;
}

.d-my24 {
  margin-top: var(--dt-space-550) !important;
  margin-bottom: var(--dt-space-550) !important;
}

.d-my32 {
  margin-top: var(--dt-space-600) !important;
  margin-bottom: var(--dt-space-600) !important;
}

.d-my48 {
  margin-top: var(--dt-space-650) !important;
  margin-bottom: var(--dt-space-650) !important;
}

.d-my64 {
  margin-top: var(--dt-space-700) !important;
  margin-bottom: var(--dt-space-700) !important;
}

.d-my96 {
  margin-top: var(--dt-space-750) !important;
  margin-bottom: var(--dt-space-750) !important;
}

.d-my128 {
  margin-top: var(--dt-space-800) !important;
  margin-bottom: var(--dt-space-800) !important;
}

.d-myn1 {
  margin-top: var(--dt-space-100-negative) !important;
  margin-bottom: var(--dt-space-100-negative) !important;
}

.d-myn2 {
  margin-top: var(--dt-space-200-negative) !important;
  margin-bottom: var(--dt-space-200-negative) !important;
}

.d-myn4 {
  margin-top: var(--dt-space-300-negative) !important;
  margin-bottom: var(--dt-space-300-negative) !important;
}

.d-myn6 {
  margin-top: var(--dt-space-350-negative) !important;
  margin-bottom: var(--dt-space-350-negative) !important;
}

.d-myn8 {
  margin-top: var(--dt-space-400-negative) !important;
  margin-bottom: var(--dt-space-400-negative) !important;
}

.d-myn12 {
  margin-top: var(--dt-space-450-negative) !important;
  margin-bottom: var(--dt-space-450-negative) !important;
}

.d-myn16 {
  margin-top: var(--dt-space-500-negative) !important;
  margin-bottom: var(--dt-space-500-negative) !important;
}

.d-myn24 {
  margin-top: var(--dt-space-550-negative) !important;
  margin-bottom: var(--dt-space-550-negative) !important;
}

.d-myn32 {
  margin-top: var(--dt-space-600-negative) !important;
  margin-bottom: var(--dt-space-600-negative) !important;
}

.d-myn48 {
  margin-top: var(--dt-space-650-negative) !important;
  margin-bottom: var(--dt-space-650-negative) !important;
}

.d-myn64 {
  margin-top: var(--dt-space-700-negative) !important;
  margin-bottom: var(--dt-space-700-negative) !important;
}

.d-myn96 {
  margin-top: var(--dt-space-750-negative) !important;
  margin-bottom: var(--dt-space-750-negative) !important;
}

.d-myn128 {
  margin-top: var(--dt-space-800-negative) !important;
  margin-bottom: var(--dt-space-800-negative) !important;
}

.d-my0 {
  margin-top: var(--dt-space-0) !important;
  margin-bottom: var(--dt-space-0) !important;
}

.d-my1 {
  margin-top: var(--dt-space-100) !important;
  margin-bottom: var(--dt-space-100) !important;
}

.d-my2 {
  margin-top: var(--dt-space-200) !important;
  margin-bottom: var(--dt-space-200) !important;
}

.d-my4 {
  margin-top: var(--dt-space-300) !important;
  margin-bottom: var(--dt-space-300) !important;
}

.d-my6 {
  margin-top: var(--dt-space-350) !important;
  margin-bottom: var(--dt-space-350) !important;
}

.d-my8 {
  margin-top: var(--dt-space-400) !important;
  margin-bottom: var(--dt-space-400) !important;
}

.d-my12 {
  margin-top: var(--dt-space-450) !important;
  margin-bottom: var(--dt-space-450) !important;
}

.d-my16 {
  margin-top: var(--dt-space-500) !important;
  margin-bottom: var(--dt-space-500) !important;
}

.d-my20 {
  margin-top: var(--dt-space-525) !important;
  margin-bottom: var(--dt-space-525) !important;
}

.d-my24 {
  margin-top: var(--dt-space-550) !important;
  margin-bottom: var(--dt-space-550) !important;
}

.d-my32 {
  margin-top: var(--dt-space-600) !important;
  margin-bottom: var(--dt-space-600) !important;
}

.d-my48 {
  margin-top: var(--dt-space-650) !important;
  margin-bottom: var(--dt-space-650) !important;
}

.d-my64 {
  margin-top: var(--dt-space-700) !important;
  margin-bottom: var(--dt-space-700) !important;
}

.d-my96 {
  margin-top: var(--dt-space-750) !important;
  margin-bottom: var(--dt-space-750) !important;
}

.d-my128 {
  margin-top: var(--dt-space-800) !important;
  margin-bottom: var(--dt-space-800) !important;
}

.d-myn1 {
  margin-top: var(--dt-space-100-negative) !important;
  margin-bottom: var(--dt-space-100-negative) !important;
}

.d-myn2 {
  margin-top: var(--dt-space-200-negative) !important;
  margin-bottom: var(--dt-space-200-negative) !important;
}

.d-myn4 {
  margin-top: var(--dt-space-300-negative) !important;
  margin-bottom: var(--dt-space-300-negative) !important;
}

.d-myn6 {
  margin-top: var(--dt-space-350-negative) !important;
  margin-bottom: var(--dt-space-350-negative) !important;
}

.d-myn8 {
  margin-top: var(--dt-space-400-negative) !important;
  margin-bottom: var(--dt-space-400-negative) !important;
}

.d-myn12 {
  margin-top: var(--dt-space-450-negative) !important;
  margin-bottom: var(--dt-space-450-negative) !important;
}

.d-myn16 {
  margin-top: var(--dt-space-500-negative) !important;
  margin-bottom: var(--dt-space-500-negative) !important;
}

.d-myn24 {
  margin-top: var(--dt-space-550-negative) !important;
  margin-bottom: var(--dt-space-550-negative) !important;
}

.d-myn32 {
  margin-top: var(--dt-space-600-negative) !important;
  margin-bottom: var(--dt-space-600-negative) !important;
}

.d-myn48 {
  margin-top: var(--dt-space-650-negative) !important;
  margin-bottom: var(--dt-space-650-negative) !important;
}

.d-myn64 {
  margin-top: var(--dt-space-700-negative) !important;
  margin-bottom: var(--dt-space-700-negative) !important;
}

.d-myn96 {
  margin-top: var(--dt-space-750-negative) !important;
  margin-bottom: var(--dt-space-750-negative) !important;
}

.d-myn128 {
  margin-top: var(--dt-space-800-negative) !important;
  margin-bottom: var(--dt-space-800-negative) !important;
}

.d-mt0 {
  margin-top: var(--dt-space-0) !important;
}

.d-mt1 {
  margin-top: var(--dt-space-100) !important;
}

.d-mt2 {
  margin-top: var(--dt-space-200) !important;
}

.d-mt4 {
  margin-top: var(--dt-space-300) !important;
}

.d-mt6 {
  margin-top: var(--dt-space-350) !important;
}

.d-mt8 {
  margin-top: var(--dt-space-400) !important;
}

.d-mt12 {
  margin-top: var(--dt-space-450) !important;
}

.d-mt16 {
  margin-top: var(--dt-space-500) !important;
}

.d-mt20 {
  margin-top: var(--dt-space-525) !important;
}

.d-mt24 {
  margin-top: var(--dt-space-550) !important;
}

.d-mt32 {
  margin-top: var(--dt-space-600) !important;
}

.d-mt48 {
  margin-top: var(--dt-space-650) !important;
}

.d-mt64 {
  margin-top: var(--dt-space-700) !important;
}

.d-mt96 {
  margin-top: var(--dt-space-750) !important;
}

.d-mt128 {
  margin-top: var(--dt-space-800) !important;
}

.d-mtn1 {
  margin-top: var(--dt-space-100-negative) !important;
}

.d-mtn2 {
  margin-top: var(--dt-space-200-negative) !important;
}

.d-mtn4 {
  margin-top: var(--dt-space-300-negative) !important;
}

.d-mtn6 {
  margin-top: var(--dt-space-350-negative) !important;
}

.d-mtn8 {
  margin-top: var(--dt-space-400-negative) !important;
}

.d-mtn12 {
  margin-top: var(--dt-space-450-negative) !important;
}

.d-mtn16 {
  margin-top: var(--dt-space-500-negative) !important;
}

.d-mtn24 {
  margin-top: var(--dt-space-550-negative) !important;
}

.d-mtn32 {
  margin-top: var(--dt-space-600-negative) !important;
}

.d-mtn48 {
  margin-top: var(--dt-space-650-negative) !important;
}

.d-mtn64 {
  margin-top: var(--dt-space-700-negative) !important;
}

.d-mtn96 {
  margin-top: var(--dt-space-750-negative) !important;
}

.d-mtn128 {
  margin-top: var(--dt-space-800-negative) !important;
}

.d-mt0 {
  margin-top: var(--dt-space-0) !important;
}

.d-mt1 {
  margin-top: var(--dt-space-100) !important;
}

.d-mt2 {
  margin-top: var(--dt-space-200) !important;
}

.d-mt4 {
  margin-top: var(--dt-space-300) !important;
}

.d-mt6 {
  margin-top: var(--dt-space-350) !important;
}

.d-mt8 {
  margin-top: var(--dt-space-400) !important;
}

.d-mt12 {
  margin-top: var(--dt-space-450) !important;
}

.d-mt16 {
  margin-top: var(--dt-space-500) !important;
}

.d-mt20 {
  margin-top: var(--dt-space-525) !important;
}

.d-mt24 {
  margin-top: var(--dt-space-550) !important;
}

.d-mt32 {
  margin-top: var(--dt-space-600) !important;
}

.d-mt48 {
  margin-top: var(--dt-space-650) !important;
}

.d-mt64 {
  margin-top: var(--dt-space-700) !important;
}

.d-mt96 {
  margin-top: var(--dt-space-750) !important;
}

.d-mt128 {
  margin-top: var(--dt-space-800) !important;
}

.d-mtn1 {
  margin-top: var(--dt-space-100-negative) !important;
}

.d-mtn2 {
  margin-top: var(--dt-space-200-negative) !important;
}

.d-mtn4 {
  margin-top: var(--dt-space-300-negative) !important;
}

.d-mtn6 {
  margin-top: var(--dt-space-350-negative) !important;
}

.d-mtn8 {
  margin-top: var(--dt-space-400-negative) !important;
}

.d-mtn12 {
  margin-top: var(--dt-space-450-negative) !important;
}

.d-mtn16 {
  margin-top: var(--dt-space-500-negative) !important;
}

.d-mtn24 {
  margin-top: var(--dt-space-550-negative) !important;
}

.d-mtn32 {
  margin-top: var(--dt-space-600-negative) !important;
}

.d-mtn48 {
  margin-top: var(--dt-space-650-negative) !important;
}

.d-mtn64 {
  margin-top: var(--dt-space-700-negative) !important;
}

.d-mtn96 {
  margin-top: var(--dt-space-750-negative) !important;
}

.d-mtn128 {
  margin-top: var(--dt-space-800-negative) !important;
}

.d-mr0 {
  margin-right: var(--dt-space-0) !important;
}

.d-mr1 {
  margin-right: var(--dt-space-100) !important;
}

.d-mr2 {
  margin-right: var(--dt-space-200) !important;
}

.d-mr4 {
  margin-right: var(--dt-space-300) !important;
}

.d-mr6 {
  margin-right: var(--dt-space-350) !important;
}

.d-mr8 {
  margin-right: var(--dt-space-400) !important;
}

.d-mr12 {
  margin-right: var(--dt-space-450) !important;
}

.d-mr16 {
  margin-right: var(--dt-space-500) !important;
}

.d-mr20 {
  margin-right: var(--dt-space-525) !important;
}

.d-mr24 {
  margin-right: var(--dt-space-550) !important;
}

.d-mr32 {
  margin-right: var(--dt-space-600) !important;
}

.d-mr48 {
  margin-right: var(--dt-space-650) !important;
}

.d-mr64 {
  margin-right: var(--dt-space-700) !important;
}

.d-mr96 {
  margin-right: var(--dt-space-750) !important;
}

.d-mr128 {
  margin-right: var(--dt-space-800) !important;
}

.d-mrn1 {
  margin-right: var(--dt-space-100-negative) !important;
}

.d-mrn2 {
  margin-right: var(--dt-space-200-negative) !important;
}

.d-mrn4 {
  margin-right: var(--dt-space-300-negative) !important;
}

.d-mrn6 {
  margin-right: var(--dt-space-350-negative) !important;
}

.d-mrn8 {
  margin-right: var(--dt-space-400-negative) !important;
}

.d-mrn12 {
  margin-right: var(--dt-space-450-negative) !important;
}

.d-mrn16 {
  margin-right: var(--dt-space-500-negative) !important;
}

.d-mrn24 {
  margin-right: var(--dt-space-550-negative) !important;
}

.d-mrn32 {
  margin-right: var(--dt-space-600-negative) !important;
}

.d-mrn48 {
  margin-right: var(--dt-space-650-negative) !important;
}

.d-mrn64 {
  margin-right: var(--dt-space-700-negative) !important;
}

.d-mrn96 {
  margin-right: var(--dt-space-750-negative) !important;
}

.d-mrn128 {
  margin-right: var(--dt-space-800-negative) !important;
}

.d-mr0 {
  margin-right: var(--dt-space-0) !important;
}

.d-mr1 {
  margin-right: var(--dt-space-100) !important;
}

.d-mr2 {
  margin-right: var(--dt-space-200) !important;
}

.d-mr4 {
  margin-right: var(--dt-space-300) !important;
}

.d-mr6 {
  margin-right: var(--dt-space-350) !important;
}

.d-mr8 {
  margin-right: var(--dt-space-400) !important;
}

.d-mr12 {
  margin-right: var(--dt-space-450) !important;
}

.d-mr16 {
  margin-right: var(--dt-space-500) !important;
}

.d-mr20 {
  margin-right: var(--dt-space-525) !important;
}

.d-mr24 {
  margin-right: var(--dt-space-550) !important;
}

.d-mr32 {
  margin-right: var(--dt-space-600) !important;
}

.d-mr48 {
  margin-right: var(--dt-space-650) !important;
}

.d-mr64 {
  margin-right: var(--dt-space-700) !important;
}

.d-mr96 {
  margin-right: var(--dt-space-750) !important;
}

.d-mr128 {
  margin-right: var(--dt-space-800) !important;
}

.d-mrn1 {
  margin-right: var(--dt-space-100-negative) !important;
}

.d-mrn2 {
  margin-right: var(--dt-space-200-negative) !important;
}

.d-mrn4 {
  margin-right: var(--dt-space-300-negative) !important;
}

.d-mrn6 {
  margin-right: var(--dt-space-350-negative) !important;
}

.d-mrn8 {
  margin-right: var(--dt-space-400-negative) !important;
}

.d-mrn12 {
  margin-right: var(--dt-space-450-negative) !important;
}

.d-mrn16 {
  margin-right: var(--dt-space-500-negative) !important;
}

.d-mrn24 {
  margin-right: var(--dt-space-550-negative) !important;
}

.d-mrn32 {
  margin-right: var(--dt-space-600-negative) !important;
}

.d-mrn48 {
  margin-right: var(--dt-space-650-negative) !important;
}

.d-mrn64 {
  margin-right: var(--dt-space-700-negative) !important;
}

.d-mrn96 {
  margin-right: var(--dt-space-750-negative) !important;
}

.d-mrn128 {
  margin-right: var(--dt-space-800-negative) !important;
}

.d-mb0 {
  margin-bottom: var(--dt-space-0) !important;
}

.d-mb1 {
  margin-bottom: var(--dt-space-100) !important;
}

.d-mb2 {
  margin-bottom: var(--dt-space-200) !important;
}

.d-mb4 {
  margin-bottom: var(--dt-space-300) !important;
}

.d-mb6 {
  margin-bottom: var(--dt-space-350) !important;
}

.d-mb8 {
  margin-bottom: var(--dt-space-400) !important;
}

.d-mb12 {
  margin-bottom: var(--dt-space-450) !important;
}

.d-mb16 {
  margin-bottom: var(--dt-space-500) !important;
}

.d-mb20 {
  margin-bottom: var(--dt-space-525) !important;
}

.d-mb24 {
  margin-bottom: var(--dt-space-550) !important;
}

.d-mb32 {
  margin-bottom: var(--dt-space-600) !important;
}

.d-mb48 {
  margin-bottom: var(--dt-space-650) !important;
}

.d-mb64 {
  margin-bottom: var(--dt-space-700) !important;
}

.d-mb96 {
  margin-bottom: var(--dt-space-750) !important;
}

.d-mb128 {
  margin-bottom: var(--dt-space-800) !important;
}

.d-mbn1 {
  margin-bottom: var(--dt-space-100-negative) !important;
}

.d-mbn2 {
  margin-bottom: var(--dt-space-200-negative) !important;
}

.d-mbn4 {
  margin-bottom: var(--dt-space-300-negative) !important;
}

.d-mbn6 {
  margin-bottom: var(--dt-space-350-negative) !important;
}

.d-mbn8 {
  margin-bottom: var(--dt-space-400-negative) !important;
}

.d-mbn12 {
  margin-bottom: var(--dt-space-450-negative) !important;
}

.d-mbn16 {
  margin-bottom: var(--dt-space-500-negative) !important;
}

.d-mbn24 {
  margin-bottom: var(--dt-space-550-negative) !important;
}

.d-mbn32 {
  margin-bottom: var(--dt-space-600-negative) !important;
}

.d-mbn48 {
  margin-bottom: var(--dt-space-650-negative) !important;
}

.d-mbn64 {
  margin-bottom: var(--dt-space-700-negative) !important;
}

.d-mbn96 {
  margin-bottom: var(--dt-space-750-negative) !important;
}

.d-mbn128 {
  margin-bottom: var(--dt-space-800-negative) !important;
}

.d-mb0 {
  margin-bottom: var(--dt-space-0) !important;
}

.d-mb1 {
  margin-bottom: var(--dt-space-100) !important;
}

.d-mb2 {
  margin-bottom: var(--dt-space-200) !important;
}

.d-mb4 {
  margin-bottom: var(--dt-space-300) !important;
}

.d-mb6 {
  margin-bottom: var(--dt-space-350) !important;
}

.d-mb8 {
  margin-bottom: var(--dt-space-400) !important;
}

.d-mb12 {
  margin-bottom: var(--dt-space-450) !important;
}

.d-mb16 {
  margin-bottom: var(--dt-space-500) !important;
}

.d-mb20 {
  margin-bottom: var(--dt-space-525) !important;
}

.d-mb24 {
  margin-bottom: var(--dt-space-550) !important;
}

.d-mb32 {
  margin-bottom: var(--dt-space-600) !important;
}

.d-mb48 {
  margin-bottom: var(--dt-space-650) !important;
}

.d-mb64 {
  margin-bottom: var(--dt-space-700) !important;
}

.d-mb96 {
  margin-bottom: var(--dt-space-750) !important;
}

.d-mb128 {
  margin-bottom: var(--dt-space-800) !important;
}

.d-mbn1 {
  margin-bottom: var(--dt-space-100-negative) !important;
}

.d-mbn2 {
  margin-bottom: var(--dt-space-200-negative) !important;
}

.d-mbn4 {
  margin-bottom: var(--dt-space-300-negative) !important;
}

.d-mbn6 {
  margin-bottom: var(--dt-space-350-negative) !important;
}

.d-mbn8 {
  margin-bottom: var(--dt-space-400-negative) !important;
}

.d-mbn12 {
  margin-bottom: var(--dt-space-450-negative) !important;
}

.d-mbn16 {
  margin-bottom: var(--dt-space-500-negative) !important;
}

.d-mbn24 {
  margin-bottom: var(--dt-space-550-negative) !important;
}

.d-mbn32 {
  margin-bottom: var(--dt-space-600-negative) !important;
}

.d-mbn48 {
  margin-bottom: var(--dt-space-650-negative) !important;
}

.d-mbn64 {
  margin-bottom: var(--dt-space-700-negative) !important;
}

.d-mbn96 {
  margin-bottom: var(--dt-space-750-negative) !important;
}

.d-mbn128 {
  margin-bottom: var(--dt-space-800-negative) !important;
}

.d-ml0 {
  margin-left: var(--dt-space-0) !important;
}

.d-ml1 {
  margin-left: var(--dt-space-100) !important;
}

.d-ml2 {
  margin-left: var(--dt-space-200) !important;
}

.d-ml4 {
  margin-left: var(--dt-space-300) !important;
}

.d-ml6 {
  margin-left: var(--dt-space-350) !important;
}

.d-ml8 {
  margin-left: var(--dt-space-400) !important;
}

.d-ml12 {
  margin-left: var(--dt-space-450) !important;
}

.d-ml16 {
  margin-left: var(--dt-space-500) !important;
}

.d-ml20 {
  margin-left: var(--dt-space-525) !important;
}

.d-ml24 {
  margin-left: var(--dt-space-550) !important;
}

.d-ml32 {
  margin-left: var(--dt-space-600) !important;
}

.d-ml48 {
  margin-left: var(--dt-space-650) !important;
}

.d-ml64 {
  margin-left: var(--dt-space-700) !important;
}

.d-ml96 {
  margin-left: var(--dt-space-750) !important;
}

.d-ml128 {
  margin-left: var(--dt-space-800) !important;
}

.d-mln1 {
  margin-left: var(--dt-space-100-negative) !important;
}

.d-mln2 {
  margin-left: var(--dt-space-200-negative) !important;
}

.d-mln4 {
  margin-left: var(--dt-space-300-negative) !important;
}

.d-mln6 {
  margin-left: var(--dt-space-350-negative) !important;
}

.d-mln8 {
  margin-left: var(--dt-space-400-negative) !important;
}

.d-mln12 {
  margin-left: var(--dt-space-450-negative) !important;
}

.d-mln16 {
  margin-left: var(--dt-space-500-negative) !important;
}

.d-mln24 {
  margin-left: var(--dt-space-550-negative) !important;
}

.d-mln32 {
  margin-left: var(--dt-space-600-negative) !important;
}

.d-mln48 {
  margin-left: var(--dt-space-650-negative) !important;
}

.d-mln64 {
  margin-left: var(--dt-space-700-negative) !important;
}

.d-mln96 {
  margin-left: var(--dt-space-750-negative) !important;
}

.d-mln128 {
  margin-left: var(--dt-space-800-negative) !important;
}

.d-ml0 {
  margin-left: var(--dt-space-0) !important;
}

.d-ml1 {
  margin-left: var(--dt-space-100) !important;
}

.d-ml2 {
  margin-left: var(--dt-space-200) !important;
}

.d-ml4 {
  margin-left: var(--dt-space-300) !important;
}

.d-ml6 {
  margin-left: var(--dt-space-350) !important;
}

.d-ml8 {
  margin-left: var(--dt-space-400) !important;
}

.d-ml12 {
  margin-left: var(--dt-space-450) !important;
}

.d-ml16 {
  margin-left: var(--dt-space-500) !important;
}

.d-ml20 {
  margin-left: var(--dt-space-525) !important;
}

.d-ml24 {
  margin-left: var(--dt-space-550) !important;
}

.d-ml32 {
  margin-left: var(--dt-space-600) !important;
}

.d-ml48 {
  margin-left: var(--dt-space-650) !important;
}

.d-ml64 {
  margin-left: var(--dt-space-700) !important;
}

.d-ml96 {
  margin-left: var(--dt-space-750) !important;
}

.d-ml128 {
  margin-left: var(--dt-space-800) !important;
}

.d-mln1 {
  margin-left: var(--dt-space-100-negative) !important;
}

.d-mln2 {
  margin-left: var(--dt-space-200-negative) !important;
}

.d-mln4 {
  margin-left: var(--dt-space-300-negative) !important;
}

.d-mln6 {
  margin-left: var(--dt-space-350-negative) !important;
}

.d-mln8 {
  margin-left: var(--dt-space-400-negative) !important;
}

.d-mln12 {
  margin-left: var(--dt-space-450-negative) !important;
}

.d-mln16 {
  margin-left: var(--dt-space-500-negative) !important;
}

.d-mln24 {
  margin-left: var(--dt-space-550-negative) !important;
}

.d-mln32 {
  margin-left: var(--dt-space-600-negative) !important;
}

.d-mln48 {
  margin-left: var(--dt-space-650-negative) !important;
}

.d-mln64 {
  margin-left: var(--dt-space-700-negative) !important;
}

.d-mln96 {
  margin-left: var(--dt-space-750-negative) !important;
}

.d-mln128 {
  margin-left: var(--dt-space-800-negative) !important;
}

.d-p0 {
  padding: var(--dt-space-0) !important;
}

.d-p1 {
  padding: var(--dt-space-100) !important;
}

.d-p2 {
  padding: var(--dt-space-200) !important;
}

.d-p4 {
  padding: var(--dt-space-300) !important;
}

.d-p6 {
  padding: var(--dt-space-350) !important;
}

.d-p8 {
  padding: var(--dt-space-400) !important;
}

.d-p12 {
  padding: var(--dt-space-450) !important;
}

.d-p16 {
  padding: var(--dt-space-500) !important;
}

.d-p20 {
  padding: var(--dt-space-525) !important;
}

.d-p24 {
  padding: var(--dt-space-550) !important;
}

.d-p32 {
  padding: var(--dt-space-600) !important;
}

.d-p48 {
  padding: var(--dt-space-650) !important;
}

.d-p64 {
  padding: var(--dt-space-700) !important;
}

.d-p96 {
  padding: var(--dt-space-750) !important;
}

.d-p128 {
  padding: var(--dt-space-800) !important;
}

.d-p0 {
  padding: var(--dt-space-0) !important;
}

.d-p1 {
  padding: var(--dt-space-100) !important;
}

.d-p2 {
  padding: var(--dt-space-200) !important;
}

.d-p4 {
  padding: var(--dt-space-300) !important;
}

.d-p6 {
  padding: var(--dt-space-350) !important;
}

.d-p8 {
  padding: var(--dt-space-400) !important;
}

.d-p12 {
  padding: var(--dt-space-450) !important;
}

.d-p16 {
  padding: var(--dt-space-500) !important;
}

.d-p20 {
  padding: var(--dt-space-525) !important;
}

.d-p24 {
  padding: var(--dt-space-550) !important;
}

.d-p32 {
  padding: var(--dt-space-600) !important;
}

.d-p48 {
  padding: var(--dt-space-650) !important;
}

.d-p64 {
  padding: var(--dt-space-700) !important;
}

.d-p96 {
  padding: var(--dt-space-750) !important;
}

.d-p128 {
  padding: var(--dt-space-800) !important;
}

.d-px0 {
  padding-left: var(--dt-space-0) !important;
  padding-right: var(--dt-space-0) !important;
}

.d-px1 {
  padding-left: var(--dt-space-100) !important;
  padding-right: var(--dt-space-100) !important;
}

.d-px2 {
  padding-left: var(--dt-space-200) !important;
  padding-right: var(--dt-space-200) !important;
}

.d-px4 {
  padding-left: var(--dt-space-300) !important;
  padding-right: var(--dt-space-300) !important;
}

.d-px6 {
  padding-left: var(--dt-space-350) !important;
  padding-right: var(--dt-space-350) !important;
}

.d-px8 {
  padding-left: var(--dt-space-400) !important;
  padding-right: var(--dt-space-400) !important;
}

.d-px12 {
  padding-left: var(--dt-space-450) !important;
  padding-right: var(--dt-space-450) !important;
}

.d-px16 {
  padding-left: var(--dt-space-500) !important;
  padding-right: var(--dt-space-500) !important;
}

.d-px20 {
  padding-left: var(--dt-space-525) !important;
  padding-right: var(--dt-space-525) !important;
}

.d-px24 {
  padding-left: var(--dt-space-550) !important;
  padding-right: var(--dt-space-550) !important;
}

.d-px32 {
  padding-left: var(--dt-space-600) !important;
  padding-right: var(--dt-space-600) !important;
}

.d-px48 {
  padding-left: var(--dt-space-650) !important;
  padding-right: var(--dt-space-650) !important;
}

.d-px64 {
  padding-left: var(--dt-space-700) !important;
  padding-right: var(--dt-space-700) !important;
}

.d-px96 {
  padding-left: var(--dt-space-750) !important;
  padding-right: var(--dt-space-750) !important;
}

.d-px128 {
  padding-left: var(--dt-space-800) !important;
  padding-right: var(--dt-space-800) !important;
}

.d-px0 {
  padding-left: var(--dt-space-0) !important;
  padding-right: var(--dt-space-0) !important;
}

.d-px1 {
  padding-left: var(--dt-space-100) !important;
  padding-right: var(--dt-space-100) !important;
}

.d-px2 {
  padding-left: var(--dt-space-200) !important;
  padding-right: var(--dt-space-200) !important;
}

.d-px4 {
  padding-left: var(--dt-space-300) !important;
  padding-right: var(--dt-space-300) !important;
}

.d-px6 {
  padding-left: var(--dt-space-350) !important;
  padding-right: var(--dt-space-350) !important;
}

.d-px8 {
  padding-left: var(--dt-space-400) !important;
  padding-right: var(--dt-space-400) !important;
}

.d-px12 {
  padding-left: var(--dt-space-450) !important;
  padding-right: var(--dt-space-450) !important;
}

.d-px16 {
  padding-left: var(--dt-space-500) !important;
  padding-right: var(--dt-space-500) !important;
}

.d-px20 {
  padding-left: var(--dt-space-525) !important;
  padding-right: var(--dt-space-525) !important;
}

.d-px24 {
  padding-left: var(--dt-space-550) !important;
  padding-right: var(--dt-space-550) !important;
}

.d-px32 {
  padding-left: var(--dt-space-600) !important;
  padding-right: var(--dt-space-600) !important;
}

.d-px48 {
  padding-left: var(--dt-space-650) !important;
  padding-right: var(--dt-space-650) !important;
}

.d-px64 {
  padding-left: var(--dt-space-700) !important;
  padding-right: var(--dt-space-700) !important;
}

.d-px96 {
  padding-left: var(--dt-space-750) !important;
  padding-right: var(--dt-space-750) !important;
}

.d-px128 {
  padding-left: var(--dt-space-800) !important;
  padding-right: var(--dt-space-800) !important;
}

.d-py0 {
  padding-top: var(--dt-space-0) !important;
  padding-bottom: var(--dt-space-0) !important;
}

.d-py1 {
  padding-top: var(--dt-space-100) !important;
  padding-bottom: var(--dt-space-100) !important;
}

.d-py2 {
  padding-top: var(--dt-space-200) !important;
  padding-bottom: var(--dt-space-200) !important;
}

.d-py4 {
  padding-top: var(--dt-space-300) !important;
  padding-bottom: var(--dt-space-300) !important;
}

.d-py6 {
  padding-top: var(--dt-space-350) !important;
  padding-bottom: var(--dt-space-350) !important;
}

.d-py8 {
  padding-top: var(--dt-space-400) !important;
  padding-bottom: var(--dt-space-400) !important;
}

.d-py12 {
  padding-top: var(--dt-space-450) !important;
  padding-bottom: var(--dt-space-450) !important;
}

.d-py16 {
  padding-top: var(--dt-space-500) !important;
  padding-bottom: var(--dt-space-500) !important;
}

.d-py20 {
  padding-top: var(--dt-space-525) !important;
  padding-bottom: var(--dt-space-525) !important;
}

.d-py24 {
  padding-top: var(--dt-space-550) !important;
  padding-bottom: var(--dt-space-550) !important;
}

.d-py32 {
  padding-top: var(--dt-space-600) !important;
  padding-bottom: var(--dt-space-600) !important;
}

.d-py48 {
  padding-top: var(--dt-space-650) !important;
  padding-bottom: var(--dt-space-650) !important;
}

.d-py64 {
  padding-top: var(--dt-space-700) !important;
  padding-bottom: var(--dt-space-700) !important;
}

.d-py96 {
  padding-top: var(--dt-space-750) !important;
  padding-bottom: var(--dt-space-750) !important;
}

.d-py128 {
  padding-top: var(--dt-space-800) !important;
  padding-bottom: var(--dt-space-800) !important;
}

.d-py0 {
  padding-top: var(--dt-space-0) !important;
  padding-bottom: var(--dt-space-0) !important;
}

.d-py1 {
  padding-top: var(--dt-space-100) !important;
  padding-bottom: var(--dt-space-100) !important;
}

.d-py2 {
  padding-top: var(--dt-space-200) !important;
  padding-bottom: var(--dt-space-200) !important;
}

.d-py4 {
  padding-top: var(--dt-space-300) !important;
  padding-bottom: var(--dt-space-300) !important;
}

.d-py6 {
  padding-top: var(--dt-space-350) !important;
  padding-bottom: var(--dt-space-350) !important;
}

.d-py8 {
  padding-top: var(--dt-space-400) !important;
  padding-bottom: var(--dt-space-400) !important;
}

.d-py12 {
  padding-top: var(--dt-space-450) !important;
  padding-bottom: var(--dt-space-450) !important;
}

.d-py16 {
  padding-top: var(--dt-space-500) !important;
  padding-bottom: var(--dt-space-500) !important;
}

.d-py20 {
  padding-top: var(--dt-space-525) !important;
  padding-bottom: var(--dt-space-525) !important;
}

.d-py24 {
  padding-top: var(--dt-space-550) !important;
  padding-bottom: var(--dt-space-550) !important;
}

.d-py32 {
  padding-top: var(--dt-space-600) !important;
  padding-bottom: var(--dt-space-600) !important;
}

.d-py48 {
  padding-top: var(--dt-space-650) !important;
  padding-bottom: var(--dt-space-650) !important;
}

.d-py64 {
  padding-top: var(--dt-space-700) !important;
  padding-bottom: var(--dt-space-700) !important;
}

.d-py96 {
  padding-top: var(--dt-space-750) !important;
  padding-bottom: var(--dt-space-750) !important;
}

.d-py128 {
  padding-top: var(--dt-space-800) !important;
  padding-bottom: var(--dt-space-800) !important;
}

.d-pt0 {
  padding-top: var(--dt-space-0) !important;
}

.d-pt1 {
  padding-top: var(--dt-space-100) !important;
}

.d-pt2 {
  padding-top: var(--dt-space-200) !important;
}

.d-pt4 {
  padding-top: var(--dt-space-300) !important;
}

.d-pt6 {
  padding-top: var(--dt-space-350) !important;
}

.d-pt8 {
  padding-top: var(--dt-space-400) !important;
}

.d-pt12 {
  padding-top: var(--dt-space-450) !important;
}

.d-pt16 {
  padding-top: var(--dt-space-500) !important;
}

.d-pt20 {
  padding-top: var(--dt-space-525) !important;
}

.d-pt24 {
  padding-top: var(--dt-space-550) !important;
}

.d-pt32 {
  padding-top: var(--dt-space-600) !important;
}

.d-pt48 {
  padding-top: var(--dt-space-650) !important;
}

.d-pt64 {
  padding-top: var(--dt-space-700) !important;
}

.d-pt96 {
  padding-top: var(--dt-space-750) !important;
}

.d-pt128 {
  padding-top: var(--dt-space-800) !important;
}

.d-pt0 {
  padding-top: var(--dt-space-0) !important;
}

.d-pt1 {
  padding-top: var(--dt-space-100) !important;
}

.d-pt2 {
  padding-top: var(--dt-space-200) !important;
}

.d-pt4 {
  padding-top: var(--dt-space-300) !important;
}

.d-pt6 {
  padding-top: var(--dt-space-350) !important;
}

.d-pt8 {
  padding-top: var(--dt-space-400) !important;
}

.d-pt12 {
  padding-top: var(--dt-space-450) !important;
}

.d-pt16 {
  padding-top: var(--dt-space-500) !important;
}

.d-pt20 {
  padding-top: var(--dt-space-525) !important;
}

.d-pt24 {
  padding-top: var(--dt-space-550) !important;
}

.d-pt32 {
  padding-top: var(--dt-space-600) !important;
}

.d-pt48 {
  padding-top: var(--dt-space-650) !important;
}

.d-pt64 {
  padding-top: var(--dt-space-700) !important;
}

.d-pt96 {
  padding-top: var(--dt-space-750) !important;
}

.d-pt128 {
  padding-top: var(--dt-space-800) !important;
}

.d-pr0 {
  padding-right: var(--dt-space-0) !important;
}

.d-pr1 {
  padding-right: var(--dt-space-100) !important;
}

.d-pr2 {
  padding-right: var(--dt-space-200) !important;
}

.d-pr4 {
  padding-right: var(--dt-space-300) !important;
}

.d-pr6 {
  padding-right: var(--dt-space-350) !important;
}

.d-pr8 {
  padding-right: var(--dt-space-400) !important;
}

.d-pr12 {
  padding-right: var(--dt-space-450) !important;
}

.d-pr16 {
  padding-right: var(--dt-space-500) !important;
}

.d-pr20 {
  padding-right: var(--dt-space-525) !important;
}

.d-pr24 {
  padding-right: var(--dt-space-550) !important;
}

.d-pr32 {
  padding-right: var(--dt-space-600) !important;
}

.d-pr48 {
  padding-right: var(--dt-space-650) !important;
}

.d-pr64 {
  padding-right: var(--dt-space-700) !important;
}

.d-pr96 {
  padding-right: var(--dt-space-750) !important;
}

.d-pr128 {
  padding-right: var(--dt-space-800) !important;
}

.d-pr0 {
  padding-right: var(--dt-space-0) !important;
}

.d-pr1 {
  padding-right: var(--dt-space-100) !important;
}

.d-pr2 {
  padding-right: var(--dt-space-200) !important;
}

.d-pr4 {
  padding-right: var(--dt-space-300) !important;
}

.d-pr6 {
  padding-right: var(--dt-space-350) !important;
}

.d-pr8 {
  padding-right: var(--dt-space-400) !important;
}

.d-pr12 {
  padding-right: var(--dt-space-450) !important;
}

.d-pr16 {
  padding-right: var(--dt-space-500) !important;
}

.d-pr20 {
  padding-right: var(--dt-space-525) !important;
}

.d-pr24 {
  padding-right: var(--dt-space-550) !important;
}

.d-pr32 {
  padding-right: var(--dt-space-600) !important;
}

.d-pr48 {
  padding-right: var(--dt-space-650) !important;
}

.d-pr64 {
  padding-right: var(--dt-space-700) !important;
}

.d-pr96 {
  padding-right: var(--dt-space-750) !important;
}

.d-pr128 {
  padding-right: var(--dt-space-800) !important;
}

.d-pb0 {
  padding-bottom: var(--dt-space-0) !important;
}

.d-pb1 {
  padding-bottom: var(--dt-space-100) !important;
}

.d-pb2 {
  padding-bottom: var(--dt-space-200) !important;
}

.d-pb4 {
  padding-bottom: var(--dt-space-300) !important;
}

.d-pb6 {
  padding-bottom: var(--dt-space-350) !important;
}

.d-pb8 {
  padding-bottom: var(--dt-space-400) !important;
}

.d-pb12 {
  padding-bottom: var(--dt-space-450) !important;
}

.d-pb16 {
  padding-bottom: var(--dt-space-500) !important;
}

.d-pb20 {
  padding-bottom: var(--dt-space-525) !important;
}

.d-pb24 {
  padding-bottom: var(--dt-space-550) !important;
}

.d-pb32 {
  padding-bottom: var(--dt-space-600) !important;
}

.d-pb48 {
  padding-bottom: var(--dt-space-650) !important;
}

.d-pb64 {
  padding-bottom: var(--dt-space-700) !important;
}

.d-pb96 {
  padding-bottom: var(--dt-space-750) !important;
}

.d-pb128 {
  padding-bottom: var(--dt-space-800) !important;
}

.d-pb0 {
  padding-bottom: var(--dt-space-0) !important;
}

.d-pb1 {
  padding-bottom: var(--dt-space-100) !important;
}

.d-pb2 {
  padding-bottom: var(--dt-space-200) !important;
}

.d-pb4 {
  padding-bottom: var(--dt-space-300) !important;
}

.d-pb6 {
  padding-bottom: var(--dt-space-350) !important;
}

.d-pb8 {
  padding-bottom: var(--dt-space-400) !important;
}

.d-pb12 {
  padding-bottom: var(--dt-space-450) !important;
}

.d-pb16 {
  padding-bottom: var(--dt-space-500) !important;
}

.d-pb20 {
  padding-bottom: var(--dt-space-525) !important;
}

.d-pb24 {
  padding-bottom: var(--dt-space-550) !important;
}

.d-pb32 {
  padding-bottom: var(--dt-space-600) !important;
}

.d-pb48 {
  padding-bottom: var(--dt-space-650) !important;
}

.d-pb64 {
  padding-bottom: var(--dt-space-700) !important;
}

.d-pb96 {
  padding-bottom: var(--dt-space-750) !important;
}

.d-pb128 {
  padding-bottom: var(--dt-space-800) !important;
}

.d-pl0 {
  padding-left: var(--dt-space-0) !important;
}

.d-pl1 {
  padding-left: var(--dt-space-100) !important;
}

.d-pl2 {
  padding-left: var(--dt-space-200) !important;
}

.d-pl4 {
  padding-left: var(--dt-space-300) !important;
}

.d-pl6 {
  padding-left: var(--dt-space-350) !important;
}

.d-pl8 {
  padding-left: var(--dt-space-400) !important;
}

.d-pl12 {
  padding-left: var(--dt-space-450) !important;
}

.d-pl16 {
  padding-left: var(--dt-space-500) !important;
}

.d-pl20 {
  padding-left: var(--dt-space-525) !important;
}

.d-pl24 {
  padding-left: var(--dt-space-550) !important;
}

.d-pl32 {
  padding-left: var(--dt-space-600) !important;
}

.d-pl48 {
  padding-left: var(--dt-space-650) !important;
}

.d-pl64 {
  padding-left: var(--dt-space-700) !important;
}

.d-pl96 {
  padding-left: var(--dt-space-750) !important;
}

.d-pl128 {
  padding-left: var(--dt-space-800) !important;
}

.d-pl0 {
  padding-left: var(--dt-space-0) !important;
}

.d-pl1 {
  padding-left: var(--dt-space-100) !important;
}

.d-pl2 {
  padding-left: var(--dt-space-200) !important;
}

.d-pl4 {
  padding-left: var(--dt-space-300) !important;
}

.d-pl6 {
  padding-left: var(--dt-space-350) !important;
}

.d-pl8 {
  padding-left: var(--dt-space-400) !important;
}

.d-pl12 {
  padding-left: var(--dt-space-450) !important;
}

.d-pl16 {
  padding-left: var(--dt-space-500) !important;
}

.d-pl20 {
  padding-left: var(--dt-space-525) !important;
}

.d-pl24 {
  padding-left: var(--dt-space-550) !important;
}

.d-pl32 {
  padding-left: var(--dt-space-600) !important;
}

.d-pl48 {
  padding-left: var(--dt-space-650) !important;
}

.d-pl64 {
  padding-left: var(--dt-space-700) !important;
}

.d-pl96 {
  padding-left: var(--dt-space-750) !important;
}

.d-pl128 {
  padding-left: var(--dt-space-800) !important;
}

/**
 * Do not edit directly, this file was auto-generated.
 */

:root {
  color-scheme: light;
  --dt-radio-size-radius: 50%;
  --dt-avatar-color-background-000-h: 0;
  --dt-avatar-color-background-000-s: 0%;
  --dt-avatar-color-background-000-l: 87.84313725490196%;
  --dt-avatar-color-background-000-a: 100%;
  --dt-avatar-color-background-000-hsl: var(--dt-avatar-color-background-000-h) var(--dt-avatar-color-background-000-s) var(--dt-avatar-color-background-000-l);
  --dt-avatar-color-background-000-hsla: hsl(var(--dt-avatar-color-background-000-h) var(--dt-avatar-color-background-000-s) var(--dt-avatar-color-background-000-l) / var(--alpha, 100%));
  --dt-avatar-color-background-000: #E0E0E0;
  --dt-avatar-color-background-1800-h: 36.20689655172413;
  --dt-avatar-color-background-1800-s: 67.44186046511628%;
  --dt-avatar-color-background-1800-l: 83.13725490196077%;
  --dt-avatar-color-background-1800-a: 100%;
  --dt-avatar-color-background-1800-hsl: var(--dt-avatar-color-background-1800-h) var(--dt-avatar-color-background-1800-s) var(--dt-avatar-color-background-1800-l);
  --dt-avatar-color-background-1800-hsla: hsl(var(--dt-avatar-color-background-1800-h) var(--dt-avatar-color-background-1800-s) var(--dt-avatar-color-background-1800-l) / var(--alpha, 100%));
  --dt-avatar-color-background-1800: #F1DAB7;
  --dt-avatar-color-background-1700-h: 46.70270270270271;
  --dt-avatar-color-background-1700-s: 100%;
  --dt-avatar-color-background-1700-l: 63.725490196078425%;
  --dt-avatar-color-background-1700-a: 100%;
  --dt-avatar-color-background-1700-hsl: var(--dt-avatar-color-background-1700-h) var(--dt-avatar-color-background-1700-s) var(--dt-avatar-color-background-1700-l);
  --dt-avatar-color-background-1700-hsla: hsl(var(--dt-avatar-color-background-1700-h) var(--dt-avatar-color-background-1700-s) var(--dt-avatar-color-background-1700-l) / var(--alpha, 100%));
  --dt-avatar-color-background-1700: #FFD646;
  --dt-avatar-color-background-1600-h: 39.473684210526315;
  --dt-avatar-color-background-1600-s: 100%;
  --dt-avatar-color-background-1600-l: 62.745098039215684%;
  --dt-avatar-color-background-1600-a: 100%;
  --dt-avatar-color-background-1600-hsl: var(--dt-avatar-color-background-1600-h) var(--dt-avatar-color-background-1600-s) var(--dt-avatar-color-background-1600-l);
  --dt-avatar-color-background-1600-hsla: hsl(var(--dt-avatar-color-background-1600-h) var(--dt-avatar-color-background-1600-s) var(--dt-avatar-color-background-1600-l) / var(--alpha, 100%));
  --dt-avatar-color-background-1600: #FFBE41;
  --dt-avatar-color-background-1500-h: 25.128205128205124;
  --dt-avatar-color-background-1500-s: 75.48387096774195%;
  --dt-avatar-color-background-1500-l: 69.6078431372549%;
  --dt-avatar-color-background-1500-a: 100%;
  --dt-avatar-color-background-1500-hsl: var(--dt-avatar-color-background-1500-h) var(--dt-avatar-color-background-1500-s) var(--dt-avatar-color-background-1500-l);
  --dt-avatar-color-background-1500-hsla: hsl(var(--dt-avatar-color-background-1500-h) var(--dt-avatar-color-background-1500-s) var(--dt-avatar-color-background-1500-l) / var(--alpha, 100%));
  --dt-avatar-color-background-1500: #ECA877;
  --dt-avatar-color-background-1400-h: 0;
  --dt-avatar-color-background-1400-s: 89.70588235294117%;
  --dt-avatar-color-background-1400-l: 73.33333333333334%;
  --dt-avatar-color-background-1400-a: 100%;
  --dt-avatar-color-background-1400-hsl: var(--dt-avatar-color-background-1400-h) var(--dt-avatar-color-background-1400-s) var(--dt-avatar-color-background-1400-l);
  --dt-avatar-color-background-1400-hsla: hsl(var(--dt-avatar-color-background-1400-h) var(--dt-avatar-color-background-1400-s) var(--dt-avatar-color-background-1400-l) / var(--alpha, 100%));
  --dt-avatar-color-background-1400: #F87E7E;
  --dt-avatar-color-background-1300-h: 325.6578947368421;
  --dt-avatar-color-background-1300-s: 100%;
  --dt-avatar-color-background-1300-l: 70.19607843137254%;
  --dt-avatar-color-background-1300-a: 100%;
  --dt-avatar-color-background-1300-hsl: var(--dt-avatar-color-background-1300-h) var(--dt-avatar-color-background-1300-s) var(--dt-avatar-color-background-1300-l);
  --dt-avatar-color-background-1300-hsla: hsl(var(--dt-avatar-color-background-1300-h) var(--dt-avatar-color-background-1300-s) var(--dt-avatar-color-background-1300-l) / var(--alpha, 100%));
  --dt-avatar-color-background-1300: #FF67BE;
  --dt-avatar-color-background-1200-h: 324.10256410256414;
  --dt-avatar-color-background-1200-s: 75.48387096774195%;
  --dt-avatar-color-background-1200-l: 69.6078431372549%;
  --dt-avatar-color-background-1200-a: 100%;
  --dt-avatar-color-background-1200-hsl: var(--dt-avatar-color-background-1200-h) var(--dt-avatar-color-background-1200-s) var(--dt-avatar-color-background-1200-l);
  --dt-avatar-color-background-1200-hsla: hsl(var(--dt-avatar-color-background-1200-h) var(--dt-avatar-color-background-1200-s) var(--dt-avatar-color-background-1200-l) / var(--alpha, 100%));
  --dt-avatar-color-background-1200: #EC77BD;
  --dt-avatar-color-background-1100-h: 309.31034482758616;
  --dt-avatar-color-background-1100-s: 67.44186046511628%;
  --dt-avatar-color-background-1100-l: 83.13725490196077%;
  --dt-avatar-color-background-1100-a: 100%;
  --dt-avatar-color-background-1100-hsl: var(--dt-avatar-color-background-1100-h) var(--dt-avatar-color-background-1100-s) var(--dt-avatar-color-background-1100-l);
  --dt-avatar-color-background-1100-hsla: hsl(var(--dt-avatar-color-background-1100-h) var(--dt-avatar-color-background-1100-s) var(--dt-avatar-color-background-1100-l) / var(--alpha, 100%));
  --dt-avatar-color-background-1100: #F1B7E8;
  --dt-avatar-color-background-1000-h: 219.45205479452054;
  --dt-avatar-color-background-1000-s: 100%;
  --dt-avatar-color-background-1000-l: 85.68627450980392%;
  --dt-avatar-color-background-1000-a: 100%;
  --dt-avatar-color-background-1000-hsl: var(--dt-avatar-color-background-1000-h) var(--dt-avatar-color-background-1000-s) var(--dt-avatar-color-background-1000-l);
  --dt-avatar-color-background-1000-hsla: hsl(var(--dt-avatar-color-background-1000-h) var(--dt-avatar-color-background-1000-s) var(--dt-avatar-color-background-1000-l) / var(--alpha, 100%));
  --dt-avatar-color-background-1000: #B6CFFF;
  --dt-avatar-color-background-900-h: 212.60115606936415;
  --dt-avatar-color-background-900-s: 98.85714285714286%;
  --dt-avatar-color-background-900-l: 65.68627450980392%;
  --dt-avatar-color-background-900-a: 100%;
  --dt-avatar-color-background-900-hsl: var(--dt-avatar-color-background-900-h) var(--dt-avatar-color-background-900-s) var(--dt-avatar-color-background-900-l);
  --dt-avatar-color-background-900-hsla: hsl(var(--dt-avatar-color-background-900-h) var(--dt-avatar-color-background-900-s) var(--dt-avatar-color-background-900-l) / var(--alpha, 100%));
  --dt-avatar-color-background-900: #51A0FE;
  --dt-avatar-color-background-800-h: 194.11764705882354;
  --dt-avatar-color-background-800-s: 100%;
  --dt-avatar-color-background-800-l: 80%;
  --dt-avatar-color-background-800-a: 100%;
  --dt-avatar-color-background-800-hsl: var(--dt-avatar-color-background-800-h) var(--dt-avatar-color-background-800-s) var(--dt-avatar-color-background-800-l);
  --dt-avatar-color-background-800-hsla: hsl(var(--dt-avatar-color-background-800-h) var(--dt-avatar-color-background-800-s) var(--dt-avatar-color-background-800-l) / var(--alpha, 100%));
  --dt-avatar-color-background-800: #99E7FF;
  --dt-avatar-color-background-700-h: 194.53416149068323;
  --dt-avatar-color-background-700-s: 100%;
  --dt-avatar-color-background-700-l: 68.43137254901961%;
  --dt-avatar-color-background-700-a: 100%;
  --dt-avatar-color-background-700-hsl: var(--dt-avatar-color-background-700-h) var(--dt-avatar-color-background-700-s) var(--dt-avatar-color-background-700-l);
  --dt-avatar-color-background-700-hsla: hsl(var(--dt-avatar-color-background-700-h) var(--dt-avatar-color-background-700-s) var(--dt-avatar-color-background-700-l) / var(--alpha, 100%));
  --dt-avatar-color-background-700: #5ED8FF;
  --dt-avatar-color-background-600-h: 187.17948717948718;
  --dt-avatar-color-background-600-s: 75.48387096774195%;
  --dt-avatar-color-background-600-l: 69.6078431372549%;
  --dt-avatar-color-background-600-a: 100%;
  --dt-avatar-color-background-600-hsl: var(--dt-avatar-color-background-600-h) var(--dt-avatar-color-background-600-s) var(--dt-avatar-color-background-600-l);
  --dt-avatar-color-background-600-hsla: hsl(var(--dt-avatar-color-background-600-h) var(--dt-avatar-color-background-600-s) var(--dt-avatar-color-background-600-l) / var(--alpha, 100%));
  --dt-avatar-color-background-600: #77DEEC;
  --dt-avatar-color-background-500-h: 154.9565217391304;
  --dt-avatar-color-background-500-s: 76.15894039735099%;
  --dt-avatar-color-background-500-l: 70.3921568627451%;
  --dt-avatar-color-background-500-a: 100%;
  --dt-avatar-color-background-500-hsl: var(--dt-avatar-color-background-500-h) var(--dt-avatar-color-background-500-s) var(--dt-avatar-color-background-500-l);
  --dt-avatar-color-background-500-hsla: hsl(var(--dt-avatar-color-background-500-h) var(--dt-avatar-color-background-500-s) var(--dt-avatar-color-background-500-l) / var(--alpha, 100%));
  --dt-avatar-color-background-500: #7AEDBD;
  --dt-avatar-color-background-400-h: 144.1025641025641;
  --dt-avatar-color-background-400-s: 75.48387096774195%;
  --dt-avatar-color-background-400-l: 69.6078431372549%;
  --dt-avatar-color-background-400-a: 100%;
  --dt-avatar-color-background-400-hsl: var(--dt-avatar-color-background-400-h) var(--dt-avatar-color-background-400-s) var(--dt-avatar-color-background-400-l);
  --dt-avatar-color-background-400-hsla: hsl(var(--dt-avatar-color-background-400-h) var(--dt-avatar-color-background-400-s) var(--dt-avatar-color-background-400-l) / var(--alpha, 100%));
  --dt-avatar-color-background-400: #77ECA6;
  --dt-avatar-color-background-300-h: 97.3469387755102;
  --dt-avatar-color-background-300-s: 69.99999999999999%;
  --dt-avatar-color-background-300-l: 72.54901960784314%;
  --dt-avatar-color-background-300-a: 100%;
  --dt-avatar-color-background-300-hsl: var(--dt-avatar-color-background-300-h) var(--dt-avatar-color-background-300-s) var(--dt-avatar-color-background-300-l);
  --dt-avatar-color-background-300-hsla: hsl(var(--dt-avatar-color-background-300-h) var(--dt-avatar-color-background-300-s) var(--dt-avatar-color-background-300-l) / var(--alpha, 100%));
  --dt-avatar-color-background-300: #ADEA88;
  --dt-avatar-color-background-200-h: 101.12903225806451;
  --dt-avatar-color-background-200-s: 100%;
  --dt-avatar-color-background-200-l: 75.68627450980392%;
  --dt-avatar-color-background-200-a: 100%;
  --dt-avatar-color-background-200-hsl: var(--dt-avatar-color-background-200-h) var(--dt-avatar-color-background-200-s) var(--dt-avatar-color-background-200-l);
  --dt-avatar-color-background-200-hsla: hsl(var(--dt-avatar-color-background-200-h) var(--dt-avatar-color-background-200-s) var(--dt-avatar-color-background-200-l) / var(--alpha, 100%));
  --dt-avatar-color-background-200: #AAFF83;
  --dt-avatar-color-background-100-h: 136.64233576642334;
  --dt-avatar-color-background-100-s: 72.4867724867725%;
  --dt-avatar-color-background-100-l: 37.05882352941176%;
  --dt-avatar-color-background-100-a: 100%;
  --dt-avatar-color-background-100-hsl: var(--dt-avatar-color-background-100-h) var(--dt-avatar-color-background-100-s) var(--dt-avatar-color-background-100-l);
  --dt-avatar-color-background-100-hsla: hsl(var(--dt-avatar-color-background-100-h) var(--dt-avatar-color-background-100-s) var(--dt-avatar-color-background-100-l) / var(--alpha, 100%));
  --dt-avatar-color-background-100: #1AA340;
  --dt-radio-color-foreground-default-h: var(--dt-color-neutral-transparent-h);
  --dt-radio-color-foreground-default-s: var(--dt-color-neutral-transparent-s);
  --dt-radio-color-foreground-default-l: var(--dt-color-neutral-transparent-l);
  --dt-radio-color-foreground-default-a: var(--dt-color-neutral-transparent-a);
  --dt-radio-color-foreground-default-hsl: var(--dt-color-neutral-transparent-hsl);
  --dt-radio-color-foreground-default-hsla: var(--dt-color-neutral-transparent-hsla);
  --dt-radio-color-foreground-default: var(--dt-color-neutral-transparent);
  --dt-radio-size-width: var(--dt-size-500);
  --dt-presence-color-offline-h: var(--dt-color-black-500-h);
  --dt-presence-color-offline-s: var(--dt-color-black-500-s);
  --dt-presence-color-offline-l: var(--dt-color-black-500-l);
  --dt-presence-color-offline-a: var(--dt-color-black-500-a);
  --dt-presence-color-offline-hsl: var(--dt-color-black-500-hsl);
  --dt-presence-color-offline-hsla: var(--dt-color-black-500-hsla);
  --dt-presence-color-offline: var(--dt-color-black-500);
  --dt-presence-color-busy-h: var(--dt-color-gold-400-h);
  --dt-presence-color-busy-s: var(--dt-color-gold-400-s);
  --dt-presence-color-busy-l: var(--dt-color-gold-400-l);
  --dt-presence-color-busy-a: var(--dt-color-gold-400-a);
  --dt-presence-color-busy-hsl: var(--dt-color-gold-400-hsl);
  --dt-presence-color-busy-hsla: var(--dt-color-gold-400-hsla);
  --dt-presence-color-busy: var(--dt-color-gold-400);
  --dt-presence-color-unavailable-h: var(--dt-color-red-450-h);
  --dt-presence-color-unavailable-s: var(--dt-color-red-450-s);
  --dt-presence-color-unavailable-l: var(--dt-color-red-450-l);
  --dt-presence-color-unavailable-a: var(--dt-color-red-450-a);
  --dt-presence-color-unavailable-hsl: var(--dt-color-red-450-hsl);
  --dt-presence-color-unavailable-hsla: var(--dt-color-red-450-hsla);
  --dt-presence-color-unavailable: var(--dt-color-red-450);
  --dt-presence-color-available-h: var(--dt-color-green-475-h);
  --dt-presence-color-available-s: var(--dt-color-green-475-s);
  --dt-presence-color-available-l: var(--dt-color-green-475-l);
  --dt-presence-color-available-a: var(--dt-color-green-475-a);
  --dt-presence-color-available-hsl: var(--dt-color-green-475-hsl);
  --dt-presence-color-available-hsla: var(--dt-color-green-475-hsla);
  --dt-presence-color-available: var(--dt-color-green-475);
  --dt-icon-size-border-100: var(--dt-size-border-100);
  --dt-checkbox-color-foreground-default-h: var(--dt-color-neutral-transparent-h);
  --dt-checkbox-color-foreground-default-s: var(--dt-color-neutral-transparent-s);
  --dt-checkbox-color-foreground-default-l: var(--dt-color-neutral-transparent-l);
  --dt-checkbox-color-foreground-default-a: var(--dt-color-neutral-transparent-a);
  --dt-checkbox-color-foreground-default-hsl: var(--dt-color-neutral-transparent-hsl);
  --dt-checkbox-color-foreground-default-hsla: var(--dt-color-neutral-transparent-hsla);
  --dt-checkbox-color-foreground-default: var(--dt-color-neutral-transparent);
  --dt-checkbox-size-width: var(--dt-size-500);
  --dt-button-size-radius-xl: var(--dt-size-radius-500); /* Border radius for extra large button. */
  --dt-button-size-radius-lg: var(--dt-size-radius-450); /* Border radius for large button. */
  --dt-button-size-radius-md: var(--dt-size-radius-400); /* Border radius for medium button. */
  --dt-button-size-radius-sm: var(--dt-size-radius-400); /* Border radius for small button */
  --dt-button-size-radius-xs: var(--dt-size-radius-300); /* Border radius for extra small button */
  --dt-button-line-height-xl: var(--dt-font-line-height-200); /* Line-height for XL button */
  --dt-button-line-height-lg: var(--dt-font-line-height-200); /* Line-height for LG button */
  --dt-button-line-height-md: var(--dt-font-line-height-200); /* Line-height for MD button */
  --dt-button-line-height-sm: var(--dt-font-line-height-200); /* Line-height for SM button */
  --dt-button-line-height-xs: var(--dt-font-line-height-200); /* Line-height for XS button */
  --dt-button-font-weight-xl: var(--dt-font-weight-normal); /* Font weight for XL button */
  --dt-button-font-weight-lg: var(--dt-font-weight-medium); /* Font weight for LG button */
  --dt-button-font-weight-md: var(--dt-font-weight-semi-bold); /* Font weight for MD button */
  --dt-button-font-weight-sm: var(--dt-font-weight-semi-bold); /* Font weight for SM button */
  --dt-button-font-weight-xs: var(--dt-font-weight-semi-bold); /* Font weight for XS button */
  --dt-badge-color-border-bulletin-subtle-h: 255;
  --dt-badge-color-border-bulletin-subtle-s: 100%;
  --dt-badge-color-border-bulletin-subtle-l: 66.1%;
  --dt-badge-color-border-bulletin-subtle-a: 50%;
  --dt-badge-color-border-bulletin-subtle-hsl: var(--dt-badge-color-border-bulletin-subtle-h) var(--dt-badge-color-border-bulletin-subtle-s) var(--dt-badge-color-border-bulletin-subtle-l);
  --dt-badge-color-border-bulletin-subtle-hsla: hsl(var(--dt-badge-color-border-bulletin-subtle-h) var(--dt-badge-color-border-bulletin-subtle-s) var(--dt-badge-color-border-bulletin-subtle-l) / var(--alpha, 50%));
  --dt-badge-color-border-bulletin-subtle: hsl(255 100% 66.1% / 0.5);
  --dt-badge-color-foreground-ai-h: var(--dt-color-neutral-white-h);
  --dt-badge-color-foreground-ai-s: var(--dt-color-neutral-white-s);
  --dt-badge-color-foreground-ai-l: var(--dt-color-neutral-white-l);
  --dt-badge-color-foreground-ai-a: var(--dt-color-neutral-white-a);
  --dt-badge-color-foreground-ai-hsl: var(--dt-color-neutral-white-hsl);
  --dt-badge-color-foreground-ai-hsla: var(--dt-color-neutral-white-hsla);
  --dt-badge-color-foreground-ai: var(--dt-color-neutral-white);
  --dt-badge-color-foreground-bulletin-subtle-h: var(--dt-color-purple-550-h);
  --dt-badge-color-foreground-bulletin-subtle-s: var(--dt-color-purple-550-s);
  --dt-badge-color-foreground-bulletin-subtle-l: var(--dt-color-purple-550-l);
  --dt-badge-color-foreground-bulletin-subtle-a: var(--dt-color-purple-550-a);
  --dt-badge-color-foreground-bulletin-subtle-hsl: var(--dt-color-purple-550-hsl);
  --dt-badge-color-foreground-bulletin-subtle-hsla: var(--dt-color-purple-550-hsla);
  --dt-badge-color-foreground-bulletin-subtle: var(--dt-color-purple-550);
  --dt-badge-color-foreground-bulletin-h: var(--dt-color-black-50-h);
  --dt-badge-color-foreground-bulletin-s: var(--dt-color-black-50-s);
  --dt-badge-color-foreground-bulletin-l: var(--dt-color-black-50-l);
  --dt-badge-color-foreground-bulletin-a: var(--dt-color-black-50-a);
  --dt-badge-color-foreground-bulletin-hsl: var(--dt-color-black-50-hsl);
  --dt-badge-color-foreground-bulletin-hsla: var(--dt-color-black-50-hsla);
  --dt-badge-color-foreground-bulletin: var(--dt-color-black-50);
  --dt-badge-color-foreground-default-h: var(--dt-color-black-1000-h);
  --dt-badge-color-foreground-default-s: var(--dt-color-black-1000-s);
  --dt-badge-color-foreground-default-l: var(--dt-color-black-1000-l);
  --dt-badge-color-foreground-default-a: var(--dt-color-black-1000-a);
  --dt-badge-color-foreground-default-hsl: var(--dt-color-black-1000-hsl);
  --dt-badge-color-foreground-default-hsla: var(--dt-color-black-1000-hsla);
  --dt-badge-color-foreground-default: var(--dt-color-black-1000);
  --dt-badge-color-background-ai: var(--dt-color-gradient-gold-red-magenta-purple);
  --dt-badge-color-background-bulletin-subtle-h: var(--dt-color-purple-200-h);
  --dt-badge-color-background-bulletin-subtle-s: var(--dt-color-purple-200-s);
  --dt-badge-color-background-bulletin-subtle-l: var(--dt-color-purple-200-l);
  --dt-badge-color-background-bulletin-subtle-a: var(--dt-color-purple-200-a);
  --dt-badge-color-background-bulletin-subtle-hsl: var(--dt-color-purple-200-hsl);
  --dt-badge-color-background-bulletin-subtle-hsla: var(--dt-color-purple-200-hsla);
  --dt-badge-color-background-bulletin-subtle: var(--dt-color-purple-200);
  --dt-badge-color-background-critical-h: var(--dt-color-red-200-h);
  --dt-badge-color-background-critical-s: var(--dt-color-red-200-s);
  --dt-badge-color-background-critical-l: var(--dt-color-red-200-l);
  --dt-badge-color-background-critical-a: var(--dt-color-red-200-a);
  --dt-badge-color-background-critical-hsl: var(--dt-color-red-200-hsl);
  --dt-badge-color-background-critical-hsla: var(--dt-color-red-200-hsla);
  --dt-badge-color-background-critical: var(--dt-color-red-200);
  --dt-badge-color-background-warning-h: var(--dt-color-gold-200-h);
  --dt-badge-color-background-warning-s: var(--dt-color-gold-200-s);
  --dt-badge-color-background-warning-l: var(--dt-color-gold-200-l);
  --dt-badge-color-background-warning-a: var(--dt-color-gold-200-a);
  --dt-badge-color-background-warning-hsl: var(--dt-color-gold-200-hsl);
  --dt-badge-color-background-warning-hsla: var(--dt-color-gold-200-hsla);
  --dt-badge-color-background-warning: var(--dt-color-gold-200);
  --dt-badge-color-background-success-h: var(--dt-color-green-200-h);
  --dt-badge-color-background-success-s: var(--dt-color-green-200-s);
  --dt-badge-color-background-success-l: var(--dt-color-green-200-l);
  --dt-badge-color-background-success-a: var(--dt-color-green-200-a);
  --dt-badge-color-background-success-hsl: var(--dt-color-green-200-hsl);
  --dt-badge-color-background-success-hsla: var(--dt-color-green-200-hsla);
  --dt-badge-color-background-success: var(--dt-color-green-200);
  --dt-badge-color-background-info-h: var(--dt-color-blue-200-h);
  --dt-badge-color-background-info-s: var(--dt-color-blue-200-s);
  --dt-badge-color-background-info-l: var(--dt-color-blue-200-l);
  --dt-badge-color-background-info-a: var(--dt-color-blue-200-a);
  --dt-badge-color-background-info-hsl: var(--dt-color-blue-200-hsl);
  --dt-badge-color-background-info-hsla: var(--dt-color-blue-200-hsla);
  --dt-badge-color-background-info: var(--dt-color-blue-200);
  --dt-avatar-color-foreground-h: var(--dt-color-neutral-black-h);
  --dt-avatar-color-foreground-s: var(--dt-color-neutral-black-s);
  --dt-avatar-color-foreground-l: var(--dt-color-neutral-black-l);
  --dt-avatar-color-foreground-a: var(--dt-color-neutral-black-a);
  --dt-avatar-color-foreground-hsl: var(--dt-color-neutral-black-hsl);
  --dt-avatar-color-foreground-hsla: var(--dt-color-neutral-black-hsla);
  --dt-avatar-color-foreground: var(--dt-color-neutral-black);
  --dt-shell-logo-color-wordmark-h: var(--dt-color-purple-1000-h);
  --dt-shell-logo-color-wordmark-s: var(--dt-color-purple-1000-s);
  --dt-shell-logo-color-wordmark-l: var(--dt-color-purple-1000-l);
  --dt-shell-logo-color-wordmark-a: var(--dt-color-purple-1000-a);
  --dt-shell-logo-color-wordmark-hsl: var(--dt-color-purple-1000-hsl);
  --dt-shell-logo-color-wordmark-hsla: var(--dt-color-purple-1000-hsla);
  --dt-shell-logo-color-wordmark: var(--dt-color-purple-1000);
  --dt-shell-logo-color-star-h: var(--dt-color-purple-400-h);
  --dt-shell-logo-color-star-s: var(--dt-color-purple-400-s);
  --dt-shell-logo-color-star-l: var(--dt-color-purple-400-l);
  --dt-shell-logo-color-star-a: var(--dt-color-purple-400-a);
  --dt-shell-logo-color-star-hsl: var(--dt-color-purple-400-hsl);
  --dt-shell-logo-color-star-hsla: var(--dt-color-purple-400-hsla);
  --dt-shell-logo-color-star: var(--dt-color-purple-400);
  --dt-shell-mention-color-foreground-secondary-h: var(--dt-color-black-100-h);
  --dt-shell-mention-color-foreground-secondary-s: var(--dt-color-black-100-s);
  --dt-shell-mention-color-foreground-secondary-l: var(--dt-color-black-100-l);
  --dt-shell-mention-color-foreground-secondary-a: var(--dt-color-black-100-a);
  --dt-shell-mention-color-foreground-secondary-hsl: var(--dt-color-black-100-hsl);
  --dt-shell-mention-color-foreground-secondary-hsla: var(--dt-color-black-100-hsla);
  --dt-shell-mention-color-foreground-secondary: var(--dt-color-black-100);
  --dt-shell-mention-color-foreground-primary-h: var(--dt-color-black-50-h);
  --dt-shell-mention-color-foreground-primary-s: var(--dt-color-black-50-s);
  --dt-shell-mention-color-foreground-primary-l: var(--dt-color-black-50-l);
  --dt-shell-mention-color-foreground-primary-a: var(--dt-color-black-50-a);
  --dt-shell-mention-color-foreground-primary-hsl: var(--dt-color-black-50-hsl);
  --dt-shell-mention-color-foreground-primary-hsla: var(--dt-color-black-50-hsla);
  --dt-shell-mention-color-foreground-primary: var(--dt-color-black-50);
  --dt-shell-base-color-status-away-h: var(--dt-color-black-500-h);
  --dt-shell-base-color-status-away-s: var(--dt-color-black-500-s);
  --dt-shell-base-color-status-away-l: var(--dt-color-black-500-l);
  --dt-shell-base-color-status-away-a: var(--dt-color-black-500-a);
  --dt-shell-base-color-status-away-hsl: var(--dt-color-black-500-hsl);
  --dt-shell-base-color-status-away-hsla: var(--dt-color-black-500-hsla);
  --dt-shell-base-color-status-away: var(--dt-color-black-500);
  --dt-shell-base-color-status-warning-h: var(--dt-color-gold-500-h);
  --dt-shell-base-color-status-warning-s: var(--dt-color-gold-500-s);
  --dt-shell-base-color-status-warning-l: var(--dt-color-gold-500-l);
  --dt-shell-base-color-status-warning-a: var(--dt-color-gold-500-a);
  --dt-shell-base-color-status-warning-hsl: var(--dt-color-gold-500-hsl);
  --dt-shell-base-color-status-warning-hsla: var(--dt-color-gold-500-hsla);
  --dt-shell-base-color-status-warning: var(--dt-color-gold-500);
  --dt-shell-base-color-status-critical-h: var(--dt-color-red-500-h);
  --dt-shell-base-color-status-critical-s: var(--dt-color-red-500-s);
  --dt-shell-base-color-status-critical-l: var(--dt-color-red-500-l);
  --dt-shell-base-color-status-critical-a: var(--dt-color-red-500-a);
  --dt-shell-base-color-status-critical-hsl: var(--dt-color-red-500-hsl);
  --dt-shell-base-color-status-critical-hsla: var(--dt-color-red-500-hsla);
  --dt-shell-base-color-status-critical: var(--dt-color-red-500);
  --dt-shell-base-color-status-positive-h: var(--dt-color-green-425-h);
  --dt-shell-base-color-status-positive-s: var(--dt-color-green-425-s);
  --dt-shell-base-color-status-positive-l: var(--dt-color-green-425-l);
  --dt-shell-base-color-status-positive-a: var(--dt-color-green-425-a);
  --dt-shell-base-color-status-positive-hsl: var(--dt-color-green-425-hsl);
  --dt-shell-base-color-status-positive-hsla: var(--dt-color-green-425-hsla);
  --dt-shell-base-color-status-positive: var(--dt-color-green-425);
  --dt-shell-base-color-action-h: var(--dt-color-black-800-h);
  --dt-shell-base-color-action-s: var(--dt-color-black-800-s);
  --dt-shell-base-color-action-l: var(--dt-color-black-800-l);
  --dt-shell-base-color-action-a: var(--dt-color-black-800-a);
  --dt-shell-base-color-action-hsl: var(--dt-color-black-800-hsl);
  --dt-shell-base-color-action-hsla: var(--dt-color-black-800-hsla);
  --dt-shell-base-color-action: var(--dt-color-black-800);
  --dt-shell-base-color-border-h: var(--dt-color-black-900-h);
  --dt-shell-base-color-border-s: var(--dt-color-black-900-s);
  --dt-shell-base-color-border-l: var(--dt-color-black-900-l);
  --dt-shell-base-color-border-a: var(--dt-color-black-900-a);
  --dt-shell-base-color-border-hsl: var(--dt-color-black-900-hsl);
  --dt-shell-base-color-border-hsla: var(--dt-color-black-900-hsla);
  --dt-shell-base-color-border: var(--dt-color-black-900);
  --dt-shell-base-color-foreground-h: var(--dt-color-black-900-h);
  --dt-shell-base-color-foreground-s: var(--dt-color-black-900-s);
  --dt-shell-base-color-foreground-l: var(--dt-color-black-900-l);
  --dt-shell-base-color-foreground-a: var(--dt-color-black-900-a);
  --dt-shell-base-color-foreground-hsl: var(--dt-color-black-900-hsl);
  --dt-shell-base-color-foreground-hsla: var(--dt-color-black-900-hsla);
  --dt-shell-base-color-foreground: var(--dt-color-black-900);
  --dt-theme-mention-color-background-strong-h: var(--dt-color-purple-550-h);
  --dt-theme-mention-color-background-strong-s: var(--dt-color-purple-550-s);
  --dt-theme-mention-color-background-strong-l: var(--dt-color-purple-550-l);
  --dt-theme-mention-color-background-strong-a: var(--dt-color-purple-550-a);
  --dt-theme-mention-color-background-strong-hsl: var(--dt-color-purple-550-hsl);
  --dt-theme-mention-color-background-strong-hsla: var(--dt-color-purple-550-hsla);
  --dt-theme-mention-color-background-strong: var(--dt-color-purple-550);
  --dt-theme-mention-color-foreground-h: var(--dt-color-black-50-h);
  --dt-theme-mention-color-foreground-s: var(--dt-color-black-50-s);
  --dt-theme-mention-color-foreground-l: var(--dt-color-black-50-l);
  --dt-theme-mention-color-foreground-a: var(--dt-color-black-50-a);
  --dt-theme-mention-color-foreground-hsl: var(--dt-color-black-50-hsl);
  --dt-theme-mention-color-foreground-hsla: var(--dt-color-black-50-hsla);
  --dt-theme-mention-color-foreground: var(--dt-color-black-50);
  --dt-theme-presence-color-background-offline-h: var(--dt-color-black-500-h);
  --dt-theme-presence-color-background-offline-s: var(--dt-color-black-500-s);
  --dt-theme-presence-color-background-offline-l: var(--dt-color-black-500-l);
  --dt-theme-presence-color-background-offline-a: var(--dt-color-black-500-a);
  --dt-theme-presence-color-background-offline-hsl: var(--dt-color-black-500-hsl);
  --dt-theme-presence-color-background-offline-hsla: var(--dt-color-black-500-hsla);
  --dt-theme-presence-color-background-offline: var(--dt-color-black-500);
  --dt-theme-presence-color-background-busy-h: var(--dt-color-gold-500-h);
  --dt-theme-presence-color-background-busy-s: var(--dt-color-gold-500-s);
  --dt-theme-presence-color-background-busy-l: var(--dt-color-gold-500-l);
  --dt-theme-presence-color-background-busy-a: var(--dt-color-gold-500-a);
  --dt-theme-presence-color-background-busy-hsl: var(--dt-color-gold-500-hsl);
  --dt-theme-presence-color-background-busy-hsla: var(--dt-color-gold-500-hsla);
  --dt-theme-presence-color-background-busy: var(--dt-color-gold-500);
  --dt-theme-presence-color-background-busy-unavailable-h: var(--dt-color-red-500-h);
  --dt-theme-presence-color-background-busy-unavailable-s: var(--dt-color-red-500-s);
  --dt-theme-presence-color-background-busy-unavailable-l: var(--dt-color-red-500-l);
  --dt-theme-presence-color-background-busy-unavailable-a: var(--dt-color-red-500-a);
  --dt-theme-presence-color-background-busy-unavailable-hsl: var(--dt-color-red-500-hsl);
  --dt-theme-presence-color-background-busy-unavailable-hsla: var(--dt-color-red-500-hsla);
  --dt-theme-presence-color-background-busy-unavailable: var(--dt-color-red-500);
  --dt-theme-presence-color-background-available-h: var(--dt-color-green-425-h);
  --dt-theme-presence-color-background-available-s: var(--dt-color-green-425-s);
  --dt-theme-presence-color-background-available-l: var(--dt-color-green-425-l);
  --dt-theme-presence-color-background-available-a: var(--dt-color-green-425-a);
  --dt-theme-presence-color-background-available-hsl: var(--dt-color-green-425-hsl);
  --dt-theme-presence-color-background-available-hsla: var(--dt-color-green-425-hsla);
  --dt-theme-presence-color-background-available: var(--dt-color-green-425);
  --dt-theme-color-base-h: var(--dt-color-black-900-h);
  --dt-theme-color-base-s: var(--dt-color-black-900-s);
  --dt-theme-color-base-l: var(--dt-color-black-900-l);
  --dt-theme-color-base-a: var(--dt-color-black-900-a);
  --dt-theme-color-base-hsl: var(--dt-color-black-900-hsl);
  --dt-theme-color-base-hsla: var(--dt-color-black-900-hsla);
  --dt-theme-color-base: var(--dt-color-black-900);
  --dt-action-color-background-positive-primary-hover-h: var(--dt-color-green-500-h);
  --dt-action-color-background-positive-primary-hover-s: var(--dt-color-green-500-s);
  --dt-action-color-background-positive-primary-hover-l: var(--dt-color-green-500-l);
  --dt-action-color-background-positive-primary-hover-a: var(--dt-color-green-500-a);
  --dt-action-color-background-positive-primary-hover-hsl: var(--dt-color-green-500-hsl);
  --dt-action-color-background-positive-primary-hover-hsla: var(--dt-color-green-500-hsla);
  --dt-action-color-background-positive-primary-hover: var(--dt-color-green-500);
  --dt-action-color-background-positive-primary-default-h: var(--dt-color-green-475-h);
  --dt-action-color-background-positive-primary-default-s: var(--dt-color-green-475-s);
  --dt-action-color-background-positive-primary-default-l: var(--dt-color-green-475-l);
  --dt-action-color-background-positive-primary-default-a: var(--dt-color-green-475-a);
  --dt-action-color-background-positive-primary-default-hsl: var(--dt-color-green-475-hsl);
  --dt-action-color-background-positive-primary-default-hsla: var(--dt-color-green-475-hsla);
  --dt-action-color-background-positive-primary-default: var(--dt-color-green-475); /* Postive, accepting, or success actions. */
  --dt-action-color-background-positive-default-h: var(--dt-color-neutral-transparent-h);
  --dt-action-color-background-positive-default-s: var(--dt-color-neutral-transparent-s);
  --dt-action-color-background-positive-default-l: var(--dt-color-neutral-transparent-l);
  --dt-action-color-background-positive-default-a: var(--dt-color-neutral-transparent-a);
  --dt-action-color-background-positive-default-hsl: var(--dt-color-neutral-transparent-hsl);
  --dt-action-color-background-positive-default-hsla: var(--dt-color-neutral-transparent-hsla);
  --dt-action-color-background-positive-default: var(--dt-color-neutral-transparent);
  --dt-action-color-background-muted-default-h: var(--dt-color-neutral-transparent-h);
  --dt-action-color-background-muted-default-s: var(--dt-color-neutral-transparent-s);
  --dt-action-color-background-muted-default-l: var(--dt-color-neutral-transparent-l);
  --dt-action-color-background-muted-default-a: var(--dt-color-neutral-transparent-a);
  --dt-action-color-background-muted-default-hsl: var(--dt-color-neutral-transparent-hsl);
  --dt-action-color-background-muted-default-hsla: var(--dt-color-neutral-transparent-hsla);
  --dt-action-color-background-muted-default: var(--dt-color-neutral-transparent);
  --dt-action-color-background-inverted-primary-active-h: var(--dt-color-purple-200-h);
  --dt-action-color-background-inverted-primary-active-s: var(--dt-color-purple-200-s);
  --dt-action-color-background-inverted-primary-active-l: var(--dt-color-purple-200-l);
  --dt-action-color-background-inverted-primary-active-a: var(--dt-color-purple-200-a);
  --dt-action-color-background-inverted-primary-active-hsl: var(--dt-color-purple-200-hsl);
  --dt-action-color-background-inverted-primary-active-hsla: var(--dt-color-purple-200-hsla);
  --dt-action-color-background-inverted-primary-active: var(--dt-color-purple-200);
  --dt-action-color-background-inverted-primary-default-h: var(--dt-color-black-100-h);
  --dt-action-color-background-inverted-primary-default-s: var(--dt-color-black-100-s);
  --dt-action-color-background-inverted-primary-default-l: var(--dt-color-black-100-l);
  --dt-action-color-background-inverted-primary-default-a: var(--dt-color-black-100-a);
  --dt-action-color-background-inverted-primary-default-hsl: var(--dt-color-black-100-hsl);
  --dt-action-color-background-inverted-primary-default-hsla: var(--dt-color-black-100-hsla);
  --dt-action-color-background-inverted-primary-default: var(--dt-color-black-100);
  --dt-action-color-background-inverted-default-h: var(--dt-color-neutral-transparent-h);
  --dt-action-color-background-inverted-default-s: var(--dt-color-neutral-transparent-s);
  --dt-action-color-background-inverted-default-l: var(--dt-color-neutral-transparent-l);
  --dt-action-color-background-inverted-default-a: var(--dt-color-neutral-transparent-a);
  --dt-action-color-background-inverted-default-hsl: var(--dt-color-neutral-transparent-hsl);
  --dt-action-color-background-inverted-default-hsla: var(--dt-color-neutral-transparent-hsla);
  --dt-action-color-background-inverted-default: var(--dt-color-neutral-transparent);
  --dt-action-color-background-critical-primary-active-h: var(--dt-color-red-500-h);
  --dt-action-color-background-critical-primary-active-s: var(--dt-color-red-500-s);
  --dt-action-color-background-critical-primary-active-l: var(--dt-color-red-500-l);
  --dt-action-color-background-critical-primary-active-a: var(--dt-color-red-500-a);
  --dt-action-color-background-critical-primary-active-hsl: var(--dt-color-red-500-hsl);
  --dt-action-color-background-critical-primary-active-hsla: var(--dt-color-red-500-hsla);
  --dt-action-color-background-critical-primary-active: var(--dt-color-red-500);
  --dt-action-color-background-critical-primary-hover-h: var(--dt-color-red-450-h);
  --dt-action-color-background-critical-primary-hover-s: var(--dt-color-red-450-s);
  --dt-action-color-background-critical-primary-hover-l: var(--dt-color-red-450-l);
  --dt-action-color-background-critical-primary-hover-a: var(--dt-color-red-450-a);
  --dt-action-color-background-critical-primary-hover-hsl: var(--dt-color-red-450-hsl);
  --dt-action-color-background-critical-primary-hover-hsla: var(--dt-color-red-450-hsla);
  --dt-action-color-background-critical-primary-hover: var(--dt-color-red-450);
  --dt-action-color-background-critical-primary-default-h: var(--dt-color-red-400-h);
  --dt-action-color-background-critical-primary-default-s: var(--dt-color-red-400-s);
  --dt-action-color-background-critical-primary-default-l: var(--dt-color-red-400-l);
  --dt-action-color-background-critical-primary-default-a: var(--dt-color-red-400-a);
  --dt-action-color-background-critical-primary-default-hsl: var(--dt-color-red-400-hsl);
  --dt-action-color-background-critical-primary-default-hsla: var(--dt-color-red-400-hsla);
  --dt-action-color-background-critical-primary-default: var(--dt-color-red-400);
  --dt-action-color-background-critical-default-h: var(--dt-color-neutral-transparent-h);
  --dt-action-color-background-critical-default-s: var(--dt-color-neutral-transparent-s);
  --dt-action-color-background-critical-default-l: var(--dt-color-neutral-transparent-l);
  --dt-action-color-background-critical-default-a: var(--dt-color-neutral-transparent-a);
  --dt-action-color-background-critical-default-hsl: var(--dt-color-neutral-transparent-hsl);
  --dt-action-color-background-critical-default-hsla: var(--dt-color-neutral-transparent-hsla);
  --dt-action-color-background-critical-default: var(--dt-color-neutral-transparent);
  --dt-action-color-background-base-primary-active-h: var(--dt-color-purple-500-h);
  --dt-action-color-background-base-primary-active-s: var(--dt-color-purple-500-s);
  --dt-action-color-background-base-primary-active-l: var(--dt-color-purple-500-l);
  --dt-action-color-background-base-primary-active-a: var(--dt-color-purple-500-a);
  --dt-action-color-background-base-primary-active-hsl: var(--dt-color-purple-500-hsl);
  --dt-action-color-background-base-primary-active-hsla: var(--dt-color-purple-500-hsla);
  --dt-action-color-background-base-primary-active: var(--dt-color-purple-500);
  --dt-action-color-background-base-primary-hover-h: var(--dt-color-purple-450-h);
  --dt-action-color-background-base-primary-hover-s: var(--dt-color-purple-450-s);
  --dt-action-color-background-base-primary-hover-l: var(--dt-color-purple-450-l);
  --dt-action-color-background-base-primary-hover-a: var(--dt-color-purple-450-a);
  --dt-action-color-background-base-primary-hover-hsl: var(--dt-color-purple-450-hsl);
  --dt-action-color-background-base-primary-hover-hsla: var(--dt-color-purple-450-hsla);
  --dt-action-color-background-base-primary-hover: var(--dt-color-purple-450);
  --dt-action-color-background-base-primary-default-h: var(--dt-color-purple-400-h);
  --dt-action-color-background-base-primary-default-s: var(--dt-color-purple-400-s);
  --dt-action-color-background-base-primary-default-l: var(--dt-color-purple-400-l);
  --dt-action-color-background-base-primary-default-a: var(--dt-color-purple-400-a);
  --dt-action-color-background-base-primary-default-hsl: var(--dt-color-purple-400-hsl);
  --dt-action-color-background-base-primary-default-hsla: var(--dt-color-purple-400-hsla);
  --dt-action-color-background-base-primary-default: var(--dt-color-purple-400);
  --dt-action-color-background-base-default-h: var(--dt-color-neutral-transparent-h);
  --dt-action-color-background-base-default-s: var(--dt-color-neutral-transparent-s);
  --dt-action-color-background-base-default-l: var(--dt-color-neutral-transparent-l);
  --dt-action-color-background-base-default-a: var(--dt-color-neutral-transparent-a);
  --dt-action-color-background-base-default-hsl: var(--dt-color-neutral-transparent-hsl);
  --dt-action-color-background-base-default-hsla: var(--dt-color-neutral-transparent-hsla);
  --dt-action-color-background-base-default: var(--dt-color-neutral-transparent);
  --dt-action-color-foreground-positive-primary-default-h: var(--dt-color-black-50-h);
  --dt-action-color-foreground-positive-primary-default-s: var(--dt-color-black-50-s);
  --dt-action-color-foreground-positive-primary-default-l: var(--dt-color-black-50-l);
  --dt-action-color-foreground-positive-primary-default-a: var(--dt-color-black-50-a);
  --dt-action-color-foreground-positive-primary-default-hsl: var(--dt-color-black-50-hsl);
  --dt-action-color-foreground-positive-primary-default-hsla: var(--dt-color-black-50-hsla);
  --dt-action-color-foreground-positive-primary-default: var(--dt-color-black-50);
  --dt-action-color-foreground-critical-primary-default-h: var(--dt-color-black-50-h);
  --dt-action-color-foreground-critical-primary-default-s: var(--dt-color-black-50-s);
  --dt-action-color-foreground-critical-primary-default-l: var(--dt-color-black-50-l);
  --dt-action-color-foreground-critical-primary-default-a: var(--dt-color-black-50-a);
  --dt-action-color-foreground-critical-primary-default-hsl: var(--dt-color-black-50-hsl);
  --dt-action-color-foreground-critical-primary-default-hsla: var(--dt-color-black-50-hsla);
  --dt-action-color-foreground-critical-primary-default: var(--dt-color-black-50);
  --dt-action-color-foreground-base-primary-default-h: var(--dt-color-black-50-h);
  --dt-action-color-foreground-base-primary-default-s: var(--dt-color-black-50-s);
  --dt-action-color-foreground-base-primary-default-l: var(--dt-color-black-50-l);
  --dt-action-color-foreground-base-primary-default-a: var(--dt-color-black-50-a);
  --dt-action-color-foreground-base-primary-default-hsl: var(--dt-color-black-50-hsl);
  --dt-action-color-foreground-base-primary-default-hsla: var(--dt-color-black-50-hsla);
  --dt-action-color-foreground-base-primary-default: var(--dt-color-black-50);
  --dt-inputs-color-background-focus-h: var(--dt-color-black-100-h);
  --dt-inputs-color-background-focus-s: var(--dt-color-black-100-s);
  --dt-inputs-color-background-focus-l: var(--dt-color-black-100-l);
  --dt-inputs-color-background-focus-a: var(--dt-color-black-100-a);
  --dt-inputs-color-background-focus-hsl: var(--dt-color-black-100-hsl);
  --dt-inputs-color-background-focus-hsla: var(--dt-color-black-100-hsla);
  --dt-inputs-color-background-focus: var(--dt-color-black-100);
  --dt-inputs-color-border-disabled-h: var(--dt-color-neutral-transparent-h);
  --dt-inputs-color-border-disabled-s: var(--dt-color-neutral-transparent-s);
  --dt-inputs-color-border-disabled-l: var(--dt-color-neutral-transparent-l);
  --dt-inputs-color-border-disabled-a: var(--dt-color-neutral-transparent-a);
  --dt-inputs-color-border-disabled-hsl: var(--dt-color-neutral-transparent-hsl);
  --dt-inputs-color-border-disabled-hsla: var(--dt-color-neutral-transparent-hsla);
  --dt-inputs-color-border-disabled: var(--dt-color-neutral-transparent);
  --dt-inputs-font-weight-xl: var(--dt-font-weight-normal); /* Font weight for extra large inputs (e.g. input and textarea) */
  --dt-inputs-font-weight-lg: var(--dt-font-weight-normal); /* Font weight for large inputs (e.g. input and textarea) */
  --dt-inputs-font-weight-md: var(--dt-font-weight-normal); /* Font weight for medium inputs (e.g. input and textarea) */
  --dt-inputs-font-weight-sm: var(--dt-font-weight-normal); /* Font weight for small inputs (e.g. input and textarea) */
  --dt-inputs-font-weight-xs: var(--dt-font-weight-normal); /* Font weight for extra small inputs (e.g. input and textarea) */
  --dt-inputs-line-height-xl: var(--dt-font-line-height-200); /* Line height for extra large inputs (e.g. input and textarea) */
  --dt-inputs-line-height-lg: var(--dt-font-line-height-200); /* Line height for large inputs (e.g. input and textarea) */
  --dt-inputs-line-height-md: var(--dt-font-line-height-200); /* Line height for medium inputs (e.g. input and textarea) */
  --dt-inputs-line-height-sm: var(--dt-font-line-height-200); /* Line height for small inputs (e.g. input and textarea) */
  --dt-inputs-line-height-xs: var(--dt-font-line-height-200); /* Line height for extra small inputs (e.g. input and textarea) */
  --dt-inputs-size-radius-xl: var(--dt-size-radius-500);
  --dt-inputs-size-radius-lg: var(--dt-size-radius-450);
  --dt-inputs-size-radius-md: var(--dt-size-radius-400);
  --dt-inputs-size-radius-sm: var(--dt-size-radius-400);
  --dt-inputs-size-radius-xs: var(--dt-size-radius-300);
  --dt-inputs-size-border-status: var(--dt-size-border-200);
  --dt-inputs-size-border-default: var(--dt-size-border-150);
  --dt-typography-button-xl-font-family: var(--dt-font-family-body); /* Text style for extra large button */
  --dt-typography-button-lg-font-family: var(--dt-font-family-body); /* Text style for large button */
  --dt-typography-button-md-font-family: var(--dt-font-family-body); /* Text style for medium button */
  --dt-typography-button-sm-font-family: var(--dt-font-family-body); /* Text style for small button */
  --dt-typography-button-xs-font-family: var(--dt-font-family-body); /* Text style for extra small button */
  --dt-typography-inputs-xl-font-family: var(--dt-font-family-body); /* Text style for extra large inputs (e.g. input and textarea) */
  --dt-typography-inputs-lg-font-family: var(--dt-font-family-body); /* Text style for large inputs (e.g. input and textarea) */
  --dt-typography-inputs-md-font-family: var(--dt-font-family-body); /* Text style for medium inputs (e.g. input and textarea) */
  --dt-typography-inputs-sm-font-family: var(--dt-font-family-body); /* Text style for small inputs (e.g. input and textarea) */
  --dt-typography-inputs-xs-font-family: var(--dt-font-family-body); /* Text style for extra small inputs (e.g. input and textarea) */
  --dt-typography-code-sm-text-case: var(--dt-font-text-case-none); /* Smaller text size for monospace code, suitable for inline references or less prominent code examples. */
  --dt-typography-code-sm-line-height: var(--dt-font-line-height-200); /* Smaller text size for monospace code, suitable for inline references or less prominent code examples. */
  --dt-typography-code-sm-font-weight: var(--dt-font-weight-normal); /* Smaller text size for monospace code, suitable for inline references or less prominent code examples. */
  --dt-typography-code-sm-font-family: var(--dt-font-family-mono); /* Smaller text size for monospace code, suitable for inline references or less prominent code examples. */
  --dt-typography-code-md-text-case: var(--dt-font-text-case-none); /* Base default medium-sized text style for monospace code snippets of technical content. */
  --dt-typography-code-md-line-height: var(--dt-font-line-height-200); /* Base default medium-sized text style for monospace code snippets of technical content. */
  --dt-typography-code-md-font-weight: var(--dt-font-weight-normal); /* Base default medium-sized text style for monospace code snippets of technical content. */
  --dt-typography-code-md-font-family: var(--dt-font-family-mono); /* Base default medium-sized text style for monospace code snippets of technical content. */
  --dt-typography-helper-sm-text-case: var(--dt-font-text-case-none); /* Smaller text size for subtle guidance or additional context, minimizing visual disruption. */
  --dt-typography-helper-sm-line-height: var(--dt-font-line-height-200); /* Smaller text size for subtle guidance or additional context, minimizing visual disruption. */
  --dt-typography-helper-sm-font-weight: var(--dt-font-weight-normal); /* Smaller text size for subtle guidance or additional context, minimizing visual disruption. */
  --dt-typography-helper-sm-font-family: var(--dt-font-family-body); /* Smaller text size for subtle guidance or additional context, minimizing visual disruption. */
  --dt-typography-helper-md-text-case: var(--dt-font-text-case-none); /* Base default medium-sized text style for supplementary contextual information. */
  --dt-typography-helper-md-line-height: var(--dt-font-line-height-300); /* Base default medium-sized text style for supplementary contextual information. */
  --dt-typography-helper-md-font-weight: var(--dt-font-weight-normal); /* Base default medium-sized text style for supplementary contextual information. */
  --dt-typography-helper-md-font-family: var(--dt-font-family-body); /* Base default medium-sized text style for supplementary contextual information. */
  --dt-typography-label-sm-plain-compact-text-case: var(--dt-font-text-case-none); /* A non-bolded, tighter-spaced version of small label style. */
  --dt-typography-label-sm-plain-compact-line-height: var(--dt-font-line-height-200); /* A non-bolded, tighter-spaced version of small label style. */
  --dt-typography-label-sm-plain-compact-font-weight: var(--dt-font-weight-normal); /* A non-bolded, tighter-spaced version of small label style. */
  --dt-typography-label-sm-plain-compact-font-family: var(--dt-font-family-body); /* A non-bolded, tighter-spaced version of small label style. */
  --dt-typography-label-sm-plain-text-case: var(--dt-font-text-case-none); /* A non-bold version of small label style. */
  --dt-typography-label-sm-plain-line-height: var(--dt-font-line-height-300); /* A non-bold version of small label style. */
  --dt-typography-label-sm-plain-font-weight: var(--dt-font-weight-normal); /* A non-bold version of small label style. */
  --dt-typography-label-sm-plain-font-family: var(--dt-font-family-body); /* A non-bold version of small label style. */
  --dt-typography-label-sm-compact-text-case: var(--dt-font-text-case-none); /* A tighter-spaced version of small label style. */
  --dt-typography-label-sm-compact-line-height: var(--dt-font-line-height-200); /* A tighter-spaced version of small label style. */
  --dt-typography-label-sm-compact-font-weight: var(--dt-font-weight-semi-bold); /* A tighter-spaced version of small label style. */
  --dt-typography-label-sm-compact-font-family: var(--dt-font-family-body); /* A tighter-spaced version of small label style. */
  --dt-typography-label-sm-text-case: var(--dt-font-text-case-none); /* Smaller text style for labels when space is limited or for secondary information or to convey a slightly lower hierachy. */
  --dt-typography-label-sm-line-height: var(--dt-font-line-height-300); /* Smaller text style for labels when space is limited or for secondary information or to convey a slightly lower hierachy. */
  --dt-typography-label-sm-font-weight: var(--dt-font-weight-semi-bold); /* Smaller text style for labels when space is limited or for secondary information or to convey a slightly lower hierachy. */
  --dt-typography-label-sm-font-family: var(--dt-font-family-body); /* Smaller text style for labels when space is limited or for secondary information or to convey a slightly lower hierachy. */
  --dt-typography-label-md-plain-compact-text-case: var(--dt-font-text-case-none); /* A non-bolded, tighter-spaced version of medium label style. */
  --dt-typography-label-md-plain-compact-line-height: var(--dt-font-line-height-300); /* A non-bolded, tighter-spaced version of medium label style. */
  --dt-typography-label-md-plain-compact-font-weight: var(--dt-font-weight-normal); /* A non-bolded, tighter-spaced version of medium label style. */
  --dt-typography-label-md-plain-compact-font-family: var(--dt-font-family-body); /* A non-bolded, tighter-spaced version of medium label style. */
  --dt-typography-label-md-plain-text-case: var(--dt-font-text-case-none); /* A non-bold version of medium label style. */
  --dt-typography-label-md-plain-line-height: var(--dt-font-line-height-400); /* A non-bold version of medium label style. */
  --dt-typography-label-md-plain-font-weight: var(--dt-font-weight-normal); /* A non-bold version of medium label style. */
  --dt-typography-label-md-plain-font-family: var(--dt-font-family-body); /* A non-bold version of medium label style. */
  --dt-typography-label-md-compact-text-case: var(--dt-font-text-case-none); /* A tighter-spaced version of medium label style. */
  --dt-typography-label-md-compact-line-height: var(--dt-font-line-height-300); /* A tighter-spaced version of medium label style. */
  --dt-typography-label-md-compact-font-weight: var(--dt-font-weight-semi-bold); /* A tighter-spaced version of medium label style. */
  --dt-typography-label-md-compact-font-family: var(--dt-font-family-body); /* A tighter-spaced version of medium label style. */
  --dt-typography-label-md-text-case: var(--dt-font-text-case-none); /* Base default medium-sized text style for labels, providing clear identification and categorization. */
  --dt-typography-label-md-line-height: var(--dt-font-line-height-400); /* Base default medium-sized text style for labels, providing clear identification and categorization. */
  --dt-typography-label-md-font-weight: var(--dt-font-weight-semi-bold); /* Base default medium-sized text style for labels, providing clear identification and categorization. */
  --dt-typography-label-md-font-family: var(--dt-font-family-body); /* Base default medium-sized text style for labels, providing clear identification and categorization. */
  --dt-typography-headline-xxl-compact-text-case: var(--dt-font-text-case-none); /* A tighter-spaced version of extra extra large headline style. */
  --dt-typography-headline-xxl-compact-line-height: var(--dt-font-line-height-100); /* A tighter-spaced version of extra extra large headline style. */
  --dt-typography-headline-xxl-compact-font-weight: var(--dt-font-weight-medium); /* A tighter-spaced version of extra extra large headline style. */
  --dt-typography-headline-xxl-compact-font-family: var(--dt-font-family-body); /* A tighter-spaced version of extra extra large headline style. */
  --dt-typography-headline-xxl-text-case: var(--dt-font-text-case-none); /* Largest text style for extra extra large content. */
  --dt-typography-headline-xxl-line-height: var(--dt-font-line-height-200); /* Largest text style for extra extra large content. */
  --dt-typography-headline-xxl-font-weight: var(--dt-font-weight-medium); /* Largest text style for extra extra large content. */
  --dt-typography-headline-xxl-font-family: var(--dt-font-family-body); /* Largest text style for extra extra large content. */
  --dt-typography-headline-xl-compact-text-case: var(--dt-font-text-case-none); /* A tighter-spaced version of extra large headline style. */
  --dt-typography-headline-xl-compact-line-height: var(--dt-font-line-height-100); /* A tighter-spaced version of extra large headline style. */
  --dt-typography-headline-xl-compact-font-weight: var(--dt-font-weight-medium); /* A tighter-spaced version of extra large headline style. */
  --dt-typography-headline-xl-compact-font-family: var(--dt-font-family-body); /* A tighter-spaced version of extra large headline style. */
  --dt-typography-headline-xl-text-case: var(--dt-font-text-case-none); /* Extra large text style for high importance headlines. */
  --dt-typography-headline-xl-line-height: var(--dt-font-line-height-200); /* Extra large text style for high importance headlines. */
  --dt-typography-headline-xl-font-weight: var(--dt-font-weight-medium); /* Extra large text style for high importance headlines. */
  --dt-typography-headline-xl-font-family: var(--dt-font-family-body); /* Extra large text style for high importance headlines. */
  --dt-typography-headline-lg-soft-compact-text-case: var(--dt-font-text-case-none); /* A softer font weight, tighter spaced version of large headline style. */
  --dt-typography-headline-lg-soft-compact-line-height: var(--dt-font-line-height-200); /* A softer font weight, tighter spaced version of large headline style. */
  --dt-typography-headline-lg-soft-compact-font-weight: var(--dt-font-weight-medium); /* A softer font weight, tighter spaced version of large headline style. */
  --dt-typography-headline-lg-soft-compact-font-family: var(--dt-font-family-body); /* A softer font weight, tighter spaced version of large headline style. */
  --dt-typography-headline-lg-compact-text-case: var(--dt-font-text-case-none); /* A tighter-spaced version of large body style. */
  --dt-typography-headline-lg-compact-line-height: var(--dt-font-line-height-200); /* A tighter-spaced version of large body style. */
  --dt-typography-headline-lg-compact-font-weight: var(--dt-font-weight-bold); /* A tighter-spaced version of large body style. */
  --dt-typography-headline-lg-compact-font-family: var(--dt-font-family-body); /* A tighter-spaced version of large body style. */
  --dt-typography-headline-lg-soft-text-case: var(--dt-font-text-case-none); /* A softer font weight version of large headline style. */
  --dt-typography-headline-lg-soft-line-height: var(--dt-font-line-height-400); /* A softer font weight version of large headline style. */
  --dt-typography-headline-lg-soft-font-weight: var(--dt-font-weight-medium); /* A softer font weight version of large headline style. */
  --dt-typography-headline-lg-soft-font-family: var(--dt-font-family-body); /* A softer font weight version of large headline style. */
  --dt-typography-headline-lg-text-case: var(--dt-font-text-case-none); /* Large text style for headlines to attract attention. */
  --dt-typography-headline-lg-line-height: var(--dt-font-line-height-400); /* Large text style for headlines to attract attention. */
  --dt-typography-headline-lg-font-weight: var(--dt-font-weight-bold); /* Large text style for headlines to attract attention. */
  --dt-typography-headline-lg-font-family: var(--dt-font-family-body); /* Large text style for headlines to attract attention. */
  --dt-typography-headline-md-compact-text-case: var(--dt-font-text-case-none); /* A tighter-spaced version of medium headline style. */
  --dt-typography-headline-md-compact-line-height: var(--dt-font-line-height-300); /* A tighter-spaced version of medium headline style. */
  --dt-typography-headline-md-compact-font-weight: var(--dt-font-weight-bold); /* A tighter-spaced version of medium headline style. */
  --dt-typography-headline-md-compact-font-family: var(--dt-font-family-body); /* A tighter-spaced version of medium headline style. */
  --dt-typography-headline-md-text-case: var(--dt-font-text-case-none); /* Medium-sized base text style for headlines. */
  --dt-typography-headline-md-line-height: var(--dt-font-line-height-400); /* Medium-sized base text style for headlines. */
  --dt-typography-headline-md-font-weight: var(--dt-font-weight-bold); /* Medium-sized base text style for headlines. */
  --dt-typography-headline-md-font-family: var(--dt-font-family-body); /* Medium-sized base text style for headlines. */
  --dt-typography-headline-sm-soft-compact-text-case: var(--dt-font-text-case-none); /* A softer font weight, tighter-spaced version of small headline style. */
  --dt-typography-headline-sm-soft-compact-line-height: var(--dt-font-line-height-200); /* A softer font weight, tighter-spaced version of small headline style. */
  --dt-typography-headline-sm-soft-compact-font-weight: var(--dt-font-weight-medium); /* A softer font weight, tighter-spaced version of small headline style. */
  --dt-typography-headline-sm-soft-compact-font-family: var(--dt-font-family-body); /* A softer font weight, tighter-spaced version of small headline style. */
  --dt-typography-headline-sm-soft-text-case: var(--dt-font-text-case-none); /* A softer font weight version of small headline style. */
  --dt-typography-headline-sm-soft-line-height: var(--dt-font-line-height-300); /* A softer font weight version of small headline style. */
  --dt-typography-headline-sm-soft-font-weight: var(--dt-font-weight-medium); /* A softer font weight version of small headline style. */
  --dt-typography-headline-sm-soft-font-family: var(--dt-font-family-body); /* A softer font weight version of small headline style. */
  --dt-typography-headline-sm-compact-text-case: var(--dt-font-text-case-none); /* A tighter-spaced version of small headline style. */
  --dt-typography-headline-sm-compact-line-height: var(--dt-font-line-height-200); /* A tighter-spaced version of small headline style. */
  --dt-typography-headline-sm-compact-font-weight: var(--dt-font-weight-bold); /* A tighter-spaced version of small headline style. */
  --dt-typography-headline-sm-compact-font-family: var(--dt-font-family-body); /* A tighter-spaced version of small headline style. */
  --dt-typography-headline-sm-text-case: var(--dt-font-text-case-none); /* Smaller text size for secondary information or subheadings. */
  --dt-typography-headline-sm-line-height: var(--dt-font-line-height-300); /* Smaller text size for secondary information or subheadings. */
  --dt-typography-headline-sm-font-weight: var(--dt-font-weight-bold); /* Smaller text size for secondary information or subheadings. */
  --dt-typography-headline-sm-font-family: var(--dt-font-family-body); /* Smaller text size for secondary information or subheadings. */
  --dt-typography-headline-eyebrow-text-case: var(--dt-font-text-case-uppercase); /* Visually concise and uppercase title text used above a paired headline. Also known as a kicker or overline. */
  --dt-typography-headline-eyebrow-line-height: var(--dt-font-line-height-300); /* Visually concise and uppercase title text used above a paired headline. Also known as a kicker or overline. */
  --dt-typography-headline-eyebrow-font-weight: var(--dt-font-weight-normal); /* Visually concise and uppercase title text used above a paired headline. Also known as a kicker or overline. */
  --dt-typography-headline-eyebrow-font-family: var(--dt-font-family-body); /* Visually concise and uppercase title text used above a paired headline. Also known as a kicker or overline. */
  --dt-typography-body-sm-compact-text-case: var(--dt-font-text-case-none); /* A tighter-spaced version of small body style. */
  --dt-typography-body-sm-compact-line-height: var(--dt-font-line-height-200); /* A tighter-spaced version of small body style. */
  --dt-typography-body-sm-compact-font-weight: var(--dt-font-weight-normal); /* A tighter-spaced version of small body style. */
  --dt-typography-body-sm-compact-font-family: var(--dt-font-family-body); /* A tighter-spaced version of small body style. */
  --dt-typography-body-sm-text-case: var(--dt-font-text-case-none); /* Reduced small text style for less prominent or adjacent content. */
  --dt-typography-body-sm-line-height: var(--dt-font-line-height-300); /* Reduced small text style for less prominent or adjacent content. */
  --dt-typography-body-sm-font-weight: var(--dt-font-weight-normal); /* Reduced small text style for less prominent or adjacent content. */
  --dt-typography-body-sm-font-family: var(--dt-font-family-body); /* Reduced small text style for less prominent or adjacent content. */
  --dt-typography-body-md-compact-text-case: var(--dt-font-text-case-none); /* A tighter-spaced version of medium body style. */
  --dt-typography-body-md-compact-line-height: var(--dt-font-line-height-300); /* A tighter-spaced version of medium body style. */
  --dt-typography-body-md-compact-font-weight: var(--dt-font-weight-normal); /* A tighter-spaced version of medium body style. */
  --dt-typography-body-md-compact-font-family: var(--dt-font-family-body); /* A tighter-spaced version of medium body style. */
  --dt-typography-body-md-text-case: var(--dt-font-text-case-none); /* Base default medium text style for main content. */
  --dt-typography-body-md-line-height: var(--dt-font-line-height-400); /* Base default medium text style for main content. */
  --dt-typography-body-md-font-weight: var(--dt-font-weight-normal); /* Base default medium text style for main content. */
  --dt-typography-body-md-font-family: var(--dt-font-family-body); /* Base default medium text style for main content. */
  --dt-color-chart-sequential-range-10-end-h: var(--dt-color-teal-900-h);
  --dt-color-chart-sequential-range-10-end-s: var(--dt-color-teal-900-s);
  --dt-color-chart-sequential-range-10-end-l: var(--dt-color-teal-900-l);
  --dt-color-chart-sequential-range-10-end-a: var(--dt-color-teal-900-a);
  --dt-color-chart-sequential-range-10-end-hsl: var(--dt-color-teal-900-hsl);
  --dt-color-chart-sequential-range-10-end-hsla: var(--dt-color-teal-900-hsla);
  --dt-color-chart-sequential-range-10-end: var(--dt-color-teal-900); /* End color for tenth sequential range. Use to create a dynamically generated sequential series, must be paired with an start color. */
  --dt-color-chart-sequential-range-10-start-h: var(--dt-color-teal-100-h);
  --dt-color-chart-sequential-range-10-start-s: var(--dt-color-teal-100-s);
  --dt-color-chart-sequential-range-10-start-l: var(--dt-color-teal-100-l);
  --dt-color-chart-sequential-range-10-start-a: var(--dt-color-teal-100-a);
  --dt-color-chart-sequential-range-10-start-hsl: var(--dt-color-teal-100-hsl);
  --dt-color-chart-sequential-range-10-start-hsla: var(--dt-color-teal-100-hsla);
  --dt-color-chart-sequential-range-10-start: var(--dt-color-teal-100); /* Start color for tenth sequential range. Use to create a dynamically generated sequential series, must be paired with an end color. */
  --dt-color-chart-sequential-range-09-end-h: var(--dt-color-red-700-h);
  --dt-color-chart-sequential-range-09-end-s: var(--dt-color-red-700-s);
  --dt-color-chart-sequential-range-09-end-l: var(--dt-color-red-700-l);
  --dt-color-chart-sequential-range-09-end-a: var(--dt-color-red-700-a);
  --dt-color-chart-sequential-range-09-end-hsl: var(--dt-color-red-700-hsl);
  --dt-color-chart-sequential-range-09-end-hsla: var(--dt-color-red-700-hsla);
  --dt-color-chart-sequential-range-09-end: var(--dt-color-red-700); /* End color for ninth sequential range. Use to create a dynamically generated sequential series, must be paired with an start color. */
  --dt-color-chart-sequential-range-09-start-h: var(--dt-color-red-100-h);
  --dt-color-chart-sequential-range-09-start-s: var(--dt-color-red-100-s);
  --dt-color-chart-sequential-range-09-start-l: var(--dt-color-red-100-l);
  --dt-color-chart-sequential-range-09-start-a: var(--dt-color-red-100-a);
  --dt-color-chart-sequential-range-09-start-hsl: var(--dt-color-red-100-hsl);
  --dt-color-chart-sequential-range-09-start-hsla: var(--dt-color-red-100-hsla);
  --dt-color-chart-sequential-range-09-start: var(--dt-color-red-100); /* Start color for ninth sequential range. Use to create a dynamically generated sequential series, must be paired with an end color. */
  --dt-color-chart-sequential-range-08-end-h: var(--dt-color-olive-900-h);
  --dt-color-chart-sequential-range-08-end-s: var(--dt-color-olive-900-s);
  --dt-color-chart-sequential-range-08-end-l: var(--dt-color-olive-900-l);
  --dt-color-chart-sequential-range-08-end-a: var(--dt-color-olive-900-a);
  --dt-color-chart-sequential-range-08-end-hsl: var(--dt-color-olive-900-hsl);
  --dt-color-chart-sequential-range-08-end-hsla: var(--dt-color-olive-900-hsla);
  --dt-color-chart-sequential-range-08-end: var(--dt-color-olive-900); /* End color for eighth sequential range. Use to create a dynamically generated sequential series, must be paired with an start color. */
  --dt-color-chart-sequential-range-08-start-h: var(--dt-color-olive-100-h);
  --dt-color-chart-sequential-range-08-start-s: var(--dt-color-olive-100-s);
  --dt-color-chart-sequential-range-08-start-l: var(--dt-color-olive-100-l);
  --dt-color-chart-sequential-range-08-start-a: var(--dt-color-olive-100-a);
  --dt-color-chart-sequential-range-08-start-hsl: var(--dt-color-olive-100-hsl);
  --dt-color-chart-sequential-range-08-start-hsla: var(--dt-color-olive-100-hsla);
  --dt-color-chart-sequential-range-08-start: var(--dt-color-olive-100); /* Start color for eighth sequential range. Use to create a dynamically generated sequential series, must be paired with an end color. */
  --dt-color-chart-sequential-range-07-end-h: var(--dt-color-coral-900-h);
  --dt-color-chart-sequential-range-07-end-s: var(--dt-color-coral-900-s);
  --dt-color-chart-sequential-range-07-end-l: var(--dt-color-coral-900-l);
  --dt-color-chart-sequential-range-07-end-a: var(--dt-color-coral-900-a);
  --dt-color-chart-sequential-range-07-end-hsl: var(--dt-color-coral-900-hsl);
  --dt-color-chart-sequential-range-07-end-hsla: var(--dt-color-coral-900-hsla);
  --dt-color-chart-sequential-range-07-end: var(--dt-color-coral-900); /* End color for seventh sequential range. Use to create a dynamically generated sequential series, must be paired with an start color. */
  --dt-color-chart-sequential-range-07-start-h: var(--dt-color-coral-100-h);
  --dt-color-chart-sequential-range-07-start-s: var(--dt-color-coral-100-s);
  --dt-color-chart-sequential-range-07-start-l: var(--dt-color-coral-100-l);
  --dt-color-chart-sequential-range-07-start-a: var(--dt-color-coral-100-a);
  --dt-color-chart-sequential-range-07-start-hsl: var(--dt-color-coral-100-hsl);
  --dt-color-chart-sequential-range-07-start-hsla: var(--dt-color-coral-100-hsla);
  --dt-color-chart-sequential-range-07-start: var(--dt-color-coral-100); /* Start color for seventh sequential range. Use to create a dynamically generated sequential series, must be paired with an end color. */
  --dt-color-chart-sequential-range-06-end-h: var(--dt-color-berry-900-h);
  --dt-color-chart-sequential-range-06-end-s: var(--dt-color-berry-900-s);
  --dt-color-chart-sequential-range-06-end-l: var(--dt-color-berry-900-l);
  --dt-color-chart-sequential-range-06-end-a: var(--dt-color-berry-900-a);
  --dt-color-chart-sequential-range-06-end-hsl: var(--dt-color-berry-900-hsl);
  --dt-color-chart-sequential-range-06-end-hsla: var(--dt-color-berry-900-hsla);
  --dt-color-chart-sequential-range-06-end: var(--dt-color-berry-900); /* End color for sixth sequential range. Use to create a dynamically generated sequential series, must be paired with an start color. */
  --dt-color-chart-sequential-range-06-start-h: var(--dt-color-berry-100-h);
  --dt-color-chart-sequential-range-06-start-s: var(--dt-color-berry-100-s);
  --dt-color-chart-sequential-range-06-start-l: var(--dt-color-berry-100-l);
  --dt-color-chart-sequential-range-06-start-a: var(--dt-color-berry-100-a);
  --dt-color-chart-sequential-range-06-start-hsl: var(--dt-color-berry-100-hsl);
  --dt-color-chart-sequential-range-06-start-hsla: var(--dt-color-berry-100-hsla);
  --dt-color-chart-sequential-range-06-start: var(--dt-color-berry-100); /* Start color for sixth sequential range. Use to create a dynamically generated sequential series, must be paired with an end color. */
  --dt-color-chart-sequential-range-05-end-h: var(--dt-color-green-600-h);
  --dt-color-chart-sequential-range-05-end-s: var(--dt-color-green-600-s);
  --dt-color-chart-sequential-range-05-end-l: var(--dt-color-green-600-l);
  --dt-color-chart-sequential-range-05-end-a: var(--dt-color-green-600-a);
  --dt-color-chart-sequential-range-05-end-hsl: var(--dt-color-green-600-hsl);
  --dt-color-chart-sequential-range-05-end-hsla: var(--dt-color-green-600-hsla);
  --dt-color-chart-sequential-range-05-end: var(--dt-color-green-600); /* End color for fifth sequential range. Use to create a dynamically generated sequential series, must be paired with an start color. */
  --dt-color-chart-sequential-range-05-start-h: var(--dt-color-green-100-h);
  --dt-color-chart-sequential-range-05-start-s: var(--dt-color-green-100-s);
  --dt-color-chart-sequential-range-05-start-l: var(--dt-color-green-100-l);
  --dt-color-chart-sequential-range-05-start-a: var(--dt-color-green-100-a);
  --dt-color-chart-sequential-range-05-start-hsl: var(--dt-color-green-100-hsl);
  --dt-color-chart-sequential-range-05-start-hsla: var(--dt-color-green-100-hsla);
  --dt-color-chart-sequential-range-05-start: var(--dt-color-green-100); /* Start color for fifth sequential range. Use to create a dynamically generated sequential series, must be paired with an end color. */
  --dt-color-chart-sequential-range-04-end-h: var(--dt-color-gold-600-h);
  --dt-color-chart-sequential-range-04-end-s: var(--dt-color-gold-600-s);
  --dt-color-chart-sequential-range-04-end-l: var(--dt-color-gold-600-l);
  --dt-color-chart-sequential-range-04-end-a: var(--dt-color-gold-600-a);
  --dt-color-chart-sequential-range-04-end-hsl: var(--dt-color-gold-600-hsl);
  --dt-color-chart-sequential-range-04-end-hsla: var(--dt-color-gold-600-hsla);
  --dt-color-chart-sequential-range-04-end: var(--dt-color-gold-600); /* End color for fourth sequential range. Use to create a dynamically generated sequential series, must be paired with an start color. */
  --dt-color-chart-sequential-range-04-start-h: var(--dt-color-gold-50-h);
  --dt-color-chart-sequential-range-04-start-s: var(--dt-color-gold-50-s);
  --dt-color-chart-sequential-range-04-start-l: var(--dt-color-gold-50-l);
  --dt-color-chart-sequential-range-04-start-a: var(--dt-color-gold-50-a);
  --dt-color-chart-sequential-range-04-start-hsl: var(--dt-color-gold-50-hsl);
  --dt-color-chart-sequential-range-04-start-hsla: var(--dt-color-gold-50-hsla);
  --dt-color-chart-sequential-range-04-start: var(--dt-color-gold-50); /* Start color for fourth sequential range. Use to create a dynamically generated sequential series, must be paired with an end color. */
  --dt-color-chart-sequential-range-03-end-h: var(--dt-color-blue-600-h);
  --dt-color-chart-sequential-range-03-end-s: var(--dt-color-blue-600-s);
  --dt-color-chart-sequential-range-03-end-l: var(--dt-color-blue-600-l);
  --dt-color-chart-sequential-range-03-end-a: var(--dt-color-blue-600-a);
  --dt-color-chart-sequential-range-03-end-hsl: var(--dt-color-blue-600-hsl);
  --dt-color-chart-sequential-range-03-end-hsla: var(--dt-color-blue-600-hsla);
  --dt-color-chart-sequential-range-03-end: var(--dt-color-blue-600); /* End color for third sequential range. Use to create a dynamically generated sequential series, must be paired with an start color. */
  --dt-color-chart-sequential-range-03-start-h: var(--dt-color-blue-100-h);
  --dt-color-chart-sequential-range-03-start-s: var(--dt-color-blue-100-s);
  --dt-color-chart-sequential-range-03-start-l: var(--dt-color-blue-100-l);
  --dt-color-chart-sequential-range-03-start-a: var(--dt-color-blue-100-a);
  --dt-color-chart-sequential-range-03-start-hsl: var(--dt-color-blue-100-hsl);
  --dt-color-chart-sequential-range-03-start-hsla: var(--dt-color-blue-100-hsla);
  --dt-color-chart-sequential-range-03-start: var(--dt-color-blue-100); /* Start color for third sequential range. Use to create a dynamically generated sequential series, must be paired with an end color. */
  --dt-color-chart-sequential-range-02-end-h: var(--dt-color-magenta-600-h);
  --dt-color-chart-sequential-range-02-end-s: var(--dt-color-magenta-600-s);
  --dt-color-chart-sequential-range-02-end-l: var(--dt-color-magenta-600-l);
  --dt-color-chart-sequential-range-02-end-a: var(--dt-color-magenta-600-a);
  --dt-color-chart-sequential-range-02-end-hsl: var(--dt-color-magenta-600-hsl);
  --dt-color-chart-sequential-range-02-end-hsla: var(--dt-color-magenta-600-hsla);
  --dt-color-chart-sequential-range-02-end: var(--dt-color-magenta-600); /* End color for second sequential range. Use to create a dynamically generated sequential series, must be paired with an start color. */
  --dt-color-chart-sequential-range-02-start-h: var(--dt-color-magenta-100-h);
  --dt-color-chart-sequential-range-02-start-s: var(--dt-color-magenta-100-s);
  --dt-color-chart-sequential-range-02-start-l: var(--dt-color-magenta-100-l);
  --dt-color-chart-sequential-range-02-start-a: var(--dt-color-magenta-100-a);
  --dt-color-chart-sequential-range-02-start-hsl: var(--dt-color-magenta-100-hsl);
  --dt-color-chart-sequential-range-02-start-hsla: var(--dt-color-magenta-100-hsla);
  --dt-color-chart-sequential-range-02-start: var(--dt-color-magenta-100); /* Start color for second sequential range. Use to create a dynamically generated sequential series, must be paired with an end color. */
  --dt-color-chart-sequential-range-01-end-h: var(--dt-color-purple-550-h);
  --dt-color-chart-sequential-range-01-end-s: var(--dt-color-purple-550-s);
  --dt-color-chart-sequential-range-01-end-l: var(--dt-color-purple-550-l);
  --dt-color-chart-sequential-range-01-end-a: var(--dt-color-purple-550-a);
  --dt-color-chart-sequential-range-01-end-hsl: var(--dt-color-purple-550-hsl);
  --dt-color-chart-sequential-range-01-end-hsla: var(--dt-color-purple-550-hsla);
  --dt-color-chart-sequential-range-01-end: var(--dt-color-purple-550); /* Ending color for first sequential range. Use to create a dynamically generated sequential series, must be paired with an start color. */
  --dt-color-chart-sequential-range-01-start-h: var(--dt-color-purple-100-h);
  --dt-color-chart-sequential-range-01-start-s: var(--dt-color-purple-100-s);
  --dt-color-chart-sequential-range-01-start-l: var(--dt-color-purple-100-l);
  --dt-color-chart-sequential-range-01-start-a: var(--dt-color-purple-100-a);
  --dt-color-chart-sequential-range-01-start-hsl: var(--dt-color-purple-100-hsl);
  --dt-color-chart-sequential-range-01-start-hsla: var(--dt-color-purple-100-hsla);
  --dt-color-chart-sequential-range-01-start: var(--dt-color-purple-100); /* Start color value for first sequential range. Use to create a dynamically generated sequential series, must be paired with an end color. */
  --dt-color-chart-sequential-01-h: var(--dt-color-indigo-100-h);
  --dt-color-chart-sequential-01-s: var(--dt-color-indigo-100-s);
  --dt-color-chart-sequential-01-l: var(--dt-color-indigo-100-l);
  --dt-color-chart-sequential-01-a: var(--dt-color-indigo-100-a);
  --dt-color-chart-sequential-01-hsl: var(--dt-color-indigo-100-hsl);
  --dt-color-chart-sequential-01-hsla: var(--dt-color-indigo-100-hsla);
  --dt-color-chart-sequential-01: var(--dt-color-indigo-100); /* First color in sequential chart series. */
  --dt-color-chart-sequential-10-h: var(--dt-color-indigo-900-h);
  --dt-color-chart-sequential-10-s: var(--dt-color-indigo-900-s);
  --dt-color-chart-sequential-10-l: var(--dt-color-indigo-900-l);
  --dt-color-chart-sequential-10-a: var(--dt-color-indigo-900-a);
  --dt-color-chart-sequential-10-hsl: var(--dt-color-indigo-900-hsl);
  --dt-color-chart-sequential-10-hsla: var(--dt-color-indigo-900-hsla);
  --dt-color-chart-sequential-10: var(--dt-color-indigo-900); /* Tenth color in sequential chart series. */
  --dt-color-chart-info-selected-h: var(--dt-color-blue-500-h);
  --dt-color-chart-info-selected-s: var(--dt-color-blue-500-s);
  --dt-color-chart-info-selected-l: var(--dt-color-blue-500-l);
  --dt-color-chart-info-selected-a: var(--dt-color-blue-500-a);
  --dt-color-chart-info-selected-hsl: var(--dt-color-blue-500-hsl);
  --dt-color-chart-info-selected-hsla: var(--dt-color-blue-500-hsla);
  --dt-color-chart-info-selected: var(--dt-color-blue-500); /* Selected state for info chart elements. */
  --dt-color-chart-info-hover-h: var(--dt-color-blue-450-h);
  --dt-color-chart-info-hover-s: var(--dt-color-blue-450-s);
  --dt-color-chart-info-hover-l: var(--dt-color-blue-450-l);
  --dt-color-chart-info-hover-a: var(--dt-color-blue-450-a);
  --dt-color-chart-info-hover-hsl: var(--dt-color-blue-450-hsl);
  --dt-color-chart-info-hover-hsla: var(--dt-color-blue-450-hsla);
  --dt-color-chart-info-hover: var(--dt-color-blue-450); /* Hover state for info chart elements. */
  --dt-color-chart-info-h: var(--dt-color-blue-425-h);
  --dt-color-chart-info-s: var(--dt-color-blue-425-s);
  --dt-color-chart-info-l: var(--dt-color-blue-425-l);
  --dt-color-chart-info-a: var(--dt-color-blue-425-a);
  --dt-color-chart-info-hsl: var(--dt-color-blue-425-hsl);
  --dt-color-chart-info-hsla: var(--dt-color-blue-425-hsla);
  --dt-color-chart-info: var(--dt-color-blue-425); /* Used for informational or neutral data points in charts. */
  --dt-color-chart-warning-selected-h: var(--dt-color-gold-600-h);
  --dt-color-chart-warning-selected-s: var(--dt-color-gold-600-s);
  --dt-color-chart-warning-selected-l: var(--dt-color-gold-600-l);
  --dt-color-chart-warning-selected-a: var(--dt-color-gold-600-a);
  --dt-color-chart-warning-selected-hsl: var(--dt-color-gold-600-hsl);
  --dt-color-chart-warning-selected-hsla: var(--dt-color-gold-600-hsla);
  --dt-color-chart-warning-selected: var(--dt-color-gold-600); /* Selected state for warning chart elements. */
  --dt-color-chart-warning-h: var(--dt-color-gold-400-h);
  --dt-color-chart-warning-s: var(--dt-color-gold-400-s);
  --dt-color-chart-warning-l: var(--dt-color-gold-400-l);
  --dt-color-chart-warning-a: var(--dt-color-gold-400-a);
  --dt-color-chart-warning-hsl: var(--dt-color-gold-400-hsl);
  --dt-color-chart-warning-hsla: var(--dt-color-gold-400-hsla);
  --dt-color-chart-warning: var(--dt-color-gold-400); /* Used for cautionary or warning indicators in charts. */
  --dt-color-chart-warning-hover-h: var(--dt-color-gold-500-h);
  --dt-color-chart-warning-hover-s: var(--dt-color-gold-500-s);
  --dt-color-chart-warning-hover-l: var(--dt-color-gold-500-l);
  --dt-color-chart-warning-hover-a: var(--dt-color-gold-500-a);
  --dt-color-chart-warning-hover-hsl: var(--dt-color-gold-500-hsl);
  --dt-color-chart-warning-hover-hsla: var(--dt-color-gold-500-hsla);
  --dt-color-chart-warning-hover: var(--dt-color-gold-500); /* Hover state for warning chart elements. */
  --dt-color-chart-critical-selected-h: var(--dt-color-red-600-h);
  --dt-color-chart-critical-selected-s: var(--dt-color-red-600-s);
  --dt-color-chart-critical-selected-l: var(--dt-color-red-600-l);
  --dt-color-chart-critical-selected-a: var(--dt-color-red-600-a);
  --dt-color-chart-critical-selected-hsl: var(--dt-color-red-600-hsl);
  --dt-color-chart-critical-selected-hsla: var(--dt-color-red-600-hsla);
  --dt-color-chart-critical-selected: var(--dt-color-red-600); /* Selected state for critical chart elements, aka danger. */
  --dt-color-chart-critical-hover-h: var(--dt-color-red-450-h);
  --dt-color-chart-critical-hover-s: var(--dt-color-red-450-s);
  --dt-color-chart-critical-hover-l: var(--dt-color-red-450-l);
  --dt-color-chart-critical-hover-a: var(--dt-color-red-450-a);
  --dt-color-chart-critical-hover-hsl: var(--dt-color-red-450-hsl);
  --dt-color-chart-critical-hover-hsla: var(--dt-color-red-450-hsla);
  --dt-color-chart-critical-hover: var(--dt-color-red-450); /* Hover state for critical chart elements, aka danger. */
  --dt-color-chart-critical-h: var(--dt-color-red-400-h);
  --dt-color-chart-critical-s: var(--dt-color-red-400-s);
  --dt-color-chart-critical-l: var(--dt-color-red-400-l);
  --dt-color-chart-critical-a: var(--dt-color-red-400-a);
  --dt-color-chart-critical-hsl: var(--dt-color-red-400-hsl);
  --dt-color-chart-critical-hsla: var(--dt-color-red-400-hsla);
  --dt-color-chart-critical: var(--dt-color-red-400); /* Used for negative values, errors, or critical indicators in charts, aka danger. */
  --dt-color-chart-positive-selected-h: var(--dt-color-green-600-h);
  --dt-color-chart-positive-selected-s: var(--dt-color-green-600-s);
  --dt-color-chart-positive-selected-l: var(--dt-color-green-600-l);
  --dt-color-chart-positive-selected-a: var(--dt-color-green-600-a);
  --dt-color-chart-positive-selected-hsl: var(--dt-color-green-600-hsl);
  --dt-color-chart-positive-selected-hsla: var(--dt-color-green-600-hsla);
  --dt-color-chart-positive-selected: var(--dt-color-green-600); /* Selected state for positive chart elements, aka success. */
  --dt-color-chart-positive-hover-h: var(--dt-color-green-475-h);
  --dt-color-chart-positive-hover-s: var(--dt-color-green-475-s);
  --dt-color-chart-positive-hover-l: var(--dt-color-green-475-l);
  --dt-color-chart-positive-hover-a: var(--dt-color-green-475-a);
  --dt-color-chart-positive-hover-hsl: var(--dt-color-green-475-hsl);
  --dt-color-chart-positive-hover-hsla: var(--dt-color-green-475-hsla);
  --dt-color-chart-positive-hover: var(--dt-color-green-475); /* Hover state for positive chart elements, aka success. */
  --dt-color-chart-positive-h: var(--dt-color-green-425-h);
  --dt-color-chart-positive-s: var(--dt-color-green-425-s);
  --dt-color-chart-positive-l: var(--dt-color-green-425-l);
  --dt-color-chart-positive-a: var(--dt-color-green-425-a);
  --dt-color-chart-positive-hsl: var(--dt-color-green-425-hsl);
  --dt-color-chart-positive-hsla: var(--dt-color-green-425-hsla);
  --dt-color-chart-positive: var(--dt-color-green-425); /* Used for positive values, growth, or success indicators in charts, aka success. */
  --dt-color-chart-accent-selected-h: var(--dt-color-indigo-800-h);
  --dt-color-chart-accent-selected-s: var(--dt-color-indigo-800-s);
  --dt-color-chart-accent-selected-l: var(--dt-color-indigo-800-l);
  --dt-color-chart-accent-selected-a: var(--dt-color-indigo-800-a);
  --dt-color-chart-accent-selected-hsl: var(--dt-color-indigo-800-hsl);
  --dt-color-chart-accent-selected-hsla: var(--dt-color-indigo-800-hsla);
  --dt-color-chart-accent-selected: var(--dt-color-indigo-800); /* Selected state for accent chart elements. */
  --dt-color-chart-accent-hover-h: var(--dt-color-indigo-600-h);
  --dt-color-chart-accent-hover-s: var(--dt-color-indigo-600-s);
  --dt-color-chart-accent-hover-l: var(--dt-color-indigo-600-l);
  --dt-color-chart-accent-hover-a: var(--dt-color-indigo-600-a);
  --dt-color-chart-accent-hover-hsl: var(--dt-color-indigo-600-hsl);
  --dt-color-chart-accent-hover-hsla: var(--dt-color-indigo-600-hsla);
  --dt-color-chart-accent-hover: var(--dt-color-indigo-600); /* Hover state for accent chart elements. */
  --dt-color-chart-accent-h: var(--dt-color-indigo-500-h);
  --dt-color-chart-accent-s: var(--dt-color-indigo-500-s);
  --dt-color-chart-accent-l: var(--dt-color-indigo-500-l);
  --dt-color-chart-accent-a: var(--dt-color-indigo-500-a);
  --dt-color-chart-accent-hsl: var(--dt-color-indigo-500-hsl);
  --dt-color-chart-accent-hsla: var(--dt-color-indigo-500-hsla);
  --dt-color-chart-accent: var(--dt-color-indigo-500); /* Main accent color for highlighting important chart elements or primary data series. */
  --dt-color-chart-neutral-selected-h: var(--dt-color-tan-600-h);
  --dt-color-chart-neutral-selected-s: var(--dt-color-tan-600-s);
  --dt-color-chart-neutral-selected-l: var(--dt-color-tan-600-l);
  --dt-color-chart-neutral-selected-a: var(--dt-color-tan-600-a);
  --dt-color-chart-neutral-selected-hsl: var(--dt-color-tan-600-hsl);
  --dt-color-chart-neutral-selected-hsla: var(--dt-color-tan-600-hsla);
  --dt-color-chart-neutral-selected: var(--dt-color-tan-600); /* Selected state for neutral chart elements. */
  --dt-color-chart-neutral-hover-h: var(--dt-color-tan-400-h);
  --dt-color-chart-neutral-hover-s: var(--dt-color-tan-400-s);
  --dt-color-chart-neutral-hover-l: var(--dt-color-tan-400-l);
  --dt-color-chart-neutral-hover-a: var(--dt-color-tan-400-a);
  --dt-color-chart-neutral-hover-hsl: var(--dt-color-tan-400-hsl);
  --dt-color-chart-neutral-hover-hsla: var(--dt-color-tan-400-hsla);
  --dt-color-chart-neutral-hover: var(--dt-color-tan-400); /* Hover state for neutral chart elements. */
  --dt-color-chart-neutral-h: var(--dt-color-tan-300-h);
  --dt-color-chart-neutral-s: var(--dt-color-tan-300-s);
  --dt-color-chart-neutral-l: var(--dt-color-tan-300-l);
  --dt-color-chart-neutral-a: var(--dt-color-tan-300-a);
  --dt-color-chart-neutral-hsl: var(--dt-color-tan-300-hsl);
  --dt-color-chart-neutral-hsla: var(--dt-color-tan-300-hsla);
  --dt-color-chart-neutral: var(--dt-color-tan-300); /* Used for neutral or background elements in charts where no specific meaning is implied. */
  --dt-color-chart-categorical-10-selected-h: var(--dt-color-teal-900-h);
  --dt-color-chart-categorical-10-selected-s: var(--dt-color-teal-900-s);
  --dt-color-chart-categorical-10-selected-l: var(--dt-color-teal-900-l);
  --dt-color-chart-categorical-10-selected-a: var(--dt-color-teal-900-a);
  --dt-color-chart-categorical-10-selected-hsl: var(--dt-color-teal-900-hsl);
  --dt-color-chart-categorical-10-selected-hsla: var(--dt-color-teal-900-hsla);
  --dt-color-chart-categorical-10-selected: var(--dt-color-teal-900);
  --dt-color-chart-categorical-10-hover-h: var(--dt-color-teal-700-h);
  --dt-color-chart-categorical-10-hover-s: var(--dt-color-teal-700-s);
  --dt-color-chart-categorical-10-hover-l: var(--dt-color-teal-700-l);
  --dt-color-chart-categorical-10-hover-a: var(--dt-color-teal-700-a);
  --dt-color-chart-categorical-10-hover-hsl: var(--dt-color-teal-700-hsl);
  --dt-color-chart-categorical-10-hover-hsla: var(--dt-color-teal-700-hsla);
  --dt-color-chart-categorical-10-hover: var(--dt-color-teal-700);
  --dt-color-chart-categorical-09-selected-h: var(--dt-color-red-600-h);
  --dt-color-chart-categorical-09-selected-s: var(--dt-color-red-600-s);
  --dt-color-chart-categorical-09-selected-l: var(--dt-color-red-600-l);
  --dt-color-chart-categorical-09-selected-a: var(--dt-color-red-600-a);
  --dt-color-chart-categorical-09-selected-hsl: var(--dt-color-red-600-hsl);
  --dt-color-chart-categorical-09-selected-hsla: var(--dt-color-red-600-hsla);
  --dt-color-chart-categorical-09-selected: var(--dt-color-red-600);
  --dt-color-chart-categorical-09-hover-h: var(--dt-color-red-400-h);
  --dt-color-chart-categorical-09-hover-s: var(--dt-color-red-400-s);
  --dt-color-chart-categorical-09-hover-l: var(--dt-color-red-400-l);
  --dt-color-chart-categorical-09-hover-a: var(--dt-color-red-400-a);
  --dt-color-chart-categorical-09-hover-hsl: var(--dt-color-red-400-hsl);
  --dt-color-chart-categorical-09-hover-hsla: var(--dt-color-red-400-hsla);
  --dt-color-chart-categorical-09-hover: var(--dt-color-red-400);
  --dt-color-chart-categorical-09-h: var(--dt-color-red-350-h);
  --dt-color-chart-categorical-09-s: var(--dt-color-red-350-s);
  --dt-color-chart-categorical-09-l: var(--dt-color-red-350-l);
  --dt-color-chart-categorical-09-a: var(--dt-color-red-350-a);
  --dt-color-chart-categorical-09-hsl: var(--dt-color-red-350-hsl);
  --dt-color-chart-categorical-09-hsla: var(--dt-color-red-350-hsla);
  --dt-color-chart-categorical-09: var(--dt-color-red-350);
  --dt-color-chart-categorical-08-selected-h: var(--dt-color-olive-800-h);
  --dt-color-chart-categorical-08-selected-s: var(--dt-color-olive-800-s);
  --dt-color-chart-categorical-08-selected-l: var(--dt-color-olive-800-l);
  --dt-color-chart-categorical-08-selected-a: var(--dt-color-olive-800-a);
  --dt-color-chart-categorical-08-selected-hsl: var(--dt-color-olive-800-hsl);
  --dt-color-chart-categorical-08-selected-hsla: var(--dt-color-olive-800-hsla);
  --dt-color-chart-categorical-08-selected: var(--dt-color-olive-800);
  --dt-color-chart-categorical-08-hover-h: var(--dt-color-olive-600-h);
  --dt-color-chart-categorical-08-hover-s: var(--dt-color-olive-600-s);
  --dt-color-chart-categorical-08-hover-l: var(--dt-color-olive-600-l);
  --dt-color-chart-categorical-08-hover-a: var(--dt-color-olive-600-a);
  --dt-color-chart-categorical-08-hover-hsl: var(--dt-color-olive-600-hsl);
  --dt-color-chart-categorical-08-hover-hsla: var(--dt-color-olive-600-hsla);
  --dt-color-chart-categorical-08-hover: var(--dt-color-olive-600);
  --dt-color-chart-categorical-08-h: var(--dt-color-olive-500-h);
  --dt-color-chart-categorical-08-s: var(--dt-color-olive-500-s);
  --dt-color-chart-categorical-08-l: var(--dt-color-olive-500-l);
  --dt-color-chart-categorical-08-a: var(--dt-color-olive-500-a);
  --dt-color-chart-categorical-08-hsl: var(--dt-color-olive-500-hsl);
  --dt-color-chart-categorical-08-hsla: var(--dt-color-olive-500-hsla);
  --dt-color-chart-categorical-08: var(--dt-color-olive-500);
  --dt-color-chart-categorical-07-selected-h: var(--dt-color-coral-700-h);
  --dt-color-chart-categorical-07-selected-s: var(--dt-color-coral-700-s);
  --dt-color-chart-categorical-07-selected-l: var(--dt-color-coral-700-l);
  --dt-color-chart-categorical-07-selected-a: var(--dt-color-coral-700-a);
  --dt-color-chart-categorical-07-selected-hsl: var(--dt-color-coral-700-hsl);
  --dt-color-chart-categorical-07-selected-hsla: var(--dt-color-coral-700-hsla);
  --dt-color-chart-categorical-07-selected: var(--dt-color-coral-700);
  --dt-color-chart-categorical-07-hover-h: var(--dt-color-coral-500-h);
  --dt-color-chart-categorical-07-hover-s: var(--dt-color-coral-500-s);
  --dt-color-chart-categorical-07-hover-l: var(--dt-color-coral-500-l);
  --dt-color-chart-categorical-07-hover-a: var(--dt-color-coral-500-a);
  --dt-color-chart-categorical-07-hover-hsl: var(--dt-color-coral-500-hsl);
  --dt-color-chart-categorical-07-hover-hsla: var(--dt-color-coral-500-hsla);
  --dt-color-chart-categorical-07-hover: var(--dt-color-coral-500);
  --dt-color-chart-categorical-07-h: var(--dt-color-coral-400-h);
  --dt-color-chart-categorical-07-s: var(--dt-color-coral-400-s);
  --dt-color-chart-categorical-07-l: var(--dt-color-coral-400-l);
  --dt-color-chart-categorical-07-a: var(--dt-color-coral-400-a);
  --dt-color-chart-categorical-07-hsl: var(--dt-color-coral-400-hsl);
  --dt-color-chart-categorical-07-hsla: var(--dt-color-coral-400-hsla);
  --dt-color-chart-categorical-07: var(--dt-color-coral-400);
  --dt-color-chart-categorical-06-selected-h: var(--dt-color-berry-600-h);
  --dt-color-chart-categorical-06-selected-s: var(--dt-color-berry-600-s);
  --dt-color-chart-categorical-06-selected-l: var(--dt-color-berry-600-l);
  --dt-color-chart-categorical-06-selected-a: var(--dt-color-berry-600-a);
  --dt-color-chart-categorical-06-selected-hsl: var(--dt-color-berry-600-hsl);
  --dt-color-chart-categorical-06-selected-hsla: var(--dt-color-berry-600-hsla);
  --dt-color-chart-categorical-06-selected: var(--dt-color-berry-600);
  --dt-color-chart-categorical-06-hover-h: var(--dt-color-berry-400-h);
  --dt-color-chart-categorical-06-hover-s: var(--dt-color-berry-400-s);
  --dt-color-chart-categorical-06-hover-l: var(--dt-color-berry-400-l);
  --dt-color-chart-categorical-06-hover-a: var(--dt-color-berry-400-a);
  --dt-color-chart-categorical-06-hover-hsl: var(--dt-color-berry-400-hsl);
  --dt-color-chart-categorical-06-hover-hsla: var(--dt-color-berry-400-hsla);
  --dt-color-chart-categorical-06-hover: var(--dt-color-berry-400);
  --dt-color-chart-categorical-06-h: var(--dt-color-berry-300-h);
  --dt-color-chart-categorical-06-s: var(--dt-color-berry-300-s);
  --dt-color-chart-categorical-06-l: var(--dt-color-berry-300-l);
  --dt-color-chart-categorical-06-a: var(--dt-color-berry-300-a);
  --dt-color-chart-categorical-06-hsl: var(--dt-color-berry-300-hsl);
  --dt-color-chart-categorical-06-hsla: var(--dt-color-berry-300-hsla);
  --dt-color-chart-categorical-06: var(--dt-color-berry-300);
  --dt-color-chart-categorical-05-selected-h: var(--dt-color-green-600-h);
  --dt-color-chart-categorical-05-selected-s: var(--dt-color-green-600-s);
  --dt-color-chart-categorical-05-selected-l: var(--dt-color-green-600-l);
  --dt-color-chart-categorical-05-selected-a: var(--dt-color-green-600-a);
  --dt-color-chart-categorical-05-selected-hsl: var(--dt-color-green-600-hsl);
  --dt-color-chart-categorical-05-selected-hsla: var(--dt-color-green-600-hsla);
  --dt-color-chart-categorical-05-selected: var(--dt-color-green-600);
  --dt-color-chart-categorical-05-hover-h: var(--dt-color-green-475-h);
  --dt-color-chart-categorical-05-hover-s: var(--dt-color-green-475-s);
  --dt-color-chart-categorical-05-hover-l: var(--dt-color-green-475-l);
  --dt-color-chart-categorical-05-hover-a: var(--dt-color-green-475-a);
  --dt-color-chart-categorical-05-hover-hsl: var(--dt-color-green-475-hsl);
  --dt-color-chart-categorical-05-hover-hsla: var(--dt-color-green-475-hsla);
  --dt-color-chart-categorical-05-hover: var(--dt-color-green-475);
  --dt-color-chart-categorical-05-h: var(--dt-color-green-425-h);
  --dt-color-chart-categorical-05-s: var(--dt-color-green-425-s);
  --dt-color-chart-categorical-05-l: var(--dt-color-green-425-l);
  --dt-color-chart-categorical-05-a: var(--dt-color-green-425-a);
  --dt-color-chart-categorical-05-hsl: var(--dt-color-green-425-hsl);
  --dt-color-chart-categorical-05-hsla: var(--dt-color-green-425-hsla);
  --dt-color-chart-categorical-05: var(--dt-color-green-425);
  --dt-color-chart-categorical-04-selected-h: var(--dt-color-gold-600-h);
  --dt-color-chart-categorical-04-selected-s: var(--dt-color-gold-600-s);
  --dt-color-chart-categorical-04-selected-l: var(--dt-color-gold-600-l);
  --dt-color-chart-categorical-04-selected-a: var(--dt-color-gold-600-a);
  --dt-color-chart-categorical-04-selected-hsl: var(--dt-color-gold-600-hsl);
  --dt-color-chart-categorical-04-selected-hsla: var(--dt-color-gold-600-hsla);
  --dt-color-chart-categorical-04-selected: var(--dt-color-gold-600);
  --dt-color-chart-categorical-04-hover-h: var(--dt-color-gold-450-h);
  --dt-color-chart-categorical-04-hover-s: var(--dt-color-gold-450-s);
  --dt-color-chart-categorical-04-hover-l: var(--dt-color-gold-450-l);
  --dt-color-chart-categorical-04-hover-a: var(--dt-color-gold-450-a);
  --dt-color-chart-categorical-04-hover-hsl: var(--dt-color-gold-450-hsl);
  --dt-color-chart-categorical-04-hover-hsla: var(--dt-color-gold-450-hsla);
  --dt-color-chart-categorical-04-hover: var(--dt-color-gold-450);
  --dt-color-chart-categorical-04-h: var(--dt-color-gold-400-h);
  --dt-color-chart-categorical-04-s: var(--dt-color-gold-400-s);
  --dt-color-chart-categorical-04-l: var(--dt-color-gold-400-l);
  --dt-color-chart-categorical-04-a: var(--dt-color-gold-400-a);
  --dt-color-chart-categorical-04-hsl: var(--dt-color-gold-400-hsl);
  --dt-color-chart-categorical-04-hsla: var(--dt-color-gold-400-hsla);
  --dt-color-chart-categorical-04: var(--dt-color-gold-400);
  --dt-color-chart-categorical-03-selected-h: var(--dt-color-blue-500-h);
  --dt-color-chart-categorical-03-selected-s: var(--dt-color-blue-500-s);
  --dt-color-chart-categorical-03-selected-l: var(--dt-color-blue-500-l);
  --dt-color-chart-categorical-03-selected-a: var(--dt-color-blue-500-a);
  --dt-color-chart-categorical-03-selected-hsl: var(--dt-color-blue-500-hsl);
  --dt-color-chart-categorical-03-selected-hsla: var(--dt-color-blue-500-hsla);
  --dt-color-chart-categorical-03-selected: var(--dt-color-blue-500);
  --dt-color-chart-categorical-03-hover-h: var(--dt-color-blue-450-h);
  --dt-color-chart-categorical-03-hover-s: var(--dt-color-blue-450-s);
  --dt-color-chart-categorical-03-hover-l: var(--dt-color-blue-450-l);
  --dt-color-chart-categorical-03-hover-a: var(--dt-color-blue-450-a);
  --dt-color-chart-categorical-03-hover-hsl: var(--dt-color-blue-450-hsl);
  --dt-color-chart-categorical-03-hover-hsla: var(--dt-color-blue-450-hsla);
  --dt-color-chart-categorical-03-hover: var(--dt-color-blue-450);
  --dt-color-chart-categorical-03-h: var(--dt-color-blue-425-h);
  --dt-color-chart-categorical-03-s: var(--dt-color-blue-425-s);
  --dt-color-chart-categorical-03-l: var(--dt-color-blue-425-l);
  --dt-color-chart-categorical-03-a: var(--dt-color-blue-425-a);
  --dt-color-chart-categorical-03-hsl: var(--dt-color-blue-425-hsl);
  --dt-color-chart-categorical-03-hsla: var(--dt-color-blue-425-hsla);
  --dt-color-chart-categorical-03: var(--dt-color-blue-425);
  --dt-color-chart-categorical-02-selected-h: var(--dt-color-magenta-475-h);
  --dt-color-chart-categorical-02-selected-s: var(--dt-color-magenta-475-s);
  --dt-color-chart-categorical-02-selected-l: var(--dt-color-magenta-475-l);
  --dt-color-chart-categorical-02-selected-a: var(--dt-color-magenta-475-a);
  --dt-color-chart-categorical-02-selected-hsl: var(--dt-color-magenta-475-hsl);
  --dt-color-chart-categorical-02-selected-hsla: var(--dt-color-magenta-475-hsla);
  --dt-color-chart-categorical-02-selected: var(--dt-color-magenta-475);
  --dt-color-chart-categorical-02-hover-h: var(--dt-color-magenta-400-h);
  --dt-color-chart-categorical-02-hover-s: var(--dt-color-magenta-400-s);
  --dt-color-chart-categorical-02-hover-l: var(--dt-color-magenta-400-l);
  --dt-color-chart-categorical-02-hover-a: var(--dt-color-magenta-400-a);
  --dt-color-chart-categorical-02-hover-hsl: var(--dt-color-magenta-400-hsl);
  --dt-color-chart-categorical-02-hover-hsla: var(--dt-color-magenta-400-hsla);
  --dt-color-chart-categorical-02-hover: var(--dt-color-magenta-400);
  --dt-color-chart-categorical-02-h: var(--dt-color-magenta-300-h);
  --dt-color-chart-categorical-02-s: var(--dt-color-magenta-300-s);
  --dt-color-chart-categorical-02-l: var(--dt-color-magenta-300-l);
  --dt-color-chart-categorical-02-a: var(--dt-color-magenta-300-a);
  --dt-color-chart-categorical-02-hsl: var(--dt-color-magenta-300-hsl);
  --dt-color-chart-categorical-02-hsla: var(--dt-color-magenta-300-hsla);
  --dt-color-chart-categorical-02: var(--dt-color-magenta-300);
  --dt-color-chart-categorical-01-selected-h: var(--dt-color-purple-500-h);
  --dt-color-chart-categorical-01-selected-s: var(--dt-color-purple-500-s);
  --dt-color-chart-categorical-01-selected-l: var(--dt-color-purple-500-l);
  --dt-color-chart-categorical-01-selected-a: var(--dt-color-purple-500-a);
  --dt-color-chart-categorical-01-selected-hsl: var(--dt-color-purple-500-hsl);
  --dt-color-chart-categorical-01-selected-hsla: var(--dt-color-purple-500-hsla);
  --dt-color-chart-categorical-01-selected: var(--dt-color-purple-500);
  --dt-color-chart-categorical-01-hover-h: var(--dt-color-purple-400-h);
  --dt-color-chart-categorical-01-hover-s: var(--dt-color-purple-400-s);
  --dt-color-chart-categorical-01-hover-l: var(--dt-color-purple-400-l);
  --dt-color-chart-categorical-01-hover-a: var(--dt-color-purple-400-a);
  --dt-color-chart-categorical-01-hover-hsl: var(--dt-color-purple-400-hsl);
  --dt-color-chart-categorical-01-hover-hsla: var(--dt-color-purple-400-hsla);
  --dt-color-chart-categorical-01-hover: var(--dt-color-purple-400);
  --dt-color-chart-categorical-01-h: var(--dt-color-purple-350-h);
  --dt-color-chart-categorical-01-s: var(--dt-color-purple-350-s);
  --dt-color-chart-categorical-01-l: var(--dt-color-purple-350-l);
  --dt-color-chart-categorical-01-a: var(--dt-color-purple-350-a);
  --dt-color-chart-categorical-01-hsl: var(--dt-color-purple-350-hsl);
  --dt-color-chart-categorical-01-hsla: var(--dt-color-purple-350-hsla);
  --dt-color-chart-categorical-01: var(--dt-color-purple-350);
  --dt-color-chart-categorical-11-h: var(--dt-color-tan-300-h);
  --dt-color-chart-categorical-11-s: var(--dt-color-tan-300-s);
  --dt-color-chart-categorical-11-l: var(--dt-color-tan-300-l);
  --dt-color-chart-categorical-11-a: var(--dt-color-tan-300-a);
  --dt-color-chart-categorical-11-hsl: var(--dt-color-tan-300-hsl);
  --dt-color-chart-categorical-11-hsla: var(--dt-color-tan-300-hsla);
  --dt-color-chart-categorical-11: var(--dt-color-tan-300);
  --dt-color-chart-categorical-10-h: var(--dt-color-teal-600-h);
  --dt-color-chart-categorical-10-s: var(--dt-color-teal-600-s);
  --dt-color-chart-categorical-10-l: var(--dt-color-teal-600-l);
  --dt-color-chart-categorical-10-a: var(--dt-color-teal-600-a);
  --dt-color-chart-categorical-10-hsl: var(--dt-color-teal-600-hsl);
  --dt-color-chart-categorical-10-hsla: var(--dt-color-teal-600-hsla);
  --dt-color-chart-categorical-10: var(--dt-color-teal-600);
  --dt-color-border-accent-h: var(--dt-color-brand-magenta-h);
  --dt-color-border-accent-s: var(--dt-color-brand-magenta-s);
  --dt-color-border-accent-l: var(--dt-color-brand-magenta-l);
  --dt-color-border-accent-a: var(--dt-color-brand-magenta-a);
  --dt-color-border-accent-hsl: var(--dt-color-brand-magenta-hsl);
  --dt-color-border-accent-hsla: var(--dt-color-brand-magenta-hsla);
  --dt-color-border-accent: var(--dt-color-brand-magenta);
  --dt-color-border-ai: var(--dt-color-gradient-gold-red-magenta-purple);
  --dt-color-border-focus-h: var(--dt-color-blue-425-h);
  --dt-color-border-focus-s: var(--dt-color-blue-425-s);
  --dt-color-border-focus-l: var(--dt-color-blue-425-l);
  --dt-color-border-focus-a: var(--dt-color-blue-425-a);
  --dt-color-border-focus-hsl: var(--dt-color-blue-425-hsl);
  --dt-color-border-focus-hsla: var(--dt-color-blue-425-hsla);
  --dt-color-border-focus: var(--dt-color-blue-425);
  --dt-color-border-brand-strong-inverted-h: var(--dt-color-purple-200-h);
  --dt-color-border-brand-strong-inverted-s: var(--dt-color-purple-200-s);
  --dt-color-border-brand-strong-inverted-l: var(--dt-color-purple-200-l);
  --dt-color-border-brand-strong-inverted-a: var(--dt-color-purple-200-a);
  --dt-color-border-brand-strong-inverted-hsl: var(--dt-color-purple-200-hsl);
  --dt-color-border-brand-strong-inverted-hsla: var(--dt-color-purple-200-hsla);
  --dt-color-border-brand-strong-inverted: var(--dt-color-purple-200);
  --dt-color-border-warning-strong-inverted-h: var(--dt-color-gold-300-h);
  --dt-color-border-warning-strong-inverted-s: var(--dt-color-gold-300-s);
  --dt-color-border-warning-strong-inverted-l: var(--dt-color-gold-300-l);
  --dt-color-border-warning-strong-inverted-a: var(--dt-color-gold-300-a);
  --dt-color-border-warning-strong-inverted-hsl: var(--dt-color-gold-300-hsl);
  --dt-color-border-warning-strong-inverted-hsla: var(--dt-color-gold-300-hsla);
  --dt-color-border-warning-strong-inverted: var(--dt-color-gold-300);
  --dt-color-border-success-strong-inverted-h: var(--dt-color-green-400-h);
  --dt-color-border-success-strong-inverted-s: var(--dt-color-green-400-s);
  --dt-color-border-success-strong-inverted-l: var(--dt-color-green-400-l);
  --dt-color-border-success-strong-inverted-a: var(--dt-color-green-400-a);
  --dt-color-border-success-strong-inverted-hsl: var(--dt-color-green-400-hsl);
  --dt-color-border-success-strong-inverted-hsla: var(--dt-color-green-400-hsla);
  --dt-color-border-success-strong-inverted: var(--dt-color-green-400);
  --dt-color-border-critical-strong-inverted-h: var(--dt-color-red-200-h);
  --dt-color-border-critical-strong-inverted-s: var(--dt-color-red-200-s);
  --dt-color-border-critical-strong-inverted-l: var(--dt-color-red-200-l);
  --dt-color-border-critical-strong-inverted-a: var(--dt-color-red-200-a);
  --dt-color-border-critical-strong-inverted-hsl: var(--dt-color-red-200-hsl);
  --dt-color-border-critical-strong-inverted-hsla: var(--dt-color-red-200-hsla);
  --dt-color-border-critical-strong-inverted: var(--dt-color-red-200);
  --dt-color-border-brand-subtle-inverted-h: var(--dt-color-purple-400-h);
  --dt-color-border-brand-subtle-inverted-s: var(--dt-color-purple-400-s);
  --dt-color-border-brand-subtle-inverted-l: var(--dt-color-purple-400-l);
  --dt-color-border-brand-subtle-inverted-a: var(--dt-color-purple-400-a);
  --dt-color-border-brand-subtle-inverted-hsl: var(--dt-color-purple-400-hsl);
  --dt-color-border-brand-subtle-inverted-hsla: var(--dt-color-purple-400-hsla);
  --dt-color-border-brand-subtle-inverted: var(--dt-color-purple-400);
  --dt-color-border-warning-subtle-inverted-h: var(--dt-color-gold-600-h);
  --dt-color-border-warning-subtle-inverted-s: var(--dt-color-gold-600-s);
  --dt-color-border-warning-subtle-inverted-l: var(--dt-color-gold-600-l);
  --dt-color-border-warning-subtle-inverted-a: var(--dt-color-gold-600-a);
  --dt-color-border-warning-subtle-inverted-hsl: var(--dt-color-gold-600-hsl);
  --dt-color-border-warning-subtle-inverted-hsla: var(--dt-color-gold-600-hsla);
  --dt-color-border-warning-subtle-inverted: var(--dt-color-gold-600);
  --dt-color-border-success-subtle-inverted-h: var(--dt-color-green-600-h);
  --dt-color-border-success-subtle-inverted-s: var(--dt-color-green-600-s);
  --dt-color-border-success-subtle-inverted-l: var(--dt-color-green-600-l);
  --dt-color-border-success-subtle-inverted-a: var(--dt-color-green-600-a);
  --dt-color-border-success-subtle-inverted-hsl: var(--dt-color-green-600-hsl);
  --dt-color-border-success-subtle-inverted-hsla: var(--dt-color-green-600-hsla);
  --dt-color-border-success-subtle-inverted: var(--dt-color-green-600);
  --dt-color-border-critical-subtle-inverted-h: var(--dt-color-red-700-h);
  --dt-color-border-critical-subtle-inverted-s: var(--dt-color-red-700-s);
  --dt-color-border-critical-subtle-inverted-l: var(--dt-color-red-700-l);
  --dt-color-border-critical-subtle-inverted-a: var(--dt-color-red-700-a);
  --dt-color-border-critical-subtle-inverted-hsl: var(--dt-color-red-700-hsl);
  --dt-color-border-critical-subtle-inverted-hsla: var(--dt-color-red-700-hsla);
  --dt-color-border-critical-subtle-inverted: var(--dt-color-red-700);
  --dt-color-border-brand-inverted-h: var(--dt-color-purple-300-h);
  --dt-color-border-brand-inverted-s: var(--dt-color-purple-300-s);
  --dt-color-border-brand-inverted-l: var(--dt-color-purple-300-l);
  --dt-color-border-brand-inverted-a: var(--dt-color-purple-300-a);
  --dt-color-border-brand-inverted-hsl: var(--dt-color-purple-300-hsl);
  --dt-color-border-brand-inverted-hsla: var(--dt-color-purple-300-hsla);
  --dt-color-border-brand-inverted: var(--dt-color-purple-300);
  --dt-color-border-warning-inverted-h: var(--dt-color-gold-450-h);
  --dt-color-border-warning-inverted-s: var(--dt-color-gold-450-s);
  --dt-color-border-warning-inverted-l: var(--dt-color-gold-450-l);
  --dt-color-border-warning-inverted-a: var(--dt-color-gold-450-a);
  --dt-color-border-warning-inverted-hsl: var(--dt-color-gold-450-hsl);
  --dt-color-border-warning-inverted-hsla: var(--dt-color-gold-450-hsla);
  --dt-color-border-warning-inverted: var(--dt-color-gold-450);
  --dt-color-border-success-inverted-h: var(--dt-color-green-425-h);
  --dt-color-border-success-inverted-s: var(--dt-color-green-425-s);
  --dt-color-border-success-inverted-l: var(--dt-color-green-425-l);
  --dt-color-border-success-inverted-a: var(--dt-color-green-425-a);
  --dt-color-border-success-inverted-hsl: var(--dt-color-green-425-hsl);
  --dt-color-border-success-inverted-hsla: var(--dt-color-green-425-hsla);
  --dt-color-border-success-inverted: var(--dt-color-green-425);
  --dt-color-border-critical-inverted-h: var(--dt-color-red-300-h);
  --dt-color-border-critical-inverted-s: var(--dt-color-red-300-s);
  --dt-color-border-critical-inverted-l: var(--dt-color-red-300-l);
  --dt-color-border-critical-inverted-a: var(--dt-color-red-300-a);
  --dt-color-border-critical-inverted-hsl: var(--dt-color-red-300-hsl);
  --dt-color-border-critical-inverted-hsla: var(--dt-color-red-300-hsla);
  --dt-color-border-critical-inverted: var(--dt-color-red-300);
  --dt-color-border-bold-inverted-h: 0;
  --dt-color-border-bold-inverted-s: 0%;
  --dt-color-border-bold-inverted-l: 100%;
  --dt-color-border-bold-inverted-a: 50%;
  --dt-color-border-bold-inverted-hsl: var(--dt-color-border-bold-inverted-h) var(--dt-color-border-bold-inverted-s) var(--dt-color-border-bold-inverted-l);
  --dt-color-border-bold-inverted-hsla: hsl(var(--dt-color-border-bold-inverted-h) var(--dt-color-border-bold-inverted-s) var(--dt-color-border-bold-inverted-l) / var(--alpha, 50%));
  --dt-color-border-bold-inverted: hsl(0 0% 100% / 0.5);
  --dt-color-border-moderate-inverted-h: 0;
  --dt-color-border-moderate-inverted-s: 0%;
  --dt-color-border-moderate-inverted-l: 100%;
  --dt-color-border-moderate-inverted-a: 35%;
  --dt-color-border-moderate-inverted-hsl: var(--dt-color-border-moderate-inverted-h) var(--dt-color-border-moderate-inverted-s) var(--dt-color-border-moderate-inverted-l);
  --dt-color-border-moderate-inverted-hsla: hsl(var(--dt-color-border-moderate-inverted-h) var(--dt-color-border-moderate-inverted-s) var(--dt-color-border-moderate-inverted-l) / var(--alpha, 35%));
  --dt-color-border-moderate-inverted: hsl(0 0% 100% / 0.35);
  --dt-color-border-default-inverted-h: 0;
  --dt-color-border-default-inverted-s: 0%;
  --dt-color-border-default-inverted-l: 100%;
  --dt-color-border-default-inverted-a: 20%;
  --dt-color-border-default-inverted-hsl: var(--dt-color-border-default-inverted-h) var(--dt-color-border-default-inverted-s) var(--dt-color-border-default-inverted-l);
  --dt-color-border-default-inverted-hsla: hsl(var(--dt-color-border-default-inverted-h) var(--dt-color-border-default-inverted-s) var(--dt-color-border-default-inverted-l) / var(--alpha, 20%));
  --dt-color-border-default-inverted: hsl(0 0% 100% / 0.2);
  --dt-color-border-subtle-inverted-h: 0;
  --dt-color-border-subtle-inverted-s: 0%;
  --dt-color-border-subtle-inverted-l: 100%;
  --dt-color-border-subtle-inverted-a: 12%;
  --dt-color-border-subtle-inverted-hsl: var(--dt-color-border-subtle-inverted-h) var(--dt-color-border-subtle-inverted-s) var(--dt-color-border-subtle-inverted-l);
  --dt-color-border-subtle-inverted-hsla: hsl(var(--dt-color-border-subtle-inverted-h) var(--dt-color-border-subtle-inverted-s) var(--dt-color-border-subtle-inverted-l) / var(--alpha, 12%));
  --dt-color-border-subtle-inverted: hsl(0 0% 100% / 0.12);
  --dt-color-border-brand-strong-h: var(--dt-color-purple-500-h);
  --dt-color-border-brand-strong-s: var(--dt-color-purple-500-s);
  --dt-color-border-brand-strong-l: var(--dt-color-purple-500-l);
  --dt-color-border-brand-strong-a: var(--dt-color-purple-500-a);
  --dt-color-border-brand-strong-hsl: var(--dt-color-purple-500-hsl);
  --dt-color-border-brand-strong-hsla: var(--dt-color-purple-500-hsla);
  --dt-color-border-brand-strong: var(--dt-color-purple-500);
  --dt-color-border-warning-strong-h: var(--dt-color-gold-500-h);
  --dt-color-border-warning-strong-s: var(--dt-color-gold-500-s);
  --dt-color-border-warning-strong-l: var(--dt-color-gold-500-l);
  --dt-color-border-warning-strong-a: var(--dt-color-gold-500-a);
  --dt-color-border-warning-strong-hsl: var(--dt-color-gold-500-hsl);
  --dt-color-border-warning-strong-hsla: var(--dt-color-gold-500-hsla);
  --dt-color-border-warning-strong: var(--dt-color-gold-500);
  --dt-color-border-success-strong-h: var(--dt-color-green-600-h);
  --dt-color-border-success-strong-s: var(--dt-color-green-600-s);
  --dt-color-border-success-strong-l: var(--dt-color-green-600-l);
  --dt-color-border-success-strong-a: var(--dt-color-green-600-a);
  --dt-color-border-success-strong-hsl: var(--dt-color-green-600-hsl);
  --dt-color-border-success-strong-hsla: var(--dt-color-green-600-hsla);
  --dt-color-border-success-strong: var(--dt-color-green-600);
  --dt-color-border-critical-strong-h: var(--dt-color-red-600-h);
  --dt-color-border-critical-strong-s: var(--dt-color-red-600-s);
  --dt-color-border-critical-strong-l: var(--dt-color-red-600-l);
  --dt-color-border-critical-strong-a: var(--dt-color-red-600-a);
  --dt-color-border-critical-strong-hsl: var(--dt-color-red-600-hsl);
  --dt-color-border-critical-strong-hsla: var(--dt-color-red-600-hsla);
  --dt-color-border-critical-strong: var(--dt-color-red-600);
  --dt-color-border-brand-subtle-h: var(--dt-color-purple-250-h);
  --dt-color-border-brand-subtle-s: var(--dt-color-purple-250-s);
  --dt-color-border-brand-subtle-l: var(--dt-color-purple-250-l);
  --dt-color-border-brand-subtle-a: var(--dt-color-purple-250-a);
  --dt-color-border-brand-subtle-hsl: var(--dt-color-purple-250-hsl);
  --dt-color-border-brand-subtle-hsla: var(--dt-color-purple-250-hsla);
  --dt-color-border-brand-subtle: var(--dt-color-purple-250);
  --dt-color-border-warning-subtle-h: var(--dt-color-gold-300-h);
  --dt-color-border-warning-subtle-s: var(--dt-color-gold-300-s);
  --dt-color-border-warning-subtle-l: var(--dt-color-gold-300-l);
  --dt-color-border-warning-subtle-a: var(--dt-color-gold-300-a);
  --dt-color-border-warning-subtle-hsl: var(--dt-color-gold-300-hsl);
  --dt-color-border-warning-subtle-hsla: var(--dt-color-gold-300-hsla);
  --dt-color-border-warning-subtle: var(--dt-color-gold-300);
  --dt-color-border-success-subtle-h: var(--dt-color-green-300-h);
  --dt-color-border-success-subtle-s: var(--dt-color-green-300-s);
  --dt-color-border-success-subtle-l: var(--dt-color-green-300-l);
  --dt-color-border-success-subtle-a: var(--dt-color-green-300-a);
  --dt-color-border-success-subtle-hsl: var(--dt-color-green-300-hsl);
  --dt-color-border-success-subtle-hsla: var(--dt-color-green-300-hsla);
  --dt-color-border-success-subtle: var(--dt-color-green-300);
  --dt-color-border-critical-subtle-h: var(--dt-color-red-300-h);
  --dt-color-border-critical-subtle-s: var(--dt-color-red-300-s);
  --dt-color-border-critical-subtle-l: var(--dt-color-red-300-l);
  --dt-color-border-critical-subtle-a: var(--dt-color-red-300-a);
  --dt-color-border-critical-subtle-hsl: var(--dt-color-red-300-hsl);
  --dt-color-border-critical-subtle-hsla: var(--dt-color-red-300-hsla);
  --dt-color-border-critical-subtle: var(--dt-color-red-300);
  --dt-color-border-brand-h: var(--dt-color-brand-purple-h);
  --dt-color-border-brand-s: var(--dt-color-brand-purple-s);
  --dt-color-border-brand-l: var(--dt-color-brand-purple-l);
  --dt-color-border-brand-a: var(--dt-color-brand-purple-a);
  --dt-color-border-brand-hsl: var(--dt-color-brand-purple-hsl);
  --dt-color-border-brand-hsla: var(--dt-color-brand-purple-hsla);
  --dt-color-border-brand: var(--dt-color-brand-purple);
  --dt-color-border-warning-h: var(--dt-color-gold-400-h);
  --dt-color-border-warning-s: var(--dt-color-gold-400-s);
  --dt-color-border-warning-l: var(--dt-color-gold-400-l);
  --dt-color-border-warning-a: var(--dt-color-gold-400-a);
  --dt-color-border-warning-hsl: var(--dt-color-gold-400-hsl);
  --dt-color-border-warning-hsla: var(--dt-color-gold-400-hsla);
  --dt-color-border-warning: var(--dt-color-gold-400);
  --dt-color-border-success-h: var(--dt-color-green-475-h);
  --dt-color-border-success-s: var(--dt-color-green-475-s);
  --dt-color-border-success-l: var(--dt-color-green-475-l);
  --dt-color-border-success-a: var(--dt-color-green-475-a);
  --dt-color-border-success-hsl: var(--dt-color-green-475-hsl);
  --dt-color-border-success-hsla: var(--dt-color-green-475-hsla);
  --dt-color-border-success: var(--dt-color-green-475);
  --dt-color-border-critical-h: var(--dt-color-red-450-h);
  --dt-color-border-critical-s: var(--dt-color-red-450-s);
  --dt-color-border-critical-l: var(--dt-color-red-450-l);
  --dt-color-border-critical-a: var(--dt-color-red-450-a);
  --dt-color-border-critical-hsl: var(--dt-color-red-450-hsl);
  --dt-color-border-critical-hsla: var(--dt-color-red-450-hsla);
  --dt-color-border-critical: var(--dt-color-red-450);
  --dt-color-border-bold-h: 0;
  --dt-color-border-bold-s: 0%;
  --dt-color-border-bold-l: 11%;
  --dt-color-border-bold-a: 50%;
  --dt-color-border-bold-hsl: var(--dt-color-border-bold-h) var(--dt-color-border-bold-s) var(--dt-color-border-bold-l);
  --dt-color-border-bold-hsla: hsl(var(--dt-color-border-bold-h) var(--dt-color-border-bold-s) var(--dt-color-border-bold-l) / var(--alpha, 50%));
  --dt-color-border-bold: hsl(0 0% 11% / 0.5);
  --dt-color-border-moderate-h: 0;
  --dt-color-border-moderate-s: 0%;
  --dt-color-border-moderate-l: 11%;
  --dt-color-border-moderate-a: 30%;
  --dt-color-border-moderate-hsl: var(--dt-color-border-moderate-h) var(--dt-color-border-moderate-s) var(--dt-color-border-moderate-l);
  --dt-color-border-moderate-hsla: hsl(var(--dt-color-border-moderate-h) var(--dt-color-border-moderate-s) var(--dt-color-border-moderate-l) / var(--alpha, 30%));
  --dt-color-border-moderate: hsl(0 0% 11% / 0.3);
  --dt-color-border-default-h: 0;
  --dt-color-border-default-s: 0%;
  --dt-color-border-default-l: 11%;
  --dt-color-border-default-a: 17%;
  --dt-color-border-default-hsl: var(--dt-color-border-default-h) var(--dt-color-border-default-s) var(--dt-color-border-default-l);
  --dt-color-border-default-hsla: hsl(var(--dt-color-border-default-h) var(--dt-color-border-default-s) var(--dt-color-border-default-l) / var(--alpha, 17%));
  --dt-color-border-default: hsl(0 0% 11% / 0.17);
  --dt-color-border-subtle-h: 0;
  --dt-color-border-subtle-s: 0%;
  --dt-color-border-subtle-l: 11%;
  --dt-color-border-subtle-a: 11%;
  --dt-color-border-subtle-hsl: var(--dt-color-border-subtle-h) var(--dt-color-border-subtle-s) var(--dt-color-border-subtle-l);
  --dt-color-border-subtle-hsla: hsl(var(--dt-color-border-subtle-h) var(--dt-color-border-subtle-s) var(--dt-color-border-subtle-l) / var(--alpha, 11%));
  --dt-color-border-subtle: hsl(0 0% 11% / 0.11);
  --dt-color-surface-ai: var(--dt-color-gradient-gold-red-magenta-purple);
  --dt-color-surface-backdrop-h: 0;
  --dt-color-surface-backdrop-s: 0%;
  --dt-color-surface-backdrop-l: 0%;
  --dt-color-surface-backdrop-a: 65%;
  --dt-color-surface-backdrop-hsl: var(--dt-color-surface-backdrop-h) var(--dt-color-surface-backdrop-s) var(--dt-color-surface-backdrop-l);
  --dt-color-surface-backdrop-hsla: hsl(var(--dt-color-surface-backdrop-h) var(--dt-color-surface-backdrop-s) var(--dt-color-surface-backdrop-l) / var(--alpha, 65%));
  --dt-color-surface-backdrop: hsl(0 0% 0% / 0.65); /* Background color for a modal-like backdrop. */
  --dt-color-surface-brand-subtle-opaque-inverted-h: 260;
  --dt-color-surface-brand-subtle-opaque-inverted-s: 91.3%;
  --dt-color-surface-brand-subtle-opaque-inverted-l: 9.02%;
  --dt-color-surface-brand-subtle-opaque-inverted-a: 66%;
  --dt-color-surface-brand-subtle-opaque-inverted-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);
  --dt-color-surface-brand-subtle-opaque-inverted-hsla: 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(--alpha, 66%));
  --dt-color-surface-brand-subtle-opaque-inverted: hsl(260 91.3% 9.02% / 0.66); /* Info surface as opaque background color. */
  --dt-color-surface-info-subtle-opaque-inverted-h: 211;
  --dt-color-surface-info-subtle-opaque-inverted-s: 91.3%;
  --dt-color-surface-info-subtle-opaque-inverted-l: 4.51%;
  --dt-color-surface-info-subtle-opaque-inverted-a: 66%;
  --dt-color-surface-info-subtle-opaque-inverted-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);
  --dt-color-surface-info-subtle-opaque-inverted-hsla: 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(--alpha, 66%));
  --dt-color-surface-info-subtle-opaque-inverted: hsl(211 91.3% 4.51% / 0.66); /* Info surface as opaque background color. */
  --dt-color-surface-success-subtle-opaque-inverted-h: 157;
  --dt-color-surface-success-subtle-opaque-inverted-s: 100%;
  --dt-color-surface-success-subtle-opaque-inverted-l: 4.12%;
  --dt-color-surface-success-subtle-opaque-inverted-a: 66%;
  --dt-color-surface-success-subtle-opaque-inverted-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);
  --dt-color-surface-success-subtle-opaque-inverted-hsla: 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(--alpha, 66%));
  --dt-color-surface-success-subtle-opaque-inverted: hsl(157 100% 4.12% / 0.66); /* Success subtle surface as opaque background color. */
  --dt-color-surface-warning-subtle-opaque-inverted-h: 34.8;
  --dt-color-surface-warning-subtle-opaque-inverted-s: 93.9%;
  --dt-color-surface-warning-subtle-opaque-inverted-l: 6.47%;
  --dt-color-surface-warning-subtle-opaque-inverted-a: 30%;
  --dt-color-surface-warning-subtle-opaque-inverted-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);
  --dt-color-surface-warning-subtle-opaque-inverted-hsla: 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(--alpha, 30%));
  --dt-color-surface-warning-subtle-opaque-inverted: hsl(34.8 93.9% 6.47% / 0.3); /* Warning subtle surface as opaque background color */
  --dt-color-surface-critical-subtle-opaque-inverted-h: 344;
  --dt-color-surface-critical-subtle-opaque-inverted-s: 93.1%;
  --dt-color-surface-critical-subtle-opaque-inverted-l: 5.69%;
  --dt-color-surface-critical-subtle-opaque-inverted-a: 60%;
  --dt-color-surface-critical-subtle-opaque-inverted-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);
  --dt-color-surface-critical-subtle-opaque-inverted-hsla: 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(--alpha, 60%));
  --dt-color-surface-critical-subtle-opaque-inverted: hsl(344 93.1% 5.69% / 0.6); /* Critical subtle surface as opaque background color. */
  --dt-color-surface-brand-opaque-inverted-h: 260;
  --dt-color-surface-brand-opaque-inverted-s: 97.7%;
  --dt-color-surface-brand-opaque-inverted-l: 16.9%;
  --dt-color-surface-brand-opaque-inverted-a: 80%;
  --dt-color-surface-brand-opaque-inverted-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);
  --dt-color-surface-brand-opaque-inverted-hsla: 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(--alpha, 80%));
  --dt-color-surface-brand-opaque-inverted: hsl(260 97.7% 16.9% / 0.8); /* Info surface as opaque background color. */
  --dt-color-surface-info-opaque-inverted-h: 211;
  --dt-color-surface-info-opaque-inverted-s: 100%;
  --dt-color-surface-info-opaque-inverted-l: 8.04%;
  --dt-color-surface-info-opaque-inverted-a: 60%;
  --dt-color-surface-info-opaque-inverted-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);
  --dt-color-surface-info-opaque-inverted-hsla: 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(--alpha, 60%));
  --dt-color-surface-info-opaque-inverted: hsl(211 100% 8.04% / 0.6); /* Info surface as opaque background color. */
  --dt-color-surface-success-opaque-inverted-h: 155;
  --dt-color-surface-success-opaque-inverted-s: 100%;
  --dt-color-surface-success-opaque-inverted-l: 15.5%;
  --dt-color-surface-success-opaque-inverted-a: 30%;
  --dt-color-surface-success-opaque-inverted-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);
  --dt-color-surface-success-opaque-inverted-hsla: 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(--alpha, 30%));
  --dt-color-surface-success-opaque-inverted: hsl(155 100% 15.5% / 0.3); /* Success surface as opaque background color. */
  --dt-color-surface-warning-opaque-inverted-h: 34.9;
  --dt-color-surface-warning-opaque-inverted-s: 90.8%;
  --dt-color-surface-warning-opaque-inverted-l: 17.1%;
  --dt-color-surface-warning-opaque-inverted-a: 35%;
  --dt-color-surface-warning-opaque-inverted-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);
  --dt-color-surface-warning-opaque-inverted-hsla: 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(--alpha, 35%));
  --dt-color-surface-warning-opaque-inverted: hsl(34.9 90.8% 17.1% / 0.35); /* Warning surface as opaque background color */
  --dt-color-surface-critical-opaque-inverted-h: 342;
  --dt-color-surface-critical-opaque-inverted-s: 85.2%;
  --dt-color-surface-critical-opaque-inverted-l: 21.2%;
  --dt-color-surface-critical-opaque-inverted-a: 50%;
  --dt-color-surface-critical-opaque-inverted-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);
  --dt-color-surface-critical-opaque-inverted-hsla: 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(--alpha, 50%));
  --dt-color-surface-critical-opaque-inverted: hsl(342 85.2% 21.2% / 0.5); /* Critical surface as opaque background color. */
  --dt-color-surface-contrast-opaque-inverted-h: 0;
  --dt-color-surface-contrast-opaque-inverted-s: 0%;
  --dt-color-surface-contrast-opaque-inverted-l: 100%;
  --dt-color-surface-contrast-opaque-inverted-a: 97%;
  --dt-color-surface-contrast-opaque-inverted-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);
  --dt-color-surface-contrast-opaque-inverted-hsla: 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(--alpha, 97%));
  --dt-color-surface-contrast-opaque-inverted: hsl(0 0% 100% / 0.97); /* Contrast surface as opaque background color. */
  --dt-color-surface-strong-opaque-inverted-h: 0;
  --dt-color-surface-strong-opaque-inverted-s: 0%;
  --dt-color-surface-strong-opaque-inverted-l: 100%;
  --dt-color-surface-strong-opaque-inverted-a: 67%;
  --dt-color-surface-strong-opaque-inverted-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);
  --dt-color-surface-strong-opaque-inverted-hsla: 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(--alpha, 67%));
  --dt-color-surface-strong-opaque-inverted: hsl(0 0% 100% / 0.67); /* Strong surface as opaque background color. */
  --dt-color-surface-bold-opaque-inverted-h: 0;
  --dt-color-surface-bold-opaque-inverted-s: 0%;
  --dt-color-surface-bold-opaque-inverted-l: 100%;
  --dt-color-surface-bold-opaque-inverted-a: 32%;
  --dt-color-surface-bold-opaque-inverted-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);
  --dt-color-surface-bold-opaque-inverted-hsla: 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(--alpha, 32%));
  --dt-color-surface-bold-opaque-inverted: hsl(0 0% 100% / 0.32); /* Bold surface as opaque background color. */
  --dt-color-surface-moderate-opaque-inverted-h: 0;
  --dt-color-surface-moderate-opaque-inverted-s: 0%;
  --dt-color-surface-moderate-opaque-inverted-l: 100%;
  --dt-color-surface-moderate-opaque-inverted-a: 23%;
  --dt-color-surface-moderate-opaque-inverted-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);
  --dt-color-surface-moderate-opaque-inverted-hsla: 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(--alpha, 23%));
  --dt-color-surface-moderate-opaque-inverted: hsl(0 0% 100% / 0.23); /* Moderate surface as opaque background color. */
  --dt-color-surface-secondary-opaque-inverted-h: 0;
  --dt-color-surface-secondary-opaque-inverted-s: 0%;
  --dt-color-surface-secondary-opaque-inverted-l: 100%;
  --dt-color-surface-secondary-opaque-inverted-a: 15%;
  --dt-color-surface-secondary-opaque-inverted-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);
  --dt-color-surface-secondary-opaque-inverted-hsla: 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(--alpha, 15%));
  --dt-color-surface-secondary-opaque-inverted: hsl(0 0% 100% / 0.15); /* Secondary surface as opaque background color. */
  --dt-color-surface-brand-strong-inverted-h: var(--dt-color-purple-250-h);
  --dt-color-surface-brand-strong-inverted-s: var(--dt-color-purple-250-s);
  --dt-color-surface-brand-strong-inverted-l: var(--dt-color-purple-250-l);
  --dt-color-surface-brand-strong-inverted-a: var(--dt-color-purple-250-a);
  --dt-color-surface-brand-strong-inverted-hsl: var(--dt-color-purple-250-hsl);
  --dt-color-surface-brand-strong-inverted-hsla: var(--dt-color-purple-250-hsla);
  --dt-color-surface-brand-strong-inverted: var(--dt-color-purple-250); /* A contrasting informational surface, most likely paired with inverted foreground colors. */
  --dt-color-surface-info-strong-inverted-h: var(--dt-color-blue-425-h);
  --dt-color-surface-info-strong-inverted-s: var(--dt-color-blue-425-s);
  --dt-color-surface-info-strong-inverted-l: var(--dt-color-blue-425-l);
  --dt-color-surface-info-strong-inverted-a: var(--dt-color-blue-425-a);
  --dt-color-surface-info-strong-inverted-hsl: var(--dt-color-blue-425-hsl);
  --dt-color-surface-info-strong-inverted-hsla: var(--dt-color-blue-425-hsla);
  --dt-color-surface-info-strong-inverted: var(--dt-color-blue-425); /* A contrasting informational surface, most likely paired with inverted foreground colors. */
  --dt-color-surface-success-strong-inverted-h: var(--dt-color-green-350-h);
  --dt-color-surface-success-strong-inverted-s: var(--dt-color-green-350-s);
  --dt-color-surface-success-strong-inverted-l: var(--dt-color-green-350-l);
  --dt-color-surface-success-strong-inverted-a: var(--dt-color-green-350-a);
  --dt-color-surface-success-strong-inverted-hsl: var(--dt-color-green-350-hsl);
  --dt-color-surface-success-strong-inverted-hsla: var(--dt-color-green-350-hsla);
  --dt-color-surface-success-strong-inverted: var(--dt-color-green-350); /* A contrasting positive state surface, most likely paired with inverted foreground colors. */
  --dt-color-surface-warning-strong-inverted-h: var(--dt-color-gold-300-h);
  --dt-color-surface-warning-strong-inverted-s: var(--dt-color-gold-300-s);
  --dt-color-surface-warning-strong-inverted-l: var(--dt-color-gold-300-l);
  --dt-color-surface-warning-strong-inverted-a: var(--dt-color-gold-300-a);
  --dt-color-surface-warning-strong-inverted-hsl: var(--dt-color-gold-300-hsl);
  --dt-color-surface-warning-strong-inverted-hsla: var(--dt-color-gold-300-hsla);
  --dt-color-surface-warning-strong-inverted: var(--dt-color-gold-300); /* A contrasting warning surface, most likely paired with inverted foreground colors. */
  --dt-color-surface-critical-strong-inverted-h: var(--dt-color-red-300-h);
  --dt-color-surface-critical-strong-inverted-s: var(--dt-color-red-300-s);
  --dt-color-surface-critical-strong-inverted-l: var(--dt-color-red-300-l);
  --dt-color-surface-critical-strong-inverted-a: var(--dt-color-red-300-a);
  --dt-color-surface-critical-strong-inverted-hsl: var(--dt-color-red-300-hsl);
  --dt-color-surface-critical-strong-inverted-hsla: var(--dt-color-red-300-hsla);
  --dt-color-surface-critical-strong-inverted: var(--dt-color-red-300); /* A contrasting critical surface, most likely paired with inverted foreground colors. */
  --dt-color-surface-brand-subtle-inverted-h: var(--dt-color-purple-1000-h);
  --dt-color-surface-brand-subtle-inverted-s: var(--dt-color-purple-1000-s);
  --dt-color-surface-brand-subtle-inverted-l: var(--dt-color-purple-1000-l);
  --dt-color-surface-brand-subtle-inverted-a: var(--dt-color-purple-1000-a);
  --dt-color-surface-brand-subtle-inverted-hsl: var(--dt-color-purple-1000-hsl);
  --dt-color-surface-brand-subtle-inverted-hsla: var(--dt-color-purple-1000-hsla);
  --dt-color-surface-brand-subtle-inverted: var(--dt-color-purple-1000); /* A softer version of the default informational surface. */
  --dt-color-surface-info-subtle-inverted-h: var(--dt-color-blue-1000-h);
  --dt-color-surface-info-subtle-inverted-s: var(--dt-color-blue-1000-s);
  --dt-color-surface-info-subtle-inverted-l: var(--dt-color-blue-1000-l);
  --dt-color-surface-info-subtle-inverted-a: var(--dt-color-blue-1000-a);
  --dt-color-surface-info-subtle-inverted-hsl: var(--dt-color-blue-1000-hsl);
  --dt-color-surface-info-subtle-inverted-hsla: var(--dt-color-blue-1000-hsla);
  --dt-color-surface-info-subtle-inverted: var(--dt-color-blue-1000); /* A softer version of the default informational surface. */
  --dt-color-surface-success-subtle-inverted-h: var(--dt-color-green-1000-h);
  --dt-color-surface-success-subtle-inverted-s: var(--dt-color-green-1000-s);
  --dt-color-surface-success-subtle-inverted-l: var(--dt-color-green-1000-l);
  --dt-color-surface-success-subtle-inverted-a: var(--dt-color-green-1000-a);
  --dt-color-surface-success-subtle-inverted-hsl: var(--dt-color-green-1000-hsl);
  --dt-color-surface-success-subtle-inverted-hsla: var(--dt-color-green-1000-hsla);
  --dt-color-surface-success-subtle-inverted: var(--dt-color-green-1000); /* A softer version of the default success surface. */
  --dt-color-surface-warning-subtle-inverted-h: var(--dt-color-gold-1000-h);
  --dt-color-surface-warning-subtle-inverted-s: var(--dt-color-gold-1000-s);
  --dt-color-surface-warning-subtle-inverted-l: var(--dt-color-gold-1000-l);
  --dt-color-surface-warning-subtle-inverted-a: var(--dt-color-gold-1000-a);
  --dt-color-surface-warning-subtle-inverted-hsl: var(--dt-color-gold-1000-hsl);
  --dt-color-surface-warning-subtle-inverted-hsla: var(--dt-color-gold-1000-hsla);
  --dt-color-surface-warning-subtle-inverted: var(--dt-color-gold-1000); /* A softer version of the default warning surface. */
  --dt-color-surface-critical-subtle-inverted-h: var(--dt-color-red-1000-h);
  --dt-color-surface-critical-subtle-inverted-s: var(--dt-color-red-1000-s);
  --dt-color-surface-critical-subtle-inverted-l: var(--dt-color-red-1000-l);
  --dt-color-surface-critical-subtle-inverted-a: var(--dt-color-red-1000-a);
  --dt-color-surface-critical-subtle-inverted-hsl: var(--dt-color-red-1000-hsl);
  --dt-color-surface-critical-subtle-inverted-hsla: var(--dt-color-red-1000-hsla);
  --dt-color-surface-critical-subtle-inverted: var(--dt-color-red-1000); /* A softer version of the Critical surface. */
  --dt-color-surface-brand-inverted-h: var(--dt-color-purple-600-h);
  --dt-color-surface-brand-inverted-s: var(--dt-color-purple-600-s);
  --dt-color-surface-brand-inverted-l: var(--dt-color-purple-600-l);
  --dt-color-surface-brand-inverted-a: var(--dt-color-purple-600-a);
  --dt-color-surface-brand-inverted-hsl: var(--dt-color-purple-600-hsl);
  --dt-color-surface-brand-inverted-hsla: var(--dt-color-purple-600-hsla);
  --dt-color-surface-brand-inverted: var(--dt-color-purple-600); /* Background surface color containing messaging or elements communicated as generally informational. */
  --dt-color-surface-info-inverted-h: var(--dt-color-blue-900-h);
  --dt-color-surface-info-inverted-s: var(--dt-color-blue-900-s);
  --dt-color-surface-info-inverted-l: var(--dt-color-blue-900-l);
  --dt-color-surface-info-inverted-a: var(--dt-color-blue-900-a);
  --dt-color-surface-info-inverted-hsl: var(--dt-color-blue-900-hsl);
  --dt-color-surface-info-inverted-hsla: var(--dt-color-blue-900-hsla);
  --dt-color-surface-info-inverted: var(--dt-color-blue-900); /* Background surface color containing messaging or elements communicated as generally informational. */
  --dt-color-surface-success-inverted-h: var(--dt-color-green-900-h);
  --dt-color-surface-success-inverted-s: var(--dt-color-green-900-s);
  --dt-color-surface-success-inverted-l: var(--dt-color-green-900-l);
  --dt-color-surface-success-inverted-a: var(--dt-color-green-900-a);
  --dt-color-surface-success-inverted-hsl: var(--dt-color-green-900-hsl);
  --dt-color-surface-success-inverted-hsla: var(--dt-color-green-900-hsla);
  --dt-color-surface-success-inverted: var(--dt-color-green-900); /* Background surface color containing messaging or elements expressing a positive or successful state. */
  --dt-color-surface-warning-inverted-h: var(--dt-color-gold-900-h);
  --dt-color-surface-warning-inverted-s: var(--dt-color-gold-900-s);
  --dt-color-surface-warning-inverted-l: var(--dt-color-gold-900-l);
  --dt-color-surface-warning-inverted-a: var(--dt-color-gold-900-a);
  --dt-color-surface-warning-inverted-hsl: var(--dt-color-gold-900-hsl);
  --dt-color-surface-warning-inverted-hsla: var(--dt-color-gold-900-hsla);
  --dt-color-surface-warning-inverted: var(--dt-color-gold-900); /* Background surface color highlighting messaging or elements that may require user's attention. */
  --dt-color-surface-critical-inverted-h: var(--dt-color-red-900-h);
  --dt-color-surface-critical-inverted-s: var(--dt-color-red-900-s);
  --dt-color-surface-critical-inverted-l: var(--dt-color-red-900-l);
  --dt-color-surface-critical-inverted-a: var(--dt-color-red-900-a);
  --dt-color-surface-critical-inverted-hsl: var(--dt-color-red-900-hsl);
  --dt-color-surface-critical-inverted-hsla: var(--dt-color-red-900-hsla);
  --dt-color-surface-critical-inverted: var(--dt-color-red-900); /* Background surface color containing error, danger, or otherwise critical messaging or elements. */
  --dt-color-surface-contrast-inverted-h: var(--dt-color-black-100-h);
  --dt-color-surface-contrast-inverted-s: var(--dt-color-black-100-s);
  --dt-color-surface-contrast-inverted-l: var(--dt-color-black-100-l);
  --dt-color-surface-contrast-inverted-a: var(--dt-color-black-100-a);
  --dt-color-surface-contrast-inverted-hsl: var(--dt-color-black-100-hsl);
  --dt-color-surface-contrast-inverted-hsla: var(--dt-color-black-100-hsla);
  --dt-color-surface-contrast-inverted: var(--dt-color-black-100); /* An inverted surface for lightened content and elements, most likely paired with inverted foreground colors. */
  --dt-color-surface-strong-inverted-h: var(--dt-color-black-400-h);
  --dt-color-surface-strong-inverted-s: var(--dt-color-black-400-s);
  --dt-color-surface-strong-inverted-l: var(--dt-color-black-400-l);
  --dt-color-surface-strong-inverted-a: var(--dt-color-black-400-a);
  --dt-color-surface-strong-inverted-hsl: var(--dt-color-black-400-hsl);
  --dt-color-surface-strong-inverted-hsla: var(--dt-color-black-400-hsla);
  --dt-color-surface-strong-inverted: var(--dt-color-black-400); /* Use sparingly to draw the eye to a relatively important region. */
  --dt-color-surface-bold-inverted-h: var(--dt-color-black-600-h);
  --dt-color-surface-bold-inverted-s: var(--dt-color-black-600-s);
  --dt-color-surface-bold-inverted-l: var(--dt-color-black-600-l);
  --dt-color-surface-bold-inverted-a: var(--dt-color-black-600-a);
  --dt-color-surface-bold-inverted-hsl: var(--dt-color-black-600-hsl);
  --dt-color-surface-bold-inverted-hsla: var(--dt-color-black-600-hsla);
  --dt-color-surface-bold-inverted: var(--dt-color-black-600); /* Highlight or call attention to specific areas of the interface. */
  --dt-color-surface-moderate-inverted-h: var(--dt-color-black-700-h);
  --dt-color-surface-moderate-inverted-s: var(--dt-color-black-700-s);
  --dt-color-surface-moderate-inverted-l: var(--dt-color-black-700-l);
  --dt-color-surface-moderate-inverted-a: var(--dt-color-black-700-a);
  --dt-color-surface-moderate-inverted-hsl: var(--dt-color-black-700-hsl);
  --dt-color-surface-moderate-inverted-hsla: var(--dt-color-black-700-hsla);
  --dt-color-surface-moderate-inverted: var(--dt-color-black-700); /* A tertiary surface level, prominent without being too overpowering. */
  --dt-color-surface-secondary-inverted-h: var(--dt-color-black-800-h);
  --dt-color-surface-secondary-inverted-s: var(--dt-color-black-800-s);
  --dt-color-surface-secondary-inverted-l: var(--dt-color-black-800-l);
  --dt-color-surface-secondary-inverted-a: var(--dt-color-black-800-a);
  --dt-color-surface-secondary-inverted-hsl: var(--dt-color-black-800-hsl);
  --dt-color-surface-secondary-inverted-hsla: var(--dt-color-black-800-hsla);
  --dt-color-surface-secondary-inverted: var(--dt-color-black-800); /* For adjacent or complementary regions. */
  --dt-color-surface-primary-inverted-h: var(--dt-color-black-1000-h);
  --dt-color-surface-primary-inverted-s: var(--dt-color-black-1000-s);
  --dt-color-surface-primary-inverted-l: var(--dt-color-black-1000-l);
  --dt-color-surface-primary-inverted-a: var(--dt-color-black-1000-a);
  --dt-color-surface-primary-inverted-hsl: var(--dt-color-black-1000-hsl);
  --dt-color-surface-primary-inverted-hsla: var(--dt-color-black-1000-hsla);
  --dt-color-surface-primary-inverted: var(--dt-color-black-1000); /* An inverted surface for lightened content and elements, most likely paired with inverted foreground colors. */
  --dt-color-surface-brand-subtle-opaque-h: 261;
  --dt-color-surface-brand-subtle-opaque-s: 100%;
  --dt-color-surface-brand-subtle-opaque-l: 86.9%;
  --dt-color-surface-brand-subtle-opaque-a: 20%;
  --dt-color-surface-brand-subtle-opaque-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);
  --dt-color-surface-brand-subtle-opaque-hsla: 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(--alpha, 20%));
  --dt-color-surface-brand-subtle-opaque: hsl(261 100% 86.9% / 0.2); /* Info surface as opaque background color. */
  --dt-color-surface-info-subtle-opaque-h: 210;
  --dt-color-surface-info-subtle-opaque-s: 61.5%;
  --dt-color-surface-info-subtle-opaque-l: 94.9%;
  --dt-color-surface-info-subtle-opaque-a: 50%;
  --dt-color-surface-info-subtle-opaque-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);
  --dt-color-surface-info-subtle-opaque-hsla: 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(--alpha, 50%));
  --dt-color-surface-info-subtle-opaque: hsl(210 61.5% 94.9% / 0.5); /* Info surface as opaque background color. */
  --dt-color-surface-success-subtle-opaque-h: 111;
  --dt-color-surface-success-subtle-opaque-s: 53.79999999999999%;
  --dt-color-surface-success-subtle-opaque-l: 94.9%;
  --dt-color-surface-success-subtle-opaque-a: 50%;
  --dt-color-surface-success-subtle-opaque-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);
  --dt-color-surface-success-subtle-opaque-hsla: 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(--alpha, 50%));
  --dt-color-surface-success-subtle-opaque: hsl(111 53.8% 94.9% / 0.5); /* Success subtle surface as opaque background color. */
  --dt-color-surface-warning-subtle-opaque-h: 47.1;
  --dt-color-surface-warning-subtle-opaque-s: 100%;
  --dt-color-surface-warning-subtle-opaque-l: 90%;
  --dt-color-surface-warning-subtle-opaque-a: 50%;
  --dt-color-surface-warning-subtle-opaque-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);
  --dt-color-surface-warning-subtle-opaque-hsla: 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(--alpha, 50%));
  --dt-color-surface-warning-subtle-opaque: hsl(47.1 100% 90% / 0.5); /* Warning subtle surface as opaque background color */
  --dt-color-surface-critical-subtle-opaque-h: 358;
  --dt-color-surface-critical-subtle-opaque-s: 100%;
  --dt-color-surface-critical-subtle-opaque-l: 94.9%;
  --dt-color-surface-critical-subtle-opaque-a: 50%;
  --dt-color-surface-critical-subtle-opaque-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);
  --dt-color-surface-critical-subtle-opaque-hsla: 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(--alpha, 50%));
  --dt-color-surface-critical-subtle-opaque: hsl(358 100% 94.9% / 0.5); /* Critical subtle surface as opaque background color. */
  --dt-color-surface-brand-opaque-h: 261;
  --dt-color-surface-brand-opaque-s: 100%;
  --dt-color-surface-brand-opaque-l: 86.9%;
  --dt-color-surface-brand-opaque-a: 27%;
  --dt-color-surface-brand-opaque-hsl: var(--dt-color-surface-brand-opaque-h) var(--dt-color-surface-brand-opaque-s) var(--dt-color-surface-brand-opaque-l);
  --dt-color-surface-brand-opaque-hsla: hsl(var(--dt-color-surface-brand-opaque-h) var(--dt-color-surface-brand-opaque-s) var(--dt-color-surface-brand-opaque-l) / var(--alpha, 27%));
  --dt-color-surface-brand-opaque: hsl(261 100% 86.9% / 0.27); /* Info surface as opaque background color. */
  --dt-color-surface-info-opaque-h: 201;
  --dt-color-surface-info-opaque-s: 100%;
  --dt-color-surface-info-opaque-l: 87.1%;
  --dt-color-surface-info-opaque-a: 35%;
  --dt-color-surface-info-opaque-hsl: var(--dt-color-surface-info-opaque-h) var(--dt-color-surface-info-opaque-s) var(--dt-color-surface-info-opaque-l);
  --dt-color-surface-info-opaque-hsla: hsl(var(--dt-color-surface-info-opaque-h) var(--dt-color-surface-info-opaque-s) var(--dt-color-surface-info-opaque-l) / var(--alpha, 35%));
  --dt-color-surface-info-opaque: hsl(201 100% 87.1% / 0.35); /* Info surface as opaque background color. */
  --dt-color-surface-success-opaque-h: 85.1;
  --dt-color-surface-success-opaque-s: 100%;
  --dt-color-surface-success-opaque-l: 83.1%;
  --dt-color-surface-success-opaque-a: 25%;
  --dt-color-surface-success-opaque-hsl: var(--dt-color-surface-success-opaque-h) var(--dt-color-surface-success-opaque-s) var(--dt-color-surface-success-opaque-l);
  --dt-color-surface-success-opaque-hsla: hsl(var(--dt-color-surface-success-opaque-h) var(--dt-color-surface-success-opaque-s) var(--dt-color-surface-success-opaque-l) / var(--alpha, 25%));
  --dt-color-surface-success-opaque: hsl(85.1 100% 83.1% / 0.25); /* Success surface as opaque background color. */
  --dt-color-surface-warning-opaque-h: 46.1;
  --dt-color-surface-warning-opaque-s: 100%;
  --dt-color-surface-warning-opaque-l: 80.6%;
  --dt-color-surface-warning-opaque-a: 50%;
  --dt-color-surface-warning-opaque-hsl: var(--dt-color-surface-warning-opaque-h) var(--dt-color-surface-warning-opaque-s) var(--dt-color-surface-warning-opaque-l);
  --dt-color-surface-warning-opaque-hsla: hsl(var(--dt-color-surface-warning-opaque-h) var(--dt-color-surface-warning-opaque-s) var(--dt-color-surface-warning-opaque-l) / var(--alpha, 50%));
  --dt-color-surface-warning-opaque: hsl(46.1 100% 80.6% / 0.5); /* Warning surface as opaque background color */
  --dt-color-surface-critical-opaque-h: 4.62;
  --dt-color-surface-critical-opaque-s: 100%;
  --dt-color-surface-critical-opaque-l: 82.2%;
  --dt-color-surface-critical-opaque-a: 31%;
  --dt-color-surface-critical-opaque-hsl: var(--dt-color-surface-critical-opaque-h) var(--dt-color-surface-critical-opaque-s) var(--dt-color-surface-critical-opaque-l);
  --dt-color-surface-critical-opaque-hsla: hsl(var(--dt-color-surface-critical-opaque-h) var(--dt-color-surface-critical-opaque-s) var(--dt-color-surface-critical-opaque-l) / var(--alpha, 31%));
  --dt-color-surface-critical-opaque: hsl(4.62 100% 82.2% / 0.31); /* Critical surface as opaque background color. */
  --dt-color-surface-contrast-opaque-h: 0;
  --dt-color-surface-contrast-opaque-s: 0%;
  --dt-color-surface-contrast-opaque-l: 11%;
  --dt-color-surface-contrast-opaque-a: 94%;
  --dt-color-surface-contrast-opaque-hsl: var(--dt-color-surface-contrast-opaque-h) var(--dt-color-surface-contrast-opaque-s) var(--dt-color-surface-contrast-opaque-l);
  --dt-color-surface-contrast-opaque-hsla: hsl(var(--dt-color-surface-contrast-opaque-h) var(--dt-color-surface-contrast-opaque-s) var(--dt-color-surface-contrast-opaque-l) / var(--alpha, 94%));
  --dt-color-surface-contrast-opaque: hsl(0 0% 11% / 0.94); /* Contrast surface as opaque background color. */
  --dt-color-surface-strong-opaque-h: 0;
  --dt-color-surface-strong-opaque-s: 0%;
  --dt-color-surface-strong-opaque-l: 11%;
  --dt-color-surface-strong-opaque-a: 76%;
  --dt-color-surface-strong-opaque-hsl: var(--dt-color-surface-strong-opaque-h) var(--dt-color-surface-strong-opaque-s) var(--dt-color-surface-strong-opaque-l);
  --dt-color-surface-strong-opaque-hsla: hsl(var(--dt-color-surface-strong-opaque-h) var(--dt-color-surface-strong-opaque-s) var(--dt-color-surface-strong-opaque-l) / var(--alpha, 76%));
  --dt-color-surface-strong-opaque: hsl(0 0% 11% / 0.76); /* Strong surface as opaque background color. */
  --dt-color-surface-bold-opaque-h: 0;
  --dt-color-surface-bold-opaque-s: 0%;
  --dt-color-surface-bold-opaque-l: 11%;
  --dt-color-surface-bold-opaque-a: 19%;
  --dt-color-surface-bold-opaque-hsl: var(--dt-color-surface-bold-opaque-h) var(--dt-color-surface-bold-opaque-s) var(--dt-color-surface-bold-opaque-l);
  --dt-color-surface-bold-opaque-hsla: hsl(var(--dt-color-surface-bold-opaque-h) var(--dt-color-surface-bold-opaque-s) var(--dt-color-surface-bold-opaque-l) / var(--alpha, 19%));
  --dt-color-surface-bold-opaque: hsl(0 0% 11% / 0.19); /* Bold surface as opaque background color. */
  --dt-color-surface-moderate-opaque-h: 0;
  --dt-color-surface-moderate-opaque-s: 0%;
  --dt-color-surface-moderate-opaque-l: 11%;
  --dt-color-surface-moderate-opaque-a: 10%;
  --dt-color-surface-moderate-opaque-hsl: var(--dt-color-surface-moderate-opaque-h) var(--dt-color-surface-moderate-opaque-s) var(--dt-color-surface-moderate-opaque-l);
  --dt-color-surface-moderate-opaque-hsla: hsl(var(--dt-color-surface-moderate-opaque-h) var(--dt-color-surface-moderate-opaque-s) var(--dt-color-surface-moderate-opaque-l) / var(--alpha, 10%));
  --dt-color-surface-moderate-opaque: hsl(0 0% 11% / 0.1); /* Moderate surface as opaque background color. */
  --dt-color-surface-secondary-opaque-h: 0;
  --dt-color-surface-secondary-opaque-s: 0%;
  --dt-color-surface-secondary-opaque-l: 11%;
  --dt-color-surface-secondary-opaque-a: 2%;
  --dt-color-surface-secondary-opaque-hsl: var(--dt-color-surface-secondary-opaque-h) var(--dt-color-surface-secondary-opaque-s) var(--dt-color-surface-secondary-opaque-l);
  --dt-color-surface-secondary-opaque-hsla: hsl(var(--dt-color-surface-secondary-opaque-h) var(--dt-color-surface-secondary-opaque-s) var(--dt-color-surface-secondary-opaque-l) / var(--alpha, 2%));
  --dt-color-surface-secondary-opaque: hsl(0 0% 11% / 0.02); /* Secondary surface as opaque background color. */
  --dt-color-surface-brand-strong-h: var(--dt-color-purple-400-h);
  --dt-color-surface-brand-strong-s: var(--dt-color-purple-400-s);
  --dt-color-surface-brand-strong-l: var(--dt-color-purple-400-l);
  --dt-color-surface-brand-strong-a: var(--dt-color-purple-400-a);
  --dt-color-surface-brand-strong-hsl: var(--dt-color-purple-400-hsl);
  --dt-color-surface-brand-strong-hsla: var(--dt-color-purple-400-hsla);
  --dt-color-surface-brand-strong: var(--dt-color-purple-400); /* A contrasting informational surface, most likely paired with inverted foreground colors. */
  --dt-color-surface-info-strong-h: var(--dt-color-blue-500-h);
  --dt-color-surface-info-strong-s: var(--dt-color-blue-500-s);
  --dt-color-surface-info-strong-l: var(--dt-color-blue-500-l);
  --dt-color-surface-info-strong-a: var(--dt-color-blue-500-a);
  --dt-color-surface-info-strong-hsl: var(--dt-color-blue-500-hsl);
  --dt-color-surface-info-strong-hsla: var(--dt-color-blue-500-hsla);
  --dt-color-surface-info-strong: var(--dt-color-blue-500); /* A contrasting informational surface, most likely paired with inverted foreground colors. */
  --dt-color-surface-success-strong-h: var(--dt-color-green-500-h);
  --dt-color-surface-success-strong-s: var(--dt-color-green-500-s);
  --dt-color-surface-success-strong-l: var(--dt-color-green-500-l);
  --dt-color-surface-success-strong-a: var(--dt-color-green-500-a);
  --dt-color-surface-success-strong-hsl: var(--dt-color-green-500-hsl);
  --dt-color-surface-success-strong-hsla: var(--dt-color-green-500-hsla);
  --dt-color-surface-success-strong: var(--dt-color-green-500); /* A contrasting positive state surface, most likely paired with inverted foreground colors. */
  --dt-color-surface-warning-strong-h: var(--dt-color-gold-350-h);
  --dt-color-surface-warning-strong-s: var(--dt-color-gold-350-s);
  --dt-color-surface-warning-strong-l: var(--dt-color-gold-350-l);
  --dt-color-surface-warning-strong-a: var(--dt-color-gold-350-a);
  --dt-color-surface-warning-strong-hsl: var(--dt-color-gold-350-hsl);
  --dt-color-surface-warning-strong-hsla: var(--dt-color-gold-350-hsla);
  --dt-color-surface-warning-strong: var(--dt-color-gold-350); /* A contrasting warning surface, most likely paired with inverted foreground colors. */
  --dt-color-surface-critical-strong-h: var(--dt-color-red-450-h);
  --dt-color-surface-critical-strong-s: var(--dt-color-red-450-s);
  --dt-color-surface-critical-strong-l: var(--dt-color-red-450-l);
  --dt-color-surface-critical-strong-a: var(--dt-color-red-450-a);
  --dt-color-surface-critical-strong-hsl: var(--dt-color-red-450-hsl);
  --dt-color-surface-critical-strong-hsla: var(--dt-color-red-450-hsla);
  --dt-color-surface-critical-strong: var(--dt-color-red-450); /* A contrasting critical surface, most likely paired with inverted foreground colors. */
  --dt-color-surface-brand-subtle-h: var(--dt-color-purple-50-h);
  --dt-color-surface-brand-subtle-s: var(--dt-color-purple-50-s);
  --dt-color-surface-brand-subtle-l: var(--dt-color-purple-50-l);
  --dt-color-surface-brand-subtle-a: var(--dt-color-purple-50-a);
  --dt-color-surface-brand-subtle-hsl: var(--dt-color-purple-50-hsl);
  --dt-color-surface-brand-subtle-hsla: var(--dt-color-purple-50-hsla);
  --dt-color-surface-brand-subtle: var(--dt-color-purple-50); /* A softer version of the default informational surface. */
  --dt-color-surface-info-subtle-h: var(--dt-color-blue-50-h);
  --dt-color-surface-info-subtle-s: var(--dt-color-blue-50-s);
  --dt-color-surface-info-subtle-l: var(--dt-color-blue-50-l);
  --dt-color-surface-info-subtle-a: var(--dt-color-blue-50-a);
  --dt-color-surface-info-subtle-hsl: var(--dt-color-blue-50-hsl);
  --dt-color-surface-info-subtle-hsla: var(--dt-color-blue-50-hsla);
  --dt-color-surface-info-subtle: var(--dt-color-blue-50); /* A softer version of the default informational surface. */
  --dt-color-surface-success-subtle-h: var(--dt-color-green-50-h);
  --dt-color-surface-success-subtle-s: var(--dt-color-green-50-s);
  --dt-color-surface-success-subtle-l: var(--dt-color-green-50-l);
  --dt-color-surface-success-subtle-a: var(--dt-color-green-50-a);
  --dt-color-surface-success-subtle-hsl: var(--dt-color-green-50-hsl);
  --dt-color-surface-success-subtle-hsla: var(--dt-color-green-50-hsla);
  --dt-color-surface-success-subtle: var(--dt-color-green-50); /* A softer version of the default success surface. */
  --dt-color-surface-warning-subtle-h: var(--dt-color-gold-50-h);
  --dt-color-surface-warning-subtle-s: var(--dt-color-gold-50-s);
  --dt-color-surface-warning-subtle-l: var(--dt-color-gold-50-l);
  --dt-color-surface-warning-subtle-a: var(--dt-color-gold-50-a);
  --dt-color-surface-warning-subtle-hsl: var(--dt-color-gold-50-hsl);
  --dt-color-surface-warning-subtle-hsla: var(--dt-color-gold-50-hsla);
  --dt-color-surface-warning-subtle: var(--dt-color-gold-50); /* A softer version of the default warning surface. */
  --dt-color-surface-critical-subtle-h: var(--dt-color-red-50-h);
  --dt-color-surface-critical-subtle-s: var(--dt-color-red-50-s);
  --dt-color-surface-critical-subtle-l: var(--dt-color-red-50-l);
  --dt-color-surface-critical-subtle-a: var(--dt-color-red-50-a);
  --dt-color-surface-critical-subtle-hsl: var(--dt-color-red-50-hsl);
  --dt-color-surface-critical-subtle-hsla: var(--dt-color-red-50-hsla);
  --dt-color-surface-critical-subtle: var(--dt-color-red-50); /* A softer version of the Critical surface. */
  --dt-color-surface-brand-h: var(--dt-color-purple-100-h);
  --dt-color-surface-brand-s: var(--dt-color-purple-100-s);
  --dt-color-surface-brand-l: var(--dt-color-purple-100-l);
  --dt-color-surface-brand-a: var(--dt-color-purple-100-a);
  --dt-color-surface-brand-hsl: var(--dt-color-purple-100-hsl);
  --dt-color-surface-brand-hsla: var(--dt-color-purple-100-hsla);
  --dt-color-surface-brand: var(--dt-color-purple-100); /* Background surface color containing messaging or elements communicated as generally informational. */
  --dt-color-surface-info-h: var(--dt-color-blue-100-h);
  --dt-color-surface-info-s: var(--dt-color-blue-100-s);
  --dt-color-surface-info-l: var(--dt-color-blue-100-l);
  --dt-color-surface-info-a: var(--dt-color-blue-100-a);
  --dt-color-surface-info-hsl: var(--dt-color-blue-100-hsl);
  --dt-color-surface-info-hsla: var(--dt-color-blue-100-hsla);
  --dt-color-surface-info: var(--dt-color-blue-100); /* Background surface color containing messaging or elements communicated as generally informational. */
  --dt-color-surface-success-h: var(--dt-color-green-100-h);
  --dt-color-surface-success-s: var(--dt-color-green-100-s);
  --dt-color-surface-success-l: var(--dt-color-green-100-l);
  --dt-color-surface-success-a: var(--dt-color-green-100-a);
  --dt-color-surface-success-hsl: var(--dt-color-green-100-hsl);
  --dt-color-surface-success-hsla: var(--dt-color-green-100-hsla);
  --dt-color-surface-success: var(--dt-color-green-100); /* Background surface color containing messaging or elements expressing a positive or successful state. */
  --dt-color-surface-warning-h: var(--dt-color-gold-100-h);
  --dt-color-surface-warning-s: var(--dt-color-gold-100-s);
  --dt-color-surface-warning-l: var(--dt-color-gold-100-l);
  --dt-color-surface-warning-a: var(--dt-color-gold-100-a);
  --dt-color-surface-warning-hsl: var(--dt-color-gold-100-hsl);
  --dt-color-surface-warning-hsla: var(--dt-color-gold-100-hsla);
  --dt-color-surface-warning: var(--dt-color-gold-100); /* Background surface color highlighting messaging or elements that may require user's attention. */
  --dt-color-surface-critical-h: var(--dt-color-red-100-h);
  --dt-color-surface-critical-s: var(--dt-color-red-100-s);
  --dt-color-surface-critical-l: var(--dt-color-red-100-l);
  --dt-color-surface-critical-a: var(--dt-color-red-100-a);
  --dt-color-surface-critical-hsl: var(--dt-color-red-100-hsl);
  --dt-color-surface-critical-hsla: var(--dt-color-red-100-hsla);
  --dt-color-surface-critical: var(--dt-color-red-100); /* Background surface color containing error, danger, or otherwise critical messaging or elements. */
  --dt-color-surface-contrast-h: var(--dt-color-black-800-h);
  --dt-color-surface-contrast-s: var(--dt-color-black-800-s);
  --dt-color-surface-contrast-l: var(--dt-color-black-800-l);
  --dt-color-surface-contrast-a: var(--dt-color-black-800-a);
  --dt-color-surface-contrast-hsl: var(--dt-color-black-800-hsl);
  --dt-color-surface-contrast-hsla: var(--dt-color-black-800-hsla);
  --dt-color-surface-contrast: var(--dt-color-black-800); /* An inverted surface for lightened content and elements, most likely paired with inverted foreground colors. */
  --dt-color-surface-strong-h: var(--dt-color-black-600-h);
  --dt-color-surface-strong-s: var(--dt-color-black-600-s);
  --dt-color-surface-strong-l: var(--dt-color-black-600-l);
  --dt-color-surface-strong-a: var(--dt-color-black-600-a);
  --dt-color-surface-strong-hsl: var(--dt-color-black-600-hsl);
  --dt-color-surface-strong-hsla: var(--dt-color-black-600-hsla);
  --dt-color-surface-strong: var(--dt-color-black-600); /* Use sparingly to draw the eye to a relatively important region. */
  --dt-color-surface-bold-h: var(--dt-color-black-300-h);
  --dt-color-surface-bold-s: var(--dt-color-black-300-s);
  --dt-color-surface-bold-l: var(--dt-color-black-300-l);
  --dt-color-surface-bold-a: var(--dt-color-black-300-a);
  --dt-color-surface-bold-hsl: var(--dt-color-black-300-hsl);
  --dt-color-surface-bold-hsla: var(--dt-color-black-300-hsla);
  --dt-color-surface-bold: var(--dt-color-black-300); /* Highlight or call attention to specific areas of the interface. */
  --dt-color-surface-moderate-h: var(--dt-color-black-200-h);
  --dt-color-surface-moderate-s: var(--dt-color-black-200-s);
  --dt-color-surface-moderate-l: var(--dt-color-black-200-l);
  --dt-color-surface-moderate-a: var(--dt-color-black-200-a);
  --dt-color-surface-moderate-hsl: var(--dt-color-black-200-hsl);
  --dt-color-surface-moderate-hsla: var(--dt-color-black-200-hsla);
  --dt-color-surface-moderate: var(--dt-color-black-200); /* A tertiary surface level, prominent without being too overpowering. */
  --dt-color-surface-secondary-h: var(--dt-color-black-100-h);
  --dt-color-surface-secondary-s: var(--dt-color-black-100-s);
  --dt-color-surface-secondary-l: var(--dt-color-black-100-l);
  --dt-color-surface-secondary-a: var(--dt-color-black-100-a);
  --dt-color-surface-secondary-hsl: var(--dt-color-black-100-hsl);
  --dt-color-surface-secondary-hsla: var(--dt-color-black-100-hsla);
  --dt-color-surface-secondary: var(--dt-color-black-100); /* For adjacent or complementary regions. */
  --dt-color-surface-primary-h: var(--dt-color-black-50-h);
  --dt-color-surface-primary-s: var(--dt-color-black-50-s);
  --dt-color-surface-primary-l: var(--dt-color-black-50-l);
  --dt-color-surface-primary-a: var(--dt-color-black-50-a);
  --dt-color-surface-primary-hsl: var(--dt-color-black-50-hsl);
  --dt-color-surface-primary-hsla: var(--dt-color-black-50-hsla);
  --dt-color-surface-primary: var(--dt-color-black-50); /* Default surface color for the majority of surfaces. */
  --dt-color-link-muted-inverted-hover-h: var(--dt-color-black-100-h);
  --dt-color-link-muted-inverted-hover-s: var(--dt-color-black-100-s);
  --dt-color-link-muted-inverted-hover-l: var(--dt-color-black-100-l);
  --dt-color-link-muted-inverted-hover-a: var(--dt-color-black-100-a);
  --dt-color-link-muted-inverted-hover-hsl: var(--dt-color-black-100-hsl);
  --dt-color-link-muted-inverted-hover-hsla: var(--dt-color-black-100-hsla);
  --dt-color-link-muted-inverted-hover: var(--dt-color-black-100);
  --dt-color-link-warning-inverted-hover-h: var(--dt-color-gold-300-h);
  --dt-color-link-warning-inverted-hover-s: var(--dt-color-gold-300-s);
  --dt-color-link-warning-inverted-hover-l: var(--dt-color-gold-300-l);
  --dt-color-link-warning-inverted-hover-a: var(--dt-color-gold-300-a);
  --dt-color-link-warning-inverted-hover-hsl: var(--dt-color-gold-300-hsl);
  --dt-color-link-warning-inverted-hover-hsla: var(--dt-color-gold-300-hsla);
  --dt-color-link-warning-inverted-hover: var(--dt-color-gold-300);
  --dt-color-link-primary-inverted-hover-h: var(--dt-color-purple-200-h);
  --dt-color-link-primary-inverted-hover-s: var(--dt-color-purple-200-s);
  --dt-color-link-primary-inverted-hover-l: var(--dt-color-purple-200-l);
  --dt-color-link-primary-inverted-hover-a: var(--dt-color-purple-200-a);
  --dt-color-link-primary-inverted-hover-hsl: var(--dt-color-purple-200-hsl);
  --dt-color-link-primary-inverted-hover-hsla: var(--dt-color-purple-200-hsla);
  --dt-color-link-primary-inverted-hover: var(--dt-color-purple-200);
  --dt-color-link-primary-inverted-h: var(--dt-color-purple-250-h);
  --dt-color-link-primary-inverted-s: var(--dt-color-purple-250-s);
  --dt-color-link-primary-inverted-l: var(--dt-color-purple-250-l);
  --dt-color-link-primary-inverted-a: var(--dt-color-purple-250-a);
  --dt-color-link-primary-inverted-hsl: var(--dt-color-purple-250-hsl);
  --dt-color-link-primary-inverted-hsla: var(--dt-color-purple-250-hsla);
  --dt-color-link-primary-inverted: var(--dt-color-purple-250);
  --dt-color-link-warning-hover-h: var(--dt-color-gold-700-h);
  --dt-color-link-warning-hover-s: var(--dt-color-gold-700-s);
  --dt-color-link-warning-hover-l: var(--dt-color-gold-700-l);
  --dt-color-link-warning-hover-a: var(--dt-color-gold-700-a);
  --dt-color-link-warning-hover-hsl: var(--dt-color-gold-700-hsl);
  --dt-color-link-warning-hover-hsla: var(--dt-color-gold-700-hsla);
  --dt-color-link-warning-hover: var(--dt-color-gold-700);
  --dt-color-link-primary-hover-h: var(--dt-color-purple-500-h);
  --dt-color-link-primary-hover-s: var(--dt-color-purple-500-s);
  --dt-color-link-primary-hover-l: var(--dt-color-purple-500-l);
  --dt-color-link-primary-hover-a: var(--dt-color-purple-500-a);
  --dt-color-link-primary-hover-hsl: var(--dt-color-purple-500-hsl);
  --dt-color-link-primary-hover-hsla: var(--dt-color-purple-500-hsla);
  --dt-color-link-primary-hover: var(--dt-color-purple-500);
  --dt-color-link-primary-h: var(--dt-color-purple-400-h);
  --dt-color-link-primary-s: var(--dt-color-purple-400-s);
  --dt-color-link-primary-l: var(--dt-color-purple-400-l);
  --dt-color-link-primary-a: var(--dt-color-purple-400-a);
  --dt-color-link-primary-hsl: var(--dt-color-purple-400-hsl);
  --dt-color-link-primary-hsla: var(--dt-color-purple-400-hsla);
  --dt-color-link-primary: var(--dt-color-purple-400);
  --dt-color-foreground-warning-inverted-h: var(--dt-color-gold-400-h);
  --dt-color-foreground-warning-inverted-s: var(--dt-color-gold-400-s);
  --dt-color-foreground-warning-inverted-l: var(--dt-color-gold-400-l);
  --dt-color-foreground-warning-inverted-a: var(--dt-color-gold-400-a);
  --dt-color-foreground-warning-inverted-hsl: var(--dt-color-gold-400-hsl);
  --dt-color-foreground-warning-inverted-hsla: var(--dt-color-gold-400-hsla);
  --dt-color-foreground-warning-inverted: var(--dt-color-gold-400); /* Warning text that sits on high-contrast surfaces or backgrounds */
  --dt-color-foreground-success-strong-inverted-h: var(--dt-color-green-200-h);
  --dt-color-foreground-success-strong-inverted-s: var(--dt-color-green-200-s);
  --dt-color-foreground-success-strong-inverted-l: var(--dt-color-green-200-l);
  --dt-color-foreground-success-strong-inverted-a: var(--dt-color-green-200-a);
  --dt-color-foreground-success-strong-inverted-hsl: var(--dt-color-green-200-hsl);
  --dt-color-foreground-success-strong-inverted-hsla: var(--dt-color-green-200-hsla);
  --dt-color-foreground-success-strong-inverted: var(--dt-color-green-200); /* Success strong text that sits on high-contrast surfaces or backgrounds */
  --dt-color-foreground-success-inverted-h: var(--dt-color-green-350-h);
  --dt-color-foreground-success-inverted-s: var(--dt-color-green-350-s);
  --dt-color-foreground-success-inverted-l: var(--dt-color-green-350-l);
  --dt-color-foreground-success-inverted-a: var(--dt-color-green-350-a);
  --dt-color-foreground-success-inverted-hsl: var(--dt-color-green-350-hsl);
  --dt-color-foreground-success-inverted-hsla: var(--dt-color-green-350-hsla);
  --dt-color-foreground-success-inverted: var(--dt-color-green-350); /* Success text that sits on high-contrast surfaces or backgrounds */
  --dt-color-foreground-critical-strong-inverted-h: var(--dt-color-red-200-h);
  --dt-color-foreground-critical-strong-inverted-s: var(--dt-color-red-200-s);
  --dt-color-foreground-critical-strong-inverted-l: var(--dt-color-red-200-l);
  --dt-color-foreground-critical-strong-inverted-a: var(--dt-color-red-200-a);
  --dt-color-foreground-critical-strong-inverted-hsl: var(--dt-color-red-200-hsl);
  --dt-color-foreground-critical-strong-inverted-hsla: var(--dt-color-red-200-hsla);
  --dt-color-foreground-critical-strong-inverted: var(--dt-color-red-200); /* Critical strong text that sits on high-contrast surfaces or backgrounds */
  --dt-color-foreground-critical-inverted-h: var(--dt-color-red-300-h);
  --dt-color-foreground-critical-inverted-s: var(--dt-color-red-300-s);
  --dt-color-foreground-critical-inverted-l: var(--dt-color-red-300-l);
  --dt-color-foreground-critical-inverted-a: var(--dt-color-red-300-a);
  --dt-color-foreground-critical-inverted-hsl: var(--dt-color-red-300-hsl);
  --dt-color-foreground-critical-inverted-hsla: var(--dt-color-red-300-hsla);
  --dt-color-foreground-critical-inverted: var(--dt-color-red-300); /* Critical text that sits on high-contrast surfaces or backgrounds */
  --dt-color-foreground-disabled-inverted-h: var(--dt-color-black-400-h);
  --dt-color-foreground-disabled-inverted-s: var(--dt-color-black-400-s);
  --dt-color-foreground-disabled-inverted-l: var(--dt-color-black-400-l);
  --dt-color-foreground-disabled-inverted-a: var(--dt-color-black-400-a);
  --dt-color-foreground-disabled-inverted-hsl: var(--dt-color-black-400-hsl);
  --dt-color-foreground-disabled-inverted-hsla: var(--dt-color-black-400-hsla);
  --dt-color-foreground-disabled-inverted: var(--dt-color-black-400); /* Disabled text color that sits on high-contrast surfaces or backgrounds. */
  --dt-color-foreground-placeholder-inverted-h: var(--dt-color-black-400-h);
  --dt-color-foreground-placeholder-inverted-s: var(--dt-color-black-400-s);
  --dt-color-foreground-placeholder-inverted-l: var(--dt-color-black-400-l);
  --dt-color-foreground-placeholder-inverted-a: var(--dt-color-black-400-a);
  --dt-color-foreground-placeholder-inverted-hsl: var(--dt-color-black-400-hsl);
  --dt-color-foreground-placeholder-inverted-hsla: var(--dt-color-black-400-hsla);
  --dt-color-foreground-placeholder-inverted: var(--dt-color-black-400); /* Placeholder text color that sits on high-contrast surfaces or backgrounds. */
  --dt-color-foreground-muted-inverted-h: 0;
  --dt-color-foreground-muted-inverted-s: 0%;
  --dt-color-foreground-muted-inverted-l: 97.6%;
  --dt-color-foreground-muted-inverted-a: 65%;
  --dt-color-foreground-muted-inverted-hsl: var(--dt-color-foreground-muted-inverted-h) var(--dt-color-foreground-muted-inverted-s) var(--dt-color-foreground-muted-inverted-l);
  --dt-color-foreground-muted-inverted-hsla: hsl(var(--dt-color-foreground-muted-inverted-h) var(--dt-color-foreground-muted-inverted-s) var(--dt-color-foreground-muted-inverted-l) / var(--alpha, 65%));
  --dt-color-foreground-muted-inverted: hsl(0 0% 97.6% / 0.65); /* Muted text color that sits on high-contrast surfaces or backgrounds. */
  --dt-color-foreground-tertiary-inverted-h: var(--dt-color-black-300-h);
  --dt-color-foreground-tertiary-inverted-s: var(--dt-color-black-300-s);
  --dt-color-foreground-tertiary-inverted-l: var(--dt-color-black-300-l);
  --dt-color-foreground-tertiary-inverted-a: var(--dt-color-black-300-a);
  --dt-color-foreground-tertiary-inverted-hsl: var(--dt-color-black-300-hsl);
  --dt-color-foreground-tertiary-inverted-hsla: var(--dt-color-black-300-hsla);
  --dt-color-foreground-tertiary-inverted: var(--dt-color-black-300); /* Tertiary text color that sits on high-contrast surfaces or backgrounds. */
  --dt-color-foreground-secondary-inverted-h: var(--dt-color-black-200-h);
  --dt-color-foreground-secondary-inverted-s: var(--dt-color-black-200-s);
  --dt-color-foreground-secondary-inverted-l: var(--dt-color-black-200-l);
  --dt-color-foreground-secondary-inverted-a: var(--dt-color-black-200-a);
  --dt-color-foreground-secondary-inverted-hsl: var(--dt-color-black-200-hsl);
  --dt-color-foreground-secondary-inverted-hsla: var(--dt-color-black-200-hsla);
  --dt-color-foreground-secondary-inverted: var(--dt-color-black-200); /* Secondary text color that sits on high-contrast surfaces or backgrounds. */
  --dt-color-foreground-primary-inverted-h: var(--dt-color-black-100-h);
  --dt-color-foreground-primary-inverted-s: var(--dt-color-black-100-s);
  --dt-color-foreground-primary-inverted-l: var(--dt-color-black-100-l);
  --dt-color-foreground-primary-inverted-a: var(--dt-color-black-100-a);
  --dt-color-foreground-primary-inverted-hsl: var(--dt-color-black-100-hsl);
  --dt-color-foreground-primary-inverted-hsla: var(--dt-color-black-100-hsla);
  --dt-color-foreground-primary-inverted: var(--dt-color-black-100); /* Primary text that sits on high-contrast surfaces or backgrounds. */
  --dt-color-foreground-warning-h: var(--dt-color-gold-600-h);
  --dt-color-foreground-warning-s: var(--dt-color-gold-600-s);
  --dt-color-foreground-warning-l: var(--dt-color-gold-600-l);
  --dt-color-foreground-warning-a: var(--dt-color-gold-600-a);
  --dt-color-foreground-warning-hsl: var(--dt-color-gold-600-hsl);
  --dt-color-foreground-warning-hsla: var(--dt-color-gold-600-hsla);
  --dt-color-foreground-warning: var(--dt-color-gold-600); /* Indicates information that requires user’s attention and further action may be necessary. */
  --dt-color-foreground-success-strong-h: var(--dt-color-green-600-h);
  --dt-color-foreground-success-strong-s: var(--dt-color-green-600-s);
  --dt-color-foreground-success-strong-l: var(--dt-color-green-600-l);
  --dt-color-foreground-success-strong-a: var(--dt-color-green-600-a);
  --dt-color-foreground-success-strong-hsl: var(--dt-color-green-600-hsl);
  --dt-color-foreground-success-strong-hsla: var(--dt-color-green-600-hsla);
  --dt-color-foreground-success-strong: var(--dt-color-green-600); /* Indicates a strong positive state on surfaces that require a stronger contrast. */
  --dt-color-foreground-success-h: var(--dt-color-green-500-h);
  --dt-color-foreground-success-s: var(--dt-color-green-500-s);
  --dt-color-foreground-success-l: var(--dt-color-green-500-l);
  --dt-color-foreground-success-a: var(--dt-color-green-500-a);
  --dt-color-foreground-success-hsl: var(--dt-color-green-500-hsl);
  --dt-color-foreground-success-hsla: var(--dt-color-green-500-hsla);
  --dt-color-foreground-success: var(--dt-color-green-500); /* Indicates a positive state. */
  --dt-color-foreground-critical-strong-h: var(--dt-color-red-500-h);
  --dt-color-foreground-critical-strong-s: var(--dt-color-red-500-s);
  --dt-color-foreground-critical-strong-l: var(--dt-color-red-500-l);
  --dt-color-foreground-critical-strong-a: var(--dt-color-red-500-a);
  --dt-color-foreground-critical-strong-hsl: var(--dt-color-red-500-hsl);
  --dt-color-foreground-critical-strong-hsla: var(--dt-color-red-500-hsla);
  --dt-color-foreground-critical-strong: var(--dt-color-red-500); /* Expresses an error, danger, or otherwise critical state on surfaces that require a stronger contrast. */
  --dt-color-foreground-critical-h: var(--dt-color-red-450-h);
  --dt-color-foreground-critical-s: var(--dt-color-red-450-s);
  --dt-color-foreground-critical-l: var(--dt-color-red-450-l);
  --dt-color-foreground-critical-a: var(--dt-color-red-450-a);
  --dt-color-foreground-critical-hsl: var(--dt-color-red-450-hsl);
  --dt-color-foreground-critical-hsla: var(--dt-color-red-450-hsla);
  --dt-color-foreground-critical: var(--dt-color-red-450); /* Expresses an error, danger, or otherwise critical state. */
  --dt-color-foreground-disabled-h: var(--dt-color-black-500-h);
  --dt-color-foreground-disabled-s: var(--dt-color-black-500-s);
  --dt-color-foreground-disabled-l: var(--dt-color-black-500-l);
  --dt-color-foreground-disabled-a: var(--dt-color-black-500-a);
  --dt-color-foreground-disabled-hsl: var(--dt-color-black-500-hsl);
  --dt-color-foreground-disabled-hsla: var(--dt-color-black-500-hsla);
  --dt-color-foreground-disabled: var(--dt-color-black-500); /* Used for text paired with disabled content or components, like the form elements. */
  --dt-color-foreground-placeholder-h: var(--dt-color-black-500-h);
  --dt-color-foreground-placeholder-s: var(--dt-color-black-500-s);
  --dt-color-foreground-placeholder-l: var(--dt-color-black-500-l);
  --dt-color-foreground-placeholder-a: var(--dt-color-black-500-a);
  --dt-color-foreground-placeholder-hsl: var(--dt-color-black-500-hsl);
  --dt-color-foreground-placeholder-hsla: var(--dt-color-black-500-hsla);
  --dt-color-foreground-placeholder: var(--dt-color-black-500); /* Text color for placeholder text within form elements. */
  --dt-color-foreground-muted-h: 0;
  --dt-color-foreground-muted-s: 0%;
  --dt-color-foreground-muted-l: 0%;
  --dt-color-foreground-muted-a: 50%;
  --dt-color-foreground-muted-hsl: var(--dt-color-foreground-muted-h) var(--dt-color-foreground-muted-s) var(--dt-color-foreground-muted-l);
  --dt-color-foreground-muted-hsla: hsl(var(--dt-color-foreground-muted-h) var(--dt-color-foreground-muted-s) var(--dt-color-foreground-muted-l) / var(--alpha, 50%));
  --dt-color-foreground-muted: hsl(0 0% 0% / 0.5);
  --dt-color-foreground-tertiary-h: var(--dt-color-black-600-h);
  --dt-color-foreground-tertiary-s: var(--dt-color-black-600-s);
  --dt-color-foreground-tertiary-l: var(--dt-color-black-600-l);
  --dt-color-foreground-tertiary-a: var(--dt-color-black-600-a);
  --dt-color-foreground-tertiary-hsl: var(--dt-color-black-600-hsl);
  --dt-color-foreground-tertiary-hsla: var(--dt-color-black-600-hsla);
  --dt-color-foreground-tertiary: var(--dt-color-black-600); /* Used to imply visual hierarchy relative to primary and secondary text colors, e.g. headlines and labels. */
  --dt-color-foreground-secondary-h: var(--dt-color-black-700-h);
  --dt-color-foreground-secondary-s: var(--dt-color-black-700-s);
  --dt-color-foreground-secondary-l: var(--dt-color-black-700-l);
  --dt-color-foreground-secondary-a: var(--dt-color-black-700-a);
  --dt-color-foreground-secondary-hsl: var(--dt-color-black-700-hsl);
  --dt-color-foreground-secondary-hsla: var(--dt-color-black-700-hsla);
  --dt-color-foreground-secondary: var(--dt-color-black-700); /* Example uses include introduction paragraphs, labels, and descriptions paired with form elements. */
  --dt-color-foreground-primary-h: var(--dt-color-black-900-h);
  --dt-color-foreground-primary-s: var(--dt-color-black-900-s);
  --dt-color-foreground-primary-l: var(--dt-color-black-900-l);
  --dt-color-foreground-primary-a: var(--dt-color-black-900-a);
  --dt-color-foreground-primary-hsl: var(--dt-color-black-900-hsl);
  --dt-color-foreground-primary-hsla: var(--dt-color-black-900-hsla);
  --dt-color-foreground-primary: var(--dt-color-black-900); /* Default text color throughout the UI. */
  --dt-size-border-focus: calc(var(--dt-size-border-200) + var(--dt-size-border-100));
  --dt-radio-color-foreground-checked-h: var(--dt-color-foreground-primary-inverted-h);
  --dt-radio-color-foreground-checked-s: var(--dt-color-foreground-primary-inverted-s);
  --dt-radio-color-foreground-checked-l: var(--dt-color-foreground-primary-inverted-l);
  --dt-radio-color-foreground-checked-a: var(--dt-color-foreground-primary-inverted-a);
  --dt-radio-color-foreground-checked-hsl: var(--dt-color-foreground-primary-inverted-hsl);
  --dt-radio-color-foreground-checked-hsla: var(--dt-color-foreground-primary-inverted-hsla);
  --dt-radio-color-foreground-checked: var(--dt-color-foreground-primary-inverted);
  --dt-radio-color-background-checked-h: var(--dt-color-surface-brand-strong-h);
  --dt-radio-color-background-checked-s: var(--dt-color-surface-brand-strong-s);
  --dt-radio-color-background-checked-l: var(--dt-color-surface-brand-strong-l);
  --dt-radio-color-background-checked-a: var(--dt-color-surface-brand-strong-a);
  --dt-radio-color-background-checked-hsl: var(--dt-color-surface-brand-strong-hsl);
  --dt-radio-color-background-checked-hsla: var(--dt-color-surface-brand-strong-hsla);
  --dt-radio-color-background-checked: var(--dt-color-surface-brand-strong);
  --dt-radio-color-border-checked-h: var(--dt-color-border-brand-h);
  --dt-radio-color-border-checked-s: var(--dt-color-border-brand-s);
  --dt-radio-color-border-checked-l: var(--dt-color-border-brand-l);
  --dt-radio-color-border-checked-a: var(--dt-color-border-brand-a);
  --dt-radio-color-border-checked-hsl: var(--dt-color-border-brand-hsl);
  --dt-radio-color-border-checked-hsla: var(--dt-color-border-brand-hsla);
  --dt-radio-color-border-checked: var(--dt-color-border-brand);
  --dt-radio-color-border-unchecked-hover-h: var(--dt-color-border-bold-h);
  --dt-radio-color-border-unchecked-hover-s: var(--dt-color-border-bold-s);
  --dt-radio-color-border-unchecked-hover-l: var(--dt-color-border-bold-l);
  --dt-radio-color-border-unchecked-hover-a: var(--dt-color-border-bold-a);
  --dt-radio-color-border-unchecked-hover-hsl: var(--dt-color-border-bold-hsl);
  --dt-radio-color-border-unchecked-hover-hsla: var(--dt-color-border-bold-hsla);
  --dt-radio-color-border-unchecked-hover: var(--dt-color-border-bold);
  --dt-radio-color-border-unchecked-h: var(--dt-color-border-moderate-h);
  --dt-radio-color-border-unchecked-s: var(--dt-color-border-moderate-s);
  --dt-radio-color-border-unchecked-l: var(--dt-color-border-moderate-l);
  --dt-radio-color-border-unchecked-a: var(--dt-color-border-moderate-a);
  --dt-radio-color-border-unchecked-hsl: var(--dt-color-border-moderate-hsl);
  --dt-radio-color-border-unchecked-hsla: var(--dt-color-border-moderate-hsla);
  --dt-radio-color-border-unchecked: var(--dt-color-border-moderate);
  --dt-radio-size-height: var(--dt-radio-size-width);
  --dt-icon-size-border-800: calc(var(--dt-icon-size-border-100) * 3.5);
  --dt-icon-size-border-700: calc(var(--dt-icon-size-border-100) * 2.75);
  --dt-icon-size-border-600: calc(var(--dt-icon-size-border-100) * 2.5);
  --dt-icon-size-border-400: calc(var(--dt-icon-size-border-100) * 1.75);
  --dt-icon-size-border-300: calc(var(--dt-icon-size-border-100) * 1.5);
  --dt-icon-size-border-200: calc(var(--dt-icon-size-border-100) * 1.25);
  --dt-icon-size-800: calc(var(--dt-size-base) * 6);
  --dt-icon-size-700: calc(var(--dt-size-base) * 4.75);
  --dt-icon-size-600: calc(var(--dt-size-base) * 4);
  --dt-icon-size-500: calc(var(--dt-size-base) * 3);
  --dt-icon-size-400: calc(var(--dt-size-base) * 2.5);
  --dt-icon-size-300: calc(var(--dt-size-base) * 2.25);
  --dt-icon-size-200: calc(var(--dt-size-base) * 1.75);
  --dt-icon-size-100: calc(var(--dt-size-base) * 1.5);
  --dt-checkbox-color-foreground-checked-h: var(--dt-color-foreground-primary-inverted-h);
  --dt-checkbox-color-foreground-checked-s: var(--dt-color-foreground-primary-inverted-s);
  --dt-checkbox-color-foreground-checked-l: var(--dt-color-foreground-primary-inverted-l);
  --dt-checkbox-color-foreground-checked-a: var(--dt-color-foreground-primary-inverted-a);
  --dt-checkbox-color-foreground-checked-hsl: var(--dt-color-foreground-primary-inverted-hsl);
  --dt-checkbox-color-foreground-checked-hsla: var(--dt-color-foreground-primary-inverted-hsla);
  --dt-checkbox-color-foreground-checked: var(--dt-color-foreground-primary-inverted);
  --dt-checkbox-color-background-checked-h: var(--dt-color-surface-brand-strong-h);
  --dt-checkbox-color-background-checked-s: var(--dt-color-surface-brand-strong-s);
  --dt-checkbox-color-background-checked-l: var(--dt-color-surface-brand-strong-l);
  --dt-checkbox-color-background-checked-a: var(--dt-color-surface-brand-strong-a);
  --dt-checkbox-color-background-checked-hsl: var(--dt-color-surface-brand-strong-hsl);
  --dt-checkbox-color-background-checked-hsla: var(--dt-color-surface-brand-strong-hsla);
  --dt-checkbox-color-background-checked: var(--dt-color-surface-brand-strong);
  --dt-checkbox-color-border-checked-h: var(--dt-color-border-brand-h);
  --dt-checkbox-color-border-checked-s: var(--dt-color-border-brand-s);
  --dt-checkbox-color-border-checked-l: var(--dt-color-border-brand-l);
  --dt-checkbox-color-border-checked-a: var(--dt-color-border-brand-a);
  --dt-checkbox-color-border-checked-hsl: var(--dt-color-border-brand-hsl);
  --dt-checkbox-color-border-checked-hsla: var(--dt-color-border-brand-hsla);
  --dt-checkbox-color-border-checked: var(--dt-color-border-brand);
  --dt-checkbox-color-border-unchecked-hover-h: var(--dt-color-border-bold-h);
  --dt-checkbox-color-border-unchecked-hover-s: var(--dt-color-border-bold-s);
  --dt-checkbox-color-border-unchecked-hover-l: var(--dt-color-border-bold-l);
  --dt-checkbox-color-border-unchecked-hover-a: var(--dt-color-border-bold-a);
  --dt-checkbox-color-border-unchecked-hover-hsl: var(--dt-color-border-bold-hsl);
  --dt-checkbox-color-border-unchecked-hover-hsla: var(--dt-color-border-bold-hsla);
  --dt-checkbox-color-border-unchecked-hover: var(--dt-color-border-bold);
  --dt-checkbox-color-border-unchecked-h: var(--dt-color-border-moderate-h);
  --dt-checkbox-color-border-unchecked-s: var(--dt-color-border-moderate-s);
  --dt-checkbox-color-border-unchecked-l: var(--dt-color-border-moderate-l);
  --dt-checkbox-color-border-unchecked-a: var(--dt-color-border-moderate-a);
  --dt-checkbox-color-border-unchecked-hsl: var(--dt-color-border-moderate-hsl);
  --dt-checkbox-color-border-unchecked-hsla: var(--dt-color-border-moderate-hsla);
  --dt-checkbox-color-border-unchecked: var(--dt-color-border-moderate);
  --dt-checkbox-size-radius: var(--dt-inputs-size-radius-xs);
  --dt-checkbox-size-height: var(--dt-checkbox-size-width);
  --dt-button-font-size-xl: var(--dt-font-size-400); /* Extra large Button text size */
  --dt-button-font-size-lg: var(--dt-font-size-300); /* Large Button text size */
  --dt-button-font-size-md: var(--dt-font-size-200); /* Medium Button text size */
  --dt-button-font-size-sm: var(--dt-font-size-100); /* Small Button text size */
  --dt-button-font-size-xs: var(--dt-font-size-100); /* Extra small Button text size */
  --dt-badge-color-border-default-h: var(--dt-color-border-subtle-h);
  --dt-badge-color-border-default-s: var(--dt-color-border-subtle-s);
  --dt-badge-color-border-default-l: var(--dt-color-border-subtle-l);
  --dt-badge-color-border-default-a: var(--dt-color-border-subtle-a);
  --dt-badge-color-border-default-hsl: var(--dt-color-border-subtle-hsl);
  --dt-badge-color-border-default-hsla: var(--dt-color-border-subtle-hsla);
  --dt-badge-color-border-default: var(--dt-color-border-subtle);
  --dt-badge-color-background-bulletin-h: var(--dt-color-surface-brand-strong-h);
  --dt-badge-color-background-bulletin-s: var(--dt-color-surface-brand-strong-s);
  --dt-badge-color-background-bulletin-l: var(--dt-color-surface-brand-strong-l);
  --dt-badge-color-background-bulletin-a: var(--dt-color-surface-brand-strong-a);
  --dt-badge-color-background-bulletin-hsl: var(--dt-color-surface-brand-strong-hsl);
  --dt-badge-color-background-bulletin-hsla: var(--dt-color-surface-brand-strong-hsla);
  --dt-badge-color-background-bulletin: var(--dt-color-surface-brand-strong);
  --dt-badge-color-background-default-h: var(--dt-color-surface-moderate-opaque-h);
  --dt-badge-color-background-default-s: var(--dt-color-surface-moderate-opaque-s);
  --dt-badge-color-background-default-l: var(--dt-color-surface-moderate-opaque-l);
  --dt-badge-color-background-default-a: var(--dt-color-surface-moderate-opaque-a);
  --dt-badge-color-background-default-hsl: var(--dt-color-surface-moderate-opaque-hsl);
  --dt-badge-color-background-default-hsla: var(--dt-color-surface-moderate-opaque-hsla);
  --dt-badge-color-background-default: var(--dt-color-surface-moderate-opaque);
  --dt-shell-presence-color-offline-h: var(--dt-shell-base-color-status-away-h);
  --dt-shell-presence-color-offline-s: var(--dt-shell-base-color-status-away-s);
  --dt-shell-presence-color-offline-l: var(--dt-shell-base-color-status-away-l);
  --dt-shell-presence-color-offline-a: var(--dt-shell-base-color-status-away-a);
  --dt-shell-presence-color-offline-hsl: var(--dt-shell-base-color-status-away-hsl);
  --dt-shell-presence-color-offline-hsla: var(--dt-shell-base-color-status-away-hsla);
  --dt-shell-presence-color-offline: var(--dt-shell-base-color-status-away);
  --dt-shell-presence-color-busy-h: var(--dt-shell-base-color-status-warning-h);
  --dt-shell-presence-color-busy-s: var(--dt-shell-base-color-status-warning-s);
  --dt-shell-presence-color-busy-l: var(--dt-shell-base-color-status-warning-l);
  --dt-shell-presence-color-busy-a: var(--dt-shell-base-color-status-warning-a);
  --dt-shell-presence-color-busy-hsl: var(--dt-shell-base-color-status-warning-hsl);
  --dt-shell-presence-color-busy-hsla: var(--dt-shell-base-color-status-warning-hsla);
  --dt-shell-presence-color-busy: var(--dt-shell-base-color-status-warning);
  --dt-shell-presence-color-unavailable-h: var(--dt-shell-base-color-status-critical-h);
  --dt-shell-presence-color-unavailable-s: var(--dt-shell-base-color-status-critical-s);
  --dt-shell-presence-color-unavailable-l: var(--dt-shell-base-color-status-critical-l);
  --dt-shell-presence-color-unavailable-a: var(--dt-shell-base-color-status-critical-a);
  --dt-shell-presence-color-unavailable-hsl: var(--dt-shell-base-color-status-critical-hsl);
  --dt-shell-presence-color-unavailable-hsla: var(--dt-shell-base-color-status-critical-hsla);
  --dt-shell-presence-color-unavailable: var(--dt-shell-base-color-status-critical);
  --dt-shell-presence-color-available-h: var(--dt-shell-base-color-status-positive-h);
  --dt-shell-presence-color-available-s: var(--dt-shell-base-color-status-positive-s);
  --dt-shell-presence-color-available-l: var(--dt-shell-base-color-status-positive-l);
  --dt-shell-presence-color-available-a: var(--dt-shell-base-color-status-positive-a);
  --dt-shell-presence-color-available-hsl: var(--dt-shell-base-color-status-positive-hsl);
  --dt-shell-presence-color-available-hsla: var(--dt-shell-base-color-status-positive-hsla);
  --dt-shell-presence-color-available: var(--dt-shell-base-color-status-positive);
  --dt-shell-color-border-default-h: 0;
  --dt-shell-color-border-default-s: 0%;
  --dt-shell-color-border-default-l: 11%;
  --dt-shell-color-border-default-a: 17%;
  --dt-shell-color-border-default-hsl: var(--dt-shell-color-border-default-h) var(--dt-shell-color-border-default-s) var(--dt-shell-color-border-default-l);
  --dt-shell-color-border-default-hsla: hsl(var(--dt-shell-color-border-default-h) var(--dt-shell-color-border-default-s) var(--dt-shell-color-border-default-l) / var(--alpha, 17%));
  --dt-shell-color-border-default: hsl(0 0% 11% / 0.17);
  --dt-shell-color-border-subtle-h: 0;
  --dt-shell-color-border-subtle-s: 0%;
  --dt-shell-color-border-subtle-l: 11%;
  --dt-shell-color-border-subtle-a: 10%;
  --dt-shell-color-border-subtle-hsl: var(--dt-shell-color-border-subtle-h) var(--dt-shell-color-border-subtle-s) var(--dt-shell-color-border-subtle-l);
  --dt-shell-color-border-subtle-hsla: hsl(var(--dt-shell-color-border-subtle-h) var(--dt-shell-color-border-subtle-s) var(--dt-shell-color-border-subtle-l) / var(--alpha, 10%));
  --dt-shell-color-border-subtle: hsl(0 0% 11% / 0.1);
  --dt-shell-color-foreground-warning-h: 35.8;
  --dt-shell-color-foreground-warning-s: 100%;
  --dt-shell-color-foreground-warning-l: 31.3%;
  --dt-shell-color-foreground-warning-a: 100%;
  --dt-shell-color-foreground-warning-hsl: var(--dt-shell-color-foreground-warning-h) var(--dt-shell-color-foreground-warning-s) var(--dt-shell-color-foreground-warning-l);
  --dt-shell-color-foreground-warning-hsla: hsl(var(--dt-shell-color-foreground-warning-h) var(--dt-shell-color-foreground-warning-s) var(--dt-shell-color-foreground-warning-l) / var(--alpha, 100%));
  --dt-shell-color-foreground-warning: hsl(35.8 100% 31.3%);
  --dt-shell-color-foreground-critical-h: 343;
  --dt-shell-color-foreground-critical-s: 100%;
  --dt-shell-color-foreground-critical-l: 27.500000000000004%;
  --dt-shell-color-foreground-critical-a: 100%;
  --dt-shell-color-foreground-critical-hsl: var(--dt-shell-color-foreground-critical-h) var(--dt-shell-color-foreground-critical-s) var(--dt-shell-color-foreground-critical-l);
  --dt-shell-color-foreground-critical-hsla: hsl(var(--dt-shell-color-foreground-critical-h) var(--dt-shell-color-foreground-critical-s) var(--dt-shell-color-foreground-critical-l) / var(--alpha, 100%));
  --dt-shell-color-foreground-critical: hsl(343 100% 27.5%);
  --dt-shell-color-foreground-positive-h: 104;
  --dt-shell-color-foreground-positive-s: 68.2%;
  --dt-shell-color-foreground-positive-l: 39.8%;
  --dt-shell-color-foreground-positive-a: 100%;
  --dt-shell-color-foreground-positive-hsl: var(--dt-shell-color-foreground-positive-h) var(--dt-shell-color-foreground-positive-s) var(--dt-shell-color-foreground-positive-l);
  --dt-shell-color-foreground-positive-hsla: hsl(var(--dt-shell-color-foreground-positive-h) var(--dt-shell-color-foreground-positive-s) var(--dt-shell-color-foreground-positive-l) / var(--alpha, 100%));
  --dt-shell-color-foreground-positive: hsl(104 68.2% 39.8%);
  --dt-shell-color-foreground-disabled-h: 0;
  --dt-shell-color-foreground-disabled-s: 0%;
  --dt-shell-color-foreground-disabled-l: 11%;
  --dt-shell-color-foreground-disabled-a: 57%;
  --dt-shell-color-foreground-disabled-hsl: var(--dt-shell-color-foreground-disabled-h) var(--dt-shell-color-foreground-disabled-s) var(--dt-shell-color-foreground-disabled-l);
  --dt-shell-color-foreground-disabled-hsla: hsl(var(--dt-shell-color-foreground-disabled-h) var(--dt-shell-color-foreground-disabled-s) var(--dt-shell-color-foreground-disabled-l) / var(--alpha, 57%));
  --dt-shell-color-foreground-disabled: hsl(0 0% 11% / 0.57);
  --dt-shell-color-foreground-muted-h: 0;
  --dt-shell-color-foreground-muted-s: 0%;
  --dt-shell-color-foreground-muted-l: 11%;
  --dt-shell-color-foreground-muted-a: 60%;
  --dt-shell-color-foreground-muted-hsl: var(--dt-shell-color-foreground-muted-h) var(--dt-shell-color-foreground-muted-s) var(--dt-shell-color-foreground-muted-l);
  --dt-shell-color-foreground-muted-hsla: hsl(var(--dt-shell-color-foreground-muted-h) var(--dt-shell-color-foreground-muted-s) var(--dt-shell-color-foreground-muted-l) / var(--alpha, 60%));
  --dt-shell-color-foreground-muted: hsl(0 0% 11% / 0.6);
  --dt-shell-color-foreground-strong-h: 0;
  --dt-shell-color-foreground-strong-s: 0%;
  --dt-shell-color-foreground-strong-l: 11%;
  --dt-shell-color-foreground-strong-a: 100%;
  --dt-shell-color-foreground-strong-hsl: var(--dt-shell-color-foreground-strong-h) var(--dt-shell-color-foreground-strong-s) var(--dt-shell-color-foreground-strong-l);
  --dt-shell-color-foreground-strong-hsla: hsl(var(--dt-shell-color-foreground-strong-h) var(--dt-shell-color-foreground-strong-s) var(--dt-shell-color-foreground-strong-l) / var(--alpha, 100%));
  --dt-shell-color-foreground-strong: hsl(0 0% 11%);
  --dt-shell-color-foreground-tertiary-h: 0;
  --dt-shell-color-foreground-tertiary-s: 0%;
  --dt-shell-color-foreground-tertiary-l: 11%;
  --dt-shell-color-foreground-tertiary-a: 72%;
  --dt-shell-color-foreground-tertiary-hsl: var(--dt-shell-color-foreground-tertiary-h) var(--dt-shell-color-foreground-tertiary-s) var(--dt-shell-color-foreground-tertiary-l);
  --dt-shell-color-foreground-tertiary-hsla: hsl(var(--dt-shell-color-foreground-tertiary-h) var(--dt-shell-color-foreground-tertiary-s) var(--dt-shell-color-foreground-tertiary-l) / var(--alpha, 72%));
  --dt-shell-color-foreground-tertiary: hsl(0 0% 11% / 0.72);
  --dt-shell-color-foreground-secondary-h: 0;
  --dt-shell-color-foreground-secondary-s: 0%;
  --dt-shell-color-foreground-secondary-l: 11%;
  --dt-shell-color-foreground-secondary-a: 86%;
  --dt-shell-color-foreground-secondary-hsl: var(--dt-shell-color-foreground-secondary-h) var(--dt-shell-color-foreground-secondary-s) var(--dt-shell-color-foreground-secondary-l);
  --dt-shell-color-foreground-secondary-hsla: hsl(var(--dt-shell-color-foreground-secondary-h) var(--dt-shell-color-foreground-secondary-s) var(--dt-shell-color-foreground-secondary-l) / var(--alpha, 86%));
  --dt-shell-color-foreground-secondary: hsl(0 0% 11% / 0.86);
  --dt-shell-color-foreground-primary-h: var(--dt-shell-base-color-foreground-h);
  --dt-shell-color-foreground-primary-s: var(--dt-shell-base-color-foreground-s);
  --dt-shell-color-foreground-primary-l: var(--dt-shell-base-color-foreground-l);
  --dt-shell-color-foreground-primary-a: var(--dt-shell-base-color-foreground-a);
  --dt-shell-color-foreground-primary-hsl: var(--dt-shell-base-color-foreground-hsl);
  --dt-shell-color-foreground-primary-hsla: var(--dt-shell-base-color-foreground-hsla);
  --dt-shell-color-foreground-primary: var(--dt-shell-base-color-foreground);
  --dt-shell-base-action-color-background-muted-h: var(--dt-shell-base-color-action-h);
  --dt-shell-base-action-color-background-muted-s: var(--dt-shell-base-color-action-s);
  --dt-shell-base-action-color-background-muted-l: var(--dt-shell-base-color-action-l);
  --dt-shell-base-action-color-background-muted-a: var(--dt-shell-base-color-action-a);
  --dt-shell-base-action-color-background-muted-hsl: var(--dt-shell-base-color-action-hsl);
  --dt-shell-base-action-color-background-muted-hsla: var(--dt-shell-base-color-action-hsla);
  --dt-shell-base-action-color-background-muted: var(--dt-shell-base-color-action);
  --dt-shell-base-action-color-background-secondary-h: var(--dt-shell-base-color-action-h);
  --dt-shell-base-action-color-background-secondary-s: var(--dt-shell-base-color-action-s);
  --dt-shell-base-action-color-background-secondary-l: var(--dt-shell-base-color-action-l);
  --dt-shell-base-action-color-background-secondary-a: var(--dt-shell-base-color-action-a);
  --dt-shell-base-action-color-background-secondary-hsl: var(--dt-shell-base-color-action-hsl);
  --dt-shell-base-action-color-background-secondary-hsla: var(--dt-shell-base-color-action-hsla);
  --dt-shell-base-action-color-background-secondary: var(--dt-shell-base-color-action);
  --dt-shell-base-action-color-background-primary-h: var(--dt-shell-base-color-action-h);
  --dt-shell-base-action-color-background-primary-s: var(--dt-shell-base-color-action-s);
  --dt-shell-base-action-color-background-primary-l: var(--dt-shell-base-color-action-l);
  --dt-shell-base-action-color-background-primary-a: var(--dt-shell-base-color-action-a);
  --dt-shell-base-action-color-background-primary-hsl: var(--dt-shell-base-color-action-hsl);
  --dt-shell-base-action-color-background-primary-hsla: var(--dt-shell-base-color-action-hsla);
  --dt-shell-base-action-color-background-primary: var(--dt-shell-base-color-action);
  --dt-shell-base-color-surface-h: var(--dt-color-surface-secondary-h);
  --dt-shell-base-color-surface-s: var(--dt-color-surface-secondary-s);
  --dt-shell-base-color-surface-l: var(--dt-color-surface-secondary-l);
  --dt-shell-base-color-surface-a: var(--dt-color-surface-secondary-a);
  --dt-shell-base-color-surface-hsl: var(--dt-color-surface-secondary-hsl);
  --dt-shell-base-color-surface-hsla: var(--dt-color-surface-secondary-hsla);
  --dt-shell-base-color-surface: var(--dt-color-surface-secondary);
  --dt-theme-mention-color-background-h: var(--dt-color-surface-brand-strong-h);
  --dt-theme-mention-color-background-s: var(--dt-color-surface-brand-strong-s);
  --dt-theme-mention-color-background-l: var(--dt-color-surface-brand-strong-l);
  --dt-theme-mention-color-background-a: var(--dt-color-surface-brand-strong-a);
  --dt-theme-mention-color-background-hsl: var(--dt-color-surface-brand-strong-hsl);
  --dt-theme-mention-color-background-hsla: var(--dt-color-surface-brand-strong-hsla);
  --dt-theme-mention-color-background: var(--dt-color-surface-brand-strong);
  --dt-theme-mention-color-foreground-strong-h: var(--dt-color-foreground-primary-inverted-h);
  --dt-theme-mention-color-foreground-strong-s: var(--dt-color-foreground-primary-inverted-s);
  --dt-theme-mention-color-foreground-strong-l: var(--dt-color-foreground-primary-inverted-l);
  --dt-theme-mention-color-foreground-strong-a: var(--dt-color-foreground-primary-inverted-a);
  --dt-theme-mention-color-foreground-strong-hsl: var(--dt-color-foreground-primary-inverted-hsl);
  --dt-theme-mention-color-foreground-strong-hsla: var(--dt-color-foreground-primary-inverted-hsla);
  --dt-theme-mention-color-foreground-strong: var(--dt-color-foreground-primary-inverted);
  --dt-theme-sidebar-section-color-foreground-h: var(--dt-color-foreground-tertiary-h);
  --dt-theme-sidebar-section-color-foreground-s: var(--dt-color-foreground-tertiary-s);
  --dt-theme-sidebar-section-color-foreground-l: var(--dt-color-foreground-tertiary-l);
  --dt-theme-sidebar-section-color-foreground-a: var(--dt-color-foreground-tertiary-a);
  --dt-theme-sidebar-section-color-foreground-hsl: var(--dt-color-foreground-tertiary-hsl);
  --dt-theme-sidebar-section-color-foreground-hsla: var(--dt-color-foreground-tertiary-hsla);
  --dt-theme-sidebar-section-color-foreground: var(--dt-color-foreground-tertiary);
  --dt-theme-sidebar-selected-row-color-background-h: 0;
  --dt-theme-sidebar-selected-row-color-background-s: 0%;
  --dt-theme-sidebar-selected-row-color-background-l: 11%;
  --dt-theme-sidebar-selected-row-color-background-a: 9%;
  --dt-theme-sidebar-selected-row-color-background-hsl: var(--dt-theme-sidebar-selected-row-color-background-h) var(--dt-theme-sidebar-selected-row-color-background-s) var(--dt-theme-sidebar-selected-row-color-background-l);
  --dt-theme-sidebar-selected-row-color-background-hsla: hsl(var(--dt-theme-sidebar-selected-row-color-background-h) var(--dt-theme-sidebar-selected-row-color-background-s) var(--dt-theme-sidebar-selected-row-color-background-l) / var(--alpha, 9%));
  --dt-theme-sidebar-selected-row-color-background: hsl(0 0% 11% / 0.09);
  --dt-theme-sidebar-selected-row-color-foreground-h: var(--dt-color-foreground-primary-h);
  --dt-theme-sidebar-selected-row-color-foreground-s: var(--dt-color-foreground-primary-s);
  --dt-theme-sidebar-selected-row-color-foreground-l: var(--dt-color-foreground-primary-l);
  --dt-theme-sidebar-selected-row-color-foreground-a: var(--dt-color-foreground-primary-a);
  --dt-theme-sidebar-selected-row-color-foreground-hsl: var(--dt-color-foreground-primary-hsl);
  --dt-theme-sidebar-selected-row-color-foreground-hsla: var(--dt-color-foreground-primary-hsla);
  --dt-theme-sidebar-selected-row-color-foreground: var(--dt-color-foreground-primary);
  --dt-theme-sidebar-row-color-background-active-h: 0;
  --dt-theme-sidebar-row-color-background-active-s: 0%;
  --dt-theme-sidebar-row-color-background-active-l: 11%;
  --dt-theme-sidebar-row-color-background-active-a: 15%;
  --dt-theme-sidebar-row-color-background-active-hsl: var(--dt-theme-sidebar-row-color-background-active-h) var(--dt-theme-sidebar-row-color-background-active-s) var(--dt-theme-sidebar-row-color-background-active-l);
  --dt-theme-sidebar-row-color-background-active-hsla: hsl(var(--dt-theme-sidebar-row-color-background-active-h) var(--dt-theme-sidebar-row-color-background-active-s) var(--dt-theme-sidebar-row-color-background-active-l) / var(--alpha, 15%));
  --dt-theme-sidebar-row-color-background-active: hsl(0 0% 11% / 0.15);
  --dt-theme-sidebar-row-color-background-hover-h: 0;
  --dt-theme-sidebar-row-color-background-hover-s: 0%;
  --dt-theme-sidebar-row-color-background-hover-l: 11%;
  --dt-theme-sidebar-row-color-background-hover-a: 11%;
  --dt-theme-sidebar-row-color-background-hover-hsl: var(--dt-theme-sidebar-row-color-background-hover-h) var(--dt-theme-sidebar-row-color-background-hover-s) var(--dt-theme-sidebar-row-color-background-hover-l);
  --dt-theme-sidebar-row-color-background-hover-hsla: hsl(var(--dt-theme-sidebar-row-color-background-hover-h) var(--dt-theme-sidebar-row-color-background-hover-s) var(--dt-theme-sidebar-row-color-background-hover-l) / var(--alpha, 11%));
  --dt-theme-sidebar-row-color-background-hover: hsl(0 0% 11% / 0.11);
  --dt-theme-sidebar-row-color-background-h: 0;
  --dt-theme-sidebar-row-color-background-s: 0%;
  --dt-theme-sidebar-row-color-background-l: 11%;
  --dt-theme-sidebar-row-color-background-a: 0%;
  --dt-theme-sidebar-row-color-background-hsl: var(--dt-theme-sidebar-row-color-background-h) var(--dt-theme-sidebar-row-color-background-s) var(--dt-theme-sidebar-row-color-background-l);
  --dt-theme-sidebar-row-color-background-hsla: hsl(var(--dt-theme-sidebar-row-color-background-h) var(--dt-theme-sidebar-row-color-background-s) var(--dt-theme-sidebar-row-color-background-l) / var(--alpha, 0%));
  --dt-theme-sidebar-row-color-background: hsl(0 0% 11% / 0);
  --dt-theme-sidebar-status-color-foreground-h: var(--dt-color-foreground-tertiary-h);
  --dt-theme-sidebar-status-color-foreground-s: var(--dt-color-foreground-tertiary-s);
  --dt-theme-sidebar-status-color-foreground-l: var(--dt-color-foreground-tertiary-l);
  --dt-theme-sidebar-status-color-foreground-a: var(--dt-color-foreground-tertiary-a);
  --dt-theme-sidebar-status-color-foreground-hsl: var(--dt-color-foreground-tertiary-hsl);
  --dt-theme-sidebar-status-color-foreground-hsla: var(--dt-color-foreground-tertiary-hsla);
  --dt-theme-sidebar-status-color-foreground: var(--dt-color-foreground-tertiary);
  --dt-theme-sidebar-color-foreground-unread-h: var(--dt-color-foreground-primary-h);
  --dt-theme-sidebar-color-foreground-unread-s: var(--dt-color-foreground-primary-s);
  --dt-theme-sidebar-color-foreground-unread-l: var(--dt-color-foreground-primary-l);
  --dt-theme-sidebar-color-foreground-unread-a: var(--dt-color-foreground-primary-a);
  --dt-theme-sidebar-color-foreground-unread-hsl: var(--dt-color-foreground-primary-hsl);
  --dt-theme-sidebar-color-foreground-unread-hsla: var(--dt-color-foreground-primary-hsla);
  --dt-theme-sidebar-color-foreground-unread: var(--dt-color-foreground-primary);
  --dt-theme-sidebar-color-foreground-h: var(--dt-color-foreground-secondary-h);
  --dt-theme-sidebar-color-foreground-s: var(--dt-color-foreground-secondary-s);
  --dt-theme-sidebar-color-foreground-l: var(--dt-color-foreground-secondary-l);
  --dt-theme-sidebar-color-foreground-a: var(--dt-color-foreground-secondary-a);
  --dt-theme-sidebar-color-foreground-hsl: var(--dt-color-foreground-secondary-hsl);
  --dt-theme-sidebar-color-foreground-hsla: var(--dt-color-foreground-secondary-hsla);
  --dt-theme-sidebar-color-foreground: var(--dt-color-foreground-secondary);
  --dt-theme-topbar-profile-color-background-active-h: 0;
  --dt-theme-topbar-profile-color-background-active-s: 0%;
  --dt-theme-topbar-profile-color-background-active-l: 11%;
  --dt-theme-topbar-profile-color-background-active-a: 14%;
  --dt-theme-topbar-profile-color-background-active-hsl: var(--dt-theme-topbar-profile-color-background-active-h) var(--dt-theme-topbar-profile-color-background-active-s) var(--dt-theme-topbar-profile-color-background-active-l);
  --dt-theme-topbar-profile-color-background-active-hsla: hsl(var(--dt-theme-topbar-profile-color-background-active-h) var(--dt-theme-topbar-profile-color-background-active-s) var(--dt-theme-topbar-profile-color-background-active-l) / var(--alpha, 14%));
  --dt-theme-topbar-profile-color-background-active: hsl(0 0% 11% / 0.14);
  --dt-theme-topbar-profile-color-background-hover-h: 0;
  --dt-theme-topbar-profile-color-background-hover-s: 0%;
  --dt-theme-topbar-profile-color-background-hover-l: 11%;
  --dt-theme-topbar-profile-color-background-hover-a: 10%;
  --dt-theme-topbar-profile-color-background-hover-hsl: var(--dt-theme-topbar-profile-color-background-hover-h) var(--dt-theme-topbar-profile-color-background-hover-s) var(--dt-theme-topbar-profile-color-background-hover-l);
  --dt-theme-topbar-profile-color-background-hover-hsla: hsl(var(--dt-theme-topbar-profile-color-background-hover-h) var(--dt-theme-topbar-profile-color-background-hover-s) var(--dt-theme-topbar-profile-color-background-hover-l) / var(--alpha, 10%));
  --dt-theme-topbar-profile-color-background-hover: hsl(0 0% 11% / 0.1);
  --dt-theme-topbar-profile-color-background-inverted-h: 0;
  --dt-theme-topbar-profile-color-background-inverted-s: 0%;
  --dt-theme-topbar-profile-color-background-inverted-l: 11%;
  --dt-theme-topbar-profile-color-background-inverted-a: 75%;
  --dt-theme-topbar-profile-color-background-inverted-hsl: var(--dt-theme-topbar-profile-color-background-inverted-h) var(--dt-theme-topbar-profile-color-background-inverted-s) var(--dt-theme-topbar-profile-color-background-inverted-l);
  --dt-theme-topbar-profile-color-background-inverted-hsla: hsl(var(--dt-theme-topbar-profile-color-background-inverted-h) var(--dt-theme-topbar-profile-color-background-inverted-s) var(--dt-theme-topbar-profile-color-background-inverted-l) / var(--alpha, 75%));
  --dt-theme-topbar-profile-color-background-inverted: hsl(0 0% 11% / 0.75);
  --dt-theme-topbar-profile-color-background-h: 0;
  --dt-theme-topbar-profile-color-background-s: 0%;
  --dt-theme-topbar-profile-color-background-l: 11%;
  --dt-theme-topbar-profile-color-background-a: 5%;
  --dt-theme-topbar-profile-color-background-hsl: var(--dt-theme-topbar-profile-color-background-h) var(--dt-theme-topbar-profile-color-background-s) var(--dt-theme-topbar-profile-color-background-l);
  --dt-theme-topbar-profile-color-background-hsla: hsl(var(--dt-theme-topbar-profile-color-background-h) var(--dt-theme-topbar-profile-color-background-s) var(--dt-theme-topbar-profile-color-background-l) / var(--alpha, 5%));
  --dt-theme-topbar-profile-color-background: hsl(0 0% 11% / 0.05);
  --dt-theme-topbar-profile-color-foreground-inverted-h: 0;
  --dt-theme-topbar-profile-color-foreground-inverted-s: 0%;
  --dt-theme-topbar-profile-color-foreground-inverted-l: 97.6%;
  --dt-theme-topbar-profile-color-foreground-inverted-a: 75%;
  --dt-theme-topbar-profile-color-foreground-inverted-hsl: var(--dt-theme-topbar-profile-color-foreground-inverted-h) var(--dt-theme-topbar-profile-color-foreground-inverted-s) var(--dt-theme-topbar-profile-color-foreground-inverted-l);
  --dt-theme-topbar-profile-color-foreground-inverted-hsla: hsl(var(--dt-theme-topbar-profile-color-foreground-inverted-h) var(--dt-theme-topbar-profile-color-foreground-inverted-s) var(--dt-theme-topbar-profile-color-foreground-inverted-l) / var(--alpha, 75%));
  --dt-theme-topbar-profile-color-foreground-inverted: hsl(0 0% 97.6% / 0.75);
  --dt-theme-topbar-button-color-background-active-h: 0;
  --dt-theme-topbar-button-color-background-active-s: 0%;
  --dt-theme-topbar-button-color-background-active-l: 11%;
  --dt-theme-topbar-button-color-background-active-a: 10%;
  --dt-theme-topbar-button-color-background-active-hsl: var(--dt-theme-topbar-button-color-background-active-h) var(--dt-theme-topbar-button-color-background-active-s) var(--dt-theme-topbar-button-color-background-active-l);
  --dt-theme-topbar-button-color-background-active-hsla: hsl(var(--dt-theme-topbar-button-color-background-active-h) var(--dt-theme-topbar-button-color-background-active-s) var(--dt-theme-topbar-button-color-background-active-l) / var(--alpha, 10%));
  --dt-theme-topbar-button-color-background-active: hsl(0 0% 11% / 0.1);
  --dt-theme-topbar-button-color-background-hover-h: 0;
  --dt-theme-topbar-button-color-background-hover-s: 0%;
  --dt-theme-topbar-button-color-background-hover-l: 11%;
  --dt-theme-topbar-button-color-background-hover-a: 5%;
  --dt-theme-topbar-button-color-background-hover-hsl: var(--dt-theme-topbar-button-color-background-hover-h) var(--dt-theme-topbar-button-color-background-hover-s) var(--dt-theme-topbar-button-color-background-hover-l);
  --dt-theme-topbar-button-color-background-hover-hsla: hsl(var(--dt-theme-topbar-button-color-background-hover-h) var(--dt-theme-topbar-button-color-background-hover-s) var(--dt-theme-topbar-button-color-background-hover-l) / var(--alpha, 5%));
  --dt-theme-topbar-button-color-background-hover: hsl(0 0% 11% / 0.05);
  --dt-theme-topbar-button-color-background-h: 0;
  --dt-theme-topbar-button-color-background-s: 0%;
  --dt-theme-topbar-button-color-background-l: 11%;
  --dt-theme-topbar-button-color-background-a: 0%;
  --dt-theme-topbar-button-color-background-hsl: var(--dt-theme-topbar-button-color-background-h) var(--dt-theme-topbar-button-color-background-s) var(--dt-theme-topbar-button-color-background-l);
  --dt-theme-topbar-button-color-background-hsla: hsl(var(--dt-theme-topbar-button-color-background-h) var(--dt-theme-topbar-button-color-background-s) var(--dt-theme-topbar-button-color-background-l) / var(--alpha, 0%));
  --dt-theme-topbar-button-color-background: hsl(0 0% 11% / 0);
  --dt-theme-topbar-button-color-foreground-hover-h: var(--dt-theme-color-base-h);
  --dt-theme-topbar-button-color-foreground-hover-s: var(--dt-theme-color-base-s);
  --dt-theme-topbar-button-color-foreground-hover-l: var(--dt-theme-color-base-l);
  --dt-theme-topbar-button-color-foreground-hover-a: var(--dt-theme-color-base-a);
  --dt-theme-topbar-button-color-foreground-hover-hsl: var(--dt-theme-color-base-hsl);
  --dt-theme-topbar-button-color-foreground-hover-hsla: var(--dt-theme-color-base-hsla);
  --dt-theme-topbar-button-color-foreground-hover: var(--dt-theme-color-base);
  --dt-theme-topbar-button-color-foreground-h: 0;
  --dt-theme-topbar-button-color-foreground-s: 0%;
  --dt-theme-topbar-button-color-foreground-l: 11%;
  --dt-theme-topbar-button-color-foreground-a: 65%;
  --dt-theme-topbar-button-color-foreground-hsl: var(--dt-theme-topbar-button-color-foreground-h) var(--dt-theme-topbar-button-color-foreground-s) var(--dt-theme-topbar-button-color-foreground-l);
  --dt-theme-topbar-button-color-foreground-hsla: hsl(var(--dt-theme-topbar-button-color-foreground-h) var(--dt-theme-topbar-button-color-foreground-s) var(--dt-theme-topbar-button-color-foreground-l) / var(--alpha, 65%));
  --dt-theme-topbar-button-color-foreground: hsl(0 0% 11% / 0.65);
  --dt-theme-topbar-field-color-border-active-h: 0;
  --dt-theme-topbar-field-color-border-active-s: 0%;
  --dt-theme-topbar-field-color-border-active-l: 11%;
  --dt-theme-topbar-field-color-border-active-a: 20%;
  --dt-theme-topbar-field-color-border-active-hsl: var(--dt-theme-topbar-field-color-border-active-h) var(--dt-theme-topbar-field-color-border-active-s) var(--dt-theme-topbar-field-color-border-active-l);
  --dt-theme-topbar-field-color-border-active-hsla: hsl(var(--dt-theme-topbar-field-color-border-active-h) var(--dt-theme-topbar-field-color-border-active-s) var(--dt-theme-topbar-field-color-border-active-l) / var(--alpha, 20%));
  --dt-theme-topbar-field-color-border-active: hsl(0 0% 11% / 0.2);
  --dt-theme-topbar-field-color-border-hover-h: 0;
  --dt-theme-topbar-field-color-border-hover-s: 0%;
  --dt-theme-topbar-field-color-border-hover-l: 11%;
  --dt-theme-topbar-field-color-border-hover-a: 10%;
  --dt-theme-topbar-field-color-border-hover-hsl: var(--dt-theme-topbar-field-color-border-hover-h) var(--dt-theme-topbar-field-color-border-hover-s) var(--dt-theme-topbar-field-color-border-hover-l);
  --dt-theme-topbar-field-color-border-hover-hsla: hsl(var(--dt-theme-topbar-field-color-border-hover-h) var(--dt-theme-topbar-field-color-border-hover-s) var(--dt-theme-topbar-field-color-border-hover-l) / var(--alpha, 10%));
  --dt-theme-topbar-field-color-border-hover: hsl(0 0% 11% / 0.1);
  --dt-theme-topbar-field-color-border-h: 0;
  --dt-theme-topbar-field-color-border-s: 0%;
  --dt-theme-topbar-field-color-border-l: 11%;
  --dt-theme-topbar-field-color-border-a: 0%;
  --dt-theme-topbar-field-color-border-hsl: var(--dt-theme-topbar-field-color-border-h) var(--dt-theme-topbar-field-color-border-s) var(--dt-theme-topbar-field-color-border-l);
  --dt-theme-topbar-field-color-border-hsla: hsl(var(--dt-theme-topbar-field-color-border-h) var(--dt-theme-topbar-field-color-border-s) var(--dt-theme-topbar-field-color-border-l) / var(--alpha, 0%));
  --dt-theme-topbar-field-color-border: hsl(0 0% 11% / 0);
  --dt-theme-topbar-field-color-background-hover-h: 0;
  --dt-theme-topbar-field-color-background-hover-s: 0%;
  --dt-theme-topbar-field-color-background-hover-l: 100%;
  --dt-theme-topbar-field-color-background-hover-a: 100%;
  --dt-theme-topbar-field-color-background-hover-hsl: var(--dt-theme-topbar-field-color-background-hover-h) var(--dt-theme-topbar-field-color-background-hover-s) var(--dt-theme-topbar-field-color-background-hover-l);
  --dt-theme-topbar-field-color-background-hover-hsla: hsl(var(--dt-theme-topbar-field-color-background-hover-h) var(--dt-theme-topbar-field-color-background-hover-s) var(--dt-theme-topbar-field-color-background-hover-l) / var(--alpha, 100%));
  --dt-theme-topbar-field-color-background-hover: hsl(0 0% 100%);
  --dt-theme-topbar-field-color-background-h: 0;
  --dt-theme-topbar-field-color-background-s: 0%;
  --dt-theme-topbar-field-color-background-l: 11%;
  --dt-theme-topbar-field-color-background-a: 5%;
  --dt-theme-topbar-field-color-background-hsl: var(--dt-theme-topbar-field-color-background-h) var(--dt-theme-topbar-field-color-background-s) var(--dt-theme-topbar-field-color-background-l);
  --dt-theme-topbar-field-color-background-hsla: hsl(var(--dt-theme-topbar-field-color-background-h) var(--dt-theme-topbar-field-color-background-s) var(--dt-theme-topbar-field-color-background-l) / var(--alpha, 5%));
  --dt-theme-topbar-field-color-background: hsl(0 0% 11% / 0.05);
  --dt-theme-topbar-field-color-foreground-hover-h: 0;
  --dt-theme-topbar-field-color-foreground-hover-s: 0%;
  --dt-theme-topbar-field-color-foreground-hover-l: 11%;
  --dt-theme-topbar-field-color-foreground-hover-a: 75%;
  --dt-theme-topbar-field-color-foreground-hover-hsl: var(--dt-theme-topbar-field-color-foreground-hover-h) var(--dt-theme-topbar-field-color-foreground-hover-s) var(--dt-theme-topbar-field-color-foreground-hover-l);
  --dt-theme-topbar-field-color-foreground-hover-hsla: hsl(var(--dt-theme-topbar-field-color-foreground-hover-h) var(--dt-theme-topbar-field-color-foreground-hover-s) var(--dt-theme-topbar-field-color-foreground-hover-l) / var(--alpha, 75%));
  --dt-theme-topbar-field-color-foreground-hover: hsl(0 0% 11% / 0.75);
  --dt-theme-topbar-field-color-foreground-h: 0;
  --dt-theme-topbar-field-color-foreground-s: 0%;
  --dt-theme-topbar-field-color-foreground-l: 11%;
  --dt-theme-topbar-field-color-foreground-a: 50%;
  --dt-theme-topbar-field-color-foreground-hsl: var(--dt-theme-topbar-field-color-foreground-h) var(--dt-theme-topbar-field-color-foreground-s) var(--dt-theme-topbar-field-color-foreground-l);
  --dt-theme-topbar-field-color-foreground-hsla: hsl(var(--dt-theme-topbar-field-color-foreground-h) var(--dt-theme-topbar-field-color-foreground-s) var(--dt-theme-topbar-field-color-foreground-l) / var(--alpha, 50%));
  --dt-theme-topbar-field-color-foreground: hsl(0 0% 11% / 0.5);
  --dt-theme-topbar-color-background-h: var(--dt-color-surface-secondary-h);
  --dt-theme-topbar-color-background-s: var(--dt-color-surface-secondary-s);
  --dt-theme-topbar-color-background-l: var(--dt-color-surface-secondary-l);
  --dt-theme-topbar-color-background-a: var(--dt-color-surface-secondary-a);
  --dt-theme-topbar-color-background-hsl: var(--dt-color-surface-secondary-hsl);
  --dt-theme-topbar-color-background-hsla: var(--dt-color-surface-secondary-hsla);
  --dt-theme-topbar-color-background: var(--dt-color-surface-secondary);
  --dt-theme-topbar-color-foreground-h: 0;
  --dt-theme-topbar-color-foreground-s: 0%;
  --dt-theme-topbar-color-foreground-l: 11%;
  --dt-theme-topbar-color-foreground-a: 80%;
  --dt-theme-topbar-color-foreground-hsl: var(--dt-theme-topbar-color-foreground-h) var(--dt-theme-topbar-color-foreground-s) var(--dt-theme-topbar-color-foreground-l);
  --dt-theme-topbar-color-foreground-hsla: hsl(var(--dt-theme-topbar-color-foreground-h) var(--dt-theme-topbar-color-foreground-s) var(--dt-theme-topbar-color-foreground-l) / var(--alpha, 80%));
  --dt-theme-topbar-color-foreground: hsl(0 0% 11% / 0.8);
  --dt-action-color-border-positive-outlined-default-h: var(--dt-color-border-success-h);
  --dt-action-color-border-positive-outlined-default-s: var(--dt-color-border-success-s);
  --dt-action-color-border-positive-outlined-default-l: var(--dt-color-border-success-l);
  --dt-action-color-border-positive-outlined-default-a: var(--dt-color-border-success-a);
  --dt-action-color-border-positive-outlined-default-hsl: var(--dt-color-border-success-hsl);
  --dt-action-color-border-positive-outlined-default-hsla: var(--dt-color-border-success-hsla);
  --dt-action-color-border-positive-outlined-default: var(--dt-color-border-success);
  --dt-action-color-border-muted-outlined-default-h: var(--dt-color-border-default-h);
  --dt-action-color-border-muted-outlined-default-s: var(--dt-color-border-default-s);
  --dt-action-color-border-muted-outlined-default-l: var(--dt-color-border-default-l);
  --dt-action-color-border-muted-outlined-default-a: var(--dt-color-border-default-a);
  --dt-action-color-border-muted-outlined-default-hsl: var(--dt-color-border-default-hsl);
  --dt-action-color-border-muted-outlined-default-hsla: var(--dt-color-border-default-hsla);
  --dt-action-color-border-muted-outlined-default: var(--dt-color-border-default);
  --dt-action-color-border-inverted-outlined-default-h: var(--dt-color-border-default-inverted-h);
  --dt-action-color-border-inverted-outlined-default-s: var(--dt-color-border-default-inverted-s);
  --dt-action-color-border-inverted-outlined-default-l: var(--dt-color-border-default-inverted-l);
  --dt-action-color-border-inverted-outlined-default-a: var(--dt-color-border-default-inverted-a);
  --dt-action-color-border-inverted-outlined-default-hsl: var(--dt-color-border-default-inverted-hsl);
  --dt-action-color-border-inverted-outlined-default-hsla: var(--dt-color-border-default-inverted-hsla);
  --dt-action-color-border-inverted-outlined-default: var(--dt-color-border-default-inverted);
  --dt-action-color-border-critical-outlined-default-h: var(--dt-color-border-critical-h);
  --dt-action-color-border-critical-outlined-default-s: var(--dt-color-border-critical-s);
  --dt-action-color-border-critical-outlined-default-l: var(--dt-color-border-critical-l);
  --dt-action-color-border-critical-outlined-default-a: var(--dt-color-border-critical-a);
  --dt-action-color-border-critical-outlined-default-hsl: var(--dt-color-border-critical-hsl);
  --dt-action-color-border-critical-outlined-default-hsla: var(--dt-color-border-critical-hsla);
  --dt-action-color-border-critical-outlined-default: var(--dt-color-border-critical);
  --dt-action-color-border-base-outlined-default-h: var(--dt-color-border-brand-h);
  --dt-action-color-border-base-outlined-default-s: var(--dt-color-border-brand-s);
  --dt-action-color-border-base-outlined-default-l: var(--dt-color-border-brand-l);
  --dt-action-color-border-base-outlined-default-a: var(--dt-color-border-brand-a);
  --dt-action-color-border-base-outlined-default-hsl: var(--dt-color-border-brand-hsl);
  --dt-action-color-border-base-outlined-default-hsla: var(--dt-color-border-brand-hsla);
  --dt-action-color-border-base-outlined-default: var(--dt-color-border-brand);
  --dt-action-color-background-positive-primary-active-h: 155;
  --dt-action-color-background-positive-primary-active-s: 100%;
  --dt-action-color-background-positive-primary-active-l: 24.8%;
  --dt-action-color-background-positive-primary-active-a: 100%;
  --dt-action-color-background-positive-primary-active-hsl: var(--dt-action-color-background-positive-primary-active-h) var(--dt-action-color-background-positive-primary-active-s) var(--dt-action-color-background-positive-primary-active-l);
  --dt-action-color-background-positive-primary-active-hsla: hsl(var(--dt-action-color-background-positive-primary-active-h) var(--dt-action-color-background-positive-primary-active-s) var(--dt-action-color-background-positive-primary-active-l) / var(--alpha, 100%));
  --dt-action-color-background-positive-primary-active: hsl(155 100% 24.8%);
  --dt-action-color-background-positive-hover-h: var(--dt-color-surface-success-opaque-h);
  --dt-action-color-background-positive-hover-s: var(--dt-color-surface-success-opaque-s);
  --dt-action-color-background-positive-hover-l: var(--dt-color-surface-success-opaque-l);
  --dt-action-color-background-positive-hover-a: var(--dt-color-surface-success-opaque-a);
  --dt-action-color-background-positive-hover-hsl: var(--dt-color-surface-success-opaque-hsl);
  --dt-action-color-background-positive-hover-hsla: var(--dt-color-surface-success-opaque-hsla);
  --dt-action-color-background-positive-hover: var(--dt-color-surface-success-opaque);
  --dt-action-color-background-disabled-default-h: var(--dt-color-surface-bold-opaque-h);
  --dt-action-color-background-disabled-default-s: var(--dt-color-surface-bold-opaque-s);
  --dt-action-color-background-disabled-default-l: var(--dt-color-surface-bold-opaque-l);
  --dt-action-color-background-disabled-default-a: var(--dt-color-surface-bold-opaque-a);
  --dt-action-color-background-disabled-default-hsl: var(--dt-color-surface-bold-opaque-hsl);
  --dt-action-color-background-disabled-default-hsla: var(--dt-color-surface-bold-opaque-hsla);
  --dt-action-color-background-disabled-default: var(--dt-color-surface-bold-opaque);
  --dt-action-color-background-muted-hover-h: var(--dt-color-surface-moderate-opaque-h);
  --dt-action-color-background-muted-hover-s: var(--dt-color-surface-moderate-opaque-s);
  --dt-action-color-background-muted-hover-l: var(--dt-color-surface-moderate-opaque-l);
  --dt-action-color-background-muted-hover-a: var(--dt-color-surface-moderate-opaque-a);
  --dt-action-color-background-muted-hover-hsl: var(--dt-color-surface-moderate-opaque-hsl);
  --dt-action-color-background-muted-hover-hsla: var(--dt-color-surface-moderate-opaque-hsla);
  --dt-action-color-background-muted-hover: var(--dt-color-surface-moderate-opaque);
  --dt-action-color-background-inverted-primary-hover-h: var(--dt-color-surface-brand-h);
  --dt-action-color-background-inverted-primary-hover-s: var(--dt-color-surface-brand-s);
  --dt-action-color-background-inverted-primary-hover-l: var(--dt-color-surface-brand-l);
  --dt-action-color-background-inverted-primary-hover-a: var(--dt-color-surface-brand-a);
  --dt-action-color-background-inverted-primary-hover-hsl: var(--dt-color-surface-brand-hsl);
  --dt-action-color-background-inverted-primary-hover-hsla: var(--dt-color-surface-brand-hsla);
  --dt-action-color-background-inverted-primary-hover: var(--dt-color-surface-brand);
  --dt-action-color-background-inverted-active-h: var(--dt-color-surface-bold-opaque-inverted-h);
  --dt-action-color-background-inverted-active-s: var(--dt-color-surface-bold-opaque-inverted-s);
  --dt-action-color-background-inverted-active-l: var(--dt-color-surface-bold-opaque-inverted-l);
  --dt-action-color-background-inverted-active-a: var(--dt-color-surface-bold-opaque-inverted-a);
  --dt-action-color-background-inverted-active-hsl: var(--dt-color-surface-bold-opaque-inverted-hsl);
  --dt-action-color-background-inverted-active-hsla: var(--dt-color-surface-bold-opaque-inverted-hsla);
  --dt-action-color-background-inverted-active: var(--dt-color-surface-bold-opaque-inverted);
  --dt-action-color-background-inverted-hover-h: var(--dt-color-surface-moderate-opaque-inverted-h);
  --dt-action-color-background-inverted-hover-s: var(--dt-color-surface-moderate-opaque-inverted-s);
  --dt-action-color-background-inverted-hover-l: var(--dt-color-surface-moderate-opaque-inverted-l);
  --dt-action-color-background-inverted-hover-a: var(--dt-color-surface-moderate-opaque-inverted-a);
  --dt-action-color-background-inverted-hover-hsl: var(--dt-color-surface-moderate-opaque-inverted-hsl);
  --dt-action-color-background-inverted-hover-hsla: var(--dt-color-surface-moderate-opaque-inverted-hsla);
  --dt-action-color-background-inverted-hover: var(--dt-color-surface-moderate-opaque-inverted);
  --dt-action-color-background-critical-hover-h: var(--dt-color-surface-critical-opaque-h);
  --dt-action-color-background-critical-hover-s: var(--dt-color-surface-critical-opaque-s);
  --dt-action-color-background-critical-hover-l: var(--dt-color-surface-critical-opaque-l);
  --dt-action-color-background-critical-hover-a: var(--dt-color-surface-critical-opaque-a);
  --dt-action-color-background-critical-hover-hsl: var(--dt-color-surface-critical-opaque-hsl);
  --dt-action-color-background-critical-hover-hsla: var(--dt-color-surface-critical-opaque-hsla);
  --dt-action-color-background-critical-hover: var(--dt-color-surface-critical-opaque);
  --dt-action-color-background-base-hover-h: var(--dt-color-surface-brand-opaque-h);
  --dt-action-color-background-base-hover-s: var(--dt-color-surface-brand-opaque-s);
  --dt-action-color-background-base-hover-l: var(--dt-color-surface-brand-opaque-l);
  --dt-action-color-background-base-hover-a: var(--dt-color-surface-brand-opaque-a);
  --dt-action-color-background-base-hover-hsl: var(--dt-color-surface-brand-opaque-hsl);
  --dt-action-color-background-base-hover-hsla: var(--dt-color-surface-brand-opaque-hsla);
  --dt-action-color-background-base-hover: var(--dt-color-surface-brand-opaque);
  --dt-action-color-foreground-disabled-default-h: var(--dt-color-foreground-disabled-h);
  --dt-action-color-foreground-disabled-default-s: var(--dt-color-foreground-disabled-s);
  --dt-action-color-foreground-disabled-default-l: var(--dt-color-foreground-disabled-l);
  --dt-action-color-foreground-disabled-default-a: var(--dt-color-foreground-disabled-a);
  --dt-action-color-foreground-disabled-default-hsl: var(--dt-color-foreground-disabled-hsl);
  --dt-action-color-foreground-disabled-default-hsla: var(--dt-color-foreground-disabled-hsla);
  --dt-action-color-foreground-disabled-default: var(--dt-color-foreground-disabled);
  --dt-action-color-foreground-inverted-primary-hover-h: var(--dt-color-link-primary-hover-h);
  --dt-action-color-foreground-inverted-primary-hover-s: var(--dt-color-link-primary-hover-s);
  --dt-action-color-foreground-inverted-primary-hover-l: var(--dt-color-link-primary-hover-l);
  --dt-action-color-foreground-inverted-primary-hover-a: var(--dt-color-link-primary-hover-a);
  --dt-action-color-foreground-inverted-primary-hover-hsl: var(--dt-color-link-primary-hover-hsl);
  --dt-action-color-foreground-inverted-primary-hover-hsla: var(--dt-color-link-primary-hover-hsla);
  --dt-action-color-foreground-inverted-primary-hover: var(--dt-color-link-primary-hover);
  --dt-action-color-foreground-inverted-primary-default-h: var(--dt-color-link-primary-h);
  --dt-action-color-foreground-inverted-primary-default-s: var(--dt-color-link-primary-s);
  --dt-action-color-foreground-inverted-primary-default-l: var(--dt-color-link-primary-l);
  --dt-action-color-foreground-inverted-primary-default-a: var(--dt-color-link-primary-a);
  --dt-action-color-foreground-inverted-primary-default-hsl: var(--dt-color-link-primary-hsl);
  --dt-action-color-foreground-inverted-primary-default-hsla: var(--dt-color-link-primary-hsla);
  --dt-action-color-foreground-inverted-primary-default: var(--dt-color-link-primary);
  --dt-action-color-foreground-inverted-default-h: var(--dt-color-foreground-primary-inverted-h);
  --dt-action-color-foreground-inverted-default-s: var(--dt-color-foreground-primary-inverted-s);
  --dt-action-color-foreground-inverted-default-l: var(--dt-color-foreground-primary-inverted-l);
  --dt-action-color-foreground-inverted-default-a: var(--dt-color-foreground-primary-inverted-a);
  --dt-action-color-foreground-inverted-default-hsl: var(--dt-color-foreground-primary-inverted-hsl);
  --dt-action-color-foreground-inverted-default-hsla: var(--dt-color-foreground-primary-inverted-hsla);
  --dt-action-color-foreground-inverted-default: var(--dt-color-foreground-primary-inverted);
  --dt-action-color-foreground-base-hover-h: var(--dt-color-link-primary-hover-h);
  --dt-action-color-foreground-base-hover-s: var(--dt-color-link-primary-hover-s);
  --dt-action-color-foreground-base-hover-l: var(--dt-color-link-primary-hover-l);
  --dt-action-color-foreground-base-hover-a: var(--dt-color-link-primary-hover-a);
  --dt-action-color-foreground-base-hover-hsl: var(--dt-color-link-primary-hover-hsl);
  --dt-action-color-foreground-base-hover-hsla: var(--dt-color-link-primary-hover-hsla);
  --dt-action-color-foreground-base-hover: var(--dt-color-link-primary-hover);
  --dt-action-color-foreground-base-default-h: var(--dt-color-link-primary-h);
  --dt-action-color-foreground-base-default-s: var(--dt-color-link-primary-s);
  --dt-action-color-foreground-base-default-l: var(--dt-color-link-primary-l);
  --dt-action-color-foreground-base-default-a: var(--dt-color-link-primary-a);
  --dt-action-color-foreground-base-default-hsl: var(--dt-color-link-primary-hsl);
  --dt-action-color-foreground-base-default-hsla: var(--dt-color-link-primary-hsla);
  --dt-action-color-foreground-base-default: var(--dt-color-link-primary);
  --dt-inputs-color-background-disabled-h: var(--dt-color-surface-moderate-opaque-h);
  --dt-inputs-color-background-disabled-s: var(--dt-color-surface-moderate-opaque-s);
  --dt-inputs-color-background-disabled-l: var(--dt-color-surface-moderate-opaque-l);
  --dt-inputs-color-background-disabled-a: var(--dt-color-surface-moderate-opaque-a);
  --dt-inputs-color-background-disabled-hsl: var(--dt-color-surface-moderate-opaque-hsl);
  --dt-inputs-color-background-disabled-hsla: var(--dt-color-surface-moderate-opaque-hsla);
  --dt-inputs-color-background-disabled: var(--dt-color-surface-moderate-opaque);
  --dt-inputs-color-background-default-h: var(--dt-color-surface-secondary-opaque-h);
  --dt-inputs-color-background-default-s: var(--dt-color-surface-secondary-opaque-s);
  --dt-inputs-color-background-default-l: var(--dt-color-surface-secondary-opaque-l);
  --dt-inputs-color-background-default-a: var(--dt-color-surface-secondary-opaque-a);
  --dt-inputs-color-background-default-hsl: var(--dt-color-surface-secondary-opaque-hsl);
  --dt-inputs-color-background-default-hsla: var(--dt-color-surface-secondary-opaque-hsla);
  --dt-inputs-color-background-default: var(--dt-color-surface-secondary-opaque);
  --dt-inputs-color-border-warning-h: var(--dt-color-border-warning-h);
  --dt-inputs-color-border-warning-s: var(--dt-color-border-warning-s);
  --dt-inputs-color-border-warning-l: var(--dt-color-border-warning-l);
  --dt-inputs-color-border-warning-a: var(--dt-color-border-warning-a);
  --dt-inputs-color-border-warning-hsl: var(--dt-color-border-warning-hsl);
  --dt-inputs-color-border-warning-hsla: var(--dt-color-border-warning-hsla);
  --dt-inputs-color-border-warning: var(--dt-color-border-warning);
  --dt-inputs-color-border-success-h: var(--dt-color-border-success-h);
  --dt-inputs-color-border-success-s: var(--dt-color-border-success-s);
  --dt-inputs-color-border-success-l: var(--dt-color-border-success-l);
  --dt-inputs-color-border-success-a: var(--dt-color-border-success-a);
  --dt-inputs-color-border-success-hsl: var(--dt-color-border-success-hsl);
  --dt-inputs-color-border-success-hsla: var(--dt-color-border-success-hsla);
  --dt-inputs-color-border-success: var(--dt-color-border-success);
  --dt-inputs-color-border-critical-h: var(--dt-color-border-critical-h);
  --dt-inputs-color-border-critical-s: var(--dt-color-border-critical-s);
  --dt-inputs-color-border-critical-l: var(--dt-color-border-critical-l);
  --dt-inputs-color-border-critical-a: var(--dt-color-border-critical-a);
  --dt-inputs-color-border-critical-hsl: var(--dt-color-border-critical-hsl);
  --dt-inputs-color-border-critical-hsla: var(--dt-color-border-critical-hsla);
  --dt-inputs-color-border-critical: var(--dt-color-border-critical);
  --dt-inputs-color-border-focus-h: var(--dt-color-border-focus-h);
  --dt-inputs-color-border-focus-s: var(--dt-color-border-focus-s);
  --dt-inputs-color-border-focus-l: var(--dt-color-border-focus-l);
  --dt-inputs-color-border-focus-a: var(--dt-color-border-focus-a);
  --dt-inputs-color-border-focus-hsl: var(--dt-color-border-focus-hsl);
  --dt-inputs-color-border-focus-hsla: var(--dt-color-border-focus-hsla);
  --dt-inputs-color-border-focus: var(--dt-color-border-focus);
  --dt-inputs-color-border-hover-h: var(--dt-color-border-moderate-h);
  --dt-inputs-color-border-hover-s: var(--dt-color-border-moderate-s);
  --dt-inputs-color-border-hover-l: var(--dt-color-border-moderate-l);
  --dt-inputs-color-border-hover-a: var(--dt-color-border-moderate-a);
  --dt-inputs-color-border-hover-hsl: var(--dt-color-border-moderate-hsl);
  --dt-inputs-color-border-hover-hsla: var(--dt-color-border-moderate-hsla);
  --dt-inputs-color-border-hover: var(--dt-color-border-moderate);
  --dt-inputs-color-border-default-h: var(--dt-color-border-default-h);
  --dt-inputs-color-border-default-s: var(--dt-color-border-default-s);
  --dt-inputs-color-border-default-l: var(--dt-color-border-default-l);
  --dt-inputs-color-border-default-a: var(--dt-color-border-default-a);
  --dt-inputs-color-border-default-hsl: var(--dt-color-border-default-hsl);
  --dt-inputs-color-border-default-hsla: var(--dt-color-border-default-hsla);
  --dt-inputs-color-border-default: var(--dt-color-border-default);
  --dt-inputs-color-foreground-disabled-h: var(--dt-color-foreground-disabled-h);
  --dt-inputs-color-foreground-disabled-s: var(--dt-color-foreground-disabled-s);
  --dt-inputs-color-foreground-disabled-l: var(--dt-color-foreground-disabled-l);
  --dt-inputs-color-foreground-disabled-a: var(--dt-color-foreground-disabled-a);
  --dt-inputs-color-foreground-disabled-hsl: var(--dt-color-foreground-disabled-hsl);
  --dt-inputs-color-foreground-disabled-hsla: var(--dt-color-foreground-disabled-hsla);
  --dt-inputs-color-foreground-disabled: var(--dt-color-foreground-disabled);
  --dt-inputs-color-foreground-placeholder-h: var(--dt-color-foreground-placeholder-h);
  --dt-inputs-color-foreground-placeholder-s: var(--dt-color-foreground-placeholder-s);
  --dt-inputs-color-foreground-placeholder-l: var(--dt-color-foreground-placeholder-l);
  --dt-inputs-color-foreground-placeholder-a: var(--dt-color-foreground-placeholder-a);
  --dt-inputs-color-foreground-placeholder-hsl: var(--dt-color-foreground-placeholder-hsl);
  --dt-inputs-color-foreground-placeholder-hsla: var(--dt-color-foreground-placeholder-hsla);
  --dt-inputs-color-foreground-placeholder: var(--dt-color-foreground-placeholder);
  --dt-inputs-color-foreground-default-h: var(--dt-color-foreground-secondary-h);
  --dt-inputs-color-foreground-default-s: var(--dt-color-foreground-secondary-s);
  --dt-inputs-color-foreground-default-l: var(--dt-color-foreground-secondary-l);
  --dt-inputs-color-foreground-default-a: var(--dt-color-foreground-secondary-a);
  --dt-inputs-color-foreground-default-hsl: var(--dt-color-foreground-secondary-hsl);
  --dt-inputs-color-foreground-default-hsla: var(--dt-color-foreground-secondary-hsla);
  --dt-inputs-color-foreground-default: var(--dt-color-foreground-secondary);
  --dt-inputs-font-size-xl: var(--dt-font-size-400); /* Font size for extra large inputs (e.g. input and textarea) */
  --dt-inputs-font-size-lg: var(--dt-font-size-300); /* Font size for large inputs (e.g. input and textarea) */
  --dt-inputs-font-size-md: var(--dt-font-size-200); /* Font size for medium inputs (e.g. input and textarea) */
  --dt-inputs-font-size-sm: var(--dt-font-size-100); /* Font size for small inputs (e.g. input and textarea) */
  --dt-inputs-font-size-xs: var(--dt-font-size-100); /* Font size for extra small inputs (e.g. input and textarea) */
  --dt-typography-button-xl-line-height: var(--dt-button-line-height-xl); /* Text style for extra large button */
  --dt-typography-button-xl-font-weight: var(--dt-button-font-weight-xl); /* Text style for extra large button */
  --dt-typography-button-lg-line-height: var(--dt-button-line-height-lg); /* Text style for large button */
  --dt-typography-button-lg-font-weight: var(--dt-button-font-weight-lg); /* Text style for large button */
  --dt-typography-button-md-line-height: var(--dt-button-line-height-md); /* Text style for medium button */
  --dt-typography-button-md-font-weight: var(--dt-button-font-weight-md); /* Text style for medium button */
  --dt-typography-button-sm-line-height: var(--dt-button-line-height-sm); /* Text style for small button */
  --dt-typography-button-sm-font-weight: var(--dt-button-font-weight-sm); /* Text style for small button */
  --dt-typography-button-xs-line-height: var(--dt-button-line-height-xs); /* Text style for extra small button */
  --dt-typography-button-xs-font-weight: var(--dt-button-font-weight-xs); /* Text style for extra small button */
  --dt-typography-inputs-xl-line-height: var(--dt-inputs-line-height-xl); /* Text style for extra large inputs (e.g. input and textarea) */
  --dt-typography-inputs-xl-font-weight: var(--dt-inputs-font-weight-xl); /* Text style for extra large inputs (e.g. input and textarea) */
  --dt-typography-inputs-lg-line-height: var(--dt-inputs-line-height-lg); /* Text style for large inputs (e.g. input and textarea) */
  --dt-typography-inputs-lg-font-weight: var(--dt-inputs-font-weight-lg); /* Text style for large inputs (e.g. input and textarea) */
  --dt-typography-inputs-md-line-height: var(--dt-inputs-line-height-md); /* Text style for medium inputs (e.g. input and textarea) */
  --dt-typography-inputs-md-font-weight: var(--dt-inputs-font-weight-md); /* Text style for medium inputs (e.g. input and textarea) */
  --dt-typography-inputs-sm-line-height: var(--dt-inputs-line-height-sm); /* Text style for small inputs (e.g. input and textarea) */
  --dt-typography-inputs-sm-font-weight: var(--dt-inputs-font-weight-sm); /* Text style for small inputs (e.g. input and textarea) */
  --dt-typography-inputs-xs-line-height: var(--dt-inputs-line-height-xs); /* Text style for extra small inputs (e.g. input and textarea) */
  --dt-typography-inputs-xs-font-weight: var(--dt-inputs-font-weight-xs); /* Text style for extra small inputs (e.g. input and textarea) */
  --dt-typography-code-sm-font-size: var(--dt-font-size-100); /* Smaller text size for monospace code, suitable for inline references or less prominent code examples. */
  --dt-typography-code-md-font-size: var(--dt-font-size-200); /* Base default medium-sized text style for monospace code snippets of technical content. */
  --dt-typography-helper-sm-font-size: var(--dt-font-size-100); /* Smaller text size for subtle guidance or additional context, minimizing visual disruption. */
  --dt-typography-helper-md-font-size: var(--dt-font-size-200); /* Base default medium-sized text style for supplementary contextual information. */
  --dt-typography-label-sm-plain-compact-font-size: var(--dt-font-size-100); /* A non-bolded, tighter-spaced version of small label style. */
  --dt-typography-label-sm-plain-font-size: var(--dt-font-size-100); /* A non-bold version of small label style. */
  --dt-typography-label-sm-compact-font-size: var(--dt-font-size-100); /* A tighter-spaced version of small label style. */
  --dt-typography-label-sm-font-size: var(--dt-font-size-100); /* Smaller text style for labels when space is limited or for secondary information or to convey a slightly lower hierachy. */
  --dt-typography-label-md-plain-compact-font-size: var(--dt-font-size-200); /* A non-bolded, tighter-spaced version of medium label style. */
  --dt-typography-label-md-plain-font-size: var(--dt-font-size-200); /* A non-bold version of medium label style. */
  --dt-typography-label-md-compact-font-size: var(--dt-font-size-200); /* A tighter-spaced version of medium label style. */
  --dt-typography-label-md-font-size: var(--dt-font-size-200); /* Base default medium-sized text style for labels, providing clear identification and categorization. */
  --dt-typography-headline-xxl-compact-font-size: var(--dt-font-size-500); /* A tighter-spaced version of extra extra large headline style. */
  --dt-typography-headline-xxl-font-size: var(--dt-font-size-500); /* Largest text style for extra extra large content. */
  --dt-typography-headline-xl-compact-font-size: var(--dt-font-size-400); /* A tighter-spaced version of extra large headline style. */
  --dt-typography-headline-xl-font-size: var(--dt-font-size-400); /* Extra large text style for high importance headlines. */
  --dt-typography-headline-lg-soft-compact-font-size: var(--dt-font-size-300); /* A softer font weight, tighter spaced version of large headline style. */
  --dt-typography-headline-lg-compact-font-size: var(--dt-font-size-300); /* A tighter-spaced version of large body style. */
  --dt-typography-headline-lg-soft-font-size: var(--dt-font-size-300); /* A softer font weight version of large headline style. */
  --dt-typography-headline-lg-font-size: var(--dt-font-size-300); /* Large text style for headlines to attract attention. */
  --dt-typography-headline-md-compact-font-size: var(--dt-font-size-200); /* A tighter-spaced version of medium headline style. */
  --dt-typography-headline-md-font-size: var(--dt-font-size-200); /* Medium-sized base text style for headlines. */
  --dt-typography-headline-sm-soft-compact-font-size: var(--dt-font-size-100); /* A softer font weight, tighter-spaced version of small headline style. */
  --dt-typography-headline-sm-soft-font-size: var(--dt-font-size-100); /* A softer font weight version of small headline style. */
  --dt-typography-headline-sm-compact-font-size: var(--dt-font-size-100); /* A tighter-spaced version of small headline style. */
  --dt-typography-headline-sm-font-size: var(--dt-font-size-100); /* Smaller text size for secondary information or subheadings. */
  --dt-typography-headline-eyebrow-font-size: var(--dt-font-size-100); /* Visually concise and uppercase title text used above a paired headline. Also known as a kicker or overline. */
  --dt-typography-body-sm-compact-font-size: var(--dt-font-size-100); /* A tighter-spaced version of small body style. */
  --dt-typography-body-sm-font-size: var(--dt-font-size-100); /* Reduced small text style for less prominent or adjacent content. */
  --dt-typography-body-md-compact-font-size: var(--dt-font-size-200); /* A tighter-spaced version of medium body style. */
  --dt-typography-body-md-font-size: var(--dt-font-size-200); /* Base default medium text style for main content. */
  --dt-color-chart-sequential-range-00-end-h: var(--dt-color-chart-sequential-10-h);
  --dt-color-chart-sequential-range-00-end-s: var(--dt-color-chart-sequential-10-s);
  --dt-color-chart-sequential-range-00-end-l: var(--dt-color-chart-sequential-10-l);
  --dt-color-chart-sequential-range-00-end-a: var(--dt-color-chart-sequential-10-a);
  --dt-color-chart-sequential-range-00-end-hsl: var(--dt-color-chart-sequential-10-hsl);
  --dt-color-chart-sequential-range-00-end-hsla: var(--dt-color-chart-sequential-10-hsla);
  --dt-color-chart-sequential-range-00-end: var(--dt-color-chart-sequential-10); /* Start color value for default sequential range. Use to create a dynamically generated sequential series, must be paired with a start color. */
  --dt-color-chart-sequential-range-00-start-h: var(--dt-color-chart-sequential-01-h);
  --dt-color-chart-sequential-range-00-start-s: var(--dt-color-chart-sequential-01-s);
  --dt-color-chart-sequential-range-00-start-l: var(--dt-color-chart-sequential-01-l);
  --dt-color-chart-sequential-range-00-start-a: var(--dt-color-chart-sequential-01-a);
  --dt-color-chart-sequential-range-00-start-hsl: var(--dt-color-chart-sequential-01-hsl);
  --dt-color-chart-sequential-range-00-start-hsla: var(--dt-color-chart-sequential-01-hsla);
  --dt-color-chart-sequential-range-00-start: var(--dt-color-chart-sequential-01); /* Start color value for default sequential range. Use to create a dynamically generated sequential series, must be paired with an end color. */
  --dt-color-chart-sequential-10-selected-h: 203;
  --dt-color-chart-sequential-10-selected-s: 42.5%;
  --dt-color-chart-sequential-10-selected-l: 14.000000000000002%;
  --dt-color-chart-sequential-10-selected-a: 100%;
  --dt-color-chart-sequential-10-selected-hsl: var(--dt-color-chart-sequential-10-selected-h) var(--dt-color-chart-sequential-10-selected-s) var(--dt-color-chart-sequential-10-selected-l);
  --dt-color-chart-sequential-10-selected-hsla: hsl(var(--dt-color-chart-sequential-10-selected-h) var(--dt-color-chart-sequential-10-selected-s) var(--dt-color-chart-sequential-10-selected-l) / var(--alpha, 100%));
  --dt-color-chart-sequential-10-selected: hsl(203 42.5% 14%); /* Selected state for tenth sequential chart color. */
  --dt-color-chart-sequential-10-hover-h: 203;
  --dt-color-chart-sequential-10-hover-s: 51.7%;
  --dt-color-chart-sequential-10-hover-l: 17%;
  --dt-color-chart-sequential-10-hover-a: 100%;
  --dt-color-chart-sequential-10-hover-hsl: var(--dt-color-chart-sequential-10-hover-h) var(--dt-color-chart-sequential-10-hover-s) var(--dt-color-chart-sequential-10-hover-l);
  --dt-color-chart-sequential-10-hover-hsla: hsl(var(--dt-color-chart-sequential-10-hover-h) var(--dt-color-chart-sequential-10-hover-s) var(--dt-color-chart-sequential-10-hover-l) / var(--alpha, 100%));
  --dt-color-chart-sequential-10-hover: hsl(203 51.7% 17%); /* Hover state for tenth sequential chart color. */
  --dt-color-chart-sequential-09-h: 205;
  --dt-color-chart-sequential-09-s: 59.9%;
  --dt-color-chart-sequential-09-l: 27.500000000000004%;
  --dt-color-chart-sequential-09-a: 100%;
  --dt-color-chart-sequential-09-hsl: var(--dt-color-chart-sequential-09-h) var(--dt-color-chart-sequential-09-s) var(--dt-color-chart-sequential-09-l);
  --dt-color-chart-sequential-09-hsla: hsl(var(--dt-color-chart-sequential-09-h) var(--dt-color-chart-sequential-09-s) var(--dt-color-chart-sequential-09-l) / var(--alpha, 100%));
  --dt-color-chart-sequential-09: hsl(205 59.9% 27.5%); /* Ninth color in sequential chart series, extremely dark shade. */
  --dt-color-chart-sequential-08-h: 207;
  --dt-color-chart-sequential-08-s: 58.9%;
  --dt-color-chart-sequential-08-l: 35.8%;
  --dt-color-chart-sequential-08-a: 100%;
  --dt-color-chart-sequential-08-hsl: var(--dt-color-chart-sequential-08-h) var(--dt-color-chart-sequential-08-s) var(--dt-color-chart-sequential-08-l);
  --dt-color-chart-sequential-08-hsla: hsl(var(--dt-color-chart-sequential-08-h) var(--dt-color-chart-sequential-08-s) var(--dt-color-chart-sequential-08-l) / var(--alpha, 100%));
  --dt-color-chart-sequential-08: hsl(207 58.9% 35.8%); /* Eighth color in sequential chart series, very dark shade. */
  --dt-color-chart-sequential-07-h: 209;
  --dt-color-chart-sequential-07-s: 57.9%;
  --dt-color-chart-sequential-07-l: 44.8%;
  --dt-color-chart-sequential-07-a: 100%;
  --dt-color-chart-sequential-07-hsl: var(--dt-color-chart-sequential-07-h) var(--dt-color-chart-sequential-07-s) var(--dt-color-chart-sequential-07-l);
  --dt-color-chart-sequential-07-hsla: hsl(var(--dt-color-chart-sequential-07-h) var(--dt-color-chart-sequential-07-s) var(--dt-color-chart-sequential-07-l) / var(--alpha, 100%));
  --dt-color-chart-sequential-07: hsl(209 57.9% 44.8%); /* Seventh color in sequential chart series, dark shade. */
  --dt-color-chart-sequential-06-h: 211;
  --dt-color-chart-sequential-06-s: 56.89999999999999%;
  --dt-color-chart-sequential-06-l: 53%;
  --dt-color-chart-sequential-06-a: 100%;
  --dt-color-chart-sequential-06-hsl: var(--dt-color-chart-sequential-06-h) var(--dt-color-chart-sequential-06-s) var(--dt-color-chart-sequential-06-l);
  --dt-color-chart-sequential-06-hsla: hsl(var(--dt-color-chart-sequential-06-h) var(--dt-color-chart-sequential-06-s) var(--dt-color-chart-sequential-06-l) / var(--alpha, 100%));
  --dt-color-chart-sequential-06: hsl(211 56.9% 53%); /* Sixth color in sequential chart series, medium-dark shade. */
  --dt-color-chart-sequential-05-h: 213;
  --dt-color-chart-sequential-05-s: 55.89999999999999%;
  --dt-color-chart-sequential-05-l: 62.1%;
  --dt-color-chart-sequential-05-a: 100%;
  --dt-color-chart-sequential-05-hsl: var(--dt-color-chart-sequential-05-h) var(--dt-color-chart-sequential-05-s) var(--dt-color-chart-sequential-05-l);
  --dt-color-chart-sequential-05-hsla: hsl(var(--dt-color-chart-sequential-05-h) var(--dt-color-chart-sequential-05-s) var(--dt-color-chart-sequential-05-l) / var(--alpha, 100%));
  --dt-color-chart-sequential-05: hsl(213 55.9% 62.1%); /* Fifth color in sequential chart series, medium shade. */
  --dt-color-chart-sequential-04-h: 216;
  --dt-color-chart-sequential-04-s: 54.89999999999999%;
  --dt-color-chart-sequential-04-l: 70.3%;
  --dt-color-chart-sequential-04-a: 100%;
  --dt-color-chart-sequential-04-hsl: var(--dt-color-chart-sequential-04-h) var(--dt-color-chart-sequential-04-s) var(--dt-color-chart-sequential-04-l);
  --dt-color-chart-sequential-04-hsla: hsl(var(--dt-color-chart-sequential-04-h) var(--dt-color-chart-sequential-04-s) var(--dt-color-chart-sequential-04-l) / var(--alpha, 100%));
  --dt-color-chart-sequential-04: hsl(216 54.9% 70.3%); /* Fourth color in sequential chart series, light-medium shade. */
  --dt-color-chart-sequential-03-h: 218;
  --dt-color-chart-sequential-03-s: 53.79999999999999%;
  --dt-color-chart-sequential-03-l: 79.3%;
  --dt-color-chart-sequential-03-a: 100%;
  --dt-color-chart-sequential-03-hsl: var(--dt-color-chart-sequential-03-h) var(--dt-color-chart-sequential-03-s) var(--dt-color-chart-sequential-03-l);
  --dt-color-chart-sequential-03-hsla: hsl(var(--dt-color-chart-sequential-03-h) var(--dt-color-chart-sequential-03-s) var(--dt-color-chart-sequential-03-l) / var(--alpha, 100%));
  --dt-color-chart-sequential-03: hsl(218 53.8% 79.3%); /* Third color in sequential chart series, light shade. */
  --dt-color-chart-sequential-02-h: 220;
  --dt-color-chart-sequential-02-s: 52.900000000000006%;
  --dt-color-chart-sequential-02-l: 87.6%;
  --dt-color-chart-sequential-02-a: 100%;
  --dt-color-chart-sequential-02-hsl: var(--dt-color-chart-sequential-02-h) var(--dt-color-chart-sequential-02-s) var(--dt-color-chart-sequential-02-l);
  --dt-color-chart-sequential-02-hsla: hsl(var(--dt-color-chart-sequential-02-h) var(--dt-color-chart-sequential-02-s) var(--dt-color-chart-sequential-02-l) / var(--alpha, 100%));
  --dt-color-chart-sequential-02: hsl(220 52.9% 87.6%); /* Second color in sequential chart series, very light shade. */
  --dt-color-chart-sequential-01-selected-h: 222;
  --dt-color-chart-sequential-01-selected-s: 36.4%;
  --dt-color-chart-sequential-01-selected-l: 66.6%;
  --dt-color-chart-sequential-01-selected-a: 100%;
  --dt-color-chart-sequential-01-selected-hsl: var(--dt-color-chart-sequential-01-selected-h) var(--dt-color-chart-sequential-01-selected-s) var(--dt-color-chart-sequential-01-selected-l);
  --dt-color-chart-sequential-01-selected-hsla: hsl(var(--dt-color-chart-sequential-01-selected-h) var(--dt-color-chart-sequential-01-selected-s) var(--dt-color-chart-sequential-01-selected-l) / var(--alpha, 100%));
  --dt-color-chart-sequential-01-selected: hsl(222 36.4% 66.6%); /* Selected state for first sequential chart color. */
  --dt-color-chart-sequential-01-hover-h: 222;
  --dt-color-chart-sequential-01-hover-s: 44.2%;
  --dt-color-chart-sequential-01-hover-l: 80.8%;
  --dt-color-chart-sequential-01-hover-a: 100%;
  --dt-color-chart-sequential-01-hover-hsl: var(--dt-color-chart-sequential-01-hover-h) var(--dt-color-chart-sequential-01-hover-s) var(--dt-color-chart-sequential-01-hover-l);
  --dt-color-chart-sequential-01-hover-hsla: hsl(var(--dt-color-chart-sequential-01-hover-h) var(--dt-color-chart-sequential-01-hover-s) var(--dt-color-chart-sequential-01-hover-l) / var(--alpha, 100%));
  --dt-color-chart-sequential-01-hover: hsl(222 44.2% 80.8%); /* Hover state for first sequential chart color. */
  --dt-color-chart-categorical-11-selected-h: 24;
  --dt-color-chart-categorical-11-selected-s: 9.26%;
  --dt-color-chart-categorical-11-selected-l: 55.2%;
  --dt-color-chart-categorical-11-selected-a: 100%;
  --dt-color-chart-categorical-11-selected-hsl: var(--dt-color-chart-categorical-11-selected-h) var(--dt-color-chart-categorical-11-selected-s) var(--dt-color-chart-categorical-11-selected-l);
  --dt-color-chart-categorical-11-selected-hsla: hsl(var(--dt-color-chart-categorical-11-selected-h) var(--dt-color-chart-categorical-11-selected-s) var(--dt-color-chart-categorical-11-selected-l) / var(--alpha, 100%));
  --dt-color-chart-categorical-11-selected: hsl(24 9.26% 55.2%);
  --dt-color-chart-categorical-11-hover-h: 24;
  --dt-color-chart-categorical-11-hover-s: 9.26%;
  --dt-color-chart-categorical-11-hover-l: 67%;
  --dt-color-chart-categorical-11-hover-a: 100%;
  --dt-color-chart-categorical-11-hover-hsl: var(--dt-color-chart-categorical-11-hover-h) var(--dt-color-chart-categorical-11-hover-s) var(--dt-color-chart-categorical-11-hover-l);
  --dt-color-chart-categorical-11-hover-hsla: hsl(var(--dt-color-chart-categorical-11-hover-h) var(--dt-color-chart-categorical-11-hover-s) var(--dt-color-chart-categorical-11-hover-l) / var(--alpha, 100%));
  --dt-color-chart-categorical-11-hover: hsl(24 9.26% 67%);
  --dt-color-chart-categorical-28-h: 224;
  --dt-color-chart-categorical-28-s: 82.2%;
  --dt-color-chart-categorical-28-l: 62.9%;
  --dt-color-chart-categorical-28-a: 100%;
  --dt-color-chart-categorical-28-hsl: var(--dt-color-chart-categorical-28-h) var(--dt-color-chart-categorical-28-s) var(--dt-color-chart-categorical-28-l);
  --dt-color-chart-categorical-28-hsla: hsl(var(--dt-color-chart-categorical-28-h) var(--dt-color-chart-categorical-28-s) var(--dt-color-chart-categorical-28-l) / var(--alpha, 100%));
  --dt-color-chart-categorical-28: hsl(224 82.2% 62.9%);
  --dt-color-chart-categorical-26-h: 353;
  --dt-color-chart-categorical-26-s: 98.8%;
  --dt-color-chart-categorical-26-l: 58.4%;
  --dt-color-chart-categorical-26-a: 100%;
  --dt-color-chart-categorical-26-hsl: var(--dt-color-chart-categorical-26-h) var(--dt-color-chart-categorical-26-s) var(--dt-color-chart-categorical-26-l);
  --dt-color-chart-categorical-26-hsla: hsl(var(--dt-color-chart-categorical-26-h) var(--dt-color-chart-categorical-26-s) var(--dt-color-chart-categorical-26-l) / var(--alpha, 100%));
  --dt-color-chart-categorical-26: hsl(353 98.8% 58.4%);
  --dt-color-chart-categorical-22-h: 324;
  --dt-color-chart-categorical-22-s: 39%;
  --dt-color-chart-categorical-22-l: 73%;
  --dt-color-chart-categorical-22-a: 100%;
  --dt-color-chart-categorical-22-hsl: var(--dt-color-chart-categorical-22-h) var(--dt-color-chart-categorical-22-s) var(--dt-color-chart-categorical-22-l);
  --dt-color-chart-categorical-22-hsla: hsl(var(--dt-color-chart-categorical-22-h) var(--dt-color-chart-categorical-22-s) var(--dt-color-chart-categorical-22-l) / var(--alpha, 100%));
  --dt-color-chart-categorical-22: hsl(324 39% 73%);
  --dt-color-chart-categorical-21-h: 95.6;
  --dt-color-chart-categorical-21-s: 71.5%;
  --dt-color-chart-categorical-21-l: 53.900000000000006%;
  --dt-color-chart-categorical-21-a: 100%;
  --dt-color-chart-categorical-21-hsl: var(--dt-color-chart-categorical-21-h) var(--dt-color-chart-categorical-21-s) var(--dt-color-chart-categorical-21-l);
  --dt-color-chart-categorical-21-hsla: hsl(var(--dt-color-chart-categorical-21-h) var(--dt-color-chart-categorical-21-s) var(--dt-color-chart-categorical-21-l) / var(--alpha, 100%));
  --dt-color-chart-categorical-21: hsl(95.6 71.5% 53.9%);
  --dt-color-chart-categorical-20-h: 224;
  --dt-color-chart-categorical-20-s: 82.2%;
  --dt-color-chart-categorical-20-l: 62.9%;
  --dt-color-chart-categorical-20-a: 100%;
  --dt-color-chart-categorical-20-hsl: var(--dt-color-chart-categorical-20-h) var(--dt-color-chart-categorical-20-s) var(--dt-color-chart-categorical-20-l);
  --dt-color-chart-categorical-20-hsla: hsl(var(--dt-color-chart-categorical-20-h) var(--dt-color-chart-categorical-20-s) var(--dt-color-chart-categorical-20-l) / var(--alpha, 100%));
  --dt-color-chart-categorical-20: hsl(224 82.2% 62.9%);
  --dt-color-chart-categorical-19-h: 190;
  --dt-color-chart-categorical-19-s: 78.1%;
  --dt-color-chart-categorical-19-l: 59.099999999999994%;
  --dt-color-chart-categorical-19-a: 100%;
  --dt-color-chart-categorical-19-hsl: var(--dt-color-chart-categorical-19-h) var(--dt-color-chart-categorical-19-s) var(--dt-color-chart-categorical-19-l);
  --dt-color-chart-categorical-19-hsla: hsl(var(--dt-color-chart-categorical-19-h) var(--dt-color-chart-categorical-19-s) var(--dt-color-chart-categorical-19-l) / var(--alpha, 100%));
  --dt-color-chart-categorical-19: hsl(190 78.1% 59.1%);
  --dt-color-chart-categorical-18-h: 63.1;
  --dt-color-chart-categorical-18-s: 80.5%;
  --dt-color-chart-categorical-18-l: 55.2%;
  --dt-color-chart-categorical-18-a: 100%;
  --dt-color-chart-categorical-18-hsl: var(--dt-color-chart-categorical-18-h) var(--dt-color-chart-categorical-18-s) var(--dt-color-chart-categorical-18-l);
  --dt-color-chart-categorical-18-hsla: hsl(var(--dt-color-chart-categorical-18-h) var(--dt-color-chart-categorical-18-s) var(--dt-color-chart-categorical-18-l) / var(--alpha, 100%));
  --dt-color-chart-categorical-18: hsl(63.1 80.5% 55.2%);
  --dt-color-chart-categorical-17-h: 318;
  --dt-color-chart-categorical-17-s: 95.9%;
  --dt-color-chart-categorical-17-l: 69.9%;
  --dt-color-chart-categorical-17-a: 100%;
  --dt-color-chart-categorical-17-hsl: var(--dt-color-chart-categorical-17-h) var(--dt-color-chart-categorical-17-s) var(--dt-color-chart-categorical-17-l);
  --dt-color-chart-categorical-17-hsla: hsl(var(--dt-color-chart-categorical-17-h) var(--dt-color-chart-categorical-17-s) var(--dt-color-chart-categorical-17-l) / var(--alpha, 100%));
  --dt-color-chart-categorical-17: hsl(318 95.9% 69.9%);
  --dt-color-chart-categorical-16-h: 89.4;
  --dt-color-chart-categorical-16-s: 68%;
  --dt-color-chart-categorical-16-l: 47%;
  --dt-color-chart-categorical-16-a: 100%;
  --dt-color-chart-categorical-16-hsl: var(--dt-color-chart-categorical-16-h) var(--dt-color-chart-categorical-16-s) var(--dt-color-chart-categorical-16-l);
  --dt-color-chart-categorical-16-hsla: hsl(var(--dt-color-chart-categorical-16-h) var(--dt-color-chart-categorical-16-s) var(--dt-color-chart-categorical-16-l) / var(--alpha, 100%));
  --dt-color-chart-categorical-16: hsl(89.4 68% 47%);
  --dt-color-chart-categorical-15-h: 367;
  --dt-color-chart-categorical-15-s: 99.2%;
  --dt-color-chart-categorical-15-l: 56.49999999999999%;
  --dt-color-chart-categorical-15-a: 100%;
  --dt-color-chart-categorical-15-hsl: var(--dt-color-chart-categorical-15-h) var(--dt-color-chart-categorical-15-s) var(--dt-color-chart-categorical-15-l);
  --dt-color-chart-categorical-15-hsla: hsl(var(--dt-color-chart-categorical-15-h) var(--dt-color-chart-categorical-15-s) var(--dt-color-chart-categorical-15-l) / var(--alpha, 100%));
  --dt-color-chart-categorical-15: hsl(367 99.2% 56.5%);
  --dt-color-chart-categorical-14-h: 234;
  --dt-color-chart-categorical-14-s: 83.7%;
  --dt-color-chart-categorical-14-l: 64.2%;
  --dt-color-chart-categorical-14-a: 100%;
  --dt-color-chart-categorical-14-hsl: var(--dt-color-chart-categorical-14-h) var(--dt-color-chart-categorical-14-s) var(--dt-color-chart-categorical-14-l);
  --dt-color-chart-categorical-14-hsla: hsl(var(--dt-color-chart-categorical-14-h) var(--dt-color-chart-categorical-14-s) var(--dt-color-chart-categorical-14-l) / var(--alpha, 100%));
  --dt-color-chart-categorical-14: hsl(234 83.7% 64.2%);
  --dt-color-chart-categorical-13-h: 374;
  --dt-color-chart-categorical-13-s: 87.9%;
  --dt-color-chart-categorical-13-l: 61.5%;
  --dt-color-chart-categorical-13-a: 100%;
  --dt-color-chart-categorical-13-hsl: var(--dt-color-chart-categorical-13-h) var(--dt-color-chart-categorical-13-s) var(--dt-color-chart-categorical-13-l);
  --dt-color-chart-categorical-13-hsla: hsl(var(--dt-color-chart-categorical-13-h) var(--dt-color-chart-categorical-13-s) var(--dt-color-chart-categorical-13-l) / var(--alpha, 100%));
  --dt-color-chart-categorical-13: hsl(374 87.9% 61.5%);
  --dt-color-chart-categorical-12-h: 296;
  --dt-color-chart-categorical-12-s: 97.1%;
  --dt-color-chart-categorical-12-l: 65.9%;
  --dt-color-chart-categorical-12-a: 100%;
  --dt-color-chart-categorical-12-hsl: var(--dt-color-chart-categorical-12-h) var(--dt-color-chart-categorical-12-s) var(--dt-color-chart-categorical-12-l);
  --dt-color-chart-categorical-12-hsla: hsl(var(--dt-color-chart-categorical-12-h) var(--dt-color-chart-categorical-12-s) var(--dt-color-chart-categorical-12-l) / var(--alpha, 100%));
  --dt-color-chart-categorical-12: hsl(296 97.1% 65.9%);
  --dt-color-surface-primary-opaque-inverted-h: 0;
  --dt-color-surface-primary-opaque-inverted-s: 0%;
  --dt-color-surface-primary-opaque-inverted-l: 0%;
  --dt-color-surface-primary-opaque-inverted-a: 85%;
  --dt-color-surface-primary-opaque-inverted-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);
  --dt-color-surface-primary-opaque-inverted-hsla: 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(--alpha, 85%));
  --dt-color-surface-primary-opaque-inverted: hsl(0 0% 0% / 0.85); /* Secondary surface as opaque background color. */
  --dt-color-surface-primary-opaque-h: 0;
  --dt-color-surface-primary-opaque-s: 0%;
  --dt-color-surface-primary-opaque-l: 100%;
  --dt-color-surface-primary-opaque-a: 96%;
  --dt-color-surface-primary-opaque-hsl: var(--dt-color-surface-primary-opaque-h) var(--dt-color-surface-primary-opaque-s) var(--dt-color-surface-primary-opaque-l);
  --dt-color-surface-primary-opaque-hsla: hsl(var(--dt-color-surface-primary-opaque-h) var(--dt-color-surface-primary-opaque-s) var(--dt-color-surface-primary-opaque-l) / var(--alpha, 96%));
  --dt-color-surface-primary-opaque: hsl(0 0% 100% / 0.96); /* Primary surface as opaque background color. */
  --dt-color-link-disabled-inverted-hover-h: var(--dt-color-foreground-disabled-inverted-h);
  --dt-color-link-disabled-inverted-hover-s: var(--dt-color-foreground-disabled-inverted-s);
  --dt-color-link-disabled-inverted-hover-l: var(--dt-color-foreground-disabled-inverted-l);
  --dt-color-link-disabled-inverted-hover-a: var(--dt-color-foreground-disabled-inverted-a);
  --dt-color-link-disabled-inverted-hover-hsl: var(--dt-color-foreground-disabled-inverted-hsl);
  --dt-color-link-disabled-inverted-hover-hsla: var(--dt-color-foreground-disabled-inverted-hsla);
  --dt-color-link-disabled-inverted-hover: var(--dt-color-foreground-disabled-inverted);
  --dt-color-link-disabled-inverted-h: var(--dt-color-foreground-disabled-inverted-h);
  --dt-color-link-disabled-inverted-s: var(--dt-color-foreground-disabled-inverted-s);
  --dt-color-link-disabled-inverted-l: var(--dt-color-foreground-disabled-inverted-l);
  --dt-color-link-disabled-inverted-a: var(--dt-color-foreground-disabled-inverted-a);
  --dt-color-link-disabled-inverted-hsl: var(--dt-color-foreground-disabled-inverted-hsl);
  --dt-color-link-disabled-inverted-hsla: var(--dt-color-foreground-disabled-inverted-hsla);
  --dt-color-link-disabled-inverted: var(--dt-color-foreground-disabled-inverted);
  --dt-color-link-muted-inverted-h: var(--dt-color-foreground-secondary-inverted-h);
  --dt-color-link-muted-inverted-s: var(--dt-color-foreground-secondary-inverted-s);
  --dt-color-link-muted-inverted-l: var(--dt-color-foreground-secondary-inverted-l);
  --dt-color-link-muted-inverted-a: var(--dt-color-foreground-secondary-inverted-a);
  --dt-color-link-muted-inverted-hsl: var(--dt-color-foreground-secondary-inverted-hsl);
  --dt-color-link-muted-inverted-hsla: var(--dt-color-foreground-secondary-inverted-hsla);
  --dt-color-link-muted-inverted: var(--dt-color-foreground-secondary-inverted);
  --dt-color-link-warning-inverted-h: var(--dt-color-foreground-warning-inverted-h);
  --dt-color-link-warning-inverted-s: var(--dt-color-foreground-warning-inverted-s);
  --dt-color-link-warning-inverted-l: var(--dt-color-foreground-warning-inverted-l);
  --dt-color-link-warning-inverted-a: var(--dt-color-foreground-warning-inverted-a);
  --dt-color-link-warning-inverted-hsl: var(--dt-color-foreground-warning-inverted-hsl);
  --dt-color-link-warning-inverted-hsla: var(--dt-color-foreground-warning-inverted-hsla);
  --dt-color-link-warning-inverted: var(--dt-color-foreground-warning-inverted);
  --dt-color-link-success-inverted-hover-h: var(--dt-color-foreground-success-strong-inverted-h);
  --dt-color-link-success-inverted-hover-s: var(--dt-color-foreground-success-strong-inverted-s);
  --dt-color-link-success-inverted-hover-l: var(--dt-color-foreground-success-strong-inverted-l);
  --dt-color-link-success-inverted-hover-a: var(--dt-color-foreground-success-strong-inverted-a);
  --dt-color-link-success-inverted-hover-hsl: var(--dt-color-foreground-success-strong-inverted-hsl);
  --dt-color-link-success-inverted-hover-hsla: var(--dt-color-foreground-success-strong-inverted-hsla);
  --dt-color-link-success-inverted-hover: var(--dt-color-foreground-success-strong-inverted);
  --dt-color-link-success-inverted-h: var(--dt-color-foreground-success-inverted-h);
  --dt-color-link-success-inverted-s: var(--dt-color-foreground-success-inverted-s);
  --dt-color-link-success-inverted-l: var(--dt-color-foreground-success-inverted-l);
  --dt-color-link-success-inverted-a: var(--dt-color-foreground-success-inverted-a);
  --dt-color-link-success-inverted-hsl: var(--dt-color-foreground-success-inverted-hsl);
  --dt-color-link-success-inverted-hsla: var(--dt-color-foreground-success-inverted-hsla);
  --dt-color-link-success-inverted: var(--dt-color-foreground-success-inverted);
  --dt-color-link-critical-inverted-hover-h: var(--dt-color-foreground-critical-strong-inverted-h);
  --dt-color-link-critical-inverted-hover-s: var(--dt-color-foreground-critical-strong-inverted-s);
  --dt-color-link-critical-inverted-hover-l: var(--dt-color-foreground-critical-strong-inverted-l);
  --dt-color-link-critical-inverted-hover-a: var(--dt-color-foreground-critical-strong-inverted-a);
  --dt-color-link-critical-inverted-hover-hsl: var(--dt-color-foreground-critical-strong-inverted-hsl);
  --dt-color-link-critical-inverted-hover-hsla: var(--dt-color-foreground-critical-strong-inverted-hsla);
  --dt-color-link-critical-inverted-hover: var(--dt-color-foreground-critical-strong-inverted);
  --dt-color-link-critical-inverted-h: var(--dt-color-foreground-critical-inverted-h);
  --dt-color-link-critical-inverted-s: var(--dt-color-foreground-critical-inverted-s);
  --dt-color-link-critical-inverted-l: var(--dt-color-foreground-critical-inverted-l);
  --dt-color-link-critical-inverted-a: var(--dt-color-foreground-critical-inverted-a);
  --dt-color-link-critical-inverted-hsl: var(--dt-color-foreground-critical-inverted-hsl);
  --dt-color-link-critical-inverted-hsla: var(--dt-color-foreground-critical-inverted-hsla);
  --dt-color-link-critical-inverted: var(--dt-color-foreground-critical-inverted);
  --dt-color-link-disabled-h: var(--dt-color-foreground-disabled-h);
  --dt-color-link-disabled-s: var(--dt-color-foreground-disabled-s);
  --dt-color-link-disabled-l: var(--dt-color-foreground-disabled-l);
  --dt-color-link-disabled-a: var(--dt-color-foreground-disabled-a);
  --dt-color-link-disabled-hsl: var(--dt-color-foreground-disabled-hsl);
  --dt-color-link-disabled-hsla: var(--dt-color-foreground-disabled-hsla);
  --dt-color-link-disabled: var(--dt-color-foreground-disabled);
  --dt-color-link-muted-hover-h: var(--dt-color-foreground-primary-h);
  --dt-color-link-muted-hover-s: var(--dt-color-foreground-primary-s);
  --dt-color-link-muted-hover-l: var(--dt-color-foreground-primary-l);
  --dt-color-link-muted-hover-a: var(--dt-color-foreground-primary-a);
  --dt-color-link-muted-hover-hsl: var(--dt-color-foreground-primary-hsl);
  --dt-color-link-muted-hover-hsla: var(--dt-color-foreground-primary-hsla);
  --dt-color-link-muted-hover: var(--dt-color-foreground-primary);
  --dt-color-link-muted-h: var(--dt-color-foreground-secondary-h);
  --dt-color-link-muted-s: var(--dt-color-foreground-secondary-s);
  --dt-color-link-muted-l: var(--dt-color-foreground-secondary-l);
  --dt-color-link-muted-a: var(--dt-color-foreground-secondary-a);
  --dt-color-link-muted-hsl: var(--dt-color-foreground-secondary-hsl);
  --dt-color-link-muted-hsla: var(--dt-color-foreground-secondary-hsla);
  --dt-color-link-muted: var(--dt-color-foreground-secondary);
  --dt-color-link-warning-h: var(--dt-color-foreground-warning-h);
  --dt-color-link-warning-s: var(--dt-color-foreground-warning-s);
  --dt-color-link-warning-l: var(--dt-color-foreground-warning-l);
  --dt-color-link-warning-a: var(--dt-color-foreground-warning-a);
  --dt-color-link-warning-hsl: var(--dt-color-foreground-warning-hsl);
  --dt-color-link-warning-hsla: var(--dt-color-foreground-warning-hsla);
  --dt-color-link-warning: var(--dt-color-foreground-warning);
  --dt-color-link-success-hover-h: var(--dt-color-foreground-success-strong-h);
  --dt-color-link-success-hover-s: var(--dt-color-foreground-success-strong-s);
  --dt-color-link-success-hover-l: var(--dt-color-foreground-success-strong-l);
  --dt-color-link-success-hover-a: var(--dt-color-foreground-success-strong-a);
  --dt-color-link-success-hover-hsl: var(--dt-color-foreground-success-strong-hsl);
  --dt-color-link-success-hover-hsla: var(--dt-color-foreground-success-strong-hsla);
  --dt-color-link-success-hover: var(--dt-color-foreground-success-strong);
  --dt-color-link-success-h: var(--dt-color-foreground-success-h);
  --dt-color-link-success-s: var(--dt-color-foreground-success-s);
  --dt-color-link-success-l: var(--dt-color-foreground-success-l);
  --dt-color-link-success-a: var(--dt-color-foreground-success-a);
  --dt-color-link-success-hsl: var(--dt-color-foreground-success-hsl);
  --dt-color-link-success-hsla: var(--dt-color-foreground-success-hsla);
  --dt-color-link-success: var(--dt-color-foreground-success); /* positive */
  --dt-color-link-critical-hover-h: var(--dt-color-foreground-critical-strong-h);
  --dt-color-link-critical-hover-s: var(--dt-color-foreground-critical-strong-s);
  --dt-color-link-critical-hover-l: var(--dt-color-foreground-critical-strong-l);
  --dt-color-link-critical-hover-a: var(--dt-color-foreground-critical-strong-a);
  --dt-color-link-critical-hover-hsl: var(--dt-color-foreground-critical-strong-hsl);
  --dt-color-link-critical-hover-hsla: var(--dt-color-foreground-critical-strong-hsla);
  --dt-color-link-critical-hover: var(--dt-color-foreground-critical-strong);
  --dt-color-link-critical-h: var(--dt-color-foreground-critical-h);
  --dt-color-link-critical-s: var(--dt-color-foreground-critical-s);
  --dt-color-link-critical-l: var(--dt-color-foreground-critical-l);
  --dt-color-link-critical-a: var(--dt-color-foreground-critical-a);
  --dt-color-link-critical-hsl: var(--dt-color-foreground-critical-hsl);
  --dt-color-link-critical-hsla: var(--dt-color-foreground-critical-hsla);
  --dt-color-link-critical: var(--dt-color-foreground-critical);
  --dt-icon-size-border-500: var(--dt-icon-size-border-400);
  --dt-shell-action-color-background-muted-selected-h: 0;
  --dt-shell-action-color-background-muted-selected-s: 0%;
  --dt-shell-action-color-background-muted-selected-l: 14.499999999999998%;
  --dt-shell-action-color-background-muted-selected-a: 7%;
  --dt-shell-action-color-background-muted-selected-hsl: var(--dt-shell-action-color-background-muted-selected-h) var(--dt-shell-action-color-background-muted-selected-s) var(--dt-shell-action-color-background-muted-selected-l);
  --dt-shell-action-color-background-muted-selected-hsla: hsl(var(--dt-shell-action-color-background-muted-selected-h) var(--dt-shell-action-color-background-muted-selected-s) var(--dt-shell-action-color-background-muted-selected-l) / var(--alpha, 7%));
  --dt-shell-action-color-background-muted-selected: hsl(0 0% 14.5% / 0.07);
  --dt-shell-action-color-background-muted-active-h: 0;
  --dt-shell-action-color-background-muted-active-s: 0%;
  --dt-shell-action-color-background-muted-active-l: 14.499999999999998%;
  --dt-shell-action-color-background-muted-active-a: 7%;
  --dt-shell-action-color-background-muted-active-hsl: var(--dt-shell-action-color-background-muted-active-h) var(--dt-shell-action-color-background-muted-active-s) var(--dt-shell-action-color-background-muted-active-l);
  --dt-shell-action-color-background-muted-active-hsla: hsl(var(--dt-shell-action-color-background-muted-active-h) var(--dt-shell-action-color-background-muted-active-s) var(--dt-shell-action-color-background-muted-active-l) / var(--alpha, 7%));
  --dt-shell-action-color-background-muted-active: hsl(0 0% 14.5% / 0.07);
  --dt-shell-action-color-background-muted-hover-h: 0;
  --dt-shell-action-color-background-muted-hover-s: 0%;
  --dt-shell-action-color-background-muted-hover-l: 14.499999999999998%;
  --dt-shell-action-color-background-muted-hover-a: 10%;
  --dt-shell-action-color-background-muted-hover-hsl: var(--dt-shell-action-color-background-muted-hover-h) var(--dt-shell-action-color-background-muted-hover-s) var(--dt-shell-action-color-background-muted-hover-l);
  --dt-shell-action-color-background-muted-hover-hsla: hsl(var(--dt-shell-action-color-background-muted-hover-h) var(--dt-shell-action-color-background-muted-hover-s) var(--dt-shell-action-color-background-muted-hover-l) / var(--alpha, 10%));
  --dt-shell-action-color-background-muted-hover: hsl(0 0% 14.5% / 0.1);
  --dt-shell-action-color-background-muted-default-h: 0;
  --dt-shell-action-color-background-muted-default-s: 0%;
  --dt-shell-action-color-background-muted-default-l: 14.499999999999998%;
  --dt-shell-action-color-background-muted-default-a: 5%;
  --dt-shell-action-color-background-muted-default-hsl: var(--dt-shell-action-color-background-muted-default-h) var(--dt-shell-action-color-background-muted-default-s) var(--dt-shell-action-color-background-muted-default-l);
  --dt-shell-action-color-background-muted-default-hsla: hsl(var(--dt-shell-action-color-background-muted-default-h) var(--dt-shell-action-color-background-muted-default-s) var(--dt-shell-action-color-background-muted-default-l) / var(--alpha, 5%));
  --dt-shell-action-color-background-muted-default: hsl(0 0% 14.5% / 0.05);
  --dt-shell-action-color-background-secondary-selected-h: 0;
  --dt-shell-action-color-background-secondary-selected-s: 0%;
  --dt-shell-action-color-background-secondary-selected-l: 14.499999999999998%;
  --dt-shell-action-color-background-secondary-selected-a: 13%;
  --dt-shell-action-color-background-secondary-selected-hsl: var(--dt-shell-action-color-background-secondary-selected-h) var(--dt-shell-action-color-background-secondary-selected-s) var(--dt-shell-action-color-background-secondary-selected-l);
  --dt-shell-action-color-background-secondary-selected-hsla: hsl(var(--dt-shell-action-color-background-secondary-selected-h) var(--dt-shell-action-color-background-secondary-selected-s) var(--dt-shell-action-color-background-secondary-selected-l) / var(--alpha, 13%));
  --dt-shell-action-color-background-secondary-selected: hsl(0 0% 14.5% / 0.13);
  --dt-shell-action-color-background-secondary-active-h: 0;
  --dt-shell-action-color-background-secondary-active-s: 0%;
  --dt-shell-action-color-background-secondary-active-l: 14.499999999999998%;
  --dt-shell-action-color-background-secondary-active-a: 16%;
  --dt-shell-action-color-background-secondary-active-hsl: var(--dt-shell-action-color-background-secondary-active-h) var(--dt-shell-action-color-background-secondary-active-s) var(--dt-shell-action-color-background-secondary-active-l);
  --dt-shell-action-color-background-secondary-active-hsla: hsl(var(--dt-shell-action-color-background-secondary-active-h) var(--dt-shell-action-color-background-secondary-active-s) var(--dt-shell-action-color-background-secondary-active-l) / var(--alpha, 16%));
  --dt-shell-action-color-background-secondary-active: hsl(0 0% 14.5% / 0.16);
  --dt-shell-action-color-background-secondary-hover-h: 0;
  --dt-shell-action-color-background-secondary-hover-s: 0%;
  --dt-shell-action-color-background-secondary-hover-l: 14.499999999999998%;
  --dt-shell-action-color-background-secondary-hover-a: 10%;
  --dt-shell-action-color-background-secondary-hover-hsl: var(--dt-shell-action-color-background-secondary-hover-h) var(--dt-shell-action-color-background-secondary-hover-s) var(--dt-shell-action-color-background-secondary-hover-l);
  --dt-shell-action-color-background-secondary-hover-hsla: hsl(var(--dt-shell-action-color-background-secondary-hover-h) var(--dt-shell-action-color-background-secondary-hover-s) var(--dt-shell-action-color-background-secondary-hover-l) / var(--alpha, 10%));
  --dt-shell-action-color-background-secondary-hover: hsl(0 0% 14.5% / 0.1);
  --dt-shell-action-color-background-secondary-default-h: 0;
  --dt-shell-action-color-background-secondary-default-s: 0%;
  --dt-shell-action-color-background-secondary-default-l: 14.499999999999998%;
  --dt-shell-action-color-background-secondary-default-a: 0%;
  --dt-shell-action-color-background-secondary-default-hsl: var(--dt-shell-action-color-background-secondary-default-h) var(--dt-shell-action-color-background-secondary-default-s) var(--dt-shell-action-color-background-secondary-default-l);
  --dt-shell-action-color-background-secondary-default-hsla: hsl(var(--dt-shell-action-color-background-secondary-default-h) var(--dt-shell-action-color-background-secondary-default-s) var(--dt-shell-action-color-background-secondary-default-l) / var(--alpha, 0%));
  --dt-shell-action-color-background-secondary-default: hsl(0 0% 14.5% / 0);
  --dt-shell-action-color-background-primary-selected-h: 0;
  --dt-shell-action-color-background-primary-selected-s: 0%;
  --dt-shell-action-color-background-primary-selected-l: 14.499999999999998%;
  --dt-shell-action-color-background-primary-selected-a: 13%;
  --dt-shell-action-color-background-primary-selected-hsl: var(--dt-shell-action-color-background-primary-selected-h) var(--dt-shell-action-color-background-primary-selected-s) var(--dt-shell-action-color-background-primary-selected-l);
  --dt-shell-action-color-background-primary-selected-hsla: hsl(var(--dt-shell-action-color-background-primary-selected-h) var(--dt-shell-action-color-background-primary-selected-s) var(--dt-shell-action-color-background-primary-selected-l) / var(--alpha, 13%));
  --dt-shell-action-color-background-primary-selected: hsl(0 0% 14.5% / 0.13);
  --dt-shell-action-color-background-primary-active-h: 0;
  --dt-shell-action-color-background-primary-active-s: 0%;
  --dt-shell-action-color-background-primary-active-l: 14.499999999999998%;
  --dt-shell-action-color-background-primary-active-a: 16%;
  --dt-shell-action-color-background-primary-active-hsl: var(--dt-shell-action-color-background-primary-active-h) var(--dt-shell-action-color-background-primary-active-s) var(--dt-shell-action-color-background-primary-active-l);
  --dt-shell-action-color-background-primary-active-hsla: hsl(var(--dt-shell-action-color-background-primary-active-h) var(--dt-shell-action-color-background-primary-active-s) var(--dt-shell-action-color-background-primary-active-l) / var(--alpha, 16%));
  --dt-shell-action-color-background-primary-active: hsl(0 0% 14.5% / 0.16);
  --dt-shell-action-color-background-primary-hover-h: 0;
  --dt-shell-action-color-background-primary-hover-s: 0%;
  --dt-shell-action-color-background-primary-hover-l: 14.499999999999998%;
  --dt-shell-action-color-background-primary-hover-a: 10%;
  --dt-shell-action-color-background-primary-hover-hsl: var(--dt-shell-action-color-background-primary-hover-h) var(--dt-shell-action-color-background-primary-hover-s) var(--dt-shell-action-color-background-primary-hover-l);
  --dt-shell-action-color-background-primary-hover-hsla: hsl(var(--dt-shell-action-color-background-primary-hover-h) var(--dt-shell-action-color-background-primary-hover-s) var(--dt-shell-action-color-background-primary-hover-l) / var(--alpha, 10%));
  --dt-shell-action-color-background-primary-hover: hsl(0 0% 14.5% / 0.1);
  --dt-shell-action-color-background-primary-default-h: 0;
  --dt-shell-action-color-background-primary-default-s: 0%;
  --dt-shell-action-color-background-primary-default-l: 14.499999999999998%;
  --dt-shell-action-color-background-primary-default-a: 0%;
  --dt-shell-action-color-background-primary-default-hsl: var(--dt-shell-action-color-background-primary-default-h) var(--dt-shell-action-color-background-primary-default-s) var(--dt-shell-action-color-background-primary-default-l);
  --dt-shell-action-color-background-primary-default-hsla: hsl(var(--dt-shell-action-color-background-primary-default-h) var(--dt-shell-action-color-background-primary-default-s) var(--dt-shell-action-color-background-primary-default-l) / var(--alpha, 0%));
  --dt-shell-action-color-background-primary-default: hsl(0 0% 14.5% / 0);
  --dt-shell-action-color-foreground-muted-default-h: var(--dt-shell-color-foreground-muted-h);
  --dt-shell-action-color-foreground-muted-default-s: var(--dt-shell-color-foreground-muted-s);
  --dt-shell-action-color-foreground-muted-default-l: var(--dt-shell-color-foreground-muted-l);
  --dt-shell-action-color-foreground-muted-default-a: var(--dt-shell-color-foreground-muted-a);
  --dt-shell-action-color-foreground-muted-default-hsl: var(--dt-shell-color-foreground-muted-hsl);
  --dt-shell-action-color-foreground-muted-default-hsla: var(--dt-shell-color-foreground-muted-hsla);
  --dt-shell-action-color-foreground-muted-default: var(--dt-shell-color-foreground-muted);
  --dt-shell-action-color-foreground-secondary-disabled-h: var(--dt-shell-color-foreground-disabled-h);
  --dt-shell-action-color-foreground-secondary-disabled-s: var(--dt-shell-color-foreground-disabled-s);
  --dt-shell-action-color-foreground-secondary-disabled-l: var(--dt-shell-color-foreground-disabled-l);
  --dt-shell-action-color-foreground-secondary-disabled-a: var(--dt-shell-color-foreground-disabled-a);
  --dt-shell-action-color-foreground-secondary-disabled-hsl: var(--dt-shell-color-foreground-disabled-hsl);
  --dt-shell-action-color-foreground-secondary-disabled-hsla: var(--dt-shell-color-foreground-disabled-hsla);
  --dt-shell-action-color-foreground-secondary-disabled: var(--dt-shell-color-foreground-disabled);
  --dt-shell-action-color-foreground-primary-disabled-h: var(--dt-shell-color-foreground-disabled-h);
  --dt-shell-action-color-foreground-primary-disabled-s: var(--dt-shell-color-foreground-disabled-s);
  --dt-shell-action-color-foreground-primary-disabled-l: var(--dt-shell-color-foreground-disabled-l);
  --dt-shell-action-color-foreground-primary-disabled-a: var(--dt-shell-color-foreground-disabled-a);
  --dt-shell-action-color-foreground-primary-disabled-hsl: var(--dt-shell-color-foreground-disabled-hsl);
  --dt-shell-action-color-foreground-primary-disabled-hsla: var(--dt-shell-color-foreground-disabled-hsla);
  --dt-shell-action-color-foreground-primary-disabled: var(--dt-shell-color-foreground-disabled);
  --dt-shell-action-color-foreground-tertiary-default-h: var(--dt-shell-color-foreground-tertiary-h);
  --dt-shell-action-color-foreground-tertiary-default-s: var(--dt-shell-color-foreground-tertiary-s);
  --dt-shell-action-color-foreground-tertiary-default-l: var(--dt-shell-color-foreground-tertiary-l);
  --dt-shell-action-color-foreground-tertiary-default-a: var(--dt-shell-color-foreground-tertiary-a);
  --dt-shell-action-color-foreground-tertiary-default-hsl: var(--dt-shell-color-foreground-tertiary-hsl);
  --dt-shell-action-color-foreground-tertiary-default-hsla: var(--dt-shell-color-foreground-tertiary-hsla);
  --dt-shell-action-color-foreground-tertiary-default: var(--dt-shell-color-foreground-tertiary);
  --dt-shell-action-color-foreground-primary-strong-h: var(--dt-shell-color-foreground-strong-h);
  --dt-shell-action-color-foreground-primary-strong-s: var(--dt-shell-color-foreground-strong-s);
  --dt-shell-action-color-foreground-primary-strong-l: var(--dt-shell-color-foreground-strong-l);
  --dt-shell-action-color-foreground-primary-strong-a: var(--dt-shell-color-foreground-strong-a);
  --dt-shell-action-color-foreground-primary-strong-hsl: var(--dt-shell-color-foreground-strong-hsl);
  --dt-shell-action-color-foreground-primary-strong-hsla: var(--dt-shell-color-foreground-strong-hsla);
  --dt-shell-action-color-foreground-primary-strong: var(--dt-shell-color-foreground-strong);
  --dt-shell-action-color-foreground-secondary-default-h: var(--dt-shell-color-foreground-secondary-h);
  --dt-shell-action-color-foreground-secondary-default-s: var(--dt-shell-color-foreground-secondary-s);
  --dt-shell-action-color-foreground-secondary-default-l: var(--dt-shell-color-foreground-secondary-l);
  --dt-shell-action-color-foreground-secondary-default-a: var(--dt-shell-color-foreground-secondary-a);
  --dt-shell-action-color-foreground-secondary-default-hsl: var(--dt-shell-color-foreground-secondary-hsl);
  --dt-shell-action-color-foreground-secondary-default-hsla: var(--dt-shell-color-foreground-secondary-hsla);
  --dt-shell-action-color-foreground-secondary-default: var(--dt-shell-color-foreground-secondary);
  --dt-shell-action-color-foreground-primary-default-h: var(--dt-shell-color-foreground-secondary-h);
  --dt-shell-action-color-foreground-primary-default-s: var(--dt-shell-color-foreground-secondary-s);
  --dt-shell-action-color-foreground-primary-default-l: var(--dt-shell-color-foreground-secondary-l);
  --dt-shell-action-color-foreground-primary-default-a: var(--dt-shell-color-foreground-secondary-a);
  --dt-shell-action-color-foreground-primary-default-hsl: var(--dt-shell-color-foreground-secondary-hsl);
  --dt-shell-action-color-foreground-primary-default-hsla: var(--dt-shell-color-foreground-secondary-hsla);
  --dt-shell-action-color-foreground-primary-default: var(--dt-shell-color-foreground-secondary);
  --dt-shell-color-surface-default-h: var(--dt-shell-base-color-surface-h);
  --dt-shell-color-surface-default-s: var(--dt-shell-base-color-surface-s);
  --dt-shell-color-surface-default-l: var(--dt-shell-base-color-surface-l);
  --dt-shell-color-surface-default-a: var(--dt-shell-base-color-surface-a);
  --dt-shell-color-surface-default-hsl: var(--dt-shell-base-color-surface-hsl);
  --dt-shell-color-surface-default-hsla: var(--dt-shell-base-color-surface-hsla);
  --dt-shell-color-surface-default: var(--dt-shell-base-color-surface);
  --dt-shell-base-color-accent-h: var(--dt-badge-color-background-bulletin-h);
  --dt-shell-base-color-accent-s: var(--dt-badge-color-background-bulletin-s);
  --dt-shell-base-color-accent-l: var(--dt-badge-color-background-bulletin-l);
  --dt-shell-base-color-accent-a: var(--dt-badge-color-background-bulletin-a);
  --dt-shell-base-color-accent-hsl: var(--dt-badge-color-background-bulletin-hsl);
  --dt-shell-base-color-accent-hsla: var(--dt-badge-color-background-bulletin-hsla);
  --dt-shell-base-color-accent: var(--dt-badge-color-background-bulletin);
  --dt-theme-sidebar-icon-color-foreground-h: var(--dt-theme-sidebar-color-foreground-h);
  --dt-theme-sidebar-icon-color-foreground-s: var(--dt-theme-sidebar-color-foreground-s);
  --dt-theme-sidebar-icon-color-foreground-l: var(--dt-theme-sidebar-color-foreground-l);
  --dt-theme-sidebar-icon-color-foreground-a: var(--dt-theme-sidebar-color-foreground-a);
  --dt-theme-sidebar-icon-color-foreground-hsl: var(--dt-theme-sidebar-color-foreground-hsl);
  --dt-theme-sidebar-icon-color-foreground-hsla: var(--dt-theme-sidebar-color-foreground-hsla);
  --dt-theme-sidebar-icon-color-foreground: var(--dt-theme-sidebar-color-foreground);
  --dt-theme-sidebar-color-background-h: var(--dt-theme-topbar-color-background-h);
  --dt-theme-sidebar-color-background-s: var(--dt-theme-topbar-color-background-s);
  --dt-theme-sidebar-color-background-l: var(--dt-theme-topbar-color-background-l);
  --dt-theme-sidebar-color-background-a: var(--dt-theme-topbar-color-background-a);
  --dt-theme-sidebar-color-background-hsl: var(--dt-theme-topbar-color-background-hsl);
  --dt-theme-sidebar-color-background-hsla: var(--dt-theme-topbar-color-background-hsla);
  --dt-theme-sidebar-color-background: var(--dt-theme-topbar-color-background);
  --dt-theme-topbar-profile-color-foreground-h: var(--dt-theme-topbar-color-foreground-h);
  --dt-theme-topbar-profile-color-foreground-s: var(--dt-theme-topbar-color-foreground-s);
  --dt-theme-topbar-profile-color-foreground-l: var(--dt-theme-topbar-color-foreground-l);
  --dt-theme-topbar-profile-color-foreground-a: var(--dt-theme-topbar-color-foreground-a);
  --dt-theme-topbar-profile-color-foreground-hsl: var(--dt-theme-topbar-color-foreground-hsl);
  --dt-theme-topbar-profile-color-foreground-hsla: var(--dt-theme-topbar-color-foreground-hsla);
  --dt-theme-topbar-profile-color-foreground: var(--dt-theme-topbar-color-foreground);
  --dt-action-color-background-positive-active-h: 85.1;
  --dt-action-color-background-positive-active-s: 100%;
  --dt-action-color-background-positive-active-l: 58.20000000000001%;
  --dt-action-color-background-positive-active-a: 25%;
  --dt-action-color-background-positive-active-hsl: var(--dt-action-color-background-positive-active-h) var(--dt-action-color-background-positive-active-s) var(--dt-action-color-background-positive-active-l);
  --dt-action-color-background-positive-active-hsla: hsl(var(--dt-action-color-background-positive-active-h) var(--dt-action-color-background-positive-active-s) var(--dt-action-color-background-positive-active-l) / var(--alpha, 25%));
  --dt-action-color-background-positive-active: hsl(85.1 100% 58.2% / 0.25);
  --dt-action-color-background-muted-active-h: 0;
  --dt-action-color-background-muted-active-s: 0%;
  --dt-action-color-background-muted-active-l: 11%;
  --dt-action-color-background-muted-active-a: 14%;
  --dt-action-color-background-muted-active-hsl: var(--dt-action-color-background-muted-active-h) var(--dt-action-color-background-muted-active-s) var(--dt-action-color-background-muted-active-l);
  --dt-action-color-background-muted-active-hsla: hsl(var(--dt-action-color-background-muted-active-h) var(--dt-action-color-background-muted-active-s) var(--dt-action-color-background-muted-active-l) / var(--alpha, 14%));
  --dt-action-color-background-muted-active: hsl(0 0% 11% / 0.14);
  --dt-action-color-background-critical-active-h: 4.62;
  --dt-action-color-background-critical-active-s: 100%;
  --dt-action-color-background-critical-active-l: 73.2%;
  --dt-action-color-background-critical-active-a: 31%;
  --dt-action-color-background-critical-active-hsl: var(--dt-action-color-background-critical-active-h) var(--dt-action-color-background-critical-active-s) var(--dt-action-color-background-critical-active-l);
  --dt-action-color-background-critical-active-hsla: hsl(var(--dt-action-color-background-critical-active-h) var(--dt-action-color-background-critical-active-s) var(--dt-action-color-background-critical-active-l) / var(--alpha, 31%));
  --dt-action-color-background-critical-active: hsl(4.62 100% 73.2% / 0.31);
  --dt-action-color-background-base-active-h: 261;
  --dt-action-color-background-base-active-s: 100%;
  --dt-action-color-background-base-active-l: 77.3%;
  --dt-action-color-background-base-active-a: 27%;
  --dt-action-color-background-base-active-hsl: var(--dt-action-color-background-base-active-h) var(--dt-action-color-background-base-active-s) var(--dt-action-color-background-base-active-l);
  --dt-action-color-background-base-active-hsla: hsl(var(--dt-action-color-background-base-active-h) var(--dt-action-color-background-base-active-s) var(--dt-action-color-background-base-active-l) / var(--alpha, 27%));
  --dt-action-color-background-base-active: hsl(261 100% 77.3% / 0.27);
  --dt-action-color-foreground-positive-hover-h: var(--dt-color-link-success-hover-h);
  --dt-action-color-foreground-positive-hover-s: var(--dt-color-link-success-hover-s);
  --dt-action-color-foreground-positive-hover-l: var(--dt-color-link-success-hover-l);
  --dt-action-color-foreground-positive-hover-a: var(--dt-color-link-success-hover-a);
  --dt-action-color-foreground-positive-hover-hsl: var(--dt-color-link-success-hover-hsl);
  --dt-action-color-foreground-positive-hover-hsla: var(--dt-color-link-success-hover-hsla);
  --dt-action-color-foreground-positive-hover: var(--dt-color-link-success-hover);
  --dt-action-color-foreground-positive-default-h: var(--dt-color-link-success-h);
  --dt-action-color-foreground-positive-default-s: var(--dt-color-link-success-s);
  --dt-action-color-foreground-positive-default-l: var(--dt-color-link-success-l);
  --dt-action-color-foreground-positive-default-a: var(--dt-color-link-success-a);
  --dt-action-color-foreground-positive-default-hsl: var(--dt-color-link-success-hsl);
  --dt-action-color-foreground-positive-default-hsla: var(--dt-color-link-success-hsla);
  --dt-action-color-foreground-positive-default: var(--dt-color-link-success);
  --dt-action-color-foreground-muted-hover-h: var(--dt-color-link-muted-hover-h);
  --dt-action-color-foreground-muted-hover-s: var(--dt-color-link-muted-hover-s);
  --dt-action-color-foreground-muted-hover-l: var(--dt-color-link-muted-hover-l);
  --dt-action-color-foreground-muted-hover-a: var(--dt-color-link-muted-hover-a);
  --dt-action-color-foreground-muted-hover-hsl: var(--dt-color-link-muted-hover-hsl);
  --dt-action-color-foreground-muted-hover-hsla: var(--dt-color-link-muted-hover-hsla);
  --dt-action-color-foreground-muted-hover: var(--dt-color-link-muted-hover);
  --dt-action-color-foreground-muted-default-h: var(--dt-color-link-muted-h);
  --dt-action-color-foreground-muted-default-s: var(--dt-color-link-muted-s);
  --dt-action-color-foreground-muted-default-l: var(--dt-color-link-muted-l);
  --dt-action-color-foreground-muted-default-a: var(--dt-color-link-muted-a);
  --dt-action-color-foreground-muted-default-hsl: var(--dt-color-link-muted-hsl);
  --dt-action-color-foreground-muted-default-hsla: var(--dt-color-link-muted-hsla);
  --dt-action-color-foreground-muted-default: var(--dt-color-link-muted);
  --dt-action-color-foreground-inverted-primary-active-h: var(--dt-action-color-foreground-inverted-primary-hover-h);
  --dt-action-color-foreground-inverted-primary-active-s: var(--dt-action-color-foreground-inverted-primary-hover-s);
  --dt-action-color-foreground-inverted-primary-active-l: var(--dt-action-color-foreground-inverted-primary-hover-l);
  --dt-action-color-foreground-inverted-primary-active-a: var(--dt-action-color-foreground-inverted-primary-hover-a);
  --dt-action-color-foreground-inverted-primary-active-hsl: var(--dt-action-color-foreground-inverted-primary-hover-hsl);
  --dt-action-color-foreground-inverted-primary-active-hsla: var(--dt-action-color-foreground-inverted-primary-hover-hsla);
  --dt-action-color-foreground-inverted-primary-active: var(--dt-action-color-foreground-inverted-primary-hover);
  --dt-action-color-foreground-inverted-hover-h: var(--dt-action-color-foreground-inverted-default-h);
  --dt-action-color-foreground-inverted-hover-s: var(--dt-action-color-foreground-inverted-default-s);
  --dt-action-color-foreground-inverted-hover-l: var(--dt-action-color-foreground-inverted-default-l);
  --dt-action-color-foreground-inverted-hover-a: var(--dt-action-color-foreground-inverted-default-a);
  --dt-action-color-foreground-inverted-hover-hsl: var(--dt-action-color-foreground-inverted-default-hsl);
  --dt-action-color-foreground-inverted-hover-hsla: var(--dt-action-color-foreground-inverted-default-hsla);
  --dt-action-color-foreground-inverted-hover: var(--dt-action-color-foreground-inverted-default);
  --dt-action-color-foreground-critical-hover-h: var(--dt-color-link-critical-hover-h);
  --dt-action-color-foreground-critical-hover-s: var(--dt-color-link-critical-hover-s);
  --dt-action-color-foreground-critical-hover-l: var(--dt-color-link-critical-hover-l);
  --dt-action-color-foreground-critical-hover-a: var(--dt-color-link-critical-hover-a);
  --dt-action-color-foreground-critical-hover-hsl: var(--dt-color-link-critical-hover-hsl);
  --dt-action-color-foreground-critical-hover-hsla: var(--dt-color-link-critical-hover-hsla);
  --dt-action-color-foreground-critical-hover: var(--dt-color-link-critical-hover);
  --dt-action-color-foreground-critical-default-h: var(--dt-color-link-critical-h);
  --dt-action-color-foreground-critical-default-s: var(--dt-color-link-critical-s);
  --dt-action-color-foreground-critical-default-l: var(--dt-color-link-critical-l);
  --dt-action-color-foreground-critical-default-a: var(--dt-color-link-critical-a);
  --dt-action-color-foreground-critical-default-hsl: var(--dt-color-link-critical-hsl);
  --dt-action-color-foreground-critical-default-hsla: var(--dt-color-link-critical-hsla);
  --dt-action-color-foreground-critical-default: var(--dt-color-link-critical);
  --dt-action-color-foreground-base-active-h: var(--dt-action-color-foreground-base-hover-h);
  --dt-action-color-foreground-base-active-s: var(--dt-action-color-foreground-base-hover-s);
  --dt-action-color-foreground-base-active-l: var(--dt-action-color-foreground-base-hover-l);
  --dt-action-color-foreground-base-active-a: var(--dt-action-color-foreground-base-hover-a);
  --dt-action-color-foreground-base-active-hsl: var(--dt-action-color-foreground-base-hover-hsl);
  --dt-action-color-foreground-base-active-hsla: var(--dt-action-color-foreground-base-hover-hsla);
  --dt-action-color-foreground-base-active: var(--dt-action-color-foreground-base-hover);
  --dt-typography-button-xl-font-size: var(--dt-button-font-size-xl); /* Text style for extra large button */
  --dt-typography-button-lg-font-size: var(--dt-button-font-size-lg); /* Text style for large button */
  --dt-typography-button-md-font-size: var(--dt-button-font-size-md); /* Text style for medium button */
  --dt-typography-button-sm-font-size: var(--dt-button-font-size-sm); /* Text style for small button */
  --dt-typography-button-xs-font-size: var(--dt-button-font-size-xs); /* Text style for extra small button */
  --dt-typography-inputs-xl-font-size: var(--dt-inputs-font-size-xl); /* Text style for extra large inputs (e.g. input and textarea) */
  --dt-typography-inputs-lg-font-size: var(--dt-inputs-font-size-lg); /* Text style for large inputs (e.g. input and textarea) */
  --dt-typography-inputs-md-font-size: var(--dt-inputs-font-size-md); /* Text style for medium inputs (e.g. input and textarea) */
  --dt-typography-inputs-sm-font-size: var(--dt-inputs-font-size-sm); /* Text style for small inputs (e.g. input and textarea) */
  --dt-typography-inputs-xs-font-size: var(--dt-inputs-font-size-xs);
  --dt-typography-inputs-xs: var(--dt-typography-inputs-xs-font-weight) var(--dt-typography-inputs-xs-font-size)/var(--dt-typography-inputs-xs-line-height) var(--dt-typography-inputs-xs-font-family);
  --dt-typography-inputs-sm: var(--dt-typography-inputs-sm-font-weight) var(--dt-typography-inputs-sm-font-size)/var(--dt-typography-inputs-sm-line-height) var(--dt-typography-inputs-sm-font-family);
  --dt-typography-inputs-md: var(--dt-typography-inputs-md-font-weight) var(--dt-typography-inputs-md-font-size)/var(--dt-typography-inputs-md-line-height) var(--dt-typography-inputs-md-font-family);
  --dt-typography-inputs-lg: var(--dt-typography-inputs-lg-font-weight) var(--dt-typography-inputs-lg-font-size)/var(--dt-typography-inputs-lg-line-height) var(--dt-typography-inputs-lg-font-family);
  --dt-typography-inputs-xl: var(--dt-typography-inputs-xl-font-weight) var(--dt-typography-inputs-xl-font-size)/var(--dt-typography-inputs-xl-line-height) var(--dt-typography-inputs-xl-font-family);
  --dt-typography-button-xs: var(--dt-typography-button-xs-font-weight) var(--dt-typography-button-xs-font-size)/var(--dt-typography-button-xs-line-height) var(--dt-typography-button-xs-font-family);
  --dt-typography-button-sm: var(--dt-typography-button-sm-font-weight) var(--dt-typography-button-sm-font-size)/var(--dt-typography-button-sm-line-height) var(--dt-typography-button-sm-font-family);
  --dt-typography-button-md: var(--dt-typography-button-md-font-weight) var(--dt-typography-button-md-font-size)/var(--dt-typography-button-md-line-height) var(--dt-typography-button-md-font-family);
  --dt-typography-button-lg: var(--dt-typography-button-lg-font-weight) var(--dt-typography-button-lg-font-size)/var(--dt-typography-button-lg-line-height) var(--dt-typography-button-lg-font-family);
  --dt-typography-button-xl: var(--dt-typography-button-xl-font-weight) var(--dt-typography-button-xl-font-size)/var(--dt-typography-button-xl-line-height) var(--dt-typography-button-xl-font-family);
  --dt-typography-body-md: var(--dt-typography-body-md-font-weight) var(--dt-typography-body-md-font-size)/var(--dt-typography-body-md-line-height) var(--dt-typography-body-md-font-family);
  --dt-typography-body-md-compact: var(--dt-typography-body-md-compact-font-weight) var(--dt-typography-body-md-compact-font-size)/var(--dt-typography-body-md-compact-line-height) var(--dt-typography-body-md-compact-font-family);
  --dt-typography-body-sm: var(--dt-typography-body-sm-font-weight) var(--dt-typography-body-sm-font-size)/var(--dt-typography-body-sm-line-height) var(--dt-typography-body-sm-font-family);
  --dt-typography-body-sm-compact: var(--dt-typography-body-sm-compact-font-weight) var(--dt-typography-body-sm-compact-font-size)/var(--dt-typography-body-sm-compact-line-height) var(--dt-typography-body-sm-compact-font-family);
  --dt-typography-headline-eyebrow: var(--dt-typography-headline-eyebrow-font-weight) var(--dt-typography-headline-eyebrow-font-size)/var(--dt-typography-headline-eyebrow-line-height) var(--dt-typography-headline-eyebrow-font-family);
  --dt-typography-headline-sm: var(--dt-typography-headline-sm-font-weight) var(--dt-typography-headline-sm-font-size)/var(--dt-typography-headline-sm-line-height) var(--dt-typography-headline-sm-font-family);
  --dt-typography-headline-sm-compact: var(--dt-typography-headline-sm-compact-font-weight) var(--dt-typography-headline-sm-compact-font-size)/var(--dt-typography-headline-sm-compact-line-height) var(--dt-typography-headline-sm-compact-font-family);
  --dt-typography-headline-sm-soft: var(--dt-typography-headline-sm-soft-font-weight) var(--dt-typography-headline-sm-soft-font-size)/var(--dt-typography-headline-sm-soft-line-height) var(--dt-typography-headline-sm-soft-font-family);
  --dt-typography-headline-sm-soft-compact: var(--dt-typography-headline-sm-soft-compact-font-weight) var(--dt-typography-headline-sm-soft-compact-font-size)/var(--dt-typography-headline-sm-soft-compact-line-height) var(--dt-typography-headline-sm-soft-compact-font-family);
  --dt-typography-headline-md: var(--dt-typography-headline-md-font-weight) var(--dt-typography-headline-md-font-size)/var(--dt-typography-headline-md-line-height) var(--dt-typography-headline-md-font-family);
  --dt-typography-headline-md-compact: var(--dt-typography-headline-md-compact-font-weight) var(--dt-typography-headline-md-compact-font-size)/var(--dt-typography-headline-md-compact-line-height) var(--dt-typography-headline-md-compact-font-family);
  --dt-typography-headline-lg: var(--dt-typography-headline-lg-font-weight) var(--dt-typography-headline-lg-font-size)/var(--dt-typography-headline-lg-line-height) var(--dt-typography-headline-lg-font-family);
  --dt-typography-headline-lg-soft: var(--dt-typography-headline-lg-soft-font-weight) var(--dt-typography-headline-lg-soft-font-size)/var(--dt-typography-headline-lg-soft-line-height) var(--dt-typography-headline-lg-soft-font-family);
  --dt-typography-headline-lg-compact: var(--dt-typography-headline-lg-compact-font-weight) var(--dt-typography-headline-lg-compact-font-size)/var(--dt-typography-headline-lg-compact-line-height) var(--dt-typography-headline-lg-compact-font-family);
  --dt-typography-headline-lg-soft-compact: var(--dt-typography-headline-lg-soft-compact-font-weight) var(--dt-typography-headline-lg-soft-compact-font-size)/var(--dt-typography-headline-lg-soft-compact-line-height) var(--dt-typography-headline-lg-soft-compact-font-family);
  --dt-typography-headline-xl: var(--dt-typography-headline-xl-font-weight) var(--dt-typography-headline-xl-font-size)/var(--dt-typography-headline-xl-line-height) var(--dt-typography-headline-xl-font-family);
  --dt-typography-headline-xl-compact: var(--dt-typography-headline-xl-compact-font-weight) var(--dt-typography-headline-xl-compact-font-size)/var(--dt-typography-headline-xl-compact-line-height) var(--dt-typography-headline-xl-compact-font-family);
  --dt-typography-headline-xxl: var(--dt-typography-headline-xxl-font-weight) var(--dt-typography-headline-xxl-font-size)/var(--dt-typography-headline-xxl-line-height) var(--dt-typography-headline-xxl-font-family);
  --dt-typography-headline-xxl-compact: var(--dt-typography-headline-xxl-compact-font-weight) var(--dt-typography-headline-xxl-compact-font-size)/var(--dt-typography-headline-xxl-compact-line-height) var(--dt-typography-headline-xxl-compact-font-family);
  --dt-typography-label-md: var(--dt-typography-label-md-font-weight) var(--dt-typography-label-md-font-size)/var(--dt-typography-label-md-line-height) var(--dt-typography-label-md-font-family);
  --dt-typography-label-md-compact: var(--dt-typography-label-md-compact-font-weight) var(--dt-typography-label-md-compact-font-size)/var(--dt-typography-label-md-compact-line-height) var(--dt-typography-label-md-compact-font-family);
  --dt-typography-label-md-plain: var(--dt-typography-label-md-plain-font-weight) var(--dt-typography-label-md-plain-font-size)/var(--dt-typography-label-md-plain-line-height) var(--dt-typography-label-md-plain-font-family);
  --dt-typography-label-md-plain-compact: var(--dt-typography-label-md-plain-compact-font-weight) var(--dt-typography-label-md-plain-compact-font-size)/var(--dt-typography-label-md-plain-compact-line-height) var(--dt-typography-label-md-plain-compact-font-family);
  --dt-typography-label-sm: var(--dt-typography-label-sm-font-weight) var(--dt-typography-label-sm-font-size)/var(--dt-typography-label-sm-line-height) var(--dt-typography-label-sm-font-family);
  --dt-typography-label-sm-compact: var(--dt-typography-label-sm-compact-font-weight) var(--dt-typography-label-sm-compact-font-size)/var(--dt-typography-label-sm-compact-line-height) var(--dt-typography-label-sm-compact-font-family);
  --dt-typography-label-sm-plain: var(--dt-typography-label-sm-plain-font-weight) var(--dt-typography-label-sm-plain-font-size)/var(--dt-typography-label-sm-plain-line-height) var(--dt-typography-label-sm-plain-font-family);
  --dt-typography-label-sm-plain-compact: var(--dt-typography-label-sm-plain-compact-font-weight) var(--dt-typography-label-sm-plain-compact-font-size)/var(--dt-typography-label-sm-plain-compact-line-height) var(--dt-typography-label-sm-plain-compact-font-family);
  --dt-typography-helper-md: var(--dt-typography-helper-md-font-weight) var(--dt-typography-helper-md-font-size)/var(--dt-typography-helper-md-line-height) var(--dt-typography-helper-md-font-family);
  --dt-typography-helper-sm: var(--dt-typography-helper-sm-font-weight) var(--dt-typography-helper-sm-font-size)/var(--dt-typography-helper-sm-line-height) var(--dt-typography-helper-sm-font-family);
  --dt-typography-code-md: var(--dt-typography-code-md-font-weight) var(--dt-typography-code-md-font-size)/var(--dt-typography-code-md-line-height) var(--dt-typography-code-md-font-family);
  --dt-typography-code-sm: var(--dt-typography-code-sm-font-weight) var(--dt-typography-code-sm-font-size)/var(--dt-typography-code-sm-line-height) var(--dt-typography-code-sm-font-family); /* Text style for extra small inputs (e.g. input and textarea) */
  --dt-color-chart-sequential-09-selected-h: 205;
  --dt-color-chart-sequential-09-selected-s: 41.9%;
  --dt-color-chart-sequential-09-selected-l: 19.3%;
  --dt-color-chart-sequential-09-selected-a: 100%;
  --dt-color-chart-sequential-09-selected-hsl: var(--dt-color-chart-sequential-09-selected-h) var(--dt-color-chart-sequential-09-selected-s) var(--dt-color-chart-sequential-09-selected-l);
  --dt-color-chart-sequential-09-selected-hsla: hsl(var(--dt-color-chart-sequential-09-selected-h) var(--dt-color-chart-sequential-09-selected-s) var(--dt-color-chart-sequential-09-selected-l) / var(--alpha, 100%));
  --dt-color-chart-sequential-09-selected: hsl(205 41.9% 19.3%); /* Selected state for ninth sequential chart color. */
  --dt-color-chart-sequential-09-hover-h: 205;
  --dt-color-chart-sequential-09-hover-s: 50.9%;
  --dt-color-chart-sequential-09-hover-l: 23.4%;
  --dt-color-chart-sequential-09-hover-a: 100%;
  --dt-color-chart-sequential-09-hover-hsl: var(--dt-color-chart-sequential-09-hover-h) var(--dt-color-chart-sequential-09-hover-s) var(--dt-color-chart-sequential-09-hover-l);
  --dt-color-chart-sequential-09-hover-hsla: hsl(var(--dt-color-chart-sequential-09-hover-h) var(--dt-color-chart-sequential-09-hover-s) var(--dt-color-chart-sequential-09-hover-l) / var(--alpha, 100%));
  --dt-color-chart-sequential-09-hover: hsl(205 50.9% 23.4%); /* Hover state for ninth sequential chart color. */
  --dt-color-chart-sequential-08-selected-h: 207;
  --dt-color-chart-sequential-08-selected-s: 41.2%;
  --dt-color-chart-sequential-08-selected-l: 25.1%;
  --dt-color-chart-sequential-08-selected-a: 100%;
  --dt-color-chart-sequential-08-selected-hsl: var(--dt-color-chart-sequential-08-selected-h) var(--dt-color-chart-sequential-08-selected-s) var(--dt-color-chart-sequential-08-selected-l);
  --dt-color-chart-sequential-08-selected-hsla: hsl(var(--dt-color-chart-sequential-08-selected-h) var(--dt-color-chart-sequential-08-selected-s) var(--dt-color-chart-sequential-08-selected-l) / var(--alpha, 100%));
  --dt-color-chart-sequential-08-selected: hsl(207 41.2% 25.1%); /* Selected state for eighth sequential chart color. */
  --dt-color-chart-sequential-08-hover-h: 207;
  --dt-color-chart-sequential-08-hover-s: 50.1%;
  --dt-color-chart-sequential-08-hover-l: 30.4%;
  --dt-color-chart-sequential-08-hover-a: 100%;
  --dt-color-chart-sequential-08-hover-hsl: var(--dt-color-chart-sequential-08-hover-h) var(--dt-color-chart-sequential-08-hover-s) var(--dt-color-chart-sequential-08-hover-l);
  --dt-color-chart-sequential-08-hover-hsla: hsl(var(--dt-color-chart-sequential-08-hover-h) var(--dt-color-chart-sequential-08-hover-s) var(--dt-color-chart-sequential-08-hover-l) / var(--alpha, 100%));
  --dt-color-chart-sequential-08-hover: hsl(207 50.1% 30.4%); /* Hover state for eighth sequential chart color. */
  --dt-color-chart-sequential-07-selected-h: 209;
  --dt-color-chart-sequential-07-selected-s: 40.5%;
  --dt-color-chart-sequential-07-selected-l: 31.4%;
  --dt-color-chart-sequential-07-selected-a: 100%;
  --dt-color-chart-sequential-07-selected-hsl: var(--dt-color-chart-sequential-07-selected-h) var(--dt-color-chart-sequential-07-selected-s) var(--dt-color-chart-sequential-07-selected-l);
  --dt-color-chart-sequential-07-selected-hsla: hsl(var(--dt-color-chart-sequential-07-selected-h) var(--dt-color-chart-sequential-07-selected-s) var(--dt-color-chart-sequential-07-selected-l) / var(--alpha, 100%));
  --dt-color-chart-sequential-07-selected: hsl(209 40.5% 31.4%); /* Selected state for seventh sequential chart color. */
  --dt-color-chart-sequential-07-hover-h: 209;
  --dt-color-chart-sequential-07-hover-s: 49.2%;
  --dt-color-chart-sequential-07-hover-l: 38.1%;
  --dt-color-chart-sequential-07-hover-a: 100%;
  --dt-color-chart-sequential-07-hover-hsl: var(--dt-color-chart-sequential-07-hover-h) var(--dt-color-chart-sequential-07-hover-s) var(--dt-color-chart-sequential-07-hover-l);
  --dt-color-chart-sequential-07-hover-hsla: hsl(var(--dt-color-chart-sequential-07-hover-h) var(--dt-color-chart-sequential-07-hover-s) var(--dt-color-chart-sequential-07-hover-l) / var(--alpha, 100%));
  --dt-color-chart-sequential-07-hover: hsl(209 49.2% 38.1%); /* Hover state for seventh sequential chart color. */
  --dt-color-chart-sequential-06-selected-h: 211;
  --dt-color-chart-sequential-06-selected-s: 39.8%;
  --dt-color-chart-sequential-06-selected-l: 37.1%;
  --dt-color-chart-sequential-06-selected-a: 100%;
  --dt-color-chart-sequential-06-selected-hsl: var(--dt-color-chart-sequential-06-selected-h) var(--dt-color-chart-sequential-06-selected-s) var(--dt-color-chart-sequential-06-selected-l);
  --dt-color-chart-sequential-06-selected-hsla: hsl(var(--dt-color-chart-sequential-06-selected-h) var(--dt-color-chart-sequential-06-selected-s) var(--dt-color-chart-sequential-06-selected-l) / var(--alpha, 100%));
  --dt-color-chart-sequential-06-selected: hsl(211 39.8% 37.1%); /* Selected state for sixth sequential chart color. */
  --dt-color-chart-sequential-06-hover-h: 211;
  --dt-color-chart-sequential-06-hover-s: 48.4%;
  --dt-color-chart-sequential-06-hover-l: 45%;
  --dt-color-chart-sequential-06-hover-a: 100%;
  --dt-color-chart-sequential-06-hover-hsl: var(--dt-color-chart-sequential-06-hover-h) var(--dt-color-chart-sequential-06-hover-s) var(--dt-color-chart-sequential-06-hover-l);
  --dt-color-chart-sequential-06-hover-hsla: hsl(var(--dt-color-chart-sequential-06-hover-h) var(--dt-color-chart-sequential-06-hover-s) var(--dt-color-chart-sequential-06-hover-l) / var(--alpha, 100%));
  --dt-color-chart-sequential-06-hover: hsl(211 48.4% 45%); /* Hover state for sixth sequential chart color. */
  --dt-color-chart-sequential-05-selected-h: 213;
  --dt-color-chart-sequential-05-selected-s: 39.1%;
  --dt-color-chart-sequential-05-selected-l: 43.5%;
  --dt-color-chart-sequential-05-selected-a: 100%;
  --dt-color-chart-sequential-05-selected-hsl: var(--dt-color-chart-sequential-05-selected-h) var(--dt-color-chart-sequential-05-selected-s) var(--dt-color-chart-sequential-05-selected-l);
  --dt-color-chart-sequential-05-selected-hsla: hsl(var(--dt-color-chart-sequential-05-selected-h) var(--dt-color-chart-sequential-05-selected-s) var(--dt-color-chart-sequential-05-selected-l) / var(--alpha, 100%));
  --dt-color-chart-sequential-05-selected: hsl(213 39.1% 43.5%); /* Selected state for fifth sequential chart color. */
  --dt-color-chart-sequential-05-hover-h: 213;
  --dt-color-chart-sequential-05-hover-s: 47.5%;
  --dt-color-chart-sequential-05-hover-l: 52.800000000000004%;
  --dt-color-chart-sequential-05-hover-a: 100%;
  --dt-color-chart-sequential-05-hover-hsl: var(--dt-color-chart-sequential-05-hover-h) var(--dt-color-chart-sequential-05-hover-s) var(--dt-color-chart-sequential-05-hover-l);
  --dt-color-chart-sequential-05-hover-hsla: hsl(var(--dt-color-chart-sequential-05-hover-h) var(--dt-color-chart-sequential-05-hover-s) var(--dt-color-chart-sequential-05-hover-l) / var(--alpha, 100%));
  --dt-color-chart-sequential-05-hover: hsl(213 47.5% 52.8%); /* Hover state for fifth sequential chart color. */
  --dt-color-chart-sequential-04-selected-h: 216;
  --dt-color-chart-sequential-04-selected-s: 38.4%;
  --dt-color-chart-sequential-04-selected-l: 49.2%;
  --dt-color-chart-sequential-04-selected-a: 100%;
  --dt-color-chart-sequential-04-selected-hsl: var(--dt-color-chart-sequential-04-selected-h) var(--dt-color-chart-sequential-04-selected-s) var(--dt-color-chart-sequential-04-selected-l);
  --dt-color-chart-sequential-04-selected-hsla: hsl(var(--dt-color-chart-sequential-04-selected-h) var(--dt-color-chart-sequential-04-selected-s) var(--dt-color-chart-sequential-04-selected-l) / var(--alpha, 100%));
  --dt-color-chart-sequential-04-selected: hsl(216 38.4% 49.2%); /* Selected state for fourth sequential chart color. */
  --dt-color-chart-sequential-04-hover-h: 216;
  --dt-color-chart-sequential-04-hover-s: 46.7%;
  --dt-color-chart-sequential-04-hover-l: 59.8%;
  --dt-color-chart-sequential-04-hover-a: 100%;
  --dt-color-chart-sequential-04-hover-hsl: var(--dt-color-chart-sequential-04-hover-h) var(--dt-color-chart-sequential-04-hover-s) var(--dt-color-chart-sequential-04-hover-l);
  --dt-color-chart-sequential-04-hover-hsla: hsl(var(--dt-color-chart-sequential-04-hover-h) var(--dt-color-chart-sequential-04-hover-s) var(--dt-color-chart-sequential-04-hover-l) / var(--alpha, 100%));
  --dt-color-chart-sequential-04-hover: hsl(216 46.7% 59.8%); /* Hover state for fourth sequential chart color. */
  --dt-color-chart-sequential-03-selected-h: 218;
  --dt-color-chart-sequential-03-selected-s: 37.7%;
  --dt-color-chart-sequential-03-selected-l: 55.50000000000001%;
  --dt-color-chart-sequential-03-selected-a: 100%;
  --dt-color-chart-sequential-03-selected-hsl: var(--dt-color-chart-sequential-03-selected-h) var(--dt-color-chart-sequential-03-selected-s) var(--dt-color-chart-sequential-03-selected-l);
  --dt-color-chart-sequential-03-selected-hsla: hsl(var(--dt-color-chart-sequential-03-selected-h) var(--dt-color-chart-sequential-03-selected-s) var(--dt-color-chart-sequential-03-selected-l) / var(--alpha, 100%));
  --dt-color-chart-sequential-03-selected: hsl(218 37.7% 55.5%); /* Selected state for third sequential chart color. */
  --dt-color-chart-sequential-03-hover-h: 218;
  --dt-color-chart-sequential-03-hover-s: 45.7%;
  --dt-color-chart-sequential-03-hover-l: 67.4%;
  --dt-color-chart-sequential-03-hover-a: 100%;
  --dt-color-chart-sequential-03-hover-hsl: var(--dt-color-chart-sequential-03-hover-h) var(--dt-color-chart-sequential-03-hover-s) var(--dt-color-chart-sequential-03-hover-l);
  --dt-color-chart-sequential-03-hover-hsla: hsl(var(--dt-color-chart-sequential-03-hover-h) var(--dt-color-chart-sequential-03-hover-s) var(--dt-color-chart-sequential-03-hover-l) / var(--alpha, 100%));
  --dt-color-chart-sequential-03-hover: hsl(218 45.7% 67.4%); /* Hover state for third sequential chart color. */
  --dt-color-chart-sequential-02-selected-h: 220;
  --dt-color-chart-sequential-02-selected-s: 37%;
  --dt-color-chart-sequential-02-selected-l: 61.3%;
  --dt-color-chart-sequential-02-selected-a: 100%;
  --dt-color-chart-sequential-02-selected-hsl: var(--dt-color-chart-sequential-02-selected-h) var(--dt-color-chart-sequential-02-selected-s) var(--dt-color-chart-sequential-02-selected-l);
  --dt-color-chart-sequential-02-selected-hsla: hsl(var(--dt-color-chart-sequential-02-selected-h) var(--dt-color-chart-sequential-02-selected-s) var(--dt-color-chart-sequential-02-selected-l) / var(--alpha, 100%));
  --dt-color-chart-sequential-02-selected: hsl(220 37% 61.3%); /* Selected state for second sequential chart color. */
  --dt-color-chart-sequential-02-hover-h: 220;
  --dt-color-chart-sequential-02-hover-s: 45%;
  --dt-color-chart-sequential-02-hover-l: 74.5%;
  --dt-color-chart-sequential-02-hover-a: 100%;
  --dt-color-chart-sequential-02-hover-hsl: var(--dt-color-chart-sequential-02-hover-h) var(--dt-color-chart-sequential-02-hover-s) var(--dt-color-chart-sequential-02-hover-l);
  --dt-color-chart-sequential-02-hover-hsla: hsl(var(--dt-color-chart-sequential-02-hover-h) var(--dt-color-chart-sequential-02-hover-s) var(--dt-color-chart-sequential-02-hover-l) / var(--alpha, 100%));
  --dt-color-chart-sequential-02-hover: hsl(220 45% 74.5%); /* Hover state for second sequential chart color. */
  --dt-color-chart-categorical-28-selected-h: 224;
  --dt-color-chart-categorical-28-selected-s: 82.2%;
  --dt-color-chart-categorical-28-selected-l: 44%;
  --dt-color-chart-categorical-28-selected-a: 100%;
  --dt-color-chart-categorical-28-selected-hsl: var(--dt-color-chart-categorical-28-selected-h) var(--dt-color-chart-categorical-28-selected-s) var(--dt-color-chart-categorical-28-selected-l);
  --dt-color-chart-categorical-28-selected-hsla: hsl(var(--dt-color-chart-categorical-28-selected-h) var(--dt-color-chart-categorical-28-selected-s) var(--dt-color-chart-categorical-28-selected-l) / var(--alpha, 100%));
  --dt-color-chart-categorical-28-selected: hsl(224 82.2% 44%);
  --dt-color-chart-categorical-28-hover-h: 224;
  --dt-color-chart-categorical-28-hover-s: 82.2%;
  --dt-color-chart-categorical-28-hover-l: 53.5%;
  --dt-color-chart-categorical-28-hover-a: 100%;
  --dt-color-chart-categorical-28-hover-hsl: var(--dt-color-chart-categorical-28-hover-h) var(--dt-color-chart-categorical-28-hover-s) var(--dt-color-chart-categorical-28-hover-l);
  --dt-color-chart-categorical-28-hover-hsla: hsl(var(--dt-color-chart-categorical-28-hover-h) var(--dt-color-chart-categorical-28-hover-s) var(--dt-color-chart-categorical-28-hover-l) / var(--alpha, 100%));
  --dt-color-chart-categorical-28-hover: hsl(224 82.2% 53.5%);
  --dt-color-chart-categorical-26-selected-h: 353;
  --dt-color-chart-categorical-26-selected-s: 98.8%;
  --dt-color-chart-categorical-26-selected-l: 40.9%;
  --dt-color-chart-categorical-26-selected-a: 100%;
  --dt-color-chart-categorical-26-selected-hsl: var(--dt-color-chart-categorical-26-selected-h) var(--dt-color-chart-categorical-26-selected-s) var(--dt-color-chart-categorical-26-selected-l);
  --dt-color-chart-categorical-26-selected-hsla: hsl(var(--dt-color-chart-categorical-26-selected-h) var(--dt-color-chart-categorical-26-selected-s) var(--dt-color-chart-categorical-26-selected-l) / var(--alpha, 100%));
  --dt-color-chart-categorical-26-selected: hsl(353 98.8% 40.9%);
  --dt-color-chart-categorical-26-hover-h: 353;
  --dt-color-chart-categorical-26-hover-s: 98.8%;
  --dt-color-chart-categorical-26-hover-l: 49.6%;
  --dt-color-chart-categorical-26-hover-a: 100%;
  --dt-color-chart-categorical-26-hover-hsl: var(--dt-color-chart-categorical-26-hover-h) var(--dt-color-chart-categorical-26-hover-s) var(--dt-color-chart-categorical-26-hover-l);
  --dt-color-chart-categorical-26-hover-hsla: hsl(var(--dt-color-chart-categorical-26-hover-h) var(--dt-color-chart-categorical-26-hover-s) var(--dt-color-chart-categorical-26-hover-l) / var(--alpha, 100%));
  --dt-color-chart-categorical-26-hover: hsl(353 98.8% 49.6%);
  --dt-color-chart-categorical-22-selected-h: 324;
  --dt-color-chart-categorical-22-selected-s: 39%;
  --dt-color-chart-categorical-22-selected-l: 51.1%;
  --dt-color-chart-categorical-22-selected-a: 100%;
  --dt-color-chart-categorical-22-selected-hsl: var(--dt-color-chart-categorical-22-selected-h) var(--dt-color-chart-categorical-22-selected-s) var(--dt-color-chart-categorical-22-selected-l);
  --dt-color-chart-categorical-22-selected-hsla: hsl(var(--dt-color-chart-categorical-22-selected-h) var(--dt-color-chart-categorical-22-selected-s) var(--dt-color-chart-categorical-22-selected-l) / var(--alpha, 100%));
  --dt-color-chart-categorical-22-selected: hsl(324 39% 51.1%);
  --dt-color-chart-categorical-22-hover-h: 324;
  --dt-color-chart-categorical-22-hover-s: 39%;
  --dt-color-chart-categorical-22-hover-l: 62%;
  --dt-color-chart-categorical-22-hover-a: 100%;
  --dt-color-chart-categorical-22-hover-hsl: var(--dt-color-chart-categorical-22-hover-h) var(--dt-color-chart-categorical-22-hover-s) var(--dt-color-chart-categorical-22-hover-l);
  --dt-color-chart-categorical-22-hover-hsla: hsl(var(--dt-color-chart-categorical-22-hover-h) var(--dt-color-chart-categorical-22-hover-s) var(--dt-color-chart-categorical-22-hover-l) / var(--alpha, 100%));
  --dt-color-chart-categorical-22-hover: hsl(324 39% 62%);
  --dt-color-chart-categorical-21-selected-h: 95.6;
  --dt-color-chart-categorical-21-selected-s: 71.5%;
  --dt-color-chart-categorical-21-selected-l: 37.7%;
  --dt-color-chart-categorical-21-selected-a: 100%;
  --dt-color-chart-categorical-21-selected-hsl: var(--dt-color-chart-categorical-21-selected-h) var(--dt-color-chart-categorical-21-selected-s) var(--dt-color-chart-categorical-21-selected-l);
  --dt-color-chart-categorical-21-selected-hsla: hsl(var(--dt-color-chart-categorical-21-selected-h) var(--dt-color-chart-categorical-21-selected-s) var(--dt-color-chart-categorical-21-selected-l) / var(--alpha, 100%));
  --dt-color-chart-categorical-21-selected: hsl(95.6 71.5% 37.7%);
  --dt-color-chart-categorical-21-hover-h: 95.6;
  --dt-color-chart-categorical-21-hover-s: 71.5%;
  --dt-color-chart-categorical-21-hover-l: 45.8%;
  --dt-color-chart-categorical-21-hover-a: 100%;
  --dt-color-chart-categorical-21-hover-hsl: var(--dt-color-chart-categorical-21-hover-h) var(--dt-color-chart-categorical-21-hover-s) var(--dt-color-chart-categorical-21-hover-l);
  --dt-color-chart-categorical-21-hover-hsla: hsl(var(--dt-color-chart-categorical-21-hover-h) var(--dt-color-chart-categorical-21-hover-s) var(--dt-color-chart-categorical-21-hover-l) / var(--alpha, 100%));
  --dt-color-chart-categorical-21-hover: hsl(95.6 71.5% 45.8%);
  --dt-color-chart-categorical-20-selected-h: 224;
  --dt-color-chart-categorical-20-selected-s: 82.2%;
  --dt-color-chart-categorical-20-selected-l: 44%;
  --dt-color-chart-categorical-20-selected-a: 100%;
  --dt-color-chart-categorical-20-selected-hsl: var(--dt-color-chart-categorical-20-selected-h) var(--dt-color-chart-categorical-20-selected-s) var(--dt-color-chart-categorical-20-selected-l);
  --dt-color-chart-categorical-20-selected-hsla: hsl(var(--dt-color-chart-categorical-20-selected-h) var(--dt-color-chart-categorical-20-selected-s) var(--dt-color-chart-categorical-20-selected-l) / var(--alpha, 100%));
  --dt-color-chart-categorical-20-selected: hsl(224 82.2% 44%);
  --dt-color-chart-categorical-20-hover-h: 224;
  --dt-color-chart-categorical-20-hover-s: 82.2%;
  --dt-color-chart-categorical-20-hover-l: 53.5%;
  --dt-color-chart-categorical-20-hover-a: 100%;
  --dt-color-chart-categorical-20-hover-hsl: var(--dt-color-chart-categorical-20-hover-h) var(--dt-color-chart-categorical-20-hover-s) var(--dt-color-chart-categorical-20-hover-l);
  --dt-color-chart-categorical-20-hover-hsla: hsl(var(--dt-color-chart-categorical-20-hover-h) var(--dt-color-chart-categorical-20-hover-s) var(--dt-color-chart-categorical-20-hover-l) / var(--alpha, 100%));
  --dt-color-chart-categorical-20-hover: hsl(224 82.2% 53.5%);
  --dt-color-chart-categorical-19-selected-h: 190;
  --dt-color-chart-categorical-19-selected-s: 78.1%;
  --dt-color-chart-categorical-19-selected-l: 41.4%;
  --dt-color-chart-categorical-19-selected-a: 100%;
  --dt-color-chart-categorical-19-selected-hsl: var(--dt-color-chart-categorical-19-selected-h) var(--dt-color-chart-categorical-19-selected-s) var(--dt-color-chart-categorical-19-selected-l);
  --dt-color-chart-categorical-19-selected-hsla: hsl(var(--dt-color-chart-categorical-19-selected-h) var(--dt-color-chart-categorical-19-selected-s) var(--dt-color-chart-categorical-19-selected-l) / var(--alpha, 100%));
  --dt-color-chart-categorical-19-selected: hsl(190 78.1% 41.4%);
  --dt-color-chart-categorical-19-hover-h: 190;
  --dt-color-chart-categorical-19-hover-s: 78.1%;
  --dt-color-chart-categorical-19-hover-l: 50.2%;
  --dt-color-chart-categorical-19-hover-a: 100%;
  --dt-color-chart-categorical-19-hover-hsl: var(--dt-color-chart-categorical-19-hover-h) var(--dt-color-chart-categorical-19-hover-s) var(--dt-color-chart-categorical-19-hover-l);
  --dt-color-chart-categorical-19-hover-hsla: hsl(var(--dt-color-chart-categorical-19-hover-h) var(--dt-color-chart-categorical-19-hover-s) var(--dt-color-chart-categorical-19-hover-l) / var(--alpha, 100%));
  --dt-color-chart-categorical-19-hover: hsl(190 78.1% 50.2%);
  --dt-color-chart-categorical-18-selected-h: 63.1;
  --dt-color-chart-categorical-18-selected-s: 80.5%;
  --dt-color-chart-categorical-18-selected-l: 38.6%;
  --dt-color-chart-categorical-18-selected-a: 100%;
  --dt-color-chart-categorical-18-selected-hsl: var(--dt-color-chart-categorical-18-selected-h) var(--dt-color-chart-categorical-18-selected-s) var(--dt-color-chart-categorical-18-selected-l);
  --dt-color-chart-categorical-18-selected-hsla: hsl(var(--dt-color-chart-categorical-18-selected-h) var(--dt-color-chart-categorical-18-selected-s) var(--dt-color-chart-categorical-18-selected-l) / var(--alpha, 100%));
  --dt-color-chart-categorical-18-selected: hsl(63.1 80.5% 38.6%);
  --dt-color-chart-categorical-18-hover-h: 63.1;
  --dt-color-chart-categorical-18-hover-s: 80.5%;
  --dt-color-chart-categorical-18-hover-l: 46.9%;
  --dt-color-chart-categorical-18-hover-a: 100%;
  --dt-color-chart-categorical-18-hover-hsl: var(--dt-color-chart-categorical-18-hover-h) var(--dt-color-chart-categorical-18-hover-s) var(--dt-color-chart-categorical-18-hover-l);
  --dt-color-chart-categorical-18-hover-hsla: hsl(var(--dt-color-chart-categorical-18-hover-h) var(--dt-color-chart-categorical-18-hover-s) var(--dt-color-chart-categorical-18-hover-l) / var(--alpha, 100%));
  --dt-color-chart-categorical-18-hover: hsl(63.1 80.5% 46.9%);
  --dt-color-chart-categorical-17-selected-h: 318;
  --dt-color-chart-categorical-17-selected-s: 95.9%;
  --dt-color-chart-categorical-17-selected-l: 48.9%;
  --dt-color-chart-categorical-17-selected-a: 100%;
  --dt-color-chart-categorical-17-selected-hsl: var(--dt-color-chart-categorical-17-selected-h) var(--dt-color-chart-categorical-17-selected-s) var(--dt-color-chart-categorical-17-selected-l);
  --dt-color-chart-categorical-17-selected-hsla: hsl(var(--dt-color-chart-categorical-17-selected-h) var(--dt-color-chart-categorical-17-selected-s) var(--dt-color-chart-categorical-17-selected-l) / var(--alpha, 100%));
  --dt-color-chart-categorical-17-selected: hsl(318 95.9% 48.9%);
  --dt-color-chart-categorical-17-hover-h: 318;
  --dt-color-chart-categorical-17-hover-s: 95.9%;
  --dt-color-chart-categorical-17-hover-l: 59.4%;
  --dt-color-chart-categorical-17-hover-a: 100%;
  --dt-color-chart-categorical-17-hover-hsl: var(--dt-color-chart-categorical-17-hover-h) var(--dt-color-chart-categorical-17-hover-s) var(--dt-color-chart-categorical-17-hover-l);
  --dt-color-chart-categorical-17-hover-hsla: hsl(var(--dt-color-chart-categorical-17-hover-h) var(--dt-color-chart-categorical-17-hover-s) var(--dt-color-chart-categorical-17-hover-l) / var(--alpha, 100%));
  --dt-color-chart-categorical-17-hover: hsl(318 95.9% 59.4%);
  --dt-color-chart-categorical-16-selected-h: 89.4;
  --dt-color-chart-categorical-16-selected-s: 68%;
  --dt-color-chart-categorical-16-selected-l: 32.9%;
  --dt-color-chart-categorical-16-selected-a: 100%;
  --dt-color-chart-categorical-16-selected-hsl: var(--dt-color-chart-categorical-16-selected-h) var(--dt-color-chart-categorical-16-selected-s) var(--dt-color-chart-categorical-16-selected-l);
  --dt-color-chart-categorical-16-selected-hsla: hsl(var(--dt-color-chart-categorical-16-selected-h) var(--dt-color-chart-categorical-16-selected-s) var(--dt-color-chart-categorical-16-selected-l) / var(--alpha, 100%));
  --dt-color-chart-categorical-16-selected: hsl(89.4 68% 32.9%);
  --dt-color-chart-categorical-16-hover-h: 89.4;
  --dt-color-chart-categorical-16-hover-s: 68%;
  --dt-color-chart-categorical-16-hover-l: 40%;
  --dt-color-chart-categorical-16-hover-a: 100%;
  --dt-color-chart-categorical-16-hover-hsl: var(--dt-color-chart-categorical-16-hover-h) var(--dt-color-chart-categorical-16-hover-s) var(--dt-color-chart-categorical-16-hover-l);
  --dt-color-chart-categorical-16-hover-hsla: hsl(var(--dt-color-chart-categorical-16-hover-h) var(--dt-color-chart-categorical-16-hover-s) var(--dt-color-chart-categorical-16-hover-l) / var(--alpha, 100%));
  --dt-color-chart-categorical-16-hover: hsl(89.4 68% 40%);
  --dt-color-chart-categorical-15-selected-h: 367;
  --dt-color-chart-categorical-15-selected-s: 99.2%;
  --dt-color-chart-categorical-15-selected-l: 39.5%;
  --dt-color-chart-categorical-15-selected-a: 100%;
  --dt-color-chart-categorical-15-selected-hsl: var(--dt-color-chart-categorical-15-selected-h) var(--dt-color-chart-categorical-15-selected-s) var(--dt-color-chart-categorical-15-selected-l);
  --dt-color-chart-categorical-15-selected-hsla: hsl(var(--dt-color-chart-categorical-15-selected-h) var(--dt-color-chart-categorical-15-selected-s) var(--dt-color-chart-categorical-15-selected-l) / var(--alpha, 100%));
  --dt-color-chart-categorical-15-selected: hsl(367 99.2% 39.5%);
  --dt-color-chart-categorical-15-hover-h: 367;
  --dt-color-chart-categorical-15-hover-s: 99.2%;
  --dt-color-chart-categorical-15-hover-l: 48%;
  --dt-color-chart-categorical-15-hover-a: 100%;
  --dt-color-chart-categorical-15-hover-hsl: var(--dt-color-chart-categorical-15-hover-h) var(--dt-color-chart-categorical-15-hover-s) var(--dt-color-chart-categorical-15-hover-l);
  --dt-color-chart-categorical-15-hover-hsla: hsl(var(--dt-color-chart-categorical-15-hover-h) var(--dt-color-chart-categorical-15-hover-s) var(--dt-color-chart-categorical-15-hover-l) / var(--alpha, 100%));
  --dt-color-chart-categorical-15-hover: hsl(367 99.2% 48%);
  --dt-color-chart-categorical-14-selected-h: 234;
  --dt-color-chart-categorical-14-selected-s: 83.7%;
  --dt-color-chart-categorical-14-selected-l: 44.9%;
  --dt-color-chart-categorical-14-selected-a: 100%;
  --dt-color-chart-categorical-14-selected-hsl: var(--dt-color-chart-categorical-14-selected-h) var(--dt-color-chart-categorical-14-selected-s) var(--dt-color-chart-categorical-14-selected-l);
  --dt-color-chart-categorical-14-selected-hsla: hsl(var(--dt-color-chart-categorical-14-selected-h) var(--dt-color-chart-categorical-14-selected-s) var(--dt-color-chart-categorical-14-selected-l) / var(--alpha, 100%));
  --dt-color-chart-categorical-14-selected: hsl(234 83.7% 44.9%);
  --dt-color-chart-categorical-14-hover-h: 234;
  --dt-color-chart-categorical-14-hover-s: 83.7%;
  --dt-color-chart-categorical-14-hover-l: 54.6%;
  --dt-color-chart-categorical-14-hover-a: 100%;
  --dt-color-chart-categorical-14-hover-hsl: var(--dt-color-chart-categorical-14-hover-h) var(--dt-color-chart-categorical-14-hover-s) var(--dt-color-chart-categorical-14-hover-l);
  --dt-color-chart-categorical-14-hover-hsla: hsl(var(--dt-color-chart-categorical-14-hover-h) var(--dt-color-chart-categorical-14-hover-s) var(--dt-color-chart-categorical-14-hover-l) / var(--alpha, 100%));
  --dt-color-chart-categorical-14-hover: hsl(234 83.7% 54.6%);
  --dt-color-chart-categorical-13-selected-h: 374;
  --dt-color-chart-categorical-13-selected-s: 87.9%;
  --dt-color-chart-categorical-13-selected-l: 43%;
  --dt-color-chart-categorical-13-selected-a: 100%;
  --dt-color-chart-categorical-13-selected-hsl: var(--dt-color-chart-categorical-13-selected-h) var(--dt-color-chart-categorical-13-selected-s) var(--dt-color-chart-categorical-13-selected-l);
  --dt-color-chart-categorical-13-selected-hsla: hsl(var(--dt-color-chart-categorical-13-selected-h) var(--dt-color-chart-categorical-13-selected-s) var(--dt-color-chart-categorical-13-selected-l) / var(--alpha, 100%));
  --dt-color-chart-categorical-13-selected: hsl(374 87.9% 43%);
  --dt-color-chart-categorical-13-hover-h: 374;
  --dt-color-chart-categorical-13-hover-s: 87.9%;
  --dt-color-chart-categorical-13-hover-l: 52.300000000000004%;
  --dt-color-chart-categorical-13-hover-a: 100%;
  --dt-color-chart-categorical-13-hover-hsl: var(--dt-color-chart-categorical-13-hover-h) var(--dt-color-chart-categorical-13-hover-s) var(--dt-color-chart-categorical-13-hover-l);
  --dt-color-chart-categorical-13-hover-hsla: hsl(var(--dt-color-chart-categorical-13-hover-h) var(--dt-color-chart-categorical-13-hover-s) var(--dt-color-chart-categorical-13-hover-l) / var(--alpha, 100%));
  --dt-color-chart-categorical-13-hover: hsl(374 87.9% 52.3%);
  --dt-color-chart-categorical-12-selected-h: 296;
  --dt-color-chart-categorical-12-selected-s: 97.1%;
  --dt-color-chart-categorical-12-selected-l: 46.1%;
  --dt-color-chart-categorical-12-selected-a: 100%;
  --dt-color-chart-categorical-12-selected-hsl: var(--dt-color-chart-categorical-12-selected-h) var(--dt-color-chart-categorical-12-selected-s) var(--dt-color-chart-categorical-12-selected-l);
  --dt-color-chart-categorical-12-selected-hsla: hsl(var(--dt-color-chart-categorical-12-selected-h) var(--dt-color-chart-categorical-12-selected-s) var(--dt-color-chart-categorical-12-selected-l) / var(--alpha, 100%));
  --dt-color-chart-categorical-12-selected: hsl(296 97.1% 46.1%);
  --dt-color-chart-categorical-12-hover-h: 296;
  --dt-color-chart-categorical-12-hover-s: 97.1%;
  --dt-color-chart-categorical-12-hover-l: 56.00000000000001%;
  --dt-color-chart-categorical-12-hover-a: 100%;
  --dt-color-chart-categorical-12-hover-hsl: var(--dt-color-chart-categorical-12-hover-h) var(--dt-color-chart-categorical-12-hover-s) var(--dt-color-chart-categorical-12-hover-l);
  --dt-color-chart-categorical-12-hover-hsla: hsl(var(--dt-color-chart-categorical-12-hover-h) var(--dt-color-chart-categorical-12-hover-s) var(--dt-color-chart-categorical-12-hover-l) / var(--alpha, 100%));
  --dt-color-chart-categorical-12-hover: hsl(296 97.1% 56%);
  --dt-color-chart-categorical-30-h: 186;
  --dt-color-chart-categorical-30-s: 71.2%;
  --dt-color-chart-categorical-30-l: 55.3%;
  --dt-color-chart-categorical-30-a: 100%;
  --dt-color-chart-categorical-30-hsl: var(--dt-color-chart-categorical-30-h) var(--dt-color-chart-categorical-30-s) var(--dt-color-chart-categorical-30-l);
  --dt-color-chart-categorical-30-hsla: hsl(var(--dt-color-chart-categorical-30-h) var(--dt-color-chart-categorical-30-s) var(--dt-color-chart-categorical-30-l) / var(--alpha, 100%));
  --dt-color-chart-categorical-30: hsl(186 71.2% 55.3%);
  --dt-color-chart-categorical-29-h: 391;
  --dt-color-chart-categorical-29-s: 85.7%;
  --dt-color-chart-categorical-29-l: 57.60000000000001%;
  --dt-color-chart-categorical-29-a: 100%;
  --dt-color-chart-categorical-29-hsl: var(--dt-color-chart-categorical-29-h) var(--dt-color-chart-categorical-29-s) var(--dt-color-chart-categorical-29-l);
  --dt-color-chart-categorical-29-hsla: hsl(var(--dt-color-chart-categorical-29-h) var(--dt-color-chart-categorical-29-s) var(--dt-color-chart-categorical-29-l) / var(--alpha, 100%));
  --dt-color-chart-categorical-29: hsl(391 85.7% 57.6%);
  --dt-color-chart-categorical-27-h: 124;
  --dt-color-chart-categorical-27-s: 71.4%;
  --dt-color-chart-categorical-27-l: 51%;
  --dt-color-chart-categorical-27-a: 100%;
  --dt-color-chart-categorical-27-hsl: var(--dt-color-chart-categorical-27-h) var(--dt-color-chart-categorical-27-s) var(--dt-color-chart-categorical-27-l);
  --dt-color-chart-categorical-27-hsla: hsl(var(--dt-color-chart-categorical-27-h) var(--dt-color-chart-categorical-27-s) var(--dt-color-chart-categorical-27-l) / var(--alpha, 100%));
  --dt-color-chart-categorical-27: hsl(124 71.4% 51%);
  --dt-color-chart-categorical-25-h: 183;
  --dt-color-chart-categorical-25-s: 82.7%;
  --dt-color-chart-categorical-25-l: 61.5%;
  --dt-color-chart-categorical-25-a: 100%;
  --dt-color-chart-categorical-25-hsl: var(--dt-color-chart-categorical-25-h) var(--dt-color-chart-categorical-25-s) var(--dt-color-chart-categorical-25-l);
  --dt-color-chart-categorical-25-hsla: hsl(var(--dt-color-chart-categorical-25-h) var(--dt-color-chart-categorical-25-s) var(--dt-color-chart-categorical-25-l) / var(--alpha, 100%));
  --dt-color-chart-categorical-25: hsl(183 82.7% 61.5%);
  --dt-color-chart-categorical-24-h: 20.6;
  --dt-color-chart-categorical-24-s: 91.5%;
  --dt-color-chart-categorical-24-l: 58.9%;
  --dt-color-chart-categorical-24-a: 100%;
  --dt-color-chart-categorical-24-hsl: var(--dt-color-chart-categorical-24-h) var(--dt-color-chart-categorical-24-s) var(--dt-color-chart-categorical-24-l);
  --dt-color-chart-categorical-24-hsla: hsl(var(--dt-color-chart-categorical-24-h) var(--dt-color-chart-categorical-24-s) var(--dt-color-chart-categorical-24-l) / var(--alpha, 100%));
  --dt-color-chart-categorical-24: hsl(20.6 91.5% 58.9%);
  --dt-color-chart-categorical-23-h: 317;
  --dt-color-chart-categorical-23-s: 97.7%;
  --dt-color-chart-categorical-23-l: 63.1%;
  --dt-color-chart-categorical-23-a: 100%;
  --dt-color-chart-categorical-23-hsl: var(--dt-color-chart-categorical-23-h) var(--dt-color-chart-categorical-23-s) var(--dt-color-chart-categorical-23-l);
  --dt-color-chart-categorical-23-hsla: hsl(var(--dt-color-chart-categorical-23-h) var(--dt-color-chart-categorical-23-s) var(--dt-color-chart-categorical-23-l) / var(--alpha, 100%));
  --dt-color-chart-categorical-23: hsl(317 97.7% 63.1%);
  --dt-color-link-disabled-hover-h: var(--dt-color-link-disabled-h);
  --dt-color-link-disabled-hover-s: var(--dt-color-link-disabled-s);
  --dt-color-link-disabled-hover-l: var(--dt-color-link-disabled-l);
  --dt-color-link-disabled-hover-a: var(--dt-color-link-disabled-a);
  --dt-color-link-disabled-hover-hsl: var(--dt-color-link-disabled-hsl);
  --dt-color-link-disabled-hover-hsla: var(--dt-color-link-disabled-hsla);
  --dt-color-link-disabled-hover: var(--dt-color-link-disabled);
  --dt-shell-mention-color-surface-secondary-h: 255;
  --dt-shell-mention-color-surface-secondary-s: 100%;
  --dt-shell-mention-color-surface-secondary-l: 29.7%;
  --dt-shell-mention-color-surface-secondary-a: 100%;
  --dt-shell-mention-color-surface-secondary-hsl: var(--dt-shell-mention-color-surface-secondary-h) var(--dt-shell-mention-color-surface-secondary-s) var(--dt-shell-mention-color-surface-secondary-l);
  --dt-shell-mention-color-surface-secondary-hsla: hsl(var(--dt-shell-mention-color-surface-secondary-h) var(--dt-shell-mention-color-surface-secondary-s) var(--dt-shell-mention-color-surface-secondary-l) / var(--alpha, 100%));
  --dt-shell-mention-color-surface-secondary: hsl(255 100% 29.7%);
  --dt-shell-mention-color-surface-primary-h: var(--dt-shell-base-color-accent-h);
  --dt-shell-mention-color-surface-primary-s: var(--dt-shell-base-color-accent-s);
  --dt-shell-mention-color-surface-primary-l: var(--dt-shell-base-color-accent-l);
  --dt-shell-mention-color-surface-primary-a: var(--dt-shell-base-color-accent-a);
  --dt-shell-mention-color-surface-primary-hsl: var(--dt-shell-base-color-accent-hsl);
  --dt-shell-mention-color-surface-primary-hsla: var(--dt-shell-base-color-accent-hsla);
  --dt-shell-mention-color-surface-primary: var(--dt-shell-base-color-accent);
  --dt-shell-action-color-foreground-muted-selected-h: 0;
  --dt-shell-action-color-foreground-muted-selected-s: 0%;
  --dt-shell-action-color-foreground-muted-selected-l: 4.4%;
  --dt-shell-action-color-foreground-muted-selected-a: 60%;
  --dt-shell-action-color-foreground-muted-selected-hsl: var(--dt-shell-action-color-foreground-muted-selected-h) var(--dt-shell-action-color-foreground-muted-selected-s) var(--dt-shell-action-color-foreground-muted-selected-l);
  --dt-shell-action-color-foreground-muted-selected-hsla: hsl(var(--dt-shell-action-color-foreground-muted-selected-h) var(--dt-shell-action-color-foreground-muted-selected-s) var(--dt-shell-action-color-foreground-muted-selected-l) / var(--alpha, 60%));
  --dt-shell-action-color-foreground-muted-selected: hsl(0 0% 4.4% / 0.6);
  --dt-shell-action-color-foreground-muted-hover-h: 0;
  --dt-shell-action-color-foreground-muted-hover-s: 0%;
  --dt-shell-action-color-foreground-muted-hover-l: 6.6000000000000005%;
  --dt-shell-action-color-foreground-muted-hover-a: 60%;
  --dt-shell-action-color-foreground-muted-hover-hsl: var(--dt-shell-action-color-foreground-muted-hover-h) var(--dt-shell-action-color-foreground-muted-hover-s) var(--dt-shell-action-color-foreground-muted-hover-l);
  --dt-shell-action-color-foreground-muted-hover-hsla: hsl(var(--dt-shell-action-color-foreground-muted-hover-h) var(--dt-shell-action-color-foreground-muted-hover-s) var(--dt-shell-action-color-foreground-muted-hover-l) / var(--alpha, 60%));
  --dt-shell-action-color-foreground-muted-hover: hsl(0 0% 6.6% / 0.6);
  --dt-action-color-foreground-positive-active-h: var(--dt-action-color-foreground-positive-hover-h);
  --dt-action-color-foreground-positive-active-s: var(--dt-action-color-foreground-positive-hover-s);
  --dt-action-color-foreground-positive-active-l: var(--dt-action-color-foreground-positive-hover-l);
  --dt-action-color-foreground-positive-active-a: var(--dt-action-color-foreground-positive-hover-a);
  --dt-action-color-foreground-positive-active-hsl: var(--dt-action-color-foreground-positive-hover-hsl);
  --dt-action-color-foreground-positive-active-hsla: var(--dt-action-color-foreground-positive-hover-hsla);
  --dt-action-color-foreground-positive-active: var(--dt-action-color-foreground-positive-hover);
  --dt-action-color-foreground-muted-active-h: var(--dt-action-color-foreground-muted-hover-h);
  --dt-action-color-foreground-muted-active-s: var(--dt-action-color-foreground-muted-hover-s);
  --dt-action-color-foreground-muted-active-l: var(--dt-action-color-foreground-muted-hover-l);
  --dt-action-color-foreground-muted-active-a: var(--dt-action-color-foreground-muted-hover-a);
  --dt-action-color-foreground-muted-active-hsl: var(--dt-action-color-foreground-muted-hover-hsl);
  --dt-action-color-foreground-muted-active-hsla: var(--dt-action-color-foreground-muted-hover-hsla);
  --dt-action-color-foreground-muted-active: var(--dt-action-color-foreground-muted-hover);
  --dt-action-color-foreground-inverted-active-h: var(--dt-action-color-foreground-inverted-hover-h);
  --dt-action-color-foreground-inverted-active-s: var(--dt-action-color-foreground-inverted-hover-s);
  --dt-action-color-foreground-inverted-active-l: var(--dt-action-color-foreground-inverted-hover-l);
  --dt-action-color-foreground-inverted-active-a: var(--dt-action-color-foreground-inverted-hover-a);
  --dt-action-color-foreground-inverted-active-hsl: var(--dt-action-color-foreground-inverted-hover-hsl);
  --dt-action-color-foreground-inverted-active-hsla: var(--dt-action-color-foreground-inverted-hover-hsla);
  --dt-action-color-foreground-inverted-active: var(--dt-action-color-foreground-inverted-hover);
  --dt-action-color-foreground-critical-active-h: var(--dt-action-color-foreground-critical-hover-h);
  --dt-action-color-foreground-critical-active-s: var(--dt-action-color-foreground-critical-hover-s);
  --dt-action-color-foreground-critical-active-l: var(--dt-action-color-foreground-critical-hover-l);
  --dt-action-color-foreground-critical-active-a: var(--dt-action-color-foreground-critical-hover-a);
  --dt-action-color-foreground-critical-active-hsl: var(--dt-action-color-foreground-critical-hover-hsl);
  --dt-action-color-foreground-critical-active-hsla: var(--dt-action-color-foreground-critical-hover-hsla);
  --dt-action-color-foreground-critical-active: var(--dt-action-color-foreground-critical-hover);
  --dt-color-chart-categorical-30-selected-h: 186;
  --dt-color-chart-categorical-30-selected-s: 71.2%;
  --dt-color-chart-categorical-30-selected-l: 38.7%;
  --dt-color-chart-categorical-30-selected-a: 100%;
  --dt-color-chart-categorical-30-selected-hsl: var(--dt-color-chart-categorical-30-selected-h) var(--dt-color-chart-categorical-30-selected-s) var(--dt-color-chart-categorical-30-selected-l);
  --dt-color-chart-categorical-30-selected-hsla: hsl(var(--dt-color-chart-categorical-30-selected-h) var(--dt-color-chart-categorical-30-selected-s) var(--dt-color-chart-categorical-30-selected-l) / var(--alpha, 100%));
  --dt-color-chart-categorical-30-selected: hsl(186 71.2% 38.7%);
  --dt-color-chart-categorical-30-hover-h: 186;
  --dt-color-chart-categorical-30-hover-s: 71.2%;
  --dt-color-chart-categorical-30-hover-l: 47%;
  --dt-color-chart-categorical-30-hover-a: 100%;
  --dt-color-chart-categorical-30-hover-hsl: var(--dt-color-chart-categorical-30-hover-h) var(--dt-color-chart-categorical-30-hover-s) var(--dt-color-chart-categorical-30-hover-l);
  --dt-color-chart-categorical-30-hover-hsla: hsl(var(--dt-color-chart-categorical-30-hover-h) var(--dt-color-chart-categorical-30-hover-s) var(--dt-color-chart-categorical-30-hover-l) / var(--alpha, 100%));
  --dt-color-chart-categorical-30-hover: hsl(186 71.2% 47%);
  --dt-color-chart-categorical-29-selected-h: 391;
  --dt-color-chart-categorical-29-selected-s: 85.7%;
  --dt-color-chart-categorical-29-selected-l: 40.3%;
  --dt-color-chart-categorical-29-selected-a: 100%;
  --dt-color-chart-categorical-29-selected-hsl: var(--dt-color-chart-categorical-29-selected-h) var(--dt-color-chart-categorical-29-selected-s) var(--dt-color-chart-categorical-29-selected-l);
  --dt-color-chart-categorical-29-selected-hsla: hsl(var(--dt-color-chart-categorical-29-selected-h) var(--dt-color-chart-categorical-29-selected-s) var(--dt-color-chart-categorical-29-selected-l) / var(--alpha, 100%));
  --dt-color-chart-categorical-29-selected: hsl(391 85.7% 40.3%);
  --dt-color-chart-categorical-29-hover-h: 391;
  --dt-color-chart-categorical-29-hover-s: 85.7%;
  --dt-color-chart-categorical-29-hover-l: 49%;
  --dt-color-chart-categorical-29-hover-a: 100%;
  --dt-color-chart-categorical-29-hover-hsl: var(--dt-color-chart-categorical-29-hover-h) var(--dt-color-chart-categorical-29-hover-s) var(--dt-color-chart-categorical-29-hover-l);
  --dt-color-chart-categorical-29-hover-hsla: hsl(var(--dt-color-chart-categorical-29-hover-h) var(--dt-color-chart-categorical-29-hover-s) var(--dt-color-chart-categorical-29-hover-l) / var(--alpha, 100%));
  --dt-color-chart-categorical-29-hover: hsl(391 85.7% 49%);
  --dt-color-chart-categorical-27-selected-h: 124;
  --dt-color-chart-categorical-27-selected-s: 71.4%;
  --dt-color-chart-categorical-27-selected-l: 35.7%;
  --dt-color-chart-categorical-27-selected-a: 100%;
  --dt-color-chart-categorical-27-selected-hsl: var(--dt-color-chart-categorical-27-selected-h) var(--dt-color-chart-categorical-27-selected-s) var(--dt-color-chart-categorical-27-selected-l);
  --dt-color-chart-categorical-27-selected-hsla: hsl(var(--dt-color-chart-categorical-27-selected-h) var(--dt-color-chart-categorical-27-selected-s) var(--dt-color-chart-categorical-27-selected-l) / var(--alpha, 100%));
  --dt-color-chart-categorical-27-selected: hsl(124 71.4% 35.7%);
  --dt-color-chart-categorical-27-hover-h: 124;
  --dt-color-chart-categorical-27-hover-s: 71.4%;
  --dt-color-chart-categorical-27-hover-l: 43.4%;
  --dt-color-chart-categorical-27-hover-a: 100%;
  --dt-color-chart-categorical-27-hover-hsl: var(--dt-color-chart-categorical-27-hover-h) var(--dt-color-chart-categorical-27-hover-s) var(--dt-color-chart-categorical-27-hover-l);
  --dt-color-chart-categorical-27-hover-hsla: hsl(var(--dt-color-chart-categorical-27-hover-h) var(--dt-color-chart-categorical-27-hover-s) var(--dt-color-chart-categorical-27-hover-l) / var(--alpha, 100%));
  --dt-color-chart-categorical-27-hover: hsl(124 71.4% 43.4%);
  --dt-color-chart-categorical-25-selected-h: 183;
  --dt-color-chart-categorical-25-selected-s: 82.7%;
  --dt-color-chart-categorical-25-selected-l: 43%;
  --dt-color-chart-categorical-25-selected-a: 100%;
  --dt-color-chart-categorical-25-selected-hsl: var(--dt-color-chart-categorical-25-selected-h) var(--dt-color-chart-categorical-25-selected-s) var(--dt-color-chart-categorical-25-selected-l);
  --dt-color-chart-categorical-25-selected-hsla: hsl(var(--dt-color-chart-categorical-25-selected-h) var(--dt-color-chart-categorical-25-selected-s) var(--dt-color-chart-categorical-25-selected-l) / var(--alpha, 100%));
  --dt-color-chart-categorical-25-selected: hsl(183 82.7% 43%);
  --dt-color-chart-categorical-25-hover-h: 183;
  --dt-color-chart-categorical-25-hover-s: 82.7%;
  --dt-color-chart-categorical-25-hover-l: 52.300000000000004%;
  --dt-color-chart-categorical-25-hover-a: 100%;
  --dt-color-chart-categorical-25-hover-hsl: var(--dt-color-chart-categorical-25-hover-h) var(--dt-color-chart-categorical-25-hover-s) var(--dt-color-chart-categorical-25-hover-l);
  --dt-color-chart-categorical-25-hover-hsla: hsl(var(--dt-color-chart-categorical-25-hover-h) var(--dt-color-chart-categorical-25-hover-s) var(--dt-color-chart-categorical-25-hover-l) / var(--alpha, 100%));
  --dt-color-chart-categorical-25-hover: hsl(183 82.7% 52.3%);
  --dt-color-chart-categorical-24-selected-h: 20.6;
  --dt-color-chart-categorical-24-selected-s: 91.5%;
  --dt-color-chart-categorical-24-selected-l: 41.2%;
  --dt-color-chart-categorical-24-selected-a: 100%;
  --dt-color-chart-categorical-24-selected-hsl: var(--dt-color-chart-categorical-24-selected-h) var(--dt-color-chart-categorical-24-selected-s) var(--dt-color-chart-categorical-24-selected-l);
  --dt-color-chart-categorical-24-selected-hsla: hsl(var(--dt-color-chart-categorical-24-selected-h) var(--dt-color-chart-categorical-24-selected-s) var(--dt-color-chart-categorical-24-selected-l) / var(--alpha, 100%));
  --dt-color-chart-categorical-24-selected: hsl(20.6 91.5% 41.2%);
  --dt-color-chart-categorical-24-hover-h: 20.6;
  --dt-color-chart-categorical-24-hover-s: 91.5%;
  --dt-color-chart-categorical-24-hover-l: 50.1%;
  --dt-color-chart-categorical-24-hover-a: 100%;
  --dt-color-chart-categorical-24-hover-hsl: var(--dt-color-chart-categorical-24-hover-h) var(--dt-color-chart-categorical-24-hover-s) var(--dt-color-chart-categorical-24-hover-l);
  --dt-color-chart-categorical-24-hover-hsla: hsl(var(--dt-color-chart-categorical-24-hover-h) var(--dt-color-chart-categorical-24-hover-s) var(--dt-color-chart-categorical-24-hover-l) / var(--alpha, 100%));
  --dt-color-chart-categorical-24-hover: hsl(20.6 91.5% 50.1%);
  --dt-color-chart-categorical-23-selected-h: 317;
  --dt-color-chart-categorical-23-selected-s: 97.7%;
  --dt-color-chart-categorical-23-selected-l: 44.2%;
  --dt-color-chart-categorical-23-selected-a: 100%;
  --dt-color-chart-categorical-23-selected-hsl: var(--dt-color-chart-categorical-23-selected-h) var(--dt-color-chart-categorical-23-selected-s) var(--dt-color-chart-categorical-23-selected-l);
  --dt-color-chart-categorical-23-selected-hsla: hsl(var(--dt-color-chart-categorical-23-selected-h) var(--dt-color-chart-categorical-23-selected-s) var(--dt-color-chart-categorical-23-selected-l) / var(--alpha, 100%));
  --dt-color-chart-categorical-23-selected: hsl(317 97.7% 44.2%);
  --dt-color-chart-categorical-23-hover-h: 317;
  --dt-color-chart-categorical-23-hover-s: 97.7%;
  --dt-color-chart-categorical-23-hover-l: 53.6%;
  --dt-color-chart-categorical-23-hover-a: 100%;
  --dt-color-chart-categorical-23-hover-hsl: var(--dt-color-chart-categorical-23-hover-h) var(--dt-color-chart-categorical-23-hover-s) var(--dt-color-chart-categorical-23-hover-l);
  --dt-color-chart-categorical-23-hover-hsla: hsl(var(--dt-color-chart-categorical-23-hover-h) var(--dt-color-chart-categorical-23-hover-s) var(--dt-color-chart-categorical-23-hover-l) / var(--alpha, 100%));
  --dt-color-chart-categorical-23-hover: hsl(317 97.7% 53.6%);
  --dt-shell-action-color-foreground-muted-active-h: var(--dt-shell-action-color-foreground-muted-hover-h);
  --dt-shell-action-color-foreground-muted-active-s: var(--dt-shell-action-color-foreground-muted-hover-s);
  --dt-shell-action-color-foreground-muted-active-l: var(--dt-shell-action-color-foreground-muted-hover-l);
  --dt-shell-action-color-foreground-muted-active-a: var(--dt-shell-action-color-foreground-muted-hover-a);
  --dt-shell-action-color-foreground-muted-active-hsl: var(--dt-shell-action-color-foreground-muted-hover-hsl);
  --dt-shell-action-color-foreground-muted-active-hsla: var(--dt-shell-action-color-foreground-muted-hover-hsla);
  --dt-shell-action-color-foreground-muted-active: var(--dt-shell-action-color-foreground-muted-hover);
  --dt-font-size-100-mobile: 1.2rem;
  --dt-font-size-200-mobile: 1.6rem;
  --dt-font-size-300-mobile: 2rem;
  --dt-font-size-400-mobile: 2.9rem;
  --dt-font-size-500-mobile: 4.1rem;
  --dt-font-size-100-tc8: 1.7rem;
  --dt-font-size-200-tc8: 2.1rem;
  --dt-font-size-300-tc8: 2.7rem;
  --dt-font-size-400-tc8: 3.8rem;
  --dt-font-size-500-tc8: 5.4rem;
  --dt-font-size-100-tv: 2.5rem;
  --dt-font-size-200-tv: 3.2rem;
  --dt-font-size-300-tv: 4.1rem;
  --dt-font-size-400-tv: 5.8rem;
  --dt-font-size-500-tv: 8.2rem;
  --zi-hide: -1;
  --zi-base: 0;
  --zi-base1: 1;
  --zi-selected: 25;
  --zi-active: 50;
  --zi-navigation: 100;
  --zi-navigation-fixed: 150;
  --zi-dropdown: 200;
  --zi-popover: 300;
  --zi-tooltip: 400;
  --zi-drawer: 500;
  --zi-modal: 600;
  --zi-modal-element: 650;
  --zi-notification: 700;
}

