.m_b37d9ac7 {
  width: calc(100% - var(--mantine-spacing-md) * 2);
  position: fixed;
  z-index: var(--notifications-z-index);
  max-width: var(--notifications-container-width);
}

  .m_b37d9ac7:where([data-position='top-center']) {
    top: var(--mantine-spacing-md);
    left: 50%;
    transform: translateX(-50%);
  }

  .m_b37d9ac7:where([data-position='top-left']) {
    top: var(--mantine-spacing-md);
    left: var(--mantine-spacing-md);
  }

  .m_b37d9ac7:where([data-position='top-right']) {
    top: var(--mantine-spacing-md);
    right: var(--mantine-spacing-md);
  }

  .m_b37d9ac7:where([data-position='bottom-center']) {
    bottom: var(--mantine-spacing-md);
    left: 50%;
    transform: translateX(-50%);
  }

  .m_b37d9ac7:where([data-position='bottom-left']) {
    bottom: var(--mantine-spacing-md);
    left: var(--mantine-spacing-md);
  }

  .m_b37d9ac7:where([data-position='bottom-right']) {
    bottom: var(--mantine-spacing-md);
    right: var(--mantine-spacing-md);
  }

.m_5ed0edd0 + .m_5ed0edd0 {
    margin-top: var(--mantine-spacing-md);
  }
:root {
  --color-white: #fff;
  --color-white-300: rgba(255, 255, 255, 0.3);
  --color-white-800: rgba(255, 255, 255, 0.8);
  --color-black: #000000;
  --color-primary-lowest: #e6edf9;
  --color-primary-lower: #b0c6eb;
  --color-primary-low: #5483d3;
  --color-primary-med: #0046be;
  --color-primary-high: #003287;
  --color-primary-higher: #001d50;
  --color-primary-highest: #001233;
  --color-secondary: #3b3e43;
  --color-brand: #57b3fe;
  --color-highlight: #00a077;
  --color-dark: #0d0d0d;
  --color-neutral-lowest: #fff;
  --color-neutral-lower: #f3f4f6;
  --color-neutral-low: #d1d5db;
  --color-neutral-medium: #9ca3af;
  --color-neutral-high: #4b5563;
  --color-neutral-higher: #1f2937;
  --color-neutral-highest: #080808;
  --color-feedback-success-soft: #cbfcc6;
  --color-feedback-success-strong: #16a34a;
  --color-feedback-warn-soft: #ffe7cc;
  --color-feedback-warn-strong: #ec7700;
  --color-feedback-error-soft: #fef2f2;
  --color-feedback-error-strong: #dc2626;
  --Common-Additional-brand-Add-3: var(--color-feedback-success-soft);
  --Common-Additional-brand-Add-1: #172c57;
  --Common-Neutral-Hightest: var(--color-neutral-highest);
  --font-dm-sans: "DM Sans", "Arial", "Helvetica", sans-serif;
  --font-nunito: "Nunito", "Arial", "Helvetica", sans-serif;
  --Common-Secondary-brand-Lowest: #fdf1e6;
  --Common-Primary-brand-Medium: var(--color-primary-med);
  --Common-Neutral-Low: var(--color-neutral-low);
  --common-neutral-lower: var(--color-neutral-lower);
  --Common-Neutral-Lowest: var(--color-neutral-lowest);
  --Common-Neutral-Medium: var(--color-neutral-medium);
  --background-secondary: #f8f8f8;
}

/* 1. Use a more-intuitive box-sizing model */
*,
*::before,
*::after {
  box-sizing: border-box;
}

/* 2. Remove default margin */
* {
  margin: 0;
}

/* 3. Enable keyword animations */
@media (prefers-reduced-motion: no-preference) {
  html {
    interpolate-size: allow-keywords;
  }
}
body {
  /* 4. Add accessible line-height */
  line-height: 1.5;
  /* 5. Improve text rendering */
  -webkit-font-smoothing: antialiased;
}

/* 6. Improve media defaults */
img,
picture,
video,
canvas,
svg {
  display: block;
  max-width: 100%;
}

/* 7. Inherit fonts for form controls */
input,
button,
textarea,
select {
  font: inherit;
}

/* 8. Avoid text overflows */
p,
h1,
h2,
h3,
h4,
h5,
h6 {
  overflow-wrap: break-word;
}

/* 9. Improve line wrapping */
p {
  text-wrap: pretty;
}

h1,
h2,
h3,
h4,
h5,
h6 {
  text-wrap: balance;
}

/*
  10. Create a root stacking context
*/
#root,
#__next {
  isolation: isolate;
}

@font-face {
  font-family: "Graphik";
  src: url("/assets/Graphik-Regular-c05O3nD_.woff") format("woff");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Graphik";
  src: url("/assets/Graphik-Light-Bkm_q1mY.woff") format("woff");
  font-weight: 300;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Graphik";
  src: url("/assets/Graphik-Medium--w8en-z6.woff") format("woff");
  font-weight: 500;
  font-style: normal;
  font-display: swap;
}
/* _typography.scss */
:root {
  font-size: 87.5%;
  font-family: "Graphik", sans-serif;
  font-weight: 400;
  line-height: 1.625;
  color: #111;
}

@media (min-width: 390px) {
  :root {
    font-size: 90%;
  }
}
@media (min-width: 768px) {
  :root {
    font-size: 100%;
  }
}
@media (min-width: 1440px) {
  :root {
    font-size: 106.25%;
  }
}
@media (min-width: 1800px) {
  :root {
    font-size: 112.5%;
  }
}
a {
  text-decoration: none;
}

h1,
h2,
h3,
h4,
h5,
h6 {
  font-weight: 600;
  line-height: 1.25;
  margin-bottom: 1.25rem;
}

h1 {
  font-size: 2.5rem;
}

h2 {
  font-size: 2rem;
}

h3 {
  font-size: 1.75rem;
}

h4 {
  font-size: 1.5rem;
}

h5 {
  font-size: 1.25rem;
}

h6 {
  font-size: 1rem;
}

p {
  margin-bottom: 1.25rem;
}

strong {
  font-weight: 600;
}

em {
  font-style: italic;
}