:root {
      color-scheme: light;
      --jh-z-index-positive-1000: 1000;
      --jh-z-index-positive-900: 900;
      --jh-z-index-positive-800: 800;
      --jh-z-index-positive-700: 700;
      --jh-z-index-positive-600: 600;
      --jh-z-index-positive-500: 500;
      --jh-z-index-positive-400: 400;
      --jh-z-index-positive-300: 300;
      --jh-z-index-positive-200: 200;
      --jh-z-index-positive-100: 100;
      --jh-z-index-negative-100: -100;
      --jh-z-index-0: 0;
      --jh-dimension-2400: 96px;
      --jh-dimension-2300: 92px;
      --jh-dimension-2200: 88px;
      --jh-dimension-2100: 84px;
      --jh-dimension-2000: 80px;
      --jh-dimension-1900: 76px;
      --jh-dimension-1800: 72px;
      --jh-dimension-1700: 68px;
      --jh-dimension-1600: 64px;
      --jh-dimension-1500: 60px;
      --jh-dimension-1400: 56px;
      --jh-dimension-1300: 52px;
      --jh-dimension-1200: 48px;
      --jh-dimension-1100: 44px;
      --jh-dimension-1000: 40px;
      --jh-dimension-900: 36px;
      --jh-dimension-800: 32px;
      --jh-dimension-700: 28px;
      --jh-dimension-600: 24px;
      --jh-dimension-500: 20px;
      --jh-dimension-400: 16px;
      --jh-dimension-300: 12px;
      --jh-dimension-200: 8px;
      --jh-dimension-100: 4px;
      --jh-dimension-50: 2px;
      --jh-dimension-25: 1px;
      --jh-dimension-0: 0px;
      --jh-shadow-overlay: 0px 16px 24px 0px var(--jh-color-shadow-primary), 0px 8px 8px 0px var(--jh-color-shadow-secondary);
      --jh-shadow-high: 0px 12px 18px 0px var(--jh-color-shadow-primary), 0px 6px 6px 0px var(--jh-color-shadow-secondary);
      --jh-shadow-mid: 0px 8px 12px 0px var(--jh-color-shadow-primary), 0px 4px 4px 0px var(--jh-color-shadow-secondary);
      --jh-shadow-low: 0px 4px 6px 0px var(--jh-color-shadow-primary), 0px 2px 2px 0px var(--jh-color-shadow-secondary);
      --jh-opacity-disabled: var(--jh-opacity-300);
      --jh-opacity-1000: 1.0;
      --jh-opacity-900: 0.9;
      --jh-opacity-800: 0.8;
      --jh-opacity-700: 0.7;
      --jh-opacity-600: 0.6;
      --jh-opacity-500: 0.5;
      --jh-opacity-400: 0.4;
      --jh-opacity-300: 0.3;
      --jh-opacity-200: 0.2;
      --jh-opacity-100: 0.1;
      --jh-opacity-0: 0;
      --jh-font-size-2300: 92px;
      --jh-font-size-2100: 84px;
      --jh-font-size-1900: 76px;
      --jh-font-size-1700: 68px;
      --jh-font-size-1500: 60px;
      --jh-font-size-1350: 54px;
      --jh-font-size-1200: 48px;
      --jh-font-size-1050: 42px;
      --jh-font-size-900: 36px;
      --jh-font-size-800: 32px;
      --jh-font-size-700: 28px;
      --jh-font-size-600: 24px;
      --jh-font-size-500: 20px;
      --jh-font-size-450: 18px;
      --jh-font-size-400: 16px;
      --jh-font-size-350: 14px;
      --jh-font-size-300: 12px;
      --jh-font-size-250: 10px;
      --jh-font-weight-700: 700;
      --jh-font-weight-500: 500;
      --jh-font-weight-400: 400;
      --jh-font-weight-300: 300;
      --jh-font-line-height-2700: 108px;
      --jh-font-line-height-2500: 100px;
      --jh-font-line-height-2300: 92px;
      --jh-font-line-height-2000: 80px;
      --jh-font-line-height-1800: 72px;
      --jh-font-line-height-1600: 64px;
      --jh-font-line-height-1500: 60px;
      --jh-font-line-height-1300: 52px;
      --jh-font-line-height-1100: 44px;
      --jh-font-line-height-1000: 40px;
      --jh-font-line-height-900: 36px;
      --jh-font-line-height-800: 32px;
      --jh-font-line-height-700: 28px;
      --jh-font-line-height-600: 24px;
      --jh-font-line-height-500: 20px;
      --jh-font-line-height-400: 16px;
      --jh-font-line-height-300: 12px;
      --jh-font-heading-bold-6-line-height: var(--jh-font-line-height-1100);
      --jh-font-heading-bold-6-font-weight: var(--jh-font-weight-700);
      --jh-font-heading-bold-6-font-size: var(--jh-font-size-900);
      --jh-font-heading-bold-6-font-family: var(--jh-font-family-primary);
      --jh-font-heading-bold-5-line-height: var(--jh-font-line-height-1000);
      --jh-font-heading-bold-5-font-weight: var(--jh-font-weight-700);
      --jh-font-heading-bold-5-font-size: var(--jh-font-size-800);
      --jh-font-heading-bold-5-font-family: var(--jh-font-family-primary);
      --jh-font-heading-bold-4-line-height: var(--jh-font-line-height-900);
      --jh-font-heading-bold-4-font-weight: var(--jh-font-weight-700);
      --jh-font-heading-bold-4-font-size: var(--jh-font-size-700);
      --jh-font-heading-bold-4-font-family: var(--jh-font-family-primary);
      --jh-font-heading-bold-3-line-height: var(--jh-font-line-height-700);
      --jh-font-heading-bold-3-font-weight: var(--jh-font-weight-700);
      --jh-font-heading-bold-3-font-size: var(--jh-font-size-500);
      --jh-font-heading-bold-3-font-family: var(--jh-font-family-primary);
      --jh-font-heading-bold-2-line-height: var(--jh-font-line-height-600);
      --jh-font-heading-bold-2-font-weight: var(--jh-font-weight-700);
      --jh-font-heading-bold-2-font-size: var(--jh-font-size-400);
      --jh-font-heading-bold-2-font-family: var(--jh-font-family-primary);
      --jh-font-heading-bold-1-line-height: var(--jh-font-line-height-500);
      --jh-font-heading-bold-1-font-weight: var(--jh-font-weight-700);
      --jh-font-heading-bold-1-font-size: var(--jh-font-size-350);
      --jh-font-heading-bold-1-font-family: var(--jh-font-family-primary);
      --jh-font-heading-medium-6-line-height: var(--jh-font-line-height-1100);
      --jh-font-heading-medium-6-font-weight: var(--jh-font-weight-500);
      --jh-font-heading-medium-6-font-size: var(--jh-font-size-900);
      --jh-font-heading-medium-6-font-family: var(--jh-font-family-primary);
      --jh-font-heading-medium-5-line-height: var(--jh-font-line-height-1000);
      --jh-font-heading-medium-5-font-weight: var(--jh-font-weight-500);
      --jh-font-heading-medium-5-font-size: var(--jh-font-size-800);
      --jh-font-heading-medium-5-font-family: var(--jh-font-family-primary);
      --jh-font-heading-medium-4-line-height: var(--jh-font-line-height-900);
      --jh-font-heading-medium-4-font-weight: var(--jh-font-weight-500);
      --jh-font-heading-medium-4-font-size: var(--jh-font-size-700);
      --jh-font-heading-medium-4-font-family: var(--jh-font-family-primary);
      --jh-font-heading-medium-3-line-height: var(--jh-font-line-height-700);
      --jh-font-heading-medium-3-font-weight: var(--jh-font-weight-500);
      --jh-font-heading-medium-3-font-size: var(--jh-font-size-500);
      --jh-font-heading-medium-3-font-family: var(--jh-font-family-primary);
      --jh-font-heading-medium-2-line-height: var(--jh-font-line-height-600);
      --jh-font-heading-medium-2-font-weight: var(--jh-font-weight-500);
      --jh-font-heading-medium-2-font-size: var(--jh-font-size-400);
      --jh-font-heading-medium-2-font-family: var(--jh-font-family-primary);
      --jh-font-heading-medium-1-line-height: var(--jh-font-line-height-500);
      --jh-font-heading-medium-1-font-weight: var(--jh-font-weight-500);
      --jh-font-heading-medium-1-font-size: var(--jh-font-size-350);
      --jh-font-heading-medium-1-font-family: var(--jh-font-family-primary);
      --jh-font-heading-regular-6-line-height: var(--jh-font-line-height-1100);
      --jh-font-heading-regular-6-font-weight: var(--jh-font-weight-400);
      --jh-font-heading-regular-6-font-size: var(--jh-font-size-900);
      --jh-font-heading-regular-6-font-family: var(--jh-font-family-primary);
      --jh-font-heading-regular-5-line-height: var(--jh-font-line-height-1000);
      --jh-font-heading-regular-5-font-weight: var(--jh-font-weight-400);
      --jh-font-heading-regular-5-font-size: var(--jh-font-size-800);
      --jh-font-heading-regular-5-font-family: var(--jh-font-family-primary);
      --jh-font-heading-regular-4-line-height: var(--jh-font-line-height-900);
      --jh-font-heading-regular-4-font-weight: var(--jh-font-weight-400);
      --jh-font-heading-regular-4-font-size: var(--jh-font-size-700);
      --jh-font-heading-regular-4-font-family: var(--jh-font-family-primary);
      --jh-font-heading-regular-3-line-height: var(--jh-font-line-height-700);
      --jh-font-heading-regular-3-font-weight: var(--jh-font-weight-400);
      --jh-font-heading-regular-3-font-size: var(--jh-font-size-500);
      --jh-font-heading-regular-3-font-family: var(--jh-font-family-primary);
      --jh-font-heading-regular-2-line-height: var(--jh-font-line-height-600);
      --jh-font-heading-regular-2-font-weight: var(--jh-font-weight-400);
      --jh-font-heading-regular-2-font-size: var(--jh-font-size-400);
      --jh-font-heading-regular-2-font-family: var(--jh-font-family-primary);
      --jh-font-heading-regular-1-line-height: var(--jh-font-line-height-500);
      --jh-font-heading-regular-1-font-weight: var(--jh-font-weight-400);
      --jh-font-heading-regular-1-font-size: var(--jh-font-size-350);
      --jh-font-heading-regular-1-font-family: var(--jh-font-family-primary);
      --jh-font-display-light-3-line-height: var(--jh-font-line-height-2700);
      --jh-font-display-light-3-font-weight: var(--jh-font-weight-300);
      --jh-font-display-light-3-font-size: var(--jh-font-size-2300);
      --jh-font-display-light-3-font-family: var(--jh-font-family-primary);
      --jh-font-display-light-2-line-height: var(--jh-font-line-height-1600);
      --jh-font-display-light-2-font-weight: var(--jh-font-weight-300);
      --jh-font-display-light-2-font-size: var(--jh-font-size-1350);
      --jh-font-display-light-2-font-family: var(--jh-font-family-primary);
      --jh-font-display-light-1-line-height: var(--jh-font-line-height-1300);
      --jh-font-display-light-1-font-weight: var(--jh-font-weight-300);
      --jh-font-display-light-1-font-size: var(--jh-font-size-1050);
      --jh-font-display-light-1-font-family: var(--jh-font-family-primary);
      --jh-font-code-regular-2-line-height: var(--jh-font-line-height-600);
      --jh-font-code-regular-2-font-weight: var(--jh-font-weight-400);
      --jh-font-code-regular-2-font-size: var(--jh-font-size-400);
      --jh-font-code-regular-2-font-family: var(--jh-font-family-mono);
      --jh-font-code-regular-1-line-height: var(--jh-font-line-height-500);
      --jh-font-code-regular-1-font-weight: var(--jh-font-weight-400);
      --jh-font-code-regular-1-font-size: var(--jh-font-size-350);
      --jh-font-code-regular-1-font-family: var(--jh-font-family-mono);
      --jh-font-body-bold-2-line-height: var(--jh-font-line-height-600);
      --jh-font-body-bold-2-font-weight: var(--jh-font-weight-700);
      --jh-font-body-bold-2-font-size: var(--jh-font-size-400);
      --jh-font-body-bold-2-font-family: var(--jh-font-family-primary);
      --jh-font-body-bold-1-line-height: var(--jh-font-line-height-500);
      --jh-font-body-bold-1-font-weight: var(--jh-font-weight-700);
      --jh-font-body-bold-1-font-size: var(--jh-font-size-350);
      --jh-font-body-bold-1-font-family: var(--jh-font-family-primary);
      --jh-font-body-medium-2-line-height: var(--jh-font-line-height-600);
      --jh-font-body-medium-2-font-weight: var(--jh-font-weight-500);
      --jh-font-body-medium-2-font-size: var(--jh-font-size-400);
      --jh-font-body-medium-2-font-family: var(--jh-font-family-primary);
      --jh-font-body-medium-1-line-height: var(--jh-font-line-height-500);
      --jh-font-body-medium-1-font-weight: var(--jh-font-weight-500);
      --jh-font-body-medium-1-font-size: var(--jh-font-size-350);
      --jh-font-body-medium-1-font-family: var(--jh-font-family-primary);
      --jh-font-body-regular-2-line-height: var(--jh-font-line-height-600);
      --jh-font-body-regular-2-font-weight: var(--jh-font-weight-400);
      --jh-font-body-regular-2-font-size: var(--jh-font-size-400);
      --jh-font-body-regular-2-font-family: var(--jh-font-family-primary);
      --jh-font-body-regular-1-line-height: var(--jh-font-line-height-500);
      --jh-font-body-regular-1-font-weight: var(--jh-font-weight-400);
      --jh-font-body-regular-1-font-size: var(--jh-font-size-350);
      --jh-font-body-regular-1-font-family: var(--jh-font-family-primary);
      --jh-font-helper-bold-line-height: var(--jh-font-line-height-400);
      --jh-font-helper-bold-font-weight: var(--jh-font-weight-700);
      --jh-font-helper-bold-font-size: var(--jh-font-size-300);
      --jh-font-helper-bold-font-family: var(--jh-font-family-primary);
      --jh-font-helper-medium-line-height: var(--jh-font-line-height-400);
      --jh-font-helper-medium-font-weight: var(--jh-font-weight-500);
      --jh-font-helper-medium-font-size: var(--jh-font-size-300);
      --jh-font-helper-medium-font-family: var(--jh-font-family-primary);
      --jh-font-helper-regular-line-height: var(--jh-font-line-height-400);
      --jh-font-helper-regular-font-weight: var(--jh-font-weight-400);
      --jh-font-helper-regular-font-size: var(--jh-font-size-300);
      --jh-font-helper-regular-font-family: var(--jh-font-family-primary);
      --jh-font-micro-bold-line-height: var(--jh-font-line-height-300);
      --jh-font-micro-bold-font-weight: var(--jh-font-weight-700);
      --jh-font-micro-bold-font-size: var(--jh-font-size-250);
      --jh-font-micro-bold-font-family: var(--jh-font-family-primary);
      --jh-font-micro-medium-line-height: var(--jh-font-line-height-300);
      --jh-font-micro-medium-font-weight: var(--jh-font-weight-500);
      --jh-font-micro-medium-font-size: var(--jh-font-size-250);
      --jh-font-micro-medium-font-family: var(--jh-font-family-primary);
      --jh-font-micro-regular-line-height: var(--jh-font-line-height-300);
      --jh-font-micro-regular-font-weight: var(--jh-font-weight-400);
      --jh-font-micro-regular-font-size: var(--jh-font-size-250);
      --jh-font-micro-regular-font-family: var(--jh-font-family-primary);
      --jh-font-family-mono: 'Roboto Mono', monospace;
      --jh-font-family-sans: 'Roboto Flex', Roboto, Helvetica, Arial, sans-serif;
      --jh-font-family-primary: var(--jh-font-family-sans);
      --jh-border-radius-pill: 9999px;
      --jh-border-radius-circle: 50%;
      --jh-border-radius-400: 16px;
      --jh-border-radius-300: 12px;
      --jh-border-radius-200: 8px;
      --jh-border-radius-100: 4px;
      --jh-border-radius-50: 2px;
      --jh-border-radius-0: 0px;
      --jh-border-error-style: solid;
      --jh-border-error-width: var(--jh-dimension-25);
      --jh-border-error-color: var(--jh-color-content-negative-enabled);
      --jh-border-selected-style: solid;
      --jh-border-selected-width: var(--jh-dimension-200);
      --jh-border-selected-color: var(--jh-color-content-brand-enabled);
      --jh-border-focus-style: solid;
      --jh-border-focus-width: var(--jh-dimension-50);
      --jh-border-focus-color: var(--jh-color-interactive-focus);
      --jh-border-action-style: solid;
      --jh-border-action-width: var(--jh-dimension-25);
      --jh-border-action-color: var(--jh-color-content-brand-enabled);
      --jh-border-control-style: solid;
      --jh-border-control-width: var(--jh-dimension-25);
      --jh-border-control-color: var(--jh-color-divider-primary);
      --jh-border-decorative-style: solid;
      --jh-border-decorative-width: var(--jh-dimension-25);
      --jh-border-decorative-color: var(--jh-color-divider-secondary);
      --jh-color-magenta-950: #3f0237ff;
      --jh-color-magenta-900: #500e46ff;
      --jh-color-magenta-850: #5d1153ff;
      --jh-color-magenta-800: #6e1662ff;
      --jh-color-magenta-750: #7f1771ff;
      --jh-color-magenta-700: #8f1a7fff;
      --jh-color-magenta-650: #a0188eff;
      --jh-color-magenta-600: #b11a9dff;
      --jh-color-magenta-550: #bd1ca8ff;
      --jh-color-magenta-500: #ca2ab4ff;
      --jh-color-magenta-450: #e547cdff;
      --jh-color-magenta-400: #f359daff;
      --jh-color-magenta-350: #f76ddfff;
      --jh-color-magenta-300: #fc82e6ff;
      --jh-color-magenta-250: #fb99e8ff;
      --jh-color-magenta-200: #fdb8edff;
      --jh-color-magenta-150: #fac9efff;
      --jh-color-magenta-100: #ffe3f8ff;
      --jh-color-magenta-50: #ffeffbff;
      --jh-color-violet-950: #340257ff;
      --jh-color-violet-900: #45086eff;
      --jh-color-violet-850: #510981ff;
      --jh-color-violet-800: #5e0c96ff;
      --jh-color-violet-750: #6d14aaff;
      --jh-color-violet-700: #7b17bfff;
      --jh-color-violet-650: #8818d3ff;
      --jh-color-violet-600: #961ee7ff;
      --jh-color-violet-550: #9e2aefff;
      --jh-color-violet-500: #a83df3ff;
      --jh-color-violet-450: #bd5ffeff;
      --jh-color-violet-400: #c676fcff;
      --jh-color-violet-350: #ca87f5ff;
      --jh-color-violet-300: #d298f6ff;
      --jh-color-violet-250: #d8a9f4ff;
      --jh-color-violet-200: #e5c0faff;
      --jh-color-violet-150: #e8cff6ff;
      --jh-color-violet-100: #f4e7faff;
      --jh-color-violet-50: #f7f2faff;
      --jh-color-blue-950: #06185fff;
      --jh-color-blue-900: #132377ff;
      --jh-color-blue-850: #192a89ff;
      --jh-color-blue-800: #23339eff;
      --jh-color-blue-750: #2a3bb1ff;
      --jh-color-blue-700: #3343c4ff;
      --jh-color-blue-650: #264fd5ff;
      --jh-color-blue-600: #085ce5ff;
      --jh-color-blue-550: #1665ebff;
      --jh-color-blue-500: #1470ebff;
      --jh-color-blue-450: #4a8afbff;
      --jh-color-blue-400: #5c9afcff;
      --jh-color-blue-350: #67a6f8ff;
      --jh-color-blue-300: #76b4f8ff;
      --jh-color-blue-250: #86c1f8ff;
      --jh-color-blue-200: #a3d4ffff;
      --jh-color-blue-150: #badcfbff;
      --jh-color-blue-100: #daeeffff;
      --jh-color-blue-50: #ecf5feff;
      --jh-color-cyan-950: #03232cff;
      --jh-color-cyan-900: #0d303aff;
      --jh-color-cyan-850: #153843ff;
      --jh-color-cyan-800: #1b4350ff;
      --jh-color-cyan-750: #1e4d5cff;
      --jh-color-cyan-700: #205869ff;
      --jh-color-cyan-650: #246174ff;
      --jh-color-cyan-600: #266c81ff;
      --jh-color-cyan-550: #25748bff;
      --jh-color-cyan-500: #1b809aff;
      --jh-color-cyan-450: #2098b7ff;
      --jh-color-cyan-400: #1aa7c9ff;
      --jh-color-cyan-350: #18b2d7ff;
      --jh-color-cyan-300: #29bfe6ff;
      --jh-color-cyan-250: #48caf0ff;
      --jh-color-cyan-200: #76dcfdff;
      --jh-color-cyan-150: #9ce3fcff;
      --jh-color-cyan-100: #ccf2fbff;
      --jh-color-cyan-50: #e8f7f7ff;
      --jh-color-mint-950: #0e2319ff;
      --jh-color-mint-900: #163124ff;
      --jh-color-mint-850: #173a2aff;
      --jh-color-mint-800: #1c4633ff;
      --jh-color-mint-750: #1f503aff;
      --jh-color-mint-700: #205b41ff;
      --jh-color-mint-650: #236548ff;
      --jh-color-mint-600: #237050ff;
      --jh-color-mint-550: #177954ff;
      --jh-color-mint-500: #07865bff;
      --jh-color-mint-450: #1a9e6dff;
      --jh-color-mint-400: #14ad77ff;
      --jh-color-mint-350: #02b97eff;
      --jh-color-mint-300: #18c789ff;
      --jh-color-mint-250: #34d395ff;
      --jh-color-mint-200: #65e4acff;
      --jh-color-mint-150: #90eabeff;
      --jh-color-mint-100: #c0f8dbff;
      --jh-color-mint-50: #e7f8eeff;
      --jh-color-green-950: #12240aff;
      --jh-color-green-900: #1d3017ff;
      --jh-color-green-850: #22391aff;
      --jh-color-green-800: #28451fff;
      --jh-color-green-750: #2d4f23ff;
      --jh-color-green-700: #325a26ff;
      --jh-color-green-650: #366429ff;
      --jh-color-green-600: #3b6f2dff;
      --jh-color-green-550: #3e772fff;
      --jh-color-green-500: #438332ff;
      --jh-color-green-450: #539b40ff;
      --jh-color-green-400: #56aa41ff;
      --jh-color-green-350: #57b640ff;
      --jh-color-green-300: #5fc445ff;
      --jh-color-green-250: #6ad150ff;
      --jh-color-green-200: #88e26eff;
      --jh-color-green-150: #a9e794ff;
      --jh-color-green-100: #d1f5c3ff;
      --jh-color-green-50: #ecf7e7ff;
      --jh-color-yellow-950: #261f04ff;
      --jh-color-yellow-900: #332a0dff;
      --jh-color-yellow-850: #3d320cff;
      --jh-color-yellow-800: #483b0fff;
      --jh-color-yellow-750: #544511ff;
      --jh-color-yellow-700: #5f4f13ff;
      --jh-color-yellow-650: #695716ff;
      --jh-color-yellow-600: #746118ff;
      --jh-color-yellow-550: #7d6815ff;
      --jh-color-yellow-500: #8a7318ff;
      --jh-color-yellow-450: #a28823ff;
      --jh-color-yellow-400: #b19524ff;
      --jh-color-yellow-350: #be9e1fff;
      --jh-color-yellow-300: #ccab28ff;
      --jh-color-yellow-250: #d8b63bff;
      --jh-color-yellow-200: #e9ca65ff;
      --jh-color-yellow-150: #ecd595ff;
      --jh-color-yellow-100: #f8eac7ff;
      --jh-color-yellow-50: #f9f3e7ff;
      --jh-color-orange-950: #2c1c04ff;
      --jh-color-orange-900: #3b270fff;
      --jh-color-orange-850: #462e11ff;
      --jh-color-orange-800: #523714ff;
      --jh-color-orange-750: #604018ff;
      --jh-color-orange-700: #6e4818ff;
      --jh-color-orange-650: #7a5019ff;
      --jh-color-orange-600: #885818ff;
      --jh-color-orange-550: #935d11ff;
      --jh-color-orange-500: #a4670cff;
      --jh-color-orange-450: #bf7a17ff;
      --jh-color-orange-400: #cf8722ff;
      --jh-color-orange-350: #db912cff;
      --jh-color-orange-300: #e89e3eff;
      --jh-color-orange-250: #f0ab58ff;
      --jh-color-orange-200: #fcc17fff;
      --jh-color-orange-150: #f5d0a9ff;
      --jh-color-orange-100: #fbe8d5ff;
      --jh-color-orange-50: #faf2ebff;
      --jh-color-red-950: #391307ff;
      --jh-color-red-900: #4e1a0fff;
      --jh-color-red-850: #601b0eff;
      --jh-color-red-800: #77190dff;
      --jh-color-red-750: #8b150aff;
      --jh-color-red-700: #9e150bff;
      --jh-color-red-650: #ae180dff;
      --jh-color-red-600: #bd2113ff;
      --jh-color-red-550: #ca2515ff;
      --jh-color-red-500: #db3520ff;
      --jh-color-red-450: #f15135ff;
      --jh-color-red-400: #f96749ff;
      --jh-color-red-350: #f97b5eff;
      --jh-color-red-300: #fa9176ff;
      --jh-color-red-250: #f8a48eff;
      --jh-color-red-200: #fbbfaeff;
      --jh-color-red-150: #f5cfc4ff;
      --jh-color-red-100: #fae7e2ff;
      --jh-color-red-50: #fdf1eeff;
      --jh-color-gray-950: #202020ff;
      --jh-color-gray-900: #2c2c2cff;
      --jh-color-gray-850: #343434ff;
      --jh-color-gray-800: #3e3e3eff;
      --jh-color-gray-750: #474747ff;
      --jh-color-gray-700: #515151ff;
      --jh-color-gray-650: #595959ff;
      --jh-color-gray-600: #636363ff;
      --jh-color-gray-550: #6a6a6aff;
      --jh-color-gray-500: #747474ff;
      --jh-color-gray-450: #8a8a8aff;
      --jh-color-gray-400: #989898ff;
      --jh-color-gray-350: #a2a2a2ff;
      --jh-color-gray-300: #afafafff;
      --jh-color-gray-250: #bababaff;
      --jh-color-gray-200: #cdcdcdff;
      --jh-color-gray-150: #d7d7d7ff;
      --jh-color-gray-100: #ebebebff;
      --jh-color-gray-50: #f4f4f4ff;
      --jh-color-white-alpha-100: #ffffffff;
      --jh-color-white-alpha-90: #ffffffe6;
      --jh-color-white-alpha-80: #ffffffcc;
      --jh-color-white-alpha-70: #ffffffb3;
      --jh-color-white-alpha-60: #ffffff99;
      --jh-color-white-alpha-50: #ffffff80;
      --jh-color-white-alpha-40: #ffffff66;
      --jh-color-white-alpha-30: #ffffff4d;
      --jh-color-white-alpha-20: #ffffff33;
      --jh-color-white-alpha-10: #ffffff1a;
      --jh-color-black-alpha-100: #000000ff;
      --jh-color-black-alpha-90: #000000e6;
      --jh-color-black-alpha-80: #000000cc;
      --jh-color-black-alpha-70: #000000b3;
      --jh-color-black-alpha-60: #00000099;
      --jh-color-black-alpha-50: #00000080;
      --jh-color-black-alpha-40: #00000066;
      --jh-color-black-alpha-30: #0000004d;
      --jh-color-black-alpha-20: #00000033;
      --jh-color-black-alpha-10: #0000001a;
      --jh-color-shadow-secondary: var(--jh-color-black-alpha-10);
      --jh-color-shadow-primary: var(--jh-color-black-alpha-30);
      --jh-color-interactive-visited: var(--jh-color-violet-600);
      --jh-color-interactive-highlight: var(--jh-color-cyan-100);
      --jh-color-interactive-focus: var(--jh-color-blue-600);
      --jh-color-content-on-inverse-active: var(--jh-color-black-alpha-100);
      --jh-color-content-on-inverse-hover: var(--jh-color-black-alpha-100);
      --jh-color-content-on-inverse-enabled: var(--jh-color-black-alpha-100);
      --jh-color-content-on-negative-active: var(--jh-color-white-alpha-100);
      --jh-color-content-on-negative-hover: var(--jh-color-white-alpha-100);
      --jh-color-content-on-negative-enabled: var(--jh-color-white-alpha-100);
      --jh-color-content-on-positive-active: var(--jh-color-white-alpha-100);
      --jh-color-content-on-positive-hover: var(--jh-color-white-alpha-100);
      --jh-color-content-on-positive-enabled: var(--jh-color-white-alpha-100);
      --jh-color-content-on-secondary-active: var(--jh-color-white-alpha-100);
      --jh-color-content-on-secondary-hover: var(--jh-color-white-alpha-100);
      --jh-color-content-on-secondary-enabled: var(--jh-color-white-alpha-100);
      --jh-color-content-on-primary-active: var(--jh-color-white-alpha-100);
      --jh-color-content-on-primary-hover: var(--jh-color-white-alpha-100);
      --jh-color-content-on-primary-enabled: var(--jh-color-white-alpha-100);
      --jh-color-content-on-brand-active: var(--jh-color-white-alpha-100);
      --jh-color-content-on-brand-hover: var(--jh-color-white-alpha-100);
      --jh-color-content-on-brand-enabled: var(--jh-color-white-alpha-100);
      --jh-color-content-inverse-active: var(--jh-color-gray-100);
      --jh-color-content-inverse-hover: var(--jh-color-gray-50);
      --jh-color-content-inverse-enabled: var(--jh-color-white-alpha-100);
      --jh-color-content-negative-active: var(--jh-color-red-700);
      --jh-color-content-negative-hover: var(--jh-color-red-650);
      --jh-color-content-negative-enabled: var(--jh-color-red-600);
      --jh-color-content-positive-active: var(--jh-color-green-700);
      --jh-color-content-positive-hover: var(--jh-color-green-650);
      --jh-color-content-positive-enabled: var(--jh-color-green-600);
      --jh-color-content-secondary-active: var(--jh-color-gray-700);
      --jh-color-content-secondary-hover: var(--jh-color-gray-650);
      --jh-color-content-secondary-enabled: var(--jh-color-gray-600);
      --jh-color-content-primary-active: var(--jh-color-black-alpha-100);
      --jh-color-content-primary-hover: var(--jh-color-gray-950);
      --jh-color-content-primary-enabled: var(--jh-color-gray-900);
      --jh-color-content-brand-active: var(--jh-color-blue-700);
      --jh-color-content-brand-hover: var(--jh-color-blue-650);
      --jh-color-content-brand-enabled: var(--jh-color-blue-600);
      --jh-color-brand-on-gradient-dark: var(--jh-color-white-alpha-100);
      --jh-color-brand-on-gradient-light: var(--jh-color-blue-950);
      --jh-color-brand-on-tertiary: var(--jh-color-blue-950);
      --jh-color-brand-on-secondary: var(--jh-color-white-alpha-100);
      --jh-color-brand-on-primary: var(--jh-color-white-alpha-100);
      --jh-color-brand-gradient-dark: linear-gradient(135deg, var(--jh-color-blue-600) 0%, var(--jh-color-blue-950) 100%);
      --jh-color-brand-gradient-medium: linear-gradient(135deg, var(--jh-color-cyan-200) 0%, var(--jh-color-blue-600) 100%);
      --jh-color-brand-gradient-light: linear-gradient(135deg, var(--jh-color-cyan-50) 0%, var(--jh-color-cyan-200) 100%);
      --jh-color-brand-tertiary: var(--jh-color-cyan-200);
      --jh-color-brand-secondary: var(--jh-color-blue-600);
      --jh-color-brand-primary: var(--jh-color-blue-950);
      --jh-color-divider-inverse: var(--jh-color-white-alpha-100);
      --jh-color-divider-secondary: var(--jh-color-gray-100);
      --jh-color-divider-primary: var(--jh-color-gray-500);
      --jh-color-control-active: var(--jh-color-gray-250);
      --jh-color-control-hover: var(--jh-color-gray-200);
      --jh-color-control-enabled: var(--jh-color-gray-150);
      --jh-color-overlay: var(--jh-color-black-alpha-50);
      --jh-color-container-negative-active: var(--jh-color-red-200);
      --jh-color-container-negative-hover: var(--jh-color-red-150);
      --jh-color-container-negative-enabled: var(--jh-color-red-100);
      --jh-color-container-positive-active: var(--jh-color-green-200);
      --jh-color-container-positive-hover: var(--jh-color-green-150);
      --jh-color-container-positive-enabled: var(--jh-color-green-100);
      --jh-color-container-brand-active: var(--jh-color-blue-200);
      --jh-color-container-brand-hover: var(--jh-color-blue-150);
      --jh-color-container-brand-enabled: var(--jh-color-blue-100);
      --jh-color-container-neutral-active: var(--jh-color-gray-200);
      --jh-color-container-neutral-hover: var(--jh-color-gray-150);
      --jh-color-container-neutral-enabled: var(--jh-color-gray-100);
      --jh-color-container-secondary-selected: var(--jh-color-blue-100);
      --jh-color-container-secondary-active: var(--jh-color-gray-100);
      --jh-color-container-secondary-hover: var(--jh-color-white-alpha-100);
      --jh-color-container-secondary-enabled: var(--jh-color-gray-50);
      --jh-color-container-primary-selected: var(--jh-color-blue-50);
      --jh-color-container-primary-active: var(--jh-color-gray-100);
      --jh-color-container-primary-hover: var(--jh-color-gray-50);
      --jh-color-container-primary-enabled: var(--jh-color-white-alpha-100);
      --jh-color-container-page: var(--jh-color-gray-100);
      --jh-font-heading-bold-6: var(--jh-font-weight-700) var(--jh-font-size-900)/var(--jh-font-line-height-1100) var(--jh-font-family-primary);
      --jh-font-heading-bold-5: var(--jh-font-weight-700) var(--jh-font-size-800)/var(--jh-font-line-height-1000) var(--jh-font-family-primary);
      --jh-font-heading-bold-4: var(--jh-font-weight-700) var(--jh-font-size-700)/var(--jh-font-line-height-900) var(--jh-font-family-primary);
      --jh-font-heading-bold-3: var(--jh-font-weight-700) var(--jh-font-size-500)/var(--jh-font-line-height-700) var(--jh-font-family-primary);
      --jh-font-heading-bold-2: var(--jh-font-weight-700) var(--jh-font-size-400)/var(--jh-font-line-height-600) var(--jh-font-family-primary);
      --jh-font-heading-bold-1: var(--jh-font-weight-700) var(--jh-font-size-350)/var(--jh-font-line-height-500) var(--jh-font-family-primary);
      --jh-font-heading-medium-6: var(--jh-font-weight-500) var(--jh-font-size-900)/var(--jh-font-line-height-1100) var(--jh-font-family-primary);
      --jh-font-heading-medium-5: var(--jh-font-weight-500) var(--jh-font-size-800)/var(--jh-font-line-height-1000) var(--jh-font-family-primary);
      --jh-font-heading-medium-4: var(--jh-font-weight-500) var(--jh-font-size-700)/var(--jh-font-line-height-900) var(--jh-font-family-primary);
      --jh-font-heading-medium-3: var(--jh-font-weight-500) var(--jh-font-size-500)/var(--jh-font-line-height-700) var(--jh-font-family-primary);
      --jh-font-heading-medium-2: var(--jh-font-weight-500) var(--jh-font-size-400)/var(--jh-font-line-height-600) var(--jh-font-family-primary);
      --jh-font-heading-medium-1: var(--jh-font-weight-500) var(--jh-font-size-350)/var(--jh-font-line-height-500) var(--jh-font-family-primary);
      --jh-font-heading-regular-6: var(--jh-font-weight-400) var(--jh-font-size-900)/var(--jh-font-line-height-1100) var(--jh-font-family-primary);
      --jh-font-heading-regular-5: var(--jh-font-weight-400) var(--jh-font-size-800)/var(--jh-font-line-height-1000) var(--jh-font-family-primary);
      --jh-font-heading-regular-4: var(--jh-font-weight-400) var(--jh-font-size-700)/var(--jh-font-line-height-900) var(--jh-font-family-primary);
      --jh-font-heading-regular-3: var(--jh-font-weight-400) var(--jh-font-size-500)/var(--jh-font-line-height-700) var(--jh-font-family-primary);
      --jh-font-heading-regular-2: var(--jh-font-weight-400) var(--jh-font-size-400)/var(--jh-font-line-height-600) var(--jh-font-family-primary);
      --jh-font-heading-regular-1: var(--jh-font-weight-400) var(--jh-font-size-350)/var(--jh-font-line-height-500) var(--jh-font-family-primary);
      --jh-font-display-light-3: var(--jh-font-weight-300) var(--jh-font-size-2300)/var(--jh-font-line-height-2700) var(--jh-font-family-primary);
      --jh-font-display-light-2: var(--jh-font-weight-300) var(--jh-font-size-1350)/var(--jh-font-line-height-1600) var(--jh-font-family-primary);
      --jh-font-display-light-1: var(--jh-font-weight-300) var(--jh-font-size-1050)/var(--jh-font-line-height-1300) var(--jh-font-family-primary);
      --jh-font-code-regular-2: var(--jh-font-weight-400) var(--jh-font-size-400)/var(--jh-font-line-height-600) var(--jh-font-family-mono);
      --jh-font-code-regular-1: var(--jh-font-weight-400) var(--jh-font-size-350)/var(--jh-font-line-height-500) var(--jh-font-family-mono);
      --jh-font-body-bold-2: var(--jh-font-weight-700) var(--jh-font-size-400)/var(--jh-font-line-height-600) var(--jh-font-family-primary);
      --jh-font-body-bold-1: var(--jh-font-weight-700) var(--jh-font-size-350)/var(--jh-font-line-height-500) var(--jh-font-family-primary);
      --jh-font-body-medium-2: var(--jh-font-weight-500) var(--jh-font-size-400)/var(--jh-font-line-height-600) var(--jh-font-family-primary);
      --jh-font-body-medium-1: var(--jh-font-weight-500) var(--jh-font-size-350)/var(--jh-font-line-height-500) var(--jh-font-family-primary);
      --jh-font-body-regular-2: var(--jh-font-weight-400) var(--jh-font-size-400)/var(--jh-font-line-height-600) var(--jh-font-family-primary);
      --jh-font-body-regular-1: var(--jh-font-weight-400) var(--jh-font-size-350)/var(--jh-font-line-height-500) var(--jh-font-family-primary);
      --jh-font-helper-bold: var(--jh-font-weight-700) var(--jh-font-size-300)/var(--jh-font-line-height-400) var(--jh-font-family-primary);
      --jh-font-helper-medium: var(--jh-font-weight-500) var(--jh-font-size-300)/var(--jh-font-line-height-400) var(--jh-font-family-primary);
      --jh-font-helper-regular: var(--jh-font-weight-400) var(--jh-font-size-300)/var(--jh-font-line-height-400) var(--jh-font-family-primary);
      --jh-font-micro-bold: var(--jh-font-weight-700) var(--jh-font-size-250)/var(--jh-font-line-height-300) var(--jh-font-family-primary);
      --jh-font-micro-medium: var(--jh-font-weight-500) var(--jh-font-size-250)/var(--jh-font-line-height-300) var(--jh-font-family-primary);
      --jh-font-micro-regular: var(--jh-font-weight-400) var(--jh-font-size-250)/var(--jh-font-line-height-300) var(--jh-font-family-primary)
    }

    * {
      --jh-color-interactive-visited: var(--link-button-text-pressed-color);
      --jh-color-interactive-highlight: var(--menu-item-selected-color);
      --jh-color-interactive-focus-inner: var(--default-button-border-focused-color);
      --jh-color-interactive-focus-outer: var(--default-button-focused-color);
      --jh-color-content-on-inverse-active: var(--primary-button-text-pressed-color);
      --jh-color-content-on-inverse-hover: var(--primary-button-text-focused-color);
      --jh-color-content-on-inverse-enabled: var(--secondary-theme-text-color);
      --jh-color-content-on-negative-active: var(--error-text-color);
      --jh-color-content-on-negative-hover: var(--error-text-color);
      --jh-color-content-on-negative-enabled: var(--error-text-color);
      --jh-color-content-on-positive-active: var(--primary-button-text-color);
      --jh-color-content-on-positive-hover: var(--primary-button-text-color);
      --jh-color-content-on-positive-enabled: var(--primary-button-text-color);
      --jh-color-content-on-secondary-active: var(--menu-text-selected-color);
      --jh-color-content-on-secondary-hover: var(--menu-text-pressed-color);
      --jh-color-content-on-secondary-enabled: var(--menu-text-color);
      --jh-color-content-on-primary-active: var(--primary-button-text-pressed-color);
      --jh-color-content-on-primary-hover: var(--primary-button-text-focused-color);
      --jh-color-content-on-primary-enabled: var(--primary-button-text-color);
      --jh-color-content-on-brand-active: var(--toolbar-action-mode-title-color);
      --jh-color-content-on-brand-hover: var(--toolbar-action-mode-title-color);
      --jh-color-content-on-brand-enabled: var(--secondary-theme-text-color);
      --jh-color-content-inverse-active: var(--secondary-theme-text-color);
      --jh-color-content-inverse-hover: var(--secondary-theme-text-color);
      --jh-color-content-inverse-enabled: var(--secondary-theme-text-color);
      --jh-color-content-negative-active: var(--body-text-rejected-color);
      --jh-color-content-negative-hover: var(--body-text-rejected-color);
      --jh-color-content-negative-enabled: var(--body-text-alert-color);
      --jh-color-content-positive-active: var(--body-text-completed-color);
      --jh-color-content-positive-hover: var(--body-text-highlight-color);
      --jh-color-content-positive-enabled: var(--body-text-deposit-color);
      --jh-color-content-secondary-active: var(--body-text-secondary-color);
      --jh-color-content-secondary-hover: var(--body-text-secondary-color);
      --jh-color-content-secondary-enabled: var(--body-text-secondary-color);
      --jh-color-content-primary-active: var(--body-text-primary-color);
      --jh-color-content-primary-hover: var(--body-text-primary-color);
      --jh-color-content-primary-enabled: var(--body-text-primary-color);
      --jh-color-content-brand-active: var(--primary-button-pressed-color);
      --jh-color-content-brand-hover: var(--primary-button-focused-color);
      --jh-color-content-brand-enabled: var(--primary-button-color);
      --jh-color-brand-on-gradient-dark: var(--toolbar-action-mode-title-color);
      --jh-color-brand-on-gradient-light: var(--primary-button-text-color);
      --jh-color-brand-on-tertiary: var(--primary-button-text-color);
      --jh-color-brand-on-secondary: var(--primary-button-text-color);
      --jh-color-brand-on-primary: var(--primary-button-text-color);
      --jh-color-brand-gradient-dark: var(--primary-button-pressed-color);
      --jh-color-brand-gradient-medium: var(--primary-button-focused-color);
      --jh-color-brand-gradient-light: var(--primary-button-color);
      --jh-color-brand-tertiary: var(--account-card-primary-accent-color);
      --jh-color-brand-secondary: var(--secondary-theme-background-color);
      --jh-color-brand-primary: var(--primary-theme-background-color);
      --jh-color-divider-inverse: var(--menu-divider-color);
      --jh-color-divider-secondary: var(--divider-alternative-color);
      --jh-color-divider-primary: var(--divider-default-color);
      --jh-color-control-active: var(--menu-icon-pressed-color);
      --jh-color-control-hover: var(--menu-icon-selected-color);
      --jh-color-control-enabled: var(--menu-icon-color);
      --jh-color-container-secondary-selected: var(--menu-item-selected-color);
      --jh-color-container-secondary-active: var(--menu-item-pressed-color);
      --jh-color-container-secondary-hover: var(--footer-background-color);
      --jh-color-container-secondary-enabled: var(--secondary-content-background-color);
      --jh-color-container-primary-selected: var(--menu-item-selected-color);
      --jh-color-container-primary-active: var(--menu-item-pressed-color);
      --jh-color-container-primary-hover: var(--menu-item-pressed-color);
      --jh-color-container-primary-enabled: var(--primary-content-background-color);
      --jh-color-container-page: var(--dashboard-page-background-color);
      --jh-chart-container-0: #f1f6fb;
      --jh-chart-container-1: #eef1f6;
      --jh-chart-container-2: #f8f2f9;
      --jh-chart-container-3: #edf3f1;
      --jh-chart-container-4: #eef7f0;
      --jh-chart-container-5: #f3f0f5;
      --jh-chart-container-6: #fdf3ed;
      --jh-chart-container-7: #f8efef;
      --jh-chart-container-8: #fbf3f3;
      --jh-chart-container-9: #f0f0f0;
      --jh-chart-container-10: #f5f5f5;
      --jh-chart-container-11: #f6f1ee;
      --jh-chart-container-12: #f7f5f1;
      --jh-chart-container-13: #f2f2ed;
      --jh-chart-container-14: #edf7f5;
      --jh-chart-container-15: #edf7f5;
      --jh-chart-container-16: #f5f6ed;
      --jh-chart-container-17: #f2f1eb;
      --jh-chart-graphic-0: #4e93d0;
      --jh-chart-graphic-1: #2f5898;
      --jh-chart-graphic-2: #ae63bb;
      --jh-chart-graphic-3: #1d6957;
      --jh-chart-graphic-4: #2ca047;
      --jh-chart-graphic-5: #6b4a87;
      --jh-chart-graphic-6: #d96e20;
      --jh-chart-graphic-7: #aa3c3c;
      --jh-chart-graphic-8: #d66c6c;
      --jh-chart-graphic-9: #454545;
      --jh-chart-graphic-10: #8c8c8c;
      --jh-chart-graphic-11: #98592b;
      --jh-chart-graphic-12: #998c56;
      --jh-chart-graphic-13: #5d6125;
      --jh-chart-graphic-14: #1da081;
      --jh-chart-graphic-15: #306a16;
      --jh-chart-graphic-16: #87951e;
      --jh-chart-graphic-17: #614f00;
      --jh-chart-text-0: #2573b8;
      --jh-chart-text-1: #3f81c7;
      --jh-chart-text-2: #9a54a8;
      --jh-chart-text-3: #1d6957;
      --jh-chart-text-4: #238039;
      --jh-chart-text-5: #6b4a87;
      --jh-chart-text-6: #b25612;
      --jh-chart-text-7: #d94c4c;
      --jh-chart-text-8: #a85959;
      --jh-chart-text-9: #6c7d85;
      --jh-chart-text-10: #707070;
      --jh-chart-text-11: #c16828;
      --jh-chart-text-12: #7a7045;
      --jh-chart-text-13: #7d8232;
      --jh-chart-text-14: #197d62;
      --jh-chart-text-15: #338f49;
      --jh-chart-text-16: #68780c;
      --jh-chart-text-17: #b09b38
    }

    @media (prefers-color-scheme:dark) {
      :root {
        color-scheme: dark;
        --jh-z-index-positive-1000: 1000;
        --jh-z-index-positive-900: 900;
        --jh-z-index-positive-800: 800;
        --jh-z-index-positive-700: 700;
        --jh-z-index-positive-600: 600;
        --jh-z-index-positive-500: 500;
        --jh-z-index-positive-400: 400;
        --jh-z-index-positive-300: 300;
        --jh-z-index-positive-200: 200;
        --jh-z-index-positive-100: 100;
        --jh-z-index-negative-100: -100;
        --jh-z-index-0: 0;
        --jh-dimension-2400: 96px;
        --jh-dimension-2300: 92px;
        --jh-dimension-2200: 88px;
        --jh-dimension-2100: 84px;
        --jh-dimension-2000: 80px;
        --jh-dimension-1900: 76px;
        --jh-dimension-1800: 72px;
        --jh-dimension-1700: 68px;
        --jh-dimension-1600: 64px;
        --jh-dimension-1500: 60px;
        --jh-dimension-1400: 56px;
        --jh-dimension-1300: 52px;
        --jh-dimension-1200: 48px;
        --jh-dimension-1100: 44px;
        --jh-dimension-1000: 40px;
        --jh-dimension-900: 36px;
        --jh-dimension-800: 32px;
        --jh-dimension-700: 28px;
        --jh-dimension-600: 24px;
        --jh-dimension-500: 20px;
        --jh-dimension-400: 16px;
        --jh-dimension-300: 12px;
        --jh-dimension-200: 8px;
        --jh-dimension-100: 4px;
        --jh-dimension-50: 2px;
        --jh-dimension-25: 1px;
        --jh-dimension-0: 0px;
        --jh-shadow-overlay: 0px 16px 24px 0px var(--jh-color-shadow-primary), 0px 8px 8px 0px var(--jh-color-shadow-secondary);
        --jh-shadow-high: 0px 12px 18px 0px var(--jh-color-shadow-primary), 0px 6px 6px 0px var(--jh-color-shadow-secondary);
        --jh-shadow-mid: 0px 8px 12px 0px var(--jh-color-shadow-primary), 0px 4px 4px 0px var(--jh-color-shadow-secondary);
        --jh-shadow-low: 0px 4px 6px 0px var(--jh-color-shadow-primary), 0px 2px 2px 0px var(--jh-color-shadow-secondary);
        --jh-opacity-disabled: var(--jh-opacity-300);
        --jh-opacity-1000: 1.0;
        --jh-opacity-900: 0.9;
        --jh-opacity-800: 0.8;
        --jh-opacity-700: 0.7;
        --jh-opacity-600: 0.6;
        --jh-opacity-500: 0.5;
        --jh-opacity-400: 0.4;
        --jh-opacity-300: 0.3;
        --jh-opacity-200: 0.2;
        --jh-opacity-100: 0.1;
        --jh-opacity-0: 0;
        --jh-font-size-2300: 92px;
        --jh-font-size-2100: 84px;
        --jh-font-size-1900: 76px;
        --jh-font-size-1700: 68px;
        --jh-font-size-1500: 60px;
        --jh-font-size-1350: 54px;
        --jh-font-size-1200: 48px;
        --jh-font-size-1050: 42px;
        --jh-font-size-900: 36px;
        --jh-font-size-800: 32px;
        --jh-font-size-700: 28px;
        --jh-font-size-600: 24px;
        --jh-font-size-500: 20px;
        --jh-font-size-450: 18px;
        --jh-font-size-400: 16px;
        --jh-font-size-350: 14px;
        --jh-font-size-300: 12px;
        --jh-font-size-250: 10px;
        --jh-font-weight-700: 700;
        --jh-font-weight-500: 500;
        --jh-font-weight-400: 400;
        --jh-font-weight-300: 300;
        --jh-font-line-height-2700: 108px;
        --jh-font-line-height-2500: 100px;
        --jh-font-line-height-2300: 92px;
        --jh-font-line-height-2000: 80px;
        --jh-font-line-height-1800: 72px;
        --jh-font-line-height-1600: 64px;
        --jh-font-line-height-1500: 60px;
        --jh-font-line-height-1300: 52px;
        --jh-font-line-height-1100: 44px;
        --jh-font-line-height-1000: 40px;
        --jh-font-line-height-900: 36px;
        --jh-font-line-height-800: 32px;
        --jh-font-line-height-700: 28px;
        --jh-font-line-height-600: 24px;
        --jh-font-line-height-500: 20px;
        --jh-font-line-height-400: 16px;
        --jh-font-line-height-300: 12px;
        --jh-font-heading-bold-6-line-height: var(--jh-font-line-height-1100);
        --jh-font-heading-bold-6-font-weight: var(--jh-font-weight-700);
        --jh-font-heading-bold-6-font-size: var(--jh-font-size-900);
        --jh-font-heading-bold-6-font-family: var(--jh-font-family-primary);
        --jh-font-heading-bold-5-line-height: var(--jh-font-line-height-1000);
        --jh-font-heading-bold-5-font-weight: var(--jh-font-weight-700);
        --jh-font-heading-bold-5-font-size: var(--jh-font-size-800);
        --jh-font-heading-bold-5-font-family: var(--jh-font-family-primary);
        --jh-font-heading-bold-4-line-height: var(--jh-font-line-height-900);
        --jh-font-heading-bold-4-font-weight: var(--jh-font-weight-700);
        --jh-font-heading-bold-4-font-size: var(--jh-font-size-700);
        --jh-font-heading-bold-4-font-family: var(--jh-font-family-primary);
        --jh-font-heading-bold-3-line-height: var(--jh-font-line-height-700);
        --jh-font-heading-bold-3-font-weight: var(--jh-font-weight-700);
        --jh-font-heading-bold-3-font-size: var(--jh-font-size-500);
        --jh-font-heading-bold-3-font-family: var(--jh-font-family-primary);
        --jh-font-heading-bold-2-line-height: var(--jh-font-line-height-600);
        --jh-font-heading-bold-2-font-weight: var(--jh-font-weight-700);
        --jh-font-heading-bold-2-font-size: var(--jh-font-size-400);
        --jh-font-heading-bold-2-font-family: var(--jh-font-family-primary);
        --jh-font-heading-bold-1-line-height: var(--jh-font-line-height-500);
        --jh-font-heading-bold-1-font-weight: var(--jh-font-weight-700);
        --jh-font-heading-bold-1-font-size: var(--jh-font-size-350);
        --jh-font-heading-bold-1-font-family: var(--jh-font-family-primary);
        --jh-font-heading-medium-6-line-height: var(--jh-font-line-height-1100);
        --jh-font-heading-medium-6-font-weight: var(--jh-font-weight-500);
        --jh-font-heading-medium-6-font-size: var(--jh-font-size-900);
        --jh-font-heading-medium-6-font-family: var(--jh-font-family-primary);
        --jh-font-heading-medium-5-line-height: var(--jh-font-line-height-1000);
        --jh-font-heading-medium-5-font-weight: var(--jh-font-weight-500);
        --jh-font-heading-medium-5-font-size: var(--jh-font-size-800);
        --jh-font-heading-medium-5-font-family: var(--jh-font-family-primary);
        --jh-font-heading-medium-4-line-height: var(--jh-font-line-height-900);
        --jh-font-heading-medium-4-font-weight: var(--jh-font-weight-500);
        --jh-font-heading-medium-4-font-size: var(--jh-font-size-700);
        --jh-font-heading-medium-4-font-family: var(--jh-font-family-primary);
        --jh-font-heading-medium-3-line-height: var(--jh-font-line-height-700);
        --jh-font-heading-medium-3-font-weight: var(--jh-font-weight-500);
        --jh-font-heading-medium-3-font-size: var(--jh-font-size-500);
        --jh-font-heading-medium-3-font-family: var(--jh-font-family-primary);
        --jh-font-heading-medium-2-line-height: var(--jh-font-line-height-600);
        --jh-font-heading-medium-2-font-weight: var(--jh-font-weight-500);
        --jh-font-heading-medium-2-font-size: var(--jh-font-size-400);
        --jh-font-heading-medium-2-font-family: var(--jh-font-family-primary);
        --jh-font-heading-medium-1-line-height: var(--jh-font-line-height-500);
        --jh-font-heading-medium-1-font-weight: var(--jh-font-weight-500);
        --jh-font-heading-medium-1-font-size: var(--jh-font-size-350);
        --jh-font-heading-medium-1-font-family: var(--jh-font-family-primary);
        --jh-font-heading-regular-6-line-height: var(--jh-font-line-height-1100);
        --jh-font-heading-regular-6-font-weight: var(--jh-font-weight-400);
        --jh-font-heading-regular-6-font-size: var(--jh-font-size-900);
        --jh-font-heading-regular-6-font-family: var(--jh-font-family-primary);
        --jh-font-heading-regular-5-line-height: var(--jh-font-line-height-1000);
        --jh-font-heading-regular-5-font-weight: var(--jh-font-weight-400);
        --jh-font-heading-regular-5-font-size: var(--jh-font-size-800);
        --jh-font-heading-regular-5-font-family: var(--jh-font-family-primary);
        --jh-font-heading-regular-4-line-height: var(--jh-font-line-height-900);
        --jh-font-heading-regular-4-font-weight: var(--jh-font-weight-400);
        --jh-font-heading-regular-4-font-size: var(--jh-font-size-700);
        --jh-font-heading-regular-4-font-family: var(--jh-font-family-primary);
        --jh-font-heading-regular-3-line-height: var(--jh-font-line-height-700);
        --jh-font-heading-regular-3-font-weight: var(--jh-font-weight-400);
        --jh-font-heading-regular-3-font-size: var(--jh-font-size-500);
        --jh-font-heading-regular-3-font-family: var(--jh-font-family-primary);
        --jh-font-heading-regular-2-line-height: var(--jh-font-line-height-600);
        --jh-font-heading-regular-2-font-weight: var(--jh-font-weight-400);
        --jh-font-heading-regular-2-font-size: var(--jh-font-size-400);
        --jh-font-heading-regular-2-font-family: var(--jh-font-family-primary);
        --jh-font-heading-regular-1-line-height: var(--jh-font-line-height-500);
        --jh-font-heading-regular-1-font-weight: var(--jh-font-weight-400);
        --jh-font-heading-regular-1-font-size: var(--jh-font-size-350);
        --jh-font-heading-regular-1-font-family: var(--jh-font-family-primary);
        --jh-font-display-light-3-line-height: var(--jh-font-line-height-2700);
        --jh-font-display-light-3-font-weight: var(--jh-font-weight-300);
        --jh-font-display-light-3-font-size: var(--jh-font-size-2300);
        --jh-font-display-light-3-font-family: var(--jh-font-family-primary);
        --jh-font-display-light-2-line-height: var(--jh-font-line-height-1600);
        --jh-font-display-light-2-font-weight: var(--jh-font-weight-300);
        --jh-font-display-light-2-font-size: var(--jh-font-size-1350);
        --jh-font-display-light-2-font-family: var(--jh-font-family-primary);
        --jh-font-display-light-1-line-height: var(--jh-font-line-height-1300);
        --jh-font-display-light-1-font-weight: var(--jh-font-weight-300);
        --jh-font-display-light-1-font-size: var(--jh-font-size-1050);
        --jh-font-display-light-1-font-family: var(--jh-font-family-primary);
        --jh-font-code-regular-2-line-height: var(--jh-font-line-height-600);
        --jh-font-code-regular-2-font-weight: var(--jh-font-weight-400);
        --jh-font-code-regular-2-font-size: var(--jh-font-size-400);
        --jh-font-code-regular-2-font-family: var(--jh-font-family-mono);
        --jh-font-code-regular-1-line-height: var(--jh-font-line-height-500);
        --jh-font-code-regular-1-font-weight: var(--jh-font-weight-400);
        --jh-font-code-regular-1-font-size: var(--jh-font-size-350);
        --jh-font-code-regular-1-font-family: var(--jh-font-family-mono);
        --jh-font-body-bold-2-line-height: var(--jh-font-line-height-600);
        --jh-font-body-bold-2-font-weight: var(--jh-font-weight-700);
        --jh-font-body-bold-2-font-size: var(--jh-font-size-400);
        --jh-font-body-bold-2-font-family: var(--jh-font-family-primary);
        --jh-font-body-bold-1-line-height: var(--jh-font-line-height-500);
        --jh-font-body-bold-1-font-weight: var(--jh-font-weight-700);
        --jh-font-body-bold-1-font-size: var(--jh-font-size-350);
        --jh-font-body-bold-1-font-family: var(--jh-font-family-primary);
        --jh-font-body-medium-2-line-height: var(--jh-font-line-height-600);
        --jh-font-body-medium-2-font-weight: var(--jh-font-weight-500);
        --jh-font-body-medium-2-font-size: var(--jh-font-size-400);
        --jh-font-body-medium-2-font-family: var(--jh-font-family-primary);
        --jh-font-body-medium-1-line-height: var(--jh-font-line-height-500);
        --jh-font-body-medium-1-font-weight: var(--jh-font-weight-500);
        --jh-font-body-medium-1-font-size: var(--jh-font-size-350);
        --jh-font-body-medium-1-font-family: var(--jh-font-family-primary);
        --jh-font-body-regular-2-line-height: var(--jh-font-line-height-600);
        --jh-font-body-regular-2-font-weight: var(--jh-font-weight-400);
        --jh-font-body-regular-2-font-size: var(--jh-font-size-400);
        --jh-font-body-regular-2-font-family: var(--jh-font-family-primary);
        --jh-font-body-regular-1-line-height: var(--jh-font-line-height-500);
        --jh-font-body-regular-1-font-weight: var(--jh-font-weight-400);
        --jh-font-body-regular-1-font-size: var(--jh-font-size-350);
        --jh-font-body-regular-1-font-family: var(--jh-font-family-primary);
        --jh-font-helper-bold-line-height: var(--jh-font-line-height-400);
        --jh-font-helper-bold-font-weight: var(--jh-font-weight-700);
        --jh-font-helper-bold-font-size: var(--jh-font-size-300);
        --jh-font-helper-bold-font-family: var(--jh-font-family-primary);
        --jh-font-helper-medium-line-height: var(--jh-font-line-height-400);
        --jh-font-helper-medium-font-weight: var(--jh-font-weight-500);
        --jh-font-helper-medium-font-size: var(--jh-font-size-300);
        --jh-font-helper-medium-font-family: var(--jh-font-family-primary);
        --jh-font-helper-regular-line-height: var(--jh-font-line-height-400);
        --jh-font-helper-regular-font-weight: var(--jh-font-weight-400);
        --jh-font-helper-regular-font-size: var(--jh-font-size-300);
        --jh-font-helper-regular-font-family: var(--jh-font-family-primary);
        --jh-font-micro-bold-line-height: var(--jh-font-line-height-300);
        --jh-font-micro-bold-font-weight: var(--jh-font-weight-700);
        --jh-font-micro-bold-font-size: var(--jh-font-size-250);
        --jh-font-micro-bold-font-family: var(--jh-font-family-primary);
        --jh-font-micro-medium-line-height: var(--jh-font-line-height-300);
        --jh-font-micro-medium-font-weight: var(--jh-font-weight-500);
        --jh-font-micro-medium-font-size: var(--jh-font-size-250);
        --jh-font-micro-medium-font-family: var(--jh-font-family-primary);
        --jh-font-micro-regular-line-height: var(--jh-font-line-height-300);
        --jh-font-micro-regular-font-weight: var(--jh-font-weight-400);
        --jh-font-micro-regular-font-size: var(--jh-font-size-250);
        --jh-font-micro-regular-font-family: var(--jh-font-family-primary);
        --jh-font-family-mono: 'Roboto Mono', monospace;
        --jh-font-family-sans: 'Roboto Flex', Roboto, Helvetica, Arial, sans-serif;
        --jh-font-family-primary: var(--jh-font-family-sans);
        --jh-border-radius-pill: 9999px;
        --jh-border-radius-circle: 50%;
        --jh-border-radius-400: 16px;
        --jh-border-radius-300: 12px;
        --jh-border-radius-200: 8px;
        --jh-border-radius-100: 4px;
        --jh-border-radius-50: 2px;
        --jh-border-radius-0: 0px;
        --jh-border-error-style: solid;
        --jh-border-error-width: var(--jh-dimension-25);
        --jh-border-error-color: var(--jh-color-content-negative-enabled);
        --jh-border-selected-style: solid;
        --jh-border-selected-width: var(--jh-dimension-200);
        --jh-border-selected-color: var(--jh-color-content-brand-enabled);
        --jh-border-focus-style: solid;
        --jh-border-focus-width: var(--jh-dimension-50);
        --jh-border-focus-color: var(--jh-color-interactive-focus);
        --jh-border-action-style: solid;
        --jh-border-action-width: var(--jh-dimension-25);
        --jh-border-action-color: var(--jh-color-content-brand-enabled);
        --jh-border-control-style: solid;
        --jh-border-control-width: var(--jh-dimension-25);
        --jh-border-control-color: var(--jh-color-divider-primary);
        --jh-border-decorative-style: solid;
        --jh-border-decorative-width: var(--jh-dimension-25);
        --jh-border-decorative-color: var(--jh-color-divider-secondary);
        --jh-color-magenta-950: #3f0237ff;
        --jh-color-magenta-900: #500e46ff;
        --jh-color-magenta-850: #5d1153ff;
        --jh-color-magenta-800: #6e1662ff;
        --jh-color-magenta-750: #7f1771ff;
        --jh-color-magenta-700: #8f1a7fff;
        --jh-color-magenta-650: #a0188eff;
        --jh-color-magenta-600: #b11a9dff;
        --jh-color-magenta-550: #bd1ca8ff;
        --jh-color-magenta-500: #ca2ab4ff;
        --jh-color-magenta-450: #e547cdff;
        --jh-color-magenta-400: #f359daff;
        --jh-color-magenta-350: #f76ddfff;
        --jh-color-magenta-300: #fc82e6ff;
        --jh-color-magenta-250: #fb99e8ff;
        --jh-color-magenta-200: #fdb8edff;
        --jh-color-magenta-150: #fac9efff;
        --jh-color-magenta-100: #ffe3f8ff;
        --jh-color-magenta-50: #ffeffbff;
        --jh-color-violet-950: #340257ff;
        --jh-color-violet-900: #45086eff;
        --jh-color-violet-850: #510981ff;
        --jh-color-violet-800: #5e0c96ff;
        --jh-color-violet-750: #6d14aaff;
        --jh-color-violet-700: #7b17bfff;
        --jh-color-violet-650: #8818d3ff;
        --jh-color-violet-600: #961ee7ff;
        --jh-color-violet-550: #9e2aefff;
        --jh-color-violet-500: #a83df3ff;
        --jh-color-violet-450: #bd5ffeff;
        --jh-color-violet-400: #c676fcff;
        --jh-color-violet-350: #ca87f5ff;
        --jh-color-violet-300: #d298f6ff;
        --jh-color-violet-250: #d8a9f4ff;
        --jh-color-violet-200: #e5c0faff;
        --jh-color-violet-150: #e8cff6ff;
        --jh-color-violet-100: #f4e7faff;
        --jh-color-violet-50: #f7f2faff;
        --jh-color-blue-950: #06185fff;
        --jh-color-blue-900: #132377ff;
        --jh-color-blue-850: #192a89ff;
        --jh-color-blue-800: #23339eff;
        --jh-color-blue-750: #2a3bb1ff;
        --jh-color-blue-700: #3343c4ff;
        --jh-color-blue-650: #264fd5ff;
        --jh-color-blue-600: #085ce5ff;
        --jh-color-blue-550: #1665ebff;
        --jh-color-blue-500: #1470ebff;
        --jh-color-blue-450: #4a8afbff;
        --jh-color-blue-400: #5c9afcff;
        --jh-color-blue-350: #67a6f8ff;
        --jh-color-blue-300: #76b4f8ff;
        --jh-color-blue-250: #86c1f8ff;
        --jh-color-blue-200: #a3d4ffff;
        --jh-color-blue-150: #badcfbff;
        --jh-color-blue-100: #daeeffff;
        --jh-color-blue-50: #ecf5feff;
        --jh-color-cyan-950: #03232cff;
        --jh-color-cyan-900: #0d303aff;
        --jh-color-cyan-850: #153843ff;
        --jh-color-cyan-800: #1b4350ff;
        --jh-color-cyan-750: #1e4d5cff;
        --jh-color-cyan-700: #205869ff;
        --jh-color-cyan-650: #246174ff;
        --jh-color-cyan-600: #266c81ff;
        --jh-color-cyan-550: #25748bff;
        --jh-color-cyan-500: #1b809aff;
        --jh-color-cyan-450: #2098b7ff;
        --jh-color-cyan-400: #1aa7c9ff;
        --jh-color-cyan-350: #18b2d7ff;
        --jh-color-cyan-300: #29bfe6ff;
        --jh-color-cyan-250: #48caf0ff;
        --jh-color-cyan-200: #76dcfdff;
        --jh-color-cyan-150: #9ce3fcff;
        --jh-color-cyan-100: #ccf2fbff;
        --jh-color-cyan-50: #e8f7f7ff;
        --jh-color-mint-950: #0e2319ff;
        --jh-color-mint-900: #163124ff;
        --jh-color-mint-850: #173a2aff;
        --jh-color-mint-800: #1c4633ff;
        --jh-color-mint-750: #1f503aff;
        --jh-color-mint-700: #205b41ff;
        --jh-color-mint-650: #236548ff;
        --jh-color-mint-600: #237050ff;
        --jh-color-mint-550: #177954ff;
        --jh-color-mint-500: #07865bff;
        --jh-color-mint-450: #1a9e6dff;
        --jh-color-mint-400: #14ad77ff;
        --jh-color-mint-350: #02b97eff;
        --jh-color-mint-300: #18c789ff;
        --jh-color-mint-250: #34d395ff;
        --jh-color-mint-200: #65e4acff;
        --jh-color-mint-150: #90eabeff;
        --jh-color-mint-100: #c0f8dbff;
        --jh-color-mint-50: #e7f8eeff;
        --jh-color-green-950: #12240aff;
        --jh-color-green-900: #1d3017ff;
        --jh-color-green-850: #22391aff;
        --jh-color-green-800: #28451fff;
        --jh-color-green-750: #2d4f23ff;
        --jh-color-green-700: #325a26ff;
        --jh-color-green-650: #366429ff;
        --jh-color-green-600: #3b6f2dff;
        --jh-color-green-550: #3e772fff;
        --jh-color-green-500: #438332ff;
        --jh-color-green-450: #539b40ff;
        --jh-color-green-400: #56aa41ff;
        --jh-color-green-350: #57b640ff;
        --jh-color-green-300: #5fc445ff;
        --jh-color-green-250: #6ad150ff;
        --jh-color-green-200: #88e26eff;
        --jh-color-green-150: #a9e794ff;
        --jh-color-green-100: #d1f5c3ff;
        --jh-color-green-50: #ecf7e7ff;
        --jh-color-yellow-950: #261f04ff;
        --jh-color-yellow-900: #332a0dff;
        --jh-color-yellow-850: #3d320cff;
        --jh-color-yellow-800: #483b0fff;
        --jh-color-yellow-750: #544511ff;
        --jh-color-yellow-700: #5f4f13ff;
        --jh-color-yellow-650: #695716ff;
        --jh-color-yellow-600: #746118ff;
        --jh-color-yellow-550: #7d6815ff;
        --jh-color-yellow-500: #8a7318ff;
        --jh-color-yellow-450: #a28823ff;
        --jh-color-yellow-400: #b19524ff;
        --jh-color-yellow-350: #be9e1fff;
        --jh-color-yellow-300: #ccab28ff;
        --jh-color-yellow-250: #d8b63bff;
        --jh-color-yellow-200: #e9ca65ff;
        --jh-color-yellow-150: #ecd595ff;
        --jh-color-yellow-100: #f8eac7ff;
        --jh-color-yellow-50: #f9f3e7ff;
        --jh-color-orange-950: #2c1c04ff;
        --jh-color-orange-900: #3b270fff;
        --jh-color-orange-850: #462e11ff;
        --jh-color-orange-800: #523714ff;
        --jh-color-orange-750: #604018ff;
        --jh-color-orange-700: #6e4818ff;
        --jh-color-orange-650: #7a5019ff;
        --jh-color-orange-600: #885818ff;
        --jh-color-orange-550: #935d11ff;
        --jh-color-orange-500: #a4670cff;
        --jh-color-orange-450: #bf7a17ff;
        --jh-color-orange-400: #cf8722ff;
        --jh-color-orange-350: #db912cff;
        --jh-color-orange-300: #e89e3eff;
        --jh-color-orange-250: #f0ab58ff;
        --jh-color-orange-200: #fcc17fff;
        --jh-color-orange-150: #f5d0a9ff;
        --jh-color-orange-100: #fbe8d5ff;
        --jh-color-orange-50: #faf2ebff;
        --jh-color-red-950: #391307ff;
        --jh-color-red-900: #4e1a0fff;
        --jh-color-red-850: #601b0eff;
        --jh-color-red-800: #77190dff;
        --jh-color-red-750: #8b150aff;
        --jh-color-red-700: #9e150bff;
        --jh-color-red-650: #ae180dff;
        --jh-color-red-600: #bd2113ff;
        --jh-color-red-550: #ca2515ff;
        --jh-color-red-500: #db3520ff;
        --jh-color-red-450: #f15135ff;
        --jh-color-red-400: #f96749ff;
        --jh-color-red-350: #f97b5eff;
        --jh-color-red-300: #fa9176ff;
        --jh-color-red-250: #f8a48eff;
        --jh-color-red-200: #fbbfaeff;
        --jh-color-red-150: #f5cfc4ff;
        --jh-color-red-100: #fae7e2ff;
        --jh-color-red-50: #fdf1eeff;
        --jh-color-gray-950: #202020ff;
        --jh-color-gray-900: #2c2c2cff;
        --jh-color-gray-850: #343434ff;
        --jh-color-gray-800: #3e3e3eff;
        --jh-color-gray-750: #474747ff;
        --jh-color-gray-700: #515151ff;
        --jh-color-gray-650: #595959ff;
        --jh-color-gray-600: #636363ff;
        --jh-color-gray-550: #6a6a6aff;
        --jh-color-gray-500: #747474ff;
        --jh-color-gray-450: #8a8a8aff;
        --jh-color-gray-400: #989898ff;
        --jh-color-gray-350: #a2a2a2ff;
        --jh-color-gray-300: #afafafff;
        --jh-color-gray-250: #bababaff;
        --jh-color-gray-200: #cdcdcdff;
        --jh-color-gray-150: #d7d7d7ff;
        --jh-color-gray-100: #ebebebff;
        --jh-color-gray-50: #f4f4f4ff;
        --jh-color-white-alpha-100: #ffffffff;
        --jh-color-white-alpha-90: #ffffffe6;
        --jh-color-white-alpha-80: #ffffffcc;
        --jh-color-white-alpha-70: #ffffffb3;
        --jh-color-white-alpha-60: #ffffff99;
        --jh-color-white-alpha-50: #ffffff80;
        --jh-color-white-alpha-40: #ffffff66;
        --jh-color-white-alpha-30: #ffffff4d;
        --jh-color-white-alpha-20: #ffffff33;
        --jh-color-white-alpha-10: #ffffff1a;
        --jh-color-black-alpha-100: #000000ff;
        --jh-color-black-alpha-90: #000000e6;
        --jh-color-black-alpha-80: #000000cc;
        --jh-color-black-alpha-70: #000000b3;
        --jh-color-black-alpha-60: #00000099;
        --jh-color-black-alpha-50: #00000080;
        --jh-color-black-alpha-40: #00000066;
        --jh-color-black-alpha-30: #0000004d;
        --jh-color-black-alpha-20: #00000033;
        --jh-color-black-alpha-10: #0000001a;
        --jh-color-shadow-secondary: var(--jh-color-black-alpha-10);
        --jh-color-shadow-primary: var(--jh-color-black-alpha-30);
        --jh-color-interactive-visited: var(--jh-color-violet-300);
        --jh-color-interactive-highlight: var(--jh-color-cyan-800);
        --jh-color-interactive-focus: var(--jh-color-blue-300);
        --jh-color-content-on-inverse-active: var(--jh-color-white-alpha-100);
        --jh-color-content-on-inverse-hover: var(--jh-color-white-alpha-100);
        --jh-color-content-on-inverse-enabled: var(--jh-color-white-alpha-100);
        --jh-color-content-on-negative-active: var(--jh-color-gray-900);
        --jh-color-content-on-negative-hover: var(--jh-color-gray-900);
        --jh-color-content-on-negative-enabled: var(--jh-color-gray-900);
        --jh-color-content-on-positive-active: var(--jh-color-gray-900);
        --jh-color-content-on-positive-hover: var(--jh-color-gray-900);
        --jh-color-content-on-positive-enabled: var(--jh-color-gray-900);
        --jh-color-content-on-secondary-active: var(--jh-color-gray-900);
        --jh-color-content-on-secondary-hover: var(--jh-color-gray-900);
        --jh-color-content-on-secondary-enabled: var(--jh-color-gray-900);
        --jh-color-content-on-primary-active: var(--jh-color-gray-900);
        --jh-color-content-on-primary-hover: var(--jh-color-gray-900);
        --jh-color-content-on-primary-enabled: var(--jh-color-gray-900);
        --jh-color-content-on-brand-active: var(--jh-color-gray-900);
        --jh-color-content-on-brand-hover: var(--jh-color-gray-900);
        --jh-color-content-on-brand-enabled: var(--jh-color-gray-900);
        --jh-color-content-inverse-active: var(--jh-color-gray-800);
        --jh-color-content-inverse-hover: var(--jh-color-gray-850);
        --jh-color-content-inverse-enabled: var(--jh-color-gray-900);
        --jh-color-content-negative-active: var(--jh-color-red-200);
        --jh-color-content-negative-hover: var(--jh-color-red-250);
        --jh-color-content-negative-enabled: var(--jh-color-red-300);
        --jh-color-content-positive-active: var(--jh-color-green-200);
        --jh-color-content-positive-hover: var(--jh-color-green-250);
        --jh-color-content-positive-enabled: var(--jh-color-green-300);
        --jh-color-content-secondary-active: var(--jh-color-gray-200);
        --jh-color-content-secondary-hover: var(--jh-color-gray-250);
        --jh-color-content-secondary-enabled: var(--jh-color-gray-300);
        --jh-color-content-primary-active: var(--jh-color-white-alpha-100);
        --jh-color-content-primary-hover: var(--jh-color-gray-50);
        --jh-color-content-primary-enabled: var(--jh-color-gray-100);
        --jh-color-content-brand-active: var(--jh-color-blue-200);
        --jh-color-content-brand-hover: var(--jh-color-blue-250);
        --jh-color-content-brand-enabled: var(--jh-color-blue-300);
        --jh-color-brand-on-gradient-dark: var(--jh-color-white-alpha-100);
        --jh-color-brand-on-gradient-light: var(--jh-color-blue-950);
        --jh-color-brand-on-tertiary: var(--jh-color-blue-950);
        --jh-color-brand-on-secondary: var(--jh-color-white-alpha-100);
        --jh-color-brand-on-primary: var(--jh-color-white-alpha-100);
        --jh-color-brand-gradient-dark: linear-gradient(135deg, var(--jh-color-blue-600) 0%, var(--jh-color-blue-950) 100%);
        --jh-color-brand-gradient-medium: linear-gradient(135deg, var(--jh-color-cyan-200) 0%, var(--jh-color-blue-600) 100%);
        --jh-color-brand-gradient-light: linear-gradient(135deg, var(--jh-color-cyan-50) 0%, var(--jh-color-cyan-200) 100%);
        --jh-color-brand-tertiary: var(--jh-color-cyan-200);
        --jh-color-brand-secondary: var(--jh-color-blue-600);
        --jh-color-brand-primary: var(--jh-color-blue-950);
        --jh-color-divider-inverse: var(--jh-color-gray-900);
        --jh-color-divider-secondary: var(--jh-color-gray-800);
        --jh-color-divider-primary: var(--jh-color-gray-400);
        --jh-color-control-active: var(--jh-color-gray-650);
        --jh-color-control-hover: var(--jh-color-gray-700);
        --jh-color-control-enabled: var(--jh-color-gray-750);
        --jh-color-overlay: var(--jh-color-black-alpha-70);
        --jh-color-container-negative-active: var(--jh-color-red-700);
        --jh-color-container-negative-hover: var(--jh-color-red-750);
        --jh-color-container-negative-enabled: var(--jh-color-red-800);
        --jh-color-container-positive-active: var(--jh-color-green-700);
        --jh-color-container-positive-hover: var(--jh-color-green-750);
        --jh-color-container-positive-enabled: var(--jh-color-green-800);
        --jh-color-container-brand-active: var(--jh-color-blue-700);
        --jh-color-container-brand-hover: var(--jh-color-blue-750);
        --jh-color-container-brand-enabled: var(--jh-color-blue-800);
        --jh-color-container-neutral-active: var(--jh-color-gray-700);
        --jh-color-container-neutral-hover: var(--jh-color-gray-750);
        --jh-color-container-neutral-enabled: var(--jh-color-gray-800);
        --jh-color-container-secondary-selected: var(--jh-color-blue-800);
        --jh-color-container-secondary-active: var(--jh-color-gray-800);
        --jh-color-container-secondary-hover: var(--jh-color-gray-900);
        --jh-color-container-secondary-enabled: var(--jh-color-gray-850);
        --jh-color-container-primary-selected: var(--jh-color-blue-850);
        --jh-color-container-primary-active: var(--jh-color-gray-800);
        --jh-color-container-primary-hover: var(--jh-color-gray-850);
        --jh-color-container-primary-enabled: var(--jh-color-gray-900);
        --jh-color-container-page: var(--jh-color-gray-950);
        --jh-font-heading-bold-6: var(--jh-font-weight-700) var(--jh-font-size-900)/var(--jh-font-line-height-1100) var(--jh-font-family-primary);
        --jh-font-heading-bold-5: var(--jh-font-weight-700) var(--jh-font-size-800)/var(--jh-font-line-height-1000) var(--jh-font-family-primary);
        --jh-font-heading-bold-4: var(--jh-font-weight-700) var(--jh-font-size-700)/var(--jh-font-line-height-900) var(--jh-font-family-primary);
        --jh-font-heading-bold-3: var(--jh-font-weight-700) var(--jh-font-size-500)/var(--jh-font-line-height-700) var(--jh-font-family-primary);
        --jh-font-heading-bold-2: var(--jh-font-weight-700) var(--jh-font-size-400)/var(--jh-font-line-height-600) var(--jh-font-family-primary);
        --jh-font-heading-bold-1: var(--jh-font-weight-700) var(--jh-font-size-350)/var(--jh-font-line-height-500) var(--jh-font-family-primary);
        --jh-font-heading-medium-6: var(--jh-font-weight-500) var(--jh-font-size-900)/var(--jh-font-line-height-1100) var(--jh-font-family-primary);
        --jh-font-heading-medium-5: var(--jh-font-weight-500) var(--jh-font-size-800)/var(--jh-font-line-height-1000) var(--jh-font-family-primary);
        --jh-font-heading-medium-4: var(--jh-font-weight-500) var(--jh-font-size-700)/var(--jh-font-line-height-900) var(--jh-font-family-primary);
        --jh-font-heading-medium-3: var(--jh-font-weight-500) var(--jh-font-size-500)/var(--jh-font-line-height-700) var(--jh-font-family-primary);
        --jh-font-heading-medium-2: var(--jh-font-weight-500) var(--jh-font-size-400)/var(--jh-font-line-height-600) var(--jh-font-family-primary);
        --jh-font-heading-medium-1: var(--jh-font-weight-500) var(--jh-font-size-350)/var(--jh-font-line-height-500) var(--jh-font-family-primary);
        --jh-font-heading-regular-6: var(--jh-font-weight-400) var(--jh-font-size-900)/var(--jh-font-line-height-1100) var(--jh-font-family-primary);
        --jh-font-heading-regular-5: var(--jh-font-weight-400) var(--jh-font-size-800)/var(--jh-font-line-height-1000) var(--jh-font-family-primary);
        --jh-font-heading-regular-4: var(--jh-font-weight-400) var(--jh-font-size-700)/var(--jh-font-line-height-900) var(--jh-font-family-primary);
        --jh-font-heading-regular-3: var(--jh-font-weight-400) var(--jh-font-size-500)/var(--jh-font-line-height-700) var(--jh-font-family-primary);
        --jh-font-heading-regular-2: var(--jh-font-weight-400) var(--jh-font-size-400)/var(--jh-font-line-height-600) var(--jh-font-family-primary);
        --jh-font-heading-regular-1: var(--jh-font-weight-400) var(--jh-font-size-350)/var(--jh-font-line-height-500) var(--jh-font-family-primary);
        --jh-font-display-light-3: var(--jh-font-weight-300) var(--jh-font-size-2300)/var(--jh-font-line-height-2700) var(--jh-font-family-primary);
        --jh-font-display-light-2: var(--jh-font-weight-300) var(--jh-font-size-1350)/var(--jh-font-line-height-1600) var(--jh-font-family-primary);
        --jh-font-display-light-1: var(--jh-font-weight-300) var(--jh-font-size-1050)/var(--jh-font-line-height-1300) var(--jh-font-family-primary);
        --jh-font-code-regular-2: var(--jh-font-weight-400) var(--jh-font-size-400)/var(--jh-font-line-height-600) var(--jh-font-family-mono);
        --jh-font-code-regular-1: var(--jh-font-weight-400) var(--jh-font-size-350)/var(--jh-font-line-height-500) var(--jh-font-family-mono);
        --jh-font-body-bold-2: var(--jh-font-weight-700) var(--jh-font-size-400)/var(--jh-font-line-height-600) var(--jh-font-family-primary);
        --jh-font-body-bold-1: var(--jh-font-weight-700) var(--jh-font-size-350)/var(--jh-font-line-height-500) var(--jh-font-family-primary);
        --jh-font-body-medium-2: var(--jh-font-weight-500) var(--jh-font-size-400)/var(--jh-font-line-height-600) var(--jh-font-family-primary);
        --jh-font-body-medium-1: var(--jh-font-weight-500) var(--jh-font-size-350)/var(--jh-font-line-height-500) var(--jh-font-family-primary);
        --jh-font-body-regular-2: var(--jh-font-weight-400) var(--jh-font-size-400)/var(--jh-font-line-height-600) var(--jh-font-family-primary);
        --jh-font-body-regular-1: var(--jh-font-weight-400) var(--jh-font-size-350)/var(--jh-font-line-height-500) var(--jh-font-family-primary);
        --jh-font-helper-bold: var(--jh-font-weight-700) var(--jh-font-size-300)/var(--jh-font-line-height-400) var(--jh-font-family-primary);
        --jh-font-helper-medium: var(--jh-font-weight-500) var(--jh-font-size-300)/var(--jh-font-line-height-400) var(--jh-font-family-primary);
        --jh-font-helper-regular: var(--jh-font-weight-400) var(--jh-font-size-300)/var(--jh-font-line-height-400) var(--jh-font-family-primary);
        --jh-font-micro-bold: var(--jh-font-weight-700) var(--jh-font-size-250)/var(--jh-font-line-height-300) var(--jh-font-family-primary);
        --jh-font-micro-medium: var(--jh-font-weight-500) var(--jh-font-size-250)/var(--jh-font-line-height-300) var(--jh-font-family-primary);
        --jh-font-micro-regular: var(--jh-font-weight-400) var(--jh-font-size-250)/var(--jh-font-line-height-300) var(--jh-font-family-primary)
      }

      * {
        --jh-chart-container-0: #272c30;
        --jh-chart-container-1: #21261b;
        --jh-chart-container-2: #2d262f;
        --jh-chart-container-3: #1f2625;
        --jh-chart-container-4: #262f28;
        --jh-chart-container-5: #28232c;
        --jh-chart-container-6: #312822;
        --jh-chart-container-7: #2c2222;
        --jh-chart-container-8: #302828;
        --jh-chart-container-9: #242526;
        --jh-chart-container-10: #2e2e2e;
        --jh-chart-container-11: #2c2520;
        --jh-chart-container-12: #2a292c;
        --jh-chart-container-13: #252620;
        --jh-chart-container-14: #232e2b;
        --jh-chart-container-15: #202722;
        --jh-chart-container-16: #2d2e20;
        --jh-chart-container-17: #272620;
        --jh-chart-graphic-0: #8cc3f3;
        --jh-chart-graphic-1: #3a76b6;
        --jh-chart-graphic-2: #d179e9;
        --jh-chart-graphic-3: #227c67;
        --jh-chart-graphic-4: #79e693;
        --jh-chart-graphic-5: #8f54c6;
        --jh-chart-graphic-6: #ff974c;
        --jh-chart-graphic-7: #c04343;
        --jh-chart-graphic-8: #fb8f8f;
        --jh-chart-graphic-9: #637279;
        --jh-chart-graphic-10: #e0e0e0;
        --jh-chart-graphic-11: #c16828;
        --jh-chart-graphic-12: #aea374;
        --jh-chart-graphic-13: #71762d;
        --jh-chart-graphic-14: #4edbba;
        --jh-chart-graphic-15: #2f8343;
        --jh-chart-graphic-16: #cdd930;
        --jh-chart-graphic-17: #867527;
        --jh-chart-text-0: #8cc3f3;
        --jh-chart-text-1: #4e9ff5;
        --jh-chart-text-2: #d179e9;
        --jh-chart-text-3: #31b092;
        --jh-chart-text-4: #79e693;
        --jh-chart-text-5: #be83f0;
        --jh-chart-text-6: #ff974c;
        --jh-chart-text-7: #ff6e6b;
        --jh-chart-text-8: #fb8f8f;
        --jh-chart-text-9: #8a9fa8;
        --jh-chart-text-10: #e0e0e0;
        --jh-chart-text-11: #eb8034;
        --jh-chart-text-12: #aea374;
        --jh-chart-text-13: #9ca33e;
        --jh-chart-text-14: #4edbba;
        --jh-chart-text-15: #41b05b;
        --jh-chart-text-16: #cdd930;
        --jh-chart-text-17: #b09b38
      }
    }

@view-transition {
      navigation: auto
    }

@font-face {
      font-family: roboto;
      src: local('roboto Light'), url("assets/roboto-light-webfont-ff3a9b8a.woff2") format('woff2');
      font-weight: 300;
      font-style: normal;
      font-display: swap
    }

    @font-face {
      font-family: roboto;
      src: local('roboto Regular'), url("assets/roboto-regular-webfont-06db651c.woff2") format('woff2');
      font-weight: 400;
      font-style: normal;
      font-display: swap
    }

    @font-face {
      font-family: roboto;
      src: local('roboto Italic'), url("assets/roboto-italic-webfont-d276fd76.woff2") format('woff2');
      font-weight: 400;
      font-style: italic;
      font-display: swap
    }

    @font-face {
      font-family: roboto;
      src: local('roboto Medium'), url("assets/roboto-medium-webfont-ea04e4ff.woff2") format('woff2');
      font-weight: 500;
      font-style: normal;
      font-display: swap
    }

    @font-face {
      font-family: roboto;
      src: local('roboto Bold'), url("assets/roboto-bold-webfont-61938919.woff2") format('woff2');
      font-weight: 700;
      font-style: normal;
      font-display: swap
    }

    body[open-dialog] {
      overflow: hidden
    }

    body,
    html {
      -webkit-font-smoothing: antialiased;
      -webkit-overflow-scrolling: touch;
      -ms-overflow-style: -ms-autohiding-scrollbar;
      -moz-osx-font-smoothing: grayscale;
      -webkit-text-size-adjust: 100%;
      text-size-adjust: 100%;
      background-color: var(--secondary-page-background-color);
      font-family: roboto, -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Helvetica Neue', sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
      font-weight: 400;
      color: var(--body-text-primary-color);
      font-size: 14px
    }

    banno-web,
    bannoweb-mobile-only,
    body,
    html {
      margin: 0;
      display: block;
      min-height: 100vh
    }

    @media all and (-ms-high-contrast:none) {

      body,
      html {
        height: 100%
      }

    }

    banno-web,
    bannoweb-mobile-only {
      display: flex;
      flex-direction: column;
      justify-content: stretch;
      background: var(--dashboard-page-background-color)
    }

    input:-internal-autofill-selected,
    input:-webkit-autofill {
      -webkit-text-fill-color: var(--body-text-primary-color);
      -webkit-box-shadow: 0 0 0 1000px var(--primary-content-background-color) inset
    }

    .placeholder-login {
      display: flex;
      width: 100%;
      min-height: 100vh;
      position: relative;
      flex-direction: column
    }

    .placeholder-login-wrapper {
      display: flex;
      flex: 1 0 auto;
      align-items: center;
      min-height: 100vh
    }

    .placeholder-card {
      display: block;
      background-color: var(--primary-content-background-color);
      box-shadow: var(--card-shadow);
      border-radius: var(--card-corner-radius);
      margin-bottom: 16px;
      margin-left: auto;
      margin-right: auto;
      box-sizing: border-box;
      max-width: 480px;
      width: 90%;
      padding: 40px
    }

    @media (max-width:600px) {
      .placeholder-card {
        width: 80%;
        max-width: none;
        margin-top: 40px;
        padding: 20px
      }

    }

    @media (max-width:360px) {
      .placeholder-card {
        width: 90%;
        padding: 0
      }

    }

    .placeholder-progress-container {
      text-align: center;
      padding: 24px
    }

    .placeholder-progress {
      display: block;
      animation: spin .75s linear infinite;
      transform-origin: center;
      width: 16px;
      height: 16px;
      border-width: 2px;
      border-style: solid;
      border-color: var(--jha-progress-color);
      border-right-color: transparent !important;
      border-radius: 50%;
      margin: 75px auto
    }

    @keyframes spin {
      100% {
        transform: rotate(360deg)
      }

    }

    @keyframes fadeInUp {
      0% {
        opacity: 0;
        transform: translate3d(0, 15%, 0)
      }

      100% {
        opacity: 1;
        transform: translate3d(0, 0, 0)
      }

    }

    @keyframes fadeInDown {
      0% {
        opacity: 0;
        transform: translate3d(0, -15%, 0)
      }

      100% {
        opacity: 1;
        transform: translate3d(0, 0, 0)
      }

    }

    @keyframes fadeOutUp {
      0% {
        opacity: 1;
        transform: translate3d(0, 0, 0)
      }

      100% {
        opacity: 0;
        transform: translate3d(0, -15%, 0)
      }

    }

    @keyframes fadeOutDown {
      0% {
        opacity: 1;
        transform: translate3d(0, 0, 0)
      }

      100% {
        opacity: 0;
        transform: translate3d(0, 15%, 0)
      }

    }

    @keyframes fadeIn {
      0% {
        opacity: 0
      }

      100% {
        opacity: 1
      }

    }

    @keyframes fadeOut {
      0% {
        opacity: 1
      }

      100% {
        opacity: 0
      }

    }

    dialog+.backdrop {
      position: fixed;
      top: 0;
      right: 0;
      bottom: 0;
      left: 0;
      background: rgba(0, 0, 0, .6)
    }

    ._dialog_overlay {
      position: fixed;
      top: 0;
      right: 0;
      bottom: 0;
      left: 0
    }

    dialog {
      position: fixed;
      font-family: Roboto;
      left: 0;
      right: 0;
      top: 30px;
      width: 90%;
      min-height: 0;
      max-height: none;
      max-width: 600px;
      border-radius: var(--card-corner-radius);
      box-shadow: var(--card-shadow);
      border: none;
      margin: auto;
      padding: 0;
      background: var(--primary-content-background-color);
      display: none;
      z-index: 9999;
      overflow: visible;
      color: var(--body-text-primary-color)
    }

    dialog[wide] {
      max-width: 800px
    }

    dialog.hide::backdrop {
      animation-name: fadeOut !important
    }

    dialog[open] {
      display: block;
      animation-duration: .5s
    }

    dialog::backdrop {
      position: fixed;
      top: 0;
      right: 0;
      bottom: 0;
      left: 0;
      background: rgba(0, 0, 0, .6);
      animation-name: fadeIn;
      animation-duration: .5s
    }

    @media screen and (min-width:540px) {
      dialog[open] {
        animation-name: fadeInDown
      }

      dialog.hide {
        animation-name: fadeOutUp
      }

    }

    @media screen and (max-width:540px) {
      dialog[_polyfill_modal] {
        top: 0;
        width: auto;
        margin: 1em
      }

      dialog[open] {
        animation-name: fadeInUp
      }

      dialog.hide {
        animation-name: fadeOutDown
      }

    }

    dialog.fixed {
      position: fixed;
      top: 50%;
      transform: translate(0, -50%)
    }

    @media (max-width:480px),
    (max-height:480px) {
      dialog {
        overflow-y: auto;
        top: 0;
        bottom: 0;
        max-width: none;
        width: 100%;
        border-radius: 0;
        height: auto
      }

      dialog[small-mobile] {
        top: 30px;
        width: 90%;
        height: revert;
        border-radius: var(--card-corner-radius)
      }

      dialog[full-mobile] {
        height: 100%
      }

    }

    dialog[mobile-menu] {
      width: 272px;
      margin: 0;
      border: 0;
      padding: 0;
      height: 100%;
      overflow-y: auto;
      left: 0;
      top: 0;
      border-radius: 0
    }

    dialog[mobile-menu]::backdrop {
      background: rgba(51, 51, 51, .4)
    }

    dialog[open][mobile-menu] {
      animation: showMenu .3s
    }

    dialog[mobile-menu].hide {
      animation: hideMenu .3s
    }

    @keyframes showMenu {
      from {
        transform: translateX(-640px)
      }

      to {
        transform: translateX(0)
      }

    }

    @keyframes hideMenu {
      from {
        transform: translateX(0)
      }

      to {
        transform: translateX(-640px)
      }

    }

    body {
      scroll-behavior: smooth
    }

    body.has-dialog {
      overflow: hidden
    }

    div.LPMcontainer {
      opacity: 0;
      z-index: -1 !important
    }

    .grecaptcha-badge {
      visibility: hidden;
      width: 0 !important;
      height: 0 !important;
      overflow: hidden
    }

    a {
      display: var(--base-anchor-styles_-_display);
      text-decoration: var(--base-anchor-styles_-_text-decoration);
      color: var(--base-anchor-styles_-_color);
      cursor: var(--base-anchor-styles_-_cursor);
    }

    html {
      --account-card-primary-accent-color: rgb(255, 255, 255);
      --account-card-primary-background-color: rgb(203, 74, 32);
      --account-card-primary-text-color: rgb(255, 255, 255);
      --account-card-secondary-accent-color: rgb(255, 255, 255);
      --account-card-secondary-background-color: rgb(72, 80, 89);
      --account-card-secondary-text-color: rgb(255, 255, 255);
      --action-card-accent-color: rgb(255, 255, 255);
      --action-card-background-color: rgb(203, 74, 32);
      --action-card-text-color: rgb(255, 255, 255);
      --android-gesture-bar-color: rgb(255, 255, 255);
      --body-text-alert-color: rgb(215, 61, 9);
      --body-text-completed-color: rgb(59, 135, 18);
      --body-text-deposit-color: rgb(59, 135, 18);
      --body-text-highlight-color: rgb(59, 135, 18);
      --body-text-primary-color: rgb(7, 21, 35);
      --body-text-rejected-color: rgb(215, 61, 9);
      --body-text-secondary-color: rgb(98, 110, 122);
      --body-text-theme-color: rgb(40, 40, 40);
      --button-corner-radius: 8px;
      --card-corner-radius: 10px;
      --card-shadow: 0 3px 12px 0 rgba(0, 0, 0, 0.15);
      --card-title-text-color: rgb(7, 21, 35);
      --chart-colors-0-background: rgb(241, 246, 251);
      --chart-colors-0-graphic: rgb(78, 147, 208);
      --chart-colors-1-background: rgb(238, 241, 246);
      --chart-colors-1-graphic: rgb(47, 88, 152);
      --chart-colors-10-background: rgb(245, 245, 245);
      --chart-colors-10-graphic: rgb(140, 140, 140);
      --chart-colors-11-background: rgb(246, 241, 238);
      --chart-colors-11-graphic: rgb(152, 89, 43);
      --chart-colors-12-background: rgb(247, 245, 241);
      --chart-colors-12-graphic: rgb(153, 140, 86);
      --chart-colors-13-background: rgb(242, 242, 237);
      --chart-colors-13-graphic: rgb(93, 97, 37);
      --chart-colors-14-background: rgb(237, 247, 245);
      --chart-colors-14-graphic: rgb(29, 160, 129);
      --chart-colors-15-background: rgb(237, 247, 245);
      --chart-colors-15-graphic: rgb(48, 106, 22);
      --chart-colors-16-background: rgb(245, 246, 237);
      --chart-colors-16-graphic: rgb(135, 149, 30);
      --chart-colors-17-background: rgb(242, 241, 235);
      --chart-colors-17-graphic: rgb(97, 79, 0);
      --chart-colors-2-background: rgb(248, 242, 249);
      --chart-colors-2-graphic: rgb(174, 99, 187);
      --chart-colors-3-background: rgb(237, 243, 241);
      --chart-colors-3-graphic: rgb(29, 105, 87);
      --chart-colors-4-background: rgb(238, 247, 240);
      --chart-colors-4-graphic: rgb(44, 160, 71);
      --chart-colors-5-background: rgb(243, 240, 245);
      --chart-colors-5-graphic: rgb(107, 74, 135);
      --chart-colors-6-background: rgb(253, 243, 237);
      --chart-colors-6-graphic: rgb(217, 110, 32);
      --chart-colors-7-background: rgb(248, 239, 239);
      --chart-colors-7-graphic: rgb(170, 60, 60);
      --chart-colors-8-background: rgb(251, 243, 243);
      --chart-colors-8-graphic: rgb(214, 108, 108);
      --chart-colors-9-background: rgb(240, 240, 240);
      --chart-colors-9-graphic: rgb(69, 69, 69);
      --dashboard-page-background-color: rgb(227, 231, 237);
      --default-button-border-color: rgb(238, 241, 245);
      --default-button-border-disabled-color: rgba(238, 241, 245, 0.3);
      --default-button-border-focused-color: rgb(40, 40, 40);
      --default-button-border-pressed-color: rgb(40, 40, 40);
      --default-button-color: rgb(238, 241, 245);
      --default-button-disabled-color: rgba(238, 241, 245, 0.3);
      --default-button-focused-color: rgba(40, 40, 40, 0.1);
      --default-button-pressed-color: rgba(40, 40, 40, 0.2);
      --default-button-text-color: rgb(40, 40, 40);
      --default-button-text-disabled-color: rgba(40, 40, 40, 0.5);
      --default-button-text-focused-color: rgb(40, 40, 40);
      --default-button-text-pressed-color: rgb(40, 40, 40);
      --divider-alternative-color: rgba(98, 110, 122, 0.75);
      --divider-default-color: rgb(230, 230, 230);
      --error-background-color: rgb(215, 61, 9);
      --error-text-color: rgb(255, 255, 255);
      --fdic-background-color: rgb(255, 255, 255);
      --fdic-text-mode: Dark;
      --footer-background-color: rgb(255, 255, 255);
      --footer-link-text-color: rgb(40, 40, 40);
      --footer-text-color: rgb(98, 110, 122);
      --hero-empty-card-color: rgba(0, 0, 0, 0.15);
      --hero-gradient-colors: linear-gradient(rgba(162, 44, 0, 0.9), rgba(182, 50, 0, 0.8), rgba(189, 41, 0, 0.9));
      --hero-status-bar-mode: Light;
      --hero-text-color: rgb(255, 255, 255);
      --indicator-background-color: rgb(215, 61, 9);
      --indicator-text-color: rgb(255, 255, 255);
      --inline-icon-background-color: rgba(255, 255, 255, 0);
      --inline-icon-color: rgb(40, 40, 40);
      --link-button-focused-color: rgba(40, 40, 40, 0.1);
      --link-button-pressed-color: rgba(40, 40, 40, 0.2);
      --link-button-text-color: rgb(40, 40, 40);
      --link-button-text-disabled-color: rgba(40, 40, 40, 0.3);
      --link-button-text-focused-color: rgb(40, 40, 40);
      --link-button-text-pressed-color: rgb(40, 40, 40);
      --menu-background-color: rgb(255, 255, 255);
      --menu-divider-color: rgb(230, 230, 230);
      --menu-icon-background-color: rgba(255, 255, 255, 0);
      --menu-icon-background-disabled-color: rgba(255, 255, 255, 0);
      --menu-icon-background-pressed-color: rgba(255, 255, 255, 0);
      --menu-icon-background-selected-color: rgba(255, 255, 255, 0);
      --menu-icon-color: rgb(203, 74, 32);
      --menu-icon-disabled-color: rgba(203, 74, 32, 0.3);
      --menu-icon-pressed-color: rgb(203, 74, 32);
      --menu-icon-selected-color: rgb(203, 74, 32);
      --menu-item-color: rgba(255, 255, 255, 0);
      --menu-item-disabled-color: rgba(203, 74, 32, 0);
      --menu-item-pressed-color: rgba(25, 25, 25, 0.08);
      --menu-item-selected-accent-color: rgb(203, 74, 32);
      --menu-item-selected-color: rgba(203, 74, 32, 0.1);
      --menu-text-color: rgb(7, 21, 35);
      --menu-text-disabled-color: rgba(7, 21, 35, 0.3);
      --menu-text-pressed-color: rgb(7, 21, 35);
      --menu-text-selected-color: rgb(7, 21, 35);
      --navigation-bar-button-color: rgb(255, 255, 255);
      --navigation-bar-color: rgb(40, 40, 40);
      --navigation-bar-title-color: rgb(255, 255, 255);
      --pin-dot-color: rgb(203, 74, 32);
      --primary-button-color: rgb(40, 40, 40);
      --primary-button-disabled-color: rgba(40, 40, 40, 0.3);
      --primary-button-focused-color: rgb(65, 65, 65);
      --primary-button-pressed-color: rgb(91, 91, 91);
      --primary-button-text-color: rgb(255, 255, 255);
      --primary-button-text-disabled-color: rgba(255, 255, 255, 0.5);
      --primary-button-text-focused-color: rgb(255, 255, 255);
      --primary-button-text-pressed-color: rgb(255, 255, 255);
      --primary-content-background-color: rgb(255, 255, 255);
      --primary-theme-background-color: rgb(203, 74, 32);
      --primary-theme-text-color: rgb(255, 255, 255);
      --secondary-content-background-color: rgb(238, 241, 245);
      --secondary-content-background-hover-color: rgb(222, 228, 236);
      --secondary-page-background-color: rgb(227, 231, 237);
      --secondary-theme-background-color: rgb(40, 40, 40);
      --secondary-theme-text-color: rgb(255, 255, 255);
      --status-bar-action-mode-color: rgb(203, 74, 32);
      --status-bar-action-mode: Light;
      --status-bar-color: rgb(40, 40, 40);
      --status-bar-mode: Light;
      --status-bar-primary-background-mode: Dark;
      --toast-background-color: rgb(62, 69, 77);
      --toast-text-color: rgb(255, 255, 255);
      --toggle-switch-active-color: rgb(59, 135, 18);
      --toolbar-action-mode-button-color: rgb(255, 255, 255);
      --toolbar-action-mode-color: rgb(203, 74, 32);
      --toolbar-action-mode-title-color: rgb(255, 255, 255);
      --toolbar-button-color: rgb(255, 255, 255);
      --toolbar-color: rgb(40, 40, 40);
      --toolbar-title-color: rgb(255, 255, 255);
    }

    @media (prefers-color-scheme: dark) {
      html {
        --account-card-primary-accent-color: rgb(255, 255, 255);
        --account-card-primary-background-color: rgb(203, 74, 32);
        --account-card-primary-text-color: rgb(255, 255, 255);
        --account-card-secondary-accent-color: rgb(204, 204, 204);
        --account-card-secondary-background-color: rgb(34, 38, 42);
        --account-card-secondary-text-color: rgb(204, 204, 204);
        --action-card-accent-color: rgb(255, 255, 255);
        --action-card-background-color: rgb(203, 74, 32);
        --action-card-text-color: rgb(255, 255, 255);
        --android-gesture-bar-color: rgb(0, 0, 0);
        --body-text-alert-color: rgb(220, 108, 70);
        --body-text-completed-color: rgb(125, 168, 101);
        --body-text-deposit-color: rgb(125, 168, 101);
        --body-text-highlight-color: rgb(125, 168, 101);
        --body-text-primary-color: rgb(179, 191, 204);
        --body-text-rejected-color: rgb(220, 108, 70);
        --body-text-secondary-color: rgb(123, 136, 150);
        --body-text-theme-color: rgb(255, 111, 65);
        --button-corner-radius: 8px;
        --card-corner-radius: 10px;
        --card-shadow: 0 3px 12px 0 rgba(0, 0, 0, 0.15);
        --card-title-text-color: rgb(179, 191, 204);
        --chart-colors-0-background: rgb(39, 44, 48);
        --chart-colors-0-graphic: rgb(140, 195, 243);
        --chart-colors-1-background: rgb(33, 38, 43);
        --chart-colors-1-graphic: rgb(58, 118, 182);
        --chart-colors-10-background: rgb(46, 46, 46);
        --chart-colors-10-graphic: rgb(224, 224, 224);
        --chart-colors-11-background: rgb(44, 37, 32);
        --chart-colors-11-graphic: rgb(193, 104, 40);
        --chart-colors-12-background: rgb(42, 41, 38);
        --chart-colors-12-graphic: rgb(174, 163, 116);
        --chart-colors-13-background: rgb(37, 38, 32);
        --chart-colors-13-graphic: rgb(113, 118, 45);
        --chart-colors-14-background: rgb(35, 46, 43);
        --chart-colors-14-graphic: rgb(78, 219, 186);
        --chart-colors-15-background: rgb(32, 39, 34);
        --chart-colors-15-graphic: rgb(47, 131, 67);
        --chart-colors-16-background: rgb(45, 46, 32);
        --chart-colors-16-graphic: rgb(205, 217, 48);
        --chart-colors-17-background: rgb(39, 38, 32);
        --chart-colors-17-graphic: rgb(134, 117, 39);
        --chart-colors-2-background: rgb(45, 38, 47);
        --chart-colors-2-graphic: rgb(209, 121, 233);
        --chart-colors-3-background: rgb(31, 38, 37);
        --chart-colors-3-graphic: rgb(34, 124, 103);
        --chart-colors-4-background: rgb(38, 47, 40);
        --chart-colors-4-graphic: rgb(121, 230, 147);
        --chart-colors-5-background: rgb(40, 35, 44);
        --chart-colors-5-graphic: rgb(143, 84, 198);
        --chart-colors-6-background: rgb(49, 40, 34);
        --chart-colors-6-graphic: rgb(255, 151, 76);
        --chart-colors-7-background: rgb(44, 34, 34);
        --chart-colors-7-graphic: rgb(192, 67, 67);
        --chart-colors-8-background: rgb(48, 40, 40);
        --chart-colors-8-graphic: rgb(251, 143, 143);
        --chart-colors-9-background: rgb(36, 37, 38);
        --chart-colors-9-graphic: rgb(99, 114, 121);
        --dashboard-page-background-color: rgb(16, 16, 19);
        --default-button-border-color: rgb(19, 20, 22);
        --default-button-border-disabled-color: rgba(19, 20, 22, 0.3);
        --default-button-border-focused-color: rgb(204, 204, 204);
        --default-button-border-pressed-color: rgb(204, 204, 204);
        --default-button-color: rgb(19, 20, 22);
        --default-button-disabled-color: rgba(19, 20, 22, 0.3);
        --default-button-focused-color: rgba(204, 204, 204, 0.1);
        --default-button-pressed-color: rgba(204, 204, 204, 0.2);
        --default-button-text-color: rgb(204, 204, 204);
        --default-button-text-disabled-color: rgba(204, 204, 204, 0.5);
        --default-button-text-focused-color: rgb(204, 204, 204);
        --default-button-text-pressed-color: rgb(204, 204, 204);
        --divider-alternative-color: rgba(123, 136, 150, 0.75);
        --divider-default-color: rgb(40, 46, 52);
        --error-background-color: rgb(220, 108, 70);
        --error-text-color: rgb(0, 0, 0);
        --fdic-background-color: rgb(30, 31, 32);
        --fdic-text-mode: Light;
        --footer-background-color: rgb(30, 31, 32);
        --footer-link-text-color: rgb(255, 111, 65);
        --footer-text-color: rgb(123, 136, 150);
        --hero-empty-card-color: rgba(0, 0, 0, 0.15);
        --hero-gradient-colors: linear-gradient(rgba(162, 44, 0, 0.45), rgba(182, 50, 0, 0.45), rgba(189, 41, 0, 0.45));
        --hero-status-bar-mode: Light;
        --hero-text-color: rgb(255, 255, 255);
        --indicator-background-color: rgb(220, 108, 70);
        --indicator-text-color: rgb(0, 0, 0);
        --inline-icon-background-color: rgba(255, 255, 255, 0);
        --inline-icon-color: rgb(255, 111, 65);
        --link-button-focused-color: rgba(255, 111, 65, 0.1);
        --link-button-pressed-color: rgba(255, 111, 65, 0.2);
        --link-button-text-color: rgb(255, 111, 65);
        --link-button-text-disabled-color: rgba(255, 111, 65, 0.3);
        --link-button-text-focused-color: rgb(255, 111, 65);
        --link-button-text-pressed-color: rgb(255, 111, 65);
        --menu-background-color: rgb(30, 31, 32);
        --menu-divider-color: rgb(40, 46, 52);
        --menu-icon-background-color: rgba(255, 255, 255, 0);
        --menu-icon-background-disabled-color: rgba(255, 255, 255, 0);
        --menu-icon-background-pressed-color: rgba(255, 255, 255, 0);
        --menu-icon-background-selected-color: rgba(255, 255, 255, 0);
        --menu-icon-color: rgb(255, 111, 65);
        --menu-icon-disabled-color: rgba(255, 111, 65, 0.3);
        --menu-icon-pressed-color: rgb(255, 111, 65);
        --menu-icon-selected-color: rgb(255, 111, 65);
        --menu-item-color: rgba(255, 255, 255, 0);
        --menu-item-disabled-color: rgba(255, 111, 65, 0);
        --menu-item-pressed-color: rgba(25, 25, 25, 0.08);
        --menu-item-selected-accent-color: rgb(255, 111, 65);
        --menu-item-selected-color: rgba(255, 111, 65, 0.1);
        --menu-text-color: rgb(192, 192, 192);
        --menu-text-disabled-color: rgba(179, 191, 204, 0.3);
        --menu-text-pressed-color: rgb(179, 191, 204);
        --menu-text-selected-color: rgb(192, 192, 192);
        --navigation-bar-button-color: rgb(204, 204, 204);
        --navigation-bar-color: rgb(40, 40, 40);
        --navigation-bar-title-color: rgb(204, 204, 204);
        --pin-dot-color: rgb(255, 111, 65);
        --primary-button-color: rgb(203, 74, 32);
        --primary-button-disabled-color: rgba(203, 74, 32, 0.3);
        --primary-button-focused-color: rgb(223, 95, 53);
        --primary-button-pressed-color: rgb(229, 122, 88);
        --primary-button-text-color: rgb(255, 255, 255);
        --primary-button-text-disabled-color: rgba(255, 255, 255, 0.5);
        --primary-button-text-focused-color: rgb(255, 255, 255);
        --primary-button-text-pressed-color: rgb(255, 255, 255);
        --primary-content-background-color: rgb(30, 31, 32);
        --primary-theme-background-color: rgb(203, 74, 32);
        --primary-theme-text-color: rgb(255, 255, 255);
        --secondary-content-background-color: rgb(19, 20, 22);
        --secondary-content-background-hover-color: rgb(7, 8, 8);
        --secondary-page-background-color: rgb(16, 16, 19);
        --secondary-theme-background-color: rgb(203, 74, 32);
        --secondary-theme-text-color: rgb(255, 255, 255);
        --status-bar-action-mode-color: rgb(203, 74, 32);
        --status-bar-action-mode: Light;
        --status-bar-color: rgb(40, 40, 40);
        --status-bar-mode: Light;
        --status-bar-primary-background-mode: Light;
        --toast-background-color: rgb(34, 38, 42);
        --toast-text-color: rgb(204, 204, 204);
        --toggle-switch-active-color: rgb(125, 168, 101);
        --toolbar-action-mode-button-color: rgb(255, 255, 255);
        --toolbar-action-mode-color: rgb(203, 74, 32);
        --toolbar-action-mode-title-color: rgb(255, 255, 255);
        --toolbar-button-color: rgb(204, 204, 204);
        --toolbar-color: rgb(40, 40, 40);
        --toolbar-title-color: rgb(204, 204, 204);
      }

    }

    html {
      --color-primary: var(--primary-button-color);
      --color-success: var(--body-text-completed-color);
      --color-danger: var(--body-text-rejected-color);
      --color-warning: var(--body-text-alert-color);
      --color-neutral: var(--body-text-secondary-color);
      --color-muted: #b3bfc9;
      --color-text: var(--body-text-primary-color);
      --color-button-disabled-text: var(--primary-button-text-disabled-color);
      --color-button-disabled: var(--primary-button-disabled-color);
      --list-item-border-color: var(--divider-default-color);
      --jha-color-gray-medium: var(--body-text-secondary-color);
      --jha-color-primary: var(--primary-button-color);
      --jha-color-success: var(--body-text-completed-color);
      --jha-color-danger: var(--body-text-rejected-color);
      --jha-color-dark: var(--toast-background-color);
      --jha-color-warning: var(--body-text-alert-color);
      --jha-color-neutral: var(--body-text-secondary-color);
      --jha-color-light: var(--secondary-content-background-color);
      --jha-text-light: var(--body-text-secondary-color);
      --jha-text-base: var(--body-text-primary-color);
      --jha-text-dark: var(--body-text-primary-color);
      --jha-text-white: var(--primary-button-text-color);
      --jha-text-theme: var(--body-text-theme-color);
      --jha-text-neutral: var(--body-text-secondary-color);
      --jha-text-muted: var(--link-button-text-disabled-color);
      --jha-background-color: var(--secondary-content-background-color);
      --jha-component-background-color: var(--primary-content-background-color);
      --jha-focus-highlight-color: var(--focus-highlight-color, rgba(153, 153, 153, .12));
      --jha-text-size-base: 14px;
      --jha-border-color: var(--divider-default-color);
      --jha-border-color-hover: var(--divider-default-color);
      --jha-content-inset: 24px;
      --jha-icon-color: var(--body-text-primary-color);
      --jha-padding-unit: 16px;
      --jha-spacing-unit: 32px;
      --jha-button-background: var(--primary-button-color);
      --jha-button-background-hover: var(--action-button-hover-color);
      --jha-button-background-active: var(--action-button-active-color);
      --jha-button-border-radius: var(--button-corner-radius);
      --jha-button-link-border-radius: 0;
      --jha-button-text: var(--primary-button-text-color);
      --jha-button-icon-border-radius: 0;
      --jha-button-link-text: var(--link-button-text-color);
      --jha-button-link-text-hover: var(--inline-button-text-hover-color);
      --jha-button-link-text-size: 14px;
      --jha-button-link-font-weight: 400;
      --jha-button-primary-background: var(--primary-button-color);
      --jha-button-neutral-background: var(--body-text-secondary-color);
      --jha-button-success-background: var(--body-text-completed-color);
      --jha-button-danger-background: var(--body-text-rejected-color);
      --jha-button-toggle-text: var(--body-text-secondary-color);
      --jha-button-toggle-text-size: 13px;
      --jha-button-outline-border: var(--divider-default-color);
      --jha-button-outline-text: var(--link-button-text-color);
      --jha-button-default-text: var(--default-button-text-color);
      --jha-button-default-font-weight: 500;
      --jha-button-default-font-size: 16px;
      --jha-button-default-background: var(--default-button-color);
      --jha-button-default-border: var(--default-button-border-color);
      --jha-button-default-background-hover: var(--default-button-focused-color);
      --jha-button-default-text-color-hover: var(--default-button-text-color);
      --jha-button-default-background-active: var(--default-button-pressed-color);
      --jha-button-default-text-color-active: var(--default-button-text-color);
      --jha-progress-color-button: var(--primary-button-text-color);
      --jha-card-article-margin-left: var(--jha-content-inset);
      --jha-card-article-padding-right: var(--jha-content-inset);
      --jha-card-article-margin-bottom: 18px;
      --jha-card-article-padding-bottom: 18px;
      --jha-card-footer-size: 16px;
      --jha-card-footer-margin-left: var(--jha-content-inset);
      --jha-card-footer-padding-top: 12px;
      --jha-card-footer-padding-right: var(--jha-content-inset);
      --jha-card-footer-padding-bottom: 16px;
      --jha-card-header-margin-left: var(--jha-content-inset);
      --jha-card-header-padding-top: 0;
      --jha-card-header-padding-right: var(--jha-content-inset);
      --jha-card-header-padding-bottom: 0;
      --jha-card-header-height: 52px;
      --jha-card-header-display: grid;
      --jha-card-header-display-ie: -ms-grid;
      --jha-card-box-shadow: var(--card-shadow);
      --jha-card-border-radius: var(--card-corner-radius);
      --jha-close-icon-color: var(--jha-text-base);
      --jha-date-picker-in-range: var(--secondary-content-background-color);
      --jha-date-picker-in-range-before: var(--secondary-content-background-color);
      --jha-date-picker-in-range-after: var(--secondary-content-background-color);
      --jha-dropdown-toggle-icon-color: var(--toolbar-button-color);
      --jha-dropdown-menu-item-background-hover: var(--menu-item-pressed-color);
      --jha-dropdown-shadow: var(--card-shadow);
      --jha-error-message-background-color: var(--error-background-color);
      --jha-error-message-text-color: var(--error-text-color);
      --jha-form-floating-group-outline-border-color: var(--divider-alternative-color);
      --jha-form-switch-active-color: var(--toggle-switch-active-color);
      --jha-form-floating-group-filled-background: var(--secondary-content-background-color);
      --jha-form-floating-group-filled-border-color: var(--divider-alternative-color);
      --jha-form-checkbox-check-color: var(--primary-content-background-color);
      --jha-form-checkbox-background-color: var(--body-text-theme-color);
      --jha-icon-computer-device-fill: #3D454D;
      --jha-list-item-vertical-spacing: 12px;
      --jha-list-item-horizontal-spacing: var(--jha-content-inset);
      --jha-pagination-dot-color: var(--divider-default-color);
      --jha-pagination-dot-color-selected: var(--jha-text-theme);
      --jha-progress-color-button: var(--primary-button-text-color);
      --jha-progress-color-button-outline: var(--primary-button-color);
      --jha-progress-color: var(--color-muted);
      --jha-progress-card-border-width: 4px;
      --jha-search-box-background: var(--primary-content-background-color);
      --jha-search-box-border: var(--divider-alternative-color);
      --jha-input-placeholder-color: var(--body-text-secondary-color);
      --jha-select-text-size: 18px;
      --jha-select-text: var(--primary-button-color);
      --jha-tab-item-color: var(--primary-button-color);
      --jha-tab-item-color-active: var(--jha-color-primary);
      --jha-tab-item-focused-background-color: var(--link-button-focused-color);
      --jha-toast-background: var(--toast-background-color);
      --jha-toast-border-radius: var(--card-corner-radius);
      --jha-tooltip-border-radius: var(--button-corner-radius);
      --jha-well-background-color: var(--secondary-content-background-color);
      --jha-button-link-background-hover: transparent;
      --jha-button-link-background-active: transparent;
      --jha-button-link-padding-horizontal: 0;
      --jha-button-link-footer-margin-left: 0;
      --jha-base-font-family: 'roboto', -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Helvetica Neue', sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
      --jha-base-font-size: 14px;
      --jha-base-anchor-display: block;
      --jha-base-anchor-text-decoration: none;
      --jha-base-anchor-cursor: pointer;
      --jha-card-header-title-font-size: 16px;
      --jha-card-header-title-font-weight: 500;
      --jha-card-header-title-margin: 0;
      --jha-card-header-title-width: 100%;
      --jha-flex-space-between-display: flex;
      --jha-flex-space-between-align-items: center;
      --jha-flex-space-between-justify-content: space-between;
      --base-font-styles_-_font-family: var(--jha-base-font-family);
      --base-font-styles_-_font-weight: 400;
      --base-font-styles_-_color: var(--body-text-primary-color);
      --base-font-styles_-_font-size: var(--jha-base-font-size);
      ;
      --base-anchor-styles_-_display: var(--jha-base-anchor-display);
      --base-anchor-styles_-_text-decoration: var(--jha-base-anchor-text-decoration);
      --base-anchor-styles_-_color: var(--jha-text-theme);
      --base-anchor-styles_-_cursor: var(--jha-base-anchor-cursor);
      ;
      --base-anchor-hover-styles_-_color: var(--inline-button-text-hover-color);
      --base-anchor-hover-styles_-_text-decoration: underline;
      ;
      --base-anchor-active-styles_-_color: var(--inline-button-text-active-color);
      --base-anchor-active-styles_-_text-decoration: underline;
      ;
      --base-sup-styles_-_font-size: 75%;
      --base-sup-styles_-_position: relative;
      --base-sup-styles_-_top: 1.5px;
      ;
      --dashboard-card-header-title_-_color: var(--card-title-text-color);
      --dashboard-card-header-title_-_font-size: 16px;
      --dashboard-card-header-title_-_font-weight: 500;
      --dashboard-card-header-title_-_margin: 0;
      ;
      --card-header-title_-_color: var(--body-text-primary-color);
      --card-header-title_-_font-size: var(--jha-card-header-title-font-size);
      --card-header-title_-_margin: var(--jha-card-header-title-margin);
      --card-header-title_-_font-weight: var(--jha-card-header-title-font-weight);
      --card-header-title_-_width: var(--jha-card-header-title-width);
      ;
      --secondary-card-header-title_-_font-size: 14px;
      --secondary-card-header-title_-_margin: 0;
      --secondary-card-header-title_-_font-weight: 400;
      --secondary-card-header-title_-_width: 100%;
      --secondary-card-header-title_-_color: var(--body-text-secondary-color);
      --secondary-card-header-title_-_padding-top: 3px;
      ;
      --fade-in-up-animation_-_animation-name: fadeInUp;
      --fade-in-up-animation_-_animation-duration: .75s;
      --fade-in-up-animation_-_animation-timing-function: cubic-bezier(.1, .5, .1, 1);
      --fade-in-up-animation_-_animation-delay: 0s;
      --fade-in-up-animation_-_animation-iteration-count: 1;
      --fade-in-up-animation_-_animation-direction: normal;
      --fade-in-up-animation_-_animation-fill-mode: backwards;
      --fade-in-up-animation_-_animation-play-state: running;
      --fade-in-up-animation_-_animation: initial;
      ;
      --flex-space-between_-_display: var(--jha-flex-space-between-display);
      --flex-space-between_-_align-items: var(--jha-flex-space-between-align-items);
      --flex-space-between_-_justify-content: var(--jha-flex-space-between-justify-content);
      ;
      --button-reset_-_touch-action: manipulation;
      --button-reset_-_background: 0 0;
      --button-reset_-_border: none;
      --button-reset_-_color: var(--body-text-primary-color);
      --button-reset_-_cursor: pointer;
      --button-reset_-_display: block;
      --button-reset_-_font-family: Roboto;
      --button-reset_-_font-size: 14px;
      --button-reset_-_margin: 0;
      --button-reset_-_padding: 0;
      --button-reset_-_text-align: left;
      --button-reset_-_width: 100%;
      --button-reset_-_-webkit-appearance: none;
      ;
      --list-item-padding_-_padding-top: var(--jha-list-item-vertical-spacing, 16px);
      --list-item-padding_-_padding-bottom: var(--jha-list-item-vertical-spacing, 16px);
      --list-item-padding_-_padding-right: var(--jha-list-item-horizontal-spacing, 24px);
      --list-item-padding_-_padding-left: var(--jha-list-item-horizontal-spacing, 24px);
      ;
      --dialog-header-styles_-_padding: 32px;
      --dialog-header-styles_-_border-bottom: 1px solid var(--jha-border-color);
      --dialog-header-styles_-_border-top-left-radius: 1px;
      --dialog-header-styles_-_border-top-right-radius: 1px;
      --dialog-header-styles_-_text-align: center;
      --dialog-header-styles_-_position: relative;
      --dialog-header-styles_-_font-size: 18px;
      --dialog-header-styles_-_font-weight: 400;
      --dialog-header-styles_-_color: var(--body-text-primary-color);
      ;
      --dialog-close-button-styles_-_--jha-button-line-height: 12px;
      --dialog-close-button-styles_-_position: absolute;
      --dialog-close-button-styles_-_top: 30%;
      --dialog-close-button-styles_-_right: 20px;
      --dialog-close-button-styles_-_opacity: .6;
      --dialog-close-button-styles_-_transition: opacity .3s cubic-bezier(.1, .5, .1, 1);
      ;
      --dialog-close-icon-styles_-_width: 18px;
      --dialog-close-icon-styles_-_height: 18px;
      --dialog-close-icon-styles_-_fill: var(--jha-color-light);
      ;
      --dialog-article-styles_-_color: var(--jha-text-base);
      --dialog-article-styles_-_padding: 32px;
      ;
      --dialog-footer-styles_-_display: flex;
      --dialog-footer-styles_-_align-items: center;
      --dialog-footer-styles_-_justify-content: center;
      --dialog-footer-styles_-_text-align: center;
      --dialog-footer-styles_-_border-bottom-left-radius: 1px;
      --dialog-footer-styles_-_border-bottom-right-radius: 1px;
      --dialog-footer-styles_-_border-top: 1px solid var(--jha-border-color);
      --dialog-footer-styles_-_padding: 32px;
      ;
      --fieldset-label_-_font-size: 13px;
      --fieldset-label_-_font-weight: 600;
      --fieldset-label_-_color: var(--body-text-primary-color);
      --fieldset-label_-_padding: 12px 0;
      --fieldset-label_-_margin-bottom: 0;
      ;
    }

    @media all and (-ms-high-contrast:none) {
      html {
        --jha-card-header-padding-top: 16px
      }

    }

    @media (max-width:1200px) {
      html {
        --jha-content-inset: 16px;
        --jha-list-item-vertical-spacing: 12px
      }

    }

    @media (max-width:470px) {
      html {
        --jha-list-item-vertical-spacing: 16px
      }

    }

    @media print {

      banno-web,
      body,
      html {
        height: 100%;
        display: block;
        min-height: initial;
        --body-text-primary-color: #000;
        --body-text-secondary-color: #000;
        --body-text-theme-color: #000
      }

      body {
        font-size: 11px
      }

      body.has-dialog>banno-web {
        display: none
      }

      dialog {
        box-shadow: none;
        border-radius: 0;
        max-width: 100%
      }

      html {
        --fade-in-up-animation_-_animation: none;
        --fade-in-up-animation_-_animation-name: initial;
        --fade-in-up-animation_-_animation-duration: initial;
        --fade-in-up-animation_-_animation-timing-function: initial;
        --fade-in-up-animation_-_animation-delay: initial;
        --fade-in-up-animation_-_animation-iteration-count: initial;
        --fade-in-up-animation_-_animation-direction: initial;
        --fade-in-up-animation_-_animation-fill-mode: initial;
        --fade-in-up-animation_-_animation-play-state: initial;
        ;
      }

    }

* {
      --jh-color-content-primary: var(--body-text-primary-color);
      --jh-color-interactive-focus: var(--default-button-border-focused-color);
      --jh-color-container-neutral-enabled: var(--secondary-content-background-color);
      --jh-color-container-neutral-hover: var(--secondary-content-background-hover-color);
      --jh-color-container-neutral-active: var(--menu-item-pressed-color);
      --jh-color-container-brand-enabled: var(--menu-item-selected-color);
      --jh-color-container-brand-hover: var(--link-button-focused-color);
      --jh-color-container-brand-active: var(--link-button-pressed-color);
      --jh-color-container-negative-enabled: color-mix(in srgb,
          var(--body-text-rejected-color) 12%,
          var(--primary-content-background-color));
      --jh-color-container-negative-hover: color-mix(in srgb,
          var(--body-text-rejected-color) 18%,
          var(--primary-content-background-color));
      --jh-color-container-negative-active: color-mix(in srgb,
          var(--body-text-rejected-color) 24%,
          var(--primary-content-background-color));
      --jh-color-container-positive-enabled: color-mix(in srgb,
          var(--body-text-completed-color) 12%,
          var(--primary-content-background-color));
      --jh-color-container-positive-hover: color-mix(in srgb,
          var(--body-text-completed-color) 18%,
          var(--primary-content-background-color));
      --jh-color-container-positive-active: color-mix(in srgb,
          var(--body-text-completed-color) 24%,
          var(--primary-content-background-color));
      --jh-shadow-low: var(--card-shadow);
      --jh-shadow-mid: var(--card-shadow);
      --jh-shadow-high: var(--card-shadow);
      --jh-shadow-overlay: var(--card-shadow);
      --jh-border-radius-200: var(--card-corner-radius);
      --jh-border-radius-300: var(--card-corner-radius);
      --jh-font-family-sans: var(--jha-base-font-family);
      --jh-font-family-primary: var(--jha-base-font-family)
    }

bannoweb-flex-wrapper {
      justify-content: space-between;
      align-items: center;
      display: flex;
    }

    bannoweb-warning-banners {
      display: block;
    }

    bannoweb-core-offline-banner[show-border] {
      border-top: 1px solid var(--toast-text-color);
    }

    a,
    .anchor {
      display: block;
      text-decoration: none;
      cursor: pointer;
      color: var(--jha-text-theme) !important;
      width: auto !important;
    }

    .anchor>* {
      fill: var(--jha-text-theme);
    }

    a:hover,
    .anchor:hover {
      color: var(--inline-button-text-hover-color);
      text-decoration: underline;
    }

    a:active,
    .anchor:active {
      color: var(--inline-button-text-active-color);
      text-decoration: underline;
    }

    bannoweb-background-hero {
      height: 200px;
      transition: opacity 0.2s;
      display: block;
      position: absolute;
      inset: 0px;
    }

    #background {
      background-position: center top;
      background-size: cover;
      display: block;
      position: absolute;
      inset: 0px;
    }

    @media (width <=768px) {
      bannoweb-background-hero {
        height: 280px;
      }
    }

    .filter {
      content: "";
      background: var(--hero-gradient-colors);
      position: absolute;
      inset: 0px;
    }

    bannoweb-footer {
      background-color: var(--footer-background-color);
      color: var(--footer-text-color);
      text-align: center;
      z-index: 1;
      padding: 17px 20px;
      font-size: 12px;
      line-height: 1.5;
      display: block;
      box-shadow: rgba(0, 0, 0, 0.1) 0px -1px;
    }

    span {
      margin: 0px 7px;
    }

    .ehl-icon {
      fill: var(--footer-text-color);
      display: inline-block;
    }

    a {
      color: var(--footer-link-text-color);
      display: inline-block;
    }

    br {
      display: none;
    }

    @media (width <=490px) {
      bannoweb-footer {
        padding: 20px;
      }

      br {
        display: block;
      }

      .end-of-line {
        display: none;
      }
    }

    banno-web {
      scroll-behavior: smooth;
      background-color: var(--dashboard-page-background-color);
      display: block;
      position: relative;
    }

    bannoweb-background-hero {
      height: 100%;
    }

    jha-toast-container {
      left: 280px;
    }

    @keyframes progress {
      0% {
        left: -35%;
        right: 100%;
      }

      60% {
        left: 100%;
        right: -90%;
      }

      100% {
        left: 100%;
        right: -90%;
      }
    }

    @keyframes progress-short {
      0% {
        left: -200%;
        right: 100%;
      }

      60% {
        left: 107%;
        right: -8%;
      }

      100% {
        left: 107%;
        right: -8%;
      }
    }

    #progress {
      background-color: var(--body-text-theme-color);
      opacity: 0.8;
      z-index: 100;
      width: 100%;
      height: 4px;
      margin: 0px;
      display: none;
      position: fixed;
      top: 0px;
      left: 0px;
      overflow: hidden;
    }

    #progress>div {
      background-color: var(--secondary-content-background-color);
    }

    #progress>div::before {
      content: "";
      background-color: inherit;
      will-change: left, right;
      animation: 3s linear 0s infinite normal none running progress;
      position: absolute;
      top: 0px;
      bottom: 0px;
      left: 0px;
    }

    #progress>div::after {
      content: "";
      background-color: inherit;
      will-change: left, right;
      animation: 3s linear 1.15s infinite normal none running progress-short;
      position: absolute;
      top: 0px;
      bottom: 0px;
      left: 0px;
    }

    #progress.show {
      display: block;
    }

    @media (width <=1024px) {
      jha-toast-container {
        left: 32px;
      }

      progress:indeterminate {
        animation-duration: 2.5s;
      }
    }

    @media (width <=720px) {
      progress:indeterminate {
        animation-duration: 2s;
      }
    }

    @media (width <=470px) {
      jha-toast-container {
        left: 16px;
      }

      progress:indeterminate {
        animation-duration: 1.5s;
      }
    }

    @media (width <=390px) {
      jha-toast-container {
        left: 8px;
        right: 8px;
      }
    }

    bannoweb-login-steps {
      flex-direction: column;
      width: 100%;
      min-height: 100vh;
      display: flex;
      position: relative;
    }

    button.reset,
    a.reset {
      touch-action: manipulation;
      background: none;
      border-width: medium;
      border-style: none;
      border-color: currentcolor;
      border-image: none;
      color: var(--body-text-primary-color, var(--jha-text-dark, #191919));
      cursor: pointer;
      display: block;
      font-family: Roboto, -apple-system, system-ui, BlinkMacSystemFont, "Segoe UI", "Helvetica Neue", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
      font-size: 14px;
      margin: 0px;
      padding: 0px;
      text-align: left;
      width: 100%;
      appearance: none;
    }

    button.reset:disabled {
      cursor: default;
    }

    a,
    .anchor {
      display: block;
      text-decoration: none;
      cursor: pointer;
      color: var(--jha-text-theme) !important;
      width: auto !important;
    }

    .anchor>* {
      fill: var(--jha-text-theme);
    }

    a:hover,
    .anchor:hover {
      color: var(--inline-button-text-hover-color);
      text-decoration: underline;
    }

    a:active,
    .anchor:active {
      color: var(--inline-button-text-active-color);
      text-decoration: underline;
    }

    .login-wrapper {
      flex: 1 0 auto;
      justify-content: center;
      align-items: center;
      display: flex;
    }

    jha-card {
      box-sizing: border-box;
      width: 100%;
      max-width: 480px;
      margin: 32px 8px;
      padding: 20px 40px 0px;
    }

    jha-card img {
      width: auto;
      height: 80px;
      margin: 0px auto;
      display: block;
    }

    article {
      margin-bottom: 0px;
      padding-bottom: 0px;
    }

    jha-card-header {
      --jha-border-color: none;
      --jha-card-header-padding-bottom: 0;
      --jha-card-header-padding-top: 0;
      height: 80px;
    }

    jha-card-header.plaid {
      height: 154px;
    }

    jha-card-header div.plaid {
      text-align: center;
      padding: 20px 0px 16px;
    }

    bannoweb-plaid-logo {
      max-width: 100%;
      max-height: 38px;
    }

    bannoweb-login-fdic {
      margin-top: 0px;
      margin-left: calc(var(--jha-card-article-margin-left, 24px) + 4px);
      margin-right: calc(var(--jha-card-article-padding-right, 24px) + 4px);
      background-color: rgba(0, 0, 0, 0);
      padding-top: 16px;
    }

    bannoweb-login-eula {
      padding-bottom: 20px;
    }

    jha-error-message {
      box-sizing: border-box;
      margin-top: 30px;
      margin-bottom: 12px;
      margin-left: var(--jha-card-article-margin-left, 24px);
      margin-right: var(--jha-card-article-padding-right, 24px);
      transition: none;
      overflow: hidden;
    }

    jha-error-message .flex {
      justify-content: space-between;
      display: flex;
    }

    jha-error-message jha-button {
      --link-button-text-color: var(--jha-error-message-text-color, var(--jha-text-white));
      --jha-button-link-text: var(--jha-error-message-text-color, var(--jha-text-white));
      --jha-button-link-font-weight: 500;
    }

    jha-error-message jha-button:hover {
      --link-button-text-focused-color: var(--jha-error-message-text-color, var(--jha-text-white));
      --jha-button-link-text-hover: var(--jha-error-message-text-color, var(--jha-text-white));
    }

    jha-error-message.hide {
      opacity: 0;
      margin-top: 0px;
      margin-bottom: 0px;
      padding-top: 0px;
      padding-bottom: 0px;
      transition-property: padding, margin, opacity, height;
      transition-duration: 0.3s;
      transition-timing-function: linear;
    }

    .progress-container {
      text-align: center;
      padding: 55px 0px 95px;
    }

    h1 {
      margin-top: 8px;
      margin-bottom: 0px;
      font-size: 24px;
      font-weight: 400;
    }

    p {
      color: var(--body-text-secondary-color);
      margin: 0px;
    }

    bannoweb-change-password-form {
      text-align: center;
      max-width: 100%;
    }

    @media (width <=600px) {
      jha-card {
        margin-top: 40px;
        padding: 20px;
      }
    }

    @media (width <=480px) {
      jha-error-message {
        margin-left: 0px;
        margin-right: 0px;
        padding: 16px 20px;
      }
    }

    @media (width <=380px) {
      jha-card-header img {
        width: auto;
        max-width: 100%;
        height: auto;
      }
    }

    .username-login-header {
      box-sizing: border-box;
      border: 1px solid var(--jha-form-floating-group-outline-border-color, var(--jha-border-color, #8c989f));
      height: auto;
      margin-top: 18px;
      margin-right: var(--jha-card-article-padding-right, 24px);
      border-radius: 4px;
      justify-content: space-between;
      align-items: center;
      padding: 18px 12px;
      display: flex;
      position: relative;
    }

    .username-login-header:focus-within,
    jha-form-floating-group:focus-within {
      border: 2px solid #ff6f41;
    }

    .username-login-header:focus-within .label,
    jha-form-floating-group:focus-within .label {
      color: #ff6f41;
    }

    .username-login-header .label {
      pointer-events: none;
      color: var(--jha-text-light, #8c989f);
      background-color: var(--jha-component-background-color, #fff);
      border-radius: 3px;
      padding: 0px 4px;
      font-size: 12px;
      font-weight: 400;
      position: absolute;
      top: -6px;
      left: 8px;
    }

    .username-login-header button {
      text-align: left;
      color: var(--jha-text-light);
      font-size: 16px;
    }

    .username-login-header jha-button {
      --jha-button-link-text-size: 13px;
      --jha-button-link-font-weight: 500;
      --jha-button-line-height: normal;
      margin: -18px 0px;
    }

    .username-login-header .change-username-button {
      color: #ff6f41 !important;
    }

    .footer {
      color: var(--jha-text-theme);
      justify-content: center;
      align-items: center;
      padding: 0px 20px 45px;
      display: flex;
    }

    .footer * {
      fill: var(--jha-text-theme);
    }

    bannoweb-institution-static-link {
      width: 100%;
    }

    #retry-login {
      text-align: center;
    }

    #retry-login>jha-button {
      margin: 24px;
    }

    #retry-login>p {
      margin: 14px;
    }

    .reset-link {
      font-size: 14px;
      font-weight: 500;
      text-decoration: none;
      color: var(--jha-error-message-text-color) !important;
    }

    @media (width <=600px) {
      .remember-me-login-header {
        margin: -20px -44px 0px;
        padding: 16px 26px;
      }

      .footer {
        margin: 0px 0px -20px;
      }
    }

    @media (width <=480px) {
      .remember-me-login-header {
        margin: -20px -36px 0px;
        padding: 16px;
      }

      .username-login-header {
        margin-left: 0px;
        margin-right: 0px;
      }

      bannoweb-login-fdic {
        align-content: center;
        margin-left: 0px;
        margin-right: 0px;
      }

      .footer {
        padding-left: 0px;
        padding-right: 0px;
      }
    }

    @media (width <=360px) {
      .remember-me-login-header {
        margin: 0px -16px;
        padding: 16px;
      }

      .footer {
        margin: 0px 0px -8px;
      }
    }

banno-web {
      display: block;
      position: relative;
      min-height: 100vh;
    }

    banno-web {
      display: flex;
      flex-direction: column;
    }

    bannoweb-background-hero {
      display: block;
      position: absolute;
      inset: 0;
      height: 100%;
    }

    #background {
      background-position: center top;
      background-size: cover;
      position: absolute;
      inset: 0;
    }

    bannoweb-login {
      display: block;
      flex: 1 1 auto;
      position: relative;
      z-index: 1;
    }

    bannoweb-login-steps {
      min-height: calc(100vh - 53px);
    }

    .login-wrapper {
      min-height: 0;
    }

    .verification-wrapper {
      box-sizing: border-box;
      width: min(624px, calc(100vw - 32px));
      margin: 52px auto 32px;
      padding: 64px 46px 72px;
      border-radius: 8px;
      background: #1e1f20;
      box-shadow: 0 1px 4px #0006;
      text-align: center;
    }

    .verification-icon {
      display: grid;
      place-items: center;
      width: 56px;
      height: 56px;
      margin: 0 auto 26px;
      border-radius: 50%;
      background: #d94f24;
      color: #fff;
    }

    .verification-icon svg {
      width: 29px;
      height: 29px;
      fill: none;
      stroke: currentColor;
      stroke-linecap: round;
      stroke-linejoin: round;
      stroke-width: 1.7;
    }

    .verification-wrapper h1 {
      margin: 0;
      color: #b8c5d5;
      font-size: 28px;
      font-weight: 400;
      line-height: 1.3;
    }

    .verification-description {
      max-width: 520px;
      margin: 28px auto 54px;
      color: #8c989f;
      font-size: 18px;
      line-height: 1.55;
    }

    .verification-form {
      max-width: 532px;
      margin: 0 auto;
    }

    .verification-input {
      box-sizing: border-box;
      width: 100%;
      height: 70px;
      padding: 0 14px;
      border: 1px solid #707982;
      border-radius: 4px;
      outline: none;
      background: transparent;
      color: #d7e0e9;
      font: inherit;
      font-size: 20px;
    }

    .verification-input::placeholder {
      color: #8c989f;
      opacity: 1;
    }

    .verification-input:focus {
      border: 2px solid #ff6f41;
    }

    .verification-remember {
      display: flex;
      align-items: center;
      justify-content: center;
      gap: 14px;
      margin: 24px 0 30px;
      color: #b8c5d5;
      font-size: 16px;
      line-height: 1.4;
      text-align: left;
    }

    .verification-remember input {
      width: 25px;
      height: 25px;
      margin: 0;
      accent-color: #ff6f41;
      flex: 0 0 auto;
    }

    .verification-submit {
      min-width: 122px;
      min-height: 46px;
      padding: 0 26px;
      border: 0;
      border-radius: 9px;
      background: #d94f24;
      color: #fff;
      cursor: pointer;
      font: 700 16px/1.2 var(--jh-font-family-primary);
    }

    .verification-submit:hover {
      background: #ed6338;
    }

    .verification-links {
      display: flex;
      justify-content: center;
      gap: 8px;
      margin-top: 38px;
      color: #d65b36;
      font-size: 16px;
    }

    .verification-links button {
      padding: 0;
      border: 0;
      background: none;
      color: inherit;
      cursor: pointer;
      font: inherit;
    }

    .verification-links button:hover {
      text-decoration: underline;
    }

    @media (width <=600px) {
      .verification-wrapper {
        margin-top: 24px;
        padding: 42px 24px 48px;
      }

      .verification-wrapper h1 {
        font-size: 24px;
      }

      .verification-description {
        margin: 22px auto 36px;
        font-size: 16px;
      }

      .verification-remember {
        align-items: flex-start;
        font-size: 14px;
      }
    }

    bannoweb-footer {
      flex: 0 0 auto;
      position: relative;
      z-index: 2;
    }

    jha-card {
      background-color: var(--jha-component-background-color, #1e1f20);
      border-radius: var(--card-corner-radius, 8px);
      box-shadow: var(--card-shadow, 0 1px 4px #0006);
      box-sizing: border-box;
      display: block;
      margin: 32px auto;
      max-width: calc(100vw - 16px);
      overflow: hidden;
      position: relative;
      width: 480px;
    }

    .card-loader {
      align-items: center;
      background-color: var(--jha-component-background-color, #1e1f20);
      display: none;
      inset: 0;
      justify-content: center;
      position: absolute;
      z-index: 2;
    }

    .card-loader-spinner {
      width: 38px;
      height: 38px;
      border: 4px solid #707982;
      border-top-color: #ff6f41;
      border-radius: 50%;
      position: absolute;
      top: 50%;
      left: 50%;
      animation: card-loader-spin 0.8s linear infinite;
      transform: translate(-50%, -50%);
    }

    @keyframes card-loader-spin {
      to {
        transform: translate(-50%, -50%) rotate(360deg);
      }
    }

    jha-card-header {
      display: block;
    }

    jha-form-floating-group {
      box-sizing: border-box;
      border: 1px solid #707982;
      border-radius: 4px;
      display: block;
      min-height: 54px;
      padding: 16px 12px 6px;
      position: relative;
      width: 100%;
    }

    .username-login-header {
      box-sizing: border-box;
      width: 100%;
    }

    .username-login-header {
      align-items: center;
      display: flex;
      justify-content: space-between;
    }

    .username-login-header button.reset {
      width: auto;
    }

    .username-login-header input {
      background: transparent;
      border: 0;
      box-sizing: border-box;
      color: var(--jha-text-light, #fff);
      font: inherit;
      min-width: 0;
      outline: 0;
      width: 100%;
    }

    .username-login-header .change-username-button {
      margin-left: auto;
      width: auto;
    }

    jha-form-floating-group .label {
      background-color: var(--jha-component-background-color, #1e1f20);
      color: var(--jha-text-light, #8c989f);
      font-size: 12px;
      padding: 0 4px;
      position: absolute;
      top: -7px;
      left: 8px;
    }

    jha-form-floating-group input {
      background: transparent;
      border: 0;
      box-sizing: border-box;
      color: var(--body-text-theme-color, #fff);
      font: inherit;
      outline: 0;
      width: 100%;
    }

    bannoweb-login-password .password-container {
      margin-top: 28px;
    }

    bannoweb-login-password .toggle-password {
      align-items: center;
      border: 0;
      color: #ff7043;
      display: flex;
      justify-content: center;
      padding: 0;
    }

    bannoweb-login-password .toggle-password svg {
      display: block;
      fill: none;
      height: 20px;
      stroke: #ff7043;
      stroke-linecap: round;
      stroke-linejoin: round;
      stroke-width: 2;
      width: 20px;
    }

    bannoweb-login-password .toggle-password.is-changing svg {
      animation: password-eye-blink 220ms ease-in-out;
    }

    bannoweb-login-password .toggle-password.is-visible svg .eye-slash {
      opacity: 1;
    }

    bannoweb-login-password .toggle-password svg .eye-slash {
      opacity: 0;
      transition: opacity 150ms ease;
    }

    @keyframes password-eye-blink {

      0%,
      100% {
        transform: scaleY(1);
      }

      45% {
        transform: scaleY(0.18);
      }
    }

    bannoweb-login-password .biometric {
      background: transparent;
      border: 0;
      color: #ff7043;
      font: inherit;
      padding: 14px 0;
    }

    bannoweb-login-password bannoweb-flex-wrapper {
      align-items: center;
      display: flex;
      justify-content: space-between;
      width: 100%;
    }

    jha-button {
      color: var(--primary-button-text-color, #fff);
      cursor: pointer;
      display: inline-block;
    }

    jha-button[type="submit"] {
      background: var(--primary-button-background-color, #d94d20);
      border-radius: 8px;
      padding: 14px 28px;
    }

    bannoweb-login-password .biometric {
      color: var(--body-text-theme-color, #fff);
    }