:root {
  --vp-width-breakpoint-xs: 320px;
  --vp-width-breakpoint-sm: 576px;
  --vp-width-breakpoint-md: 768px;
  --vp-width-breakpoint-lg: 992px;
  --vp-width-breakpoint-xl: 1280px;
  --vp-width-breakpoint-xxl: 1920px;
  --font-face: TeleGrotesk;
  --display-1: 4.75rem;
  --display-2: 4.25rem;
  --display-3: 3.75rem;
  --display-4: 3.375rem;
  --display-5: 3rem;
  --display-6: 2.625rem;
  --display-1-mobile: 2.25rem;
  --display-2-mobile: 2rem;
  --display-3-mobile: 1.75rem;
  --display-4-mobile: 1.5rem;
  --display-5-mobile: 1.25rem;
  --display-6-mobile: 1.125rem;
  --heading-1: 2.625rem;
  --heading-2: 2.25rem;
  --heading-3: 1.75rem;
  --heading-4: 1.5rem;
  --heading-5: 1.25rem;
  --heading-6: 1rem;
  --heading-1-mobile: 2rem;
  --heading-2-mobile: 1.75rem;
  --heading-3-mobile: 1.5rem;
  --heading-4-mobile: 1.25rem;
  --heading-5-mobile: 1.125rem;
  --heading-6-mobile: 1rem;
  --font-size-xl: 1.125rem;
  --font-size-lg: 1rem;
  --font-size-base: 0.875rem;
  --font-size-sm: 0.75rem;
  --font-size-xs: 0.625rem;
  --font-size-xl-mobile: 1.125rem;
  --font-size-lg-mobile: 1rem;
  --font-size-base-mobile: 0.875rem;
  --font-size-sm-mobile: 0.75rem;
  --font-size-xs-mobile: 0.625rem;
  --font-weight-normal: 500;
  --font-weight-bold: 600;
  --font-weight-bolder: 700;
  --body-bg: #ededed;
  --body-fg: #000;
  --body-line-height: 1;
  --body-padding: 1.75rem;
  --body-padding-mobile: 1.25rem;
  --anchor-color: #000;
  --button-border-width: 1px;
  --button-font-weight: 700;
  --button-line-height: 1;
  --button-text: 1rem;
  --button-text-xs: 0.75rem;
  --button-text-sm: 0.875rem;
  --button-text-lg: 1.125rem;
  --button-padding-y: 0.5rem;
  --button-padding-x: 1rem;
  --button-padding-y-xs: 0.25rem;
  --button-padding-x-xs: 0.75rem;
  --button-padding-y-sm: 0.375rem;
  --button-padding-x-sm: 0.875rem;
  --button-padding-y-lg: 0.7rem;
  --button-padding-x-lg: 1.125rem;
  --input-border-width: 1px;
  --input-border-color: #c4c4c4;
  --input-border-color-hover: #b5b5b5;
  --input-border-width-focus: 2px;
  --input-border-color-focus: var(--primary);
  --input-disabled-bg: transparent;
  --input-disabled-fg: #c4c4c4;
  --input-placeholder: #6c6c6c;
  --input-placeholder-hover: #a4a4a4;
  --input-long-width: 260px;
  --input-height: 2.5rem;
  --input-height-xs: 1.625rem;
  --input-height-sm: 2rem;
  --input-height-lg: 3rem;
  --input-checkbox-color: #7c7c7c;
  --input-checkbox-checked-color: var(--primary-hover);
  --input-checkbox-checked-hover-color: var(--primary);
  --input-bg: transparent;
  --input-fg: var(--body-fg);
  --input-select-arrow: url(/icons/arrow-simple-down.svg);
  --input-select-arrow-expanded: url(/icons/arrow-simple-up.svg);
  --input-select-arrow-light: url(/icons/arrow-simple-down-white.svg);
  --input-select-arrow-light-expanded: url(/icons/arrow-simple-up-white.svg);
  --input-select-arrow-grey: url(/icons/arrow-simple-down-grey.svg);
  --table-padding-y: 0.625rem;
  --table-padding-x: 0.75rem;
  --table-row-min-height: 3.25rem;
  --table-bg: var(--panel-bg);
  --table-alternation-bg: #f9f9f9;
  --table-alternation-success-bg: var(--success-light);
  --table-alternation-warning-bg: var(--warning-light);
  --table-muted-color: #6c6c6c;
  --table-row-hover-bg: var(--secondary-hover);
  --table-row-hover-fg: var(--body-fg);
  --table-row-selected-bg: #fff0f8;
  --table-row-selected-fg: var(--primary);
  --table-highlight-border: #e20074;
  --table-highlight-bg: rgba(226, 0, 116, 0.05);
  --table-border-radius: 0.5rem;
  --dropdown-shadow: var(--drop-shadow);
  --dropdown-radius: 0.5rem;
  --dropdown-bg: #ffffff;
  --dropdown-fg: #000;
  --dropdown-bg-hover: #fff0f8;
  --dropdown-fg-hover: var(--primary);
  --dropdown-bg-active: #ffe0f1;
  --dropdown-fg-active: #e20074;
  --dropdown-font-size: 0.875rem;
  --dropdown-font-weight: 600;
  --button-switcher-fg: #6c6c6c;
  --button-switcher-bg: #ededed;
  --button-switcher-hover-fg: var(--primary);
  --button-switcher-focus-fg: var(--primary-hover);
  --button-switcher-active-fg: #ffffff;
  --button-switcher-active-bg: #052038;
  --button-switcher-disabled-fg: #c4c4c4;
  --button-switcher-disabled-bg: #ededed;
  --button-switcher-disabled-active-fg: #ffffff;
  --button-switcher-disabled-active-bg: #c4c4c4;
  --button-switcher-light-fg: #2c2c2c;
  --button-switcher-light-bg: #ffffff;
  --tab-switcher-border-width: var(--border-default-width);
  --tab-switcher-border-color: var(--border-default-color);
  --tab-switcher-item-fg: #2c2c2c;
  --tab-switcher-item-hover: var(--primary);
  --tab-switcher-item-padding-y: 1rem;
  --tab-switcher-item-margin-x: 0.875rem;
  --tab-switcher-item-selected-fg: var(--primary);
  --tab-switcher-item-selected-border-width: 2px;
  --tab-switcher-item-selected-border-color: var(--primary);
  --panel-bg: #ffffff;
  --panel-fg: #000;
  --panel-padding: 1.25rem;
  --panel-shadow: var(--drop-shadow-sm);
  --panel-shadow-hover: var(--drop-shadow-lg);
  --panel-border-radius: 0.5rem;
  --nav-header-fg: #ffffff;
  --nav-header-bg: var(--primary);
  --reg-ok-fg: #52881b;
  --reg-fail-fg: #d90000;
  --module-chooser-bg: var(--panel-bg);
  --module-chooser-main: var(--primary);
  --module-chooser-contrast: var(--panel-bg);
  --module-chooser-hover: #fff0f8;
  --module-chooser-radius: 0.3125rem;
  --module-chooser-offset: 0.5rem;
  --module-chooser-min-height: 7rem;
  --module-chooser-min-height-mobile: 6.25rem;
  --graph-success-color: #6bb324;
  --graph-error-color: #d90000;
  --graph-border-color: var(--panel-bg);
  --file-upload-box-border: 2px dashed #d0d0d0;
  --icon-static-color: #7c7c7c;
  --icon-hover-color: var(--primary);
  --icon-active-color: var(--primary-hover);
  --icon-disabled-color: var(--primary-disabled);
  --icon-selected-static-color: var(--primary);
  --icon-selected-hover-color: var(--primary-hover);
  --icon-selected-active-color: var(--primary-active);
  --primary: #e20074;
  --primary-hover: #b0005a;
  --primary-active: #830044;
  --primary-disabled: #c4c4c4;
  --primary-border: #e20074;
  --primary-border-hover: #b0005a;
  --primary-border-active: #830044;
  --primary-border-disabled: #c4c4c4;
  --primary-text: #ffffff;
  --primary-hover-text: #ffffff;
  --primary-active-text: #ffffff;
  --primary-disabled-text: #ffffff;
  --secondary: #ffffff;
  --secondary-hover: #fff0f8;
  --secondary-active: #ffe0f1;
  --secondary-disabled: #c4c4c4;
  --secondary-border: #d0d0d0;
  --secondary-border-hover: #fff0f8;
  --secondary-border-active: #ffe0f1;
  --secondary-border-disabled: #c4c4c4;
  --secondary-text: #b0005a;
  --secondary-hover-text: #e20074;
  --secondary-active-text: #e20074;
  --secondary-disabled-text: #ffffff;
  --success: #6bb324;
  --success-hover: #52881b;
  --success-active: #477718;
  --success-disabled: #c4c4c4;
  --success-border: #6bb324;
  --success-border-hover: #52881b;
  --success-border-active: #477718;
  --success-border-disabled: #c4c4c4;
  --success-text: #ffffff;
  --success-hover-text: #ffffff;
  --success-active-text: #ffffff;
  --success-disabled-text: #ffffff;
  --success-secondary: #ffffff;
  --success-secondary-hover: #ebf8dd;
  --success-secondary-active: #c4ec9d;
  --success-secondary-disabled: #d0d0d0;
  --success-secondary-border: #d0d0d0;
  --success-secondary-border-hover: #ebf8dd;
  --success-secondary-border-active: #c4ec9d;
  --success-secondary-border-disabled: #d0d0d0;
  --success-secondary-text: #6bb324;
  --success-secondary-hover-text: #6bb324;
  --success-secondary-active-text: #52881b;
  --success-secondary-disabled-text: #ffffff;
  --error: #d90000;
  --error-hover: #900;
  --error-active: #3d0000;
  --error-disabled: #c4c4c4;
  --error-border: #d90000;
  --error-border-hover: #900;
  --error-border-active: #3d0000;
  --error-border-disabled: #c4c4c4;
  --error-text: #ffffff;
  --error-hover-text: #ffffff;
  --error-active-text: #ffffff;
  --error-disabled-text: #ffffff;
  --error-secondary: #ffffff;
  --error-secondary-hover: #fff0f0;
  --error-secondary-active: #ffd6d6;
  --error-secondary-disabled: #d0d0d0;
  --error-secondary-border: #d0d0d0;
  --error-secondary-border-hover: #fff0f0;
  --error-secondary-border-active: #ffd6d6;
  --error-secondary-border-disabled: #d0d0d0;
  --error-secondary-text: #d90000;
  --error-secondary-hover-text: #d90000;
  --error-secondary-active-text: #900;
  --error-secondary-disabled-text: #ffffff;
  --warning-secondary-hover: #ffd7cc;
  --warning-secondary-hover-text: #b45400;
  --warning-secondary-border-hover: #ffd7cc;
  --info: #1063ad;
  --info-text: #ffffff;
  --info-light: #f6fafe;
  --success-light: #f5fcee;
  --warning: #fecb00;
  --warning-hover: #b45400;
  --warning-text: #ffffff;
  --warning-light: #fff7d6;
  --error-light: #fff0f0;
  --border-radius-lg: 0.75rem;
  --border-radius: 0.5rem;
  --border-radius-sm: 0.3125rem;
  --border-radius-xs: 0.25rem;
  --border-default-color: #d0d0d0;
  --border-default-width: 1px;
  --drop-shadow-hardness: 0.15;
  --drop-shadow-lg: 0px 20px 40px rgba(0, 0, 0, var(--drop-shadow-hardness));
  --drop-shadow: 0px 7px 20px rgba(0, 0, 0, var(--drop-shadow-hardness));
  --drop-shadow-sm: 0px 2px 4px rgba(0, 0, 0, var(--drop-shadow-hardness));
  --transition-time-long: 0.5s;
  --transition-time: 0.3s;
  --transition-time-short: 0.2s;
  --icon-filter: none;
  --illustration-filter: hue-rotate(96deg);
  --theme-switch-transition: var(--transition-time-long);
  --dialer-width-default: 360px;
  --black-full: #000000;
  --pad: 12px;
  --pad-2: calc(var(--pad) * 2);
  --pad-4: calc(var(--pad) * 4);
  --pad-1-2: calc(var(--pad) / 2);
  --pad-1-4: calc(var(--pad) / 4);
  --overlay-mask-color: #020e25cc;
  --color-select: #cfefff;
  --color-light-bg: #cfefff;
  --color-light-bg-hover: #9cdeff;
}

/* +breakpoint('<md') */
@media screen and (max-width: calc( 768px - .02px)) {
  .mobile-ui, .desktop-ui {
    --display-1: var(--display-1-mobile);
    --display-2: var(--display-2-mobile);
    --display-3: var(--display-3-mobile);
    --display-4: var(--display-4-mobile);
    --display-5: var(--display-5-mobile);
    --display-6: var(--display-6-mobile);
    --heading-1: var(--heading-1-mobile);
    --heading-2: var(--heading-2-mobile);
    --heading-3: var(--heading-3-mobile);
    --heading-4: var(--heading-4-mobile);
    --heading-5: var(--heading-5-mobile);
    --heading-6: var(--heading-6-mobile);
    --font-size-xl: var(--font-size-xl-mobile);
    --font-size-lg: var(--font-size-lg-mobile);
    --font-size-base: var(--font-size-base-mobile);
    --font-size-sm: var(--font-size-sm-mobile);
    --font-size-xs: var(--font-size-xs-mobile);
    --body-padding: var(--body-padding-mobile);
    --module-chooser-min-height: var(--module-chooser-min-height-mobile);
  }
}

@media (prefers-color-scheme: dark) {
  :root:not([data-theme="light"]) {
    --primary: #6f86f4;
    --primary-hover: #aab5f8;
    --primary-active: #ffffff;
    --primary-disabled: #4E525D;
    --primary-border: var(--primary);
    --primary-border-hover: var(--primary-hover);
    --primary-border-active: var(--primary-active);
    --primary-border-disabled: var(--primary-disabled);
    --primary-text: #0B215C;
    --primary-hover-text: var(--primary-text);
    --primary-active-text: var(--primary-text);
    --primary-disabled-text: #23262b;
    --secondary: transparent;
    --secondary-hover: #0d518c;
    --secondary-active: #2049B8;
    --secondary-disabled: #4E525D;
    --secondary-border: var(--border-default-color);
    --secondary-border-hover: var(--secondary-hover);
    --secondary-border-active: var(--secondary-active);
    --secondary-border-disabled: var(--secondary-disabled);
    --secondary-text: #aab5f8;
    --secondary-hover-text: #6f86f4;
    --secondary-active-text: #aab5f8;
    --secondary-disabled-text: #23262b;
    --success: #35bf73;
    --success-hover: #c4ec9d;
    --success-active: #ffffff;
    --success-disabled: #4E525D;
    --success-border: var(--success);
    --success-border-hover: var(--success-hover);
    --success-border-active: var(--success-active);
    --success-border-disabled: var(--success-disabled);
    --success-text: #002D14;
    --success-hover-text: var(--success-text);
    --success-active-text: var(--success-text);
    --success-disabled-text: #23262b;
    --success-secondary: var(--secondary);
    --success-secondary-hover: #477718;
    --success-secondary-active: #005F32;
    --success-secondary-disabled: #4E525D;
    --success-secondary-border: #4E525D;
    --success-secondary-border-hover: var(--success-secondary-hover);
    --success-secondary-border-active: var(--success-secondary-active);
    --success-secondary-border-disabled: var(--success-secondary-disabled);
    --success-secondary-text: #35bf73;
    --success-secondary-hover-text: var(--success-secondary-text);
    --success-secondary-active-text: #c4ec9d;
    --success-secondary-disabled-text: #23262b;
    --error: #ef5d5e;
    --error-hover: #f3a4a4;
    --error-active: #ffffff;
    --error-disabled: #4E525D;
    --error-border: #ef5d5e;
    --error-border-hover: var(--error-hover);
    --error-border-active: var(--error-active);
    --error-border-disabled: var(--error-disabled);
    --error-text: #4E0B0C;
    --error-hover-text: var(--error-text);
    --error-active-text: var(--error-text);
    --error-disabled-text: #23262b;
    --error-secondary: var(--secondary);
    --error-secondary-hover: #900;
    --error-secondary-active: #9E2123;
    --error-secondary-disabled: #4E525D;
    --error-secondary-border: #4E525D;
    --error-secondary-border-hover: var(--error-secondary-hover);
    --error-secondary-border-active: var(--error-secondary-active);
    --error-secondary-border-disabled: var(--error-secondary-disabled);
    --error-secondary-text: #ef5d5e;
    --error-secondary-hover-text: var(--error-secondary-text);
    --error-secondary-active-text: #f3a4a4;
    --error-secondary-disabled-text: #23262b;
    --warning-secondary-hover: #b45400;
    --warning-secondary-hover-text: #ffd7cc;
    --warning-secondary-border-hover: #b45400;
    --success-light: #002D14;
    --warning-hover: #ff8849;
    --warning-text: #052038;
    --warning-light: #290e00;
    --border-default-color: #4E525D;
    --body-bg: #141414;
    --body-fg: #ffffff;
    --anchor-color: var(--secondary-active-text);
    --panel-bg: #23262b;
    --panel-fg: var(--body-fg);
    --nav-header-bg: var(--panel-bg);
    --module-chooser-main: var(--primary);
    --module-chooser-hover: var(--body-bg);
    --module-chooser-contrast: var(--panel-fg);
    --button-switcher-fg: #b5b5b5;
    --button-switcher-bg: #2c2c2c;
    --button-switcher-active-fg: #23262b;
    --button-switcher-active-bg: #ffffff;
    --button-switcher-disabled-fg: #23262b;
    --button-switcher-disabled-bg: #4E525D;
    --button-switcher-disabled-active-fg: #141414;
    --button-switcher-disabled-active-bg: #2c2c2c;
    --button-switcher-light-fg: #ffffff;
    --button-switcher-light-bg: #2c2c2c;
    --tab-switcher-item-fg: #b5b5b5;
    --input-border-color: var(--border-default-color);
    --input-disabled-bg: transparent;
    --input-disabled-fg: #4E525D;
    --input-select-arrow: var(--input-select-arrow-light);
    --table-alternation-bg: #2c2c2c;
    --table-muted-color: #a4a4a4;
    --table-row-selected-bg: var(--dropdown-bg-hover);
    --table-row-selected-fg: #fff0f8;
    --dropdown-bg: var(--panel-bg);
    --dropdown-fg: var(--panel-fg);
    --dropdown-bg-hover: var(--primary);
    --dropdown-fg-hover: #fff0f8;
    --dropdown-bg-active: #e20074;
    --dropdown-fg-active: #ffe0f1;
    --drop-shadow-hardness: 0.5;
    --icon-filter: invert(1);
    --black-full: #ffffff;
    /* Firefox Select Darkmode fix - auto-compute background color override */
  }
  :root:not([data-theme="light"]) select {
    background-color: rgba(1, 1, 1, 0);
  }
}

:root[data-theme="dark"] {
  --primary: #6f86f4;
  --primary-hover: #aab5f8;
  --primary-active: #ffffff;
  --primary-disabled: #4E525D;
  --primary-border: var(--primary);
  --primary-border-hover: var(--primary-hover);
  --primary-border-active: var(--primary-active);
  --primary-border-disabled: var(--primary-disabled);
  --primary-text: #0B215C;
  --primary-hover-text: var(--primary-text);
  --primary-active-text: var(--primary-text);
  --primary-disabled-text: #23262b;
  --secondary: transparent;
  --secondary-hover: #0d518c;
  --secondary-active: #2049B8;
  --secondary-disabled: #4E525D;
  --secondary-border: var(--border-default-color);
  --secondary-border-hover: var(--secondary-hover);
  --secondary-border-active: var(--secondary-active);
  --secondary-border-disabled: var(--secondary-disabled);
  --secondary-text: #aab5f8;
  --secondary-hover-text: #6f86f4;
  --secondary-active-text: #aab5f8;
  --secondary-disabled-text: #23262b;
  --success: #35bf73;
  --success-hover: #c4ec9d;
  --success-active: #ffffff;
  --success-disabled: #4E525D;
  --success-border: var(--success);
  --success-border-hover: var(--success-hover);
  --success-border-active: var(--success-active);
  --success-border-disabled: var(--success-disabled);
  --success-text: #002D14;
  --success-hover-text: var(--success-text);
  --success-active-text: var(--success-text);
  --success-disabled-text: #23262b;
  --success-secondary: var(--secondary);
  --success-secondary-hover: #477718;
  --success-secondary-active: #005F32;
  --success-secondary-disabled: #4E525D;
  --success-secondary-border: #4E525D;
  --success-secondary-border-hover: var(--success-secondary-hover);
  --success-secondary-border-active: var(--success-secondary-active);
  --success-secondary-border-disabled: var(--success-secondary-disabled);
  --success-secondary-text: #35bf73;
  --success-secondary-hover-text: var(--success-secondary-text);
  --success-secondary-active-text: #c4ec9d;
  --success-secondary-disabled-text: #23262b;
  --error: #ef5d5e;
  --error-hover: #f3a4a4;
  --error-active: #ffffff;
  --error-disabled: #4E525D;
  --error-border: #ef5d5e;
  --error-border-hover: var(--error-hover);
  --error-border-active: var(--error-active);
  --error-border-disabled: var(--error-disabled);
  --error-text: #4E0B0C;
  --error-hover-text: var(--error-text);
  --error-active-text: var(--error-text);
  --error-disabled-text: #23262b;
  --error-secondary: var(--secondary);
  --error-secondary-hover: #900;
  --error-secondary-active: #9E2123;
  --error-secondary-disabled: #4E525D;
  --error-secondary-border: #4E525D;
  --error-secondary-border-hover: var(--error-secondary-hover);
  --error-secondary-border-active: var(--error-secondary-active);
  --error-secondary-border-disabled: var(--error-secondary-disabled);
  --error-secondary-text: #ef5d5e;
  --error-secondary-hover-text: var(--error-secondary-text);
  --error-secondary-active-text: #f3a4a4;
  --error-secondary-disabled-text: #23262b;
  --warning-secondary-hover: #b45400;
  --warning-secondary-hover-text: #ffd7cc;
  --warning-secondary-border-hover: #b45400;
  --success-light: #002D14;
  --warning-hover: #ff8849;
  --warning-text: #052038;
  --warning-light: #290e00;
  --border-default-color: #4E525D;
  --body-bg: #141414;
  --body-fg: #ffffff;
  --anchor-color: var(--secondary-active-text);
  --panel-bg: #23262b;
  --panel-fg: var(--body-fg);
  --nav-header-bg: var(--panel-bg);
  --module-chooser-main: var(--primary);
  --module-chooser-hover: var(--body-bg);
  --module-chooser-contrast: var(--panel-fg);
  --button-switcher-fg: #b5b5b5;
  --button-switcher-bg: #2c2c2c;
  --button-switcher-active-fg: #23262b;
  --button-switcher-active-bg: #ffffff;
  --button-switcher-disabled-fg: #23262b;
  --button-switcher-disabled-bg: #4E525D;
  --button-switcher-disabled-active-fg: #141414;
  --button-switcher-disabled-active-bg: #2c2c2c;
  --button-switcher-light-fg: #ffffff;
  --button-switcher-light-bg: #2c2c2c;
  --tab-switcher-item-fg: #b5b5b5;
  --input-border-color: var(--border-default-color);
  --input-disabled-bg: transparent;
  --input-disabled-fg: #4E525D;
  --input-select-arrow: var(--input-select-arrow-light);
  --table-alternation-bg: #2c2c2c;
  --table-muted-color: #a4a4a4;
  --table-row-selected-bg: var(--dropdown-bg-hover);
  --table-row-selected-fg: #fff0f8;
  --dropdown-bg: var(--panel-bg);
  --dropdown-fg: var(--panel-fg);
  --dropdown-bg-hover: var(--primary);
  --dropdown-fg-hover: #fff0f8;
  --dropdown-bg-active: #e20074;
  --dropdown-fg-active: #ffe0f1;
  --drop-shadow-hardness: 0.5;
  --icon-filter: invert(1);
  --black-full: #ffffff;
  /* Firefox Select Darkmode fix - auto-compute background color override */
}

:root[data-theme="dark"] select {
  background-color: rgba(1, 1, 1, 0);
}

@font-face {
  font-family: TeleGrotesk;
  font-style: normal;
  font-weight: 500;
  src: url("TeleGroteskScreen-Medium.woff") format("woff");
}

@font-face {
  font-family: TeleGrotesk;
  font-style: normal;
  font-weight: 600;
  src: url("TeleGroteskScreen-Bold.woff") format("woff");
}

@font-face {
  font-family: TeleGrotesk;
  font-style: normal;
  font-weight: 700;
  src: url("TeleGroteskScreen-Ultra.woff") format("woff");
}

.main-screen .logo .dark {
  display: none !important;
}

.public-screen .logo .light {
  display: none !important;
}

@media (prefers-color-scheme: dark) {
  :root:not([data-theme="light"]) {
    --primary: #e20074;
    --primary-text: var(--body-fg);
    --primary-hover: #b0005a;
    --primary-active: #830044;
    --secondary-text: #e20074;
    --secondary-hover: #3d0000;
    --secondary-hover-text: #e20074;
    --secondary-active: #900;
    --secondary-active-text: #e20074;
    --module-chooser-main: var(--primary-hover);
    --module-chooser-hover: var(--body-bg);
    --anchor-color: var(--primary);
    --nav-header-fg: var(--primary);
    --button-switcher-active-fg: #000;
    --table-row-selected-bg: #830044;
    --table-row-selected-fg: var(--primary-text);
    --table-alternation-bg: #2c2c2c;
    --dropdown-bg-active: #e20074;
    --dropdown-fg-active: #ffe0f1;
  }
  :root:not([data-theme="light"]) .main-screen .logo .dark {
    display: block !important;
  }
  :root:not([data-theme="light"]) .main-screen .logo .light {
    display: none !important;
  }
}

:root[data-theme="dark"] {
  --primary: #e20074;
  --primary-text: var(--body-fg);
  --primary-hover: #b0005a;
  --primary-active: #830044;
  --secondary-text: #e20074;
  --secondary-hover: #3d0000;
  --secondary-hover-text: #e20074;
  --secondary-active: #900;
  --secondary-active-text: #e20074;
  --module-chooser-main: var(--primary-hover);
  --module-chooser-hover: var(--body-bg);
  --anchor-color: var(--primary);
  --nav-header-fg: var(--primary);
  --button-switcher-active-fg: #000;
  --table-row-selected-bg: #830044;
  --table-row-selected-fg: var(--primary-text);
  --table-alternation-bg: #2c2c2c;
  --dropdown-bg-active: #e20074;
  --dropdown-fg-active: #ffe0f1;
}

:root[data-theme="dark"] .main-screen .logo .dark {
  display: block !important;
}

:root[data-theme="dark"] .main-screen .logo .light {
  display: none !important;
}

/*# sourceMappingURL=style.css.map */