@import url("https://fonts.googleapis.com/css2?family=Inter:ital,opsz,wght@0,14..32,100..900;1,14..32,100..900&display=swap");
:root {
  --tab-name-color: var(--neutral_500);
  --tab-name-active-color: var(--primary);
  --menu-item-tab-active-bg: var(--primary-transparent-dark);
  --menu-item-font-size: var(--fs-sm);
  --menu-item-font-color: var(--neutral_600);
  --menu-item-icon-font-color: var(--neutral_400);
  --menu-item-tab-font-color: var(--black-text);
  --menu-dropdown-bg: var(--primary);
  --menu-dropdown-hover-bg: var(--primary-transparent);
  --font-body: var(--font-family);
  --font-heading: var(--font-family);
  /*****FONT*****/
  --font-family: "Inter", Tahoma, Geneva, Verdana, sans-serif;
  --font-size-body: var(--fs-base);
  /*---------------- Font Size ----------------*/
  --fs-base: 0.9375rem; /* 15px */
  --fs-xs: 0.813rem;
  --fs-sm: 0.875rem;
  --fs-regular: 1rem;
  --fs-medium: 1.25rem;
  --fs-lg: 1.125rem;
  --fs-2xl: var(--unit-6);
  /*---------------- Font Weight ----------------*/
  --fw-regular: 400;
  --fw-medium: 500;
  --fw-semibold: 600;
  /*---------------- Line Height ----------------*/
  --lh-regular: 1.725rem;
  --lh-lg: var(--unit-6);
  --lh-2xl: var(--unit-8);
  /*---------------- Unit Size ----------------*/
  --unit-0: 0;
  --unit-px: 0.0625rem;
  --unit-half: 0.125rem;
  --unit-1: 0.25rem;
  --unit-2: 0.5rem;
  --unit-3: 0.75rem;
  --unit-4: 1rem;
  --unit-5: 1.25rem;
  --unit-6: 1.5rem;
  --unit-7: 1.75rem;
  --unit-8: 2rem;
  --unit-9: 2.25rem;
  --unit-10: 2.5rem;
  --unit-11: 2.75rem;
  --unit-12: 3rem;
  --unit-14: 3.5rem;
  --unit-16: 4rem;
  --unit-18: 4.5rem;
  --unit-20: 5rem;
  --unit-22: 5.5rem;
  --unit-24: 6rem;
  --unit-28: 7rem;
  --unit-32: 8rem;
  --unit-36: 9rem;
  --unit-40: 10rem;
  --unit-46: 11.5rem;
  --unit-card: 46rem;
  --corner-sm: 2px;
  --corner-lg: 8px;
  --corner-3xl: 24px;
  --spacing-1: 4px;
  --spacing-2: 8px;
  --spacing-3: 12px;
  --spacing-5: 20px;
  --spacing-6: 24px;
  --black-text: var(--neutral_900);
  --dark: var(--neutral_900);
  --medium: var(--neutral_500);
  --light: var(--neutral_300);
  --primary: var(--purple_500);
  --success: var(--green_600);
  --error: var(--red_500);
  --warning: var(--orange_500);
  --purple: var(--purple_500);
  --lightblue: var(--blue_500);
  --light-orange: var(--yellow_100);
  --ire-orange: #ec7615;
  --tracker: var(--yellow_500);
  --dark-transparent: rgba(34, 43, 51, 0.16);
  --medium-transparent: rgba(107, 107, 107, 0.15);
  --primary-light: var(--purple_100);
  --primary-medium: #709ece;
  --primary-transparent: var(--purple_100);
  --primary-transparent-dark: rgba(214, 225, 255, 0.4);
  --success-transparent: var(--green_100);
  --error-transparent: var(--red_100);
  --warning-transparent: var(--orange_100);
  --white: #ffffff;
  --disabled-background-colour: var(--light);
  --off: var(--neutral_300);
  --in: var(--in-default);
  --out: var(--out-default);
  --overdue: var(--overdue-default);
  --unknown: var(--unknown-default);
  --missing: var(--missing-default);
  --signal: #ffffff;
  --wrongpos: var(--wrongpos-default);
  --loading: var(--loading-default);
  --in-default: var(--green_600);
  --out-default: var(--blue_700);
  --overdue-default: var(--plum_500);
  --unknown-default: var(--red_500);
  --missing-default: var(--red_500);
  --wrongpos-default: var(--blue_500);
  --loading-default: var(--yellow_500);
  --off-transparent: var(--neutral_050);
  --in-transparent: var(--green_050);
  --out-transparent: var(--blue_050);
  --overdue-transparent: var(--plum_050);
  --unknown-transparent: var(--red_050);
  --missing-transparent: var(--red_050);
  --wrongpos-transparent: var(--blue_050);
  --loading-transparent: var(--yellow_050);
  --in-semi-transparent: var(--green_100);
  --out-semi-transparent: var(--blue_100);
  --overdue-semi-transparent: var(--plum_100);
  --unknown-semi-transparent: var(--red_100);
  --missing-semi-transparent: var(--red_100);
  --wrongpos-semi-transparent: var(--blue_100);
  --loading-semi-transparent: var(--yellow_100);
  --paper: var(--neutral_050);
  --paper2: white;
  --paper3: white;
  --paper4: #edf0f3;
  --primary-passive: rgba(43, 110, 182, 0.15);
  --disabled-opacity: 0.4;
  --disabled-background-color: rgba(153, 153, 153, var(--disabled-opacity));
  /***** NEUTRALS *****/
  --neutral_050: #F2F4F6;
  --neutral_100: #E5E9ED;
  --neutral_150: #D8DEE4;
  --neutral_200: #C5CED6;
  --neutral_300: #9FAEBC;
  --neutral_400: #798DA1;
  --neutral_500: #607890;
  --neutral_600: #506478;
  --neutral_700: #415161;
  --neutral_800: #323E4B;
  --neutral_900: #222B33;
  /***** PURPLES *****/
  --purple_050: #ECF3FF;
  --purple_100: #D6E1FF;
  --purple_200: #B0C6FA;
  --purple_300: #7E9BFA;
  --purple_400: #5573FD;
  --purple_500: #4E56EA;
  --purple_600: #4844DA;
  --purple_700: #4844DA;
  --purple_800: #4844DA;
  --purple_900: #4844DA;
  /***** PINKS *****/
  --pink_050: #FCE5F3;
  --pink_100: #FFC3DE;
  --pink_200: #FF96C6;
  --pink_300: #FF69B4;
  --pink_400: #EB3296;
  --pink_500: #D21482;
  --pink_600: #B90078;
  --pink_700: #9B0064;
  --pink_800: #820055;
  --pink_900: #690046;
  /***** BLUES *****/
  --blue_050: #EBF5FF;
  --blue_100: #D6EAFF;
  --blue_200: #A3D1FF;
  --blue_300: #66B2FF;
  --blue_400: #2994FF;
  --blue_500: #0080FF;
  --blue_600: #006BD6;
  --blue_700: #0056AD;
  --blue_800: #004285;
  --blue_900: #002E5C;
  /***** GREENS *****/
  --green_050: #EDFAF0;
  --green_100: #DBF4E0;
  --green_200: #AEE8BA;
  --green_300: #79D98C;
  --green_400: #43CA5E;
  --green_500: #20C040;
  --green_600: #1AA135;
  --green_700: #15822B;
  --green_800: #106421;
  --green_900: #0B4517;
  /***** YELLOWS *****/
  --yellow_050: #FFF7EB;
  --yellow_100: #FFEFD6;
  --yellow_200: #FFDCA3;
  --yellow_300: #FFC666;
  --yellow_400: #FFAF29;
  --yellow_500: #FFA000;
  --yellow_600: #D68600;
  --yellow_700: #AD6C00;
  --yellow_800: #855300;
  --yellow_900: #5C3900;
  /***** ORANGES *****/
  --orange_050: #FFF2EB;
  --orange_100: #FFE5D6;
  --orange_200: #FFC5A3;
  --orange_300: #FF9F66;
  --orange_400: #FF7929;
  --orange_500: #FF6000;
  --orange_600: #D65000;
  --orange_700: #AD4100;
  --orange_800: #853200;
  --orange_900: #5C2200;
  /***** REDS *****/
  --red_050: #FDECEE;
  --red_100: #FCD9DD;
  --red_200: #F9ABB4;
  --red_300: #F67482;
  --red_400: #F23D51;
  --red_500: #F01830;
  --red_600: #C91428;
  --red_700: #A21020;
  --red_800: #7D0C19;
  --red_900: #560811;
  /***** TEALS *****/
  --teal_050: #E2FAFA;
  --teal_100: #BEF6FA;
  --teal_200: #8CE2EA;
  --teal_300: #50D2DC;
  --teal_400: #14C4D0;
  --teal_500: #00ACBE;
  --teal_600: #0096AA;
  --teal_700: #008292;
  --teal_800: #00646E;
  --teal_900: #00505A;
  /***** PLUMS *****/
  --plum_050: #FAF4FF;
  --plum_100: #E6D2F0;
  --plum_200: #D0A0DA;
  --plum_300: #BD78CC;
  --plum_400: #AF50C4;
  --plum_500: #9A32B4;
  --plum_600: #8C2CAA;
  --plum_700: #7E20A2;
  --plum_800: #6E1296;
  --plum_900: #5A0A82;
}