:root {
  --green-10: #e7f8e9;
  --green-20: #d1f3d4;
  --green-30: #a8e0b3;
  --green-40: #7fce8e;
  --green-50: #5ab462;
  --green-60: #43a44e;
  --green-70: #0c8938;
  --green-80: #17752c;
  --green-90: #10561f;
  --green-100: #0d441b;
  --green-110: #062d15;

  --gray-10: #f3f3f3;
  --gray-20: #eaeaea;
  --gray-30: #d2d2d2;
  --gray-40: #bcbcbc;
  --gray-50: #a1a1a1;
  --gray-60: #919191;
  --gray-70: #767775;
  --gray-80: #656662;
  --gray-90: #4b4a49;
  --gray-100: #3a3b36;
  --gray-110: #232421;

  --red-10: #fff0f0;
  --red-20: #fee4e3;
  --red-30: #f9c6c7;
  --red-40: #f6a9a9;
  --red-50: #f57e7e;
  --red-60: #f16262;
  --red-70: #db3846;
  --red-80: #c61c3c;
  --red-90: #92162d;
  --red-100: #760f1f;
  --red-110: #4b0816;

  --purple-10: #f7f3f4;
  --purple-20: #efe7e9;
  --purple-30: #dacfdd;
  --purple-40: #cab7cd;
  --purple-50: #b099be;
  --purple-60: #a487ae;
  --purple-70: #8f699b;
  --purple-80: #8a5090;
  --purple-90: #69376e;
  --purple-100: #59265e;
  --purple-110: #34193a;

  --yellow-10: #fcf3de;
  --yellow-20: #f8e9c4;
  --yellow-30: #f5ce7a;
  --yellow-40: #f0b234;
  --yellow-50: #d1970a;
  --yellow-60: #b78a08;
  --yellow-70: #937205;
  --yellow-80: #82600f;
  --yellow-90: #604603;
  --yellow-100: #503512;
  --yellow-110: #2e2201;

  --orange-10: #fbf1ef;
  --orange-20: #f8e7e0;
  --orange-30: #f5cab2;
  --orange-40: #f1ae8a;
  --orange-50: #f58155;
  --orange-60: #f0663d;
  --orange-70: #d2471a;
  --orange-80: #b53c1c;
  --orange-90: #862b14;
  --orange-100: #6a230c;
  --orange-110: #441a01;

  --wine-10: #f8f2f6;
  --wine-20: #f3e7ee;
  --wine-30: #e6cbd9;
  --wine-40: #d6b3c8;
  --wine-50: #c593ae;
  --wine-60: #be7e9d;
  --wine-70: #ac5d86;
  --wine-80: #974e6e;
  --wine-90: #753647;
  --wine-100: #642536;
  --wine-110: #421320;

  --turquoise-10: #eaf6f6;
  --turquoise-20: #dcedef;
  --turquoise-30: #b5d9e3;
  --turquoise-40: #8cc6d4;
  --turquoise-50: #57adc1;
  --turquoise-60: #479cb0;
  --turquoise-70: #39808f;
  --turquoise-80: #306e79;
  --turquoise-90: #24505b;
  --turquoise-100: #1e3f48;
  --turquoise-110: #14262d;

  --lime-10: #ebf8d8;
  --lime-20: #dcf2bb;
  --lime-30: #afe26c;
  --lime-40: #90cf32;
  --lime-50: #7bb12c;
  --lime-60: #6f9f28;
  --lime-70: #5b8221;
  --lime-80: #497026;
  --lime-90: #365213;
  --lime-100: #2a4109;
  --lime-110: #20260f;

  --blue-10: #edf4fd;
  --blue-20: #dcecf9;
  --blue-30: #b7d7f0;
  --blue-40: #91c3e7;
  --blue-50: #91c3e7;
  --blue-60: #3498db;
  --blue-70: #247bbf;
  --blue-80: #0a68b1;
  --blue-90: #0c4a8c;
  --blue-100: #043c6a;
  --blue-110: #03224f;

  --slate-blue-10: #f1f4f8;
  --slate-blue-20: #e5ebf0;
  --slate-blue-30: #c9d4de;
  --slate-blue-40: #adbfcf;
  --slate-blue-50: #8da4b9;
  --slate-blue-60: #7994ad;
  --slate-blue-70: #5b7a95;
  --slate-blue-80: #4f6881;
  --slate-blue-90: #394c5f;
  --slate-blue-100: #303c45;
  --slate-blue-110: #1b252b;

  --azure-10: #e5f7ff;
  --azure-20: #ccefff;
  --azure-30: #99dbff;
  --azure-40: #61c7ff;
  --azure-50: #00a9ff;
  --azure-60: #0094ff;
  --azure-70: #0271f3;
  --azure-80: #0062cd;
  --azure-90: #0238c5;
  --azure-100: #002e9a;
  --azure-110: #050e79;

  --violet-10: #f2f3f8;
  --violet-20: #e8e9f3;
  --violet-30: #ced1e8;
  --violet-40: #b8badf;
  --violet-50: #9a9dd4;
  --violet-60: #888bd0;
  --violet-70: #6e6ec1;
  --violet-80: #5a5cb5;
  --violet-90: #3e428e;
  --violet-100: #30356e;
  --violet-110: #202042;

  --white-neutral: #ffffff;

  --black-neutral: #000000;
  --black-80: #212121;

  /* Colors with opacity */
  --black-neutral-80p: rgba(0, 0, 0, 0.8);
  --black-neutral-90p: rgba(0, 0, 0, 0.9);
  --black-neutral-20p: rgba(0, 0, 0, 0.2);
  --green-80-20p: rgb(23, 117, 44, 0.2);
  --red-80-20p: rgb(198, 28, 60, 0.2);

  /* Agent status */
  --status-available: var(--company-color-adapter-status-available, var(--green-70));
  --status-offline: var(--company-color-adapter-status-offline, var(--gray-70));
  --status-unavailable: var(--company-color-adapter-status-unavailable, var(--red-70));
  --status-wrapup: var(--company-color-adapter-status-wrapup, var(--purple-70));
  --status-break: var(--company-color-adapter-status-break, var(--yellow-70));
  --status-meal: var(--company-color-adapter-status-meal, var(--orange-70));
  --status-incall: var(--company-color-adapter-status-incall, var(--turquoise-70));
  --status-inchat: var(--company-color-adapter-status-inchat, var(--azure-70));
  --status-unresponsive: var(--company-color-adapter-status-unresponsive, var(--lime-70));
  --status-missed-call-chat: var(--company-color-adapter-status-missed-call-chat, var(--red-100));
  --status-exceeded-wrapup: var(--company-color-adapter-status-exceeded-wrapup, var(--red-100));
  --status-inemail: var(--company-color-adapter-status-inemail, var(--slate-blue-70));
  /* Backgrounds */
  --background-primary: var(--company-color-adapter-background-primary, var(--white-neutral));
  --background-primary-hover: var(--company-color-adapter-background-primary-hover, var(--gray-10));
  --background-primary-active: var(
    --company-color-adapter-background-primary-active,
    var(--blue-10)
  );
  --background-primary-inactive: var(
    --company-color-adapter-background-primary-inactive,
    var(--gray-10)
  );
  --background-secondary: var(--company-color-adapter-background-secondary, var(--blue-10));
  --background-tertiary: var(--company-color-adapter-background-tertiary, var(--gray-10));
  --background-viewer: var(--company-color-adapter-background-viewer, var(--black-neutral));
  --background-overlay: var(--company-color-adapter-background-overlay, var(--black-neutral-80p));
  --background-success: var(--company-color-adapter-background-success, var(--green-10));
  --background-answer: var(--company-color-adapter-background-answer, var(--green-10));
  --background-error: var(--company-color-adapter-background-error, var(--red-10));
  --background-warning: var(--company-color-adapter-background-warning, var(--yellow-10));
  --background-information: var(--company-color-adapter-background-information, var(--gray-10));
  --background-status-default: var(
    --company-color-adapter-background-status-default,
    var(--blue-10)
  );

  /* Borders */
  --border-primary: var(--company-color-adapter-border-primary, var(--gray-30));
  --border-secondary: var(--company-color-adapter-border-secondary, var(--gray-50));
  --border-active: var(--company-color-adapter-border-active, var(--blue-80));
  --border-active-light: var(--company-color-adapter-border-active-light, var(--blue-30));
  --border-success: var(--company-color-adapter-border-success, var(--green-30));
  --border-answer: var(--company-color-adapter-border-answer, var(--green-30));
  --border-error: var(--company-color-adapter-border-error, var(--red-30));
  --border-warning: var(--company-color-adapter-border-warning, var(--yellow-30));
  --border-information: var(--company-color-adapter-border-information, var(--gray-30));
  --border-spelling: var(--company-color-adapter-border-information, var(--red-80));

  /* Text */
  --text-primary: var(--company-color-adapter-text-primary, var(--gray-110));
  --text-secondary: var(--company-color-adapter-text-secondary, var(--gray-80));
  --text-primary-viewer: var(--company-color-adapter-text-primary-viewer, var(--white-neutral));
  --text-secondary-viewer: var(--company-color-adapter-text-secondary-viewer, var(--gray-40));
  --text-disabled: var(--company-color-adapter-text-disabled, var(--gray-40));
  --text-placeholder: var(--company-color-adapter-text-placeholder, var(--gray-80));
  --text-helper: var(--company-color-adapter-text-helper, var(--gray-110));
  --text-error: var(--company-color-adapter-text-error, var(--red-80));
  --text-success: var(--company-color-adapter-text-success, var(--green-80));
  --text-answer: var(--company-color-adapter-text-answer, var(--green-80));
  --text-warning: var(--company-color-adapter-text-warning, var(--yellow-80));
  --text-information: var(--company-color-adapter-text-information, var(--gray-110));

  /* Icons */
  --icon-primary: var(--company-color-adapter-icon-primary, var(--gray-90));
  --icon-secondary: var(--company-color-adapter-icon-secondary, var(--gray-50));
  --icon-interactive: var(--company-color-adapter-icon-interactive, var(--blue-80));
  --icon-disabled: var(--company-color-adapter-icon-disabled, var(--gray-40));
  --icon-success: var(--company-color-adapter-icon-success, var(--green-80));
  --icon-answer: var(--company-color-adapter-icon-answer, var(--green-80));
  --icon-error: var(--company-color-adapter-icon-error, var(--red-80));
  --icon-warning: var(--company-color-adapter-icon-warning, var(--yellow-80));
  --icon-information: var(--company-color-adapter-icon-information, var(--gray-110));
  --icon-priority: var(--company-color-adapter-icon-priority, var(--wine-80));

  /* Link */
  --link: var(--company-color-adapter-link, var(--blue-80));
  --link-hover: var(--company-color-adapter-link-hover, var(--blue-100));
  --link-active: var(--company-color-adapter-link-active, var(--blue-110));
  --link-disabled: var(--company-color-adapter-link-disabled, var(--blue-40));
  --link-visited: var(--company-color-adapter-link-visited, var(--purple-90));

  /* Buttons(Primary Button) */
  --button-primary-background: var(
    --company-color-adapter-button-primary-background,
    var(--blue-80)
  );
  --button-primary-background-hover: var(
    --company-color-adapter-button-primary-background-hover,
    var(--blue-100)
  );
  --button-primary-background-active: var(
    --company-color-adapter-button-primary-background-active,
    var(--blue-110)
  );
  --button-primary-background-disabled: var(
    --company-color-adapter-button-primary-background-disabled,
    var(--blue-40)
  );
  --button-primary-label: var(--company-color-adapter-button-primary-label, var(--white-neutral));
  --button-primary-label-hover: var(
    --company-color-adapter-button-primary-label-hover,
    var(--white-neutral)
  );
  --button-primary-label-active: var(
    --company-color-adapter-button-primary-label-active,
    var(--white-neutral)
  );
  --button-primary-label-disabled: var(
    --company-color-adapter-button-primary-label-disabled,
    var(--white-neutral)
  );

  /* Buttons(Secondary Button) */
  --button-secondary-background: var(
    --company-color-adapter-button-secondary-background,
    var(--white-neutral)
  );
  --button-secondary-background-hover: var(
    --company-color-adapter-button-secondary-background-hover,
    var(--blue-20)
  );
  --button-secondary-background-pressed: var(
    --company-color-adapter-button-secondary-background-pressed,
    var(--blue-30)
  );
  --button-secondary-background-disabled: var(
    --company-color-adapter-button-secondary-background-disabled,
    var(--white-neutral)
  );
  --button-secondary-label: var(--company-color-adapter-button-secondary-label, var(--blue-80));
  --button-secondary-label-hover: var(
    --company-color-adapter-button-secondary-label-hover,
    var(--blue-100)
  );
  --button-secondary-label-active: var(
    --company-color-adapter-button-secondary-label-active,
    var(--blue-110)
  );
  --button-secondary-label-disabled: var(
    --company-color-adapter-button-secondary-label-disabled,
    var(--blue-40)
  );
  --button-secondary-border: var(--company-color-adapter-button-secondary-border, var(--blue-80));
  --button-secondary-border-hover: var(
    --company-color-adapter-button-secondary-border-hover,
    var(--blue-100)
  );
  --button-secondary-border-active: var(
    --company-color-adapter-button-secondary-border-active,
    var(--blue-110)
  );
  --button-secondary-border-disabled: var(
    --company-color-adapter-button-secondary-border-disabled,
    var(--blue-40)
  );

  /* Buttons(Tertiary Button) */
  --button-tertiary-background: var(
    --company-color-adapter-button-tertiary-background,
    var(--white-neutral)
  );
  --button-tertiary-background-hover: var(
    --company-color-adapter-button-tertiary-background-hover,
    var(--blue-20)
  );
  --button-tertiary-background-pressed: var(
    --company-color-adapter-button-tertiary-background-pressed,
    var(--blue-30)
  );
  --button-tertiary-background-disabled: var(
    --company-color-adapter-button-tertiary-background-disabled,
    var(--white-neutral)
  );
  --button-tertiary-label: var(--company-color-adapter-button-tertiary-label, var(--gray-90));
  --button-tertiary-label-hover: var(
    --company-color-adapter-button-tertiary-label-hover,
    var(--blue-100)
  );
  --button-tertiary-label-active: var(
    --company-color-adapter-button-tertiary-label-active,
    var(--blue-110)
  );
  --button-tertiary-label-disabled: var(
    --company-color-adapter-button-tertiary-label-disabled,
    var(--gray-40)
  );
  --button-tertiary-border: var(--company-color-adapter-button-tertiary-border, var(--gray-80));
  --button-tertiary-border-hover: var(
    --company-color-adapter-button-tertiary-border-hover,
    var(--blue-100)
  );
  --button-tertiary-border-active: var(
    --company-color-adapter-button-tertiary-border-active,
    var(--blue-110)
  );
  --button-tertiary-border-disabled: var(
    --company-color-adapter-button-tertiary-border-disabled,
    var(--gray-40)
  );

  /* Buttons(Icon Button) */
  --button-icon-background: var(--company-color-adapter-button-icon-background, transparent);
  --button-icon-background-hover: var(
    --company-color-adapter-button-icon-background-hover,
    var(--blue-80)
  );
  --button-icon-background-active: var(
    --company-color-adapter-button-icon-background-active,
    var(--blue-100)
  );
  --button-icon-background-disabled: var(
    --company-color-adapter-button-icon-background-disabled,
    transparent
  );
  --button-icon-inverse-background: var(
    --company-color-adapter-button-icon-inverse-background,
    transparent
  );
  --button-icon-inverse-background-hover: var(
    --company-color-adapter-button-icon-inverse-background-hover,
    var(--white-neutral)
  );
  --button-icon-inverse-background-active: var(
    --company-color-adapter-button-icon-inverse-background-active,
    var(--white-neutral)
  );
  --button-icon-inverse-background-disabled: var(
    --company-color-adapter-button-icon-inverse-background-disabled,
    transparent
  );
  --button-icon-label: var(--company-color-adapter-button-icon-label, var(--gray-80));
  --button-icon-label-hover: var(
    --company-color-adapter-button-icon-label-hover,
    var(--white-neutral)
  );
  --button-icon-label-active: var(
    --company-color-adapter-button-icon-label-active,
    var(--white-neutral)
  );
  --button-icon-label-disabled: var(
    --company-color-adapter-button-icon-label-disabled,
    var(--gray-40)
  );
  --button-icon-inverse-label: var(
    --company-color-adapter-button-icon-inverse-label,
    var(--white-neutral)
  );
  --button-icon-inverse-label-hover: var(
    --company-color-adapter-button-icon-inverse-label-hover,
    var(--gray-80)
  );
  --button-icon-inverse-label-active: var(
    --company-color-adapter-button-icon-inverse-label-active,
    var(--gray-80)
  );
  --button-icon-inverse-label-disabled: var(
    --company-color-adapter-button-icon-inverse-label-disabled,
    var(--gray-40)
  );

  /* Navigation */
  --navigation-header-background: var(
    --company-color-adapter-navigation-header-background,
    var(--blue-10)
  );
  --navigation-background: var(--company-color-adapter-navigation-background, var(--white-neutral));
  --navigation-menu-background: var(
    --company-color-adapter-navigation-menu-background,
    transparent
  );
  --navigation-menu-background-hover: var(
    --company-color-adapter-navigation-menu-background-hover,
    var(--blue-90)
  );
  --navigation-menu-background-active: var(
    --company-color-adapter-navigation-menu-background-active,
    var(--blue-110)
  );
  --navigation-menu-icon: var(--company-color-adapter-navigation-menu-icon, var(--gray-80));
  --navigation-menu-icon-hover: var(
    --company-color-adapter-navigation-menu-icon-hover,
    var(--gray-80)
  );
  --navigation-menu-icon-active: var(
    --company-color-adapter-navigation-menu-icon-active,
    var(--gray-90)
  );
  --navigation-menu-label: var(--company-color-adapter-navigation-menu-label, var(--gray-110));
  --navigation-menu-label-hover: var(
    --company-color-adapter-navigation-menu-label-hover,
    var(--white-neutral)
  );
  --navigation-menu-label-active: var(
    --company-color-adapter-navigation-menu-label-active,
    var(--white-neutral)
  );
  --navigation-menu-outline-focused: var(
    --company-color-adapter-navigation-menu-outline-focused,
    var(--blue-90)
  );

  /* badge */
  --badge-background: var(--company-color-adapter-badge-background, var(--blue-80));
  --badge-background-priority: var(
    --company-color-adapter-badge-background-priority,
    var(--wine-80)
  );
  --badge-label: var(--company-color-adapter-badge-label, var(--white-neutral));
  --badge-label-priotity: var(--company-color-adapter-badge-label-priority, var(--white-neutral));

  /* Scrollbar */
  --scrollbar: var(--company-color-adapter-scrollbar, var(--gray-80));

  /* Highlight */
  --highlight: var(--company-color-adapter-highlight, var(--azure-80));
  --highlight-spelling: var(--company-color-adapter-highlight-spelling, var(--red-80));

  /* Chat */
  --chat-highlight-grammar: var(
    --company-color-chat-adapter-highlight-grammar,
    var(--green-80-20p)
  );
  --chat-highlight-spelling: var(
    --company-color-chat-adapter-highlight-spelling,
    var(--red-80-20p)
  );
  --chat-border-grammar: var(--company-color-chat-adapter-border-grammar, var(--green-80));
  --chat-border-spelling: var(--company-color-chat-adapter-border-spelling, var(--red-80));

  /* Tooltip */
  --tooltip-background: var(--company-color-adapter-tooltip-background, var(--slate-blue-100));
  --tooltip-text: var(--company-color-adapter-tooltip-text, var(--white-neutral));

  /* light */
  --light-background-warning: var(
    --company-color-adapter-light-background-warning,
    var(--yellow-30)
  );
  --light-b-warning: var(--company-color-adapter-tooltip-text, var(--white-neutral));

  /* Loader */
  --loader-unfilled: var(--company-color-adapter-loader-unfilled, var(--gray-20));
  --loader-filled: var(--company-color-adapter-loader-filled, var(--blue-80));

  /* Form Input */
  --form-background: var(--company-color-adapter-form-background, var(--white-neutral));
  --form-background-active: var(
    --company-color-adapter-form-background-active,
    var(--white-neutral)
  );
  --form-background-disabled: var(--company-color-adapter-form-background-disabled, var(--gray-10));
  --form-background-error: var(--company-color-adapter-form-background-error, var(--white-neutral));
  --form-border: var(--company-color-adapter-form-border, var(--gray-80));
  --form-border-active: var(--company-color-adapter-form-border-active, var(--blue-60));
  --form-border-disabled: var(--company-color-adapter-form-border-disabled, var(--gray-80));
  --form-border-error: var(--company-color-adapter-form-border-error, var(--red-80));
  --form-label: var(--company-color-adapter-form-label, var(--gray-110));
  --form-label-active: var(--company-color-adapter-form-label-active, var(--gray-110));
  --form-label-disabled: var(--company-color-adapter-form-label-disabled, var(--gray-80));
  --form-label-error: var(--company-color-adapter-form-label-error, var(--red-60));
  --form-text: var(--company-color-adapter-form-text, var(--gray-110));
  --form-text-active: var(--company-color-adapter-form-text-active, var(--gray-110));
  --form-text-disabled: var(--company-color-adapter-form-text-disabled, var(--gray-80));
  --form-text-error: var(--company-color-adapter-form-text-error, var(--gray-110));
  --form-icon: var(--company-color-adapter-form-icon, var(--gray-110));
  --form-icon-active: var(--company-color-adapter-form-icon-active, var(--gray-110));
  --form-icon-disabled: var(--company-color-adapter-form-icon-disabled, var(--gray-80));
  --form-icon-error: var(--company-color-adapter-form-icon-error, var(--gray-110));

  /* Checkbox */
  --checkbox-background: var(--company-color-adapter-checkbox-background, var(--white-neutral));
  --checkbox-background-active: var(
    --company-color-adapter-checkbox-background-active,
    var(--blue-80)
  );
  --checkbox-background-disabled: var(
    --company-color-adapter-checkbox-background-disabled,
    var(--white-neutral)
  );
  --checkbox-background-active-disabled: var(
    --company-color-adapter-checkbox-background-active-disabled,
    var(--blue-40)
  );
  --checkbox-border: var(--company-color-adapter-checkbox-border, var(--gray-80));
  --checkbox-border-active: var(--company-color-adapter-checkbox-border-active, var(--blue-80));
  --checkbox-border-disabled: var(--company-color-adapter-checkbox-border-disabled, var(--gray-40));
  --checkbox-border-active-disabled: var(
    --company-color-adapter-checkbox-border-active-disabled,
    var(--blue-40)
  );
  --checkbox-icon-active: var(--company-color-adapter-checkbox-icon-active, var(--white-neutral));
  --checkbox-icon-active-disabled: var(
    --company-color-adapter-checkbox-icon-active-disabled,
    var(--white-neutral)
  );

  /* Radio */
  --radio-background: var(--company-color-adapter-radio-background, var(--white-neutral));
  --radio-background-active: var(
    --company-color-adapter-radio-background-active,
    var(--white-neutral)
  );
  --radio-border: var(--company-color-adapter-radio-border, var(--gray-80));
  --radio-border-active: var(--company-color-adapter-radio-border-active, var(--blue-80));
  --radio-thumb: var(--company-color-adapter-radio-thumb, var(--white-neutral));
  --radio-thumb-active: var(--company-color-adapter-radio-thumb-active, var(--blue-80));

  /* Email List */
  --list-background: var(--company-color-adapter-list-background, var(--white-neutral));
  --list-background-hover: var(--company-color-adapter-list-background-hover, var(--gray-10));
  --list-background-selected: var(--company-color-adapter-list-background-selected, var(--blue-10));
  --list-border: var(--company-color-adapter-list-border, var(--gray-20));

  /* Tags */
  --tag-background: var(--company-color-adapter-tag-background, var(--white-neutral));
  --tag-background-hover: var(--company-color-adapter-tag-background-hover, var(--gray-10));
  --tag-background-active: var(--company-color-adapter-tag-background-active, var(--blue-10));
  --tag-background-disabled: var(
    --company-color-adapter-tag-background-disabled,
    var(--white-neutral)
  );
  --tag-border: var(--company-color-adapter-tag-border, var(--gray-50));
  --tag-border-hover: var(--company-color-adapter-tag-border-hover, var(--gray-50));
  --tag-border-active: var(--company-color-adapter-tag-border-active, var(--blue-100));
  --tag-border-disabled: var(--company-color-adapter-tag-border-disabled, var(--gray-30));
  --tag-label: var(--company-color-adapter-tag-label, var(--gray-110));
  --tag-label-hover: var(--company-color-adapter-tag-label-hover, var(--gray-110));
  --tag-label-active: var(--company-color-adapter-tag-label-active, var(--gray-110));
  --tag-label-disabled: var(--company-color-adapter-tag-label-disabled, var(--gray-40));

  /* Tags File */
  --tag-file-background: var(--company-color-adapter-tag-file-background, var(--white-neutral));
  --tag-file-background-hover: var(
    --company-color-adapter-tag-file-background-hover,
    var(--gray-10)
  );
  --tag-file-background-active: var(
    --company-color-adapter-tag-file-background-active,
    var(--blue-10)
  );
  --tag-file-background-disabled: var(
    --company-color-adapter-tag-file-background-disabled,
    var(--white-neutral)
  );
  --tag-file-border: var(--company-color-adapter-tag-file-border, var(--gray-50));
  --tag-file-border-hover: var(--company-color-adapter-tag-file-border-hover, var(--gray-50));
  --tag-file-border-active: var(--company-color-adapter-tag-file-border-active, var(--blue-100));
  --tag-file-border-disabled: var(--company-color-adapter-tag-file-border-disabled, var(--gray-30));
  --tag-file-label: var(--company-color-adapter-tag-file-label, var(--gray-110));
  --tag-file-label-hover: var(--company-color-adapter-tag-file-label-hover, var(--gray-110));
  --tag-file-label-active: var(--company-color-adapter-tag-file-label-active, var(--gray-110));
  --tag-file-label-disabled: var(--company-color-adapter-tag-file-label-disabled, var(--gray-40));

  /* Dynamic Tags */
  --tag-dynamic-background: var(--company-color-adapter-tag-dynamic-background, var(--azure-20));
  --tag-dynamic-background-hover: var(
    --company-color-adapter-tag-dynamic-background-hover,
    var(--azure-30)
  );
  --tag-dynamic-background-active: var(
    --company-color-adapter-tag-dynamic-background-active,
    var(--azure-40)
  );
  --tag-dynamic-label: var(--company-color-adapter-tag-dynamic-label, var(--azure-90));
  --tag-dynamic-label-hover: var(--company-color-adapter-tag-dynamic-label-hover, var(--azure-100));
  --tag-dynamic-label-active: var(
    --company-color-adapter-tag-dynamic-label-active,
    var(--azure-110)
  );

  /* Email Status */
  --email-status-unopened-background: var(
    --company-color-adapter-email-status-unopened-background,
    var(--gray-10)
  );
  --email-status-unopened-background-hover: var(
    --company-color-adapter-email-status-unopened-background-hover,
    var(--gray-30)
  );
  --email-status-unopened-background-active: var(
    --company-color-adapter-email-status-unopened-background-active,
    var(--gray-40)
  );
  --email-status-unopened-border: var(
    --company-color-adapter-email-status-unopened-border,
    var(--gray-30)
  );
  --email-status-unopened-border-hover: var(
    --company-color-adapter-email-status-unopened-border-hover,
    var(--gray-50)
  );
  --email-status-unopened-border-active: var(
    --company-color-adapter-email-status-unopened-border-active,
    var(--gray-60)
  );
  --email-status-unopened-label: var(
    --company-color-adapter-email-status-unopened-label,
    var(--gray-110)
  );
  --email-status-unopened-label-hover: var(
    --company-color-adapter-email-status-unopened-label-hover,
    var(--gray-110)
  );
  --email-status-unopened-label-active: var(
    --company-color-adapter-email-status-unopened-label-active,
    var(--gray-110)
  );
  --email-status-active-background: var(
    --company-color-adapter-email-status-active-background,
    var(--blue-10)
  );
  --email-status-active-background-hover: var(
    --company-color-adapter-email-status-active-background-hover,
    var(--blue-30)
  );
  --email-status-active-background-active: var(
    --company-color-adapter-email-status-active-background-active,
    var(--blue-40)
  );
  --email-status-active-border: var(
    --company-color-adapter-email-status-active-border,
    var(--blue-30)
  );
  --email-status-active-border-hover: var(
    --company-color-adapter-email-status-active-border-hover,
    var(--blue-50)
  );
  --email-status-active-border-active: var(
    --company-color-adapter-email-status-active-border-active,
    var(--blue-60)
  );
  --email-status-active-label: var(
    --company-color-adapter-email-status-active-label,
    var(--gray-110)
  );
  --email-status-active-label-hover: var(
    --company-color-adapter-email-status-active-label-hover,
    var(--gray-110)
  );
  --email-status-active-label-active: var(
    --company-color-adapter-email-status-active-label-active,
    var(--gray-110)
  );
  --email-status-paused-background: var(
    --company-color-adapter-email-status-paused-background,
    var(--yellow-10)
  );
  --email-status-paused-background-hover: var(
    --company-color-adapter-email-status-paused-background-hover,
    var(--yellow-30)
  );
  --email-status-paused-background-active: var(
    --company-color-adapter-email-status-paused-background-active,
    var(--yellow-40)
  );
  --email-status-paused-border: var(
    --company-color-adapter-email-status-paused-border,
    var(--yellow-30)
  );
  --email-status-paused-border-hover: var(
    --company-color-adapter-email-status-paused-border-hover,
    var(--yellow-50)
  );
  --email-status-paused-border-active: var(
    --company-color-adapter-email-status-paused-border,
    var(--yellow-60)
  );
  --email-status-paused-label: var(
    --company-color-adapter-email-status-paused-label,
    var(--gray-110)
  );
  --email-status-paused-label-hover: var(
    --company-color-adapter-email-status-paused-label-hover,
    var(--gray-110)
  );
  --email-status-paused-label-active: var(
    --company-color-adapter-email-status-paused-label-active,
    var(--gray-110)
  );
  --email-status-resolved-background: var(
    --company-color-adapter-email-status-resolved-background,
    var(--green-10)
  );
  --email-status-resolved-background-hover: var(
    --company-color-adapter-email-status-resolved-background-hover,
    var(--green-30)
  );
  --email-status-resolved-background-active: var(
    --company-color-adapter-email-status-resolved-background-active,
    var(--green-40)
  );
  --email-status-resolved-border: var(
    --company-color-adapter-email-status-resolved-border,
    var(--green-30)
  );
  --email-status-resolved-border-hover: var(
    --company-color-adapter-email-status-resolved-border-hover,
    var(--green-50)
  );
  --email-status-resolved-border-active: var(
    --company-color-adapter-email-status-resolved-border-active,
    var(--green-60)
  );
  --email-status-resolved-label: var(
    --company-color-adapter-email-status-resolved-label,
    var(--gray-110)
  );
  --email-status-resolved-label-hover: var(
    --company-color-adapter-email-status-resolved-label-hover,
    var(--gray-110)
  );
  --email-status-resolved-label-active: var(
    --company-color-adapter-email-status-resolved-label-active,
    var(--gray-110)
  );
  --email-status-closed-background: var(
    --company-color-adapter-email-status-closed-background,
    var(--green-10)
  );
  --email-status-closed-background-hover: var(
    --company-color-adapter-email-status-closed-background-hover,
    var(--green-30)
  );
  --email-status-closed-background-active: var(
    --company-color-adapter-email-status-closed-background-active,
    var(--green-40)
  );
  --email-status-closed-border: var(
    --company-color-adapter-email-status-closed-border,
    var(--green-30)
  );
  --email-status-closed-border-hover: var(
    --company-color-adapter-email-status-closed-border-hover,
    var(--green-50)
  );
  --email-status-closed-border-active: var(
    --company-color-adapter-email-status-closed-border-active,
    var(--green-60)
  );
  --email-status-closed-label: var(
    --company-color-adapter-email-status-closed-label,
    var(--gray-110)
  );
  --email-status-closed-label-hover: var(
    --company-color-adapter-email-status-closed-label-hover,
    var(--gray-110)
  );
  --email-status-closed-label-active: var(
    --company-color-adapter-email-status-closed-label-active,
    var(--gray-110)
  );
  --email-status-reopened-background: var(
    --company-color-adapter-email-status-reopened-background,
    var(--red-10)
  );
  --email-status-reopened-background-hover: var(
    --company-color-adapter-email-status-reopened-background-hover,
    var(--red-30)
  );
  --email-status-reopened-background-active: var(
    --company-color-adapter-email-status-reopened-background-active,
    var(--red-40)
  );
  --email-status-reopened-border: var(
    --company-color-adapter-email-status-reopened-border,
    var(--red-30)
  );
  --email-status-reopened-border-hover: var(
    --company-color-adapter-email-status-reopened-border-hover,
    var(--red-50)
  );
  --email-status-reopened-border-active: var(
    --company-color-adapter-email-status-reopened-border-active,
    var(--red-60)
  );
  --email-status-reopened-label: var(
    --company-color-adapter-email-status-reopened-,
    var(--gray-110)
  );
  --email-status-reopened-label-hover: var(
    --company-color-adapter-email-status-reopened-label-hover,
    var(--gray-110)
  );
  --email-status-reopened-label-active: var(
    --company-color-adapter-email-status-reopened-label-active,
    var(--gray-110)
  );

  /* IRIS FLAG BOX SHADOW */
  --iris-shadow-flag: 0 0.25rem 0.5rem rgba(0, 0, 0, 0.04), 0 0.625rem 1.25rem rgba(0, 0, 0, 0.04);
  --shadows-flags: var(--company-color-shadow-flag, var(--iris-shadow-flag));
}