/* Injected by vite.config.ts */
/* Images are outside the vite dev server context, so we need to force php to serve them by providing a full url. */
:root {
  --color-blue-grey-300: #f7f9fd;
  --color-blue-grey-400: #f0f4fa;
  --color-blue-grey-500: #e1e8f6;
  --color-red-grey-300: #fbefef;
  --color-red-grey-400: #f9e7e8;
  --color-red-grey-500: #f6dfe0;
  --color-blue-200: #e5f1f8ff;
  --color-blue-250: #bfddee;
  --color-blue-300: #80bbddff;
  --color-blue-400: #4098cdff;
  --color-blue-500: #0076bcff;
  --color-blue-600: #005e96ff;
  --color-blue-700: #04548fff;
  --color-blue-800: #003c6cff;
  --color-blue-900: #002047ff;
  --color-cyan-200: #e6fffbff;
  --color-cyan-250: #cdf3f2;
  --color-cyan-300: #87e8deff;
  --color-cyan-400: #5cdbd3ff;
  --color-cyan-500: #36cfc9ff;
  --color-cyan-600: #13c2c2ff;
  --color-cyan-700: #08979cff;
  --color-cyan-800: #006d75ff;
  --color-cyan-900: #00474fff;
  --color-gold-200: #fff1b8ff;
  --color-gold-250: #feebc4;
  --color-gold-300: #ffd666ff;
  --color-gold-400: #ffc53dff;
  --color-gold-500: #faad14ff;
  --color-gold-600: #d48806ff;
  --color-gold-700: #ad6800ff;
  --color-gold-800: #874d00ff;
  --color-gold-900: #613400ff;
  --color-green-200: #e9f6ecff;
  --color-green-250: #c9e9d1;
  --color-green-300: #93d3a2ff;
  --color-green-400: #5ebd74ff;
  --color-green-500: #28a745ff;
  --color-green-600: #228e3bff;
  --color-green-700: #1c7530ff;
  --color-green-800: #165c26ff;
  --color-green-900: #10431cff;
  --color-grey-0: #ffffffff;
  --color-grey-100: #ecececff;
  --color-grey-200: #d0d0d0ff;
  --color-grey-300: #a2a2a2ff;
  --color-grey-400: #737373ff;
  --color-grey-50: #f6f6f6ff;
  --color-grey-500: #444444ff;
  --color-orange-200: #fff2eaff;
  --color-orange-250: #ffdfc9;
  --color-orange-300: #ffbf94ff;
  --color-orange-400: #ffa05eff;
  --color-orange-500: #ff8029ff;
  --color-orange-600: #d96d23ff;
  --color-orange-700: #b35a1dff;
  --color-orange-800: #8c4617ff;
  --color-orange-900: #804014ff;
  --color-pink-200: #f8dae2ff;
  --color-pink-250: #f5c8d3;
  --color-pink-300: #f1b6c5ff;
  --color-pink-400: #eb91a7ff;
  --color-pink-500: #e46c8aff;
  --color-pink-600: #b04c65ff;
  --color-pink-700: #a04c61ff;
  --color-pink-800: #833449ff;
  --color-pink-900: #58192bff;
  --color-purple-200: #f9f0ffff;
  --color-purple-250: #e4d4f7;
  --color-purple-300: #d3adf7ff;
  --color-purple-400: #b37febff;
  --color-purple-500: #9254deff;
  --color-purple-600: #722ed1ff;
  --color-purple-700: #531dabff;
  --color-purple-800: #391085ff;
  --color-purple-900: #22075eff;
  --color-red-200: #fae9eaff;
  --color-red-250: #f3c9ca;
  --color-red-300: #e69396ff;
  --color-red-400: #da5e61ff;
  --color-red-500: #cd282dff;
  --color-red-600: #ae2226ff;
  --color-red-700: #901c20ff;
  --color-red-800: #711619ff;
  --color-red-900: #521012ff;
  --color-yellow-200: #fff9eaff;
  --color-yellow-250: #ffefcb;
  --color-yellow-300: #fedf97ff;
  --color-yellow-400: #fed063ff;
  --color-yellow-500: #fdc02fff;
  --color-yellow-600: #d7a328ff;
  --color-yellow-700: #b18621ff;
  --color-yellow-800: #8b6a1aff;
  --color-yellow-900: #7f6018ff;
  --color-lime-100: #fcffe6;
  --color-lime-200: #f4ffb8;
  --color-lime-250: #eaff8f;
  --color-lime-300: #d3f261;
  --color-lime-400: #bae637;
  --color-lime-500: #a0d911;
  --color-lime-600: #7cb305;
  --color-lime-700: #5b8c00;
  --color-lime-800: #3f6600;
  --color-lime-900: #254000;
  --color-time-line: #f56b59;
  /* ------------------------------------------------------------------------------------------------- */
  /* alternative aliases todo remove */
  --grey-0: var(--color-grey-0);
  --grey-50: var(--color-grey-50);
  --grey-100: var(--color-grey-100);
  --grey-200: var(--color-grey-200);
  --grey-300: var(--color-grey-300);
  --grey-400: var(--color-grey-400);
  --grey-500: var(--color-grey-500);
  /* alternative aliases todo remove */
  --green-200: var(--color-green-200);
  --green-300: var(--color-green-300);
  --green-400: var(--color-green-400);
  --green-500: var(--color-green-500);
  --green-600: var(--color-green-600);
  --green-700: var(--color-green-700);
  --green-800: var(--color-green-800);
  --green-900: var(--color-green-900);
  /* alternative aliases todo remove */
  --red-200: var(--color-red-200);
  --red-300: var(--color-red-300);
  --red-400: var(--color-red-400);
  --red-500: var(--color-red-500);
  --red-600: var(--color-red-600);
  --red-700: var(--color-red-700);
  --red-800: var(--color-red-800);
  --red-900: var(--color-red-900);
  /* alternative aliases todo remove */
  --yellow-200: var(--color-yellow-200);
  --yellow-300: var(--color-yellow-300);
  --yellow-400: var(--color-yellow-400);
  --yellow-500: var(--color-yellow-500);
  --yellow-600: var(--color-yellow-600);
  --yellow-700: var(--color-yellow-700);
  --yellow-800: var(--color-yellow-800);
  --yellow-900: var(--color-yellow-900);
  /* alternative aliases todo remove */
  --orange-200: var(--color-orange-200);
  --orange-300: var(--color-orange-300);
  --orange-400: var(--color-orange-400);
  --orange-500: var(--color-orange-500);
  --orange-600: var(--color-orange-600);
  --orange-700: var(--color-orange-700);
  --orange-800: var(--color-orange-800);
  --orange-900: var(--color-orange-900);
}

:root {
  --border-radius-regular: 4px;
  --border-radius-0x: 0px;
  --border-radius-1x: 4px;
  --border-radius-2x: 8px;
  --border-radius-4x: 16px;
  --border-radius-6x: 24px;
  --calendar-column-width: 200px;
}

/*
   Note: This file does not seem to accept scss syntax (e.g. // one line comments)
 */
:root {
  --font-family: 'Open Sans', sans-serif;
  --avatar-background-default: var(--color-grey-100);
  --avatar-background-brand: var(--color-primary-500);
  --background-default: var(--color-grey-0);
  --background-editable: var(--color-primary-neutral-300);
  --background-read-only: var(--color-grey-50);
  --background-black-out: var(--color-grey-500);
  --border-brand: var(--color-primary-500);
  --border-default: var(--color-grey-100);
  --border-editable: var(--color-primary-200);
  --border-highlight: var(--color-grey-200);
  --button-area-background-default: var(--color-grey-0);
  --button-area-background-disabled: var(--color-grey-50);
  --button-area-background-hovered: var(--color-primary-200);
  --button-area-border-default: var(--color-primary-500);
  --button-area-border-disabled: var(--color-grey-100);
  --button-area-text-default: var(--color-primary-500);
  --button-area-text-disabled: var(--color-grey-300);
  --button-group-background-selected-default: var(--color-primary-500);
  --button-group-background-selected-disabled: var(--color-grey-200);
  --button-group-background-selected-hovered: var(--color-primary-600);
  --button-group-background-unselected-default: var(--color-grey-0);
  --button-group-background-unselected-disabled: var(--color-grey-50);
  --button-group-background-unselected-hovered: var(--color-primary-200);
  --button-group-border-unselected-default: var(--color-primary-500);
  --button-group-border-unselected-disabled: var(--color-grey-200);
  --button-group-text-selected-default: var(--text-invert);
  --button-group-text-selected-disabled: var(--text-invert);
  --button-group-text-unselected-default: var(--text-brand);
  --button-group-text-unselected-disabled: var(--text-disabled);
  --button-toolbar-background-default: var(--color-grey-0);
  --button-toolbar-background-disabled: var(--color-grey-50);
  --button-toolbar-border-default: var(--color-grey-200);
  --button-toolbar-border-disabled: var(--color-grey-200);
  --button-toolbar-border-hovered: var(--color-primary-300);
  --button-toolbar-border-interacted: var(--color-primary-500);
  --button-toolbar-text-default: var(--color-primary-500);
  --button-toolbar-text-disabled: var(--color-grey-300);
  --button-outline-background-default: var(--color-grey-0);
  --button-outline-background-disabled: var(--color-grey-50);
  --button-outline-background-error-hovered: var(--color-red-200);
  --button-outline-background-primary-hovered: var(--color-primary-200);
  --button-outline-background-success-hovered: var(--color-green-200);
  --button-outline-border-disabled: var(--color-grey-100);
  --button-outline-border-error: var(--color-red-500);
  --button-outline-border-primary: var(--color-primary-500);
  --button-outline-border-success: var(--color-green-500);
  --button-outline-icon-primary: var(--color-primary-500);
  --button-outline-text-disabled: var(--color-grey-300);
  --button-outline-text-error: var(--color-red-500);
  --button-outline-text-primary: var(--color-primary-500);
  --button-outline-text-success: var(--color-green-500);
  --button-solid-background-disabled: var(--color-grey-200);
  --button-solid-background-error-default: var(--color-red-500);
  --button-solid-background-error-hovered: var(--color-red-600);
  --button-solid-background-primary-default: var(--color-primary-500);
  --button-solid-background-primary-hovered: var(--color-primary-600);
  --button-solid-background-success-default: var(--color-green-500);
  --button-solid-background-success-hovered: var(--color-green-600);
  --button-solid-text-invert: var(--color-grey-0);
  --button-text-only-background-default: var(--color-grey-0);
  --button-text-only-background-disabled: var(--color-grey-0);
  --button-text-only-background-hovered: var(--color-grey-50);
  --button-text-only-border-default: var(--color-grey-100);
  --button-text-only-text-default: var(--color-grey-400);
  --button-text-only-text-disabled: var(--color-grey-300);
  --button-text-only-text-hovered: var(--color-grey-400);
  --calendar-background-default: var(--color-grey-0);
  --calendar-background-disabled: var(--color-grey-50);
  --calendar-background-selected: var(--color-primary-500);
  --calendar-background-hovered: var(--color-blue-200);
  --icon-disabled: var(--color-grey-300);
  --icon-error: var(--color-red-500);
  --icon-info: var(--color-blue-500);
  --icon-invert: var(--color-grey-0);
  --icon-primary: var(--color-primary-500);
  --icon-regular: var(--color-grey-400);
  --icon-secondary: var(--color-pink-500);
  --icon-secondary-warning: var(--color-yellow-500);
  --icon-success: var(--color-green-500);
  --icon-warning: var(--color-orange-500);
  --input-field-background-default: var(--color-grey-0);
  --input-field-background-disabled: var(--color-grey-50);
  --input-field-border-default: var(--color-grey-200);
  --input-field-border-disabled: var(--color-grey-100);
  --input-field-border-error: var(--color-red-300);
  --input-field-border-focused: var(--color-blue-300);
  --input-field-text-default: var(--text-secondary);
  --input-field-text-disabled: var(--text-disabled);
  --input-field-text-error: var(--text-error);
  --input-field-text-focused: var(--text-regular);
  --label-text-regular: var(--text-secondary);
  --label-text-section-heading: var(--text-brand);
  --modal-header-background: var(--color-primary-500);
  --modal-header-text: var(--text-invert);
  --page-header-text: var(--color-primary-500);
  --tab-border-selected: var(--border-brand);
  --tab-border-unselected: var(--border-default);
  --tab-icon-selected: var(--icon-primary);
  --tab-icon-unselected: var(--icon-disabled);
  --tab-text-selected: var(--text-brand);
  --tab-text-unselected: var(--text-secondary);
  --tag-outline-background-default: var(--background-default);
  --tag-outline-border-brand: var(--color-primary-500);
  --tag-outline-border-error: var(--color-red-500);
  --tag-outline-border-info: var(--color-blue-500);
  --tag-outline-border-neutral: var(--color-grey-300);
  --tag-outline-border-secondary: var(--color-pink-500);
  --tag-outline-border-secondary-warning: var(--color-yellow-500);
  --tag-outline-border-success: var(--color-green-500);
  --tag-outline-border-warning: var(--color-orange-500);
  --tag-outline-text-brand: var(--color-primary-500);
  --tag-outline-text-error: var(--color-red-500);
  --tag-outline-text-info: var(--color-blue-500);
  --tag-outline-text-neutral: var(--color-grey-300);
  --tag-outline-text-secondary: var(--color-pink-500);
  --tag-outline-text-secondary-warning: var(--color-yellow-500);
  --tag-outline-text-success: var(--color-green-500);
  --tag-outline-text-warning: var(--color-orange-500);
  --tag-solid-background-brand: var(--color-primary-500);
  --tag-solid-background-error: var(--color-red-500);
  --tag-solid-background-info: var(--color-blue-500);
  --tag-solid-background-neutral: var(--color-grey-300);
  --tag-solid-background-secondary: var(--color-pink-500);
  --tag-solid-background-secondary-warning: var(--color-yellow-500);
  --tag-solid-background-success: var(--color-green-500);
  --tag-solid-background-warning: var(--color-orange-500);
  --tag-solid-text-invert: var(--text-invert);
  --text-brand: var(--color-primary-500);
  --text-brand-secondary: var(--color-primary-400);
  --text-disabled: var(--color-grey-300);
  --text-error: var(--color-red-500);
  --text-invert: var(--color-grey-0);
  --text-link: var(--color-blue-500);
  --text-regular: var(--color-grey-500);
  --text-secondary: var(--color-grey-400);
  --toast-blurb-background-error: var(--color-red-200);
  --toast-blurb-background-info: var(--color-blue-200);
  --toast-blurb-background-success: var(--color-green-200);
  --toast-blurb-background-warning: var(--color-yellow-200);
  --toast-blurb-border-error: var(--color-red-300);
  --toast-blurb-border-info: var(--color-blue-300);
  --toast-blurb-border-success: var(--color-green-300);
  --toast-blurb-border-warning: var(--color-yellow-300);
  --toast-blurb-text-error: var(--color-red-900);
  --toast-blurb-text-info: var(--color-blue-900);
  --toast-blurb-text-success: var(--color-green-900);
  --toast-blurb-text-warning: var(--color-yellow-900);
  --toggle-background: #ffffff;
  --toggle-on-background-disabled: var(--color-grey-200);
  --toggle-on-background-enabled: var(--color-primary-500);
  --top-navigation-background: var(--color-primary-500);
  --top-navigation-left-tabs-background-default: var(--color-primary-500);
  --top-navigation-left-tabs-background-hovered: var(--color-primary-600);
  --top-navigation-left-tabs-background-selected: var(--color-primary-700);
  --top-navigation-left-tabs-border-default: var(--color-primary-500);
  --top-navigation-left-tabs-border-hovered: var(--color-primary-600);
  --top-navigation-left-tabs-border-selected: var(--color-primary-800);
  --top-navigation-left-tabs-icon-default: var(--icon-invert);
  --top-navigation-left-tabs-icon-selected: var(--icon-invert);
  --top-navigation-left-tabs-text-default: var(--text-invert);
  --top-navigation-left-tabs-text-hovered: var(--text-invert);
  --top-navigation-left-tabs-text-selected: var(--text-invert);
  --top-navigation-right-tabs-background-default: var(--color-primary-600);
  --top-navigation-right-tabs-background-hovered: var(--color-primary-400);
  --upload-area-background-default: var(--color-grey-0);
  --upload-area-background-error: var(--color-red-200);
  --upload-area-background-focused: var(--color-grey-50);
  --upload-area-background-hovered: var(--color-primary-neutral-300);
  --upload-area-background-loading: var(--color-primary-neutral-300);
  --upload-area-background-sucess: var(--color-grey-0);
  --upload-area-stroke-default: var(--color-grey-200);
  --upload-area-stroke-error: var(--color-red-300);
  --upload-area-stroke-focused: var(--color-grey-200);
  --upload-area-stroke-hovered: var(--color-primary-300);
  --upload-area-stroke-loading: var(--color-primary-300);
  --upload-area-stroke-success: var(--color-grey-200);
  /* numbers */
  --border-radius: var(--border-radius-regular);
  --tag-border-radius: var(--border-radius-6x);
  --contrast-light: #ffffff;
  --contrast-dark: #474747;
  --color-k1-blue-200: #e5f1f8ff;
  --color-k1-blue-300: #80bbddff;
  --color-k1-blue-400: #4098cdff;
  --color-k1-blue-500: #0076bcff;
  --color-k1-blue-600: #005e96ff;
  --color-k1-blue-700: #04548fff;
  --color-k1-blue-800: #003c6cff;
  --color-k1-blue-900: #002047ff;
  --color-k1-blue-grey-300: #f7f9fdff;
  --color-k1-blue-grey-400: #f0f4faff;
  --color-k1-blue-grey-500: #e1e8f6ff;
  --color-primary-200: var(--color-k1-blue-200);
  --color-primary-300: var(--color-k1-blue-300);
  --color-primary-400: var(--color-k1-blue-400);
  --color-primary-500: var(--color-k1-blue-500);
  --color-primary-600: var(--color-k1-blue-600);
  --color-primary-700: var(--color-k1-blue-700);
  --color-primary-800: var(--color-k1-blue-800);
  --color-primary-900: var(--color-k1-blue-900);
  --color-primary-neutral-300: var(--color-k1-blue-grey-300);
  --color-primary-neutral-400: var(--color-k1-blue-grey-400);
  --color-primary-neutral-500: var(--color-k1-blue-grey-500);
  /* palette */
  --color-primary-550: var(--color-blue-500);
  --color-primary-600_5: #004e7d;
  --color-primary-600_10: #003e63;
  --color-primary-600_15: #002e4a;
  --color-primary-600_20: #001e30;
  --primary-200: var(--color-primary-200);
  --primary-300: var(--color-primary-300);
  --primary-400: var(--color-primary-400);
  --primary-500: var(--color-primary-500);
  --primary-550: var(--color-primary-550);
  --primary-600: var(--color-primary-600);
  --primary-600_5: var(--color-primary-600_5);
  --primary-600_10: var(--color-primary-600_10);
  --primary-600_15: var(--color-primary-600_15);
  --primary-600_20: var(--color-primary-600_20);
  --primary-700: var(--color-primary-700);
  --primary-800: var(--color-primary-800);
  --primary-900: var(--color-primary-900);
  --secondary-200: #f8dae2;
  --secondary-300: #f1b6c5;
  --secondary-400: #eb91a7;
  --secondary-500: #e46c8a;
  --secondary-600: #b04c65;
  --secondary-700: #a04c61;
  --secondary-800: #833449;
  --secondary-900: #58192b;
  /* brand palette */
  --color-brand: var(--primary-500);
  --color-brand-contrast: var(--contrast-light);
  --color-brand-darken: #005689;
  --color-brand-lighten: #23adff;
  --color-brand-highlight: #89d3ff;
  --color-brand-highlight-light: #98d9ff;
  --color-brand-highlight-light-contrast: var(--contrast-light);
  --color-brand-secondary: #ffe6f2;
  --color-brand-secondary-light: #ffe6f2;
  /* top nav/banner */
  --color-nav-button: rgba(0, 0, 0, 0.15);
  --color-nav-button-active: rgba(0, 0, 0, 0.15);
  --color-nav-text: #fff;
  --color-nav-sub-item-select: #337ab7;
  --color-banner: var(--color-brand);
  --color-banner-darken: var(--color-brand-darken);
  --color-banner-contrast: var(--contrast-light);
  --color-nav-open: rgba(0, 0, 0, 0.1);
  --color-nav-hover: rgba(0, 0, 0, 0.1);
  --color-nav: rgba(0, 0, 0, 0.18);
  --color-nav-highlight: rgba(0, 0, 0, 0.25);
  --color-nav-close: var(--contrast-light);
  /* text colors */
  --color-quiet: #8a8a8a;
  /*slide nav */
  --slide-nav-bg: var(--color-brand);
  --slide-nav-border: var(--color-brand-darken);
  --nav-font-size: 15px;
  /* overrides */
  --color-override-on: var(--color-brand-secondary);
  --color-override-off: var(--color-brand-darken);
  /* links */
  --color-link: var(--color-blue-500);
  --color-link-active: var(--color-blue-500);
  /* service category tree */
  --color-service-category: var(--color-link);
  /* zebra */
  --color-zebra-dark: var(--color-brand-highlight-light);
  --color-zebra-light: white;
  /* timetable */
  --timetable-primary: var(--primary-500);
  --timetable-primary-staff: var(--primary-500);
  --timetable-edited: var(--secondary-500);
  --timetable-primary-300: var(--primary-300);
  --timetable-edited-300: var(--secondary-300);
  /* interface elements */
  --color-separator: #dddddd;
  --color-panel: #f9f9f9;
  --color-table-group-header: #f9f9f9;
  --color-table-border: #dddddd;
  --primary-color: var(--color-blue-500);
  --success-color: #5cb85c;
  --warning-color: #f0ad4e;
  --danger-color: #c73c40;
  --danger-color-2: #a94442;
  --disabled-color: #777777;
  --text-success-color: #3c763d;
  --text-danger-color: #cd5457;
  /* alerts */
  --alert-success-background-color: #dff0d8;
  --alert-success-border-color: #d6e9c6;
  --alert-success-text-color: #3c763d;
  --alert-info-background-color: #d9edf7;
  --alert-info-border-color: #bce8f1;
  --alert-info-text-color: #31708f;
  --alert-warning-background-color: #fcf8e3;
  --alert-warning-border-color: #faebcc;
  --alert-warning-text-color: #8a6d3b;
  --alert-danger-background-color: #f2dede;
  --alert-danger-border-color: #ebccd1;
  --alert-danger-text-color: #a94442;
  /* appointment book */
  --color-selected-appointment-text: var(--contrast-light);
  --color-selected-appointment: #f90;
  --color-selected-incapable-text: #da0000;
  /* the full logo used on dashboard, login */
  --logo-main: url(/js/bundle/images/k1-logo-white-284x71.13c4d1db648307b9d98abf562ce852b0.png);
  --logo-main-k: url(/js/bundle/images/kitomba-logo-white_160x43.059efcbcbbc9798d26d561cbcd86eb1c.png);
  --logo-main-width: 142px;
  --logo-main-height: 36px;
  --logo-main-buffer: 151px;
  --paypal-connect-image: url(/js/bundle/images/kitomba-paypal-connect.dd00ff8f997f129f4fb07a2090697143.png);
  --windcave-connect-image: url(/js/bundle/images/kitomba-windcave-connect.1bdf43947f4663f805fdc6efcb5f0b3c.png);
  --kitombapay-connect-image: url(/js/bundle/images/kitomba-kitombapay-connect.c625e039dfa0b522e311f10500670d80.png);
  --paypal-disconnect-image: url(/js/bundle/images/kitomba-paypal-disconnect.ee96dc2695efd7834a21447c49c25dab.png);
  --windcave-disconnect-image: url(/js/bundle/images/kitomba-windcave-disconnect.ae41fadbb7409bf8a7793242dbea92a8.png);
  --kitombapay-disconnect-image: url(/js/bundle/images/kitomba-kitombapay-disconnect.621b7e7a9d85aba2f2d8f6cc83b19957.png);
  /* responsive close menu */
  --close-icon-override: none;
  --logo-app: url(/js/bundle/images/k-square_62x76.4977ea7cf88d0336144e95122785d793.png);
  --logo-app-width: 31px;
  --logo-app-height: 38px;
  --logo-app-offset: -2px;
  --logo-offset: 0px; /* apparently unused */
  --nav-transform: none;
  --splash-gradient-start: #80c9e8;
  --splash-gradient-end: #49a2c7;
  --splash-gradient-contrast: #fff;
  --splash-gradient-contrast-dark-10: #e6e6e6;
  /* used in users/staff table to change badge colour */
  --user-label-color: var(--success-color);
  --opaque-brand-bg: rgba(0, 118, 188, 0.62);
  --color-error-accent: #f90;
  /* colors */
  --color-awesome-green: #5fab1b;
  --color-awesome-green-active: #559b19;
  --color-awesome-kblue-active: var(--color-brand-darken);
  --color-button-clearfilter: #fff6e5;
  --color-button-clearfilter-border: #ff9900;
  /* margins */
  --margin-extra-small: 5px;
  --margin-small: 10px;
  --margin-medium: 15px;
  --margin-large: 20px;
  /* new UI consistency */
  --title-size: 28.83px;
  --title-weight: bold;
  --title-line-height: 40px;
  --h1-size: 25.63px;
  --h1-weight: 600;
  --h1-line-height: 36px;
  --h2-size: 22.78px;
  --h2-weight: bold;
  --h2-line-height: 32px;
  --h3-size: 20.25px;
  --h3-weight: bold;
  --h3-line-height: 28px;
  --h4-size: 18px;
  --h4-weight: bold;
  --h4-line-height: 24px;
  --body-size: 16px;
  --body-weight: 500;
  --body-line-height: 24px;
  --label-size: 14.22px;
  --label-weight: 600;
  --label-line-height: 20px;
  --caption-size: 14.22px;
  --caption-weight: 500;
  --caption-line-height: 20px;
  --small-caption-size: 12.64px;
  --small-caption-weight: 700;
  --small-caption-line-height: 16px;
  --hyperlink-font-size: 16px;
  --hyperlink-font-weight: 600;
  --hyperlink-line-height: 24px;
  --input-left-right-padding: 12px;
  --page-heading-color: var(--primary-500);
  --button-success-gradient-start: var(--success-color);
  --button-success-gradient-end: #419641;
  --button-success-color-border: #499849;
  --button-success-color-border-5: #418741;
  --button-success-color-border-10: #387638;
  --button-success-color-border-15: #306430;
  --button-success-color-border-20: #285328;
  --button-success-color-text: var(--contrast-light);
  --button-primary-gradient-start: var(--primary-500);
  --button-primary-gradient-end: var(--primary-550);
  --button-primary-color-border: var(--primary-600);
  --button-primary-color-border-5: var(--primary-600_5);
  --button-primary-color-border-10: var(--primary-600_10);
  --button-primary-color-border-15: var(--primary-600_15);
  --button-primary-color-border-20: var(--primary-600_20);
  --button-primary-color-text: var(--contrast-light);
  --button-warning-gradient-start: var(--warning-color);
  --button-warning-gradient-end: #eb9316;
  --button-warning-color-border: #e38d13;
  --button-warning-color-border-5: #cb7e11;
  --button-warning-color-border-10: #b4700f;
  --button-warning-color-border-15: #9c610d;
  --button-warning-color-border-20: #85530b;
  --button-warning-color-text: var(--contrast-light);
  --button-danger-gradient-start: #d9534f;
  --button-danger-gradient-end: #c12e2a;
  --button-danger-color-border: #b92c28;
  --button-danger-color-border-5: #a42723;
  --button-danger-color-border-10: #8f221f;
  --button-danger-color-border-15: #7a1d1a;
  --button-danger-color-border-20: #85530b;
  --button-danger-color-text: var(--contrast-light);
  --button-info-gradient-start: #5bc0de;
  --button-info-gradient-end: #2aabd2;
  --button-info-color-border: #28a4c9;
  --button-info-color-border-5: #2493b4;
  --button-info-color-border-10: #20819e;
  --button-info-color-border-15: #1b7089;
  --button-info-color-border-20: #175f74;
  --button-info-color-text: var(--contrast-light);
  --button-default-gradient-start: var(--contrast-light);
  --button-default-gradient-end: #eeeeee;
  --button-default-color-border: #cccccc;
  --button-default-color-border-5: #bfbfbf;
  --button-default-color-border-10: #b3b3b3;
  --button-default-color-border-15: #a6a6a6;
  --button-default-color-border-20: #999999;
  --button-default-color-text: #444444;
  --total-size: 125%;
  --invoice-rule: 2px solid #ddd;
  --no-print-large-col: calc(1 / 3 * 7 / 12 * 100%);
  --no-print-small-col: calc(1 / 3 * 5 / 12 * 100%);
  --round-1em: 1em;
  --round-2px: 2px;
  --round-3px: 3px;
  --round-4px: 4px;
  --round-5px: 5px;
  --round-10px: 10px;
  --round-15px: 15px;
  --main-nav-link-box-shadow: -6px;
  --login-background-image: none;
  --login-forgot-password-color: var(--primary-600);
  --date-picker-color-scheme: light;
  /* Active and info may seem redundant now, but what if we want to change just one of them in the future? */
  --color-icon-active: var(--color-primary-500);
  --color-icon-info: var(--color-primary-500);
  --color-icon-pending: var(--color-purple-500);
  --color-icon-success: var(--color-green-500);
  --color-icon-error: var(--color-red-500);
  --color-icon-warning: var(--yellow-500);
  --color-icon-regular: var(--color-grey-400);
  /* temporary variables until we figure out this Figma tokenization matching */
  --button-outline-background-primary: var(--grey-0);
  --color-selected-cell: var(--color-k1-blue-grey-500);
  /* Mode 1 */
  /* color */
  --background-selected: var(--color-orange-500);
  --background-booked: var(--color-blue-250);
  --background-canceled: var(--color-red-250);
  --background-completed: var(--color-grey-200);
  --background-confirmed: var(--color-green-250);
  --background-left-message: var(--color-lime-250);
  --background-no-show: var(--color-red-250);
  --background-pending: var(--color-purple-250);
  --background-show-up: var(--color-orange-250);
  --background-started: var(--color-orange-250);
  --border-selected: var(--color-grey-400);
  --border-unselected-booked: var(--color-blue-400);
  --border-unselected-canceled: var(--color-red-400);
  --border-unselected-completed: var(--color-grey-300);
  --border-unselected-confirmed: var(--color-green-400);
  --border-unselected-left-message: var(--color-lime-400);
  --border-unselected-no-show: var(--color-red-400);
  --border-unselected-pending: var(--color-purple-400);
  --border-unselected-show-up: var(--color-orange-400);
  --border-unselected-started: var(--color-orange-400);
  --icon-border-dark: var(--color-grey-500);
  --icon-border-primary: var(--color-grey-0);
  --icon-border-secondary: var(--color-grey-400);
  --icon-fill-attribute: var(--color-yellow-500);
  --icon-fill-deposit: var(--color-grey-0);
  --icon-fill-form: var(--color-grey-0);
  --icon-fill-new-client: var(--color-green-500);
  --icon-fill-note: var(--color-grey-0);
  --icon-fill-reminder: var(--color-grey-0);
  --icon-fill-room-equipment-required: var(--color-grey-200);
  --icon-fill-staff-requested: var(--color-red-500);
  --icon-fill-status-booked: var(--color-blue-500);
  --icon-fill-status-canceled: var(--color-red-500);
  --icon-fill-status-completed: var(--color-grey-400);
  --icon-fill-status-confirmed: var(--color-green-500);
  --icon-fill-status-left-message: var(--color-lime-500);
  --icon-fill-status-no-show: var(--color-red-500);
  --icon-fill-status-pending: var(--color-purple-500);
  --icon-fill-status-show-up: var(--color-orange-500);
  --icon-fill-status-started: var(--color-orange-500);
  --tag-booked: var(--color-blue-500);
  --tag-canceled: var(--color-red-500);
  --tag-completed: var(--color-grey-400);
  --tag-confirmed: var(--color-green-500);
  --tag-left-message: var(--color-lime-500);
  --tag-no-show: var(--color-red-500);
  --tag-pending: var(--color-purple-500);
  --tag-show-up: var(--color-orange-500);
  --tag-started: var(--color-orange-500);
  --color-search-result-text: #2671b7;
}

/*# sourceMappingURL=chunk.styles~admin_panel~appointments~benchmark~billing~birthdays~client_mode~clients~dashboard~environmen~000c23cd.1.47a55552509b7941a969.css.map*/