/* 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);
  justify-content: flex-start;
}
.d-stack--column-reverse {
  --stack-direction: column-reverse;
  justify-content: flex-start;
}
.d-stack--row {
  --stack-direction: row;
  align-items: center;
  justify-content: normal;
}
.d-stack--row-reverse {
  --stack-direction: row-reverse;
  align-items: center;
  justify-content: normal;
}
.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;
    justify-content: flex-start;
  }
  .d-stack--sm-column-reverse {
    --stack-direction: column-reverse;
    justify-content: flex-start;
  }
  .d-stack--sm-row {
    --stack-direction: row;
    align-items: center;
    justify-content: normal;
  }
  .d-stack--sm-row-reverse {
    --stack-direction: row-reverse;
    align-items: center;
    justify-content: normal;
  }
  .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);
  }
}
@media screen and (min-width: 640px) {
  .d-stack--md-column {
    --stack-direction: column;
    justify-content: flex-start;
  }
  .d-stack--md-column-reverse {
    --stack-direction: column-reverse;
    justify-content: flex-start;
  }
  .d-stack--md-row {
    --stack-direction: row;
    align-items: center;
    justify-content: normal;
  }
  .d-stack--md-row-reverse {
    --stack-direction: row-reverse;
    align-items: center;
    justify-content: normal;
  }
  .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);
  }
}
@media screen and (min-width: 980px) {
  .d-stack--lg-column {
    --stack-direction: column;
    justify-content: flex-start;
  }
  .d-stack--lg-column-reverse {
    --stack-direction: column-reverse;
    justify-content: flex-start;
  }
  .d-stack--lg-row {
    --stack-direction: row;
    align-items: center;
    justify-content: normal;
  }
  .d-stack--lg-row-reverse {
    --stack-direction: row-reverse;
    align-items: center;
    justify-content: normal;
  }
  .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);
  }
}
@media screen and (min-width: 1264px) {
  .d-stack--xl-column {
    --stack-direction: column;
    justify-content: flex-start;
  }
  .d-stack--xl-column-reverse {
    --stack-direction: column-reverse;
    justify-content: flex-start;
  }
  .d-stack--xl-row {
    --stack-direction: row;
    align-items: center;
    justify-content: normal;
  }
  .d-stack--xl-row-reverse {
    --stack-direction: row-reverse;
    align-items: center;
    justify-content: normal;
  }
  .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-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-theme-sidebar-color-background);
  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;
  width: var(--avatar-size-shape);
  height: var(--avatar-size-shape);
  overflow: hidden;
  background-color: var(--avatar-color-background);
  border-radius: var(--dt-size-radius-pill);
}
.d-avatar__image {
  width: var(--avatar-size-image);
  height: var(--avatar-size-image);
  -o-object-fit: cover;
     object-fit: cover;
  border-radius: var(--dt-size-radius-pill);
}
.d-avatar--image-loaded {
  background-color: 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);
  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);
}
.d-recipe-leftbar-row--selected .d-avatar__count,
.d-recipe-leftbar-row__primary:hover .d-avatar__count {
  --avatar-count-color-shadow: var(--dt-theme-sidebar-row-color-background-hover);
}
.d-avatar--clickable {
  --avatar-color-border: transparent;
  padding: 0;
  background-color: 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;
  width: var(--dt-size-100-percent);
  height: 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 {
  width: var(--dt-size-100-percent);
  color: var(--dt-color-foreground-primary-inverted);
}
.d-avatar__overlay-text {
  width: 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);
}
.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);
}
.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);
}
.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);
}
.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);
}
.d-avatar--group {
  --avatar-size-shape: calc(var(--dt-size-300) * 4.5);
  width: var(--dt-size-550);
  height: var(--dt-size-550);
}
.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: hsla(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 hsla(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);
  word-break: break-word;
  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: hsla(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;
  align-items: center;
  justify-content: center;
  box-sizing: border-box;
  padding-right: var(--dt-space-300);
  padding-left: var(--dt-space-300);
  font-size: var(--dt-font-size-100);
  font-family: var(--dt-font-family-body);
  border: var(--dt-size-100) solid;
  border-color: var(--dt-color-border-default);
  border-radius: var(--dt-size-radius-300);
  /* 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;
  clip: rect(0 0 0 0);
  -webkit-clip-path: inset(50%);
          clip-path: inset(50%);
}
.d-keyboard-shortcut__icon,
.d-keyboard-shortcut__item {
  margin-right: var(--dt-space-200);
  color: var(--dt-color-foreground-tertiary);
}
.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: hsla(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-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;
  top: var(--dt-space-500);
  right: var(--dt-space-500);
  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: hsla(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;
  grid-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);
}
.d-checkbox-group.d-checkbox-group--disabled .d-checkbox__label,
.d-radio-group.d-checkbox-group--disabled .d-checkbox__label,
.d-checkbox-group.d-radio-group--disabled .d-checkbox__label,
.d-radio-group.d-radio-group--disabled .d-checkbox__label,
.d-checkbox-group.d-checkbox-group--disabled .d-radio__label,
.d-radio-group.d-checkbox-group--disabled .d-radio__label,
.d-checkbox-group.d-radio-group--disabled .d-radio__label,
.d-radio-group.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);
  word-break: break-word;
  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 {
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  color: var(--dt-color-foreground-tertiary);
  margin-left: var(--dt-space-100);
}
.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: hsla(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-theme-sidebar-color-background);
  --presence-color-border-offline: var(--dt-color-border-bold);
  --presence-color-background-active: var(--dt-theme-presence-color-background-available);
  --presence-color-background-busy: var(--dt-theme-presence-color-background-busy-unavailable);
  --presence-color-background-away: var(--dt-theme-presence-color-background-busy);
  --presence-color-background-offline: var(--dt-theme-sidebar-color-background);
  --presence-border-size: var(--dt-size-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-theme-sidebar-selected-row-color-background);
}
.d-recipe-leftbar-row__primary:hover .d-presence {
  --presence-color-border-base: var(--dt-theme-sidebar-row-color-background-hover);
}
.d-presence__inner {
  box-sizing: border-box;
  width: var(--presence-size);
  height: 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-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 .d-icon {
  top: 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-basis: 0 !important;
  flex-grow: 1 !important;
  flex-shrink: 1 !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 {
  grid-column-gap: unset !important;
}
.d-grg-unset {
  grid-row-gap: unset !important;
}
.d-gg-unset {
  grid-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-template-areas: 'header' 'content';
  grid-template-rows: [header-start] var(--header-height) [header-end content-start] var(--content-height) [content-end];
  grid-auto-rows: 1fr;
  grid-auto-columns: minmax(-webkit-min-content, auto);
  grid-auto-columns: minmax(min-content, auto);
}
.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;
  word-wrap: normal;
  border: none;
  clip: rect(1px, 1px, 1px, 1px);
  -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;
}
.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 {
  word-break: break-word !important;
}
.d-wb-keep-all {
  word-break: keep-all !important;
}
.d-wb-unset {
  word-break: unset !important;
}
.d-ww-normal {
  word-wrap: normal !important;
}
.d-ww-break-word {
  word-wrap: break-word !important;
}
.d-ww-anywhere {
  word-wrap: anywhere !important;
}
.d-ww-initial {
  word-wrap: initial !important;
}
.d-ww-inherit {
  word-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-theme-mention-color-background);
}
.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-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-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-color-foreground-primary);
  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-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-width: var(--dt-size-975);
}
.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-subtle);
  --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 {
  display: inline-flex;
  margin-right: var(--dt-space-300);
}
.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-theme-sidebar-color-foreground);
  --leftbar-row-color-background: var(--dt-theme-sidebar-row-color-background);
  --leftbar-row-radius: var(--dt-size-radius-pill);
  --leftbar-row-opacity: 100%;
  --leftbar-row-alpha-color-foreground: var(--dt-theme-sidebar-icon-color-foreground);
  --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-theme-sidebar-color-foreground);
  --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-theme-sidebar-status-color-foreground);
  --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-theme-sidebar-row-color-background);
  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: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-theme-sidebar-row-color-background-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-theme-sidebar-selected-row-color-background);
}
.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-theme-sidebar-status-color-foreground);
  content: " • ";
}
.d-recipe-leftbar-row--has-unread {
  --leftbar-row-description-font-weight: var(--dt-font-weight-bold);
  --leftbar-row-description-color-foreground: var(--dt-theme-sidebar-color-foreground-unread);
  --leftbar-row-alpha-color-foreground: var(--dt-theme-sidebar-color-foreground-unread);
}
.d-recipe-leftbar-row--muted {
  --leftbar-row-opacity: 60%;
}
.d-recipe-leftbar-row--selected {
  --leftbar-row-color-background: var(--dt-theme-sidebar-selected-row-color-background);
  --leftbar-row-description-color-foreground: var(--dt-theme-sidebar-selected-row-color-foreground);
}
.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-theme-sidebar-selected-row-color-background);
}
.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__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-theme-sidebar-row-color-background-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-theme-mention-color-foreground);
  background-color: var(--dt-theme-mention-color-background);
}
.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-theme-mention-color-foreground-strong);
  background-color: var(--dt-theme-mention-color-background-strong);
  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-theme-mention-color-foreground-strong);
  background-color: var(--dt-theme-mention-color-background-strong);
}
.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-color-foreground-success);
}
.d-recipe-contact-row--busy {
  color: var(--dt-color-foreground-critical);
}
.d-recipe-contact-row--away {
  color: var(--dt-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);
}
.d-recipe-settings-menu-button {
  width: var(--dt-size-550);
  height: var(--dt-size-600);
  padding: var(--dt-space-0);
  color: var(--dt-theme-topbar-button-color-foreground);
  background-color: var(--dt-theme-topbar-button-color-background);
  border-radius: var(--dt-size-550);
}
.d-recipe-settings-menu-button:hover {
  color: var(--dt-theme-topbar-button-color-foreground-hover);
  background-color: var(--dt-theme-topbar-button-color-background-hover);
}
.d-recipe-settings-menu-button:active {
  background-color: var(--dt-theme-topbar-button-color-background-active);
}
.d-recipe-settings-menu-button-update {
  height: var(--dt-size-600);
  color: var(--dt-color-blue-500);
  background-color: hsla(var(--dt-color-blue-200-hsl) / 0.25);
  border-color: hsla(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-theme-topbar-button-color-foreground-hover);
  background-color: hsla(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-theme-mention-color-foreground);
  font-weight: var(--dt-font-weight-bold);
  background-color: var(--dt-theme-mention-color-background);
}
.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;
}
.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-chart-categorical-10, .h\:d-fc-chart-categorical-10:hover, .f\:d-fc-chart-categorical-10:focus, .f\:d-fc-chart-categorical-10:focus-within, .fv\:d-fc-chart-categorical-10:focus-visible {
  --fco: var(--dt-color-chart-categorical-10-a);
  color: hsl(var(--dt-color-chart-categorical-10-h) var(--dt-color-chart-categorical-10-s) var(--dt-color-chart-categorical-10-l) / var(--fco)) !important;
}
.d-fc-chart-categorical-10-hover, .h\:d-fc-chart-categorical-10-hover:hover, .f\:d-fc-chart-categorical-10-hover:focus, .f\:d-fc-chart-categorical-10-hover:focus-within, .fv\:d-fc-chart-categorical-10-hover:focus-visible {
  --fco: var(--dt-color-chart-categorical-10-hover-a);
  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(--fco)) !important;
}
.d-fc-chart-categorical-10-selected, .h\:d-fc-chart-categorical-10-selected:hover, .f\:d-fc-chart-categorical-10-selected:focus, .f\:d-fc-chart-categorical-10-selected:focus-within, .fv\:d-fc-chart-categorical-10-selected:focus-visible {
  --fco: var(--dt-color-chart-categorical-10-selected-a);
  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(--fco)) !important;
}
.d-fc-chart-categorical-01, .h\:d-fc-chart-categorical-01:hover, .f\:d-fc-chart-categorical-01:focus, .f\:d-fc-chart-categorical-01:focus-within, .fv\:d-fc-chart-categorical-01:focus-visible {
  --fco: var(--dt-color-chart-categorical-01-a);
  color: hsl(var(--dt-color-chart-categorical-01-h) var(--dt-color-chart-categorical-01-s) var(--dt-color-chart-categorical-01-l) / var(--fco)) !important;
}
.d-fc-chart-categorical-01-hover, .h\:d-fc-chart-categorical-01-hover:hover, .f\:d-fc-chart-categorical-01-hover:focus, .f\:d-fc-chart-categorical-01-hover:focus-within, .fv\:d-fc-chart-categorical-01-hover:focus-visible {
  --fco: var(--dt-color-chart-categorical-01-hover-a);
  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(--fco)) !important;
}
.d-fc-chart-categorical-01-selected, .h\:d-fc-chart-categorical-01-selected:hover, .f\:d-fc-chart-categorical-01-selected:focus, .f\:d-fc-chart-categorical-01-selected:focus-within, .fv\:d-fc-chart-categorical-01-selected:focus-visible {
  --fco: var(--dt-color-chart-categorical-01-selected-a);
  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(--fco)) !important;
}
.d-fc-chart-categorical-02, .h\:d-fc-chart-categorical-02:hover, .f\:d-fc-chart-categorical-02:focus, .f\:d-fc-chart-categorical-02:focus-within, .fv\:d-fc-chart-categorical-02:focus-visible {
  --fco: var(--dt-color-chart-categorical-02-a);
  color: hsl(var(--dt-color-chart-categorical-02-h) var(--dt-color-chart-categorical-02-s) var(--dt-color-chart-categorical-02-l) / var(--fco)) !important;
}
.d-fc-chart-categorical-02-hover, .h\:d-fc-chart-categorical-02-hover:hover, .f\:d-fc-chart-categorical-02-hover:focus, .f\:d-fc-chart-categorical-02-hover:focus-within, .fv\:d-fc-chart-categorical-02-hover:focus-visible {
  --fco: var(--dt-color-chart-categorical-02-hover-a);
  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(--fco)) !important;
}
.d-fc-chart-categorical-02-selected, .h\:d-fc-chart-categorical-02-selected:hover, .f\:d-fc-chart-categorical-02-selected:focus, .f\:d-fc-chart-categorical-02-selected:focus-within, .fv\:d-fc-chart-categorical-02-selected:focus-visible {
  --fco: var(--dt-color-chart-categorical-02-selected-a);
  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(--fco)) !important;
}
.d-fc-chart-categorical-03, .h\:d-fc-chart-categorical-03:hover, .f\:d-fc-chart-categorical-03:focus, .f\:d-fc-chart-categorical-03:focus-within, .fv\:d-fc-chart-categorical-03:focus-visible {
  --fco: var(--dt-color-chart-categorical-03-a);
  color: hsl(var(--dt-color-chart-categorical-03-h) var(--dt-color-chart-categorical-03-s) var(--dt-color-chart-categorical-03-l) / var(--fco)) !important;
}
.d-fc-chart-categorical-03-hover, .h\:d-fc-chart-categorical-03-hover:hover, .f\:d-fc-chart-categorical-03-hover:focus, .f\:d-fc-chart-categorical-03-hover:focus-within, .fv\:d-fc-chart-categorical-03-hover:focus-visible {
  --fco: var(--dt-color-chart-categorical-03-hover-a);
  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(--fco)) !important;
}
.d-fc-chart-categorical-03-selected, .h\:d-fc-chart-categorical-03-selected:hover, .f\:d-fc-chart-categorical-03-selected:focus, .f\:d-fc-chart-categorical-03-selected:focus-within, .fv\:d-fc-chart-categorical-03-selected:focus-visible {
  --fco: var(--dt-color-chart-categorical-03-selected-a);
  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(--fco)) !important;
}
.d-fc-chart-categorical-04, .h\:d-fc-chart-categorical-04:hover, .f\:d-fc-chart-categorical-04:focus, .f\:d-fc-chart-categorical-04:focus-within, .fv\:d-fc-chart-categorical-04:focus-visible {
  --fco: var(--dt-color-chart-categorical-04-a);
  color: hsl(var(--dt-color-chart-categorical-04-h) var(--dt-color-chart-categorical-04-s) var(--dt-color-chart-categorical-04-l) / var(--fco)) !important;
}
.d-fc-chart-categorical-04-hover, .h\:d-fc-chart-categorical-04-hover:hover, .f\:d-fc-chart-categorical-04-hover:focus, .f\:d-fc-chart-categorical-04-hover:focus-within, .fv\:d-fc-chart-categorical-04-hover:focus-visible {
  --fco: var(--dt-color-chart-categorical-04-hover-a);
  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(--fco)) !important;
}
.d-fc-chart-categorical-04-selected, .h\:d-fc-chart-categorical-04-selected:hover, .f\:d-fc-chart-categorical-04-selected:focus, .f\:d-fc-chart-categorical-04-selected:focus-within, .fv\:d-fc-chart-categorical-04-selected:focus-visible {
  --fco: var(--dt-color-chart-categorical-04-selected-a);
  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(--fco)) !important;
}
.d-fc-chart-categorical-05, .h\:d-fc-chart-categorical-05:hover, .f\:d-fc-chart-categorical-05:focus, .f\:d-fc-chart-categorical-05:focus-within, .fv\:d-fc-chart-categorical-05:focus-visible {
  --fco: var(--dt-color-chart-categorical-05-a);
  color: hsl(var(--dt-color-chart-categorical-05-h) var(--dt-color-chart-categorical-05-s) var(--dt-color-chart-categorical-05-l) / var(--fco)) !important;
}
.d-fc-chart-categorical-05-hover, .h\:d-fc-chart-categorical-05-hover:hover, .f\:d-fc-chart-categorical-05-hover:focus, .f\:d-fc-chart-categorical-05-hover:focus-within, .fv\:d-fc-chart-categorical-05-hover:focus-visible {
  --fco: var(--dt-color-chart-categorical-05-hover-a);
  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(--fco)) !important;
}
.d-fc-chart-categorical-05-selected, .h\:d-fc-chart-categorical-05-selected:hover, .f\:d-fc-chart-categorical-05-selected:focus, .f\:d-fc-chart-categorical-05-selected:focus-within, .fv\:d-fc-chart-categorical-05-selected:focus-visible {
  --fco: var(--dt-color-chart-categorical-05-selected-a);
  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(--fco)) !important;
}
.d-fc-chart-categorical-06, .h\:d-fc-chart-categorical-06:hover, .f\:d-fc-chart-categorical-06:focus, .f\:d-fc-chart-categorical-06:focus-within, .fv\:d-fc-chart-categorical-06:focus-visible {
  --fco: var(--dt-color-chart-categorical-06-a);
  color: hsl(var(--dt-color-chart-categorical-06-h) var(--dt-color-chart-categorical-06-s) var(--dt-color-chart-categorical-06-l) / var(--fco)) !important;
}
.d-fc-chart-categorical-06-hover, .h\:d-fc-chart-categorical-06-hover:hover, .f\:d-fc-chart-categorical-06-hover:focus, .f\:d-fc-chart-categorical-06-hover:focus-within, .fv\:d-fc-chart-categorical-06-hover:focus-visible {
  --fco: var(--dt-color-chart-categorical-06-hover-a);
  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(--fco)) !important;
}
.d-fc-chart-categorical-06-selected, .h\:d-fc-chart-categorical-06-selected:hover, .f\:d-fc-chart-categorical-06-selected:focus, .f\:d-fc-chart-categorical-06-selected:focus-within, .fv\:d-fc-chart-categorical-06-selected:focus-visible {
  --fco: var(--dt-color-chart-categorical-06-selected-a);
  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(--fco)) !important;
}
.d-fc-chart-categorical-07, .h\:d-fc-chart-categorical-07:hover, .f\:d-fc-chart-categorical-07:focus, .f\:d-fc-chart-categorical-07:focus-within, .fv\:d-fc-chart-categorical-07:focus-visible {
  --fco: var(--dt-color-chart-categorical-07-a);
  color: hsl(var(--dt-color-chart-categorical-07-h) var(--dt-color-chart-categorical-07-s) var(--dt-color-chart-categorical-07-l) / var(--fco)) !important;
}
.d-fc-chart-categorical-07-hover, .h\:d-fc-chart-categorical-07-hover:hover, .f\:d-fc-chart-categorical-07-hover:focus, .f\:d-fc-chart-categorical-07-hover:focus-within, .fv\:d-fc-chart-categorical-07-hover:focus-visible {
  --fco: var(--dt-color-chart-categorical-07-hover-a);
  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(--fco)) !important;
}
.d-fc-chart-categorical-07-selected, .h\:d-fc-chart-categorical-07-selected:hover, .f\:d-fc-chart-categorical-07-selected:focus, .f\:d-fc-chart-categorical-07-selected:focus-within, .fv\:d-fc-chart-categorical-07-selected:focus-visible {
  --fco: var(--dt-color-chart-categorical-07-selected-a);
  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(--fco)) !important;
}
.d-fc-chart-categorical-08, .h\:d-fc-chart-categorical-08:hover, .f\:d-fc-chart-categorical-08:focus, .f\:d-fc-chart-categorical-08:focus-within, .fv\:d-fc-chart-categorical-08:focus-visible {
  --fco: var(--dt-color-chart-categorical-08-a);
  color: hsl(var(--dt-color-chart-categorical-08-h) var(--dt-color-chart-categorical-08-s) var(--dt-color-chart-categorical-08-l) / var(--fco)) !important;
}
.d-fc-chart-categorical-08-hover, .h\:d-fc-chart-categorical-08-hover:hover, .f\:d-fc-chart-categorical-08-hover:focus, .f\:d-fc-chart-categorical-08-hover:focus-within, .fv\:d-fc-chart-categorical-08-hover:focus-visible {
  --fco: var(--dt-color-chart-categorical-08-hover-a);
  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(--fco)) !important;
}
.d-fc-chart-categorical-08-selected, .h\:d-fc-chart-categorical-08-selected:hover, .f\:d-fc-chart-categorical-08-selected:focus, .f\:d-fc-chart-categorical-08-selected:focus-within, .fv\:d-fc-chart-categorical-08-selected:focus-visible {
  --fco: var(--dt-color-chart-categorical-08-selected-a);
  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(--fco)) !important;
}
.d-fc-chart-categorical-09, .h\:d-fc-chart-categorical-09:hover, .f\:d-fc-chart-categorical-09:focus, .f\:d-fc-chart-categorical-09:focus-within, .fv\:d-fc-chart-categorical-09:focus-visible {
  --fco: var(--dt-color-chart-categorical-09-a);
  color: hsl(var(--dt-color-chart-categorical-09-h) var(--dt-color-chart-categorical-09-s) var(--dt-color-chart-categorical-09-l) / var(--fco)) !important;
}
.d-fc-chart-categorical-09-hover, .h\:d-fc-chart-categorical-09-hover:hover, .f\:d-fc-chart-categorical-09-hover:focus, .f\:d-fc-chart-categorical-09-hover:focus-within, .fv\:d-fc-chart-categorical-09-hover:focus-visible {
  --fco: var(--dt-color-chart-categorical-09-hover-a);
  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(--fco)) !important;
}
.d-fc-chart-categorical-09-selected, .h\:d-fc-chart-categorical-09-selected:hover, .f\:d-fc-chart-categorical-09-selected:focus, .f\:d-fc-chart-categorical-09-selected:focus-within, .fv\:d-fc-chart-categorical-09-selected:focus-visible {
  --fco: var(--dt-color-chart-categorical-09-selected-a);
  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(--fco)) !important;
}
.d-fc-chart-neutral, .h\:d-fc-chart-neutral:hover, .f\:d-fc-chart-neutral:focus, .f\:d-fc-chart-neutral:focus-within, .fv\:d-fc-chart-neutral:focus-visible {
  --fco: var(--dt-color-chart-neutral-a);
  color: hsl(var(--dt-color-chart-neutral-h) var(--dt-color-chart-neutral-s) var(--dt-color-chart-neutral-l) / var(--fco)) !important;
}
.d-fc-chart-neutral-hover, .h\:d-fc-chart-neutral-hover:hover, .f\:d-fc-chart-neutral-hover:focus, .f\:d-fc-chart-neutral-hover:focus-within, .fv\:d-fc-chart-neutral-hover:focus-visible {
  --fco: var(--dt-color-chart-neutral-hover-a);
  color: hsl(var(--dt-color-chart-neutral-hover-h) var(--dt-color-chart-neutral-hover-s) var(--dt-color-chart-neutral-hover-l) / var(--fco)) !important;
}
.d-fc-chart-neutral-selected, .h\:d-fc-chart-neutral-selected:hover, .f\:d-fc-chart-neutral-selected:focus, .f\:d-fc-chart-neutral-selected:focus-within, .fv\:d-fc-chart-neutral-selected:focus-visible {
  --fco: var(--dt-color-chart-neutral-selected-a);
  color: hsl(var(--dt-color-chart-neutral-selected-h) var(--dt-color-chart-neutral-selected-s) var(--dt-color-chart-neutral-selected-l) / var(--fco)) !important;
}
.d-fc-chart-accent, .h\:d-fc-chart-accent:hover, .f\:d-fc-chart-accent:focus, .f\:d-fc-chart-accent:focus-within, .fv\:d-fc-chart-accent:focus-visible {
  --fco: var(--dt-color-chart-accent-a);
  color: hsl(var(--dt-color-chart-accent-h) var(--dt-color-chart-accent-s) var(--dt-color-chart-accent-l) / var(--fco)) !important;
}
.d-fc-chart-accent-hover, .h\:d-fc-chart-accent-hover:hover, .f\:d-fc-chart-accent-hover:focus, .f\:d-fc-chart-accent-hover:focus-within, .fv\:d-fc-chart-accent-hover:focus-visible {
  --fco: var(--dt-color-chart-accent-hover-a);
  color: hsl(var(--dt-color-chart-accent-hover-h) var(--dt-color-chart-accent-hover-s) var(--dt-color-chart-accent-hover-l) / var(--fco)) !important;
}
.d-fc-chart-accent-selected, .h\:d-fc-chart-accent-selected:hover, .f\:d-fc-chart-accent-selected:focus, .f\:d-fc-chart-accent-selected:focus-within, .fv\:d-fc-chart-accent-selected:focus-visible {
  --fco: var(--dt-color-chart-accent-selected-a);
  color: hsl(var(--dt-color-chart-accent-selected-h) var(--dt-color-chart-accent-selected-s) var(--dt-color-chart-accent-selected-l) / var(--fco)) !important;
}
.d-fc-chart-positive, .h\:d-fc-chart-positive:hover, .f\:d-fc-chart-positive:focus, .f\:d-fc-chart-positive:focus-within, .fv\:d-fc-chart-positive:focus-visible {
  --fco: var(--dt-color-chart-positive-a);
  color: hsl(var(--dt-color-chart-positive-h) var(--dt-color-chart-positive-s) var(--dt-color-chart-positive-l) / var(--fco)) !important;
}
.d-fc-chart-positive-hover, .h\:d-fc-chart-positive-hover:hover, .f\:d-fc-chart-positive-hover:focus, .f\:d-fc-chart-positive-hover:focus-within, .fv\:d-fc-chart-positive-hover:focus-visible {
  --fco: var(--dt-color-chart-positive-hover-a);
  color: hsl(var(--dt-color-chart-positive-hover-h) var(--dt-color-chart-positive-hover-s) var(--dt-color-chart-positive-hover-l) / var(--fco)) !important;
}
.d-fc-chart-positive-selected, .h\:d-fc-chart-positive-selected:hover, .f\:d-fc-chart-positive-selected:focus, .f\:d-fc-chart-positive-selected:focus-within, .fv\:d-fc-chart-positive-selected:focus-visible {
  --fco: var(--dt-color-chart-positive-selected-a);
  color: hsl(var(--dt-color-chart-positive-selected-h) var(--dt-color-chart-positive-selected-s) var(--dt-color-chart-positive-selected-l) / var(--fco)) !important;
}
.d-fc-chart-critical, .h\:d-fc-chart-critical:hover, .f\:d-fc-chart-critical:focus, .f\:d-fc-chart-critical:focus-within, .fv\:d-fc-chart-critical:focus-visible {
  --fco: var(--dt-color-chart-critical-a);
  color: hsl(var(--dt-color-chart-critical-h) var(--dt-color-chart-critical-s) var(--dt-color-chart-critical-l) / var(--fco)) !important;
}
.d-fc-chart-critical-hover, .h\:d-fc-chart-critical-hover:hover, .f\:d-fc-chart-critical-hover:focus, .f\:d-fc-chart-critical-hover:focus-within, .fv\:d-fc-chart-critical-hover:focus-visible {
  --fco: var(--dt-color-chart-critical-hover-a);
  color: hsl(var(--dt-color-chart-critical-hover-h) var(--dt-color-chart-critical-hover-s) var(--dt-color-chart-critical-hover-l) / var(--fco)) !important;
}
.d-fc-chart-critical-selected, .h\:d-fc-chart-critical-selected:hover, .f\:d-fc-chart-critical-selected:focus, .f\:d-fc-chart-critical-selected:focus-within, .fv\:d-fc-chart-critical-selected:focus-visible {
  --fco: var(--dt-color-chart-critical-selected-a);
  color: hsl(var(--dt-color-chart-critical-selected-h) var(--dt-color-chart-critical-selected-s) var(--dt-color-chart-critical-selected-l) / var(--fco)) !important;
}
.d-fc-chart-warning, .h\:d-fc-chart-warning:hover, .f\:d-fc-chart-warning:focus, .f\:d-fc-chart-warning:focus-within, .fv\:d-fc-chart-warning:focus-visible {
  --fco: var(--dt-color-chart-warning-a);
  color: hsl(var(--dt-color-chart-warning-h) var(--dt-color-chart-warning-s) var(--dt-color-chart-warning-l) / var(--fco)) !important;
}
.d-fc-chart-warning-hover, .h\:d-fc-chart-warning-hover:hover, .f\:d-fc-chart-warning-hover:focus, .f\:d-fc-chart-warning-hover:focus-within, .fv\:d-fc-chart-warning-hover:focus-visible {
  --fco: var(--dt-color-chart-warning-hover-a);
  color: hsl(var(--dt-color-chart-warning-hover-h) var(--dt-color-chart-warning-hover-s) var(--dt-color-chart-warning-hover-l) / var(--fco)) !important;
}
.d-fc-chart-warning-selected, .h\:d-fc-chart-warning-selected:hover, .f\:d-fc-chart-warning-selected:focus, .f\:d-fc-chart-warning-selected:focus-within, .fv\:d-fc-chart-warning-selected:focus-visible {
  --fco: var(--dt-color-chart-warning-selected-a);
  color: hsl(var(--dt-color-chart-warning-selected-h) var(--dt-color-chart-warning-selected-s) var(--dt-color-chart-warning-selected-l) / var(--fco)) !important;
}
.d-fc-chart-info, .h\:d-fc-chart-info:hover, .f\:d-fc-chart-info:focus, .f\:d-fc-chart-info:focus-within, .fv\:d-fc-chart-info:focus-visible {
  --fco: var(--dt-color-chart-info-a);
  color: hsl(var(--dt-color-chart-info-h) var(--dt-color-chart-info-s) var(--dt-color-chart-info-l) / var(--fco)) !important;
}
.d-fc-chart-info-hover, .h\:d-fc-chart-info-hover:hover, .f\:d-fc-chart-info-hover:focus, .f\:d-fc-chart-info-hover:focus-within, .fv\:d-fc-chart-info-hover:focus-visible {
  --fco: var(--dt-color-chart-info-hover-a);
  color: hsl(var(--dt-color-chart-info-hover-h) var(--dt-color-chart-info-hover-s) var(--dt-color-chart-info-hover-l) / var(--fco)) !important;
}
.d-fc-chart-info-selected, .h\:d-fc-chart-info-selected:hover, .f\:d-fc-chart-info-selected:focus, .f\:d-fc-chart-info-selected:focus-within, .fv\:d-fc-chart-info-selected:focus-visible {
  --fco: var(--dt-color-chart-info-selected-a);
  color: hsl(var(--dt-color-chart-info-selected-h) var(--dt-color-chart-info-selected-s) var(--dt-color-chart-info-selected-l) / var(--fco)) !important;
}
.d-fc-chart-brand, .h\:d-fc-chart-brand:hover, .f\:d-fc-chart-brand:focus, .f\:d-fc-chart-brand:focus-within, .fv\:d-fc-chart-brand:focus-visible {
  --fco: var(--dt-color-chart-brand-a);
  color: hsl(var(--dt-color-chart-brand-h) var(--dt-color-chart-brand-s) var(--dt-color-chart-brand-l) / var(--fco)) !important;
}
.d-fc-chart-brand-hover, .h\:d-fc-chart-brand-hover:hover, .f\:d-fc-chart-brand-hover:focus, .f\:d-fc-chart-brand-hover:focus-within, .fv\:d-fc-chart-brand-hover:focus-visible {
  --fco: var(--dt-color-chart-brand-hover-a);
  color: hsl(var(--dt-color-chart-brand-hover-h) var(--dt-color-chart-brand-hover-s) var(--dt-color-chart-brand-hover-l) / var(--fco)) !important;
}
.d-fc-chart-brand-selected, .h\:d-fc-chart-brand-selected:hover, .f\:d-fc-chart-brand-selected:focus, .f\:d-fc-chart-brand-selected:focus-within, .fv\:d-fc-chart-brand-selected:focus-visible {
  --fco: var(--dt-color-chart-brand-selected-a);
  color: hsl(var(--dt-color-chart-brand-selected-h) var(--dt-color-chart-brand-selected-s) var(--dt-color-chart-brand-selected-l) / var(--fco)) !important;
}
.d-fc-chart-sequential-10, .h\:d-fc-chart-sequential-10:hover, .f\:d-fc-chart-sequential-10:focus, .f\:d-fc-chart-sequential-10:focus-within, .fv\:d-fc-chart-sequential-10:focus-visible {
  --fco: var(--dt-color-chart-sequential-10-a);
  color: hsl(var(--dt-color-chart-sequential-10-h) var(--dt-color-chart-sequential-10-s) var(--dt-color-chart-sequential-10-l) / var(--fco)) !important;
}
.d-fc-chart-sequential-01, .h\:d-fc-chart-sequential-01:hover, .f\:d-fc-chart-sequential-01:focus, .f\:d-fc-chart-sequential-01:focus-within, .fv\:d-fc-chart-sequential-01:focus-visible {
  --fco: var(--dt-color-chart-sequential-01-a);
  color: hsl(var(--dt-color-chart-sequential-01-h) var(--dt-color-chart-sequential-01-s) var(--dt-color-chart-sequential-01-l) / var(--fco)) !important;
}
.d-fc-chart-sequential-01-hover, .h\:d-fc-chart-sequential-01-hover:hover, .f\:d-fc-chart-sequential-01-hover:focus, .f\:d-fc-chart-sequential-01-hover:focus-within, .fv\:d-fc-chart-sequential-01-hover:focus-visible {
  --fco: var(--dt-color-chart-sequential-01-hover-a);
  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(--fco)) !important;
}
.d-fc-chart-sequential-01-selected, .h\:d-fc-chart-sequential-01-selected:hover, .f\:d-fc-chart-sequential-01-selected:focus, .f\:d-fc-chart-sequential-01-selected:focus-within, .fv\:d-fc-chart-sequential-01-selected:focus-visible {
  --fco: var(--dt-color-chart-sequential-01-selected-a);
  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(--fco)) !important;
}
.d-fc-chart-sequential-02, .h\:d-fc-chart-sequential-02:hover, .f\:d-fc-chart-sequential-02:focus, .f\:d-fc-chart-sequential-02:focus-within, .fv\:d-fc-chart-sequential-02:focus-visible {
  --fco: var(--dt-color-chart-sequential-02-a);
  color: hsl(var(--dt-color-chart-sequential-02-h) var(--dt-color-chart-sequential-02-s) var(--dt-color-chart-sequential-02-l) / var(--fco)) !important;
}
.d-fc-chart-sequential-02-hover, .h\:d-fc-chart-sequential-02-hover:hover, .f\:d-fc-chart-sequential-02-hover:focus, .f\:d-fc-chart-sequential-02-hover:focus-within, .fv\:d-fc-chart-sequential-02-hover:focus-visible {
  --fco: var(--dt-color-chart-sequential-02-hover-a);
  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(--fco)) !important;
}
.d-fc-chart-sequential-02-selected, .h\:d-fc-chart-sequential-02-selected:hover, .f\:d-fc-chart-sequential-02-selected:focus, .f\:d-fc-chart-sequential-02-selected:focus-within, .fv\:d-fc-chart-sequential-02-selected:focus-visible {
  --fco: var(--dt-color-chart-sequential-02-selected-a);
  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(--fco)) !important;
}
.d-fc-chart-sequential-03, .h\:d-fc-chart-sequential-03:hover, .f\:d-fc-chart-sequential-03:focus, .f\:d-fc-chart-sequential-03:focus-within, .fv\:d-fc-chart-sequential-03:focus-visible {
  --fco: var(--dt-color-chart-sequential-03-a);
  color: hsl(var(--dt-color-chart-sequential-03-h) var(--dt-color-chart-sequential-03-s) var(--dt-color-chart-sequential-03-l) / var(--fco)) !important;
}
.d-fc-chart-sequential-03-hover, .h\:d-fc-chart-sequential-03-hover:hover, .f\:d-fc-chart-sequential-03-hover:focus, .f\:d-fc-chart-sequential-03-hover:focus-within, .fv\:d-fc-chart-sequential-03-hover:focus-visible {
  --fco: var(--dt-color-chart-sequential-03-hover-a);
  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(--fco)) !important;
}
.d-fc-chart-sequential-03-selected, .h\:d-fc-chart-sequential-03-selected:hover, .f\:d-fc-chart-sequential-03-selected:focus, .f\:d-fc-chart-sequential-03-selected:focus-within, .fv\:d-fc-chart-sequential-03-selected:focus-visible {
  --fco: var(--dt-color-chart-sequential-03-selected-a);
  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(--fco)) !important;
}
.d-fc-chart-sequential-04, .h\:d-fc-chart-sequential-04:hover, .f\:d-fc-chart-sequential-04:focus, .f\:d-fc-chart-sequential-04:focus-within, .fv\:d-fc-chart-sequential-04:focus-visible {
  --fco: var(--dt-color-chart-sequential-04-a);
  color: hsl(var(--dt-color-chart-sequential-04-h) var(--dt-color-chart-sequential-04-s) var(--dt-color-chart-sequential-04-l) / var(--fco)) !important;
}
.d-fc-chart-sequential-04-hover, .h\:d-fc-chart-sequential-04-hover:hover, .f\:d-fc-chart-sequential-04-hover:focus, .f\:d-fc-chart-sequential-04-hover:focus-within, .fv\:d-fc-chart-sequential-04-hover:focus-visible {
  --fco: var(--dt-color-chart-sequential-04-hover-a);
  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(--fco)) !important;
}
.d-fc-chart-sequential-04-selected, .h\:d-fc-chart-sequential-04-selected:hover, .f\:d-fc-chart-sequential-04-selected:focus, .f\:d-fc-chart-sequential-04-selected:focus-within, .fv\:d-fc-chart-sequential-04-selected:focus-visible {
  --fco: var(--dt-color-chart-sequential-04-selected-a);
  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(--fco)) !important;
}
.d-fc-chart-sequential-05, .h\:d-fc-chart-sequential-05:hover, .f\:d-fc-chart-sequential-05:focus, .f\:d-fc-chart-sequential-05:focus-within, .fv\:d-fc-chart-sequential-05:focus-visible {
  --fco: var(--dt-color-chart-sequential-05-a);
  color: hsl(var(--dt-color-chart-sequential-05-h) var(--dt-color-chart-sequential-05-s) var(--dt-color-chart-sequential-05-l) / var(--fco)) !important;
}
.d-fc-chart-sequential-05-hover, .h\:d-fc-chart-sequential-05-hover:hover, .f\:d-fc-chart-sequential-05-hover:focus, .f\:d-fc-chart-sequential-05-hover:focus-within, .fv\:d-fc-chart-sequential-05-hover:focus-visible {
  --fco: var(--dt-color-chart-sequential-05-hover-a);
  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(--fco)) !important;
}
.d-fc-chart-sequential-05-selected, .h\:d-fc-chart-sequential-05-selected:hover, .f\:d-fc-chart-sequential-05-selected:focus, .f\:d-fc-chart-sequential-05-selected:focus-within, .fv\:d-fc-chart-sequential-05-selected:focus-visible {
  --fco: var(--dt-color-chart-sequential-05-selected-a);
  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(--fco)) !important;
}
.d-fc-chart-sequential-06, .h\:d-fc-chart-sequential-06:hover, .f\:d-fc-chart-sequential-06:focus, .f\:d-fc-chart-sequential-06:focus-within, .fv\:d-fc-chart-sequential-06:focus-visible {
  --fco: var(--dt-color-chart-sequential-06-a);
  color: hsl(var(--dt-color-chart-sequential-06-h) var(--dt-color-chart-sequential-06-s) var(--dt-color-chart-sequential-06-l) / var(--fco)) !important;
}
.d-fc-chart-sequential-06-hover, .h\:d-fc-chart-sequential-06-hover:hover, .f\:d-fc-chart-sequential-06-hover:focus, .f\:d-fc-chart-sequential-06-hover:focus-within, .fv\:d-fc-chart-sequential-06-hover:focus-visible {
  --fco: var(--dt-color-chart-sequential-06-hover-a);
  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(--fco)) !important;
}
.d-fc-chart-sequential-06-selected, .h\:d-fc-chart-sequential-06-selected:hover, .f\:d-fc-chart-sequential-06-selected:focus, .f\:d-fc-chart-sequential-06-selected:focus-within, .fv\:d-fc-chart-sequential-06-selected:focus-visible {
  --fco: var(--dt-color-chart-sequential-06-selected-a);
  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(--fco)) !important;
}
.d-fc-chart-sequential-07, .h\:d-fc-chart-sequential-07:hover, .f\:d-fc-chart-sequential-07:focus, .f\:d-fc-chart-sequential-07:focus-within, .fv\:d-fc-chart-sequential-07:focus-visible {
  --fco: var(--dt-color-chart-sequential-07-a);
  color: hsl(var(--dt-color-chart-sequential-07-h) var(--dt-color-chart-sequential-07-s) var(--dt-color-chart-sequential-07-l) / var(--fco)) !important;
}
.d-fc-chart-sequential-07-hover, .h\:d-fc-chart-sequential-07-hover:hover, .f\:d-fc-chart-sequential-07-hover:focus, .f\:d-fc-chart-sequential-07-hover:focus-within, .fv\:d-fc-chart-sequential-07-hover:focus-visible {
  --fco: var(--dt-color-chart-sequential-07-hover-a);
  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(--fco)) !important;
}
.d-fc-chart-sequential-07-selected, .h\:d-fc-chart-sequential-07-selected:hover, .f\:d-fc-chart-sequential-07-selected:focus, .f\:d-fc-chart-sequential-07-selected:focus-within, .fv\:d-fc-chart-sequential-07-selected:focus-visible {
  --fco: var(--dt-color-chart-sequential-07-selected-a);
  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(--fco)) !important;
}
.d-fc-chart-sequential-08, .h\:d-fc-chart-sequential-08:hover, .f\:d-fc-chart-sequential-08:focus, .f\:d-fc-chart-sequential-08:focus-within, .fv\:d-fc-chart-sequential-08:focus-visible {
  --fco: var(--dt-color-chart-sequential-08-a);
  color: hsl(var(--dt-color-chart-sequential-08-h) var(--dt-color-chart-sequential-08-s) var(--dt-color-chart-sequential-08-l) / var(--fco)) !important;
}
.d-fc-chart-sequential-08-hover, .h\:d-fc-chart-sequential-08-hover:hover, .f\:d-fc-chart-sequential-08-hover:focus, .f\:d-fc-chart-sequential-08-hover:focus-within, .fv\:d-fc-chart-sequential-08-hover:focus-visible {
  --fco: var(--dt-color-chart-sequential-08-hover-a);
  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(--fco)) !important;
}
.d-fc-chart-sequential-08-selected, .h\:d-fc-chart-sequential-08-selected:hover, .f\:d-fc-chart-sequential-08-selected:focus, .f\:d-fc-chart-sequential-08-selected:focus-within, .fv\:d-fc-chart-sequential-08-selected:focus-visible {
  --fco: var(--dt-color-chart-sequential-08-selected-a);
  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(--fco)) !important;
}
.d-fc-chart-sequential-09, .h\:d-fc-chart-sequential-09:hover, .f\:d-fc-chart-sequential-09:focus, .f\:d-fc-chart-sequential-09:focus-within, .fv\:d-fc-chart-sequential-09:focus-visible {
  --fco: var(--dt-color-chart-sequential-09-a);
  color: hsl(var(--dt-color-chart-sequential-09-h) var(--dt-color-chart-sequential-09-s) var(--dt-color-chart-sequential-09-l) / var(--fco)) !important;
}
.d-fc-chart-sequential-09-hover, .h\:d-fc-chart-sequential-09-hover:hover, .f\:d-fc-chart-sequential-09-hover:focus, .f\:d-fc-chart-sequential-09-hover:focus-within, .fv\:d-fc-chart-sequential-09-hover:focus-visible {
  --fco: var(--dt-color-chart-sequential-09-hover-a);
  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(--fco)) !important;
}
.d-fc-chart-sequential-09-selected, .h\:d-fc-chart-sequential-09-selected:hover, .f\:d-fc-chart-sequential-09-selected:focus, .f\:d-fc-chart-sequential-09-selected:focus-within, .fv\:d-fc-chart-sequential-09-selected:focus-visible {
  --fco: var(--dt-color-chart-sequential-09-selected-a);
  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(--fco)) !important;
}
.d-fc-chart-sequential-10-hover, .h\:d-fc-chart-sequential-10-hover:hover, .f\:d-fc-chart-sequential-10-hover:focus, .f\:d-fc-chart-sequential-10-hover:focus-within, .fv\:d-fc-chart-sequential-10-hover:focus-visible {
  --fco: var(--dt-color-chart-sequential-10-hover-a);
  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(--fco)) !important;
}
.d-fc-chart-sequential-10-selected, .h\:d-fc-chart-sequential-10-selected:hover, .f\:d-fc-chart-sequential-10-selected:focus, .f\:d-fc-chart-sequential-10-selected:focus-within, .fv\:d-fc-chart-sequential-10-selected:focus-visible {
  --fco: var(--dt-color-chart-sequential-10-selected-a);
  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(--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-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-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-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-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, .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-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-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-brand, .h\:d-bc-chart-brand:hover, .f\:d-bc-chart-brand:focus, .f\:d-bc-chart-brand:focus-within, .fv\:d-bc-chart-brand:focus-visible {
  --bco: var(--dt-color-chart-brand-a);
  border-color: hsl(var(--dt-color-chart-brand-h) var(--dt-color-chart-brand-s) var(--dt-color-chart-brand-l) / var(--bco)) !important;
}
.d-bc-chart-brand-hover, .h\:d-bc-chart-brand-hover:hover, .f\:d-bc-chart-brand-hover:focus, .f\:d-bc-chart-brand-hover:focus-within, .fv\:d-bc-chart-brand-hover:focus-visible {
  --bco: var(--dt-color-chart-brand-hover-a);
  border-color: hsl(var(--dt-color-chart-brand-hover-h) var(--dt-color-chart-brand-hover-s) var(--dt-color-chart-brand-hover-l) / var(--bco)) !important;
}
.d-bc-chart-brand-selected, .h\:d-bc-chart-brand-selected:hover, .f\:d-bc-chart-brand-selected:focus, .f\:d-bc-chart-brand-selected:focus-within, .fv\:d-bc-chart-brand-selected:focus-visible {
  --bco: var(--dt-color-chart-brand-selected-a);
  border-color: hsl(var(--dt-color-chart-brand-selected-h) var(--dt-color-chart-brand-selected-s) var(--dt-color-chart-brand-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-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-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-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-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-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-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, .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-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-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-brand, .h\:d-bgc-chart-brand:hover, .f\:d-bgc-chart-brand:focus, .f\:d-bgc-chart-brand:focus-within, .fv\:d-bgc-chart-brand:focus-visible {
  --bgo: var(--dt-color-chart-brand-a);
  background-color: hsl(var(--dt-color-chart-brand-h) var(--dt-color-chart-brand-s) var(--dt-color-chart-brand-l) / var(--bgo)) !important;
}
.d-bgc-chart-brand-hover, .h\:d-bgc-chart-brand-hover:hover, .f\:d-bgc-chart-brand-hover:focus, .f\:d-bgc-chart-brand-hover:focus-within, .fv\:d-bgc-chart-brand-hover:focus-visible {
  --bgo: var(--dt-color-chart-brand-hover-a);
  background-color: hsl(var(--dt-color-chart-brand-hover-h) var(--dt-color-chart-brand-hover-s) var(--dt-color-chart-brand-hover-l) / var(--bgo)) !important;
}
.d-bgc-chart-brand-selected, .h\:d-bgc-chart-brand-selected:hover, .f\:d-bgc-chart-brand-selected:focus, .f\:d-bgc-chart-brand-selected:focus-within, .fv\:d-bgc-chart-brand-selected:focus-visible {
  --bgo: var(--dt-color-chart-brand-selected-a);
  background-color: hsl(var(--dt-color-chart-brand-selected-h) var(--dt-color-chart-brand-selected-s) var(--dt-color-chart-brand-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-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-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-chart-categorical-10 > * + * {
  --dco: 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(--dco)) !important;
}
.d-divide-chart-categorical-10-hover > * + * {
  --dco: 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(--dco)) !important;
}
.d-divide-chart-categorical-10-selected > * + * {
  --dco: 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(--dco)) !important;
}
.d-divide-chart-categorical-01 > * + * {
  --dco: 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(--dco)) !important;
}
.d-divide-chart-categorical-01-hover > * + * {
  --dco: 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(--dco)) !important;
}
.d-divide-chart-categorical-01-selected > * + * {
  --dco: 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(--dco)) !important;
}
.d-divide-chart-categorical-02 > * + * {
  --dco: 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(--dco)) !important;
}
.d-divide-chart-categorical-02-hover > * + * {
  --dco: 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(--dco)) !important;
}
.d-divide-chart-categorical-02-selected > * + * {
  --dco: 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(--dco)) !important;
}
.d-divide-chart-categorical-03 > * + * {
  --dco: 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(--dco)) !important;
}
.d-divide-chart-categorical-03-hover > * + * {
  --dco: 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(--dco)) !important;
}
.d-divide-chart-categorical-03-selected > * + * {
  --dco: 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(--dco)) !important;
}
.d-divide-chart-categorical-04 > * + * {
  --dco: 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(--dco)) !important;
}
.d-divide-chart-categorical-04-hover > * + * {
  --dco: 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(--dco)) !important;
}
.d-divide-chart-categorical-04-selected > * + * {
  --dco: 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(--dco)) !important;
}
.d-divide-chart-categorical-05 > * + * {
  --dco: 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(--dco)) !important;
}
.d-divide-chart-categorical-05-hover > * + * {
  --dco: 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(--dco)) !important;
}
.d-divide-chart-categorical-05-selected > * + * {
  --dco: 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(--dco)) !important;
}
.d-divide-chart-categorical-06 > * + * {
  --dco: 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(--dco)) !important;
}
.d-divide-chart-categorical-06-hover > * + * {
  --dco: 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(--dco)) !important;
}
.d-divide-chart-categorical-06-selected > * + * {
  --dco: 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(--dco)) !important;
}
.d-divide-chart-categorical-07 > * + * {
  --dco: 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(--dco)) !important;
}
.d-divide-chart-categorical-07-hover > * + * {
  --dco: 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(--dco)) !important;
}
.d-divide-chart-categorical-07-selected > * + * {
  --dco: 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(--dco)) !important;
}
.d-divide-chart-categorical-08 > * + * {
  --dco: 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(--dco)) !important;
}
.d-divide-chart-categorical-08-hover > * + * {
  --dco: 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(--dco)) !important;
}
.d-divide-chart-categorical-08-selected > * + * {
  --dco: 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(--dco)) !important;
}
.d-divide-chart-categorical-09 > * + * {
  --dco: 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(--dco)) !important;
}
.d-divide-chart-categorical-09-hover > * + * {
  --dco: 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(--dco)) !important;
}
.d-divide-chart-categorical-09-selected > * + * {
  --dco: 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(--dco)) !important;
}
.d-divide-chart-neutral > * + * {
  --dco: 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(--dco)) !important;
}
.d-divide-chart-neutral-hover > * + * {
  --dco: 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(--dco)) !important;
}
.d-divide-chart-neutral-selected > * + * {
  --dco: 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(--dco)) !important;
}
.d-divide-chart-accent > * + * {
  --dco: 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(--dco)) !important;
}
.d-divide-chart-accent-hover > * + * {
  --dco: 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(--dco)) !important;
}
.d-divide-chart-accent-selected > * + * {
  --dco: 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(--dco)) !important;
}
.d-divide-chart-positive > * + * {
  --dco: 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(--dco)) !important;
}
.d-divide-chart-positive-hover > * + * {
  --dco: 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(--dco)) !important;
}
.d-divide-chart-positive-selected > * + * {
  --dco: 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(--dco)) !important;
}
.d-divide-chart-critical > * + * {
  --dco: 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(--dco)) !important;
}
.d-divide-chart-critical-hover > * + * {
  --dco: 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(--dco)) !important;
}
.d-divide-chart-critical-selected > * + * {
  --dco: 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(--dco)) !important;
}
.d-divide-chart-warning > * + * {
  --dco: 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(--dco)) !important;
}
.d-divide-chart-warning-hover > * + * {
  --dco: 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(--dco)) !important;
}
.d-divide-chart-warning-selected > * + * {
  --dco: 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(--dco)) !important;
}
.d-divide-chart-info > * + * {
  --dco: 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(--dco)) !important;
}
.d-divide-chart-info-hover > * + * {
  --dco: 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(--dco)) !important;
}
.d-divide-chart-info-selected > * + * {
  --dco: 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(--dco)) !important;
}
.d-divide-chart-brand > * + * {
  --dco: var(--dt-color-chart-brand-a);
  border-color: hsl(var(--dt-color-chart-brand-h) var(--dt-color-chart-brand-s) var(--dt-color-chart-brand-l) / var(--dco)) !important;
}
.d-divide-chart-brand-hover > * + * {
  --dco: var(--dt-color-chart-brand-hover-a);
  border-color: hsl(var(--dt-color-chart-brand-hover-h) var(--dt-color-chart-brand-hover-s) var(--dt-color-chart-brand-hover-l) / var(--dco)) !important;
}
.d-divide-chart-brand-selected > * + * {
  --dco: var(--dt-color-chart-brand-selected-a);
  border-color: hsl(var(--dt-color-chart-brand-selected-h) var(--dt-color-chart-brand-selected-s) var(--dt-color-chart-brand-selected-l) / var(--dco)) !important;
}
.d-divide-chart-sequential-10 > * + * {
  --dco: 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(--dco)) !important;
}
.d-divide-chart-sequential-01 > * + * {
  --dco: 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(--dco)) !important;
}
.d-divide-chart-sequential-01-hover > * + * {
  --dco: 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(--dco)) !important;
}
.d-divide-chart-sequential-01-selected > * + * {
  --dco: 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(--dco)) !important;
}
.d-divide-chart-sequential-02 > * + * {
  --dco: 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(--dco)) !important;
}
.d-divide-chart-sequential-02-hover > * + * {
  --dco: 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(--dco)) !important;
}
.d-divide-chart-sequential-02-selected > * + * {
  --dco: 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(--dco)) !important;
}
.d-divide-chart-sequential-03 > * + * {
  --dco: 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(--dco)) !important;
}
.d-divide-chart-sequential-03-hover > * + * {
  --dco: 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(--dco)) !important;
}
.d-divide-chart-sequential-03-selected > * + * {
  --dco: 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(--dco)) !important;
}
.d-divide-chart-sequential-04 > * + * {
  --dco: 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(--dco)) !important;
}
.d-divide-chart-sequential-04-hover > * + * {
  --dco: 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(--dco)) !important;
}
.d-divide-chart-sequential-04-selected > * + * {
  --dco: 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(--dco)) !important;
}
.d-divide-chart-sequential-05 > * + * {
  --dco: 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(--dco)) !important;
}
.d-divide-chart-sequential-05-hover > * + * {
  --dco: 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(--dco)) !important;
}
.d-divide-chart-sequential-05-selected > * + * {
  --dco: 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(--dco)) !important;
}
.d-divide-chart-sequential-06 > * + * {
  --dco: 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(--dco)) !important;
}
.d-divide-chart-sequential-06-hover > * + * {
  --dco: 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(--dco)) !important;
}
.d-divide-chart-sequential-06-selected > * + * {
  --dco: 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(--dco)) !important;
}
.d-divide-chart-sequential-07 > * + * {
  --dco: 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(--dco)) !important;
}
.d-divide-chart-sequential-07-hover > * + * {
  --dco: 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(--dco)) !important;
}
.d-divide-chart-sequential-07-selected > * + * {
  --dco: 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(--dco)) !important;
}
.d-divide-chart-sequential-08 > * + * {
  --dco: 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(--dco)) !important;
}
.d-divide-chart-sequential-08-hover > * + * {
  --dco: 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(--dco)) !important;
}
.d-divide-chart-sequential-08-selected > * + * {
  --dco: 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(--dco)) !important;
}
.d-divide-chart-sequential-09 > * + * {
  --dco: 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(--dco)) !important;
}
.d-divide-chart-sequential-09-hover > * + * {
  --dco: 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(--dco)) !important;
}
.d-divide-chart-sequential-09-selected > * + * {
  --dco: 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(--dco)) !important;
}
.d-divide-chart-sequential-10-hover > * + * {
  --dco: 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(--dco)) !important;
}
.d-divide-chart-sequential-10-selected > * + * {
  --dco: 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(--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-chart-categorical-10, .h\:d-bgg-from-chart-categorical-10:hover, .f\:d-bgg-from-chart-categorical-10:focus, .f\:d-bgg-from-chart-categorical-10:focus-within, .fv\:d-bgg-from-chart-categorical-10:focus-visible {
  --bgg-from-opacity: var(--dt-color-chart-categorical-10-a);
  --bgg-from: hsl(var(--dt-color-chart-categorical-10-h) var(--dt-color-chart-categorical-10-s) var(--dt-color-chart-categorical-10-l) / var(--bgg-from-opacity)) !important;
  --bgg-to: hsl(var(--dt-color-chart-categorical-10-h) var(--dt-color-chart-categorical-10-s) var(--dt-color-chart-categorical-10-l) / 0%) !important;
}
.d-bgg-from-chart-categorical-10-hover, .h\:d-bgg-from-chart-categorical-10-hover:hover, .f\:d-bgg-from-chart-categorical-10-hover:focus, .f\:d-bgg-from-chart-categorical-10-hover:focus-within, .fv\:d-bgg-from-chart-categorical-10-hover:focus-visible {
  --bgg-from-opacity: var(--dt-color-chart-categorical-10-hover-a);
  --bgg-from: 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(--bgg-from-opacity)) !important;
  --bgg-to: 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) / 0%) !important;
}
.d-bgg-from-chart-categorical-10-selected, .h\:d-bgg-from-chart-categorical-10-selected:hover, .f\:d-bgg-from-chart-categorical-10-selected:focus, .f\:d-bgg-from-chart-categorical-10-selected:focus-within, .fv\:d-bgg-from-chart-categorical-10-selected:focus-visible {
  --bgg-from-opacity: var(--dt-color-chart-categorical-10-selected-a);
  --bgg-from: 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(--bgg-from-opacity)) !important;
  --bgg-to: 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) / 0%) !important;
}
.d-bgg-from-chart-categorical-01, .h\:d-bgg-from-chart-categorical-01:hover, .f\:d-bgg-from-chart-categorical-01:focus, .f\:d-bgg-from-chart-categorical-01:focus-within, .fv\:d-bgg-from-chart-categorical-01:focus-visible {
  --bgg-from-opacity: var(--dt-color-chart-categorical-01-a);
  --bgg-from: hsl(var(--dt-color-chart-categorical-01-h) var(--dt-color-chart-categorical-01-s) var(--dt-color-chart-categorical-01-l) / var(--bgg-from-opacity)) !important;
  --bgg-to: hsl(var(--dt-color-chart-categorical-01-h) var(--dt-color-chart-categorical-01-s) var(--dt-color-chart-categorical-01-l) / 0%) !important;
}
.d-bgg-from-chart-categorical-01-hover, .h\:d-bgg-from-chart-categorical-01-hover:hover, .f\:d-bgg-from-chart-categorical-01-hover:focus, .f\:d-bgg-from-chart-categorical-01-hover:focus-within, .fv\:d-bgg-from-chart-categorical-01-hover:focus-visible {
  --bgg-from-opacity: var(--dt-color-chart-categorical-01-hover-a);
  --bgg-from: 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(--bgg-from-opacity)) !important;
  --bgg-to: 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) / 0%) !important;
}
.d-bgg-from-chart-categorical-01-selected, .h\:d-bgg-from-chart-categorical-01-selected:hover, .f\:d-bgg-from-chart-categorical-01-selected:focus, .f\:d-bgg-from-chart-categorical-01-selected:focus-within, .fv\:d-bgg-from-chart-categorical-01-selected:focus-visible {
  --bgg-from-opacity: var(--dt-color-chart-categorical-01-selected-a);
  --bgg-from: 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(--bgg-from-opacity)) !important;
  --bgg-to: 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) / 0%) !important;
}
.d-bgg-from-chart-categorical-02, .h\:d-bgg-from-chart-categorical-02:hover, .f\:d-bgg-from-chart-categorical-02:focus, .f\:d-bgg-from-chart-categorical-02:focus-within, .fv\:d-bgg-from-chart-categorical-02:focus-visible {
  --bgg-from-opacity: var(--dt-color-chart-categorical-02-a);
  --bgg-from: hsl(var(--dt-color-chart-categorical-02-h) var(--dt-color-chart-categorical-02-s) var(--dt-color-chart-categorical-02-l) / var(--bgg-from-opacity)) !important;
  --bgg-to: hsl(var(--dt-color-chart-categorical-02-h) var(--dt-color-chart-categorical-02-s) var(--dt-color-chart-categorical-02-l) / 0%) !important;
}
.d-bgg-from-chart-categorical-02-hover, .h\:d-bgg-from-chart-categorical-02-hover:hover, .f\:d-bgg-from-chart-categorical-02-hover:focus, .f\:d-bgg-from-chart-categorical-02-hover:focus-within, .fv\:d-bgg-from-chart-categorical-02-hover:focus-visible {
  --bgg-from-opacity: var(--dt-color-chart-categorical-02-hover-a);
  --bgg-from: 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(--bgg-from-opacity)) !important;
  --bgg-to: 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) / 0%) !important;
}
.d-bgg-from-chart-categorical-02-selected, .h\:d-bgg-from-chart-categorical-02-selected:hover, .f\:d-bgg-from-chart-categorical-02-selected:focus, .f\:d-bgg-from-chart-categorical-02-selected:focus-within, .fv\:d-bgg-from-chart-categorical-02-selected:focus-visible {
  --bgg-from-opacity: var(--dt-color-chart-categorical-02-selected-a);
  --bgg-from: 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(--bgg-from-opacity)) !important;
  --bgg-to: 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) / 0%) !important;
}
.d-bgg-from-chart-categorical-03, .h\:d-bgg-from-chart-categorical-03:hover, .f\:d-bgg-from-chart-categorical-03:focus, .f\:d-bgg-from-chart-categorical-03:focus-within, .fv\:d-bgg-from-chart-categorical-03:focus-visible {
  --bgg-from-opacity: var(--dt-color-chart-categorical-03-a);
  --bgg-from: hsl(var(--dt-color-chart-categorical-03-h) var(--dt-color-chart-categorical-03-s) var(--dt-color-chart-categorical-03-l) / var(--bgg-from-opacity)) !important;
  --bgg-to: hsl(var(--dt-color-chart-categorical-03-h) var(--dt-color-chart-categorical-03-s) var(--dt-color-chart-categorical-03-l) / 0%) !important;
}
.d-bgg-from-chart-categorical-03-hover, .h\:d-bgg-from-chart-categorical-03-hover:hover, .f\:d-bgg-from-chart-categorical-03-hover:focus, .f\:d-bgg-from-chart-categorical-03-hover:focus-within, .fv\:d-bgg-from-chart-categorical-03-hover:focus-visible {
  --bgg-from-opacity: var(--dt-color-chart-categorical-03-hover-a);
  --bgg-from: 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(--bgg-from-opacity)) !important;
  --bgg-to: 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) / 0%) !important;
}
.d-bgg-from-chart-categorical-03-selected, .h\:d-bgg-from-chart-categorical-03-selected:hover, .f\:d-bgg-from-chart-categorical-03-selected:focus, .f\:d-bgg-from-chart-categorical-03-selected:focus-within, .fv\:d-bgg-from-chart-categorical-03-selected:focus-visible {
  --bgg-from-opacity: var(--dt-color-chart-categorical-03-selected-a);
  --bgg-from: 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(--bgg-from-opacity)) !important;
  --bgg-to: 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) / 0%) !important;
}
.d-bgg-from-chart-categorical-04, .h\:d-bgg-from-chart-categorical-04:hover, .f\:d-bgg-from-chart-categorical-04:focus, .f\:d-bgg-from-chart-categorical-04:focus-within, .fv\:d-bgg-from-chart-categorical-04:focus-visible {
  --bgg-from-opacity: var(--dt-color-chart-categorical-04-a);
  --bgg-from: hsl(var(--dt-color-chart-categorical-04-h) var(--dt-color-chart-categorical-04-s) var(--dt-color-chart-categorical-04-l) / var(--bgg-from-opacity)) !important;
  --bgg-to: hsl(var(--dt-color-chart-categorical-04-h) var(--dt-color-chart-categorical-04-s) var(--dt-color-chart-categorical-04-l) / 0%) !important;
}
.d-bgg-from-chart-categorical-04-hover, .h\:d-bgg-from-chart-categorical-04-hover:hover, .f\:d-bgg-from-chart-categorical-04-hover:focus, .f\:d-bgg-from-chart-categorical-04-hover:focus-within, .fv\:d-bgg-from-chart-categorical-04-hover:focus-visible {
  --bgg-from-opacity: var(--dt-color-chart-categorical-04-hover-a);
  --bgg-from: 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(--bgg-from-opacity)) !important;
  --bgg-to: 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) / 0%) !important;
}
.d-bgg-from-chart-categorical-04-selected, .h\:d-bgg-from-chart-categorical-04-selected:hover, .f\:d-bgg-from-chart-categorical-04-selected:focus, .f\:d-bgg-from-chart-categorical-04-selected:focus-within, .fv\:d-bgg-from-chart-categorical-04-selected:focus-visible {
  --bgg-from-opacity: var(--dt-color-chart-categorical-04-selected-a);
  --bgg-from: 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(--bgg-from-opacity)) !important;
  --bgg-to: 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) / 0%) !important;
}
.d-bgg-from-chart-categorical-05, .h\:d-bgg-from-chart-categorical-05:hover, .f\:d-bgg-from-chart-categorical-05:focus, .f\:d-bgg-from-chart-categorical-05:focus-within, .fv\:d-bgg-from-chart-categorical-05:focus-visible {
  --bgg-from-opacity: var(--dt-color-chart-categorical-05-a);
  --bgg-from: hsl(var(--dt-color-chart-categorical-05-h) var(--dt-color-chart-categorical-05-s) var(--dt-color-chart-categorical-05-l) / var(--bgg-from-opacity)) !important;
  --bgg-to: hsl(var(--dt-color-chart-categorical-05-h) var(--dt-color-chart-categorical-05-s) var(--dt-color-chart-categorical-05-l) / 0%) !important;
}
.d-bgg-from-chart-categorical-05-hover, .h\:d-bgg-from-chart-categorical-05-hover:hover, .f\:d-bgg-from-chart-categorical-05-hover:focus, .f\:d-bgg-from-chart-categorical-05-hover:focus-within, .fv\:d-bgg-from-chart-categorical-05-hover:focus-visible {
  --bgg-from-opacity: var(--dt-color-chart-categorical-05-hover-a);
  --bgg-from: 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(--bgg-from-opacity)) !important;
  --bgg-to: 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) / 0%) !important;
}
.d-bgg-from-chart-categorical-05-selected, .h\:d-bgg-from-chart-categorical-05-selected:hover, .f\:d-bgg-from-chart-categorical-05-selected:focus, .f\:d-bgg-from-chart-categorical-05-selected:focus-within, .fv\:d-bgg-from-chart-categorical-05-selected:focus-visible {
  --bgg-from-opacity: var(--dt-color-chart-categorical-05-selected-a);
  --bgg-from: 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(--bgg-from-opacity)) !important;
  --bgg-to: 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) / 0%) !important;
}
.d-bgg-from-chart-categorical-06, .h\:d-bgg-from-chart-categorical-06:hover, .f\:d-bgg-from-chart-categorical-06:focus, .f\:d-bgg-from-chart-categorical-06:focus-within, .fv\:d-bgg-from-chart-categorical-06:focus-visible {
  --bgg-from-opacity: var(--dt-color-chart-categorical-06-a);
  --bgg-from: hsl(var(--dt-color-chart-categorical-06-h) var(--dt-color-chart-categorical-06-s) var(--dt-color-chart-categorical-06-l) / var(--bgg-from-opacity)) !important;
  --bgg-to: hsl(var(--dt-color-chart-categorical-06-h) var(--dt-color-chart-categorical-06-s) var(--dt-color-chart-categorical-06-l) / 0%) !important;
}
.d-bgg-from-chart-categorical-06-hover, .h\:d-bgg-from-chart-categorical-06-hover:hover, .f\:d-bgg-from-chart-categorical-06-hover:focus, .f\:d-bgg-from-chart-categorical-06-hover:focus-within, .fv\:d-bgg-from-chart-categorical-06-hover:focus-visible {
  --bgg-from-opacity: var(--dt-color-chart-categorical-06-hover-a);
  --bgg-from: 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(--bgg-from-opacity)) !important;
  --bgg-to: 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) / 0%) !important;
}
.d-bgg-from-chart-categorical-06-selected, .h\:d-bgg-from-chart-categorical-06-selected:hover, .f\:d-bgg-from-chart-categorical-06-selected:focus, .f\:d-bgg-from-chart-categorical-06-selected:focus-within, .fv\:d-bgg-from-chart-categorical-06-selected:focus-visible {
  --bgg-from-opacity: var(--dt-color-chart-categorical-06-selected-a);
  --bgg-from: 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(--bgg-from-opacity)) !important;
  --bgg-to: 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) / 0%) !important;
}
.d-bgg-from-chart-categorical-07, .h\:d-bgg-from-chart-categorical-07:hover, .f\:d-bgg-from-chart-categorical-07:focus, .f\:d-bgg-from-chart-categorical-07:focus-within, .fv\:d-bgg-from-chart-categorical-07:focus-visible {
  --bgg-from-opacity: var(--dt-color-chart-categorical-07-a);
  --bgg-from: hsl(var(--dt-color-chart-categorical-07-h) var(--dt-color-chart-categorical-07-s) var(--dt-color-chart-categorical-07-l) / var(--bgg-from-opacity)) !important;
  --bgg-to: hsl(var(--dt-color-chart-categorical-07-h) var(--dt-color-chart-categorical-07-s) var(--dt-color-chart-categorical-07-l) / 0%) !important;
}
.d-bgg-from-chart-categorical-07-hover, .h\:d-bgg-from-chart-categorical-07-hover:hover, .f\:d-bgg-from-chart-categorical-07-hover:focus, .f\:d-bgg-from-chart-categorical-07-hover:focus-within, .fv\:d-bgg-from-chart-categorical-07-hover:focus-visible {
  --bgg-from-opacity: var(--dt-color-chart-categorical-07-hover-a);
  --bgg-from: 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(--bgg-from-opacity)) !important;
  --bgg-to: 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) / 0%) !important;
}
.d-bgg-from-chart-categorical-07-selected, .h\:d-bgg-from-chart-categorical-07-selected:hover, .f\:d-bgg-from-chart-categorical-07-selected:focus, .f\:d-bgg-from-chart-categorical-07-selected:focus-within, .fv\:d-bgg-from-chart-categorical-07-selected:focus-visible {
  --bgg-from-opacity: var(--dt-color-chart-categorical-07-selected-a);
  --bgg-from: 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(--bgg-from-opacity)) !important;
  --bgg-to: 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) / 0%) !important;
}
.d-bgg-from-chart-categorical-08, .h\:d-bgg-from-chart-categorical-08:hover, .f\:d-bgg-from-chart-categorical-08:focus, .f\:d-bgg-from-chart-categorical-08:focus-within, .fv\:d-bgg-from-chart-categorical-08:focus-visible {
  --bgg-from-opacity: var(--dt-color-chart-categorical-08-a);
  --bgg-from: hsl(var(--dt-color-chart-categorical-08-h) var(--dt-color-chart-categorical-08-s) var(--dt-color-chart-categorical-08-l) / var(--bgg-from-opacity)) !important;
  --bgg-to: hsl(var(--dt-color-chart-categorical-08-h) var(--dt-color-chart-categorical-08-s) var(--dt-color-chart-categorical-08-l) / 0%) !important;
}
.d-bgg-from-chart-categorical-08-hover, .h\:d-bgg-from-chart-categorical-08-hover:hover, .f\:d-bgg-from-chart-categorical-08-hover:focus, .f\:d-bgg-from-chart-categorical-08-hover:focus-within, .fv\:d-bgg-from-chart-categorical-08-hover:focus-visible {
  --bgg-from-opacity: var(--dt-color-chart-categorical-08-hover-a);
  --bgg-from: 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(--bgg-from-opacity)) !important;
  --bgg-to: 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) / 0%) !important;
}
.d-bgg-from-chart-categorical-08-selected, .h\:d-bgg-from-chart-categorical-08-selected:hover, .f\:d-bgg-from-chart-categorical-08-selected:focus, .f\:d-bgg-from-chart-categorical-08-selected:focus-within, .fv\:d-bgg-from-chart-categorical-08-selected:focus-visible {
  --bgg-from-opacity: var(--dt-color-chart-categorical-08-selected-a);
  --bgg-from: 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(--bgg-from-opacity)) !important;
  --bgg-to: 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) / 0%) !important;
}
.d-bgg-from-chart-categorical-09, .h\:d-bgg-from-chart-categorical-09:hover, .f\:d-bgg-from-chart-categorical-09:focus, .f\:d-bgg-from-chart-categorical-09:focus-within, .fv\:d-bgg-from-chart-categorical-09:focus-visible {
  --bgg-from-opacity: var(--dt-color-chart-categorical-09-a);
  --bgg-from: hsl(var(--dt-color-chart-categorical-09-h) var(--dt-color-chart-categorical-09-s) var(--dt-color-chart-categorical-09-l) / var(--bgg-from-opacity)) !important;
  --bgg-to: hsl(var(--dt-color-chart-categorical-09-h) var(--dt-color-chart-categorical-09-s) var(--dt-color-chart-categorical-09-l) / 0%) !important;
}
.d-bgg-from-chart-categorical-09-hover, .h\:d-bgg-from-chart-categorical-09-hover:hover, .f\:d-bgg-from-chart-categorical-09-hover:focus, .f\:d-bgg-from-chart-categorical-09-hover:focus-within, .fv\:d-bgg-from-chart-categorical-09-hover:focus-visible {
  --bgg-from-opacity: var(--dt-color-chart-categorical-09-hover-a);
  --bgg-from: 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(--bgg-from-opacity)) !important;
  --bgg-to: 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) / 0%) !important;
}
.d-bgg-from-chart-categorical-09-selected, .h\:d-bgg-from-chart-categorical-09-selected:hover, .f\:d-bgg-from-chart-categorical-09-selected:focus, .f\:d-bgg-from-chart-categorical-09-selected:focus-within, .fv\:d-bgg-from-chart-categorical-09-selected:focus-visible {
  --bgg-from-opacity: var(--dt-color-chart-categorical-09-selected-a);
  --bgg-from: 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(--bgg-from-opacity)) !important;
  --bgg-to: 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) / 0%) !important;
}
.d-bgg-from-chart-neutral, .h\:d-bgg-from-chart-neutral:hover, .f\:d-bgg-from-chart-neutral:focus, .f\:d-bgg-from-chart-neutral:focus-within, .fv\:d-bgg-from-chart-neutral:focus-visible {
  --bgg-from-opacity: var(--dt-color-chart-neutral-a);
  --bgg-from: hsl(var(--dt-color-chart-neutral-h) var(--dt-color-chart-neutral-s) var(--dt-color-chart-neutral-l) / var(--bgg-from-opacity)) !important;
  --bgg-to: hsl(var(--dt-color-chart-neutral-h) var(--dt-color-chart-neutral-s) var(--dt-color-chart-neutral-l) / 0%) !important;
}
.d-bgg-from-chart-neutral-hover, .h\:d-bgg-from-chart-neutral-hover:hover, .f\:d-bgg-from-chart-neutral-hover:focus, .f\:d-bgg-from-chart-neutral-hover:focus-within, .fv\:d-bgg-from-chart-neutral-hover:focus-visible {
  --bgg-from-opacity: var(--dt-color-chart-neutral-hover-a);
  --bgg-from: hsl(var(--dt-color-chart-neutral-hover-h) var(--dt-color-chart-neutral-hover-s) var(--dt-color-chart-neutral-hover-l) / var(--bgg-from-opacity)) !important;
  --bgg-to: hsl(var(--dt-color-chart-neutral-hover-h) var(--dt-color-chart-neutral-hover-s) var(--dt-color-chart-neutral-hover-l) / 0%) !important;
}
.d-bgg-from-chart-neutral-selected, .h\:d-bgg-from-chart-neutral-selected:hover, .f\:d-bgg-from-chart-neutral-selected:focus, .f\:d-bgg-from-chart-neutral-selected:focus-within, .fv\:d-bgg-from-chart-neutral-selected:focus-visible {
  --bgg-from-opacity: var(--dt-color-chart-neutral-selected-a);
  --bgg-from: hsl(var(--dt-color-chart-neutral-selected-h) var(--dt-color-chart-neutral-selected-s) var(--dt-color-chart-neutral-selected-l) / var(--bgg-from-opacity)) !important;
  --bgg-to: hsl(var(--dt-color-chart-neutral-selected-h) var(--dt-color-chart-neutral-selected-s) var(--dt-color-chart-neutral-selected-l) / 0%) !important;
}
.d-bgg-from-chart-accent, .h\:d-bgg-from-chart-accent:hover, .f\:d-bgg-from-chart-accent:focus, .f\:d-bgg-from-chart-accent:focus-within, .fv\:d-bgg-from-chart-accent:focus-visible {
  --bgg-from-opacity: var(--dt-color-chart-accent-a);
  --bgg-from: hsl(var(--dt-color-chart-accent-h) var(--dt-color-chart-accent-s) var(--dt-color-chart-accent-l) / var(--bgg-from-opacity)) !important;
  --bgg-to: hsl(var(--dt-color-chart-accent-h) var(--dt-color-chart-accent-s) var(--dt-color-chart-accent-l) / 0%) !important;
}
.d-bgg-from-chart-accent-hover, .h\:d-bgg-from-chart-accent-hover:hover, .f\:d-bgg-from-chart-accent-hover:focus, .f\:d-bgg-from-chart-accent-hover:focus-within, .fv\:d-bgg-from-chart-accent-hover:focus-visible {
  --bgg-from-opacity: var(--dt-color-chart-accent-hover-a);
  --bgg-from: hsl(var(--dt-color-chart-accent-hover-h) var(--dt-color-chart-accent-hover-s) var(--dt-color-chart-accent-hover-l) / var(--bgg-from-opacity)) !important;
  --bgg-to: hsl(var(--dt-color-chart-accent-hover-h) var(--dt-color-chart-accent-hover-s) var(--dt-color-chart-accent-hover-l) / 0%) !important;
}
.d-bgg-from-chart-accent-selected, .h\:d-bgg-from-chart-accent-selected:hover, .f\:d-bgg-from-chart-accent-selected:focus, .f\:d-bgg-from-chart-accent-selected:focus-within, .fv\:d-bgg-from-chart-accent-selected:focus-visible {
  --bgg-from-opacity: var(--dt-color-chart-accent-selected-a);
  --bgg-from: hsl(var(--dt-color-chart-accent-selected-h) var(--dt-color-chart-accent-selected-s) var(--dt-color-chart-accent-selected-l) / var(--bgg-from-opacity)) !important;
  --bgg-to: hsl(var(--dt-color-chart-accent-selected-h) var(--dt-color-chart-accent-selected-s) var(--dt-color-chart-accent-selected-l) / 0%) !important;
}
.d-bgg-from-chart-positive, .h\:d-bgg-from-chart-positive:hover, .f\:d-bgg-from-chart-positive:focus, .f\:d-bgg-from-chart-positive:focus-within, .fv\:d-bgg-from-chart-positive:focus-visible {
  --bgg-from-opacity: var(--dt-color-chart-positive-a);
  --bgg-from: hsl(var(--dt-color-chart-positive-h) var(--dt-color-chart-positive-s) var(--dt-color-chart-positive-l) / var(--bgg-from-opacity)) !important;
  --bgg-to: hsl(var(--dt-color-chart-positive-h) var(--dt-color-chart-positive-s) var(--dt-color-chart-positive-l) / 0%) !important;
}
.d-bgg-from-chart-positive-hover, .h\:d-bgg-from-chart-positive-hover:hover, .f\:d-bgg-from-chart-positive-hover:focus, .f\:d-bgg-from-chart-positive-hover:focus-within, .fv\:d-bgg-from-chart-positive-hover:focus-visible {
  --bgg-from-opacity: var(--dt-color-chart-positive-hover-a);
  --bgg-from: hsl(var(--dt-color-chart-positive-hover-h) var(--dt-color-chart-positive-hover-s) var(--dt-color-chart-positive-hover-l) / var(--bgg-from-opacity)) !important;
  --bgg-to: hsl(var(--dt-color-chart-positive-hover-h) var(--dt-color-chart-positive-hover-s) var(--dt-color-chart-positive-hover-l) / 0%) !important;
}
.d-bgg-from-chart-positive-selected, .h\:d-bgg-from-chart-positive-selected:hover, .f\:d-bgg-from-chart-positive-selected:focus, .f\:d-bgg-from-chart-positive-selected:focus-within, .fv\:d-bgg-from-chart-positive-selected:focus-visible {
  --bgg-from-opacity: var(--dt-color-chart-positive-selected-a);
  --bgg-from: hsl(var(--dt-color-chart-positive-selected-h) var(--dt-color-chart-positive-selected-s) var(--dt-color-chart-positive-selected-l) / var(--bgg-from-opacity)) !important;
  --bgg-to: hsl(var(--dt-color-chart-positive-selected-h) var(--dt-color-chart-positive-selected-s) var(--dt-color-chart-positive-selected-l) / 0%) !important;
}
.d-bgg-from-chart-critical, .h\:d-bgg-from-chart-critical:hover, .f\:d-bgg-from-chart-critical:focus, .f\:d-bgg-from-chart-critical:focus-within, .fv\:d-bgg-from-chart-critical:focus-visible {
  --bgg-from-opacity: var(--dt-color-chart-critical-a);
  --bgg-from: hsl(var(--dt-color-chart-critical-h) var(--dt-color-chart-critical-s) var(--dt-color-chart-critical-l) / var(--bgg-from-opacity)) !important;
  --bgg-to: hsl(var(--dt-color-chart-critical-h) var(--dt-color-chart-critical-s) var(--dt-color-chart-critical-l) / 0%) !important;
}
.d-bgg-from-chart-critical-hover, .h\:d-bgg-from-chart-critical-hover:hover, .f\:d-bgg-from-chart-critical-hover:focus, .f\:d-bgg-from-chart-critical-hover:focus-within, .fv\:d-bgg-from-chart-critical-hover:focus-visible {
  --bgg-from-opacity: var(--dt-color-chart-critical-hover-a);
  --bgg-from: hsl(var(--dt-color-chart-critical-hover-h) var(--dt-color-chart-critical-hover-s) var(--dt-color-chart-critical-hover-l) / var(--bgg-from-opacity)) !important;
  --bgg-to: hsl(var(--dt-color-chart-critical-hover-h) var(--dt-color-chart-critical-hover-s) var(--dt-color-chart-critical-hover-l) / 0%) !important;
}
.d-bgg-from-chart-critical-selected, .h\:d-bgg-from-chart-critical-selected:hover, .f\:d-bgg-from-chart-critical-selected:focus, .f\:d-bgg-from-chart-critical-selected:focus-within, .fv\:d-bgg-from-chart-critical-selected:focus-visible {
  --bgg-from-opacity: var(--dt-color-chart-critical-selected-a);
  --bgg-from: hsl(var(--dt-color-chart-critical-selected-h) var(--dt-color-chart-critical-selected-s) var(--dt-color-chart-critical-selected-l) / var(--bgg-from-opacity)) !important;
  --bgg-to: hsl(var(--dt-color-chart-critical-selected-h) var(--dt-color-chart-critical-selected-s) var(--dt-color-chart-critical-selected-l) / 0%) !important;
}
.d-bgg-from-chart-warning, .h\:d-bgg-from-chart-warning:hover, .f\:d-bgg-from-chart-warning:focus, .f\:d-bgg-from-chart-warning:focus-within, .fv\:d-bgg-from-chart-warning:focus-visible {
  --bgg-from-opacity: var(--dt-color-chart-warning-a);
  --bgg-from: hsl(var(--dt-color-chart-warning-h) var(--dt-color-chart-warning-s) var(--dt-color-chart-warning-l) / var(--bgg-from-opacity)) !important;
  --bgg-to: hsl(var(--dt-color-chart-warning-h) var(--dt-color-chart-warning-s) var(--dt-color-chart-warning-l) / 0%) !important;
}
.d-bgg-from-chart-warning-hover, .h\:d-bgg-from-chart-warning-hover:hover, .f\:d-bgg-from-chart-warning-hover:focus, .f\:d-bgg-from-chart-warning-hover:focus-within, .fv\:d-bgg-from-chart-warning-hover:focus-visible {
  --bgg-from-opacity: var(--dt-color-chart-warning-hover-a);
  --bgg-from: hsl(var(--dt-color-chart-warning-hover-h) var(--dt-color-chart-warning-hover-s) var(--dt-color-chart-warning-hover-l) / var(--bgg-from-opacity)) !important;
  --bgg-to: hsl(var(--dt-color-chart-warning-hover-h) var(--dt-color-chart-warning-hover-s) var(--dt-color-chart-warning-hover-l) / 0%) !important;
}
.d-bgg-from-chart-warning-selected, .h\:d-bgg-from-chart-warning-selected:hover, .f\:d-bgg-from-chart-warning-selected:focus, .f\:d-bgg-from-chart-warning-selected:focus-within, .fv\:d-bgg-from-chart-warning-selected:focus-visible {
  --bgg-from-opacity: var(--dt-color-chart-warning-selected-a);
  --bgg-from: hsl(var(--dt-color-chart-warning-selected-h) var(--dt-color-chart-warning-selected-s) var(--dt-color-chart-warning-selected-l) / var(--bgg-from-opacity)) !important;
  --bgg-to: hsl(var(--dt-color-chart-warning-selected-h) var(--dt-color-chart-warning-selected-s) var(--dt-color-chart-warning-selected-l) / 0%) !important;
}
.d-bgg-from-chart-info, .h\:d-bgg-from-chart-info:hover, .f\:d-bgg-from-chart-info:focus, .f\:d-bgg-from-chart-info:focus-within, .fv\:d-bgg-from-chart-info:focus-visible {
  --bgg-from-opacity: var(--dt-color-chart-info-a);
  --bgg-from: hsl(var(--dt-color-chart-info-h) var(--dt-color-chart-info-s) var(--dt-color-chart-info-l) / var(--bgg-from-opacity)) !important;
  --bgg-to: hsl(var(--dt-color-chart-info-h) var(--dt-color-chart-info-s) var(--dt-color-chart-info-l) / 0%) !important;
}
.d-bgg-from-chart-info-hover, .h\:d-bgg-from-chart-info-hover:hover, .f\:d-bgg-from-chart-info-hover:focus, .f\:d-bgg-from-chart-info-hover:focus-within, .fv\:d-bgg-from-chart-info-hover:focus-visible {
  --bgg-from-opacity: var(--dt-color-chart-info-hover-a);
  --bgg-from: hsl(var(--dt-color-chart-info-hover-h) var(--dt-color-chart-info-hover-s) var(--dt-color-chart-info-hover-l) / var(--bgg-from-opacity)) !important;
  --bgg-to: hsl(var(--dt-color-chart-info-hover-h) var(--dt-color-chart-info-hover-s) var(--dt-color-chart-info-hover-l) / 0%) !important;
}
.d-bgg-from-chart-info-selected, .h\:d-bgg-from-chart-info-selected:hover, .f\:d-bgg-from-chart-info-selected:focus, .f\:d-bgg-from-chart-info-selected:focus-within, .fv\:d-bgg-from-chart-info-selected:focus-visible {
  --bgg-from-opacity: var(--dt-color-chart-info-selected-a);
  --bgg-from: hsl(var(--dt-color-chart-info-selected-h) var(--dt-color-chart-info-selected-s) var(--dt-color-chart-info-selected-l) / var(--bgg-from-opacity)) !important;
  --bgg-to: hsl(var(--dt-color-chart-info-selected-h) var(--dt-color-chart-info-selected-s) var(--dt-color-chart-info-selected-l) / 0%) !important;
}
.d-bgg-from-chart-brand, .h\:d-bgg-from-chart-brand:hover, .f\:d-bgg-from-chart-brand:focus, .f\:d-bgg-from-chart-brand:focus-within, .fv\:d-bgg-from-chart-brand:focus-visible {
  --bgg-from-opacity: var(--dt-color-chart-brand-a);
  --bgg-from: hsl(var(--dt-color-chart-brand-h) var(--dt-color-chart-brand-s) var(--dt-color-chart-brand-l) / var(--bgg-from-opacity)) !important;
  --bgg-to: hsl(var(--dt-color-chart-brand-h) var(--dt-color-chart-brand-s) var(--dt-color-chart-brand-l) / 0%) !important;
}
.d-bgg-from-chart-brand-hover, .h\:d-bgg-from-chart-brand-hover:hover, .f\:d-bgg-from-chart-brand-hover:focus, .f\:d-bgg-from-chart-brand-hover:focus-within, .fv\:d-bgg-from-chart-brand-hover:focus-visible {
  --bgg-from-opacity: var(--dt-color-chart-brand-hover-a);
  --bgg-from: hsl(var(--dt-color-chart-brand-hover-h) var(--dt-color-chart-brand-hover-s) var(--dt-color-chart-brand-hover-l) / var(--bgg-from-opacity)) !important;
  --bgg-to: hsl(var(--dt-color-chart-brand-hover-h) var(--dt-color-chart-brand-hover-s) var(--dt-color-chart-brand-hover-l) / 0%) !important;
}
.d-bgg-from-chart-brand-selected, .h\:d-bgg-from-chart-brand-selected:hover, .f\:d-bgg-from-chart-brand-selected:focus, .f\:d-bgg-from-chart-brand-selected:focus-within, .fv\:d-bgg-from-chart-brand-selected:focus-visible {
  --bgg-from-opacity: var(--dt-color-chart-brand-selected-a);
  --bgg-from: hsl(var(--dt-color-chart-brand-selected-h) var(--dt-color-chart-brand-selected-s) var(--dt-color-chart-brand-selected-l) / var(--bgg-from-opacity)) !important;
  --bgg-to: hsl(var(--dt-color-chart-brand-selected-h) var(--dt-color-chart-brand-selected-s) var(--dt-color-chart-brand-selected-l) / 0%) !important;
}
.d-bgg-from-chart-sequential-10, .h\:d-bgg-from-chart-sequential-10:hover, .f\:d-bgg-from-chart-sequential-10:focus, .f\:d-bgg-from-chart-sequential-10:focus-within, .fv\:d-bgg-from-chart-sequential-10:focus-visible {
  --bgg-from-opacity: var(--dt-color-chart-sequential-10-a);
  --bgg-from: hsl(var(--dt-color-chart-sequential-10-h) var(--dt-color-chart-sequential-10-s) var(--dt-color-chart-sequential-10-l) / var(--bgg-from-opacity)) !important;
  --bgg-to: hsl(var(--dt-color-chart-sequential-10-h) var(--dt-color-chart-sequential-10-s) var(--dt-color-chart-sequential-10-l) / 0%) !important;
}
.d-bgg-from-chart-sequential-01, .h\:d-bgg-from-chart-sequential-01:hover, .f\:d-bgg-from-chart-sequential-01:focus, .f\:d-bgg-from-chart-sequential-01:focus-within, .fv\:d-bgg-from-chart-sequential-01:focus-visible {
  --bgg-from-opacity: var(--dt-color-chart-sequential-01-a);
  --bgg-from: hsl(var(--dt-color-chart-sequential-01-h) var(--dt-color-chart-sequential-01-s) var(--dt-color-chart-sequential-01-l) / var(--bgg-from-opacity)) !important;
  --bgg-to: hsl(var(--dt-color-chart-sequential-01-h) var(--dt-color-chart-sequential-01-s) var(--dt-color-chart-sequential-01-l) / 0%) !important;
}
.d-bgg-from-chart-sequential-01-hover, .h\:d-bgg-from-chart-sequential-01-hover:hover, .f\:d-bgg-from-chart-sequential-01-hover:focus, .f\:d-bgg-from-chart-sequential-01-hover:focus-within, .fv\:d-bgg-from-chart-sequential-01-hover:focus-visible {
  --bgg-from-opacity: var(--dt-color-chart-sequential-01-hover-a);
  --bgg-from: 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(--bgg-from-opacity)) !important;
  --bgg-to: 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) / 0%) !important;
}
.d-bgg-from-chart-sequential-01-selected, .h\:d-bgg-from-chart-sequential-01-selected:hover, .f\:d-bgg-from-chart-sequential-01-selected:focus, .f\:d-bgg-from-chart-sequential-01-selected:focus-within, .fv\:d-bgg-from-chart-sequential-01-selected:focus-visible {
  --bgg-from-opacity: var(--dt-color-chart-sequential-01-selected-a);
  --bgg-from: 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(--bgg-from-opacity)) !important;
  --bgg-to: 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) / 0%) !important;
}
.d-bgg-from-chart-sequential-02, .h\:d-bgg-from-chart-sequential-02:hover, .f\:d-bgg-from-chart-sequential-02:focus, .f\:d-bgg-from-chart-sequential-02:focus-within, .fv\:d-bgg-from-chart-sequential-02:focus-visible {
  --bgg-from-opacity: var(--dt-color-chart-sequential-02-a);
  --bgg-from: hsl(var(--dt-color-chart-sequential-02-h) var(--dt-color-chart-sequential-02-s) var(--dt-color-chart-sequential-02-l) / var(--bgg-from-opacity)) !important;
  --bgg-to: hsl(var(--dt-color-chart-sequential-02-h) var(--dt-color-chart-sequential-02-s) var(--dt-color-chart-sequential-02-l) / 0%) !important;
}
.d-bgg-from-chart-sequential-02-hover, .h\:d-bgg-from-chart-sequential-02-hover:hover, .f\:d-bgg-from-chart-sequential-02-hover:focus, .f\:d-bgg-from-chart-sequential-02-hover:focus-within, .fv\:d-bgg-from-chart-sequential-02-hover:focus-visible {
  --bgg-from-opacity: var(--dt-color-chart-sequential-02-hover-a);
  --bgg-from: 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(--bgg-from-opacity)) !important;
  --bgg-to: 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) / 0%) !important;
}
.d-bgg-from-chart-sequential-02-selected, .h\:d-bgg-from-chart-sequential-02-selected:hover, .f\:d-bgg-from-chart-sequential-02-selected:focus, .f\:d-bgg-from-chart-sequential-02-selected:focus-within, .fv\:d-bgg-from-chart-sequential-02-selected:focus-visible {
  --bgg-from-opacity: var(--dt-color-chart-sequential-02-selected-a);
  --bgg-from: 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(--bgg-from-opacity)) !important;
  --bgg-to: 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) / 0%) !important;
}
.d-bgg-from-chart-sequential-03, .h\:d-bgg-from-chart-sequential-03:hover, .f\:d-bgg-from-chart-sequential-03:focus, .f\:d-bgg-from-chart-sequential-03:focus-within, .fv\:d-bgg-from-chart-sequential-03:focus-visible {
  --bgg-from-opacity: var(--dt-color-chart-sequential-03-a);
  --bgg-from: hsl(var(--dt-color-chart-sequential-03-h) var(--dt-color-chart-sequential-03-s) var(--dt-color-chart-sequential-03-l) / var(--bgg-from-opacity)) !important;
  --bgg-to: hsl(var(--dt-color-chart-sequential-03-h) var(--dt-color-chart-sequential-03-s) var(--dt-color-chart-sequential-03-l) / 0%) !important;
}
.d-bgg-from-chart-sequential-03-hover, .h\:d-bgg-from-chart-sequential-03-hover:hover, .f\:d-bgg-from-chart-sequential-03-hover:focus, .f\:d-bgg-from-chart-sequential-03-hover:focus-within, .fv\:d-bgg-from-chart-sequential-03-hover:focus-visible {
  --bgg-from-opacity: var(--dt-color-chart-sequential-03-hover-a);
  --bgg-from: 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(--bgg-from-opacity)) !important;
  --bgg-to: 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) / 0%) !important;
}
.d-bgg-from-chart-sequential-03-selected, .h\:d-bgg-from-chart-sequential-03-selected:hover, .f\:d-bgg-from-chart-sequential-03-selected:focus, .f\:d-bgg-from-chart-sequential-03-selected:focus-within, .fv\:d-bgg-from-chart-sequential-03-selected:focus-visible {
  --bgg-from-opacity: var(--dt-color-chart-sequential-03-selected-a);
  --bgg-from: 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(--bgg-from-opacity)) !important;
  --bgg-to: 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) / 0%) !important;
}
.d-bgg-from-chart-sequential-04, .h\:d-bgg-from-chart-sequential-04:hover, .f\:d-bgg-from-chart-sequential-04:focus, .f\:d-bgg-from-chart-sequential-04:focus-within, .fv\:d-bgg-from-chart-sequential-04:focus-visible {
  --bgg-from-opacity: var(--dt-color-chart-sequential-04-a);
  --bgg-from: hsl(var(--dt-color-chart-sequential-04-h) var(--dt-color-chart-sequential-04-s) var(--dt-color-chart-sequential-04-l) / var(--bgg-from-opacity)) !important;
  --bgg-to: hsl(var(--dt-color-chart-sequential-04-h) var(--dt-color-chart-sequential-04-s) var(--dt-color-chart-sequential-04-l) / 0%) !important;
}
.d-bgg-from-chart-sequential-04-hover, .h\:d-bgg-from-chart-sequential-04-hover:hover, .f\:d-bgg-from-chart-sequential-04-hover:focus, .f\:d-bgg-from-chart-sequential-04-hover:focus-within, .fv\:d-bgg-from-chart-sequential-04-hover:focus-visible {
  --bgg-from-opacity: var(--dt-color-chart-sequential-04-hover-a);
  --bgg-from: 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(--bgg-from-opacity)) !important;
  --bgg-to: 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) / 0%) !important;
}
.d-bgg-from-chart-sequential-04-selected, .h\:d-bgg-from-chart-sequential-04-selected:hover, .f\:d-bgg-from-chart-sequential-04-selected:focus, .f\:d-bgg-from-chart-sequential-04-selected:focus-within, .fv\:d-bgg-from-chart-sequential-04-selected:focus-visible {
  --bgg-from-opacity: var(--dt-color-chart-sequential-04-selected-a);
  --bgg-from: 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(--bgg-from-opacity)) !important;
  --bgg-to: 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) / 0%) !important;
}
.d-bgg-from-chart-sequential-05, .h\:d-bgg-from-chart-sequential-05:hover, .f\:d-bgg-from-chart-sequential-05:focus, .f\:d-bgg-from-chart-sequential-05:focus-within, .fv\:d-bgg-from-chart-sequential-05:focus-visible {
  --bgg-from-opacity: var(--dt-color-chart-sequential-05-a);
  --bgg-from: hsl(var(--dt-color-chart-sequential-05-h) var(--dt-color-chart-sequential-05-s) var(--dt-color-chart-sequential-05-l) / var(--bgg-from-opacity)) !important;
  --bgg-to: hsl(var(--dt-color-chart-sequential-05-h) var(--dt-color-chart-sequential-05-s) var(--dt-color-chart-sequential-05-l) / 0%) !important;
}
.d-bgg-from-chart-sequential-05-hover, .h\:d-bgg-from-chart-sequential-05-hover:hover, .f\:d-bgg-from-chart-sequential-05-hover:focus, .f\:d-bgg-from-chart-sequential-05-hover:focus-within, .fv\:d-bgg-from-chart-sequential-05-hover:focus-visible {
  --bgg-from-opacity: var(--dt-color-chart-sequential-05-hover-a);
  --bgg-from: 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(--bgg-from-opacity)) !important;
  --bgg-to: 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) / 0%) !important;
}
.d-bgg-from-chart-sequential-05-selected, .h\:d-bgg-from-chart-sequential-05-selected:hover, .f\:d-bgg-from-chart-sequential-05-selected:focus, .f\:d-bgg-from-chart-sequential-05-selected:focus-within, .fv\:d-bgg-from-chart-sequential-05-selected:focus-visible {
  --bgg-from-opacity: var(--dt-color-chart-sequential-05-selected-a);
  --bgg-from: 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(--bgg-from-opacity)) !important;
  --bgg-to: 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) / 0%) !important;
}
.d-bgg-from-chart-sequential-06, .h\:d-bgg-from-chart-sequential-06:hover, .f\:d-bgg-from-chart-sequential-06:focus, .f\:d-bgg-from-chart-sequential-06:focus-within, .fv\:d-bgg-from-chart-sequential-06:focus-visible {
  --bgg-from-opacity: var(--dt-color-chart-sequential-06-a);
  --bgg-from: hsl(var(--dt-color-chart-sequential-06-h) var(--dt-color-chart-sequential-06-s) var(--dt-color-chart-sequential-06-l) / var(--bgg-from-opacity)) !important;
  --bgg-to: hsl(var(--dt-color-chart-sequential-06-h) var(--dt-color-chart-sequential-06-s) var(--dt-color-chart-sequential-06-l) / 0%) !important;
}
.d-bgg-from-chart-sequential-06-hover, .h\:d-bgg-from-chart-sequential-06-hover:hover, .f\:d-bgg-from-chart-sequential-06-hover:focus, .f\:d-bgg-from-chart-sequential-06-hover:focus-within, .fv\:d-bgg-from-chart-sequential-06-hover:focus-visible {
  --bgg-from-opacity: var(--dt-color-chart-sequential-06-hover-a);
  --bgg-from: 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(--bgg-from-opacity)) !important;
  --bgg-to: 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) / 0%) !important;
}
.d-bgg-from-chart-sequential-06-selected, .h\:d-bgg-from-chart-sequential-06-selected:hover, .f\:d-bgg-from-chart-sequential-06-selected:focus, .f\:d-bgg-from-chart-sequential-06-selected:focus-within, .fv\:d-bgg-from-chart-sequential-06-selected:focus-visible {
  --bgg-from-opacity: var(--dt-color-chart-sequential-06-selected-a);
  --bgg-from: 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(--bgg-from-opacity)) !important;
  --bgg-to: 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) / 0%) !important;
}
.d-bgg-from-chart-sequential-07, .h\:d-bgg-from-chart-sequential-07:hover, .f\:d-bgg-from-chart-sequential-07:focus, .f\:d-bgg-from-chart-sequential-07:focus-within, .fv\:d-bgg-from-chart-sequential-07:focus-visible {
  --bgg-from-opacity: var(--dt-color-chart-sequential-07-a);
  --bgg-from: hsl(var(--dt-color-chart-sequential-07-h) var(--dt-color-chart-sequential-07-s) var(--dt-color-chart-sequential-07-l) / var(--bgg-from-opacity)) !important;
  --bgg-to: hsl(var(--dt-color-chart-sequential-07-h) var(--dt-color-chart-sequential-07-s) var(--dt-color-chart-sequential-07-l) / 0%) !important;
}
.d-bgg-from-chart-sequential-07-hover, .h\:d-bgg-from-chart-sequential-07-hover:hover, .f\:d-bgg-from-chart-sequential-07-hover:focus, .f\:d-bgg-from-chart-sequential-07-hover:focus-within, .fv\:d-bgg-from-chart-sequential-07-hover:focus-visible {
  --bgg-from-opacity: var(--dt-color-chart-sequential-07-hover-a);
  --bgg-from: 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(--bgg-from-opacity)) !important;
  --bgg-to: 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) / 0%) !important;
}
.d-bgg-from-chart-sequential-07-selected, .h\:d-bgg-from-chart-sequential-07-selected:hover, .f\:d-bgg-from-chart-sequential-07-selected:focus, .f\:d-bgg-from-chart-sequential-07-selected:focus-within, .fv\:d-bgg-from-chart-sequential-07-selected:focus-visible {
  --bgg-from-opacity: var(--dt-color-chart-sequential-07-selected-a);
  --bgg-from: 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(--bgg-from-opacity)) !important;
  --bgg-to: 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) / 0%) !important;
}
.d-bgg-from-chart-sequential-08, .h\:d-bgg-from-chart-sequential-08:hover, .f\:d-bgg-from-chart-sequential-08:focus, .f\:d-bgg-from-chart-sequential-08:focus-within, .fv\:d-bgg-from-chart-sequential-08:focus-visible {
  --bgg-from-opacity: var(--dt-color-chart-sequential-08-a);
  --bgg-from: hsl(var(--dt-color-chart-sequential-08-h) var(--dt-color-chart-sequential-08-s) var(--dt-color-chart-sequential-08-l) / var(--bgg-from-opacity)) !important;
  --bgg-to: hsl(var(--dt-color-chart-sequential-08-h) var(--dt-color-chart-sequential-08-s) var(--dt-color-chart-sequential-08-l) / 0%) !important;
}
.d-bgg-from-chart-sequential-08-hover, .h\:d-bgg-from-chart-sequential-08-hover:hover, .f\:d-bgg-from-chart-sequential-08-hover:focus, .f\:d-bgg-from-chart-sequential-08-hover:focus-within, .fv\:d-bgg-from-chart-sequential-08-hover:focus-visible {
  --bgg-from-opacity: var(--dt-color-chart-sequential-08-hover-a);
  --bgg-from: 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(--bgg-from-opacity)) !important;
  --bgg-to: 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) / 0%) !important;
}
.d-bgg-from-chart-sequential-08-selected, .h\:d-bgg-from-chart-sequential-08-selected:hover, .f\:d-bgg-from-chart-sequential-08-selected:focus, .f\:d-bgg-from-chart-sequential-08-selected:focus-within, .fv\:d-bgg-from-chart-sequential-08-selected:focus-visible {
  --bgg-from-opacity: var(--dt-color-chart-sequential-08-selected-a);
  --bgg-from: 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(--bgg-from-opacity)) !important;
  --bgg-to: 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) / 0%) !important;
}
.d-bgg-from-chart-sequential-09, .h\:d-bgg-from-chart-sequential-09:hover, .f\:d-bgg-from-chart-sequential-09:focus, .f\:d-bgg-from-chart-sequential-09:focus-within, .fv\:d-bgg-from-chart-sequential-09:focus-visible {
  --bgg-from-opacity: var(--dt-color-chart-sequential-09-a);
  --bgg-from: hsl(var(--dt-color-chart-sequential-09-h) var(--dt-color-chart-sequential-09-s) var(--dt-color-chart-sequential-09-l) / var(--bgg-from-opacity)) !important;
  --bgg-to: hsl(var(--dt-color-chart-sequential-09-h) var(--dt-color-chart-sequential-09-s) var(--dt-color-chart-sequential-09-l) / 0%) !important;
}
.d-bgg-from-chart-sequential-09-hover, .h\:d-bgg-from-chart-sequential-09-hover:hover, .f\:d-bgg-from-chart-sequential-09-hover:focus, .f\:d-bgg-from-chart-sequential-09-hover:focus-within, .fv\:d-bgg-from-chart-sequential-09-hover:focus-visible {
  --bgg-from-opacity: var(--dt-color-chart-sequential-09-hover-a);
  --bgg-from: 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(--bgg-from-opacity)) !important;
  --bgg-to: 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) / 0%) !important;
}
.d-bgg-from-chart-sequential-09-selected, .h\:d-bgg-from-chart-sequential-09-selected:hover, .f\:d-bgg-from-chart-sequential-09-selected:focus, .f\:d-bgg-from-chart-sequential-09-selected:focus-within, .fv\:d-bgg-from-chart-sequential-09-selected:focus-visible {
  --bgg-from-opacity: var(--dt-color-chart-sequential-09-selected-a);
  --bgg-from: 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(--bgg-from-opacity)) !important;
  --bgg-to: 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) / 0%) !important;
}
.d-bgg-from-chart-sequential-10-hover, .h\:d-bgg-from-chart-sequential-10-hover:hover, .f\:d-bgg-from-chart-sequential-10-hover:focus, .f\:d-bgg-from-chart-sequential-10-hover:focus-within, .fv\:d-bgg-from-chart-sequential-10-hover:focus-visible {
  --bgg-from-opacity: var(--dt-color-chart-sequential-10-hover-a);
  --bgg-from: 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(--bgg-from-opacity)) !important;
  --bgg-to: 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) / 0%) !important;
}
.d-bgg-from-chart-sequential-10-selected, .h\:d-bgg-from-chart-sequential-10-selected:hover, .f\:d-bgg-from-chart-sequential-10-selected:focus, .f\:d-bgg-from-chart-sequential-10-selected:focus-within, .fv\:d-bgg-from-chart-sequential-10-selected:focus-visible {
  --bgg-from-opacity: var(--dt-color-chart-sequential-10-selected-a);
  --bgg-from: 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(--bgg-from-opacity)) !important;
  --bgg-to: 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) / 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-chart-categorical-10, .h\:d-bgg-to-chart-categorical-10:hover, .f\:d-bgg-to-chart-categorical-10:focus, .f\:d-bgg-to-chart-categorical-10:focus-within, .fv\:d-bgg-to-chart-categorical-10:focus-visible {
  --bgg-to-opacity: var(--dt-color-chart-categorical-10-a);
  --bgg-to: hsl(var(--dt-color-chart-categorical-10-h) var(--dt-color-chart-categorical-10-s) var(--dt-color-chart-categorical-10-l) / var(--bgg-to-opacity)) !important;
}
.d-bgg-to-chart-categorical-10-hover, .h\:d-bgg-to-chart-categorical-10-hover:hover, .f\:d-bgg-to-chart-categorical-10-hover:focus, .f\:d-bgg-to-chart-categorical-10-hover:focus-within, .fv\:d-bgg-to-chart-categorical-10-hover:focus-visible {
  --bgg-to-opacity: var(--dt-color-chart-categorical-10-hover-a);
  --bgg-to: 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(--bgg-to-opacity)) !important;
}
.d-bgg-to-chart-categorical-10-selected, .h\:d-bgg-to-chart-categorical-10-selected:hover, .f\:d-bgg-to-chart-categorical-10-selected:focus, .f\:d-bgg-to-chart-categorical-10-selected:focus-within, .fv\:d-bgg-to-chart-categorical-10-selected:focus-visible {
  --bgg-to-opacity: var(--dt-color-chart-categorical-10-selected-a);
  --bgg-to: 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(--bgg-to-opacity)) !important;
}
.d-bgg-to-chart-categorical-01, .h\:d-bgg-to-chart-categorical-01:hover, .f\:d-bgg-to-chart-categorical-01:focus, .f\:d-bgg-to-chart-categorical-01:focus-within, .fv\:d-bgg-to-chart-categorical-01:focus-visible {
  --bgg-to-opacity: var(--dt-color-chart-categorical-01-a);
  --bgg-to: hsl(var(--dt-color-chart-categorical-01-h) var(--dt-color-chart-categorical-01-s) var(--dt-color-chart-categorical-01-l) / var(--bgg-to-opacity)) !important;
}
.d-bgg-to-chart-categorical-01-hover, .h\:d-bgg-to-chart-categorical-01-hover:hover, .f\:d-bgg-to-chart-categorical-01-hover:focus, .f\:d-bgg-to-chart-categorical-01-hover:focus-within, .fv\:d-bgg-to-chart-categorical-01-hover:focus-visible {
  --bgg-to-opacity: var(--dt-color-chart-categorical-01-hover-a);
  --bgg-to: 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(--bgg-to-opacity)) !important;
}
.d-bgg-to-chart-categorical-01-selected, .h\:d-bgg-to-chart-categorical-01-selected:hover, .f\:d-bgg-to-chart-categorical-01-selected:focus, .f\:d-bgg-to-chart-categorical-01-selected:focus-within, .fv\:d-bgg-to-chart-categorical-01-selected:focus-visible {
  --bgg-to-opacity: var(--dt-color-chart-categorical-01-selected-a);
  --bgg-to: 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(--bgg-to-opacity)) !important;
}
.d-bgg-to-chart-categorical-02, .h\:d-bgg-to-chart-categorical-02:hover, .f\:d-bgg-to-chart-categorical-02:focus, .f\:d-bgg-to-chart-categorical-02:focus-within, .fv\:d-bgg-to-chart-categorical-02:focus-visible {
  --bgg-to-opacity: var(--dt-color-chart-categorical-02-a);
  --bgg-to: hsl(var(--dt-color-chart-categorical-02-h) var(--dt-color-chart-categorical-02-s) var(--dt-color-chart-categorical-02-l) / var(--bgg-to-opacity)) !important;
}
.d-bgg-to-chart-categorical-02-hover, .h\:d-bgg-to-chart-categorical-02-hover:hover, .f\:d-bgg-to-chart-categorical-02-hover:focus, .f\:d-bgg-to-chart-categorical-02-hover:focus-within, .fv\:d-bgg-to-chart-categorical-02-hover:focus-visible {
  --bgg-to-opacity: var(--dt-color-chart-categorical-02-hover-a);
  --bgg-to: 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(--bgg-to-opacity)) !important;
}
.d-bgg-to-chart-categorical-02-selected, .h\:d-bgg-to-chart-categorical-02-selected:hover, .f\:d-bgg-to-chart-categorical-02-selected:focus, .f\:d-bgg-to-chart-categorical-02-selected:focus-within, .fv\:d-bgg-to-chart-categorical-02-selected:focus-visible {
  --bgg-to-opacity: var(--dt-color-chart-categorical-02-selected-a);
  --bgg-to: 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(--bgg-to-opacity)) !important;
}
.d-bgg-to-chart-categorical-03, .h\:d-bgg-to-chart-categorical-03:hover, .f\:d-bgg-to-chart-categorical-03:focus, .f\:d-bgg-to-chart-categorical-03:focus-within, .fv\:d-bgg-to-chart-categorical-03:focus-visible {
  --bgg-to-opacity: var(--dt-color-chart-categorical-03-a);
  --bgg-to: hsl(var(--dt-color-chart-categorical-03-h) var(--dt-color-chart-categorical-03-s) var(--dt-color-chart-categorical-03-l) / var(--bgg-to-opacity)) !important;
}
.d-bgg-to-chart-categorical-03-hover, .h\:d-bgg-to-chart-categorical-03-hover:hover, .f\:d-bgg-to-chart-categorical-03-hover:focus, .f\:d-bgg-to-chart-categorical-03-hover:focus-within, .fv\:d-bgg-to-chart-categorical-03-hover:focus-visible {
  --bgg-to-opacity: var(--dt-color-chart-categorical-03-hover-a);
  --bgg-to: 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(--bgg-to-opacity)) !important;
}
.d-bgg-to-chart-categorical-03-selected, .h\:d-bgg-to-chart-categorical-03-selected:hover, .f\:d-bgg-to-chart-categorical-03-selected:focus, .f\:d-bgg-to-chart-categorical-03-selected:focus-within, .fv\:d-bgg-to-chart-categorical-03-selected:focus-visible {
  --bgg-to-opacity: var(--dt-color-chart-categorical-03-selected-a);
  --bgg-to: 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(--bgg-to-opacity)) !important;
}
.d-bgg-to-chart-categorical-04, .h\:d-bgg-to-chart-categorical-04:hover, .f\:d-bgg-to-chart-categorical-04:focus, .f\:d-bgg-to-chart-categorical-04:focus-within, .fv\:d-bgg-to-chart-categorical-04:focus-visible {
  --bgg-to-opacity: var(--dt-color-chart-categorical-04-a);
  --bgg-to: hsl(var(--dt-color-chart-categorical-04-h) var(--dt-color-chart-categorical-04-s) var(--dt-color-chart-categorical-04-l) / var(--bgg-to-opacity)) !important;
}
.d-bgg-to-chart-categorical-04-hover, .h\:d-bgg-to-chart-categorical-04-hover:hover, .f\:d-bgg-to-chart-categorical-04-hover:focus, .f\:d-bgg-to-chart-categorical-04-hover:focus-within, .fv\:d-bgg-to-chart-categorical-04-hover:focus-visible {
  --bgg-to-opacity: var(--dt-color-chart-categorical-04-hover-a);
  --bgg-to: 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(--bgg-to-opacity)) !important;
}
.d-bgg-to-chart-categorical-04-selected, .h\:d-bgg-to-chart-categorical-04-selected:hover, .f\:d-bgg-to-chart-categorical-04-selected:focus, .f\:d-bgg-to-chart-categorical-04-selected:focus-within, .fv\:d-bgg-to-chart-categorical-04-selected:focus-visible {
  --bgg-to-opacity: var(--dt-color-chart-categorical-04-selected-a);
  --bgg-to: 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(--bgg-to-opacity)) !important;
}
.d-bgg-to-chart-categorical-05, .h\:d-bgg-to-chart-categorical-05:hover, .f\:d-bgg-to-chart-categorical-05:focus, .f\:d-bgg-to-chart-categorical-05:focus-within, .fv\:d-bgg-to-chart-categorical-05:focus-visible {
  --bgg-to-opacity: var(--dt-color-chart-categorical-05-a);
  --bgg-to: hsl(var(--dt-color-chart-categorical-05-h) var(--dt-color-chart-categorical-05-s) var(--dt-color-chart-categorical-05-l) / var(--bgg-to-opacity)) !important;
}
.d-bgg-to-chart-categorical-05-hover, .h\:d-bgg-to-chart-categorical-05-hover:hover, .f\:d-bgg-to-chart-categorical-05-hover:focus, .f\:d-bgg-to-chart-categorical-05-hover:focus-within, .fv\:d-bgg-to-chart-categorical-05-hover:focus-visible {
  --bgg-to-opacity: var(--dt-color-chart-categorical-05-hover-a);
  --bgg-to: 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(--bgg-to-opacity)) !important;
}
.d-bgg-to-chart-categorical-05-selected, .h\:d-bgg-to-chart-categorical-05-selected:hover, .f\:d-bgg-to-chart-categorical-05-selected:focus, .f\:d-bgg-to-chart-categorical-05-selected:focus-within, .fv\:d-bgg-to-chart-categorical-05-selected:focus-visible {
  --bgg-to-opacity: var(--dt-color-chart-categorical-05-selected-a);
  --bgg-to: 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(--bgg-to-opacity)) !important;
}
.d-bgg-to-chart-categorical-06, .h\:d-bgg-to-chart-categorical-06:hover, .f\:d-bgg-to-chart-categorical-06:focus, .f\:d-bgg-to-chart-categorical-06:focus-within, .fv\:d-bgg-to-chart-categorical-06:focus-visible {
  --bgg-to-opacity: var(--dt-color-chart-categorical-06-a);
  --bgg-to: hsl(var(--dt-color-chart-categorical-06-h) var(--dt-color-chart-categorical-06-s) var(--dt-color-chart-categorical-06-l) / var(--bgg-to-opacity)) !important;
}
.d-bgg-to-chart-categorical-06-hover, .h\:d-bgg-to-chart-categorical-06-hover:hover, .f\:d-bgg-to-chart-categorical-06-hover:focus, .f\:d-bgg-to-chart-categorical-06-hover:focus-within, .fv\:d-bgg-to-chart-categorical-06-hover:focus-visible {
  --bgg-to-opacity: var(--dt-color-chart-categorical-06-hover-a);
  --bgg-to: 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(--bgg-to-opacity)) !important;
}
.d-bgg-to-chart-categorical-06-selected, .h\:d-bgg-to-chart-categorical-06-selected:hover, .f\:d-bgg-to-chart-categorical-06-selected:focus, .f\:d-bgg-to-chart-categorical-06-selected:focus-within, .fv\:d-bgg-to-chart-categorical-06-selected:focus-visible {
  --bgg-to-opacity: var(--dt-color-chart-categorical-06-selected-a);
  --bgg-to: 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(--bgg-to-opacity)) !important;
}
.d-bgg-to-chart-categorical-07, .h\:d-bgg-to-chart-categorical-07:hover, .f\:d-bgg-to-chart-categorical-07:focus, .f\:d-bgg-to-chart-categorical-07:focus-within, .fv\:d-bgg-to-chart-categorical-07:focus-visible {
  --bgg-to-opacity: var(--dt-color-chart-categorical-07-a);
  --bgg-to: hsl(var(--dt-color-chart-categorical-07-h) var(--dt-color-chart-categorical-07-s) var(--dt-color-chart-categorical-07-l) / var(--bgg-to-opacity)) !important;
}
.d-bgg-to-chart-categorical-07-hover, .h\:d-bgg-to-chart-categorical-07-hover:hover, .f\:d-bgg-to-chart-categorical-07-hover:focus, .f\:d-bgg-to-chart-categorical-07-hover:focus-within, .fv\:d-bgg-to-chart-categorical-07-hover:focus-visible {
  --bgg-to-opacity: var(--dt-color-chart-categorical-07-hover-a);
  --bgg-to: 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(--bgg-to-opacity)) !important;
}
.d-bgg-to-chart-categorical-07-selected, .h\:d-bgg-to-chart-categorical-07-selected:hover, .f\:d-bgg-to-chart-categorical-07-selected:focus, .f\:d-bgg-to-chart-categorical-07-selected:focus-within, .fv\:d-bgg-to-chart-categorical-07-selected:focus-visible {
  --bgg-to-opacity: var(--dt-color-chart-categorical-07-selected-a);
  --bgg-to: 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(--bgg-to-opacity)) !important;
}
.d-bgg-to-chart-categorical-08, .h\:d-bgg-to-chart-categorical-08:hover, .f\:d-bgg-to-chart-categorical-08:focus, .f\:d-bgg-to-chart-categorical-08:focus-within, .fv\:d-bgg-to-chart-categorical-08:focus-visible {
  --bgg-to-opacity: var(--dt-color-chart-categorical-08-a);
  --bgg-to: hsl(var(--dt-color-chart-categorical-08-h) var(--dt-color-chart-categorical-08-s) var(--dt-color-chart-categorical-08-l) / var(--bgg-to-opacity)) !important;
}
.d-bgg-to-chart-categorical-08-hover, .h\:d-bgg-to-chart-categorical-08-hover:hover, .f\:d-bgg-to-chart-categorical-08-hover:focus, .f\:d-bgg-to-chart-categorical-08-hover:focus-within, .fv\:d-bgg-to-chart-categorical-08-hover:focus-visible {
  --bgg-to-opacity: var(--dt-color-chart-categorical-08-hover-a);
  --bgg-to: 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(--bgg-to-opacity)) !important;
}
.d-bgg-to-chart-categorical-08-selected, .h\:d-bgg-to-chart-categorical-08-selected:hover, .f\:d-bgg-to-chart-categorical-08-selected:focus, .f\:d-bgg-to-chart-categorical-08-selected:focus-within, .fv\:d-bgg-to-chart-categorical-08-selected:focus-visible {
  --bgg-to-opacity: var(--dt-color-chart-categorical-08-selected-a);
  --bgg-to: 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(--bgg-to-opacity)) !important;
}
.d-bgg-to-chart-categorical-09, .h\:d-bgg-to-chart-categorical-09:hover, .f\:d-bgg-to-chart-categorical-09:focus, .f\:d-bgg-to-chart-categorical-09:focus-within, .fv\:d-bgg-to-chart-categorical-09:focus-visible {
  --bgg-to-opacity: var(--dt-color-chart-categorical-09-a);
  --bgg-to: hsl(var(--dt-color-chart-categorical-09-h) var(--dt-color-chart-categorical-09-s) var(--dt-color-chart-categorical-09-l) / var(--bgg-to-opacity)) !important;
}
.d-bgg-to-chart-categorical-09-hover, .h\:d-bgg-to-chart-categorical-09-hover:hover, .f\:d-bgg-to-chart-categorical-09-hover:focus, .f\:d-bgg-to-chart-categorical-09-hover:focus-within, .fv\:d-bgg-to-chart-categorical-09-hover:focus-visible {
  --bgg-to-opacity: var(--dt-color-chart-categorical-09-hover-a);
  --bgg-to: 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(--bgg-to-opacity)) !important;
}
.d-bgg-to-chart-categorical-09-selected, .h\:d-bgg-to-chart-categorical-09-selected:hover, .f\:d-bgg-to-chart-categorical-09-selected:focus, .f\:d-bgg-to-chart-categorical-09-selected:focus-within, .fv\:d-bgg-to-chart-categorical-09-selected:focus-visible {
  --bgg-to-opacity: var(--dt-color-chart-categorical-09-selected-a);
  --bgg-to: 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(--bgg-to-opacity)) !important;
}
.d-bgg-to-chart-neutral, .h\:d-bgg-to-chart-neutral:hover, .f\:d-bgg-to-chart-neutral:focus, .f\:d-bgg-to-chart-neutral:focus-within, .fv\:d-bgg-to-chart-neutral:focus-visible {
  --bgg-to-opacity: var(--dt-color-chart-neutral-a);
  --bgg-to: hsl(var(--dt-color-chart-neutral-h) var(--dt-color-chart-neutral-s) var(--dt-color-chart-neutral-l) / var(--bgg-to-opacity)) !important;
}
.d-bgg-to-chart-neutral-hover, .h\:d-bgg-to-chart-neutral-hover:hover, .f\:d-bgg-to-chart-neutral-hover:focus, .f\:d-bgg-to-chart-neutral-hover:focus-within, .fv\:d-bgg-to-chart-neutral-hover:focus-visible {
  --bgg-to-opacity: var(--dt-color-chart-neutral-hover-a);
  --bgg-to: hsl(var(--dt-color-chart-neutral-hover-h) var(--dt-color-chart-neutral-hover-s) var(--dt-color-chart-neutral-hover-l) / var(--bgg-to-opacity)) !important;
}
.d-bgg-to-chart-neutral-selected, .h\:d-bgg-to-chart-neutral-selected:hover, .f\:d-bgg-to-chart-neutral-selected:focus, .f\:d-bgg-to-chart-neutral-selected:focus-within, .fv\:d-bgg-to-chart-neutral-selected:focus-visible {
  --bgg-to-opacity: var(--dt-color-chart-neutral-selected-a);
  --bgg-to: hsl(var(--dt-color-chart-neutral-selected-h) var(--dt-color-chart-neutral-selected-s) var(--dt-color-chart-neutral-selected-l) / var(--bgg-to-opacity)) !important;
}
.d-bgg-to-chart-accent, .h\:d-bgg-to-chart-accent:hover, .f\:d-bgg-to-chart-accent:focus, .f\:d-bgg-to-chart-accent:focus-within, .fv\:d-bgg-to-chart-accent:focus-visible {
  --bgg-to-opacity: var(--dt-color-chart-accent-a);
  --bgg-to: hsl(var(--dt-color-chart-accent-h) var(--dt-color-chart-accent-s) var(--dt-color-chart-accent-l) / var(--bgg-to-opacity)) !important;
}
.d-bgg-to-chart-accent-hover, .h\:d-bgg-to-chart-accent-hover:hover, .f\:d-bgg-to-chart-accent-hover:focus, .f\:d-bgg-to-chart-accent-hover:focus-within, .fv\:d-bgg-to-chart-accent-hover:focus-visible {
  --bgg-to-opacity: var(--dt-color-chart-accent-hover-a);
  --bgg-to: hsl(var(--dt-color-chart-accent-hover-h) var(--dt-color-chart-accent-hover-s) var(--dt-color-chart-accent-hover-l) / var(--bgg-to-opacity)) !important;
}
.d-bgg-to-chart-accent-selected, .h\:d-bgg-to-chart-accent-selected:hover, .f\:d-bgg-to-chart-accent-selected:focus, .f\:d-bgg-to-chart-accent-selected:focus-within, .fv\:d-bgg-to-chart-accent-selected:focus-visible {
  --bgg-to-opacity: var(--dt-color-chart-accent-selected-a);
  --bgg-to: hsl(var(--dt-color-chart-accent-selected-h) var(--dt-color-chart-accent-selected-s) var(--dt-color-chart-accent-selected-l) / var(--bgg-to-opacity)) !important;
}
.d-bgg-to-chart-positive, .h\:d-bgg-to-chart-positive:hover, .f\:d-bgg-to-chart-positive:focus, .f\:d-bgg-to-chart-positive:focus-within, .fv\:d-bgg-to-chart-positive:focus-visible {
  --bgg-to-opacity: var(--dt-color-chart-positive-a);
  --bgg-to: hsl(var(--dt-color-chart-positive-h) var(--dt-color-chart-positive-s) var(--dt-color-chart-positive-l) / var(--bgg-to-opacity)) !important;
}
.d-bgg-to-chart-positive-hover, .h\:d-bgg-to-chart-positive-hover:hover, .f\:d-bgg-to-chart-positive-hover:focus, .f\:d-bgg-to-chart-positive-hover:focus-within, .fv\:d-bgg-to-chart-positive-hover:focus-visible {
  --bgg-to-opacity: var(--dt-color-chart-positive-hover-a);
  --bgg-to: hsl(var(--dt-color-chart-positive-hover-h) var(--dt-color-chart-positive-hover-s) var(--dt-color-chart-positive-hover-l) / var(--bgg-to-opacity)) !important;
}
.d-bgg-to-chart-positive-selected, .h\:d-bgg-to-chart-positive-selected:hover, .f\:d-bgg-to-chart-positive-selected:focus, .f\:d-bgg-to-chart-positive-selected:focus-within, .fv\:d-bgg-to-chart-positive-selected:focus-visible {
  --bgg-to-opacity: var(--dt-color-chart-positive-selected-a);
  --bgg-to: hsl(var(--dt-color-chart-positive-selected-h) var(--dt-color-chart-positive-selected-s) var(--dt-color-chart-positive-selected-l) / var(--bgg-to-opacity)) !important;
}
.d-bgg-to-chart-critical, .h\:d-bgg-to-chart-critical:hover, .f\:d-bgg-to-chart-critical:focus, .f\:d-bgg-to-chart-critical:focus-within, .fv\:d-bgg-to-chart-critical:focus-visible {
  --bgg-to-opacity: var(--dt-color-chart-critical-a);
  --bgg-to: hsl(var(--dt-color-chart-critical-h) var(--dt-color-chart-critical-s) var(--dt-color-chart-critical-l) / var(--bgg-to-opacity)) !important;
}
.d-bgg-to-chart-critical-hover, .h\:d-bgg-to-chart-critical-hover:hover, .f\:d-bgg-to-chart-critical-hover:focus, .f\:d-bgg-to-chart-critical-hover:focus-within, .fv\:d-bgg-to-chart-critical-hover:focus-visible {
  --bgg-to-opacity: var(--dt-color-chart-critical-hover-a);
  --bgg-to: hsl(var(--dt-color-chart-critical-hover-h) var(--dt-color-chart-critical-hover-s) var(--dt-color-chart-critical-hover-l) / var(--bgg-to-opacity)) !important;
}
.d-bgg-to-chart-critical-selected, .h\:d-bgg-to-chart-critical-selected:hover, .f\:d-bgg-to-chart-critical-selected:focus, .f\:d-bgg-to-chart-critical-selected:focus-within, .fv\:d-bgg-to-chart-critical-selected:focus-visible {
  --bgg-to-opacity: var(--dt-color-chart-critical-selected-a);
  --bgg-to: hsl(var(--dt-color-chart-critical-selected-h) var(--dt-color-chart-critical-selected-s) var(--dt-color-chart-critical-selected-l) / var(--bgg-to-opacity)) !important;
}
.d-bgg-to-chart-warning, .h\:d-bgg-to-chart-warning:hover, .f\:d-bgg-to-chart-warning:focus, .f\:d-bgg-to-chart-warning:focus-within, .fv\:d-bgg-to-chart-warning:focus-visible {
  --bgg-to-opacity: var(--dt-color-chart-warning-a);
  --bgg-to: hsl(var(--dt-color-chart-warning-h) var(--dt-color-chart-warning-s) var(--dt-color-chart-warning-l) / var(--bgg-to-opacity)) !important;
}
.d-bgg-to-chart-warning-hover, .h\:d-bgg-to-chart-warning-hover:hover, .f\:d-bgg-to-chart-warning-hover:focus, .f\:d-bgg-to-chart-warning-hover:focus-within, .fv\:d-bgg-to-chart-warning-hover:focus-visible {
  --bgg-to-opacity: var(--dt-color-chart-warning-hover-a);
  --bgg-to: hsl(var(--dt-color-chart-warning-hover-h) var(--dt-color-chart-warning-hover-s) var(--dt-color-chart-warning-hover-l) / var(--bgg-to-opacity)) !important;
}
.d-bgg-to-chart-warning-selected, .h\:d-bgg-to-chart-warning-selected:hover, .f\:d-bgg-to-chart-warning-selected:focus, .f\:d-bgg-to-chart-warning-selected:focus-within, .fv\:d-bgg-to-chart-warning-selected:focus-visible {
  --bgg-to-opacity: var(--dt-color-chart-warning-selected-a);
  --bgg-to: hsl(var(--dt-color-chart-warning-selected-h) var(--dt-color-chart-warning-selected-s) var(--dt-color-chart-warning-selected-l) / var(--bgg-to-opacity)) !important;
}
.d-bgg-to-chart-info, .h\:d-bgg-to-chart-info:hover, .f\:d-bgg-to-chart-info:focus, .f\:d-bgg-to-chart-info:focus-within, .fv\:d-bgg-to-chart-info:focus-visible {
  --bgg-to-opacity: var(--dt-color-chart-info-a);
  --bgg-to: hsl(var(--dt-color-chart-info-h) var(--dt-color-chart-info-s) var(--dt-color-chart-info-l) / var(--bgg-to-opacity)) !important;
}
.d-bgg-to-chart-info-hover, .h\:d-bgg-to-chart-info-hover:hover, .f\:d-bgg-to-chart-info-hover:focus, .f\:d-bgg-to-chart-info-hover:focus-within, .fv\:d-bgg-to-chart-info-hover:focus-visible {
  --bgg-to-opacity: var(--dt-color-chart-info-hover-a);
  --bgg-to: hsl(var(--dt-color-chart-info-hover-h) var(--dt-color-chart-info-hover-s) var(--dt-color-chart-info-hover-l) / var(--bgg-to-opacity)) !important;
}
.d-bgg-to-chart-info-selected, .h\:d-bgg-to-chart-info-selected:hover, .f\:d-bgg-to-chart-info-selected:focus, .f\:d-bgg-to-chart-info-selected:focus-within, .fv\:d-bgg-to-chart-info-selected:focus-visible {
  --bgg-to-opacity: var(--dt-color-chart-info-selected-a);
  --bgg-to: hsl(var(--dt-color-chart-info-selected-h) var(--dt-color-chart-info-selected-s) var(--dt-color-chart-info-selected-l) / var(--bgg-to-opacity)) !important;
}
.d-bgg-to-chart-brand, .h\:d-bgg-to-chart-brand:hover, .f\:d-bgg-to-chart-brand:focus, .f\:d-bgg-to-chart-brand:focus-within, .fv\:d-bgg-to-chart-brand:focus-visible {
  --bgg-to-opacity: var(--dt-color-chart-brand-a);
  --bgg-to: hsl(var(--dt-color-chart-brand-h) var(--dt-color-chart-brand-s) var(--dt-color-chart-brand-l) / var(--bgg-to-opacity)) !important;
}
.d-bgg-to-chart-brand-hover, .h\:d-bgg-to-chart-brand-hover:hover, .f\:d-bgg-to-chart-brand-hover:focus, .f\:d-bgg-to-chart-brand-hover:focus-within, .fv\:d-bgg-to-chart-brand-hover:focus-visible {
  --bgg-to-opacity: var(--dt-color-chart-brand-hover-a);
  --bgg-to: hsl(var(--dt-color-chart-brand-hover-h) var(--dt-color-chart-brand-hover-s) var(--dt-color-chart-brand-hover-l) / var(--bgg-to-opacity)) !important;
}
.d-bgg-to-chart-brand-selected, .h\:d-bgg-to-chart-brand-selected:hover, .f\:d-bgg-to-chart-brand-selected:focus, .f\:d-bgg-to-chart-brand-selected:focus-within, .fv\:d-bgg-to-chart-brand-selected:focus-visible {
  --bgg-to-opacity: var(--dt-color-chart-brand-selected-a);
  --bgg-to: hsl(var(--dt-color-chart-brand-selected-h) var(--dt-color-chart-brand-selected-s) var(--dt-color-chart-brand-selected-l) / var(--bgg-to-opacity)) !important;
}
.d-bgg-to-chart-sequential-10, .h\:d-bgg-to-chart-sequential-10:hover, .f\:d-bgg-to-chart-sequential-10:focus, .f\:d-bgg-to-chart-sequential-10:focus-within, .fv\:d-bgg-to-chart-sequential-10:focus-visible {
  --bgg-to-opacity: var(--dt-color-chart-sequential-10-a);
  --bgg-to: hsl(var(--dt-color-chart-sequential-10-h) var(--dt-color-chart-sequential-10-s) var(--dt-color-chart-sequential-10-l) / var(--bgg-to-opacity)) !important;
}
.d-bgg-to-chart-sequential-01, .h\:d-bgg-to-chart-sequential-01:hover, .f\:d-bgg-to-chart-sequential-01:focus, .f\:d-bgg-to-chart-sequential-01:focus-within, .fv\:d-bgg-to-chart-sequential-01:focus-visible {
  --bgg-to-opacity: var(--dt-color-chart-sequential-01-a);
  --bgg-to: hsl(var(--dt-color-chart-sequential-01-h) var(--dt-color-chart-sequential-01-s) var(--dt-color-chart-sequential-01-l) / var(--bgg-to-opacity)) !important;
}
.d-bgg-to-chart-sequential-01-hover, .h\:d-bgg-to-chart-sequential-01-hover:hover, .f\:d-bgg-to-chart-sequential-01-hover:focus, .f\:d-bgg-to-chart-sequential-01-hover:focus-within, .fv\:d-bgg-to-chart-sequential-01-hover:focus-visible {
  --bgg-to-opacity: var(--dt-color-chart-sequential-01-hover-a);
  --bgg-to: 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(--bgg-to-opacity)) !important;
}
.d-bgg-to-chart-sequential-01-selected, .h\:d-bgg-to-chart-sequential-01-selected:hover, .f\:d-bgg-to-chart-sequential-01-selected:focus, .f\:d-bgg-to-chart-sequential-01-selected:focus-within, .fv\:d-bgg-to-chart-sequential-01-selected:focus-visible {
  --bgg-to-opacity: var(--dt-color-chart-sequential-01-selected-a);
  --bgg-to: 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(--bgg-to-opacity)) !important;
}
.d-bgg-to-chart-sequential-02, .h\:d-bgg-to-chart-sequential-02:hover, .f\:d-bgg-to-chart-sequential-02:focus, .f\:d-bgg-to-chart-sequential-02:focus-within, .fv\:d-bgg-to-chart-sequential-02:focus-visible {
  --bgg-to-opacity: var(--dt-color-chart-sequential-02-a);
  --bgg-to: hsl(var(--dt-color-chart-sequential-02-h) var(--dt-color-chart-sequential-02-s) var(--dt-color-chart-sequential-02-l) / var(--bgg-to-opacity)) !important;
}
.d-bgg-to-chart-sequential-02-hover, .h\:d-bgg-to-chart-sequential-02-hover:hover, .f\:d-bgg-to-chart-sequential-02-hover:focus, .f\:d-bgg-to-chart-sequential-02-hover:focus-within, .fv\:d-bgg-to-chart-sequential-02-hover:focus-visible {
  --bgg-to-opacity: var(--dt-color-chart-sequential-02-hover-a);
  --bgg-to: 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(--bgg-to-opacity)) !important;
}
.d-bgg-to-chart-sequential-02-selected, .h\:d-bgg-to-chart-sequential-02-selected:hover, .f\:d-bgg-to-chart-sequential-02-selected:focus, .f\:d-bgg-to-chart-sequential-02-selected:focus-within, .fv\:d-bgg-to-chart-sequential-02-selected:focus-visible {
  --bgg-to-opacity: var(--dt-color-chart-sequential-02-selected-a);
  --bgg-to: 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(--bgg-to-opacity)) !important;
}
.d-bgg-to-chart-sequential-03, .h\:d-bgg-to-chart-sequential-03:hover, .f\:d-bgg-to-chart-sequential-03:focus, .f\:d-bgg-to-chart-sequential-03:focus-within, .fv\:d-bgg-to-chart-sequential-03:focus-visible {
  --bgg-to-opacity: var(--dt-color-chart-sequential-03-a);
  --bgg-to: hsl(var(--dt-color-chart-sequential-03-h) var(--dt-color-chart-sequential-03-s) var(--dt-color-chart-sequential-03-l) / var(--bgg-to-opacity)) !important;
}
.d-bgg-to-chart-sequential-03-hover, .h\:d-bgg-to-chart-sequential-03-hover:hover, .f\:d-bgg-to-chart-sequential-03-hover:focus, .f\:d-bgg-to-chart-sequential-03-hover:focus-within, .fv\:d-bgg-to-chart-sequential-03-hover:focus-visible {
  --bgg-to-opacity: var(--dt-color-chart-sequential-03-hover-a);
  --bgg-to: 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(--bgg-to-opacity)) !important;
}
.d-bgg-to-chart-sequential-03-selected, .h\:d-bgg-to-chart-sequential-03-selected:hover, .f\:d-bgg-to-chart-sequential-03-selected:focus, .f\:d-bgg-to-chart-sequential-03-selected:focus-within, .fv\:d-bgg-to-chart-sequential-03-selected:focus-visible {
  --bgg-to-opacity: var(--dt-color-chart-sequential-03-selected-a);
  --bgg-to: 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(--bgg-to-opacity)) !important;
}
.d-bgg-to-chart-sequential-04, .h\:d-bgg-to-chart-sequential-04:hover, .f\:d-bgg-to-chart-sequential-04:focus, .f\:d-bgg-to-chart-sequential-04:focus-within, .fv\:d-bgg-to-chart-sequential-04:focus-visible {
  --bgg-to-opacity: var(--dt-color-chart-sequential-04-a);
  --bgg-to: hsl(var(--dt-color-chart-sequential-04-h) var(--dt-color-chart-sequential-04-s) var(--dt-color-chart-sequential-04-l) / var(--bgg-to-opacity)) !important;
}
.d-bgg-to-chart-sequential-04-hover, .h\:d-bgg-to-chart-sequential-04-hover:hover, .f\:d-bgg-to-chart-sequential-04-hover:focus, .f\:d-bgg-to-chart-sequential-04-hover:focus-within, .fv\:d-bgg-to-chart-sequential-04-hover:focus-visible {
  --bgg-to-opacity: var(--dt-color-chart-sequential-04-hover-a);
  --bgg-to: 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(--bgg-to-opacity)) !important;
}
.d-bgg-to-chart-sequential-04-selected, .h\:d-bgg-to-chart-sequential-04-selected:hover, .f\:d-bgg-to-chart-sequential-04-selected:focus, .f\:d-bgg-to-chart-sequential-04-selected:focus-within, .fv\:d-bgg-to-chart-sequential-04-selected:focus-visible {
  --bgg-to-opacity: var(--dt-color-chart-sequential-04-selected-a);
  --bgg-to: 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(--bgg-to-opacity)) !important;
}
.d-bgg-to-chart-sequential-05, .h\:d-bgg-to-chart-sequential-05:hover, .f\:d-bgg-to-chart-sequential-05:focus, .f\:d-bgg-to-chart-sequential-05:focus-within, .fv\:d-bgg-to-chart-sequential-05:focus-visible {
  --bgg-to-opacity: var(--dt-color-chart-sequential-05-a);
  --bgg-to: hsl(var(--dt-color-chart-sequential-05-h) var(--dt-color-chart-sequential-05-s) var(--dt-color-chart-sequential-05-l) / var(--bgg-to-opacity)) !important;
}
.d-bgg-to-chart-sequential-05-hover, .h\:d-bgg-to-chart-sequential-05-hover:hover, .f\:d-bgg-to-chart-sequential-05-hover:focus, .f\:d-bgg-to-chart-sequential-05-hover:focus-within, .fv\:d-bgg-to-chart-sequential-05-hover:focus-visible {
  --bgg-to-opacity: var(--dt-color-chart-sequential-05-hover-a);
  --bgg-to: 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(--bgg-to-opacity)) !important;
}
.d-bgg-to-chart-sequential-05-selected, .h\:d-bgg-to-chart-sequential-05-selected:hover, .f\:d-bgg-to-chart-sequential-05-selected:focus, .f\:d-bgg-to-chart-sequential-05-selected:focus-within, .fv\:d-bgg-to-chart-sequential-05-selected:focus-visible {
  --bgg-to-opacity: var(--dt-color-chart-sequential-05-selected-a);
  --bgg-to: 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(--bgg-to-opacity)) !important;
}
.d-bgg-to-chart-sequential-06, .h\:d-bgg-to-chart-sequential-06:hover, .f\:d-bgg-to-chart-sequential-06:focus, .f\:d-bgg-to-chart-sequential-06:focus-within, .fv\:d-bgg-to-chart-sequential-06:focus-visible {
  --bgg-to-opacity: var(--dt-color-chart-sequential-06-a);
  --bgg-to: hsl(var(--dt-color-chart-sequential-06-h) var(--dt-color-chart-sequential-06-s) var(--dt-color-chart-sequential-06-l) / var(--bgg-to-opacity)) !important;
}
.d-bgg-to-chart-sequential-06-hover, .h\:d-bgg-to-chart-sequential-06-hover:hover, .f\:d-bgg-to-chart-sequential-06-hover:focus, .f\:d-bgg-to-chart-sequential-06-hover:focus-within, .fv\:d-bgg-to-chart-sequential-06-hover:focus-visible {
  --bgg-to-opacity: var(--dt-color-chart-sequential-06-hover-a);
  --bgg-to: 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(--bgg-to-opacity)) !important;
}
.d-bgg-to-chart-sequential-06-selected, .h\:d-bgg-to-chart-sequential-06-selected:hover, .f\:d-bgg-to-chart-sequential-06-selected:focus, .f\:d-bgg-to-chart-sequential-06-selected:focus-within, .fv\:d-bgg-to-chart-sequential-06-selected:focus-visible {
  --bgg-to-opacity: var(--dt-color-chart-sequential-06-selected-a);
  --bgg-to: 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(--bgg-to-opacity)) !important;
}
.d-bgg-to-chart-sequential-07, .h\:d-bgg-to-chart-sequential-07:hover, .f\:d-bgg-to-chart-sequential-07:focus, .f\:d-bgg-to-chart-sequential-07:focus-within, .fv\:d-bgg-to-chart-sequential-07:focus-visible {
  --bgg-to-opacity: var(--dt-color-chart-sequential-07-a);
  --bgg-to: hsl(var(--dt-color-chart-sequential-07-h) var(--dt-color-chart-sequential-07-s) var(--dt-color-chart-sequential-07-l) / var(--bgg-to-opacity)) !important;
}
.d-bgg-to-chart-sequential-07-hover, .h\:d-bgg-to-chart-sequential-07-hover:hover, .f\:d-bgg-to-chart-sequential-07-hover:focus, .f\:d-bgg-to-chart-sequential-07-hover:focus-within, .fv\:d-bgg-to-chart-sequential-07-hover:focus-visible {
  --bgg-to-opacity: var(--dt-color-chart-sequential-07-hover-a);
  --bgg-to: 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(--bgg-to-opacity)) !important;
}
.d-bgg-to-chart-sequential-07-selected, .h\:d-bgg-to-chart-sequential-07-selected:hover, .f\:d-bgg-to-chart-sequential-07-selected:focus, .f\:d-bgg-to-chart-sequential-07-selected:focus-within, .fv\:d-bgg-to-chart-sequential-07-selected:focus-visible {
  --bgg-to-opacity: var(--dt-color-chart-sequential-07-selected-a);
  --bgg-to: 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(--bgg-to-opacity)) !important;
}
.d-bgg-to-chart-sequential-08, .h\:d-bgg-to-chart-sequential-08:hover, .f\:d-bgg-to-chart-sequential-08:focus, .f\:d-bgg-to-chart-sequential-08:focus-within, .fv\:d-bgg-to-chart-sequential-08:focus-visible {
  --bgg-to-opacity: var(--dt-color-chart-sequential-08-a);
  --bgg-to: hsl(var(--dt-color-chart-sequential-08-h) var(--dt-color-chart-sequential-08-s) var(--dt-color-chart-sequential-08-l) / var(--bgg-to-opacity)) !important;
}
.d-bgg-to-chart-sequential-08-hover, .h\:d-bgg-to-chart-sequential-08-hover:hover, .f\:d-bgg-to-chart-sequential-08-hover:focus, .f\:d-bgg-to-chart-sequential-08-hover:focus-within, .fv\:d-bgg-to-chart-sequential-08-hover:focus-visible {
  --bgg-to-opacity: var(--dt-color-chart-sequential-08-hover-a);
  --bgg-to: 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(--bgg-to-opacity)) !important;
}
.d-bgg-to-chart-sequential-08-selected, .h\:d-bgg-to-chart-sequential-08-selected:hover, .f\:d-bgg-to-chart-sequential-08-selected:focus, .f\:d-bgg-to-chart-sequential-08-selected:focus-within, .fv\:d-bgg-to-chart-sequential-08-selected:focus-visible {
  --bgg-to-opacity: var(--dt-color-chart-sequential-08-selected-a);
  --bgg-to: 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(--bgg-to-opacity)) !important;
}
.d-bgg-to-chart-sequential-09, .h\:d-bgg-to-chart-sequential-09:hover, .f\:d-bgg-to-chart-sequential-09:focus, .f\:d-bgg-to-chart-sequential-09:focus-within, .fv\:d-bgg-to-chart-sequential-09:focus-visible {
  --bgg-to-opacity: var(--dt-color-chart-sequential-09-a);
  --bgg-to: hsl(var(--dt-color-chart-sequential-09-h) var(--dt-color-chart-sequential-09-s) var(--dt-color-chart-sequential-09-l) / var(--bgg-to-opacity)) !important;
}
.d-bgg-to-chart-sequential-09-hover, .h\:d-bgg-to-chart-sequential-09-hover:hover, .f\:d-bgg-to-chart-sequential-09-hover:focus, .f\:d-bgg-to-chart-sequential-09-hover:focus-within, .fv\:d-bgg-to-chart-sequential-09-hover:focus-visible {
  --bgg-to-opacity: var(--dt-color-chart-sequential-09-hover-a);
  --bgg-to: 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(--bgg-to-opacity)) !important;
}
.d-bgg-to-chart-sequential-09-selected, .h\:d-bgg-to-chart-sequential-09-selected:hover, .f\:d-bgg-to-chart-sequential-09-selected:focus, .f\:d-bgg-to-chart-sequential-09-selected:focus-within, .fv\:d-bgg-to-chart-sequential-09-selected:focus-visible {
  --bgg-to-opacity: var(--dt-color-chart-sequential-09-selected-a);
  --bgg-to: 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(--bgg-to-opacity)) !important;
}
.d-bgg-to-chart-sequential-10-hover, .h\:d-bgg-to-chart-sequential-10-hover:hover, .f\:d-bgg-to-chart-sequential-10-hover:focus, .f\:d-bgg-to-chart-sequential-10-hover:focus-within, .fv\:d-bgg-to-chart-sequential-10-hover:focus-visible {
  --bgg-to-opacity: var(--dt-color-chart-sequential-10-hover-a);
  --bgg-to: 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(--bgg-to-opacity)) !important;
}
.d-bgg-to-chart-sequential-10-selected, .h\:d-bgg-to-chart-sequential-10-selected:hover, .f\:d-bgg-to-chart-sequential-10-selected:focus, .f\:d-bgg-to-chart-sequential-10-selected:focus-within, .fv\:d-bgg-to-chart-sequential-10-selected:focus-visible {
  --bgg-to-opacity: var(--dt-color-chart-sequential-10-selected-a);
  --bgg-to: 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(--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-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-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-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 > * {
  --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.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-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-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-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-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-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-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-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-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-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-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-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-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-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-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-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-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-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-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-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-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-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-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-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-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-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-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-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;
}
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;
}