/* color names are taken from the site https://www.htmlcsscolor.com/hex/FFFFFF */
html {
  --c-black: #000000;
  --c-black-10: rgba(0, 0, 0, 0.1);
  --c-black-06: rgba(0, 0, 0, 0.06);
  --c-white-0: rgba(255, 255, 255, 0);
  --c-nero-05: rgba(25, 25, 25, 0.05);
  --c-white-50: rgba(255, 255, 255, 0.5);
  --c-white-80: rgba(255, 255, 255, 0.8);
  --c-white: #ffffff;
  --c-pale-pink: #ffe9ea;
  --c-we-peep: #ffcccf;
  --c-tapestry: #bc7b90;
  --c-wild-watermelon-50: rgba(255, 107, 116, 0.5);
  --c-wild-watermelon: #ff6b74;
  --c-sunset-orange: #ff4e4e;
  --c-cinnabar: #ec4726;
  --c-alizarin: #e82b37;
  --c-blanched-almond: #ffeecc;
  --c-sandwisp: #e4d089;
  --c-mandys-pink: #f7ba8e;
  --c-tacao: #f6ae86;
  --c-orange: #ffa800;
  --c-tahiti-gold: #e96820;
  --c-sulu: #c9e283;
  --c-conifer: #b0e148;
  --c-lima: #7bb917;
  --c-kelly-green: #4ba513;
  --c-fiji-green: #5e7227;
  --c-go-ben: #83733c;
  --c-desert: #9c643b;
  --c-ghost-white: #fbfcff;
  --c-alice-blue: #f2f7ff;
  --c-solitude: #e8effb;
  --c-solitude-1: #dbe6f8;
  --c-solitude-2: #e1ebff;
  --c-periwinkle: #c5ccde;
  --c-link-water: #bcc7db;
  --c-light-steel-blue: #b4c3dc;
  --c-periwinkle-1: #bfcfea;
  --c-ship-cove: #798bac;
  --c-waikawa-grey: #687392;
  --c-kashmir-blue-1: #4d638d;
  --c-kashmir-blue-2: #4d628c;
  --c-royal-blue-15: rgba(63, 122, 236, 0.15);
  --c-lucky-point: #323655;
  --c-endeavour-18: rgba(37, 76, 152, 0.18);
  --c-endeavour-25: rgba(37, 76, 152, 0.25);
  --c-ship-cove-40: rgba(121, 139, 172, 0.4);
  --c-solitude-50: rgba(220, 231, 249, 0.5);
  --c-hawkes-blue: #d0dcef;
  --c-hawkes-blue-2: #cdd8e9;
  --c-pale-cornflower-blue: #b5ceff;
  --c-perano: #99acf1;
  --c-cornflower-blue: #568fff;
  --c-royal-blue: #3f7aec;
  --c-royal-blue-1: #4566dd;
  --c-royal-blue-50: rgba(63, 122, 236, 0.5);
  --c-free-speech-blue: #3668c9;
  --c-royal-blue-darken-05: #286aea;
  --c-navy-blue: #165ce2;
  --c-light-sky-blue: #8ed0f5;
  --c-dodger-blue: #29a5ff;
  --c-astral: #326988;
}
/* usage: background-color: var(--priority-high); */
:root {
  --error: var(--c-alizarin);
  --alert: var(--c-cinnabar);
  --alert-text: var(--c-white);

  --content-bg: var(--c-solitude);
  --content-bg-info: var(--c-alice-blue);
  --content-text: var(--c-lucky-point);
  --content-text-info: var(--c-ship-cove);
  --content-text-primary: var(--c-royal-blue);
  --content-blur: var(--c-white-50);
  --content-disabled: var(--c-link-water);

  --header-border: var(--c-free-speech-blue);
  --header-button-hover: var(--c-free-speech-blue);
  --header-label-bg: var(--c-white);
  --header-label-text: var(--c-royal-blue);

  --block-bg: var(--c-white);
  --block-shadow: var(--c-endeavour-25);
  --block-header: var(--c-royal-blue);
  --block-header-text: var(--c-white);
  --block-login-shadow: var(--c-nero-05);
  --block-modal-shadow: var(--c-endeavour-18);

  --shadow-text: var(--c-royal-blue-50);

  --button-primary-bg: var(--c-royal-blue);
  --button-primary-text: var(--c-white);
  --button-primary-disabled: var(--c-pale-cornflower-blue);
  --button-primary-hover: var(--c-royal-blue-darken-05);
  --button-primary-active: var(--c-navy-blue);
  --button-secondary-bg: var(--c-white);
  --button-secondary-text: var(--c-royal-blue);
  --button-secondary-shadow: var(--c-endeavour-18);
  --button-secondary-hover: var(--c-navy-blue);
  --button-info-text: var(--c-ship-cove);
  --button-info-bg: var(--c-white);
  --button-info-hover: var(--c-hawkes-blue);
  --button-close: var(--c-ship-cove);

  --tabs-border: var(--c-pale-cornflower-blue);
  --tabs-border-active: var(--c-white);
  --tabs-text: var(--c-pale-cornflower-blue);
  --tabs-text-hover: var(--c-white);
  --tabs-text-active: var(--c-royal-blue);
  --tabs-bg-active: var(--c-white);

  --toggler-bg: var(--c-white);
  --toggler-bg-default: var(--c-hawkes-blue-2);
  --toggler-bg-active: var(--c-royal-blue);
  --toggler-bg-disabled: var(--c-solitude-1);
  --toggler-border: var(--c-hawkes-blue-2);

  --input-border: var(--c-solitude-1);
  --input-border-active: var(--c-royal-blue);
  --input-text: var(--c-lucky-point);
  --input-placeholder: var(--c-ship-cove);
  --input-label: var(--c-ship-cove);
  --input-bg: var(--c-white);

  --dropdown-hover: var(--c-solitude-1);
  --dropdown-text: var(--c-lucky-point);
  --dropdown-text-hover: var(--c-royal-blue);
  --dropdown-text-active: var(--c-white);
  --dropdown-bg: var(--c-white);
  --dropdown-bg-active: var(--c-royal-blue);
  --dropdown-shadow: var(--c-endeavour-18);

  --checkbox-mark: var(--c-white);
  --checkbox-bg: var(--c-white);
  --checkbox-bg-active: var(--c-royal-blue);
  --checkbox-border: var(--c-hawkes-blue-2);
  --checkbox-border-active: var(--c-royal-blue);
  --checkbox-secondary-bg: var(--c-white);
  --checkbox-secondary-bg-hover: var(--c-pale-cornflower-blue);
  --checkbox-secondary-bg-highlighted: var(--c-royal-blue);
  --checkbox-secondary-border-in: var(--c-pale-cornflower-blue);
  --checkbox-secondary-border-in-hover: var(--c-white);
  --checkbox-secondary-border-out: var(--c-white);
  --checkbox-secondary-border-out-hover: var(--c-pale-cornflower-blue);

  --square-bg: var(--c-ship-cove-40);
  --square-bg-active: var(--c-royal-blue);

  --highlighter-primary: var(--c-solitude-1);
  --highlighter-secondary: var(--c-pale-cornflower-blue);
  --highlighter-border-common: var(--c-royal-blue);
  --highlighter-border-faults: var(--c-wild-watermelon);
  --highlighter-border-reports: var(--c-orange);

  --table-controls-label: var(--c-white);
  --table-controls-label-faults: var(--c-we-peep);
  --table-controls-label-reports: var(--c-blanched-almond);
  --table-controls-select-text: var(--c-white);

  --filters-btn-active: var(--c-hawkes-blue);
  --filters-border: var(--c-periwinkle-1);
  --filters-label: var(--c-ship-cove);

  --calendar-bg: var(--c-white);
  --calendar-item-bg-active: var(--c-royal-blue);
  --calendar-item-bg-hover: var(--c-solitude-2);
  --calendar-item-text-active: var(--c-white);
  --calendar-arrow: var(--c-royal-blue);
  --calendar-arrow-hover: var(--c-navy-blue);

  --editor-toolbar-bg: var(--c-alice-blue);
  --editor-toolbar-item: var(--c-solitude-1);
  --editor-toolbar-item-selected: var(--c-hawkes-blue);
  --editor-toolbar-icon: var(--c-royal-blue);
  --editor-toolbar-dropdown-bg: var(--c-white);
  --editor-toolbar-dropdown-shadow: var(--c-endeavour-18);
  --editor-toolbar-dropdown-link: var(--c-royal-blue);
  --editor-rdw-shadow: var(--c-endeavour-18);

  --permissions-tab-header-bg: var(--c-solitude);
  --permissions-tab-header-bg-active: var(--c-white);
  --permissions-tab-header-bg-hover: var(--c-alice-blue);

  --table-row-odd: var(--c-alice-blue);
  --table-row-even: var(--c-white);
  --table-row-hover: var(--c-ghost-white);
  --table-row-hover-secondary: var(--c-solitude-1);
  --table-text-important: var(--c-tapestry);
  --table-columns-header-bg: var(--c-white);
  --table-columns-header-text: var(--c-ship-cove);
  --table-columns-header-shadow: var(--c-black-10);
  --table-columns-header-hover: var(--c-alice-blue);

  --left-precooler-pressure: var(--c-kelly-green);
  --right-precooler-pressure: var(--c-conifer);
  --left-precooler-temperature: var(--c-tahiti-gold);
  --right-precooler-temperature: var(--c-tacao);
  --left-transfer-pressure: var(--c-royal-blue-1);
  --right-transfer-pressure: var(--c-perano);
  --component-difference: var(--c-royal-blue);

  --chart-border-hover: var(--c-lucky-point);
  --chart-circle: var(--c-kashmir-blue-2);
  --chart-bg: var(--c-white);
  --chart-text: var(--c-ship-cove);
  --chart-line: var(--c-solitude-50);
  --chart-path: var(--c-solitude-1);
  --chart-resize: var(--c-royal-blue);
  --chart-selection: var(--c-periwinkle);
  --chart-controls-bg: var(--c-alice-blue);
  --chart-controls-border: var(--c-solitude-1);

  --border: var(--c-solitude-1);
  --border-secondary: var(--c-periwinkle-1);

  --status-worked-text: var(--c-fiji-green);
  --status-worked-bg: var(--c-sulu);
  --status-open-text: var(--c-astral);
  --status-open-bg: var(--c-light-sky-blue);
  --status-hold-text: var(--c-go-ben);
  --status-hold-bg: var(--c-sandwisp);
  --status-closed-text: var(--c-waikawa-grey);
  --status-closed-bg: var(--c-periwinkle);
  --status-nuisance-text: var(--c-desert);
  --status-nuisance-bg: var(--c-mandys-pink);
  --status-closed-text-green: var(--c-fiji-green);
  --status-closed-border-green: var(--c-kelly-green);
  --status-default-bg: var(--c-wild-watermelon);

  --priority-high: var(--c-wild-watermelon);
  --priority-medium: var(--c-orange);
  --priority-low: var(--c-dodger-blue);
  --priority-text: var(--c-white);

  --reference-past: var(--c-wild-watermelon);
  --reference-today: var(--c-orange);

  --fault-type-upper: var(--c-wild-watermelon);
  --fault-type-lower: var(--c-orange);

  --create-disposition-dropdown-shadow: var(--c-black-10);
  --create-disposition-dropdown-bg: var(--c-white);
  --create-disposition-dropdown-hover: var(--c-solitude-2);

  --sidebar-connected: var(--c-lima);
  --sidebar-disconnected: var(--c-wild-watermelon);
  --sidebar-hover: var(--c-solitude-1);
  --sidebar-text: var(--c-ship-cove);
  --sidebar-active: var(--c-royal-blue);
  --sidebar-shadow: var(--c-endeavour-18);
  --sidebar-gradient-dark: var(--c-royal-blue-15);
  --sidebar-gradient-light: var(--c-white-0);

  --attachments-controls-delete: var(--c-wild-watermelon);
  --attachments-bg: var(--c-alice-blue);

  --fault-viewer-chart-faults: var(--c-sunset-orange);
  --fault-viewer-chart-reports: var(--c-orange);
  --fault-viewer-chart-logs: var(--c-dodger-blue);

  --tooltip-bg-default: var(--c-kashmir-blue-1);
  --tooltip-bg-danger: var(--c-wild-watermelon);
  --tooltip-bg-warning: var(--c-orange);
  --tooltip-bg-success: var(--c-kelly-green);
  --tooltip-info-bg: var(--c-pale-pink);
  --tooltip-info-border: var(--c-wild-watermelon-50);
  --tooltip-text-default: var(--c-white);
  --tooltip-shadow: var(--c-black-06);

  --toaster-bg-high: var(--c-pale-pink);
  --toaster-bg-default: var(--c-white-80);
  --toaster-shadow: var(--c-black-10);

  --message-code-value-hover: var(--c-cornflower-blue);
  --message-code-value: var(--c-royal-blue);
  --message-code-active-code-bg: var(--c-ship-cove);
  --message-code-active-code-text: var(--c-white);
  --message-code-active-status-text: var(--c-ship-cove);

  --tags-bg: var(--c-solitude-1);
  --tags-bg-hover: var(--c-periwinkle-1);
  --tags-text: var(--c-lucky-point);
  --tags-phase-bg: var(--c-white);

  /* todo: remove it after implemented font icons */
  --icon: var(--c-solitude-1);
  --icon-secondary: var(--c-ship-cove);
  --icon-hover: var(--c-royal-blue);
  --icon-active: var(--c-royal-blue);

  --icon-default: var(--c-ship-cove);
  --icon-default-active: var(--c-royal-blue);
  --icon-primary: var(--c-royal-blue);
  --icon-primary-active: var(--c-royal-blue);
  --icon-secondary: var(--c-white);
  --icon-secondary-active: var(--c-white);
  --icon-simple: var(--c-hawkes-blue);
  --icon-simple-active: var(--c-hawkes-blue);
  --icon-danger: var(--c-wild-watermelon);
  --icon-danger-active: var(--c-wild-watermelon);
  --icon-warning: var(--c-orange);
  --icon-warning-active: var(--c-orange);
  --icon-success: var(--c-kelly-green);
  --icon-success-active: var(--c-kelly-green);
  --icon-border: var(--c-white);

  --scroll: var(--c-light-steel-blue);
  --scroll-loader: var(--c-ship-cove);
  --loader-bg: var(--c-white);
  --loader-bg-default: var(--c-white-80);
  --loader-bg-light: var(--c-white-50);
  --loader-animation: var(--c-royal-blue);
}
[data-theme='dark'] {
  --error: var(--c-alizarin);
  --alert: var(--c-cinnabar);
  --alert-text: var(--c-white);

  --content-bg: var(--c-solitude);
  --content-bg-info: var(--c-alice-blue);
  --content-text: var(--c-lucky-point);
  --content-text-info: var(--c-ship-cove);
  --content-text-primary: var(--c-royal-blue);
  --content-blur: var(--c-white-50);
  --content-disabled: var(--c-link-water);

  --header-border: var(--c-free-speech-blue);
  --header-button-hover: var(--c-free-speech-blue);
  --header-label-bg: var(--c-white);
  --header-label-text: var(--c-royal-blue);

  --block-bg: var(--c-white);
  --block-shadow: var(--c-endeavour-25);
  --block-header: var(--c-royal-blue);
  --block-header-text: var(--c-white);
  --block-login-shadow: var(--c-nero-05);
  --block-modal-shadow: var(--c-endeavour-18);

  --shadow-text: var(--c-royal-blue-50);

  --button-primary-bg: var(--c-royal-blue);
  --button-primary-text: var(--c-white);
  --button-primary-disabled: var(--c-pale-cornflower-blue);
  --button-primary-hover: var(--c-royal-blue-darken-05);
  --button-primary-active: var(--c-navy-blue);
  --button-secondary-bg: var(--c-white);
  --button-secondary-text: var(--c-royal-blue);
  --button-secondary-shadow: var(--c-endeavour-18);
  --button-secondary-hover: var(--c-navy-blue);
  --button-info-text: var(--c-ship-cove);
  --button-info-bg: var(--c-white);
  --button-info-hover: var(--c-hawkes-blue);
  --button-close: var(--c-ship-cove);

  --tabs-border: var(--c-pale-cornflower-blue);
  --tabs-border-active: var(--c-white);
  --tabs-text: var(--c-pale-cornflower-blue);
  --tabs-text-hover: var(--c-white);
  --tabs-text-active: var(--c-royal-blue);
  --tabs-bg-active: var(--c-white);

  --toggler-bg: var(--c-white);
  --toggler-bg-default: var(--c-hawkes-blue-2);
  --toggler-bg-active: var(--c-royal-blue);
  --toggler-bg-disabled: var(--c-solitude-1);
  --toggler-border: var(--c-hawkes-blue-2);

  --input-border: var(--c-solitude-1);
  --input-border-active: var(--c-royal-blue);
  --input-text: var(--c-lucky-point);
  --input-placeholder: var(--c-ship-cove);
  --input-label: var(--c-ship-cove);
  --input-bg: var(--c-white);

  --dropdown-hover: var(--c-solitude-1);
  --dropdown-text: var(--c-lucky-point);
  --dropdown-text-hover: var(--c-royal-blue);
  --dropdown-text-active: var(--c-white);
  --dropdown-bg: var(--c-white);
  --dropdown-bg-active: var(--c-royal-blue);
  --dropdown-shadow: var(--c-endeavour-18);

  --checkbox-mark: var(--c-white);
  --checkbox-bg: var(--c-white);
  --checkbox-bg-active: var(--c-royal-blue);
  --checkbox-border: var(--c-hawkes-blue-2);
  --checkbox-border-active: var(--c-royal-blue);
  --checkbox-secondary-bg: var(--c-white);
  --checkbox-secondary-bg-hover: var(--c-pale-cornflower-blue);
  --checkbox-secondary-bg-highlighted: var(--c-royal-blue);
  --checkbox-secondary-border-in: var(--c-pale-cornflower-blue);
  --checkbox-secondary-border-in-hover: var(--c-white);
  --checkbox-secondary-border-out: var(--c-white);
  --checkbox-secondary-border-out-hover: var(--c-pale-cornflower-blue);

  --square-bg: var(--c-ship-cove-40);
  --square-bg-active: var(--c-royal-blue);

  --highlighter-primary: var(--c-solitude-1);
  --highlighter-secondary: var(--c-pale-cornflower-blue);
  --highlighter-border-common: var(--c-royal-blue);
  --highlighter-border-faults: var(--c-wild-watermelon);
  --highlighter-border-reports: var(--c-orange);

  --table-controls-label: var(--c-white);
  --table-controls-label-faults: var(--c-we-peep);
  --table-controls-label-reports: var(--c-blanched-almond);
  --table-controls-select-text: var(--c-white);

  --filters-btn-active: var(--c-hawkes-blue);
  --filters-border: var(--c-periwinkle-1);
  --filters-label: var(--c-ship-cove);

  --calendar-bg: var(--c-white);
  --calendar-item-bg-active: var(--c-royal-blue);
  --calendar-item-bg-hover: var(--c-solitude-2);
  --calendar-item-text-active: var(--c-white);
  --calendar-arrow: var(--c-royal-blue);
  --calendar-arrow-hover: var(--c-navy-blue);

  --editor-toolbar-bg: var(--c-alice-blue);
  --editor-toolbar-item: var(--c-solitude-1);
  --editor-toolbar-item-selected: var(--c-hawkes-blue);
  --editor-toolbar-icon: var(--c-royal-blue);
  --editor-toolbar-dropdown-bg: var(--c-white);
  --editor-toolbar-dropdown-shadow: var(--c-endeavour-18);
  --editor-toolbar-dropdown-link: var(--c-royal-blue);
  --editor-rdw-shadow: var(--c-endeavour-18);

  --permissions-tab-header-bg: var(--c-solitude);
  --permissions-tab-header-bg-active: var(--c-white);
  --permissions-tab-header-bg-hover: var(--c-alice-blue);

  --table-row-odd: var(--c-alice-blue);
  --table-row-even: var(--c-white);
  --table-row-hover: var(--c-ghost-white);
  --table-row-hover-secondary: var(--c-solitude-1);
  --table-text-important: var(--c-tapestry);
  --table-columns-header-bg: var(--c-white);
  --table-columns-header-text: var(--c-ship-cove);
  --table-columns-header-shadow: var(--c-black-10);
  --table-columns-header-hover: var(--c-alice-blue);

  --left-precooler-pressure: var(--c-kelly-green);
  --right-precooler-pressure: var(--c-conifer);
  --left-precooler-temperature: var(--c-tahiti-gold);
  --right-precooler-temperature: var(--c-tacao);
  --left-transfer-pressure: var(--c-royal-blue-1);
  --right-transfer-pressure: var(--c-perano);
  --component-difference: var(--c-royal-blue);

  --chart-border-hover: var(--c-lucky-point);
  --chart-circle: var(--c-kashmir-blue-2);
  --chart-bg: var(--c-white);
  --chart-text: var(--c-ship-cove);
  --chart-line: var(--c-solitude-50);
  --chart-path: var(--c-solitude-1);
  --chart-resize: var(--c-royal-blue);
  --chart-selection: var(--c-periwinkle);
  --chart-controls-bg: var(--c-alice-blue);
  --chart-controls-border: var(--c-solitude-1);

  --border: var(--c-solitude-1);
  --border-secondary: var(--c-periwinkle-1);

  --status-worked-text: var(--c-fiji-green);
  --status-worked-bg: var(--c-sulu);
  --status-open-text: var(--c-astral);
  --status-open-bg: var(--c-light-sky-blue);
  --status-hold-text: var(--c-go-ben);
  --status-hold-bg: var(--c-sandwisp);
  --status-closed-text: var(--c-waikawa-grey);
  --status-closed-bg: var(--c-periwinkle);
  --status-nuisance-text: var(--c-desert);
  --status-nuisance-bg: var(--c-mandys-pink);
  --status-closed-text-green: var(--c-fiji-green);
  --status-closed-border-green: var(--c-kelly-green);
  --status-default-bg: var(--c-wild-watermelon);

  --priority-high: var(--c-wild-watermelon);
  --priority-medium: var(--c-orange);
  --priority-low: var(--c-dodger-blue);
  --priority-text: var(--c-white);

  --reference-past: var(--c-wild-watermelon);
  --reference-today: var(--c-orange);

  --fault-type-upper: var(--c-wild-watermelon);
  --fault-type-lower: var(--c-orange);

  --create-disposition-dropdown-shadow: var(--c-black-10);
  --create-disposition-dropdown-bg: var(--c-white);
  --create-disposition-dropdown-hover: var(--c-solitude-2);

  --sidebar-connected: var(--c-lima);
  --sidebar-disconnected: var(--c-wild-watermelon);
  --sidebar-hover: var(--c-solitude-1);
  --sidebar-text: var(--c-ship-cove);
  --sidebar-active: var(--c-royal-blue);
  --sidebar-shadow: var(--c-endeavour-18);
  --sidebar-gradient-dark: var(--c-royal-blue-15);
  --sidebar-gradient-light: var(--c-white-0);

  --attachments-controls-delete: var(--c-wild-watermelon);
  --attachments-bg: var(--c-alice-blue);

  --fault-viewer-chart-faults: var(--c-sunset-orange);
  --fault-viewer-chart-reports: var(--c-orange);
  --fault-viewer-chart-logs: var(--c-dodger-blue);

  --tooltip-bg-default: var(--c-kashmir-blue-1);
  --tooltip-bg-danger: var(--c-wild-watermelon);
  --tooltip-bg-warning: var(--c-orange);
  --tooltip-bg-success: var(--c-kelly-green);
  --tooltip-info-bg: var(--c-pale-pink);
  --tooltip-info-border: var(--c-wild-watermelon-50);
  --tooltip-text-default:  var(--c-white);
  --tooltip-shadow: var(--c-black-06);

  --toaster-bg-high: var(--c-pale-pink);
  --toaster-bg-default: var(--c-white-80);
  --toaster-shadow: var(--c-black-10);

  --message-code-value-hover: var(--c-cornflower-blue);
  --message-code-value: var(--c-royal-blue);
  --message-code-active-code-bg: var(--c-ship-cove);
  --message-code-active-code-text: var(--c-white);
  --message-code-active-status-text: var(--c-ship-cove);

  --tags-bg: var(--c-solitude-1);
  --tags-bg-hover: var(--c-periwinkle-1);
  --tags-text: var(--c-lucky-point);
  --tags-phase-bg: var(--c-white);

  /* todo: remove it after implemented font icons */
  --icon: var(--c-solitude-1);
  --icon-secondary: var(--c-ship-cove);
  --icon-hover: var(--c-royal-blue);
  --icon-active: var(--c-royal-blue);

  --icon-default: var(--c-ship-cove);
  --icon-default-active: var(--c-royal-blue);
  --icon-primary: var(--c-royal-blue);
  --icon-primary-active: var(--c-royal-blue);
  --icon-secondary: var(--c-white);
  --icon-secondary-active: var(--c-white);
  --icon-simple: var(--c-hawkes-blue);
  --icon-simple-active: var(--c-hawkes-blue);
  --icon-danger: var(--c-wild-watermelon);
  --icon-danger-active: var(--c-wild-watermelon);
  --icon-warning: var(--c-orange);
  --icon-warning-active: var(--c-orange);
  --icon-success: var(--c-kelly-green);
  --icon-success-active: var(--c-kelly-green);
  --icon-border: var(--c-white);

  --scroll: var(--c-light-steel-blue);
  --scroll-loader: var(--c-ship-cove);
  --loader-bg: var(--c-white);
  --loader-bg-default: var(--c-white-80);
  --loader-bg-light: var(--c-white-50);
  --loader-animation: var(--c-royal-blue);
}
:root{--toastify-color-light:#fff;--toastify-color-dark:#121212;--toastify-color-info:#3498db;--toastify-color-success:#07bc0c;--toastify-color-warning:#f1c40f;--toastify-color-error:#e74c3c;--toastify-color-transparent:hsla(0,0%,100%,.7);--toastify-icon-color-info:var(--toastify-color-info);--toastify-icon-color-success:var(--toastify-color-success);--toastify-icon-color-warning:var(--toastify-color-warning);--toastify-icon-color-error:var(--toastify-color-error);--toastify-toast-width:320px;--toastify-toast-background:#fff;--toastify-toast-min-height:64px;--toastify-toast-max-height:800px;--toastify-font-family:sans-serif;--toastify-z-index:9999;--toastify-text-color-light:#757575;--toastify-text-color-dark:#fff;--toastify-text-color-info:#fff;--toastify-text-color-success:#fff;--toastify-text-color-warning:#fff;--toastify-text-color-error:#fff;--toastify-spinner-color:#616161;--toastify-spinner-color-empty-area:#e0e0e0;--toastify-color-progress-light:linear-gradient(90deg,#4cd964,#5ac8fa,#007aff,#34aadc,#5856d6,#ff2d55);--toastify-color-progress-dark:#bb86fc;--toastify-color-progress-info:var(--toastify-color-info);--toastify-color-progress-success:var(--toastify-color-success);--toastify-color-progress-warning:var(--toastify-color-warning);--toastify-color-progress-error:var(--toastify-color-error)}
.Toastify__toast-container{z-index:var(--toastify-z-index);-webkit-transform:translateZ(var(--toastify-z-index));position:fixed;padding:4px;width:var(--toastify-toast-width);box-sizing:border-box;color:#fff}
.Toastify__toast-container--top-left{top:1em;left:1em}
.Toastify__toast-container--top-center{top:1em;left:50%;transform:translateX(-50%)}
.Toastify__toast-container--top-right{top:1em;right:1em}
.Toastify__toast-container--bottom-left{bottom:1em;left:1em}
.Toastify__toast-container--bottom-center{bottom:1em;left:50%;transform:translateX(-50%)}
.Toastify__toast-container--bottom-right{bottom:1em;right:1em}
@media only screen and (max-width:480px){.Toastify__toast-container{width:100vw;padding:0;left:0;margin:0}.Toastify__toast-container--top-center,.Toastify__toast-container--top-left,.Toastify__toast-container--top-right{top:0;transform:translateX(0)}.Toastify__toast-container--bottom-center,.Toastify__toast-container--bottom-left,.Toastify__toast-container--bottom-right{bottom:0;transform:translateX(0)}.Toastify__toast-container--rtl{right:0;left:auto}}
.Toastify__toast{position:relative;min-height:var(--toastify-toast-min-height);box-sizing:border-box;margin-bottom:1rem;padding:8px;border-radius:4px;box-shadow:0 1px 10px 0 rgba(0,0,0,.1),0 2px 15px 0 rgba(0,0,0,.05);display:flex;justify-content:space-between;max-height:var(--toastify-toast-max-height);overflow:hidden;font-family:var(--toastify-font-family);cursor:pointer;direction:ltr}
.Toastify__toast--rtl{direction:rtl}
.Toastify__toast-body{margin:auto 0;flex:1 1 auto;padding:6px;display:flex;align-items:center}
.Toastify__toast-body>div:last-child{flex:1}
.Toastify__toast-icon{margin-inline-end:10px;width:20px;flex-shrink:0;display:flex}
.Toastify--animate{animation-fill-mode:both;animation-duration:.7s}
.Toastify--animate-icon{animation-fill-mode:both;animation-duration:.3s}
@media only screen and (max-width:480px){.Toastify__toast{margin-bottom:0;border-radius:0}}
.Toastify__toast-theme--dark{background:var(--toastify-color-dark);color:var(--toastify-text-color-dark)}
.Toastify__toast-theme--colored.Toastify__toast--default,.Toastify__toast-theme--light{background:var(--toastify-color-light);color:var(--toastify-text-color-light)}
.Toastify__toast-theme--colored.Toastify__toast--info{color:var(--toastify-text-color-info);background:var(--toastify-color-info)}
.Toastify__toast-theme--colored.Toastify__toast--success{color:var(--toastify-text-color-success);background:var(--toastify-color-success)}
.Toastify__toast-theme--colored.Toastify__toast--warning{color:var(--toastify-text-color-warning);background:var(--toastify-color-warning)}
.Toastify__toast-theme--colored.Toastify__toast--error{color:var(--toastify-text-color-error);background:var(--toastify-color-error)}
.Toastify__progress-bar-theme--light{background:var(--toastify-color-progress-light)}
.Toastify__progress-bar-theme--dark{background:var(--toastify-color-progress-dark)}
.Toastify__progress-bar--info{background:var(--toastify-color-progress-info)}
.Toastify__progress-bar--success{background:var(--toastify-color-progress-success)}
.Toastify__progress-bar--warning{background:var(--toastify-color-progress-warning)}
.Toastify__progress-bar--error{background:var(--toastify-color-progress-error)}
.Toastify__progress-bar-theme--colored.Toastify__progress-bar--error,.Toastify__progress-bar-theme--colored.Toastify__progress-bar--info,.Toastify__progress-bar-theme--colored.Toastify__progress-bar--success,.Toastify__progress-bar-theme--colored.Toastify__progress-bar--warning{background:var(--toastify-color-transparent)}
.Toastify__close-button{color:#fff;background:transparent;outline:none;border:none;padding:0;cursor:pointer;opacity:.7;transition:.3s ease;align-self:flex-start}
.Toastify__close-button--light{color:#000;opacity:.3}
.Toastify__close-button>svg{fill:currentColor;height:16px;width:14px}
.Toastify__close-button:focus,.Toastify__close-button:hover{opacity:1}
@keyframes Toastify__trackProgress{0%{transform:scaleX(1)}to{transform:scaleX(0)}}
.Toastify__progress-bar{position:absolute;bottom:0;left:0;width:100%;height:5px;z-index:var(--toastify-z-index);opacity:.7;transform-origin:left}
.Toastify__progress-bar--animated{animation:Toastify__trackProgress linear 1 forwards}
.Toastify__progress-bar--controlled{transition:transform .2s}
.Toastify__progress-bar--rtl{right:0;left:auto;transform-origin:right}
.Toastify__spinner{width:20px;height:20px;box-sizing:border-box;border:2px solid;border-radius:100%;border-color:var(--toastify-spinner-color-empty-area);border-right-color:var(--toastify-spinner-color);animation:Toastify__spin .65s linear infinite}
@keyframes Toastify__bounceInRight{0%,60%,75%,90%,to{animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;transform:translate3d(3000px,0,0)}60%{opacity:1;transform:translate3d(-25px,0,0)}75%{transform:translate3d(10px,0,0)}90%{transform:translate3d(-5px,0,0)}to{transform:none}}
@keyframes Toastify__bounceOutRight{20%{opacity:1;transform:translate3d(-20px,0,0)}to{opacity:0;transform:translate3d(2000px,0,0)}}
@keyframes Toastify__bounceInLeft{0%,60%,75%,90%,to{animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;transform:translate3d(-3000px,0,0)}60%{opacity:1;transform:translate3d(25px,0,0)}75%{transform:translate3d(-10px,0,0)}90%{transform:translate3d(5px,0,0)}to{transform:none}}
@keyframes Toastify__bounceOutLeft{20%{opacity:1;transform:translate3d(20px,0,0)}to{opacity:0;transform:translate3d(-2000px,0,0)}}
@keyframes Toastify__bounceInUp{0%,60%,75%,90%,to{animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;transform:translate3d(0,3000px,0)}60%{opacity:1;transform:translate3d(0,-20px,0)}75%{transform:translate3d(0,10px,0)}90%{transform:translate3d(0,-5px,0)}to{transform:translateZ(0)}}
@keyframes Toastify__bounceOutUp{20%{transform:translate3d(0,-10px,0)}40%,45%{opacity:1;transform:translate3d(0,20px,0)}to{opacity:0;transform:translate3d(0,-2000px,0)}}
@keyframes Toastify__bounceInDown{0%,60%,75%,90%,to{animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;transform:translate3d(0,-3000px,0)}60%{opacity:1;transform:translate3d(0,25px,0)}75%{transform:translate3d(0,-10px,0)}90%{transform:translate3d(0,5px,0)}to{transform:none}}
@keyframes Toastify__bounceOutDown{20%{transform:translate3d(0,10px,0)}40%,45%{opacity:1;transform:translate3d(0,-20px,0)}to{opacity:0;transform:translate3d(0,2000px,0)}}
.Toastify__bounce-enter--bottom-left,.Toastify__bounce-enter--top-left{animation-name:Toastify__bounceInLeft}
.Toastify__bounce-enter--bottom-right,.Toastify__bounce-enter--top-right{animation-name:Toastify__bounceInRight}
.Toastify__bounce-enter--top-center{animation-name:Toastify__bounceInDown}
.Toastify__bounce-enter--bottom-center{animation-name:Toastify__bounceInUp}
.Toastify__bounce-exit--bottom-left,.Toastify__bounce-exit--top-left{animation-name:Toastify__bounceOutLeft}
.Toastify__bounce-exit--bottom-right,.Toastify__bounce-exit--top-right{animation-name:Toastify__bounceOutRight}
.Toastify__bounce-exit--top-center{animation-name:Toastify__bounceOutUp}
.Toastify__bounce-exit--bottom-center{animation-name:Toastify__bounceOutDown}
@keyframes Toastify__zoomIn{0%{opacity:0;transform:scale3d(.3,.3,.3)}50%{opacity:1}}
@keyframes Toastify__zoomOut{0%{opacity:1}50%{opacity:0;transform:scale3d(.3,.3,.3)}to{opacity:0}}
.Toastify__zoom-enter{animation-name:Toastify__zoomIn}
.Toastify__zoom-exit{animation-name:Toastify__zoomOut}
@keyframes Toastify__flipIn{0%{transform:perspective(400px) rotateX(90deg);animation-timing-function:ease-in;opacity:0}40%{transform:perspective(400px) rotateX(-20deg);animation-timing-function:ease-in}60%{transform:perspective(400px) rotateX(10deg);opacity:1}80%{transform:perspective(400px) rotateX(-5deg)}to{transform:perspective(400px)}}
@keyframes Toastify__flipOut{0%{transform:perspective(400px)}30%{transform:perspective(400px) rotateX(-20deg);opacity:1}to{transform:perspective(400px) rotateX(90deg);opacity:0}}
.Toastify__flip-enter{animation-name:Toastify__flipIn}
.Toastify__flip-exit{animation-name:Toastify__flipOut}
@keyframes Toastify__slideInRight{0%{transform:translate3d(110%,0,0);visibility:visible}to{transform:translateZ(0)}}
@keyframes Toastify__slideInLeft{0%{transform:translate3d(-110%,0,0);visibility:visible}to{transform:translateZ(0)}}
@keyframes Toastify__slideInUp{0%{transform:translate3d(0,110%,0);visibility:visible}to{transform:translateZ(0)}}
@keyframes Toastify__slideInDown{0%{transform:translate3d(0,-110%,0);visibility:visible}to{transform:translateZ(0)}}
@keyframes Toastify__slideOutRight{0%{transform:translateZ(0)}to{visibility:hidden;transform:translate3d(110%,0,0)}}
@keyframes Toastify__slideOutLeft{0%{transform:translateZ(0)}to{visibility:hidden;transform:translate3d(-110%,0,0)}}
@keyframes Toastify__slideOutDown{0%{transform:translateZ(0)}to{visibility:hidden;transform:translate3d(0,500px,0)}}
@keyframes Toastify__slideOutUp{0%{transform:translateZ(0)}to{visibility:hidden;transform:translate3d(0,-500px,0)}}
.Toastify__slide-enter--bottom-left,.Toastify__slide-enter--top-left{animation-name:Toastify__slideInLeft}
.Toastify__slide-enter--bottom-right,.Toastify__slide-enter--top-right{animation-name:Toastify__slideInRight}
.Toastify__slide-enter--top-center{animation-name:Toastify__slideInDown}
.Toastify__slide-enter--bottom-center{animation-name:Toastify__slideInUp}
.Toastify__slide-exit--bottom-left,.Toastify__slide-exit--top-left{animation-name:Toastify__slideOutLeft}
.Toastify__slide-exit--bottom-right,.Toastify__slide-exit--top-right{animation-name:Toastify__slideOutRight}
.Toastify__slide-exit--top-center{animation-name:Toastify__slideOutUp}
.Toastify__slide-exit--bottom-center{animation-name:Toastify__slideOutDown}
@keyframes Toastify__spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}
.rdw-option-wrapper {
  border: 1px solid #F1F1F1;
  padding: 5px;
  min-width: 25px;
  height: 20px;
  border-radius: 2px;
  margin: 0 4px;
  display: flex;
  justify-content: center;
  align-items: center;
  cursor: pointer;
  background: white;
  text-transform: capitalize;
}
.rdw-option-wrapper:hover {
  box-shadow: 1px 1px 0px #BFBDBD;
}
.rdw-option-wrapper:active {
  box-shadow: 1px 1px 0px #BFBDBD inset;
}
.rdw-option-active {
  box-shadow: 1px 1px 0px #BFBDBD inset;
}
.rdw-option-disabled {
  opacity: 0.3;
  cursor: default;
}
.rdw-dropdown-wrapper {
  height: 30px;
  background: white;
  cursor: pointer;
  border: 1px solid #F1F1F1;
  border-radius: 2px;
  margin: 0 3px;
  text-transform: capitalize;
  background: white;
}
.rdw-dropdown-wrapper:focus {
  outline: none;
}
.rdw-dropdown-wrapper:hover {
  box-shadow: 1px 1px 0px #BFBDBD;
  background-color: #FFFFFF;
}
.rdw-dropdown-wrapper:active {
  box-shadow: 1px 1px 0px #BFBDBD inset;
}
.rdw-dropdown-carettoopen {
  height: 0px;
  width: 0px;
  position: absolute;
  top: 35%;
  right: 10%;
  border-top: 6px solid black;
  border-left: 5px solid transparent;
  border-right: 5px solid transparent;
}
.rdw-dropdown-carettoclose {
  height: 0px;
  width: 0px;
  position: absolute;
  top: 35%;
  right: 10%;
  border-bottom: 6px solid black;
  border-left: 5px solid transparent;
  border-right: 5px solid transparent;
}
.rdw-dropdown-selectedtext {
  display: flex;
  position: relative;
  height: 100%;
  align-items: center;
  padding: 0 5px;
}
.rdw-dropdown-optionwrapper {
  z-index: 100;
  position: relative;
  border: 1px solid #F1F1F1;
  width: 98%;
  background: white;
  border-radius: 2px;
  margin: 0;
  padding: 0;
  max-height: 250px;
  overflow-y: scroll;
}
.rdw-dropdown-optionwrapper:hover {
  box-shadow: 1px 1px 0px #BFBDBD;
  background-color: #FFFFFF;
}
.rdw-dropdownoption-default {
  min-height: 25px;
  display: flex;
  align-items: center;
  padding: 0 5px;
}
.rdw-dropdownoption-highlighted {
  background: #F1F1F1;
}
.rdw-dropdownoption-active {
  background: #f5f5f5;
}
.rdw-dropdownoption-disabled {
  opacity: 0.3;
  cursor: default;
}
.rdw-inline-wrapper {
  display: flex;
  align-items: center;
  margin-bottom: 6px;
  flex-wrap: wrap
}
.rdw-inline-dropdown {
  width: 50px;
}
.rdw-inline-dropdownoption {
  height: 40px;
  display: flex;
  justify-content: center;
}
.rdw-block-wrapper {
  display: flex;
  align-items: center;
  margin-bottom: 6px;
  flex-wrap: wrap
}
.rdw-block-dropdown {
  width: 110px;
}
.rdw-fontsize-wrapper {
  display: flex;
  align-items: center;
  margin-bottom: 6px;
  flex-wrap: wrap
}
.rdw-fontsize-dropdown {
  min-width: 40px;
}
.rdw-fontsize-option {
  display: flex;
  justify-content: center;
}
.rdw-fontfamily-wrapper {
  display: flex;
  align-items: center;
  margin-bottom: 6px;
  flex-wrap: wrap
}
.rdw-fontfamily-dropdown {
  width: 115px;
}
.rdw-fontfamily-placeholder {
  white-space: nowrap;
  max-width: 90px;
  overflow: hidden;
  text-overflow: ellipsis;
}
.rdw-fontfamily-optionwrapper {
  width: 140px;
}
.rdw-list-wrapper {
  display: flex;
  align-items: center;
  margin-bottom: 6px;
  flex-wrap: wrap
}
.rdw-list-dropdown {
  width: 50px;
  z-index: 90;
}
.rdw-list-dropdownOption {
  height: 40px;
  display: flex;
  justify-content: center;
}
.rdw-text-align-wrapper {
  display: flex;
  align-items: center;
  margin-bottom: 6px;
  flex-wrap: wrap
}
.rdw-text-align-dropdown {
  width: 50px;
  z-index: 90;
}
.rdw-text-align-dropdownOption {
  height: 40px;
  display: flex;
  justify-content: center;
}
.rdw-right-aligned-block {
  text-align: right;
}
.rdw-left-aligned-block {
  text-align: left !important;
}
.rdw-center-aligned-block {
  text-align: center !important;
}
.rdw-justify-aligned-block {
  text-align: justify !important;
}
.rdw-right-aligned-block > div {
  display: inline-block;
}
.rdw-left-aligned-block > div {
  display: inline-block;
}
.rdw-center-aligned-block > div {
  display: inline-block;
}
.rdw-justify-aligned-block > div {
  display: inline-block;
}
.rdw-colorpicker-wrapper {
  display: flex;
  align-items: center;
  margin-bottom: 6px;
  position: relative;
  flex-wrap: wrap
}
.rdw-colorpicker-modal {
  position: absolute;
  top: 35px;
  left: 5px;
  display: flex;
  flex-direction: column;
  width: 175px;
  height: 175px;
  border: 1px solid #F1F1F1;
  padding: 15px;
  border-radius: 2px;
  z-index: 100;
  background: white;
  box-shadow: 3px 3px 5px #BFBDBD;
}
.rdw-colorpicker-modal-header {
  display: flex;
  padding-bottom: 5px;
}
.rdw-colorpicker-modal-style-label {
  font-size: 15px;
  width: 50%;
  text-align: center;
  cursor: pointer;
  padding: 0 10px 5px;
}
.rdw-colorpicker-modal-style-label-active {
  border-bottom: 2px solid #0a66b7;
}
.rdw-colorpicker-modal-options {
  margin: 5px auto;
  display: flex;
  width: 100%;
  height: 100%;
  flex-wrap: wrap;
  overflow: scroll;
}
.rdw-colorpicker-cube {
  width: 22px;
  height: 22px;
  border: 1px solid #F1F1F1;
}
.rdw-colorpicker-option {
  margin: 3px;
  padding: 0;
  min-height: 20px;
  border: none;
  width: 22px;
  height: 22px;
  min-width: 22px;
  box-shadow: 1px 2px 1px #BFBDBD inset;
}
.rdw-colorpicker-option:hover {
  box-shadow: 1px 2px 1px #BFBDBD;
}
.rdw-colorpicker-option:active {
  box-shadow: -1px -2px 1px #BFBDBD;
}
.rdw-colorpicker-option-active {
  box-shadow: 0px 0px 2px 2px #BFBDBD;
}
.rdw-link-wrapper {
  display: flex;
  align-items: center;
  margin-bottom: 6px;
  position: relative;
  flex-wrap: wrap
}
.rdw-link-dropdown {
  width: 50px;
}
.rdw-link-dropdownOption {
  height: 40px;
  display: flex;
  justify-content: center;
}
.rdw-link-dropdownPlaceholder {
  margin-left: 8px;
}
.rdw-link-modal {
  position: absolute;
  top: 35px;
  left: 5px;
  display: flex;
  flex-direction: column;
  width: 235px;
  height: 205px;
  border: 1px solid #F1F1F1;
  padding: 15px;
  border-radius: 2px;
  z-index: 100;
  background: white;
  box-shadow: 3px 3px 5px #BFBDBD;
}
.rdw-link-modal-label {
  font-size: 15px;
}
.rdw-link-modal-input {
  margin-top: 5px;
  border-radius: 2px;
  border: 1px solid #F1F1F1;
  height: 25px;
  margin-bottom: 15px;
  padding: 0 5px;
}
.rdw-link-modal-input:focus {
  outline: none;
}
.rdw-link-modal-buttonsection {
  margin: 0 auto;
}
.rdw-link-modal-target-option {
  margin-bottom: 20px;
}
.rdw-link-modal-target-option > span {
  margin-left: 5px;
}
.rdw-link-modal-btn {
  margin-left: 10px;
  width: 75px;
  height: 30px;
  border: 1px solid #F1F1F1;
  border-radius: 2px;
  cursor: pointer;
  background: white;
  text-transform: capitalize;
}
.rdw-link-modal-btn:hover {
  box-shadow: 1px 1px 0px #BFBDBD;
}
.rdw-link-modal-btn:active {
  box-shadow: 1px 1px 0px #BFBDBD inset;
}
.rdw-link-modal-btn:focus {
  outline: none !important;
}
.rdw-link-modal-btn:disabled {
  background: #ece9e9;
}
.rdw-link-dropdownoption {
  height: 40px;
  display: flex;
  justify-content: center;
}
.rdw-history-dropdown {
  width: 50px;
}
.rdw-embedded-wrapper {
  display: flex;
  align-items: center;
  margin-bottom: 6px;
  position: relative;
  flex-wrap: wrap
}
.rdw-embedded-modal {
  position: absolute;
  top: 35px;
  left: 5px;
  display: flex;
  flex-direction: column;
  width: 235px;
  height: 180px;
  border: 1px solid #F1F1F1;
  padding: 15px;
  border-radius: 2px;
  z-index: 100;
  background: white;
  justify-content: space-between;
  box-shadow: 3px 3px 5px #BFBDBD;
}
.rdw-embedded-modal-header {
  font-size: 15px;
  display: flex;
}
.rdw-embedded-modal-header-option {
  width: 50%;
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
}
.rdw-embedded-modal-header-label {
  width: 95px;
  border: 1px solid #f1f1f1;
  margin-top: 5px;
  background: #6EB8D4;
  border-bottom: 2px solid #0a66b7;
}
.rdw-embedded-modal-link-section {
  display: flex;
  flex-direction: column;
}
.rdw-embedded-modal-link-input {
  width: 88%;
  height: 35px;
  margin: 10px 0;
  border: 1px solid #F1F1F1;
  border-radius: 2px;
  font-size: 15px;
  padding: 0 5px;
}
.rdw-embedded-modal-link-input-wrapper {
  display: flex;
  align-items: center;
}
.rdw-embedded-modal-link-input:focus {
  outline: none;
}
.rdw-embedded-modal-btn-section {
  display: flex;
  justify-content: center;
}
.rdw-embedded-modal-btn {
  margin: 0 3px;
  width: 75px;
  height: 30px;
  border: 1px solid #F1F1F1;
  border-radius: 2px;
  cursor: pointer;
  background: white;
  text-transform: capitalize;
}
.rdw-embedded-modal-btn:hover {
  box-shadow: 1px 1px 0px #BFBDBD;
}
.rdw-embedded-modal-btn:active {
  box-shadow: 1px 1px 0px #BFBDBD inset;
}
.rdw-embedded-modal-btn:focus {
  outline: none !important;
}
.rdw-embedded-modal-btn:disabled {
  background: #ece9e9;
}
.rdw-embedded-modal-size {
  align-items: center;
  display: flex;
  margin: 8px 0;
  justify-content: space-between;
}
.rdw-embedded-modal-size-input {
  width: 80%;
  height: 20px;
  border: 1px solid #F1F1F1;
  border-radius: 2px;
  font-size: 12px;
}
.rdw-embedded-modal-size-input:focus {
  outline: none;
}
.rdw-emoji-wrapper {
  display: flex;
  align-items: center;
  margin-bottom: 6px;
  position: relative;
  flex-wrap: wrap
}
.rdw-emoji-modal {
  overflow: auto;
  position: absolute;
  top: 35px;
  left: 5px;
  display: flex;
  flex-wrap: wrap;
  width: 235px;
  height: 180px;
  border: 1px solid #F1F1F1;
  padding: 15px;
  border-radius: 2px;
  z-index: 100;
  background: white;
  box-shadow: 3px 3px 5px #BFBDBD;
}
.rdw-emoji-icon {
  margin: 2.5px;
  height: 24px;
  width: 24px;
  cursor: pointer;
  font-size: 22px;
  display: flex;
  justify-content: center;
  align-items: center;
}
.rdw-spinner {
  display: flex;
  align-items: center;
  justify-content: center;
  height: 100%;
  width: 100%;
}
.rdw-spinner > div {
  width: 12px;
  height: 12px;
  background-color: #333;

  border-radius: 100%;
  display: inline-block;
  animation: sk-bouncedelay 1.4s infinite ease-in-out both;
}
.rdw-spinner .rdw-bounce1 {
  animation-delay: -0.32s;
}
.rdw-spinner .rdw-bounce2 {
  animation-delay: -0.16s;
}
@keyframes sk-bouncedelay {
  0%, 80%, 100% {
    transform: scale(0);
  } 40% {
    transform: scale(1.0);
  }
}
.rdw-image-wrapper {
  display: flex;
  align-items: center;
  margin-bottom: 6px;
  position: relative;
  flex-wrap: wrap
}
.rdw-image-modal {
  position: absolute;
  top: 35px;
  left: 5px;
  display: flex;
  flex-direction: column;
  width: 235px;
  border: 1px solid #F1F1F1;
  padding: 15px;
  border-radius: 2px;
  z-index: 100;
  background: white;
  box-shadow: 3px 3px 5px #BFBDBD;
}
.rdw-image-modal-header {
  font-size: 15px;
  margin: 10px 0;
  display: flex;
}
.rdw-image-modal-header-option {
  width: 50%;
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
}
.rdw-image-modal-header-label {
  width: 80px;
  background: #f1f1f1;
  border: 1px solid #f1f1f1;
  margin-top: 5px;
}
.rdw-image-modal-header-label-highlighted {
  background: #6EB8D4;
  border-bottom: 2px solid #0a66b7;
}
.rdw-image-modal-upload-option {
  width: 100%;
  color: gray;
  cursor: pointer;
  display: flex;
  border: none;
  font-size: 15px;
  align-items: center;
  justify-content: center;
  background-color: #f1f1f1;
  outline: 2px dashed gray;
  outline-offset: -10px;
  margin: 10px 0;
  padding: 9px 0;
}
.rdw-image-modal-upload-option-highlighted {
  outline: 2px dashed #0a66b7;
}
.rdw-image-modal-upload-option-label {
  cursor: pointer;
  height: 100%;
  width: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 15px;
}
.rdw-image-modal-upload-option-label span{
  padding: 0 20px;
}
.rdw-image-modal-upload-option-image-preview {
  max-width: 100%;
  max-height: 200px;
}
.rdw-image-modal-upload-option-input {
	width: 0.1px;
	height: 0.1px;
	opacity: 0;
	overflow: hidden;
	position: absolute;
	z-index: -1;
}
.rdw-image-modal-url-section {
  display: flex;
  align-items: center;
}
.rdw-image-modal-url-input {
  width: 90%;
  height: 35px;
  margin: 15px 0 12px;
  border: 1px solid #F1F1F1;
  border-radius: 2px;
  font-size: 15px;
  padding: 0 5px;
}
.rdw-image-modal-btn-section {
  margin: 10px auto 0;
}
.rdw-image-modal-url-input:focus {
  outline: none;
}
.rdw-image-modal-btn {
  margin: 0 5px;
  width: 75px;
  height: 30px;
  border: 1px solid #F1F1F1;
  border-radius: 2px;
  cursor: pointer;
  background: white;
  text-transform: capitalize;
}
.rdw-image-modal-btn:hover {
  box-shadow: 1px 1px 0px #BFBDBD;
}
.rdw-image-modal-btn:active {
  box-shadow: 1px 1px 0px #BFBDBD inset;
}
.rdw-image-modal-btn:focus {
  outline: none !important;
}
.rdw-image-modal-btn:disabled {
  background: #ece9e9;
}
.rdw-image-modal-spinner {
  position: absolute;
  top: -3px;
  left: 0;
  width: 100%;
  height: 100%;
  opacity: 0.5;
}
.rdw-image-modal-alt-input {
  width: 70%;
  height: 20px;
  border: 1px solid #F1F1F1;
  border-radius: 2px;
  font-size: 12px;
  margin-left: 5px;
}
.rdw-image-modal-alt-input:focus {
  outline: none;
}
.rdw-image-modal-alt-lbl {
  font-size: 12px;
}
.rdw-image-modal-size {
  align-items: center;
  display: flex;
  margin: 8px 0;
  justify-content: space-between;
}
.rdw-image-modal-size-input {
  width: 40%;
  height: 20px;
  border: 1px solid #F1F1F1;
  border-radius: 2px;
  font-size: 12px;
}
.rdw-image-modal-size-input:focus {
  outline: none;
}
.rdw-image-mandatory-sign {
  color: red;
  margin-left: 3px;
  margin-right: 3px;
}
.rdw-remove-wrapper {
  display: flex;
  align-items: center;
  margin-bottom: 6px;
  position: relative;
  flex-wrap: wrap
}
.rdw-history-wrapper {
  display: flex;
  align-items: center;
  margin-bottom: 6px;
  flex-wrap: wrap
}
.rdw-history-dropdownoption {
  height: 40px;
  display: flex;
  justify-content: center;
}
.rdw-history-dropdown {
  width: 50px;
}
.rdw-link-decorator-wrapper {
  position: relative;
}
.rdw-link-decorator-icon {
  position: absolute;
  left: 40%;
  top: 0;
  cursor: pointer;
  background-color: white;
}
.rdw-mention-link {
  text-decoration: none;
  color: #1236ff;
  background-color: #f0fbff;
  padding: 1px 2px;
  border-radius: 2px;
}
.rdw-suggestion-wrapper {
  position: relative;
}
.rdw-suggestion-dropdown {
  position: absolute;
  display: flex;
  flex-direction: column;
  border: 1px solid #F1F1F1;
  min-width: 100px;
  max-height: 150px;
  overflow: auto;
  background: white;
  z-index: 100;
}
.rdw-suggestion-option {
  padding: 7px 5px;
  border-bottom: 1px solid #f1f1f1;
}
.rdw-suggestion-option-active {
  background-color: #F1F1F1;
}
.rdw-hashtag-link {
  text-decoration: none;
  color: #1236ff;
  background-color: #f0fbff;
  padding: 1px 2px;
  border-radius: 2px;
}
.rdw-image-alignment-options-popup {
  position: absolute;
  background: white;
  display: flex;
  padding: 5px 2px;
  border-radius: 2px;
  border: 1px solid #F1F1F1;
  width: 105px;
  cursor: pointer;
  z-index: 100;
}
.rdw-alignment-option-left {
  justify-content: flex-start;
}
.rdw-image-alignment-option {
  height: 15px;
  width: 15px;
  min-width: 15px;
}
.rdw-image-alignment {
  position: relative;
}
.rdw-image-imagewrapper {
  position: relative;
}
.rdw-image-center {
  display: flex;
  justify-content: center;
}
.rdw-image-left {
  display: flex;
}
.rdw-image-right {
  display: flex;
  justify-content: flex-end;
}
.rdw-image-alignment-options-popup-right {
  right: 0;
}
.rdw-editor-main {
  height: 100%;
  overflow: auto;
  box-sizing: border-box;
}
.rdw-editor-toolbar {
  padding: 6px 5px 0;
  border-radius: 2px;
  border: 1px solid #F1F1F1;
  display: flex;
  justify-content: flex-start;
  background: white;
  flex-wrap: wrap;
  font-size: 15px;
  margin-bottom: 5px;
  -webkit-user-select: none;
          user-select: none;
}
.public-DraftStyleDefault-block {
  margin: 1em 0;
}
.rdw-editor-wrapper:focus {
  outline: none;
}
.rdw-editor-wrapper {
  box-sizing: content-box;
}
.rdw-editor-main blockquote {
  border-left: 5px solid #f1f1f1;
  padding-left: 5px;
}
.rdw-editor-main pre {
  background: #f1f1f1;
  border-radius: 3px;
  padding: 1px 10px;
}
/**
 * Draft v0.9.1
 *
 * Copyright (c) 2013-present, Facebook, Inc.
 * All rights reserved.
 *
 * This source code is licensed under the BSD-style license found in the
 * LICENSE file in the root directory of this source tree. An additional grant
 * of patent rights can be found in the PATENTS file in the same directory.
 */
.DraftEditor-editorContainer,.DraftEditor-root,.public-DraftEditor-content{height:inherit;text-align:initial}
.public-DraftEditor-content[contenteditable=true]{-webkit-user-modify:read-write-plaintext-only}
.DraftEditor-root{position:relative}
.DraftEditor-editorContainer{background-color:rgba(255,255,255,0);border-left:.1px solid transparent;position:relative;z-index:1}
.public-DraftEditor-block{position:relative}
.DraftEditor-alignLeft .public-DraftStyleDefault-block{text-align:left}
.DraftEditor-alignLeft .public-DraftEditorPlaceholder-root{left:0;text-align:left}
.DraftEditor-alignCenter .public-DraftStyleDefault-block{text-align:center}
.DraftEditor-alignCenter .public-DraftEditorPlaceholder-root{margin:0 auto;text-align:center;width:100%}
.DraftEditor-alignRight .public-DraftStyleDefault-block{text-align:right}
.DraftEditor-alignRight .public-DraftEditorPlaceholder-root{right:0;text-align:right}
.public-DraftEditorPlaceholder-root{color:#9197a3;position:absolute;z-index:0}
.public-DraftEditorPlaceholder-hasFocus{color:#bdc1c9}
.DraftEditorPlaceholder-hidden{display:none}
.public-DraftStyleDefault-block{position:relative;white-space:pre-wrap}
.public-DraftStyleDefault-ltr{direction:ltr;text-align:left}
.public-DraftStyleDefault-rtl{direction:rtl;text-align:right}
.public-DraftStyleDefault-listLTR{direction:ltr}
.public-DraftStyleDefault-listRTL{direction:rtl}
.public-DraftStyleDefault-ol,.public-DraftStyleDefault-ul{margin:16px 0;padding:0}
.public-DraftStyleDefault-depth0.public-DraftStyleDefault-listLTR{margin-left:1.5em}
.public-DraftStyleDefault-depth0.public-DraftStyleDefault-listRTL{margin-right:1.5em}
.public-DraftStyleDefault-depth1.public-DraftStyleDefault-listLTR{margin-left:3em}
.public-DraftStyleDefault-depth1.public-DraftStyleDefault-listRTL{margin-right:3em}
.public-DraftStyleDefault-depth2.public-DraftStyleDefault-listLTR{margin-left:4.5em}
.public-DraftStyleDefault-depth2.public-DraftStyleDefault-listRTL{margin-right:4.5em}
.public-DraftStyleDefault-depth3.public-DraftStyleDefault-listLTR{margin-left:6em}
.public-DraftStyleDefault-depth3.public-DraftStyleDefault-listRTL{margin-right:6em}
.public-DraftStyleDefault-depth4.public-DraftStyleDefault-listLTR{margin-left:7.5em}
.public-DraftStyleDefault-depth4.public-DraftStyleDefault-listRTL{margin-right:7.5em}
.public-DraftStyleDefault-unorderedListItem{list-style-type:square;position:relative}
.public-DraftStyleDefault-unorderedListItem.public-DraftStyleDefault-depth0{list-style-type:disc}
.public-DraftStyleDefault-unorderedListItem.public-DraftStyleDefault-depth1{list-style-type:circle}
.public-DraftStyleDefault-orderedListItem{list-style-type:none;position:relative}
.public-DraftStyleDefault-orderedListItem.public-DraftStyleDefault-listLTR:before{left:-36px;position:absolute;text-align:right;width:30px}
.public-DraftStyleDefault-orderedListItem.public-DraftStyleDefault-listRTL:before{position:absolute;right:-36px;text-align:left;width:30px}
.public-DraftStyleDefault-orderedListItem:before{content:counter(ol0) ". ";counter-increment:ol0}
.public-DraftStyleDefault-orderedListItem.public-DraftStyleDefault-depth1:before{content:counter(ol1) ". ";counter-increment:ol1}
.public-DraftStyleDefault-orderedListItem.public-DraftStyleDefault-depth2:before{content:counter(ol2) ". ";counter-increment:ol2}
.public-DraftStyleDefault-orderedListItem.public-DraftStyleDefault-depth3:before{content:counter(ol3) ". ";counter-increment:ol3}
.public-DraftStyleDefault-orderedListItem.public-DraftStyleDefault-depth4:before{content:counter(ol4) ". ";counter-increment:ol4}
.public-DraftStyleDefault-depth0.public-DraftStyleDefault-reset{counter-reset:ol0}
.public-DraftStyleDefault-depth1.public-DraftStyleDefault-reset{counter-reset:ol1}
.public-DraftStyleDefault-depth2.public-DraftStyleDefault-reset{counter-reset:ol2}
.public-DraftStyleDefault-depth3.public-DraftStyleDefault-reset{counter-reset:ol3}
.public-DraftStyleDefault-depth4.public-DraftStyleDefault-reset{counter-reset:ol4}
@font-face{font-family:"Source Sans Pro";src:url('source-sans-pro-regular.f74389bd42b524dffbb4.woff2') format("woff2"),url('source-sans-pro-regular.33e6b01f76ba112e084d.woff') format("woff"),url('source-sans-pro-regular.205045be683531a34e58.ttf') format("truetype");font-weight:normal;font-style:normal}
@font-face{font-family:"Source Sans Pro";src:url('source-sans-pro-600.17c0392cf7fce9aceb9f.woff2') format("woff2"),url('source-sans-pro-600.720fb92113d87ba0533c.woff') format("woff"),url('source-sans-pro-600.007a43ce8ea223766111.ttf') format("truetype");font-weight:600;font-style:normal}
@font-face{font-family:"aer-icons";src:url('aer-icons.227f40ced55d89cb1eb2.eot?kiblnj');src:url('aer-icons.227f40ced55d89cb1eb2.eot?kiblnj#iefix') format("embedded-opentype"),url('aer-icons.c5235a572962fef752a8.ttf?kiblnj') format("truetype"),url('aer-icons.5ec7369593761c8fbefe.woff?kiblnj') format("woff"),url('aer-icons.2efe84a1d0f8798dc4a0.svg?kiblnj#aer-icons') format("svg");font-weight:normal;font-style:normal;font-display:block}
*{font-family:"Source Sans Pro",Arial,sans-serif}
*[data-disable=true]{opacity:.5;pointer-events:none}
html,body{margin:0;padding:0;color:var(--content-text);scroll-behavior:smooth}
body{background-color:var(--content-bg)}
ul,ol,li{margin:0;padding:0;list-style-type:none}
p{margin:0}
a{text-decoration:none}
:global .rt-noData{padding:30px !important;color:var(--content-text-info) !important;text-transform:uppercase;background:url('icon_empty.c2b9ce94f89c173c7993.svg') 0/18px 20px no-repeat !important}
input[type=number]::-webkit-outer-spin-button,input[type=number]::-webkit-inner-spin-button{-webkit-appearance:none;appearance:none;margin:0}
:global .g-m-xs{margin:10px}
:global .g-p-xs{padding:10px}
:global .g-m-s{margin:20px}
:global .g-p-s{padding:20px}
:global .g-m{margin:40px}
:global .g-p{padding:40px}
:global .g-m-l{margin:60px}
:global .g-p-l{padding:60px}
:global .g-m-xl{margin:80px}
:global .g-p-xl{padding:80px}
:global .g-mt-xs{margin-top:10px}
:global .g-pt-xs{padding-top:10px}
:global .g-mt-s{margin-top:20px}
:global .g-pt-s{padding-top:20px}
:global .g-mt{margin-top:40px}
:global .g-pt{padding-top:40px}
:global .g-mt-l{margin-top:60px}
:global .g-pt-l{padding-top:60px}
:global .g-mt-xl{margin-top:80px}
:global .g-pt-xl{padding-top:80px}
:global .g-ml-xs{margin-left:10px}
:global .g-pl-xs{padding-left:10px}
:global .g-ml-s{margin-left:20px}
:global .g-pl-s{padding-left:20px}
:global .g-ml{margin-left:40px}
:global .g-pl{padding-left:40px}
:global .g-ml-l{margin-left:60px}
:global .g-pl-l{padding-left:60px}
:global .g-ml-xl{margin-left:80px}
:global .g-pl-xl{padding-left:80px}
:global .g-mr-xs{margin-right:10px}
:global .g-pr-xs{padding-right:10px}
:global .g-mr-s{margin-right:20px}
:global .g-pr-s{padding-right:20px}
:global .g-mr{margin-right:40px}
:global .g-pr{padding-right:40px}
:global .g-mr-l{margin-right:60px}
:global .g-pr-l{padding-right:60px}
:global .g-mr-xl{margin-right:80px}
:global .g-pr-xl{padding-right:80px}
:global .g-mb-xs{margin-bottom:10px}
:global .g-pb-xs{padding-bottom:10px}
:global .g-mb-s{margin-bottom:20px}
:global .g-pb-s{padding-bottom:20px}
:global .g-mb{margin-bottom:40px}
:global .g-pb{padding-bottom:40px}
:global .g-mb-l{margin-bottom:60px}
:global .g-pb-l{padding-bottom:60px}
:global .g-mb-xl{margin-bottom:80px}
:global .g-pb-xl{padding-bottom:80px}
:global .g-mv-xs{margin-top:10px;margin-bottom:10px}
:global .g-pv-xs{padding-top:10px;padding-bottom:10px}
:global .g-mv-s{margin-top:20px;margin-bottom:20px}
:global .g-pv-s{padding-top:20px;padding-bottom:20px}
:global .g-mv{margin-top:40px;margin-bottom:40px}
:global .g-pv{padding-top:40px;padding-bottom:40px}
:global .g-mv-l{margin-top:60px;margin-bottom:60px}
:global .g-pv-l{padding-top:60px;padding-bottom:60px}
:global .g-mv-xl{margin-top:80px;margin-bottom:80px}
:global .g-pv-xl{padding-top:80px;padding-bottom:80px}
:global .g-mh-xs{margin-left:10px;margin-right:10px}
:global .g-ph-xs{padding-left:10px;padding-right:10px}
:global .g-mh-s{margin-left:20px;margin-right:20px}
:global .g-ph-s{padding-left:20px;padding-right:20px}
:global .g-mh{margin-left:40px;margin-right:40px}
:global .g-ph{padding-left:40px;padding-right:40px}
:global .g-mh-l{margin-left:60px;margin-right:60px}
:global .g-ph-l{padding-left:60px;padding-right:60px}
:global .g-mh-xl{margin-left:80px;margin-right:80px}
:global .g-ph-xl{padding-left:80px;padding-right:80px}
:global .header-sticky{position:sticky;top:0;z-index:1;width:auto}
.calendar-picker{display:block;width:100%;word-break:normal;margin:0 !important}
.calendar-picker .DateRangePicker__PaginationArrow:hover{background-color:rgba(0,0,0,0)}
.calendar-picker .DateRangePicker__PaginationArrow--previous{left:0}
.calendar-picker .DateRangePicker__PaginationArrow--next{right:0}
.calendar-picker .DateRangePicker__PaginationArrowIcon{--borderWidth: 2.5px;width:10px;height:10px;border:1px solid var(--calendar-arrow);border-radius:3px;transition:border-color .2s;box-sizing:border-box;top:12px}
.calendar-picker .DateRangePicker__PaginationArrowIcon:hover{border-color:var(--calendar-arrow-hover)}
.calendar-picker .DateRangePicker__PaginationArrowIcon--previous{border-width:var(--borderWidth) 0 0 var(--borderWidth);transform:rotate(-45deg)}
.calendar-picker .DateRangePicker__PaginationArrowIcon--next{border-width:var(--borderWidth) var(--borderWidth) 0 0;transform:rotate(45deg)}
.calendar-picker .DateRangePicker__Month{width:calc(50% - 15px)}
.calendar-picker .DateRangePicker__Month:nth-child(2){margin-right:15px;margin-left:0}
.calendar-picker .DateRangePicker__Month:nth-child(3){margin-left:15px;margin-right:0}
.calendar-picker .DateRangePicker__MonthHeaderLabel{font-size:16px;font-weight:bold;color:var(--content-text);pointer-events:none}
.calendar-picker .DateRangePicker__WeekdayHeading:nth-child(1) abbr[title]{width:14px}
.calendar-picker .DateRangePicker__WeekdayHeading:nth-child(2) abbr[title]{width:17px}
.calendar-picker .DateRangePicker__WeekdayHeading:nth-child(3) abbr[title]{width:14px}
.calendar-picker .DateRangePicker__WeekdayHeading:nth-child(4) abbr[title]{width:17px}
.calendar-picker .DateRangePicker__WeekdayHeading:nth-child(5) abbr[title]{width:14px}
.calendar-picker .DateRangePicker__WeekdayHeading:nth-child(6) abbr[title]{width:11px}
.calendar-picker .DateRangePicker__WeekdayHeading:nth-child(7) abbr[title]{width:13px}
.calendar-picker .DateRangePicker__WeekdayHeading,.calendar-picker .DateRangePicker__WeekdayHeading abbr[title]{font-size:13px;color:var(--filters-label);text-align:center}
.calendar-picker .DateRangePicker__WeekdayHeading abbr[title]{display:inline-block;overflow:hidden;font-weight:normal}
.calendar-picker .DateRangePicker__Date{font-size:14px;padding:7px 0}
.calendar-picker .DateRangePicker__Date--otherMonth{visibility:hidden}
.calendar-picker .DateRangePicker__Date--weekend{background-color:var(--calendar-bg)}
.calendar-picker .DateRangePicker__Date--is-selected .DateRangePicker__DateLabel{color:var(--calendar-item-text-active)}
.calendar-picker .DateRangePicker__Date--is-selected:hover .DateRangePicker__DateLabel{color:var(--content-text)}
.calendar-picker .DateRangePicker__Date--today{text-decoration:underline}
.calendar-picker .DateRangePicker__DateLabel{font-size:14px;color:var(--content-text)}
.calendar-picker .DateRangePicker__CalendarSelection{position:absolute;top:0;right:0;left:0;bottom:0;border:none;background-color:var(--calendar-item-bg-active)}
.calendar-picker .DateRangePicker__CalendarSelection--single{border-radius:2px}
.calendar-picker .DateRangePicker__CalendarSelection--start{border-radius:2px 0 0 2px}
.calendar-picker .DateRangePicker__CalendarSelection--end{border-radius:0 2px 2px 0}
.calendar-picker .DateRangePicker__CalendarSelection--is-pending{background-color:var(--calendar-item-bg-active);border-width:0}
.calendar-picker .DateRangePicker__CalendarHighlight--single{left:-1px;right:-1px;top:-1px;bottom:-1px;border:none;border-radius:2px;background-color:var(--calendar-item-bg-hover)}
.calendar-picker .DateRangePicker__MonthDates,.calendar-picker .DateRangePicker__Date,.calendar-picker .DateRangePicker__WeekdayHeading{border:none}