/* Generated by tools/build-design.mjs. Edit design/*.json, then rebuild. */
:root {
  --dx-ochre-1: #fbf6f0;
  --dx-ochre-2: #f4e6d4;
  --dx-ochre-3: #e6c9a5;
  --dx-ochre-4: #d2a36d;
  --dx-ochre-5: #b47b3d;
  --dx-ochre-6: #8f571c;
  --dx-ochre-7: #734515;
  --dx-ochre-8: #57330f;
  --dx-ochre-9: #3b220a;
  --dx-ochre-10: #211205;
  --dx-crimson-1: #fcf2f2;
  --dx-crimson-2: #f5d9da;
  --dx-crimson-3: #e6afb2;
  --dx-crimson-4: #ce7a7e;
  --dx-crimson-5: #a64247;
  --dx-crimson-6: #76171b;
  --dx-crimson-7: #5e1215;
  --dx-crimson-8: #470d10;
  --dx-crimson-9: #30090b;
  --dx-crimson-10: #1a0405;
  --dx-river-1: #f1f7f9;
  --dx-river-2: #daebf0;
  --dx-river-3: #b6d8e0;
  --dx-river-4: #88becd;
  --dx-river-5: #60a2b2;
  --dx-river-6: #418593;
  --dx-river-7: #336a76;
  --dx-river-8: #264f58;
  --dx-river-9: #19353b;
  --dx-river-10: #0d1c1f;
  --dx-forest-1: #f0f6f4;
  --dx-forest-2: #d6e7e1;
  --dx-forest-3: #adcfc3;
  --dx-forest-4: #7bafa0;
  --dx-forest-5: #467969;
  --dx-forest-6: #1d4034;
  --dx-forest-7: #173329;
  --dx-forest-8: #11261f;
  --dx-forest-9: #0b1a15;
  --dx-forest-10: #060e0b;
  --dx-earth-1: #f8f4f1;
  --dx-earth-2: #ebe0d8;
  --dx-earth-3: #d3beb0;
  --dx-earth-4: #b2917b;
  --dx-earth-5: #7e583f;
  --dx-earth-6: #472713;
  --dx-earth-7: #391f0f;
  --dx-earth-8: #2b170b;
  --dx-earth-9: #1d0f07;
  --dx-earth-10: #100804;
  --dx-sand-1: #f7f5f0;
  --dx-sand-2: #ece7dc;
  --dx-sand-3: #dcd3c0;
  --dx-sand-4: #c4b79c;
  --dx-sand-5: #a69779;
  --dx-sand-6: #86785b;
  --dx-sand-7: #6b6048;
  --dx-sand-8: #514836;
  --dx-sand-9: #363024;
  --dx-sand-10: #1e1a14;
  --dx-neutral-1: #ffffff;
  --dx-neutral-2: #f5f5f6;
  --dx-neutral-3: #e4e4e7;
  --dx-neutral-4: #d1d1d6;
  --dx-neutral-5: #a0a0ab;
  --dx-neutral-6: #70707b;
  --dx-neutral-7: #51525c;
  --dx-neutral-8: #3a3a42;
  --dx-neutral-9: #1e1e24;
  --dx-neutral-10: #040406;
  --dx-green-1: #f2fdf6;
  --dx-green-2: #e1faea;
  --dx-green-3: #bef4d2;
  --dx-green-4: #8eecb0;
  --dx-green-5: #51e186;
  --dx-green-6: #22c55e;
  --dx-green-7: #1ca14d;
  --dx-green-8: #157a3a;
  --dx-green-9: #0f5729;
  --dx-green-10: #093419;
  --dx-red-1: #fef1f1;
  --dx-red-2: #fcdede;
  --dx-red-3: #f9b9b9;
  --dx-red-4: #f48080;
  --dx-red-5: #f16060;
  --dx-red-6: #ee4343;
  --dx-red-7: #dc1313;
  --dx-red-8: #a90f0f;
  --dx-red-9: #7a0b0b;
  --dx-red-10: #4b0707;
  --dx-yellow-1: #fef9f0;
  --dx-yellow-2: #fef2dd;
  --dx-yellow-3: #fce4ba;
  --dx-yellow-4: #fad189;
  --dx-yellow-5: #f8ba4f;
  --dx-yellow-6: #f59f0b;
  --dx-yellow-7: #bf7c08;
  --dx-yellow-8: #8e5c06;
  --dx-yellow-9: #624004;
  --dx-yellow-10: #3b2602;
  --dx-white-static-1: #ffffff0a;
  --dx-black-static-1: #0404060a;
  --dx-white-static-2: #ffffff1f;
  --dx-black-static-2: #0404061f;
  --dx-white-static-3: #ffffff3d;
  --dx-black-static-3: #0404063d;
  --dx-white-static-4: #ffffff8f;
  --dx-black-static-4: #0404068f;
  --dx-white-static-5: #ffffffb8;
  --dx-black-static-5: #040406b8;
  --dx-white-static-6: #ffffff;
  --dx-black-static-6: #040406;
  --dx-neutral-background-bg-subtle-01: var(--dx-neutral-1);
  --dx-neutral-background-bg-subtle-02: var(--dx-neutral-2);
  --dx-neutral-background-bg-tint-01: var(--dx-neutral-9);
  --dx-neutral-background-bg-tint-02: var(--dx-neutral-10);
  --dx-neutral-background-bg-subtle-enabled: var(--dx-neutral-3);
  --dx-neutral-background-bg-subtle-hover: var(--dx-neutral-4);
  --dx-neutral-background-bg-subtle-pressed: var(--dx-neutral-5);
  --dx-neutral-foreground-fg-low-contrast: var(--dx-neutral-6);
  --dx-neutral-foreground-fg-high-contrast: var(--dx-neutral-10);
  --dx-neutral-border-border-subtle-enabled: var(--dx-neutral-4);
  --dx-neutral-border-border-subtle-hover: var(--dx-neutral-5);
  --dx-neutral-border-border-subtle-pressed: var(--dx-neutral-6);
  --dx-neutral-border-border-tint-enabled: var(--dx-neutral-6);
  --dx-neutral-border-border-tint-hover: var(--dx-neutral-7);
  --dx-neutral-border-border-tint-pressed: var(--dx-neutral-8);
  --dx-surface-brand-background-bg-subtle-01: var(--dx-sand-1);
  --dx-surface-brand-background-bg-subtle-02: var(--dx-sand-2);
  --dx-surface-brand-background-bg-tint-01: var(--dx-sand-6);
  --dx-surface-brand-background-bg-tint-02: var(--dx-sand-7);
  --dx-surface-brand-background-bg-subtle-enabled: var(--dx-sand-3);
  --dx-surface-brand-background-bg-subtle-hover: var(--dx-sand-4);
  --dx-surface-brand-background-bg-subtle-pressed: var(--dx-sand-5);
  --dx-surface-brand-foreground-fg-low-contrast: var(--dx-sand-7);
  --dx-surface-brand-foreground-fg-high-contrast: var(--dx-sand-10);
  --dx-surface-brand-border-border-subtle-enabled: var(--dx-sand-4);
  --dx-surface-brand-border-border-subtle-hover: var(--dx-sand-5);
  --dx-surface-brand-border-border-subtle-pressed: var(--dx-sand-6);
  --dx-surface-brand-border-border-tint-enabled: var(--dx-sand-6);
  --dx-surface-brand-border-border-tint-hover: var(--dx-sand-7);
  --dx-surface-brand-border-border-tint-pressed: var(--dx-sand-8);
  --dx-accent-primary-background-bg-subtle-01: var(--dx-ochre-1);
  --dx-accent-primary-background-bg-subtle-02: var(--dx-ochre-2);
  --dx-accent-primary-background-bg-tint-01: var(--dx-ochre-6);
  --dx-accent-primary-background-bg-tint-02: var(--dx-ochre-7);
  --dx-accent-primary-background-bg-subtle-enabled: var(--dx-ochre-3);
  --dx-accent-primary-background-bg-subtle-hover: var(--dx-ochre-4);
  --dx-accent-primary-background-bg-subtle-pressed: var(--dx-ochre-5);
  --dx-accent-primary-foreground-fg-low-contrast: var(--dx-ochre-4);
  --dx-accent-primary-foreground-fg-high-contrast: var(--dx-ochre-6);
  --dx-accent-primary-border-border-subtle-enabled: var(--dx-ochre-3);
  --dx-accent-primary-border-border-subtle-hover: var(--dx-ochre-4);
  --dx-accent-primary-border-border-subtle-pressed: var(--dx-ochre-5);
  --dx-accent-primary-border-border-tint-enabled: var(--dx-ochre-6);
  --dx-accent-primary-border-border-tint-hover: var(--dx-ochre-7);
  --dx-accent-primary-border-border-tint-pressed: var(--dx-ochre-8);
  --dx-accent-secondary-background-bg-subtle-01: var(--dx-crimson-1);
  --dx-accent-secondary-background-bg-subtle-02: var(--dx-crimson-2);
  --dx-accent-secondary-background-bg-tint-01: var(--dx-crimson-6);
  --dx-accent-secondary-background-bg-tint-02: var(--dx-crimson-7);
  --dx-accent-secondary-background-bg-subtle-enabled: var(--dx-crimson-3);
  --dx-accent-secondary-background-bg-subtle-hover: var(--dx-crimson-4);
  --dx-accent-secondary-background-bg-subtle-pressed: var(--dx-crimson-5);
  --dx-accent-secondary-foreground-fg-low-contrast: var(--dx-crimson-4);
  --dx-accent-secondary-foreground-fg-high-contrast: var(--dx-crimson-6);
  --dx-accent-secondary-border-border-subtle-enabled: var(--dx-crimson-3);
  --dx-accent-secondary-border-border-subtle-hover: var(--dx-crimson-4);
  --dx-accent-secondary-border-border-subtle-pressed: var(--dx-crimson-5);
  --dx-accent-secondary-border-border-tint-enabled: var(--dx-crimson-6);
  --dx-accent-secondary-border-border-tint-hover: var(--dx-crimson-7);
  --dx-accent-secondary-border-border-tint-pressed: var(--dx-crimson-8);
  --dx-accent-river-background-bg-subtle-01: var(--dx-river-1);
  --dx-accent-river-background-bg-subtle-02: var(--dx-river-2);
  --dx-accent-river-background-bg-tint-01: var(--dx-river-6);
  --dx-accent-river-background-bg-tint-02: var(--dx-river-7);
  --dx-accent-river-background-bg-subtle-enabled: var(--dx-river-3);
  --dx-accent-river-background-bg-subtle-hover: var(--dx-river-4);
  --dx-accent-river-background-bg-subtle-pressed: var(--dx-river-5);
  --dx-accent-river-foreground-fg-low-contrast: var(--dx-river-4);
  --dx-accent-river-foreground-fg-high-contrast: var(--dx-river-6);
  --dx-accent-river-border-border-subtle-enabled: var(--dx-river-3);
  --dx-accent-river-border-border-subtle-hover: var(--dx-river-4);
  --dx-accent-river-border-border-subtle-pressed: var(--dx-river-5);
  --dx-accent-river-border-border-tint-enabled: var(--dx-river-6);
  --dx-accent-river-border-border-tint-hover: var(--dx-river-7);
  --dx-accent-river-border-border-tint-pressed: var(--dx-river-8);
  --dx-accent-forest-background-bg-subtle-01: var(--dx-forest-1);
  --dx-accent-forest-background-bg-subtle-02: var(--dx-forest-2);
  --dx-accent-forest-background-bg-tint-01: var(--dx-forest-6);
  --dx-accent-forest-background-bg-tint-02: var(--dx-forest-7);
  --dx-accent-forest-background-bg-subtle-enabled: var(--dx-forest-3);
  --dx-accent-forest-background-bg-subtle-hover: var(--dx-forest-4);
  --dx-accent-forest-background-bg-subtle-pressed: var(--dx-forest-5);
  --dx-accent-forest-foreground-fg-low-contrast: var(--dx-forest-4);
  --dx-accent-forest-foreground-fg-high-contrast: var(--dx-forest-6);
  --dx-accent-forest-border-border-subtle-enabled: var(--dx-forest-3);
  --dx-accent-forest-border-border-subtle-hover: var(--dx-forest-4);
  --dx-accent-forest-border-border-subtle-pressed: var(--dx-forest-5);
  --dx-accent-forest-border-border-tint-enabled: var(--dx-forest-6);
  --dx-accent-forest-border-border-tint-hover: var(--dx-forest-7);
  --dx-accent-forest-border-border-tint-pressed: var(--dx-forest-8);
  --dx-accent-earth-background-bg-subtle-01: var(--dx-earth-1);
  --dx-accent-earth-background-bg-subtle-02: var(--dx-earth-2);
  --dx-accent-earth-background-bg-tint-01: var(--dx-earth-6);
  --dx-accent-earth-background-bg-tint-02: var(--dx-earth-7);
  --dx-accent-earth-background-bg-subtle-enabled: var(--dx-earth-3);
  --dx-accent-earth-background-bg-subtle-hover: var(--dx-earth-4);
  --dx-accent-earth-background-bg-subtle-pressed: var(--dx-earth-5);
  --dx-accent-earth-foreground-fg-low-contrast: var(--dx-earth-4);
  --dx-accent-earth-foreground-fg-high-contrast: var(--dx-earth-6);
  --dx-accent-earth-border-border-subtle-enabled: var(--dx-earth-3);
  --dx-accent-earth-border-border-subtle-hover: var(--dx-earth-4);
  --dx-accent-earth-border-border-subtle-pressed: var(--dx-earth-5);
  --dx-accent-earth-border-border-tint-enabled: var(--dx-earth-6);
  --dx-accent-earth-border-border-tint-hover: var(--dx-earth-7);
  --dx-accent-earth-border-border-tint-pressed: var(--dx-earth-8);
  --dx-error-background-bg-subtle-01: var(--dx-red-1);
  --dx-error-background-bg-subtle-02: var(--dx-red-2);
  --dx-error-background-bg-tint-01: var(--dx-red-6);
  --dx-error-background-bg-tint-02: var(--dx-red-7);
  --dx-error-background-bg-subtle-enabled: var(--dx-red-3);
  --dx-error-background-bg-subtle-hover: var(--dx-red-4);
  --dx-error-background-bg-subtle-pressed: var(--dx-red-5);
  --dx-error-foreground-fg-low-contrast: var(--dx-red-4);
  --dx-error-foreground-fg-high-contrast: var(--dx-red-6);
  --dx-error-border-border-subtle-enabled: var(--dx-red-3);
  --dx-error-border-border-subtle-hover: var(--dx-red-4);
  --dx-error-border-border-subtle-pressed: var(--dx-red-5);
  --dx-error-border-border-tint-enabled: var(--dx-red-6);
  --dx-error-border-border-tint-hover: var(--dx-red-7);
  --dx-error-border-border-tint-pressed: var(--dx-red-8);
  --dx-success-background-bg-subtle-01: var(--dx-green-1);
  --dx-success-background-bg-subtle-02: var(--dx-green-2);
  --dx-success-background-bg-tint-01: var(--dx-green-6);
  --dx-success-background-bg-tint-02: var(--dx-green-7);
  --dx-success-background-bg-subtle-enabled: var(--dx-green-3);
  --dx-success-background-bg-subtle-hover: var(--dx-green-4);
  --dx-success-background-bg-subtle-pressed: var(--dx-green-5);
  --dx-success-foreground-fg-low-contrast: var(--dx-green-4);
  --dx-success-foreground-fg-high-contrast: var(--dx-green-7);
  --dx-success-border-border-subtle-enabled: var(--dx-green-3);
  --dx-success-border-border-subtle-hover: var(--dx-green-4);
  --dx-success-border-border-subtle-pressed: var(--dx-green-5);
  --dx-success-border-border-tint-enabled: var(--dx-green-6);
  --dx-success-border-border-tint-hover: var(--dx-green-7);
  --dx-success-border-border-tint-pressed: var(--dx-green-8);
  --dx-warning-background-bg-subtle-01: var(--dx-yellow-1);
  --dx-warning-background-bg-subtle-02: var(--dx-yellow-2);
  --dx-warning-background-bg-tint-01: var(--dx-yellow-6);
  --dx-warning-background-bg-tint-02: var(--dx-yellow-7);
  --dx-warning-background-bg-subtle-enabled: var(--dx-yellow-3);
  --dx-warning-background-bg-subtle-hover: var(--dx-yellow-4);
  --dx-warning-background-bg-subtle-pressed: var(--dx-yellow-5);
  --dx-warning-foreground-fg-low-contrast: var(--dx-yellow-4);
  --dx-warning-foreground-fg-high-contrast: var(--dx-yellow-6);
  --dx-warning-border-border-subtle-enabled: var(--dx-yellow-3);
  --dx-warning-border-border-subtle-hover: var(--dx-yellow-4);
  --dx-warning-border-border-subtle-pressed: var(--dx-yellow-5);
  --dx-warning-border-border-tint-enabled: var(--dx-yellow-6);
  --dx-warning-border-border-tint-hover: var(--dx-yellow-7);
  --dx-warning-border-border-tint-pressed: var(--dx-yellow-8);
  --dx-info-background-bg-subtle-01: var(--dx-river-1);
  --dx-info-background-bg-subtle-02: var(--dx-river-2);
  --dx-info-background-bg-tint-01: var(--dx-river-6);
  --dx-info-background-bg-tint-02: var(--dx-river-7);
  --dx-info-background-bg-subtle-enabled: var(--dx-river-3);
  --dx-info-background-bg-subtle-hover: var(--dx-river-4);
  --dx-info-background-bg-subtle-pressed: var(--dx-river-5);
  --dx-info-foreground-fg-low-contrast: var(--dx-river-4);
  --dx-info-foreground-fg-high-contrast: var(--dx-river-6);
  --dx-info-border-border-subtle-enabled: var(--dx-river-3);
  --dx-info-border-border-subtle-hover: var(--dx-river-4);
  --dx-info-border-border-subtle-pressed: var(--dx-river-5);
  --dx-info-border-border-tint-enabled: var(--dx-river-6);
  --dx-info-border-border-tint-hover: var(--dx-river-7);
  --dx-info-border-border-tint-pressed: var(--dx-river-8);
  --dx-on-tint-black-fg-low-contrast: var(--dx-black-static-4);
  --dx-on-tint-black-fg-high-contrast: var(--dx-neutral-10);
  --dx-on-tint-white-fg-low-contrast: var(--dx-white-static-5);
  --dx-on-tint-white-fg-high-contrast: var(--dx-neutral-1);
  --dx-neutral-disabled-bg-disabled: var(--dx-neutral-3);
  --dx-neutral-disabled-fg-disabled: var(--dx-neutral-5);
  --dx-accent-disabled-bg-disabled: var(--dx-ochre-2);
  --dx-accent-disabled-fg-disabled: var(--dx-ochre-4);
  --dx-overlays-overlay-black-1: var(--dx-black-static-1);
  --dx-overlays-overlay-black-2: var(--dx-black-static-2);
  --dx-overlays-overlay-black-3: var(--dx-black-static-3);
  --dx-overlays-overlay-black-4: var(--dx-black-static-4);
  --dx-overlays-overlay-black-5: var(--dx-black-static-5);
  --dx-overlays-overlay-white-1: var(--dx-white-static-1);
  --dx-overlays-overlay-white-2: var(--dx-white-static-2);
  --dx-overlays-overlay-white-3: var(--dx-white-static-3);
  --dx-overlays-overlay-white-4: var(--dx-white-static-4);
  --dx-overlays-overlay-white-5: var(--dx-white-static-5);
  --dx-units-0: 0px;
  --dx-units-1: 1px;
  --dx-units-2: 2px;
  --dx-units-4: 4px;
  --dx-units-6: 6px;
  --dx-units-8: 8px;
  --dx-units-10: 10px;
  --dx-units-12: 12px;
  --dx-units-14: 14px;
  --dx-units-16: 16px;
  --dx-units-18: 18px;
  --dx-units-20: 20px;
  --dx-units-22: 22px;
  --dx-units-24: 24px;
  --dx-units-26: 26px;
  --dx-units-28: 28px;
  --dx-units-30: 30px;
  --dx-units-32: 32px;
  --dx-units-34: 34px;
  --dx-units-36: 36px;
  --dx-units-38: 38px;
  --dx-units-40: 40px;
  --dx-units-42: 42px;
  --dx-units-44: 44px;
  --dx-units-46: 46px;
  --dx-units-48: 48px;
  --dx-units-50: 50px;
  --dx-units-52: 52px;
  --dx-units-54: 54px;
  --dx-units-56: 56px;
  --dx-units-58: 58px;
  --dx-units-60: 60px;
  --dx-units-62: 62px;
  --dx-units-64: 64px;
  --dx-units-66: 66px;
  --dx-units-68: 68px;
  --dx-units-70: 70px;
  --dx-units-72: 72px;
  --dx-units-74: 74px;
  --dx-units-76: 76px;
  --dx-units-78: 78px;
  --dx-units-80: 80px;
  --dx-units-82: 82px;
  --dx-units-84: 84px;
  --dx-units-86: 86px;
  --dx-units-88: 88px;
  --dx-units-90: 90px;
  --dx-units-92: 92px;
  --dx-units-94: 94px;
  --dx-units-96: 96px;
  --dx-units-98: 98px;
  --dx-units-100: 100px;
  --dx-units-102: 102px;
  --dx-units-104: 104px;
  --dx-units-112: 112px;
  --dx-units-120: 120px;
  --dx-units-128: 128px;
  --dx-units-144: 144px;
  --dx-units-160: 160px;
  --dx-units-192: 192px;
  --dx-units-208: 208px;
  --dx-units-224: 224px;
  --dx-units-256: 256px;
  --dx-units-288: 288px;
  --dx-units-999: 999px;
  --dx-font-family-heading: "zuume", sans-serif;
  --dx-font-family-text: "Plus Jakarta Sans", sans-serif;
  --dx-font-sizes-heading-xxs: var(--dx-units-20);
  --dx-font-sizes-heading-xs: var(--dx-units-24);
  --dx-font-sizes-heading-sm: var(--dx-units-32);
  --dx-font-sizes-heading-md: var(--dx-units-40);
  --dx-font-sizes-heading-lg: var(--dx-units-48);
  --dx-font-sizes-heading-xl: var(--dx-units-56);
  --dx-font-sizes-heading-xxl: var(--dx-units-64);
  --dx-font-sizes-heading-3xl: var(--dx-units-72);
  --dx-font-sizes-heading-4xl: var(--dx-units-80);
  --dx-font-sizes-text-xs: var(--dx-units-10);
  --dx-font-sizes-text-sm: var(--dx-units-12);
  --dx-font-sizes-text-md: var(--dx-units-14);
  --dx-font-sizes-text-lg: var(--dx-units-16);
  --dx-font-sizes-text-xl: var(--dx-units-18);
  --dx-font-weight-regular: 400;
  --dx-font-weight-semi-bold: 600;
  --dx-font-weight-bold: 700;
  --dx-font-sizes-label-xs: var(--dx-units-10);
  --dx-font-sizes-label-sm: var(--dx-units-12);
  --dx-font-sizes-label-md: var(--dx-units-14);
  --dx-font-sizes-label-lg: var(--dx-units-16);
  --dx-font-sizes-label-xl: var(--dx-units-18);
  --dx-radius-none: var(--dx-units-0);
  --dx-radius-xxs: var(--dx-units-4);
  --dx-radius-xs: var(--dx-units-6);
  --dx-radius-sm: var(--dx-units-8);
  --dx-radius-lg: var(--dx-units-12);
  --dx-radius-xl: var(--dx-units-16);
  --dx-radius-xxl: var(--dx-units-24);
  --dx-radius-2xl: var(--dx-units-32);
  --dx-radius-3xl: var(--dx-units-40);
  --dx-radius-full: var(--dx-units-999);
  --dx-padding-none: var(--dx-units-0);
  --dx-padding-xxs: var(--dx-units-2);
  --dx-padding-xs: var(--dx-units-4);
  --dx-padding-sm: var(--dx-units-8);
  --dx-padding-md: var(--dx-units-12);
  --dx-padding-lg: var(--dx-units-16);
  --dx-padding-xl: var(--dx-units-20);
  --dx-padding-xxl: var(--dx-units-24);
  --dx-padding-2xl: var(--dx-units-32);
  --dx-padding-3xl: var(--dx-units-40);
  --dx-padding-4xl: var(--dx-units-56);
  --dx-padding-5xl: var(--dx-units-72);
  --dx-gap-none: var(--dx-units-0);
  --dx-gap-xxs: var(--dx-units-2);
  --dx-gap-xs: var(--dx-units-4);
  --dx-gap-sm: var(--dx-units-8);
  --dx-gap-md: var(--dx-units-12);
  --dx-gap-lg: var(--dx-units-16);
  --dx-gap-xl: var(--dx-units-24);
  --dx-gap-xxl: var(--dx-units-32);
  --dx-grids-screen-width: 1440px;
  --dx-grids-columns: var(--dx-units-12);
  --dx-grids-width: var(--dx-units-72);
  --dx-grids-gutter: var(--dx-units-32);
  --dx-spacing-none: var(--dx-units-0);
  --dx-spacing-1: var(--dx-units-1);
  --dx-spacing-2: var(--dx-units-2);
  --dx-spacing-4: var(--dx-units-4);
  --dx-spacing-6: var(--dx-units-6);
  --dx-spacing-8: var(--dx-units-8);
  --dx-spacing-10: var(--dx-units-10);
  --dx-spacing-12: var(--dx-units-12);
  --dx-spacing-14: var(--dx-units-14);
  --dx-spacing-16: var(--dx-units-16);
  --dx-spacing-18: var(--dx-units-18);
  --dx-spacing-20: var(--dx-units-20);
  --dx-spacing-24: var(--dx-units-24);
  --dx-spacing-26: var(--dx-units-26);
  --dx-spacing-28: var(--dx-units-28);
  --dx-spacing-32: var(--dx-units-32);
  --dx-spacing-36: var(--dx-units-36);
  --dx-spacing-40: var(--dx-units-40);
  --dx-spacing-44: var(--dx-units-44);
  --dx-spacing-48: var(--dx-units-48);
  --dx-spacing-56: var(--dx-units-56);
  --dx-spacing-64: var(--dx-units-64);
  --dx-spacing-72: var(--dx-units-72);
  --dx-spacing-80: var(--dx-units-80);
  --dx-spacing-88: var(--dx-units-88);
  --dx-spacing-96: var(--dx-units-96);
  --dx-spacing-104: var(--dx-units-104);
  --dx-spacing-112: var(--dx-units-112);
  --dx-spacing-120: var(--dx-units-120);
  --dx-spacing-128: var(--dx-units-128);
  --dx-spacing-144: var(--dx-units-144);
  --dx-spacing-160: var(--dx-units-160);
  --dx-spacing-192: var(--dx-units-192);
  --dx-spacing-208: var(--dx-units-208);
  --dx-spacing-224: var(--dx-units-224);
  --dx-spacing-256: var(--dx-units-256);
  --dx-spacing-288: var(--dx-units-288);
  --dx-gap-2xl: var(--dx-units-48);
  --dx-padding-6xl: var(--dx-units-96);
  --dx-radius-4xl: var(--dx-units-64);
  --dx-font-family-display: "zuume-cut", sans-serif;
  --dx-content-max: 1280px;
  --dx-content-gutter: 80px;
  --dx-content-gutter-tablet: 32px;
  --dx-content-gutter-mobile: 20px;
  --dx-weight-light: 300;
  --dx-weight-extra-bold: 800;
  --dx-weight-black: 900;
  --dx-border-hairline: 0.4px;
  --dx-border-thin: 1px;
  --dx-focus-width: 2px;
  --dx-focus-offset: 4px;
  --dx-leading-tight: 0.95;
  --dx-leading-banner: 1.02;
  --dx-leading-approach: 1.05;
  --dx-leading-heading: 1.1;
  --dx-leading-ui: 1.2;
  --dx-leading-title: 1.25;
  --dx-leading-editorial: 1.3;
  --dx-leading-label: 1.35;
  --dx-leading-axis: 1.38;
  --dx-leading-input: 1.45;
  --dx-leading-body: 1.48;
  --dx-leading-copy: 1.5;
  --dx-leading-prose: 1.55;
  --dx-leading-contact: 1.6;
  --dx-tracking-label: 0.6px;
  --dx-text-approach: 15px;
  --dx-button-icon-size: 11px;
  --dx-badge-icon-width: 20px;
  --dx-badge-icon-height: 18px;
  --dx-navbar-background: rgba(4,4,6,0.8);
  --dx-navbar-logo-width: 76.9px;
  --dx-navbar-logo-height: 29.577px;
  --dx-navbar-brand-offset: 6%;
  --dx-navbar-brand-bottom: 0.5%;
  --dx-brand-width: 260px;
  --dx-brand-height: 100px;
  --dx-carranca-width: 120px;
  --dx-carranca-height: 171.925px;
  --dx-carranca-full-top: -0.58%;
  --dx-carranca-full-bottom: -0.04%;
  --dx-footer-logo-width: 161.2px;
  --dx-footer-logo-height: 62px;
  --dx-field-width: 360px;
  --dx-textarea-width: 520px;
  --dx-textarea-height: 96px;
  --dx-accordion-width: 640px;
  --dx-accordion-content-width: 580px;
  --dx-blog-width: 640px;
  --dx-blog-cover-height: 310px;
  --dx-blog-thumb-width: 160px;
  --dx-blog-row-height: 176px;
  --dx-work-width: 309px;
  --dx-work-cover-height: 206px;
  --dx-approach-width: 416px;
  --dx-approach-height: 389px;
  --dx-approach-header-height: 34px;
  --dx-highlight-width: 840px;
  --dx-highlight-height: 400px;
  --dx-highlight-preview-width: 204px;
  --dx-highlight-overlay: rgba(13,8,5,0.25);
  --dx-horizontal-width: 628px;
  --dx-horizontal-height: 248px;
  --dx-horizontal-image-width: 250px;
  --dx-horizontal-content-width: 378px;
  --dx-technical-width: 346px;
  --dx-technical-height: 40px;
  --dx-festival-height: 56px;
  --dx-territory-width: 322px;
  --dx-gallery-width: 413px;
  --dx-gallery-height: 248px;
  --dx-gallery-overlay: rgba(13,8,5,0.22);
  --dx-carousel-width: 64px;
  --dx-carousel-height: 40px;
  --dx-star-meta-size: 9px;
  --dx-star-festival-size: 10px;
  --dx-axis-width: 632px;
  --dx-axis-height: 366px;
  --dx-axis-icon-height: 80px;
  --dx-axis-gps-width: 63px;
  --dx-axis-leaf-width: 59px;
  --dx-axis-image-height: 161.86%;
  --dx-axis-image-top-ocupacao: 0.01%;
  --dx-axis-image-top-tradicao: -0.02%;
  --dx-preview-max: 1456px;
  --dx-preview-card-gap: 24px;
  --dx-preview-section-gap: 56px;
  --dx-motion-duration: 280ms;
  --dx-motion-easing: cubic-bezier(0.22, 1, 0.36, 1);
  --dx-disabled-opacity: 0.5;
  --dx-min-touch-size: 44px;
  --dx-filter-default-width: 232px;
  --dx-font-sizes-text-2xl: 20px;
  --dx-navbar-blur: var(--dx-units-24);
  --dx-project-feature-radius: var(--dx-radius-xxl);
  --dx-footer-content-width: 640px;
  --dx-hover-lift: -2px;
  --dx-hover-image-scale: 1.025;
  --dx-scrollbar-width: 14px;
  --dx-scrollbar-inset: 4px;
  --dx-scrollbar-thumb-min: 100px;
  --dx-rough-cell-size: 2px;
  --dx-rough-radius: 120px;
  --dx-rough-spread: 18px;
  --dx-rough-response-ms: 65;
  --dx-smooth-scroll-response-ms: 115;
  --dx-rough-return-response-ms: 150;
  --dx-rough-disorder: 0.8;
  --dx-home-reference-width: 1440px;
  --dx-home-header-flow-height: 86.6px;
  --dx-header-layer: 100;
  --dx-home-brand-width: 1080px;
  --dx-home-brand-ratio: 1080 / 415.3846435546875;
  --dx-home-brand-image-height: 99.97%;
  --dx-home-intro-height: 404px;
  --dx-home-intro-width: 846px;
  --dx-home-spiral-width: 34.502342224121094px;
  --dx-home-spiral-height: 39.26985549926758px;
  --dx-home-collage-width: 2731.208740234375px;
  --dx-home-photo-1-left: 0px;
  --dx-home-photo-1-width: 592.5824584960938px;
  --dx-home-photo-1-height: 402.7579650878906px;
  --dx-home-photo-2-left: 592.204833984375px;
  --dx-home-photo-2-width: 374.30560302734375px;
  --dx-home-photo-2-height: 403.1583251953125px;
  --dx-home-photo-3-left: 966.64404296875px;
  --dx-home-photo-3-width: 487.6130065917969px;
  --dx-home-photo-3-height: 403.1329345703125px;
  --dx-home-photo-4-left: 1454.4000244140625px;
  --dx-home-photo-4-width: 625.8174438476562px;
  --dx-home-photo-4-height: 402.9437561035156px;
  --dx-home-photo-5-left: 2080.413818359375px;
  --dx-home-photo-5-width: 650.7949829101562px;
  --dx-home-photo-5-height: 404px;
  --dx-home-photo-5-crop-width: 142.22%;
  --dx-home-photo-5-crop-height: 153%;
  --dx-home-photo-5-crop-left: -42.22%;
  --dx-home-photo-5-crop-top: -22.02%;
  --dx-ribbon-height: 51.02626037597656px;
  --dx-ribbon-band-height: 46px;
  --dx-ribbon-angle: 0.2deg;
  --dx-ribbon-dark-top: 5.026538372039795px;
  --dx-ribbon-star-top: -3.14%;
  --dx-ribbon-star-right: -3.56%;
  --dx-ribbon-star-bottom: -2.91%;
  --dx-ribbon-star-left: -2.95%;
  --dx-ecosystem-card-height: 388px;
  --dx-ecosystem-heading-ratio: 1280 / 213.97677612304688;
  --dx-ecosystem-heading-text-size: 256px;
  --dx-ecosystem-heading-text-fluid: 20cqi;
  --dx-axis-camera-width: 87px;
  --dx-axis-image-top-audiovisual: -0.14%;
  --dx-stripe-background-height: 344.68%;
  --dx-stripe-background-top: 0.13%;
  --dx-stripe-star-rotation: -0.2deg;
  --dx-stripe-star-top: -2.09%;
  --dx-stripe-star-right: -2.01%;
  --dx-stripe-star-bottom: -2.49%;
  --dx-stripe-star-left: -1.99%;
  --dx-projects-grid-ratio: 1280 / 723;
  --dx-projects-tile-height: 233px;
  --dx-projects-title-text-size: 320px;
  --dx-projects-title-text-fluid: 25cqi;
  --dx-projects-feature-image-height: 347.8px;
  --dx-projects-tile-ratio: 418.6666564941406 / 233;
  --dx-projects-feature-ratio: 572 / 347.8;
  --dx-projects-feature-image-position: center 7.76%;
  --dx-projects-reference-last-height: 209.95%;
  --dx-projects-last-image-position: center 4.39%;
  --dx-projects-reference-last-top: -4.83%;
  --dx-home-blog-mobile-cover-ratio: 634 / 388;
  --dx-home-blog-featured-body-height: 164px;
  --dx-axis-title-size: 124px;
  --dx-axis-title-leading: 0.9;
  --dx-axis-catalog-title-size: 88px;
  --dx-axis-catalog-leading: 0.92;
  --dx-axis-search-width: 440px;
  --dx-axis-search-height: 52px;
  --dx-axis-sidebar-width: 280px;
  --dx-axis-sidebar-label: 13px;
  --dx-axis-camera-small-width: 30px;
  --dx-axis-camera-small-height: 28px;
  --dx-axis-section-heading-height: 60px;
  --dx-axis-preview-overlay: rgba(31,20,10,0.55);
  --dx-project-title-size: 104px;
  --dx-project-title-leading: 0.9;
  --dx-project-synopsis-width: 520px;
  --dx-project-player-height: 620px;
  --dx-project-play-size: 104px;
  --dx-project-play-font: 36px;
  --dx-project-player-overlay: rgba(13,8,5,0.28);
  --dx-project-hero-overlay: rgba(13,8,5,0.88);
  --dx-project-dossier-card-height: 664.4px;
  --dx-project-dossier-heading-size: 38px;
  --dx-project-funding-brand-size: 23px;
  --dx-project-funding-brand-height: 30px;
  --dx-project-dossier-heading-leading: 0.92;
  --dx-project-context-leading: 1.52;
  --dx-accordion-open-min-height: 133px;
  --dx-accordion-closed-min-height: 55px;
  --dx-work-min-height: 377px;
  --dx-blog-featured-min-height: 474px;
  --dx-territory-min-height: 36px;
  --dx-input-min-height: 61px;
  --dx-select-min-height: 63px;
  --dx-textarea-min-height: 113px;
  --dx-badge-min-height: 34px;
  --dx-breakpoint-navigation: 1100px;
  --dx-breakpoint-tablet: 800px;
  --dx-breakpoint-mobile: 480px;
}
[data-diroxa-palette="light"] {
  --dx-ochre-1: #fbf6f0;
  --dx-ochre-2: #f4e6d4;
  --dx-ochre-3: #e6c9a5;
  --dx-ochre-4: #d2a36d;
  --dx-ochre-5: #b47b3d;
  --dx-ochre-6: #8f571c;
  --dx-ochre-7: #734515;
  --dx-ochre-8: #57330f;
  --dx-ochre-9: #3b220a;
  --dx-ochre-10: #211205;
  --dx-crimson-1: #fcf2f2;
  --dx-crimson-2: #f5d9da;
  --dx-crimson-3: #e6afb2;
  --dx-crimson-4: #ce7a7e;
  --dx-crimson-5: #a64247;
  --dx-crimson-6: #76171b;
  --dx-crimson-7: #5e1215;
  --dx-crimson-8: #470d10;
  --dx-crimson-9: #30090b;
  --dx-crimson-10: #1a0405;
  --dx-river-1: #f1f7f9;
  --dx-river-2: #daebf0;
  --dx-river-3: #b6d8e0;
  --dx-river-4: #88becd;
  --dx-river-5: #60a2b2;
  --dx-river-6: #418593;
  --dx-river-7: #336a76;
  --dx-river-8: #264f58;
  --dx-river-9: #19353b;
  --dx-river-10: #0d1c1f;
  --dx-forest-1: #f0f6f4;
  --dx-forest-2: #d6e7e1;
  --dx-forest-3: #adcfc3;
  --dx-forest-4: #7bafa0;
  --dx-forest-5: #467969;
  --dx-forest-6: #1d4034;
  --dx-forest-7: #173329;
  --dx-forest-8: #11261f;
  --dx-forest-9: #0b1a15;
  --dx-forest-10: #060e0b;
  --dx-earth-1: #f8f4f1;
  --dx-earth-2: #ebe0d8;
  --dx-earth-3: #d3beb0;
  --dx-earth-4: #b2917b;
  --dx-earth-5: #7e583f;
  --dx-earth-6: #472713;
  --dx-earth-7: #391f0f;
  --dx-earth-8: #2b170b;
  --dx-earth-9: #1d0f07;
  --dx-earth-10: #100804;
  --dx-sand-1: #f7f5f0;
  --dx-sand-2: #ece7dc;
  --dx-sand-3: #dcd3c0;
  --dx-sand-4: #c4b79c;
  --dx-sand-5: #a69779;
  --dx-sand-6: #86785b;
  --dx-sand-7: #6b6048;
  --dx-sand-8: #514836;
  --dx-sand-9: #363024;
  --dx-sand-10: #1e1a14;
  --dx-neutral-1: #ffffff;
  --dx-neutral-2: #f5f5f6;
  --dx-neutral-3: #e4e4e7;
  --dx-neutral-4: #d1d1d6;
  --dx-neutral-5: #a0a0ab;
  --dx-neutral-6: #70707b;
  --dx-neutral-7: #51525c;
  --dx-neutral-8: #3a3a42;
  --dx-neutral-9: #1e1e24;
  --dx-neutral-10: #040406;
  --dx-green-1: #f2fdf6;
  --dx-green-2: #e1faea;
  --dx-green-3: #bef4d2;
  --dx-green-4: #8eecb0;
  --dx-green-5: #51e186;
  --dx-green-6: #22c55e;
  --dx-green-7: #1ca14d;
  --dx-green-8: #157a3a;
  --dx-green-9: #0f5729;
  --dx-green-10: #093419;
  --dx-red-1: #fef1f1;
  --dx-red-2: #fcdede;
  --dx-red-3: #f9b9b9;
  --dx-red-4: #f48080;
  --dx-red-5: #f16060;
  --dx-red-6: #ee4343;
  --dx-red-7: #dc1313;
  --dx-red-8: #a90f0f;
  --dx-red-9: #7a0b0b;
  --dx-red-10: #4b0707;
  --dx-yellow-1: #fef9f0;
  --dx-yellow-2: #fef2dd;
  --dx-yellow-3: #fce4ba;
  --dx-yellow-4: #fad189;
  --dx-yellow-5: #f8ba4f;
  --dx-yellow-6: #f59f0b;
  --dx-yellow-7: #bf7c08;
  --dx-yellow-8: #8e5c06;
  --dx-yellow-9: #624004;
  --dx-yellow-10: #3b2602;
  --dx-white-static-1: #ffffff0a;
  --dx-black-static-1: #0404060a;
  --dx-white-static-2: #ffffff1f;
  --dx-black-static-2: #0404061f;
  --dx-white-static-3: #ffffff3d;
  --dx-black-static-3: #0404063d;
  --dx-white-static-4: #ffffff8f;
  --dx-black-static-4: #0404068f;
  --dx-white-static-5: #ffffffb8;
  --dx-black-static-5: #040406b8;
  --dx-white-static-6: #ffffff;
  --dx-black-static-6: #040406;
  --dx-neutral-background-bg-subtle-01: var(--dx-neutral-1);
  --dx-neutral-background-bg-subtle-02: var(--dx-neutral-2);
  --dx-neutral-background-bg-tint-01: var(--dx-neutral-9);
  --dx-neutral-background-bg-tint-02: var(--dx-neutral-10);
  --dx-neutral-background-bg-subtle-enabled: var(--dx-neutral-3);
  --dx-neutral-background-bg-subtle-hover: var(--dx-neutral-4);
  --dx-neutral-background-bg-subtle-pressed: var(--dx-neutral-5);
  --dx-neutral-foreground-fg-low-contrast: var(--dx-neutral-6);
  --dx-neutral-foreground-fg-high-contrast: var(--dx-neutral-10);
  --dx-neutral-border-border-subtle-enabled: var(--dx-neutral-4);
  --dx-neutral-border-border-subtle-hover: var(--dx-neutral-5);
  --dx-neutral-border-border-subtle-pressed: var(--dx-neutral-6);
  --dx-neutral-border-border-tint-enabled: var(--dx-neutral-6);
  --dx-neutral-border-border-tint-hover: var(--dx-neutral-7);
  --dx-neutral-border-border-tint-pressed: var(--dx-neutral-8);
  --dx-surface-brand-background-bg-subtle-01: var(--dx-sand-1);
  --dx-surface-brand-background-bg-subtle-02: var(--dx-sand-2);
  --dx-surface-brand-background-bg-tint-01: var(--dx-sand-6);
  --dx-surface-brand-background-bg-tint-02: var(--dx-sand-7);
  --dx-surface-brand-background-bg-subtle-enabled: var(--dx-sand-3);
  --dx-surface-brand-background-bg-subtle-hover: var(--dx-sand-4);
  --dx-surface-brand-background-bg-subtle-pressed: var(--dx-sand-5);
  --dx-surface-brand-foreground-fg-low-contrast: var(--dx-sand-7);
  --dx-surface-brand-foreground-fg-high-contrast: var(--dx-sand-10);
  --dx-surface-brand-border-border-subtle-enabled: var(--dx-sand-4);
  --dx-surface-brand-border-border-subtle-hover: var(--dx-sand-5);
  --dx-surface-brand-border-border-subtle-pressed: var(--dx-sand-6);
  --dx-surface-brand-border-border-tint-enabled: var(--dx-sand-6);
  --dx-surface-brand-border-border-tint-hover: var(--dx-sand-7);
  --dx-surface-brand-border-border-tint-pressed: var(--dx-sand-8);
  --dx-accent-primary-background-bg-subtle-01: var(--dx-ochre-1);
  --dx-accent-primary-background-bg-subtle-02: var(--dx-ochre-2);
  --dx-accent-primary-background-bg-tint-01: var(--dx-ochre-6);
  --dx-accent-primary-background-bg-tint-02: var(--dx-ochre-7);
  --dx-accent-primary-background-bg-subtle-enabled: var(--dx-ochre-3);
  --dx-accent-primary-background-bg-subtle-hover: var(--dx-ochre-4);
  --dx-accent-primary-background-bg-subtle-pressed: var(--dx-ochre-5);
  --dx-accent-primary-foreground-fg-low-contrast: var(--dx-ochre-4);
  --dx-accent-primary-foreground-fg-high-contrast: var(--dx-ochre-6);
  --dx-accent-primary-border-border-subtle-enabled: var(--dx-ochre-3);
  --dx-accent-primary-border-border-subtle-hover: var(--dx-ochre-4);
  --dx-accent-primary-border-border-subtle-pressed: var(--dx-ochre-5);
  --dx-accent-primary-border-border-tint-enabled: var(--dx-ochre-6);
  --dx-accent-primary-border-border-tint-hover: var(--dx-ochre-7);
  --dx-accent-primary-border-border-tint-pressed: var(--dx-ochre-8);
  --dx-accent-secondary-background-bg-subtle-01: var(--dx-crimson-1);
  --dx-accent-secondary-background-bg-subtle-02: var(--dx-crimson-2);
  --dx-accent-secondary-background-bg-tint-01: var(--dx-crimson-6);
  --dx-accent-secondary-background-bg-tint-02: var(--dx-crimson-7);
  --dx-accent-secondary-background-bg-subtle-enabled: var(--dx-crimson-3);
  --dx-accent-secondary-background-bg-subtle-hover: var(--dx-crimson-4);
  --dx-accent-secondary-background-bg-subtle-pressed: var(--dx-crimson-5);
  --dx-accent-secondary-foreground-fg-low-contrast: var(--dx-crimson-4);
  --dx-accent-secondary-foreground-fg-high-contrast: var(--dx-crimson-6);
  --dx-accent-secondary-border-border-subtle-enabled: var(--dx-crimson-3);
  --dx-accent-secondary-border-border-subtle-hover: var(--dx-crimson-4);
  --dx-accent-secondary-border-border-subtle-pressed: var(--dx-crimson-5);
  --dx-accent-secondary-border-border-tint-enabled: var(--dx-crimson-6);
  --dx-accent-secondary-border-border-tint-hover: var(--dx-crimson-7);
  --dx-accent-secondary-border-border-tint-pressed: var(--dx-crimson-8);
  --dx-accent-river-background-bg-subtle-01: var(--dx-river-1);
  --dx-accent-river-background-bg-subtle-02: var(--dx-river-2);
  --dx-accent-river-background-bg-tint-01: var(--dx-river-6);
  --dx-accent-river-background-bg-tint-02: var(--dx-river-7);
  --dx-accent-river-background-bg-subtle-enabled: var(--dx-river-3);
  --dx-accent-river-background-bg-subtle-hover: var(--dx-river-4);
  --dx-accent-river-background-bg-subtle-pressed: var(--dx-river-5);
  --dx-accent-river-foreground-fg-low-contrast: var(--dx-river-4);
  --dx-accent-river-foreground-fg-high-contrast: var(--dx-river-6);
  --dx-accent-river-border-border-subtle-enabled: var(--dx-river-3);
  --dx-accent-river-border-border-subtle-hover: var(--dx-river-4);
  --dx-accent-river-border-border-subtle-pressed: var(--dx-river-5);
  --dx-accent-river-border-border-tint-enabled: var(--dx-river-6);
  --dx-accent-river-border-border-tint-hover: var(--dx-river-7);
  --dx-accent-river-border-border-tint-pressed: var(--dx-river-8);
  --dx-accent-forest-background-bg-subtle-01: var(--dx-forest-1);
  --dx-accent-forest-background-bg-subtle-02: var(--dx-forest-2);
  --dx-accent-forest-background-bg-tint-01: var(--dx-forest-6);
  --dx-accent-forest-background-bg-tint-02: var(--dx-forest-7);
  --dx-accent-forest-background-bg-subtle-enabled: var(--dx-forest-3);
  --dx-accent-forest-background-bg-subtle-hover: var(--dx-forest-4);
  --dx-accent-forest-background-bg-subtle-pressed: var(--dx-forest-5);
  --dx-accent-forest-foreground-fg-low-contrast: var(--dx-forest-4);
  --dx-accent-forest-foreground-fg-high-contrast: var(--dx-forest-6);
  --dx-accent-forest-border-border-subtle-enabled: var(--dx-forest-3);
  --dx-accent-forest-border-border-subtle-hover: var(--dx-forest-4);
  --dx-accent-forest-border-border-subtle-pressed: var(--dx-forest-5);
  --dx-accent-forest-border-border-tint-enabled: var(--dx-forest-6);
  --dx-accent-forest-border-border-tint-hover: var(--dx-forest-7);
  --dx-accent-forest-border-border-tint-pressed: var(--dx-forest-8);
  --dx-accent-earth-background-bg-subtle-01: var(--dx-earth-1);
  --dx-accent-earth-background-bg-subtle-02: var(--dx-earth-2);
  --dx-accent-earth-background-bg-tint-01: var(--dx-earth-6);
  --dx-accent-earth-background-bg-tint-02: var(--dx-earth-7);
  --dx-accent-earth-background-bg-subtle-enabled: var(--dx-earth-3);
  --dx-accent-earth-background-bg-subtle-hover: var(--dx-earth-4);
  --dx-accent-earth-background-bg-subtle-pressed: var(--dx-earth-5);
  --dx-accent-earth-foreground-fg-low-contrast: var(--dx-earth-4);
  --dx-accent-earth-foreground-fg-high-contrast: var(--dx-earth-6);
  --dx-accent-earth-border-border-subtle-enabled: var(--dx-earth-3);
  --dx-accent-earth-border-border-subtle-hover: var(--dx-earth-4);
  --dx-accent-earth-border-border-subtle-pressed: var(--dx-earth-5);
  --dx-accent-earth-border-border-tint-enabled: var(--dx-earth-6);
  --dx-accent-earth-border-border-tint-hover: var(--dx-earth-7);
  --dx-accent-earth-border-border-tint-pressed: var(--dx-earth-8);
  --dx-error-background-bg-subtle-01: var(--dx-red-1);
  --dx-error-background-bg-subtle-02: var(--dx-red-2);
  --dx-error-background-bg-tint-01: var(--dx-red-6);
  --dx-error-background-bg-tint-02: var(--dx-red-7);
  --dx-error-background-bg-subtle-enabled: var(--dx-red-3);
  --dx-error-background-bg-subtle-hover: var(--dx-red-4);
  --dx-error-background-bg-subtle-pressed: var(--dx-red-5);
  --dx-error-foreground-fg-low-contrast: var(--dx-red-4);
  --dx-error-foreground-fg-high-contrast: var(--dx-red-6);
  --dx-error-border-border-subtle-enabled: var(--dx-red-3);
  --dx-error-border-border-subtle-hover: var(--dx-red-4);
  --dx-error-border-border-subtle-pressed: var(--dx-red-5);
  --dx-error-border-border-tint-enabled: var(--dx-red-6);
  --dx-error-border-border-tint-hover: var(--dx-red-7);
  --dx-error-border-border-tint-pressed: var(--dx-red-8);
  --dx-success-background-bg-subtle-01: var(--dx-green-1);
  --dx-success-background-bg-subtle-02: var(--dx-green-2);
  --dx-success-background-bg-tint-01: var(--dx-green-6);
  --dx-success-background-bg-tint-02: var(--dx-green-7);
  --dx-success-background-bg-subtle-enabled: var(--dx-green-3);
  --dx-success-background-bg-subtle-hover: var(--dx-green-4);
  --dx-success-background-bg-subtle-pressed: var(--dx-green-5);
  --dx-success-foreground-fg-low-contrast: var(--dx-green-4);
  --dx-success-foreground-fg-high-contrast: var(--dx-green-7);
  --dx-success-border-border-subtle-enabled: var(--dx-green-3);
  --dx-success-border-border-subtle-hover: var(--dx-green-4);
  --dx-success-border-border-subtle-pressed: var(--dx-green-5);
  --dx-success-border-border-tint-enabled: var(--dx-green-6);
  --dx-success-border-border-tint-hover: var(--dx-green-7);
  --dx-success-border-border-tint-pressed: var(--dx-green-8);
  --dx-warning-background-bg-subtle-01: var(--dx-yellow-1);
  --dx-warning-background-bg-subtle-02: var(--dx-yellow-2);
  --dx-warning-background-bg-tint-01: var(--dx-yellow-6);
  --dx-warning-background-bg-tint-02: var(--dx-yellow-7);
  --dx-warning-background-bg-subtle-enabled: var(--dx-yellow-3);
  --dx-warning-background-bg-subtle-hover: var(--dx-yellow-4);
  --dx-warning-background-bg-subtle-pressed: var(--dx-yellow-5);
  --dx-warning-foreground-fg-low-contrast: var(--dx-yellow-4);
  --dx-warning-foreground-fg-high-contrast: var(--dx-yellow-6);
  --dx-warning-border-border-subtle-enabled: var(--dx-yellow-3);
  --dx-warning-border-border-subtle-hover: var(--dx-yellow-4);
  --dx-warning-border-border-subtle-pressed: var(--dx-yellow-5);
  --dx-warning-border-border-tint-enabled: var(--dx-yellow-6);
  --dx-warning-border-border-tint-hover: var(--dx-yellow-7);
  --dx-warning-border-border-tint-pressed: var(--dx-yellow-8);
  --dx-info-background-bg-subtle-01: var(--dx-river-1);
  --dx-info-background-bg-subtle-02: var(--dx-river-2);
  --dx-info-background-bg-tint-01: var(--dx-river-6);
  --dx-info-background-bg-tint-02: var(--dx-river-7);
  --dx-info-background-bg-subtle-enabled: var(--dx-river-3);
  --dx-info-background-bg-subtle-hover: var(--dx-river-4);
  --dx-info-background-bg-subtle-pressed: var(--dx-river-5);
  --dx-info-foreground-fg-low-contrast: var(--dx-river-4);
  --dx-info-foreground-fg-high-contrast: var(--dx-river-6);
  --dx-info-border-border-subtle-enabled: var(--dx-river-3);
  --dx-info-border-border-subtle-hover: var(--dx-river-4);
  --dx-info-border-border-subtle-pressed: var(--dx-river-5);
  --dx-info-border-border-tint-enabled: var(--dx-river-6);
  --dx-info-border-border-tint-hover: var(--dx-river-7);
  --dx-info-border-border-tint-pressed: var(--dx-river-8);
  --dx-on-tint-black-fg-low-contrast: var(--dx-black-static-4);
  --dx-on-tint-black-fg-high-contrast: var(--dx-neutral-10);
  --dx-on-tint-white-fg-low-contrast: var(--dx-white-static-5);
  --dx-on-tint-white-fg-high-contrast: var(--dx-neutral-1);
  --dx-neutral-disabled-bg-disabled: var(--dx-neutral-3);
  --dx-neutral-disabled-fg-disabled: var(--dx-neutral-5);
  --dx-accent-disabled-bg-disabled: var(--dx-ochre-2);
  --dx-accent-disabled-fg-disabled: var(--dx-ochre-4);
  --dx-overlays-overlay-black-1: var(--dx-black-static-1);
  --dx-overlays-overlay-black-2: var(--dx-black-static-2);
  --dx-overlays-overlay-black-3: var(--dx-black-static-3);
  --dx-overlays-overlay-black-4: var(--dx-black-static-4);
  --dx-overlays-overlay-black-5: var(--dx-black-static-5);
  --dx-overlays-overlay-white-1: var(--dx-white-static-1);
  --dx-overlays-overlay-white-2: var(--dx-white-static-2);
  --dx-overlays-overlay-white-3: var(--dx-white-static-3);
  --dx-overlays-overlay-white-4: var(--dx-white-static-4);
  --dx-overlays-overlay-white-5: var(--dx-white-static-5);
}
[data-diroxa-palette="dark"] {
  --dx-ochre-1: #211205;
  --dx-ochre-2: #3b220a;
  --dx-ochre-3: #57330f;
  --dx-ochre-4: #734515;
  --dx-ochre-5: #8f571c;
  --dx-ochre-6: #b47b3d;
  --dx-ochre-7: #d2a36d;
  --dx-ochre-8: #e6c9a5;
  --dx-ochre-9: #f4e6d4;
  --dx-ochre-10: #fbf6f0;
  --dx-crimson-1: #1a0405;
  --dx-crimson-2: #30090b;
  --dx-crimson-3: #470d10;
  --dx-crimson-4: #5e1215;
  --dx-crimson-5: #76171b;
  --dx-crimson-6: #a64247;
  --dx-crimson-7: #ce7a7e;
  --dx-crimson-8: #e6afb2;
  --dx-crimson-9: #f5d9da;
  --dx-crimson-10: #fcf2f2;
  --dx-river-1: #0d1c1f;
  --dx-river-2: #19353b;
  --dx-river-3: #264f58;
  --dx-river-4: #336a76;
  --dx-river-5: #418593;
  --dx-river-6: #60a2b2;
  --dx-river-7: #88becd;
  --dx-river-8: #b6d8e0;
  --dx-river-9: #daebf0;
  --dx-river-10: #f1f7f9;
  --dx-forest-1: #060e0b;
  --dx-forest-2: #0b1a15;
  --dx-forest-3: #11261f;
  --dx-forest-4: #173329;
  --dx-forest-5: #1d4034;
  --dx-forest-6: #467969;
  --dx-forest-7: #7bafa0;
  --dx-forest-8: #adcfc3;
  --dx-forest-9: #d6e7e1;
  --dx-forest-10: #f0f6f4;
  --dx-earth-1: #100804;
  --dx-earth-2: #1d0f07;
  --dx-earth-3: #2b170b;
  --dx-earth-4: #391f0f;
  --dx-earth-5: #472713;
  --dx-earth-6: #7e583f;
  --dx-earth-7: #b2917b;
  --dx-earth-8: #d3beb0;
  --dx-earth-9: #ebe0d8;
  --dx-earth-10: #f8f4f1;
  --dx-sand-1: #1e1a14;
  --dx-sand-2: #363024;
  --dx-sand-3: #514836;
  --dx-sand-4: #6b6048;
  --dx-sand-5: #86785b;
  --dx-sand-6: #a69779;
  --dx-sand-7: #c4b79c;
  --dx-sand-8: #dcd3c0;
  --dx-sand-9: #ece7dc;
  --dx-sand-10: #f7f5f0;
  --dx-neutral-1: #040406;
  --dx-neutral-2: #1e1e24;
  --dx-neutral-3: #3a3a42;
  --dx-neutral-4: #51525c;
  --dx-neutral-5: #70707b;
  --dx-neutral-6: #a0a0ab;
  --dx-neutral-7: #d1d1d6;
  --dx-neutral-8: #e4e4e7;
  --dx-neutral-9: #f5f5f6;
  --dx-neutral-10: #ffffff;
  --dx-green-1: #093419;
  --dx-green-2: #0f5729;
  --dx-green-3: #157a3a;
  --dx-green-4: #1ca14d;
  --dx-green-5: #22c55e;
  --dx-green-6: #51e186;
  --dx-green-7: #8eecb0;
  --dx-green-8: #bef4d2;
  --dx-green-9: #e1faea;
  --dx-green-10: #f2fdf6;
  --dx-red-1: #4b0707;
  --dx-red-2: #7a0b0b;
  --dx-red-3: #a90f0f;
  --dx-red-4: #dc1313;
  --dx-red-5: #ee4343;
  --dx-red-6: #f16060;
  --dx-red-7: #f48080;
  --dx-red-8: #f9b9b9;
  --dx-red-9: #fcdede;
  --dx-red-10: #fef1f1;
  --dx-yellow-1: #3b2602;
  --dx-yellow-2: #624004;
  --dx-yellow-3: #8e5c06;
  --dx-yellow-4: #bf7c08;
  --dx-yellow-5: #f59f0b;
  --dx-yellow-6: #f8ba4f;
  --dx-yellow-7: #fad189;
  --dx-yellow-8: #fce4ba;
  --dx-yellow-9: #fef2dd;
  --dx-yellow-10: #fef9f0;
  --dx-white-static-1: #ffffff0a;
  --dx-black-static-1: #0404060a;
  --dx-white-static-2: #ffffff1f;
  --dx-black-static-2: #0404061f;
  --dx-white-static-3: #ffffff3d;
  --dx-black-static-3: #0404063d;
  --dx-white-static-4: #ffffff8f;
  --dx-black-static-4: #0404068f;
  --dx-white-static-5: #ffffffb8;
  --dx-black-static-5: #040406b8;
  --dx-white-static-6: #ffffff;
  --dx-black-static-6: #040406;
  --dx-neutral-background-bg-subtle-01: var(--dx-neutral-1);
  --dx-neutral-background-bg-subtle-02: var(--dx-neutral-2);
  --dx-neutral-background-bg-tint-01: var(--dx-neutral-9);
  --dx-neutral-background-bg-tint-02: var(--dx-neutral-10);
  --dx-neutral-background-bg-subtle-enabled: var(--dx-neutral-3);
  --dx-neutral-background-bg-subtle-hover: var(--dx-neutral-4);
  --dx-neutral-background-bg-subtle-pressed: var(--dx-neutral-5);
  --dx-neutral-foreground-fg-low-contrast: var(--dx-neutral-6);
  --dx-neutral-foreground-fg-high-contrast: var(--dx-neutral-10);
  --dx-neutral-border-border-subtle-enabled: var(--dx-neutral-4);
  --dx-neutral-border-border-subtle-hover: var(--dx-neutral-5);
  --dx-neutral-border-border-subtle-pressed: var(--dx-neutral-6);
  --dx-neutral-border-border-tint-enabled: var(--dx-neutral-6);
  --dx-neutral-border-border-tint-hover: var(--dx-neutral-7);
  --dx-neutral-border-border-tint-pressed: var(--dx-neutral-8);
  --dx-surface-brand-background-bg-subtle-01: var(--dx-sand-1);
  --dx-surface-brand-background-bg-subtle-02: var(--dx-sand-2);
  --dx-surface-brand-background-bg-tint-01: var(--dx-sand-6);
  --dx-surface-brand-background-bg-tint-02: var(--dx-sand-7);
  --dx-surface-brand-background-bg-subtle-enabled: var(--dx-sand-3);
  --dx-surface-brand-background-bg-subtle-hover: var(--dx-sand-4);
  --dx-surface-brand-background-bg-subtle-pressed: var(--dx-sand-5);
  --dx-surface-brand-foreground-fg-low-contrast: var(--dx-sand-7);
  --dx-surface-brand-foreground-fg-high-contrast: var(--dx-sand-10);
  --dx-surface-brand-border-border-subtle-enabled: var(--dx-sand-4);
  --dx-surface-brand-border-border-subtle-hover: var(--dx-sand-5);
  --dx-surface-brand-border-border-subtle-pressed: var(--dx-sand-6);
  --dx-surface-brand-border-border-tint-enabled: var(--dx-sand-6);
  --dx-surface-brand-border-border-tint-hover: var(--dx-sand-7);
  --dx-surface-brand-border-border-tint-pressed: var(--dx-sand-8);
  --dx-accent-primary-background-bg-subtle-01: var(--dx-ochre-1);
  --dx-accent-primary-background-bg-subtle-02: var(--dx-ochre-2);
  --dx-accent-primary-background-bg-tint-01: var(--dx-ochre-6);
  --dx-accent-primary-background-bg-tint-02: var(--dx-ochre-7);
  --dx-accent-primary-background-bg-subtle-enabled: var(--dx-ochre-3);
  --dx-accent-primary-background-bg-subtle-hover: var(--dx-ochre-4);
  --dx-accent-primary-background-bg-subtle-pressed: var(--dx-ochre-5);
  --dx-accent-primary-foreground-fg-low-contrast: var(--dx-ochre-4);
  --dx-accent-primary-foreground-fg-high-contrast: var(--dx-ochre-6);
  --dx-accent-primary-border-border-subtle-enabled: var(--dx-ochre-3);
  --dx-accent-primary-border-border-subtle-hover: var(--dx-ochre-4);
  --dx-accent-primary-border-border-subtle-pressed: var(--dx-ochre-5);
  --dx-accent-primary-border-border-tint-enabled: var(--dx-ochre-6);
  --dx-accent-primary-border-border-tint-hover: var(--dx-ochre-7);
  --dx-accent-primary-border-border-tint-pressed: var(--dx-ochre-8);
  --dx-accent-secondary-background-bg-subtle-01: var(--dx-crimson-1);
  --dx-accent-secondary-background-bg-subtle-02: var(--dx-crimson-2);
  --dx-accent-secondary-background-bg-tint-01: var(--dx-crimson-6);
  --dx-accent-secondary-background-bg-tint-02: var(--dx-crimson-7);
  --dx-accent-secondary-background-bg-subtle-enabled: var(--dx-crimson-3);
  --dx-accent-secondary-background-bg-subtle-hover: var(--dx-crimson-4);
  --dx-accent-secondary-background-bg-subtle-pressed: var(--dx-crimson-5);
  --dx-accent-secondary-foreground-fg-low-contrast: var(--dx-crimson-4);
  --dx-accent-secondary-foreground-fg-high-contrast: var(--dx-crimson-6);
  --dx-accent-secondary-border-border-subtle-enabled: var(--dx-crimson-3);
  --dx-accent-secondary-border-border-subtle-hover: var(--dx-crimson-4);
  --dx-accent-secondary-border-border-subtle-pressed: var(--dx-crimson-5);
  --dx-accent-secondary-border-border-tint-enabled: var(--dx-crimson-6);
  --dx-accent-secondary-border-border-tint-hover: var(--dx-crimson-7);
  --dx-accent-secondary-border-border-tint-pressed: var(--dx-crimson-8);
  --dx-accent-river-background-bg-subtle-01: var(--dx-river-1);
  --dx-accent-river-background-bg-subtle-02: var(--dx-river-2);
  --dx-accent-river-background-bg-tint-01: var(--dx-river-6);
  --dx-accent-river-background-bg-tint-02: var(--dx-river-7);
  --dx-accent-river-background-bg-subtle-enabled: var(--dx-river-3);
  --dx-accent-river-background-bg-subtle-hover: var(--dx-river-4);
  --dx-accent-river-background-bg-subtle-pressed: var(--dx-river-5);
  --dx-accent-river-foreground-fg-low-contrast: var(--dx-river-4);
  --dx-accent-river-foreground-fg-high-contrast: var(--dx-river-6);
  --dx-accent-river-border-border-subtle-enabled: var(--dx-river-3);
  --dx-accent-river-border-border-subtle-hover: var(--dx-river-4);
  --dx-accent-river-border-border-subtle-pressed: var(--dx-river-5);
  --dx-accent-river-border-border-tint-enabled: var(--dx-river-6);
  --dx-accent-river-border-border-tint-hover: var(--dx-river-7);
  --dx-accent-river-border-border-tint-pressed: var(--dx-river-8);
  --dx-accent-forest-background-bg-subtle-01: var(--dx-forest-1);
  --dx-accent-forest-background-bg-subtle-02: var(--dx-forest-2);
  --dx-accent-forest-background-bg-tint-01: var(--dx-forest-6);
  --dx-accent-forest-background-bg-tint-02: var(--dx-forest-7);
  --dx-accent-forest-background-bg-subtle-enabled: var(--dx-forest-3);
  --dx-accent-forest-background-bg-subtle-hover: var(--dx-forest-4);
  --dx-accent-forest-background-bg-subtle-pressed: var(--dx-forest-5);
  --dx-accent-forest-foreground-fg-low-contrast: var(--dx-forest-4);
  --dx-accent-forest-foreground-fg-high-contrast: var(--dx-forest-6);
  --dx-accent-forest-border-border-subtle-enabled: var(--dx-forest-3);
  --dx-accent-forest-border-border-subtle-hover: var(--dx-forest-4);
  --dx-accent-forest-border-border-subtle-pressed: var(--dx-forest-5);
  --dx-accent-forest-border-border-tint-enabled: var(--dx-forest-6);
  --dx-accent-forest-border-border-tint-hover: var(--dx-forest-7);
  --dx-accent-forest-border-border-tint-pressed: var(--dx-forest-8);
  --dx-accent-earth-background-bg-subtle-01: var(--dx-earth-1);
  --dx-accent-earth-background-bg-subtle-02: var(--dx-earth-2);
  --dx-accent-earth-background-bg-tint-01: var(--dx-earth-6);
  --dx-accent-earth-background-bg-tint-02: var(--dx-earth-7);
  --dx-accent-earth-background-bg-subtle-enabled: var(--dx-earth-3);
  --dx-accent-earth-background-bg-subtle-hover: var(--dx-earth-4);
  --dx-accent-earth-background-bg-subtle-pressed: var(--dx-earth-5);
  --dx-accent-earth-foreground-fg-low-contrast: var(--dx-earth-4);
  --dx-accent-earth-foreground-fg-high-contrast: var(--dx-earth-6);
  --dx-accent-earth-border-border-subtle-enabled: var(--dx-earth-3);
  --dx-accent-earth-border-border-subtle-hover: var(--dx-earth-4);
  --dx-accent-earth-border-border-subtle-pressed: var(--dx-earth-5);
  --dx-accent-earth-border-border-tint-enabled: var(--dx-earth-6);
  --dx-accent-earth-border-border-tint-hover: var(--dx-earth-7);
  --dx-accent-earth-border-border-tint-pressed: var(--dx-earth-8);
  --dx-error-background-bg-subtle-01: var(--dx-red-1);
  --dx-error-background-bg-subtle-02: var(--dx-red-2);
  --dx-error-background-bg-tint-01: var(--dx-red-6);
  --dx-error-background-bg-tint-02: var(--dx-red-7);
  --dx-error-background-bg-subtle-enabled: var(--dx-red-3);
  --dx-error-background-bg-subtle-hover: var(--dx-red-4);
  --dx-error-background-bg-subtle-pressed: var(--dx-red-5);
  --dx-error-foreground-fg-low-contrast: var(--dx-red-4);
  --dx-error-foreground-fg-high-contrast: var(--dx-red-6);
  --dx-error-border-border-subtle-enabled: var(--dx-red-3);
  --dx-error-border-border-subtle-hover: var(--dx-red-4);
  --dx-error-border-border-subtle-pressed: var(--dx-red-5);
  --dx-error-border-border-tint-enabled: var(--dx-red-6);
  --dx-error-border-border-tint-hover: var(--dx-red-7);
  --dx-error-border-border-tint-pressed: var(--dx-red-8);
  --dx-success-background-bg-subtle-01: var(--dx-green-1);
  --dx-success-background-bg-subtle-02: var(--dx-green-2);
  --dx-success-background-bg-tint-01: var(--dx-green-6);
  --dx-success-background-bg-tint-02: var(--dx-green-7);
  --dx-success-background-bg-subtle-enabled: var(--dx-green-3);
  --dx-success-background-bg-subtle-hover: var(--dx-green-4);
  --dx-success-background-bg-subtle-pressed: var(--dx-green-5);
  --dx-success-foreground-fg-low-contrast: var(--dx-green-4);
  --dx-success-foreground-fg-high-contrast: var(--dx-green-7);
  --dx-success-border-border-subtle-enabled: var(--dx-green-3);
  --dx-success-border-border-subtle-hover: var(--dx-green-4);
  --dx-success-border-border-subtle-pressed: var(--dx-green-5);
  --dx-success-border-border-tint-enabled: var(--dx-green-6);
  --dx-success-border-border-tint-hover: var(--dx-green-7);
  --dx-success-border-border-tint-pressed: var(--dx-green-8);
  --dx-warning-background-bg-subtle-01: var(--dx-yellow-1);
  --dx-warning-background-bg-subtle-02: var(--dx-yellow-2);
  --dx-warning-background-bg-tint-01: var(--dx-yellow-6);
  --dx-warning-background-bg-tint-02: var(--dx-yellow-7);
  --dx-warning-background-bg-subtle-enabled: var(--dx-yellow-3);
  --dx-warning-background-bg-subtle-hover: var(--dx-yellow-4);
  --dx-warning-background-bg-subtle-pressed: var(--dx-yellow-5);
  --dx-warning-foreground-fg-low-contrast: var(--dx-yellow-4);
  --dx-warning-foreground-fg-high-contrast: var(--dx-yellow-6);
  --dx-warning-border-border-subtle-enabled: var(--dx-yellow-3);
  --dx-warning-border-border-subtle-hover: var(--dx-yellow-4);
  --dx-warning-border-border-subtle-pressed: var(--dx-yellow-5);
  --dx-warning-border-border-tint-enabled: var(--dx-yellow-6);
  --dx-warning-border-border-tint-hover: var(--dx-yellow-7);
  --dx-warning-border-border-tint-pressed: var(--dx-yellow-8);
  --dx-info-background-bg-subtle-01: var(--dx-river-1);
  --dx-info-background-bg-subtle-02: var(--dx-river-2);
  --dx-info-background-bg-tint-01: var(--dx-river-6);
  --dx-info-background-bg-tint-02: var(--dx-river-7);
  --dx-info-background-bg-subtle-enabled: var(--dx-river-3);
  --dx-info-background-bg-subtle-hover: var(--dx-river-4);
  --dx-info-background-bg-subtle-pressed: var(--dx-river-5);
  --dx-info-foreground-fg-low-contrast: var(--dx-river-4);
  --dx-info-foreground-fg-high-contrast: var(--dx-river-6);
  --dx-info-border-border-subtle-enabled: var(--dx-river-3);
  --dx-info-border-border-subtle-hover: var(--dx-river-4);
  --dx-info-border-border-subtle-pressed: var(--dx-river-5);
  --dx-info-border-border-tint-enabled: var(--dx-river-6);
  --dx-info-border-border-tint-hover: var(--dx-river-7);
  --dx-info-border-border-tint-pressed: var(--dx-river-8);
  --dx-on-tint-black-fg-low-contrast: var(--dx-black-static-4);
  --dx-on-tint-black-fg-high-contrast: var(--dx-neutral-10);
  --dx-on-tint-white-fg-low-contrast: var(--dx-white-static-5);
  --dx-on-tint-white-fg-high-contrast: var(--dx-neutral-1);
  --dx-neutral-disabled-bg-disabled: var(--dx-neutral-3);
  --dx-neutral-disabled-fg-disabled: var(--dx-neutral-5);
  --dx-accent-disabled-bg-disabled: var(--dx-ochre-2);
  --dx-accent-disabled-fg-disabled: var(--dx-ochre-4);
  --dx-overlays-overlay-black-1: var(--dx-black-static-1);
  --dx-overlays-overlay-black-2: var(--dx-black-static-2);
  --dx-overlays-overlay-black-3: var(--dx-black-static-3);
  --dx-overlays-overlay-black-4: var(--dx-black-static-4);
  --dx-overlays-overlay-black-5: var(--dx-black-static-5);
  --dx-overlays-overlay-white-1: var(--dx-white-static-1);
  --dx-overlays-overlay-white-2: var(--dx-white-static-2);
  --dx-overlays-overlay-white-3: var(--dx-white-static-3);
  --dx-overlays-overlay-white-4: var(--dx-white-static-4);
  --dx-overlays-overlay-white-5: var(--dx-white-static-5);
}
[data-diroxa-grid="desktop"] {
  --dx-grids-screen-width: 1440px;
  --dx-grids-columns: var(--dx-units-12);
  --dx-grids-width: var(--dx-units-72);
  --dx-grids-gutter: var(--dx-units-32);
}
[data-diroxa-grid="tablet"] {
  --dx-grids-screen-width: 800px;
  --dx-grids-columns: var(--dx-units-6);
  --dx-grids-width: var(--dx-units-88);
  --dx-grids-gutter: var(--dx-units-32);
}
[data-diroxa-grid="mobile"] {
  --dx-grids-screen-width: 360px;
  --dx-grids-columns: var(--dx-units-4);
  --dx-grids-width: var(--dx-units-72);
  --dx-grids-gutter: var(--dx-units-16);
}
@media (max-width: 800px) { :root {
  --dx-grids-screen-width: 800px;
  --dx-grids-columns: var(--dx-units-6);
  --dx-grids-width: var(--dx-units-88);
  --dx-grids-gutter: var(--dx-units-32);
} }
@media (max-width: 480px) { :root {
  --dx-grids-screen-width: 360px;
  --dx-grids-columns: var(--dx-units-4);
  --dx-grids-width: var(--dx-units-72);
  --dx-grids-gutter: var(--dx-units-16);
} }