body{background-color:red}:root{--color-gray-50: oklch(.985 .002 247.839);--color-gray-100: oklch(.967 .003 264.542);--color-gray-200: oklch(.928 .006 264.531);--color-gray-300: oklch(.872 .01 258.338);--color-gray-400: oklch(.707 .022 261.325);--color-gray-500: oklch(.551 .027 264.364);--color-gray-600: oklch(.446 .03 256.802);--color-gray-700: oklch(.373 .034 259.733);--color-gray-800: oklch(.278 .033 256.848);--color-gray-900: oklch(.21 .034 264.665);--color-gray-950: oklch(.13 .028 261.692);--color-sky-50: oklch(.977 .013 236.62);--color-sky-100: oklch(.951 .026 236.824);--color-sky-200: oklch(.901 .058 230.902);--color-sky-300: oklch(.828 .111 230.318);--color-sky-400: oklch(.746 .16 232.661);--color-sky-500: oklch(.685 .169 237.323);--color-sky-600: oklch(.588 .158 241.966);--color-sky-700: oklch(.5 .134 242.749);--color-sky-800: oklch(.443 .11 240.79);--color-sky-900: oklch(.391 .09 240.876);--color-sky-950: oklch(.293 .066 243.157);--color-blue-50: oklch(.97 .014 254.604);--color-blue-100: oklch(.932 .032 255.585);--color-blue-200: oklch(.882 .059 254.128);--color-blue-300: oklch(.809 .105 251.813);--color-blue-400: oklch(.707 .165 254.624);--color-blue-500: oklch(.623 .214 259.815);--color-blue-600: oklch(.546 .245 262.881);--color-blue-700: oklch(.488 .243 264.376);--color-blue-800: oklch(.424 .199 265.638);--color-blue-900: oklch(.379 .146 265.522);--color-blue-950: oklch(.282 .091 267.935);--color-green-50: oklch(.982 .018 155.826);--color-green-100: oklch(.962 .044 156.743);--color-green-200: oklch(.925 .084 155.995);--color-green-300: oklch(.871 .15 154.449);--color-green-400: oklch(.792 .209 151.711);--color-green-500: oklch(.723 .219 149.579);--color-green-600: oklch(.627 .194 149.214);--color-green-700: oklch(.527 .154 150.069);--color-green-800: oklch(.448 .119 151.328);--color-green-900: oklch(.393 .095 152.535);--color-green-950: oklch(.266 .065 152.934);--color-red-50: oklch(.971 .013 17.38);--color-red-100: oklch(.936 .032 17.717);--color-red-200: oklch(.885 .062 18.334);--color-red-300: oklch(.808 .114 19.571);--color-red-400: oklch(.704 .191 22.216);--color-red-500: oklch(.637 .237 25.331);--color-red-600: oklch(.577 .245 27.325);--color-red-700: oklch(.505 .213 27.518);--color-red-800: oklch(.444 .177 26.899);--color-red-900: oklch(.396 .141 25.723);--color-red-950: oklch(.258 .092 26.042)}:root{--ds-base: var(--color-gray-50);--ds-on-base: var(--color-gray-900);--ds-border: color-mix(in oklch, var(--ds-base), black 30%);--ds-hover: color-mix(in oklch, var(--ds-base), black 15%);--ds-primary: var(--color-sky-600);--ds-on-primary: var(--color-sky-200);--ds-primary-border: color-mix(in oklch, var(--ds-primary), white 40%);--ds-primary-hover: color-mix(in oklch, var(--ds-primary), black 15%);--ds-primary-grad-1: color-mix(in oklch, var(--ds-primary), white 15%);--ds-primary-grad-2: color-mix(in oklch, var(--ds-primary), black 15%);--ds-warning: var(--color-green-400);--ds-error: var(--color-red-600);--ds-base-font: "Roboto", sans-serif;--ds-base-font-size: 14px;--ds-menu-radius-in: 10px;--ds-menu-radius-out: 12px;--ds-menu-mobile-tint-color: black;--ds-button-default: var(--color-blue-600);--ds-button-on-default: var(--color-blue-200);--ds-button-default-grad: var(--color-blue-400);--ds-button-action: var(--color-green-600);--ds-button-on-action: var(--color-green-200);--ds-button-action-grad: var(--color-green-400);--ds-button-danger: var(--color-red-600);--ds-button-on-danger: var(--color-red-200);--ds-button-danger-grad: var(--color-red-400);--ds-table-title: var(--ds-primary);--ds-table-on-title: var(--ds-on-primary);--ds-child-table-hover-tint: black;--ds-form-input: color-mix(in oklch, var(--ds-base), black 5%);--ds-form-input-color: var(--ds-on-base);--ds-calendar: white;--ds-on-calendar: black;--ds-calendar-weekend: antiquewhite;--ds-on-calendar-light: color-mix(in oklch, var(--ds-on-calendar), white 50%)}:root.theme-dark{--ds-base: var(--color-gray-700);--ds-on-base: var(--color-gray-50);--ds-border: color-mix(in oklch, var(--ds-base), white 30%);--ds-hover: color-mix(in oklch, var(--ds-base), white 15%);--ds-menu-mobile-tint-color: white;--ds-table-title: var(--color-gray-800);--ds-table-on-title: var(--color-gray-200);--dt-row-hover: white;--ds-child-table-hover-tint: white;--ds-form-input: color-mix(in oklch, var(--ds-on-base), black 5%);--ds-form-input-color: var(--ds-base)}