@db-ux/core-foundations 2.0.6 → 2.0.8

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (18) hide show
  1. package/build/styles/absolute.css +1 -1
  2. package/build/styles/defaults/_default-variables.scss +3 -6
  3. package/build/styles/defaults/default-required.css +1 -1
  4. package/build/styles/helpers/_focus.scss +1 -1
  5. package/build/styles/helpers/_functions.scss +3 -1
  6. package/build/styles/helpers/classes/all.css +1 -1
  7. package/build/styles/helpers/classes/focus.css +1 -1
  8. package/build/styles/index.css +1 -1
  9. package/build/styles/relative.css +1 -1
  10. package/build/styles/rollup.css +1 -1
  11. package/build/styles/webpack.css +1 -1
  12. package/build/tailwind/tailwind-tokens.json +1 -1
  13. package/build/tailwind/theme/_variables.scss +63 -0
  14. package/build/tailwind/theme/dimensions.css +133 -0
  15. package/build/tailwind/theme/dimensions.scss +17 -0
  16. package/build/tailwind/theme/index.css +104 -153
  17. package/build/tailwind/theme/revert-theme.css +48 -0
  18. package/package.json +4 -3
package/build/styles/absolute.css CHANGED
@@ -249,7 +249,7 @@ textarea,
249
249
  summary,
250
250
  select,
251
251
  [tabindex]:not([tabindex="-1"])):focus-visible {
252
- outline: var(--db-border-width-2xs) solid var(--db-focus-outline-color, var(--db-informational-on-bg-basic-emphasis-80-default));
252
+ outline: var(--db-border-width-2xs) solid var(--db-focus-outline-color, var(--db-informational-on-bg-basic-emphasis-70-default));
253
253
  outline-offset: var(--db-border-width-xs);
254
254
  box-shadow: 0 0 0 var(--db-border-width-xs) var(--db-focus-box-shadow-bg-color, transparent);
255
255
  }
package/build/styles/defaults/_default-variables.scss CHANGED
@@ -347,14 +347,11 @@
347
347
  --db-border-radius-3xl: 2rem;
348
348
  --db-border-radius-full: 500rem;
349
349
  --db-elevation-sm:
350
- 0 0 1px -1px #0003, 0 0 4px 1px #0000001f,
351
- 0 0 2px #00000024;
350
+ 0 0 1px -1px #0003, 0 0 4px 1px #0000001f, 0 0 2px #00000024;
352
351
  --db-elevation-md:
353
- 0 0 2px -1px #0003, 0 0 8px 1px #0000001f,
354
- 0 0 4px #00000024;
352
+ 0 0 2px -1px #0003, 0 0 8px 1px #0000001f, 0 0 4px #00000024;
355
353
  --db-elevation-lg:
356
- 0 0 4px -3px #0003, 0 0 16px 3px #0000001f,
357
- 0 0 8px 1px #00000024;
354
+ 0 0 4px -3px #0003, 0 0 16px 3px #0000001f, 0 0 8px 1px #00000024;
358
355
  --db-font-family-sans: "OpenSans", helvetica, arial, sans-serif;
359
356
  --db-font-family-head: "OpenSans Head", helvetica, arial, sans-serif;
360
357
  --db-sizing-fixed-mobile-header: 3.5rem;
package/build/styles/defaults/default-required.css CHANGED
@@ -1 +1 @@
1
- @charset "UTF-8";@layer variables{}@layer variables{}@layer variables{}@layer variables{}@layer variables{}@layer variables{}@layer variables{}@layer variables{}@layer variables{}@layer variables{}@layer variables{}@layer variables{}@layer variables{}@layer variables{}@layer variables{}:not([data-disable-focus=true]):is(a,button,input,textarea,summary,select,[tabindex]:not([tabindex="-1"])):focus-visible{box-shadow:0 0 0 var(--db-border-width-xs) var(--db-focus-box-shadow-bg-color,transparent);outline:var(--db-border-width-2xs) solid var(--db-focus-outline-color,var(--db-informational-on-bg-basic-emphasis-80-default));outline-offset:var(--db-border-width-xs)}:not([data-disable-focus=true]):not([type=radio],[role=switch]):is(a,button,input,textarea,summary,select,[tabindex]:not([tabindex="-1"])):focus-visible{border-radius:var(--db-border-radius-xs)}@media screen and (prefers-reduced-motion:no-preference){:not([data-disable-focus=true]):is(a,button,input,textarea,summary,select,[tabindex]:not([tabindex="-1"])):focus-visible{transition:outline var(--db-transition-duration-extra-fast),box-shadow var(--db-transition-duration-extra-fast)}}@layer variables{}@layer variables{}@layer variables{}@layer variables{}@layer variables{}@layer variables{}@layer variables{}@layer variables{}@layer variables{}@layer variables{}@layer variables{}@layer variables{}@layer variables{}:is(:root,:host){font:var(--db-type-body-md)}@layer variables{}@layer variables{}@layer variables{}@layer variables{}@layer variables{}@layer variables{}@layer variables{}@layer variables{}@layer variables{}@layer variables{}@layer variables{}@layer variables{}@layer variables{}@layer variables{}@layer variables{:is(:root,:host){--db-neutral-origin-default:light-dark(var(--db-neutral-origin-light-default),var(--db-neutral-origin-dark-default));--db-neutral-origin-hovered:light-dark(var(--db-neutral-origin-light-hovered),var(--db-neutral-origin-dark-hovered));--db-neutral-origin-pressed:light-dark(var(--db-neutral-origin-light-pressed),var(--db-neutral-origin-dark-pressed));--db-neutral-on-origin-default:light-dark(var(--db-neutral-on-origin-light-default),var(--db-neutral-on-origin-dark-default));--db-neutral-on-bg-basic-emphasis-50-default:light-dark(var(--db-neutral-9),var(--db-neutral-5));--db-neutral-on-bg-basic-emphasis-60-default:light-dark(var(--db-neutral-10),var(--db-neutral-6));--db-neutral-on-bg-basic-emphasis-70-default:light-dark(var(--db-neutral-7),var(--db-neutral-8));--db-neutral-on-bg-basic-emphasis-70-hovered:light-dark(var(--db-neutral-4),var(--db-neutral-10));--db-neutral-on-bg-basic-emphasis-70-pressed:light-dark(var(--db-neutral-6),var(--db-neutral-9));--db-neutral-on-bg-basic-emphasis-80-default:light-dark(var(--db-neutral-6),var(--db-neutral-9));--db-neutral-on-bg-basic-emphasis-80-hovered:light-dark(var(--db-neutral-3),var(--db-neutral-12));--db-neutral-on-bg-basic-emphasis-80-pressed:light-dark(var(--db-neutral-5),var(--db-neutral-10));--db-neutral-on-bg-basic-emphasis-90-default:light-dark(var(--db-neutral-4),var(--db-neutral-10));--db-neutral-on-bg-basic-emphasis-90-hovered:light-dark(var(--db-neutral-0),var(--db-neutral-14));--db-neutral-on-bg-basic-emphasis-90-pressed:light-dark(var(--db-neutral-3),var(--db-neutral-11));--db-neutral-on-bg-basic-emphasis-100-default:light-dark(var(--db-neutral-1),var(--db-neutral-12));--db-neutral-on-bg-basic-emphasis-100-hovered:light-dark(var(--db-neutral-5),var(--db-neutral-9));--db-neutral-on-bg-basic-emphasis-100-pressed:light-dark(var(--db-neutral-2),var(--db-neutral-11));--db-neutral-on-bg-inverted-default:light-dark(var(--db-neutral-14),var(--db-neutral-3));--db-neutral-on-bg-inverted-hovered:light-dark(var(--db-neutral-11),var(--db-neutral-0));--db-neutral-on-bg-inverted-pressed:light-dark(var(--db-neutral-13),var(--db-neutral-2));--db-neutral-on-bg-vibrant-default:light-dark(var(--db-neutral-1),var(--db-neutral-1));--db-neutral-on-bg-vibrant-hovered:light-dark(var(--db-neutral-4),var(--db-neutral-4));--db-neutral-on-bg-vibrant-pressed:light-dark(var(--db-neutral-2),var(--db-neutral-2));--db-neutral-bg-basic-level-1-default:light-dark(var(--db-neutral-14),var(--db-neutral-1));--db-neutral-bg-basic-level-1-hovered:light-dark(var(--db-neutral-13),var(--db-neutral-3));--db-neutral-bg-basic-level-1-pressed:light-dark(var(--db-neutral-12),var(--db-neutral-4));--db-neutral-bg-basic-level-2-default:light-dark(var(--db-neutral-13),var(--db-neutral-2));--db-neutral-bg-basic-level-2-hovered:light-dark(var(--db-neutral-12),var(--db-neutral-4));--db-neutral-bg-basic-level-2-pressed:light-dark(var(--db-neutral-11),var(--db-neutral-5));--db-neutral-bg-basic-level-3-default:light-dark(var(--db-neutral-12),var(--db-neutral-3));--db-neutral-bg-basic-level-3-hovered:light-dark(var(--db-neutral-11),var(--db-neutral-1));--db-neutral-bg-basic-level-3-pressed:light-dark(var(--db-neutral-10),var(--db-neutral-0));--db-neutral-bg-basic-transparent-full-default:light-dark(color-mix(in srgb,transparent 100%,var(--db-neutral-6)),color-mix(in srgb,transparent 100%,var(--db-neutral-9)));--db-neutral-bg-basic-transparent-semi-default:light-dark(color-mix(in srgb,transparent 92%,var(--db-neutral-6)),color-mix(in srgb,transparent 84%,var(--db-neutral-9)));--db-neutral-bg-basic-transparent-hovered:light-dark(color-mix(in srgb,transparent 76%,var(--db-neutral-6)),color-mix(in srgb,transparent 76%,var(--db-neutral-9)));--db-neutral-bg-basic-transparent-pressed:light-dark(color-mix(in srgb,transparent 68%,var(--db-neutral-6)),color-mix(in srgb,transparent 68%,var(--db-neutral-9)));--db-neutral-bg-inverted-contrast-max-default:light-dark(var(--db-neutral-1),var(--db-neutral-12));--db-neutral-bg-inverted-contrast-max-hovered:light-dark(var(--db-neutral-5),var(--db-neutral-9));--db-neutral-bg-inverted-contrast-max-pressed:light-dark(var(--db-neutral-2),var(--db-neutral-11));--db-neutral-bg-inverted-contrast-high-default:light-dark(var(--db-neutral-6),var(--db-neutral-9));--db-neutral-bg-inverted-contrast-high-hovered:light-dark(var(--db-neutral-2),var(--db-neutral-12));--db-neutral-bg-inverted-contrast-high-pressed:light-dark(var(--db-neutral-5),var(--db-neutral-10));--db-neutral-bg-inverted-contrast-low-default:light-dark(var(--db-neutral-7),var(--db-neutral-8));--db-neutral-bg-inverted-contrast-low-hovered:light-dark(var(--db-neutral-3),var(--db-neutral-12));--db-neutral-bg-inverted-contrast-low-pressed:light-dark(var(--db-neutral-6),var(--db-neutral-9));--db-neutral-bg-vibrant-default:light-dark(var(--db-neutral-9),var(--db-neutral-9));--db-neutral-bg-vibrant-hovered:light-dark(var(--db-neutral-12),var(--db-neutral-12));--db-neutral-bg-vibrant-pressed:light-dark(var(--db-neutral-10),var(--db-neutral-10));--db-brand-origin-default:light-dark(var(--db-brand-origin-light-default),var(--db-brand-origin-dark-default));--db-brand-origin-hovered:light-dark(var(--db-brand-origin-light-hovered),var(--db-brand-origin-dark-hovered));--db-brand-origin-pressed:light-dark(var(--db-brand-origin-light-pressed),var(--db-brand-origin-dark-pressed));--db-brand-on-origin-default:light-dark(var(--db-brand-on-origin-light-default),var(--db-brand-on-origin-dark-default));--db-brand-on-bg-basic-emphasis-50-default:light-dark(var(--db-brand-9),var(--db-brand-5));--db-brand-on-bg-basic-emphasis-60-default:light-dark(var(--db-brand-10),var(--db-brand-6));--db-brand-on-bg-basic-emphasis-70-default:light-dark(var(--db-brand-7),var(--db-brand-8));--db-brand-on-bg-basic-emphasis-70-hovered:light-dark(var(--db-brand-4),var(--db-brand-10));--db-brand-on-bg-basic-emphasis-70-pressed:light-dark(var(--db-brand-6),var(--db-brand-9));--db-brand-on-bg-basic-emphasis-80-default:light-dark(var(--db-brand-6),var(--db-brand-9));--db-brand-on-bg-basic-emphasis-80-hovered:light-dark(var(--db-brand-3),var(--db-brand-12));--db-brand-on-bg-basic-emphasis-80-pressed:light-dark(var(--db-brand-5),var(--db-brand-10));--db-brand-on-bg-basic-emphasis-90-default:light-dark(var(--db-brand-4),var(--db-brand-10));--db-brand-on-bg-basic-emphasis-90-hovered:light-dark(var(--db-brand-0),var(--db-brand-14));--db-brand-on-bg-basic-emphasis-90-pressed:light-dark(var(--db-brand-3),var(--db-brand-11));--db-brand-on-bg-basic-emphasis-100-default:light-dark(var(--db-brand-1),var(--db-brand-12));--db-brand-on-bg-basic-emphasis-100-hovered:light-dark(var(--db-brand-5),var(--db-brand-9));--db-brand-on-bg-basic-emphasis-100-pressed:light-dark(var(--db-brand-2),var(--db-brand-11));--db-brand-on-bg-inverted-default:light-dark(var(--db-brand-14),var(--db-brand-3));--db-brand-on-bg-inverted-hovered:light-dark(var(--db-brand-11),var(--db-brand-0));--db-brand-on-bg-inverted-pressed:light-dark(var(--db-brand-13),var(--db-brand-2));--db-brand-on-bg-vibrant-default:light-dark(var(--db-brand-1),var(--db-brand-1));--db-brand-on-bg-vibrant-hovered:light-dark(var(--db-brand-4),var(--db-brand-4));--db-brand-on-bg-vibrant-pressed:light-dark(var(--db-brand-2),var(--db-brand-2));--db-brand-bg-basic-level-1-default:light-dark(var(--db-brand-14),var(--db-brand-1));--db-brand-bg-basic-level-1-hovered:light-dark(var(--db-brand-13),var(--db-brand-3));--db-brand-bg-basic-level-1-pressed:light-dark(var(--db-brand-12),var(--db-brand-4));--db-brand-bg-basic-level-2-default:light-dark(var(--db-brand-13),var(--db-brand-2));--db-brand-bg-basic-level-2-hovered:light-dark(var(--db-brand-12),var(--db-brand-4));--db-brand-bg-basic-level-2-pressed:light-dark(var(--db-brand-11),var(--db-brand-5));--db-brand-bg-basic-level-3-default:light-dark(var(--db-brand-12),var(--db-brand-3));--db-brand-bg-basic-level-3-hovered:light-dark(var(--db-brand-11),var(--db-brand-1));--db-brand-bg-basic-level-3-pressed:light-dark(var(--db-brand-10),var(--db-brand-0));--db-brand-bg-basic-transparent-full-default:light-dark(color-mix(in srgb,transparent 100%,var(--db-brand-6)),color-mix(in srgb,transparent 100%,var(--db-brand-9)));--db-brand-bg-basic-transparent-semi-default:light-dark(color-mix(in srgb,transparent 92%,var(--db-brand-6)),color-mix(in srgb,transparent 84%,var(--db-brand-9)));--db-brand-bg-basic-transparent-hovered:light-dark(color-mix(in srgb,transparent 76%,var(--db-brand-6)),color-mix(in srgb,transparent 76%,var(--db-brand-9)));--db-brand-bg-basic-transparent-pressed:light-dark(color-mix(in srgb,transparent 68%,var(--db-brand-6)),color-mix(in srgb,transparent 68%,var(--db-brand-9)));--db-brand-bg-inverted-contrast-max-default:light-dark(var(--db-brand-1),var(--db-brand-12));--db-brand-bg-inverted-contrast-max-hovered:light-dark(var(--db-brand-5),var(--db-brand-9));--db-brand-bg-inverted-contrast-max-pressed:light-dark(var(--db-brand-2),var(--db-brand-11));--db-brand-bg-inverted-contrast-high-default:light-dark(var(--db-brand-6),var(--db-brand-9));--db-brand-bg-inverted-contrast-high-hovered:light-dark(var(--db-brand-2),var(--db-brand-12));--db-brand-bg-inverted-contrast-high-pressed:light-dark(var(--db-brand-5),var(--db-brand-10));--db-brand-bg-inverted-contrast-low-default:light-dark(var(--db-brand-7),var(--db-brand-8));--db-brand-bg-inverted-contrast-low-hovered:light-dark(var(--db-brand-3),var(--db-brand-12));--db-brand-bg-inverted-contrast-low-pressed:light-dark(var(--db-brand-6),var(--db-brand-9));--db-brand-bg-vibrant-default:light-dark(var(--db-brand-9),var(--db-brand-9));--db-brand-bg-vibrant-hovered:light-dark(var(--db-brand-12),var(--db-brand-12));--db-brand-bg-vibrant-pressed:light-dark(var(--db-brand-10),var(--db-brand-10));--db-informational-origin-default:light-dark(var(--db-informational-origin-light-default),var(--db-informational-origin-dark-default));--db-informational-origin-hovered:light-dark(var(--db-informational-origin-light-hovered),var(--db-informational-origin-dark-hovered));--db-informational-origin-pressed:light-dark(var(--db-informational-origin-light-pressed),var(--db-informational-origin-dark-pressed));--db-informational-on-origin-default:light-dark(var(--db-informational-on-origin-light-default),var(--db-informational-on-origin-dark-default));--db-informational-on-bg-basic-emphasis-50-default:light-dark(var(--db-informational-9),var(--db-informational-5));--db-informational-on-bg-basic-emphasis-60-default:light-dark(var(--db-informational-10),var(--db-informational-6));--db-informational-on-bg-basic-emphasis-70-default:light-dark(var(--db-informational-7),var(--db-informational-8));--db-informational-on-bg-basic-emphasis-70-hovered:light-dark(var(--db-informational-4),var(--db-informational-10));--db-informational-on-bg-basic-emphasis-70-pressed:light-dark(var(--db-informational-6),var(--db-informational-9));--db-informational-on-bg-basic-emphasis-80-default:light-dark(var(--db-informational-6),var(--db-informational-9));--db-informational-on-bg-basic-emphasis-80-hovered:light-dark(var(--db-informational-3),var(--db-informational-12));--db-informational-on-bg-basic-emphasis-80-pressed:light-dark(var(--db-informational-5),var(--db-informational-10));--db-informational-on-bg-basic-emphasis-90-default:light-dark(var(--db-informational-4),var(--db-informational-10));--db-informational-on-bg-basic-emphasis-90-hovered:light-dark(var(--db-informational-0),var(--db-informational-14));--db-informational-on-bg-basic-emphasis-90-pressed:light-dark(var(--db-informational-3),var(--db-informational-11));--db-informational-on-bg-basic-emphasis-100-default:light-dark(var(--db-informational-1),var(--db-informational-12));--db-informational-on-bg-basic-emphasis-100-hovered:light-dark(var(--db-informational-5),var(--db-informational-9));--db-informational-on-bg-basic-emphasis-100-pressed:light-dark(var(--db-informational-2),var(--db-informational-11));--db-informational-on-bg-inverted-default:light-dark(var(--db-informational-14),var(--db-informational-3));--db-informational-on-bg-inverted-hovered:light-dark(var(--db-informational-11),var(--db-informational-0));--db-informational-on-bg-inverted-pressed:light-dark(var(--db-informational-13),var(--db-informational-2));--db-informational-on-bg-vibrant-default:light-dark(var(--db-informational-1),var(--db-informational-1));--db-informational-on-bg-vibrant-hovered:light-dark(var(--db-informational-4),var(--db-informational-4));--db-informational-on-bg-vibrant-pressed:light-dark(var(--db-informational-2),var(--db-informational-2));--db-informational-bg-basic-level-1-default:light-dark(var(--db-informational-14),var(--db-informational-1));--db-informational-bg-basic-level-1-hovered:light-dark(var(--db-informational-13),var(--db-informational-3));--db-informational-bg-basic-level-1-pressed:light-dark(var(--db-informational-12),var(--db-informational-4));--db-informational-bg-basic-level-2-default:light-dark(var(--db-informational-13),var(--db-informational-2));--db-informational-bg-basic-level-2-hovered:light-dark(var(--db-informational-12),var(--db-informational-4));--db-informational-bg-basic-level-2-pressed:light-dark(var(--db-informational-11),var(--db-informational-5));--db-informational-bg-basic-level-3-default:light-dark(var(--db-informational-12),var(--db-informational-3));--db-informational-bg-basic-level-3-hovered:light-dark(var(--db-informational-11),var(--db-informational-1));--db-informational-bg-basic-level-3-pressed:light-dark(var(--db-informational-10),var(--db-informational-0));--db-informational-bg-basic-transparent-full-default:light-dark(color-mix(in srgb,transparent 100%,var(--db-informational-6)),color-mix(in srgb,transparent 100%,var(--db-informational-9)));--db-informational-bg-basic-transparent-semi-default:light-dark(color-mix(in srgb,transparent 92%,var(--db-informational-6)),color-mix(in srgb,transparent 84%,var(--db-informational-9)));--db-informational-bg-basic-transparent-hovered:light-dark(color-mix(in srgb,transparent 76%,var(--db-informational-6)),color-mix(in srgb,transparent 76%,var(--db-informational-9)));--db-informational-bg-basic-transparent-pressed:light-dark(color-mix(in srgb,transparent 68%,var(--db-informational-6)),color-mix(in srgb,transparent 68%,var(--db-informational-9)));--db-informational-bg-inverted-contrast-max-default:light-dark(var(--db-informational-1),var(--db-informational-12));--db-informational-bg-inverted-contrast-max-hovered:light-dark(var(--db-informational-5),var(--db-informational-9));--db-informational-bg-inverted-contrast-max-pressed:light-dark(var(--db-informational-2),var(--db-informational-11));--db-informational-bg-inverted-contrast-high-default:light-dark(var(--db-informational-6),var(--db-informational-9));--db-informational-bg-inverted-contrast-high-hovered:light-dark(var(--db-informational-2),var(--db-informational-12));--db-informational-bg-inverted-contrast-high-pressed:light-dark(var(--db-informational-5),var(--db-informational-10));--db-informational-bg-inverted-contrast-low-default:light-dark(var(--db-informational-7),var(--db-informational-8));--db-informational-bg-inverted-contrast-low-hovered:light-dark(var(--db-informational-3),var(--db-informational-12));--db-informational-bg-inverted-contrast-low-pressed:light-dark(var(--db-informational-6),var(--db-informational-9));--db-informational-bg-vibrant-default:light-dark(var(--db-informational-9),var(--db-informational-9));--db-informational-bg-vibrant-hovered:light-dark(var(--db-informational-12),var(--db-informational-12));--db-informational-bg-vibrant-pressed:light-dark(var(--db-informational-10),var(--db-informational-10));--db-warning-origin-default:light-dark(var(--db-warning-origin-light-default),var(--db-warning-origin-dark-default));--db-warning-origin-hovered:light-dark(var(--db-warning-origin-light-hovered),var(--db-warning-origin-dark-hovered));--db-warning-origin-pressed:light-dark(var(--db-warning-origin-light-pressed),var(--db-warning-origin-dark-pressed));--db-warning-on-origin-default:light-dark(var(--db-warning-on-origin-light-default),var(--db-warning-on-origin-dark-default));--db-warning-on-bg-basic-emphasis-50-default:light-dark(var(--db-warning-9),var(--db-warning-5));--db-warning-on-bg-basic-emphasis-60-default:light-dark(var(--db-warning-10),var(--db-warning-6));--db-warning-on-bg-basic-emphasis-70-default:light-dark(var(--db-warning-7),var(--db-warning-8));--db-warning-on-bg-basic-emphasis-70-hovered:light-dark(var(--db-warning-4),var(--db-warning-10));--db-warning-on-bg-basic-emphasis-70-pressed:light-dark(var(--db-warning-6),var(--db-warning-9));--db-warning-on-bg-basic-emphasis-80-default:light-dark(var(--db-warning-6),var(--db-warning-9));--db-warning-on-bg-basic-emphasis-80-hovered:light-dark(var(--db-warning-3),var(--db-warning-12));--db-warning-on-bg-basic-emphasis-80-pressed:light-dark(var(--db-warning-5),var(--db-warning-10));--db-warning-on-bg-basic-emphasis-90-default:light-dark(var(--db-warning-4),var(--db-warning-10));--db-warning-on-bg-basic-emphasis-90-hovered:light-dark(var(--db-warning-0),var(--db-warning-14));--db-warning-on-bg-basic-emphasis-90-pressed:light-dark(var(--db-warning-3),var(--db-warning-11));--db-warning-on-bg-basic-emphasis-100-default:light-dark(var(--db-warning-1),var(--db-warning-12));--db-warning-on-bg-basic-emphasis-100-hovered:light-dark(var(--db-warning-5),var(--db-warning-9));--db-warning-on-bg-basic-emphasis-100-pressed:light-dark(var(--db-warning-2),var(--db-warning-11));--db-warning-on-bg-inverted-default:light-dark(var(--db-warning-14),var(--db-warning-3));--db-warning-on-bg-inverted-hovered:light-dark(var(--db-warning-11),var(--db-warning-0));--db-warning-on-bg-inverted-pressed:light-dark(var(--db-warning-13),var(--db-warning-2));--db-warning-on-bg-vibrant-default:light-dark(var(--db-warning-1),var(--db-warning-1));--db-warning-on-bg-vibrant-hovered:light-dark(var(--db-warning-4),var(--db-warning-4));--db-warning-on-bg-vibrant-pressed:light-dark(var(--db-warning-2),var(--db-warning-2));--db-warning-bg-basic-level-1-default:light-dark(var(--db-warning-14),var(--db-warning-1));--db-warning-bg-basic-level-1-hovered:light-dark(var(--db-warning-13),var(--db-warning-3));--db-warning-bg-basic-level-1-pressed:light-dark(var(--db-warning-12),var(--db-warning-4));--db-warning-bg-basic-level-2-default:light-dark(var(--db-warning-13),var(--db-warning-2));--db-warning-bg-basic-level-2-hovered:light-dark(var(--db-warning-12),var(--db-warning-4));--db-warning-bg-basic-level-2-pressed:light-dark(var(--db-warning-11),var(--db-warning-5));--db-warning-bg-basic-level-3-default:light-dark(var(--db-warning-12),var(--db-warning-3));--db-warning-bg-basic-level-3-hovered:light-dark(var(--db-warning-11),var(--db-warning-1));--db-warning-bg-basic-level-3-pressed:light-dark(var(--db-warning-10),var(--db-warning-0));--db-warning-bg-basic-transparent-full-default:light-dark(color-mix(in srgb,transparent 100%,var(--db-warning-6)),color-mix(in srgb,transparent 100%,var(--db-warning-9)));--db-warning-bg-basic-transparent-semi-default:light-dark(color-mix(in srgb,transparent 92%,var(--db-warning-6)),color-mix(in srgb,transparent 84%,var(--db-warning-9)));--db-warning-bg-basic-transparent-hovered:light-dark(color-mix(in srgb,transparent 76%,var(--db-warning-6)),color-mix(in srgb,transparent 76%,var(--db-warning-9)));--db-warning-bg-basic-transparent-pressed:light-dark(color-mix(in srgb,transparent 68%,var(--db-warning-6)),color-mix(in srgb,transparent 68%,var(--db-warning-9)));--db-warning-bg-inverted-contrast-max-default:light-dark(var(--db-warning-1),var(--db-warning-12));--db-warning-bg-inverted-contrast-max-hovered:light-dark(var(--db-warning-5),var(--db-warning-9));--db-warning-bg-inverted-contrast-max-pressed:light-dark(var(--db-warning-2),var(--db-warning-11));--db-warning-bg-inverted-contrast-high-default:light-dark(var(--db-warning-6),var(--db-warning-9));--db-warning-bg-inverted-contrast-high-hovered:light-dark(var(--db-warning-2),var(--db-warning-12));--db-warning-bg-inverted-contrast-high-pressed:light-dark(var(--db-warning-5),var(--db-warning-10));--db-warning-bg-inverted-contrast-low-default:light-dark(var(--db-warning-7),var(--db-warning-8));--db-warning-bg-inverted-contrast-low-hovered:light-dark(var(--db-warning-3),var(--db-warning-12));--db-warning-bg-inverted-contrast-low-pressed:light-dark(var(--db-warning-6),var(--db-warning-9));--db-warning-bg-vibrant-default:light-dark(var(--db-warning-9),var(--db-warning-9));--db-warning-bg-vibrant-hovered:light-dark(var(--db-warning-12),var(--db-warning-12));--db-warning-bg-vibrant-pressed:light-dark(var(--db-warning-10),var(--db-warning-10));--db-successful-origin-default:light-dark(var(--db-successful-origin-light-default),var(--db-successful-origin-dark-default));--db-successful-origin-hovered:light-dark(var(--db-successful-origin-light-hovered),var(--db-successful-origin-dark-hovered));--db-successful-origin-pressed:light-dark(var(--db-successful-origin-light-pressed),var(--db-successful-origin-dark-pressed));--db-successful-on-origin-default:light-dark(var(--db-successful-on-origin-light-default),var(--db-successful-on-origin-dark-default));--db-successful-on-bg-basic-emphasis-50-default:light-dark(var(--db-successful-9),var(--db-successful-5));--db-successful-on-bg-basic-emphasis-60-default:light-dark(var(--db-successful-10),var(--db-successful-6));--db-successful-on-bg-basic-emphasis-70-default:light-dark(var(--db-successful-7),var(--db-successful-8));--db-successful-on-bg-basic-emphasis-70-hovered:light-dark(var(--db-successful-4),var(--db-successful-10));--db-successful-on-bg-basic-emphasis-70-pressed:light-dark(var(--db-successful-6),var(--db-successful-9));--db-successful-on-bg-basic-emphasis-80-default:light-dark(var(--db-successful-6),var(--db-successful-9));--db-successful-on-bg-basic-emphasis-80-hovered:light-dark(var(--db-successful-3),var(--db-successful-12));--db-successful-on-bg-basic-emphasis-80-pressed:light-dark(var(--db-successful-5),var(--db-successful-10));--db-successful-on-bg-basic-emphasis-90-default:light-dark(var(--db-successful-4),var(--db-successful-10));--db-successful-on-bg-basic-emphasis-90-hovered:light-dark(var(--db-successful-0),var(--db-successful-14));--db-successful-on-bg-basic-emphasis-90-pressed:light-dark(var(--db-successful-3),var(--db-successful-11));--db-successful-on-bg-basic-emphasis-100-default:light-dark(var(--db-successful-1),var(--db-successful-12));--db-successful-on-bg-basic-emphasis-100-hovered:light-dark(var(--db-successful-5),var(--db-successful-9));--db-successful-on-bg-basic-emphasis-100-pressed:light-dark(var(--db-successful-2),var(--db-successful-11));--db-successful-on-bg-inverted-default:light-dark(var(--db-successful-14),var(--db-successful-3));--db-successful-on-bg-inverted-hovered:light-dark(var(--db-successful-11),var(--db-successful-0));--db-successful-on-bg-inverted-pressed:light-dark(var(--db-successful-13),var(--db-successful-2));--db-successful-on-bg-vibrant-default:light-dark(var(--db-successful-1),var(--db-successful-1));--db-successful-on-bg-vibrant-hovered:light-dark(var(--db-successful-4),var(--db-successful-4));--db-successful-on-bg-vibrant-pressed:light-dark(var(--db-successful-2),var(--db-successful-2));--db-successful-bg-basic-level-1-default:light-dark(var(--db-successful-14),var(--db-successful-1));--db-successful-bg-basic-level-1-hovered:light-dark(var(--db-successful-13),var(--db-successful-3));--db-successful-bg-basic-level-1-pressed:light-dark(var(--db-successful-12),var(--db-successful-4));--db-successful-bg-basic-level-2-default:light-dark(var(--db-successful-13),var(--db-successful-2));--db-successful-bg-basic-level-2-hovered:light-dark(var(--db-successful-12),var(--db-successful-4));--db-successful-bg-basic-level-2-pressed:light-dark(var(--db-successful-11),var(--db-successful-5));--db-successful-bg-basic-level-3-default:light-dark(var(--db-successful-12),var(--db-successful-3));--db-successful-bg-basic-level-3-hovered:light-dark(var(--db-successful-11),var(--db-successful-1));--db-successful-bg-basic-level-3-pressed:light-dark(var(--db-successful-10),var(--db-successful-0));--db-successful-bg-basic-transparent-full-default:light-dark(color-mix(in srgb,transparent 100%,var(--db-successful-6)),color-mix(in srgb,transparent 100%,var(--db-successful-9)));--db-successful-bg-basic-transparent-semi-default:light-dark(color-mix(in srgb,transparent 92%,var(--db-successful-6)),color-mix(in srgb,transparent 84%,var(--db-successful-9)));--db-successful-bg-basic-transparent-hovered:light-dark(color-mix(in srgb,transparent 76%,var(--db-successful-6)),color-mix(in srgb,transparent 76%,var(--db-successful-9)));--db-successful-bg-basic-transparent-pressed:light-dark(color-mix(in srgb,transparent 68%,var(--db-successful-6)),color-mix(in srgb,transparent 68%,var(--db-successful-9)));--db-successful-bg-inverted-contrast-max-default:light-dark(var(--db-successful-1),var(--db-successful-12));--db-successful-bg-inverted-contrast-max-hovered:light-dark(var(--db-successful-5),var(--db-successful-9));--db-successful-bg-inverted-contrast-max-pressed:light-dark(var(--db-successful-2),var(--db-successful-11));--db-successful-bg-inverted-contrast-high-default:light-dark(var(--db-successful-6),var(--db-successful-9));--db-successful-bg-inverted-contrast-high-hovered:light-dark(var(--db-successful-2),var(--db-successful-12));--db-successful-bg-inverted-contrast-high-pressed:light-dark(var(--db-successful-5),var(--db-successful-10));--db-successful-bg-inverted-contrast-low-default:light-dark(var(--db-successful-7),var(--db-successful-8));--db-successful-bg-inverted-contrast-low-hovered:light-dark(var(--db-successful-3),var(--db-successful-12));--db-successful-bg-inverted-contrast-low-pressed:light-dark(var(--db-successful-6),var(--db-successful-9));--db-successful-bg-vibrant-default:light-dark(var(--db-successful-9),var(--db-successful-9));--db-successful-bg-vibrant-hovered:light-dark(var(--db-successful-12),var(--db-successful-12));--db-successful-bg-vibrant-pressed:light-dark(var(--db-successful-10),var(--db-successful-10));--db-critical-origin-default:light-dark(var(--db-critical-origin-light-default),var(--db-critical-origin-dark-default));--db-critical-origin-hovered:light-dark(var(--db-critical-origin-light-hovered),var(--db-critical-origin-dark-hovered));--db-critical-origin-pressed:light-dark(var(--db-critical-origin-light-pressed),var(--db-critical-origin-dark-pressed));--db-critical-on-origin-default:light-dark(var(--db-critical-on-origin-light-default),var(--db-critical-on-origin-dark-default));--db-critical-on-bg-basic-emphasis-50-default:light-dark(var(--db-critical-9),var(--db-critical-5));--db-critical-on-bg-basic-emphasis-60-default:light-dark(var(--db-critical-10),var(--db-critical-6));--db-critical-on-bg-basic-emphasis-70-default:light-dark(var(--db-critical-7),var(--db-critical-8));--db-critical-on-bg-basic-emphasis-70-hovered:light-dark(var(--db-critical-4),var(--db-critical-10));--db-critical-on-bg-basic-emphasis-70-pressed:light-dark(var(--db-critical-6),var(--db-critical-9));--db-critical-on-bg-basic-emphasis-80-default:light-dark(var(--db-critical-6),var(--db-critical-9));--db-critical-on-bg-basic-emphasis-80-hovered:light-dark(var(--db-critical-3),var(--db-critical-12));--db-critical-on-bg-basic-emphasis-80-pressed:light-dark(var(--db-critical-5),var(--db-critical-10));--db-critical-on-bg-basic-emphasis-90-default:light-dark(var(--db-critical-4),var(--db-critical-10));--db-critical-on-bg-basic-emphasis-90-hovered:light-dark(var(--db-critical-0),var(--db-critical-14));--db-critical-on-bg-basic-emphasis-90-pressed:light-dark(var(--db-critical-3),var(--db-critical-11));--db-critical-on-bg-basic-emphasis-100-default:light-dark(var(--db-critical-1),var(--db-critical-12));--db-critical-on-bg-basic-emphasis-100-hovered:light-dark(var(--db-critical-5),var(--db-critical-9));--db-critical-on-bg-basic-emphasis-100-pressed:light-dark(var(--db-critical-2),var(--db-critical-11));--db-critical-on-bg-inverted-default:light-dark(var(--db-critical-14),var(--db-critical-3));--db-critical-on-bg-inverted-hovered:light-dark(var(--db-critical-11),var(--db-critical-0));--db-critical-on-bg-inverted-pressed:light-dark(var(--db-critical-13),var(--db-critical-2));--db-critical-on-bg-vibrant-default:light-dark(var(--db-critical-1),var(--db-critical-1));--db-critical-on-bg-vibrant-hovered:light-dark(var(--db-critical-4),var(--db-critical-4));--db-critical-on-bg-vibrant-pressed:light-dark(var(--db-critical-2),var(--db-critical-2));--db-critical-bg-basic-level-1-default:light-dark(var(--db-critical-14),var(--db-critical-1));--db-critical-bg-basic-level-1-hovered:light-dark(var(--db-critical-13),var(--db-critical-3));--db-critical-bg-basic-level-1-pressed:light-dark(var(--db-critical-12),var(--db-critical-4));--db-critical-bg-basic-level-2-default:light-dark(var(--db-critical-13),var(--db-critical-2));--db-critical-bg-basic-level-2-hovered:light-dark(var(--db-critical-12),var(--db-critical-4));--db-critical-bg-basic-level-2-pressed:light-dark(var(--db-critical-11),var(--db-critical-5));--db-critical-bg-basic-level-3-default:light-dark(var(--db-critical-12),var(--db-critical-3));--db-critical-bg-basic-level-3-hovered:light-dark(var(--db-critical-11),var(--db-critical-1));--db-critical-bg-basic-level-3-pressed:light-dark(var(--db-critical-10),var(--db-critical-0));--db-critical-bg-basic-transparent-full-default:light-dark(color-mix(in srgb,transparent 100%,var(--db-critical-6)),color-mix(in srgb,transparent 100%,var(--db-critical-9)));--db-critical-bg-basic-transparent-semi-default:light-dark(color-mix(in srgb,transparent 92%,var(--db-critical-6)),color-mix(in srgb,transparent 84%,var(--db-critical-9)));--db-critical-bg-basic-transparent-hovered:light-dark(color-mix(in srgb,transparent 76%,var(--db-critical-6)),color-mix(in srgb,transparent 76%,var(--db-critical-9)));--db-critical-bg-basic-transparent-pressed:light-dark(color-mix(in srgb,transparent 68%,var(--db-critical-6)),color-mix(in srgb,transparent 68%,var(--db-critical-9)));--db-critical-bg-inverted-contrast-max-default:light-dark(var(--db-critical-1),var(--db-critical-12));--db-critical-bg-inverted-contrast-max-hovered:light-dark(var(--db-critical-5),var(--db-critical-9));--db-critical-bg-inverted-contrast-max-pressed:light-dark(var(--db-critical-2),var(--db-critical-11));--db-critical-bg-inverted-contrast-high-default:light-dark(var(--db-critical-6),var(--db-critical-9));--db-critical-bg-inverted-contrast-high-hovered:light-dark(var(--db-critical-2),var(--db-critical-12));--db-critical-bg-inverted-contrast-high-pressed:light-dark(var(--db-critical-5),var(--db-critical-10));--db-critical-bg-inverted-contrast-low-default:light-dark(var(--db-critical-7),var(--db-critical-8));--db-critical-bg-inverted-contrast-low-hovered:light-dark(var(--db-critical-3),var(--db-critical-12));--db-critical-bg-inverted-contrast-low-pressed:light-dark(var(--db-critical-6),var(--db-critical-9));--db-critical-bg-vibrant-default:light-dark(var(--db-critical-9),var(--db-critical-9));--db-critical-bg-vibrant-hovered:light-dark(var(--db-critical-12),var(--db-critical-12));--db-critical-bg-vibrant-pressed:light-dark(var(--db-critical-10),var(--db-critical-10));--db-yellow-origin-default:light-dark(var(--db-yellow-origin-light-default),var(--db-yellow-origin-dark-default));--db-yellow-origin-hovered:light-dark(var(--db-yellow-origin-light-hovered),var(--db-yellow-origin-dark-hovered));--db-yellow-origin-pressed:light-dark(var(--db-yellow-origin-light-pressed),var(--db-yellow-origin-dark-pressed));--db-yellow-on-origin-default:light-dark(var(--db-yellow-on-origin-light-default),var(--db-yellow-on-origin-dark-default));--db-yellow-on-bg-basic-emphasis-50-default:light-dark(var(--db-yellow-9),var(--db-yellow-5));--db-yellow-on-bg-basic-emphasis-60-default:light-dark(var(--db-yellow-10),var(--db-yellow-6));--db-yellow-on-bg-basic-emphasis-70-default:light-dark(var(--db-yellow-7),var(--db-yellow-8));--db-yellow-on-bg-basic-emphasis-70-hovered:light-dark(var(--db-yellow-4),var(--db-yellow-10));--db-yellow-on-bg-basic-emphasis-70-pressed:light-dark(var(--db-yellow-6),var(--db-yellow-9));--db-yellow-on-bg-basic-emphasis-80-default:light-dark(var(--db-yellow-6),var(--db-yellow-9));--db-yellow-on-bg-basic-emphasis-80-hovered:light-dark(var(--db-yellow-3),var(--db-yellow-12));--db-yellow-on-bg-basic-emphasis-80-pressed:light-dark(var(--db-yellow-5),var(--db-yellow-10));--db-yellow-on-bg-basic-emphasis-90-default:light-dark(var(--db-yellow-4),var(--db-yellow-10));--db-yellow-on-bg-basic-emphasis-90-hovered:light-dark(var(--db-yellow-0),var(--db-yellow-14));--db-yellow-on-bg-basic-emphasis-90-pressed:light-dark(var(--db-yellow-3),var(--db-yellow-11));--db-yellow-on-bg-basic-emphasis-100-default:light-dark(var(--db-yellow-1),var(--db-yellow-12));--db-yellow-on-bg-basic-emphasis-100-hovered:light-dark(var(--db-yellow-5),var(--db-yellow-9));--db-yellow-on-bg-basic-emphasis-100-pressed:light-dark(var(--db-yellow-2),var(--db-yellow-11));--db-yellow-on-bg-inverted-default:light-dark(var(--db-yellow-14),var(--db-yellow-3));--db-yellow-on-bg-inverted-hovered:light-dark(var(--db-yellow-11),var(--db-yellow-0));--db-yellow-on-bg-inverted-pressed:light-dark(var(--db-yellow-13),var(--db-yellow-2));--db-yellow-on-bg-vibrant-default:light-dark(var(--db-yellow-1),var(--db-yellow-1));--db-yellow-on-bg-vibrant-hovered:light-dark(var(--db-yellow-4),var(--db-yellow-4));--db-yellow-on-bg-vibrant-pressed:light-dark(var(--db-yellow-2),var(--db-yellow-2));--db-yellow-bg-basic-level-1-default:light-dark(var(--db-yellow-14),var(--db-yellow-1));--db-yellow-bg-basic-level-1-hovered:light-dark(var(--db-yellow-13),var(--db-yellow-3));--db-yellow-bg-basic-level-1-pressed:light-dark(var(--db-yellow-12),var(--db-yellow-4));--db-yellow-bg-basic-level-2-default:light-dark(var(--db-yellow-13),var(--db-yellow-2));--db-yellow-bg-basic-level-2-hovered:light-dark(var(--db-yellow-12),var(--db-yellow-4));--db-yellow-bg-basic-level-2-pressed:light-dark(var(--db-yellow-11),var(--db-yellow-5));--db-yellow-bg-basic-level-3-default:light-dark(var(--db-yellow-12),var(--db-yellow-3));--db-yellow-bg-basic-level-3-hovered:light-dark(var(--db-yellow-11),var(--db-yellow-1));--db-yellow-bg-basic-level-3-pressed:light-dark(var(--db-yellow-10),var(--db-yellow-0));--db-yellow-bg-basic-transparent-full-default:light-dark(color-mix(in srgb,transparent 100%,var(--db-yellow-6)),color-mix(in srgb,transparent 100%,var(--db-yellow-9)));--db-yellow-bg-basic-transparent-semi-default:light-dark(color-mix(in srgb,transparent 92%,var(--db-yellow-6)),color-mix(in srgb,transparent 84%,var(--db-yellow-9)));--db-yellow-bg-basic-transparent-hovered:light-dark(color-mix(in srgb,transparent 76%,var(--db-yellow-6)),color-mix(in srgb,transparent 76%,var(--db-yellow-9)));--db-yellow-bg-basic-transparent-pressed:light-dark(color-mix(in srgb,transparent 68%,var(--db-yellow-6)),color-mix(in srgb,transparent 68%,var(--db-yellow-9)));--db-yellow-bg-inverted-contrast-max-default:light-dark(var(--db-yellow-1),var(--db-yellow-12));--db-yellow-bg-inverted-contrast-max-hovered:light-dark(var(--db-yellow-5),var(--db-yellow-9));--db-yellow-bg-inverted-contrast-max-pressed:light-dark(var(--db-yellow-2),var(--db-yellow-11));--db-yellow-bg-inverted-contrast-high-default:light-dark(var(--db-yellow-6),var(--db-yellow-9));--db-yellow-bg-inverted-contrast-high-hovered:light-dark(var(--db-yellow-2),var(--db-yellow-12));--db-yellow-bg-inverted-contrast-high-pressed:light-dark(var(--db-yellow-5),var(--db-yellow-10));--db-yellow-bg-inverted-contrast-low-default:light-dark(var(--db-yellow-7),var(--db-yellow-8));--db-yellow-bg-inverted-contrast-low-hovered:light-dark(var(--db-yellow-3),var(--db-yellow-12));--db-yellow-bg-inverted-contrast-low-pressed:light-dark(var(--db-yellow-6),var(--db-yellow-9));--db-yellow-bg-vibrant-default:light-dark(var(--db-yellow-9),var(--db-yellow-9));--db-yellow-bg-vibrant-hovered:light-dark(var(--db-yellow-12),var(--db-yellow-12));--db-yellow-bg-vibrant-pressed:light-dark(var(--db-yellow-10),var(--db-yellow-10));--db-orange-origin-default:light-dark(var(--db-orange-origin-light-default),var(--db-orange-origin-dark-default));--db-orange-origin-hovered:light-dark(var(--db-orange-origin-light-hovered),var(--db-orange-origin-dark-hovered));--db-orange-origin-pressed:light-dark(var(--db-orange-origin-light-pressed),var(--db-orange-origin-dark-pressed));--db-orange-on-origin-default:light-dark(var(--db-orange-on-origin-light-default),var(--db-orange-on-origin-dark-default));--db-orange-on-bg-basic-emphasis-50-default:light-dark(var(--db-orange-9),var(--db-orange-5));--db-orange-on-bg-basic-emphasis-60-default:light-dark(var(--db-orange-10),var(--db-orange-6));--db-orange-on-bg-basic-emphasis-70-default:light-dark(var(--db-orange-7),var(--db-orange-8));--db-orange-on-bg-basic-emphasis-70-hovered:light-dark(var(--db-orange-4),var(--db-orange-10));--db-orange-on-bg-basic-emphasis-70-pressed:light-dark(var(--db-orange-6),var(--db-orange-9));--db-orange-on-bg-basic-emphasis-80-default:light-dark(var(--db-orange-6),var(--db-orange-9));--db-orange-on-bg-basic-emphasis-80-hovered:light-dark(var(--db-orange-3),var(--db-orange-12));--db-orange-on-bg-basic-emphasis-80-pressed:light-dark(var(--db-orange-5),var(--db-orange-10));--db-orange-on-bg-basic-emphasis-90-default:light-dark(var(--db-orange-4),var(--db-orange-10));--db-orange-on-bg-basic-emphasis-90-hovered:light-dark(var(--db-orange-0),var(--db-orange-14));--db-orange-on-bg-basic-emphasis-90-pressed:light-dark(var(--db-orange-3),var(--db-orange-11));--db-orange-on-bg-basic-emphasis-100-default:light-dark(var(--db-orange-1),var(--db-orange-12));--db-orange-on-bg-basic-emphasis-100-hovered:light-dark(var(--db-orange-5),var(--db-orange-9));--db-orange-on-bg-basic-emphasis-100-pressed:light-dark(var(--db-orange-2),var(--db-orange-11));--db-orange-on-bg-inverted-default:light-dark(var(--db-orange-14),var(--db-orange-3));--db-orange-on-bg-inverted-hovered:light-dark(var(--db-orange-11),var(--db-orange-0));--db-orange-on-bg-inverted-pressed:light-dark(var(--db-orange-13),var(--db-orange-2));--db-orange-on-bg-vibrant-default:light-dark(var(--db-orange-1),var(--db-orange-1));--db-orange-on-bg-vibrant-hovered:light-dark(var(--db-orange-4),var(--db-orange-4));--db-orange-on-bg-vibrant-pressed:light-dark(var(--db-orange-2),var(--db-orange-2));--db-orange-bg-basic-level-1-default:light-dark(var(--db-orange-14),var(--db-orange-1));--db-orange-bg-basic-level-1-hovered:light-dark(var(--db-orange-13),var(--db-orange-3));--db-orange-bg-basic-level-1-pressed:light-dark(var(--db-orange-12),var(--db-orange-4));--db-orange-bg-basic-level-2-default:light-dark(var(--db-orange-13),var(--db-orange-2));--db-orange-bg-basic-level-2-hovered:light-dark(var(--db-orange-12),var(--db-orange-4));--db-orange-bg-basic-level-2-pressed:light-dark(var(--db-orange-11),var(--db-orange-5));--db-orange-bg-basic-level-3-default:light-dark(var(--db-orange-12),var(--db-orange-3));--db-orange-bg-basic-level-3-hovered:light-dark(var(--db-orange-11),var(--db-orange-1));--db-orange-bg-basic-level-3-pressed:light-dark(var(--db-orange-10),var(--db-orange-0));--db-orange-bg-basic-transparent-full-default:light-dark(color-mix(in srgb,transparent 100%,var(--db-orange-6)),color-mix(in srgb,transparent 100%,var(--db-orange-9)));--db-orange-bg-basic-transparent-semi-default:light-dark(color-mix(in srgb,transparent 92%,var(--db-orange-6)),color-mix(in srgb,transparent 84%,var(--db-orange-9)));--db-orange-bg-basic-transparent-hovered:light-dark(color-mix(in srgb,transparent 76%,var(--db-orange-6)),color-mix(in srgb,transparent 76%,var(--db-orange-9)));--db-orange-bg-basic-transparent-pressed:light-dark(color-mix(in srgb,transparent 68%,var(--db-orange-6)),color-mix(in srgb,transparent 68%,var(--db-orange-9)));--db-orange-bg-inverted-contrast-max-default:light-dark(var(--db-orange-1),var(--db-orange-12));--db-orange-bg-inverted-contrast-max-hovered:light-dark(var(--db-orange-5),var(--db-orange-9));--db-orange-bg-inverted-contrast-max-pressed:light-dark(var(--db-orange-2),var(--db-orange-11));--db-orange-bg-inverted-contrast-high-default:light-dark(var(--db-orange-6),var(--db-orange-9));--db-orange-bg-inverted-contrast-high-hovered:light-dark(var(--db-orange-2),var(--db-orange-12));--db-orange-bg-inverted-contrast-high-pressed:light-dark(var(--db-orange-5),var(--db-orange-10));--db-orange-bg-inverted-contrast-low-default:light-dark(var(--db-orange-7),var(--db-orange-8));--db-orange-bg-inverted-contrast-low-hovered:light-dark(var(--db-orange-3),var(--db-orange-12));--db-orange-bg-inverted-contrast-low-pressed:light-dark(var(--db-orange-6),var(--db-orange-9));--db-orange-bg-vibrant-default:light-dark(var(--db-orange-9),var(--db-orange-9));--db-orange-bg-vibrant-hovered:light-dark(var(--db-orange-12),var(--db-orange-12));--db-orange-bg-vibrant-pressed:light-dark(var(--db-orange-10),var(--db-orange-10));--db-red-origin-default:light-dark(var(--db-red-origin-light-default),var(--db-red-origin-dark-default));--db-red-origin-hovered:light-dark(var(--db-red-origin-light-hovered),var(--db-red-origin-dark-hovered));--db-red-origin-pressed:light-dark(var(--db-red-origin-light-pressed),var(--db-red-origin-dark-pressed));--db-red-on-origin-default:light-dark(var(--db-red-on-origin-light-default),var(--db-red-on-origin-dark-default));--db-red-on-bg-basic-emphasis-50-default:light-dark(var(--db-red-9),var(--db-red-5));--db-red-on-bg-basic-emphasis-60-default:light-dark(var(--db-red-10),var(--db-red-6));--db-red-on-bg-basic-emphasis-70-default:light-dark(var(--db-red-7),var(--db-red-8));--db-red-on-bg-basic-emphasis-70-hovered:light-dark(var(--db-red-4),var(--db-red-10));--db-red-on-bg-basic-emphasis-70-pressed:light-dark(var(--db-red-6),var(--db-red-9));--db-red-on-bg-basic-emphasis-80-default:light-dark(var(--db-red-6),var(--db-red-9));--db-red-on-bg-basic-emphasis-80-hovered:light-dark(var(--db-red-3),var(--db-red-12));--db-red-on-bg-basic-emphasis-80-pressed:light-dark(var(--db-red-5),var(--db-red-10));--db-red-on-bg-basic-emphasis-90-default:light-dark(var(--db-red-4),var(--db-red-10));--db-red-on-bg-basic-emphasis-90-hovered:light-dark(var(--db-red-0),var(--db-red-14));--db-red-on-bg-basic-emphasis-90-pressed:light-dark(var(--db-red-3),var(--db-red-11));--db-red-on-bg-basic-emphasis-100-default:light-dark(var(--db-red-1),var(--db-red-12));--db-red-on-bg-basic-emphasis-100-hovered:light-dark(var(--db-red-5),var(--db-red-9));--db-red-on-bg-basic-emphasis-100-pressed:light-dark(var(--db-red-2),var(--db-red-11));--db-red-on-bg-inverted-default:light-dark(var(--db-red-14),var(--db-red-3));--db-red-on-bg-inverted-hovered:light-dark(var(--db-red-11),var(--db-red-0));--db-red-on-bg-inverted-pressed:light-dark(var(--db-red-13),var(--db-red-2));--db-red-on-bg-vibrant-default:light-dark(var(--db-red-1),var(--db-red-1));--db-red-on-bg-vibrant-hovered:light-dark(var(--db-red-4),var(--db-red-4));--db-red-on-bg-vibrant-pressed:light-dark(var(--db-red-2),var(--db-red-2));--db-red-bg-basic-level-1-default:light-dark(var(--db-red-14),var(--db-red-1));--db-red-bg-basic-level-1-hovered:light-dark(var(--db-red-13),var(--db-red-3));--db-red-bg-basic-level-1-pressed:light-dark(var(--db-red-12),var(--db-red-4));--db-red-bg-basic-level-2-default:light-dark(var(--db-red-13),var(--db-red-2));--db-red-bg-basic-level-2-hovered:light-dark(var(--db-red-12),var(--db-red-4));--db-red-bg-basic-level-2-pressed:light-dark(var(--db-red-11),var(--db-red-5));--db-red-bg-basic-level-3-default:light-dark(var(--db-red-12),var(--db-red-3));--db-red-bg-basic-level-3-hovered:light-dark(var(--db-red-11),var(--db-red-1));--db-red-bg-basic-level-3-pressed:light-dark(var(--db-red-10),var(--db-red-0));--db-red-bg-basic-transparent-full-default:light-dark(color-mix(in srgb,transparent 100%,var(--db-red-6)),color-mix(in srgb,transparent 100%,var(--db-red-9)));--db-red-bg-basic-transparent-semi-default:light-dark(color-mix(in srgb,transparent 92%,var(--db-red-6)),color-mix(in srgb,transparent 84%,var(--db-red-9)));--db-red-bg-basic-transparent-hovered:light-dark(color-mix(in srgb,transparent 76%,var(--db-red-6)),color-mix(in srgb,transparent 76%,var(--db-red-9)));--db-red-bg-basic-transparent-pressed:light-dark(color-mix(in srgb,transparent 68%,var(--db-red-6)),color-mix(in srgb,transparent 68%,var(--db-red-9)));--db-red-bg-inverted-contrast-max-default:light-dark(var(--db-red-1),var(--db-red-12));--db-red-bg-inverted-contrast-max-hovered:light-dark(var(--db-red-5),var(--db-red-9));--db-red-bg-inverted-contrast-max-pressed:light-dark(var(--db-red-2),var(--db-red-11));--db-red-bg-inverted-contrast-high-default:light-dark(var(--db-red-6),var(--db-red-9));--db-red-bg-inverted-contrast-high-hovered:light-dark(var(--db-red-2),var(--db-red-12));--db-red-bg-inverted-contrast-high-pressed:light-dark(var(--db-red-5),var(--db-red-10));--db-red-bg-inverted-contrast-low-default:light-dark(var(--db-red-7),var(--db-red-8));--db-red-bg-inverted-contrast-low-hovered:light-dark(var(--db-red-3),var(--db-red-12));--db-red-bg-inverted-contrast-low-pressed:light-dark(var(--db-red-6),var(--db-red-9));--db-red-bg-vibrant-default:light-dark(var(--db-red-9),var(--db-red-9));--db-red-bg-vibrant-hovered:light-dark(var(--db-red-12),var(--db-red-12));--db-red-bg-vibrant-pressed:light-dark(var(--db-red-10),var(--db-red-10));--db-pink-origin-default:light-dark(var(--db-pink-origin-light-default),var(--db-pink-origin-dark-default));--db-pink-origin-hovered:light-dark(var(--db-pink-origin-light-hovered),var(--db-pink-origin-dark-hovered));--db-pink-origin-pressed:light-dark(var(--db-pink-origin-light-pressed),var(--db-pink-origin-dark-pressed));--db-pink-on-origin-default:light-dark(var(--db-pink-on-origin-light-default),var(--db-pink-on-origin-dark-default));--db-pink-on-bg-basic-emphasis-50-default:light-dark(var(--db-pink-9),var(--db-pink-5));--db-pink-on-bg-basic-emphasis-60-default:light-dark(var(--db-pink-10),var(--db-pink-6));--db-pink-on-bg-basic-emphasis-70-default:light-dark(var(--db-pink-7),var(--db-pink-8));--db-pink-on-bg-basic-emphasis-70-hovered:light-dark(var(--db-pink-4),var(--db-pink-10));--db-pink-on-bg-basic-emphasis-70-pressed:light-dark(var(--db-pink-6),var(--db-pink-9));--db-pink-on-bg-basic-emphasis-80-default:light-dark(var(--db-pink-6),var(--db-pink-9));--db-pink-on-bg-basic-emphasis-80-hovered:light-dark(var(--db-pink-3),var(--db-pink-12));--db-pink-on-bg-basic-emphasis-80-pressed:light-dark(var(--db-pink-5),var(--db-pink-10));--db-pink-on-bg-basic-emphasis-90-default:light-dark(var(--db-pink-4),var(--db-pink-10));--db-pink-on-bg-basic-emphasis-90-hovered:light-dark(var(--db-pink-0),var(--db-pink-14));--db-pink-on-bg-basic-emphasis-90-pressed:light-dark(var(--db-pink-3),var(--db-pink-11));--db-pink-on-bg-basic-emphasis-100-default:light-dark(var(--db-pink-1),var(--db-pink-12));--db-pink-on-bg-basic-emphasis-100-hovered:light-dark(var(--db-pink-5),var(--db-pink-9));--db-pink-on-bg-basic-emphasis-100-pressed:light-dark(var(--db-pink-2),var(--db-pink-11));--db-pink-on-bg-inverted-default:light-dark(var(--db-pink-14),var(--db-pink-3));--db-pink-on-bg-inverted-hovered:light-dark(var(--db-pink-11),var(--db-pink-0));--db-pink-on-bg-inverted-pressed:light-dark(var(--db-pink-13),var(--db-pink-2));--db-pink-on-bg-vibrant-default:light-dark(var(--db-pink-1),var(--db-pink-1));--db-pink-on-bg-vibrant-hovered:light-dark(var(--db-pink-4),var(--db-pink-4));--db-pink-on-bg-vibrant-pressed:light-dark(var(--db-pink-2),var(--db-pink-2));--db-pink-bg-basic-level-1-default:light-dark(var(--db-pink-14),var(--db-pink-1));--db-pink-bg-basic-level-1-hovered:light-dark(var(--db-pink-13),var(--db-pink-3));--db-pink-bg-basic-level-1-pressed:light-dark(var(--db-pink-12),var(--db-pink-4));--db-pink-bg-basic-level-2-default:light-dark(var(--db-pink-13),var(--db-pink-2));--db-pink-bg-basic-level-2-hovered:light-dark(var(--db-pink-12),var(--db-pink-4));--db-pink-bg-basic-level-2-pressed:light-dark(var(--db-pink-11),var(--db-pink-5));--db-pink-bg-basic-level-3-default:light-dark(var(--db-pink-12),var(--db-pink-3));--db-pink-bg-basic-level-3-hovered:light-dark(var(--db-pink-11),var(--db-pink-1));--db-pink-bg-basic-level-3-pressed:light-dark(var(--db-pink-10),var(--db-pink-0));--db-pink-bg-basic-transparent-full-default:light-dark(color-mix(in srgb,transparent 100%,var(--db-pink-6)),color-mix(in srgb,transparent 100%,var(--db-pink-9)));--db-pink-bg-basic-transparent-semi-default:light-dark(color-mix(in srgb,transparent 92%,var(--db-pink-6)),color-mix(in srgb,transparent 84%,var(--db-pink-9)));--db-pink-bg-basic-transparent-hovered:light-dark(color-mix(in srgb,transparent 76%,var(--db-pink-6)),color-mix(in srgb,transparent 76%,var(--db-pink-9)));--db-pink-bg-basic-transparent-pressed:light-dark(color-mix(in srgb,transparent 68%,var(--db-pink-6)),color-mix(in srgb,transparent 68%,var(--db-pink-9)));--db-pink-bg-inverted-contrast-max-default:light-dark(var(--db-pink-1),var(--db-pink-12));--db-pink-bg-inverted-contrast-max-hovered:light-dark(var(--db-pink-5),var(--db-pink-9));--db-pink-bg-inverted-contrast-max-pressed:light-dark(var(--db-pink-2),var(--db-pink-11));--db-pink-bg-inverted-contrast-high-default:light-dark(var(--db-pink-6),var(--db-pink-9));--db-pink-bg-inverted-contrast-high-hovered:light-dark(var(--db-pink-2),var(--db-pink-12));--db-pink-bg-inverted-contrast-high-pressed:light-dark(var(--db-pink-5),var(--db-pink-10));--db-pink-bg-inverted-contrast-low-default:light-dark(var(--db-pink-7),var(--db-pink-8));--db-pink-bg-inverted-contrast-low-hovered:light-dark(var(--db-pink-3),var(--db-pink-12));--db-pink-bg-inverted-contrast-low-pressed:light-dark(var(--db-pink-6),var(--db-pink-9));--db-pink-bg-vibrant-default:light-dark(var(--db-pink-9),var(--db-pink-9));--db-pink-bg-vibrant-hovered:light-dark(var(--db-pink-12),var(--db-pink-12));--db-pink-bg-vibrant-pressed:light-dark(var(--db-pink-10),var(--db-pink-10));--db-violet-origin-default:light-dark(var(--db-violet-origin-light-default),var(--db-violet-origin-dark-default));--db-violet-origin-hovered:light-dark(var(--db-violet-origin-light-hovered),var(--db-violet-origin-dark-hovered));--db-violet-origin-pressed:light-dark(var(--db-violet-origin-light-pressed),var(--db-violet-origin-dark-pressed));--db-violet-on-origin-default:light-dark(var(--db-violet-on-origin-light-default),var(--db-violet-on-origin-dark-default));--db-violet-on-bg-basic-emphasis-50-default:light-dark(var(--db-violet-9),var(--db-violet-5));--db-violet-on-bg-basic-emphasis-60-default:light-dark(var(--db-violet-10),var(--db-violet-6));--db-violet-on-bg-basic-emphasis-70-default:light-dark(var(--db-violet-7),var(--db-violet-8));--db-violet-on-bg-basic-emphasis-70-hovered:light-dark(var(--db-violet-4),var(--db-violet-10));--db-violet-on-bg-basic-emphasis-70-pressed:light-dark(var(--db-violet-6),var(--db-violet-9));--db-violet-on-bg-basic-emphasis-80-default:light-dark(var(--db-violet-6),var(--db-violet-9));--db-violet-on-bg-basic-emphasis-80-hovered:light-dark(var(--db-violet-3),var(--db-violet-12));--db-violet-on-bg-basic-emphasis-80-pressed:light-dark(var(--db-violet-5),var(--db-violet-10));--db-violet-on-bg-basic-emphasis-90-default:light-dark(var(--db-violet-4),var(--db-violet-10));--db-violet-on-bg-basic-emphasis-90-hovered:light-dark(var(--db-violet-0),var(--db-violet-14));--db-violet-on-bg-basic-emphasis-90-pressed:light-dark(var(--db-violet-3),var(--db-violet-11));--db-violet-on-bg-basic-emphasis-100-default:light-dark(var(--db-violet-1),var(--db-violet-12));--db-violet-on-bg-basic-emphasis-100-hovered:light-dark(var(--db-violet-5),var(--db-violet-9));--db-violet-on-bg-basic-emphasis-100-pressed:light-dark(var(--db-violet-2),var(--db-violet-11));--db-violet-on-bg-inverted-default:light-dark(var(--db-violet-14),var(--db-violet-3));--db-violet-on-bg-inverted-hovered:light-dark(var(--db-violet-11),var(--db-violet-0));--db-violet-on-bg-inverted-pressed:light-dark(var(--db-violet-13),var(--db-violet-2));--db-violet-on-bg-vibrant-default:light-dark(var(--db-violet-1),var(--db-violet-1));--db-violet-on-bg-vibrant-hovered:light-dark(var(--db-violet-4),var(--db-violet-4));--db-violet-on-bg-vibrant-pressed:light-dark(var(--db-violet-2),var(--db-violet-2));--db-violet-bg-basic-level-1-default:light-dark(var(--db-violet-14),var(--db-violet-1));--db-violet-bg-basic-level-1-hovered:light-dark(var(--db-violet-13),var(--db-violet-3));--db-violet-bg-basic-level-1-pressed:light-dark(var(--db-violet-12),var(--db-violet-4));--db-violet-bg-basic-level-2-default:light-dark(var(--db-violet-13),var(--db-violet-2));--db-violet-bg-basic-level-2-hovered:light-dark(var(--db-violet-12),var(--db-violet-4));--db-violet-bg-basic-level-2-pressed:light-dark(var(--db-violet-11),var(--db-violet-5));--db-violet-bg-basic-level-3-default:light-dark(var(--db-violet-12),var(--db-violet-3));--db-violet-bg-basic-level-3-hovered:light-dark(var(--db-violet-11),var(--db-violet-1));--db-violet-bg-basic-level-3-pressed:light-dark(var(--db-violet-10),var(--db-violet-0));--db-violet-bg-basic-transparent-full-default:light-dark(color-mix(in srgb,transparent 100%,var(--db-violet-6)),color-mix(in srgb,transparent 100%,var(--db-violet-9)));--db-violet-bg-basic-transparent-semi-default:light-dark(color-mix(in srgb,transparent 92%,var(--db-violet-6)),color-mix(in srgb,transparent 84%,var(--db-violet-9)));--db-violet-bg-basic-transparent-hovered:light-dark(color-mix(in srgb,transparent 76%,var(--db-violet-6)),color-mix(in srgb,transparent 76%,var(--db-violet-9)));--db-violet-bg-basic-transparent-pressed:light-dark(color-mix(in srgb,transparent 68%,var(--db-violet-6)),color-mix(in srgb,transparent 68%,var(--db-violet-9)));--db-violet-bg-inverted-contrast-max-default:light-dark(var(--db-violet-1),var(--db-violet-12));--db-violet-bg-inverted-contrast-max-hovered:light-dark(var(--db-violet-5),var(--db-violet-9));--db-violet-bg-inverted-contrast-max-pressed:light-dark(var(--db-violet-2),var(--db-violet-11));--db-violet-bg-inverted-contrast-high-default:light-dark(var(--db-violet-6),var(--db-violet-9));--db-violet-bg-inverted-contrast-high-hovered:light-dark(var(--db-violet-2),var(--db-violet-12));--db-violet-bg-inverted-contrast-high-pressed:light-dark(var(--db-violet-5),var(--db-violet-10));--db-violet-bg-inverted-contrast-low-default:light-dark(var(--db-violet-7),var(--db-violet-8));--db-violet-bg-inverted-contrast-low-hovered:light-dark(var(--db-violet-3),var(--db-violet-12));--db-violet-bg-inverted-contrast-low-pressed:light-dark(var(--db-violet-6),var(--db-violet-9));--db-violet-bg-vibrant-default:light-dark(var(--db-violet-9),var(--db-violet-9));--db-violet-bg-vibrant-hovered:light-dark(var(--db-violet-12),var(--db-violet-12));--db-violet-bg-vibrant-pressed:light-dark(var(--db-violet-10),var(--db-violet-10));--db-blue-origin-default:light-dark(var(--db-blue-origin-light-default),var(--db-blue-origin-dark-default));--db-blue-origin-hovered:light-dark(var(--db-blue-origin-light-hovered),var(--db-blue-origin-dark-hovered));--db-blue-origin-pressed:light-dark(var(--db-blue-origin-light-pressed),var(--db-blue-origin-dark-pressed));--db-blue-on-origin-default:light-dark(var(--db-blue-on-origin-light-default),var(--db-blue-on-origin-dark-default));--db-blue-on-bg-basic-emphasis-50-default:light-dark(var(--db-blue-9),var(--db-blue-5));--db-blue-on-bg-basic-emphasis-60-default:light-dark(var(--db-blue-10),var(--db-blue-6));--db-blue-on-bg-basic-emphasis-70-default:light-dark(var(--db-blue-7),var(--db-blue-8));--db-blue-on-bg-basic-emphasis-70-hovered:light-dark(var(--db-blue-4),var(--db-blue-10));--db-blue-on-bg-basic-emphasis-70-pressed:light-dark(var(--db-blue-6),var(--db-blue-9));--db-blue-on-bg-basic-emphasis-80-default:light-dark(var(--db-blue-6),var(--db-blue-9));--db-blue-on-bg-basic-emphasis-80-hovered:light-dark(var(--db-blue-3),var(--db-blue-12));--db-blue-on-bg-basic-emphasis-80-pressed:light-dark(var(--db-blue-5),var(--db-blue-10));--db-blue-on-bg-basic-emphasis-90-default:light-dark(var(--db-blue-4),var(--db-blue-10));--db-blue-on-bg-basic-emphasis-90-hovered:light-dark(var(--db-blue-0),var(--db-blue-14));--db-blue-on-bg-basic-emphasis-90-pressed:light-dark(var(--db-blue-3),var(--db-blue-11));--db-blue-on-bg-basic-emphasis-100-default:light-dark(var(--db-blue-1),var(--db-blue-12));--db-blue-on-bg-basic-emphasis-100-hovered:light-dark(var(--db-blue-5),var(--db-blue-9));--db-blue-on-bg-basic-emphasis-100-pressed:light-dark(var(--db-blue-2),var(--db-blue-11));--db-blue-on-bg-inverted-default:light-dark(var(--db-blue-14),var(--db-blue-3));--db-blue-on-bg-inverted-hovered:light-dark(var(--db-blue-11),var(--db-blue-0));--db-blue-on-bg-inverted-pressed:light-dark(var(--db-blue-13),var(--db-blue-2));--db-blue-on-bg-vibrant-default:light-dark(var(--db-blue-1),var(--db-blue-1));--db-blue-on-bg-vibrant-hovered:light-dark(var(--db-blue-4),var(--db-blue-4));--db-blue-on-bg-vibrant-pressed:light-dark(var(--db-blue-2),var(--db-blue-2));--db-blue-bg-basic-level-1-default:light-dark(var(--db-blue-14),var(--db-blue-1));--db-blue-bg-basic-level-1-hovered:light-dark(var(--db-blue-13),var(--db-blue-3));--db-blue-bg-basic-level-1-pressed:light-dark(var(--db-blue-12),var(--db-blue-4));--db-blue-bg-basic-level-2-default:light-dark(var(--db-blue-13),var(--db-blue-2));--db-blue-bg-basic-level-2-hovered:light-dark(var(--db-blue-12),var(--db-blue-4));--db-blue-bg-basic-level-2-pressed:light-dark(var(--db-blue-11),var(--db-blue-5));--db-blue-bg-basic-level-3-default:light-dark(var(--db-blue-12),var(--db-blue-3));--db-blue-bg-basic-level-3-hovered:light-dark(var(--db-blue-11),var(--db-blue-1));--db-blue-bg-basic-level-3-pressed:light-dark(var(--db-blue-10),var(--db-blue-0));--db-blue-bg-basic-transparent-full-default:light-dark(color-mix(in srgb,transparent 100%,var(--db-blue-6)),color-mix(in srgb,transparent 100%,var(--db-blue-9)));--db-blue-bg-basic-transparent-semi-default:light-dark(color-mix(in srgb,transparent 92%,var(--db-blue-6)),color-mix(in srgb,transparent 84%,var(--db-blue-9)));--db-blue-bg-basic-transparent-hovered:light-dark(color-mix(in srgb,transparent 76%,var(--db-blue-6)),color-mix(in srgb,transparent 76%,var(--db-blue-9)));--db-blue-bg-basic-transparent-pressed:light-dark(color-mix(in srgb,transparent 68%,var(--db-blue-6)),color-mix(in srgb,transparent 68%,var(--db-blue-9)));--db-blue-bg-inverted-contrast-max-default:light-dark(var(--db-blue-1),var(--db-blue-12));--db-blue-bg-inverted-contrast-max-hovered:light-dark(var(--db-blue-5),var(--db-blue-9));--db-blue-bg-inverted-contrast-max-pressed:light-dark(var(--db-blue-2),var(--db-blue-11));--db-blue-bg-inverted-contrast-high-default:light-dark(var(--db-blue-6),var(--db-blue-9));--db-blue-bg-inverted-contrast-high-hovered:light-dark(var(--db-blue-2),var(--db-blue-12));--db-blue-bg-inverted-contrast-high-pressed:light-dark(var(--db-blue-5),var(--db-blue-10));--db-blue-bg-inverted-contrast-low-default:light-dark(var(--db-blue-7),var(--db-blue-8));--db-blue-bg-inverted-contrast-low-hovered:light-dark(var(--db-blue-3),var(--db-blue-12));--db-blue-bg-inverted-contrast-low-pressed:light-dark(var(--db-blue-6),var(--db-blue-9));--db-blue-bg-vibrant-default:light-dark(var(--db-blue-9),var(--db-blue-9));--db-blue-bg-vibrant-hovered:light-dark(var(--db-blue-12),var(--db-blue-12));--db-blue-bg-vibrant-pressed:light-dark(var(--db-blue-10),var(--db-blue-10));--db-cyan-origin-default:light-dark(var(--db-cyan-origin-light-default),var(--db-cyan-origin-dark-default));--db-cyan-origin-hovered:light-dark(var(--db-cyan-origin-light-hovered),var(--db-cyan-origin-dark-hovered));--db-cyan-origin-pressed:light-dark(var(--db-cyan-origin-light-pressed),var(--db-cyan-origin-dark-pressed));--db-cyan-on-origin-default:light-dark(var(--db-cyan-on-origin-light-default),var(--db-cyan-on-origin-dark-default));--db-cyan-on-bg-basic-emphasis-50-default:light-dark(var(--db-cyan-9),var(--db-cyan-5));--db-cyan-on-bg-basic-emphasis-60-default:light-dark(var(--db-cyan-10),var(--db-cyan-6));--db-cyan-on-bg-basic-emphasis-70-default:light-dark(var(--db-cyan-7),var(--db-cyan-8));--db-cyan-on-bg-basic-emphasis-70-hovered:light-dark(var(--db-cyan-4),var(--db-cyan-10));--db-cyan-on-bg-basic-emphasis-70-pressed:light-dark(var(--db-cyan-6),var(--db-cyan-9));--db-cyan-on-bg-basic-emphasis-80-default:light-dark(var(--db-cyan-6),var(--db-cyan-9));--db-cyan-on-bg-basic-emphasis-80-hovered:light-dark(var(--db-cyan-3),var(--db-cyan-12));--db-cyan-on-bg-basic-emphasis-80-pressed:light-dark(var(--db-cyan-5),var(--db-cyan-10));--db-cyan-on-bg-basic-emphasis-90-default:light-dark(var(--db-cyan-4),var(--db-cyan-10));--db-cyan-on-bg-basic-emphasis-90-hovered:light-dark(var(--db-cyan-0),var(--db-cyan-14));--db-cyan-on-bg-basic-emphasis-90-pressed:light-dark(var(--db-cyan-3),var(--db-cyan-11));--db-cyan-on-bg-basic-emphasis-100-default:light-dark(var(--db-cyan-1),var(--db-cyan-12));--db-cyan-on-bg-basic-emphasis-100-hovered:light-dark(var(--db-cyan-5),var(--db-cyan-9));--db-cyan-on-bg-basic-emphasis-100-pressed:light-dark(var(--db-cyan-2),var(--db-cyan-11));--db-cyan-on-bg-inverted-default:light-dark(var(--db-cyan-14),var(--db-cyan-3));--db-cyan-on-bg-inverted-hovered:light-dark(var(--db-cyan-11),var(--db-cyan-0));--db-cyan-on-bg-inverted-pressed:light-dark(var(--db-cyan-13),var(--db-cyan-2));--db-cyan-on-bg-vibrant-default:light-dark(var(--db-cyan-1),var(--db-cyan-1));--db-cyan-on-bg-vibrant-hovered:light-dark(var(--db-cyan-4),var(--db-cyan-4));--db-cyan-on-bg-vibrant-pressed:light-dark(var(--db-cyan-2),var(--db-cyan-2));--db-cyan-bg-basic-level-1-default:light-dark(var(--db-cyan-14),var(--db-cyan-1));--db-cyan-bg-basic-level-1-hovered:light-dark(var(--db-cyan-13),var(--db-cyan-3));--db-cyan-bg-basic-level-1-pressed:light-dark(var(--db-cyan-12),var(--db-cyan-4));--db-cyan-bg-basic-level-2-default:light-dark(var(--db-cyan-13),var(--db-cyan-2));--db-cyan-bg-basic-level-2-hovered:light-dark(var(--db-cyan-12),var(--db-cyan-4));--db-cyan-bg-basic-level-2-pressed:light-dark(var(--db-cyan-11),var(--db-cyan-5));--db-cyan-bg-basic-level-3-default:light-dark(var(--db-cyan-12),var(--db-cyan-3));--db-cyan-bg-basic-level-3-hovered:light-dark(var(--db-cyan-11),var(--db-cyan-1));--db-cyan-bg-basic-level-3-pressed:light-dark(var(--db-cyan-10),var(--db-cyan-0));--db-cyan-bg-basic-transparent-full-default:light-dark(color-mix(in srgb,transparent 100%,var(--db-cyan-6)),color-mix(in srgb,transparent 100%,var(--db-cyan-9)));--db-cyan-bg-basic-transparent-semi-default:light-dark(color-mix(in srgb,transparent 92%,var(--db-cyan-6)),color-mix(in srgb,transparent 84%,var(--db-cyan-9)));--db-cyan-bg-basic-transparent-hovered:light-dark(color-mix(in srgb,transparent 76%,var(--db-cyan-6)),color-mix(in srgb,transparent 76%,var(--db-cyan-9)));--db-cyan-bg-basic-transparent-pressed:light-dark(color-mix(in srgb,transparent 68%,var(--db-cyan-6)),color-mix(in srgb,transparent 68%,var(--db-cyan-9)));--db-cyan-bg-inverted-contrast-max-default:light-dark(var(--db-cyan-1),var(--db-cyan-12));--db-cyan-bg-inverted-contrast-max-hovered:light-dark(var(--db-cyan-5),var(--db-cyan-9));--db-cyan-bg-inverted-contrast-max-pressed:light-dark(var(--db-cyan-2),var(--db-cyan-11));--db-cyan-bg-inverted-contrast-high-default:light-dark(var(--db-cyan-6),var(--db-cyan-9));--db-cyan-bg-inverted-contrast-high-hovered:light-dark(var(--db-cyan-2),var(--db-cyan-12));--db-cyan-bg-inverted-contrast-high-pressed:light-dark(var(--db-cyan-5),var(--db-cyan-10));--db-cyan-bg-inverted-contrast-low-default:light-dark(var(--db-cyan-7),var(--db-cyan-8));--db-cyan-bg-inverted-contrast-low-hovered:light-dark(var(--db-cyan-3),var(--db-cyan-12));--db-cyan-bg-inverted-contrast-low-pressed:light-dark(var(--db-cyan-6),var(--db-cyan-9));--db-cyan-bg-vibrant-default:light-dark(var(--db-cyan-9),var(--db-cyan-9));--db-cyan-bg-vibrant-hovered:light-dark(var(--db-cyan-12),var(--db-cyan-12));--db-cyan-bg-vibrant-pressed:light-dark(var(--db-cyan-10),var(--db-cyan-10));--db-turquoise-origin-default:light-dark(var(--db-turquoise-origin-light-default),var(--db-turquoise-origin-dark-default));--db-turquoise-origin-hovered:light-dark(var(--db-turquoise-origin-light-hovered),var(--db-turquoise-origin-dark-hovered));--db-turquoise-origin-pressed:light-dark(var(--db-turquoise-origin-light-pressed),var(--db-turquoise-origin-dark-pressed));--db-turquoise-on-origin-default:light-dark(var(--db-turquoise-on-origin-light-default),var(--db-turquoise-on-origin-dark-default));--db-turquoise-on-bg-basic-emphasis-50-default:light-dark(var(--db-turquoise-9),var(--db-turquoise-5));--db-turquoise-on-bg-basic-emphasis-60-default:light-dark(var(--db-turquoise-10),var(--db-turquoise-6));--db-turquoise-on-bg-basic-emphasis-70-default:light-dark(var(--db-turquoise-7),var(--db-turquoise-8));--db-turquoise-on-bg-basic-emphasis-70-hovered:light-dark(var(--db-turquoise-4),var(--db-turquoise-10));--db-turquoise-on-bg-basic-emphasis-70-pressed:light-dark(var(--db-turquoise-6),var(--db-turquoise-9));--db-turquoise-on-bg-basic-emphasis-80-default:light-dark(var(--db-turquoise-6),var(--db-turquoise-9));--db-turquoise-on-bg-basic-emphasis-80-hovered:light-dark(var(--db-turquoise-3),var(--db-turquoise-12));--db-turquoise-on-bg-basic-emphasis-80-pressed:light-dark(var(--db-turquoise-5),var(--db-turquoise-10));--db-turquoise-on-bg-basic-emphasis-90-default:light-dark(var(--db-turquoise-4),var(--db-turquoise-10));--db-turquoise-on-bg-basic-emphasis-90-hovered:light-dark(var(--db-turquoise-0),var(--db-turquoise-14));--db-turquoise-on-bg-basic-emphasis-90-pressed:light-dark(var(--db-turquoise-3),var(--db-turquoise-11));--db-turquoise-on-bg-basic-emphasis-100-default:light-dark(var(--db-turquoise-1),var(--db-turquoise-12));--db-turquoise-on-bg-basic-emphasis-100-hovered:light-dark(var(--db-turquoise-5),var(--db-turquoise-9));--db-turquoise-on-bg-basic-emphasis-100-pressed:light-dark(var(--db-turquoise-2),var(--db-turquoise-11));--db-turquoise-on-bg-inverted-default:light-dark(var(--db-turquoise-14),var(--db-turquoise-3));--db-turquoise-on-bg-inverted-hovered:light-dark(var(--db-turquoise-11),var(--db-turquoise-0));--db-turquoise-on-bg-inverted-pressed:light-dark(var(--db-turquoise-13),var(--db-turquoise-2));--db-turquoise-on-bg-vibrant-default:light-dark(var(--db-turquoise-1),var(--db-turquoise-1));--db-turquoise-on-bg-vibrant-hovered:light-dark(var(--db-turquoise-4),var(--db-turquoise-4));--db-turquoise-on-bg-vibrant-pressed:light-dark(var(--db-turquoise-2),var(--db-turquoise-2));--db-turquoise-bg-basic-level-1-default:light-dark(var(--db-turquoise-14),var(--db-turquoise-1));--db-turquoise-bg-basic-level-1-hovered:light-dark(var(--db-turquoise-13),var(--db-turquoise-3));--db-turquoise-bg-basic-level-1-pressed:light-dark(var(--db-turquoise-12),var(--db-turquoise-4));--db-turquoise-bg-basic-level-2-default:light-dark(var(--db-turquoise-13),var(--db-turquoise-2));--db-turquoise-bg-basic-level-2-hovered:light-dark(var(--db-turquoise-12),var(--db-turquoise-4));--db-turquoise-bg-basic-level-2-pressed:light-dark(var(--db-turquoise-11),var(--db-turquoise-5));--db-turquoise-bg-basic-level-3-default:light-dark(var(--db-turquoise-12),var(--db-turquoise-3));--db-turquoise-bg-basic-level-3-hovered:light-dark(var(--db-turquoise-11),var(--db-turquoise-1));--db-turquoise-bg-basic-level-3-pressed:light-dark(var(--db-turquoise-10),var(--db-turquoise-0));--db-turquoise-bg-basic-transparent-full-default:light-dark(color-mix(in srgb,transparent 100%,var(--db-turquoise-6)),color-mix(in srgb,transparent 100%,var(--db-turquoise-9)));--db-turquoise-bg-basic-transparent-semi-default:light-dark(color-mix(in srgb,transparent 92%,var(--db-turquoise-6)),color-mix(in srgb,transparent 84%,var(--db-turquoise-9)));--db-turquoise-bg-basic-transparent-hovered:light-dark(color-mix(in srgb,transparent 76%,var(--db-turquoise-6)),color-mix(in srgb,transparent 76%,var(--db-turquoise-9)));--db-turquoise-bg-basic-transparent-pressed:light-dark(color-mix(in srgb,transparent 68%,var(--db-turquoise-6)),color-mix(in srgb,transparent 68%,var(--db-turquoise-9)));--db-turquoise-bg-inverted-contrast-max-default:light-dark(var(--db-turquoise-1),var(--db-turquoise-12));--db-turquoise-bg-inverted-contrast-max-hovered:light-dark(var(--db-turquoise-5),var(--db-turquoise-9));--db-turquoise-bg-inverted-contrast-max-pressed:light-dark(var(--db-turquoise-2),var(--db-turquoise-11));--db-turquoise-bg-inverted-contrast-high-default:light-dark(var(--db-turquoise-6),var(--db-turquoise-9));--db-turquoise-bg-inverted-contrast-high-hovered:light-dark(var(--db-turquoise-2),var(--db-turquoise-12));--db-turquoise-bg-inverted-contrast-high-pressed:light-dark(var(--db-turquoise-5),var(--db-turquoise-10));--db-turquoise-bg-inverted-contrast-low-default:light-dark(var(--db-turquoise-7),var(--db-turquoise-8));--db-turquoise-bg-inverted-contrast-low-hovered:light-dark(var(--db-turquoise-3),var(--db-turquoise-12));--db-turquoise-bg-inverted-contrast-low-pressed:light-dark(var(--db-turquoise-6),var(--db-turquoise-9));--db-turquoise-bg-vibrant-default:light-dark(var(--db-turquoise-9),var(--db-turquoise-9));--db-turquoise-bg-vibrant-hovered:light-dark(var(--db-turquoise-12),var(--db-turquoise-12));--db-turquoise-bg-vibrant-pressed:light-dark(var(--db-turquoise-10),var(--db-turquoise-10));--db-green-origin-default:light-dark(var(--db-green-origin-light-default),var(--db-green-origin-dark-default));--db-green-origin-hovered:light-dark(var(--db-green-origin-light-hovered),var(--db-green-origin-dark-hovered));--db-green-origin-pressed:light-dark(var(--db-green-origin-light-pressed),var(--db-green-origin-dark-pressed));--db-green-on-origin-default:light-dark(var(--db-green-on-origin-light-default),var(--db-green-on-origin-dark-default));--db-green-on-bg-basic-emphasis-50-default:light-dark(var(--db-green-9),var(--db-green-5));--db-green-on-bg-basic-emphasis-60-default:light-dark(var(--db-green-10),var(--db-green-6));--db-green-on-bg-basic-emphasis-70-default:light-dark(var(--db-green-7),var(--db-green-8));--db-green-on-bg-basic-emphasis-70-hovered:light-dark(var(--db-green-4),var(--db-green-10));--db-green-on-bg-basic-emphasis-70-pressed:light-dark(var(--db-green-6),var(--db-green-9));--db-green-on-bg-basic-emphasis-80-default:light-dark(var(--db-green-6),var(--db-green-9));--db-green-on-bg-basic-emphasis-80-hovered:light-dark(var(--db-green-3),var(--db-green-12));--db-green-on-bg-basic-emphasis-80-pressed:light-dark(var(--db-green-5),var(--db-green-10));--db-green-on-bg-basic-emphasis-90-default:light-dark(var(--db-green-4),var(--db-green-10));--db-green-on-bg-basic-emphasis-90-hovered:light-dark(var(--db-green-0),var(--db-green-14));--db-green-on-bg-basic-emphasis-90-pressed:light-dark(var(--db-green-3),var(--db-green-11));--db-green-on-bg-basic-emphasis-100-default:light-dark(var(--db-green-1),var(--db-green-12));--db-green-on-bg-basic-emphasis-100-hovered:light-dark(var(--db-green-5),var(--db-green-9));--db-green-on-bg-basic-emphasis-100-pressed:light-dark(var(--db-green-2),var(--db-green-11));--db-green-on-bg-inverted-default:light-dark(var(--db-green-14),var(--db-green-3));--db-green-on-bg-inverted-hovered:light-dark(var(--db-green-11),var(--db-green-0));--db-green-on-bg-inverted-pressed:light-dark(var(--db-green-13),var(--db-green-2));--db-green-on-bg-vibrant-default:light-dark(var(--db-green-1),var(--db-green-1));--db-green-on-bg-vibrant-hovered:light-dark(var(--db-green-4),var(--db-green-4));--db-green-on-bg-vibrant-pressed:light-dark(var(--db-green-2),var(--db-green-2));--db-green-bg-basic-level-1-default:light-dark(var(--db-green-14),var(--db-green-1));--db-green-bg-basic-level-1-hovered:light-dark(var(--db-green-13),var(--db-green-3));--db-green-bg-basic-level-1-pressed:light-dark(var(--db-green-12),var(--db-green-4));--db-green-bg-basic-level-2-default:light-dark(var(--db-green-13),var(--db-green-2));--db-green-bg-basic-level-2-hovered:light-dark(var(--db-green-12),var(--db-green-4));--db-green-bg-basic-level-2-pressed:light-dark(var(--db-green-11),var(--db-green-5));--db-green-bg-basic-level-3-default:light-dark(var(--db-green-12),var(--db-green-3));--db-green-bg-basic-level-3-hovered:light-dark(var(--db-green-11),var(--db-green-1));--db-green-bg-basic-level-3-pressed:light-dark(var(--db-green-10),var(--db-green-0));--db-green-bg-basic-transparent-full-default:light-dark(color-mix(in srgb,transparent 100%,var(--db-green-6)),color-mix(in srgb,transparent 100%,var(--db-green-9)));--db-green-bg-basic-transparent-semi-default:light-dark(color-mix(in srgb,transparent 92%,var(--db-green-6)),color-mix(in srgb,transparent 84%,var(--db-green-9)));--db-green-bg-basic-transparent-hovered:light-dark(color-mix(in srgb,transparent 76%,var(--db-green-6)),color-mix(in srgb,transparent 76%,var(--db-green-9)));--db-green-bg-basic-transparent-pressed:light-dark(color-mix(in srgb,transparent 68%,var(--db-green-6)),color-mix(in srgb,transparent 68%,var(--db-green-9)));--db-green-bg-inverted-contrast-max-default:light-dark(var(--db-green-1),var(--db-green-12));--db-green-bg-inverted-contrast-max-hovered:light-dark(var(--db-green-5),var(--db-green-9));--db-green-bg-inverted-contrast-max-pressed:light-dark(var(--db-green-2),var(--db-green-11));--db-green-bg-inverted-contrast-high-default:light-dark(var(--db-green-6),var(--db-green-9));--db-green-bg-inverted-contrast-high-hovered:light-dark(var(--db-green-2),var(--db-green-12));--db-green-bg-inverted-contrast-high-pressed:light-dark(var(--db-green-5),var(--db-green-10));--db-green-bg-inverted-contrast-low-default:light-dark(var(--db-green-7),var(--db-green-8));--db-green-bg-inverted-contrast-low-hovered:light-dark(var(--db-green-3),var(--db-green-12));--db-green-bg-inverted-contrast-low-pressed:light-dark(var(--db-green-6),var(--db-green-9));--db-green-bg-vibrant-default:light-dark(var(--db-green-9),var(--db-green-9));--db-green-bg-vibrant-hovered:light-dark(var(--db-green-12),var(--db-green-12));--db-green-bg-vibrant-pressed:light-dark(var(--db-green-10),var(--db-green-10))}}:where(html){line-height:1.15;-webkit-text-size-adjust:100%;text-size-adjust:100%}:where(h1){font-size:2em;margin-block-end:.67em;margin-block-start:.67em}:where(dl,ol,ul) :where(dl,ol,ul){margin-block-end:0;margin-block-start:0}:where(hr){box-sizing:content-box;color:inherit;height:0}:where(abbr[title]){text-decoration:underline;text-decoration:underline dotted}:where(b,strong){font-weight:bolder}:where(code,kbd,pre,samp){font-family:monospace,monospace;font-size:1em}:where(small){font-size:80%}:where(table){border-color:currentColor;text-indent:0}: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:baseline}:where(select){text-transform:none}:where(textarea){margin:0}:where(input[type=search i]){-webkit-appearance:textfield;outline-offset:-2px}::-webkit-inner-spin-button,::-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){background-color:#fff;border:solid;color:#000;height:-moz-fit-content;height:fit-content;left:0;margin:auto;padding:1em;position:absolute;right:0;width:-moz-fit-content;width:fit-content}:where(dialog:not([open])){display:none}:where(summary){display:list-item}@property --db-breakpoint-xs{syntax:"*";inherits:true;initial-value:22.5em}@property --db-breakpoint-sm{syntax:"*";inherits:true;initial-value:45em}@property --db-breakpoint-md{syntax:"*";inherits:true;initial-value:64em}@property --db-breakpoint-xl{syntax:"*";inherits:true;initial-value:120em}@layer variables{:is(:root,:host){--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){:is(:root,:host){--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=")}}}html:not(:has(>head>meta[name=color-scheme])){color-scheme:light dark}[data-mode=light]{color-scheme:light}[data-mode=dark]{color-scheme:dark}body,html{margin:0;padding:0}#app,#root,body{block-size:inherit}body{font-family:var(--db-font-family-sans)}html{box-sizing:var(--db-box-sizing,border-box)}*{-webkit-font-smoothing:antialiased;font-synthesis:none;text-rendering:optimizelegibility}*,:after,:before{box-sizing:inherit}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){list-style-type:"• ";padding-inline-start:var(--db-spacing-fixed-md)}:where(ul) li::marker{color:var(--db-brand-origin-default)}[role=navigation] ol,[role=navigation] ul,nav ol,nav ul{list-style-type:"";margin:0;padding:0}fieldset{border:0}details>*,details>:after,details>:before{box-sizing:var(--db-box-sizing,border-box)}
1
+ @charset "UTF-8";@layer variables{}@layer variables{}@layer variables{}@layer variables{}@layer variables{}@layer variables{}@layer variables{}@layer variables{}@layer variables{}@layer variables{}@layer variables{}@layer variables{}@layer variables{}@layer variables{}@layer variables{}:not([data-disable-focus=true]):is(a,button,input,textarea,summary,select,[tabindex]:not([tabindex="-1"])):focus-visible{box-shadow:0 0 0 var(--db-border-width-xs) var(--db-focus-box-shadow-bg-color,transparent);outline:var(--db-border-width-2xs) solid var(--db-focus-outline-color,var(--db-informational-on-bg-basic-emphasis-70-default));outline-offset:var(--db-border-width-xs)}:not([data-disable-focus=true]):not([type=radio],[role=switch]):is(a,button,input,textarea,summary,select,[tabindex]:not([tabindex="-1"])):focus-visible{border-radius:var(--db-border-radius-xs)}@media screen and (prefers-reduced-motion:no-preference){:not([data-disable-focus=true]):is(a,button,input,textarea,summary,select,[tabindex]:not([tabindex="-1"])):focus-visible{transition:outline var(--db-transition-duration-extra-fast),box-shadow var(--db-transition-duration-extra-fast)}}@layer variables{}@layer variables{}@layer variables{}@layer variables{}@layer variables{}@layer variables{}@layer variables{}@layer variables{}@layer variables{}@layer variables{}@layer variables{}@layer variables{}@layer variables{}:is(:root,:host){font:var(--db-type-body-md)}@layer variables{}@layer variables{}@layer variables{}@layer variables{}@layer variables{}@layer variables{}@layer variables{}@layer variables{}@layer variables{}@layer variables{}@layer variables{}@layer variables{}@layer variables{}@layer variables{}@layer variables{:is(:root,:host){--db-neutral-origin-default:light-dark(var(--db-neutral-origin-light-default),var(--db-neutral-origin-dark-default));--db-neutral-origin-hovered:light-dark(var(--db-neutral-origin-light-hovered),var(--db-neutral-origin-dark-hovered));--db-neutral-origin-pressed:light-dark(var(--db-neutral-origin-light-pressed),var(--db-neutral-origin-dark-pressed));--db-neutral-on-origin-default:light-dark(var(--db-neutral-on-origin-light-default),var(--db-neutral-on-origin-dark-default));--db-neutral-on-bg-basic-emphasis-50-default:light-dark(var(--db-neutral-9),var(--db-neutral-5));--db-neutral-on-bg-basic-emphasis-60-default:light-dark(var(--db-neutral-10),var(--db-neutral-6));--db-neutral-on-bg-basic-emphasis-70-default:light-dark(var(--db-neutral-7),var(--db-neutral-8));--db-neutral-on-bg-basic-emphasis-70-hovered:light-dark(var(--db-neutral-4),var(--db-neutral-10));--db-neutral-on-bg-basic-emphasis-70-pressed:light-dark(var(--db-neutral-6),var(--db-neutral-9));--db-neutral-on-bg-basic-emphasis-80-default:light-dark(var(--db-neutral-6),var(--db-neutral-9));--db-neutral-on-bg-basic-emphasis-80-hovered:light-dark(var(--db-neutral-3),var(--db-neutral-12));--db-neutral-on-bg-basic-emphasis-80-pressed:light-dark(var(--db-neutral-5),var(--db-neutral-10));--db-neutral-on-bg-basic-emphasis-90-default:light-dark(var(--db-neutral-4),var(--db-neutral-10));--db-neutral-on-bg-basic-emphasis-90-hovered:light-dark(var(--db-neutral-0),var(--db-neutral-14));--db-neutral-on-bg-basic-emphasis-90-pressed:light-dark(var(--db-neutral-3),var(--db-neutral-11));--db-neutral-on-bg-basic-emphasis-100-default:light-dark(var(--db-neutral-1),var(--db-neutral-12));--db-neutral-on-bg-basic-emphasis-100-hovered:light-dark(var(--db-neutral-5),var(--db-neutral-9));--db-neutral-on-bg-basic-emphasis-100-pressed:light-dark(var(--db-neutral-2),var(--db-neutral-11));--db-neutral-on-bg-inverted-default:light-dark(var(--db-neutral-14),var(--db-neutral-3));--db-neutral-on-bg-inverted-hovered:light-dark(var(--db-neutral-11),var(--db-neutral-0));--db-neutral-on-bg-inverted-pressed:light-dark(var(--db-neutral-13),var(--db-neutral-2));--db-neutral-on-bg-vibrant-default:light-dark(var(--db-neutral-1),var(--db-neutral-1));--db-neutral-on-bg-vibrant-hovered:light-dark(var(--db-neutral-4),var(--db-neutral-4));--db-neutral-on-bg-vibrant-pressed:light-dark(var(--db-neutral-2),var(--db-neutral-2));--db-neutral-bg-basic-level-1-default:light-dark(var(--db-neutral-14),var(--db-neutral-1));--db-neutral-bg-basic-level-1-hovered:light-dark(var(--db-neutral-13),var(--db-neutral-3));--db-neutral-bg-basic-level-1-pressed:light-dark(var(--db-neutral-12),var(--db-neutral-4));--db-neutral-bg-basic-level-2-default:light-dark(var(--db-neutral-13),var(--db-neutral-2));--db-neutral-bg-basic-level-2-hovered:light-dark(var(--db-neutral-12),var(--db-neutral-4));--db-neutral-bg-basic-level-2-pressed:light-dark(var(--db-neutral-11),var(--db-neutral-5));--db-neutral-bg-basic-level-3-default:light-dark(var(--db-neutral-12),var(--db-neutral-3));--db-neutral-bg-basic-level-3-hovered:light-dark(var(--db-neutral-11),var(--db-neutral-1));--db-neutral-bg-basic-level-3-pressed:light-dark(var(--db-neutral-10),var(--db-neutral-0));--db-neutral-bg-basic-transparent-full-default:light-dark(color-mix(in srgb,transparent 100%,var(--db-neutral-6)),color-mix(in srgb,transparent 100%,var(--db-neutral-9)));--db-neutral-bg-basic-transparent-semi-default:light-dark(color-mix(in srgb,transparent 92%,var(--db-neutral-6)),color-mix(in srgb,transparent 84%,var(--db-neutral-9)));--db-neutral-bg-basic-transparent-hovered:light-dark(color-mix(in srgb,transparent 76%,var(--db-neutral-6)),color-mix(in srgb,transparent 76%,var(--db-neutral-9)));--db-neutral-bg-basic-transparent-pressed:light-dark(color-mix(in srgb,transparent 68%,var(--db-neutral-6)),color-mix(in srgb,transparent 68%,var(--db-neutral-9)));--db-neutral-bg-inverted-contrast-max-default:light-dark(var(--db-neutral-1),var(--db-neutral-12));--db-neutral-bg-inverted-contrast-max-hovered:light-dark(var(--db-neutral-5),var(--db-neutral-9));--db-neutral-bg-inverted-contrast-max-pressed:light-dark(var(--db-neutral-2),var(--db-neutral-11));--db-neutral-bg-inverted-contrast-high-default:light-dark(var(--db-neutral-6),var(--db-neutral-9));--db-neutral-bg-inverted-contrast-high-hovered:light-dark(var(--db-neutral-2),var(--db-neutral-12));--db-neutral-bg-inverted-contrast-high-pressed:light-dark(var(--db-neutral-5),var(--db-neutral-10));--db-neutral-bg-inverted-contrast-low-default:light-dark(var(--db-neutral-7),var(--db-neutral-8));--db-neutral-bg-inverted-contrast-low-hovered:light-dark(var(--db-neutral-3),var(--db-neutral-12));--db-neutral-bg-inverted-contrast-low-pressed:light-dark(var(--db-neutral-6),var(--db-neutral-9));--db-neutral-bg-vibrant-default:light-dark(var(--db-neutral-9),var(--db-neutral-9));--db-neutral-bg-vibrant-hovered:light-dark(var(--db-neutral-12),var(--db-neutral-12));--db-neutral-bg-vibrant-pressed:light-dark(var(--db-neutral-10),var(--db-neutral-10));--db-brand-origin-default:light-dark(var(--db-brand-origin-light-default),var(--db-brand-origin-dark-default));--db-brand-origin-hovered:light-dark(var(--db-brand-origin-light-hovered),var(--db-brand-origin-dark-hovered));--db-brand-origin-pressed:light-dark(var(--db-brand-origin-light-pressed),var(--db-brand-origin-dark-pressed));--db-brand-on-origin-default:light-dark(var(--db-brand-on-origin-light-default),var(--db-brand-on-origin-dark-default));--db-brand-on-bg-basic-emphasis-50-default:light-dark(var(--db-brand-9),var(--db-brand-5));--db-brand-on-bg-basic-emphasis-60-default:light-dark(var(--db-brand-10),var(--db-brand-6));--db-brand-on-bg-basic-emphasis-70-default:light-dark(var(--db-brand-7),var(--db-brand-8));--db-brand-on-bg-basic-emphasis-70-hovered:light-dark(var(--db-brand-4),var(--db-brand-10));--db-brand-on-bg-basic-emphasis-70-pressed:light-dark(var(--db-brand-6),var(--db-brand-9));--db-brand-on-bg-basic-emphasis-80-default:light-dark(var(--db-brand-6),var(--db-brand-9));--db-brand-on-bg-basic-emphasis-80-hovered:light-dark(var(--db-brand-3),var(--db-brand-12));--db-brand-on-bg-basic-emphasis-80-pressed:light-dark(var(--db-brand-5),var(--db-brand-10));--db-brand-on-bg-basic-emphasis-90-default:light-dark(var(--db-brand-4),var(--db-brand-10));--db-brand-on-bg-basic-emphasis-90-hovered:light-dark(var(--db-brand-0),var(--db-brand-14));--db-brand-on-bg-basic-emphasis-90-pressed:light-dark(var(--db-brand-3),var(--db-brand-11));--db-brand-on-bg-basic-emphasis-100-default:light-dark(var(--db-brand-1),var(--db-brand-12));--db-brand-on-bg-basic-emphasis-100-hovered:light-dark(var(--db-brand-5),var(--db-brand-9));--db-brand-on-bg-basic-emphasis-100-pressed:light-dark(var(--db-brand-2),var(--db-brand-11));--db-brand-on-bg-inverted-default:light-dark(var(--db-brand-14),var(--db-brand-3));--db-brand-on-bg-inverted-hovered:light-dark(var(--db-brand-11),var(--db-brand-0));--db-brand-on-bg-inverted-pressed:light-dark(var(--db-brand-13),var(--db-brand-2));--db-brand-on-bg-vibrant-default:light-dark(var(--db-brand-1),var(--db-brand-1));--db-brand-on-bg-vibrant-hovered:light-dark(var(--db-brand-4),var(--db-brand-4));--db-brand-on-bg-vibrant-pressed:light-dark(var(--db-brand-2),var(--db-brand-2));--db-brand-bg-basic-level-1-default:light-dark(var(--db-brand-14),var(--db-brand-1));--db-brand-bg-basic-level-1-hovered:light-dark(var(--db-brand-13),var(--db-brand-3));--db-brand-bg-basic-level-1-pressed:light-dark(var(--db-brand-12),var(--db-brand-4));--db-brand-bg-basic-level-2-default:light-dark(var(--db-brand-13),var(--db-brand-2));--db-brand-bg-basic-level-2-hovered:light-dark(var(--db-brand-12),var(--db-brand-4));--db-brand-bg-basic-level-2-pressed:light-dark(var(--db-brand-11),var(--db-brand-5));--db-brand-bg-basic-level-3-default:light-dark(var(--db-brand-12),var(--db-brand-3));--db-brand-bg-basic-level-3-hovered:light-dark(var(--db-brand-11),var(--db-brand-1));--db-brand-bg-basic-level-3-pressed:light-dark(var(--db-brand-10),var(--db-brand-0));--db-brand-bg-basic-transparent-full-default:light-dark(color-mix(in srgb,transparent 100%,var(--db-brand-6)),color-mix(in srgb,transparent 100%,var(--db-brand-9)));--db-brand-bg-basic-transparent-semi-default:light-dark(color-mix(in srgb,transparent 92%,var(--db-brand-6)),color-mix(in srgb,transparent 84%,var(--db-brand-9)));--db-brand-bg-basic-transparent-hovered:light-dark(color-mix(in srgb,transparent 76%,var(--db-brand-6)),color-mix(in srgb,transparent 76%,var(--db-brand-9)));--db-brand-bg-basic-transparent-pressed:light-dark(color-mix(in srgb,transparent 68%,var(--db-brand-6)),color-mix(in srgb,transparent 68%,var(--db-brand-9)));--db-brand-bg-inverted-contrast-max-default:light-dark(var(--db-brand-1),var(--db-brand-12));--db-brand-bg-inverted-contrast-max-hovered:light-dark(var(--db-brand-5),var(--db-brand-9));--db-brand-bg-inverted-contrast-max-pressed:light-dark(var(--db-brand-2),var(--db-brand-11));--db-brand-bg-inverted-contrast-high-default:light-dark(var(--db-brand-6),var(--db-brand-9));--db-brand-bg-inverted-contrast-high-hovered:light-dark(var(--db-brand-2),var(--db-brand-12));--db-brand-bg-inverted-contrast-high-pressed:light-dark(var(--db-brand-5),var(--db-brand-10));--db-brand-bg-inverted-contrast-low-default:light-dark(var(--db-brand-7),var(--db-brand-8));--db-brand-bg-inverted-contrast-low-hovered:light-dark(var(--db-brand-3),var(--db-brand-12));--db-brand-bg-inverted-contrast-low-pressed:light-dark(var(--db-brand-6),var(--db-brand-9));--db-brand-bg-vibrant-default:light-dark(var(--db-brand-9),var(--db-brand-9));--db-brand-bg-vibrant-hovered:light-dark(var(--db-brand-12),var(--db-brand-12));--db-brand-bg-vibrant-pressed:light-dark(var(--db-brand-10),var(--db-brand-10));--db-informational-origin-default:light-dark(var(--db-informational-origin-light-default),var(--db-informational-origin-dark-default));--db-informational-origin-hovered:light-dark(var(--db-informational-origin-light-hovered),var(--db-informational-origin-dark-hovered));--db-informational-origin-pressed:light-dark(var(--db-informational-origin-light-pressed),var(--db-informational-origin-dark-pressed));--db-informational-on-origin-default:light-dark(var(--db-informational-on-origin-light-default),var(--db-informational-on-origin-dark-default));--db-informational-on-bg-basic-emphasis-50-default:light-dark(var(--db-informational-9),var(--db-informational-5));--db-informational-on-bg-basic-emphasis-60-default:light-dark(var(--db-informational-10),var(--db-informational-6));--db-informational-on-bg-basic-emphasis-70-default:light-dark(var(--db-informational-7),var(--db-informational-8));--db-informational-on-bg-basic-emphasis-70-hovered:light-dark(var(--db-informational-4),var(--db-informational-10));--db-informational-on-bg-basic-emphasis-70-pressed:light-dark(var(--db-informational-6),var(--db-informational-9));--db-informational-on-bg-basic-emphasis-80-default:light-dark(var(--db-informational-6),var(--db-informational-9));--db-informational-on-bg-basic-emphasis-80-hovered:light-dark(var(--db-informational-3),var(--db-informational-12));--db-informational-on-bg-basic-emphasis-80-pressed:light-dark(var(--db-informational-5),var(--db-informational-10));--db-informational-on-bg-basic-emphasis-90-default:light-dark(var(--db-informational-4),var(--db-informational-10));--db-informational-on-bg-basic-emphasis-90-hovered:light-dark(var(--db-informational-0),var(--db-informational-14));--db-informational-on-bg-basic-emphasis-90-pressed:light-dark(var(--db-informational-3),var(--db-informational-11));--db-informational-on-bg-basic-emphasis-100-default:light-dark(var(--db-informational-1),var(--db-informational-12));--db-informational-on-bg-basic-emphasis-100-hovered:light-dark(var(--db-informational-5),var(--db-informational-9));--db-informational-on-bg-basic-emphasis-100-pressed:light-dark(var(--db-informational-2),var(--db-informational-11));--db-informational-on-bg-inverted-default:light-dark(var(--db-informational-14),var(--db-informational-3));--db-informational-on-bg-inverted-hovered:light-dark(var(--db-informational-11),var(--db-informational-0));--db-informational-on-bg-inverted-pressed:light-dark(var(--db-informational-13),var(--db-informational-2));--db-informational-on-bg-vibrant-default:light-dark(var(--db-informational-1),var(--db-informational-1));--db-informational-on-bg-vibrant-hovered:light-dark(var(--db-informational-4),var(--db-informational-4));--db-informational-on-bg-vibrant-pressed:light-dark(var(--db-informational-2),var(--db-informational-2));--db-informational-bg-basic-level-1-default:light-dark(var(--db-informational-14),var(--db-informational-1));--db-informational-bg-basic-level-1-hovered:light-dark(var(--db-informational-13),var(--db-informational-3));--db-informational-bg-basic-level-1-pressed:light-dark(var(--db-informational-12),var(--db-informational-4));--db-informational-bg-basic-level-2-default:light-dark(var(--db-informational-13),var(--db-informational-2));--db-informational-bg-basic-level-2-hovered:light-dark(var(--db-informational-12),var(--db-informational-4));--db-informational-bg-basic-level-2-pressed:light-dark(var(--db-informational-11),var(--db-informational-5));--db-informational-bg-basic-level-3-default:light-dark(var(--db-informational-12),var(--db-informational-3));--db-informational-bg-basic-level-3-hovered:light-dark(var(--db-informational-11),var(--db-informational-1));--db-informational-bg-basic-level-3-pressed:light-dark(var(--db-informational-10),var(--db-informational-0));--db-informational-bg-basic-transparent-full-default:light-dark(color-mix(in srgb,transparent 100%,var(--db-informational-6)),color-mix(in srgb,transparent 100%,var(--db-informational-9)));--db-informational-bg-basic-transparent-semi-default:light-dark(color-mix(in srgb,transparent 92%,var(--db-informational-6)),color-mix(in srgb,transparent 84%,var(--db-informational-9)));--db-informational-bg-basic-transparent-hovered:light-dark(color-mix(in srgb,transparent 76%,var(--db-informational-6)),color-mix(in srgb,transparent 76%,var(--db-informational-9)));--db-informational-bg-basic-transparent-pressed:light-dark(color-mix(in srgb,transparent 68%,var(--db-informational-6)),color-mix(in srgb,transparent 68%,var(--db-informational-9)));--db-informational-bg-inverted-contrast-max-default:light-dark(var(--db-informational-1),var(--db-informational-12));--db-informational-bg-inverted-contrast-max-hovered:light-dark(var(--db-informational-5),var(--db-informational-9));--db-informational-bg-inverted-contrast-max-pressed:light-dark(var(--db-informational-2),var(--db-informational-11));--db-informational-bg-inverted-contrast-high-default:light-dark(var(--db-informational-6),var(--db-informational-9));--db-informational-bg-inverted-contrast-high-hovered:light-dark(var(--db-informational-2),var(--db-informational-12));--db-informational-bg-inverted-contrast-high-pressed:light-dark(var(--db-informational-5),var(--db-informational-10));--db-informational-bg-inverted-contrast-low-default:light-dark(var(--db-informational-7),var(--db-informational-8));--db-informational-bg-inverted-contrast-low-hovered:light-dark(var(--db-informational-3),var(--db-informational-12));--db-informational-bg-inverted-contrast-low-pressed:light-dark(var(--db-informational-6),var(--db-informational-9));--db-informational-bg-vibrant-default:light-dark(var(--db-informational-9),var(--db-informational-9));--db-informational-bg-vibrant-hovered:light-dark(var(--db-informational-12),var(--db-informational-12));--db-informational-bg-vibrant-pressed:light-dark(var(--db-informational-10),var(--db-informational-10));--db-warning-origin-default:light-dark(var(--db-warning-origin-light-default),var(--db-warning-origin-dark-default));--db-warning-origin-hovered:light-dark(var(--db-warning-origin-light-hovered),var(--db-warning-origin-dark-hovered));--db-warning-origin-pressed:light-dark(var(--db-warning-origin-light-pressed),var(--db-warning-origin-dark-pressed));--db-warning-on-origin-default:light-dark(var(--db-warning-on-origin-light-default),var(--db-warning-on-origin-dark-default));--db-warning-on-bg-basic-emphasis-50-default:light-dark(var(--db-warning-9),var(--db-warning-5));--db-warning-on-bg-basic-emphasis-60-default:light-dark(var(--db-warning-10),var(--db-warning-6));--db-warning-on-bg-basic-emphasis-70-default:light-dark(var(--db-warning-7),var(--db-warning-8));--db-warning-on-bg-basic-emphasis-70-hovered:light-dark(var(--db-warning-4),var(--db-warning-10));--db-warning-on-bg-basic-emphasis-70-pressed:light-dark(var(--db-warning-6),var(--db-warning-9));--db-warning-on-bg-basic-emphasis-80-default:light-dark(var(--db-warning-6),var(--db-warning-9));--db-warning-on-bg-basic-emphasis-80-hovered:light-dark(var(--db-warning-3),var(--db-warning-12));--db-warning-on-bg-basic-emphasis-80-pressed:light-dark(var(--db-warning-5),var(--db-warning-10));--db-warning-on-bg-basic-emphasis-90-default:light-dark(var(--db-warning-4),var(--db-warning-10));--db-warning-on-bg-basic-emphasis-90-hovered:light-dark(var(--db-warning-0),var(--db-warning-14));--db-warning-on-bg-basic-emphasis-90-pressed:light-dark(var(--db-warning-3),var(--db-warning-11));--db-warning-on-bg-basic-emphasis-100-default:light-dark(var(--db-warning-1),var(--db-warning-12));--db-warning-on-bg-basic-emphasis-100-hovered:light-dark(var(--db-warning-5),var(--db-warning-9));--db-warning-on-bg-basic-emphasis-100-pressed:light-dark(var(--db-warning-2),var(--db-warning-11));--db-warning-on-bg-inverted-default:light-dark(var(--db-warning-14),var(--db-warning-3));--db-warning-on-bg-inverted-hovered:light-dark(var(--db-warning-11),var(--db-warning-0));--db-warning-on-bg-inverted-pressed:light-dark(var(--db-warning-13),var(--db-warning-2));--db-warning-on-bg-vibrant-default:light-dark(var(--db-warning-1),var(--db-warning-1));--db-warning-on-bg-vibrant-hovered:light-dark(var(--db-warning-4),var(--db-warning-4));--db-warning-on-bg-vibrant-pressed:light-dark(var(--db-warning-2),var(--db-warning-2));--db-warning-bg-basic-level-1-default:light-dark(var(--db-warning-14),var(--db-warning-1));--db-warning-bg-basic-level-1-hovered:light-dark(var(--db-warning-13),var(--db-warning-3));--db-warning-bg-basic-level-1-pressed:light-dark(var(--db-warning-12),var(--db-warning-4));--db-warning-bg-basic-level-2-default:light-dark(var(--db-warning-13),var(--db-warning-2));--db-warning-bg-basic-level-2-hovered:light-dark(var(--db-warning-12),var(--db-warning-4));--db-warning-bg-basic-level-2-pressed:light-dark(var(--db-warning-11),var(--db-warning-5));--db-warning-bg-basic-level-3-default:light-dark(var(--db-warning-12),var(--db-warning-3));--db-warning-bg-basic-level-3-hovered:light-dark(var(--db-warning-11),var(--db-warning-1));--db-warning-bg-basic-level-3-pressed:light-dark(var(--db-warning-10),var(--db-warning-0));--db-warning-bg-basic-transparent-full-default:light-dark(color-mix(in srgb,transparent 100%,var(--db-warning-6)),color-mix(in srgb,transparent 100%,var(--db-warning-9)));--db-warning-bg-basic-transparent-semi-default:light-dark(color-mix(in srgb,transparent 92%,var(--db-warning-6)),color-mix(in srgb,transparent 84%,var(--db-warning-9)));--db-warning-bg-basic-transparent-hovered:light-dark(color-mix(in srgb,transparent 76%,var(--db-warning-6)),color-mix(in srgb,transparent 76%,var(--db-warning-9)));--db-warning-bg-basic-transparent-pressed:light-dark(color-mix(in srgb,transparent 68%,var(--db-warning-6)),color-mix(in srgb,transparent 68%,var(--db-warning-9)));--db-warning-bg-inverted-contrast-max-default:light-dark(var(--db-warning-1),var(--db-warning-12));--db-warning-bg-inverted-contrast-max-hovered:light-dark(var(--db-warning-5),var(--db-warning-9));--db-warning-bg-inverted-contrast-max-pressed:light-dark(var(--db-warning-2),var(--db-warning-11));--db-warning-bg-inverted-contrast-high-default:light-dark(var(--db-warning-6),var(--db-warning-9));--db-warning-bg-inverted-contrast-high-hovered:light-dark(var(--db-warning-2),var(--db-warning-12));--db-warning-bg-inverted-contrast-high-pressed:light-dark(var(--db-warning-5),var(--db-warning-10));--db-warning-bg-inverted-contrast-low-default:light-dark(var(--db-warning-7),var(--db-warning-8));--db-warning-bg-inverted-contrast-low-hovered:light-dark(var(--db-warning-3),var(--db-warning-12));--db-warning-bg-inverted-contrast-low-pressed:light-dark(var(--db-warning-6),var(--db-warning-9));--db-warning-bg-vibrant-default:light-dark(var(--db-warning-9),var(--db-warning-9));--db-warning-bg-vibrant-hovered:light-dark(var(--db-warning-12),var(--db-warning-12));--db-warning-bg-vibrant-pressed:light-dark(var(--db-warning-10),var(--db-warning-10));--db-successful-origin-default:light-dark(var(--db-successful-origin-light-default),var(--db-successful-origin-dark-default));--db-successful-origin-hovered:light-dark(var(--db-successful-origin-light-hovered),var(--db-successful-origin-dark-hovered));--db-successful-origin-pressed:light-dark(var(--db-successful-origin-light-pressed),var(--db-successful-origin-dark-pressed));--db-successful-on-origin-default:light-dark(var(--db-successful-on-origin-light-default),var(--db-successful-on-origin-dark-default));--db-successful-on-bg-basic-emphasis-50-default:light-dark(var(--db-successful-9),var(--db-successful-5));--db-successful-on-bg-basic-emphasis-60-default:light-dark(var(--db-successful-10),var(--db-successful-6));--db-successful-on-bg-basic-emphasis-70-default:light-dark(var(--db-successful-7),var(--db-successful-8));--db-successful-on-bg-basic-emphasis-70-hovered:light-dark(var(--db-successful-4),var(--db-successful-10));--db-successful-on-bg-basic-emphasis-70-pressed:light-dark(var(--db-successful-6),var(--db-successful-9));--db-successful-on-bg-basic-emphasis-80-default:light-dark(var(--db-successful-6),var(--db-successful-9));--db-successful-on-bg-basic-emphasis-80-hovered:light-dark(var(--db-successful-3),var(--db-successful-12));--db-successful-on-bg-basic-emphasis-80-pressed:light-dark(var(--db-successful-5),var(--db-successful-10));--db-successful-on-bg-basic-emphasis-90-default:light-dark(var(--db-successful-4),var(--db-successful-10));--db-successful-on-bg-basic-emphasis-90-hovered:light-dark(var(--db-successful-0),var(--db-successful-14));--db-successful-on-bg-basic-emphasis-90-pressed:light-dark(var(--db-successful-3),var(--db-successful-11));--db-successful-on-bg-basic-emphasis-100-default:light-dark(var(--db-successful-1),var(--db-successful-12));--db-successful-on-bg-basic-emphasis-100-hovered:light-dark(var(--db-successful-5),var(--db-successful-9));--db-successful-on-bg-basic-emphasis-100-pressed:light-dark(var(--db-successful-2),var(--db-successful-11));--db-successful-on-bg-inverted-default:light-dark(var(--db-successful-14),var(--db-successful-3));--db-successful-on-bg-inverted-hovered:light-dark(var(--db-successful-11),var(--db-successful-0));--db-successful-on-bg-inverted-pressed:light-dark(var(--db-successful-13),var(--db-successful-2));--db-successful-on-bg-vibrant-default:light-dark(var(--db-successful-1),var(--db-successful-1));--db-successful-on-bg-vibrant-hovered:light-dark(var(--db-successful-4),var(--db-successful-4));--db-successful-on-bg-vibrant-pressed:light-dark(var(--db-successful-2),var(--db-successful-2));--db-successful-bg-basic-level-1-default:light-dark(var(--db-successful-14),var(--db-successful-1));--db-successful-bg-basic-level-1-hovered:light-dark(var(--db-successful-13),var(--db-successful-3));--db-successful-bg-basic-level-1-pressed:light-dark(var(--db-successful-12),var(--db-successful-4));--db-successful-bg-basic-level-2-default:light-dark(var(--db-successful-13),var(--db-successful-2));--db-successful-bg-basic-level-2-hovered:light-dark(var(--db-successful-12),var(--db-successful-4));--db-successful-bg-basic-level-2-pressed:light-dark(var(--db-successful-11),var(--db-successful-5));--db-successful-bg-basic-level-3-default:light-dark(var(--db-successful-12),var(--db-successful-3));--db-successful-bg-basic-level-3-hovered:light-dark(var(--db-successful-11),var(--db-successful-1));--db-successful-bg-basic-level-3-pressed:light-dark(var(--db-successful-10),var(--db-successful-0));--db-successful-bg-basic-transparent-full-default:light-dark(color-mix(in srgb,transparent 100%,var(--db-successful-6)),color-mix(in srgb,transparent 100%,var(--db-successful-9)));--db-successful-bg-basic-transparent-semi-default:light-dark(color-mix(in srgb,transparent 92%,var(--db-successful-6)),color-mix(in srgb,transparent 84%,var(--db-successful-9)));--db-successful-bg-basic-transparent-hovered:light-dark(color-mix(in srgb,transparent 76%,var(--db-successful-6)),color-mix(in srgb,transparent 76%,var(--db-successful-9)));--db-successful-bg-basic-transparent-pressed:light-dark(color-mix(in srgb,transparent 68%,var(--db-successful-6)),color-mix(in srgb,transparent 68%,var(--db-successful-9)));--db-successful-bg-inverted-contrast-max-default:light-dark(var(--db-successful-1),var(--db-successful-12));--db-successful-bg-inverted-contrast-max-hovered:light-dark(var(--db-successful-5),var(--db-successful-9));--db-successful-bg-inverted-contrast-max-pressed:light-dark(var(--db-successful-2),var(--db-successful-11));--db-successful-bg-inverted-contrast-high-default:light-dark(var(--db-successful-6),var(--db-successful-9));--db-successful-bg-inverted-contrast-high-hovered:light-dark(var(--db-successful-2),var(--db-successful-12));--db-successful-bg-inverted-contrast-high-pressed:light-dark(var(--db-successful-5),var(--db-successful-10));--db-successful-bg-inverted-contrast-low-default:light-dark(var(--db-successful-7),var(--db-successful-8));--db-successful-bg-inverted-contrast-low-hovered:light-dark(var(--db-successful-3),var(--db-successful-12));--db-successful-bg-inverted-contrast-low-pressed:light-dark(var(--db-successful-6),var(--db-successful-9));--db-successful-bg-vibrant-default:light-dark(var(--db-successful-9),var(--db-successful-9));--db-successful-bg-vibrant-hovered:light-dark(var(--db-successful-12),var(--db-successful-12));--db-successful-bg-vibrant-pressed:light-dark(var(--db-successful-10),var(--db-successful-10));--db-critical-origin-default:light-dark(var(--db-critical-origin-light-default),var(--db-critical-origin-dark-default));--db-critical-origin-hovered:light-dark(var(--db-critical-origin-light-hovered),var(--db-critical-origin-dark-hovered));--db-critical-origin-pressed:light-dark(var(--db-critical-origin-light-pressed),var(--db-critical-origin-dark-pressed));--db-critical-on-origin-default:light-dark(var(--db-critical-on-origin-light-default),var(--db-critical-on-origin-dark-default));--db-critical-on-bg-basic-emphasis-50-default:light-dark(var(--db-critical-9),var(--db-critical-5));--db-critical-on-bg-basic-emphasis-60-default:light-dark(var(--db-critical-10),var(--db-critical-6));--db-critical-on-bg-basic-emphasis-70-default:light-dark(var(--db-critical-7),var(--db-critical-8));--db-critical-on-bg-basic-emphasis-70-hovered:light-dark(var(--db-critical-4),var(--db-critical-10));--db-critical-on-bg-basic-emphasis-70-pressed:light-dark(var(--db-critical-6),var(--db-critical-9));--db-critical-on-bg-basic-emphasis-80-default:light-dark(var(--db-critical-6),var(--db-critical-9));--db-critical-on-bg-basic-emphasis-80-hovered:light-dark(var(--db-critical-3),var(--db-critical-12));--db-critical-on-bg-basic-emphasis-80-pressed:light-dark(var(--db-critical-5),var(--db-critical-10));--db-critical-on-bg-basic-emphasis-90-default:light-dark(var(--db-critical-4),var(--db-critical-10));--db-critical-on-bg-basic-emphasis-90-hovered:light-dark(var(--db-critical-0),var(--db-critical-14));--db-critical-on-bg-basic-emphasis-90-pressed:light-dark(var(--db-critical-3),var(--db-critical-11));--db-critical-on-bg-basic-emphasis-100-default:light-dark(var(--db-critical-1),var(--db-critical-12));--db-critical-on-bg-basic-emphasis-100-hovered:light-dark(var(--db-critical-5),var(--db-critical-9));--db-critical-on-bg-basic-emphasis-100-pressed:light-dark(var(--db-critical-2),var(--db-critical-11));--db-critical-on-bg-inverted-default:light-dark(var(--db-critical-14),var(--db-critical-3));--db-critical-on-bg-inverted-hovered:light-dark(var(--db-critical-11),var(--db-critical-0));--db-critical-on-bg-inverted-pressed:light-dark(var(--db-critical-13),var(--db-critical-2));--db-critical-on-bg-vibrant-default:light-dark(var(--db-critical-1),var(--db-critical-1));--db-critical-on-bg-vibrant-hovered:light-dark(var(--db-critical-4),var(--db-critical-4));--db-critical-on-bg-vibrant-pressed:light-dark(var(--db-critical-2),var(--db-critical-2));--db-critical-bg-basic-level-1-default:light-dark(var(--db-critical-14),var(--db-critical-1));--db-critical-bg-basic-level-1-hovered:light-dark(var(--db-critical-13),var(--db-critical-3));--db-critical-bg-basic-level-1-pressed:light-dark(var(--db-critical-12),var(--db-critical-4));--db-critical-bg-basic-level-2-default:light-dark(var(--db-critical-13),var(--db-critical-2));--db-critical-bg-basic-level-2-hovered:light-dark(var(--db-critical-12),var(--db-critical-4));--db-critical-bg-basic-level-2-pressed:light-dark(var(--db-critical-11),var(--db-critical-5));--db-critical-bg-basic-level-3-default:light-dark(var(--db-critical-12),var(--db-critical-3));--db-critical-bg-basic-level-3-hovered:light-dark(var(--db-critical-11),var(--db-critical-1));--db-critical-bg-basic-level-3-pressed:light-dark(var(--db-critical-10),var(--db-critical-0));--db-critical-bg-basic-transparent-full-default:light-dark(color-mix(in srgb,transparent 100%,var(--db-critical-6)),color-mix(in srgb,transparent 100%,var(--db-critical-9)));--db-critical-bg-basic-transparent-semi-default:light-dark(color-mix(in srgb,transparent 92%,var(--db-critical-6)),color-mix(in srgb,transparent 84%,var(--db-critical-9)));--db-critical-bg-basic-transparent-hovered:light-dark(color-mix(in srgb,transparent 76%,var(--db-critical-6)),color-mix(in srgb,transparent 76%,var(--db-critical-9)));--db-critical-bg-basic-transparent-pressed:light-dark(color-mix(in srgb,transparent 68%,var(--db-critical-6)),color-mix(in srgb,transparent 68%,var(--db-critical-9)));--db-critical-bg-inverted-contrast-max-default:light-dark(var(--db-critical-1),var(--db-critical-12));--db-critical-bg-inverted-contrast-max-hovered:light-dark(var(--db-critical-5),var(--db-critical-9));--db-critical-bg-inverted-contrast-max-pressed:light-dark(var(--db-critical-2),var(--db-critical-11));--db-critical-bg-inverted-contrast-high-default:light-dark(var(--db-critical-6),var(--db-critical-9));--db-critical-bg-inverted-contrast-high-hovered:light-dark(var(--db-critical-2),var(--db-critical-12));--db-critical-bg-inverted-contrast-high-pressed:light-dark(var(--db-critical-5),var(--db-critical-10));--db-critical-bg-inverted-contrast-low-default:light-dark(var(--db-critical-7),var(--db-critical-8));--db-critical-bg-inverted-contrast-low-hovered:light-dark(var(--db-critical-3),var(--db-critical-12));--db-critical-bg-inverted-contrast-low-pressed:light-dark(var(--db-critical-6),var(--db-critical-9));--db-critical-bg-vibrant-default:light-dark(var(--db-critical-9),var(--db-critical-9));--db-critical-bg-vibrant-hovered:light-dark(var(--db-critical-12),var(--db-critical-12));--db-critical-bg-vibrant-pressed:light-dark(var(--db-critical-10),var(--db-critical-10));--db-yellow-origin-default:light-dark(var(--db-yellow-origin-light-default),var(--db-yellow-origin-dark-default));--db-yellow-origin-hovered:light-dark(var(--db-yellow-origin-light-hovered),var(--db-yellow-origin-dark-hovered));--db-yellow-origin-pressed:light-dark(var(--db-yellow-origin-light-pressed),var(--db-yellow-origin-dark-pressed));--db-yellow-on-origin-default:light-dark(var(--db-yellow-on-origin-light-default),var(--db-yellow-on-origin-dark-default));--db-yellow-on-bg-basic-emphasis-50-default:light-dark(var(--db-yellow-9),var(--db-yellow-5));--db-yellow-on-bg-basic-emphasis-60-default:light-dark(var(--db-yellow-10),var(--db-yellow-6));--db-yellow-on-bg-basic-emphasis-70-default:light-dark(var(--db-yellow-7),var(--db-yellow-8));--db-yellow-on-bg-basic-emphasis-70-hovered:light-dark(var(--db-yellow-4),var(--db-yellow-10));--db-yellow-on-bg-basic-emphasis-70-pressed:light-dark(var(--db-yellow-6),var(--db-yellow-9));--db-yellow-on-bg-basic-emphasis-80-default:light-dark(var(--db-yellow-6),var(--db-yellow-9));--db-yellow-on-bg-basic-emphasis-80-hovered:light-dark(var(--db-yellow-3),var(--db-yellow-12));--db-yellow-on-bg-basic-emphasis-80-pressed:light-dark(var(--db-yellow-5),var(--db-yellow-10));--db-yellow-on-bg-basic-emphasis-90-default:light-dark(var(--db-yellow-4),var(--db-yellow-10));--db-yellow-on-bg-basic-emphasis-90-hovered:light-dark(var(--db-yellow-0),var(--db-yellow-14));--db-yellow-on-bg-basic-emphasis-90-pressed:light-dark(var(--db-yellow-3),var(--db-yellow-11));--db-yellow-on-bg-basic-emphasis-100-default:light-dark(var(--db-yellow-1),var(--db-yellow-12));--db-yellow-on-bg-basic-emphasis-100-hovered:light-dark(var(--db-yellow-5),var(--db-yellow-9));--db-yellow-on-bg-basic-emphasis-100-pressed:light-dark(var(--db-yellow-2),var(--db-yellow-11));--db-yellow-on-bg-inverted-default:light-dark(var(--db-yellow-14),var(--db-yellow-3));--db-yellow-on-bg-inverted-hovered:light-dark(var(--db-yellow-11),var(--db-yellow-0));--db-yellow-on-bg-inverted-pressed:light-dark(var(--db-yellow-13),var(--db-yellow-2));--db-yellow-on-bg-vibrant-default:light-dark(var(--db-yellow-1),var(--db-yellow-1));--db-yellow-on-bg-vibrant-hovered:light-dark(var(--db-yellow-4),var(--db-yellow-4));--db-yellow-on-bg-vibrant-pressed:light-dark(var(--db-yellow-2),var(--db-yellow-2));--db-yellow-bg-basic-level-1-default:light-dark(var(--db-yellow-14),var(--db-yellow-1));--db-yellow-bg-basic-level-1-hovered:light-dark(var(--db-yellow-13),var(--db-yellow-3));--db-yellow-bg-basic-level-1-pressed:light-dark(var(--db-yellow-12),var(--db-yellow-4));--db-yellow-bg-basic-level-2-default:light-dark(var(--db-yellow-13),var(--db-yellow-2));--db-yellow-bg-basic-level-2-hovered:light-dark(var(--db-yellow-12),var(--db-yellow-4));--db-yellow-bg-basic-level-2-pressed:light-dark(var(--db-yellow-11),var(--db-yellow-5));--db-yellow-bg-basic-level-3-default:light-dark(var(--db-yellow-12),var(--db-yellow-3));--db-yellow-bg-basic-level-3-hovered:light-dark(var(--db-yellow-11),var(--db-yellow-1));--db-yellow-bg-basic-level-3-pressed:light-dark(var(--db-yellow-10),var(--db-yellow-0));--db-yellow-bg-basic-transparent-full-default:light-dark(color-mix(in srgb,transparent 100%,var(--db-yellow-6)),color-mix(in srgb,transparent 100%,var(--db-yellow-9)));--db-yellow-bg-basic-transparent-semi-default:light-dark(color-mix(in srgb,transparent 92%,var(--db-yellow-6)),color-mix(in srgb,transparent 84%,var(--db-yellow-9)));--db-yellow-bg-basic-transparent-hovered:light-dark(color-mix(in srgb,transparent 76%,var(--db-yellow-6)),color-mix(in srgb,transparent 76%,var(--db-yellow-9)));--db-yellow-bg-basic-transparent-pressed:light-dark(color-mix(in srgb,transparent 68%,var(--db-yellow-6)),color-mix(in srgb,transparent 68%,var(--db-yellow-9)));--db-yellow-bg-inverted-contrast-max-default:light-dark(var(--db-yellow-1),var(--db-yellow-12));--db-yellow-bg-inverted-contrast-max-hovered:light-dark(var(--db-yellow-5),var(--db-yellow-9));--db-yellow-bg-inverted-contrast-max-pressed:light-dark(var(--db-yellow-2),var(--db-yellow-11));--db-yellow-bg-inverted-contrast-high-default:light-dark(var(--db-yellow-6),var(--db-yellow-9));--db-yellow-bg-inverted-contrast-high-hovered:light-dark(var(--db-yellow-2),var(--db-yellow-12));--db-yellow-bg-inverted-contrast-high-pressed:light-dark(var(--db-yellow-5),var(--db-yellow-10));--db-yellow-bg-inverted-contrast-low-default:light-dark(var(--db-yellow-7),var(--db-yellow-8));--db-yellow-bg-inverted-contrast-low-hovered:light-dark(var(--db-yellow-3),var(--db-yellow-12));--db-yellow-bg-inverted-contrast-low-pressed:light-dark(var(--db-yellow-6),var(--db-yellow-9));--db-yellow-bg-vibrant-default:light-dark(var(--db-yellow-9),var(--db-yellow-9));--db-yellow-bg-vibrant-hovered:light-dark(var(--db-yellow-12),var(--db-yellow-12));--db-yellow-bg-vibrant-pressed:light-dark(var(--db-yellow-10),var(--db-yellow-10));--db-orange-origin-default:light-dark(var(--db-orange-origin-light-default),var(--db-orange-origin-dark-default));--db-orange-origin-hovered:light-dark(var(--db-orange-origin-light-hovered),var(--db-orange-origin-dark-hovered));--db-orange-origin-pressed:light-dark(var(--db-orange-origin-light-pressed),var(--db-orange-origin-dark-pressed));--db-orange-on-origin-default:light-dark(var(--db-orange-on-origin-light-default),var(--db-orange-on-origin-dark-default));--db-orange-on-bg-basic-emphasis-50-default:light-dark(var(--db-orange-9),var(--db-orange-5));--db-orange-on-bg-basic-emphasis-60-default:light-dark(var(--db-orange-10),var(--db-orange-6));--db-orange-on-bg-basic-emphasis-70-default:light-dark(var(--db-orange-7),var(--db-orange-8));--db-orange-on-bg-basic-emphasis-70-hovered:light-dark(var(--db-orange-4),var(--db-orange-10));--db-orange-on-bg-basic-emphasis-70-pressed:light-dark(var(--db-orange-6),var(--db-orange-9));--db-orange-on-bg-basic-emphasis-80-default:light-dark(var(--db-orange-6),var(--db-orange-9));--db-orange-on-bg-basic-emphasis-80-hovered:light-dark(var(--db-orange-3),var(--db-orange-12));--db-orange-on-bg-basic-emphasis-80-pressed:light-dark(var(--db-orange-5),var(--db-orange-10));--db-orange-on-bg-basic-emphasis-90-default:light-dark(var(--db-orange-4),var(--db-orange-10));--db-orange-on-bg-basic-emphasis-90-hovered:light-dark(var(--db-orange-0),var(--db-orange-14));--db-orange-on-bg-basic-emphasis-90-pressed:light-dark(var(--db-orange-3),var(--db-orange-11));--db-orange-on-bg-basic-emphasis-100-default:light-dark(var(--db-orange-1),var(--db-orange-12));--db-orange-on-bg-basic-emphasis-100-hovered:light-dark(var(--db-orange-5),var(--db-orange-9));--db-orange-on-bg-basic-emphasis-100-pressed:light-dark(var(--db-orange-2),var(--db-orange-11));--db-orange-on-bg-inverted-default:light-dark(var(--db-orange-14),var(--db-orange-3));--db-orange-on-bg-inverted-hovered:light-dark(var(--db-orange-11),var(--db-orange-0));--db-orange-on-bg-inverted-pressed:light-dark(var(--db-orange-13),var(--db-orange-2));--db-orange-on-bg-vibrant-default:light-dark(var(--db-orange-1),var(--db-orange-1));--db-orange-on-bg-vibrant-hovered:light-dark(var(--db-orange-4),var(--db-orange-4));--db-orange-on-bg-vibrant-pressed:light-dark(var(--db-orange-2),var(--db-orange-2));--db-orange-bg-basic-level-1-default:light-dark(var(--db-orange-14),var(--db-orange-1));--db-orange-bg-basic-level-1-hovered:light-dark(var(--db-orange-13),var(--db-orange-3));--db-orange-bg-basic-level-1-pressed:light-dark(var(--db-orange-12),var(--db-orange-4));--db-orange-bg-basic-level-2-default:light-dark(var(--db-orange-13),var(--db-orange-2));--db-orange-bg-basic-level-2-hovered:light-dark(var(--db-orange-12),var(--db-orange-4));--db-orange-bg-basic-level-2-pressed:light-dark(var(--db-orange-11),var(--db-orange-5));--db-orange-bg-basic-level-3-default:light-dark(var(--db-orange-12),var(--db-orange-3));--db-orange-bg-basic-level-3-hovered:light-dark(var(--db-orange-11),var(--db-orange-1));--db-orange-bg-basic-level-3-pressed:light-dark(var(--db-orange-10),var(--db-orange-0));--db-orange-bg-basic-transparent-full-default:light-dark(color-mix(in srgb,transparent 100%,var(--db-orange-6)),color-mix(in srgb,transparent 100%,var(--db-orange-9)));--db-orange-bg-basic-transparent-semi-default:light-dark(color-mix(in srgb,transparent 92%,var(--db-orange-6)),color-mix(in srgb,transparent 84%,var(--db-orange-9)));--db-orange-bg-basic-transparent-hovered:light-dark(color-mix(in srgb,transparent 76%,var(--db-orange-6)),color-mix(in srgb,transparent 76%,var(--db-orange-9)));--db-orange-bg-basic-transparent-pressed:light-dark(color-mix(in srgb,transparent 68%,var(--db-orange-6)),color-mix(in srgb,transparent 68%,var(--db-orange-9)));--db-orange-bg-inverted-contrast-max-default:light-dark(var(--db-orange-1),var(--db-orange-12));--db-orange-bg-inverted-contrast-max-hovered:light-dark(var(--db-orange-5),var(--db-orange-9));--db-orange-bg-inverted-contrast-max-pressed:light-dark(var(--db-orange-2),var(--db-orange-11));--db-orange-bg-inverted-contrast-high-default:light-dark(var(--db-orange-6),var(--db-orange-9));--db-orange-bg-inverted-contrast-high-hovered:light-dark(var(--db-orange-2),var(--db-orange-12));--db-orange-bg-inverted-contrast-high-pressed:light-dark(var(--db-orange-5),var(--db-orange-10));--db-orange-bg-inverted-contrast-low-default:light-dark(var(--db-orange-7),var(--db-orange-8));--db-orange-bg-inverted-contrast-low-hovered:light-dark(var(--db-orange-3),var(--db-orange-12));--db-orange-bg-inverted-contrast-low-pressed:light-dark(var(--db-orange-6),var(--db-orange-9));--db-orange-bg-vibrant-default:light-dark(var(--db-orange-9),var(--db-orange-9));--db-orange-bg-vibrant-hovered:light-dark(var(--db-orange-12),var(--db-orange-12));--db-orange-bg-vibrant-pressed:light-dark(var(--db-orange-10),var(--db-orange-10));--db-red-origin-default:light-dark(var(--db-red-origin-light-default),var(--db-red-origin-dark-default));--db-red-origin-hovered:light-dark(var(--db-red-origin-light-hovered),var(--db-red-origin-dark-hovered));--db-red-origin-pressed:light-dark(var(--db-red-origin-light-pressed),var(--db-red-origin-dark-pressed));--db-red-on-origin-default:light-dark(var(--db-red-on-origin-light-default),var(--db-red-on-origin-dark-default));--db-red-on-bg-basic-emphasis-50-default:light-dark(var(--db-red-9),var(--db-red-5));--db-red-on-bg-basic-emphasis-60-default:light-dark(var(--db-red-10),var(--db-red-6));--db-red-on-bg-basic-emphasis-70-default:light-dark(var(--db-red-7),var(--db-red-8));--db-red-on-bg-basic-emphasis-70-hovered:light-dark(var(--db-red-4),var(--db-red-10));--db-red-on-bg-basic-emphasis-70-pressed:light-dark(var(--db-red-6),var(--db-red-9));--db-red-on-bg-basic-emphasis-80-default:light-dark(var(--db-red-6),var(--db-red-9));--db-red-on-bg-basic-emphasis-80-hovered:light-dark(var(--db-red-3),var(--db-red-12));--db-red-on-bg-basic-emphasis-80-pressed:light-dark(var(--db-red-5),var(--db-red-10));--db-red-on-bg-basic-emphasis-90-default:light-dark(var(--db-red-4),var(--db-red-10));--db-red-on-bg-basic-emphasis-90-hovered:light-dark(var(--db-red-0),var(--db-red-14));--db-red-on-bg-basic-emphasis-90-pressed:light-dark(var(--db-red-3),var(--db-red-11));--db-red-on-bg-basic-emphasis-100-default:light-dark(var(--db-red-1),var(--db-red-12));--db-red-on-bg-basic-emphasis-100-hovered:light-dark(var(--db-red-5),var(--db-red-9));--db-red-on-bg-basic-emphasis-100-pressed:light-dark(var(--db-red-2),var(--db-red-11));--db-red-on-bg-inverted-default:light-dark(var(--db-red-14),var(--db-red-3));--db-red-on-bg-inverted-hovered:light-dark(var(--db-red-11),var(--db-red-0));--db-red-on-bg-inverted-pressed:light-dark(var(--db-red-13),var(--db-red-2));--db-red-on-bg-vibrant-default:light-dark(var(--db-red-1),var(--db-red-1));--db-red-on-bg-vibrant-hovered:light-dark(var(--db-red-4),var(--db-red-4));--db-red-on-bg-vibrant-pressed:light-dark(var(--db-red-2),var(--db-red-2));--db-red-bg-basic-level-1-default:light-dark(var(--db-red-14),var(--db-red-1));--db-red-bg-basic-level-1-hovered:light-dark(var(--db-red-13),var(--db-red-3));--db-red-bg-basic-level-1-pressed:light-dark(var(--db-red-12),var(--db-red-4));--db-red-bg-basic-level-2-default:light-dark(var(--db-red-13),var(--db-red-2));--db-red-bg-basic-level-2-hovered:light-dark(var(--db-red-12),var(--db-red-4));--db-red-bg-basic-level-2-pressed:light-dark(var(--db-red-11),var(--db-red-5));--db-red-bg-basic-level-3-default:light-dark(var(--db-red-12),var(--db-red-3));--db-red-bg-basic-level-3-hovered:light-dark(var(--db-red-11),var(--db-red-1));--db-red-bg-basic-level-3-pressed:light-dark(var(--db-red-10),var(--db-red-0));--db-red-bg-basic-transparent-full-default:light-dark(color-mix(in srgb,transparent 100%,var(--db-red-6)),color-mix(in srgb,transparent 100%,var(--db-red-9)));--db-red-bg-basic-transparent-semi-default:light-dark(color-mix(in srgb,transparent 92%,var(--db-red-6)),color-mix(in srgb,transparent 84%,var(--db-red-9)));--db-red-bg-basic-transparent-hovered:light-dark(color-mix(in srgb,transparent 76%,var(--db-red-6)),color-mix(in srgb,transparent 76%,var(--db-red-9)));--db-red-bg-basic-transparent-pressed:light-dark(color-mix(in srgb,transparent 68%,var(--db-red-6)),color-mix(in srgb,transparent 68%,var(--db-red-9)));--db-red-bg-inverted-contrast-max-default:light-dark(var(--db-red-1),var(--db-red-12));--db-red-bg-inverted-contrast-max-hovered:light-dark(var(--db-red-5),var(--db-red-9));--db-red-bg-inverted-contrast-max-pressed:light-dark(var(--db-red-2),var(--db-red-11));--db-red-bg-inverted-contrast-high-default:light-dark(var(--db-red-6),var(--db-red-9));--db-red-bg-inverted-contrast-high-hovered:light-dark(var(--db-red-2),var(--db-red-12));--db-red-bg-inverted-contrast-high-pressed:light-dark(var(--db-red-5),var(--db-red-10));--db-red-bg-inverted-contrast-low-default:light-dark(var(--db-red-7),var(--db-red-8));--db-red-bg-inverted-contrast-low-hovered:light-dark(var(--db-red-3),var(--db-red-12));--db-red-bg-inverted-contrast-low-pressed:light-dark(var(--db-red-6),var(--db-red-9));--db-red-bg-vibrant-default:light-dark(var(--db-red-9),var(--db-red-9));--db-red-bg-vibrant-hovered:light-dark(var(--db-red-12),var(--db-red-12));--db-red-bg-vibrant-pressed:light-dark(var(--db-red-10),var(--db-red-10));--db-pink-origin-default:light-dark(var(--db-pink-origin-light-default),var(--db-pink-origin-dark-default));--db-pink-origin-hovered:light-dark(var(--db-pink-origin-light-hovered),var(--db-pink-origin-dark-hovered));--db-pink-origin-pressed:light-dark(var(--db-pink-origin-light-pressed),var(--db-pink-origin-dark-pressed));--db-pink-on-origin-default:light-dark(var(--db-pink-on-origin-light-default),var(--db-pink-on-origin-dark-default));--db-pink-on-bg-basic-emphasis-50-default:light-dark(var(--db-pink-9),var(--db-pink-5));--db-pink-on-bg-basic-emphasis-60-default:light-dark(var(--db-pink-10),var(--db-pink-6));--db-pink-on-bg-basic-emphasis-70-default:light-dark(var(--db-pink-7),var(--db-pink-8));--db-pink-on-bg-basic-emphasis-70-hovered:light-dark(var(--db-pink-4),var(--db-pink-10));--db-pink-on-bg-basic-emphasis-70-pressed:light-dark(var(--db-pink-6),var(--db-pink-9));--db-pink-on-bg-basic-emphasis-80-default:light-dark(var(--db-pink-6),var(--db-pink-9));--db-pink-on-bg-basic-emphasis-80-hovered:light-dark(var(--db-pink-3),var(--db-pink-12));--db-pink-on-bg-basic-emphasis-80-pressed:light-dark(var(--db-pink-5),var(--db-pink-10));--db-pink-on-bg-basic-emphasis-90-default:light-dark(var(--db-pink-4),var(--db-pink-10));--db-pink-on-bg-basic-emphasis-90-hovered:light-dark(var(--db-pink-0),var(--db-pink-14));--db-pink-on-bg-basic-emphasis-90-pressed:light-dark(var(--db-pink-3),var(--db-pink-11));--db-pink-on-bg-basic-emphasis-100-default:light-dark(var(--db-pink-1),var(--db-pink-12));--db-pink-on-bg-basic-emphasis-100-hovered:light-dark(var(--db-pink-5),var(--db-pink-9));--db-pink-on-bg-basic-emphasis-100-pressed:light-dark(var(--db-pink-2),var(--db-pink-11));--db-pink-on-bg-inverted-default:light-dark(var(--db-pink-14),var(--db-pink-3));--db-pink-on-bg-inverted-hovered:light-dark(var(--db-pink-11),var(--db-pink-0));--db-pink-on-bg-inverted-pressed:light-dark(var(--db-pink-13),var(--db-pink-2));--db-pink-on-bg-vibrant-default:light-dark(var(--db-pink-1),var(--db-pink-1));--db-pink-on-bg-vibrant-hovered:light-dark(var(--db-pink-4),var(--db-pink-4));--db-pink-on-bg-vibrant-pressed:light-dark(var(--db-pink-2),var(--db-pink-2));--db-pink-bg-basic-level-1-default:light-dark(var(--db-pink-14),var(--db-pink-1));--db-pink-bg-basic-level-1-hovered:light-dark(var(--db-pink-13),var(--db-pink-3));--db-pink-bg-basic-level-1-pressed:light-dark(var(--db-pink-12),var(--db-pink-4));--db-pink-bg-basic-level-2-default:light-dark(var(--db-pink-13),var(--db-pink-2));--db-pink-bg-basic-level-2-hovered:light-dark(var(--db-pink-12),var(--db-pink-4));--db-pink-bg-basic-level-2-pressed:light-dark(var(--db-pink-11),var(--db-pink-5));--db-pink-bg-basic-level-3-default:light-dark(var(--db-pink-12),var(--db-pink-3));--db-pink-bg-basic-level-3-hovered:light-dark(var(--db-pink-11),var(--db-pink-1));--db-pink-bg-basic-level-3-pressed:light-dark(var(--db-pink-10),var(--db-pink-0));--db-pink-bg-basic-transparent-full-default:light-dark(color-mix(in srgb,transparent 100%,var(--db-pink-6)),color-mix(in srgb,transparent 100%,var(--db-pink-9)));--db-pink-bg-basic-transparent-semi-default:light-dark(color-mix(in srgb,transparent 92%,var(--db-pink-6)),color-mix(in srgb,transparent 84%,var(--db-pink-9)));--db-pink-bg-basic-transparent-hovered:light-dark(color-mix(in srgb,transparent 76%,var(--db-pink-6)),color-mix(in srgb,transparent 76%,var(--db-pink-9)));--db-pink-bg-basic-transparent-pressed:light-dark(color-mix(in srgb,transparent 68%,var(--db-pink-6)),color-mix(in srgb,transparent 68%,var(--db-pink-9)));--db-pink-bg-inverted-contrast-max-default:light-dark(var(--db-pink-1),var(--db-pink-12));--db-pink-bg-inverted-contrast-max-hovered:light-dark(var(--db-pink-5),var(--db-pink-9));--db-pink-bg-inverted-contrast-max-pressed:light-dark(var(--db-pink-2),var(--db-pink-11));--db-pink-bg-inverted-contrast-high-default:light-dark(var(--db-pink-6),var(--db-pink-9));--db-pink-bg-inverted-contrast-high-hovered:light-dark(var(--db-pink-2),var(--db-pink-12));--db-pink-bg-inverted-contrast-high-pressed:light-dark(var(--db-pink-5),var(--db-pink-10));--db-pink-bg-inverted-contrast-low-default:light-dark(var(--db-pink-7),var(--db-pink-8));--db-pink-bg-inverted-contrast-low-hovered:light-dark(var(--db-pink-3),var(--db-pink-12));--db-pink-bg-inverted-contrast-low-pressed:light-dark(var(--db-pink-6),var(--db-pink-9));--db-pink-bg-vibrant-default:light-dark(var(--db-pink-9),var(--db-pink-9));--db-pink-bg-vibrant-hovered:light-dark(var(--db-pink-12),var(--db-pink-12));--db-pink-bg-vibrant-pressed:light-dark(var(--db-pink-10),var(--db-pink-10));--db-violet-origin-default:light-dark(var(--db-violet-origin-light-default),var(--db-violet-origin-dark-default));--db-violet-origin-hovered:light-dark(var(--db-violet-origin-light-hovered),var(--db-violet-origin-dark-hovered));--db-violet-origin-pressed:light-dark(var(--db-violet-origin-light-pressed),var(--db-violet-origin-dark-pressed));--db-violet-on-origin-default:light-dark(var(--db-violet-on-origin-light-default),var(--db-violet-on-origin-dark-default));--db-violet-on-bg-basic-emphasis-50-default:light-dark(var(--db-violet-9),var(--db-violet-5));--db-violet-on-bg-basic-emphasis-60-default:light-dark(var(--db-violet-10),var(--db-violet-6));--db-violet-on-bg-basic-emphasis-70-default:light-dark(var(--db-violet-7),var(--db-violet-8));--db-violet-on-bg-basic-emphasis-70-hovered:light-dark(var(--db-violet-4),var(--db-violet-10));--db-violet-on-bg-basic-emphasis-70-pressed:light-dark(var(--db-violet-6),var(--db-violet-9));--db-violet-on-bg-basic-emphasis-80-default:light-dark(var(--db-violet-6),var(--db-violet-9));--db-violet-on-bg-basic-emphasis-80-hovered:light-dark(var(--db-violet-3),var(--db-violet-12));--db-violet-on-bg-basic-emphasis-80-pressed:light-dark(var(--db-violet-5),var(--db-violet-10));--db-violet-on-bg-basic-emphasis-90-default:light-dark(var(--db-violet-4),var(--db-violet-10));--db-violet-on-bg-basic-emphasis-90-hovered:light-dark(var(--db-violet-0),var(--db-violet-14));--db-violet-on-bg-basic-emphasis-90-pressed:light-dark(var(--db-violet-3),var(--db-violet-11));--db-violet-on-bg-basic-emphasis-100-default:light-dark(var(--db-violet-1),var(--db-violet-12));--db-violet-on-bg-basic-emphasis-100-hovered:light-dark(var(--db-violet-5),var(--db-violet-9));--db-violet-on-bg-basic-emphasis-100-pressed:light-dark(var(--db-violet-2),var(--db-violet-11));--db-violet-on-bg-inverted-default:light-dark(var(--db-violet-14),var(--db-violet-3));--db-violet-on-bg-inverted-hovered:light-dark(var(--db-violet-11),var(--db-violet-0));--db-violet-on-bg-inverted-pressed:light-dark(var(--db-violet-13),var(--db-violet-2));--db-violet-on-bg-vibrant-default:light-dark(var(--db-violet-1),var(--db-violet-1));--db-violet-on-bg-vibrant-hovered:light-dark(var(--db-violet-4),var(--db-violet-4));--db-violet-on-bg-vibrant-pressed:light-dark(var(--db-violet-2),var(--db-violet-2));--db-violet-bg-basic-level-1-default:light-dark(var(--db-violet-14),var(--db-violet-1));--db-violet-bg-basic-level-1-hovered:light-dark(var(--db-violet-13),var(--db-violet-3));--db-violet-bg-basic-level-1-pressed:light-dark(var(--db-violet-12),var(--db-violet-4));--db-violet-bg-basic-level-2-default:light-dark(var(--db-violet-13),var(--db-violet-2));--db-violet-bg-basic-level-2-hovered:light-dark(var(--db-violet-12),var(--db-violet-4));--db-violet-bg-basic-level-2-pressed:light-dark(var(--db-violet-11),var(--db-violet-5));--db-violet-bg-basic-level-3-default:light-dark(var(--db-violet-12),var(--db-violet-3));--db-violet-bg-basic-level-3-hovered:light-dark(var(--db-violet-11),var(--db-violet-1));--db-violet-bg-basic-level-3-pressed:light-dark(var(--db-violet-10),var(--db-violet-0));--db-violet-bg-basic-transparent-full-default:light-dark(color-mix(in srgb,transparent 100%,var(--db-violet-6)),color-mix(in srgb,transparent 100%,var(--db-violet-9)));--db-violet-bg-basic-transparent-semi-default:light-dark(color-mix(in srgb,transparent 92%,var(--db-violet-6)),color-mix(in srgb,transparent 84%,var(--db-violet-9)));--db-violet-bg-basic-transparent-hovered:light-dark(color-mix(in srgb,transparent 76%,var(--db-violet-6)),color-mix(in srgb,transparent 76%,var(--db-violet-9)));--db-violet-bg-basic-transparent-pressed:light-dark(color-mix(in srgb,transparent 68%,var(--db-violet-6)),color-mix(in srgb,transparent 68%,var(--db-violet-9)));--db-violet-bg-inverted-contrast-max-default:light-dark(var(--db-violet-1),var(--db-violet-12));--db-violet-bg-inverted-contrast-max-hovered:light-dark(var(--db-violet-5),var(--db-violet-9));--db-violet-bg-inverted-contrast-max-pressed:light-dark(var(--db-violet-2),var(--db-violet-11));--db-violet-bg-inverted-contrast-high-default:light-dark(var(--db-violet-6),var(--db-violet-9));--db-violet-bg-inverted-contrast-high-hovered:light-dark(var(--db-violet-2),var(--db-violet-12));--db-violet-bg-inverted-contrast-high-pressed:light-dark(var(--db-violet-5),var(--db-violet-10));--db-violet-bg-inverted-contrast-low-default:light-dark(var(--db-violet-7),var(--db-violet-8));--db-violet-bg-inverted-contrast-low-hovered:light-dark(var(--db-violet-3),var(--db-violet-12));--db-violet-bg-inverted-contrast-low-pressed:light-dark(var(--db-violet-6),var(--db-violet-9));--db-violet-bg-vibrant-default:light-dark(var(--db-violet-9),var(--db-violet-9));--db-violet-bg-vibrant-hovered:light-dark(var(--db-violet-12),var(--db-violet-12));--db-violet-bg-vibrant-pressed:light-dark(var(--db-violet-10),var(--db-violet-10));--db-blue-origin-default:light-dark(var(--db-blue-origin-light-default),var(--db-blue-origin-dark-default));--db-blue-origin-hovered:light-dark(var(--db-blue-origin-light-hovered),var(--db-blue-origin-dark-hovered));--db-blue-origin-pressed:light-dark(var(--db-blue-origin-light-pressed),var(--db-blue-origin-dark-pressed));--db-blue-on-origin-default:light-dark(var(--db-blue-on-origin-light-default),var(--db-blue-on-origin-dark-default));--db-blue-on-bg-basic-emphasis-50-default:light-dark(var(--db-blue-9),var(--db-blue-5));--db-blue-on-bg-basic-emphasis-60-default:light-dark(var(--db-blue-10),var(--db-blue-6));--db-blue-on-bg-basic-emphasis-70-default:light-dark(var(--db-blue-7),var(--db-blue-8));--db-blue-on-bg-basic-emphasis-70-hovered:light-dark(var(--db-blue-4),var(--db-blue-10));--db-blue-on-bg-basic-emphasis-70-pressed:light-dark(var(--db-blue-6),var(--db-blue-9));--db-blue-on-bg-basic-emphasis-80-default:light-dark(var(--db-blue-6),var(--db-blue-9));--db-blue-on-bg-basic-emphasis-80-hovered:light-dark(var(--db-blue-3),var(--db-blue-12));--db-blue-on-bg-basic-emphasis-80-pressed:light-dark(var(--db-blue-5),var(--db-blue-10));--db-blue-on-bg-basic-emphasis-90-default:light-dark(var(--db-blue-4),var(--db-blue-10));--db-blue-on-bg-basic-emphasis-90-hovered:light-dark(var(--db-blue-0),var(--db-blue-14));--db-blue-on-bg-basic-emphasis-90-pressed:light-dark(var(--db-blue-3),var(--db-blue-11));--db-blue-on-bg-basic-emphasis-100-default:light-dark(var(--db-blue-1),var(--db-blue-12));--db-blue-on-bg-basic-emphasis-100-hovered:light-dark(var(--db-blue-5),var(--db-blue-9));--db-blue-on-bg-basic-emphasis-100-pressed:light-dark(var(--db-blue-2),var(--db-blue-11));--db-blue-on-bg-inverted-default:light-dark(var(--db-blue-14),var(--db-blue-3));--db-blue-on-bg-inverted-hovered:light-dark(var(--db-blue-11),var(--db-blue-0));--db-blue-on-bg-inverted-pressed:light-dark(var(--db-blue-13),var(--db-blue-2));--db-blue-on-bg-vibrant-default:light-dark(var(--db-blue-1),var(--db-blue-1));--db-blue-on-bg-vibrant-hovered:light-dark(var(--db-blue-4),var(--db-blue-4));--db-blue-on-bg-vibrant-pressed:light-dark(var(--db-blue-2),var(--db-blue-2));--db-blue-bg-basic-level-1-default:light-dark(var(--db-blue-14),var(--db-blue-1));--db-blue-bg-basic-level-1-hovered:light-dark(var(--db-blue-13),var(--db-blue-3));--db-blue-bg-basic-level-1-pressed:light-dark(var(--db-blue-12),var(--db-blue-4));--db-blue-bg-basic-level-2-default:light-dark(var(--db-blue-13),var(--db-blue-2));--db-blue-bg-basic-level-2-hovered:light-dark(var(--db-blue-12),var(--db-blue-4));--db-blue-bg-basic-level-2-pressed:light-dark(var(--db-blue-11),var(--db-blue-5));--db-blue-bg-basic-level-3-default:light-dark(var(--db-blue-12),var(--db-blue-3));--db-blue-bg-basic-level-3-hovered:light-dark(var(--db-blue-11),var(--db-blue-1));--db-blue-bg-basic-level-3-pressed:light-dark(var(--db-blue-10),var(--db-blue-0));--db-blue-bg-basic-transparent-full-default:light-dark(color-mix(in srgb,transparent 100%,var(--db-blue-6)),color-mix(in srgb,transparent 100%,var(--db-blue-9)));--db-blue-bg-basic-transparent-semi-default:light-dark(color-mix(in srgb,transparent 92%,var(--db-blue-6)),color-mix(in srgb,transparent 84%,var(--db-blue-9)));--db-blue-bg-basic-transparent-hovered:light-dark(color-mix(in srgb,transparent 76%,var(--db-blue-6)),color-mix(in srgb,transparent 76%,var(--db-blue-9)));--db-blue-bg-basic-transparent-pressed:light-dark(color-mix(in srgb,transparent 68%,var(--db-blue-6)),color-mix(in srgb,transparent 68%,var(--db-blue-9)));--db-blue-bg-inverted-contrast-max-default:light-dark(var(--db-blue-1),var(--db-blue-12));--db-blue-bg-inverted-contrast-max-hovered:light-dark(var(--db-blue-5),var(--db-blue-9));--db-blue-bg-inverted-contrast-max-pressed:light-dark(var(--db-blue-2),var(--db-blue-11));--db-blue-bg-inverted-contrast-high-default:light-dark(var(--db-blue-6),var(--db-blue-9));--db-blue-bg-inverted-contrast-high-hovered:light-dark(var(--db-blue-2),var(--db-blue-12));--db-blue-bg-inverted-contrast-high-pressed:light-dark(var(--db-blue-5),var(--db-blue-10));--db-blue-bg-inverted-contrast-low-default:light-dark(var(--db-blue-7),var(--db-blue-8));--db-blue-bg-inverted-contrast-low-hovered:light-dark(var(--db-blue-3),var(--db-blue-12));--db-blue-bg-inverted-contrast-low-pressed:light-dark(var(--db-blue-6),var(--db-blue-9));--db-blue-bg-vibrant-default:light-dark(var(--db-blue-9),var(--db-blue-9));--db-blue-bg-vibrant-hovered:light-dark(var(--db-blue-12),var(--db-blue-12));--db-blue-bg-vibrant-pressed:light-dark(var(--db-blue-10),var(--db-blue-10));--db-cyan-origin-default:light-dark(var(--db-cyan-origin-light-default),var(--db-cyan-origin-dark-default));--db-cyan-origin-hovered:light-dark(var(--db-cyan-origin-light-hovered),var(--db-cyan-origin-dark-hovered));--db-cyan-origin-pressed:light-dark(var(--db-cyan-origin-light-pressed),var(--db-cyan-origin-dark-pressed));--db-cyan-on-origin-default:light-dark(var(--db-cyan-on-origin-light-default),var(--db-cyan-on-origin-dark-default));--db-cyan-on-bg-basic-emphasis-50-default:light-dark(var(--db-cyan-9),var(--db-cyan-5));--db-cyan-on-bg-basic-emphasis-60-default:light-dark(var(--db-cyan-10),var(--db-cyan-6));--db-cyan-on-bg-basic-emphasis-70-default:light-dark(var(--db-cyan-7),var(--db-cyan-8));--db-cyan-on-bg-basic-emphasis-70-hovered:light-dark(var(--db-cyan-4),var(--db-cyan-10));--db-cyan-on-bg-basic-emphasis-70-pressed:light-dark(var(--db-cyan-6),var(--db-cyan-9));--db-cyan-on-bg-basic-emphasis-80-default:light-dark(var(--db-cyan-6),var(--db-cyan-9));--db-cyan-on-bg-basic-emphasis-80-hovered:light-dark(var(--db-cyan-3),var(--db-cyan-12));--db-cyan-on-bg-basic-emphasis-80-pressed:light-dark(var(--db-cyan-5),var(--db-cyan-10));--db-cyan-on-bg-basic-emphasis-90-default:light-dark(var(--db-cyan-4),var(--db-cyan-10));--db-cyan-on-bg-basic-emphasis-90-hovered:light-dark(var(--db-cyan-0),var(--db-cyan-14));--db-cyan-on-bg-basic-emphasis-90-pressed:light-dark(var(--db-cyan-3),var(--db-cyan-11));--db-cyan-on-bg-basic-emphasis-100-default:light-dark(var(--db-cyan-1),var(--db-cyan-12));--db-cyan-on-bg-basic-emphasis-100-hovered:light-dark(var(--db-cyan-5),var(--db-cyan-9));--db-cyan-on-bg-basic-emphasis-100-pressed:light-dark(var(--db-cyan-2),var(--db-cyan-11));--db-cyan-on-bg-inverted-default:light-dark(var(--db-cyan-14),var(--db-cyan-3));--db-cyan-on-bg-inverted-hovered:light-dark(var(--db-cyan-11),var(--db-cyan-0));--db-cyan-on-bg-inverted-pressed:light-dark(var(--db-cyan-13),var(--db-cyan-2));--db-cyan-on-bg-vibrant-default:light-dark(var(--db-cyan-1),var(--db-cyan-1));--db-cyan-on-bg-vibrant-hovered:light-dark(var(--db-cyan-4),var(--db-cyan-4));--db-cyan-on-bg-vibrant-pressed:light-dark(var(--db-cyan-2),var(--db-cyan-2));--db-cyan-bg-basic-level-1-default:light-dark(var(--db-cyan-14),var(--db-cyan-1));--db-cyan-bg-basic-level-1-hovered:light-dark(var(--db-cyan-13),var(--db-cyan-3));--db-cyan-bg-basic-level-1-pressed:light-dark(var(--db-cyan-12),var(--db-cyan-4));--db-cyan-bg-basic-level-2-default:light-dark(var(--db-cyan-13),var(--db-cyan-2));--db-cyan-bg-basic-level-2-hovered:light-dark(var(--db-cyan-12),var(--db-cyan-4));--db-cyan-bg-basic-level-2-pressed:light-dark(var(--db-cyan-11),var(--db-cyan-5));--db-cyan-bg-basic-level-3-default:light-dark(var(--db-cyan-12),var(--db-cyan-3));--db-cyan-bg-basic-level-3-hovered:light-dark(var(--db-cyan-11),var(--db-cyan-1));--db-cyan-bg-basic-level-3-pressed:light-dark(var(--db-cyan-10),var(--db-cyan-0));--db-cyan-bg-basic-transparent-full-default:light-dark(color-mix(in srgb,transparent 100%,var(--db-cyan-6)),color-mix(in srgb,transparent 100%,var(--db-cyan-9)));--db-cyan-bg-basic-transparent-semi-default:light-dark(color-mix(in srgb,transparent 92%,var(--db-cyan-6)),color-mix(in srgb,transparent 84%,var(--db-cyan-9)));--db-cyan-bg-basic-transparent-hovered:light-dark(color-mix(in srgb,transparent 76%,var(--db-cyan-6)),color-mix(in srgb,transparent 76%,var(--db-cyan-9)));--db-cyan-bg-basic-transparent-pressed:light-dark(color-mix(in srgb,transparent 68%,var(--db-cyan-6)),color-mix(in srgb,transparent 68%,var(--db-cyan-9)));--db-cyan-bg-inverted-contrast-max-default:light-dark(var(--db-cyan-1),var(--db-cyan-12));--db-cyan-bg-inverted-contrast-max-hovered:light-dark(var(--db-cyan-5),var(--db-cyan-9));--db-cyan-bg-inverted-contrast-max-pressed:light-dark(var(--db-cyan-2),var(--db-cyan-11));--db-cyan-bg-inverted-contrast-high-default:light-dark(var(--db-cyan-6),var(--db-cyan-9));--db-cyan-bg-inverted-contrast-high-hovered:light-dark(var(--db-cyan-2),var(--db-cyan-12));--db-cyan-bg-inverted-contrast-high-pressed:light-dark(var(--db-cyan-5),var(--db-cyan-10));--db-cyan-bg-inverted-contrast-low-default:light-dark(var(--db-cyan-7),var(--db-cyan-8));--db-cyan-bg-inverted-contrast-low-hovered:light-dark(var(--db-cyan-3),var(--db-cyan-12));--db-cyan-bg-inverted-contrast-low-pressed:light-dark(var(--db-cyan-6),var(--db-cyan-9));--db-cyan-bg-vibrant-default:light-dark(var(--db-cyan-9),var(--db-cyan-9));--db-cyan-bg-vibrant-hovered:light-dark(var(--db-cyan-12),var(--db-cyan-12));--db-cyan-bg-vibrant-pressed:light-dark(var(--db-cyan-10),var(--db-cyan-10));--db-turquoise-origin-default:light-dark(var(--db-turquoise-origin-light-default),var(--db-turquoise-origin-dark-default));--db-turquoise-origin-hovered:light-dark(var(--db-turquoise-origin-light-hovered),var(--db-turquoise-origin-dark-hovered));--db-turquoise-origin-pressed:light-dark(var(--db-turquoise-origin-light-pressed),var(--db-turquoise-origin-dark-pressed));--db-turquoise-on-origin-default:light-dark(var(--db-turquoise-on-origin-light-default),var(--db-turquoise-on-origin-dark-default));--db-turquoise-on-bg-basic-emphasis-50-default:light-dark(var(--db-turquoise-9),var(--db-turquoise-5));--db-turquoise-on-bg-basic-emphasis-60-default:light-dark(var(--db-turquoise-10),var(--db-turquoise-6));--db-turquoise-on-bg-basic-emphasis-70-default:light-dark(var(--db-turquoise-7),var(--db-turquoise-8));--db-turquoise-on-bg-basic-emphasis-70-hovered:light-dark(var(--db-turquoise-4),var(--db-turquoise-10));--db-turquoise-on-bg-basic-emphasis-70-pressed:light-dark(var(--db-turquoise-6),var(--db-turquoise-9));--db-turquoise-on-bg-basic-emphasis-80-default:light-dark(var(--db-turquoise-6),var(--db-turquoise-9));--db-turquoise-on-bg-basic-emphasis-80-hovered:light-dark(var(--db-turquoise-3),var(--db-turquoise-12));--db-turquoise-on-bg-basic-emphasis-80-pressed:light-dark(var(--db-turquoise-5),var(--db-turquoise-10));--db-turquoise-on-bg-basic-emphasis-90-default:light-dark(var(--db-turquoise-4),var(--db-turquoise-10));--db-turquoise-on-bg-basic-emphasis-90-hovered:light-dark(var(--db-turquoise-0),var(--db-turquoise-14));--db-turquoise-on-bg-basic-emphasis-90-pressed:light-dark(var(--db-turquoise-3),var(--db-turquoise-11));--db-turquoise-on-bg-basic-emphasis-100-default:light-dark(var(--db-turquoise-1),var(--db-turquoise-12));--db-turquoise-on-bg-basic-emphasis-100-hovered:light-dark(var(--db-turquoise-5),var(--db-turquoise-9));--db-turquoise-on-bg-basic-emphasis-100-pressed:light-dark(var(--db-turquoise-2),var(--db-turquoise-11));--db-turquoise-on-bg-inverted-default:light-dark(var(--db-turquoise-14),var(--db-turquoise-3));--db-turquoise-on-bg-inverted-hovered:light-dark(var(--db-turquoise-11),var(--db-turquoise-0));--db-turquoise-on-bg-inverted-pressed:light-dark(var(--db-turquoise-13),var(--db-turquoise-2));--db-turquoise-on-bg-vibrant-default:light-dark(var(--db-turquoise-1),var(--db-turquoise-1));--db-turquoise-on-bg-vibrant-hovered:light-dark(var(--db-turquoise-4),var(--db-turquoise-4));--db-turquoise-on-bg-vibrant-pressed:light-dark(var(--db-turquoise-2),var(--db-turquoise-2));--db-turquoise-bg-basic-level-1-default:light-dark(var(--db-turquoise-14),var(--db-turquoise-1));--db-turquoise-bg-basic-level-1-hovered:light-dark(var(--db-turquoise-13),var(--db-turquoise-3));--db-turquoise-bg-basic-level-1-pressed:light-dark(var(--db-turquoise-12),var(--db-turquoise-4));--db-turquoise-bg-basic-level-2-default:light-dark(var(--db-turquoise-13),var(--db-turquoise-2));--db-turquoise-bg-basic-level-2-hovered:light-dark(var(--db-turquoise-12),var(--db-turquoise-4));--db-turquoise-bg-basic-level-2-pressed:light-dark(var(--db-turquoise-11),var(--db-turquoise-5));--db-turquoise-bg-basic-level-3-default:light-dark(var(--db-turquoise-12),var(--db-turquoise-3));--db-turquoise-bg-basic-level-3-hovered:light-dark(var(--db-turquoise-11),var(--db-turquoise-1));--db-turquoise-bg-basic-level-3-pressed:light-dark(var(--db-turquoise-10),var(--db-turquoise-0));--db-turquoise-bg-basic-transparent-full-default:light-dark(color-mix(in srgb,transparent 100%,var(--db-turquoise-6)),color-mix(in srgb,transparent 100%,var(--db-turquoise-9)));--db-turquoise-bg-basic-transparent-semi-default:light-dark(color-mix(in srgb,transparent 92%,var(--db-turquoise-6)),color-mix(in srgb,transparent 84%,var(--db-turquoise-9)));--db-turquoise-bg-basic-transparent-hovered:light-dark(color-mix(in srgb,transparent 76%,var(--db-turquoise-6)),color-mix(in srgb,transparent 76%,var(--db-turquoise-9)));--db-turquoise-bg-basic-transparent-pressed:light-dark(color-mix(in srgb,transparent 68%,var(--db-turquoise-6)),color-mix(in srgb,transparent 68%,var(--db-turquoise-9)));--db-turquoise-bg-inverted-contrast-max-default:light-dark(var(--db-turquoise-1),var(--db-turquoise-12));--db-turquoise-bg-inverted-contrast-max-hovered:light-dark(var(--db-turquoise-5),var(--db-turquoise-9));--db-turquoise-bg-inverted-contrast-max-pressed:light-dark(var(--db-turquoise-2),var(--db-turquoise-11));--db-turquoise-bg-inverted-contrast-high-default:light-dark(var(--db-turquoise-6),var(--db-turquoise-9));--db-turquoise-bg-inverted-contrast-high-hovered:light-dark(var(--db-turquoise-2),var(--db-turquoise-12));--db-turquoise-bg-inverted-contrast-high-pressed:light-dark(var(--db-turquoise-5),var(--db-turquoise-10));--db-turquoise-bg-inverted-contrast-low-default:light-dark(var(--db-turquoise-7),var(--db-turquoise-8));--db-turquoise-bg-inverted-contrast-low-hovered:light-dark(var(--db-turquoise-3),var(--db-turquoise-12));--db-turquoise-bg-inverted-contrast-low-pressed:light-dark(var(--db-turquoise-6),var(--db-turquoise-9));--db-turquoise-bg-vibrant-default:light-dark(var(--db-turquoise-9),var(--db-turquoise-9));--db-turquoise-bg-vibrant-hovered:light-dark(var(--db-turquoise-12),var(--db-turquoise-12));--db-turquoise-bg-vibrant-pressed:light-dark(var(--db-turquoise-10),var(--db-turquoise-10));--db-green-origin-default:light-dark(var(--db-green-origin-light-default),var(--db-green-origin-dark-default));--db-green-origin-hovered:light-dark(var(--db-green-origin-light-hovered),var(--db-green-origin-dark-hovered));--db-green-origin-pressed:light-dark(var(--db-green-origin-light-pressed),var(--db-green-origin-dark-pressed));--db-green-on-origin-default:light-dark(var(--db-green-on-origin-light-default),var(--db-green-on-origin-dark-default));--db-green-on-bg-basic-emphasis-50-default:light-dark(var(--db-green-9),var(--db-green-5));--db-green-on-bg-basic-emphasis-60-default:light-dark(var(--db-green-10),var(--db-green-6));--db-green-on-bg-basic-emphasis-70-default:light-dark(var(--db-green-7),var(--db-green-8));--db-green-on-bg-basic-emphasis-70-hovered:light-dark(var(--db-green-4),var(--db-green-10));--db-green-on-bg-basic-emphasis-70-pressed:light-dark(var(--db-green-6),var(--db-green-9));--db-green-on-bg-basic-emphasis-80-default:light-dark(var(--db-green-6),var(--db-green-9));--db-green-on-bg-basic-emphasis-80-hovered:light-dark(var(--db-green-3),var(--db-green-12));--db-green-on-bg-basic-emphasis-80-pressed:light-dark(var(--db-green-5),var(--db-green-10));--db-green-on-bg-basic-emphasis-90-default:light-dark(var(--db-green-4),var(--db-green-10));--db-green-on-bg-basic-emphasis-90-hovered:light-dark(var(--db-green-0),var(--db-green-14));--db-green-on-bg-basic-emphasis-90-pressed:light-dark(var(--db-green-3),var(--db-green-11));--db-green-on-bg-basic-emphasis-100-default:light-dark(var(--db-green-1),var(--db-green-12));--db-green-on-bg-basic-emphasis-100-hovered:light-dark(var(--db-green-5),var(--db-green-9));--db-green-on-bg-basic-emphasis-100-pressed:light-dark(var(--db-green-2),var(--db-green-11));--db-green-on-bg-inverted-default:light-dark(var(--db-green-14),var(--db-green-3));--db-green-on-bg-inverted-hovered:light-dark(var(--db-green-11),var(--db-green-0));--db-green-on-bg-inverted-pressed:light-dark(var(--db-green-13),var(--db-green-2));--db-green-on-bg-vibrant-default:light-dark(var(--db-green-1),var(--db-green-1));--db-green-on-bg-vibrant-hovered:light-dark(var(--db-green-4),var(--db-green-4));--db-green-on-bg-vibrant-pressed:light-dark(var(--db-green-2),var(--db-green-2));--db-green-bg-basic-level-1-default:light-dark(var(--db-green-14),var(--db-green-1));--db-green-bg-basic-level-1-hovered:light-dark(var(--db-green-13),var(--db-green-3));--db-green-bg-basic-level-1-pressed:light-dark(var(--db-green-12),var(--db-green-4));--db-green-bg-basic-level-2-default:light-dark(var(--db-green-13),var(--db-green-2));--db-green-bg-basic-level-2-hovered:light-dark(var(--db-green-12),var(--db-green-4));--db-green-bg-basic-level-2-pressed:light-dark(var(--db-green-11),var(--db-green-5));--db-green-bg-basic-level-3-default:light-dark(var(--db-green-12),var(--db-green-3));--db-green-bg-basic-level-3-hovered:light-dark(var(--db-green-11),var(--db-green-1));--db-green-bg-basic-level-3-pressed:light-dark(var(--db-green-10),var(--db-green-0));--db-green-bg-basic-transparent-full-default:light-dark(color-mix(in srgb,transparent 100%,var(--db-green-6)),color-mix(in srgb,transparent 100%,var(--db-green-9)));--db-green-bg-basic-transparent-semi-default:light-dark(color-mix(in srgb,transparent 92%,var(--db-green-6)),color-mix(in srgb,transparent 84%,var(--db-green-9)));--db-green-bg-basic-transparent-hovered:light-dark(color-mix(in srgb,transparent 76%,var(--db-green-6)),color-mix(in srgb,transparent 76%,var(--db-green-9)));--db-green-bg-basic-transparent-pressed:light-dark(color-mix(in srgb,transparent 68%,var(--db-green-6)),color-mix(in srgb,transparent 68%,var(--db-green-9)));--db-green-bg-inverted-contrast-max-default:light-dark(var(--db-green-1),var(--db-green-12));--db-green-bg-inverted-contrast-max-hovered:light-dark(var(--db-green-5),var(--db-green-9));--db-green-bg-inverted-contrast-max-pressed:light-dark(var(--db-green-2),var(--db-green-11));--db-green-bg-inverted-contrast-high-default:light-dark(var(--db-green-6),var(--db-green-9));--db-green-bg-inverted-contrast-high-hovered:light-dark(var(--db-green-2),var(--db-green-12));--db-green-bg-inverted-contrast-high-pressed:light-dark(var(--db-green-5),var(--db-green-10));--db-green-bg-inverted-contrast-low-default:light-dark(var(--db-green-7),var(--db-green-8));--db-green-bg-inverted-contrast-low-hovered:light-dark(var(--db-green-3),var(--db-green-12));--db-green-bg-inverted-contrast-low-pressed:light-dark(var(--db-green-6),var(--db-green-9));--db-green-bg-vibrant-default:light-dark(var(--db-green-9),var(--db-green-9));--db-green-bg-vibrant-hovered:light-dark(var(--db-green-12),var(--db-green-12));--db-green-bg-vibrant-pressed:light-dark(var(--db-green-10),var(--db-green-10))}}:where(html){line-height:1.15;-webkit-text-size-adjust:100%;text-size-adjust:100%}:where(h1){font-size:2em;margin-block-end:.67em;margin-block-start:.67em}:where(dl,ol,ul) :where(dl,ol,ul){margin-block-end:0;margin-block-start:0}:where(hr){box-sizing:content-box;color:inherit;height:0}:where(abbr[title]){text-decoration:underline;text-decoration:underline dotted}:where(b,strong){font-weight:bolder}:where(code,kbd,pre,samp){font-family:monospace,monospace;font-size:1em}:where(small){font-size:80%}:where(table){border-color:currentColor;text-indent:0}: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:baseline}:where(select){text-transform:none}:where(textarea){margin:0}:where(input[type=search i]){-webkit-appearance:textfield;outline-offset:-2px}::-webkit-inner-spin-button,::-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){background-color:#fff;border:solid;color:#000;height:-moz-fit-content;height:fit-content;left:0;margin:auto;padding:1em;position:absolute;right:0;width:-moz-fit-content;width:fit-content}:where(dialog:not([open])){display:none}:where(summary){display:list-item}@property --db-breakpoint-xs{syntax:"*";inherits:true;initial-value:22.5em}@property --db-breakpoint-sm{syntax:"*";inherits:true;initial-value:45em}@property --db-breakpoint-md{syntax:"*";inherits:true;initial-value:64em}@property --db-breakpoint-xl{syntax:"*";inherits:true;initial-value:120em}@layer variables{:is(:root,:host){--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){:is(:root,:host){--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=")}}}html:not(:has(>head>meta[name=color-scheme])){color-scheme:light dark}[data-mode=light]{color-scheme:light}[data-mode=dark]{color-scheme:dark}body,html{margin:0;padding:0}#app,#root,body{block-size:inherit}body{font-family:var(--db-font-family-sans)}html{box-sizing:var(--db-box-sizing,border-box)}*{-webkit-font-smoothing:antialiased;font-synthesis:none;text-rendering:optimizelegibility}*,:after,:before{box-sizing:inherit}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){list-style-type:"• ";padding-inline-start:var(--db-spacing-fixed-md)}:where(ul) li::marker{color:var(--db-brand-origin-default)}[role=navigation] ol,[role=navigation] ul,nav ol,nav ul{list-style-type:"";margin:0;padding:0}fieldset{border:0}details>*,details>:after,details>:before{box-sizing:var(--db-box-sizing,border-box)}
package/build/styles/helpers/_focus.scss CHANGED
@@ -6,7 +6,7 @@
6
6
  outline: #{variables.$db-border-width-2xs} solid
7
7
  var(
8
8
  --db-focus-outline-color,
9
- #{colors.$db-informational-on-bg-basic-emphasis-80-default}
9
+ #{colors.$db-informational-on-bg-basic-emphasis-70-default}
10
10
  );
11
11
  outline-offset: variables.$db-border-width-xs;
12
12
  box-shadow: 0 0 0 #{variables.$db-border-width-xs}
package/build/styles/helpers/_functions.scss CHANGED
@@ -10,8 +10,10 @@
10
10
  @return #{$pxValue * 0.0625}em;
11
11
  }
12
12
 
13
+ $cursor-pointer: var(--db-overwrite-cursor, pointer);
14
+
13
15
  @mixin cursor-pointer() {
14
- cursor: var(--db-overwrite-cursor, pointer);
16
+ cursor: $cursor-pointer;
15
17
  @content;
16
18
 
17
19
  &:is(textarea),
package/build/styles/helpers/classes/all.css CHANGED
@@ -38,7 +38,7 @@ paddings/gaps in an application e.g. the <main> should have a responsive padding
38
38
 
39
39
  .db-focus-default:not([data-disable-focus=true]),
40
40
  [data-focus=default]:not([data-disable-focus=true]) {
41
- outline: var(--db-border-width-2xs) solid var(--db-focus-outline-color, var(--db-informational-on-bg-basic-emphasis-80-default));
41
+ outline: var(--db-border-width-2xs) solid var(--db-focus-outline-color, var(--db-informational-on-bg-basic-emphasis-70-default));
42
42
  outline-offset: var(--db-border-width-xs);
43
43
  box-shadow: 0 0 0 var(--db-border-width-xs) var(--db-focus-box-shadow-bg-color, transparent);
44
44
  }
package/build/styles/helpers/classes/focus.css CHANGED
@@ -38,7 +38,7 @@ paddings/gaps in an application e.g. the <main> should have a responsive padding
38
38
 
39
39
  .db-focus-default:not([data-disable-focus=true]),
40
40
  [data-focus=default]:not([data-disable-focus=true]) {
41
- outline: var(--db-border-width-2xs) solid var(--db-focus-outline-color, var(--db-informational-on-bg-basic-emphasis-80-default));
41
+ outline: var(--db-border-width-2xs) solid var(--db-focus-outline-color, var(--db-informational-on-bg-basic-emphasis-70-default));
42
42
  outline-offset: var(--db-border-width-xs);
43
43
  box-shadow: 0 0 0 var(--db-border-width-xs) var(--db-focus-box-shadow-bg-color, transparent);
44
44
  }
package/build/styles/index.css CHANGED
@@ -209,7 +209,7 @@ textarea,
209
209
  summary,
210
210
  select,
211
211
  [tabindex]:not([tabindex="-1"])):focus-visible {
212
- outline: var(--db-border-width-2xs) solid var(--db-focus-outline-color, var(--db-informational-on-bg-basic-emphasis-80-default));
212
+ outline: var(--db-border-width-2xs) solid var(--db-focus-outline-color, var(--db-informational-on-bg-basic-emphasis-70-default));
213
213
  outline-offset: var(--db-border-width-xs);
214
214
  box-shadow: 0 0 0 var(--db-border-width-xs) var(--db-focus-box-shadow-bg-color, transparent);
215
215
  }
package/build/styles/relative.css CHANGED
@@ -249,7 +249,7 @@ textarea,
249
249
  summary,
250
250
  select,
251
251
  [tabindex]:not([tabindex="-1"])):focus-visible {
252
- outline: var(--db-border-width-2xs) solid var(--db-focus-outline-color, var(--db-informational-on-bg-basic-emphasis-80-default));
252
+ outline: var(--db-border-width-2xs) solid var(--db-focus-outline-color, var(--db-informational-on-bg-basic-emphasis-70-default));
253
253
  outline-offset: var(--db-border-width-xs);
254
254
  box-shadow: 0 0 0 var(--db-border-width-xs) var(--db-focus-box-shadow-bg-color, transparent);
255
255
  }
package/build/styles/rollup.css CHANGED
@@ -249,7 +249,7 @@ textarea,
249
249
  summary,
250
250
  select,
251
251
  [tabindex]:not([tabindex="-1"])):focus-visible {
252
- outline: var(--db-border-width-2xs) solid var(--db-focus-outline-color, var(--db-informational-on-bg-basic-emphasis-80-default));
252
+ outline: var(--db-border-width-2xs) solid var(--db-focus-outline-color, var(--db-informational-on-bg-basic-emphasis-70-default));
253
253
  outline-offset: var(--db-border-width-xs);
254
254
  box-shadow: 0 0 0 var(--db-border-width-xs) var(--db-focus-box-shadow-bg-color, transparent);
255
255
  }
package/build/styles/webpack.css CHANGED
@@ -249,7 +249,7 @@ textarea,
249
249
  summary,
250
250
  select,
251
251
  [tabindex]:not([tabindex="-1"])):focus-visible {
252
- outline: var(--db-border-width-2xs) solid var(--db-focus-outline-color, var(--db-informational-on-bg-basic-emphasis-80-default));
252
+ outline: var(--db-border-width-2xs) solid var(--db-focus-outline-color, var(--db-informational-on-bg-basic-emphasis-70-default));
253
253
  outline-offset: var(--db-border-width-xs);
254
254
  box-shadow: 0 0 0 var(--db-border-width-xs) var(--db-focus-box-shadow-bg-color, transparent);
255
255
  }
package/build/tailwind/tailwind-tokens.json CHANGED
@@ -100,7 +100,7 @@
100
100
  "sans": "var(--db-font-family-sans)",
101
101
  "head": "var(--db-font-family-head)"
102
102
  },
103
- "fontSize": {
103
+ "font": {
104
104
  "base": "var(--db-type-body-md)",
105
105
  "body-3xs": "var(--db-type-body-3xs)",
106
106
  "body-2xs": "var(--db-type-body-2xs)",
package/build/tailwind/theme/_variables.scss ADDED
@@ -0,0 +1,63 @@
1
+ @mixin get_variables() {
2
+ --spacing-fix-3xs: var(--db-spacing-fixed-3xs);
3
+ --spacing-fix-2xs: var(--db-spacing-fixed-2xs);
4
+ --spacing-fix-xs: var(--db-spacing-fixed-xs);
5
+ --spacing-fix-sm: var(--db-spacing-fixed-sm);
6
+ --spacing-fix-md: var(--db-spacing-fixed-md);
7
+ --spacing-fix-lg: var(--db-spacing-fixed-lg);
8
+ --spacing-fix-xl: var(--db-spacing-fixed-xl);
9
+ --spacing-fix-2xl: var(--db-spacing-fixed-2xl);
10
+ --spacing-fix-3xl: var(--db-spacing-fixed-3xl);
11
+ --spacing-res-3xs: var(--db-spacing-responsive-3xs);
12
+ --spacing-res-2xs: var(--db-spacing-responsive-2xs);
13
+ --spacing-res-xs: var(--db-spacing-responsive-xs);
14
+ --spacing-res-sm: var(--db-spacing-responsive-sm);
15
+ --spacing-res-md: var(--db-spacing-responsive-md);
16
+ --spacing-res-lg: var(--db-spacing-responsive-lg);
17
+ --spacing-res-xl: var(--db-spacing-responsive-xl);
18
+ --spacing-res-2xl: var(--db-spacing-responsive-2xl);
19
+ --spacing-res-3xl: var(--db-spacing-responsive-3xl);
20
+ --spacing-siz-3xs: var(--db-sizing-3xs);
21
+ --spacing-siz-2xs: var(--db-sizing-2xs);
22
+ --spacing-siz-xs: var(--db-sizing-xs);
23
+ --spacing-siz-sm: var(--db-sizing-sm);
24
+ --spacing-siz-md: var(--db-sizing-md);
25
+ --spacing-siz-lg: var(--db-sizing-lg);
26
+ --spacing-siz-xl: var(--db-sizing-xl);
27
+ --spacing-siz-2xl: var(--db-sizing-2xl);
28
+ --spacing-siz-3xl: var(--db-sizing-3xl);
29
+ --gap-3xs: var(--db-spacing-fixed-3xs);
30
+ --gap-2xs: var(--db-spacing-fixed-2xs);
31
+ --gap-xs: var(--db-spacing-fixed-xs);
32
+ --gap-sm: var(--db-spacing-fixed-sm);
33
+ --gap-md: var(--db-spacing-fixed-md);
34
+ --gap-lg: var(--db-spacing-fixed-lg);
35
+ --gap-xl: var(--db-spacing-fixed-xl);
36
+ --gap-2xl: var(--db-spacing-fixed-2xl);
37
+ --gap-3xl: var(--db-spacing-fixed-3xl);
38
+ --border: var(--db-border-width-3xs);
39
+ --border-3xs: var(--db-border-width-3xs);
40
+ --border-2xs: var(--db-border-width-2xs);
41
+ --border-xs: var(--db-border-width-xs);
42
+ --border-sm: var(--db-border-width-sm);
43
+ --border-md: var(--db-border-width-md);
44
+ --border-lg: var(--db-border-width-lg);
45
+ --border-xl: var(--db-border-width-xl);
46
+ --border-2xl: var(--db-border-width-2xl);
47
+ --border-3xl: var(--db-border-width-3xl);
48
+ --radius: var(--db-border-radius-xs);
49
+ --radius-3xs: var(--db-border-radius-3xs);
50
+ --radius-2xs: var(--db-border-radius-2xs);
51
+ --radius-xs: var(--db-border-radius-xs);
52
+ --radius-sm: var(--db-border-radius-sm);
53
+ --radius-md: var(--db-border-radius-md);
54
+ --radius-lg: var(--db-border-radius-lg);
55
+ --radius-xl: var(--db-border-radius-xl);
56
+ --radius-2xl: var(--db-border-radius-2xl);
57
+ --radius-3xl: var(--db-border-radius-3xl);
58
+ --radius-full: var(--db-border-radius-full);
59
+ --shadow: var(--db-elevation-md);
60
+ --shadow-sm: var(--db-elevation-sm);
61
+ --shadow-md: var(--db-elevation-md);
62
+ --shadow-lg: var(--db-elevation-lg);
63
+ }
package/build/tailwind/theme/dimensions.css ADDED
@@ -0,0 +1,133 @@
1
+ @theme {
2
+ --spacing-fix-3xs: var(--db-spacing-fixed-3xs);
3
+ --spacing-fix-2xs: var(--db-spacing-fixed-2xs);
4
+ --spacing-fix-xs: var(--db-spacing-fixed-xs);
5
+ --spacing-fix-sm: var(--db-spacing-fixed-sm);
6
+ --spacing-fix-md: var(--db-spacing-fixed-md);
7
+ --spacing-fix-lg: var(--db-spacing-fixed-lg);
8
+ --spacing-fix-xl: var(--db-spacing-fixed-xl);
9
+ --spacing-fix-2xl: var(--db-spacing-fixed-2xl);
10
+ --spacing-fix-3xl: var(--db-spacing-fixed-3xl);
11
+ --spacing-res-3xs: var(--db-spacing-responsive-3xs);
12
+ --spacing-res-2xs: var(--db-spacing-responsive-2xs);
13
+ --spacing-res-xs: var(--db-spacing-responsive-xs);
14
+ --spacing-res-sm: var(--db-spacing-responsive-sm);
15
+ --spacing-res-md: var(--db-spacing-responsive-md);
16
+ --spacing-res-lg: var(--db-spacing-responsive-lg);
17
+ --spacing-res-xl: var(--db-spacing-responsive-xl);
18
+ --spacing-res-2xl: var(--db-spacing-responsive-2xl);
19
+ --spacing-res-3xl: var(--db-spacing-responsive-3xl);
20
+ --spacing-siz-3xs: var(--db-sizing-3xs);
21
+ --spacing-siz-2xs: var(--db-sizing-2xs);
22
+ --spacing-siz-xs: var(--db-sizing-xs);
23
+ --spacing-siz-sm: var(--db-sizing-sm);
24
+ --spacing-siz-md: var(--db-sizing-md);
25
+ --spacing-siz-lg: var(--db-sizing-lg);
26
+ --spacing-siz-xl: var(--db-sizing-xl);
27
+ --spacing-siz-2xl: var(--db-sizing-2xl);
28
+ --spacing-siz-3xl: var(--db-sizing-3xl);
29
+ --gap-3xs: var(--db-spacing-fixed-3xs);
30
+ --gap-2xs: var(--db-spacing-fixed-2xs);
31
+ --gap-xs: var(--db-spacing-fixed-xs);
32
+ --gap-sm: var(--db-spacing-fixed-sm);
33
+ --gap-md: var(--db-spacing-fixed-md);
34
+ --gap-lg: var(--db-spacing-fixed-lg);
35
+ --gap-xl: var(--db-spacing-fixed-xl);
36
+ --gap-2xl: var(--db-spacing-fixed-2xl);
37
+ --gap-3xl: var(--db-spacing-fixed-3xl);
38
+ --border: var(--db-border-width-3xs);
39
+ --border-3xs: var(--db-border-width-3xs);
40
+ --border-2xs: var(--db-border-width-2xs);
41
+ --border-xs: var(--db-border-width-xs);
42
+ --border-sm: var(--db-border-width-sm);
43
+ --border-md: var(--db-border-width-md);
44
+ --border-lg: var(--db-border-width-lg);
45
+ --border-xl: var(--db-border-width-xl);
46
+ --border-2xl: var(--db-border-width-2xl);
47
+ --border-3xl: var(--db-border-width-3xl);
48
+ --radius: var(--db-border-radius-xs);
49
+ --radius-3xs: var(--db-border-radius-3xs);
50
+ --radius-2xs: var(--db-border-radius-2xs);
51
+ --radius-xs: var(--db-border-radius-xs);
52
+ --radius-sm: var(--db-border-radius-sm);
53
+ --radius-md: var(--db-border-radius-md);
54
+ --radius-lg: var(--db-border-radius-lg);
55
+ --radius-xl: var(--db-border-radius-xl);
56
+ --radius-2xl: var(--db-border-radius-2xl);
57
+ --radius-3xl: var(--db-border-radius-3xl);
58
+ --radius-full: var(--db-border-radius-full);
59
+ --shadow: var(--db-elevation-md);
60
+ --shadow-sm: var(--db-elevation-sm);
61
+ --shadow-md: var(--db-elevation-md);
62
+ --shadow-lg: var(--db-elevation-lg);
63
+ }
64
+ @layer densities {
65
+ .db-density-expressive,
66
+ [data-density=expressive],
67
+ .db-density-regular,
68
+ [data-density=regular],
69
+ .db-density-functional,
70
+ [data-density=functional] {
71
+ --spacing-fix-3xs: var(--db-spacing-fixed-3xs);
72
+ --spacing-fix-2xs: var(--db-spacing-fixed-2xs);
73
+ --spacing-fix-xs: var(--db-spacing-fixed-xs);
74
+ --spacing-fix-sm: var(--db-spacing-fixed-sm);
75
+ --spacing-fix-md: var(--db-spacing-fixed-md);
76
+ --spacing-fix-lg: var(--db-spacing-fixed-lg);
77
+ --spacing-fix-xl: var(--db-spacing-fixed-xl);
78
+ --spacing-fix-2xl: var(--db-spacing-fixed-2xl);
79
+ --spacing-fix-3xl: var(--db-spacing-fixed-3xl);
80
+ --spacing-res-3xs: var(--db-spacing-responsive-3xs);
81
+ --spacing-res-2xs: var(--db-spacing-responsive-2xs);
82
+ --spacing-res-xs: var(--db-spacing-responsive-xs);
83
+ --spacing-res-sm: var(--db-spacing-responsive-sm);
84
+ --spacing-res-md: var(--db-spacing-responsive-md);
85
+ --spacing-res-lg: var(--db-spacing-responsive-lg);
86
+ --spacing-res-xl: var(--db-spacing-responsive-xl);
87
+ --spacing-res-2xl: var(--db-spacing-responsive-2xl);
88
+ --spacing-res-3xl: var(--db-spacing-responsive-3xl);
89
+ --spacing-siz-3xs: var(--db-sizing-3xs);
90
+ --spacing-siz-2xs: var(--db-sizing-2xs);
91
+ --spacing-siz-xs: var(--db-sizing-xs);
92
+ --spacing-siz-sm: var(--db-sizing-sm);
93
+ --spacing-siz-md: var(--db-sizing-md);
94
+ --spacing-siz-lg: var(--db-sizing-lg);
95
+ --spacing-siz-xl: var(--db-sizing-xl);
96
+ --spacing-siz-2xl: var(--db-sizing-2xl);
97
+ --spacing-siz-3xl: var(--db-sizing-3xl);
98
+ --gap-3xs: var(--db-spacing-fixed-3xs);
99
+ --gap-2xs: var(--db-spacing-fixed-2xs);
100
+ --gap-xs: var(--db-spacing-fixed-xs);
101
+ --gap-sm: var(--db-spacing-fixed-sm);
102
+ --gap-md: var(--db-spacing-fixed-md);
103
+ --gap-lg: var(--db-spacing-fixed-lg);
104
+ --gap-xl: var(--db-spacing-fixed-xl);
105
+ --gap-2xl: var(--db-spacing-fixed-2xl);
106
+ --gap-3xl: var(--db-spacing-fixed-3xl);
107
+ --border: var(--db-border-width-3xs);
108
+ --border-3xs: var(--db-border-width-3xs);
109
+ --border-2xs: var(--db-border-width-2xs);
110
+ --border-xs: var(--db-border-width-xs);
111
+ --border-sm: var(--db-border-width-sm);
112
+ --border-md: var(--db-border-width-md);
113
+ --border-lg: var(--db-border-width-lg);
114
+ --border-xl: var(--db-border-width-xl);
115
+ --border-2xl: var(--db-border-width-2xl);
116
+ --border-3xl: var(--db-border-width-3xl);
117
+ --radius: var(--db-border-radius-xs);
118
+ --radius-3xs: var(--db-border-radius-3xs);
119
+ --radius-2xs: var(--db-border-radius-2xs);
120
+ --radius-xs: var(--db-border-radius-xs);
121
+ --radius-sm: var(--db-border-radius-sm);
122
+ --radius-md: var(--db-border-radius-md);
123
+ --radius-lg: var(--db-border-radius-lg);
124
+ --radius-xl: var(--db-border-radius-xl);
125
+ --radius-2xl: var(--db-border-radius-2xl);
126
+ --radius-3xl: var(--db-border-radius-3xl);
127
+ --radius-full: var(--db-border-radius-full);
128
+ --shadow: var(--db-elevation-md);
129
+ --shadow-sm: var(--db-elevation-sm);
130
+ --shadow-md: var(--db-elevation-md);
131
+ --shadow-lg: var(--db-elevation-lg);
132
+ }
133
+ }
package/build/tailwind/theme/dimensions.scss ADDED
@@ -0,0 +1,17 @@
1
+ @use "variables";
2
+
3
+ // stylelint-disable-next-line scss/at-rule-no-unknown
4
+ @theme {
5
+ @include variables.get_variables();
6
+ }
7
+
8
+ @layer densities {
9
+ .db-density-expressive,
10
+ [data-density="expressive"],
11
+ .db-density-regular,
12
+ [data-density="regular"],
13
+ .db-density-functional,
14
+ [data-density="functional"] {
15
+ @include variables.get_variables();
16
+ }
17
+ }
package/build/tailwind/theme/index.css CHANGED
@@ -1,157 +1,108 @@
1
- /* stylelint-disable custom-property-pattern, custom-property-empty-line-before */
1
+ /* stylelint-disable custom-property-pattern, custom-property-empty-line-before, scss/at-rule-no-unknown */
2
2
 
3
3
  /* The prefix for variables are predefined by Tailwind, stylelint would throw an error */
4
- /* stylelint-disable-next-line import-notation */
5
- @import "./colors.css";
6
-
7
- /* stylelint-disable-next-line scss/at-rule-no-unknown */
8
- @theme {
9
- --font-*: initial; /* Font family utilities like font-sans */
10
- --font-sans: var(--db-font-family-sans);
11
- --font-head: var(--db-font-family-head);
12
-
13
- --text-*: initial; /* Font size utilities like text-body-xl */
14
- --text-base: var(--db-type-body-md);
15
- --text-body-3xs: var(--db-type-body-3xs);
16
- --text-body-2xs: var(--db-type-body-2xs);
17
- --text-body-xs: var(--db-type-body-xs);
18
- --text-body-sm: var(--db-type-body-sm);
19
- --text-body-md: var(--db-type-body-md);
20
- --text-body-lg: var(--db-type-body-lg);
21
- --text-body-xl: var(--db-type-body-xl);
22
- --text-body-2xl: var(--db-type-body-2xl);
23
- --text-body-3xl: var(--db-type-body-3xl);
24
- --text-head-3xs: var(--db-type-headline-3xs);
25
- --text-head-2xs: var(--db-type-headline-2xs);
26
- --text-head-xs: var(--db-type-headline-xs);
27
- --text-head-sm: var(--db-type-headline-sm);
28
- --text-head-md: var(--db-type-headline-md);
29
- --text-head-lg: var(--db-type-headline-lg);
30
- --text-head-xl: var(--db-type-headline-xl);
31
- --text-head-2xl: var(--db-type-headline-2xl);
32
- --text-head-3xl: var(--db-type-headline-3xl);
33
-
34
- --breakpoint-*: initial; /* Responsive breakpoint variants like sm:* */
35
- --breakpoint-xs: 360px;
36
- --breakpoint-sm: 720px;
37
- --breakpoint-md: 1024px;
38
- --breakpoint-lg: 1440px;
39
- --breakpoint-xl: 1920px;
40
-
41
- --spacing-*: initial; /* Spacing and sizing utilities like px-fix-md, max-h-siz-xl, and many more */
42
- --spacing-none: 0;
43
- --spacing-0: 0;
44
- --spacing-fix-3xs: var(--db-spacing-fixed-3xs);
45
- --spacing-fix-2xs: var(--db-spacing-fixed-2xs);
46
- --spacing-fix-xs: var(--db-spacing-fixed-xs);
47
- --spacing-fix-sm: var(--db-spacing-fixed-sm);
48
- --spacing-fix-md: var(--db-spacing-fixed-md);
49
- --spacing-fix-lg: var(--db-spacing-fixed-lg);
50
- --spacing-fix-xl: var(--db-spacing-fixed-xl);
51
- --spacing-fix-2xl: var(--db-spacing-fixed-2xl);
52
- --spacing-fix-3xl: var(--db-spacing-fixed-3xl);
53
- --spacing-res-3xs: var(--db-spacing-responsive-3xs);
54
- --spacing-res-2xs: var(--db-spacing-responsive-2xs);
55
- --spacing-res-xs: var(--db-spacing-responsive-xs);
56
- --spacing-res-sm: var(--db-spacing-responsive-sm);
57
- --spacing-res-md: var(--db-spacing-responsive-md);
58
- --spacing-res-lg: var(--db-spacing-responsive-lg);
59
- --spacing-res-xl: var(--db-spacing-responsive-xl);
60
- --spacing-res-2xl: var(--db-spacing-responsive-2xl);
61
- --spacing-res-3xl: var(--db-spacing-responsive-3xl);
62
- --spacing-siz-3xs: var(--db-sizing-3xs);
63
- --spacing-siz-2xs: var(--db-sizing-2xs);
64
- --spacing-siz-xs: var(--db-sizing-xs);
65
- --spacing-siz-sm: var(--db-sizing-sm);
66
- --spacing-siz-md: var(--db-sizing-md);
67
- --spacing-siz-lg: var(--db-sizing-lg);
68
- --spacing-siz-xl: var(--db-sizing-xl);
69
- --spacing-siz-2xl: var(--db-sizing-2xl);
70
- --spacing-siz-3xl: var(--db-sizing-3xl);
71
-
72
- --gap-*: initial; /* Gap */
73
- --gap-none: 0;
74
- --gap-0: 0;
75
- --gap-3xs: var(--db-gap-fixed-3xs);
76
- --gap-2xs: var(--db-gap-fixed-2xs);
77
- --gap-xs: var(--db-gap-fixed-xs);
78
- --gap-sm: var(--db-gap-fixed-sm);
79
- --gap-md: var(--db-gap-fixed-md);
80
- --gap-lg: var(--db-gap-fixed-lg);
81
- --gap-xl: var(--db-gap-fixed-xl);
82
- --gap-2xl: var(--db-gap-fixed-2xl);
83
- --gap-3xl: var(--db-gap-fixed-3xl);
84
-
85
- --border-*: initial; /* Border width */
86
- --border: var(--db-border-width-3xs);
87
- --border-none: 0;
88
- --border-0: 0;
89
- --border-3xs: var(--db-border-width-3xs);
90
- --border-2xs: var(--db-border-width-2xs);
91
- --border-xs: var(--db-border-width-xs);
92
- --border-sm: var(--db-border-width-sm);
93
- --border-md: var(--db-border-width-md);
94
- --border-lg: var(--db-border-width-lg);
95
- --border-xl: var(--db-border-width-xl);
96
- --border-2xl: var(--db-border-width-2xl);
97
- --border-3xl: var(--db-border-width-3xl);
98
-
99
- --radius-*: initial; /* Border radius utilities like rounded-sm */
100
- --radius: var(--db-border-radius-xs);
101
- --radius-none: 0;
102
- --radius-0: 0;
103
- --radius-3xs: var(--db-border-radius-3xs);
104
- --radius-2xs: var(--db-border-radius-2xs);
105
- --radius-xs: var(--db-border-radius-xs);
106
- --radius-sm: var(--db-border-radius-sm);
107
- --radius-md: var(--db-border-radius-md);
108
- --radius-lg: var(--db-border-radius-lg);
109
- --radius-xl: var(--db-border-radius-xl);
110
- --radius-2xl: var(--db-border-radius-2xl);
111
- --radius-3xl: var(--db-border-radius-3xl);
112
- --radius-full: var(--db-border-radius-full);
113
-
114
- --shadow-*: initial; /* Box shadow utilities like shadow-md */
115
- --shadow: var(--db-elevation-md);
116
- --shadow-sm: var(--db-elevation-sm);
117
- --shadow-md: var(--db-elevation-md);
118
- --shadow-lg: var(--db-elevation-lg);
119
- }
120
-
121
- @layer components {
122
- .typography {
123
- p {
124
- font-size: var(--text-body-md);
125
- }
126
-
127
- h1 {
128
- font-size: var(--text-xl);
129
- line-height: var(--text-xl--line-height);
130
- }
131
-
132
- h2 {
133
- font-size: var(--text-lg);
134
- line-height: var(--text-lg--line-height);
135
- }
136
-
137
- h3 {
138
- font-size: var(--text-md);
139
- line-height: var(--text-md--line-height);
140
- }
141
-
142
- h4 {
143
- font-size: var(--text-sm);
144
- line-height: var(--text-sm--line-height);
145
- }
146
-
147
- h5 {
148
- font-size: var(--text-xs);
149
- line-height: var(--text-xs--line-height);
150
- }
151
-
152
- h6 {
153
- font-size: var(--text-2xs);
154
- line-height: var(--text-2xs--line-height);
155
- }
4
+ @import url("colors.css");
5
+ @import url("revert-theme.css");
6
+ @import url("dimensions.css");
7
+
8
+ @utility text-body-3xs {
9
+ font: var(--db-type-body-3xs);
10
+ }
11
+
12
+ @utility text-body-2xs {
13
+ font: var(--db-type-body-2xs);
14
+ }
15
+
16
+ @utility text-body-xs {
17
+ font: var(--db-type-body-xs);
18
+ }
19
+
20
+ @utility text-body-sm {
21
+ font: var(--db-type-body-sm);
22
+ }
23
+
24
+ @utility text-body-md {
25
+ font: var(--db-type-body-md);
26
+ }
27
+
28
+ @utility text-body-lg {
29
+ font: var(--db-type-body-lg);
30
+ }
31
+
32
+ @utility text-body-xl {
33
+ font: var(--db-type-body-xl);
34
+ }
35
+
36
+ @utility text-body-2xl {
37
+ font: var(--db-type-body-2xl);
38
+ }
39
+
40
+ @utility text-body-3xl {
41
+ font: var(--db-type-body-3xl);
42
+ }
43
+
44
+ @utility text-head-3xs {
45
+ font: var(--db-type-headline-3xs);
46
+ }
47
+
48
+ @utility text-head-2xs {
49
+ font: var(--db-type-headline-2xs);
50
+ }
51
+
52
+ @utility text-head-xs {
53
+ font: var(--db-type-headline-xs);
54
+ }
55
+
56
+ @utility text-head-sm {
57
+ font: var(--db-type-headline-sm);
58
+ }
59
+
60
+ @utility text-head-md {
61
+ font: var(--db-type-headline-md);
62
+ }
63
+
64
+ @utility text-head-lg {
65
+ font: var(--db-type-headline-lg);
66
+ }
67
+
68
+ @utility text-head-xl {
69
+ font: var(--db-type-headline-xl);
70
+ }
71
+
72
+ @utility text-head-2xl {
73
+ font: var(--db-type-headline-2xl);
74
+ }
75
+
76
+ @utility text-head-3xl {
77
+ font: var(--db-type-headline-3xl);
78
+ }
79
+
80
+ @layer base {
81
+ p {
82
+ font: var(--db-type-body-md);
83
+ }
84
+
85
+ h1 {
86
+ font: var(--db-type-headline-xl);
87
+ }
88
+
89
+ h2 {
90
+ font: var(--db-type-headline-lg);
91
+ }
92
+
93
+ h3 {
94
+ font: var(--db-type-headline-md);
95
+ }
96
+
97
+ h4 {
98
+ font: var(--db-type-headline-sm);
99
+ }
100
+
101
+ h5 {
102
+ font: var(--db-type-headline-xs);
103
+ }
104
+
105
+ h6 {
106
+ font: var(--db-type-headline-2xs);
156
107
  }
157
108
  }
package/build/tailwind/theme/revert-theme.css ADDED
@@ -0,0 +1,48 @@
1
+ /* The prefix for variables are predefined by Tailwind, stylelint would throw an error */
2
+ /* stylelint-disable scss/at-rule-no-unknown, custom-property-pattern */
3
+ @theme {
4
+ --font-*: initial; /* Font family utilities like font-sans */
5
+ --font-sans: var(--db-font-family-sans);
6
+ --font-head: var(--db-font-family-head);
7
+ --text-*: initial; /* Font size utilities like text-body-xl */
8
+
9
+ /* We overwrite those with custom utilities, those are just for auto complete */
10
+ --text-base: var(--db-type-body-md);
11
+ --text-body-3xs: var(--db-type-body-3xs);
12
+ --text-body-2xs: var(--db-type-body-2xs);
13
+ --text-body-xs: var(--db-type-body-xs);
14
+ --text-body-sm: var(--db-type-body-sm);
15
+ --text-body-md: var(--db-type-body-md);
16
+ --text-body-lg: var(--db-type-body-lg);
17
+ --text-body-xl: var(--db-type-body-xl);
18
+ --text-body-2xl: var(--db-type-body-2xl);
19
+ --text-body-3xl: var(--db-type-body-3xl);
20
+ --text-head-3xs: var(--db-type-headline-3xs);
21
+ --text-head-2xs: var(--db-type-headline-2xs);
22
+ --text-head-xs: var(--db-type-headline-xs);
23
+ --text-head-sm: var(--db-type-headline-sm);
24
+ --text-head-md: var(--db-type-headline-md);
25
+ --text-head-lg: var(--db-type-headline-lg);
26
+ --text-head-xl: var(--db-type-headline-xl);
27
+ --text-head-2xl: var(--db-type-headline-2xl);
28
+ --text-head-3xl: var(--db-type-headline-3xl);
29
+ --spacing-*: initial; /* Spacing and sizing utilities like px-fix-md, max-h-siz-xl, and many more */
30
+ --spacing-none: 0;
31
+ --spacing-0: 0;
32
+ --gap-*: initial; /* Gap */
33
+ --gap-none: 0;
34
+ --gap-0: 0;
35
+ --border-*: initial; /* Border width */
36
+ --border-none: 0;
37
+ --border-0: 0;
38
+ --radius-*: initial; /* Border radius utilities like rounded-sm */
39
+ --radius-none: 0;
40
+ --radius-0: 0;
41
+ --shadow-*: initial; /* Box shadow utilities like shadow-md */
42
+ --breakpoint-*: initial; /* Responsive breakpoint variants like sm:* */
43
+ --breakpoint-xs: 360px;
44
+ --breakpoint-sm: 720px;
45
+ --breakpoint-md: 1024px;
46
+ --breakpoint-lg: 1440px;
47
+ --breakpoint-xl: 1920px;
48
+ }
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@db-ux/core-foundations",
3
- "version": "2.0.6",
3
+ "version": "2.0.8",
4
4
  "type": "module",
5
5
  "description": "Provides basic tokens and assets based on DB UX Design System (Version 3).",
6
6
  "repository": {
@@ -22,6 +22,7 @@
22
22
  "build:03_css": "sass --no-source-map --load-path=node_modules/ --load-path=../../node_modules/ build/styles --fatal-deprecation=mixed-decls",
23
23
  "build:04_tailwind": "cpr tailwind build/tailwind -o",
24
24
  "build:05_postcss": "postcss build/styles/**/*.css --replace",
25
+ "build:05_tailwind_scss": "sass --no-source-map build/tailwind/theme --fatal-deprecation=mixed-decls",
25
26
  "build:06_ide": "cpr ide build/ide -o",
26
27
  "build:06_ts": "tsc",
27
28
  "clean": "rm -rf build",
@@ -47,7 +48,7 @@
47
48
  "@csstools/normalize.css": "12.1.1",
48
49
  "@db-ux/icon-font-tools": "0.3.2",
49
50
  "cpr": "3.0.1",
50
- "cssnano": "^7.0.6",
51
+ "cssnano": "^7.0.7",
51
52
  "dotenv": "^16.5.0",
52
53
  "glob": "11.0.2",
53
54
  "nodemon": "3.1.10",
@@ -55,7 +56,7 @@
55
56
  "sass": "1.85.0",
56
57
  "tsx": "^4.19.4",
57
58
  "typescript": "^5.4.5",
58
- "vite": "^6.3.3"
59
+ "vite": "^6.3.5"
59
60
  },
60
61
  "publishConfig": {
61
62
  "registry": "https://registry.npmjs.org/",