:root {
  --brand-transparent: #f0f0ff;
  --brand-background: #f0f0ff;
  --brand-secondary-hover: #4e1ec8;
  --brand-secondary-background: #000;
  --color-white: #ffffff;
  --color-white-smoke: #f5f5f5;
  --color-grey-text: #6d6d6d;
  --color-black: #000000;
  --color-grey: #dcdcdc;
  --color-error: #ff0000;
  --color-positive: #04954c;
  --color-refuse: #ff4d00;
  --color-disabled: #e1e3eb;
  --color-favorite: #e4cc37;
  --neutral-0: #ffffff;
  --neutral-100: #000000;
  --grey-25: #fafafa;
  --grey-50: #f0f0f0;
  --grey-100: #e5e5e5;
  --grey-200: #d6d6d6;
  --grey-300: #b8b8b8;
  --grey-400: #a3a3a3;
  --grey-500: #8f8f8f;
  --grey-600: #666666;
  --grey-700: #525252;
  --grey-800: #282828;
  --grey-900: #141414;
  --purple-25: #faf5ff;
  --purple-50: #f4ebff;
  --purple-100: #e9d6ff;
  --purple-200: #dec2ff;
  --purple-300: #c899ff;
  --purple-400: #b270ff;
  --purple-500: #9d44fc;
  --purple-600: #8b22fb;
  --purple-700: #7704f1;
  --purple-800: #5102a1;
  --purple-900: #280150;
  --red-25: #fff6f5;
  --red-50: #ffedeb;
  --red-100: #ffdcd6;
  --red-200: #ffcac2;
  --red-300: #ffa699;
  --red-400: #ff8470;
  --red-500: #ff6248;
  --red-600: #ff3e1f;
  --red-700: #f52300;
  --red-800: #a31700;
  --red-900: #520c00;
  --yellow-25: #fffcf5;
  --yellow-50: #fff9eb;
  --yellow-100: #fff3d6;
  --yellow-200: #ffecc2;
  --yellow-300: #fee09a;
  --yellow-400: #fed471;
  --yellow-500: #fed748;
  --yellow-600: #febb20;
  --yellow-700: #f3aa01;
  --yellow-800: #a26901;
  --yellow-900: #520c00;
  --green-25: #f7fdfa;
  --green-50: #effbf5;
  --green-100: #def7ec;
  --green-200: #cef3e2;
  --green-300: #adebcf;
  --green-400: #8ce3bc;
  --green-500: #6bdba8;
  --green-600: #4ad395;
  --green-700: #2ebf7d;
  --green-800: #208456;
  --green-900: #10422b;
  --brand-gray: var(--grey-100);
  --brand-black: var(--grey-800);
  --brand-primary: var(--purple-500);
  --brand-primary-hover: var(--purple-700);
  --brand-secondary: var(--red-500);
  --brand-tertiary: var(--green-700);
  --text-color: var(--brand-black);
  --box-shadow-rgb-color: 16, 24, 40;
  /* Platforms */
  --bg-ubereats: #000;
  --bg-glovo: #ffcc1b;
  --bg-bolt: #f4f4f4;
  --bg-deliveroo: #00ccbc;
  /* TODO: After rebranding merge change this? */
  --color-up: #208456;
  --color-up-opacity: #f7fdfa;
  --color-down: #f52300;
  --color-down-opacity: #fff6f5;
  --color-primary-25: #faf5ff;
  --color-primary-500: #9d44fc;
  --input-border: #3c3c3c42;
  --input-color: #686b8d;
  --secondary-grey-stroke: #d6dfe8;
  --secondary-text: #474e68;
  --secondary-text-2: #969dbb;
  --grey-background: #fbfbfe;
  --grey-lines: #e0dfdf;
  --brand-primary-rgb: 35, 40, 89;
  --brand-secondary-rgb: 95, 37, 224;
  --brand-tertiary-rgb: 255, 94, 0;
  --brand-background-rgb: 240, 240, 255;
  --text-secondary-rgb: 71, 78, 104;
  --color-refuse-rgb: 255, 77, 0;
  --color-positive-rgb: 4, 149, 76;
  --color-grey-rgb: 220, 220, 220;
  --color-white-rgb: 255, 255, 255;
  --spacing-3xs: 4px;
  --spacing-xxs: 8px;
  --spacing-xs: 16px;
  --spacing-s: 24px;
  --spacing-m: 32px;
  --spacing-l: 48px;
  --spacing-xl: 60px;
  --spacing-xxl: 120px;
  --spacing-3xl: 240px;
  --input-height: 46px;
  --loading-min-height: 60px;
  --loading-card-height: 80px;
  --header-height: 78px;
  --platform-icon-size-big: 64px;
  --platform-icon-size-small: 40px;
  --max-login-size: 600px;
  --checkmark-clip-path: polygon(21% 45%, 8% 58%, 40% 85%, 95% 42%, 83% 29%, 42% 63%);
  --z-index-table-header: 4;
  --z-index-tooltip: 5;
  --z-index-datepicker: 6;
  --z-index-dropdown-content: 10;
}

/* Typography */
h1 {
  font-size: 24px;
  font-weight: 500;
  margin: 0;
}
h2 {
  font-size: 20px;
  font-weight: 500;
  margin: 0;
}
h3 {
  font-size: 14px;
  font-weight: 400;
  margin: 0;
}
h4 {
  font-size: 18px;
  font-weight: 600;
  margin: 0;
}
html,
body {
  width: 100%;
  height: 100%;
  padding: 0;
  margin: 0;
}
h3 {
  margin: 0;
}
ul {
  margin: 0;
  padding: 0;
  list-style: none;
}
p {
  margin: 0;
}
input {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
}
input:-webkit-autofill, input:-webkit-autofill:hover, input:-webkit-autofill:focus, input:-webkit-autofill:active {
  -webkit-box-shadow: 0 0 0 100px white inset !important;
  -webkit-text-fill-color: var(--brand-primary) !important;
}

/**
  * Inline-block elements (like <svg> and <img>) 
  * sit on the text baseline. The extra space you are seeing is 
  * the space left to accommodate character descenders (the tail on 'y', 'g' etc).
  **/
svg {
  display: block;
}
.optimizations-dashboard {
  height: 100%;
}
.optimizations-dashboard__layout {
  display: flex;
}
.optimizations-dashboard__layout--authenticated {
  flex-direction: column;
}
@media screen and (min-width: 1024px) {
.optimizations-dashboard__layout {
    height: 100vh;
}
}
body::-webkit-scrollbar {
  width: 2px; /* width of the entire scrollbar */
  height: 4px;
}
body::-webkit-scrollbar-track {
  background: transparent; /* color of the tracking area */
}
body::-webkit-scrollbar-thumb {
  background-color: #232859; /* color of the scroll thumb */
  border-radius: 20px; /* roundness of the scroll thumb */
}
.fade-enter-active,
.fade-leave-active {
  transition: opacity 0.5s ease;
}
.fade-enter-from,
.fade-leave-to {
  opacity: 0;
}[data-v-9855295d]:root {
  --brand-transparent: #f0f0ff;
  --brand-background: #f0f0ff;
  --brand-secondary-hover: #4e1ec8;
  --brand-secondary-background: #000;
  --color-white: #ffffff;
  --color-white-smoke: #f5f5f5;
  --color-grey-text: #6d6d6d;
  --color-black: #000000;
  --color-grey: #dcdcdc;
  --color-error: #ff0000;
  --color-positive: #04954c;
  --color-refuse: #ff4d00;
  --color-disabled: #e1e3eb;
  --color-favorite: #e4cc37;
  --neutral-0: #ffffff;
  --neutral-100: #000000;
  --grey-25: #fafafa;
  --grey-50: #f0f0f0;
  --grey-100: #e5e5e5;
  --grey-200: #d6d6d6;
  --grey-300: #b8b8b8;
  --grey-400: #a3a3a3;
  --grey-500: #8f8f8f;
  --grey-600: #666666;
  --grey-700: #525252;
  --grey-800: #282828;
  --grey-900: #141414;
  --purple-25: #faf5ff;
  --purple-50: #f4ebff;
  --purple-100: #e9d6ff;
  --purple-200: #dec2ff;
  --purple-300: #c899ff;
  --purple-400: #b270ff;
  --purple-500: #9d44fc;
  --purple-600: #8b22fb;
  --purple-700: #7704f1;
  --purple-800: #5102a1;
  --purple-900: #280150;
  --red-25: #fff6f5;
  --red-50: #ffedeb;
  --red-100: #ffdcd6;
  --red-200: #ffcac2;
  --red-300: #ffa699;
  --red-400: #ff8470;
  --red-500: #ff6248;
  --red-600: #ff3e1f;
  --red-700: #f52300;
  --red-800: #a31700;
  --red-900: #520c00;
  --yellow-25: #fffcf5;
  --yellow-50: #fff9eb;
  --yellow-100: #fff3d6;
  --yellow-200: #ffecc2;
  --yellow-300: #fee09a;
  --yellow-400: #fed471;
  --yellow-500: #fed748;
  --yellow-600: #febb20;
  --yellow-700: #f3aa01;
  --yellow-800: #a26901;
  --yellow-900: #520c00;
  --green-25: #f7fdfa;
  --green-50: #effbf5;
  --green-100: #def7ec;
  --green-200: #cef3e2;
  --green-300: #adebcf;
  --green-400: #8ce3bc;
  --green-500: #6bdba8;
  --green-600: #4ad395;
  --green-700: #2ebf7d;
  --green-800: #208456;
  --green-900: #10422b;
  --brand-gray: var(--grey-100);
  --brand-black: var(--grey-800);
  --brand-primary: var(--purple-500);
  --brand-primary-hover: var(--purple-700);
  --brand-secondary: var(--red-500);
  --brand-tertiary: var(--green-700);
  --text-color: var(--brand-black);
  --box-shadow-rgb-color: 16, 24, 40;
  /* Platforms */
  --bg-ubereats: #000;
  --bg-glovo: #ffcc1b;
  --bg-bolt: #f4f4f4;
  --bg-deliveroo: #00ccbc;
  /* TODO: After rebranding merge change this? */
  --color-up: #208456;
  --color-up-opacity: #f7fdfa;
  --color-down: #f52300;
  --color-down-opacity: #fff6f5;
  --color-primary-25: #faf5ff;
  --color-primary-500: #9d44fc;
  --input-border: #3c3c3c42;
  --input-color: #686b8d;
  --secondary-grey-stroke: #d6dfe8;
  --secondary-text: #474e68;
  --secondary-text-2: #969dbb;
  --grey-background: #fbfbfe;
  --grey-lines: #e0dfdf;
  --brand-primary-rgb: 35, 40, 89;
  --brand-secondary-rgb: 95, 37, 224;
  --brand-tertiary-rgb: 255, 94, 0;
  --brand-background-rgb: 240, 240, 255;
  --text-secondary-rgb: 71, 78, 104;
  --color-refuse-rgb: 255, 77, 0;
  --color-positive-rgb: 4, 149, 76;
  --color-grey-rgb: 220, 220, 220;
  --color-white-rgb: 255, 255, 255;
  --spacing-3xs: 4px;
  --spacing-xxs: 8px;
  --spacing-xs: 16px;
  --spacing-s: 24px;
  --spacing-m: 32px;
  --spacing-l: 48px;
  --spacing-xl: 60px;
  --spacing-xxl: 120px;
  --spacing-3xl: 240px;
  --input-height: 46px;
  --loading-min-height: 60px;
  --loading-card-height: 80px;
  --header-height: 78px;
  --platform-icon-size-big: 64px;
  --platform-icon-size-small: 40px;
  --max-login-size: 600px;
  --checkmark-clip-path: polygon(21% 45%, 8% 58%, 40% 85%, 95% 42%, 83% 29%, 42% 63%);
  --z-index-table-header: 4;
  --z-index-tooltip: 5;
  --z-index-datepicker: 6;
  --z-index-dropdown-content: 10;
}

/* Typography */
h1[data-v-9855295d] {
  font-size: 24px;
  font-weight: 500;
  margin: 0;
}
h2[data-v-9855295d] {
  font-size: 20px;
  font-weight: 500;
  margin: 0;
}
h3[data-v-9855295d] {
  font-size: 14px;
  font-weight: 400;
  margin: 0;
}
h4[data-v-9855295d] {
  font-size: 18px;
  font-weight: 600;
  margin: 0;
}
html[data-v-9855295d],
body[data-v-9855295d] {
  width: 100%;
  height: 100%;
  padding: 0;
  margin: 0;
}
h3[data-v-9855295d] {
  margin: 0;
}
ul[data-v-9855295d] {
  margin: 0;
  padding: 0;
  list-style: none;
}
p[data-v-9855295d] {
  margin: 0;
}
input[data-v-9855295d] {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
}
input[data-v-9855295d]:-webkit-autofill, input[data-v-9855295d]:-webkit-autofill:hover, input[data-v-9855295d]:-webkit-autofill:focus, input[data-v-9855295d]:-webkit-autofill:active {
  -webkit-box-shadow: 0 0 0 100px white inset !important;
  -webkit-text-fill-color: var(--brand-primary) !important;
}

/**
  * Inline-block elements (like <svg> and <img>) 
  * sit on the text baseline. The extra space you are seeing is 
  * the space left to accommodate character descenders (the tail on 'y', 'g' etc).
  **/
svg[data-v-9855295d] {
  display: block;
}
.header[data-v-9855295d] {
  display: flex;
  flex-direction: column;
  flex-wrap: wrap;
  justify-content: flex-end;
  width: 100%;
  min-height: var(--header-height);
  padding: var(--spacing-s);
  background-color: var(--brand-grey);
  box-sizing: border-box;
}
.header__mobile-menu-icon[data-v-9855295d] {
  margin-right: 16px;
}
.header__actions[data-v-9855295d] {
  display: flex;
  flex-direction: column;
  width: 100%;
}
.header__option-icon[data-v-9855295d] {
  flex-shrink: 0;
  margin-right: 8px;
  stroke: var(--brand-black);
}
.header__modal[data-v-9855295d] {
  position: absolute;
}
.header__flags[data-v-9855295d] {
  display: flex;
  margin: 16px 0 8px 24px;
}
.header__flags > .fi[data-v-9855295d] {
  margin-right: 8px;
  cursor: pointer;
}
.header__flags > .fi[data-v-9855295d]:last-child {
  margin-right: 0;
}
.header__button[data-v-9855295d] {
  width: 100%;
  height: 100%;
}
.header__button[data-v-9855295d]:after {
  position: absolute;
  top: 4px;
  bottom: 4px;
  left: 4px;
  width: 42px;
  height: calc(100% - 8px);
  border-radius: 6px;
  opacity: 0.5;
  content: "";
}
.header__account-button[data-v-9855295d]:after {
  background-color: #faf5ff;
}
.header__account-button .header__action-icon[data-v-9855295d] {
  stroke: var(--brand-primary);
}
.header__account-button[data-v-9855295d]  .vs__selected-options {
  margin-left: calc(var(--input-height) + 8px);
}
.header__account-option[data-v-9855295d] {
  display: flex;
  align-items: center;
}
.header__account-option--small[data-v-9855295d] {
  font-size: 0.9rem;
}
.header__temp-mobile[data-v-9855295d] {
  display: flex;
  align-items: center;
  margin-bottom: 1rem;
}
@media screen and (min-width: 1024px) {
.header[data-v-9855295d] {
    flex-direction: row;
    padding: 16px 32px;
}
.header__temp-mobile[data-v-9855295d] {
    display: none;
}
.header__mobile-menu-icon[data-v-9855295d] {
    display: none;
}
.header__actions[data-v-9855295d] {
    flex-direction: row;
    width: -moz-fit-content;
    width: fit-content;
}
.header__account-button[data-v-9855295d] {
    width: 258px;
    margin-left: 16px;
}
}[data-v-e1a4cf9a]:root {
  --brand-transparent: #f0f0ff;
  --brand-background: #f0f0ff;
  --brand-secondary-hover: #4e1ec8;
  --brand-secondary-background: #000;
  --color-white: #ffffff;
  --color-white-smoke: #f5f5f5;
  --color-grey-text: #6d6d6d;
  --color-black: #000000;
  --color-grey: #dcdcdc;
  --color-error: #ff0000;
  --color-positive: #04954c;
  --color-refuse: #ff4d00;
  --color-disabled: #e1e3eb;
  --color-favorite: #e4cc37;
  --neutral-0: #ffffff;
  --neutral-100: #000000;
  --grey-25: #fafafa;
  --grey-50: #f0f0f0;
  --grey-100: #e5e5e5;
  --grey-200: #d6d6d6;
  --grey-300: #b8b8b8;
  --grey-400: #a3a3a3;
  --grey-500: #8f8f8f;
  --grey-600: #666666;
  --grey-700: #525252;
  --grey-800: #282828;
  --grey-900: #141414;
  --purple-25: #faf5ff;
  --purple-50: #f4ebff;
  --purple-100: #e9d6ff;
  --purple-200: #dec2ff;
  --purple-300: #c899ff;
  --purple-400: #b270ff;
  --purple-500: #9d44fc;
  --purple-600: #8b22fb;
  --purple-700: #7704f1;
  --purple-800: #5102a1;
  --purple-900: #280150;
  --red-25: #fff6f5;
  --red-50: #ffedeb;
  --red-100: #ffdcd6;
  --red-200: #ffcac2;
  --red-300: #ffa699;
  --red-400: #ff8470;
  --red-500: #ff6248;
  --red-600: #ff3e1f;
  --red-700: #f52300;
  --red-800: #a31700;
  --red-900: #520c00;
  --yellow-25: #fffcf5;
  --yellow-50: #fff9eb;
  --yellow-100: #fff3d6;
  --yellow-200: #ffecc2;
  --yellow-300: #fee09a;
  --yellow-400: #fed471;
  --yellow-500: #fed748;
  --yellow-600: #febb20;
  --yellow-700: #f3aa01;
  --yellow-800: #a26901;
  --yellow-900: #520c00;
  --green-25: #f7fdfa;
  --green-50: #effbf5;
  --green-100: #def7ec;
  --green-200: #cef3e2;
  --green-300: #adebcf;
  --green-400: #8ce3bc;
  --green-500: #6bdba8;
  --green-600: #4ad395;
  --green-700: #2ebf7d;
  --green-800: #208456;
  --green-900: #10422b;
  --brand-gray: var(--grey-100);
  --brand-black: var(--grey-800);
  --brand-primary: var(--purple-500);
  --brand-primary-hover: var(--purple-700);
  --brand-secondary: var(--red-500);
  --brand-tertiary: var(--green-700);
  --text-color: var(--brand-black);
  --box-shadow-rgb-color: 16, 24, 40;
  /* Platforms */
  --bg-ubereats: #000;
  --bg-glovo: #ffcc1b;
  --bg-bolt: #f4f4f4;
  --bg-deliveroo: #00ccbc;
  /* TODO: After rebranding merge change this? */
  --color-up: #208456;
  --color-up-opacity: #f7fdfa;
  --color-down: #f52300;
  --color-down-opacity: #fff6f5;
  --color-primary-25: #faf5ff;
  --color-primary-500: #9d44fc;
  --input-border: #3c3c3c42;
  --input-color: #686b8d;
  --secondary-grey-stroke: #d6dfe8;
  --secondary-text: #474e68;
  --secondary-text-2: #969dbb;
  --grey-background: #fbfbfe;
  --grey-lines: #e0dfdf;
  --brand-primary-rgb: 35, 40, 89;
  --brand-secondary-rgb: 95, 37, 224;
  --brand-tertiary-rgb: 255, 94, 0;
  --brand-background-rgb: 240, 240, 255;
  --text-secondary-rgb: 71, 78, 104;
  --color-refuse-rgb: 255, 77, 0;
  --color-positive-rgb: 4, 149, 76;
  --color-grey-rgb: 220, 220, 220;
  --color-white-rgb: 255, 255, 255;
  --spacing-3xs: 4px;
  --spacing-xxs: 8px;
  --spacing-xs: 16px;
  --spacing-s: 24px;
  --spacing-m: 32px;
  --spacing-l: 48px;
  --spacing-xl: 60px;
  --spacing-xxl: 120px;
  --spacing-3xl: 240px;
  --input-height: 46px;
  --loading-min-height: 60px;
  --loading-card-height: 80px;
  --header-height: 78px;
  --platform-icon-size-big: 64px;
  --platform-icon-size-small: 40px;
  --max-login-size: 600px;
  --checkmark-clip-path: polygon(21% 45%, 8% 58%, 40% 85%, 95% 42%, 83% 29%, 42% 63%);
  --z-index-table-header: 4;
  --z-index-tooltip: 5;
  --z-index-datepicker: 6;
  --z-index-dropdown-content: 10;
}

/* Typography */
h1[data-v-e1a4cf9a] {
  font-size: 24px;
  font-weight: 500;
  margin: 0;
}
h2[data-v-e1a4cf9a] {
  font-size: 20px;
  font-weight: 500;
  margin: 0;
}
h3[data-v-e1a4cf9a] {
  font-size: 14px;
  font-weight: 400;
  margin: 0;
}
h4[data-v-e1a4cf9a] {
  font-size: 18px;
  font-weight: 600;
  margin: 0;
}
html[data-v-e1a4cf9a],
body[data-v-e1a4cf9a] {
  width: 100%;
  height: 100%;
  padding: 0;
  margin: 0;
}
h3[data-v-e1a4cf9a] {
  margin: 0;
}
ul[data-v-e1a4cf9a] {
  margin: 0;
  padding: 0;
  list-style: none;
}
p[data-v-e1a4cf9a] {
  margin: 0;
}
input[data-v-e1a4cf9a] {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
}
input[data-v-e1a4cf9a]:-webkit-autofill, input[data-v-e1a4cf9a]:-webkit-autofill:hover, input[data-v-e1a4cf9a]:-webkit-autofill:focus, input[data-v-e1a4cf9a]:-webkit-autofill:active {
  -webkit-box-shadow: 0 0 0 100px white inset !important;
  -webkit-text-fill-color: var(--brand-primary) !important;
}

/**
  * Inline-block elements (like <svg> and <img>) 
  * sit on the text baseline. The extra space you are seeing is 
  * the space left to accommodate character descenders (the tail on 'y', 'g' etc).
  **/
svg[data-v-e1a4cf9a] {
  display: block;
}
.footer[data-v-e1a4cf9a] {
  font-size: 16px;
  font-weight: 400;
  line-height: 24px;
  color: var(--text-color);
  display: grid;
  grid-template-areas: "logo" "social-media" "text";
  justify-items: center;
  align-items: center;
  gap: var(--spacing-xs);
}
.footer__logo[data-v-e1a4cf9a] {
  grid-area: logo;
}
.footer__text[data-v-e1a4cf9a] {
  grid-area: text;
}
.footer__terms-and-conditions[data-v-e1a4cf9a] {
  text-decoration: underline;
  cursor: pointer;
}
.footer__social-media[data-v-e1a4cf9a] {
  display: flex;
  grid-area: social-media;
  gap: var(--spacing-xs);
}
.footer__button[data-v-e1a4cf9a] {
  display: flex;
  justify-content: center;
  align-items: center;
  width: var(--spacing-m);
  aspect-ratio: 1;
  border-radius: var(--spacing-3xs);
  background-color: var(--brand-black);
}
@media screen and (min-width: 768px) {
.footer[data-v-e1a4cf9a] {
    grid-template-areas: "text logo social-media";
}
.footer__text[data-v-e1a4cf9a] {
    justify-self: start;
}
.footer__social-media[data-v-e1a4cf9a] {
    justify-self: flex-end;
}
}.terms-of-conditions__overlay {
  width: 100%;
  height: 100%;
  position: fixed;
}
.terms-of-conditions__overlay--is-new-user {
  background-image: url("~@/assets/images/preview-blur-bg.png");
}
.terms-of-conditions__modal-content {
  overflow: auto;
}
.terms-of-conditions__modal-content .docx {
  width: 100%;
  padding: var(--spacing-xs);
}
.terms-of-conditions__modal-footer {
  display: flex;
  justify-content: space-around;
  width: 100%;
  margin-top: var(--spacing-m);
}[data-v-1fac8b48]:root {
  --brand-transparent: #f0f0ff;
  --brand-background: #f0f0ff;
  --brand-secondary-hover: #4e1ec8;
  --brand-secondary-background: #000;
  --color-white: #ffffff;
  --color-white-smoke: #f5f5f5;
  --color-grey-text: #6d6d6d;
  --color-black: #000000;
  --color-grey: #dcdcdc;
  --color-error: #ff0000;
  --color-positive: #04954c;
  --color-refuse: #ff4d00;
  --color-disabled: #e1e3eb;
  --color-favorite: #e4cc37;
  --neutral-0: #ffffff;
  --neutral-100: #000000;
  --grey-25: #fafafa;
  --grey-50: #f0f0f0;
  --grey-100: #e5e5e5;
  --grey-200: #d6d6d6;
  --grey-300: #b8b8b8;
  --grey-400: #a3a3a3;
  --grey-500: #8f8f8f;
  --grey-600: #666666;
  --grey-700: #525252;
  --grey-800: #282828;
  --grey-900: #141414;
  --purple-25: #faf5ff;
  --purple-50: #f4ebff;
  --purple-100: #e9d6ff;
  --purple-200: #dec2ff;
  --purple-300: #c899ff;
  --purple-400: #b270ff;
  --purple-500: #9d44fc;
  --purple-600: #8b22fb;
  --purple-700: #7704f1;
  --purple-800: #5102a1;
  --purple-900: #280150;
  --red-25: #fff6f5;
  --red-50: #ffedeb;
  --red-100: #ffdcd6;
  --red-200: #ffcac2;
  --red-300: #ffa699;
  --red-400: #ff8470;
  --red-500: #ff6248;
  --red-600: #ff3e1f;
  --red-700: #f52300;
  --red-800: #a31700;
  --red-900: #520c00;
  --yellow-25: #fffcf5;
  --yellow-50: #fff9eb;
  --yellow-100: #fff3d6;
  --yellow-200: #ffecc2;
  --yellow-300: #fee09a;
  --yellow-400: #fed471;
  --yellow-500: #fed748;
  --yellow-600: #febb20;
  --yellow-700: #f3aa01;
  --yellow-800: #a26901;
  --yellow-900: #520c00;
  --green-25: #f7fdfa;
  --green-50: #effbf5;
  --green-100: #def7ec;
  --green-200: #cef3e2;
  --green-300: #adebcf;
  --green-400: #8ce3bc;
  --green-500: #6bdba8;
  --green-600: #4ad395;
  --green-700: #2ebf7d;
  --green-800: #208456;
  --green-900: #10422b;
  --brand-gray: var(--grey-100);
  --brand-black: var(--grey-800);
  --brand-primary: var(--purple-500);
  --brand-primary-hover: var(--purple-700);
  --brand-secondary: var(--red-500);
  --brand-tertiary: var(--green-700);
  --text-color: var(--brand-black);
  --box-shadow-rgb-color: 16, 24, 40;
  /* Platforms */
  --bg-ubereats: #000;
  --bg-glovo: #ffcc1b;
  --bg-bolt: #f4f4f4;
  --bg-deliveroo: #00ccbc;
  /* TODO: After rebranding merge change this? */
  --color-up: #208456;
  --color-up-opacity: #f7fdfa;
  --color-down: #f52300;
  --color-down-opacity: #fff6f5;
  --color-primary-25: #faf5ff;
  --color-primary-500: #9d44fc;
  --input-border: #3c3c3c42;
  --input-color: #686b8d;
  --secondary-grey-stroke: #d6dfe8;
  --secondary-text: #474e68;
  --secondary-text-2: #969dbb;
  --grey-background: #fbfbfe;
  --grey-lines: #e0dfdf;
  --brand-primary-rgb: 35, 40, 89;
  --brand-secondary-rgb: 95, 37, 224;
  --brand-tertiary-rgb: 255, 94, 0;
  --brand-background-rgb: 240, 240, 255;
  --text-secondary-rgb: 71, 78, 104;
  --color-refuse-rgb: 255, 77, 0;
  --color-positive-rgb: 4, 149, 76;
  --color-grey-rgb: 220, 220, 220;
  --color-white-rgb: 255, 255, 255;
  --spacing-3xs: 4px;
  --spacing-xxs: 8px;
  --spacing-xs: 16px;
  --spacing-s: 24px;
  --spacing-m: 32px;
  --spacing-l: 48px;
  --spacing-xl: 60px;
  --spacing-xxl: 120px;
  --spacing-3xl: 240px;
  --input-height: 46px;
  --loading-min-height: 60px;
  --loading-card-height: 80px;
  --header-height: 78px;
  --platform-icon-size-big: 64px;
  --platform-icon-size-small: 40px;
  --max-login-size: 600px;
  --checkmark-clip-path: polygon(21% 45%, 8% 58%, 40% 85%, 95% 42%, 83% 29%, 42% 63%);
  --z-index-table-header: 4;
  --z-index-tooltip: 5;
  --z-index-datepicker: 6;
  --z-index-dropdown-content: 10;
}

/* Typography */
h1[data-v-1fac8b48] {
  font-size: 24px;
  font-weight: 500;
  margin: 0;
}
h2[data-v-1fac8b48] {
  font-size: 20px;
  font-weight: 500;
  margin: 0;
}
h3[data-v-1fac8b48] {
  font-size: 14px;
  font-weight: 400;
  margin: 0;
}
h4[data-v-1fac8b48] {
  font-size: 18px;
  font-weight: 600;
  margin: 0;
}
html[data-v-1fac8b48],
body[data-v-1fac8b48] {
  width: 100%;
  height: 100%;
  padding: 0;
  margin: 0;
}
h3[data-v-1fac8b48] {
  margin: 0;
}
ul[data-v-1fac8b48] {
  margin: 0;
  padding: 0;
  list-style: none;
}
p[data-v-1fac8b48] {
  margin: 0;
}
input[data-v-1fac8b48] {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
}
input[data-v-1fac8b48]:-webkit-autofill, input[data-v-1fac8b48]:-webkit-autofill:hover, input[data-v-1fac8b48]:-webkit-autofill:focus, input[data-v-1fac8b48]:-webkit-autofill:active {
  -webkit-box-shadow: 0 0 0 100px white inset !important;
  -webkit-text-fill-color: var(--brand-primary) !important;
}

/**
  * Inline-block elements (like <svg> and <img>) 
  * sit on the text baseline. The extra space you are seeing is 
  * the space left to accommodate character descenders (the tail on 'y', 'g' etc).
  **/
svg[data-v-1fac8b48] {
  display: block;
}
.content[data-v-1fac8b48] {
  --max-content-size: 2000px;
  display: flex;
  flex-direction: column;
}
.content__body[data-v-1fac8b48] {
  flex: 1;
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: var(--spacing-m);
  background-color: var(--color-white);
}
@media screen and (max-width: 768px) {
.content__body--single-page[data-v-1fac8b48] {
    height: unset;
}
}
.content__authenticated-layout[data-v-1fac8b48], .content__bread-crumbs[data-v-1fac8b48] {
  flex: 0;
  width: 100%;
  max-width: var(--max-content-size);
}
.content__authenticated-layout[data-v-1fac8b48] {
  flex: 1;
  width: 100%;
  margin: 0 auto;
}
.content__authenticated-layout--single-page[data-v-1fac8b48] {
  max-height: 100%;
}
@media screen and (max-width: 768px) {
.content__authenticated-layout--single-page[data-v-1fac8b48] {
    max-height: unset;
}
}
.content__footer[data-v-1fac8b48] {
  flex: 0;
  width: 100%;
  margin-top: auto;
  padding: 16px 32px;
}
@media screen and (min-width: 1024px) {
.content[data-v-1fac8b48] {
    flex-direction: row;
    flex: 1;
    overflow: auto;
}
}
/* Flag icons styles */
.fi[data-v-03529f72] {
  width: 1.2em;
  height: 1.2em;
  background-size: contain;
  background-position: 50%;
  background-repeat: no-repeat;
}
[data-v-a09d1ac1]:root {
  --brand-transparent: #f0f0ff;
  --brand-background: #f0f0ff;
  --brand-secondary-hover: #4e1ec8;
  --brand-secondary-background: #000;
  --color-white: #ffffff;
  --color-white-smoke: #f5f5f5;
  --color-grey-text: #6d6d6d;
  --color-black: #000000;
  --color-grey: #dcdcdc;
  --color-error: #ff0000;
  --color-positive: #04954c;
  --color-refuse: #ff4d00;
  --color-disabled: #e1e3eb;
  --color-favorite: #e4cc37;
  --neutral-0: #ffffff;
  --neutral-100: #000000;
  --grey-25: #fafafa;
  --grey-50: #f0f0f0;
  --grey-100: #e5e5e5;
  --grey-200: #d6d6d6;
  --grey-300: #b8b8b8;
  --grey-400: #a3a3a3;
  --grey-500: #8f8f8f;
  --grey-600: #666666;
  --grey-700: #525252;
  --grey-800: #282828;
  --grey-900: #141414;
  --purple-25: #faf5ff;
  --purple-50: #f4ebff;
  --purple-100: #e9d6ff;
  --purple-200: #dec2ff;
  --purple-300: #c899ff;
  --purple-400: #b270ff;
  --purple-500: #9d44fc;
  --purple-600: #8b22fb;
  --purple-700: #7704f1;
  --purple-800: #5102a1;
  --purple-900: #280150;
  --red-25: #fff6f5;
  --red-50: #ffedeb;
  --red-100: #ffdcd6;
  --red-200: #ffcac2;
  --red-300: #ffa699;
  --red-400: #ff8470;
  --red-500: #ff6248;
  --red-600: #ff3e1f;
  --red-700: #f52300;
  --red-800: #a31700;
  --red-900: #520c00;
  --yellow-25: #fffcf5;
  --yellow-50: #fff9eb;
  --yellow-100: #fff3d6;
  --yellow-200: #ffecc2;
  --yellow-300: #fee09a;
  --yellow-400: #fed471;
  --yellow-500: #fed748;
  --yellow-600: #febb20;
  --yellow-700: #f3aa01;
  --yellow-800: #a26901;
  --yellow-900: #520c00;
  --green-25: #f7fdfa;
  --green-50: #effbf5;
  --green-100: #def7ec;
  --green-200: #cef3e2;
  --green-300: #adebcf;
  --green-400: #8ce3bc;
  --green-500: #6bdba8;
  --green-600: #4ad395;
  --green-700: #2ebf7d;
  --green-800: #208456;
  --green-900: #10422b;
  --brand-gray: var(--grey-100);
  --brand-black: var(--grey-800);
  --brand-primary: var(--purple-500);
  --brand-primary-hover: var(--purple-700);
  --brand-secondary: var(--red-500);
  --brand-tertiary: var(--green-700);
  --text-color: var(--brand-black);
  --box-shadow-rgb-color: 16, 24, 40;
  /* Platforms */
  --bg-ubereats: #000;
  --bg-glovo: #ffcc1b;
  --bg-bolt: #f4f4f4;
  --bg-deliveroo: #00ccbc;
  /* TODO: After rebranding merge change this? */
  --color-up: #208456;
  --color-up-opacity: #f7fdfa;
  --color-down: #f52300;
  --color-down-opacity: #fff6f5;
  --color-primary-25: #faf5ff;
  --color-primary-500: #9d44fc;
  --input-border: #3c3c3c42;
  --input-color: #686b8d;
  --secondary-grey-stroke: #d6dfe8;
  --secondary-text: #474e68;
  --secondary-text-2: #969dbb;
  --grey-background: #fbfbfe;
  --grey-lines: #e0dfdf;
  --brand-primary-rgb: 35, 40, 89;
  --brand-secondary-rgb: 95, 37, 224;
  --brand-tertiary-rgb: 255, 94, 0;
  --brand-background-rgb: 240, 240, 255;
  --text-secondary-rgb: 71, 78, 104;
  --color-refuse-rgb: 255, 77, 0;
  --color-positive-rgb: 4, 149, 76;
  --color-grey-rgb: 220, 220, 220;
  --color-white-rgb: 255, 255, 255;
  --spacing-3xs: 4px;
  --spacing-xxs: 8px;
  --spacing-xs: 16px;
  --spacing-s: 24px;
  --spacing-m: 32px;
  --spacing-l: 48px;
  --spacing-xl: 60px;
  --spacing-xxl: 120px;
  --spacing-3xl: 240px;
  --input-height: 46px;
  --loading-min-height: 60px;
  --loading-card-height: 80px;
  --header-height: 78px;
  --platform-icon-size-big: 64px;
  --platform-icon-size-small: 40px;
  --max-login-size: 600px;
  --checkmark-clip-path: polygon(21% 45%, 8% 58%, 40% 85%, 95% 42%, 83% 29%, 42% 63%);
  --z-index-table-header: 4;
  --z-index-tooltip: 5;
  --z-index-datepicker: 6;
  --z-index-dropdown-content: 10;
}

/* Typography */
h1[data-v-a09d1ac1] {
  font-size: 24px;
  font-weight: 500;
  margin: 0;
}
h2[data-v-a09d1ac1] {
  font-size: 20px;
  font-weight: 500;
  margin: 0;
}
h3[data-v-a09d1ac1] {
  font-size: 14px;
  font-weight: 400;
  margin: 0;
}
h4[data-v-a09d1ac1] {
  font-size: 18px;
  font-weight: 600;
  margin: 0;
}
html[data-v-a09d1ac1],
body[data-v-a09d1ac1] {
  width: 100%;
  height: 100%;
  padding: 0;
  margin: 0;
}
h3[data-v-a09d1ac1] {
  margin: 0;
}
ul[data-v-a09d1ac1] {
  margin: 0;
  padding: 0;
  list-style: none;
}
p[data-v-a09d1ac1] {
  margin: 0;
}
input[data-v-a09d1ac1] {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
}
input[data-v-a09d1ac1]:-webkit-autofill, input[data-v-a09d1ac1]:-webkit-autofill:hover, input[data-v-a09d1ac1]:-webkit-autofill:focus, input[data-v-a09d1ac1]:-webkit-autofill:active {
  -webkit-box-shadow: 0 0 0 100px white inset !important;
  -webkit-text-fill-color: var(--brand-primary) !important;
}

/**
  * Inline-block elements (like <svg> and <img>) 
  * sit on the text baseline. The extra space you are seeing is 
  * the space left to accommodate character descenders (the tail on 'y', 'g' etc).
  **/
svg[data-v-a09d1ac1] {
  display: block;
}
.not-authenticated[data-v-a09d1ac1] {
  display: flex;
  justify-content: center;
  height: 100%;
}
.not-authenticated__padding[data-v-a09d1ac1] {
  display: none;
  height: 100vh;
  width: 45%;
  background-color: var(--brand-primary);
}
.not-authenticated__content[data-v-a09d1ac1] {
  flex: 1;
  height: 100%;
  padding: var(--spacing-xl) var(--spacing-s);
  box-sizing: border-box;
}
@media screen and (min-width: 768px) {
.not-authenticated[data-v-a09d1ac1] {
    align-items: center;
}
}
@media screen and (min-width: 1024px) {
.not-authenticated[data-v-a09d1ac1] {
    justify-content: unset;
}
.not-authenticated__padding[data-v-a09d1ac1] {
    display: block;
}
}