:root{--etc-prim-space-4: 4px;--etc-prim-space-8: 8px;--etc-prim-space-12: 12px;--etc-prim-space-16: 16px;--etc-prim-space-20: 20px;--etc-prim-space-24: 24px;--etc-prim-space-28: 28px;--etc-prim-space-32: 32px;--etc-prim-space-48: 48px;--etc-prim-space-64: 64px}:root{--etc-prim-shadow-color: 21, 26, 43;--etc-prim-shadow--primary: 0 4px 8px rgba(var(--etc-prim-shadow-color), .42);--etc-prim-shadow--secondary: 0 1px 4px rgba(var(--etc-prim-shadow-color), .22);--etc-prim-shadow--dropdown: 0 4px 4px rgba(var(--etc-prim-shadow-color), .22)}@font-face{font-family:DM Sans;src:url("./media/DMSans-Regular.woff2") format("woff2");font-weight:400;font-style:normal}@font-face{font-family:DM Sans;src:url("./media/DMSans-Bold.woff2") format("woff2");font-weight:700;font-style:normal}:root{--etc-prim-color-blue-100: #eef8ff;--etc-prim-color-blue-200: #dcefff;--etc-prim-color-blue-300: #c8eeff;--etc-prim-color-blue-400: #a0dfff;--etc-prim-color-blue-500: #7bd2ff;--etc-prim-color-blue-600: #3ebaff;--etc-prim-color-blue-700: #0099e8;--etc-prim-color-blue-800: #0076c0;--etc-prim-color-blue-900: #005499;--etc-prim-color-blue-1000: #003466;--etc-prim-color-forest-100: #eef6ef;--etc-prim-color-forest-200: #d0e9d2;--etc-prim-color-forest-300: #a8d3ac;--etc-prim-color-forest-400: #7cbf82;--etc-prim-color-forest-500: #55aa5c;--etc-prim-color-forest-600: #388942;--etc-prim-color-forest-700: #2b6e34;--etc-prim-color-forest-800: #1e5226;--etc-prim-color-forest-900: #133719;--etc-prim-color-forest-1000: #0a1f0e;--etc-prim-color-green-100: #f2faf7;--etc-prim-color-green-200: #d5f3e6;--etc-prim-color-green-300: #a2e6bb;--etc-prim-color-green-400: #6dd4a0;--etc-prim-color-green-500: #3dc285;--etc-prim-color-green-600: #009e60;--etc-prim-color-green-700: #007e4c;--etc-prim-color-green-800: #005e38;--etc-prim-color-green-900: #003e25;--etc-prim-color-green-1000: #002114;--etc-prim-color-grey-100: #ffffff;--etc-prim-color-grey-200: #fcfcfc;--etc-prim-color-grey-300: #f8f7fd;--etc-prim-color-grey-400: #f3f3f3;--etc-prim-color-grey-500: #9e9e9e;--etc-prim-color-grey-600: #6e6e6e;--etc-prim-color-grey-700: #4a4a4a;--etc-prim-color-grey-800: #2d2d2d;--etc-prim-color-grey-900: #1a1a1a;--etc-prim-color-grey-1000: #0d0d0d;--etc-prim-color-red-100: #ffe5e5;--etc-prim-color-red-200: #f5c0c2;--etc-prim-color-red-300: #e5a0a3;--etc-prim-color-red-400: #d96065;--etc-prim-color-red-500: #d93e45;--etc-prim-color-red-600: #ce2029;--etc-prim-color-red-700: #a81820;--etc-prim-color-red-800: #821115;--etc-prim-color-red-900: #5c0a0d;--etc-prim-color-red-1000: #380608;--etc-prim-color-orange-100: #fef0e5;--etc-prim-color-orange-200: #fde0ca;--etc-prim-color-orange-300: #fac599;--etc-prim-color-orange-400: #f8a165;--etc-prim-color-orange-500: #ff5722;--etc-prim-color-orange-600: #f36e00;--etc-prim-color-orange-700: #c75800;--etc-prim-color-orange-800: #994300;--etc-prim-color-orange-900: #6b2e00;--etc-prim-color-orange-1000: #421c00;--etc-prim-color-pink-100: #fef0ff;--etc-prim-color-pink-200: #fbd8fe;--etc-prim-color-pink-300: #f8b6fc;--etc-prim-color-pink-400: #f07ef8;--etc-prim-color-pink-500: #e44def;--etc-prim-color-pink-600: #cc1edb;--etc-prim-color-pink-700: #a515b3;--etc-prim-color-pink-800: #7d0d88;--etc-prim-color-pink-900: #550860;--etc-prim-color-pink-1000: #30043a;--etc-prim-color-purple-100: #f5f4fe;--etc-prim-color-purple-200: #e2e0f7;--etc-prim-color-purple-300: #c8c4f2;--etc-prim-color-purple-400: #a8a2e8;--etc-prim-color-purple-500: #8880e0;--etc-prim-color-purple-600: #6e64d9;--etc-prim-color-purple-700: #554ac0;--etc-prim-color-purple-800: #443bb0;--etc-prim-color-purple-900: #352d87;--etc-prim-color-purple-1000: #1e1a50;--etc-prim-color-turquoise-100: #f5fafb;--etc-prim-color-turquoise-200: #d9eef2;--etc-prim-color-turquoise-300: #b8dee4;--etc-prim-color-turquoise-400: #8bc7d0;--etc-prim-color-turquoise-500: #60b3be;--etc-prim-color-turquoise-600: #3ea2b0;--etc-prim-color-turquoise-700: #2d8694;--etc-prim-color-turquoise-800: #1e6876;--etc-prim-color-turquoise-900: #114b57;--etc-prim-color-turquoise-1000: #083038;--etc-prim-color-yellow-100: #fff9c4;--etc-prim-color-yellow-200: #fff176;--etc-prim-color-yellow-300: #ffee58;--etc-prim-color-yellow-400: #ffe200;--etc-prim-color-yellow-500: #f5cb00;--etc-prim-color-yellow-600: #e6a800;--etc-prim-color-yellow-700: #cc8200;--etc-prim-color-yellow-800: #9a5f00;--etc-prim-color-yellow-900: #6b3f00;--etc-prim-color-yellow-1000: #3d2200;--etc-sem-color-brand: var(--etc-prim-color-purple-700);--etc-sem-color-brand-weak: var(--etc-prim-color-purple-400);--etc-sem-color-brand-weakest: var(--etc-prim-color-purple-200);--etc-sem-color-brand-contrast: var(--etc-prim-color-purple-900);--etc-sem-color-brand-heavy-contrast: var(--etc-prim-color-purple-1000);--etc-sem-color-success: var(--etc-prim-color-green-600);--etc-sem-color-error: var(--etc-prim-color-red-600);--etc-sem-color-warning: var(--etc-prim-color-orange-600);--etc-sem-color-none: var(--etc-prim-color-grey-100);--etc-sem-color-invert: var(--etc-prim-color-grey-1000);--etc-sem-color-neutral-weakest: var(--etc-prim-color-grey-200);--etc-sem-color-neutral-weak: var(--etc-prim-color-grey-300);--etc-sem-color-neutral: var(--etc-prim-color-grey-400);--etc-sem-color-neutral-contrast: var(--etc-prim-color-grey-500);--etc-sem-color-neutral-heavy-contrast: var(--etc-prim-color-grey-600);--etc-sem-color-bg-inactive: var(--etc-prim-color-grey-400);--etc-sem-color-bg-info: var(--etc-prim-color-blue-100);--etc-sem-color-bg-valid: var(--etc-prim-color-green-100);--etc-sem-color-bg-careful: var(--etc-prim-color-orange-100);--etc-sem-color-bg-danger: var(--etc-prim-color-red-100);--etc-sem-color-border-inactive: var(--etc-prim-color-grey-500);--etc-sem-color-border-info: var(--etc-prim-color-blue-200);--etc-sem-color-border-valid: var(--etc-prim-color-green-200);--etc-sem-color-border-careful: var(--etc-prim-color-orange-200);--etc-sem-color-border-danger: var(--etc-prim-color-red-200);--etc-sem-color-text-default: var(--etc-sem-color-invert);--etc-sem-color-text-weak: var(--etc-prim-color-grey-700);--etc-sem-color-text-weakest: var(--etc-prim-color-grey-600);--etc-sem-color-text-brand: var(--etc-sem-color-brand);--etc-sem-color-text-brand-heavy-contrast: var(--etc-prim-color-purple-900);--etc-sem-color-text-none: var(--etc-sem-color-none);--etc-sem-color-text-on-none: var(--etc-prim-color-purple-900);--etc-sem-color-text-success: var(--etc-sem-color-success);--etc-sem-color-text-error: var(--etc-sem-color-error);--etc-sem-color-text-hover: var(--etc-prim-color-purple-1000);--etc-sem-color-text-pressed: var(--etc-prim-color-purple-800);--etc-sem-color-text-focus: var(--etc-prim-color-purple-1000);--etc-sem-color-text-disabled: var(--etc-prim-color-grey-600);--etc-sem-color-text-on-disabled: var(--etc-prim-color-grey-900);--etc-sem-color-text-on-brand: var(--etc-sem-color-none);--etc-sem-color-bg-brand: var(--etc-sem-color-brand);--etc-sem-color-bg-brand-weak: var(--etc-sem-color-brand-weak);--etc-sem-color-bg-brand-heavy-contrast: var(--etc-sem-color-brand-heavy-contrast);--etc-sem-color-bg-none: var(--etc-sem-color-none);--etc-sem-color-bg-neutral-weakest: var(--etc-sem-color-neutral-weakest);--etc-sem-color-bg-neutral-weak: var(--etc-sem-color-neutral-weak);--etc-sem-color-bg-neutral: var(--etc-sem-color-neutral);--etc-sem-color-bg-neutral-contrast: var(--etc-sem-color-neutral-contrast);--etc-sem-color-bg-neutral-heavy-contrast: var(--etc-sem-color-neutral-heavy-contrast);--etc-sem-color-bg-success: var(--etc-sem-color-success);--etc-sem-color-bg-error: var(--etc-sem-color-error);--etc-sem-color-bg-warning: var(--etc-sem-color-warning);--etc-sem-color-bg-brand-hover: var(--etc-prim-color-purple-1000);--etc-sem-color-bg-brand-pressed: var(--etc-prim-color-purple-800);--etc-sem-color-bg-brand-focus: var(--etc-prim-color-purple-1000);--etc-sem-color-bg-brand-disabled: var(--etc-prim-color-grey-500);--etc-sem-color-bg-none-hover: var(--etc-prim-color-purple-100);--etc-sem-color-bg-none-pressed: var(--etc-prim-color-purple-200);--etc-sem-color-bg-none-focus: var(--etc-prim-color-purple-100);--etc-sem-color-bg-none-disabled: var(--etc-sem-color-none);--etc-sem-color-border-brand: var(--etc-sem-color-brand);--etc-sem-color-border-default: var(--etc-sem-color-invert);--etc-sem-color-border-separator: var(--etc-prim-color-purple-200);--etc-sem-color-border-neutral-weakest: var(--etc-sem-color-neutral-weakest);--etc-sem-color-border-neutral-weak: var(--etc-prim-color-purple-200);--etc-sem-color-border-neutral: var(--etc-sem-color-neutral);--etc-sem-color-border-neutral-contrast: var(--etc-prim-color-grey-600);--etc-sem-color-border-neutral-heavy-contrast: var(--etc-sem-color-neutral-heavy-contrast);--etc-sem-color-border-success: var(--etc-sem-color-success);--etc-sem-color-border-error: var(--etc-sem-color-error);--etc-sem-color-border-warning: var(--etc-sem-color-warning);--etc-sem-color-border-hover: var(--etc-sem-color-brand-contrast);--etc-sem-color-border-focus: var(--etc-sem-color-brand);--etc-sem-color-border-disabled: var(--etc-prim-color-grey-600);--etc-sem-radius-small: 8px;--etc-sem-radius-large: 12px;--etc-sem-radius-full: 9999px;--etc-sem-radius-button: 9999px;--etc-sem-font-family-regular: "DM Sans", arial, sans-serif;--etc-sem-font-family-bold: "DM Sans", arial, sans-serif;--etc-global-font-size: 100%;--etc-prim-font-size-1: 1.5rem;--etc-prim-font-line-height-1: 1.75rem;--etc-prim-font-size-2: 1.125rem;--etc-prim-font-line-height-2: 1.375rem;--etc-prim-font-size-3: 1rem;--etc-prim-font-line-height-3: 1.25rem;--etc-prim-font-size-4: .875rem;--etc-prim-font-line-height-4: 1.125rem;--etc-prim-font-size-5: .75rem;--etc-prim-font-line-height-5: .875rem;--etc-prim-font-size-6: .625rem;--etc-prim-font-line-height-6: .75rem;--etc-prim-shadow-color: 21, 26, 43;--etc-prim-shadow--primary: 0 4px 8px rgba(var(--etc-prim-shadow-color), .42);--etc-prim-shadow--secondary: 0 1px 4px rgba(var(--etc-prim-shadow-color), .22);--etc-prim-shadow--dropdown: 0 4px 4px rgba(var(--etc-prim-shadow-color), .22);color-scheme:light dark}@media(prefers-color-scheme:dark){:root{--etc-prim-color-blue-100: #eef8ff;--etc-prim-color-blue-200: #dcefff;--etc-prim-color-blue-300: #c8eeff;--etc-prim-color-blue-400: #a0dfff;--etc-prim-color-blue-500: #7bd2ff;--etc-prim-color-blue-600: #3ebaff;--etc-prim-color-blue-700: #0099e8;--etc-prim-color-blue-800: #0076c0;--etc-prim-color-blue-900: #005499;--etc-prim-color-blue-1000: #003466;--etc-prim-color-forest-100: #eef6ef;--etc-prim-color-forest-200: #d0e9d2;--etc-prim-color-forest-300: #a8d3ac;--etc-prim-color-forest-400: #7cbf82;--etc-prim-color-forest-500: #55aa5c;--etc-prim-color-forest-600: #388942;--etc-prim-color-forest-700: #2b6e34;--etc-prim-color-forest-800: #1e5226;--etc-prim-color-forest-900: #133719;--etc-prim-color-forest-1000: #0a1f0e;--etc-prim-color-green-100: #f2faf7;--etc-prim-color-green-200: #d5f3e6;--etc-prim-color-green-300: #a2e6bb;--etc-prim-color-green-400: #6dd4a0;--etc-prim-color-green-500: #3dc285;--etc-prim-color-green-600: #009e60;--etc-prim-color-green-700: #007e4c;--etc-prim-color-green-800: #005e38;--etc-prim-color-green-900: #003e25;--etc-prim-color-green-1000: #002114;--etc-prim-color-grey-100: #ffffff;--etc-prim-color-grey-200: #fcfcfc;--etc-prim-color-grey-300: #f8f7fd;--etc-prim-color-grey-400: #f3f3f3;--etc-prim-color-grey-500: #9e9e9e;--etc-prim-color-grey-600: #6e6e6e;--etc-prim-color-grey-700: #4a4a4a;--etc-prim-color-grey-800: #2d2d2d;--etc-prim-color-grey-900: #1a1a1a;--etc-prim-color-grey-1000: #0d0d0d;--etc-prim-color-red-100: #ffe5e5;--etc-prim-color-red-200: #f5c0c2;--etc-prim-color-red-300: #e5a0a3;--etc-prim-color-red-400: #d96065;--etc-prim-color-red-500: #d93e45;--etc-prim-color-red-600: #ce2029;--etc-prim-color-red-700: #a81820;--etc-prim-color-red-800: #821115;--etc-prim-color-red-900: #5c0a0d;--etc-prim-color-red-1000: #380608;--etc-prim-color-orange-100: #fef0e5;--etc-prim-color-orange-200: #fde0ca;--etc-prim-color-orange-300: #fac599;--etc-prim-color-orange-400: #f8a165;--etc-prim-color-orange-500: #ff5722;--etc-prim-color-orange-600: #f36e00;--etc-prim-color-orange-700: #c75800;--etc-prim-color-orange-800: #994300;--etc-prim-color-orange-900: #6b2e00;--etc-prim-color-orange-1000: #421c00;--etc-prim-color-pink-100: #fef0ff;--etc-prim-color-pink-200: #fbd8fe;--etc-prim-color-pink-300: #f8b6fc;--etc-prim-color-pink-400: #f07ef8;--etc-prim-color-pink-500: #e44def;--etc-prim-color-pink-600: #cc1edb;--etc-prim-color-pink-700: #a515b3;--etc-prim-color-pink-800: #7d0d88;--etc-prim-color-pink-900: #550860;--etc-prim-color-pink-1000: #30043a;--etc-prim-color-purple-100: #f5f4fe;--etc-prim-color-purple-200: #e2e0f7;--etc-prim-color-purple-300: #c8c4f2;--etc-prim-color-purple-400: #a8a2e8;--etc-prim-color-purple-500: #8880e0;--etc-prim-color-purple-600: #6e64d9;--etc-prim-color-purple-700: #554ac0;--etc-prim-color-purple-800: #443bb0;--etc-prim-color-purple-900: #352d87;--etc-prim-color-purple-1000: #1e1a50;--etc-prim-color-turquoise-100: #f5fafb;--etc-prim-color-turquoise-200: #d9eef2;--etc-prim-color-turquoise-300: #b8dee4;--etc-prim-color-turquoise-400: #8bc7d0;--etc-prim-color-turquoise-500: #60b3be;--etc-prim-color-turquoise-600: #3ea2b0;--etc-prim-color-turquoise-700: #2d8694;--etc-prim-color-turquoise-800: #1e6876;--etc-prim-color-turquoise-900: #114b57;--etc-prim-color-turquoise-1000: #083038;--etc-prim-color-yellow-100: #fff9c4;--etc-prim-color-yellow-200: #fff176;--etc-prim-color-yellow-300: #ffee58;--etc-prim-color-yellow-400: #ffe200;--etc-prim-color-yellow-500: #f5cb00;--etc-prim-color-yellow-600: #e6a800;--etc-prim-color-yellow-700: #cc8200;--etc-prim-color-yellow-800: #9a5f00;--etc-prim-color-yellow-900: #6b3f00;--etc-prim-color-yellow-1000: #3d2200;--etc-sem-color-brand: var(--etc-prim-color-purple-400);--etc-sem-color-brand-weak: var(--etc-prim-color-purple-300);--etc-sem-color-brand-weakest: var(--etc-prim-color-purple-800);--etc-sem-color-brand-contrast: var(--etc-prim-color-purple-200);--etc-sem-color-brand-heavy-contrast: var(--etc-prim-color-purple-600);--etc-sem-color-success: var(--etc-prim-color-green-400);--etc-sem-color-error: var(--etc-prim-color-red-400);--etc-sem-color-warning: var(--etc-prim-color-orange-400);--etc-sem-color-none: var(--etc-prim-color-grey-1000);--etc-sem-color-invert: var(--etc-prim-color-grey-100);--etc-sem-color-neutral-weakest: var(--etc-prim-color-grey-900);--etc-sem-color-neutral-weak: var(--etc-prim-color-grey-800);--etc-sem-color-neutral: var(--etc-prim-color-grey-600);--etc-sem-color-neutral-contrast: var(--etc-prim-color-grey-500);--etc-sem-color-neutral-heavy-contrast: var(--etc-prim-color-grey-500);--etc-sem-color-bg-inactive: var(--etc-prim-color-grey-600);--etc-sem-color-bg-info: var(--etc-prim-color-blue-800);--etc-sem-color-bg-valid: var(--etc-prim-color-green-700);--etc-sem-color-bg-careful: var(--etc-prim-color-orange-800);--etc-sem-color-bg-danger: var(--etc-prim-color-red-600);--etc-sem-color-border-inactive: var(--etc-prim-color-grey-600);--etc-sem-color-border-info: var(--etc-prim-color-blue-500);--etc-sem-color-border-valid: var(--etc-prim-color-green-600);--etc-sem-color-border-careful: var(--etc-prim-color-orange-600);--etc-sem-color-border-danger: var(--etc-prim-color-red-500);--etc-sem-color-text-default: var(--etc-sem-color-invert);--etc-sem-color-text-weak: var(--etc-prim-color-grey-300);--etc-sem-color-text-weakest: var(--etc-sem-color-neutral-contrast);--etc-sem-color-text-brand: var(--etc-sem-color-brand);--etc-sem-color-text-brand-heavy-contrast: var(--etc-prim-color-purple-200);--etc-sem-color-text-none: var(--etc-sem-color-none);--etc-sem-color-text-on-none: var(--etc-sem-color-invert);--etc-sem-color-text-success: var(--etc-sem-color-success);--etc-sem-color-text-error: var(--etc-prim-color-red-300);--etc-sem-color-text-hover: var(--etc-sem-color-brand-contrast);--etc-sem-color-text-pressed: var(--etc-prim-color-purple-400);--etc-sem-color-text-focus: var(--etc-prim-color-purple-200);--etc-sem-color-text-disabled: var(--etc-sem-color-neutral-contrast);--etc-sem-color-text-on-disabled: var(--etc-prim-color-grey-800);--etc-sem-color-text-on-brand: var(--etc-sem-color-none);--etc-sem-color-bg-brand: var(--etc-prim-color-purple-500);--etc-sem-color-bg-brand-weak: var(--etc-sem-color-brand-weak);--etc-sem-color-bg-brand-heavy-contrast: var(--etc-sem-color-brand-heavy-contrast);--etc-sem-color-bg-none: var(--etc-sem-color-none);--etc-sem-color-bg-neutral-weakest: var(--etc-sem-color-neutral-weakest);--etc-sem-color-bg-neutral-weak: var(--etc-sem-color-neutral-weak);--etc-sem-color-bg-neutral: var(--etc-sem-color-neutral);--etc-sem-color-bg-neutral-contrast: var(--etc-sem-color-neutral-contrast);--etc-sem-color-bg-neutral-heavy-contrast: var(--etc-sem-color-neutral-heavy-contrast);--etc-sem-color-bg-success: var(--etc-sem-color-success);--etc-sem-color-bg-error: var(--etc-sem-color-error);--etc-sem-color-bg-warning: var(--etc-sem-color-warning);--etc-sem-color-bg-brand-hover: var(--etc-sem-color-brand-contrast);--etc-sem-color-bg-brand-pressed: var(--etc-prim-color-purple-500);--etc-sem-color-bg-brand-focus: var(--etc-sem-color-brand-contrast);--etc-sem-color-bg-brand-disabled: var(--etc-prim-color-grey-500);--etc-sem-color-bg-none-hover: var(--etc-prim-color-purple-800);--etc-sem-color-bg-none-pressed: var(--etc-prim-color-purple-900);--etc-sem-color-bg-none-focus: var(--etc-prim-color-purple-800);--etc-sem-color-bg-none-disabled: var(--etc-prim-color-grey-900);--etc-sem-color-border-brand: var(--etc-sem-color-brand);--etc-sem-color-border-default: var(--etc-prim-color-grey-1000);--etc-sem-color-border-separator: var(--etc-sem-color-neutral);--etc-sem-color-border-neutral-weakest: var(--etc-prim-color-grey-600);--etc-sem-color-border-neutral-weak: var(--etc-prim-color-grey-700);--etc-sem-color-border-neutral: var(--etc-sem-color-neutral);--etc-sem-color-border-neutral-contrast: var(--etc-sem-color-neutral-contrast);--etc-sem-color-border-neutral-heavy-contrast: var(--etc-sem-color-neutral-heavy-contrast);--etc-sem-color-border-success: var(--etc-prim-color-green-500);--etc-sem-color-border-error: var(--etc-sem-color-error);--etc-sem-color-border-warning: var(--etc-sem-color-warning);--etc-sem-color-border-hover: var(--etc-sem-color-brand-contrast);--etc-sem-color-border-focus: var(--etc-prim-color-grey-100);--etc-sem-color-border-disabled: var(--etc-sem-color-neutral-contrast);--etc-prim-shadow-color: 243, 243, 243;--etc-prim-shadow--primary: 0 4px 8px rgba(var(--etc-prim-shadow-color), 1);--etc-prim-shadow--secondary: 0 1px 4px rgba(var(--etc-prim-shadow-color), 1);--etc-prim-shadow--dropdown: 0 4px 4px rgba(var(--etc-prim-shadow-color), 1)}}:root.etc-theme-dark,.etc-theme-dark{--etc-prim-color-blue-100: #eef8ff;--etc-prim-color-blue-200: #dcefff;--etc-prim-color-blue-300: #c8eeff;--etc-prim-color-blue-400: #a0dfff;--etc-prim-color-blue-500: #7bd2ff;--etc-prim-color-blue-600: #3ebaff;--etc-prim-color-blue-700: #0099e8;--etc-prim-color-blue-800: #0076c0;--etc-prim-color-blue-900: #005499;--etc-prim-color-blue-1000: #003466;--etc-prim-color-forest-100: #eef6ef;--etc-prim-color-forest-200: #d0e9d2;--etc-prim-color-forest-300: #a8d3ac;--etc-prim-color-forest-400: #7cbf82;--etc-prim-color-forest-500: #55aa5c;--etc-prim-color-forest-600: #388942;--etc-prim-color-forest-700: #2b6e34;--etc-prim-color-forest-800: #1e5226;--etc-prim-color-forest-900: #133719;--etc-prim-color-forest-1000: #0a1f0e;--etc-prim-color-green-100: #f2faf7;--etc-prim-color-green-200: #d5f3e6;--etc-prim-color-green-300: #a2e6bb;--etc-prim-color-green-400: #6dd4a0;--etc-prim-color-green-500: #3dc285;--etc-prim-color-green-600: #009e60;--etc-prim-color-green-700: #007e4c;--etc-prim-color-green-800: #005e38;--etc-prim-color-green-900: #003e25;--etc-prim-color-green-1000: #002114;--etc-prim-color-grey-100: #ffffff;--etc-prim-color-grey-200: #fcfcfc;--etc-prim-color-grey-300: #f8f7fd;--etc-prim-color-grey-400: #f3f3f3;--etc-prim-color-grey-500: #9e9e9e;--etc-prim-color-grey-600: #6e6e6e;--etc-prim-color-grey-700: #4a4a4a;--etc-prim-color-grey-800: #2d2d2d;--etc-prim-color-grey-900: #1a1a1a;--etc-prim-color-grey-1000: #0d0d0d;--etc-prim-color-red-100: #ffe5e5;--etc-prim-color-red-200: #f5c0c2;--etc-prim-color-red-300: #e5a0a3;--etc-prim-color-red-400: #d96065;--etc-prim-color-red-500: #d93e45;--etc-prim-color-red-600: #ce2029;--etc-prim-color-red-700: #a81820;--etc-prim-color-red-800: #821115;--etc-prim-color-red-900: #5c0a0d;--etc-prim-color-red-1000: #380608;--etc-prim-color-orange-100: #fef0e5;--etc-prim-color-orange-200: #fde0ca;--etc-prim-color-orange-300: #fac599;--etc-prim-color-orange-400: #f8a165;--etc-prim-color-orange-500: #ff5722;--etc-prim-color-orange-600: #f36e00;--etc-prim-color-orange-700: #c75800;--etc-prim-color-orange-800: #994300;--etc-prim-color-orange-900: #6b2e00;--etc-prim-color-orange-1000: #421c00;--etc-prim-color-pink-100: #fef0ff;--etc-prim-color-pink-200: #fbd8fe;--etc-prim-color-pink-300: #f8b6fc;--etc-prim-color-pink-400: #f07ef8;--etc-prim-color-pink-500: #e44def;--etc-prim-color-pink-600: #cc1edb;--etc-prim-color-pink-700: #a515b3;--etc-prim-color-pink-800: #7d0d88;--etc-prim-color-pink-900: #550860;--etc-prim-color-pink-1000: #30043a;--etc-prim-color-purple-100: #f5f4fe;--etc-prim-color-purple-200: #e2e0f7;--etc-prim-color-purple-300: #c8c4f2;--etc-prim-color-purple-400: #a8a2e8;--etc-prim-color-purple-500: #8880e0;--etc-prim-color-purple-600: #6e64d9;--etc-prim-color-purple-700: #554ac0;--etc-prim-color-purple-800: #443bb0;--etc-prim-color-purple-900: #352d87;--etc-prim-color-purple-1000: #1e1a50;--etc-prim-color-turquoise-100: #f5fafb;--etc-prim-color-turquoise-200: #d9eef2;--etc-prim-color-turquoise-300: #b8dee4;--etc-prim-color-turquoise-400: #8bc7d0;--etc-prim-color-turquoise-500: #60b3be;--etc-prim-color-turquoise-600: #3ea2b0;--etc-prim-color-turquoise-700: #2d8694;--etc-prim-color-turquoise-800: #1e6876;--etc-prim-color-turquoise-900: #114b57;--etc-prim-color-turquoise-1000: #083038;--etc-prim-color-yellow-100: #fff9c4;--etc-prim-color-yellow-200: #fff176;--etc-prim-color-yellow-300: #ffee58;--etc-prim-color-yellow-400: #ffe200;--etc-prim-color-yellow-500: #f5cb00;--etc-prim-color-yellow-600: #e6a800;--etc-prim-color-yellow-700: #cc8200;--etc-prim-color-yellow-800: #9a5f00;--etc-prim-color-yellow-900: #6b3f00;--etc-prim-color-yellow-1000: #3d2200;--etc-sem-color-brand: var(--etc-prim-color-purple-400);--etc-sem-color-brand-weak: var(--etc-prim-color-purple-300);--etc-sem-color-brand-weakest: var(--etc-prim-color-purple-800);--etc-sem-color-brand-contrast: var(--etc-prim-color-purple-200);--etc-sem-color-brand-heavy-contrast: var(--etc-prim-color-purple-600);--etc-sem-color-success: var(--etc-prim-color-green-400);--etc-sem-color-error: var(--etc-prim-color-red-400);--etc-sem-color-warning: var(--etc-prim-color-orange-400);--etc-sem-color-none: var(--etc-prim-color-grey-1000);--etc-sem-color-invert: var(--etc-prim-color-grey-100);--etc-sem-color-neutral-weakest: var(--etc-prim-color-grey-900);--etc-sem-color-neutral-weak: var(--etc-prim-color-grey-800);--etc-sem-color-neutral: var(--etc-prim-color-grey-600);--etc-sem-color-neutral-contrast: var(--etc-prim-color-grey-500);--etc-sem-color-neutral-heavy-contrast: var(--etc-prim-color-grey-500);--etc-sem-color-bg-inactive: var(--etc-prim-color-grey-600);--etc-sem-color-bg-info: var(--etc-prim-color-blue-800);--etc-sem-color-bg-valid: var(--etc-prim-color-green-700);--etc-sem-color-bg-careful: var(--etc-prim-color-orange-800);--etc-sem-color-bg-danger: var(--etc-prim-color-red-600);--etc-sem-color-border-inactive: var(--etc-prim-color-grey-600);--etc-sem-color-border-info: var(--etc-prim-color-blue-500);--etc-sem-color-border-valid: var(--etc-prim-color-green-600);--etc-sem-color-border-careful: var(--etc-prim-color-orange-600);--etc-sem-color-border-danger: var(--etc-prim-color-red-500);--etc-sem-color-text-default: var(--etc-sem-color-invert);--etc-sem-color-text-weak: var(--etc-prim-color-grey-300);--etc-sem-color-text-weakest: var(--etc-sem-color-neutral-contrast);--etc-sem-color-text-brand: var(--etc-sem-color-brand);--etc-sem-color-text-brand-heavy-contrast: var(--etc-prim-color-purple-200);--etc-sem-color-text-none: var(--etc-sem-color-none);--etc-sem-color-text-on-none: var(--etc-sem-color-invert);--etc-sem-color-text-success: var(--etc-sem-color-success);--etc-sem-color-text-error: var(--etc-prim-color-red-300);--etc-sem-color-text-hover: var(--etc-sem-color-brand-contrast);--etc-sem-color-text-pressed: var(--etc-prim-color-purple-400);--etc-sem-color-text-focus: var(--etc-prim-color-purple-200);--etc-sem-color-text-disabled: var(--etc-sem-color-neutral-contrast);--etc-sem-color-text-on-disabled: var(--etc-prim-color-grey-800);--etc-sem-color-text-on-brand: var(--etc-sem-color-none);--etc-sem-color-bg-brand: var(--etc-prim-color-purple-500);--etc-sem-color-bg-brand-weak: var(--etc-sem-color-brand-weak);--etc-sem-color-bg-brand-heavy-contrast: var(--etc-sem-color-brand-heavy-contrast);--etc-sem-color-bg-none: var(--etc-sem-color-none);--etc-sem-color-bg-neutral-weakest: var(--etc-sem-color-neutral-weakest);--etc-sem-color-bg-neutral-weak: var(--etc-sem-color-neutral-weak);--etc-sem-color-bg-neutral: var(--etc-sem-color-neutral);--etc-sem-color-bg-neutral-contrast: var(--etc-sem-color-neutral-contrast);--etc-sem-color-bg-neutral-heavy-contrast: var(--etc-sem-color-neutral-heavy-contrast);--etc-sem-color-bg-success: var(--etc-sem-color-success);--etc-sem-color-bg-error: var(--etc-sem-color-error);--etc-sem-color-bg-warning: var(--etc-sem-color-warning);--etc-sem-color-bg-brand-hover: var(--etc-sem-color-brand-contrast);--etc-sem-color-bg-brand-pressed: var(--etc-prim-color-purple-500);--etc-sem-color-bg-brand-focus: var(--etc-sem-color-brand-contrast);--etc-sem-color-bg-brand-disabled: var(--etc-prim-color-grey-500);--etc-sem-color-bg-none-hover: var(--etc-prim-color-purple-800);--etc-sem-color-bg-none-pressed: var(--etc-prim-color-purple-900);--etc-sem-color-bg-none-focus: var(--etc-prim-color-purple-800);--etc-sem-color-bg-none-disabled: var(--etc-prim-color-grey-900);--etc-sem-color-border-brand: var(--etc-sem-color-brand);--etc-sem-color-border-default: var(--etc-prim-color-grey-1000);--etc-sem-color-border-separator: var(--etc-sem-color-neutral);--etc-sem-color-border-neutral-weakest: var(--etc-prim-color-grey-600);--etc-sem-color-border-neutral-weak: var(--etc-prim-color-grey-700);--etc-sem-color-border-neutral: var(--etc-sem-color-neutral);--etc-sem-color-border-neutral-contrast: var(--etc-sem-color-neutral-contrast);--etc-sem-color-border-neutral-heavy-contrast: var(--etc-sem-color-neutral-heavy-contrast);--etc-sem-color-border-success: var(--etc-prim-color-green-500);--etc-sem-color-border-error: var(--etc-sem-color-error);--etc-sem-color-border-warning: var(--etc-sem-color-warning);--etc-sem-color-border-hover: var(--etc-sem-color-brand-contrast);--etc-sem-color-border-focus: var(--etc-prim-color-grey-100);--etc-sem-color-border-disabled: var(--etc-sem-color-neutral-contrast);--etc-prim-shadow-color: 243, 243, 243;--etc-prim-shadow--primary: 0 4px 8px rgba(var(--etc-prim-shadow-color), 1);--etc-prim-shadow--secondary: 0 1px 4px rgba(var(--etc-prim-shadow-color), 1);--etc-prim-shadow--dropdown: 0 4px 4px rgba(var(--etc-prim-shadow-color), 1);color-scheme:dark}:root.etc-theme-light,.etc-theme-light{--etc-prim-color-blue-100: #eef8ff;--etc-prim-color-blue-200: #dcefff;--etc-prim-color-blue-300: #c8eeff;--etc-prim-color-blue-400: #a0dfff;--etc-prim-color-blue-500: #7bd2ff;--etc-prim-color-blue-600: #3ebaff;--etc-prim-color-blue-700: #0099e8;--etc-prim-color-blue-800: #0076c0;--etc-prim-color-blue-900: #005499;--etc-prim-color-blue-1000: #003466;--etc-prim-color-forest-100: #eef6ef;--etc-prim-color-forest-200: #d0e9d2;--etc-prim-color-forest-300: #a8d3ac;--etc-prim-color-forest-400: #7cbf82;--etc-prim-color-forest-500: #55aa5c;--etc-prim-color-forest-600: #388942;--etc-prim-color-forest-700: #2b6e34;--etc-prim-color-forest-800: #1e5226;--etc-prim-color-forest-900: #133719;--etc-prim-color-forest-1000: #0a1f0e;--etc-prim-color-green-100: #f2faf7;--etc-prim-color-green-200: #d5f3e6;--etc-prim-color-green-300: #a2e6bb;--etc-prim-color-green-400: #6dd4a0;--etc-prim-color-green-500: #3dc285;--etc-prim-color-green-600: #009e60;--etc-prim-color-green-700: #007e4c;--etc-prim-color-green-800: #005e38;--etc-prim-color-green-900: #003e25;--etc-prim-color-green-1000: #002114;--etc-prim-color-grey-100: #ffffff;--etc-prim-color-grey-200: #fcfcfc;--etc-prim-color-grey-300: #f8f7fd;--etc-prim-color-grey-400: #f3f3f3;--etc-prim-color-grey-500: #9e9e9e;--etc-prim-color-grey-600: #6e6e6e;--etc-prim-color-grey-700: #4a4a4a;--etc-prim-color-grey-800: #2d2d2d;--etc-prim-color-grey-900: #1a1a1a;--etc-prim-color-grey-1000: #0d0d0d;--etc-prim-color-red-100: #ffe5e5;--etc-prim-color-red-200: #f5c0c2;--etc-prim-color-red-300: #e5a0a3;--etc-prim-color-red-400: #d96065;--etc-prim-color-red-500: #d93e45;--etc-prim-color-red-600: #ce2029;--etc-prim-color-red-700: #a81820;--etc-prim-color-red-800: #821115;--etc-prim-color-red-900: #5c0a0d;--etc-prim-color-red-1000: #380608;--etc-prim-color-orange-100: #fef0e5;--etc-prim-color-orange-200: #fde0ca;--etc-prim-color-orange-300: #fac599;--etc-prim-color-orange-400: #f8a165;--etc-prim-color-orange-500: #ff5722;--etc-prim-color-orange-600: #f36e00;--etc-prim-color-orange-700: #c75800;--etc-prim-color-orange-800: #994300;--etc-prim-color-orange-900: #6b2e00;--etc-prim-color-orange-1000: #421c00;--etc-prim-color-pink-100: #fef0ff;--etc-prim-color-pink-200: #fbd8fe;--etc-prim-color-pink-300: #f8b6fc;--etc-prim-color-pink-400: #f07ef8;--etc-prim-color-pink-500: #e44def;--etc-prim-color-pink-600: #cc1edb;--etc-prim-color-pink-700: #a515b3;--etc-prim-color-pink-800: #7d0d88;--etc-prim-color-pink-900: #550860;--etc-prim-color-pink-1000: #30043a;--etc-prim-color-purple-100: #f5f4fe;--etc-prim-color-purple-200: #e2e0f7;--etc-prim-color-purple-300: #c8c4f2;--etc-prim-color-purple-400: #a8a2e8;--etc-prim-color-purple-500: #8880e0;--etc-prim-color-purple-600: #6e64d9;--etc-prim-color-purple-700: #554ac0;--etc-prim-color-purple-800: #443bb0;--etc-prim-color-purple-900: #352d87;--etc-prim-color-purple-1000: #1e1a50;--etc-prim-color-turquoise-100: #f5fafb;--etc-prim-color-turquoise-200: #d9eef2;--etc-prim-color-turquoise-300: #b8dee4;--etc-prim-color-turquoise-400: #8bc7d0;--etc-prim-color-turquoise-500: #60b3be;--etc-prim-color-turquoise-600: #3ea2b0;--etc-prim-color-turquoise-700: #2d8694;--etc-prim-color-turquoise-800: #1e6876;--etc-prim-color-turquoise-900: #114b57;--etc-prim-color-turquoise-1000: #083038;--etc-prim-color-yellow-100: #fff9c4;--etc-prim-color-yellow-200: #fff176;--etc-prim-color-yellow-300: #ffee58;--etc-prim-color-yellow-400: #ffe200;--etc-prim-color-yellow-500: #f5cb00;--etc-prim-color-yellow-600: #e6a800;--etc-prim-color-yellow-700: #cc8200;--etc-prim-color-yellow-800: #9a5f00;--etc-prim-color-yellow-900: #6b3f00;--etc-prim-color-yellow-1000: #3d2200;--etc-sem-color-brand: var(--etc-prim-color-purple-700);--etc-sem-color-brand-weak: var(--etc-prim-color-purple-400);--etc-sem-color-brand-weakest: var(--etc-prim-color-purple-200);--etc-sem-color-brand-contrast: var(--etc-prim-color-purple-900);--etc-sem-color-brand-heavy-contrast: var(--etc-prim-color-purple-1000);--etc-sem-color-success: var(--etc-prim-color-green-600);--etc-sem-color-error: var(--etc-prim-color-red-600);--etc-sem-color-warning: var(--etc-prim-color-orange-600);--etc-sem-color-none: var(--etc-prim-color-grey-100);--etc-sem-color-invert: var(--etc-prim-color-grey-1000);--etc-sem-color-neutral-weakest: var(--etc-prim-color-grey-200);--etc-sem-color-neutral-weak: var(--etc-prim-color-grey-300);--etc-sem-color-neutral: var(--etc-prim-color-grey-400);--etc-sem-color-neutral-contrast: var(--etc-prim-color-grey-500);--etc-sem-color-neutral-heavy-contrast: var(--etc-prim-color-grey-600);--etc-sem-color-bg-inactive: var(--etc-prim-color-grey-400);--etc-sem-color-bg-info: var(--etc-prim-color-blue-100);--etc-sem-color-bg-valid: var(--etc-prim-color-green-100);--etc-sem-color-bg-careful: var(--etc-prim-color-orange-100);--etc-sem-color-bg-danger: var(--etc-prim-color-red-100);--etc-sem-color-border-inactive: var(--etc-prim-color-grey-500);--etc-sem-color-border-info: var(--etc-prim-color-blue-200);--etc-sem-color-border-valid: var(--etc-prim-color-green-200);--etc-sem-color-border-careful: var(--etc-prim-color-orange-200);--etc-sem-color-border-danger: var(--etc-prim-color-red-200);--etc-sem-color-text-default: var(--etc-sem-color-invert);--etc-sem-color-text-weak: var(--etc-prim-color-grey-700);--etc-sem-color-text-weakest: var(--etc-prim-color-grey-600);--etc-sem-color-text-brand: var(--etc-sem-color-brand);--etc-sem-color-text-brand-heavy-contrast: var(--etc-prim-color-purple-900);--etc-sem-color-text-none: var(--etc-sem-color-none);--etc-sem-color-text-on-none: var(--etc-prim-color-purple-900);--etc-sem-color-text-success: var(--etc-sem-color-success);--etc-sem-color-text-error: var(--etc-sem-color-error);--etc-sem-color-text-hover: var(--etc-prim-color-purple-1000);--etc-sem-color-text-pressed: var(--etc-prim-color-purple-800);--etc-sem-color-text-focus: var(--etc-prim-color-purple-1000);--etc-sem-color-text-disabled: var(--etc-prim-color-grey-600);--etc-sem-color-text-on-disabled: var(--etc-prim-color-grey-900);--etc-sem-color-text-on-brand: var(--etc-sem-color-none);--etc-sem-color-bg-brand: var(--etc-sem-color-brand);--etc-sem-color-bg-brand-weak: var(--etc-sem-color-brand-weak);--etc-sem-color-bg-brand-heavy-contrast: var(--etc-sem-color-brand-heavy-contrast);--etc-sem-color-bg-none: var(--etc-sem-color-none);--etc-sem-color-bg-neutral-weakest: var(--etc-sem-color-neutral-weakest);--etc-sem-color-bg-neutral-weak: var(--etc-sem-color-neutral-weak);--etc-sem-color-bg-neutral: var(--etc-sem-color-neutral);--etc-sem-color-bg-neutral-contrast: var(--etc-sem-color-neutral-contrast);--etc-sem-color-bg-neutral-heavy-contrast: var(--etc-sem-color-neutral-heavy-contrast);--etc-sem-color-bg-success: var(--etc-sem-color-success);--etc-sem-color-bg-error: var(--etc-sem-color-error);--etc-sem-color-bg-warning: var(--etc-sem-color-warning);--etc-sem-color-bg-brand-hover: var(--etc-prim-color-purple-1000);--etc-sem-color-bg-brand-pressed: var(--etc-prim-color-purple-800);--etc-sem-color-bg-brand-focus: var(--etc-prim-color-purple-1000);--etc-sem-color-bg-brand-disabled: var(--etc-prim-color-grey-500);--etc-sem-color-bg-none-hover: var(--etc-prim-color-purple-100);--etc-sem-color-bg-none-pressed: var(--etc-prim-color-purple-200);--etc-sem-color-bg-none-focus: var(--etc-prim-color-purple-100);--etc-sem-color-bg-none-disabled: var(--etc-sem-color-none);--etc-sem-color-border-brand: var(--etc-sem-color-brand);--etc-sem-color-border-default: var(--etc-sem-color-invert);--etc-sem-color-border-separator: var(--etc-prim-color-purple-200);--etc-sem-color-border-neutral-weakest: var(--etc-sem-color-neutral-weakest);--etc-sem-color-border-neutral-weak: var(--etc-prim-color-purple-200);--etc-sem-color-border-neutral: var(--etc-sem-color-neutral);--etc-sem-color-border-neutral-contrast: var(--etc-prim-color-grey-600);--etc-sem-color-border-neutral-heavy-contrast: var(--etc-sem-color-neutral-heavy-contrast);--etc-sem-color-border-success: var(--etc-sem-color-success);--etc-sem-color-border-error: var(--etc-sem-color-error);--etc-sem-color-border-warning: var(--etc-sem-color-warning);--etc-sem-color-border-hover: var(--etc-sem-color-brand-contrast);--etc-sem-color-border-focus: var(--etc-sem-color-brand);--etc-sem-color-border-disabled: var(--etc-prim-color-grey-600);--etc-sem-radius-small: 8px;--etc-sem-radius-large: 12px;--etc-sem-radius-full: 9999px;--etc-sem-radius-button: 9999px;--etc-sem-font-family-regular: "DM Sans", arial, sans-serif;--etc-sem-font-family-bold: "DM Sans", arial, sans-serif;--etc-global-font-size: 100%;--etc-prim-font-size-1: 1.5rem;--etc-prim-font-line-height-1: 1.75rem;--etc-prim-font-size-2: 1.125rem;--etc-prim-font-line-height-2: 1.375rem;--etc-prim-font-size-3: 1rem;--etc-prim-font-line-height-3: 1.25rem;--etc-prim-font-size-4: .875rem;--etc-prim-font-line-height-4: 1.125rem;--etc-prim-font-size-5: .75rem;--etc-prim-font-line-height-5: .875rem;--etc-prim-font-size-6: .625rem;--etc-prim-font-line-height-6: .75rem;--etc-prim-shadow-color: 21, 26, 43;--etc-prim-shadow--primary: 0 4px 8px rgba(var(--etc-prim-shadow-color), .42);--etc-prim-shadow--secondary: 0 1px 4px rgba(var(--etc-prim-shadow-color), .22);--etc-prim-shadow--dropdown: 0 4px 4px rgba(var(--etc-prim-shadow-color), .22);color-scheme:light}:root{--dtn-sem-color-bg-use-default: var(--etc-sem-color-bg-neutral);--dtn-sem-color-bg-use-monochrome: var(--etc-prim-color-purple-200);--dtn-sem-color-bg-use-heating: #f5c0c2;--dtn-sem-color-bg-use-hot-water: #dcefff;--dtn-sem-color-bg-use-air-conditioning: #e2e0f7;--dtn-sem-color-bg-use-washing-drying: #d9eef2;--dtn-sem-color-bg-use-cooking: #fde0ca;--dtn-sem-color-bg-use-lighting: #fff9c4;--dtn-sem-color-bg-use-electric-vehicle: #d0e9d2;--dtn-sem-color-bg-use-always-on: #fef0ff;--dtn-sem-color-bg-use-fridge-freezer: #d5f3e6;--dtn-sem-color-bg-use-swimming-pool: #dcefff;--dtn-sem-color-bg-use-audiovisual: #fbd8fe;--dtn-graph-elec-bar-background: #6e64d9;--dtn-graph-elec-bar-hovered-background: #1e1a50;--dtn-graph-gas-bar-background: #3ea2b0;--dtn-graph-gas-bar-hovered-background: #083038}@media(prefers-color-scheme:dark){:root{--dtn-sem-color-bg-use-default: var(--etc-sem-color-bg-neutral);--dtn-sem-color-bg-use-monochrome: var(--etc-prim-color-purple-500);--dtn-sem-color-bg-use-heating: #d93e45;--dtn-sem-color-bg-use-hot-water: #0099e8;--dtn-sem-color-bg-use-air-conditioning: #8880e0;--dtn-sem-color-bg-use-washing-drying: #2d8694;--dtn-sem-color-bg-use-cooking: #c75800;--dtn-sem-color-bg-use-lighting: #9a5f00;--dtn-sem-color-bg-use-electric-vehicle: #388942;--dtn-sem-color-bg-use-always-on: #e44def;--dtn-sem-color-bg-use-fridge-freezer: #009e60;--dtn-sem-color-bg-use-swimming-pool: #0099e8;--dtn-sem-color-bg-use-audiovisual: #a515b3;--dtn-graph-elec-bar-background: #6e64d9;--dtn-graph-elec-bar-hovered-background: #e2e0f7;--dtn-graph-gas-bar-background: #2d8694;--dtn-graph-gas-bar-hovered-background: #d9eef2}}.etc-theme-dark{--dtn-sem-color-bg-use-default: var(--etc-sem-color-bg-neutral);--dtn-sem-color-bg-use-monochrome: var(--etc-prim-color-purple-500);--dtn-sem-color-bg-use-heating: #d93e45;--dtn-sem-color-bg-use-hot-water: #0099e8;--dtn-sem-color-bg-use-air-conditioning: #8880e0;--dtn-sem-color-bg-use-washing-drying: #2d8694;--dtn-sem-color-bg-use-cooking: #c75800;--dtn-sem-color-bg-use-lighting: #9a5f00;--dtn-sem-color-bg-use-electric-vehicle: #388942;--dtn-sem-color-bg-use-always-on: #e44def;--dtn-sem-color-bg-use-fridge-freezer: #009e60;--dtn-sem-color-bg-use-swimming-pool: #0099e8;--dtn-sem-color-bg-use-audiovisual: #a515b3;--dtn-graph-elec-bar-background: #6e64d9;--dtn-graph-elec-bar-hovered-background: #e2e0f7;--dtn-graph-gas-bar-background: #2d8694;--dtn-graph-gas-bar-hovered-background: #d9eef2}.etc-theme-light{--dtn-sem-color-bg-use-default: var(--etc-sem-color-bg-neutral);--dtn-sem-color-bg-use-monochrome: var(--etc-prim-color-purple-200);--dtn-sem-color-bg-use-heating: #f5c0c2;--dtn-sem-color-bg-use-hot-water: #dcefff;--dtn-sem-color-bg-use-air-conditioning: #e2e0f7;--dtn-sem-color-bg-use-washing-drying: #d9eef2;--dtn-sem-color-bg-use-cooking: #fde0ca;--dtn-sem-color-bg-use-lighting: #fff9c4;--dtn-sem-color-bg-use-electric-vehicle: #d0e9d2;--dtn-sem-color-bg-use-always-on: #fef0ff;--dtn-sem-color-bg-use-fridge-freezer: #d5f3e6;--dtn-sem-color-bg-use-swimming-pool: #dcefff;--dtn-sem-color-bg-use-audiovisual: #fbd8fe;--dtn-graph-elec-bar-background: #6e64d9;--dtn-graph-elec-bar-hovered-background: #1e1a50;--dtn-graph-gas-bar-background: #3ea2b0;--dtn-graph-gas-bar-hovered-background: #083038}