/* [project]/src/styles/globals.css [app-client] (css) */
@layer properties {
  @supports (((-webkit-hyphens: none)) and (not (margin-trim: inline))) or ((-moz-orient: inline) and (not (color: rgb(from red r g b)))) {
    *, :before, :after, ::backdrop {
      --tw-translate-x: 0;
      --tw-translate-y: 0;
      --tw-translate-z: 0;
      --tw-scale-x: 1;
      --tw-scale-y: 1;
      --tw-scale-z: 1;
      --tw-rotate-x: initial;
      --tw-rotate-y: initial;
      --tw-rotate-z: initial;
      --tw-skew-x: initial;
      --tw-skew-y: initial;
      --tw-space-y-reverse: 0;
      --tw-space-x-reverse: 0;
      --tw-border-style: solid;
      --tw-leading: initial;
      --tw-font-weight: initial;
      --tw-shadow: 0 0 #0000;
      --tw-shadow-color: initial;
      --tw-shadow-alpha: 100%;
      --tw-inset-shadow: 0 0 #0000;
      --tw-inset-shadow-color: initial;
      --tw-inset-shadow-alpha: 100%;
      --tw-ring-color: initial;
      --tw-ring-shadow: 0 0 #0000;
      --tw-inset-ring-color: initial;
      --tw-inset-ring-shadow: 0 0 #0000;
      --tw-ring-inset: initial;
      --tw-ring-offset-width: 0px;
      --tw-ring-offset-color: #fff;
      --tw-ring-offset-shadow: 0 0 #0000;
      --tw-outline-style: solid;
      --tw-blur: initial;
      --tw-brightness: initial;
      --tw-contrast: initial;
      --tw-grayscale: initial;
      --tw-hue-rotate: initial;
      --tw-invert: initial;
      --tw-opacity: initial;
      --tw-saturate: initial;
      --tw-sepia: initial;
      --tw-drop-shadow: initial;
      --tw-drop-shadow-color: initial;
      --tw-drop-shadow-alpha: 100%;
      --tw-drop-shadow-size: initial;
      --tw-duration: initial;
      --tw-ease: initial;
      --tw-content: "";
    }
  }
}

@layer theme {
  :root, :host {
    --container-sm: 24rem;
    --container-md: 28rem;
    --container-lg: 32rem;
    --container-xl: 36rem;
    --font-weight-light: 300;
    --font-weight-normal: 400;
    --font-weight-semibold: 600;
    --font-weight-bold: 700;
    --font-weight-black: 900;
    --leading-tight: 1.25;
    --drop-shadow-sm: 0 1px 2px #00000026;
    --default-transition-duration: .15s;
    --default-transition-timing-function: cubic-bezier(.4, 0, .2, 1);
    --default-font-family: "DB Neo Screen Sans", helvetica, arial, sans-serif;
    --font-sans: "DB Neo Screen Sans", helvetica, arial, sans-serif;
    --text-body-xs: var(--db-type-body-xs);
    --text-body-sm: var(--db-type-body-sm);
    --text-body-md: var(--db-type-body-md);
    --text-head-xs: var(--db-type-headline-xs);
    --text-head-md: var(--db-type-headline-md);
    --text-head-lg: var(--db-type-headline-lg);
    --spacing-none: 0;
    --spacing-0: 0;
    --gap-0: 0;
    --radius-none: 0;
    --animate-zoom-in: zoom-in .3s ease-out forwards;
  }
}

@layer base {
  *, :after, :before, ::backdrop {
    box-sizing: border-box;
    border: 0 solid;
    margin: 0;
    padding: 0;
  }

  ::file-selector-button {
    box-sizing: border-box;
    border: 0 solid;
    margin: 0;
    padding: 0;
  }

  html, :host {
    -webkit-text-size-adjust: 100%;
    tab-size: 4;
    font-feature-settings: var(--default-font-feature-settings, normal);
    font-variation-settings: var(--default-font-variation-settings, normal);
    -webkit-tap-highlight-color: transparent;
    font-family: DB Neo Screen Sans, helvetica, arial, sans-serif;
    line-height: 1.5;
  }

  hr {
    height: 0;
    color: inherit;
    border-top-width: 1px;
  }

  abbr:where([title]) {
    -webkit-text-decoration: underline dotted;
    text-decoration: underline dotted;
  }

  h1, h2, h3, h4, h5, h6 {
    font-size: inherit;
    font-weight: inherit;
  }

  a {
    color: inherit;
    -webkit-text-decoration: inherit;
    -webkit-text-decoration: inherit;
    -webkit-text-decoration: inherit;
    -webkit-text-decoration: inherit;
    text-decoration: inherit;
  }

  b, strong {
    font-weight: bolder;
  }

  code, kbd, samp, pre {
    font-family: var(--default-mono-font-family, ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace);
    font-feature-settings: var(--default-mono-font-feature-settings, normal);
    font-variation-settings: var(--default-mono-font-variation-settings, normal);
    font-size: 1em;
  }

  small {
    font-size: 80%;
  }

  sub, sup {
    vertical-align: baseline;
    font-size: 75%;
    line-height: 0;
    position: relative;
  }

  sub {
    bottom: -.25em;
  }

  sup {
    top: -.5em;
  }

  table {
    text-indent: 0;
    border-color: inherit;
    border-collapse: collapse;
  }

  :-moz-focusring {
    outline: auto;
  }

  progress {
    vertical-align: baseline;
  }

  summary {
    display: list-item;
  }

  ol, ul, menu {
    list-style: none;
  }

  img, svg, video, canvas, audio, iframe, embed, object {
    vertical-align: middle;
    display: block;
  }

  img, video {
    max-width: 100%;
    height: auto;
  }

  button, input, select, optgroup, textarea {
    font: inherit;
    font-feature-settings: inherit;
    font-variation-settings: inherit;
    letter-spacing: inherit;
    color: inherit;
    opacity: 1;
    background-color: #0000;
    border-radius: 0;
  }

  ::file-selector-button {
    font: inherit;
    font-feature-settings: inherit;
    font-variation-settings: inherit;
    letter-spacing: inherit;
    color: inherit;
    opacity: 1;
    background-color: #0000;
    border-radius: 0;
  }

  :where(select:is([multiple], [size])) optgroup {
    font-weight: bolder;
  }

  :where(select:is([multiple], [size])) optgroup option {
    padding-inline-start: 20px;
  }

  ::file-selector-button {
    margin-inline-end: 4px;
  }

  ::placeholder {
    opacity: 1;
  }

  @supports (not ((-webkit-appearance: -apple-pay-button))) or (contain-intrinsic-size: 1px) {
    ::placeholder {
      color: currentColor;
    }

    @supports (color: color-mix(in lab, red, red)) {
      ::placeholder {
        color: color-mix(in oklab, currentcolor 50%, transparent);
      }
    }
  }

  textarea {
    resize: vertical;
  }

  ::-webkit-search-decoration {
    -webkit-appearance: none;
  }

  ::-webkit-date-and-time-value {
    min-height: 1lh;
    text-align: inherit;
  }

  ::-webkit-datetime-edit {
    display: inline-flex;
  }

  ::-webkit-datetime-edit-fields-wrapper {
    padding: 0;
  }

  ::-webkit-datetime-edit {
    padding-block: 0;
  }

  ::-webkit-datetime-edit-year-field {
    padding-block: 0;
  }

  ::-webkit-datetime-edit-month-field {
    padding-block: 0;
  }

  ::-webkit-datetime-edit-day-field {
    padding-block: 0;
  }

  ::-webkit-datetime-edit-hour-field {
    padding-block: 0;
  }

  ::-webkit-datetime-edit-minute-field {
    padding-block: 0;
  }

  ::-webkit-datetime-edit-second-field {
    padding-block: 0;
  }

  ::-webkit-datetime-edit-millisecond-field {
    padding-block: 0;
  }

  ::-webkit-datetime-edit-meridiem-field {
    padding-block: 0;
  }

  ::-webkit-calendar-picker-indicator {
    line-height: 1;
  }

  :-moz-ui-invalid {
    box-shadow: none;
  }

  button, input:where([type="button"], [type="reset"], [type="submit"]) {
    appearance: button;
  }

  ::file-selector-button {
    appearance: button;
  }

  ::-webkit-inner-spin-button {
    height: auto;
  }

  ::-webkit-outer-spin-button {
    height: auto;
  }

  [hidden]:where(:not([hidden="until-found"])) {
    display: none !important;
  }

  p {
    font: var(--db-type-body-md);
  }

  h1 {
    font: var(--db-type-headline-xl);
  }

  h2 {
    font: var(--db-type-headline-lg);
  }

  h3 {
    font: var(--db-type-headline-md);
  }

  h4 {
    font: var(--db-type-headline-sm);
  }

  h5 {
    font: var(--db-type-headline-xs);
  }

  h6 {
    font: var(--db-type-headline-2xs);
  }

  :not(input):not(select):not(textarea):not(button), :not(input):not(select):not(textarea):not(button):before, :not(input):not(select):not(textarea):not(button):after, ::backdrop {
    border-color: var(--db-adaptive-on-bg-basic-emphasis-60-default, currentcolor);
  }

  .page-container {
    padding: var(--db-spacing-fixed-2xl);
  }

  .db-accordion-item summary + div {
    border-top: 1px solid #d3d3d3;
    padding: 0 !important;
  }
}

@layer components {
  .dbcs-scope .db-custom-select {
    width: 100%;
  }

  .db-custom-select-dropdown.db-card {
    white-space: normal;
    word-break: break-word;
    width: auto;
    min-width: min(48rem, 100vw);
    max-width: min(48rem, 100vw);
  }

  .db-custom-select-list .db-custom-select-list-item {
    white-space: normal;
  }

  .db-custom-select-form-field {
    width: 100%;
  }

  .db-custom-select-dropdown input[type="checkbox"] {
    appearance: checkbox;
  }

  dialog .db-custom-select-dropdown {
    inset-block-start: unset !important;
    inset-inline-start: unset !important;
  }
}

@layer db-ux {
  @charset "UTF-8";

  .db-custom-button input, .db-custom-select-list > legend, .db-custom-select[data-hide-label="true"] > label, .db-input[data-hide-label="true"] > label, .db-select[data-hide-label="true"] > label, .db-textarea[data-hide-label="true"] > label, .db-visually-hidden, [data-visually-hidden="true"] {
    all: initial;
    clip: rect(0,0,0,0) !important;
    white-space: nowrap !important;
    border: 0 initial !important;
    border-color: initial !important;
    border-image: initial !important;
    pointer-events: none !important;
    block-size: 1px !important;
    inline-size: 1px !important;
    padding: 0 !important;
    font-size: 0 !important;
    position: absolute !important;
    inset-block-start: 0 !important;
    overflow: hidden !important;
  }

  .db-color-neutral, .db-custom-select .db-tooltip, .db-custom-select-dropdown, .db-notification[data-semantic="neutral"], :host, :root, [data-color="neutral"], [data-mode], blockquote:not([class]) {
    --db-adaptive-bg-basic-level-1-default: var(--lightningcss-light, #fff) var(--lightningcss-dark, #16181b);
    --db-adaptive-bg-basic-level-1-hovered: var(--lightningcss-light, #f3f3f5) var(--lightningcss-dark, #2e3036);
    --db-adaptive-bg-basic-level-1-pressed: var(--lightningcss-light, #edeef0) var(--lightningcss-dark, #3b3e44);
    --db-adaptive-bg-basic-level-2-default: var(--lightningcss-light, #f3f3f5) var(--lightningcss-dark, #222428);
    --db-adaptive-bg-basic-level-2-hovered: var(--lightningcss-light, #edeef0) var(--lightningcss-dark, #3b3e44);
    --db-adaptive-bg-basic-level-2-pressed: var(--lightningcss-light, #e1e2e6) var(--lightningcss-dark, #484b53);
    --db-adaptive-bg-basic-level-3-default: var(--lightningcss-light, #edeef0) var(--lightningcss-dark, #2e3036);
    --db-adaptive-bg-basic-level-3-hovered: var(--lightningcss-light, #e1e2e6) var(--lightningcss-dark, #16181b);
    --db-adaptive-bg-basic-level-3-pressed: var(--lightningcss-light, #c3c7ce) var(--lightningcss-dark, #0d0e11);
    --db-adaptive-bg-basic-transparent-full-default: transparent;
    --db-adaptive-bg-basic-transparent-semi-default: var(--lightningcss-light, #5a5e6814) var(--lightningcss-dark, #a6abb629);
    --db-adaptive-bg-basic-transparent-full-hovered: var(--lightningcss-light, #5a5e683d) var(--lightningcss-dark, #a6abb63d);
    --db-adaptive-bg-basic-transparent-full-pressed: var(--lightningcss-light, #5a5e6852) var(--lightningcss-dark, #a6abb652);
    --db-adaptive-bg-basic-transparent-semi-hovered: var(--lightningcss-light, #5a5e683d) var(--lightningcss-dark, #a6abb63d);
    --db-adaptive-bg-basic-transparent-semi-pressed: var(--lightningcss-light, #5a5e6852) var(--lightningcss-dark, #a6abb652);
    --db-adaptive-on-bg-basic-emphasis-100-default: var(--lightningcss-light, #16181b) var(--lightningcss-dark, #edeef0);
    --db-adaptive-on-bg-basic-emphasis-100-hovered: var(--lightningcss-light, #484b53) var(--lightningcss-dark, #a6abb6);
    --db-adaptive-on-bg-basic-emphasis-100-pressed: var(--lightningcss-light, #222428) var(--lightningcss-dark, #e1e2e6);
    --db-adaptive-on-bg-basic-emphasis-90-default: var(--lightningcss-light, #3b3e44) var(--lightningcss-dark, #c3c7ce);
    --db-adaptive-on-bg-basic-emphasis-90-hovered: var(--lightningcss-light, #0d0e11) var(--lightningcss-dark, #fff);
    --db-adaptive-on-bg-basic-emphasis-90-pressed: var(--lightningcss-light, #2e3036) var(--lightningcss-dark, #e1e2e6);
    --db-adaptive-on-bg-basic-emphasis-80-default: var(--lightningcss-light, #5a5e68) var(--lightningcss-dark, #a6abb6);
    --db-adaptive-on-bg-basic-emphasis-80-hovered: var(--lightningcss-light, #2e3036) var(--lightningcss-dark, #edeef0);
    --db-adaptive-on-bg-basic-emphasis-80-pressed: var(--lightningcss-light, #484b53) var(--lightningcss-dark, #c3c7ce);
    --db-adaptive-on-bg-basic-emphasis-70-default: var(--lightningcss-light, #727782) var(--lightningcss-dark, #8a919e);
    --db-adaptive-on-bg-basic-emphasis-70-hovered: var(--lightningcss-light, #3b3e44) var(--lightningcss-dark, #c3c7ce);
    --db-adaptive-on-bg-basic-emphasis-70-pressed: var(--lightningcss-light, #5a5e68) var(--lightningcss-dark, #a6abb6);
    --db-adaptive-on-bg-basic-emphasis-60-default: var(--lightningcss-light, #c3c7ce) var(--lightningcss-dark, #5a5e68);
    --db-adaptive-on-bg-basic-emphasis-50-default: var(--lightningcss-light, #edeef0) var(--lightningcss-dark, #2e3036);
    --db-adaptive-bg-inverted-contrast-max-default: var(--lightningcss-light, #16181b) var(--lightningcss-dark, #edeef0);
    --db-adaptive-bg-inverted-contrast-max-hovered: var(--lightningcss-light, #484b53) var(--lightningcss-dark, #a6abb6);
    --db-adaptive-bg-inverted-contrast-max-pressed: var(--lightningcss-light, #222428) var(--lightningcss-dark, #e1e2e6);
    --db-adaptive-bg-inverted-contrast-high-default: var(--lightningcss-light, #5a5e68) var(--lightningcss-dark, #a6abb6);
    --db-adaptive-bg-inverted-contrast-high-hovered: var(--lightningcss-light, #222428) var(--lightningcss-dark, #edeef0);
    --db-adaptive-bg-inverted-contrast-high-pressed: var(--lightningcss-light, #484b53) var(--lightningcss-dark, #c3c7ce);
    --db-adaptive-bg-inverted-contrast-low-default: var(--lightningcss-light, #727782) var(--lightningcss-dark, #8a919e);
    --db-adaptive-bg-inverted-contrast-low-hovered: var(--lightningcss-light, #2e3036) var(--lightningcss-dark, #edeef0);
    --db-adaptive-bg-inverted-contrast-low-pressed: var(--lightningcss-light, #5a5e68) var(--lightningcss-dark, #a6abb6);
    --db-adaptive-on-bg-inverted-default: var(--lightningcss-light, #fff) var(--lightningcss-dark, #2e3036);
    --db-adaptive-on-bg-inverted-hovered: var(--lightningcss-light, #e1e2e6) var(--lightningcss-dark, #0d0e11);
    --db-adaptive-on-bg-inverted-pressed: var(--lightningcss-light, #f3f3f5) var(--lightningcss-dark, #222428);
    --db-adaptive-origin-default: #646973;
    --db-adaptive-origin-hovered: #2c2f34;
    --db-adaptive-origin-pressed: #4d5159;
    --db-adaptive-on-origin-default: #f9f9fa;
    --db-adaptive-bg-vibrant-default: #a6abb6;
    --db-adaptive-bg-vibrant-hovered: #edeef0;
    --db-adaptive-bg-vibrant-pressed: #c3c7ce;
    --db-adaptive-on-bg-vibrant-default: #16181b;
    --db-adaptive-on-bg-vibrant-hovered: #3b3e44;
    --db-adaptive-on-bg-vibrant-pressed: #222428;
  }

  .db-tag:has(label, button:not(.db-tab-remove-button), a)[data-semantic="neutral"] {
    --db-adaptive-bg-basic-level-1-default: var(--lightningcss-light, #fff) var(--lightningcss-dark, #16181b);
    --db-adaptive-bg-basic-level-1-hovered: var(--lightningcss-light, #f3f3f5) var(--lightningcss-dark, #2e3036);
    --db-adaptive-bg-basic-level-1-pressed: var(--lightningcss-light, #edeef0) var(--lightningcss-dark, #3b3e44);
    --db-adaptive-bg-basic-level-2-default: var(--lightningcss-light, #f3f3f5) var(--lightningcss-dark, #222428);
    --db-adaptive-bg-basic-level-2-hovered: var(--lightningcss-light, #edeef0) var(--lightningcss-dark, #3b3e44);
    --db-adaptive-bg-basic-level-2-pressed: var(--lightningcss-light, #e1e2e6) var(--lightningcss-dark, #484b53);
    --db-adaptive-bg-basic-level-3-default: var(--lightningcss-light, #edeef0) var(--lightningcss-dark, #2e3036);
    --db-adaptive-bg-basic-level-3-hovered: var(--lightningcss-light, #e1e2e6) var(--lightningcss-dark, #16181b);
    --db-adaptive-bg-basic-level-3-pressed: var(--lightningcss-light, #c3c7ce) var(--lightningcss-dark, #0d0e11);
    --db-adaptive-bg-basic-transparent-full-default: transparent;
    --db-adaptive-bg-basic-transparent-semi-default: var(--lightningcss-light, #5a5e6814) var(--lightningcss-dark, #a6abb629);
    --db-adaptive-bg-basic-transparent-full-hovered: var(--lightningcss-light, #5a5e683d) var(--lightningcss-dark, #a6abb63d);
    --db-adaptive-bg-basic-transparent-full-pressed: var(--lightningcss-light, #5a5e6852) var(--lightningcss-dark, #a6abb652);
    --db-adaptive-bg-basic-transparent-semi-hovered: var(--lightningcss-light, #5a5e683d) var(--lightningcss-dark, #a6abb63d);
    --db-adaptive-bg-basic-transparent-semi-pressed: var(--lightningcss-light, #5a5e6852) var(--lightningcss-dark, #a6abb652);
    --db-adaptive-on-bg-basic-emphasis-100-default: var(--lightningcss-light, #16181b) var(--lightningcss-dark, #edeef0);
    --db-adaptive-on-bg-basic-emphasis-100-hovered: var(--lightningcss-light, #484b53) var(--lightningcss-dark, #a6abb6);
    --db-adaptive-on-bg-basic-emphasis-100-pressed: var(--lightningcss-light, #222428) var(--lightningcss-dark, #e1e2e6);
    --db-adaptive-on-bg-basic-emphasis-90-default: var(--lightningcss-light, #3b3e44) var(--lightningcss-dark, #c3c7ce);
    --db-adaptive-on-bg-basic-emphasis-90-hovered: var(--lightningcss-light, #0d0e11) var(--lightningcss-dark, #fff);
    --db-adaptive-on-bg-basic-emphasis-90-pressed: var(--lightningcss-light, #2e3036) var(--lightningcss-dark, #e1e2e6);
    --db-adaptive-on-bg-basic-emphasis-80-default: var(--lightningcss-light, #5a5e68) var(--lightningcss-dark, #a6abb6);
    --db-adaptive-on-bg-basic-emphasis-80-hovered: var(--lightningcss-light, #2e3036) var(--lightningcss-dark, #edeef0);
    --db-adaptive-on-bg-basic-emphasis-80-pressed: var(--lightningcss-light, #484b53) var(--lightningcss-dark, #c3c7ce);
    --db-adaptive-on-bg-basic-emphasis-70-default: var(--lightningcss-light, #727782) var(--lightningcss-dark, #8a919e);
    --db-adaptive-on-bg-basic-emphasis-70-hovered: var(--lightningcss-light, #3b3e44) var(--lightningcss-dark, #c3c7ce);
    --db-adaptive-on-bg-basic-emphasis-70-pressed: var(--lightningcss-light, #5a5e68) var(--lightningcss-dark, #a6abb6);
    --db-adaptive-on-bg-basic-emphasis-60-default: var(--lightningcss-light, #c3c7ce) var(--lightningcss-dark, #5a5e68);
    --db-adaptive-on-bg-basic-emphasis-50-default: var(--lightningcss-light, #edeef0) var(--lightningcss-dark, #2e3036);
    --db-adaptive-bg-inverted-contrast-max-default: var(--lightningcss-light, #16181b) var(--lightningcss-dark, #edeef0);
    --db-adaptive-bg-inverted-contrast-max-hovered: var(--lightningcss-light, #484b53) var(--lightningcss-dark, #a6abb6);
    --db-adaptive-bg-inverted-contrast-max-pressed: var(--lightningcss-light, #222428) var(--lightningcss-dark, #e1e2e6);
    --db-adaptive-bg-inverted-contrast-high-default: var(--lightningcss-light, #5a5e68) var(--lightningcss-dark, #a6abb6);
    --db-adaptive-bg-inverted-contrast-high-hovered: var(--lightningcss-light, #222428) var(--lightningcss-dark, #edeef0);
    --db-adaptive-bg-inverted-contrast-high-pressed: var(--lightningcss-light, #484b53) var(--lightningcss-dark, #c3c7ce);
    --db-adaptive-bg-inverted-contrast-low-default: var(--lightningcss-light, #727782) var(--lightningcss-dark, #8a919e);
    --db-adaptive-bg-inverted-contrast-low-hovered: var(--lightningcss-light, #2e3036) var(--lightningcss-dark, #edeef0);
    --db-adaptive-bg-inverted-contrast-low-pressed: var(--lightningcss-light, #5a5e68) var(--lightningcss-dark, #a6abb6);
    --db-adaptive-on-bg-inverted-default: var(--lightningcss-light, #fff) var(--lightningcss-dark, #2e3036);
    --db-adaptive-on-bg-inverted-hovered: var(--lightningcss-light, #e1e2e6) var(--lightningcss-dark, #0d0e11);
    --db-adaptive-on-bg-inverted-pressed: var(--lightningcss-light, #f3f3f5) var(--lightningcss-dark, #222428);
    --db-adaptive-origin-default: #646973;
    --db-adaptive-origin-hovered: #2c2f34;
    --db-adaptive-origin-pressed: #4d5159;
    --db-adaptive-on-origin-default: #f9f9fa;
    --db-adaptive-bg-vibrant-default: #a6abb6;
    --db-adaptive-bg-vibrant-hovered: #edeef0;
    --db-adaptive-bg-vibrant-pressed: #c3c7ce;
    --db-adaptive-on-bg-vibrant-default: #16181b;
    --db-adaptive-on-bg-vibrant-hovered: #3b3e44;
    --db-adaptive-on-bg-vibrant-pressed: #222428;
  }

  :host, :root, [data-mode] {
    color: var(--lightningcss-light, #16181b) var(--lightningcss-dark, #edeef0);
    background-color: var(--lightningcss-light, #fff) var(--lightningcss-dark, #16181b);
  }

  :root:after, :root:before, [data-mode]:after, [data-mode]:before {
    --db-icon-color: var(--lightningcss-light, #16181b) var(--lightningcss-dark, #edeef0);
  }

  blockquote:not([class]) {
    color: var(--lightningcss-light, #16181b) var(--lightningcss-dark, #edeef0);
    background-color: var(--lightningcss-light, #5a5e6814) var(--lightningcss-dark, #a6abb629);
  }

  blockquote:not([class]):after, blockquote:not([class]):before {
    --db-icon-color: var(--lightningcss-light, #16181b) var(--lightningcss-dark, #edeef0);
  }

  .db-color-brand, [data-color="brand"], .db-color-critical, .db-custom-select[data-custom-validity="invalid"], .db-input[data-custom-validity="invalid"], .db-notification[data-semantic="critical"], .db-select[data-custom-validity="invalid"], [data-color="critical"] {
    --db-adaptive-bg-basic-level-1-default: var(--lightningcss-light, #fff8f8) var(--lightningcss-dark, #390001);
    --db-adaptive-bg-basic-level-1-hovered: var(--lightningcss-light, #fff0f0) var(--lightningcss-dark, #690004);
    --db-adaptive-bg-basic-level-1-pressed: var(--lightningcss-light, #ffe9e9) var(--lightningcss-dark, #820007);
    --db-adaptive-bg-basic-level-2-default: var(--lightningcss-light, #fff0f0) var(--lightningcss-dark, #500003);
    --db-adaptive-bg-basic-level-2-hovered: var(--lightningcss-light, #ffe9e9) var(--lightningcss-dark, #820007);
    --db-adaptive-bg-basic-level-2-pressed: var(--lightningcss-light, #ffdada) var(--lightningcss-dark, #9c000a);
    --db-adaptive-bg-basic-level-3-default: var(--lightningcss-light, #ffe9e9) var(--lightningcss-dark, #690004);
    --db-adaptive-bg-basic-level-3-hovered: var(--lightningcss-light, #ffdada) var(--lightningcss-dark, #390001);
    --db-adaptive-bg-basic-level-3-pressed: var(--lightningcss-light, #ffb3b4) var(--lightningcss-dark, #280001);
    --db-adaptive-bg-basic-transparent-full-default: transparent;
    --db-adaptive-bg-basic-transparent-semi-default: var(--lightningcss-light, #c0001014) var(--lightningcss-dark, #ff888a29);
    --db-adaptive-bg-basic-transparent-full-hovered: var(--lightningcss-light, #c000103d) var(--lightningcss-dark, #ff888a3d);
    --db-adaptive-bg-basic-transparent-full-pressed: var(--lightningcss-light, #c0001052) var(--lightningcss-dark, #ff888a52);
    --db-adaptive-bg-basic-transparent-semi-hovered: var(--lightningcss-light, #c000103d) var(--lightningcss-dark, #ff888a3d);
    --db-adaptive-bg-basic-transparent-semi-pressed: var(--lightningcss-light, #c0001052) var(--lightningcss-dark, #ff888a52);
    --db-adaptive-on-bg-basic-emphasis-100-default: var(--lightningcss-light, #390001) var(--lightningcss-dark, #ffe9e9);
    --db-adaptive-on-bg-basic-emphasis-100-hovered: var(--lightningcss-light, #9c000a) var(--lightningcss-dark, #ff888a);
    --db-adaptive-on-bg-basic-emphasis-100-pressed: var(--lightningcss-light, #500003) var(--lightningcss-dark, #ffdada);
    --db-adaptive-on-bg-basic-emphasis-90-default: var(--lightningcss-light, #820007) var(--lightningcss-dark, #ffb3b4);
    --db-adaptive-on-bg-basic-emphasis-90-hovered: var(--lightningcss-light, #280001) var(--lightningcss-dark, #fff8f8);
    --db-adaptive-on-bg-basic-emphasis-90-pressed: var(--lightningcss-light, #690004) var(--lightningcss-dark, #ffdada);
    --db-adaptive-on-bg-basic-emphasis-80-default: var(--lightningcss-light, #c00010) var(--lightningcss-dark, #ff888a);
    --db-adaptive-on-bg-basic-emphasis-80-hovered: var(--lightningcss-light, #690004) var(--lightningcss-dark, #ffe9e9);
    --db-adaptive-on-bg-basic-emphasis-80-pressed: var(--lightningcss-light, #9c000a) var(--lightningcss-dark, #ffb3b4);
    --db-adaptive-on-bg-basic-emphasis-70-default: var(--lightningcss-light, #ef0016) var(--lightningcss-dark, #ff5357);
    --db-adaptive-on-bg-basic-emphasis-70-hovered: var(--lightningcss-light, #820007) var(--lightningcss-dark, #ffb3b4);
    --db-adaptive-on-bg-basic-emphasis-70-pressed: var(--lightningcss-light, #c00010) var(--lightningcss-dark, #ff888a);
    --db-adaptive-on-bg-basic-emphasis-60-default: var(--lightningcss-light, #ffb3b4) var(--lightningcss-dark, #c00010);
    --db-adaptive-on-bg-basic-emphasis-50-default: var(--lightningcss-light, #ff888a) var(--lightningcss-dark, #9c000a);
    --db-adaptive-bg-inverted-contrast-max-default: var(--lightningcss-light, #390001) var(--lightningcss-dark, #ffe9e9);
    --db-adaptive-bg-inverted-contrast-max-hovered: var(--lightningcss-light, #9c000a) var(--lightningcss-dark, #ff888a);
    --db-adaptive-bg-inverted-contrast-max-pressed: var(--lightningcss-light, #500003) var(--lightningcss-dark, #ffdada);
    --db-adaptive-bg-inverted-contrast-high-default: var(--lightningcss-light, #c00010) var(--lightningcss-dark, #ff888a);
    --db-adaptive-bg-inverted-contrast-high-hovered: var(--lightningcss-light, #500003) var(--lightningcss-dark, #ffe9e9);
    --db-adaptive-bg-inverted-contrast-high-pressed: var(--lightningcss-light, #9c000a) var(--lightningcss-dark, #ffb3b4);
    --db-adaptive-bg-inverted-contrast-low-default: var(--lightningcss-light, #ef0016) var(--lightningcss-dark, #ff5357);
    --db-adaptive-bg-inverted-contrast-low-hovered: var(--lightningcss-light, #690004) var(--lightningcss-dark, #ffe9e9);
    --db-adaptive-bg-inverted-contrast-low-pressed: var(--lightningcss-light, #c00010) var(--lightningcss-dark, #ff888a);
    --db-adaptive-on-bg-inverted-default: var(--lightningcss-light, #fff8f8) var(--lightningcss-dark, #690004);
    --db-adaptive-on-bg-inverted-hovered: var(--lightningcss-light, #ffdada) var(--lightningcss-dark, #280001);
    --db-adaptive-on-bg-inverted-pressed: var(--lightningcss-light, #fff0f0) var(--lightningcss-dark, #500003);
    --db-adaptive-origin-default: #ec0016;
    --db-adaptive-origin-hovered: #7b0006;
    --db-adaptive-origin-pressed: #bd000f;
    --db-adaptive-on-origin-default: #fff;
    --db-adaptive-bg-vibrant-default: #ff888a;
    --db-adaptive-bg-vibrant-hovered: #ffe9e9;
    --db-adaptive-bg-vibrant-pressed: #ffb3b4;
    --db-adaptive-on-bg-vibrant-default: #390001;
    --db-adaptive-on-bg-vibrant-hovered: #820007;
    --db-adaptive-on-bg-vibrant-pressed: #500003;
  }

  .db-custom-select:has(select[data-custom-validity="invalid"]) {
    --db-adaptive-bg-basic-level-1-default: var(--lightningcss-light, #fff8f8) var(--lightningcss-dark, #390001);
    --db-adaptive-bg-basic-level-1-hovered: var(--lightningcss-light, #fff0f0) var(--lightningcss-dark, #690004);
    --db-adaptive-bg-basic-level-1-pressed: var(--lightningcss-light, #ffe9e9) var(--lightningcss-dark, #820007);
    --db-adaptive-bg-basic-level-2-default: var(--lightningcss-light, #fff0f0) var(--lightningcss-dark, #500003);
    --db-adaptive-bg-basic-level-2-hovered: var(--lightningcss-light, #ffe9e9) var(--lightningcss-dark, #820007);
    --db-adaptive-bg-basic-level-2-pressed: var(--lightningcss-light, #ffdada) var(--lightningcss-dark, #9c000a);
    --db-adaptive-bg-basic-level-3-default: var(--lightningcss-light, #ffe9e9) var(--lightningcss-dark, #690004);
    --db-adaptive-bg-basic-level-3-hovered: var(--lightningcss-light, #ffdada) var(--lightningcss-dark, #390001);
    --db-adaptive-bg-basic-level-3-pressed: var(--lightningcss-light, #ffb3b4) var(--lightningcss-dark, #280001);
    --db-adaptive-bg-basic-transparent-full-default: transparent;
    --db-adaptive-bg-basic-transparent-semi-default: var(--lightningcss-light, #c0001014) var(--lightningcss-dark, #ff888a29);
    --db-adaptive-bg-basic-transparent-full-hovered: var(--lightningcss-light, #c000103d) var(--lightningcss-dark, #ff888a3d);
    --db-adaptive-bg-basic-transparent-full-pressed: var(--lightningcss-light, #c0001052) var(--lightningcss-dark, #ff888a52);
    --db-adaptive-bg-basic-transparent-semi-hovered: var(--lightningcss-light, #c000103d) var(--lightningcss-dark, #ff888a3d);
    --db-adaptive-bg-basic-transparent-semi-pressed: var(--lightningcss-light, #c0001052) var(--lightningcss-dark, #ff888a52);
    --db-adaptive-on-bg-basic-emphasis-100-default: var(--lightningcss-light, #390001) var(--lightningcss-dark, #ffe9e9);
    --db-adaptive-on-bg-basic-emphasis-100-hovered: var(--lightningcss-light, #9c000a) var(--lightningcss-dark, #ff888a);
    --db-adaptive-on-bg-basic-emphasis-100-pressed: var(--lightningcss-light, #500003) var(--lightningcss-dark, #ffdada);
    --db-adaptive-on-bg-basic-emphasis-90-default: var(--lightningcss-light, #820007) var(--lightningcss-dark, #ffb3b4);
    --db-adaptive-on-bg-basic-emphasis-90-hovered: var(--lightningcss-light, #280001) var(--lightningcss-dark, #fff8f8);
    --db-adaptive-on-bg-basic-emphasis-90-pressed: var(--lightningcss-light, #690004) var(--lightningcss-dark, #ffdada);
    --db-adaptive-on-bg-basic-emphasis-80-default: var(--lightningcss-light, #c00010) var(--lightningcss-dark, #ff888a);
    --db-adaptive-on-bg-basic-emphasis-80-hovered: var(--lightningcss-light, #690004) var(--lightningcss-dark, #ffe9e9);
    --db-adaptive-on-bg-basic-emphasis-80-pressed: var(--lightningcss-light, #9c000a) var(--lightningcss-dark, #ffb3b4);
    --db-adaptive-on-bg-basic-emphasis-70-default: var(--lightningcss-light, #ef0016) var(--lightningcss-dark, #ff5357);
    --db-adaptive-on-bg-basic-emphasis-70-hovered: var(--lightningcss-light, #820007) var(--lightningcss-dark, #ffb3b4);
    --db-adaptive-on-bg-basic-emphasis-70-pressed: var(--lightningcss-light, #c00010) var(--lightningcss-dark, #ff888a);
    --db-adaptive-on-bg-basic-emphasis-60-default: var(--lightningcss-light, #ffb3b4) var(--lightningcss-dark, #c00010);
    --db-adaptive-on-bg-basic-emphasis-50-default: var(--lightningcss-light, #ff888a) var(--lightningcss-dark, #9c000a);
    --db-adaptive-bg-inverted-contrast-max-default: var(--lightningcss-light, #390001) var(--lightningcss-dark, #ffe9e9);
    --db-adaptive-bg-inverted-contrast-max-hovered: var(--lightningcss-light, #9c000a) var(--lightningcss-dark, #ff888a);
    --db-adaptive-bg-inverted-contrast-max-pressed: var(--lightningcss-light, #500003) var(--lightningcss-dark, #ffdada);
    --db-adaptive-bg-inverted-contrast-high-default: var(--lightningcss-light, #c00010) var(--lightningcss-dark, #ff888a);
    --db-adaptive-bg-inverted-contrast-high-hovered: var(--lightningcss-light, #500003) var(--lightningcss-dark, #ffe9e9);
    --db-adaptive-bg-inverted-contrast-high-pressed: var(--lightningcss-light, #9c000a) var(--lightningcss-dark, #ffb3b4);
    --db-adaptive-bg-inverted-contrast-low-default: var(--lightningcss-light, #ef0016) var(--lightningcss-dark, #ff5357);
    --db-adaptive-bg-inverted-contrast-low-hovered: var(--lightningcss-light, #690004) var(--lightningcss-dark, #ffe9e9);
    --db-adaptive-bg-inverted-contrast-low-pressed: var(--lightningcss-light, #c00010) var(--lightningcss-dark, #ff888a);
    --db-adaptive-on-bg-inverted-default: var(--lightningcss-light, #fff8f8) var(--lightningcss-dark, #690004);
    --db-adaptive-on-bg-inverted-hovered: var(--lightningcss-light, #ffdada) var(--lightningcss-dark, #280001);
    --db-adaptive-on-bg-inverted-pressed: var(--lightningcss-light, #fff0f0) var(--lightningcss-dark, #500003);
    --db-adaptive-origin-default: #ec0016;
    --db-adaptive-origin-hovered: #7b0006;
    --db-adaptive-origin-pressed: #bd000f;
    --db-adaptive-on-origin-default: #fff;
    --db-adaptive-bg-vibrant-default: #ff888a;
    --db-adaptive-bg-vibrant-hovered: #ffe9e9;
    --db-adaptive-bg-vibrant-pressed: #ffb3b4;
    --db-adaptive-on-bg-vibrant-default: #390001;
    --db-adaptive-on-bg-vibrant-hovered: #820007;
    --db-adaptive-on-bg-vibrant-pressed: #500003;
  }

  .db-input:has(input[data-custom-validity="invalid"]) {
    --db-adaptive-bg-basic-level-1-default: var(--lightningcss-light, #fff8f8) var(--lightningcss-dark, #390001);
    --db-adaptive-bg-basic-level-1-hovered: var(--lightningcss-light, #fff0f0) var(--lightningcss-dark, #690004);
    --db-adaptive-bg-basic-level-1-pressed: var(--lightningcss-light, #ffe9e9) var(--lightningcss-dark, #820007);
    --db-adaptive-bg-basic-level-2-default: var(--lightningcss-light, #fff0f0) var(--lightningcss-dark, #500003);
    --db-adaptive-bg-basic-level-2-hovered: var(--lightningcss-light, #ffe9e9) var(--lightningcss-dark, #820007);
    --db-adaptive-bg-basic-level-2-pressed: var(--lightningcss-light, #ffdada) var(--lightningcss-dark, #9c000a);
    --db-adaptive-bg-basic-level-3-default: var(--lightningcss-light, #ffe9e9) var(--lightningcss-dark, #690004);
    --db-adaptive-bg-basic-level-3-hovered: var(--lightningcss-light, #ffdada) var(--lightningcss-dark, #390001);
    --db-adaptive-bg-basic-level-3-pressed: var(--lightningcss-light, #ffb3b4) var(--lightningcss-dark, #280001);
    --db-adaptive-bg-basic-transparent-full-default: transparent;
    --db-adaptive-bg-basic-transparent-semi-default: var(--lightningcss-light, #c0001014) var(--lightningcss-dark, #ff888a29);
    --db-adaptive-bg-basic-transparent-full-hovered: var(--lightningcss-light, #c000103d) var(--lightningcss-dark, #ff888a3d);
    --db-adaptive-bg-basic-transparent-full-pressed: var(--lightningcss-light, #c0001052) var(--lightningcss-dark, #ff888a52);
    --db-adaptive-bg-basic-transparent-semi-hovered: var(--lightningcss-light, #c000103d) var(--lightningcss-dark, #ff888a3d);
    --db-adaptive-bg-basic-transparent-semi-pressed: var(--lightningcss-light, #c0001052) var(--lightningcss-dark, #ff888a52);
    --db-adaptive-on-bg-basic-emphasis-100-default: var(--lightningcss-light, #390001) var(--lightningcss-dark, #ffe9e9);
    --db-adaptive-on-bg-basic-emphasis-100-hovered: var(--lightningcss-light, #9c000a) var(--lightningcss-dark, #ff888a);
    --db-adaptive-on-bg-basic-emphasis-100-pressed: var(--lightningcss-light, #500003) var(--lightningcss-dark, #ffdada);
    --db-adaptive-on-bg-basic-emphasis-90-default: var(--lightningcss-light, #820007) var(--lightningcss-dark, #ffb3b4);
    --db-adaptive-on-bg-basic-emphasis-90-hovered: var(--lightningcss-light, #280001) var(--lightningcss-dark, #fff8f8);
    --db-adaptive-on-bg-basic-emphasis-90-pressed: var(--lightningcss-light, #690004) var(--lightningcss-dark, #ffdada);
    --db-adaptive-on-bg-basic-emphasis-80-default: var(--lightningcss-light, #c00010) var(--lightningcss-dark, #ff888a);
    --db-adaptive-on-bg-basic-emphasis-80-hovered: var(--lightningcss-light, #690004) var(--lightningcss-dark, #ffe9e9);
    --db-adaptive-on-bg-basic-emphasis-80-pressed: var(--lightningcss-light, #9c000a) var(--lightningcss-dark, #ffb3b4);
    --db-adaptive-on-bg-basic-emphasis-70-default: var(--lightningcss-light, #ef0016) var(--lightningcss-dark, #ff5357);
    --db-adaptive-on-bg-basic-emphasis-70-hovered: var(--lightningcss-light, #820007) var(--lightningcss-dark, #ffb3b4);
    --db-adaptive-on-bg-basic-emphasis-70-pressed: var(--lightningcss-light, #c00010) var(--lightningcss-dark, #ff888a);
    --db-adaptive-on-bg-basic-emphasis-60-default: var(--lightningcss-light, #ffb3b4) var(--lightningcss-dark, #c00010);
    --db-adaptive-on-bg-basic-emphasis-50-default: var(--lightningcss-light, #ff888a) var(--lightningcss-dark, #9c000a);
    --db-adaptive-bg-inverted-contrast-max-default: var(--lightningcss-light, #390001) var(--lightningcss-dark, #ffe9e9);
    --db-adaptive-bg-inverted-contrast-max-hovered: var(--lightningcss-light, #9c000a) var(--lightningcss-dark, #ff888a);
    --db-adaptive-bg-inverted-contrast-max-pressed: var(--lightningcss-light, #500003) var(--lightningcss-dark, #ffdada);
    --db-adaptive-bg-inverted-contrast-high-default: var(--lightningcss-light, #c00010) var(--lightningcss-dark, #ff888a);
    --db-adaptive-bg-inverted-contrast-high-hovered: var(--lightningcss-light, #500003) var(--lightningcss-dark, #ffe9e9);
    --db-adaptive-bg-inverted-contrast-high-pressed: var(--lightningcss-light, #9c000a) var(--lightningcss-dark, #ffb3b4);
    --db-adaptive-bg-inverted-contrast-low-default: var(--lightningcss-light, #ef0016) var(--lightningcss-dark, #ff5357);
    --db-adaptive-bg-inverted-contrast-low-hovered: var(--lightningcss-light, #690004) var(--lightningcss-dark, #ffe9e9);
    --db-adaptive-bg-inverted-contrast-low-pressed: var(--lightningcss-light, #c00010) var(--lightningcss-dark, #ff888a);
    --db-adaptive-on-bg-inverted-default: var(--lightningcss-light, #fff8f8) var(--lightningcss-dark, #690004);
    --db-adaptive-on-bg-inverted-hovered: var(--lightningcss-light, #ffdada) var(--lightningcss-dark, #280001);
    --db-adaptive-on-bg-inverted-pressed: var(--lightningcss-light, #fff0f0) var(--lightningcss-dark, #500003);
    --db-adaptive-origin-default: #ec0016;
    --db-adaptive-origin-hovered: #7b0006;
    --db-adaptive-origin-pressed: #bd000f;
    --db-adaptive-on-origin-default: #fff;
    --db-adaptive-bg-vibrant-default: #ff888a;
    --db-adaptive-bg-vibrant-hovered: #ffe9e9;
    --db-adaptive-bg-vibrant-pressed: #ffb3b4;
    --db-adaptive-on-bg-vibrant-default: #390001;
    --db-adaptive-on-bg-vibrant-hovered: #820007;
    --db-adaptive-on-bg-vibrant-pressed: #500003;
  }

  .db-select:has(select[data-custom-validity="invalid"]) {
    --db-adaptive-bg-basic-level-1-default: var(--lightningcss-light, #fff8f8) var(--lightningcss-dark, #390001);
    --db-adaptive-bg-basic-level-1-hovered: var(--lightningcss-light, #fff0f0) var(--lightningcss-dark, #690004);
    --db-adaptive-bg-basic-level-1-pressed: var(--lightningcss-light, #ffe9e9) var(--lightningcss-dark, #820007);
    --db-adaptive-bg-basic-level-2-default: var(--lightningcss-light, #fff0f0) var(--lightningcss-dark, #500003);
    --db-adaptive-bg-basic-level-2-hovered: var(--lightningcss-light, #ffe9e9) var(--lightningcss-dark, #820007);
    --db-adaptive-bg-basic-level-2-pressed: var(--lightningcss-light, #ffdada) var(--lightningcss-dark, #9c000a);
    --db-adaptive-bg-basic-level-3-default: var(--lightningcss-light, #ffe9e9) var(--lightningcss-dark, #690004);
    --db-adaptive-bg-basic-level-3-hovered: var(--lightningcss-light, #ffdada) var(--lightningcss-dark, #390001);
    --db-adaptive-bg-basic-level-3-pressed: var(--lightningcss-light, #ffb3b4) var(--lightningcss-dark, #280001);
    --db-adaptive-bg-basic-transparent-full-default: transparent;
    --db-adaptive-bg-basic-transparent-semi-default: var(--lightningcss-light, #c0001014) var(--lightningcss-dark, #ff888a29);
    --db-adaptive-bg-basic-transparent-full-hovered: var(--lightningcss-light, #c000103d) var(--lightningcss-dark, #ff888a3d);
    --db-adaptive-bg-basic-transparent-full-pressed: var(--lightningcss-light, #c0001052) var(--lightningcss-dark, #ff888a52);
    --db-adaptive-bg-basic-transparent-semi-hovered: var(--lightningcss-light, #c000103d) var(--lightningcss-dark, #ff888a3d);
    --db-adaptive-bg-basic-transparent-semi-pressed: var(--lightningcss-light, #c0001052) var(--lightningcss-dark, #ff888a52);
    --db-adaptive-on-bg-basic-emphasis-100-default: var(--lightningcss-light, #390001) var(--lightningcss-dark, #ffe9e9);
    --db-adaptive-on-bg-basic-emphasis-100-hovered: var(--lightningcss-light, #9c000a) var(--lightningcss-dark, #ff888a);
    --db-adaptive-on-bg-basic-emphasis-100-pressed: var(--lightningcss-light, #500003) var(--lightningcss-dark, #ffdada);
    --db-adaptive-on-bg-basic-emphasis-90-default: var(--lightningcss-light, #820007) var(--lightningcss-dark, #ffb3b4);
    --db-adaptive-on-bg-basic-emphasis-90-hovered: var(--lightningcss-light, #280001) var(--lightningcss-dark, #fff8f8);
    --db-adaptive-on-bg-basic-emphasis-90-pressed: var(--lightningcss-light, #690004) var(--lightningcss-dark, #ffdada);
    --db-adaptive-on-bg-basic-emphasis-80-default: var(--lightningcss-light, #c00010) var(--lightningcss-dark, #ff888a);
    --db-adaptive-on-bg-basic-emphasis-80-hovered: var(--lightningcss-light, #690004) var(--lightningcss-dark, #ffe9e9);
    --db-adaptive-on-bg-basic-emphasis-80-pressed: var(--lightningcss-light, #9c000a) var(--lightningcss-dark, #ffb3b4);
    --db-adaptive-on-bg-basic-emphasis-70-default: var(--lightningcss-light, #ef0016) var(--lightningcss-dark, #ff5357);
    --db-adaptive-on-bg-basic-emphasis-70-hovered: var(--lightningcss-light, #820007) var(--lightningcss-dark, #ffb3b4);
    --db-adaptive-on-bg-basic-emphasis-70-pressed: var(--lightningcss-light, #c00010) var(--lightningcss-dark, #ff888a);
    --db-adaptive-on-bg-basic-emphasis-60-default: var(--lightningcss-light, #ffb3b4) var(--lightningcss-dark, #c00010);
    --db-adaptive-on-bg-basic-emphasis-50-default: var(--lightningcss-light, #ff888a) var(--lightningcss-dark, #9c000a);
    --db-adaptive-bg-inverted-contrast-max-default: var(--lightningcss-light, #390001) var(--lightningcss-dark, #ffe9e9);
    --db-adaptive-bg-inverted-contrast-max-hovered: var(--lightningcss-light, #9c000a) var(--lightningcss-dark, #ff888a);
    --db-adaptive-bg-inverted-contrast-max-pressed: var(--lightningcss-light, #500003) var(--lightningcss-dark, #ffdada);
    --db-adaptive-bg-inverted-contrast-high-default: var(--lightningcss-light, #c00010) var(--lightningcss-dark, #ff888a);
    --db-adaptive-bg-inverted-contrast-high-hovered: var(--lightningcss-light, #500003) var(--lightningcss-dark, #ffe9e9);
    --db-adaptive-bg-inverted-contrast-high-pressed: var(--lightningcss-light, #9c000a) var(--lightningcss-dark, #ffb3b4);
    --db-adaptive-bg-inverted-contrast-low-default: var(--lightningcss-light, #ef0016) var(--lightningcss-dark, #ff5357);
    --db-adaptive-bg-inverted-contrast-low-hovered: var(--lightningcss-light, #690004) var(--lightningcss-dark, #ffe9e9);
    --db-adaptive-bg-inverted-contrast-low-pressed: var(--lightningcss-light, #c00010) var(--lightningcss-dark, #ff888a);
    --db-adaptive-on-bg-inverted-default: var(--lightningcss-light, #fff8f8) var(--lightningcss-dark, #690004);
    --db-adaptive-on-bg-inverted-hovered: var(--lightningcss-light, #ffdada) var(--lightningcss-dark, #280001);
    --db-adaptive-on-bg-inverted-pressed: var(--lightningcss-light, #fff0f0) var(--lightningcss-dark, #500003);
    --db-adaptive-origin-default: #ec0016;
    --db-adaptive-origin-hovered: #7b0006;
    --db-adaptive-origin-pressed: #bd000f;
    --db-adaptive-on-origin-default: #fff;
    --db-adaptive-bg-vibrant-default: #ff888a;
    --db-adaptive-bg-vibrant-hovered: #ffe9e9;
    --db-adaptive-bg-vibrant-pressed: #ffb3b4;
    --db-adaptive-on-bg-vibrant-default: #390001;
    --db-adaptive-on-bg-vibrant-hovered: #820007;
    --db-adaptive-on-bg-vibrant-pressed: #500003;
  }

  .db-tag:has(label, button:not(.db-tab-remove-button), a)[data-semantic="critical"] {
    --db-adaptive-bg-basic-level-1-default: var(--lightningcss-light, #fff8f8) var(--lightningcss-dark, #390001);
    --db-adaptive-bg-basic-level-1-hovered: var(--lightningcss-light, #fff0f0) var(--lightningcss-dark, #690004);
    --db-adaptive-bg-basic-level-1-pressed: var(--lightningcss-light, #ffe9e9) var(--lightningcss-dark, #820007);
    --db-adaptive-bg-basic-level-2-default: var(--lightningcss-light, #fff0f0) var(--lightningcss-dark, #500003);
    --db-adaptive-bg-basic-level-2-hovered: var(--lightningcss-light, #ffe9e9) var(--lightningcss-dark, #820007);
    --db-adaptive-bg-basic-level-2-pressed: var(--lightningcss-light, #ffdada) var(--lightningcss-dark, #9c000a);
    --db-adaptive-bg-basic-level-3-default: var(--lightningcss-light, #ffe9e9) var(--lightningcss-dark, #690004);
    --db-adaptive-bg-basic-level-3-hovered: var(--lightningcss-light, #ffdada) var(--lightningcss-dark, #390001);
    --db-adaptive-bg-basic-level-3-pressed: var(--lightningcss-light, #ffb3b4) var(--lightningcss-dark, #280001);
    --db-adaptive-bg-basic-transparent-full-default: transparent;
    --db-adaptive-bg-basic-transparent-semi-default: var(--lightningcss-light, #c0001014) var(--lightningcss-dark, #ff888a29);
    --db-adaptive-bg-basic-transparent-full-hovered: var(--lightningcss-light, #c000103d) var(--lightningcss-dark, #ff888a3d);
    --db-adaptive-bg-basic-transparent-full-pressed: var(--lightningcss-light, #c0001052) var(--lightningcss-dark, #ff888a52);
    --db-adaptive-bg-basic-transparent-semi-hovered: var(--lightningcss-light, #c000103d) var(--lightningcss-dark, #ff888a3d);
    --db-adaptive-bg-basic-transparent-semi-pressed: var(--lightningcss-light, #c0001052) var(--lightningcss-dark, #ff888a52);
    --db-adaptive-on-bg-basic-emphasis-100-default: var(--lightningcss-light, #390001) var(--lightningcss-dark, #ffe9e9);
    --db-adaptive-on-bg-basic-emphasis-100-hovered: var(--lightningcss-light, #9c000a) var(--lightningcss-dark, #ff888a);
    --db-adaptive-on-bg-basic-emphasis-100-pressed: var(--lightningcss-light, #500003) var(--lightningcss-dark, #ffdada);
    --db-adaptive-on-bg-basic-emphasis-90-default: var(--lightningcss-light, #820007) var(--lightningcss-dark, #ffb3b4);
    --db-adaptive-on-bg-basic-emphasis-90-hovered: var(--lightningcss-light, #280001) var(--lightningcss-dark, #fff8f8);
    --db-adaptive-on-bg-basic-emphasis-90-pressed: var(--lightningcss-light, #690004) var(--lightningcss-dark, #ffdada);
    --db-adaptive-on-bg-basic-emphasis-80-default: var(--lightningcss-light, #c00010) var(--lightningcss-dark, #ff888a);
    --db-adaptive-on-bg-basic-emphasis-80-hovered: var(--lightningcss-light, #690004) var(--lightningcss-dark, #ffe9e9);
    --db-adaptive-on-bg-basic-emphasis-80-pressed: var(--lightningcss-light, #9c000a) var(--lightningcss-dark, #ffb3b4);
    --db-adaptive-on-bg-basic-emphasis-70-default: var(--lightningcss-light, #ef0016) var(--lightningcss-dark, #ff5357);
    --db-adaptive-on-bg-basic-emphasis-70-hovered: var(--lightningcss-light, #820007) var(--lightningcss-dark, #ffb3b4);
    --db-adaptive-on-bg-basic-emphasis-70-pressed: var(--lightningcss-light, #c00010) var(--lightningcss-dark, #ff888a);
    --db-adaptive-on-bg-basic-emphasis-60-default: var(--lightningcss-light, #ffb3b4) var(--lightningcss-dark, #c00010);
    --db-adaptive-on-bg-basic-emphasis-50-default: var(--lightningcss-light, #ff888a) var(--lightningcss-dark, #9c000a);
    --db-adaptive-bg-inverted-contrast-max-default: var(--lightningcss-light, #390001) var(--lightningcss-dark, #ffe9e9);
    --db-adaptive-bg-inverted-contrast-max-hovered: var(--lightningcss-light, #9c000a) var(--lightningcss-dark, #ff888a);
    --db-adaptive-bg-inverted-contrast-max-pressed: var(--lightningcss-light, #500003) var(--lightningcss-dark, #ffdada);
    --db-adaptive-bg-inverted-contrast-high-default: var(--lightningcss-light, #c00010) var(--lightningcss-dark, #ff888a);
    --db-adaptive-bg-inverted-contrast-high-hovered: var(--lightningcss-light, #500003) var(--lightningcss-dark, #ffe9e9);
    --db-adaptive-bg-inverted-contrast-high-pressed: var(--lightningcss-light, #9c000a) var(--lightningcss-dark, #ffb3b4);
    --db-adaptive-bg-inverted-contrast-low-default: var(--lightningcss-light, #ef0016) var(--lightningcss-dark, #ff5357);
    --db-adaptive-bg-inverted-contrast-low-hovered: var(--lightningcss-light, #690004) var(--lightningcss-dark, #ffe9e9);
    --db-adaptive-bg-inverted-contrast-low-pressed: var(--lightningcss-light, #c00010) var(--lightningcss-dark, #ff888a);
    --db-adaptive-on-bg-inverted-default: var(--lightningcss-light, #fff8f8) var(--lightningcss-dark, #690004);
    --db-adaptive-on-bg-inverted-hovered: var(--lightningcss-light, #ffdada) var(--lightningcss-dark, #280001);
    --db-adaptive-on-bg-inverted-pressed: var(--lightningcss-light, #fff0f0) var(--lightningcss-dark, #500003);
    --db-adaptive-origin-default: #ec0016;
    --db-adaptive-origin-hovered: #7b0006;
    --db-adaptive-origin-pressed: #bd000f;
    --db-adaptive-on-origin-default: #fff;
    --db-adaptive-bg-vibrant-default: #ff888a;
    --db-adaptive-bg-vibrant-hovered: #ffe9e9;
    --db-adaptive-bg-vibrant-pressed: #ffb3b4;
    --db-adaptive-on-bg-vibrant-default: #390001;
    --db-adaptive-on-bg-vibrant-hovered: #820007;
    --db-adaptive-on-bg-vibrant-pressed: #500003;
  }

  .db-custom-select:has(select:not([data-custom-validity]):required:user-invalid) {
    --db-adaptive-bg-basic-level-1-default: var(--lightningcss-light, #fff8f8) var(--lightningcss-dark, #390001);
    --db-adaptive-bg-basic-level-1-hovered: var(--lightningcss-light, #fff0f0) var(--lightningcss-dark, #690004);
    --db-adaptive-bg-basic-level-1-pressed: var(--lightningcss-light, #ffe9e9) var(--lightningcss-dark, #820007);
    --db-adaptive-bg-basic-level-2-default: var(--lightningcss-light, #fff0f0) var(--lightningcss-dark, #500003);
    --db-adaptive-bg-basic-level-2-hovered: var(--lightningcss-light, #ffe9e9) var(--lightningcss-dark, #820007);
    --db-adaptive-bg-basic-level-2-pressed: var(--lightningcss-light, #ffdada) var(--lightningcss-dark, #9c000a);
    --db-adaptive-bg-basic-level-3-default: var(--lightningcss-light, #ffe9e9) var(--lightningcss-dark, #690004);
    --db-adaptive-bg-basic-level-3-hovered: var(--lightningcss-light, #ffdada) var(--lightningcss-dark, #390001);
    --db-adaptive-bg-basic-level-3-pressed: var(--lightningcss-light, #ffb3b4) var(--lightningcss-dark, #280001);
    --db-adaptive-bg-basic-transparent-full-default: transparent;
    --db-adaptive-bg-basic-transparent-semi-default: var(--lightningcss-light, #c0001014) var(--lightningcss-dark, #ff888a29);
    --db-adaptive-bg-basic-transparent-full-hovered: var(--lightningcss-light, #c000103d) var(--lightningcss-dark, #ff888a3d);
    --db-adaptive-bg-basic-transparent-full-pressed: var(--lightningcss-light, #c0001052) var(--lightningcss-dark, #ff888a52);
    --db-adaptive-bg-basic-transparent-semi-hovered: var(--lightningcss-light, #c000103d) var(--lightningcss-dark, #ff888a3d);
    --db-adaptive-bg-basic-transparent-semi-pressed: var(--lightningcss-light, #c0001052) var(--lightningcss-dark, #ff888a52);
    --db-adaptive-on-bg-basic-emphasis-100-default: var(--lightningcss-light, #390001) var(--lightningcss-dark, #ffe9e9);
    --db-adaptive-on-bg-basic-emphasis-100-hovered: var(--lightningcss-light, #9c000a) var(--lightningcss-dark, #ff888a);
    --db-adaptive-on-bg-basic-emphasis-100-pressed: var(--lightningcss-light, #500003) var(--lightningcss-dark, #ffdada);
    --db-adaptive-on-bg-basic-emphasis-90-default: var(--lightningcss-light, #820007) var(--lightningcss-dark, #ffb3b4);
    --db-adaptive-on-bg-basic-emphasis-90-hovered: var(--lightningcss-light, #280001) var(--lightningcss-dark, #fff8f8);
    --db-adaptive-on-bg-basic-emphasis-90-pressed: var(--lightningcss-light, #690004) var(--lightningcss-dark, #ffdada);
    --db-adaptive-on-bg-basic-emphasis-80-default: var(--lightningcss-light, #c00010) var(--lightningcss-dark, #ff888a);
    --db-adaptive-on-bg-basic-emphasis-80-hovered: var(--lightningcss-light, #690004) var(--lightningcss-dark, #ffe9e9);
    --db-adaptive-on-bg-basic-emphasis-80-pressed: var(--lightningcss-light, #9c000a) var(--lightningcss-dark, #ffb3b4);
    --db-adaptive-on-bg-basic-emphasis-70-default: var(--lightningcss-light, #ef0016) var(--lightningcss-dark, #ff5357);
    --db-adaptive-on-bg-basic-emphasis-70-hovered: var(--lightningcss-light, #820007) var(--lightningcss-dark, #ffb3b4);
    --db-adaptive-on-bg-basic-emphasis-70-pressed: var(--lightningcss-light, #c00010) var(--lightningcss-dark, #ff888a);
    --db-adaptive-on-bg-basic-emphasis-60-default: var(--lightningcss-light, #ffb3b4) var(--lightningcss-dark, #c00010);
    --db-adaptive-on-bg-basic-emphasis-50-default: var(--lightningcss-light, #ff888a) var(--lightningcss-dark, #9c000a);
    --db-adaptive-bg-inverted-contrast-max-default: var(--lightningcss-light, #390001) var(--lightningcss-dark, #ffe9e9);
    --db-adaptive-bg-inverted-contrast-max-hovered: var(--lightningcss-light, #9c000a) var(--lightningcss-dark, #ff888a);
    --db-adaptive-bg-inverted-contrast-max-pressed: var(--lightningcss-light, #500003) var(--lightningcss-dark, #ffdada);
    --db-adaptive-bg-inverted-contrast-high-default: var(--lightningcss-light, #c00010) var(--lightningcss-dark, #ff888a);
    --db-adaptive-bg-inverted-contrast-high-hovered: var(--lightningcss-light, #500003) var(--lightningcss-dark, #ffe9e9);
    --db-adaptive-bg-inverted-contrast-high-pressed: var(--lightningcss-light, #9c000a) var(--lightningcss-dark, #ffb3b4);
    --db-adaptive-bg-inverted-contrast-low-default: var(--lightningcss-light, #ef0016) var(--lightningcss-dark, #ff5357);
    --db-adaptive-bg-inverted-contrast-low-hovered: var(--lightningcss-light, #690004) var(--lightningcss-dark, #ffe9e9);
    --db-adaptive-bg-inverted-contrast-low-pressed: var(--lightningcss-light, #c00010) var(--lightningcss-dark, #ff888a);
    --db-adaptive-on-bg-inverted-default: var(--lightningcss-light, #fff8f8) var(--lightningcss-dark, #690004);
    --db-adaptive-on-bg-inverted-hovered: var(--lightningcss-light, #ffdada) var(--lightningcss-dark, #280001);
    --db-adaptive-on-bg-inverted-pressed: var(--lightningcss-light, #fff0f0) var(--lightningcss-dark, #500003);
    --db-adaptive-origin-default: #ec0016;
    --db-adaptive-origin-hovered: #7b0006;
    --db-adaptive-origin-pressed: #bd000f;
    --db-adaptive-on-origin-default: #fff;
    --db-adaptive-bg-vibrant-default: #ff888a;
    --db-adaptive-bg-vibrant-hovered: #ffe9e9;
    --db-adaptive-bg-vibrant-pressed: #ffb3b4;
    --db-adaptive-on-bg-vibrant-default: #390001;
    --db-adaptive-on-bg-vibrant-hovered: #820007;
    --db-adaptive-on-bg-vibrant-pressed: #500003;
  }

  .db-input:has(input:not([data-custom-validity]):is(:required, [minlength], [maxlength], [pattern], [type="color"], [type="date"], [type="datetime-local"], [type="email"], [type="file"], [type="hidden"], [type="month"], [type="number"], [type="range"], [type="tel"], [type="time"], [type="url"], [type="week"]):user-invalid) {
    --db-adaptive-bg-basic-level-1-default: var(--lightningcss-light, #fff8f8) var(--lightningcss-dark, #390001);
    --db-adaptive-bg-basic-level-1-hovered: var(--lightningcss-light, #fff0f0) var(--lightningcss-dark, #690004);
    --db-adaptive-bg-basic-level-1-pressed: var(--lightningcss-light, #ffe9e9) var(--lightningcss-dark, #820007);
    --db-adaptive-bg-basic-level-2-default: var(--lightningcss-light, #fff0f0) var(--lightningcss-dark, #500003);
    --db-adaptive-bg-basic-level-2-hovered: var(--lightningcss-light, #ffe9e9) var(--lightningcss-dark, #820007);
    --db-adaptive-bg-basic-level-2-pressed: var(--lightningcss-light, #ffdada) var(--lightningcss-dark, #9c000a);
    --db-adaptive-bg-basic-level-3-default: var(--lightningcss-light, #ffe9e9) var(--lightningcss-dark, #690004);
    --db-adaptive-bg-basic-level-3-hovered: var(--lightningcss-light, #ffdada) var(--lightningcss-dark, #390001);
    --db-adaptive-bg-basic-level-3-pressed: var(--lightningcss-light, #ffb3b4) var(--lightningcss-dark, #280001);
    --db-adaptive-bg-basic-transparent-full-default: transparent;
    --db-adaptive-bg-basic-transparent-semi-default: var(--lightningcss-light, #c0001014) var(--lightningcss-dark, #ff888a29);
    --db-adaptive-bg-basic-transparent-full-hovered: var(--lightningcss-light, #c000103d) var(--lightningcss-dark, #ff888a3d);
    --db-adaptive-bg-basic-transparent-full-pressed: var(--lightningcss-light, #c0001052) var(--lightningcss-dark, #ff888a52);
    --db-adaptive-bg-basic-transparent-semi-hovered: var(--lightningcss-light, #c000103d) var(--lightningcss-dark, #ff888a3d);
    --db-adaptive-bg-basic-transparent-semi-pressed: var(--lightningcss-light, #c0001052) var(--lightningcss-dark, #ff888a52);
    --db-adaptive-on-bg-basic-emphasis-100-default: var(--lightningcss-light, #390001) var(--lightningcss-dark, #ffe9e9);
    --db-adaptive-on-bg-basic-emphasis-100-hovered: var(--lightningcss-light, #9c000a) var(--lightningcss-dark, #ff888a);
    --db-adaptive-on-bg-basic-emphasis-100-pressed: var(--lightningcss-light, #500003) var(--lightningcss-dark, #ffdada);
    --db-adaptive-on-bg-basic-emphasis-90-default: var(--lightningcss-light, #820007) var(--lightningcss-dark, #ffb3b4);
    --db-adaptive-on-bg-basic-emphasis-90-hovered: var(--lightningcss-light, #280001) var(--lightningcss-dark, #fff8f8);
    --db-adaptive-on-bg-basic-emphasis-90-pressed: var(--lightningcss-light, #690004) var(--lightningcss-dark, #ffdada);
    --db-adaptive-on-bg-basic-emphasis-80-default: var(--lightningcss-light, #c00010) var(--lightningcss-dark, #ff888a);
    --db-adaptive-on-bg-basic-emphasis-80-hovered: var(--lightningcss-light, #690004) var(--lightningcss-dark, #ffe9e9);
    --db-adaptive-on-bg-basic-emphasis-80-pressed: var(--lightningcss-light, #9c000a) var(--lightningcss-dark, #ffb3b4);
    --db-adaptive-on-bg-basic-emphasis-70-default: var(--lightningcss-light, #ef0016) var(--lightningcss-dark, #ff5357);
    --db-adaptive-on-bg-basic-emphasis-70-hovered: var(--lightningcss-light, #820007) var(--lightningcss-dark, #ffb3b4);
    --db-adaptive-on-bg-basic-emphasis-70-pressed: var(--lightningcss-light, #c00010) var(--lightningcss-dark, #ff888a);
    --db-adaptive-on-bg-basic-emphasis-60-default: var(--lightningcss-light, #ffb3b4) var(--lightningcss-dark, #c00010);
    --db-adaptive-on-bg-basic-emphasis-50-default: var(--lightningcss-light, #ff888a) var(--lightningcss-dark, #9c000a);
    --db-adaptive-bg-inverted-contrast-max-default: var(--lightningcss-light, #390001) var(--lightningcss-dark, #ffe9e9);
    --db-adaptive-bg-inverted-contrast-max-hovered: var(--lightningcss-light, #9c000a) var(--lightningcss-dark, #ff888a);
    --db-adaptive-bg-inverted-contrast-max-pressed: var(--lightningcss-light, #500003) var(--lightningcss-dark, #ffdada);
    --db-adaptive-bg-inverted-contrast-high-default: var(--lightningcss-light, #c00010) var(--lightningcss-dark, #ff888a);
    --db-adaptive-bg-inverted-contrast-high-hovered: var(--lightningcss-light, #500003) var(--lightningcss-dark, #ffe9e9);
    --db-adaptive-bg-inverted-contrast-high-pressed: var(--lightningcss-light, #9c000a) var(--lightningcss-dark, #ffb3b4);
    --db-adaptive-bg-inverted-contrast-low-default: var(--lightningcss-light, #ef0016) var(--lightningcss-dark, #ff5357);
    --db-adaptive-bg-inverted-contrast-low-hovered: var(--lightningcss-light, #690004) var(--lightningcss-dark, #ffe9e9);
    --db-adaptive-bg-inverted-contrast-low-pressed: var(--lightningcss-light, #c00010) var(--lightningcss-dark, #ff888a);
    --db-adaptive-on-bg-inverted-default: var(--lightningcss-light, #fff8f8) var(--lightningcss-dark, #690004);
    --db-adaptive-on-bg-inverted-hovered: var(--lightningcss-light, #ffdada) var(--lightningcss-dark, #280001);
    --db-adaptive-on-bg-inverted-pressed: var(--lightningcss-light, #fff0f0) var(--lightningcss-dark, #500003);
    --db-adaptive-origin-default: #ec0016;
    --db-adaptive-origin-hovered: #7b0006;
    --db-adaptive-origin-pressed: #bd000f;
    --db-adaptive-on-origin-default: #fff;
    --db-adaptive-bg-vibrant-default: #ff888a;
    --db-adaptive-bg-vibrant-hovered: #ffe9e9;
    --db-adaptive-bg-vibrant-pressed: #ffb3b4;
    --db-adaptive-on-bg-vibrant-default: #390001;
    --db-adaptive-on-bg-vibrant-hovered: #820007;
    --db-adaptive-on-bg-vibrant-pressed: #500003;
  }

  .db-select:has(select:not([data-custom-validity]):required:user-invalid) {
    --db-adaptive-bg-basic-level-1-default: var(--lightningcss-light, #fff8f8) var(--lightningcss-dark, #390001);
    --db-adaptive-bg-basic-level-1-hovered: var(--lightningcss-light, #fff0f0) var(--lightningcss-dark, #690004);
    --db-adaptive-bg-basic-level-1-pressed: var(--lightningcss-light, #ffe9e9) var(--lightningcss-dark, #820007);
    --db-adaptive-bg-basic-level-2-default: var(--lightningcss-light, #fff0f0) var(--lightningcss-dark, #500003);
    --db-adaptive-bg-basic-level-2-hovered: var(--lightningcss-light, #ffe9e9) var(--lightningcss-dark, #820007);
    --db-adaptive-bg-basic-level-2-pressed: var(--lightningcss-light, #ffdada) var(--lightningcss-dark, #9c000a);
    --db-adaptive-bg-basic-level-3-default: var(--lightningcss-light, #ffe9e9) var(--lightningcss-dark, #690004);
    --db-adaptive-bg-basic-level-3-hovered: var(--lightningcss-light, #ffdada) var(--lightningcss-dark, #390001);
    --db-adaptive-bg-basic-level-3-pressed: var(--lightningcss-light, #ffb3b4) var(--lightningcss-dark, #280001);
    --db-adaptive-bg-basic-transparent-full-default: transparent;
    --db-adaptive-bg-basic-transparent-semi-default: var(--lightningcss-light, #c0001014) var(--lightningcss-dark, #ff888a29);
    --db-adaptive-bg-basic-transparent-full-hovered: var(--lightningcss-light, #c000103d) var(--lightningcss-dark, #ff888a3d);
    --db-adaptive-bg-basic-transparent-full-pressed: var(--lightningcss-light, #c0001052) var(--lightningcss-dark, #ff888a52);
    --db-adaptive-bg-basic-transparent-semi-hovered: var(--lightningcss-light, #c000103d) var(--lightningcss-dark, #ff888a3d);
    --db-adaptive-bg-basic-transparent-semi-pressed: var(--lightningcss-light, #c0001052) var(--lightningcss-dark, #ff888a52);
    --db-adaptive-on-bg-basic-emphasis-100-default: var(--lightningcss-light, #390001) var(--lightningcss-dark, #ffe9e9);
    --db-adaptive-on-bg-basic-emphasis-100-hovered: var(--lightningcss-light, #9c000a) var(--lightningcss-dark, #ff888a);
    --db-adaptive-on-bg-basic-emphasis-100-pressed: var(--lightningcss-light, #500003) var(--lightningcss-dark, #ffdada);
    --db-adaptive-on-bg-basic-emphasis-90-default: var(--lightningcss-light, #820007) var(--lightningcss-dark, #ffb3b4);
    --db-adaptive-on-bg-basic-emphasis-90-hovered: var(--lightningcss-light, #280001) var(--lightningcss-dark, #fff8f8);
    --db-adaptive-on-bg-basic-emphasis-90-pressed: var(--lightningcss-light, #690004) var(--lightningcss-dark, #ffdada);
    --db-adaptive-on-bg-basic-emphasis-80-default: var(--lightningcss-light, #c00010) var(--lightningcss-dark, #ff888a);
    --db-adaptive-on-bg-basic-emphasis-80-hovered: var(--lightningcss-light, #690004) var(--lightningcss-dark, #ffe9e9);
    --db-adaptive-on-bg-basic-emphasis-80-pressed: var(--lightningcss-light, #9c000a) var(--lightningcss-dark, #ffb3b4);
    --db-adaptive-on-bg-basic-emphasis-70-default: var(--lightningcss-light, #ef0016) var(--lightningcss-dark, #ff5357);
    --db-adaptive-on-bg-basic-emphasis-70-hovered: var(--lightningcss-light, #820007) var(--lightningcss-dark, #ffb3b4);
    --db-adaptive-on-bg-basic-emphasis-70-pressed: var(--lightningcss-light, #c00010) var(--lightningcss-dark, #ff888a);
    --db-adaptive-on-bg-basic-emphasis-60-default: var(--lightningcss-light, #ffb3b4) var(--lightningcss-dark, #c00010);
    --db-adaptive-on-bg-basic-emphasis-50-default: var(--lightningcss-light, #ff888a) var(--lightningcss-dark, #9c000a);
    --db-adaptive-bg-inverted-contrast-max-default: var(--lightningcss-light, #390001) var(--lightningcss-dark, #ffe9e9);
    --db-adaptive-bg-inverted-contrast-max-hovered: var(--lightningcss-light, #9c000a) var(--lightningcss-dark, #ff888a);
    --db-adaptive-bg-inverted-contrast-max-pressed: var(--lightningcss-light, #500003) var(--lightningcss-dark, #ffdada);
    --db-adaptive-bg-inverted-contrast-high-default: var(--lightningcss-light, #c00010) var(--lightningcss-dark, #ff888a);
    --db-adaptive-bg-inverted-contrast-high-hovered: var(--lightningcss-light, #500003) var(--lightningcss-dark, #ffe9e9);
    --db-adaptive-bg-inverted-contrast-high-pressed: var(--lightningcss-light, #9c000a) var(--lightningcss-dark, #ffb3b4);
    --db-adaptive-bg-inverted-contrast-low-default: var(--lightningcss-light, #ef0016) var(--lightningcss-dark, #ff5357);
    --db-adaptive-bg-inverted-contrast-low-hovered: var(--lightningcss-light, #690004) var(--lightningcss-dark, #ffe9e9);
    --db-adaptive-bg-inverted-contrast-low-pressed: var(--lightningcss-light, #c00010) var(--lightningcss-dark, #ff888a);
    --db-adaptive-on-bg-inverted-default: var(--lightningcss-light, #fff8f8) var(--lightningcss-dark, #690004);
    --db-adaptive-on-bg-inverted-hovered: var(--lightningcss-light, #ffdada) var(--lightningcss-dark, #280001);
    --db-adaptive-on-bg-inverted-pressed: var(--lightningcss-light, #fff0f0) var(--lightningcss-dark, #500003);
    --db-adaptive-origin-default: #ec0016;
    --db-adaptive-origin-hovered: #7b0006;
    --db-adaptive-origin-pressed: #bd000f;
    --db-adaptive-on-origin-default: #fff;
    --db-adaptive-bg-vibrant-default: #ff888a;
    --db-adaptive-bg-vibrant-hovered: #ffe9e9;
    --db-adaptive-bg-vibrant-pressed: #ffb3b4;
    --db-adaptive-on-bg-vibrant-default: #390001;
    --db-adaptive-on-bg-vibrant-hovered: #820007;
    --db-adaptive-on-bg-vibrant-pressed: #500003;
  }

  .db-color-successful, .db-custom-select[data-custom-validity="valid"], .db-input[data-custom-validity="valid"], .db-notification[data-semantic="successful"], .db-select[data-custom-validity="valid"], [data-color="successful"] {
    --db-adaptive-bg-basic-level-1-default: var(--lightningcss-light, #edffe4) var(--lightningcss-dark, #0c1b01);
    --db-adaptive-bg-basic-level-1-hovered: var(--lightningcss-light, #d9ffc4) var(--lightningcss-dark, #1d3702);
    --db-adaptive-bg-basic-level-1-pressed: var(--lightningcss-light, #c3ff9d) var(--lightningcss-dark, #264604);
    --db-adaptive-bg-basic-level-2-default: var(--lightningcss-light, #d9ffc4) var(--lightningcss-dark, #142901);
    --db-adaptive-bg-basic-level-2-hovered: var(--lightningcss-light, #c3ff9d) var(--lightningcss-dark, #264604);
    --db-adaptive-bg-basic-level-2-pressed: var(--lightningcss-light, #99fc26) var(--lightningcss-dark, #305506);
    --db-adaptive-bg-basic-level-3-default: var(--lightningcss-light, #c3ff9d) var(--lightningcss-dark, #1d3702);
    --db-adaptive-bg-basic-level-3-hovered: var(--lightningcss-light, #99fc26) var(--lightningcss-dark, #0c1b01);
    --db-adaptive-bg-basic-level-3-pressed: var(--lightningcss-light, #85dd20) var(--lightningcss-dark, #061100);
    --db-adaptive-bg-basic-transparent-full-default: transparent;
    --db-adaptive-bg-basic-transparent-semi-default: var(--lightningcss-light, #3d6a0914) var(--lightningcss-dark, #72bf1a29);
    --db-adaptive-bg-basic-transparent-full-hovered: var(--lightningcss-light, #3d6a093d) var(--lightningcss-dark, #72bf1a3d);
    --db-adaptive-bg-basic-transparent-full-pressed: var(--lightningcss-light, #3d6a0952) var(--lightningcss-dark, #72bf1a52);
    --db-adaptive-bg-basic-transparent-semi-hovered: var(--lightningcss-light, #3d6a093d) var(--lightningcss-dark, #72bf1a3d);
    --db-adaptive-bg-basic-transparent-semi-pressed: var(--lightningcss-light, #3d6a0952) var(--lightningcss-dark, #72bf1a52);
    --db-adaptive-on-bg-basic-emphasis-100-default: var(--lightningcss-light, #0c1b01) var(--lightningcss-dark, #c3ff9d);
    --db-adaptive-on-bg-basic-emphasis-100-hovered: var(--lightningcss-light, #305506) var(--lightningcss-dark, #72bf1a);
    --db-adaptive-on-bg-basic-emphasis-100-pressed: var(--lightningcss-light, #142901) var(--lightningcss-dark, #99fc26);
    --db-adaptive-on-bg-basic-emphasis-90-default: var(--lightningcss-light, #264604) var(--lightningcss-dark, #85dd20);
    --db-adaptive-on-bg-basic-emphasis-90-hovered: var(--lightningcss-light, #061100) var(--lightningcss-dark, #edffe4);
    --db-adaptive-on-bg-basic-emphasis-90-pressed: var(--lightningcss-light, #1d3702) var(--lightningcss-dark, #99fc26);
    --db-adaptive-on-bg-basic-emphasis-80-default: var(--lightningcss-light, #3d6a09) var(--lightningcss-dark, #72bf1a);
    --db-adaptive-on-bg-basic-emphasis-80-hovered: var(--lightningcss-light, #1d3702) var(--lightningcss-dark, #c3ff9d);
    --db-adaptive-on-bg-basic-emphasis-80-pressed: var(--lightningcss-light, #305506) var(--lightningcss-dark, #85dd20);
    --db-adaptive-on-bg-basic-emphasis-70-default: var(--lightningcss-light, #4e850f) var(--lightningcss-dark, #60a114);
    --db-adaptive-on-bg-basic-emphasis-70-hovered: var(--lightningcss-light, #264604) var(--lightningcss-dark, #85dd20);
    --db-adaptive-on-bg-basic-emphasis-70-pressed: var(--lightningcss-light, #3d6a09) var(--lightningcss-dark, #72bf1a);
    --db-adaptive-on-bg-basic-emphasis-60-default: var(--lightningcss-light, #85dd20) var(--lightningcss-dark, #3d6a09);
    --db-adaptive-on-bg-basic-emphasis-50-default: var(--lightningcss-light, #72bf1a) var(--lightningcss-dark, #305506);
    --db-adaptive-bg-inverted-contrast-max-default: var(--lightningcss-light, #0c1b01) var(--lightningcss-dark, #c3ff9d);
    --db-adaptive-bg-inverted-contrast-max-hovered: var(--lightningcss-light, #305506) var(--lightningcss-dark, #72bf1a);
    --db-adaptive-bg-inverted-contrast-max-pressed: var(--lightningcss-light, #142901) var(--lightningcss-dark, #99fc26);
    --db-adaptive-bg-inverted-contrast-high-default: var(--lightningcss-light, #3d6a09) var(--lightningcss-dark, #72bf1a);
    --db-adaptive-bg-inverted-contrast-high-hovered: var(--lightningcss-light, #142901) var(--lightningcss-dark, #c3ff9d);
    --db-adaptive-bg-inverted-contrast-high-pressed: var(--lightningcss-light, #305506) var(--lightningcss-dark, #85dd20);
    --db-adaptive-bg-inverted-contrast-low-default: var(--lightningcss-light, #4e850f) var(--lightningcss-dark, #60a114);
    --db-adaptive-bg-inverted-contrast-low-hovered: var(--lightningcss-light, #1d3702) var(--lightningcss-dark, #c3ff9d);
    --db-adaptive-bg-inverted-contrast-low-pressed: var(--lightningcss-light, #3d6a09) var(--lightningcss-dark, #72bf1a);
    --db-adaptive-on-bg-inverted-default: var(--lightningcss-light, #edffe4) var(--lightningcss-dark, #1d3702);
    --db-adaptive-on-bg-inverted-hovered: var(--lightningcss-light, #99fc26) var(--lightningcss-dark, #061100);
    --db-adaptive-on-bg-inverted-pressed: var(--lightningcss-light, #d9ffc4) var(--lightningcss-dark, #142901);
    --db-adaptive-origin-default: #63a615;
    --db-adaptive-origin-hovered: #88e221;
    --db-adaptive-origin-pressed: #75c31b;
    --db-adaptive-on-origin-default: #030900;
    --db-adaptive-bg-vibrant-default: #72bf1a;
    --db-adaptive-bg-vibrant-hovered: #c3ff9d;
    --db-adaptive-bg-vibrant-pressed: #85dd20;
    --db-adaptive-on-bg-vibrant-default: #0c1b01;
    --db-adaptive-on-bg-vibrant-hovered: #264604;
    --db-adaptive-on-bg-vibrant-pressed: #142901;
  }

  .db-custom-select:has(select[data-custom-validity="valid"]) {
    --db-adaptive-bg-basic-level-1-default: var(--lightningcss-light, #edffe4) var(--lightningcss-dark, #0c1b01);
    --db-adaptive-bg-basic-level-1-hovered: var(--lightningcss-light, #d9ffc4) var(--lightningcss-dark, #1d3702);
    --db-adaptive-bg-basic-level-1-pressed: var(--lightningcss-light, #c3ff9d) var(--lightningcss-dark, #264604);
    --db-adaptive-bg-basic-level-2-default: var(--lightningcss-light, #d9ffc4) var(--lightningcss-dark, #142901);
    --db-adaptive-bg-basic-level-2-hovered: var(--lightningcss-light, #c3ff9d) var(--lightningcss-dark, #264604);
    --db-adaptive-bg-basic-level-2-pressed: var(--lightningcss-light, #99fc26) var(--lightningcss-dark, #305506);
    --db-adaptive-bg-basic-level-3-default: var(--lightningcss-light, #c3ff9d) var(--lightningcss-dark, #1d3702);
    --db-adaptive-bg-basic-level-3-hovered: var(--lightningcss-light, #99fc26) var(--lightningcss-dark, #0c1b01);
    --db-adaptive-bg-basic-level-3-pressed: var(--lightningcss-light, #85dd20) var(--lightningcss-dark, #061100);
    --db-adaptive-bg-basic-transparent-full-default: transparent;
    --db-adaptive-bg-basic-transparent-semi-default: var(--lightningcss-light, #3d6a0914) var(--lightningcss-dark, #72bf1a29);
    --db-adaptive-bg-basic-transparent-full-hovered: var(--lightningcss-light, #3d6a093d) var(--lightningcss-dark, #72bf1a3d);
    --db-adaptive-bg-basic-transparent-full-pressed: var(--lightningcss-light, #3d6a0952) var(--lightningcss-dark, #72bf1a52);
    --db-adaptive-bg-basic-transparent-semi-hovered: var(--lightningcss-light, #3d6a093d) var(--lightningcss-dark, #72bf1a3d);
    --db-adaptive-bg-basic-transparent-semi-pressed: var(--lightningcss-light, #3d6a0952) var(--lightningcss-dark, #72bf1a52);
    --db-adaptive-on-bg-basic-emphasis-100-default: var(--lightningcss-light, #0c1b01) var(--lightningcss-dark, #c3ff9d);
    --db-adaptive-on-bg-basic-emphasis-100-hovered: var(--lightningcss-light, #305506) var(--lightningcss-dark, #72bf1a);
    --db-adaptive-on-bg-basic-emphasis-100-pressed: var(--lightningcss-light, #142901) var(--lightningcss-dark, #99fc26);
    --db-adaptive-on-bg-basic-emphasis-90-default: var(--lightningcss-light, #264604) var(--lightningcss-dark, #85dd20);
    --db-adaptive-on-bg-basic-emphasis-90-hovered: var(--lightningcss-light, #061100) var(--lightningcss-dark, #edffe4);
    --db-adaptive-on-bg-basic-emphasis-90-pressed: var(--lightningcss-light, #1d3702) var(--lightningcss-dark, #99fc26);
    --db-adaptive-on-bg-basic-emphasis-80-default: var(--lightningcss-light, #3d6a09) var(--lightningcss-dark, #72bf1a);
    --db-adaptive-on-bg-basic-emphasis-80-hovered: var(--lightningcss-light, #1d3702) var(--lightningcss-dark, #c3ff9d);
    --db-adaptive-on-bg-basic-emphasis-80-pressed: var(--lightningcss-light, #305506) var(--lightningcss-dark, #85dd20);
    --db-adaptive-on-bg-basic-emphasis-70-default: var(--lightningcss-light, #4e850f) var(--lightningcss-dark, #60a114);
    --db-adaptive-on-bg-basic-emphasis-70-hovered: var(--lightningcss-light, #264604) var(--lightningcss-dark, #85dd20);
    --db-adaptive-on-bg-basic-emphasis-70-pressed: var(--lightningcss-light, #3d6a09) var(--lightningcss-dark, #72bf1a);
    --db-adaptive-on-bg-basic-emphasis-60-default: var(--lightningcss-light, #85dd20) var(--lightningcss-dark, #3d6a09);
    --db-adaptive-on-bg-basic-emphasis-50-default: var(--lightningcss-light, #72bf1a) var(--lightningcss-dark, #305506);
    --db-adaptive-bg-inverted-contrast-max-default: var(--lightningcss-light, #0c1b01) var(--lightningcss-dark, #c3ff9d);
    --db-adaptive-bg-inverted-contrast-max-hovered: var(--lightningcss-light, #305506) var(--lightningcss-dark, #72bf1a);
    --db-adaptive-bg-inverted-contrast-max-pressed: var(--lightningcss-light, #142901) var(--lightningcss-dark, #99fc26);
    --db-adaptive-bg-inverted-contrast-high-default: var(--lightningcss-light, #3d6a09) var(--lightningcss-dark, #72bf1a);
    --db-adaptive-bg-inverted-contrast-high-hovered: var(--lightningcss-light, #142901) var(--lightningcss-dark, #c3ff9d);
    --db-adaptive-bg-inverted-contrast-high-pressed: var(--lightningcss-light, #305506) var(--lightningcss-dark, #85dd20);
    --db-adaptive-bg-inverted-contrast-low-default: var(--lightningcss-light, #4e850f) var(--lightningcss-dark, #60a114);
    --db-adaptive-bg-inverted-contrast-low-hovered: var(--lightningcss-light, #1d3702) var(--lightningcss-dark, #c3ff9d);
    --db-adaptive-bg-inverted-contrast-low-pressed: var(--lightningcss-light, #3d6a09) var(--lightningcss-dark, #72bf1a);
    --db-adaptive-on-bg-inverted-default: var(--lightningcss-light, #edffe4) var(--lightningcss-dark, #1d3702);
    --db-adaptive-on-bg-inverted-hovered: var(--lightningcss-light, #99fc26) var(--lightningcss-dark, #061100);
    --db-adaptive-on-bg-inverted-pressed: var(--lightningcss-light, #d9ffc4) var(--lightningcss-dark, #142901);
    --db-adaptive-origin-default: #63a615;
    --db-adaptive-origin-hovered: #88e221;
    --db-adaptive-origin-pressed: #75c31b;
    --db-adaptive-on-origin-default: #030900;
    --db-adaptive-bg-vibrant-default: #72bf1a;
    --db-adaptive-bg-vibrant-hovered: #c3ff9d;
    --db-adaptive-bg-vibrant-pressed: #85dd20;
    --db-adaptive-on-bg-vibrant-default: #0c1b01;
    --db-adaptive-on-bg-vibrant-hovered: #264604;
    --db-adaptive-on-bg-vibrant-pressed: #142901;
  }

  .db-input:has(input[data-custom-validity="valid"]) {
    --db-adaptive-bg-basic-level-1-default: var(--lightningcss-light, #edffe4) var(--lightningcss-dark, #0c1b01);
    --db-adaptive-bg-basic-level-1-hovered: var(--lightningcss-light, #d9ffc4) var(--lightningcss-dark, #1d3702);
    --db-adaptive-bg-basic-level-1-pressed: var(--lightningcss-light, #c3ff9d) var(--lightningcss-dark, #264604);
    --db-adaptive-bg-basic-level-2-default: var(--lightningcss-light, #d9ffc4) var(--lightningcss-dark, #142901);
    --db-adaptive-bg-basic-level-2-hovered: var(--lightningcss-light, #c3ff9d) var(--lightningcss-dark, #264604);
    --db-adaptive-bg-basic-level-2-pressed: var(--lightningcss-light, #99fc26) var(--lightningcss-dark, #305506);
    --db-adaptive-bg-basic-level-3-default: var(--lightningcss-light, #c3ff9d) var(--lightningcss-dark, #1d3702);
    --db-adaptive-bg-basic-level-3-hovered: var(--lightningcss-light, #99fc26) var(--lightningcss-dark, #0c1b01);
    --db-adaptive-bg-basic-level-3-pressed: var(--lightningcss-light, #85dd20) var(--lightningcss-dark, #061100);
    --db-adaptive-bg-basic-transparent-full-default: transparent;
    --db-adaptive-bg-basic-transparent-semi-default: var(--lightningcss-light, #3d6a0914) var(--lightningcss-dark, #72bf1a29);
    --db-adaptive-bg-basic-transparent-full-hovered: var(--lightningcss-light, #3d6a093d) var(--lightningcss-dark, #72bf1a3d);
    --db-adaptive-bg-basic-transparent-full-pressed: var(--lightningcss-light, #3d6a0952) var(--lightningcss-dark, #72bf1a52);
    --db-adaptive-bg-basic-transparent-semi-hovered: var(--lightningcss-light, #3d6a093d) var(--lightningcss-dark, #72bf1a3d);
    --db-adaptive-bg-basic-transparent-semi-pressed: var(--lightningcss-light, #3d6a0952) var(--lightningcss-dark, #72bf1a52);
    --db-adaptive-on-bg-basic-emphasis-100-default: var(--lightningcss-light, #0c1b01) var(--lightningcss-dark, #c3ff9d);
    --db-adaptive-on-bg-basic-emphasis-100-hovered: var(--lightningcss-light, #305506) var(--lightningcss-dark, #72bf1a);
    --db-adaptive-on-bg-basic-emphasis-100-pressed: var(--lightningcss-light, #142901) var(--lightningcss-dark, #99fc26);
    --db-adaptive-on-bg-basic-emphasis-90-default: var(--lightningcss-light, #264604) var(--lightningcss-dark, #85dd20);
    --db-adaptive-on-bg-basic-emphasis-90-hovered: var(--lightningcss-light, #061100) var(--lightningcss-dark, #edffe4);
    --db-adaptive-on-bg-basic-emphasis-90-pressed: var(--lightningcss-light, #1d3702) var(--lightningcss-dark, #99fc26);
    --db-adaptive-on-bg-basic-emphasis-80-default: var(--lightningcss-light, #3d6a09) var(--lightningcss-dark, #72bf1a);
    --db-adaptive-on-bg-basic-emphasis-80-hovered: var(--lightningcss-light, #1d3702) var(--lightningcss-dark, #c3ff9d);
    --db-adaptive-on-bg-basic-emphasis-80-pressed: var(--lightningcss-light, #305506) var(--lightningcss-dark, #85dd20);
    --db-adaptive-on-bg-basic-emphasis-70-default: var(--lightningcss-light, #4e850f) var(--lightningcss-dark, #60a114);
    --db-adaptive-on-bg-basic-emphasis-70-hovered: var(--lightningcss-light, #264604) var(--lightningcss-dark, #85dd20);
    --db-adaptive-on-bg-basic-emphasis-70-pressed: var(--lightningcss-light, #3d6a09) var(--lightningcss-dark, #72bf1a);
    --db-adaptive-on-bg-basic-emphasis-60-default: var(--lightningcss-light, #85dd20) var(--lightningcss-dark, #3d6a09);
    --db-adaptive-on-bg-basic-emphasis-50-default: var(--lightningcss-light, #72bf1a) var(--lightningcss-dark, #305506);
    --db-adaptive-bg-inverted-contrast-max-default: var(--lightningcss-light, #0c1b01) var(--lightningcss-dark, #c3ff9d);
    --db-adaptive-bg-inverted-contrast-max-hovered: var(--lightningcss-light, #305506) var(--lightningcss-dark, #72bf1a);
    --db-adaptive-bg-inverted-contrast-max-pressed: var(--lightningcss-light, #142901) var(--lightningcss-dark, #99fc26);
    --db-adaptive-bg-inverted-contrast-high-default: var(--lightningcss-light, #3d6a09) var(--lightningcss-dark, #72bf1a);
    --db-adaptive-bg-inverted-contrast-high-hovered: var(--lightningcss-light, #142901) var(--lightningcss-dark, #c3ff9d);
    --db-adaptive-bg-inverted-contrast-high-pressed: var(--lightningcss-light, #305506) var(--lightningcss-dark, #85dd20);
    --db-adaptive-bg-inverted-contrast-low-default: var(--lightningcss-light, #4e850f) var(--lightningcss-dark, #60a114);
    --db-adaptive-bg-inverted-contrast-low-hovered: var(--lightningcss-light, #1d3702) var(--lightningcss-dark, #c3ff9d);
    --db-adaptive-bg-inverted-contrast-low-pressed: var(--lightningcss-light, #3d6a09) var(--lightningcss-dark, #72bf1a);
    --db-adaptive-on-bg-inverted-default: var(--lightningcss-light, #edffe4) var(--lightningcss-dark, #1d3702);
    --db-adaptive-on-bg-inverted-hovered: var(--lightningcss-light, #99fc26) var(--lightningcss-dark, #061100);
    --db-adaptive-on-bg-inverted-pressed: var(--lightningcss-light, #d9ffc4) var(--lightningcss-dark, #142901);
    --db-adaptive-origin-default: #63a615;
    --db-adaptive-origin-hovered: #88e221;
    --db-adaptive-origin-pressed: #75c31b;
    --db-adaptive-on-origin-default: #030900;
    --db-adaptive-bg-vibrant-default: #72bf1a;
    --db-adaptive-bg-vibrant-hovered: #c3ff9d;
    --db-adaptive-bg-vibrant-pressed: #85dd20;
    --db-adaptive-on-bg-vibrant-default: #0c1b01;
    --db-adaptive-on-bg-vibrant-hovered: #264604;
    --db-adaptive-on-bg-vibrant-pressed: #142901;
  }

  .db-select:has(select[data-custom-validity="valid"]) {
    --db-adaptive-bg-basic-level-1-default: var(--lightningcss-light, #edffe4) var(--lightningcss-dark, #0c1b01);
    --db-adaptive-bg-basic-level-1-hovered: var(--lightningcss-light, #d9ffc4) var(--lightningcss-dark, #1d3702);
    --db-adaptive-bg-basic-level-1-pressed: var(--lightningcss-light, #c3ff9d) var(--lightningcss-dark, #264604);
    --db-adaptive-bg-basic-level-2-default: var(--lightningcss-light, #d9ffc4) var(--lightningcss-dark, #142901);
    --db-adaptive-bg-basic-level-2-hovered: var(--lightningcss-light, #c3ff9d) var(--lightningcss-dark, #264604);
    --db-adaptive-bg-basic-level-2-pressed: var(--lightningcss-light, #99fc26) var(--lightningcss-dark, #305506);
    --db-adaptive-bg-basic-level-3-default: var(--lightningcss-light, #c3ff9d) var(--lightningcss-dark, #1d3702);
    --db-adaptive-bg-basic-level-3-hovered: var(--lightningcss-light, #99fc26) var(--lightningcss-dark, #0c1b01);
    --db-adaptive-bg-basic-level-3-pressed: var(--lightningcss-light, #85dd20) var(--lightningcss-dark, #061100);
    --db-adaptive-bg-basic-transparent-full-default: transparent;
    --db-adaptive-bg-basic-transparent-semi-default: var(--lightningcss-light, #3d6a0914) var(--lightningcss-dark, #72bf1a29);
    --db-adaptive-bg-basic-transparent-full-hovered: var(--lightningcss-light, #3d6a093d) var(--lightningcss-dark, #72bf1a3d);
    --db-adaptive-bg-basic-transparent-full-pressed: var(--lightningcss-light, #3d6a0952) var(--lightningcss-dark, #72bf1a52);
    --db-adaptive-bg-basic-transparent-semi-hovered: var(--lightningcss-light, #3d6a093d) var(--lightningcss-dark, #72bf1a3d);
    --db-adaptive-bg-basic-transparent-semi-pressed: var(--lightningcss-light, #3d6a0952) var(--lightningcss-dark, #72bf1a52);
    --db-adaptive-on-bg-basic-emphasis-100-default: var(--lightningcss-light, #0c1b01) var(--lightningcss-dark, #c3ff9d);
    --db-adaptive-on-bg-basic-emphasis-100-hovered: var(--lightningcss-light, #305506) var(--lightningcss-dark, #72bf1a);
    --db-adaptive-on-bg-basic-emphasis-100-pressed: var(--lightningcss-light, #142901) var(--lightningcss-dark, #99fc26);
    --db-adaptive-on-bg-basic-emphasis-90-default: var(--lightningcss-light, #264604) var(--lightningcss-dark, #85dd20);
    --db-adaptive-on-bg-basic-emphasis-90-hovered: var(--lightningcss-light, #061100) var(--lightningcss-dark, #edffe4);
    --db-adaptive-on-bg-basic-emphasis-90-pressed: var(--lightningcss-light, #1d3702) var(--lightningcss-dark, #99fc26);
    --db-adaptive-on-bg-basic-emphasis-80-default: var(--lightningcss-light, #3d6a09) var(--lightningcss-dark, #72bf1a);
    --db-adaptive-on-bg-basic-emphasis-80-hovered: var(--lightningcss-light, #1d3702) var(--lightningcss-dark, #c3ff9d);
    --db-adaptive-on-bg-basic-emphasis-80-pressed: var(--lightningcss-light, #305506) var(--lightningcss-dark, #85dd20);
    --db-adaptive-on-bg-basic-emphasis-70-default: var(--lightningcss-light, #4e850f) var(--lightningcss-dark, #60a114);
    --db-adaptive-on-bg-basic-emphasis-70-hovered: var(--lightningcss-light, #264604) var(--lightningcss-dark, #85dd20);
    --db-adaptive-on-bg-basic-emphasis-70-pressed: var(--lightningcss-light, #3d6a09) var(--lightningcss-dark, #72bf1a);
    --db-adaptive-on-bg-basic-emphasis-60-default: var(--lightningcss-light, #85dd20) var(--lightningcss-dark, #3d6a09);
    --db-adaptive-on-bg-basic-emphasis-50-default: var(--lightningcss-light, #72bf1a) var(--lightningcss-dark, #305506);
    --db-adaptive-bg-inverted-contrast-max-default: var(--lightningcss-light, #0c1b01) var(--lightningcss-dark, #c3ff9d);
    --db-adaptive-bg-inverted-contrast-max-hovered: var(--lightningcss-light, #305506) var(--lightningcss-dark, #72bf1a);
    --db-adaptive-bg-inverted-contrast-max-pressed: var(--lightningcss-light, #142901) var(--lightningcss-dark, #99fc26);
    --db-adaptive-bg-inverted-contrast-high-default: var(--lightningcss-light, #3d6a09) var(--lightningcss-dark, #72bf1a);
    --db-adaptive-bg-inverted-contrast-high-hovered: var(--lightningcss-light, #142901) var(--lightningcss-dark, #c3ff9d);
    --db-adaptive-bg-inverted-contrast-high-pressed: var(--lightningcss-light, #305506) var(--lightningcss-dark, #85dd20);
    --db-adaptive-bg-inverted-contrast-low-default: var(--lightningcss-light, #4e850f) var(--lightningcss-dark, #60a114);
    --db-adaptive-bg-inverted-contrast-low-hovered: var(--lightningcss-light, #1d3702) var(--lightningcss-dark, #c3ff9d);
    --db-adaptive-bg-inverted-contrast-low-pressed: var(--lightningcss-light, #3d6a09) var(--lightningcss-dark, #72bf1a);
    --db-adaptive-on-bg-inverted-default: var(--lightningcss-light, #edffe4) var(--lightningcss-dark, #1d3702);
    --db-adaptive-on-bg-inverted-hovered: var(--lightningcss-light, #99fc26) var(--lightningcss-dark, #061100);
    --db-adaptive-on-bg-inverted-pressed: var(--lightningcss-light, #d9ffc4) var(--lightningcss-dark, #142901);
    --db-adaptive-origin-default: #63a615;
    --db-adaptive-origin-hovered: #88e221;
    --db-adaptive-origin-pressed: #75c31b;
    --db-adaptive-on-origin-default: #030900;
    --db-adaptive-bg-vibrant-default: #72bf1a;
    --db-adaptive-bg-vibrant-hovered: #c3ff9d;
    --db-adaptive-bg-vibrant-pressed: #85dd20;
    --db-adaptive-on-bg-vibrant-default: #0c1b01;
    --db-adaptive-on-bg-vibrant-hovered: #264604;
    --db-adaptive-on-bg-vibrant-pressed: #142901;
  }

  .db-tag:has(label, button:not(.db-tab-remove-button), a)[data-semantic="successful"] {
    --db-adaptive-bg-basic-level-1-default: var(--lightningcss-light, #edffe4) var(--lightningcss-dark, #0c1b01);
    --db-adaptive-bg-basic-level-1-hovered: var(--lightningcss-light, #d9ffc4) var(--lightningcss-dark, #1d3702);
    --db-adaptive-bg-basic-level-1-pressed: var(--lightningcss-light, #c3ff9d) var(--lightningcss-dark, #264604);
    --db-adaptive-bg-basic-level-2-default: var(--lightningcss-light, #d9ffc4) var(--lightningcss-dark, #142901);
    --db-adaptive-bg-basic-level-2-hovered: var(--lightningcss-light, #c3ff9d) var(--lightningcss-dark, #264604);
    --db-adaptive-bg-basic-level-2-pressed: var(--lightningcss-light, #99fc26) var(--lightningcss-dark, #305506);
    --db-adaptive-bg-basic-level-3-default: var(--lightningcss-light, #c3ff9d) var(--lightningcss-dark, #1d3702);
    --db-adaptive-bg-basic-level-3-hovered: var(--lightningcss-light, #99fc26) var(--lightningcss-dark, #0c1b01);
    --db-adaptive-bg-basic-level-3-pressed: var(--lightningcss-light, #85dd20) var(--lightningcss-dark, #061100);
    --db-adaptive-bg-basic-transparent-full-default: transparent;
    --db-adaptive-bg-basic-transparent-semi-default: var(--lightningcss-light, #3d6a0914) var(--lightningcss-dark, #72bf1a29);
    --db-adaptive-bg-basic-transparent-full-hovered: var(--lightningcss-light, #3d6a093d) var(--lightningcss-dark, #72bf1a3d);
    --db-adaptive-bg-basic-transparent-full-pressed: var(--lightningcss-light, #3d6a0952) var(--lightningcss-dark, #72bf1a52);
    --db-adaptive-bg-basic-transparent-semi-hovered: var(--lightningcss-light, #3d6a093d) var(--lightningcss-dark, #72bf1a3d);
    --db-adaptive-bg-basic-transparent-semi-pressed: var(--lightningcss-light, #3d6a0952) var(--lightningcss-dark, #72bf1a52);
    --db-adaptive-on-bg-basic-emphasis-100-default: var(--lightningcss-light, #0c1b01) var(--lightningcss-dark, #c3ff9d);
    --db-adaptive-on-bg-basic-emphasis-100-hovered: var(--lightningcss-light, #305506) var(--lightningcss-dark, #72bf1a);
    --db-adaptive-on-bg-basic-emphasis-100-pressed: var(--lightningcss-light, #142901) var(--lightningcss-dark, #99fc26);
    --db-adaptive-on-bg-basic-emphasis-90-default: var(--lightningcss-light, #264604) var(--lightningcss-dark, #85dd20);
    --db-adaptive-on-bg-basic-emphasis-90-hovered: var(--lightningcss-light, #061100) var(--lightningcss-dark, #edffe4);
    --db-adaptive-on-bg-basic-emphasis-90-pressed: var(--lightningcss-light, #1d3702) var(--lightningcss-dark, #99fc26);
    --db-adaptive-on-bg-basic-emphasis-80-default: var(--lightningcss-light, #3d6a09) var(--lightningcss-dark, #72bf1a);
    --db-adaptive-on-bg-basic-emphasis-80-hovered: var(--lightningcss-light, #1d3702) var(--lightningcss-dark, #c3ff9d);
    --db-adaptive-on-bg-basic-emphasis-80-pressed: var(--lightningcss-light, #305506) var(--lightningcss-dark, #85dd20);
    --db-adaptive-on-bg-basic-emphasis-70-default: var(--lightningcss-light, #4e850f) var(--lightningcss-dark, #60a114);
    --db-adaptive-on-bg-basic-emphasis-70-hovered: var(--lightningcss-light, #264604) var(--lightningcss-dark, #85dd20);
    --db-adaptive-on-bg-basic-emphasis-70-pressed: var(--lightningcss-light, #3d6a09) var(--lightningcss-dark, #72bf1a);
    --db-adaptive-on-bg-basic-emphasis-60-default: var(--lightningcss-light, #85dd20) var(--lightningcss-dark, #3d6a09);
    --db-adaptive-on-bg-basic-emphasis-50-default: var(--lightningcss-light, #72bf1a) var(--lightningcss-dark, #305506);
    --db-adaptive-bg-inverted-contrast-max-default: var(--lightningcss-light, #0c1b01) var(--lightningcss-dark, #c3ff9d);
    --db-adaptive-bg-inverted-contrast-max-hovered: var(--lightningcss-light, #305506) var(--lightningcss-dark, #72bf1a);
    --db-adaptive-bg-inverted-contrast-max-pressed: var(--lightningcss-light, #142901) var(--lightningcss-dark, #99fc26);
    --db-adaptive-bg-inverted-contrast-high-default: var(--lightningcss-light, #3d6a09) var(--lightningcss-dark, #72bf1a);
    --db-adaptive-bg-inverted-contrast-high-hovered: var(--lightningcss-light, #142901) var(--lightningcss-dark, #c3ff9d);
    --db-adaptive-bg-inverted-contrast-high-pressed: var(--lightningcss-light, #305506) var(--lightningcss-dark, #85dd20);
    --db-adaptive-bg-inverted-contrast-low-default: var(--lightningcss-light, #4e850f) var(--lightningcss-dark, #60a114);
    --db-adaptive-bg-inverted-contrast-low-hovered: var(--lightningcss-light, #1d3702) var(--lightningcss-dark, #c3ff9d);
    --db-adaptive-bg-inverted-contrast-low-pressed: var(--lightningcss-light, #3d6a09) var(--lightningcss-dark, #72bf1a);
    --db-adaptive-on-bg-inverted-default: var(--lightningcss-light, #edffe4) var(--lightningcss-dark, #1d3702);
    --db-adaptive-on-bg-inverted-hovered: var(--lightningcss-light, #99fc26) var(--lightningcss-dark, #061100);
    --db-adaptive-on-bg-inverted-pressed: var(--lightningcss-light, #d9ffc4) var(--lightningcss-dark, #142901);
    --db-adaptive-origin-default: #63a615;
    --db-adaptive-origin-hovered: #88e221;
    --db-adaptive-origin-pressed: #75c31b;
    --db-adaptive-on-origin-default: #030900;
    --db-adaptive-bg-vibrant-default: #72bf1a;
    --db-adaptive-bg-vibrant-hovered: #c3ff9d;
    --db-adaptive-bg-vibrant-pressed: #85dd20;
    --db-adaptive-on-bg-vibrant-default: #0c1b01;
    --db-adaptive-on-bg-vibrant-hovered: #264604;
    --db-adaptive-on-bg-vibrant-pressed: #142901;
  }

  .db-custom-select:has(select:not([data-custom-validity]):required:user-valid) {
    --db-adaptive-bg-basic-level-1-default: var(--lightningcss-light, #edffe4) var(--lightningcss-dark, #0c1b01);
    --db-adaptive-bg-basic-level-1-hovered: var(--lightningcss-light, #d9ffc4) var(--lightningcss-dark, #1d3702);
    --db-adaptive-bg-basic-level-1-pressed: var(--lightningcss-light, #c3ff9d) var(--lightningcss-dark, #264604);
    --db-adaptive-bg-basic-level-2-default: var(--lightningcss-light, #d9ffc4) var(--lightningcss-dark, #142901);
    --db-adaptive-bg-basic-level-2-hovered: var(--lightningcss-light, #c3ff9d) var(--lightningcss-dark, #264604);
    --db-adaptive-bg-basic-level-2-pressed: var(--lightningcss-light, #99fc26) var(--lightningcss-dark, #305506);
    --db-adaptive-bg-basic-level-3-default: var(--lightningcss-light, #c3ff9d) var(--lightningcss-dark, #1d3702);
    --db-adaptive-bg-basic-level-3-hovered: var(--lightningcss-light, #99fc26) var(--lightningcss-dark, #0c1b01);
    --db-adaptive-bg-basic-level-3-pressed: var(--lightningcss-light, #85dd20) var(--lightningcss-dark, #061100);
    --db-adaptive-bg-basic-transparent-full-default: transparent;
    --db-adaptive-bg-basic-transparent-semi-default: var(--lightningcss-light, #3d6a0914) var(--lightningcss-dark, #72bf1a29);
    --db-adaptive-bg-basic-transparent-full-hovered: var(--lightningcss-light, #3d6a093d) var(--lightningcss-dark, #72bf1a3d);
    --db-adaptive-bg-basic-transparent-full-pressed: var(--lightningcss-light, #3d6a0952) var(--lightningcss-dark, #72bf1a52);
    --db-adaptive-bg-basic-transparent-semi-hovered: var(--lightningcss-light, #3d6a093d) var(--lightningcss-dark, #72bf1a3d);
    --db-adaptive-bg-basic-transparent-semi-pressed: var(--lightningcss-light, #3d6a0952) var(--lightningcss-dark, #72bf1a52);
    --db-adaptive-on-bg-basic-emphasis-100-default: var(--lightningcss-light, #0c1b01) var(--lightningcss-dark, #c3ff9d);
    --db-adaptive-on-bg-basic-emphasis-100-hovered: var(--lightningcss-light, #305506) var(--lightningcss-dark, #72bf1a);
    --db-adaptive-on-bg-basic-emphasis-100-pressed: var(--lightningcss-light, #142901) var(--lightningcss-dark, #99fc26);
    --db-adaptive-on-bg-basic-emphasis-90-default: var(--lightningcss-light, #264604) var(--lightningcss-dark, #85dd20);
    --db-adaptive-on-bg-basic-emphasis-90-hovered: var(--lightningcss-light, #061100) var(--lightningcss-dark, #edffe4);
    --db-adaptive-on-bg-basic-emphasis-90-pressed: var(--lightningcss-light, #1d3702) var(--lightningcss-dark, #99fc26);
    --db-adaptive-on-bg-basic-emphasis-80-default: var(--lightningcss-light, #3d6a09) var(--lightningcss-dark, #72bf1a);
    --db-adaptive-on-bg-basic-emphasis-80-hovered: var(--lightningcss-light, #1d3702) var(--lightningcss-dark, #c3ff9d);
    --db-adaptive-on-bg-basic-emphasis-80-pressed: var(--lightningcss-light, #305506) var(--lightningcss-dark, #85dd20);
    --db-adaptive-on-bg-basic-emphasis-70-default: var(--lightningcss-light, #4e850f) var(--lightningcss-dark, #60a114);
    --db-adaptive-on-bg-basic-emphasis-70-hovered: var(--lightningcss-light, #264604) var(--lightningcss-dark, #85dd20);
    --db-adaptive-on-bg-basic-emphasis-70-pressed: var(--lightningcss-light, #3d6a09) var(--lightningcss-dark, #72bf1a);
    --db-adaptive-on-bg-basic-emphasis-60-default: var(--lightningcss-light, #85dd20) var(--lightningcss-dark, #3d6a09);
    --db-adaptive-on-bg-basic-emphasis-50-default: var(--lightningcss-light, #72bf1a) var(--lightningcss-dark, #305506);
    --db-adaptive-bg-inverted-contrast-max-default: var(--lightningcss-light, #0c1b01) var(--lightningcss-dark, #c3ff9d);
    --db-adaptive-bg-inverted-contrast-max-hovered: var(--lightningcss-light, #305506) var(--lightningcss-dark, #72bf1a);
    --db-adaptive-bg-inverted-contrast-max-pressed: var(--lightningcss-light, #142901) var(--lightningcss-dark, #99fc26);
    --db-adaptive-bg-inverted-contrast-high-default: var(--lightningcss-light, #3d6a09) var(--lightningcss-dark, #72bf1a);
    --db-adaptive-bg-inverted-contrast-high-hovered: var(--lightningcss-light, #142901) var(--lightningcss-dark, #c3ff9d);
    --db-adaptive-bg-inverted-contrast-high-pressed: var(--lightningcss-light, #305506) var(--lightningcss-dark, #85dd20);
    --db-adaptive-bg-inverted-contrast-low-default: var(--lightningcss-light, #4e850f) var(--lightningcss-dark, #60a114);
    --db-adaptive-bg-inverted-contrast-low-hovered: var(--lightningcss-light, #1d3702) var(--lightningcss-dark, #c3ff9d);
    --db-adaptive-bg-inverted-contrast-low-pressed: var(--lightningcss-light, #3d6a09) var(--lightningcss-dark, #72bf1a);
    --db-adaptive-on-bg-inverted-default: var(--lightningcss-light, #edffe4) var(--lightningcss-dark, #1d3702);
    --db-adaptive-on-bg-inverted-hovered: var(--lightningcss-light, #99fc26) var(--lightningcss-dark, #061100);
    --db-adaptive-on-bg-inverted-pressed: var(--lightningcss-light, #d9ffc4) var(--lightningcss-dark, #142901);
    --db-adaptive-origin-default: #63a615;
    --db-adaptive-origin-hovered: #88e221;
    --db-adaptive-origin-pressed: #75c31b;
    --db-adaptive-on-origin-default: #030900;
    --db-adaptive-bg-vibrant-default: #72bf1a;
    --db-adaptive-bg-vibrant-hovered: #c3ff9d;
    --db-adaptive-bg-vibrant-pressed: #85dd20;
    --db-adaptive-on-bg-vibrant-default: #0c1b01;
    --db-adaptive-on-bg-vibrant-hovered: #264604;
    --db-adaptive-on-bg-vibrant-pressed: #142901;
  }

  .db-input:has(input:not([data-custom-validity]):is(:required, [minlength], [maxlength], [pattern], [type="color"], [type="date"], [type="datetime-local"], [type="email"], [type="file"], [type="hidden"], [type="month"], [type="number"], [type="range"], [type="tel"], [type="time"], [type="url"], [type="week"]):user-valid) {
    --db-adaptive-bg-basic-level-1-default: var(--lightningcss-light, #edffe4) var(--lightningcss-dark, #0c1b01);
    --db-adaptive-bg-basic-level-1-hovered: var(--lightningcss-light, #d9ffc4) var(--lightningcss-dark, #1d3702);
    --db-adaptive-bg-basic-level-1-pressed: var(--lightningcss-light, #c3ff9d) var(--lightningcss-dark, #264604);
    --db-adaptive-bg-basic-level-2-default: var(--lightningcss-light, #d9ffc4) var(--lightningcss-dark, #142901);
    --db-adaptive-bg-basic-level-2-hovered: var(--lightningcss-light, #c3ff9d) var(--lightningcss-dark, #264604);
    --db-adaptive-bg-basic-level-2-pressed: var(--lightningcss-light, #99fc26) var(--lightningcss-dark, #305506);
    --db-adaptive-bg-basic-level-3-default: var(--lightningcss-light, #c3ff9d) var(--lightningcss-dark, #1d3702);
    --db-adaptive-bg-basic-level-3-hovered: var(--lightningcss-light, #99fc26) var(--lightningcss-dark, #0c1b01);
    --db-adaptive-bg-basic-level-3-pressed: var(--lightningcss-light, #85dd20) var(--lightningcss-dark, #061100);
    --db-adaptive-bg-basic-transparent-full-default: transparent;
    --db-adaptive-bg-basic-transparent-semi-default: var(--lightningcss-light, #3d6a0914) var(--lightningcss-dark, #72bf1a29);
    --db-adaptive-bg-basic-transparent-full-hovered: var(--lightningcss-light, #3d6a093d) var(--lightningcss-dark, #72bf1a3d);
    --db-adaptive-bg-basic-transparent-full-pressed: var(--lightningcss-light, #3d6a0952) var(--lightningcss-dark, #72bf1a52);
    --db-adaptive-bg-basic-transparent-semi-hovered: var(--lightningcss-light, #3d6a093d) var(--lightningcss-dark, #72bf1a3d);
    --db-adaptive-bg-basic-transparent-semi-pressed: var(--lightningcss-light, #3d6a0952) var(--lightningcss-dark, #72bf1a52);
    --db-adaptive-on-bg-basic-emphasis-100-default: var(--lightningcss-light, #0c1b01) var(--lightningcss-dark, #c3ff9d);
    --db-adaptive-on-bg-basic-emphasis-100-hovered: var(--lightningcss-light, #305506) var(--lightningcss-dark, #72bf1a);
    --db-adaptive-on-bg-basic-emphasis-100-pressed: var(--lightningcss-light, #142901) var(--lightningcss-dark, #99fc26);
    --db-adaptive-on-bg-basic-emphasis-90-default: var(--lightningcss-light, #264604) var(--lightningcss-dark, #85dd20);
    --db-adaptive-on-bg-basic-emphasis-90-hovered: var(--lightningcss-light, #061100) var(--lightningcss-dark, #edffe4);
    --db-adaptive-on-bg-basic-emphasis-90-pressed: var(--lightningcss-light, #1d3702) var(--lightningcss-dark, #99fc26);
    --db-adaptive-on-bg-basic-emphasis-80-default: var(--lightningcss-light, #3d6a09) var(--lightningcss-dark, #72bf1a);
    --db-adaptive-on-bg-basic-emphasis-80-hovered: var(--lightningcss-light, #1d3702) var(--lightningcss-dark, #c3ff9d);
    --db-adaptive-on-bg-basic-emphasis-80-pressed: var(--lightningcss-light, #305506) var(--lightningcss-dark, #85dd20);
    --db-adaptive-on-bg-basic-emphasis-70-default: var(--lightningcss-light, #4e850f) var(--lightningcss-dark, #60a114);
    --db-adaptive-on-bg-basic-emphasis-70-hovered: var(--lightningcss-light, #264604) var(--lightningcss-dark, #85dd20);
    --db-adaptive-on-bg-basic-emphasis-70-pressed: var(--lightningcss-light, #3d6a09) var(--lightningcss-dark, #72bf1a);
    --db-adaptive-on-bg-basic-emphasis-60-default: var(--lightningcss-light, #85dd20) var(--lightningcss-dark, #3d6a09);
    --db-adaptive-on-bg-basic-emphasis-50-default: var(--lightningcss-light, #72bf1a) var(--lightningcss-dark, #305506);
    --db-adaptive-bg-inverted-contrast-max-default: var(--lightningcss-light, #0c1b01) var(--lightningcss-dark, #c3ff9d);
    --db-adaptive-bg-inverted-contrast-max-hovered: var(--lightningcss-light, #305506) var(--lightningcss-dark, #72bf1a);
    --db-adaptive-bg-inverted-contrast-max-pressed: var(--lightningcss-light, #142901) var(--lightningcss-dark, #99fc26);
    --db-adaptive-bg-inverted-contrast-high-default: var(--lightningcss-light, #3d6a09) var(--lightningcss-dark, #72bf1a);
    --db-adaptive-bg-inverted-contrast-high-hovered: var(--lightningcss-light, #142901) var(--lightningcss-dark, #c3ff9d);
    --db-adaptive-bg-inverted-contrast-high-pressed: var(--lightningcss-light, #305506) var(--lightningcss-dark, #85dd20);
    --db-adaptive-bg-inverted-contrast-low-default: var(--lightningcss-light, #4e850f) var(--lightningcss-dark, #60a114);
    --db-adaptive-bg-inverted-contrast-low-hovered: var(--lightningcss-light, #1d3702) var(--lightningcss-dark, #c3ff9d);
    --db-adaptive-bg-inverted-contrast-low-pressed: var(--lightningcss-light, #3d6a09) var(--lightningcss-dark, #72bf1a);
    --db-adaptive-on-bg-inverted-default: var(--lightningcss-light, #edffe4) var(--lightningcss-dark, #1d3702);
    --db-adaptive-on-bg-inverted-hovered: var(--lightningcss-light, #99fc26) var(--lightningcss-dark, #061100);
    --db-adaptive-on-bg-inverted-pressed: var(--lightningcss-light, #d9ffc4) var(--lightningcss-dark, #142901);
    --db-adaptive-origin-default: #63a615;
    --db-adaptive-origin-hovered: #88e221;
    --db-adaptive-origin-pressed: #75c31b;
    --db-adaptive-on-origin-default: #030900;
    --db-adaptive-bg-vibrant-default: #72bf1a;
    --db-adaptive-bg-vibrant-hovered: #c3ff9d;
    --db-adaptive-bg-vibrant-pressed: #85dd20;
    --db-adaptive-on-bg-vibrant-default: #0c1b01;
    --db-adaptive-on-bg-vibrant-hovered: #264604;
    --db-adaptive-on-bg-vibrant-pressed: #142901;
  }

  .db-select:has(select:not([data-custom-validity]):required:user-valid) {
    --db-adaptive-bg-basic-level-1-default: var(--lightningcss-light, #edffe4) var(--lightningcss-dark, #0c1b01);
    --db-adaptive-bg-basic-level-1-hovered: var(--lightningcss-light, #d9ffc4) var(--lightningcss-dark, #1d3702);
    --db-adaptive-bg-basic-level-1-pressed: var(--lightningcss-light, #c3ff9d) var(--lightningcss-dark, #264604);
    --db-adaptive-bg-basic-level-2-default: var(--lightningcss-light, #d9ffc4) var(--lightningcss-dark, #142901);
    --db-adaptive-bg-basic-level-2-hovered: var(--lightningcss-light, #c3ff9d) var(--lightningcss-dark, #264604);
    --db-adaptive-bg-basic-level-2-pressed: var(--lightningcss-light, #99fc26) var(--lightningcss-dark, #305506);
    --db-adaptive-bg-basic-level-3-default: var(--lightningcss-light, #c3ff9d) var(--lightningcss-dark, #1d3702);
    --db-adaptive-bg-basic-level-3-hovered: var(--lightningcss-light, #99fc26) var(--lightningcss-dark, #0c1b01);
    --db-adaptive-bg-basic-level-3-pressed: var(--lightningcss-light, #85dd20) var(--lightningcss-dark, #061100);
    --db-adaptive-bg-basic-transparent-full-default: transparent;
    --db-adaptive-bg-basic-transparent-semi-default: var(--lightningcss-light, #3d6a0914) var(--lightningcss-dark, #72bf1a29);
    --db-adaptive-bg-basic-transparent-full-hovered: var(--lightningcss-light, #3d6a093d) var(--lightningcss-dark, #72bf1a3d);
    --db-adaptive-bg-basic-transparent-full-pressed: var(--lightningcss-light, #3d6a0952) var(--lightningcss-dark, #72bf1a52);
    --db-adaptive-bg-basic-transparent-semi-hovered: var(--lightningcss-light, #3d6a093d) var(--lightningcss-dark, #72bf1a3d);
    --db-adaptive-bg-basic-transparent-semi-pressed: var(--lightningcss-light, #3d6a0952) var(--lightningcss-dark, #72bf1a52);
    --db-adaptive-on-bg-basic-emphasis-100-default: var(--lightningcss-light, #0c1b01) var(--lightningcss-dark, #c3ff9d);
    --db-adaptive-on-bg-basic-emphasis-100-hovered: var(--lightningcss-light, #305506) var(--lightningcss-dark, #72bf1a);
    --db-adaptive-on-bg-basic-emphasis-100-pressed: var(--lightningcss-light, #142901) var(--lightningcss-dark, #99fc26);
    --db-adaptive-on-bg-basic-emphasis-90-default: var(--lightningcss-light, #264604) var(--lightningcss-dark, #85dd20);
    --db-adaptive-on-bg-basic-emphasis-90-hovered: var(--lightningcss-light, #061100) var(--lightningcss-dark, #edffe4);
    --db-adaptive-on-bg-basic-emphasis-90-pressed: var(--lightningcss-light, #1d3702) var(--lightningcss-dark, #99fc26);
    --db-adaptive-on-bg-basic-emphasis-80-default: var(--lightningcss-light, #3d6a09) var(--lightningcss-dark, #72bf1a);
    --db-adaptive-on-bg-basic-emphasis-80-hovered: var(--lightningcss-light, #1d3702) var(--lightningcss-dark, #c3ff9d);
    --db-adaptive-on-bg-basic-emphasis-80-pressed: var(--lightningcss-light, #305506) var(--lightningcss-dark, #85dd20);
    --db-adaptive-on-bg-basic-emphasis-70-default: var(--lightningcss-light, #4e850f) var(--lightningcss-dark, #60a114);
    --db-adaptive-on-bg-basic-emphasis-70-hovered: var(--lightningcss-light, #264604) var(--lightningcss-dark, #85dd20);
    --db-adaptive-on-bg-basic-emphasis-70-pressed: var(--lightningcss-light, #3d6a09) var(--lightningcss-dark, #72bf1a);
    --db-adaptive-on-bg-basic-emphasis-60-default: var(--lightningcss-light, #85dd20) var(--lightningcss-dark, #3d6a09);
    --db-adaptive-on-bg-basic-emphasis-50-default: var(--lightningcss-light, #72bf1a) var(--lightningcss-dark, #305506);
    --db-adaptive-bg-inverted-contrast-max-default: var(--lightningcss-light, #0c1b01) var(--lightningcss-dark, #c3ff9d);
    --db-adaptive-bg-inverted-contrast-max-hovered: var(--lightningcss-light, #305506) var(--lightningcss-dark, #72bf1a);
    --db-adaptive-bg-inverted-contrast-max-pressed: var(--lightningcss-light, #142901) var(--lightningcss-dark, #99fc26);
    --db-adaptive-bg-inverted-contrast-high-default: var(--lightningcss-light, #3d6a09) var(--lightningcss-dark, #72bf1a);
    --db-adaptive-bg-inverted-contrast-high-hovered: var(--lightningcss-light, #142901) var(--lightningcss-dark, #c3ff9d);
    --db-adaptive-bg-inverted-contrast-high-pressed: var(--lightningcss-light, #305506) var(--lightningcss-dark, #85dd20);
    --db-adaptive-bg-inverted-contrast-low-default: var(--lightningcss-light, #4e850f) var(--lightningcss-dark, #60a114);
    --db-adaptive-bg-inverted-contrast-low-hovered: var(--lightningcss-light, #1d3702) var(--lightningcss-dark, #c3ff9d);
    --db-adaptive-bg-inverted-contrast-low-pressed: var(--lightningcss-light, #3d6a09) var(--lightningcss-dark, #72bf1a);
    --db-adaptive-on-bg-inverted-default: var(--lightningcss-light, #edffe4) var(--lightningcss-dark, #1d3702);
    --db-adaptive-on-bg-inverted-hovered: var(--lightningcss-light, #99fc26) var(--lightningcss-dark, #061100);
    --db-adaptive-on-bg-inverted-pressed: var(--lightningcss-light, #d9ffc4) var(--lightningcss-dark, #142901);
    --db-adaptive-origin-default: #63a615;
    --db-adaptive-origin-hovered: #88e221;
    --db-adaptive-origin-pressed: #75c31b;
    --db-adaptive-on-origin-default: #030900;
    --db-adaptive-bg-vibrant-default: #72bf1a;
    --db-adaptive-bg-vibrant-hovered: #c3ff9d;
    --db-adaptive-bg-vibrant-pressed: #85dd20;
    --db-adaptive-on-bg-vibrant-default: #0c1b01;
    --db-adaptive-on-bg-vibrant-hovered: #264604;
    --db-adaptive-on-bg-vibrant-pressed: #142901;
  }

  .db-color-warning, .db-notification[data-semantic="warning"], [data-color="warning"] {
    --db-adaptive-bg-basic-level-1-default: var(--lightningcss-light, #fff8f5) var(--lightningcss-dark, #271300);
    --db-adaptive-bg-basic-level-1-hovered: var(--lightningcss-light, #fff1ea) var(--lightningcss-dark, #4a2800);
    --db-adaptive-bg-basic-level-1-pressed: var(--lightningcss-light, #ffeadf) var(--lightningcss-dark, #5c3400);
    --db-adaptive-bg-basic-level-2-default: var(--lightningcss-light, #fff1ea) var(--lightningcss-dark, #381d00);
    --db-adaptive-bg-basic-level-2-hovered: var(--lightningcss-light, #ffeadf) var(--lightningcss-dark, #5c3400);
    --db-adaptive-bg-basic-level-2-pressed: var(--lightningcss-light, #ffdbc8) var(--lightningcss-dark, #6f4000);
    --db-adaptive-bg-basic-level-3-default: var(--lightningcss-light, #ffeadf) var(--lightningcss-dark, #4a2800);
    --db-adaptive-bg-basic-level-3-hovered: var(--lightningcss-light, #ffdbc8) var(--lightningcss-dark, #271300);
    --db-adaptive-bg-basic-level-3-pressed: var(--lightningcss-light, #ffb782) var(--lightningcss-dark, #190b00);
    --db-adaptive-bg-basic-transparent-full-default: transparent;
    --db-adaptive-bg-basic-transparent-semi-default: var(--lightningcss-light, #8a510014) var(--lightningcss-dark, #f6940029);
    --db-adaptive-bg-basic-transparent-full-hovered: var(--lightningcss-light, #8a51003d) var(--lightningcss-dark, #f694003d);
    --db-adaptive-bg-basic-transparent-full-pressed: var(--lightningcss-light, #8a510052) var(--lightningcss-dark, #f6940052);
    --db-adaptive-bg-basic-transparent-semi-hovered: var(--lightningcss-light, #8a51003d) var(--lightningcss-dark, #f694003d);
    --db-adaptive-bg-basic-transparent-semi-pressed: var(--lightningcss-light, #8a510052) var(--lightningcss-dark, #f6940052);
    --db-adaptive-on-bg-basic-emphasis-100-default: var(--lightningcss-light, #271300) var(--lightningcss-dark, #ffeadf);
    --db-adaptive-on-bg-basic-emphasis-100-hovered: var(--lightningcss-light, #6f4000) var(--lightningcss-dark, #f69400);
    --db-adaptive-on-bg-basic-emphasis-100-pressed: var(--lightningcss-light, #381d00) var(--lightningcss-dark, #ffdbc8);
    --db-adaptive-on-bg-basic-emphasis-90-default: var(--lightningcss-light, #5c3400) var(--lightningcss-dark, #ffb782);
    --db-adaptive-on-bg-basic-emphasis-90-hovered: var(--lightningcss-light, #190b00) var(--lightningcss-dark, #fff8f5);
    --db-adaptive-on-bg-basic-emphasis-90-pressed: var(--lightningcss-light, #4a2800) var(--lightningcss-dark, #ffdbc8);
    --db-adaptive-on-bg-basic-emphasis-80-default: var(--lightningcss-light, #8a5100) var(--lightningcss-dark, #f69400);
    --db-adaptive-on-bg-basic-emphasis-80-hovered: var(--lightningcss-light, #4a2800) var(--lightningcss-dark, #ffeadf);
    --db-adaptive-on-bg-basic-emphasis-80-pressed: var(--lightningcss-light, #6f4000) var(--lightningcss-dark, #ffb782);
    --db-adaptive-on-bg-basic-emphasis-70-default: var(--lightningcss-light, #ad6600) var(--lightningcss-dark, #d17d00);
    --db-adaptive-on-bg-basic-emphasis-70-hovered: var(--lightningcss-light, #5c3400) var(--lightningcss-dark, #ffb782);
    --db-adaptive-on-bg-basic-emphasis-70-pressed: var(--lightningcss-light, #8a5100) var(--lightningcss-dark, #f69400);
    --db-adaptive-on-bg-basic-emphasis-60-default: var(--lightningcss-light, #ffb782) var(--lightningcss-dark, #8a5100);
    --db-adaptive-on-bg-basic-emphasis-50-default: var(--lightningcss-light, #f69400) var(--lightningcss-dark, #6f4000);
    --db-adaptive-bg-inverted-contrast-max-default: var(--lightningcss-light, #271300) var(--lightningcss-dark, #ffeadf);
    --db-adaptive-bg-inverted-contrast-max-hovered: var(--lightningcss-light, #6f4000) var(--lightningcss-dark, #f69400);
    --db-adaptive-bg-inverted-contrast-max-pressed: var(--lightningcss-light, #381d00) var(--lightningcss-dark, #ffdbc8);
    --db-adaptive-bg-inverted-contrast-high-default: var(--lightningcss-light, #8a5100) var(--lightningcss-dark, #f69400);
    --db-adaptive-bg-inverted-contrast-high-hovered: var(--lightningcss-light, #381d00) var(--lightningcss-dark, #ffeadf);
    --db-adaptive-bg-inverted-contrast-high-pressed: var(--lightningcss-light, #6f4000) var(--lightningcss-dark, #ffb782);
    --db-adaptive-bg-inverted-contrast-low-default: var(--lightningcss-light, #ad6600) var(--lightningcss-dark, #d17d00);
    --db-adaptive-bg-inverted-contrast-low-hovered: var(--lightningcss-light, #4a2800) var(--lightningcss-dark, #ffeadf);
    --db-adaptive-bg-inverted-contrast-low-pressed: var(--lightningcss-light, #8a5100) var(--lightningcss-dark, #f69400);
    --db-adaptive-on-bg-inverted-default: var(--lightningcss-light, #fff8f5) var(--lightningcss-dark, #4a2800);
    --db-adaptive-on-bg-inverted-hovered: var(--lightningcss-light, #ffdbc8) var(--lightningcss-dark, #190b00);
    --db-adaptive-on-bg-inverted-pressed: var(--lightningcss-light, #fff1ea) var(--lightningcss-dark, #381d00);
    --db-adaptive-origin-default: #f39200;
    --db-adaptive-origin-hovered: #ffd9c3;
    --db-adaptive-origin-pressed: #ffb47b;
    --db-adaptive-on-origin-default: #100500;
    --db-adaptive-bg-vibrant-default: #f69400;
    --db-adaptive-bg-vibrant-hovered: #ffeadf;
    --db-adaptive-bg-vibrant-pressed: #ffb782;
    --db-adaptive-on-bg-vibrant-default: #271300;
    --db-adaptive-on-bg-vibrant-hovered: #5c3400;
    --db-adaptive-on-bg-vibrant-pressed: #381d00;
  }

  .db-tag:has(label, button:not(.db-tab-remove-button), a)[data-semantic="warning"] {
    --db-adaptive-bg-basic-level-1-default: var(--lightningcss-light, #fff8f5) var(--lightningcss-dark, #271300);
    --db-adaptive-bg-basic-level-1-hovered: var(--lightningcss-light, #fff1ea) var(--lightningcss-dark, #4a2800);
    --db-adaptive-bg-basic-level-1-pressed: var(--lightningcss-light, #ffeadf) var(--lightningcss-dark, #5c3400);
    --db-adaptive-bg-basic-level-2-default: var(--lightningcss-light, #fff1ea) var(--lightningcss-dark, #381d00);
    --db-adaptive-bg-basic-level-2-hovered: var(--lightningcss-light, #ffeadf) var(--lightningcss-dark, #5c3400);
    --db-adaptive-bg-basic-level-2-pressed: var(--lightningcss-light, #ffdbc8) var(--lightningcss-dark, #6f4000);
    --db-adaptive-bg-basic-level-3-default: var(--lightningcss-light, #ffeadf) var(--lightningcss-dark, #4a2800);
    --db-adaptive-bg-basic-level-3-hovered: var(--lightningcss-light, #ffdbc8) var(--lightningcss-dark, #271300);
    --db-adaptive-bg-basic-level-3-pressed: var(--lightningcss-light, #ffb782) var(--lightningcss-dark, #190b00);
    --db-adaptive-bg-basic-transparent-full-default: transparent;
    --db-adaptive-bg-basic-transparent-semi-default: var(--lightningcss-light, #8a510014) var(--lightningcss-dark, #f6940029);
    --db-adaptive-bg-basic-transparent-full-hovered: var(--lightningcss-light, #8a51003d) var(--lightningcss-dark, #f694003d);
    --db-adaptive-bg-basic-transparent-full-pressed: var(--lightningcss-light, #8a510052) var(--lightningcss-dark, #f6940052);
    --db-adaptive-bg-basic-transparent-semi-hovered: var(--lightningcss-light, #8a51003d) var(--lightningcss-dark, #f694003d);
    --db-adaptive-bg-basic-transparent-semi-pressed: var(--lightningcss-light, #8a510052) var(--lightningcss-dark, #f6940052);
    --db-adaptive-on-bg-basic-emphasis-100-default: var(--lightningcss-light, #271300) var(--lightningcss-dark, #ffeadf);
    --db-adaptive-on-bg-basic-emphasis-100-hovered: var(--lightningcss-light, #6f4000) var(--lightningcss-dark, #f69400);
    --db-adaptive-on-bg-basic-emphasis-100-pressed: var(--lightningcss-light, #381d00) var(--lightningcss-dark, #ffdbc8);
    --db-adaptive-on-bg-basic-emphasis-90-default: var(--lightningcss-light, #5c3400) var(--lightningcss-dark, #ffb782);
    --db-adaptive-on-bg-basic-emphasis-90-hovered: var(--lightningcss-light, #190b00) var(--lightningcss-dark, #fff8f5);
    --db-adaptive-on-bg-basic-emphasis-90-pressed: var(--lightningcss-light, #4a2800) var(--lightningcss-dark, #ffdbc8);
    --db-adaptive-on-bg-basic-emphasis-80-default: var(--lightningcss-light, #8a5100) var(--lightningcss-dark, #f69400);
    --db-adaptive-on-bg-basic-emphasis-80-hovered: var(--lightningcss-light, #4a2800) var(--lightningcss-dark, #ffeadf);
    --db-adaptive-on-bg-basic-emphasis-80-pressed: var(--lightningcss-light, #6f4000) var(--lightningcss-dark, #ffb782);
    --db-adaptive-on-bg-basic-emphasis-70-default: var(--lightningcss-light, #ad6600) var(--lightningcss-dark, #d17d00);
    --db-adaptive-on-bg-basic-emphasis-70-hovered: var(--lightningcss-light, #5c3400) var(--lightningcss-dark, #ffb782);
    --db-adaptive-on-bg-basic-emphasis-70-pressed: var(--lightningcss-light, #8a5100) var(--lightningcss-dark, #f69400);
    --db-adaptive-on-bg-basic-emphasis-60-default: var(--lightningcss-light, #ffb782) var(--lightningcss-dark, #8a5100);
    --db-adaptive-on-bg-basic-emphasis-50-default: var(--lightningcss-light, #f69400) var(--lightningcss-dark, #6f4000);
    --db-adaptive-bg-inverted-contrast-max-default: var(--lightningcss-light, #271300) var(--lightningcss-dark, #ffeadf);
    --db-adaptive-bg-inverted-contrast-max-hovered: var(--lightningcss-light, #6f4000) var(--lightningcss-dark, #f69400);
    --db-adaptive-bg-inverted-contrast-max-pressed: var(--lightningcss-light, #381d00) var(--lightningcss-dark, #ffdbc8);
    --db-adaptive-bg-inverted-contrast-high-default: var(--lightningcss-light, #8a5100) var(--lightningcss-dark, #f69400);
    --db-adaptive-bg-inverted-contrast-high-hovered: var(--lightningcss-light, #381d00) var(--lightningcss-dark, #ffeadf);
    --db-adaptive-bg-inverted-contrast-high-pressed: var(--lightningcss-light, #6f4000) var(--lightningcss-dark, #ffb782);
    --db-adaptive-bg-inverted-contrast-low-default: var(--lightningcss-light, #ad6600) var(--lightningcss-dark, #d17d00);
    --db-adaptive-bg-inverted-contrast-low-hovered: var(--lightningcss-light, #4a2800) var(--lightningcss-dark, #ffeadf);
    --db-adaptive-bg-inverted-contrast-low-pressed: var(--lightningcss-light, #8a5100) var(--lightningcss-dark, #f69400);
    --db-adaptive-on-bg-inverted-default: var(--lightningcss-light, #fff8f5) var(--lightningcss-dark, #4a2800);
    --db-adaptive-on-bg-inverted-hovered: var(--lightningcss-light, #ffdbc8) var(--lightningcss-dark, #190b00);
    --db-adaptive-on-bg-inverted-pressed: var(--lightningcss-light, #fff1ea) var(--lightningcss-dark, #381d00);
    --db-adaptive-origin-default: #f39200;
    --db-adaptive-origin-hovered: #ffd9c3;
    --db-adaptive-origin-pressed: #ffb47b;
    --db-adaptive-on-origin-default: #100500;
    --db-adaptive-bg-vibrant-default: #f69400;
    --db-adaptive-bg-vibrant-hovered: #ffeadf;
    --db-adaptive-bg-vibrant-pressed: #ffb782;
    --db-adaptive-on-bg-vibrant-default: #271300;
    --db-adaptive-on-bg-vibrant-hovered: #5c3400;
    --db-adaptive-on-bg-vibrant-pressed: #381d00;
  }

  .db-color-informational, .db-notification[data-semantic="informational"], [data-color="informational"] {
    --db-adaptive-bg-basic-level-1-default: var(--lightningcss-light, #f5faff) var(--lightningcss-dark, #031a25);
    --db-adaptive-bg-basic-level-1-hovered: var(--lightningcss-light, #ebf5fe) var(--lightningcss-dark, #0a3447);
    --db-adaptive-bg-basic-level-1-pressed: var(--lightningcss-light, #e0f0fe) var(--lightningcss-dark, #0f4259);
    --db-adaptive-bg-basic-level-2-default: var(--lightningcss-light, #ebf5fe) var(--lightningcss-dark, #062736);
    --db-adaptive-bg-basic-level-2-hovered: var(--lightningcss-light, #e0f0fe) var(--lightningcss-dark, #0f4259);
    --db-adaptive-bg-basic-level-2-pressed: var(--lightningcss-light, #cae6fd) var(--lightningcss-dark, #14516c);
    --db-adaptive-bg-basic-level-3-default: var(--lightningcss-light, #e0f0fe) var(--lightningcss-dark, #0a3447);
    --db-adaptive-bg-basic-level-3-hovered: var(--lightningcss-light, #cae6fd) var(--lightningcss-dark, #031a25);
    --db-adaptive-bg-basic-level-3-pressed: var(--lightningcss-light, #89cffa) var(--lightningcss-dark, #011018);
    --db-adaptive-bg-basic-transparent-full-default: transparent;
    --db-adaptive-bg-basic-transparent-semi-default: var(--lightningcss-light, #1b658614) var(--lightningcss-dark, #38b6ef29);
    --db-adaptive-bg-basic-transparent-full-hovered: var(--lightningcss-light, #1b65863d) var(--lightningcss-dark, #38b6ef3d);
    --db-adaptive-bg-basic-transparent-full-pressed: var(--lightningcss-light, #1b658652) var(--lightningcss-dark, #38b6ef52);
    --db-adaptive-bg-basic-transparent-semi-hovered: var(--lightningcss-light, #1b65863d) var(--lightningcss-dark, #38b6ef3d);
    --db-adaptive-bg-basic-transparent-semi-pressed: var(--lightningcss-light, #1b658652) var(--lightningcss-dark, #38b6ef52);
    --db-adaptive-on-bg-basic-emphasis-100-default: var(--lightningcss-light, #031a25) var(--lightningcss-dark, #e0f0fe);
    --db-adaptive-on-bg-basic-emphasis-100-hovered: var(--lightningcss-light, #14516c) var(--lightningcss-dark, #38b6ef);
    --db-adaptive-on-bg-basic-emphasis-100-pressed: var(--lightningcss-light, #062736) var(--lightningcss-dark, #cae6fd);
    --db-adaptive-on-bg-basic-emphasis-90-default: var(--lightningcss-light, #0f4259) var(--lightningcss-dark, #89cffa);
    --db-adaptive-on-bg-basic-emphasis-90-hovered: var(--lightningcss-light, #011018) var(--lightningcss-dark, #f5faff);
    --db-adaptive-on-bg-basic-emphasis-90-pressed: var(--lightningcss-light, #0a3447) var(--lightningcss-dark, #cae6fd);
    --db-adaptive-on-bg-basic-emphasis-80-default: var(--lightningcss-light, #1b6586) var(--lightningcss-dark, #38b6ef);
    --db-adaptive-on-bg-basic-emphasis-80-hovered: var(--lightningcss-light, #0a3447) var(--lightningcss-dark, #e0f0fe);
    --db-adaptive-on-bg-basic-emphasis-80-pressed: var(--lightningcss-light, #14516c) var(--lightningcss-dark, #89cffa);
    --db-adaptive-on-bg-basic-emphasis-70-default: var(--lightningcss-light, #257fa8) var(--lightningcss-dark, #2e9acb);
    --db-adaptive-on-bg-basic-emphasis-70-hovered: var(--lightningcss-light, #0f4259) var(--lightningcss-dark, #89cffa);
    --db-adaptive-on-bg-basic-emphasis-70-pressed: var(--lightningcss-light, #1b6586) var(--lightningcss-dark, #38b6ef);
    --db-adaptive-on-bg-basic-emphasis-60-default: var(--lightningcss-light, #89cffa) var(--lightningcss-dark, #1b6586);
    --db-adaptive-on-bg-basic-emphasis-50-default: var(--lightningcss-light, #38b6ef) var(--lightningcss-dark, #14516c);
    --db-adaptive-bg-inverted-contrast-max-default: var(--lightningcss-light, #031a25) var(--lightningcss-dark, #e0f0fe);
    --db-adaptive-bg-inverted-contrast-max-hovered: var(--lightningcss-light, #14516c) var(--lightningcss-dark, #38b6ef);
    --db-adaptive-bg-inverted-contrast-max-pressed: var(--lightningcss-light, #062736) var(--lightningcss-dark, #cae6fd);
    --db-adaptive-bg-inverted-contrast-high-default: var(--lightningcss-light, #1b6586) var(--lightningcss-dark, #38b6ef);
    --db-adaptive-bg-inverted-contrast-high-hovered: var(--lightningcss-light, #062736) var(--lightningcss-dark, #e0f0fe);
    --db-adaptive-bg-inverted-contrast-high-pressed: var(--lightningcss-light, #14516c) var(--lightningcss-dark, #89cffa);
    --db-adaptive-bg-inverted-contrast-low-default: var(--lightningcss-light, #257fa8) var(--lightningcss-dark, #2e9acb);
    --db-adaptive-bg-inverted-contrast-low-hovered: var(--lightningcss-light, #0a3447) var(--lightningcss-dark, #e0f0fe);
    --db-adaptive-bg-inverted-contrast-low-pressed: var(--lightningcss-light, #1b6586) var(--lightningcss-dark, #38b6ef);
    --db-adaptive-on-bg-inverted-default: var(--lightningcss-light, #f5faff) var(--lightningcss-dark, #0a3447);
    --db-adaptive-on-bg-inverted-hovered: var(--lightningcss-light, #cae6fd) var(--lightningcss-dark, #011018);
    --db-adaptive-on-bg-inverted-pressed: var(--lightningcss-light, #ebf5fe) var(--lightningcss-dark, #062736);
    --db-adaptive-origin-default: #309fd1;
    --db-adaptive-origin-hovered: #96d2fb;
    --db-adaptive-origin-pressed: #3abbf5;
    --db-adaptive-on-origin-default: #01080f;
    --db-adaptive-bg-vibrant-default: #38b6ef;
    --db-adaptive-bg-vibrant-hovered: #e0f0fe;
    --db-adaptive-bg-vibrant-pressed: #89cffa;
    --db-adaptive-on-bg-vibrant-default: #031a25;
    --db-adaptive-on-bg-vibrant-hovered: #0f4259;
    --db-adaptive-on-bg-vibrant-pressed: #062736;
  }

  .db-tag:has(label, button:not(.db-tab-remove-button), a)[data-semantic="informational"] {
    --db-adaptive-bg-basic-level-1-default: var(--lightningcss-light, #f5faff) var(--lightningcss-dark, #031a25);
    --db-adaptive-bg-basic-level-1-hovered: var(--lightningcss-light, #ebf5fe) var(--lightningcss-dark, #0a3447);
    --db-adaptive-bg-basic-level-1-pressed: var(--lightningcss-light, #e0f0fe) var(--lightningcss-dark, #0f4259);
    --db-adaptive-bg-basic-level-2-default: var(--lightningcss-light, #ebf5fe) var(--lightningcss-dark, #062736);
    --db-adaptive-bg-basic-level-2-hovered: var(--lightningcss-light, #e0f0fe) var(--lightningcss-dark, #0f4259);
    --db-adaptive-bg-basic-level-2-pressed: var(--lightningcss-light, #cae6fd) var(--lightningcss-dark, #14516c);
    --db-adaptive-bg-basic-level-3-default: var(--lightningcss-light, #e0f0fe) var(--lightningcss-dark, #0a3447);
    --db-adaptive-bg-basic-level-3-hovered: var(--lightningcss-light, #cae6fd) var(--lightningcss-dark, #031a25);
    --db-adaptive-bg-basic-level-3-pressed: var(--lightningcss-light, #89cffa) var(--lightningcss-dark, #011018);
    --db-adaptive-bg-basic-transparent-full-default: transparent;
    --db-adaptive-bg-basic-transparent-semi-default: var(--lightningcss-light, #1b658614) var(--lightningcss-dark, #38b6ef29);
    --db-adaptive-bg-basic-transparent-full-hovered: var(--lightningcss-light, #1b65863d) var(--lightningcss-dark, #38b6ef3d);
    --db-adaptive-bg-basic-transparent-full-pressed: var(--lightningcss-light, #1b658652) var(--lightningcss-dark, #38b6ef52);
    --db-adaptive-bg-basic-transparent-semi-hovered: var(--lightningcss-light, #1b65863d) var(--lightningcss-dark, #38b6ef3d);
    --db-adaptive-bg-basic-transparent-semi-pressed: var(--lightningcss-light, #1b658652) var(--lightningcss-dark, #38b6ef52);
    --db-adaptive-on-bg-basic-emphasis-100-default: var(--lightningcss-light, #031a25) var(--lightningcss-dark, #e0f0fe);
    --db-adaptive-on-bg-basic-emphasis-100-hovered: var(--lightningcss-light, #14516c) var(--lightningcss-dark, #38b6ef);
    --db-adaptive-on-bg-basic-emphasis-100-pressed: var(--lightningcss-light, #062736) var(--lightningcss-dark, #cae6fd);
    --db-adaptive-on-bg-basic-emphasis-90-default: var(--lightningcss-light, #0f4259) var(--lightningcss-dark, #89cffa);
    --db-adaptive-on-bg-basic-emphasis-90-hovered: var(--lightningcss-light, #011018) var(--lightningcss-dark, #f5faff);
    --db-adaptive-on-bg-basic-emphasis-90-pressed: var(--lightningcss-light, #0a3447) var(--lightningcss-dark, #cae6fd);
    --db-adaptive-on-bg-basic-emphasis-80-default: var(--lightningcss-light, #1b6586) var(--lightningcss-dark, #38b6ef);
    --db-adaptive-on-bg-basic-emphasis-80-hovered: var(--lightningcss-light, #0a3447) var(--lightningcss-dark, #e0f0fe);
    --db-adaptive-on-bg-basic-emphasis-80-pressed: var(--lightningcss-light, #14516c) var(--lightningcss-dark, #89cffa);
    --db-adaptive-on-bg-basic-emphasis-70-default: var(--lightningcss-light, #257fa8) var(--lightningcss-dark, #2e9acb);
    --db-adaptive-on-bg-basic-emphasis-70-hovered: var(--lightningcss-light, #0f4259) var(--lightningcss-dark, #89cffa);
    --db-adaptive-on-bg-basic-emphasis-70-pressed: var(--lightningcss-light, #1b6586) var(--lightningcss-dark, #38b6ef);
    --db-adaptive-on-bg-basic-emphasis-60-default: var(--lightningcss-light, #89cffa) var(--lightningcss-dark, #1b6586);
    --db-adaptive-on-bg-basic-emphasis-50-default: var(--lightningcss-light, #38b6ef) var(--lightningcss-dark, #14516c);
    --db-adaptive-bg-inverted-contrast-max-default: var(--lightningcss-light, #031a25) var(--lightningcss-dark, #e0f0fe);
    --db-adaptive-bg-inverted-contrast-max-hovered: var(--lightningcss-light, #14516c) var(--lightningcss-dark, #38b6ef);
    --db-adaptive-bg-inverted-contrast-max-pressed: var(--lightningcss-light, #062736) var(--lightningcss-dark, #cae6fd);
    --db-adaptive-bg-inverted-contrast-high-default: var(--lightningcss-light, #1b6586) var(--lightningcss-dark, #38b6ef);
    --db-adaptive-bg-inverted-contrast-high-hovered: var(--lightningcss-light, #062736) var(--lightningcss-dark, #e0f0fe);
    --db-adaptive-bg-inverted-contrast-high-pressed: var(--lightningcss-light, #14516c) var(--lightningcss-dark, #89cffa);
    --db-adaptive-bg-inverted-contrast-low-default: var(--lightningcss-light, #257fa8) var(--lightningcss-dark, #2e9acb);
    --db-adaptive-bg-inverted-contrast-low-hovered: var(--lightningcss-light, #0a3447) var(--lightningcss-dark, #e0f0fe);
    --db-adaptive-bg-inverted-contrast-low-pressed: var(--lightningcss-light, #1b6586) var(--lightningcss-dark, #38b6ef);
    --db-adaptive-on-bg-inverted-default: var(--lightningcss-light, #f5faff) var(--lightningcss-dark, #0a3447);
    --db-adaptive-on-bg-inverted-hovered: var(--lightningcss-light, #cae6fd) var(--lightningcss-dark, #011018);
    --db-adaptive-on-bg-inverted-pressed: var(--lightningcss-light, #ebf5fe) var(--lightningcss-dark, #062736);
    --db-adaptive-origin-default: #309fd1;
    --db-adaptive-origin-hovered: #96d2fb;
    --db-adaptive-origin-pressed: #3abbf5;
    --db-adaptive-on-origin-default: #01080f;
    --db-adaptive-bg-vibrant-default: #38b6ef;
    --db-adaptive-bg-vibrant-hovered: #e0f0fe;
    --db-adaptive-bg-vibrant-pressed: #89cffa;
    --db-adaptive-on-bg-vibrant-default: #031a25;
    --db-adaptive-on-bg-vibrant-hovered: #0f4259;
    --db-adaptive-on-bg-vibrant-pressed: #062736;
  }

  .db-color-yellow, [data-color="yellow"] {
    --db-adaptive-bg-basic-level-1-default: var(--lightningcss-light, #fff9eb) var(--lightningcss-dark, #1d1700);
    --db-adaptive-bg-basic-level-1-hovered: var(--lightningcss-light, #fff3d5) var(--lightningcss-dark, #3a3000);
    --db-adaptive-bg-basic-level-1-pressed: var(--lightningcss-light, #ffedbc) var(--lightningcss-dark, #493d00);
    --db-adaptive-bg-basic-level-2-default: var(--lightningcss-light, #fff3d5) var(--lightningcss-dark, #2b2300);
    --db-adaptive-bg-basic-level-2-hovered: var(--lightningcss-light, #ffedbc) var(--lightningcss-dark, #493d00);
    --db-adaptive-bg-basic-level-2-pressed: var(--lightningcss-light, #ffe17c) var(--lightningcss-dark, #594a00);
    --db-adaptive-bg-basic-level-3-default: var(--lightningcss-light, #ffedbc) var(--lightningcss-dark, #3a3000);
    --db-adaptive-bg-basic-level-3-hovered: var(--lightningcss-light, #ffe17c) var(--lightningcss-dark, #1d1700);
    --db-adaptive-bg-basic-level-3-pressed: var(--lightningcss-light, #e8c400) var(--lightningcss-dark, #130e00);
    --db-adaptive-bg-basic-transparent-full-default: transparent;
    --db-adaptive-bg-basic-transparent-semi-default: var(--lightningcss-light, #6f5d0014) var(--lightningcss-dark, #c8a90029);
    --db-adaptive-bg-basic-transparent-full-hovered: var(--lightningcss-light, #6f5d003d) var(--lightningcss-dark, #c8a9003d);
    --db-adaptive-bg-basic-transparent-full-pressed: var(--lightningcss-light, #6f5d0052) var(--lightningcss-dark, #c8a90052);
    --db-adaptive-bg-basic-transparent-semi-hovered: var(--lightningcss-light, #6f5d003d) var(--lightningcss-dark, #c8a9003d);
    --db-adaptive-bg-basic-transparent-semi-pressed: var(--lightningcss-light, #6f5d0052) var(--lightningcss-dark, #c8a90052);
    --db-adaptive-on-bg-basic-emphasis-100-default: var(--lightningcss-light, #1d1700) var(--lightningcss-dark, #ffedbc);
    --db-adaptive-on-bg-basic-emphasis-100-hovered: var(--lightningcss-light, #594a00) var(--lightningcss-dark, #c8a900);
    --db-adaptive-on-bg-basic-emphasis-100-pressed: var(--lightningcss-light, #2b2300) var(--lightningcss-dark, #ffe17c);
    --db-adaptive-on-bg-basic-emphasis-90-default: var(--lightningcss-light, #493d00) var(--lightningcss-dark, #e8c400);
    --db-adaptive-on-bg-basic-emphasis-90-hovered: var(--lightningcss-light, #130e00) var(--lightningcss-dark, #fff9eb);
    --db-adaptive-on-bg-basic-emphasis-90-pressed: var(--lightningcss-light, #3a3000) var(--lightningcss-dark, #ffe17c);
    --db-adaptive-on-bg-basic-emphasis-80-default: var(--lightningcss-light, #6f5d00) var(--lightningcss-dark, #c8a900);
    --db-adaptive-on-bg-basic-emphasis-80-hovered: var(--lightningcss-light, #3a3000) var(--lightningcss-dark, #ffedbc);
    --db-adaptive-on-bg-basic-emphasis-80-pressed: var(--lightningcss-light, #594a00) var(--lightningcss-dark, #e8c400);
    --db-adaptive-on-bg-basic-emphasis-70-default: var(--lightningcss-light, #8c7600) var(--lightningcss-dark, #aa8f00);
    --db-adaptive-on-bg-basic-emphasis-70-hovered: var(--lightningcss-light, #493d00) var(--lightningcss-dark, #e8c400);
    --db-adaptive-on-bg-basic-emphasis-70-pressed: var(--lightningcss-light, #6f5d00) var(--lightningcss-dark, #c8a900);
    --db-adaptive-on-bg-basic-emphasis-60-default: var(--lightningcss-light, #e8c400) var(--lightningcss-dark, #6f5d00);
    --db-adaptive-on-bg-basic-emphasis-50-default: var(--lightningcss-light, #c8a900) var(--lightningcss-dark, #594a00);
    --db-adaptive-bg-inverted-contrast-max-default: var(--lightningcss-light, #1d1700) var(--lightningcss-dark, #ffedbc);
    --db-adaptive-bg-inverted-contrast-max-hovered: var(--lightningcss-light, #594a00) var(--lightningcss-dark, #c8a900);
    --db-adaptive-bg-inverted-contrast-max-pressed: var(--lightningcss-light, #2b2300) var(--lightningcss-dark, #ffe17c);
    --db-adaptive-bg-inverted-contrast-high-default: var(--lightningcss-light, #6f5d00) var(--lightningcss-dark, #c8a900);
    --db-adaptive-bg-inverted-contrast-high-hovered: var(--lightningcss-light, #2b2300) var(--lightningcss-dark, #ffedbc);
    --db-adaptive-bg-inverted-contrast-high-pressed: var(--lightningcss-light, #594a00) var(--lightningcss-dark, #e8c400);
    --db-adaptive-bg-inverted-contrast-low-default: var(--lightningcss-light, #8c7600) var(--lightningcss-dark, #aa8f00);
    --db-adaptive-bg-inverted-contrast-low-hovered: var(--lightningcss-light, #3a3000) var(--lightningcss-dark, #ffedbc);
    --db-adaptive-bg-inverted-contrast-low-pressed: var(--lightningcss-light, #6f5d00) var(--lightningcss-dark, #c8a900);
    --db-adaptive-on-bg-inverted-default: var(--lightningcss-light, #fff9eb) var(--lightningcss-dark, #3a3000);
    --db-adaptive-on-bg-inverted-hovered: var(--lightningcss-light, #ffe17c) var(--lightningcss-dark, #130e00);
    --db-adaptive-on-bg-inverted-pressed: var(--lightningcss-light, #fff3d5) var(--lightningcss-dark, #2b2300);
    --db-adaptive-origin-default: #ffd800;
    --db-adaptive-origin-hovered: #bfa200;
    --db-adaptive-origin-pressed: #dfbc00;
    --db-adaptive-on-origin-default: #0a0700;
    --db-adaptive-bg-vibrant-default: #c8a900;
    --db-adaptive-bg-vibrant-hovered: #ffedbc;
    --db-adaptive-bg-vibrant-pressed: #e8c400;
    --db-adaptive-on-bg-vibrant-default: #1d1700;
    --db-adaptive-on-bg-vibrant-hovered: #493d00;
    --db-adaptive-on-bg-vibrant-pressed: #2b2300;
  }

  .db-color-orange, [data-color="orange"] {
    --db-adaptive-bg-basic-level-1-default: var(--lightningcss-light, #fff8f5) var(--lightningcss-dark, #271300);
    --db-adaptive-bg-basic-level-1-hovered: var(--lightningcss-light, #fff1ea) var(--lightningcss-dark, #4a2800);
    --db-adaptive-bg-basic-level-1-pressed: var(--lightningcss-light, #ffeadf) var(--lightningcss-dark, #5c3400);
    --db-adaptive-bg-basic-level-2-default: var(--lightningcss-light, #fff1ea) var(--lightningcss-dark, #381d00);
    --db-adaptive-bg-basic-level-2-hovered: var(--lightningcss-light, #ffeadf) var(--lightningcss-dark, #5c3400);
    --db-adaptive-bg-basic-level-2-pressed: var(--lightningcss-light, #ffdbc8) var(--lightningcss-dark, #6f4000);
    --db-adaptive-bg-basic-level-3-default: var(--lightningcss-light, #ffeadf) var(--lightningcss-dark, #4a2800);
    --db-adaptive-bg-basic-level-3-hovered: var(--lightningcss-light, #ffdbc8) var(--lightningcss-dark, #271300);
    --db-adaptive-bg-basic-level-3-pressed: var(--lightningcss-light, #ffb782) var(--lightningcss-dark, #190b00);
    --db-adaptive-bg-basic-transparent-full-default: transparent;
    --db-adaptive-bg-basic-transparent-semi-default: var(--lightningcss-light, #8a510014) var(--lightningcss-dark, #f6940029);
    --db-adaptive-bg-basic-transparent-full-hovered: var(--lightningcss-light, #8a51003d) var(--lightningcss-dark, #f694003d);
    --db-adaptive-bg-basic-transparent-full-pressed: var(--lightningcss-light, #8a510052) var(--lightningcss-dark, #f6940052);
    --db-adaptive-bg-basic-transparent-semi-hovered: var(--lightningcss-light, #8a51003d) var(--lightningcss-dark, #f694003d);
    --db-adaptive-bg-basic-transparent-semi-pressed: var(--lightningcss-light, #8a510052) var(--lightningcss-dark, #f6940052);
    --db-adaptive-on-bg-basic-emphasis-100-default: var(--lightningcss-light, #271300) var(--lightningcss-dark, #ffeadf);
    --db-adaptive-on-bg-basic-emphasis-100-hovered: var(--lightningcss-light, #6f4000) var(--lightningcss-dark, #f69400);
    --db-adaptive-on-bg-basic-emphasis-100-pressed: var(--lightningcss-light, #381d00) var(--lightningcss-dark, #ffdbc8);
    --db-adaptive-on-bg-basic-emphasis-90-default: var(--lightningcss-light, #5c3400) var(--lightningcss-dark, #ffb782);
    --db-adaptive-on-bg-basic-emphasis-90-hovered: var(--lightningcss-light, #190b00) var(--lightningcss-dark, #fff8f5);
    --db-adaptive-on-bg-basic-emphasis-90-pressed: var(--lightningcss-light, #4a2800) var(--lightningcss-dark, #ffdbc8);
    --db-adaptive-on-bg-basic-emphasis-80-default: var(--lightningcss-light, #8a5100) var(--lightningcss-dark, #f69400);
    --db-adaptive-on-bg-basic-emphasis-80-hovered: var(--lightningcss-light, #4a2800) var(--lightningcss-dark, #ffeadf);
    --db-adaptive-on-bg-basic-emphasis-80-pressed: var(--lightningcss-light, #6f4000) var(--lightningcss-dark, #ffb782);
    --db-adaptive-on-bg-basic-emphasis-70-default: var(--lightningcss-light, #ad6600) var(--lightningcss-dark, #d17d00);
    --db-adaptive-on-bg-basic-emphasis-70-hovered: var(--lightningcss-light, #5c3400) var(--lightningcss-dark, #ffb782);
    --db-adaptive-on-bg-basic-emphasis-70-pressed: var(--lightningcss-light, #8a5100) var(--lightningcss-dark, #f69400);
    --db-adaptive-on-bg-basic-emphasis-60-default: var(--lightningcss-light, #ffb782) var(--lightningcss-dark, #8a5100);
    --db-adaptive-on-bg-basic-emphasis-50-default: var(--lightningcss-light, #f69400) var(--lightningcss-dark, #6f4000);
    --db-adaptive-bg-inverted-contrast-max-default: var(--lightningcss-light, #271300) var(--lightningcss-dark, #ffeadf);
    --db-adaptive-bg-inverted-contrast-max-hovered: var(--lightningcss-light, #6f4000) var(--lightningcss-dark, #f69400);
    --db-adaptive-bg-inverted-contrast-max-pressed: var(--lightningcss-light, #381d00) var(--lightningcss-dark, #ffdbc8);
    --db-adaptive-bg-inverted-contrast-high-default: var(--lightningcss-light, #8a5100) var(--lightningcss-dark, #f69400);
    --db-adaptive-bg-inverted-contrast-high-hovered: var(--lightningcss-light, #381d00) var(--lightningcss-dark, #ffeadf);
    --db-adaptive-bg-inverted-contrast-high-pressed: var(--lightningcss-light, #6f4000) var(--lightningcss-dark, #ffb782);
    --db-adaptive-bg-inverted-contrast-low-default: var(--lightningcss-light, #ad6600) var(--lightningcss-dark, #d17d00);
    --db-adaptive-bg-inverted-contrast-low-hovered: var(--lightningcss-light, #4a2800) var(--lightningcss-dark, #ffeadf);
    --db-adaptive-bg-inverted-contrast-low-pressed: var(--lightningcss-light, #8a5100) var(--lightningcss-dark, #f69400);
    --db-adaptive-on-bg-inverted-default: var(--lightningcss-light, #fff8f5) var(--lightningcss-dark, #4a2800);
    --db-adaptive-on-bg-inverted-hovered: var(--lightningcss-light, #ffdbc8) var(--lightningcss-dark, #190b00);
    --db-adaptive-on-bg-inverted-pressed: var(--lightningcss-light, #fff1ea) var(--lightningcss-dark, #381d00);
    --db-adaptive-origin-default: #f39200;
    --db-adaptive-origin-hovered: #ffd9c3;
    --db-adaptive-origin-pressed: #ffb47b;
    --db-adaptive-on-origin-default: #100500;
    --db-adaptive-bg-vibrant-default: #f69400;
    --db-adaptive-bg-vibrant-hovered: #ffeadf;
    --db-adaptive-bg-vibrant-pressed: #ffb782;
    --db-adaptive-on-bg-vibrant-default: #271300;
    --db-adaptive-on-bg-vibrant-hovered: #5c3400;
    --db-adaptive-on-bg-vibrant-pressed: #381d00;
  }

  .db-color-red, [data-color="red"] {
    --db-adaptive-bg-basic-level-1-default: var(--lightningcss-light, #fff8f8) var(--lightningcss-dark, #390001);
    --db-adaptive-bg-basic-level-1-hovered: var(--lightningcss-light, #fff0f0) var(--lightningcss-dark, #690004);
    --db-adaptive-bg-basic-level-1-pressed: var(--lightningcss-light, #ffe9e9) var(--lightningcss-dark, #820007);
    --db-adaptive-bg-basic-level-2-default: var(--lightningcss-light, #fff0f0) var(--lightningcss-dark, #500003);
    --db-adaptive-bg-basic-level-2-hovered: var(--lightningcss-light, #ffe9e9) var(--lightningcss-dark, #820007);
    --db-adaptive-bg-basic-level-2-pressed: var(--lightningcss-light, #ffdada) var(--lightningcss-dark, #9c000a);
    --db-adaptive-bg-basic-level-3-default: var(--lightningcss-light, #ffe9e9) var(--lightningcss-dark, #690004);
    --db-adaptive-bg-basic-level-3-hovered: var(--lightningcss-light, #ffdada) var(--lightningcss-dark, #390001);
    --db-adaptive-bg-basic-level-3-pressed: var(--lightningcss-light, #ffb3b4) var(--lightningcss-dark, #280001);
    --db-adaptive-bg-basic-transparent-full-default: transparent;
    --db-adaptive-bg-basic-transparent-semi-default: var(--lightningcss-light, #c0001014) var(--lightningcss-dark, #ff888a29);
    --db-adaptive-bg-basic-transparent-full-hovered: var(--lightningcss-light, #c000103d) var(--lightningcss-dark, #ff888a3d);
    --db-adaptive-bg-basic-transparent-full-pressed: var(--lightningcss-light, #c0001052) var(--lightningcss-dark, #ff888a52);
    --db-adaptive-bg-basic-transparent-semi-hovered: var(--lightningcss-light, #c000103d) var(--lightningcss-dark, #ff888a3d);
    --db-adaptive-bg-basic-transparent-semi-pressed: var(--lightningcss-light, #c0001052) var(--lightningcss-dark, #ff888a52);
    --db-adaptive-on-bg-basic-emphasis-100-default: var(--lightningcss-light, #390001) var(--lightningcss-dark, #ffe9e9);
    --db-adaptive-on-bg-basic-emphasis-100-hovered: var(--lightningcss-light, #9c000a) var(--lightningcss-dark, #ff888a);
    --db-adaptive-on-bg-basic-emphasis-100-pressed: var(--lightningcss-light, #500003) var(--lightningcss-dark, #ffdada);
    --db-adaptive-on-bg-basic-emphasis-90-default: var(--lightningcss-light, #820007) var(--lightningcss-dark, #ffb3b4);
    --db-adaptive-on-bg-basic-emphasis-90-hovered: var(--lightningcss-light, #280001) var(--lightningcss-dark, #fff8f8);
    --db-adaptive-on-bg-basic-emphasis-90-pressed: var(--lightningcss-light, #690004) var(--lightningcss-dark, #ffdada);
    --db-adaptive-on-bg-basic-emphasis-80-default: var(--lightningcss-light, #c00010) var(--lightningcss-dark, #ff888a);
    --db-adaptive-on-bg-basic-emphasis-80-hovered: var(--lightningcss-light, #690004) var(--lightningcss-dark, #ffe9e9);
    --db-adaptive-on-bg-basic-emphasis-80-pressed: var(--lightningcss-light, #9c000a) var(--lightningcss-dark, #ffb3b4);
    --db-adaptive-on-bg-basic-emphasis-70-default: var(--lightningcss-light, #ef0016) var(--lightningcss-dark, #ff5357);
    --db-adaptive-on-bg-basic-emphasis-70-hovered: var(--lightningcss-light, #820007) var(--lightningcss-dark, #ffb3b4);
    --db-adaptive-on-bg-basic-emphasis-70-pressed: var(--lightningcss-light, #c00010) var(--lightningcss-dark, #ff888a);
    --db-adaptive-on-bg-basic-emphasis-60-default: var(--lightningcss-light, #ffb3b4) var(--lightningcss-dark, #c00010);
    --db-adaptive-on-bg-basic-emphasis-50-default: var(--lightningcss-light, #ff888a) var(--lightningcss-dark, #9c000a);
    --db-adaptive-bg-inverted-contrast-max-default: var(--lightningcss-light, #390001) var(--lightningcss-dark, #ffe9e9);
    --db-adaptive-bg-inverted-contrast-max-hovered: var(--lightningcss-light, #9c000a) var(--lightningcss-dark, #ff888a);
    --db-adaptive-bg-inverted-contrast-max-pressed: var(--lightningcss-light, #500003) var(--lightningcss-dark, #ffdada);
    --db-adaptive-bg-inverted-contrast-high-default: var(--lightningcss-light, #c00010) var(--lightningcss-dark, #ff888a);
    --db-adaptive-bg-inverted-contrast-high-hovered: var(--lightningcss-light, #500003) var(--lightningcss-dark, #ffe9e9);
    --db-adaptive-bg-inverted-contrast-high-pressed: var(--lightningcss-light, #9c000a) var(--lightningcss-dark, #ffb3b4);
    --db-adaptive-bg-inverted-contrast-low-default: var(--lightningcss-light, #ef0016) var(--lightningcss-dark, #ff5357);
    --db-adaptive-bg-inverted-contrast-low-hovered: var(--lightningcss-light, #690004) var(--lightningcss-dark, #ffe9e9);
    --db-adaptive-bg-inverted-contrast-low-pressed: var(--lightningcss-light, #c00010) var(--lightningcss-dark, #ff888a);
    --db-adaptive-on-bg-inverted-default: var(--lightningcss-light, #fff8f8) var(--lightningcss-dark, #690004);
    --db-adaptive-on-bg-inverted-hovered: var(--lightningcss-light, #ffdada) var(--lightningcss-dark, #280001);
    --db-adaptive-on-bg-inverted-pressed: var(--lightningcss-light, #fff0f0) var(--lightningcss-dark, #500003);
    --db-adaptive-origin-default: #ec0016;
    --db-adaptive-origin-hovered: #7b0006;
    --db-adaptive-origin-pressed: #bd000f;
    --db-adaptive-on-origin-default: #fff;
    --db-adaptive-bg-vibrant-default: #ff888a;
    --db-adaptive-bg-vibrant-hovered: #ffe9e9;
    --db-adaptive-bg-vibrant-pressed: #ffb3b4;
    --db-adaptive-on-bg-vibrant-default: #390001;
    --db-adaptive-on-bg-vibrant-hovered: #820007;
    --db-adaptive-on-bg-vibrant-pressed: #500003;
  }

  .db-color-pink, [data-color="pink"] {
    --db-adaptive-bg-basic-level-1-default: var(--lightningcss-light, #fef8fa) var(--lightningcss-dark, #32061b);
    --db-adaptive-bg-basic-level-1-hovered: var(--lightningcss-light, #fdf1f4) var(--lightningcss-dark, #5c1335);
    --db-adaptive-bg-basic-level-1-pressed: var(--lightningcss-light, #fce9ef) var(--lightningcss-dark, #731a44);
    --db-adaptive-bg-basic-level-2-default: var(--lightningcss-light, #fdf1f4) var(--lightningcss-dark, #460c28);
    --db-adaptive-bg-basic-level-2-hovered: var(--lightningcss-light, #fce9ef) var(--lightningcss-dark, #731a44);
    --db-adaptive-bg-basic-level-2-pressed: var(--lightningcss-light, #fadbe4) var(--lightningcss-dark, #8a2153);
    --db-adaptive-bg-basic-level-3-default: var(--lightningcss-light, #fce9ef) var(--lightningcss-dark, #5c1335);
    --db-adaptive-bg-basic-level-3-hovered: var(--lightningcss-light, #fadbe4) var(--lightningcss-dark, #32061b);
    --db-adaptive-bg-basic-level-3-pressed: var(--lightningcss-light, #f5b5cb) var(--lightningcss-dark, #220310);
    --db-adaptive-bg-basic-transparent-full-default: transparent;
    --db-adaptive-bg-basic-transparent-semi-default: var(--lightningcss-light, #aa2b6714) var(--lightningcss-dark, #f18cb229);
    --db-adaptive-bg-basic-transparent-full-hovered: var(--lightningcss-light, #aa2b673d) var(--lightningcss-dark, #f18cb23d);
    --db-adaptive-bg-basic-transparent-full-pressed: var(--lightningcss-light, #aa2b6752) var(--lightningcss-dark, #f18cb252);
    --db-adaptive-bg-basic-transparent-semi-hovered: var(--lightningcss-light, #aa2b673d) var(--lightningcss-dark, #f18cb23d);
    --db-adaptive-bg-basic-transparent-semi-pressed: var(--lightningcss-light, #aa2b6752) var(--lightningcss-dark, #f18cb252);
    --db-adaptive-on-bg-basic-emphasis-100-default: var(--lightningcss-light, #32061b) var(--lightningcss-dark, #fce9ef);
    --db-adaptive-on-bg-basic-emphasis-100-hovered: var(--lightningcss-light, #8a2153) var(--lightningcss-dark, #f18cb2);
    --db-adaptive-on-bg-basic-emphasis-100-pressed: var(--lightningcss-light, #460c28) var(--lightningcss-dark, #fadbe4);
    --db-adaptive-on-bg-basic-emphasis-90-default: var(--lightningcss-light, #731a44) var(--lightningcss-dark, #f5b5cb);
    --db-adaptive-on-bg-basic-emphasis-90-hovered: var(--lightningcss-light, #220310) var(--lightningcss-dark, #fef8fa);
    --db-adaptive-on-bg-basic-emphasis-90-pressed: var(--lightningcss-light, #5c1335) var(--lightningcss-dark, #fadbe4);
    --db-adaptive-on-bg-basic-emphasis-80-default: var(--lightningcss-light, #aa2b67) var(--lightningcss-dark, #f18cb2);
    --db-adaptive-on-bg-basic-emphasis-80-hovered: var(--lightningcss-light, #5c1335) var(--lightningcss-dark, #fce9ef);
    --db-adaptive-on-bg-basic-emphasis-80-pressed: var(--lightningcss-light, #8a2153) var(--lightningcss-dark, #f5b5cb);
    --db-adaptive-on-bg-basic-emphasis-70-default: var(--lightningcss-light, #d43882) var(--lightningcss-dark, #ed5c9b);
    --db-adaptive-on-bg-basic-emphasis-70-hovered: var(--lightningcss-light, #731a44) var(--lightningcss-dark, #f5b5cb);
    --db-adaptive-on-bg-basic-emphasis-70-pressed: var(--lightningcss-light, #aa2b67) var(--lightningcss-dark, #f18cb2);
    --db-adaptive-on-bg-basic-emphasis-60-default: var(--lightningcss-light, #f5b5cb) var(--lightningcss-dark, #aa2b67);
    --db-adaptive-on-bg-basic-emphasis-50-default: var(--lightningcss-light, #f18cb2) var(--lightningcss-dark, #8a2153);
    --db-adaptive-bg-inverted-contrast-max-default: var(--lightningcss-light, #32061b) var(--lightningcss-dark, #fce9ef);
    --db-adaptive-bg-inverted-contrast-max-hovered: var(--lightningcss-light, #8a2153) var(--lightningcss-dark, #f18cb2);
    --db-adaptive-bg-inverted-contrast-max-pressed: var(--lightningcss-light, #460c28) var(--lightningcss-dark, #fadbe4);
    --db-adaptive-bg-inverted-contrast-high-default: var(--lightningcss-light, #aa2b67) var(--lightningcss-dark, #f18cb2);
    --db-adaptive-bg-inverted-contrast-high-hovered: var(--lightningcss-light, #460c28) var(--lightningcss-dark, #fce9ef);
    --db-adaptive-bg-inverted-contrast-high-pressed: var(--lightningcss-light, #8a2153) var(--lightningcss-dark, #f5b5cb);
    --db-adaptive-bg-inverted-contrast-low-default: var(--lightningcss-light, #d43882) var(--lightningcss-dark, #ed5c9b);
    --db-adaptive-bg-inverted-contrast-low-hovered: var(--lightningcss-light, #5c1335) var(--lightningcss-dark, #fce9ef);
    --db-adaptive-bg-inverted-contrast-low-pressed: var(--lightningcss-light, #aa2b67) var(--lightningcss-dark, #f18cb2);
    --db-adaptive-on-bg-inverted-default: var(--lightningcss-light, #fef8fa) var(--lightningcss-dark, #5c1335);
    --db-adaptive-on-bg-inverted-hovered: var(--lightningcss-light, #fadbe4) var(--lightningcss-dark, #220310);
    --db-adaptive-on-bg-inverted-pressed: var(--lightningcss-light, #fdf1f4) var(--lightningcss-dark, #460c28);
    --db-adaptive-origin-default: #e93e8f;
    --db-adaptive-origin-hovered: #f3a0be;
    --db-adaptive-origin-pressed: #ef75a6;
    --db-adaptive-on-origin-default: #160209;
    --db-adaptive-bg-vibrant-default: #f18cb2;
    --db-adaptive-bg-vibrant-hovered: #fce9ef;
    --db-adaptive-bg-vibrant-pressed: #f5b5cb;
    --db-adaptive-on-bg-vibrant-default: #32061b;
    --db-adaptive-on-bg-vibrant-hovered: #731a44;
    --db-adaptive-on-bg-vibrant-pressed: #460c28;
  }

  .db-color-violet, [data-color="violet"] {
    --db-adaptive-bg-basic-level-1-default: var(--lightningcss-light, #fbf8fc) var(--lightningcss-dark, #23102a);
    --db-adaptive-bg-basic-level-1-hovered: var(--lightningcss-light, #f7f2fa) var(--lightningcss-dark, #432350);
    --db-adaptive-bg-basic-level-1-pressed: var(--lightningcss-light, #f3ebf7) var(--lightningcss-dark, #542e63);
    --db-adaptive-bg-basic-level-2-default: var(--lightningcss-light, #f7f2fa) var(--lightningcss-dark, #33193c);
    --db-adaptive-bg-basic-level-2-hovered: var(--lightningcss-light, #f3ebf7) var(--lightningcss-dark, #542e63);
    --db-adaptive-bg-basic-level-2-pressed: var(--lightningcss-light, #ebdef2) var(--lightningcss-dark, #663978);
    --db-adaptive-bg-basic-level-3-default: var(--lightningcss-light, #f3ebf7) var(--lightningcss-dark, #432350);
    --db-adaptive-bg-basic-level-3-hovered: var(--lightningcss-light, #ebdef2) var(--lightningcss-dark, #23102a);
    --db-adaptive-bg-basic-level-3-pressed: var(--lightningcss-light, #d8bde6) var(--lightningcss-dark, #17081c);
    --db-adaptive-bg-basic-transparent-full-default: transparent;
    --db-adaptive-bg-basic-transparent-semi-default: var(--lightningcss-light, #7f489514) var(--lightningcss-dark, #c69cda29);
    --db-adaptive-bg-basic-transparent-full-hovered: var(--lightningcss-light, #7f48953d) var(--lightningcss-dark, #c69cda3d);
    --db-adaptive-bg-basic-transparent-full-pressed: var(--lightningcss-light, #7f489552) var(--lightningcss-dark, #c69cda52);
    --db-adaptive-bg-basic-transparent-semi-hovered: var(--lightningcss-light, #7f48953d) var(--lightningcss-dark, #c69cda3d);
    --db-adaptive-bg-basic-transparent-semi-pressed: var(--lightningcss-light, #7f489552) var(--lightningcss-dark, #c69cda52);
    --db-adaptive-on-bg-basic-emphasis-100-default: var(--lightningcss-light, #23102a) var(--lightningcss-dark, #f3ebf7);
    --db-adaptive-on-bg-basic-emphasis-100-hovered: var(--lightningcss-light, #663978) var(--lightningcss-dark, #c69cda);
    --db-adaptive-on-bg-basic-emphasis-100-pressed: var(--lightningcss-light, #33193c) var(--lightningcss-dark, #ebdef2);
    --db-adaptive-on-bg-basic-emphasis-90-default: var(--lightningcss-light, #542e63) var(--lightningcss-dark, #d8bde6);
    --db-adaptive-on-bg-basic-emphasis-90-hovered: var(--lightningcss-light, #17081c) var(--lightningcss-dark, #fbf8fc);
    --db-adaptive-on-bg-basic-emphasis-90-pressed: var(--lightningcss-light, #432350) var(--lightningcss-dark, #ebdef2);
    --db-adaptive-on-bg-basic-emphasis-80-default: var(--lightningcss-light, #7f4895) var(--lightningcss-dark, #c69cda);
    --db-adaptive-on-bg-basic-emphasis-80-hovered: var(--lightningcss-light, #432350) var(--lightningcss-dark, #f3ebf7);
    --db-adaptive-on-bg-basic-emphasis-80-pressed: var(--lightningcss-light, #663978) var(--lightningcss-dark, #d8bde6);
    --db-adaptive-on-bg-basic-emphasis-70-default: var(--lightningcss-light, #9f5bba) var(--lightningcss-dark, #b47ace);
    --db-adaptive-on-bg-basic-emphasis-70-hovered: var(--lightningcss-light, #542e63) var(--lightningcss-dark, #d8bde6);
    --db-adaptive-on-bg-basic-emphasis-70-pressed: var(--lightningcss-light, #7f4895) var(--lightningcss-dark, #c69cda);
    --db-adaptive-on-bg-basic-emphasis-60-default: var(--lightningcss-light, #d8bde6) var(--lightningcss-dark, #7f4895);
    --db-adaptive-on-bg-basic-emphasis-50-default: var(--lightningcss-light, #c69cda) var(--lightningcss-dark, #663978);
    --db-adaptive-bg-inverted-contrast-max-default: var(--lightningcss-light, #23102a) var(--lightningcss-dark, #f3ebf7);
    --db-adaptive-bg-inverted-contrast-max-hovered: var(--lightningcss-light, #663978) var(--lightningcss-dark, #c69cda);
    --db-adaptive-bg-inverted-contrast-max-pressed: var(--lightningcss-light, #33193c) var(--lightningcss-dark, #ebdef2);
    --db-adaptive-bg-inverted-contrast-high-default: var(--lightningcss-light, #7f4895) var(--lightningcss-dark, #c69cda);
    --db-adaptive-bg-inverted-contrast-high-hovered: var(--lightningcss-light, #33193c) var(--lightningcss-dark, #f3ebf7);
    --db-adaptive-bg-inverted-contrast-high-pressed: var(--lightningcss-light, #663978) var(--lightningcss-dark, #d8bde6);
    --db-adaptive-bg-inverted-contrast-low-default: var(--lightningcss-light, #9f5bba) var(--lightningcss-dark, #b47ace);
    --db-adaptive-bg-inverted-contrast-low-hovered: var(--lightningcss-light, #432350) var(--lightningcss-dark, #f3ebf7);
    --db-adaptive-bg-inverted-contrast-low-pressed: var(--lightningcss-light, #7f4895) var(--lightningcss-dark, #c69cda);
    --db-adaptive-on-bg-inverted-default: var(--lightningcss-light, #fbf8fc) var(--lightningcss-dark, #432350);
    --db-adaptive-on-bg-inverted-hovered: var(--lightningcss-light, #ebdef2) var(--lightningcss-dark, #17081c);
    --db-adaptive-on-bg-inverted-pressed: var(--lightningcss-light, #f7f2fa) var(--lightningcss-dark, #33193c);
    --db-adaptive-origin-default: #814997;
    --db-adaptive-origin-hovered: #371c42;
    --db-adaptive-origin-pressed: #623673;
    --db-adaptive-on-origin-default: #fbf8fc;
    --db-adaptive-bg-vibrant-default: #c69cda;
    --db-adaptive-bg-vibrant-hovered: #f3ebf7;
    --db-adaptive-bg-vibrant-pressed: #d8bde6;
    --db-adaptive-on-bg-vibrant-default: #23102a;
    --db-adaptive-on-bg-vibrant-hovered: #542e63;
    --db-adaptive-on-bg-vibrant-pressed: #33193c;
  }

  .db-color-blue, [data-color="blue"] {
    --db-adaptive-bg-basic-level-1-default: var(--lightningcss-light, #f8f9ff) var(--lightningcss-dark, #02153c);
    --db-adaptive-bg-basic-level-1-hovered: var(--lightningcss-light, #f1f3ff) var(--lightningcss-dark, #072d6c);
    --db-adaptive-bg-basic-level-1-pressed: var(--lightningcss-light, #eaedfe) var(--lightningcss-dark, #0a3986);
    --db-adaptive-bg-basic-level-2-default: var(--lightningcss-light, #f1f3ff) var(--lightningcss-dark, #042153);
    --db-adaptive-bg-basic-level-2-hovered: var(--lightningcss-light, #eaedfe) var(--lightningcss-dark, #0a3986);
    --db-adaptive-bg-basic-level-2-pressed: var(--lightningcss-light, #dbe1fe) var(--lightningcss-dark, #0f46a1);
    --db-adaptive-bg-basic-level-3-default: var(--lightningcss-light, #eaedfe) var(--lightningcss-dark, #072d6c);
    --db-adaptive-bg-basic-level-3-hovered: var(--lightningcss-light, #dbe1fe) var(--lightningcss-dark, #02153c);
    --db-adaptive-bg-basic-level-3-pressed: var(--lightningcss-light, #b7c4fd) var(--lightningcss-dark, #010d29);
    --db-adaptive-bg-basic-transparent-full-default: transparent;
    --db-adaptive-bg-basic-transparent-semi-default: var(--lightningcss-light, #1558c614) var(--lightningcss-dark, #90a8fc29);
    --db-adaptive-bg-basic-transparent-full-hovered: var(--lightningcss-light, #1558c63d) var(--lightningcss-dark, #90a8fc3d);
    --db-adaptive-bg-basic-transparent-full-pressed: var(--lightningcss-light, #1558c652) var(--lightningcss-dark, #90a8fc52);
    --db-adaptive-bg-basic-transparent-semi-hovered: var(--lightningcss-light, #1558c63d) var(--lightningcss-dark, #90a8fc3d);
    --db-adaptive-bg-basic-transparent-semi-pressed: var(--lightningcss-light, #1558c652) var(--lightningcss-dark, #90a8fc52);
    --db-adaptive-on-bg-basic-emphasis-100-default: var(--lightningcss-light, #02153c) var(--lightningcss-dark, #eaedfe);
    --db-adaptive-on-bg-basic-emphasis-100-hovered: var(--lightningcss-light, #0f46a1) var(--lightningcss-dark, #90a8fc);
    --db-adaptive-on-bg-basic-emphasis-100-pressed: var(--lightningcss-light, #042153) var(--lightningcss-dark, #dbe1fe);
    --db-adaptive-on-bg-basic-emphasis-90-default: var(--lightningcss-light, #0a3986) var(--lightningcss-dark, #b7c4fd);
    --db-adaptive-on-bg-basic-emphasis-90-hovered: var(--lightningcss-light, #010d29) var(--lightningcss-dark, #f8f9ff);
    --db-adaptive-on-bg-basic-emphasis-90-pressed: var(--lightningcss-light, #072d6c) var(--lightningcss-dark, #dbe1fe);
    --db-adaptive-on-bg-basic-emphasis-80-default: var(--lightningcss-light, #1558c6) var(--lightningcss-dark, #90a8fc);
    --db-adaptive-on-bg-basic-emphasis-80-hovered: var(--lightningcss-light, #072d6c) var(--lightningcss-dark, #eaedfe);
    --db-adaptive-on-bg-basic-emphasis-80-pressed: var(--lightningcss-light, #0f46a1) var(--lightningcss-dark, #b7c4fd);
    --db-adaptive-on-bg-basic-emphasis-70-default: var(--lightningcss-light, #1d6ff7) var(--lightningcss-dark, #638bfa);
    --db-adaptive-on-bg-basic-emphasis-70-hovered: var(--lightningcss-light, #0a3986) var(--lightningcss-dark, #b7c4fd);
    --db-adaptive-on-bg-basic-emphasis-70-pressed: var(--lightningcss-light, #1558c6) var(--lightningcss-dark, #90a8fc);
    --db-adaptive-on-bg-basic-emphasis-60-default: var(--lightningcss-light, #b7c4fd) var(--lightningcss-dark, #1558c6);
    --db-adaptive-on-bg-basic-emphasis-50-default: var(--lightningcss-light, #90a8fc) var(--lightningcss-dark, #0f46a1);
    --db-adaptive-bg-inverted-contrast-max-default: var(--lightningcss-light, #02153c) var(--lightningcss-dark, #eaedfe);
    --db-adaptive-bg-inverted-contrast-max-hovered: var(--lightningcss-light, #0f46a1) var(--lightningcss-dark, #90a8fc);
    --db-adaptive-bg-inverted-contrast-max-pressed: var(--lightningcss-light, #042153) var(--lightningcss-dark, #dbe1fe);
    --db-adaptive-bg-inverted-contrast-high-default: var(--lightningcss-light, #1558c6) var(--lightningcss-dark, #90a8fc);
    --db-adaptive-bg-inverted-contrast-high-hovered: var(--lightningcss-light, #042153) var(--lightningcss-dark, #eaedfe);
    --db-adaptive-bg-inverted-contrast-high-pressed: var(--lightningcss-light, #0f46a1) var(--lightningcss-dark, #b7c4fd);
    --db-adaptive-bg-inverted-contrast-low-default: var(--lightningcss-light, #1d6ff7) var(--lightningcss-dark, #638bfa);
    --db-adaptive-bg-inverted-contrast-low-hovered: var(--lightningcss-light, #072d6c) var(--lightningcss-dark, #eaedfe);
    --db-adaptive-bg-inverted-contrast-low-pressed: var(--lightningcss-light, #1558c6) var(--lightningcss-dark, #90a8fc);
    --db-adaptive-on-bg-inverted-default: var(--lightningcss-light, #f8f9ff) var(--lightningcss-dark, #072d6c);
    --db-adaptive-on-bg-inverted-hovered: var(--lightningcss-light, #dbe1fe) var(--lightningcss-dark, #010d29);
    --db-adaptive-on-bg-inverted-pressed: var(--lightningcss-light, #f1f3ff) var(--lightningcss-dark, #042153);
    --db-adaptive-origin-default: #1455c0;
    --db-adaptive-origin-hovered: #042052;
    --db-adaptive-origin-pressed: #0c3f92;
    --db-adaptive-on-origin-default: #f8f9ff;
    --db-adaptive-bg-vibrant-default: #90a8fc;
    --db-adaptive-bg-vibrant-hovered: #eaedfe;
    --db-adaptive-bg-vibrant-pressed: #b7c4fd;
    --db-adaptive-on-bg-vibrant-default: #02153c;
    --db-adaptive-on-bg-vibrant-hovered: #0a3986;
    --db-adaptive-on-bg-vibrant-pressed: #042153;
  }

  .db-color-cyan, [data-color="cyan"] {
    --db-adaptive-bg-basic-level-1-default: var(--lightningcss-light, #f5faff) var(--lightningcss-dark, #031a25);
    --db-adaptive-bg-basic-level-1-hovered: var(--lightningcss-light, #ebf5fe) var(--lightningcss-dark, #0a3447);
    --db-adaptive-bg-basic-level-1-pressed: var(--lightningcss-light, #e0f0fe) var(--lightningcss-dark, #0f4259);
    --db-adaptive-bg-basic-level-2-default: var(--lightningcss-light, #ebf5fe) var(--lightningcss-dark, #062736);
    --db-adaptive-bg-basic-level-2-hovered: var(--lightningcss-light, #e0f0fe) var(--lightningcss-dark, #0f4259);
    --db-adaptive-bg-basic-level-2-pressed: var(--lightningcss-light, #cae6fd) var(--lightningcss-dark, #14516c);
    --db-adaptive-bg-basic-level-3-default: var(--lightningcss-light, #e0f0fe) var(--lightningcss-dark, #0a3447);
    --db-adaptive-bg-basic-level-3-hovered: var(--lightningcss-light, #cae6fd) var(--lightningcss-dark, #031a25);
    --db-adaptive-bg-basic-level-3-pressed: var(--lightningcss-light, #89cffa) var(--lightningcss-dark, #011018);
    --db-adaptive-bg-basic-transparent-full-default: transparent;
    --db-adaptive-bg-basic-transparent-semi-default: var(--lightningcss-light, #1b658614) var(--lightningcss-dark, #38b6ef29);
    --db-adaptive-bg-basic-transparent-full-hovered: var(--lightningcss-light, #1b65863d) var(--lightningcss-dark, #38b6ef3d);
    --db-adaptive-bg-basic-transparent-full-pressed: var(--lightningcss-light, #1b658652) var(--lightningcss-dark, #38b6ef52);
    --db-adaptive-bg-basic-transparent-semi-hovered: var(--lightningcss-light, #1b65863d) var(--lightningcss-dark, #38b6ef3d);
    --db-adaptive-bg-basic-transparent-semi-pressed: var(--lightningcss-light, #1b658652) var(--lightningcss-dark, #38b6ef52);
    --db-adaptive-on-bg-basic-emphasis-100-default: var(--lightningcss-light, #031a25) var(--lightningcss-dark, #e0f0fe);
    --db-adaptive-on-bg-basic-emphasis-100-hovered: var(--lightningcss-light, #14516c) var(--lightningcss-dark, #38b6ef);
    --db-adaptive-on-bg-basic-emphasis-100-pressed: var(--lightningcss-light, #062736) var(--lightningcss-dark, #cae6fd);
    --db-adaptive-on-bg-basic-emphasis-90-default: var(--lightningcss-light, #0f4259) var(--lightningcss-dark, #89cffa);
    --db-adaptive-on-bg-basic-emphasis-90-hovered: var(--lightningcss-light, #011018) var(--lightningcss-dark, #f5faff);
    --db-adaptive-on-bg-basic-emphasis-90-pressed: var(--lightningcss-light, #0a3447) var(--lightningcss-dark, #cae6fd);
    --db-adaptive-on-bg-basic-emphasis-80-default: var(--lightningcss-light, #1b6586) var(--lightningcss-dark, #38b6ef);
    --db-adaptive-on-bg-basic-emphasis-80-hovered: var(--lightningcss-light, #0a3447) var(--lightningcss-dark, #e0f0fe);
    --db-adaptive-on-bg-basic-emphasis-80-pressed: var(--lightningcss-light, #14516c) var(--lightningcss-dark, #89cffa);
    --db-adaptive-on-bg-basic-emphasis-70-default: var(--lightningcss-light, #257fa8) var(--lightningcss-dark, #2e9acb);
    --db-adaptive-on-bg-basic-emphasis-70-hovered: var(--lightningcss-light, #0f4259) var(--lightningcss-dark, #89cffa);
    --db-adaptive-on-bg-basic-emphasis-70-pressed: var(--lightningcss-light, #1b6586) var(--lightningcss-dark, #38b6ef);
    --db-adaptive-on-bg-basic-emphasis-60-default: var(--lightningcss-light, #89cffa) var(--lightningcss-dark, #1b6586);
    --db-adaptive-on-bg-basic-emphasis-50-default: var(--lightningcss-light, #38b6ef) var(--lightningcss-dark, #14516c);
    --db-adaptive-bg-inverted-contrast-max-default: var(--lightningcss-light, #031a25) var(--lightningcss-dark, #e0f0fe);
    --db-adaptive-bg-inverted-contrast-max-hovered: var(--lightningcss-light, #14516c) var(--lightningcss-dark, #38b6ef);
    --db-adaptive-bg-inverted-contrast-max-pressed: var(--lightningcss-light, #062736) var(--lightningcss-dark, #cae6fd);
    --db-adaptive-bg-inverted-contrast-high-default: var(--lightningcss-light, #1b6586) var(--lightningcss-dark, #38b6ef);
    --db-adaptive-bg-inverted-contrast-high-hovered: var(--lightningcss-light, #062736) var(--lightningcss-dark, #e0f0fe);
    --db-adaptive-bg-inverted-contrast-high-pressed: var(--lightningcss-light, #14516c) var(--lightningcss-dark, #89cffa);
    --db-adaptive-bg-inverted-contrast-low-default: var(--lightningcss-light, #257fa8) var(--lightningcss-dark, #2e9acb);
    --db-adaptive-bg-inverted-contrast-low-hovered: var(--lightningcss-light, #0a3447) var(--lightningcss-dark, #e0f0fe);
    --db-adaptive-bg-inverted-contrast-low-pressed: var(--lightningcss-light, #1b6586) var(--lightningcss-dark, #38b6ef);
    --db-adaptive-on-bg-inverted-default: var(--lightningcss-light, #f5faff) var(--lightningcss-dark, #0a3447);
    --db-adaptive-on-bg-inverted-hovered: var(--lightningcss-light, #cae6fd) var(--lightningcss-dark, #011018);
    --db-adaptive-on-bg-inverted-pressed: var(--lightningcss-light, #ebf5fe) var(--lightningcss-dark, #062736);
    --db-adaptive-origin-default: #309fd1;
    --db-adaptive-origin-hovered: #96d2fb;
    --db-adaptive-origin-pressed: #3abbf5;
    --db-adaptive-on-origin-default: #01080f;
    --db-adaptive-bg-vibrant-default: #38b6ef;
    --db-adaptive-bg-vibrant-hovered: #e0f0fe;
    --db-adaptive-bg-vibrant-pressed: #89cffa;
    --db-adaptive-on-bg-vibrant-default: #031a25;
    --db-adaptive-on-bg-vibrant-hovered: #0f4259;
    --db-adaptive-on-bg-vibrant-pressed: #062736;
  }

  .db-color-turquoise, [data-color="turquoise"] {
    --db-adaptive-bg-basic-level-1-default: var(--lightningcss-light, #e3fffd) var(--lightningcss-dark, #001c1a);
    --db-adaptive-bg-basic-level-1-hovered: var(--lightningcss-light, #c3fffa) var(--lightningcss-dark, #003734);
    --db-adaptive-bg-basic-level-1-pressed: var(--lightningcss-light, #9bfff8) var(--lightningcss-dark, #004642);
    --db-adaptive-bg-basic-level-2-default: var(--lightningcss-light, #c3fffa) var(--lightningcss-dark, #002927);
    --db-adaptive-bg-basic-level-2-hovered: var(--lightningcss-light, #9bfff8) var(--lightningcss-dark, #004642);
    --db-adaptive-bg-basic-level-2-pressed: var(--lightningcss-light, #00fcf2) var(--lightningcss-dark, #005551);
    --db-adaptive-bg-basic-level-3-default: var(--lightningcss-light, #9bfff8) var(--lightningcss-dark, #003734);
    --db-adaptive-bg-basic-level-3-hovered: var(--lightningcss-light, #00fcf2) var(--lightningcss-dark, #001c1a);
    --db-adaptive-bg-basic-level-3-pressed: var(--lightningcss-light, #00ddd4) var(--lightningcss-dark, #001110);
    --db-adaptive-bg-basic-transparent-full-default: transparent;
    --db-adaptive-bg-basic-transparent-semi-default: var(--lightningcss-light, #006a6514) var(--lightningcss-dark, #00bfb729);
    --db-adaptive-bg-basic-transparent-full-hovered: var(--lightningcss-light, #006a653d) var(--lightningcss-dark, #00bfb73d);
    --db-adaptive-bg-basic-transparent-full-pressed: var(--lightningcss-light, #006a6552) var(--lightningcss-dark, #00bfb752);
    --db-adaptive-bg-basic-transparent-semi-hovered: var(--lightningcss-light, #006a653d) var(--lightningcss-dark, #00bfb73d);
    --db-adaptive-bg-basic-transparent-semi-pressed: var(--lightningcss-light, #006a6552) var(--lightningcss-dark, #00bfb752);
    --db-adaptive-on-bg-basic-emphasis-100-default: var(--lightningcss-light, #001c1a) var(--lightningcss-dark, #9bfff8);
    --db-adaptive-on-bg-basic-emphasis-100-hovered: var(--lightningcss-light, #005551) var(--lightningcss-dark, #00bfb7);
    --db-adaptive-on-bg-basic-emphasis-100-pressed: var(--lightningcss-light, #002927) var(--lightningcss-dark, #00fcf2);
    --db-adaptive-on-bg-basic-emphasis-90-default: var(--lightningcss-light, #004642) var(--lightningcss-dark, #00ddd4);
    --db-adaptive-on-bg-basic-emphasis-90-hovered: var(--lightningcss-light, #001110) var(--lightningcss-dark, #e3fffd);
    --db-adaptive-on-bg-basic-emphasis-90-pressed: var(--lightningcss-light, #003734) var(--lightningcss-dark, #00fcf2);
    --db-adaptive-on-bg-basic-emphasis-80-default: var(--lightningcss-light, #006a65) var(--lightningcss-dark, #00bfb7);
    --db-adaptive-on-bg-basic-emphasis-80-hovered: var(--lightningcss-light, #003734) var(--lightningcss-dark, #9bfff8);
    --db-adaptive-on-bg-basic-emphasis-80-pressed: var(--lightningcss-light, #005551) var(--lightningcss-dark, #00ddd4);
    --db-adaptive-on-bg-basic-emphasis-70-default: var(--lightningcss-light, #00857f) var(--lightningcss-dark, #00a29b);
    --db-adaptive-on-bg-basic-emphasis-70-hovered: var(--lightningcss-light, #004642) var(--lightningcss-dark, #00ddd4);
    --db-adaptive-on-bg-basic-emphasis-70-pressed: var(--lightningcss-light, #006a65) var(--lightningcss-dark, #00bfb7);
    --db-adaptive-on-bg-basic-emphasis-60-default: var(--lightningcss-light, #00ddd4) var(--lightningcss-dark, #006a65);
    --db-adaptive-on-bg-basic-emphasis-50-default: var(--lightningcss-light, #00bfb7) var(--lightningcss-dark, #005551);
    --db-adaptive-bg-inverted-contrast-max-default: var(--lightningcss-light, #001c1a) var(--lightningcss-dark, #9bfff8);
    --db-adaptive-bg-inverted-contrast-max-hovered: var(--lightningcss-light, #005551) var(--lightningcss-dark, #00bfb7);
    --db-adaptive-bg-inverted-contrast-max-pressed: var(--lightningcss-light, #002927) var(--lightningcss-dark, #00fcf2);
    --db-adaptive-bg-inverted-contrast-high-default: var(--lightningcss-light, #006a65) var(--lightningcss-dark, #00bfb7);
    --db-adaptive-bg-inverted-contrast-high-hovered: var(--lightningcss-light, #002927) var(--lightningcss-dark, #9bfff8);
    --db-adaptive-bg-inverted-contrast-high-pressed: var(--lightningcss-light, #005551) var(--lightningcss-dark, #00ddd4);
    --db-adaptive-bg-inverted-contrast-low-default: var(--lightningcss-light, #00857f) var(--lightningcss-dark, #00a29b);
    --db-adaptive-bg-inverted-contrast-low-hovered: var(--lightningcss-light, #003734) var(--lightningcss-dark, #9bfff8);
    --db-adaptive-bg-inverted-contrast-low-pressed: var(--lightningcss-light, #006a65) var(--lightningcss-dark, #00bfb7);
    --db-adaptive-on-bg-inverted-default: var(--lightningcss-light, #e3fffd) var(--lightningcss-dark, #003734);
    --db-adaptive-on-bg-inverted-hovered: var(--lightningcss-light, #00fcf2) var(--lightningcss-dark, #001110);
    --db-adaptive-on-bg-inverted-pressed: var(--lightningcss-light, #c3fffa) var(--lightningcss-dark, #002927);
    --db-adaptive-origin-default: #00a099;
    --db-adaptive-origin-hovered: #00dcd2;
    --db-adaptive-origin-pressed: #00bdb5;
    --db-adaptive-on-origin-default: #000908;
    --db-adaptive-bg-vibrant-default: #00bfb7;
    --db-adaptive-bg-vibrant-hovered: #9bfff8;
    --db-adaptive-bg-vibrant-pressed: #00ddd4;
    --db-adaptive-on-bg-vibrant-default: #001c1a;
    --db-adaptive-on-bg-vibrant-hovered: #004642;
    --db-adaptive-on-bg-vibrant-pressed: #002927;
  }

  .db-color-green, [data-color="green"] {
    --db-adaptive-bg-basic-level-1-default: var(--lightningcss-light, #eefeec) var(--lightningcss-dark, #091c06);
    --db-adaptive-bg-basic-level-1-hovered: var(--lightningcss-light, #dbfcd8) var(--lightningcss-dark, #173712);
    --db-adaptive-bg-basic-level-1-pressed: var(--lightningcss-light, #c7fbc2) var(--lightningcss-dark, #1f4619);
    --db-adaptive-bg-basic-level-2-default: var(--lightningcss-light, #dbfcd8) var(--lightningcss-dark, #10290b);
    --db-adaptive-bg-basic-level-2-hovered: var(--lightningcss-light, #c7fbc2) var(--lightningcss-dark, #1f4619);
    --db-adaptive-bg-basic-level-2-pressed: var(--lightningcss-light, #96f989) var(--lightningcss-dark, #275520);
    --db-adaptive-bg-basic-level-3-default: var(--lightningcss-light, #c7fbc2) var(--lightningcss-dark, #173712);
    --db-adaptive-bg-basic-level-3-hovered: var(--lightningcss-light, #96f989) var(--lightningcss-dark, #091c06);
    --db-adaptive-bg-basic-level-3-pressed: var(--lightningcss-light, #71de5f) var(--lightningcss-dark, #041103);
    --db-adaptive-bg-basic-transparent-full-default: transparent;
    --db-adaptive-bg-basic-transparent-semi-default: var(--lightningcss-light, #336a2a14) var(--lightningcss-dark, #61c05129);
    --db-adaptive-bg-basic-transparent-full-hovered: var(--lightningcss-light, #336a2a3d) var(--lightningcss-dark, #61c0513d);
    --db-adaptive-bg-basic-transparent-full-pressed: var(--lightningcss-light, #336a2a52) var(--lightningcss-dark, #61c05152);
    --db-adaptive-bg-basic-transparent-semi-hovered: var(--lightningcss-light, #336a2a3d) var(--lightningcss-dark, #61c0513d);
    --db-adaptive-bg-basic-transparent-semi-pressed: var(--lightningcss-light, #336a2a52) var(--lightningcss-dark, #61c05152);
    --db-adaptive-on-bg-basic-emphasis-100-default: var(--lightningcss-light, #091c06) var(--lightningcss-dark, #c7fbc2);
    --db-adaptive-on-bg-basic-emphasis-100-hovered: var(--lightningcss-light, #275520) var(--lightningcss-dark, #61c051);
    --db-adaptive-on-bg-basic-emphasis-100-pressed: var(--lightningcss-light, #10290b) var(--lightningcss-dark, #96f989);
    --db-adaptive-on-bg-basic-emphasis-90-default: var(--lightningcss-light, #1f4619) var(--lightningcss-dark, #71de5f);
    --db-adaptive-on-bg-basic-emphasis-90-hovered: var(--lightningcss-light, #041103) var(--lightningcss-dark, #eefeec);
    --db-adaptive-on-bg-basic-emphasis-90-pressed: var(--lightningcss-light, #173712) var(--lightningcss-dark, #96f989);
    --db-adaptive-on-bg-basic-emphasis-80-default: var(--lightningcss-light, #336a2a) var(--lightningcss-dark, #61c051);
    --db-adaptive-on-bg-basic-emphasis-80-hovered: var(--lightningcss-light, #173712) var(--lightningcss-dark, #c7fbc2);
    --db-adaptive-on-bg-basic-emphasis-80-pressed: var(--lightningcss-light, #275520) var(--lightningcss-dark, #71de5f);
    --db-adaptive-on-bg-basic-emphasis-70-default: var(--lightningcss-light, #428636) var(--lightningcss-dark, #51a243);
    --db-adaptive-on-bg-basic-emphasis-70-hovered: var(--lightningcss-light, #1f4619) var(--lightningcss-dark, #71de5f);
    --db-adaptive-on-bg-basic-emphasis-70-pressed: var(--lightningcss-light, #336a2a) var(--lightningcss-dark, #61c051);
    --db-adaptive-on-bg-basic-emphasis-60-default: var(--lightningcss-light, #71de5f) var(--lightningcss-dark, #336a2a);
    --db-adaptive-on-bg-basic-emphasis-50-default: var(--lightningcss-light, #61c051) var(--lightningcss-dark, #275520);
    --db-adaptive-bg-inverted-contrast-max-default: var(--lightningcss-light, #091c06) var(--lightningcss-dark, #c7fbc2);
    --db-adaptive-bg-inverted-contrast-max-hovered: var(--lightningcss-light, #275520) var(--lightningcss-dark, #61c051);
    --db-adaptive-bg-inverted-contrast-max-pressed: var(--lightningcss-light, #10290b) var(--lightningcss-dark, #96f989);
    --db-adaptive-bg-inverted-contrast-high-default: var(--lightningcss-light, #336a2a) var(--lightningcss-dark, #61c051);
    --db-adaptive-bg-inverted-contrast-high-hovered: var(--lightningcss-light, #10290b) var(--lightningcss-dark, #c7fbc2);
    --db-adaptive-bg-inverted-contrast-high-pressed: var(--lightningcss-light, #275520) var(--lightningcss-dark, #71de5f);
    --db-adaptive-bg-inverted-contrast-low-default: var(--lightningcss-light, #428636) var(--lightningcss-dark, #51a243);
    --db-adaptive-bg-inverted-contrast-low-hovered: var(--lightningcss-light, #173712) var(--lightningcss-dark, #c7fbc2);
    --db-adaptive-bg-inverted-contrast-low-pressed: var(--lightningcss-light, #336a2a) var(--lightningcss-dark, #61c051);
    --db-adaptive-on-bg-inverted-default: var(--lightningcss-light, #eefeec) var(--lightningcss-dark, #173712);
    --db-adaptive-on-bg-inverted-hovered: var(--lightningcss-light, #96f989) var(--lightningcss-dark, #041103);
    --db-adaptive-on-bg-inverted-pressed: var(--lightningcss-light, #dbfcd8) var(--lightningcss-dark, #10290b);
    --db-adaptive-origin-default: #408335;
    --db-adaptive-origin-hovered: #1c4116;
    --db-adaptive-origin-pressed: #316828;
    --db-adaptive-on-origin-default: #f7fef6;
    --db-adaptive-bg-vibrant-default: #61c051;
    --db-adaptive-bg-vibrant-hovered: #c7fbc2;
    --db-adaptive-bg-vibrant-pressed: #71de5f;
    --db-adaptive-on-bg-vibrant-default: #091c06;
    --db-adaptive-on-bg-vibrant-hovered: #1f4619;
    --db-adaptive-on-bg-vibrant-pressed: #10290b;
  }

  .db-color-light-green, [data-color="light-green"] {
    --db-adaptive-bg-basic-level-1-default: var(--lightningcss-light, #edffe4) var(--lightningcss-dark, #0c1b01);
    --db-adaptive-bg-basic-level-1-hovered: var(--lightningcss-light, #d9ffc4) var(--lightningcss-dark, #1d3702);
    --db-adaptive-bg-basic-level-1-pressed: var(--lightningcss-light, #c3ff9d) var(--lightningcss-dark, #264604);
    --db-adaptive-bg-basic-level-2-default: var(--lightningcss-light, #d9ffc4) var(--lightningcss-dark, #142901);
    --db-adaptive-bg-basic-level-2-hovered: var(--lightningcss-light, #c3ff9d) var(--lightningcss-dark, #264604);
    --db-adaptive-bg-basic-level-2-pressed: var(--lightningcss-light, #99fc26) var(--lightningcss-dark, #305506);
    --db-adaptive-bg-basic-level-3-default: var(--lightningcss-light, #c3ff9d) var(--lightningcss-dark, #1d3702);
    --db-adaptive-bg-basic-level-3-hovered: var(--lightningcss-light, #99fc26) var(--lightningcss-dark, #0c1b01);
    --db-adaptive-bg-basic-level-3-pressed: var(--lightningcss-light, #85dd20) var(--lightningcss-dark, #061100);
    --db-adaptive-bg-basic-transparent-full-default: transparent;
    --db-adaptive-bg-basic-transparent-semi-default: var(--lightningcss-light, #3d6a0914) var(--lightningcss-dark, #72bf1a29);
    --db-adaptive-bg-basic-transparent-full-hovered: var(--lightningcss-light, #3d6a093d) var(--lightningcss-dark, #72bf1a3d);
    --db-adaptive-bg-basic-transparent-full-pressed: var(--lightningcss-light, #3d6a0952) var(--lightningcss-dark, #72bf1a52);
    --db-adaptive-bg-basic-transparent-semi-hovered: var(--lightningcss-light, #3d6a093d) var(--lightningcss-dark, #72bf1a3d);
    --db-adaptive-bg-basic-transparent-semi-pressed: var(--lightningcss-light, #3d6a0952) var(--lightningcss-dark, #72bf1a52);
    --db-adaptive-on-bg-basic-emphasis-100-default: var(--lightningcss-light, #0c1b01) var(--lightningcss-dark, #c3ff9d);
    --db-adaptive-on-bg-basic-emphasis-100-hovered: var(--lightningcss-light, #305506) var(--lightningcss-dark, #72bf1a);
    --db-adaptive-on-bg-basic-emphasis-100-pressed: var(--lightningcss-light, #142901) var(--lightningcss-dark, #99fc26);
    --db-adaptive-on-bg-basic-emphasis-90-default: var(--lightningcss-light, #264604) var(--lightningcss-dark, #85dd20);
    --db-adaptive-on-bg-basic-emphasis-90-hovered: var(--lightningcss-light, #061100) var(--lightningcss-dark, #edffe4);
    --db-adaptive-on-bg-basic-emphasis-90-pressed: var(--lightningcss-light, #1d3702) var(--lightningcss-dark, #99fc26);
    --db-adaptive-on-bg-basic-emphasis-80-default: var(--lightningcss-light, #3d6a09) var(--lightningcss-dark, #72bf1a);
    --db-adaptive-on-bg-basic-emphasis-80-hovered: var(--lightningcss-light, #1d3702) var(--lightningcss-dark, #c3ff9d);
    --db-adaptive-on-bg-basic-emphasis-80-pressed: var(--lightningcss-light, #305506) var(--lightningcss-dark, #85dd20);
    --db-adaptive-on-bg-basic-emphasis-70-default: var(--lightningcss-light, #4e850f) var(--lightningcss-dark, #60a114);
    --db-adaptive-on-bg-basic-emphasis-70-hovered: var(--lightningcss-light, #264604) var(--lightningcss-dark, #85dd20);
    --db-adaptive-on-bg-basic-emphasis-70-pressed: var(--lightningcss-light, #3d6a09) var(--lightningcss-dark, #72bf1a);
    --db-adaptive-on-bg-basic-emphasis-60-default: var(--lightningcss-light, #85dd20) var(--lightningcss-dark, #3d6a09);
    --db-adaptive-on-bg-basic-emphasis-50-default: var(--lightningcss-light, #72bf1a) var(--lightningcss-dark, #305506);
    --db-adaptive-bg-inverted-contrast-max-default: var(--lightningcss-light, #0c1b01) var(--lightningcss-dark, #c3ff9d);
    --db-adaptive-bg-inverted-contrast-max-hovered: var(--lightningcss-light, #305506) var(--lightningcss-dark, #72bf1a);
    --db-adaptive-bg-inverted-contrast-max-pressed: var(--lightningcss-light, #142901) var(--lightningcss-dark, #99fc26);
    --db-adaptive-bg-inverted-contrast-high-default: var(--lightningcss-light, #3d6a09) var(--lightningcss-dark, #72bf1a);
    --db-adaptive-bg-inverted-contrast-high-hovered: var(--lightningcss-light, #142901) var(--lightningcss-dark, #c3ff9d);
    --db-adaptive-bg-inverted-contrast-high-pressed: var(--lightningcss-light, #305506) var(--lightningcss-dark, #85dd20);
    --db-adaptive-bg-inverted-contrast-low-default: var(--lightningcss-light, #4e850f) var(--lightningcss-dark, #60a114);
    --db-adaptive-bg-inverted-contrast-low-hovered: var(--lightningcss-light, #1d3702) var(--lightningcss-dark, #c3ff9d);
    --db-adaptive-bg-inverted-contrast-low-pressed: var(--lightningcss-light, #3d6a09) var(--lightningcss-dark, #72bf1a);
    --db-adaptive-on-bg-inverted-default: var(--lightningcss-light, #edffe4) var(--lightningcss-dark, #1d3702);
    --db-adaptive-on-bg-inverted-hovered: var(--lightningcss-light, #99fc26) var(--lightningcss-dark, #061100);
    --db-adaptive-on-bg-inverted-pressed: var(--lightningcss-light, #d9ffc4) var(--lightningcss-dark, #142901);
    --db-adaptive-origin-default: #63a615;
    --db-adaptive-origin-hovered: #88e221;
    --db-adaptive-origin-pressed: #75c31b;
    --db-adaptive-on-origin-default: #030900;
    --db-adaptive-bg-vibrant-default: #72bf1a;
    --db-adaptive-bg-vibrant-hovered: #c3ff9d;
    --db-adaptive-bg-vibrant-pressed: #85dd20;
    --db-adaptive-on-bg-vibrant-default: #0c1b01;
    --db-adaptive-on-bg-vibrant-hovered: #264604;
    --db-adaptive-on-bg-vibrant-pressed: #142901;
  }

  .db-color-burgundy, [data-color="burgundy"] {
    --db-adaptive-bg-basic-level-1-default: var(--lightningcss-light, #fcf8f9) var(--lightningcss-dark, #2d0d14);
    --db-adaptive-bg-basic-level-1-hovered: var(--lightningcss-light, #faf2f3) var(--lightningcss-dark, #541e2b);
    --db-adaptive-bg-basic-level-1-pressed: var(--lightningcss-light, #f8ebed) var(--lightningcss-dark, #682837);
    --db-adaptive-bg-basic-level-2-default: var(--lightningcss-light, #faf2f3) var(--lightningcss-dark, #40151f);
    --db-adaptive-bg-basic-level-2-hovered: var(--lightningcss-light, #f8ebed) var(--lightningcss-dark, #682837);
    --db-adaptive-bg-basic-level-2-pressed: var(--lightningcss-light, #f3dde1) var(--lightningcss-dark, #7e3144);
    --db-adaptive-bg-basic-level-3-default: var(--lightningcss-light, #f8ebed) var(--lightningcss-dark, #541e2b);
    --db-adaptive-bg-basic-level-3-hovered: var(--lightningcss-light, #f3dde1) var(--lightningcss-dark, #2d0d14);
    --db-adaptive-bg-basic-level-3-pressed: var(--lightningcss-light, #e8bbc3) var(--lightningcss-dark, #1e060c);
    --db-adaptive-bg-basic-transparent-full-default: transparent;
    --db-adaptive-bg-basic-transparent-semi-default: var(--lightningcss-light, #9c3f5514) var(--lightningcss-dark, #df98a529);
    --db-adaptive-bg-basic-transparent-full-hovered: var(--lightningcss-light, #9c3f553d) var(--lightningcss-dark, #df98a53d);
    --db-adaptive-bg-basic-transparent-full-pressed: var(--lightningcss-light, #9c3f5552) var(--lightningcss-dark, #df98a552);
    --db-adaptive-bg-basic-transparent-semi-hovered: var(--lightningcss-light, #9c3f553d) var(--lightningcss-dark, #df98a53d);
    --db-adaptive-bg-basic-transparent-semi-pressed: var(--lightningcss-light, #9c3f5552) var(--lightningcss-dark, #df98a552);
    --db-adaptive-on-bg-basic-emphasis-100-default: var(--lightningcss-light, #2d0d14) var(--lightningcss-dark, #f8ebed);
    --db-adaptive-on-bg-basic-emphasis-100-hovered: var(--lightningcss-light, #7e3144) var(--lightningcss-dark, #df98a5);
    --db-adaptive-on-bg-basic-emphasis-100-pressed: var(--lightningcss-light, #40151f) var(--lightningcss-dark, #f3dde1);
    --db-adaptive-on-bg-basic-emphasis-90-default: var(--lightningcss-light, #682837) var(--lightningcss-dark, #e8bbc3);
    --db-adaptive-on-bg-basic-emphasis-90-hovered: var(--lightningcss-light, #1e060c) var(--lightningcss-dark, #fcf8f9);
    --db-adaptive-on-bg-basic-emphasis-90-pressed: var(--lightningcss-light, #541e2b) var(--lightningcss-dark, #f3dde1);
    --db-adaptive-on-bg-basic-emphasis-80-default: var(--lightningcss-light, #9c3f55) var(--lightningcss-dark, #df98a5);
    --db-adaptive-on-bg-basic-emphasis-80-hovered: var(--lightningcss-light, #541e2b) var(--lightningcss-dark, #f8ebed);
    --db-adaptive-on-bg-basic-emphasis-80-pressed: var(--lightningcss-light, #7e3144) var(--lightningcss-dark, #e8bbc3);
    --db-adaptive-on-bg-basic-emphasis-70-default: var(--lightningcss-light, #c2516c) var(--lightningcss-dark, #d77187);
    --db-adaptive-on-bg-basic-emphasis-70-hovered: var(--lightningcss-light, #682837) var(--lightningcss-dark, #e8bbc3);
    --db-adaptive-on-bg-basic-emphasis-70-pressed: var(--lightningcss-light, #9c3f55) var(--lightningcss-dark, #df98a5);
    --db-adaptive-on-bg-basic-emphasis-60-default: var(--lightningcss-light, #e8bbc3) var(--lightningcss-dark, #9c3f55);
    --db-adaptive-on-bg-basic-emphasis-50-default: var(--lightningcss-light, #df98a5) var(--lightningcss-dark, #7e3144);
    --db-adaptive-bg-inverted-contrast-max-default: var(--lightningcss-light, #2d0d14) var(--lightningcss-dark, #f8ebed);
    --db-adaptive-bg-inverted-contrast-max-hovered: var(--lightningcss-light, #7e3144) var(--lightningcss-dark, #df98a5);
    --db-adaptive-bg-inverted-contrast-max-pressed: var(--lightningcss-light, #40151f) var(--lightningcss-dark, #f3dde1);
    --db-adaptive-bg-inverted-contrast-high-default: var(--lightningcss-light, #9c3f55) var(--lightningcss-dark, #df98a5);
    --db-adaptive-bg-inverted-contrast-high-hovered: var(--lightningcss-light, #40151f) var(--lightningcss-dark, #f8ebed);
    --db-adaptive-bg-inverted-contrast-high-pressed: var(--lightningcss-light, #7e3144) var(--lightningcss-dark, #e8bbc3);
    --db-adaptive-bg-inverted-contrast-low-default: var(--lightningcss-light, #c2516c) var(--lightningcss-dark, #d77187);
    --db-adaptive-bg-inverted-contrast-low-hovered: var(--lightningcss-light, #541e2b) var(--lightningcss-dark, #f8ebed);
    --db-adaptive-bg-inverted-contrast-low-pressed: var(--lightningcss-light, #9c3f55) var(--lightningcss-dark, #df98a5);
    --db-adaptive-on-bg-inverted-default: var(--lightningcss-light, #fcf8f9) var(--lightningcss-dark, #541e2b);
    --db-adaptive-on-bg-inverted-hovered: var(--lightningcss-light, #f3dde1) var(--lightningcss-dark, #1e060c);
    --db-adaptive-on-bg-inverted-pressed: var(--lightningcss-light, #faf2f3) var(--lightningcss-dark, #40151f);
    --db-adaptive-origin-default: #a9455d;
    --db-adaptive-origin-hovered: #4f1c28;
    --db-adaptive-origin-pressed: #833447;
    --db-adaptive-on-origin-default: #fcf8f9;
    --db-adaptive-bg-vibrant-default: #df98a5;
    --db-adaptive-bg-vibrant-hovered: #f8ebed;
    --db-adaptive-bg-vibrant-pressed: #e8bbc3;
    --db-adaptive-on-bg-vibrant-default: #2d0d14;
    --db-adaptive-on-bg-vibrant-hovered: #682837;
    --db-adaptive-on-bg-vibrant-pressed: #40151f;
  }

  .db-focus-default:not([data-disable-focus="true"]), .db-tab-item input:not([data-disable-focus="true"]):focus-visible:before, :not([data-disable-focus="true"]):is(a, button, input, textarea, summary, select, [tabindex]:not([tabindex="-1"])):focus-visible, [data-focus="default"]:not([data-disable-focus="true"]) {
    outline: .125rem solid var(--db-focus-outline-color, var(--lightningcss-light, #257fa8) var(--lightningcss-dark, #2e9acb));
    outline-offset: .25rem;
    box-shadow: 0 0 0 .25rem var(--db-focus-box-shadow-bg-color, #0000);
  }

  .db-custom-button:not([data-disable-focus="true"]):has(input):focus-within {
    outline: .125rem solid var(--db-focus-outline-color, var(--lightningcss-light, #257fa8) var(--lightningcss-dark, #2e9acb));
    outline-offset: .25rem;
    box-shadow: 0 0 0 .25rem var(--db-focus-box-shadow-bg-color, #0000);
  }

  .db-custom-select-list-item:not([data-disable-focus="true"]):has( > label > input:focus-visible) {
    outline: .125rem solid var(--db-focus-outline-color, var(--lightningcss-light, #257fa8) var(--lightningcss-dark, #2e9acb));
    outline-offset: .25rem;
    box-shadow: 0 0 0 .25rem var(--db-focus-box-shadow-bg-color, #0000);
  }

  @media (prefers-reduced-motion: no-preference) {
    .db-focus-default:not([data-disable-focus="true"]), .db-tab-item input:not([data-disable-focus="true"]):focus-visible:before, :not([data-disable-focus="true"]):is(a, button, input, textarea, summary, select, [tabindex]:not([tabindex="-1"])):focus-visible, [data-focus="default"]:not([data-disable-focus="true"]) {
      transition: outline 75ms, box-shadow 75ms;
    }

    .db-custom-button:not([data-disable-focus="true"]):has(input):focus-within {
      transition: outline 75ms, box-shadow 75ms;
    }

    .db-custom-select-list-item:not([data-disable-focus="true"]):has( > label > input:focus-visible) {
      transition: outline 75ms, box-shadow 75ms;
    }
  }

  .db-focus-default:not([data-disable-focus="true"]):not([type="radio"], [role="switch"]), .db-tab-item input:not([data-disable-focus="true"]):not([type="radio"], [role="switch"]):focus-visible:before, :not([data-disable-focus="true"]):not([type="radio"], [role="switch"]):is(a, button, input, textarea, summary, select, [tabindex]:not([tabindex="-1"])):focus-visible, [data-focus="default"]:not([data-disable-focus="true"]):not([type="radio"], [role="switch"]) {
    border-radius: .25rem;
  }

  .db-custom-button:not([data-disable-focus="true"]):not([type="radio"], [role="switch"]):has(input):focus-within {
    border-radius: .25rem;
  }

  .db-custom-select-list-item:not([data-disable-focus="true"]):not([type="radio"], [role="switch"]):has( > label > input:focus-visible) {
    border-radius: .25rem;
  }

  .db-font-size-3xl, [data-font-size="3xl"] {
    font: var(--db-type-body-3xl);
    --db-icon-font-weight: var(--db-base-body-icon-weight-3xl);
    --db-icon-font-size: var(--db-base-body-icon-font-size-3xl);
  }

  .db-headline-size-3xl, [data-headline-size="3xl"] {
    font: var(--db-type-headline-3xl);
    --db-icon-font-weight: var(--db-base-headline-icon-weight-3xl);
    --db-icon-font-size: var(--db-base-headline-icon-font-size-3xl);
  }

  .db-font-size-2xl, [data-font-size="2xl"] {
    font: var(--db-type-body-2xl);
    --db-icon-font-weight: var(--db-base-body-icon-weight-2xl);
    --db-icon-font-size: var(--db-base-body-icon-font-size-2xl);
  }

  .db-headline-size-2xl, [data-headline-size="2xl"] {
    font: var(--db-type-headline-2xl);
    --db-icon-font-weight: var(--db-base-headline-icon-weight-2xl);
    --db-icon-font-size: var(--db-base-headline-icon-font-size-2xl);
  }

  .db-font-size-xl, [data-font-size="xl"] {
    font: var(--db-type-body-xl);
    --db-icon-font-weight: var(--db-base-body-icon-weight-xl);
    --db-icon-font-size: var(--db-base-body-icon-font-size-xl);
  }

  .db-headline-size-xl, [data-headline-size="xl"] {
    font: var(--db-type-headline-xl);
    --db-icon-font-weight: var(--db-base-headline-icon-weight-xl);
    --db-icon-font-size: var(--db-base-headline-icon-font-size-xl);
  }

  .db-font-size-lg, [data-font-size="lg"] {
    font: var(--db-type-body-lg);
    --db-icon-font-weight: var(--db-base-body-icon-weight-lg);
    --db-icon-font-size: var(--db-base-body-icon-font-size-lg);
  }

  .db-headline-size-lg, [data-headline-size="lg"] {
    font: var(--db-type-headline-lg);
    --db-icon-font-weight: var(--db-base-headline-icon-weight-lg);
    --db-icon-font-size: var(--db-base-headline-icon-font-size-lg);
  }

  .db-density-expressive, .db-density-functional, .db-density-regular, :host, :root, [data-density="expressive"], [data-density="functional"], [data-density="regular"] {
    font: var(--db-type-body-md);
  }

  .db-accordion-item > details > summary, .db-brand, .db-button, .db-checkbox, .db-custom-button a, .db-custom-button button, .db-custom-button label, .db-custom-select [id$="-placeholder"], .db-custom-select summary, .db-custom-select-list-item span, .db-custom-select[data-variant="floating"] > label, .db-density-expressive, .db-density-functional, .db-density-regular, .db-font-size-md, .db-header-meta-navigation, .db-input input, .db-input[data-variant="floating"] > label, .db-link, .db-navigation-item, .db-navigation-item .db-navigation-item-expand-button:is(button), .db-navigation-item .db-navigation-item-expand-button > button, .db-navigation-item a, .db-notification a[data-size="small"], .db-notification > [data-area="content"], .db-notification[data-link-variant="inline"] > :is(a, db-link), .db-radio, .db-select [id$="-placeholder"], .db-select select, .db-select[data-variant="floating"] > label, .db-switch, .db-tab-list, .db-textarea textarea, .db-textarea[data-variant="floating"] > label, :host, :root, [data-density="expressive"], [data-density="functional"], [data-density="regular"], [data-font-size="md"] {
    font: var(--db-type-body-md);
    --db-icon-font-weight: var(--db-base-body-icon-weight-md);
    --db-icon-font-size: var(--db-base-body-icon-font-size-md);
  }

  .db-headline-size-md, [data-headline-size="md"] {
    font: var(--db-type-headline-md);
    --db-icon-font-weight: var(--db-base-headline-icon-weight-md);
    --db-icon-font-size: var(--db-base-headline-icon-font-size-md);
  }

  .db-badge[data-size="medium"], .db-badge[data-size="medium"] .db-icon, .db-badge[data-size="medium"] > *, .db-button[data-size="small"], .db-checkbox[data-size="small"], .db-custom-button[data-size="small"] a, .db-custom-button[data-size="small"] button, .db-custom-button[data-size="small"] label, .db-custom-select, .db-custom-select[data-variant="floating"] [id$="-placeholder"], .db-custom-select[data-variant="floating"] summary, .db-font-size-sm, .db-infotext, .db-input, .db-input[data-variant="floating"] [id$="-placeholder"], .db-input[data-variant="floating"] input, .db-link[data-size="small"], .db-notification [data-area="timestamp"], .db-radio[data-size="small"], .db-select, .db-select[data-variant="floating"] [id$="-placeholder"], .db-select[data-variant="floating"] select, .db-switch input, .db-switch[data-size="small"], .db-tag, .db-tag a, .db-tag button, .db-tag label, .db-textarea, .db-textarea[data-variant="floating"] [id$="-placeholder"], .db-textarea[data-variant="floating"] textarea, .db-tooltip, [data-font-size="sm"], code, small {
    font: var(--db-type-body-sm);
    --db-icon-font-weight: var(--db-base-body-icon-weight-sm);
    --db-icon-font-size: var(--db-base-body-icon-font-size-sm);
  }

  .db-input:has(input[type="file"]) input {
    font: var(--db-type-body-sm);
    --db-icon-font-weight: var(--db-base-body-icon-weight-sm);
    --db-icon-font-size: var(--db-base-body-icon-font-size-sm);
  }

  .db-input input::-webkit-calendar-picker-indicator {
    font: var(--db-type-body-sm);
    --db-icon-font-weight: var(--db-base-body-icon-weight-sm);
    --db-icon-font-size: var(--db-base-body-icon-font-size-sm);
  }

  .db-input input::-webkit-search-cancel-button {
    font: var(--db-type-body-sm);
    --db-icon-font-weight: var(--db-base-body-icon-weight-sm);
    --db-icon-font-size: var(--db-base-body-icon-font-size-sm);
  }

  .db-input input::file-selector-button {
    font: var(--db-type-body-sm);
    --db-icon-font-weight: var(--db-base-body-icon-weight-sm);
    --db-icon-font-size: var(--db-base-body-icon-font-size-sm);
  }

  .db-headline-size-sm, [data-headline-size="sm"] {
    font: var(--db-type-headline-sm);
    --db-icon-font-weight: var(--db-base-headline-icon-weight-sm);
    --db-icon-font-size: var(--db-base-headline-icon-font-size-sm);
  }

  .db-custom-select > label, .db-font-size-xs, .db-infotext[data-size="small"], .db-input > label, .db-select > label, .db-switch[data-size="small"] input, .db-textarea > label, [data-font-size="xs"] {
    font: var(--db-type-body-xs);
    --db-icon-font-weight: var(--db-base-body-icon-weight-xs);
    --db-icon-font-size: var(--db-base-body-icon-font-size-xs);
  }

  .db-input:has(input[type="file"])[data-variant="floating"] input {
    font: var(--db-type-body-xs);
    --db-icon-font-weight: var(--db-base-body-icon-weight-xs);
    --db-icon-font-size: var(--db-base-body-icon-font-size-xs);
  }

  .db-input:has(input[type="file"])[data-variant="floating"] input::file-selector-button {
    font: var(--db-type-body-xs);
    --db-icon-font-weight: var(--db-base-body-icon-weight-xs);
    --db-icon-font-size: var(--db-base-body-icon-font-size-xs);
  }

  .db-headline-size-xs, [data-headline-size="xs"] {
    font: var(--db-type-headline-xs);
    --db-icon-font-weight: var(--db-base-headline-icon-weight-xs);
    --db-icon-font-size: var(--db-base-headline-icon-font-size-xs);
  }

  .db-badge, .db-badge .db-icon, .db-badge > *, .db-font-size-2xs, [data-font-size="2xs"] {
    font: var(--db-type-body-2xs);
    --db-icon-font-weight: var(--db-base-body-icon-weight-2xs);
    --db-icon-font-size: var(--db-base-body-icon-font-size-2xs);
  }

  .db-custom-select[data-variant="floating"]:has(:focus-within, summary:is(input, textarea):not(:placeholder-shown),  > select option:checked:not(.placeholder), input[type="checkbox"]:checked, input[type="radio"]:checked) > label {
    font: var(--db-type-body-2xs);
    --db-icon-font-weight: var(--db-base-body-icon-weight-2xs);
    --db-icon-font-size: var(--db-base-body-icon-font-size-2xs);
  }

  .db-input[data-variant="floating"]:has(input:focus-within, input:is(input, textarea):not(:placeholder-shown),  > select option:checked:not(.placeholder), input[type="checkbox"]:checked, input[type="radio"]:checked) > label {
    font: var(--db-type-body-2xs);
    --db-icon-font-weight: var(--db-base-body-icon-weight-2xs);
    --db-icon-font-size: var(--db-base-body-icon-font-size-2xs);
  }

  .db-select[data-variant="floating"]:has(select:focus-within, select:is(input, textarea):not(:placeholder-shown),  > select option:checked:not(.placeholder), input[type="checkbox"]:checked, input[type="radio"]:checked) > label {
    font: var(--db-type-body-2xs);
    --db-icon-font-weight: var(--db-base-body-icon-weight-2xs);
    --db-icon-font-size: var(--db-base-body-icon-font-size-2xs);
  }

  .db-textarea[data-variant="floating"]:has(textarea:focus-within, textarea:is(input, textarea):not(:placeholder-shown),  > select option:checked:not(.placeholder), input[type="checkbox"]:checked, input[type="radio"]:checked) > label {
    font: var(--db-type-body-2xs);
    --db-icon-font-weight: var(--db-base-body-icon-weight-2xs);
    --db-icon-font-size: var(--db-base-body-icon-font-size-2xs);
  }

  .db-headline-size-2xs, [data-headline-size="2xs"] {
    font: var(--db-type-headline-2xs);
    --db-icon-font-weight: var(--db-base-headline-icon-weight-2xs);
    --db-icon-font-size: var(--db-base-headline-icon-font-size-2xs);
  }

  .db-font-size-3xs, [data-font-size="3xs"] {
    font: var(--db-type-body-3xs);
    --db-icon-font-weight: var(--db-base-body-icon-weight-3xs);
    --db-icon-font-size: var(--db-base-body-icon-font-size-3xs);
  }

  .db-headline-size-3xs, [data-headline-size="3xs"] {
    font: var(--db-type-headline-3xs);
    --db-icon-font-weight: var(--db-base-headline-icon-weight-3xs);
    --db-icon-font-size: var(--db-base-headline-icon-font-size-3xs);
  }

  .db-accordion-item > details > summary:not([data-show-icon-trailing="false"]):after, .db-checkbox input:checked:not([data-show-icon-leading="false"]):before, .db-checkbox input:indeterminate:not([data-show-icon-leading="false"]):before, .db-custom-select:not([data-show-icon-trailing="false"]):after, .db-infotext:not([data-icon]):not([data-show-icon-leading="false"]):before, .db-link[data-content="external"]:not([data-variant="inline"]):not([data-show-icon-trailing="false"]):after, .db-link[data-content="internal"]:not([data-variant="inline"]):not([data-show-icon-trailing="false"]):after, .db-navigation-item .db-navigation-item-expand-button:is(button):not([data-show-icon-trailing="false"]):after, .db-navigation-item .db-navigation-item-expand-button > button:not([data-show-icon-trailing="false"]):after, .db-notification[data-semantic="critical"]:before, .db-notification[data-semantic="informational"]:before, .db-notification[data-semantic="neutral"]:before, .db-notification[data-semantic="successful"]:before, .db-notification[data-semantic="warning"]:before, .db-select:not([data-show-icon-trailing="false"]):after, .db-switch input:not([data-show-icon-trailing="false"]):after, .db-switch[data-visual-aid="true"] input:checked:not([data-aid-icon]):not([data-show-icon-trailing="false"]):after, .db-tag[data-show-check-state="true"] label:not([data-show-icon-trailing="false"]):after, [data-icon-leading]:before, [data-icon-trailing]:after, [data-icon]:before {
    color: var(--db-icon-color, inherit);
    font-size: var(--db-icon-font-size, 1.5rem);
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-variant: normal;
    font-style: normal;
    font-weight: var(--db-icon-font-weight, normal);
    speak: none;
    speak: never;
    text-transform: none;
    vertical-align: var(--db-icon-vertical-align, middle);
    block-size: var(--db-icon-font-size, 1.5rem);
    aspect-ratio: 1;
    content: var(--db-icon, attr(data-icon));
    flex-shrink: 0;
    line-height: 1;
    display: inline-block;
    overflow: clip;
    font-family: var(--db-icon-font-family, "db-default", icon-font-fallback) !important;
  }

  .db-input:has(input[type="date"]):not([data-show-icon-trailing="false"]):after {
    color: var(--db-icon-color, inherit);
    font-size: var(--db-icon-font-size, 1.5rem);
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-variant: normal;
    font-style: normal;
    font-weight: var(--db-icon-font-weight, normal);
    speak: none;
    speak: never;
    text-transform: none;
    vertical-align: var(--db-icon-vertical-align, middle);
    block-size: var(--db-icon-font-size, 1.5rem);
    aspect-ratio: 1;
    content: var(--db-icon, attr(data-icon));
    flex-shrink: 0;
    line-height: 1;
    display: inline-block;
    overflow: clip;
    font-family: var(--db-icon-font-family, "db-default", icon-font-fallback) !important;
  }

  .db-input:has(input[type="datetime-local"]):not([data-show-icon-trailing="false"]):after {
    color: var(--db-icon-color, inherit);
    font-size: var(--db-icon-font-size, 1.5rem);
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-variant: normal;
    font-style: normal;
    font-weight: var(--db-icon-font-weight, normal);
    speak: none;
    speak: never;
    text-transform: none;
    vertical-align: var(--db-icon-vertical-align, middle);
    block-size: var(--db-icon-font-size, 1.5rem);
    aspect-ratio: 1;
    content: var(--db-icon, attr(data-icon));
    flex-shrink: 0;
    line-height: 1;
    display: inline-block;
    overflow: clip;
    font-family: var(--db-icon-font-family, "db-default", icon-font-fallback) !important;
  }

  .db-input:has(input[type="month"]):not([data-show-icon-trailing="false"]):after {
    color: var(--db-icon-color, inherit);
    font-size: var(--db-icon-font-size, 1.5rem);
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-variant: normal;
    font-style: normal;
    font-weight: var(--db-icon-font-weight, normal);
    speak: none;
    speak: never;
    text-transform: none;
    vertical-align: var(--db-icon-vertical-align, middle);
    block-size: var(--db-icon-font-size, 1.5rem);
    aspect-ratio: 1;
    content: var(--db-icon, attr(data-icon));
    flex-shrink: 0;
    line-height: 1;
    display: inline-block;
    overflow: clip;
    font-family: var(--db-icon-font-family, "db-default", icon-font-fallback) !important;
  }

  .db-input:has(input[type="search"]):not([data-show-icon-leading="false"]):before {
    color: var(--db-icon-color, inherit);
    font-size: var(--db-icon-font-size, 1.5rem);
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-variant: normal;
    font-style: normal;
    font-weight: var(--db-icon-font-weight, normal);
    speak: none;
    speak: never;
    text-transform: none;
    vertical-align: var(--db-icon-vertical-align, middle);
    block-size: var(--db-icon-font-size, 1.5rem);
    aspect-ratio: 1;
    content: var(--db-icon, attr(data-icon));
    flex-shrink: 0;
    line-height: 1;
    display: inline-block;
    overflow: clip;
    font-family: var(--db-icon-font-family, "db-default", icon-font-fallback) !important;
  }

  .db-input:has(input[type="search"]):not([data-show-icon-trailing="false"]):after {
    color: var(--db-icon-color, inherit);
    font-size: var(--db-icon-font-size, 1.5rem);
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-variant: normal;
    font-style: normal;
    font-weight: var(--db-icon-font-weight, normal);
    speak: none;
    speak: never;
    text-transform: none;
    vertical-align: var(--db-icon-vertical-align, middle);
    block-size: var(--db-icon-font-size, 1.5rem);
    aspect-ratio: 1;
    content: var(--db-icon, attr(data-icon));
    flex-shrink: 0;
    line-height: 1;
    display: inline-block;
    overflow: clip;
    font-family: var(--db-icon-font-family, "db-default", icon-font-fallback) !important;
  }

  .db-input:has(input[type="time"]):not([data-show-icon-trailing="false"]):after {
    color: var(--db-icon-color, inherit);
    font-size: var(--db-icon-font-size, 1.5rem);
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-variant: normal;
    font-style: normal;
    font-weight: var(--db-icon-font-weight, normal);
    speak: none;
    speak: never;
    text-transform: none;
    vertical-align: var(--db-icon-vertical-align, middle);
    block-size: var(--db-icon-font-size, 1.5rem);
    aspect-ratio: 1;
    content: var(--db-icon, attr(data-icon));
    flex-shrink: 0;
    line-height: 1;
    display: inline-block;
    overflow: clip;
    font-family: var(--db-icon-font-family, "db-default", icon-font-fallback) !important;
  }

  .db-input:has(input[type="week"]):not([data-show-icon-trailing="false"]):after {
    color: var(--db-icon-color, inherit);
    font-size: var(--db-icon-font-size, 1.5rem);
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-variant: normal;
    font-style: normal;
    font-weight: var(--db-icon-font-weight, normal);
    speak: none;
    speak: never;
    text-transform: none;
    vertical-align: var(--db-icon-vertical-align, middle);
    block-size: var(--db-icon-font-size, 1.5rem);
    aspect-ratio: 1;
    content: var(--db-icon, attr(data-icon));
    flex-shrink: 0;
    line-height: 1;
    display: inline-block;
    overflow: clip;
    font-family: var(--db-icon-font-family, "db-default", icon-font-fallback) !important;
  }

  .db-input:not([data-show-icon-trailing="false"]):has(datalist):after {
    color: var(--db-icon-color, inherit);
    font-size: var(--db-icon-font-size, 1.5rem);
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-variant: normal;
    font-style: normal;
    font-weight: var(--db-icon-font-weight, normal);
    speak: none;
    speak: never;
    text-transform: none;
    vertical-align: var(--db-icon-vertical-align, middle);
    block-size: var(--db-icon-font-size, 1.5rem);
    aspect-ratio: 1;
    content: var(--db-icon, attr(data-icon));
    flex-shrink: 0;
    line-height: 1;
    display: inline-block;
    overflow: clip;
    font-family: var(--db-icon-font-family, "db-default", icon-font-fallback) !important;
  }

  .db-tag[data-show-check-state="true"] label:has(input:checked):not([data-show-icon-trailing="false"]):after {
    color: var(--db-icon-color, inherit);
    font-size: var(--db-icon-font-size, 1.5rem);
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-variant: normal;
    font-style: normal;
    font-weight: var(--db-icon-font-weight, normal);
    speak: none;
    speak: never;
    text-transform: none;
    vertical-align: var(--db-icon-vertical-align, middle);
    block-size: var(--db-icon-font-size, 1.5rem);
    aspect-ratio: 1;
    content: var(--db-icon, attr(data-icon));
    flex-shrink: 0;
    line-height: 1;
    display: inline-block;
    overflow: clip;
    font-family: var(--db-icon-font-family, "db-default", icon-font-fallback) !important;
  }

  @supports (content: ""/"") {
    .db-accordion-item > details > summary:not([data-show-icon-trailing="false"]):after, .db-checkbox input:checked:not([data-show-icon-leading="false"]):before, .db-checkbox input:indeterminate:not([data-show-icon-leading="false"]):before, .db-custom-select:not([data-show-icon-trailing="false"]):after, .db-infotext:not([data-icon]):not([data-show-icon-leading="false"]):before, .db-link[data-content="external"]:not([data-variant="inline"]):not([data-show-icon-trailing="false"]):after, .db-link[data-content="internal"]:not([data-variant="inline"]):not([data-show-icon-trailing="false"]):after, .db-navigation-item .db-navigation-item-expand-button:is(button):not([data-show-icon-trailing="false"]):after, .db-navigation-item .db-navigation-item-expand-button > button:not([data-show-icon-trailing="false"]):after, .db-notification[data-semantic="critical"]:before, .db-notification[data-semantic="informational"]:before, .db-notification[data-semantic="neutral"]:before, .db-notification[data-semantic="successful"]:before, .db-notification[data-semantic="warning"]:before, .db-select:not([data-show-icon-trailing="false"]):after, .db-switch input:not([data-show-icon-trailing="false"]):after, .db-switch[data-visual-aid="true"] input:checked:not([data-aid-icon]):not([data-show-icon-trailing="false"]):after, .db-tag[data-show-check-state="true"] label:not([data-show-icon-trailing="false"]):after, [data-icon-leading]:before, [data-icon-trailing]:after, [data-icon]:before {
      content: var(--db-icon, attr(data-icon))/"";
    }

    .db-input:has(input[type="date"]):not([data-show-icon-trailing="false"]):after {
      content: var(--db-icon, attr(data-icon))/"";
    }

    .db-input:has(input[type="datetime-local"]):not([data-show-icon-trailing="false"]):after {
      content: var(--db-icon, attr(data-icon))/"";
    }

    .db-input:has(input[type="month"]):not([data-show-icon-trailing="false"]):after {
      content: var(--db-icon, attr(data-icon))/"";
    }

    .db-input:has(input[type="search"]):not([data-show-icon-leading="false"]):before {
      content: var(--db-icon, attr(data-icon))/"";
    }

    .db-input:has(input[type="search"]):not([data-show-icon-trailing="false"]):after {
      content: var(--db-icon, attr(data-icon))/"";
    }

    .db-input:has(input[type="time"]):not([data-show-icon-trailing="false"]):after {
      content: var(--db-icon, attr(data-icon))/"";
    }

    .db-input:has(input[type="week"]):not([data-show-icon-trailing="false"]):after {
      content: var(--db-icon, attr(data-icon))/"";
    }

    .db-input:not([data-show-icon-trailing="false"]):has(datalist):after {
      content: var(--db-icon, attr(data-icon))/"";
    }

    .db-tag[data-show-check-state="true"] label:has(input:checked):not([data-show-icon-trailing="false"]):after {
      content: var(--db-icon, attr(data-icon))/"";
    }
  }

  @media aural {
    .db-accordion-item > details > summary:not([data-show-icon-trailing="false"]):after, .db-checkbox input:checked:not([data-show-icon-leading="false"]):before, .db-checkbox input:indeterminate:not([data-show-icon-leading="false"]):before, .db-custom-select:not([data-show-icon-trailing="false"]):after, .db-infotext:not([data-icon]):not([data-show-icon-leading="false"]):before, .db-link[data-content="external"]:not([data-variant="inline"]):not([data-show-icon-trailing="false"]):after, .db-link[data-content="internal"]:not([data-variant="inline"]):not([data-show-icon-trailing="false"]):after, .db-navigation-item .db-navigation-item-expand-button:is(button):not([data-show-icon-trailing="false"]):after, .db-navigation-item .db-navigation-item-expand-button > button:not([data-show-icon-trailing="false"]):after, .db-notification[data-semantic="critical"]:before, .db-notification[data-semantic="informational"]:before, .db-notification[data-semantic="neutral"]:before, .db-notification[data-semantic="successful"]:before, .db-notification[data-semantic="warning"]:before, .db-select:not([data-show-icon-trailing="false"]):after, .db-switch input:not([data-show-icon-trailing="false"]):after, .db-switch[data-visual-aid="true"] input:checked:not([data-aid-icon]):not([data-show-icon-trailing="false"]):after, .db-tag[data-show-check-state="true"] label:not([data-show-icon-trailing="false"]):after, [data-icon-leading]:before, [data-icon-trailing]:after, [data-icon]:before {
      content: none;
    }

    .db-input:has(input[type="date"]):not([data-show-icon-trailing="false"]):after {
      content: none;
    }

    .db-input:has(input[type="datetime-local"]):not([data-show-icon-trailing="false"]):after {
      content: none;
    }

    .db-input:has(input[type="month"]):not([data-show-icon-trailing="false"]):after {
      content: none;
    }

    .db-input:has(input[type="search"]):not([data-show-icon-leading="false"]):before {
      content: none;
    }

    .db-input:has(input[type="search"]):not([data-show-icon-trailing="false"]):after {
      content: none;
    }

    .db-input:has(input[type="time"]):not([data-show-icon-trailing="false"]):after {
      content: none;
    }

    .db-input:has(input[type="week"]):not([data-show-icon-trailing="false"]):after {
      content: none;
    }

    .db-input:not([data-show-icon-trailing="false"]):has(datalist):after {
      content: none;
    }

    .db-tag[data-show-check-state="true"] label:has(input:checked):not([data-show-icon-trailing="false"]):after {
      content: none;
    }
  }

  @media speech {
    .db-accordion-item > details > summary:not([data-show-icon-trailing="false"]):after, .db-checkbox input:checked:not([data-show-icon-leading="false"]):before, .db-checkbox input:indeterminate:not([data-show-icon-leading="false"]):before, .db-custom-select:not([data-show-icon-trailing="false"]):after, .db-infotext:not([data-icon]):not([data-show-icon-leading="false"]):before, .db-link[data-content="external"]:not([data-variant="inline"]):not([data-show-icon-trailing="false"]):after, .db-link[data-content="internal"]:not([data-variant="inline"]):not([data-show-icon-trailing="false"]):after, .db-navigation-item .db-navigation-item-expand-button:is(button):not([data-show-icon-trailing="false"]):after, .db-navigation-item .db-navigation-item-expand-button > button:not([data-show-icon-trailing="false"]):after, .db-notification[data-semantic="critical"]:before, .db-notification[data-semantic="informational"]:before, .db-notification[data-semantic="neutral"]:before, .db-notification[data-semantic="successful"]:before, .db-notification[data-semantic="warning"]:before, .db-select:not([data-show-icon-trailing="false"]):after, .db-switch input:not([data-show-icon-trailing="false"]):after, .db-switch[data-visual-aid="true"] input:checked:not([data-aid-icon]):not([data-show-icon-trailing="false"]):after, .db-tag[data-show-check-state="true"] label:not([data-show-icon-trailing="false"]):after, [data-icon-leading]:before, [data-icon-trailing]:after, [data-icon]:before {
      content: none;
    }

    .db-input:has(input[type="date"]):not([data-show-icon-trailing="false"]):after {
      content: none;
    }

    .db-input:has(input[type="datetime-local"]):not([data-show-icon-trailing="false"]):after {
      content: none;
    }

    .db-input:has(input[type="month"]):not([data-show-icon-trailing="false"]):after {
      content: none;
    }

    .db-input:has(input[type="search"]):not([data-show-icon-leading="false"]):before {
      content: none;
    }

    .db-input:has(input[type="search"]):not([data-show-icon-trailing="false"]):after {
      content: none;
    }

    .db-input:has(input[type="time"]):not([data-show-icon-trailing="false"]):after {
      content: none;
    }

    .db-input:has(input[type="week"]):not([data-show-icon-trailing="false"]):after {
      content: none;
    }

    .db-input:not([data-show-icon-trailing="false"]):has(datalist):after {
      content: none;
    }

    .db-tag[data-show-check-state="true"] label:has(input:checked):not([data-show-icon-trailing="false"]):after {
      content: none;
    }
  }

  .db-button, .db-custom-button a, .db-custom-button button, .db-custom-button label, .db-custom-select summary, .db-input input, .db-navigation-item .db-navigation-item-expand-button:is(button), .db-navigation-item .db-navigation-item-expand-button > button, .db-navigation-item a, .db-select select, .db-tag, .db-textarea textarea {
    border: .0625rem solid var(--db-adaptive-on-bg-basic-emphasis-100-default);
  }

  .db-input input::file-selector-button {
    border: .0625rem solid var(--db-adaptive-on-bg-basic-emphasis-100-default);
  }

  .db-button[data-variant="filled"], .db-button[data-variant="ghost"], .db-custom-button[data-variant="filled"] a, .db-custom-button[data-variant="filled"] button, .db-custom-button[data-variant="filled"] label, .db-custom-button[data-variant="ghost"] a, .db-custom-button[data-variant="ghost"] button, .db-custom-button[data-variant="ghost"] label, .db-navigation-item .db-navigation-item-expand-button:is(button), .db-navigation-item .db-navigation-item-expand-button > button, .db-navigation-item a {
    border: .0625rem solid #0000;
  }

  .db-accordion[data-variant="card"] .db-accordion-item:after, .db-badge, .db-card, .db-notification, .db-notification[data-variant="overlay"], .db-notification[data-variant="standalone"], .db-popover > article, .db-sub-navigation, .db-tag a, .db-tag button, .db-tag label, .db-tooltip, .db-tooltip[data-show-arrow="true"]:after {
    border: .0625rem solid var(--db-adaptive-on-bg-basic-emphasis-60-default);
  }

  .db-tag:has(.db-tab-remove-button) {
    border: .0625rem solid var(--db-adaptive-on-bg-basic-emphasis-60-default);
  }

  .db-tag:not(:has(label, button:not(.db-tab-remove-button), a)) {
    border: .0625rem solid var(--db-adaptive-on-bg-basic-emphasis-60-default);
  }

  .db-custom-select summary, .db-input input, .db-select select, .db-textarea textarea {
    border: .0625rem solid var(--db-adaptive-on-bg-basic-emphasis-70-default);
  }

  .db-textarea[data-variant="floating"]:has(textarea:is(:focus-within, :not(:placeholder-shown))):after {
    border: .0625rem solid var(--db-adaptive-on-bg-basic-emphasis-70-default);
  }

  .db-button, .db-custom-button a, .db-custom-button button, .db-custom-button label, .db-custom-select summary, .db-input input, .db-navigation-item .db-navigation-item-expand-button:is(button), .db-navigation-item .db-navigation-item-expand-button > button, .db-navigation-item a, .db-select select, .db-tag, .db-textarea textarea {
    border-radius: .25rem;
  }

  .db-input input::file-selector-button {
    border-radius: .25rem;
  }

  .db-card, .db-notification[data-variant="overlay"], .db-notification[data-variant="standalone"], .db-popover > article, .db-tooltip {
    border-radius: var(--default-card-border-radius, .5rem);
  }

  .db-badge, .db-button, .db-custom-button a, .db-custom-button button, .db-custom-button label, .db-tag {
    overflow-wrap: break-word;
    white-space: pre-line;
    text-align: center;
    vertical-align: top;
    justify-content: center;
    align-items: center;
    font-weight: 700;
  }

  .db-input input::file-selector-button {
    overflow-wrap: break-word;
    white-space: pre-line;
    text-align: center;
    vertical-align: top;
    justify-content: center;
    align-items: center;
    font-weight: 700;
  }

  .db-badge:not([hidden]), .db-button:not([hidden]), .db-custom-button a:not([hidden]), .db-custom-button button:not([hidden]), .db-custom-button label:not([hidden]), .db-tag:not([hidden]) {
    display: inline-flex;
  }

  .db-input input:not([hidden])::file-selector-button {
    display: inline-flex;
  }

  .db-button:not([data-variant]), .db-button[data-variant=""], .db-button[data-variant="ghost"], .db-button[data-variant="outlined"], .db-custom-button:not([data-variant]) a, .db-custom-button:not([data-variant]) button, .db-custom-button:not([data-variant]) label, .db-custom-button[data-variant=""] a, .db-custom-button[data-variant=""] button, .db-custom-button[data-variant=""] label, .db-custom-button[data-variant="brand"] label, .db-custom-button[data-variant="ghost"] a, .db-custom-button[data-variant="ghost"] button, .db-custom-button[data-variant="ghost"] label, .db-custom-button[data-variant="outlined"] a, .db-custom-button[data-variant="outlined"] button, .db-custom-button[data-variant="outlined"] label {
    background-color: var(--db-adaptive-bg-basic-transparent-full-default);
  }

  .db-button:hover:not(:disabled, [aria-disabled="true"], [tabindex="-1"], :has(:disabled)):not([data-variant]) {
    cursor: var(--db-overwrite-cursor, pointer);
    background-color: var(--db-adaptive-bg-basic-transparent-full-hovered);
  }

  .db-button[data-variant=""]:hover:not(:disabled, [aria-disabled="true"], [tabindex="-1"], :has(:disabled)) {
    cursor: var(--db-overwrite-cursor, pointer);
    background-color: var(--db-adaptive-bg-basic-transparent-full-hovered);
  }

  .db-button[data-variant="ghost"]:hover:not(:disabled, [aria-disabled="true"], [tabindex="-1"], :has(:disabled)) {
    cursor: var(--db-overwrite-cursor, pointer);
    background-color: var(--db-adaptive-bg-basic-transparent-full-hovered);
  }

  .db-button[data-variant="outlined"]:hover:not(:disabled, [aria-disabled="true"], [tabindex="-1"], :has(:disabled)) {
    cursor: var(--db-overwrite-cursor, pointer);
    background-color: var(--db-adaptive-bg-basic-transparent-full-hovered);
  }

  .db-custom-button:not([data-variant]) a:hover:not(:disabled, [aria-disabled="true"], [tabindex="-1"], :has(:disabled)) {
    cursor: var(--db-overwrite-cursor, pointer);
    background-color: var(--db-adaptive-bg-basic-transparent-full-hovered);
  }

  .db-custom-button:not([data-variant]) button:hover:not(:disabled, [aria-disabled="true"], [tabindex="-1"], :has(:disabled)) {
    cursor: var(--db-overwrite-cursor, pointer);
    background-color: var(--db-adaptive-bg-basic-transparent-full-hovered);
  }

  .db-custom-button:not([data-variant]) label:hover:not(:disabled, [aria-disabled="true"], [tabindex="-1"], :has(:disabled)) {
    cursor: var(--db-overwrite-cursor, pointer);
    background-color: var(--db-adaptive-bg-basic-transparent-full-hovered);
  }

  .db-custom-button[data-variant=""] a:hover:not(:disabled, [aria-disabled="true"], [tabindex="-1"], :has(:disabled)) {
    cursor: var(--db-overwrite-cursor, pointer);
    background-color: var(--db-adaptive-bg-basic-transparent-full-hovered);
  }

  .db-custom-button[data-variant=""] button:hover:not(:disabled, [aria-disabled="true"], [tabindex="-1"], :has(:disabled)) {
    cursor: var(--db-overwrite-cursor, pointer);
    background-color: var(--db-adaptive-bg-basic-transparent-full-hovered);
  }

  .db-custom-button[data-variant=""] label:hover:not(:disabled, [aria-disabled="true"], [tabindex="-1"], :has(:disabled)) {
    cursor: var(--db-overwrite-cursor, pointer);
    background-color: var(--db-adaptive-bg-basic-transparent-full-hovered);
  }

  .db-custom-button[data-variant="brand"] label:hover:not(:disabled, [aria-disabled="true"], [tabindex="-1"], :has(:disabled)) {
    cursor: var(--db-overwrite-cursor, pointer);
    background-color: var(--db-adaptive-bg-basic-transparent-full-hovered);
  }

  .db-custom-button[data-variant="ghost"] a:hover:not(:disabled, [aria-disabled="true"], [tabindex="-1"], :has(:disabled)) {
    cursor: var(--db-overwrite-cursor, pointer);
    background-color: var(--db-adaptive-bg-basic-transparent-full-hovered);
  }

  .db-custom-button[data-variant="ghost"] button:hover:not(:disabled, [aria-disabled="true"], [tabindex="-1"], :has(:disabled)) {
    cursor: var(--db-overwrite-cursor, pointer);
    background-color: var(--db-adaptive-bg-basic-transparent-full-hovered);
  }

  .db-custom-button[data-variant="ghost"] label:hover:not(:disabled, [aria-disabled="true"], [tabindex="-1"], :has(:disabled)) {
    cursor: var(--db-overwrite-cursor, pointer);
    background-color: var(--db-adaptive-bg-basic-transparent-full-hovered);
  }

  .db-custom-button[data-variant="outlined"] a:hover:not(:disabled, [aria-disabled="true"], [tabindex="-1"], :has(:disabled)) {
    cursor: var(--db-overwrite-cursor, pointer);
    background-color: var(--db-adaptive-bg-basic-transparent-full-hovered);
  }

  .db-custom-button[data-variant="outlined"] button:hover:not(:disabled, [aria-disabled="true"], [tabindex="-1"], :has(:disabled)) {
    cursor: var(--db-overwrite-cursor, pointer);
    background-color: var(--db-adaptive-bg-basic-transparent-full-hovered);
  }

  .db-custom-button[data-variant="outlined"] label:hover:not(:disabled, [aria-disabled="true"], [tabindex="-1"], :has(:disabled)) {
    cursor: var(--db-overwrite-cursor, pointer);
    background-color: var(--db-adaptive-bg-basic-transparent-full-hovered);
  }

  .db-button:hover:not(:disabled, [aria-disabled="true"], [tabindex="-1"], :has(:disabled)):is(input):not([data-variant]) {
    cursor: auto;
  }

  .db-button:hover:not(:disabled, [aria-disabled="true"], [tabindex="-1"], :has(:disabled)):is(textarea):not([data-variant]) {
    cursor: auto;
  }

  .db-button[data-variant=""]:hover:not(:disabled, [aria-disabled="true"], [tabindex="-1"], :has(:disabled)):is(input) {
    cursor: auto;
  }

  .db-button[data-variant=""]:hover:not(:disabled, [aria-disabled="true"], [tabindex="-1"], :has(:disabled)):is(textarea) {
    cursor: auto;
  }

  .db-button[data-variant="ghost"]:hover:not(:disabled, [aria-disabled="true"], [tabindex="-1"], :has(:disabled)):is(input) {
    cursor: auto;
  }

  .db-button[data-variant="ghost"]:hover:not(:disabled, [aria-disabled="true"], [tabindex="-1"], :has(:disabled)):is(textarea) {
    cursor: auto;
  }

  .db-button[data-variant="outlined"]:hover:not(:disabled, [aria-disabled="true"], [tabindex="-1"], :has(:disabled)):is(input) {
    cursor: auto;
  }

  .db-button[data-variant="outlined"]:hover:not(:disabled, [aria-disabled="true"], [tabindex="-1"], :has(:disabled)):is(textarea) {
    cursor: auto;
  }

  .db-custom-button:not([data-variant]) a:hover:not(:disabled, [aria-disabled="true"], [tabindex="-1"], :has(:disabled)):is(input) {
    cursor: auto;
  }

  .db-custom-button:not([data-variant]) a:hover:not(:disabled, [aria-disabled="true"], [tabindex="-1"], :has(:disabled)):is(textarea) {
    cursor: auto;
  }

  .db-custom-button:not([data-variant]) button:hover:not(:disabled, [aria-disabled="true"], [tabindex="-1"], :has(:disabled)):is(input) {
    cursor: auto;
  }

  .db-custom-button:not([data-variant]) button:hover:not(:disabled, [aria-disabled="true"], [tabindex="-1"], :has(:disabled)):is(textarea) {
    cursor: auto;
  }

  .db-custom-button:not([data-variant]) label:hover:not(:disabled, [aria-disabled="true"], [tabindex="-1"], :has(:disabled)):is(input) {
    cursor: auto;
  }

  .db-custom-button:not([data-variant]) label:hover:not(:disabled, [aria-disabled="true"], [tabindex="-1"], :has(:disabled)):is(textarea) {
    cursor: auto;
  }

  .db-custom-button[data-variant=""] a:hover:not(:disabled, [aria-disabled="true"], [tabindex="-1"], :has(:disabled)):is(input) {
    cursor: auto;
  }

  .db-custom-button[data-variant=""] a:hover:not(:disabled, [aria-disabled="true"], [tabindex="-1"], :has(:disabled)):is(textarea) {
    cursor: auto;
  }

  .db-custom-button[data-variant=""] button:hover:not(:disabled, [aria-disabled="true"], [tabindex="-1"], :has(:disabled)):is(input) {
    cursor: auto;
  }

  .db-custom-button[data-variant=""] button:hover:not(:disabled, [aria-disabled="true"], [tabindex="-1"], :has(:disabled)):is(textarea) {
    cursor: auto;
  }

  .db-custom-button[data-variant=""] label:hover:not(:disabled, [aria-disabled="true"], [tabindex="-1"], :has(:disabled)):is(input) {
    cursor: auto;
  }

  .db-custom-button[data-variant=""] label:hover:not(:disabled, [aria-disabled="true"], [tabindex="-1"], :has(:disabled)):is(textarea) {
    cursor: auto;
  }

  .db-custom-button[data-variant="brand"] label:hover:not(:disabled, [aria-disabled="true"], [tabindex="-1"], :has(:disabled)):is(input) {
    cursor: auto;
  }

  .db-custom-button[data-variant="brand"] label:hover:not(:disabled, [aria-disabled="true"], [tabindex="-1"], :has(:disabled)):is(textarea) {
    cursor: auto;
  }

  .db-custom-button[data-variant="ghost"] a:hover:not(:disabled, [aria-disabled="true"], [tabindex="-1"], :has(:disabled)):is(input) {
    cursor: auto;
  }

  .db-custom-button[data-variant="ghost"] a:hover:not(:disabled, [aria-disabled="true"], [tabindex="-1"], :has(:disabled)):is(textarea) {
    cursor: auto;
  }

  .db-custom-button[data-variant="ghost"] button:hover:not(:disabled, [aria-disabled="true"], [tabindex="-1"], :has(:disabled)):is(input) {
    cursor: auto;
  }

  .db-custom-button[data-variant="ghost"] button:hover:not(:disabled, [aria-disabled="true"], [tabindex="-1"], :has(:disabled)):is(textarea) {
    cursor: auto;
  }

  .db-custom-button[data-variant="ghost"] label:hover:not(:disabled, [aria-disabled="true"], [tabindex="-1"], :has(:disabled)):is(input) {
    cursor: auto;
  }

  .db-custom-button[data-variant="ghost"] label:hover:not(:disabled, [aria-disabled="true"], [tabindex="-1"], :has(:disabled)):is(textarea) {
    cursor: auto;
  }

  .db-custom-button[data-variant="outlined"] a:hover:not(:disabled, [aria-disabled="true"], [tabindex="-1"], :has(:disabled)):is(input) {
    cursor: auto;
  }

  .db-custom-button[data-variant="outlined"] a:hover:not(:disabled, [aria-disabled="true"], [tabindex="-1"], :has(:disabled)):is(textarea) {
    cursor: auto;
  }

  .db-custom-button[data-variant="outlined"] button:hover:not(:disabled, [aria-disabled="true"], [tabindex="-1"], :has(:disabled)):is(input) {
    cursor: auto;
  }

  .db-custom-button[data-variant="outlined"] button:hover:not(:disabled, [aria-disabled="true"], [tabindex="-1"], :has(:disabled)):is(textarea) {
    cursor: auto;
  }

  .db-custom-button[data-variant="outlined"] label:hover:not(:disabled, [aria-disabled="true"], [tabindex="-1"], :has(:disabled)):is(input) {
    cursor: auto;
  }

  .db-custom-button[data-variant="outlined"] label:hover:not(:disabled, [aria-disabled="true"], [tabindex="-1"], :has(:disabled)):is(textarea) {
    cursor: auto;
  }

  .db-button:hover:not(:disabled, [aria-disabled="true"], [tabindex="-1"], :has(:disabled)):is(input[type="checkbox"]):not([data-variant]) {
    cursor: pointer;
  }

  .db-button:hover:not(:disabled, [aria-disabled="true"], [tabindex="-1"], :has(:disabled)):is(input[type="radio"]:not(:checked)):not([data-variant]) {
    cursor: pointer;
  }

  .db-button[data-variant=""]:hover:not(:disabled, [aria-disabled="true"], [tabindex="-1"], :has(:disabled)):is(input[type="checkbox"]) {
    cursor: pointer;
  }

  .db-button[data-variant=""]:hover:not(:disabled, [aria-disabled="true"], [tabindex="-1"], :has(:disabled)):is(input[type="radio"]:not(:checked)) {
    cursor: pointer;
  }

  .db-button[data-variant="ghost"]:hover:not(:disabled, [aria-disabled="true"], [tabindex="-1"], :has(:disabled)):is(input[type="checkbox"]) {
    cursor: pointer;
  }

  .db-button[data-variant="ghost"]:hover:not(:disabled, [aria-disabled="true"], [tabindex="-1"], :has(:disabled)):is(input[type="radio"]:not(:checked)) {
    cursor: pointer;
  }

  .db-button[data-variant="outlined"]:hover:not(:disabled, [aria-disabled="true"], [tabindex="-1"], :has(:disabled)):is(input[type="checkbox"]) {
    cursor: pointer;
  }

  .db-button[data-variant="outlined"]:hover:not(:disabled, [aria-disabled="true"], [tabindex="-1"], :has(:disabled)):is(input[type="radio"]:not(:checked)) {
    cursor: pointer;
  }

  .db-custom-button:not([data-variant]) a:hover:not(:disabled, [aria-disabled="true"], [tabindex="-1"], :has(:disabled)):is(input[type="checkbox"]) {
    cursor: pointer;
  }

  .db-custom-button:not([data-variant]) a:hover:not(:disabled, [aria-disabled="true"], [tabindex="-1"], :has(:disabled)):is(input[type="radio"]:not(:checked)) {
    cursor: pointer;
  }

  .db-custom-button:not([data-variant]) button:hover:not(:disabled, [aria-disabled="true"], [tabindex="-1"], :has(:disabled)):is(input[type="checkbox"]) {
    cursor: pointer;
  }

  .db-custom-button:not([data-variant]) button:hover:not(:disabled, [aria-disabled="true"], [tabindex="-1"], :has(:disabled)):is(input[type="radio"]:not(:checked)) {
    cursor: pointer;
  }

  .db-custom-button:not([data-variant]) label:hover:not(:disabled, [aria-disabled="true"], [tabindex="-1"], :has(:disabled)):is(input[type="checkbox"]) {
    cursor: pointer;
  }

  .db-custom-button:not([data-variant]) label:hover:not(:disabled, [aria-disabled="true"], [tabindex="-1"], :has(:disabled)):is(input[type="radio"]:not(:checked)) {
    cursor: pointer;
  }

  .db-custom-button[data-variant=""] a:hover:not(:disabled, [aria-disabled="true"], [tabindex="-1"], :has(:disabled)):is(input[type="checkbox"]) {
    cursor: pointer;
  }

  .db-custom-button[data-variant=""] a:hover:not(:disabled, [aria-disabled="true"], [tabindex="-1"], :has(:disabled)):is(input[type="radio"]:not(:checked)) {
    cursor: pointer;
  }

  .db-custom-button[data-variant=""] button:hover:not(:disabled, [aria-disabled="true"], [tabindex="-1"], :has(:disabled)):is(input[type="checkbox"]) {
    cursor: pointer;
  }

  .db-custom-button[data-variant=""] button:hover:not(:disabled, [aria-disabled="true"], [tabindex="-1"], :has(:disabled)):is(input[type="radio"]:not(:checked)) {
    cursor: pointer;
  }

  .db-custom-button[data-variant=""] label:hover:not(:disabled, [aria-disabled="true"], [tabindex="-1"], :has(:disabled)):is(input[type="checkbox"]) {
    cursor: pointer;
  }

  .db-custom-button[data-variant=""] label:hover:not(:disabled, [aria-disabled="true"], [tabindex="-1"], :has(:disabled)):is(input[type="radio"]:not(:checked)) {
    cursor: pointer;
  }

  .db-custom-button[data-variant="brand"] label:hover:not(:disabled, [aria-disabled="true"], [tabindex="-1"], :has(:disabled)):is(input[type="checkbox"]) {
    cursor: pointer;
  }

  .db-custom-button[data-variant="brand"] label:hover:not(:disabled, [aria-disabled="true"], [tabindex="-1"], :has(:disabled)):is(input[type="radio"]:not(:checked)) {
    cursor: pointer;
  }

  .db-custom-button[data-variant="ghost"] a:hover:not(:disabled, [aria-disabled="true"], [tabindex="-1"], :has(:disabled)):is(input[type="checkbox"]) {
    cursor: pointer;
  }

  .db-custom-button[data-variant="ghost"] a:hover:not(:disabled, [aria-disabled="true"], [tabindex="-1"], :has(:disabled)):is(input[type="radio"]:not(:checked)) {
    cursor: pointer;
  }

  .db-custom-button[data-variant="ghost"] button:hover:not(:disabled, [aria-disabled="true"], [tabindex="-1"], :has(:disabled)):is(input[type="checkbox"]) {
    cursor: pointer;
  }

  .db-custom-button[data-variant="ghost"] button:hover:not(:disabled, [aria-disabled="true"], [tabindex="-1"], :has(:disabled)):is(input[type="radio"]:not(:checked)) {
    cursor: pointer;
  }

  .db-custom-button[data-variant="ghost"] label:hover:not(:disabled, [aria-disabled="true"], [tabindex="-1"], :has(:disabled)):is(input[type="checkbox"]) {
    cursor: pointer;
  }

  .db-custom-button[data-variant="ghost"] label:hover:not(:disabled, [aria-disabled="true"], [tabindex="-1"], :has(:disabled)):is(input[type="radio"]:not(:checked)) {
    cursor: pointer;
  }

  .db-custom-button[data-variant="outlined"] a:hover:not(:disabled, [aria-disabled="true"], [tabindex="-1"], :has(:disabled)):is(input[type="checkbox"]) {
    cursor: pointer;
  }

  .db-custom-button[data-variant="outlined"] a:hover:not(:disabled, [aria-disabled="true"], [tabindex="-1"], :has(:disabled)):is(input[type="radio"]:not(:checked)) {
    cursor: pointer;
  }

  .db-custom-button[data-variant="outlined"] button:hover:not(:disabled, [aria-disabled="true"], [tabindex="-1"], :has(:disabled)):is(input[type="checkbox"]) {
    cursor: pointer;
  }

  .db-custom-button[data-variant="outlined"] button:hover:not(:disabled, [aria-disabled="true"], [tabindex="-1"], :has(:disabled)):is(input[type="radio"]:not(:checked)) {
    cursor: pointer;
  }

  .db-custom-button[data-variant="outlined"] label:hover:not(:disabled, [aria-disabled="true"], [tabindex="-1"], :has(:disabled)):is(input[type="checkbox"]) {
    cursor: pointer;
  }

  .db-custom-button[data-variant="outlined"] label:hover:not(:disabled, [aria-disabled="true"], [tabindex="-1"], :has(:disabled)):is(input[type="radio"]:not(:checked)) {
    cursor: pointer;
  }

  .db-button:active:not(:disabled, [aria-disabled="true"], [tabindex="-1"], :has(:disabled)):not([data-variant]) {
    cursor: var(--db-overwrite-cursor, pointer);
    background-color: var(--db-adaptive-bg-basic-transparent-full-pressed);
  }

  .db-button[data-variant=""]:active:not(:disabled, [aria-disabled="true"], [tabindex="-1"], :has(:disabled)) {
    cursor: var(--db-overwrite-cursor, pointer);
    background-color: var(--db-adaptive-bg-basic-transparent-full-pressed);
  }

  .db-button[data-variant="ghost"]:active:not(:disabled, [aria-disabled="true"], [tabindex="-1"], :has(:disabled)) {
    cursor: var(--db-overwrite-cursor, pointer);
    background-color: var(--db-adaptive-bg-basic-transparent-full-pressed);
  }

  .db-button[data-variant="outlined"]:active:not(:disabled, [aria-disabled="true"], [tabindex="-1"], :has(:disabled)) {
    cursor: var(--db-overwrite-cursor, pointer);
    background-color: var(--db-adaptive-bg-basic-transparent-full-pressed);
  }

  .db-custom-button:not([data-variant]) a:active:not(:disabled, [aria-disabled="true"], [tabindex="-1"], :has(:disabled)) {
    cursor: var(--db-overwrite-cursor, pointer);
    background-color: var(--db-adaptive-bg-basic-transparent-full-pressed);
  }

  .db-custom-button:not([data-variant]) button:active:not(:disabled, [aria-disabled="true"], [tabindex="-1"], :has(:disabled)) {
    cursor: var(--db-overwrite-cursor, pointer);
    background-color: var(--db-adaptive-bg-basic-transparent-full-pressed);
  }

  .db-custom-button:not([data-variant]) label:active:not(:disabled, [aria-disabled="true"], [tabindex="-1"], :has(:disabled)) {
    cursor: var(--db-overwrite-cursor, pointer);
    background-color: var(--db-adaptive-bg-basic-transparent-full-pressed);
  }

  .db-custom-button[data-variant=""] a:active:not(:disabled, [aria-disabled="true"], [tabindex="-1"], :has(:disabled)) {
    cursor: var(--db-overwrite-cursor, pointer);
    background-color: var(--db-adaptive-bg-basic-transparent-full-pressed);
  }

  .db-custom-button[data-variant=""] button:active:not(:disabled, [aria-disabled="true"], [tabindex="-1"], :has(:disabled)) {
    cursor: var(--db-overwrite-cursor, pointer);
    background-color: var(--db-adaptive-bg-basic-transparent-full-pressed);
  }

  .db-custom-button[data-variant=""] label:active:not(:disabled, [aria-disabled="true"], [tabindex="-1"], :has(:disabled)) {
    cursor: var(--db-overwrite-cursor, pointer);
    background-color: var(--db-adaptive-bg-basic-transparent-full-pressed);
  }

  .db-custom-button[data-variant="brand"] label:active:not(:disabled, [aria-disabled="true"], [tabindex="-1"], :has(:disabled)) {
    cursor: var(--db-overwrite-cursor, pointer);
    background-color: var(--db-adaptive-bg-basic-transparent-full-pressed);
  }

  .db-custom-button[data-variant="ghost"] a:active:not(:disabled, [aria-disabled="true"], [tabindex="-1"], :has(:disabled)) {
    cursor: var(--db-overwrite-cursor, pointer);
    background-color: var(--db-adaptive-bg-basic-transparent-full-pressed);
  }

  .db-custom-button[data-variant="ghost"] button:active:not(:disabled, [aria-disabled="true"], [tabindex="-1"], :has(:disabled)) {
    cursor: var(--db-overwrite-cursor, pointer);
    background-color: var(--db-adaptive-bg-basic-transparent-full-pressed);
  }

  .db-custom-button[data-variant="ghost"] label:active:not(:disabled, [aria-disabled="true"], [tabindex="-1"], :has(:disabled)) {
    cursor: var(--db-overwrite-cursor, pointer);
    background-color: var(--db-adaptive-bg-basic-transparent-full-pressed);
  }

  .db-custom-button[data-variant="outlined"] a:active:not(:disabled, [aria-disabled="true"], [tabindex="-1"], :has(:disabled)) {
    cursor: var(--db-overwrite-cursor, pointer);
    background-color: var(--db-adaptive-bg-basic-transparent-full-pressed);
  }

  .db-custom-button[data-variant="outlined"] button:active:not(:disabled, [aria-disabled="true"], [tabindex="-1"], :has(:disabled)) {
    cursor: var(--db-overwrite-cursor, pointer);
    background-color: var(--db-adaptive-bg-basic-transparent-full-pressed);
  }

  .db-custom-button[data-variant="outlined"] label:active:not(:disabled, [aria-disabled="true"], [tabindex="-1"], :has(:disabled)) {
    cursor: var(--db-overwrite-cursor, pointer);
    background-color: var(--db-adaptive-bg-basic-transparent-full-pressed);
  }

  .db-button:active:not(:disabled, [aria-disabled="true"], [tabindex="-1"], :has(:disabled)):is(input):not([data-variant]) {
    cursor: auto;
  }

  .db-button:active:not(:disabled, [aria-disabled="true"], [tabindex="-1"], :has(:disabled)):is(textarea):not([data-variant]) {
    cursor: auto;
  }

  .db-button[data-variant=""]:active:not(:disabled, [aria-disabled="true"], [tabindex="-1"], :has(:disabled)):is(input) {
    cursor: auto;
  }

  .db-button[data-variant=""]:active:not(:disabled, [aria-disabled="true"], [tabindex="-1"], :has(:disabled)):is(textarea) {
    cursor: auto;
  }

  .db-button[data-variant="ghost"]:active:not(:disabled, [aria-disabled="true"], [tabindex="-1"], :has(:disabled)):is(input) {
    cursor: auto;
  }

  .db-button[data-variant="ghost"]:active:not(:disabled, [aria-disabled="true"], [tabindex="-1"], :has(:disabled)):is(textarea) {
    cursor: auto;
  }

  .db-button[data-variant="outlined"]:active:not(:disabled, [aria-disabled="true"], [tabindex="-1"], :has(:disabled)):is(input) {
    cursor: auto;
  }

  .db-button[data-variant="outlined"]:active:not(:disabled, [aria-disabled="true"], [tabindex="-1"], :has(:disabled)):is(textarea) {
    cursor: auto;
  }

  .db-custom-button:not([data-variant]) a:active:not(:disabled, [aria-disabled="true"], [tabindex="-1"], :has(:disabled)):is(input) {
    cursor: auto;
  }

  .db-custom-button:not([data-variant]) a:active:not(:disabled, [aria-disabled="true"], [tabindex="-1"], :has(:disabled)):is(textarea) {
    cursor: auto;
  }

  .db-custom-button:not([data-variant]) button:active:not(:disabled, [aria-disabled="true"], [tabindex="-1"], :has(:disabled)):is(input) {
    cursor: auto;
  }

  .db-custom-button:not([data-variant]) button:active:not(:disabled, [aria-disabled="true"], [tabindex="-1"], :has(:disabled)):is(textarea) {
    cursor: auto;
  }

  .db-custom-button:not([data-variant]) label:active:not(:disabled, [aria-disabled="true"], [tabindex="-1"], :has(:disabled)):is(input) {
    cursor: auto;
  }

  .db-custom-button:not([data-variant]) label:active:not(:disabled, [aria-disabled="true"], [tabindex="-1"], :has(:disabled)):is(textarea) {
    cursor: auto;
  }

  .db-custom-button[data-variant=""] a:active:not(:disabled, [aria-disabled="true"], [tabindex="-1"], :has(:disabled)):is(input) {
    cursor: auto;
  }

  .db-custom-button[data-variant=""] a:active:not(:disabled, [aria-disabled="true"], [tabindex="-1"], :has(:disabled)):is(textarea) {
    cursor: auto;
  }

  .db-custom-button[data-variant=""] button:active:not(:disabled, [aria-disabled="true"], [tabindex="-1"], :has(:disabled)):is(input) {
    cursor: auto;
  }

  .db-custom-button[data-variant=""] button:active:not(:disabled, [aria-disabled="true"], [tabindex="-1"], :has(:disabled)):is(textarea) {
    cursor: auto;
  }

  .db-custom-button[data-variant=""] label:active:not(:disabled, [aria-disabled="true"], [tabindex="-1"], :has(:disabled)):is(input) {
    cursor: auto;
  }

  .db-custom-button[data-variant=""] label:active:not(:disabled, [aria-disabled="true"], [tabindex="-1"], :has(:disabled)):is(textarea) {
    cursor: auto;
  }

  .db-custom-button[data-variant="brand"] label:active:not(:disabled, [aria-disabled="true"], [tabindex="-1"], :has(:disabled)):is(input) {
    cursor: auto;
  }

  .db-custom-button[data-variant="brand"] label:active:not(:disabled, [aria-disabled="true"], [tabindex="-1"], :has(:disabled)):is(textarea) {
    cursor: auto;
  }

  .db-custom-button[data-variant="ghost"] a:active:not(:disabled, [aria-disabled="true"], [tabindex="-1"], :has(:disabled)):is(input) {
    cursor: auto;
  }

  .db-custom-button[data-variant="ghost"] a:active:not(:disabled, [aria-disabled="true"], [tabindex="-1"], :has(:disabled)):is(textarea) {
    cursor: auto;
  }

  .db-custom-button[data-variant="ghost"] button:active:not(:disabled, [aria-disabled="true"], [tabindex="-1"], :has(:disabled)):is(input) {
    cursor: auto;
  }

  .db-custom-button[data-variant="ghost"] button:active:not(:disabled, [aria-disabled="true"], [tabindex="-1"], :has(:disabled)):is(textarea) {
    cursor: auto;
  }

  .db-custom-button[data-variant="ghost"] label:active:not(:disabled, [aria-disabled="true"], [tabindex="-1"], :has(:disabled)):is(input) {
    cursor: auto;
  }

  .db-custom-button[data-variant="ghost"] label:active:not(:disabled, [aria-disabled="true"], [tabindex="-1"], :has(:disabled)):is(textarea) {
    cursor: auto;
  }

  .db-custom-button[data-variant="outlined"] a:active:not(:disabled, [aria-disabled="true"], [tabindex="-1"], :has(:disabled)):is(input) {
    cursor: auto;
  }

  .db-custom-button[data-variant="outlined"] a:active:not(:disabled, [aria-disabled="true"], [tabindex="-1"], :has(:disabled)):is(textarea) {
    cursor: auto;
  }

  .db-custom-button[data-variant="outlined"] button:active:not(:disabled, [aria-disabled="true"], [tabindex="-1"], :has(:disabled)):is(input) {
    cursor: auto;
  }

  .db-custom-button[data-variant="outlined"] button:active:not(:disabled, [aria-disabled="true"], [tabindex="-1"], :has(:disabled)):is(textarea) {
    cursor: auto;
  }

  .db-custom-button[data-variant="outlined"] label:active:not(:disabled, [aria-disabled="true"], [tabindex="-1"], :has(:disabled)):is(input) {
    cursor: auto;
  }

  .db-custom-button[data-variant="outlined"] label:active:not(:disabled, [aria-disabled="true"], [tabindex="-1"], :has(:disabled)):is(textarea) {
    cursor: auto;
  }

  .db-button:active:not(:disabled, [aria-disabled="true"], [tabindex="-1"], :has(:disabled)):is(input[type="checkbox"]):not([data-variant]) {
    cursor: pointer;
  }

  .db-button:active:not(:disabled, [aria-disabled="true"], [tabindex="-1"], :has(:disabled)):is(input[type="radio"]:not(:checked)):not([data-variant]) {
    cursor: pointer;
  }

  .db-button[data-variant=""]:active:not(:disabled, [aria-disabled="true"], [tabindex="-1"], :has(:disabled)):is(input[type="checkbox"]) {
    cursor: pointer;
  }

  .db-button[data-variant=""]:active:not(:disabled, [aria-disabled="true"], [tabindex="-1"], :has(:disabled)):is(input[type="radio"]:not(:checked)) {
    cursor: pointer;
  }

  .db-button[data-variant="ghost"]:active:not(:disabled, [aria-disabled="true"], [tabindex="-1"], :has(:disabled)):is(input[type="checkbox"]) {
    cursor: pointer;
  }

  .db-button[data-variant="ghost"]:active:not(:disabled, [aria-disabled="true"], [tabindex="-1"], :has(:disabled)):is(input[type="radio"]:not(:checked)) {
    cursor: pointer;
  }

  .db-button[data-variant="outlined"]:active:not(:disabled, [aria-disabled="true"], [tabindex="-1"], :has(:disabled)):is(input[type="checkbox"]) {
    cursor: pointer;
  }

  .db-button[data-variant="outlined"]:active:not(:disabled, [aria-disabled="true"], [tabindex="-1"], :has(:disabled)):is(input[type="radio"]:not(:checked)) {
    cursor: pointer;
  }

  .db-custom-button:not([data-variant]) a:active:not(:disabled, [aria-disabled="true"], [tabindex="-1"], :has(:disabled)):is(input[type="checkbox"]) {
    cursor: pointer;
  }

  .db-custom-button:not([data-variant]) a:active:not(:disabled, [aria-disabled="true"], [tabindex="-1"], :has(:disabled)):is(input[type="radio"]:not(:checked)) {
    cursor: pointer;
  }

  .db-custom-button:not([data-variant]) button:active:not(:disabled, [aria-disabled="true"], [tabindex="-1"], :has(:disabled)):is(input[type="checkbox"]) {
    cursor: pointer;
  }

  .db-custom-button:not([data-variant]) button:active:not(:disabled, [aria-disabled="true"], [tabindex="-1"], :has(:disabled)):is(input[type="radio"]:not(:checked)) {
    cursor: pointer;
  }

  .db-custom-button:not([data-variant]) label:active:not(:disabled, [aria-disabled="true"], [tabindex="-1"], :has(:disabled)):is(input[type="checkbox"]) {
    cursor: pointer;
  }

  .db-custom-button:not([data-variant]) label:active:not(:disabled, [aria-disabled="true"], [tabindex="-1"], :has(:disabled)):is(input[type="radio"]:not(:checked)) {
    cursor: pointer;
  }

  .db-custom-button[data-variant=""] a:active:not(:disabled, [aria-disabled="true"], [tabindex="-1"], :has(:disabled)):is(input[type="checkbox"]) {
    cursor: pointer;
  }

  .db-custom-button[data-variant=""] a:active:not(:disabled, [aria-disabled="true"], [tabindex="-1"], :has(:disabled)):is(input[type="radio"]:not(:checked)) {
    cursor: pointer;
  }

  .db-custom-button[data-variant=""] button:active:not(:disabled, [aria-disabled="true"], [tabindex="-1"], :has(:disabled)):is(input[type="checkbox"]) {
    cursor: pointer;
  }

  .db-custom-button[data-variant=""] button:active:not(:disabled, [aria-disabled="true"], [tabindex="-1"], :has(:disabled)):is(input[type="radio"]:not(:checked)) {
    cursor: pointer;
  }

  .db-custom-button[data-variant=""] label:active:not(:disabled, [aria-disabled="true"], [tabindex="-1"], :has(:disabled)):is(input[type="checkbox"]) {
    cursor: pointer;
  }

  .db-custom-button[data-variant=""] label:active:not(:disabled, [aria-disabled="true"], [tabindex="-1"], :has(:disabled)):is(input[type="radio"]:not(:checked)) {
    cursor: pointer;
  }

  .db-custom-button[data-variant="brand"] label:active:not(:disabled, [aria-disabled="true"], [tabindex="-1"], :has(:disabled)):is(input[type="checkbox"]) {
    cursor: pointer;
  }

  .db-custom-button[data-variant="brand"] label:active:not(:disabled, [aria-disabled="true"], [tabindex="-1"], :has(:disabled)):is(input[type="radio"]:not(:checked)) {
    cursor: pointer;
  }

  .db-custom-button[data-variant="ghost"] a:active:not(:disabled, [aria-disabled="true"], [tabindex="-1"], :has(:disabled)):is(input[type="checkbox"]) {
    cursor: pointer;
  }

  .db-custom-button[data-variant="ghost"] a:active:not(:disabled, [aria-disabled="true"], [tabindex="-1"], :has(:disabled)):is(input[type="radio"]:not(:checked)) {
    cursor: pointer;
  }

  .db-custom-button[data-variant="ghost"] button:active:not(:disabled, [aria-disabled="true"], [tabindex="-1"], :has(:disabled)):is(input[type="checkbox"]) {
    cursor: pointer;
  }

  .db-custom-button[data-variant="ghost"] button:active:not(:disabled, [aria-disabled="true"], [tabindex="-1"], :has(:disabled)):is(input[type="radio"]:not(:checked)) {
    cursor: pointer;
  }

  .db-custom-button[data-variant="ghost"] label:active:not(:disabled, [aria-disabled="true"], [tabindex="-1"], :has(:disabled)):is(input[type="checkbox"]) {
    cursor: pointer;
  }

  .db-custom-button[data-variant="ghost"] label:active:not(:disabled, [aria-disabled="true"], [tabindex="-1"], :has(:disabled)):is(input[type="radio"]:not(:checked)) {
    cursor: pointer;
  }

  .db-custom-button[data-variant="outlined"] a:active:not(:disabled, [aria-disabled="true"], [tabindex="-1"], :has(:disabled)):is(input[type="checkbox"]) {
    cursor: pointer;
  }

  .db-custom-button[data-variant="outlined"] a:active:not(:disabled, [aria-disabled="true"], [tabindex="-1"], :has(:disabled)):is(input[type="radio"]:not(:checked)) {
    cursor: pointer;
  }

  .db-custom-button[data-variant="outlined"] button:active:not(:disabled, [aria-disabled="true"], [tabindex="-1"], :has(:disabled)):is(input[type="checkbox"]) {
    cursor: pointer;
  }

  .db-custom-button[data-variant="outlined"] button:active:not(:disabled, [aria-disabled="true"], [tabindex="-1"], :has(:disabled)):is(input[type="radio"]:not(:checked)) {
    cursor: pointer;
  }

  .db-custom-button[data-variant="outlined"] label:active:not(:disabled, [aria-disabled="true"], [tabindex="-1"], :has(:disabled)):is(input[type="checkbox"]) {
    cursor: pointer;
  }

  .db-custom-button[data-variant="outlined"] label:active:not(:disabled, [aria-disabled="true"], [tabindex="-1"], :has(:disabled)):is(input[type="radio"]:not(:checked)) {
    cursor: pointer;
  }

  .db-button[data-variant="brand"], .db-custom-button[data-variant="brand"] :is(a, button) {
    color: #fff;
    background-color: #ec0016;
    border-color: var(--lightningcss-light, #ef0016) var(--lightningcss-dark, #ff5357);
  }

  .db-button[data-variant="brand"]:hover:not(:disabled, [aria-disabled="true"], [tabindex="-1"], :has(:disabled)) {
    cursor: var(--db-overwrite-cursor, pointer);
    background-color: #7b0006;
    border-color: var(--lightningcss-light, #ef0016) var(--lightningcss-dark, #ff5357);
  }

  .db-custom-button[data-variant="brand"] :hover:not(:disabled, [aria-disabled="true"], [tabindex="-1"], :has(:disabled)):is(a, button) {
    cursor: var(--db-overwrite-cursor, pointer);
    background-color: #7b0006;
    border-color: var(--lightningcss-light, #ef0016) var(--lightningcss-dark, #ff5357);
  }

  .db-button[data-variant="brand"]:hover:not(:disabled, [aria-disabled="true"], [tabindex="-1"], :has(:disabled)):is(input) {
    cursor: auto;
  }

  .db-button[data-variant="brand"]:hover:not(:disabled, [aria-disabled="true"], [tabindex="-1"], :has(:disabled)):is(textarea) {
    cursor: auto;
  }

  .db-custom-button[data-variant="brand"] :hover:not(:disabled, [aria-disabled="true"], [tabindex="-1"], :has(:disabled)):is(input):is(a, button) {
    cursor: auto;
  }

  .db-custom-button[data-variant="brand"] :hover:not(:disabled, [aria-disabled="true"], [tabindex="-1"], :has(:disabled)):is(textarea):is(a, button) {
    cursor: auto;
  }

  .db-button[data-variant="brand"]:hover:not(:disabled, [aria-disabled="true"], [tabindex="-1"], :has(:disabled)):is(input[type="checkbox"]) {
    cursor: pointer;
  }

  .db-button[data-variant="brand"]:hover:not(:disabled, [aria-disabled="true"], [tabindex="-1"], :has(:disabled)):is(input[type="radio"]:not(:checked)) {
    cursor: pointer;
  }

  .db-custom-button[data-variant="brand"] :hover:not(:disabled, [aria-disabled="true"], [tabindex="-1"], :has(:disabled)):is(input[type="checkbox"]):is(a, button) {
    cursor: pointer;
  }

  .db-custom-button[data-variant="brand"] :hover:not(:disabled, [aria-disabled="true"], [tabindex="-1"], :has(:disabled)):is(input[type="radio"]:not(:checked)):is(a, button) {
    cursor: pointer;
  }

  .db-button[data-variant="brand"]:active:not(:disabled, [aria-disabled="true"], [tabindex="-1"], :has(:disabled)) {
    cursor: var(--db-overwrite-cursor, pointer);
    background-color: #bd000f;
    border-color: var(--lightningcss-light, #ef0016) var(--lightningcss-dark, #ff5357);
  }

  .db-custom-button[data-variant="brand"] :active:not(:disabled, [aria-disabled="true"], [tabindex="-1"], :has(:disabled)):is(a, button) {
    cursor: var(--db-overwrite-cursor, pointer);
    background-color: #bd000f;
    border-color: var(--lightningcss-light, #ef0016) var(--lightningcss-dark, #ff5357);
  }

  .db-button[data-variant="brand"]:active:not(:disabled, [aria-disabled="true"], [tabindex="-1"], :has(:disabled)):is(input) {
    cursor: auto;
  }

  .db-button[data-variant="brand"]:active:not(:disabled, [aria-disabled="true"], [tabindex="-1"], :has(:disabled)):is(textarea) {
    cursor: auto;
  }

  .db-custom-button[data-variant="brand"] :active:not(:disabled, [aria-disabled="true"], [tabindex="-1"], :has(:disabled)):is(input):is(a, button) {
    cursor: auto;
  }

  .db-custom-button[data-variant="brand"] :active:not(:disabled, [aria-disabled="true"], [tabindex="-1"], :has(:disabled)):is(textarea):is(a, button) {
    cursor: auto;
  }

  .db-button[data-variant="brand"]:active:not(:disabled, [aria-disabled="true"], [tabindex="-1"], :has(:disabled)):is(input[type="checkbox"]) {
    cursor: pointer;
  }

  .db-button[data-variant="brand"]:active:not(:disabled, [aria-disabled="true"], [tabindex="-1"], :has(:disabled)):is(input[type="radio"]:not(:checked)) {
    cursor: pointer;
  }

  .db-custom-button[data-variant="brand"] :active:not(:disabled, [aria-disabled="true"], [tabindex="-1"], :has(:disabled)):is(input[type="checkbox"]):is(a, button) {
    cursor: pointer;
  }

  .db-custom-button[data-variant="brand"] :active:not(:disabled, [aria-disabled="true"], [tabindex="-1"], :has(:disabled)):is(input[type="radio"]:not(:checked)):is(a, button) {
    cursor: pointer;
  }

  .db-button {
    max-inline-size: 100%;
    color: var(--db-adaptive-on-bg-basic-emphasis-100-default);
    min-block-size: var(--db-sizing-md);
    block-size: max-content;
    inline-size: fit-content;
    padding: var(--db-spacing-fixed-2xs) var(--db-spacing-fixed-md);
    text-decoration: none;
  }

  .db-button[data-no-text="true"] {
    inline-size: var(--db-sizing-md);
    block-size: var(--db-sizing-md);
    padding: 0;
    font-size: 0 !important;
  }

  .db-button[data-no-text="true"]:before {
    --db-icon-margin-end: 0;
    margin: auto;
  }

  .db-button[data-wrap="false"] {
    white-space: nowrap;
  }

  .db-button[data-size="small"] {
    min-block-size: var(--db-sizing-sm);
    font-weight: 700;
  }

  .db-button[data-size="small"]:not([data-no-text="true"]) {
    padding: 1px var(--db-spacing-fixed-sm);
  }

  .db-button[data-size="small"]:not([data-no-text="true"]):before {
    margin-inline-end: var(--db-spacing-fixed-2xs);
  }

  .db-button[data-size="small"][data-no-text="true"] {
    inline-size: var(--db-sizing-sm);
    block-size: var(--db-sizing-sm);
  }

  .db-button[data-width="full"]:not([data-no-text="true"]) {
    inline-size: 100%;
  }

  .db-button[data-variant="filled"] {
    background-color: var(--db-adaptive-bg-basic-transparent-semi-default);
  }

  .db-button[data-variant="filled"]:hover:not(:disabled, [aria-disabled="true"], [tabindex="-1"], :has(:disabled)) {
    cursor: var(--db-overwrite-cursor, pointer);
    background-color: var(--db-adaptive-bg-basic-transparent-semi-hovered);
  }

  :is(.db-button[data-variant="filled"]:hover:not(:disabled, [aria-disabled="true"], [tabindex="-1"], :has(:disabled)):is(input), .db-button[data-variant="filled"]:hover:not(:disabled, [aria-disabled="true"], [tabindex="-1"], :has(:disabled)):is(textarea)) {
    cursor: auto;
  }

  .db-button[data-variant="filled"]:hover:not(:disabled, [aria-disabled="true"], [tabindex="-1"], :has(:disabled)):is(input[type="checkbox"]) {
    cursor: pointer;
  }

  .db-button[data-variant="filled"]:hover:not(:disabled, [aria-disabled="true"], [tabindex="-1"], :has(:disabled)):is(input[type="radio"]:not(:checked)) {
    cursor: pointer;
  }

  .db-button[data-variant="filled"]:active:not(:disabled, [aria-disabled="true"], [tabindex="-1"], :has(:disabled)) {
    cursor: var(--db-overwrite-cursor, pointer);
    background-color: var(--db-adaptive-bg-basic-transparent-semi-pressed);
  }

  :is(.db-button[data-variant="filled"]:active:not(:disabled, [aria-disabled="true"], [tabindex="-1"], :has(:disabled)):is(input), .db-button[data-variant="filled"]:active:not(:disabled, [aria-disabled="true"], [tabindex="-1"], :has(:disabled)):is(textarea)) {
    cursor: auto;
  }

  .db-button[data-variant="filled"]:active:not(:disabled, [aria-disabled="true"], [tabindex="-1"], :has(:disabled)):is(input[type="checkbox"]) {
    cursor: pointer;
  }

  .db-button[data-variant="filled"]:active:not(:disabled, [aria-disabled="true"], [tabindex="-1"], :has(:disabled)):is(input[type="radio"]:not(:checked)) {
    cursor: pointer;
  }

  .db-button:is(:disabled, [aria-disabled="true"]) {
    opacity: .4;
  }

  .db-button:has( > .db-button) {
    block-size: var(--db-sizing-md);
    margin: 0;
    padding: 0;
  }

  .db-button:has( > .db-button):before {
    content: none;
  }

  .db-icon {
    font-size: 0 !important;
  }

  .db-icon:before {
    --db-icon-margin-end: 0;
  }

  @supports ((-webkit-hyphens: none)) {
    .db-icon:not([hidden]) {
      display: inline-block;
    }

    .db-icon:before {
      block-size: auto;
    }
  }

  .db-navigation > menu .db-navigation-item:after, .db-tabs .db-tab-item:after {
    content: "";
    border-radius: .25rem;
    position: absolute;
  }

  @media (prefers-reduced-motion: no-preference) {
    .db-navigation > menu .db-navigation-item:after, .db-tabs .db-tab-item:after {
      transition: height .15s cubic-bezier(.27, .05, .4, .95), width .15s cubic-bezier(.27, .05, .4, .95);
    }
  }

  .db-navigation > menu .db-navigation-item:after {
    block-size: 0;
    inline-size: .25rem;
    background-color: var(--lightningcss-light, #ef0016) var(--lightningcss-dark, #ff5357);
    inset-block: 50% auto;
    inset-inline-start: calc(var(--db-spacing-fixed-xs)*-1);
    transform: translateY(-50%);
  }

  @media (min-width: 64em) {
    .db-navigation > menu .db-navigation-item:not([data-force-mobile]):after, .db-navigation > menu [data-force-mobile="false"].db-navigation-item:after {
      block-size: .25rem;
      inline-size: 0;
      inset-inline-start: 50%;
      inset-block: auto calc(var(--db-spacing-fixed-xs)*-1);
      background-color: var(--lightningcss-light, #ef0016) var(--lightningcss-dark, #ff5357);
      transform: translate(-50%);
    }
  }

  .db-navigation > menu .db-navigation-item[aria-current="page"]:after, .db-navigation > menu .db-navigation-item[data-active="true"]:after {
    block-size: 100%;
    inline-size: .25rem;
  }

  .db-navigation > menu .db-navigation-item:has([aria-current="page"]):after {
    block-size: 100%;
    inline-size: .25rem;
  }

  .db-navigation > menu .db-navigation-item:has([data-active="true"]):after {
    block-size: 100%;
    inline-size: .25rem;
  }

  @media (forced-colors: active), print {
    .db-navigation > menu .db-navigation-item[aria-current="page"]:after, .db-navigation > menu .db-navigation-item[data-active="true"]:after {
      border: calc(.25rem - 1px) solid var(--db-adaptive-on-bg-basic-emphasis-100-default);
    }

    .db-navigation > menu .db-navigation-item:has([aria-current="page"]):after {
      border: calc(.25rem - 1px) solid var(--db-adaptive-on-bg-basic-emphasis-100-default);
    }

    .db-navigation > menu .db-navigation-item:has([data-active="true"]):after {
      border: calc(.25rem - 1px) solid var(--db-adaptive-on-bg-basic-emphasis-100-default);
    }
  }

  @media (min-width: 64em) {
    .db-navigation > menu .db-navigation-item[aria-current="page"]:not([data-force-mobile]):after, .db-navigation > menu .db-navigation-item[data-active="true"]:not([data-force-mobile]):after, .db-navigation > menu [data-force-mobile="false"].db-navigation-item[aria-current="page"]:after, .db-navigation > menu [data-force-mobile="false"].db-navigation-item[data-active="true"]:after {
      block-size: .25rem;
      inline-size: 100%;
    }

    .db-navigation > menu .db-navigation-item:not([data-force-mobile]):has([aria-current="page"]):after {
      block-size: .25rem;
      inline-size: 100%;
    }

    .db-navigation > menu .db-navigation-item:not([data-force-mobile]):has([data-active="true"]):after {
      block-size: .25rem;
      inline-size: 100%;
    }

    .db-navigation > menu [data-force-mobile="false"].db-navigation-item:has([aria-current="page"]):after {
      block-size: .25rem;
      inline-size: 100%;
    }

    .db-navigation > menu [data-force-mobile="false"].db-navigation-item:has([data-active="true"]):after {
      block-size: .25rem;
      inline-size: 100%;
    }
  }

  @media (min-width: 64em) and (forced-colors: active), print and (min-width: 64em) {
    .db-navigation > menu .db-navigation-item[aria-current="page"]:not([data-force-mobile]):after, .db-navigation > menu .db-navigation-item[data-active="true"]:not([data-force-mobile]):after, .db-navigation > menu [data-force-mobile="false"].db-navigation-item[aria-current="page"]:after, .db-navigation > menu [data-force-mobile="false"].db-navigation-item[data-active="true"]:after {
      border: calc(.25rem - 1px) solid var(--db-adaptive-on-bg-basic-emphasis-100-default);
    }

    .db-navigation > menu .db-navigation-item:not([data-force-mobile]):has([aria-current="page"]):after {
      border: calc(.25rem - 1px) solid var(--db-adaptive-on-bg-basic-emphasis-100-default);
    }

    .db-navigation > menu .db-navigation-item:not([data-force-mobile]):has([data-active="true"]):after {
      border: calc(.25rem - 1px) solid var(--db-adaptive-on-bg-basic-emphasis-100-default);
    }

    .db-navigation > menu [data-force-mobile="false"].db-navigation-item:has([aria-current="page"]):after {
      border: calc(.25rem - 1px) solid var(--db-adaptive-on-bg-basic-emphasis-100-default);
    }

    .db-navigation > menu [data-force-mobile="false"].db-navigation-item:has([data-active="true"]):after {
      border: calc(.25rem - 1px) solid var(--db-adaptive-on-bg-basic-emphasis-100-default);
    }
  }

  .db-accordion-item > details > summary:not([data-show-icon-trailing="false"]):after, .db-custom-select:not([data-show-icon-trailing="false"]):after, .db-select:not([data-show-icon-trailing="false"]):after {
    --db-icon-trailing: "chevron_down";
    content: var(--db-icon-trailing, attr(data-icon-trailing));
    margin-inline-start: var(--db-icon-margin-start, var(--db-spacing-fixed-xs));
  }

  .db-input:not([data-show-icon-trailing="false"]):has(datalist):after {
    --db-icon-trailing: "chevron_down";
    content: var(--db-icon-trailing, attr(data-icon-trailing));
    margin-inline-start: var(--db-icon-margin-start, var(--db-spacing-fixed-xs));
  }

  @supports (content: ""/"") {
    .db-accordion-item > details > summary:not([data-show-icon-trailing="false"]):after, .db-custom-select:not([data-show-icon-trailing="false"]):after, .db-select:not([data-show-icon-trailing="false"]):after {
      content: var(--db-icon-trailing, attr(data-icon-trailing))/"";
    }

    .db-input:not([data-show-icon-trailing="false"]):has(datalist):after {
      content: var(--db-icon-trailing, attr(data-icon-trailing))/"";
    }
  }

  .db-accordion-item > details > summary:after, .db-custom-select:after, .db-select:after {
    pointer-events: none;
  }

  .db-input:has(datalist):after {
    pointer-events: none;
  }

  @media (prefers-reduced-motion: no-preference) {
    .db-accordion-item > details > summary:after, .db-custom-select:after, .db-select:after {
      transition: transform .3s cubic-bezier(.27, .05, .4, .95);
    }

    .db-input:has(datalist):after {
      transition: transform .3s cubic-bezier(.27, .05, .4, .95);
    }
  }

  .db-checkbox > .db-infotext, .db-checkbox > db-infotext > .db-infotext, .db-custom-select > .db-infotext, .db-custom-select > db-infotext > .db-infotext, .db-input > .db-infotext, .db-input > db-infotext > .db-infotext, .db-select > .db-infotext, .db-select > db-infotext > .db-infotext, .db-switch > .db-infotext, .db-switch > db-infotext > .db-infotext, .db-textarea > .db-infotext, .db-textarea > db-infotext > .db-infotext {
    margin-block-start: var(--db-spacing-fixed-2xs);
  }

  .db-checkbox > .db-infotext:is([data-semantic="successful"], [data-semantic="critical"]):not([hidden]), .db-checkbox > db-infotext > .db-infotext:is([data-semantic="successful"], [data-semantic="critical"]):not([hidden]), .db-custom-select > .db-infotext:is([data-semantic="successful"], [data-semantic="critical"]):not([hidden]), .db-custom-select > db-infotext > .db-infotext:is([data-semantic="successful"], [data-semantic="critical"]):not([hidden]), .db-input > .db-infotext:is([data-semantic="successful"], [data-semantic="critical"]):not([hidden]), .db-input > db-infotext > .db-infotext:is([data-semantic="successful"], [data-semantic="critical"]):not([hidden]), .db-select > .db-infotext:is([data-semantic="successful"], [data-semantic="critical"]):not([hidden]), .db-select > db-infotext > .db-infotext:is([data-semantic="successful"], [data-semantic="critical"]):not([hidden]), .db-switch > .db-infotext:is([data-semantic="successful"], [data-semantic="critical"]):not([hidden]), .db-switch > db-infotext > .db-infotext:is([data-semantic="successful"], [data-semantic="critical"]):not([hidden]), .db-textarea > .db-infotext:is([data-semantic="successful"], [data-semantic="critical"]):not([hidden]), .db-textarea > db-infotext > .db-infotext:is([data-semantic="successful"], [data-semantic="critical"]):not([hidden]) {
    display: none;
  }

  .db-tab-item {
    position: relative;
  }

  .db-tab-item:not([hidden]) {
    display: inline-flex;
  }

  .db-tab-item {
    border-radius: .5rem;
    list-style-type: "";
  }

  .db-tab-item:has(input:disabled) {
    opacity: .4;
  }

  .db-tab-item label {
    background-color: var(--db-adaptive-bg-basic-transparent-full-default);
    padding: var(--db-spacing-fixed-xs);
    align-items: center;
  }

  .db-tab-item label:not([hidden]) {
    display: inline-block;
  }

  .db-tab-item label {
    white-space: nowrap;
    text-overflow: ellipsis;
    border: 0;
    border-radius: .5rem;
    overflow: hidden;
  }

  .db-tab-item label:hover:not(:disabled, [aria-disabled="true"], [tabindex="-1"], :has(:disabled)) {
    cursor: var(--db-overwrite-cursor, pointer);
  }

  .db-tab-item label:hover:not(:disabled, [aria-disabled="true"], [tabindex="-1"], :has(:disabled)):has(:not(input:disabled)) {
    background-color: var(--db-adaptive-bg-basic-transparent-full-hovered);
  }

  .db-tab-item label:hover:not(:disabled, [aria-disabled="true"], [tabindex="-1"], :has(:disabled)):has(input:disabled) {
    cursor: auto;
  }

  .db-tab-item label:hover:not(:disabled, [aria-disabled="true"], [tabindex="-1"], :has(:disabled)):is(input) {
    cursor: auto;
  }

  .db-tab-item label:hover:not(:disabled, [aria-disabled="true"], [tabindex="-1"], :has(:disabled)):is(textarea) {
    cursor: auto;
  }

  .db-tab-item label:hover:not(:disabled, [aria-disabled="true"], [tabindex="-1"], :has(:disabled)):is(input[type="checkbox"]) {
    cursor: pointer;
  }

  .db-tab-item label:hover:not(:disabled, [aria-disabled="true"], [tabindex="-1"], :has(:disabled)):is(input[type="radio"]:not(:checked)) {
    cursor: pointer;
  }

  .db-tab-item label:has(input:checked) {
    font-weight: 700;
  }

  .db-tab-item label[data-icon] {
    padding-inline-start: calc(var(--db-spacing-fixed-xs) + var(--db-spacing-fixed-sm) + var(--db-icon-font-size));
  }

  .db-tab-item label[data-icon]:before {
    position: absolute;
    inset-block-start: 50%;
    inset-inline-start: calc(var(--db-spacing-fixed-xs));
    transform: translateY(-50%);
  }

  .db-tab-item label[data-icon-trailing] {
    padding-inline-end: calc(var(--db-spacing-fixed-xs) + var(--db-spacing-fixed-sm) + var(--db-icon-font-size));
  }

  .db-tab-item label[data-icon-trailing]:after {
    position: absolute;
    inset-block-start: 50%;
    inset-inline-end: calc(var(--db-spacing-fixed-xs));
    transform: translateY(-50%);
  }

  .db-tab-item label:is([data-no-text], [data-no-text="true"]) {
    font-size: 0 !important;
  }

  .db-tab-item label:is([data-no-text], [data-no-text="true"]):before {
    --db-icon-margin-end: 0;
  }

  .db-tab-item label:is([data-no-text], [data-no-text="true"]) {
    inline-size: calc(var(--db-spacing-fixed-xs) + var(--db-spacing-fixed-sm) + var(--db-icon-font-size) - var(--db-spacing-fixed-2xs));
    block-size: calc(var(--db-icon-font-size) + var(--db-spacing-fixed-xs));
    padding: 0;
  }

  .db-tab-item input, .db-tab-item label:is([data-no-text], [data-no-text="true"]):before {
    margin-inline-end: 0;
  }

  .db-tab-item input {
    appearance: none;
    background-color: var(--db-adaptive-bg-basic-transparent-full-default);
    z-index: -1;
    border-radius: .5rem;
    inline-size: 100%;
    position: absolute;
    inset: 0;
  }

  .db-tab-item input:focus-visible:is(input[type="radio"]) {
    box-shadow: none;
    outline: none;
  }

  .db-tab-item input:focus-visible:before {
    content: "";
    z-index: 10;
    pointer-events: none;
    border-radius: .5rem;
    position: absolute;
    inset: 0;
  }

  .db-divider:is(:not([data-margin]), [data-margin="small"]) {
    margin: var(--db-spacing-fixed-sm) 0;
  }

  .db-divider[data-margin="medium"] {
    margin: var(--db-spacing-fixed-md) 0;
  }

  .db-divider[data-margin="large"] {
    margin: var(--db-spacing-fixed-lg) 0;
  }

  .db-divider:not([data-variant="vertical"]) {
    --db-divider-bg-color: var(--db-adaptive-on-bg-basic-emphasis-60-default);
    block-size: .0625rem;
    position: var(--db-tooltip-parent-position, relative);
  }

  .db-divider:not([data-variant="vertical"])[data-emphasis="strong"] {
    --db-divider-bg-color: var(--db-adaptive-on-bg-basic-emphasis-70-default);
  }

  .db-divider:not([data-variant="vertical"]):before {
    content: "";
    background-color: var(--db-divider-bg-color);
    block-size: .0625rem;
    position: absolute;
    inset-block-start: 0;
    inset-inline: 0;
  }

  @media (forced-colors: active) {
    .db-divider:not([data-variant="vertical"]) {
      border: .0625rem solid var(--db-divider-bg-color);
    }
  }

  .db-divider:not([data-variant="vertical"])[data-width="full"] {
    inline-size: 100%;
  }

  .db-divider[data-variant="vertical"] {
    --db-divider-bg-color: var(--db-adaptive-on-bg-basic-emphasis-60-default);
    inline-size: .0625rem;
    position: var(--db-tooltip-parent-position, relative);
  }

  .db-divider[data-variant="vertical"][data-emphasis="strong"] {
    --db-divider-bg-color: var(--db-adaptive-on-bg-basic-emphasis-70-default);
  }

  .db-divider[data-variant="vertical"]:before {
    content: "";
    background-color: var(--db-divider-bg-color);
    inline-size: .0625rem;
    position: absolute;
    inset-block: 0;
    inset-inline-start: 0;
  }

  @media (forced-colors: active) {
    .db-divider[data-variant="vertical"] {
      border: .0625rem solid var(--db-divider-bg-color);
    }
  }

  .db-divider[data-variant="vertical"]:is(:not([data-margin]), [data-margin="small"]) {
    margin: 0 var(--db-spacing-fixed-sm);
  }

  .db-divider[data-variant="vertical"][data-margin="medium"] {
    margin: 0 var(--db-spacing-fixed-md);
  }

  .db-divider[data-variant="vertical"][data-margin="large"] {
    margin: 0 var(--db-spacing-fixed-lg);
  }

  .db-divider[data-variant="vertical"][data-width="full"] {
    block-size: 100%;
  }

  :is(a[href], button):has(.db-card) {
    -webkit-text-decoration: unset;
    -webkit-text-decoration: unset;
    -webkit-text-decoration: unset;
    text-decoration: unset;
    margin: unset;
    border: unset;
    background-color: initial;
    padding: unset;
    font: inherit;
  }

  :is(a[href], button):hover:not(:disabled, [aria-disabled="true"], [tabindex="-1"], :has(:disabled)) {
    cursor: var(--db-overwrite-cursor, pointer);
  }

  :is(a[href], button):hover:not(:disabled, [aria-disabled="true"], [tabindex="-1"], :has(:disabled)) > .db-card {
    background-color: var(--db-card-background-color-hovered);
  }

  :is(a[href], button):hover:not(:disabled, [aria-disabled="true"], [tabindex="-1"], :has(:disabled)) > db-card > .db-card {
    background-color: var(--db-card-background-color-hovered);
  }

  :is(:is(a[href], button):hover:not(:disabled, [aria-disabled="true"], [tabindex="-1"], :has(:disabled)):is(input), :is(a[href], button):hover:not(:disabled, [aria-disabled="true"], [tabindex="-1"], :has(:disabled)):is(textarea)) {
    cursor: auto;
  }

  :is(a[href], button):hover:not(:disabled, [aria-disabled="true"], [tabindex="-1"], :has(:disabled)):is(input[type="checkbox"]) {
    cursor: pointer;
  }

  :is(a[href], button):hover:not(:disabled, [aria-disabled="true"], [tabindex="-1"], :has(:disabled)):is(input[type="radio"]:not(:checked)) {
    cursor: pointer;
  }

  :is(a[href], button):active:not(:disabled, [aria-disabled="true"], [tabindex="-1"], :has(:disabled)) {
    cursor: var(--db-overwrite-cursor, pointer);
  }

  :is(a[href], button):active:not(:disabled, [aria-disabled="true"], [tabindex="-1"], :has(:disabled)) > .db-card {
    background-color: var(--db-card-background-color-pressed);
  }

  :is(a[href], button):active:not(:disabled, [aria-disabled="true"], [tabindex="-1"], :has(:disabled)) > db-card > .db-card {
    background-color: var(--db-card-background-color-pressed);
  }

  :is(:is(a[href], button):active:not(:disabled, [aria-disabled="true"], [tabindex="-1"], :has(:disabled)):is(input), :is(a[href], button):active:not(:disabled, [aria-disabled="true"], [tabindex="-1"], :has(:disabled)):is(textarea)) {
    cursor: auto;
  }

  :is(a[href], button):active:not(:disabled, [aria-disabled="true"], [tabindex="-1"], :has(:disabled)):is(input[type="checkbox"]) {
    cursor: pointer;
  }

  :is(a[href], button):active:not(:disabled, [aria-disabled="true"], [tabindex="-1"], :has(:disabled)):is(input[type="radio"]:not(:checked)) {
    cursor: pointer;
  }

  .db-card {
    --db-card-background-color-default: var(--db-adaptive-bg-basic-level-1-default);
    --db-card-background-color-hovered: var(--db-adaptive-bg-basic-level-1-hovered);
    --db-card-background-color-pressed: var(--db-adaptive-bg-basic-level-1-pressed);
  }

  .db-card:not([data-spacing]) {
    padding: var(--db-spacing-fixed-sm);
  }

  .db-card[data-spacing="large"] {
    padding: var(--db-spacing-fixed-lg);
  }

  .db-card[data-spacing="medium"] {
    padding: var(--db-spacing-fixed-md);
  }

  .db-card[data-spacing="small"] {
    padding: var(--db-spacing-fixed-sm);
  }

  .db-card[data-spacing="none"] {
    padding: 0;
  }

  .db-card:not([hidden]) {
    display: flex;
  }

  .db-card {
    background-color: var(--db-card-background-color-default);
    flex-direction: column;
  }

  .db-card[data-behavior="interactive"]:hover:not(:disabled, [aria-disabled="true"], [tabindex="-1"], :has(:disabled)) {
    cursor: var(--db-overwrite-cursor, pointer);
    background-color: var(--db-card-background-color-hovered);
  }

  :is(.db-card[data-behavior="interactive"]:hover:not(:disabled, [aria-disabled="true"], [tabindex="-1"], :has(:disabled)):is(input), .db-card[data-behavior="interactive"]:hover:not(:disabled, [aria-disabled="true"], [tabindex="-1"], :has(:disabled)):is(textarea)) {
    cursor: auto;
  }

  .db-card[data-behavior="interactive"]:hover:not(:disabled, [aria-disabled="true"], [tabindex="-1"], :has(:disabled)):is(input[type="checkbox"]) {
    cursor: pointer;
  }

  .db-card[data-behavior="interactive"]:hover:not(:disabled, [aria-disabled="true"], [tabindex="-1"], :has(:disabled)):is(input[type="radio"]:not(:checked)) {
    cursor: pointer;
  }

  .db-card[data-behavior="interactive"]:active:not(:disabled, [aria-disabled="true"], [tabindex="-1"], :has(:disabled)) {
    cursor: var(--db-overwrite-cursor, pointer);
    background-color: var(--db-card-background-color-pressed);
  }

  :is(.db-card[data-behavior="interactive"]:active:not(:disabled, [aria-disabled="true"], [tabindex="-1"], :has(:disabled)):is(input), .db-card[data-behavior="interactive"]:active:not(:disabled, [aria-disabled="true"], [tabindex="-1"], :has(:disabled)):is(textarea)) {
    cursor: auto;
  }

  .db-card[data-behavior="interactive"]:active:not(:disabled, [aria-disabled="true"], [tabindex="-1"], :has(:disabled)):is(input[type="checkbox"]) {
    cursor: pointer;
  }

  .db-card[data-behavior="interactive"]:active:not(:disabled, [aria-disabled="true"], [tabindex="-1"], :has(:disabled)):is(input[type="radio"]:not(:checked)) {
    cursor: pointer;
  }

  .db-card[data-elevation-level="2"] {
    --db-card-background-color-default: var(--db-adaptive-bg-basic-level-2-default);
    --db-card-background-color-hovered: var(--db-adaptive-bg-basic-level-2-hovered);
    --db-card-background-color-pressed: var(--db-adaptive-bg-basic-level-2-pressed);
  }

  .db-card[data-elevation-level="3"] {
    --db-card-background-color-default: var(--db-adaptive-bg-basic-level-3-default);
    --db-card-background-color-hovered: var(--db-adaptive-bg-basic-level-3-hovered);
    --db-card-background-color-pressed: var(--db-adaptive-bg-basic-level-3-pressed);
  }

  .db-input {
    min-inline-size: var(--db-form-component-min-inline-size, var(--db-sizing-lg));
    --db-form-has-before: 0;
    flex-direction: column;
    position: relative;
  }

  .db-input:not([hidden]) {
    display: flex;
  }

  .db-input[data-hide-label="true"], .db-input[data-variant="floating"] {
    --db-label-visible-above: 0;
  }

  .db-input:not([data-hide-asterisk="true"])[data-required="true"]:is(label):after, .db-input:not([data-hide-asterisk="true"])[data-required="true"] > label:after {
    content: "*";
    padding-inline-start: 1px;
  }

  .db-input:not([data-hide-asterisk="true"]):has(input:required):is(label):after {
    content: "*";
    padding-inline-start: 1px;
  }

  .db-input:not([data-hide-asterisk="true"]):has(input:required) > label:after {
    content: "*";
    padding-inline-start: 1px;
  }

  @supports (content: ""/"") {
    .db-input:not([data-hide-asterisk="true"])[data-required="true"]:is(label):after, .db-input:not([data-hide-asterisk="true"])[data-required="true"] > label:after {
      content: "*"/"";
    }

    .db-input:not([data-hide-asterisk="true"]):has(input:required):is(label):after {
      content: "*"/"";
    }

    .db-input:not([data-hide-asterisk="true"]):has(input:required) > label:after {
      content: "*"/"";
    }
  }

  .db-input[data-variant="floating"]:has(input:not([data-custom-validity]):is(:required, [minlength], [maxlength], [pattern], [type="color"], [type="date"], [type="datetime-local"], [type="email"], [type="file"], [type="hidden"], [type="month"], [type="number"], [type="range"], [type="tel"], [type="time"], [type="url"], [type="week"]):user-valid) label {
    color: var(--lightningcss-light, #264604) var(--lightningcss-dark, #85dd20);
  }

  .db-input[data-variant="floating"][data-custom-validity="valid"] label {
    color: var(--lightningcss-light, #264604) var(--lightningcss-dark, #85dd20);
  }

  .db-input[data-variant="floating"]:has(input[data-custom-validity="valid"]) label {
    color: var(--lightningcss-light, #264604) var(--lightningcss-dark, #85dd20);
  }

  .db-input[data-variant="floating"]:has(input:not([data-custom-validity]):is(:required, [minlength], [maxlength], [pattern], [type="color"], [type="date"], [type="datetime-local"], [type="email"], [type="file"], [type="hidden"], [type="month"], [type="number"], [type="range"], [type="tel"], [type="time"], [type="url"], [type="week"]):user-invalid) label {
    color: var(--lightningcss-light, #820007) var(--lightningcss-dark, #ffb3b4);
  }

  .db-input[data-variant="floating"][data-custom-validity="invalid"] label {
    color: var(--lightningcss-light, #820007) var(--lightningcss-dark, #ffb3b4);
  }

  .db-input[data-variant="floating"]:has(input[data-custom-validity="invalid"]) label {
    color: var(--lightningcss-light, #820007) var(--lightningcss-dark, #ffb3b4);
  }

  .db-input[data-variant="floating"] > label {
    opacity: .76;
    z-index: 2;
    inset-block-start: calc((var(--db-sizing-md) - var(--db-icon-font-size))/2);
    inset-inline: var(--db-form-component-padding-inline-start, var(--db-spacing-fixed-sm)) var(--db-form-component-padding-inline-end, var(--db-spacing-fixed-sm));
    pointer-events: none;
    font-style: italic;
    position: absolute;
  }

  .db-input[data-variant="floating"] [id$="-placeholder"] {
    inset-block-start: calc(var(--db-sizing-md)/2 - .5em + var(--db-spacing-fixed-3xs));
  }

  .db-input[data-variant="floating"] [id$="-placeholder"], .db-input[data-variant="floating"] input::placeholder {
    opacity: 0;
    transition: none;
  }

  .db-input[data-variant="floating"] input:is([type="date"], [type="datetime-local"], [type="month"], [type="week"], [type="time"]):not(:user-valid, [value*="1"], [value*="2"], [value*="3"], [value*="4"], [value*="5"], [value*="6"], [value*="7"], [value*="8"], [value*="9"], [value*="0"])::-webkit-datetime-edit {
    opacity: 0;
    transition: none;
  }

  .db-input[data-variant="floating"] input {
    padding-block-start: var(--db-base-body-icon-font-size-2xs);
  }

  .db-input[data-variant="floating"]:has(input:focus-within, input:is(input, textarea):not(:placeholder-shown),  > select option:checked:not(.placeholder), input[type="checkbox"]:checked, input[type="radio"]:checked) > label {
    opacity: 1;
    font-style: normal;
    inset-block-start: var(--db-spacing-fixed-2xs);
  }

  .db-input[data-variant="floating"]:has(input:focus-within, input:is(input, textarea):not(:placeholder-shown),  > select option:checked:not(.placeholder), input[type="checkbox"]:checked, input[type="radio"]:checked) [id$="-placeholder"] {
    opacity: .76;
    font-family: DB Neo Screen Sans, helvetica, arial, sans-serif;
    font-style: italic;
  }

  .db-input[data-variant="floating"]:has(input:focus-within, input:is(input, textarea):not(:placeholder-shown),  > select option:checked:not(.placeholder), input[type="checkbox"]:checked, input[type="radio"]:checked) input::placeholder {
    opacity: .76;
    font-family: DB Neo Screen Sans, helvetica, arial, sans-serif;
    font-style: italic;
  }

  @media (prefers-reduced-motion: no-preference) {
    .db-input[data-variant="floating"]:has(input:focus-within, input:is(input, textarea):not(:placeholder-shown),  > select option:checked:not(.placeholder), input[type="checkbox"]:checked, input[type="radio"]:checked) [id$="-placeholder"] {
      transition: opacity .3s cubic-bezier(.27, .05, .4, .95);
    }

    .db-input[data-variant="floating"]:has(input:focus-within, input:is(input, textarea):not(:placeholder-shown),  > select option:checked:not(.placeholder), input[type="checkbox"]:checked, input[type="radio"]:checked) input::placeholder {
      transition: opacity .3s cubic-bezier(.27, .05, .4, .95);
    }
  }

  .db-input[data-variant="floating"]:has(input:focus-within, input:is(input, textarea):not(:placeholder-shown),  > select option:checked:not(.placeholder), input[type="checkbox"]:checked, input[type="radio"]:checked) input:is([type="date"], [type="datetime-local"], [type="month"], [type="week"], [type="time"]):not(:user-valid, [value*="1"], [value*="2"], [value*="3"], [value*="4"], [value*="5"], [value*="6"], [value*="7"], [value*="8"], [value*="9"], [value*="0"])::-webkit-datetime-edit {
    opacity: .76;
    font-family: DB Neo Screen Sans, helvetica, arial, sans-serif;
    font-style: italic;
  }

  @media (prefers-reduced-motion: no-preference) {
    .db-input[data-variant="floating"]:has(input:focus-within, input:is(input, textarea):not(:placeholder-shown),  > select option:checked:not(.placeholder), input[type="checkbox"]:checked, input[type="radio"]:checked) input:is([type="date"], [type="datetime-local"], [type="month"], [type="week"], [type="time"]):not(:user-valid, [value*="1"], [value*="2"], [value*="3"], [value*="4"], [value*="5"], [value*="6"], [value*="7"], [value*="8"], [value*="9"], [value*="0"])::-webkit-datetime-edit {
      transition: opacity .3s cubic-bezier(.27, .05, .4, .95);
    }
  }

  .db-input:has(input:not([data-custom-validity]):is(:required, [minlength], [maxlength], [pattern], [type="color"], [type="date"], [type="datetime-local"], [type="email"], [type="file"], [type="hidden"], [type="month"], [type="number"], [type="range"], [type="tel"], [type="time"], [type="url"], [type="week"]):user-valid) {
    --db-icon-color: var(--lightningcss-light, #0c1b01) var(--lightningcss-dark, #c3ff9d);
  }

  .db-input:has(input:not([data-custom-validity]):is(:required, [minlength], [maxlength], [pattern], [type="color"], [type="date"], [type="datetime-local"], [type="email"], [type="file"], [type="hidden"], [type="month"], [type="number"], [type="range"], [type="tel"], [type="time"], [type="url"], [type="week"]):user-valid) [id$="-placeholder"] {
    color: var(--lightningcss-light, #0c1b01) var(--lightningcss-dark, #c3ff9d);
    caret-color: var(--lightningcss-light, #0c1b01) var(--lightningcss-dark, #c3ff9d);
  }

  .db-input:has(input:not([data-custom-validity]):is(:required, [minlength], [maxlength], [pattern], [type="color"], [type="date"], [type="datetime-local"], [type="email"], [type="file"], [type="hidden"], [type="month"], [type="number"], [type="range"], [type="tel"], [type="time"], [type="url"], [type="week"]):user-valid) input {
    color: var(--lightningcss-light, #0c1b01) var(--lightningcss-dark, #c3ff9d);
    caret-color: var(--lightningcss-light, #0c1b01) var(--lightningcss-dark, #c3ff9d);
  }

  .db-input:has(input:not([data-custom-validity]):is(:required, [minlength], [maxlength], [pattern], [type="color"], [type="date"], [type="datetime-local"], [type="email"], [type="file"], [type="hidden"], [type="month"], [type="number"], [type="range"], [type="tel"], [type="time"], [type="url"], [type="week"]):user-valid) input {
    border-color: var(--lightningcss-light, #4e850f) var(--lightningcss-dark, #60a114);
  }

  .db-input:has(input:not([data-custom-validity]):is(:required, [minlength], [maxlength], [pattern], [type="color"], [type="date"], [type="datetime-local"], [type="email"], [type="file"], [type="hidden"], [type="month"], [type="number"], [type="range"], [type="tel"], [type="time"], [type="url"], [type="week"]):user-valid) > .db-infotext[data-semantic="successful"]:not([hidden]) {
    display: flex;
  }

  .db-input:has(input:not([data-custom-validity]):is(:required, [minlength], [maxlength], [pattern], [type="color"], [type="date"], [type="datetime-local"], [type="email"], [type="file"], [type="hidden"], [type="month"], [type="number"], [type="range"], [type="tel"], [type="time"], [type="url"], [type="week"]):user-valid) > db-infotext > .db-infotext[data-semantic="successful"]:not([hidden]) {
    display: flex;
  }

  .db-input:has(input:not([data-custom-validity]):is(:required, [minlength], [maxlength], [pattern], [type="color"], [type="date"], [type="datetime-local"], [type="email"], [type="file"], [type="hidden"], [type="month"], [type="number"], [type="range"], [type="tel"], [type="time"], [type="url"], [type="week"]):user-valid) > .db-infotext:not([data-semantic]):not([hidden]) {
    display: none;
  }

  .db-input:has(input:not([data-custom-validity]):is(:required, [minlength], [maxlength], [pattern], [type="color"], [type="date"], [type="datetime-local"], [type="email"], [type="file"], [type="hidden"], [type="month"], [type="number"], [type="range"], [type="tel"], [type="time"], [type="url"], [type="week"]):user-valid) > db-infotext > .db-infotext:not([data-semantic]):not([hidden]) {
    display: none;
  }

  .db-input[data-custom-validity="valid"] {
    --db-icon-color: var(--lightningcss-light, #0c1b01) var(--lightningcss-dark, #c3ff9d);
  }

  .db-input:has(input[data-custom-validity="valid"]) {
    --db-icon-color: var(--lightningcss-light, #0c1b01) var(--lightningcss-dark, #c3ff9d);
  }

  .db-input[data-custom-validity="valid"] [id$="-placeholder"], .db-input[data-custom-validity="valid"] input {
    color: var(--lightningcss-light, #0c1b01) var(--lightningcss-dark, #c3ff9d);
    caret-color: var(--lightningcss-light, #0c1b01) var(--lightningcss-dark, #c3ff9d);
  }

  .db-input:has(input[data-custom-validity="valid"]) [id$="-placeholder"] {
    color: var(--lightningcss-light, #0c1b01) var(--lightningcss-dark, #c3ff9d);
    caret-color: var(--lightningcss-light, #0c1b01) var(--lightningcss-dark, #c3ff9d);
  }

  .db-input:has(input[data-custom-validity="valid"]) input {
    color: var(--lightningcss-light, #0c1b01) var(--lightningcss-dark, #c3ff9d);
    caret-color: var(--lightningcss-light, #0c1b01) var(--lightningcss-dark, #c3ff9d);
  }

  .db-input[data-custom-validity="valid"] input {
    border-color: var(--lightningcss-light, #4e850f) var(--lightningcss-dark, #60a114);
  }

  .db-input:has(input[data-custom-validity="valid"]) input {
    border-color: var(--lightningcss-light, #4e850f) var(--lightningcss-dark, #60a114);
  }

  .db-input[data-custom-validity="valid"] > .db-infotext[data-semantic="successful"]:not([hidden]), .db-input[data-custom-validity="valid"] > db-infotext > .db-infotext[data-semantic="successful"]:not([hidden]) {
    display: flex;
  }

  .db-input:has(input[data-custom-validity="valid"]) > .db-infotext[data-semantic="successful"]:not([hidden]) {
    display: flex;
  }

  .db-input:has(input[data-custom-validity="valid"]) > db-infotext > .db-infotext[data-semantic="successful"]:not([hidden]) {
    display: flex;
  }

  .db-input[data-custom-validity="valid"] > .db-infotext:not([data-semantic]):not([hidden]), .db-input[data-custom-validity="valid"] > db-infotext > .db-infotext:not([data-semantic]):not([hidden]) {
    display: none;
  }

  .db-input:has(input[data-custom-validity="valid"]) > .db-infotext:not([data-semantic]):not([hidden]) {
    display: none;
  }

  .db-input:has(input[data-custom-validity="valid"]) > db-infotext > .db-infotext:not([data-semantic]):not([hidden]) {
    display: none;
  }

  .db-input:has(input:not([data-custom-validity]):is(:required, [minlength], [maxlength], [pattern], [type="color"], [type="date"], [type="datetime-local"], [type="email"], [type="file"], [type="hidden"], [type="month"], [type="number"], [type="range"], [type="tel"], [type="time"], [type="url"], [type="week"]):user-invalid) {
    --db-icon-color: var(--lightningcss-light, #390001) var(--lightningcss-dark, #ffe9e9);
  }

  .db-input:has(input:not([data-custom-validity]):is(:required, [minlength], [maxlength], [pattern], [type="color"], [type="date"], [type="datetime-local"], [type="email"], [type="file"], [type="hidden"], [type="month"], [type="number"], [type="range"], [type="tel"], [type="time"], [type="url"], [type="week"]):user-invalid) [id$="-placeholder"] {
    color: var(--lightningcss-light, #390001) var(--lightningcss-dark, #ffe9e9);
    caret-color: var(--lightningcss-light, #390001) var(--lightningcss-dark, #ffe9e9);
  }

  .db-input:has(input:not([data-custom-validity]):is(:required, [minlength], [maxlength], [pattern], [type="color"], [type="date"], [type="datetime-local"], [type="email"], [type="file"], [type="hidden"], [type="month"], [type="number"], [type="range"], [type="tel"], [type="time"], [type="url"], [type="week"]):user-invalid) input {
    color: var(--lightningcss-light, #390001) var(--lightningcss-dark, #ffe9e9);
    caret-color: var(--lightningcss-light, #390001) var(--lightningcss-dark, #ffe9e9);
  }

  .db-input:has(input:not([data-custom-validity]):is(:required, [minlength], [maxlength], [pattern], [type="color"], [type="date"], [type="datetime-local"], [type="email"], [type="file"], [type="hidden"], [type="month"], [type="number"], [type="range"], [type="tel"], [type="time"], [type="url"], [type="week"]):user-invalid) input {
    border-color: var(--lightningcss-light, #ef0016) var(--lightningcss-dark, #ff5357);
  }

  .db-input:has(input:not([data-custom-validity]):is(:required, [minlength], [maxlength], [pattern], [type="color"], [type="date"], [type="datetime-local"], [type="email"], [type="file"], [type="hidden"], [type="month"], [type="number"], [type="range"], [type="tel"], [type="time"], [type="url"], [type="week"]):user-invalid) > .db-infotext[data-semantic="critical"]:not([hidden]) {
    display: flex;
  }

  .db-input:has(input:not([data-custom-validity]):is(:required, [minlength], [maxlength], [pattern], [type="color"], [type="date"], [type="datetime-local"], [type="email"], [type="file"], [type="hidden"], [type="month"], [type="number"], [type="range"], [type="tel"], [type="time"], [type="url"], [type="week"]):user-invalid) > db-infotext > .db-infotext[data-semantic="critical"]:not([hidden]) {
    display: flex;
  }

  .db-input:has(input:not([data-custom-validity]):is(:required, [minlength], [maxlength], [pattern], [type="color"], [type="date"], [type="datetime-local"], [type="email"], [type="file"], [type="hidden"], [type="month"], [type="number"], [type="range"], [type="tel"], [type="time"], [type="url"], [type="week"]):user-invalid) > .db-infotext:not([data-semantic]):not([hidden]) {
    display: none;
  }

  .db-input:has(input:not([data-custom-validity]):is(:required, [minlength], [maxlength], [pattern], [type="color"], [type="date"], [type="datetime-local"], [type="email"], [type="file"], [type="hidden"], [type="month"], [type="number"], [type="range"], [type="tel"], [type="time"], [type="url"], [type="week"]):user-invalid) > db-infotext > .db-infotext:not([data-semantic]):not([hidden]) {
    display: none;
  }

  .db-input[data-custom-validity="invalid"] {
    --db-icon-color: var(--lightningcss-light, #390001) var(--lightningcss-dark, #ffe9e9);
  }

  .db-input:has(input[data-custom-validity="invalid"]) {
    --db-icon-color: var(--lightningcss-light, #390001) var(--lightningcss-dark, #ffe9e9);
  }

  .db-input[data-custom-validity="invalid"] [id$="-placeholder"], .db-input[data-custom-validity="invalid"] input {
    color: var(--lightningcss-light, #390001) var(--lightningcss-dark, #ffe9e9);
    caret-color: var(--lightningcss-light, #390001) var(--lightningcss-dark, #ffe9e9);
  }

  .db-input:has(input[data-custom-validity="invalid"]) [id$="-placeholder"] {
    color: var(--lightningcss-light, #390001) var(--lightningcss-dark, #ffe9e9);
    caret-color: var(--lightningcss-light, #390001) var(--lightningcss-dark, #ffe9e9);
  }

  .db-input:has(input[data-custom-validity="invalid"]) input {
    color: var(--lightningcss-light, #390001) var(--lightningcss-dark, #ffe9e9);
    caret-color: var(--lightningcss-light, #390001) var(--lightningcss-dark, #ffe9e9);
  }

  .db-input[data-custom-validity="invalid"] input {
    border-color: var(--lightningcss-light, #ef0016) var(--lightningcss-dark, #ff5357);
  }

  .db-input:has(input[data-custom-validity="invalid"]) input {
    border-color: var(--lightningcss-light, #ef0016) var(--lightningcss-dark, #ff5357);
  }

  .db-input[data-custom-validity="invalid"] > .db-infotext[data-semantic="critical"]:not([hidden]), .db-input[data-custom-validity="invalid"] > db-infotext > .db-infotext[data-semantic="critical"]:not([hidden]) {
    display: flex;
  }

  .db-input:has(input[data-custom-validity="invalid"]) > .db-infotext[data-semantic="critical"]:not([hidden]) {
    display: flex;
  }

  .db-input:has(input[data-custom-validity="invalid"]) > db-infotext > .db-infotext[data-semantic="critical"]:not([hidden]) {
    display: flex;
  }

  .db-input[data-custom-validity="invalid"] > .db-infotext:not([data-semantic]):not([hidden]), .db-input[data-custom-validity="invalid"] > db-infotext > .db-infotext:not([data-semantic]):not([hidden]) {
    display: none;
  }

  .db-input:has(input[data-custom-validity="invalid"]) > .db-infotext:not([data-semantic]):not([hidden]) {
    display: none;
  }

  .db-input:has(input[data-custom-validity="invalid"]) > db-infotext > .db-infotext:not([data-semantic]):not([hidden]) {
    display: none;
  }

  .db-input [id$="-placeholder"], .db-input input::placeholder {
    opacity: .76;
    font-family: DB Neo Screen Sans, helvetica, arial, sans-serif;
    font-style: italic;
  }

  .db-input input:is([type="date"], [type="datetime-local"], [type="month"], [type="week"], [type="time"]):not(:user-valid, [value*="1"], [value*="2"], [value*="3"], [value*="4"], [value*="5"], [value*="6"], [value*="7"], [value*="8"], [value*="9"], [value*="0"])::-webkit-datetime-edit {
    opacity: .76;
    font-family: DB Neo Screen Sans, helvetica, arial, sans-serif;
    font-style: italic;
  }

  .db-input input {
    background-color: var(--db-adaptive-bg-basic-transparent-semi-default);
    caret-color: var(--db-adaptive-on-bg-basic-emphasis-100-default);
    appearance: none;
    inline-size: 100%;
    max-inline-size: 100%;
    min-inline-size: var(--db-form-component-min-inline-size, var(--db-sizing-lg));
    padding-inline: var(--db-form-component-padding-inline-start, var(--db-spacing-fixed-sm)) var(--db-form-component-padding-inline-end, var(--db-spacing-fixed-sm));
  }

  .db-input input:hover:not(:disabled, [aria-disabled="true"], [tabindex="-1"], :has(:disabled)) {
    cursor: var(--db-overwrite-cursor, pointer);
    background-color: var(--db-adaptive-bg-basic-transparent-semi-hovered);
  }

  :is(.db-input input:hover:not(:disabled, [aria-disabled="true"], [tabindex="-1"], :has(:disabled)):is(input), .db-input input:hover:not(:disabled, [aria-disabled="true"], [tabindex="-1"], :has(:disabled)):is(textarea)) {
    cursor: auto;
  }

  .db-input input:hover:not(:disabled, [aria-disabled="true"], [tabindex="-1"], :has(:disabled)):is(input[type="checkbox"]) {
    cursor: pointer;
  }

  .db-input input:hover:not(:disabled, [aria-disabled="true"], [tabindex="-1"], :has(:disabled)):is(input[type="radio"]:not(:checked)) {
    cursor: pointer;
  }

  .db-input input[data-field-sizing="content"] {
    field-sizing: content;
  }

  .db-input input[data-field-sizing="fixed"] {
    field-sizing: fixed;
  }

  .db-input input:not(:disabled):read-only {
    background-color: var(--db-input-read-only, var(--db-adaptive-bg-basic-transparent-full-default)) !important;
  }

  .db-input > label {
    text-overflow: ellipsis;
    white-space: nowrap;
    max-inline-size: 25ch;
    padding-block-end: var(--db-spacing-fixed-xs);
    overflow: hidden;
  }

  @media (prefers-reduced-motion: no-preference) {
    .db-input > label {
      transition: font-size .3s cubic-bezier(.27, .05, .4, .95);
    }
  }

  .db-input[data-hide-label="true"] > label {
    padding: 0;
  }

  .db-input:has(input:disabled, input[data-disabled="true"], input[aria-disabled="true"]) {
    opacity: .4;
    pointer-events: none;
  }

  .db-input:after, .db-input:before {
    pointer-events: none;
    color: var(--db-adaptive-on-bg-basic-emphasis-100-default);
    z-index: 1;
    position: absolute;
    inset-block-start: calc((var(--db-spacing-fixed-xs) + var(--db-base-body-icon-font-size-xs))*var(--db-label-visible-above, 1) + var(--db-sizing-md)/2);
    transform: translateY(-50%);
  }

  .db-input:before {
    margin-inline-end: var(--db-spacing-fixed-sm);
    inset-inline-start: var(--db-spacing-fixed-sm);
  }

  .db-input:after {
    margin-inline-start: var(--db-spacing-fixed-sm);
    inset-inline-end: var(--db-spacing-fixed-sm);
  }

  .db-input input {
    block-size: var(--db-sizing-md);
    text-overflow: ellipsis;
  }

  .db-input:is([data-icon], [data-icon-trailing]):not([data-show-icon="false"]) {
    --db-form-component-min-inline-size: var(--db-sizing-xl);
  }

  .db-input:has(input[type="search"], input[type="date"], input[type="month"], input[type="week"], input[type="datetime-local"], input[type="time"]) {
    --db-form-component-min-inline-size: var(--db-sizing-xl);
  }

  .db-input[data-icon][data-icon-trailing] {
    --db-form-component-min-inline-size: var(--db-sizing-2xl);
  }

  .db-input[data-icon]:not([data-show-icon="false"]) {
    --db-form-component-padding-inline-start: calc(var(--db-icon-font-size) + var(--db-spacing-fixed-sm) + var(--db-spacing-fixed-xs));
  }

  .db-input:has(input[type="search"]) {
    --db-form-component-padding-inline-start: calc(var(--db-icon-font-size) + var(--db-spacing-fixed-sm) + var(--db-spacing-fixed-xs));
  }

  .db-input[data-icon-trailing]:not([data-show-icon-trailing="false"]) {
    --db-form-component-padding-inline-end: calc(var(--db-icon-font-size) + var(--db-spacing-fixed-sm) + var(--db-spacing-fixed-xs));
  }

  .db-input:has(datalist) {
    --db-form-component-padding-inline-end: calc(var(--db-icon-font-size) + var(--db-spacing-fixed-sm) + var(--db-spacing-fixed-xs));
  }

  .db-input:has(input[type="search"]) {
    --db-form-component-padding-inline-end: calc(var(--db-icon-font-size) + var(--db-spacing-fixed-sm) + var(--db-spacing-fixed-xs));
  }

  .db-input:has(input[type="search"]):not([data-show-icon-leading="false"]):before {
    --db-icon: "magnifying_glass";
    margin-inline-end: var(--db-icon-margin-end, var(--db-spacing-fixed-xs));
  }

  .db-input:has(input[type="search"]):not([data-show-icon-trailing="false"]):after {
    --db-icon-trailing: "cross";
    content: var(--db-icon-trailing, attr(data-icon-trailing));
    margin-inline-start: var(--db-icon-margin-start, var(--db-spacing-fixed-xs));
  }

  @supports (content: ""/"") {
    .db-input:has(input[type="search"]):not([data-show-icon-trailing="false"]):after {
      content: var(--db-icon-trailing, attr(data-icon-trailing))/"";
    }
  }

  .db-input:has(input[type="search"]):after {
    opacity: 0;
  }

  @media (prefers-reduced-motion: no-preference) {
    .db-input:has(input[type="search"]):after {
      transition: opacity .15s;
    }
  }

  .db-input:has(input[type="search"]):has(input:not(:placeholder-shown)):has(input:hover, input:focus-visible):after {
    opacity: 1;
  }

  @supports selector(::-webkit-calendar-picker-indicator) {
    .db-input:has(input[type="week"]) {
      --db-form-component-padding-inline-end: calc(var(--db-icon-font-size) + var(--db-spacing-fixed-sm) + var(--db-spacing-fixed-xs));
    }

    :is(.db-input:has(input[type="date"]), .db-input:has(input[type="datetime-local"])) {
      --db-form-component-padding-inline-end: calc(1lh + var(--db-spacing-fixed-xs));
    }

    .db-input:has(input[type="date"]):not([data-show-icon-trailing="false"]):after {
      --db-icon-trailing: "calendar";
      content: var(--db-icon-trailing, attr(data-icon-trailing));
      margin-inline-start: var(--db-icon-margin-start, var(--db-spacing-fixed-xs));
    }

    .db-input:has(input[type="datetime-local"]):not([data-show-icon-trailing="false"]):after {
      --db-icon-trailing: "calendar";
      content: var(--db-icon-trailing, attr(data-icon-trailing));
      margin-inline-start: var(--db-icon-margin-start, var(--db-spacing-fixed-xs));
    }

    .db-input:has(input[type="month"]):not([data-show-icon-trailing="false"]):after {
      --db-icon-trailing: "calendar";
      content: var(--db-icon-trailing, attr(data-icon-trailing));
      margin-inline-start: var(--db-icon-margin-start, var(--db-spacing-fixed-xs));
    }

    .db-input:has(input[type="week"]):not([data-show-icon-trailing="false"]):after {
      --db-icon-trailing: "calendar";
      content: var(--db-icon-trailing, attr(data-icon-trailing));
      margin-inline-start: var(--db-icon-margin-start, var(--db-spacing-fixed-xs));
    }

    @supports (content: ""/"") {
      .db-input:has(input[type="date"]):not([data-show-icon-trailing="false"]):after {
        content: var(--db-icon-trailing, attr(data-icon-trailing))/"";
      }

      .db-input:has(input[type="datetime-local"]):not([data-show-icon-trailing="false"]):after {
        content: var(--db-icon-trailing, attr(data-icon-trailing))/"";
      }

      .db-input:has(input[type="month"]):not([data-show-icon-trailing="false"]):after {
        content: var(--db-icon-trailing, attr(data-icon-trailing))/"";
      }

      .db-input:has(input[type="week"]):not([data-show-icon-trailing="false"]):after {
        content: var(--db-icon-trailing, attr(data-icon-trailing))/"";
      }
    }

    .db-input:has(input[type="time"]):not([data-show-icon-trailing="false"]):after {
      --db-icon-trailing: "clock";
      content: var(--db-icon-trailing, attr(data-icon-trailing));
      margin-inline-start: var(--db-icon-margin-start, var(--db-spacing-fixed-xs));
    }

    @supports (content: ""/"") {
      .db-input:has(input[type="time"]):not([data-show-icon-trailing="false"]):after {
        content: var(--db-icon-trailing, attr(data-icon-trailing))/"";
      }
    }
  }

  .db-input:has(input[type="file"]) input {
    padding-block-start: var(--db-spacing-fixed-xs);
  }

  .db-input:has(input[type="file"])[data-variant="floating"] input {
    padding-block-start: calc(var(--db-spacing-fixed-md) + var(--db-spacing-fixed-3xs));
  }

  .db-input:has(input[type="file"])[data-variant="floating"] input::file-selector-button {
    block-size: var(--db-sizing-xs);
    padding: 0 var(--db-spacing-fixed-xs);
    margin-inline-end: var(--db-spacing-fixed-xs);
  }

  .db-input[data-variant="floating"] input::-webkit-calendar-picker-indicator {
    margin-block-end: var(--db-base-body-icon-font-size-2xs);
  }

  .db-input[data-variant="floating"] input::-webkit-search-cancel-button {
    margin-block-end: var(--db-base-body-icon-font-size-2xs);
  }

  .db-input input {
    position: relative;
  }

  .db-input input::-webkit-color-swatch-wrapper {
    block-size: var(--db-icon-font-size, 1.5rem);
    aspect-ratio: 2;
  }

  .db-input input::-webkit-calendar-picker-indicator {
    cursor: pointer;
    background-image: none;
    border-radius: .25rem;
    margin-block-start: .0625rem;
    padding: 0;
    position: absolute;
    inset-inline-end: var(--db-spacing-fixed-sm);
    inline-size: var(--db-icon-font-size, 1.5rem) !important;
    block-size: var(--db-icon-font-size, 1.5rem) !important;
    display: block !important;
  }

  .db-input input::-webkit-search-cancel-button {
    cursor: pointer;
    background-image: none;
    border-radius: .25rem;
    margin-block-start: .0625rem;
    padding: 0;
    position: absolute;
    inset-inline-end: var(--db-spacing-fixed-sm);
    inline-size: var(--db-icon-font-size, 1.5rem) !important;
    block-size: var(--db-icon-font-size, 1.5rem) !important;
    display: block !important;
  }

  .db-input input::-webkit-calendar-picker-indicator:focus-visible {
    outline: .125rem solid var(--db-focus-outline-color, var(--lightningcss-light, #257fa8) var(--lightningcss-dark, #2e9acb));
    outline-offset: .25rem;
    box-shadow: 0 0 0 .25rem var(--db-focus-box-shadow-bg-color, #0000);
  }

  .db-input input::-webkit-search-cancel-button:focus-visible {
    outline: .125rem solid var(--db-focus-outline-color, var(--lightningcss-light, #257fa8) var(--lightningcss-dark, #2e9acb));
    outline-offset: .25rem;
    box-shadow: 0 0 0 .25rem var(--db-focus-box-shadow-bg-color, #0000);
  }

  @media (prefers-reduced-motion: no-preference) {
    .db-input input::-webkit-calendar-picker-indicator:focus-visible {
      transition: outline 75ms, box-shadow 75ms;
    }

    .db-input input::-webkit-search-cancel-button:focus-visible {
      transition: outline 75ms, box-shadow 75ms;
    }
  }

  .db-input input::-webkit-search-cancel-button {
    appearance: none;
    position: absolute;
    inset-inline-end: calc(var(--db-spacing-fixed-sm) + .0625rem);
  }

  .db-input input::file-selector-button {
    color: var(--db-adaptive-on-bg-basic-emphasis-100-default);
    block-size: var(--db-sizing-sm);
    padding: var(--db-spacing-fixed-3xs) var(--db-spacing-fixed-sm);
    margin-inline-end: var(--db-spacing-fixed-sm);
  }

  .db-input input::file-selector-button:focus {
    background-color: var(--db-adaptive-bg-basic-transparent-full-hovered);
  }

  .db-input input::file-selector-button:hover {
    background-color: var(--db-adaptive-bg-basic-transparent-full-hovered);
  }

  .db-input input::file-selector-button:active {
    background-color: var(--db-adaptive-bg-basic-transparent-full-pressed);
  }

  .db-brand:not([hidden]) {
    display: flex;
  }

  .db-brand {
    gap: var(--db-spacing-fixed-sm);
    align-items: center;
    font-weight: 700;
  }

  .db-brand:before {
    --db-icon-font-size: var(--db-sizing-md);
    --db-icon-margin-end: 0;
    --db-icon-color: #ec0016;
  }

  .db-brand img {
    inline-size: calc(var(--db-sizing-md) - var(--db-sizing-3xs));
    max-block-size: calc(var(--db-sizing-md) - var(--db-sizing-3xs));
  }

  .db-brand a {
    text-decoration: none;
  }

  .db-density-expressive, [data-density="expressive"] {
    --db-sizing-3xs: .625rem;
    --db-sizing-2xs: .875rem;
    --db-sizing-xs: 1.25rem;
    --db-sizing-sm: 1.75rem;
    --db-sizing-md: 3rem;
    --db-sizing-lg: 5rem;
    --db-sizing-xl: 7.5rem;
    --db-sizing-2xl: 15rem;
    --db-sizing-3xl: 30rem;
    --db-spacing-fixed-3xs: .25rem;
    --db-spacing-fixed-2xs: .5rem;
    --db-spacing-fixed-xs: .75rem;
    --db-spacing-fixed-sm: 1rem;
    --db-spacing-fixed-md: 1.5rem;
    --db-spacing-fixed-lg: 2rem;
    --db-spacing-fixed-xl: 3rem;
    --db-spacing-fixed-2xl: 5rem;
    --db-spacing-fixed-3xl: 7.5rem;
  }

  @media (max-width: 48em) {
    .db-density-expressive, [data-density="expressive"] {
      --db-spacing-responsive-3xs: 1.25rem;
      --db-spacing-responsive-2xs: 1.5rem;
      --db-spacing-responsive-xs: 2rem;
      --db-spacing-responsive-sm: 3rem;
      --db-spacing-responsive-md: 5rem;
      --db-spacing-responsive-lg: 7.5rem;
      --db-spacing-responsive-xl: 10rem;
      --db-spacing-responsive-2xl: 15rem;
      --db-spacing-responsive-3xl: 30rem;
    }
  }

  @media (not (max-width: 48em)) and (max-width: 64em) {
    .db-density-expressive, [data-density="expressive"] {
      --db-spacing-responsive-3xs: 1.5rem;
      --db-spacing-responsive-2xs: 1.75rem;
      --db-spacing-responsive-xs: 2.5rem;
      --db-spacing-responsive-sm: 4rem;
      --db-spacing-responsive-md: 6rem;
      --db-spacing-responsive-lg: 10rem;
      --db-spacing-responsive-xl: 15rem;
      --db-spacing-responsive-2xl: 30rem;
      --db-spacing-responsive-3xl: 40rem;
    }
  }

  @media not all and (max-width: 64em) {
    .db-density-expressive, [data-density="expressive"] {
      --db-spacing-responsive-3xs: 1.75rem;
      --db-spacing-responsive-2xs: 2rem;
      --db-spacing-responsive-xs: 3rem;
      --db-spacing-responsive-sm: 5rem;
      --db-spacing-responsive-md: 7.5rem;
      --db-spacing-responsive-lg: 15rem;
      --db-spacing-responsive-xl: 30rem;
      --db-spacing-responsive-2xl: 40rem;
      --db-spacing-responsive-3xl: 50rem;
    }
  }

  .db-density-regular, :host, :root, [data-density="regular"] {
    --db-sizing-3xs: .5rem;
    --db-sizing-2xs: .75rem;
    --db-sizing-xs: 1rem;
    --db-sizing-sm: 1.5rem;
    --db-sizing-md: 2.5rem;
    --db-sizing-lg: 4rem;
    --db-sizing-xl: 6rem;
    --db-sizing-2xl: 10rem;
    --db-sizing-3xl: 15rem;
    --db-spacing-fixed-3xs: .125rem;
    --db-spacing-fixed-2xs: .25rem;
    --db-spacing-fixed-xs: .5rem;
    --db-spacing-fixed-sm: .75rem;
    --db-spacing-fixed-md: 1rem;
    --db-spacing-fixed-lg: 1.5rem;
    --db-spacing-fixed-xl: 2rem;
    --db-spacing-fixed-2xl: 3rem;
    --db-spacing-fixed-3xl: 5rem;
  }

  @media (max-width: 48em) {
    .db-density-regular, :host, :root, [data-density="regular"] {
      --db-spacing-responsive-3xs: 1rem;
      --db-spacing-responsive-2xs: 1.25rem;
      --db-spacing-responsive-xs: 1.5rem;
      --db-spacing-responsive-sm: 2rem;
      --db-spacing-responsive-md: 3rem;
      --db-spacing-responsive-lg: 5rem;
      --db-spacing-responsive-xl: 7.5rem;
      --db-spacing-responsive-2xl: 10rem;
      --db-spacing-responsive-3xl: 15rem;
    }
  }

  @media (not (max-width: 48em)) and (max-width: 64em) {
    .db-density-regular, :host, :root, [data-density="regular"] {
      --db-spacing-responsive-3xs: 1rem;
      --db-spacing-responsive-2xs: 1.25rem;
      --db-spacing-responsive-xs: 1.75rem;
      --db-spacing-responsive-sm: 2.5rem;
      --db-spacing-responsive-md: 4rem;
      --db-spacing-responsive-lg: 6rem;
      --db-spacing-responsive-xl: 10rem;
      --db-spacing-responsive-2xl: 15rem;
      --db-spacing-responsive-3xl: 30rem;
    }
  }

  @media not all and (max-width: 64em) {
    .db-density-regular, :host, :root, [data-density="regular"] {
      --db-spacing-responsive-3xs: 1.25rem;
      --db-spacing-responsive-2xs: 1.5rem;
      --db-spacing-responsive-xs: 2rem;
      --db-spacing-responsive-sm: 3rem;
      --db-spacing-responsive-md: 5rem;
      --db-spacing-responsive-lg: 7.5rem;
      --db-spacing-responsive-xl: 15rem;
      --db-spacing-responsive-2xl: 30rem;
      --db-spacing-responsive-3xl: 40rem;
    }
  }

  .db-density-functional, .db-header-meta-navigation, [data-density="functional"] {
    --db-sizing-3xs: .375rem;
    --db-sizing-2xs: .625rem;
    --db-sizing-xs: .875rem;
    --db-sizing-sm: 1.25rem;
    --db-sizing-md: 2rem;
    --db-sizing-lg: 3rem;
    --db-sizing-xl: 5rem;
    --db-sizing-2xl: 7.5rem;
    --db-sizing-3xl: 10rem;
    --db-spacing-fixed-3xs: .125rem;
    --db-spacing-fixed-2xs: .25rem;
    --db-spacing-fixed-xs: .375rem;
    --db-spacing-fixed-sm: .5rem;
    --db-spacing-fixed-md: .75rem;
    --db-spacing-fixed-lg: 1rem;
    --db-spacing-fixed-xl: 1.5rem;
    --db-spacing-fixed-2xl: 2rem;
    --db-spacing-fixed-3xl: 3rem;
  }

  @media (max-width: 48em) {
    .db-density-functional, .db-header-meta-navigation, [data-density="functional"] {
      --db-spacing-responsive-3xs: 1rem;
      --db-spacing-responsive-2xs: 1.25rem;
      --db-spacing-responsive-xs: 1.25rem;
      --db-spacing-responsive-sm: 1.75rem;
      --db-spacing-responsive-md: 2.5rem;
      --db-spacing-responsive-lg: 4rem;
      --db-spacing-responsive-xl: 6rem;
      --db-spacing-responsive-2xl: 7.5rem;
      --db-spacing-responsive-3xl: 10rem;
    }
  }

  @media (not (max-width: 48em)) and (max-width: 64em) {
    .db-density-functional, .db-header-meta-navigation, [data-density="functional"] {
      --db-spacing-responsive-3xs: 1rem;
      --db-spacing-responsive-2xs: 1.25rem;
      --db-spacing-responsive-xs: 1.5rem;
      --db-spacing-responsive-sm: 2rem;
      --db-spacing-responsive-md: 3rem;
      --db-spacing-responsive-lg: 5rem;
      --db-spacing-responsive-xl: 7.5rem;
      --db-spacing-responsive-2xl: 10rem;
      --db-spacing-responsive-3xl: 15rem;
    }
  }

  @media not all and (max-width: 64em) {
    .db-density-functional, .db-header-meta-navigation, [data-density="functional"] {
      --db-spacing-responsive-3xs: 1rem;
      --db-spacing-responsive-2xs: 1.25rem;
      --db-spacing-responsive-xs: 1.75rem;
      --db-spacing-responsive-sm: 2.5rem;
      --db-spacing-responsive-md: 4rem;
      --db-spacing-responsive-lg: 6rem;
      --db-spacing-responsive-xl: 10rem;
      --db-spacing-responsive-2xl: 15rem;
      --db-spacing-responsive-3xl: 30rem;
    }
  }

  @media (max-width: 48em) {
    .db-density-expressive, [data-density="expressive"] {
      --db-type-headline-3xs: bolder 1rem/1.25 "DB Neo Screen Head", Helvetica, Arial, sans-serif;
      --db-base-headline-icon-weight-3xs: 20;
      --db-base-headline-icon-font-size-3xs: 1.25rem;
      --db-type-headline-2xs: bolder 1rem/1.25 "DB Neo Screen Head", Helvetica, Arial, sans-serif;
      --db-base-headline-icon-weight-2xs: 20;
      --db-base-headline-icon-font-size-2xs: 1.25rem;
      --db-type-headline-xs: bolder 1.25rem/1.2 "DB Neo Screen Head", Helvetica, Arial, sans-serif;
      --db-base-headline-icon-weight-xs: 24;
      --db-base-headline-icon-font-size-xs: 1.5rem;
      --db-type-headline-sm: bolder 1.5rem/1.16667 "DB Neo Screen Head", Helvetica, Arial, sans-serif;
      --db-base-headline-icon-weight-sm: 28;
      --db-base-headline-icon-font-size-sm: 1.75rem;
      --db-type-headline-md: bolder 1.75rem/1.14286 "DB Neo Screen Head", Helvetica, Arial, sans-serif;
      --db-base-headline-icon-weight-md: 32;
      --db-base-headline-icon-font-size-md: 2rem;
      --db-type-headline-lg: bolder 2rem/1.25 "DB Neo Screen Head", Helvetica, Arial, sans-serif;
      --db-base-headline-icon-weight-lg: 40;
      --db-base-headline-icon-font-size-lg: 2.5rem;
      --db-type-headline-xl: bolder 2.5rem/1.2 "DB Neo Screen Head", Helvetica, Arial, sans-serif;
      --db-base-headline-icon-weight-xl: 48;
      --db-base-headline-icon-font-size-xl: 3rem;
      --db-type-headline-2xl: bolder 2.5rem/1.2 "DB Neo Screen Head", Helvetica, Arial, sans-serif;
      --db-base-headline-icon-weight-2xl: 48;
      --db-base-headline-icon-font-size-2xl: 3rem;
      --db-type-headline-3xl: bolder 2.5rem/1.2 "DB Neo Screen Head", Helvetica, Arial, sans-serif;
      --db-base-headline-icon-weight-3xl: 48;
      --db-base-headline-icon-font-size-3xl: 3rem;
    }
  }

  @media (not (max-width: 48em)) and (max-width: 64em) {
    .db-density-expressive, [data-density="expressive"] {
      --db-type-headline-3xs: bolder 1.25rem/1.2 "DB Neo Screen Head", Helvetica, Arial, sans-serif;
      --db-base-headline-icon-weight-3xs: 24;
      --db-base-headline-icon-font-size-3xs: 1.5rem;
      --db-type-headline-2xs: bolder 1.25rem/1.2 "DB Neo Screen Head", Helvetica, Arial, sans-serif;
      --db-base-headline-icon-weight-2xs: 24;
      --db-base-headline-icon-font-size-2xs: 1.5rem;
      --db-type-headline-xs: bolder 1.5rem/1.16667 "DB Neo Screen Head", Helvetica, Arial, sans-serif;
      --db-base-headline-icon-weight-xs: 28;
      --db-base-headline-icon-font-size-xs: 1.75rem;
      --db-type-headline-sm: bolder 1.75rem/1.14286 "DB Neo Screen Head", Helvetica, Arial, sans-serif;
      --db-base-headline-icon-weight-sm: 32;
      --db-base-headline-icon-font-size-sm: 2rem;
      --db-type-headline-md: bolder 2rem/1.25 "DB Neo Screen Head", Helvetica, Arial, sans-serif;
      --db-base-headline-icon-weight-md: 40;
      --db-base-headline-icon-font-size-md: 2.5rem;
      --db-type-headline-lg: bolder 2.5rem/1.2 "DB Neo Screen Head", Helvetica, Arial, sans-serif;
      --db-base-headline-icon-weight-lg: 48;
      --db-base-headline-icon-font-size-lg: 3rem;
      --db-type-headline-xl: bolder 3rem/1.33333 "DB Neo Screen Head", Helvetica, Arial, sans-serif;
      --db-base-headline-icon-weight-xl: 64;
      --db-base-headline-icon-font-size-xl: 4rem;
      --db-type-headline-2xl: bolder 4rem/1.25 "DB Neo Screen Head", Helvetica, Arial, sans-serif;
      --db-base-headline-icon-weight-2xl: 80;
      --db-base-headline-icon-font-size-2xl: 5rem;
      --db-type-headline-3xl: bolder 5rem/1.2 "DB Neo Screen Head", Helvetica, Arial, sans-serif;
      --db-base-headline-icon-weight-3xl: 96;
      --db-base-headline-icon-font-size-3xl: 6rem;
    }
  }

  @media not all and (max-width: 64em) {
    .db-density-expressive, [data-density="expressive"] {
      --db-type-headline-3xs: bolder 1.25rem/1.2 "DB Neo Screen Head", Helvetica, Arial, sans-serif;
      --db-base-headline-icon-weight-3xs: 24;
      --db-base-headline-icon-font-size-3xs: 1.5rem;
      --db-type-headline-2xs: bolder 1.5rem/1.16667 "DB Neo Screen Head", Helvetica, Arial, sans-serif;
      --db-base-headline-icon-weight-2xs: 28;
      --db-base-headline-icon-font-size-2xs: 1.75rem;
      --db-type-headline-xs: bolder 1.75rem/1.14286 "DB Neo Screen Head", Helvetica, Arial, sans-serif;
      --db-base-headline-icon-weight-xs: 32;
      --db-base-headline-icon-font-size-xs: 2rem;
      --db-type-headline-sm: bolder 2rem/1.25 "DB Neo Screen Head", Helvetica, Arial, sans-serif;
      --db-base-headline-icon-weight-sm: 40;
      --db-base-headline-icon-font-size-sm: 2.5rem;
      --db-type-headline-md: bolder 2.5rem/1.2 "DB Neo Screen Head", Helvetica, Arial, sans-serif;
      --db-base-headline-icon-weight-md: 48;
      --db-base-headline-icon-font-size-md: 3rem;
      --db-type-headline-lg: bolder 3rem/1.33333 "DB Neo Screen Head", Helvetica, Arial, sans-serif;
      --db-base-headline-icon-weight-lg: 64;
      --db-base-headline-icon-font-size-lg: 4rem;
      --db-type-headline-xl: bolder 4rem/1.25 "DB Neo Screen Head", Helvetica, Arial, sans-serif;
      --db-base-headline-icon-weight-xl: 80;
      --db-base-headline-icon-font-size-xl: 5rem;
      --db-type-headline-2xl: bolder 5rem/1.2 "DB Neo Screen Head", Helvetica, Arial, sans-serif;
      --db-base-headline-icon-weight-2xl: 96;
      --db-base-headline-icon-font-size-2xl: 6rem;
      --db-type-headline-3xl: bolder 6rem/1.25 "DB Neo Screen Head", Helvetica, Arial, sans-serif;
      --db-base-headline-icon-weight-3xl: 120;
      --db-base-headline-icon-font-size-3xl: 7.5rem;
    }
  }

  @media (max-width: 48em) {
    .db-density-expressive, [data-density="expressive"] {
      --db-type-body-3xs: normal .625rem/1.4 "DB Neo Screen Sans", Helvetica, Arial, sans-serif;
      --db-base-body-icon-weight-3xs: 14;
      --db-base-body-icon-font-size-3xs: .875rem;
      --db-type-body-2xs: normal .75rem/1.33333 "DB Neo Screen Sans", Helvetica, Arial, sans-serif;
      --db-base-body-icon-weight-2xs: 16;
      --db-base-body-icon-font-size-2xs: 1rem;
      --db-type-body-xs: normal .875rem/1.42857 "DB Neo Screen Sans", Helvetica, Arial, sans-serif;
      --db-base-body-icon-weight-xs: 20;
      --db-base-body-icon-font-size-xs: 1.25rem;
      --db-type-body-sm: normal 1rem/1.5 "DB Neo Screen Sans", Helvetica, Arial, sans-serif;
      --db-base-body-icon-weight-sm: 24;
      --db-base-body-icon-font-size-sm: 1.5rem;
      --db-type-body-md: normal 1.25rem/1.4 "DB Neo Screen Sans", Helvetica, Arial, sans-serif;
      --db-base-body-icon-weight-md: 28;
      --db-base-body-icon-font-size-md: 1.75rem;
      --db-type-body-lg: normal 1.5rem/1.33333 "DB Neo Screen Sans", Helvetica, Arial, sans-serif;
      --db-base-body-icon-weight-lg: 32;
      --db-base-body-icon-font-size-lg: 2rem;
      --db-type-body-xl: normal 1.5rem/1.33333 "DB Neo Screen Sans", Helvetica, Arial, sans-serif;
      --db-base-body-icon-weight-xl: 32;
      --db-base-body-icon-font-size-xl: 2rem;
      --db-type-body-2xl: normal 1.5rem/1.33333 "DB Neo Screen Sans", Helvetica, Arial, sans-serif;
      --db-base-body-icon-weight-2xl: 32;
      --db-base-body-icon-font-size-2xl: 2rem;
      --db-type-body-3xl: normal 1.5rem/1.33333 "DB Neo Screen Sans", Helvetica, Arial, sans-serif;
      --db-base-body-icon-weight-3xl: 32;
      --db-base-body-icon-font-size-3xl: 2rem;
    }
  }

  @media (not (max-width: 48em)) and (max-width: 64em) {
    .db-density-expressive, [data-density="expressive"] {
      --db-type-body-3xs: normal .625rem/1.4 "DB Neo Screen Sans", Helvetica, Arial, sans-serif;
      --db-base-body-icon-weight-3xs: 14;
      --db-base-body-icon-font-size-3xs: .875rem;
      --db-type-body-2xs: normal .75rem/1.33333 "DB Neo Screen Sans", Helvetica, Arial, sans-serif;
      --db-base-body-icon-weight-2xs: 16;
      --db-base-body-icon-font-size-2xs: 1rem;
      --db-type-body-xs: normal .875rem/1.42857 "DB Neo Screen Sans", Helvetica, Arial, sans-serif;
      --db-base-body-icon-weight-xs: 20;
      --db-base-body-icon-font-size-xs: 1.25rem;
      --db-type-body-sm: normal 1rem/1.5 "DB Neo Screen Sans", Helvetica, Arial, sans-serif;
      --db-base-body-icon-weight-sm: 24;
      --db-base-body-icon-font-size-sm: 1.5rem;
      --db-type-body-md: normal 1.25rem/1.4 "DB Neo Screen Sans", Helvetica, Arial, sans-serif;
      --db-base-body-icon-weight-md: 28;
      --db-base-body-icon-font-size-md: 1.75rem;
      --db-type-body-lg: normal 1.5rem/1.33333 "DB Neo Screen Sans", Helvetica, Arial, sans-serif;
      --db-base-body-icon-weight-lg: 32;
      --db-base-body-icon-font-size-lg: 2rem;
      --db-type-body-xl: normal 1.75rem/1.42857 "DB Neo Screen Sans", Helvetica, Arial, sans-serif;
      --db-base-body-icon-weight-xl: 40;
      --db-base-body-icon-font-size-xl: 2.5rem;
      --db-type-body-2xl: normal 2rem/1.5 "DB Neo Screen Sans", Helvetica, Arial, sans-serif;
      --db-base-body-icon-weight-2xl: 48;
      --db-base-body-icon-font-size-2xl: 3rem;
      --db-type-body-3xl: normal 2.5rem/1.6 "DB Neo Screen Sans", Helvetica, Arial, sans-serif;
      --db-base-body-icon-weight-3xl: 64;
      --db-base-body-icon-font-size-3xl: 4rem;
    }
  }

  @media not all and (max-width: 64em) {
    .db-density-expressive, [data-density="expressive"] {
      --db-type-body-3xs: normal .625rem/1.4 "DB Neo Screen Sans", Helvetica, Arial, sans-serif;
      --db-base-body-icon-weight-3xs: 14;
      --db-base-body-icon-font-size-3xs: .875rem;
      --db-type-body-2xs: normal .75rem/1.33333 "DB Neo Screen Sans", Helvetica, Arial, sans-serif;
      --db-base-body-icon-weight-2xs: 16;
      --db-base-body-icon-font-size-2xs: 1rem;
      --db-type-body-xs: normal .875rem/1.42857 "DB Neo Screen Sans", Helvetica, Arial, sans-serif;
      --db-base-body-icon-weight-xs: 20;
      --db-base-body-icon-font-size-xs: 1.25rem;
      --db-type-body-sm: normal 1rem/1.5 "DB Neo Screen Sans", Helvetica, Arial, sans-serif;
      --db-base-body-icon-weight-sm: 24;
      --db-base-body-icon-font-size-sm: 1.5rem;
      --db-type-body-md: normal 1.25rem/1.4 "DB Neo Screen Sans", Helvetica, Arial, sans-serif;
      --db-base-body-icon-weight-md: 28;
      --db-base-body-icon-font-size-md: 1.75rem;
      --db-type-body-lg: normal 1.5rem/1.33333 "DB Neo Screen Sans", Helvetica, Arial, sans-serif;
      --db-base-body-icon-weight-lg: 32;
      --db-base-body-icon-font-size-lg: 2rem;
      --db-type-body-xl: normal 1.75rem/1.42857 "DB Neo Screen Sans", Helvetica, Arial, sans-serif;
      --db-base-body-icon-weight-xl: 40;
      --db-base-body-icon-font-size-xl: 2.5rem;
      --db-type-body-2xl: normal 2rem/1.5 "DB Neo Screen Sans", Helvetica, Arial, sans-serif;
      --db-base-body-icon-weight-2xl: 48;
      --db-base-body-icon-font-size-2xl: 3rem;
      --db-type-body-3xl: normal 2.5rem/1.6 "DB Neo Screen Sans", Helvetica, Arial, sans-serif;
      --db-base-body-icon-weight-3xl: 64;
      --db-base-body-icon-font-size-3xl: 4rem;
    }
  }

  @media (max-width: 48em) {
    .db-density-regular, :host, :root, [data-density="regular"] {
      --db-type-headline-3xs: bolder .875rem/1.14286 "DB Neo Screen Head", Helvetica, Arial, sans-serif;
      --db-base-headline-icon-weight-3xs: 16;
      --db-base-headline-icon-font-size-3xs: 1rem;
      --db-type-headline-2xs: bolder .875rem/1.14286 "DB Neo Screen Head", Helvetica, Arial, sans-serif;
      --db-base-headline-icon-weight-2xs: 16;
      --db-base-headline-icon-font-size-2xs: 1rem;
      --db-type-headline-xs: bolder 1rem/1.25 "DB Neo Screen Head", Helvetica, Arial, sans-serif;
      --db-base-headline-icon-weight-xs: 20;
      --db-base-headline-icon-font-size-xs: 1.25rem;
      --db-type-headline-sm: bolder 1.25rem/1.2 "DB Neo Screen Head", Helvetica, Arial, sans-serif;
      --db-base-headline-icon-weight-sm: 24;
      --db-base-headline-icon-font-size-sm: 1.5rem;
      --db-type-headline-md: bolder 1.5rem/1.16667 "DB Neo Screen Head", Helvetica, Arial, sans-serif;
      --db-base-headline-icon-weight-md: 28;
      --db-base-headline-icon-font-size-md: 1.75rem;
      --db-type-headline-lg: bolder 1.75rem/1.14286 "DB Neo Screen Head", Helvetica, Arial, sans-serif;
      --db-base-headline-icon-weight-lg: 32;
      --db-base-headline-icon-font-size-lg: 2rem;
      --db-type-headline-xl: bolder 2rem/1.25 "DB Neo Screen Head", Helvetica, Arial, sans-serif;
      --db-base-headline-icon-weight-xl: 40;
      --db-base-headline-icon-font-size-xl: 2.5rem;
      --db-type-headline-2xl: bolder 2rem/1.25 "DB Neo Screen Head", Helvetica, Arial, sans-serif;
      --db-base-headline-icon-weight-2xl: 40;
      --db-base-headline-icon-font-size-2xl: 2.5rem;
      --db-type-headline-3xl: bolder 2rem/1.25 "DB Neo Screen Head", Helvetica, Arial, sans-serif;
      --db-base-headline-icon-weight-3xl: 40;
      --db-base-headline-icon-font-size-3xl: 2.5rem;
    }
  }

  @media (not (max-width: 48em)) and (max-width: 64em) {
    .db-density-regular, :host, :root, [data-density="regular"] {
      --db-type-headline-3xs: bolder 1rem/1.25 "DB Neo Screen Head", Helvetica, Arial, sans-serif;
      --db-base-headline-icon-weight-3xs: 20;
      --db-base-headline-icon-font-size-3xs: 1.25rem;
      --db-type-headline-2xs: bolder 1rem/1.25 "DB Neo Screen Head", Helvetica, Arial, sans-serif;
      --db-base-headline-icon-weight-2xs: 20;
      --db-base-headline-icon-font-size-2xs: 1.25rem;
      --db-type-headline-xs: bolder 1.25rem/1.2 "DB Neo Screen Head", Helvetica, Arial, sans-serif;
      --db-base-headline-icon-weight-xs: 24;
      --db-base-headline-icon-font-size-xs: 1.5rem;
      --db-type-headline-sm: bolder 1.5rem/1.16667 "DB Neo Screen Head", Helvetica, Arial, sans-serif;
      --db-base-headline-icon-weight-sm: 28;
      --db-base-headline-icon-font-size-sm: 1.75rem;
      --db-type-headline-md: bolder 1.75rem/1.14286 "DB Neo Screen Head", Helvetica, Arial, sans-serif;
      --db-base-headline-icon-weight-md: 32;
      --db-base-headline-icon-font-size-md: 2rem;
      --db-type-headline-lg: bolder 2rem/1.25 "DB Neo Screen Head", Helvetica, Arial, sans-serif;
      --db-base-headline-icon-weight-lg: 40;
      --db-base-headline-icon-font-size-lg: 2.5rem;
      --db-type-headline-xl: bolder 2.5rem/1.2 "DB Neo Screen Head", Helvetica, Arial, sans-serif;
      --db-base-headline-icon-weight-xl: 48;
      --db-base-headline-icon-font-size-xl: 3rem;
      --db-type-headline-2xl: bolder 3rem/1.33333 "DB Neo Screen Head", Helvetica, Arial, sans-serif;
      --db-base-headline-icon-weight-2xl: 64;
      --db-base-headline-icon-font-size-2xl: 4rem;
      --db-type-headline-3xl: bolder 3rem/1.33333 "DB Neo Screen Head", Helvetica, Arial, sans-serif;
      --db-base-headline-icon-weight-3xl: 64;
      --db-base-headline-icon-font-size-3xl: 4rem;
    }
  }

  @media not all and (max-width: 64em) {
    .db-density-regular, :host, :root, [data-density="regular"] {
      --db-type-headline-3xs: bolder 1rem/1.25 "DB Neo Screen Head", Helvetica, Arial, sans-serif;
      --db-base-headline-icon-weight-3xs: 20;
      --db-base-headline-icon-font-size-3xs: 1.25rem;
      --db-type-headline-2xs: bolder 1.25rem/1.2 "DB Neo Screen Head", Helvetica, Arial, sans-serif;
      --db-base-headline-icon-weight-2xs: 24;
      --db-base-headline-icon-font-size-2xs: 1.5rem;
      --db-type-headline-xs: bolder 1.5rem/1.16667 "DB Neo Screen Head", Helvetica, Arial, sans-serif;
      --db-base-headline-icon-weight-xs: 28;
      --db-base-headline-icon-font-size-xs: 1.75rem;
      --db-type-headline-sm: bolder 1.75rem/1.14286 "DB Neo Screen Head", Helvetica, Arial, sans-serif;
      --db-base-headline-icon-weight-sm: 32;
      --db-base-headline-icon-font-size-sm: 2rem;
      --db-type-headline-md: bolder 2rem/1.25 "DB Neo Screen Head", Helvetica, Arial, sans-serif;
      --db-base-headline-icon-weight-md: 40;
      --db-base-headline-icon-font-size-md: 2.5rem;
      --db-type-headline-lg: bolder 2.5rem/1.2 "DB Neo Screen Head", Helvetica, Arial, sans-serif;
      --db-base-headline-icon-weight-lg: 48;
      --db-base-headline-icon-font-size-lg: 3rem;
      --db-type-headline-xl: bolder 3rem/1.33333 "DB Neo Screen Head", Helvetica, Arial, sans-serif;
      --db-base-headline-icon-weight-xl: 64;
      --db-base-headline-icon-font-size-xl: 4rem;
      --db-type-headline-2xl: bolder 4rem/1.25 "DB Neo Screen Head", Helvetica, Arial, sans-serif;
      --db-base-headline-icon-weight-2xl: 80;
      --db-base-headline-icon-font-size-2xl: 5rem;
      --db-type-headline-3xl: bolder 5rem/1.2 "DB Neo Screen Head", Helvetica, Arial, sans-serif;
      --db-base-headline-icon-weight-3xl: 96;
      --db-base-headline-icon-font-size-3xl: 6rem;
    }
  }

  @media (max-width: 48em) {
    .db-density-regular, :host, :root, [data-density="regular"] {
      --db-type-body-3xs: normal .625rem/1.4 "DB Neo Screen Sans", Helvetica, Arial, sans-serif;
      --db-base-body-icon-weight-3xs: 14;
      --db-base-body-icon-font-size-3xs: .875rem;
      --db-type-body-2xs: normal .625rem/1.4 "DB Neo Screen Sans", Helvetica, Arial, sans-serif;
      --db-base-body-icon-weight-2xs: 14;
      --db-base-body-icon-font-size-2xs: .875rem;
      --db-type-body-xs: normal .75rem/1.33333 "DB Neo Screen Sans", Helvetica, Arial, sans-serif;
      --db-base-body-icon-weight-xs: 16;
      --db-base-body-icon-font-size-xs: 1rem;
      --db-type-body-sm: normal .875rem/1.42857 "DB Neo Screen Sans", Helvetica, Arial, sans-serif;
      --db-base-body-icon-weight-sm: 20;
      --db-base-body-icon-font-size-sm: 1.25rem;
      --db-type-body-md: normal 1rem/1.5 "DB Neo Screen Sans", Helvetica, Arial, sans-serif;
      --db-base-body-icon-weight-md: 24;
      --db-base-body-icon-font-size-md: 1.5rem;
      --db-type-body-lg: normal 1.25rem/1.4 "DB Neo Screen Sans", Helvetica, Arial, sans-serif;
      --db-base-body-icon-weight-lg: 28;
      --db-base-body-icon-font-size-lg: 1.75rem;
      --db-type-body-xl: normal 1.25rem/1.4 "DB Neo Screen Sans", Helvetica, Arial, sans-serif;
      --db-base-body-icon-weight-xl: 28;
      --db-base-body-icon-font-size-xl: 1.75rem;
      --db-type-body-2xl: normal 1.25rem/1.4 "DB Neo Screen Sans", Helvetica, Arial, sans-serif;
      --db-base-body-icon-weight-2xl: 28;
      --db-base-body-icon-font-size-2xl: 1.75rem;
      --db-type-body-3xl: normal 1.25rem/1.4 "DB Neo Screen Sans", Helvetica, Arial, sans-serif;
      --db-base-body-icon-weight-3xl: 28;
      --db-base-body-icon-font-size-3xl: 1.75rem;
    }
  }

  @media (not (max-width: 48em)) and (max-width: 64em) {
    .db-density-regular, :host, :root, [data-density="regular"] {
      --db-type-body-3xs: normal .625rem/1.4 "DB Neo Screen Sans", Helvetica, Arial, sans-serif;
      --db-base-body-icon-weight-3xs: 14;
      --db-base-body-icon-font-size-3xs: .875rem;
      --db-type-body-2xs: normal .625rem/1.4 "DB Neo Screen Sans", Helvetica, Arial, sans-serif;
      --db-base-body-icon-weight-2xs: 14;
      --db-base-body-icon-font-size-2xs: .875rem;
      --db-type-body-xs: normal .75rem/1.33333 "DB Neo Screen Sans", Helvetica, Arial, sans-serif;
      --db-base-body-icon-weight-xs: 16;
      --db-base-body-icon-font-size-xs: 1rem;
      --db-type-body-sm: normal .875rem/1.42857 "DB Neo Screen Sans", Helvetica, Arial, sans-serif;
      --db-base-body-icon-weight-sm: 20;
      --db-base-body-icon-font-size-sm: 1.25rem;
      --db-type-body-md: normal 1rem/1.5 "DB Neo Screen Sans", Helvetica, Arial, sans-serif;
      --db-base-body-icon-weight-md: 24;
      --db-base-body-icon-font-size-md: 1.5rem;
      --db-type-body-lg: normal 1.25rem/1.4 "DB Neo Screen Sans", Helvetica, Arial, sans-serif;
      --db-base-body-icon-weight-lg: 28;
      --db-base-body-icon-font-size-lg: 1.75rem;
      --db-type-body-xl: normal 1.5rem/1.33333 "DB Neo Screen Sans", Helvetica, Arial, sans-serif;
      --db-base-body-icon-weight-xl: 32;
      --db-base-body-icon-font-size-xl: 2rem;
      --db-type-body-2xl: normal 1.75rem/1.42857 "DB Neo Screen Sans", Helvetica, Arial, sans-serif;
      --db-base-body-icon-weight-2xl: 40;
      --db-base-body-icon-font-size-2xl: 2.5rem;
      --db-type-body-3xl: normal 2rem/1.5 "DB Neo Screen Sans", Helvetica, Arial, sans-serif;
      --db-base-body-icon-weight-3xl: 48;
      --db-base-body-icon-font-size-3xl: 3rem;
    }
  }

  @media not all and (max-width: 64em) {
    .db-density-regular, :host, :root, [data-density="regular"] {
      --db-type-body-3xs: normal .625rem/1.4 "DB Neo Screen Sans", Helvetica, Arial, sans-serif;
      --db-base-body-icon-weight-3xs: 14;
      --db-base-body-icon-font-size-3xs: .875rem;
      --db-type-body-2xs: normal .625rem/1.4 "DB Neo Screen Sans", Helvetica, Arial, sans-serif;
      --db-base-body-icon-weight-2xs: 14;
      --db-base-body-icon-font-size-2xs: .875rem;
      --db-type-body-xs: normal .75rem/1.33333 "DB Neo Screen Sans", Helvetica, Arial, sans-serif;
      --db-base-body-icon-weight-xs: 16;
      --db-base-body-icon-font-size-xs: 1rem;
      --db-type-body-sm: normal .875rem/1.42857 "DB Neo Screen Sans", Helvetica, Arial, sans-serif;
      --db-base-body-icon-weight-sm: 20;
      --db-base-body-icon-font-size-sm: 1.25rem;
      --db-type-body-md: normal 1rem/1.5 "DB Neo Screen Sans", Helvetica, Arial, sans-serif;
      --db-base-body-icon-weight-md: 24;
      --db-base-body-icon-font-size-md: 1.5rem;
      --db-type-body-lg: normal 1.25rem/1.4 "DB Neo Screen Sans", Helvetica, Arial, sans-serif;
      --db-base-body-icon-weight-lg: 28;
      --db-base-body-icon-font-size-lg: 1.75rem;
      --db-type-body-xl: normal 1.5rem/1.33333 "DB Neo Screen Sans", Helvetica, Arial, sans-serif;
      --db-base-body-icon-weight-xl: 32;
      --db-base-body-icon-font-size-xl: 2rem;
      --db-type-body-2xl: normal 1.75rem/1.42857 "DB Neo Screen Sans", Helvetica, Arial, sans-serif;
      --db-base-body-icon-weight-2xl: 40;
      --db-base-body-icon-font-size-2xl: 2.5rem;
      --db-type-body-3xl: normal 2rem/1.5 "DB Neo Screen Sans", Helvetica, Arial, sans-serif;
      --db-base-body-icon-weight-3xl: 48;
      --db-base-body-icon-font-size-3xl: 3rem;
    }
  }

  @media (max-width: 48em) {
    .db-density-functional, .db-header-meta-navigation, [data-density="functional"] {
      --db-type-headline-3xs: bolder .875rem/1.14286 "DB Neo Screen Head", Helvetica, Arial, sans-serif;
      --db-base-headline-icon-weight-3xs: 16;
      --db-base-headline-icon-font-size-3xs: 1rem;
      --db-type-headline-2xs: bolder .875rem/1.14286 "DB Neo Screen Head", Helvetica, Arial, sans-serif;
      --db-base-headline-icon-weight-2xs: 16;
      --db-base-headline-icon-font-size-2xs: 1rem;
      --db-type-headline-xs: bolder .875rem/1.14286 "DB Neo Screen Head", Helvetica, Arial, sans-serif;
      --db-base-headline-icon-weight-xs: 16;
      --db-base-headline-icon-font-size-xs: 1rem;
      --db-type-headline-sm: bolder 1rem/1.25 "DB Neo Screen Head", Helvetica, Arial, sans-serif;
      --db-base-headline-icon-weight-sm: 20;
      --db-base-headline-icon-font-size-sm: 1.25rem;
      --db-type-headline-md: bolder 1.25rem/1.2 "DB Neo Screen Head", Helvetica, Arial, sans-serif;
      --db-base-headline-icon-weight-md: 24;
      --db-base-headline-icon-font-size-md: 1.5rem;
      --db-type-headline-lg: bolder 1.5rem/1.16667 "DB Neo Screen Head", Helvetica, Arial, sans-serif;
      --db-base-headline-icon-weight-lg: 28;
      --db-base-headline-icon-font-size-lg: 1.75rem;
      --db-type-headline-xl: bolder 1.75rem/1.14286 "DB Neo Screen Head", Helvetica, Arial, sans-serif;
      --db-base-headline-icon-weight-xl: 32;
      --db-base-headline-icon-font-size-xl: 2rem;
      --db-type-headline-2xl: bolder 1.75rem/1.14286 "DB Neo Screen Head", Helvetica, Arial, sans-serif;
      --db-base-headline-icon-weight-2xl: 32;
      --db-base-headline-icon-font-size-2xl: 2rem;
      --db-type-headline-3xl: bolder 1.75rem/1.14286 "DB Neo Screen Head", Helvetica, Arial, sans-serif;
      --db-base-headline-icon-weight-3xl: 32;
      --db-base-headline-icon-font-size-3xl: 2rem;
    }
  }

  @media (not (max-width: 48em)) and (max-width: 64em) {
    .db-density-functional, .db-header-meta-navigation, [data-density="functional"] {
      --db-type-headline-3xs: bolder .875rem/1.14286 "DB Neo Screen Head", Helvetica, Arial, sans-serif;
      --db-base-headline-icon-weight-3xs: 16;
      --db-base-headline-icon-font-size-3xs: 1rem;
      --db-type-headline-2xs: bolder .875rem/1.14286 "DB Neo Screen Head", Helvetica, Arial, sans-serif;
      --db-base-headline-icon-weight-2xs: 16;
      --db-base-headline-icon-font-size-2xs: 1rem;
      --db-type-headline-xs: bolder 1rem/1.25 "DB Neo Screen Head", Helvetica, Arial, sans-serif;
      --db-base-headline-icon-weight-xs: 20;
      --db-base-headline-icon-font-size-xs: 1.25rem;
      --db-type-headline-sm: bolder 1.25rem/1.2 "DB Neo Screen Head", Helvetica, Arial, sans-serif;
      --db-base-headline-icon-weight-sm: 24;
      --db-base-headline-icon-font-size-sm: 1.5rem;
      --db-type-headline-md: bolder 1.5rem/1.16667 "DB Neo Screen Head", Helvetica, Arial, sans-serif;
      --db-base-headline-icon-weight-md: 28;
      --db-base-headline-icon-font-size-md: 1.75rem;
      --db-type-headline-lg: bolder 1.75rem/1.14286 "DB Neo Screen Head", Helvetica, Arial, sans-serif;
      --db-base-headline-icon-weight-lg: 32;
      --db-base-headline-icon-font-size-lg: 2rem;
      --db-type-headline-xl: bolder 2rem/1.25 "DB Neo Screen Head", Helvetica, Arial, sans-serif;
      --db-base-headline-icon-weight-xl: 40;
      --db-base-headline-icon-font-size-xl: 2.5rem;
      --db-type-headline-2xl: bolder 2.5rem/1.2 "DB Neo Screen Head", Helvetica, Arial, sans-serif;
      --db-base-headline-icon-weight-2xl: 48;
      --db-base-headline-icon-font-size-2xl: 3rem;
      --db-type-headline-3xl: bolder 2.5rem/1.2 "DB Neo Screen Head", Helvetica, Arial, sans-serif;
      --db-base-headline-icon-weight-3xl: 48;
      --db-base-headline-icon-font-size-3xl: 3rem;
    }
  }

  @media not all and (max-width: 64em) {
    .db-density-functional, .db-header-meta-navigation, [data-density="functional"] {
      --db-type-headline-3xs: bolder .875rem/1.14286 "DB Neo Screen Head", Helvetica, Arial, sans-serif;
      --db-base-headline-icon-weight-3xs: 16;
      --db-base-headline-icon-font-size-3xs: 1rem;
      --db-type-headline-2xs: bolder .875rem/1.14286 "DB Neo Screen Head", Helvetica, Arial, sans-serif;
      --db-base-headline-icon-weight-2xs: 16;
      --db-base-headline-icon-font-size-2xs: 1rem;
      --db-type-headline-xs: bolder 1rem/1.25 "DB Neo Screen Head", Helvetica, Arial, sans-serif;
      --db-base-headline-icon-weight-xs: 20;
      --db-base-headline-icon-font-size-xs: 1.25rem;
      --db-type-headline-sm: bolder 1.25rem/1.2 "DB Neo Screen Head", Helvetica, Arial, sans-serif;
      --db-base-headline-icon-weight-sm: 24;
      --db-base-headline-icon-font-size-sm: 1.5rem;
      --db-type-headline-md: bolder 1.5rem/1.16667 "DB Neo Screen Head", Helvetica, Arial, sans-serif;
      --db-base-headline-icon-weight-md: 28;
      --db-base-headline-icon-font-size-md: 1.75rem;
      --db-type-headline-lg: bolder 1.75rem/1.14286 "DB Neo Screen Head", Helvetica, Arial, sans-serif;
      --db-base-headline-icon-weight-lg: 32;
      --db-base-headline-icon-font-size-lg: 2rem;
      --db-type-headline-xl: bolder 2rem/1.25 "DB Neo Screen Head", Helvetica, Arial, sans-serif;
      --db-base-headline-icon-weight-xl: 40;
      --db-base-headline-icon-font-size-xl: 2.5rem;
      --db-type-headline-2xl: bolder 2.5rem/1.2 "DB Neo Screen Head", Helvetica, Arial, sans-serif;
      --db-base-headline-icon-weight-2xl: 48;
      --db-base-headline-icon-font-size-2xl: 3rem;
      --db-type-headline-3xl: bolder 2.5rem/1.2 "DB Neo Screen Head", Helvetica, Arial, sans-serif;
      --db-base-headline-icon-weight-3xl: 48;
      --db-base-headline-icon-font-size-3xl: 3rem;
    }
  }

  @media (max-width: 48em) {
    .db-density-functional, .db-header-meta-navigation, [data-density="functional"] {
      --db-type-body-3xs: normal .625rem/1.4 "DB Neo Screen Sans", Helvetica, Arial, sans-serif;
      --db-base-body-icon-weight-3xs: 14;
      --db-base-body-icon-font-size-3xs: .875rem;
      --db-type-body-2xs: normal .625rem/1.4 "DB Neo Screen Sans", Helvetica, Arial, sans-serif;
      --db-base-body-icon-weight-2xs: 14;
      --db-base-body-icon-font-size-2xs: .875rem;
      --db-type-body-xs: normal .625rem/1.4 "DB Neo Screen Sans", Helvetica, Arial, sans-serif;
      --db-base-body-icon-weight-xs: 14;
      --db-base-body-icon-font-size-xs: .875rem;
      --db-type-body-sm: normal .75rem/1.33333 "DB Neo Screen Sans", Helvetica, Arial, sans-serif;
      --db-base-body-icon-weight-sm: 16;
      --db-base-body-icon-font-size-sm: 1rem;
      --db-type-body-md: normal .875rem/1.42857 "DB Neo Screen Sans", Helvetica, Arial, sans-serif;
      --db-base-body-icon-weight-md: 20;
      --db-base-body-icon-font-size-md: 1.25rem;
      --db-type-body-lg: normal 1rem/1.5 "DB Neo Screen Sans", Helvetica, Arial, sans-serif;
      --db-base-body-icon-weight-lg: 24;
      --db-base-body-icon-font-size-lg: 1.5rem;
      --db-type-body-xl: normal 1rem/1.5 "DB Neo Screen Sans", Helvetica, Arial, sans-serif;
      --db-base-body-icon-weight-xl: 24;
      --db-base-body-icon-font-size-xl: 1.5rem;
      --db-type-body-2xl: normal 1rem/1.5 "DB Neo Screen Sans", Helvetica, Arial, sans-serif;
      --db-base-body-icon-weight-2xl: 24;
      --db-base-body-icon-font-size-2xl: 1.5rem;
      --db-type-body-3xl: normal 1rem/1.5 "DB Neo Screen Sans", Helvetica, Arial, sans-serif;
      --db-base-body-icon-weight-3xl: 24;
      --db-base-body-icon-font-size-3xl: 1.5rem;
    }
  }

  @media (not (max-width: 48em)) and (max-width: 64em) {
    .db-density-functional, .db-header-meta-navigation, [data-density="functional"] {
      --db-type-body-3xs: normal .625rem/1.4 "DB Neo Screen Sans", Helvetica, Arial, sans-serif;
      --db-base-body-icon-weight-3xs: 14;
      --db-base-body-icon-font-size-3xs: .875rem;
      --db-type-body-2xs: normal .625rem/1.4 "DB Neo Screen Sans", Helvetica, Arial, sans-serif;
      --db-base-body-icon-weight-2xs: 14;
      --db-base-body-icon-font-size-2xs: .875rem;
      --db-type-body-xs: normal .625rem/1.4 "DB Neo Screen Sans", Helvetica, Arial, sans-serif;
      --db-base-body-icon-weight-xs: 14;
      --db-base-body-icon-font-size-xs: .875rem;
      --db-type-body-sm: normal .75rem/1.33333 "DB Neo Screen Sans", Helvetica, Arial, sans-serif;
      --db-base-body-icon-weight-sm: 16;
      --db-base-body-icon-font-size-sm: 1rem;
      --db-type-body-md: normal .875rem/1.42857 "DB Neo Screen Sans", Helvetica, Arial, sans-serif;
      --db-base-body-icon-weight-md: 20;
      --db-base-body-icon-font-size-md: 1.25rem;
      --db-type-body-lg: normal 1rem/1.5 "DB Neo Screen Sans", Helvetica, Arial, sans-serif;
      --db-base-body-icon-weight-lg: 24;
      --db-base-body-icon-font-size-lg: 1.5rem;
      --db-type-body-xl: normal 1.25rem/1.4 "DB Neo Screen Sans", Helvetica, Arial, sans-serif;
      --db-base-body-icon-weight-xl: 28;
      --db-base-body-icon-font-size-xl: 1.75rem;
      --db-type-body-2xl: normal 1.5rem/1.33333 "DB Neo Screen Sans", Helvetica, Arial, sans-serif;
      --db-base-body-icon-weight-2xl: 32;
      --db-base-body-icon-font-size-2xl: 2rem;
      --db-type-body-3xl: normal 1.75rem/1.42857 "DB Neo Screen Sans", Helvetica, Arial, sans-serif;
      --db-base-body-icon-weight-3xl: 40;
      --db-base-body-icon-font-size-3xl: 2.5rem;
    }
  }

  @media not all and (max-width: 64em) {
    .db-density-functional, .db-header-meta-navigation, [data-density="functional"] {
      --db-type-body-3xs: normal .625rem/1.4 "DB Neo Screen Sans", Helvetica, Arial, sans-serif;
      --db-base-body-icon-weight-3xs: 14;
      --db-base-body-icon-font-size-3xs: .875rem;
      --db-type-body-2xs: normal .625rem/1.4 "DB Neo Screen Sans", Helvetica, Arial, sans-serif;
      --db-base-body-icon-weight-2xs: 14;
      --db-base-body-icon-font-size-2xs: .875rem;
      --db-type-body-xs: normal .625rem/1.4 "DB Neo Screen Sans", Helvetica, Arial, sans-serif;
      --db-base-body-icon-weight-xs: 14;
      --db-base-body-icon-font-size-xs: .875rem;
      --db-type-body-sm: normal .75rem/1.33333 "DB Neo Screen Sans", Helvetica, Arial, sans-serif;
      --db-base-body-icon-weight-sm: 16;
      --db-base-body-icon-font-size-sm: 1rem;
      --db-type-body-md: normal .875rem/1.42857 "DB Neo Screen Sans", Helvetica, Arial, sans-serif;
      --db-base-body-icon-weight-md: 20;
      --db-base-body-icon-font-size-md: 1.25rem;
      --db-type-body-lg: normal 1rem/1.5 "DB Neo Screen Sans", Helvetica, Arial, sans-serif;
      --db-base-body-icon-weight-lg: 24;
      --db-base-body-icon-font-size-lg: 1.5rem;
      --db-type-body-xl: normal 1.25rem/1.4 "DB Neo Screen Sans", Helvetica, Arial, sans-serif;
      --db-base-body-icon-weight-xl: 28;
      --db-base-body-icon-font-size-xl: 1.75rem;
      --db-type-body-2xl: normal 1.5rem/1.33333 "DB Neo Screen Sans", Helvetica, Arial, sans-serif;
      --db-base-body-icon-weight-2xl: 32;
      --db-base-body-icon-font-size-2xl: 2rem;
      --db-type-body-3xl: normal 1.75rem/1.42857 "DB Neo Screen Sans", Helvetica, Arial, sans-serif;
      --db-base-body-icon-weight-3xl: 40;
      --db-base-body-icon-font-size-3xl: 2.5rem;
    }
  }

  .db-density-functional, .db-header-meta-navigation, [data-density="functional"] {
    --db-density-functional: 1;
  }

  .db-header {
    background-color: var(--db-adaptive-bg-basic-level-1-default);
  }

  .db-header:not([hidden]) {
    display: flex;
  }

  .db-header {
    min-block-size: calc(var(--db-sizing-md) + var(--db-spacing-fixed-xs)*2);
    border-block-end: .0625rem solid var(--db-adaptive-on-bg-basic-emphasis-60-default);
    flex-direction: column;
    position: relative;
  }

  @media (min-width: 64em) {
    .db-header:not([data-force-mobile]), .db-header[data-force-mobile="false"] {
      --db-drawer-max-width: 48em;
    }
  }

  .db-header[data-width="small"] {
    max-inline-size: 48em;
    margin-inline: auto;
  }

  .db-header[data-width="medium"] {
    max-inline-size: 64em;
    margin-inline: auto;
  }

  .db-header[data-width="large"] {
    max-inline-size: 90em;
    margin-inline: auto;
  }

  .db-header .db-link:not([hidden]) {
    display: inline-block;
  }

  .db-header[data-on-forcing-mobile="true"] {
    visibility: hidden;
  }

  .db-header:has(.db-brand:empty) .db-header-navigation-container:before {
    display: none;
  }

  .db-header:has(.db-header-navigation:empty) .db-header-navigation-container:before {
    display: none;
  }

  .db-header:has(.db-header-navigation:empty):has(.db-header-meta-navigation:empty):has(.db-header-secondary-action:empty) .db-header-burger-menu-container:not([hidden]) {
    display: none;
  }

  .db-header:has(.db-header-navigation:empty):has(.db-header-secondary-action:empty) .db-header-action-container:before {
    display: none;
  }

  .db-header-navigation-bar:not([hidden]) {
    display: flex;
  }

  .db-header-navigation-bar {
    padding: var(--db-spacing-fixed-xs) var(--db-spacing-fixed-md);
    align-items: center;
    inline-size: 100%;
    position: relative;
  }

  @media (min-width: 64em) {
    .db-header-navigation-bar:not([data-force-mobile]), .db-header-navigation-bar[data-force-mobile="false"] {
      padding: var(--db-spacing-fixed-md) var(--db-spacing-fixed-lg);
    }
  }

  .db-header-meta-navigation:not([hidden]) {
    display: flex;
  }

  .db-header-meta-navigation {
    gap: var(--db-spacing-fixed-sm);
    background-color: var(--db-adaptive-bg-basic-level-2-default);
    padding: var(--db-spacing-fixed-md);
    --db-divider-bg-color: var(--db-adaptive-on-bg-basic-emphasis-60-default);
    position: var(--db-tooltip-parent-position, relative);
    flex-direction: column;
    justify-content: flex-end;
  }

  .db-header-meta-navigation[data-emphasis="strong"] {
    --db-divider-bg-color: var(--db-adaptive-on-bg-basic-emphasis-70-default);
  }

  .db-header-meta-navigation:before {
    content: "";
    background-color: var(--db-divider-bg-color);
    block-size: .0625rem;
    position: absolute;
    inset-block-start: 0;
    inset-inline: 0;
  }

  @media (forced-colors: active) {
    .db-header-meta-navigation {
      border: .0625rem solid var(--db-divider-bg-color);
    }
  }

  @media (min-width: 64em) {
    .db-header-meta-navigation:not([data-force-mobile]), .db-header-meta-navigation[data-force-mobile="false"] {
      padding: var(--db-spacing-fixed-xs) var(--db-spacing-fixed-lg);
      gap: var(--db-spacing-fixed-md);
      flex-direction: row;
      margin: 0;
    }

    .db-header-meta-navigation:not([data-force-mobile]):before, .db-header-meta-navigation:not([data-force-mobile]):empty:not([hidden]), .db-header-meta-navigation[data-force-mobile="false"]:before, .db-header-meta-navigation[data-force-mobile="false"]:empty:not([hidden]) {
      display: none;
    }
  }

  .db-header-meta-navigation:empty:not([hidden]) {
    display: none;
  }

  .db-header-navigation-container:not([hidden]) {
    display: inherit;
  }

  .db-header-navigation-container {
    flex: auto;
    align-items: center;
    block-size: 100%;
    inline-size: 100%;
  }

  @media (min-width: 64em) {
    .db-header-navigation-container:not([data-force-mobile]), .db-header-navigation-container[data-force-mobile="false"] {
      --db-divider-bg-color: var(--db-adaptive-on-bg-basic-emphasis-60-default);
      position: var(--db-tooltip-parent-position, relative);
    }

    .db-header-navigation-container:not([data-force-mobile])[data-emphasis="strong"], .db-header-navigation-container[data-force-mobile="false"][data-emphasis="strong"] {
      --db-divider-bg-color: var(--db-adaptive-on-bg-basic-emphasis-70-default);
    }

    .db-header-navigation-container:not([data-force-mobile]):before, .db-header-navigation-container[data-force-mobile="false"]:before {
      content: "";
      background-color: var(--db-divider-bg-color);
      inline-size: .0625rem;
      position: absolute;
      inset-block: 0;
      inset-inline-start: 0;
    }
  }

  @media (min-width: 64em) and (forced-colors: active) {
    .db-header-navigation-container:not([data-force-mobile]), .db-header-navigation-container[data-force-mobile="false"] {
      border: .0625rem solid var(--db-divider-bg-color);
    }
  }

  @media (min-width: 64em) {
    .db-header-navigation-container:not([data-force-mobile]):before, .db-header-navigation-container[data-force-mobile="false"]:before {
      position: inherit;
      block-size: var(--db-sizing-md);
      margin-inline-start: var(--db-spacing-fixed-lg);
    }
  }

  .db-header-primary-action {
    margin-inline-start: auto;
  }

  .db-header-brand-container:not(:has( > :first-child)):not([hidden]) {
    display: none;
  }

  @media (min-width: 64em) {
    :is(.db-header-action-container:has( > .db-header-secondary-action:empty):not([data-force-mobile]):not([hidden]), .db-header-action-container:has( > .db-header-secondary-action:empty)[data-force-mobile="false"]:not([hidden])) {
      display: none;
    }
  }

  .db-header-brand-container {
    min-block-size: var(--db-sizing-md);
  }

  .db-header-action-container {
    --db-divider-bg-color: var(--db-adaptive-on-bg-basic-emphasis-60-default);
    position: var(--db-tooltip-parent-position, relative);
  }

  .db-header-action-container[data-emphasis="strong"] {
    --db-divider-bg-color: var(--db-adaptive-on-bg-basic-emphasis-70-default);
  }

  .db-header-action-container:before {
    content: "";
    background-color: var(--db-divider-bg-color);
    inline-size: .0625rem;
    position: absolute;
    inset-block: 0;
    inset-inline-start: 0;
  }

  @media (forced-colors: active) {
    .db-header-action-container {
      border: .0625rem solid var(--db-divider-bg-color);
    }
  }

  @media (min-width: 64em) {
    .db-header-action-container:not([data-force-mobile]):before, .db-header-action-container[data-force-mobile="false"]:before {
      margin-inline: var(--db-spacing-fixed-sm);
    }
  }

  .db-header-action-container:before {
    margin-inline: var(--db-spacing-fixed-xs);
    position: inherit;
    block-size: var(--db-sizing-md);
  }

  .db-header-action-container, .db-header-brand-container {
    align-items: center;
    block-size: 100%;
  }

  .db-header-action-container:not([hidden]), .db-header-brand-container:not([hidden]) {
    display: inherit;
  }

  .db-header-action-container, .db-header-brand-container {
    gap: inherit;
    flex: none;
  }

  .db-header-secondary-action {
    --db-divider-bg-color: var(--db-adaptive-on-bg-basic-emphasis-60-default);
    position: var(--db-tooltip-parent-position, relative);
    flex: none;
    padding-block-start: var(--db-spacing-fixed-xs);
  }

  .db-header-secondary-action[data-emphasis="strong"] {
    --db-divider-bg-color: var(--db-adaptive-on-bg-basic-emphasis-70-default);
  }

  .db-header-secondary-action:before {
    content: "";
    background-color: var(--db-divider-bg-color);
    block-size: .0625rem;
    position: absolute;
    inset-block-start: 0;
    inset-inline: 0;
  }

  @media (forced-colors: active) {
    .db-header-secondary-action {
      border: .0625rem solid var(--db-divider-bg-color);
    }
  }

  @media (min-width: 64em) {
    .db-header-secondary-action:not([data-force-mobile]):before, .db-header-secondary-action[data-force-mobile="false"]:before {
      display: none;
    }
  }

  .db-header-drawer-navigation:not([hidden]) {
    display: flex;
  }

  .db-header-drawer-navigation {
    flex-direction: column;
    flex: auto;
    justify-content: space-between;
    block-size: 100%;
    overflow: auto;
  }

  .db-header-navigation {
    padding-block: var(--db-spacing-fixed-md);
  }

  @media (min-width: 64em) {
    .db-header-navigation:not([data-force-mobile]), .db-header-navigation[data-force-mobile="false"] {
      margin-inline: var(--db-spacing-fixed-lg);
    }
  }

  .db-header-navigation:not([hidden]), .db-header-secondary-action:not([hidden]) {
    display: flex;
  }

  .db-header-navigation, .db-header-secondary-action {
    gap: var(--db-spacing-fixed-sm);
    padding-inline: var(--db-spacing-fixed-md);
  }

  @media (min-width: 64em) {
    .db-header-navigation:not([data-force-mobile]), .db-header-navigation[data-force-mobile="false"], .db-header-secondary-action:not([data-force-mobile]), .db-header-secondary-action[data-force-mobile="false"] {
      gap: var(--db-spacing-fixed-xs);
      padding: 0;
    }
  }

  .db-header-drawer {
    --db-drawer-content-padding-inline: 0;
    --db-drawer-header-padding-block-end: calc(1px + var(--db-spacing-fixed-xs));
    padding-block-end: 0;
  }

  .db-header-drawer .db-drawer-content:not([hidden]) {
    display: flex;
  }

  .db-header-drawer .db-drawer-content {
    flex-direction: column;
    block-size: 100%;
    overflow: hidden;
  }

  .db-header-action-container > .db-header-secondary-action:not([hidden]), .db-header-meta-navigation:not([hidden]), .db-header-navigation-container > .db-header-navigation:not([hidden]) {
    display: none;
  }

  @media (min-width: 64em) {
    .db-header-action-container > .db-header-secondary-action:not([data-force-mobile]):not([hidden]), .db-header-action-container > .db-header-secondary-action[data-force-mobile="false"]:not([hidden]), .db-header-meta-navigation:not([data-force-mobile]):not([hidden]), .db-header-meta-navigation[data-force-mobile="false"]:not([hidden]), .db-header-navigation-container > .db-header-navigation:not([data-force-mobile]):not([hidden]), .db-header-navigation-container > .db-header-navigation[data-force-mobile="false"]:not([hidden]) {
      display: inherit;
    }
  }

  .db-header-drawer-navigation > .db-header-meta-navigation:not(:empty):not([hidden]) {
    display: inherit;
  }

  @media (min-width: 64em) {
    .db-header-burger-menu-container:not([data-force-mobile]):not([hidden]), .db-header-burger-menu-container[data-force-mobile="false"]:not([hidden]), .db-header-drawer:not([data-force-mobile]):not([hidden]), .db-header-drawer[data-force-mobile="false"]:not([hidden]) {
      display: none;
    }
  }

  @media screen {
    .db-page-document {
      block-size: 100%;
      overflow: hidden;
    }

    .db-page {
      opacity: 0;
    }
  }

  @media screen and (prefers-reduced-motion: no-preference) {
    .db-page[data-fade-in="true"] {
      transition: opacity .3s cubic-bezier(.27, .05, .4, .95);
    }
  }

  @media screen {
    .db-page:not([data-fonts-loaded]), .db-page[data-fonts-loaded="true"] {
      opacity: 1;
    }

    .db-page[data-variant="fixed"] > :is(.db-header, .db-footer, header, footer):not([hidden]) {
      display: flex;
    }

    .db-page[data-variant="fixed"] > :is(.db-header, .db-footer, header, footer) {
      flex: none;
    }

    .db-page[data-variant="fixed"] {
      block-size: 100%;
      min-block-size: 100%;
    }

    .db-page[data-variant="fixed"]:not([hidden]) {
      display: flex;
    }

    .db-page[data-variant="fixed"] {
      flex-direction: column;
    }

    .db-page[data-variant="fixed"] > :is(db-header, dbheader, dbfooter, db-footer) > :is(.db-header, .db-footer, header, footer):not([hidden]) {
      display: flex;
    }

    .db-page[data-variant="fixed"] > :is(db-header, dbheader, dbfooter, db-footer) > :is(.db-header, .db-footer, header, footer) {
      flex: none;
    }

    .db-page[data-variant="fixed"] > .db-main:not([hidden]) {
      display: flex;
    }

    .db-page[data-variant="fixed"] > .db-main {
      flex-direction: column;
      flex: auto;
      inline-size: 100%;
      overflow: auto;
    }
  }

  .db-tag a, .db-tag label, [class^="db-"], [class^="db-"] *, [class^="db-"] :after, [class^="db-"] :before {
    transition: outline 75ms, border-color .3s cubic-bezier(.27, .05, .4, .95), background-color .3s cubic-bezier(.27, .05, .4, .95);
  }

  .db-textarea[data-variant="floating"]:has(textarea:is(:focus-within, :not(:placeholder-shown))):before {
    transition: outline 75ms, border-color .3s cubic-bezier(.27, .05, .4, .95), background-color .3s cubic-bezier(.27, .05, .4, .95);
  }

  .db-tab-list > ul::-webkit-scrollbar {
    transition: outline 75ms, border-color .3s cubic-bezier(.27, .05, .4, .95), background-color .3s cubic-bezier(.27, .05, .4, .95);
  }

  .db-tab-list > ul::-webkit-scrollbar-corner {
    transition: outline 75ms, border-color .3s cubic-bezier(.27, .05, .4, .95), background-color .3s cubic-bezier(.27, .05, .4, .95);
  }

  .db-textarea textarea::-webkit-scrollbar {
    transition: outline 75ms, border-color .3s cubic-bezier(.27, .05, .4, .95), background-color .3s cubic-bezier(.27, .05, .4, .95);
  }

  .db-textarea textarea::-webkit-scrollbar-corner {
    transition: outline 75ms, border-color .3s cubic-bezier(.27, .05, .4, .95), background-color .3s cubic-bezier(.27, .05, .4, .95);
  }

  .db-link, .db-notification a {
    transition: outline 75ms, color .3s cubic-bezier(.27, .05, .4, .95);
  }

  @keyframes popover-animation {
    0% {
      pointer-events: none;
      opacity: 0;
      transform: translate(var(--db-popover-center-x, var(--db-popover-translate-x, 0)),var(--db-popover-center-y, var(--db-popover-translate-y, 0)));
    }

    to {
      pointer-events: auto;
      opacity: 1;
      transform: translate(var(--db-popover-center-x, 0),var(--db-popover-center-y, 0));
    }
  }

  @keyframes rotate {
    to {
      transform: rotate(1turn);
    }
  }

  .db-link a:not([hidden]), .db-link:not([hidden]), .db-notification a:not([hidden]) {
    display: inline-block;
  }

  .db-link a:not([data-wrap="true"]), .db-link:not([data-wrap="true"]), .db-notification a:not([data-wrap="true"]) {
    block-size: var(--db-sizing-sm);
  }

  .db-link, .db-notification a, .db-notification a[data-variant="brand"] {
    color: var(--db-adaptive-on-bg-basic-emphasis-100-default);
  }

  .db-link:hover:not(:disabled, [aria-disabled="true"], [tabindex="-1"], :has(:disabled)) {
    cursor: var(--db-overwrite-cursor, pointer);
    color: #0000;
  }

  .db-notification a:hover:not(:disabled, [aria-disabled="true"], [tabindex="-1"], :has(:disabled)) {
    cursor: var(--db-overwrite-cursor, pointer);
    color: #0000;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .db-link:hover:not(:disabled, [aria-disabled="true"], [tabindex="-1"], :has(:disabled)) {
      color: color-mix(in srgb,#0000 25%,var(--db-adaptive-on-bg-basic-emphasis-100-default));
    }

    .db-notification a:hover:not(:disabled, [aria-disabled="true"], [tabindex="-1"], :has(:disabled)) {
      color: color-mix(in srgb,#0000 25%,var(--db-adaptive-on-bg-basic-emphasis-100-default));
    }
  }

  .db-link:hover:not(:disabled, [aria-disabled="true"], [tabindex="-1"], :has(:disabled)):is(input) {
    cursor: auto;
  }

  .db-link:hover:not(:disabled, [aria-disabled="true"], [tabindex="-1"], :has(:disabled)):is(textarea) {
    cursor: auto;
  }

  .db-notification a:hover:not(:disabled, [aria-disabled="true"], [tabindex="-1"], :has(:disabled)):is(input) {
    cursor: auto;
  }

  .db-notification a:hover:not(:disabled, [aria-disabled="true"], [tabindex="-1"], :has(:disabled)):is(textarea) {
    cursor: auto;
  }

  .db-link:hover:not(:disabled, [aria-disabled="true"], [tabindex="-1"], :has(:disabled)):is(input[type="checkbox"]) {
    cursor: pointer;
  }

  .db-link:hover:not(:disabled, [aria-disabled="true"], [tabindex="-1"], :has(:disabled)):is(input[type="radio"]:not(:checked)) {
    cursor: pointer;
  }

  .db-notification a:hover:not(:disabled, [aria-disabled="true"], [tabindex="-1"], :has(:disabled)):is(input[type="checkbox"]) {
    cursor: pointer;
  }

  .db-notification a:hover:not(:disabled, [aria-disabled="true"], [tabindex="-1"], :has(:disabled)):is(input[type="radio"]:not(:checked)) {
    cursor: pointer;
  }

  .db-link:active:not(:disabled, [aria-disabled="true"], [tabindex="-1"], :has(:disabled)) {
    cursor: var(--db-overwrite-cursor, pointer);
    color: #0000;
  }

  .db-notification a:active:not(:disabled, [aria-disabled="true"], [tabindex="-1"], :has(:disabled)) {
    cursor: var(--db-overwrite-cursor, pointer);
    color: #0000;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .db-link:active:not(:disabled, [aria-disabled="true"], [tabindex="-1"], :has(:disabled)) {
      color: color-mix(in srgb,#0000 50%,var(--db-adaptive-on-bg-basic-emphasis-100-default));
    }

    .db-notification a:active:not(:disabled, [aria-disabled="true"], [tabindex="-1"], :has(:disabled)) {
      color: color-mix(in srgb,#0000 50%,var(--db-adaptive-on-bg-basic-emphasis-100-default));
    }
  }

  .db-link:active:not(:disabled, [aria-disabled="true"], [tabindex="-1"], :has(:disabled)):is(input) {
    cursor: auto;
  }

  .db-link:active:not(:disabled, [aria-disabled="true"], [tabindex="-1"], :has(:disabled)):is(textarea) {
    cursor: auto;
  }

  .db-notification a:active:not(:disabled, [aria-disabled="true"], [tabindex="-1"], :has(:disabled)):is(input) {
    cursor: auto;
  }

  .db-notification a:active:not(:disabled, [aria-disabled="true"], [tabindex="-1"], :has(:disabled)):is(textarea) {
    cursor: auto;
  }

  .db-link:active:not(:disabled, [aria-disabled="true"], [tabindex="-1"], :has(:disabled)):is(input[type="checkbox"]) {
    cursor: pointer;
  }

  .db-link:active:not(:disabled, [aria-disabled="true"], [tabindex="-1"], :has(:disabled)):is(input[type="radio"]:not(:checked)) {
    cursor: pointer;
  }

  .db-notification a:active:not(:disabled, [aria-disabled="true"], [tabindex="-1"], :has(:disabled)):is(input[type="checkbox"]) {
    cursor: pointer;
  }

  .db-notification a:active:not(:disabled, [aria-disabled="true"], [tabindex="-1"], :has(:disabled)):is(input[type="radio"]:not(:checked)) {
    cursor: pointer;
  }

  .db-link, .db-notification a {
    text-underline-position: from-font;
    inline-size: fit-content;
    text-decoration-line: underline;
    text-decoration-thickness: .0625rem;
  }

  .db-link:not([data-wrap="true"], [data-variant="inline"]), .db-notification a:not([data-wrap="true"], [data-variant="inline"]) {
    white-space: nowrap;
  }

  .db-notification a[data-variant="inline"]:not([hidden]), [data-variant="inline"].db-link:not([hidden]) {
    display: inline;
  }

  .db-link:focus-visible, .db-notification a:focus-visible {
    border-radius: .25rem;
  }

  .db-notification a[aria-disabled="true"], [aria-disabled="true"].db-link {
    opacity: .4;
    pointer-events: none;
  }

  .db-link {
    --db-icon-margin-start: var(--db-spacing-fixed-2xs);
    --db-icon-vertical-align: top;
  }

  .db-link[data-content="internal"]:not([data-variant="inline"]):not([data-show-icon-trailing="false"]):after {
    --db-icon-trailing: "arrow_right";
    content: var(--db-icon-trailing, attr(data-icon-trailing));
    margin-inline-start: var(--db-icon-margin-start, var(--db-spacing-fixed-xs));
  }

  @supports (content: ""/"") {
    .db-link[data-content="internal"]:not([data-variant="inline"]):not([data-show-icon-trailing="false"]):after {
      content: var(--db-icon-trailing, attr(data-icon-trailing))/"";
    }
  }

  .db-link[data-content="external"]:not([data-variant="inline"]):not([data-show-icon-trailing="false"]):after {
    --db-icon-trailing: "arrow_up_right";
    content: var(--db-icon-trailing, attr(data-icon-trailing));
    margin-inline-start: var(--db-icon-margin-start, var(--db-spacing-fixed-xs));
  }

  @supports (content: ""/"") {
    .db-link[data-content="external"]:not([data-variant="inline"]):not([data-show-icon-trailing="false"]):after {
      content: var(--db-icon-trailing, attr(data-icon-trailing))/"";
    }
  }

  .db-link[data-variant="brand"] {
    color: var(--lightningcss-light, #c00010) var(--lightningcss-dark, #ff888a);
  }

  .db-link[data-variant="brand"]:hover:not(:disabled, [aria-disabled="true"], [tabindex="-1"], :has(:disabled)) {
    cursor: var(--db-overwrite-cursor, pointer);
    color: var(--lightningcss-light, #690004) var(--lightningcss-dark, #ffe9e9);
  }

  :is(.db-link[data-variant="brand"]:hover:not(:disabled, [aria-disabled="true"], [tabindex="-1"], :has(:disabled)):is(input), .db-link[data-variant="brand"]:hover:not(:disabled, [aria-disabled="true"], [tabindex="-1"], :has(:disabled)):is(textarea)) {
    cursor: auto;
  }

  .db-link[data-variant="brand"]:hover:not(:disabled, [aria-disabled="true"], [tabindex="-1"], :has(:disabled)):is(input[type="checkbox"]) {
    cursor: pointer;
  }

  .db-link[data-variant="brand"]:hover:not(:disabled, [aria-disabled="true"], [tabindex="-1"], :has(:disabled)):is(input[type="radio"]:not(:checked)) {
    cursor: pointer;
  }

  .db-link[data-variant="brand"]:active:not(:disabled, [aria-disabled="true"], [tabindex="-1"], :has(:disabled)) {
    cursor: var(--db-overwrite-cursor, pointer);
    color: var(--lightningcss-light, #9c000a) var(--lightningcss-dark, #ffb3b4);
  }

  :is(.db-link[data-variant="brand"]:active:not(:disabled, [aria-disabled="true"], [tabindex="-1"], :has(:disabled)):is(input), .db-link[data-variant="brand"]:active:not(:disabled, [aria-disabled="true"], [tabindex="-1"], :has(:disabled)):is(textarea)) {
    cursor: auto;
  }

  .db-link[data-variant="brand"]:active:not(:disabled, [aria-disabled="true"], [tabindex="-1"], :has(:disabled)):is(input[type="checkbox"]) {
    cursor: pointer;
  }

  .db-link[data-variant="brand"]:active:not(:disabled, [aria-disabled="true"], [tabindex="-1"], :has(:disabled)):is(input[type="radio"]:not(:checked)) {
    cursor: pointer;
  }

  .db-link[data-size="small"] {
    --db-icon-margin-start: var(--db-spacing-fixed-3xs);
  }

  .db-section:not([data-width]), .db-section[data-width="full"] {
    padding-inline: var(--db-spacing-fixed-md);
  }

  .db-section[data-width="small"] {
    padding-inline: max(var(--db-spacing-fixed-md) + (100vw - 48em)/2,var(--db-spacing-fixed-md));
  }

  .db-section[data-width="medium"] {
    padding-inline: max(var(--db-spacing-fixed-md) + (100vw - 64em)/2,var(--db-spacing-fixed-md));
  }

  .db-section[data-width="large"] {
    padding-inline: max(var(--db-spacing-fixed-md) + (100vw - 90em)/2,var(--db-spacing-fixed-md));
  }

  .db-section:not([data-spacing]) {
    padding-block: var(--db-spacing-responsive-md);
  }

  .db-section[data-spacing="large"] {
    padding-block: var(--db-spacing-responsive-lg);
  }

  .db-section[data-spacing="medium"] {
    padding-block: var(--db-spacing-responsive-md);
  }

  .db-section[data-spacing="small"] {
    padding-block: var(--db-spacing-responsive-sm);
  }

  .db-section[data-spacing="none"] {
    padding-block: 0;
  }

  .db-infotext {
    --db-icon-margin-end: var(--db-spacing-fixed-2xs);
  }

  .db-infotext:not([hidden]) {
    display: flex;
  }

  .db-infotext:not([data-icon]) {
    --db-icon-font-family: "db-filled", icon-font-fallback;
  }

  .db-infotext:not([data-icon]):not([data-show-icon-leading="false"]):before {
    --db-icon: "information_circle";
    margin-inline-end: var(--db-icon-margin-end, var(--db-spacing-fixed-xs));
  }

  .db-infotext:not([data-semantic]), .db-infotext[data-semantic="adaptive"] {
    color: var(--db-adaptive-on-bg-basic-emphasis-80-default);
  }

  .db-infotext:not([data-semantic]):before, .db-infotext[data-semantic="adaptive"]:before {
    --db-icon-color: var(--db-adaptive-on-bg-basic-emphasis-70-default);
  }

  .db-infotext[data-wrap="false"] {
    white-space: nowrap;
  }

  .db-infotext[data-semantic="neutral"]:not([data-icon]):before {
    --db-icon: "information_circle";
  }

  .db-infotext[data-semantic="neutral"] {
    color: var(--lightningcss-light, #5a5e68) var(--lightningcss-dark, #a6abb6);
  }

  .db-infotext[data-semantic="neutral"]:before {
    --db-icon-color: var(--lightningcss-light, #727782) var(--lightningcss-dark, #8a919e);
  }

  .db-infotext[data-semantic="critical"]:not([data-icon]):before {
    --db-icon: "exclamation_mark_circle";
  }

  .db-infotext[data-semantic="critical"] {
    color: var(--lightningcss-light, #c00010) var(--lightningcss-dark, #ff888a);
  }

  .db-infotext[data-semantic="critical"]:before {
    --db-icon-color: var(--lightningcss-light, #ef0016) var(--lightningcss-dark, #ff5357);
  }

  .db-infotext[data-semantic="successful"]:not([data-icon]):before {
    --db-icon: "check_circle";
  }

  .db-infotext[data-semantic="successful"] {
    color: var(--lightningcss-light, #3d6a09) var(--lightningcss-dark, #72bf1a);
  }

  .db-infotext[data-semantic="successful"]:before {
    --db-icon-color: var(--lightningcss-light, #4e850f) var(--lightningcss-dark, #60a114);
  }

  .db-infotext[data-semantic="warning"]:not([data-icon]):before {
    --db-icon: "exclamation_mark_triangle";
  }

  .db-infotext[data-semantic="warning"] {
    color: var(--lightningcss-light, #8a5100) var(--lightningcss-dark, #f69400);
  }

  .db-infotext[data-semantic="warning"]:before {
    --db-icon-color: var(--lightningcss-light, #ad6600) var(--lightningcss-dark, #d17d00);
  }

  .db-infotext[data-semantic="informational"]:not([data-icon]):before {
    --db-icon: "information_circle";
  }

  .db-infotext[data-semantic="informational"] {
    color: var(--lightningcss-light, #1b6586) var(--lightningcss-dark, #38b6ef);
  }

  .db-infotext[data-semantic="informational"]:before {
    --db-icon-color: var(--lightningcss-light, #257fa8) var(--lightningcss-dark, #2e9acb);
  }

  .db-infotext:has( > .db-infotext) {
    margin: 0;
  }

  .db-infotext:has( > .db-infotext):before {
    content: none;
  }

  .db-notification {
    grid-template-columns: 1fr;
    grid-template-areas: "content";
  }

  [data-link-variant="inline"].db-notification {
    grid-template-columns: 1fr min-content;
    grid-template-areas: "content timestamp";
  }

  .db-notification:has(.db-button) {
    grid-template-columns: 1fr min-content;
    grid-template-areas: "content close";
  }

  .db-notification:has(.db-button)[data-link-variant="inline"] {
    grid-template-columns: 1fr min-content min-content;
    grid-template-areas: "content timestamp close";
  }

  .db-notification:has(header) {
    grid-template-columns: 1fr;
    grid-template-areas: "head"
                         "content";
  }

  .db-notification:has(header)[data-link-variant="inline"] {
    grid-template-columns: 1fr min-content;
    grid-template-areas: "head timestamp"
                         "content content";
  }

  .db-notification:has(header):has(.db-button) {
    grid-template-columns: 1fr min-content;
    grid-template-areas: "head close"
                         "content content";
  }

  .db-notification:has(header):has(.db-button)[data-link-variant="inline"] {
    grid-template-columns: 1fr min-content min-content;
    grid-template-areas: "head timestamp close"
                         "content content .";
  }

  [data-icon].db-notification:not([data-show-icon="false"]), [data-semantic].db-notification:not([data-semantic="adaptive"], [data-show-icon="false"]) {
    grid-template-columns: min-content 1fr;
    grid-template-areas: "icon content";
  }

  .db-notification:has(img) {
    grid-template-columns: min-content 1fr;
    grid-template-areas: "icon content";
  }

  [data-icon].db-notification:not([data-show-icon="false"])[data-link-variant="inline"], [data-semantic].db-notification:not([data-semantic="adaptive"], [data-show-icon="false"])[data-link-variant="inline"] {
    grid-template-columns: min-content 1fr min-content;
    grid-template-areas: "icon content timestamp";
  }

  .db-notification:has(img)[data-link-variant="inline"] {
    grid-template-columns: min-content 1fr min-content;
    grid-template-areas: "icon content timestamp";
  }

  .db-notification:has(img):has(.db-button) {
    grid-template-columns: min-content 1fr min-content;
    grid-template-areas: "icon content close";
  }

  [data-icon].db-notification:not([data-show-icon="false"]):has(.db-button) {
    grid-template-columns: min-content 1fr min-content;
    grid-template-areas: "icon content close";
  }

  [data-semantic].db-notification:not([data-semantic="adaptive"], [data-show-icon="false"]):has(.db-button) {
    grid-template-columns: min-content 1fr min-content;
    grid-template-areas: "icon content close";
  }

  .db-notification:has(img):has(.db-button)[data-link-variant="inline"] {
    grid-template-columns: min-content 1fr min-content min-content;
    grid-template-areas: "icon content timestamp close";
  }

  [data-icon].db-notification:not([data-show-icon="false"]):has(.db-button)[data-link-variant="inline"] {
    grid-template-columns: min-content 1fr min-content min-content;
    grid-template-areas: "icon content timestamp close";
  }

  [data-semantic].db-notification:not([data-semantic="adaptive"], [data-show-icon="false"]):has(.db-button)[data-link-variant="inline"] {
    grid-template-columns: min-content 1fr min-content min-content;
    grid-template-areas: "icon content timestamp close";
  }

  .db-notification:has(img):has(header) {
    grid-template-columns: min-content 1fr;
    grid-template-areas: "icon head"
                         "icon content";
  }

  [data-icon].db-notification:not([data-show-icon="false"]):has(header) {
    grid-template-columns: min-content 1fr;
    grid-template-areas: "icon head"
                         "icon content";
  }

  [data-semantic].db-notification:not([data-semantic="adaptive"], [data-show-icon="false"]):has(header) {
    grid-template-columns: min-content 1fr;
    grid-template-areas: "icon head"
                         "icon content";
  }

  .db-notification:has(img):has(header)[data-link-variant="inline"] {
    grid-template-columns: min-content 1fr min-content;
    grid-template-areas: "icon head timestamp"
                         "icon content content";
  }

  [data-icon].db-notification:not([data-show-icon="false"]):has(header)[data-link-variant="inline"] {
    grid-template-columns: min-content 1fr min-content;
    grid-template-areas: "icon head timestamp"
                         "icon content content";
  }

  [data-semantic].db-notification:not([data-semantic="adaptive"], [data-show-icon="false"]):has(header)[data-link-variant="inline"] {
    grid-template-columns: min-content 1fr min-content;
    grid-template-areas: "icon head timestamp"
                         "icon content content";
  }

  .db-notification:has(img):has(header):has(.db-button) {
    grid-template-columns: min-content 1fr min-content;
    grid-template-areas: "icon head close"
                         "icon content content";
  }

  [data-icon].db-notification:not([data-show-icon="false"]):has(header):has(.db-button) {
    grid-template-columns: min-content 1fr min-content;
    grid-template-areas: "icon head close"
                         "icon content content";
  }

  [data-semantic].db-notification:not([data-semantic="adaptive"], [data-show-icon="false"]):has(header):has(.db-button) {
    grid-template-columns: min-content 1fr min-content;
    grid-template-areas: "icon head close"
                         "icon content content";
  }

  .db-notification:has(img):has(header):has(.db-button)[data-link-variant="inline"] {
    grid-template-columns: min-content 1fr min-content min-content;
    grid-template-areas: "icon head timestamp close"
                         "icon content content .";
  }

  [data-icon].db-notification:not([data-show-icon="false"]):has(header):has(.db-button)[data-link-variant="inline"] {
    grid-template-columns: min-content 1fr min-content min-content;
    grid-template-areas: "icon head timestamp close"
                         "icon content content .";
  }

  [data-semantic].db-notification:not([data-semantic="adaptive"], [data-show-icon="false"]):has(header):has(.db-button)[data-link-variant="inline"] {
    grid-template-columns: min-content 1fr min-content min-content;
    grid-template-areas: "icon head timestamp close"
                         "icon content content .";
  }

  .db-notification[data-variant="overlay"] {
    grid-template-columns: 1fr min-content;
    grid-template-areas: "content timestamp";
  }

  .db-notification[data-variant="overlay"]:has(.db-button) {
    grid-template-columns: 1fr min-content min-content;
    grid-template-areas: "content timestamp close";
  }

  .db-notification[data-variant="overlay"]:has(header) {
    grid-template-columns: 1fr min-content;
    grid-template-areas: "head timestamp"
                         "content content";
  }

  .db-notification[data-variant="overlay"]:has(header):has(.db-button) {
    grid-template-columns: 1fr min-content min-content;
    grid-template-areas: "head timestamp close"
                         "content content content";
  }

  [data-icon].db-notification[data-variant="overlay"]:not([data-show-icon="false"]), [data-semantic].db-notification[data-variant="overlay"]:not([data-semantic="adaptive"], [data-show-icon="false"]) {
    grid-template-columns: min-content 1fr min-content;
    grid-template-areas: "icon content timestamp";
  }

  .db-notification[data-variant="overlay"]:has(img) {
    grid-template-columns: min-content 1fr min-content;
    grid-template-areas: "icon content timestamp";
  }

  .db-notification[data-variant="overlay"]:has(img):has(.db-button) {
    grid-template-columns: min-content 1fr min-content min-content;
    grid-template-areas: "icon content timestamp close";
  }

  [data-icon].db-notification[data-variant="overlay"]:not([data-show-icon="false"]):has(.db-button) {
    grid-template-columns: min-content 1fr min-content min-content;
    grid-template-areas: "icon content timestamp close";
  }

  [data-semantic].db-notification[data-variant="overlay"]:not([data-semantic="adaptive"], [data-show-icon="false"]):has(.db-button) {
    grid-template-columns: min-content 1fr min-content min-content;
    grid-template-areas: "icon content timestamp close";
  }

  .db-notification[data-variant="overlay"]:has(img):has(header) {
    grid-template-columns: min-content 1fr min-content;
    grid-template-areas: "icon head timestamp"
                         "icon content content";
  }

  [data-icon].db-notification[data-variant="overlay"]:not([data-show-icon="false"]):has(header) {
    grid-template-columns: min-content 1fr min-content;
    grid-template-areas: "icon head timestamp"
                         "icon content content";
  }

  [data-semantic].db-notification[data-variant="overlay"]:not([data-semantic="adaptive"], [data-show-icon="false"]):has(header) {
    grid-template-columns: min-content 1fr min-content;
    grid-template-areas: "icon head timestamp"
                         "icon content content";
  }

  .db-notification[data-variant="overlay"]:has(img):has(header):has(.db-button) {
    grid-template-columns: min-content 1fr min-content min-content;
    grid-template-areas: "icon head timestamp close"
                         "icon content content content";
  }

  [data-icon].db-notification[data-variant="overlay"]:not([data-show-icon="false"]):has(header):has(.db-button) {
    grid-template-columns: min-content 1fr min-content min-content;
    grid-template-areas: "icon head timestamp close"
                         "icon content content content";
  }

  [data-semantic].db-notification[data-variant="overlay"]:not([data-semantic="adaptive"], [data-show-icon="false"]):has(header):has(.db-button) {
    grid-template-columns: min-content 1fr min-content min-content;
    grid-template-areas: "icon head timestamp close"
                         "icon content content content";
  }

  .db-notification[data-variant="overlay"]:has([data-area="timestamp"])[data-link-variant="block"] {
    grid-template-columns: 1fr min-content;
    grid-template-areas: "content timestamp"
                         "link link";
  }

  .db-notification[data-variant="overlay"]:has([data-area="timestamp"])[data-link-variant="block"]:has(.db-button) {
    grid-template-columns: 1fr min-content min-content;
    grid-template-areas: "content timestamp close"
                         "link link link";
  }

  .db-notification[data-variant="overlay"]:has([data-area="timestamp"])[data-link-variant="block"]:has(header) {
    grid-template-columns: 1fr min-content;
    grid-template-areas: "head timestamp"
                         "content content"
                         "link link";
  }

  .db-notification[data-variant="overlay"]:has([data-area="timestamp"])[data-link-variant="block"]:has(header):has(.db-button) {
    grid-template-columns: 1fr min-content min-content;
    grid-template-areas: "head timestamp close"
                         "content content content"
                         "link link link";
  }

  .db-notification[data-variant="overlay"]:has([data-area="timestamp"])[data-link-variant="block"]:has(img) {
    grid-template-columns: min-content 1fr min-content;
    grid-template-areas: "icon content timestamp"
                         "icon link link";
  }

  .db-notification[data-variant="overlay"]:has([data-area="timestamp"])[data-link-variant="block"][data-icon]:not([data-show-icon="false"]) {
    grid-template-columns: min-content 1fr min-content;
    grid-template-areas: "icon content timestamp"
                         "icon link link";
  }

  .db-notification[data-variant="overlay"]:has([data-area="timestamp"])[data-link-variant="block"][data-semantic]:not([data-semantic="adaptive"], [data-show-icon="false"]) {
    grid-template-columns: min-content 1fr min-content;
    grid-template-areas: "icon content timestamp"
                         "icon link link";
  }

  .db-notification[data-variant="overlay"]:has([data-area="timestamp"])[data-link-variant="block"]:has(img):has(.db-button) {
    grid-template-columns: min-content 1fr min-content min-content;
    grid-template-areas: "icon content timestamp close"
                         "icon link link link";
  }

  .db-notification[data-variant="overlay"]:has([data-area="timestamp"])[data-link-variant="block"][data-icon]:not([data-show-icon="false"]):has(.db-button) {
    grid-template-columns: min-content 1fr min-content min-content;
    grid-template-areas: "icon content timestamp close"
                         "icon link link link";
  }

  .db-notification[data-variant="overlay"]:has([data-area="timestamp"])[data-link-variant="block"][data-semantic]:not([data-semantic="adaptive"], [data-show-icon="false"]):has(.db-button) {
    grid-template-columns: min-content 1fr min-content min-content;
    grid-template-areas: "icon content timestamp close"
                         "icon link link link";
  }

  .db-notification[data-variant="overlay"]:has([data-area="timestamp"])[data-link-variant="block"]:has(img):has(header) {
    grid-template-columns: min-content 1fr min-content;
    grid-template-areas: "icon head timestamp"
                         "icon content content"
                         "icon link link";
  }

  .db-notification[data-variant="overlay"]:has([data-area="timestamp"])[data-link-variant="block"][data-icon]:not([data-show-icon="false"]):has(header) {
    grid-template-columns: min-content 1fr min-content;
    grid-template-areas: "icon head timestamp"
                         "icon content content"
                         "icon link link";
  }

  .db-notification[data-variant="overlay"]:has([data-area="timestamp"])[data-link-variant="block"][data-semantic]:not([data-semantic="adaptive"], [data-show-icon="false"]):has(header) {
    grid-template-columns: min-content 1fr min-content;
    grid-template-areas: "icon head timestamp"
                         "icon content content"
                         "icon link link";
  }

  .db-notification[data-variant="overlay"]:has([data-area="timestamp"])[data-link-variant="block"]:has(img):has(header):has(.db-button) {
    grid-template-columns: min-content 1fr min-content min-content;
    grid-template-areas: "icon head timestamp close"
                         "icon content content content"
                         "icon link link link";
  }

  .db-notification[data-variant="overlay"]:has([data-area="timestamp"])[data-link-variant="block"][data-icon]:not([data-show-icon="false"]):has(header):has(.db-button) {
    grid-template-columns: min-content 1fr min-content min-content;
    grid-template-areas: "icon head timestamp close"
                         "icon content content content"
                         "icon link link link";
  }

  .db-notification[data-variant="overlay"]:has([data-area="timestamp"])[data-link-variant="block"][data-semantic]:not([data-semantic="adaptive"], [data-show-icon="false"]):has(header):has(.db-button) {
    grid-template-columns: min-content 1fr min-content min-content;
    grid-template-areas: "icon head timestamp close"
                         "icon content content content"
                         "icon link link link";
  }

  .db-notification[data-variant="overlay"]:not(:has([data-area="timestamp"]))[data-link-variant="block"] {
    grid-template-columns: 1fr;
    grid-template-areas: "content"
                         "link";
  }

  .db-notification[data-variant="overlay"]:not(:has([data-area="timestamp"]))[data-link-variant="block"]:has(.db-button) {
    grid-template-columns: 1fr min-content;
    grid-template-areas: "content close"
                         "link link";
  }

  .db-notification[data-variant="overlay"]:not(:has([data-area="timestamp"]))[data-link-variant="block"]:has(header) {
    grid-template-columns: 1fr;
    grid-template-areas: "head"
                         "content"
                         "link";
  }

  .db-notification[data-variant="overlay"]:not(:has([data-area="timestamp"]))[data-link-variant="block"]:has(header):has(.db-button) {
    grid-template-columns: 1fr min-content;
    grid-template-areas: "head close"
                         "content content"
                         "link link";
  }

  .db-notification[data-variant="overlay"]:not(:has([data-area="timestamp"]))[data-link-variant="block"]:has(img) {
    grid-template-columns: min-content 1fr;
    grid-template-areas: "icon content"
                         "icon link";
  }

  .db-notification[data-variant="overlay"]:not(:has([data-area="timestamp"]))[data-link-variant="block"][data-icon]:not([data-show-icon="false"]) {
    grid-template-columns: min-content 1fr;
    grid-template-areas: "icon content"
                         "icon link";
  }

  .db-notification[data-variant="overlay"]:not(:has([data-area="timestamp"]))[data-link-variant="block"][data-semantic]:not([data-semantic="adaptive"], [data-show-icon="false"]) {
    grid-template-columns: min-content 1fr;
    grid-template-areas: "icon content"
                         "icon link";
  }

  .db-notification[data-variant="overlay"]:not(:has([data-area="timestamp"]))[data-link-variant="block"]:has(img):has(.db-button) {
    grid-template-columns: min-content 1fr min-content;
    grid-template-areas: "icon content close"
                         "icon link link";
  }

  .db-notification[data-variant="overlay"]:not(:has([data-area="timestamp"]))[data-link-variant="block"][data-icon]:not([data-show-icon="false"]):has(.db-button) {
    grid-template-columns: min-content 1fr min-content;
    grid-template-areas: "icon content close"
                         "icon link link";
  }

  .db-notification[data-variant="overlay"]:not(:has([data-area="timestamp"]))[data-link-variant="block"][data-semantic]:not([data-semantic="adaptive"], [data-show-icon="false"]):has(.db-button) {
    grid-template-columns: min-content 1fr min-content;
    grid-template-areas: "icon content close"
                         "icon link link";
  }

  .db-notification[data-variant="overlay"]:not(:has([data-area="timestamp"]))[data-link-variant="block"]:has(img):has(header) {
    grid-template-columns: min-content 1fr;
    grid-template-areas: "icon head"
                         "icon content"
                         "icon link";
  }

  .db-notification[data-variant="overlay"]:not(:has([data-area="timestamp"]))[data-link-variant="block"][data-icon]:not([data-show-icon="false"]):has(header) {
    grid-template-columns: min-content 1fr;
    grid-template-areas: "icon head"
                         "icon content"
                         "icon link";
  }

  .db-notification[data-variant="overlay"]:not(:has([data-area="timestamp"]))[data-link-variant="block"][data-semantic]:not([data-semantic="adaptive"], [data-show-icon="false"]):has(header) {
    grid-template-columns: min-content 1fr;
    grid-template-areas: "icon head"
                         "icon content"
                         "icon link";
  }

  .db-notification[data-variant="overlay"]:not(:has([data-area="timestamp"]))[data-link-variant="block"]:has(img):has(header):has(.db-button) {
    grid-template-columns: min-content 1fr min-content;
    grid-template-areas: "icon head close"
                         "icon content content"
                         "icon link link";
  }

  .db-notification[data-variant="overlay"]:not(:has([data-area="timestamp"]))[data-link-variant="block"][data-icon]:not([data-show-icon="false"]):has(header):has(.db-button) {
    grid-template-columns: min-content 1fr min-content;
    grid-template-areas: "icon head close"
                         "icon content content"
                         "icon link link";
  }

  .db-notification[data-variant="overlay"]:not(:has([data-area="timestamp"]))[data-link-variant="block"][data-semantic]:not([data-semantic="adaptive"], [data-show-icon="false"]):has(header):has(.db-button) {
    grid-template-columns: min-content 1fr min-content;
    grid-template-areas: "icon head close"
                         "icon content content"
                         "icon link link";
  }

  :is(.db-notification:not([data-variant="overlay"]):not([data-link-variant]):has( > a,  > db-link) [data-area="timestamp"], .db-notification:not([data-variant="overlay"])[data-link-variant="block"] [data-area="timestamp"]) {
    display: none;
  }

  [data-link-variant="block"].db-notification:not([data-variant="overlay"]) {
    grid-template-columns: 1fr;
    grid-template-areas: "content"
                         "link";
  }

  .db-notification:not([data-link-variant]):has(a):not([data-variant="overlay"]):has( > a,  > db-link) {
    grid-template-columns: 1fr;
    grid-template-areas: "content"
                         "link";
  }

  [data-link-variant="block"].db-notification:not([data-variant="overlay"]):not([data-link-variant]):has( > a,  > db-link) {
    grid-template-columns: 1fr;
    grid-template-areas: "content"
                         "link";
  }

  :is(.db-notification:not([data-link-variant]):has(a):has(.db-button):not([data-variant="overlay"]):has( > a,  > db-link), [data-link-variant="block"].db-notification:has(.db-button):not([data-variant="overlay"])) {
    grid-template-columns: 1fr min-content;
    grid-template-areas: "content close"
                         "link link";
  }

  :is(.db-notification:not([data-link-variant]):has(a):has(header):not([data-variant="overlay"]):has( > a,  > db-link), [data-link-variant="block"].db-notification:has(header):not([data-variant="overlay"])) {
    grid-template-columns: 1fr;
    grid-template-areas: "head"
                         "content"
                         "link";
  }

  :is(.db-notification:not([data-link-variant]):has(a):has(header):has(.db-button):not([data-variant="overlay"]):has( > a,  > db-link), [data-link-variant="block"].db-notification:has(header):has(.db-button):not([data-variant="overlay"])) {
    grid-template-columns: 1fr min-content;
    grid-template-areas: "head close"
                         "content content"
                         "link link";
  }

  [data-link-variant="block"][data-icon].db-notification:not([data-show-icon="false"]):not([data-variant="overlay"]), [data-link-variant="block"][data-semantic].db-notification:not([data-semantic="adaptive"], [data-show-icon="false"]):not([data-variant="overlay"]) {
    grid-template-columns: min-content 1fr;
    grid-template-areas: "icon content"
                         "icon link";
  }

  .db-notification:not([data-link-variant]):has(a):has(img):not([data-variant="overlay"]):has( > a,  > db-link) {
    grid-template-columns: min-content 1fr;
    grid-template-areas: "icon content"
                         "icon link";
  }

  .db-notification:not([data-link-variant]):has(a)[data-icon]:not([data-show-icon="false"]):not([data-variant="overlay"]):has( > a,  > db-link) {
    grid-template-columns: min-content 1fr;
    grid-template-areas: "icon content"
                         "icon link";
  }

  .db-notification:not([data-link-variant]):has(a)[data-semantic]:not([data-semantic="adaptive"], [data-show-icon="false"]):not([data-variant="overlay"]):has( > a,  > db-link) {
    grid-template-columns: min-content 1fr;
    grid-template-areas: "icon content"
                         "icon link";
  }

  [data-link-variant="block"].db-notification:has(img):not([data-variant="overlay"]) {
    grid-template-columns: min-content 1fr;
    grid-template-areas: "icon content"
                         "icon link";
  }

  .db-notification:not([data-link-variant]):has(a):has(img):has(.db-button):not([data-variant="overlay"]):has( > a,  > db-link) {
    grid-template-columns: min-content 1fr min-content;
    grid-template-areas: "icon content close"
                         "icon link link";
  }

  .db-notification:not([data-link-variant]):has(a)[data-icon]:not([data-show-icon="false"]):has(.db-button):not([data-variant="overlay"]):has( > a,  > db-link) {
    grid-template-columns: min-content 1fr min-content;
    grid-template-areas: "icon content close"
                         "icon link link";
  }

  .db-notification:not([data-link-variant]):has(a)[data-semantic]:not([data-semantic="adaptive"], [data-show-icon="false"]):has(.db-button):not([data-variant="overlay"]):has( > a,  > db-link) {
    grid-template-columns: min-content 1fr min-content;
    grid-template-areas: "icon content close"
                         "icon link link";
  }

  [data-link-variant="block"].db-notification:has(img):has(.db-button):not([data-variant="overlay"]) {
    grid-template-columns: min-content 1fr min-content;
    grid-template-areas: "icon content close"
                         "icon link link";
  }

  [data-link-variant="block"][data-icon].db-notification:not([data-show-icon="false"]):has(.db-button):not([data-variant="overlay"]) {
    grid-template-columns: min-content 1fr min-content;
    grid-template-areas: "icon content close"
                         "icon link link";
  }

  [data-link-variant="block"][data-semantic].db-notification:not([data-semantic="adaptive"], [data-show-icon="false"]):has(.db-button):not([data-variant="overlay"]) {
    grid-template-columns: min-content 1fr min-content;
    grid-template-areas: "icon content close"
                         "icon link link";
  }

  .db-notification:not([data-link-variant]):has(a):has(img):has(header):not([data-variant="overlay"]):has( > a,  > db-link) {
    grid-template-columns: min-content 1fr;
    grid-template-areas: "icon head"
                         "icon content"
                         "icon link";
  }

  .db-notification:not([data-link-variant]):has(a)[data-icon]:not([data-show-icon="false"]):has(header):not([data-variant="overlay"]):has( > a,  > db-link) {
    grid-template-columns: min-content 1fr;
    grid-template-areas: "icon head"
                         "icon content"
                         "icon link";
  }

  .db-notification:not([data-link-variant]):has(a)[data-semantic]:not([data-semantic="adaptive"], [data-show-icon="false"]):has(header):not([data-variant="overlay"]):has( > a,  > db-link) {
    grid-template-columns: min-content 1fr;
    grid-template-areas: "icon head"
                         "icon content"
                         "icon link";
  }

  [data-link-variant="block"].db-notification:has(img):has(header):not([data-variant="overlay"]) {
    grid-template-columns: min-content 1fr;
    grid-template-areas: "icon head"
                         "icon content"
                         "icon link";
  }

  [data-link-variant="block"][data-icon].db-notification:not([data-show-icon="false"]):has(header):not([data-variant="overlay"]) {
    grid-template-columns: min-content 1fr;
    grid-template-areas: "icon head"
                         "icon content"
                         "icon link";
  }

  [data-link-variant="block"][data-semantic].db-notification:not([data-semantic="adaptive"], [data-show-icon="false"]):has(header):not([data-variant="overlay"]) {
    grid-template-columns: min-content 1fr;
    grid-template-areas: "icon head"
                         "icon content"
                         "icon link";
  }

  .db-notification:not([data-link-variant]):has(a):has(img):has(header):has(.db-button):not([data-variant="overlay"]):has( > a,  > db-link) {
    grid-template-columns: min-content 1fr min-content;
    grid-template-areas: "icon head close"
                         "icon content content"
                         "icon link link";
  }

  .db-notification:not([data-link-variant]):has(a)[data-icon]:not([data-show-icon="false"]):has(header):has(.db-button):not([data-variant="overlay"]):has( > a,  > db-link) {
    grid-template-columns: min-content 1fr min-content;
    grid-template-areas: "icon head close"
                         "icon content content"
                         "icon link link";
  }

  .db-notification:not([data-link-variant]):has(a)[data-semantic]:not([data-semantic="adaptive"], [data-show-icon="false"]):has(header):has(.db-button):not([data-variant="overlay"]):has( > a,  > db-link) {
    grid-template-columns: min-content 1fr min-content;
    grid-template-areas: "icon head close"
                         "icon content content"
                         "icon link link";
  }

  [data-link-variant="block"].db-notification:has(img):has(header):has(.db-button):not([data-variant="overlay"]) {
    grid-template-columns: min-content 1fr min-content;
    grid-template-areas: "icon head close"
                         "icon content content"
                         "icon link link";
  }

  [data-link-variant="block"][data-icon].db-notification:not([data-show-icon="false"]):has(header):has(.db-button):not([data-variant="overlay"]) {
    grid-template-columns: min-content 1fr min-content;
    grid-template-areas: "icon head close"
                         "icon content content"
                         "icon link link";
  }

  [data-link-variant="block"][data-semantic].db-notification:not([data-semantic="adaptive"], [data-show-icon="false"]):has(header):has(.db-button):not([data-variant="overlay"]) {
    grid-template-columns: min-content 1fr min-content;
    grid-template-areas: "icon head close"
                         "icon content content"
                         "icon link link";
  }

  .db-notification:has([data-area="timestamp"]) .db-button {
    margin-block-start: -2px;
  }

  .db-notification:has([data-area="timestamp"]) [data-area="head"] {
    margin-block-start: -2px;
  }

  .db-notification:has([data-area="timestamp"]) p {
    margin-block-start: -2px;
  }

  .db-notification:has([data-area="timestamp"]):before {
    margin-block-start: -2px;
  }

  .db-notification:not([hidden]) {
    display: grid;
  }

  .db-notification {
    padding: var(--db-spacing-fixed-md);
    gap: var(--db-spacing-fixed-xs) var(--db-spacing-fixed-md);
    inline-size: inherit;
    background-color: var(--db-adaptive-bg-basic-level-2-default);
  }

  .db-notification:before {
    --db-icon-color: var(--db-adaptive-on-bg-basic-emphasis-70-default);
  }

  .db-notification a:after, .db-notification a:before {
    content: none !important;
    margin: 0 !important;
  }

  .db-notification [data-area="head"] {
    grid-area: head;
  }

  .db-notification [data-area="head"], .db-notification [data-area="head"] h1, .db-notification [data-area="head"] h2, .db-notification [data-area="head"] h3, .db-notification [data-area="head"] h4, .db-notification [data-area="head"] h5, .db-notification [data-area="head"] h6 {
    font: var(--db-type-body-md);
    margin: 0;
    font-weight: 700;
  }

  .db-notification [data-area="head"] h1:after, .db-notification [data-area="head"] h1:before, .db-notification [data-area="head"] h2:after, .db-notification [data-area="head"] h2:before, .db-notification [data-area="head"] h3:after, .db-notification [data-area="head"] h3:before, .db-notification [data-area="head"] h4:after, .db-notification [data-area="head"] h4:before, .db-notification [data-area="head"] h5:after, .db-notification [data-area="head"] h5:before, .db-notification [data-area="head"] h6:after, .db-notification [data-area="head"] h6:before, .db-notification [data-area="head"]:after, .db-notification [data-area="head"]:before {
    --db-icon-font-size: var(--db-base-body-icon-font-size-md);
    --db-icon-font-weight: var(--db-base-body-icon-weight-md);
  }

  .db-notification > [data-area="content"] {
    grid-area: content;
    margin: 0;
  }

  .db-notification img {
    min-block-size: var(--db-sizing-md);
    min-inline-size: var(--db-sizing-md);
    max-block-size: var(--db-sizing-md);
    max-inline-size: var(--db-sizing-md);
    object-fit: cover;
    border-radius: .25rem;
    grid-area: icon;
  }

  .db-notification [data-area="timestamp"] {
    white-space: nowrap;
    grid-area: timestamp;
    justify-self: end;
  }

  .db-notification .db-button {
    grid-area: close;
  }

  .db-notification[data-link-variant="inline"] > :is(a, db-link) {
    white-space: nowrap;
    grid-area: timestamp;
    justify-self: end;
  }

  .db-notification[data-link-variant="inline"]:has( > a,  > db-link) > [data-area="timestamp"] {
    display: none;
  }

  .db-notification:not([data-link-variant="inline"]) > :is(a, db-link) {
    white-space: nowrap;
    grid-area: link;
  }

  .db-notification:before, .db-notification[data-icon]:before {
    --db-icon-margin-end: 0;
    --db-icon-font-family: "db-filled", icon-font-fallback;
    grid-area: icon;
  }

  .db-notification[data-show-icon="false"]:before {
    display: none;
  }

  .db-notification:has(img):before {
    content: none !important;
  }

  .db-notification[data-variant="overlay"] {
    box-shadow: 0 0 2px -1px #0003, 0 0 8px 1px #0000001f, 0 0 4px #00000024;
  }

  .db-notification[data-semantic="neutral"]:not([data-icon]):before {
    --db-icon: "information_circle";
  }

  .db-notification[data-semantic="critical"]:not([data-icon]):before {
    --db-icon: "exclamation_mark_circle";
  }

  .db-notification[data-semantic="successful"]:not([data-icon]):before {
    --db-icon: "check_circle";
  }

  .db-notification[data-semantic="warning"]:not([data-icon]):before {
    --db-icon: "exclamation_mark_triangle";
  }

  .db-notification[data-semantic="informational"]:not([data-icon]):before {
    --db-icon: "information_circle";
  }

  .db-checkbox input:not([data-show-icon-leading="false"]):checked:before, .db-checkbox input:not([data-show-icon-leading="false"]):indeterminate:before {
    --db-icon-margin-end: 0;
    block-size: calc(var(--db-icon-font-size) - .0625rem*2);
    inline-size: calc(var(--db-icon-font-size) - .0625rem*2);
    justify-content: center;
    align-items: center;
    display: inline-flex;
  }

  .db-checkbox:not([data-hide-asterisk="true"])[data-required="true"]:is(label):after, .db-checkbox:not([data-hide-asterisk="true"])[data-required="true"] > label:after {
    content: "*";
    padding-inline-start: 1px;
  }

  .db-checkbox:not([data-hide-asterisk="true"]):has(input:required):is(label):after {
    content: "*";
    padding-inline-start: 1px;
  }

  .db-checkbox:not([data-hide-asterisk="true"]):has(input:required) > label:after {
    content: "*";
    padding-inline-start: 1px;
  }

  @supports (content: ""/"") {
    .db-checkbox:not([data-hide-asterisk="true"])[data-required="true"]:is(label):after, .db-checkbox:not([data-hide-asterisk="true"])[data-required="true"] > label:after {
      content: "*"/"";
    }

    .db-checkbox:not([data-hide-asterisk="true"]):has(input:required):is(label):after {
      content: "*"/"";
    }

    .db-checkbox:not([data-hide-asterisk="true"]):has(input:required) > label:after {
      content: "*"/"";
    }
  }

  .db-checkbox:has(input:disabled) {
    opacity: .4;
  }

  .db-checkbox:is(label):not([hidden]), .db-checkbox > label:not([hidden]) {
    display: flex;
  }

  .db-checkbox:is(label), .db-checkbox > label {
    color: var(--db-check-element-label-color, var(--db-adaptive-on-bg-basic-emphasis-100-default));
    align-items: flex-start;
    position: relative;
  }

  .db-checkbox input {
    background-color: var(--db-adaptive-bg-basic-transparent-full-default);
    appearance: none;
    aspect-ratio: 1;
    border: min(.125rem,2px) solid var(--db-check-element-border-color, var(--db-adaptive-on-bg-basic-emphasis-100-default));
    block-size: var(--db-icon-font-size);
    inline-size: var(--db-icon-font-size);
    place-content: center;
    margin-inline-end: var(--db-spacing-fixed-xs);
    padding: 0;
  }

  .db-checkbox[data-size="small"] input {
    margin-inline-end: var(--db-spacing-fixed-2xs);
  }

  .db-checkbox[data-hide-label="true"] {
    font-size: 0;
  }

  .db-checkbox[data-hide-label="true"] input {
    margin-inline-end: 0;
  }

  .db-checkbox:not(:has(input:disabled)):has(input:hover,  > label:hover, :is(label):hover) {
    --db-check-element-label-color: var(--db-adaptive-on-bg-basic-emphasis-100-hovered);
  }

  :is(.db-checkbox:not(:has(input:disabled)):has(input:hover,  > label:hover, :is(label):hover):is(label), .db-checkbox:not(:has(input:disabled)):has(input:hover,  > label:hover, :is(label):hover) > label) {
    cursor: var(--db-overwrite-cursor, pointer);
  }

  .db-checkbox:not(:has(input:disabled)):has(input:hover,  > label:hover, :is(label):hover) input {
    cursor: var(--db-overwrite-cursor, pointer);
    background-color: var(--db-adaptive-bg-basic-transparent-full-hovered);
  }

  .db-checkbox:not(:has(input:disabled)):has(input:active,  > label:active, :is(label):active) {
    --db-check-element-label-color: var(--db-adaptive-on-bg-basic-emphasis-100-pressed);
  }

  :is(.db-checkbox:not(:has(input:disabled)):has(input:active,  > label:active, :is(label):active):is(label), .db-checkbox:not(:has(input:disabled)):has(input:active,  > label:active, :is(label):active) > label) {
    cursor: var(--db-overwrite-cursor, pointer);
  }

  .db-checkbox:not(:has(input:disabled)):has(input:active,  > label:active, :is(label):active) input {
    cursor: var(--db-overwrite-cursor, pointer);
    background-color: var(--db-adaptive-bg-basic-transparent-full-pressed);
  }

  .db-checkbox:has(input:not([data-custom-validity]):required:user-valid):has(.db-infotext[data-semantic="successful"]) {
    --db-check-element-border-color: var(--lightningcss-light, #4e850f) var(--lightningcss-dark, #60a114);
    --db-adaptive-on-bg-basic-emphasis-100-default: var(--lightningcss-light, #3d6a09) var(--lightningcss-dark, #72bf1a);
    --db-adaptive-on-bg-basic-emphasis-100-hovered: var(--lightningcss-light, #1d3702) var(--lightningcss-dark, #c3ff9d);
    --db-adaptive-on-bg-basic-emphasis-100-pressed: var(--lightningcss-light, #305506) var(--lightningcss-dark, #85dd20);
    --db-adaptive-on-bg-inverted-default: var(--lightningcss-light, #edffe4) var(--lightningcss-dark, #1d3702);
  }

  .db-checkbox:has(input:not([data-custom-validity]):required:user-valid):has(.db-infotext[data-semantic="successful"]) > .db-infotext[data-semantic="successful"]:not([hidden]) {
    display: flex;
  }

  .db-checkbox:has(input:not([data-custom-validity]):required:user-valid):has(.db-infotext[data-semantic="successful"]) > db-infotext > .db-infotext[data-semantic="successful"]:not([hidden]) {
    display: flex;
  }

  .db-checkbox:has(input:not([data-custom-validity]):required:user-valid):has(.db-infotext[data-semantic="successful"]) > .db-infotext:not([data-semantic]):not([hidden]) {
    display: none;
  }

  .db-checkbox:has(input:not([data-custom-validity]):required:user-valid):has(.db-infotext[data-semantic="successful"]) > db-infotext > .db-infotext:not([data-semantic]):not([hidden]) {
    display: none;
  }

  .db-checkbox:has(input:not([data-custom-validity]):required:user-valid):has(.db-infotext[data-semantic="successful"]) input:not(:checked) {
    --db-adaptive-bg-basic-transparent-full-default: transparent;
    --db-adaptive-bg-basic-transparent-full-hovered: var(--lightningcss-light, #3d6a093d) var(--lightningcss-dark, #72bf1a3d);
    --db-adaptive-bg-basic-transparent-full-pressed: var(--lightningcss-light, #3d6a0952) var(--lightningcss-dark, #72bf1a52);
  }

  .db-checkbox:has(input:not([data-custom-validity]):required:user-valid):has(.db-infotext[data-semantic="successful"]) input:checked {
    --db-adaptive-bg-basic-transparent-full-default: var(--lightningcss-light, #4e850f) var(--lightningcss-dark, #60a114);
    --db-adaptive-bg-basic-transparent-full-hovered: var(--lightningcss-light, #1d3702) var(--lightningcss-dark, #c3ff9d);
    --db-adaptive-bg-basic-transparent-full-pressed: var(--lightningcss-light, #3d6a09) var(--lightningcss-dark, #72bf1a);
  }

  .db-checkbox:has(input[data-custom-validity="valid"]):has(.db-infotext[data-semantic="successful"]) {
    --db-check-element-border-color: var(--lightningcss-light, #4e850f) var(--lightningcss-dark, #60a114);
    --db-adaptive-on-bg-basic-emphasis-100-default: var(--lightningcss-light, #3d6a09) var(--lightningcss-dark, #72bf1a);
    --db-adaptive-on-bg-basic-emphasis-100-hovered: var(--lightningcss-light, #1d3702) var(--lightningcss-dark, #c3ff9d);
    --db-adaptive-on-bg-basic-emphasis-100-pressed: var(--lightningcss-light, #305506) var(--lightningcss-dark, #85dd20);
    --db-adaptive-on-bg-inverted-default: var(--lightningcss-light, #edffe4) var(--lightningcss-dark, #1d3702);
  }

  .db-checkbox[data-custom-validity="valid"]:has(.db-infotext[data-semantic="successful"]) {
    --db-check-element-border-color: var(--lightningcss-light, #4e850f) var(--lightningcss-dark, #60a114);
    --db-adaptive-on-bg-basic-emphasis-100-default: var(--lightningcss-light, #3d6a09) var(--lightningcss-dark, #72bf1a);
    --db-adaptive-on-bg-basic-emphasis-100-hovered: var(--lightningcss-light, #1d3702) var(--lightningcss-dark, #c3ff9d);
    --db-adaptive-on-bg-basic-emphasis-100-pressed: var(--lightningcss-light, #305506) var(--lightningcss-dark, #85dd20);
    --db-adaptive-on-bg-inverted-default: var(--lightningcss-light, #edffe4) var(--lightningcss-dark, #1d3702);
  }

  .db-checkbox:has(input[data-custom-validity="valid"]):has(.db-infotext[data-semantic="successful"]) > .db-infotext[data-semantic="successful"]:not([hidden]) {
    display: flex;
  }

  .db-checkbox:has(input[data-custom-validity="valid"]):has(.db-infotext[data-semantic="successful"]) > db-infotext > .db-infotext[data-semantic="successful"]:not([hidden]) {
    display: flex;
  }

  .db-checkbox[data-custom-validity="valid"]:has(.db-infotext[data-semantic="successful"]) > .db-infotext[data-semantic="successful"]:not([hidden]) {
    display: flex;
  }

  .db-checkbox[data-custom-validity="valid"]:has(.db-infotext[data-semantic="successful"]) > db-infotext > .db-infotext[data-semantic="successful"]:not([hidden]) {
    display: flex;
  }

  .db-checkbox:has(input[data-custom-validity="valid"]):has(.db-infotext[data-semantic="successful"]) > .db-infotext:not([data-semantic]):not([hidden]) {
    display: none;
  }

  .db-checkbox:has(input[data-custom-validity="valid"]):has(.db-infotext[data-semantic="successful"]) > db-infotext > .db-infotext:not([data-semantic]):not([hidden]) {
    display: none;
  }

  .db-checkbox[data-custom-validity="valid"]:has(.db-infotext[data-semantic="successful"]) > .db-infotext:not([data-semantic]):not([hidden]) {
    display: none;
  }

  .db-checkbox[data-custom-validity="valid"]:has(.db-infotext[data-semantic="successful"]) > db-infotext > .db-infotext:not([data-semantic]):not([hidden]) {
    display: none;
  }

  .db-checkbox:has(input[data-custom-validity="valid"]):has(.db-infotext[data-semantic="successful"]) input:not(:checked) {
    --db-adaptive-bg-basic-transparent-full-default: transparent;
    --db-adaptive-bg-basic-transparent-full-hovered: var(--lightningcss-light, #3d6a093d) var(--lightningcss-dark, #72bf1a3d);
    --db-adaptive-bg-basic-transparent-full-pressed: var(--lightningcss-light, #3d6a0952) var(--lightningcss-dark, #72bf1a52);
  }

  .db-checkbox[data-custom-validity="valid"]:has(.db-infotext[data-semantic="successful"]) input:not(:checked) {
    --db-adaptive-bg-basic-transparent-full-default: transparent;
    --db-adaptive-bg-basic-transparent-full-hovered: var(--lightningcss-light, #3d6a093d) var(--lightningcss-dark, #72bf1a3d);
    --db-adaptive-bg-basic-transparent-full-pressed: var(--lightningcss-light, #3d6a0952) var(--lightningcss-dark, #72bf1a52);
  }

  .db-checkbox:has(input[data-custom-validity="valid"]):has(.db-infotext[data-semantic="successful"]) input:checked {
    --db-adaptive-bg-basic-transparent-full-default: var(--lightningcss-light, #4e850f) var(--lightningcss-dark, #60a114);
    --db-adaptive-bg-basic-transparent-full-hovered: var(--lightningcss-light, #1d3702) var(--lightningcss-dark, #c3ff9d);
    --db-adaptive-bg-basic-transparent-full-pressed: var(--lightningcss-light, #3d6a09) var(--lightningcss-dark, #72bf1a);
  }

  .db-checkbox[data-custom-validity="valid"]:has(.db-infotext[data-semantic="successful"]) input:checked {
    --db-adaptive-bg-basic-transparent-full-default: var(--lightningcss-light, #4e850f) var(--lightningcss-dark, #60a114);
    --db-adaptive-bg-basic-transparent-full-hovered: var(--lightningcss-light, #1d3702) var(--lightningcss-dark, #c3ff9d);
    --db-adaptive-bg-basic-transparent-full-pressed: var(--lightningcss-light, #3d6a09) var(--lightningcss-dark, #72bf1a);
  }

  .db-checkbox:has(input:not([data-custom-validity]):required:user-invalid) {
    --db-check-element-border-color: var(--lightningcss-light, #ef0016) var(--lightningcss-dark, #ff5357);
    --db-adaptive-on-bg-basic-emphasis-100-default: var(--lightningcss-light, #c00010) var(--lightningcss-dark, #ff888a);
    --db-adaptive-on-bg-basic-emphasis-100-hovered: var(--lightningcss-light, #690004) var(--lightningcss-dark, #ffe9e9);
    --db-adaptive-on-bg-basic-emphasis-100-pressed: var(--lightningcss-light, #9c000a) var(--lightningcss-dark, #ffb3b4);
    --db-adaptive-on-bg-inverted-default: var(--lightningcss-light, #fff8f8) var(--lightningcss-dark, #690004);
  }

  .db-checkbox:has(input:not([data-custom-validity]):required:user-invalid) > .db-infotext[data-semantic="critical"]:not([hidden]) {
    display: flex;
  }

  .db-checkbox:has(input:not([data-custom-validity]):required:user-invalid) > db-infotext > .db-infotext[data-semantic="critical"]:not([hidden]) {
    display: flex;
  }

  .db-checkbox:has(input:not([data-custom-validity]):required:user-invalid) > .db-infotext:not([data-semantic]):not([hidden]) {
    display: none;
  }

  .db-checkbox:has(input:not([data-custom-validity]):required:user-invalid) > db-infotext > .db-infotext:not([data-semantic]):not([hidden]) {
    display: none;
  }

  .db-checkbox:has(input:not([data-custom-validity]):required:user-invalid) input:not(:checked) {
    --db-adaptive-bg-basic-transparent-full-default: transparent;
    --db-adaptive-bg-basic-transparent-full-hovered: var(--lightningcss-light, #c000103d) var(--lightningcss-dark, #ff888a3d);
    --db-adaptive-bg-basic-transparent-full-pressed: var(--lightningcss-light, #c0001052) var(--lightningcss-dark, #ff888a52);
  }

  .db-checkbox:has(input:not([data-custom-validity]):required:user-invalid) input:checked {
    --db-adaptive-bg-basic-transparent-full-default: var(--lightningcss-light, #ef0016) var(--lightningcss-dark, #ff5357);
    --db-adaptive-bg-basic-transparent-full-hovered: var(--lightningcss-light, #690004) var(--lightningcss-dark, #ffe9e9);
    --db-adaptive-bg-basic-transparent-full-pressed: var(--lightningcss-light, #c00010) var(--lightningcss-dark, #ff888a);
  }

  .db-checkbox[data-custom-validity="invalid"] {
    --db-check-element-border-color: var(--lightningcss-light, #ef0016) var(--lightningcss-dark, #ff5357);
    --db-adaptive-on-bg-basic-emphasis-100-default: var(--lightningcss-light, #c00010) var(--lightningcss-dark, #ff888a);
    --db-adaptive-on-bg-basic-emphasis-100-hovered: var(--lightningcss-light, #690004) var(--lightningcss-dark, #ffe9e9);
    --db-adaptive-on-bg-basic-emphasis-100-pressed: var(--lightningcss-light, #9c000a) var(--lightningcss-dark, #ffb3b4);
    --db-adaptive-on-bg-inverted-default: var(--lightningcss-light, #fff8f8) var(--lightningcss-dark, #690004);
  }

  .db-checkbox:has(input[data-custom-validity="invalid"]) {
    --db-check-element-border-color: var(--lightningcss-light, #ef0016) var(--lightningcss-dark, #ff5357);
    --db-adaptive-on-bg-basic-emphasis-100-default: var(--lightningcss-light, #c00010) var(--lightningcss-dark, #ff888a);
    --db-adaptive-on-bg-basic-emphasis-100-hovered: var(--lightningcss-light, #690004) var(--lightningcss-dark, #ffe9e9);
    --db-adaptive-on-bg-basic-emphasis-100-pressed: var(--lightningcss-light, #9c000a) var(--lightningcss-dark, #ffb3b4);
    --db-adaptive-on-bg-inverted-default: var(--lightningcss-light, #fff8f8) var(--lightningcss-dark, #690004);
  }

  .db-checkbox[data-custom-validity="invalid"] > .db-infotext[data-semantic="critical"]:not([hidden]), .db-checkbox[data-custom-validity="invalid"] > db-infotext > .db-infotext[data-semantic="critical"]:not([hidden]) {
    display: flex;
  }

  .db-checkbox:has(input[data-custom-validity="invalid"]) > .db-infotext[data-semantic="critical"]:not([hidden]) {
    display: flex;
  }

  .db-checkbox:has(input[data-custom-validity="invalid"]) > db-infotext > .db-infotext[data-semantic="critical"]:not([hidden]) {
    display: flex;
  }

  .db-checkbox[data-custom-validity="invalid"] > .db-infotext:not([data-semantic]):not([hidden]), .db-checkbox[data-custom-validity="invalid"] > db-infotext > .db-infotext:not([data-semantic]):not([hidden]) {
    display: none;
  }

  .db-checkbox:has(input[data-custom-validity="invalid"]) > .db-infotext:not([data-semantic]):not([hidden]) {
    display: none;
  }

  .db-checkbox:has(input[data-custom-validity="invalid"]) > db-infotext > .db-infotext:not([data-semantic]):not([hidden]) {
    display: none;
  }

  .db-checkbox[data-custom-validity="invalid"] input:not(:checked) {
    --db-adaptive-bg-basic-transparent-full-default: transparent;
    --db-adaptive-bg-basic-transparent-full-hovered: var(--lightningcss-light, #c000103d) var(--lightningcss-dark, #ff888a3d);
    --db-adaptive-bg-basic-transparent-full-pressed: var(--lightningcss-light, #c0001052) var(--lightningcss-dark, #ff888a52);
  }

  .db-checkbox:has(input[data-custom-validity="invalid"]) input:not(:checked) {
    --db-adaptive-bg-basic-transparent-full-default: transparent;
    --db-adaptive-bg-basic-transparent-full-hovered: var(--lightningcss-light, #c000103d) var(--lightningcss-dark, #ff888a3d);
    --db-adaptive-bg-basic-transparent-full-pressed: var(--lightningcss-light, #c0001052) var(--lightningcss-dark, #ff888a52);
  }

  .db-checkbox[data-custom-validity="invalid"] input:checked {
    --db-adaptive-bg-basic-transparent-full-default: var(--lightningcss-light, #ef0016) var(--lightningcss-dark, #ff5357);
    --db-adaptive-bg-basic-transparent-full-hovered: var(--lightningcss-light, #690004) var(--lightningcss-dark, #ffe9e9);
    --db-adaptive-bg-basic-transparent-full-pressed: var(--lightningcss-light, #c00010) var(--lightningcss-dark, #ff888a);
  }

  .db-checkbox:has(input[data-custom-validity="invalid"]) input:checked {
    --db-adaptive-bg-basic-transparent-full-default: var(--lightningcss-light, #ef0016) var(--lightningcss-dark, #ff5357);
    --db-adaptive-bg-basic-transparent-full-hovered: var(--lightningcss-light, #690004) var(--lightningcss-dark, #ffe9e9);
    --db-adaptive-bg-basic-transparent-full-pressed: var(--lightningcss-light, #c00010) var(--lightningcss-dark, #ff888a);
  }

  .db-checkbox input:not([hidden]) {
    display: flex;
  }

  .db-checkbox input {
    border-radius: .125rem;
    justify-content: center;
    align-items: center;
  }

  .db-checkbox input:checked {
    --db-check-element-border-color: var(--db-adaptive-on-bg-basic-emphasis-70-default);
    --db-icon-color: var(--db-adaptive-on-bg-inverted-default);
    --db-adaptive-bg-basic-transparent-full-default: var(--db-adaptive-bg-inverted-contrast-max-default);
    --db-adaptive-bg-basic-transparent-full-hovered: var(--db-adaptive-bg-inverted-contrast-max-hovered);
    --db-adaptive-bg-basic-transparent-full-pressed: var(--db-adaptive-bg-inverted-contrast-max-pressed);
  }

  .db-checkbox input:checked:not([data-show-icon-leading="false"]):before {
    --db-icon: "check";
    margin-inline-end: var(--db-icon-margin-end, var(--db-spacing-fixed-xs));
  }

  .db-checkbox input:checked {
    border-width: 0;
  }

  .db-checkbox input:indeterminate:not([data-show-icon-leading="false"]):before {
    --db-icon: "minus";
    margin-inline-end: var(--db-icon-margin-end, var(--db-spacing-fixed-xs));
  }

  @media (forced-colors: active) {
    .db-checkbox input:checked, .db-checkbox input:indeterminate {
      --db-check-element-border-color: var(--db-adaptive-on-bg-basic-emphasis-100-default);
      border-width: min(.125rem, 2px);
    }

    .db-checkbox input:checked:not([data-show-icon-leading="false"]):before, .db-checkbox input:indeterminate:not([data-show-icon-leading="false"]):before {
      font-size: calc(var(--db-icon-font-size) - min(.125rem, 2px)*2);
      align-content: center;
      padding: min(.125rem, 2px);
    }
  }

  .db-radio:not([data-hide-asterisk="true"])[data-required="true"]:is(label):after, .db-radio:not([data-hide-asterisk="true"])[data-required="true"] > label:after {
    content: "*";
    padding-inline-start: 1px;
  }

  .db-radio:not([data-hide-asterisk="true"]):has(input:required):is(label):after {
    content: "*";
    padding-inline-start: 1px;
  }

  .db-radio:not([data-hide-asterisk="true"]):has(input:required) > label:after {
    content: "*";
    padding-inline-start: 1px;
  }

  @supports (content: ""/"") {
    .db-radio:not([data-hide-asterisk="true"])[data-required="true"]:is(label):after, .db-radio:not([data-hide-asterisk="true"])[data-required="true"] > label:after {
      content: "*"/"";
    }

    .db-radio:not([data-hide-asterisk="true"]):has(input:required):is(label):after {
      content: "*"/"";
    }

    .db-radio:not([data-hide-asterisk="true"]):has(input:required) > label:after {
      content: "*"/"";
    }
  }

  .db-radio:has(input:disabled) {
    opacity: .4;
  }

  .db-radio:is(label):not([hidden]), .db-radio > label:not([hidden]) {
    display: flex;
  }

  .db-radio:is(label), .db-radio > label {
    color: var(--db-check-element-label-color, var(--db-adaptive-on-bg-basic-emphasis-100-default));
    align-items: flex-start;
    position: relative;
  }

  .db-radio input {
    background-color: var(--db-adaptive-bg-basic-transparent-full-default);
    appearance: none;
    aspect-ratio: 1;
    border: min(.125rem,2px) solid var(--db-check-element-border-color, var(--db-adaptive-on-bg-basic-emphasis-100-default));
    block-size: var(--db-icon-font-size);
    inline-size: var(--db-icon-font-size);
    place-content: center;
    margin-inline-end: var(--db-spacing-fixed-xs);
    padding: 0;
  }

  .db-radio[data-size="small"] input {
    margin-inline-end: var(--db-spacing-fixed-2xs);
  }

  .db-radio[data-hide-label="true"] {
    font-size: 0;
  }

  .db-radio[data-hide-label="true"] input {
    margin-inline-end: 0;
  }

  .db-radio:not(:has(input:checked, input:disabled)):has(input:hover,  > label:hover, :is(label):hover) {
    --db-check-element-label-color: var(--db-adaptive-on-bg-basic-emphasis-100-hovered);
  }

  :is(.db-radio:not(:has(input:checked, input:disabled)):has(input:hover,  > label:hover, :is(label):hover):is(label), .db-radio:not(:has(input:checked, input:disabled)):has(input:hover,  > label:hover, :is(label):hover) > label) {
    cursor: var(--db-overwrite-cursor, pointer);
  }

  .db-radio:not(:has(input:checked, input:disabled)):has(input:hover,  > label:hover, :is(label):hover) input {
    cursor: var(--db-overwrite-cursor, pointer);
    background-color: var(--db-adaptive-bg-basic-transparent-full-hovered);
  }

  .db-radio:not(:has(input:checked, input:disabled)):has(input:active,  > label:active, :is(label):active) {
    --db-check-element-label-color: var(--db-adaptive-on-bg-basic-emphasis-100-pressed);
  }

  :is(.db-radio:not(:has(input:checked, input:disabled)):has(input:active,  > label:active, :is(label):active):is(label), .db-radio:not(:has(input:checked, input:disabled)):has(input:active,  > label:active, :is(label):active) > label) {
    cursor: var(--db-overwrite-cursor, pointer);
  }

  .db-radio:not(:has(input:checked, input:disabled)):has(input:active,  > label:active, :is(label):active) input {
    cursor: var(--db-overwrite-cursor, pointer);
    background-color: var(--db-adaptive-bg-basic-transparent-full-pressed);
  }

  .db-radio[data-custom-validity="valid"] {
    --db-check-element-border-color: var(--lightningcss-light, #4e850f) var(--lightningcss-dark, #60a114);
    --db-adaptive-on-bg-basic-emphasis-100-default: var(--lightningcss-light, #3d6a09) var(--lightningcss-dark, #72bf1a);
    --db-adaptive-on-bg-basic-emphasis-100-hovered: var(--lightningcss-light, #1d3702) var(--lightningcss-dark, #c3ff9d);
    --db-adaptive-on-bg-basic-emphasis-100-pressed: var(--lightningcss-light, #305506) var(--lightningcss-dark, #85dd20);
    --db-adaptive-bg-basic-transparent-full-default: transparent;
    --db-adaptive-bg-basic-transparent-full-hovered: var(--lightningcss-light, #3d6a093d) var(--lightningcss-dark, #72bf1a3d);
    --db-adaptive-bg-basic-transparent-full-pressed: var(--lightningcss-light, #3d6a0952) var(--lightningcss-dark, #72bf1a52);
  }

  .db-radio:has(input:not([data-custom-validity]):required:valid) {
    --db-check-element-border-color: var(--lightningcss-light, #4e850f) var(--lightningcss-dark, #60a114);
    --db-adaptive-on-bg-basic-emphasis-100-default: var(--lightningcss-light, #3d6a09) var(--lightningcss-dark, #72bf1a);
    --db-adaptive-on-bg-basic-emphasis-100-hovered: var(--lightningcss-light, #1d3702) var(--lightningcss-dark, #c3ff9d);
    --db-adaptive-on-bg-basic-emphasis-100-pressed: var(--lightningcss-light, #305506) var(--lightningcss-dark, #85dd20);
    --db-adaptive-bg-basic-transparent-full-default: transparent;
    --db-adaptive-bg-basic-transparent-full-hovered: var(--lightningcss-light, #3d6a093d) var(--lightningcss-dark, #72bf1a3d);
    --db-adaptive-bg-basic-transparent-full-pressed: var(--lightningcss-light, #3d6a0952) var(--lightningcss-dark, #72bf1a52);
  }

  .db-radio:has(input[data-custom-validity="valid"]) {
    --db-check-element-border-color: var(--lightningcss-light, #4e850f) var(--lightningcss-dark, #60a114);
    --db-adaptive-on-bg-basic-emphasis-100-default: var(--lightningcss-light, #3d6a09) var(--lightningcss-dark, #72bf1a);
    --db-adaptive-on-bg-basic-emphasis-100-hovered: var(--lightningcss-light, #1d3702) var(--lightningcss-dark, #c3ff9d);
    --db-adaptive-on-bg-basic-emphasis-100-pressed: var(--lightningcss-light, #305506) var(--lightningcss-dark, #85dd20);
    --db-adaptive-bg-basic-transparent-full-default: transparent;
    --db-adaptive-bg-basic-transparent-full-hovered: var(--lightningcss-light, #3d6a093d) var(--lightningcss-dark, #72bf1a3d);
    --db-adaptive-bg-basic-transparent-full-pressed: var(--lightningcss-light, #3d6a0952) var(--lightningcss-dark, #72bf1a52);
  }

  .db-radio[data-custom-validity="invalid"] {
    --db-check-element-border-color: var(--lightningcss-light, #ef0016) var(--lightningcss-dark, #ff5357);
    --db-adaptive-on-bg-basic-emphasis-100-default: var(--lightningcss-light, #c00010) var(--lightningcss-dark, #ff888a);
    --db-adaptive-on-bg-basic-emphasis-100-hovered: var(--lightningcss-light, #690004) var(--lightningcss-dark, #ffe9e9);
    --db-adaptive-on-bg-basic-emphasis-100-pressed: var(--lightningcss-light, #9c000a) var(--lightningcss-dark, #ffb3b4);
    --db-adaptive-bg-basic-transparent-full-default: transparent;
    --db-adaptive-bg-basic-transparent-full-hovered: var(--lightningcss-light, #c000103d) var(--lightningcss-dark, #ff888a3d);
    --db-adaptive-bg-basic-transparent-full-pressed: var(--lightningcss-light, #c0001052) var(--lightningcss-dark, #ff888a52);
  }

  .db-radio:has(input:not([data-custom-validity]):required:invalid) {
    --db-check-element-border-color: var(--lightningcss-light, #ef0016) var(--lightningcss-dark, #ff5357);
    --db-adaptive-on-bg-basic-emphasis-100-default: var(--lightningcss-light, #c00010) var(--lightningcss-dark, #ff888a);
    --db-adaptive-on-bg-basic-emphasis-100-hovered: var(--lightningcss-light, #690004) var(--lightningcss-dark, #ffe9e9);
    --db-adaptive-on-bg-basic-emphasis-100-pressed: var(--lightningcss-light, #9c000a) var(--lightningcss-dark, #ffb3b4);
    --db-adaptive-bg-basic-transparent-full-default: transparent;
    --db-adaptive-bg-basic-transparent-full-hovered: var(--lightningcss-light, #c000103d) var(--lightningcss-dark, #ff888a3d);
    --db-adaptive-bg-basic-transparent-full-pressed: var(--lightningcss-light, #c0001052) var(--lightningcss-dark, #ff888a52);
  }

  .db-radio:has(input[data-custom-validity="invalid"]) {
    --db-check-element-border-color: var(--lightningcss-light, #ef0016) var(--lightningcss-dark, #ff5357);
    --db-adaptive-on-bg-basic-emphasis-100-default: var(--lightningcss-light, #c00010) var(--lightningcss-dark, #ff888a);
    --db-adaptive-on-bg-basic-emphasis-100-hovered: var(--lightningcss-light, #690004) var(--lightningcss-dark, #ffe9e9);
    --db-adaptive-on-bg-basic-emphasis-100-pressed: var(--lightningcss-light, #9c000a) var(--lightningcss-dark, #ffb3b4);
    --db-adaptive-bg-basic-transparent-full-default: transparent;
    --db-adaptive-bg-basic-transparent-full-hovered: var(--lightningcss-light, #c000103d) var(--lightningcss-dark, #ff888a3d);
    --db-adaptive-bg-basic-transparent-full-pressed: var(--lightningcss-light, #c0001052) var(--lightningcss-dark, #ff888a52);
  }

  .db-radio input {
    border-radius: 500rem;
  }

  @media (prefers-reduced-motion: no-preference) {
    .db-radio input {
      transition: border-width .15s cubic-bezier(.15, 0, .45, 1);
    }
  }

  .db-radio input:checked:not([data-size="small"]) {
    border-width: calc((var(--db-icon-font-size) - var(--db-sizing-2xs))/2);
  }

  .db-radio input:checked[data-size="small"] {
    border-width: calc((var(--db-icon-font-size) - var(--db-sizing-3xs))/2);
  }

  .db-radio input:focus-visible {
    border-radius: 500rem;
  }

  .db-tag:has(label, button:not(.db-tab-remove-button), a) {
    --db-tag-border-color: var(--db-adaptive-on-bg-basic-emphasis-60-default);
    border-color: var(--db-tag-border-color);
    background-color: var(--db-adaptive-bg-basic-level-1-default);
    color: var(--db-adaptive-on-bg-basic-emphasis-80-default);
  }

  .db-tag:has(label, button:not(.db-tab-remove-button), a):not([data-emphasis]) a {
    --db-tag-border-color: var(--db-adaptive-on-bg-basic-emphasis-60-default);
    border-color: var(--db-tag-border-color);
    background-color: var(--db-adaptive-bg-basic-level-1-default);
    color: var(--db-adaptive-on-bg-basic-emphasis-80-default);
  }

  .db-tag:has(label, button:not(.db-tab-remove-button), a):not([data-emphasis]) db-button > button {
    --db-tag-border-color: var(--db-adaptive-on-bg-basic-emphasis-60-default);
    border-color: var(--db-tag-border-color);
    background-color: var(--db-adaptive-bg-basic-level-1-default);
    color: var(--db-adaptive-on-bg-basic-emphasis-80-default);
  }

  .db-tag:has(label, button:not(.db-tab-remove-button), a):not([data-emphasis]) dbbutton:not(.db-tab-remove-button) > button {
    --db-tag-border-color: var(--db-adaptive-on-bg-basic-emphasis-60-default);
    border-color: var(--db-tag-border-color);
    background-color: var(--db-adaptive-bg-basic-level-1-default);
    color: var(--db-adaptive-on-bg-basic-emphasis-80-default);
  }

  .db-tag:has(label, button:not(.db-tab-remove-button), a):not([data-emphasis]) label:has(input) {
    --db-tag-border-color: var(--db-adaptive-on-bg-basic-emphasis-60-default);
    border-color: var(--db-tag-border-color);
    background-color: var(--db-adaptive-bg-basic-level-1-default);
    color: var(--db-adaptive-on-bg-basic-emphasis-80-default);
  }

  .db-tag:has(label, button:not(.db-tab-remove-button), a):not([data-emphasis]):not(:has(dbbutton)) button:not(.db-tab-remove-button) {
    --db-tag-border-color: var(--db-adaptive-on-bg-basic-emphasis-60-default);
    border-color: var(--db-tag-border-color);
    background-color: var(--db-adaptive-bg-basic-level-1-default);
    color: var(--db-adaptive-on-bg-basic-emphasis-80-default);
  }

  .db-tag:has(label, button:not(.db-tab-remove-button), a)[data-emphasis="strong"]:has(input):not(:has(input:checked)) {
    --db-tag-border-color: var(--db-adaptive-on-bg-basic-emphasis-60-default);
    border-color: var(--db-tag-border-color);
    background-color: var(--db-adaptive-bg-basic-level-1-default);
    color: var(--db-adaptive-on-bg-basic-emphasis-80-default);
  }

  .db-tag:has(label, button:not(.db-tab-remove-button), a)[data-emphasis="weak"] a {
    --db-tag-border-color: var(--db-adaptive-on-bg-basic-emphasis-60-default);
    border-color: var(--db-tag-border-color);
    background-color: var(--db-adaptive-bg-basic-level-1-default);
    color: var(--db-adaptive-on-bg-basic-emphasis-80-default);
  }

  .db-tag:has(label, button:not(.db-tab-remove-button), a)[data-emphasis="weak"] db-button > button {
    --db-tag-border-color: var(--db-adaptive-on-bg-basic-emphasis-60-default);
    border-color: var(--db-tag-border-color);
    background-color: var(--db-adaptive-bg-basic-level-1-default);
    color: var(--db-adaptive-on-bg-basic-emphasis-80-default);
  }

  .db-tag:has(label, button:not(.db-tab-remove-button), a)[data-emphasis="weak"] dbbutton:not(.db-tab-remove-button) > button {
    --db-tag-border-color: var(--db-adaptive-on-bg-basic-emphasis-60-default);
    border-color: var(--db-tag-border-color);
    background-color: var(--db-adaptive-bg-basic-level-1-default);
    color: var(--db-adaptive-on-bg-basic-emphasis-80-default);
  }

  .db-tag:has(label, button:not(.db-tab-remove-button), a)[data-emphasis="weak"] label:has(input) {
    --db-tag-border-color: var(--db-adaptive-on-bg-basic-emphasis-60-default);
    border-color: var(--db-tag-border-color);
    background-color: var(--db-adaptive-bg-basic-level-1-default);
    color: var(--db-adaptive-on-bg-basic-emphasis-80-default);
  }

  .db-tag:has(label, button:not(.db-tab-remove-button), a)[data-emphasis="weak"]:not(:has(dbbutton)) button:not(.db-tab-remove-button) {
    --db-tag-border-color: var(--db-adaptive-on-bg-basic-emphasis-60-default);
    border-color: var(--db-tag-border-color);
    background-color: var(--db-adaptive-bg-basic-level-1-default);
    color: var(--db-adaptive-on-bg-basic-emphasis-80-default);
  }

  .db-tag:has(label, button:not(.db-tab-remove-button), a):after {
    --db-icon-color: var(--db-adaptive-on-bg-basic-emphasis-80-default);
  }

  .db-tag:has(label, button:not(.db-tab-remove-button), a):before {
    --db-icon-color: var(--db-adaptive-on-bg-basic-emphasis-80-default);
  }

  .db-tag:has(label, button:not(.db-tab-remove-button), a):not([data-emphasis]) a:after {
    --db-icon-color: var(--db-adaptive-on-bg-basic-emphasis-80-default);
  }

  .db-tag:has(label, button:not(.db-tab-remove-button), a):not([data-emphasis]) a:before {
    --db-icon-color: var(--db-adaptive-on-bg-basic-emphasis-80-default);
  }

  .db-tag:has(label, button:not(.db-tab-remove-button), a):not([data-emphasis]) db-button > button:after {
    --db-icon-color: var(--db-adaptive-on-bg-basic-emphasis-80-default);
  }

  .db-tag:has(label, button:not(.db-tab-remove-button), a):not([data-emphasis]) db-button > button:before {
    --db-icon-color: var(--db-adaptive-on-bg-basic-emphasis-80-default);
  }

  .db-tag:has(label, button:not(.db-tab-remove-button), a):not([data-emphasis]) dbbutton:not(.db-tab-remove-button) > button:after {
    --db-icon-color: var(--db-adaptive-on-bg-basic-emphasis-80-default);
  }

  .db-tag:has(label, button:not(.db-tab-remove-button), a):not([data-emphasis]) dbbutton:not(.db-tab-remove-button) > button:before {
    --db-icon-color: var(--db-adaptive-on-bg-basic-emphasis-80-default);
  }

  .db-tag:has(label, button:not(.db-tab-remove-button), a):not([data-emphasis]) label:has(input):after {
    --db-icon-color: var(--db-adaptive-on-bg-basic-emphasis-80-default);
  }

  .db-tag:has(label, button:not(.db-tab-remove-button), a):not([data-emphasis]) label:has(input):before {
    --db-icon-color: var(--db-adaptive-on-bg-basic-emphasis-80-default);
  }

  .db-tag:has(label, button:not(.db-tab-remove-button), a):not([data-emphasis]):not(:has(dbbutton)) button:not(.db-tab-remove-button):after {
    --db-icon-color: var(--db-adaptive-on-bg-basic-emphasis-80-default);
  }

  .db-tag:has(label, button:not(.db-tab-remove-button), a):not([data-emphasis]):not(:has(dbbutton)) button:not(.db-tab-remove-button):before {
    --db-icon-color: var(--db-adaptive-on-bg-basic-emphasis-80-default);
  }

  .db-tag:has(label, button:not(.db-tab-remove-button), a)[data-emphasis="weak"] a:after {
    --db-icon-color: var(--db-adaptive-on-bg-basic-emphasis-80-default);
  }

  .db-tag:has(label, button:not(.db-tab-remove-button), a)[data-emphasis="weak"] a:before {
    --db-icon-color: var(--db-adaptive-on-bg-basic-emphasis-80-default);
  }

  .db-tag:has(label, button:not(.db-tab-remove-button), a)[data-emphasis="weak"] db-button > button:after {
    --db-icon-color: var(--db-adaptive-on-bg-basic-emphasis-80-default);
  }

  .db-tag:has(label, button:not(.db-tab-remove-button), a)[data-emphasis="weak"] db-button > button:before {
    --db-icon-color: var(--db-adaptive-on-bg-basic-emphasis-80-default);
  }

  .db-tag:has(label, button:not(.db-tab-remove-button), a)[data-emphasis="weak"] dbbutton:not(.db-tab-remove-button) > button:after {
    --db-icon-color: var(--db-adaptive-on-bg-basic-emphasis-80-default);
  }

  .db-tag:has(label, button:not(.db-tab-remove-button), a)[data-emphasis="weak"] dbbutton:not(.db-tab-remove-button) > button:before {
    --db-icon-color: var(--db-adaptive-on-bg-basic-emphasis-80-default);
  }

  .db-tag:has(label, button:not(.db-tab-remove-button), a)[data-emphasis="weak"] label:has(input):after {
    --db-icon-color: var(--db-adaptive-on-bg-basic-emphasis-80-default);
  }

  .db-tag:has(label, button:not(.db-tab-remove-button), a)[data-emphasis="weak"] label:has(input):before {
    --db-icon-color: var(--db-adaptive-on-bg-basic-emphasis-80-default);
  }

  .db-tag:has(label, button:not(.db-tab-remove-button), a)[data-emphasis="weak"]:not(:has(dbbutton)) button:not(.db-tab-remove-button):after {
    --db-icon-color: var(--db-adaptive-on-bg-basic-emphasis-80-default);
  }

  .db-tag:has(label, button:not(.db-tab-remove-button), a)[data-emphasis="weak"]:not(:has(dbbutton)) button:not(.db-tab-remove-button):before {
    --db-icon-color: var(--db-adaptive-on-bg-basic-emphasis-80-default);
  }

  .db-tag[data-emphasis="strong"]:has(label, button:not(.db-tab-remove-button), a):has(input):not(:has(input:checked)):after {
    --db-icon-color: var(--db-adaptive-on-bg-basic-emphasis-80-default);
  }

  .db-tag[data-emphasis="strong"]:has(label, button:not(.db-tab-remove-button), a):has(input):not(:has(input:checked)):before {
    --db-icon-color: var(--db-adaptive-on-bg-basic-emphasis-80-default);
  }

  .db-tag:has(label, button:not(.db-tab-remove-button), a):not([data-emphasis]) a:hover:not(:disabled, [aria-disabled="true"], [tabindex="-1"], :has(:disabled)) {
    cursor: var(--db-overwrite-cursor, pointer);
    background-color: var(--db-adaptive-bg-basic-level-1-hovered);
  }

  .db-tag:has(label, button:not(.db-tab-remove-button), a):not([data-emphasis]) db-button > button:hover:not(:disabled, [aria-disabled="true"], [tabindex="-1"], :has(:disabled)) {
    cursor: var(--db-overwrite-cursor, pointer);
    background-color: var(--db-adaptive-bg-basic-level-1-hovered);
  }

  .db-tag:has(label, button:not(.db-tab-remove-button), a):not([data-emphasis]) dbbutton:not(.db-tab-remove-button) > button:hover:not(:disabled, [aria-disabled="true"], [tabindex="-1"], :has(:disabled)) {
    cursor: var(--db-overwrite-cursor, pointer);
    background-color: var(--db-adaptive-bg-basic-level-1-hovered);
  }

  .db-tag:has(label, button:not(.db-tab-remove-button), a):not([data-emphasis]) label:hover:not(:disabled, [aria-disabled="true"], [tabindex="-1"], :has(:disabled)):has(input) {
    cursor: var(--db-overwrite-cursor, pointer);
    background-color: var(--db-adaptive-bg-basic-level-1-hovered);
  }

  .db-tag:has(label, button:not(.db-tab-remove-button), a):not([data-emphasis]):not(:has(dbbutton)) button:hover:not(:disabled, [aria-disabled="true"], [tabindex="-1"], :has(:disabled)):not(.db-tab-remove-button) {
    cursor: var(--db-overwrite-cursor, pointer);
    background-color: var(--db-adaptive-bg-basic-level-1-hovered);
  }

  .db-tag:has(label, button:not(.db-tab-remove-button), a)[data-emphasis="weak"] a:hover:not(:disabled, [aria-disabled="true"], [tabindex="-1"], :has(:disabled)) {
    cursor: var(--db-overwrite-cursor, pointer);
    background-color: var(--db-adaptive-bg-basic-level-1-hovered);
  }

  .db-tag:has(label, button:not(.db-tab-remove-button), a)[data-emphasis="weak"] db-button > button:hover:not(:disabled, [aria-disabled="true"], [tabindex="-1"], :has(:disabled)) {
    cursor: var(--db-overwrite-cursor, pointer);
    background-color: var(--db-adaptive-bg-basic-level-1-hovered);
  }

  .db-tag:has(label, button:not(.db-tab-remove-button), a)[data-emphasis="weak"] dbbutton:not(.db-tab-remove-button) > button:hover:not(:disabled, [aria-disabled="true"], [tabindex="-1"], :has(:disabled)) {
    cursor: var(--db-overwrite-cursor, pointer);
    background-color: var(--db-adaptive-bg-basic-level-1-hovered);
  }

  .db-tag:has(label, button:not(.db-tab-remove-button), a)[data-emphasis="weak"] label:hover:not(:disabled, [aria-disabled="true"], [tabindex="-1"], :has(:disabled)):has(input) {
    cursor: var(--db-overwrite-cursor, pointer);
    background-color: var(--db-adaptive-bg-basic-level-1-hovered);
  }

  .db-tag:has(label, button:not(.db-tab-remove-button), a)[data-emphasis="weak"]:not(:has(dbbutton)) button:hover:not(:disabled, [aria-disabled="true"], [tabindex="-1"], :has(:disabled)):not(.db-tab-remove-button) {
    cursor: var(--db-overwrite-cursor, pointer);
    background-color: var(--db-adaptive-bg-basic-level-1-hovered);
  }

  .db-tag:hover:not(:disabled, [aria-disabled="true"], [tabindex="-1"], :has(:disabled)):has(label, button:not(.db-tab-remove-button), a) {
    cursor: var(--db-overwrite-cursor, pointer);
    background-color: var(--db-adaptive-bg-basic-level-1-hovered);
  }

  .db-tag[data-emphasis="strong"]:hover:not(:disabled, [aria-disabled="true"], [tabindex="-1"], :has(:disabled)):has(label, button:not(.db-tab-remove-button), a):has(input):not(:has(input:checked)) {
    cursor: var(--db-overwrite-cursor, pointer);
    background-color: var(--db-adaptive-bg-basic-level-1-hovered);
  }

  .db-tag:has(label, button:not(.db-tab-remove-button), a):not([data-emphasis]) a:hover:not(:disabled, [aria-disabled="true"], [tabindex="-1"], :has(:disabled)):is(input) {
    cursor: auto;
  }

  .db-tag:has(label, button:not(.db-tab-remove-button), a):not([data-emphasis]) a:hover:not(:disabled, [aria-disabled="true"], [tabindex="-1"], :has(:disabled)):is(textarea) {
    cursor: auto;
  }

  .db-tag:has(label, button:not(.db-tab-remove-button), a):not([data-emphasis]) db-button > button:hover:not(:disabled, [aria-disabled="true"], [tabindex="-1"], :has(:disabled)):is(input) {
    cursor: auto;
  }

  .db-tag:has(label, button:not(.db-tab-remove-button), a):not([data-emphasis]) db-button > button:hover:not(:disabled, [aria-disabled="true"], [tabindex="-1"], :has(:disabled)):is(textarea) {
    cursor: auto;
  }

  .db-tag:has(label, button:not(.db-tab-remove-button), a):not([data-emphasis]) dbbutton:not(.db-tab-remove-button) > button:hover:not(:disabled, [aria-disabled="true"], [tabindex="-1"], :has(:disabled)):is(input) {
    cursor: auto;
  }

  .db-tag:has(label, button:not(.db-tab-remove-button), a):not([data-emphasis]) dbbutton:not(.db-tab-remove-button) > button:hover:not(:disabled, [aria-disabled="true"], [tabindex="-1"], :has(:disabled)):is(textarea) {
    cursor: auto;
  }

  .db-tag:has(label, button:not(.db-tab-remove-button), a):not([data-emphasis]) label:hover:not(:disabled, [aria-disabled="true"], [tabindex="-1"], :has(:disabled)):is(input):has(input) {
    cursor: auto;
  }

  .db-tag:has(label, button:not(.db-tab-remove-button), a):not([data-emphasis]) label:hover:not(:disabled, [aria-disabled="true"], [tabindex="-1"], :has(:disabled)):is(textarea):has(input) {
    cursor: auto;
  }

  .db-tag:has(label, button:not(.db-tab-remove-button), a):not([data-emphasis]):not(:has(dbbutton)) button:hover:not(:disabled, [aria-disabled="true"], [tabindex="-1"], :has(:disabled)):is(input):not(.db-tab-remove-button) {
    cursor: auto;
  }

  .db-tag:has(label, button:not(.db-tab-remove-button), a):not([data-emphasis]):not(:has(dbbutton)) button:hover:not(:disabled, [aria-disabled="true"], [tabindex="-1"], :has(:disabled)):is(textarea):not(.db-tab-remove-button) {
    cursor: auto;
  }

  .db-tag:has(label, button:not(.db-tab-remove-button), a)[data-emphasis="weak"] a:hover:not(:disabled, [aria-disabled="true"], [tabindex="-1"], :has(:disabled)):is(input) {
    cursor: auto;
  }

  .db-tag:has(label, button:not(.db-tab-remove-button), a)[data-emphasis="weak"] a:hover:not(:disabled, [aria-disabled="true"], [tabindex="-1"], :has(:disabled)):is(textarea) {
    cursor: auto;
  }

  .db-tag:has(label, button:not(.db-tab-remove-button), a)[data-emphasis="weak"] db-button > button:hover:not(:disabled, [aria-disabled="true"], [tabindex="-1"], :has(:disabled)):is(input) {
    cursor: auto;
  }

  .db-tag:has(label, button:not(.db-tab-remove-button), a)[data-emphasis="weak"] db-button > button:hover:not(:disabled, [aria-disabled="true"], [tabindex="-1"], :has(:disabled)):is(textarea) {
    cursor: auto;
  }

  .db-tag:has(label, button:not(.db-tab-remove-button), a)[data-emphasis="weak"] dbbutton:not(.db-tab-remove-button) > button:hover:not(:disabled, [aria-disabled="true"], [tabindex="-1"], :has(:disabled)):is(input) {
    cursor: auto;
  }

  .db-tag:has(label, button:not(.db-tab-remove-button), a)[data-emphasis="weak"] dbbutton:not(.db-tab-remove-button) > button:hover:not(:disabled, [aria-disabled="true"], [tabindex="-1"], :has(:disabled)):is(textarea) {
    cursor: auto;
  }

  .db-tag:has(label, button:not(.db-tab-remove-button), a)[data-emphasis="weak"] label:hover:not(:disabled, [aria-disabled="true"], [tabindex="-1"], :has(:disabled)):is(input):has(input) {
    cursor: auto;
  }

  .db-tag:has(label, button:not(.db-tab-remove-button), a)[data-emphasis="weak"] label:hover:not(:disabled, [aria-disabled="true"], [tabindex="-1"], :has(:disabled)):is(textarea):has(input) {
    cursor: auto;
  }

  .db-tag:has(label, button:not(.db-tab-remove-button), a)[data-emphasis="weak"]:not(:has(dbbutton)) button:hover:not(:disabled, [aria-disabled="true"], [tabindex="-1"], :has(:disabled)):is(input):not(.db-tab-remove-button) {
    cursor: auto;
  }

  .db-tag:has(label, button:not(.db-tab-remove-button), a)[data-emphasis="weak"]:not(:has(dbbutton)) button:hover:not(:disabled, [aria-disabled="true"], [tabindex="-1"], :has(:disabled)):is(textarea):not(.db-tab-remove-button) {
    cursor: auto;
  }

  .db-tag:hover:not(:disabled, [aria-disabled="true"], [tabindex="-1"], :has(:disabled)):is(input):has(label, button:not(.db-tab-remove-button), a) {
    cursor: auto;
  }

  .db-tag:hover:not(:disabled, [aria-disabled="true"], [tabindex="-1"], :has(:disabled)):is(textarea):has(label, button:not(.db-tab-remove-button), a) {
    cursor: auto;
  }

  .db-tag[data-emphasis="strong"]:hover:not(:disabled, [aria-disabled="true"], [tabindex="-1"], :has(:disabled)):is(input):has(label, button:not(.db-tab-remove-button), a):has(input):not(:has(input:checked)) {
    cursor: auto;
  }

  .db-tag[data-emphasis="strong"]:hover:not(:disabled, [aria-disabled="true"], [tabindex="-1"], :has(:disabled)):is(textarea):has(label, button:not(.db-tab-remove-button), a):has(input):not(:has(input:checked)) {
    cursor: auto;
  }

  .db-tag:has(label, button:not(.db-tab-remove-button), a):not([data-emphasis]) a:hover:not(:disabled, [aria-disabled="true"], [tabindex="-1"], :has(:disabled)):is(input[type="checkbox"]) {
    cursor: pointer;
  }

  .db-tag:has(label, button:not(.db-tab-remove-button), a):not([data-emphasis]) a:hover:not(:disabled, [aria-disabled="true"], [tabindex="-1"], :has(:disabled)):is(input[type="radio"]:not(:checked)) {
    cursor: pointer;
  }

  .db-tag:has(label, button:not(.db-tab-remove-button), a):not([data-emphasis]) db-button > button:hover:not(:disabled, [aria-disabled="true"], [tabindex="-1"], :has(:disabled)):is(input[type="checkbox"]) {
    cursor: pointer;
  }

  .db-tag:has(label, button:not(.db-tab-remove-button), a):not([data-emphasis]) db-button > button:hover:not(:disabled, [aria-disabled="true"], [tabindex="-1"], :has(:disabled)):is(input[type="radio"]:not(:checked)) {
    cursor: pointer;
  }

  .db-tag:has(label, button:not(.db-tab-remove-button), a):not([data-emphasis]) dbbutton:not(.db-tab-remove-button) > button:hover:not(:disabled, [aria-disabled="true"], [tabindex="-1"], :has(:disabled)):is(input[type="checkbox"]) {
    cursor: pointer;
  }

  .db-tag:has(label, button:not(.db-tab-remove-button), a):not([data-emphasis]) dbbutton:not(.db-tab-remove-button) > button:hover:not(:disabled, [aria-disabled="true"], [tabindex="-1"], :has(:disabled)):is(input[type="radio"]:not(:checked)) {
    cursor: pointer;
  }

  .db-tag:has(label, button:not(.db-tab-remove-button), a):not([data-emphasis]) label:hover:not(:disabled, [aria-disabled="true"], [tabindex="-1"], :has(:disabled)):is(input[type="checkbox"]):has(input) {
    cursor: pointer;
  }

  .db-tag:has(label, button:not(.db-tab-remove-button), a):not([data-emphasis]) label:hover:not(:disabled, [aria-disabled="true"], [tabindex="-1"], :has(:disabled)):is(input[type="radio"]:not(:checked)):has(input) {
    cursor: pointer;
  }

  .db-tag:has(label, button:not(.db-tab-remove-button), a):not([data-emphasis]):not(:has(dbbutton)) button:hover:not(:disabled, [aria-disabled="true"], [tabindex="-1"], :has(:disabled)):is(input[type="checkbox"]):not(.db-tab-remove-button) {
    cursor: pointer;
  }

  .db-tag:has(label, button:not(.db-tab-remove-button), a):not([data-emphasis]):not(:has(dbbutton)) button:hover:not(:disabled, [aria-disabled="true"], [tabindex="-1"], :has(:disabled)):is(input[type="radio"]:not(:checked)):not(.db-tab-remove-button) {
    cursor: pointer;
  }

  .db-tag:has(label, button:not(.db-tab-remove-button), a)[data-emphasis="weak"] a:hover:not(:disabled, [aria-disabled="true"], [tabindex="-1"], :has(:disabled)):is(input[type="checkbox"]) {
    cursor: pointer;
  }

  .db-tag:has(label, button:not(.db-tab-remove-button), a)[data-emphasis="weak"] a:hover:not(:disabled, [aria-disabled="true"], [tabindex="-1"], :has(:disabled)):is(input[type="radio"]:not(:checked)) {
    cursor: pointer;
  }

  .db-tag:has(label, button:not(.db-tab-remove-button), a)[data-emphasis="weak"] db-button > button:hover:not(:disabled, [aria-disabled="true"], [tabindex="-1"], :has(:disabled)):is(input[type="checkbox"]) {
    cursor: pointer;
  }

  .db-tag:has(label, button:not(.db-tab-remove-button), a)[data-emphasis="weak"] db-button > button:hover:not(:disabled, [aria-disabled="true"], [tabindex="-1"], :has(:disabled)):is(input[type="radio"]:not(:checked)) {
    cursor: pointer;
  }

  .db-tag:has(label, button:not(.db-tab-remove-button), a)[data-emphasis="weak"] dbbutton:not(.db-tab-remove-button) > button:hover:not(:disabled, [aria-disabled="true"], [tabindex="-1"], :has(:disabled)):is(input[type="checkbox"]) {
    cursor: pointer;
  }

  .db-tag:has(label, button:not(.db-tab-remove-button), a)[data-emphasis="weak"] dbbutton:not(.db-tab-remove-button) > button:hover:not(:disabled, [aria-disabled="true"], [tabindex="-1"], :has(:disabled)):is(input[type="radio"]:not(:checked)) {
    cursor: pointer;
  }

  .db-tag:has(label, button:not(.db-tab-remove-button), a)[data-emphasis="weak"] label:hover:not(:disabled, [aria-disabled="true"], [tabindex="-1"], :has(:disabled)):is(input[type="checkbox"]):has(input) {
    cursor: pointer;
  }

  .db-tag:has(label, button:not(.db-tab-remove-button), a)[data-emphasis="weak"] label:hover:not(:disabled, [aria-disabled="true"], [tabindex="-1"], :has(:disabled)):is(input[type="radio"]:not(:checked)):has(input) {
    cursor: pointer;
  }

  .db-tag:has(label, button:not(.db-tab-remove-button), a)[data-emphasis="weak"]:not(:has(dbbutton)) button:hover:not(:disabled, [aria-disabled="true"], [tabindex="-1"], :has(:disabled)):is(input[type="checkbox"]):not(.db-tab-remove-button) {
    cursor: pointer;
  }

  .db-tag:has(label, button:not(.db-tab-remove-button), a)[data-emphasis="weak"]:not(:has(dbbutton)) button:hover:not(:disabled, [aria-disabled="true"], [tabindex="-1"], :has(:disabled)):is(input[type="radio"]:not(:checked)):not(.db-tab-remove-button) {
    cursor: pointer;
  }

  .db-tag:hover:not(:disabled, [aria-disabled="true"], [tabindex="-1"], :has(:disabled)):is(input[type="checkbox"]):has(label, button:not(.db-tab-remove-button), a) {
    cursor: pointer;
  }

  .db-tag:hover:not(:disabled, [aria-disabled="true"], [tabindex="-1"], :has(:disabled)):is(input[type="radio"]:not(:checked)):has(label, button:not(.db-tab-remove-button), a) {
    cursor: pointer;
  }

  .db-tag:active:not(:disabled, [aria-disabled="true"], [tabindex="-1"], :has(:disabled)):has(label, button:not(.db-tab-remove-button), a) {
    cursor: var(--db-overwrite-cursor, pointer);
    background-color: var(--db-adaptive-bg-basic-level-1-pressed);
  }

  .db-tag:has(label, button:not(.db-tab-remove-button), a):not([data-emphasis]) a:active:not(:disabled, [aria-disabled="true"], [tabindex="-1"], :has(:disabled)) {
    cursor: var(--db-overwrite-cursor, pointer);
    background-color: var(--db-adaptive-bg-basic-level-1-pressed);
  }

  .db-tag:has(label, button:not(.db-tab-remove-button), a):not([data-emphasis]) db-button > button:active:not(:disabled, [aria-disabled="true"], [tabindex="-1"], :has(:disabled)) {
    cursor: var(--db-overwrite-cursor, pointer);
    background-color: var(--db-adaptive-bg-basic-level-1-pressed);
  }

  .db-tag:has(label, button:not(.db-tab-remove-button), a):not([data-emphasis]) dbbutton:not(.db-tab-remove-button) > button:active:not(:disabled, [aria-disabled="true"], [tabindex="-1"], :has(:disabled)) {
    cursor: var(--db-overwrite-cursor, pointer);
    background-color: var(--db-adaptive-bg-basic-level-1-pressed);
  }

  .db-tag:has(label, button:not(.db-tab-remove-button), a):not([data-emphasis]) label:active:not(:disabled, [aria-disabled="true"], [tabindex="-1"], :has(:disabled)):has(input) {
    cursor: var(--db-overwrite-cursor, pointer);
    background-color: var(--db-adaptive-bg-basic-level-1-pressed);
  }

  .db-tag:has(label, button:not(.db-tab-remove-button), a):not([data-emphasis]):not(:has(dbbutton)) button:active:not(:disabled, [aria-disabled="true"], [tabindex="-1"], :has(:disabled)):not(.db-tab-remove-button) {
    cursor: var(--db-overwrite-cursor, pointer);
    background-color: var(--db-adaptive-bg-basic-level-1-pressed);
  }

  .db-tag:has(label, button:not(.db-tab-remove-button), a)[data-emphasis="weak"] a:active:not(:disabled, [aria-disabled="true"], [tabindex="-1"], :has(:disabled)) {
    cursor: var(--db-overwrite-cursor, pointer);
    background-color: var(--db-adaptive-bg-basic-level-1-pressed);
  }

  .db-tag:has(label, button:not(.db-tab-remove-button), a)[data-emphasis="weak"] db-button > button:active:not(:disabled, [aria-disabled="true"], [tabindex="-1"], :has(:disabled)) {
    cursor: var(--db-overwrite-cursor, pointer);
    background-color: var(--db-adaptive-bg-basic-level-1-pressed);
  }

  .db-tag:has(label, button:not(.db-tab-remove-button), a)[data-emphasis="weak"] dbbutton:not(.db-tab-remove-button) > button:active:not(:disabled, [aria-disabled="true"], [tabindex="-1"], :has(:disabled)) {
    cursor: var(--db-overwrite-cursor, pointer);
    background-color: var(--db-adaptive-bg-basic-level-1-pressed);
  }

  .db-tag:has(label, button:not(.db-tab-remove-button), a)[data-emphasis="weak"] label:active:not(:disabled, [aria-disabled="true"], [tabindex="-1"], :has(:disabled)):has(input) {
    cursor: var(--db-overwrite-cursor, pointer);
    background-color: var(--db-adaptive-bg-basic-level-1-pressed);
  }

  .db-tag:has(label, button:not(.db-tab-remove-button), a)[data-emphasis="weak"]:not(:has(dbbutton)) button:active:not(:disabled, [aria-disabled="true"], [tabindex="-1"], :has(:disabled)):not(.db-tab-remove-button) {
    cursor: var(--db-overwrite-cursor, pointer);
    background-color: var(--db-adaptive-bg-basic-level-1-pressed);
  }

  .db-tag[data-emphasis="strong"]:active:not(:disabled, [aria-disabled="true"], [tabindex="-1"], :has(:disabled)):has(label, button:not(.db-tab-remove-button), a):has(input):not(:has(input:checked)) {
    cursor: var(--db-overwrite-cursor, pointer);
    background-color: var(--db-adaptive-bg-basic-level-1-pressed);
  }

  .db-tag:active:not(:disabled, [aria-disabled="true"], [tabindex="-1"], :has(:disabled)):is(input):has(label, button:not(.db-tab-remove-button), a) {
    cursor: auto;
  }

  .db-tag:active:not(:disabled, [aria-disabled="true"], [tabindex="-1"], :has(:disabled)):is(textarea):has(label, button:not(.db-tab-remove-button), a) {
    cursor: auto;
  }

  .db-tag:has(label, button:not(.db-tab-remove-button), a):not([data-emphasis]) a:active:not(:disabled, [aria-disabled="true"], [tabindex="-1"], :has(:disabled)):is(input) {
    cursor: auto;
  }

  .db-tag:has(label, button:not(.db-tab-remove-button), a):not([data-emphasis]) a:active:not(:disabled, [aria-disabled="true"], [tabindex="-1"], :has(:disabled)):is(textarea) {
    cursor: auto;
  }

  .db-tag:has(label, button:not(.db-tab-remove-button), a):not([data-emphasis]) db-button > button:active:not(:disabled, [aria-disabled="true"], [tabindex="-1"], :has(:disabled)):is(input) {
    cursor: auto;
  }

  .db-tag:has(label, button:not(.db-tab-remove-button), a):not([data-emphasis]) db-button > button:active:not(:disabled, [aria-disabled="true"], [tabindex="-1"], :has(:disabled)):is(textarea) {
    cursor: auto;
  }

  .db-tag:has(label, button:not(.db-tab-remove-button), a):not([data-emphasis]) dbbutton:not(.db-tab-remove-button) > button:active:not(:disabled, [aria-disabled="true"], [tabindex="-1"], :has(:disabled)):is(input) {
    cursor: auto;
  }

  .db-tag:has(label, button:not(.db-tab-remove-button), a):not([data-emphasis]) dbbutton:not(.db-tab-remove-button) > button:active:not(:disabled, [aria-disabled="true"], [tabindex="-1"], :has(:disabled)):is(textarea) {
    cursor: auto;
  }

  .db-tag:has(label, button:not(.db-tab-remove-button), a):not([data-emphasis]) label:active:not(:disabled, [aria-disabled="true"], [tabindex="-1"], :has(:disabled)):is(input):has(input) {
    cursor: auto;
  }

  .db-tag:has(label, button:not(.db-tab-remove-button), a):not([data-emphasis]) label:active:not(:disabled, [aria-disabled="true"], [tabindex="-1"], :has(:disabled)):is(textarea):has(input) {
    cursor: auto;
  }

  .db-tag:has(label, button:not(.db-tab-remove-button), a):not([data-emphasis]):not(:has(dbbutton)) button:active:not(:disabled, [aria-disabled="true"], [tabindex="-1"], :has(:disabled)):is(input):not(.db-tab-remove-button) {
    cursor: auto;
  }

  .db-tag:has(label, button:not(.db-tab-remove-button), a):not([data-emphasis]):not(:has(dbbutton)) button:active:not(:disabled, [aria-disabled="true"], [tabindex="-1"], :has(:disabled)):is(textarea):not(.db-tab-remove-button) {
    cursor: auto;
  }

  .db-tag:has(label, button:not(.db-tab-remove-button), a)[data-emphasis="weak"] a:active:not(:disabled, [aria-disabled="true"], [tabindex="-1"], :has(:disabled)):is(input) {
    cursor: auto;
  }

  .db-tag:has(label, button:not(.db-tab-remove-button), a)[data-emphasis="weak"] a:active:not(:disabled, [aria-disabled="true"], [tabindex="-1"], :has(:disabled)):is(textarea) {
    cursor: auto;
  }

  .db-tag:has(label, button:not(.db-tab-remove-button), a)[data-emphasis="weak"] db-button > button:active:not(:disabled, [aria-disabled="true"], [tabindex="-1"], :has(:disabled)):is(input) {
    cursor: auto;
  }

  .db-tag:has(label, button:not(.db-tab-remove-button), a)[data-emphasis="weak"] db-button > button:active:not(:disabled, [aria-disabled="true"], [tabindex="-1"], :has(:disabled)):is(textarea) {
    cursor: auto;
  }

  .db-tag:has(label, button:not(.db-tab-remove-button), a)[data-emphasis="weak"] dbbutton:not(.db-tab-remove-button) > button:active:not(:disabled, [aria-disabled="true"], [tabindex="-1"], :has(:disabled)):is(input) {
    cursor: auto;
  }

  .db-tag:has(label, button:not(.db-tab-remove-button), a)[data-emphasis="weak"] dbbutton:not(.db-tab-remove-button) > button:active:not(:disabled, [aria-disabled="true"], [tabindex="-1"], :has(:disabled)):is(textarea) {
    cursor: auto;
  }

  .db-tag:has(label, button:not(.db-tab-remove-button), a)[data-emphasis="weak"] label:active:not(:disabled, [aria-disabled="true"], [tabindex="-1"], :has(:disabled)):is(input):has(input) {
    cursor: auto;
  }

  .db-tag:has(label, button:not(.db-tab-remove-button), a)[data-emphasis="weak"] label:active:not(:disabled, [aria-disabled="true"], [tabindex="-1"], :has(:disabled)):is(textarea):has(input) {
    cursor: auto;
  }

  .db-tag:has(label, button:not(.db-tab-remove-button), a)[data-emphasis="weak"]:not(:has(dbbutton)) button:active:not(:disabled, [aria-disabled="true"], [tabindex="-1"], :has(:disabled)):is(input):not(.db-tab-remove-button) {
    cursor: auto;
  }

  .db-tag:has(label, button:not(.db-tab-remove-button), a)[data-emphasis="weak"]:not(:has(dbbutton)) button:active:not(:disabled, [aria-disabled="true"], [tabindex="-1"], :has(:disabled)):is(textarea):not(.db-tab-remove-button) {
    cursor: auto;
  }

  .db-tag[data-emphasis="strong"]:active:not(:disabled, [aria-disabled="true"], [tabindex="-1"], :has(:disabled)):is(input):has(label, button:not(.db-tab-remove-button), a):has(input):not(:has(input:checked)) {
    cursor: auto;
  }

  .db-tag[data-emphasis="strong"]:active:not(:disabled, [aria-disabled="true"], [tabindex="-1"], :has(:disabled)):is(textarea):has(label, button:not(.db-tab-remove-button), a):has(input):not(:has(input:checked)) {
    cursor: auto;
  }

  .db-tag:active:not(:disabled, [aria-disabled="true"], [tabindex="-1"], :has(:disabled)):is(input[type="checkbox"]):has(label, button:not(.db-tab-remove-button), a) {
    cursor: pointer;
  }

  .db-tag:active:not(:disabled, [aria-disabled="true"], [tabindex="-1"], :has(:disabled)):is(input[type="radio"]:not(:checked)):has(label, button:not(.db-tab-remove-button), a) {
    cursor: pointer;
  }

  .db-tag:has(label, button:not(.db-tab-remove-button), a):not([data-emphasis]) a:active:not(:disabled, [aria-disabled="true"], [tabindex="-1"], :has(:disabled)):is(input[type="checkbox"]) {
    cursor: pointer;
  }

  .db-tag:has(label, button:not(.db-tab-remove-button), a):not([data-emphasis]) a:active:not(:disabled, [aria-disabled="true"], [tabindex="-1"], :has(:disabled)):is(input[type="radio"]:not(:checked)) {
    cursor: pointer;
  }

  .db-tag:has(label, button:not(.db-tab-remove-button), a):not([data-emphasis]) db-button > button:active:not(:disabled, [aria-disabled="true"], [tabindex="-1"], :has(:disabled)):is(input[type="checkbox"]) {
    cursor: pointer;
  }

  .db-tag:has(label, button:not(.db-tab-remove-button), a):not([data-emphasis]) db-button > button:active:not(:disabled, [aria-disabled="true"], [tabindex="-1"], :has(:disabled)):is(input[type="radio"]:not(:checked)) {
    cursor: pointer;
  }

  .db-tag:has(label, button:not(.db-tab-remove-button), a):not([data-emphasis]) dbbutton:not(.db-tab-remove-button) > button:active:not(:disabled, [aria-disabled="true"], [tabindex="-1"], :has(:disabled)):is(input[type="checkbox"]) {
    cursor: pointer;
  }

  .db-tag:has(label, button:not(.db-tab-remove-button), a):not([data-emphasis]) dbbutton:not(.db-tab-remove-button) > button:active:not(:disabled, [aria-disabled="true"], [tabindex="-1"], :has(:disabled)):is(input[type="radio"]:not(:checked)) {
    cursor: pointer;
  }

  .db-tag:has(label, button:not(.db-tab-remove-button), a):not([data-emphasis]) label:active:not(:disabled, [aria-disabled="true"], [tabindex="-1"], :has(:disabled)):is(input[type="checkbox"]):has(input) {
    cursor: pointer;
  }

  .db-tag:has(label, button:not(.db-tab-remove-button), a):not([data-emphasis]) label:active:not(:disabled, [aria-disabled="true"], [tabindex="-1"], :has(:disabled)):is(input[type="radio"]:not(:checked)):has(input) {
    cursor: pointer;
  }

  .db-tag:has(label, button:not(.db-tab-remove-button), a):not([data-emphasis]):not(:has(dbbutton)) button:active:not(:disabled, [aria-disabled="true"], [tabindex="-1"], :has(:disabled)):is(input[type="checkbox"]):not(.db-tab-remove-button) {
    cursor: pointer;
  }

  .db-tag:has(label, button:not(.db-tab-remove-button), a):not([data-emphasis]):not(:has(dbbutton)) button:active:not(:disabled, [aria-disabled="true"], [tabindex="-1"], :has(:disabled)):is(input[type="radio"]:not(:checked)):not(.db-tab-remove-button) {
    cursor: pointer;
  }

  .db-tag:has(label, button:not(.db-tab-remove-button), a)[data-emphasis="weak"] a:active:not(:disabled, [aria-disabled="true"], [tabindex="-1"], :has(:disabled)):is(input[type="checkbox"]) {
    cursor: pointer;
  }

  .db-tag:has(label, button:not(.db-tab-remove-button), a)[data-emphasis="weak"] a:active:not(:disabled, [aria-disabled="true"], [tabindex="-1"], :has(:disabled)):is(input[type="radio"]:not(:checked)) {
    cursor: pointer;
  }

  .db-tag:has(label, button:not(.db-tab-remove-button), a)[data-emphasis="weak"] db-button > button:active:not(:disabled, [aria-disabled="true"], [tabindex="-1"], :has(:disabled)):is(input[type="checkbox"]) {
    cursor: pointer;
  }

  .db-tag:has(label, button:not(.db-tab-remove-button), a)[data-emphasis="weak"] db-button > button:active:not(:disabled, [aria-disabled="true"], [tabindex="-1"], :has(:disabled)):is(input[type="radio"]:not(:checked)) {
    cursor: pointer;
  }

  .db-tag:has(label, button:not(.db-tab-remove-button), a)[data-emphasis="weak"] dbbutton:not(.db-tab-remove-button) > button:active:not(:disabled, [aria-disabled="true"], [tabindex="-1"], :has(:disabled)):is(input[type="checkbox"]) {
    cursor: pointer;
  }

  .db-tag:has(label, button:not(.db-tab-remove-button), a)[data-emphasis="weak"] dbbutton:not(.db-tab-remove-button) > button:active:not(:disabled, [aria-disabled="true"], [tabindex="-1"], :has(:disabled)):is(input[type="radio"]:not(:checked)) {
    cursor: pointer;
  }

  .db-tag:has(label, button:not(.db-tab-remove-button), a)[data-emphasis="weak"] label:active:not(:disabled, [aria-disabled="true"], [tabindex="-1"], :has(:disabled)):is(input[type="checkbox"]):has(input) {
    cursor: pointer;
  }

  .db-tag:has(label, button:not(.db-tab-remove-button), a)[data-emphasis="weak"] label:active:not(:disabled, [aria-disabled="true"], [tabindex="-1"], :has(:disabled)):is(input[type="radio"]:not(:checked)):has(input) {
    cursor: pointer;
  }

  .db-tag:has(label, button:not(.db-tab-remove-button), a)[data-emphasis="weak"]:not(:has(dbbutton)) button:active:not(:disabled, [aria-disabled="true"], [tabindex="-1"], :has(:disabled)):is(input[type="checkbox"]):not(.db-tab-remove-button) {
    cursor: pointer;
  }

  .db-tag:has(label, button:not(.db-tab-remove-button), a)[data-emphasis="weak"]:not(:has(dbbutton)) button:active:not(:disabled, [aria-disabled="true"], [tabindex="-1"], :has(:disabled)):is(input[type="radio"]:not(:checked)):not(.db-tab-remove-button) {
    cursor: pointer;
  }

  .db-badge:not([data-semantic])[data-emphasis="strong"] .db-tab-remove-button, .db-badge[data-semantic="adaptive"][data-emphasis="strong"] .db-tab-remove-button {
    --db-tag-border-color: var(--db-adaptive-on-bg-basic-emphasis-70-default);
    border-color: var(--db-tag-border-color);
    background-color: var(--db-adaptive-bg-vibrant-default);
    color: var(--db-adaptive-on-bg-vibrant-default);
  }

  .db-tag:has(.db-tab-remove-button):not([data-semantic])[data-emphasis="strong"] .db-tab-remove-button {
    --db-tag-border-color: var(--db-adaptive-on-bg-basic-emphasis-70-default);
    border-color: var(--db-tag-border-color);
    background-color: var(--db-adaptive-bg-vibrant-default);
    color: var(--db-adaptive-on-bg-vibrant-default);
  }

  .db-tag:has(.db-tab-remove-button)[data-semantic="adaptive"][data-emphasis="strong"] .db-tab-remove-button {
    --db-tag-border-color: var(--db-adaptive-on-bg-basic-emphasis-70-default);
    border-color: var(--db-tag-border-color);
    background-color: var(--db-adaptive-bg-vibrant-default);
    color: var(--db-adaptive-on-bg-vibrant-default);
  }

  .db-tag:has(label, button:not(.db-tab-remove-button), a):not([data-emphasis]) label:has(input[type="checkbox"]:checked) {
    --db-tag-border-color: var(--db-adaptive-on-bg-basic-emphasis-70-default);
    border-color: var(--db-tag-border-color);
    background-color: var(--db-adaptive-bg-vibrant-default);
    color: var(--db-adaptive-on-bg-vibrant-default);
  }

  .db-tag:has(label, button:not(.db-tab-remove-button), a)[data-emphasis="strong"] {
    --db-tag-border-color: var(--db-adaptive-on-bg-basic-emphasis-70-default);
    border-color: var(--db-tag-border-color);
    background-color: var(--db-adaptive-bg-vibrant-default);
    color: var(--db-adaptive-on-bg-vibrant-default);
  }

  .db-tag:has(label, button:not(.db-tab-remove-button), a)[data-emphasis="strong"] a {
    --db-tag-border-color: var(--db-adaptive-on-bg-basic-emphasis-70-default);
    border-color: var(--db-tag-border-color);
    background-color: var(--db-adaptive-bg-vibrant-default);
    color: var(--db-adaptive-on-bg-vibrant-default);
  }

  .db-tag:has(label, button:not(.db-tab-remove-button), a)[data-emphasis="strong"] db-button > button {
    --db-tag-border-color: var(--db-adaptive-on-bg-basic-emphasis-70-default);
    border-color: var(--db-tag-border-color);
    background-color: var(--db-adaptive-bg-vibrant-default);
    color: var(--db-adaptive-on-bg-vibrant-default);
  }

  .db-tag:has(label, button:not(.db-tab-remove-button), a)[data-emphasis="strong"] dbbutton:not(.db-tab-remove-button) > button {
    --db-tag-border-color: var(--db-adaptive-on-bg-basic-emphasis-70-default);
    border-color: var(--db-tag-border-color);
    background-color: var(--db-adaptive-bg-vibrant-default);
    color: var(--db-adaptive-on-bg-vibrant-default);
  }

  .db-tag:has(label, button:not(.db-tab-remove-button), a)[data-emphasis="strong"] label:has(input[type="checkbox"]:checked) {
    --db-tag-border-color: var(--db-adaptive-on-bg-basic-emphasis-70-default);
    border-color: var(--db-tag-border-color);
    background-color: var(--db-adaptive-bg-vibrant-default);
    color: var(--db-adaptive-on-bg-vibrant-default);
  }

  .db-tag:has(label, button:not(.db-tab-remove-button), a)[data-emphasis="strong"]:not(:has(dbbutton)) button:not(.db-tab-remove-button) {
    --db-tag-border-color: var(--db-adaptive-on-bg-basic-emphasis-70-default);
    border-color: var(--db-tag-border-color);
    background-color: var(--db-adaptive-bg-vibrant-default);
    color: var(--db-adaptive-on-bg-vibrant-default);
  }

  .db-tag:has(label, button:not(.db-tab-remove-button), a)[data-emphasis="weak"] label:has(input[type="checkbox"]:checked) {
    --db-tag-border-color: var(--db-adaptive-on-bg-basic-emphasis-70-default);
    border-color: var(--db-tag-border-color);
    background-color: var(--db-adaptive-bg-vibrant-default);
    color: var(--db-adaptive-on-bg-vibrant-default);
  }

  .db-tag:not(:has(label, button:not(.db-tab-remove-button), a)):not([data-semantic])[data-emphasis="strong"] .db-tab-remove-button {
    --db-tag-border-color: var(--db-adaptive-on-bg-basic-emphasis-70-default);
    border-color: var(--db-tag-border-color);
    background-color: var(--db-adaptive-bg-vibrant-default);
    color: var(--db-adaptive-on-bg-vibrant-default);
  }

  .db-tag:not(:has(label, button:not(.db-tab-remove-button), a))[data-semantic="adaptive"][data-emphasis="strong"] .db-tab-remove-button {
    --db-tag-border-color: var(--db-adaptive-on-bg-basic-emphasis-70-default);
    border-color: var(--db-tag-border-color);
    background-color: var(--db-adaptive-bg-vibrant-default);
    color: var(--db-adaptive-on-bg-vibrant-default);
  }

  .db-badge:not([data-semantic])[data-emphasis="strong"] .db-tab-remove-button:after, .db-badge:not([data-semantic])[data-emphasis="strong"] .db-tab-remove-button:before, .db-badge[data-semantic="adaptive"][data-emphasis="strong"] .db-tab-remove-button:after, .db-badge[data-semantic="adaptive"][data-emphasis="strong"] .db-tab-remove-button:before {
    --db-icon-color: var(--db-adaptive-on-bg-vibrant-default);
  }

  .db-tag:has(.db-tab-remove-button):not([data-semantic])[data-emphasis="strong"] .db-tab-remove-button:after {
    --db-icon-color: var(--db-adaptive-on-bg-vibrant-default);
  }

  .db-tag:has(.db-tab-remove-button):not([data-semantic])[data-emphasis="strong"] .db-tab-remove-button:before {
    --db-icon-color: var(--db-adaptive-on-bg-vibrant-default);
  }

  .db-tag:has(.db-tab-remove-button)[data-semantic="adaptive"][data-emphasis="strong"] .db-tab-remove-button:after {
    --db-icon-color: var(--db-adaptive-on-bg-vibrant-default);
  }

  .db-tag:has(.db-tab-remove-button)[data-semantic="adaptive"][data-emphasis="strong"] .db-tab-remove-button:before {
    --db-icon-color: var(--db-adaptive-on-bg-vibrant-default);
  }

  .db-tag:has(label, button:not(.db-tab-remove-button), a):not([data-emphasis]) label:has(input[type="checkbox"]:checked):after {
    --db-icon-color: var(--db-adaptive-on-bg-vibrant-default);
  }

  .db-tag:has(label, button:not(.db-tab-remove-button), a):not([data-emphasis]) label:has(input[type="checkbox"]:checked):before {
    --db-icon-color: var(--db-adaptive-on-bg-vibrant-default);
  }

  .db-tag:has(label, button:not(.db-tab-remove-button), a)[data-emphasis="strong"] a:after {
    --db-icon-color: var(--db-adaptive-on-bg-vibrant-default);
  }

  .db-tag:has(label, button:not(.db-tab-remove-button), a)[data-emphasis="strong"] a:before {
    --db-icon-color: var(--db-adaptive-on-bg-vibrant-default);
  }

  .db-tag:has(label, button:not(.db-tab-remove-button), a)[data-emphasis="strong"] db-button > button:after {
    --db-icon-color: var(--db-adaptive-on-bg-vibrant-default);
  }

  .db-tag:has(label, button:not(.db-tab-remove-button), a)[data-emphasis="strong"] db-button > button:before {
    --db-icon-color: var(--db-adaptive-on-bg-vibrant-default);
  }

  .db-tag:has(label, button:not(.db-tab-remove-button), a)[data-emphasis="strong"] dbbutton:not(.db-tab-remove-button) > button:after {
    --db-icon-color: var(--db-adaptive-on-bg-vibrant-default);
  }

  .db-tag:has(label, button:not(.db-tab-remove-button), a)[data-emphasis="strong"] dbbutton:not(.db-tab-remove-button) > button:before {
    --db-icon-color: var(--db-adaptive-on-bg-vibrant-default);
  }

  .db-tag:has(label, button:not(.db-tab-remove-button), a)[data-emphasis="strong"] label:has(input[type="checkbox"]:checked):after {
    --db-icon-color: var(--db-adaptive-on-bg-vibrant-default);
  }

  .db-tag:has(label, button:not(.db-tab-remove-button), a)[data-emphasis="strong"] label:has(input[type="checkbox"]:checked):before {
    --db-icon-color: var(--db-adaptive-on-bg-vibrant-default);
  }

  .db-tag:has(label, button:not(.db-tab-remove-button), a)[data-emphasis="strong"]:not(:has(dbbutton)) button:not(.db-tab-remove-button):after {
    --db-icon-color: var(--db-adaptive-on-bg-vibrant-default);
  }

  .db-tag:has(label, button:not(.db-tab-remove-button), a)[data-emphasis="strong"]:not(:has(dbbutton)) button:not(.db-tab-remove-button):before {
    --db-icon-color: var(--db-adaptive-on-bg-vibrant-default);
  }

  .db-tag:has(label, button:not(.db-tab-remove-button), a)[data-emphasis="weak"] label:has(input[type="checkbox"]:checked):after {
    --db-icon-color: var(--db-adaptive-on-bg-vibrant-default);
  }

  .db-tag:has(label, button:not(.db-tab-remove-button), a)[data-emphasis="weak"] label:has(input[type="checkbox"]:checked):before {
    --db-icon-color: var(--db-adaptive-on-bg-vibrant-default);
  }

  .db-tag:not(:has(label, button:not(.db-tab-remove-button), a)):not([data-semantic])[data-emphasis="strong"] .db-tab-remove-button:after {
    --db-icon-color: var(--db-adaptive-on-bg-vibrant-default);
  }

  .db-tag:not(:has(label, button:not(.db-tab-remove-button), a)):not([data-semantic])[data-emphasis="strong"] .db-tab-remove-button:before {
    --db-icon-color: var(--db-adaptive-on-bg-vibrant-default);
  }

  .db-tag:not(:has(label, button:not(.db-tab-remove-button), a))[data-semantic="adaptive"][data-emphasis="strong"] .db-tab-remove-button:after {
    --db-icon-color: var(--db-adaptive-on-bg-vibrant-default);
  }

  .db-tag:not(:has(label, button:not(.db-tab-remove-button), a))[data-semantic="adaptive"][data-emphasis="strong"] .db-tab-remove-button:before {
    --db-icon-color: var(--db-adaptive-on-bg-vibrant-default);
  }

  .db-tag[data-emphasis="strong"]:has(label, button:not(.db-tab-remove-button), a):after {
    --db-icon-color: var(--db-adaptive-on-bg-vibrant-default);
  }

  .db-tag[data-emphasis="strong"]:has(label, button:not(.db-tab-remove-button), a):before {
    --db-icon-color: var(--db-adaptive-on-bg-vibrant-default);
  }

  .db-badge:not([data-semantic])[data-emphasis="strong"] .db-tab-remove-button:hover:not(:disabled, [aria-disabled="true"], [tabindex="-1"], :has(:disabled)) {
    cursor: var(--db-overwrite-cursor, pointer);
    background-color: var(--db-adaptive-bg-vibrant-hovered);
  }

  .db-badge[data-semantic="adaptive"][data-emphasis="strong"] .db-tab-remove-button:hover:not(:disabled, [aria-disabled="true"], [tabindex="-1"], :has(:disabled)) {
    cursor: var(--db-overwrite-cursor, pointer);
    background-color: var(--db-adaptive-bg-vibrant-hovered);
  }

  .db-tag:has(.db-tab-remove-button):not([data-semantic])[data-emphasis="strong"] .db-tab-remove-button:hover:not(:disabled, [aria-disabled="true"], [tabindex="-1"], :has(:disabled)) {
    cursor: var(--db-overwrite-cursor, pointer);
    background-color: var(--db-adaptive-bg-vibrant-hovered);
  }

  .db-tag:has(.db-tab-remove-button)[data-semantic="adaptive"][data-emphasis="strong"] .db-tab-remove-button:hover:not(:disabled, [aria-disabled="true"], [tabindex="-1"], :has(:disabled)) {
    cursor: var(--db-overwrite-cursor, pointer);
    background-color: var(--db-adaptive-bg-vibrant-hovered);
  }

  .db-tag:has(label, button:not(.db-tab-remove-button), a):not([data-emphasis]) label:hover:not(:disabled, [aria-disabled="true"], [tabindex="-1"], :has(:disabled)):has(input[type="checkbox"]:checked) {
    cursor: var(--db-overwrite-cursor, pointer);
    background-color: var(--db-adaptive-bg-vibrant-hovered);
  }

  .db-tag:has(label, button:not(.db-tab-remove-button), a)[data-emphasis="strong"] a:hover:not(:disabled, [aria-disabled="true"], [tabindex="-1"], :has(:disabled)) {
    cursor: var(--db-overwrite-cursor, pointer);
    background-color: var(--db-adaptive-bg-vibrant-hovered);
  }

  .db-tag:has(label, button:not(.db-tab-remove-button), a)[data-emphasis="strong"] db-button > button:hover:not(:disabled, [aria-disabled="true"], [tabindex="-1"], :has(:disabled)) {
    cursor: var(--db-overwrite-cursor, pointer);
    background-color: var(--db-adaptive-bg-vibrant-hovered);
  }

  .db-tag:has(label, button:not(.db-tab-remove-button), a)[data-emphasis="strong"] dbbutton:not(.db-tab-remove-button) > button:hover:not(:disabled, [aria-disabled="true"], [tabindex="-1"], :has(:disabled)) {
    cursor: var(--db-overwrite-cursor, pointer);
    background-color: var(--db-adaptive-bg-vibrant-hovered);
  }

  .db-tag:has(label, button:not(.db-tab-remove-button), a)[data-emphasis="strong"] label:hover:not(:disabled, [aria-disabled="true"], [tabindex="-1"], :has(:disabled)):has(input[type="checkbox"]:checked) {
    cursor: var(--db-overwrite-cursor, pointer);
    background-color: var(--db-adaptive-bg-vibrant-hovered);
  }

  .db-tag:has(label, button:not(.db-tab-remove-button), a)[data-emphasis="strong"]:not(:has(dbbutton)) button:hover:not(:disabled, [aria-disabled="true"], [tabindex="-1"], :has(:disabled)):not(.db-tab-remove-button) {
    cursor: var(--db-overwrite-cursor, pointer);
    background-color: var(--db-adaptive-bg-vibrant-hovered);
  }

  .db-tag:has(label, button:not(.db-tab-remove-button), a)[data-emphasis="weak"] label:hover:not(:disabled, [aria-disabled="true"], [tabindex="-1"], :has(:disabled)):has(input[type="checkbox"]:checked) {
    cursor: var(--db-overwrite-cursor, pointer);
    background-color: var(--db-adaptive-bg-vibrant-hovered);
  }

  .db-tag:not(:has(label, button:not(.db-tab-remove-button), a)):not([data-semantic])[data-emphasis="strong"] .db-tab-remove-button:hover:not(:disabled, [aria-disabled="true"], [tabindex="-1"], :has(:disabled)) {
    cursor: var(--db-overwrite-cursor, pointer);
    background-color: var(--db-adaptive-bg-vibrant-hovered);
  }

  .db-tag:not(:has(label, button:not(.db-tab-remove-button), a))[data-semantic="adaptive"][data-emphasis="strong"] .db-tab-remove-button:hover:not(:disabled, [aria-disabled="true"], [tabindex="-1"], :has(:disabled)) {
    cursor: var(--db-overwrite-cursor, pointer);
    background-color: var(--db-adaptive-bg-vibrant-hovered);
  }

  .db-tag[data-emphasis="strong"]:hover:not(:disabled, [aria-disabled="true"], [tabindex="-1"], :has(:disabled)):has(label, button:not(.db-tab-remove-button), a) {
    cursor: var(--db-overwrite-cursor, pointer);
    background-color: var(--db-adaptive-bg-vibrant-hovered);
  }

  .db-badge:not([data-semantic])[data-emphasis="strong"] .db-tab-remove-button:hover:not(:disabled, [aria-disabled="true"], [tabindex="-1"], :has(:disabled)):is(input) {
    cursor: auto;
  }

  .db-badge:not([data-semantic])[data-emphasis="strong"] .db-tab-remove-button:hover:not(:disabled, [aria-disabled="true"], [tabindex="-1"], :has(:disabled)):is(textarea) {
    cursor: auto;
  }

  .db-badge[data-semantic="adaptive"][data-emphasis="strong"] .db-tab-remove-button:hover:not(:disabled, [aria-disabled="true"], [tabindex="-1"], :has(:disabled)):is(input) {
    cursor: auto;
  }

  .db-badge[data-semantic="adaptive"][data-emphasis="strong"] .db-tab-remove-button:hover:not(:disabled, [aria-disabled="true"], [tabindex="-1"], :has(:disabled)):is(textarea) {
    cursor: auto;
  }

  .db-tag:has(.db-tab-remove-button):not([data-semantic])[data-emphasis="strong"] .db-tab-remove-button:hover:not(:disabled, [aria-disabled="true"], [tabindex="-1"], :has(:disabled)):is(input) {
    cursor: auto;
  }

  .db-tag:has(.db-tab-remove-button):not([data-semantic])[data-emphasis="strong"] .db-tab-remove-button:hover:not(:disabled, [aria-disabled="true"], [tabindex="-1"], :has(:disabled)):is(textarea) {
    cursor: auto;
  }

  .db-tag:has(.db-tab-remove-button)[data-semantic="adaptive"][data-emphasis="strong"] .db-tab-remove-button:hover:not(:disabled, [aria-disabled="true"], [tabindex="-1"], :has(:disabled)):is(input) {
    cursor: auto;
  }

  .db-tag:has(.db-tab-remove-button)[data-semantic="adaptive"][data-emphasis="strong"] .db-tab-remove-button:hover:not(:disabled, [aria-disabled="true"], [tabindex="-1"], :has(:disabled)):is(textarea) {
    cursor: auto;
  }

  .db-tag:has(label, button:not(.db-tab-remove-button), a):not([data-emphasis]) label:hover:not(:disabled, [aria-disabled="true"], [tabindex="-1"], :has(:disabled)):is(input):has(input[type="checkbox"]:checked) {
    cursor: auto;
  }

  .db-tag:has(label, button:not(.db-tab-remove-button), a):not([data-emphasis]) label:hover:not(:disabled, [aria-disabled="true"], [tabindex="-1"], :has(:disabled)):is(textarea):has(input[type="checkbox"]:checked) {
    cursor: auto;
  }

  .db-tag:has(label, button:not(.db-tab-remove-button), a)[data-emphasis="strong"] a:hover:not(:disabled, [aria-disabled="true"], [tabindex="-1"], :has(:disabled)):is(input) {
    cursor: auto;
  }

  .db-tag:has(label, button:not(.db-tab-remove-button), a)[data-emphasis="strong"] a:hover:not(:disabled, [aria-disabled="true"], [tabindex="-1"], :has(:disabled)):is(textarea) {
    cursor: auto;
  }

  .db-tag:has(label, button:not(.db-tab-remove-button), a)[data-emphasis="strong"] db-button > button:hover:not(:disabled, [aria-disabled="true"], [tabindex="-1"], :has(:disabled)):is(input) {
    cursor: auto;
  }

  .db-tag:has(label, button:not(.db-tab-remove-button), a)[data-emphasis="strong"] db-button > button:hover:not(:disabled, [aria-disabled="true"], [tabindex="-1"], :has(:disabled)):is(textarea) {
    cursor: auto;
  }

  .db-tag:has(label, button:not(.db-tab-remove-button), a)[data-emphasis="strong"] dbbutton:not(.db-tab-remove-button) > button:hover:not(:disabled, [aria-disabled="true"], [tabindex="-1"], :has(:disabled)):is(input) {
    cursor: auto;
  }

  .db-tag:has(label, button:not(.db-tab-remove-button), a)[data-emphasis="strong"] dbbutton:not(.db-tab-remove-button) > button:hover:not(:disabled, [aria-disabled="true"], [tabindex="-1"], :has(:disabled)):is(textarea) {
    cursor: auto;
  }

  .db-tag:has(label, button:not(.db-tab-remove-button), a)[data-emphasis="strong"] label:hover:not(:disabled, [aria-disabled="true"], [tabindex="-1"], :has(:disabled)):is(input):has(input[type="checkbox"]:checked) {
    cursor: auto;
  }

  .db-tag:has(label, button:not(.db-tab-remove-button), a)[data-emphasis="strong"] label:hover:not(:disabled, [aria-disabled="true"], [tabindex="-1"], :has(:disabled)):is(textarea):has(input[type="checkbox"]:checked) {
    cursor: auto;
  }

  .db-tag:has(label, button:not(.db-tab-remove-button), a)[data-emphasis="strong"]:not(:has(dbbutton)) button:hover:not(:disabled, [aria-disabled="true"], [tabindex="-1"], :has(:disabled)):is(input):not(.db-tab-remove-button) {
    cursor: auto;
  }

  .db-tag:has(label, button:not(.db-tab-remove-button), a)[data-emphasis="strong"]:not(:has(dbbutton)) button:hover:not(:disabled, [aria-disabled="true"], [tabindex="-1"], :has(:disabled)):is(textarea):not(.db-tab-remove-button) {
    cursor: auto;
  }

  .db-tag:has(label, button:not(.db-tab-remove-button), a)[data-emphasis="weak"] label:hover:not(:disabled, [aria-disabled="true"], [tabindex="-1"], :has(:disabled)):is(input):has(input[type="checkbox"]:checked) {
    cursor: auto;
  }

  .db-tag:has(label, button:not(.db-tab-remove-button), a)[data-emphasis="weak"] label:hover:not(:disabled, [aria-disabled="true"], [tabindex="-1"], :has(:disabled)):is(textarea):has(input[type="checkbox"]:checked) {
    cursor: auto;
  }

  .db-tag:not(:has(label, button:not(.db-tab-remove-button), a)):not([data-semantic])[data-emphasis="strong"] .db-tab-remove-button:hover:not(:disabled, [aria-disabled="true"], [tabindex="-1"], :has(:disabled)):is(input) {
    cursor: auto;
  }

  .db-tag:not(:has(label, button:not(.db-tab-remove-button), a)):not([data-semantic])[data-emphasis="strong"] .db-tab-remove-button:hover:not(:disabled, [aria-disabled="true"], [tabindex="-1"], :has(:disabled)):is(textarea) {
    cursor: auto;
  }

  .db-tag:not(:has(label, button:not(.db-tab-remove-button), a))[data-semantic="adaptive"][data-emphasis="strong"] .db-tab-remove-button:hover:not(:disabled, [aria-disabled="true"], [tabindex="-1"], :has(:disabled)):is(input) {
    cursor: auto;
  }

  .db-tag:not(:has(label, button:not(.db-tab-remove-button), a))[data-semantic="adaptive"][data-emphasis="strong"] .db-tab-remove-button:hover:not(:disabled, [aria-disabled="true"], [tabindex="-1"], :has(:disabled)):is(textarea) {
    cursor: auto;
  }

  .db-tag[data-emphasis="strong"]:hover:not(:disabled, [aria-disabled="true"], [tabindex="-1"], :has(:disabled)):is(input):has(label, button:not(.db-tab-remove-button), a) {
    cursor: auto;
  }

  .db-tag[data-emphasis="strong"]:hover:not(:disabled, [aria-disabled="true"], [tabindex="-1"], :has(:disabled)):is(textarea):has(label, button:not(.db-tab-remove-button), a) {
    cursor: auto;
  }

  .db-badge:not([data-semantic])[data-emphasis="strong"] .db-tab-remove-button:hover:not(:disabled, [aria-disabled="true"], [tabindex="-1"], :has(:disabled)):is(input[type="checkbox"]) {
    cursor: pointer;
  }

  .db-badge:not([data-semantic])[data-emphasis="strong"] .db-tab-remove-button:hover:not(:disabled, [aria-disabled="true"], [tabindex="-1"], :has(:disabled)):is(input[type="radio"]:not(:checked)) {
    cursor: pointer;
  }

  .db-badge[data-semantic="adaptive"][data-emphasis="strong"] .db-tab-remove-button:hover:not(:disabled, [aria-disabled="true"], [tabindex="-1"], :has(:disabled)):is(input[type="checkbox"]) {
    cursor: pointer;
  }

  .db-badge[data-semantic="adaptive"][data-emphasis="strong"] .db-tab-remove-button:hover:not(:disabled, [aria-disabled="true"], [tabindex="-1"], :has(:disabled)):is(input[type="radio"]:not(:checked)) {
    cursor: pointer;
  }

  .db-tag:has(.db-tab-remove-button):not([data-semantic])[data-emphasis="strong"] .db-tab-remove-button:hover:not(:disabled, [aria-disabled="true"], [tabindex="-1"], :has(:disabled)):is(input[type="checkbox"]) {
    cursor: pointer;
  }

  .db-tag:has(.db-tab-remove-button):not([data-semantic])[data-emphasis="strong"] .db-tab-remove-button:hover:not(:disabled, [aria-disabled="true"], [tabindex="-1"], :has(:disabled)):is(input[type="radio"]:not(:checked)) {
    cursor: pointer;
  }

  .db-tag:has(.db-tab-remove-button)[data-semantic="adaptive"][data-emphasis="strong"] .db-tab-remove-button:hover:not(:disabled, [aria-disabled="true"], [tabindex="-1"], :has(:disabled)):is(input[type="checkbox"]) {
    cursor: pointer;
  }

  .db-tag:has(.db-tab-remove-button)[data-semantic="adaptive"][data-emphasis="strong"] .db-tab-remove-button:hover:not(:disabled, [aria-disabled="true"], [tabindex="-1"], :has(:disabled)):is(input[type="radio"]:not(:checked)) {
    cursor: pointer;
  }

  .db-tag:has(label, button:not(.db-tab-remove-button), a):not([data-emphasis]) label:hover:not(:disabled, [aria-disabled="true"], [tabindex="-1"], :has(:disabled)):is(input[type="checkbox"]):has(input[type="checkbox"]:checked) {
    cursor: pointer;
  }

  .db-tag:has(label, button:not(.db-tab-remove-button), a):not([data-emphasis]) label:hover:not(:disabled, [aria-disabled="true"], [tabindex="-1"], :has(:disabled)):is(input[type="radio"]:not(:checked)):has(input[type="checkbox"]:checked) {
    cursor: pointer;
  }

  .db-tag:has(label, button:not(.db-tab-remove-button), a)[data-emphasis="strong"] a:hover:not(:disabled, [aria-disabled="true"], [tabindex="-1"], :has(:disabled)):is(input[type="checkbox"]) {
    cursor: pointer;
  }

  .db-tag:has(label, button:not(.db-tab-remove-button), a)[data-emphasis="strong"] a:hover:not(:disabled, [aria-disabled="true"], [tabindex="-1"], :has(:disabled)):is(input[type="radio"]:not(:checked)) {
    cursor: pointer;
  }

  .db-tag:has(label, button:not(.db-tab-remove-button), a)[data-emphasis="strong"] db-button > button:hover:not(:disabled, [aria-disabled="true"], [tabindex="-1"], :has(:disabled)):is(input[type="checkbox"]) {
    cursor: pointer;
  }

  .db-tag:has(label, button:not(.db-tab-remove-button), a)[data-emphasis="strong"] db-button > button:hover:not(:disabled, [aria-disabled="true"], [tabindex="-1"], :has(:disabled)):is(input[type="radio"]:not(:checked)) {
    cursor: pointer;
  }

  .db-tag:has(label, button:not(.db-tab-remove-button), a)[data-emphasis="strong"] dbbutton:not(.db-tab-remove-button) > button:hover:not(:disabled, [aria-disabled="true"], [tabindex="-1"], :has(:disabled)):is(input[type="checkbox"]) {
    cursor: pointer;
  }

  .db-tag:has(label, button:not(.db-tab-remove-button), a)[data-emphasis="strong"] dbbutton:not(.db-tab-remove-button) > button:hover:not(:disabled, [aria-disabled="true"], [tabindex="-1"], :has(:disabled)):is(input[type="radio"]:not(:checked)) {
    cursor: pointer;
  }

  .db-tag:has(label, button:not(.db-tab-remove-button), a)[data-emphasis="strong"] label:hover:not(:disabled, [aria-disabled="true"], [tabindex="-1"], :has(:disabled)):is(input[type="checkbox"]):has(input[type="checkbox"]:checked) {
    cursor: pointer;
  }

  .db-tag:has(label, button:not(.db-tab-remove-button), a)[data-emphasis="strong"] label:hover:not(:disabled, [aria-disabled="true"], [tabindex="-1"], :has(:disabled)):is(input[type="radio"]:not(:checked)):has(input[type="checkbox"]:checked) {
    cursor: pointer;
  }

  .db-tag:has(label, button:not(.db-tab-remove-button), a)[data-emphasis="strong"]:not(:has(dbbutton)) button:hover:not(:disabled, [aria-disabled="true"], [tabindex="-1"], :has(:disabled)):is(input[type="checkbox"]):not(.db-tab-remove-button) {
    cursor: pointer;
  }

  .db-tag:has(label, button:not(.db-tab-remove-button), a)[data-emphasis="strong"]:not(:has(dbbutton)) button:hover:not(:disabled, [aria-disabled="true"], [tabindex="-1"], :has(:disabled)):is(input[type="radio"]:not(:checked)):not(.db-tab-remove-button) {
    cursor: pointer;
  }

  .db-tag:has(label, button:not(.db-tab-remove-button), a)[data-emphasis="weak"] label:hover:not(:disabled, [aria-disabled="true"], [tabindex="-1"], :has(:disabled)):is(input[type="checkbox"]):has(input[type="checkbox"]:checked) {
    cursor: pointer;
  }

  .db-tag:has(label, button:not(.db-tab-remove-button), a)[data-emphasis="weak"] label:hover:not(:disabled, [aria-disabled="true"], [tabindex="-1"], :has(:disabled)):is(input[type="radio"]:not(:checked)):has(input[type="checkbox"]:checked) {
    cursor: pointer;
  }

  .db-tag:not(:has(label, button:not(.db-tab-remove-button), a)):not([data-semantic])[data-emphasis="strong"] .db-tab-remove-button:hover:not(:disabled, [aria-disabled="true"], [tabindex="-1"], :has(:disabled)):is(input[type="checkbox"]) {
    cursor: pointer;
  }

  .db-tag:not(:has(label, button:not(.db-tab-remove-button), a)):not([data-semantic])[data-emphasis="strong"] .db-tab-remove-button:hover:not(:disabled, [aria-disabled="true"], [tabindex="-1"], :has(:disabled)):is(input[type="radio"]:not(:checked)) {
    cursor: pointer;
  }

  .db-tag:not(:has(label, button:not(.db-tab-remove-button), a))[data-semantic="adaptive"][data-emphasis="strong"] .db-tab-remove-button:hover:not(:disabled, [aria-disabled="true"], [tabindex="-1"], :has(:disabled)):is(input[type="checkbox"]) {
    cursor: pointer;
  }

  .db-tag:not(:has(label, button:not(.db-tab-remove-button), a))[data-semantic="adaptive"][data-emphasis="strong"] .db-tab-remove-button:hover:not(:disabled, [aria-disabled="true"], [tabindex="-1"], :has(:disabled)):is(input[type="radio"]:not(:checked)) {
    cursor: pointer;
  }

  .db-tag[data-emphasis="strong"]:hover:not(:disabled, [aria-disabled="true"], [tabindex="-1"], :has(:disabled)):is(input[type="checkbox"]):has(label, button:not(.db-tab-remove-button), a) {
    cursor: pointer;
  }

  .db-tag[data-emphasis="strong"]:hover:not(:disabled, [aria-disabled="true"], [tabindex="-1"], :has(:disabled)):is(input[type="radio"]:not(:checked)):has(label, button:not(.db-tab-remove-button), a) {
    cursor: pointer;
  }

  .db-badge:not([data-semantic])[data-emphasis="strong"] .db-tab-remove-button:active:not(:disabled, [aria-disabled="true"], [tabindex="-1"], :has(:disabled)) {
    cursor: var(--db-overwrite-cursor, pointer);
    background-color: var(--db-adaptive-bg-vibrant-pressed);
  }

  .db-badge[data-semantic="adaptive"][data-emphasis="strong"] .db-tab-remove-button:active:not(:disabled, [aria-disabled="true"], [tabindex="-1"], :has(:disabled)) {
    cursor: var(--db-overwrite-cursor, pointer);
    background-color: var(--db-adaptive-bg-vibrant-pressed);
  }

  .db-tag:has(.db-tab-remove-button):not([data-semantic])[data-emphasis="strong"] .db-tab-remove-button:active:not(:disabled, [aria-disabled="true"], [tabindex="-1"], :has(:disabled)) {
    cursor: var(--db-overwrite-cursor, pointer);
    background-color: var(--db-adaptive-bg-vibrant-pressed);
  }

  .db-tag:has(.db-tab-remove-button)[data-semantic="adaptive"][data-emphasis="strong"] .db-tab-remove-button:active:not(:disabled, [aria-disabled="true"], [tabindex="-1"], :has(:disabled)) {
    cursor: var(--db-overwrite-cursor, pointer);
    background-color: var(--db-adaptive-bg-vibrant-pressed);
  }

  .db-tag:has(label, button:not(.db-tab-remove-button), a):not([data-emphasis]) label:active:not(:disabled, [aria-disabled="true"], [tabindex="-1"], :has(:disabled)):has(input[type="checkbox"]:checked) {
    cursor: var(--db-overwrite-cursor, pointer);
    background-color: var(--db-adaptive-bg-vibrant-pressed);
  }

  .db-tag:has(label, button:not(.db-tab-remove-button), a)[data-emphasis="strong"] a:active:not(:disabled, [aria-disabled="true"], [tabindex="-1"], :has(:disabled)) {
    cursor: var(--db-overwrite-cursor, pointer);
    background-color: var(--db-adaptive-bg-vibrant-pressed);
  }

  .db-tag:has(label, button:not(.db-tab-remove-button), a)[data-emphasis="strong"] db-button > button:active:not(:disabled, [aria-disabled="true"], [tabindex="-1"], :has(:disabled)) {
    cursor: var(--db-overwrite-cursor, pointer);
    background-color: var(--db-adaptive-bg-vibrant-pressed);
  }

  .db-tag:has(label, button:not(.db-tab-remove-button), a)[data-emphasis="strong"] dbbutton:not(.db-tab-remove-button) > button:active:not(:disabled, [aria-disabled="true"], [tabindex="-1"], :has(:disabled)) {
    cursor: var(--db-overwrite-cursor, pointer);
    background-color: var(--db-adaptive-bg-vibrant-pressed);
  }

  .db-tag:has(label, button:not(.db-tab-remove-button), a)[data-emphasis="strong"] label:active:not(:disabled, [aria-disabled="true"], [tabindex="-1"], :has(:disabled)):has(input[type="checkbox"]:checked) {
    cursor: var(--db-overwrite-cursor, pointer);
    background-color: var(--db-adaptive-bg-vibrant-pressed);
  }

  .db-tag:has(label, button:not(.db-tab-remove-button), a)[data-emphasis="strong"]:not(:has(dbbutton)) button:active:not(:disabled, [aria-disabled="true"], [tabindex="-1"], :has(:disabled)):not(.db-tab-remove-button) {
    cursor: var(--db-overwrite-cursor, pointer);
    background-color: var(--db-adaptive-bg-vibrant-pressed);
  }

  .db-tag:has(label, button:not(.db-tab-remove-button), a)[data-emphasis="weak"] label:active:not(:disabled, [aria-disabled="true"], [tabindex="-1"], :has(:disabled)):has(input[type="checkbox"]:checked) {
    cursor: var(--db-overwrite-cursor, pointer);
    background-color: var(--db-adaptive-bg-vibrant-pressed);
  }

  .db-tag:not(:has(label, button:not(.db-tab-remove-button), a)):not([data-semantic])[data-emphasis="strong"] .db-tab-remove-button:active:not(:disabled, [aria-disabled="true"], [tabindex="-1"], :has(:disabled)) {
    cursor: var(--db-overwrite-cursor, pointer);
    background-color: var(--db-adaptive-bg-vibrant-pressed);
  }

  .db-tag:not(:has(label, button:not(.db-tab-remove-button), a))[data-semantic="adaptive"][data-emphasis="strong"] .db-tab-remove-button:active:not(:disabled, [aria-disabled="true"], [tabindex="-1"], :has(:disabled)) {
    cursor: var(--db-overwrite-cursor, pointer);
    background-color: var(--db-adaptive-bg-vibrant-pressed);
  }

  .db-tag[data-emphasis="strong"]:active:not(:disabled, [aria-disabled="true"], [tabindex="-1"], :has(:disabled)):has(label, button:not(.db-tab-remove-button), a) {
    cursor: var(--db-overwrite-cursor, pointer);
    background-color: var(--db-adaptive-bg-vibrant-pressed);
  }

  .db-badge:not([data-semantic])[data-emphasis="strong"] .db-tab-remove-button:active:not(:disabled, [aria-disabled="true"], [tabindex="-1"], :has(:disabled)):is(input) {
    cursor: auto;
  }

  .db-badge:not([data-semantic])[data-emphasis="strong"] .db-tab-remove-button:active:not(:disabled, [aria-disabled="true"], [tabindex="-1"], :has(:disabled)):is(textarea) {
    cursor: auto;
  }

  .db-badge[data-semantic="adaptive"][data-emphasis="strong"] .db-tab-remove-button:active:not(:disabled, [aria-disabled="true"], [tabindex="-1"], :has(:disabled)):is(input) {
    cursor: auto;
  }

  .db-badge[data-semantic="adaptive"][data-emphasis="strong"] .db-tab-remove-button:active:not(:disabled, [aria-disabled="true"], [tabindex="-1"], :has(:disabled)):is(textarea) {
    cursor: auto;
  }

  .db-tag:has(.db-tab-remove-button):not([data-semantic])[data-emphasis="strong"] .db-tab-remove-button:active:not(:disabled, [aria-disabled="true"], [tabindex="-1"], :has(:disabled)):is(input) {
    cursor: auto;
  }

  .db-tag:has(.db-tab-remove-button):not([data-semantic])[data-emphasis="strong"] .db-tab-remove-button:active:not(:disabled, [aria-disabled="true"], [tabindex="-1"], :has(:disabled)):is(textarea) {
    cursor: auto;
  }

  .db-tag:has(.db-tab-remove-button)[data-semantic="adaptive"][data-emphasis="strong"] .db-tab-remove-button:active:not(:disabled, [aria-disabled="true"], [tabindex="-1"], :has(:disabled)):is(input) {
    cursor: auto;
  }

  .db-tag:has(.db-tab-remove-button)[data-semantic="adaptive"][data-emphasis="strong"] .db-tab-remove-button:active:not(:disabled, [aria-disabled="true"], [tabindex="-1"], :has(:disabled)):is(textarea) {
    cursor: auto;
  }

  .db-tag:has(label, button:not(.db-tab-remove-button), a):not([data-emphasis]) label:active:not(:disabled, [aria-disabled="true"], [tabindex="-1"], :has(:disabled)):is(input):has(input[type="checkbox"]:checked) {
    cursor: auto;
  }

  .db-tag:has(label, button:not(.db-tab-remove-button), a):not([data-emphasis]) label:active:not(:disabled, [aria-disabled="true"], [tabindex="-1"], :has(:disabled)):is(textarea):has(input[type="checkbox"]:checked) {
    cursor: auto;
  }

  .db-tag:has(label, button:not(.db-tab-remove-button), a)[data-emphasis="strong"] a:active:not(:disabled, [aria-disabled="true"], [tabindex="-1"], :has(:disabled)):is(input) {
    cursor: auto;
  }

  .db-tag:has(label, button:not(.db-tab-remove-button), a)[data-emphasis="strong"] a:active:not(:disabled, [aria-disabled="true"], [tabindex="-1"], :has(:disabled)):is(textarea) {
    cursor: auto;
  }

  .db-tag:has(label, button:not(.db-tab-remove-button), a)[data-emphasis="strong"] db-button > button:active:not(:disabled, [aria-disabled="true"], [tabindex="-1"], :has(:disabled)):is(input) {
    cursor: auto;
  }

  .db-tag:has(label, button:not(.db-tab-remove-button), a)[data-emphasis="strong"] db-button > button:active:not(:disabled, [aria-disabled="true"], [tabindex="-1"], :has(:disabled)):is(textarea) {
    cursor: auto;
  }

  .db-tag:has(label, button:not(.db-tab-remove-button), a)[data-emphasis="strong"] dbbutton:not(.db-tab-remove-button) > button:active:not(:disabled, [aria-disabled="true"], [tabindex="-1"], :has(:disabled)):is(input) {
    cursor: auto;
  }

  .db-tag:has(label, button:not(.db-tab-remove-button), a)[data-emphasis="strong"] dbbutton:not(.db-tab-remove-button) > button:active:not(:disabled, [aria-disabled="true"], [tabindex="-1"], :has(:disabled)):is(textarea) {
    cursor: auto;
  }

  .db-tag:has(label, button:not(.db-tab-remove-button), a)[data-emphasis="strong"] label:active:not(:disabled, [aria-disabled="true"], [tabindex="-1"], :has(:disabled)):is(input):has(input[type="checkbox"]:checked) {
    cursor: auto;
  }

  .db-tag:has(label, button:not(.db-tab-remove-button), a)[data-emphasis="strong"] label:active:not(:disabled, [aria-disabled="true"], [tabindex="-1"], :has(:disabled)):is(textarea):has(input[type="checkbox"]:checked) {
    cursor: auto;
  }

  .db-tag:has(label, button:not(.db-tab-remove-button), a)[data-emphasis="strong"]:not(:has(dbbutton)) button:active:not(:disabled, [aria-disabled="true"], [tabindex="-1"], :has(:disabled)):is(input):not(.db-tab-remove-button) {
    cursor: auto;
  }

  .db-tag:has(label, button:not(.db-tab-remove-button), a)[data-emphasis="strong"]:not(:has(dbbutton)) button:active:not(:disabled, [aria-disabled="true"], [tabindex="-1"], :has(:disabled)):is(textarea):not(.db-tab-remove-button) {
    cursor: auto;
  }

  .db-tag:has(label, button:not(.db-tab-remove-button), a)[data-emphasis="weak"] label:active:not(:disabled, [aria-disabled="true"], [tabindex="-1"], :has(:disabled)):is(input):has(input[type="checkbox"]:checked) {
    cursor: auto;
  }

  .db-tag:has(label, button:not(.db-tab-remove-button), a)[data-emphasis="weak"] label:active:not(:disabled, [aria-disabled="true"], [tabindex="-1"], :has(:disabled)):is(textarea):has(input[type="checkbox"]:checked) {
    cursor: auto;
  }

  .db-tag:not(:has(label, button:not(.db-tab-remove-button), a)):not([data-semantic])[data-emphasis="strong"] .db-tab-remove-button:active:not(:disabled, [aria-disabled="true"], [tabindex="-1"], :has(:disabled)):is(input) {
    cursor: auto;
  }

  .db-tag:not(:has(label, button:not(.db-tab-remove-button), a)):not([data-semantic])[data-emphasis="strong"] .db-tab-remove-button:active:not(:disabled, [aria-disabled="true"], [tabindex="-1"], :has(:disabled)):is(textarea) {
    cursor: auto;
  }

  .db-tag:not(:has(label, button:not(.db-tab-remove-button), a))[data-semantic="adaptive"][data-emphasis="strong"] .db-tab-remove-button:active:not(:disabled, [aria-disabled="true"], [tabindex="-1"], :has(:disabled)):is(input) {
    cursor: auto;
  }

  .db-tag:not(:has(label, button:not(.db-tab-remove-button), a))[data-semantic="adaptive"][data-emphasis="strong"] .db-tab-remove-button:active:not(:disabled, [aria-disabled="true"], [tabindex="-1"], :has(:disabled)):is(textarea) {
    cursor: auto;
  }

  .db-tag[data-emphasis="strong"]:active:not(:disabled, [aria-disabled="true"], [tabindex="-1"], :has(:disabled)):is(input):has(label, button:not(.db-tab-remove-button), a) {
    cursor: auto;
  }

  .db-tag[data-emphasis="strong"]:active:not(:disabled, [aria-disabled="true"], [tabindex="-1"], :has(:disabled)):is(textarea):has(label, button:not(.db-tab-remove-button), a) {
    cursor: auto;
  }

  .db-badge:not([data-semantic])[data-emphasis="strong"] .db-tab-remove-button:active:not(:disabled, [aria-disabled="true"], [tabindex="-1"], :has(:disabled)):is(input[type="checkbox"]) {
    cursor: pointer;
  }

  .db-badge:not([data-semantic])[data-emphasis="strong"] .db-tab-remove-button:active:not(:disabled, [aria-disabled="true"], [tabindex="-1"], :has(:disabled)):is(input[type="radio"]:not(:checked)) {
    cursor: pointer;
  }

  .db-badge[data-semantic="adaptive"][data-emphasis="strong"] .db-tab-remove-button:active:not(:disabled, [aria-disabled="true"], [tabindex="-1"], :has(:disabled)):is(input[type="checkbox"]) {
    cursor: pointer;
  }

  .db-badge[data-semantic="adaptive"][data-emphasis="strong"] .db-tab-remove-button:active:not(:disabled, [aria-disabled="true"], [tabindex="-1"], :has(:disabled)):is(input[type="radio"]:not(:checked)) {
    cursor: pointer;
  }

  .db-tag:has(.db-tab-remove-button):not([data-semantic])[data-emphasis="strong"] .db-tab-remove-button:active:not(:disabled, [aria-disabled="true"], [tabindex="-1"], :has(:disabled)):is(input[type="checkbox"]) {
    cursor: pointer;
  }

  .db-tag:has(.db-tab-remove-button):not([data-semantic])[data-emphasis="strong"] .db-tab-remove-button:active:not(:disabled, [aria-disabled="true"], [tabindex="-1"], :has(:disabled)):is(input[type="radio"]:not(:checked)) {
    cursor: pointer;
  }

  .db-tag:has(.db-tab-remove-button)[data-semantic="adaptive"][data-emphasis="strong"] .db-tab-remove-button:active:not(:disabled, [aria-disabled="true"], [tabindex="-1"], :has(:disabled)):is(input[type="checkbox"]) {
    cursor: pointer;
  }

  .db-tag:has(.db-tab-remove-button)[data-semantic="adaptive"][data-emphasis="strong"] .db-tab-remove-button:active:not(:disabled, [aria-disabled="true"], [tabindex="-1"], :has(:disabled)):is(input[type="radio"]:not(:checked)) {
    cursor: pointer;
  }

  .db-tag:has(label, button:not(.db-tab-remove-button), a):not([data-emphasis]) label:active:not(:disabled, [aria-disabled="true"], [tabindex="-1"], :has(:disabled)):is(input[type="checkbox"]):has(input[type="checkbox"]:checked) {
    cursor: pointer;
  }

  .db-tag:has(label, button:not(.db-tab-remove-button), a):not([data-emphasis]) label:active:not(:disabled, [aria-disabled="true"], [tabindex="-1"], :has(:disabled)):is(input[type="radio"]:not(:checked)):has(input[type="checkbox"]:checked) {
    cursor: pointer;
  }

  .db-tag:has(label, button:not(.db-tab-remove-button), a)[data-emphasis="strong"] a:active:not(:disabled, [aria-disabled="true"], [tabindex="-1"], :has(:disabled)):is(input[type="checkbox"]) {
    cursor: pointer;
  }

  .db-tag:has(label, button:not(.db-tab-remove-button), a)[data-emphasis="strong"] a:active:not(:disabled, [aria-disabled="true"], [tabindex="-1"], :has(:disabled)):is(input[type="radio"]:not(:checked)) {
    cursor: pointer;
  }

  .db-tag:has(label, button:not(.db-tab-remove-button), a)[data-emphasis="strong"] db-button > button:active:not(:disabled, [aria-disabled="true"], [tabindex="-1"], :has(:disabled)):is(input[type="checkbox"]) {
    cursor: pointer;
  }

  .db-tag:has(label, button:not(.db-tab-remove-button), a)[data-emphasis="strong"] db-button > button:active:not(:disabled, [aria-disabled="true"], [tabindex="-1"], :has(:disabled)):is(input[type="radio"]:not(:checked)) {
    cursor: pointer;
  }

  .db-tag:has(label, button:not(.db-tab-remove-button), a)[data-emphasis="strong"] dbbutton:not(.db-tab-remove-button) > button:active:not(:disabled, [aria-disabled="true"], [tabindex="-1"], :has(:disabled)):is(input[type="checkbox"]) {
    cursor: pointer;
  }

  .db-tag:has(label, button:not(.db-tab-remove-button), a)[data-emphasis="strong"] dbbutton:not(.db-tab-remove-button) > button:active:not(:disabled, [aria-disabled="true"], [tabindex="-1"], :has(:disabled)):is(input[type="radio"]:not(:checked)) {
    cursor: pointer;
  }

  .db-tag:has(label, button:not(.db-tab-remove-button), a)[data-emphasis="strong"] label:active:not(:disabled, [aria-disabled="true"], [tabindex="-1"], :has(:disabled)):is(input[type="checkbox"]):has(input[type="checkbox"]:checked) {
    cursor: pointer;
  }

  .db-tag:has(label, button:not(.db-tab-remove-button), a)[data-emphasis="strong"] label:active:not(:disabled, [aria-disabled="true"], [tabindex="-1"], :has(:disabled)):is(input[type="radio"]:not(:checked)):has(input[type="checkbox"]:checked) {
    cursor: pointer;
  }

  .db-tag:has(label, button:not(.db-tab-remove-button), a)[data-emphasis="strong"]:not(:has(dbbutton)) button:active:not(:disabled, [aria-disabled="true"], [tabindex="-1"], :has(:disabled)):is(input[type="checkbox"]):not(.db-tab-remove-button) {
    cursor: pointer;
  }

  .db-tag:has(label, button:not(.db-tab-remove-button), a)[data-emphasis="strong"]:not(:has(dbbutton)) button:active:not(:disabled, [aria-disabled="true"], [tabindex="-1"], :has(:disabled)):is(input[type="radio"]:not(:checked)):not(.db-tab-remove-button) {
    cursor: pointer;
  }

  .db-tag:has(label, button:not(.db-tab-remove-button), a)[data-emphasis="weak"] label:active:not(:disabled, [aria-disabled="true"], [tabindex="-1"], :has(:disabled)):is(input[type="checkbox"]):has(input[type="checkbox"]:checked) {
    cursor: pointer;
  }

  .db-tag:has(label, button:not(.db-tab-remove-button), a)[data-emphasis="weak"] label:active:not(:disabled, [aria-disabled="true"], [tabindex="-1"], :has(:disabled)):is(input[type="radio"]:not(:checked)):has(input[type="checkbox"]:checked) {
    cursor: pointer;
  }

  .db-tag:not(:has(label, button:not(.db-tab-remove-button), a)):not([data-semantic])[data-emphasis="strong"] .db-tab-remove-button:active:not(:disabled, [aria-disabled="true"], [tabindex="-1"], :has(:disabled)):is(input[type="checkbox"]) {
    cursor: pointer;
  }

  .db-tag:not(:has(label, button:not(.db-tab-remove-button), a)):not([data-semantic])[data-emphasis="strong"] .db-tab-remove-button:active:not(:disabled, [aria-disabled="true"], [tabindex="-1"], :has(:disabled)):is(input[type="radio"]:not(:checked)) {
    cursor: pointer;
  }

  .db-tag:not(:has(label, button:not(.db-tab-remove-button), a))[data-semantic="adaptive"][data-emphasis="strong"] .db-tab-remove-button:active:not(:disabled, [aria-disabled="true"], [tabindex="-1"], :has(:disabled)):is(input[type="checkbox"]) {
    cursor: pointer;
  }

  .db-tag:not(:has(label, button:not(.db-tab-remove-button), a))[data-semantic="adaptive"][data-emphasis="strong"] .db-tab-remove-button:active:not(:disabled, [aria-disabled="true"], [tabindex="-1"], :has(:disabled)):is(input[type="radio"]:not(:checked)) {
    cursor: pointer;
  }

  .db-tag[data-emphasis="strong"]:active:not(:disabled, [aria-disabled="true"], [tabindex="-1"], :has(:disabled)):is(input[type="checkbox"]):has(label, button:not(.db-tab-remove-button), a) {
    cursor: pointer;
  }

  .db-tag[data-emphasis="strong"]:active:not(:disabled, [aria-disabled="true"], [tabindex="-1"], :has(:disabled)):is(input[type="radio"]:not(:checked)):has(label, button:not(.db-tab-remove-button), a) {
    cursor: pointer;
  }

  [data-no-text="true"].db-tag {
    --icon-margin-after: 0;
    font-size: 0 !important;
  }

  [data-no-text="true"].db-tag:before {
    --db-icon-margin-end: 0;
  }

  [data-no-text="true"].db-tag {
    gap: 0;
    padding: 0;
  }

  [data-no-text="true"].db-tag label {
    font-size: 0 !important;
  }

  [data-no-text="true"].db-tag label:before {
    --db-icon-margin-end: 0;
  }

  .db-tag:not([data-no-text="true"]) {
    --db-padding-inline-start: var(--db-spacing-fixed-2xs);
    padding-inline: var(--db-padding-inline-start) var(--db-spacing-fixed-2xs);
  }

  .db-tag:not([data-no-text="true"]):has(.db-tab-remove-button) {
    border-inline-end: 0;
    padding-inline-end: 0;
  }

  :is(.db-tag:not([data-no-text="true"]):has(a), .db-tag:not([data-no-text="true"]):has(db-button):has(db-button:not(.db-tab-remove-button)), .db-tag:not([data-no-text="true"]):has(dbbutton):has(dbbutton:not(.db-tab-remove-button)), .db-tag:not([data-no-text="true"]):has(label), .db-tag:not([data-no-text="true"]):not(:has(dbbutton)):has(button:not(.db-tab-remove-button))) {
    padding-inline: 0;
  }

  .db-tag {
    --db-icon-margin-end: 0;
    block-size: var(--db-sizing-sm);
    min-inline-size: var(--db-sizing-sm);
    gap: var(--db-spacing-fixed-2xs);
    inline-size: fit-content;
    padding-block: 0;
    position: relative;
  }

  :is(.db-tag:has(.db-tab-remove-button):not([data-semantic]):not([data-emphasis]), .db-tag:has(.db-tab-remove-button):not([data-semantic])[data-emphasis="weak"], .db-tag:has(.db-tab-remove-button)[data-semantic="adaptive"]:not([data-emphasis]), .db-tag:has(.db-tab-remove-button)[data-semantic="adaptive"][data-emphasis="weak"], .db-tag:not(:has(label, button:not(.db-tab-remove-button), a)):not([data-semantic]):not([data-emphasis]), .db-tag:not(:has(label, button:not(.db-tab-remove-button), a)):not([data-semantic])[data-emphasis="weak"], .db-tag:not(:has(label, button:not(.db-tab-remove-button), a))[data-semantic="adaptive"]:not([data-emphasis]), .db-tag:not(:has(label, button:not(.db-tab-remove-button), a))[data-semantic="adaptive"][data-emphasis="weak"]) {
    --db-tag-border-color: var(--db-adaptive-on-bg-basic-emphasis-60-default);
    border-color: var(--db-tag-border-color);
    background-color: var(--db-adaptive-bg-basic-level-1-default);
    color: var(--db-adaptive-on-bg-basic-emphasis-80-default);
  }

  .db-tag:has(.db-tab-remove-button):not([data-semantic]):not([data-emphasis]):after {
    --db-icon-color: var(--db-adaptive-on-bg-basic-emphasis-80-default);
  }

  .db-tag:has(.db-tab-remove-button):not([data-semantic]):not([data-emphasis]):before {
    --db-icon-color: var(--db-adaptive-on-bg-basic-emphasis-80-default);
  }

  .db-tag:has(.db-tab-remove-button):not([data-semantic])[data-emphasis="weak"]:after {
    --db-icon-color: var(--db-adaptive-on-bg-basic-emphasis-80-default);
  }

  .db-tag:has(.db-tab-remove-button):not([data-semantic])[data-emphasis="weak"]:before {
    --db-icon-color: var(--db-adaptive-on-bg-basic-emphasis-80-default);
  }

  .db-tag:has(.db-tab-remove-button)[data-semantic="adaptive"]:not([data-emphasis]):after {
    --db-icon-color: var(--db-adaptive-on-bg-basic-emphasis-80-default);
  }

  .db-tag:has(.db-tab-remove-button)[data-semantic="adaptive"]:not([data-emphasis]):before {
    --db-icon-color: var(--db-adaptive-on-bg-basic-emphasis-80-default);
  }

  .db-tag:has(.db-tab-remove-button)[data-semantic="adaptive"][data-emphasis="weak"]:after {
    --db-icon-color: var(--db-adaptive-on-bg-basic-emphasis-80-default);
  }

  .db-tag:has(.db-tab-remove-button)[data-semantic="adaptive"][data-emphasis="weak"]:before {
    --db-icon-color: var(--db-adaptive-on-bg-basic-emphasis-80-default);
  }

  .db-tag:not(:has(label, button:not(.db-tab-remove-button), a)):not([data-semantic]):not([data-emphasis]):after {
    --db-icon-color: var(--db-adaptive-on-bg-basic-emphasis-80-default);
  }

  .db-tag:not(:has(label, button:not(.db-tab-remove-button), a)):not([data-semantic]):not([data-emphasis]):before {
    --db-icon-color: var(--db-adaptive-on-bg-basic-emphasis-80-default);
  }

  .db-tag:not(:has(label, button:not(.db-tab-remove-button), a)):not([data-semantic])[data-emphasis="weak"]:after {
    --db-icon-color: var(--db-adaptive-on-bg-basic-emphasis-80-default);
  }

  .db-tag:not(:has(label, button:not(.db-tab-remove-button), a)):not([data-semantic])[data-emphasis="weak"]:before {
    --db-icon-color: var(--db-adaptive-on-bg-basic-emphasis-80-default);
  }

  .db-tag:not(:has(label, button:not(.db-tab-remove-button), a))[data-semantic="adaptive"]:not([data-emphasis]):after {
    --db-icon-color: var(--db-adaptive-on-bg-basic-emphasis-80-default);
  }

  .db-tag:not(:has(label, button:not(.db-tab-remove-button), a))[data-semantic="adaptive"]:not([data-emphasis]):before {
    --db-icon-color: var(--db-adaptive-on-bg-basic-emphasis-80-default);
  }

  .db-tag:not(:has(label, button:not(.db-tab-remove-button), a))[data-semantic="adaptive"][data-emphasis="weak"]:after {
    --db-icon-color: var(--db-adaptive-on-bg-basic-emphasis-80-default);
  }

  .db-tag:not(:has(label, button:not(.db-tab-remove-button), a))[data-semantic="adaptive"][data-emphasis="weak"]:before {
    --db-icon-color: var(--db-adaptive-on-bg-basic-emphasis-80-default);
  }

  :is(.db-tag:has(.db-tab-remove-button):not([data-semantic])[data-emphasis="strong"], .db-tag:has(.db-tab-remove-button)[data-semantic="adaptive"][data-emphasis="strong"], .db-tag:not(:has(label, button:not(.db-tab-remove-button), a)):not([data-semantic])[data-emphasis="strong"], .db-tag:not(:has(label, button:not(.db-tab-remove-button), a))[data-semantic="adaptive"][data-emphasis="strong"]) {
    --db-tag-border-color: var(--db-adaptive-on-bg-basic-emphasis-70-default);
    border-color: var(--db-tag-border-color);
    background-color: var(--db-adaptive-bg-vibrant-default);
    color: var(--db-adaptive-on-bg-vibrant-default);
  }

  .db-tag:has(.db-tab-remove-button):not([data-semantic])[data-emphasis="strong"]:after {
    --db-icon-color: var(--db-adaptive-on-bg-vibrant-default);
  }

  .db-tag:has(.db-tab-remove-button):not([data-semantic])[data-emphasis="strong"]:before {
    --db-icon-color: var(--db-adaptive-on-bg-vibrant-default);
  }

  .db-tag:has(.db-tab-remove-button)[data-semantic="adaptive"][data-emphasis="strong"]:after {
    --db-icon-color: var(--db-adaptive-on-bg-vibrant-default);
  }

  .db-tag:has(.db-tab-remove-button)[data-semantic="adaptive"][data-emphasis="strong"]:before {
    --db-icon-color: var(--db-adaptive-on-bg-vibrant-default);
  }

  .db-tag:not(:has(label, button:not(.db-tab-remove-button), a)):not([data-semantic])[data-emphasis="strong"]:after {
    --db-icon-color: var(--db-adaptive-on-bg-vibrant-default);
  }

  .db-tag:not(:has(label, button:not(.db-tab-remove-button), a)):not([data-semantic])[data-emphasis="strong"]:before {
    --db-icon-color: var(--db-adaptive-on-bg-vibrant-default);
  }

  .db-tag:not(:has(label, button:not(.db-tab-remove-button), a))[data-semantic="adaptive"][data-emphasis="strong"]:after {
    --db-icon-color: var(--db-adaptive-on-bg-vibrant-default);
  }

  .db-tag:not(:has(label, button:not(.db-tab-remove-button), a))[data-semantic="adaptive"][data-emphasis="strong"]:before {
    --db-icon-color: var(--db-adaptive-on-bg-vibrant-default);
  }

  :is(.db-tag:has(.db-tab-remove-button)[data-semantic="neutral"]:not([data-emphasis]), .db-tag:has(.db-tab-remove-button)[data-semantic="neutral"][data-emphasis="weak"], .db-tag:not(:has(label, button:not(.db-tab-remove-button), a))[data-semantic="neutral"]:not([data-emphasis]), .db-tag:not(:has(label, button:not(.db-tab-remove-button), a))[data-semantic="neutral"][data-emphasis="weak"]) {
    --db-tag-border-color: var(--lightningcss-light, #c3c7ce) var(--lightningcss-dark, #5a5e68);
    border-color: var(--db-tag-border-color);
    color: var(--lightningcss-light, #5a5e68) var(--lightningcss-dark, #a6abb6);
    background-color: var(--lightningcss-light, #fff) var(--lightningcss-dark, #16181b);
  }

  .db-tag:has(.db-tab-remove-button)[data-semantic="neutral"]:not([data-emphasis]):after {
    --db-icon-color: var(--lightningcss-light, #5a5e68) var(--lightningcss-dark, #a6abb6);
  }

  .db-tag:has(.db-tab-remove-button)[data-semantic="neutral"]:not([data-emphasis]):before {
    --db-icon-color: var(--lightningcss-light, #5a5e68) var(--lightningcss-dark, #a6abb6);
  }

  .db-tag:has(.db-tab-remove-button)[data-semantic="neutral"][data-emphasis="weak"]:after {
    --db-icon-color: var(--lightningcss-light, #5a5e68) var(--lightningcss-dark, #a6abb6);
  }

  .db-tag:has(.db-tab-remove-button)[data-semantic="neutral"][data-emphasis="weak"]:before {
    --db-icon-color: var(--lightningcss-light, #5a5e68) var(--lightningcss-dark, #a6abb6);
  }

  .db-tag:not(:has(label, button:not(.db-tab-remove-button), a))[data-semantic="neutral"]:not([data-emphasis]):after {
    --db-icon-color: var(--lightningcss-light, #5a5e68) var(--lightningcss-dark, #a6abb6);
  }

  .db-tag:not(:has(label, button:not(.db-tab-remove-button), a))[data-semantic="neutral"]:not([data-emphasis]):before {
    --db-icon-color: var(--lightningcss-light, #5a5e68) var(--lightningcss-dark, #a6abb6);
  }

  .db-tag:not(:has(label, button:not(.db-tab-remove-button), a))[data-semantic="neutral"][data-emphasis="weak"]:after {
    --db-icon-color: var(--lightningcss-light, #5a5e68) var(--lightningcss-dark, #a6abb6);
  }

  .db-tag:not(:has(label, button:not(.db-tab-remove-button), a))[data-semantic="neutral"][data-emphasis="weak"]:before {
    --db-icon-color: var(--lightningcss-light, #5a5e68) var(--lightningcss-dark, #a6abb6);
  }

  :is(.db-tag:has(.db-tab-remove-button)[data-semantic="neutral"][data-emphasis="strong"], .db-tag:not(:has(label, button:not(.db-tab-remove-button), a))[data-semantic="neutral"][data-emphasis="strong"]) {
    --db-tag-border-color: var(--lightningcss-light, #727782) var(--lightningcss-dark, #8a919e);
    border-color: var(--db-tag-border-color);
    color: #16181b;
    background-color: #a6abb6;
  }

  .db-tag:has(.db-tab-remove-button)[data-semantic="neutral"][data-emphasis="strong"]:after {
    --db-icon-color: #16181b;
  }

  .db-tag:has(.db-tab-remove-button)[data-semantic="neutral"][data-emphasis="strong"]:before {
    --db-icon-color: #16181b;
  }

  .db-tag:not(:has(label, button:not(.db-tab-remove-button), a))[data-semantic="neutral"][data-emphasis="strong"]:after {
    --db-icon-color: #16181b;
  }

  .db-tag:not(:has(label, button:not(.db-tab-remove-button), a))[data-semantic="neutral"][data-emphasis="strong"]:before {
    --db-icon-color: #16181b;
  }

  :is(.db-tag:has(.db-tab-remove-button)[data-semantic="critical"]:not([data-emphasis]), .db-tag:has(.db-tab-remove-button)[data-semantic="critical"][data-emphasis="weak"], .db-tag:not(:has(label, button:not(.db-tab-remove-button), a))[data-semantic="critical"]:not([data-emphasis]), .db-tag:not(:has(label, button:not(.db-tab-remove-button), a))[data-semantic="critical"][data-emphasis="weak"]) {
    --db-tag-border-color: var(--lightningcss-light, #ffb3b4) var(--lightningcss-dark, #c00010);
    border-color: var(--db-tag-border-color);
    color: var(--lightningcss-light, #c00010) var(--lightningcss-dark, #ff888a);
    background-color: var(--lightningcss-light, #fff8f8) var(--lightningcss-dark, #390001);
  }

  .db-tag:has(.db-tab-remove-button)[data-semantic="critical"]:not([data-emphasis]):after {
    --db-icon-color: var(--lightningcss-light, #c00010) var(--lightningcss-dark, #ff888a);
  }

  .db-tag:has(.db-tab-remove-button)[data-semantic="critical"]:not([data-emphasis]):before {
    --db-icon-color: var(--lightningcss-light, #c00010) var(--lightningcss-dark, #ff888a);
  }

  .db-tag:has(.db-tab-remove-button)[data-semantic="critical"][data-emphasis="weak"]:after {
    --db-icon-color: var(--lightningcss-light, #c00010) var(--lightningcss-dark, #ff888a);
  }

  .db-tag:has(.db-tab-remove-button)[data-semantic="critical"][data-emphasis="weak"]:before {
    --db-icon-color: var(--lightningcss-light, #c00010) var(--lightningcss-dark, #ff888a);
  }

  .db-tag:not(:has(label, button:not(.db-tab-remove-button), a))[data-semantic="critical"]:not([data-emphasis]):after {
    --db-icon-color: var(--lightningcss-light, #c00010) var(--lightningcss-dark, #ff888a);
  }

  .db-tag:not(:has(label, button:not(.db-tab-remove-button), a))[data-semantic="critical"]:not([data-emphasis]):before {
    --db-icon-color: var(--lightningcss-light, #c00010) var(--lightningcss-dark, #ff888a);
  }

  .db-tag:not(:has(label, button:not(.db-tab-remove-button), a))[data-semantic="critical"][data-emphasis="weak"]:after {
    --db-icon-color: var(--lightningcss-light, #c00010) var(--lightningcss-dark, #ff888a);
  }

  .db-tag:not(:has(label, button:not(.db-tab-remove-button), a))[data-semantic="critical"][data-emphasis="weak"]:before {
    --db-icon-color: var(--lightningcss-light, #c00010) var(--lightningcss-dark, #ff888a);
  }

  :is(.db-tag:has(.db-tab-remove-button)[data-semantic="critical"][data-emphasis="strong"], .db-tag:not(:has(label, button:not(.db-tab-remove-button), a))[data-semantic="critical"][data-emphasis="strong"]) {
    --db-tag-border-color: var(--lightningcss-light, #ef0016) var(--lightningcss-dark, #ff5357);
    border-color: var(--db-tag-border-color);
    color: #390001;
    background-color: #ff888a;
  }

  .db-tag:has(.db-tab-remove-button)[data-semantic="critical"][data-emphasis="strong"]:after {
    --db-icon-color: #390001;
  }

  .db-tag:has(.db-tab-remove-button)[data-semantic="critical"][data-emphasis="strong"]:before {
    --db-icon-color: #390001;
  }

  .db-tag:not(:has(label, button:not(.db-tab-remove-button), a))[data-semantic="critical"][data-emphasis="strong"]:after {
    --db-icon-color: #390001;
  }

  .db-tag:not(:has(label, button:not(.db-tab-remove-button), a))[data-semantic="critical"][data-emphasis="strong"]:before {
    --db-icon-color: #390001;
  }

  :is(.db-tag:has(.db-tab-remove-button)[data-semantic="successful"]:not([data-emphasis]), .db-tag:has(.db-tab-remove-button)[data-semantic="successful"][data-emphasis="weak"], .db-tag:not(:has(label, button:not(.db-tab-remove-button), a))[data-semantic="successful"]:not([data-emphasis]), .db-tag:not(:has(label, button:not(.db-tab-remove-button), a))[data-semantic="successful"][data-emphasis="weak"]) {
    --db-tag-border-color: var(--lightningcss-light, #85dd20) var(--lightningcss-dark, #3d6a09);
    border-color: var(--db-tag-border-color);
    color: var(--lightningcss-light, #3d6a09) var(--lightningcss-dark, #72bf1a);
    background-color: var(--lightningcss-light, #edffe4) var(--lightningcss-dark, #0c1b01);
  }

  .db-tag:has(.db-tab-remove-button)[data-semantic="successful"]:not([data-emphasis]):after {
    --db-icon-color: var(--lightningcss-light, #3d6a09) var(--lightningcss-dark, #72bf1a);
  }

  .db-tag:has(.db-tab-remove-button)[data-semantic="successful"]:not([data-emphasis]):before {
    --db-icon-color: var(--lightningcss-light, #3d6a09) var(--lightningcss-dark, #72bf1a);
  }

  .db-tag:has(.db-tab-remove-button)[data-semantic="successful"][data-emphasis="weak"]:after {
    --db-icon-color: var(--lightningcss-light, #3d6a09) var(--lightningcss-dark, #72bf1a);
  }

  .db-tag:has(.db-tab-remove-button)[data-semantic="successful"][data-emphasis="weak"]:before {
    --db-icon-color: var(--lightningcss-light, #3d6a09) var(--lightningcss-dark, #72bf1a);
  }

  .db-tag:not(:has(label, button:not(.db-tab-remove-button), a))[data-semantic="successful"]:not([data-emphasis]):after {
    --db-icon-color: var(--lightningcss-light, #3d6a09) var(--lightningcss-dark, #72bf1a);
  }

  .db-tag:not(:has(label, button:not(.db-tab-remove-button), a))[data-semantic="successful"]:not([data-emphasis]):before {
    --db-icon-color: var(--lightningcss-light, #3d6a09) var(--lightningcss-dark, #72bf1a);
  }

  .db-tag:not(:has(label, button:not(.db-tab-remove-button), a))[data-semantic="successful"][data-emphasis="weak"]:after {
    --db-icon-color: var(--lightningcss-light, #3d6a09) var(--lightningcss-dark, #72bf1a);
  }

  .db-tag:not(:has(label, button:not(.db-tab-remove-button), a))[data-semantic="successful"][data-emphasis="weak"]:before {
    --db-icon-color: var(--lightningcss-light, #3d6a09) var(--lightningcss-dark, #72bf1a);
  }

  :is(.db-tag:has(.db-tab-remove-button)[data-semantic="successful"][data-emphasis="strong"], .db-tag:not(:has(label, button:not(.db-tab-remove-button), a))[data-semantic="successful"][data-emphasis="strong"]) {
    --db-tag-border-color: var(--lightningcss-light, #4e850f) var(--lightningcss-dark, #60a114);
    border-color: var(--db-tag-border-color);
    color: #0c1b01;
    background-color: #72bf1a;
  }

  .db-tag:has(.db-tab-remove-button)[data-semantic="successful"][data-emphasis="strong"]:after {
    --db-icon-color: #0c1b01;
  }

  .db-tag:has(.db-tab-remove-button)[data-semantic="successful"][data-emphasis="strong"]:before {
    --db-icon-color: #0c1b01;
  }

  .db-tag:not(:has(label, button:not(.db-tab-remove-button), a))[data-semantic="successful"][data-emphasis="strong"]:after {
    --db-icon-color: #0c1b01;
  }

  .db-tag:not(:has(label, button:not(.db-tab-remove-button), a))[data-semantic="successful"][data-emphasis="strong"]:before {
    --db-icon-color: #0c1b01;
  }

  :is(.db-tag:has(.db-tab-remove-button)[data-semantic="warning"]:not([data-emphasis]), .db-tag:has(.db-tab-remove-button)[data-semantic="warning"][data-emphasis="weak"], .db-tag:not(:has(label, button:not(.db-tab-remove-button), a))[data-semantic="warning"]:not([data-emphasis]), .db-tag:not(:has(label, button:not(.db-tab-remove-button), a))[data-semantic="warning"][data-emphasis="weak"]) {
    --db-tag-border-color: var(--lightningcss-light, #ffb782) var(--lightningcss-dark, #8a5100);
    border-color: var(--db-tag-border-color);
    color: var(--lightningcss-light, #8a5100) var(--lightningcss-dark, #f69400);
    background-color: var(--lightningcss-light, #fff8f5) var(--lightningcss-dark, #271300);
  }

  .db-tag:has(.db-tab-remove-button)[data-semantic="warning"]:not([data-emphasis]):after {
    --db-icon-color: var(--lightningcss-light, #8a5100) var(--lightningcss-dark, #f69400);
  }

  .db-tag:has(.db-tab-remove-button)[data-semantic="warning"]:not([data-emphasis]):before {
    --db-icon-color: var(--lightningcss-light, #8a5100) var(--lightningcss-dark, #f69400);
  }

  .db-tag:has(.db-tab-remove-button)[data-semantic="warning"][data-emphasis="weak"]:after {
    --db-icon-color: var(--lightningcss-light, #8a5100) var(--lightningcss-dark, #f69400);
  }

  .db-tag:has(.db-tab-remove-button)[data-semantic="warning"][data-emphasis="weak"]:before {
    --db-icon-color: var(--lightningcss-light, #8a5100) var(--lightningcss-dark, #f69400);
  }

  .db-tag:not(:has(label, button:not(.db-tab-remove-button), a))[data-semantic="warning"]:not([data-emphasis]):after {
    --db-icon-color: var(--lightningcss-light, #8a5100) var(--lightningcss-dark, #f69400);
  }

  .db-tag:not(:has(label, button:not(.db-tab-remove-button), a))[data-semantic="warning"]:not([data-emphasis]):before {
    --db-icon-color: var(--lightningcss-light, #8a5100) var(--lightningcss-dark, #f69400);
  }

  .db-tag:not(:has(label, button:not(.db-tab-remove-button), a))[data-semantic="warning"][data-emphasis="weak"]:after {
    --db-icon-color: var(--lightningcss-light, #8a5100) var(--lightningcss-dark, #f69400);
  }

  .db-tag:not(:has(label, button:not(.db-tab-remove-button), a))[data-semantic="warning"][data-emphasis="weak"]:before {
    --db-icon-color: var(--lightningcss-light, #8a5100) var(--lightningcss-dark, #f69400);
  }

  :is(.db-tag:has(.db-tab-remove-button)[data-semantic="warning"][data-emphasis="strong"], .db-tag:not(:has(label, button:not(.db-tab-remove-button), a))[data-semantic="warning"][data-emphasis="strong"]) {
    --db-tag-border-color: var(--lightningcss-light, #ad6600) var(--lightningcss-dark, #d17d00);
    border-color: var(--db-tag-border-color);
    color: #271300;
    background-color: #f69400;
  }

  .db-tag:has(.db-tab-remove-button)[data-semantic="warning"][data-emphasis="strong"]:after {
    --db-icon-color: #271300;
  }

  .db-tag:has(.db-tab-remove-button)[data-semantic="warning"][data-emphasis="strong"]:before {
    --db-icon-color: #271300;
  }

  .db-tag:not(:has(label, button:not(.db-tab-remove-button), a))[data-semantic="warning"][data-emphasis="strong"]:after {
    --db-icon-color: #271300;
  }

  .db-tag:not(:has(label, button:not(.db-tab-remove-button), a))[data-semantic="warning"][data-emphasis="strong"]:before {
    --db-icon-color: #271300;
  }

  :is(.db-tag:has(.db-tab-remove-button)[data-semantic="informational"]:not([data-emphasis]), .db-tag:has(.db-tab-remove-button)[data-semantic="informational"][data-emphasis="weak"], .db-tag:not(:has(label, button:not(.db-tab-remove-button), a))[data-semantic="informational"]:not([data-emphasis]), .db-tag:not(:has(label, button:not(.db-tab-remove-button), a))[data-semantic="informational"][data-emphasis="weak"]) {
    --db-tag-border-color: var(--lightningcss-light, #89cffa) var(--lightningcss-dark, #1b6586);
    border-color: var(--db-tag-border-color);
    color: var(--lightningcss-light, #1b6586) var(--lightningcss-dark, #38b6ef);
    background-color: var(--lightningcss-light, #f5faff) var(--lightningcss-dark, #031a25);
  }

  .db-tag:has(.db-tab-remove-button)[data-semantic="informational"]:not([data-emphasis]):after {
    --db-icon-color: var(--lightningcss-light, #1b6586) var(--lightningcss-dark, #38b6ef);
  }

  .db-tag:has(.db-tab-remove-button)[data-semantic="informational"]:not([data-emphasis]):before {
    --db-icon-color: var(--lightningcss-light, #1b6586) var(--lightningcss-dark, #38b6ef);
  }

  .db-tag:has(.db-tab-remove-button)[data-semantic="informational"][data-emphasis="weak"]:after {
    --db-icon-color: var(--lightningcss-light, #1b6586) var(--lightningcss-dark, #38b6ef);
  }

  .db-tag:has(.db-tab-remove-button)[data-semantic="informational"][data-emphasis="weak"]:before {
    --db-icon-color: var(--lightningcss-light, #1b6586) var(--lightningcss-dark, #38b6ef);
  }

  .db-tag:not(:has(label, button:not(.db-tab-remove-button), a))[data-semantic="informational"]:not([data-emphasis]):after {
    --db-icon-color: var(--lightningcss-light, #1b6586) var(--lightningcss-dark, #38b6ef);
  }

  .db-tag:not(:has(label, button:not(.db-tab-remove-button), a))[data-semantic="informational"]:not([data-emphasis]):before {
    --db-icon-color: var(--lightningcss-light, #1b6586) var(--lightningcss-dark, #38b6ef);
  }

  .db-tag:not(:has(label, button:not(.db-tab-remove-button), a))[data-semantic="informational"][data-emphasis="weak"]:after {
    --db-icon-color: var(--lightningcss-light, #1b6586) var(--lightningcss-dark, #38b6ef);
  }

  .db-tag:not(:has(label, button:not(.db-tab-remove-button), a))[data-semantic="informational"][data-emphasis="weak"]:before {
    --db-icon-color: var(--lightningcss-light, #1b6586) var(--lightningcss-dark, #38b6ef);
  }

  :is(.db-tag:has(.db-tab-remove-button)[data-semantic="informational"][data-emphasis="strong"], .db-tag:not(:has(label, button:not(.db-tab-remove-button), a))[data-semantic="informational"][data-emphasis="strong"]) {
    --db-tag-border-color: var(--lightningcss-light, #257fa8) var(--lightningcss-dark, #2e9acb);
    border-color: var(--db-tag-border-color);
    color: #031a25;
    background-color: #38b6ef;
  }

  .db-tag:has(.db-tab-remove-button)[data-semantic="informational"][data-emphasis="strong"]:after {
    --db-icon-color: #031a25;
  }

  .db-tag:has(.db-tab-remove-button)[data-semantic="informational"][data-emphasis="strong"]:before {
    --db-icon-color: #031a25;
  }

  .db-tag:not(:has(label, button:not(.db-tab-remove-button), a))[data-semantic="informational"][data-emphasis="strong"]:after {
    --db-icon-color: #031a25;
  }

  .db-tag:not(:has(label, button:not(.db-tab-remove-button), a))[data-semantic="informational"][data-emphasis="strong"]:before {
    --db-icon-color: #031a25;
  }

  .db-tag:has(label, button:not(.db-tab-remove-button), a) {
    --db-icon-margin-end: var(--db-spacing-fixed-2xs);
  }

  .db-tag:has(label, button:not(.db-tab-remove-button), a)[data-icon-leading]:not([data-show-icon-leading="false"]):before {
    pointer-events: none;
    z-index: 1;
    position: absolute;
    inset-block-start: calc(50% - .5em);
    inset-inline-start: var(--db-icon-passing-inline-start, var(--db-spacing-fixed-2xs));
  }

  .db-tag:has(label, button:not(.db-tab-remove-button), a)[data-icon]:not([data-show-icon="false"]):before {
    pointer-events: none;
    z-index: 1;
    position: absolute;
    inset-block-start: calc(50% - .5em);
    inset-inline-start: var(--db-icon-passing-inline-start, var(--db-spacing-fixed-2xs));
  }

  :is(.db-tag:has(label, button:not(.db-tab-remove-button), a)[data-icon-leading]:not([data-show-icon-leading="false"]) a, .db-tag:has(label, button:not(.db-tab-remove-button), a)[data-icon-leading]:not([data-show-icon-leading="false"]) button, .db-tag:has(label, button:not(.db-tab-remove-button), a)[data-icon-leading]:not([data-show-icon-leading="false"]) label, .db-tag:has(label, button:not(.db-tab-remove-button), a)[data-icon]:not([data-show-icon="false"]) a, .db-tag:has(label, button:not(.db-tab-remove-button), a)[data-icon]:not([data-show-icon="false"]) button, .db-tag:has(label, button:not(.db-tab-remove-button), a)[data-icon]:not([data-show-icon="false"]) label) {
    --db-padding-inline-start: calc(var(--db-spacing-fixed-2xs) + var(--db-icon-margin-end, var(--db-spacing-fixed-xs)) + 1lh);
    padding-inline-start: var(--db-padding-inline-start);
  }

  .db-tag:has(label, button:not(.db-tab-remove-button), a) input:checked {
    background-color: initial;
  }

  .db-tag:has(label, button:not(.db-tab-remove-button), a) input:checked:hover:not(:disabled, [aria-disabled="true"], [tabindex="-1"], :has(:disabled)) {
    cursor: var(--db-overwrite-cursor, pointer);
    background-color: initial;
  }

  .db-tag:has(label, button:not(.db-tab-remove-button), a) input:checked:hover:not(:disabled, [aria-disabled="true"], [tabindex="-1"], :has(:disabled)):is(input) {
    cursor: auto;
  }

  .db-tag:has(label, button:not(.db-tab-remove-button), a) input:checked:hover:not(:disabled, [aria-disabled="true"], [tabindex="-1"], :has(:disabled)):is(input[type="checkbox"]) {
    cursor: pointer;
  }

  .db-tag:has(label, button:not(.db-tab-remove-button), a) input:checked:hover:not(:disabled, [aria-disabled="true"], [tabindex="-1"], :has(:disabled)):is(input[type="radio"]:not(:checked)) {
    cursor: pointer;
  }

  .db-tag:has(label, button:not(.db-tab-remove-button), a) input:checked:active:not(:disabled, [aria-disabled="true"], [tabindex="-1"], :has(:disabled)) {
    cursor: var(--db-overwrite-cursor, pointer);
    background-color: initial;
  }

  .db-tag:has(label, button:not(.db-tab-remove-button), a) input:checked:active:not(:disabled, [aria-disabled="true"], [tabindex="-1"], :has(:disabled)):is(input) {
    cursor: auto;
  }

  .db-tag:has(label, button:not(.db-tab-remove-button), a) input:checked:active:not(:disabled, [aria-disabled="true"], [tabindex="-1"], :has(:disabled)):is(input[type="checkbox"]) {
    cursor: pointer;
  }

  .db-tag:has(label, button:not(.db-tab-remove-button), a) input:checked:active:not(:disabled, [aria-disabled="true"], [tabindex="-1"], :has(:disabled)):is(input[type="radio"]:not(:checked)) {
    cursor: pointer;
  }

  :is(.db-tag:has(label, button:not(.db-tab-remove-button), a):not([data-emphasis]) label:has(input[type="radio"]:checked), .db-tag:has(label, button:not(.db-tab-remove-button), a)[data-emphasis="weak"] label:has(input[type="radio"]:checked)) {
    --db-tag-border-color: var(--db-adaptive-on-bg-basic-emphasis-70-default);
    border-color: var(--db-tag-border-color);
    background-color: var(--db-adaptive-bg-vibrant-default);
    color: var(--db-adaptive-on-bg-vibrant-default);
  }

  .db-tag:has(label, button:not(.db-tab-remove-button), a):not([data-emphasis]) label:has(input[type="radio"]:checked):after {
    --db-icon-color: var(--db-adaptive-on-bg-vibrant-default);
  }

  .db-tag:has(label, button:not(.db-tab-remove-button), a):not([data-emphasis]) label:has(input[type="radio"]:checked):before {
    --db-icon-color: var(--db-adaptive-on-bg-vibrant-default);
  }

  .db-tag:has(label, button:not(.db-tab-remove-button), a)[data-emphasis="weak"] label:has(input[type="radio"]:checked):after {
    --db-icon-color: var(--db-adaptive-on-bg-vibrant-default);
  }

  .db-tag:has(label, button:not(.db-tab-remove-button), a)[data-emphasis="weak"] label:has(input[type="radio"]:checked):before {
    --db-icon-color: var(--db-adaptive-on-bg-vibrant-default);
  }

  .db-tag:has(label, button:not(.db-tab-remove-button), a)[data-emphasis="strong"] label:has(input[type="radio"]:checked) {
    --db-tag-border-color: var(--db-adaptive-on-bg-basic-emphasis-70-default);
    border-color: var(--db-tag-border-color);
    background-color: var(--db-adaptive-bg-vibrant-default);
    color: var(--db-adaptive-on-bg-vibrant-default);
  }

  .db-tag:has(label, button:not(.db-tab-remove-button), a)[data-emphasis="strong"] label:has(input[type="radio"]:checked):after {
    --db-icon-color: var(--db-adaptive-on-bg-vibrant-default);
  }

  .db-tag:has(label, button:not(.db-tab-remove-button), a)[data-emphasis="strong"] label:has(input[type="radio"]:checked):before {
    --db-icon-color: var(--db-adaptive-on-bg-vibrant-default);
  }

  .db-tag button:nth-of-type(2):not([hidden]), .db-tag dbbutton:nth-of-type(2):not([hidden]) {
    display: none;
  }

  .db-tag:has(db-button):has(dbbutton) .db-tab-remove-button:not([hidden]) {
    display: none;
  }

  .db-tag > :is([class="db-checkbox"], [class="db-radio"], [class="db-link"], [class="db-button"]) {
    block-size: 100%;
  }

  .db-tag[data-show-check-state="true"] label {
    --db-icon-margin-start: var(--db-spacing-fixed-2xs);
  }

  .db-tag[data-show-check-state="true"] label:not([data-show-icon-trailing="false"]):after {
    --db-icon-trailing: "circle";
    content: var(--db-icon-trailing, attr(data-icon-trailing));
    margin-inline-start: var(--db-icon-margin-start, var(--db-spacing-fixed-xs));
  }

  @supports (content: ""/"") {
    .db-tag[data-show-check-state="true"] label:not([data-show-icon-trailing="false"]):after {
      content: var(--db-icon-trailing, attr(data-icon-trailing))/"";
    }
  }

  .db-tag[data-show-check-state="true"] label:has(input:checked):not([data-show-icon-trailing="false"]):after {
    --db-icon-trailing: "check_circle";
    content: var(--db-icon-trailing, attr(data-icon-trailing));
    margin-inline-start: var(--db-icon-margin-start, var(--db-spacing-fixed-xs));
  }

  @supports (content: ""/"") {
    .db-tag[data-show-check-state="true"] label:has(input:checked):not([data-show-icon-trailing="false"]):after {
      content: var(--db-icon-trailing, attr(data-icon-trailing))/"";
    }
  }

  .db-tag label {
    inline-size: 100%;
    margin-inline-start: 0;
  }

  .db-tag label:not([hidden]) {
    display: flex;
  }

  .db-tag label {
    align-items: center;
  }

  @media (forced-colors: active) {
    .db-tag label:not(:has(input:checked)) {
      border-style: dashed;
    }
  }

  .db-tag label:after {
    --db-icon-font-weight: var(--db-base-body-icon-weight-xs);
    --db-icon-font-size: var(--db-base-body-icon-font-size-xs);
  }

  .db-tag label:has(input:checked) {
    border-width: .0625rem;
  }

  .db-tag label:has(input:checked):before {
    content: none;
  }

  .db-tag label input {
    appearance: none;
    border-radius: inherit;
    cursor: pointer;
    block-size: 100%;
    inline-size: 100%;
    aspect-ratio: unset;
    border: 0;
    margin-inline-end: 0;
    position: absolute;
    inset: 0;
  }

  .db-tag label input:checked:not([data-show-icon-leading="false"]):before {
    content: none;
  }

  .db-tag a:not([hidden]) {
    display: inline-flex;
  }

  .db-tag a {
    align-items: center;
    text-decoration: none;
  }

  .db-tag a:after {
    --db-icon-margin-start: 0;
    --db-icon-font-size: 0;
    content: none !important;
  }

  .db-tag .db-link:is(:hover, :focus, :active) {
    color: inherit;
  }

  :is(.db-tag:has(:is(dbbutton, db-button):not(.db-tab-remove-button), a, label), .db-tag:not(:has(dbbutton, db-button)):has(button:not(.db-tab-remove-button))) {
    border: 0;
  }

  .db-tag :is(a, button, label) {
    block-size: inherit;
    padding: 0 var(--db-spacing-fixed-2xs);
    appearance: none;
    border-radius: .25rem;
    font-weight: 700;
  }

  .db-tag :is(db-button, db-checkbox, db-link, db-radio, dbbutton, dbcheckbox, dblink, dbradio) {
    block-size: inherit;
  }

  .db-tag[data-disabled="true"] {
    opacity: .4;
    pointer-events: none;
  }

  .db-tag:has(:disabled) {
    opacity: .4;
    pointer-events: none;
  }

  .db-tag[data-overflow="true"] {
    max-inline-size: var(--db-sizing-2xl);
  }

  .db-tag[data-overflow="true"] > * {
    text-overflow: ellipsis;
    white-space: nowrap;
    inline-size: 100%;
    overflow: hidden;
  }

  .db-tag .db-tab-remove-button button, .db-tag .db-tab-remove-button:is(button) {
    background-color: var(--db-adaptive-bg-basic-transparent-full-default);
    color: currentColor;
    aspect-ratio: 1;
    border-inline-start: 0;
    border-color: var(--db-tag-border-color);
    border-start-start-radius: 0;
    border-end-start-radius: 0;
  }

  dialog {
    z-index: 9996;
    color: inherit;
    border: 0;
    margin: 0;
    padding: 0;
  }

  dialog:not([data-position="absolute"])[data-backdrop], dialog:not([data-position="absolute"])[data-variant] {
    z-index: 9995;
    position: fixed;
    inset: 0;
  }

  dialog:not([data-position="absolute"])[data-variant="inside"]:not([data-backdrop="none"]):before {
    content: "";
    position: fixed;
    inset: 0;
  }

  dialog:not([data-backdrop="none"])::backdrop, dialog:not([data-backdrop="none"]):before {
    background-color: color(from var(--db-adaptive-on-bg-basic-emphasis-100-default) srgb r g b/.68);
  }

  dialog:not([data-backdrop="none"])[data-backdrop="invisible"]::backdrop, dialog:not([data-backdrop="none"])[data-backdrop="invisible"]:before {
    background-color: initial;
  }

  dialog:not([data-backdrop="none"])[data-backdrop="weak"]::backdrop, dialog:not([data-backdrop="none"])[data-backdrop="weak"]:before {
    background-color: color(from var(--db-adaptive-on-bg-basic-emphasis-100-default) srgb r g b/.32);
  }

  .db-drawer .db-drawer-container:not([data-direction]), .db-drawer .db-drawer-container[data-direction="right"] {
    inset-inline: auto 0;
    transform: translate(110%);
  }

  .db-drawer [data-rounded="true"].db-drawer-container:not([data-direction]), .db-drawer [data-rounded="true"].db-drawer-container[data-direction="right"] {
    border-start-start-radius: .5rem;
    border-end-start-radius: .5rem;
  }

  .db-drawer .db-drawer-container[data-direction="left"] {
    inset-inline: 0 auto;
    transform: translate(-110%);
  }

  .db-drawer [data-rounded="true"].db-drawer-container[data-direction="left"] {
    border-start-end-radius: .5rem;
    border-end-end-radius: .5rem;
  }

  .db-drawer .db-drawer-container[data-direction="down"]:not([data-width="full"]), .db-drawer .db-drawer-container[data-direction="up"]:not([data-width="full"]) {
    max-block-size: var(--db-drawer-max-height, calc(100% - var(--db-spacing-fixed-xl)));
    min-block-size: var(--db-drawer-min-height, auto);
    max-inline-size: none;
  }

  .db-drawer .db-drawer-container[data-direction="up"] {
    inset: auto 0 0;
    transform: translateY(110%);
  }

  .db-drawer [data-rounded="true"].db-drawer-container[data-direction="up"] {
    border-start-start-radius: .5rem;
    border-start-end-radius: .5rem;
  }

  .db-drawer .db-drawer-container[data-direction="down"] {
    inset: 0 0 auto;
    transform: translateY(-110%);
  }

  .db-drawer [data-rounded="true"].db-drawer-container[data-direction="down"] {
    border-end-end-radius: .5rem;
    border-end-start-radius: .5rem;
  }

  .db-drawer [data-spacing="small"].db-drawer-container {
    padding-block: var(--db-spacing-fixed-xs);
  }

  .db-drawer [data-spacing="small"].db-drawer-container .db-drawer-header {
    padding-block-end: var(--db-drawer-header-padding-block-end, var(--db-spacing-fixed-xs));
    padding-inline: var(--db-spacing-fixed-md);
  }

  .db-drawer [data-spacing="small"].db-drawer-container .db-drawer-content {
    padding-inline: var(--db-drawer-content-padding-inline, var(--db-spacing-fixed-md));
    overflow-block: auto;
    overflow-y: auto;
  }

  .db-drawer .db-drawer-container {
    padding-block: var(--db-spacing-fixed-sm);
  }

  .db-drawer .db-drawer-container .db-drawer-header {
    padding-block-end: var(--db-drawer-header-padding-block-end, var(--db-spacing-fixed-sm));
    padding-inline: var(--db-spacing-fixed-lg);
  }

  .db-drawer .db-drawer-container .db-drawer-content {
    padding-inline: var(--db-drawer-content-padding-inline, var(--db-spacing-fixed-lg));
    overflow-block: auto;
    overflow-y: auto;
  }

  .db-drawer [data-spacing="medium"].db-drawer-container {
    padding-block: var(--db-spacing-fixed-sm);
  }

  .db-drawer [data-spacing="medium"].db-drawer-container .db-drawer-header {
    padding-block-end: var(--db-drawer-header-padding-block-end, var(--db-spacing-fixed-sm));
    padding-inline: var(--db-spacing-fixed-lg);
  }

  .db-drawer [data-spacing="medium"].db-drawer-container .db-drawer-content {
    padding-inline: var(--db-drawer-content-padding-inline, var(--db-spacing-fixed-lg));
    overflow-block: auto;
    overflow-y: auto;
  }

  .db-drawer [data-spacing="large"].db-drawer-container {
    padding-block: var(--db-spacing-fixed-md);
  }

  .db-drawer [data-spacing="large"].db-drawer-container .db-drawer-header {
    padding-block-end: var(--db-drawer-header-padding-block-end, var(--db-spacing-fixed-md));
    padding-inline: var(--db-spacing-fixed-xl);
  }

  .db-drawer [data-spacing="large"].db-drawer-container .db-drawer-content {
    padding-inline: var(--db-drawer-content-padding-inline, var(--db-spacing-fixed-xl));
    overflow-block: auto;
    overflow-y: auto;
  }

  .db-drawer [data-spacing="none"].db-drawer-container {
    padding-block: 0;
  }

  .db-drawer [data-spacing="none"].db-drawer-container .db-drawer-header {
    padding-block-end: var(--db-drawer-header-padding-block-end, 0);
    padding-inline: 0;
  }

  .db-drawer [data-spacing="none"].db-drawer-container .db-drawer-content {
    padding-inline: var(--db-drawer-content-padding-inline, 0);
    overflow-block: auto;
    overflow-y: auto;
  }

  .db-drawer .db-drawer-container {
    background-color: var(--db-adaptive-bg-basic-level-1-default);
    flex-direction: column;
    block-size: 100%;
    inline-size: 100%;
    display: flex;
    position: fixed;
    box-shadow: 0 0 2px -1px #0003, 0 0 8px 1px #0000001f, 0 0 4px #00000024;
  }

  .db-drawer .db-drawer-container:not([data-width="full"]) {
    max-inline-size: var(--db-drawer-max-width, calc(100% - var(--db-spacing-fixed-xl)));
    min-inline-size: var(--db-drawer-min-width, auto);
  }

  .db-drawer .db-drawer-container:not([data-width="full"]):not([data-direction]), .db-drawer .db-drawer-container:not([data-width="full"])[data-direction="right"] {
    border-inline-start: .0625rem solid var(--db-adaptive-on-bg-basic-emphasis-60-default);
  }

  .db-drawer .db-drawer-container:not([data-width="full"])[data-direction="left"] {
    border-inline-end: .0625rem solid var(--db-adaptive-on-bg-basic-emphasis-60-default);
  }

  .db-drawer .db-drawer-container:not([data-width="full"])[data-direction="up"] {
    border-block-start: .0625rem solid var(--db-adaptive-on-bg-basic-emphasis-60-default);
  }

  .db-drawer .db-drawer-container:not([data-width="full"])[data-direction="down"] {
    border-block-end: .0625rem solid var(--db-adaptive-on-bg-basic-emphasis-60-default);
  }

  .db-drawer .db-drawer-container[data-rounded="true"] {
    box-shadow: 0 0 2px -1px #0003, 0 0 8px 1px #0000001f, 0 0 4px #00000024;
  }

  @media (prefers-reduced-motion: no-preference) {
    .db-drawer .db-drawer-container {
      transition: transform .5s cubic-bezier(.27, .05, .4, .95);
    }
  }

  .db-drawer .db-drawer-container .db-drawer-header {
    --db-divider-bg-color: var(--db-adaptive-on-bg-basic-emphasis-60-default);
    position: var(--db-tooltip-parent-position, relative);
    display: none;
  }

  .db-drawer .db-drawer-container .db-drawer-header[data-emphasis="strong"] {
    --db-divider-bg-color: var(--db-adaptive-on-bg-basic-emphasis-70-default);
  }

  .db-drawer .db-drawer-container .db-drawer-header:before {
    content: "";
    background-color: var(--db-divider-bg-color);
    block-size: .0625rem;
    position: absolute;
    inset-block-end: 0;
    inset-inline: 0;
  }

  @media (forced-colors: active) {
    .db-drawer .db-drawer-container .db-drawer-header {
      border: .0625rem solid var(--db-divider-bg-color);
    }
  }

  .db-drawer .db-drawer-container .db-drawer-header .db-drawer-header-text {
    margin-block: auto;
    font-weight: 700;
  }

  .db-drawer .db-drawer-container .db-drawer-header .button-close-drawer, .db-drawer .db-drawer-container .db-drawer-header .button-close-drawer button {
    margin-inline-start: auto;
  }

  :is(.db-drawer .db-drawer-container .db-drawer-header:has(.button-close-drawer), .db-drawer .db-drawer-container .db-drawer-header:has(:not(.db-drawer-header-text:empty))) {
    display: flex;
  }

  .db-drawer[data-position="absolute"] {
    z-index: 3;
    background-color: initial;
    block-size: 100%;
    inline-size: 100%;
    position: absolute;
    inset: 0;
  }

  .db-drawer[data-position="absolute"][open] {
    display: flex;
  }

  .db-drawer[data-position="absolute"]:not([data-direction]), .db-drawer[data-position="absolute"][data-direction="left"], .db-drawer[data-position="absolute"][data-direction="right"] {
    flex-direction: column;
  }

  .db-drawer[data-position="absolute"][data-direction="down"], .db-drawer[data-position="absolute"][data-direction="left"] {
    align-items: start;
  }

  .db-drawer[data-position="absolute"]:not([data-direction]), .db-drawer[data-position="absolute"][data-direction="right"], .db-drawer[data-position="absolute"][data-direction="up"] {
    align-items: end;
  }

  .db-drawer[data-position="absolute"] .db-drawer-container {
    position: relative;
  }

  .db-drawer[open] .db-drawer-container[data-transition="open"]:not([data-direction]), .db-drawer[open] .db-drawer-container[data-transition="open"][data-direction="left"], .db-drawer[open] .db-drawer-container[data-transition="open"][data-direction="right"], .db-drawer[open] :is(.db-drawer-container[data-transition="open"][data-direction="down"], .db-drawer-container[data-transition="open"][data-direction="up"]) {
    transform: none;
  }

  @media (prefers-reduced-motion: no-preference) {
    .db-drawer[open] .db-drawer-container[data-transition="close"] {
      transition: transform .4s cubic-bezier(.27, .05, .4, .95);
    }
  }

  [data-icon].db-custom-select:not([data-show-icon="false"]), [data-icon].db-select:not([data-show-icon="false"]) {
    --db-form-has-before: 1;
  }

  .db-custom-select-placeholder, .db-select-placeholder {
    opacity: 0;
    position: absolute;
    inset-block-start: 0;
    inset-inline-start: 0;
  }

  @media (prefers-reduced-motion: no-preference) {
    .db-custom-select-placeholder, .db-select-placeholder {
      transition: opacity .3s cubic-bezier(.27, .05, .4, .95), outline 75ms, border-color .3s cubic-bezier(.27, .05, .4, .95), background-color .3s cubic-bezier(.27, .05, .4, .95);
    }
  }

  :is(.db-custom-select, .db-select) [id$="-placeholder"] {
    --label-block-start: calc(var(--db-base-body-icon-font-size-xs) + var(--db-spacing-fixed-xs));
    --label-block-start-half: calc(var(--label-block-start)*-1/2);
    pointer-events: none;
    transform: translateY(var(--label-block-start-half));
    inset-block-start: calc(var(--label-block-start)*var(--db-label-visible-height, 1) + var(--db-sizing-md)/2);
    inset-inline: calc(var(--db-form-has-before)*(var(--db-base-body-icon-font-size-sm) + var(--db-spacing-fixed-sm)));
    white-space: nowrap;
    text-overflow: ellipsis;
    inline-size: calc(100% - var(--db-form-component-padding-inline-end) - var(--db-form-has-before)*(var(--db-base-body-icon-font-size-sm) + var(--db-spacing-fixed-sm)) - var(--db-spacing-fixed-sm));
    margin-inline-start: var(--db-spacing-fixed-sm);
    position: absolute;
    overflow: hidden;
  }

  .db-select {
    --db-form-component-padding-inline-end: calc(var(--db-icon-font-size) + var(--db-spacing-fixed-sm) + var(--db-spacing-fixed-xs));
    --db-form-component-min-inline-size: var(--db-sizing-xl);
    min-inline-size: var(--db-form-component-min-inline-size, var(--db-sizing-lg));
    --db-form-has-before: 0;
    flex-direction: column;
    position: relative;
  }

  .db-select:not([hidden]) {
    display: flex;
  }

  .db-select[data-hide-label="true"], .db-select[data-variant="floating"] {
    --db-label-visible-above: 0;
  }

  .db-select:not([data-hide-asterisk="true"])[data-required="true"]:is(label):after, .db-select:not([data-hide-asterisk="true"])[data-required="true"] > label:after {
    content: "*";
    padding-inline-start: 1px;
  }

  .db-select:not([data-hide-asterisk="true"]):has(select:required):is(label):after {
    content: "*";
    padding-inline-start: 1px;
  }

  .db-select:not([data-hide-asterisk="true"]):has(select:required) > label:after {
    content: "*";
    padding-inline-start: 1px;
  }

  @supports (content: ""/"") {
    .db-select:not([data-hide-asterisk="true"])[data-required="true"]:is(label):after, .db-select:not([data-hide-asterisk="true"])[data-required="true"] > label:after {
      content: "*"/"";
    }

    .db-select:not([data-hide-asterisk="true"]):has(select:required):is(label):after {
      content: "*"/"";
    }

    .db-select:not([data-hide-asterisk="true"]):has(select:required) > label:after {
      content: "*"/"";
    }
  }

  .db-select[data-variant="floating"]:has(select:not([data-custom-validity]):required:user-valid) label {
    color: var(--lightningcss-light, #264604) var(--lightningcss-dark, #85dd20);
  }

  .db-select[data-variant="floating"][data-custom-validity="valid"] label {
    color: var(--lightningcss-light, #264604) var(--lightningcss-dark, #85dd20);
  }

  .db-select[data-variant="floating"]:has(select[data-custom-validity="valid"]) label {
    color: var(--lightningcss-light, #264604) var(--lightningcss-dark, #85dd20);
  }

  .db-select[data-variant="floating"]:has(select:not([data-custom-validity]):required:user-invalid) label {
    color: var(--lightningcss-light, #820007) var(--lightningcss-dark, #ffb3b4);
  }

  .db-select[data-variant="floating"][data-custom-validity="invalid"] label {
    color: var(--lightningcss-light, #820007) var(--lightningcss-dark, #ffb3b4);
  }

  .db-select[data-variant="floating"]:has(select[data-custom-validity="invalid"]) label {
    color: var(--lightningcss-light, #820007) var(--lightningcss-dark, #ffb3b4);
  }

  .db-select[data-variant="floating"] > label {
    opacity: .76;
    z-index: 2;
    inset-block-start: calc((var(--db-sizing-md) - var(--db-icon-font-size))/2);
    inset-inline: var(--db-form-component-padding-inline-start, var(--db-spacing-fixed-sm)) var(--db-form-component-padding-inline-end, var(--db-spacing-fixed-sm));
    pointer-events: none;
    font-style: italic;
    position: absolute;
  }

  .db-select[data-variant="floating"] [id$="-placeholder"] {
    inset-block-start: calc(var(--db-sizing-md)/2 - .5em + var(--db-spacing-fixed-3xs));
  }

  .db-select[data-variant="floating"] [id$="-placeholder"], .db-select[data-variant="floating"] select::placeholder {
    opacity: 0;
    transition: none;
  }

  .db-select[data-variant="floating"] select:is([type="date"], [type="datetime-local"], [type="month"], [type="week"], [type="time"]):not(:user-valid, [value*="1"], [value*="2"], [value*="3"], [value*="4"], [value*="5"], [value*="6"], [value*="7"], [value*="8"], [value*="9"], [value*="0"])::-webkit-datetime-edit {
    opacity: 0;
    transition: none;
  }

  .db-select[data-variant="floating"] select {
    padding-block-start: var(--db-base-body-icon-font-size-2xs);
  }

  .db-select[data-variant="floating"]:has(select:focus-within, select:is(input, textarea):not(:placeholder-shown),  > select option:checked:not(.placeholder), input[type="checkbox"]:checked, input[type="radio"]:checked) > label {
    opacity: 1;
    font-style: normal;
    inset-block-start: var(--db-spacing-fixed-2xs);
  }

  .db-select[data-variant="floating"]:has(select:focus-within, select:is(input, textarea):not(:placeholder-shown),  > select option:checked:not(.placeholder), input[type="checkbox"]:checked, input[type="radio"]:checked) [id$="-placeholder"] {
    opacity: .76;
    padding-block-start: var(--db-base-body-icon-font-size-2xs);
    font-family: DB Neo Screen Sans, helvetica, arial, sans-serif;
    font-style: italic;
  }

  .db-select[data-variant="floating"]:has(select:focus-within, select:is(input, textarea):not(:placeholder-shown),  > select option:checked:not(.placeholder), input[type="checkbox"]:checked, input[type="radio"]:checked) select::placeholder {
    opacity: .76;
    padding-block-start: var(--db-base-body-icon-font-size-2xs);
    font-family: DB Neo Screen Sans, helvetica, arial, sans-serif;
    font-style: italic;
  }

  @media (prefers-reduced-motion: no-preference) {
    .db-select[data-variant="floating"]:has(select:focus-within, select:is(input, textarea):not(:placeholder-shown),  > select option:checked:not(.placeholder), input[type="checkbox"]:checked, input[type="radio"]:checked) [id$="-placeholder"] {
      transition: opacity .3s cubic-bezier(.27, .05, .4, .95);
    }

    .db-select[data-variant="floating"]:has(select:focus-within, select:is(input, textarea):not(:placeholder-shown),  > select option:checked:not(.placeholder), input[type="checkbox"]:checked, input[type="radio"]:checked) select::placeholder {
      transition: opacity .3s cubic-bezier(.27, .05, .4, .95);
    }
  }

  .db-select[data-variant="floating"]:has(select:focus-within, select:is(input, textarea):not(:placeholder-shown),  > select option:checked:not(.placeholder), input[type="checkbox"]:checked, input[type="radio"]:checked) select:is([type="date"], [type="datetime-local"], [type="month"], [type="week"], [type="time"]):not(:user-valid, [value*="1"], [value*="2"], [value*="3"], [value*="4"], [value*="5"], [value*="6"], [value*="7"], [value*="8"], [value*="9"], [value*="0"])::-webkit-datetime-edit {
    opacity: .76;
    padding-block-start: var(--db-base-body-icon-font-size-2xs);
    font-family: DB Neo Screen Sans, helvetica, arial, sans-serif;
    font-style: italic;
  }

  @media (prefers-reduced-motion: no-preference) {
    .db-select[data-variant="floating"]:has(select:focus-within, select:is(input, textarea):not(:placeholder-shown),  > select option:checked:not(.placeholder), input[type="checkbox"]:checked, input[type="radio"]:checked) select:is([type="date"], [type="datetime-local"], [type="month"], [type="week"], [type="time"]):not(:user-valid, [value*="1"], [value*="2"], [value*="3"], [value*="4"], [value*="5"], [value*="6"], [value*="7"], [value*="8"], [value*="9"], [value*="0"])::-webkit-datetime-edit {
      transition: opacity .3s cubic-bezier(.27, .05, .4, .95);
    }
  }

  .db-select:has(select:not([data-custom-validity]):required:user-valid) [id$="-placeholder"] {
    color: var(--lightningcss-light, #0c1b01) var(--lightningcss-dark, #c3ff9d);
    caret-color: var(--lightningcss-light, #0c1b01) var(--lightningcss-dark, #c3ff9d);
  }

  .db-select:has(select:not([data-custom-validity]):required:user-valid) select {
    color: var(--lightningcss-light, #0c1b01) var(--lightningcss-dark, #c3ff9d);
    caret-color: var(--lightningcss-light, #0c1b01) var(--lightningcss-dark, #c3ff9d);
  }

  .db-select:has(select:not([data-custom-validity]):required:user-valid) > .db-infotext[data-semantic="successful"]:not([hidden]) {
    display: flex;
  }

  .db-select:has(select:not([data-custom-validity]):required:user-valid) > db-infotext > .db-infotext[data-semantic="successful"]:not([hidden]) {
    display: flex;
  }

  .db-select:has(select:not([data-custom-validity]):required:user-valid) > .db-infotext:not([data-semantic]):not([hidden]) {
    display: none;
  }

  .db-select:has(select:not([data-custom-validity]):required:user-valid) > db-infotext > .db-infotext:not([data-semantic]):not([hidden]) {
    display: none;
  }

  .db-select[data-custom-validity="valid"] [id$="-placeholder"], .db-select[data-custom-validity="valid"] select {
    color: var(--lightningcss-light, #0c1b01) var(--lightningcss-dark, #c3ff9d);
    caret-color: var(--lightningcss-light, #0c1b01) var(--lightningcss-dark, #c3ff9d);
  }

  .db-select:has(select[data-custom-validity="valid"]) [id$="-placeholder"] {
    color: var(--lightningcss-light, #0c1b01) var(--lightningcss-dark, #c3ff9d);
    caret-color: var(--lightningcss-light, #0c1b01) var(--lightningcss-dark, #c3ff9d);
  }

  .db-select:has(select[data-custom-validity="valid"]) select {
    color: var(--lightningcss-light, #0c1b01) var(--lightningcss-dark, #c3ff9d);
    caret-color: var(--lightningcss-light, #0c1b01) var(--lightningcss-dark, #c3ff9d);
  }

  .db-select[data-custom-validity="valid"] > .db-infotext[data-semantic="successful"]:not([hidden]), .db-select[data-custom-validity="valid"] > db-infotext > .db-infotext[data-semantic="successful"]:not([hidden]) {
    display: flex;
  }

  .db-select:has(select[data-custom-validity="valid"]) > .db-infotext[data-semantic="successful"]:not([hidden]) {
    display: flex;
  }

  .db-select:has(select[data-custom-validity="valid"]) > db-infotext > .db-infotext[data-semantic="successful"]:not([hidden]) {
    display: flex;
  }

  .db-select[data-custom-validity="valid"] > .db-infotext:not([data-semantic]):not([hidden]), .db-select[data-custom-validity="valid"] > db-infotext > .db-infotext:not([data-semantic]):not([hidden]) {
    display: none;
  }

  .db-select:has(select[data-custom-validity="valid"]) > .db-infotext:not([data-semantic]):not([hidden]) {
    display: none;
  }

  .db-select:has(select[data-custom-validity="valid"]) > db-infotext > .db-infotext:not([data-semantic]):not([hidden]) {
    display: none;
  }

  .db-select:has(select:not([data-custom-validity]):required:user-invalid) [id$="-placeholder"] {
    color: var(--lightningcss-light, #390001) var(--lightningcss-dark, #ffe9e9);
    caret-color: var(--lightningcss-light, #390001) var(--lightningcss-dark, #ffe9e9);
  }

  .db-select:has(select:not([data-custom-validity]):required:user-invalid) select {
    color: var(--lightningcss-light, #390001) var(--lightningcss-dark, #ffe9e9);
    caret-color: var(--lightningcss-light, #390001) var(--lightningcss-dark, #ffe9e9);
  }

  .db-select:has(select:not([data-custom-validity]):required:user-invalid) > .db-infotext[data-semantic="critical"]:not([hidden]) {
    display: flex;
  }

  .db-select:has(select:not([data-custom-validity]):required:user-invalid) > db-infotext > .db-infotext[data-semantic="critical"]:not([hidden]) {
    display: flex;
  }

  .db-select:has(select:not([data-custom-validity]):required:user-invalid) > .db-infotext:not([data-semantic]):not([hidden]) {
    display: none;
  }

  .db-select:has(select:not([data-custom-validity]):required:user-invalid) > db-infotext > .db-infotext:not([data-semantic]):not([hidden]) {
    display: none;
  }

  .db-select[data-custom-validity="invalid"] [id$="-placeholder"], .db-select[data-custom-validity="invalid"] select {
    color: var(--lightningcss-light, #390001) var(--lightningcss-dark, #ffe9e9);
    caret-color: var(--lightningcss-light, #390001) var(--lightningcss-dark, #ffe9e9);
  }

  .db-select:has(select[data-custom-validity="invalid"]) [id$="-placeholder"] {
    color: var(--lightningcss-light, #390001) var(--lightningcss-dark, #ffe9e9);
    caret-color: var(--lightningcss-light, #390001) var(--lightningcss-dark, #ffe9e9);
  }

  .db-select:has(select[data-custom-validity="invalid"]) select {
    color: var(--lightningcss-light, #390001) var(--lightningcss-dark, #ffe9e9);
    caret-color: var(--lightningcss-light, #390001) var(--lightningcss-dark, #ffe9e9);
  }

  .db-select[data-custom-validity="invalid"] > .db-infotext[data-semantic="critical"]:not([hidden]), .db-select[data-custom-validity="invalid"] > db-infotext > .db-infotext[data-semantic="critical"]:not([hidden]) {
    display: flex;
  }

  .db-select:has(select[data-custom-validity="invalid"]) > .db-infotext[data-semantic="critical"]:not([hidden]) {
    display: flex;
  }

  .db-select:has(select[data-custom-validity="invalid"]) > db-infotext > .db-infotext[data-semantic="critical"]:not([hidden]) {
    display: flex;
  }

  .db-select[data-custom-validity="invalid"] > .db-infotext:not([data-semantic]):not([hidden]), .db-select[data-custom-validity="invalid"] > db-infotext > .db-infotext:not([data-semantic]):not([hidden]) {
    display: none;
  }

  .db-select:has(select[data-custom-validity="invalid"]) > .db-infotext:not([data-semantic]):not([hidden]) {
    display: none;
  }

  .db-select:has(select[data-custom-validity="invalid"]) > db-infotext > .db-infotext:not([data-semantic]):not([hidden]) {
    display: none;
  }

  .db-select [id$="-placeholder"], .db-select select::placeholder {
    opacity: .76;
    font-family: DB Neo Screen Sans, helvetica, arial, sans-serif;
    font-style: italic;
  }

  .db-select select:is([type="date"], [type="datetime-local"], [type="month"], [type="week"], [type="time"]):not(:user-valid, [value*="1"], [value*="2"], [value*="3"], [value*="4"], [value*="5"], [value*="6"], [value*="7"], [value*="8"], [value*="9"], [value*="0"])::-webkit-datetime-edit {
    opacity: .76;
    font-family: DB Neo Screen Sans, helvetica, arial, sans-serif;
    font-style: italic;
  }

  .db-select select {
    background-color: var(--db-adaptive-bg-basic-transparent-semi-default);
    caret-color: var(--db-adaptive-on-bg-basic-emphasis-100-default);
    appearance: none;
    inline-size: 100%;
    max-inline-size: 100%;
    min-inline-size: var(--db-form-component-min-inline-size, var(--db-sizing-lg));
    padding-inline: var(--db-form-component-padding-inline-start, var(--db-spacing-fixed-sm)) var(--db-form-component-padding-inline-end, var(--db-spacing-fixed-sm));
  }

  .db-select select:hover:not(:disabled, [aria-disabled="true"], [tabindex="-1"], :has(:disabled)) {
    cursor: var(--db-overwrite-cursor, pointer);
    background-color: var(--db-adaptive-bg-basic-transparent-semi-hovered);
  }

  :is(.db-select select:hover:not(:disabled, [aria-disabled="true"], [tabindex="-1"], :has(:disabled)):is(input), .db-select select:hover:not(:disabled, [aria-disabled="true"], [tabindex="-1"], :has(:disabled)):is(textarea)) {
    cursor: auto;
  }

  .db-select select:hover:not(:disabled, [aria-disabled="true"], [tabindex="-1"], :has(:disabled)):is(input[type="checkbox"]) {
    cursor: pointer;
  }

  .db-select select:hover:not(:disabled, [aria-disabled="true"], [tabindex="-1"], :has(:disabled)):is(input[type="radio"]:not(:checked)) {
    cursor: pointer;
  }

  .db-select > label {
    text-overflow: ellipsis;
    white-space: nowrap;
    max-inline-size: 25ch;
    padding-block-end: var(--db-spacing-fixed-xs);
    overflow: hidden;
  }

  @media (prefers-reduced-motion: no-preference) {
    .db-select > label {
      transition: font-size .3s cubic-bezier(.27, .05, .4, .95);
    }
  }

  .db-select[data-hide-label="true"] > label {
    padding: 0;
  }

  .db-select:has(select:disabled, select[data-disabled="true"], select[aria-disabled="true"]) {
    opacity: .4;
    pointer-events: none;
  }

  .db-select:after, .db-select:before {
    pointer-events: none;
    color: var(--db-adaptive-on-bg-basic-emphasis-100-default);
    z-index: 1;
    position: absolute;
    inset-block-start: calc((var(--db-spacing-fixed-xs) + var(--db-base-body-icon-font-size-xs))*var(--db-label-visible-above, 1) + var(--db-sizing-md)/2);
    transform: translateY(-50%);
  }

  .db-select:before {
    margin-inline-end: var(--db-spacing-fixed-sm);
    inset-inline-start: var(--db-spacing-fixed-sm);
  }

  .db-select:after {
    margin-inline-start: var(--db-spacing-fixed-sm);
    inset-inline-end: var(--db-spacing-fixed-sm);
  }

  .db-select select {
    block-size: var(--db-sizing-md);
    text-overflow: ellipsis;
  }

  .db-select[data-icon]:not([data-show-icon="false"]) {
    --db-form-component-min-inline-size: var(--db-sizing-2xl);
  }

  .db-select select {
    text-indent: calc(var(--db-form-has-before)*(var(--db-base-body-icon-font-size-sm) + var(--db-spacing-fixed-sm)));
  }

  .db-select[data-hide-label="true"] {
    --db-label-visible-height: 0;
    --db-label-visible-spacing: 1;
  }

  .db-select option {
    background-color: var(--db-adaptive-bg-basic-level-1-default);
    color: var(--db-adaptive-on-bg-basic-emphasis-100-default);
  }

  .db-select optgroup {
    background-color: var(--db-adaptive-bg-basic-level-3-default);
  }

  .db-select select:is(:has(option:checked:not(.placeholder)), :open) option[data-show-empty-option="false"], .db-select select:is(:has(option:checked:not(.placeholder)), :open) ~ [id$="-placeholder"] {
    display: none;
  }

  @media (min-width: 64em) {
    .db-navigation-item .db-navigation-item-expand-button:not([data-force-mobile]):is(:hover, :focus-visible):is(button) ~ .db-sub-navigation, .db-navigation-item .db-navigation-item-expand-button > button:not([data-force-mobile]):is(:hover, :focus-visible) ~ .db-sub-navigation, .db-navigation-item .db-navigation-item-expand-button > button[data-force-mobile="false"]:is(:hover, :focus-visible) ~ .db-sub-navigation, .db-navigation-item [data-force-mobile="false"].db-navigation-item-expand-button:is(:hover, :focus-visible):is(button) ~ .db-sub-navigation {
      visibility: visible;
    }
  }

  .db-navigation-item .db-navigation-item-expand-button:is(button), .db-navigation-item .db-navigation-item-expand-button > button, .db-navigation-item a {
    background-color: var(--db-adaptive-bg-basic-transparent-full-default);
    cursor: pointer;
    inline-size: 100%;
    padding: var(--db-spacing-fixed-xs) var(--db-spacing-fixed-sm);
    white-space: nowrap;
    text-align: center;
    border-radius: .5rem;
    justify-content: space-between;
    align-items: center;
  }

  .db-navigation-item .db-navigation-item-expand-button:not([hidden]):is(button), .db-navigation-item .db-navigation-item-expand-button > button:not([hidden]), .db-navigation-item a:not([hidden]) {
    display: inline-flex;
  }

  .db-navigation-item .db-navigation-item-expand-button:hover:not(:disabled, [aria-disabled="true"], [tabindex="-1"], :has(:disabled)):is(button) {
    cursor: var(--db-overwrite-cursor, pointer);
    background-color: var(--db-adaptive-bg-basic-transparent-full-hovered);
  }

  .db-navigation-item .db-navigation-item-expand-button > button:hover:not(:disabled, [aria-disabled="true"], [tabindex="-1"], :has(:disabled)) {
    cursor: var(--db-overwrite-cursor, pointer);
    background-color: var(--db-adaptive-bg-basic-transparent-full-hovered);
  }

  .db-navigation-item a:hover:not(:disabled, [aria-disabled="true"], [tabindex="-1"], :has(:disabled)) {
    cursor: var(--db-overwrite-cursor, pointer);
    background-color: var(--db-adaptive-bg-basic-transparent-full-hovered);
  }

  .db-navigation-item .db-navigation-item-expand-button:hover:not(:disabled, [aria-disabled="true"], [tabindex="-1"], :has(:disabled)):is(input):is(button) {
    cursor: auto;
  }

  .db-navigation-item .db-navigation-item-expand-button:hover:not(:disabled, [aria-disabled="true"], [tabindex="-1"], :has(:disabled)):is(textarea):is(button) {
    cursor: auto;
  }

  .db-navigation-item .db-navigation-item-expand-button > button:hover:not(:disabled, [aria-disabled="true"], [tabindex="-1"], :has(:disabled)):is(input) {
    cursor: auto;
  }

  .db-navigation-item .db-navigation-item-expand-button > button:hover:not(:disabled, [aria-disabled="true"], [tabindex="-1"], :has(:disabled)):is(textarea) {
    cursor: auto;
  }

  .db-navigation-item a:hover:not(:disabled, [aria-disabled="true"], [tabindex="-1"], :has(:disabled)):is(input) {
    cursor: auto;
  }

  .db-navigation-item a:hover:not(:disabled, [aria-disabled="true"], [tabindex="-1"], :has(:disabled)):is(textarea) {
    cursor: auto;
  }

  .db-navigation-item .db-navigation-item-expand-button:hover:not(:disabled, [aria-disabled="true"], [tabindex="-1"], :has(:disabled)):is(input[type="checkbox"]):is(button) {
    cursor: pointer;
  }

  .db-navigation-item .db-navigation-item-expand-button:hover:not(:disabled, [aria-disabled="true"], [tabindex="-1"], :has(:disabled)):is(input[type="radio"]:not(:checked)):is(button) {
    cursor: pointer;
  }

  .db-navigation-item .db-navigation-item-expand-button > button:hover:not(:disabled, [aria-disabled="true"], [tabindex="-1"], :has(:disabled)):is(input[type="checkbox"]) {
    cursor: pointer;
  }

  .db-navigation-item .db-navigation-item-expand-button > button:hover:not(:disabled, [aria-disabled="true"], [tabindex="-1"], :has(:disabled)):is(input[type="radio"]:not(:checked)) {
    cursor: pointer;
  }

  .db-navigation-item a:hover:not(:disabled, [aria-disabled="true"], [tabindex="-1"], :has(:disabled)):is(input[type="checkbox"]) {
    cursor: pointer;
  }

  .db-navigation-item a:hover:not(:disabled, [aria-disabled="true"], [tabindex="-1"], :has(:disabled)):is(input[type="radio"]:not(:checked)) {
    cursor: pointer;
  }

  .db-navigation-item .db-navigation-item-expand-button:active:not(:disabled, [aria-disabled="true"], [tabindex="-1"], :has(:disabled)):is(button) {
    cursor: var(--db-overwrite-cursor, pointer);
    background-color: var(--db-adaptive-bg-basic-transparent-full-pressed);
  }

  .db-navigation-item .db-navigation-item-expand-button > button:active:not(:disabled, [aria-disabled="true"], [tabindex="-1"], :has(:disabled)) {
    cursor: var(--db-overwrite-cursor, pointer);
    background-color: var(--db-adaptive-bg-basic-transparent-full-pressed);
  }

  .db-navigation-item a:active:not(:disabled, [aria-disabled="true"], [tabindex="-1"], :has(:disabled)) {
    cursor: var(--db-overwrite-cursor, pointer);
    background-color: var(--db-adaptive-bg-basic-transparent-full-pressed);
  }

  .db-navigation-item .db-navigation-item-expand-button:active:not(:disabled, [aria-disabled="true"], [tabindex="-1"], :has(:disabled)):is(input):is(button) {
    cursor: auto;
  }

  .db-navigation-item .db-navigation-item-expand-button:active:not(:disabled, [aria-disabled="true"], [tabindex="-1"], :has(:disabled)):is(textarea):is(button) {
    cursor: auto;
  }

  .db-navigation-item .db-navigation-item-expand-button > button:active:not(:disabled, [aria-disabled="true"], [tabindex="-1"], :has(:disabled)):is(input) {
    cursor: auto;
  }

  .db-navigation-item .db-navigation-item-expand-button > button:active:not(:disabled, [aria-disabled="true"], [tabindex="-1"], :has(:disabled)):is(textarea) {
    cursor: auto;
  }

  .db-navigation-item a:active:not(:disabled, [aria-disabled="true"], [tabindex="-1"], :has(:disabled)):is(input) {
    cursor: auto;
  }

  .db-navigation-item a:active:not(:disabled, [aria-disabled="true"], [tabindex="-1"], :has(:disabled)):is(textarea) {
    cursor: auto;
  }

  .db-navigation-item .db-navigation-item-expand-button:active:not(:disabled, [aria-disabled="true"], [tabindex="-1"], :has(:disabled)):is(input[type="checkbox"]):is(button) {
    cursor: pointer;
  }

  .db-navigation-item .db-navigation-item-expand-button:active:not(:disabled, [aria-disabled="true"], [tabindex="-1"], :has(:disabled)):is(input[type="radio"]:not(:checked)):is(button) {
    cursor: pointer;
  }

  .db-navigation-item .db-navigation-item-expand-button > button:active:not(:disabled, [aria-disabled="true"], [tabindex="-1"], :has(:disabled)):is(input[type="checkbox"]) {
    cursor: pointer;
  }

  .db-navigation-item .db-navigation-item-expand-button > button:active:not(:disabled, [aria-disabled="true"], [tabindex="-1"], :has(:disabled)):is(input[type="radio"]:not(:checked)) {
    cursor: pointer;
  }

  .db-navigation-item a:active:not(:disabled, [aria-disabled="true"], [tabindex="-1"], :has(:disabled)):is(input[type="checkbox"]) {
    cursor: pointer;
  }

  .db-navigation-item a:active:not(:disabled, [aria-disabled="true"], [tabindex="-1"], :has(:disabled)):is(input[type="radio"]:not(:checked)) {
    cursor: pointer;
  }

  .db-navigation-item .db-navigation-item-expand-button:has( ~ .db-sub-navigation:is(:hover, :focus)):is(button) {
    background-color: var(--db-adaptive-bg-basic-transparent-full-hovered);
  }

  .db-navigation-item .db-navigation-item-expand-button > button:has( ~ .db-sub-navigation:is(:hover, :focus)) {
    background-color: var(--db-adaptive-bg-basic-transparent-full-hovered);
  }

  .db-navigation-item a:has( ~ .db-sub-navigation:is(:hover, :focus)) {
    background-color: var(--db-adaptive-bg-basic-transparent-full-hovered);
  }

  .db-navigation-item {
    --db-has-before: 0;
  }

  .db-navigation-item[data-icon-leading]:not([data-show-icon-leading="false"]):before, .db-navigation-item[data-icon]:not([data-show-icon="false"]):before {
    pointer-events: none;
    z-index: 1;
    position: absolute;
    inset-block-start: calc(50% - .5em);
    inset-inline-start: var(--db-icon-passing-inline-start, var(--db-spacing-fixed-sm));
  }

  .db-navigation-item[data-icon-leading]:not([data-show-icon-leading="false"]) a, .db-navigation-item[data-icon-leading]:not([data-show-icon-leading="false"]) button, .db-navigation-item[data-icon-leading]:not([data-show-icon-leading="false"]) label, .db-navigation-item[data-icon]:not([data-show-icon="false"]) a, .db-navigation-item[data-icon]:not([data-show-icon="false"]) button, .db-navigation-item[data-icon]:not([data-show-icon="false"]) label {
    --db-padding-inline-start: calc(var(--db-spacing-fixed-sm) + var(--db-icon-margin-end, var(--db-spacing-fixed-xs)) + 1lh);
    padding-inline-start: var(--db-padding-inline-start);
  }

  .db-navigation-item:not([hidden]) {
    display: inline-flex;
  }

  .db-navigation-item {
    inline-size: auto;
    position: relative;
  }

  .db-navigation-item[data-wrap="true"] :is(a, .db-navigation-item-expand-button):first-of-type {
    white-space: normal;
    text-align: start;
  }

  .db-navigation-item[data-force-mobile="true"]:not([data-width="full"]) {
    inline-size: 100%;
  }

  .db-navigation-item[data-force-mobile="true"]:not([data-width="full"]) .db-navigation-item-expand-button:after {
    --db-icon-margin-start: auto;
  }

  @media (max-width: 63.9375em) {
    .db-navigation-item:not([data-width="full"]) {
      inline-size: 100%;
    }

    .db-navigation-item:not([data-width="full"]) .db-navigation-item-expand-button:after {
      --db-icon-margin-start: auto;
    }
  }

  .db-navigation-item a {
    text-decoration: none;
  }

  .db-navigation-item a:focus-visible {
    z-index: 1;
  }

  .db-navigation-item .db-navigation-item-expand-button[data-force-mobile="true"][aria-expanded="true"] ~ .db-sub-navigation {
    visibility: visible;
    transform: translate(0);
  }

  @media (prefers-reduced-motion: no-preference) {
    .db-navigation-item .db-navigation-item-expand-button[data-force-mobile="true"][aria-expanded="true"] ~ .db-sub-navigation {
      transition: visibility linear, transform .5s cubic-bezier(.27, .05, .4, .95);
    }
  }

  .db-navigation-item .db-navigation-item-expand-button[data-force-mobile="true"][aria-expanded="true"] ~ .db-sub-navigation .db-sub-navigation {
    border-color: #0000;
    inline-size: 100%;
    inset: 0;
  }

  .db-navigation-item .db-navigation-item-expand-button[data-force-mobile="true"]:not(.db-navigation-item .db-navigation-item-expand-button[data-force-mobile="true"][aria-expanded="true"]) ~ .db-sub-navigation {
    transform: translate(110%);
  }

  @media (prefers-reduced-motion: no-preference) {
    .db-navigation-item .db-navigation-item-expand-button[data-force-mobile="true"]:not(.db-navigation-item .db-navigation-item-expand-button[data-force-mobile="true"][aria-expanded="true"]) ~ .db-sub-navigation {
      transition: visibility 0s linear .41s, transform .4s cubic-bezier(.27, .05, .4, .95);
    }
  }

  @media (max-width: 63.9375em) {
    .db-navigation-item .db-navigation-item-expand-button[aria-expanded="true"] ~ .db-sub-navigation {
      visibility: visible;
      transform: translate(0);
    }
  }

  @media (max-width: 63.9375em) and (prefers-reduced-motion: no-preference) {
    .db-navigation-item .db-navigation-item-expand-button[aria-expanded="true"] ~ .db-sub-navigation {
      transition: visibility linear, transform .5s cubic-bezier(.27, .05, .4, .95);
    }
  }

  @media (max-width: 63.9375em) {
    .db-navigation-item .db-navigation-item-expand-button[aria-expanded="true"] ~ .db-sub-navigation .db-sub-navigation {
      border-color: #0000;
      inline-size: 100%;
      inset: 0;
    }

    .db-navigation-item .db-navigation-item-expand-button:not(.db-navigation-item .db-navigation-item-expand-button[aria-expanded="true"]) ~ .db-sub-navigation {
      transform: translate(110%);
    }
  }

  @media (max-width: 63.9375em) and (prefers-reduced-motion: no-preference) {
    .db-navigation-item .db-navigation-item-expand-button:not(.db-navigation-item .db-navigation-item-expand-button[aria-expanded="true"]) ~ .db-sub-navigation {
      transition: visibility 0s linear .41s, transform .4s cubic-bezier(.27, .05, .4, .95);
    }
  }

  .db-navigation-item .db-navigation-item-expand-button:is(button), .db-navigation-item .db-navigation-item-expand-button > button {
    font-weight: inherit;
  }

  .db-navigation-item .db-navigation-item-expand-button:is(button):not([data-show-icon-trailing="false"]):after, .db-navigation-item .db-navigation-item-expand-button > button:not([data-show-icon-trailing="false"]):after {
    --db-icon-trailing: "chevron_right";
    content: var(--db-icon-trailing, attr(data-icon-trailing));
    margin-inline-start: var(--db-icon-margin-start, var(--db-spacing-fixed-xs));
  }

  @supports (content: ""/"") {
    .db-navigation-item .db-navigation-item-expand-button:is(button):not([data-show-icon-trailing="false"]):after, .db-navigation-item .db-navigation-item-expand-button > button:not([data-show-icon-trailing="false"]):after {
      content: var(--db-icon-trailing, attr(data-icon-trailing))/"";
    }
  }

  .db-navigation-item[aria-current="page"] > :is(a, button), .db-navigation-item[data-active="true"] > :is(a, button) {
    font-weight: 700;
  }

  .db-navigation-item:has([aria-current="page"]) > :is(a, button) {
    font-weight: 700;
  }

  .db-navigation-item:has([data-active="true"]) > :is(a, button) {
    font-weight: 700;
  }

  .db-navigation-item:not([data-width="full"]) .db-navigation-item-expand-button:after {
    --db-icon-margin-start: var(--db-spacing-fixed-sm);
  }

  .db-navigation-item[data-width="full"] {
    inline-size: 100%;
  }

  .db-navigation-item[data-width="full"] .db-navigation-item-expand-button:after {
    --db-icon-margin-start: auto;
  }

  .db-navigation-item[aria-disabled="true"] {
    opacity: .4;
    pointer-events: none;
  }

  .db-sub-navigation {
    margin: 0;
  }

  .db-sub-navigation:not([hidden]) {
    display: flex;
  }

  .db-sub-navigation {
    z-index: 70;
    background-color: var(--db-adaptive-bg-basic-level-1-default);
    visibility: hidden;
    flex-direction: column;
    inset-inline-start: 0;
  }

  .db-sub-navigation[data-force-mobile="true"] {
    padding: var(--db-spacing-fixed-md);
    inline-size: calc(100% - var(--db-spacing-fixed-xl));
    position: fixed;
    inset-inline-start: var(--db-spacing-fixed-xl);
    overflow: hidden auto;
  }

  .db-drawer-container[data-direction="left"] .db-sub-navigation[data-force-mobile="true"] {
    inset-inline: auto var(--db-spacing-fixed-xl);
  }

  .db-sub-navigation[data-force-mobile="true"] {
    inset-block: calc(var(--db-sizing-md) + var(--db-spacing-fixed-xs)*2) calc(var(--db-sizing-md) + var(--db-spacing-fixed-xs)*2);
  }

  @media (max-width: 63.9375em) {
    .db-sub-navigation {
      padding: var(--db-spacing-fixed-md);
      inline-size: calc(100% - var(--db-spacing-fixed-xl));
      position: fixed;
      inset-inline-start: var(--db-spacing-fixed-xl);
      overflow: hidden auto;
    }

    .db-drawer-container[data-direction="left"] .db-sub-navigation {
      inset-inline: auto var(--db-spacing-fixed-xl);
    }

    .db-sub-navigation {
      inset-block: calc(var(--db-sizing-md) + var(--db-spacing-fixed-xs)*2) calc(var(--db-sizing-md) + var(--db-spacing-fixed-xs)*2);
    }
  }

  @media (min-width: 64em) {
    .db-sub-navigation:not([data-force-mobile]) .db-mobile-navigation-back:not([hidden]), .db-sub-navigation[data-force-mobile="false"] .db-mobile-navigation-back:not([hidden]) {
      display: none;
    }

    .db-sub-navigation:not([data-force-mobile]), .db-sub-navigation[data-force-mobile="false"] {
      padding: var(--db-spacing-fixed-sm);
      min-inline-size: 20rem;
      border-radius: .5rem;
      transition: visibility 1ms linear;
      position: absolute;
      inset-block-start: calc(100% + var(--db-spacing-fixed-md));
      box-shadow: 0 0 2px -1px #0003, 0 0 8px 1px #0000001f, 0 0 4px #00000024;
    }

    .db-sub-navigation:not([data-force-mobile])[data-outside-vx="true"], .db-sub-navigation[data-force-mobile="false"][data-outside-vx="true"] {
      inset-inline-start: 100%;
      transform: translate(-100%);
    }

    .db-sub-navigation:not([data-force-mobile]):is(:hover, :focus-within):not([data-force-close="true"]), .db-sub-navigation[data-force-mobile="false"]:is(:hover, :focus-within):not([data-force-close="true"]) {
      visibility: visible;
    }

    .db-sub-navigation:not([data-force-mobile])[data-force-close="true"], .db-sub-navigation[data-force-mobile="false"][data-force-close="true"] {
      pointer-events: none;
    }

    .db-sub-navigation:not([data-force-mobile]):before, .db-sub-navigation[data-force-mobile="false"]:before {
      content: "";
      inline-size: 100%;
      block-size: calc(var(--db-spacing-fixed-3xs) + var(--db-spacing-fixed-md));
      position: absolute;
      inset-block-start: calc(var(--db-spacing-fixed-md)*-1 - var(--db-spacing-fixed-3xs));
      inset-inline-start: 0;
    }

    .db-sub-navigation:not([data-force-mobile]) .db-sub-navigation, .db-sub-navigation[data-force-mobile="false"] .db-sub-navigation {
      inset-block-start: calc(-50% + var(--db-spacing-fixed-xs) + 1px);
      inset-inline-start: calc(100% + var(--db-spacing-fixed-xs));
    }

    .db-sub-navigation:not([data-force-mobile]) .db-sub-navigation[data-outside-vy="bottom"], .db-sub-navigation[data-force-mobile="false"] .db-sub-navigation[data-outside-vy="bottom"] {
      inset-block-start: calc(100% + var(--db-spacing-fixed-md));
      transform: translateY(-100%);
    }

    .db-sub-navigation:not([data-force-mobile]) .db-sub-navigation[data-outside-vx="right"], .db-sub-navigation[data-force-mobile="false"] .db-sub-navigation[data-outside-vx="right"] {
      inset-inline-start: calc(var(--db-spacing-fixed-xs)*-1);
      transform: translate(-100%);
    }

    .db-sub-navigation:not([data-force-mobile]) .db-sub-navigation[data-outside-vx="right"][data-outside-vy="bottom"], .db-sub-navigation[data-force-mobile="false"] .db-sub-navigation[data-outside-vx="right"][data-outside-vy="bottom"] {
      transform: translate(-100%, -100%);
    }

    .db-sub-navigation:not([data-force-mobile]) .db-sub-navigation[data-outside-vx="right"]:before, .db-sub-navigation[data-force-mobile="false"] .db-sub-navigation[data-outside-vx="right"]:before {
      inset-block: auto 0;
      transform: translate(100%)scaleX(-1);
    }

    .db-sub-navigation:not([data-force-mobile]) .db-sub-navigation:before, .db-sub-navigation[data-force-mobile="false"] .db-sub-navigation:before {
      content: "";
      block-size: 100%;
      inline-size: var(--db-navigation-item-inline-size, 100%);
      clip-path: var(--db-navigation-item-clip-path, polygon(10% 30px,100% 0,100% 100%));
      background: none;
      position: absolute;
      inset-block-start: 0;
      inset-inline-start: 0;
      transform: translate(-100%);
    }

    .db-sub-navigation:not([data-force-mobile]) .db-sub-navigation:after, .db-sub-navigation[data-force-mobile="false"] .db-sub-navigation:after {
      content: "";
      padding: var(--db-spacing-fixed-xs);
      block-size: 100%;
      inline-size: var(--db-spacing-fixed-xs);
      position: absolute;
      inset-block-start: var(--db-spacing-fixed-3xs);
      inset-inline-end: calc(var(--db-spacing-fixed-xs)*-1);
    }
  }

  .db-sub-navigation:empty:not([hidden]) {
    display: none;
  }

  .db-sub-navigation .db-navigation-item {
    inline-size: 100%;
  }

  .db-sub-navigation .db-navigation-item:after {
    margin-inline-start: auto;
  }

  .db-mobile-navigation-back:not([hidden]) {
    display: flex;
  }

  .db-mobile-navigation-back {
    background-color: var(--db-adaptive-bg-basic-level-1-default);
    --db-divider-bg-color: var(--db-adaptive-on-bg-basic-emphasis-60-default);
    position: var(--db-tooltip-parent-position, relative);
    margin-block-end: var(--db-spacing-fixed-md);
    padding-block-end: var(--db-spacing-fixed-md);
    font-weight: 400;
  }

  .db-mobile-navigation-back[data-emphasis="strong"] {
    --db-divider-bg-color: var(--db-adaptive-on-bg-basic-emphasis-70-default);
  }

  .db-mobile-navigation-back:before {
    content: "";
    background-color: var(--db-divider-bg-color);
    block-size: .0625rem;
    position: absolute;
    inset-block-end: 0;
    inset-inline: 0;
  }

  @media (forced-colors: active) {
    .db-mobile-navigation-back {
      border: .0625rem solid var(--db-divider-bg-color);
    }
  }

  @supports (field-sizing: content) {
    .db-tab-list > ul[data-field-sizing="content"]:is([data-hide-resizer="true"], [data-resize="none"]), .db-textarea textarea[data-field-sizing="content"]:is([data-hide-resizer="true"], [data-resize="none"]) {
      scrollbar-width: none;
    }
  }

  .db-tab-list > ul::-webkit-scrollbar {
    z-index: 3;
    background-color: var(--db-adaptive-bg-basic-level-1-default);
    border-start-end-radius: .25rem;
    block-size: .5rem;
    inline-size: .5rem;
  }

  .db-textarea textarea::-webkit-scrollbar {
    z-index: 3;
    background-color: var(--db-adaptive-bg-basic-level-1-default);
    border-start-end-radius: .25rem;
    block-size: .5rem;
    inline-size: .5rem;
  }

  .db-tab-list > ul:is(:hover, :focus)::-webkit-scrollbar-button:single-button {
    background-color: var(--db-adaptive-bg-basic-transparent-full-hovered);
  }

  .db-tab-list > ul:is(:hover, :focus)::-webkit-scrollbar-track {
    background-color: var(--db-adaptive-bg-basic-transparent-full-hovered);
  }

  .db-textarea textarea:is(:hover, :focus)::-webkit-scrollbar-button:single-button {
    background-color: var(--db-adaptive-bg-basic-transparent-full-hovered);
  }

  .db-textarea textarea:is(:hover, :focus)::-webkit-scrollbar-track {
    background-color: var(--db-adaptive-bg-basic-transparent-full-hovered);
  }

  .db-tab-list > ul:read-only::-webkit-scrollbar-button:single-button {
    background-color: var(--db-adaptive-bg-basic-level-1-default);
  }

  .db-tab-list > ul:read-only::-webkit-scrollbar-track {
    background-color: var(--db-adaptive-bg-basic-level-1-default);
  }

  .db-textarea textarea:read-only::-webkit-scrollbar-button:single-button {
    background-color: var(--db-adaptive-bg-basic-level-1-default);
  }

  .db-textarea textarea:read-only::-webkit-scrollbar-track {
    background-color: var(--db-adaptive-bg-basic-level-1-default);
  }

  .db-tab-list > ul::-webkit-scrollbar-track {
    background-color: var(--db-adaptive-bg-basic-transparent-semi-default);
  }

  .db-textarea textarea::-webkit-scrollbar-track {
    background-color: var(--db-adaptive-bg-basic-transparent-semi-default);
  }

  .db-tab-list > ul::-webkit-scrollbar-thumb {
    background-color: var(--db-adaptive-bg-basic-transparent-full-pressed);
  }

  .db-textarea textarea::-webkit-scrollbar-thumb {
    background-color: var(--db-adaptive-bg-basic-transparent-full-pressed);
  }

  .db-tab-list > ul::-webkit-scrollbar-button:single-button {
    background-color: var(--db-adaptive-bg-basic-transparent-semi-default);
    block-size: calc(var(--db-spacing-fixed-3xs) + var(--db-spacing-fixed-2xs) + var(--db-base-body-icon-font-size-2xs));
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: .5rem;
  }

  .db-textarea textarea::-webkit-scrollbar-button:single-button {
    background-color: var(--db-adaptive-bg-basic-transparent-semi-default);
    block-size: calc(var(--db-spacing-fixed-3xs) + var(--db-spacing-fixed-2xs) + var(--db-base-body-icon-font-size-2xs));
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: .5rem;
  }

  .db-tab-list > ul::-webkit-scrollbar-button:single-button:hover {
    background-color: var(--db-adaptive-bg-basic-transparent-full-hovered);
  }

  .db-textarea textarea::-webkit-scrollbar-button:single-button:hover {
    background-color: var(--db-adaptive-bg-basic-transparent-full-hovered);
  }

  .db-tab-list > ul::-webkit-scrollbar-button:single-button:active {
    background-color: var(--db-adaptive-bg-basic-transparent-full-pressed);
  }

  .db-textarea textarea::-webkit-scrollbar-button:single-button:active {
    background-color: var(--db-adaptive-bg-basic-transparent-full-pressed);
  }

  .db-tab-list > ul::-webkit-scrollbar-button:single-button:vertical:decrement {
    background-image: var(--db-scrollbar-button-vertical-decrement);
    border-start-end-radius: .25rem;
  }

  .db-textarea textarea::-webkit-scrollbar-button:single-button:vertical:decrement {
    background-image: var(--db-scrollbar-button-vertical-decrement);
    border-start-end-radius: .25rem;
  }

  .db-tab-list > ul::-webkit-scrollbar-button:single-button:vertical:increment {
    background-image: var(--db-scrollbar-button-vertical-increment);
  }

  .db-textarea textarea::-webkit-scrollbar-button:single-button:vertical:increment {
    background-image: var(--db-scrollbar-button-vertical-increment);
  }

  .db-tab-list > ul::-webkit-scrollbar-button:single-button:horizontal:decrement {
    background-image: var(--db-scrollbar-button-horizontal-decrement);
  }

  .db-textarea textarea::-webkit-scrollbar-button:single-button:horizontal:decrement {
    background-image: var(--db-scrollbar-button-horizontal-decrement);
  }

  .db-tab-list > ul::-webkit-scrollbar-button:single-button:horizontal:increment {
    background-image: var(--db-scrollbar-button-horizontal-increment);
  }

  .db-textarea textarea::-webkit-scrollbar-button:single-button:horizontal:increment {
    background-image: var(--db-scrollbar-button-horizontal-increment);
  }

  .db-tab-list > ul[data-variant="floating"]::-webkit-resizer {
    background-color: var(--db-adaptive-bg-basic-transparent-semi-default);
  }

  .db-textarea textarea[data-variant="floating"]::-webkit-resizer {
    background-color: var(--db-adaptive-bg-basic-transparent-semi-default);
  }

  .db-tab-list > ul[data-variant="floating"]::-webkit-scrollbar-corner {
    background-color: var(--db-adaptive-bg-basic-level-1-default);
  }

  .db-textarea textarea[data-variant="floating"]::-webkit-scrollbar-corner {
    background-color: var(--db-adaptive-bg-basic-level-1-default);
  }

  .db-tab-list > ul::-webkit-resizer {
    background-color: var(--db-adaptive-bg-basic-transparent-full-default);
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: .5rem;
    background-image: var(--db-textarea-resizer-image);
    border-end-end-radius: .25rem;
  }

  .db-textarea textarea::-webkit-resizer {
    background-color: var(--db-adaptive-bg-basic-transparent-full-default);
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: .5rem;
    background-image: var(--db-textarea-resizer-image);
    border-end-end-radius: .25rem;
  }

  .db-tab-list > ul::-webkit-scrollbar-corner {
    border-end-end-radius: .25rem;
  }

  .db-textarea textarea::-webkit-scrollbar-corner {
    border-end-end-radius: .25rem;
  }

  .db-textarea textarea:not([data-hide-resizer="true"])[data-resize="none"], .db-textarea textarea[data-hide-resizer="true"] {
    resize: none;
  }

  .db-textarea textarea:not([data-hide-resizer="true"])[data-resize="both"] {
    resize: both;
  }

  .db-textarea textarea:not([data-hide-resizer="true"])[data-resize="horizontal"] {
    resize: horizontal;
  }

  .db-textarea textarea:not([data-hide-resizer="true"])[data-resize="vertical"] {
    resize: vertical;
  }

  .db-textarea {
    min-inline-size: var(--db-form-component-min-inline-size, var(--db-sizing-lg));
    --db-form-has-before: 0;
    flex-direction: column;
    position: relative;
  }

  .db-textarea:not([hidden]) {
    display: flex;
  }

  .db-textarea[data-hide-label="true"], .db-textarea[data-variant="floating"] {
    --db-label-visible-above: 0;
  }

  .db-textarea:not([data-hide-asterisk="true"])[data-required="true"]:is(label):after, .db-textarea:not([data-hide-asterisk="true"])[data-required="true"] > label:after {
    content: "*";
    padding-inline-start: 1px;
  }

  .db-textarea:not([data-hide-asterisk="true"]):has(textarea:required):is(label):after {
    content: "*";
    padding-inline-start: 1px;
  }

  .db-textarea:not([data-hide-asterisk="true"]):has(textarea:required) > label:after {
    content: "*";
    padding-inline-start: 1px;
  }

  @supports (content: ""/"") {
    .db-textarea:not([data-hide-asterisk="true"])[data-required="true"]:is(label):after, .db-textarea:not([data-hide-asterisk="true"])[data-required="true"] > label:after {
      content: "*"/"";
    }

    .db-textarea:not([data-hide-asterisk="true"]):has(textarea:required):is(label):after {
      content: "*"/"";
    }

    .db-textarea:not([data-hide-asterisk="true"]):has(textarea:required) > label:after {
      content: "*"/"";
    }
  }

  .db-textarea[data-variant="floating"]:has(textarea:not([data-custom-validity]):is(:required, [minlength], [maxlength]):user-valid) label {
    color: var(--lightningcss-light, #264604) var(--lightningcss-dark, #85dd20);
  }

  .db-textarea[data-variant="floating"][data-custom-validity="valid"] label {
    color: var(--lightningcss-light, #264604) var(--lightningcss-dark, #85dd20);
  }

  .db-textarea[data-variant="floating"]:has(textarea[data-custom-validity="valid"]) label {
    color: var(--lightningcss-light, #264604) var(--lightningcss-dark, #85dd20);
  }

  .db-textarea[data-variant="floating"]:has(textarea:not([data-custom-validity]):is(:required, [minlength], [maxlength]):user-invalid) label {
    color: var(--lightningcss-light, #820007) var(--lightningcss-dark, #ffb3b4);
  }

  .db-textarea[data-variant="floating"][data-custom-validity="invalid"] label {
    color: var(--lightningcss-light, #820007) var(--lightningcss-dark, #ffb3b4);
  }

  .db-textarea[data-variant="floating"]:has(textarea[data-custom-validity="invalid"]) label {
    color: var(--lightningcss-light, #820007) var(--lightningcss-dark, #ffb3b4);
  }

  .db-textarea[data-variant="floating"] > label {
    opacity: .76;
    z-index: 2;
    inset-block-start: calc((var(--db-sizing-md) - var(--db-icon-font-size))/2);
    inset-inline: var(--db-form-component-padding-inline-start, var(--db-spacing-fixed-sm)) var(--db-form-component-padding-inline-end, var(--db-spacing-fixed-sm));
    pointer-events: none;
    font-style: italic;
    position: absolute;
  }

  .db-textarea[data-variant="floating"] [id$="-placeholder"] {
    inset-block-start: calc(var(--db-sizing-md)/2 - .5em + var(--db-spacing-fixed-3xs));
  }

  .db-textarea[data-variant="floating"] [id$="-placeholder"], .db-textarea[data-variant="floating"] textarea::placeholder {
    opacity: 0;
    transition: none;
  }

  .db-textarea[data-variant="floating"] textarea:is([type="date"], [type="datetime-local"], [type="month"], [type="week"], [type="time"]):not(:user-valid, [value*="1"], [value*="2"], [value*="3"], [value*="4"], [value*="5"], [value*="6"], [value*="7"], [value*="8"], [value*="9"], [value*="0"])::-webkit-datetime-edit {
    opacity: 0;
    transition: none;
  }

  .db-textarea[data-variant="floating"] textarea {
    padding-block-start: calc(var(--db-spacing-fixed-3xs) + var(--db-spacing-fixed-2xs) + var(--db-base-body-icon-font-size-2xs));
  }

  .db-textarea[data-variant="floating"]:has(textarea:focus-within, textarea:is(input, textarea):not(:placeholder-shown),  > select option:checked:not(.placeholder), input[type="checkbox"]:checked, input[type="radio"]:checked) > label {
    opacity: 1;
    font-style: normal;
    inset-block-start: var(--db-spacing-fixed-2xs);
  }

  .db-textarea[data-variant="floating"]:has(textarea:focus-within, textarea:is(input, textarea):not(:placeholder-shown),  > select option:checked:not(.placeholder), input[type="checkbox"]:checked, input[type="radio"]:checked) [id$="-placeholder"] {
    opacity: .76;
    font-family: DB Neo Screen Sans, helvetica, arial, sans-serif;
    font-style: italic;
  }

  .db-textarea[data-variant="floating"]:has(textarea:focus-within, textarea:is(input, textarea):not(:placeholder-shown),  > select option:checked:not(.placeholder), input[type="checkbox"]:checked, input[type="radio"]:checked) textarea::placeholder {
    opacity: .76;
    font-family: DB Neo Screen Sans, helvetica, arial, sans-serif;
    font-style: italic;
  }

  @media (prefers-reduced-motion: no-preference) {
    .db-textarea[data-variant="floating"]:has(textarea:focus-within, textarea:is(input, textarea):not(:placeholder-shown),  > select option:checked:not(.placeholder), input[type="checkbox"]:checked, input[type="radio"]:checked) [id$="-placeholder"] {
      transition: opacity .3s cubic-bezier(.27, .05, .4, .95);
    }

    .db-textarea[data-variant="floating"]:has(textarea:focus-within, textarea:is(input, textarea):not(:placeholder-shown),  > select option:checked:not(.placeholder), input[type="checkbox"]:checked, input[type="radio"]:checked) textarea::placeholder {
      transition: opacity .3s cubic-bezier(.27, .05, .4, .95);
    }
  }

  .db-textarea[data-variant="floating"]:has(textarea:focus-within, textarea:is(input, textarea):not(:placeholder-shown),  > select option:checked:not(.placeholder), input[type="checkbox"]:checked, input[type="radio"]:checked) textarea:is([type="date"], [type="datetime-local"], [type="month"], [type="week"], [type="time"]):not(:user-valid, [value*="1"], [value*="2"], [value*="3"], [value*="4"], [value*="5"], [value*="6"], [value*="7"], [value*="8"], [value*="9"], [value*="0"])::-webkit-datetime-edit {
    opacity: .76;
    font-family: DB Neo Screen Sans, helvetica, arial, sans-serif;
    font-style: italic;
  }

  @media (prefers-reduced-motion: no-preference) {
    .db-textarea[data-variant="floating"]:has(textarea:focus-within, textarea:is(input, textarea):not(:placeholder-shown),  > select option:checked:not(.placeholder), input[type="checkbox"]:checked, input[type="radio"]:checked) textarea:is([type="date"], [type="datetime-local"], [type="month"], [type="week"], [type="time"]):not(:user-valid, [value*="1"], [value*="2"], [value*="3"], [value*="4"], [value*="5"], [value*="6"], [value*="7"], [value*="8"], [value*="9"], [value*="0"])::-webkit-datetime-edit {
      transition: opacity .3s cubic-bezier(.27, .05, .4, .95);
    }
  }

  .db-textarea:has(textarea:not([data-custom-validity]):is(:required, [minlength], [maxlength]):user-valid) {
    --db-textarea-read-only: var(--lightningcss-light, #edffe4) var(--lightningcss-dark, #0c1b01);
    --db-adaptive-bg-basic-transparent-full-default: transparent;
    --db-adaptive-bg-basic-transparent-semi-default: var(--lightningcss-light, #3d6a0914) var(--lightningcss-dark, #72bf1a29);
    --db-adaptive-bg-basic-transparent-full-hovered: var(--lightningcss-light, #3d6a093d) var(--lightningcss-dark, #72bf1a3d);
    --db-adaptive-bg-basic-transparent-full-pressed: var(--lightningcss-light, #3d6a0952) var(--lightningcss-dark, #72bf1a52);
    --db-adaptive-bg-basic-transparent-semi-hovered: var(--lightningcss-light, #3d6a093d) var(--lightningcss-dark, #72bf1a3d);
    --db-adaptive-bg-basic-transparent-semi-pressed: var(--lightningcss-light, #3d6a0952) var(--lightningcss-dark, #72bf1a52);
    --db-adaptive-on-bg-basic-emphasis-100-default: var(--lightningcss-light, #0c1b01) var(--lightningcss-dark, #c3ff9d);
    --db-adaptive-on-bg-basic-emphasis-60-default: var(--lightningcss-light, #85dd20) var(--lightningcss-dark, #3d6a09);
  }

  .db-textarea:has(textarea:not([data-custom-validity]):is(:required, [minlength], [maxlength]):user-valid)[data-variant="floating"]:after {
    border-color: var(--lightningcss-light, #4e850f) var(--lightningcss-dark, #60a114);
  }

  .db-textarea:has(textarea:not([data-custom-validity]):is(:required, [minlength], [maxlength]):user-valid) [id$="-placeholder"] {
    color: var(--lightningcss-light, #0c1b01) var(--lightningcss-dark, #c3ff9d);
    caret-color: var(--lightningcss-light, #0c1b01) var(--lightningcss-dark, #c3ff9d);
  }

  .db-textarea:has(textarea:not([data-custom-validity]):is(:required, [minlength], [maxlength]):user-valid) textarea {
    color: var(--lightningcss-light, #0c1b01) var(--lightningcss-dark, #c3ff9d);
    caret-color: var(--lightningcss-light, #0c1b01) var(--lightningcss-dark, #c3ff9d);
  }

  .db-textarea:has(textarea:not([data-custom-validity]):is(:required, [minlength], [maxlength]):user-valid) textarea {
    border-color: var(--lightningcss-light, #4e850f) var(--lightningcss-dark, #60a114);
  }

  .db-textarea:has(textarea:not([data-custom-validity]):is(:required, [minlength], [maxlength]):user-valid) > .db-infotext[data-semantic="successful"]:not([hidden]) {
    display: flex;
  }

  .db-textarea:has(textarea:not([data-custom-validity]):is(:required, [minlength], [maxlength]):user-valid) > db-infotext > .db-infotext[data-semantic="successful"]:not([hidden]) {
    display: flex;
  }

  .db-textarea:has(textarea:not([data-custom-validity]):is(:required, [minlength], [maxlength]):user-valid) > .db-infotext:not([data-semantic]):not([hidden]) {
    display: none;
  }

  .db-textarea:has(textarea:not([data-custom-validity]):is(:required, [minlength], [maxlength]):user-valid) > db-infotext > .db-infotext:not([data-semantic]):not([hidden]) {
    display: none;
  }

  .db-textarea[data-custom-validity="valid"] {
    --db-textarea-read-only: var(--lightningcss-light, #edffe4) var(--lightningcss-dark, #0c1b01);
    --db-adaptive-bg-basic-transparent-full-default: transparent;
    --db-adaptive-bg-basic-transparent-semi-default: var(--lightningcss-light, #3d6a0914) var(--lightningcss-dark, #72bf1a29);
    --db-adaptive-bg-basic-transparent-full-hovered: var(--lightningcss-light, #3d6a093d) var(--lightningcss-dark, #72bf1a3d);
    --db-adaptive-bg-basic-transparent-full-pressed: var(--lightningcss-light, #3d6a0952) var(--lightningcss-dark, #72bf1a52);
    --db-adaptive-bg-basic-transparent-semi-hovered: var(--lightningcss-light, #3d6a093d) var(--lightningcss-dark, #72bf1a3d);
    --db-adaptive-bg-basic-transparent-semi-pressed: var(--lightningcss-light, #3d6a0952) var(--lightningcss-dark, #72bf1a52);
    --db-adaptive-on-bg-basic-emphasis-100-default: var(--lightningcss-light, #0c1b01) var(--lightningcss-dark, #c3ff9d);
    --db-adaptive-on-bg-basic-emphasis-60-default: var(--lightningcss-light, #85dd20) var(--lightningcss-dark, #3d6a09);
  }

  .db-textarea:has(textarea[data-custom-validity="valid"]) {
    --db-textarea-read-only: var(--lightningcss-light, #edffe4) var(--lightningcss-dark, #0c1b01);
    --db-adaptive-bg-basic-transparent-full-default: transparent;
    --db-adaptive-bg-basic-transparent-semi-default: var(--lightningcss-light, #3d6a0914) var(--lightningcss-dark, #72bf1a29);
    --db-adaptive-bg-basic-transparent-full-hovered: var(--lightningcss-light, #3d6a093d) var(--lightningcss-dark, #72bf1a3d);
    --db-adaptive-bg-basic-transparent-full-pressed: var(--lightningcss-light, #3d6a0952) var(--lightningcss-dark, #72bf1a52);
    --db-adaptive-bg-basic-transparent-semi-hovered: var(--lightningcss-light, #3d6a093d) var(--lightningcss-dark, #72bf1a3d);
    --db-adaptive-bg-basic-transparent-semi-pressed: var(--lightningcss-light, #3d6a0952) var(--lightningcss-dark, #72bf1a52);
    --db-adaptive-on-bg-basic-emphasis-100-default: var(--lightningcss-light, #0c1b01) var(--lightningcss-dark, #c3ff9d);
    --db-adaptive-on-bg-basic-emphasis-60-default: var(--lightningcss-light, #85dd20) var(--lightningcss-dark, #3d6a09);
  }

  .db-textarea[data-custom-validity="valid"][data-variant="floating"]:after {
    border-color: var(--lightningcss-light, #4e850f) var(--lightningcss-dark, #60a114);
  }

  .db-textarea:has(textarea[data-custom-validity="valid"])[data-variant="floating"]:after {
    border-color: var(--lightningcss-light, #4e850f) var(--lightningcss-dark, #60a114);
  }

  .db-textarea[data-custom-validity="valid"] [id$="-placeholder"], .db-textarea[data-custom-validity="valid"] textarea {
    color: var(--lightningcss-light, #0c1b01) var(--lightningcss-dark, #c3ff9d);
    caret-color: var(--lightningcss-light, #0c1b01) var(--lightningcss-dark, #c3ff9d);
  }

  .db-textarea:has(textarea[data-custom-validity="valid"]) [id$="-placeholder"] {
    color: var(--lightningcss-light, #0c1b01) var(--lightningcss-dark, #c3ff9d);
    caret-color: var(--lightningcss-light, #0c1b01) var(--lightningcss-dark, #c3ff9d);
  }

  .db-textarea:has(textarea[data-custom-validity="valid"]) textarea {
    color: var(--lightningcss-light, #0c1b01) var(--lightningcss-dark, #c3ff9d);
    caret-color: var(--lightningcss-light, #0c1b01) var(--lightningcss-dark, #c3ff9d);
  }

  .db-textarea[data-custom-validity="valid"] textarea {
    border-color: var(--lightningcss-light, #4e850f) var(--lightningcss-dark, #60a114);
  }

  .db-textarea:has(textarea[data-custom-validity="valid"]) textarea {
    border-color: var(--lightningcss-light, #4e850f) var(--lightningcss-dark, #60a114);
  }

  .db-textarea[data-custom-validity="valid"] > .db-infotext[data-semantic="successful"]:not([hidden]), .db-textarea[data-custom-validity="valid"] > db-infotext > .db-infotext[data-semantic="successful"]:not([hidden]) {
    display: flex;
  }

  .db-textarea:has(textarea[data-custom-validity="valid"]) > .db-infotext[data-semantic="successful"]:not([hidden]) {
    display: flex;
  }

  .db-textarea:has(textarea[data-custom-validity="valid"]) > db-infotext > .db-infotext[data-semantic="successful"]:not([hidden]) {
    display: flex;
  }

  .db-textarea[data-custom-validity="valid"] > .db-infotext:not([data-semantic]):not([hidden]), .db-textarea[data-custom-validity="valid"] > db-infotext > .db-infotext:not([data-semantic]):not([hidden]) {
    display: none;
  }

  .db-textarea:has(textarea[data-custom-validity="valid"]) > .db-infotext:not([data-semantic]):not([hidden]) {
    display: none;
  }

  .db-textarea:has(textarea[data-custom-validity="valid"]) > db-infotext > .db-infotext:not([data-semantic]):not([hidden]) {
    display: none;
  }

  .db-textarea:has(textarea:not([data-custom-validity]):is(:required, [minlength], [maxlength]):user-invalid) {
    --db-textarea-read-only: var(--lightningcss-light, #fff8f8) var(--lightningcss-dark, #390001);
    --db-adaptive-bg-basic-transparent-full-default: transparent;
    --db-adaptive-bg-basic-transparent-semi-default: var(--lightningcss-light, #c0001014) var(--lightningcss-dark, #ff888a29);
    --db-adaptive-bg-basic-transparent-full-hovered: var(--lightningcss-light, #c000103d) var(--lightningcss-dark, #ff888a3d);
    --db-adaptive-bg-basic-transparent-full-pressed: var(--lightningcss-light, #c0001052) var(--lightningcss-dark, #ff888a52);
    --db-adaptive-bg-basic-transparent-semi-hovered: var(--lightningcss-light, #c000103d) var(--lightningcss-dark, #ff888a3d);
    --db-adaptive-bg-basic-transparent-semi-pressed: var(--lightningcss-light, #c0001052) var(--lightningcss-dark, #ff888a52);
    --db-adaptive-on-bg-basic-emphasis-100-default: var(--lightningcss-light, #390001) var(--lightningcss-dark, #ffe9e9);
    --db-adaptive-on-bg-basic-emphasis-60-default: var(--lightningcss-light, #ffb3b4) var(--lightningcss-dark, #c00010);
  }

  .db-textarea:has(textarea:not([data-custom-validity]):is(:required, [minlength], [maxlength]):user-invalid)[data-variant="floating"]:after {
    border-color: var(--lightningcss-light, #ef0016) var(--lightningcss-dark, #ff5357);
  }

  .db-textarea:has(textarea:not([data-custom-validity]):is(:required, [minlength], [maxlength]):user-invalid) [id$="-placeholder"] {
    color: var(--lightningcss-light, #390001) var(--lightningcss-dark, #ffe9e9);
    caret-color: var(--lightningcss-light, #390001) var(--lightningcss-dark, #ffe9e9);
  }

  .db-textarea:has(textarea:not([data-custom-validity]):is(:required, [minlength], [maxlength]):user-invalid) textarea {
    color: var(--lightningcss-light, #390001) var(--lightningcss-dark, #ffe9e9);
    caret-color: var(--lightningcss-light, #390001) var(--lightningcss-dark, #ffe9e9);
  }

  .db-textarea:has(textarea:not([data-custom-validity]):is(:required, [minlength], [maxlength]):user-invalid) textarea {
    border-color: var(--lightningcss-light, #ef0016) var(--lightningcss-dark, #ff5357);
  }

  .db-textarea:has(textarea:not([data-custom-validity]):is(:required, [minlength], [maxlength]):user-invalid) > .db-infotext[data-semantic="critical"]:not([hidden]) {
    display: flex;
  }

  .db-textarea:has(textarea:not([data-custom-validity]):is(:required, [minlength], [maxlength]):user-invalid) > db-infotext > .db-infotext[data-semantic="critical"]:not([hidden]) {
    display: flex;
  }

  .db-textarea:has(textarea:not([data-custom-validity]):is(:required, [minlength], [maxlength]):user-invalid) > .db-infotext:not([data-semantic]):not([hidden]) {
    display: none;
  }

  .db-textarea:has(textarea:not([data-custom-validity]):is(:required, [minlength], [maxlength]):user-invalid) > db-infotext > .db-infotext:not([data-semantic]):not([hidden]) {
    display: none;
  }

  .db-textarea[data-custom-validity="invalid"] {
    --db-textarea-read-only: var(--lightningcss-light, #fff8f8) var(--lightningcss-dark, #390001);
    --db-adaptive-bg-basic-transparent-full-default: transparent;
    --db-adaptive-bg-basic-transparent-semi-default: var(--lightningcss-light, #c0001014) var(--lightningcss-dark, #ff888a29);
    --db-adaptive-bg-basic-transparent-full-hovered: var(--lightningcss-light, #c000103d) var(--lightningcss-dark, #ff888a3d);
    --db-adaptive-bg-basic-transparent-full-pressed: var(--lightningcss-light, #c0001052) var(--lightningcss-dark, #ff888a52);
    --db-adaptive-bg-basic-transparent-semi-hovered: var(--lightningcss-light, #c000103d) var(--lightningcss-dark, #ff888a3d);
    --db-adaptive-bg-basic-transparent-semi-pressed: var(--lightningcss-light, #c0001052) var(--lightningcss-dark, #ff888a52);
    --db-adaptive-on-bg-basic-emphasis-100-default: var(--lightningcss-light, #390001) var(--lightningcss-dark, #ffe9e9);
    --db-adaptive-on-bg-basic-emphasis-60-default: var(--lightningcss-light, #ffb3b4) var(--lightningcss-dark, #c00010);
  }

  .db-textarea:has(textarea[data-custom-validity="invalid"]) {
    --db-textarea-read-only: var(--lightningcss-light, #fff8f8) var(--lightningcss-dark, #390001);
    --db-adaptive-bg-basic-transparent-full-default: transparent;
    --db-adaptive-bg-basic-transparent-semi-default: var(--lightningcss-light, #c0001014) var(--lightningcss-dark, #ff888a29);
    --db-adaptive-bg-basic-transparent-full-hovered: var(--lightningcss-light, #c000103d) var(--lightningcss-dark, #ff888a3d);
    --db-adaptive-bg-basic-transparent-full-pressed: var(--lightningcss-light, #c0001052) var(--lightningcss-dark, #ff888a52);
    --db-adaptive-bg-basic-transparent-semi-hovered: var(--lightningcss-light, #c000103d) var(--lightningcss-dark, #ff888a3d);
    --db-adaptive-bg-basic-transparent-semi-pressed: var(--lightningcss-light, #c0001052) var(--lightningcss-dark, #ff888a52);
    --db-adaptive-on-bg-basic-emphasis-100-default: var(--lightningcss-light, #390001) var(--lightningcss-dark, #ffe9e9);
    --db-adaptive-on-bg-basic-emphasis-60-default: var(--lightningcss-light, #ffb3b4) var(--lightningcss-dark, #c00010);
  }

  .db-textarea[data-custom-validity="invalid"][data-variant="floating"]:after {
    border-color: var(--lightningcss-light, #ef0016) var(--lightningcss-dark, #ff5357);
  }

  .db-textarea:has(textarea[data-custom-validity="invalid"])[data-variant="floating"]:after {
    border-color: var(--lightningcss-light, #ef0016) var(--lightningcss-dark, #ff5357);
  }

  .db-textarea[data-custom-validity="invalid"] [id$="-placeholder"], .db-textarea[data-custom-validity="invalid"] textarea {
    color: var(--lightningcss-light, #390001) var(--lightningcss-dark, #ffe9e9);
    caret-color: var(--lightningcss-light, #390001) var(--lightningcss-dark, #ffe9e9);
  }

  .db-textarea:has(textarea[data-custom-validity="invalid"]) [id$="-placeholder"] {
    color: var(--lightningcss-light, #390001) var(--lightningcss-dark, #ffe9e9);
    caret-color: var(--lightningcss-light, #390001) var(--lightningcss-dark, #ffe9e9);
  }

  .db-textarea:has(textarea[data-custom-validity="invalid"]) textarea {
    color: var(--lightningcss-light, #390001) var(--lightningcss-dark, #ffe9e9);
    caret-color: var(--lightningcss-light, #390001) var(--lightningcss-dark, #ffe9e9);
  }

  .db-textarea[data-custom-validity="invalid"] textarea {
    border-color: var(--lightningcss-light, #ef0016) var(--lightningcss-dark, #ff5357);
  }

  .db-textarea:has(textarea[data-custom-validity="invalid"]) textarea {
    border-color: var(--lightningcss-light, #ef0016) var(--lightningcss-dark, #ff5357);
  }

  .db-textarea[data-custom-validity="invalid"] > .db-infotext[data-semantic="critical"]:not([hidden]), .db-textarea[data-custom-validity="invalid"] > db-infotext > .db-infotext[data-semantic="critical"]:not([hidden]) {
    display: flex;
  }

  .db-textarea:has(textarea[data-custom-validity="invalid"]) > .db-infotext[data-semantic="critical"]:not([hidden]) {
    display: flex;
  }

  .db-textarea:has(textarea[data-custom-validity="invalid"]) > db-infotext > .db-infotext[data-semantic="critical"]:not([hidden]) {
    display: flex;
  }

  .db-textarea[data-custom-validity="invalid"] > .db-infotext:not([data-semantic]):not([hidden]), .db-textarea[data-custom-validity="invalid"] > db-infotext > .db-infotext:not([data-semantic]):not([hidden]) {
    display: none;
  }

  .db-textarea:has(textarea[data-custom-validity="invalid"]) > .db-infotext:not([data-semantic]):not([hidden]) {
    display: none;
  }

  .db-textarea:has(textarea[data-custom-validity="invalid"]) > db-infotext > .db-infotext:not([data-semantic]):not([hidden]) {
    display: none;
  }

  .db-textarea [id$="-placeholder"], .db-textarea textarea::placeholder {
    opacity: .76;
    font-family: DB Neo Screen Sans, helvetica, arial, sans-serif;
    font-style: italic;
  }

  .db-textarea textarea:is([type="date"], [type="datetime-local"], [type="month"], [type="week"], [type="time"]):not(:user-valid, [value*="1"], [value*="2"], [value*="3"], [value*="4"], [value*="5"], [value*="6"], [value*="7"], [value*="8"], [value*="9"], [value*="0"])::-webkit-datetime-edit {
    opacity: .76;
    font-family: DB Neo Screen Sans, helvetica, arial, sans-serif;
    font-style: italic;
  }

  .db-textarea textarea {
    background-color: var(--db-adaptive-bg-basic-transparent-semi-default);
    caret-color: var(--db-adaptive-on-bg-basic-emphasis-100-default);
    appearance: none;
    inline-size: 100%;
    max-inline-size: 100%;
    min-inline-size: var(--db-form-component-min-inline-size, var(--db-sizing-lg));
    padding-inline: var(--db-form-component-padding-inline-start, var(--db-spacing-fixed-sm)) var(--db-form-component-padding-inline-end, var(--db-spacing-fixed-sm));
  }

  .db-textarea textarea:hover:not(:disabled, [aria-disabled="true"], [tabindex="-1"], :has(:disabled)) {
    cursor: var(--db-overwrite-cursor, pointer);
    background-color: var(--db-adaptive-bg-basic-transparent-semi-hovered);
  }

  :is(.db-textarea textarea:hover:not(:disabled, [aria-disabled="true"], [tabindex="-1"], :has(:disabled)):is(input), .db-textarea textarea:hover:not(:disabled, [aria-disabled="true"], [tabindex="-1"], :has(:disabled)):is(textarea)) {
    cursor: auto;
  }

  .db-textarea textarea:hover:not(:disabled, [aria-disabled="true"], [tabindex="-1"], :has(:disabled)):is(input[type="checkbox"]) {
    cursor: pointer;
  }

  .db-textarea textarea:hover:not(:disabled, [aria-disabled="true"], [tabindex="-1"], :has(:disabled)):is(input[type="radio"]:not(:checked)) {
    cursor: pointer;
  }

  .db-textarea textarea[data-field-sizing="content"] {
    field-sizing: content;
  }

  .db-textarea textarea[data-field-sizing="fixed"] {
    field-sizing: fixed;
  }

  .db-textarea textarea:not(:disabled):read-only {
    background-color: var(--db-textarea-read-only, var(--db-adaptive-bg-basic-transparent-full-default)) !important;
  }

  .db-textarea > label {
    text-overflow: ellipsis;
    white-space: nowrap;
    max-inline-size: 25ch;
    padding-block-end: var(--db-spacing-fixed-xs);
    overflow: hidden;
  }

  @media (prefers-reduced-motion: no-preference) {
    .db-textarea > label {
      transition: font-size .3s cubic-bezier(.27, .05, .4, .95);
    }
  }

  .db-textarea[data-hide-label="true"] > label {
    padding: 0;
  }

  .db-textarea:has(textarea:disabled, textarea[data-disabled="true"], textarea[aria-disabled="true"]) {
    opacity: .4;
    pointer-events: none;
  }

  .db-textarea:after, .db-textarea:before {
    pointer-events: none;
    color: var(--db-adaptive-on-bg-basic-emphasis-100-default);
    z-index: 1;
    position: absolute;
    inset-block-start: calc((var(--db-spacing-fixed-xs) + var(--db-base-body-icon-font-size-xs))*var(--db-label-visible-above, 1) + var(--db-sizing-md)/2);
    transform: translateY(-50%);
  }

  .db-textarea:before {
    margin-inline-end: var(--db-spacing-fixed-sm);
    inset-inline-start: var(--db-spacing-fixed-sm);
  }

  .db-textarea:after {
    margin-inline-start: var(--db-spacing-fixed-sm);
    inset-inline-end: var(--db-spacing-fixed-sm);
  }

  .db-textarea textarea {
    overflow-block: scroll;
    padding-block: var(--db-spacing-fixed-xs) var(--db-spacing-fixed-xs);
    overflow-y: scroll;
  }

  .db-textarea[data-variant="floating"]:has(textarea:is(:focus-within, :not(:placeholder-shown))):before {
    background-color: var(--db-adaptive-bg-basic-level-1-default);
  }

  .db-textarea[data-variant="floating"]:has(textarea:is(:focus-within, :not(:placeholder-shown))):after {
    content: "";
    block-size: calc(var(--db-spacing-fixed-3xs) + var(--db-spacing-fixed-2xs) + var(--db-base-body-icon-font-size-2xs));
    border-radius: .25rem 0 0;
    inline-size: calc(100% - .5rem - 1px);
    margin-inline: 0;
    position: absolute;
    inset-block-start: 0;
    inset-inline: 0;
    transform: none;
  }

  .db-textarea[data-variant="floating"]:has(textarea:is(:focus-within, :not(:placeholder-shown))):before {
    content: "";
    block-size: calc(var(--db-spacing-fixed-3xs) + var(--db-spacing-fixed-2xs) + var(--db-base-body-icon-font-size-2xs));
    border-radius: .25rem 0 0;
    inline-size: calc(100% - .5rem - 1px);
    margin-inline: 0;
    position: absolute;
    inset-block-start: 0;
    inset-inline: 0;
    transform: none;
  }

  .db-textarea[data-variant="floating"]:has(textarea:is(:focus-within, :not(:placeholder-shown))):after {
    background-color: var(--db-adaptive-bg-basic-transparent-semi-default);
    z-index: 1;
    border-block-end: 0;
    border-inline-end: 0;
  }

  .db-textarea[data-variant="floating"]:has(textarea:is(:focus-within, :not(:placeholder-shown))):has(textarea:read-only):after {
    background-color: var(--db-adaptive-bg-basic-level-1-default) !important;
  }

  .db-textarea[data-variant="floating"]:has(textarea:is(:focus-within, :not(:placeholder-shown))):has(textarea:not(:disabled):is(:hover, :focus)):after {
    background-color: var(--db-adaptive-bg-basic-transparent-semi-hovered);
  }

  .db-badge[data-placement^="corner"] {
    transform: translate(var(--badge-transform-x),var(--badge-transform-y));
    position: absolute;
  }

  [data-placement$="right"].db-badge[data-placement^="corner"] {
    --badge-transform-x: 50%;
    inset-inline-end: 0;
  }

  [data-placement$="left"].db-badge[data-placement^="corner"] {
    --badge-transform-x: -50%;
    inset-inline-start: 0;
  }

  [data-placement*="top"].db-badge[data-placement^="corner"] {
    --badge-transform-y: -50%;
    inset-block-start: 0;
  }

  [data-placement*="center"].db-badge[data-placement^="corner"] {
    --badge-transform-y: -50%;
    inset-block-start: 50%;
  }

  [data-placement*="bottom"].db-badge[data-placement^="corner"] {
    --badge-transform-y: 50%;
    inset-block-end: 0;
  }

  .db-badge {
    --badge-size: var(--db-spacing-fixed-xs);
  }

  .db-badge:not([data-semantic]):not([data-emphasis]), .db-badge:not([data-semantic])[data-emphasis="weak"], .db-badge[data-semantic="adaptive"]:not([data-emphasis]), .db-badge[data-semantic="adaptive"][data-emphasis="weak"] {
    --db-tag-border-color: var(--db-adaptive-on-bg-basic-emphasis-70-default);
    border-color: var(--db-tag-border-color);
    background-color: var(--db-adaptive-bg-basic-level-3-default);
    color: var(--db-adaptive-on-bg-basic-emphasis-80-default);
  }

  .db-badge:not([data-semantic]):not([data-emphasis]):after, .db-badge:not([data-semantic]):not([data-emphasis]):before, .db-badge:not([data-semantic])[data-emphasis="weak"]:after, .db-badge:not([data-semantic])[data-emphasis="weak"]:before, .db-badge[data-semantic="adaptive"]:not([data-emphasis]):after, .db-badge[data-semantic="adaptive"]:not([data-emphasis]):before, .db-badge[data-semantic="adaptive"][data-emphasis="weak"]:after, .db-badge[data-semantic="adaptive"][data-emphasis="weak"]:before {
    --db-icon-color: var(--db-adaptive-on-bg-basic-emphasis-80-default);
  }

  .db-badge:not([data-semantic])[data-emphasis="strong"], .db-badge[data-semantic="adaptive"][data-emphasis="strong"] {
    --db-tag-border-color: var(--db-adaptive-on-bg-basic-emphasis-70-default);
    border-color: var(--db-tag-border-color);
    background-color: var(--db-adaptive-bg-vibrant-default);
    color: var(--db-adaptive-on-bg-vibrant-default);
  }

  .db-badge:not([data-semantic])[data-emphasis="strong"]:after, .db-badge:not([data-semantic])[data-emphasis="strong"]:before, .db-badge[data-semantic="adaptive"][data-emphasis="strong"]:after, .db-badge[data-semantic="adaptive"][data-emphasis="strong"]:before {
    --db-icon-color: var(--db-adaptive-on-bg-vibrant-default);
  }

  .db-badge[data-semantic="neutral"]:not([data-emphasis]), .db-badge[data-semantic="neutral"][data-emphasis="weak"] {
    --db-tag-border-color: var(--lightningcss-light, #727782) var(--lightningcss-dark, #8a919e);
    border-color: var(--db-tag-border-color);
    color: var(--lightningcss-light, #5a5e68) var(--lightningcss-dark, #a6abb6);
    background-color: var(--lightningcss-light, #edeef0) var(--lightningcss-dark, #2e3036);
  }

  .db-badge[data-semantic="neutral"]:not([data-emphasis]):after, .db-badge[data-semantic="neutral"]:not([data-emphasis]):before, .db-badge[data-semantic="neutral"][data-emphasis="weak"]:after, .db-badge[data-semantic="neutral"][data-emphasis="weak"]:before {
    --db-icon-color: var(--lightningcss-light, #5a5e68) var(--lightningcss-dark, #a6abb6);
  }

  .db-badge[data-semantic="neutral"][data-emphasis="strong"] {
    --db-tag-border-color: var(--lightningcss-light, #727782) var(--lightningcss-dark, #8a919e);
    border-color: var(--db-tag-border-color);
    color: #16181b;
    background-color: #a6abb6;
  }

  .db-badge[data-semantic="neutral"][data-emphasis="strong"]:after, .db-badge[data-semantic="neutral"][data-emphasis="strong"]:before {
    --db-icon-color: #16181b;
  }

  .db-badge[data-semantic="critical"]:not([data-emphasis]), .db-badge[data-semantic="critical"][data-emphasis="weak"] {
    --db-tag-border-color: var(--lightningcss-light, #ef0016) var(--lightningcss-dark, #ff5357);
    border-color: var(--db-tag-border-color);
    color: var(--lightningcss-light, #c00010) var(--lightningcss-dark, #ff888a);
    background-color: var(--lightningcss-light, #ffe9e9) var(--lightningcss-dark, #690004);
  }

  .db-badge[data-semantic="critical"]:not([data-emphasis]):after, .db-badge[data-semantic="critical"]:not([data-emphasis]):before, .db-badge[data-semantic="critical"][data-emphasis="weak"]:after, .db-badge[data-semantic="critical"][data-emphasis="weak"]:before {
    --db-icon-color: var(--lightningcss-light, #c00010) var(--lightningcss-dark, #ff888a);
  }

  .db-badge[data-semantic="critical"][data-emphasis="strong"] {
    --db-tag-border-color: var(--lightningcss-light, #ef0016) var(--lightningcss-dark, #ff5357);
    border-color: var(--db-tag-border-color);
    color: #390001;
    background-color: #ff888a;
  }

  .db-badge[data-semantic="critical"][data-emphasis="strong"]:after, .db-badge[data-semantic="critical"][data-emphasis="strong"]:before {
    --db-icon-color: #390001;
  }

  .db-badge[data-semantic="successful"]:not([data-emphasis]), .db-badge[data-semantic="successful"][data-emphasis="weak"] {
    --db-tag-border-color: var(--lightningcss-light, #4e850f) var(--lightningcss-dark, #60a114);
    border-color: var(--db-tag-border-color);
    color: var(--lightningcss-light, #3d6a09) var(--lightningcss-dark, #72bf1a);
    background-color: var(--lightningcss-light, #c3ff9d) var(--lightningcss-dark, #1d3702);
  }

  .db-badge[data-semantic="successful"]:not([data-emphasis]):after, .db-badge[data-semantic="successful"]:not([data-emphasis]):before, .db-badge[data-semantic="successful"][data-emphasis="weak"]:after, .db-badge[data-semantic="successful"][data-emphasis="weak"]:before {
    --db-icon-color: var(--lightningcss-light, #3d6a09) var(--lightningcss-dark, #72bf1a);
  }

  .db-badge[data-semantic="successful"][data-emphasis="strong"] {
    --db-tag-border-color: var(--lightningcss-light, #4e850f) var(--lightningcss-dark, #60a114);
    border-color: var(--db-tag-border-color);
    color: #0c1b01;
    background-color: #72bf1a;
  }

  .db-badge[data-semantic="successful"][data-emphasis="strong"]:after, .db-badge[data-semantic="successful"][data-emphasis="strong"]:before {
    --db-icon-color: #0c1b01;
  }

  .db-badge[data-semantic="warning"]:not([data-emphasis]), .db-badge[data-semantic="warning"][data-emphasis="weak"] {
    --db-tag-border-color: var(--lightningcss-light, #ad6600) var(--lightningcss-dark, #d17d00);
    border-color: var(--db-tag-border-color);
    color: var(--lightningcss-light, #8a5100) var(--lightningcss-dark, #f69400);
    background-color: var(--lightningcss-light, #ffeadf) var(--lightningcss-dark, #4a2800);
  }

  .db-badge[data-semantic="warning"]:not([data-emphasis]):after, .db-badge[data-semantic="warning"]:not([data-emphasis]):before, .db-badge[data-semantic="warning"][data-emphasis="weak"]:after, .db-badge[data-semantic="warning"][data-emphasis="weak"]:before {
    --db-icon-color: var(--lightningcss-light, #8a5100) var(--lightningcss-dark, #f69400);
  }

  .db-badge[data-semantic="warning"][data-emphasis="strong"] {
    --db-tag-border-color: var(--lightningcss-light, #ad6600) var(--lightningcss-dark, #d17d00);
    border-color: var(--db-tag-border-color);
    color: #271300;
    background-color: #f69400;
  }

  .db-badge[data-semantic="warning"][data-emphasis="strong"]:after, .db-badge[data-semantic="warning"][data-emphasis="strong"]:before {
    --db-icon-color: #271300;
  }

  .db-badge[data-semantic="informational"]:not([data-emphasis]), .db-badge[data-semantic="informational"][data-emphasis="weak"] {
    --db-tag-border-color: var(--lightningcss-light, #257fa8) var(--lightningcss-dark, #2e9acb);
    border-color: var(--db-tag-border-color);
    color: var(--lightningcss-light, #1b6586) var(--lightningcss-dark, #38b6ef);
    background-color: var(--lightningcss-light, #e0f0fe) var(--lightningcss-dark, #0a3447);
  }

  .db-badge[data-semantic="informational"]:not([data-emphasis]):after, .db-badge[data-semantic="informational"]:not([data-emphasis]):before, .db-badge[data-semantic="informational"][data-emphasis="weak"]:after, .db-badge[data-semantic="informational"][data-emphasis="weak"]:before {
    --db-icon-color: var(--lightningcss-light, #1b6586) var(--lightningcss-dark, #38b6ef);
  }

  .db-badge[data-semantic="informational"][data-emphasis="strong"] {
    --db-tag-border-color: var(--lightningcss-light, #257fa8) var(--lightningcss-dark, #2e9acb);
    border-color: var(--db-tag-border-color);
    color: #031a25;
    background-color: #38b6ef;
  }

  .db-badge[data-semantic="informational"][data-emphasis="strong"]:after, .db-badge[data-semantic="informational"][data-emphasis="strong"]:before {
    --db-icon-color: #031a25;
  }

  .db-badge {
    padding-inline: var(--db-spacing-fixed-2xs);
    border-radius: 500rem;
    block-size: fit-content;
    inline-size: fit-content;
    font-weight: 700;
  }

  .db-badge:not(:empty) {
    min-inline-size: calc(1.4em - var(--db-spacing-fixed-2xs)*2);
    box-sizing: initial;
  }

  .db-badge:has(.db-icon) {
    padding: var(--db-spacing-fixed-3xs);
  }

  .db-badge[data-wrap="false"] {
    white-space: nowrap;
  }

  .db-badge[data-size="medium"] {
    --badge-size: var(--db-spacing-fixed-sm);
    padding-inline: var(--db-spacing-fixed-xs);
    font-weight: 700;
  }

  .db-badge[data-size="medium"]:has(.db-icon) {
    padding: var(--db-spacing-fixed-2xs);
  }

  .db-badge:empty, .db-badge > span:empty {
    block-size: var(--badge-size);
    aspect-ratio: 1;
    padding: 0;
  }

  .db-badge[data-placement^="corner"][data-label]:before {
    content: attr(data-label);
    font-size: 0;
    position: fixed;
  }

  [data-has-badge="true"] {
    position: relative;
  }

  .db-accordion {
    margin: 0;
    padding: 0;
    list-style-type: "";
  }

  .db-accordion:not([data-variant]) .db-accordion-item + .db-accordion-item, .db-accordion:not([data-variant]) db-accordion-item + db-accordion-item .db-accordion-item, .db-accordion[data-variant="divider"] .db-accordion-item + .db-accordion-item, .db-accordion[data-variant="divider"] db-accordion-item + db-accordion-item .db-accordion-item {
    --db-divider-bg-color: var(--db-adaptive-on-bg-basic-emphasis-60-default);
    position: var(--db-tooltip-parent-position, relative);
    margin-block-start: calc(var(--db-spacing-fixed-sm)*2);
  }

  .db-accordion:not([data-variant]) .db-accordion-item + .db-accordion-item[data-emphasis="strong"], .db-accordion:not([data-variant]) db-accordion-item + db-accordion-item .db-accordion-item[data-emphasis="strong"], .db-accordion[data-variant="divider"] .db-accordion-item + .db-accordion-item[data-emphasis="strong"], .db-accordion[data-variant="divider"] db-accordion-item + db-accordion-item .db-accordion-item[data-emphasis="strong"] {
    --db-divider-bg-color: var(--db-adaptive-on-bg-basic-emphasis-70-default);
  }

  .db-accordion:not([data-variant]) .db-accordion-item + .db-accordion-item:before, .db-accordion:not([data-variant]) db-accordion-item + db-accordion-item .db-accordion-item:before, .db-accordion[data-variant="divider"] .db-accordion-item + .db-accordion-item:before, .db-accordion[data-variant="divider"] db-accordion-item + db-accordion-item .db-accordion-item:before {
    content: "";
    background-color: var(--db-divider-bg-color);
    block-size: .0625rem;
    position: absolute;
    inset-block-start: 0;
    inset-inline: 0;
  }

  @media (forced-colors: active) {
    .db-accordion:not([data-variant]) .db-accordion-item + .db-accordion-item, .db-accordion:not([data-variant]) db-accordion-item + db-accordion-item .db-accordion-item, .db-accordion[data-variant="divider"] .db-accordion-item + .db-accordion-item, .db-accordion[data-variant="divider"] db-accordion-item + db-accordion-item .db-accordion-item {
      border: .0625rem solid var(--db-divider-bg-color);
    }
  }

  .db-accordion:not([data-variant]) .db-accordion-item + .db-accordion-item:before, .db-accordion:not([data-variant]) db-accordion-item + db-accordion-item .db-accordion-item:before, .db-accordion[data-variant="divider"] .db-accordion-item + .db-accordion-item:before, .db-accordion[data-variant="divider"] db-accordion-item + db-accordion-item .db-accordion-item:before {
    inset-block-start: calc(var(--db-spacing-fixed-sm)*-1);
  }

  .db-accordion[data-variant="card"] .db-accordion-item + .db-accordion-item, .db-accordion[data-variant="card"] db-accordion-item + db-accordion-item .db-accordion-item {
    margin-block-start: var(--db-spacing-fixed-sm);
  }

  .db-accordion[data-variant="card"] .db-accordion-item:after {
    content: "";
    pointer-events: none;
    border-radius: .5rem;
    block-size: 100%;
    inline-size: 100%;
    position: absolute;
    inset-block-start: 0;
    inset-inline-start: 0;
  }

  .db-accordion-item {
    border-radius: .5rem;
    inline-size: 100%;
    list-style-type: "";
    position: relative;
  }

  .db-accordion-item > details[open] > summary + div {
    block-size: auto;
    block-size: calc-size(auto,size);
  }

  .db-accordion-item > details[open] > summary:after {
    transform: rotate(-180deg);
  }

  .db-accordion-item > details[aria-disabled="true"] {
    pointer-events: none;
    opacity: .4;
  }

  @media (prefers-reduced-motion: no-preference) {
    .db-accordion-item > details > summary + div {
      transition: block-size .3s cubic-bezier(.27, .05, .4, .95);
    }
  }

  .db-accordion-item > details > summary + div {
    block-size: 0;
    padding: var(--db-spacing-fixed-md);
    padding-block-end: var(--db-spacing-fixed-lg);
    overflow: hidden;
  }

  .db-accordion-item > details > summary {
    background-color: var(--db-adaptive-bg-basic-level-1-default);
    list-style: none;
  }

  .db-accordion-item > details > summary:not([hidden]) {
    display: flex;
  }

  .db-accordion-item > details > summary {
    padding: var(--db-spacing-fixed-md);
    justify-content: space-between;
    gap: var(--db-spacing-fixed-md);
    border-radius: .5rem;
  }

  .db-accordion-item > details > summary:hover:not(:disabled, [aria-disabled="true"], [tabindex="-1"], :has(:disabled)) {
    cursor: var(--db-overwrite-cursor, pointer);
    background-color: var(--db-adaptive-bg-basic-level-1-hovered);
  }

  :is(.db-accordion-item > details > summary:hover:not(:disabled, [aria-disabled="true"], [tabindex="-1"], :has(:disabled)):is(input), .db-accordion-item > details > summary:hover:not(:disabled, [aria-disabled="true"], [tabindex="-1"], :has(:disabled)):is(textarea)) {
    cursor: auto;
  }

  .db-accordion-item > details > summary:hover:not(:disabled, [aria-disabled="true"], [tabindex="-1"], :has(:disabled)):is(input[type="checkbox"]) {
    cursor: pointer;
  }

  .db-accordion-item > details > summary:hover:not(:disabled, [aria-disabled="true"], [tabindex="-1"], :has(:disabled)):is(input[type="radio"]:not(:checked)) {
    cursor: pointer;
  }

  .db-accordion-item > details > summary:active:not(:disabled, [aria-disabled="true"], [tabindex="-1"], :has(:disabled)) {
    cursor: var(--db-overwrite-cursor, pointer);
    background-color: var(--db-adaptive-bg-basic-level-1-pressed);
  }

  :is(.db-accordion-item > details > summary:active:not(:disabled, [aria-disabled="true"], [tabindex="-1"], :has(:disabled)):is(input), .db-accordion-item > details > summary:active:not(:disabled, [aria-disabled="true"], [tabindex="-1"], :has(:disabled)):is(textarea)) {
    cursor: auto;
  }

  .db-accordion-item > details > summary:active:not(:disabled, [aria-disabled="true"], [tabindex="-1"], :has(:disabled)):is(input[type="checkbox"]) {
    cursor: pointer;
  }

  .db-accordion-item > details > summary:active:not(:disabled, [aria-disabled="true"], [tabindex="-1"], :has(:disabled)):is(input[type="radio"]:not(:checked)) {
    cursor: pointer;
  }

  .db-accordion-item > details > summary::-webkit-details-marker {
    display: none;
  }

  .db-accordion-item > details > summary:after {
    inset-inline-end: var(--db-spacing-fixed-sm);
  }

  .db-accordion-item > details > summary:focus-visible {
    border-radius: .25rem;
  }

  .db-navigation {
    -webkit-tap-highlight-color: transparent;
    inline-size: 100%;
  }

  @media (min-width: 64em) {
    .db-navigation:not([data-force-mobile]), .db-navigation[data-force-mobile="false"] {
      -webkit-tap-highlight-color: inherit;
      inline-size: auto;
    }
  }

  .db-navigation > menu {
    gap: var(--db-spacing-fixed-sm);
    flex-direction: column;
    margin: 0;
    padding: 0;
    display: flex;
  }

  @media (min-width: 64em) {
    .db-navigation > menu:not([data-force-mobile]), .db-navigation > menu[data-force-mobile="false"] {
      flex-direction: row;
    }

    .db-navigation > menu .db-navigation-item .db-navigation-item-expand-button:is(button):not([data-force-mobile]):after, .db-navigation > menu .db-navigation-item .db-navigation-item-expand-button:is(button)[data-force-mobile="false"]:after, .db-navigation > menu .db-navigation-item .db-navigation-item-expand-button > button:not([data-force-mobile]):after, .db-navigation > menu .db-navigation-item .db-navigation-item-expand-button > button[data-force-mobile="false"]:after {
      --db-icon-margin-start: var(--db-spacing-fixed-sm);
      --db-icon-trailing: "chevron_down";
    }
  }

  @media (min-width: 64em) and (prefers-reduced-motion: no-preference) {
    .db-navigation > menu .db-navigation-item .db-navigation-item-expand-button:is(button):not([data-force-mobile]):after, .db-navigation > menu .db-navigation-item .db-navigation-item-expand-button:is(button)[data-force-mobile="false"]:after, .db-navigation > menu .db-navigation-item .db-navigation-item-expand-button > button:not([data-force-mobile]):after, .db-navigation > menu .db-navigation-item .db-navigation-item-expand-button > button[data-force-mobile="false"]:after {
      transition: transform .3s cubic-bezier(.27, .05, .4, .95);
    }
  }

  @media (min-width: 64em) {
    .db-navigation > menu .db-navigation-item .db-navigation-item-expand-button:is(button):not([data-force-mobile]):is(:hover, :focus-visible):after, .db-navigation > menu .db-navigation-item .db-navigation-item-expand-button:is(button)[data-force-mobile="false"]:is(:hover, :focus-visible):after, .db-navigation > menu .db-navigation-item .db-navigation-item-expand-button > button:not([data-force-mobile]):is(:hover, :focus-visible):after, .db-navigation > menu .db-navigation-item .db-navigation-item-expand-button > button[data-force-mobile="false"]:is(:hover, :focus-visible):after {
      transform: rotate(-180deg);
    }

    .db-navigation > menu .db-navigation-item .db-navigation-item-expand-button:is(button):not([data-force-mobile]):has( ~ .db-sub-navigation:is(:hover, :focus-visible, :focus-within)):after {
      transform: rotate(-180deg);
    }

    .db-navigation > menu .db-navigation-item .db-navigation-item-expand-button:is(button)[data-force-mobile="false"]:has( ~ .db-sub-navigation:is(:hover, :focus-visible, :focus-within)):after {
      transform: rotate(-180deg);
    }

    .db-navigation > menu .db-navigation-item .db-navigation-item-expand-button > button:not([data-force-mobile]):has( ~ .db-sub-navigation:is(:hover, :focus-visible, :focus-within)):after {
      transform: rotate(-180deg);
    }

    .db-navigation > menu .db-navigation-item .db-navigation-item-expand-button > button[data-force-mobile="false"]:has( ~ .db-sub-navigation:is(:hover, :focus-visible, :focus-within)):after {
      transform: rotate(-180deg);
    }

    .db-navigation > menu .db-navigation-item > menu .db-navigation-item-expand-button:is(button):not([data-force-mobile]):after, .db-navigation > menu .db-navigation-item > menu .db-navigation-item-expand-button:is(button)[data-force-mobile="false"]:after, .db-navigation > menu .db-navigation-item > menu .db-navigation-item-expand-button > button:not([data-force-mobile]):after, .db-navigation > menu .db-navigation-item > menu .db-navigation-item-expand-button > button[data-force-mobile="false"]:after {
      --db-icon-trailing: "chevron_right";
      --db-icon-margin-start: auto;
    }

    .db-navigation > menu .db-navigation-item > menu .db-navigation-item-expand-button:is(button):not([data-force-mobile]):is(:hover, :focus-visible):after, .db-navigation > menu .db-navigation-item > menu .db-navigation-item-expand-button:is(button)[data-force-mobile="false"]:is(:hover, :focus-visible):after, .db-navigation > menu .db-navigation-item > menu .db-navigation-item-expand-button > button:not([data-force-mobile]):is(:hover, :focus-visible):after, .db-navigation > menu .db-navigation-item > menu .db-navigation-item-expand-button > button[data-force-mobile="false"]:is(:hover, :focus-visible):after {
      transform: none;
    }

    .db-navigation > menu .db-navigation-item > menu .db-navigation-item-expand-button:is(button):not([data-force-mobile]) :has( ~ .db-sub-navigation:is(:hover, :focus-visible, :focus-within)):after {
      transform: none;
    }

    .db-navigation > menu .db-navigation-item > menu .db-navigation-item-expand-button:is(button)[data-force-mobile="false"] :has( ~ .db-sub-navigation:is(:hover, :focus-visible, :focus-within)):after {
      transform: none;
    }

    .db-navigation > menu .db-navigation-item > menu .db-navigation-item-expand-button > button:not([data-force-mobile]) :has( ~ .db-sub-navigation:is(:hover, :focus-visible, :focus-within)):after {
      transform: none;
    }

    .db-navigation > menu .db-navigation-item > menu .db-navigation-item-expand-button > button[data-force-mobile="false"] :has( ~ .db-sub-navigation:is(:hover, :focus-visible, :focus-within)):after {
      transform: none;
    }
  }

  .db-navigation > menu .db-navigation-item .db-navigation-item:after {
    display: none;
  }

  @media (min-width: 64em) {
    .db-navigation[data-force-close="true"] > menu menu:not([data-force-mobile]):not([hidden]), .db-navigation[data-force-close="true"] > menu menu[data-force-mobile="false"]:not([hidden]) {
      display: none;
    }
  }

  .db-popover > article:not([data-placement], [data-corrected-placement]), .db-popover > article[data-corrected-placement="bottom"], .db-popover > article[data-corrected-placement="top"], .db-popover > article[data-placement="bottom"]:not([data-corrected-placement]), .db-popover > article[data-placement="top"]:not([data-corrected-placement]), .db-tooltip:not([data-placement], [data-corrected-placement]), [data-corrected-placement="bottom"].db-tooltip, [data-corrected-placement="top"].db-tooltip, [data-placement="bottom"].db-tooltip:not([data-corrected-placement]), [data-placement="top"].db-tooltip:not([data-corrected-placement]) {
    --db-popover-center-x: -50%;
    transform: translateX(var(--db-popover-center-x, 0));
    inset-inline-start: 50%;
  }

  .db-popover > article[data-corrected-placement="left"], .db-popover > article[data-corrected-placement="right"], .db-popover > article[data-placement="left"]:not([data-corrected-placement]), .db-popover > article[data-placement="right"]:not([data-corrected-placement]), [data-corrected-placement="left"].db-tooltip, [data-corrected-placement="right"].db-tooltip, [data-placement="left"].db-tooltip:not([data-corrected-placement]), [data-placement="right"].db-tooltip:not([data-corrected-placement]) {
    --db-popover-center-y: -50%;
    transform: translateY(var(--db-popover-center-y, 0));
    inset-block-start: 50%;
  }

  .db-popover > article, .db-tooltip {
    --db-popover-distance: var(--db-spacing-fixed-2xs);
  }

  .db-popover > article:before, .db-tooltip:before {
    content: "";
    position: absolute;
  }

  .db-popover > article:not([data-placement], [data-corrected-placement]):before, .db-popover > article[data-corrected-placement^="bottom"]:before, .db-popover > article[data-placement^="bottom"]:not([data-corrected-placement]):before, .db-tooltip:not([data-placement], [data-corrected-placement]):before, [data-corrected-placement^="bottom"].db-tooltip:before, [data-placement^="bottom"].db-tooltip:not([data-corrected-placement]):before {
    block-size: var(--db-popover-distance);
    inset-block-end: 100%;
    inset-inline: 0;
  }

  .db-popover > article[data-corrected-placement^="top"]:before, .db-popover > article[data-placement^="top"]:not([data-corrected-placement]):before, [data-corrected-placement^="top"].db-tooltip:before, [data-placement^="top"].db-tooltip:not([data-corrected-placement]):before {
    block-size: var(--db-popover-distance);
    inset-block-start: 100%;
    inset-inline: 0;
  }

  .db-popover > article[data-corrected-placement^="right"]:before, .db-popover > article[data-placement^="right"]:not([data-corrected-placement]):before, [data-corrected-placement^="right"].db-tooltip:before, [data-placement^="right"].db-tooltip:not([data-corrected-placement]):before {
    inline-size: var(--db-popover-distance);
    inset-block: 0;
    inset-inline-end: 100%;
  }

  .db-popover > article[data-corrected-placement^="left"]:before, .db-popover > article[data-placement^="left"]:not([data-corrected-placement]):before, [data-corrected-placement^="left"].db-tooltip:before, [data-placement^="left"].db-tooltip:not([data-corrected-placement]):before {
    inline-size: var(--db-popover-distance);
    inset-block: 0;
    inset-inline-start: 100%;
  }

  .db-popover > article[data-gap="true"], [data-gap="true"].db-tooltip {
    --db-popover-gap: 1;
    --db-popover-distance: var(--db-spacing-fixed-md);
  }

  .db-popover > article.db-tooltip, .db-tooltip.db-tooltip {
    --db-popover-distance: var(--db-spacing-fixed-sm);
  }

  .db-popover > article:not([data-corrected-placement])[data-placement^="bottom"][data-placement$="end"], .db-popover > article:not([data-corrected-placement])[data-placement^="top"][data-placement$="end"], .db-tooltip:not([data-corrected-placement])[data-placement^="bottom"][data-placement$="end"], .db-tooltip:not([data-corrected-placement])[data-placement^="top"][data-placement$="end"] {
    inset-inline-end: 0;
  }

  .db-popover > article:not([data-corrected-placement])[data-placement^="bottom"][data-placement$="start"], .db-popover > article:not([data-corrected-placement])[data-placement^="top"][data-placement$="start"], .db-tooltip:not([data-corrected-placement])[data-placement^="bottom"][data-placement$="start"], .db-tooltip:not([data-corrected-placement])[data-placement^="top"][data-placement$="start"] {
    inset-inline-start: 0;
  }

  .db-popover > article:not([data-corrected-placement])[data-placement^="left"][data-placement$="end"], .db-popover > article:not([data-corrected-placement])[data-placement^="right"][data-placement$="end"], .db-tooltip:not([data-corrected-placement])[data-placement^="left"][data-placement$="end"], .db-tooltip:not([data-corrected-placement])[data-placement^="right"][data-placement$="end"] {
    inset-block-end: 0;
  }

  .db-popover > article:not([data-corrected-placement])[data-placement^="left"][data-placement$="start"], .db-popover > article:not([data-corrected-placement])[data-placement^="right"][data-placement$="start"], .db-tooltip:not([data-corrected-placement])[data-placement^="left"][data-placement$="start"], .db-tooltip:not([data-corrected-placement])[data-placement^="right"][data-placement$="start"] {
    inset-block-start: 0;
  }

  .db-popover > article:not([data-corrected-placement]):not([data-placement]), .db-popover > article:not([data-corrected-placement])[data-placement^="bottom"], .db-tooltip:not([data-corrected-placement]):not([data-placement]), .db-tooltip:not([data-corrected-placement])[data-placement^="bottom"] {
    inset-block-start: calc(100% + var(--db-popover-distance)*var(--db-popover-gap, 0));
  }

  .db-popover > article:not([data-corrected-placement]):not([data-placement]):before, .db-popover > article:not([data-corrected-placement])[data-placement^="bottom"]:before, .db-tooltip:not([data-corrected-placement]):not([data-placement]):before, .db-tooltip:not([data-corrected-placement])[data-placement^="bottom"]:before {
    inline-size: 100%;
    block-size: var(--db-popover-distance);
    inset-block-start: calc(var(--db-popover-distance)*-1);
    inset-inline-start: 0;
  }

  .db-popover > article:not([data-corrected-placement])[data-placement^="top"], .db-tooltip:not([data-corrected-placement])[data-placement^="top"] {
    inset-block-end: calc(100% + var(--db-popover-distance)*var(--db-popover-gap, 0));
  }

  .db-popover > article:not([data-corrected-placement])[data-placement^="top"]:before, .db-tooltip:not([data-corrected-placement])[data-placement^="top"]:before {
    inline-size: 100%;
    block-size: var(--db-popover-distance);
    inset-block-end: calc(var(--db-popover-distance)*-1);
    inset-inline-end: 0;
  }

  .db-popover > article:not([data-corrected-placement])[data-placement^="left"], .db-tooltip:not([data-corrected-placement])[data-placement^="left"] {
    inset-inline-end: calc(100% + var(--db-popover-distance)*var(--db-popover-gap, 0));
  }

  .db-popover > article:not([data-corrected-placement])[data-placement^="left"]:before, .db-tooltip:not([data-corrected-placement])[data-placement^="left"]:before {
    block-size: 100%;
    inline-size: var(--db-popover-distance);
    inset-block-end: 0;
    inset-inline-end: calc(var(--db-popover-distance)*-1);
  }

  .db-popover > article:not([data-corrected-placement])[data-placement^="right"], .db-tooltip:not([data-corrected-placement])[data-placement^="right"] {
    inset-inline-start: calc(100% + var(--db-popover-distance)*var(--db-popover-gap, 0));
  }

  .db-popover > article:not([data-corrected-placement])[data-placement^="right"]:before, .db-tooltip:not([data-corrected-placement])[data-placement^="right"]:before {
    block-size: 100%;
    inline-size: var(--db-popover-distance);
    inset-block-start: 0;
    inset-inline-start: calc(var(--db-popover-distance)*-1);
  }

  .db-popover:is([data-e2e-hover="true"], :hover, :focus-within) > article:not([data-open="false"]), .db-popover > article[data-open="true"], .db-tooltip[data-e2e-hover="true"], [data-has-tooltip="true"]:focus-visible .db-tooltip:first-of-type, [data-has-tooltip="true"]:hover .db-tooltip:first-of-type {
    visibility: var(--db-show-popover-visibility, visible);
  }

  .db-popover:is([data-e2e-hover="true"], :hover, :focus-within) > article:not([data-placement], [data-corrected-placement]):not([data-open="false"]), .db-popover:is([data-e2e-hover="true"], :hover, :focus-within) > article[data-corrected-placement^="bottom"]:not([data-open="false"]), .db-popover:is([data-e2e-hover="true"], :hover, :focus-within) > article[data-placement^="bottom"]:not([data-corrected-placement]):not([data-open="false"]), .db-popover > article[data-corrected-placement^="bottom"][data-open="true"], .db-popover > article[data-open="true"]:not([data-placement], [data-corrected-placement]), .db-popover > article[data-placement^="bottom"][data-open="true"]:not([data-corrected-placement]), .db-tooltip[data-e2e-hover="true"]:not([data-placement], [data-corrected-placement]), [data-corrected-placement^="bottom"].db-tooltip[data-e2e-hover="true"], [data-has-tooltip="true"]:focus-visible .db-tooltip:not([data-placement], [data-corrected-placement]):first-of-type, [data-has-tooltip="true"]:focus-visible [data-corrected-placement^="bottom"].db-tooltip:first-of-type, [data-has-tooltip="true"]:focus-visible [data-placement^="bottom"].db-tooltip:not([data-corrected-placement]):first-of-type, [data-has-tooltip="true"]:hover .db-tooltip:not([data-placement], [data-corrected-placement]):first-of-type, [data-has-tooltip="true"]:hover [data-corrected-placement^="bottom"].db-tooltip:first-of-type, [data-has-tooltip="true"]:hover [data-placement^="bottom"].db-tooltip:not([data-corrected-placement]):first-of-type, [data-placement^="bottom"].db-tooltip[data-e2e-hover="true"]:not([data-corrected-placement]) {
    --db-popover-translate-y: -25%;
  }

  .db-popover:is([data-e2e-hover="true"], :hover, :focus-within) > article:not([data-placement], [data-corrected-placement]):not([data-animation]):not([data-open="false"]), .db-popover:is([data-e2e-hover="true"], :hover, :focus-within) > article:not([data-placement], [data-corrected-placement])[data-animation="false"]:not([data-open="false"]), .db-popover:is([data-e2e-hover="true"], :hover, :focus-within) > article[data-corrected-placement^="bottom"]:not([data-animation]):not([data-open="false"]), .db-popover:is([data-e2e-hover="true"], :hover, :focus-within) > article[data-corrected-placement^="bottom"][data-animation="false"]:not([data-open="false"]), .db-popover:is([data-e2e-hover="true"], :hover, :focus-within) > article[data-placement^="bottom"]:not([data-corrected-placement]):not([data-animation]):not([data-open="false"]), .db-popover:is([data-e2e-hover="true"], :hover, :focus-within) > article[data-placement^="bottom"]:not([data-corrected-placement])[data-animation="false"]:not([data-open="false"]), .db-popover > article[data-corrected-placement^="bottom"][data-animation="false"][data-open="true"], .db-popover > article[data-corrected-placement^="bottom"][data-open="true"]:not([data-animation]), .db-popover > article[data-open="true"]:not([data-placement], [data-corrected-placement]):not([data-animation]), .db-popover > article[data-open="true"]:not([data-placement], [data-corrected-placement])[data-animation="false"], .db-popover > article[data-placement^="bottom"][data-open="true"]:not([data-corrected-placement]):not([data-animation]), .db-popover > article[data-placement^="bottom"][data-open="true"]:not([data-corrected-placement])[data-animation="false"], .db-tooltip[data-e2e-hover="true"]:not([data-placement], [data-corrected-placement]):not([data-animation]), .db-tooltip[data-e2e-hover="true"]:not([data-placement], [data-corrected-placement])[data-animation="false"], [data-corrected-placement^="bottom"].db-tooltip[data-e2e-hover="true"]:not([data-animation]), [data-corrected-placement^="bottom"][data-animation="false"].db-tooltip[data-e2e-hover="true"], [data-has-tooltip="true"]:focus-visible .db-tooltip:not([data-placement], [data-corrected-placement]):not([data-animation]):first-of-type, [data-has-tooltip="true"]:focus-visible .db-tooltip:not([data-placement], [data-corrected-placement])[data-animation="false"]:first-of-type, [data-has-tooltip="true"]:focus-visible [data-corrected-placement^="bottom"].db-tooltip:not([data-animation]):first-of-type, [data-has-tooltip="true"]:focus-visible [data-corrected-placement^="bottom"][data-animation="false"].db-tooltip:first-of-type, [data-has-tooltip="true"]:focus-visible [data-placement^="bottom"].db-tooltip:not([data-corrected-placement]):not([data-animation]):first-of-type, [data-has-tooltip="true"]:focus-visible [data-placement^="bottom"].db-tooltip:not([data-corrected-placement])[data-animation="false"]:first-of-type, [data-has-tooltip="true"]:hover .db-tooltip:not([data-placement], [data-corrected-placement]):not([data-animation]):first-of-type, [data-has-tooltip="true"]:hover .db-tooltip:not([data-placement], [data-corrected-placement])[data-animation="false"]:first-of-type, [data-has-tooltip="true"]:hover [data-corrected-placement^="bottom"].db-tooltip:not([data-animation]):first-of-type, [data-has-tooltip="true"]:hover [data-corrected-placement^="bottom"][data-animation="false"].db-tooltip:first-of-type, [data-has-tooltip="true"]:hover [data-placement^="bottom"].db-tooltip:not([data-corrected-placement]):not([data-animation]):first-of-type, [data-has-tooltip="true"]:hover [data-placement^="bottom"].db-tooltip:not([data-corrected-placement])[data-animation="false"]:first-of-type, [data-placement^="bottom"].db-tooltip[data-e2e-hover="true"]:not([data-corrected-placement]):not([data-animation]), [data-placement^="bottom"].db-tooltip[data-e2e-hover="true"]:not([data-corrected-placement])[data-animation="false"] {
    opacity: 1;
    transform: translate(var(--db-popover-center-x, 0),var(--db-popover-center-y, 0));
  }

  @media (prefers-reduced-motion: reduce) {
    .db-popover:is([data-e2e-hover="true"], :hover, :focus-within) > article:not([data-placement], [data-corrected-placement]):not([data-open="false"]), .db-popover:is([data-e2e-hover="true"], :hover, :focus-within) > article[data-corrected-placement^="bottom"]:not([data-open="false"]), .db-popover:is([data-e2e-hover="true"], :hover, :focus-within) > article[data-placement^="bottom"]:not([data-corrected-placement]):not([data-open="false"]), .db-popover > article[data-corrected-placement^="bottom"][data-open="true"], .db-popover > article[data-open="true"]:not([data-placement], [data-corrected-placement]), .db-popover > article[data-placement^="bottom"][data-open="true"]:not([data-corrected-placement]), .db-tooltip[data-e2e-hover="true"]:not([data-placement], [data-corrected-placement]), [data-corrected-placement^="bottom"].db-tooltip[data-e2e-hover="true"], [data-has-tooltip="true"]:focus-visible .db-tooltip:not([data-placement], [data-corrected-placement]):first-of-type, [data-has-tooltip="true"]:focus-visible [data-corrected-placement^="bottom"].db-tooltip:first-of-type, [data-has-tooltip="true"]:focus-visible [data-placement^="bottom"].db-tooltip:not([data-corrected-placement]):first-of-type, [data-has-tooltip="true"]:hover .db-tooltip:not([data-placement], [data-corrected-placement]):first-of-type, [data-has-tooltip="true"]:hover [data-corrected-placement^="bottom"].db-tooltip:first-of-type, [data-has-tooltip="true"]:hover [data-placement^="bottom"].db-tooltip:not([data-corrected-placement]):first-of-type, [data-placement^="bottom"].db-tooltip[data-e2e-hover="true"]:not([data-corrected-placement]) {
      opacity: 1;
      transform: translate(var(--db-popover-center-x, 0),var(--db-popover-center-y, 0));
    }
  }

  @media (prefers-reduced-motion: no-preference) {
    .db-popover:is([data-e2e-hover="true"], :hover, :focus-within) > article:not([data-placement], [data-corrected-placement])[data-animation="true"]:not([data-open="false"]), .db-popover:is([data-e2e-hover="true"], :hover, :focus-within) > article[data-corrected-placement^="bottom"][data-animation="true"]:not([data-open="false"]), .db-popover:is([data-e2e-hover="true"], :hover, :focus-within) > article[data-placement^="bottom"]:not([data-corrected-placement])[data-animation="true"]:not([data-open="false"]), .db-popover > article[data-corrected-placement^="bottom"][data-animation="true"][data-open="true"], .db-popover > article[data-open="true"]:not([data-placement], [data-corrected-placement])[data-animation="true"], .db-popover > article[data-placement^="bottom"][data-open="true"]:not([data-corrected-placement])[data-animation="true"], .db-tooltip[data-e2e-hover="true"]:not([data-placement], [data-corrected-placement])[data-animation="true"], [data-corrected-placement^="bottom"][data-animation="true"].db-tooltip[data-e2e-hover="true"], [data-has-tooltip="true"]:focus-visible .db-tooltip:not([data-placement], [data-corrected-placement])[data-animation="true"]:first-of-type, [data-has-tooltip="true"]:focus-visible [data-corrected-placement^="bottom"][data-animation="true"].db-tooltip:first-of-type, [data-has-tooltip="true"]:focus-visible [data-placement^="bottom"].db-tooltip:not([data-corrected-placement])[data-animation="true"]:first-of-type, [data-has-tooltip="true"]:hover .db-tooltip:not([data-placement], [data-corrected-placement])[data-animation="true"]:first-of-type, [data-has-tooltip="true"]:hover [data-corrected-placement^="bottom"][data-animation="true"].db-tooltip:first-of-type, [data-has-tooltip="true"]:hover [data-placement^="bottom"].db-tooltip:not([data-corrected-placement])[data-animation="true"]:first-of-type, [data-placement^="bottom"].db-tooltip[data-e2e-hover="true"]:not([data-corrected-placement])[data-animation="true"] {
      animation: .3s cubic-bezier(.27, .05, .4, .95) both popover-animation;
    }

    .db-popover:is([data-e2e-hover="true"], :hover, :focus-within) > article:not([data-placement], [data-corrected-placement])[data-animation="true"][data-delay="slow"]:not([data-open="false"]), .db-popover:is([data-e2e-hover="true"], :hover, :focus-within) > article[data-corrected-placement^="bottom"][data-animation="true"][data-delay="slow"]:not([data-open="false"]), .db-popover:is([data-e2e-hover="true"], :hover, :focus-within) > article[data-placement^="bottom"]:not([data-corrected-placement])[data-animation="true"][data-delay="slow"]:not([data-open="false"]), .db-popover > article[data-corrected-placement^="bottom"][data-animation="true"][data-delay="slow"][data-open="true"], .db-popover > article[data-open="true"]:not([data-placement], [data-corrected-placement])[data-animation="true"][data-delay="slow"], .db-popover > article[data-placement^="bottom"][data-open="true"]:not([data-corrected-placement])[data-animation="true"][data-delay="slow"], .db-tooltip[data-e2e-hover="true"]:not([data-placement], [data-corrected-placement])[data-animation="true"][data-delay="slow"], [data-corrected-placement^="bottom"][data-animation="true"][data-delay="slow"].db-tooltip[data-e2e-hover="true"], [data-has-tooltip="true"]:focus-visible .db-tooltip:not([data-placement], [data-corrected-placement])[data-animation="true"][data-delay="slow"]:first-of-type, [data-has-tooltip="true"]:focus-visible [data-corrected-placement^="bottom"][data-animation="true"][data-delay="slow"].db-tooltip:first-of-type, [data-has-tooltip="true"]:focus-visible [data-placement^="bottom"].db-tooltip:not([data-corrected-placement])[data-animation="true"][data-delay="slow"]:first-of-type, [data-has-tooltip="true"]:hover .db-tooltip:not([data-placement], [data-corrected-placement])[data-animation="true"][data-delay="slow"]:first-of-type, [data-has-tooltip="true"]:hover [data-corrected-placement^="bottom"][data-animation="true"][data-delay="slow"].db-tooltip:first-of-type, [data-has-tooltip="true"]:hover [data-placement^="bottom"].db-tooltip:not([data-corrected-placement])[data-animation="true"][data-delay="slow"]:first-of-type, [data-placement^="bottom"].db-tooltip[data-e2e-hover="true"]:not([data-corrected-placement])[data-animation="true"][data-delay="slow"] {
      animation-delay: .5s;
    }

    .db-popover:is([data-e2e-hover="true"], :hover, :focus-within) > article:not([data-placement], [data-corrected-placement])[data-animation="true"][data-delay="fast"]:not([data-open="false"]), .db-popover:is([data-e2e-hover="true"], :hover, :focus-within) > article[data-corrected-placement^="bottom"][data-animation="true"][data-delay="fast"]:not([data-open="false"]), .db-popover:is([data-e2e-hover="true"], :hover, :focus-within) > article[data-placement^="bottom"]:not([data-corrected-placement])[data-animation="true"][data-delay="fast"]:not([data-open="false"]), .db-popover > article[data-corrected-placement^="bottom"][data-animation="true"][data-delay="fast"][data-open="true"], .db-popover > article[data-open="true"]:not([data-placement], [data-corrected-placement])[data-animation="true"][data-delay="fast"], .db-popover > article[data-placement^="bottom"][data-open="true"]:not([data-corrected-placement])[data-animation="true"][data-delay="fast"], .db-tooltip[data-e2e-hover="true"]:not([data-placement], [data-corrected-placement])[data-animation="true"][data-delay="fast"], [data-corrected-placement^="bottom"][data-animation="true"][data-delay="fast"].db-tooltip[data-e2e-hover="true"], [data-has-tooltip="true"]:focus-visible .db-tooltip:not([data-placement], [data-corrected-placement])[data-animation="true"][data-delay="fast"]:first-of-type, [data-has-tooltip="true"]:focus-visible [data-corrected-placement^="bottom"][data-animation="true"][data-delay="fast"].db-tooltip:first-of-type, [data-has-tooltip="true"]:focus-visible [data-placement^="bottom"].db-tooltip:not([data-corrected-placement])[data-animation="true"][data-delay="fast"]:first-of-type, [data-has-tooltip="true"]:hover .db-tooltip:not([data-placement], [data-corrected-placement])[data-animation="true"][data-delay="fast"]:first-of-type, [data-has-tooltip="true"]:hover [data-corrected-placement^="bottom"][data-animation="true"][data-delay="fast"].db-tooltip:first-of-type, [data-has-tooltip="true"]:hover [data-placement^="bottom"].db-tooltip:not([data-corrected-placement])[data-animation="true"][data-delay="fast"]:first-of-type, [data-placement^="bottom"].db-tooltip[data-e2e-hover="true"]:not([data-corrected-placement])[data-animation="true"][data-delay="fast"] {
      animation-delay: .3s;
    }
  }

  @media (prefers-reduced-motion: no-preference) and (max-width: 64em) {
    .db-popover:is([data-e2e-hover="true"], :hover, :focus-within) > article:not([data-placement], [data-corrected-placement])[data-animation="true"]:not([data-delay]):not([data-open="false"]), .db-popover:is([data-e2e-hover="true"], :hover, :focus-within) > article[data-corrected-placement^="bottom"][data-animation="true"]:not([data-delay]):not([data-open="false"]), .db-popover:is([data-e2e-hover="true"], :hover, :focus-within) > article[data-placement^="bottom"]:not([data-corrected-placement])[data-animation="true"]:not([data-delay]):not([data-open="false"]), .db-popover > article[data-corrected-placement^="bottom"][data-animation="true"][data-open="true"]:not([data-delay]), .db-popover > article[data-open="true"]:not([data-placement], [data-corrected-placement])[data-animation="true"]:not([data-delay]), .db-popover > article[data-placement^="bottom"][data-open="true"]:not([data-corrected-placement])[data-animation="true"]:not([data-delay]), .db-tooltip[data-e2e-hover="true"]:not([data-placement], [data-corrected-placement])[data-animation="true"]:not([data-delay]), [data-corrected-placement^="bottom"][data-animation="true"].db-tooltip[data-e2e-hover="true"]:not([data-delay]), [data-has-tooltip="true"]:focus-visible .db-tooltip:not([data-placement], [data-corrected-placement])[data-animation="true"]:not([data-delay]):first-of-type, [data-has-tooltip="true"]:focus-visible [data-corrected-placement^="bottom"][data-animation="true"].db-tooltip:not([data-delay]):first-of-type, [data-has-tooltip="true"]:focus-visible [data-placement^="bottom"].db-tooltip:not([data-corrected-placement])[data-animation="true"]:not([data-delay]):first-of-type, [data-has-tooltip="true"]:hover .db-tooltip:not([data-placement], [data-corrected-placement])[data-animation="true"]:not([data-delay]):first-of-type, [data-has-tooltip="true"]:hover [data-corrected-placement^="bottom"][data-animation="true"].db-tooltip:not([data-delay]):first-of-type, [data-has-tooltip="true"]:hover [data-placement^="bottom"].db-tooltip:not([data-corrected-placement])[data-animation="true"]:not([data-delay]):first-of-type, [data-placement^="bottom"].db-tooltip[data-e2e-hover="true"]:not([data-corrected-placement])[data-animation="true"]:not([data-delay]) {
      animation-delay: .3s;
    }
  }

  .db-popover:is([data-e2e-hover="true"], :hover, :focus-within) > article[data-corrected-placement^="top"]:not([data-open="false"]), .db-popover:is([data-e2e-hover="true"], :hover, :focus-within) > article[data-placement^="top"]:not([data-corrected-placement]):not([data-open="false"]), .db-popover > article[data-corrected-placement^="top"][data-open="true"], .db-popover > article[data-placement^="top"][data-open="true"]:not([data-corrected-placement]), [data-corrected-placement^="top"].db-tooltip[data-e2e-hover="true"], [data-has-tooltip="true"]:focus-visible [data-corrected-placement^="top"].db-tooltip:first-of-type, [data-has-tooltip="true"]:focus-visible [data-placement^="top"].db-tooltip:not([data-corrected-placement]):first-of-type, [data-has-tooltip="true"]:hover [data-corrected-placement^="top"].db-tooltip:first-of-type, [data-has-tooltip="true"]:hover [data-placement^="top"].db-tooltip:not([data-corrected-placement]):first-of-type, [data-placement^="top"].db-tooltip[data-e2e-hover="true"]:not([data-corrected-placement]) {
    --db-popover-translate-y: 25%;
  }

  .db-popover:is([data-e2e-hover="true"], :hover, :focus-within) > article[data-corrected-placement^="top"]:not([data-animation]):not([data-open="false"]), .db-popover:is([data-e2e-hover="true"], :hover, :focus-within) > article[data-corrected-placement^="top"][data-animation="false"]:not([data-open="false"]), .db-popover:is([data-e2e-hover="true"], :hover, :focus-within) > article[data-placement^="top"]:not([data-corrected-placement]):not([data-animation]):not([data-open="false"]), .db-popover:is([data-e2e-hover="true"], :hover, :focus-within) > article[data-placement^="top"]:not([data-corrected-placement])[data-animation="false"]:not([data-open="false"]), .db-popover > article[data-corrected-placement^="top"][data-animation="false"][data-open="true"], .db-popover > article[data-corrected-placement^="top"][data-open="true"]:not([data-animation]), .db-popover > article[data-placement^="top"][data-open="true"]:not([data-corrected-placement]):not([data-animation]), .db-popover > article[data-placement^="top"][data-open="true"]:not([data-corrected-placement])[data-animation="false"], [data-corrected-placement^="top"].db-tooltip[data-e2e-hover="true"]:not([data-animation]), [data-corrected-placement^="top"][data-animation="false"].db-tooltip[data-e2e-hover="true"], [data-has-tooltip="true"]:focus-visible [data-corrected-placement^="top"].db-tooltip:not([data-animation]):first-of-type, [data-has-tooltip="true"]:focus-visible [data-corrected-placement^="top"][data-animation="false"].db-tooltip:first-of-type, [data-has-tooltip="true"]:focus-visible [data-placement^="top"].db-tooltip:not([data-corrected-placement]):not([data-animation]):first-of-type, [data-has-tooltip="true"]:focus-visible [data-placement^="top"].db-tooltip:not([data-corrected-placement])[data-animation="false"]:first-of-type, [data-has-tooltip="true"]:hover [data-corrected-placement^="top"].db-tooltip:not([data-animation]):first-of-type, [data-has-tooltip="true"]:hover [data-corrected-placement^="top"][data-animation="false"].db-tooltip:first-of-type, [data-has-tooltip="true"]:hover [data-placement^="top"].db-tooltip:not([data-corrected-placement]):not([data-animation]):first-of-type, [data-has-tooltip="true"]:hover [data-placement^="top"].db-tooltip:not([data-corrected-placement])[data-animation="false"]:first-of-type, [data-placement^="top"].db-tooltip[data-e2e-hover="true"]:not([data-corrected-placement]):not([data-animation]), [data-placement^="top"].db-tooltip[data-e2e-hover="true"]:not([data-corrected-placement])[data-animation="false"] {
    opacity: 1;
    transform: translate(var(--db-popover-center-x, 0),var(--db-popover-center-y, 0));
  }

  @media (prefers-reduced-motion: reduce) {
    .db-popover:is([data-e2e-hover="true"], :hover, :focus-within) > article[data-corrected-placement^="top"]:not([data-open="false"]), .db-popover:is([data-e2e-hover="true"], :hover, :focus-within) > article[data-placement^="top"]:not([data-corrected-placement]):not([data-open="false"]), .db-popover > article[data-corrected-placement^="top"][data-open="true"], .db-popover > article[data-placement^="top"][data-open="true"]:not([data-corrected-placement]), [data-corrected-placement^="top"].db-tooltip[data-e2e-hover="true"], [data-has-tooltip="true"]:focus-visible [data-corrected-placement^="top"].db-tooltip:first-of-type, [data-has-tooltip="true"]:focus-visible [data-placement^="top"].db-tooltip:not([data-corrected-placement]):first-of-type, [data-has-tooltip="true"]:hover [data-corrected-placement^="top"].db-tooltip:first-of-type, [data-has-tooltip="true"]:hover [data-placement^="top"].db-tooltip:not([data-corrected-placement]):first-of-type, [data-placement^="top"].db-tooltip[data-e2e-hover="true"]:not([data-corrected-placement]) {
      opacity: 1;
      transform: translate(var(--db-popover-center-x, 0),var(--db-popover-center-y, 0));
    }
  }

  @media (prefers-reduced-motion: no-preference) {
    .db-popover:is([data-e2e-hover="true"], :hover, :focus-within) > article[data-corrected-placement^="top"][data-animation="true"]:not([data-open="false"]), .db-popover:is([data-e2e-hover="true"], :hover, :focus-within) > article[data-placement^="top"]:not([data-corrected-placement])[data-animation="true"]:not([data-open="false"]), .db-popover > article[data-corrected-placement^="top"][data-animation="true"][data-open="true"], .db-popover > article[data-placement^="top"][data-open="true"]:not([data-corrected-placement])[data-animation="true"], [data-corrected-placement^="top"][data-animation="true"].db-tooltip[data-e2e-hover="true"], [data-has-tooltip="true"]:focus-visible [data-corrected-placement^="top"][data-animation="true"].db-tooltip:first-of-type, [data-has-tooltip="true"]:focus-visible [data-placement^="top"].db-tooltip:not([data-corrected-placement])[data-animation="true"]:first-of-type, [data-has-tooltip="true"]:hover [data-corrected-placement^="top"][data-animation="true"].db-tooltip:first-of-type, [data-has-tooltip="true"]:hover [data-placement^="top"].db-tooltip:not([data-corrected-placement])[data-animation="true"]:first-of-type, [data-placement^="top"].db-tooltip[data-e2e-hover="true"]:not([data-corrected-placement])[data-animation="true"] {
      animation: .3s cubic-bezier(.27, .05, .4, .95) both popover-animation;
    }

    .db-popover:is([data-e2e-hover="true"], :hover, :focus-within) > article[data-corrected-placement^="top"][data-animation="true"][data-delay="slow"]:not([data-open="false"]), .db-popover:is([data-e2e-hover="true"], :hover, :focus-within) > article[data-placement^="top"]:not([data-corrected-placement])[data-animation="true"][data-delay="slow"]:not([data-open="false"]), .db-popover > article[data-corrected-placement^="top"][data-animation="true"][data-delay="slow"][data-open="true"], .db-popover > article[data-placement^="top"][data-open="true"]:not([data-corrected-placement])[data-animation="true"][data-delay="slow"], [data-corrected-placement^="top"][data-animation="true"][data-delay="slow"].db-tooltip[data-e2e-hover="true"], [data-has-tooltip="true"]:focus-visible [data-corrected-placement^="top"][data-animation="true"][data-delay="slow"].db-tooltip:first-of-type, [data-has-tooltip="true"]:focus-visible [data-placement^="top"].db-tooltip:not([data-corrected-placement])[data-animation="true"][data-delay="slow"]:first-of-type, [data-has-tooltip="true"]:hover [data-corrected-placement^="top"][data-animation="true"][data-delay="slow"].db-tooltip:first-of-type, [data-has-tooltip="true"]:hover [data-placement^="top"].db-tooltip:not([data-corrected-placement])[data-animation="true"][data-delay="slow"]:first-of-type, [data-placement^="top"].db-tooltip[data-e2e-hover="true"]:not([data-corrected-placement])[data-animation="true"][data-delay="slow"] {
      animation-delay: .5s;
    }

    .db-popover:is([data-e2e-hover="true"], :hover, :focus-within) > article[data-corrected-placement^="top"][data-animation="true"][data-delay="fast"]:not([data-open="false"]), .db-popover:is([data-e2e-hover="true"], :hover, :focus-within) > article[data-placement^="top"]:not([data-corrected-placement])[data-animation="true"][data-delay="fast"]:not([data-open="false"]), .db-popover > article[data-corrected-placement^="top"][data-animation="true"][data-delay="fast"][data-open="true"], .db-popover > article[data-placement^="top"][data-open="true"]:not([data-corrected-placement])[data-animation="true"][data-delay="fast"], [data-corrected-placement^="top"][data-animation="true"][data-delay="fast"].db-tooltip[data-e2e-hover="true"], [data-has-tooltip="true"]:focus-visible [data-corrected-placement^="top"][data-animation="true"][data-delay="fast"].db-tooltip:first-of-type, [data-has-tooltip="true"]:focus-visible [data-placement^="top"].db-tooltip:not([data-corrected-placement])[data-animation="true"][data-delay="fast"]:first-of-type, [data-has-tooltip="true"]:hover [data-corrected-placement^="top"][data-animation="true"][data-delay="fast"].db-tooltip:first-of-type, [data-has-tooltip="true"]:hover [data-placement^="top"].db-tooltip:not([data-corrected-placement])[data-animation="true"][data-delay="fast"]:first-of-type, [data-placement^="top"].db-tooltip[data-e2e-hover="true"]:not([data-corrected-placement])[data-animation="true"][data-delay="fast"] {
      animation-delay: .3s;
    }
  }

  @media (prefers-reduced-motion: no-preference) and (max-width: 64em) {
    .db-popover:is([data-e2e-hover="true"], :hover, :focus-within) > article[data-corrected-placement^="top"][data-animation="true"]:not([data-delay]):not([data-open="false"]), .db-popover:is([data-e2e-hover="true"], :hover, :focus-within) > article[data-placement^="top"]:not([data-corrected-placement])[data-animation="true"]:not([data-delay]):not([data-open="false"]), .db-popover > article[data-corrected-placement^="top"][data-animation="true"][data-open="true"]:not([data-delay]), .db-popover > article[data-placement^="top"][data-open="true"]:not([data-corrected-placement])[data-animation="true"]:not([data-delay]), [data-corrected-placement^="top"][data-animation="true"].db-tooltip[data-e2e-hover="true"]:not([data-delay]), [data-has-tooltip="true"]:focus-visible [data-corrected-placement^="top"][data-animation="true"].db-tooltip:not([data-delay]):first-of-type, [data-has-tooltip="true"]:focus-visible [data-placement^="top"].db-tooltip:not([data-corrected-placement])[data-animation="true"]:not([data-delay]):first-of-type, [data-has-tooltip="true"]:hover [data-corrected-placement^="top"][data-animation="true"].db-tooltip:not([data-delay]):first-of-type, [data-has-tooltip="true"]:hover [data-placement^="top"].db-tooltip:not([data-corrected-placement])[data-animation="true"]:not([data-delay]):first-of-type, [data-placement^="top"].db-tooltip[data-e2e-hover="true"]:not([data-corrected-placement])[data-animation="true"]:not([data-delay]) {
      animation-delay: .3s;
    }
  }

  .db-popover:is([data-e2e-hover="true"], :hover, :focus-within) > article[data-corrected-placement^="right"]:not([data-open="false"]), .db-popover:is([data-e2e-hover="true"], :hover, :focus-within) > article[data-placement^="right"]:not([data-corrected-placement]):not([data-open="false"]), .db-popover > article[data-corrected-placement^="right"][data-open="true"], .db-popover > article[data-placement^="right"][data-open="true"]:not([data-corrected-placement]), [data-corrected-placement^="right"].db-tooltip[data-e2e-hover="true"], [data-has-tooltip="true"]:focus-visible [data-corrected-placement^="right"].db-tooltip:first-of-type, [data-has-tooltip="true"]:focus-visible [data-placement^="right"].db-tooltip:not([data-corrected-placement]):first-of-type, [data-has-tooltip="true"]:hover [data-corrected-placement^="right"].db-tooltip:first-of-type, [data-has-tooltip="true"]:hover [data-placement^="right"].db-tooltip:not([data-corrected-placement]):first-of-type, [data-placement^="right"].db-tooltip[data-e2e-hover="true"]:not([data-corrected-placement]) {
    --db-popover-translate-x: -25%;
  }

  .db-popover:is([data-e2e-hover="true"], :hover, :focus-within) > article[data-corrected-placement^="right"]:not([data-animation]):not([data-open="false"]), .db-popover:is([data-e2e-hover="true"], :hover, :focus-within) > article[data-corrected-placement^="right"][data-animation="false"]:not([data-open="false"]), .db-popover:is([data-e2e-hover="true"], :hover, :focus-within) > article[data-placement^="right"]:not([data-corrected-placement]):not([data-animation]):not([data-open="false"]), .db-popover:is([data-e2e-hover="true"], :hover, :focus-within) > article[data-placement^="right"]:not([data-corrected-placement])[data-animation="false"]:not([data-open="false"]), .db-popover > article[data-corrected-placement^="right"][data-animation="false"][data-open="true"], .db-popover > article[data-corrected-placement^="right"][data-open="true"]:not([data-animation]), .db-popover > article[data-placement^="right"][data-open="true"]:not([data-corrected-placement]):not([data-animation]), .db-popover > article[data-placement^="right"][data-open="true"]:not([data-corrected-placement])[data-animation="false"], [data-corrected-placement^="right"].db-tooltip[data-e2e-hover="true"]:not([data-animation]), [data-corrected-placement^="right"][data-animation="false"].db-tooltip[data-e2e-hover="true"], [data-has-tooltip="true"]:focus-visible [data-corrected-placement^="right"].db-tooltip:not([data-animation]):first-of-type, [data-has-tooltip="true"]:focus-visible [data-corrected-placement^="right"][data-animation="false"].db-tooltip:first-of-type, [data-has-tooltip="true"]:focus-visible [data-placement^="right"].db-tooltip:not([data-corrected-placement]):not([data-animation]):first-of-type, [data-has-tooltip="true"]:focus-visible [data-placement^="right"].db-tooltip:not([data-corrected-placement])[data-animation="false"]:first-of-type, [data-has-tooltip="true"]:hover [data-corrected-placement^="right"].db-tooltip:not([data-animation]):first-of-type, [data-has-tooltip="true"]:hover [data-corrected-placement^="right"][data-animation="false"].db-tooltip:first-of-type, [data-has-tooltip="true"]:hover [data-placement^="right"].db-tooltip:not([data-corrected-placement]):not([data-animation]):first-of-type, [data-has-tooltip="true"]:hover [data-placement^="right"].db-tooltip:not([data-corrected-placement])[data-animation="false"]:first-of-type, [data-placement^="right"].db-tooltip[data-e2e-hover="true"]:not([data-corrected-placement]):not([data-animation]), [data-placement^="right"].db-tooltip[data-e2e-hover="true"]:not([data-corrected-placement])[data-animation="false"] {
    opacity: 1;
    transform: translate(var(--db-popover-center-x, 0),var(--db-popover-center-y, 0));
  }

  @media (prefers-reduced-motion: reduce) {
    .db-popover:is([data-e2e-hover="true"], :hover, :focus-within) > article[data-corrected-placement^="right"]:not([data-open="false"]), .db-popover:is([data-e2e-hover="true"], :hover, :focus-within) > article[data-placement^="right"]:not([data-corrected-placement]):not([data-open="false"]), .db-popover > article[data-corrected-placement^="right"][data-open="true"], .db-popover > article[data-placement^="right"][data-open="true"]:not([data-corrected-placement]), [data-corrected-placement^="right"].db-tooltip[data-e2e-hover="true"], [data-has-tooltip="true"]:focus-visible [data-corrected-placement^="right"].db-tooltip:first-of-type, [data-has-tooltip="true"]:focus-visible [data-placement^="right"].db-tooltip:not([data-corrected-placement]):first-of-type, [data-has-tooltip="true"]:hover [data-corrected-placement^="right"].db-tooltip:first-of-type, [data-has-tooltip="true"]:hover [data-placement^="right"].db-tooltip:not([data-corrected-placement]):first-of-type, [data-placement^="right"].db-tooltip[data-e2e-hover="true"]:not([data-corrected-placement]) {
      opacity: 1;
      transform: translate(var(--db-popover-center-x, 0),var(--db-popover-center-y, 0));
    }
  }

  @media (prefers-reduced-motion: no-preference) {
    .db-popover:is([data-e2e-hover="true"], :hover, :focus-within) > article[data-corrected-placement^="right"][data-animation="true"]:not([data-open="false"]), .db-popover:is([data-e2e-hover="true"], :hover, :focus-within) > article[data-placement^="right"]:not([data-corrected-placement])[data-animation="true"]:not([data-open="false"]), .db-popover > article[data-corrected-placement^="right"][data-animation="true"][data-open="true"], .db-popover > article[data-placement^="right"][data-open="true"]:not([data-corrected-placement])[data-animation="true"], [data-corrected-placement^="right"][data-animation="true"].db-tooltip[data-e2e-hover="true"], [data-has-tooltip="true"]:focus-visible [data-corrected-placement^="right"][data-animation="true"].db-tooltip:first-of-type, [data-has-tooltip="true"]:focus-visible [data-placement^="right"].db-tooltip:not([data-corrected-placement])[data-animation="true"]:first-of-type, [data-has-tooltip="true"]:hover [data-corrected-placement^="right"][data-animation="true"].db-tooltip:first-of-type, [data-has-tooltip="true"]:hover [data-placement^="right"].db-tooltip:not([data-corrected-placement])[data-animation="true"]:first-of-type, [data-placement^="right"].db-tooltip[data-e2e-hover="true"]:not([data-corrected-placement])[data-animation="true"] {
      animation: .3s cubic-bezier(.27, .05, .4, .95) both popover-animation;
    }

    .db-popover:is([data-e2e-hover="true"], :hover, :focus-within) > article[data-corrected-placement^="right"][data-animation="true"][data-delay="slow"]:not([data-open="false"]), .db-popover:is([data-e2e-hover="true"], :hover, :focus-within) > article[data-placement^="right"]:not([data-corrected-placement])[data-animation="true"][data-delay="slow"]:not([data-open="false"]), .db-popover > article[data-corrected-placement^="right"][data-animation="true"][data-delay="slow"][data-open="true"], .db-popover > article[data-placement^="right"][data-open="true"]:not([data-corrected-placement])[data-animation="true"][data-delay="slow"], [data-corrected-placement^="right"][data-animation="true"][data-delay="slow"].db-tooltip[data-e2e-hover="true"], [data-has-tooltip="true"]:focus-visible [data-corrected-placement^="right"][data-animation="true"][data-delay="slow"].db-tooltip:first-of-type, [data-has-tooltip="true"]:focus-visible [data-placement^="right"].db-tooltip:not([data-corrected-placement])[data-animation="true"][data-delay="slow"]:first-of-type, [data-has-tooltip="true"]:hover [data-corrected-placement^="right"][data-animation="true"][data-delay="slow"].db-tooltip:first-of-type, [data-has-tooltip="true"]:hover [data-placement^="right"].db-tooltip:not([data-corrected-placement])[data-animation="true"][data-delay="slow"]:first-of-type, [data-placement^="right"].db-tooltip[data-e2e-hover="true"]:not([data-corrected-placement])[data-animation="true"][data-delay="slow"] {
      animation-delay: .5s;
    }

    .db-popover:is([data-e2e-hover="true"], :hover, :focus-within) > article[data-corrected-placement^="right"][data-animation="true"][data-delay="fast"]:not([data-open="false"]), .db-popover:is([data-e2e-hover="true"], :hover, :focus-within) > article[data-placement^="right"]:not([data-corrected-placement])[data-animation="true"][data-delay="fast"]:not([data-open="false"]), .db-popover > article[data-corrected-placement^="right"][data-animation="true"][data-delay="fast"][data-open="true"], .db-popover > article[data-placement^="right"][data-open="true"]:not([data-corrected-placement])[data-animation="true"][data-delay="fast"], [data-corrected-placement^="right"][data-animation="true"][data-delay="fast"].db-tooltip[data-e2e-hover="true"], [data-has-tooltip="true"]:focus-visible [data-corrected-placement^="right"][data-animation="true"][data-delay="fast"].db-tooltip:first-of-type, [data-has-tooltip="true"]:focus-visible [data-placement^="right"].db-tooltip:not([data-corrected-placement])[data-animation="true"][data-delay="fast"]:first-of-type, [data-has-tooltip="true"]:hover [data-corrected-placement^="right"][data-animation="true"][data-delay="fast"].db-tooltip:first-of-type, [data-has-tooltip="true"]:hover [data-placement^="right"].db-tooltip:not([data-corrected-placement])[data-animation="true"][data-delay="fast"]:first-of-type, [data-placement^="right"].db-tooltip[data-e2e-hover="true"]:not([data-corrected-placement])[data-animation="true"][data-delay="fast"] {
      animation-delay: .3s;
    }
  }

  @media (prefers-reduced-motion: no-preference) and (max-width: 64em) {
    .db-popover:is([data-e2e-hover="true"], :hover, :focus-within) > article[data-corrected-placement^="right"][data-animation="true"]:not([data-delay]):not([data-open="false"]), .db-popover:is([data-e2e-hover="true"], :hover, :focus-within) > article[data-placement^="right"]:not([data-corrected-placement])[data-animation="true"]:not([data-delay]):not([data-open="false"]), .db-popover > article[data-corrected-placement^="right"][data-animation="true"][data-open="true"]:not([data-delay]), .db-popover > article[data-placement^="right"][data-open="true"]:not([data-corrected-placement])[data-animation="true"]:not([data-delay]), [data-corrected-placement^="right"][data-animation="true"].db-tooltip[data-e2e-hover="true"]:not([data-delay]), [data-has-tooltip="true"]:focus-visible [data-corrected-placement^="right"][data-animation="true"].db-tooltip:not([data-delay]):first-of-type, [data-has-tooltip="true"]:focus-visible [data-placement^="right"].db-tooltip:not([data-corrected-placement])[data-animation="true"]:not([data-delay]):first-of-type, [data-has-tooltip="true"]:hover [data-corrected-placement^="right"][data-animation="true"].db-tooltip:not([data-delay]):first-of-type, [data-has-tooltip="true"]:hover [data-placement^="right"].db-tooltip:not([data-corrected-placement])[data-animation="true"]:not([data-delay]):first-of-type, [data-placement^="right"].db-tooltip[data-e2e-hover="true"]:not([data-corrected-placement])[data-animation="true"]:not([data-delay]) {
      animation-delay: .3s;
    }
  }

  .db-popover:is([data-e2e-hover="true"], :hover, :focus-within) > article[data-corrected-placement^="left"]:not([data-open="false"]), .db-popover:is([data-e2e-hover="true"], :hover, :focus-within) > article[data-placement^="left"]:not([data-corrected-placement]):not([data-open="false"]), .db-popover > article[data-corrected-placement^="left"][data-open="true"], .db-popover > article[data-placement^="left"][data-open="true"]:not([data-corrected-placement]), [data-corrected-placement^="left"].db-tooltip[data-e2e-hover="true"], [data-has-tooltip="true"]:focus-visible [data-corrected-placement^="left"].db-tooltip:first-of-type, [data-has-tooltip="true"]:focus-visible [data-placement^="left"].db-tooltip:not([data-corrected-placement]):first-of-type, [data-has-tooltip="true"]:hover [data-corrected-placement^="left"].db-tooltip:first-of-type, [data-has-tooltip="true"]:hover [data-placement^="left"].db-tooltip:not([data-corrected-placement]):first-of-type, [data-placement^="left"].db-tooltip[data-e2e-hover="true"]:not([data-corrected-placement]) {
    --db-popover-translate-x: 25%;
  }

  .db-popover:is([data-e2e-hover="true"], :hover, :focus-within) > article[data-corrected-placement^="left"]:not([data-animation]):not([data-open="false"]), .db-popover:is([data-e2e-hover="true"], :hover, :focus-within) > article[data-corrected-placement^="left"][data-animation="false"]:not([data-open="false"]), .db-popover:is([data-e2e-hover="true"], :hover, :focus-within) > article[data-placement^="left"]:not([data-corrected-placement]):not([data-animation]):not([data-open="false"]), .db-popover:is([data-e2e-hover="true"], :hover, :focus-within) > article[data-placement^="left"]:not([data-corrected-placement])[data-animation="false"]:not([data-open="false"]), .db-popover > article[data-corrected-placement^="left"][data-animation="false"][data-open="true"], .db-popover > article[data-corrected-placement^="left"][data-open="true"]:not([data-animation]), .db-popover > article[data-placement^="left"][data-open="true"]:not([data-corrected-placement]):not([data-animation]), .db-popover > article[data-placement^="left"][data-open="true"]:not([data-corrected-placement])[data-animation="false"], [data-corrected-placement^="left"].db-tooltip[data-e2e-hover="true"]:not([data-animation]), [data-corrected-placement^="left"][data-animation="false"].db-tooltip[data-e2e-hover="true"], [data-has-tooltip="true"]:focus-visible [data-corrected-placement^="left"].db-tooltip:not([data-animation]):first-of-type, [data-has-tooltip="true"]:focus-visible [data-corrected-placement^="left"][data-animation="false"].db-tooltip:first-of-type, [data-has-tooltip="true"]:focus-visible [data-placement^="left"].db-tooltip:not([data-corrected-placement]):not([data-animation]):first-of-type, [data-has-tooltip="true"]:focus-visible [data-placement^="left"].db-tooltip:not([data-corrected-placement])[data-animation="false"]:first-of-type, [data-has-tooltip="true"]:hover [data-corrected-placement^="left"].db-tooltip:not([data-animation]):first-of-type, [data-has-tooltip="true"]:hover [data-corrected-placement^="left"][data-animation="false"].db-tooltip:first-of-type, [data-has-tooltip="true"]:hover [data-placement^="left"].db-tooltip:not([data-corrected-placement]):not([data-animation]):first-of-type, [data-has-tooltip="true"]:hover [data-placement^="left"].db-tooltip:not([data-corrected-placement])[data-animation="false"]:first-of-type, [data-placement^="left"].db-tooltip[data-e2e-hover="true"]:not([data-corrected-placement]):not([data-animation]), [data-placement^="left"].db-tooltip[data-e2e-hover="true"]:not([data-corrected-placement])[data-animation="false"] {
    opacity: 1;
    transform: translate(var(--db-popover-center-x, 0),var(--db-popover-center-y, 0));
  }

  @media (prefers-reduced-motion: reduce) {
    .db-popover:is([data-e2e-hover="true"], :hover, :focus-within) > article[data-corrected-placement^="left"]:not([data-open="false"]), .db-popover:is([data-e2e-hover="true"], :hover, :focus-within) > article[data-placement^="left"]:not([data-corrected-placement]):not([data-open="false"]), .db-popover > article[data-corrected-placement^="left"][data-open="true"], .db-popover > article[data-placement^="left"][data-open="true"]:not([data-corrected-placement]), [data-corrected-placement^="left"].db-tooltip[data-e2e-hover="true"], [data-has-tooltip="true"]:focus-visible [data-corrected-placement^="left"].db-tooltip:first-of-type, [data-has-tooltip="true"]:focus-visible [data-placement^="left"].db-tooltip:not([data-corrected-placement]):first-of-type, [data-has-tooltip="true"]:hover [data-corrected-placement^="left"].db-tooltip:first-of-type, [data-has-tooltip="true"]:hover [data-placement^="left"].db-tooltip:not([data-corrected-placement]):first-of-type, [data-placement^="left"].db-tooltip[data-e2e-hover="true"]:not([data-corrected-placement]) {
      opacity: 1;
      transform: translate(var(--db-popover-center-x, 0),var(--db-popover-center-y, 0));
    }
  }

  @media (prefers-reduced-motion: no-preference) {
    .db-popover:is([data-e2e-hover="true"], :hover, :focus-within) > article[data-corrected-placement^="left"][data-animation="true"]:not([data-open="false"]), .db-popover:is([data-e2e-hover="true"], :hover, :focus-within) > article[data-placement^="left"]:not([data-corrected-placement])[data-animation="true"]:not([data-open="false"]), .db-popover > article[data-corrected-placement^="left"][data-animation="true"][data-open="true"], .db-popover > article[data-placement^="left"][data-open="true"]:not([data-corrected-placement])[data-animation="true"], [data-corrected-placement^="left"][data-animation="true"].db-tooltip[data-e2e-hover="true"], [data-has-tooltip="true"]:focus-visible [data-corrected-placement^="left"][data-animation="true"].db-tooltip:first-of-type, [data-has-tooltip="true"]:focus-visible [data-placement^="left"].db-tooltip:not([data-corrected-placement])[data-animation="true"]:first-of-type, [data-has-tooltip="true"]:hover [data-corrected-placement^="left"][data-animation="true"].db-tooltip:first-of-type, [data-has-tooltip="true"]:hover [data-placement^="left"].db-tooltip:not([data-corrected-placement])[data-animation="true"]:first-of-type, [data-placement^="left"].db-tooltip[data-e2e-hover="true"]:not([data-corrected-placement])[data-animation="true"] {
      animation: .3s cubic-bezier(.27, .05, .4, .95) both popover-animation;
    }

    .db-popover:is([data-e2e-hover="true"], :hover, :focus-within) > article[data-corrected-placement^="left"][data-animation="true"][data-delay="slow"]:not([data-open="false"]), .db-popover:is([data-e2e-hover="true"], :hover, :focus-within) > article[data-placement^="left"]:not([data-corrected-placement])[data-animation="true"][data-delay="slow"]:not([data-open="false"]), .db-popover > article[data-corrected-placement^="left"][data-animation="true"][data-delay="slow"][data-open="true"], .db-popover > article[data-placement^="left"][data-open="true"]:not([data-corrected-placement])[data-animation="true"][data-delay="slow"], [data-corrected-placement^="left"][data-animation="true"][data-delay="slow"].db-tooltip[data-e2e-hover="true"], [data-has-tooltip="true"]:focus-visible [data-corrected-placement^="left"][data-animation="true"][data-delay="slow"].db-tooltip:first-of-type, [data-has-tooltip="true"]:focus-visible [data-placement^="left"].db-tooltip:not([data-corrected-placement])[data-animation="true"][data-delay="slow"]:first-of-type, [data-has-tooltip="true"]:hover [data-corrected-placement^="left"][data-animation="true"][data-delay="slow"].db-tooltip:first-of-type, [data-has-tooltip="true"]:hover [data-placement^="left"].db-tooltip:not([data-corrected-placement])[data-animation="true"][data-delay="slow"]:first-of-type, [data-placement^="left"].db-tooltip[data-e2e-hover="true"]:not([data-corrected-placement])[data-animation="true"][data-delay="slow"] {
      animation-delay: .5s;
    }

    .db-popover:is([data-e2e-hover="true"], :hover, :focus-within) > article[data-corrected-placement^="left"][data-animation="true"][data-delay="fast"]:not([data-open="false"]), .db-popover:is([data-e2e-hover="true"], :hover, :focus-within) > article[data-placement^="left"]:not([data-corrected-placement])[data-animation="true"][data-delay="fast"]:not([data-open="false"]), .db-popover > article[data-corrected-placement^="left"][data-animation="true"][data-delay="fast"][data-open="true"], .db-popover > article[data-placement^="left"][data-open="true"]:not([data-corrected-placement])[data-animation="true"][data-delay="fast"], [data-corrected-placement^="left"][data-animation="true"][data-delay="fast"].db-tooltip[data-e2e-hover="true"], [data-has-tooltip="true"]:focus-visible [data-corrected-placement^="left"][data-animation="true"][data-delay="fast"].db-tooltip:first-of-type, [data-has-tooltip="true"]:focus-visible [data-placement^="left"].db-tooltip:not([data-corrected-placement])[data-animation="true"][data-delay="fast"]:first-of-type, [data-has-tooltip="true"]:hover [data-corrected-placement^="left"][data-animation="true"][data-delay="fast"].db-tooltip:first-of-type, [data-has-tooltip="true"]:hover [data-placement^="left"].db-tooltip:not([data-corrected-placement])[data-animation="true"][data-delay="fast"]:first-of-type, [data-placement^="left"].db-tooltip[data-e2e-hover="true"]:not([data-corrected-placement])[data-animation="true"][data-delay="fast"] {
      animation-delay: .3s;
    }
  }

  @media (prefers-reduced-motion: no-preference) and (max-width: 64em) {
    .db-popover:is([data-e2e-hover="true"], :hover, :focus-within) > article[data-corrected-placement^="left"][data-animation="true"]:not([data-delay]):not([data-open="false"]), .db-popover:is([data-e2e-hover="true"], :hover, :focus-within) > article[data-placement^="left"]:not([data-corrected-placement])[data-animation="true"]:not([data-delay]):not([data-open="false"]), .db-popover > article[data-corrected-placement^="left"][data-animation="true"][data-open="true"]:not([data-delay]), .db-popover > article[data-placement^="left"][data-open="true"]:not([data-corrected-placement])[data-animation="true"]:not([data-delay]), [data-corrected-placement^="left"][data-animation="true"].db-tooltip[data-e2e-hover="true"]:not([data-delay]), [data-has-tooltip="true"]:focus-visible [data-corrected-placement^="left"][data-animation="true"].db-tooltip:not([data-delay]):first-of-type, [data-has-tooltip="true"]:focus-visible [data-placement^="left"].db-tooltip:not([data-corrected-placement])[data-animation="true"]:not([data-delay]):first-of-type, [data-has-tooltip="true"]:hover [data-corrected-placement^="left"][data-animation="true"].db-tooltip:not([data-delay]):first-of-type, [data-has-tooltip="true"]:hover [data-placement^="left"].db-tooltip:not([data-corrected-placement])[data-animation="true"]:not([data-delay]):first-of-type, [data-placement^="left"].db-tooltip[data-e2e-hover="true"]:not([data-corrected-placement])[data-animation="true"]:not([data-delay]) {
      animation-delay: .3s;
    }
  }

  .db-popover > article, .db-tooltip {
    background-color: var(--db-adaptive-bg-basic-level-1-default);
    visibility: hidden;
    z-index: 1337;
    white-space: normal;
    max-inline-size: min(20rem,100vw - 2 * var(--db-spacing-fixed-md));
    block-size: fit-content;
    inline-size: fit-content;
    position: absolute;
    box-shadow: 0 0 2px -1px #0003, 0 0 8px 1px #0000001f, 0 0 4px #00000024;
  }

  .db-popover > article[data-width="fixed"], [data-width="fixed"].db-tooltip {
    inline-size: max-content;
    text-align: initial;
  }

  .db-popover {
    position: relative;
  }

  .db-popover:not([hidden]) {
    display: flex;
  }

  .db-popover {
    block-size: fit-content;
    inline-size: fit-content;
  }

  .db-popover > article:not([data-spacing]) {
    padding: var(--db-spacing-fixed-sm);
  }

  .db-popover > article[data-spacing="large"] {
    padding: var(--db-spacing-fixed-lg);
  }

  .db-popover > article[data-spacing="medium"] {
    padding: var(--db-spacing-fixed-md);
  }

  .db-popover > article[data-spacing="small"] {
    padding: var(--db-spacing-fixed-sm);
  }

  .db-popover > article[data-spacing="none"] {
    padding: 0;
  }

  .db-tooltip {
    --default-card-elevation: 0px 0px 1px -1px #0003, 0px 0px 4px 1px #0000001f, 0px 0px 2px #00000024;
    --default-card-border-radius: .25rem;
    color: var(--db-adaptive-on-bg-basic-emphasis-100-default);
    padding: var(--db-spacing-fixed-2xs) var(--db-spacing-fixed-xs);
    font-style: normal;
    font-weight: 400;
  }

  .db-tooltip, .db-tooltip:after, .db-tooltip[data-show-arrow="true"]:after {
    background-color: var(--db-adaptive-bg-basic-level-1-default);
  }

  .db-tooltip[data-show-arrow="true"]:after {
    content: "";
    inline-size: var(--db-sizing-2xs);
    aspect-ratio: 1;
    clip-path: polygon(calc(var(--db-sizing-2xs)*-1) calc(var(--db-sizing-2xs)*-1),calc(100% + var(--db-sizing-2xs)) calc(var(--db-sizing-2xs)*-1),calc(100% + var(--db-sizing-2xs)) calc(100% + var(--db-sizing-2xs)));
    border-radius: 0 2px;
    position: absolute;
    transform: skew(-8deg, -8deg);
    box-shadow: 0 0 2px -1px #0003, 0 0 8px 1px #0000001f, 0 0 4px #00000024;
  }

  .db-tooltip:not([data-placement], [data-corrected-placement]):after, .db-tooltip[data-corrected-placement^="bottom"]:after, .db-tooltip[data-placement^="bottom"]:not([data-corrected-placement]):after {
    inset-block-start: 0;
    inset-inline-start: var(--db-tooltip-arrow-inline-start, 50%);
    translate: -50% -50%;
    rotate: 315deg;
  }

  .db-tooltip[data-corrected-placement^="top"]:after, .db-tooltip[data-placement^="top"]:not([data-corrected-placement]):after {
    inset-block-end: 0;
    inset-inline-start: var(--db-tooltip-arrow-inline-start, 50%);
    translate: -50% 50%;
    rotate: 135deg;
  }

  .db-tooltip[data-corrected-placement^="right"]:after, .db-tooltip[data-placement^="right"]:not([data-corrected-placement]):after {
    inset-block-start: var(--db-tooltip-arrow-block-start, 50%);
    inset-inline-start: 0;
    translate: -50% -50%;
    rotate: 225deg;
  }

  .db-tooltip[data-corrected-placement^="left"]:after, .db-tooltip[data-placement^="left"]:not([data-corrected-placement]):after {
    inset-block-start: var(--db-tooltip-arrow-block-start, 50%);
    inset-inline-end: 0;
    translate: 50% -50%;
    rotate: 45deg;
  }

  .db-tooltip[data-emphasis="strong"] {
    background-color: var(--db-adaptive-bg-inverted-contrast-high-default);
    color: var(--db-adaptive-on-bg-inverted-default);
  }

  .db-tooltip[data-emphasis="strong"]:before {
    --db-icon-color: var(--db-adaptive-on-bg-inverted-default);
  }

  .db-tooltip[data-emphasis="strong"]:after {
    background-color: var(--db-adaptive-bg-inverted-contrast-high-default);
  }

  .db-tooltip[data-wrap="false"] {
    white-space: nowrap;
  }

  [data-has-tooltip="true"] {
    position: var(--db-tooltip-parent-position, relative);
  }

  .db-tab-list {
    position: relative;
  }

  .db-tab-list > ul {
    gap: var(--db-spacing-fixed-sm);
    scroll-behavior: smooth;
    margin: 0;
    padding: 0;
    display: flex;
  }

  :is(.db-tabs db-tab-list:has([id$="-tab-0"]:checked) ~ db-tab-panel > [id$="-tab-panel-0"]:not([hidden]), .db-tabs db-tab-list:has([id$="-tab-0"]:checked) ~ dbtabpanel > [id$="-tab-panel-0"]:not([hidden]), .db-tabs db-tab-list:has([id$="-tab-10"]:checked) ~ db-tab-panel > [id$="-tab-panel-10"]:not([hidden]), .db-tabs db-tab-list:has([id$="-tab-10"]:checked) ~ dbtabpanel > [id$="-tab-panel-10"]:not([hidden]), .db-tabs db-tab-list:has([id$="-tab-1"]:checked) ~ db-tab-panel > [id$="-tab-panel-1"]:not([hidden]), .db-tabs db-tab-list:has([id$="-tab-1"]:checked) ~ dbtabpanel > [id$="-tab-panel-1"]:not([hidden]), .db-tabs db-tab-list:has([id$="-tab-2"]:checked) ~ db-tab-panel > [id$="-tab-panel-2"]:not([hidden]), .db-tabs db-tab-list:has([id$="-tab-2"]:checked) ~ dbtabpanel > [id$="-tab-panel-2"]:not([hidden]), .db-tabs db-tab-list:has([id$="-tab-3"]:checked) ~ db-tab-panel > [id$="-tab-panel-3"]:not([hidden]), .db-tabs db-tab-list:has([id$="-tab-3"]:checked) ~ dbtabpanel > [id$="-tab-panel-3"]:not([hidden]), .db-tabs db-tab-list:has([id$="-tab-4"]:checked) ~ db-tab-panel > [id$="-tab-panel-4"]:not([hidden]), .db-tabs db-tab-list:has([id$="-tab-4"]:checked) ~ dbtabpanel > [id$="-tab-panel-4"]:not([hidden]), .db-tabs db-tab-list:has([id$="-tab-5"]:checked) ~ db-tab-panel > [id$="-tab-panel-5"]:not([hidden]), .db-tabs db-tab-list:has([id$="-tab-5"]:checked) ~ dbtabpanel > [id$="-tab-panel-5"]:not([hidden]), .db-tabs db-tab-list:has([id$="-tab-6"]:checked) ~ db-tab-panel > [id$="-tab-panel-6"]:not([hidden]), .db-tabs db-tab-list:has([id$="-tab-6"]:checked) ~ dbtabpanel > [id$="-tab-panel-6"]:not([hidden]), .db-tabs db-tab-list:has([id$="-tab-7"]:checked) ~ db-tab-panel > [id$="-tab-panel-7"]:not([hidden]), .db-tabs db-tab-list:has([id$="-tab-7"]:checked) ~ dbtabpanel > [id$="-tab-panel-7"]:not([hidden]), .db-tabs db-tab-list:has([id$="-tab-8"]:checked) ~ db-tab-panel > [id$="-tab-panel-8"]:not([hidden]), .db-tabs db-tab-list:has([id$="-tab-8"]:checked) ~ dbtabpanel > [id$="-tab-panel-8"]:not([hidden]), .db-tabs db-tab-list:has([id$="-tab-9"]:checked) ~ db-tab-panel > [id$="-tab-panel-9"]:not([hidden]), .db-tabs db-tab-list:has([id$="-tab-9"]:checked) ~ dbtabpanel > [id$="-tab-panel-9"]:not([hidden]), .db-tabs dbtablist:has([id$="-tab-0"]:checked) ~ db-tab-panel > [id$="-tab-panel-0"]:not([hidden]), .db-tabs dbtablist:has([id$="-tab-0"]:checked) ~ dbtabpanel > [id$="-tab-panel-0"]:not([hidden]), .db-tabs dbtablist:has([id$="-tab-10"]:checked) ~ db-tab-panel > [id$="-tab-panel-10"]:not([hidden]), .db-tabs dbtablist:has([id$="-tab-10"]:checked) ~ dbtabpanel > [id$="-tab-panel-10"]:not([hidden]), .db-tabs dbtablist:has([id$="-tab-1"]:checked) ~ db-tab-panel > [id$="-tab-panel-1"]:not([hidden]), .db-tabs dbtablist:has([id$="-tab-1"]:checked) ~ dbtabpanel > [id$="-tab-panel-1"]:not([hidden]), .db-tabs dbtablist:has([id$="-tab-2"]:checked) ~ db-tab-panel > [id$="-tab-panel-2"]:not([hidden]), .db-tabs dbtablist:has([id$="-tab-2"]:checked) ~ dbtabpanel > [id$="-tab-panel-2"]:not([hidden]), .db-tabs dbtablist:has([id$="-tab-3"]:checked) ~ db-tab-panel > [id$="-tab-panel-3"]:not([hidden]), .db-tabs dbtablist:has([id$="-tab-3"]:checked) ~ dbtabpanel > [id$="-tab-panel-3"]:not([hidden]), .db-tabs dbtablist:has([id$="-tab-4"]:checked) ~ db-tab-panel > [id$="-tab-panel-4"]:not([hidden]), .db-tabs dbtablist:has([id$="-tab-4"]:checked) ~ dbtabpanel > [id$="-tab-panel-4"]:not([hidden]), .db-tabs dbtablist:has([id$="-tab-5"]:checked) ~ db-tab-panel > [id$="-tab-panel-5"]:not([hidden]), .db-tabs dbtablist:has([id$="-tab-5"]:checked) ~ dbtabpanel > [id$="-tab-panel-5"]:not([hidden]), .db-tabs dbtablist:has([id$="-tab-6"]:checked) ~ db-tab-panel > [id$="-tab-panel-6"]:not([hidden]), .db-tabs dbtablist:has([id$="-tab-6"]:checked) ~ dbtabpanel > [id$="-tab-panel-6"]:not([hidden]), .db-tabs dbtablist:has([id$="-tab-7"]:checked) ~ db-tab-panel > [id$="-tab-panel-7"]:not([hidden]), .db-tabs dbtablist:has([id$="-tab-7"]:checked) ~ dbtabpanel > [id$="-tab-panel-7"]:not([hidden]), .db-tabs dbtablist:has([id$="-tab-8"]:checked) ~ db-tab-panel > [id$="-tab-panel-8"]:not([hidden]), .db-tabs dbtablist:has([id$="-tab-8"]:checked) ~ dbtabpanel > [id$="-tab-panel-8"]:not([hidden]), .db-tabs dbtablist:has([id$="-tab-9"]:checked) ~ db-tab-panel > [id$="-tab-panel-9"]:not([hidden]), .db-tabs dbtablist:has([id$="-tab-9"]:checked) ~ dbtabpanel > [id$="-tab-panel-9"]:not([hidden])) {
    display: block;
  }

  .db-tabs:not([data-orientation="vertical"]) .db-tab-list > ul .db-tab-item:after {
    block-size: .25rem;
    inline-size: 0;
    inset-inline-start: 50%;
    inset-block: auto calc(var(--db-spacing-fixed-xs)*-1);
    background-color: var(--lightningcss-light, #ef0016) var(--lightningcss-dark, #ff5357);
    transform: translate(-50%);
  }

  .db-tabs:not([data-orientation="vertical"]) .db-tab-list > ul .db-tab-item:has(input:checked):after {
    block-size: .25rem;
    inline-size: 100%;
  }

  @media (forced-colors: active), print {
    .db-tabs:not([data-orientation="vertical"]) .db-tab-list > ul .db-tab-item:has(input:checked):after {
      border: calc(.25rem - 1px) solid var(--db-adaptive-on-bg-basic-emphasis-100-default);
    }
  }

  .db-tabs:not([data-orientation="vertical"]) .db-tab-list > ul .db-tab-item:has(input:checked):after {
    inset-block-end: calc((var(--db-spacing-fixed-2xs) + .25rem)*-1);
  }

  .db-tabs[data-orientation="vertical"] .db-tab-list > ul .db-tab-item:after {
    z-index: -2;
    background-color: var(--lightningcss-light, #ef0016) var(--lightningcss-dark, #ff5357);
    block-size: 0;
    inline-size: .25rem;
    inset-block: 50% auto;
    inset-inline-start: 0;
    transform: translateY(-50%);
  }

  .db-tabs[data-orientation="vertical"] .db-tab-list > ul .db-tab-item:has(input:checked):after {
    block-size: 100%;
    inline-size: .25rem;
  }

  @media (forced-colors: active), print {
    .db-tabs[data-orientation="vertical"] .db-tab-list > ul .db-tab-item:has(input:checked):after {
      border: calc(.25rem - 1px) solid var(--db-adaptive-on-bg-basic-emphasis-100-default);
    }
  }

  .db-tabs:not([data-orientation="vertical"]) .db-tab-list:before, .db-tabs[data-orientation="vertical"] .db-tab-list:before {
    background-color: var(--db-adaptive-bg-basic-transparent-semi-default);
    content: "";
    border-radius: .25rem;
    position: absolute;
  }

  .db-tabs:not([hidden]) {
    display: flex;
  }

  .db-tabs {
    inline-size: 100%;
    position: relative;
  }

  .db-tabs .db-tab-panel {
    padding: 0 var(--db-spacing-fixed-xs);
  }

  .db-tabs .db-tab-list {
    z-index: 20;
    max-inline-size: 100%;
  }

  :is(.db-tabs .db-tab-list:has([id$="-tab-0"]:checked) ~ [id$="-tab-panel-0"]:not([hidden]), .db-tabs .db-tab-list:has([id$="-tab-10"]:checked) ~ [id$="-tab-panel-10"]:not([hidden]), .db-tabs .db-tab-list:has([id$="-tab-1"]:checked) ~ [id$="-tab-panel-1"]:not([hidden]), .db-tabs .db-tab-list:has([id$="-tab-2"]:checked) ~ [id$="-tab-panel-2"]:not([hidden]), .db-tabs .db-tab-list:has([id$="-tab-3"]:checked) ~ [id$="-tab-panel-3"]:not([hidden]), .db-tabs .db-tab-list:has([id$="-tab-4"]:checked) ~ [id$="-tab-panel-4"]:not([hidden]), .db-tabs .db-tab-list:has([id$="-tab-5"]:checked) ~ [id$="-tab-panel-5"]:not([hidden]), .db-tabs .db-tab-list:has([id$="-tab-6"]:checked) ~ [id$="-tab-panel-6"]:not([hidden]), .db-tabs .db-tab-list:has([id$="-tab-7"]:checked) ~ [id$="-tab-panel-7"]:not([hidden]), .db-tabs .db-tab-list:has([id$="-tab-8"]:checked) ~ [id$="-tab-panel-8"]:not([hidden]), .db-tabs .db-tab-list:has([id$="-tab-9"]:checked) ~ [id$="-tab-panel-9"]:not([hidden])) {
    display: block;
  }

  .db-tabs:not([data-orientation="vertical"]) {
    flex-flow: column wrap;
  }

  .db-tabs:not([data-orientation="vertical"]) .db-tab-panel {
    inline-size: 100%;
  }

  .db-tabs:not([data-orientation="vertical"]) .db-tab-list:before {
    block-size: .25rem;
    inset-inline: var(--db-spacing-fixed-xs);
    inset-block-start: calc(var(--db-spacing-fixed-xs)*3 + var(--db-spacing-fixed-2xs) + var(--db-icon-font-size));
  }

  .db-tabs:not([data-orientation="vertical"]) .db-tab-list > ul {
    inline-size: 100%;
    overflow: auto hidden;
  }

  .db-tabs:not([data-orientation="vertical"]) .db-tab-list > ul .db-tab-item {
    margin-block: var(--db-spacing-fixed-xs) calc(var(--db-spacing-fixed-2xs)*2 + .25rem);
  }

  .db-tabs:not([data-orientation="vertical"]) .db-tab-list > ul db-tab-item:first-of-type .db-tab-item, .db-tabs:not([data-orientation="vertical"]) .db-tab-list > ul dbtabitem:first-of-type .db-tab-item {
    margin-inline-start: var(--db-spacing-fixed-xs);
  }

  .db-tabs:not([data-orientation="vertical"]) .db-tab-list > ul db-tab-item:last-of-type .db-tab-item, .db-tabs:not([data-orientation="vertical"]) .db-tab-list > ul dbtabitem:last-of-type .db-tab-item {
    margin-inline-end: var(--db-spacing-fixed-xs);
  }

  .db-tabs:not([data-orientation="vertical"]) .db-tab-list > ul:not(:has(db-tab-item, dbtabitem)) .db-tab-item:first-of-type {
    margin-inline-start: var(--db-spacing-fixed-xs);
  }

  .db-tabs:not([data-orientation="vertical"]) .db-tab-list > ul:not(:has(db-tab-item, dbtabitem)) .db-tab-item:last-of-type {
    margin-inline-end: var(--db-spacing-fixed-xs);
  }

  .db-tabs[data-orientation="vertical"] {
    flex-direction: row;
  }

  .db-tabs[data-orientation="vertical"] .db-tab-panel {
    padding: var(--db-spacing-fixed-xs) 0;
  }

  .db-tabs[data-orientation="vertical"] .db-tab-list {
    min-inline-size: var(--db-tab-list-vertical-width, var(--db-sizing-3xl));
    max-inline-size: var(--db-tab-list-vertical-width, var(--db-sizing-3xl));
    margin-block-end: auto;
    padding-inline-end: var(--db-spacing-fixed-xs);
  }

  .db-tabs[data-orientation="vertical"] .db-tab-list .db-tab-item label {
    position: relative;
  }

  .db-tabs[data-orientation="vertical"] .db-tab-list .db-tab-item:hover {
    inline-size: fit-content;
  }

  .db-tabs[data-orientation="vertical"] .db-tab-list .db-tab-item:has(input:focus-visible) {
    inline-size: fit-content;
  }

  .db-tabs[data-orientation="vertical"] .db-tab-list .db-tab-item:hover label {
    overflow: visible;
  }

  .db-tabs[data-orientation="vertical"] .db-tab-list .db-tab-item:has(input:focus-visible) label {
    overflow: visible;
  }

  .db-tabs[data-orientation="vertical"] .db-tab-list:before {
    inline-size: .25rem;
    inset-block: var(--db-spacing-fixed-xs);
    inset-inline-start: 0;
  }

  .db-tabs[data-orientation="vertical"] .db-tab-list > ul {
    flex-direction: column;
    block-size: 100%;
  }

  .db-tabs[data-orientation="vertical"] .db-tab-list > ul:not(:has(db-tab-item, dbtabitem)) .db-tab-item:first-of-type {
    margin-block-start: var(--db-spacing-fixed-xs);
  }

  .db-tabs[data-orientation="vertical"] .db-tab-list > ul:not(:has(db-tab-item, dbtabitem)) .db-tab-item:last-of-type {
    margin-block-end: var(--db-spacing-fixed-xs);
  }

  .db-tabs[data-orientation="vertical"] .db-tab-item, .db-tabs[data-orientation="vertical"] .db-tab-item input {
    padding-inline-start: calc(.25rem + var(--db-spacing-fixed-2xs));
  }

  .db-tabs[data-orientation="vertical"] db-tab-item:first-of-type .db-tab-item, .db-tabs[data-orientation="vertical"] dbtabitem:first-of-type .db-tab-item {
    margin-block-start: var(--db-spacing-fixed-xs);
  }

  .db-tabs[data-orientation="vertical"] db-tab-item:last-of-type .db-tab-item, .db-tabs[data-orientation="vertical"] dbtabitem:last-of-type .db-tab-item {
    margin-block-end: var(--db-spacing-fixed-xs);
  }

  .db-tabs[data-width="full"] .db-tab-item, .db-tabs[data-width="full"] .db-tab-item label, .db-tabs[data-width="full"] .db-tab-list {
    inline-size: 100%;
  }

  .db-tabs[data-width="full"][data-alignment="center"] .db-tab-item label {
    text-align: center;
    justify-content: center;
  }

  .db-tabs[data-scroll-behavior="arrows"] .db-tab-list > ul::-webkit-scrollbar {
    display: none;
  }

  .db-tabs[data-scroll-behavior="arrows"]:has(.tabs-scroll-left):before {
    content: "";
  }

  .db-tabs[data-scroll-behavior="arrows"]:has(.tabs-scroll-right):after {
    content: "";
  }

  .db-tabs[data-scroll-behavior="arrows"]:has(.db-button):after {
    z-index: 21;
    background-color: var(--db-adaptive-bg-basic-level-1-default);
    inline-size: var(--db-sizing-md);
    block-size: calc(var(--db-spacing-fixed-sm) + var(--db-sizing-md));
    flex: none;
    position: absolute;
  }

  .db-tabs[data-scroll-behavior="arrows"]:has(.db-button):before {
    z-index: 21;
    background-color: var(--db-adaptive-bg-basic-level-1-default);
    inline-size: var(--db-sizing-md);
    block-size: calc(var(--db-spacing-fixed-sm) + var(--db-sizing-md));
    flex: none;
    position: absolute;
  }

  .db-tabs[data-scroll-behavior="arrows"]:has(.db-button):before {
    inset-inline-start: 0;
  }

  .db-tabs[data-scroll-behavior="arrows"]:has(.db-button):after {
    inset-inline-end: 0;
  }

  .db-tabs[data-scroll-behavior="arrows"] .tabs-scroll-left.db-button, .db-tabs[data-scroll-behavior="arrows"] .tabs-scroll-left > .db-button {
    inset-inline-start: 0;
  }

  .db-tabs[data-scroll-behavior="arrows"] .tabs-scroll-right.db-button, .db-tabs[data-scroll-behavior="arrows"] .tabs-scroll-right > .db-button {
    inset-inline-end: 0;
  }

  .db-tabs[data-scroll-behavior="arrows"] .tabs-scroll-left.db-button, .db-tabs[data-scroll-behavior="arrows"] .tabs-scroll-left > .db-button, .db-tabs[data-scroll-behavior="arrows"] .tabs-scroll-right.db-button, .db-tabs[data-scroll-behavior="arrows"] .tabs-scroll-right > .db-button {
    z-index: 22;
    inset-block: var(--db-spacing-fixed-xs);
    position: absolute;
  }

  .db-tab-panel:not([hidden]) {
    display: none;
  }

  .db-switch:not(:has(input:disabled)):has(input:active,  > label:active, :is(label):active) input:before {
    inline-size: calc(var(--db-icon-font-size) - .25rem + var(--db-spacing-fixed-2xs));
    margin: 0;
  }

  .db-switch:not(:has(input:disabled)):has(input:active,  > label:active, :is(label):active) input:checked:before {
    block-size: calc(var(--db-icon-font-size) - .25rem);
  }

  .db-switch {
    -webkit-user-select: none;
    user-select: none;
  }

  .db-switch:not([data-hide-asterisk="true"])[data-required="true"]:is(label):after, .db-switch:not([data-hide-asterisk="true"])[data-required="true"] > label:after {
    content: "*";
    padding-inline-start: 1px;
  }

  .db-switch:not([data-hide-asterisk="true"]):has(input:required):is(label):after {
    content: "*";
    padding-inline-start: 1px;
  }

  .db-switch:not([data-hide-asterisk="true"]):has(input:required) > label:after {
    content: "*";
    padding-inline-start: 1px;
  }

  @supports (content: ""/"") {
    .db-switch:not([data-hide-asterisk="true"])[data-required="true"]:is(label):after, .db-switch:not([data-hide-asterisk="true"])[data-required="true"] > label:after {
      content: "*"/"";
    }

    .db-switch:not([data-hide-asterisk="true"]):has(input:required):is(label):after {
      content: "*"/"";
    }

    .db-switch:not([data-hide-asterisk="true"]):has(input:required) > label:after {
      content: "*"/"";
    }
  }

  .db-switch:has(input:disabled) {
    opacity: .4;
  }

  .db-switch:is(label):not([hidden]), .db-switch > label:not([hidden]) {
    display: flex;
  }

  .db-switch:is(label), .db-switch > label {
    color: var(--db-check-element-label-color, var(--db-adaptive-on-bg-basic-emphasis-100-default));
    align-items: flex-start;
    position: relative;
  }

  .db-switch input {
    background-color: var(--db-adaptive-bg-basic-transparent-full-default);
    aspect-ratio: 1;
    border: min(.125rem,2px) solid var(--db-check-element-border-color, var(--db-adaptive-on-bg-basic-emphasis-100-default));
    inline-size: var(--db-icon-font-size);
    place-content: center;
    margin-inline-end: var(--db-spacing-fixed-xs);
    padding: 0;
  }

  .db-switch[data-size="small"] input {
    margin-inline-end: var(--db-spacing-fixed-2xs);
  }

  .db-switch[data-hide-label="true"] {
    font-size: 0;
  }

  .db-switch[data-hide-label="true"] input {
    margin-inline-end: 0;
  }

  .db-switch:not(:has(input:disabled)):has(input:hover,  > label:hover, :is(label):hover) {
    --db-check-element-label-color: var(--db-adaptive-on-bg-basic-emphasis-100-hovered);
  }

  :is(.db-switch:not(:has(input:disabled)):has(input:hover,  > label:hover, :is(label):hover):is(label), .db-switch:not(:has(input:disabled)):has(input:hover,  > label:hover, :is(label):hover) > label) {
    cursor: var(--db-overwrite-cursor, pointer);
  }

  .db-switch:not(:has(input:disabled)):has(input:hover,  > label:hover, :is(label):hover) input {
    cursor: var(--db-overwrite-cursor, pointer);
    background-color: var(--db-adaptive-bg-basic-transparent-full-hovered);
  }

  .db-switch:not(:has(input:disabled)):has(input:active,  > label:active, :is(label):active) {
    --db-check-element-label-color: var(--db-adaptive-on-bg-basic-emphasis-100-pressed);
  }

  :is(.db-switch:not(:has(input:disabled)):has(input:active,  > label:active, :is(label):active):is(label), .db-switch:not(:has(input:disabled)):has(input:active,  > label:active, :is(label):active) > label) {
    cursor: var(--db-overwrite-cursor, pointer);
  }

  .db-switch:not(:has(input:disabled)):has(input:active,  > label:active, :is(label):active) input {
    cursor: var(--db-overwrite-cursor, pointer);
    background-color: var(--db-adaptive-bg-basic-transparent-full-pressed);
  }

  .db-switch:has(input:not([data-custom-validity]):required:user-valid):has(.db-infotext[data-semantic="successful"]) {
    --db-check-element-border-color: var(--lightningcss-light, #4e850f) var(--lightningcss-dark, #60a114);
    --db-adaptive-on-bg-basic-emphasis-100-default: var(--lightningcss-light, #3d6a09) var(--lightningcss-dark, #72bf1a);
    --db-adaptive-on-bg-basic-emphasis-100-hovered: var(--lightningcss-light, #1d3702) var(--lightningcss-dark, #c3ff9d);
    --db-adaptive-on-bg-basic-emphasis-100-pressed: var(--lightningcss-light, #305506) var(--lightningcss-dark, #85dd20);
    --db-adaptive-on-bg-inverted-default: var(--lightningcss-light, #edffe4) var(--lightningcss-dark, #1d3702);
  }

  .db-switch:has(input:not([data-custom-validity]):required:user-valid):has(.db-infotext[data-semantic="successful"]) > .db-infotext[data-semantic="successful"]:not([hidden]) {
    display: flex;
  }

  .db-switch:has(input:not([data-custom-validity]):required:user-valid):has(.db-infotext[data-semantic="successful"]) > db-infotext > .db-infotext[data-semantic="successful"]:not([hidden]) {
    display: flex;
  }

  .db-switch:has(input:not([data-custom-validity]):required:user-valid):has(.db-infotext[data-semantic="successful"]) > .db-infotext:not([data-semantic]):not([hidden]) {
    display: none;
  }

  .db-switch:has(input:not([data-custom-validity]):required:user-valid):has(.db-infotext[data-semantic="successful"]) > db-infotext > .db-infotext:not([data-semantic]):not([hidden]) {
    display: none;
  }

  .db-switch:has(input:not([data-custom-validity]):required:user-valid):has(.db-infotext[data-semantic="successful"]) input:not(:checked) {
    --db-adaptive-bg-basic-transparent-full-default: transparent;
    --db-adaptive-bg-basic-transparent-full-hovered: var(--lightningcss-light, #3d6a093d) var(--lightningcss-dark, #72bf1a3d);
    --db-adaptive-bg-basic-transparent-full-pressed: var(--lightningcss-light, #3d6a0952) var(--lightningcss-dark, #72bf1a52);
  }

  .db-switch:has(input:not([data-custom-validity]):required:user-valid):has(.db-infotext[data-semantic="successful"]) input:checked {
    --db-adaptive-bg-basic-transparent-full-default: var(--lightningcss-light, #4e850f) var(--lightningcss-dark, #60a114);
    --db-adaptive-bg-basic-transparent-full-hovered: var(--lightningcss-light, #1d3702) var(--lightningcss-dark, #c3ff9d);
    --db-adaptive-bg-basic-transparent-full-pressed: var(--lightningcss-light, #3d6a09) var(--lightningcss-dark, #72bf1a);
  }

  .db-switch:has(input[data-custom-validity="valid"]):has(.db-infotext[data-semantic="successful"]) {
    --db-check-element-border-color: var(--lightningcss-light, #4e850f) var(--lightningcss-dark, #60a114);
    --db-adaptive-on-bg-basic-emphasis-100-default: var(--lightningcss-light, #3d6a09) var(--lightningcss-dark, #72bf1a);
    --db-adaptive-on-bg-basic-emphasis-100-hovered: var(--lightningcss-light, #1d3702) var(--lightningcss-dark, #c3ff9d);
    --db-adaptive-on-bg-basic-emphasis-100-pressed: var(--lightningcss-light, #305506) var(--lightningcss-dark, #85dd20);
    --db-adaptive-on-bg-inverted-default: var(--lightningcss-light, #edffe4) var(--lightningcss-dark, #1d3702);
  }

  .db-switch[data-custom-validity="valid"]:has(.db-infotext[data-semantic="successful"]) {
    --db-check-element-border-color: var(--lightningcss-light, #4e850f) var(--lightningcss-dark, #60a114);
    --db-adaptive-on-bg-basic-emphasis-100-default: var(--lightningcss-light, #3d6a09) var(--lightningcss-dark, #72bf1a);
    --db-adaptive-on-bg-basic-emphasis-100-hovered: var(--lightningcss-light, #1d3702) var(--lightningcss-dark, #c3ff9d);
    --db-adaptive-on-bg-basic-emphasis-100-pressed: var(--lightningcss-light, #305506) var(--lightningcss-dark, #85dd20);
    --db-adaptive-on-bg-inverted-default: var(--lightningcss-light, #edffe4) var(--lightningcss-dark, #1d3702);
  }

  .db-switch:has(input[data-custom-validity="valid"]):has(.db-infotext[data-semantic="successful"]) > .db-infotext[data-semantic="successful"]:not([hidden]) {
    display: flex;
  }

  .db-switch:has(input[data-custom-validity="valid"]):has(.db-infotext[data-semantic="successful"]) > db-infotext > .db-infotext[data-semantic="successful"]:not([hidden]) {
    display: flex;
  }

  .db-switch[data-custom-validity="valid"]:has(.db-infotext[data-semantic="successful"]) > .db-infotext[data-semantic="successful"]:not([hidden]) {
    display: flex;
  }

  .db-switch[data-custom-validity="valid"]:has(.db-infotext[data-semantic="successful"]) > db-infotext > .db-infotext[data-semantic="successful"]:not([hidden]) {
    display: flex;
  }

  .db-switch:has(input[data-custom-validity="valid"]):has(.db-infotext[data-semantic="successful"]) > .db-infotext:not([data-semantic]):not([hidden]) {
    display: none;
  }

  .db-switch:has(input[data-custom-validity="valid"]):has(.db-infotext[data-semantic="successful"]) > db-infotext > .db-infotext:not([data-semantic]):not([hidden]) {
    display: none;
  }

  .db-switch[data-custom-validity="valid"]:has(.db-infotext[data-semantic="successful"]) > .db-infotext:not([data-semantic]):not([hidden]) {
    display: none;
  }

  .db-switch[data-custom-validity="valid"]:has(.db-infotext[data-semantic="successful"]) > db-infotext > .db-infotext:not([data-semantic]):not([hidden]) {
    display: none;
  }

  .db-switch:has(input[data-custom-validity="valid"]):has(.db-infotext[data-semantic="successful"]) input:not(:checked) {
    --db-adaptive-bg-basic-transparent-full-default: transparent;
    --db-adaptive-bg-basic-transparent-full-hovered: var(--lightningcss-light, #3d6a093d) var(--lightningcss-dark, #72bf1a3d);
    --db-adaptive-bg-basic-transparent-full-pressed: var(--lightningcss-light, #3d6a0952) var(--lightningcss-dark, #72bf1a52);
  }

  .db-switch[data-custom-validity="valid"]:has(.db-infotext[data-semantic="successful"]) input:not(:checked) {
    --db-adaptive-bg-basic-transparent-full-default: transparent;
    --db-adaptive-bg-basic-transparent-full-hovered: var(--lightningcss-light, #3d6a093d) var(--lightningcss-dark, #72bf1a3d);
    --db-adaptive-bg-basic-transparent-full-pressed: var(--lightningcss-light, #3d6a0952) var(--lightningcss-dark, #72bf1a52);
  }

  .db-switch:has(input[data-custom-validity="valid"]):has(.db-infotext[data-semantic="successful"]) input:checked {
    --db-adaptive-bg-basic-transparent-full-default: var(--lightningcss-light, #4e850f) var(--lightningcss-dark, #60a114);
    --db-adaptive-bg-basic-transparent-full-hovered: var(--lightningcss-light, #1d3702) var(--lightningcss-dark, #c3ff9d);
    --db-adaptive-bg-basic-transparent-full-pressed: var(--lightningcss-light, #3d6a09) var(--lightningcss-dark, #72bf1a);
  }

  .db-switch[data-custom-validity="valid"]:has(.db-infotext[data-semantic="successful"]) input:checked {
    --db-adaptive-bg-basic-transparent-full-default: var(--lightningcss-light, #4e850f) var(--lightningcss-dark, #60a114);
    --db-adaptive-bg-basic-transparent-full-hovered: var(--lightningcss-light, #1d3702) var(--lightningcss-dark, #c3ff9d);
    --db-adaptive-bg-basic-transparent-full-pressed: var(--lightningcss-light, #3d6a09) var(--lightningcss-dark, #72bf1a);
  }

  .db-switch:has(input:not([data-custom-validity]):required:user-invalid) {
    --db-check-element-border-color: var(--lightningcss-light, #ef0016) var(--lightningcss-dark, #ff5357);
    --db-adaptive-on-bg-basic-emphasis-100-default: var(--lightningcss-light, #c00010) var(--lightningcss-dark, #ff888a);
    --db-adaptive-on-bg-basic-emphasis-100-hovered: var(--lightningcss-light, #690004) var(--lightningcss-dark, #ffe9e9);
    --db-adaptive-on-bg-basic-emphasis-100-pressed: var(--lightningcss-light, #9c000a) var(--lightningcss-dark, #ffb3b4);
    --db-adaptive-on-bg-inverted-default: var(--lightningcss-light, #fff8f8) var(--lightningcss-dark, #690004);
  }

  .db-switch:has(input:not([data-custom-validity]):required:user-invalid) > .db-infotext[data-semantic="critical"]:not([hidden]) {
    display: flex;
  }

  .db-switch:has(input:not([data-custom-validity]):required:user-invalid) > db-infotext > .db-infotext[data-semantic="critical"]:not([hidden]) {
    display: flex;
  }

  .db-switch:has(input:not([data-custom-validity]):required:user-invalid) > .db-infotext:not([data-semantic]):not([hidden]) {
    display: none;
  }

  .db-switch:has(input:not([data-custom-validity]):required:user-invalid) > db-infotext > .db-infotext:not([data-semantic]):not([hidden]) {
    display: none;
  }

  .db-switch:has(input:not([data-custom-validity]):required:user-invalid) input:not(:checked) {
    --db-adaptive-bg-basic-transparent-full-default: transparent;
    --db-adaptive-bg-basic-transparent-full-hovered: var(--lightningcss-light, #c000103d) var(--lightningcss-dark, #ff888a3d);
    --db-adaptive-bg-basic-transparent-full-pressed: var(--lightningcss-light, #c0001052) var(--lightningcss-dark, #ff888a52);
  }

  .db-switch:has(input:not([data-custom-validity]):required:user-invalid) input:checked {
    --db-adaptive-bg-basic-transparent-full-default: var(--lightningcss-light, #ef0016) var(--lightningcss-dark, #ff5357);
    --db-adaptive-bg-basic-transparent-full-hovered: var(--lightningcss-light, #690004) var(--lightningcss-dark, #ffe9e9);
    --db-adaptive-bg-basic-transparent-full-pressed: var(--lightningcss-light, #c00010) var(--lightningcss-dark, #ff888a);
  }

  .db-switch[data-custom-validity="invalid"] {
    --db-check-element-border-color: var(--lightningcss-light, #ef0016) var(--lightningcss-dark, #ff5357);
    --db-adaptive-on-bg-basic-emphasis-100-default: var(--lightningcss-light, #c00010) var(--lightningcss-dark, #ff888a);
    --db-adaptive-on-bg-basic-emphasis-100-hovered: var(--lightningcss-light, #690004) var(--lightningcss-dark, #ffe9e9);
    --db-adaptive-on-bg-basic-emphasis-100-pressed: var(--lightningcss-light, #9c000a) var(--lightningcss-dark, #ffb3b4);
    --db-adaptive-on-bg-inverted-default: var(--lightningcss-light, #fff8f8) var(--lightningcss-dark, #690004);
  }

  .db-switch:has(input[data-custom-validity="invalid"]) {
    --db-check-element-border-color: var(--lightningcss-light, #ef0016) var(--lightningcss-dark, #ff5357);
    --db-adaptive-on-bg-basic-emphasis-100-default: var(--lightningcss-light, #c00010) var(--lightningcss-dark, #ff888a);
    --db-adaptive-on-bg-basic-emphasis-100-hovered: var(--lightningcss-light, #690004) var(--lightningcss-dark, #ffe9e9);
    --db-adaptive-on-bg-basic-emphasis-100-pressed: var(--lightningcss-light, #9c000a) var(--lightningcss-dark, #ffb3b4);
    --db-adaptive-on-bg-inverted-default: var(--lightningcss-light, #fff8f8) var(--lightningcss-dark, #690004);
  }

  .db-switch[data-custom-validity="invalid"] > .db-infotext[data-semantic="critical"]:not([hidden]), .db-switch[data-custom-validity="invalid"] > db-infotext > .db-infotext[data-semantic="critical"]:not([hidden]) {
    display: flex;
  }

  .db-switch:has(input[data-custom-validity="invalid"]) > .db-infotext[data-semantic="critical"]:not([hidden]) {
    display: flex;
  }

  .db-switch:has(input[data-custom-validity="invalid"]) > db-infotext > .db-infotext[data-semantic="critical"]:not([hidden]) {
    display: flex;
  }

  .db-switch[data-custom-validity="invalid"] > .db-infotext:not([data-semantic]):not([hidden]), .db-switch[data-custom-validity="invalid"] > db-infotext > .db-infotext:not([data-semantic]):not([hidden]) {
    display: none;
  }

  .db-switch:has(input[data-custom-validity="invalid"]) > .db-infotext:not([data-semantic]):not([hidden]) {
    display: none;
  }

  .db-switch:has(input[data-custom-validity="invalid"]) > db-infotext > .db-infotext:not([data-semantic]):not([hidden]) {
    display: none;
  }

  .db-switch[data-custom-validity="invalid"] input:not(:checked) {
    --db-adaptive-bg-basic-transparent-full-default: transparent;
    --db-adaptive-bg-basic-transparent-full-hovered: var(--lightningcss-light, #c000103d) var(--lightningcss-dark, #ff888a3d);
    --db-adaptive-bg-basic-transparent-full-pressed: var(--lightningcss-light, #c0001052) var(--lightningcss-dark, #ff888a52);
  }

  .db-switch:has(input[data-custom-validity="invalid"]) input:not(:checked) {
    --db-adaptive-bg-basic-transparent-full-default: transparent;
    --db-adaptive-bg-basic-transparent-full-hovered: var(--lightningcss-light, #c000103d) var(--lightningcss-dark, #ff888a3d);
    --db-adaptive-bg-basic-transparent-full-pressed: var(--lightningcss-light, #c0001052) var(--lightningcss-dark, #ff888a52);
  }

  .db-switch[data-custom-validity="invalid"] input:checked {
    --db-adaptive-bg-basic-transparent-full-default: var(--lightningcss-light, #ef0016) var(--lightningcss-dark, #ff5357);
    --db-adaptive-bg-basic-transparent-full-hovered: var(--lightningcss-light, #690004) var(--lightningcss-dark, #ffe9e9);
    --db-adaptive-bg-basic-transparent-full-pressed: var(--lightningcss-light, #c00010) var(--lightningcss-dark, #ff888a);
  }

  .db-switch:has(input[data-custom-validity="invalid"]) input:checked {
    --db-adaptive-bg-basic-transparent-full-default: var(--lightningcss-light, #ef0016) var(--lightningcss-dark, #ff5357);
    --db-adaptive-bg-basic-transparent-full-hovered: var(--lightningcss-light, #690004) var(--lightningcss-dark, #ffe9e9);
    --db-adaptive-bg-basic-transparent-full-pressed: var(--lightningcss-light, #c00010) var(--lightningcss-dark, #ff888a);
  }

  .db-switch input {
    --db-icon-margin-start: 0;
    --thumb-offset-x: .125rem;
    appearance: none;
    inline-size: calc(2lh + .125rem);
    min-inline-size: calc(2lh + .125rem);
    block-size: var(--db-icon-font-size);
    box-sizing: initial;
    margin-inline-end: 0;
  }

  .db-switch input:not([hidden]) {
    display: flex;
  }

  .db-switch input {
    border-radius: 500rem;
    align-items: center;
    gap: .125rem;
  }

  .db-switch input:not([data-show-icon-trailing="false"]):after {
    --db-icon-trailing: "cross";
    content: var(--db-icon-trailing, attr(data-icon-trailing));
    margin-inline-start: var(--db-icon-margin-start, var(--db-spacing-fixed-xs));
  }

  @supports (content: ""/"") {
    .db-switch input:not([data-show-icon-trailing="false"]):after {
      content: var(--db-icon-trailing, attr(data-icon-trailing))/"";
    }
  }

  .db-switch input:after {
    --db-icon-color: var(--db-adaptive-on-bg-basic-emphasis-100-default);
    visibility: hidden;
    aspect-ratio: 1;
    align-self: center;
  }

  .db-switch input:before {
    content: "";
    text-align: center;
    aspect-ratio: 1;
    block-size: calc(var(--db-icon-font-size) - .25rem);
    background-color: var(--db-check-element-border-color, var(--db-adaptive-on-bg-basic-emphasis-100-default));
    color: var(--db-check-element-border-color, var(--db-adaptive-on-bg-basic-emphasis-100-default));
    transform: translateX(var(--thumb-offset-x));
    border-radius: 500rem;
    align-content: center;
    margin-inline-end: calc(var(--db-icon-font-size) - var(--db-icon-font-size) + .25rem);
  }

  @media (prefers-reduced-motion: no-preference) {
    .db-switch input:before {
      transition: margin .15s cubic-bezier(.27, .05, .4, .95), inline-size .15s cubic-bezier(.27, .05, .4, .95), block-size .15s cubic-bezier(.27, .05, .4, .95), transform .15s cubic-bezier(.27, .05, .4, .95), visibility .15s cubic-bezier(.27, .05, .4, .95);
    }
  }

  @media (forced-colors: active) {
    .db-switch input:before {
      content: "•"/"";
    }
  }

  .db-switch input:checked {
    --thumb-offset-x: calc(100% + .125rem);
    --db-icon-color: var(--db-adaptive-on-bg-inverted-default);
    --db-adaptive-bg-basic-transparent-full-default: var(--db-adaptive-bg-inverted-contrast-max-default);
    --db-adaptive-bg-basic-transparent-full-hovered: var(--db-adaptive-bg-inverted-contrast-max-hovered);
    --db-adaptive-bg-basic-transparent-full-pressed: var(--db-adaptive-bg-inverted-contrast-max-pressed);
  }

  .db-switch input:checked:after {
    --db-icon-color: var(--db-adaptive-on-bg-inverted-default);
  }

  .db-switch input:checked:before {
    block-size: calc(var(--db-icon-font-size));
    background-color: var(--db-adaptive-on-bg-inverted-default);
    color: var(--db-adaptive-on-bg-inverted-default);
    margin: 0;
  }

  .db-switch input:focus-visible {
    border-radius: 500rem;
  }

  .db-switch input[data-aid-icon]:not(:checked):after {
    --db-icon-trailing: attr(data-aid-icon);
  }

  .db-switch input[data-aid-icon-trailing]:checked:after {
    --db-icon-trailing: attr(data-aid-icon-trailing);
  }

  @media (prefers-reduced-motion: no-preference) {
    .db-switch input {
      transition: none;
    }
  }

  .db-switch[data-hide-label="true"] > label {
    margin: 0;
  }

  .db-switch[data-hide-label="true"] > label > span {
    font-size: 0;
  }

  .db-switch[data-visual-aid="true"] input:after {
    visibility: visible;
    block-size: calc(var(--db-icon-font-size));
  }

  @media (prefers-reduced-motion: no-preference) {
    .db-switch[data-visual-aid="true"] input:after {
      transition: transform .15s cubic-bezier(.27, .05, .4, .95);
    }
  }

  .db-switch[data-visual-aid="true"] input:checked:not([data-aid-icon]):not([data-show-icon-trailing="false"]):after {
    --db-icon-trailing: "check";
    content: var(--db-icon-trailing, attr(data-icon-trailing));
    margin-inline-start: var(--db-icon-margin-start, var(--db-spacing-fixed-xs));
  }

  @supports (content: ""/"") {
    .db-switch[data-visual-aid="true"] input:checked:not([data-aid-icon]):not([data-show-icon-trailing="false"]):after {
      content: var(--db-icon-trailing, attr(data-icon-trailing))/"";
    }
  }

  .db-switch[data-visual-aid="true"] input:checked:after {
    transform-origin: 100%;
    transform: translate(calc(-100% - .125rem));
  }

  .db-switch:not([data-variant="leading"]) > label {
    flex-direction: row;
  }

  .db-switch:not([data-variant="leading"]) input, .db-switch:not([data-variant="leading"])[data-size="small"] input {
    margin-inline-end: var(--db-spacing-fixed-xs);
  }

  .db-switch[data-variant="leading"]:not([data-hide-asterisk="true"])[data-required="true"] > label:after {
    content: none;
  }

  .db-switch[data-variant="leading"]:not([data-hide-asterisk="true"]):has(input:required) > label:after {
    content: none;
  }

  .db-switch[data-variant="leading"]:not([data-hide-asterisk="true"])[data-required="true"] > label:before {
    content: "*";
    order: 1;
  }

  .db-switch[data-variant="leading"]:not([data-hide-asterisk="true"]):has(input:required) > label:before {
    content: "*";
    order: 1;
  }

  @supports (content: ""/"") {
    .db-switch[data-variant="leading"]:not([data-hide-asterisk="true"])[data-required="true"] > label:before {
      content: "*"/"";
    }

    .db-switch[data-variant="leading"]:not([data-hide-asterisk="true"]):has(input:required) > label:before {
      content: "*"/"";
    }
  }

  .db-switch[data-variant="leading"] input {
    order: 2;
    margin-inline-start: var(--db-spacing-fixed-xs);
  }

  .db-switch[data-variant="leading"][data-size="small"] input {
    margin-inline-start: var(--db-spacing-fixed-2xs);
  }

  .db-stack:not([hidden]) {
    display: flex;
  }

  .db-stack {
    gap: var(--db-spacing-fixed-sm);
    justify-content: flex-start;
    block-size: 100%;
    inline-size: 100%;
    overflow: auto;
  }

  .db-stack:is([data-direction="column"], :not([data-direction])) {
    flex-direction: column;
  }

  .db-stack > .db-divider, .db-stack > db-divider > .db-divider {
    margin: 0;
  }

  [data-direction="row"].db-stack {
    flex-direction: row;
  }

  [data-wrap="true"].db-stack {
    flex-wrap: wrap;
  }

  [data-alignment="stretch"].db-stack {
    align-items: stretch;
  }

  [data-alignment="start"].db-stack {
    align-items: flex-start;
  }

  [data-alignment="end"].db-stack {
    align-items: flex-end;
  }

  [data-alignment="center"].db-stack {
    align-items: center;
  }

  [data-justify-content="start"].db-stack {
    justify-content: flex-start;
  }

  [data-justify-content="end"].db-stack {
    justify-content: flex-end;
  }

  [data-justify-content="center"].db-stack {
    justify-content: center;
  }

  [data-justify-content="space-between"].db-stack {
    justify-content: space-between;
  }

  [data-gap="3x-small"].db-stack {
    gap: var(--db-spacing-fixed-3xs);
  }

  [data-gap="2x-small"].db-stack {
    gap: var(--db-spacing-fixed-2xs);
  }

  [data-gap="x-small"].db-stack {
    gap: var(--db-spacing-fixed-xs);
  }

  [data-gap="small"].db-stack {
    gap: var(--db-spacing-fixed-sm);
  }

  [data-gap="medium"].db-stack {
    gap: var(--db-spacing-fixed-md);
  }

  [data-gap="large"].db-stack {
    gap: var(--db-spacing-fixed-lg);
  }

  [data-gap="x-large"].db-stack {
    gap: var(--db-spacing-fixed-xl);
  }

  [data-gap="2x-large"].db-stack {
    gap: var(--db-spacing-fixed-2xl);
  }

  [data-gap="3x-large"].db-stack {
    gap: var(--db-spacing-fixed-3xl);
  }

  [data-gap="none"].db-stack {
    gap: 0;
  }

  .db-custom-select {
    --db-form-component-padding-inline-end: calc(var(--db-icon-font-size) + var(--db-spacing-fixed-sm) + var(--db-spacing-fixed-xs) + var(--db-sizing-sm) + var(--db-spacing-fixed-sm));
    --db-form-component-padding-inline-start: calc(var(--db-form-has-before)*(var(--db-base-body-icon-font-size-sm) + var(--db-spacing-fixed-sm)) + var(--db-spacing-fixed-xs));
    --db-form-component-min-inline-size: var(--db-sizing-xl);
  }

  .db-custom-select[data-icon]:not([data-show-icon="false"]) {
    --db-form-component-min-inline-size: var(--db-sizing-2xl);
  }

  .db-custom-select:not([data-width]), .db-custom-select:not([data-width]) .db-custom-select-form-field, .db-custom-select[data-width="full"], .db-custom-select[data-width="full"] .db-custom-select-form-field {
    inline-size: 100%;
  }

  .db-custom-select[data-hide-label="true"] {
    --db-label-visible-height: 0;
    --db-label-visible-spacing: 1;
  }

  .db-custom-select {
    min-inline-size: var(--db-form-component-min-inline-size, var(--db-sizing-lg));
    --db-form-has-before: 0;
    flex-direction: column;
    position: relative;
  }

  .db-custom-select:not([hidden]) {
    display: flex;
  }

  .db-custom-select[data-hide-label="true"], .db-custom-select[data-variant="floating"] {
    --db-label-visible-above: 0;
  }

  .db-custom-select:not([data-hide-asterisk="true"])[data-required="true"]:is(label):after, .db-custom-select:not([data-hide-asterisk="true"])[data-required="true"] > label:after {
    content: "*";
    padding-inline-start: 1px;
  }

  .db-custom-select:not([data-hide-asterisk="true"]):has(summary:required):is(label):after {
    content: "*";
    padding-inline-start: 1px;
  }

  .db-custom-select:not([data-hide-asterisk="true"]):has(summary:required) > label:after {
    content: "*";
    padding-inline-start: 1px;
  }

  @supports (content: ""/"") {
    .db-custom-select:not([data-hide-asterisk="true"])[data-required="true"]:is(label):after, .db-custom-select:not([data-hide-asterisk="true"])[data-required="true"] > label:after {
      content: "*"/"";
    }

    .db-custom-select:not([data-hide-asterisk="true"]):has(summary:required):is(label):after {
      content: "*"/"";
    }

    .db-custom-select:not([data-hide-asterisk="true"]):has(summary:required) > label:after {
      content: "*"/"";
    }
  }

  .db-custom-select[data-variant="floating"]:has(select:not([data-custom-validity]):required:user-valid) label {
    color: var(--lightningcss-light, #264604) var(--lightningcss-dark, #85dd20);
  }

  .db-custom-select[data-variant="floating"][data-custom-validity="valid"] label {
    color: var(--lightningcss-light, #264604) var(--lightningcss-dark, #85dd20);
  }

  .db-custom-select[data-variant="floating"]:has(select[data-custom-validity="valid"]) label {
    color: var(--lightningcss-light, #264604) var(--lightningcss-dark, #85dd20);
  }

  .db-custom-select[data-variant="floating"]:has(select:not([data-custom-validity]):required:user-invalid) label {
    color: var(--lightningcss-light, #820007) var(--lightningcss-dark, #ffb3b4);
  }

  .db-custom-select[data-variant="floating"][data-custom-validity="invalid"] label {
    color: var(--lightningcss-light, #820007) var(--lightningcss-dark, #ffb3b4);
  }

  .db-custom-select[data-variant="floating"]:has(select[data-custom-validity="invalid"]) label {
    color: var(--lightningcss-light, #820007) var(--lightningcss-dark, #ffb3b4);
  }

  .db-custom-select[data-variant="floating"] > label {
    opacity: .76;
    z-index: 2;
    inset-block-start: calc((var(--db-sizing-md) - var(--db-icon-font-size))/2);
    inset-inline: var(--db-form-component-padding-inline-start, var(--db-spacing-fixed-sm)) var(--db-form-component-padding-inline-end, var(--db-spacing-fixed-sm));
    pointer-events: none;
    font-style: italic;
    position: absolute;
  }

  .db-custom-select[data-variant="floating"] [id$="-placeholder"] {
    inset-block-start: calc(var(--db-sizing-md)/2 - .5em + var(--db-spacing-fixed-3xs));
  }

  .db-custom-select[data-variant="floating"] [id$="-placeholder"], .db-custom-select[data-variant="floating"] summary::placeholder {
    opacity: 0;
    transition: none;
  }

  .db-custom-select[data-variant="floating"] summary:is([type="date"], [type="datetime-local"], [type="month"], [type="week"], [type="time"]):not(:user-valid, [value*="1"], [value*="2"], [value*="3"], [value*="4"], [value*="5"], [value*="6"], [value*="7"], [value*="8"], [value*="9"], [value*="0"])::-webkit-datetime-edit {
    opacity: 0;
    transition: none;
  }

  .db-custom-select[data-variant="floating"] summary {
    padding-block-start: var(--db-base-body-icon-font-size-2xs);
  }

  .db-custom-select[data-variant="floating"]:has(:focus-within, summary:is(input, textarea):not(:placeholder-shown),  > select option:checked:not(.placeholder), input[type="checkbox"]:checked, input[type="radio"]:checked) > label {
    opacity: 1;
    font-style: normal;
    inset-block-start: var(--db-spacing-fixed-2xs);
  }

  .db-custom-select[data-variant="floating"]:has(:focus-within, summary:is(input, textarea):not(:placeholder-shown),  > select option:checked:not(.placeholder), input[type="checkbox"]:checked, input[type="radio"]:checked) [id$="-placeholder"] {
    opacity: .76;
    padding-block-start: var(--db-base-body-icon-font-size-2xs);
    font-family: DB Neo Screen Sans, helvetica, arial, sans-serif;
    font-style: italic;
  }

  .db-custom-select[data-variant="floating"]:has(:focus-within, summary:is(input, textarea):not(:placeholder-shown),  > select option:checked:not(.placeholder), input[type="checkbox"]:checked, input[type="radio"]:checked) summary::placeholder {
    opacity: .76;
    padding-block-start: var(--db-base-body-icon-font-size-2xs);
    font-family: DB Neo Screen Sans, helvetica, arial, sans-serif;
    font-style: italic;
  }

  @media (prefers-reduced-motion: no-preference) {
    .db-custom-select[data-variant="floating"]:has(:focus-within, summary:is(input, textarea):not(:placeholder-shown),  > select option:checked:not(.placeholder), input[type="checkbox"]:checked, input[type="radio"]:checked) [id$="-placeholder"] {
      transition: opacity .3s cubic-bezier(.27, .05, .4, .95);
    }

    .db-custom-select[data-variant="floating"]:has(:focus-within, summary:is(input, textarea):not(:placeholder-shown),  > select option:checked:not(.placeholder), input[type="checkbox"]:checked, input[type="radio"]:checked) summary::placeholder {
      transition: opacity .3s cubic-bezier(.27, .05, .4, .95);
    }
  }

  .db-custom-select[data-variant="floating"]:has(:focus-within, summary:is(input, textarea):not(:placeholder-shown),  > select option:checked:not(.placeholder), input[type="checkbox"]:checked, input[type="radio"]:checked) summary:is([type="date"], [type="datetime-local"], [type="month"], [type="week"], [type="time"]):not(:user-valid, [value*="1"], [value*="2"], [value*="3"], [value*="4"], [value*="5"], [value*="6"], [value*="7"], [value*="8"], [value*="9"], [value*="0"])::-webkit-datetime-edit {
    opacity: .76;
    padding-block-start: var(--db-base-body-icon-font-size-2xs);
    font-family: DB Neo Screen Sans, helvetica, arial, sans-serif;
    font-style: italic;
  }

  @media (prefers-reduced-motion: no-preference) {
    .db-custom-select[data-variant="floating"]:has(:focus-within, summary:is(input, textarea):not(:placeholder-shown),  > select option:checked:not(.placeholder), input[type="checkbox"]:checked, input[type="radio"]:checked) summary:is([type="date"], [type="datetime-local"], [type="month"], [type="week"], [type="time"]):not(:user-valid, [value*="1"], [value*="2"], [value*="3"], [value*="4"], [value*="5"], [value*="6"], [value*="7"], [value*="8"], [value*="9"], [value*="0"])::-webkit-datetime-edit {
      transition: opacity .3s cubic-bezier(.27, .05, .4, .95);
    }
  }

  .db-custom-select:has(select:not([data-custom-validity]):required:user-valid) [id$="-placeholder"] {
    color: var(--lightningcss-light, #0c1b01) var(--lightningcss-dark, #c3ff9d);
    caret-color: var(--lightningcss-light, #0c1b01) var(--lightningcss-dark, #c3ff9d);
  }

  .db-custom-select:has(select:not([data-custom-validity]):required:user-valid) summary {
    color: var(--lightningcss-light, #0c1b01) var(--lightningcss-dark, #c3ff9d);
    caret-color: var(--lightningcss-light, #0c1b01) var(--lightningcss-dark, #c3ff9d);
  }

  .db-custom-select:has(select:not([data-custom-validity]):required:user-valid) > .db-infotext[data-semantic="successful"]:not([hidden]) {
    display: flex;
  }

  .db-custom-select:has(select:not([data-custom-validity]):required:user-valid) > db-infotext > .db-infotext[data-semantic="successful"]:not([hidden]) {
    display: flex;
  }

  .db-custom-select:has(select:not([data-custom-validity]):required:user-valid) > .db-infotext:not([data-semantic]):not([hidden]) {
    display: none;
  }

  .db-custom-select:has(select:not([data-custom-validity]):required:user-valid) > db-infotext > .db-infotext:not([data-semantic]):not([hidden]) {
    display: none;
  }

  .db-custom-select[data-custom-validity="valid"] [id$="-placeholder"], .db-custom-select[data-custom-validity="valid"] summary {
    color: var(--lightningcss-light, #0c1b01) var(--lightningcss-dark, #c3ff9d);
    caret-color: var(--lightningcss-light, #0c1b01) var(--lightningcss-dark, #c3ff9d);
  }

  .db-custom-select:has(select[data-custom-validity="valid"]) [id$="-placeholder"] {
    color: var(--lightningcss-light, #0c1b01) var(--lightningcss-dark, #c3ff9d);
    caret-color: var(--lightningcss-light, #0c1b01) var(--lightningcss-dark, #c3ff9d);
  }

  .db-custom-select:has(select[data-custom-validity="valid"]) summary {
    color: var(--lightningcss-light, #0c1b01) var(--lightningcss-dark, #c3ff9d);
    caret-color: var(--lightningcss-light, #0c1b01) var(--lightningcss-dark, #c3ff9d);
  }

  .db-custom-select[data-custom-validity="valid"] > .db-infotext[data-semantic="successful"]:not([hidden]), .db-custom-select[data-custom-validity="valid"] > db-infotext > .db-infotext[data-semantic="successful"]:not([hidden]) {
    display: flex;
  }

  .db-custom-select:has(select[data-custom-validity="valid"]) > .db-infotext[data-semantic="successful"]:not([hidden]) {
    display: flex;
  }

  .db-custom-select:has(select[data-custom-validity="valid"]) > db-infotext > .db-infotext[data-semantic="successful"]:not([hidden]) {
    display: flex;
  }

  .db-custom-select[data-custom-validity="valid"] > .db-infotext:not([data-semantic]):not([hidden]), .db-custom-select[data-custom-validity="valid"] > db-infotext > .db-infotext:not([data-semantic]):not([hidden]) {
    display: none;
  }

  .db-custom-select:has(select[data-custom-validity="valid"]) > .db-infotext:not([data-semantic]):not([hidden]) {
    display: none;
  }

  .db-custom-select:has(select[data-custom-validity="valid"]) > db-infotext > .db-infotext:not([data-semantic]):not([hidden]) {
    display: none;
  }

  .db-custom-select:has(select:not([data-custom-validity]):required:user-invalid) [id$="-placeholder"] {
    color: var(--lightningcss-light, #390001) var(--lightningcss-dark, #ffe9e9);
    caret-color: var(--lightningcss-light, #390001) var(--lightningcss-dark, #ffe9e9);
  }

  .db-custom-select:has(select:not([data-custom-validity]):required:user-invalid) summary {
    color: var(--lightningcss-light, #390001) var(--lightningcss-dark, #ffe9e9);
    caret-color: var(--lightningcss-light, #390001) var(--lightningcss-dark, #ffe9e9);
  }

  .db-custom-select:has(select:not([data-custom-validity]):required:user-invalid) > .db-infotext[data-semantic="critical"]:not([hidden]) {
    display: flex;
  }

  .db-custom-select:has(select:not([data-custom-validity]):required:user-invalid) > db-infotext > .db-infotext[data-semantic="critical"]:not([hidden]) {
    display: flex;
  }

  .db-custom-select:has(select:not([data-custom-validity]):required:user-invalid) > .db-infotext:not([data-semantic]):not([hidden]) {
    display: none;
  }

  .db-custom-select:has(select:not([data-custom-validity]):required:user-invalid) > db-infotext > .db-infotext:not([data-semantic]):not([hidden]) {
    display: none;
  }

  .db-custom-select[data-custom-validity="invalid"] [id$="-placeholder"], .db-custom-select[data-custom-validity="invalid"] summary {
    color: var(--lightningcss-light, #390001) var(--lightningcss-dark, #ffe9e9);
    caret-color: var(--lightningcss-light, #390001) var(--lightningcss-dark, #ffe9e9);
  }

  .db-custom-select:has(select[data-custom-validity="invalid"]) [id$="-placeholder"] {
    color: var(--lightningcss-light, #390001) var(--lightningcss-dark, #ffe9e9);
    caret-color: var(--lightningcss-light, #390001) var(--lightningcss-dark, #ffe9e9);
  }

  .db-custom-select:has(select[data-custom-validity="invalid"]) summary {
    color: var(--lightningcss-light, #390001) var(--lightningcss-dark, #ffe9e9);
    caret-color: var(--lightningcss-light, #390001) var(--lightningcss-dark, #ffe9e9);
  }

  .db-custom-select[data-custom-validity="invalid"] > .db-infotext[data-semantic="critical"]:not([hidden]), .db-custom-select[data-custom-validity="invalid"] > db-infotext > .db-infotext[data-semantic="critical"]:not([hidden]) {
    display: flex;
  }

  .db-custom-select:has(select[data-custom-validity="invalid"]) > .db-infotext[data-semantic="critical"]:not([hidden]) {
    display: flex;
  }

  .db-custom-select:has(select[data-custom-validity="invalid"]) > db-infotext > .db-infotext[data-semantic="critical"]:not([hidden]) {
    display: flex;
  }

  .db-custom-select[data-custom-validity="invalid"] > .db-infotext:not([data-semantic]):not([hidden]), .db-custom-select[data-custom-validity="invalid"] > db-infotext > .db-infotext:not([data-semantic]):not([hidden]) {
    display: none;
  }

  .db-custom-select:has(select[data-custom-validity="invalid"]) > .db-infotext:not([data-semantic]):not([hidden]) {
    display: none;
  }

  .db-custom-select:has(select[data-custom-validity="invalid"]) > db-infotext > .db-infotext:not([data-semantic]):not([hidden]) {
    display: none;
  }

  .db-custom-select [id$="-placeholder"], .db-custom-select summary::placeholder {
    opacity: .76;
    font-family: DB Neo Screen Sans, helvetica, arial, sans-serif;
    font-style: italic;
  }

  .db-custom-select summary:is([type="date"], [type="datetime-local"], [type="month"], [type="week"], [type="time"]):not(:user-valid, [value*="1"], [value*="2"], [value*="3"], [value*="4"], [value*="5"], [value*="6"], [value*="7"], [value*="8"], [value*="9"], [value*="0"])::-webkit-datetime-edit {
    opacity: .76;
    font-family: DB Neo Screen Sans, helvetica, arial, sans-serif;
    font-style: italic;
  }

  .db-custom-select summary {
    background-color: var(--db-adaptive-bg-basic-transparent-semi-default);
    caret-color: var(--db-adaptive-on-bg-basic-emphasis-100-default);
    appearance: none;
    inline-size: 100%;
    max-inline-size: 100%;
    min-inline-size: var(--db-form-component-min-inline-size, var(--db-sizing-lg));
    padding-inline: var(--db-form-component-padding-inline-start, var(--db-spacing-fixed-sm)) var(--db-form-component-padding-inline-end, var(--db-spacing-fixed-sm));
  }

  .db-custom-select summary:hover:not(:disabled, [aria-disabled="true"], [tabindex="-1"], :has(:disabled)) {
    cursor: var(--db-overwrite-cursor, pointer);
    background-color: var(--db-adaptive-bg-basic-transparent-semi-hovered);
  }

  :is(.db-custom-select summary:hover:not(:disabled, [aria-disabled="true"], [tabindex="-1"], :has(:disabled)):is(input), .db-custom-select summary:hover:not(:disabled, [aria-disabled="true"], [tabindex="-1"], :has(:disabled)):is(textarea)) {
    cursor: auto;
  }

  .db-custom-select summary:hover:not(:disabled, [aria-disabled="true"], [tabindex="-1"], :has(:disabled)):is(input[type="checkbox"]) {
    cursor: pointer;
  }

  .db-custom-select summary:hover:not(:disabled, [aria-disabled="true"], [tabindex="-1"], :has(:disabled)):is(input[type="radio"]:not(:checked)) {
    cursor: pointer;
  }

  .db-custom-select > label {
    text-overflow: ellipsis;
    white-space: nowrap;
    max-inline-size: 25ch;
    padding-block-end: var(--db-spacing-fixed-xs);
    overflow: hidden;
  }

  @media (prefers-reduced-motion: no-preference) {
    .db-custom-select > label {
      transition: font-size .3s cubic-bezier(.27, .05, .4, .95);
    }
  }

  .db-custom-select[data-hide-label="true"] > label {
    padding: 0;
  }

  .db-custom-select:has(summary:disabled, summary[data-disabled="true"], summary[aria-disabled="true"]) {
    opacity: .4;
    pointer-events: none;
  }

  .db-custom-select:after, .db-custom-select:before {
    pointer-events: none;
    color: var(--db-adaptive-on-bg-basic-emphasis-100-default);
    z-index: 1;
    position: absolute;
    inset-block-start: calc((var(--db-spacing-fixed-xs) + var(--db-base-body-icon-font-size-xs))*var(--db-label-visible-above, 1) + var(--db-sizing-md)/2);
    transform: translateY(-50%);
  }

  .db-custom-select:before {
    margin-inline-end: var(--db-spacing-fixed-sm);
    inset-inline-start: var(--db-spacing-fixed-sm);
  }

  .db-custom-select:after {
    margin-inline-start: var(--db-spacing-fixed-sm);
    inset-inline-end: var(--db-spacing-fixed-sm);
  }

  .db-custom-select summary {
    block-size: var(--db-sizing-md);
    text-overflow: ellipsis;
  }

  .db-custom-select [id$="-placeholder"] {
    --db-form-component-padding-inline-end: calc(var(--db-icon-font-size) + var(--db-spacing-fixed-sm) + var(--db-spacing-fixed-xs));
    margin-inline-end: calc(var(--db-icon-font-size) + var(--db-spacing-fixed-sm));
  }

  .db-custom-select:has(summary span) [id$="-placeholder"]:not([hidden]) {
    display: none;
  }

  .db-custom-select > .db-button[data-icon="cross"][data-variant="ghost"], .db-custom-select > db-button > .db-button[data-icon="cross"][data-variant="ghost"] {
    --db-tooltip-parent-position: absolute;
    --db-divider-bg-color: var(--db-adaptive-on-bg-basic-emphasis-60-default);
    position: var(--db-tooltip-parent-position, relative);
    inset-block-start: calc((var(--db-spacing-fixed-xs) + var(--db-base-body-icon-font-size-xs))*var(--db-label-visible-above, 1) + var(--db-sizing-md)/2);
    inset-inline-end: calc(var(--db-icon-font-size) + var(--db-spacing-fixed-sm) + var(--db-spacing-fixed-xs) + var(--db-spacing-fixed-xs));
    transform: translateY(-50%);
  }

  .db-custom-select > .db-button[data-icon="cross"][data-variant="ghost"][data-emphasis="strong"], .db-custom-select > db-button > .db-button[data-icon="cross"][data-variant="ghost"][data-emphasis="strong"] {
    --db-divider-bg-color: var(--db-adaptive-on-bg-basic-emphasis-70-default);
  }

  .db-custom-select > .db-button[data-icon="cross"][data-variant="ghost"]:after, .db-custom-select > db-button > .db-button[data-icon="cross"][data-variant="ghost"]:after {
    content: "";
    background-color: var(--db-divider-bg-color);
    inline-size: .0625rem;
    inset-block: 0;
    inset-inline-end: 0;
  }

  @media (forced-colors: active) {
    .db-custom-select > .db-button[data-icon="cross"][data-variant="ghost"], .db-custom-select > db-button > .db-button[data-icon="cross"][data-variant="ghost"] {
      border: .0625rem solid var(--db-divider-bg-color);
    }
  }

  .db-custom-select > .db-button[data-icon="cross"][data-variant="ghost"]:after, .db-custom-select > db-button > .db-button[data-icon="cross"][data-variant="ghost"]:after {
    position: absolute;
    inset-inline-end: calc(var(--db-spacing-fixed-xs)*-1 - .0625rem);
  }

  .db-custom-select[data-selected-type="tag"] .db-custom-select-form-field:has(:not(div:empty)) {
    padding-block: var(--db-spacing-fixed-xs);
    block-size: auto;
  }

  .db-custom-select[data-selected-type="tag"] .db-custom-select-form-field:has(:not(div:empty)) > div {
    flex-wrap: wrap;
  }

  .db-custom-select[data-selected-type="tag"] .db-custom-select-form-field > button {
    align-self: start;
  }

  .db-custom-select > details[open] > summary[data-force-mobile="true"]:before {
    z-index: 9998;
    content: "";
    cursor: default;
    background-color: color(from var(--db-adaptive-on-bg-basic-emphasis-100-default) srgb r g b/.68);
    opacity: .68;
    position: fixed;
    inset: 0;
  }

  @media (max-width: 47.9375em) {
    .db-custom-select > details[open] > summary:before {
      z-index: 9998;
      content: "";
      cursor: default;
      background-color: color(from var(--db-adaptive-on-bg-basic-emphasis-100-default) srgb r g b/.68);
      opacity: .68;
      position: fixed;
      inset: 0;
    }
  }

  .db-custom-select > details[open] > summary > span > span:after {
    content: ": ";
  }

  .db-custom-select[data-variant="floating"] .db-custom-select-form-field > span {
    padding-block-start: calc(var(--db-type-body-font-size-2xs) + var(--db-spacing-fixed-3xs));
  }

  .db-custom-select-form-field:is(summary) {
    list-style: none;
  }

  .db-custom-select-form-field:is(summary):not([hidden]) {
    display: flex;
  }

  .db-custom-select-form-field:is(summary) {
    justify-content: space-between;
    align-items: center;
    gap: var(--db-spacing-fixed-sm);
  }

  .db-custom-select-form-field:is(summary) span {
    text-overflow: ellipsis;
    text-wrap: nowrap;
    overflow: hidden;
  }

  .db-custom-select-form-field:is(summary) > div:not([hidden]) {
    display: flex;
  }

  .db-custom-select-form-field:is(summary) > div {
    gap: var(--db-spacing-fixed-sm);
  }

  .db-custom-select-dropdown {
    z-index: 32;
    min-inline-size: var(--db-sizing-xl);
    max-inline-size: calc(100vw - var(--db-spacing-fixed-sm)*2);
    max-block-size: calc(100vh - var(--db-spacing-fixed-sm)*2);
    position: absolute;
    box-shadow: 0 0 2px -1px #0003, 0 0 8px 1px #0000001f, 0 0 4px #00000024;
  }

  .db-custom-select-dropdown:not([data-width]), .db-custom-select-dropdown[data-width="fixed"] {
    inline-size: var(--db-custom-select-dropdown-fixed-inline-size, var(--db-sizing-3xl));
  }

  .db-custom-select-dropdown[data-width="full"] {
    inline-size: 100%;
  }

  .db-custom-select-dropdown[data-force-mobile="true"] {
    z-index: 9999;
    block-size: fit-content;
    margin: auto;
    position: fixed;
    inset-block: 0;
    inset-inline: 50%;
    transform: translate(-50%);
  }

  @media (max-width: 47.9375em) {
    .db-custom-select-dropdown {
      z-index: 9999;
      block-size: fit-content;
      margin: auto;
      position: fixed;
      inset-block: 0;
      inset-inline: 50%;
      transform: translate(-50%);
    }
  }

  .db-custom-select-dropdown .db-input {
    min-inline-size: var(--db-sizing-2xl);
  }

  .db-custom-select-dropdown > db-custom-select-list > div:not([class~="db-custom-select-list"]):has(.db-checkbox) {
    padding: var(--db-spacing-fixed-xs) var(--db-spacing-fixed-sm);
    --db-divider-bg-color: var(--db-adaptive-on-bg-basic-emphasis-60-default);
    position: var(--db-tooltip-parent-position, relative);
  }

  .db-custom-select-dropdown > div:not([class~="db-custom-select-list"]):has(.db-checkbox) {
    padding: var(--db-spacing-fixed-xs) var(--db-spacing-fixed-sm);
    --db-divider-bg-color: var(--db-adaptive-on-bg-basic-emphasis-60-default);
    position: var(--db-tooltip-parent-position, relative);
  }

  .db-custom-select-dropdown > db-custom-select-list > div:not([class~="db-custom-select-list"]):has(.db-checkbox)[data-emphasis="strong"] {
    --db-divider-bg-color: var(--db-adaptive-on-bg-basic-emphasis-70-default);
  }

  .db-custom-select-dropdown > div:not([class~="db-custom-select-list"]):has(.db-checkbox)[data-emphasis="strong"] {
    --db-divider-bg-color: var(--db-adaptive-on-bg-basic-emphasis-70-default);
  }

  .db-custom-select-dropdown > db-custom-select-list > div:not([class~="db-custom-select-list"]):has(.db-checkbox):after {
    content: "";
    background-color: var(--db-divider-bg-color);
    block-size: .0625rem;
    position: absolute;
    inset-block-end: 0;
    inset-inline: 0;
  }

  .db-custom-select-dropdown > div:not([class~="db-custom-select-list"]):has(.db-checkbox):after {
    content: "";
    background-color: var(--db-divider-bg-color);
    block-size: .0625rem;
    position: absolute;
    inset-block-end: 0;
    inset-inline: 0;
  }

  @media (forced-colors: active) {
    .db-custom-select-dropdown > db-custom-select-list > div:not([class~="db-custom-select-list"]):has(.db-checkbox) {
      border: .0625rem solid var(--db-divider-bg-color);
    }

    .db-custom-select-dropdown > div:not([class~="db-custom-select-list"]):has(.db-checkbox) {
      border: .0625rem solid var(--db-divider-bg-color);
    }
  }

  .db-custom-select-dropdown > db-custom-select-list > div:not([class~="db-custom-select-list"]):has(.db-button) {
    padding: var(--db-spacing-fixed-md) calc(var(--db-spacing-fixed-sm)*2);
  }

  .db-custom-select-dropdown > db-custom-select-list > div:not([class~="db-custom-select-list"]):has(.db-input) {
    padding: var(--db-spacing-fixed-md) calc(var(--db-spacing-fixed-sm)*2);
  }

  .db-custom-select-dropdown > div:not([class~="db-custom-select-list"]):has(.db-button) {
    padding: var(--db-spacing-fixed-md) calc(var(--db-spacing-fixed-sm)*2);
  }

  .db-custom-select-dropdown > div:not([class~="db-custom-select-list"]):has(.db-input) {
    padding: var(--db-spacing-fixed-md) calc(var(--db-spacing-fixed-sm)*2);
  }

  .db-custom-select-dropdown > db-custom-select-list > div:not([class~="db-custom-select-list"]):has(.db-input) {
    --db-divider-bg-color: var(--db-adaptive-on-bg-basic-emphasis-60-default);
    position: var(--db-tooltip-parent-position, relative);
  }

  .db-custom-select-dropdown > div:not([class~="db-custom-select-list"]):has(.db-input) {
    --db-divider-bg-color: var(--db-adaptive-on-bg-basic-emphasis-60-default);
    position: var(--db-tooltip-parent-position, relative);
  }

  .db-custom-select-dropdown > db-custom-select-list > div:not([class~="db-custom-select-list"]):has(.db-input)[data-emphasis="strong"] {
    --db-divider-bg-color: var(--db-adaptive-on-bg-basic-emphasis-70-default);
  }

  .db-custom-select-dropdown > div:not([class~="db-custom-select-list"]):has(.db-input)[data-emphasis="strong"] {
    --db-divider-bg-color: var(--db-adaptive-on-bg-basic-emphasis-70-default);
  }

  .db-custom-select-dropdown > db-custom-select-list > div:not([class~="db-custom-select-list"]):has(.db-input):after {
    content: "";
    background-color: var(--db-divider-bg-color);
    block-size: .0625rem;
    position: absolute;
    inset-block-end: 0;
    inset-inline: 0;
  }

  .db-custom-select-dropdown > div:not([class~="db-custom-select-list"]):has(.db-input):after {
    content: "";
    background-color: var(--db-divider-bg-color);
    block-size: .0625rem;
    position: absolute;
    inset-block-end: 0;
    inset-inline: 0;
  }

  @media (forced-colors: active) {
    .db-custom-select-dropdown > db-custom-select-list > div:not([class~="db-custom-select-list"]):has(.db-input) {
      border: .0625rem solid var(--db-divider-bg-color);
    }

    .db-custom-select-dropdown > div:not([class~="db-custom-select-list"]):has(.db-input) {
      border: .0625rem solid var(--db-divider-bg-color);
    }
  }

  .db-custom-select-dropdown > db-custom-select-list > div:not([class~="db-custom-select-list"]):has(.db-button) {
    --db-divider-bg-color: var(--db-adaptive-on-bg-basic-emphasis-60-default);
    position: var(--db-tooltip-parent-position, relative);
  }

  .db-custom-select-dropdown > div:not([class~="db-custom-select-list"]):has(.db-button) {
    --db-divider-bg-color: var(--db-adaptive-on-bg-basic-emphasis-60-default);
    position: var(--db-tooltip-parent-position, relative);
  }

  .db-custom-select-dropdown > db-custom-select-list > div:not([class~="db-custom-select-list"]):has(.db-button)[data-emphasis="strong"] {
    --db-divider-bg-color: var(--db-adaptive-on-bg-basic-emphasis-70-default);
  }

  .db-custom-select-dropdown > div:not([class~="db-custom-select-list"]):has(.db-button)[data-emphasis="strong"] {
    --db-divider-bg-color: var(--db-adaptive-on-bg-basic-emphasis-70-default);
  }

  .db-custom-select-dropdown > db-custom-select-list > div:not([class~="db-custom-select-list"]):has(.db-button):after {
    content: "";
    background-color: var(--db-divider-bg-color);
    block-size: .0625rem;
    position: absolute;
    inset-block-start: 0;
    inset-inline: 0;
  }

  .db-custom-select-dropdown > div:not([class~="db-custom-select-list"]):has(.db-button):after {
    content: "";
    background-color: var(--db-divider-bg-color);
    block-size: .0625rem;
    position: absolute;
    inset-block-start: 0;
    inset-inline: 0;
  }

  @media (forced-colors: active) {
    .db-custom-select-dropdown > db-custom-select-list > div:not([class~="db-custom-select-list"]):has(.db-button) {
      border: .0625rem solid var(--db-divider-bg-color);
    }

    .db-custom-select-dropdown > div:not([class~="db-custom-select-list"]):has(.db-button) {
      border: .0625rem solid var(--db-divider-bg-color);
    }
  }

  @media (min-width: 48em) {
    .db-custom-select-dropdown > db-custom-select-list > div:not([class~="db-custom-select-list"]):has(.db-button):not([data-force-mobile]):not([hidden]) {
      display: none;
    }

    .db-custom-select-dropdown > db-custom-select-list > div:not([class~="db-custom-select-list"]):has(.db-button)[data-force-mobile="false"]:not([hidden]) {
      display: none;
    }

    .db-custom-select-dropdown > div:not([class~="db-custom-select-list"]):has(.db-button):not([data-force-mobile]):not([hidden]) {
      display: none;
    }

    .db-custom-select-dropdown > div:not([class~="db-custom-select-list"]):has(.db-button)[data-force-mobile="false"]:not([hidden]) {
      display: none;
    }
  }

  .db-custom-select-dropdown > .db-infotext, .db-custom-select-dropdown > db-infotext > .db-infotext {
    padding: var(--db-spacing-fixed-lg) var(--db-spacing-fixed-md);
    margin: auto;
  }

  @media (prefers-reduced-motion: no-preference) {
    .db-custom-select-dropdown > .db-infotext[data-icon="circular_arrows"]:before, .db-custom-select-dropdown > db-infotext > .db-infotext[data-icon="circular_arrows"]:before {
      animation: 1.5s linear infinite rotate;
    }
  }

  .db-custom-select-list {
    all: unset;
    padding: var(--db-spacing-fixed-sm);
    overflow-block: auto;
    overflow-y: auto;
  }

  .db-custom-select-list::-webkit-scrollbar-button:single-button:vertical:decrement {
    border-start-end-radius: 0;
  }

  .db-custom-select-list {
    max-block-size: calc(var(--db-icon-font-size)*5.5 - .0625rem*2*5.5 + var(--db-spacing-fixed-sm)*2*5.5 + var(--db-spacing-fixed-sm)*2);
  }

  .db-custom-select-list > ul {
    all: unset;
    flex-direction: column;
    display: flex;
  }

  .db-custom-select-list > ul:has(span) {
    --db-custom-select-list-item-group-padding: 1;
  }

  db-custom-select-list-item:not(:last-of-type) .db-custom-select-list-item[data-divider="true"] {
    --db-divider-bg-color: var(--db-adaptive-on-bg-basic-emphasis-60-default);
    position: var(--db-tooltip-parent-position, relative);
  }

  db-custom-select-list-item:not(:last-of-type) .db-custom-select-list-item[data-divider="true"][data-emphasis="strong"] {
    --db-divider-bg-color: var(--db-adaptive-on-bg-basic-emphasis-70-default);
  }

  db-custom-select-list-item:not(:last-of-type) .db-custom-select-list-item[data-divider="true"]:before {
    content: "";
    background-color: var(--db-divider-bg-color);
    block-size: .0625rem;
    position: absolute;
    inset-block-end: 0;
    inset-inline: 0;
  }

  @media (forced-colors: active) {
    db-custom-select-list-item:not(:last-of-type) .db-custom-select-list-item[data-divider="true"] {
      border: .0625rem solid var(--db-divider-bg-color);
    }
  }

  .db-custom-select-list-item:not([hidden]) {
    display: flex;
  }

  .db-custom-select-list-item {
    block-size: 100%;
    padding: var(--db-spacing-fixed-sm);
    background-color: var(--db-adaptive-bg-basic-transparent-full-default);
    box-sizing: border-box;
    border-radius: .25rem;
    position: relative;
  }

  .db-custom-select-list-item:has( > label):not(:has(input[type="radio"]:checked)):hover:not(:disabled, [aria-disabled="true"], [tabindex="-1"], :has(:disabled)) {
    cursor: var(--db-overwrite-cursor, pointer);
    background-color: var(--db-adaptive-bg-basic-transparent-full-hovered);
  }

  :is(.db-custom-select-list-item:has( > label):not(:has(input[type="radio"]:checked)):hover:not(:disabled, [aria-disabled="true"], [tabindex="-1"], :has(:disabled)):is(input), .db-custom-select-list-item:has( > label):not(:has(input[type="radio"]:checked)):hover:not(:disabled, [aria-disabled="true"], [tabindex="-1"], :has(:disabled)):is(textarea)) {
    cursor: auto;
  }

  .db-custom-select-list-item:has( > label):not(:has(input[type="radio"]:checked)):hover:not(:disabled, [aria-disabled="true"], [tabindex="-1"], :has(:disabled)):is(input[type="checkbox"]) {
    cursor: pointer;
  }

  .db-custom-select-list-item:has( > label):not(:has(input[type="radio"]:checked)):hover:not(:disabled, [aria-disabled="true"], [tabindex="-1"], :has(:disabled)):is(input[type="radio"]:not(:checked)) {
    cursor: pointer;
  }

  .db-custom-select-list-item:has( > label):not(:has(input[type="radio"]:checked)):active:not(:disabled, [aria-disabled="true"], [tabindex="-1"], :has(:disabled)) {
    cursor: var(--db-overwrite-cursor, pointer);
    background-color: var(--db-adaptive-bg-basic-transparent-full-pressed);
  }

  :is(.db-custom-select-list-item:has( > label):not(:has(input[type="radio"]:checked)):active:not(:disabled, [aria-disabled="true"], [tabindex="-1"], :has(:disabled)):is(input), .db-custom-select-list-item:has( > label):not(:has(input[type="radio"]:checked)):active:not(:disabled, [aria-disabled="true"], [tabindex="-1"], :has(:disabled)):is(textarea)) {
    cursor: auto;
  }

  .db-custom-select-list-item:has( > label):not(:has(input[type="radio"]:checked)):active:not(:disabled, [aria-disabled="true"], [tabindex="-1"], :has(:disabled)):is(input[type="checkbox"]) {
    cursor: pointer;
  }

  .db-custom-select-list-item:has( > label):not(:has(input[type="radio"]:checked)):active:not(:disabled, [aria-disabled="true"], [tabindex="-1"], :has(:disabled)):is(input[type="radio"]:not(:checked)) {
    cursor: pointer;
  }

  .db-custom-select-list-item span {
    color: var(--db-adaptive-on-bg-basic-emphasis-80-default);
  }

  .db-custom-select-list-item[data-divider="true"]:not(:last-of-type) {
    --db-divider-bg-color: var(--db-adaptive-on-bg-basic-emphasis-60-default);
    position: var(--db-tooltip-parent-position, relative);
  }

  .db-custom-select-list-item[data-divider="true"]:not(:last-of-type)[data-emphasis="strong"] {
    --db-divider-bg-color: var(--db-adaptive-on-bg-basic-emphasis-70-default);
  }

  .db-custom-select-list-item[data-divider="true"]:not(:last-of-type):before {
    content: "";
    background-color: var(--db-divider-bg-color);
    block-size: .0625rem;
    position: absolute;
    inset-block-end: 0;
    inset-inline: 0;
  }

  @media (forced-colors: active) {
    .db-custom-select-list-item[data-divider="true"]:not(:last-of-type) {
      border: .0625rem solid var(--db-divider-bg-color);
    }
  }

  .db-custom-select-list-item > label {
    --db-icon-margin-start: auto;
    --db-check-element-label-color: var(--db-adaptive-on-bg-basic-emphasis-100-default);
    inline-size: 100%;
  }

  .db-custom-select-list-item > label:has(input:checked) {
    font-weight: 700;
  }

  .db-custom-select-list-item > label:has(input[type="radio"]) {
    --db-icon-trailing: "none";
    gap: 0;
  }

  .db-custom-select-list-item > label:has(input[type="radio"]:checked) {
    --db-overwrite-cursor: default;
    --db-icon-trailing: "check";
  }

  .db-custom-select-list-item > label > input {
    --db-adaptive-bg-basic-transparent-full-hovered: var(--db-adaptive-bg-basic-transparent-full-default);
    --db-adaptive-bg-basic-transparent-full-pressed: var(--db-adaptive-bg-basic-transparent-full-default);
  }

  .db-custom-select-list-item > label > input:after {
    content: "";
    inset-block: calc(var(--db-spacing-fixed-xs)*-1);
    inset-inline: calc(var(--db-spacing-fixed-xs)*-1);
    position: absolute;
  }

  .db-custom-select-list-item > label > input[type="radio"] {
    all: unset;
  }

  .db-custom-select-list-item > label > input:focus-visible {
    outline: none !important;
  }

  .db-custom-button {
    inline-size: fit-content;
    max-inline-size: 100%;
    position: relative;
  }

  .db-custom-button :is(a, button, label) {
    max-inline-size: 100%;
    color: var(--db-adaptive-on-bg-basic-emphasis-100-default);
    min-block-size: var(--db-sizing-md);
    block-size: max-content;
    inline-size: fit-content;
    padding: var(--db-spacing-fixed-2xs) var(--db-spacing-fixed-md);
    text-decoration: none;
  }

  .db-custom-button[data-no-text="true"] :is(a, button, label) {
    inline-size: var(--db-sizing-md);
    block-size: var(--db-sizing-md);
    padding: 0;
    font-size: 0 !important;
  }

  .db-custom-button[data-no-text="true"] a:before, .db-custom-button[data-no-text="true"] button:before, .db-custom-button[data-no-text="true"] label:before {
    --db-icon-margin-end: 0;
    margin: auto;
  }

  .db-custom-button[data-wrap="false"] :is(a, button, label) {
    white-space: nowrap;
  }

  .db-custom-button[data-size="small"] :is(a, button, label) {
    min-block-size: var(--db-sizing-sm);
    font-weight: 700;
  }

  .db-custom-button[data-size="small"] a:not([data-no-text="true"]), .db-custom-button[data-size="small"] button:not([data-no-text="true"]), .db-custom-button[data-size="small"] label:not([data-no-text="true"]) {
    padding: 1px var(--db-spacing-fixed-sm);
  }

  .db-custom-button[data-size="small"] a:not([data-no-text="true"]):before, .db-custom-button[data-size="small"] button:not([data-no-text="true"]):before, .db-custom-button[data-size="small"] label:not([data-no-text="true"]):before {
    margin-inline-end: var(--db-spacing-fixed-2xs);
  }

  .db-custom-button[data-size="small"] :is(a[data-no-text="true"], button[data-no-text="true"], label[data-no-text="true"]) {
    inline-size: var(--db-sizing-sm);
    block-size: var(--db-sizing-sm);
  }

  .db-custom-button[data-width="full"]:not([data-no-text="true"]) :is(a, button, label) {
    inline-size: 100%;
  }

  .db-custom-button[data-variant="filled"] :is(a, button, label) {
    background-color: var(--db-adaptive-bg-basic-transparent-semi-default);
  }

  :is(.db-custom-button[data-variant="filled"] a:hover:not(:disabled, [aria-disabled="true"], [tabindex="-1"], :has(:disabled)), .db-custom-button[data-variant="filled"] button:hover:not(:disabled, [aria-disabled="true"], [tabindex="-1"], :has(:disabled)), .db-custom-button[data-variant="filled"] label:hover:not(:disabled, [aria-disabled="true"], [tabindex="-1"], :has(:disabled))) {
    cursor: var(--db-overwrite-cursor, pointer);
    background-color: var(--db-adaptive-bg-basic-transparent-semi-hovered);
  }

  :is(.db-custom-button[data-variant="filled"] a:hover:not(:disabled, [aria-disabled="true"], [tabindex="-1"], :has(:disabled)):is(input), .db-custom-button[data-variant="filled"] a:hover:not(:disabled, [aria-disabled="true"], [tabindex="-1"], :has(:disabled)):is(textarea), .db-custom-button[data-variant="filled"] button:hover:not(:disabled, [aria-disabled="true"], [tabindex="-1"], :has(:disabled)):is(input), .db-custom-button[data-variant="filled"] button:hover:not(:disabled, [aria-disabled="true"], [tabindex="-1"], :has(:disabled)):is(textarea), .db-custom-button[data-variant="filled"] label:hover:not(:disabled, [aria-disabled="true"], [tabindex="-1"], :has(:disabled)):is(input), .db-custom-button[data-variant="filled"] label:hover:not(:disabled, [aria-disabled="true"], [tabindex="-1"], :has(:disabled)):is(textarea)) {
    cursor: auto;
  }

  .db-custom-button[data-variant="filled"] a:hover:not(:disabled, [aria-disabled="true"], [tabindex="-1"], :has(:disabled)):is(input[type="checkbox"]) {
    cursor: pointer;
  }

  .db-custom-button[data-variant="filled"] a:hover:not(:disabled, [aria-disabled="true"], [tabindex="-1"], :has(:disabled)):is(input[type="radio"]:not(:checked)) {
    cursor: pointer;
  }

  .db-custom-button[data-variant="filled"] button:hover:not(:disabled, [aria-disabled="true"], [tabindex="-1"], :has(:disabled)):is(input[type="checkbox"]) {
    cursor: pointer;
  }

  .db-custom-button[data-variant="filled"] button:hover:not(:disabled, [aria-disabled="true"], [tabindex="-1"], :has(:disabled)):is(input[type="radio"]:not(:checked)) {
    cursor: pointer;
  }

  .db-custom-button[data-variant="filled"] label:hover:not(:disabled, [aria-disabled="true"], [tabindex="-1"], :has(:disabled)):is(input[type="checkbox"]) {
    cursor: pointer;
  }

  .db-custom-button[data-variant="filled"] label:hover:not(:disabled, [aria-disabled="true"], [tabindex="-1"], :has(:disabled)):is(input[type="radio"]:not(:checked)) {
    cursor: pointer;
  }

  :is(.db-custom-button[data-variant="filled"] a:active:not(:disabled, [aria-disabled="true"], [tabindex="-1"], :has(:disabled)), .db-custom-button[data-variant="filled"] button:active:not(:disabled, [aria-disabled="true"], [tabindex="-1"], :has(:disabled)), .db-custom-button[data-variant="filled"] label:active:not(:disabled, [aria-disabled="true"], [tabindex="-1"], :has(:disabled))) {
    cursor: var(--db-overwrite-cursor, pointer);
    background-color: var(--db-adaptive-bg-basic-transparent-semi-pressed);
  }

  :is(.db-custom-button[data-variant="filled"] a:active:not(:disabled, [aria-disabled="true"], [tabindex="-1"], :has(:disabled)):is(input), .db-custom-button[data-variant="filled"] a:active:not(:disabled, [aria-disabled="true"], [tabindex="-1"], :has(:disabled)):is(textarea), .db-custom-button[data-variant="filled"] button:active:not(:disabled, [aria-disabled="true"], [tabindex="-1"], :has(:disabled)):is(input), .db-custom-button[data-variant="filled"] button:active:not(:disabled, [aria-disabled="true"], [tabindex="-1"], :has(:disabled)):is(textarea), .db-custom-button[data-variant="filled"] label:active:not(:disabled, [aria-disabled="true"], [tabindex="-1"], :has(:disabled)):is(input), .db-custom-button[data-variant="filled"] label:active:not(:disabled, [aria-disabled="true"], [tabindex="-1"], :has(:disabled)):is(textarea)) {
    cursor: auto;
  }

  .db-custom-button[data-variant="filled"] a:active:not(:disabled, [aria-disabled="true"], [tabindex="-1"], :has(:disabled)):is(input[type="checkbox"]) {
    cursor: pointer;
  }

  .db-custom-button[data-variant="filled"] a:active:not(:disabled, [aria-disabled="true"], [tabindex="-1"], :has(:disabled)):is(input[type="radio"]:not(:checked)) {
    cursor: pointer;
  }

  .db-custom-button[data-variant="filled"] button:active:not(:disabled, [aria-disabled="true"], [tabindex="-1"], :has(:disabled)):is(input[type="checkbox"]) {
    cursor: pointer;
  }

  .db-custom-button[data-variant="filled"] button:active:not(:disabled, [aria-disabled="true"], [tabindex="-1"], :has(:disabled)):is(input[type="radio"]:not(:checked)) {
    cursor: pointer;
  }

  .db-custom-button[data-variant="filled"] label:active:not(:disabled, [aria-disabled="true"], [tabindex="-1"], :has(:disabled)):is(input[type="checkbox"]) {
    cursor: pointer;
  }

  .db-custom-button[data-variant="filled"] label:active:not(:disabled, [aria-disabled="true"], [tabindex="-1"], :has(:disabled)):is(input[type="radio"]:not(:checked)) {
    cursor: pointer;
  }

  .db-custom-button[data-icon-leading]:not([data-show-icon-leading="false"]):before, .db-custom-button[data-icon]:not([data-show-icon="false"]):before {
    pointer-events: none;
    z-index: 1;
    position: absolute;
    inset-block-start: calc(50% - .5em);
    inset-inline-start: var(--db-icon-passing-inline-start, var(--db-spacing-fixed-sm));
  }

  .db-custom-button[data-icon-leading]:not([data-show-icon-leading="false"]) a, .db-custom-button[data-icon-leading]:not([data-show-icon-leading="false"]) button, .db-custom-button[data-icon-leading]:not([data-show-icon-leading="false"]) label, .db-custom-button[data-icon]:not([data-show-icon="false"]) a, .db-custom-button[data-icon]:not([data-show-icon="false"]) button, .db-custom-button[data-icon]:not([data-show-icon="false"]) label {
    --db-padding-inline-start: calc(var(--db-spacing-fixed-sm) + var(--db-icon-margin-end, var(--db-spacing-fixed-xs)) + 1lh);
    padding-inline-start: var(--db-padding-inline-start);
  }

  .db-custom-button[data-icon-trailing]:not([data-show-icon-trailing="false"]):after {
    pointer-events: none;
    z-index: 1;
    position: absolute;
    inset-block-start: calc(50% - .5em);
    inset-inline-end: var(--db-spacing-fixed-sm);
  }

  .db-custom-button[data-icon-trailing]:not([data-show-icon-trailing="false"]) :is(a, button, label) {
    padding-inline-end: calc(var(--db-spacing-fixed-sm) + var(--db-icon-margin-end, var(--db-spacing-fixed-xs)) + var(--db-icon-font-size));
  }

  .db-custom-button:has(:is(input, button):disabled, :is(input, button, a)[aria-disabled="true"]) {
    opacity: .4;
  }

  .db-custom-button[data-no-text="true"] {
    --db-icon-margin-end: 0;
    --db-icon-passing-inline-start: calc(50% - .5em);
  }

  .db-custom-button label:has(input:checked) {
    color: var(--db-adaptive-on-bg-inverted-default);
    background-color: var(--db-adaptive-bg-inverted-contrast-max-default);
  }

  .db-custom-button label:has(input[type="checkbox"]:checked):hover:not(:disabled, [aria-disabled="true"], [tabindex="-1"], :has(:disabled)) {
    cursor: var(--db-overwrite-cursor, pointer);
    background-color: var(--db-adaptive-bg-inverted-contrast-max-hovered);
  }

  :is(.db-custom-button label:has(input[type="checkbox"]:checked):hover:not(:disabled, [aria-disabled="true"], [tabindex="-1"], :has(:disabled)):is(input), .db-custom-button label:has(input[type="checkbox"]:checked):hover:not(:disabled, [aria-disabled="true"], [tabindex="-1"], :has(:disabled)):is(textarea)) {
    cursor: auto;
  }

  .db-custom-button label:has(input[type="checkbox"]:checked):hover:not(:disabled, [aria-disabled="true"], [tabindex="-1"], :has(:disabled)):is(input[type="checkbox"]) {
    cursor: pointer;
  }

  .db-custom-button label:has(input[type="checkbox"]:checked):hover:not(:disabled, [aria-disabled="true"], [tabindex="-1"], :has(:disabled)):is(input[type="radio"]:not(:checked)) {
    cursor: pointer;
  }

  .db-custom-button label:has(input[type="checkbox"]:checked):active:not(:disabled, [aria-disabled="true"], [tabindex="-1"], :has(:disabled)) {
    cursor: var(--db-overwrite-cursor, pointer);
    background-color: var(--db-adaptive-bg-inverted-contrast-max-pressed);
  }

  :is(.db-custom-button label:has(input[type="checkbox"]:checked):active:not(:disabled, [aria-disabled="true"], [tabindex="-1"], :has(:disabled)):is(input), .db-custom-button label:has(input[type="checkbox"]:checked):active:not(:disabled, [aria-disabled="true"], [tabindex="-1"], :has(:disabled)):is(textarea)) {
    cursor: auto;
  }

  .db-custom-button label:has(input[type="checkbox"]:checked):active:not(:disabled, [aria-disabled="true"], [tabindex="-1"], :has(:disabled)):is(input[type="checkbox"]) {
    cursor: pointer;
  }

  .db-custom-button label:has(input[type="checkbox"]:checked):active:not(:disabled, [aria-disabled="true"], [tabindex="-1"], :has(:disabled)):is(input[type="radio"]:not(:checked)) {
    cursor: pointer;
  }

  .db-custom-button a[tabindex="-1"] {
    cursor: default;
    pointer-events: none;
  }

  .db-custom-button[data-width="full"] {
    inline-size: 100%;
  }

  .db-interactive-elevation, [data-interactive="elevation"] {
    cursor: pointer;
    box-shadow: 0 0 2px -1px #0003, 0 0 8px 1px #0000001f, 0 0 4px #00000024;
  }

  @media (prefers-reduced-motion: no-preference) {
    .db-interactive-elevation, [data-interactive="elevation"] {
      transition: box-shadow .15s cubic-bezier(.15, 0, .45, 1);
    }
  }

  :is(.db-interactive-elevation:hover:not(:disabled, [aria-disabled="true"], [tabindex="-1"], :has(:disabled)), [data-interactive="elevation"]:hover:not(:disabled, [aria-disabled="true"], [tabindex="-1"], :has(:disabled))) {
    cursor: var(--db-overwrite-cursor, pointer);
    box-shadow: 0 0 4px -3px #0003, 0 0 16px 3px #0000001f, 0 0 8px 1px #00000024;
  }

  :is(.db-interactive-elevation:hover:not(:disabled, [aria-disabled="true"], [tabindex="-1"], :has(:disabled)):is(input), .db-interactive-elevation:hover:not(:disabled, [aria-disabled="true"], [tabindex="-1"], :has(:disabled)):is(textarea), [data-interactive="elevation"]:hover:not(:disabled, [aria-disabled="true"], [tabindex="-1"], :has(:disabled)):is(input), [data-interactive="elevation"]:hover:not(:disabled, [aria-disabled="true"], [tabindex="-1"], :has(:disabled)):is(textarea)) {
    cursor: auto;
  }

  .db-interactive-elevation:hover:not(:disabled, [aria-disabled="true"], [tabindex="-1"], :has(:disabled)):is(input[type="checkbox"]) {
    cursor: pointer;
  }

  .db-interactive-elevation:hover:not(:disabled, [aria-disabled="true"], [tabindex="-1"], :has(:disabled)):is(input[type="radio"]:not(:checked)) {
    cursor: pointer;
  }

  [data-interactive="elevation"]:hover:not(:disabled, [aria-disabled="true"], [tabindex="-1"], :has(:disabled)):is(input[type="checkbox"]) {
    cursor: pointer;
  }

  [data-interactive="elevation"]:hover:not(:disabled, [aria-disabled="true"], [tabindex="-1"], :has(:disabled)):is(input[type="radio"]:not(:checked)) {
    cursor: pointer;
  }

  :is(.db-interactive-elevation:active:not(:disabled, [aria-disabled="true"], [tabindex="-1"], :has(:disabled)), [data-interactive="elevation"]:active:not(:disabled, [aria-disabled="true"], [tabindex="-1"], :has(:disabled))) {
    cursor: var(--db-overwrite-cursor, pointer);
    box-shadow: 0 0 1px -1px #0003, 0 0 4px 1px #0000001f, 0 0 2px #00000024;
  }

  :is(.db-interactive-elevation:active:not(:disabled, [aria-disabled="true"], [tabindex="-1"], :has(:disabled)):is(input), .db-interactive-elevation:active:not(:disabled, [aria-disabled="true"], [tabindex="-1"], :has(:disabled)):is(textarea), [data-interactive="elevation"]:active:not(:disabled, [aria-disabled="true"], [tabindex="-1"], :has(:disabled)):is(input), [data-interactive="elevation"]:active:not(:disabled, [aria-disabled="true"], [tabindex="-1"], :has(:disabled)):is(textarea)) {
    cursor: auto;
  }

  .db-interactive-elevation:active:not(:disabled, [aria-disabled="true"], [tabindex="-1"], :has(:disabled)):is(input[type="checkbox"]) {
    cursor: pointer;
  }

  .db-interactive-elevation:active:not(:disabled, [aria-disabled="true"], [tabindex="-1"], :has(:disabled)):is(input[type="radio"]:not(:checked)) {
    cursor: pointer;
  }

  [data-interactive="elevation"]:active:not(:disabled, [aria-disabled="true"], [tabindex="-1"], :has(:disabled)):is(input[type="checkbox"]) {
    cursor: pointer;
  }

  [data-interactive="elevation"]:active:not(:disabled, [aria-disabled="true"], [tabindex="-1"], :has(:disabled)):is(input[type="radio"]:not(:checked)) {
    cursor: pointer;
  }

  h1 {
    font: var(--db-type-headline-xl);
    margin-block: var(--db-spacing-fixed-xl);
  }

  h1:after, h1:before {
    --db-icon-font-size: var(--db-base-headline-icon-font-size-xl);
    --db-icon-font-weight: var(--db-base-headline-icon-weight-xl);
  }

  h2 {
    font: var(--db-type-headline-lg);
    margin-block: var(--db-spacing-fixed-lg);
  }

  h2:after, h2:before {
    --db-icon-font-size: var(--db-base-headline-icon-font-size-lg);
    --db-icon-font-weight: var(--db-base-headline-icon-weight-lg);
  }

  h3 {
    font: var(--db-type-headline-md);
    margin-block: var(--db-spacing-fixed-md);
  }

  h3:after, h3:before {
    --db-icon-font-size: var(--db-base-headline-icon-font-size-md);
    --db-icon-font-weight: var(--db-base-headline-icon-weight-md);
  }

  h4 {
    font: var(--db-type-headline-sm);
    margin-block: var(--db-spacing-fixed-sm);
  }

  h4:after, h4:before {
    --db-icon-font-size: var(--db-base-headline-icon-font-size-sm);
    --db-icon-font-weight: var(--db-base-headline-icon-weight-sm);
  }

  h5 {
    font: var(--db-type-headline-xs);
    margin-block: var(--db-spacing-fixed-xs);
  }

  h5:after, h5:before {
    --db-icon-font-size: var(--db-base-headline-icon-font-size-xs);
    --db-icon-font-weight: var(--db-base-headline-icon-weight-xs);
  }

  h6 {
    font: var(--db-type-headline-2xs);
    margin-block: var(--db-spacing-fixed-2xs);
  }

  h6:after, h6:before {
    --db-icon-font-size: var(--db-base-headline-icon-font-size-2xs);
    --db-icon-font-weight: var(--db-base-headline-icon-weight-2xs);
  }

  :is(h1, h2, h3, h4, h5, h6) {
    text-wrap: balance;
    font-family: DB Neo Screen Head, helvetica, arial, sans-serif;
    font-weight: bolder;
  }

  :is(h1, h2, h3, h4, h5, h6)[data-variant="light"] {
    font-weight: 300;
  }

  :is(h1, h2, h3, h4, h5, h6)[data-variant="regular"] {
    font-weight: 400;
  }

  p {
    margin-block: var(--db-spacing-fixed-md);
  }

  [data-font="digital"] {
    font-weight: 300;
  }

  [data-font="regular"] {
    font-weight: 400;
  }

  [data-font="medium"] {
    font-weight: 500;
  }

  [data-font="semibold"] {
    font-weight: 600;
  }

  [data-font="bold"], strong {
    font-weight: 700;
  }

  pre:not([class]):has(code) {
    background-color: var(--db-adaptive-bg-inverted-contrast-max-default);
    color: var(--db-adaptive-on-bg-inverted-default);
    padding: var(--db-spacing-fixed-xs);
  }

  pre:not([class]):has(code) {
    font-family: monospace;
  }

  pre:not([class]):has(code) code {
    font-family: monospace;
  }

  pre:not([class]):has(code) span {
    font-family: monospace;
  }

  a:has(code:not([class]):only-child) {
    background-color: var(--db-adaptive-bg-inverted-contrast-max-default);
    color: var(--db-adaptive-on-bg-inverted-default);
  }

  a:has(code:not([class]):only-child):hover:not(:disabled, [aria-disabled="true"], [tabindex="-1"], :has(:disabled)) {
    cursor: var(--db-overwrite-cursor, pointer);
    color: var(--db-adaptive-on-bg-inverted-hovered);
  }

  :is(a:has(code:not([class]):only-child):hover:not(:disabled, [aria-disabled="true"], [tabindex="-1"], :has(:disabled)):is(input), a:has(code:not([class]):only-child):hover:not(:disabled, [aria-disabled="true"], [tabindex="-1"], :has(:disabled)):is(textarea)) {
    cursor: auto;
  }

  a:has(code:not([class]):only-child):hover:not(:disabled, [aria-disabled="true"], [tabindex="-1"], :has(:disabled)):is(input[type="checkbox"]) {
    cursor: pointer;
  }

  a:has(code:not([class]):only-child):hover:not(:disabled, [aria-disabled="true"], [tabindex="-1"], :has(:disabled)):is(input[type="radio"]:not(:checked)) {
    cursor: pointer;
  }

  a:has(code:not([class]):only-child):active:not(:disabled, [aria-disabled="true"], [tabindex="-1"], :has(:disabled)) {
    cursor: var(--db-overwrite-cursor, pointer);
    color: var(--db-adaptive-on-bg-inverted-pressed);
  }

  :is(a:has(code:not([class]):only-child):active:not(:disabled, [aria-disabled="true"], [tabindex="-1"], :has(:disabled)):is(input), a:has(code:not([class]):only-child):active:not(:disabled, [aria-disabled="true"], [tabindex="-1"], :has(:disabled)):is(textarea)) {
    cursor: auto;
  }

  a:has(code:not([class]):only-child):active:not(:disabled, [aria-disabled="true"], [tabindex="-1"], :has(:disabled)):is(input[type="checkbox"]) {
    cursor: pointer;
  }

  a:has(code:not([class]):only-child):active:not(:disabled, [aria-disabled="true"], [tabindex="-1"], :has(:disabled)):is(input[type="radio"]:not(:checked)) {
    cursor: pointer;
  }

  a:has(code:not([class]):only-child) > code {
    color: inherit;
  }

  code:not([class]) {
    background-color: var(--db-adaptive-bg-inverted-contrast-max-default);
    color: var(--db-adaptive-on-bg-inverted-default);
    padding-block: var(--db-spacing-fixed-3xs);
    padding-inline: var(--db-spacing-fixed-2xs);
  }

  code:not([class]), code:not([class]) span {
    font-family: monospace;
  }

  blockquote:not([class]) {
    padding: var(--db-spacing-fixed-sm) var(--db-spacing-fixed-md);
    margin: 0;
  }

  [data-icon-leading]:is(span):not([hidden]), [data-icon-trailing]:is(span):not([hidden]), [data-icon]:is(span):not([hidden]) {
    display: inline-flex;
  }

  [data-icon-leading]:is(span), [data-icon-trailing]:is(span), [data-icon]:is(span) {
    vertical-align: initial;
  }

  [data-icon-leading]:before, [data-icon]:before {
    margin-inline-end: var(--db-icon-margin-end, var(--db-spacing-fixed-xs));
  }

  [data-icon-leading="none"]:before, [data-icon="none"]:before, [data-show-icon-leading="false"]:before, [data-show-icon="false"]:before {
    content: none;
  }

  [data-icon-trailing]:after {
    content: var(--db-icon-trailing, attr(data-icon-trailing));
    margin-inline-start: var(--db-icon-margin-start, var(--db-spacing-fixed-xs));
  }

  @supports (content: ""/"") {
    [data-icon-trailing]:after {
      content: var(--db-icon-trailing, attr(data-icon-trailing))/"";
    }
  }

  [data-icon-trailing="none"]:after, [data-show-icon-trailing="false"]:after {
    content: none;
  }

  .is-icon-text-replace[data-icon-leading], .is-icon-text-replace[data-icon] {
    font-size: 0 !important;
  }

  .is-icon-text-replace[data-icon-leading]:before, .is-icon-text-replace[data-icon]:before {
    --db-icon-margin-end: 0;
  }

  .is-icon-text-replace[data-icon-trailing] {
    font-size: 0 !important;
  }

  .is-icon-text-replace[data-icon-trailing]:after {
    --db-icon-margin-start: 0;
  }

  :host, :root {
    --db-neutral-origin-default: #646973;
    --db-neutral-origin-hovered: #2c2f34;
    --db-neutral-origin-pressed: #4d5159;
    --db-neutral-on-origin-default: #f9f9fa;
    --db-neutral-on-bg-basic-emphasis-50-default: var(--lightningcss-light, #edeef0) var(--lightningcss-dark, #2e3036);
    --db-neutral-on-bg-basic-emphasis-60-default: var(--lightningcss-light, #c3c7ce) var(--lightningcss-dark, #5a5e68);
    --db-neutral-on-bg-basic-emphasis-70-default: var(--lightningcss-light, #727782) var(--lightningcss-dark, #8a919e);
    --db-neutral-on-bg-basic-emphasis-70-hovered: var(--lightningcss-light, #3b3e44) var(--lightningcss-dark, #c3c7ce);
    --db-neutral-on-bg-basic-emphasis-70-pressed: var(--lightningcss-light, #5a5e68) var(--lightningcss-dark, #a6abb6);
    --db-neutral-on-bg-basic-emphasis-80-default: var(--lightningcss-light, #5a5e68) var(--lightningcss-dark, #a6abb6);
    --db-neutral-on-bg-basic-emphasis-80-hovered: var(--lightningcss-light, #2e3036) var(--lightningcss-dark, #edeef0);
    --db-neutral-on-bg-basic-emphasis-80-pressed: var(--lightningcss-light, #484b53) var(--lightningcss-dark, #c3c7ce);
    --db-neutral-on-bg-basic-emphasis-90-default: var(--lightningcss-light, #3b3e44) var(--lightningcss-dark, #c3c7ce);
    --db-neutral-on-bg-basic-emphasis-90-hovered: var(--lightningcss-light, #0d0e11) var(--lightningcss-dark, #fff);
    --db-neutral-on-bg-basic-emphasis-90-pressed: var(--lightningcss-light, #2e3036) var(--lightningcss-dark, #e1e2e6);
    --db-neutral-on-bg-basic-emphasis-100-default: var(--lightningcss-light, #16181b) var(--lightningcss-dark, #edeef0);
    --db-neutral-on-bg-basic-emphasis-100-hovered: var(--lightningcss-light, #484b53) var(--lightningcss-dark, #a6abb6);
    --db-neutral-on-bg-basic-emphasis-100-pressed: var(--lightningcss-light, #222428) var(--lightningcss-dark, #e1e2e6);
    --db-neutral-on-bg-inverted-default: var(--lightningcss-light, #fff) var(--lightningcss-dark, #2e3036);
    --db-neutral-on-bg-inverted-hovered: var(--lightningcss-light, #e1e2e6) var(--lightningcss-dark, #0d0e11);
    --db-neutral-on-bg-inverted-pressed: var(--lightningcss-light, #f3f3f5) var(--lightningcss-dark, #222428);
    --db-neutral-on-bg-vibrant-default: #16181b;
    --db-neutral-on-bg-vibrant-hovered: #3b3e44;
    --db-neutral-on-bg-vibrant-pressed: #222428;
    --db-neutral-bg-basic-level-1-default: var(--lightningcss-light, #fff) var(--lightningcss-dark, #16181b);
    --db-neutral-bg-basic-level-1-hovered: var(--lightningcss-light, #f3f3f5) var(--lightningcss-dark, #2e3036);
    --db-neutral-bg-basic-level-1-pressed: var(--lightningcss-light, #edeef0) var(--lightningcss-dark, #3b3e44);
    --db-neutral-bg-basic-level-2-default: var(--lightningcss-light, #f3f3f5) var(--lightningcss-dark, #222428);
    --db-neutral-bg-basic-level-2-hovered: var(--lightningcss-light, #edeef0) var(--lightningcss-dark, #3b3e44);
    --db-neutral-bg-basic-level-2-pressed: var(--lightningcss-light, #e1e2e6) var(--lightningcss-dark, #484b53);
    --db-neutral-bg-basic-level-3-default: var(--lightningcss-light, #edeef0) var(--lightningcss-dark, #2e3036);
    --db-neutral-bg-basic-level-3-hovered: var(--lightningcss-light, #e1e2e6) var(--lightningcss-dark, #16181b);
    --db-neutral-bg-basic-level-3-pressed: var(--lightningcss-light, #c3c7ce) var(--lightningcss-dark, #0d0e11);
    --db-neutral-bg-basic-transparent-full-default: #0000;
  }

  @supports (color: color-mix(in lab, red, red)) {
    :host, :root {
      --db-neutral-bg-basic-transparent-full-default: transparent;
    }
  }

  :host, :root {
    --db-neutral-bg-basic-transparent-semi-default: #0000;
  }

  @supports (color: color-mix(in lab, red, red)) {
    :host, :root {
      --db-neutral-bg-basic-transparent-semi-default: var(--lightningcss-light, #5a5e6814) var(--lightningcss-dark, #a6abb629);
    }
  }

  :host, :root {
    --db-neutral-bg-basic-transparent-semi-hovered: #0000;
  }

  @supports (color: color-mix(in lab, red, red)) {
    :host, :root {
      --db-neutral-bg-basic-transparent-semi-hovered: var(--lightningcss-light, #5a5e683d) var(--lightningcss-dark, #a6abb63d);
    }
  }

  :host, :root {
    --db-neutral-bg-basic-transparent-semi-pressed: #0000;
  }

  @supports (color: color-mix(in lab, red, red)) {
    :host, :root {
      --db-neutral-bg-basic-transparent-semi-pressed: var(--lightningcss-light, #5a5e6852) var(--lightningcss-dark, #a6abb652);
    }
  }

  :host, :root {
    --db-neutral-bg-basic-transparent-full-hovered: #0000;
  }

  @supports (color: color-mix(in lab, red, red)) {
    :host, :root {
      --db-neutral-bg-basic-transparent-full-hovered: var(--lightningcss-light, #5a5e683d) var(--lightningcss-dark, #a6abb63d);
    }
  }

  :host, :root {
    --db-neutral-bg-basic-transparent-full-pressed: #0000;
  }

  @supports (color: color-mix(in lab, red, red)) {
    :host, :root {
      --db-neutral-bg-basic-transparent-full-pressed: var(--lightningcss-light, #5a5e6852) var(--lightningcss-dark, #a6abb652);
    }
  }

  :host, :root {
    --db-neutral-bg-inverted-contrast-max-default: var(--lightningcss-light, #16181b) var(--lightningcss-dark, #edeef0);
    --db-neutral-bg-inverted-contrast-max-hovered: var(--lightningcss-light, #484b53) var(--lightningcss-dark, #a6abb6);
    --db-neutral-bg-inverted-contrast-max-pressed: var(--lightningcss-light, #222428) var(--lightningcss-dark, #e1e2e6);
    --db-neutral-bg-inverted-contrast-high-default: var(--lightningcss-light, #5a5e68) var(--lightningcss-dark, #a6abb6);
    --db-neutral-bg-inverted-contrast-high-hovered: var(--lightningcss-light, #222428) var(--lightningcss-dark, #edeef0);
    --db-neutral-bg-inverted-contrast-high-pressed: var(--lightningcss-light, #484b53) var(--lightningcss-dark, #c3c7ce);
    --db-neutral-bg-inverted-contrast-low-default: var(--lightningcss-light, #727782) var(--lightningcss-dark, #8a919e);
    --db-neutral-bg-inverted-contrast-low-hovered: var(--lightningcss-light, #2e3036) var(--lightningcss-dark, #edeef0);
    --db-neutral-bg-inverted-contrast-low-pressed: var(--lightningcss-light, #5a5e68) var(--lightningcss-dark, #a6abb6);
    --db-neutral-bg-vibrant-default: #a6abb6;
    --db-neutral-bg-vibrant-hovered: #edeef0;
    --db-neutral-bg-vibrant-pressed: #c3c7ce;
    --db-brand-origin-default: #ec0016;
    --db-brand-origin-hovered: #7b0006;
    --db-brand-origin-pressed: #bd000f;
    --db-brand-on-origin-default: #fff;
    --db-brand-on-bg-basic-emphasis-50-default: var(--lightningcss-light, #ff888a) var(--lightningcss-dark, #9c000a);
    --db-brand-on-bg-basic-emphasis-60-default: var(--lightningcss-light, #ffb3b4) var(--lightningcss-dark, #c00010);
    --db-brand-on-bg-basic-emphasis-70-default: var(--lightningcss-light, #ef0016) var(--lightningcss-dark, #ff5357);
    --db-brand-on-bg-basic-emphasis-70-hovered: var(--lightningcss-light, #820007) var(--lightningcss-dark, #ffb3b4);
    --db-brand-on-bg-basic-emphasis-70-pressed: var(--lightningcss-light, #c00010) var(--lightningcss-dark, #ff888a);
    --db-brand-on-bg-basic-emphasis-80-default: var(--lightningcss-light, #c00010) var(--lightningcss-dark, #ff888a);
    --db-brand-on-bg-basic-emphasis-80-hovered: var(--lightningcss-light, #690004) var(--lightningcss-dark, #ffe9e9);
    --db-brand-on-bg-basic-emphasis-80-pressed: var(--lightningcss-light, #9c000a) var(--lightningcss-dark, #ffb3b4);
    --db-brand-on-bg-basic-emphasis-90-default: var(--lightningcss-light, #820007) var(--lightningcss-dark, #ffb3b4);
    --db-brand-on-bg-basic-emphasis-90-hovered: var(--lightningcss-light, #280001) var(--lightningcss-dark, #fff8f8);
    --db-brand-on-bg-basic-emphasis-90-pressed: var(--lightningcss-light, #690004) var(--lightningcss-dark, #ffdada);
    --db-brand-on-bg-basic-emphasis-100-default: var(--lightningcss-light, #390001) var(--lightningcss-dark, #ffe9e9);
    --db-brand-on-bg-basic-emphasis-100-hovered: var(--lightningcss-light, #9c000a) var(--lightningcss-dark, #ff888a);
    --db-brand-on-bg-basic-emphasis-100-pressed: var(--lightningcss-light, #500003) var(--lightningcss-dark, #ffdada);
    --db-brand-on-bg-inverted-default: var(--lightningcss-light, #fff8f8) var(--lightningcss-dark, #690004);
    --db-brand-on-bg-inverted-hovered: var(--lightningcss-light, #ffdada) var(--lightningcss-dark, #280001);
    --db-brand-on-bg-inverted-pressed: var(--lightningcss-light, #fff0f0) var(--lightningcss-dark, #500003);
    --db-brand-on-bg-vibrant-default: #390001;
    --db-brand-on-bg-vibrant-hovered: #820007;
    --db-brand-on-bg-vibrant-pressed: #500003;
    --db-brand-bg-basic-level-1-default: var(--lightningcss-light, #fff8f8) var(--lightningcss-dark, #390001);
    --db-brand-bg-basic-level-1-hovered: var(--lightningcss-light, #fff0f0) var(--lightningcss-dark, #690004);
    --db-brand-bg-basic-level-1-pressed: var(--lightningcss-light, #ffe9e9) var(--lightningcss-dark, #820007);
    --db-brand-bg-basic-level-2-default: var(--lightningcss-light, #fff0f0) var(--lightningcss-dark, #500003);
    --db-brand-bg-basic-level-2-hovered: var(--lightningcss-light, #ffe9e9) var(--lightningcss-dark, #820007);
    --db-brand-bg-basic-level-2-pressed: var(--lightningcss-light, #ffdada) var(--lightningcss-dark, #9c000a);
    --db-brand-bg-basic-level-3-default: var(--lightningcss-light, #ffe9e9) var(--lightningcss-dark, #690004);
    --db-brand-bg-basic-level-3-hovered: var(--lightningcss-light, #ffdada) var(--lightningcss-dark, #390001);
    --db-brand-bg-basic-level-3-pressed: var(--lightningcss-light, #ffb3b4) var(--lightningcss-dark, #280001);
    --db-brand-bg-basic-transparent-full-default: #0000;
  }

  @supports (color: color-mix(in lab, red, red)) {
    :host, :root {
      --db-brand-bg-basic-transparent-full-default: transparent;
    }
  }

  :host, :root {
    --db-brand-bg-basic-transparent-semi-default: #0000;
  }

  @supports (color: color-mix(in lab, red, red)) {
    :host, :root {
      --db-brand-bg-basic-transparent-semi-default: var(--lightningcss-light, #c0001014) var(--lightningcss-dark, #ff888a29);
    }
  }

  :host, :root {
    --db-brand-bg-basic-transparent-full-hovered: #0000;
  }

  @supports (color: color-mix(in lab, red, red)) {
    :host, :root {
      --db-brand-bg-basic-transparent-full-hovered: var(--lightningcss-light, #c000103d) var(--lightningcss-dark, #ff888a3d);
    }
  }

  :host, :root {
    --db-brand-bg-basic-transparent-full-pressed: #0000;
  }

  @supports (color: color-mix(in lab, red, red)) {
    :host, :root {
      --db-brand-bg-basic-transparent-full-pressed: var(--lightningcss-light, #c0001052) var(--lightningcss-dark, #ff888a52);
    }
  }

  :host, :root {
    --db-brand-bg-basic-transparent-semi-hovered: #0000;
  }

  @supports (color: color-mix(in lab, red, red)) {
    :host, :root {
      --db-brand-bg-basic-transparent-semi-hovered: var(--lightningcss-light, #c000103d) var(--lightningcss-dark, #ff888a3d);
    }
  }

  :host, :root {
    --db-brand-bg-basic-transparent-semi-pressed: #0000;
  }

  @supports (color: color-mix(in lab, red, red)) {
    :host, :root {
      --db-brand-bg-basic-transparent-semi-pressed: var(--lightningcss-light, #c0001052) var(--lightningcss-dark, #ff888a52);
    }
  }

  :host, :root {
    --db-brand-bg-inverted-contrast-max-default: var(--lightningcss-light, #390001) var(--lightningcss-dark, #ffe9e9);
    --db-brand-bg-inverted-contrast-max-hovered: var(--lightningcss-light, #9c000a) var(--lightningcss-dark, #ff888a);
    --db-brand-bg-inverted-contrast-max-pressed: var(--lightningcss-light, #500003) var(--lightningcss-dark, #ffdada);
    --db-brand-bg-inverted-contrast-high-default: var(--lightningcss-light, #c00010) var(--lightningcss-dark, #ff888a);
    --db-brand-bg-inverted-contrast-high-hovered: var(--lightningcss-light, #500003) var(--lightningcss-dark, #ffe9e9);
    --db-brand-bg-inverted-contrast-high-pressed: var(--lightningcss-light, #9c000a) var(--lightningcss-dark, #ffb3b4);
    --db-brand-bg-inverted-contrast-low-default: var(--lightningcss-light, #ef0016) var(--lightningcss-dark, #ff5357);
    --db-brand-bg-inverted-contrast-low-hovered: var(--lightningcss-light, #690004) var(--lightningcss-dark, #ffe9e9);
    --db-brand-bg-inverted-contrast-low-pressed: var(--lightningcss-light, #c00010) var(--lightningcss-dark, #ff888a);
    --db-brand-bg-vibrant-default: #ff888a;
    --db-brand-bg-vibrant-hovered: #ffe9e9;
    --db-brand-bg-vibrant-pressed: #ffb3b4;
    --db-informational-origin-default: #309fd1;
    --db-informational-origin-hovered: #96d2fb;
    --db-informational-origin-pressed: #3abbf5;
    --db-informational-on-origin-default: #01080f;
    --db-informational-on-bg-basic-emphasis-50-default: var(--lightningcss-light, #38b6ef) var(--lightningcss-dark, #14516c);
    --db-informational-on-bg-basic-emphasis-60-default: var(--lightningcss-light, #89cffa) var(--lightningcss-dark, #1b6586);
    --db-informational-on-bg-basic-emphasis-70-default: var(--lightningcss-light, #257fa8) var(--lightningcss-dark, #2e9acb);
    --db-informational-on-bg-basic-emphasis-70-hovered: var(--lightningcss-light, #0f4259) var(--lightningcss-dark, #89cffa);
    --db-informational-on-bg-basic-emphasis-70-pressed: var(--lightningcss-light, #1b6586) var(--lightningcss-dark, #38b6ef);
    --db-informational-on-bg-basic-emphasis-80-default: var(--lightningcss-light, #1b6586) var(--lightningcss-dark, #38b6ef);
    --db-informational-on-bg-basic-emphasis-80-hovered: var(--lightningcss-light, #0a3447) var(--lightningcss-dark, #e0f0fe);
    --db-informational-on-bg-basic-emphasis-80-pressed: var(--lightningcss-light, #14516c) var(--lightningcss-dark, #89cffa);
    --db-informational-on-bg-basic-emphasis-90-default: var(--lightningcss-light, #0f4259) var(--lightningcss-dark, #89cffa);
    --db-informational-on-bg-basic-emphasis-90-hovered: var(--lightningcss-light, #011018) var(--lightningcss-dark, #f5faff);
    --db-informational-on-bg-basic-emphasis-90-pressed: var(--lightningcss-light, #0a3447) var(--lightningcss-dark, #cae6fd);
    --db-informational-on-bg-basic-emphasis-100-default: var(--lightningcss-light, #031a25) var(--lightningcss-dark, #e0f0fe);
    --db-informational-on-bg-basic-emphasis-100-hovered: var(--lightningcss-light, #14516c) var(--lightningcss-dark, #38b6ef);
    --db-informational-on-bg-basic-emphasis-100-pressed: var(--lightningcss-light, #062736) var(--lightningcss-dark, #cae6fd);
    --db-informational-on-bg-inverted-default: var(--lightningcss-light, #f5faff) var(--lightningcss-dark, #0a3447);
    --db-informational-on-bg-inverted-hovered: var(--lightningcss-light, #cae6fd) var(--lightningcss-dark, #011018);
    --db-informational-on-bg-inverted-pressed: var(--lightningcss-light, #ebf5fe) var(--lightningcss-dark, #062736);
    --db-informational-on-bg-vibrant-default: #031a25;
    --db-informational-on-bg-vibrant-hovered: #0f4259;
    --db-informational-on-bg-vibrant-pressed: #062736;
    --db-informational-bg-basic-level-1-default: var(--lightningcss-light, #f5faff) var(--lightningcss-dark, #031a25);
    --db-informational-bg-basic-level-1-hovered: var(--lightningcss-light, #ebf5fe) var(--lightningcss-dark, #0a3447);
    --db-informational-bg-basic-level-1-pressed: var(--lightningcss-light, #e0f0fe) var(--lightningcss-dark, #0f4259);
    --db-informational-bg-basic-level-2-default: var(--lightningcss-light, #ebf5fe) var(--lightningcss-dark, #062736);
    --db-informational-bg-basic-level-2-hovered: var(--lightningcss-light, #e0f0fe) var(--lightningcss-dark, #0f4259);
    --db-informational-bg-basic-level-2-pressed: var(--lightningcss-light, #cae6fd) var(--lightningcss-dark, #14516c);
    --db-informational-bg-basic-level-3-default: var(--lightningcss-light, #e0f0fe) var(--lightningcss-dark, #0a3447);
    --db-informational-bg-basic-level-3-hovered: var(--lightningcss-light, #cae6fd) var(--lightningcss-dark, #031a25);
    --db-informational-bg-basic-level-3-pressed: var(--lightningcss-light, #89cffa) var(--lightningcss-dark, #011018);
    --db-informational-bg-basic-transparent-full-default: #0000;
  }

  @supports (color: color-mix(in lab, red, red)) {
    :host, :root {
      --db-informational-bg-basic-transparent-full-default: transparent;
    }
  }

  :host, :root {
    --db-informational-bg-basic-transparent-semi-default: #0000;
  }

  @supports (color: color-mix(in lab, red, red)) {
    :host, :root {
      --db-informational-bg-basic-transparent-semi-default: var(--lightningcss-light, #1b658614) var(--lightningcss-dark, #38b6ef29);
    }
  }

  :host, :root {
    --db-informational-bg-basic-transparent-full-hovered: #0000;
  }

  @supports (color: color-mix(in lab, red, red)) {
    :host, :root {
      --db-informational-bg-basic-transparent-full-hovered: var(--lightningcss-light, #1b65863d) var(--lightningcss-dark, #38b6ef3d);
    }
  }

  :host, :root {
    --db-informational-bg-basic-transparent-full-pressed: #0000;
  }

  @supports (color: color-mix(in lab, red, red)) {
    :host, :root {
      --db-informational-bg-basic-transparent-full-pressed: var(--lightningcss-light, #1b658652) var(--lightningcss-dark, #38b6ef52);
    }
  }

  :host, :root {
    --db-informational-bg-basic-transparent-semi-hovered: #0000;
  }

  @supports (color: color-mix(in lab, red, red)) {
    :host, :root {
      --db-informational-bg-basic-transparent-semi-hovered: var(--lightningcss-light, #1b65863d) var(--lightningcss-dark, #38b6ef3d);
    }
  }

  :host, :root {
    --db-informational-bg-basic-transparent-semi-pressed: #0000;
  }

  @supports (color: color-mix(in lab, red, red)) {
    :host, :root {
      --db-informational-bg-basic-transparent-semi-pressed: var(--lightningcss-light, #1b658652) var(--lightningcss-dark, #38b6ef52);
    }
  }

  :host, :root {
    --db-informational-bg-inverted-contrast-max-default: var(--lightningcss-light, #031a25) var(--lightningcss-dark, #e0f0fe);
    --db-informational-bg-inverted-contrast-max-hovered: var(--lightningcss-light, #14516c) var(--lightningcss-dark, #38b6ef);
    --db-informational-bg-inverted-contrast-max-pressed: var(--lightningcss-light, #062736) var(--lightningcss-dark, #cae6fd);
    --db-informational-bg-inverted-contrast-high-default: var(--lightningcss-light, #1b6586) var(--lightningcss-dark, #38b6ef);
    --db-informational-bg-inverted-contrast-high-hovered: var(--lightningcss-light, #062736) var(--lightningcss-dark, #e0f0fe);
    --db-informational-bg-inverted-contrast-high-pressed: var(--lightningcss-light, #14516c) var(--lightningcss-dark, #89cffa);
    --db-informational-bg-inverted-contrast-low-default: var(--lightningcss-light, #257fa8) var(--lightningcss-dark, #2e9acb);
    --db-informational-bg-inverted-contrast-low-hovered: var(--lightningcss-light, #0a3447) var(--lightningcss-dark, #e0f0fe);
    --db-informational-bg-inverted-contrast-low-pressed: var(--lightningcss-light, #1b6586) var(--lightningcss-dark, #38b6ef);
    --db-informational-bg-vibrant-default: #38b6ef;
    --db-informational-bg-vibrant-hovered: #e0f0fe;
    --db-informational-bg-vibrant-pressed: #89cffa;
    --db-warning-origin-default: #f39200;
    --db-warning-origin-hovered: #ffd9c3;
    --db-warning-origin-pressed: #ffb47b;
    --db-warning-on-origin-default: #100500;
    --db-warning-on-bg-basic-emphasis-50-default: var(--lightningcss-light, #f69400) var(--lightningcss-dark, #6f4000);
    --db-warning-on-bg-basic-emphasis-60-default: var(--lightningcss-light, #ffb782) var(--lightningcss-dark, #8a5100);
    --db-warning-on-bg-basic-emphasis-70-default: var(--lightningcss-light, #ad6600) var(--lightningcss-dark, #d17d00);
    --db-warning-on-bg-basic-emphasis-70-hovered: var(--lightningcss-light, #5c3400) var(--lightningcss-dark, #ffb782);
    --db-warning-on-bg-basic-emphasis-70-pressed: var(--lightningcss-light, #8a5100) var(--lightningcss-dark, #f69400);
    --db-warning-on-bg-basic-emphasis-80-default: var(--lightningcss-light, #8a5100) var(--lightningcss-dark, #f69400);
    --db-warning-on-bg-basic-emphasis-80-hovered: var(--lightningcss-light, #4a2800) var(--lightningcss-dark, #ffeadf);
    --db-warning-on-bg-basic-emphasis-80-pressed: var(--lightningcss-light, #6f4000) var(--lightningcss-dark, #ffb782);
    --db-warning-on-bg-basic-emphasis-90-default: var(--lightningcss-light, #5c3400) var(--lightningcss-dark, #ffb782);
    --db-warning-on-bg-basic-emphasis-90-hovered: var(--lightningcss-light, #190b00) var(--lightningcss-dark, #fff8f5);
    --db-warning-on-bg-basic-emphasis-90-pressed: var(--lightningcss-light, #4a2800) var(--lightningcss-dark, #ffdbc8);
    --db-warning-on-bg-basic-emphasis-100-default: var(--lightningcss-light, #271300) var(--lightningcss-dark, #ffeadf);
    --db-warning-on-bg-basic-emphasis-100-hovered: var(--lightningcss-light, #6f4000) var(--lightningcss-dark, #f69400);
    --db-warning-on-bg-basic-emphasis-100-pressed: var(--lightningcss-light, #381d00) var(--lightningcss-dark, #ffdbc8);
    --db-warning-on-bg-inverted-default: var(--lightningcss-light, #fff8f5) var(--lightningcss-dark, #4a2800);
    --db-warning-on-bg-inverted-hovered: var(--lightningcss-light, #ffdbc8) var(--lightningcss-dark, #190b00);
    --db-warning-on-bg-inverted-pressed: var(--lightningcss-light, #fff1ea) var(--lightningcss-dark, #381d00);
    --db-warning-on-bg-vibrant-default: #271300;
    --db-warning-on-bg-vibrant-hovered: #5c3400;
    --db-warning-on-bg-vibrant-pressed: #381d00;
    --db-warning-bg-basic-level-1-default: var(--lightningcss-light, #fff8f5) var(--lightningcss-dark, #271300);
    --db-warning-bg-basic-level-1-hovered: var(--lightningcss-light, #fff1ea) var(--lightningcss-dark, #4a2800);
    --db-warning-bg-basic-level-1-pressed: var(--lightningcss-light, #ffeadf) var(--lightningcss-dark, #5c3400);
    --db-warning-bg-basic-level-2-default: var(--lightningcss-light, #fff1ea) var(--lightningcss-dark, #381d00);
    --db-warning-bg-basic-level-2-hovered: var(--lightningcss-light, #ffeadf) var(--lightningcss-dark, #5c3400);
    --db-warning-bg-basic-level-2-pressed: var(--lightningcss-light, #ffdbc8) var(--lightningcss-dark, #6f4000);
    --db-warning-bg-basic-level-3-default: var(--lightningcss-light, #ffeadf) var(--lightningcss-dark, #4a2800);
    --db-warning-bg-basic-level-3-hovered: var(--lightningcss-light, #ffdbc8) var(--lightningcss-dark, #271300);
    --db-warning-bg-basic-level-3-pressed: var(--lightningcss-light, #ffb782) var(--lightningcss-dark, #190b00);
    --db-warning-bg-basic-transparent-full-default: #0000;
  }

  @supports (color: color-mix(in lab, red, red)) {
    :host, :root {
      --db-warning-bg-basic-transparent-full-default: transparent;
    }
  }

  :host, :root {
    --db-warning-bg-basic-transparent-semi-default: #0000;
  }

  @supports (color: color-mix(in lab, red, red)) {
    :host, :root {
      --db-warning-bg-basic-transparent-semi-default: var(--lightningcss-light, #8a510014) var(--lightningcss-dark, #f6940029);
    }
  }

  :host, :root {
    --db-warning-bg-basic-transparent-full-hovered: #0000;
  }

  @supports (color: color-mix(in lab, red, red)) {
    :host, :root {
      --db-warning-bg-basic-transparent-full-hovered: var(--lightningcss-light, #8a51003d) var(--lightningcss-dark, #f694003d);
    }
  }

  :host, :root {
    --db-warning-bg-basic-transparent-full-pressed: #0000;
  }

  @supports (color: color-mix(in lab, red, red)) {
    :host, :root {
      --db-warning-bg-basic-transparent-full-pressed: var(--lightningcss-light, #8a510052) var(--lightningcss-dark, #f6940052);
    }
  }

  :host, :root {
    --db-warning-bg-basic-transparent-semi-hovered: #0000;
  }

  @supports (color: color-mix(in lab, red, red)) {
    :host, :root {
      --db-warning-bg-basic-transparent-semi-hovered: var(--lightningcss-light, #8a51003d) var(--lightningcss-dark, #f694003d);
    }
  }

  :host, :root {
    --db-warning-bg-basic-transparent-semi-pressed: #0000;
  }

  @supports (color: color-mix(in lab, red, red)) {
    :host, :root {
      --db-warning-bg-basic-transparent-semi-pressed: var(--lightningcss-light, #8a510052) var(--lightningcss-dark, #f6940052);
    }
  }

  :host, :root {
    --db-warning-bg-inverted-contrast-max-default: var(--lightningcss-light, #271300) var(--lightningcss-dark, #ffeadf);
    --db-warning-bg-inverted-contrast-max-hovered: var(--lightningcss-light, #6f4000) var(--lightningcss-dark, #f69400);
    --db-warning-bg-inverted-contrast-max-pressed: var(--lightningcss-light, #381d00) var(--lightningcss-dark, #ffdbc8);
    --db-warning-bg-inverted-contrast-high-default: var(--lightningcss-light, #8a5100) var(--lightningcss-dark, #f69400);
    --db-warning-bg-inverted-contrast-high-hovered: var(--lightningcss-light, #381d00) var(--lightningcss-dark, #ffeadf);
    --db-warning-bg-inverted-contrast-high-pressed: var(--lightningcss-light, #6f4000) var(--lightningcss-dark, #ffb782);
    --db-warning-bg-inverted-contrast-low-default: var(--lightningcss-light, #ad6600) var(--lightningcss-dark, #d17d00);
    --db-warning-bg-inverted-contrast-low-hovered: var(--lightningcss-light, #4a2800) var(--lightningcss-dark, #ffeadf);
    --db-warning-bg-inverted-contrast-low-pressed: var(--lightningcss-light, #8a5100) var(--lightningcss-dark, #f69400);
    --db-warning-bg-vibrant-default: #f69400;
    --db-warning-bg-vibrant-hovered: #ffeadf;
    --db-warning-bg-vibrant-pressed: #ffb782;
    --db-successful-origin-default: #63a615;
    --db-successful-origin-hovered: #88e221;
    --db-successful-origin-pressed: #75c31b;
    --db-successful-on-origin-default: #030900;
    --db-successful-on-bg-basic-emphasis-50-default: var(--lightningcss-light, #72bf1a) var(--lightningcss-dark, #305506);
    --db-successful-on-bg-basic-emphasis-60-default: var(--lightningcss-light, #85dd20) var(--lightningcss-dark, #3d6a09);
    --db-successful-on-bg-basic-emphasis-70-default: var(--lightningcss-light, #4e850f) var(--lightningcss-dark, #60a114);
    --db-successful-on-bg-basic-emphasis-70-hovered: var(--lightningcss-light, #264604) var(--lightningcss-dark, #85dd20);
    --db-successful-on-bg-basic-emphasis-70-pressed: var(--lightningcss-light, #3d6a09) var(--lightningcss-dark, #72bf1a);
    --db-successful-on-bg-basic-emphasis-80-default: var(--lightningcss-light, #3d6a09) var(--lightningcss-dark, #72bf1a);
    --db-successful-on-bg-basic-emphasis-80-hovered: var(--lightningcss-light, #1d3702) var(--lightningcss-dark, #c3ff9d);
    --db-successful-on-bg-basic-emphasis-80-pressed: var(--lightningcss-light, #305506) var(--lightningcss-dark, #85dd20);
    --db-successful-on-bg-basic-emphasis-90-default: var(--lightningcss-light, #264604) var(--lightningcss-dark, #85dd20);
    --db-successful-on-bg-basic-emphasis-90-hovered: var(--lightningcss-light, #061100) var(--lightningcss-dark, #edffe4);
    --db-successful-on-bg-basic-emphasis-90-pressed: var(--lightningcss-light, #1d3702) var(--lightningcss-dark, #99fc26);
    --db-successful-on-bg-basic-emphasis-100-default: var(--lightningcss-light, #0c1b01) var(--lightningcss-dark, #c3ff9d);
    --db-successful-on-bg-basic-emphasis-100-hovered: var(--lightningcss-light, #305506) var(--lightningcss-dark, #72bf1a);
    --db-successful-on-bg-basic-emphasis-100-pressed: var(--lightningcss-light, #142901) var(--lightningcss-dark, #99fc26);
    --db-successful-on-bg-inverted-default: var(--lightningcss-light, #edffe4) var(--lightningcss-dark, #1d3702);
    --db-successful-on-bg-inverted-hovered: var(--lightningcss-light, #99fc26) var(--lightningcss-dark, #061100);
    --db-successful-on-bg-inverted-pressed: var(--lightningcss-light, #d9ffc4) var(--lightningcss-dark, #142901);
    --db-successful-on-bg-vibrant-default: #0c1b01;
    --db-successful-on-bg-vibrant-hovered: #264604;
    --db-successful-on-bg-vibrant-pressed: #142901;
    --db-successful-bg-basic-level-1-default: var(--lightningcss-light, #edffe4) var(--lightningcss-dark, #0c1b01);
    --db-successful-bg-basic-level-1-hovered: var(--lightningcss-light, #d9ffc4) var(--lightningcss-dark, #1d3702);
    --db-successful-bg-basic-level-1-pressed: var(--lightningcss-light, #c3ff9d) var(--lightningcss-dark, #264604);
    --db-successful-bg-basic-level-2-default: var(--lightningcss-light, #d9ffc4) var(--lightningcss-dark, #142901);
    --db-successful-bg-basic-level-2-hovered: var(--lightningcss-light, #c3ff9d) var(--lightningcss-dark, #264604);
    --db-successful-bg-basic-level-2-pressed: var(--lightningcss-light, #99fc26) var(--lightningcss-dark, #305506);
    --db-successful-bg-basic-level-3-default: var(--lightningcss-light, #c3ff9d) var(--lightningcss-dark, #1d3702);
    --db-successful-bg-basic-level-3-hovered: var(--lightningcss-light, #99fc26) var(--lightningcss-dark, #0c1b01);
    --db-successful-bg-basic-level-3-pressed: var(--lightningcss-light, #85dd20) var(--lightningcss-dark, #061100);
    --db-successful-bg-basic-transparent-full-default: #0000;
  }

  @supports (color: color-mix(in lab, red, red)) {
    :host, :root {
      --db-successful-bg-basic-transparent-full-default: transparent;
    }
  }

  :host, :root {
    --db-successful-bg-basic-transparent-semi-default: #0000;
  }

  @supports (color: color-mix(in lab, red, red)) {
    :host, :root {
      --db-successful-bg-basic-transparent-semi-default: var(--lightningcss-light, #3d6a0914) var(--lightningcss-dark, #72bf1a29);
    }
  }

  :host, :root {
    --db-successful-bg-basic-transparent-full-hovered: #0000;
  }

  @supports (color: color-mix(in lab, red, red)) {
    :host, :root {
      --db-successful-bg-basic-transparent-full-hovered: var(--lightningcss-light, #3d6a093d) var(--lightningcss-dark, #72bf1a3d);
    }
  }

  :host, :root {
    --db-successful-bg-basic-transparent-full-pressed: #0000;
  }

  @supports (color: color-mix(in lab, red, red)) {
    :host, :root {
      --db-successful-bg-basic-transparent-full-pressed: var(--lightningcss-light, #3d6a0952) var(--lightningcss-dark, #72bf1a52);
    }
  }

  :host, :root {
    --db-successful-bg-basic-transparent-semi-hovered: #0000;
  }

  @supports (color: color-mix(in lab, red, red)) {
    :host, :root {
      --db-successful-bg-basic-transparent-semi-hovered: var(--lightningcss-light, #3d6a093d) var(--lightningcss-dark, #72bf1a3d);
    }
  }

  :host, :root {
    --db-successful-bg-basic-transparent-semi-pressed: #0000;
  }

  @supports (color: color-mix(in lab, red, red)) {
    :host, :root {
      --db-successful-bg-basic-transparent-semi-pressed: var(--lightningcss-light, #3d6a0952) var(--lightningcss-dark, #72bf1a52);
    }
  }

  :host, :root {
    --db-successful-bg-inverted-contrast-max-default: var(--lightningcss-light, #0c1b01) var(--lightningcss-dark, #c3ff9d);
    --db-successful-bg-inverted-contrast-max-hovered: var(--lightningcss-light, #305506) var(--lightningcss-dark, #72bf1a);
    --db-successful-bg-inverted-contrast-max-pressed: var(--lightningcss-light, #142901) var(--lightningcss-dark, #99fc26);
    --db-successful-bg-inverted-contrast-high-default: var(--lightningcss-light, #3d6a09) var(--lightningcss-dark, #72bf1a);
    --db-successful-bg-inverted-contrast-high-hovered: var(--lightningcss-light, #142901) var(--lightningcss-dark, #c3ff9d);
    --db-successful-bg-inverted-contrast-high-pressed: var(--lightningcss-light, #305506) var(--lightningcss-dark, #85dd20);
    --db-successful-bg-inverted-contrast-low-default: var(--lightningcss-light, #4e850f) var(--lightningcss-dark, #60a114);
    --db-successful-bg-inverted-contrast-low-hovered: var(--lightningcss-light, #1d3702) var(--lightningcss-dark, #c3ff9d);
    --db-successful-bg-inverted-contrast-low-pressed: var(--lightningcss-light, #3d6a09) var(--lightningcss-dark, #72bf1a);
    --db-successful-bg-vibrant-default: #72bf1a;
    --db-successful-bg-vibrant-hovered: #c3ff9d;
    --db-successful-bg-vibrant-pressed: #85dd20;
    --db-critical-origin-default: #ec0016;
    --db-critical-origin-hovered: #7b0006;
    --db-critical-origin-pressed: #bd000f;
    --db-critical-on-origin-default: #fff;
    --db-critical-on-bg-basic-emphasis-50-default: var(--lightningcss-light, #ff888a) var(--lightningcss-dark, #9c000a);
    --db-critical-on-bg-basic-emphasis-60-default: var(--lightningcss-light, #ffb3b4) var(--lightningcss-dark, #c00010);
    --db-critical-on-bg-basic-emphasis-70-default: var(--lightningcss-light, #ef0016) var(--lightningcss-dark, #ff5357);
    --db-critical-on-bg-basic-emphasis-70-hovered: var(--lightningcss-light, #820007) var(--lightningcss-dark, #ffb3b4);
    --db-critical-on-bg-basic-emphasis-70-pressed: var(--lightningcss-light, #c00010) var(--lightningcss-dark, #ff888a);
    --db-critical-on-bg-basic-emphasis-80-default: var(--lightningcss-light, #c00010) var(--lightningcss-dark, #ff888a);
    --db-critical-on-bg-basic-emphasis-80-hovered: var(--lightningcss-light, #690004) var(--lightningcss-dark, #ffe9e9);
    --db-critical-on-bg-basic-emphasis-80-pressed: var(--lightningcss-light, #9c000a) var(--lightningcss-dark, #ffb3b4);
    --db-critical-on-bg-basic-emphasis-90-default: var(--lightningcss-light, #820007) var(--lightningcss-dark, #ffb3b4);
    --db-critical-on-bg-basic-emphasis-90-hovered: var(--lightningcss-light, #280001) var(--lightningcss-dark, #fff8f8);
    --db-critical-on-bg-basic-emphasis-90-pressed: var(--lightningcss-light, #690004) var(--lightningcss-dark, #ffdada);
    --db-critical-on-bg-basic-emphasis-100-default: var(--lightningcss-light, #390001) var(--lightningcss-dark, #ffe9e9);
    --db-critical-on-bg-basic-emphasis-100-hovered: var(--lightningcss-light, #9c000a) var(--lightningcss-dark, #ff888a);
    --db-critical-on-bg-basic-emphasis-100-pressed: var(--lightningcss-light, #500003) var(--lightningcss-dark, #ffdada);
    --db-critical-on-bg-inverted-default: var(--lightningcss-light, #fff8f8) var(--lightningcss-dark, #690004);
    --db-critical-on-bg-inverted-hovered: var(--lightningcss-light, #ffdada) var(--lightningcss-dark, #280001);
    --db-critical-on-bg-inverted-pressed: var(--lightningcss-light, #fff0f0) var(--lightningcss-dark, #500003);
    --db-critical-on-bg-vibrant-default: #390001;
    --db-critical-on-bg-vibrant-hovered: #820007;
    --db-critical-on-bg-vibrant-pressed: #500003;
    --db-critical-bg-basic-level-1-default: var(--lightningcss-light, #fff8f8) var(--lightningcss-dark, #390001);
    --db-critical-bg-basic-level-1-hovered: var(--lightningcss-light, #fff0f0) var(--lightningcss-dark, #690004);
    --db-critical-bg-basic-level-1-pressed: var(--lightningcss-light, #ffe9e9) var(--lightningcss-dark, #820007);
    --db-critical-bg-basic-level-2-default: var(--lightningcss-light, #fff0f0) var(--lightningcss-dark, #500003);
    --db-critical-bg-basic-level-2-hovered: var(--lightningcss-light, #ffe9e9) var(--lightningcss-dark, #820007);
    --db-critical-bg-basic-level-2-pressed: var(--lightningcss-light, #ffdada) var(--lightningcss-dark, #9c000a);
    --db-critical-bg-basic-level-3-default: var(--lightningcss-light, #ffe9e9) var(--lightningcss-dark, #690004);
    --db-critical-bg-basic-level-3-hovered: var(--lightningcss-light, #ffdada) var(--lightningcss-dark, #390001);
    --db-critical-bg-basic-level-3-pressed: var(--lightningcss-light, #ffb3b4) var(--lightningcss-dark, #280001);
    --db-critical-bg-basic-transparent-full-default: #0000;
  }

  @supports (color: color-mix(in lab, red, red)) {
    :host, :root {
      --db-critical-bg-basic-transparent-full-default: transparent;
    }
  }

  :host, :root {
    --db-critical-bg-basic-transparent-semi-default: #0000;
  }

  @supports (color: color-mix(in lab, red, red)) {
    :host, :root {
      --db-critical-bg-basic-transparent-semi-default: var(--lightningcss-light, #c0001014) var(--lightningcss-dark, #ff888a29);
    }
  }

  :host, :root {
    --db-critical-bg-basic-transparent-full-hovered: #0000;
  }

  @supports (color: color-mix(in lab, red, red)) {
    :host, :root {
      --db-critical-bg-basic-transparent-full-hovered: var(--lightningcss-light, #c000103d) var(--lightningcss-dark, #ff888a3d);
    }
  }

  :host, :root {
    --db-critical-bg-basic-transparent-full-pressed: #0000;
  }

  @supports (color: color-mix(in lab, red, red)) {
    :host, :root {
      --db-critical-bg-basic-transparent-full-pressed: var(--lightningcss-light, #c0001052) var(--lightningcss-dark, #ff888a52);
    }
  }

  :host, :root {
    --db-critical-bg-basic-transparent-semi-hovered: #0000;
  }

  @supports (color: color-mix(in lab, red, red)) {
    :host, :root {
      --db-critical-bg-basic-transparent-semi-hovered: var(--lightningcss-light, #c000103d) var(--lightningcss-dark, #ff888a3d);
    }
  }

  :host, :root {
    --db-critical-bg-basic-transparent-semi-pressed: #0000;
  }

  @supports (color: color-mix(in lab, red, red)) {
    :host, :root {
      --db-critical-bg-basic-transparent-semi-pressed: var(--lightningcss-light, #c0001052) var(--lightningcss-dark, #ff888a52);
    }
  }

  :host, :root {
    --db-critical-bg-inverted-contrast-max-default: var(--lightningcss-light, #390001) var(--lightningcss-dark, #ffe9e9);
    --db-critical-bg-inverted-contrast-max-hovered: var(--lightningcss-light, #9c000a) var(--lightningcss-dark, #ff888a);
    --db-critical-bg-inverted-contrast-max-pressed: var(--lightningcss-light, #500003) var(--lightningcss-dark, #ffdada);
    --db-critical-bg-inverted-contrast-high-default: var(--lightningcss-light, #c00010) var(--lightningcss-dark, #ff888a);
    --db-critical-bg-inverted-contrast-high-hovered: var(--lightningcss-light, #500003) var(--lightningcss-dark, #ffe9e9);
    --db-critical-bg-inverted-contrast-high-pressed: var(--lightningcss-light, #9c000a) var(--lightningcss-dark, #ffb3b4);
    --db-critical-bg-inverted-contrast-low-default: var(--lightningcss-light, #ef0016) var(--lightningcss-dark, #ff5357);
    --db-critical-bg-inverted-contrast-low-hovered: var(--lightningcss-light, #690004) var(--lightningcss-dark, #ffe9e9);
    --db-critical-bg-inverted-contrast-low-pressed: var(--lightningcss-light, #c00010) var(--lightningcss-dark, #ff888a);
    --db-critical-bg-vibrant-default: #ff888a;
    --db-critical-bg-vibrant-hovered: #ffe9e9;
    --db-critical-bg-vibrant-pressed: #ffb3b4;
    --db-yellow-origin-default: #ffd800;
    --db-yellow-origin-hovered: #bfa200;
    --db-yellow-origin-pressed: #dfbc00;
    --db-yellow-on-origin-default: #0a0700;
    --db-yellow-on-bg-basic-emphasis-50-default: var(--lightningcss-light, #c8a900) var(--lightningcss-dark, #594a00);
    --db-yellow-on-bg-basic-emphasis-60-default: var(--lightningcss-light, #e8c400) var(--lightningcss-dark, #6f5d00);
    --db-yellow-on-bg-basic-emphasis-70-default: var(--lightningcss-light, #8c7600) var(--lightningcss-dark, #aa8f00);
    --db-yellow-on-bg-basic-emphasis-70-hovered: var(--lightningcss-light, #493d00) var(--lightningcss-dark, #e8c400);
    --db-yellow-on-bg-basic-emphasis-70-pressed: var(--lightningcss-light, #6f5d00) var(--lightningcss-dark, #c8a900);
    --db-yellow-on-bg-basic-emphasis-80-default: var(--lightningcss-light, #6f5d00) var(--lightningcss-dark, #c8a900);
    --db-yellow-on-bg-basic-emphasis-80-hovered: var(--lightningcss-light, #3a3000) var(--lightningcss-dark, #ffedbc);
    --db-yellow-on-bg-basic-emphasis-80-pressed: var(--lightningcss-light, #594a00) var(--lightningcss-dark, #e8c400);
    --db-yellow-on-bg-basic-emphasis-90-default: var(--lightningcss-light, #493d00) var(--lightningcss-dark, #e8c400);
    --db-yellow-on-bg-basic-emphasis-90-hovered: var(--lightningcss-light, #130e00) var(--lightningcss-dark, #fff9eb);
    --db-yellow-on-bg-basic-emphasis-90-pressed: var(--lightningcss-light, #3a3000) var(--lightningcss-dark, #ffe17c);
    --db-yellow-on-bg-basic-emphasis-100-default: var(--lightningcss-light, #1d1700) var(--lightningcss-dark, #ffedbc);
    --db-yellow-on-bg-basic-emphasis-100-hovered: var(--lightningcss-light, #594a00) var(--lightningcss-dark, #c8a900);
    --db-yellow-on-bg-basic-emphasis-100-pressed: var(--lightningcss-light, #2b2300) var(--lightningcss-dark, #ffe17c);
    --db-yellow-on-bg-inverted-default: var(--lightningcss-light, #fff9eb) var(--lightningcss-dark, #3a3000);
    --db-yellow-on-bg-inverted-hovered: var(--lightningcss-light, #ffe17c) var(--lightningcss-dark, #130e00);
    --db-yellow-on-bg-inverted-pressed: var(--lightningcss-light, #fff3d5) var(--lightningcss-dark, #2b2300);
    --db-yellow-on-bg-vibrant-default: #1d1700;
    --db-yellow-on-bg-vibrant-hovered: #493d00;
    --db-yellow-on-bg-vibrant-pressed: #2b2300;
    --db-yellow-bg-basic-level-1-default: var(--lightningcss-light, #fff9eb) var(--lightningcss-dark, #1d1700);
    --db-yellow-bg-basic-level-1-hovered: var(--lightningcss-light, #fff3d5) var(--lightningcss-dark, #3a3000);
    --db-yellow-bg-basic-level-1-pressed: var(--lightningcss-light, #ffedbc) var(--lightningcss-dark, #493d00);
    --db-yellow-bg-basic-level-2-default: var(--lightningcss-light, #fff3d5) var(--lightningcss-dark, #2b2300);
    --db-yellow-bg-basic-level-2-hovered: var(--lightningcss-light, #ffedbc) var(--lightningcss-dark, #493d00);
    --db-yellow-bg-basic-level-2-pressed: var(--lightningcss-light, #ffe17c) var(--lightningcss-dark, #594a00);
    --db-yellow-bg-basic-level-3-default: var(--lightningcss-light, #ffedbc) var(--lightningcss-dark, #3a3000);
    --db-yellow-bg-basic-level-3-hovered: var(--lightningcss-light, #ffe17c) var(--lightningcss-dark, #1d1700);
    --db-yellow-bg-basic-level-3-pressed: var(--lightningcss-light, #e8c400) var(--lightningcss-dark, #130e00);
    --db-yellow-bg-basic-transparent-full-default: #0000;
  }

  @supports (color: color-mix(in lab, red, red)) {
    :host, :root {
      --db-yellow-bg-basic-transparent-full-default: transparent;
    }
  }

  :host, :root {
    --db-yellow-bg-basic-transparent-semi-default: #0000;
  }

  @supports (color: color-mix(in lab, red, red)) {
    :host, :root {
      --db-yellow-bg-basic-transparent-semi-default: var(--lightningcss-light, #6f5d0014) var(--lightningcss-dark, #c8a90029);
    }
  }

  :host, :root {
    --db-yellow-bg-basic-transparent-full-hovered: #0000;
  }

  @supports (color: color-mix(in lab, red, red)) {
    :host, :root {
      --db-yellow-bg-basic-transparent-full-hovered: var(--lightningcss-light, #6f5d003d) var(--lightningcss-dark, #c8a9003d);
    }
  }

  :host, :root {
    --db-yellow-bg-basic-transparent-full-pressed: #0000;
  }

  @supports (color: color-mix(in lab, red, red)) {
    :host, :root {
      --db-yellow-bg-basic-transparent-full-pressed: var(--lightningcss-light, #6f5d0052) var(--lightningcss-dark, #c8a90052);
    }
  }

  :host, :root {
    --db-yellow-bg-basic-transparent-semi-hovered: #0000;
  }

  @supports (color: color-mix(in lab, red, red)) {
    :host, :root {
      --db-yellow-bg-basic-transparent-semi-hovered: var(--lightningcss-light, #6f5d003d) var(--lightningcss-dark, #c8a9003d);
    }
  }

  :host, :root {
    --db-yellow-bg-basic-transparent-semi-pressed: #0000;
  }

  @supports (color: color-mix(in lab, red, red)) {
    :host, :root {
      --db-yellow-bg-basic-transparent-semi-pressed: var(--lightningcss-light, #6f5d0052) var(--lightningcss-dark, #c8a90052);
    }
  }

  :host, :root {
    --db-yellow-bg-inverted-contrast-max-default: var(--lightningcss-light, #1d1700) var(--lightningcss-dark, #ffedbc);
    --db-yellow-bg-inverted-contrast-max-hovered: var(--lightningcss-light, #594a00) var(--lightningcss-dark, #c8a900);
    --db-yellow-bg-inverted-contrast-max-pressed: var(--lightningcss-light, #2b2300) var(--lightningcss-dark, #ffe17c);
    --db-yellow-bg-inverted-contrast-high-default: var(--lightningcss-light, #6f5d00) var(--lightningcss-dark, #c8a900);
    --db-yellow-bg-inverted-contrast-high-hovered: var(--lightningcss-light, #2b2300) var(--lightningcss-dark, #ffedbc);
    --db-yellow-bg-inverted-contrast-high-pressed: var(--lightningcss-light, #594a00) var(--lightningcss-dark, #e8c400);
    --db-yellow-bg-inverted-contrast-low-default: var(--lightningcss-light, #8c7600) var(--lightningcss-dark, #aa8f00);
    --db-yellow-bg-inverted-contrast-low-hovered: var(--lightningcss-light, #3a3000) var(--lightningcss-dark, #ffedbc);
    --db-yellow-bg-inverted-contrast-low-pressed: var(--lightningcss-light, #6f5d00) var(--lightningcss-dark, #c8a900);
    --db-yellow-bg-vibrant-default: #c8a900;
    --db-yellow-bg-vibrant-hovered: #ffedbc;
    --db-yellow-bg-vibrant-pressed: #e8c400;
    --db-orange-origin-default: #f39200;
    --db-orange-origin-hovered: #ffd9c3;
    --db-orange-origin-pressed: #ffb47b;
    --db-orange-on-origin-default: #100500;
    --db-orange-on-bg-basic-emphasis-50-default: var(--lightningcss-light, #f69400) var(--lightningcss-dark, #6f4000);
    --db-orange-on-bg-basic-emphasis-60-default: var(--lightningcss-light, #ffb782) var(--lightningcss-dark, #8a5100);
    --db-orange-on-bg-basic-emphasis-70-default: var(--lightningcss-light, #ad6600) var(--lightningcss-dark, #d17d00);
    --db-orange-on-bg-basic-emphasis-70-hovered: var(--lightningcss-light, #5c3400) var(--lightningcss-dark, #ffb782);
    --db-orange-on-bg-basic-emphasis-70-pressed: var(--lightningcss-light, #8a5100) var(--lightningcss-dark, #f69400);
    --db-orange-on-bg-basic-emphasis-80-default: var(--lightningcss-light, #8a5100) var(--lightningcss-dark, #f69400);
    --db-orange-on-bg-basic-emphasis-80-hovered: var(--lightningcss-light, #4a2800) var(--lightningcss-dark, #ffeadf);
    --db-orange-on-bg-basic-emphasis-80-pressed: var(--lightningcss-light, #6f4000) var(--lightningcss-dark, #ffb782);
    --db-orange-on-bg-basic-emphasis-90-default: var(--lightningcss-light, #5c3400) var(--lightningcss-dark, #ffb782);
    --db-orange-on-bg-basic-emphasis-90-hovered: var(--lightningcss-light, #190b00) var(--lightningcss-dark, #fff8f5);
    --db-orange-on-bg-basic-emphasis-90-pressed: var(--lightningcss-light, #4a2800) var(--lightningcss-dark, #ffdbc8);
    --db-orange-on-bg-basic-emphasis-100-default: var(--lightningcss-light, #271300) var(--lightningcss-dark, #ffeadf);
    --db-orange-on-bg-basic-emphasis-100-hovered: var(--lightningcss-light, #6f4000) var(--lightningcss-dark, #f69400);
    --db-orange-on-bg-basic-emphasis-100-pressed: var(--lightningcss-light, #381d00) var(--lightningcss-dark, #ffdbc8);
    --db-orange-on-bg-inverted-default: var(--lightningcss-light, #fff8f5) var(--lightningcss-dark, #4a2800);
    --db-orange-on-bg-inverted-hovered: var(--lightningcss-light, #ffdbc8) var(--lightningcss-dark, #190b00);
    --db-orange-on-bg-inverted-pressed: var(--lightningcss-light, #fff1ea) var(--lightningcss-dark, #381d00);
    --db-orange-on-bg-vibrant-default: #271300;
    --db-orange-on-bg-vibrant-hovered: #5c3400;
    --db-orange-on-bg-vibrant-pressed: #381d00;
    --db-orange-bg-basic-level-1-default: var(--lightningcss-light, #fff8f5) var(--lightningcss-dark, #271300);
    --db-orange-bg-basic-level-1-hovered: var(--lightningcss-light, #fff1ea) var(--lightningcss-dark, #4a2800);
    --db-orange-bg-basic-level-1-pressed: var(--lightningcss-light, #ffeadf) var(--lightningcss-dark, #5c3400);
    --db-orange-bg-basic-level-2-default: var(--lightningcss-light, #fff1ea) var(--lightningcss-dark, #381d00);
    --db-orange-bg-basic-level-2-hovered: var(--lightningcss-light, #ffeadf) var(--lightningcss-dark, #5c3400);
    --db-orange-bg-basic-level-2-pressed: var(--lightningcss-light, #ffdbc8) var(--lightningcss-dark, #6f4000);
    --db-orange-bg-basic-level-3-default: var(--lightningcss-light, #ffeadf) var(--lightningcss-dark, #4a2800);
    --db-orange-bg-basic-level-3-hovered: var(--lightningcss-light, #ffdbc8) var(--lightningcss-dark, #271300);
    --db-orange-bg-basic-level-3-pressed: var(--lightningcss-light, #ffb782) var(--lightningcss-dark, #190b00);
    --db-orange-bg-basic-transparent-full-default: #0000;
  }

  @supports (color: color-mix(in lab, red, red)) {
    :host, :root {
      --db-orange-bg-basic-transparent-full-default: transparent;
    }
  }

  :host, :root {
    --db-orange-bg-basic-transparent-semi-default: #0000;
  }

  @supports (color: color-mix(in lab, red, red)) {
    :host, :root {
      --db-orange-bg-basic-transparent-semi-default: var(--lightningcss-light, #8a510014) var(--lightningcss-dark, #f6940029);
    }
  }

  :host, :root {
    --db-orange-bg-basic-transparent-full-hovered: #0000;
  }

  @supports (color: color-mix(in lab, red, red)) {
    :host, :root {
      --db-orange-bg-basic-transparent-full-hovered: var(--lightningcss-light, #8a51003d) var(--lightningcss-dark, #f694003d);
    }
  }

  :host, :root {
    --db-orange-bg-basic-transparent-full-pressed: #0000;
  }

  @supports (color: color-mix(in lab, red, red)) {
    :host, :root {
      --db-orange-bg-basic-transparent-full-pressed: var(--lightningcss-light, #8a510052) var(--lightningcss-dark, #f6940052);
    }
  }

  :host, :root {
    --db-orange-bg-basic-transparent-semi-hovered: #0000;
  }

  @supports (color: color-mix(in lab, red, red)) {
    :host, :root {
      --db-orange-bg-basic-transparent-semi-hovered: var(--lightningcss-light, #8a51003d) var(--lightningcss-dark, #f694003d);
    }
  }

  :host, :root {
    --db-orange-bg-basic-transparent-semi-pressed: #0000;
  }

  @supports (color: color-mix(in lab, red, red)) {
    :host, :root {
      --db-orange-bg-basic-transparent-semi-pressed: var(--lightningcss-light, #8a510052) var(--lightningcss-dark, #f6940052);
    }
  }

  :host, :root {
    --db-orange-bg-inverted-contrast-max-default: var(--lightningcss-light, #271300) var(--lightningcss-dark, #ffeadf);
    --db-orange-bg-inverted-contrast-max-hovered: var(--lightningcss-light, #6f4000) var(--lightningcss-dark, #f69400);
    --db-orange-bg-inverted-contrast-max-pressed: var(--lightningcss-light, #381d00) var(--lightningcss-dark, #ffdbc8);
    --db-orange-bg-inverted-contrast-high-default: var(--lightningcss-light, #8a5100) var(--lightningcss-dark, #f69400);
    --db-orange-bg-inverted-contrast-high-hovered: var(--lightningcss-light, #381d00) var(--lightningcss-dark, #ffeadf);
    --db-orange-bg-inverted-contrast-high-pressed: var(--lightningcss-light, #6f4000) var(--lightningcss-dark, #ffb782);
    --db-orange-bg-inverted-contrast-low-default: var(--lightningcss-light, #ad6600) var(--lightningcss-dark, #d17d00);
    --db-orange-bg-inverted-contrast-low-hovered: var(--lightningcss-light, #4a2800) var(--lightningcss-dark, #ffeadf);
    --db-orange-bg-inverted-contrast-low-pressed: var(--lightningcss-light, #8a5100) var(--lightningcss-dark, #f69400);
    --db-orange-bg-vibrant-default: #f69400;
    --db-orange-bg-vibrant-hovered: #ffeadf;
    --db-orange-bg-vibrant-pressed: #ffb782;
    --db-red-origin-default: #ec0016;
    --db-red-origin-hovered: #7b0006;
    --db-red-origin-pressed: #bd000f;
    --db-red-on-origin-default: #fff;
    --db-red-on-bg-basic-emphasis-50-default: var(--lightningcss-light, #ff888a) var(--lightningcss-dark, #9c000a);
    --db-red-on-bg-basic-emphasis-60-default: var(--lightningcss-light, #ffb3b4) var(--lightningcss-dark, #c00010);
    --db-red-on-bg-basic-emphasis-70-default: var(--lightningcss-light, #ef0016) var(--lightningcss-dark, #ff5357);
    --db-red-on-bg-basic-emphasis-70-hovered: var(--lightningcss-light, #820007) var(--lightningcss-dark, #ffb3b4);
    --db-red-on-bg-basic-emphasis-70-pressed: var(--lightningcss-light, #c00010) var(--lightningcss-dark, #ff888a);
    --db-red-on-bg-basic-emphasis-80-default: var(--lightningcss-light, #c00010) var(--lightningcss-dark, #ff888a);
    --db-red-on-bg-basic-emphasis-80-hovered: var(--lightningcss-light, #690004) var(--lightningcss-dark, #ffe9e9);
    --db-red-on-bg-basic-emphasis-80-pressed: var(--lightningcss-light, #9c000a) var(--lightningcss-dark, #ffb3b4);
    --db-red-on-bg-basic-emphasis-90-default: var(--lightningcss-light, #820007) var(--lightningcss-dark, #ffb3b4);
    --db-red-on-bg-basic-emphasis-90-hovered: var(--lightningcss-light, #280001) var(--lightningcss-dark, #fff8f8);
    --db-red-on-bg-basic-emphasis-90-pressed: var(--lightningcss-light, #690004) var(--lightningcss-dark, #ffdada);
    --db-red-on-bg-basic-emphasis-100-default: var(--lightningcss-light, #390001) var(--lightningcss-dark, #ffe9e9);
    --db-red-on-bg-basic-emphasis-100-hovered: var(--lightningcss-light, #9c000a) var(--lightningcss-dark, #ff888a);
    --db-red-on-bg-basic-emphasis-100-pressed: var(--lightningcss-light, #500003) var(--lightningcss-dark, #ffdada);
    --db-red-on-bg-inverted-default: var(--lightningcss-light, #fff8f8) var(--lightningcss-dark, #690004);
    --db-red-on-bg-inverted-hovered: var(--lightningcss-light, #ffdada) var(--lightningcss-dark, #280001);
    --db-red-on-bg-inverted-pressed: var(--lightningcss-light, #fff0f0) var(--lightningcss-dark, #500003);
    --db-red-on-bg-vibrant-default: #390001;
    --db-red-on-bg-vibrant-hovered: #820007;
    --db-red-on-bg-vibrant-pressed: #500003;
    --db-red-bg-basic-level-1-default: var(--lightningcss-light, #fff8f8) var(--lightningcss-dark, #390001);
    --db-red-bg-basic-level-1-hovered: var(--lightningcss-light, #fff0f0) var(--lightningcss-dark, #690004);
    --db-red-bg-basic-level-1-pressed: var(--lightningcss-light, #ffe9e9) var(--lightningcss-dark, #820007);
    --db-red-bg-basic-level-2-default: var(--lightningcss-light, #fff0f0) var(--lightningcss-dark, #500003);
    --db-red-bg-basic-level-2-hovered: var(--lightningcss-light, #ffe9e9) var(--lightningcss-dark, #820007);
    --db-red-bg-basic-level-2-pressed: var(--lightningcss-light, #ffdada) var(--lightningcss-dark, #9c000a);
    --db-red-bg-basic-level-3-default: var(--lightningcss-light, #ffe9e9) var(--lightningcss-dark, #690004);
    --db-red-bg-basic-level-3-hovered: var(--lightningcss-light, #ffdada) var(--lightningcss-dark, #390001);
    --db-red-bg-basic-level-3-pressed: var(--lightningcss-light, #ffb3b4) var(--lightningcss-dark, #280001);
    --db-red-bg-basic-transparent-full-default: #0000;
  }

  @supports (color: color-mix(in lab, red, red)) {
    :host, :root {
      --db-red-bg-basic-transparent-full-default: transparent;
    }
  }

  :host, :root {
    --db-red-bg-basic-transparent-semi-default: #0000;
  }

  @supports (color: color-mix(in lab, red, red)) {
    :host, :root {
      --db-red-bg-basic-transparent-semi-default: var(--lightningcss-light, #c0001014) var(--lightningcss-dark, #ff888a29);
    }
  }

  :host, :root {
    --db-red-bg-basic-transparent-full-hovered: #0000;
  }

  @supports (color: color-mix(in lab, red, red)) {
    :host, :root {
      --db-red-bg-basic-transparent-full-hovered: var(--lightningcss-light, #c000103d) var(--lightningcss-dark, #ff888a3d);
    }
  }

  :host, :root {
    --db-red-bg-basic-transparent-full-pressed: #0000;
  }

  @supports (color: color-mix(in lab, red, red)) {
    :host, :root {
      --db-red-bg-basic-transparent-full-pressed: var(--lightningcss-light, #c0001052) var(--lightningcss-dark, #ff888a52);
    }
  }

  :host, :root {
    --db-red-bg-basic-transparent-semi-hovered: #0000;
  }

  @supports (color: color-mix(in lab, red, red)) {
    :host, :root {
      --db-red-bg-basic-transparent-semi-hovered: var(--lightningcss-light, #c000103d) var(--lightningcss-dark, #ff888a3d);
    }
  }

  :host, :root {
    --db-red-bg-basic-transparent-semi-pressed: #0000;
  }

  @supports (color: color-mix(in lab, red, red)) {
    :host, :root {
      --db-red-bg-basic-transparent-semi-pressed: var(--lightningcss-light, #c0001052) var(--lightningcss-dark, #ff888a52);
    }
  }

  :host, :root {
    --db-red-bg-inverted-contrast-max-default: var(--lightningcss-light, #390001) var(--lightningcss-dark, #ffe9e9);
    --db-red-bg-inverted-contrast-max-hovered: var(--lightningcss-light, #9c000a) var(--lightningcss-dark, #ff888a);
    --db-red-bg-inverted-contrast-max-pressed: var(--lightningcss-light, #500003) var(--lightningcss-dark, #ffdada);
    --db-red-bg-inverted-contrast-high-default: var(--lightningcss-light, #c00010) var(--lightningcss-dark, #ff888a);
    --db-red-bg-inverted-contrast-high-hovered: var(--lightningcss-light, #500003) var(--lightningcss-dark, #ffe9e9);
    --db-red-bg-inverted-contrast-high-pressed: var(--lightningcss-light, #9c000a) var(--lightningcss-dark, #ffb3b4);
    --db-red-bg-inverted-contrast-low-default: var(--lightningcss-light, #ef0016) var(--lightningcss-dark, #ff5357);
    --db-red-bg-inverted-contrast-low-hovered: var(--lightningcss-light, #690004) var(--lightningcss-dark, #ffe9e9);
    --db-red-bg-inverted-contrast-low-pressed: var(--lightningcss-light, #c00010) var(--lightningcss-dark, #ff888a);
    --db-red-bg-vibrant-default: #ff888a;
    --db-red-bg-vibrant-hovered: #ffe9e9;
    --db-red-bg-vibrant-pressed: #ffb3b4;
    --db-pink-origin-default: #e93e8f;
    --db-pink-origin-hovered: #f3a0be;
    --db-pink-origin-pressed: #ef75a6;
    --db-pink-on-origin-default: #160209;
    --db-pink-on-bg-basic-emphasis-50-default: var(--lightningcss-light, #f18cb2) var(--lightningcss-dark, #8a2153);
    --db-pink-on-bg-basic-emphasis-60-default: var(--lightningcss-light, #f5b5cb) var(--lightningcss-dark, #aa2b67);
    --db-pink-on-bg-basic-emphasis-70-default: var(--lightningcss-light, #d43882) var(--lightningcss-dark, #ed5c9b);
    --db-pink-on-bg-basic-emphasis-70-hovered: var(--lightningcss-light, #731a44) var(--lightningcss-dark, #f5b5cb);
    --db-pink-on-bg-basic-emphasis-70-pressed: var(--lightningcss-light, #aa2b67) var(--lightningcss-dark, #f18cb2);
    --db-pink-on-bg-basic-emphasis-80-default: var(--lightningcss-light, #aa2b67) var(--lightningcss-dark, #f18cb2);
    --db-pink-on-bg-basic-emphasis-80-hovered: var(--lightningcss-light, #5c1335) var(--lightningcss-dark, #fce9ef);
    --db-pink-on-bg-basic-emphasis-80-pressed: var(--lightningcss-light, #8a2153) var(--lightningcss-dark, #f5b5cb);
    --db-pink-on-bg-basic-emphasis-90-default: var(--lightningcss-light, #731a44) var(--lightningcss-dark, #f5b5cb);
    --db-pink-on-bg-basic-emphasis-90-hovered: var(--lightningcss-light, #220310) var(--lightningcss-dark, #fef8fa);
    --db-pink-on-bg-basic-emphasis-90-pressed: var(--lightningcss-light, #5c1335) var(--lightningcss-dark, #fadbe4);
    --db-pink-on-bg-basic-emphasis-100-default: var(--lightningcss-light, #32061b) var(--lightningcss-dark, #fce9ef);
    --db-pink-on-bg-basic-emphasis-100-hovered: var(--lightningcss-light, #8a2153) var(--lightningcss-dark, #f18cb2);
    --db-pink-on-bg-basic-emphasis-100-pressed: var(--lightningcss-light, #460c28) var(--lightningcss-dark, #fadbe4);
    --db-pink-on-bg-inverted-default: var(--lightningcss-light, #fef8fa) var(--lightningcss-dark, #5c1335);
    --db-pink-on-bg-inverted-hovered: var(--lightningcss-light, #fadbe4) var(--lightningcss-dark, #220310);
    --db-pink-on-bg-inverted-pressed: var(--lightningcss-light, #fdf1f4) var(--lightningcss-dark, #460c28);
    --db-pink-on-bg-vibrant-default: #32061b;
    --db-pink-on-bg-vibrant-hovered: #731a44;
    --db-pink-on-bg-vibrant-pressed: #460c28;
    --db-pink-bg-basic-level-1-default: var(--lightningcss-light, #fef8fa) var(--lightningcss-dark, #32061b);
    --db-pink-bg-basic-level-1-hovered: var(--lightningcss-light, #fdf1f4) var(--lightningcss-dark, #5c1335);
    --db-pink-bg-basic-level-1-pressed: var(--lightningcss-light, #fce9ef) var(--lightningcss-dark, #731a44);
    --db-pink-bg-basic-level-2-default: var(--lightningcss-light, #fdf1f4) var(--lightningcss-dark, #460c28);
    --db-pink-bg-basic-level-2-hovered: var(--lightningcss-light, #fce9ef) var(--lightningcss-dark, #731a44);
    --db-pink-bg-basic-level-2-pressed: var(--lightningcss-light, #fadbe4) var(--lightningcss-dark, #8a2153);
    --db-pink-bg-basic-level-3-default: var(--lightningcss-light, #fce9ef) var(--lightningcss-dark, #5c1335);
    --db-pink-bg-basic-level-3-hovered: var(--lightningcss-light, #fadbe4) var(--lightningcss-dark, #32061b);
    --db-pink-bg-basic-level-3-pressed: var(--lightningcss-light, #f5b5cb) var(--lightningcss-dark, #220310);
    --db-pink-bg-basic-transparent-full-default: #0000;
  }

  @supports (color: color-mix(in lab, red, red)) {
    :host, :root {
      --db-pink-bg-basic-transparent-full-default: transparent;
    }
  }

  :host, :root {
    --db-pink-bg-basic-transparent-semi-default: #0000;
  }

  @supports (color: color-mix(in lab, red, red)) {
    :host, :root {
      --db-pink-bg-basic-transparent-semi-default: var(--lightningcss-light, #aa2b6714) var(--lightningcss-dark, #f18cb229);
    }
  }

  :host, :root {
    --db-pink-bg-basic-transparent-full-hovered: #0000;
  }

  @supports (color: color-mix(in lab, red, red)) {
    :host, :root {
      --db-pink-bg-basic-transparent-full-hovered: var(--lightningcss-light, #aa2b673d) var(--lightningcss-dark, #f18cb23d);
    }
  }

  :host, :root {
    --db-pink-bg-basic-transparent-full-pressed: #0000;
  }

  @supports (color: color-mix(in lab, red, red)) {
    :host, :root {
      --db-pink-bg-basic-transparent-full-pressed: var(--lightningcss-light, #aa2b6752) var(--lightningcss-dark, #f18cb252);
    }
  }

  :host, :root {
    --db-pink-bg-basic-transparent-semi-hovered: #0000;
  }

  @supports (color: color-mix(in lab, red, red)) {
    :host, :root {
      --db-pink-bg-basic-transparent-semi-hovered: var(--lightningcss-light, #aa2b673d) var(--lightningcss-dark, #f18cb23d);
    }
  }

  :host, :root {
    --db-pink-bg-basic-transparent-semi-pressed: #0000;
  }

  @supports (color: color-mix(in lab, red, red)) {
    :host, :root {
      --db-pink-bg-basic-transparent-semi-pressed: var(--lightningcss-light, #aa2b6752) var(--lightningcss-dark, #f18cb252);
    }
  }

  :host, :root {
    --db-pink-bg-inverted-contrast-max-default: var(--lightningcss-light, #32061b) var(--lightningcss-dark, #fce9ef);
    --db-pink-bg-inverted-contrast-max-hovered: var(--lightningcss-light, #8a2153) var(--lightningcss-dark, #f18cb2);
    --db-pink-bg-inverted-contrast-max-pressed: var(--lightningcss-light, #460c28) var(--lightningcss-dark, #fadbe4);
    --db-pink-bg-inverted-contrast-high-default: var(--lightningcss-light, #aa2b67) var(--lightningcss-dark, #f18cb2);
    --db-pink-bg-inverted-contrast-high-hovered: var(--lightningcss-light, #460c28) var(--lightningcss-dark, #fce9ef);
    --db-pink-bg-inverted-contrast-high-pressed: var(--lightningcss-light, #8a2153) var(--lightningcss-dark, #f5b5cb);
    --db-pink-bg-inverted-contrast-low-default: var(--lightningcss-light, #d43882) var(--lightningcss-dark, #ed5c9b);
    --db-pink-bg-inverted-contrast-low-hovered: var(--lightningcss-light, #5c1335) var(--lightningcss-dark, #fce9ef);
    --db-pink-bg-inverted-contrast-low-pressed: var(--lightningcss-light, #aa2b67) var(--lightningcss-dark, #f18cb2);
    --db-pink-bg-vibrant-default: #f18cb2;
    --db-pink-bg-vibrant-hovered: #fce9ef;
    --db-pink-bg-vibrant-pressed: #f5b5cb;
    --db-violet-origin-default: #814997;
    --db-violet-origin-hovered: #371c42;
    --db-violet-origin-pressed: #623673;
    --db-violet-on-origin-default: #fbf8fc;
    --db-violet-on-bg-basic-emphasis-50-default: var(--lightningcss-light, #c69cda) var(--lightningcss-dark, #663978);
    --db-violet-on-bg-basic-emphasis-60-default: var(--lightningcss-light, #d8bde6) var(--lightningcss-dark, #7f4895);
    --db-violet-on-bg-basic-emphasis-70-default: var(--lightningcss-light, #9f5bba) var(--lightningcss-dark, #b47ace);
    --db-violet-on-bg-basic-emphasis-70-hovered: var(--lightningcss-light, #542e63) var(--lightningcss-dark, #d8bde6);
    --db-violet-on-bg-basic-emphasis-70-pressed: var(--lightningcss-light, #7f4895) var(--lightningcss-dark, #c69cda);
    --db-violet-on-bg-basic-emphasis-80-default: var(--lightningcss-light, #7f4895) var(--lightningcss-dark, #c69cda);
    --db-violet-on-bg-basic-emphasis-80-hovered: var(--lightningcss-light, #432350) var(--lightningcss-dark, #f3ebf7);
    --db-violet-on-bg-basic-emphasis-80-pressed: var(--lightningcss-light, #663978) var(--lightningcss-dark, #d8bde6);
    --db-violet-on-bg-basic-emphasis-90-default: var(--lightningcss-light, #542e63) var(--lightningcss-dark, #d8bde6);
    --db-violet-on-bg-basic-emphasis-90-hovered: var(--lightningcss-light, #17081c) var(--lightningcss-dark, #fbf8fc);
    --db-violet-on-bg-basic-emphasis-90-pressed: var(--lightningcss-light, #432350) var(--lightningcss-dark, #ebdef2);
    --db-violet-on-bg-basic-emphasis-100-default: var(--lightningcss-light, #23102a) var(--lightningcss-dark, #f3ebf7);
    --db-violet-on-bg-basic-emphasis-100-hovered: var(--lightningcss-light, #663978) var(--lightningcss-dark, #c69cda);
    --db-violet-on-bg-basic-emphasis-100-pressed: var(--lightningcss-light, #33193c) var(--lightningcss-dark, #ebdef2);
    --db-violet-on-bg-inverted-default: var(--lightningcss-light, #fbf8fc) var(--lightningcss-dark, #432350);
    --db-violet-on-bg-inverted-hovered: var(--lightningcss-light, #ebdef2) var(--lightningcss-dark, #17081c);
    --db-violet-on-bg-inverted-pressed: var(--lightningcss-light, #f7f2fa) var(--lightningcss-dark, #33193c);
    --db-violet-on-bg-vibrant-default: #23102a;
    --db-violet-on-bg-vibrant-hovered: #542e63;
    --db-violet-on-bg-vibrant-pressed: #33193c;
    --db-violet-bg-basic-level-1-default: var(--lightningcss-light, #fbf8fc) var(--lightningcss-dark, #23102a);
    --db-violet-bg-basic-level-1-hovered: var(--lightningcss-light, #f7f2fa) var(--lightningcss-dark, #432350);
    --db-violet-bg-basic-level-1-pressed: var(--lightningcss-light, #f3ebf7) var(--lightningcss-dark, #542e63);
    --db-violet-bg-basic-level-2-default: var(--lightningcss-light, #f7f2fa) var(--lightningcss-dark, #33193c);
    --db-violet-bg-basic-level-2-hovered: var(--lightningcss-light, #f3ebf7) var(--lightningcss-dark, #542e63);
    --db-violet-bg-basic-level-2-pressed: var(--lightningcss-light, #ebdef2) var(--lightningcss-dark, #663978);
    --db-violet-bg-basic-level-3-default: var(--lightningcss-light, #f3ebf7) var(--lightningcss-dark, #432350);
    --db-violet-bg-basic-level-3-hovered: var(--lightningcss-light, #ebdef2) var(--lightningcss-dark, #23102a);
    --db-violet-bg-basic-level-3-pressed: var(--lightningcss-light, #d8bde6) var(--lightningcss-dark, #17081c);
    --db-violet-bg-basic-transparent-full-default: #0000;
  }

  @supports (color: color-mix(in lab, red, red)) {
    :host, :root {
      --db-violet-bg-basic-transparent-full-default: transparent;
    }
  }

  :host, :root {
    --db-violet-bg-basic-transparent-semi-default: #0000;
  }

  @supports (color: color-mix(in lab, red, red)) {
    :host, :root {
      --db-violet-bg-basic-transparent-semi-default: var(--lightningcss-light, #7f489514) var(--lightningcss-dark, #c69cda29);
    }
  }

  :host, :root {
    --db-violet-bg-basic-transparent-full-hovered: #0000;
  }

  @supports (color: color-mix(in lab, red, red)) {
    :host, :root {
      --db-violet-bg-basic-transparent-full-hovered: var(--lightningcss-light, #7f48953d) var(--lightningcss-dark, #c69cda3d);
    }
  }

  :host, :root {
    --db-violet-bg-basic-transparent-full-pressed: #0000;
  }

  @supports (color: color-mix(in lab, red, red)) {
    :host, :root {
      --db-violet-bg-basic-transparent-full-pressed: var(--lightningcss-light, #7f489552) var(--lightningcss-dark, #c69cda52);
    }
  }

  :host, :root {
    --db-violet-bg-basic-transparent-semi-hovered: #0000;
  }

  @supports (color: color-mix(in lab, red, red)) {
    :host, :root {
      --db-violet-bg-basic-transparent-semi-hovered: var(--lightningcss-light, #7f48953d) var(--lightningcss-dark, #c69cda3d);
    }
  }

  :host, :root {
    --db-violet-bg-basic-transparent-semi-pressed: #0000;
  }

  @supports (color: color-mix(in lab, red, red)) {
    :host, :root {
      --db-violet-bg-basic-transparent-semi-pressed: var(--lightningcss-light, #7f489552) var(--lightningcss-dark, #c69cda52);
    }
  }

  :host, :root {
    --db-violet-bg-inverted-contrast-max-default: var(--lightningcss-light, #23102a) var(--lightningcss-dark, #f3ebf7);
    --db-violet-bg-inverted-contrast-max-hovered: var(--lightningcss-light, #663978) var(--lightningcss-dark, #c69cda);
    --db-violet-bg-inverted-contrast-max-pressed: var(--lightningcss-light, #33193c) var(--lightningcss-dark, #ebdef2);
    --db-violet-bg-inverted-contrast-high-default: var(--lightningcss-light, #7f4895) var(--lightningcss-dark, #c69cda);
    --db-violet-bg-inverted-contrast-high-hovered: var(--lightningcss-light, #33193c) var(--lightningcss-dark, #f3ebf7);
    --db-violet-bg-inverted-contrast-high-pressed: var(--lightningcss-light, #663978) var(--lightningcss-dark, #d8bde6);
    --db-violet-bg-inverted-contrast-low-default: var(--lightningcss-light, #9f5bba) var(--lightningcss-dark, #b47ace);
    --db-violet-bg-inverted-contrast-low-hovered: var(--lightningcss-light, #432350) var(--lightningcss-dark, #f3ebf7);
    --db-violet-bg-inverted-contrast-low-pressed: var(--lightningcss-light, #7f4895) var(--lightningcss-dark, #c69cda);
    --db-violet-bg-vibrant-default: #c69cda;
    --db-violet-bg-vibrant-hovered: #f3ebf7;
    --db-violet-bg-vibrant-pressed: #d8bde6;
    --db-blue-origin-default: #1455c0;
    --db-blue-origin-hovered: #042052;
    --db-blue-origin-pressed: #0c3f92;
    --db-blue-on-origin-default: #f8f9ff;
    --db-blue-on-bg-basic-emphasis-50-default: var(--lightningcss-light, #90a8fc) var(--lightningcss-dark, #0f46a1);
    --db-blue-on-bg-basic-emphasis-60-default: var(--lightningcss-light, #b7c4fd) var(--lightningcss-dark, #1558c6);
    --db-blue-on-bg-basic-emphasis-70-default: var(--lightningcss-light, #1d6ff7) var(--lightningcss-dark, #638bfa);
    --db-blue-on-bg-basic-emphasis-70-hovered: var(--lightningcss-light, #0a3986) var(--lightningcss-dark, #b7c4fd);
    --db-blue-on-bg-basic-emphasis-70-pressed: var(--lightningcss-light, #1558c6) var(--lightningcss-dark, #90a8fc);
    --db-blue-on-bg-basic-emphasis-80-default: var(--lightningcss-light, #1558c6) var(--lightningcss-dark, #90a8fc);
    --db-blue-on-bg-basic-emphasis-80-hovered: var(--lightningcss-light, #072d6c) var(--lightningcss-dark, #eaedfe);
    --db-blue-on-bg-basic-emphasis-80-pressed: var(--lightningcss-light, #0f46a1) var(--lightningcss-dark, #b7c4fd);
    --db-blue-on-bg-basic-emphasis-90-default: var(--lightningcss-light, #0a3986) var(--lightningcss-dark, #b7c4fd);
    --db-blue-on-bg-basic-emphasis-90-hovered: var(--lightningcss-light, #010d29) var(--lightningcss-dark, #f8f9ff);
    --db-blue-on-bg-basic-emphasis-90-pressed: var(--lightningcss-light, #072d6c) var(--lightningcss-dark, #dbe1fe);
    --db-blue-on-bg-basic-emphasis-100-default: var(--lightningcss-light, #02153c) var(--lightningcss-dark, #eaedfe);
    --db-blue-on-bg-basic-emphasis-100-hovered: var(--lightningcss-light, #0f46a1) var(--lightningcss-dark, #90a8fc);
    --db-blue-on-bg-basic-emphasis-100-pressed: var(--lightningcss-light, #042153) var(--lightningcss-dark, #dbe1fe);
    --db-blue-on-bg-inverted-default: var(--lightningcss-light, #f8f9ff) var(--lightningcss-dark, #072d6c);
    --db-blue-on-bg-inverted-hovered: var(--lightningcss-light, #dbe1fe) var(--lightningcss-dark, #010d29);
    --db-blue-on-bg-inverted-pressed: var(--lightningcss-light, #f1f3ff) var(--lightningcss-dark, #042153);
    --db-blue-on-bg-vibrant-default: #02153c;
    --db-blue-on-bg-vibrant-hovered: #0a3986;
    --db-blue-on-bg-vibrant-pressed: #042153;
    --db-blue-bg-basic-level-1-default: var(--lightningcss-light, #f8f9ff) var(--lightningcss-dark, #02153c);
    --db-blue-bg-basic-level-1-hovered: var(--lightningcss-light, #f1f3ff) var(--lightningcss-dark, #072d6c);
    --db-blue-bg-basic-level-1-pressed: var(--lightningcss-light, #eaedfe) var(--lightningcss-dark, #0a3986);
    --db-blue-bg-basic-level-2-default: var(--lightningcss-light, #f1f3ff) var(--lightningcss-dark, #042153);
    --db-blue-bg-basic-level-2-hovered: var(--lightningcss-light, #eaedfe) var(--lightningcss-dark, #0a3986);
    --db-blue-bg-basic-level-2-pressed: var(--lightningcss-light, #dbe1fe) var(--lightningcss-dark, #0f46a1);
    --db-blue-bg-basic-level-3-default: var(--lightningcss-light, #eaedfe) var(--lightningcss-dark, #072d6c);
    --db-blue-bg-basic-level-3-hovered: var(--lightningcss-light, #dbe1fe) var(--lightningcss-dark, #02153c);
    --db-blue-bg-basic-level-3-pressed: var(--lightningcss-light, #b7c4fd) var(--lightningcss-dark, #010d29);
    --db-blue-bg-basic-transparent-full-default: #0000;
  }

  @supports (color: color-mix(in lab, red, red)) {
    :host, :root {
      --db-blue-bg-basic-transparent-full-default: transparent;
    }
  }

  :host, :root {
    --db-blue-bg-basic-transparent-semi-default: #0000;
  }

  @supports (color: color-mix(in lab, red, red)) {
    :host, :root {
      --db-blue-bg-basic-transparent-semi-default: var(--lightningcss-light, #1558c614) var(--lightningcss-dark, #90a8fc29);
    }
  }

  :host, :root {
    --db-blue-bg-basic-transparent-full-hovered: #0000;
  }

  @supports (color: color-mix(in lab, red, red)) {
    :host, :root {
      --db-blue-bg-basic-transparent-full-hovered: var(--lightningcss-light, #1558c63d) var(--lightningcss-dark, #90a8fc3d);
    }
  }

  :host, :root {
    --db-blue-bg-basic-transparent-full-pressed: #0000;
  }

  @supports (color: color-mix(in lab, red, red)) {
    :host, :root {
      --db-blue-bg-basic-transparent-full-pressed: var(--lightningcss-light, #1558c652) var(--lightningcss-dark, #90a8fc52);
    }
  }

  :host, :root {
    --db-blue-bg-basic-transparent-semi-hovered: #0000;
  }

  @supports (color: color-mix(in lab, red, red)) {
    :host, :root {
      --db-blue-bg-basic-transparent-semi-hovered: var(--lightningcss-light, #1558c63d) var(--lightningcss-dark, #90a8fc3d);
    }
  }

  :host, :root {
    --db-blue-bg-basic-transparent-semi-pressed: #0000;
  }

  @supports (color: color-mix(in lab, red, red)) {
    :host, :root {
      --db-blue-bg-basic-transparent-semi-pressed: var(--lightningcss-light, #1558c652) var(--lightningcss-dark, #90a8fc52);
    }
  }

  :host, :root {
    --db-blue-bg-inverted-contrast-max-default: var(--lightningcss-light, #02153c) var(--lightningcss-dark, #eaedfe);
    --db-blue-bg-inverted-contrast-max-hovered: var(--lightningcss-light, #0f46a1) var(--lightningcss-dark, #90a8fc);
    --db-blue-bg-inverted-contrast-max-pressed: var(--lightningcss-light, #042153) var(--lightningcss-dark, #dbe1fe);
    --db-blue-bg-inverted-contrast-high-default: var(--lightningcss-light, #1558c6) var(--lightningcss-dark, #90a8fc);
    --db-blue-bg-inverted-contrast-high-hovered: var(--lightningcss-light, #042153) var(--lightningcss-dark, #eaedfe);
    --db-blue-bg-inverted-contrast-high-pressed: var(--lightningcss-light, #0f46a1) var(--lightningcss-dark, #b7c4fd);
    --db-blue-bg-inverted-contrast-low-default: var(--lightningcss-light, #1d6ff7) var(--lightningcss-dark, #638bfa);
    --db-blue-bg-inverted-contrast-low-hovered: var(--lightningcss-light, #072d6c) var(--lightningcss-dark, #eaedfe);
    --db-blue-bg-inverted-contrast-low-pressed: var(--lightningcss-light, #1558c6) var(--lightningcss-dark, #90a8fc);
    --db-blue-bg-vibrant-default: #90a8fc;
    --db-blue-bg-vibrant-hovered: #eaedfe;
    --db-blue-bg-vibrant-pressed: #b7c4fd;
    --db-cyan-origin-default: #309fd1;
    --db-cyan-origin-hovered: #96d2fb;
    --db-cyan-origin-pressed: #3abbf5;
    --db-cyan-on-origin-default: #01080f;
    --db-cyan-on-bg-basic-emphasis-50-default: var(--lightningcss-light, #38b6ef) var(--lightningcss-dark, #14516c);
    --db-cyan-on-bg-basic-emphasis-60-default: var(--lightningcss-light, #89cffa) var(--lightningcss-dark, #1b6586);
    --db-cyan-on-bg-basic-emphasis-70-default: var(--lightningcss-light, #257fa8) var(--lightningcss-dark, #2e9acb);
    --db-cyan-on-bg-basic-emphasis-70-hovered: var(--lightningcss-light, #0f4259) var(--lightningcss-dark, #89cffa);
    --db-cyan-on-bg-basic-emphasis-70-pressed: var(--lightningcss-light, #1b6586) var(--lightningcss-dark, #38b6ef);
    --db-cyan-on-bg-basic-emphasis-80-default: var(--lightningcss-light, #1b6586) var(--lightningcss-dark, #38b6ef);
    --db-cyan-on-bg-basic-emphasis-80-hovered: var(--lightningcss-light, #0a3447) var(--lightningcss-dark, #e0f0fe);
    --db-cyan-on-bg-basic-emphasis-80-pressed: var(--lightningcss-light, #14516c) var(--lightningcss-dark, #89cffa);
    --db-cyan-on-bg-basic-emphasis-90-default: var(--lightningcss-light, #0f4259) var(--lightningcss-dark, #89cffa);
    --db-cyan-on-bg-basic-emphasis-90-hovered: var(--lightningcss-light, #011018) var(--lightningcss-dark, #f5faff);
    --db-cyan-on-bg-basic-emphasis-90-pressed: var(--lightningcss-light, #0a3447) var(--lightningcss-dark, #cae6fd);
    --db-cyan-on-bg-basic-emphasis-100-default: var(--lightningcss-light, #031a25) var(--lightningcss-dark, #e0f0fe);
    --db-cyan-on-bg-basic-emphasis-100-hovered: var(--lightningcss-light, #14516c) var(--lightningcss-dark, #38b6ef);
    --db-cyan-on-bg-basic-emphasis-100-pressed: var(--lightningcss-light, #062736) var(--lightningcss-dark, #cae6fd);
    --db-cyan-on-bg-inverted-default: var(--lightningcss-light, #f5faff) var(--lightningcss-dark, #0a3447);
    --db-cyan-on-bg-inverted-hovered: var(--lightningcss-light, #cae6fd) var(--lightningcss-dark, #011018);
    --db-cyan-on-bg-inverted-pressed: var(--lightningcss-light, #ebf5fe) var(--lightningcss-dark, #062736);
    --db-cyan-on-bg-vibrant-default: #031a25;
    --db-cyan-on-bg-vibrant-hovered: #0f4259;
    --db-cyan-on-bg-vibrant-pressed: #062736;
    --db-cyan-bg-basic-level-1-default: var(--lightningcss-light, #f5faff) var(--lightningcss-dark, #031a25);
    --db-cyan-bg-basic-level-1-hovered: var(--lightningcss-light, #ebf5fe) var(--lightningcss-dark, #0a3447);
    --db-cyan-bg-basic-level-1-pressed: var(--lightningcss-light, #e0f0fe) var(--lightningcss-dark, #0f4259);
    --db-cyan-bg-basic-level-2-default: var(--lightningcss-light, #ebf5fe) var(--lightningcss-dark, #062736);
    --db-cyan-bg-basic-level-2-hovered: var(--lightningcss-light, #e0f0fe) var(--lightningcss-dark, #0f4259);
    --db-cyan-bg-basic-level-2-pressed: var(--lightningcss-light, #cae6fd) var(--lightningcss-dark, #14516c);
    --db-cyan-bg-basic-level-3-default: var(--lightningcss-light, #e0f0fe) var(--lightningcss-dark, #0a3447);
    --db-cyan-bg-basic-level-3-hovered: var(--lightningcss-light, #cae6fd) var(--lightningcss-dark, #031a25);
    --db-cyan-bg-basic-level-3-pressed: var(--lightningcss-light, #89cffa) var(--lightningcss-dark, #011018);
    --db-cyan-bg-basic-transparent-full-default: #0000;
  }

  @supports (color: color-mix(in lab, red, red)) {
    :host, :root {
      --db-cyan-bg-basic-transparent-full-default: transparent;
    }
  }

  :host, :root {
    --db-cyan-bg-basic-transparent-semi-default: #0000;
  }

  @supports (color: color-mix(in lab, red, red)) {
    :host, :root {
      --db-cyan-bg-basic-transparent-semi-default: var(--lightningcss-light, #1b658614) var(--lightningcss-dark, #38b6ef29);
    }
  }

  :host, :root {
    --db-cyan-bg-basic-transparent-full-hovered: #0000;
  }

  @supports (color: color-mix(in lab, red, red)) {
    :host, :root {
      --db-cyan-bg-basic-transparent-full-hovered: var(--lightningcss-light, #1b65863d) var(--lightningcss-dark, #38b6ef3d);
    }
  }

  :host, :root {
    --db-cyan-bg-basic-transparent-full-pressed: #0000;
  }

  @supports (color: color-mix(in lab, red, red)) {
    :host, :root {
      --db-cyan-bg-basic-transparent-full-pressed: var(--lightningcss-light, #1b658652) var(--lightningcss-dark, #38b6ef52);
    }
  }

  :host, :root {
    --db-cyan-bg-basic-transparent-semi-hovered: #0000;
  }

  @supports (color: color-mix(in lab, red, red)) {
    :host, :root {
      --db-cyan-bg-basic-transparent-semi-hovered: var(--lightningcss-light, #1b65863d) var(--lightningcss-dark, #38b6ef3d);
    }
  }

  :host, :root {
    --db-cyan-bg-basic-transparent-semi-pressed: #0000;
  }

  @supports (color: color-mix(in lab, red, red)) {
    :host, :root {
      --db-cyan-bg-basic-transparent-semi-pressed: var(--lightningcss-light, #1b658652) var(--lightningcss-dark, #38b6ef52);
    }
  }

  :host, :root {
    --db-cyan-bg-inverted-contrast-max-default: var(--lightningcss-light, #031a25) var(--lightningcss-dark, #e0f0fe);
    --db-cyan-bg-inverted-contrast-max-hovered: var(--lightningcss-light, #14516c) var(--lightningcss-dark, #38b6ef);
    --db-cyan-bg-inverted-contrast-max-pressed: var(--lightningcss-light, #062736) var(--lightningcss-dark, #cae6fd);
    --db-cyan-bg-inverted-contrast-high-default: var(--lightningcss-light, #1b6586) var(--lightningcss-dark, #38b6ef);
    --db-cyan-bg-inverted-contrast-high-hovered: var(--lightningcss-light, #062736) var(--lightningcss-dark, #e0f0fe);
    --db-cyan-bg-inverted-contrast-high-pressed: var(--lightningcss-light, #14516c) var(--lightningcss-dark, #89cffa);
    --db-cyan-bg-inverted-contrast-low-default: var(--lightningcss-light, #257fa8) var(--lightningcss-dark, #2e9acb);
    --db-cyan-bg-inverted-contrast-low-hovered: var(--lightningcss-light, #0a3447) var(--lightningcss-dark, #e0f0fe);
    --db-cyan-bg-inverted-contrast-low-pressed: var(--lightningcss-light, #1b6586) var(--lightningcss-dark, #38b6ef);
    --db-cyan-bg-vibrant-default: #38b6ef;
    --db-cyan-bg-vibrant-hovered: #e0f0fe;
    --db-cyan-bg-vibrant-pressed: #89cffa;
    --db-turquoise-origin-default: #00a099;
    --db-turquoise-origin-hovered: #00dcd2;
    --db-turquoise-origin-pressed: #00bdb5;
    --db-turquoise-on-origin-default: #000908;
    --db-turquoise-on-bg-basic-emphasis-50-default: var(--lightningcss-light, #00bfb7) var(--lightningcss-dark, #005551);
    --db-turquoise-on-bg-basic-emphasis-60-default: var(--lightningcss-light, #00ddd4) var(--lightningcss-dark, #006a65);
    --db-turquoise-on-bg-basic-emphasis-70-default: var(--lightningcss-light, #00857f) var(--lightningcss-dark, #00a29b);
    --db-turquoise-on-bg-basic-emphasis-70-hovered: var(--lightningcss-light, #004642) var(--lightningcss-dark, #00ddd4);
    --db-turquoise-on-bg-basic-emphasis-70-pressed: var(--lightningcss-light, #006a65) var(--lightningcss-dark, #00bfb7);
    --db-turquoise-on-bg-basic-emphasis-80-default: var(--lightningcss-light, #006a65) var(--lightningcss-dark, #00bfb7);
    --db-turquoise-on-bg-basic-emphasis-80-hovered: var(--lightningcss-light, #003734) var(--lightningcss-dark, #9bfff8);
    --db-turquoise-on-bg-basic-emphasis-80-pressed: var(--lightningcss-light, #005551) var(--lightningcss-dark, #00ddd4);
    --db-turquoise-on-bg-basic-emphasis-90-default: var(--lightningcss-light, #004642) var(--lightningcss-dark, #00ddd4);
    --db-turquoise-on-bg-basic-emphasis-90-hovered: var(--lightningcss-light, #001110) var(--lightningcss-dark, #e3fffd);
    --db-turquoise-on-bg-basic-emphasis-90-pressed: var(--lightningcss-light, #003734) var(--lightningcss-dark, #00fcf2);
    --db-turquoise-on-bg-basic-emphasis-100-default: var(--lightningcss-light, #001c1a) var(--lightningcss-dark, #9bfff8);
    --db-turquoise-on-bg-basic-emphasis-100-hovered: var(--lightningcss-light, #005551) var(--lightningcss-dark, #00bfb7);
    --db-turquoise-on-bg-basic-emphasis-100-pressed: var(--lightningcss-light, #002927) var(--lightningcss-dark, #00fcf2);
    --db-turquoise-on-bg-inverted-default: var(--lightningcss-light, #e3fffd) var(--lightningcss-dark, #003734);
    --db-turquoise-on-bg-inverted-hovered: var(--lightningcss-light, #00fcf2) var(--lightningcss-dark, #001110);
    --db-turquoise-on-bg-inverted-pressed: var(--lightningcss-light, #c3fffa) var(--lightningcss-dark, #002927);
    --db-turquoise-on-bg-vibrant-default: #001c1a;
    --db-turquoise-on-bg-vibrant-hovered: #004642;
    --db-turquoise-on-bg-vibrant-pressed: #002927;
    --db-turquoise-bg-basic-level-1-default: var(--lightningcss-light, #e3fffd) var(--lightningcss-dark, #001c1a);
    --db-turquoise-bg-basic-level-1-hovered: var(--lightningcss-light, #c3fffa) var(--lightningcss-dark, #003734);
    --db-turquoise-bg-basic-level-1-pressed: var(--lightningcss-light, #9bfff8) var(--lightningcss-dark, #004642);
    --db-turquoise-bg-basic-level-2-default: var(--lightningcss-light, #c3fffa) var(--lightningcss-dark, #002927);
    --db-turquoise-bg-basic-level-2-hovered: var(--lightningcss-light, #9bfff8) var(--lightningcss-dark, #004642);
    --db-turquoise-bg-basic-level-2-pressed: var(--lightningcss-light, #00fcf2) var(--lightningcss-dark, #005551);
    --db-turquoise-bg-basic-level-3-default: var(--lightningcss-light, #9bfff8) var(--lightningcss-dark, #003734);
    --db-turquoise-bg-basic-level-3-hovered: var(--lightningcss-light, #00fcf2) var(--lightningcss-dark, #001c1a);
    --db-turquoise-bg-basic-level-3-pressed: var(--lightningcss-light, #00ddd4) var(--lightningcss-dark, #001110);
    --db-turquoise-bg-basic-transparent-full-default: #0000;
  }

  @supports (color: color-mix(in lab, red, red)) {
    :host, :root {
      --db-turquoise-bg-basic-transparent-full-default: transparent;
    }
  }

  :host, :root {
    --db-turquoise-bg-basic-transparent-semi-default: #0000;
  }

  @supports (color: color-mix(in lab, red, red)) {
    :host, :root {
      --db-turquoise-bg-basic-transparent-semi-default: var(--lightningcss-light, #006a6514) var(--lightningcss-dark, #00bfb729);
    }
  }

  :host, :root {
    --db-turquoise-bg-basic-transparent-full-hovered: #0000;
  }

  @supports (color: color-mix(in lab, red, red)) {
    :host, :root {
      --db-turquoise-bg-basic-transparent-full-hovered: var(--lightningcss-light, #006a653d) var(--lightningcss-dark, #00bfb73d);
    }
  }

  :host, :root {
    --db-turquoise-bg-basic-transparent-full-pressed: #0000;
  }

  @supports (color: color-mix(in lab, red, red)) {
    :host, :root {
      --db-turquoise-bg-basic-transparent-full-pressed: var(--lightningcss-light, #006a6552) var(--lightningcss-dark, #00bfb752);
    }
  }

  :host, :root {
    --db-turquoise-bg-basic-transparent-semi-hovered: #0000;
  }

  @supports (color: color-mix(in lab, red, red)) {
    :host, :root {
      --db-turquoise-bg-basic-transparent-semi-hovered: var(--lightningcss-light, #006a653d) var(--lightningcss-dark, #00bfb73d);
    }
  }

  :host, :root {
    --db-turquoise-bg-basic-transparent-semi-pressed: #0000;
  }

  @supports (color: color-mix(in lab, red, red)) {
    :host, :root {
      --db-turquoise-bg-basic-transparent-semi-pressed: var(--lightningcss-light, #006a6552) var(--lightningcss-dark, #00bfb752);
    }
  }

  :host, :root {
    --db-turquoise-bg-inverted-contrast-max-default: var(--lightningcss-light, #001c1a) var(--lightningcss-dark, #9bfff8);
    --db-turquoise-bg-inverted-contrast-max-hovered: var(--lightningcss-light, #005551) var(--lightningcss-dark, #00bfb7);
    --db-turquoise-bg-inverted-contrast-max-pressed: var(--lightningcss-light, #002927) var(--lightningcss-dark, #00fcf2);
    --db-turquoise-bg-inverted-contrast-high-default: var(--lightningcss-light, #006a65) var(--lightningcss-dark, #00bfb7);
    --db-turquoise-bg-inverted-contrast-high-hovered: var(--lightningcss-light, #002927) var(--lightningcss-dark, #9bfff8);
    --db-turquoise-bg-inverted-contrast-high-pressed: var(--lightningcss-light, #005551) var(--lightningcss-dark, #00ddd4);
    --db-turquoise-bg-inverted-contrast-low-default: var(--lightningcss-light, #00857f) var(--lightningcss-dark, #00a29b);
    --db-turquoise-bg-inverted-contrast-low-hovered: var(--lightningcss-light, #003734) var(--lightningcss-dark, #9bfff8);
    --db-turquoise-bg-inverted-contrast-low-pressed: var(--lightningcss-light, #006a65) var(--lightningcss-dark, #00bfb7);
    --db-turquoise-bg-vibrant-default: #00bfb7;
    --db-turquoise-bg-vibrant-hovered: #9bfff8;
    --db-turquoise-bg-vibrant-pressed: #00ddd4;
    --db-green-origin-default: #408335;
    --db-green-origin-hovered: #1c4116;
    --db-green-origin-pressed: #316828;
    --db-green-on-origin-default: #f7fef6;
    --db-green-on-bg-basic-emphasis-50-default: var(--lightningcss-light, #61c051) var(--lightningcss-dark, #275520);
    --db-green-on-bg-basic-emphasis-60-default: var(--lightningcss-light, #71de5f) var(--lightningcss-dark, #336a2a);
    --db-green-on-bg-basic-emphasis-70-default: var(--lightningcss-light, #428636) var(--lightningcss-dark, #51a243);
    --db-green-on-bg-basic-emphasis-70-hovered: var(--lightningcss-light, #1f4619) var(--lightningcss-dark, #71de5f);
    --db-green-on-bg-basic-emphasis-70-pressed: var(--lightningcss-light, #336a2a) var(--lightningcss-dark, #61c051);
    --db-green-on-bg-basic-emphasis-80-default: var(--lightningcss-light, #336a2a) var(--lightningcss-dark, #61c051);
    --db-green-on-bg-basic-emphasis-80-hovered: var(--lightningcss-light, #173712) var(--lightningcss-dark, #c7fbc2);
    --db-green-on-bg-basic-emphasis-80-pressed: var(--lightningcss-light, #275520) var(--lightningcss-dark, #71de5f);
    --db-green-on-bg-basic-emphasis-90-default: var(--lightningcss-light, #1f4619) var(--lightningcss-dark, #71de5f);
    --db-green-on-bg-basic-emphasis-90-hovered: var(--lightningcss-light, #041103) var(--lightningcss-dark, #eefeec);
    --db-green-on-bg-basic-emphasis-90-pressed: var(--lightningcss-light, #173712) var(--lightningcss-dark, #96f989);
    --db-green-on-bg-basic-emphasis-100-default: var(--lightningcss-light, #091c06) var(--lightningcss-dark, #c7fbc2);
    --db-green-on-bg-basic-emphasis-100-hovered: var(--lightningcss-light, #275520) var(--lightningcss-dark, #61c051);
    --db-green-on-bg-basic-emphasis-100-pressed: var(--lightningcss-light, #10290b) var(--lightningcss-dark, #96f989);
    --db-green-on-bg-inverted-default: var(--lightningcss-light, #eefeec) var(--lightningcss-dark, #173712);
    --db-green-on-bg-inverted-hovered: var(--lightningcss-light, #96f989) var(--lightningcss-dark, #041103);
    --db-green-on-bg-inverted-pressed: var(--lightningcss-light, #dbfcd8) var(--lightningcss-dark, #10290b);
    --db-green-on-bg-vibrant-default: #091c06;
    --db-green-on-bg-vibrant-hovered: #1f4619;
    --db-green-on-bg-vibrant-pressed: #10290b;
    --db-green-bg-basic-level-1-default: var(--lightningcss-light, #eefeec) var(--lightningcss-dark, #091c06);
    --db-green-bg-basic-level-1-hovered: var(--lightningcss-light, #dbfcd8) var(--lightningcss-dark, #173712);
    --db-green-bg-basic-level-1-pressed: var(--lightningcss-light, #c7fbc2) var(--lightningcss-dark, #1f4619);
    --db-green-bg-basic-level-2-default: var(--lightningcss-light, #dbfcd8) var(--lightningcss-dark, #10290b);
    --db-green-bg-basic-level-2-hovered: var(--lightningcss-light, #c7fbc2) var(--lightningcss-dark, #1f4619);
    --db-green-bg-basic-level-2-pressed: var(--lightningcss-light, #96f989) var(--lightningcss-dark, #275520);
    --db-green-bg-basic-level-3-default: var(--lightningcss-light, #c7fbc2) var(--lightningcss-dark, #173712);
    --db-green-bg-basic-level-3-hovered: var(--lightningcss-light, #96f989) var(--lightningcss-dark, #091c06);
    --db-green-bg-basic-level-3-pressed: var(--lightningcss-light, #71de5f) var(--lightningcss-dark, #041103);
    --db-green-bg-basic-transparent-full-default: #0000;
  }

  @supports (color: color-mix(in lab, red, red)) {
    :host, :root {
      --db-green-bg-basic-transparent-full-default: transparent;
    }
  }

  :host, :root {
    --db-green-bg-basic-transparent-semi-default: #0000;
  }

  @supports (color: color-mix(in lab, red, red)) {
    :host, :root {
      --db-green-bg-basic-transparent-semi-default: var(--lightningcss-light, #336a2a14) var(--lightningcss-dark, #61c05129);
    }
  }

  :host, :root {
    --db-green-bg-basic-transparent-full-hovered: #0000;
  }

  @supports (color: color-mix(in lab, red, red)) {
    :host, :root {
      --db-green-bg-basic-transparent-full-hovered: var(--lightningcss-light, #336a2a3d) var(--lightningcss-dark, #61c0513d);
    }
  }

  :host, :root {
    --db-green-bg-basic-transparent-full-pressed: #0000;
  }

  @supports (color: color-mix(in lab, red, red)) {
    :host, :root {
      --db-green-bg-basic-transparent-full-pressed: var(--lightningcss-light, #336a2a52) var(--lightningcss-dark, #61c05152);
    }
  }

  :host, :root {
    --db-green-bg-basic-transparent-semi-hovered: #0000;
  }

  @supports (color: color-mix(in lab, red, red)) {
    :host, :root {
      --db-green-bg-basic-transparent-semi-hovered: var(--lightningcss-light, #336a2a3d) var(--lightningcss-dark, #61c0513d);
    }
  }

  :host, :root {
    --db-green-bg-basic-transparent-semi-pressed: #0000;
  }

  @supports (color: color-mix(in lab, red, red)) {
    :host, :root {
      --db-green-bg-basic-transparent-semi-pressed: var(--lightningcss-light, #336a2a52) var(--lightningcss-dark, #61c05152);
    }
  }

  :host, :root {
    --db-green-bg-inverted-contrast-max-default: var(--lightningcss-light, #091c06) var(--lightningcss-dark, #c7fbc2);
    --db-green-bg-inverted-contrast-max-hovered: var(--lightningcss-light, #275520) var(--lightningcss-dark, #61c051);
    --db-green-bg-inverted-contrast-max-pressed: var(--lightningcss-light, #10290b) var(--lightningcss-dark, #96f989);
    --db-green-bg-inverted-contrast-high-default: var(--lightningcss-light, #336a2a) var(--lightningcss-dark, #61c051);
    --db-green-bg-inverted-contrast-high-hovered: var(--lightningcss-light, #10290b) var(--lightningcss-dark, #c7fbc2);
    --db-green-bg-inverted-contrast-high-pressed: var(--lightningcss-light, #275520) var(--lightningcss-dark, #71de5f);
    --db-green-bg-inverted-contrast-low-default: var(--lightningcss-light, #428636) var(--lightningcss-dark, #51a243);
    --db-green-bg-inverted-contrast-low-hovered: var(--lightningcss-light, #173712) var(--lightningcss-dark, #c7fbc2);
    --db-green-bg-inverted-contrast-low-pressed: var(--lightningcss-light, #336a2a) var(--lightningcss-dark, #61c051);
    --db-green-bg-vibrant-default: #61c051;
    --db-green-bg-vibrant-hovered: #c7fbc2;
    --db-green-bg-vibrant-pressed: #71de5f;
    --db-light-green-origin-default: #63a615;
    --db-light-green-origin-hovered: #88e221;
    --db-light-green-origin-pressed: #75c31b;
    --db-light-green-on-origin-default: #030900;
    --db-light-green-on-bg-basic-emphasis-50-default: var(--lightningcss-light, #72bf1a) var(--lightningcss-dark, #305506);
    --db-light-green-on-bg-basic-emphasis-60-default: var(--lightningcss-light, #85dd20) var(--lightningcss-dark, #3d6a09);
    --db-light-green-on-bg-basic-emphasis-70-default: var(--lightningcss-light, #4e850f) var(--lightningcss-dark, #60a114);
    --db-light-green-on-bg-basic-emphasis-70-hovered: var(--lightningcss-light, #264604) var(--lightningcss-dark, #85dd20);
    --db-light-green-on-bg-basic-emphasis-70-pressed: var(--lightningcss-light, #3d6a09) var(--lightningcss-dark, #72bf1a);
    --db-light-green-on-bg-basic-emphasis-80-default: var(--lightningcss-light, #3d6a09) var(--lightningcss-dark, #72bf1a);
    --db-light-green-on-bg-basic-emphasis-80-hovered: var(--lightningcss-light, #1d3702) var(--lightningcss-dark, #c3ff9d);
    --db-light-green-on-bg-basic-emphasis-80-pressed: var(--lightningcss-light, #305506) var(--lightningcss-dark, #85dd20);
    --db-light-green-on-bg-basic-emphasis-90-default: var(--lightningcss-light, #264604) var(--lightningcss-dark, #85dd20);
    --db-light-green-on-bg-basic-emphasis-90-hovered: var(--lightningcss-light, #061100) var(--lightningcss-dark, #edffe4);
    --db-light-green-on-bg-basic-emphasis-90-pressed: var(--lightningcss-light, #1d3702) var(--lightningcss-dark, #99fc26);
    --db-light-green-on-bg-basic-emphasis-100-default: var(--lightningcss-light, #0c1b01) var(--lightningcss-dark, #c3ff9d);
    --db-light-green-on-bg-basic-emphasis-100-hovered: var(--lightningcss-light, #305506) var(--lightningcss-dark, #72bf1a);
    --db-light-green-on-bg-basic-emphasis-100-pressed: var(--lightningcss-light, #142901) var(--lightningcss-dark, #99fc26);
    --db-light-green-on-bg-inverted-default: var(--lightningcss-light, #edffe4) var(--lightningcss-dark, #1d3702);
    --db-light-green-on-bg-inverted-hovered: var(--lightningcss-light, #99fc26) var(--lightningcss-dark, #061100);
    --db-light-green-on-bg-inverted-pressed: var(--lightningcss-light, #d9ffc4) var(--lightningcss-dark, #142901);
    --db-light-green-on-bg-vibrant-default: #0c1b01;
    --db-light-green-on-bg-vibrant-hovered: #264604;
    --db-light-green-on-bg-vibrant-pressed: #142901;
    --db-light-green-bg-basic-level-1-default: var(--lightningcss-light, #edffe4) var(--lightningcss-dark, #0c1b01);
    --db-light-green-bg-basic-level-1-hovered: var(--lightningcss-light, #d9ffc4) var(--lightningcss-dark, #1d3702);
    --db-light-green-bg-basic-level-1-pressed: var(--lightningcss-light, #c3ff9d) var(--lightningcss-dark, #264604);
    --db-light-green-bg-basic-level-2-default: var(--lightningcss-light, #d9ffc4) var(--lightningcss-dark, #142901);
    --db-light-green-bg-basic-level-2-hovered: var(--lightningcss-light, #c3ff9d) var(--lightningcss-dark, #264604);
    --db-light-green-bg-basic-level-2-pressed: var(--lightningcss-light, #99fc26) var(--lightningcss-dark, #305506);
    --db-light-green-bg-basic-level-3-default: var(--lightningcss-light, #c3ff9d) var(--lightningcss-dark, #1d3702);
    --db-light-green-bg-basic-level-3-hovered: var(--lightningcss-light, #99fc26) var(--lightningcss-dark, #0c1b01);
    --db-light-green-bg-basic-level-3-pressed: var(--lightningcss-light, #85dd20) var(--lightningcss-dark, #061100);
    --db-light-green-bg-basic-transparent-full-default: #0000;
  }

  @supports (color: color-mix(in lab, red, red)) {
    :host, :root {
      --db-light-green-bg-basic-transparent-full-default: transparent;
    }
  }

  :host, :root {
    --db-light-green-bg-basic-transparent-semi-default: #0000;
  }

  @supports (color: color-mix(in lab, red, red)) {
    :host, :root {
      --db-light-green-bg-basic-transparent-semi-default: var(--lightningcss-light, #3d6a0914) var(--lightningcss-dark, #72bf1a29);
    }
  }

  :host, :root {
    --db-light-green-bg-basic-transparent-full-hovered: #0000;
  }

  @supports (color: color-mix(in lab, red, red)) {
    :host, :root {
      --db-light-green-bg-basic-transparent-full-hovered: var(--lightningcss-light, #3d6a093d) var(--lightningcss-dark, #72bf1a3d);
    }
  }

  :host, :root {
    --db-light-green-bg-basic-transparent-full-pressed: #0000;
  }

  @supports (color: color-mix(in lab, red, red)) {
    :host, :root {
      --db-light-green-bg-basic-transparent-full-pressed: var(--lightningcss-light, #3d6a0952) var(--lightningcss-dark, #72bf1a52);
    }
  }

  :host, :root {
    --db-light-green-bg-basic-transparent-semi-hovered: #0000;
  }

  @supports (color: color-mix(in lab, red, red)) {
    :host, :root {
      --db-light-green-bg-basic-transparent-semi-hovered: var(--lightningcss-light, #3d6a093d) var(--lightningcss-dark, #72bf1a3d);
    }
  }

  :host, :root {
    --db-light-green-bg-basic-transparent-semi-pressed: #0000;
  }

  @supports (color: color-mix(in lab, red, red)) {
    :host, :root {
      --db-light-green-bg-basic-transparent-semi-pressed: var(--lightningcss-light, #3d6a0952) var(--lightningcss-dark, #72bf1a52);
    }
  }

  :host, :root {
    --db-light-green-bg-inverted-contrast-max-default: var(--lightningcss-light, #0c1b01) var(--lightningcss-dark, #c3ff9d);
    --db-light-green-bg-inverted-contrast-max-hovered: var(--lightningcss-light, #305506) var(--lightningcss-dark, #72bf1a);
    --db-light-green-bg-inverted-contrast-max-pressed: var(--lightningcss-light, #142901) var(--lightningcss-dark, #99fc26);
    --db-light-green-bg-inverted-contrast-high-default: var(--lightningcss-light, #3d6a09) var(--lightningcss-dark, #72bf1a);
    --db-light-green-bg-inverted-contrast-high-hovered: var(--lightningcss-light, #142901) var(--lightningcss-dark, #c3ff9d);
    --db-light-green-bg-inverted-contrast-high-pressed: var(--lightningcss-light, #305506) var(--lightningcss-dark, #85dd20);
    --db-light-green-bg-inverted-contrast-low-default: var(--lightningcss-light, #4e850f) var(--lightningcss-dark, #60a114);
    --db-light-green-bg-inverted-contrast-low-hovered: var(--lightningcss-light, #1d3702) var(--lightningcss-dark, #c3ff9d);
    --db-light-green-bg-inverted-contrast-low-pressed: var(--lightningcss-light, #3d6a09) var(--lightningcss-dark, #72bf1a);
    --db-light-green-bg-vibrant-default: #72bf1a;
    --db-light-green-bg-vibrant-hovered: #c3ff9d;
    --db-light-green-bg-vibrant-pressed: #85dd20;
    --db-burgundy-origin-default: #a9455d;
    --db-burgundy-origin-hovered: #4f1c28;
    --db-burgundy-origin-pressed: #833447;
    --db-burgundy-on-origin-default: #fcf8f9;
    --db-burgundy-on-bg-basic-emphasis-50-default: var(--lightningcss-light, #df98a5) var(--lightningcss-dark, #7e3144);
    --db-burgundy-on-bg-basic-emphasis-60-default: var(--lightningcss-light, #e8bbc3) var(--lightningcss-dark, #9c3f55);
    --db-burgundy-on-bg-basic-emphasis-70-default: var(--lightningcss-light, #c2516c) var(--lightningcss-dark, #d77187);
    --db-burgundy-on-bg-basic-emphasis-70-hovered: var(--lightningcss-light, #682837) var(--lightningcss-dark, #e8bbc3);
    --db-burgundy-on-bg-basic-emphasis-70-pressed: var(--lightningcss-light, #9c3f55) var(--lightningcss-dark, #df98a5);
    --db-burgundy-on-bg-basic-emphasis-80-default: var(--lightningcss-light, #9c3f55) var(--lightningcss-dark, #df98a5);
    --db-burgundy-on-bg-basic-emphasis-80-hovered: var(--lightningcss-light, #541e2b) var(--lightningcss-dark, #f8ebed);
    --db-burgundy-on-bg-basic-emphasis-80-pressed: var(--lightningcss-light, #7e3144) var(--lightningcss-dark, #e8bbc3);
    --db-burgundy-on-bg-basic-emphasis-90-default: var(--lightningcss-light, #682837) var(--lightningcss-dark, #e8bbc3);
    --db-burgundy-on-bg-basic-emphasis-90-hovered: var(--lightningcss-light, #1e060c) var(--lightningcss-dark, #fcf8f9);
    --db-burgundy-on-bg-basic-emphasis-90-pressed: var(--lightningcss-light, #541e2b) var(--lightningcss-dark, #f3dde1);
    --db-burgundy-on-bg-basic-emphasis-100-default: var(--lightningcss-light, #2d0d14) var(--lightningcss-dark, #f8ebed);
    --db-burgundy-on-bg-basic-emphasis-100-hovered: var(--lightningcss-light, #7e3144) var(--lightningcss-dark, #df98a5);
    --db-burgundy-on-bg-basic-emphasis-100-pressed: var(--lightningcss-light, #40151f) var(--lightningcss-dark, #f3dde1);
    --db-burgundy-on-bg-inverted-default: var(--lightningcss-light, #fcf8f9) var(--lightningcss-dark, #541e2b);
    --db-burgundy-on-bg-inverted-hovered: var(--lightningcss-light, #f3dde1) var(--lightningcss-dark, #1e060c);
    --db-burgundy-on-bg-inverted-pressed: var(--lightningcss-light, #faf2f3) var(--lightningcss-dark, #40151f);
    --db-burgundy-on-bg-vibrant-default: #2d0d14;
    --db-burgundy-on-bg-vibrant-hovered: #682837;
    --db-burgundy-on-bg-vibrant-pressed: #40151f;
    --db-burgundy-bg-basic-level-1-default: var(--lightningcss-light, #fcf8f9) var(--lightningcss-dark, #2d0d14);
    --db-burgundy-bg-basic-level-1-hovered: var(--lightningcss-light, #faf2f3) var(--lightningcss-dark, #541e2b);
    --db-burgundy-bg-basic-level-1-pressed: var(--lightningcss-light, #f8ebed) var(--lightningcss-dark, #682837);
    --db-burgundy-bg-basic-level-2-default: var(--lightningcss-light, #faf2f3) var(--lightningcss-dark, #40151f);
    --db-burgundy-bg-basic-level-2-hovered: var(--lightningcss-light, #f8ebed) var(--lightningcss-dark, #682837);
    --db-burgundy-bg-basic-level-2-pressed: var(--lightningcss-light, #f3dde1) var(--lightningcss-dark, #7e3144);
    --db-burgundy-bg-basic-level-3-default: var(--lightningcss-light, #f8ebed) var(--lightningcss-dark, #541e2b);
    --db-burgundy-bg-basic-level-3-hovered: var(--lightningcss-light, #f3dde1) var(--lightningcss-dark, #2d0d14);
    --db-burgundy-bg-basic-level-3-pressed: var(--lightningcss-light, #e8bbc3) var(--lightningcss-dark, #1e060c);
    --db-burgundy-bg-basic-transparent-full-default: #0000;
  }

  @supports (color: color-mix(in lab, red, red)) {
    :host, :root {
      --db-burgundy-bg-basic-transparent-full-default: transparent;
    }
  }

  :host, :root {
    --db-burgundy-bg-basic-transparent-semi-default: #0000;
  }

  @supports (color: color-mix(in lab, red, red)) {
    :host, :root {
      --db-burgundy-bg-basic-transparent-semi-default: var(--lightningcss-light, #9c3f5514) var(--lightningcss-dark, #df98a529);
    }
  }

  :host, :root {
    --db-burgundy-bg-basic-transparent-full-hovered: #0000;
  }

  @supports (color: color-mix(in lab, red, red)) {
    :host, :root {
      --db-burgundy-bg-basic-transparent-full-hovered: var(--lightningcss-light, #9c3f553d) var(--lightningcss-dark, #df98a53d);
    }
  }

  :host, :root {
    --db-burgundy-bg-basic-transparent-full-pressed: #0000;
  }

  @supports (color: color-mix(in lab, red, red)) {
    :host, :root {
      --db-burgundy-bg-basic-transparent-full-pressed: var(--lightningcss-light, #9c3f5552) var(--lightningcss-dark, #df98a552);
    }
  }

  :host, :root {
    --db-burgundy-bg-basic-transparent-semi-hovered: #0000;
  }

  @supports (color: color-mix(in lab, red, red)) {
    :host, :root {
      --db-burgundy-bg-basic-transparent-semi-hovered: var(--lightningcss-light, #9c3f553d) var(--lightningcss-dark, #df98a53d);
    }
  }

  :host, :root {
    --db-burgundy-bg-basic-transparent-semi-pressed: #0000;
  }

  @supports (color: color-mix(in lab, red, red)) {
    :host, :root {
      --db-burgundy-bg-basic-transparent-semi-pressed: var(--lightningcss-light, #9c3f5552) var(--lightningcss-dark, #df98a552);
    }
  }

  :host, :root {
    --db-burgundy-bg-inverted-contrast-max-default: var(--lightningcss-light, #2d0d14) var(--lightningcss-dark, #f8ebed);
    --db-burgundy-bg-inverted-contrast-max-hovered: var(--lightningcss-light, #7e3144) var(--lightningcss-dark, #df98a5);
    --db-burgundy-bg-inverted-contrast-max-pressed: var(--lightningcss-light, #40151f) var(--lightningcss-dark, #f3dde1);
    --db-burgundy-bg-inverted-contrast-high-default: var(--lightningcss-light, #9c3f55) var(--lightningcss-dark, #df98a5);
    --db-burgundy-bg-inverted-contrast-high-hovered: var(--lightningcss-light, #40151f) var(--lightningcss-dark, #f8ebed);
    --db-burgundy-bg-inverted-contrast-high-pressed: var(--lightningcss-light, #7e3144) var(--lightningcss-dark, #e8bbc3);
    --db-burgundy-bg-inverted-contrast-low-default: var(--lightningcss-light, #c2516c) var(--lightningcss-dark, #d77187);
    --db-burgundy-bg-inverted-contrast-low-hovered: var(--lightningcss-light, #541e2b) var(--lightningcss-dark, #f8ebed);
    --db-burgundy-bg-inverted-contrast-low-pressed: var(--lightningcss-light, #9c3f55) var(--lightningcss-dark, #df98a5);
    --db-burgundy-bg-vibrant-default: #df98a5;
    --db-burgundy-bg-vibrant-hovered: #f8ebed;
    --db-burgundy-bg-vibrant-pressed: #e8bbc3;
  }

  :where(html) {
    -moz-text-size-adjust: 100%;
    text-size-adjust: 100%;
    line-height: 1.15;
  }

  :where(h1) {
    margin-block: .67em;
    font-size: 2em;
  }

  :where(dl, ol, ul) :where(dl, ol, ul) {
    margin-block: 0;
  }

  :where(hr) {
    box-sizing: initial;
    color: inherit;
    height: 0;
  }

  :where(abbr[title]) {
    -webkit-text-decoration: underline dotted;
    text-decoration: underline dotted;
  }

  :where(b, strong) {
    font-weight: bolder;
  }

  :where(code, kbd, pre, samp) {
    font-family: monospace;
    font-size: 1em;
  }

  :where(small) {
    font-size: 80%;
  }

  :where(table) {
    text-indent: 0;
    border-color: currentColor;
  }

  :where(button, input, select) {
    margin: 0;
  }

  :where(button) {
    text-transform: none;
  }

  :where(button, input:is([type="button" i], [type="reset" i], [type="submit" i])) {
    -webkit-appearance: button;
  }

  :where(progress) {
    vertical-align: initial;
  }

  :where(select) {
    text-transform: none;
  }

  :where(textarea) {
    margin: 0;
  }

  :where(input[type="search" i]) {
    -webkit-appearance: textfield;
    outline-offset: -2px;
  }

  ::-webkit-inner-spin-button {
    height: auto;
  }

  ::-webkit-outer-spin-button {
    height: auto;
  }

  ::-webkit-input-placeholder {
    color: inherit;
    opacity: .54;
  }

  ::-webkit-search-decoration {
    -webkit-appearance: none;
  }

  ::-webkit-file-upload-button {
    -webkit-appearance: button;
    font: inherit;
  }

  :where(button, input:is([type="button" i], [type="color" i], [type="reset" i], [type="submit" i]))::-moz-focus-inner {
    border-style: none;
    padding: 0;
  }

  :where(button, input:is([type="button" i], [type="color" i], [type="reset" i], [type="submit" i]))::-moz-focusring {
    outline: 1px dotted buttontext;
  }

  :where(:-moz-ui-invalid) {
    box-shadow: none;
  }

  :where(dialog) {
    color: #000;
    background-color: #fff;
    border: solid;
    width: fit-content;
    height: fit-content;
    margin: auto;
    padding: 1em;
    position: absolute;
    left: 0;
    right: 0;
  }

  :where(dialog:not([open])) {
    display: none;
  }

  :where(summary) {
    display: list-item;
  }

  :host, :root {
    --db-textarea-resizer-image: url("data:image/svg+xml;base64,PHN2ZyBpZD0iaWNvbiIgaGVpZ2h0PSIyMCIgdmlld0JveD0iMCAwIDIwIDIwIiB3aWR0aD0iMjAiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PHBhdGggZD0ibTExLjUgMTYuNWEuOTk5Ljk5OSAwIDAgMSAtLjcwNy0xLjcwN2w0LTRhLjk5OS45OTkgMCAxIDEgMS40MTQgMS40MTRsLTQgNGEuOTk3Ljk5NyAwIDAgMSAtLjcwNy4yOTN6bS03IDBhLjk5OS45OTkgMCAwIDEgLS43MDctMS43MDdsMTEtMTFhLjk5OS45OTkgMCAxIDEgMS40MTQgMS40MTRsLTExIDExYS45OTcuOTk3IDAgMCAxIC0uNzA3LjI5M3oiIGZpbGw9IiMyODJkMzciIHN0eWxlPSJ2YXIoLS1kYi1pY29uLWNvbG9yLCBjdXJyZW50Q29sb3IpIiBmaWxsLXJ1bGU9ImV2ZW5vZGQiLz48L3N2Zz4NCg==");
    --db-textarea-scrollbar-button-decrement: url("data:image/svg+xml;base64,PHN2ZyBpZD0iaWNvbiIgaGVpZ2h0PSIyMCIgdmlld0JveD0iMCAwIDIwIDIwIiB3aWR0aD0iMjAiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PHBhdGggZD0ibTQuOTk0IDEzYS45OTguOTk4IDAgMCAxIC0uOTk0LS45OTVjMC0uMjY2LjEzMy0uNTMxLjI5OC0uNjk3bDUuMDA2LTUuMDFjLjE5OS0uMTk4LjQ2NC0uMjk4LjY5Ni0uMjk4LjIyNyAwIC40NTUuMDczLjYyLjIybDUuMDgyIDUuMDg4Yy4xOTkuMTY2LjI5OC40MzEuMjk4LjY5N2EuOTk4Ljk5OCAwIDAgMSAtLjk5NC45OTVjLS4yNjYgMC0uNTMtLjEtLjczLS4yOTlsLTQuMjc2LTQuMjgtNC4yNzYgNC4yOGMtLjIuMi0uNDY0LjI5OS0uNzMuMjk5eiIgZmlsbD0iIzI4MmQzNyIgc3R5bGU9InZhcigtLWRiLWljb24tY29sb3IsIGN1cnJlbnRDb2xvcikiIGZpbGwtcnVsZT0iZXZlbm9kZCIvPjwvc3ZnPg0K");
    --db-textarea-scrollbar-button-increment: url("data:image/svg+xml;base64,PHN2ZyBpZD0iaWNvbiIgaGVpZ2h0PSIxNiIgdmlld0JveD0iMCAwIDE2IDE2IiB3aWR0aD0iMTYiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PHBhdGggZD0ibTEwLjQ3MiA4LjY5Ni0zLjUzMiAzLjUzNGEuOTk4Ljk5OCAwIDEgMSAtMS40MTMtMS40MTNsMi44MjUtMi44MjUtMi44MjUtMi44MjVhLjk5OC45OTggMCAxIDEgMS40MTMtMS40MTNsMy41MzIgMy41MzJhLjk5OS45OTkgMCAwIDEgMCAxLjQxMnoiIGZpbGw9InZhcigtLWRiLWljb24tY29sb3IsIGN1cnJlbnRDb2xvcikiIGZpbGwtcnVsZT0iZXZlbm9kZCIgdHJhbnNmb3JtPSJtYXRyaXgoMCAxIC0xIDAgMTUuOTkxIC0uMDA5KSIvPjwvc3ZnPg0K");
  }

  @media (prefers-color-scheme: dark) {
    :host, :root {
      --db-textarea-resizer-image: url("data:image/svg+xml;base64,PHN2ZyBpZD0iaWNvbiIgaGVpZ2h0PSIyMCIgdmlld0JveD0iMCAwIDIwIDIwIiB3aWR0aD0iMjAiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PHBhdGggZD0ibTExLjUgMTYuNWEuOTk5Ljk5OSAwIDAgMSAtLjcwNy0xLjcwN2w0LTRhLjk5OS45OTkgMCAxIDEgMS40MTQgMS40MTRsLTQgNGEuOTk3Ljk5NyAwIDAgMSAtLjcwNy4yOTN6bS03IDBhLjk5OS45OTkgMCAwIDEgLS43MDctMS43MDdsMTEtMTFhLjk5OS45OTkgMCAxIDEgMS40MTQgMS40MTRsLTExIDExYS45OTcuOTk3IDAgMCAxIC0uNzA3LjI5M3oiIGZpbGw9IiNmOGY4ZjkiIHN0eWxlPSJ2YXIoLS1kYi1pY29uLWNvbG9yLCBjdXJyZW50Q29sb3IpIiBmaWxsLXJ1bGU9ImV2ZW5vZGQiLz48L3N2Zz4NCg==");
      --db-textarea-scrollbar-button-decrement: url("data:image/svg+xml;base64,PHN2ZyBpZD0iaWNvbiIgaGVpZ2h0PSIyMCIgdmlld0JveD0iMCAwIDIwIDIwIiB3aWR0aD0iMjAiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PHBhdGggZD0ibTQuOTk0IDEzYS45OTguOTk4IDAgMCAxIC0uOTk0LS45OTVjMC0uMjY2LjEzMy0uNTMxLjI5OC0uNjk3bDUuMDA2LTUuMDFjLjE5OS0uMTk4LjQ2NC0uMjk4LjY5Ni0uMjk4LjIyNyAwIC40NTUuMDczLjYyLjIybDUuMDgyIDUuMDg4Yy4xOTkuMTY2LjI5OC40MzEuMjk4LjY5N2EuOTk4Ljk5OCAwIDAgMSAtLjk5NC45OTVjLS4yNjYgMC0uNTMtLjEtLjczLS4yOTlsLTQuMjc2LTQuMjgtNC4yNzYgNC4yOGMtLjIuMi0uNDY0LjI5OS0uNzMuMjk5eiIgZmlsbD0iI2Y4ZjhmOSIgc3R5bGU9InZhcigtLWRiLWljb24tY29sb3IsIGN1cnJlbnRDb2xvcikiIGZpbGwtcnVsZT0iZXZlbm9kZCIvPjwvc3ZnPg0K");
      --db-textarea-scrollbar-button-increment: url("data:image/svg+xml;base64,PHN2ZyBpZD0iaWNvbiIgaGVpZ2h0PSIyMCIgdmlld0JveD0iMCAwIDIwIDIwIiB3aWR0aD0iMjAiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PHBhdGggZD0ibTQuOTk0IDdhLjk5OC45OTggMCAwIDAgLS45OTQuOTk1YzAgLjI2Ni4xMzMuNTMxLjI5OC42OTdsNS4wMDYgNS4wMWMuMTk5LjE5OC40NjQuMjk4LjY5Ni4yOThhLjkzNi45MzYgMCAwIDAgLjYyLS4yMmw1LjA4Mi01LjA4OGMuMTk5LS4xNjYuMjk4LS40MzEuMjk4LS42OTdhLjk5OC45OTggMCAwIDAgLS45OTQtLjk5NWMtLjI2NiAwLS41My4xLS43My4yOTlsLTQuMjc2IDQuMjgtNC4yNzYtNC4yOGExLjAyOCAxLjAyOCAwIDAgMCAtLjczLS4yOTl6IiBmaWxsPSIjZjhmOGY5IiBzdHlsZT0idmFyKC0tZGItaWNvbi1jb2xvciwgY3VycmVudENvbG9yKSIgZmlsbC1ydWxlPSJldmVub2RkIi8+PC9zdmc+DQo=");
    }
  }

  :host [data-mode="dark"], :root [data-mode="dark"] {
    --db-textarea-resizer-image: url("data:image/svg+xml;base64,PHN2ZyBpZD0iaWNvbiIgaGVpZ2h0PSIyMCIgdmlld0JveD0iMCAwIDIwIDIwIiB3aWR0aD0iMjAiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PHBhdGggZD0ibTExLjUgMTYuNWEuOTk5Ljk5OSAwIDAgMSAtLjcwNy0xLjcwN2w0LTRhLjk5OS45OTkgMCAxIDEgMS40MTQgMS40MTRsLTQgNGEuOTk3Ljk5NyAwIDAgMSAtLjcwNy4yOTN6bS03IDBhLjk5OS45OTkgMCAwIDEgLS43MDctMS43MDdsMTEtMTFhLjk5OS45OTkgMCAxIDEgMS40MTQgMS40MTRsLTExIDExYS45OTcuOTk3IDAgMCAxIC0uNzA3LjI5M3oiIGZpbGw9IiNmOGY4ZjkiIHN0eWxlPSJ2YXIoLS1kYi1pY29uLWNvbG9yLCBjdXJyZW50Q29sb3IpIiBmaWxsLXJ1bGU9ImV2ZW5vZGQiLz48L3N2Zz4NCg==");
    --db-textarea-scrollbar-button-decrement: url("data:image/svg+xml;base64,PHN2ZyBpZD0iaWNvbiIgaGVpZ2h0PSIyMCIgdmlld0JveD0iMCAwIDIwIDIwIiB3aWR0aD0iMjAiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PHBhdGggZD0ibTQuOTk0IDEzYS45OTguOTk4IDAgMCAxIC0uOTk0LS45OTVjMC0uMjY2LjEzMy0uNTMxLjI5OC0uNjk3bDUuMDA2LTUuMDFjLjE5OS0uMTk4LjQ2NC0uMjk4LjY5Ni0uMjk4LjIyNyAwIC40NTUuMDczLjYyLjIybDUuMDgyIDUuMDg4Yy4xOTkuMTY2LjI5OC40MzEuMjk4LjY5N2EuOTk4Ljk5OCAwIDAgMSAtLjk5NC45OTVjLS4yNjYgMC0uNTMtLjEtLjczLS4yOTlsLTQuMjc2LTQuMjgtNC4yNzYgNC4yOGMtLjIuMi0uNDY0LjI5OS0uNzMuMjk5eiIgZmlsbD0iI2Y4ZjhmOSIgc3R5bGU9InZhcigtLWRiLWljb24tY29sb3IsIGN1cnJlbnRDb2xvcikiIGZpbGwtcnVsZT0iZXZlbm9kZCIvPjwvc3ZnPg0K");
    --db-textarea-scrollbar-button-increment: url("data:image/svg+xml;base64,PHN2ZyBpZD0iaWNvbiIgaGVpZ2h0PSIyMCIgdmlld0JveD0iMCAwIDIwIDIwIiB3aWR0aD0iMjAiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PHBhdGggZD0ibTQuOTk0IDdhLjk5OC45OTggMCAwIDAgLS45OTQuOTk1YzAgLjI2Ni4xMzMuNTMxLjI5OC42OTdsNS4wMDYgNS4wMWMuMTk5LjE5OC40NjQuMjk4LjY5Ni4yOThhLjkzNi45MzYgMCAwIDAgLjYyLS4yMmw1LjA4Mi01LjA4OGMuMTk5LS4xNjYuMjk4LS40MzEuMjk4LS42OTdhLjk5OC45OTggMCAwIDAgLS45OTQtLjk5NWMtLjI2NiAwLS41My4xLS43My4yOTlsLTQuMjc2IDQuMjgtNC4yNzYtNC4yOGExLjAyOCAxLjAyOCAwIDAgMCAtLjczLS4yOTl6IiBmaWxsPSIjZjhmOGY5IiBzdHlsZT0idmFyKC0tZGItaWNvbi1jb2xvciwgY3VycmVudENvbG9yKSIgZmlsbC1ydWxlPSJldmVub2RkIi8+PC9zdmc+DQo=");
  }

  :host [data-mode="light"], :root [data-mode="light"] {
    --db-textarea-resizer-image: url("data:image/svg+xml;base64,PHN2ZyBpZD0iaWNvbiIgaGVpZ2h0PSIyMCIgdmlld0JveD0iMCAwIDIwIDIwIiB3aWR0aD0iMjAiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PHBhdGggZD0ibTExLjUgMTYuNWEuOTk5Ljk5OSAwIDAgMSAtLjcwNy0xLjcwN2w0LTRhLjk5OS45OTkgMCAxIDEgMS40MTQgMS40MTRsLTQgNGEuOTk3Ljk5NyAwIDAgMSAtLjcwNy4yOTN6bS03IDBhLjk5OS45OTkgMCAwIDEgLS43MDctMS43MDdsMTEtMTFhLjk5OS45OTkgMCAxIDEgMS40MTQgMS40MTRsLTExIDExYS45OTcuOTk3IDAgMCAxIC0uNzA3LjI5M3oiIGZpbGw9IiMyODJkMzciIHN0eWxlPSJ2YXIoLS1kYi1pY29uLWNvbG9yLCBjdXJyZW50Q29sb3IpIiBmaWxsLXJ1bGU9ImV2ZW5vZGQiLz48L3N2Zz4NCg==");
    --db-textarea-scrollbar-button-decrement: url("data:image/svg+xml;base64,PHN2ZyBpZD0iaWNvbiIgaGVpZ2h0PSIyMCIgdmlld0JveD0iMCAwIDIwIDIwIiB3aWR0aD0iMjAiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PHBhdGggZD0ibTQuOTk0IDEzYS45OTguOTk4IDAgMCAxIC0uOTk0LS45OTVjMC0uMjY2LjEzMy0uNTMxLjI5OC0uNjk3bDUuMDA2LTUuMDFjLjE5OS0uMTk4LjQ2NC0uMjk4LjY5Ni0uMjk4LjIyNyAwIC40NTUuMDczLjYyLjIybDUuMDgyIDUuMDg4Yy4xOTkuMTY2LjI5OC40MzEuMjk4LjY5N2EuOTk4Ljk5OCAwIDAgMSAtLjk5NC45OTVjLS4yNjYgMC0uNTMtLjEtLjczLS4yOTlsLTQuMjc2LTQuMjgtNC4yNzYgNC4yOGMtLjIuMi0uNDY0LjI5OS0uNzMuMjk5eiIgZmlsbD0iIzI4MmQzNyIgc3R5bGU9InZhcigtLWRiLWljb24tY29sb3IsIGN1cnJlbnRDb2xvcikiIGZpbGwtcnVsZT0iZXZlbm9kZCIvPjwvc3ZnPg0K");
    --db-textarea-scrollbar-button-increment: url("data:image/svg+xml;base64,PHN2ZyBpZD0iaWNvbiIgaGVpZ2h0PSIxNiIgdmlld0JveD0iMCAwIDE2IDE2IiB3aWR0aD0iMTYiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PHBhdGggZD0ibTEwLjQ3MiA4LjY5Ni0zLjUzMiAzLjUzNGEuOTk4Ljk5OCAwIDEgMSAtMS40MTMtMS40MTNsMi44MjUtMi44MjUtMi44MjUtMi44MjVhLjk5OC45OTggMCAxIDEgMS40MTMtMS40MTNsMy41MzIgMy41MzJhLjk5OS45OTkgMCAwIDEgMCAxLjQxMnoiIGZpbGw9InZhcigtLWRiLWljb24tY29sb3IsIGN1cnJlbnRDb2xvcikiIGZpbGwtcnVsZT0iZXZlbm9kZCIgdHJhbnNmb3JtPSJtYXRyaXgoMCAxIC0xIDAgMTUuOTkxIC0uMDA5KSIvPjwvc3ZnPg0K");
  }

  :root {
    color-scheme: var(--db-color-scheme, light dark);
  }

  :root:has([name="color-scheme"]:is([content~="light"], [content~="dark"])) {
    color-scheme: var(--db-color-scheme);
  }

  [data-mode="light"] {
    --lightningcss-light: initial;
    --lightningcss-dark: ;
    color-scheme: light;
  }

  [data-mode="dark"] {
    --lightningcss-light: ;
    --lightningcss-dark: initial;
    color-scheme: dark;
  }

  body, html {
    margin: 0;
    padding: 0;
  }

  #app, #root, body {
    block-size: inherit;
  }

  body {
    font-family: DB Neo Screen Sans, helvetica, arial, sans-serif;
  }

  *, :after, :before {
    box-sizing: var(--db-box-sizing, border-box);
  }

  * {
    -webkit-font-smoothing: antialiased;
    font-synthesis: none;
    text-rendering: optimizelegibility;
  }

  a, body, button, input, select, summary, textarea {
    color: inherit;
  }

  embed, iframe, img, object, video {
    block-size: auto;
    max-inline-size: 100%;
  }

  iframe {
    border: 0;
  }

  :where(ul) {
    padding-inline-start: var(--db-spacing-fixed-md);
    list-style-type: "• ";
  }

  :where(ul) li::marker {
    color: #ec0016;
  }

  [role="navigation"] ol, [role="navigation"] ul, nav ol, nav ul {
    margin: 0;
    padding: 0;
    list-style-type: "";
  }

  fieldset {
    border: 0;
  }

  details > *, details > :after, details > :before {
    box-sizing: var(--db-box-sizing, border-box);
  }

  db-accordion, db-accordion-item, db-badge, db-brand, db-button, db-card, db-checkbox, db-custom-button, db-custom-select, db-custom-select-dropdown, db-custom-select-form-field, db-custom-select-list, db-custom-select-list-item, db-divider, db-drawer, db-header, db-icon, db-infotext, db-input, db-link, db-navigation, db-navigation-item, db-notification, db-page, db-popover, db-radio, db-section, db-select, db-stack, db-switch, db-tab, db-tab-bar, db-tab-item, db-tab-list, db-tab-panel, db-tabs, db-tag, db-textarea, db-tooltip {
    display: contents;
  }

  db-notification {
    inline-size: inherit;
  }

  .db-divider-top-before, [data-divider="top-before"] {
    --db-divider-bg-color: var(--db-adaptive-on-bg-basic-emphasis-60-default);
    position: var(--db-tooltip-parent-position, relative);
  }

  .db-divider-top-before[data-emphasis="strong"], [data-divider="top-before"][data-emphasis="strong"] {
    --db-divider-bg-color: var(--db-adaptive-on-bg-basic-emphasis-70-default);
  }

  .db-divider-top-before:before, [data-divider="top-before"]:before {
    content: "";
    background-color: var(--db-divider-bg-color);
    block-size: .0625rem;
    position: absolute;
    inset-block-start: 0;
    inset-inline: 0;
  }

  @media (forced-colors: active) {
    .db-divider-top-before, [data-divider="top-before"] {
      border: .0625rem solid var(--db-divider-bg-color);
    }
  }

  .db-divider-top-after, [data-divider="top-after"] {
    --db-divider-bg-color: var(--db-adaptive-on-bg-basic-emphasis-60-default);
    position: var(--db-tooltip-parent-position, relative);
  }

  .db-divider-top-after[data-emphasis="strong"], [data-divider="top-after"][data-emphasis="strong"] {
    --db-divider-bg-color: var(--db-adaptive-on-bg-basic-emphasis-70-default);
  }

  .db-divider-top-after:after, [data-divider="top-after"]:after {
    content: "";
    background-color: var(--db-divider-bg-color);
    block-size: .0625rem;
    position: absolute;
    inset-block-start: 0;
    inset-inline: 0;
  }

  @media (forced-colors: active) {
    .db-divider-top-after, [data-divider="top-after"] {
      border: .0625rem solid var(--db-divider-bg-color);
    }
  }

  .db-divider-bottom-before, [data-divider="bottom-before"] {
    --db-divider-bg-color: var(--db-adaptive-on-bg-basic-emphasis-60-default);
    position: var(--db-tooltip-parent-position, relative);
  }

  .db-divider-bottom-before[data-emphasis="strong"], [data-divider="bottom-before"][data-emphasis="strong"] {
    --db-divider-bg-color: var(--db-adaptive-on-bg-basic-emphasis-70-default);
  }

  .db-divider-bottom-before:before, [data-divider="bottom-before"]:before {
    content: "";
    background-color: var(--db-divider-bg-color);
    block-size: .0625rem;
    position: absolute;
    inset-block-end: 0;
    inset-inline: 0;
  }

  @media (forced-colors: active) {
    .db-divider-bottom-before, [data-divider="bottom-before"] {
      border: .0625rem solid var(--db-divider-bg-color);
    }
  }

  .db-divider-bottom-after, [data-divider="bottom-after"] {
    --db-divider-bg-color: var(--db-adaptive-on-bg-basic-emphasis-60-default);
    position: var(--db-tooltip-parent-position, relative);
  }

  .db-divider-bottom-after[data-emphasis="strong"], [data-divider="bottom-after"][data-emphasis="strong"] {
    --db-divider-bg-color: var(--db-adaptive-on-bg-basic-emphasis-70-default);
  }

  .db-divider-bottom-after:after, [data-divider="bottom-after"]:after {
    content: "";
    background-color: var(--db-divider-bg-color);
    block-size: .0625rem;
    position: absolute;
    inset-block-end: 0;
    inset-inline: 0;
  }

  @media (forced-colors: active) {
    .db-divider-bottom-after, [data-divider="bottom-after"] {
      border: .0625rem solid var(--db-divider-bg-color);
    }
  }

  .db-divider-left-before, [data-divider="left-before"] {
    --db-divider-bg-color: var(--db-adaptive-on-bg-basic-emphasis-60-default);
    position: var(--db-tooltip-parent-position, relative);
  }

  .db-divider-left-before[data-emphasis="strong"], [data-divider="left-before"][data-emphasis="strong"] {
    --db-divider-bg-color: var(--db-adaptive-on-bg-basic-emphasis-70-default);
  }

  .db-divider-left-before:before, [data-divider="left-before"]:before {
    content: "";
    background-color: var(--db-divider-bg-color);
    inline-size: .0625rem;
    position: absolute;
    inset-block: 0;
    inset-inline-start: 0;
  }

  @media (forced-colors: active) {
    .db-divider-left-before, [data-divider="left-before"] {
      border: .0625rem solid var(--db-divider-bg-color);
    }
  }

  .db-divider-left-after, [data-divider="left-after"] {
    --db-divider-bg-color: var(--db-adaptive-on-bg-basic-emphasis-60-default);
    position: var(--db-tooltip-parent-position, relative);
  }

  .db-divider-left-after[data-emphasis="strong"], [data-divider="left-after"][data-emphasis="strong"] {
    --db-divider-bg-color: var(--db-adaptive-on-bg-basic-emphasis-70-default);
  }

  .db-divider-left-after:after, [data-divider="left-after"]:after {
    content: "";
    background-color: var(--db-divider-bg-color);
    inline-size: .0625rem;
    position: absolute;
    inset-block: 0;
    inset-inline-start: 0;
  }

  @media (forced-colors: active) {
    .db-divider-left-after, [data-divider="left-after"] {
      border: .0625rem solid var(--db-divider-bg-color);
    }
  }

  .db-divider-right-before, [data-divider="right-before"] {
    --db-divider-bg-color: var(--db-adaptive-on-bg-basic-emphasis-60-default);
    position: var(--db-tooltip-parent-position, relative);
  }

  .db-divider-right-before[data-emphasis="strong"], [data-divider="right-before"][data-emphasis="strong"] {
    --db-divider-bg-color: var(--db-adaptive-on-bg-basic-emphasis-70-default);
  }

  .db-divider-right-before:before, [data-divider="right-before"]:before {
    content: "";
    background-color: var(--db-divider-bg-color);
    inline-size: .0625rem;
    position: absolute;
    inset-block: 0;
    inset-inline-end: 0;
  }

  @media (forced-colors: active) {
    .db-divider-right-before, [data-divider="right-before"] {
      border: .0625rem solid var(--db-divider-bg-color);
    }
  }

  .db-divider-right-after, [data-divider="right-after"] {
    --db-divider-bg-color: var(--db-adaptive-on-bg-basic-emphasis-60-default);
    position: var(--db-tooltip-parent-position, relative);
  }

  .db-divider-right-after[data-emphasis="strong"], [data-divider="right-after"][data-emphasis="strong"] {
    --db-divider-bg-color: var(--db-adaptive-on-bg-basic-emphasis-70-default);
  }

  .db-divider-right-after:after, [data-divider="right-after"]:after {
    content: "";
    background-color: var(--db-divider-bg-color);
    inline-size: .0625rem;
    position: absolute;
    inset-block: 0;
    inset-inline-end: 0;
  }

  @media (forced-colors: active) {
    .db-divider-right-after, [data-divider="right-after"] {
      border: .0625rem solid var(--db-divider-bg-color);
    }
  }

  .db-color-blue, .db-color-brand, .db-color-burgundy, .db-color-critical, .db-color-cyan, .db-color-green, .db-color-informational, .db-color-light-green, .db-color-neutral, .db-color-orange, .db-color-pink, .db-color-red, .db-color-successful, .db-color-turquoise, .db-color-violet, .db-color-warning, .db-color-yellow, [data-color="blue"], [data-color="brand"], [data-color="burgundy"], [data-color="critical"], [data-color="cyan"], [data-color="green"], [data-color="informational"], [data-color="light-green"], [data-color="neutral"], [data-color="orange"], [data-color="pink"], [data-color="red"], [data-color="successful"], [data-color="turquoise"], [data-color="violet"], [data-color="warning"], [data-color="yellow"] {
    color: var(--db-adaptive-on-bg-basic-emphasis-100-default);
    background-color: var(--db-adaptive-bg-basic-level-1-default);
  }

  .db-bg-color-basic-level-1, [data-bg-color="basic-level-1"] {
    background-color: var(--db-adaptive-bg-basic-level-1-default);
  }

  .db-bg-color-basic-level-2, [data-bg-color="basic-level-2"] {
    background-color: var(--db-adaptive-bg-basic-level-2-default);
  }

  .db-bg-color-basic-level-3, [data-bg-color="basic-level-3"] {
    background-color: var(--db-adaptive-bg-basic-level-3-default);
  }

  .db-bg-color-basic-transparent-semi, [data-bg-color="basic-transparent-semi"] {
    background-color: var(--db-adaptive-bg-basic-transparent-semi-default);
  }

  .db-bg-color-basic-transparent-full, [data-bg-color="basic-transparent-full"] {
    background-color: var(--db-adaptive-bg-basic-transparent-full-default);
  }

  .db-on-bg-color-emphasis-100, [data-on-bg-color="emphasis-100"] {
    color: var(--db-adaptive-on-bg-basic-emphasis-100-default);
  }

  .db-on-bg-color-emphasis-90, [data-on-bg-color="emphasis-90"] {
    color: var(--db-adaptive-on-bg-basic-emphasis-90-default);
  }

  .db-on-bg-color-emphasis-80, [data-on-bg-color="emphasis-80"] {
    color: var(--db-adaptive-on-bg-basic-emphasis-80-default);
  }

  .db-on-bg-color-emphasis-70, [data-on-bg-color="emphasis-70"] {
    color: var(--db-adaptive-on-bg-basic-emphasis-70-default);
  }

  .db-on-bg-color-emphasis-60, [data-on-bg-color="emphasis-60"] {
    color: var(--db-adaptive-on-bg-basic-emphasis-60-default);
  }

  .db-on-bg-color-emphasis-50, [data-on-bg-color="emphasis-50"] {
    color: var(--db-adaptive-on-bg-basic-emphasis-50-default);
  }

  .db-custom-select-list {
    white-space: nowrap;
    width: max-content;
  }

  .db-custom-select-dropdown:not([data-width]), .db-custom-select-dropdown[data-width="fixed"] {
    width: max-content;
  }
}

@layer db-theme {
  :is(:root, :host) {
    --db-textarea-resizer-image: url("../media/resize_handle_corner.0h85gork54cco.svg");
    --db-textarea-scrollbar-button-decrement: url("../media/chevron_down.1-dajy61wp4pe.svg");
    --db-textarea-scrollbar-button-increment: url("../media/chevron_up.2ki-aj-4fv2m-.svg");
    --db-logo-aspect-ratio: 10/7;
    --db-logo-url: url("../media/logo.18flhqeg30s_l.svg");
  }

  [data-logo="db-cargo"] {
    --db-logo-url: url("../media/logo.13ezais7305w7.svg");
    --db-logo-aspect-ratio: 535/141;
  }

  [data-logo="db-connect"] {
    --db-logo-url: url("../media/logo.1-ymb2wqa-dp-.svg");
    --db-logo-aspect-ratio: 661/141;
  }

  [data-logo="db-eco-group"] {
    --db-logo-url: url("../media/logo.2b3cgfuukb823.svg");
    --db-logo-aspect-ratio: 295/47;
  }

  [data-logo="db-energie"] {
    --db-logo-url: url("../media/logo.2uscxd-tghbn-.svg");
    --db-logo-aspect-ratio: 208/47;
  }

  [data-logo="db-fahrzeuginstandhaltung"] {
    --db-logo-url: url("../media/logo.2ou-kxfvenpf4.svg");
    --db-logo-aspect-ratio: 1471/141;
  }

  [data-logo="db-projekt-stuttgart-ulm"] {
    --db-logo-url: url("../media/logo.3h8iqd3x-0o1m.svg");
    --db-logo-aspect-ratio: 1342/141;
  }

  [data-logo="db-regio"] {
    --db-logo-url: url("../media/logo.3zk7e6ll8exp7.svg");
    --db-logo-aspect-ratio: 176/47;
  }

  [data-logo="db-services"] {
    --db-logo-url: url("../media/logo.1hpyo9tk7ts0h.svg");
    --db-logo-aspect-ratio: 220/47;
  }

  [data-logo="db-sicherheit"] {
    --db-logo-url: url("../media/logo.1txn5qw0i97u_.svg");
    --db-logo-aspect-ratio: 251/47;
  }

  [data-logo="db-systel"] {
    --db-logo-url: url("../media/logo.2qh0l86s432fs.svg");
    --db-logo-aspect-ratio: 544/141;
  }

  [data-logo="db-systemtechnik"] {
    --db-logo-url: url("../media/logo.0jzasnt4l20rw.svg");
    --db-logo-aspect-ratio: 331/47;
  }

  [data-logo="db-vertrieb"] {
    --db-logo-url: url("../media/logo.31c90w7u97f22.svg");
    --db-logo-aspect-ratio: 661/141;
  }

  @font-face {
    font-family: DB Neo Screen Sans;
    font-style: normal;
    font-weight: 300;
    src: url("../media/dbneoscreensans-digitalregular.2yhzcdgr7s_jb.woff2") format("woff2");
  }

  @font-face {
    font-family: DB Neo Screen Sans;
    font-style: normal;
    font-weight: 400;
    src: url("../media/dbneoscreensans-regular.1rtosk28z3sr4.woff2") format("woff2");
  }

  @font-face {
    font-family: DB Neo Screen Sans;
    font-style: normal;
    font-weight: 500;
    src: url("../media/dbneoscreensans-medium.22qbrqf5k127b.woff2") format("woff2");
  }

  @font-face {
    font-family: DB Neo Screen Sans;
    font-style: normal;
    font-weight: 600;
    src: url("../media/dbneoscreensans-semibold.1ubijk0alyqm-.woff2") format("woff2");
  }

  @font-face {
    font-family: DB Neo Screen Sans;
    font-style: normal;
    font-weight: 700;
    src: url("../media/dbneoscreensans-bold.37xc7ovpaif4k.woff2") format("woff2");
  }

  @font-face {
    font-family: DB Neo Screen Sans;
    font-style: normal;
    font-weight: 900;
    src: url("../media/dbneoscreensans-black.29oepm9193s6e.woff2") format("woff2");
  }

  @font-face {
    font-family: DB Neo Screen Head;
    font-style: normal;
    font-weight: 300;
    src: url("../media/dbneoscreenhead-light.14tvik_ualz67.woff2") format("woff2");
  }

  @font-face {
    font-family: DB Neo Screen Head;
    font-style: normal;
    font-weight: 400;
    src: url("../media/dbneoscreenhead-regular.3xilk23dhsphw.woff2") format("woff2");
  }

  @font-face {
    font-family: DB Neo Screen Head;
    font-style: normal;
    font-weight: 900;
    src: url("../media/dbneoscreenhead-black.1utmgsajqdo_-.woff2") format("woff2");
  }

  @font-face {
    font-family: DB Neo Screen Sans;
    font-style: italic;
    font-weight: 300;
    src: url("../media/dbneoscreensans-digitalregularitalic.09ou1wk-yayoz.woff2") format("woff2");
  }

  @font-face {
    font-family: DB Neo Screen Sans;
    font-style: italic;
    font-weight: 400;
    src: url("../media/dbneoscreensans-regularitalic.00zxwle68a46b.woff2") format("woff2");
  }

  @font-face {
    font-family: DB Neo Screen Sans;
    font-style: italic;
    font-weight: 500;
    src: url("../media/dbneoscreensans-mediumitalic.322nf38yauhug.woff2") format("woff2");
  }

  @font-face {
    font-family: DB Neo Screen Sans;
    font-style: italic;
    font-weight: 600;
    src: url("../media/dbneoscreensans-semibolditalic.3z5t_0veqexaj.woff2") format("woff2");
  }

  @font-face {
    font-family: DB Neo Screen Sans;
    font-style: italic;
    font-weight: 700;
    src: url("../media/dbneoscreensans-bolditalic.1sqs09uk5xgqe.woff2") format("woff2");
  }

  @font-face {
    font-family: DB Neo Screen Sans;
    font-style: italic;
    font-weight: 900;
    src: url("../media/dbneoscreensans-blackitalic.0h6x921hqredq.woff2") format("woff2");
  }

  @font-face {
    font-family: DB Neo Screen Head;
    font-style: italic;
    font-weight: 300;
    src: url("../media/dbneoscreenhead-lightitalic.10n-1fayhabjw.woff2") format("woff2");
  }

  @font-face {
    font-family: DB Neo Screen Head;
    font-style: italic;
    font-weight: 400;
    src: url("../media/dbneoscreenhead-regularitalic.1twqo_hy5seuj.woff2") format("woff2");
  }

  @font-face {
    font-family: DB Neo Screen Head;
    font-style: italic;
    font-weight: 900;
    src: url("../media/dbneoscreenhead-blackitalic.2w7tbu4jd4by5.woff2") format("woff2");
  }

  @font-face {
    font-display: block;
    font-family: db-default;
    font-style: normal;
    font-weight: 400;
    src: url("../media/db.40xj-nkdd2o2d.woff2") format("woff2");
  }

  [data-icon-variant="db"], [data-icon-variant-before="db"], [data-icon-variant-after="db"], [data-icon-variant="db-default"], [data-icon-variant-before="db-default"], [data-icon-variant-after="db-default"] {
    --db-icon-font-family: "db-default", icon-font-fallback;
  }

  @font-face {
    font-display: block;
    font-family: db-default;
    font-style: normal;
    font-weight: 12;
    src: url("../media/db.1_0x_ak6b3xp3.woff2") format("woff2");
  }

  @font-face {
    font-display: block;
    font-family: db-default;
    font-style: normal;
    font-weight: 14;
    src: url("../media/db.3iny6gkww8vkw.woff2") format("woff2");
  }

  @font-face {
    font-display: block;
    font-family: db-default;
    font-style: normal;
    font-weight: 16;
    src: url("../media/db.418gofz52wf9y.woff2") format("woff2");
  }

  @font-face {
    font-display: block;
    font-family: db-default;
    font-style: normal;
    font-weight: 20;
    src: url("../media/db.1muajj-0noyfs.woff2") format("woff2");
  }

  @font-face {
    font-display: block;
    font-family: db-default;
    font-style: normal;
    font-weight: 24;
    src: url("../media/db.3mw0yr9dfc3kp.woff2") format("woff2");
  }

  @font-face {
    font-display: block;
    font-family: db-default;
    font-style: normal;
    font-weight: 32;
    src: url("../media/db.1zgdpmetsuhel.woff2") format("woff2");
  }

  @font-face {
    font-display: block;
    font-family: db-filled;
    font-style: normal;
    font-weight: 400;
    src: url("../media/db.453du5z6c-9o5.woff2") format("woff2");
  }

  [data-icon-variant="db-filled"], [data-icon-variant-before="db-filled"], [data-icon-variant-after="db-filled"] {
    --db-icon-font-family: "db-filled", icon-font-fallback;
  }

  @font-face {
    font-display: block;
    font-family: db-filled;
    font-style: normal;
    font-weight: 12;
    src: url("../media/db.0pf3sf2mdhg9a.woff2") format("woff2");
  }

  [data-icon-weight="12"], [data-icon-weight-before="12"], [data-icon-weight-after="12"] {
    --db-icon-font-weight: 12;
  }

  @font-face {
    font-display: block;
    font-family: db-filled;
    font-style: normal;
    font-weight: 14;
    src: url("../media/db.1zf460d3nn9l6.woff2") format("woff2");
  }

  [data-icon-weight="14"], [data-icon-weight-before="14"], [data-icon-weight-after="14"] {
    --db-icon-font-weight: 14;
  }

  @font-face {
    font-display: block;
    font-family: db-filled;
    font-style: normal;
    font-weight: 16;
    src: url("../media/db.170wb-f2fdqz4.woff2") format("woff2");
  }

  [data-icon-weight="16"], [data-icon-weight-before="16"], [data-icon-weight-after="16"] {
    --db-icon-font-weight: 16;
  }

  @font-face {
    font-display: block;
    font-family: db-filled;
    font-style: normal;
    font-weight: 20;
    src: url("../media/db.1bj8dh-ntgkh1.woff2") format("woff2");
  }

  [data-icon-weight="20"], [data-icon-weight-before="20"], [data-icon-weight-after="20"] {
    --db-icon-font-weight: 20;
  }

  @font-face {
    font-display: block;
    font-family: db-filled;
    font-style: normal;
    font-weight: 24;
    src: url("../media/db.0nbpxxxqseg6d.woff2") format("woff2");
  }

  [data-icon-weight="24"], [data-icon-weight-before="24"], [data-icon-weight-after="24"] {
    --db-icon-font-weight: 24;
  }

  @font-face {
    font-display: block;
    font-family: db-filled;
    font-style: normal;
    font-weight: 32;
    src: url("../media/db.07w3xv1ksw-7s.woff2") format("woff2");
  }

  [data-icon-weight="32"], [data-icon-weight-before="32"], [data-icon-weight-after="32"] {
    --db-icon-font-weight: 32;
  }
}

@layer utilities {
  .\@container {
    container-type: inline-size;
  }

  .pointer-events-none {
    pointer-events: none;
  }

  .visible {
    visibility: visible;
  }

  .sr-only {
    clip-path: inset(50%);
    white-space: nowrap;
    border-width: 0;
    width: 1px;
    height: 1px;
    margin: -1px;
    padding: 0;
    position: absolute;
    overflow: hidden;
  }

  .absolute {
    position: absolute;
  }

  .fixed {
    position: fixed;
  }

  .relative {
    position: relative;
  }

  .static {
    position: static;
  }

  .sticky {
    position: sticky;
  }

  .sticky\! {
    position: sticky !important;
  }

  .inset-0 {
    inset: 0;
  }

  .inset-x-0 {
    inset-inline: 0;
  }

  .top-\(--menu-bar-height\) {
    top: var(--menu-bar-height);
  }

  .top-0 {
    top: 0;
  }

  .top-\[106px\] {
    top: 106px;
  }

  .top-\[anchor\(top\)\] {
    top: anchor(top);
  }

  .top-fix-lg {
    top: var(--db-spacing-fixed-lg);
  }

  .right-0 {
    right: 0;
  }

  .bottom-0 {
    bottom: 0;
  }

  .left-0 {
    left: 0;
  }

  .left-\[anchor\(right\)\] {
    left: anchor(right);
  }

  .z-0 {
    z-index: 0;
  }

  .z-1 {
    z-index: 1;
  }

  .z-10 {
    z-index: 10;
  }

  .z-20 {
    z-index: 20;
  }

  .z-40\! {
    z-index: 40 !important;
  }

  .order-1 {
    order: 1;
  }

  .order-2 {
    order: 2;
  }

  .col-span-1 {
    grid-column: span 1 / span 1;
  }

  .col-span-2 {
    grid-column: span 2 / span 2;
  }

  .col-span-6 {
    grid-column: span 6 / span 6;
  }

  .col-span-full {
    grid-column: 1 / -1;
  }

  .container {
    width: 100%;
  }

  @media (min-width: 360px) {
    .container {
      max-width: 360px;
    }
  }

  @media (min-width: 720px) {
    .container {
      max-width: 720px;
    }
  }

  @media (min-width: 1024px) {
    .container {
      max-width: 1024px;
    }
  }

  @media (min-width: 1440px) {
    .container {
      max-width: 1440px;
    }
  }

  @media (min-width: 1920px) {
    .container {
      max-width: 1920px;
    }
  }

  .-m-fix-sm {
    margin: calc(var(--db-spacing-fixed-sm) * -1);
  }

  .m-0 {
    margin: 0;
  }

  .m-0\! {
    margin: 0 !important;
  }

  .m-auto {
    margin: auto;
  }

  .m-fix-xs {
    margin: var(--db-spacing-fixed-xs);
  }

  .m-none {
    margin: 0;
  }

  .-mx-fix-lg {
    margin-inline: calc(var(--db-spacing-fixed-lg) * -1);
  }

  .-mx-fix-md {
    margin-inline: calc(var(--db-spacing-fixed-md) * -1);
  }

  .mx-auto {
    margin-inline: auto;
  }

  .mx-fix-2xl {
    margin-inline: var(--db-spacing-fixed-2xl);
  }

  .mx-fix-lg {
    margin-inline: var(--db-spacing-fixed-lg);
  }

  .my-0 {
    margin-block: 0;
  }

  .my-auto {
    margin-block: auto;
  }

  .my-fix-2xl {
    margin-block: var(--db-spacing-fixed-2xl);
  }

  .my-fix-3xs {
    margin-block: var(--db-spacing-fixed-3xs);
  }

  .my-fix-lg {
    margin-block: var(--db-spacing-fixed-lg);
  }

  .my-fix-sm {
    margin-block: var(--db-spacing-fixed-sm);
  }

  .my-fix-xl {
    margin-block: var(--db-spacing-fixed-xl);
  }

  .my-fix-xs {
    margin-block: var(--db-spacing-fixed-xs);
  }

  .mt-0 {
    margin-top: 0;
  }

  .mt-auto {
    margin-top: auto;
  }

  .mt-fix-2xl {
    margin-top: var(--db-spacing-fixed-2xl);
  }

  .mt-fix-3xl {
    margin-top: var(--db-spacing-fixed-3xl);
  }

  .mt-fix-3xs {
    margin-top: var(--db-spacing-fixed-3xs);
  }

  .mt-fix-lg {
    margin-top: var(--db-spacing-fixed-lg);
  }

  .mt-fix-md {
    margin-top: var(--db-spacing-fixed-md);
  }

  .mt-fix-sm {
    margin-top: var(--db-spacing-fixed-sm);
  }

  .mt-fix-xl {
    margin-top: var(--db-spacing-fixed-xl);
  }

  .mt-fix-xs {
    margin-top: var(--db-spacing-fixed-xs);
  }

  .-mr-\[2px\] {
    margin-right: -2px;
  }

  .-mr-\[9px\] {
    margin-right: -9px;
  }

  .mr-0 {
    margin-right: 0;
  }

  .mr-auto {
    margin-right: auto;
  }

  .mr-fix-lg {
    margin-right: var(--db-spacing-fixed-lg);
  }

  .mr-fix-md {
    margin-right: var(--db-spacing-fixed-md);
  }

  .mr-fix-sm {
    margin-right: var(--db-spacing-fixed-sm);
  }

  .mr-fix-xs {
    margin-right: var(--db-spacing-fixed-xs);
  }

  .mb-\[0\] {
    margin-bottom: 0;
  }

  .mb-\[48px\] {
    margin-bottom: 48px;
  }

  .mb-fix-3xl {
    margin-bottom: var(--db-spacing-fixed-3xl);
  }

  .mb-fix-lg {
    margin-bottom: var(--db-spacing-fixed-lg);
  }

  .mb-fix-md {
    margin-bottom: var(--db-spacing-fixed-md);
  }

  .mb-fix-xl {
    margin-bottom: var(--db-spacing-fixed-xl);
  }

  .mb-fix-xs {
    margin-bottom: var(--db-spacing-fixed-xs);
  }

  .ml-0 {
    margin-left: 0;
  }

  .ml-auto {
    margin-left: auto;
  }

  .ml-fix-sm {
    margin-left: var(--db-spacing-fixed-sm);
  }

  .ml-fix-xs {
    margin-left: var(--db-spacing-fixed-xs);
  }

  .box-content {
    box-sizing: content-box;
  }

  .block {
    display: block;
  }

  .flex {
    display: flex;
  }

  .grid {
    display: grid;
  }

  .hidden {
    display: none;
  }

  .inline {
    display: inline;
  }

  .inline-flex {
    display: inline-flex;
  }

  .table {
    display: table;
  }

  .h-\[3px\] {
    height: 3px;
  }

  .h-\[4px\] {
    height: 4px;
  }

  .h-\[12px\] {
    height: 12px;
  }

  .h-\[16px\] {
    height: 16px;
  }

  .h-\[20px\] {
    height: 20px;
  }

  .h-\[24px\] {
    height: 24px;
  }

  .h-\[32px\] {
    height: 32px;
  }

  .h-\[40px\] {
    height: 40px;
  }

  .h-\[44px\] {
    height: 44px;
  }

  .h-\[80vh\] {
    height: 80vh;
  }

  .h-\[136px\] {
    height: 136px;
  }

  .h-fix-2xs {
    height: var(--db-spacing-fixed-2xs);
  }

  .h-fix-xl {
    height: var(--db-spacing-fixed-xl);
  }

  .h-full {
    height: 100%;
  }

  .max-h-\[90vh\] {
    max-height: 90vh;
  }

  .min-h-\[48px\] {
    min-height: 48px;
  }

  .min-h-\[50svh\] {
    min-height: 50svh;
  }

  .min-h-\[50vh\] {
    min-height: 50vh;
  }

  .min-h-fix-3xl {
    min-height: var(--db-spacing-fixed-3xl);
  }

  .min-h-full {
    min-height: 100%;
  }

  .min-h-screen {
    min-height: 100vh;
  }

  .w-\[12px\] {
    width: 12px;
  }

  .w-\[28px\] {
    width: 28px;
  }

  .w-\[30px\] {
    width: 30px;
  }

  .w-\[34px\] {
    width: 34px;
  }

  .w-\[50px\] {
    width: 50px;
  }

  .w-\[90dvw\] {
    width: 90dvw;
  }

  .w-\[132px\] {
    width: 132px;
  }

  .w-\[180px\] {
    width: 180px;
  }

  .w-\[450px\] {
    width: 450px;
  }

  .w-auto {
    width: auto;
  }

  .w-fit {
    width: fit-content;
  }

  .w-fix-2xl {
    width: var(--db-spacing-fixed-2xl);
  }

  .w-full {
    width: 100%;
  }

  .w-min {
    width: min-content;
  }

  .w-px {
    width: 1px;
  }

  .max-w-\[32rem\] {
    max-width: 32rem;
  }

  .max-w-\[150px\] {
    max-width: 150px;
  }

  .max-w-\[217px\] {
    max-width: 217px;
  }

  .max-w-\[370px\] {
    max-width: 370px;
  }

  .max-w-\[536px\] {
    max-width: 536px;
  }

  .max-w-\[800px\] {
    max-width: 800px;
  }

  .max-w-\[950px\] {
    max-width: 950px;
  }

  .max-w-\[1440px\] {
    max-width: 1440px;
  }

  .max-w-fix-sm {
    max-width: var(--db-spacing-fixed-sm);
  }

  .max-w-lg {
    max-width: 32rem;
  }

  .max-w-md {
    max-width: 28rem;
  }

  .max-w-sm {
    max-width: 24rem;
  }

  .max-w-xl {
    max-width: 36rem;
  }

  .min-w-0 {
    min-width: 0;
  }

  .min-w-\[300px\] {
    min-width: 300px;
  }

  .min-w-fit {
    min-width: fit-content;
  }

  .min-w-max {
    min-width: max-content;
  }

  .min-w-sm {
    min-width: 24rem;
  }

  .flex-1 {
    flex: 1;
  }

  .flex-shrink-0 {
    flex-shrink: 0;
  }

  .shrink {
    flex-shrink: 1;
  }

  .shrink-0 {
    flex-shrink: 0;
  }

  .grow {
    flex-grow: 1;
  }

  .table-auto {
    table-layout: auto;
  }

  .-translate-x-fix-3xs {
    --tw-translate-x: calc(var(--db-spacing-fixed-3xs) * -1);
    translate: var(--tw-translate-x) var(--tw-translate-y);
  }

  .scale-60 {
    --tw-scale-x: 60%;
    --tw-scale-y: 60%;
    --tw-scale-z: 60%;
    scale: var(--tw-scale-x) var(--tw-scale-y);
  }

  .scale-x-0 {
    --tw-scale-x: 0%;
    scale: var(--tw-scale-x) var(--tw-scale-y);
  }

  .scale-x-100 {
    --tw-scale-x: 100%;
    scale: var(--tw-scale-x) var(--tw-scale-y);
  }

  .transform {
    transform: var(--tw-rotate-x,  ) var(--tw-rotate-y,  ) var(--tw-rotate-z,  ) var(--tw-skew-x,  ) var(--tw-skew-y,  );
  }

  .transform-gpu {
    transform: translateZ(0) var(--tw-rotate-x,  ) var(--tw-rotate-y,  ) var(--tw-rotate-z,  ) var(--tw-skew-x,  ) var(--tw-skew-y,  );
  }

  .animate-zoom-in {
    animation: .3s ease-out forwards zoom-in;
  }

  .cursor-pointer {
    cursor: pointer;
  }

  .resize {
    resize: both;
  }

  .\[scrollbar-gutter\:stable\] {
    scrollbar-gutter: stable;
  }

  .list-none {
    list-style-type: none;
  }

  .grid-cols-1 {
    grid-template-columns: repeat(1, minmax(0, 1fr));
  }

  .grid-cols-2 {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .grid-cols-3 {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }

  .grid-cols-6 {
    grid-template-columns: repeat(6, minmax(0, 1fr));
  }

  .grid-cols-\[1fr_auto_1fr\] {
    grid-template-columns: 1fr auto 1fr;
  }

  .grid-cols-\[auto_1fr\] {
    grid-template-columns: auto 1fr;
  }

  .grid-cols-\[max-content_1fr\] {
    grid-template-columns: max-content 1fr;
  }

  .grid-cols-subgrid {
    grid-template-columns: subgrid;
  }

  .flex-col {
    flex-direction: column;
  }

  .flex-row {
    flex-direction: row;
  }

  .flex-wrap {
    flex-wrap: wrap;
  }

  .place-content-center {
    place-content: center;
  }

  .place-items-center {
    place-items: center;
  }

  .place-items-stretch {
    place-items: stretch stretch;
  }

  .content-center {
    align-content: center;
  }

  .items-baseline {
    align-items: baseline;
  }

  .items-center {
    align-items: center;
  }

  .items-end {
    align-items: flex-end;
  }

  .items-start {
    align-items: flex-start;
  }

  .items-stretch {
    align-items: stretch;
  }

  .justify-between {
    justify-content: space-between;
  }

  .justify-center {
    justify-content: center;
  }

  .justify-end {
    justify-content: flex-end;
  }

  .justify-evenly {
    justify-content: space-evenly;
  }

  .justify-start {
    justify-content: flex-start;
  }

  .justify-items-center {
    justify-items: center;
  }

  .gap-0 {
    gap: 0;
  }

  .gap-\[4px\] {
    gap: 4px;
  }

  .gap-\[6px\] {
    gap: 6px;
  }

  .gap-\[12px\] {
    gap: 12px;
  }

  .gap-\[14px\] {
    gap: 14px;
  }

  .gap-fix-2xl {
    gap: var(--db-spacing-fixed-2xl);
  }

  .gap-fix-2xs {
    gap: var(--db-spacing-fixed-2xs);
  }

  .gap-fix-lg {
    gap: var(--db-spacing-fixed-lg);
  }

  .gap-fix-md {
    gap: var(--db-spacing-fixed-md);
  }

  .gap-fix-sm {
    gap: var(--db-spacing-fixed-sm);
  }

  .gap-fix-xl {
    gap: var(--db-spacing-fixed-xl);
  }

  .gap-fix-xs {
    gap: var(--db-spacing-fixed-xs);
  }

  :where(.space-y-fix-xs > :not(:last-child)) {
    --tw-space-y-reverse: 0;
    margin-block-start: calc(var(--db-spacing-fixed-xs) * var(--tw-space-y-reverse));
    margin-block-end: calc(var(--db-spacing-fixed-xs) * calc(1 - var(--tw-space-y-reverse)));
  }

  .gap-x-3xs {
    column-gap: var(--db-spacing-fixed-3xs);
  }

  .gap-x-fix-lg {
    column-gap: var(--db-spacing-fixed-lg);
  }

  .gap-x-fix-md {
    column-gap: var(--db-spacing-fixed-md);
  }

  :where(.space-x-fix-lg > :not(:last-child)) {
    --tw-space-x-reverse: 0;
    margin-inline-start: calc(var(--db-spacing-fixed-lg) * var(--tw-space-x-reverse));
    margin-inline-end: calc(var(--db-spacing-fixed-lg) * calc(1 - var(--tw-space-x-reverse)));
  }

  .gap-y-2xs, .gap-y-fix-2xs {
    row-gap: var(--db-spacing-fixed-2xs);
  }

  .gap-y-fix-xl {
    row-gap: var(--db-spacing-fixed-xl);
  }

  .self-end {
    align-self: flex-end;
  }

  .truncate {
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
  }

  .overflow-auto {
    overflow: auto;
  }

  .overflow-clip {
    overflow: clip;
  }

  .overflow-hidden {
    overflow: hidden;
  }

  .overflow-visible {
    overflow: visible;
  }

  .overflow-y-auto {
    overflow-y: auto;
  }

  .overscroll-y-contain {
    overscroll-behavior-y: contain;
  }

  .rounded {
    border-radius: .25rem;
  }

  .rounded-2xs {
    border-radius: .125rem;
  }

  .rounded-full {
    border-radius: 500rem;
  }

  .rounded-sm {
    border-radius: .5rem;
  }

  .rounded-xs {
    border-radius: .25rem;
  }

  .rounded-l-xs {
    border-top-left-radius: .25rem;
    border-bottom-left-radius: .25rem;
  }

  .rounded-r-none {
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
  }

  .border {
    border-style: var(--tw-border-style);
    border-width: 1px;
  }

  .border-y {
    border-block-style: var(--tw-border-style);
    border-block-width: 1px;
  }

  .border-t {
    border-top-style: var(--tw-border-style);
    border-top-width: 1px;
  }

  .border-t-2 {
    border-top-style: var(--tw-border-style);
    border-top-width: 2px;
  }

  .border-r {
    border-right-style: var(--tw-border-style);
    border-right-width: 1px;
  }

  .border-b {
    border-bottom-style: var(--tw-border-style);
    border-bottom-width: 1px;
  }

  .border-l {
    border-left-style: var(--tw-border-style);
    border-left-width: 1px;
  }

  .border-none {
    --tw-border-style: none;
    border-style: none;
  }

  .border-adaptive-bg-basic-level-2-default {
    border-color: var(--db-adaptive-bg-basic-level-2-default);
  }

  .border-adaptive-bg-basic-transparent-full-default {
    border-color: var(--db-adaptive-bg-basic-transparent-full-default);
  }

  .border-adaptive-on-bg-basic-emphasis-60-default {
    border-color: var(--db-adaptive-on-bg-basic-emphasis-60-default);
  }

  .border-t-adaptive-on-bg-basic-emphasis-60-default {
    border-top-color: var(--db-adaptive-on-bg-basic-emphasis-60-default);
  }

  .border-r-adaptive-bg-basic-level-3-pressed {
    border-right-color: var(--db-adaptive-bg-basic-level-3-pressed);
  }

  .border-b-adaptive-on-bg-basic-emphasis-60-default {
    border-bottom-color: var(--db-adaptive-on-bg-basic-emphasis-60-default);
  }

  .bg-\(--db-brand-on-bg-basic-emphasis-70-default\) {
    background-color: var(--lightningcss-light, #ef0016) var(--lightningcss-dark, #ff5357);
  }

  .bg-\(--db-brand-origin-default\) {
    background-color: #ec0016;
  }

  .bg-\(--db-neutral-bg-inverted-contrast-low-default\) {
    background-color: var(--lightningcss-light, #727782) var(--lightningcss-dark, #8a919e);
  }

  .bg-\[\#EC0016\] {
    background-color: #ec0016;
  }

  .bg-adaptive-bg-basic-level-1-default {
    background-color: var(--db-adaptive-bg-basic-level-1-default);
  }

  .bg-adaptive-bg-basic-level-2-default {
    background-color: var(--db-adaptive-bg-basic-level-2-default);
  }

  .bg-adaptive-bg-basic-level-3-default {
    background-color: var(--db-adaptive-bg-basic-level-3-default);
  }

  .bg-adaptive-bg-inverted-contrast-high-default {
    background-color: var(--db-adaptive-bg-inverted-contrast-high-default);
  }

  .bg-adaptive-on-bg-basic-emphasis-60-default {
    background-color: var(--db-adaptive-on-bg-basic-emphasis-60-default);
  }

  .bg-transparent {
    background-color: #0000;
  }

  .bg-transparent\! {
    background-color: #0000 !important;
  }

  .fill-\(--db-brand-on-bg-basic-emphasis-70-default\) {
    fill: var(--lightningcss-light, #ef0016) var(--lightningcss-dark, #ff5357);
  }

  .fill-adaptive-bg-basic-level-1-default {
    fill: var(--db-adaptive-bg-basic-level-1-default);
  }

  .stroke-adaptive-bg-basic-level-1-default {
    stroke: var(--db-adaptive-bg-basic-level-1-default);
  }

  .stroke-adaptive-on-bg-basic-emphasis-60-default {
    stroke: var(--db-adaptive-on-bg-basic-emphasis-60-default);
  }

  .object-cover {
    object-fit: cover;
  }

  .p-0 {
    padding: 0;
  }

  .p-\[84px\] {
    padding: 84px;
  }

  .p-fix-2xl {
    padding: var(--db-spacing-fixed-2xl);
  }

  .p-fix-3xs {
    padding: var(--db-spacing-fixed-3xs);
  }

  .p-fix-lg {
    padding: var(--db-spacing-fixed-lg);
  }

  .p-fix-md {
    padding: var(--db-spacing-fixed-md);
  }

  .p-fix-sm {
    padding: var(--db-spacing-fixed-sm);
  }

  .p-fix-xl {
    padding: var(--db-spacing-fixed-xl);
  }

  .p-fix-xs {
    padding: var(--db-spacing-fixed-xs);
  }

  .px-\[2px\] {
    padding-inline: 2px;
  }

  .px-\[10px\] {
    padding-inline: 10px;
  }

  .px-fix-2xl {
    padding-inline: var(--db-spacing-fixed-2xl);
  }

  .px-fix-lg {
    padding-inline: var(--db-spacing-fixed-lg);
  }

  .px-fix-md {
    padding-inline: var(--db-spacing-fixed-md);
  }

  .px-fix-xs {
    padding-inline: var(--db-spacing-fixed-xs);
  }

  .py-fix-lg {
    padding-block: var(--db-spacing-fixed-lg);
  }

  .py-fix-md {
    padding-block: var(--db-spacing-fixed-md);
  }

  .py-fix-sm {
    padding-block: var(--db-spacing-fixed-sm);
  }

  .py-fix-xl {
    padding-block: var(--db-spacing-fixed-xl);
  }

  .py-fix-xs {
    padding-block: var(--db-spacing-fixed-xs);
  }

  .pt-\[30px\] {
    padding-top: 30px;
  }

  .pt-fix-2xl {
    padding-top: var(--db-spacing-fixed-2xl);
  }

  .pt-fix-3xl {
    padding-top: var(--db-spacing-fixed-3xl);
  }

  .pt-fix-lg {
    padding-top: var(--db-spacing-fixed-lg);
  }

  .pt-fix-md {
    padding-top: var(--db-spacing-fixed-md);
  }

  .pt-fix-sm {
    padding-top: var(--db-spacing-fixed-sm);
  }

  .pt-fix-xl {
    padding-top: var(--db-spacing-fixed-xl);
  }

  .pt-fix-xs {
    padding-top: var(--db-spacing-fixed-xs);
  }

  .pr-fix-2xl {
    padding-right: var(--db-spacing-fixed-2xl);
  }

  .pb-\(--footer-height\) {
    padding-bottom: var(--footer-height);
  }

  .pb-\[calc\(var\(--footer-height\)\+84px\)\] {
    padding-bottom: calc(var(--footer-height) + 84px);
  }

  .pb-fix-md {
    padding-bottom: var(--db-spacing-fixed-md);
  }

  .pb-fix-xl {
    padding-bottom: var(--db-spacing-fixed-xl);
  }

  .pl-fix-2xl {
    padding-left: var(--db-spacing-fixed-2xl);
  }

  .text-center {
    text-align: center;
  }

  .text-left {
    text-align: left;
  }

  .text-right {
    text-align: right;
  }

  .align-bottom {
    vertical-align: bottom;
  }

  .align-middle {
    vertical-align: middle;
  }

  .align-top {
    vertical-align: top;
  }

  .text-body-md {
    font-size: var(--db-type-body-md);
  }

  .text-body-sm {
    font-size: var(--db-type-body-sm);
  }

  .text-body-xs {
    font-size: var(--db-type-body-xs);
  }

  .text-head-lg {
    font-size: var(--db-type-headline-lg);
  }

  .text-head-md {
    font-size: var(--db-type-headline-md);
  }

  .text-head-xs {
    font-size: var(--db-type-headline-xs);
  }

  .leading-0 {
    --tw-leading: 0;
    line-height: 0;
  }

  .leading-tight {
    --tw-leading: 1.25;
    line-height: 1.25;
  }

  .font-black {
    --tw-font-weight: 900;
    font-weight: 900;
  }

  .font-bold {
    --tw-font-weight: 700;
    font-weight: 700;
  }

  .font-bold\! {
    --tw-font-weight: 700 !important;
    font-weight: 700 !important;
  }

  .font-light {
    --tw-font-weight: 300;
    font-weight: 300;
  }

  .font-normal {
    --tw-font-weight: 400;
    font-weight: 400;
  }

  .font-semibold {
    --tw-font-weight: 600;
    font-weight: 600;
  }

  .text-nowrap {
    text-wrap: nowrap;
  }

  .break-words {
    overflow-wrap: break-word;
  }

  .break-all {
    word-break: break-all;
  }

  .whitespace-nowrap {
    white-space: nowrap;
  }

  .whitespace-pre {
    white-space: pre;
  }

  .whitespace-pre-line {
    white-space: pre-line;
  }

  .text-\(--db-critical-origin-default\)\! {
    color: #ec0016 !important;
  }

  .text-\(--db-neutral-on-bg-basic-emphasis-80-default\) {
    color: var(--lightningcss-light, #5a5e68) var(--lightningcss-dark, #a6abb6);
  }

  .text-adaptive-bg-basic-level-1-default {
    color: var(--db-adaptive-bg-basic-level-1-default);
  }

  .text-adaptive-bg-basic-level-2-default {
    color: var(--db-adaptive-bg-basic-level-2-default);
  }

  .text-adaptive-on-bg-basic-emphasis-80-default {
    color: var(--db-adaptive-on-bg-basic-emphasis-80-default);
  }

  .text-adaptive-on-bg-basic-emphasis-100-default {
    color: var(--db-adaptive-on-bg-basic-emphasis-100-default);
  }

  .capitalize {
    text-transform: capitalize;
  }

  .lowercase {
    text-transform: lowercase;
  }

  .uppercase {
    text-transform: uppercase;
  }

  .line-through {
    text-decoration-line: line-through;
  }

  .no-underline {
    text-decoration-line: none;
  }

  .no-underline\! {
    text-decoration-line: none !important;
  }

  .underline {
    text-decoration-line: underline;
  }

  .accent-\[black\] {
    accent-color: #000;
  }

  .opacity-0 {
    opacity: 0;
  }

  .opacity-50 {
    opacity: .5;
  }

  .opacity-60 {
    opacity: .6;
  }

  .opacity-100\! {
    opacity: 1 !important;
  }

  .shadow, .shadow-md {
    --tw-shadow: 0px 0px 2px -1px #0003, 0px 0px 8px 1px #0000001f, 0px 0px 4px #00000024;
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }

  .shadow-sm {
    --tw-shadow: 0px 0px 1px -1px #0003, 0px 0px 4px 1px #0000001f, 0px 0px 2px #00000024;
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }

  .outline {
    outline-style: var(--tw-outline-style);
    outline-width: 1px;
  }

  .blur {
    --tw-blur: blur(8px);
    filter: var(--tw-blur,  ) var(--tw-brightness,  ) var(--tw-contrast,  ) var(--tw-grayscale,  ) var(--tw-hue-rotate,  ) var(--tw-invert,  ) var(--tw-saturate,  ) var(--tw-sepia,  ) var(--tw-drop-shadow,  );
  }

  .filter {
    filter: var(--tw-blur,  ) var(--tw-brightness,  ) var(--tw-contrast,  ) var(--tw-grayscale,  ) var(--tw-hue-rotate,  ) var(--tw-invert,  ) var(--tw-saturate,  ) var(--tw-sepia,  ) var(--tw-drop-shadow,  );
  }

  .transition-colors\! {
    transition-property: color, background-color, border-color, outline-color, text-decoration-color, fill, stroke, --tw-gradient-from, --tw-gradient-via, --tw-gradient-to !important;
    transition-timing-function: var(--tw-ease, cubic-bezier(.4, 0, .2, 1)) !important;
    transition-duration: var(--tw-duration, .15s) !important;
  }

  .transition-opacity {
    transition-property: opacity;
    transition-timing-function: var(--tw-ease, cubic-bezier(.4, 0, .2, 1));
    transition-duration: var(--tw-duration, .15s);
  }

  .transition-transform {
    transition-property: transform, translate, scale, rotate;
    transition-timing-function: var(--tw-ease, cubic-bezier(.4, 0, .2, 1));
    transition-duration: var(--tw-duration, .15s);
  }

  .duration-150 {
    --tw-duration: .15s;
    transition-duration: .15s;
  }

  .duration-300\! {
    --tw-duration: .3s !important;
    transition-duration: .3s !important;
  }

  .ease-\[cubic-bezier\(0\.27\,0\.05\,0\.4\,0\.95\)\] {
    --tw-ease: cubic-bezier(.27,.05,.4,.95);
    transition-timing-function: cubic-bezier(.27, .05, .4, .95);
  }

  .select-all {
    -webkit-user-select: all;
    user-select: all;
  }

  .\[counter-increment\:items\] {
    counter-increment: items;
  }

  .\[counter-reset\:items\] {
    counter-reset: items;
  }

  .text-body-md {
    font: var(--db-type-body-md);
  }

  .text-body-sm {
    font: var(--db-type-body-sm);
  }

  .text-body-xs {
    font: var(--db-type-body-xs);
  }

  .text-head-lg {
    font: var(--db-type-headline-lg);
  }

  .text-head-md {
    font: var(--db-type-headline-md);
  }

  .text-head-xs {
    font: var(--db-type-headline-xs);
  }

  .not-first\:mt-fix-lg:not(:first-child) {
    margin-top: var(--db-spacing-fixed-lg);
  }

  .not-first\:border-t:not(:first-child) {
    border-top-style: var(--tw-border-style);
    border-top-width: 1px;
  }

  @media (hover: hover) {
    .group-hover\:bg-adaptive-bg-basic-level-1-hovered:is(:where(.group):hover *) {
      background-color: var(--db-adaptive-bg-basic-level-1-hovered);
    }

    .group-hover\:fill-adaptive-bg-basic-level-1-hovered:is(:where(.group):hover *) {
      fill: var(--db-adaptive-bg-basic-level-1-hovered);
    }

    .group-hover\:shadow-adaptive-bg-basic-level-1-hovered:is(:where(.group):hover *) {
      --tw-shadow-color: var(--db-adaptive-bg-basic-level-1-hovered);
    }

    @supports (color: color-mix(in lab, red, red)) {
      .group-hover\:shadow-adaptive-bg-basic-level-1-hovered:is(:where(.group):hover *) {
        --tw-shadow-color: color-mix(in oklab, var(--db-adaptive-bg-basic-level-1-hovered) var(--tw-shadow-alpha), transparent);
      }
    }

    .group-hover\:drop-shadow-sm:is(:where(.group):hover *) {
      --tw-drop-shadow-size: drop-shadow(0 1px 2px var(--tw-drop-shadow-color, #00000026));
      --tw-drop-shadow: drop-shadow(0 1px 2px #00000026);
      filter: var(--tw-blur,  ) var(--tw-brightness,  ) var(--tw-contrast,  ) var(--tw-grayscale,  ) var(--tw-hue-rotate,  ) var(--tw-invert,  ) var(--tw-saturate,  ) var(--tw-sepia,  ) var(--tw-drop-shadow,  );
    }
  }

  .group-aria-selected\:font-bold:is(:where(.group)[aria-selected="true"] *) {
    --tw-font-weight: 700;
    font-weight: 700;
  }

  .group-data-\[showdurchfahrten\=true\]\/locations-list\:block\!:is(:where(.group\/locations-list)[data-showdurchfahrten="true"] *) {
    display: block !important;
  }

  .after\:content-\[\'_\(\'counter\(items\)\'\)\'\]:after {
    --tw-content: " ("counter(items)")";
    content: var(--tw-content);
  }

  .first\:sticky:first-child {
    position: sticky;
  }

  .first\:left-0:first-child {
    left: 0;
  }

  .first\:z-10:first-child {
    z-index: 10;
  }

  .first\:hidden:first-child {
    display: none;
  }

  .first\:border-y-0:first-child {
    border-block-style: var(--tw-border-style);
    border-block-width: 0;
  }

  .first\:bg-\[white\]:first-child {
    background-color: #fff;
  }

  .first\:p-fix-sm:first-child {
    padding: var(--db-spacing-fixed-sm);
  }

  .first\:pt-fix-md:first-child {
    padding-top: var(--db-spacing-fixed-md);
  }

  .first\:shadow-first-column:first-child {
    --tw-shadow: -1px 0 0 0 var(--tw-shadow-color, var(--db-adaptive-on-bg-basic-emphasis-60-default)) inset;
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }

  .last\:mb-fix-lg:last-child {
    margin-bottom: var(--db-spacing-fixed-lg);
  }

  .last\:shadow-first-column:last-child {
    --tw-shadow: -1px 0 0 0 var(--tw-shadow-color, var(--db-adaptive-on-bg-basic-emphasis-60-default)) inset;
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }

  .odd\:bg-adaptive-bg-basic-level-2-default:nth-child(odd) {
    background-color: var(--db-adaptive-bg-basic-level-2-default);
  }

  @media (hover: hover) {
    .hover\:border:hover {
      border-style: var(--tw-border-style);
      border-width: 1px;
    }

    .hover\:border-adaptive-on-bg-basic-emphasis-60-default:hover {
      border-color: var(--db-adaptive-on-bg-basic-emphasis-60-default);
    }

    .hover\:bg-adaptive-bg-basic-level-1-hovered:hover {
      background-color: var(--db-adaptive-bg-basic-level-1-hovered);
    }

    .hover\:bg-adaptive-bg-basic-level-2-hovered:hover {
      background-color: var(--db-adaptive-bg-basic-level-2-hovered);
    }

    .hover\:bg-adaptive-bg-basic-level-3-hovered:hover {
      background-color: var(--db-adaptive-bg-basic-level-3-hovered);
    }

    .hover\:text-adaptive-on-bg-basic-emphasis-100-hovered:hover {
      color: var(--db-adaptive-on-bg-basic-emphasis-100-hovered);
    }

    .hover\:shadow-adaptive-bg-basic-level-1-hovered:hover {
      --tw-shadow-color: var(--db-adaptive-bg-basic-level-1-hovered);
    }

    @supports (color: color-mix(in lab, red, red)) {
      .hover\:shadow-adaptive-bg-basic-level-1-hovered:hover {
        --tw-shadow-color: color-mix(in oklab, var(--db-adaptive-bg-basic-level-1-hovered) var(--tw-shadow-alpha), transparent);
      }
    }

    .hover\:drop-shadow-sm:hover {
      --tw-drop-shadow-size: drop-shadow(0 1px 2px var(--tw-drop-shadow-color, #00000026));
      --tw-drop-shadow: drop-shadow(0 1px 2px #00000026);
      filter: var(--tw-blur,  ) var(--tw-brightness,  ) var(--tw-contrast,  ) var(--tw-grayscale,  ) var(--tw-hue-rotate,  ) var(--tw-invert,  ) var(--tw-saturate,  ) var(--tw-sepia,  ) var(--tw-drop-shadow,  );
    }
  }

  .focus\:outline-none:focus {
    --tw-outline-style: none;
    outline-style: none;
  }

  .disabled\:pointer-events-none:disabled {
    pointer-events: none;
  }

  .disabled\:opacity-0:disabled {
    opacity: 0;
  }

  :where([data-edit="true"]) .in-data-\[edit\=\"true\"\]\:pr-fix-lg {
    padding-right: var(--db-spacing-fixed-lg);
  }

  .has-checked\:font-bold:has(:checked) {
    --tw-font-weight: 700;
    font-weight: 700;
  }

  .has-data-\[mustbevisible\=true\]\:block\!:has([data-mustbevisible="true"]) {
    display: block !important;
  }

  .aria-disabled\:pointer-events-none[aria-disabled="true"] {
    pointer-events: none;
  }

  .aria-disabled\:border-adaptive-bg-basic-level-1-default[aria-disabled="true"] {
    border-color: var(--db-adaptive-bg-basic-level-1-default);
  }

  .aria-disabled\:bg-adaptive-bg-basic-level-1-default[aria-disabled="true"] {
    background-color: var(--db-adaptive-bg-basic-level-1-default);
  }

  .aria-hidden\:invisible[aria-hidden="true"] {
    visibility: hidden;
  }

  .aria-hidden\:sr-only[aria-hidden="true"] {
    clip-path: inset(50%);
    white-space: nowrap;
    border-width: 0;
    width: 1px;
    height: 1px;
    margin: -1px;
    padding: 0;
    position: absolute;
    overflow: hidden;
  }

  .aria-selected\:bg-adaptive-bg-basic-level-3-default[aria-selected="true"] {
    background-color: var(--db-adaptive-bg-basic-level-3-default);
  }

  .aria-selected\:font-bold[aria-selected="true"] {
    --tw-font-weight: 700;
    font-weight: 700;
  }

  @media (hover: hover) {
    .aria-selected\:hover\:bg-adaptive-bg-basic-level-3-hovered[aria-selected="true"]:hover {
      background-color: var(--db-adaptive-bg-basic-level-3-hovered);
    }
  }

  .group-data-\[showdurchfahrten\=false\]\/locations-list\:data-\[mustbevisible\=false\]\:hidden:is(:where(.group\/locations-list)[data-showdurchfahrten="false"] *)[data-mustbevisible="false"] {
    display: none;
  }

  .group-data-\[showdurchfahrten\=false\]\/locations-list\:data-\[mustbevisible\=false\]\:\[counter-increment\:none\]\!:is(:where(.group\/locations-list)[data-showdurchfahrten="false"] *)[data-mustbevisible="false"] {
    counter-increment: none !important;
  }

  .nth-\[n\+1\]\:mt-fix-lg:nth-child(n+1) {
    margin-top: var(--db-spacing-fixed-lg);
  }

  @media (min-width: 1024px) {
    .md\:mr-fix-xl {
      margin-right: var(--db-spacing-fixed-xl);
    }

    .md\:w-auto {
      width: auto;
    }

    .md\:grid-cols-3 {
      grid-template-columns: repeat(3, minmax(0, 1fr));
    }

    .md\:gap-fix-xl {
      gap: var(--db-spacing-fixed-xl);
    }
  }

  @media (min-width: 1440px) {
    .lg\:w-\[70dvw\] {
      width: 70dvw;
    }
  }

  @container (min-width: 450px) {
    .\@min-\[450px\]\:block {
      display: block;
    }
  }

  .\[\&_\.db-drawer-content\]\:grow .db-drawer-content {
    flex-grow: 1;
  }

  .\[\&_dt\]\:font-bold dt {
    --tw-font-weight: 700;
    font-weight: 700;
  }

  .\[\&_summary\]\:rounded-b-none\! summary {
    border-bottom-right-radius: 0 !important;
    border-bottom-left-radius: 0 !important;
  }

  .\[\&_summary\]\:bg-adaptive-bg-basic-level-2-default summary {
    background-color: var(--db-adaptive-bg-basic-level-2-default);
  }

  .\[\&_summary\]\:pr-\[20px\]\! summary {
    padding-right: 20px !important;
  }

  .\[\&_summary\]\:pl-fix-lg\! summary {
    padding-left: var(--db-spacing-fixed-lg) !important;
  }

  .\[\&_summary\]\:text-\[16px\] summary {
    font-size: 16px;
  }

  .\[\&_summary\]\:font-bold summary {
    --tw-font-weight: 700;
    font-weight: 700;
  }

  .\[\&\>\.db-popover-content\]\:\[max-inline-size\:unset\] > .db-popover-content {
    max-inline-size: unset;
  }

  .\[\&\>\:is\(button\,a\)\]\:whitespace-nowrap > :is(button, a) {
    white-space: nowrap;
  }

  .\[\&\>details\>summary\]\:pointer-events-none > details > summary {
    pointer-events: none;
  }

  .\[\&\>details\>summary_\*\]\:pointer-events-auto > details > summary * {
    pointer-events: auto;
  }

  .\[\&\>details\>summary\:\:after\]\:\!hidden > details > summary:after {
    display: none !important;
  }

  .\[\&\>p\]\:flex > p {
    display: flex;
  }
}

@property --tw-translate-x {
  syntax: "*";
  inherits: false;
  initial-value: 0;
}

@property --tw-translate-y {
  syntax: "*";
  inherits: false;
  initial-value: 0;
}

@property --tw-scale-x {
  syntax: "*";
  inherits: false;
  initial-value: 1;
}

@property --tw-scale-y {
  syntax: "*";
  inherits: false;
  initial-value: 1;
}

@property --tw-rotate-x {
  syntax: "*";
  inherits: false
}

@property --tw-rotate-y {
  syntax: "*";
  inherits: false
}

@property --tw-rotate-z {
  syntax: "*";
  inherits: false
}

@property --tw-skew-x {
  syntax: "*";
  inherits: false
}

@property --tw-skew-y {
  syntax: "*";
  inherits: false
}

@property --tw-space-y-reverse {
  syntax: "*";
  inherits: false;
  initial-value: 0;
}

@property --tw-space-x-reverse {
  syntax: "*";
  inherits: false;
  initial-value: 0;
}

@property --tw-border-style {
  syntax: "*";
  inherits: false;
  initial-value: solid;
}

@property --tw-shadow {
  syntax: "*";
  inherits: false;
  initial-value: 0 0 #0000;
}

@property --tw-shadow-color {
  syntax: "*";
  inherits: false
}

@property --tw-shadow-alpha {
  syntax: "<percentage>";
  inherits: false;
  initial-value: 100%;
}

@property --tw-inset-shadow {
  syntax: "*";
  inherits: false;
  initial-value: 0 0 #0000;
}

@property --tw-ring-shadow {
  syntax: "*";
  inherits: false;
  initial-value: 0 0 #0000;
}

@property --tw-inset-ring-shadow {
  syntax: "*";
  inherits: false;
  initial-value: 0 0 #0000;
}

@property --tw-ring-offset-shadow {
  syntax: "*";
  inherits: false;
  initial-value: 0 0 #0000;
}

@property --tw-outline-style {
  syntax: "*";
  inherits: false;
  initial-value: solid;
}

@property --tw-blur {
  syntax: "*";
  inherits: false
}

@property --tw-brightness {
  syntax: "*";
  inherits: false
}

@property --tw-contrast {
  syntax: "*";
  inherits: false
}

@property --tw-grayscale {
  syntax: "*";
  inherits: false
}

@property --tw-hue-rotate {
  syntax: "*";
  inherits: false
}

@property --tw-invert {
  syntax: "*";
  inherits: false
}

@property --tw-saturate {
  syntax: "*";
  inherits: false
}

@property --tw-sepia {
  syntax: "*";
  inherits: false
}

@property --tw-drop-shadow {
  syntax: "*";
  inherits: false
}

@property --tw-drop-shadow-color {
  syntax: "*";
  inherits: false
}

@property --tw-duration {
  syntax: "*";
  inherits: false
}

@property --tw-ease {
  syntax: "*";
  inherits: false
}

@property --tw-content {
  syntax: "*";
  inherits: false;
  initial-value: "";
}

@keyframes zoom-in {
  0% {
    opacity: 0;
    transform: scale(.8);
  }

  50% {
    opacity: 1;
    transform: scale(1.05);
  }

  to {
    opacity: 1;
    transform: scale(1);
  }
}