:root {
    --banana-accent-100: rgb(136, 115, 255);
    --banana-accent-150: rgb(97, 82, 181);
    --banana-accent-200: rgb(248, 77, 172);
    --banana-accent-250: rgb(176, 55, 122);
    --banana-accent-300: rgb(4, 197, 134);
    --banana-accent-350: rgb(3, 140, 95);
    --banana-accent-400: rgb(255, 134, 46);
    --banana-accent-450: rgb(181, 95, 33);
    --banana-accent-500: rgb(0, 153, 255);
    --banana-accent-550: rgb(0, 109, 181);
    --banana-accent-600: rgb(150, 217, 44);
    --banana-accent-650: rgb(83, 119, 24);
    --banana-accent-700: rgb(242, 65, 101);
    --banana-accent-750: rgb(172, 46, 72);
    --banana-green-50: rgb(231, 253, 244);
    --banana-green-100: rgb(212, 252, 235);
    --banana-green-200: rgb(169, 249, 214);
    --banana-green-300: rgb(126, 246, 194);
    --banana-green-400: rgb(40, 234, 150);
    --banana-green-500: rgb(13, 202, 122);
    --banana-green-600: rgb(3, 140, 95);
    --banana-green-700: rgb(2, 108, 74);
    --banana-orange-50: rgb(255, 244, 229);
    --banana-orange-100: rgb(255, 236, 209);
    --banana-orange-200: rgb(255, 217, 163);
    --banana-orange-300: rgb(255, 198, 117);
    --banana-orange-400: rgb(255, 179, 71);
    --banana-orange-500: rgb(255, 149, 0);
    --banana-orange-600: rgb(215, 107, 31);
    --banana-orange-700: rgb(168, 84, 24);
    --banana-red-50: rgb(254, 236, 240);
    --banana-red-100: rgb(252, 217, 225);
    --banana-red-200: rgb(250, 179, 194);
    --banana-red-300: rgb(247, 141, 164);
    --banana-red-400: rgb(243, 83, 118);
    --banana-red-500: rgb(242, 65, 101);
    --banana-red-600: rgb(220, 59, 92);
    --banana-red-700: rgb(172, 46, 72);
    --banana-gold-50: rgb(255, 248, 214);
    --banana-gold-100: rgb(255, 241, 173);
    --banana-gold-200: rgb(255, 235, 133);
    --banana-gold-300: rgb(255, 228, 92);
    --banana-gold-400: rgb(255, 221, 51);
    --banana-gold-500: rgb(255, 213, 0);
    --banana-gold-600: rgb(224, 187, 0);
    --banana-gold-700: rgb(140, 117, 0);
    --banana-blue-50: rgb(230, 245, 250);
    --banana-blue-100: rgb(176, 224, 240);
    --banana-blue-200: rgb(138, 209, 232);
    --banana-blue-300: rgb(84, 187, 222);
    --banana-blue-400: rgb(51, 174, 216);
    --banana-blue-500: rgb(0, 154, 206);
    --banana-blue-600: rgb(0, 140, 187);
    --banana-blue-700: rgb(0, 109, 146);
    --banana-neutral-100: rgb(251, 253, 255);
    --banana-neutral-200: rgb(225, 232, 245);
    --banana-neutral-300: rgb(186, 198, 221);
    --banana-neutral-400: rgb(114, 129, 154);
    --banana-neutral-500: rgb(56, 67, 86);
    --banana-neutral-600: rgb(35, 43, 57);
    --banana-neutral-700: rgb(14, 24, 35);
    --banana-neutral-000: rgb(255, 255, 255);
    --banana-blue-800: rgb(0, 40, 64);
    --banana-neutral-800: rgb(2, 18, 27);
    --banana-accent-101: rgba(136, 115, 255, 0.1);
    --banana-accent-151: rgba(97, 82, 181, 0.1);
    --banana-accent-201: rgba(248, 77, 172, 0.1);
    --banana-accent-251: rgba(176, 55, 122, 0.1);
    --banana-accent-301: rgba(4, 197, 134, 0.1);
    --banana-accent-351: rgba(3, 140, 95, 0.1);
    --banana-accent-401: rgba(255, 134, 46, 0.1);
    --banana-accent-451: rgba(181, 95, 33, 0.1);
    --banana-accent-501: rgba(0, 153, 255, 0.1);
    --banana-accent-551: rgba(0, 109, 181, 0.1);
    --banana-accent-601: rgba(150, 217, 44, 0.1);
    --banana-accent-651: rgba(83, 119, 24, 0.1);
    --banana-accent-701: rgba(242, 65, 101, 0.1);
    --banana-accent-751: rgba(172, 46, 72, 0.1);
    --banana-gold-501: rgba(255, 213, 0, 0.1);
    --banana-gold-701: rgba(140, 117, 0, 0.1);
    --banana-blue-401: rgba(51, 174, 216, 0.1);
    --banana-blue-501: rgba(0, 154, 206, 0.1);
    --banana-neutral-301: rgba(186, 198, 221, 0.1);
    --banana-neutral-401: rgba(114, 129, 154, 0.1);
    --banana-neutral-704: rgba(14, 24, 35, 0.4);
    --banana-green-402: rgba(40, 234, 150, 0.2);
    --banana-green-501: rgba(13, 202, 122, 0.1);
    --banana-green-502: rgba(13, 202, 122, 0.2);
    --banana-orange-501: rgba(255, 149, 0, 0.1);
    --banana-orange-502: rgba(255, 149, 0, 0.2);
    --banana-red-402: rgba(243, 83, 118, 0.2);
    --banana-red-501: rgba(242, 65, 101, 0.1);
    --banana-red-502: rgba(242, 65, 101, 0.2);
    --banana-gold-306: rgba(255, 228, 92, 0.6);
    --banana-gold-401: rgba(255, 221, 51, 0.1);
    --banana-gold-506: rgba(255, 213, 0, 0.6);
    --banana-blue-201: rgba(138, 209, 232, 0.1);
    --banana-blue-306: rgba(84, 187, 222, 0.6);
    --banana-blue-402: rgba(51, 174, 216, 0.2);
    --banana-blue-502: rgba(0, 154, 206, 0.2);
    --banana-blue-601: rgba(0, 140, 187, 0.1);
    --banana-blue-706: rgba(0, 109, 146, 0.6);
    --banana-neutral-201: rgba(225, 232, 245, 0.1);
    --banana-neutral-501: rgba(56, 67, 86, 0.1);
    --banana-neutral-506: rgba(56, 67, 86, 0.6);
    --banana-neutral-606: rgba(35, 43, 57, 0.6);
    --banana-neutral-701: rgba(14, 24, 35, 0.1);
    --banana-neutral-706: rgba(14, 24, 35, 0.6);
    --banana-neutral-709: rgba(14, 24, 35, 0.98);
    --banana-neutral-001: rgba(255, 255, 255, 0.1);
    --banana-neutral-006: rgba(255, 255, 255, 0.6);
    --banana-neutral-009: rgba(255, 255, 255, 0.9);
    --banana-green-404: rgba(40, 234, 150, 0.4);
    --banana-accent-800: var(--banana-gold-500);
    --banana-accent-850: var(--banana-gold-700);
    --banana-accent-100-foreground: var(--banana-accent-100);
    --banana-accent-100-background: var(--banana-accent-101);
    --banana-accent-200-foreground: var(--banana-accent-200);
    --banana-accent-200-background: var(--banana-accent-201);
    --banana-accent-300-foreground: var(--banana-accent-300);
    --banana-accent-300-background: var(--banana-accent-301);
    --banana-accent-400-foreground: var(--banana-accent-400);
    --banana-accent-400-background: var(--banana-accent-401);
    --banana-accent-500-foreground: var(--banana-accent-500);
    --banana-accent-500-background: var(--banana-accent-501);
    --banana-accent-600-foreground: var(--banana-accent-600);
    --banana-accent-600-background: var(--banana-accent-601);
    --banana-accent-700-foreground: var(--banana-accent-700);
    --banana-accent-700-background: var(--banana-accent-701);
    --banana-accent-primary-foreground: var(--banana-gold-500);
    --banana-accent-primary-background: var(--banana-gold-501);
    --banana-accent-secondary-foreground: var(--banana-blue-500);
    --banana-accent-secondary-background: var(--banana-blue-401);
    --banana-toast-success-border: var(--banana-green-500);
    --banana-toast-success-background: var(--banana-neutral-000);
    --banana-toast-success-foreground: var(--banana-green-500);
    --banana-toast-error-border: var(--banana-red-500);
    --banana-toast-error-background: var(--banana-neutral-000);
    --banana-toast-error-foreground: var(--banana-red-500);
    --banana-toast-info-border: var(--banana-blue-500);
    --banana-toast-info-background: var(--banana-neutral-000);
    --banana-toast-info-foreground: var(--banana-blue-500);
    --banana-toast-warning-background: var(--banana-neutral-000);
    --banana-toast-warning-foreground: var(--banana-orange-500);
    --banana-toast-warning-border: var(--banana-orange-500);
    --banana-breadcrumbs-disabled: var(--banana-neutral-400);
    --banana-breadcrumbs-hover: var(--banana-neutral-600);
    --banana-breadcrumbs-inactive: var(--banana-neutral-500);
    --banana-breadcrumbs-active: var(--banana-neutral-700);
    --banana-tag-asset-accent-3-foreground-default: var(--banana-accent-350);
    --banana-tag-asset-accent-3-background-default: var(--banana-accent-301);
    --banana-tag-asset-accent-3-background-hover: var(--banana-accent-351);
    --banana-tag-asset-accent-2-background-default: var(--banana-accent-201);
    --banana-tag-asset-accent-2-background-hover: var(--banana-accent-251);
    --banana-tag-asset-accent-2-foreground-default: var(--banana-accent-250);
    --banana-tag-asset-default-background-hover: var(--banana-neutral-501);
    --banana-tag-asset-default-background-default: var(--banana-neutral-401);
    --banana-tag-asset-default-foreground-default: var(--banana-neutral-700);
    --banana-tag-asset-accent-1-foreground-default: var(--banana-accent-150);
    --banana-tag-asset-accent-1-background-hover: var(--banana-accent-151);
    --banana-tag-asset-accent-1-background-default: var(--banana-accent-101);
    --banana-accent-851: var(--banana-gold-701);
    --banana-tag-asset-accent-8-background-hover: var(--banana-accent-851);
    --banana-accent-801: var(--banana-gold-501);
    --banana-tag-asset-accent-8-background-default: var(--banana-accent-801);
    --banana-tag-asset-accent-8-foreground-default: var(--banana-accent-850);
    --banana-tag-asset-accent-4-foreground-default: var(--banana-accent-450);
    --banana-tag-asset-accent-4-background-default: var(--banana-accent-401);
    --banana-tag-asset-accent-4-background-hover: var(--banana-accent-451);
    --banana-tag-asset-accent-5-foreground-default: var(--banana-accent-550);
    --banana-tag-asset-accent-5-background-default: var(--banana-accent-501);
    --banana-tag-asset-accent-5-background-hover: var(--banana-accent-551);
    --banana-tag-asset-accent-6-foreground-default: var(--banana-accent-650);
    --banana-tag-asset-accent-6-background-default: var(--banana-accent-601);
    --banana-tag-asset-accent-6-background-hover: var(--banana-accent-651);
    --banana-tag-asset-accent-7-foreground-default: var(--banana-accent-750);
    --banana-tag-asset-accent-7-background-default: var(--banana-accent-701);
    --banana-tag-asset-accent-7-background-hover: var(--banana-accent-751);
    --banana-tag-asset-accent-9-background-hover: var(--banana-blue-601);
    --banana-tag-asset-accent-9-background-default: var(--banana-blue-401);
    --banana-tag-asset-accent-9-foreground-default: var(--banana-blue-600);
    --banana-tag-input-background-inactive: var(--banana-neutral-000);
    --banana-tag-input-background-inactive-hover: var(--banana-gold-50);
    --banana-tag-input-background-hover: var(--banana-gold-600);
    --banana-tag-input-background-default: var(--banana-gold-500);
    --banana-tag-input-background-disabled: var(--banana-gold-506);
    --banana-tag-input-foreground-inactive: var(--banana-neutral-700);
    --banana-tag-input-foreground-default: var(--banana-neutral-700);
    --banana-tag-input-foreground-disabled: var(--banana-neutral-706);
    --banana-tag-input-border-inactive: var(--banana-gold-500);
    --banana-tag-filter-background-active: var(--banana-neutral-700);
    --banana-tag-filter-background-hover: var(--banana-neutral-300);
    --banana-tag-filter-background-default: var(--banana-neutral-200);
    --banana-tag-filter-foreground-active: var(--banana-neutral-000);
    --banana-tag-filter-foreground-default: var(--banana-neutral-700);
    --banana-toggle-background-default: var(--banana-neutral-300);
    --banana-toggle-background-active-disabled: var(--banana-neutral-200);
    --banana-toggle-background-active: var(--banana-blue-500);
    --banana-toggle-background-read-only-active: var(--banana-blue-306);
    --banana-toggle-background-disabled: var(--banana-neutral-200);
    --banana-toggle-background-read-only: var(--banana-neutral-200);
    --banana-toggle-foreground-disabled: var(--banana-neutral-100);
    --banana-toggle-foreground-active-disabled: var(--banana-neutral-100);
    --banana-toggle-foreground-default: var(--banana-neutral-000);
    --banana-toggle-foreground-active: var(--banana-neutral-000);
    --banana-toggle-foreground-read-only-active: var(--banana-blue-50);
    --banana-toggle-foreground-read-only: var(--banana-neutral-000);
    --banana-input-background-disabled: var(--banana-neutral-100);
    --banana-checkbox-background-disabled: var(--banana-input-background-disabled);
    --banana-input-background-read-only: var(--banana-neutral-200);
    --banana-checkbox-background-read-only: var(--banana-input-background-read-only);
    --banana-checkbox-background-active: var(--banana-blue-500);
    --banana-checkbox-background-active-hover: var(--banana-blue-400);
    --banana-checkbox-background-default: var(--banana-neutral-000);
    --banana-checkbox-background-error: var(--banana-neutral-000);
    --banana-checkbox-background-hover: var(--banana-neutral-000);
    --banana-input-border-disabled: var(--banana-neutral-200);
    --banana-checkbox-border-disabled: var(--banana-input-border-disabled);
    --banana-checkbox-border-error: var(--banana-red-500);
    --banana-checkbox-border-default: var(--banana-neutral-300);
    --banana-input-border-read-only: var(--banana-neutral-200);
    --banana-checkbox-border-read-only: var(--banana-input-border-read-only);
    --banana-checkbox-border-hover: var(--banana-neutral-400);
    --banana-checkbox-foreground-read-only: var(--banana-neutral-400);
    --banana-checkbox-foreground-disabled: var(--banana-neutral-400);
    --banana-checkbox-foreground-active: var(--banana-neutral-000);
    --banana-radio-border-error: var(--banana-red-500);
    --banana-radio-border-hover: var(--banana-neutral-400);
    --banana-radio-border-read-only: var(--banana-input-border-read-only);
    --banana-radio-border-default: var(--banana-neutral-300);
    --banana-radio-border-disbled: var(--banana-input-border-disabled);
    --banana-radio-background-active: var(--banana-blue-500);
    --banana-radio-background-active-hover: var(--banana-blue-400);
    --banana-radio-background-default: var(--banana-neutral-000);
    --banana-radio-background-hover: var(--banana-neutral-000);
    --banana-radio-background-error: var(--banana-neutral-000);
    --banana-radio-background-disabled: var(--banana-input-background-disabled);
    --banana-radio-background-read-only: var(--banana-input-background-read-only);
    --banana-radio-foreground-active: var(--banana-neutral-100);
    --banana-radio-foreground-read-only: var(--banana-neutral-400);
    --banana-radio-foreground-disabled: var(--banana-neutral-400);
    --banana-dropdown-background-active: var(--banana-blue-401);
    --banana-dropdown-background-active-highlight: var(--banana-blue-400);
    --banana-dropdown-background-main: var(--banana-neutral-000);
    --banana-dropdown-background-group: var(--banana-neutral-100);
    --banana-dropdown-background-hover: var(--banana-neutral-401);
    --banana-dropdown-background-hover-highlighted: var(--banana-neutral-701);
    --banana-dropdown-foreground-group: var(--banana-neutral-600);
    --banana-dropdown-foreground-disabled: var(--banana-neutral-400);
    --banana-dropdown-foreground-default: var(--banana-neutral-600);
    --banana-dropdown-foreground-hover: var(--banana-neutral-600);
    --banana-dropdown-foreground-active: var(--banana-neutral-700);
    --banana-dropdown-border-divider: var(--banana-neutral-200);
    --banana-input-foreground-disabled: var(--banana-neutral-400);
    --banana-input-foreground-placeholder: var(--banana-neutral-400);
    --banana-input-foreground-input-text: var(--banana-neutral-700);
    --banana-input-foreground-label: var(--banana-neutral-600);
    --banana-input-foreground-icon: var(--banana-neutral-500);
    --banana-input-border-hover: var(--banana-neutral-400);
    --banana-input-border-filling-inline: var(--banana-blue-500);
    --banana-input-border-default: var(--banana-neutral-300);
    --banana-input-background-default: var(--banana-neutral-000);
    --banana-input-background-highlight: var(--banana-blue-401);
    --banana-input-background-hover: var(--banana-neutral-000);
    --banana-button-secondary-border-disabled: var(--banana-neutral-200);
    --banana-button-secondary-border-clicked: var(--banana-neutral-400);
    --banana-button-secondary-border-pressed: var(--banana-neutral-300);
    --banana-button-secondary-border-default: var(--banana-neutral-300);
    --banana-button-secondary-border-hover: var(--banana-neutral-400);
    --banana-button-secondary-background-disabled: var(--banana-neutral-100);
    --banana-button-secondary-background-clicked: var(--banana-neutral-400);
    --banana-button-secondary-background-pressed: var(--banana-neutral-200);
    --banana-button-secondary-background-hover: var(--banana-neutral-100);
    --banana-button-secondary-background-default: var(--banana-neutral-100);
    --banana-button-secondary-foreground-clicked: var(--banana-neutral-000);
    --banana-button-secondary-foreground-disabled: var(--banana-neutral-400);
    --banana-button-secondary-foreground-default: var(--banana-neutral-500);
    --banana-button-secondary-foreground-pressed: var(--banana-neutral-600);
    --banana-button-secondary-foreground-hover: var(--banana-neutral-600);
    --banana-button-tertiary-foreground-disabled: var(--banana-neutral-400);
    --banana-button-tertiary-foreground-default: var(--banana-neutral-500);
    --banana-button-tertiary-foreground-hover: var(--banana-neutral-600);
    --banana-button-tertiary-background-hover: var(--banana-neutral-301);
    --banana-button-primary-foreground-default: var(--banana-neutral-700);
    --banana-button-primary-foreground-hover: var(--banana-neutral-700);
    --banana-button-primary-foreground-pressed: var(--banana-neutral-700);
    --banana-button-primary-foreground-disabled: var(--banana-neutral-506);
    --banana-button-primary-border-split: var(--banana-gold-600);
    --banana-button-primary-background-disabled: var(--banana-gold-306);
    --banana-button-primary-background-pressed: var(--banana-gold-600);
    --banana-button-primary-background-hover: var(--banana-gold-400);
    --banana-button-primary-background-default: var(--banana-gold-500);
    --banana-button-tertiary-danger-foreground-disabled: var(--banana-red-300);
    --banana-button-tertiary-danger-foreground-default: var(--banana-red-500);
    --banana-button-tertiary-danger-foreground-hover: var(--banana-red-500);
    --banana-button-tertiary-danger-background-hover: var(--banana-red-501);
    --banana-button-secondary-danger-border-disabled: var(--banana-red-200);
    --banana-button-secondary-danger-border-pressed: var(--banana-red-500);
    --banana-button-secondary-danger-border-hover: var(--banana-red-600);
    --banana-button-secondary-danger-border-default: var(--banana-red-500);
    --banana-button-secondary-danger-foreground-disabled: var(--banana-red-300);
    --banana-button-secondary-danger-foreground-default: var(--banana-red-500);
    --banana-button-secondary-danger-foreground-pressed: var(--banana-red-500);
    --banana-button-secondary-danger-foreground-hover: var(--banana-red-500);
    --banana-button-secondary-danger-background-pressed: var(--banana-red-100);
    --banana-button-secondary-danger-background-disabled: var(--banana-red-50);
    --banana-button-secondary-danger-background-default: var(--banana-red-50);
    --banana-button-secondary-danger-background-hover: var(--banana-red-50);
    --banana-button-primary-danger-foreground-disabled: var(--banana-red-100);
    --banana-button-primary-danger-foreground-default: var(--banana-neutral-000);
    --banana-button-primary-danger-foreground-hover: var(--banana-neutral-000);
    --banana-button-primary-danger-foreground-pressed: var(--banana-neutral-000);
    --banana-button-primary-danger-background-disabled: var(--banana-red-300);
    --banana-button-primary-danger-background-pressed: var(--banana-red-600);
    --banana-button-primary-danger-background-hover: var(--banana-red-400);
    --banana-button-primary-danger-background-default: var(--banana-red-500);
    --banana-button-inline-foreground-disabled: var(--banana-blue-300);
    --banana-button-inline-foreground-default: var(--banana-blue-500);
    --banana-button-inline-foreground-hover: var(--banana-blue-600);
    --banana-table-head-default: var(--banana-neutral-400);
    --banana-table-head-active: var(--banana-neutral-500);
    --banana-table-row-border-default: var(--banana-neutral-200);
    --banana-table-row-background-active: var(--banana-blue-401);
    --banana-table-row-background-hover: var(--banana-neutral-301);
    --banana-text-subtl: var(--banana-neutral-400);
    --banana-table-row-foreground-secondary: var(--banana-text-subtl);
    --banana-table-row-foreground-primary: var(--banana-neutral-700);
    --banana-tab-border-default: var(--banana-neutral-200);
    --banana-tab-border-hover: var(--banana-neutral-300);
    --banana-tab-border-active: var(--banana-blue-500);
    --banana-tab-background-hover: var(--banana-neutral-401);
    --banana-tab-background-main-variants: var(--banana-neutral-100);
    --banana-tab-background-subtl: var(--banana-neutral-100);
    --banana-tab-background-main: var(--banana-neutral-000);
    --banana-tab-background-active-variants: var(--banana-neutral-000);
    --banana-tab-foreground-active: var(--banana-neutral-700);
    --banana-tab-foreground-hover: var(--banana-neutral-600);
    --banana-tab-foreground-inactive: var(--banana-neutral-500);
    --banana-tab-foreground-disabled: var(--banana-neutral-400);
    --banana-states-warning-foreground: var(--banana-orange-500);
    --banana-states-warning-background: var(--banana-orange-501);
    --banana-states-success-foreground: var(--banana-green-500);
    --banana-states-success-background: var(--banana-green-501);
    --banana-states-default-foreground: var(--banana-neutral-500);
    --banana-states-default-background: var(--banana-neutral-301);
    --banana-states-error-foreground: var(--banana-red-500);
    --banana-states-error-background: var(--banana-red-501);
    --banana-states-info-foreground: var(--banana-blue-500);
    --banana-states-info-background: var(--banana-blue-501);
    --banana-states-running-foreground: var(--banana-accent-100);
    --banana-states-running-background: var(--banana-accent-101);
    --banana-nav-border-active: var(--banana-gold-500);
    --banana-nav-background-hover: var(--banana-neutral-401);
    --banana-nav-background-default: var(--banana-blue-800);
    --banana-nav-foreground-active: var(--banana-gold-500);
    --banana-nav-foreground-hover: var(--banana-neutral-000);
    --banana-nav-foreground-default: var(--banana-neutral-300);
    --banana-scroll-hover: var(--banana-neutral-400);
    --banana-scroll-default: var(--banana-neutral-300);
    --banana-alert-info-background: var(--banana-blue-50);
    --banana-alert-info-foreground: var(--banana-blue-500);
    --banana-alert-error-foreground: var(--banana-red-500);
    --banana-alert-error-background: var(--banana-red-50);
    --banana-alert-success-foreground: var(--banana-green-500);
    --banana-alert-success-background: var(--banana-green-50);
    --banana-alert-warning-background: var(--banana-orange-50);
    --banana-alert-warning-foreground: var(--banana-orange-500);
    --banana-global-focus: var(--banana-blue-400);
    --banana-global-separator: var(--banana-neutral-200);
    --banana-global-separator-dark: var(--banana-neutral-600);
    --banana-global-main: var(--banana-neutral-000);
    --banana-global-overlay: var(--banana-neutral-704);
    --banana-tooltip-foreground-icon: var(--banana-neutral-400);
    --banana-tooltip-foreground-icon-hover: var(--banana-neutral-500);
    --banana-tooltip-foreground-text: var(--banana-neutral-000);
    --banana-tooltip-background-error: var(--banana-red-500);
    --banana-tooltip-background-default: var(--banana-neutral-700);
    --banana-aside-border: var(--banana-neutral-200);
    --banana-aside-background: var(--banana-neutral-100);
    --banana-text-negative: var(--banana-red-500);
    --banana-text-link: var(--banana-blue-500);
    --banana-text-warning: var(--banana-orange-500);
    --banana-text-success: var(--banana-green-500);
    --banana-text-body: var(--banana-neutral-500);
    --banana-heading-tertiary-foreground: var(--banana-neutral-500);
    --banana-heading-secondary-foreground: var(--banana-neutral-600);
    --banana-heading-primary-foreground: var(--banana-neutral-700);
    --banana-badge-neutral-foreground: var(--banana-neutral-700);
    --banana-badge-neutral-background: var(--banana-neutral-200);
    --banana-badge-default-foreground: var(--banana-neutral-700);
    --banana-badge-default-background: var(--banana-gold-500);
    --banana-badge-success-foreground: var(--banana-neutral-000);
    --banana-badge-success-background: var(--banana-green-500);
    --banana-badge-secondary-foreground: var(--banana-neutral-000);
    --banana-badge-secondary-background: var(--banana-blue-500);
    --banana-badge-tertiary-foreground: var(--banana-blue-500);
    --banana-badge-tertiary-background: var(--banana-blue-50);
    --banana-tree-foreground-default: var(--banana-neutral-600);
    --banana-tree-foreground-active: var(--banana-neutral-700);
    --banana-tree-background-hover: var(--banana-dropdown-background-hover);
    --banana-tree-background-active: var(--banana-dropdown-background-active);
    --banana-tree-border-structure: var(--banana-neutral-400);
    --banana-modal-background-default: var(--banana-neutral-000);
    --banana-modal-background-footer: var(--banana-neutral-100);
    --banana-slider-foreground-default: var(--banana-blue-500);
    --banana-slider-foreground-disabled: var(--banana-blue-300);
    --banana-slider-foreground-tickmark-active: var(--banana-neutral-000);
    --banana-slider-foreground-tickmark: var(--banana-neutral-400);
    --banana-slider-background-default: var(--banana-neutral-200);
    --banana-slider-border-hover: var(--banana-blue-501);
    --banana-card-background-default: var(--banana-neutral-000);
    --banana-card-background-alternative: var(--banana-neutral-100);
    --banana-card-background-new: var(--banana-blue-50);
    --banana-card-border-default: var(--banana-neutral-200);
    --banana-card-border-new: var(--banana-blue-200);
    --banana-progress-bar-foreground-default: var(--banana-blue-500);
    --banana-progress-bar-background-default: var(--banana-neutral-200);
    --banana-pagination-foreground-default: var(--banana-neutral-600);
    --banana-pagination-foreground-hover: var(--banana-neutral-600);
    --banana-pagination-foreground-active: var(--banana-blue-600);
    --banana-pagination-background-hover: var(--banana-neutral-401);
    --banana-pagination-background-active: var(--banana-blue-401);
    --banana-seg-control-background-default: var(--banana-input-background-default);
    --banana-seg-control-background-disabled: var(--banana-input-background-disabled);
    --banana-seg-control-background-read-only: var(--banana-input-background-read-only);
    --banana-seg-control-background-hover-item: var(--banana-neutral-401);
    --banana-seg-control-background-active-item: var(--banana-blue-500);
    --banana-seg-control-background-active-negative-item: var(--banana-red-500);
    --banana-seg-control-background-read-only-item: var(--banana-neutral-400);
    --banana-seg-control-foreground-default: var(--banana-neutral-600);
    --banana-seg-control-foreground-hover: var(--banana-neutral-700);
    --banana-seg-control-foreground-active: var(--banana-neutral-000);
    --banana-seg-control-foreground-disabled: var(--banana-neutral-500);
    --banana-seg-control-foreground-read-only: var(--banana-neutral-000);
    --banana-seg-control-border-default: var(--banana-input-border-default);
    --banana-seg-control-border-disabled: var(--banana-input-border-disabled);
    --banana-seg-control-border-read-only: var(--banana-input-border-read-only);
    --banana-trend-marker-negative-foreground: var(--banana-red-600);
    --banana-trend-marker-negative-background: var(--banana-red-50);
    --banana-trend-marker-positive-foreground: var(--banana-green-600);
    --banana-trend-marker-positive-background: var(--banana-green-50);
    --banana-trend-marker-neutral-foreground: var(--banana-neutral-500);
    --banana-dropdown-border-default: var(--banana-neutral-000);
    --banana-dropdown-foreground-active-disabled: var(--banana-neutral-606);
    --banana-node-general-foreground-body: var(--banana-neutral-500);
    --banana-node-general-foreground-subheading: var(--banana-neutral-500);
    --banana-node-general-foreground-highlight: var(--banana-neutral-800);
    --banana-node-general-foreground-subtl: var(--banana-neutral-400);
    --banana-node-general-background-main: var(--banana-neutral-000);
    --banana-node-general-background-loading: var(--banana-neutral-009);
    --banana-node-audience-border: var(--banana-accent-300);
    --banana-node-delay-border: var(--banana-accent-100);
    --banana-node-action-border: var(--banana-accent-400);
    --banana-node-split-border: var(--banana-accent-800);
    --banana-node-split-background: var(--banana-accent-800);
    --banana-node-split-foreground: var(--banana-neutral-800);
    --banana-node-action-foreground: var(--banana-neutral-000);
    --banana-node-action-background: var(--banana-node-action-border);
    --banana-node-delay-foreground: var(--banana-neutral-000);
    --banana-node-delay-background: var(--banana-node-delay-border);
    --banana-node-audience-foreground: var(--banana-neutral-000);
    --banana-node-audience-background: var(--banana-node-audience-border);
    --banana-connector-background-default: var(--banana-neutral-100);
    --banana-connector-border-default: var(--banana-neutral-300);
    --banana-connector-border-hover: var(--banana-neutral-400);
    --banana-connector-foreground-default: var(--banana-connector-border-default);
    --banana-connector-foreground-hover: var(--banana-connector-border-hover);
    --banana-connector-background-hover: var(--banana-neutral-300);
    --banana-node-draft-border: var(--banana-neutral-300);
    --banana-node-draft-background: var(--banana-node-draft-border);
    --banana-node-draft-foreground: var(--banana-neutral-700);
    --banana-modal-border-default: var(--banana-modal-background-default);
    --banana-modal-border-footer: var(--banana-modal-background-footer);
    --banana-toolbar-background-default: var(--banana-neutral-600);
    --banana-toolbar-background-hover: var(--banana-neutral-500);
    --banana-toolbar-foreground-default: var(--banana-neutral-200);
    --banana-ai-response-foreground-body: var(--banana-text-body);
    --banana-ai-response-foreground-subtl: var(--banana-text-subtl);
    --banana-ai-response-foreground-icon: var(--banana-text-subtl);
    --banana-ai-response-background-hover: var(--banana-dropdown-background-hover);
    --banana-ai-prompt-background-default: var(--banana-neutral-200);
    --banana-ai-suggestion-background-default: var(--banana-ai-prompt-background-default);
    --banana-ai-suggestion-border-default: var(--banana-ai-prompt-background-default);
    --banana-ai-prompt-foreground-body: var(--banana-neutral-600);
    --banana-ai-suggestion-foreground-default: var(--banana-ai-prompt-foreground-body);
    --banana-nav-border-default: var(--banana-nav-background-default);
    --banana-ai-status-background-default: var(--banana-neutral-200);
    --banana-ai-status-foreground-default: var(--banana-text-body);
    --banana-ai-status-foreground-focus: var(--banana-text-body);
    --banana-ai-status-background-loading: var(--banana-neutral-000);
    --banana-ai-prompt-foreground-focus: var(--banana-neutral-500);
    --banana-ai-response-foreground-error: var(--banana-text-negative);
    --banana-ai-card-background-default: var(--banana-card-background-default);
    --banana-ai-card-border-default: var(--banana-card-border-default);
    --banana-ai-card-border-success: var(--banana-toast-success-border);
    --banana-ai-card-background-hover: var(--banana-card-background-alternative);
    --banana-ai-card-foreground-default: var(--banana-text-body);
    --banana-ai-card-foreground-subtl: var(--banana-text-subtl);
    --banana-ai-card-foreground-success: var(--banana-text-success);
    --banana-ai-annotation-background-default: var(--banana-neutral-700);
    --banana-ai-annotation-border-default: var(--banana-neutral-001);
    --banana-ai-message-background-default: var(--banana-neutral-500);
    --banana-ai-message-background-focus: var(--banana-neutral-600);
    --banana-ai-message-foreground-body: var(--banana-neutral-200);
    --banana-toolbar-border-separator: var(--banana-neutral-500);
    --banana-ai-prompt-background-focus: var(--banana-neutral-300);
    --banana-ai-status-foreground-loading: var(--banana-neutral-800);
    --banana-toolbar-border-section: var(--banana-neutral-500);
    --banana-ai-suggestion-background-hover: var(--banana-ai-prompt-background-default);
    --banana-ai-suggestion-border-hover: var(--banana-neutral-300);
    --banana-ai-annotation-foreground-hover: var(--banana-neutral-000);
    --banana-table-row-foreground-disabled: var(--banana-input-foreground-disabled);
    --banana-ai-panel-background-default: var(--banana-global-main);
    --banana-ai-panel-border-default: var(--banana-global-separator);
    --banana-ai-status-border-default: var(--banana-ai-status-background-default);
    --banana-tag-asset-default-border-default: var(--banana-neutral-400);
    --banana-tag-asset-accent-1-border-default: var(--banana-accent-100);
    --banana-tag-asset-accent-2-border-default: var(--banana-accent-200);
    --banana-tag-asset-accent-4-border-default: var(--banana-accent-400);
    --banana-tag-asset-accent-3-border-default: var(--banana-accent-300);
    --banana-tag-asset-accent-5-border-default: var(--banana-accent-500);
    --banana-tag-asset-accent-7-border-default: var(--banana-accent-700);
    --banana-tag-asset-accent-6-border-default: var(--banana-accent-600);
    --banana-tag-asset-accent-8-border-default: var(--banana-accent-800);
    --banana-tag-asset-accent-9-border-default: var(--banana-blue-500);
    --banana-global-skeleton-shine: var(--banana-neutral-400);
    --banana-global-skeleton-default: var(--banana-neutral-200);
    --banana-ai-card-background-surface: var(--banana-card-background-alternative);
    --banana-ai-card-background-shine: var(--banana-card-background-alternative);
    --banana-ai-card-border-shine: var(--banana-card-background-alternative);
    --banana-ai-status-background-error: var(--banana-states-error-background);
    --banana-ai-status-border-error: var(--banana-states-error-background);
    --banana-states-warning-border: var(--banana-orange-500);
    --banana-states-success-border: var(--banana-green-500);
    --banana-states-default-border: var(--banana-neutral-500);
    --banana-states-error-border: var(--banana-red-500);
    --banana-states-info-border: var(--banana-blue-500);
    --banana-states-running-border: var(--banana-accent-100);
    --banana-dropdown-background-active-hover: var(--banana-blue-502);
    --banana-node-general-border: var(--banana-neutral-300);
}

[class^=fi-] {
    font-family: infinario-99b512 !important;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-style: normal;
    font-variant: normal;
    font-weight: 400;
    line-height: 1;
    speak: none;
    text-decoration: none;
    text-transform: none;
}

.fi-bell-alt:before {
    content: "\f12c";
}

.fi-chevron-down:before {
    content: "\f14f";
}

.fi-chevron-right:before {
    content: "\f151";
}

.fi-eye:before {
    content: "\f1a9";
}

.fi-v2_chat:before {
    content: "\f2b0";
}

.fi-v2_cog:before {
    content: "\f2b1";
}

.fi-v2_help:before {
    content: "\f2b2";
}

.fi-v2_search:before {
    content: "\f2b3";
}

.ui-transclusion {
    display: block;
}

* {
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    scrollbar-color: var(--banana-scroll-default) transparent;
    scrollbar-width: thin;
}

html {
    overflow-y: auto;
    overflow-y: overlay;
}

html.browser-webkit ::-webkit-scrollbar {
    -webkit-appearance: none;
}

html.browser-webkit ::-webkit-scrollbar-thumb {
    border-radius: 8px;
    border: 2px solid var(--banana-scroll-default);
    background-color: var(--banana-scroll-default);
}

html.browser-webkit ::-webkit-scrollbar-thumb:hover {
    background-color: var(--banana-scroll-hover);
}

html.browser-webkit ::-webkit-scrollbar-thumb:active {
    background-color: var(--banana-scroll-hover);
}

body {
    font-size: 16px;
    line-height: 1.375;
    color: var(--banana-neutral-700);
    background-color: var(--banana-neutral-000);
    margin: 0;
}

body,
button,
input {
    font-family: Inter, sans-serif;
}

form {
    margin: 0 0 16px;
}

input[type=password]:not(._):not(._),
input[type=text]:not(._):not(._),
textarea:not(._):not(._) {
    box-shadow: none;
    margin: 0;
    appearance: none;
    display: inline-flex;
    font-weight: 400;
    box-sizing: border-box;
    font-size: 14px;
    line-height: 17px;
    padding-top: 8px;
    padding-bottom: 7px;
    min-height: 32px;
    vertical-align: top;
}

html.browser-webkit.os-mac input[type=password]:not(._):not(._),
html.browser-webkit.os-mac input[type=text]:not(._):not(._),
html.browser-webkit.os-mac textarea:not(._):not(._) {
    padding-top: 7px;
    padding-bottom: 8px;
}

input[type=password]:not(._):not(._),
input[type=text]:not(._):not(._),
textarea:not(._):not(._) {
    background-color: transparent;
    border: 0;
    width: 100%;
    flex-grow: 1;
    -moz-appearance: textfield;
    border-radius: 0;
    outline: 0;
    color: inherit;
    font-weight: 400;
    transition: none;
    font-family: inherit;
    padding-left: 12px;
    padding-right: 12px;
    height: auto;
}

input[type=password]:not(._):not(._):focus,
input[type=text]:not(._):not(._):focus,
textarea:not(._):not(._):focus {
    outline: 0;
    color: inherit;
    border-color: transparent;
}

input[type=password]:not(._):not(._)::placeholder,
input[type=text]:not(._):not(._)::placeholder,
textarea:not(._):not(._)::placeholder {
    color: var(--banana-input-foreground-placeholder);
}

[hidden] {
    display: none !important;
}

#wraps-navigation-and-page {
    position: relative;
    z-index: 0;
}

h1.ui {
    display: block;
    margin: 0;
    font: 600 24px/32px Inter, Arial, Helvetica, sans-serif;
    color: var(--banana-heading-primary-foreground);
    text-rendering: optimizeLegibility;
}

.ui p:not(_),
p:not(_).ui {
    font-family: inherit;
    font-weight: 400;
    font-size: 14px;
    line-height: 1.375;
    text-align: inherit;
    color: var(--banana-text-body);
    width: 100%;
    margin: 0;
}

.ui p:not(_).no-spacing,
p:not(_).ui.no-spacing {
    margin: 0 !important;
}

.ui p:not(_):not(._).space-bottom,
p:not(_).ui:not(._).space-bottom {
    margin-bottom: 16px !important;
}

.ui p:not(_).text-dark,
p:not(_).ui.text-dark {
    color: var(--banana-neutral-700);
}

.ui p:not(_).size-small:not(#_):not(#_),
p:not(_).ui.size-small:not(#_):not(#_) {
    font-size: 12px;
}

.ui p:not(_).size-medium:not(#_):not(#_),
p:not(_).ui.size-medium:not(#_):not(#_) {
    font-size: 13px;
}

p:not(_)[align=center] {
    text-align: center;
    justify-content: center;
}

p:not(_)[align=right] {
    text-align: right;
    justify-content: flex-end;
}

span:not(_).ui {
    color: var(--banana-heading-primary-foreground);
    text-transform: initial;
}

span:not(_).ui:not(#_) {
    font-size: 14px;
    display: inline-block;
}

span:not(_).ui:not(._).space-left-sm {
    margin-left: 8px !important;
}

span:not(_).ui:not(._).space-right-sm {
    margin-right: 8px !important;
}

span:not(_).ui.text-disabled {
    color: var(--banana-neutral-400);
}

span:not(_).ui.strong:not(#_):not(#_) {
    font-weight: 600;
}

span:not(_).ui.size-medium:not(#_):not(#_) {
    font-size: 13px;
}

a {
    color: var(--skin-color_link);
    text-decoration: none;
}

a:hover:not(.plain) {
    text-decoration: underline;
}

a:focus {
    outline: 0;
}

a:not(._).ui {
    display: inline-block;
    width: auto;
    font-size: inherit;
    line-height: 1.375;
    font-weight: 600;
    color: var(--skin-color_link);
    cursor: pointer;
}

a:not(._).ui:hover {
    text-decoration: underline;
}

a:not(._).ui:focus {
    outline: 0;
}

a:not(._).ui.size-medium:not(#_):not(#_) {
    font-size: 13px;
}

a:not(._).ui.text-dark {
    color: var(--banana-neutral-700);
}

a:not(._).ui.underlined {
    text-decoration: underline;
}

a:not(._).ui.text-dark {
    color: var(--banana-neutral-700);
}

img {
    max-width: 100%;
    vertical-align: middle;
    border: 0;
}

ul {
    padding-left: 0;
    margin: 0;
}

body {
    --sassVariables--pricingDashboard--pricingChartHeight: "###__number__###135";
    --sassVariables--pricingDashboard--pricingChartLimitHeight: "###__number__###25";
    --sassVariables--pricingDashboard--pricingChartBottomAxisOffset: "###__number__###120";
    --sassVariables--pricingDashboard--pricingChartDefaultColor: rgb(164.25, 175.5, 197.25);
    --sassVariables--pricingDashboard--pricingChartPlanSuccessColor: rgb(0, 197, 134);
    --sassVariables--pricingDashboard--pricingChartPlanWarningColor: rgb(255, 162, 0);
    --sassVariables--pricingDashboard--pricingChartPlanOverusageColor: rgb(242, 65, 101);
    --sassVariables--pricingDashboard--pricingChartDefaultDataColor: rgb(136, 115, 255);
    --sassVariables--pricingDashboard--pricingChartDefaultPersonalizationColor: rgb(1, 154, 206);
    --sassVariables--pricingDashboard--pricingChartDefaultCommunicationColor: rgb(255, 213, 0);
    --sassVariables--pricingDashboard--pricingChartDefaultExtraFeaturesColor: rgb(248, 76, 172);
    --sassVariables--pricingDashboard--pricingChartBackgroundColor: rgb(225, 233, 250);
    --sassVariables--pricingDashboard--pricingChartBorderColorX: rgb(225, 233, 250);
}

e-chat-icon-button {
    position: relative;
}

body {
    --sassVariables--plugAndPlayGoalColors--performance: rgb(136, 115, 255);
    --sassVariables--plugAndPlayGoalColors--acquisition: rgb(1, 154, 206);
    --sassVariables--plugAndPlayGoalColors--retention: rgb(255, 162, 0);
    --sassVariables--plugAndPlayGoalColors--insights: rgb(0, 197, 134);
    --sassVariables--plugAndPlayGoalColors--none: rgb(134, 149, 178);
}

body {
    --skin--skin_name: "bloomreach";
    --skin--logo_width: 200px;
    --skin--logo_height: 50px;
    --skin--brand-logo-bg: inherit;
    --skin--color_yellow: #ffd500;
    --skin--color_red: #e62e71;
    --skin--color_cyan: #009ace;
    --skin--color_black: #002840;
    --skin--color_neutral: var(--skin--color_cyan);
    --skin--color_alternative_neutral: var(--skin--color_yellow);
    --skin--color_sidebar_navigation: var(--skin--color_black);
    --skin--color_sidebar_navigation_link: #c9d6f0;
    --skin--color_sidebar_navigation_submenu_dropdown: #002840;
    --skin--color_sidebar_navigation_active: var(--skin--color_yellow);
    --skin-color_link: var(--skin--color_neutral);
    --skin--logout_color_dashboard_bar: #ffffff;
    --skin--logout_color_dashboard_text: var(--skin--color_black);
    --skin--auth_logo_width: 147px;
    --skin--auth_logo_height: 35px;
    --skin--auth_button_color: #002840;
    --skin--auth_button_background_color: #ffd500;
    --skin--auth_button_border_color: var(--skin--auth_button_background_color);
}

e-authentication-header {
    display: block;
    height: 50px;
    box-sizing: border-box;
    background: #fff;
    color: #002840;
    border-bottom: 1px solid #e1e9fa;
}

e-authentication-header>.content {
    display: flex;
    justify-content: space-between;
    padding: 0 10px;
    margin: 0 10%;
}

e-authentication-header>.content>.logo-image {
    background: url("../imgs/bloomreach-dark.svg") no-repeat center/contain;
    width: var(--skin--auth_logo_width);
    height: var(--skin--auth_logo_height);
    margin-top: calc(25px - var(--skin--auth_logo_height) * .5);
}

e-authentication-header>.content>.logo-image {
    display: block;
    overflow: hidden;
    text-indent: -99999px;
}

e-recaptcha {
    display: block;
}

e-social-login-providers {
    display: block;
}

body {
    --sassVariables--evaluationSharedColors--tabbedReportColorGold: rgb(255, 213, 0);
    --sassVariables--evaluationSharedColors--tabbedReportColorTurquoise: rgb(1, 154, 206);
    --sassVariables--evaluationSharedColors--tabbedReportColorLavender: rgb(136, 115, 255);
    --sassVariables--evaluationSharedColors--tabbedReportColorBarbie: rgb(248, 76, 172);
    --sassVariables--evaluationSharedColors--tabbedReportColorCaribic: rgb(0, 197, 134);
    --sassVariables--evaluationSharedColors--tabbedReportColorOrangePeel: rgb(255, 162, 0);
    --sassVariables--evaluationSharedColors--tabbedReportColorSunrise: rgb(255, 106, 77);
    --sassVariables--evaluationSharedColors--tabbedReportColorLipstick: rgb(242, 65, 101);
    --sassVariables--evaluationSharedColors--tabbedReportColorHeliotrope: rgb(194, 76, 252);
    --sassVariables--evaluationSharedColors--pieChartColor1: rgb(255, 162, 0);
    --sassVariables--evaluationSharedColors--pieChartColor2: rgb(136, 115, 255);
    --sassVariables--evaluationSharedColors--pieChartColor3: rgb(248, 76, 172);
    --sassVariables--evaluationSharedColors--pieChartColor4: rgb(255, 106, 77);
    --sassVariables--evaluationSharedColors--pieChartColor5: rgb(242, 65, 101);
    --sassVariables--evaluationSharedColors--pieChartColor6: rgb(194, 76, 252);
    --sassVariables--evaluationSharedColors--pieChartInnerCircleShadowColor: rgba(102, 103, 128, 0.25);
    --sassVariables--evaluationSharedColors--pieChartInnerCircleFillColor: rgb(255, 255, 255);
    --sassVariables--evaluationSharedColors--domainDetailChartColor1: rgb(255, 213, 0);
    --sassVariables--evaluationSharedColors--domainDetailChartColor2: rgb(242, 65, 101);
    --sassVariables--evaluationSharedColors--domainDetailChartColor3: rgb(136, 115, 255);
    --sassVariables--evaluationSharedColors--domainDetailChartColor4: rgb(248, 76, 172);
    --sassVariables--evaluationSharedColors--domainDetailChartColor5: rgb(0, 197, 134);
    --sassVariables--evaluationSharedColors--domainDetailChartColor6: rgb(1, 154, 206);
    --sassVariables--evaluationSharedColors--emailDeliverabilityChartColor1: rgb(0, 153, 255);
    --sassVariables--evaluationSharedColors--emailDeliverabilityChartColor2: rgb(242, 65, 101);
    --sassVariables--evaluationSharedColors--emailDeliverabilityChartColor3: rgb(255, 162, 0);
    --sassVariables--evaluationSharedColors--emailDeliverabilityChartColor4: rgb(255, 106, 77);
    --sassVariables--evaluationSharedColors--emailDeliverabilityChartColor5: rgb(194, 76, 252);
    --sassVariables--evaluationSharedColors--lineChartGridLineColor: rgb(225, 233, 250);
    --sassVariables--evaluationSharedColors--lineChartNeutralLineColor: rgba(134, 149, 178, 0.35);
    --sassVariables--evaluationSharedColors--chartTextColor: rgb(0, 40, 64);
    --sassVariables--evaluationSharedColors--chartLabelColor: rgb(83, 98, 128);
    --sassVariables--evaluationSharedColors--overlayFontColorLight: rgb(245, 248, 255);
    --sassVariables--evaluationSharedColors--overlayFontColorDark: rgb(0, 40, 64);
    --sassVariables--evaluationSharedColors--clickmapColor0: rgb(134, 149, 178);
    --sassVariables--evaluationSharedColors--clickmapColor1: rgb(255, 247, 204);
    --sassVariables--evaluationSharedColors--clickmapColor2: rgb(242, 65, 101);
}

e-toasts-list {
    display: flex;
    flex-direction: column;
    gap: 8px;
    position: fixed;
    top: 24px;
    left: 50%;
    transform: translateX(-50%);
    z-index: 9999;
}

.top-bar {
    position: relative;
    display: block;
    width: 100%;
    height: 50px;
    font-size: 14px;
    background-color: #fff;
    z-index: 1100;
    transition: all .3s ease-in-out;
}

e-attribute-picker {
    width: 0;
    height: 0;
    display: none;
    position: absolute;
    left: -100px;
    top: -100px;
}

e-breadcrumbs {
    text-align: initial;
    text-indent: initial;
    letter-spacing: normal;
    font-style: normal;
    font-weight: 400;
    line-height: 1.375;
    box-sizing: border-box;
}

e-breadcrumbs * {
    box-sizing: border-box;
}

e-breadcrumbs:not(._):not(._) {
    font-size: 16px;
}

e-breadcrumbs {
    display: inline-block;
    max-width: 100%;
    overflow: hidden;
    vertical-align: middle;
}

e-breadcrumbs.space-right {
    margin-right: 16px;
}

.top-bar e-breadcrumbs {
    margin-left: 25px;
}

e-breadcrumbs>.breadcrumbs {
    display: flex;
    margin: 0;
}

e-breadcrumbs>.breadcrumbs>li {
    display: inline-flex;
    align-items: center;
    height: 32px;
}

e-breadcrumbs>.breadcrumbs>li .breadcrumbs-arrow {
    padding-left: 10px;
    padding-right: 10px;
}

e-breadcrumbs>.breadcrumbs>li:first-child .breadcrumbs-arrow {
    display: none;
}

body {
    --sassVariables--defaultColorPalette--color1: rgb(255, 213, 0);
    --sassVariables--defaultColorPalette--color2: rgb(1, 154, 206);
    --sassVariables--defaultColorPalette--color3: rgb(136, 115, 255);
    --sassVariables--defaultColorPalette--color4: rgb(248, 76, 172);
    --sassVariables--defaultColorPalette--color5: rgb(0, 197, 134);
    --sassVariables--defaultColorPalette--color6: rgb(255, 162, 0);
    --sassVariables--defaultColorPalette--color7: rgb(0, 153, 255);
    --sassVariables--defaultColorPalette--color8: rgb(150, 217, 43);
    --sassVariables--defaultColorPalette--color9: rgb(242, 65, 101);
    --sassVariables--defaultColorPalette--color10: rgb(194, 76, 252);
    --sassVariables--defaultColorPalette--color11: rgb(255, 106, 77);
    --sassVariables--defaultColorPalette--color12: rgb(109, 45, 237);
}

e-dropdown-menu {
    display: inline-block;
    position: absolute;
    width: 0;
}

e-free-trial-info {
    margin-left: 24px;
}

body {
    --sassVariables--highchartsStyleVariables--chartColor1: "###__string__###var(--banana-gold-500)";
    --sassVariables--highchartsStyleVariables--chartColor2: "###__string__###var(--banana-blue-500)";
    --sassVariables--highchartsStyleVariables--chartColor3: "###__string__###var(--banana-accent-100)";
    --sassVariables--highchartsStyleVariables--chartColor4: "###__string__###var(--banana-accent-200)";
    --sassVariables--highchartsStyleVariables--chartColor5: "###__string__###var(--banana-accent-300)";
    --sassVariables--highchartsStyleVariables--chartColor6: rgb(255, 162, 0);
    --sassVariables--highchartsStyleVariables--chartColor7: "###__string__###var(--banana-accent-500)";
    --sassVariables--highchartsStyleVariables--chartColor8: "###__string__###var(--banana-accent-600)";
    --sassVariables--highchartsStyleVariables--chartColor9: "###__string__###var(--banana-accent-700)";
    --sassVariables--highchartsStyleVariables--chartColor10: rgb(194, 76, 252);
    --sassVariables--highchartsStyleVariables--chartColor11: rgb(255, 106, 77);
    --sassVariables--highchartsStyleVariables--chartColor12: rgb(109, 45, 237);
    --sassVariables--highchartsStyleVariables--bubbleChartColorDefault: "###__string__###var(--banana-neutral-400)";
    --sassVariables--highchartsStyleVariables--bubbleChartColorLow: "###__string__###var(--banana-accent-700)";
    --sassVariables--highchartsStyleVariables--bubbleChartColorHigh: "###__string__###var(--banana-accent-300)";
    --sassVariables--highchartsStyleVariables--font: "Inter", sans-serif;
    --sassVariables--highchartsStyleVariables--fontSize: 16px;
    --sassVariables--highchartsStyleVariables--fontWeight: "###__string__###normal";
    --sassVariables--highchartsStyleVariables--labelsColor: "###__string__###var(--banana-text-subtl)";
    --sassVariables--highchartsStyleVariables--labelsFontSize: 12px;
    --sassVariables--highchartsStyleVariables--labelsFontWeight: "###__string__###normal";
    --sassVariables--highchartsStyleVariables--plotLineColor: "###__string__###var(--banana-neutral-400)";
    --sassVariables--highchartsStyleVariables--plotLineFontStyle: "###__string__###italic";
    --sassVariables--highchartsStyleVariables--titleColor: "###__string__###var(--banana-heading-primary-foreground)";
    --sassVariables--highchartsStyleVariables--titleFontSize: 16px;
    --sassVariables--highchartsStyleVariables--titleFontWeight: "###__string__###normal";
    --sassVariables--highchartsStyleVariables--axisTitleColor: "###__string__###var(--banana-text-subtl)";
    --sassVariables--highchartsStyleVariables--axisTitleFontSize: 12px;
    --sassVariables--highchartsStyleVariables--axisTitleFontWeight: "###__string__###normal";
    --sassVariables--highchartsStyleVariables--axisTitleXAxisPadding: "###__number__###15";
    --sassVariables--highchartsStyleVariables--axisTitleYAxisPadding: "###__number__###15";
    --sassVariables--highchartsStyleVariables--legendColor: "###__string__###var(--banana-heading-primary-foreground)";
    --sassVariables--highchartsStyleVariables--legendFontSize: 14px;
    --sassVariables--highchartsStyleVariables--legendFontWeight: "###__string__###normal";
    --sassVariables--highchartsStyleVariables--legendSymbolHeight: "###__number__###8";
    --sassVariables--highchartsStyleVariables--legendSymbolHeightPx: 8px;
    --sassVariables--highchartsStyleVariables--legendSymbolBottomPadding: 3px;
    --sassVariables--highchartsStyleVariables--legendSymbolPadding: "###__number__###8";
    --sassVariables--highchartsStyleVariables--legendSymbolRadius: 50%;
    --sassVariables--highchartsStyleVariables--legendItemDistance: "###__number__###25";
    --sassVariables--highchartsStyleVariables--legendItemMarginTop: "###__number__###7";
    --sassVariables--highchartsStyleVariables--legendMargin: "###__number__###15";
    --sassVariables--highchartsStyleVariables--legendPadding: "###__number__###0";
    --sassVariables--highchartsStyleVariables--lineColor: "###__string__###var(--banana-global-separator)";
    --sassVariables--highchartsStyleVariables--lineWidth: "###__number__###1";
    --sassVariables--highchartsStyleVariables--dataLabelsColor: "###__string__###var(--banana-heading-primary-foreground)";
    --sassVariables--highchartsStyleVariables--dataLabelsFontSize: 13px;
    --sassVariables--highchartsStyleVariables--dataLabelsFontWeight: "###__string__###bold";
    --sassVariables--highchartsStyleVariables--dataLabelsPadding: "###__number__###10";
    --sassVariables--highchartsStyleVariables--resetButtonColor: #43526F;
    --sassVariables--highchartsStyleVariables--resetButtonBackgroundColor: #f7f9fc;
    --sassVariables--highchartsStyleVariables--resetButtonBackgroundColorHover: rgba(255, 255, 255, 0.1);
    --sassVariables--highchartsStyleVariables--resetButtonBorderRadius: 4px;
    --sassVariables--highchartsStyleVariables--resetButtonBorderColor: #bdcee3;
    --sassVariables--highchartsStyleVariables--resetButtonBorderColorHover: #8d9db9;
    --sassVariables--highchartsStyleVariables--resetButtonBorderColorSelect: #bdcee3;
    --sassVariables--highchartsStyleVariables--columnChartBorderRadius: "###__number__###4";
}

e-learn-icon-button {
    position: relative;
}

e-project-selector {
    display: inline-flex;
    height: 100%;
    margin-left: 17.5px;
}

e-project-selector>.project-selector-toggle {
    display: flex;
    align-self: stretch;
    align-items: center;
    cursor: pointer;
    margin-right: 24px;
}

e-search-icon-button {
    position: relative;
}

e-ui-upload-progress-box {
    position: fixed;
    right: 24px;
    bottom: 0;
    z-index: 1602;
    max-width: 350px;
    width: 100%;
    box-shadow: 0 2px 4px 0 rgba(102, 103, 128, .25);
    transition: transform .25s ease-in-out;
}

body {
    --skin--skin_name: "bloomreach";
    --skin--logo_width: 200px;
    --skin--logo_height: 50px;
    --skin--brand-logo-bg: inherit;
    --skin--color_yellow: #ffd500;
    --skin--color_red: #e62e71;
    --skin--color_cyan: #009ace;
    --skin--color_black: #002840;
    --skin--color_neutral: var(--skin--color_cyan);
    --skin--color_alternative_neutral: var(--skin--color_yellow);
    --skin--color_sidebar_navigation: var(--skin--color_black);
    --skin--color_sidebar_navigation_link: #c9d6f0;
    --skin--color_sidebar_navigation_submenu_dropdown: #002840;
    --skin--color_sidebar_navigation_active: var(--skin--color_yellow);
    --skin-color_link: var(--skin--color_neutral);
    --skin--logout_color_dashboard_bar: #ffffff;
    --skin--logout_color_dashboard_text: var(--skin--color_black);
    --skin--auth_logo_width: 147px;
    --skin--auth_logo_height: 35px;
    --skin--auth_button_color: #002840;
    --skin--auth_button_background_color: #ffd500;
    --skin--auth_button_border_color: var(--skin--auth_button_background_color);
}

body {
    --sassVariables--geoanalysisViewer--colorRed: rgb(242, 65, 101);
    --sassVariables--geoanalysisViewer--colorBlue: rgb(0, 153, 255);
    --sassVariables--geoanalysisViewer--colorGreen: rgb(150, 217, 43);
    --sassVariables--geoanalysisViewer--colorYellow: rgb(255, 213, 0);
    --sassVariables--geoanalysisViewer--colorYellowSemiTransparent: rgba(255, 213, 0, 0.2);
    --sassVariables--geoanalysisViewer--colorWhite: rgb(255, 255, 255);
}

body {
    --skin--skin_name: "bloomreach";
    --skin--logo_width: 200px;
    --skin--logo_height: 50px;
    --skin--brand-logo-bg: inherit;
    --skin--color_yellow: #ffd500;
    --skin--color_red: #e62e71;
    --skin--color_cyan: #009ace;
    --skin--color_black: #002840;
    --skin--color_neutral: var(--skin--color_cyan);
    --skin--color_alternative_neutral: var(--skin--color_yellow);
    --skin--color_sidebar_navigation: var(--skin--color_black);
    --skin--color_sidebar_navigation_link: #c9d6f0;
    --skin--color_sidebar_navigation_submenu_dropdown: #002840;
    --skin--color_sidebar_navigation_active: var(--skin--color_yellow);
    --skin-color_link: var(--skin--color_neutral);
    --skin--logout_color_dashboard_bar: #ffffff;
    --skin--logout_color_dashboard_text: var(--skin--color_black);
    --skin--auth_logo_width: 147px;
    --skin--auth_logo_height: 35px;
    --skin--auth_button_color: #002840;
    --skin--auth_button_background_color: #ffd500;
    --skin--auth_button_border_color: var(--skin--auth_button_background_color);
}

body {
    --sassVariables--bannerTest--defaultBackgroundColor: rgb(225, 233, 250);
}

[class^=fi-] {
    font-family: infinario-99b512 !important;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-style: normal;
    font-variant: normal;
    font-weight: 400;
    line-height: 1;
    speak: none;
    text-decoration: none;
    text-transform: none;
}

.fi-bell-alt:before {
    content: "\f12c";
}

.fi-chevron-down:before {
    content: "\f14f";
}

.fi-chevron-right:before {
    content: "\f151";
}

.fi-eye:before {
    content: "\f1a9";
}

.fi-v2_chat:before {
    content: "\f2b0";
}

.fi-v2_cog:before {
    content: "\f2b1";
}

.fi-v2_help:before {
    content: "\f2b2";
}

.fi-v2_search:before {
    content: "\f2b3";
}

body {
    --sassVariables--customTagColors--normal: rgb(134, 149, 178);
    --sassVariables--customTagColors--gold: rgb(255, 213, 0);
    --sassVariables--customTagColors--turquoise: rgb(1, 154, 206);
    --sassVariables--customTagColors--lavender: rgb(136, 115, 255);
    --sassVariables--customTagColors--barbie: rgb(248, 76, 172);
    --sassVariables--customTagColors--caribic: rgb(0, 197, 134);
    --sassVariables--customTagColors--orange-peel: rgb(255, 162, 0);
    --sassVariables--customTagColors--azure: rgb(0, 153, 255);
    --sassVariables--customTagColors--grass: rgb(150, 217, 43);
    --sassVariables--customTagColors--lipstick: rgb(242, 65, 101);
    --sassVariables--customTagColors--heliotrope: rgb(194, 76, 252);
    --sassVariables--customTagColors--sunrise: rgb(255, 106, 77);
    --sassVariables--customTagColors--purple-rain: rgb(109, 45, 237);
}

body {
    --sassVariables--abTestV2AutoWinnerSlider--absplitSliderHandleWidth: "###__number__###20";
}

body {
    --skin--skin_name: "bloomreach";
    --skin--logo_width: 200px;
    --skin--logo_height: 50px;
    --skin--brand-logo-bg: inherit;
    --skin--color_yellow: #ffd500;
    --skin--color_red: #e62e71;
    --skin--color_cyan: #009ace;
    --skin--color_black: #002840;
    --skin--color_neutral: var(--skin--color_cyan);
    --skin--color_alternative_neutral: var(--skin--color_yellow);
    --skin--color_sidebar_navigation: var(--skin--color_black);
    --skin--color_sidebar_navigation_link: #c9d6f0;
    --skin--color_sidebar_navigation_submenu_dropdown: #002840;
    --skin--color_sidebar_navigation_active: var(--skin--color_yellow);
    --skin-color_link: var(--skin--color_neutral);
    --skin--logout_color_dashboard_bar: #ffffff;
    --skin--logout_color_dashboard_text: var(--skin--color_black);
    --skin--auth_logo_width: 147px;
    --skin--auth_logo_height: 35px;
    --skin--auth_button_color: #002840;
    --skin--auth_button_background_color: #ffd500;
    --skin--auth_button_border_color: var(--skin--auth_button_background_color);
}

e-google-login-button {
    display: flex;
    height: 32px;
    background: #fff;
    font-family: Roboto, arial, sans-serif;
    font-size: 14px;
    font-weight: 500;
    align-items: center;
    border-radius: 4px;
    border: 1px solid #747775;
    cursor: pointer;
}

e-google-login-button:not(.disabled):active {
    position: relative;
}

e-google-login-button:not(.disabled):active::before {
    content: "";
    position: absolute;
    bottom: 0;
    left: 0;
    opacity: 0;
    right: 0;
    top: 0;
    background: #303030;
    opacity: 12%;
    z-index: 999;
}

e-google-login-button:not(.disabled):hover {
    position: relative;
}

e-google-login-button:not(.disabled):hover::before {
    content: "";
    position: absolute;
    bottom: 0;
    left: 0;
    opacity: 0;
    right: 0;
    top: 0;
    background: #303030;
    opacity: 8%;
    z-index: 999;
}

e-google-login-button>.google-icon {
    display: inline-flex;
    justify-content: center;
    align-items: center;
    width: 30px;
    height: 30px;
    border-radius: 2px;
    flex-grow: 0;
    margin-left: 1px;
    background-color: #fff;
    overflow: hidden;
}

e-google-login-button>.google-icon>span {
    display: inline-block;
    height: 100%;
    width: 100%;
    background: url("../imgs/google-logo.svg") center center no-repeat;
    transform: scale(.9);
}

e-google-login-button>.google-login-text {
    flex-grow: 1;
    align-content: center;
    color: #1f1f1f;
    -webkit-user-select: none;
    user-select: none;
    line-height: 1;
    text-align: center;
    margin-left: -30px;
}

body {
    --sassVariables--crmFieldView--highlightColor: rgb(255, 213, 0);
}

body {
    --skin--skin_name: "bloomreach";
    --skin--logo_width: 200px;
    --skin--logo_height: 50px;
    --skin--brand-logo-bg: inherit;
    --skin--color_yellow: #ffd500;
    --skin--color_red: #e62e71;
    --skin--color_cyan: #009ace;
    --skin--color_black: #002840;
    --skin--color_neutral: var(--skin--color_cyan);
    --skin--color_alternative_neutral: var(--skin--color_yellow);
    --skin--color_sidebar_navigation: var(--skin--color_black);
    --skin--color_sidebar_navigation_link: #c9d6f0;
    --skin--color_sidebar_navigation_submenu_dropdown: #002840;
    --skin--color_sidebar_navigation_active: var(--skin--color_yellow);
    --skin-color_link: var(--skin--color_neutral);
    --skin--logout_color_dashboard_bar: #ffffff;
    --skin--logout_color_dashboard_text: var(--skin--color_black);
    --skin--auth_logo_width: 147px;
    --skin--auth_logo_height: 35px;
    --skin--auth_button_color: #002840;
    --skin--auth_button_background_color: #ffd500;
    --skin--auth_button_border_color: var(--skin--auth_button_background_color);
}

body {
    --sassVariables--emailDeliverabilityChart--chartHeight: "###__number__###337";
    --sassVariables--emailDeliverabilityChart--chartMarginLeft: "###__number__###50";
    --sassVariables--emailDeliverabilityChart--chartMarginRight: "###__number__###10";
    --sassVariables--emailDeliverabilityChart--chartPointWidth: "###__number__###88";
}

body {
    --sassVariables--emailDeliverabilityChart--chartHeight: "###__number__###337";
    --sassVariables--emailDeliverabilityChart--chartMarginLeft: "###__number__###50";
    --sassVariables--emailDeliverabilityChart--chartMarginRight: "###__number__###10";
    --sassVariables--emailDeliverabilityChart--chartPointWidth: "###__number__###88";
}

body {
    --skin--skin_name: "bloomreach";
    --skin--logo_width: 200px;
    --skin--logo_height: 50px;
    --skin--brand-logo-bg: inherit;
    --skin--color_yellow: #ffd500;
    --skin--color_red: #e62e71;
    --skin--color_cyan: #009ace;
    --skin--color_black: #002840;
    --skin--color_neutral: var(--skin--color_cyan);
    --skin--color_alternative_neutral: var(--skin--color_yellow);
    --skin--color_sidebar_navigation: var(--skin--color_black);
    --skin--color_sidebar_navigation_link: #c9d6f0;
    --skin--color_sidebar_navigation_submenu_dropdown: #002840;
    --skin--color_sidebar_navigation_active: var(--skin--color_yellow);
    --skin-color_link: var(--skin--color_neutral);
    --skin--logout_color_dashboard_bar: #ffffff;
    --skin--logout_color_dashboard_text: var(--skin--color_black);
    --skin--auth_logo_width: 147px;
    --skin--auth_logo_height: 35px;
    --skin--auth_button_color: #002840;
    --skin--auth_button_background_color: #ffd500;
    --skin--auth_button_border_color: var(--skin--auth_button_background_color);
}

body {
    --skin--skin_name: "bloomreach";
    --skin--logo_width: 200px;
    --skin--logo_height: 50px;
    --skin--brand-logo-bg: inherit;
    --skin--color_yellow: #ffd500;
    --skin--color_red: #e62e71;
    --skin--color_cyan: #009ace;
    --skin--color_black: #002840;
    --skin--color_neutral: var(--skin--color_cyan);
    --skin--color_alternative_neutral: var(--skin--color_yellow);
    --skin--color_sidebar_navigation: var(--skin--color_black);
    --skin--color_sidebar_navigation_link: #c9d6f0;
    --skin--color_sidebar_navigation_submenu_dropdown: #002840;
    --skin--color_sidebar_navigation_active: var(--skin--color_yellow);
    --skin-color_link: var(--skin--color_neutral);
    --skin--logout_color_dashboard_bar: #ffffff;
    --skin--logout_color_dashboard_text: var(--skin--color_black);
    --skin--auth_logo_width: 147px;
    --skin--auth_logo_height: 35px;
    --skin--auth_button_color: #002840;
    --skin--auth_button_background_color: #ffd500;
    --skin--auth_button_border_color: var(--skin--auth_button_background_color);
}

e-popup {
    display: block;
    position: relative;
}

e-ui-layout {
    line-height: 1.375;
    box-sizing: border-box;
    font-size: 16px;
}

e-ui-layout * {
    box-sizing: border-box;
}

e-ui-layout {
    font-size: inherit;
    font-weight: inherit;
    display: flex;
    flex-grow: 1;
    align-self: flex-start;
    flex-wrap: wrap;
    text-align: left;
    justify-content: space-between;
    align-content: flex-start;
    align-items: flex-start;
}

e-ui-layout.no-spacing {
    margin: 0 !important;
}

e-ui-layout:not(._).space-top-sm {
    margin-top: 8px !important;
}

e-ui-layout[block]:not(.internal--with-cols):not(.internal--with-rows) {
    display: block;
}

e-ui-layout.internal--with-cols {
    margin: -8px;
    flex-wrap: nowrap;
}

e-ui-layout.internal--valign-center,
e-ui-layout.centered {
    align-content: center;
}

e-ui-layout.internal--align-center,
e-ui-layout.centered {
    justify-content: center;
}

e-ui-layout.centered {
    align-items: center;
}

e-ui-layout.fill-space,
e-ui-layout.centered {
    width: auto;
    height: 100%;
    inset: 0;
    align-self: stretch;
}

e-ui-layout.fill-space:not(._),
e-ui-layout.centered:not(._) {
    flex-grow: 1;
}

e-ui-layout:not(.internal--with-cols):not(.nowrap):after {
    content: "";
    display: block;
    width: 100%;
    height: 0;
}

e-ui-layout[block]:not(.internal--with-cols):not(.internal--with-rows).internal--align-center,
e-ui-layout.internal--align-center[block] {
    text-align: center;
}

e-ui-col {
    display: flex;
    flex-wrap: wrap;
    flex-grow: 1;
    align-self: stretch;
    margin: 8px;
    align-items: flex-start;
    justify-content: center;
    align-content: flex-start;
}

e-ui-col:after {
    content: "";
    display: block;
    width: 100%;
    height: 0;
}

e-ui-col:last-child {
    justify-content: flex-end;
}

e-ui-col:first-child {
    justify-content: flex-start;
}

e-ui-col.ui.internal--valign-center {
    align-content: center;
}

e-ui-col.no-shrink {
    flex-shrink: 0;
}

e-ui-col.allow-truncation {
    min-width: 0;
}

e-ui-layout.no-spacing>e-ui-col {
    margin: 0;
}

e-ui-button {
    box-sizing: border-box;
    text-align: initial;
    text-indent: initial;
    letter-spacing: normal;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    position: relative;
    height: 32px;
    line-height: 16px;
    display: inline-flex;
    flex: 0 1 auto;
    max-width: 100%;
    border: 1px solid var(--banana-button-secondary-border-default);
    border-radius: 4px;
    transition: background-color, border .15s ease;
    cursor: pointer;
    pointer-events: auto;
}

e-ui-button:hover {
    z-index: 1;
}

e-ui-button:hover[priority=primary] {
    background: var(--banana-button-primary-background-hover);
    border-color: var(--banana-button-primary-background-hover);
}

e-ui-button:hover[priority=secondary] {
    border-color: var(--banana-button-secondary-border-hover);
}

e-ui-button:hover[priority=tertiary] {
    background: var(--banana-button-tertiary-background-hover);
}

e-ui-button:active[priority=primary] {
    color: var(--banana-button-primary-foreground-pressed);
    background: var(--banana-button-primary-background-pressed);
    border-color: var(--banana-button-primary-background-pressed);
}

e-ui-button:active[priority=secondary] {
    color: var(--banana-button-secondary-foreground-pressed);
    background: var(--banana-button-secondary-background-pressed);
    border-color: var(--banana-button-secondary-border-pressed);
}

e-ui-button[priority=primary] {
    color: var(--banana-button-primary-foreground-default);
    background: var(--banana-button-primary-background-default);
    border-color: var(--banana-button-primary-background-default);
}

e-authentication-body .content e-ui-button[priority=primary] {
    color: var(--skin--auth_button_color);
    background: var(--skin--auth_button_background_color);
    border-color: var(--skin--auth_button_border_color);
}

e-ui-button[priority=secondary] {
    color: var(--banana-button-secondary-foreground-default);
    background: var(--banana-button-secondary-background-default);
    border-color: var(--banana-button-secondary-border-default);
}

e-ui-button[priority=tertiary] {
    color: var(--banana-button-tertiary-foreground-default);
    background: transparent;
    border-color: transparent;
}

e-ui-button:not(._).space-top-sm {
    margin-top: 8px !important;
}

e-ui-button:not(._).space-right-xs {
    margin-right: 4px !important;
}

e-ui-button[icon-only] {
    width: 32px;
}

e-ui-button.full-width {
    width: 100%;
}

e-ui-button.social-provider {
    width: 100%;
}

e-ui-button * {
    box-sizing: border-box;
}

e-ui-button>.button-wrapper {
    display: inline-flex;
    height: 100%;
    width: 100%;
    justify-content: center;
    align-items: center;
    vertical-align: top;
    font-size: 13px;
    font-weight: 400;
    line-height: 16px;
    text-decoration: none;
    white-space: nowrap;
    color: inherit;
    background-color: inherit;
    padding: 0;
    border: 0;
    border-radius: inherit;
    margin: 0;
    box-shadow: none;
    outline: none;
    cursor: inherit;
    -webkit-user-select: none;
    user-select: none;
    appearance: none;
}

e-ui-button>.button-wrapper:hover {
    text-decoration: none;
}

e-ui-button>.button-wrapper>.icon-wrapper {
    display: inline-block;
    vertical-align: top;
}

e-ui-button>.button-wrapper>.icon-wrapper {
    font-size: 16px;
    height: 16px;
    cursor: inherit;
    position: relative;
}

e-ui-button>.button-wrapper>.icon-wrapper>e-ui-icon {
    vertical-align: top;
}

e-ui-button>.button-wrapper>.icon-wrapper {
    pointer-events: none;
    margin-left: 12px;
    position: relative;
}

e-ui-button>.button-wrapper>.icon-wrapper {
    margin-left: 16px;
    transition: color .15s ease;
}

e-ui-button[priority=tertiary]>.button-wrapper>.icon-wrapper {
    margin-left: 8px;
}

e-ui-button[icon-only]>.button-wrapper>.icon-wrapper {
    margin-left: 0;
}

e-ui-button>.button-wrapper>.button-text {
    display: inline-block;
    vertical-align: top;
    display: inline-flex;
    font-size: inherit;
    font-weight: 600;
    max-width: 100%;
    overflow: hidden;
    margin-left: 16px;
    margin-right: 16px;
}

e-ui-button[priority=tertiary]>.button-wrapper>.button-text {
    margin-left: 8px;
    margin-right: 8px;
}

e-ui-button[priority=tertiary].internal--with-icon>.button-wrapper>.button-text {
    margin-left: 12px;
    margin-right: 8px;
}

e-ui-button.internal--with-icon>.button-wrapper>.button-text:not(._) {
    margin-left: 8px;
}

e-ui-button.internal--with-icon[priority=tertiary]>.button-wrapper>.button-text {
    margin-left: 8px;
    margin-right: 8px;
}

e-ui-button[icon-only]>.button-wrapper>.button-text {
    display: none;
}

html.browser-webkit.os-mac e-ui-button>.button-wrapper>.button-text:after {
    content: "";
    display: inline-block;
    width: 0;
}

e-ui-button>.button-wrapper>.button-text>.text-wrapper {
    max-width: 100%;
    overflow: hidden;
    text-overflow: ellipsis;
}

e-ui-button>.button-wrapper>.caret-wrapper {
    display: inline-block;
    vertical-align: top;
}

e-ui-button>.button-wrapper>.caret-wrapper {
    font-size: 16px;
    height: 16px;
    cursor: inherit;
    position: relative;
}

e-ui-button>.button-wrapper>.caret-wrapper>e-ui-icon {
    vertical-align: top;
}

e-ui-button>.button-wrapper>.caret-wrapper {
    pointer-events: none;
    margin-left: 12px;
    position: relative;
}

e-ui-button>.button-wrapper>.caret-wrapper {
    display: none;
}

e-ui-spacer {
    line-height: 1.375;
    box-sizing: border-box;
    font-size: 16px;
}

e-ui-spacer * {
    box-sizing: border-box;
}

e-ui-spacer {
    display: block;
    width: 100%;
    min-height: 8px;
}

e-ui-spacer.inline {
    display: inline-block;
    width: auto;
    min-width: 8px;
}

e-ui-spacer.inline:not(._).space-left-sm {
    margin-left: 8px !important;
}

e-ui-icon {
    display: inline-block;
    color: inherit;
    pointer-events: none;
    line-height: 1em;
    font-size: 16px;
}

e-ui-icon[color=info] {
    opacity: .6;
    color: var(--banana-tooltip-foreground-icon-hover);
}

e-ui-icon[color=info]:hover {
    opacity: 1;
}

e-ui-icon[color=kimberly] {
    color: var(--banana-neutral-600);
}

e-ui-icon[color=kimberly-lite] {
    color: var(--banana-neutral-400);
}

e-ui-icon[size="1"] {
    font-size: 16px;
}

e-ui-icon>i {
    font-size: inherit;
    display: inline-block;
    pointer-events: all;
    vertical-align: bottom;
    color: var(--color);
}

e-ui-icon>i[color=kimberly] {
    color: var(--banana-neutral-600);
}

e-ui-icon>i[color=kimberly-lite] {
    color: var(--banana-neutral-400);
}

e-ui-icon[size="1"]>i {
    font-size: 16px;
}

e-ui-icon>i:before {
    position: relative;
}

e-ui-icon>i:after {
    transform: scale(0);
    transition: transform .3s ease;
}

e-ui-block {
    line-height: 1.375;
    box-sizing: border-box;
    font-size: 16px;
}

e-ui-block * {
    box-sizing: border-box;
}

e-ui-block {
    display: block;
    width: 100%;
    align-self: flex-start;
}

e-ui-block:not(._).space-top {
    margin-top: 16px !important;
}

e-ui-block.inline {
    display: flex;
    flex-wrap: wrap;
    align-items: baseline;
    margin-left: -8px;
    width: auto;
}

e-ui-item,
e-ui-item>.ui-label {
    text-align: initial;
    text-indent: initial;
    letter-spacing: normal;
    font-style: normal;
    font-weight: 400;
    line-height: 1.375;
    box-sizing: border-box;
}

e-ui-item *,
e-ui-item>.ui-label * {
    box-sizing: border-box;
}

e-ui-item:not(._):not(._),
e-ui-item>.ui-label:not(._):not(._) {
    font-size: 16px;
}

e-ui-item>.ui-label {
    display: inline-block;
    vertical-align: top;
    min-height: 32px;
    align-self: flex-start;
    flex: 1 1 auto;
}

e-ui-item {
    display: block;
    margin: 8px 0;
    align-self: flex-start;
    position: relative;
}

e-ui-item:last-child {
    margin-bottom: 0;
}

e-ui-item:not(._).space-top {
    margin-top: 16px !important;
}

e-ui-block:not(.inline)>e-ui-item:first-child:not(.label-float-above) {
    margin-top: 0;
}

e-ui-block.inline>e-ui-item {
    margin-bottom: 4px;
    margin-left: 8px;
}

e-ui-block.inline>e-ui-item:first-child:not(.label-float-above):not(.no-spacing) {
    margin-top: 8px;
}

e-ui-block.full-width>e-ui-item {
    flex-grow: 1;
}

e-ui-block:not(.inline) e-ui-item:first-child {
    margin-top: 0;
}

e-ui-block.inline e-ui-item {
    margin-bottom: 4px;
    margin-left: 8px;
}

e-ui-block.inline e-ui-item:first-child:not(.label-float-above):not(.no-spacing) {
    margin-top: 8px;
}

e-ui-block.full-width e-ui-item {
    flex-grow: 1;
}

e-ui-item>.ui-label {
    flex-wrap: wrap;
    height: auto;
    cursor: default;
    pointer-events: none;
}

e-ui-item>.ui-label:not(._):not(._) {
    display: flex;
    font-weight: 400;
}

e-ui-item>.ui-label>.item-label {
    display: inline-block;
    font-size: 13px;
    font-weight: 600;
    color: var(--banana-input-foreground-label);
    cursor: pointer;
    position: relative;
    align-self: flex-start;
    padding-top: 0;
    padding-bottom: 4px;
    line-height: 18px;
    margin-top: 8px;
}

e-ui-item>.ui-label>.item-label {
    width: auto;
    margin-right: 8px;
}

e-ui-block>e-ui-item>.ui-label>.item-label {
    width: 100%;
    margin-right: 0;
    margin-bottom: 4px;
}

e-ui-item.without-label>.ui-label>.item-label {
    display: none;
}

e-ui-block.inline:not(.label-inline)>e-ui-item:not(.label-inline):not(.label-float-above)>.ui-label>.item-label {
    height: 1.6em;
    white-space: nowrap;
}

e-ui-block:not(.form)>e-ui-item.without-label>.ui-label>.item-label {
    display: none;
}

e-ui-item>.ui-label>.item-label>span {
    display: inline;
    pointer-events: auto;
}

e-ui-block.inline>e-ui-item:not(.label-float-above)>.ui-label>.item-label>span {
    display: block;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
    position: absolute;
    left: .5px;
    top: 0;
    right: 0;
    width: auto;
}

e-ui-item>.ui-label>.item-content {
    display: flex;
    position: relative;
    flex-grow: 10000;
}

e-ui-item>.ui-label>.item-content>* {
    pointer-events: auto;
}

e-ui-item>.ui-label>.item-content>*:not(._):not(._):not(e-ui-checkbox):not(e-ui-button):not(e-select-box):not(e-category-selector):not(e-ssh-key-picker):not(e-evaluation-dashboard-picker-button):not(e-pricing-month-year-picker) {
    flex: 1 1 auto;
}

e-ui-page {
    line-height: 1.375;
    box-sizing: border-box;
    font-size: 16px;
}

e-ui-page * {
    box-sizing: border-box;
}

e-ui-page {
    display: flex;
    flex-direction: column;
    min-height: calc(100vh - 50px);
    margin: -24px;
}

e-ui-page.no-spacing {
    margin: 0;
}

e-ui-text-separator {
    line-height: 1.375;
    box-sizing: border-box;
    font-size: 16px;
}

e-ui-text-separator * {
    box-sizing: border-box;
}

e-ui-text-separator {
    display: block;
    width: 100%;
}

e-ui-text-separator:not(._).space-top {
    margin-top: 16px !important;
}

e-ui-text-separator>.separator-wrapper {
    display: flex;
    align-items: center;
    flex-wrap: nowrap;
    width: 100%;
}

e-ui-text-separator>.separator-wrapper>.line-before {
    flex: 1 1 100%;
    height: 1px;
}

e-ui-text-separator>.separator-wrapper>.line-before.dark {
    background-color: var(--banana-neutral-400);
}

e-ui-text-separator>.separator-wrapper>.line-after {
    flex: 1 1 100%;
    height: 1px;
}

e-ui-text-separator>.separator-wrapper>.line-after.dark {
    background-color: var(--banana-neutral-400);
}

e-ui-input-text {
    text-align: initial;
    text-indent: initial;
    letter-spacing: normal;
    font-style: normal;
    font-weight: 400;
    line-height: 1.375;
    box-sizing: border-box;
}

e-ui-input-text * {
    box-sizing: border-box;
}

e-ui-input-text:not(._):not(._) {
    font-size: 16px;
}

e-ui-input-text {
    display: inline-block;
    vertical-align: top;
    min-height: 32px;
    align-self: flex-start;
    flex: 1 1 auto;
}

e-ui-input-text {
    border-radius: 4px;
    background-color: var(--banana-input-background-default);
}

e-ui-input-text>.input-content-wrapper {
    display: flex;
    width: 100%;
    min-height: 32px;
    position: relative;
}

e-ui-input-text>.input-content-wrapper:before {
    content: "";
    border: 1px solid var(--banana-input-border-default);
    position: absolute;
    inset: 0;
    z-index: 1;
    border-radius: 4px;
    pointer-events: none;
    transition-property: border-color;
    transition-duration: .3s;
}

e-ui-input-text:not(.disabled):hover>.input-content-wrapper:before {
    border-color: var(--banana-toggle-background-default);
}

e-ui-input-text {
    display: inline-flex;
    flex-wrap: wrap;
    color: var(--banana-input-foreground-label);
    width: 100%;
}

e-ui-item e-ui-input-text {
    max-width: 230px;
}

e-ui-block.full-width:not(._) e-ui-input-text:not(e-ui-checkbox):not(e-ui-toggle-switch) {
    max-width: none;
    width: 100%;
}

e-ui-input-text>.input-content-wrapper>.input {
    width: 100%;
    display: block;
}

e-ui-input-text>.input-content-wrapper>.input>input[type]:not(#STRONGER_SELECTOR) {
    box-shadow: none;
    margin: 0;
    appearance: none;
    display: inline-flex;
    font-weight: 400;
}

e-ui-input-text>.input-content-wrapper>.input>input[type]:not(#STRONGER_SELECTOR):not(._):not(._) {
    box-sizing: border-box;
    font-size: 14px;
    line-height: 17px;
    padding-top: 8px;
    padding-bottom: 7px;
    min-height: 32px;
    vertical-align: top;
}

html.browser-webkit.os-mac e-ui-input-text>.input-content-wrapper>.input>input[type]:not(#STRONGER_SELECTOR):not(._):not(._) {
    padding-top: 7px;
    padding-bottom: 8px;
}

e-ui-input-text>.input-content-wrapper>.input>input[type]:not(#STRONGER_SELECTOR) {
    background-color: transparent;
    border: 0;
    width: 100%;
    flex-grow: 1;
    -moz-appearance: textfield;
    border-radius: 0;
    outline: none;
    color: inherit;
    font-weight: 400;
    transition: none;
    font-family: inherit;
    padding-left: 12px;
    padding-right: 12px;
    height: auto;
}

e-ui-input-text>.input-content-wrapper>.input>input[type]:not(#STRONGER_SELECTOR):focus {
    outline: none;
    color: inherit;
    border-color: transparent;
}

e-ui-input-text>.input-content-wrapper>.input>input[type]:not(#STRONGER_SELECTOR)::placeholder {
    color: var(--banana-input-foreground-placeholder);
}

e-ui-input-password {
    text-align: initial;
    text-indent: initial;
    letter-spacing: normal;
    font-style: normal;
    font-weight: 400;
    line-height: 1.375;
    box-sizing: border-box;
}

e-ui-input-password * {
    box-sizing: border-box;
}

e-ui-input-password:not(._):not(._) {
    font-size: 16px;
}

e-ui-input-password {
    display: inline-block;
    vertical-align: top;
    min-height: 32px;
    align-self: flex-start;
    flex: 1 1 auto;
}

e-ui-input-password {
    border-radius: 4px;
    background-color: var(--banana-input-background-default);
}

e-ui-input-password>.input-content-wrapper {
    display: flex;
    width: 100%;
    min-height: 32px;
    position: relative;
}

e-ui-input-password>.input-content-wrapper:before {
    content: "";
    border: 1px solid var(--banana-input-border-default);
    position: absolute;
    inset: 0;
    z-index: 1;
    border-radius: 4px;
    pointer-events: none;
    transition-property: border-color;
    transition-duration: .3s;
}

e-ui-input-password:not(.disabled):hover>.input-content-wrapper:before {
    border-color: var(--banana-toggle-background-default);
}

e-ui-input-password {
    display: inline-flex;
    flex-wrap: wrap;
    color: var(--banana-input-foreground-label);
    width: 100%;
}

e-ui-item e-ui-input-password {
    max-width: 230px;
}

e-ui-block.full-width:not(._) e-ui-input-password:not(e-ui-checkbox):not(e-ui-toggle-switch) {
    max-width: none;
    width: 100%;
}

e-ui-input-password>.input-content-wrapper>.input {
    width: 100%;
    display: block;
}

e-ui-input-password>.input-content-wrapper>.input>input[type]:not(#STRONGER_SELECTOR) {
    box-shadow: none;
    margin: 0;
    appearance: none;
    display: inline-flex;
    font-weight: 400;
}

e-ui-input-password>.input-content-wrapper>.input>input[type]:not(#STRONGER_SELECTOR):not(._):not(._) {
    box-sizing: border-box;
    font-size: 14px;
    line-height: 17px;
    padding-top: 8px;
    padding-bottom: 7px;
    min-height: 32px;
    vertical-align: top;
}

html.browser-webkit.os-mac e-ui-input-password>.input-content-wrapper>.input>input[type]:not(#STRONGER_SELECTOR):not(._):not(._) {
    padding-top: 7px;
    padding-bottom: 8px;
}

e-ui-input-password>.input-content-wrapper>.input>input[type]:not(#STRONGER_SELECTOR) {
    background-color: transparent;
    border: 0;
    width: 100%;
    flex-grow: 1;
    -moz-appearance: textfield;
    border-radius: 0;
    outline: none;
    color: inherit;
    font-weight: 400;
    transition: none;
    font-family: inherit;
    padding-left: 12px;
    padding-right: 12px;
    height: auto;
}

e-ui-input-password>.input-content-wrapper>.input>input[type]:not(#STRONGER_SELECTOR):focus {
    outline: none;
    color: inherit;
    border-color: transparent;
}

e-ui-input-password>.input-content-wrapper>.input>input[type]:not(#STRONGER_SELECTOR)::placeholder {
    color: var(--banana-input-foreground-placeholder);
}

e-ui-input-password>.input-content-wrapper>.input>input[type]:not(#STRONGER_SELECTOR).with-visibility:not(._) {
    padding-right: 32px;
}

e-ui-input-password .toggle-value-visibility {
    position: absolute;
    right: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 32px;
    height: 32px;
    cursor: pointer;
}

.toggle-value-visibility svg {
    color: var(--banana-input-foreground-icon);
    transition: color 0.2s ease;
}

.toggle-value-visibility:hover svg {
    color: var(--banana-tooltip-foreground-icon-hover);
}

.toggle-value-visibility {
    cursor: pointer;
    user-select: none;
}

.toggle-value-visibility {
    position: absolute;
    right: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 32px;
    height: 32px;
    cursor: pointer !important;
    pointer-events: auto !important;
    z-index: 10;
}

.toggle-value-visibility svg {
    color: var(--banana-input-foreground-icon);
    transition: color 0.2s ease;
    pointer-events: none;
}

.toggle-value-visibility:hover svg {
    color: var(--banana-tooltip-foreground-icon-hover);
}

.toggle-value-visibility e-ui-icon {
    pointer-events: none !important;
}

@font-face {
    font-family: infinario-99b512;
    src: url("../fonts/infinario/infinario-99b512.eot?d6dd2b5658f90afd7af24ffb29e75ccb?#iefix") format("embedded-opentype"), url("../fonts/infinario/infinario-99b512.woff2?d6dd2b5658f90afd7af24ffb29e75ccb") format("woff2"), url("../fonts/infinario/infinario-99b512.woff?d6dd2b5658f90afd7af24ffb29e75ccb") format("woff");
    font-weight: 400;
    font-style: normal;
}

@font-face {
    font-family: infinario-99b512;
    src: url("../fonts/infinario/infinario-99b512.eot?d6dd2b5658f90afd7af24ffb29e75ccb?#iefix") format("embedded-opentype"), url("../fonts/infinario/infinario-99b512.woff2?d6dd2b5658f90afd7af24ffb29e75ccb") format("woff2"), url("../fonts/infinario/infinario-99b512.woff?d6dd2b5658f90afd7af24ffb29e75ccb") format("woff");
    font-weight: 400;
    font-style: normal;
}

@font-face {
    font-family: Inter;
    font-weight: 400;
    src: url("../fonts/Inter-Regular.ttf") format("truetype");
}

@font-face {
    font-family: Inter;
    font-weight: 500;
    src: url("../fonts/Inter-Medium.ttf") format("truetype");
}

@font-face {
    font-family: Inter;
    font-weight: 600;
    src: url("../fonts/Inter-SemiBold.ttf") format("truetype");
}

[class^=fi-] {
    font-family: infinario-99b512!important;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-style: normal;
    font-variant: normal;
    font-weight: 400;
    line-height: 1;
    speak: none;
    text-decoration: none;
    text-transform: none;
}

.hidden {
    display: none;
}

.hidd .fi-chevron-down:before {
    content: "\f14f";
}

.fi-close:before {
    content: "\f15a";
}

.fi-error:before {
    content: "\f19f";
}

* {
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    scrollbar-color: var(--banana-scroll-default) transparent;
    scrollbar-width: thin;
}

html.browser-webkit ::-webkit-scrollbar {
    -webkit-appearance: none;
}

html.browser-webkit ::-webkit-scrollbar-thumb {
    border-radius: 8px;
    border: 2px solid var(--banana-scroll-default);
    background-color: var(--banana-scroll-default);
}

html.browser-webkit ::-webkit-scrollbar-thumb:hover {
    background-color: var(--banana-scroll-hover);
}

html.browser-webkit ::-webkit-scrollbar-thumb:active {
    background-color: var(--banana-scroll-hover);
}

button {
    font-family: Inter, sans-serif;
}

h4.ui {
    display: block;
    margin: 0;
    font: 600 16px/20px Inter, Arial, Helvetica, sans-serif;
    color: var(--banana-heading-primary-foreground);
    text-rendering: optimizeLegibility;
}

h4.ui.ellipsis-line-2:not(#_) {
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    word-break: break-word;
}

.ui p:not(_),
p:not(_).ui {
    font-family: inherit;
    font-weight: 400;
    font-size: 14px;
    line-height: 1.375;
    text-align: inherit;
    color: var(--banana-text-body);
    width: 100%;
    margin: 0;
}

.ui p:not(_):not(._).space-top-sm,
p:not(_).ui:not(._).space-top-sm {
    margin-top: 8px!important;
}

e-toasts-list {
    display: flex;
    flex-direction: column;
    gap: 8px;
    position: fixed;
    top: 24px;
    left: 50%;
    transform: translateX(-50%);
    z-index: 9999;
}

[class^=fi-] {
    font-family: infinario-99b512!important;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-style: normal;
    font-variant: normal;
    font-weight: 400;
    line-height: 1;
    speak: none;
    text-decoration: none;
    text-transform: none;
}

.fi-chevron-down:before {
    content: "\f14f";
}

.fi-close:before {
    content: "\f15a";
}

.fi-error:before {
    content: "\f19f";
}


/*! CSS Used from: Embedded */

e-ui-button {
    box-sizing: border-box;
    text-align: initial;
    text-indent: initial;
    letter-spacing: normal;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    position: relative;
    height: 32px;
    line-height: 16px;
    display: inline-flex;
    flex: 0 1 auto;
    max-width: 100%;
    border: 1px solid var(--banana-button-secondary-border-default);
    border-radius: 4px;
    transition: background-color, border .15s ease;
    cursor: pointer;
    pointer-events: auto;
}

e-ui-button:hover {
    z-index: 1;
}

e-ui-button:hover[priority=tertiary] {
    background: var(--banana-button-tertiary-background-hover);
}

e-ui-button[priority=tertiary] {
    color: var(--banana-button-tertiary-foreground-default);
    background: transparent;
    border-color: transparent;
}

e-ui-button[icon-only] {
    width: 32px;
}

e-ui-button * {
    box-sizing: border-box;
}

e-ui-button>.button-wrapper {
    display: inline-flex;
    height: 100%;
    width: 100%;
    justify-content: center;
    align-items: center;
    vertical-align: top;
    font-size: 13px;
    font-weight: 400;
    line-height: 16px;
    text-decoration: none;
    white-space: nowrap;
    color: inherit;
    background-color: inherit;
    padding: 0;
    border: 0;
    border-radius: inherit;
    margin: 0;
    box-shadow: none;
    outline: none;
    cursor: inherit;
    -webkit-user-select: none;
    user-select: none;
    appearance: none;
}

e-ui-button>.button-wrapper:hover {
    text-decoration: none;
}

e-ui-button>.button-wrapper>.icon-wrapper {
    display: inline-block;
    vertical-align: top;
}

e-ui-button>.button-wrapper>.icon-wrapper {
    font-size: 16px;
    height: 16px;
    cursor: inherit;
    position: relative;
}

e-ui-button>.button-wrapper>.icon-wrapper>e-ui-icon {
    vertical-align: top;
}

e-ui-button>.button-wrapper>.icon-wrapper {
    pointer-events: none;
    margin-left: 12px;
    position: relative;
}

e-ui-button>.button-wrapper>.icon-wrapper {
    margin-left: 16px;
    transition: color .15s ease;
}

e-ui-button[priority=tertiary]>.button-wrapper>.icon-wrapper {
    margin-left: 8px;
}

e-ui-button[icon-only]>.button-wrapper>.icon-wrapper {
    margin-left: 0;
}

e-ui-button>.button-wrapper>.button-text {
    display: inline-block;
    vertical-align: top;
    display: inline-flex;
    font-size: inherit;
    font-weight: 600;
    max-width: 100%;
    overflow: hidden;
    margin-left: 16px;
    margin-right: 16px;
}

e-ui-button[priority=tertiary]>.button-wrapper>.button-text {
    margin-left: 8px;
    margin-right: 8px;
}

e-ui-button[priority=tertiary].internal--with-icon>.button-wrapper>.button-text {
    margin-left: 12px;
    margin-right: 8px;
}

e-ui-button.internal--with-icon>.button-wrapper>.button-text:not(._) {
    margin-left: 8px;
}

e-ui-button.internal--with-icon[priority=tertiary]>.button-wrapper>.button-text {
    margin-left: 8px;
    margin-right: 8px;
}

e-ui-button[icon-only]>.button-wrapper>.button-text {
    display: none;
}

html.browser-webkit.os-mac e-ui-button>.button-wrapper>.button-text:after {
    content: "";
    display: inline-block;
    width: 0;
}

e-ui-button>.button-wrapper>.button-text>.text-wrapper {
    max-width: 100%;
    overflow: hidden;
    text-overflow: ellipsis;
}

e-ui-button>.button-wrapper>.caret-wrapper {
    display: inline-block;
    vertical-align: top;
}

e-ui-button>.button-wrapper>.caret-wrapper {
    font-size: 16px;
    height: 16px;
    cursor: inherit;
    position: relative;
}

e-ui-button>.button-wrapper>.caret-wrapper>e-ui-icon {
    vertical-align: top;
}

e-ui-button>.button-wrapper>.caret-wrapper {
    pointer-events: none;
    margin-left: 12px;
    position: relative;
}

e-ui-button>.button-wrapper>.caret-wrapper {
    display: none;
}


/*! CSS Used from: Embedded */

e-ui-icon {
    display: inline-block;
    color: inherit;
    pointer-events: none;
    line-height: 1em;
    font-size: 16px;
}

e-ui-icon[color=error] {
    color: var(--banana-accent-700);
}

e-ui-icon[color=error] {
    color: var(--banana-states-error-foreground);
}

e-ui-icon[size="1"] {
    font-size: 16px;
}

e-ui-icon>i {
    font-size: inherit;
    display: inline-block;
    pointer-events: all;
    vertical-align: bottom;
    color: var(--color);
}

e-ui-icon>i[color=error] {
    color: var(--banana-accent-700);
}

e-ui-icon>i[color=error] {
    color: var(--banana-states-error-foreground);
}

e-ui-icon[size="1"]>i {
    font-size: 16px;
}

e-ui-icon>i:before {
    position: relative;
}

e-ui-icon>i:after {
    transform: scale(0);
    transition: transform .3s ease;
}


/*! CSS Used from: Embedded */

e-ui-toast {
    line-height: 1.375;
    box-sizing: border-box;
    font-size: 16px;
}

e-ui-toast * {
    box-sizing: border-box;
}

e-ui-toast {
    position: relative;
    display: flex;
    gap: 8px;
    width: 664px;
    padding: 16px 48px 16px 20px;
    border-radius: 4px;
    color: var(--banana-heading-primary-foreground);
    z-index: 9999;
}

e-ui-toast[type=error] {
    border-bottom: 4px solid var(--banana-toast-error-foreground);
    background: var(--banana-toast-error-background);
}

e-ui-toast[type=error] {
    box-shadow: 0 4px 9px #00284014, 0 17px 17px #e0416512, 0 38px 23px #0028400a, 0 68px 27px #e0416503, 0 107px 30px #e0416500;
}

e-ui-toast>.toast-icon {
    line-height: 1.25;
}

e-ui-toast>.toast-content {
    white-space: normal;
    width: 100%;
    word-wrap: break-word;
}

e-ui-toast>.toast-close {
    position: absolute;
    top: 8px;
    right: 8px;
}

.spinner {
    border: 2px solid rgba(0, 0, 0, 0.1);
    border-top-color: #002840;
    border-radius: 50%;
    width: 16px;
    height: 16px;
    animation: spin 1s linear infinite;
    display: inline-block;
    margin-right: 8px;
    vertical-align: middle;
}

@keyframes spin {
    to {
        transform: rotate(360deg);
    }
}

.button-wrapper.loading .text-wrapper {
    opacity: 0.7;
}

.button-wrapper.loading .spinner {
    display: inline-block;
}

.spinner {
    display: none;
}

.hidden {
    display: none !important;
}