@font-face {
  src: url(../font/bbf5aa92c127d56c3876.55800b1c.woff2);
  font-family: Post Sans;
  font-style: normal;
  font-weight: 300;
  font-display: swap;
}
@font-face {
  src: url(../font/9ce80fa2d34feebca822.9682ca81.woff2);
  font-family: Post Sans;
  font-style: normal;
  font-weight: 400;
  font-display: swap;
}
@font-face {
  src: url(../font/402bc676be8e79c4b2c0.17484ee6.woff2);
  font-family: Post Sans;
  font-style: normal;
  font-weight: 500;
  font-display: swap;
}
@font-face {
  src: url(../font/3d4b5cc7880fccca5dff.5b889b87.woff2);
  font-family: Post Sans;
  font-style: normal;
  font-weight: 600;
  font-display: swap;
}
@font-face {
  font-family: "PostNL";
  font-weight: 300;
  src: url(../font/postnlweb-light-webfont.1189657e.woff2);
}
@font-face {
  font-family: "PostNL";
  font-weight: normal;
  src: url(../font/postnlweb-regular-webfont.75c6bb57.woff2);
}
@font-face {
  font-family: "PostNL";
  font-weight: 500;
  src: url(../font/postnlweb-medium-webfont.743b342f.woff2);
}
@font-face {
  font-family: "PostNL";
  font-weight: bold;
  src: url(../font/postnlweb-bold-webfont.86d5cce6.woff2);
}
@font-face {
  font-family: "postnl-icons";
  font-weight: normal;
  src: url(../font/postnl-icons.d516ef97.woff2);
}
*,
*::before,
*::after {
  box-sizing: border-box;
}

:focus {
  outline: 1px solid var(--color-primary);
}

:root {
  font-family: var(--font-base);
  font-size: var(--font-size-base);
}

html,
body {
  margin: 0;
  padding: 0;
  width: 100%;
  height: 100%;
}

body {
  min-width: 100%;
  background-color: var(--color-body-bg);
  color: var(--color-body-fg);
}

section,
header,
main,
footer {
  display: block;
}

button,
a[href] {
  cursor: pointer;
}

menu,
h1,
h2,
h3,
h4,
h5,
h6 {
  margin: 0;
  padding: 0;
}

ul,
ul li {
  margin: 0;
  padding: 0;
  list-style: none;
}

pre {
  white-space: pre-wrap;
  margin: 0;
}

img {
  display: block;
  max-width: 100%;
  max-height: 100%;
}

canvas {
  display: block;
}

:root {
  --color-primary: #ff8d00;
  --color-primary-rgb: 255, 141, 0;
  --color-primary-bg: #ff8d00;
  --color-primary-bg-rgb: 255, 141, 0;
  --color-primary-fg: #001a73;
  --color-primary-fg-rgb: 0, 26, 115;
  --color-primary-inverted-bg: #0072ff;
  --color-primary-inverted-bg-rgb: 0, 114, 255;
  --color-primary-inverted-fg: #ffe58c;
  --color-primary-inverted-fg-rgb: 255, 229, 140;
  --color-secondary: #3440b6;
  --color-secondary-rgb: 52, 64, 182;
  --color-secondary-bg: #3440b6;
  --color-secondary-bg-rgb: 52, 64, 182;
  --color-secondary-fg: #d4d9e3;
  --color-secondary-fg-rgb: 212, 217, 227;
  --color-secondary-inverted-bg: #cbbf49;
  --color-secondary-inverted-bg-rgb: 203, 191, 73;
  --color-secondary-inverted-fg: #2b261c;
  --color-secondary-inverted-fg-rgb: 43, 38, 28;
  --color-danger: #d70036;
  --color-danger-rgb: 215, 0, 54;
  --color-danger-bg: #d70036;
  --color-danger-bg-rgb: 215, 0, 54;
  --color-danger-fg: #d4d9e3;
  --color-danger-fg-rgb: 212, 217, 227;
  --color-danger-inverted-bg: #28ffc9;
  --color-danger-inverted-bg-rgb: 40, 255, 201;
  --color-danger-inverted-fg: #2b261c;
  --color-danger-inverted-fg-rgb: 43, 38, 28;
  --color-warning: #fbc54f;
  --color-warning-rgb: 251, 197, 79;
  --color-warning-bg: #fbc54f;
  --color-warning-bg-rgb: 251, 197, 79;
  --color-warning-fg: #001a73;
  --color-warning-fg-rgb: 0, 26, 115;
  --color-warning-inverted-bg: #043ab0;
  --color-warning-inverted-bg-rgb: 4, 58, 176;
  --color-warning-inverted-fg: #ffe58c;
  --color-warning-inverted-fg-rgb: 255, 229, 140;
  --color-success: #3aaa35;
  --color-success-rgb: 58, 170, 53;
  --color-success-bg: #3aaa35;
  --color-success-bg-rgb: 58, 170, 53;
  --color-success-fg: #d4d9e3;
  --color-success-fg-rgb: 212, 217, 227;
  --color-success-inverted-bg: #c555ca;
  --color-success-inverted-bg-rgb: 197, 85, 202;
  --color-success-inverted-fg: #2b261c;
  --color-success-inverted-fg-rgb: 43, 38, 28;
  --color-info: #009ee3;
  --color-info-rgb: 0, 158, 227;
  --color-info-bg: #009ee3;
  --color-info-bg-rgb: 0, 158, 227;
  --color-info-fg: #d4d9e3;
  --color-info-fg-rgb: 212, 217, 227;
  --color-info-inverted-bg: #ff611c;
  --color-info-inverted-bg-rgb: 255, 97, 28;
  --color-info-inverted-fg: #2b261c;
  --color-info-inverted-fg-rgb: 43, 38, 28;
  --color-dark: #001a73;
  --color-dark-rgb: 0, 26, 115;
  --color-dark-bg: #001a73;
  --color-dark-bg-rgb: 0, 26, 115;
  --color-dark-fg: #d4d9e3;
  --color-dark-fg-rgb: 212, 217, 227;
  --color-dark-inverted-bg: #ffe58c;
  --color-dark-inverted-bg-rgb: 255, 229, 140;
  --color-dark-inverted-fg: #2b261c;
  --color-dark-inverted-fg-rgb: 43, 38, 28;
  --color-medium: #9d9ab6;
  --color-medium-rgb: 157, 154, 182;
  --color-medium-bg: #9d9ab6;
  --color-medium-bg-rgb: 157, 154, 182;
  --color-medium-fg: #001a73;
  --color-medium-fg-rgb: 0, 26, 115;
  --color-medium-inverted-bg: #626549;
  --color-medium-inverted-bg-rgb: 98, 101, 73;
  --color-medium-inverted-fg: #ffe58c;
  --color-medium-inverted-fg-rgb: 255, 229, 140;
  --color-text-light: #66728a;
  --color-text-light-rgb: 102, 114, 138;
  --color-text-light-bg: #66728a;
  --color-text-light-bg-rgb: 102, 114, 138;
  --color-text-light-fg: #d4d9e3;
  --color-text-light-fg-rgb: 212, 217, 227;
  --color-text-light-inverted-bg: #998d75;
  --color-text-light-inverted-bg-rgb: 153, 141, 117;
  --color-text-light-inverted-fg: #2b261c;
  --color-text-light-inverted-fg-rgb: 43, 38, 28;
  --color-light: #d4d9e3;
  --color-light-rgb: 212, 217, 227;
  --color-light-bg: #d4d9e3;
  --color-light-bg-rgb: 212, 217, 227;
  --color-light-fg: #001a73;
  --color-light-fg-rgb: 0, 26, 115;
  --color-light-inverted-bg: #2b261c;
  --color-light-inverted-bg-rgb: 43, 38, 28;
  --color-light-inverted-fg: #ffe58c;
  --color-light-inverted-fg-rgb: 255, 229, 140;
  --color-body: #fcd7ad;
  --color-body-rgb: 252, 215, 173;
  --color-body-bg: #fcd7ad;
  --color-body-bg-rgb: 252, 215, 173;
  --color-body-fg: #001a73;
  --color-body-fg-rgb: 0, 26, 115;
  --color-body-inverted-bg: #032852;
  --color-body-inverted-bg-rgb: 3, 40, 82;
  --color-body-inverted-fg: #ffe58c;
  --color-body-inverted-fg-rgb: 255, 229, 140;
  --color-element: #FFFFFF;
  --color-element-rgb: 255, 255, 255;
  --color-element-bg: #FFFFFF;
  --color-element-bg-rgb: 255, 255, 255;
  --color-element-fg: #001a73;
  --color-element-fg-rgb: 0, 26, 115;
  --color-element-inverted-bg: black;
  --color-element-inverted-bg-rgb: 0, 0, 0;
  --color-element-inverted-fg: #ffe58c;
  --color-element-inverted-fg-rgb: 255, 229, 140;
  --color-theme-1: #ed7000;
  --color-theme-1-rgb: 237, 112, 0;
  --color-theme-1-bg: #ed7000;
  --color-theme-1-bg-rgb: 237, 112, 0;
  --color-theme-1-fg: #001a73;
  --color-theme-1-fg-rgb: 0, 26, 115;
  --color-theme-1-inverted-bg: #128fff;
  --color-theme-1-inverted-bg-rgb: 18, 143, 255;
  --color-theme-1-inverted-fg: #ffe58c;
  --color-theme-1-inverted-fg-rgb: 255, 229, 140;
  --color-theme-2: #43b02a;
  --color-theme-2-rgb: 67, 176, 42;
  --color-theme-2-bg: #43b02a;
  --color-theme-2-bg-rgb: 67, 176, 42;
  --color-theme-2-fg: #001a73;
  --color-theme-2-fg-rgb: 0, 26, 115;
  --color-theme-2-inverted-bg: #bc4fd5;
  --color-theme-2-inverted-bg-rgb: 188, 79, 213;
  --color-theme-2-inverted-fg: #ffe58c;
  --color-theme-2-inverted-fg-rgb: 255, 229, 140;
  --color-theme-3: #00a1e1;
  --color-theme-3-rgb: 0, 161, 225;
  --color-theme-3-bg: #00a1e1;
  --color-theme-3-bg-rgb: 0, 161, 225;
  --color-theme-3-fg: #d4d9e3;
  --color-theme-3-fg-rgb: 212, 217, 227;
  --color-theme-3-inverted-bg: #ff5e1e;
  --color-theme-3-inverted-bg-rgb: 255, 94, 30;
  --color-theme-3-inverted-fg: #2b261c;
  --color-theme-3-inverted-fg-rgb: 43, 38, 28;
  --color-theme-4: #727093;
  --color-theme-4-rgb: 114, 112, 147;
  --color-theme-4-bg: #727093;
  --color-theme-4-bg-rgb: 114, 112, 147;
  --color-theme-4-fg: #d4d9e3;
  --color-theme-4-fg-rgb: 212, 217, 227;
  --color-theme-4-inverted-bg: #8d8f6c;
  --color-theme-4-inverted-bg-rgb: 141, 143, 108;
  --color-theme-4-inverted-fg: #2b261c;
  --color-theme-4-inverted-fg-rgb: 43, 38, 28;
  --color-theme-5: #009537;
  --color-theme-5-rgb: 0, 149, 55;
  --color-theme-5-bg: #009537;
  --color-theme-5-bg-rgb: 0, 149, 55;
  --color-theme-5-fg: #d4d9e3;
  --color-theme-5-fg-rgb: 212, 217, 227;
  --color-theme-5-inverted-bg: #ff6ac8;
  --color-theme-5-inverted-bg-rgb: 255, 106, 200;
  --color-theme-5-inverted-fg: #2b261c;
  --color-theme-5-inverted-fg-rgb: 43, 38, 28;
  --color-theme-6: #3440b6;
  --color-theme-6-rgb: 52, 64, 182;
  --color-theme-6-bg: #3440b6;
  --color-theme-6-bg-rgb: 52, 64, 182;
  --color-theme-6-fg: #d4d9e3;
  --color-theme-6-fg-rgb: 212, 217, 227;
  --color-theme-6-inverted-bg: #cbbf49;
  --color-theme-6-inverted-bg-rgb: 203, 191, 73;
  --color-theme-6-inverted-fg: #2b261c;
  --color-theme-6-inverted-fg-rgb: 43, 38, 28;
  --color-scale: 0, 0, 0;
  --color-scale-inverted: 255, 255, 255;
  --font-base: "PostNL", sans-serif;
  --font-headers: "PostNL", sans-serif;
  --font-legible: Post Sans, sans-serif;
  --font-monospace: monospace;
  --font-size-base: 16px;
}

:root::before {
  content: "";
  display: block;
  position: fixed;
  inset: 0 0 0 0;
  transition: opacity 0.4s ease-in-out;
  z-index: 9999;
}
:root::after {
  display: block;
  position: fixed;
  top: 50%;
  left: 50%;
  z-index: 9999;
  line-height: 1;
  translate: -50% -50%;
  transform-origin: 50% 50%;
  animation: loader 2s infinite linear;
  transition: opacity 0.4s ease-in-out, translate 0.4s ease-in-out;
  content: "";
  background-position: center;
  background-repeat: no-repeat;
  background-size: contain;
  width: 6rem;
  height: 6rem;
  backface-visibility: visible;
}
:root.loading::before, :root.loading::after {
  opacity: 1;
}
:root:not(.loading)::before, :root:not(.loading)::after {
  pointer-events: none;
  opacity: 0;
}
:root:not(.loading)::after {
  translate: calc(-50% - 3rem) -50%;
  transition-delay: 0.32s;
}
@keyframes loader {
  0% {
    scale: 1;
  }
  50% {
    scale: 1.25;
  }
  100% {
    scale: 1;
  }
}

/*# sourceMappingURL=app.css.map */