@import "https://fonts.googleapis.com/css2?family=Open+Sans:ital,wght@0,300..800;1,300..800&display=swap";
@import "https://fonts.googleapis.com/css2?family=Manrope:wght@200..800&display=swap";

/* src/styles.scss */
:root {
  --br-xs: 4px;
  --br-s: 8px;
  --br-m: 12px;
  --br-l: 16px;
  --br-xl: 24px;
  --br-rounded: 99999px;
}
.br-xs {
  border-radius: var(--br-xs);
}
.br-s {
  border-radius: var(--br-s);
}
.br-m {
  border-radius: var(--br-m);
}
.br-l {
  border-radius: var(--br-l);
}
.br-xl {
  border-radius: var(--br-xl);
}
.br-rounded {
  border-radius: var(--br-rounded);
}
:root {
  --c-phindi-rose_900: #800C43;
  --c-phindi-rose_800: #990F50;
  --c-phindi-rose_700: #B2115D;
  --c-phindi-rose_600: #CC146A;
  --c-phindi-rose_500: #E61678;
  --c-phindi-rose_400: #E9349B;
  --c-phindi-rose_300: #EE62B1;
  --c-phindi-rose_200: #F390C8;
  --c-phindi-rose_100: #F8BFDF;
  --c-phindi-rose_50: #FDEDF6;
  --c-phindi-turquoise_900: #020908;
  --c-phindi-turquoise_800: #0A3332;
  --c-phindi-turquoise_700: #125E5C;
  --c-phindi-turquoise_600: #1A8986;
  --c-phindi-turquoise_500: #22B4B0;
  --c-phindi-turquoise_400: #31D8D4;
  --c-phindi-turquoise_300: #5CE0DD;
  --c-phindi-turquoise_200: #87E8E6;
  --c-phindi-turquoise_100: #B2F0EF;
  --c-phindi-turquoise_50: #DDF9F8;
  --c-phindi-turquoise_25: #F6FDFD;
  --c-phindi-lilac_900: #070307;
  --c-phindi-lilac_800: #2B1229;
  --c-phindi-lilac_700: #4E224B;
  --c-phindi-lilac_600: #72316E;
  --c-phindi-lilac_500: #974191;
  --c-phindi-lilac_400: #B554AF;
  --c-phindi-lilac_300: #C578BF;
  --c-phindi-lilac_200: #D49BD0;
  --c-phindi-lilac_100: #E3BFE1;
  --c-phindi-lilac_50: #F3E2F2;
  --c-phindi-orange_100: #FDEFDD;
  --c-phindi-orange_200: #FBD7AC;
  --c-phindi-orange_300: #F9C07C;
  --c-phindi-orange_400: #F6A94B;
  --c-phindi-orange_500: #F49119;
  --c-phindi-orange_600: #D1770A;
  --c-phindi-orange_700: #A15B08;
  --c-phindi-orange_800: #704005;
  --c-phindi-orange_900: #3F2403;
  --c-phindi-blue: #0051B4;
  --c-communication-succeed_900: #052112;
  --c-communication-succeed_800: #0B4224;
  --c-communication-succeed_700: #106436;
  --c-communication-succeed_600: #168548;
  --c-communication-succeed_500: #1BA65A;
  --c-communication-succeed_400: #49B87B;
  --c-communication-succeed_300: #76CA9C;
  --c-communication-succeed_200: #A4DBBD;
  --c-communication-succeed_100: #D1EDDE;
  --c-communication-succeed_50: #E8F6EE;
  --c-communication-warning_900: #332F00;
  --c-communication-warning_800: #665E00;
  --c-communication-warning_700: #998D01;
  --c-communication-warning_600: #CCBC01;
  --c-communication-warning_500: #FFEB01;
  --c-communication-warning_400: #FFEF34;
  --c-communication-warning_300: #FFF367;
  --c-communication-warning_200: #FFF799;
  --c-communication-warning_100: #FFFBCC;
  --c-communication-yellow_50: #FFFDE5;
  --c-communication-error_900: #2B0B0D;
  --c-communication-error_800: #57171A;
  --c-communication-error_700: #822226;
  --c-communication-error_600: #AE2E33;
  --c-communication-error_500: #D93940;
  --c-communication-error_400: #E16166;
  --c-communication-error_300: #E8888C;
  --c-communication-error_200: #F0B0B3;
  --c-communication-error_100: #F7D7D9;
  --c-communication-error_50: #FBEBEC;
  --c-neutrals-grey_900: #1B1C1D;
  --c-neutrals-grey_800: #36393A;
  --c-neutrals-grey_700: #515558;
  --c-neutrals-grey_600: #6C7275;
  --c-neutrals-grey_500: #878E92;
  --c-neutrals-grey_400: #9FA5A8;
  --c-neutrals-grey_300: #B7BBBE;
  --c-neutrals-grey_200: #CFD2D3;
  --c-neutrals-grey_100: #E7E8E9;
  --c-neutrals-grey_50: #F3F3F4;
  --c-neutrals-grey_25: #F9F9F9;
  --c-neutrals-grey_0: #FFFFFF;
  --c-overlay-dark: rgba(54, 57, 58, 0.5);
  --c-overlay-light_1: rgba(243, 243, 244, 0.5);
  --c-overlay-light_2: rgba(249, 249, 249, 0.5);
  --c-overlay-turquoise_light: rgba(34, 180, 176, 0.5);
  --c-overlay-turquoise_dark: rgba(34, 180, 176, 0.75);
}
.fg-phindi-rose_900 {
  color: var(--c-phindi-rose_900);
}
.bg-phindi-rose_900 {
  background-color: var(--c-phindi-rose_900);
}
.fg-phindi-rose_800 {
  color: var(--c-phindi-rose_800);
}
.bg-phindi-rose_800 {
  background-color: var(--c-phindi-rose_800);
}
.fg-phindi-rose_700 {
  color: var(--c-phindi-rose_700);
}
.bg-phindi-rose_700 {
  background-color: var(--c-phindi-rose_700);
}
.fg-phindi-rose_600 {
  color: var(--c-phindi-rose_600);
}
.bg-phindi-rose_600 {
  background-color: var(--c-phindi-rose_600);
}
.fg-phindi-rose_500 {
  color: var(--c-phindi-rose_500);
}
.bg-phindi-rose_500 {
  background-color: var(--c-phindi-rose_500);
}
.fg-phindi-rose_400 {
  color: var(--c-phindi-rose_400);
}
.bg-phindi-rose_400 {
  background-color: var(--c-phindi-rose_400);
}
.fg-phindi-rose_300 {
  color: var(--c-phindi-rose_300);
}
.bg-phindi-rose_300 {
  background-color: var(--c-phindi-rose_300);
}
.fg-phindi-rose_200 {
  color: var(--c-phindi-rose_200);
}
.bg-phindi-rose_200 {
  background-color: var(--c-phindi-rose_200);
}
.fg-phindi-rose_100 {
  color: var(--c-phindi-rose_100);
}
.bg-phindi-rose_100 {
  background-color: var(--c-phindi-rose_100);
}
.fg-phindi-rose_50 {
  color: var(--c-phindi-rose_50);
}
.bg-phindi-rose_50 {
  background-color: var(--c-phindi-rose_50);
}
.fg-phindi-turquoise_900 {
  color: var(--c-phindi-turquoise_900);
}
.bg-phindi-turquoise_900 {
  background-color: var(--c-phindi-turquoise_900);
}
.fg-phindi-turquoise_800 {
  color: var(--c-phindi-turquoise_800);
}
.bg-phindi-turquoise_800 {
  background-color: var(--c-phindi-turquoise_800);
}
.fg-phindi-turquoise_700 {
  color: var(--c-phindi-turquoise_700);
}
.bg-phindi-turquoise_700 {
  background-color: var(--c-phindi-turquoise_700);
}
.fg-phindi-turquoise_600 {
  color: var(--c-phindi-turquoise_600);
}
.bg-phindi-turquoise_600 {
  background-color: var(--c-phindi-turquoise_600);
}
.fg-phindi-turquoise_500 {
  color: var(--c-phindi-turquoise_500);
}
.bg-phindi-turquoise_500 {
  background-color: var(--c-phindi-turquoise_500);
}
.fg-phindi-turquoise_400 {
  color: var(--c-phindi-turquoise_400);
}
.bg-phindi-turquoise_400 {
  background-color: var(--c-phindi-turquoise_400);
}
.fg-phindi-turquoise_300 {
  color: var(--c-phindi-turquoise_300);
}
.bg-phindi-turquoise_300 {
  background-color: var(--c-phindi-turquoise_300);
}
.fg-phindi-turquoise_200 {
  color: var(--c-phindi-turquoise_200);
}
.bg-phindi-turquoise_200 {
  background-color: var(--c-phindi-turquoise_200);
}
.fg-phindi-turquoise_100 {
  color: var(--c-phindi-turquoise_100);
}
.bg-phindi-turquoise_100 {
  background-color: var(--c-phindi-turquoise_100);
}
.fg-phindi-turquoise_50 {
  color: var(--c-phindi-turquoise_50);
}
.bg-phindi-turquoise_50 {
  background-color: var(--c-phindi-turquoise_50);
}
.fg-phindi-turquoise_25 {
  color: var(--c-phindi-turquoise_25);
}
.bg-phindi-turquoise_25 {
  background-color: var(--c-phindi-turquoise_25);
}
.fg-phindi-lilac_900 {
  color: var(--c-phindi-lilac_900);
}
.bg-phindi-lilac_900 {
  background-color: var(--c-phindi-lilac_900);
}
.fg-phindi-lilac_800 {
  color: var(--c-phindi-lilac_800);
}
.bg-phindi-lilac_800 {
  background-color: var(--c-phindi-lilac_800);
}
.fg-phindi-lilac_700 {
  color: var(--c-phindi-lilac_700);
}
.bg-phindi-lilac_700 {
  background-color: var(--c-phindi-lilac_700);
}
.fg-phindi-lilac_600 {
  color: var(--c-phindi-lilac_600);
}
.bg-phindi-lilac_600 {
  background-color: var(--c-phindi-lilac_600);
}
.fg-phindi-lilac_500 {
  color: var(--c-phindi-lilac_500);
}
.bg-phindi-lilac_500 {
  background-color: var(--c-phindi-lilac_500);
}
.fg-phindi-lilac_400 {
  color: var(--c-phindi-lilac_400);
}
.bg-phindi-lilac_400 {
  background-color: var(--c-phindi-lilac_400);
}
.fg-phindi-lilac_300 {
  color: var(--c-phindi-lilac_300);
}
.bg-phindi-lilac_300 {
  background-color: var(--c-phindi-lilac_300);
}
.fg-phindi-lilac_200 {
  color: var(--c-phindi-lilac_200);
}
.bg-phindi-lilac_200 {
  background-color: var(--c-phindi-lilac_200);
}
.fg-phindi-lilac_100 {
  color: var(--c-phindi-lilac_100);
}
.bg-phindi-lilac_100 {
  background-color: var(--c-phindi-lilac_100);
}
.fg-phindi-lilac_50 {
  color: var(--c-phindi-lilac_50);
}
.bg-phindi-lilac_50 {
  background-color: var(--c-phindi-lilac_50);
}
.fg-phindi-orange_100 {
  color: var(--c-phindi-orange_100);
}
.bg-phindi-orange_100 {
  background-color: var(--c-phindi-orange_100);
}
.fg-phindi-orange_200 {
  color: var(--c-phindi-orange_200);
}
.bg-phindi-orange_200 {
  background-color: var(--c-phindi-orange_200);
}
.fg-phindi-orange_300 {
  color: var(--c-phindi-orange_300);
}
.bg-phindi-orange_300 {
  background-color: var(--c-phindi-orange_300);
}
.fg-phindi-orange_400 {
  color: var(--c-phindi-orange_400);
}
.bg-phindi-orange_400 {
  background-color: var(--c-phindi-orange_400);
}
.fg-phindi-orange_500 {
  color: var(--c-phindi-orange_500);
}
.bg-phindi-orange_500 {
  background-color: var(--c-phindi-orange_500);
}
.fg-phindi-orange_600 {
  color: var(--c-phindi-orange_600);
}
.bg-phindi-orange_600 {
  background-color: var(--c-phindi-orange_600);
}
.fg-phindi-orange_700 {
  color: var(--c-phindi-orange_700);
}
.bg-phindi-orange_700 {
  background-color: var(--c-phindi-orange_700);
}
.fg-phindi-orange_800 {
  color: var(--c-phindi-orange_800);
}
.bg-phindi-orange_800 {
  background-color: var(--c-phindi-orange_800);
}
.fg-phindi-orange_900 {
  color: var(--c-phindi-orange_900);
}
.bg-phindi-orange_900 {
  background-color: var(--c-phindi-orange_900);
}
.fg-phindi-blue {
  color: var(--c-phindi-blue);
}
.bg-phindi-blue {
  background-color: var(--c-phindi-blue);
}
.fg-communication-succeed_900 {
  color: var(--c-communication-succeed_900);
}
.bg-communication-succeed_900 {
  background-color: var(--c-communication-succeed_900);
}
.fg-communication-succeed_800 {
  color: var(--c-communication-succeed_800);
}
.bg-communication-succeed_800 {
  background-color: var(--c-communication-succeed_800);
}
.fg-communication-succeed_700 {
  color: var(--c-communication-succeed_700);
}
.bg-communication-succeed_700 {
  background-color: var(--c-communication-succeed_700);
}
.fg-communication-succeed_600 {
  color: var(--c-communication-succeed_600);
}
.bg-communication-succeed_600 {
  background-color: var(--c-communication-succeed_600);
}
.fg-communication-succeed_500 {
  color: var(--c-communication-succeed_500);
}
.bg-communication-succeed_500 {
  background-color: var(--c-communication-succeed_500);
}
.fg-communication-succeed_400 {
  color: var(--c-communication-succeed_400);
}
.bg-communication-succeed_400 {
  background-color: var(--c-communication-succeed_400);
}
.fg-communication-succeed_300 {
  color: var(--c-communication-succeed_300);
}
.bg-communication-succeed_300 {
  background-color: var(--c-communication-succeed_300);
}
.fg-communication-succeed_200 {
  color: var(--c-communication-succeed_200);
}
.bg-communication-succeed_200 {
  background-color: var(--c-communication-succeed_200);
}
.fg-communication-succeed_100 {
  color: var(--c-communication-succeed_100);
}
.bg-communication-succeed_100 {
  background-color: var(--c-communication-succeed_100);
}
.fg-communication-succeed_50 {
  color: var(--c-communication-succeed_50);
}
.bg-communication-succeed_50 {
  background-color: var(--c-communication-succeed_50);
}
.fg-communication-warning_900 {
  color: var(--c-communication-warning_900);
}
.bg-communication-warning_900 {
  background-color: var(--c-communication-warning_900);
}
.fg-communication-warning_800 {
  color: var(--c-communication-warning_800);
}
.bg-communication-warning_800 {
  background-color: var(--c-communication-warning_800);
}
.fg-communication-warning_700 {
  color: var(--c-communication-warning_700);
}
.bg-communication-warning_700 {
  background-color: var(--c-communication-warning_700);
}
.fg-communication-warning_600 {
  color: var(--c-communication-warning_600);
}
.bg-communication-warning_600 {
  background-color: var(--c-communication-warning_600);
}
.fg-communication-warning_500 {
  color: var(--c-communication-warning_500);
}
.bg-communication-warning_500 {
  background-color: var(--c-communication-warning_500);
}
.fg-communication-warning_400 {
  color: var(--c-communication-warning_400);
}
.bg-communication-warning_400 {
  background-color: var(--c-communication-warning_400);
}
.fg-communication-warning_300 {
  color: var(--c-communication-warning_300);
}
.bg-communication-warning_300 {
  background-color: var(--c-communication-warning_300);
}
.fg-communication-warning_200 {
  color: var(--c-communication-warning_200);
}
.bg-communication-warning_200 {
  background-color: var(--c-communication-warning_200);
}
.fg-communication-warning_100 {
  color: var(--c-communication-warning_100);
}
.bg-communication-warning_100 {
  background-color: var(--c-communication-warning_100);
}
.fg-communication-yellow_50 {
  color: var(--c-communication-yellow_50);
}
.bg-communication-yellow_50 {
  background-color: var(--c-communication-yellow_50);
}
.fg-communication-error_900 {
  color: var(--c-communication-error_900);
}
.bg-communication-error_900 {
  background-color: var(--c-communication-error_900);
}
.fg-communication-error_800 {
  color: var(--c-communication-error_800);
}
.bg-communication-error_800 {
  background-color: var(--c-communication-error_800);
}
.fg-communication-error_700 {
  color: var(--c-communication-error_700);
}
.bg-communication-error_700 {
  background-color: var(--c-communication-error_700);
}
.fg-communication-error_600 {
  color: var(--c-communication-error_600);
}
.bg-communication-error_600 {
  background-color: var(--c-communication-error_600);
}
.fg-communication-error_500 {
  color: var(--c-communication-error_500);
}
.bg-communication-error_500 {
  background-color: var(--c-communication-error_500);
}
.fg-communication-error_400 {
  color: var(--c-communication-error_400);
}
.bg-communication-error_400 {
  background-color: var(--c-communication-error_400);
}
.fg-communication-error_300 {
  color: var(--c-communication-error_300);
}
.bg-communication-error_300 {
  background-color: var(--c-communication-error_300);
}
.fg-communication-error_200 {
  color: var(--c-communication-error_200);
}
.bg-communication-error_200 {
  background-color: var(--c-communication-error_200);
}
.fg-communication-error_100 {
  color: var(--c-communication-error_100);
}
.bg-communication-error_100 {
  background-color: var(--c-communication-error_100);
}
.fg-communication-error_50 {
  color: var(--c-communication-error_50);
}
.bg-communication-error_50 {
  background-color: var(--c-communication-error_50);
}
.fg-neutrals-grey_900 {
  color: var(--c-neutrals-grey_900);
}
.bg-neutrals-grey_900 {
  background-color: var(--c-neutrals-grey_900);
}
.fg-neutrals-grey_800 {
  color: var(--c-neutrals-grey_800);
}
.bg-neutrals-grey_800 {
  background-color: var(--c-neutrals-grey_800);
}
.fg-neutrals-grey_700 {
  color: var(--c-neutrals-grey_700);
}
.bg-neutrals-grey_700 {
  background-color: var(--c-neutrals-grey_700);
}
.fg-neutrals-grey_600 {
  color: var(--c-neutrals-grey_600);
}
.bg-neutrals-grey_600 {
  background-color: var(--c-neutrals-grey_600);
}
.fg-neutrals-grey_500 {
  color: var(--c-neutrals-grey_500);
}
.bg-neutrals-grey_500 {
  background-color: var(--c-neutrals-grey_500);
}
.fg-neutrals-grey_400 {
  color: var(--c-neutrals-grey_400);
}
.bg-neutrals-grey_400 {
  background-color: var(--c-neutrals-grey_400);
}
.fg-neutrals-grey_300 {
  color: var(--c-neutrals-grey_300);
}
.bg-neutrals-grey_300 {
  background-color: var(--c-neutrals-grey_300);
}
.fg-neutrals-grey_200 {
  color: var(--c-neutrals-grey_200);
}
.bg-neutrals-grey_200 {
  background-color: var(--c-neutrals-grey_200);
}
.fg-neutrals-grey_100 {
  color: var(--c-neutrals-grey_100);
}
.bg-neutrals-grey_100 {
  background-color: var(--c-neutrals-grey_100);
}
.fg-neutrals-grey_50 {
  color: var(--c-neutrals-grey_50);
}
.bg-neutrals-grey_50 {
  background-color: var(--c-neutrals-grey_50);
}
.fg-neutrals-grey_25 {
  color: var(--c-neutrals-grey_25);
}
.bg-neutrals-grey_25 {
  background-color: var(--c-neutrals-grey_25);
}
.fg-neutrals-grey_0 {
  color: var(--c-neutrals-grey_0);
}
.bg-neutrals-grey_0 {
  background-color: var(--c-neutrals-grey_0);
}
.fg-overlay-dark {
  color: var(--c-overlay-dark);
}
.bg-overlay-dark {
  background-color: var(--c-overlay-dark);
}
.fg-overlay-light_1 {
  color: var(--c-overlay-light_1);
}
.bg-overlay-light_1 {
  background-color: var(--c-overlay-light_1);
}
.fg-overlay-light_2 {
  color: var(--c-overlay-light_2);
}
.bg-overlay-light_2 {
  background-color: var(--c-overlay-light_2);
}
.fg-overlay-turquoise_light {
  color: var(--c-overlay-turquoise_light);
}
.bg-overlay-turquoise_light {
  background-color: var(--c-overlay-turquoise_light);
}
.fg-overlay-turquoise_dark {
  color: var(--c-overlay-turquoise_dark);
}
.bg-overlay-turquoise_dark {
  background-color: var(--c-overlay-turquoise_dark);
}
:root {
  --elevation-0: 0 0 0 0 rgba(10, 51, 50, 0.16);
  --elevation-1: 0 2px 2px 0 rgba(10, 51, 50, 0.16);
  --elevation-2: 0 4px 4px 0 rgba(10, 51, 50, 0.16);
  --elevation-3: 0 8px 8px 0 rgba(10, 51, 50, 0.16);
  --elevation-4: 0 12px 12px 0 rgba(10, 51, 50, 0.16);
  --elevation-5: 0 16px 16px 0 rgba(10, 51, 50, 0.16);
}
.elevation-0 {
  box-shadow: var(--elevation-0);
}
.elevation-1 {
  box-shadow: var(--elevation-1);
}
.elevation-2 {
  box-shadow: var(--elevation-2);
}
.elevation-3 {
  box-shadow: var(--elevation-3);
}
.elevation-4 {
  box-shadow: var(--elevation-4);
}
.elevation-5 {
  box-shadow: var(--elevation-5);
}
:root {
  --ff-font_family: "Open Sans", sans-serif;
}
.ff-font_family {
  font-family: var(--ff-font_family);
}
:root {
  --fsz-display_1: 48px;
  --fsz-display_2: 36px;
  --fsz-title: 24px;
  --fsz-body_1: 16px;
  --fsz-body_2: 14px;
  --fsz-caption: 12px;
  --fsz-overline: 10px;
}
.fsz-display_1 {
  font-size: var(--fsz-display_1);
}
.fsz-display_2 {
  font-size: var(--fsz-display_2);
}
.fsz-title {
  font-size: var(--fsz-title);
}
.fsz-body_1 {
  font-size: var(--fsz-body_1);
}
.fsz-body_2 {
  font-size: var(--fsz-body_2);
}
.fsz-caption {
  font-size: var(--fsz-caption);
}
.fsz-overline {
  font-size: var(--fsz-overline);
}
:root {
  --fst-italic: italic;
}
.fst-italic {
  font-style: var(--fst-italic);
}
:root {
  --fw-bold: 900;
  --fw-semibold: 600;
  --fw-medium: 500;
  --fw-regular: 400;
}
.fw-bold {
  font-weight: var(--fw-bold);
}
.fw-semibold {
  font-weight: var(--fw-semibold);
}
.fw-medium {
  font-weight: var(--fw-medium);
}
.fw-regular {
  font-weight: var(--fw-regular);
}
:root {
  --gap-xs: 8px;
  --gap-s: 16px;
  --gap-m: 24px;
  --gap-l: 48px;
  --gap-xl: 56px;
}
.gap-xs {
  gap: var(--gap-xs);
}
.gap-s {
  gap: var(--gap-s);
}
.gap-m {
  gap: var(--gap-m);
}
.gap-l {
  gap: var(--gap-l);
}
.gap-xl {
  gap: var(--gap-xl);
}
:root {
  --lh-display: 90%;
  --lh-titles: 110%;
  --lh-paragraph: 150%;
}
.lh-display {
  line-height: var(--lh-display);
}
.lh-titles {
  line-height: var(--lh-titles);
}
.lh-paragraph {
  line-height: var(--lh-paragraph);
}
:root {
  --lg-gradient-title:
    linear-gradient(
      90deg,
      #22B4B0 0%,
      #974191 100%);
}
:root {
  --pad-xs: 4px;
  --pad-s: 8px;
  --pad-m: 12px;
  --pad-l: 16px;
  --pad-xl: 24px;
  --pad-xxl: 48px;
  --pad-xxxl: 96px;
  --pad-xxxxl: 120px;
}
.pad-xs {
  padding: var(--pad-xs);
}
.pad-s {
  padding: var(--pad-s);
}
.pad-m {
  padding: var(--pad-m);
}
.pad-l {
  padding: var(--pad-l);
}
.pad-xl {
  padding: var(--pad-xl);
}
.pad-xxl {
  padding: var(--pad-xxl);
}
.pad-xxxl {
  padding: var(--pad-xxxl);
}
.pad-xxxxl {
  padding: var(--pad-xxxxl);
}
.pad-x-xs {
  padding-left: var(--pad-xs);
  padding-right: var(--pad-xs);
}
.pad-x-s {
  padding-left: var(--pad-s);
  padding-right: var(--pad-s);
}
.pad-x-m {
  padding-left: var(--pad-m);
  padding-right: var(--pad-m);
}
.pad-x-l {
  padding-left: var(--pad-l);
  padding-right: var(--pad-l);
}
.pad-x-xl {
  padding-left: var(--pad-xl);
  padding-right: var(--pad-xl);
}
.pad-x-xxl {
  padding-left: var(--pad-xxl);
  padding-right: var(--pad-xxl);
}
.pad-x-xxxl {
  padding-left: var(--pad-xxxl);
  padding-right: var(--pad-xxxl);
}
.pad-x-xxxxl {
  padding-left: var(--pad-xxxxl);
  padding-right: var(--pad-xxxxl);
}
.pad-y-xs {
  padding-top: var(--pad-xs);
  padding-bottom: var(--pad-xs);
}
.pad-y-s {
  padding-top: var(--pad-s);
  padding-bottom: var(--pad-s);
}
.pad-y-m {
  padding-top: var(--pad-m);
  padding-bottom: var(--pad-m);
}
.pad-y-l {
  padding-top: var(--pad-l);
  padding-bottom: var(--pad-l);
}
.pad-y-xl {
  padding-top: var(--pad-xl);
  padding-bottom: var(--pad-xl);
}
.pad-y-xxl {
  padding-top: var(--pad-xxl);
  padding-bottom: var(--pad-xxl);
}
.pad-y-xxxl {
  padding-top: var(--pad-xxxl);
  padding-bottom: var(--pad-xxxl);
}
.pad-y-xxxxl {
  padding-top: var(--pad-xxxxl);
  padding-bottom: var(--pad-xxxxl);
}
*,
*::before,
*::after {
  box-sizing: border-box;
}
html,
body {
  margin: 0;
  padding: 0;
  scrollbar-color: var(--c-phindi-turquoise_700) var(--c-neutrals-grey_50);
  font-feature-settings: "liga" off, "clig" off;
}
a {
  color: inherit;
  text-decoration: none;
}
.logged-in-container {
  display: flex;
  min-width: 100%;
  min-height: 100vh;
  flex-direction: column;
  align-items: center;
  border-radius: var(--br-xs);
  background: var(--c-neutrals-grey_0);
}
.logged-in-container app-header,
.logged-in-container app-footer {
  align-self: stretch;
}
.logged-in-container .logged-in-frame {
  display: flex;
  flex-grow: 1;
  align-items: center;
  gap: 10px;
  align-self: stretch;
}
.logged-in-container .logged-in-frame .logged-in-wrapper {
  display: flex;
  justify-content: center;
  align-items: flex-start;
  flex: 1 0 0;
}
.logged-in-container .logged-in-frame .logged-in-wrapper:not(.with-back-link) {
  padding: var(--pad-xxl);
  gap: var(--gap-l);
  align-self: stretch;
}
.logged-in-container .logged-in-frame .logged-in-wrapper.with-back-link {
  padding: 0 90px var(--pad-xxl) 90px;
  gap: 75px;
}
.logged-in-container .logged-in-frame .logged-in-wrapper .logged-in-aside-wrapper {
  display: flex;
  width: 273.6px;
  flex-direction: column;
  align-items: flex-start;
  gap: 24px;
  padding-top: 72px;
}
.logged-in-container .logged-in-frame .logged-in-wrapper .logged-in-aside-wrapper.with-back-link {
  padding-top: 76px;
}
.logged-in-container .logged-in-frame .logged-in-wrapper .logged-in-aside-wrapper .logged-in-navigation {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: flex-end;
  gap: 10px;
  align-self: stretch;
}
.logged-in-container .logged-in-frame .logged-in-wrapper .logged-in-aside-wrapper nav {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 20px;
  align-self: stretch;
  width: auto;
}
.logged-in-container .logged-in-frame .logged-in-wrapper .logged-in-main {
  display: flex;
  width: 1026px;
  flex-direction: column;
  align-items: center;
  gap: var(--gap-m);
}
.logged-in-container .logged-in-frame .logged-in-wrapper .logged-in-main.with-back-link {
  padding-top: 76px;
}
.logged-in-container .logged-in-frame .logged-in-wrapper .logged-in-main > router-outlet {
  display: none;
}
.logged-in-container .logged-in-frame .logged-in-wrapper .logged-in-main > * {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: var(--gap-m);
  align-self: stretch;
}
.logged-in-container .logged-in-frame .logged-in-wrapper .logged-in-main > * .page-title {
  display: flex;
  height: 76px;
  padding: var(--pad-xl) 0;
  margin: 0;
  align-items: center;
  gap: 10px;
  align-self: stretch;
  border-bottom: 1px solid var(--c-neutrals-grey_500);
}
.logged-in-container .logged-in-frame .logged-in-wrapper .logged-in-main > * .page-title span {
  color: var(--c-phindi-turquoise_500);
  font-size: var(--fsz-title);
  font-style: normal;
  font-weight: 600;
  line-height: 110%;
}

/* angular:styles/global:styles */
/*# sourceMappingURL=styles.css.map */