@font-face {
  font-family: "Mulish";
  font-style: normal;
  font-weight: 200 1000;
  font-display: swap;
  src: url("../../../fonts/mulish/mulish-latin-variable-normal.woff2") format("woff2");
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
@font-face {
  font-family: "Mulish";
  font-style: italic;
  font-weight: 200 1000;
  font-display: swap;
  src: url("../../../fonts/mulish/mulish-latin-variable-italic.woff2") format("woff2");
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
.eunomia-eunomia-theme {
  --eun-color-primary-50: #9ab4ff;
  --eun-color-on-primary-50: #000000de;
  --eun-color-primary-100: #85a4ff;
  --eun-color-on-primary-100: #000000de;
  --eun-color-primary-200: #6f94ff;
  --eun-color-on-primary-200: #000000de;
  --eun-color-primary-300: #5480ff;
  --eun-color-on-primary-300: #000000de;
  --eun-color-primary-400: #4978ff;
  --eun-color-on-primary-400: #000000de;
  --eun-color-primary-500: #3d6fff;
  --eun-color-on-primary-500: #ffffff;
  --eun-color-primary-600: #3968f0;
  --eun-color-on-primary-600: #ffffff;
  --eun-color-primary-700: #3662e0;
  --eun-color-on-primary-700: #ffffff;
  --eun-color-primary-800: #2d52bd;
  --eun-color-on-primary-800: #ffffff;
  --eun-color-primary-900: #2646a1;
  --eun-color-on-primary-900: #ffffff;
  --eun-color-primary-950: #203a85;
  --eun-color-on-primary-950: #ffffff;
  --eun-color-primary-bg-hover: rgba(61, 111, 255, 0.08);
  --eun-color-primary-bg-active: rgba(61, 111, 255, 0.08);
  --eun-color-primary-transparent: rgba(61, 111, 255, 0.2);
  --eun-color-primary-transparent-hover: rgba(61, 111, 255, 0.3);
  --eun-color-primary-transparent-active: rgba(61, 111, 255, 0.4);
  --eun-color-secondary-50: #f6ddb4;
  --eun-color-on-secondary-50: #000000de;
  --eun-color-secondary-100: #f4d5a4;
  --eun-color-on-secondary-100: #000000de;
  --eun-color-secondary-200: #f2ce94;
  --eun-color-on-secondary-200: #000000de;
  --eun-color-secondary-300: #efc580;
  --eun-color-on-secondary-300: #000000de;
  --eun-color-secondary-400: #eec178;
  --eun-color-on-secondary-400: #000000de;
  --eun-color-secondary-500: #edbd6f;
  --eun-color-on-secondary-500: #000000de;
  --eun-color-secondary-600: #dfb268;
  --eun-color-on-secondary-600: #000000de;
  --eun-color-secondary-700: #d1a662;
  --eun-color-on-secondary-700: #000000de;
  --eun-color-secondary-800: #af8c52;
  --eun-color-on-secondary-800: #000000de;
  --eun-color-secondary-900: #957746;
  --eun-color-on-secondary-900: #000000de;
  --eun-color-secondary-950: #7b623a;
  --eun-color-on-secondary-950: #ffffff;
  --eun-color-secondary-bg-hover: rgba(237, 189, 111, 0.08);
  --eun-color-secondary-bg-active: rgba(237, 189, 111, 0.08);
  --eun-color-secondary-transparent: rgba(237, 189, 111, 0.2);
  --eun-color-secondary-transparent-hover: rgba(237, 189, 111, 0.3);
  --eun-color-secondary-transparent-active: rgba(237, 189, 111, 0.4);
  --eun-content-hover: #9696961a;
  --eun-content-pressed: #e4e6e8;
  --eun-divider-color: #dee0e7;
  --eun-border-color: #dee0e7;
  --eun-surface-color: #ffffff;
  --eun-disabled-color: #ecedf0;
  --eun-readonly-color: #666e8a;
  --eun-text-color: #071621;
  --eun-text-secondary: #484e61;
  --eun-placeholder-color: var(--eun-color-grey-400, #c1c9d6);
  --eun-text-disabled-color: #8d93aa;
  --eun-text-readonly-color: #c1c9d6;
  --eun-disabled-content: #c1c9d6;
  --eun-surface-tint: #f5f8ff;
  --eun-divider-tint: #d6dae8;
  --eun-border-tint: #d6dae8;
  --eun-content-hover-tint: #e4e9f1;
  --eun-content-pressed-tint: #dce0e9;
}

.eunomia-eunomia-theme--dark {
  --eun-color-primary-50: #384c85;
  --eun-color-on-primary-50: #ffffff;
  --eun-color-primary-100: #445ca1;
  --eun-color-on-primary-100: #ffffff;
  --eun-color-primary-200: #506cbd;
  --eun-color-on-primary-200: #ffffff;
  --eun-color-primary-300: #5f80e0;
  --eun-color-on-primary-300: #000000de;
  --eun-color-primary-400: #6689f0;
  --eun-color-on-primary-400: #000000de;
  --eun-color-primary-500: #6c92ff;
  --eun-color-on-primary-500: #000000de;
  --eun-color-primary-600: #7599ff;
  --eun-color-on-primary-600: #000000de;
  --eun-color-primary-700: #7e9fff;
  --eun-color-on-primary-700: #000000de;
  --eun-color-primary-800: #92aeff;
  --eun-color-on-primary-800: #000000de;
  --eun-color-primary-900: #a2baff;
  --eun-color-on-primary-900: #000000de;
  --eun-color-primary-950: #b3c6ff;
  --eun-color-on-primary-950: #000000de;
  --eun-color-primary-bg-hover: rgba(108, 146, 255, 0.08);
  --eun-color-primary-bg-active: rgba(108, 146, 255, 0.08);
  --eun-color-primary-transparent: rgba(108, 146, 255, 0.2);
  --eun-color-primary-transparent-hover: rgba(108, 146, 255, 0.3);
  --eun-color-primary-transparent-active: rgba(108, 146, 255, 0.4);
  --eun-color-secondary-50: #7b623a;
  --eun-color-on-secondary-50: #ffffff;
  --eun-color-secondary-100: #957746;
  --eun-color-on-secondary-100: #000000de;
  --eun-color-secondary-200: #af8c52;
  --eun-color-on-secondary-200: #000000de;
  --eun-color-secondary-300: #d1a662;
  --eun-color-on-secondary-300: #000000de;
  --eun-color-secondary-400: #dfb268;
  --eun-color-on-secondary-400: #000000de;
  --eun-color-secondary-500: #edbd6f;
  --eun-color-on-secondary-500: #000000de;
  --eun-color-secondary-600: #eec178;
  --eun-color-on-secondary-600: #000000de;
  --eun-color-secondary-700: #efc580;
  --eun-color-on-secondary-700: #000000de;
  --eun-color-secondary-800: #f2ce94;
  --eun-color-on-secondary-800: #000000de;
  --eun-color-secondary-900: #f4d5a4;
  --eun-color-on-secondary-900: #000000de;
  --eun-color-secondary-950: #f6ddb4;
  --eun-color-on-secondary-950: #000000de;
  --eun-color-secondary-bg-hover: rgba(237, 189, 111, 0.08);
  --eun-color-secondary-bg-active: rgba(237, 189, 111, 0.08);
  --eun-color-secondary-transparent: rgba(237, 189, 111, 0.2);
  --eun-color-secondary-transparent-hover: rgba(237, 189, 111, 0.3);
  --eun-color-secondary-transparent-active: rgba(237, 189, 111, 0.4);
  --eun-content-hover: rgba(255, 255, 255, 0.08);
  --eun-content-pressed: rgba(255, 255, 255, 0.14);
  --eun-divider-color: var(--eun-color-grey-300);
  --eun-border-color: var(--eun-color-grey-300);
  --eun-surface-color: var(--eun-color-grey-0);
  --eun-disabled-color: var(--eun-color-grey-200);
  --eun-readonly-color: var(--eun-color-grey-600);
  --eun-text-color: var(--eun-color-grey-800);
  --eun-text-secondary: var(--eun-color-grey-700);
  --eun-placeholder-color: var(--eun-color-grey-400);
  --eun-text-disabled-color: var(--eun-color-grey-500);
  --eun-text-readonly-color: var(--eun-color-grey-400);
  --eun-disabled-content: var(--eun-color-grey-400);
  --eun-surface-tint: #2a3243;
  --eun-divider-tint: #667090;
  --eun-border-tint: #667090;
  --eun-content-hover-tint: rgba(248, 250, 255, 0.08);
  --eun-content-pressed-tint: rgba(248, 250, 255, 0.14);
}

.eunomia-salmon-theme {
  --eun-color-primary-50: #f7ccbb;
  --eun-color-on-primary-50: #000000de;
  --eun-color-primary-100: #f5c1ac;
  --eun-color-on-primary-100: #000000de;
  --eun-color-primary-200: #f3b69e;
  --eun-color-on-primary-200: #000000de;
  --eun-color-primary-300: #f1a88c;
  --eun-color-on-primary-300: #000000de;
  --eun-color-primary-400: #f0a284;
  --eun-color-on-primary-400: #000000de;
  --eun-color-primary-500: #ef9c7c;
  --eun-color-on-primary-500: #000000de;
  --eun-color-primary-600: #e19375;
  --eun-color-on-primary-600: #000000de;
  --eun-color-primary-700: #d2896d;
  --eun-color-on-primary-700: #000000de;
  --eun-color-primary-800: #b1735c;
  --eun-color-on-primary-800: #000000de;
  --eun-color-primary-900: #97624e;
  --eun-color-on-primary-900: #ffffff;
  --eun-color-primary-950: #7c5140;
  --eun-color-on-primary-950: #ffffff;
  --eun-color-primary-bg-hover: rgba(239, 156, 124, 0.08);
  --eun-color-primary-bg-active: rgba(239, 156, 124, 0.08);
  --eun-color-primary-transparent: rgba(239, 156, 124, 0.2);
  --eun-color-primary-transparent-hover: rgba(239, 156, 124, 0.3);
  --eun-color-primary-transparent-active: rgba(239, 156, 124, 0.4);
  --eun-color-secondary-50: #85c3e8;
  --eun-color-on-secondary-50: #000000de;
  --eun-color-secondary-100: #6bb7e3;
  --eun-color-on-secondary-100: #000000de;
  --eun-color-secondary-200: #51aade;
  --eun-color-on-secondary-200: #000000de;
  --eun-color-secondary-300: #309ad7;
  --eun-color-on-secondary-300: #000000de;
  --eun-color-secondary-400: #2293d5;
  --eun-color-on-secondary-400: #000000de;
  --eun-color-secondary-500: #148cd2;
  --eun-color-on-secondary-500: #000000de;
  --eun-color-secondary-600: #1384c5;
  --eun-color-on-secondary-600: #000000de;
  --eun-color-secondary-700: #127bb9;
  --eun-color-on-secondary-700: #ffffff;
  --eun-color-secondary-800: #0f689b;
  --eun-color-on-secondary-800: #ffffff;
  --eun-color-secondary-900: #0d5884;
  --eun-color-on-secondary-900: #ffffff;
  --eun-color-secondary-950: #0a496d;
  --eun-color-on-secondary-950: #ffffff;
  --eun-color-secondary-bg-hover: rgba(20, 140, 210, 0.08);
  --eun-color-secondary-bg-active: rgba(20, 140, 210, 0.08);
  --eun-color-secondary-transparent: rgba(20, 140, 210, 0.2);
  --eun-color-secondary-transparent-hover: rgba(20, 140, 210, 0.3);
  --eun-color-secondary-transparent-active: rgba(20, 140, 210, 0.4);
  --eun-content-hover: #edeff0;
  --eun-content-pressed: #e4e6e8;
  --eun-divider-color: #dee0e7;
  --eun-border-color: #dee0e7;
  --eun-surface-color: #ffffff;
  --eun-disabled-color: #ecedf0;
  --eun-readonly-color: #666e8a;
  --eun-text-color: #071621;
  --eun-text-secondary: #484e61;
  --eun-placeholder-color: var(--eun-color-grey-400, #c1c9d6);
  --eun-text-disabled-color: #8d93aa;
  --eun-text-readonly-color: #c1c9d6;
  --eun-disabled-content: #c1c9d6;
  --eun-surface-tint: #fefaf8;
  --eun-divider-tint: #dfdde2;
  --eun-border-tint: #dfdde2;
  --eun-content-hover-tint: #edebea;
  --eun-content-pressed-tint: #e5e2e3;
}

.eunomia-salmon-theme--dark {
  --eun-color-primary-50: #401b0d;
  --eun-color-on-primary-50: #ffffff;
  --eun-color-primary-100: #4e210f;
  --eun-color-on-primary-100: #ffffff;
  --eun-color-primary-200: #5b2712;
  --eun-color-on-primary-200: #ffffff;
  --eun-color-primary-300: #6b2d16;
  --eun-color-on-primary-300: #ffffff;
  --eun-color-primary-400: #733117;
  --eun-color-on-primary-400: #ffffff;
  --eun-color-primary-500: #ef9c7c;
  --eun-color-on-primary-500: #000000de;
  --eun-color-primary-600: #824026;
  --eun-color-on-primary-600: #ffffff;
  --eun-color-primary-700: #8a4c35;
  --eun-color-on-primary-700: #ffffff;
  --eun-color-primary-800: #9d6854;
  --eun-color-on-primary-800: #ffffff;
  --eun-color-primary-900: #ac7e6d;
  --eun-color-on-primary-900: #000000de;
  --eun-color-primary-950: #ba9688;
  --eun-color-on-primary-950: #000000de;
  --eun-color-primary-bg-hover: rgba(239, 156, 124, 0.08);
  --eun-color-primary-bg-active: rgba(239, 156, 124, 0.08);
  --eun-color-primary-transparent: rgba(239, 156, 124, 0.2);
  --eun-color-primary-transparent-hover: rgba(239, 156, 124, 0.3);
  --eun-color-primary-transparent-active: rgba(239, 156, 124, 0.4);
  --eun-color-secondary-50: #1e5373;
  --eun-color-on-secondary-50: #ffffff;
  --eun-color-secondary-100: #25668b;
  --eun-color-on-secondary-100: #ffffff;
  --eun-color-secondary-200: #2c77a3;
  --eun-color-on-secondary-200: #ffffff;
  --eun-color-secondary-300: #358fc2;
  --eun-color-on-secondary-300: #000000de;
  --eun-color-secondary-400: #3797d0;
  --eun-color-on-secondary-400: #000000de;
  --eun-color-secondary-500: #3ba1dd;
  --eun-color-on-secondary-500: #000000de;
  --eun-color-secondary-600: #47a7df;
  --eun-color-on-secondary-600: #000000de;
  --eun-color-secondary-700: #53ace0;
  --eun-color-on-secondary-700: #000000de;
  --eun-color-secondary-800: #6fbae6;
  --eun-color-on-secondary-800: #000000de;
  --eun-color-secondary-900: #84c4e9;
  --eun-color-on-secondary-900: #000000de;
  --eun-color-secondary-950: #99cfee;
  --eun-color-on-secondary-950: #000000de;
  --eun-color-secondary-bg-hover: rgba(59, 161, 221, 0.08);
  --eun-color-secondary-bg-active: rgba(59, 161, 221, 0.08);
  --eun-color-secondary-transparent: rgba(59, 161, 221, 0.2);
  --eun-color-secondary-transparent-hover: rgba(59, 161, 221, 0.3);
  --eun-color-secondary-transparent-active: rgba(59, 161, 221, 0.4);
  --eun-content-hover: rgba(255, 255, 255, 0.08);
  --eun-content-pressed: rgba(255, 255, 255, 0.14);
  --eun-divider-color: var(--eun-color-grey-300);
  --eun-border-color: var(--eun-color-grey-300);
  --eun-surface-color: var(--eun-color-grey-0);
  --eun-disabled-color: var(--eun-color-grey-200);
  --eun-readonly-color: var(--eun-color-grey-600);
  --eun-text-color: var(--eun-color-grey-800);
  --eun-text-secondary: var(--eun-color-grey-700);
  --eun-placeholder-color: var(--eun-color-grey-400);
  --eun-text-disabled-color: var(--eun-color-grey-500);
  --eun-text-readonly-color: var(--eun-color-grey-400);
  --eun-disabled-content: var(--eun-color-grey-400);
  --eun-surface-tint: #2a2d37;
  --eun-divider-tint: #676b84;
  --eun-border-tint: #676b84;
  --eun-content-hover-tint: rgba(248, 245, 244, 0.08);
  --eun-content-pressed-tint: rgba(248, 245, 244, 0.14);
}

.eunomia-forest-theme {
  --eun-color-primary-50: #88baa2;
  --eun-color-on-primary-50: #000000de;
  --eun-color-primary-100: #6fab8f;
  --eun-color-on-primary-100: #000000de;
  --eun-color-primary-200: #569d7b;
  --eun-color-on-primary-200: #000000de;
  --eun-color-primary-300: #368a62;
  --eun-color-on-primary-300: #000000de;
  --eun-color-primary-400: #298258;
  --eun-color-on-primary-400: #ffffff;
  --eun-color-primary-500: #1b7a4d;
  --eun-color-on-primary-500: #ffffff;
  --eun-color-primary-600: #197348;
  --eun-color-on-primary-600: #ffffff;
  --eun-color-primary-700: #186b44;
  --eun-color-on-primary-700: #ffffff;
  --eun-color-primary-800: #145a39;
  --eun-color-on-primary-800: #ffffff;
  --eun-color-primary-900: #114d31;
  --eun-color-on-primary-900: #ffffff;
  --eun-color-primary-950: #0e3f28;
  --eun-color-on-primary-950: #ffffff;
  --eun-color-primary-bg-hover: rgba(27, 122, 77, 0.08);
  --eun-color-primary-bg-active: rgba(27, 122, 77, 0.08);
  --eun-color-primary-transparent: rgba(27, 122, 77, 0.2);
  --eun-color-primary-transparent-hover: rgba(27, 122, 77, 0.3);
  --eun-color-primary-transparent-active: rgba(27, 122, 77, 0.4);
  --eun-color-secondary-50: #c3ab95;
  --eun-color-on-secondary-50: #000000de;
  --eun-color-secondary-100: #b69a7f;
  --eun-color-on-secondary-100: #000000de;
  --eun-color-secondary-200: #a98869;
  --eun-color-on-secondary-200: #000000de;
  --eun-color-secondary-300: #99714c;
  --eun-color-on-secondary-300: #000000;
  --eun-color-secondary-400: #926840;
  --eun-color-on-secondary-400: #ffffff;
  --eun-color-secondary-500: #8b5e34;
  --eun-color-on-secondary-500: #ffffff;
  --eun-color-secondary-600: #835831;
  --eun-color-on-secondary-600: #ffffff;
  --eun-color-secondary-700: #7a532e;
  --eun-color-on-secondary-700: #ffffff;
  --eun-color-secondary-800: #674626;
  --eun-color-on-secondary-800: #ffffff;
  --eun-color-secondary-900: #583b21;
  --eun-color-on-secondary-900: #ffffff;
  --eun-color-secondary-950: #48311b;
  --eun-color-on-secondary-950: #ffffff;
  --eun-color-secondary-bg-hover: rgba(139, 94, 52, 0.08);
  --eun-color-secondary-bg-active: rgba(139, 94, 52, 0.08);
  --eun-color-secondary-transparent: rgba(139, 94, 52, 0.2);
  --eun-color-secondary-transparent-hover: rgba(139, 94, 52, 0.3);
  --eun-color-secondary-transparent-active: rgba(139, 94, 52, 0.4);
  --eun-content-hover: #edeff0;
  --eun-content-pressed: #e4e6e8;
  --eun-divider-color: #dee0e7;
  --eun-border-color: #dee0e7;
  --eun-surface-color: #ffffff;
  --eun-disabled-color: #ecedf0;
  --eun-readonly-color: #666e8a;
  --eun-text-color: #071621;
  --eun-text-secondary: #484e61;
  --eun-placeholder-color: var(--eun-color-grey-400, #c1c9d6);
  --eun-text-disabled-color: #8d93aa;
  --eun-text-readonly-color: #c1c9d6;
  --eun-disabled-content: #c1c9d6;
  --eun-surface-tint: #f4f8f6;
  --eun-divider-tint: #d4dbdf;
  --eun-border-tint: #d4dbdf;
  --eun-content-hover-tint: #e2e9e8;
  --eun-content-pressed-tint: #dae1e0;
}

.eunomia-forest-theme--dark {
  --eun-color-primary-50: #49735f;
  --eun-color-on-primary-50: #ffffff;
  --eun-color-primary-100: #588b74;
  --eun-color-on-primary-100: #000000de;
  --eun-color-primary-200: #67a487;
  --eun-color-on-primary-200: #000000de;
  --eun-color-primary-300: #7bc3a1;
  --eun-color-on-primary-300: #000000de;
  --eun-color-primary-400: #84cfac;
  --eun-color-on-primary-400: #000000de;
  --eun-color-primary-500: #8cddb7;
  --eun-color-on-primary-500: #000000de;
  --eun-color-primary-600: #93dfbb;
  --eun-color-on-primary-600: #000000de;
  --eun-color-primary-700: #9ae1c0;
  --eun-color-on-primary-700: #000000de;
  --eun-color-primary-800: #aae6ca;
  --eun-color-on-primary-800: #000000de;
  --eun-color-primary-900: #b6ead2;
  --eun-color-on-primary-900: #000000de;
  --eun-color-primary-950: #c4edda;
  --eun-color-on-primary-950: #000000de;
  --eun-color-primary-bg-hover: rgba(140, 221, 183, 0.08);
  --eun-color-primary-bg-active: rgba(140, 221, 183, 0.08);
  --eun-color-primary-transparent: rgba(140, 221, 183, 0.2);
  --eun-color-primary-transparent-hover: rgba(140, 221, 183, 0.3);
  --eun-color-primary-transparent-active: rgba(140, 221, 183, 0.4);
  --eun-color-secondary-50: #67523f;
  --eun-color-on-secondary-50: #ffffff;
  --eun-color-secondary-100: #7c644d;
  --eun-color-on-secondary-100: #ffffff;
  --eun-color-secondary-200: #91755b;
  --eun-color-on-secondary-200: #000000;
  --eun-color-secondary-300: #ad8b6c;
  --eun-color-on-secondary-300: #000000de;
  --eun-color-secondary-400: #b99573;
  --eun-color-on-secondary-400: #000000de;
  --eun-color-secondary-500: #c49e7b;
  --eun-color-on-secondary-500: #000000de;
  --eun-color-secondary-600: #c8a382;
  --eun-color-on-secondary-600: #000000de;
  --eun-color-secondary-700: #cbaa8b;
  --eun-color-on-secondary-700: #000000de;
  --eun-color-secondary-800: #d4b89d;
  --eun-color-on-secondary-800: #000000de;
  --eun-color-secondary-900: #dac1ab;
  --eun-color-on-secondary-900: #000000de;
  --eun-color-secondary-950: #e1cdba;
  --eun-color-on-secondary-950: #000000de;
  --eun-color-secondary-bg-hover: rgba(196, 158, 123, 0.08);
  --eun-color-secondary-bg-active: rgba(196, 158, 123, 0.08);
  --eun-color-secondary-transparent: rgba(196, 158, 123, 0.2);
  --eun-color-secondary-transparent-hover: rgba(196, 158, 123, 0.3);
  --eun-color-secondary-transparent-active: rgba(196, 158, 123, 0.4);
  --eun-content-hover: rgba(255, 255, 255, 0.08);
  --eun-content-pressed: rgba(255, 255, 255, 0.14);
  --eun-divider-color: var(--eun-color-grey-300);
  --eun-border-color: var(--eun-color-grey-300);
  --eun-surface-color: var(--eun-color-grey-0);
  --eun-disabled-color: var(--eun-color-grey-200);
  --eun-readonly-color: var(--eun-color-grey-600);
  --eun-text-color: var(--eun-color-grey-800);
  --eun-text-secondary: var(--eun-color-grey-700);
  --eun-placeholder-color: var(--eun-color-grey-400);
  --eun-text-disabled-color: var(--eun-color-grey-500);
  --eun-text-readonly-color: var(--eun-color-grey-400);
  --eun-disabled-content: var(--eun-color-grey-400);
  --eun-surface-tint: #2b363f;
  --eun-divider-tint: #68748c;
  --eun-border-tint: #68748c;
  --eun-content-hover-tint: rgba(249, 253, 251, 0.08);
  --eun-content-pressed-tint: rgba(249, 253, 251, 0.14);
}

.eunomia-violet-theme {
  --eun-color-primary-50: #b38feb;
  --eun-color-on-primary-50: #000000de;
  --eun-color-primary-100: #a378e7;
  --eun-color-on-primary-100: #000000de;
  --eun-color-primary-200: #9360e3;
  --eun-color-on-primary-200: #000000de;
  --eun-color-primary-300: #7f42de;
  --eun-color-on-primary-300: #ffffff;
  --eun-color-primary-400: #7635db;
  --eun-color-on-primary-400: #ffffff;
  --eun-color-primary-500: #6d28d9;
  --eun-color-on-primary-500: #ffffff;
  --eun-color-primary-600: #6626cc;
  --eun-color-on-primary-600: #ffffff;
  --eun-color-primary-700: #6023bf;
  --eun-color-on-primary-700: #ffffff;
  --eun-color-primary-800: #511ea1;
  --eun-color-on-primary-800: #ffffff;
  --eun-color-primary-900: #451989;
  --eun-color-on-primary-900: #ffffff;
  --eun-color-primary-950: #391571;
  --eun-color-on-primary-950: #ffffff;
  --eun-color-primary-bg-hover: rgba(109, 40, 217, 0.08);
  --eun-color-primary-bg-active: rgba(109, 40, 217, 0.08);
  --eun-color-primary-transparent: rgba(109, 40, 217, 0.2);
  --eun-color-primary-transparent-hover: rgba(109, 40, 217, 0.3);
  --eun-color-primary-transparent-active: rgba(109, 40, 217, 0.4);
  --eun-color-secondary-50: #82d0d0;
  --eun-color-on-secondary-50: #000000de;
  --eun-color-secondary-100: #67c6c6;
  --eun-color-on-secondary-100: #000000de;
  --eun-color-secondary-200: #4dbcbc;
  --eun-color-on-secondary-200: #000000de;
  --eun-color-secondary-300: #2bb0af;
  --eun-color-on-secondary-300: #000000de;
  --eun-color-secondary-400: #1caaa9;
  --eun-color-on-secondary-400: #000000de;
  --eun-color-secondary-500: #0ea5a4;
  --eun-color-on-secondary-500: #000000de;
  --eun-color-secondary-600: #0d9b9a;
  --eun-color-on-secondary-600: #000000de;
  --eun-color-secondary-700: #0c9190;
  --eun-color-on-secondary-700: #000000de;
  --eun-color-secondary-800: #0a7a79;
  --eun-color-on-secondary-800: #ffffff;
  --eun-color-secondary-900: #096867;
  --eun-color-on-secondary-900: #ffffff;
  --eun-color-secondary-950: #075655;
  --eun-color-on-secondary-950: #ffffff;
  --eun-color-secondary-bg-hover: rgba(14, 165, 164, 0.08);
  --eun-color-secondary-bg-active: rgba(14, 165, 164, 0.08);
  --eun-color-secondary-transparent: rgba(14, 165, 164, 0.2);
  --eun-color-secondary-transparent-hover: rgba(14, 165, 164, 0.3);
  --eun-color-secondary-transparent-active: rgba(14, 165, 164, 0.4);
  --eun-content-hover: #edeff0;
  --eun-content-pressed: #e4e6e8;
  --eun-divider-color: #dee0e7;
  --eun-border-color: #dee0e7;
  --eun-surface-color: #ffffff;
  --eun-disabled-color: #ecedf0;
  --eun-readonly-color: #666e8a;
  --eun-text-color: #071621;
  --eun-text-secondary: #484e61;
  --eun-placeholder-color: var(--eun-color-grey-400, #c1c9d6);
  --eun-text-disabled-color: #8d93aa;
  --eun-text-readonly-color: #c1c9d6;
  --eun-disabled-content: #c1c9d6;
  --eun-surface-tint: #f8f4fd;
  --eun-divider-tint: #d8d7e6;
  --eun-border-tint: #d8d7e6;
  --eun-content-hover-tint: #e7e5ef;
  --eun-content-pressed-tint: #dedce7;
}

.eunomia-violet-theme--dark {
  --eun-color-primary-50: #3a1b69;
  --eun-color-on-primary-50: #ffffff;
  --eun-color-primary-100: #45207f;
  --eun-color-on-primary-100: #ffffff;
  --eun-color-primary-200: #512695;
  --eun-color-on-primary-200: #ffffff;
  --eun-color-primary-300: #612db1;
  --eun-color-on-primary-300: #ffffff;
  --eun-color-primary-400: #6830be;
  --eun-color-on-primary-400: #ffffff;
  --eun-color-primary-500: #8b5bd5;
  --eun-color-on-primary-500: #ffffff;
  --eun-color-primary-600: #763fcd;
  --eun-color-on-primary-600: #ffffff;
  --eun-color-primary-700: #804cd0;
  --eun-color-on-primary-700: #ffffff;
  --eun-color-primary-800: #9368d7;
  --eun-color-on-primary-800: #000000de;
  --eun-color-primary-900: #a47ede;
  --eun-color-on-primary-900: #000000de;
  --eun-color-primary-950: #b495e3;
  --eun-color-on-primary-950: #000000de;
  --eun-color-primary-bg-hover: rgba(139, 91, 213, 0.08);
  --eun-color-primary-bg-active: rgba(139, 91, 213, 0.08);
  --eun-color-primary-transparent: rgba(139, 91, 213, 0.2);
  --eun-color-primary-transparent-hover: rgba(139, 91, 213, 0.3);
  --eun-color-primary-transparent-active: rgba(139, 91, 213, 0.4);
  --eun-color-secondary-50: #357777;
  --eun-color-on-secondary-50: #ffffff;
  --eun-color-secondary-100: #409191;
  --eun-color-on-secondary-100: #000000de;
  --eun-color-secondary-200: #4baaaa;
  --eun-color-on-secondary-200: #000000de;
  --eun-color-secondary-300: #59cac9;
  --eun-color-on-secondary-300: #000000de;
  --eun-color-secondary-400: #60d8d8;
  --eun-color-on-secondary-400: #000000de;
  --eun-color-secondary-500: #65e6e5;
  --eun-color-on-secondary-500: #000000de;
  --eun-color-secondary-600: #6fe7e7;
  --eun-color-on-secondary-600: #000000de;
  --eun-color-secondary-700: #78e9e8;
  --eun-color-on-secondary-700: #000000de;
  --eun-color-secondary-800: #8dedec;
  --eun-color-on-secondary-800: #000000de;
  --eun-color-secondary-900: #9eefee;
  --eun-color-on-secondary-900: #000000de;
  --eun-color-secondary-950: #aff2f1;
  --eun-color-on-secondary-950: #000000de;
  --eun-color-secondary-bg-hover: rgba(101, 230, 229, 0.08);
  --eun-color-secondary-bg-active: rgba(101, 230, 229, 0.08);
  --eun-color-secondary-transparent: rgba(101, 230, 229, 0.2);
  --eun-color-secondary-transparent-hover: rgba(101, 230, 229, 0.3);
  --eun-color-secondary-transparent-active: rgba(101, 230, 229, 0.4);
  --eun-content-hover: rgba(255, 255, 255, 0.08);
  --eun-content-pressed: rgba(255, 255, 255, 0.14);
  --eun-divider-color: var(--eun-color-grey-300);
  --eun-border-color: var(--eun-color-grey-300);
  --eun-surface-color: var(--eun-color-grey-0);
  --eun-disabled-color: var(--eun-color-grey-200);
  --eun-readonly-color: var(--eun-color-grey-600);
  --eun-text-color: var(--eun-color-grey-800);
  --eun-text-secondary: var(--eun-color-grey-700);
  --eun-placeholder-color: var(--eun-color-grey-400);
  --eun-text-disabled-color: var(--eun-color-grey-500);
  --eun-text-readonly-color: var(--eun-color-grey-400);
  --eun-disabled-content: var(--eun-color-grey-400);
  --eun-surface-tint: #2a2d40;
  --eun-divider-tint: #666b8d;
  --eun-border-tint: #666b8d;
  --eun-content-hover-tint: rgba(248, 245, 252, 0.08);
  --eun-content-pressed-tint: rgba(248, 245, 252, 0.14);
}

.eunomia-ocean-theme {
  --eun-color-primary-50: #80b4c3;
  --eun-color-on-primary-50: #000000de;
  --eun-color-primary-100: #65a4b7;
  --eun-color-on-primary-100: #000000de;
  --eun-color-primary-200: #4a94aa;
  --eun-color-on-primary-200: #000000de;
  --eun-color-primary-300: #287f9a;
  --eun-color-on-primary-300: #ffffff;
  --eun-color-primary-400: #1a7793;
  --eun-color-on-primary-400: #ffffff;
  --eun-color-primary-500: #0b6e8c;
  --eun-color-on-primary-500: #ffffff;
  --eun-color-primary-600: #0a6784;
  --eun-color-on-primary-600: #ffffff;
  --eun-color-primary-700: #0a617b;
  --eun-color-on-primary-700: #ffffff;
  --eun-color-primary-800: #085168;
  --eun-color-on-primary-800: #ffffff;
  --eun-color-primary-900: #074558;
  --eun-color-on-primary-900: #ffffff;
  --eun-color-primary-950: #063949;
  --eun-color-on-primary-950: #ffffff;
  --eun-color-primary-bg-hover: rgba(11, 110, 140, 0.08);
  --eun-color-primary-bg-active: rgba(11, 110, 140, 0.08);
  --eun-color-primary-transparent: rgba(11, 110, 140, 0.2);
  --eun-color-primary-transparent-hover: rgba(11, 110, 140, 0.3);
  --eun-color-primary-transparent-active: rgba(11, 110, 140, 0.4);
  --eun-color-secondary-50: #92e0d9;
  --eun-color-on-secondary-50: #000000de;
  --eun-color-secondary-100: #7bdad1;
  --eun-color-on-secondary-100: #000000de;
  --eun-color-secondary-200: #64d3c9;
  --eun-color-on-secondary-200: #000000de;
  --eun-color-secondary-300: #47cbbf;
  --eun-color-on-secondary-300: #000000de;
  --eun-color-secondary-400: #3bc8ba;
  --eun-color-on-secondary-400: #000000de;
  --eun-color-secondary-500: #2ec4b6;
  --eun-color-on-secondary-500: #000000de;
  --eun-color-secondary-600: #2bb8ab;
  --eun-color-on-secondary-600: #000000de;
  --eun-color-secondary-700: #28aca0;
  --eun-color-on-secondary-700: #000000de;
  --eun-color-secondary-800: #229187;
  --eun-color-on-secondary-800: #000000de;
  --eun-color-secondary-900: #1d7b73;
  --eun-color-on-secondary-900: #ffffff;
  --eun-color-secondary-950: #18665f;
  --eun-color-on-secondary-950: #ffffff;
  --eun-color-secondary-bg-hover: rgba(46, 196, 182, 0.08);
  --eun-color-secondary-bg-active: rgba(46, 196, 182, 0.08);
  --eun-color-secondary-transparent: rgba(46, 196, 182, 0.2);
  --eun-color-secondary-transparent-hover: rgba(46, 196, 182, 0.3);
  --eun-color-secondary-transparent-active: rgba(46, 196, 182, 0.4);
  --eun-content-hover: #edeff0;
  --eun-content-pressed: #e4e6e8;
  --eun-divider-color: #dee0e7;
  --eun-border-color: #dee0e7;
  --eun-surface-color: #ffffff;
  --eun-disabled-color: #ecedf0;
  --eun-readonly-color: #666e8a;
  --eun-text-color: #071621;
  --eun-text-secondary: #484e61;
  --eun-placeholder-color: var(--eun-color-grey-400, #c1c9d6);
  --eun-text-disabled-color: #8d93aa;
  --eun-text-readonly-color: #c1c9d6;
  --eun-disabled-content: #c1c9d6;
  --eun-surface-tint: #f3f8f9;
  --eun-divider-tint: #d3dae2;
  --eun-border-tint: #d3dae2;
  --eun-content-hover-tint: #e2e9eb;
  --eun-content-pressed-tint: #d9e0e3;
}

.eunomia-ocean-theme--dark {
  --eun-color-primary-50: #416d7a;
  --eun-color-on-primary-50: #ffffff;
  --eun-color-primary-100: #4e8494;
  --eun-color-on-primary-100: #000000de;
  --eun-color-primary-200: #5c9bae;
  --eun-color-on-primary-200: #000000de;
  --eun-color-primary-300: #6eb8ce;
  --eun-color-on-primary-300: #000000de;
  --eun-color-primary-400: #75c4dc;
  --eun-color-on-primary-400: #000000de;
  --eun-color-primary-500: #7dd1ea;
  --eun-color-on-primary-500: #000000de;
  --eun-color-primary-600: #84d3ec;
  --eun-color-on-primary-600: #000000de;
  --eun-color-primary-700: #8cd6ed;
  --eun-color-on-primary-700: #000000de;
  --eun-color-primary-800: #9edcf0;
  --eun-color-on-primary-800: #000000de;
  --eun-color-primary-900: #ade2f2;
  --eun-color-on-primary-900: #000000de;
  --eun-color-primary-950: #bbe6f4;
  --eun-color-on-primary-950: #000000de;
  --eun-color-primary-bg-hover: rgba(125, 209, 234, 0.08);
  --eun-color-primary-bg-active: rgba(125, 209, 234, 0.08);
  --eun-color-primary-transparent: rgba(125, 209, 234, 0.2);
  --eun-color-primary-transparent-hover: rgba(125, 209, 234, 0.3);
  --eun-color-primary-transparent-active: rgba(125, 209, 234, 0.4);
  --eun-color-secondary-50: #256761;
  --eun-color-on-secondary-50: #ffffff;
  --eun-color-secondary-100: #2c7d75;
  --eun-color-on-secondary-100: #ffffff;
  --eun-color-secondary-200: #34938a;
  --eun-color-on-secondary-200: #000000de;
  --eun-color-secondary-300: #3eaea4;
  --eun-color-on-secondary-300: #000000de;
  --eun-color-secondary-400: #42b9ae;
  --eun-color-on-secondary-400: #000000de;
  --eun-color-secondary-500: #46c6ba;
  --eun-color-on-secondary-500: #000000de;
  --eun-color-secondary-600: #52c9be;
  --eun-color-on-secondary-600: #000000de;
  --eun-color-secondary-700: #5dcdc3;
  --eun-color-on-secondary-700: #000000de;
  --eun-color-secondary-800: #76d5cc;
  --eun-color-on-secondary-800: #000000de;
  --eun-color-secondary-900: #8bdbd4;
  --eun-color-on-secondary-900: #000000de;
  --eun-color-secondary-950: #9fe1db;
  --eun-color-on-secondary-950: #000000de;
  --eun-color-secondary-bg-hover: rgba(70, 198, 186, 0.08);
  --eun-color-secondary-bg-active: rgba(70, 198, 186, 0.08);
  --eun-color-secondary-transparent: rgba(70, 198, 186, 0.2);
  --eun-color-secondary-transparent-hover: rgba(70, 198, 186, 0.3);
  --eun-color-secondary-transparent-active: rgba(70, 198, 186, 0.4);
  --eun-content-hover: rgba(255, 255, 255, 0.08);
  --eun-content-pressed: rgba(255, 255, 255, 0.14);
  --eun-divider-color: var(--eun-color-grey-300);
  --eun-border-color: var(--eun-color-grey-300);
  --eun-surface-color: var(--eun-color-grey-0);
  --eun-disabled-color: var(--eun-color-grey-200);
  --eun-readonly-color: var(--eun-color-grey-600);
  --eun-text-color: var(--eun-color-grey-800);
  --eun-text-secondary: var(--eun-color-grey-700);
  --eun-placeholder-color: var(--eun-color-grey-400);
  --eun-text-disabled-color: var(--eun-color-grey-500);
  --eun-text-readonly-color: var(--eun-color-grey-400);
  --eun-disabled-content: var(--eun-color-grey-400);
  --eun-surface-tint: #2a3542;
  --eun-divider-tint: #67738f;
  --eun-border-tint: #67738f;
  --eun-content-hover-tint: rgba(248, 253, 254, 0.08);
  --eun-content-pressed-tint: rgba(248, 253, 254, 0.14);
}

.eunomia-gold-theme {
  --eun-color-primary-50: #e3cf8f;
  --eun-color-on-primary-50: #000000de;
  --eun-color-primary-100: #ddc477;
  --eun-color-on-primary-100: #000000de;
  --eun-color-primary-200: #d7ba5f;
  --eun-color-on-primary-200: #000000de;
  --eun-color-primary-300: #cfad41;
  --eun-color-on-primary-300: #000000de;
  --eun-color-primary-400: #cca834;
  --eun-color-on-primary-400: #000000de;
  --eun-color-primary-500: #c9a227;
  --eun-color-on-primary-500: #000000de;
  --eun-color-primary-600: #bd9825;
  --eun-color-on-primary-600: #000000de;
  --eun-color-primary-700: #b18f22;
  --eun-color-on-primary-700: #000000de;
  --eun-color-primary-800: #95781d;
  --eun-color-on-primary-800: #000000de;
  --eun-color-primary-900: #7f6619;
  --eun-color-on-primary-900: #ffffff;
  --eun-color-primary-950: #695414;
  --eun-color-on-primary-950: #ffffff;
  --eun-color-primary-bg-hover: rgba(201, 162, 39, 0.08);
  --eun-color-primary-bg-active: rgba(201, 162, 39, 0.08);
  --eun-color-primary-transparent: rgba(201, 162, 39, 0.2);
  --eun-color-primary-transparent-hover: rgba(201, 162, 39, 0.3);
  --eun-color-primary-transparent-active: rgba(201, 162, 39, 0.4);
  --eun-color-secondary-50: #8499ab;
  --eun-color-on-secondary-50: #000000de;
  --eun-color-secondary-100: #6a839a;
  --eun-color-on-secondary-100: #000000de;
  --eun-color-secondary-200: #506d88;
  --eun-color-on-secondary-200: #ffffff;
  --eun-color-secondary-300: #2e5271;
  --eun-color-on-secondary-300: #ffffff;
  --eun-color-secondary-400: #204668;
  --eun-color-on-secondary-400: #ffffff;
  --eun-color-secondary-500: #123a5e;
  --eun-color-on-secondary-500: #ffffff;
  --eun-color-secondary-600: #113758;
  --eun-color-on-secondary-600: #ffffff;
  --eun-color-secondary-700: #103353;
  --eun-color-on-secondary-700: #ffffff;
  --eun-color-secondary-800: #0d2b46;
  --eun-color-on-secondary-800: #ffffff;
  --eun-color-secondary-900: #0b253b;
  --eun-color-on-secondary-900: #ffffff;
  --eun-color-secondary-950: #091e31;
  --eun-color-on-secondary-950: #ffffff;
  --eun-color-secondary-bg-hover: rgba(18, 58, 94, 0.08);
  --eun-color-secondary-bg-active: rgba(18, 58, 94, 0.08);
  --eun-color-secondary-transparent: rgba(18, 58, 94, 0.2);
  --eun-color-secondary-transparent-hover: rgba(18, 58, 94, 0.3);
  --eun-color-secondary-transparent-active: rgba(18, 58, 94, 0.4);
  --eun-content-hover: #edeff0;
  --eun-content-pressed: #e4e6e8;
  --eun-divider-color: #dee0e7;
  --eun-border-color: #dee0e7;
  --eun-surface-color: #ffffff;
  --eun-disabled-color: #ecedf0;
  --eun-readonly-color: #666e8a;
  --eun-text-color: #071621;
  --eun-text-secondary: #484e61;
  --eun-placeholder-color: var(--eun-color-grey-400, #c1c9d6);
  --eun-text-disabled-color: #8d93aa;
  --eun-text-readonly-color: #c1c9d6;
  --eun-disabled-content: #c1c9d6;
  --eun-surface-tint: #fcfaf4;
  --eun-divider-tint: #dddddd;
  --eun-border-tint: #dddddd;
  --eun-content-hover-tint: #ebebe6;
  --eun-content-pressed-tint: #e3e3de;
}

.eunomia-gold-theme--dark {
  --eun-color-primary-50: #6a5922;
  --eun-color-on-primary-50: #ffffff;
  --eun-color-primary-100: #806b2a;
  --eun-color-on-primary-100: #ffffff;
  --eun-color-primary-200: #977e31;
  --eun-color-on-primary-200: #000000de;
  --eun-color-primary-300: #b3963b;
  --eun-color-on-primary-300: #000000de;
  --eun-color-primary-400: #c0a13e;
  --eun-color-on-primary-400: #000000de;
  --eun-color-primary-500: #ccab42;
  --eun-color-on-primary-500: #000000de;
  --eun-color-primary-600: #cfaf4d;
  --eun-color-on-primary-600: #000000de;
  --eun-color-primary-700: #d2b559;
  --eun-color-on-primary-700: #000000de;
  --eun-color-primary-800: #d9c073;
  --eun-color-on-primary-800: #000000de;
  --eun-color-primary-900: #dec988;
  --eun-color-on-primary-900: #000000de;
  --eun-color-primary-950: #e5d39c;
  --eun-color-on-primary-950: #000000de;
  --eun-color-primary-bg-hover: rgba(204, 171, 66, 0.08);
  --eun-color-primary-bg-active: rgba(204, 171, 66, 0.08);
  --eun-color-primary-transparent: rgba(204, 171, 66, 0.2);
  --eun-color-primary-transparent-hover: rgba(204, 171, 66, 0.3);
  --eun-color-primary-transparent-active: rgba(204, 171, 66, 0.4);
  --eun-color-secondary-50: #576978;
  --eun-color-on-secondary-50: #ffffff;
  --eun-color-secondary-100: #697e91;
  --eun-color-on-secondary-100: #000000de;
  --eun-color-secondary-200: #7b94ab;
  --eun-color-on-secondary-200: #000000de;
  --eun-color-secondary-300: #93b2cc;
  --eun-color-on-secondary-300: #000000de;
  --eun-color-secondary-400: #9cbdda;
  --eun-color-on-secondary-400: #000000de;
  --eun-color-secondary-500: #a7c9e7;
  --eun-color-on-secondary-500: #000000de;
  --eun-color-secondary-600: #accde9;
  --eun-color-on-secondary-600: #000000de;
  --eun-color-secondary-700: #b1cfea;
  --eun-color-on-secondary-700: #000000de;
  --eun-color-secondary-800: #bdd7ee;
  --eun-color-on-secondary-800: #000000de;
  --eun-color-secondary-900: #c8def0;
  --eun-color-on-secondary-900: #000000de;
  --eun-color-secondary-950: #d1e3f3;
  --eun-color-on-secondary-950: #000000de;
  --eun-color-secondary-bg-hover: rgba(167, 201, 231, 0.08);
  --eun-color-secondary-bg-active: rgba(167, 201, 231, 0.08);
  --eun-color-secondary-transparent: rgba(167, 201, 231, 0.2);
  --eun-color-secondary-transparent-hover: rgba(167, 201, 231, 0.3);
  --eun-color-secondary-transparent-active: rgba(167, 201, 231, 0.4);
  --eun-content-hover: rgba(255, 255, 255, 0.08);
  --eun-content-pressed: rgba(255, 255, 255, 0.14);
  --eun-divider-color: var(--eun-color-grey-300);
  --eun-border-color: var(--eun-color-grey-300);
  --eun-surface-color: var(--eun-color-grey-0);
  --eun-disabled-color: var(--eun-color-grey-200);
  --eun-readonly-color: var(--eun-color-grey-600);
  --eun-text-color: var(--eun-color-grey-800);
  --eun-text-secondary: var(--eun-color-grey-700);
  --eun-placeholder-color: var(--eun-color-grey-400);
  --eun-text-disabled-color: var(--eun-color-grey-500);
  --eun-text-readonly-color: var(--eun-color-grey-400);
  --eun-disabled-content: var(--eun-color-grey-400);
  --eun-surface-tint: #2e3339;
  --eun-divider-tint: #6b7186;
  --eun-border-tint: #6b7186;
  --eun-content-hover-tint: rgba(252, 251, 246, 0.08);
  --eun-content-pressed-tint: rgba(252, 251, 246, 0.14);
}

.eunomia-fire-theme {
  --eun-color-primary-50: #eb9089;
  --eun-color-on-primary-50: #000000de;
  --eun-color-primary-100: #e67870;
  --eun-color-on-primary-100: #000000de;
  --eun-color-primary-200: #e26157;
  --eun-color-on-primary-200: #000000de;
  --eun-color-primary-300: #dd4337;
  --eun-color-on-primary-300: #000000de;
  --eun-color-primary-400: #da362a;
  --eun-color-on-primary-400: #ffffff;
  --eun-color-primary-500: #d8291c;
  --eun-color-on-primary-500: #ffffff;
  --eun-color-primary-600: #cb271a;
  --eun-color-on-primary-600: #ffffff;
  --eun-color-primary-700: #be2419;
  --eun-color-on-primary-700: #ffffff;
  --eun-color-primary-800: #a01e15;
  --eun-color-on-primary-800: #ffffff;
  --eun-color-primary-900: #881a12;
  --eun-color-on-primary-900: #ffffff;
  --eun-color-primary-950: #70150f;
  --eun-color-on-primary-950: #ffffff;
  --eun-color-primary-bg-hover: rgba(216, 41, 28, 0.08);
  --eun-color-primary-bg-active: rgba(216, 41, 28, 0.08);
  --eun-color-primary-transparent: rgba(216, 41, 28, 0.2);
  --eun-color-primary-transparent-hover: rgba(216, 41, 28, 0.3);
  --eun-color-primary-transparent-active: rgba(216, 41, 28, 0.4);
  --eun-color-secondary-50: #f8b982;
  --eun-color-on-secondary-50: #000000de;
  --eun-color-secondary-100: #f7ab68;
  --eun-color-on-secondary-100: #000000de;
  --eun-color-secondary-200: #f59c4d;
  --eun-color-on-secondary-200: #000000de;
  --eun-color-secondary-300: #f4892c;
  --eun-color-on-secondary-300: #000000de;
  --eun-color-secondary-400: #f3811d;
  --eun-color-on-secondary-400: #000000de;
  --eun-color-secondary-500: #f2790f;
  --eun-color-on-secondary-500: #000000de;
  --eun-color-secondary-600: #e3720e;
  --eun-color-on-secondary-600: #000000de;
  --eun-color-secondary-700: #d56a0d;
  --eun-color-on-secondary-700: #000000de;
  --eun-color-secondary-800: #b35a0b;
  --eun-color-on-secondary-800: #ffffff;
  --eun-color-secondary-900: #984c09;
  --eun-color-on-secondary-900: #ffffff;
  --eun-color-secondary-950: #7e3f08;
  --eun-color-on-secondary-950: #ffffff;
  --eun-color-secondary-bg-hover: rgba(242, 121, 15, 0.08);
  --eun-color-secondary-bg-active: rgba(242, 121, 15, 0.08);
  --eun-color-secondary-transparent: rgba(242, 121, 15, 0.2);
  --eun-color-secondary-transparent-hover: rgba(242, 121, 15, 0.3);
  --eun-color-secondary-transparent-active: rgba(242, 121, 15, 0.4);
  --eun-content-hover: #edeff0;
  --eun-content-pressed: #e4e6e8;
  --eun-divider-color: #dee0e7;
  --eun-border-color: #dee0e7;
  --eun-surface-color: #ffffff;
  --eun-disabled-color: #ecedf0;
  --eun-readonly-color: #666e8a;
  --eun-text-color: #071621;
  --eun-text-secondary: #484e61;
  --eun-placeholder-color: var(--eun-color-grey-400, #c1c9d6);
  --eun-text-disabled-color: #8d93aa;
  --eun-text-readonly-color: #c1c9d6;
  --eun-disabled-content: #c1c9d6;
  --eun-surface-tint: #fdf4f4;
  --eun-divider-tint: #ded7dd;
  --eun-border-tint: #ded7dd;
  --eun-content-hover-tint: #ece5e5;
  --eun-content-pressed-tint: #e3ddde;
}

.eunomia-fire-theme--dark {
  --eun-color-primary-50: #6f211b;
  --eun-color-on-primary-50: #ffffff;
  --eun-color-primary-100: #862922;
  --eun-color-on-primary-100: #ffffff;
  --eun-color-primary-200: #9e3027;
  --eun-color-on-primary-200: #ffffff;
  --eun-color-primary-300: #bc392e;
  --eun-color-on-primary-300: #ffffff;
  --eun-color-primary-400: #c83c32;
  --eun-color-on-primary-400: #ffffff;
  --eun-color-primary-500: #e94235;
  --eun-color-on-primary-500: #000000de;
  --eun-color-primary-600: #d84c41;
  --eun-color-on-primary-600: #000000de;
  --eun-color-primary-700: #da574d;
  --eun-color-on-primary-700: #000000de;
  --eun-color-primary-800: #e07169;
  --eun-color-on-primary-800: #000000de;
  --eun-color-primary-900: #e48780;
  --eun-color-on-primary-900: #000000de;
  --eun-color-primary-950: #e99b96;
  --eun-color-on-primary-950: #000000de;
  --eun-color-primary-bg-hover: rgba(233, 66, 53, 0.08);
  --eun-color-primary-bg-active: rgba(233, 66, 53, 0.08);
  --eun-color-primary-transparent: rgba(233, 66, 53, 0.2);
  --eun-color-primary-transparent-hover: rgba(233, 66, 53, 0.3);
  --eun-color-primary-transparent-active: rgba(233, 66, 53, 0.4);
  --eun-color-secondary-50: #743f10;
  --eun-color-on-secondary-50: #ffffff;
  --eun-color-secondary-100: #8c4c13;
  --eun-color-on-secondary-100: #ffffff;
  --eun-color-secondary-200: #a55a17;
  --eun-color-on-secondary-200: #ffffff;
  --eun-color-secondary-300: #c4691a;
  --eun-color-on-secondary-300: #000000de;
  --eun-color-secondary-400: #d2711c;
  --eun-color-on-secondary-400: #000000de;
  --eun-color-secondary-500: #df781e;
  --eun-color-on-secondary-500: #000000de;
  --eun-color-secondary-600: #e1812c;
  --eun-color-on-secondary-600: #000000de;
  --eun-color-secondary-700: #e38839;
  --eun-color-on-secondary-700: #000000de;
  --eun-color-secondary-800: #e79c59;
  --eun-color-on-secondary-800: #000000de;
  --eun-color-secondary-900: #ebab72;
  --eun-color-on-secondary-900: #000000de;
  --eun-color-secondary-950: #eeb98a;
  --eun-color-on-secondary-950: #000000de;
  --eun-color-secondary-bg-hover: rgba(223, 120, 30, 0.08);
  --eun-color-secondary-bg-active: rgba(223, 120, 30, 0.08);
  --eun-color-secondary-transparent: rgba(223, 120, 30, 0.2);
  --eun-color-secondary-transparent-hover: rgba(223, 120, 30, 0.3);
  --eun-color-secondary-transparent-active: rgba(223, 120, 30, 0.4);
  --eun-content-hover: rgba(255, 255, 255, 0.08);
  --eun-content-pressed: rgba(255, 255, 255, 0.14);
  --eun-divider-color: var(--eun-color-grey-300);
  --eun-border-color: var(--eun-color-grey-300);
  --eun-surface-color: var(--eun-color-grey-0);
  --eun-disabled-color: var(--eun-color-grey-200);
  --eun-readonly-color: var(--eun-color-grey-600);
  --eun-text-color: var(--eun-color-grey-800);
  --eun-text-secondary: var(--eun-color-grey-700);
  --eun-placeholder-color: var(--eun-color-grey-400);
  --eun-text-disabled-color: var(--eun-color-grey-500);
  --eun-text-readonly-color: var(--eun-color-grey-400);
  --eun-disabled-content: var(--eun-color-grey-400);
  --eun-surface-tint: #2f2e39;
  --eun-divider-tint: #6c6c86;
  --eun-border-tint: #6c6c86;
  --eun-content-hover-tint: rgba(253, 245, 245, 0.08);
  --eun-content-pressed-tint: rgba(253, 245, 245, 0.14);
}

:root {
  --eun-color-primary-50: #9ab4ff;
  --eun-color-on-primary-50: #000000de;
  --eun-color-primary-100: #85a4ff;
  --eun-color-on-primary-100: #000000de;
  --eun-color-primary-200: #6f94ff;
  --eun-color-on-primary-200: #000000de;
  --eun-color-primary-300: #5480ff;
  --eun-color-on-primary-300: #000000de;
  --eun-color-primary-400: #4978ff;
  --eun-color-on-primary-400: #000000de;
  --eun-color-primary-500: #3d6fff;
  --eun-color-on-primary-500: #ffffff;
  --eun-color-primary-600: #3968f0;
  --eun-color-on-primary-600: #ffffff;
  --eun-color-primary-700: #3662e0;
  --eun-color-on-primary-700: #ffffff;
  --eun-color-primary-800: #2d52bd;
  --eun-color-on-primary-800: #ffffff;
  --eun-color-primary-900: #2646a1;
  --eun-color-on-primary-900: #ffffff;
  --eun-color-primary-950: #203a85;
  --eun-color-on-primary-950: #ffffff;
  --eun-color-primary-bg-hover: rgba(61, 111, 255, 0.08);
  --eun-color-primary-bg-active: rgba(61, 111, 255, 0.08);
  --eun-color-primary-transparent: rgba(61, 111, 255, 0.2);
  --eun-color-primary-transparent-hover: rgba(61, 111, 255, 0.3);
  --eun-color-primary-transparent-active: rgba(61, 111, 255, 0.4);
  --eun-color-secondary-50: #f6ddb4;
  --eun-color-on-secondary-50: #000000de;
  --eun-color-secondary-100: #f4d5a4;
  --eun-color-on-secondary-100: #000000de;
  --eun-color-secondary-200: #f2ce94;
  --eun-color-on-secondary-200: #000000de;
  --eun-color-secondary-300: #efc580;
  --eun-color-on-secondary-300: #000000de;
  --eun-color-secondary-400: #eec178;
  --eun-color-on-secondary-400: #000000de;
  --eun-color-secondary-500: #edbd6f;
  --eun-color-on-secondary-500: #000000de;
  --eun-color-secondary-600: #dfb268;
  --eun-color-on-secondary-600: #000000de;
  --eun-color-secondary-700: #d1a662;
  --eun-color-on-secondary-700: #000000de;
  --eun-color-secondary-800: #af8c52;
  --eun-color-on-secondary-800: #000000de;
  --eun-color-secondary-900: #957746;
  --eun-color-on-secondary-900: #000000de;
  --eun-color-secondary-950: #7b623a;
  --eun-color-on-secondary-950: #ffffff;
  --eun-color-secondary-bg-hover: rgba(237, 189, 111, 0.08);
  --eun-color-secondary-bg-active: rgba(237, 189, 111, 0.08);
  --eun-color-secondary-transparent: rgba(237, 189, 111, 0.2);
  --eun-color-secondary-transparent-hover: rgba(237, 189, 111, 0.3);
  --eun-color-secondary-transparent-active: rgba(237, 189, 111, 0.4);
  --eun-content-hover: #9696961a;
  --eun-content-pressed: #e4e6e8;
  --eun-divider-color: #dee0e7;
  --eun-border-color: #dee0e7;
  --eun-surface-color: #ffffff;
  --eun-disabled-color: #ecedf0;
  --eun-readonly-color: #666e8a;
  --eun-text-color: #071621;
  --eun-text-secondary: #484e61;
  --eun-placeholder-color: var(--eun-color-grey-400, #c1c9d6);
  --eun-text-disabled-color: #8d93aa;
  --eun-text-readonly-color: #c1c9d6;
  --eun-disabled-content: #c1c9d6;
  --eun-surface-tint: #f5f8ff;
  --eun-divider-tint: #d6dae8;
  --eun-border-tint: #d6dae8;
  --eun-content-hover-tint: #e4e9f1;
  --eun-content-pressed-tint: #dce0e9;
  --eun-font-family: "Mulish", sans-serif;
  --eun-fontSize-xxs: 0.4rem;
  --eun-fontSize-xs: 0.6rem;
  --eun-fontSize-s: 0.82rem;
  --eun-fontSize-m: 1rem;
  --eun-fontSize-l: 1.3rem;
  --eun-fontSize-xl: 1.6rem;
  --eun-fontSize-xxl: 2rem;
  --eun-fontSize-xxxl: 3.4rem;
  --eun-fontSize-xxxxl: 5rem;
  --eun-fontWeight-s: 300;
  --eun-fontWeight-m: 500;
  --eun-fontWeight-l: 700;
  --eun-space-xxs: 0.1rem;
  --eun-space-xs: 0.25rem;
  --eun-space-s: 0.5rem;
  --eun-space-m: 1rem;
  --eun-space-l: 2rem;
  --eun-space-xl: 3.5rem;
  --eun-space-xxl: 5rem;
  --eun-borderRadius-s: 5px;
  --eun-borderRadius-m: 10px;
  --eun-borderRadius-l: 20px;
  --eun-borderRadius-xl: 999px;
  --eun-borderWidth-s: 1px;
  --eun-borderWidth-m: 1.5px;
  --eun-borderWidth-l: 2px;
  --eun-shadow-xs:
    rgba(0, 0, 0, 0.1) 0px 1px 3px 0px, rgba(0, 0, 0, 0.06) 0px 1px 2px 0px;
  --eun-shadow-s:
    rgba(0, 0, 0, 0.1) 0px 4px 6px -1px, rgba(0, 0, 0, 0.06) 0px 2px 4px -1px;
  --eun-shadow-m:
    rgba(0, 0, 0, 0.1) 0px 10px 15px -3px, rgba(0, 0, 0, 0.05) 0px 4px 6px -2px;
  --eun-shadow-l:
    rgba(0, 0, 0, 0.1) 0px 20px 25px -5px,
    rgba(0, 0, 0, 0.04) 0px 10px 10px -5px;
  --eun-shadow-xl: rgba(0, 0, 0, 0.25) 0px 25px 50px -12px;
  --eun-height-xxs: 8px;
  --eun-height-xs: 16px;
  --eun-height-s: 24px;
  --eun-height-m: 32px;
  --eun-height-l: 34px;
  --eun-height-xl: 48px;
  --eun-height-xxl: 56px;
  --eun-breakpoint-mobile: 600px;
  --eun-breakpoint-tablet: 768px;
  --eun-breakpoint-laptop: 1024px;
  --eun-breakpoint-desktop: 1280px;
}
:root .eun-grid {
  display: grid;
  row-gap: var(--eun-grid-row-gap, var(--eun-space-s));
  column-gap: var(--eun-grid-column-gap, var(--eun-space-m));
}
:root .eun-grid--halves {
  grid-template-columns: repeat(2, 1fr);
}
:root .eun-grid--thirds-1-2 {
  grid-template-columns: 1fr 2fr;
}
:root .eun-grid--thirds-2-1 {
  grid-template-columns: 2fr 1fr;
}
:root .eun-grid--thirds-equal {
  grid-template-columns: repeat(3, 1fr);
}
:root .eun-grid--2x2 {
  grid-template-columns: repeat(2, 1fr);
  grid-auto-flow: row;
}
:root .eun-grid--sidebar-left,
:root .eun-grid--sidebar-right {
  grid-template-columns: repeat(2, 1fr);
  grid-template-rows: repeat(2, auto);
}
:root .eun-grid--sidebar-left > :first-child {
  grid-column: 1;
  grid-row: 1/span 2;
}
:root .eun-grid--sidebar-right > :first-child {
  grid-column: 2;
  grid-row: 1/span 2;
}
:root .eun-grid--lead-left,
:root .eun-grid--lead-right {
  grid-template-rows: repeat(2, auto);
}
:root .eun-grid--lead-left {
  grid-template-columns: auto 1fr;
}
:root .eun-grid--lead-right {
  grid-template-columns: 1fr auto;
}
:root .eun-grid--lead-left > :first-child {
  grid-column: 1;
  grid-row: 1/span 2;
}
:root .eun-grid--lead-right > :first-child {
  grid-column: 2;
  grid-row: 1/span 2;
}
:root .eun-grid--gallery {
  grid-template-columns: repeat(auto-fill, minmax(var(--eun-grid-min-width, 220px), 1fr));
}
:root .eun-grid--panel {
  grid-template-rows: auto 1fr auto;
}
@media (max-width: 767px) {
  :root .eun-grid--halves,
  :root .eun-grid--thirds-1-2,
  :root .eun-grid--thirds-2-1,
  :root .eun-grid--thirds-equal,
  :root .eun-grid--2x2,
  :root .eun-grid--sidebar-left,
  :root .eun-grid--sidebar-right {
    grid-template-columns: 1fr;
    grid-template-rows: none;
  }
  :root .eun-grid--sidebar-left > :first-child,
  :root .eun-grid--sidebar-right > :first-child {
    grid-column: 1;
    grid-row: auto;
  }
}
:root {
  --eun-color-red-100: #fef4f5;
  --eun-color-red-200: #fbd1d5;
  --eun-color-red-300: #f8a4ac;
  --eun-color-red-400: #f47682;
  --eun-color-red-500: #f14959;
  --eun-color-red-600: #ed1b2f;
  --eun-color-red-700: #a11b29;
  --eun-color-purple-100: #f2f2fe;
  --eun-color-purple-200: #dfcff6;
  --eun-color-purple-300: #bea0ed;
  --eun-color-purple-400: #9e70e4;
  --eun-color-purple-500: #9562e3;
  --eun-color-purple-600: #991bed;
  --eun-color-purple-700: #691ba1;
  --eun-color-yellow-100: #fefef4;
  --eun-color-yellow-200: #f3fbd1;
  --eun-color-yellow-300: #edf8a4;
  --eun-color-yellow-400: #f4f482;
  --eun-color-yellow-500: #f0f050;
  --eun-color-yellow-600: #e0e000;
  --eun-color-yellow-700: #a19f1b;
  --eun-color-blue-100: #f3f9fb;
  --eun-color-blue-200: #ceeaee;
  --eun-color-blue-300: #9ddadc;
  --eun-color-blue-400: #6cc6cb;
  --eun-color-blue-500: #3bb3b9;
  --eun-color-blue-600: #0aa5a8;
  --eun-color-blue-700: #1b94a1;
  --eun-color-green-100: #f4fef6;
  --eun-color-green-200: #d1fbd7;
  --eun-color-green-300: #a4f8b2;
  --eun-color-green-400: #82f48a;
  --eun-color-green-500: #49f15f;
  --eun-color-green-600: #1bed22;
  --eun-color-green-700: #1ba11d;
  --eun-color-pink-100: #fef4fd;
  --eun-color-pink-200: #fbd1fa;
  --eun-color-pink-300: #f3a4f8;
  --eun-color-pink-400: #d982f4;
  --eun-color-pink-500: #d05df3;
  --eun-color-pink-600: #c300ff;
  --eun-color-pink-700: #a11b9f;
  --eun-color-grey-0: #ffffff;
  --eun-color-grey-100: #f7f8fa;
  --eun-color-grey-200: #ecedf0;
  --eun-color-grey-300: #dee0e7;
  --eun-color-grey-400: #c1c9d6;
  --eun-color-grey-500: #8d93aa;
  --eun-color-grey-600: #666e8a;
  --eun-color-grey-700: #484e61;
  --eun-color-grey-800: #071621;
  --eun-color-grey-900: #000000;
  --eun-color-success-100: #1a9948;
  --eun-color-success-90: rgba(26, 153, 72, 0.32);
  --eun-color-success-50: rgba(26, 153, 72, 0.16);
  --eun-color-success-30: rgba(26, 153, 72, 0.06);
  --eun-color-warning-100: #c85207;
  --eun-color-warning-90: rgba(200, 82, 7, 0.32);
  --eun-color-warning-50: rgba(200, 82, 7, 0.16);
  --eun-color-warning-30: rgba(200, 82, 7, 0.06);
  --eun-color-critical-100: #aa0014;
  --eun-color-critical-90: rgba(170, 0, 20, 0.32);
  --eun-color-critical-50: rgba(170, 0, 20, 0.16);
  --eun-color-critical-30: rgba(170, 0, 20, 0.06);
  --eun-color-info-100: #097faf;
  --eun-color-info-90: rgba(9, 127, 175, 0.32);
  --eun-color-info-50: rgba(9, 127, 175, 0.16);
  --eun-color-info-30: rgba(9, 127, 175, 0.06);
}

[data-brand=eunomia] {
  --eun-color-primary-50: #9ab4ff;
  --eun-color-on-primary-50: #000000de;
  --eun-color-primary-100: #85a4ff;
  --eun-color-on-primary-100: #000000de;
  --eun-color-primary-200: #6f94ff;
  --eun-color-on-primary-200: #000000de;
  --eun-color-primary-300: #5480ff;
  --eun-color-on-primary-300: #000000de;
  --eun-color-primary-400: #4978ff;
  --eun-color-on-primary-400: #000000de;
  --eun-color-primary-500: #3d6fff;
  --eun-color-on-primary-500: #ffffff;
  --eun-color-primary-600: #3968f0;
  --eun-color-on-primary-600: #ffffff;
  --eun-color-primary-700: #3662e0;
  --eun-color-on-primary-700: #ffffff;
  --eun-color-primary-800: #2d52bd;
  --eun-color-on-primary-800: #ffffff;
  --eun-color-primary-900: #2646a1;
  --eun-color-on-primary-900: #ffffff;
  --eun-color-primary-950: #203a85;
  --eun-color-on-primary-950: #ffffff;
  --eun-color-primary-bg-hover: rgba(61, 111, 255, 0.08);
  --eun-color-primary-bg-active: rgba(61, 111, 255, 0.08);
  --eun-color-primary-transparent: rgba(61, 111, 255, 0.2);
  --eun-color-primary-transparent-hover: rgba(61, 111, 255, 0.3);
  --eun-color-primary-transparent-active: rgba(61, 111, 255, 0.4);
  --eun-color-secondary-50: #f6ddb4;
  --eun-color-on-secondary-50: #000000de;
  --eun-color-secondary-100: #f4d5a4;
  --eun-color-on-secondary-100: #000000de;
  --eun-color-secondary-200: #f2ce94;
  --eun-color-on-secondary-200: #000000de;
  --eun-color-secondary-300: #efc580;
  --eun-color-on-secondary-300: #000000de;
  --eun-color-secondary-400: #eec178;
  --eun-color-on-secondary-400: #000000de;
  --eun-color-secondary-500: #edbd6f;
  --eun-color-on-secondary-500: #000000de;
  --eun-color-secondary-600: #dfb268;
  --eun-color-on-secondary-600: #000000de;
  --eun-color-secondary-700: #d1a662;
  --eun-color-on-secondary-700: #000000de;
  --eun-color-secondary-800: #af8c52;
  --eun-color-on-secondary-800: #000000de;
  --eun-color-secondary-900: #957746;
  --eun-color-on-secondary-900: #000000de;
  --eun-color-secondary-950: #7b623a;
  --eun-color-on-secondary-950: #ffffff;
  --eun-color-secondary-bg-hover: rgba(237, 189, 111, 0.08);
  --eun-color-secondary-bg-active: rgba(237, 189, 111, 0.08);
  --eun-color-secondary-transparent: rgba(237, 189, 111, 0.2);
  --eun-color-secondary-transparent-hover: rgba(237, 189, 111, 0.3);
  --eun-color-secondary-transparent-active: rgba(237, 189, 111, 0.4);
  --eun-content-hover: #9696961a;
  --eun-content-pressed: #e4e6e8;
  --eun-divider-color: #dee0e7;
  --eun-border-color: #dee0e7;
  --eun-surface-color: #ffffff;
  --eun-disabled-color: #ecedf0;
  --eun-readonly-color: #666e8a;
  --eun-text-color: #071621;
  --eun-text-secondary: #484e61;
  --eun-placeholder-color: var(--eun-color-grey-400, #c1c9d6);
  --eun-text-disabled-color: #8d93aa;
  --eun-text-readonly-color: #c1c9d6;
  --eun-disabled-content: #c1c9d6;
  --eun-surface-tint: #f5f8ff;
  --eun-divider-tint: #d6dae8;
  --eun-border-tint: #d6dae8;
  --eun-content-hover-tint: #e4e9f1;
  --eun-content-pressed-tint: #dce0e9;
  --eun-font-family: "Mulish", sans-serif;
  --eun-fontSize-xxs: 0.4rem;
  --eun-fontSize-xs: 0.6rem;
  --eun-fontSize-s: 0.82rem;
  --eun-fontSize-m: 1rem;
  --eun-fontSize-l: 1.3rem;
  --eun-fontSize-xl: 1.6rem;
  --eun-fontSize-xxl: 2rem;
  --eun-fontSize-xxxl: 3.4rem;
  --eun-fontSize-xxxxl: 5rem;
  --eun-fontWeight-s: 300;
  --eun-fontWeight-m: 500;
  --eun-fontWeight-l: 700;
  --eun-space-xxs: 0.1rem;
  --eun-space-xs: 0.25rem;
  --eun-space-s: 0.5rem;
  --eun-space-m: 1rem;
  --eun-space-l: 2rem;
  --eun-space-xl: 3.5rem;
  --eun-space-xxl: 5rem;
  --eun-borderRadius-s: 5px;
  --eun-borderRadius-m: 10px;
  --eun-borderRadius-l: 20px;
  --eun-borderRadius-xl: 999px;
  --eun-borderWidth-s: 1px;
  --eun-borderWidth-m: 1.5px;
  --eun-borderWidth-l: 2px;
  --eun-shadow-xs:
    rgba(0, 0, 0, 0.1) 0px 1px 3px 0px, rgba(0, 0, 0, 0.06) 0px 1px 2px 0px;
  --eun-shadow-s:
    rgba(0, 0, 0, 0.1) 0px 4px 6px -1px, rgba(0, 0, 0, 0.06) 0px 2px 4px -1px;
  --eun-shadow-m:
    rgba(0, 0, 0, 0.1) 0px 10px 15px -3px, rgba(0, 0, 0, 0.05) 0px 4px 6px -2px;
  --eun-shadow-l:
    rgba(0, 0, 0, 0.1) 0px 20px 25px -5px,
    rgba(0, 0, 0, 0.04) 0px 10px 10px -5px;
  --eun-shadow-xl: rgba(0, 0, 0, 0.25) 0px 25px 50px -12px;
  --eun-height-xxs: 8px;
  --eun-height-xs: 16px;
  --eun-height-s: 24px;
  --eun-height-m: 32px;
  --eun-height-l: 34px;
  --eun-height-xl: 48px;
  --eun-height-xxl: 56px;
  --eun-breakpoint-mobile: 600px;
  --eun-breakpoint-tablet: 768px;
  --eun-breakpoint-laptop: 1024px;
  --eun-breakpoint-desktop: 1280px;
}
[data-brand=eunomia] .eun-grid {
  display: grid;
  row-gap: var(--eun-grid-row-gap, var(--eun-space-s));
  column-gap: var(--eun-grid-column-gap, var(--eun-space-m));
}
[data-brand=eunomia] .eun-grid--halves {
  grid-template-columns: repeat(2, 1fr);
}
[data-brand=eunomia] .eun-grid--thirds-1-2 {
  grid-template-columns: 1fr 2fr;
}
[data-brand=eunomia] .eun-grid--thirds-2-1 {
  grid-template-columns: 2fr 1fr;
}
[data-brand=eunomia] .eun-grid--thirds-equal {
  grid-template-columns: repeat(3, 1fr);
}
[data-brand=eunomia] .eun-grid--2x2 {
  grid-template-columns: repeat(2, 1fr);
  grid-auto-flow: row;
}
[data-brand=eunomia] .eun-grid--sidebar-left,
[data-brand=eunomia] .eun-grid--sidebar-right {
  grid-template-columns: repeat(2, 1fr);
  grid-template-rows: repeat(2, auto);
}
[data-brand=eunomia] .eun-grid--sidebar-left > :first-child {
  grid-column: 1;
  grid-row: 1/span 2;
}
[data-brand=eunomia] .eun-grid--sidebar-right > :first-child {
  grid-column: 2;
  grid-row: 1/span 2;
}
[data-brand=eunomia] .eun-grid--lead-left,
[data-brand=eunomia] .eun-grid--lead-right {
  grid-template-rows: repeat(2, auto);
}
[data-brand=eunomia] .eun-grid--lead-left {
  grid-template-columns: auto 1fr;
}
[data-brand=eunomia] .eun-grid--lead-right {
  grid-template-columns: 1fr auto;
}
[data-brand=eunomia] .eun-grid--lead-left > :first-child {
  grid-column: 1;
  grid-row: 1/span 2;
}
[data-brand=eunomia] .eun-grid--lead-right > :first-child {
  grid-column: 2;
  grid-row: 1/span 2;
}
[data-brand=eunomia] .eun-grid--gallery {
  grid-template-columns: repeat(auto-fill, minmax(var(--eun-grid-min-width, 220px), 1fr));
}
[data-brand=eunomia] .eun-grid--panel {
  grid-template-rows: auto 1fr auto;
}
@media (max-width: 767px) {
  [data-brand=eunomia] .eun-grid--halves,
  [data-brand=eunomia] .eun-grid--thirds-1-2,
  [data-brand=eunomia] .eun-grid--thirds-2-1,
  [data-brand=eunomia] .eun-grid--thirds-equal,
  [data-brand=eunomia] .eun-grid--2x2,
  [data-brand=eunomia] .eun-grid--sidebar-left,
  [data-brand=eunomia] .eun-grid--sidebar-right {
    grid-template-columns: 1fr;
    grid-template-rows: none;
  }
  [data-brand=eunomia] .eun-grid--sidebar-left > :first-child,
  [data-brand=eunomia] .eun-grid--sidebar-right > :first-child {
    grid-column: 1;
    grid-row: auto;
  }
}
[data-brand=eunomia] {
  --eun-color-red-100: #fef4f5;
  --eun-color-red-200: #fbd1d5;
  --eun-color-red-300: #f8a4ac;
  --eun-color-red-400: #f47682;
  --eun-color-red-500: #f14959;
  --eun-color-red-600: #ed1b2f;
  --eun-color-red-700: #a11b29;
  --eun-color-purple-100: #f2f2fe;
  --eun-color-purple-200: #dfcff6;
  --eun-color-purple-300: #bea0ed;
  --eun-color-purple-400: #9e70e4;
  --eun-color-purple-500: #9562e3;
  --eun-color-purple-600: #991bed;
  --eun-color-purple-700: #691ba1;
  --eun-color-yellow-100: #fefef4;
  --eun-color-yellow-200: #f3fbd1;
  --eun-color-yellow-300: #edf8a4;
  --eun-color-yellow-400: #f4f482;
  --eun-color-yellow-500: #f0f050;
  --eun-color-yellow-600: #e0e000;
  --eun-color-yellow-700: #a19f1b;
  --eun-color-blue-100: #f3f9fb;
  --eun-color-blue-200: #ceeaee;
  --eun-color-blue-300: #9ddadc;
  --eun-color-blue-400: #6cc6cb;
  --eun-color-blue-500: #3bb3b9;
  --eun-color-blue-600: #0aa5a8;
  --eun-color-blue-700: #1b94a1;
  --eun-color-green-100: #f4fef6;
  --eun-color-green-200: #d1fbd7;
  --eun-color-green-300: #a4f8b2;
  --eun-color-green-400: #82f48a;
  --eun-color-green-500: #49f15f;
  --eun-color-green-600: #1bed22;
  --eun-color-green-700: #1ba11d;
  --eun-color-pink-100: #fef4fd;
  --eun-color-pink-200: #fbd1fa;
  --eun-color-pink-300: #f3a4f8;
  --eun-color-pink-400: #d982f4;
  --eun-color-pink-500: #d05df3;
  --eun-color-pink-600: #c300ff;
  --eun-color-pink-700: #a11b9f;
  --eun-color-grey-0: #ffffff;
  --eun-color-grey-100: #f7f8fa;
  --eun-color-grey-200: #ecedf0;
  --eun-color-grey-300: #dee0e7;
  --eun-color-grey-400: #c1c9d6;
  --eun-color-grey-500: #8d93aa;
  --eun-color-grey-600: #666e8a;
  --eun-color-grey-700: #484e61;
  --eun-color-grey-800: #071621;
  --eun-color-grey-900: #000000;
  --eun-color-success-100: #1a9948;
  --eun-color-success-90: rgba(26, 153, 72, 0.32);
  --eun-color-success-50: rgba(26, 153, 72, 0.16);
  --eun-color-success-30: rgba(26, 153, 72, 0.06);
  --eun-color-warning-100: #c85207;
  --eun-color-warning-90: rgba(200, 82, 7, 0.32);
  --eun-color-warning-50: rgba(200, 82, 7, 0.16);
  --eun-color-warning-30: rgba(200, 82, 7, 0.06);
  --eun-color-critical-100: #aa0014;
  --eun-color-critical-90: rgba(170, 0, 20, 0.32);
  --eun-color-critical-50: rgba(170, 0, 20, 0.16);
  --eun-color-critical-30: rgba(170, 0, 20, 0.06);
  --eun-color-info-100: #097faf;
  --eun-color-info-90: rgba(9, 127, 175, 0.32);
  --eun-color-info-50: rgba(9, 127, 175, 0.16);
  --eun-color-info-30: rgba(9, 127, 175, 0.06);
}

[data-brand=eunomia][data-theme=dark] {
  --eun-color-primary-50: #384c85;
  --eun-color-on-primary-50: #ffffff;
  --eun-color-primary-100: #445ca1;
  --eun-color-on-primary-100: #ffffff;
  --eun-color-primary-200: #506cbd;
  --eun-color-on-primary-200: #ffffff;
  --eun-color-primary-300: #5f80e0;
  --eun-color-on-primary-300: #000000de;
  --eun-color-primary-400: #6689f0;
  --eun-color-on-primary-400: #000000de;
  --eun-color-primary-500: #6c92ff;
  --eun-color-on-primary-500: #000000de;
  --eun-color-primary-600: #7599ff;
  --eun-color-on-primary-600: #000000de;
  --eun-color-primary-700: #7e9fff;
  --eun-color-on-primary-700: #000000de;
  --eun-color-primary-800: #92aeff;
  --eun-color-on-primary-800: #000000de;
  --eun-color-primary-900: #a2baff;
  --eun-color-on-primary-900: #000000de;
  --eun-color-primary-950: #b3c6ff;
  --eun-color-on-primary-950: #000000de;
  --eun-color-primary-bg-hover: rgba(108, 146, 255, 0.08);
  --eun-color-primary-bg-active: rgba(108, 146, 255, 0.08);
  --eun-color-primary-transparent: rgba(108, 146, 255, 0.2);
  --eun-color-primary-transparent-hover: rgba(108, 146, 255, 0.3);
  --eun-color-primary-transparent-active: rgba(108, 146, 255, 0.4);
  --eun-color-secondary-50: #7b623a;
  --eun-color-on-secondary-50: #ffffff;
  --eun-color-secondary-100: #957746;
  --eun-color-on-secondary-100: #000000de;
  --eun-color-secondary-200: #af8c52;
  --eun-color-on-secondary-200: #000000de;
  --eun-color-secondary-300: #d1a662;
  --eun-color-on-secondary-300: #000000de;
  --eun-color-secondary-400: #dfb268;
  --eun-color-on-secondary-400: #000000de;
  --eun-color-secondary-500: #edbd6f;
  --eun-color-on-secondary-500: #000000de;
  --eun-color-secondary-600: #eec178;
  --eun-color-on-secondary-600: #000000de;
  --eun-color-secondary-700: #efc580;
  --eun-color-on-secondary-700: #000000de;
  --eun-color-secondary-800: #f2ce94;
  --eun-color-on-secondary-800: #000000de;
  --eun-color-secondary-900: #f4d5a4;
  --eun-color-on-secondary-900: #000000de;
  --eun-color-secondary-950: #f6ddb4;
  --eun-color-on-secondary-950: #000000de;
  --eun-color-secondary-bg-hover: rgba(237, 189, 111, 0.08);
  --eun-color-secondary-bg-active: rgba(237, 189, 111, 0.08);
  --eun-color-secondary-transparent: rgba(237, 189, 111, 0.2);
  --eun-color-secondary-transparent-hover: rgba(237, 189, 111, 0.3);
  --eun-color-secondary-transparent-active: rgba(237, 189, 111, 0.4);
  --eun-content-hover: rgba(255, 255, 255, 0.08);
  --eun-content-pressed: rgba(255, 255, 255, 0.14);
  --eun-divider-color: var(--eun-color-grey-300);
  --eun-border-color: var(--eun-color-grey-300);
  --eun-surface-color: var(--eun-color-grey-0);
  --eun-disabled-color: var(--eun-color-grey-200);
  --eun-readonly-color: var(--eun-color-grey-600);
  --eun-text-color: var(--eun-color-grey-800);
  --eun-text-secondary: var(--eun-color-grey-700);
  --eun-placeholder-color: var(--eun-color-grey-400);
  --eun-text-disabled-color: var(--eun-color-grey-500);
  --eun-text-readonly-color: var(--eun-color-grey-400);
  --eun-disabled-content: var(--eun-color-grey-400);
  --eun-surface-tint: #2a3243;
  --eun-divider-tint: #667090;
  --eun-border-tint: #667090;
  --eun-content-hover-tint: rgba(248, 250, 255, 0.08);
  --eun-content-pressed-tint: rgba(248, 250, 255, 0.14);
  --eun-font-family: "Mulish", sans-serif;
  --eun-fontSize-xxs: 0.4rem;
  --eun-fontSize-xs: 0.6rem;
  --eun-fontSize-s: 0.82rem;
  --eun-fontSize-m: 1rem;
  --eun-fontSize-l: 1.3rem;
  --eun-fontSize-xl: 1.6rem;
  --eun-fontSize-xxl: 2rem;
  --eun-fontSize-xxxl: 3.4rem;
  --eun-fontSize-xxxxl: 5rem;
  --eun-fontWeight-s: 300;
  --eun-fontWeight-m: 500;
  --eun-fontWeight-l: 700;
  --eun-space-xxs: 0.1rem;
  --eun-space-xs: 0.25rem;
  --eun-space-s: 0.5rem;
  --eun-space-m: 1rem;
  --eun-space-l: 2rem;
  --eun-space-xl: 3.5rem;
  --eun-space-xxl: 5rem;
  --eun-borderRadius-s: 5px;
  --eun-borderRadius-m: 10px;
  --eun-borderRadius-l: 20px;
  --eun-borderRadius-xl: 999px;
  --eun-borderWidth-s: 1px;
  --eun-borderWidth-m: 1.5px;
  --eun-borderWidth-l: 2px;
  --eun-shadow-xs:
    rgba(0, 0, 0, 0.1) 0px 1px 3px 0px, rgba(0, 0, 0, 0.06) 0px 1px 2px 0px;
  --eun-shadow-s:
    rgba(0, 0, 0, 0.1) 0px 4px 6px -1px, rgba(0, 0, 0, 0.06) 0px 2px 4px -1px;
  --eun-shadow-m:
    rgba(0, 0, 0, 0.1) 0px 10px 15px -3px, rgba(0, 0, 0, 0.05) 0px 4px 6px -2px;
  --eun-shadow-l:
    rgba(0, 0, 0, 0.1) 0px 20px 25px -5px,
    rgba(0, 0, 0, 0.04) 0px 10px 10px -5px;
  --eun-shadow-xl: rgba(0, 0, 0, 0.25) 0px 25px 50px -12px;
  --eun-height-xxs: 8px;
  --eun-height-xs: 16px;
  --eun-height-s: 24px;
  --eun-height-m: 32px;
  --eun-height-l: 34px;
  --eun-height-xl: 48px;
  --eun-height-xxl: 56px;
  --eun-breakpoint-mobile: 600px;
  --eun-breakpoint-tablet: 768px;
  --eun-breakpoint-laptop: 1024px;
  --eun-breakpoint-desktop: 1280px;
}
[data-brand=eunomia][data-theme=dark] .eun-grid {
  display: grid;
  row-gap: var(--eun-grid-row-gap, var(--eun-space-s));
  column-gap: var(--eun-grid-column-gap, var(--eun-space-m));
}
[data-brand=eunomia][data-theme=dark] .eun-grid--halves {
  grid-template-columns: repeat(2, 1fr);
}
[data-brand=eunomia][data-theme=dark] .eun-grid--thirds-1-2 {
  grid-template-columns: 1fr 2fr;
}
[data-brand=eunomia][data-theme=dark] .eun-grid--thirds-2-1 {
  grid-template-columns: 2fr 1fr;
}
[data-brand=eunomia][data-theme=dark] .eun-grid--thirds-equal {
  grid-template-columns: repeat(3, 1fr);
}
[data-brand=eunomia][data-theme=dark] .eun-grid--2x2 {
  grid-template-columns: repeat(2, 1fr);
  grid-auto-flow: row;
}
[data-brand=eunomia][data-theme=dark] .eun-grid--sidebar-left,
[data-brand=eunomia][data-theme=dark] .eun-grid--sidebar-right {
  grid-template-columns: repeat(2, 1fr);
  grid-template-rows: repeat(2, auto);
}
[data-brand=eunomia][data-theme=dark] .eun-grid--sidebar-left > :first-child {
  grid-column: 1;
  grid-row: 1/span 2;
}
[data-brand=eunomia][data-theme=dark] .eun-grid--sidebar-right > :first-child {
  grid-column: 2;
  grid-row: 1/span 2;
}
[data-brand=eunomia][data-theme=dark] .eun-grid--lead-left,
[data-brand=eunomia][data-theme=dark] .eun-grid--lead-right {
  grid-template-rows: repeat(2, auto);
}
[data-brand=eunomia][data-theme=dark] .eun-grid--lead-left {
  grid-template-columns: auto 1fr;
}
[data-brand=eunomia][data-theme=dark] .eun-grid--lead-right {
  grid-template-columns: 1fr auto;
}
[data-brand=eunomia][data-theme=dark] .eun-grid--lead-left > :first-child {
  grid-column: 1;
  grid-row: 1/span 2;
}
[data-brand=eunomia][data-theme=dark] .eun-grid--lead-right > :first-child {
  grid-column: 2;
  grid-row: 1/span 2;
}
[data-brand=eunomia][data-theme=dark] .eun-grid--gallery {
  grid-template-columns: repeat(auto-fill, minmax(var(--eun-grid-min-width, 220px), 1fr));
}
[data-brand=eunomia][data-theme=dark] .eun-grid--panel {
  grid-template-rows: auto 1fr auto;
}
@media (max-width: 767px) {
  [data-brand=eunomia][data-theme=dark] .eun-grid--halves,
  [data-brand=eunomia][data-theme=dark] .eun-grid--thirds-1-2,
  [data-brand=eunomia][data-theme=dark] .eun-grid--thirds-2-1,
  [data-brand=eunomia][data-theme=dark] .eun-grid--thirds-equal,
  [data-brand=eunomia][data-theme=dark] .eun-grid--2x2,
  [data-brand=eunomia][data-theme=dark] .eun-grid--sidebar-left,
  [data-brand=eunomia][data-theme=dark] .eun-grid--sidebar-right {
    grid-template-columns: 1fr;
    grid-template-rows: none;
  }
  [data-brand=eunomia][data-theme=dark] .eun-grid--sidebar-left > :first-child,
  [data-brand=eunomia][data-theme=dark] .eun-grid--sidebar-right > :first-child {
    grid-column: 1;
    grid-row: auto;
  }
}
[data-brand=eunomia][data-theme=dark] {
  --eun-color-red-100: #410b11;
  --eun-color-red-200: #420b10;
  --eun-color-red-300: #550d14;
  --eun-color-red-400: #80141f;
  --eun-color-red-500: #a91b28;
  --eun-color-red-600: #d42233;
  --eun-color-red-700: #da6874;
  --eun-color-purple-100: #0a0a42;
  --eun-color-purple-200: #22103c;
  --eun-color-purple-300: #311859;
  --eun-color-purple-400: #4b2486;
  --eun-color-purple-500: #512693;
  --eun-color-purple-600: #8d22d4;
  --eun-color-purple-700: #aa68da;
  --eun-color-yellow-100: #41410b;
  --eun-color-yellow-200: #37420b;
  --eun-color-yellow-300: #4b550d;
  --eun-color-yellow-400: #747414;
  --eun-color-yellow-500: #a3a31b;
  --eun-color-yellow-600: #eeee30;
  --eun-color-yellow-700: #dad868;
  --eun-color-blue-100: #162e37;
  --eun-color-blue-200: #163236;
  --eun-color-blue-300: #285c5d;
  --eun-color-blue-400: #3b888c;
  --eun-color-blue-500: #4fb5bb;
  --eun-color-blue-600: #62e7e9;
  --eun-color-blue-700: #68cfda;
  --eun-color-green-100: #0b4116;
  --eun-color-green-200: #0b4213;
  --eun-color-green-300: #0d5519;
  --eun-color-green-400: #14741a;
  --eun-color-green-500: #1ba92d;
  --eun-color-green-600: #22d428;
  --eun-color-green-700: #68da6a;
  --eun-color-pink-100: #410b3c;
  --eun-color-pink-200: #420b40;
  --eun-color-pink-300: #500d55;
  --eun-color-pink-400: #5e1474;
  --eun-color-pink-500: #791797;
  --eun-color-pink-600: #b913ec;
  --eun-color-pink-700: #da68d8;
  --eun-color-grey-0: #16171c;
  --eun-color-grey-100: #2b3748;
  --eun-color-grey-200: #353c48;
  --eun-color-grey-300: #666e8a;
  --eun-color-grey-400: #8d93aa;
  --eun-color-grey-500: #5f6876;
  --eun-color-grey-600: #c1c1c1;
  --eun-color-grey-700: #ecedf0;
  --eun-color-grey-800: #f7f8fa;
  --eun-color-grey-900: #ffffff;
  --eun-color-success-100: rgb(29, 173, 81);
  --eun-color-warning-100: rgb(247, 104, 14);
  --eun-color-critical-100: rgb(255, 91, 110);
  --eun-color-info-100: rgb(11, 159, 219);
}

[data-brand=salmon] {
  --eun-color-primary-50: #f7ccbb;
  --eun-color-on-primary-50: #000000de;
  --eun-color-primary-100: #f5c1ac;
  --eun-color-on-primary-100: #000000de;
  --eun-color-primary-200: #f3b69e;
  --eun-color-on-primary-200: #000000de;
  --eun-color-primary-300: #f1a88c;
  --eun-color-on-primary-300: #000000de;
  --eun-color-primary-400: #f0a284;
  --eun-color-on-primary-400: #000000de;
  --eun-color-primary-500: #ef9c7c;
  --eun-color-on-primary-500: #000000de;
  --eun-color-primary-600: #e19375;
  --eun-color-on-primary-600: #000000de;
  --eun-color-primary-700: #d2896d;
  --eun-color-on-primary-700: #000000de;
  --eun-color-primary-800: #b1735c;
  --eun-color-on-primary-800: #000000de;
  --eun-color-primary-900: #97624e;
  --eun-color-on-primary-900: #ffffff;
  --eun-color-primary-950: #7c5140;
  --eun-color-on-primary-950: #ffffff;
  --eun-color-primary-bg-hover: rgba(239, 156, 124, 0.08);
  --eun-color-primary-bg-active: rgba(239, 156, 124, 0.08);
  --eun-color-primary-transparent: rgba(239, 156, 124, 0.2);
  --eun-color-primary-transparent-hover: rgba(239, 156, 124, 0.3);
  --eun-color-primary-transparent-active: rgba(239, 156, 124, 0.4);
  --eun-color-secondary-50: #85c3e8;
  --eun-color-on-secondary-50: #000000de;
  --eun-color-secondary-100: #6bb7e3;
  --eun-color-on-secondary-100: #000000de;
  --eun-color-secondary-200: #51aade;
  --eun-color-on-secondary-200: #000000de;
  --eun-color-secondary-300: #309ad7;
  --eun-color-on-secondary-300: #000000de;
  --eun-color-secondary-400: #2293d5;
  --eun-color-on-secondary-400: #000000de;
  --eun-color-secondary-500: #148cd2;
  --eun-color-on-secondary-500: #000000de;
  --eun-color-secondary-600: #1384c5;
  --eun-color-on-secondary-600: #000000de;
  --eun-color-secondary-700: #127bb9;
  --eun-color-on-secondary-700: #ffffff;
  --eun-color-secondary-800: #0f689b;
  --eun-color-on-secondary-800: #ffffff;
  --eun-color-secondary-900: #0d5884;
  --eun-color-on-secondary-900: #ffffff;
  --eun-color-secondary-950: #0a496d;
  --eun-color-on-secondary-950: #ffffff;
  --eun-color-secondary-bg-hover: rgba(20, 140, 210, 0.08);
  --eun-color-secondary-bg-active: rgba(20, 140, 210, 0.08);
  --eun-color-secondary-transparent: rgba(20, 140, 210, 0.2);
  --eun-color-secondary-transparent-hover: rgba(20, 140, 210, 0.3);
  --eun-color-secondary-transparent-active: rgba(20, 140, 210, 0.4);
  --eun-content-hover: #edeff0;
  --eun-content-pressed: #e4e6e8;
  --eun-divider-color: #dee0e7;
  --eun-border-color: #dee0e7;
  --eun-surface-color: #ffffff;
  --eun-disabled-color: #ecedf0;
  --eun-readonly-color: #666e8a;
  --eun-text-color: #071621;
  --eun-text-secondary: #484e61;
  --eun-placeholder-color: var(--eun-color-grey-400, #c1c9d6);
  --eun-text-disabled-color: #8d93aa;
  --eun-text-readonly-color: #c1c9d6;
  --eun-disabled-content: #c1c9d6;
  --eun-surface-tint: #fefaf8;
  --eun-divider-tint: #dfdde2;
  --eun-border-tint: #dfdde2;
  --eun-content-hover-tint: #edebea;
  --eun-content-pressed-tint: #e5e2e3;
  --eun-font-family: "Mulish", sans-serif;
  --eun-fontSize-xxs: 0.4rem;
  --eun-fontSize-xs: 0.6rem;
  --eun-fontSize-s: 0.82rem;
  --eun-fontSize-m: 1rem;
  --eun-fontSize-l: 1.3rem;
  --eun-fontSize-xl: 1.6rem;
  --eun-fontSize-xxl: 2rem;
  --eun-fontSize-xxxl: 3.4rem;
  --eun-fontSize-xxxxl: 5rem;
  --eun-fontWeight-s: 300;
  --eun-fontWeight-m: 500;
  --eun-fontWeight-l: 700;
  --eun-space-xxs: 0.1rem;
  --eun-space-xs: 0.25rem;
  --eun-space-s: 0.5rem;
  --eun-space-m: 1rem;
  --eun-space-l: 2rem;
  --eun-space-xl: 3.5rem;
  --eun-space-xxl: 5rem;
  --eun-borderRadius-s: 5px;
  --eun-borderRadius-m: 10px;
  --eun-borderRadius-l: 20px;
  --eun-borderRadius-xl: 999px;
  --eun-borderWidth-s: 1px;
  --eun-borderWidth-m: 1.5px;
  --eun-borderWidth-l: 2px;
  --eun-shadow-xs:
    rgba(0, 0, 0, 0.1) 0px 1px 3px 0px, rgba(0, 0, 0, 0.06) 0px 1px 2px 0px;
  --eun-shadow-s:
    rgba(0, 0, 0, 0.1) 0px 4px 6px -1px, rgba(0, 0, 0, 0.06) 0px 2px 4px -1px;
  --eun-shadow-m:
    rgba(0, 0, 0, 0.1) 0px 10px 15px -3px, rgba(0, 0, 0, 0.05) 0px 4px 6px -2px;
  --eun-shadow-l:
    rgba(0, 0, 0, 0.1) 0px 20px 25px -5px,
    rgba(0, 0, 0, 0.04) 0px 10px 10px -5px;
  --eun-shadow-xl: rgba(0, 0, 0, 0.25) 0px 25px 50px -12px;
  --eun-height-xxs: 8px;
  --eun-height-xs: 16px;
  --eun-height-s: 24px;
  --eun-height-m: 32px;
  --eun-height-l: 34px;
  --eun-height-xl: 48px;
  --eun-height-xxl: 56px;
  --eun-breakpoint-mobile: 600px;
  --eun-breakpoint-tablet: 768px;
  --eun-breakpoint-laptop: 1024px;
  --eun-breakpoint-desktop: 1280px;
}
[data-brand=salmon] .eun-grid {
  display: grid;
  row-gap: var(--eun-grid-row-gap, var(--eun-space-s));
  column-gap: var(--eun-grid-column-gap, var(--eun-space-m));
}
[data-brand=salmon] .eun-grid--halves {
  grid-template-columns: repeat(2, 1fr);
}
[data-brand=salmon] .eun-grid--thirds-1-2 {
  grid-template-columns: 1fr 2fr;
}
[data-brand=salmon] .eun-grid--thirds-2-1 {
  grid-template-columns: 2fr 1fr;
}
[data-brand=salmon] .eun-grid--thirds-equal {
  grid-template-columns: repeat(3, 1fr);
}
[data-brand=salmon] .eun-grid--2x2 {
  grid-template-columns: repeat(2, 1fr);
  grid-auto-flow: row;
}
[data-brand=salmon] .eun-grid--sidebar-left,
[data-brand=salmon] .eun-grid--sidebar-right {
  grid-template-columns: repeat(2, 1fr);
  grid-template-rows: repeat(2, auto);
}
[data-brand=salmon] .eun-grid--sidebar-left > :first-child {
  grid-column: 1;
  grid-row: 1/span 2;
}
[data-brand=salmon] .eun-grid--sidebar-right > :first-child {
  grid-column: 2;
  grid-row: 1/span 2;
}
[data-brand=salmon] .eun-grid--lead-left,
[data-brand=salmon] .eun-grid--lead-right {
  grid-template-rows: repeat(2, auto);
}
[data-brand=salmon] .eun-grid--lead-left {
  grid-template-columns: auto 1fr;
}
[data-brand=salmon] .eun-grid--lead-right {
  grid-template-columns: 1fr auto;
}
[data-brand=salmon] .eun-grid--lead-left > :first-child {
  grid-column: 1;
  grid-row: 1/span 2;
}
[data-brand=salmon] .eun-grid--lead-right > :first-child {
  grid-column: 2;
  grid-row: 1/span 2;
}
[data-brand=salmon] .eun-grid--gallery {
  grid-template-columns: repeat(auto-fill, minmax(var(--eun-grid-min-width, 220px), 1fr));
}
[data-brand=salmon] .eun-grid--panel {
  grid-template-rows: auto 1fr auto;
}
@media (max-width: 767px) {
  [data-brand=salmon] .eun-grid--halves,
  [data-brand=salmon] .eun-grid--thirds-1-2,
  [data-brand=salmon] .eun-grid--thirds-2-1,
  [data-brand=salmon] .eun-grid--thirds-equal,
  [data-brand=salmon] .eun-grid--2x2,
  [data-brand=salmon] .eun-grid--sidebar-left,
  [data-brand=salmon] .eun-grid--sidebar-right {
    grid-template-columns: 1fr;
    grid-template-rows: none;
  }
  [data-brand=salmon] .eun-grid--sidebar-left > :first-child,
  [data-brand=salmon] .eun-grid--sidebar-right > :first-child {
    grid-column: 1;
    grid-row: auto;
  }
}
[data-brand=salmon] {
  --eun-color-red-100: #fef4f5;
  --eun-color-red-200: #fbd1d5;
  --eun-color-red-300: #f8a4ac;
  --eun-color-red-400: #f47682;
  --eun-color-red-500: #f14959;
  --eun-color-red-600: #ed1b2f;
  --eun-color-red-700: #a11b29;
  --eun-color-purple-100: #f2f2fe;
  --eun-color-purple-200: #dfcff6;
  --eun-color-purple-300: #bea0ed;
  --eun-color-purple-400: #9e70e4;
  --eun-color-purple-500: #9562e3;
  --eun-color-purple-600: #991bed;
  --eun-color-purple-700: #691ba1;
  --eun-color-yellow-100: #fefef4;
  --eun-color-yellow-200: #f3fbd1;
  --eun-color-yellow-300: #edf8a4;
  --eun-color-yellow-400: #f4f482;
  --eun-color-yellow-500: #f0f050;
  --eun-color-yellow-600: #e0e000;
  --eun-color-yellow-700: #a19f1b;
  --eun-color-blue-100: #f3f9fb;
  --eun-color-blue-200: #ceeaee;
  --eun-color-blue-300: #9ddadc;
  --eun-color-blue-400: #6cc6cb;
  --eun-color-blue-500: #3bb3b9;
  --eun-color-blue-600: #0aa5a8;
  --eun-color-blue-700: #1b94a1;
  --eun-color-green-100: #f4fef6;
  --eun-color-green-200: #d1fbd7;
  --eun-color-green-300: #a4f8b2;
  --eun-color-green-400: #82f48a;
  --eun-color-green-500: #49f15f;
  --eun-color-green-600: #1bed22;
  --eun-color-green-700: #1ba11d;
  --eun-color-pink-100: #fef4fd;
  --eun-color-pink-200: #fbd1fa;
  --eun-color-pink-300: #f3a4f8;
  --eun-color-pink-400: #d982f4;
  --eun-color-pink-500: #d05df3;
  --eun-color-pink-600: #c300ff;
  --eun-color-pink-700: #a11b9f;
  --eun-color-grey-0: #ffffff;
  --eun-color-grey-100: #f7f8fa;
  --eun-color-grey-200: #ecedf0;
  --eun-color-grey-300: #dee0e7;
  --eun-color-grey-400: #c1c9d6;
  --eun-color-grey-500: #8d93aa;
  --eun-color-grey-600: #666e8a;
  --eun-color-grey-700: #484e61;
  --eun-color-grey-800: #071621;
  --eun-color-grey-900: #000000;
  --eun-color-success-100: #1a9948;
  --eun-color-success-90: rgba(26, 153, 72, 0.32);
  --eun-color-success-50: rgba(26, 153, 72, 0.16);
  --eun-color-success-30: rgba(26, 153, 72, 0.06);
  --eun-color-warning-100: #c85207;
  --eun-color-warning-90: rgba(200, 82, 7, 0.32);
  --eun-color-warning-50: rgba(200, 82, 7, 0.16);
  --eun-color-warning-30: rgba(200, 82, 7, 0.06);
  --eun-color-critical-100: #aa0014;
  --eun-color-critical-90: rgba(170, 0, 20, 0.32);
  --eun-color-critical-50: rgba(170, 0, 20, 0.16);
  --eun-color-critical-30: rgba(170, 0, 20, 0.06);
  --eun-color-info-100: #097faf;
  --eun-color-info-90: rgba(9, 127, 175, 0.32);
  --eun-color-info-50: rgba(9, 127, 175, 0.16);
  --eun-color-info-30: rgba(9, 127, 175, 0.06);
}

[data-brand=salmon][data-theme=dark] {
  --eun-color-primary-50: #401b0d;
  --eun-color-on-primary-50: #ffffff;
  --eun-color-primary-100: #4e210f;
  --eun-color-on-primary-100: #ffffff;
  --eun-color-primary-200: #5b2712;
  --eun-color-on-primary-200: #ffffff;
  --eun-color-primary-300: #6b2d16;
  --eun-color-on-primary-300: #ffffff;
  --eun-color-primary-400: #733117;
  --eun-color-on-primary-400: #ffffff;
  --eun-color-primary-500: #ef9c7c;
  --eun-color-on-primary-500: #000000de;
  --eun-color-primary-600: #824026;
  --eun-color-on-primary-600: #ffffff;
  --eun-color-primary-700: #8a4c35;
  --eun-color-on-primary-700: #ffffff;
  --eun-color-primary-800: #9d6854;
  --eun-color-on-primary-800: #ffffff;
  --eun-color-primary-900: #ac7e6d;
  --eun-color-on-primary-900: #000000de;
  --eun-color-primary-950: #ba9688;
  --eun-color-on-primary-950: #000000de;
  --eun-color-primary-bg-hover: rgba(239, 156, 124, 0.08);
  --eun-color-primary-bg-active: rgba(239, 156, 124, 0.08);
  --eun-color-primary-transparent: rgba(239, 156, 124, 0.2);
  --eun-color-primary-transparent-hover: rgba(239, 156, 124, 0.3);
  --eun-color-primary-transparent-active: rgba(239, 156, 124, 0.4);
  --eun-color-secondary-50: #1e5373;
  --eun-color-on-secondary-50: #ffffff;
  --eun-color-secondary-100: #25668b;
  --eun-color-on-secondary-100: #ffffff;
  --eun-color-secondary-200: #2c77a3;
  --eun-color-on-secondary-200: #ffffff;
  --eun-color-secondary-300: #358fc2;
  --eun-color-on-secondary-300: #000000de;
  --eun-color-secondary-400: #3797d0;
  --eun-color-on-secondary-400: #000000de;
  --eun-color-secondary-500: #3ba1dd;
  --eun-color-on-secondary-500: #000000de;
  --eun-color-secondary-600: #47a7df;
  --eun-color-on-secondary-600: #000000de;
  --eun-color-secondary-700: #53ace0;
  --eun-color-on-secondary-700: #000000de;
  --eun-color-secondary-800: #6fbae6;
  --eun-color-on-secondary-800: #000000de;
  --eun-color-secondary-900: #84c4e9;
  --eun-color-on-secondary-900: #000000de;
  --eun-color-secondary-950: #99cfee;
  --eun-color-on-secondary-950: #000000de;
  --eun-color-secondary-bg-hover: rgba(59, 161, 221, 0.08);
  --eun-color-secondary-bg-active: rgba(59, 161, 221, 0.08);
  --eun-color-secondary-transparent: rgba(59, 161, 221, 0.2);
  --eun-color-secondary-transparent-hover: rgba(59, 161, 221, 0.3);
  --eun-color-secondary-transparent-active: rgba(59, 161, 221, 0.4);
  --eun-content-hover: rgba(255, 255, 255, 0.08);
  --eun-content-pressed: rgba(255, 255, 255, 0.14);
  --eun-divider-color: var(--eun-color-grey-300);
  --eun-border-color: var(--eun-color-grey-300);
  --eun-surface-color: var(--eun-color-grey-0);
  --eun-disabled-color: var(--eun-color-grey-200);
  --eun-readonly-color: var(--eun-color-grey-600);
  --eun-text-color: var(--eun-color-grey-800);
  --eun-text-secondary: var(--eun-color-grey-700);
  --eun-placeholder-color: var(--eun-color-grey-400);
  --eun-text-disabled-color: var(--eun-color-grey-500);
  --eun-text-readonly-color: var(--eun-color-grey-400);
  --eun-disabled-content: var(--eun-color-grey-400);
  --eun-surface-tint: #2a2d37;
  --eun-divider-tint: #676b84;
  --eun-border-tint: #676b84;
  --eun-content-hover-tint: rgba(248, 245, 244, 0.08);
  --eun-content-pressed-tint: rgba(248, 245, 244, 0.14);
  --eun-font-family: "Mulish", sans-serif;
  --eun-fontSize-xxs: 0.4rem;
  --eun-fontSize-xs: 0.6rem;
  --eun-fontSize-s: 0.82rem;
  --eun-fontSize-m: 1rem;
  --eun-fontSize-l: 1.3rem;
  --eun-fontSize-xl: 1.6rem;
  --eun-fontSize-xxl: 2rem;
  --eun-fontSize-xxxl: 3.4rem;
  --eun-fontSize-xxxxl: 5rem;
  --eun-fontWeight-s: 300;
  --eun-fontWeight-m: 500;
  --eun-fontWeight-l: 700;
  --eun-space-xxs: 0.1rem;
  --eun-space-xs: 0.25rem;
  --eun-space-s: 0.5rem;
  --eun-space-m: 1rem;
  --eun-space-l: 2rem;
  --eun-space-xl: 3.5rem;
  --eun-space-xxl: 5rem;
  --eun-borderRadius-s: 5px;
  --eun-borderRadius-m: 10px;
  --eun-borderRadius-l: 20px;
  --eun-borderRadius-xl: 999px;
  --eun-borderWidth-s: 1px;
  --eun-borderWidth-m: 1.5px;
  --eun-borderWidth-l: 2px;
  --eun-shadow-xs:
    rgba(0, 0, 0, 0.1) 0px 1px 3px 0px, rgba(0, 0, 0, 0.06) 0px 1px 2px 0px;
  --eun-shadow-s:
    rgba(0, 0, 0, 0.1) 0px 4px 6px -1px, rgba(0, 0, 0, 0.06) 0px 2px 4px -1px;
  --eun-shadow-m:
    rgba(0, 0, 0, 0.1) 0px 10px 15px -3px, rgba(0, 0, 0, 0.05) 0px 4px 6px -2px;
  --eun-shadow-l:
    rgba(0, 0, 0, 0.1) 0px 20px 25px -5px,
    rgba(0, 0, 0, 0.04) 0px 10px 10px -5px;
  --eun-shadow-xl: rgba(0, 0, 0, 0.25) 0px 25px 50px -12px;
  --eun-height-xxs: 8px;
  --eun-height-xs: 16px;
  --eun-height-s: 24px;
  --eun-height-m: 32px;
  --eun-height-l: 34px;
  --eun-height-xl: 48px;
  --eun-height-xxl: 56px;
  --eun-breakpoint-mobile: 600px;
  --eun-breakpoint-tablet: 768px;
  --eun-breakpoint-laptop: 1024px;
  --eun-breakpoint-desktop: 1280px;
}
[data-brand=salmon][data-theme=dark] .eun-grid {
  display: grid;
  row-gap: var(--eun-grid-row-gap, var(--eun-space-s));
  column-gap: var(--eun-grid-column-gap, var(--eun-space-m));
}
[data-brand=salmon][data-theme=dark] .eun-grid--halves {
  grid-template-columns: repeat(2, 1fr);
}
[data-brand=salmon][data-theme=dark] .eun-grid--thirds-1-2 {
  grid-template-columns: 1fr 2fr;
}
[data-brand=salmon][data-theme=dark] .eun-grid--thirds-2-1 {
  grid-template-columns: 2fr 1fr;
}
[data-brand=salmon][data-theme=dark] .eun-grid--thirds-equal {
  grid-template-columns: repeat(3, 1fr);
}
[data-brand=salmon][data-theme=dark] .eun-grid--2x2 {
  grid-template-columns: repeat(2, 1fr);
  grid-auto-flow: row;
}
[data-brand=salmon][data-theme=dark] .eun-grid--sidebar-left,
[data-brand=salmon][data-theme=dark] .eun-grid--sidebar-right {
  grid-template-columns: repeat(2, 1fr);
  grid-template-rows: repeat(2, auto);
}
[data-brand=salmon][data-theme=dark] .eun-grid--sidebar-left > :first-child {
  grid-column: 1;
  grid-row: 1/span 2;
}
[data-brand=salmon][data-theme=dark] .eun-grid--sidebar-right > :first-child {
  grid-column: 2;
  grid-row: 1/span 2;
}
[data-brand=salmon][data-theme=dark] .eun-grid--lead-left,
[data-brand=salmon][data-theme=dark] .eun-grid--lead-right {
  grid-template-rows: repeat(2, auto);
}
[data-brand=salmon][data-theme=dark] .eun-grid--lead-left {
  grid-template-columns: auto 1fr;
}
[data-brand=salmon][data-theme=dark] .eun-grid--lead-right {
  grid-template-columns: 1fr auto;
}
[data-brand=salmon][data-theme=dark] .eun-grid--lead-left > :first-child {
  grid-column: 1;
  grid-row: 1/span 2;
}
[data-brand=salmon][data-theme=dark] .eun-grid--lead-right > :first-child {
  grid-column: 2;
  grid-row: 1/span 2;
}
[data-brand=salmon][data-theme=dark] .eun-grid--gallery {
  grid-template-columns: repeat(auto-fill, minmax(var(--eun-grid-min-width, 220px), 1fr));
}
[data-brand=salmon][data-theme=dark] .eun-grid--panel {
  grid-template-rows: auto 1fr auto;
}
@media (max-width: 767px) {
  [data-brand=salmon][data-theme=dark] .eun-grid--halves,
  [data-brand=salmon][data-theme=dark] .eun-grid--thirds-1-2,
  [data-brand=salmon][data-theme=dark] .eun-grid--thirds-2-1,
  [data-brand=salmon][data-theme=dark] .eun-grid--thirds-equal,
  [data-brand=salmon][data-theme=dark] .eun-grid--2x2,
  [data-brand=salmon][data-theme=dark] .eun-grid--sidebar-left,
  [data-brand=salmon][data-theme=dark] .eun-grid--sidebar-right {
    grid-template-columns: 1fr;
    grid-template-rows: none;
  }
  [data-brand=salmon][data-theme=dark] .eun-grid--sidebar-left > :first-child,
  [data-brand=salmon][data-theme=dark] .eun-grid--sidebar-right > :first-child {
    grid-column: 1;
    grid-row: auto;
  }
}
[data-brand=salmon][data-theme=dark] {
  --eun-color-red-100: #410b11;
  --eun-color-red-200: #420b10;
  --eun-color-red-300: #550d14;
  --eun-color-red-400: #80141f;
  --eun-color-red-500: #a91b28;
  --eun-color-red-600: #d42233;
  --eun-color-red-700: #da6874;
  --eun-color-purple-100: #0a0a42;
  --eun-color-purple-200: #22103c;
  --eun-color-purple-300: #311859;
  --eun-color-purple-400: #4b2486;
  --eun-color-purple-500: #512693;
  --eun-color-purple-600: #8d22d4;
  --eun-color-purple-700: #aa68da;
  --eun-color-yellow-100: #41410b;
  --eun-color-yellow-200: #37420b;
  --eun-color-yellow-300: #4b550d;
  --eun-color-yellow-400: #747414;
  --eun-color-yellow-500: #a3a31b;
  --eun-color-yellow-600: #eeee30;
  --eun-color-yellow-700: #dad868;
  --eun-color-blue-100: #162e37;
  --eun-color-blue-200: #163236;
  --eun-color-blue-300: #285c5d;
  --eun-color-blue-400: #3b888c;
  --eun-color-blue-500: #4fb5bb;
  --eun-color-blue-600: #62e7e9;
  --eun-color-blue-700: #68cfda;
  --eun-color-green-100: #0b4116;
  --eun-color-green-200: #0b4213;
  --eun-color-green-300: #0d5519;
  --eun-color-green-400: #14741a;
  --eun-color-green-500: #1ba92d;
  --eun-color-green-600: #22d428;
  --eun-color-green-700: #68da6a;
  --eun-color-pink-100: #410b3c;
  --eun-color-pink-200: #420b40;
  --eun-color-pink-300: #500d55;
  --eun-color-pink-400: #5e1474;
  --eun-color-pink-500: #791797;
  --eun-color-pink-600: #b913ec;
  --eun-color-pink-700: #da68d8;
  --eun-color-grey-0: #16171c;
  --eun-color-grey-100: #2b3748;
  --eun-color-grey-200: #353c48;
  --eun-color-grey-300: #666e8a;
  --eun-color-grey-400: #8d93aa;
  --eun-color-grey-500: #5f6876;
  --eun-color-grey-600: #c1c1c1;
  --eun-color-grey-700: #ecedf0;
  --eun-color-grey-800: #f7f8fa;
  --eun-color-grey-900: #ffffff;
  --eun-color-success-100: rgb(29, 173, 81);
  --eun-color-warning-100: rgb(247, 104, 14);
  --eun-color-critical-100: rgb(255, 91, 110);
  --eun-color-info-100: rgb(11, 159, 219);
}

[data-brand=forest] {
  --eun-color-primary-50: #88baa2;
  --eun-color-on-primary-50: #000000de;
  --eun-color-primary-100: #6fab8f;
  --eun-color-on-primary-100: #000000de;
  --eun-color-primary-200: #569d7b;
  --eun-color-on-primary-200: #000000de;
  --eun-color-primary-300: #368a62;
  --eun-color-on-primary-300: #000000de;
  --eun-color-primary-400: #298258;
  --eun-color-on-primary-400: #ffffff;
  --eun-color-primary-500: #1b7a4d;
  --eun-color-on-primary-500: #ffffff;
  --eun-color-primary-600: #197348;
  --eun-color-on-primary-600: #ffffff;
  --eun-color-primary-700: #186b44;
  --eun-color-on-primary-700: #ffffff;
  --eun-color-primary-800: #145a39;
  --eun-color-on-primary-800: #ffffff;
  --eun-color-primary-900: #114d31;
  --eun-color-on-primary-900: #ffffff;
  --eun-color-primary-950: #0e3f28;
  --eun-color-on-primary-950: #ffffff;
  --eun-color-primary-bg-hover: rgba(27, 122, 77, 0.08);
  --eun-color-primary-bg-active: rgba(27, 122, 77, 0.08);
  --eun-color-primary-transparent: rgba(27, 122, 77, 0.2);
  --eun-color-primary-transparent-hover: rgba(27, 122, 77, 0.3);
  --eun-color-primary-transparent-active: rgba(27, 122, 77, 0.4);
  --eun-color-secondary-50: #c3ab95;
  --eun-color-on-secondary-50: #000000de;
  --eun-color-secondary-100: #b69a7f;
  --eun-color-on-secondary-100: #000000de;
  --eun-color-secondary-200: #a98869;
  --eun-color-on-secondary-200: #000000de;
  --eun-color-secondary-300: #99714c;
  --eun-color-on-secondary-300: #000000;
  --eun-color-secondary-400: #926840;
  --eun-color-on-secondary-400: #ffffff;
  --eun-color-secondary-500: #8b5e34;
  --eun-color-on-secondary-500: #ffffff;
  --eun-color-secondary-600: #835831;
  --eun-color-on-secondary-600: #ffffff;
  --eun-color-secondary-700: #7a532e;
  --eun-color-on-secondary-700: #ffffff;
  --eun-color-secondary-800: #674626;
  --eun-color-on-secondary-800: #ffffff;
  --eun-color-secondary-900: #583b21;
  --eun-color-on-secondary-900: #ffffff;
  --eun-color-secondary-950: #48311b;
  --eun-color-on-secondary-950: #ffffff;
  --eun-color-secondary-bg-hover: rgba(139, 94, 52, 0.08);
  --eun-color-secondary-bg-active: rgba(139, 94, 52, 0.08);
  --eun-color-secondary-transparent: rgba(139, 94, 52, 0.2);
  --eun-color-secondary-transparent-hover: rgba(139, 94, 52, 0.3);
  --eun-color-secondary-transparent-active: rgba(139, 94, 52, 0.4);
  --eun-content-hover: #edeff0;
  --eun-content-pressed: #e4e6e8;
  --eun-divider-color: #dee0e7;
  --eun-border-color: #dee0e7;
  --eun-surface-color: #ffffff;
  --eun-disabled-color: #ecedf0;
  --eun-readonly-color: #666e8a;
  --eun-text-color: #071621;
  --eun-text-secondary: #484e61;
  --eun-placeholder-color: var(--eun-color-grey-400, #c1c9d6);
  --eun-text-disabled-color: #8d93aa;
  --eun-text-readonly-color: #c1c9d6;
  --eun-disabled-content: #c1c9d6;
  --eun-surface-tint: #f4f8f6;
  --eun-divider-tint: #d4dbdf;
  --eun-border-tint: #d4dbdf;
  --eun-content-hover-tint: #e2e9e8;
  --eun-content-pressed-tint: #dae1e0;
  --eun-font-family: "Mulish", sans-serif;
  --eun-fontSize-xxs: 0.4rem;
  --eun-fontSize-xs: 0.6rem;
  --eun-fontSize-s: 0.82rem;
  --eun-fontSize-m: 1rem;
  --eun-fontSize-l: 1.3rem;
  --eun-fontSize-xl: 1.6rem;
  --eun-fontSize-xxl: 2rem;
  --eun-fontSize-xxxl: 3.4rem;
  --eun-fontSize-xxxxl: 5rem;
  --eun-fontWeight-s: 300;
  --eun-fontWeight-m: 500;
  --eun-fontWeight-l: 700;
  --eun-space-xxs: 0.1rem;
  --eun-space-xs: 0.25rem;
  --eun-space-s: 0.5rem;
  --eun-space-m: 1rem;
  --eun-space-l: 2rem;
  --eun-space-xl: 3.5rem;
  --eun-space-xxl: 5rem;
  --eun-borderRadius-s: 5px;
  --eun-borderRadius-m: 10px;
  --eun-borderRadius-l: 20px;
  --eun-borderRadius-xl: 999px;
  --eun-borderWidth-s: 1px;
  --eun-borderWidth-m: 1.5px;
  --eun-borderWidth-l: 2px;
  --eun-shadow-xs:
    rgba(0, 0, 0, 0.1) 0px 1px 3px 0px, rgba(0, 0, 0, 0.06) 0px 1px 2px 0px;
  --eun-shadow-s:
    rgba(0, 0, 0, 0.1) 0px 4px 6px -1px, rgba(0, 0, 0, 0.06) 0px 2px 4px -1px;
  --eun-shadow-m:
    rgba(0, 0, 0, 0.1) 0px 10px 15px -3px, rgba(0, 0, 0, 0.05) 0px 4px 6px -2px;
  --eun-shadow-l:
    rgba(0, 0, 0, 0.1) 0px 20px 25px -5px,
    rgba(0, 0, 0, 0.04) 0px 10px 10px -5px;
  --eun-shadow-xl: rgba(0, 0, 0, 0.25) 0px 25px 50px -12px;
  --eun-height-xxs: 8px;
  --eun-height-xs: 16px;
  --eun-height-s: 24px;
  --eun-height-m: 32px;
  --eun-height-l: 34px;
  --eun-height-xl: 48px;
  --eun-height-xxl: 56px;
  --eun-breakpoint-mobile: 600px;
  --eun-breakpoint-tablet: 768px;
  --eun-breakpoint-laptop: 1024px;
  --eun-breakpoint-desktop: 1280px;
}
[data-brand=forest] .eun-grid {
  display: grid;
  row-gap: var(--eun-grid-row-gap, var(--eun-space-s));
  column-gap: var(--eun-grid-column-gap, var(--eun-space-m));
}
[data-brand=forest] .eun-grid--halves {
  grid-template-columns: repeat(2, 1fr);
}
[data-brand=forest] .eun-grid--thirds-1-2 {
  grid-template-columns: 1fr 2fr;
}
[data-brand=forest] .eun-grid--thirds-2-1 {
  grid-template-columns: 2fr 1fr;
}
[data-brand=forest] .eun-grid--thirds-equal {
  grid-template-columns: repeat(3, 1fr);
}
[data-brand=forest] .eun-grid--2x2 {
  grid-template-columns: repeat(2, 1fr);
  grid-auto-flow: row;
}
[data-brand=forest] .eun-grid--sidebar-left,
[data-brand=forest] .eun-grid--sidebar-right {
  grid-template-columns: repeat(2, 1fr);
  grid-template-rows: repeat(2, auto);
}
[data-brand=forest] .eun-grid--sidebar-left > :first-child {
  grid-column: 1;
  grid-row: 1/span 2;
}
[data-brand=forest] .eun-grid--sidebar-right > :first-child {
  grid-column: 2;
  grid-row: 1/span 2;
}
[data-brand=forest] .eun-grid--lead-left,
[data-brand=forest] .eun-grid--lead-right {
  grid-template-rows: repeat(2, auto);
}
[data-brand=forest] .eun-grid--lead-left {
  grid-template-columns: auto 1fr;
}
[data-brand=forest] .eun-grid--lead-right {
  grid-template-columns: 1fr auto;
}
[data-brand=forest] .eun-grid--lead-left > :first-child {
  grid-column: 1;
  grid-row: 1/span 2;
}
[data-brand=forest] .eun-grid--lead-right > :first-child {
  grid-column: 2;
  grid-row: 1/span 2;
}
[data-brand=forest] .eun-grid--gallery {
  grid-template-columns: repeat(auto-fill, minmax(var(--eun-grid-min-width, 220px), 1fr));
}
[data-brand=forest] .eun-grid--panel {
  grid-template-rows: auto 1fr auto;
}
@media (max-width: 767px) {
  [data-brand=forest] .eun-grid--halves,
  [data-brand=forest] .eun-grid--thirds-1-2,
  [data-brand=forest] .eun-grid--thirds-2-1,
  [data-brand=forest] .eun-grid--thirds-equal,
  [data-brand=forest] .eun-grid--2x2,
  [data-brand=forest] .eun-grid--sidebar-left,
  [data-brand=forest] .eun-grid--sidebar-right {
    grid-template-columns: 1fr;
    grid-template-rows: none;
  }
  [data-brand=forest] .eun-grid--sidebar-left > :first-child,
  [data-brand=forest] .eun-grid--sidebar-right > :first-child {
    grid-column: 1;
    grid-row: auto;
  }
}
[data-brand=forest] {
  --eun-color-red-100: #fef4f5;
  --eun-color-red-200: #fbd1d5;
  --eun-color-red-300: #f8a4ac;
  --eun-color-red-400: #f47682;
  --eun-color-red-500: #f14959;
  --eun-color-red-600: #ed1b2f;
  --eun-color-red-700: #a11b29;
  --eun-color-purple-100: #f2f2fe;
  --eun-color-purple-200: #dfcff6;
  --eun-color-purple-300: #bea0ed;
  --eun-color-purple-400: #9e70e4;
  --eun-color-purple-500: #9562e3;
  --eun-color-purple-600: #991bed;
  --eun-color-purple-700: #691ba1;
  --eun-color-yellow-100: #fefef4;
  --eun-color-yellow-200: #f3fbd1;
  --eun-color-yellow-300: #edf8a4;
  --eun-color-yellow-400: #f4f482;
  --eun-color-yellow-500: #f0f050;
  --eun-color-yellow-600: #e0e000;
  --eun-color-yellow-700: #a19f1b;
  --eun-color-blue-100: #f3f9fb;
  --eun-color-blue-200: #ceeaee;
  --eun-color-blue-300: #9ddadc;
  --eun-color-blue-400: #6cc6cb;
  --eun-color-blue-500: #3bb3b9;
  --eun-color-blue-600: #0aa5a8;
  --eun-color-blue-700: #1b94a1;
  --eun-color-green-100: #f4fef6;
  --eun-color-green-200: #d1fbd7;
  --eun-color-green-300: #a4f8b2;
  --eun-color-green-400: #82f48a;
  --eun-color-green-500: #49f15f;
  --eun-color-green-600: #1bed22;
  --eun-color-green-700: #1ba11d;
  --eun-color-pink-100: #fef4fd;
  --eun-color-pink-200: #fbd1fa;
  --eun-color-pink-300: #f3a4f8;
  --eun-color-pink-400: #d982f4;
  --eun-color-pink-500: #d05df3;
  --eun-color-pink-600: #c300ff;
  --eun-color-pink-700: #a11b9f;
  --eun-color-grey-0: #ffffff;
  --eun-color-grey-100: #f7f8fa;
  --eun-color-grey-200: #ecedf0;
  --eun-color-grey-300: #dee0e7;
  --eun-color-grey-400: #c1c9d6;
  --eun-color-grey-500: #8d93aa;
  --eun-color-grey-600: #666e8a;
  --eun-color-grey-700: #484e61;
  --eun-color-grey-800: #071621;
  --eun-color-grey-900: #000000;
  --eun-color-success-100: #1a9948;
  --eun-color-success-90: rgba(26, 153, 72, 0.32);
  --eun-color-success-50: rgba(26, 153, 72, 0.16);
  --eun-color-success-30: rgba(26, 153, 72, 0.06);
  --eun-color-warning-100: #c85207;
  --eun-color-warning-90: rgba(200, 82, 7, 0.32);
  --eun-color-warning-50: rgba(200, 82, 7, 0.16);
  --eun-color-warning-30: rgba(200, 82, 7, 0.06);
  --eun-color-critical-100: #aa0014;
  --eun-color-critical-90: rgba(170, 0, 20, 0.32);
  --eun-color-critical-50: rgba(170, 0, 20, 0.16);
  --eun-color-critical-30: rgba(170, 0, 20, 0.06);
  --eun-color-info-100: #097faf;
  --eun-color-info-90: rgba(9, 127, 175, 0.32);
  --eun-color-info-50: rgba(9, 127, 175, 0.16);
  --eun-color-info-30: rgba(9, 127, 175, 0.06);
}

[data-brand=forest][data-theme=dark] {
  --eun-color-primary-50: #49735f;
  --eun-color-on-primary-50: #ffffff;
  --eun-color-primary-100: #588b74;
  --eun-color-on-primary-100: #000000de;
  --eun-color-primary-200: #67a487;
  --eun-color-on-primary-200: #000000de;
  --eun-color-primary-300: #7bc3a1;
  --eun-color-on-primary-300: #000000de;
  --eun-color-primary-400: #84cfac;
  --eun-color-on-primary-400: #000000de;
  --eun-color-primary-500: #8cddb7;
  --eun-color-on-primary-500: #000000de;
  --eun-color-primary-600: #93dfbb;
  --eun-color-on-primary-600: #000000de;
  --eun-color-primary-700: #9ae1c0;
  --eun-color-on-primary-700: #000000de;
  --eun-color-primary-800: #aae6ca;
  --eun-color-on-primary-800: #000000de;
  --eun-color-primary-900: #b6ead2;
  --eun-color-on-primary-900: #000000de;
  --eun-color-primary-950: #c4edda;
  --eun-color-on-primary-950: #000000de;
  --eun-color-primary-bg-hover: rgba(140, 221, 183, 0.08);
  --eun-color-primary-bg-active: rgba(140, 221, 183, 0.08);
  --eun-color-primary-transparent: rgba(140, 221, 183, 0.2);
  --eun-color-primary-transparent-hover: rgba(140, 221, 183, 0.3);
  --eun-color-primary-transparent-active: rgba(140, 221, 183, 0.4);
  --eun-color-secondary-50: #67523f;
  --eun-color-on-secondary-50: #ffffff;
  --eun-color-secondary-100: #7c644d;
  --eun-color-on-secondary-100: #ffffff;
  --eun-color-secondary-200: #91755b;
  --eun-color-on-secondary-200: #000000;
  --eun-color-secondary-300: #ad8b6c;
  --eun-color-on-secondary-300: #000000de;
  --eun-color-secondary-400: #b99573;
  --eun-color-on-secondary-400: #000000de;
  --eun-color-secondary-500: #c49e7b;
  --eun-color-on-secondary-500: #000000de;
  --eun-color-secondary-600: #c8a382;
  --eun-color-on-secondary-600: #000000de;
  --eun-color-secondary-700: #cbaa8b;
  --eun-color-on-secondary-700: #000000de;
  --eun-color-secondary-800: #d4b89d;
  --eun-color-on-secondary-800: #000000de;
  --eun-color-secondary-900: #dac1ab;
  --eun-color-on-secondary-900: #000000de;
  --eun-color-secondary-950: #e1cdba;
  --eun-color-on-secondary-950: #000000de;
  --eun-color-secondary-bg-hover: rgba(196, 158, 123, 0.08);
  --eun-color-secondary-bg-active: rgba(196, 158, 123, 0.08);
  --eun-color-secondary-transparent: rgba(196, 158, 123, 0.2);
  --eun-color-secondary-transparent-hover: rgba(196, 158, 123, 0.3);
  --eun-color-secondary-transparent-active: rgba(196, 158, 123, 0.4);
  --eun-content-hover: rgba(255, 255, 255, 0.08);
  --eun-content-pressed: rgba(255, 255, 255, 0.14);
  --eun-divider-color: var(--eun-color-grey-300);
  --eun-border-color: var(--eun-color-grey-300);
  --eun-surface-color: var(--eun-color-grey-0);
  --eun-disabled-color: var(--eun-color-grey-200);
  --eun-readonly-color: var(--eun-color-grey-600);
  --eun-text-color: var(--eun-color-grey-800);
  --eun-text-secondary: var(--eun-color-grey-700);
  --eun-placeholder-color: var(--eun-color-grey-400);
  --eun-text-disabled-color: var(--eun-color-grey-500);
  --eun-text-readonly-color: var(--eun-color-grey-400);
  --eun-disabled-content: var(--eun-color-grey-400);
  --eun-surface-tint: #2b363f;
  --eun-divider-tint: #68748c;
  --eun-border-tint: #68748c;
  --eun-content-hover-tint: rgba(249, 253, 251, 0.08);
  --eun-content-pressed-tint: rgba(249, 253, 251, 0.14);
  --eun-font-family: "Mulish", sans-serif;
  --eun-fontSize-xxs: 0.4rem;
  --eun-fontSize-xs: 0.6rem;
  --eun-fontSize-s: 0.82rem;
  --eun-fontSize-m: 1rem;
  --eun-fontSize-l: 1.3rem;
  --eun-fontSize-xl: 1.6rem;
  --eun-fontSize-xxl: 2rem;
  --eun-fontSize-xxxl: 3.4rem;
  --eun-fontSize-xxxxl: 5rem;
  --eun-fontWeight-s: 300;
  --eun-fontWeight-m: 500;
  --eun-fontWeight-l: 700;
  --eun-space-xxs: 0.1rem;
  --eun-space-xs: 0.25rem;
  --eun-space-s: 0.5rem;
  --eun-space-m: 1rem;
  --eun-space-l: 2rem;
  --eun-space-xl: 3.5rem;
  --eun-space-xxl: 5rem;
  --eun-borderRadius-s: 5px;
  --eun-borderRadius-m: 10px;
  --eun-borderRadius-l: 20px;
  --eun-borderRadius-xl: 999px;
  --eun-borderWidth-s: 1px;
  --eun-borderWidth-m: 1.5px;
  --eun-borderWidth-l: 2px;
  --eun-shadow-xs:
    rgba(0, 0, 0, 0.1) 0px 1px 3px 0px, rgba(0, 0, 0, 0.06) 0px 1px 2px 0px;
  --eun-shadow-s:
    rgba(0, 0, 0, 0.1) 0px 4px 6px -1px, rgba(0, 0, 0, 0.06) 0px 2px 4px -1px;
  --eun-shadow-m:
    rgba(0, 0, 0, 0.1) 0px 10px 15px -3px, rgba(0, 0, 0, 0.05) 0px 4px 6px -2px;
  --eun-shadow-l:
    rgba(0, 0, 0, 0.1) 0px 20px 25px -5px,
    rgba(0, 0, 0, 0.04) 0px 10px 10px -5px;
  --eun-shadow-xl: rgba(0, 0, 0, 0.25) 0px 25px 50px -12px;
  --eun-height-xxs: 8px;
  --eun-height-xs: 16px;
  --eun-height-s: 24px;
  --eun-height-m: 32px;
  --eun-height-l: 34px;
  --eun-height-xl: 48px;
  --eun-height-xxl: 56px;
  --eun-breakpoint-mobile: 600px;
  --eun-breakpoint-tablet: 768px;
  --eun-breakpoint-laptop: 1024px;
  --eun-breakpoint-desktop: 1280px;
}
[data-brand=forest][data-theme=dark] .eun-grid {
  display: grid;
  row-gap: var(--eun-grid-row-gap, var(--eun-space-s));
  column-gap: var(--eun-grid-column-gap, var(--eun-space-m));
}
[data-brand=forest][data-theme=dark] .eun-grid--halves {
  grid-template-columns: repeat(2, 1fr);
}
[data-brand=forest][data-theme=dark] .eun-grid--thirds-1-2 {
  grid-template-columns: 1fr 2fr;
}
[data-brand=forest][data-theme=dark] .eun-grid--thirds-2-1 {
  grid-template-columns: 2fr 1fr;
}
[data-brand=forest][data-theme=dark] .eun-grid--thirds-equal {
  grid-template-columns: repeat(3, 1fr);
}
[data-brand=forest][data-theme=dark] .eun-grid--2x2 {
  grid-template-columns: repeat(2, 1fr);
  grid-auto-flow: row;
}
[data-brand=forest][data-theme=dark] .eun-grid--sidebar-left,
[data-brand=forest][data-theme=dark] .eun-grid--sidebar-right {
  grid-template-columns: repeat(2, 1fr);
  grid-template-rows: repeat(2, auto);
}
[data-brand=forest][data-theme=dark] .eun-grid--sidebar-left > :first-child {
  grid-column: 1;
  grid-row: 1/span 2;
}
[data-brand=forest][data-theme=dark] .eun-grid--sidebar-right > :first-child {
  grid-column: 2;
  grid-row: 1/span 2;
}
[data-brand=forest][data-theme=dark] .eun-grid--lead-left,
[data-brand=forest][data-theme=dark] .eun-grid--lead-right {
  grid-template-rows: repeat(2, auto);
}
[data-brand=forest][data-theme=dark] .eun-grid--lead-left {
  grid-template-columns: auto 1fr;
}
[data-brand=forest][data-theme=dark] .eun-grid--lead-right {
  grid-template-columns: 1fr auto;
}
[data-brand=forest][data-theme=dark] .eun-grid--lead-left > :first-child {
  grid-column: 1;
  grid-row: 1/span 2;
}
[data-brand=forest][data-theme=dark] .eun-grid--lead-right > :first-child {
  grid-column: 2;
  grid-row: 1/span 2;
}
[data-brand=forest][data-theme=dark] .eun-grid--gallery {
  grid-template-columns: repeat(auto-fill, minmax(var(--eun-grid-min-width, 220px), 1fr));
}
[data-brand=forest][data-theme=dark] .eun-grid--panel {
  grid-template-rows: auto 1fr auto;
}
@media (max-width: 767px) {
  [data-brand=forest][data-theme=dark] .eun-grid--halves,
  [data-brand=forest][data-theme=dark] .eun-grid--thirds-1-2,
  [data-brand=forest][data-theme=dark] .eun-grid--thirds-2-1,
  [data-brand=forest][data-theme=dark] .eun-grid--thirds-equal,
  [data-brand=forest][data-theme=dark] .eun-grid--2x2,
  [data-brand=forest][data-theme=dark] .eun-grid--sidebar-left,
  [data-brand=forest][data-theme=dark] .eun-grid--sidebar-right {
    grid-template-columns: 1fr;
    grid-template-rows: none;
  }
  [data-brand=forest][data-theme=dark] .eun-grid--sidebar-left > :first-child,
  [data-brand=forest][data-theme=dark] .eun-grid--sidebar-right > :first-child {
    grid-column: 1;
    grid-row: auto;
  }
}
[data-brand=forest][data-theme=dark] {
  --eun-color-red-100: #410b11;
  --eun-color-red-200: #420b10;
  --eun-color-red-300: #550d14;
  --eun-color-red-400: #80141f;
  --eun-color-red-500: #a91b28;
  --eun-color-red-600: #d42233;
  --eun-color-red-700: #da6874;
  --eun-color-purple-100: #0a0a42;
  --eun-color-purple-200: #22103c;
  --eun-color-purple-300: #311859;
  --eun-color-purple-400: #4b2486;
  --eun-color-purple-500: #512693;
  --eun-color-purple-600: #8d22d4;
  --eun-color-purple-700: #aa68da;
  --eun-color-yellow-100: #41410b;
  --eun-color-yellow-200: #37420b;
  --eun-color-yellow-300: #4b550d;
  --eun-color-yellow-400: #747414;
  --eun-color-yellow-500: #a3a31b;
  --eun-color-yellow-600: #eeee30;
  --eun-color-yellow-700: #dad868;
  --eun-color-blue-100: #162e37;
  --eun-color-blue-200: #163236;
  --eun-color-blue-300: #285c5d;
  --eun-color-blue-400: #3b888c;
  --eun-color-blue-500: #4fb5bb;
  --eun-color-blue-600: #62e7e9;
  --eun-color-blue-700: #68cfda;
  --eun-color-green-100: #0b4116;
  --eun-color-green-200: #0b4213;
  --eun-color-green-300: #0d5519;
  --eun-color-green-400: #14741a;
  --eun-color-green-500: #1ba92d;
  --eun-color-green-600: #22d428;
  --eun-color-green-700: #68da6a;
  --eun-color-pink-100: #410b3c;
  --eun-color-pink-200: #420b40;
  --eun-color-pink-300: #500d55;
  --eun-color-pink-400: #5e1474;
  --eun-color-pink-500: #791797;
  --eun-color-pink-600: #b913ec;
  --eun-color-pink-700: #da68d8;
  --eun-color-grey-0: #16171c;
  --eun-color-grey-100: #2b3748;
  --eun-color-grey-200: #353c48;
  --eun-color-grey-300: #666e8a;
  --eun-color-grey-400: #8d93aa;
  --eun-color-grey-500: #5f6876;
  --eun-color-grey-600: #c1c1c1;
  --eun-color-grey-700: #ecedf0;
  --eun-color-grey-800: #f7f8fa;
  --eun-color-grey-900: #ffffff;
  --eun-color-success-100: rgb(29, 173, 81);
  --eun-color-warning-100: rgb(247, 104, 14);
  --eun-color-critical-100: rgb(255, 91, 110);
  --eun-color-info-100: rgb(11, 159, 219);
}

[data-brand=violet] {
  --eun-color-primary-50: #b38feb;
  --eun-color-on-primary-50: #000000de;
  --eun-color-primary-100: #a378e7;
  --eun-color-on-primary-100: #000000de;
  --eun-color-primary-200: #9360e3;
  --eun-color-on-primary-200: #000000de;
  --eun-color-primary-300: #7f42de;
  --eun-color-on-primary-300: #ffffff;
  --eun-color-primary-400: #7635db;
  --eun-color-on-primary-400: #ffffff;
  --eun-color-primary-500: #6d28d9;
  --eun-color-on-primary-500: #ffffff;
  --eun-color-primary-600: #6626cc;
  --eun-color-on-primary-600: #ffffff;
  --eun-color-primary-700: #6023bf;
  --eun-color-on-primary-700: #ffffff;
  --eun-color-primary-800: #511ea1;
  --eun-color-on-primary-800: #ffffff;
  --eun-color-primary-900: #451989;
  --eun-color-on-primary-900: #ffffff;
  --eun-color-primary-950: #391571;
  --eun-color-on-primary-950: #ffffff;
  --eun-color-primary-bg-hover: rgba(109, 40, 217, 0.08);
  --eun-color-primary-bg-active: rgba(109, 40, 217, 0.08);
  --eun-color-primary-transparent: rgba(109, 40, 217, 0.2);
  --eun-color-primary-transparent-hover: rgba(109, 40, 217, 0.3);
  --eun-color-primary-transparent-active: rgba(109, 40, 217, 0.4);
  --eun-color-secondary-50: #82d0d0;
  --eun-color-on-secondary-50: #000000de;
  --eun-color-secondary-100: #67c6c6;
  --eun-color-on-secondary-100: #000000de;
  --eun-color-secondary-200: #4dbcbc;
  --eun-color-on-secondary-200: #000000de;
  --eun-color-secondary-300: #2bb0af;
  --eun-color-on-secondary-300: #000000de;
  --eun-color-secondary-400: #1caaa9;
  --eun-color-on-secondary-400: #000000de;
  --eun-color-secondary-500: #0ea5a4;
  --eun-color-on-secondary-500: #000000de;
  --eun-color-secondary-600: #0d9b9a;
  --eun-color-on-secondary-600: #000000de;
  --eun-color-secondary-700: #0c9190;
  --eun-color-on-secondary-700: #000000de;
  --eun-color-secondary-800: #0a7a79;
  --eun-color-on-secondary-800: #ffffff;
  --eun-color-secondary-900: #096867;
  --eun-color-on-secondary-900: #ffffff;
  --eun-color-secondary-950: #075655;
  --eun-color-on-secondary-950: #ffffff;
  --eun-color-secondary-bg-hover: rgba(14, 165, 164, 0.08);
  --eun-color-secondary-bg-active: rgba(14, 165, 164, 0.08);
  --eun-color-secondary-transparent: rgba(14, 165, 164, 0.2);
  --eun-color-secondary-transparent-hover: rgba(14, 165, 164, 0.3);
  --eun-color-secondary-transparent-active: rgba(14, 165, 164, 0.4);
  --eun-content-hover: #edeff0;
  --eun-content-pressed: #e4e6e8;
  --eun-divider-color: #dee0e7;
  --eun-border-color: #dee0e7;
  --eun-surface-color: #ffffff;
  --eun-disabled-color: #ecedf0;
  --eun-readonly-color: #666e8a;
  --eun-text-color: #071621;
  --eun-text-secondary: #484e61;
  --eun-placeholder-color: var(--eun-color-grey-400, #c1c9d6);
  --eun-text-disabled-color: #8d93aa;
  --eun-text-readonly-color: #c1c9d6;
  --eun-disabled-content: #c1c9d6;
  --eun-surface-tint: #f8f4fd;
  --eun-divider-tint: #d8d7e6;
  --eun-border-tint: #d8d7e6;
  --eun-content-hover-tint: #e7e5ef;
  --eun-content-pressed-tint: #dedce7;
  --eun-font-family: "Mulish", sans-serif;
  --eun-fontSize-xxs: 0.4rem;
  --eun-fontSize-xs: 0.6rem;
  --eun-fontSize-s: 0.82rem;
  --eun-fontSize-m: 1rem;
  --eun-fontSize-l: 1.3rem;
  --eun-fontSize-xl: 1.6rem;
  --eun-fontSize-xxl: 2rem;
  --eun-fontSize-xxxl: 3.4rem;
  --eun-fontSize-xxxxl: 5rem;
  --eun-fontWeight-s: 300;
  --eun-fontWeight-m: 500;
  --eun-fontWeight-l: 700;
  --eun-space-xxs: 0.1rem;
  --eun-space-xs: 0.25rem;
  --eun-space-s: 0.5rem;
  --eun-space-m: 1rem;
  --eun-space-l: 2rem;
  --eun-space-xl: 3.5rem;
  --eun-space-xxl: 5rem;
  --eun-borderRadius-s: 5px;
  --eun-borderRadius-m: 10px;
  --eun-borderRadius-l: 20px;
  --eun-borderRadius-xl: 999px;
  --eun-borderWidth-s: 1px;
  --eun-borderWidth-m: 1.5px;
  --eun-borderWidth-l: 2px;
  --eun-shadow-xs:
    rgba(0, 0, 0, 0.1) 0px 1px 3px 0px, rgba(0, 0, 0, 0.06) 0px 1px 2px 0px;
  --eun-shadow-s:
    rgba(0, 0, 0, 0.1) 0px 4px 6px -1px, rgba(0, 0, 0, 0.06) 0px 2px 4px -1px;
  --eun-shadow-m:
    rgba(0, 0, 0, 0.1) 0px 10px 15px -3px, rgba(0, 0, 0, 0.05) 0px 4px 6px -2px;
  --eun-shadow-l:
    rgba(0, 0, 0, 0.1) 0px 20px 25px -5px,
    rgba(0, 0, 0, 0.04) 0px 10px 10px -5px;
  --eun-shadow-xl: rgba(0, 0, 0, 0.25) 0px 25px 50px -12px;
  --eun-height-xxs: 8px;
  --eun-height-xs: 16px;
  --eun-height-s: 24px;
  --eun-height-m: 32px;
  --eun-height-l: 34px;
  --eun-height-xl: 48px;
  --eun-height-xxl: 56px;
  --eun-breakpoint-mobile: 600px;
  --eun-breakpoint-tablet: 768px;
  --eun-breakpoint-laptop: 1024px;
  --eun-breakpoint-desktop: 1280px;
}
[data-brand=violet] .eun-grid {
  display: grid;
  row-gap: var(--eun-grid-row-gap, var(--eun-space-s));
  column-gap: var(--eun-grid-column-gap, var(--eun-space-m));
}
[data-brand=violet] .eun-grid--halves {
  grid-template-columns: repeat(2, 1fr);
}
[data-brand=violet] .eun-grid--thirds-1-2 {
  grid-template-columns: 1fr 2fr;
}
[data-brand=violet] .eun-grid--thirds-2-1 {
  grid-template-columns: 2fr 1fr;
}
[data-brand=violet] .eun-grid--thirds-equal {
  grid-template-columns: repeat(3, 1fr);
}
[data-brand=violet] .eun-grid--2x2 {
  grid-template-columns: repeat(2, 1fr);
  grid-auto-flow: row;
}
[data-brand=violet] .eun-grid--sidebar-left,
[data-brand=violet] .eun-grid--sidebar-right {
  grid-template-columns: repeat(2, 1fr);
  grid-template-rows: repeat(2, auto);
}
[data-brand=violet] .eun-grid--sidebar-left > :first-child {
  grid-column: 1;
  grid-row: 1/span 2;
}
[data-brand=violet] .eun-grid--sidebar-right > :first-child {
  grid-column: 2;
  grid-row: 1/span 2;
}
[data-brand=violet] .eun-grid--lead-left,
[data-brand=violet] .eun-grid--lead-right {
  grid-template-rows: repeat(2, auto);
}
[data-brand=violet] .eun-grid--lead-left {
  grid-template-columns: auto 1fr;
}
[data-brand=violet] .eun-grid--lead-right {
  grid-template-columns: 1fr auto;
}
[data-brand=violet] .eun-grid--lead-left > :first-child {
  grid-column: 1;
  grid-row: 1/span 2;
}
[data-brand=violet] .eun-grid--lead-right > :first-child {
  grid-column: 2;
  grid-row: 1/span 2;
}
[data-brand=violet] .eun-grid--gallery {
  grid-template-columns: repeat(auto-fill, minmax(var(--eun-grid-min-width, 220px), 1fr));
}
[data-brand=violet] .eun-grid--panel {
  grid-template-rows: auto 1fr auto;
}
@media (max-width: 767px) {
  [data-brand=violet] .eun-grid--halves,
  [data-brand=violet] .eun-grid--thirds-1-2,
  [data-brand=violet] .eun-grid--thirds-2-1,
  [data-brand=violet] .eun-grid--thirds-equal,
  [data-brand=violet] .eun-grid--2x2,
  [data-brand=violet] .eun-grid--sidebar-left,
  [data-brand=violet] .eun-grid--sidebar-right {
    grid-template-columns: 1fr;
    grid-template-rows: none;
  }
  [data-brand=violet] .eun-grid--sidebar-left > :first-child,
  [data-brand=violet] .eun-grid--sidebar-right > :first-child {
    grid-column: 1;
    grid-row: auto;
  }
}
[data-brand=violet] {
  --eun-color-red-100: #fef4f5;
  --eun-color-red-200: #fbd1d5;
  --eun-color-red-300: #f8a4ac;
  --eun-color-red-400: #f47682;
  --eun-color-red-500: #f14959;
  --eun-color-red-600: #ed1b2f;
  --eun-color-red-700: #a11b29;
  --eun-color-purple-100: #f2f2fe;
  --eun-color-purple-200: #dfcff6;
  --eun-color-purple-300: #bea0ed;
  --eun-color-purple-400: #9e70e4;
  --eun-color-purple-500: #9562e3;
  --eun-color-purple-600: #991bed;
  --eun-color-purple-700: #691ba1;
  --eun-color-yellow-100: #fefef4;
  --eun-color-yellow-200: #f3fbd1;
  --eun-color-yellow-300: #edf8a4;
  --eun-color-yellow-400: #f4f482;
  --eun-color-yellow-500: #f0f050;
  --eun-color-yellow-600: #e0e000;
  --eun-color-yellow-700: #a19f1b;
  --eun-color-blue-100: #f3f9fb;
  --eun-color-blue-200: #ceeaee;
  --eun-color-blue-300: #9ddadc;
  --eun-color-blue-400: #6cc6cb;
  --eun-color-blue-500: #3bb3b9;
  --eun-color-blue-600: #0aa5a8;
  --eun-color-blue-700: #1b94a1;
  --eun-color-green-100: #f4fef6;
  --eun-color-green-200: #d1fbd7;
  --eun-color-green-300: #a4f8b2;
  --eun-color-green-400: #82f48a;
  --eun-color-green-500: #49f15f;
  --eun-color-green-600: #1bed22;
  --eun-color-green-700: #1ba11d;
  --eun-color-pink-100: #fef4fd;
  --eun-color-pink-200: #fbd1fa;
  --eun-color-pink-300: #f3a4f8;
  --eun-color-pink-400: #d982f4;
  --eun-color-pink-500: #d05df3;
  --eun-color-pink-600: #c300ff;
  --eun-color-pink-700: #a11b9f;
  --eun-color-grey-0: #ffffff;
  --eun-color-grey-100: #f7f8fa;
  --eun-color-grey-200: #ecedf0;
  --eun-color-grey-300: #dee0e7;
  --eun-color-grey-400: #c1c9d6;
  --eun-color-grey-500: #8d93aa;
  --eun-color-grey-600: #666e8a;
  --eun-color-grey-700: #484e61;
  --eun-color-grey-800: #071621;
  --eun-color-grey-900: #000000;
  --eun-color-success-100: #1a9948;
  --eun-color-success-90: rgba(26, 153, 72, 0.32);
  --eun-color-success-50: rgba(26, 153, 72, 0.16);
  --eun-color-success-30: rgba(26, 153, 72, 0.06);
  --eun-color-warning-100: #c85207;
  --eun-color-warning-90: rgba(200, 82, 7, 0.32);
  --eun-color-warning-50: rgba(200, 82, 7, 0.16);
  --eun-color-warning-30: rgba(200, 82, 7, 0.06);
  --eun-color-critical-100: #aa0014;
  --eun-color-critical-90: rgba(170, 0, 20, 0.32);
  --eun-color-critical-50: rgba(170, 0, 20, 0.16);
  --eun-color-critical-30: rgba(170, 0, 20, 0.06);
  --eun-color-info-100: #097faf;
  --eun-color-info-90: rgba(9, 127, 175, 0.32);
  --eun-color-info-50: rgba(9, 127, 175, 0.16);
  --eun-color-info-30: rgba(9, 127, 175, 0.06);
}

[data-brand=violet][data-theme=dark] {
  --eun-color-primary-50: #3a1b69;
  --eun-color-on-primary-50: #ffffff;
  --eun-color-primary-100: #45207f;
  --eun-color-on-primary-100: #ffffff;
  --eun-color-primary-200: #512695;
  --eun-color-on-primary-200: #ffffff;
  --eun-color-primary-300: #612db1;
  --eun-color-on-primary-300: #ffffff;
  --eun-color-primary-400: #6830be;
  --eun-color-on-primary-400: #ffffff;
  --eun-color-primary-500: #8b5bd5;
  --eun-color-on-primary-500: #ffffff;
  --eun-color-primary-600: #763fcd;
  --eun-color-on-primary-600: #ffffff;
  --eun-color-primary-700: #804cd0;
  --eun-color-on-primary-700: #ffffff;
  --eun-color-primary-800: #9368d7;
  --eun-color-on-primary-800: #000000de;
  --eun-color-primary-900: #a47ede;
  --eun-color-on-primary-900: #000000de;
  --eun-color-primary-950: #b495e3;
  --eun-color-on-primary-950: #000000de;
  --eun-color-primary-bg-hover: rgba(139, 91, 213, 0.08);
  --eun-color-primary-bg-active: rgba(139, 91, 213, 0.08);
  --eun-color-primary-transparent: rgba(139, 91, 213, 0.2);
  --eun-color-primary-transparent-hover: rgba(139, 91, 213, 0.3);
  --eun-color-primary-transparent-active: rgba(139, 91, 213, 0.4);
  --eun-color-secondary-50: #357777;
  --eun-color-on-secondary-50: #ffffff;
  --eun-color-secondary-100: #409191;
  --eun-color-on-secondary-100: #000000de;
  --eun-color-secondary-200: #4baaaa;
  --eun-color-on-secondary-200: #000000de;
  --eun-color-secondary-300: #59cac9;
  --eun-color-on-secondary-300: #000000de;
  --eun-color-secondary-400: #60d8d8;
  --eun-color-on-secondary-400: #000000de;
  --eun-color-secondary-500: #65e6e5;
  --eun-color-on-secondary-500: #000000de;
  --eun-color-secondary-600: #6fe7e7;
  --eun-color-on-secondary-600: #000000de;
  --eun-color-secondary-700: #78e9e8;
  --eun-color-on-secondary-700: #000000de;
  --eun-color-secondary-800: #8dedec;
  --eun-color-on-secondary-800: #000000de;
  --eun-color-secondary-900: #9eefee;
  --eun-color-on-secondary-900: #000000de;
  --eun-color-secondary-950: #aff2f1;
  --eun-color-on-secondary-950: #000000de;
  --eun-color-secondary-bg-hover: rgba(101, 230, 229, 0.08);
  --eun-color-secondary-bg-active: rgba(101, 230, 229, 0.08);
  --eun-color-secondary-transparent: rgba(101, 230, 229, 0.2);
  --eun-color-secondary-transparent-hover: rgba(101, 230, 229, 0.3);
  --eun-color-secondary-transparent-active: rgba(101, 230, 229, 0.4);
  --eun-content-hover: rgba(255, 255, 255, 0.08);
  --eun-content-pressed: rgba(255, 255, 255, 0.14);
  --eun-divider-color: var(--eun-color-grey-300);
  --eun-border-color: var(--eun-color-grey-300);
  --eun-surface-color: var(--eun-color-grey-0);
  --eun-disabled-color: var(--eun-color-grey-200);
  --eun-readonly-color: var(--eun-color-grey-600);
  --eun-text-color: var(--eun-color-grey-800);
  --eun-text-secondary: var(--eun-color-grey-700);
  --eun-placeholder-color: var(--eun-color-grey-400);
  --eun-text-disabled-color: var(--eun-color-grey-500);
  --eun-text-readonly-color: var(--eun-color-grey-400);
  --eun-disabled-content: var(--eun-color-grey-400);
  --eun-surface-tint: #2a2d40;
  --eun-divider-tint: #666b8d;
  --eun-border-tint: #666b8d;
  --eun-content-hover-tint: rgba(248, 245, 252, 0.08);
  --eun-content-pressed-tint: rgba(248, 245, 252, 0.14);
  --eun-font-family: "Mulish", sans-serif;
  --eun-fontSize-xxs: 0.4rem;
  --eun-fontSize-xs: 0.6rem;
  --eun-fontSize-s: 0.82rem;
  --eun-fontSize-m: 1rem;
  --eun-fontSize-l: 1.3rem;
  --eun-fontSize-xl: 1.6rem;
  --eun-fontSize-xxl: 2rem;
  --eun-fontSize-xxxl: 3.4rem;
  --eun-fontSize-xxxxl: 5rem;
  --eun-fontWeight-s: 300;
  --eun-fontWeight-m: 500;
  --eun-fontWeight-l: 700;
  --eun-space-xxs: 0.1rem;
  --eun-space-xs: 0.25rem;
  --eun-space-s: 0.5rem;
  --eun-space-m: 1rem;
  --eun-space-l: 2rem;
  --eun-space-xl: 3.5rem;
  --eun-space-xxl: 5rem;
  --eun-borderRadius-s: 5px;
  --eun-borderRadius-m: 10px;
  --eun-borderRadius-l: 20px;
  --eun-borderRadius-xl: 999px;
  --eun-borderWidth-s: 1px;
  --eun-borderWidth-m: 1.5px;
  --eun-borderWidth-l: 2px;
  --eun-shadow-xs:
    rgba(0, 0, 0, 0.1) 0px 1px 3px 0px, rgba(0, 0, 0, 0.06) 0px 1px 2px 0px;
  --eun-shadow-s:
    rgba(0, 0, 0, 0.1) 0px 4px 6px -1px, rgba(0, 0, 0, 0.06) 0px 2px 4px -1px;
  --eun-shadow-m:
    rgba(0, 0, 0, 0.1) 0px 10px 15px -3px, rgba(0, 0, 0, 0.05) 0px 4px 6px -2px;
  --eun-shadow-l:
    rgba(0, 0, 0, 0.1) 0px 20px 25px -5px,
    rgba(0, 0, 0, 0.04) 0px 10px 10px -5px;
  --eun-shadow-xl: rgba(0, 0, 0, 0.25) 0px 25px 50px -12px;
  --eun-height-xxs: 8px;
  --eun-height-xs: 16px;
  --eun-height-s: 24px;
  --eun-height-m: 32px;
  --eun-height-l: 34px;
  --eun-height-xl: 48px;
  --eun-height-xxl: 56px;
  --eun-breakpoint-mobile: 600px;
  --eun-breakpoint-tablet: 768px;
  --eun-breakpoint-laptop: 1024px;
  --eun-breakpoint-desktop: 1280px;
}
[data-brand=violet][data-theme=dark] .eun-grid {
  display: grid;
  row-gap: var(--eun-grid-row-gap, var(--eun-space-s));
  column-gap: var(--eun-grid-column-gap, var(--eun-space-m));
}
[data-brand=violet][data-theme=dark] .eun-grid--halves {
  grid-template-columns: repeat(2, 1fr);
}
[data-brand=violet][data-theme=dark] .eun-grid--thirds-1-2 {
  grid-template-columns: 1fr 2fr;
}
[data-brand=violet][data-theme=dark] .eun-grid--thirds-2-1 {
  grid-template-columns: 2fr 1fr;
}
[data-brand=violet][data-theme=dark] .eun-grid--thirds-equal {
  grid-template-columns: repeat(3, 1fr);
}
[data-brand=violet][data-theme=dark] .eun-grid--2x2 {
  grid-template-columns: repeat(2, 1fr);
  grid-auto-flow: row;
}
[data-brand=violet][data-theme=dark] .eun-grid--sidebar-left,
[data-brand=violet][data-theme=dark] .eun-grid--sidebar-right {
  grid-template-columns: repeat(2, 1fr);
  grid-template-rows: repeat(2, auto);
}
[data-brand=violet][data-theme=dark] .eun-grid--sidebar-left > :first-child {
  grid-column: 1;
  grid-row: 1/span 2;
}
[data-brand=violet][data-theme=dark] .eun-grid--sidebar-right > :first-child {
  grid-column: 2;
  grid-row: 1/span 2;
}
[data-brand=violet][data-theme=dark] .eun-grid--lead-left,
[data-brand=violet][data-theme=dark] .eun-grid--lead-right {
  grid-template-rows: repeat(2, auto);
}
[data-brand=violet][data-theme=dark] .eun-grid--lead-left {
  grid-template-columns: auto 1fr;
}
[data-brand=violet][data-theme=dark] .eun-grid--lead-right {
  grid-template-columns: 1fr auto;
}
[data-brand=violet][data-theme=dark] .eun-grid--lead-left > :first-child {
  grid-column: 1;
  grid-row: 1/span 2;
}
[data-brand=violet][data-theme=dark] .eun-grid--lead-right > :first-child {
  grid-column: 2;
  grid-row: 1/span 2;
}
[data-brand=violet][data-theme=dark] .eun-grid--gallery {
  grid-template-columns: repeat(auto-fill, minmax(var(--eun-grid-min-width, 220px), 1fr));
}
[data-brand=violet][data-theme=dark] .eun-grid--panel {
  grid-template-rows: auto 1fr auto;
}
@media (max-width: 767px) {
  [data-brand=violet][data-theme=dark] .eun-grid--halves,
  [data-brand=violet][data-theme=dark] .eun-grid--thirds-1-2,
  [data-brand=violet][data-theme=dark] .eun-grid--thirds-2-1,
  [data-brand=violet][data-theme=dark] .eun-grid--thirds-equal,
  [data-brand=violet][data-theme=dark] .eun-grid--2x2,
  [data-brand=violet][data-theme=dark] .eun-grid--sidebar-left,
  [data-brand=violet][data-theme=dark] .eun-grid--sidebar-right {
    grid-template-columns: 1fr;
    grid-template-rows: none;
  }
  [data-brand=violet][data-theme=dark] .eun-grid--sidebar-left > :first-child,
  [data-brand=violet][data-theme=dark] .eun-grid--sidebar-right > :first-child {
    grid-column: 1;
    grid-row: auto;
  }
}
[data-brand=violet][data-theme=dark] {
  --eun-color-red-100: #410b11;
  --eun-color-red-200: #420b10;
  --eun-color-red-300: #550d14;
  --eun-color-red-400: #80141f;
  --eun-color-red-500: #a91b28;
  --eun-color-red-600: #d42233;
  --eun-color-red-700: #da6874;
  --eun-color-purple-100: #0a0a42;
  --eun-color-purple-200: #22103c;
  --eun-color-purple-300: #311859;
  --eun-color-purple-400: #4b2486;
  --eun-color-purple-500: #512693;
  --eun-color-purple-600: #8d22d4;
  --eun-color-purple-700: #aa68da;
  --eun-color-yellow-100: #41410b;
  --eun-color-yellow-200: #37420b;
  --eun-color-yellow-300: #4b550d;
  --eun-color-yellow-400: #747414;
  --eun-color-yellow-500: #a3a31b;
  --eun-color-yellow-600: #eeee30;
  --eun-color-yellow-700: #dad868;
  --eun-color-blue-100: #162e37;
  --eun-color-blue-200: #163236;
  --eun-color-blue-300: #285c5d;
  --eun-color-blue-400: #3b888c;
  --eun-color-blue-500: #4fb5bb;
  --eun-color-blue-600: #62e7e9;
  --eun-color-blue-700: #68cfda;
  --eun-color-green-100: #0b4116;
  --eun-color-green-200: #0b4213;
  --eun-color-green-300: #0d5519;
  --eun-color-green-400: #14741a;
  --eun-color-green-500: #1ba92d;
  --eun-color-green-600: #22d428;
  --eun-color-green-700: #68da6a;
  --eun-color-pink-100: #410b3c;
  --eun-color-pink-200: #420b40;
  --eun-color-pink-300: #500d55;
  --eun-color-pink-400: #5e1474;
  --eun-color-pink-500: #791797;
  --eun-color-pink-600: #b913ec;
  --eun-color-pink-700: #da68d8;
  --eun-color-grey-0: #16171c;
  --eun-color-grey-100: #2b3748;
  --eun-color-grey-200: #353c48;
  --eun-color-grey-300: #666e8a;
  --eun-color-grey-400: #8d93aa;
  --eun-color-grey-500: #5f6876;
  --eun-color-grey-600: #c1c1c1;
  --eun-color-grey-700: #ecedf0;
  --eun-color-grey-800: #f7f8fa;
  --eun-color-grey-900: #ffffff;
  --eun-color-success-100: rgb(29, 173, 81);
  --eun-color-warning-100: rgb(247, 104, 14);
  --eun-color-critical-100: rgb(255, 91, 110);
  --eun-color-info-100: rgb(11, 159, 219);
}

[data-brand=ocean] {
  --eun-color-primary-50: #80b4c3;
  --eun-color-on-primary-50: #000000de;
  --eun-color-primary-100: #65a4b7;
  --eun-color-on-primary-100: #000000de;
  --eun-color-primary-200: #4a94aa;
  --eun-color-on-primary-200: #000000de;
  --eun-color-primary-300: #287f9a;
  --eun-color-on-primary-300: #ffffff;
  --eun-color-primary-400: #1a7793;
  --eun-color-on-primary-400: #ffffff;
  --eun-color-primary-500: #0b6e8c;
  --eun-color-on-primary-500: #ffffff;
  --eun-color-primary-600: #0a6784;
  --eun-color-on-primary-600: #ffffff;
  --eun-color-primary-700: #0a617b;
  --eun-color-on-primary-700: #ffffff;
  --eun-color-primary-800: #085168;
  --eun-color-on-primary-800: #ffffff;
  --eun-color-primary-900: #074558;
  --eun-color-on-primary-900: #ffffff;
  --eun-color-primary-950: #063949;
  --eun-color-on-primary-950: #ffffff;
  --eun-color-primary-bg-hover: rgba(11, 110, 140, 0.08);
  --eun-color-primary-bg-active: rgba(11, 110, 140, 0.08);
  --eun-color-primary-transparent: rgba(11, 110, 140, 0.2);
  --eun-color-primary-transparent-hover: rgba(11, 110, 140, 0.3);
  --eun-color-primary-transparent-active: rgba(11, 110, 140, 0.4);
  --eun-color-secondary-50: #92e0d9;
  --eun-color-on-secondary-50: #000000de;
  --eun-color-secondary-100: #7bdad1;
  --eun-color-on-secondary-100: #000000de;
  --eun-color-secondary-200: #64d3c9;
  --eun-color-on-secondary-200: #000000de;
  --eun-color-secondary-300: #47cbbf;
  --eun-color-on-secondary-300: #000000de;
  --eun-color-secondary-400: #3bc8ba;
  --eun-color-on-secondary-400: #000000de;
  --eun-color-secondary-500: #2ec4b6;
  --eun-color-on-secondary-500: #000000de;
  --eun-color-secondary-600: #2bb8ab;
  --eun-color-on-secondary-600: #000000de;
  --eun-color-secondary-700: #28aca0;
  --eun-color-on-secondary-700: #000000de;
  --eun-color-secondary-800: #229187;
  --eun-color-on-secondary-800: #000000de;
  --eun-color-secondary-900: #1d7b73;
  --eun-color-on-secondary-900: #ffffff;
  --eun-color-secondary-950: #18665f;
  --eun-color-on-secondary-950: #ffffff;
  --eun-color-secondary-bg-hover: rgba(46, 196, 182, 0.08);
  --eun-color-secondary-bg-active: rgba(46, 196, 182, 0.08);
  --eun-color-secondary-transparent: rgba(46, 196, 182, 0.2);
  --eun-color-secondary-transparent-hover: rgba(46, 196, 182, 0.3);
  --eun-color-secondary-transparent-active: rgba(46, 196, 182, 0.4);
  --eun-content-hover: #edeff0;
  --eun-content-pressed: #e4e6e8;
  --eun-divider-color: #dee0e7;
  --eun-border-color: #dee0e7;
  --eun-surface-color: #ffffff;
  --eun-disabled-color: #ecedf0;
  --eun-readonly-color: #666e8a;
  --eun-text-color: #071621;
  --eun-text-secondary: #484e61;
  --eun-placeholder-color: var(--eun-color-grey-400, #c1c9d6);
  --eun-text-disabled-color: #8d93aa;
  --eun-text-readonly-color: #c1c9d6;
  --eun-disabled-content: #c1c9d6;
  --eun-surface-tint: #f3f8f9;
  --eun-divider-tint: #d3dae2;
  --eun-border-tint: #d3dae2;
  --eun-content-hover-tint: #e2e9eb;
  --eun-content-pressed-tint: #d9e0e3;
  --eun-font-family: "Mulish", sans-serif;
  --eun-fontSize-xxs: 0.4rem;
  --eun-fontSize-xs: 0.6rem;
  --eun-fontSize-s: 0.82rem;
  --eun-fontSize-m: 1rem;
  --eun-fontSize-l: 1.3rem;
  --eun-fontSize-xl: 1.6rem;
  --eun-fontSize-xxl: 2rem;
  --eun-fontSize-xxxl: 3.4rem;
  --eun-fontSize-xxxxl: 5rem;
  --eun-fontWeight-s: 300;
  --eun-fontWeight-m: 500;
  --eun-fontWeight-l: 700;
  --eun-space-xxs: 0.1rem;
  --eun-space-xs: 0.25rem;
  --eun-space-s: 0.5rem;
  --eun-space-m: 1rem;
  --eun-space-l: 2rem;
  --eun-space-xl: 3.5rem;
  --eun-space-xxl: 5rem;
  --eun-borderRadius-s: 5px;
  --eun-borderRadius-m: 10px;
  --eun-borderRadius-l: 20px;
  --eun-borderRadius-xl: 999px;
  --eun-borderWidth-s: 1px;
  --eun-borderWidth-m: 1.5px;
  --eun-borderWidth-l: 2px;
  --eun-shadow-xs:
    rgba(0, 0, 0, 0.1) 0px 1px 3px 0px, rgba(0, 0, 0, 0.06) 0px 1px 2px 0px;
  --eun-shadow-s:
    rgba(0, 0, 0, 0.1) 0px 4px 6px -1px, rgba(0, 0, 0, 0.06) 0px 2px 4px -1px;
  --eun-shadow-m:
    rgba(0, 0, 0, 0.1) 0px 10px 15px -3px, rgba(0, 0, 0, 0.05) 0px 4px 6px -2px;
  --eun-shadow-l:
    rgba(0, 0, 0, 0.1) 0px 20px 25px -5px,
    rgba(0, 0, 0, 0.04) 0px 10px 10px -5px;
  --eun-shadow-xl: rgba(0, 0, 0, 0.25) 0px 25px 50px -12px;
  --eun-height-xxs: 8px;
  --eun-height-xs: 16px;
  --eun-height-s: 24px;
  --eun-height-m: 32px;
  --eun-height-l: 34px;
  --eun-height-xl: 48px;
  --eun-height-xxl: 56px;
  --eun-breakpoint-mobile: 600px;
  --eun-breakpoint-tablet: 768px;
  --eun-breakpoint-laptop: 1024px;
  --eun-breakpoint-desktop: 1280px;
}
[data-brand=ocean] .eun-grid {
  display: grid;
  row-gap: var(--eun-grid-row-gap, var(--eun-space-s));
  column-gap: var(--eun-grid-column-gap, var(--eun-space-m));
}
[data-brand=ocean] .eun-grid--halves {
  grid-template-columns: repeat(2, 1fr);
}
[data-brand=ocean] .eun-grid--thirds-1-2 {
  grid-template-columns: 1fr 2fr;
}
[data-brand=ocean] .eun-grid--thirds-2-1 {
  grid-template-columns: 2fr 1fr;
}
[data-brand=ocean] .eun-grid--thirds-equal {
  grid-template-columns: repeat(3, 1fr);
}
[data-brand=ocean] .eun-grid--2x2 {
  grid-template-columns: repeat(2, 1fr);
  grid-auto-flow: row;
}
[data-brand=ocean] .eun-grid--sidebar-left,
[data-brand=ocean] .eun-grid--sidebar-right {
  grid-template-columns: repeat(2, 1fr);
  grid-template-rows: repeat(2, auto);
}
[data-brand=ocean] .eun-grid--sidebar-left > :first-child {
  grid-column: 1;
  grid-row: 1/span 2;
}
[data-brand=ocean] .eun-grid--sidebar-right > :first-child {
  grid-column: 2;
  grid-row: 1/span 2;
}
[data-brand=ocean] .eun-grid--lead-left,
[data-brand=ocean] .eun-grid--lead-right {
  grid-template-rows: repeat(2, auto);
}
[data-brand=ocean] .eun-grid--lead-left {
  grid-template-columns: auto 1fr;
}
[data-brand=ocean] .eun-grid--lead-right {
  grid-template-columns: 1fr auto;
}
[data-brand=ocean] .eun-grid--lead-left > :first-child {
  grid-column: 1;
  grid-row: 1/span 2;
}
[data-brand=ocean] .eun-grid--lead-right > :first-child {
  grid-column: 2;
  grid-row: 1/span 2;
}
[data-brand=ocean] .eun-grid--gallery {
  grid-template-columns: repeat(auto-fill, minmax(var(--eun-grid-min-width, 220px), 1fr));
}
[data-brand=ocean] .eun-grid--panel {
  grid-template-rows: auto 1fr auto;
}
@media (max-width: 767px) {
  [data-brand=ocean] .eun-grid--halves,
  [data-brand=ocean] .eun-grid--thirds-1-2,
  [data-brand=ocean] .eun-grid--thirds-2-1,
  [data-brand=ocean] .eun-grid--thirds-equal,
  [data-brand=ocean] .eun-grid--2x2,
  [data-brand=ocean] .eun-grid--sidebar-left,
  [data-brand=ocean] .eun-grid--sidebar-right {
    grid-template-columns: 1fr;
    grid-template-rows: none;
  }
  [data-brand=ocean] .eun-grid--sidebar-left > :first-child,
  [data-brand=ocean] .eun-grid--sidebar-right > :first-child {
    grid-column: 1;
    grid-row: auto;
  }
}
[data-brand=ocean] {
  --eun-color-red-100: #fef4f5;
  --eun-color-red-200: #fbd1d5;
  --eun-color-red-300: #f8a4ac;
  --eun-color-red-400: #f47682;
  --eun-color-red-500: #f14959;
  --eun-color-red-600: #ed1b2f;
  --eun-color-red-700: #a11b29;
  --eun-color-purple-100: #f2f2fe;
  --eun-color-purple-200: #dfcff6;
  --eun-color-purple-300: #bea0ed;
  --eun-color-purple-400: #9e70e4;
  --eun-color-purple-500: #9562e3;
  --eun-color-purple-600: #991bed;
  --eun-color-purple-700: #691ba1;
  --eun-color-yellow-100: #fefef4;
  --eun-color-yellow-200: #f3fbd1;
  --eun-color-yellow-300: #edf8a4;
  --eun-color-yellow-400: #f4f482;
  --eun-color-yellow-500: #f0f050;
  --eun-color-yellow-600: #e0e000;
  --eun-color-yellow-700: #a19f1b;
  --eun-color-blue-100: #f3f9fb;
  --eun-color-blue-200: #ceeaee;
  --eun-color-blue-300: #9ddadc;
  --eun-color-blue-400: #6cc6cb;
  --eun-color-blue-500: #3bb3b9;
  --eun-color-blue-600: #0aa5a8;
  --eun-color-blue-700: #1b94a1;
  --eun-color-green-100: #f4fef6;
  --eun-color-green-200: #d1fbd7;
  --eun-color-green-300: #a4f8b2;
  --eun-color-green-400: #82f48a;
  --eun-color-green-500: #49f15f;
  --eun-color-green-600: #1bed22;
  --eun-color-green-700: #1ba11d;
  --eun-color-pink-100: #fef4fd;
  --eun-color-pink-200: #fbd1fa;
  --eun-color-pink-300: #f3a4f8;
  --eun-color-pink-400: #d982f4;
  --eun-color-pink-500: #d05df3;
  --eun-color-pink-600: #c300ff;
  --eun-color-pink-700: #a11b9f;
  --eun-color-grey-0: #ffffff;
  --eun-color-grey-100: #f7f8fa;
  --eun-color-grey-200: #ecedf0;
  --eun-color-grey-300: #dee0e7;
  --eun-color-grey-400: #c1c9d6;
  --eun-color-grey-500: #8d93aa;
  --eun-color-grey-600: #666e8a;
  --eun-color-grey-700: #484e61;
  --eun-color-grey-800: #071621;
  --eun-color-grey-900: #000000;
  --eun-color-success-100: #1a9948;
  --eun-color-success-90: rgba(26, 153, 72, 0.32);
  --eun-color-success-50: rgba(26, 153, 72, 0.16);
  --eun-color-success-30: rgba(26, 153, 72, 0.06);
  --eun-color-warning-100: #c85207;
  --eun-color-warning-90: rgba(200, 82, 7, 0.32);
  --eun-color-warning-50: rgba(200, 82, 7, 0.16);
  --eun-color-warning-30: rgba(200, 82, 7, 0.06);
  --eun-color-critical-100: #aa0014;
  --eun-color-critical-90: rgba(170, 0, 20, 0.32);
  --eun-color-critical-50: rgba(170, 0, 20, 0.16);
  --eun-color-critical-30: rgba(170, 0, 20, 0.06);
  --eun-color-info-100: #097faf;
  --eun-color-info-90: rgba(9, 127, 175, 0.32);
  --eun-color-info-50: rgba(9, 127, 175, 0.16);
  --eun-color-info-30: rgba(9, 127, 175, 0.06);
}

[data-brand=ocean][data-theme=dark] {
  --eun-color-primary-50: #416d7a;
  --eun-color-on-primary-50: #ffffff;
  --eun-color-primary-100: #4e8494;
  --eun-color-on-primary-100: #000000de;
  --eun-color-primary-200: #5c9bae;
  --eun-color-on-primary-200: #000000de;
  --eun-color-primary-300: #6eb8ce;
  --eun-color-on-primary-300: #000000de;
  --eun-color-primary-400: #75c4dc;
  --eun-color-on-primary-400: #000000de;
  --eun-color-primary-500: #7dd1ea;
  --eun-color-on-primary-500: #000000de;
  --eun-color-primary-600: #84d3ec;
  --eun-color-on-primary-600: #000000de;
  --eun-color-primary-700: #8cd6ed;
  --eun-color-on-primary-700: #000000de;
  --eun-color-primary-800: #9edcf0;
  --eun-color-on-primary-800: #000000de;
  --eun-color-primary-900: #ade2f2;
  --eun-color-on-primary-900: #000000de;
  --eun-color-primary-950: #bbe6f4;
  --eun-color-on-primary-950: #000000de;
  --eun-color-primary-bg-hover: rgba(125, 209, 234, 0.08);
  --eun-color-primary-bg-active: rgba(125, 209, 234, 0.08);
  --eun-color-primary-transparent: rgba(125, 209, 234, 0.2);
  --eun-color-primary-transparent-hover: rgba(125, 209, 234, 0.3);
  --eun-color-primary-transparent-active: rgba(125, 209, 234, 0.4);
  --eun-color-secondary-50: #256761;
  --eun-color-on-secondary-50: #ffffff;
  --eun-color-secondary-100: #2c7d75;
  --eun-color-on-secondary-100: #ffffff;
  --eun-color-secondary-200: #34938a;
  --eun-color-on-secondary-200: #000000de;
  --eun-color-secondary-300: #3eaea4;
  --eun-color-on-secondary-300: #000000de;
  --eun-color-secondary-400: #42b9ae;
  --eun-color-on-secondary-400: #000000de;
  --eun-color-secondary-500: #46c6ba;
  --eun-color-on-secondary-500: #000000de;
  --eun-color-secondary-600: #52c9be;
  --eun-color-on-secondary-600: #000000de;
  --eun-color-secondary-700: #5dcdc3;
  --eun-color-on-secondary-700: #000000de;
  --eun-color-secondary-800: #76d5cc;
  --eun-color-on-secondary-800: #000000de;
  --eun-color-secondary-900: #8bdbd4;
  --eun-color-on-secondary-900: #000000de;
  --eun-color-secondary-950: #9fe1db;
  --eun-color-on-secondary-950: #000000de;
  --eun-color-secondary-bg-hover: rgba(70, 198, 186, 0.08);
  --eun-color-secondary-bg-active: rgba(70, 198, 186, 0.08);
  --eun-color-secondary-transparent: rgba(70, 198, 186, 0.2);
  --eun-color-secondary-transparent-hover: rgba(70, 198, 186, 0.3);
  --eun-color-secondary-transparent-active: rgba(70, 198, 186, 0.4);
  --eun-content-hover: rgba(255, 255, 255, 0.08);
  --eun-content-pressed: rgba(255, 255, 255, 0.14);
  --eun-divider-color: var(--eun-color-grey-300);
  --eun-border-color: var(--eun-color-grey-300);
  --eun-surface-color: var(--eun-color-grey-0);
  --eun-disabled-color: var(--eun-color-grey-200);
  --eun-readonly-color: var(--eun-color-grey-600);
  --eun-text-color: var(--eun-color-grey-800);
  --eun-text-secondary: var(--eun-color-grey-700);
  --eun-placeholder-color: var(--eun-color-grey-400);
  --eun-text-disabled-color: var(--eun-color-grey-500);
  --eun-text-readonly-color: var(--eun-color-grey-400);
  --eun-disabled-content: var(--eun-color-grey-400);
  --eun-surface-tint: #2a3542;
  --eun-divider-tint: #67738f;
  --eun-border-tint: #67738f;
  --eun-content-hover-tint: rgba(248, 253, 254, 0.08);
  --eun-content-pressed-tint: rgba(248, 253, 254, 0.14);
  --eun-font-family: "Mulish", sans-serif;
  --eun-fontSize-xxs: 0.4rem;
  --eun-fontSize-xs: 0.6rem;
  --eun-fontSize-s: 0.82rem;
  --eun-fontSize-m: 1rem;
  --eun-fontSize-l: 1.3rem;
  --eun-fontSize-xl: 1.6rem;
  --eun-fontSize-xxl: 2rem;
  --eun-fontSize-xxxl: 3.4rem;
  --eun-fontSize-xxxxl: 5rem;
  --eun-fontWeight-s: 300;
  --eun-fontWeight-m: 500;
  --eun-fontWeight-l: 700;
  --eun-space-xxs: 0.1rem;
  --eun-space-xs: 0.25rem;
  --eun-space-s: 0.5rem;
  --eun-space-m: 1rem;
  --eun-space-l: 2rem;
  --eun-space-xl: 3.5rem;
  --eun-space-xxl: 5rem;
  --eun-borderRadius-s: 5px;
  --eun-borderRadius-m: 10px;
  --eun-borderRadius-l: 20px;
  --eun-borderRadius-xl: 999px;
  --eun-borderWidth-s: 1px;
  --eun-borderWidth-m: 1.5px;
  --eun-borderWidth-l: 2px;
  --eun-shadow-xs:
    rgba(0, 0, 0, 0.1) 0px 1px 3px 0px, rgba(0, 0, 0, 0.06) 0px 1px 2px 0px;
  --eun-shadow-s:
    rgba(0, 0, 0, 0.1) 0px 4px 6px -1px, rgba(0, 0, 0, 0.06) 0px 2px 4px -1px;
  --eun-shadow-m:
    rgba(0, 0, 0, 0.1) 0px 10px 15px -3px, rgba(0, 0, 0, 0.05) 0px 4px 6px -2px;
  --eun-shadow-l:
    rgba(0, 0, 0, 0.1) 0px 20px 25px -5px,
    rgba(0, 0, 0, 0.04) 0px 10px 10px -5px;
  --eun-shadow-xl: rgba(0, 0, 0, 0.25) 0px 25px 50px -12px;
  --eun-height-xxs: 8px;
  --eun-height-xs: 16px;
  --eun-height-s: 24px;
  --eun-height-m: 32px;
  --eun-height-l: 34px;
  --eun-height-xl: 48px;
  --eun-height-xxl: 56px;
  --eun-breakpoint-mobile: 600px;
  --eun-breakpoint-tablet: 768px;
  --eun-breakpoint-laptop: 1024px;
  --eun-breakpoint-desktop: 1280px;
}
[data-brand=ocean][data-theme=dark] .eun-grid {
  display: grid;
  row-gap: var(--eun-grid-row-gap, var(--eun-space-s));
  column-gap: var(--eun-grid-column-gap, var(--eun-space-m));
}
[data-brand=ocean][data-theme=dark] .eun-grid--halves {
  grid-template-columns: repeat(2, 1fr);
}
[data-brand=ocean][data-theme=dark] .eun-grid--thirds-1-2 {
  grid-template-columns: 1fr 2fr;
}
[data-brand=ocean][data-theme=dark] .eun-grid--thirds-2-1 {
  grid-template-columns: 2fr 1fr;
}
[data-brand=ocean][data-theme=dark] .eun-grid--thirds-equal {
  grid-template-columns: repeat(3, 1fr);
}
[data-brand=ocean][data-theme=dark] .eun-grid--2x2 {
  grid-template-columns: repeat(2, 1fr);
  grid-auto-flow: row;
}
[data-brand=ocean][data-theme=dark] .eun-grid--sidebar-left,
[data-brand=ocean][data-theme=dark] .eun-grid--sidebar-right {
  grid-template-columns: repeat(2, 1fr);
  grid-template-rows: repeat(2, auto);
}
[data-brand=ocean][data-theme=dark] .eun-grid--sidebar-left > :first-child {
  grid-column: 1;
  grid-row: 1/span 2;
}
[data-brand=ocean][data-theme=dark] .eun-grid--sidebar-right > :first-child {
  grid-column: 2;
  grid-row: 1/span 2;
}
[data-brand=ocean][data-theme=dark] .eun-grid--lead-left,
[data-brand=ocean][data-theme=dark] .eun-grid--lead-right {
  grid-template-rows: repeat(2, auto);
}
[data-brand=ocean][data-theme=dark] .eun-grid--lead-left {
  grid-template-columns: auto 1fr;
}
[data-brand=ocean][data-theme=dark] .eun-grid--lead-right {
  grid-template-columns: 1fr auto;
}
[data-brand=ocean][data-theme=dark] .eun-grid--lead-left > :first-child {
  grid-column: 1;
  grid-row: 1/span 2;
}
[data-brand=ocean][data-theme=dark] .eun-grid--lead-right > :first-child {
  grid-column: 2;
  grid-row: 1/span 2;
}
[data-brand=ocean][data-theme=dark] .eun-grid--gallery {
  grid-template-columns: repeat(auto-fill, minmax(var(--eun-grid-min-width, 220px), 1fr));
}
[data-brand=ocean][data-theme=dark] .eun-grid--panel {
  grid-template-rows: auto 1fr auto;
}
@media (max-width: 767px) {
  [data-brand=ocean][data-theme=dark] .eun-grid--halves,
  [data-brand=ocean][data-theme=dark] .eun-grid--thirds-1-2,
  [data-brand=ocean][data-theme=dark] .eun-grid--thirds-2-1,
  [data-brand=ocean][data-theme=dark] .eun-grid--thirds-equal,
  [data-brand=ocean][data-theme=dark] .eun-grid--2x2,
  [data-brand=ocean][data-theme=dark] .eun-grid--sidebar-left,
  [data-brand=ocean][data-theme=dark] .eun-grid--sidebar-right {
    grid-template-columns: 1fr;
    grid-template-rows: none;
  }
  [data-brand=ocean][data-theme=dark] .eun-grid--sidebar-left > :first-child,
  [data-brand=ocean][data-theme=dark] .eun-grid--sidebar-right > :first-child {
    grid-column: 1;
    grid-row: auto;
  }
}
[data-brand=ocean][data-theme=dark] {
  --eun-color-red-100: #410b11;
  --eun-color-red-200: #420b10;
  --eun-color-red-300: #550d14;
  --eun-color-red-400: #80141f;
  --eun-color-red-500: #a91b28;
  --eun-color-red-600: #d42233;
  --eun-color-red-700: #da6874;
  --eun-color-purple-100: #0a0a42;
  --eun-color-purple-200: #22103c;
  --eun-color-purple-300: #311859;
  --eun-color-purple-400: #4b2486;
  --eun-color-purple-500: #512693;
  --eun-color-purple-600: #8d22d4;
  --eun-color-purple-700: #aa68da;
  --eun-color-yellow-100: #41410b;
  --eun-color-yellow-200: #37420b;
  --eun-color-yellow-300: #4b550d;
  --eun-color-yellow-400: #747414;
  --eun-color-yellow-500: #a3a31b;
  --eun-color-yellow-600: #eeee30;
  --eun-color-yellow-700: #dad868;
  --eun-color-blue-100: #162e37;
  --eun-color-blue-200: #163236;
  --eun-color-blue-300: #285c5d;
  --eun-color-blue-400: #3b888c;
  --eun-color-blue-500: #4fb5bb;
  --eun-color-blue-600: #62e7e9;
  --eun-color-blue-700: #68cfda;
  --eun-color-green-100: #0b4116;
  --eun-color-green-200: #0b4213;
  --eun-color-green-300: #0d5519;
  --eun-color-green-400: #14741a;
  --eun-color-green-500: #1ba92d;
  --eun-color-green-600: #22d428;
  --eun-color-green-700: #68da6a;
  --eun-color-pink-100: #410b3c;
  --eun-color-pink-200: #420b40;
  --eun-color-pink-300: #500d55;
  --eun-color-pink-400: #5e1474;
  --eun-color-pink-500: #791797;
  --eun-color-pink-600: #b913ec;
  --eun-color-pink-700: #da68d8;
  --eun-color-grey-0: #16171c;
  --eun-color-grey-100: #2b3748;
  --eun-color-grey-200: #353c48;
  --eun-color-grey-300: #666e8a;
  --eun-color-grey-400: #8d93aa;
  --eun-color-grey-500: #5f6876;
  --eun-color-grey-600: #c1c1c1;
  --eun-color-grey-700: #ecedf0;
  --eun-color-grey-800: #f7f8fa;
  --eun-color-grey-900: #ffffff;
  --eun-color-success-100: rgb(29, 173, 81);
  --eun-color-warning-100: rgb(247, 104, 14);
  --eun-color-critical-100: rgb(255, 91, 110);
  --eun-color-info-100: rgb(11, 159, 219);
}

[data-brand=gold] {
  --eun-color-primary-50: #e3cf8f;
  --eun-color-on-primary-50: #000000de;
  --eun-color-primary-100: #ddc477;
  --eun-color-on-primary-100: #000000de;
  --eun-color-primary-200: #d7ba5f;
  --eun-color-on-primary-200: #000000de;
  --eun-color-primary-300: #cfad41;
  --eun-color-on-primary-300: #000000de;
  --eun-color-primary-400: #cca834;
  --eun-color-on-primary-400: #000000de;
  --eun-color-primary-500: #c9a227;
  --eun-color-on-primary-500: #000000de;
  --eun-color-primary-600: #bd9825;
  --eun-color-on-primary-600: #000000de;
  --eun-color-primary-700: #b18f22;
  --eun-color-on-primary-700: #000000de;
  --eun-color-primary-800: #95781d;
  --eun-color-on-primary-800: #000000de;
  --eun-color-primary-900: #7f6619;
  --eun-color-on-primary-900: #ffffff;
  --eun-color-primary-950: #695414;
  --eun-color-on-primary-950: #ffffff;
  --eun-color-primary-bg-hover: rgba(201, 162, 39, 0.08);
  --eun-color-primary-bg-active: rgba(201, 162, 39, 0.08);
  --eun-color-primary-transparent: rgba(201, 162, 39, 0.2);
  --eun-color-primary-transparent-hover: rgba(201, 162, 39, 0.3);
  --eun-color-primary-transparent-active: rgba(201, 162, 39, 0.4);
  --eun-color-secondary-50: #8499ab;
  --eun-color-on-secondary-50: #000000de;
  --eun-color-secondary-100: #6a839a;
  --eun-color-on-secondary-100: #000000de;
  --eun-color-secondary-200: #506d88;
  --eun-color-on-secondary-200: #ffffff;
  --eun-color-secondary-300: #2e5271;
  --eun-color-on-secondary-300: #ffffff;
  --eun-color-secondary-400: #204668;
  --eun-color-on-secondary-400: #ffffff;
  --eun-color-secondary-500: #123a5e;
  --eun-color-on-secondary-500: #ffffff;
  --eun-color-secondary-600: #113758;
  --eun-color-on-secondary-600: #ffffff;
  --eun-color-secondary-700: #103353;
  --eun-color-on-secondary-700: #ffffff;
  --eun-color-secondary-800: #0d2b46;
  --eun-color-on-secondary-800: #ffffff;
  --eun-color-secondary-900: #0b253b;
  --eun-color-on-secondary-900: #ffffff;
  --eun-color-secondary-950: #091e31;
  --eun-color-on-secondary-950: #ffffff;
  --eun-color-secondary-bg-hover: rgba(18, 58, 94, 0.08);
  --eun-color-secondary-bg-active: rgba(18, 58, 94, 0.08);
  --eun-color-secondary-transparent: rgba(18, 58, 94, 0.2);
  --eun-color-secondary-transparent-hover: rgba(18, 58, 94, 0.3);
  --eun-color-secondary-transparent-active: rgba(18, 58, 94, 0.4);
  --eun-content-hover: #edeff0;
  --eun-content-pressed: #e4e6e8;
  --eun-divider-color: #dee0e7;
  --eun-border-color: #dee0e7;
  --eun-surface-color: #ffffff;
  --eun-disabled-color: #ecedf0;
  --eun-readonly-color: #666e8a;
  --eun-text-color: #071621;
  --eun-text-secondary: #484e61;
  --eun-placeholder-color: var(--eun-color-grey-400, #c1c9d6);
  --eun-text-disabled-color: #8d93aa;
  --eun-text-readonly-color: #c1c9d6;
  --eun-disabled-content: #c1c9d6;
  --eun-surface-tint: #fcfaf4;
  --eun-divider-tint: #dddddd;
  --eun-border-tint: #dddddd;
  --eun-content-hover-tint: #ebebe6;
  --eun-content-pressed-tint: #e3e3de;
  --eun-font-family: "Mulish", sans-serif;
  --eun-fontSize-xxs: 0.4rem;
  --eun-fontSize-xs: 0.6rem;
  --eun-fontSize-s: 0.82rem;
  --eun-fontSize-m: 1rem;
  --eun-fontSize-l: 1.3rem;
  --eun-fontSize-xl: 1.6rem;
  --eun-fontSize-xxl: 2rem;
  --eun-fontSize-xxxl: 3.4rem;
  --eun-fontSize-xxxxl: 5rem;
  --eun-fontWeight-s: 300;
  --eun-fontWeight-m: 500;
  --eun-fontWeight-l: 700;
  --eun-space-xxs: 0.1rem;
  --eun-space-xs: 0.25rem;
  --eun-space-s: 0.5rem;
  --eun-space-m: 1rem;
  --eun-space-l: 2rem;
  --eun-space-xl: 3.5rem;
  --eun-space-xxl: 5rem;
  --eun-borderRadius-s: 5px;
  --eun-borderRadius-m: 10px;
  --eun-borderRadius-l: 20px;
  --eun-borderRadius-xl: 999px;
  --eun-borderWidth-s: 1px;
  --eun-borderWidth-m: 1.5px;
  --eun-borderWidth-l: 2px;
  --eun-shadow-xs:
    rgba(0, 0, 0, 0.1) 0px 1px 3px 0px, rgba(0, 0, 0, 0.06) 0px 1px 2px 0px;
  --eun-shadow-s:
    rgba(0, 0, 0, 0.1) 0px 4px 6px -1px, rgba(0, 0, 0, 0.06) 0px 2px 4px -1px;
  --eun-shadow-m:
    rgba(0, 0, 0, 0.1) 0px 10px 15px -3px, rgba(0, 0, 0, 0.05) 0px 4px 6px -2px;
  --eun-shadow-l:
    rgba(0, 0, 0, 0.1) 0px 20px 25px -5px,
    rgba(0, 0, 0, 0.04) 0px 10px 10px -5px;
  --eun-shadow-xl: rgba(0, 0, 0, 0.25) 0px 25px 50px -12px;
  --eun-height-xxs: 8px;
  --eun-height-xs: 16px;
  --eun-height-s: 24px;
  --eun-height-m: 32px;
  --eun-height-l: 34px;
  --eun-height-xl: 48px;
  --eun-height-xxl: 56px;
  --eun-breakpoint-mobile: 600px;
  --eun-breakpoint-tablet: 768px;
  --eun-breakpoint-laptop: 1024px;
  --eun-breakpoint-desktop: 1280px;
}
[data-brand=gold] .eun-grid {
  display: grid;
  row-gap: var(--eun-grid-row-gap, var(--eun-space-s));
  column-gap: var(--eun-grid-column-gap, var(--eun-space-m));
}
[data-brand=gold] .eun-grid--halves {
  grid-template-columns: repeat(2, 1fr);
}
[data-brand=gold] .eun-grid--thirds-1-2 {
  grid-template-columns: 1fr 2fr;
}
[data-brand=gold] .eun-grid--thirds-2-1 {
  grid-template-columns: 2fr 1fr;
}
[data-brand=gold] .eun-grid--thirds-equal {
  grid-template-columns: repeat(3, 1fr);
}
[data-brand=gold] .eun-grid--2x2 {
  grid-template-columns: repeat(2, 1fr);
  grid-auto-flow: row;
}
[data-brand=gold] .eun-grid--sidebar-left,
[data-brand=gold] .eun-grid--sidebar-right {
  grid-template-columns: repeat(2, 1fr);
  grid-template-rows: repeat(2, auto);
}
[data-brand=gold] .eun-grid--sidebar-left > :first-child {
  grid-column: 1;
  grid-row: 1/span 2;
}
[data-brand=gold] .eun-grid--sidebar-right > :first-child {
  grid-column: 2;
  grid-row: 1/span 2;
}
[data-brand=gold] .eun-grid--lead-left,
[data-brand=gold] .eun-grid--lead-right {
  grid-template-rows: repeat(2, auto);
}
[data-brand=gold] .eun-grid--lead-left {
  grid-template-columns: auto 1fr;
}
[data-brand=gold] .eun-grid--lead-right {
  grid-template-columns: 1fr auto;
}
[data-brand=gold] .eun-grid--lead-left > :first-child {
  grid-column: 1;
  grid-row: 1/span 2;
}
[data-brand=gold] .eun-grid--lead-right > :first-child {
  grid-column: 2;
  grid-row: 1/span 2;
}
[data-brand=gold] .eun-grid--gallery {
  grid-template-columns: repeat(auto-fill, minmax(var(--eun-grid-min-width, 220px), 1fr));
}
[data-brand=gold] .eun-grid--panel {
  grid-template-rows: auto 1fr auto;
}
@media (max-width: 767px) {
  [data-brand=gold] .eun-grid--halves,
  [data-brand=gold] .eun-grid--thirds-1-2,
  [data-brand=gold] .eun-grid--thirds-2-1,
  [data-brand=gold] .eun-grid--thirds-equal,
  [data-brand=gold] .eun-grid--2x2,
  [data-brand=gold] .eun-grid--sidebar-left,
  [data-brand=gold] .eun-grid--sidebar-right {
    grid-template-columns: 1fr;
    grid-template-rows: none;
  }
  [data-brand=gold] .eun-grid--sidebar-left > :first-child,
  [data-brand=gold] .eun-grid--sidebar-right > :first-child {
    grid-column: 1;
    grid-row: auto;
  }
}
[data-brand=gold] {
  --eun-color-red-100: #fef4f5;
  --eun-color-red-200: #fbd1d5;
  --eun-color-red-300: #f8a4ac;
  --eun-color-red-400: #f47682;
  --eun-color-red-500: #f14959;
  --eun-color-red-600: #ed1b2f;
  --eun-color-red-700: #a11b29;
  --eun-color-purple-100: #f2f2fe;
  --eun-color-purple-200: #dfcff6;
  --eun-color-purple-300: #bea0ed;
  --eun-color-purple-400: #9e70e4;
  --eun-color-purple-500: #9562e3;
  --eun-color-purple-600: #991bed;
  --eun-color-purple-700: #691ba1;
  --eun-color-yellow-100: #fefef4;
  --eun-color-yellow-200: #f3fbd1;
  --eun-color-yellow-300: #edf8a4;
  --eun-color-yellow-400: #f4f482;
  --eun-color-yellow-500: #f0f050;
  --eun-color-yellow-600: #e0e000;
  --eun-color-yellow-700: #a19f1b;
  --eun-color-blue-100: #f3f9fb;
  --eun-color-blue-200: #ceeaee;
  --eun-color-blue-300: #9ddadc;
  --eun-color-blue-400: #6cc6cb;
  --eun-color-blue-500: #3bb3b9;
  --eun-color-blue-600: #0aa5a8;
  --eun-color-blue-700: #1b94a1;
  --eun-color-green-100: #f4fef6;
  --eun-color-green-200: #d1fbd7;
  --eun-color-green-300: #a4f8b2;
  --eun-color-green-400: #82f48a;
  --eun-color-green-500: #49f15f;
  --eun-color-green-600: #1bed22;
  --eun-color-green-700: #1ba11d;
  --eun-color-pink-100: #fef4fd;
  --eun-color-pink-200: #fbd1fa;
  --eun-color-pink-300: #f3a4f8;
  --eun-color-pink-400: #d982f4;
  --eun-color-pink-500: #d05df3;
  --eun-color-pink-600: #c300ff;
  --eun-color-pink-700: #a11b9f;
  --eun-color-grey-0: #ffffff;
  --eun-color-grey-100: #f7f8fa;
  --eun-color-grey-200: #ecedf0;
  --eun-color-grey-300: #dee0e7;
  --eun-color-grey-400: #c1c9d6;
  --eun-color-grey-500: #8d93aa;
  --eun-color-grey-600: #666e8a;
  --eun-color-grey-700: #484e61;
  --eun-color-grey-800: #071621;
  --eun-color-grey-900: #000000;
  --eun-color-success-100: #1a9948;
  --eun-color-success-90: rgba(26, 153, 72, 0.32);
  --eun-color-success-50: rgba(26, 153, 72, 0.16);
  --eun-color-success-30: rgba(26, 153, 72, 0.06);
  --eun-color-warning-100: #c85207;
  --eun-color-warning-90: rgba(200, 82, 7, 0.32);
  --eun-color-warning-50: rgba(200, 82, 7, 0.16);
  --eun-color-warning-30: rgba(200, 82, 7, 0.06);
  --eun-color-critical-100: #aa0014;
  --eun-color-critical-90: rgba(170, 0, 20, 0.32);
  --eun-color-critical-50: rgba(170, 0, 20, 0.16);
  --eun-color-critical-30: rgba(170, 0, 20, 0.06);
  --eun-color-info-100: #097faf;
  --eun-color-info-90: rgba(9, 127, 175, 0.32);
  --eun-color-info-50: rgba(9, 127, 175, 0.16);
  --eun-color-info-30: rgba(9, 127, 175, 0.06);
}

[data-brand=gold][data-theme=dark] {
  --eun-color-primary-50: #6a5922;
  --eun-color-on-primary-50: #ffffff;
  --eun-color-primary-100: #806b2a;
  --eun-color-on-primary-100: #ffffff;
  --eun-color-primary-200: #977e31;
  --eun-color-on-primary-200: #000000de;
  --eun-color-primary-300: #b3963b;
  --eun-color-on-primary-300: #000000de;
  --eun-color-primary-400: #c0a13e;
  --eun-color-on-primary-400: #000000de;
  --eun-color-primary-500: #ccab42;
  --eun-color-on-primary-500: #000000de;
  --eun-color-primary-600: #cfaf4d;
  --eun-color-on-primary-600: #000000de;
  --eun-color-primary-700: #d2b559;
  --eun-color-on-primary-700: #000000de;
  --eun-color-primary-800: #d9c073;
  --eun-color-on-primary-800: #000000de;
  --eun-color-primary-900: #dec988;
  --eun-color-on-primary-900: #000000de;
  --eun-color-primary-950: #e5d39c;
  --eun-color-on-primary-950: #000000de;
  --eun-color-primary-bg-hover: rgba(204, 171, 66, 0.08);
  --eun-color-primary-bg-active: rgba(204, 171, 66, 0.08);
  --eun-color-primary-transparent: rgba(204, 171, 66, 0.2);
  --eun-color-primary-transparent-hover: rgba(204, 171, 66, 0.3);
  --eun-color-primary-transparent-active: rgba(204, 171, 66, 0.4);
  --eun-color-secondary-50: #576978;
  --eun-color-on-secondary-50: #ffffff;
  --eun-color-secondary-100: #697e91;
  --eun-color-on-secondary-100: #000000de;
  --eun-color-secondary-200: #7b94ab;
  --eun-color-on-secondary-200: #000000de;
  --eun-color-secondary-300: #93b2cc;
  --eun-color-on-secondary-300: #000000de;
  --eun-color-secondary-400: #9cbdda;
  --eun-color-on-secondary-400: #000000de;
  --eun-color-secondary-500: #a7c9e7;
  --eun-color-on-secondary-500: #000000de;
  --eun-color-secondary-600: #accde9;
  --eun-color-on-secondary-600: #000000de;
  --eun-color-secondary-700: #b1cfea;
  --eun-color-on-secondary-700: #000000de;
  --eun-color-secondary-800: #bdd7ee;
  --eun-color-on-secondary-800: #000000de;
  --eun-color-secondary-900: #c8def0;
  --eun-color-on-secondary-900: #000000de;
  --eun-color-secondary-950: #d1e3f3;
  --eun-color-on-secondary-950: #000000de;
  --eun-color-secondary-bg-hover: rgba(167, 201, 231, 0.08);
  --eun-color-secondary-bg-active: rgba(167, 201, 231, 0.08);
  --eun-color-secondary-transparent: rgba(167, 201, 231, 0.2);
  --eun-color-secondary-transparent-hover: rgba(167, 201, 231, 0.3);
  --eun-color-secondary-transparent-active: rgba(167, 201, 231, 0.4);
  --eun-content-hover: rgba(255, 255, 255, 0.08);
  --eun-content-pressed: rgba(255, 255, 255, 0.14);
  --eun-divider-color: var(--eun-color-grey-300);
  --eun-border-color: var(--eun-color-grey-300);
  --eun-surface-color: var(--eun-color-grey-0);
  --eun-disabled-color: var(--eun-color-grey-200);
  --eun-readonly-color: var(--eun-color-grey-600);
  --eun-text-color: var(--eun-color-grey-800);
  --eun-text-secondary: var(--eun-color-grey-700);
  --eun-placeholder-color: var(--eun-color-grey-400);
  --eun-text-disabled-color: var(--eun-color-grey-500);
  --eun-text-readonly-color: var(--eun-color-grey-400);
  --eun-disabled-content: var(--eun-color-grey-400);
  --eun-surface-tint: #2e3339;
  --eun-divider-tint: #6b7186;
  --eun-border-tint: #6b7186;
  --eun-content-hover-tint: rgba(252, 251, 246, 0.08);
  --eun-content-pressed-tint: rgba(252, 251, 246, 0.14);
  --eun-font-family: "Mulish", sans-serif;
  --eun-fontSize-xxs: 0.4rem;
  --eun-fontSize-xs: 0.6rem;
  --eun-fontSize-s: 0.82rem;
  --eun-fontSize-m: 1rem;
  --eun-fontSize-l: 1.3rem;
  --eun-fontSize-xl: 1.6rem;
  --eun-fontSize-xxl: 2rem;
  --eun-fontSize-xxxl: 3.4rem;
  --eun-fontSize-xxxxl: 5rem;
  --eun-fontWeight-s: 300;
  --eun-fontWeight-m: 500;
  --eun-fontWeight-l: 700;
  --eun-space-xxs: 0.1rem;
  --eun-space-xs: 0.25rem;
  --eun-space-s: 0.5rem;
  --eun-space-m: 1rem;
  --eun-space-l: 2rem;
  --eun-space-xl: 3.5rem;
  --eun-space-xxl: 5rem;
  --eun-borderRadius-s: 5px;
  --eun-borderRadius-m: 10px;
  --eun-borderRadius-l: 20px;
  --eun-borderRadius-xl: 999px;
  --eun-borderWidth-s: 1px;
  --eun-borderWidth-m: 1.5px;
  --eun-borderWidth-l: 2px;
  --eun-shadow-xs:
    rgba(0, 0, 0, 0.1) 0px 1px 3px 0px, rgba(0, 0, 0, 0.06) 0px 1px 2px 0px;
  --eun-shadow-s:
    rgba(0, 0, 0, 0.1) 0px 4px 6px -1px, rgba(0, 0, 0, 0.06) 0px 2px 4px -1px;
  --eun-shadow-m:
    rgba(0, 0, 0, 0.1) 0px 10px 15px -3px, rgba(0, 0, 0, 0.05) 0px 4px 6px -2px;
  --eun-shadow-l:
    rgba(0, 0, 0, 0.1) 0px 20px 25px -5px,
    rgba(0, 0, 0, 0.04) 0px 10px 10px -5px;
  --eun-shadow-xl: rgba(0, 0, 0, 0.25) 0px 25px 50px -12px;
  --eun-height-xxs: 8px;
  --eun-height-xs: 16px;
  --eun-height-s: 24px;
  --eun-height-m: 32px;
  --eun-height-l: 34px;
  --eun-height-xl: 48px;
  --eun-height-xxl: 56px;
  --eun-breakpoint-mobile: 600px;
  --eun-breakpoint-tablet: 768px;
  --eun-breakpoint-laptop: 1024px;
  --eun-breakpoint-desktop: 1280px;
}
[data-brand=gold][data-theme=dark] .eun-grid {
  display: grid;
  row-gap: var(--eun-grid-row-gap, var(--eun-space-s));
  column-gap: var(--eun-grid-column-gap, var(--eun-space-m));
}
[data-brand=gold][data-theme=dark] .eun-grid--halves {
  grid-template-columns: repeat(2, 1fr);
}
[data-brand=gold][data-theme=dark] .eun-grid--thirds-1-2 {
  grid-template-columns: 1fr 2fr;
}
[data-brand=gold][data-theme=dark] .eun-grid--thirds-2-1 {
  grid-template-columns: 2fr 1fr;
}
[data-brand=gold][data-theme=dark] .eun-grid--thirds-equal {
  grid-template-columns: repeat(3, 1fr);
}
[data-brand=gold][data-theme=dark] .eun-grid--2x2 {
  grid-template-columns: repeat(2, 1fr);
  grid-auto-flow: row;
}
[data-brand=gold][data-theme=dark] .eun-grid--sidebar-left,
[data-brand=gold][data-theme=dark] .eun-grid--sidebar-right {
  grid-template-columns: repeat(2, 1fr);
  grid-template-rows: repeat(2, auto);
}
[data-brand=gold][data-theme=dark] .eun-grid--sidebar-left > :first-child {
  grid-column: 1;
  grid-row: 1/span 2;
}
[data-brand=gold][data-theme=dark] .eun-grid--sidebar-right > :first-child {
  grid-column: 2;
  grid-row: 1/span 2;
}
[data-brand=gold][data-theme=dark] .eun-grid--lead-left,
[data-brand=gold][data-theme=dark] .eun-grid--lead-right {
  grid-template-rows: repeat(2, auto);
}
[data-brand=gold][data-theme=dark] .eun-grid--lead-left {
  grid-template-columns: auto 1fr;
}
[data-brand=gold][data-theme=dark] .eun-grid--lead-right {
  grid-template-columns: 1fr auto;
}
[data-brand=gold][data-theme=dark] .eun-grid--lead-left > :first-child {
  grid-column: 1;
  grid-row: 1/span 2;
}
[data-brand=gold][data-theme=dark] .eun-grid--lead-right > :first-child {
  grid-column: 2;
  grid-row: 1/span 2;
}
[data-brand=gold][data-theme=dark] .eun-grid--gallery {
  grid-template-columns: repeat(auto-fill, minmax(var(--eun-grid-min-width, 220px), 1fr));
}
[data-brand=gold][data-theme=dark] .eun-grid--panel {
  grid-template-rows: auto 1fr auto;
}
@media (max-width: 767px) {
  [data-brand=gold][data-theme=dark] .eun-grid--halves,
  [data-brand=gold][data-theme=dark] .eun-grid--thirds-1-2,
  [data-brand=gold][data-theme=dark] .eun-grid--thirds-2-1,
  [data-brand=gold][data-theme=dark] .eun-grid--thirds-equal,
  [data-brand=gold][data-theme=dark] .eun-grid--2x2,
  [data-brand=gold][data-theme=dark] .eun-grid--sidebar-left,
  [data-brand=gold][data-theme=dark] .eun-grid--sidebar-right {
    grid-template-columns: 1fr;
    grid-template-rows: none;
  }
  [data-brand=gold][data-theme=dark] .eun-grid--sidebar-left > :first-child,
  [data-brand=gold][data-theme=dark] .eun-grid--sidebar-right > :first-child {
    grid-column: 1;
    grid-row: auto;
  }
}
[data-brand=gold][data-theme=dark] {
  --eun-color-red-100: #410b11;
  --eun-color-red-200: #420b10;
  --eun-color-red-300: #550d14;
  --eun-color-red-400: #80141f;
  --eun-color-red-500: #a91b28;
  --eun-color-red-600: #d42233;
  --eun-color-red-700: #da6874;
  --eun-color-purple-100: #0a0a42;
  --eun-color-purple-200: #22103c;
  --eun-color-purple-300: #311859;
  --eun-color-purple-400: #4b2486;
  --eun-color-purple-500: #512693;
  --eun-color-purple-600: #8d22d4;
  --eun-color-purple-700: #aa68da;
  --eun-color-yellow-100: #41410b;
  --eun-color-yellow-200: #37420b;
  --eun-color-yellow-300: #4b550d;
  --eun-color-yellow-400: #747414;
  --eun-color-yellow-500: #a3a31b;
  --eun-color-yellow-600: #eeee30;
  --eun-color-yellow-700: #dad868;
  --eun-color-blue-100: #162e37;
  --eun-color-blue-200: #163236;
  --eun-color-blue-300: #285c5d;
  --eun-color-blue-400: #3b888c;
  --eun-color-blue-500: #4fb5bb;
  --eun-color-blue-600: #62e7e9;
  --eun-color-blue-700: #68cfda;
  --eun-color-green-100: #0b4116;
  --eun-color-green-200: #0b4213;
  --eun-color-green-300: #0d5519;
  --eun-color-green-400: #14741a;
  --eun-color-green-500: #1ba92d;
  --eun-color-green-600: #22d428;
  --eun-color-green-700: #68da6a;
  --eun-color-pink-100: #410b3c;
  --eun-color-pink-200: #420b40;
  --eun-color-pink-300: #500d55;
  --eun-color-pink-400: #5e1474;
  --eun-color-pink-500: #791797;
  --eun-color-pink-600: #b913ec;
  --eun-color-pink-700: #da68d8;
  --eun-color-grey-0: #16171c;
  --eun-color-grey-100: #2b3748;
  --eun-color-grey-200: #353c48;
  --eun-color-grey-300: #666e8a;
  --eun-color-grey-400: #8d93aa;
  --eun-color-grey-500: #5f6876;
  --eun-color-grey-600: #c1c1c1;
  --eun-color-grey-700: #ecedf0;
  --eun-color-grey-800: #f7f8fa;
  --eun-color-grey-900: #ffffff;
  --eun-color-success-100: rgb(29, 173, 81);
  --eun-color-warning-100: rgb(247, 104, 14);
  --eun-color-critical-100: rgb(255, 91, 110);
  --eun-color-info-100: rgb(11, 159, 219);
}

[data-brand=fire] {
  --eun-color-primary-50: #eb9089;
  --eun-color-on-primary-50: #000000de;
  --eun-color-primary-100: #e67870;
  --eun-color-on-primary-100: #000000de;
  --eun-color-primary-200: #e26157;
  --eun-color-on-primary-200: #000000de;
  --eun-color-primary-300: #dd4337;
  --eun-color-on-primary-300: #000000de;
  --eun-color-primary-400: #da362a;
  --eun-color-on-primary-400: #ffffff;
  --eun-color-primary-500: #d8291c;
  --eun-color-on-primary-500: #ffffff;
  --eun-color-primary-600: #cb271a;
  --eun-color-on-primary-600: #ffffff;
  --eun-color-primary-700: #be2419;
  --eun-color-on-primary-700: #ffffff;
  --eun-color-primary-800: #a01e15;
  --eun-color-on-primary-800: #ffffff;
  --eun-color-primary-900: #881a12;
  --eun-color-on-primary-900: #ffffff;
  --eun-color-primary-950: #70150f;
  --eun-color-on-primary-950: #ffffff;
  --eun-color-primary-bg-hover: rgba(216, 41, 28, 0.08);
  --eun-color-primary-bg-active: rgba(216, 41, 28, 0.08);
  --eun-color-primary-transparent: rgba(216, 41, 28, 0.2);
  --eun-color-primary-transparent-hover: rgba(216, 41, 28, 0.3);
  --eun-color-primary-transparent-active: rgba(216, 41, 28, 0.4);
  --eun-color-secondary-50: #f8b982;
  --eun-color-on-secondary-50: #000000de;
  --eun-color-secondary-100: #f7ab68;
  --eun-color-on-secondary-100: #000000de;
  --eun-color-secondary-200: #f59c4d;
  --eun-color-on-secondary-200: #000000de;
  --eun-color-secondary-300: #f4892c;
  --eun-color-on-secondary-300: #000000de;
  --eun-color-secondary-400: #f3811d;
  --eun-color-on-secondary-400: #000000de;
  --eun-color-secondary-500: #f2790f;
  --eun-color-on-secondary-500: #000000de;
  --eun-color-secondary-600: #e3720e;
  --eun-color-on-secondary-600: #000000de;
  --eun-color-secondary-700: #d56a0d;
  --eun-color-on-secondary-700: #000000de;
  --eun-color-secondary-800: #b35a0b;
  --eun-color-on-secondary-800: #ffffff;
  --eun-color-secondary-900: #984c09;
  --eun-color-on-secondary-900: #ffffff;
  --eun-color-secondary-950: #7e3f08;
  --eun-color-on-secondary-950: #ffffff;
  --eun-color-secondary-bg-hover: rgba(242, 121, 15, 0.08);
  --eun-color-secondary-bg-active: rgba(242, 121, 15, 0.08);
  --eun-color-secondary-transparent: rgba(242, 121, 15, 0.2);
  --eun-color-secondary-transparent-hover: rgba(242, 121, 15, 0.3);
  --eun-color-secondary-transparent-active: rgba(242, 121, 15, 0.4);
  --eun-content-hover: #edeff0;
  --eun-content-pressed: #e4e6e8;
  --eun-divider-color: #dee0e7;
  --eun-border-color: #dee0e7;
  --eun-surface-color: #ffffff;
  --eun-disabled-color: #ecedf0;
  --eun-readonly-color: #666e8a;
  --eun-text-color: #071621;
  --eun-text-secondary: #484e61;
  --eun-placeholder-color: var(--eun-color-grey-400, #c1c9d6);
  --eun-text-disabled-color: #8d93aa;
  --eun-text-readonly-color: #c1c9d6;
  --eun-disabled-content: #c1c9d6;
  --eun-surface-tint: #fdf4f4;
  --eun-divider-tint: #ded7dd;
  --eun-border-tint: #ded7dd;
  --eun-content-hover-tint: #ece5e5;
  --eun-content-pressed-tint: #e3ddde;
  --eun-font-family: "Mulish", sans-serif;
  --eun-fontSize-xxs: 0.4rem;
  --eun-fontSize-xs: 0.6rem;
  --eun-fontSize-s: 0.82rem;
  --eun-fontSize-m: 1rem;
  --eun-fontSize-l: 1.3rem;
  --eun-fontSize-xl: 1.6rem;
  --eun-fontSize-xxl: 2rem;
  --eun-fontSize-xxxl: 3.4rem;
  --eun-fontSize-xxxxl: 5rem;
  --eun-fontWeight-s: 300;
  --eun-fontWeight-m: 500;
  --eun-fontWeight-l: 700;
  --eun-space-xxs: 0.1rem;
  --eun-space-xs: 0.25rem;
  --eun-space-s: 0.5rem;
  --eun-space-m: 1rem;
  --eun-space-l: 2rem;
  --eun-space-xl: 3.5rem;
  --eun-space-xxl: 5rem;
  --eun-borderRadius-s: 5px;
  --eun-borderRadius-m: 10px;
  --eun-borderRadius-l: 20px;
  --eun-borderRadius-xl: 999px;
  --eun-borderWidth-s: 1px;
  --eun-borderWidth-m: 1.5px;
  --eun-borderWidth-l: 2px;
  --eun-shadow-xs:
    rgba(0, 0, 0, 0.1) 0px 1px 3px 0px, rgba(0, 0, 0, 0.06) 0px 1px 2px 0px;
  --eun-shadow-s:
    rgba(0, 0, 0, 0.1) 0px 4px 6px -1px, rgba(0, 0, 0, 0.06) 0px 2px 4px -1px;
  --eun-shadow-m:
    rgba(0, 0, 0, 0.1) 0px 10px 15px -3px, rgba(0, 0, 0, 0.05) 0px 4px 6px -2px;
  --eun-shadow-l:
    rgba(0, 0, 0, 0.1) 0px 20px 25px -5px,
    rgba(0, 0, 0, 0.04) 0px 10px 10px -5px;
  --eun-shadow-xl: rgba(0, 0, 0, 0.25) 0px 25px 50px -12px;
  --eun-height-xxs: 8px;
  --eun-height-xs: 16px;
  --eun-height-s: 24px;
  --eun-height-m: 32px;
  --eun-height-l: 34px;
  --eun-height-xl: 48px;
  --eun-height-xxl: 56px;
  --eun-breakpoint-mobile: 600px;
  --eun-breakpoint-tablet: 768px;
  --eun-breakpoint-laptop: 1024px;
  --eun-breakpoint-desktop: 1280px;
}
[data-brand=fire] .eun-grid {
  display: grid;
  row-gap: var(--eun-grid-row-gap, var(--eun-space-s));
  column-gap: var(--eun-grid-column-gap, var(--eun-space-m));
}
[data-brand=fire] .eun-grid--halves {
  grid-template-columns: repeat(2, 1fr);
}
[data-brand=fire] .eun-grid--thirds-1-2 {
  grid-template-columns: 1fr 2fr;
}
[data-brand=fire] .eun-grid--thirds-2-1 {
  grid-template-columns: 2fr 1fr;
}
[data-brand=fire] .eun-grid--thirds-equal {
  grid-template-columns: repeat(3, 1fr);
}
[data-brand=fire] .eun-grid--2x2 {
  grid-template-columns: repeat(2, 1fr);
  grid-auto-flow: row;
}
[data-brand=fire] .eun-grid--sidebar-left,
[data-brand=fire] .eun-grid--sidebar-right {
  grid-template-columns: repeat(2, 1fr);
  grid-template-rows: repeat(2, auto);
}
[data-brand=fire] .eun-grid--sidebar-left > :first-child {
  grid-column: 1;
  grid-row: 1/span 2;
}
[data-brand=fire] .eun-grid--sidebar-right > :first-child {
  grid-column: 2;
  grid-row: 1/span 2;
}
[data-brand=fire] .eun-grid--lead-left,
[data-brand=fire] .eun-grid--lead-right {
  grid-template-rows: repeat(2, auto);
}
[data-brand=fire] .eun-grid--lead-left {
  grid-template-columns: auto 1fr;
}
[data-brand=fire] .eun-grid--lead-right {
  grid-template-columns: 1fr auto;
}
[data-brand=fire] .eun-grid--lead-left > :first-child {
  grid-column: 1;
  grid-row: 1/span 2;
}
[data-brand=fire] .eun-grid--lead-right > :first-child {
  grid-column: 2;
  grid-row: 1/span 2;
}
[data-brand=fire] .eun-grid--gallery {
  grid-template-columns: repeat(auto-fill, minmax(var(--eun-grid-min-width, 220px), 1fr));
}
[data-brand=fire] .eun-grid--panel {
  grid-template-rows: auto 1fr auto;
}
@media (max-width: 767px) {
  [data-brand=fire] .eun-grid--halves,
  [data-brand=fire] .eun-grid--thirds-1-2,
  [data-brand=fire] .eun-grid--thirds-2-1,
  [data-brand=fire] .eun-grid--thirds-equal,
  [data-brand=fire] .eun-grid--2x2,
  [data-brand=fire] .eun-grid--sidebar-left,
  [data-brand=fire] .eun-grid--sidebar-right {
    grid-template-columns: 1fr;
    grid-template-rows: none;
  }
  [data-brand=fire] .eun-grid--sidebar-left > :first-child,
  [data-brand=fire] .eun-grid--sidebar-right > :first-child {
    grid-column: 1;
    grid-row: auto;
  }
}
[data-brand=fire] {
  --eun-color-red-100: #fef4f5;
  --eun-color-red-200: #fbd1d5;
  --eun-color-red-300: #f8a4ac;
  --eun-color-red-400: #f47682;
  --eun-color-red-500: #f14959;
  --eun-color-red-600: #ed1b2f;
  --eun-color-red-700: #a11b29;
  --eun-color-purple-100: #f2f2fe;
  --eun-color-purple-200: #dfcff6;
  --eun-color-purple-300: #bea0ed;
  --eun-color-purple-400: #9e70e4;
  --eun-color-purple-500: #9562e3;
  --eun-color-purple-600: #991bed;
  --eun-color-purple-700: #691ba1;
  --eun-color-yellow-100: #fefef4;
  --eun-color-yellow-200: #f3fbd1;
  --eun-color-yellow-300: #edf8a4;
  --eun-color-yellow-400: #f4f482;
  --eun-color-yellow-500: #f0f050;
  --eun-color-yellow-600: #e0e000;
  --eun-color-yellow-700: #a19f1b;
  --eun-color-blue-100: #f3f9fb;
  --eun-color-blue-200: #ceeaee;
  --eun-color-blue-300: #9ddadc;
  --eun-color-blue-400: #6cc6cb;
  --eun-color-blue-500: #3bb3b9;
  --eun-color-blue-600: #0aa5a8;
  --eun-color-blue-700: #1b94a1;
  --eun-color-green-100: #f4fef6;
  --eun-color-green-200: #d1fbd7;
  --eun-color-green-300: #a4f8b2;
  --eun-color-green-400: #82f48a;
  --eun-color-green-500: #49f15f;
  --eun-color-green-600: #1bed22;
  --eun-color-green-700: #1ba11d;
  --eun-color-pink-100: #fef4fd;
  --eun-color-pink-200: #fbd1fa;
  --eun-color-pink-300: #f3a4f8;
  --eun-color-pink-400: #d982f4;
  --eun-color-pink-500: #d05df3;
  --eun-color-pink-600: #c300ff;
  --eun-color-pink-700: #a11b9f;
  --eun-color-grey-0: #ffffff;
  --eun-color-grey-100: #f7f8fa;
  --eun-color-grey-200: #ecedf0;
  --eun-color-grey-300: #dee0e7;
  --eun-color-grey-400: #c1c9d6;
  --eun-color-grey-500: #8d93aa;
  --eun-color-grey-600: #666e8a;
  --eun-color-grey-700: #484e61;
  --eun-color-grey-800: #071621;
  --eun-color-grey-900: #000000;
  --eun-color-success-100: #1a9948;
  --eun-color-success-90: rgba(26, 153, 72, 0.32);
  --eun-color-success-50: rgba(26, 153, 72, 0.16);
  --eun-color-success-30: rgba(26, 153, 72, 0.06);
  --eun-color-warning-100: #c85207;
  --eun-color-warning-90: rgba(200, 82, 7, 0.32);
  --eun-color-warning-50: rgba(200, 82, 7, 0.16);
  --eun-color-warning-30: rgba(200, 82, 7, 0.06);
  --eun-color-critical-100: #aa0014;
  --eun-color-critical-90: rgba(170, 0, 20, 0.32);
  --eun-color-critical-50: rgba(170, 0, 20, 0.16);
  --eun-color-critical-30: rgba(170, 0, 20, 0.06);
  --eun-color-info-100: #097faf;
  --eun-color-info-90: rgba(9, 127, 175, 0.32);
  --eun-color-info-50: rgba(9, 127, 175, 0.16);
  --eun-color-info-30: rgba(9, 127, 175, 0.06);
}

[data-brand=fire][data-theme=dark] {
  --eun-color-primary-50: #6f211b;
  --eun-color-on-primary-50: #ffffff;
  --eun-color-primary-100: #862922;
  --eun-color-on-primary-100: #ffffff;
  --eun-color-primary-200: #9e3027;
  --eun-color-on-primary-200: #ffffff;
  --eun-color-primary-300: #bc392e;
  --eun-color-on-primary-300: #ffffff;
  --eun-color-primary-400: #c83c32;
  --eun-color-on-primary-400: #ffffff;
  --eun-color-primary-500: #e94235;
  --eun-color-on-primary-500: #000000de;
  --eun-color-primary-600: #d84c41;
  --eun-color-on-primary-600: #000000de;
  --eun-color-primary-700: #da574d;
  --eun-color-on-primary-700: #000000de;
  --eun-color-primary-800: #e07169;
  --eun-color-on-primary-800: #000000de;
  --eun-color-primary-900: #e48780;
  --eun-color-on-primary-900: #000000de;
  --eun-color-primary-950: #e99b96;
  --eun-color-on-primary-950: #000000de;
  --eun-color-primary-bg-hover: rgba(233, 66, 53, 0.08);
  --eun-color-primary-bg-active: rgba(233, 66, 53, 0.08);
  --eun-color-primary-transparent: rgba(233, 66, 53, 0.2);
  --eun-color-primary-transparent-hover: rgba(233, 66, 53, 0.3);
  --eun-color-primary-transparent-active: rgba(233, 66, 53, 0.4);
  --eun-color-secondary-50: #743f10;
  --eun-color-on-secondary-50: #ffffff;
  --eun-color-secondary-100: #8c4c13;
  --eun-color-on-secondary-100: #ffffff;
  --eun-color-secondary-200: #a55a17;
  --eun-color-on-secondary-200: #ffffff;
  --eun-color-secondary-300: #c4691a;
  --eun-color-on-secondary-300: #000000de;
  --eun-color-secondary-400: #d2711c;
  --eun-color-on-secondary-400: #000000de;
  --eun-color-secondary-500: #df781e;
  --eun-color-on-secondary-500: #000000de;
  --eun-color-secondary-600: #e1812c;
  --eun-color-on-secondary-600: #000000de;
  --eun-color-secondary-700: #e38839;
  --eun-color-on-secondary-700: #000000de;
  --eun-color-secondary-800: #e79c59;
  --eun-color-on-secondary-800: #000000de;
  --eun-color-secondary-900: #ebab72;
  --eun-color-on-secondary-900: #000000de;
  --eun-color-secondary-950: #eeb98a;
  --eun-color-on-secondary-950: #000000de;
  --eun-color-secondary-bg-hover: rgba(223, 120, 30, 0.08);
  --eun-color-secondary-bg-active: rgba(223, 120, 30, 0.08);
  --eun-color-secondary-transparent: rgba(223, 120, 30, 0.2);
  --eun-color-secondary-transparent-hover: rgba(223, 120, 30, 0.3);
  --eun-color-secondary-transparent-active: rgba(223, 120, 30, 0.4);
  --eun-content-hover: rgba(255, 255, 255, 0.08);
  --eun-content-pressed: rgba(255, 255, 255, 0.14);
  --eun-divider-color: var(--eun-color-grey-300);
  --eun-border-color: var(--eun-color-grey-300);
  --eun-surface-color: var(--eun-color-grey-0);
  --eun-disabled-color: var(--eun-color-grey-200);
  --eun-readonly-color: var(--eun-color-grey-600);
  --eun-text-color: var(--eun-color-grey-800);
  --eun-text-secondary: var(--eun-color-grey-700);
  --eun-placeholder-color: var(--eun-color-grey-400);
  --eun-text-disabled-color: var(--eun-color-grey-500);
  --eun-text-readonly-color: var(--eun-color-grey-400);
  --eun-disabled-content: var(--eun-color-grey-400);
  --eun-surface-tint: #2f2e39;
  --eun-divider-tint: #6c6c86;
  --eun-border-tint: #6c6c86;
  --eun-content-hover-tint: rgba(253, 245, 245, 0.08);
  --eun-content-pressed-tint: rgba(253, 245, 245, 0.14);
  --eun-font-family: "Mulish", sans-serif;
  --eun-fontSize-xxs: 0.4rem;
  --eun-fontSize-xs: 0.6rem;
  --eun-fontSize-s: 0.82rem;
  --eun-fontSize-m: 1rem;
  --eun-fontSize-l: 1.3rem;
  --eun-fontSize-xl: 1.6rem;
  --eun-fontSize-xxl: 2rem;
  --eun-fontSize-xxxl: 3.4rem;
  --eun-fontSize-xxxxl: 5rem;
  --eun-fontWeight-s: 300;
  --eun-fontWeight-m: 500;
  --eun-fontWeight-l: 700;
  --eun-space-xxs: 0.1rem;
  --eun-space-xs: 0.25rem;
  --eun-space-s: 0.5rem;
  --eun-space-m: 1rem;
  --eun-space-l: 2rem;
  --eun-space-xl: 3.5rem;
  --eun-space-xxl: 5rem;
  --eun-borderRadius-s: 5px;
  --eun-borderRadius-m: 10px;
  --eun-borderRadius-l: 20px;
  --eun-borderRadius-xl: 999px;
  --eun-borderWidth-s: 1px;
  --eun-borderWidth-m: 1.5px;
  --eun-borderWidth-l: 2px;
  --eun-shadow-xs:
    rgba(0, 0, 0, 0.1) 0px 1px 3px 0px, rgba(0, 0, 0, 0.06) 0px 1px 2px 0px;
  --eun-shadow-s:
    rgba(0, 0, 0, 0.1) 0px 4px 6px -1px, rgba(0, 0, 0, 0.06) 0px 2px 4px -1px;
  --eun-shadow-m:
    rgba(0, 0, 0, 0.1) 0px 10px 15px -3px, rgba(0, 0, 0, 0.05) 0px 4px 6px -2px;
  --eun-shadow-l:
    rgba(0, 0, 0, 0.1) 0px 20px 25px -5px,
    rgba(0, 0, 0, 0.04) 0px 10px 10px -5px;
  --eun-shadow-xl: rgba(0, 0, 0, 0.25) 0px 25px 50px -12px;
  --eun-height-xxs: 8px;
  --eun-height-xs: 16px;
  --eun-height-s: 24px;
  --eun-height-m: 32px;
  --eun-height-l: 34px;
  --eun-height-xl: 48px;
  --eun-height-xxl: 56px;
  --eun-breakpoint-mobile: 600px;
  --eun-breakpoint-tablet: 768px;
  --eun-breakpoint-laptop: 1024px;
  --eun-breakpoint-desktop: 1280px;
}
[data-brand=fire][data-theme=dark] .eun-grid {
  display: grid;
  row-gap: var(--eun-grid-row-gap, var(--eun-space-s));
  column-gap: var(--eun-grid-column-gap, var(--eun-space-m));
}
[data-brand=fire][data-theme=dark] .eun-grid--halves {
  grid-template-columns: repeat(2, 1fr);
}
[data-brand=fire][data-theme=dark] .eun-grid--thirds-1-2 {
  grid-template-columns: 1fr 2fr;
}
[data-brand=fire][data-theme=dark] .eun-grid--thirds-2-1 {
  grid-template-columns: 2fr 1fr;
}
[data-brand=fire][data-theme=dark] .eun-grid--thirds-equal {
  grid-template-columns: repeat(3, 1fr);
}
[data-brand=fire][data-theme=dark] .eun-grid--2x2 {
  grid-template-columns: repeat(2, 1fr);
  grid-auto-flow: row;
}
[data-brand=fire][data-theme=dark] .eun-grid--sidebar-left,
[data-brand=fire][data-theme=dark] .eun-grid--sidebar-right {
  grid-template-columns: repeat(2, 1fr);
  grid-template-rows: repeat(2, auto);
}
[data-brand=fire][data-theme=dark] .eun-grid--sidebar-left > :first-child {
  grid-column: 1;
  grid-row: 1/span 2;
}
[data-brand=fire][data-theme=dark] .eun-grid--sidebar-right > :first-child {
  grid-column: 2;
  grid-row: 1/span 2;
}
[data-brand=fire][data-theme=dark] .eun-grid--lead-left,
[data-brand=fire][data-theme=dark] .eun-grid--lead-right {
  grid-template-rows: repeat(2, auto);
}
[data-brand=fire][data-theme=dark] .eun-grid--lead-left {
  grid-template-columns: auto 1fr;
}
[data-brand=fire][data-theme=dark] .eun-grid--lead-right {
  grid-template-columns: 1fr auto;
}
[data-brand=fire][data-theme=dark] .eun-grid--lead-left > :first-child {
  grid-column: 1;
  grid-row: 1/span 2;
}
[data-brand=fire][data-theme=dark] .eun-grid--lead-right > :first-child {
  grid-column: 2;
  grid-row: 1/span 2;
}
[data-brand=fire][data-theme=dark] .eun-grid--gallery {
  grid-template-columns: repeat(auto-fill, minmax(var(--eun-grid-min-width, 220px), 1fr));
}
[data-brand=fire][data-theme=dark] .eun-grid--panel {
  grid-template-rows: auto 1fr auto;
}
@media (max-width: 767px) {
  [data-brand=fire][data-theme=dark] .eun-grid--halves,
  [data-brand=fire][data-theme=dark] .eun-grid--thirds-1-2,
  [data-brand=fire][data-theme=dark] .eun-grid--thirds-2-1,
  [data-brand=fire][data-theme=dark] .eun-grid--thirds-equal,
  [data-brand=fire][data-theme=dark] .eun-grid--2x2,
  [data-brand=fire][data-theme=dark] .eun-grid--sidebar-left,
  [data-brand=fire][data-theme=dark] .eun-grid--sidebar-right {
    grid-template-columns: 1fr;
    grid-template-rows: none;
  }
  [data-brand=fire][data-theme=dark] .eun-grid--sidebar-left > :first-child,
  [data-brand=fire][data-theme=dark] .eun-grid--sidebar-right > :first-child {
    grid-column: 1;
    grid-row: auto;
  }
}
[data-brand=fire][data-theme=dark] {
  --eun-color-red-100: #410b11;
  --eun-color-red-200: #420b10;
  --eun-color-red-300: #550d14;
  --eun-color-red-400: #80141f;
  --eun-color-red-500: #a91b28;
  --eun-color-red-600: #d42233;
  --eun-color-red-700: #da6874;
  --eun-color-purple-100: #0a0a42;
  --eun-color-purple-200: #22103c;
  --eun-color-purple-300: #311859;
  --eun-color-purple-400: #4b2486;
  --eun-color-purple-500: #512693;
  --eun-color-purple-600: #8d22d4;
  --eun-color-purple-700: #aa68da;
  --eun-color-yellow-100: #41410b;
  --eun-color-yellow-200: #37420b;
  --eun-color-yellow-300: #4b550d;
  --eun-color-yellow-400: #747414;
  --eun-color-yellow-500: #a3a31b;
  --eun-color-yellow-600: #eeee30;
  --eun-color-yellow-700: #dad868;
  --eun-color-blue-100: #162e37;
  --eun-color-blue-200: #163236;
  --eun-color-blue-300: #285c5d;
  --eun-color-blue-400: #3b888c;
  --eun-color-blue-500: #4fb5bb;
  --eun-color-blue-600: #62e7e9;
  --eun-color-blue-700: #68cfda;
  --eun-color-green-100: #0b4116;
  --eun-color-green-200: #0b4213;
  --eun-color-green-300: #0d5519;
  --eun-color-green-400: #14741a;
  --eun-color-green-500: #1ba92d;
  --eun-color-green-600: #22d428;
  --eun-color-green-700: #68da6a;
  --eun-color-pink-100: #410b3c;
  --eun-color-pink-200: #420b40;
  --eun-color-pink-300: #500d55;
  --eun-color-pink-400: #5e1474;
  --eun-color-pink-500: #791797;
  --eun-color-pink-600: #b913ec;
  --eun-color-pink-700: #da68d8;
  --eun-color-grey-0: #16171c;
  --eun-color-grey-100: #2b3748;
  --eun-color-grey-200: #353c48;
  --eun-color-grey-300: #666e8a;
  --eun-color-grey-400: #8d93aa;
  --eun-color-grey-500: #5f6876;
  --eun-color-grey-600: #c1c1c1;
  --eun-color-grey-700: #ecedf0;
  --eun-color-grey-800: #f7f8fa;
  --eun-color-grey-900: #ffffff;
  --eun-color-success-100: rgb(29, 173, 81);
  --eun-color-warning-100: rgb(247, 104, 14);
  --eun-color-critical-100: rgb(255, 91, 110);
  --eun-color-info-100: rgb(11, 159, 219);
}

[data-brand=custom] {
  --eun-color-primary-50: #9ab4ff;
  --eun-color-on-primary-50: #000000de;
  --eun-color-primary-100: #85a4ff;
  --eun-color-on-primary-100: #000000de;
  --eun-color-primary-200: #6f94ff;
  --eun-color-on-primary-200: #000000de;
  --eun-color-primary-300: #5480ff;
  --eun-color-on-primary-300: #000000de;
  --eun-color-primary-400: #4978ff;
  --eun-color-on-primary-400: #000000de;
  --eun-color-primary-500: #3d6fff;
  --eun-color-on-primary-500: #ffffff;
  --eun-color-primary-600: #3968f0;
  --eun-color-on-primary-600: #ffffff;
  --eun-color-primary-700: #3662e0;
  --eun-color-on-primary-700: #ffffff;
  --eun-color-primary-800: #2d52bd;
  --eun-color-on-primary-800: #ffffff;
  --eun-color-primary-900: #2646a1;
  --eun-color-on-primary-900: #ffffff;
  --eun-color-primary-950: #203a85;
  --eun-color-on-primary-950: #ffffff;
  --eun-color-primary-bg-hover: rgba(61, 111, 255, 0.08);
  --eun-color-primary-bg-active: rgba(61, 111, 255, 0.08);
  --eun-color-primary-transparent: rgba(61, 111, 255, 0.2);
  --eun-color-primary-transparent-hover: rgba(61, 111, 255, 0.3);
  --eun-color-primary-transparent-active: rgba(61, 111, 255, 0.4);
  --eun-color-secondary-50: #f6ddb4;
  --eun-color-on-secondary-50: #000000de;
  --eun-color-secondary-100: #f4d5a4;
  --eun-color-on-secondary-100: #000000de;
  --eun-color-secondary-200: #f2ce94;
  --eun-color-on-secondary-200: #000000de;
  --eun-color-secondary-300: #efc580;
  --eun-color-on-secondary-300: #000000de;
  --eun-color-secondary-400: #eec178;
  --eun-color-on-secondary-400: #000000de;
  --eun-color-secondary-500: #edbd6f;
  --eun-color-on-secondary-500: #000000de;
  --eun-color-secondary-600: #dfb268;
  --eun-color-on-secondary-600: #000000de;
  --eun-color-secondary-700: #d1a662;
  --eun-color-on-secondary-700: #000000de;
  --eun-color-secondary-800: #af8c52;
  --eun-color-on-secondary-800: #000000de;
  --eun-color-secondary-900: #957746;
  --eun-color-on-secondary-900: #000000de;
  --eun-color-secondary-950: #7b623a;
  --eun-color-on-secondary-950: #ffffff;
  --eun-color-secondary-bg-hover: rgba(237, 189, 111, 0.08);
  --eun-color-secondary-bg-active: rgba(237, 189, 111, 0.08);
  --eun-color-secondary-transparent: rgba(237, 189, 111, 0.2);
  --eun-color-secondary-transparent-hover: rgba(237, 189, 111, 0.3);
  --eun-color-secondary-transparent-active: rgba(237, 189, 111, 0.4);
  --eun-content-hover: #9696961a;
  --eun-content-pressed: #e4e6e8;
  --eun-divider-color: #dee0e7;
  --eun-border-color: #dee0e7;
  --eun-surface-color: #ffffff;
  --eun-disabled-color: #ecedf0;
  --eun-readonly-color: #666e8a;
  --eun-text-color: #071621;
  --eun-text-secondary: #484e61;
  --eun-placeholder-color: var(--eun-color-grey-400, #c1c9d6);
  --eun-text-disabled-color: #8d93aa;
  --eun-text-readonly-color: #c1c9d6;
  --eun-disabled-content: #c1c9d6;
  --eun-surface-tint: #f5f8ff;
  --eun-divider-tint: #d6dae8;
  --eun-border-tint: #d6dae8;
  --eun-content-hover-tint: #e4e9f1;
  --eun-content-pressed-tint: #dce0e9;
  --eun-font-family: "Mulish", sans-serif;
  --eun-fontSize-xxs: 0.4rem;
  --eun-fontSize-xs: 0.6rem;
  --eun-fontSize-s: 0.82rem;
  --eun-fontSize-m: 1rem;
  --eun-fontSize-l: 1.3rem;
  --eun-fontSize-xl: 1.6rem;
  --eun-fontSize-xxl: 2rem;
  --eun-fontSize-xxxl: 3.4rem;
  --eun-fontSize-xxxxl: 5rem;
  --eun-fontWeight-s: 300;
  --eun-fontWeight-m: 500;
  --eun-fontWeight-l: 700;
  --eun-space-xxs: 0.1rem;
  --eun-space-xs: 0.25rem;
  --eun-space-s: 0.5rem;
  --eun-space-m: 1rem;
  --eun-space-l: 2rem;
  --eun-space-xl: 3.5rem;
  --eun-space-xxl: 5rem;
  --eun-borderRadius-s: 5px;
  --eun-borderRadius-m: 10px;
  --eun-borderRadius-l: 20px;
  --eun-borderRadius-xl: 999px;
  --eun-borderWidth-s: 1px;
  --eun-borderWidth-m: 1.5px;
  --eun-borderWidth-l: 2px;
  --eun-shadow-xs:
    rgba(0, 0, 0, 0.1) 0px 1px 3px 0px, rgba(0, 0, 0, 0.06) 0px 1px 2px 0px;
  --eun-shadow-s:
    rgba(0, 0, 0, 0.1) 0px 4px 6px -1px, rgba(0, 0, 0, 0.06) 0px 2px 4px -1px;
  --eun-shadow-m:
    rgba(0, 0, 0, 0.1) 0px 10px 15px -3px, rgba(0, 0, 0, 0.05) 0px 4px 6px -2px;
  --eun-shadow-l:
    rgba(0, 0, 0, 0.1) 0px 20px 25px -5px,
    rgba(0, 0, 0, 0.04) 0px 10px 10px -5px;
  --eun-shadow-xl: rgba(0, 0, 0, 0.25) 0px 25px 50px -12px;
  --eun-height-xxs: 8px;
  --eun-height-xs: 16px;
  --eun-height-s: 24px;
  --eun-height-m: 32px;
  --eun-height-l: 34px;
  --eun-height-xl: 48px;
  --eun-height-xxl: 56px;
  --eun-breakpoint-mobile: 600px;
  --eun-breakpoint-tablet: 768px;
  --eun-breakpoint-laptop: 1024px;
  --eun-breakpoint-desktop: 1280px;
}
[data-brand=custom] .eun-grid {
  display: grid;
  row-gap: var(--eun-grid-row-gap, var(--eun-space-s));
  column-gap: var(--eun-grid-column-gap, var(--eun-space-m));
}
[data-brand=custom] .eun-grid--halves {
  grid-template-columns: repeat(2, 1fr);
}
[data-brand=custom] .eun-grid--thirds-1-2 {
  grid-template-columns: 1fr 2fr;
}
[data-brand=custom] .eun-grid--thirds-2-1 {
  grid-template-columns: 2fr 1fr;
}
[data-brand=custom] .eun-grid--thirds-equal {
  grid-template-columns: repeat(3, 1fr);
}
[data-brand=custom] .eun-grid--2x2 {
  grid-template-columns: repeat(2, 1fr);
  grid-auto-flow: row;
}
[data-brand=custom] .eun-grid--sidebar-left,
[data-brand=custom] .eun-grid--sidebar-right {
  grid-template-columns: repeat(2, 1fr);
  grid-template-rows: repeat(2, auto);
}
[data-brand=custom] .eun-grid--sidebar-left > :first-child {
  grid-column: 1;
  grid-row: 1/span 2;
}
[data-brand=custom] .eun-grid--sidebar-right > :first-child {
  grid-column: 2;
  grid-row: 1/span 2;
}
[data-brand=custom] .eun-grid--lead-left,
[data-brand=custom] .eun-grid--lead-right {
  grid-template-rows: repeat(2, auto);
}
[data-brand=custom] .eun-grid--lead-left {
  grid-template-columns: auto 1fr;
}
[data-brand=custom] .eun-grid--lead-right {
  grid-template-columns: 1fr auto;
}
[data-brand=custom] .eun-grid--lead-left > :first-child {
  grid-column: 1;
  grid-row: 1/span 2;
}
[data-brand=custom] .eun-grid--lead-right > :first-child {
  grid-column: 2;
  grid-row: 1/span 2;
}
[data-brand=custom] .eun-grid--gallery {
  grid-template-columns: repeat(auto-fill, minmax(var(--eun-grid-min-width, 220px), 1fr));
}
[data-brand=custom] .eun-grid--panel {
  grid-template-rows: auto 1fr auto;
}
@media (max-width: 767px) {
  [data-brand=custom] .eun-grid--halves,
  [data-brand=custom] .eun-grid--thirds-1-2,
  [data-brand=custom] .eun-grid--thirds-2-1,
  [data-brand=custom] .eun-grid--thirds-equal,
  [data-brand=custom] .eun-grid--2x2,
  [data-brand=custom] .eun-grid--sidebar-left,
  [data-brand=custom] .eun-grid--sidebar-right {
    grid-template-columns: 1fr;
    grid-template-rows: none;
  }
  [data-brand=custom] .eun-grid--sidebar-left > :first-child,
  [data-brand=custom] .eun-grid--sidebar-right > :first-child {
    grid-column: 1;
    grid-row: auto;
  }
}
[data-brand=custom] {
  --eun-color-red-100: #fef4f5;
  --eun-color-red-200: #fbd1d5;
  --eun-color-red-300: #f8a4ac;
  --eun-color-red-400: #f47682;
  --eun-color-red-500: #f14959;
  --eun-color-red-600: #ed1b2f;
  --eun-color-red-700: #a11b29;
  --eun-color-purple-100: #f2f2fe;
  --eun-color-purple-200: #dfcff6;
  --eun-color-purple-300: #bea0ed;
  --eun-color-purple-400: #9e70e4;
  --eun-color-purple-500: #9562e3;
  --eun-color-purple-600: #991bed;
  --eun-color-purple-700: #691ba1;
  --eun-color-yellow-100: #fefef4;
  --eun-color-yellow-200: #f3fbd1;
  --eun-color-yellow-300: #edf8a4;
  --eun-color-yellow-400: #f4f482;
  --eun-color-yellow-500: #f0f050;
  --eun-color-yellow-600: #e0e000;
  --eun-color-yellow-700: #a19f1b;
  --eun-color-blue-100: #f3f9fb;
  --eun-color-blue-200: #ceeaee;
  --eun-color-blue-300: #9ddadc;
  --eun-color-blue-400: #6cc6cb;
  --eun-color-blue-500: #3bb3b9;
  --eun-color-blue-600: #0aa5a8;
  --eun-color-blue-700: #1b94a1;
  --eun-color-green-100: #f4fef6;
  --eun-color-green-200: #d1fbd7;
  --eun-color-green-300: #a4f8b2;
  --eun-color-green-400: #82f48a;
  --eun-color-green-500: #49f15f;
  --eun-color-green-600: #1bed22;
  --eun-color-green-700: #1ba11d;
  --eun-color-pink-100: #fef4fd;
  --eun-color-pink-200: #fbd1fa;
  --eun-color-pink-300: #f3a4f8;
  --eun-color-pink-400: #d982f4;
  --eun-color-pink-500: #d05df3;
  --eun-color-pink-600: #c300ff;
  --eun-color-pink-700: #a11b9f;
  --eun-color-grey-0: #ffffff;
  --eun-color-grey-100: #f7f8fa;
  --eun-color-grey-200: #ecedf0;
  --eun-color-grey-300: #dee0e7;
  --eun-color-grey-400: #c1c9d6;
  --eun-color-grey-500: #8d93aa;
  --eun-color-grey-600: #666e8a;
  --eun-color-grey-700: #484e61;
  --eun-color-grey-800: #071621;
  --eun-color-grey-900: #000000;
  --eun-color-success-100: #1a9948;
  --eun-color-success-90: rgba(26, 153, 72, 0.32);
  --eun-color-success-50: rgba(26, 153, 72, 0.16);
  --eun-color-success-30: rgba(26, 153, 72, 0.06);
  --eun-color-warning-100: #c85207;
  --eun-color-warning-90: rgba(200, 82, 7, 0.32);
  --eun-color-warning-50: rgba(200, 82, 7, 0.16);
  --eun-color-warning-30: rgba(200, 82, 7, 0.06);
  --eun-color-critical-100: #aa0014;
  --eun-color-critical-90: rgba(170, 0, 20, 0.32);
  --eun-color-critical-50: rgba(170, 0, 20, 0.16);
  --eun-color-critical-30: rgba(170, 0, 20, 0.06);
  --eun-color-info-100: #097faf;
  --eun-color-info-90: rgba(9, 127, 175, 0.32);
  --eun-color-info-50: rgba(9, 127, 175, 0.16);
  --eun-color-info-30: rgba(9, 127, 175, 0.06);
}

[data-brand=custom][data-theme=dark] {
  --eun-color-primary-50: #384c85;
  --eun-color-on-primary-50: #ffffff;
  --eun-color-primary-100: #445ca1;
  --eun-color-on-primary-100: #ffffff;
  --eun-color-primary-200: #506cbd;
  --eun-color-on-primary-200: #ffffff;
  --eun-color-primary-300: #5f80e0;
  --eun-color-on-primary-300: #000000de;
  --eun-color-primary-400: #6689f0;
  --eun-color-on-primary-400: #000000de;
  --eun-color-primary-500: #6c92ff;
  --eun-color-on-primary-500: #000000de;
  --eun-color-primary-600: #7599ff;
  --eun-color-on-primary-600: #000000de;
  --eun-color-primary-700: #7e9fff;
  --eun-color-on-primary-700: #000000de;
  --eun-color-primary-800: #92aeff;
  --eun-color-on-primary-800: #000000de;
  --eun-color-primary-900: #a2baff;
  --eun-color-on-primary-900: #000000de;
  --eun-color-primary-950: #b3c6ff;
  --eun-color-on-primary-950: #000000de;
  --eun-color-primary-bg-hover: rgba(108, 146, 255, 0.08);
  --eun-color-primary-bg-active: rgba(108, 146, 255, 0.08);
  --eun-color-primary-transparent: rgba(108, 146, 255, 0.2);
  --eun-color-primary-transparent-hover: rgba(108, 146, 255, 0.3);
  --eun-color-primary-transparent-active: rgba(108, 146, 255, 0.4);
  --eun-color-secondary-50: #7b623a;
  --eun-color-on-secondary-50: #ffffff;
  --eun-color-secondary-100: #957746;
  --eun-color-on-secondary-100: #000000de;
  --eun-color-secondary-200: #af8c52;
  --eun-color-on-secondary-200: #000000de;
  --eun-color-secondary-300: #d1a662;
  --eun-color-on-secondary-300: #000000de;
  --eun-color-secondary-400: #dfb268;
  --eun-color-on-secondary-400: #000000de;
  --eun-color-secondary-500: #edbd6f;
  --eun-color-on-secondary-500: #000000de;
  --eun-color-secondary-600: #eec178;
  --eun-color-on-secondary-600: #000000de;
  --eun-color-secondary-700: #efc580;
  --eun-color-on-secondary-700: #000000de;
  --eun-color-secondary-800: #f2ce94;
  --eun-color-on-secondary-800: #000000de;
  --eun-color-secondary-900: #f4d5a4;
  --eun-color-on-secondary-900: #000000de;
  --eun-color-secondary-950: #f6ddb4;
  --eun-color-on-secondary-950: #000000de;
  --eun-color-secondary-bg-hover: rgba(237, 189, 111, 0.08);
  --eun-color-secondary-bg-active: rgba(237, 189, 111, 0.08);
  --eun-color-secondary-transparent: rgba(237, 189, 111, 0.2);
  --eun-color-secondary-transparent-hover: rgba(237, 189, 111, 0.3);
  --eun-color-secondary-transparent-active: rgba(237, 189, 111, 0.4);
  --eun-content-hover: rgba(255, 255, 255, 0.08);
  --eun-content-pressed: rgba(255, 255, 255, 0.14);
  --eun-divider-color: var(--eun-color-grey-300);
  --eun-border-color: var(--eun-color-grey-300);
  --eun-surface-color: var(--eun-color-grey-0);
  --eun-disabled-color: var(--eun-color-grey-200);
  --eun-readonly-color: var(--eun-color-grey-600);
  --eun-text-color: var(--eun-color-grey-800);
  --eun-text-secondary: var(--eun-color-grey-700);
  --eun-placeholder-color: var(--eun-color-grey-400);
  --eun-text-disabled-color: var(--eun-color-grey-500);
  --eun-text-readonly-color: var(--eun-color-grey-400);
  --eun-disabled-content: var(--eun-color-grey-400);
  --eun-surface-tint: #2a3243;
  --eun-divider-tint: #667090;
  --eun-border-tint: #667090;
  --eun-content-hover-tint: rgba(248, 250, 255, 0.08);
  --eun-content-pressed-tint: rgba(248, 250, 255, 0.14);
  --eun-font-family: "Mulish", sans-serif;
  --eun-fontSize-xxs: 0.4rem;
  --eun-fontSize-xs: 0.6rem;
  --eun-fontSize-s: 0.82rem;
  --eun-fontSize-m: 1rem;
  --eun-fontSize-l: 1.3rem;
  --eun-fontSize-xl: 1.6rem;
  --eun-fontSize-xxl: 2rem;
  --eun-fontSize-xxxl: 3.4rem;
  --eun-fontSize-xxxxl: 5rem;
  --eun-fontWeight-s: 300;
  --eun-fontWeight-m: 500;
  --eun-fontWeight-l: 700;
  --eun-space-xxs: 0.1rem;
  --eun-space-xs: 0.25rem;
  --eun-space-s: 0.5rem;
  --eun-space-m: 1rem;
  --eun-space-l: 2rem;
  --eun-space-xl: 3.5rem;
  --eun-space-xxl: 5rem;
  --eun-borderRadius-s: 5px;
  --eun-borderRadius-m: 10px;
  --eun-borderRadius-l: 20px;
  --eun-borderRadius-xl: 999px;
  --eun-borderWidth-s: 1px;
  --eun-borderWidth-m: 1.5px;
  --eun-borderWidth-l: 2px;
  --eun-shadow-xs:
    rgba(0, 0, 0, 0.1) 0px 1px 3px 0px, rgba(0, 0, 0, 0.06) 0px 1px 2px 0px;
  --eun-shadow-s:
    rgba(0, 0, 0, 0.1) 0px 4px 6px -1px, rgba(0, 0, 0, 0.06) 0px 2px 4px -1px;
  --eun-shadow-m:
    rgba(0, 0, 0, 0.1) 0px 10px 15px -3px, rgba(0, 0, 0, 0.05) 0px 4px 6px -2px;
  --eun-shadow-l:
    rgba(0, 0, 0, 0.1) 0px 20px 25px -5px,
    rgba(0, 0, 0, 0.04) 0px 10px 10px -5px;
  --eun-shadow-xl: rgba(0, 0, 0, 0.25) 0px 25px 50px -12px;
  --eun-height-xxs: 8px;
  --eun-height-xs: 16px;
  --eun-height-s: 24px;
  --eun-height-m: 32px;
  --eun-height-l: 34px;
  --eun-height-xl: 48px;
  --eun-height-xxl: 56px;
  --eun-breakpoint-mobile: 600px;
  --eun-breakpoint-tablet: 768px;
  --eun-breakpoint-laptop: 1024px;
  --eun-breakpoint-desktop: 1280px;
}
[data-brand=custom][data-theme=dark] .eun-grid {
  display: grid;
  row-gap: var(--eun-grid-row-gap, var(--eun-space-s));
  column-gap: var(--eun-grid-column-gap, var(--eun-space-m));
}
[data-brand=custom][data-theme=dark] .eun-grid--halves {
  grid-template-columns: repeat(2, 1fr);
}
[data-brand=custom][data-theme=dark] .eun-grid--thirds-1-2 {
  grid-template-columns: 1fr 2fr;
}
[data-brand=custom][data-theme=dark] .eun-grid--thirds-2-1 {
  grid-template-columns: 2fr 1fr;
}
[data-brand=custom][data-theme=dark] .eun-grid--thirds-equal {
  grid-template-columns: repeat(3, 1fr);
}
[data-brand=custom][data-theme=dark] .eun-grid--2x2 {
  grid-template-columns: repeat(2, 1fr);
  grid-auto-flow: row;
}
[data-brand=custom][data-theme=dark] .eun-grid--sidebar-left,
[data-brand=custom][data-theme=dark] .eun-grid--sidebar-right {
  grid-template-columns: repeat(2, 1fr);
  grid-template-rows: repeat(2, auto);
}
[data-brand=custom][data-theme=dark] .eun-grid--sidebar-left > :first-child {
  grid-column: 1;
  grid-row: 1/span 2;
}
[data-brand=custom][data-theme=dark] .eun-grid--sidebar-right > :first-child {
  grid-column: 2;
  grid-row: 1/span 2;
}
[data-brand=custom][data-theme=dark] .eun-grid--lead-left,
[data-brand=custom][data-theme=dark] .eun-grid--lead-right {
  grid-template-rows: repeat(2, auto);
}
[data-brand=custom][data-theme=dark] .eun-grid--lead-left {
  grid-template-columns: auto 1fr;
}
[data-brand=custom][data-theme=dark] .eun-grid--lead-right {
  grid-template-columns: 1fr auto;
}
[data-brand=custom][data-theme=dark] .eun-grid--lead-left > :first-child {
  grid-column: 1;
  grid-row: 1/span 2;
}
[data-brand=custom][data-theme=dark] .eun-grid--lead-right > :first-child {
  grid-column: 2;
  grid-row: 1/span 2;
}
[data-brand=custom][data-theme=dark] .eun-grid--gallery {
  grid-template-columns: repeat(auto-fill, minmax(var(--eun-grid-min-width, 220px), 1fr));
}
[data-brand=custom][data-theme=dark] .eun-grid--panel {
  grid-template-rows: auto 1fr auto;
}
@media (max-width: 767px) {
  [data-brand=custom][data-theme=dark] .eun-grid--halves,
  [data-brand=custom][data-theme=dark] .eun-grid--thirds-1-2,
  [data-brand=custom][data-theme=dark] .eun-grid--thirds-2-1,
  [data-brand=custom][data-theme=dark] .eun-grid--thirds-equal,
  [data-brand=custom][data-theme=dark] .eun-grid--2x2,
  [data-brand=custom][data-theme=dark] .eun-grid--sidebar-left,
  [data-brand=custom][data-theme=dark] .eun-grid--sidebar-right {
    grid-template-columns: 1fr;
    grid-template-rows: none;
  }
  [data-brand=custom][data-theme=dark] .eun-grid--sidebar-left > :first-child,
  [data-brand=custom][data-theme=dark] .eun-grid--sidebar-right > :first-child {
    grid-column: 1;
    grid-row: auto;
  }
}
[data-brand=custom][data-theme=dark] {
  --eun-color-red-100: #410b11;
  --eun-color-red-200: #420b10;
  --eun-color-red-300: #550d14;
  --eun-color-red-400: #80141f;
  --eun-color-red-500: #a91b28;
  --eun-color-red-600: #d42233;
  --eun-color-red-700: #da6874;
  --eun-color-purple-100: #0a0a42;
  --eun-color-purple-200: #22103c;
  --eun-color-purple-300: #311859;
  --eun-color-purple-400: #4b2486;
  --eun-color-purple-500: #512693;
  --eun-color-purple-600: #8d22d4;
  --eun-color-purple-700: #aa68da;
  --eun-color-yellow-100: #41410b;
  --eun-color-yellow-200: #37420b;
  --eun-color-yellow-300: #4b550d;
  --eun-color-yellow-400: #747414;
  --eun-color-yellow-500: #a3a31b;
  --eun-color-yellow-600: #eeee30;
  --eun-color-yellow-700: #dad868;
  --eun-color-blue-100: #162e37;
  --eun-color-blue-200: #163236;
  --eun-color-blue-300: #285c5d;
  --eun-color-blue-400: #3b888c;
  --eun-color-blue-500: #4fb5bb;
  --eun-color-blue-600: #62e7e9;
  --eun-color-blue-700: #68cfda;
  --eun-color-green-100: #0b4116;
  --eun-color-green-200: #0b4213;
  --eun-color-green-300: #0d5519;
  --eun-color-green-400: #14741a;
  --eun-color-green-500: #1ba92d;
  --eun-color-green-600: #22d428;
  --eun-color-green-700: #68da6a;
  --eun-color-pink-100: #410b3c;
  --eun-color-pink-200: #420b40;
  --eun-color-pink-300: #500d55;
  --eun-color-pink-400: #5e1474;
  --eun-color-pink-500: #791797;
  --eun-color-pink-600: #b913ec;
  --eun-color-pink-700: #da68d8;
  --eun-color-grey-0: #16171c;
  --eun-color-grey-100: #2b3748;
  --eun-color-grey-200: #353c48;
  --eun-color-grey-300: #666e8a;
  --eun-color-grey-400: #8d93aa;
  --eun-color-grey-500: #5f6876;
  --eun-color-grey-600: #c1c1c1;
  --eun-color-grey-700: #ecedf0;
  --eun-color-grey-800: #f7f8fa;
  --eun-color-grey-900: #ffffff;
  --eun-color-success-100: rgb(29, 173, 81);
  --eun-color-warning-100: rgb(247, 104, 14);
  --eun-color-critical-100: rgb(255, 91, 110);
  --eun-color-info-100: rgb(11, 159, 219);
}