@import "https://fonts.googleapis.com/css2?family=Bricolage+Grotesque:opsz,wght@12..96,200..800&family=Inter:ital,opsz,wght@0,14..32,100..900;1,14..32,100..900&display=swap";
@import 'https://fonts.googleapis.com/css2?family=Bricolage+Grotesque:opsz,wght@12..96,200..800&family=Inter:ital,opsz,wght@0,14..32,100..900;1,14..32,100..900&display=swap" rel="stylesheet';
@import "https://fonts.googleapis.com/css2?family=Material+Symbols+Outlined";

/* src/styles.scss */
:root {
  --color-brand-primary-0: #FDF2F3;
  --color-brand-primary-5: #FAE2E4;
  --color-brand-primary-10: #F5C5CA;
  --color-brand-primary-20: #EEA2AB;
  --color-brand-primary-25: #EB868D;
  --color-brand-primary-30: #E77481;
  --color-brand-primary-35: #E3566D;
  --color-brand-primary-40: #DF4657;
  --color-brand-primary-50: #D7182D;
  --color-brand-primary-55: #CE172B;
  --color-brand-primary-60: #B81426;
  --color-brand-primary-70: #A10E1B;
  --color-brand-primary-80: #560912;
  --color-brand-primary-90: #500910;
  --color-brand-primary-100: #35060B;
  --color-brand-secondary-0: #DDECF9;
  --color-brand-secondary-5: #C7E0F5;
  --color-brand-secondary-10: #BBDAF3;
  --color-brand-secondary-20: #99C9ED;
  --color-brand-secondary-30: #4CA4EB;
  --color-brand-secondary-40: #237DC4;
  --color-brand-secondary-50: #0F6AB1;
  --color-brand-secondary-60: #015A9C;
  --color-brand-secondary-70: #0A497A;
  --color-brand-secondary-80: #073558;
  --color-brand-secondary-90: #052742;
  --color-brand-secondary-100: #031A2C;
  --color-brand-tertiary-0: #DFF0E6;
  --color-brand-tertiary-10: #BFE1CD;
  --color-brand-tertiary-20: #7FC49C;
  --color-brand-tertiary-30: #5FB583;
  --color-brand-tertiary-40: #3FA76A;
  --color-brand-tertiary-50: #008035;
  --color-brand-tertiary-60: #00702E;
  --color-brand-tertiary-70: #00672A;
  --color-brand-tertiary-80: #005623;
  --color-brand-tertiary-90: #003315;
  --color-brand-tertiary-100: #00220E;
  --color-neutral-0: #FFFFFF;
  --color-neutral-10: #F5F5F5;
  --color-neutral-15: #EFEFEF;
  --color-neutral-20: #ECECEC;
  --color-neutral-25: #DCDCDC;
  --color-neutral-30: #CCCCCC;
  --color-neutral-40: #B3B3B3;
  --color-neutral-50: #8F8F8F;
  --color-neutral-60: #6B6B6B;
  --color-neutral-70: #4D4D4D;
  --color-neutral-80: #2B2B2B;
  --color-neutral-85: #242424;
  --color-neutral-90: #1A1A1A;
  --color-neutral-95: #0D0D0D;
  --color-neutral-100: #000000;
  --color-purple-0: #ECDDF3;
  --color-purple-5: #E4CEEE;
  --color-purple-10: #DDB4F3;
  --color-purple-20: #BF76E8;
  --color-purple-30: #9F3ADB;
  --color-purple-40: #791CB3;
  --color-purple-45: #6D18A2;
  --color-purple-50: #4E1471;
  --color-purple-60: #2B0A3D;
  --color-yellow-0: #FFF8E1;
  --color-yellow-10: #FFF2C5;
  --color-yellow-20: #FFEBAA;
  --color-yellow-30: #FFE58F;
  --color-yellow-40: #FFDE75;
  --color-yellow-50: #FFDE68;
  --color-yellow-60: #FFC928;
  --color-yellow-70: #EDB00B;
  --color-yellow-80: #AB8008;
  --color-yellow-90: #6C5205;
  --color-yellow-100: #352902;
  --color-brand-primary-20-rgb:
    238,
    162,
    171;
  --color-brand-primary-50-rgb:
    215,
    18,
    45;
  --color-brand-secondary-50-rgb:
    15,
    106,
    177;
  --color-brand-secondary-60-rgb:
    1,
    90,
    156;
  --color-neutral-0-rgb:
    255,
    255,
    255;
  --color-neutral-10-rgb:
    245,
    245,
    245;
  --color-neutral-100-rgb:
    0,
    0,
    0;
  --color-yellow-90-rgb:
    108,
    82,
    5;
  --color-brand-primary-20-50: rgba(var(--color-brand-primary-20-rgb), 0.5);
  --color-brand-primary-50-25: rgba(var(--color-brand-primary-50-rgb), 0.25);
  --color-brand-secondary-50-25: rgba(var(--color-brand-secondary-50-rgb), 0.25);
  --color-brand-secondary-60-25: rgba(var(--color-brand-secondary-60-rgb), 0.25);
  --color-neutral-0-0: rgba(var(--color-neutral-0-rgb), 0);
  --color-neutral-10-20: rgba(var(--color-neutral-10-rgb), 0.2);
  --color-neutral-10-50: rgba(var(--color-neutral-10-rgb), 0.5);
  --color-neutral-100-08: rgba(var(--color-neutral-100-rgb), 0.08);
  --color-neutral-100-35: rgba(var(--color-neutral-100-rgb), 0.35);
  --color-yellow-90-10: rgba(var(--color-yellow-90-rgb), 0.1);
  --font-family-primary: "Inter", sans-serif;
  --font-family-secondary: "Bricolage Grotesque", sans-serif;
  --border-radius-10: 4px;
  --border-radius-20: 8px;
  --border-radius-40: 16px;
  --border-radius-60: 24px;
  --border-radius-80: 32px;
  --border-radius-full: 100px;
  --border-width-s: 1px;
  --border-width-m: 1.5px;
  --border-width-l: 2px;
  --shadow-s: 0 0 12px rgba(0, 0, 0, 0.10);
  --shadow-m: 2px 2px 16px rgba(0, 0, 0, 0.10);
  --shadow-l: 2px 4px 16px rgba(0, 0, 0, 0.20);
  --shadow-xl: 2px 8px 16px rgba(0, 0, 0, 0.15);
}
.display1 {
  font-family: var(--font-family-primary);
  font-size: 60px;
  line-height: 64px;
  font-weight: bold;
  letter-spacing: -1.5px;
}
.display2 {
  font-family: var(--font-family-primary);
  font-size: 44px;
  line-height: 52px;
  font-weight: bold;
  letter-spacing: -0.4px;
}
.display3 {
  font-family: var(--font-family-primary);
  font-size: 20px;
  line-height: 24px;
  font-weight: 600;
  letter-spacing: -0.2px;
}
.h1-secondary {
  font-family: var(--font-family-secondary);
  font-size: 48px;
  line-height: 56px;
  font-weight: bold;
  letter-spacing: -0.5px;
  text-transform: uppercase;
}
.h1-primary {
  font-family: var(--font-family-primary);
  font-size: 48px;
  line-height: 56px;
  font-weight: 600;
  letter-spacing: -0.5px;
}
.h2-secondary {
  font-family: var(--font-family-secondary);
  font-size: 32px;
  line-height: 40px;
  font-weight: bold;
  letter-spacing: -0.25px;
  text-transform: uppercase;
}
.h3-secondary {
  font-family: var(--font-family-secondary);
  font-size: 24px;
  line-height: 34px;
  font-weight: bold;
  text-transform: uppercase;
}
.h3-primary {
  font-family: var(--font-family-primary);
  font-size: 24px;
  line-height: 34px;
  font-weight: 600;
}
.h4-secondary {
  font-family: var(--font-family-secondary);
  font-size: 20px;
  line-height: 28px;
  font-weight: 600;
  text-transform: uppercase;
}
.h4-primary {
  font-family: var(--font-family-primary);
  font-size: 20px;
  line-height: 28px;
  font-weight: 600;
  letter-spacing: -0.15px;
}
.btn {
  font-family: var(--font-family-primary);
  font-size: 16px;
  line-height: 24px;
  font-weight: 500;
}
.body0-regular {
  font-family: var(--font-family-primary);
  font-size: 18px;
  line-height: 28px;
  font-weight: 400;
}
.body0-medium {
  font-family: var(--font-family-primary);
  font-size: 18px;
  line-height: 28px;
  font-weight: 500;
  letter-spacing: -0.1px;
}
.body1-regular {
  font-family: var(--font-family-primary);
  font-size: 16px;
  line-height: 24px;
  font-weight: 400;
}
.body1-italic {
  font-family: var(--font-family-primary);
  font-size: 16px;
  line-height: 24px;
  font-weight: 400;
  font-style: italic;
}
.body1-medium {
  font-family: var(--font-family-primary);
  font-size: 16px;
  line-height: 24px;
  font-weight: 500;
}
.body1-semibold {
  font-family: var(--font-family-primary);
  font-size: 16px;
  line-height: 24px;
  font-weight: 600;
}
.body2-regular {
  font-family: var(--font-family-primary);
  font-size: 14px;
  line-height: 20px;
  font-weight: 400;
}
.body2-medium {
  font-family: var(--font-family-primary);
  font-size: 14px;
  line-height: 20px;
  font-weight: 500;
}
.body3-regular {
  font-family: var(--font-family-primary);
  font-size: 12px;
  line-height: 16px;
  font-weight: 400;
  letter-spacing: 0.1px;
}
.body3-medium {
  font-family: var(--font-family-primary);
  font-size: 12px;
  line-height: 16px;
  font-weight: 500;
  letter-spacing: 0.1px;
}
.link-standard {
  font-family: var(--font-family-primary);
  font-size: 16px;
  line-height: 24px;
  font-weight: 500;
}
.form-label,
.form-label-mobile {
  font-family: var(--font-family-primary);
  font-size: 12px;
  line-height: 16px;
  font-weight: 500;
}
.form-input,
.form-input-mobile {
  font-family: var(--font-family-primary);
  font-size: 16px;
  line-height: 24px;
  font-weight: 400;
}
.form-assistive,
.form-assistive-mobile {
  font-family: var(--font-family-primary);
  font-size: 12px;
  line-height: 16px;
  font-weight: 400;
  letter-spacing: 0.1px;
}
.form-assistive--medium,
.form-assistive-medium-mobile {
  font-family: var(--font-family-primary);
  font-size: 12px;
  line-height: 16px;
  font-weight: 500;
  letter-spacing: 0.1px;
}
.tag-standard,
.tag-standard-mobile {
  font-family: var(--font-family-secondary);
  font-size: 14px;
  line-height: 20px;
  font-weight: 500;
  letter-spacing: 0.5px;
  text-transform: uppercase;
}
.tag-small,
.tag-small-mobile {
  font-family: var(--font-family-secondary);
  font-size: 12px;
  line-height: 16px;
  font-weight: 500;
  letter-spacing: 0.5px;
  text-transform: uppercase;
}
.display1-mobile {
  font-family: var(--font-family-primary);
  font-size: 32px;
  line-height: 40px;
  font-weight: bold;
  letter-spacing: -0.9px;
}
.display2-mobile {
  font-family: var(--font-family-primary);
  font-size: 24px;
  line-height: 34px;
  font-weight: 600;
  letter-spacing: -0.6px;
}
.display3-mobile {
  font-family: var(--font-family-primary);
  font-size: 20px;
  line-height: 28px;
  font-weight: 600;
  letter-spacing: -0.36px;
}
.h1-primary-mobile {
  font-family: var(--font-family-primary);
  font-size: 32px;
  line-height: 40px;
  font-weight: 600;
  letter-spacing: -0.64px;
}
.h1-secondary-mobile {
  font-family: var(--font-family-secondary);
  font-size: 32px;
  line-height: 40px;
  font-weight: bold;
  letter-spacing: -0.64px;
  text-transform: uppercase;
}
.h2-secondary-mobile {
  font-family: var(--font-family-secondary);
  font-size: 24px;
  line-height: 34px;
  font-weight: bold;
  letter-spacing: -0.28px;
  text-transform: uppercase;
}
.h3-primary-mobile {
  font-family: var(--font-family-primary);
  font-size: 20px;
  line-height: 28px;
  font-weight: 600;
}
.h3-secondary-mobile {
  font-family: var(--font-family-secondary);
  font-size: 20px;
  line-height: 28px;
  font-weight: bold;
  text-transform: uppercase;
}
.h4-primary-mobile {
  font-family: var(--font-family-primary);
  font-size: 18px;
  line-height: 24px;
  font-weight: 600;
  letter-spacing: -0.18px;
}
.h4-secondary-mobile {
  font-family: var(--font-family-secondary);
  font-size: 18px;
  line-height: 24px;
  font-weight: 600;
  text-transform: uppercase;
}
.btn-mobile {
  font-family: var(--font-family-primary);
  font-size: 14px;
  line-height: 20px;
  font-weight: 500;
  letter-spacing: 0.16px;
}
.material-symbols-outlined {
  font-family: "Material Symbols Outlined", sans-serif;
  font-weight: normal;
  font-style: normal;
  font-size: 24px;
  line-height: 1;
  display: inline-flex;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-variation-settings:
    "wght" 400,
    "FILL" 0,
    "GRAD" 0,
    "opsz" 24;
  color: #1C1B1F;
}
* {
  box-sizing: border-box;
  margin: 0px;
}
html {
  height: 100%;
}
body {
  height: 100%;
  margin: 0px;
}

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