:host .glass {
  backdrop-filter: blur(12px);
  --box-background-color: var(--joy-scheme-semi-transparent);
  --box-shadow: var(--joy-elevation-light);
}
:host mosaik-box[class*=glass] {
  --box-background-color: var(--joy-scheme-semi-transparent);
  --box-shadow: var(--joy-elevation-light);
  backdrop-filter: blur(12px);
}
:host mosaik-box[class*=glass] > mosaik-searchbox {
  background-color: var(--joy-scheme-transparent);
  box-shadow: var(--joy-elevation-light);
  --searchbox-focus-ring-outward-offset: 0px;
  --searchbox-border-width: 0px;
  --searchbox-padding-top: calc(var(--joy-layout-space) + 1.5px);
  --searchbox-padding-bottom: calc(var(--joy-layout-space) + 1.5px);
}
:host [part=toolboxIcon] {
  width: 180px;
  min-width: 180px;
  height: 180px;
  min-height: 180px;
}
:host [part=toolboxIcon]::part(content) {
  background-color: var(--joy-scheme-background);
  background-repeat: repeat;
  background-image: radial-gradient(var(--joy-scheme-highlight) 1px, var(--joy-scheme-background) 1px);
  background-size: 8px 8px;
  padding: 0;
}

:root,
:host {
  --joy-layout-radius: 12px;
  --joy-layout-thickness: 2px;
  --joy-layout-space: 8px;
}

:root,
:host {
  --joy-duration-short: 200ms;
  --joy-duration-medium: 400ms;
  --joy-duration-long: 600ms;
}

:root,
:host {
  --joy-scheme-light-surface: #f5f5f5;
  --joy-scheme-light-background: #eaeaea;
  --joy-scheme-light-foreground: #3c454f;
  --joy-scheme-light-highlight: #d1d1d1;
  --joy-scheme-light-middlelight: #8a8a8a;
  --joy-scheme-light-lowlight: #5c5c5c;
  --joy-scheme-light-transparent: rgba(255, 255, 255, 0);
  --joy-scheme-light-semi-transparent: rgba(255, 255, 255, 0.67);
  --joy-scheme-light-disabled: #686868;
  --joy-scheme-light-contrast: #ffffff;
  --joy-scheme-light-selection: rgba(204, 204, 204, 0.44);
  --joy-scheme-surface: var(--joy-scheme-light-surface);
  --joy-scheme-background: var(--joy-scheme-light-background);
  --joy-scheme-foreground: var(--joy-scheme-light-foreground);
  --joy-scheme-highlight: var(--joy-scheme-light-highlight);
  --joy-scheme-middlelight: var(--joy-scheme-light-middlelight);
  --joy-scheme-lowlight: var(--joy-scheme-light-lowlight);
  --joy-scheme-transparent: var(--joy-scheme-light-transparent);
  --joy-scheme-semi-transparent: var(--joy-scheme-light-semi-transparent);
  --joy-scheme-disabled: var(--joy-scheme-light-disabled);
  --joy-scheme-contrast: var(--joy-scheme-light-contrast);
  --joy-scheme-selection: var(--joy-scheme-light-selection);
}
:root.dark, :root[theme-mode=dark],
:host.dark,
:host[theme-mode=dark] {
  --joy-scheme-dark-surface: #1e1e1e;
  --joy-scheme-dark-background: #151515;
  --joy-scheme-dark-foreground: #c3bab0;
  --joy-scheme-dark-highlight: #2e2e2e;
  --joy-scheme-dark-middlelight: #757575;
  --joy-scheme-dark-lowlight: #a3a3a3;
  --joy-scheme-dark-transparent: rgba(255, 255, 255, 0);
  --joy-scheme-dark-semi-transparent: rgba(255, 255, 255, 0.03);
  --joy-scheme-dark-disabled: #474747;
  --joy-scheme-dark-contrast: #000000;
  --joy-scheme-dark-selection: rgba(204, 204, 204, 0.44);
  --joy-scheme-surface: var(--joy-scheme-dark-surface);
  --joy-scheme-background: var(--joy-scheme-dark-background);
  --joy-scheme-foreground: var(--joy-scheme-dark-foreground);
  --joy-scheme-highlight: var(--joy-scheme-dark-highlight);
  --joy-scheme-middlelight: var(--joy-scheme-dark-middlelight);
  --joy-scheme-lowlight: var(--joy-scheme-dark-lowlight);
  --joy-scheme-transparent: var(--joy-scheme-dark-transparent);
  --joy-scheme-semi-transparent: var(--joy-scheme-dark-semi-transparent);
  --joy-scheme-disabled: var(--joy-scheme-dark-disabled);
  --joy-scheme-contrast: var(--joy-scheme-dark-contrast);
  --joy-scheme-selection: var(--joy-scheme-dark-selection);
}

:root,
:host {
  --joy-color-light-primary-0: #ffffff;
  --joy-color-light-primary-50: #fce4ec;
  --joy-color-light-primary-100: #f8bcd0;
  --joy-color-light-primary-200: #f48fb1;
  --joy-color-light-primary-300: #f06292;
  --joy-color-light-primary-400: #ec407a;
  --joy-color-light-primary-500: #e91e63;
  --joy-color-light-primary-600: #cb1a56;
  --joy-color-light-primary-700: #a31545;
  --joy-color-light-primary-800: #7e1035;
  --joy-color-light-primary-900: #3a0819;
  --joy-color-light-secondary-0: #ffffff;
  --joy-color-light-secondary-50: #e6f6e9;
  --joy-color-light-secondary-100: #c3e8c9;
  --joy-color-light-secondary-200: #9bd9a7;
  --joy-color-light-secondary-300: #70cb83;
  --joy-color-light-secondary-400: #4dbf68;
  --joy-color-light-secondary-500: #21b34d;
  --joy-color-light-secondary-600: #16a444;
  --joy-color-light-secondary-700: #009238;
  --joy-color-light-secondary-800: #00812d;
  --joy-color-light-secondary-900: #006218;
  --joy-color-light-tertiary-0: #ffffff;
  --joy-color-light-tertiary-50: #e1f5fc;
  --joy-color-light-tertiary-100: #b4e6f7;
  --joy-color-light-tertiary-200: #84d5f3;
  --joy-color-light-tertiary-300: #56c5ee;
  --joy-color-light-tertiary-400: #35b8eb;
  --joy-color-light-tertiary-500: #19ace9;
  --joy-color-light-tertiary-600: #139edb;
  --joy-color-light-tertiary-700: #098bc7;
  --joy-color-light-tertiary-800: #087ab4;
  --joy-color-light-tertiary-900: #005a92;
  --joy-color-light-info-0: #ffffff;
  --joy-color-light-info-50: #f4faff;
  --joy-color-light-info-100: #ddf1ff;
  --joy-color-light-info-200: #addbff;
  --joy-color-light-info-300: #6fb6ff;
  --joy-color-light-info-400: #3990ff;
  --joy-color-light-info-500: #096bde;
  --joy-color-light-info-600: #054da7;
  --joy-color-light-info-700: #02367d;
  --joy-color-light-info-800: #072859;
  --joy-color-light-info-900: #00153c;
  --joy-color-light-warning-0: #ffffff;
  --joy-color-light-warning-50: #fff8c5;
  --joy-color-light-warning-100: #fae17d;
  --joy-color-light-warning-200: #eac54f;
  --joy-color-light-warning-300: #d4a72c;
  --joy-color-light-warning-400: #bf8700;
  --joy-color-light-warning-500: #9a6700;
  --joy-color-light-warning-600: #7d4e00;
  --joy-color-light-warning-700: #633c01;
  --joy-color-light-warning-800: #4d2d00;
  --joy-color-light-warning-900: #3b2300;
  --joy-color-light-danger-0: #ffffff;
  --joy-color-light-danger-50: #fff8f6;
  --joy-color-light-danger-100: #ffe9e8;
  --joy-color-light-danger-200: #ffc7c5;
  --joy-color-light-danger-300: #ff9192;
  --joy-color-light-danger-400: #fa5255;
  --joy-color-light-danger-500: #d3232f;
  --joy-color-light-danger-600: #a10e25;
  --joy-color-light-danger-700: #77061b;
  --joy-color-light-danger-800: #580013;
  --joy-color-light-danger-900: #39000d;
  --joy-color-light-success-0: #ffffff;
  --joy-color-light-success-50: #f3fef5;
  --joy-color-light-success-100: #d7f5dd;
  --joy-color-light-success-200: #77ec95;
  --joy-color-light-success-300: #4cc76e;
  --joy-color-light-success-400: #2ca24d;
  --joy-color-light-success-500: #1a7d36;
  --joy-color-light-success-600: #0f5d26;
  --joy-color-light-success-700: #034318;
  --joy-color-light-success-800: #002f0f;
  --joy-color-light-success-900: #001d09;
  --joy-color-light-highlight-0: #ffffff;
  --joy-color-light-highlight-50: #fdf7ff;
  --joy-color-light-highlight-100: #f4eaff;
  --joy-color-light-highlight-200: #e1cbff;
  --joy-color-light-highlight-300: #c69eff;
  --joy-color-light-highlight-400: #a374f9;
  --joy-color-light-highlight-500: #814dde;
  --joy-color-light-highlight-600: #5f35ae;
  --joy-color-light-highlight-700: #452382;
  --joy-color-light-highlight-800: #301761;
  --joy-color-light-highlight-900: #1d0a42;
  --joy-color-light-neutral-0: #ffffff;
  --joy-color-light-neutral-50: #f7f7f8;
  --joy-color-light-neutral-100: #ebebef;
  --joy-color-light-neutral-200: #d8d8df;
  --joy-color-light-neutral-300: #b9b9c6;
  --joy-color-light-neutral-400: #8f8fa3;
  --joy-color-light-neutral-500: #73738c;
  --joy-color-light-neutral-600: #5a5a72;
  --joy-color-light-neutral-700: #434356;
  --joy-color-light-neutral-800: #25252d;
  --joy-color-light-neutral-900: #131318;
  --joy-color-primary-0: var(--joy-color-light-primary-0);
  --joy-color-primary-50: var(--joy-color-light-primary-50);
  --joy-color-primary-100: var(--joy-color-light-primary-100);
  --joy-color-primary-200: var(--joy-color-light-primary-200);
  --joy-color-primary-300: var(--joy-color-light-primary-300);
  --joy-color-primary-400: var(--joy-color-light-primary-400);
  --joy-color-primary-500: var(--joy-color-light-primary-500);
  --joy-color-primary-600: var(--joy-color-light-primary-600);
  --joy-color-primary-700: var(--joy-color-light-primary-700);
  --joy-color-primary-800: var(--joy-color-light-primary-800);
  --joy-color-primary-900: var(--joy-color-light-primary-900);
  --joy-color-secondary-0: var(--joy-color-light-secondary-0);
  --joy-color-secondary-50: var(--joy-color-light-secondary-50);
  --joy-color-secondary-100: var(--joy-color-light-secondary-100);
  --joy-color-secondary-200: var(--joy-color-light-secondary-200);
  --joy-color-secondary-300: var(--joy-color-light-secondary-300);
  --joy-color-secondary-400: var(--joy-color-light-secondary-400);
  --joy-color-secondary-500: var(--joy-color-light-secondary-500);
  --joy-color-secondary-600: var(--joy-color-light-secondary-600);
  --joy-color-secondary-700: var(--joy-color-light-secondary-700);
  --joy-color-secondary-800: var(--joy-color-light-secondary-800);
  --joy-color-secondary-900: var(--joy-color-light-secondary-900);
  --joy-color-tertiary-0: var(--joy-color-light-tertiary-0);
  --joy-color-tertiary-50: var(--joy-color-light-tertiary-50);
  --joy-color-tertiary-100: var(--joy-color-light-tertiary-100);
  --joy-color-tertiary-200: var(--joy-color-light-tertiary-200);
  --joy-color-tertiary-300: var(--joy-color-light-tertiary-300);
  --joy-color-tertiary-400: var(--joy-color-light-tertiary-400);
  --joy-color-tertiary-500: var(--joy-color-light-tertiary-500);
  --joy-color-tertiary-600: var(--joy-color-light-tertiary-600);
  --joy-color-tertiary-700: var(--joy-color-light-tertiary-700);
  --joy-color-tertiary-800: var(--joy-color-light-tertiary-800);
  --joy-color-tertiary-900: var(--joy-color-light-tertiary-900);
  --joy-color-info-0: var(--joy-color-light-info-0);
  --joy-color-info-50: var(--joy-color-light-info-50);
  --joy-color-info-100: var(--joy-color-light-info-100);
  --joy-color-info-200: var(--joy-color-light-info-200);
  --joy-color-info-300: var(--joy-color-light-info-300);
  --joy-color-info-400: var(--joy-color-light-info-400);
  --joy-color-info-500: var(--joy-color-light-info-500);
  --joy-color-info-600: var(--joy-color-light-info-600);
  --joy-color-info-700: var(--joy-color-light-info-700);
  --joy-color-info-800: var(--joy-color-light-info-800);
  --joy-color-info-900: var(--joy-color-light-info-900);
  --joy-color-warning-0: var(--joy-color-light-warning-0);
  --joy-color-warning-50: var(--joy-color-light-warning-50);
  --joy-color-warning-100: var(--joy-color-light-warning-100);
  --joy-color-warning-200: var(--joy-color-light-warning-200);
  --joy-color-warning-300: var(--joy-color-light-warning-300);
  --joy-color-warning-400: var(--joy-color-light-warning-400);
  --joy-color-warning-500: var(--joy-color-light-warning-500);
  --joy-color-warning-600: var(--joy-color-light-warning-600);
  --joy-color-warning-700: var(--joy-color-light-warning-700);
  --joy-color-warning-800: var(--joy-color-light-warning-800);
  --joy-color-warning-900: var(--joy-color-light-warning-900);
  --joy-color-danger-0: var(--joy-color-light-danger-0);
  --joy-color-danger-50: var(--joy-color-light-danger-50);
  --joy-color-danger-100: var(--joy-color-light-danger-100);
  --joy-color-danger-200: var(--joy-color-light-danger-200);
  --joy-color-danger-300: var(--joy-color-light-danger-300);
  --joy-color-danger-400: var(--joy-color-light-danger-400);
  --joy-color-danger-500: var(--joy-color-light-danger-500);
  --joy-color-danger-600: var(--joy-color-light-danger-600);
  --joy-color-danger-700: var(--joy-color-light-danger-700);
  --joy-color-danger-800: var(--joy-color-light-danger-800);
  --joy-color-danger-900: var(--joy-color-light-danger-900);
  --joy-color-success-0: var(--joy-color-light-success-0);
  --joy-color-success-50: var(--joy-color-light-success-50);
  --joy-color-success-100: var(--joy-color-light-success-100);
  --joy-color-success-200: var(--joy-color-light-success-200);
  --joy-color-success-300: var(--joy-color-light-success-300);
  --joy-color-success-400: var(--joy-color-light-success-400);
  --joy-color-success-500: var(--joy-color-light-success-500);
  --joy-color-success-600: var(--joy-color-light-success-600);
  --joy-color-success-700: var(--joy-color-light-success-700);
  --joy-color-success-800: var(--joy-color-light-success-800);
  --joy-color-success-900: var(--joy-color-light-success-900);
  --joy-color-highlight-0: var(--joy-color-light-highlight-0);
  --joy-color-highlight-50: var(--joy-color-light-highlight-50);
  --joy-color-highlight-100: var(--joy-color-light-highlight-100);
  --joy-color-highlight-200: var(--joy-color-light-highlight-200);
  --joy-color-highlight-300: var(--joy-color-light-highlight-300);
  --joy-color-highlight-400: var(--joy-color-light-highlight-400);
  --joy-color-highlight-500: var(--joy-color-light-highlight-500);
  --joy-color-highlight-600: var(--joy-color-light-highlight-600);
  --joy-color-highlight-700: var(--joy-color-light-highlight-700);
  --joy-color-highlight-800: var(--joy-color-light-highlight-800);
  --joy-color-highlight-900: var(--joy-color-light-highlight-900);
  --joy-color-neutral-0: var(--joy-color-light-neutral-0);
  --joy-color-neutral-50: var(--joy-color-light-neutral-50);
  --joy-color-neutral-100: var(--joy-color-light-neutral-100);
  --joy-color-neutral-200: var(--joy-color-light-neutral-200);
  --joy-color-neutral-300: var(--joy-color-light-neutral-300);
  --joy-color-neutral-400: var(--joy-color-light-neutral-400);
  --joy-color-neutral-500: var(--joy-color-light-neutral-500);
  --joy-color-neutral-600: var(--joy-color-light-neutral-600);
  --joy-color-neutral-700: var(--joy-color-light-neutral-700);
  --joy-color-neutral-800: var(--joy-color-light-neutral-800);
  --joy-color-neutral-900: var(--joy-color-light-neutral-900);
}
:root.dark, :root[theme-mode=dark],
:host.dark,
:host[theme-mode=dark] {
  --joy-color-dark-primary-0: #000000;
  --joy-color-dark-primary-50: #3a0819;
  --joy-color-dark-primary-100: #7e1035;
  --joy-color-dark-primary-200: #a31545;
  --joy-color-dark-primary-300: #cb1a56;
  --joy-color-dark-primary-400: #e91e63;
  --joy-color-dark-primary-500: #ec407a;
  --joy-color-dark-primary-600: #f06292;
  --joy-color-dark-primary-700: #f48fb1;
  --joy-color-dark-primary-800: #f8bcd0;
  --joy-color-dark-primary-900: #fce4ec;
  --joy-color-dark-secondary-0: #000000;
  --joy-color-dark-secondary-50: #006218;
  --joy-color-dark-secondary-100: #00812d;
  --joy-color-dark-secondary-200: #009238;
  --joy-color-dark-secondary-300: #16a444;
  --joy-color-dark-secondary-400: #21b34d;
  --joy-color-dark-secondary-500: #4dbf68;
  --joy-color-dark-secondary-600: #70cb83;
  --joy-color-dark-secondary-700: #9bd9a7;
  --joy-color-dark-secondary-800: #c3e8c9;
  --joy-color-dark-secondary-900: #e6f6e9;
  --joy-color-dark-tertiary-0: #000000;
  --joy-color-dark-tertiary-50: #005a92;
  --joy-color-dark-tertiary-100: #087ab4;
  --joy-color-dark-tertiary-200: #098bc7;
  --joy-color-dark-tertiary-300: #139edb;
  --joy-color-dark-tertiary-400: #19ace9;
  --joy-color-dark-tertiary-500: #35b8eb;
  --joy-color-dark-tertiary-600: #56c5ee;
  --joy-color-dark-tertiary-700: #84d5f3;
  --joy-color-dark-tertiary-800: #b4e6f7;
  --joy-color-dark-tertiary-900: #e1f5fc;
  --joy-color-dark-info-0: #000000;
  --joy-color-dark-info-50: #00153c;
  --joy-color-dark-info-100: #072859;
  --joy-color-dark-info-200: #02367d;
  --joy-color-dark-info-300: #054da7;
  --joy-color-dark-info-400: #096bde;
  --joy-color-dark-info-500: #3990ff;
  --joy-color-dark-info-600: #6fb6ff;
  --joy-color-dark-info-700: #addbff;
  --joy-color-dark-info-800: #ddf1ff;
  --joy-color-dark-info-900: #f4faff;
  --joy-color-dark-warning-0: #000000;
  --joy-color-dark-warning-50: #3b2300;
  --joy-color-dark-warning-100: #4d2d00;
  --joy-color-dark-warning-200: #633c01;
  --joy-color-dark-warning-300: #7d4e00;
  --joy-color-dark-warning-400: #9a6700;
  --joy-color-dark-warning-500: #bf8700;
  --joy-color-dark-warning-600: #d4a72c;
  --joy-color-dark-warning-700: #eac54f;
  --joy-color-dark-warning-800: #fae17d;
  --joy-color-dark-warning-900: #fff8c5;
  --joy-color-dark-danger-0: #000000;
  --joy-color-dark-danger-50: #39000d;
  --joy-color-dark-danger-100: #580013;
  --joy-color-dark-danger-200: #77061b;
  --joy-color-dark-danger-300: #a10e25;
  --joy-color-dark-danger-400: #d3232f;
  --joy-color-dark-danger-500: #fa5255;
  --joy-color-dark-danger-600: #ff9192;
  --joy-color-dark-danger-700: #ffc7c5;
  --joy-color-dark-danger-800: #ffe9e8;
  --joy-color-dark-danger-900: #fff8f6;
  --joy-color-dark-success-0: #000000;
  --joy-color-dark-success-50: #001d09;
  --joy-color-dark-success-100: #002f0f;
  --joy-color-dark-success-200: #034318;
  --joy-color-dark-success-300: #0f5d26;
  --joy-color-dark-success-400: #1a7d36;
  --joy-color-dark-success-500: #2ca24d;
  --joy-color-dark-success-600: #4cc76e;
  --joy-color-dark-success-700: #77ec95;
  --joy-color-dark-success-800: #d7f5dd;
  --joy-color-dark-success-900: #f3fef5;
  --joy-color-dark-highlight-0: #000000;
  --joy-color-dark-highlight-50: #1d0a42;
  --joy-color-dark-highlight-100: #301761;
  --joy-color-dark-highlight-200: #452382;
  --joy-color-dark-highlight-300: #5f35ae;
  --joy-color-dark-highlight-400: #814dde;
  --joy-color-dark-highlight-500: #a374f9;
  --joy-color-dark-highlight-600: #c69eff;
  --joy-color-dark-highlight-700: #e1cbff;
  --joy-color-dark-highlight-800: #f4eaff;
  --joy-color-dark-highlight-900: #fdf7ff;
  --joy-color-dark-neutral-0: #000000;
  --joy-color-dark-neutral-50: #131318;
  --joy-color-dark-neutral-100: #25252d;
  --joy-color-dark-neutral-200: #434356;
  --joy-color-dark-neutral-300: #5a5a72;
  --joy-color-dark-neutral-400: #73738c;
  --joy-color-dark-neutral-500: #8f8fa3;
  --joy-color-dark-neutral-600: #b9b9c6;
  --joy-color-dark-neutral-700: #d8d8df;
  --joy-color-dark-neutral-800: #ebebef;
  --joy-color-dark-neutral-900: #f7f7f8;
  --joy-color-primary-0: var(--joy-color-dark-primary-0);
  --joy-color-primary-50: var(--joy-color-dark-primary-50);
  --joy-color-primary-100: var(--joy-color-dark-primary-100);
  --joy-color-primary-200: var(--joy-color-dark-primary-200);
  --joy-color-primary-300: var(--joy-color-dark-primary-300);
  --joy-color-primary-400: var(--joy-color-dark-primary-400);
  --joy-color-primary-500: var(--joy-color-dark-primary-500);
  --joy-color-primary-600: var(--joy-color-dark-primary-600);
  --joy-color-primary-700: var(--joy-color-dark-primary-700);
  --joy-color-primary-800: var(--joy-color-dark-primary-800);
  --joy-color-primary-900: var(--joy-color-dark-primary-900);
  --joy-color-secondary-0: var(--joy-color-dark-secondary-0);
  --joy-color-secondary-50: var(--joy-color-dark-secondary-50);
  --joy-color-secondary-100: var(--joy-color-dark-secondary-100);
  --joy-color-secondary-200: var(--joy-color-dark-secondary-200);
  --joy-color-secondary-300: var(--joy-color-dark-secondary-300);
  --joy-color-secondary-400: var(--joy-color-dark-secondary-400);
  --joy-color-secondary-500: var(--joy-color-dark-secondary-500);
  --joy-color-secondary-600: var(--joy-color-dark-secondary-600);
  --joy-color-secondary-700: var(--joy-color-dark-secondary-700);
  --joy-color-secondary-800: var(--joy-color-dark-secondary-800);
  --joy-color-secondary-900: var(--joy-color-dark-secondary-900);
  --joy-color-tertiary-0: var(--joy-color-dark-tertiary-0);
  --joy-color-tertiary-50: var(--joy-color-dark-tertiary-50);
  --joy-color-tertiary-100: var(--joy-color-dark-tertiary-100);
  --joy-color-tertiary-200: var(--joy-color-dark-tertiary-200);
  --joy-color-tertiary-300: var(--joy-color-dark-tertiary-300);
  --joy-color-tertiary-400: var(--joy-color-dark-tertiary-400);
  --joy-color-tertiary-500: var(--joy-color-dark-tertiary-500);
  --joy-color-tertiary-600: var(--joy-color-dark-tertiary-600);
  --joy-color-tertiary-700: var(--joy-color-dark-tertiary-700);
  --joy-color-tertiary-800: var(--joy-color-dark-tertiary-800);
  --joy-color-tertiary-900: var(--joy-color-dark-tertiary-900);
  --joy-color-info-0: var(--joy-color-dark-info-0);
  --joy-color-info-50: var(--joy-color-dark-info-50);
  --joy-color-info-100: var(--joy-color-dark-info-100);
  --joy-color-info-200: var(--joy-color-dark-info-200);
  --joy-color-info-300: var(--joy-color-dark-info-300);
  --joy-color-info-400: var(--joy-color-dark-info-400);
  --joy-color-info-500: var(--joy-color-dark-info-500);
  --joy-color-info-600: var(--joy-color-dark-info-600);
  --joy-color-info-700: var(--joy-color-dark-info-700);
  --joy-color-info-800: var(--joy-color-dark-info-800);
  --joy-color-info-900: var(--joy-color-dark-info-900);
  --joy-color-warning-0: var(--joy-color-dark-warning-0);
  --joy-color-warning-50: var(--joy-color-dark-warning-50);
  --joy-color-warning-100: var(--joy-color-dark-warning-100);
  --joy-color-warning-200: var(--joy-color-dark-warning-200);
  --joy-color-warning-300: var(--joy-color-dark-warning-300);
  --joy-color-warning-400: var(--joy-color-dark-warning-400);
  --joy-color-warning-500: var(--joy-color-dark-warning-500);
  --joy-color-warning-600: var(--joy-color-dark-warning-600);
  --joy-color-warning-700: var(--joy-color-dark-warning-700);
  --joy-color-warning-800: var(--joy-color-dark-warning-800);
  --joy-color-warning-900: var(--joy-color-dark-warning-900);
  --joy-color-danger-0: var(--joy-color-dark-danger-0);
  --joy-color-danger-50: var(--joy-color-dark-danger-50);
  --joy-color-danger-100: var(--joy-color-dark-danger-100);
  --joy-color-danger-200: var(--joy-color-dark-danger-200);
  --joy-color-danger-300: var(--joy-color-dark-danger-300);
  --joy-color-danger-400: var(--joy-color-dark-danger-400);
  --joy-color-danger-500: var(--joy-color-dark-danger-500);
  --joy-color-danger-600: var(--joy-color-dark-danger-600);
  --joy-color-danger-700: var(--joy-color-dark-danger-700);
  --joy-color-danger-800: var(--joy-color-dark-danger-800);
  --joy-color-danger-900: var(--joy-color-dark-danger-900);
  --joy-color-success-0: var(--joy-color-dark-success-0);
  --joy-color-success-50: var(--joy-color-dark-success-50);
  --joy-color-success-100: var(--joy-color-dark-success-100);
  --joy-color-success-200: var(--joy-color-dark-success-200);
  --joy-color-success-300: var(--joy-color-dark-success-300);
  --joy-color-success-400: var(--joy-color-dark-success-400);
  --joy-color-success-500: var(--joy-color-dark-success-500);
  --joy-color-success-600: var(--joy-color-dark-success-600);
  --joy-color-success-700: var(--joy-color-dark-success-700);
  --joy-color-success-800: var(--joy-color-dark-success-800);
  --joy-color-success-900: var(--joy-color-dark-success-900);
  --joy-color-highlight-0: var(--joy-color-dark-highlight-0);
  --joy-color-highlight-50: var(--joy-color-dark-highlight-50);
  --joy-color-highlight-100: var(--joy-color-dark-highlight-100);
  --joy-color-highlight-200: var(--joy-color-dark-highlight-200);
  --joy-color-highlight-300: var(--joy-color-dark-highlight-300);
  --joy-color-highlight-400: var(--joy-color-dark-highlight-400);
  --joy-color-highlight-500: var(--joy-color-dark-highlight-500);
  --joy-color-highlight-600: var(--joy-color-dark-highlight-600);
  --joy-color-highlight-700: var(--joy-color-dark-highlight-700);
  --joy-color-highlight-800: var(--joy-color-dark-highlight-800);
  --joy-color-highlight-900: var(--joy-color-dark-highlight-900);
  --joy-color-neutral-0: var(--joy-color-dark-neutral-0);
  --joy-color-neutral-50: var(--joy-color-dark-neutral-50);
  --joy-color-neutral-100: var(--joy-color-dark-neutral-100);
  --joy-color-neutral-200: var(--joy-color-dark-neutral-200);
  --joy-color-neutral-300: var(--joy-color-dark-neutral-300);
  --joy-color-neutral-400: var(--joy-color-dark-neutral-400);
  --joy-color-neutral-500: var(--joy-color-dark-neutral-500);
  --joy-color-neutral-600: var(--joy-color-dark-neutral-600);
  --joy-color-neutral-700: var(--joy-color-dark-neutral-700);
  --joy-color-neutral-800: var(--joy-color-dark-neutral-800);
  --joy-color-neutral-900: var(--joy-color-dark-neutral-900);
}

:root,
:host {
  --joy-elevation-light-none: none;
  --joy-elevation-light-light-offset-x-0: 0px;
  --joy-elevation-light-light-offset-y-0: 0px;
  --joy-elevation-light-light-blur-0: 2px;
  --joy-elevation-light-light-spread-0: 0px;
  --joy-elevation-light-light-color-0: rgba(0, 0, 0, 0.12);
  --joy-elevation-light-light-offset-x-1: 0px;
  --joy-elevation-light-light-offset-y-1: 1px;
  --joy-elevation-light-light-blur-1: 2px;
  --joy-elevation-light-light-spread-1: 0px;
  --joy-elevation-light-light-color-1: rgba(0, 0, 0, 0.14);
  --joy-elevation-light-semi-light-offset-x-0: 0px;
  --joy-elevation-light-semi-light-offset-y-0: 0px;
  --joy-elevation-light-semi-light-blur-0: 2px;
  --joy-elevation-light-semi-light-spread-0: 0px;
  --joy-elevation-light-semi-light-color-0: rgba(0, 0, 0, 0.12);
  --joy-elevation-light-semi-light-offset-x-1: 0px;
  --joy-elevation-light-semi-light-offset-y-1: 2px;
  --joy-elevation-light-semi-light-blur-1: 4px;
  --joy-elevation-light-semi-light-spread-1: 0px;
  --joy-elevation-light-semi-light-color-1: rgba(0, 0, 0, 0.14);
  --joy-elevation-light-regular-offset-x-0: 0px;
  --joy-elevation-light-regular-offset-y-0: 0px;
  --joy-elevation-light-regular-blur-0: 2px;
  --joy-elevation-light-regular-spread-0: 0px;
  --joy-elevation-light-regular-color-0: rgba(0, 0, 0, 0.12);
  --joy-elevation-light-regular-offset-x-1: 0px;
  --joy-elevation-light-regular-offset-y-1: 4px;
  --joy-elevation-light-regular-blur-1: 8px;
  --joy-elevation-light-regular-spread-1: 0px;
  --joy-elevation-light-regular-color-1: rgba(0, 0, 0, 0.14);
  --joy-elevation-light-semi-bold-offset-x-0: 0px;
  --joy-elevation-light-semi-bold-offset-y-0: 0px;
  --joy-elevation-light-semi-bold-blur-0: 2px;
  --joy-elevation-light-semi-bold-spread-0: 0px;
  --joy-elevation-light-semi-bold-color-0: rgba(0, 0, 0, 0.12);
  --joy-elevation-light-semi-bold-offset-x-1: 0px;
  --joy-elevation-light-semi-bold-offset-y-1: 8px;
  --joy-elevation-light-semi-bold-blur-1: 16px;
  --joy-elevation-light-semi-bold-spread-1: 0px;
  --joy-elevation-light-semi-bold-color-1: rgba(0, 0, 0, 0.14);
  --joy-elevation-light-bold-offset-x-0: 0px;
  --joy-elevation-light-bold-offset-y-0: 0px;
  --joy-elevation-light-bold-blur-0: 8px;
  --joy-elevation-light-bold-spread-0: 0px;
  --joy-elevation-light-bold-color-0: rgba(0, 0, 0, 0.12);
  --joy-elevation-light-bold-offset-x-1: 0px;
  --joy-elevation-light-bold-offset-y-1: 14px;
  --joy-elevation-light-bold-blur-1: 28px;
  --joy-elevation-light-bold-spread-1: 0px;
  --joy-elevation-light-bold-color-1: rgba(0, 0, 0, 0.14);
  --joy-elevation-light-extra-bold-offset-x-0: 0px;
  --joy-elevation-light-extra-bold-offset-y-0: 0px;
  --joy-elevation-light-extra-bold-blur-0: 8px;
  --joy-elevation-light-extra-bold-spread-0: 0px;
  --joy-elevation-light-extra-bold-color-0: rgba(0, 0, 0, 0.12);
  --joy-elevation-light-extra-bold-offset-x-1: 0px;
  --joy-elevation-light-extra-bold-offset-y-1: 32px;
  --joy-elevation-light-extra-bold-blur-1: 64px;
  --joy-elevation-light-extra-bold-spread-1: 0px;
  --joy-elevation-light-extra-bold-color-1: rgba(0, 0, 0, 0.14);
  --joy-elevation-light-light: var(--joy-elevation-light-light-offset-x-0) var(--joy-elevation-light-light-offset-y-0) var(--joy-elevation-light-light-blur-0) var(--joy-elevation-light-light-spread-0) var(--joy-elevation-light-light-color-0), var(--joy-elevation-light-light-offset-x-1) var(--joy-elevation-light-light-offset-y-1) var(--joy-elevation-light-light-blur-1) var(--joy-elevation-light-light-spread-1) var(--joy-elevation-light-light-color-1);
  --joy-elevation-light-semi-light: var(--joy-elevation-light-semi-light-offset-x-0) var(--joy-elevation-light-semi-light-offset-y-0) var(--joy-elevation-light-semi-light-blur-0) var(--joy-elevation-light-semi-light-spread-0) var(--joy-elevation-light-semi-light-color-0), var(--joy-elevation-light-semi-light-offset-x-1) var(--joy-elevation-light-semi-light-offset-y-1) var(--joy-elevation-light-semi-light-blur-1) var(--joy-elevation-light-semi-light-spread-1) var(--joy-elevation-light-semi-light-color-1);
  --joy-elevation-light-regular: var(--joy-elevation-light-regular-offset-x-0) var(--joy-elevation-light-regular-offset-y-0) var(--joy-elevation-light-regular-blur-0) var(--joy-elevation-light-regular-spread-0) var(--joy-elevation-light-regular-color-0), var(--joy-elevation-light-regular-offset-x-1) var(--joy-elevation-light-regular-offset-y-1) var(--joy-elevation-light-regular-blur-1) var(--joy-elevation-light-regular-spread-1) var(--joy-elevation-light-regular-color-1);
  --joy-elevation-light-semi-bold: var(--joy-elevation-light-semi-bold-offset-x-0) var(--joy-elevation-light-semi-bold-offset-y-0) var(--joy-elevation-light-semi-bold-blur-0) var(--joy-elevation-light-semi-bold-spread-0) var(--joy-elevation-light-semi-bold-color-0), var(--joy-elevation-light-semi-bold-offset-x-1) var(--joy-elevation-light-semi-bold-offset-y-1) var(--joy-elevation-light-semi-bold-blur-1) var(--joy-elevation-light-semi-bold-spread-1) var(--joy-elevation-light-semi-bold-color-1);
  --joy-elevation-light-bold: var(--joy-elevation-light-bold-offset-x-0) var(--joy-elevation-light-bold-offset-y-0) var(--joy-elevation-light-bold-blur-0) var(--joy-elevation-light-bold-spread-0) var(--joy-elevation-light-bold-color-0), var(--joy-elevation-light-bold-offset-x-1) var(--joy-elevation-light-bold-offset-y-1) var(--joy-elevation-light-bold-blur-1) var(--joy-elevation-light-bold-spread-1) var(--joy-elevation-light-bold-color-1);
  --joy-elevation-light-extra-bold: var(--joy-elevation-light-extra-bold-offset-x-0) var(--joy-elevation-light-extra-bold-offset-y-0) var(--joy-elevation-light-extra-bold-blur-0) var(--joy-elevation-light-extra-bold-spread-0) var(--joy-elevation-light-extra-bold-color-0), var(--joy-elevation-light-extra-bold-offset-x-1) var(--joy-elevation-light-extra-bold-offset-y-1) var(--joy-elevation-light-extra-bold-blur-1) var(--joy-elevation-light-extra-bold-spread-1) var(--joy-elevation-light-extra-bold-color-1);
  --joy-elevation-none: var(--joy-elevation-light-none);
  --joy-elevation-light-offset-x-0: var(--joy-elevation-light-light-offset-x-0);
  --joy-elevation-light-offset-y-0: var(--joy-elevation-light-light-offset-y-0);
  --joy-elevation-light-blur-0: var(--joy-elevation-light-light-blur-0);
  --joy-elevation-light-spread-0: var(--joy-elevation-light-light-spread-0);
  --joy-elevation-light-color-0: var(--joy-elevation-light-light-color-0);
  --joy-elevation-light-offset-x-1: var(--joy-elevation-light-light-offset-x-1);
  --joy-elevation-light-offset-y-1: var(--joy-elevation-light-light-offset-y-1);
  --joy-elevation-light-blur-1: var(--joy-elevation-light-light-blur-1);
  --joy-elevation-light-spread-1: var(--joy-elevation-light-light-spread-1);
  --joy-elevation-light-color-1: var(--joy-elevation-light-light-color-1);
  --joy-elevation-light: var(--joy-elevation-light-light);
  --joy-elevation-semi-light-offset-x-0: var(--joy-elevation-light-semi-light-offset-x-0);
  --joy-elevation-semi-light-offset-y-0: var(--joy-elevation-light-semi-light-offset-y-0);
  --joy-elevation-semi-light-blur-0: var(--joy-elevation-light-semi-light-blur-0);
  --joy-elevation-semi-light-spread-0: var(--joy-elevation-light-semi-light-spread-0);
  --joy-elevation-semi-light-color-0: var(--joy-elevation-light-semi-light-color-0);
  --joy-elevation-semi-light-offset-x-1: var(--joy-elevation-light-semi-light-offset-x-1);
  --joy-elevation-semi-light-offset-y-1: var(--joy-elevation-light-semi-light-offset-y-1);
  --joy-elevation-semi-light-blur-1: var(--joy-elevation-light-semi-light-blur-1);
  --joy-elevation-semi-light-spread-1: var(--joy-elevation-light-semi-light-spread-1);
  --joy-elevation-semi-light-color-1: var(--joy-elevation-light-semi-light-color-1);
  --joy-elevation-semi-light: var(--joy-elevation-light-semi-light);
  --joy-elevation-regular-offset-x-0: var(--joy-elevation-light-regular-offset-x-0);
  --joy-elevation-regular-offset-y-0: var(--joy-elevation-light-regular-offset-y-0);
  --joy-elevation-regular-blur-0: var(--joy-elevation-light-regular-blur-0);
  --joy-elevation-regular-spread-0: var(--joy-elevation-light-regular-spread-0);
  --joy-elevation-regular-color-0: var(--joy-elevation-light-regular-color-0);
  --joy-elevation-regular-offset-x-1: var(--joy-elevation-light-regular-offset-x-1);
  --joy-elevation-regular-offset-y-1: var(--joy-elevation-light-regular-offset-y-1);
  --joy-elevation-regular-blur-1: var(--joy-elevation-light-regular-blur-1);
  --joy-elevation-regular-spread-1: var(--joy-elevation-light-regular-spread-1);
  --joy-elevation-regular-color-1: var(--joy-elevation-light-regular-color-1);
  --joy-elevation-regular: var(--joy-elevation-light-regular);
  --joy-elevation-semi-bold-offset-x-0: var(--joy-elevation-light-semi-bold-offset-x-0);
  --joy-elevation-semi-bold-offset-y-0: var(--joy-elevation-light-semi-bold-offset-y-0);
  --joy-elevation-semi-bold-blur-0: var(--joy-elevation-light-semi-bold-blur-0);
  --joy-elevation-semi-bold-spread-0: var(--joy-elevation-light-semi-bold-spread-0);
  --joy-elevation-semi-bold-color-0: var(--joy-elevation-light-semi-bold-color-0);
  --joy-elevation-semi-bold-offset-x-1: var(--joy-elevation-light-semi-bold-offset-x-1);
  --joy-elevation-semi-bold-offset-y-1: var(--joy-elevation-light-semi-bold-offset-y-1);
  --joy-elevation-semi-bold-blur-1: var(--joy-elevation-light-semi-bold-blur-1);
  --joy-elevation-semi-bold-spread-1: var(--joy-elevation-light-semi-bold-spread-1);
  --joy-elevation-semi-bold-color-1: var(--joy-elevation-light-semi-bold-color-1);
  --joy-elevation-semi-bold: var(--joy-elevation-light-semi-bold);
  --joy-elevation-bold-offset-x-0: var(--joy-elevation-light-bold-offset-x-0);
  --joy-elevation-bold-offset-y-0: var(--joy-elevation-light-bold-offset-y-0);
  --joy-elevation-bold-blur-0: var(--joy-elevation-light-bold-blur-0);
  --joy-elevation-bold-spread-0: var(--joy-elevation-light-bold-spread-0);
  --joy-elevation-bold-color-0: var(--joy-elevation-light-bold-color-0);
  --joy-elevation-bold-offset-x-1: var(--joy-elevation-light-bold-offset-x-1);
  --joy-elevation-bold-offset-y-1: var(--joy-elevation-light-bold-offset-y-1);
  --joy-elevation-bold-blur-1: var(--joy-elevation-light-bold-blur-1);
  --joy-elevation-bold-spread-1: var(--joy-elevation-light-bold-spread-1);
  --joy-elevation-bold-color-1: var(--joy-elevation-light-bold-color-1);
  --joy-elevation-bold: var(--joy-elevation-light-bold);
  --joy-elevation-extra-bold-offset-x-0: var(--joy-elevation-light-extra-bold-offset-x-0);
  --joy-elevation-extra-bold-offset-y-0: var(--joy-elevation-light-extra-bold-offset-y-0);
  --joy-elevation-extra-bold-blur-0: var(--joy-elevation-light-extra-bold-blur-0);
  --joy-elevation-extra-bold-spread-0: var(--joy-elevation-light-extra-bold-spread-0);
  --joy-elevation-extra-bold-color-0: var(--joy-elevation-light-extra-bold-color-0);
  --joy-elevation-extra-bold-offset-x-1: var(--joy-elevation-light-extra-bold-offset-x-1);
  --joy-elevation-extra-bold-offset-y-1: var(--joy-elevation-light-extra-bold-offset-y-1);
  --joy-elevation-extra-bold-blur-1: var(--joy-elevation-light-extra-bold-blur-1);
  --joy-elevation-extra-bold-spread-1: var(--joy-elevation-light-extra-bold-spread-1);
  --joy-elevation-extra-bold-color-1: var(--joy-elevation-light-extra-bold-color-1);
  --joy-elevation-extra-bold: var(--joy-elevation-light-extra-bold);
}
:root.dark, :root[theme-mode=dark],
:host.dark,
:host[theme-mode=dark] {
  --joy-elevation-dark-none: none;
  --joy-elevation-dark-light-offset-x-0: 0px;
  --joy-elevation-dark-light-offset-y-0: 0px;
  --joy-elevation-dark-light-blur-0: 2px;
  --joy-elevation-dark-light-spread-0: 0px;
  --joy-elevation-dark-light-color-0: rgba(0, 0, 0, 0.24);
  --joy-elevation-dark-light-offset-x-1: 0px;
  --joy-elevation-dark-light-offset-y-1: 1px;
  --joy-elevation-dark-light-blur-1: 2px;
  --joy-elevation-dark-light-spread-1: 0px;
  --joy-elevation-dark-light-color-1: rgba(0, 0, 0, 0.28);
  --joy-elevation-dark-semi-light-offset-x-0: 0px;
  --joy-elevation-dark-semi-light-offset-y-0: 0px;
  --joy-elevation-dark-semi-light-blur-0: 2px;
  --joy-elevation-dark-semi-light-spread-0: 0px;
  --joy-elevation-dark-semi-light-color-0: rgba(0, 0, 0, 0.24);
  --joy-elevation-dark-semi-light-offset-x-1: 0px;
  --joy-elevation-dark-semi-light-offset-y-1: 2px;
  --joy-elevation-dark-semi-light-blur-1: 4px;
  --joy-elevation-dark-semi-light-spread-1: 0px;
  --joy-elevation-dark-semi-light-color-1: rgba(0, 0, 0, 0.28);
  --joy-elevation-dark-regular-offset-x-0: 0px;
  --joy-elevation-dark-regular-offset-y-0: 0px;
  --joy-elevation-dark-regular-blur-0: 2px;
  --joy-elevation-dark-regular-spread-0: 0px;
  --joy-elevation-dark-regular-color-0: rgba(0, 0, 0, 0.24);
  --joy-elevation-dark-regular-offset-x-1: 0px;
  --joy-elevation-dark-regular-offset-y-1: 4px;
  --joy-elevation-dark-regular-blur-1: 8px;
  --joy-elevation-dark-regular-spread-1: 0px;
  --joy-elevation-dark-regular-color-1: rgba(0, 0, 0, 0.28);
  --joy-elevation-dark-semi-bold-offset-x-0: 0px;
  --joy-elevation-dark-semi-bold-offset-y-0: 0px;
  --joy-elevation-dark-semi-bold-blur-0: 2px;
  --joy-elevation-dark-semi-bold-spread-0: 0px;
  --joy-elevation-dark-semi-bold-color-0: rgba(0, 0, 0, 0.24);
  --joy-elevation-dark-semi-bold-offset-x-1: 0px;
  --joy-elevation-dark-semi-bold-offset-y-1: 8px;
  --joy-elevation-dark-semi-bold-blur-1: 16px;
  --joy-elevation-dark-semi-bold-spread-1: 0px;
  --joy-elevation-dark-semi-bold-color-1: rgba(0, 0, 0, 0.28);
  --joy-elevation-dark-bold-offset-x-0: 0px;
  --joy-elevation-dark-bold-offset-y-0: 0px;
  --joy-elevation-dark-bold-blur-0: 8px;
  --joy-elevation-dark-bold-spread-0: 0px;
  --joy-elevation-dark-bold-color-0: rgba(0, 0, 0, 0.24);
  --joy-elevation-dark-bold-offset-x-1: 0px;
  --joy-elevation-dark-bold-offset-y-1: 14px;
  --joy-elevation-dark-bold-blur-1: 28px;
  --joy-elevation-dark-bold-spread-1: 0px;
  --joy-elevation-dark-bold-color-1: rgba(0, 0, 0, 0.28);
  --joy-elevation-dark-extra-bold-offset-x-0: 0px;
  --joy-elevation-dark-extra-bold-offset-y-0: 0px;
  --joy-elevation-dark-extra-bold-blur-0: 8px;
  --joy-elevation-dark-extra-bold-spread-0: 0px;
  --joy-elevation-dark-extra-bold-color-0: rgba(0, 0, 0, 0.24);
  --joy-elevation-dark-extra-bold-offset-x-1: 0px;
  --joy-elevation-dark-extra-bold-offset-y-1: 32px;
  --joy-elevation-dark-extra-bold-blur-1: 64px;
  --joy-elevation-dark-extra-bold-spread-1: 0px;
  --joy-elevation-dark-extra-bold-color-1: rgba(0, 0, 0, 0.28);
  --joy-elevation-dark-light: var(--joy-elevation-dark-light-offset-x-0) var(--joy-elevation-dark-light-offset-y-0) var(--joy-elevation-dark-light-blur-0) var(--joy-elevation-dark-light-spread-0) var(--joy-elevation-dark-light-color-0), var(--joy-elevation-dark-light-offset-x-1) var(--joy-elevation-dark-light-offset-y-1) var(--joy-elevation-dark-light-blur-1) var(--joy-elevation-dark-light-spread-1) var(--joy-elevation-dark-light-color-1);
  --joy-elevation-dark-semi-light: var(--joy-elevation-dark-semi-light-offset-x-0) var(--joy-elevation-dark-semi-light-offset-y-0) var(--joy-elevation-dark-semi-light-blur-0) var(--joy-elevation-dark-semi-light-spread-0) var(--joy-elevation-dark-semi-light-color-0), var(--joy-elevation-dark-semi-light-offset-x-1) var(--joy-elevation-dark-semi-light-offset-y-1) var(--joy-elevation-dark-semi-light-blur-1) var(--joy-elevation-dark-semi-light-spread-1) var(--joy-elevation-dark-semi-light-color-1);
  --joy-elevation-dark-regular: var(--joy-elevation-dark-regular-offset-x-0) var(--joy-elevation-dark-regular-offset-y-0) var(--joy-elevation-dark-regular-blur-0) var(--joy-elevation-dark-regular-spread-0) var(--joy-elevation-dark-regular-color-0), var(--joy-elevation-dark-regular-offset-x-1) var(--joy-elevation-dark-regular-offset-y-1) var(--joy-elevation-dark-regular-blur-1) var(--joy-elevation-dark-regular-spread-1) var(--joy-elevation-dark-regular-color-1);
  --joy-elevation-dark-semi-bold: var(--joy-elevation-dark-semi-bold-offset-x-0) var(--joy-elevation-dark-semi-bold-offset-y-0) var(--joy-elevation-dark-semi-bold-blur-0) var(--joy-elevation-dark-semi-bold-spread-0) var(--joy-elevation-dark-semi-bold-color-0), var(--joy-elevation-dark-semi-bold-offset-x-1) var(--joy-elevation-dark-semi-bold-offset-y-1) var(--joy-elevation-dark-semi-bold-blur-1) var(--joy-elevation-dark-semi-bold-spread-1) var(--joy-elevation-dark-semi-bold-color-1);
  --joy-elevation-dark-bold: var(--joy-elevation-dark-bold-offset-x-0) var(--joy-elevation-dark-bold-offset-y-0) var(--joy-elevation-dark-bold-blur-0) var(--joy-elevation-dark-bold-spread-0) var(--joy-elevation-dark-bold-color-0), var(--joy-elevation-dark-bold-offset-x-1) var(--joy-elevation-dark-bold-offset-y-1) var(--joy-elevation-dark-bold-blur-1) var(--joy-elevation-dark-bold-spread-1) var(--joy-elevation-dark-bold-color-1);
  --joy-elevation-dark-extra-bold: var(--joy-elevation-dark-extra-bold-offset-x-0) var(--joy-elevation-dark-extra-bold-offset-y-0) var(--joy-elevation-dark-extra-bold-blur-0) var(--joy-elevation-dark-extra-bold-spread-0) var(--joy-elevation-dark-extra-bold-color-0), var(--joy-elevation-dark-extra-bold-offset-x-1) var(--joy-elevation-dark-extra-bold-offset-y-1) var(--joy-elevation-dark-extra-bold-blur-1) var(--joy-elevation-dark-extra-bold-spread-1) var(--joy-elevation-dark-extra-bold-color-1);
  --joy-elevation-none: var(--joy-elevation-dark-none);
  --joy-elevation-light-offset-x-0: var(--joy-elevation-dark-light-offset-x-0);
  --joy-elevation-light-offset-y-0: var(--joy-elevation-dark-light-offset-y-0);
  --joy-elevation-light-blur-0: var(--joy-elevation-dark-light-blur-0);
  --joy-elevation-light-spread-0: var(--joy-elevation-dark-light-spread-0);
  --joy-elevation-light-color-0: var(--joy-elevation-dark-light-color-0);
  --joy-elevation-light-offset-x-1: var(--joy-elevation-dark-light-offset-x-1);
  --joy-elevation-light-offset-y-1: var(--joy-elevation-dark-light-offset-y-1);
  --joy-elevation-light-blur-1: var(--joy-elevation-dark-light-blur-1);
  --joy-elevation-light-spread-1: var(--joy-elevation-dark-light-spread-1);
  --joy-elevation-light-color-1: var(--joy-elevation-dark-light-color-1);
  --joy-elevation-light: var(--joy-elevation-dark-light);
  --joy-elevation-semi-light-offset-x-0: var(--joy-elevation-dark-semi-light-offset-x-0);
  --joy-elevation-semi-light-offset-y-0: var(--joy-elevation-dark-semi-light-offset-y-0);
  --joy-elevation-semi-light-blur-0: var(--joy-elevation-dark-semi-light-blur-0);
  --joy-elevation-semi-light-spread-0: var(--joy-elevation-dark-semi-light-spread-0);
  --joy-elevation-semi-light-color-0: var(--joy-elevation-dark-semi-light-color-0);
  --joy-elevation-semi-light-offset-x-1: var(--joy-elevation-dark-semi-light-offset-x-1);
  --joy-elevation-semi-light-offset-y-1: var(--joy-elevation-dark-semi-light-offset-y-1);
  --joy-elevation-semi-light-blur-1: var(--joy-elevation-dark-semi-light-blur-1);
  --joy-elevation-semi-light-spread-1: var(--joy-elevation-dark-semi-light-spread-1);
  --joy-elevation-semi-light-color-1: var(--joy-elevation-dark-semi-light-color-1);
  --joy-elevation-semi-light: var(--joy-elevation-dark-semi-light);
  --joy-elevation-regular-offset-x-0: var(--joy-elevation-dark-regular-offset-x-0);
  --joy-elevation-regular-offset-y-0: var(--joy-elevation-dark-regular-offset-y-0);
  --joy-elevation-regular-blur-0: var(--joy-elevation-dark-regular-blur-0);
  --joy-elevation-regular-spread-0: var(--joy-elevation-dark-regular-spread-0);
  --joy-elevation-regular-color-0: var(--joy-elevation-dark-regular-color-0);
  --joy-elevation-regular-offset-x-1: var(--joy-elevation-dark-regular-offset-x-1);
  --joy-elevation-regular-offset-y-1: var(--joy-elevation-dark-regular-offset-y-1);
  --joy-elevation-regular-blur-1: var(--joy-elevation-dark-regular-blur-1);
  --joy-elevation-regular-spread-1: var(--joy-elevation-dark-regular-spread-1);
  --joy-elevation-regular-color-1: var(--joy-elevation-dark-regular-color-1);
  --joy-elevation-regular: var(--joy-elevation-dark-regular);
  --joy-elevation-semi-bold-offset-x-0: var(--joy-elevation-dark-semi-bold-offset-x-0);
  --joy-elevation-semi-bold-offset-y-0: var(--joy-elevation-dark-semi-bold-offset-y-0);
  --joy-elevation-semi-bold-blur-0: var(--joy-elevation-dark-semi-bold-blur-0);
  --joy-elevation-semi-bold-spread-0: var(--joy-elevation-dark-semi-bold-spread-0);
  --joy-elevation-semi-bold-color-0: var(--joy-elevation-dark-semi-bold-color-0);
  --joy-elevation-semi-bold-offset-x-1: var(--joy-elevation-dark-semi-bold-offset-x-1);
  --joy-elevation-semi-bold-offset-y-1: var(--joy-elevation-dark-semi-bold-offset-y-1);
  --joy-elevation-semi-bold-blur-1: var(--joy-elevation-dark-semi-bold-blur-1);
  --joy-elevation-semi-bold-spread-1: var(--joy-elevation-dark-semi-bold-spread-1);
  --joy-elevation-semi-bold-color-1: var(--joy-elevation-dark-semi-bold-color-1);
  --joy-elevation-semi-bold: var(--joy-elevation-dark-semi-bold);
  --joy-elevation-bold-offset-x-0: var(--joy-elevation-dark-bold-offset-x-0);
  --joy-elevation-bold-offset-y-0: var(--joy-elevation-dark-bold-offset-y-0);
  --joy-elevation-bold-blur-0: var(--joy-elevation-dark-bold-blur-0);
  --joy-elevation-bold-spread-0: var(--joy-elevation-dark-bold-spread-0);
  --joy-elevation-bold-color-0: var(--joy-elevation-dark-bold-color-0);
  --joy-elevation-bold-offset-x-1: var(--joy-elevation-dark-bold-offset-x-1);
  --joy-elevation-bold-offset-y-1: var(--joy-elevation-dark-bold-offset-y-1);
  --joy-elevation-bold-blur-1: var(--joy-elevation-dark-bold-blur-1);
  --joy-elevation-bold-spread-1: var(--joy-elevation-dark-bold-spread-1);
  --joy-elevation-bold-color-1: var(--joy-elevation-dark-bold-color-1);
  --joy-elevation-bold: var(--joy-elevation-dark-bold);
  --joy-elevation-extra-bold-offset-x-0: var(--joy-elevation-dark-extra-bold-offset-x-0);
  --joy-elevation-extra-bold-offset-y-0: var(--joy-elevation-dark-extra-bold-offset-y-0);
  --joy-elevation-extra-bold-blur-0: var(--joy-elevation-dark-extra-bold-blur-0);
  --joy-elevation-extra-bold-spread-0: var(--joy-elevation-dark-extra-bold-spread-0);
  --joy-elevation-extra-bold-color-0: var(--joy-elevation-dark-extra-bold-color-0);
  --joy-elevation-extra-bold-offset-x-1: var(--joy-elevation-dark-extra-bold-offset-x-1);
  --joy-elevation-extra-bold-offset-y-1: var(--joy-elevation-dark-extra-bold-offset-y-1);
  --joy-elevation-extra-bold-blur-1: var(--joy-elevation-dark-extra-bold-blur-1);
  --joy-elevation-extra-bold-spread-1: var(--joy-elevation-dark-extra-bold-spread-1);
  --joy-elevation-extra-bold-color-1: var(--joy-elevation-dark-extra-bold-color-1);
  --joy-elevation-extra-bold: var(--joy-elevation-dark-extra-bold);
}

:root,
:host {
  --joy-font-family: Nunito, sans-serif;
  --joy-typography-headline1-font-family: Nunito, sans-serif;
  --joy-typography-headline1-font-size: 96px;
  --joy-typography-headline1-line-height: 100px;
  --joy-typography-headline1-font-weight: 300;
  --joy-typography-headline1-letter-spacing: -0.25px;
  --joy-typography-headline1-text-decoration: none;
  --joy-typography-headline1-text-transform: none;
  --joy-typography-headline1: 300 96px/100px Nunito, sans-serif;
  --joy-typography-headline2-font-family: Nunito, sans-serif;
  --joy-typography-headline2-font-size: 60px;
  --joy-typography-headline2-line-height: 64px;
  --joy-typography-headline2-font-weight: 300;
  --joy-typography-headline2-letter-spacing: -0.1333333333px;
  --joy-typography-headline2-text-decoration: none;
  --joy-typography-headline2-text-transform: none;
  --joy-typography-headline2: 300 60px/64px Nunito, sans-serif;
  --joy-typography-headline3-font-family: Nunito, sans-serif;
  --joy-typography-headline3-font-size: 48px;
  --joy-typography-headline3-line-height: 52px;
  --joy-typography-headline3-font-weight: 400;
  --joy-typography-headline3-letter-spacing: normal;
  --joy-typography-headline3-text-decoration: none;
  --joy-typography-headline3-text-transform: none;
  --joy-typography-headline3: 400 48px/52px Nunito, sans-serif;
  --joy-typography-headline4-font-family: Nunito, sans-serif;
  --joy-typography-headline4-font-size: 34px;
  --joy-typography-headline4-line-height: 38px;
  --joy-typography-headline4-font-weight: 400;
  --joy-typography-headline4-letter-spacing: 0.1176470588px;
  --joy-typography-headline4-text-decoration: none;
  --joy-typography-headline4-text-transform: none;
  --joy-typography-headline4: 400 34px/38px Nunito, sans-serif;
  --joy-typography-headline5-font-family: Nunito, sans-serif;
  --joy-typography-headline5-font-size: 24px;
  --joy-typography-headline5-line-height: 28px;
  --joy-typography-headline5-font-weight: 400;
  --joy-typography-headline5-letter-spacing: normal;
  --joy-typography-headline5-text-decoration: none;
  --joy-typography-headline5-text-transform: none;
  --joy-typography-headline5: 400 24px/28px Nunito, sans-serif;
  --joy-typography-headline6-font-family: Nunito, sans-serif;
  --joy-typography-headline6-font-size: 20px;
  --joy-typography-headline6-line-height: 24px;
  --joy-typography-headline6-font-weight: 500;
  --joy-typography-headline6-letter-spacing: 0.2px;
  --joy-typography-headline6-text-decoration: none;
  --joy-typography-headline6-text-transform: none;
  --joy-typography-headline6: 500 20px/24px Nunito, sans-serif;
  --joy-typography-subtitle1-font-family: Nunito, sans-serif;
  --joy-typography-subtitle1-font-size: 16px;
  --joy-typography-subtitle1-line-height: 20px;
  --joy-typography-subtitle1-font-weight: 400;
  --joy-typography-subtitle1-letter-spacing: 0.15px;
  --joy-typography-subtitle1-text-decoration: none;
  --joy-typography-subtitle1-text-transform: none;
  --joy-typography-subtitle1: 400 16px/20px Nunito, sans-serif;
  --joy-typography-subtitle2-font-family: Nunito, sans-serif;
  --joy-typography-subtitle2-font-size: 14px;
  --joy-typography-subtitle2-line-height: 18px;
  --joy-typography-subtitle2-font-weight: 500;
  --joy-typography-subtitle2-letter-spacing: 0.1142857143px;
  --joy-typography-subtitle2-text-decoration: none;
  --joy-typography-subtitle2-text-transform: none;
  --joy-typography-subtitle2: 500 14px/18px Nunito, sans-serif;
  --joy-typography-body1-font-family: Nunito, sans-serif;
  --joy-typography-body1-font-size: 16px;
  --joy-typography-body1-line-height: 20px;
  --joy-typography-body1-font-weight: 400;
  --joy-typography-body1-letter-spacing: 0.5px;
  --joy-typography-body1-text-decoration: none;
  --joy-typography-body1-text-transform: none;
  --joy-typography-body1: 400 16px/20px Nunito, sans-serif;
  --joy-typography-body2-font-family: Nunito, sans-serif;
  --joy-typography-body2-font-size: 14px;
  --joy-typography-body2-line-height: 18px;
  --joy-typography-body2-font-weight: 400;
  --joy-typography-body2-letter-spacing: 0.2857142857px;
  --joy-typography-body2-text-decoration: none;
  --joy-typography-body2-text-transform: none;
  --joy-typography-body2: 400 14px/18px Nunito, sans-serif;
  --joy-typography-caption-font-family: Nunito, sans-serif;
  --joy-typography-caption-font-size: 12px;
  --joy-typography-caption-line-height: 16px;
  --joy-typography-caption-font-weight: 400;
  --joy-typography-caption-letter-spacing: 0.5333333333px;
  --joy-typography-caption-text-decoration: none;
  --joy-typography-caption-text-transform: none;
  --joy-typography-caption: 400 12px/16px Nunito, sans-serif;
  --joy-typography-button-font-family: Nunito, sans-serif;
  --joy-typography-button-font-size: 14px;
  --joy-typography-button-line-height: 18px;
  --joy-typography-button-font-weight: 700;
  --joy-typography-button-letter-spacing: 1.4285714286px;
  --joy-typography-button-text-decoration: none;
  --joy-typography-button-text-transform: none;
  --joy-typography-button: 700 14px/18px Nunito, sans-serif;
  --joy-typography-overline-font-family: Nunito, sans-serif;
  --joy-typography-overline-font-size: 12px;
  --joy-typography-overline-line-height: 16px;
  --joy-typography-overline-font-weight: 500;
  --joy-typography-overline-letter-spacing: 2.6666666667px;
  --joy-typography-overline-text-decoration: none;
  --joy-typography-overline-text-transform: none;
  --joy-typography-overline: 500 12px/16px Nunito, sans-serif;
}

.typography {
  -moz-osx-font-smoothing: grayscale;
  -webkit-font-smoothing: antialiased;
  font-family: Nunito, sans-serif;
}

.typography-headline1 {
  -moz-osx-font-smoothing: grayscale;
  -webkit-font-smoothing: antialiased;
  font-family: Nunito, sans-serif;
  font-size: 96px;
  line-height: 100px;
  font-weight: 300;
  letter-spacing: -0.25px;
  text-decoration: none;
  text-transform: none;
}

.typography-headline2 {
  -moz-osx-font-smoothing: grayscale;
  -webkit-font-smoothing: antialiased;
  font-family: Nunito, sans-serif;
  font-size: 60px;
  line-height: 64px;
  font-weight: 300;
  letter-spacing: -0.1333333333px;
  text-decoration: none;
  text-transform: none;
}

.typography-headline3 {
  -moz-osx-font-smoothing: grayscale;
  -webkit-font-smoothing: antialiased;
  font-family: Nunito, sans-serif;
  font-size: 48px;
  line-height: 52px;
  font-weight: 400;
  letter-spacing: normal;
  text-decoration: none;
  text-transform: none;
}

.typography-headline4 {
  -moz-osx-font-smoothing: grayscale;
  -webkit-font-smoothing: antialiased;
  font-family: Nunito, sans-serif;
  font-size: 34px;
  line-height: 38px;
  font-weight: 400;
  letter-spacing: 0.1176470588px;
  text-decoration: none;
  text-transform: none;
}

.typography-headline5 {
  -moz-osx-font-smoothing: grayscale;
  -webkit-font-smoothing: antialiased;
  font-family: Nunito, sans-serif;
  font-size: 24px;
  line-height: 28px;
  font-weight: 400;
  letter-spacing: normal;
  text-decoration: none;
  text-transform: none;
}

.typography-headline6 {
  -moz-osx-font-smoothing: grayscale;
  -webkit-font-smoothing: antialiased;
  font-family: Nunito, sans-serif;
  font-size: 20px;
  line-height: 24px;
  font-weight: 500;
  letter-spacing: 0.2px;
  text-decoration: none;
  text-transform: none;
}

.typography-subtitle1 {
  -moz-osx-font-smoothing: grayscale;
  -webkit-font-smoothing: antialiased;
  font-family: Nunito, sans-serif;
  font-size: 16px;
  line-height: 20px;
  font-weight: 400;
  letter-spacing: 0.15px;
  text-decoration: none;
  text-transform: none;
}

.typography-subtitle2 {
  -moz-osx-font-smoothing: grayscale;
  -webkit-font-smoothing: antialiased;
  font-family: Nunito, sans-serif;
  font-size: 14px;
  line-height: 18px;
  font-weight: 500;
  letter-spacing: 0.1142857143px;
  text-decoration: none;
  text-transform: none;
}

.typography-body1 {
  -moz-osx-font-smoothing: grayscale;
  -webkit-font-smoothing: antialiased;
  font-family: Nunito, sans-serif;
  font-size: 16px;
  line-height: 20px;
  font-weight: 400;
  letter-spacing: 0.5px;
  text-decoration: none;
  text-transform: none;
}

.typography-body2 {
  -moz-osx-font-smoothing: grayscale;
  -webkit-font-smoothing: antialiased;
  font-family: Nunito, sans-serif;
  font-size: 14px;
  line-height: 18px;
  font-weight: 400;
  letter-spacing: 0.2857142857px;
  text-decoration: none;
  text-transform: none;
}

.typography-caption {
  -moz-osx-font-smoothing: grayscale;
  -webkit-font-smoothing: antialiased;
  font-family: Nunito, sans-serif;
  font-size: 12px;
  line-height: 16px;
  font-weight: 400;
  letter-spacing: 0.5333333333px;
  text-decoration: none;
  text-transform: none;
}

.typography-button {
  -moz-osx-font-smoothing: grayscale;
  -webkit-font-smoothing: antialiased;
  font-family: Nunito, sans-serif;
  font-size: 14px;
  line-height: 18px;
  font-weight: 700;
  letter-spacing: 1.4285714286px;
  text-decoration: none;
  text-transform: none;
}

.typography-overline {
  -moz-osx-font-smoothing: grayscale;
  -webkit-font-smoothing: antialiased;
  font-family: Nunito, sans-serif;
  font-size: 12px;
  line-height: 16px;
  font-weight: 500;
  letter-spacing: 2.6666666667px;
  text-decoration: none;
  text-transform: none;
}

* {
  /* Firefox */
  scrollbar-color: var(--joy-scheme-highlight) var(--joy-scheme-transparent);
  scrollbar-width: thin;
  /* Styling the scrollbar in Chrome and Safari */
}
*::-webkit-scrollbar {
  width: 10px;
}
* {
  /* Set thumb color for Chrome and Safari */
}
*::-webkit-scrollbar-thumb {
  background-color: var(--joy-scheme-highlight);
}
* {
  /* Set track color for Chrome and Safari */
}
*::-webkit-scrollbar-track {
  background-color: var(--joy-scheme-transparent);
}

* {
  /* Set selection color */
}
*::selection, *::-moz-selection {
  background-color: var(--joy-color-primary-500);
}