html,
body {
  --hoomie-size--1: 4px;
  --hoomie-size--2: 8px;
  --hoomie-size--3: 12px;
  --hoomie-size--4: 16px;
  --hoomie-size--5: 20px;
  --hoomie-size--6: 24px;
  --hoomie-size--7: 32px;
  --hoomie-size--8: 40px;
  --hoomie-size--9: 48px;
  --hoomie-size--10: 64px;
  --hoomie-size--11: 80px;
  --hoomie-size--12: 96px;
  --hoomie-size--13: 128px;
  --hoomie-size--14: 256px;
  --hoomie-size--15: 384px;
  --hoomie-size--16: 512px;
  --hoomie-size--17: 768px;
  --hoomie-size--18: 1024px;
  --hoomie-size--19: 1280px;
  --hoomie-size--20: 1440px;
  --hoomie-size--21: 1600px;
  --hoomie-size--22: 1920px;
}
html,
body {
  --hoomie-color-main: #90bdff;
  --hoomie-color-main--100: $--hoomie-color-main;
  --hoomie-color-main--90: #9cc3ff;
  --hoomie-color-main--80: #a7caff;
  --hoomie-color-main--70: #b2d1ff;
  --hoomie-color-main--60: #bdd7ff;
  --hoomie-color-main--50: #c8deff;
  --hoomie-color-main--40: #d3e4ff;
  --hoomie-color-main--30: #deebff;
  --hoomie-color-main--20: #e9f2ff;
  --hoomie-color-main--10: #f4f8ff;
  --hoomie-color-main--00: #f9fbff;
  --hoomie-color-light-blue: #f1f7ff;
  --hoomie-color-action: #1455fc;
  --hoomie-color-action--active: #0344eb;
  --hoomie-color-action--hover: #316afc;
  --hoomie-color-support: #082265;
  --hoomie-color-warning: #ff9292;
  --hoomie-color-disabled: #a0adce;
  --hoomie-color-dark: #000;
  --hoomie-color-text: #082265;
  --hoomie-color-light: #fff;
  --hoomie-color-green: #16f1a2;
  --hoomie-color-light-yellow: #fffeee;
  --hoomie-color-light--100: #fff;
  --hoomie-color-light--90: rgba(255, 255, 255, 0.9);
  --hoomie-color-light--80: rgba(255, 255, 255, 0.8);
  --hoomie-color-light--70: rgba(255, 255, 255, 0.7);
  --hoomie-color-light--60: rgba(255, 255, 255, 0.6);
  --hoomie-color-light--50: rgba(255, 255, 255, 0.5);
  --hoomie-color-light--40: rgba(255, 255, 255, 0.4);
  --hoomie-color-light--30: rgba(255, 255, 255, 0.3);
  --hoomie-color-light--20: rgba(255, 255, 255, 0.2);
  --hoomie-color-light--10: rgba(255, 255, 255, 0.1);
}
html,
body {
  --hoomie-text-h-font-family: 'Recoleta', sans-serif;
  --hoomie-text-h-font-weight: 500;
  --hoomie-text-h-line-height: 100%;
  --hoomie-text-h-text-font-feature-settings: '';
  --hoomie-text-h1-font-size: 72px;
  --hoomie-text-h1-line-height: 110%;
  --hoomie-text-h2-font-size: 56px;
  --hoomie-text-h2-line-height: 110%;
  --hoomie-text-h3-font-size: 40px;
  --hoomie-text-h3-font-weight: 500;
  --hoomie-text-h4-font-size: 24px;
  --hoomie-text-h4-font-family: 'sofia-pro', sans-serif;
  --hoomie-text-h4-font-weight: 500;
  --hoomie-text-h4-line-height: 38px;
  --hoomie-text-h5-font-size: 22px;
  --hoomie-text-h5-font-weight: 500;
  --hoomie-text-h5-font-family: 'sofia-pro', sans-serif;
  --hoomie-text-h5-line-height: 120%;
  --hoomie-text-h6-font-size: 18px;
  --hoomie-text-h6-font-weight: 500;
  --hoomie-text-h6-font-family: 'sofia-pro', sans-serif;
  --hoomie-text-h6-text-transform: uppercase;
  --hoomie-text-h6-line-height: 120%;
  --hoomie-text-b-font-family: 'sofia-pro', sans-serif;
  --hoomie-text-b-font-weight: 400;
  --hoomie-text-b-line-height: 22px;
  --hoomie-text-b1-font-size: 16px;
  --hoomie-text-b1-line-height: 22px;
  --hoomie-text-b2-font-size: 14px;
  --hoomie-text-b2-line-height: 22px;
  --hoomie-text-b3-font-size: 12px;
  --hoomie-text-b3-line-height: 18px;
  --hoomie-text-b4-font-size: 18px;
  --hoomie-text-b4-line-height: 22px;
  --hoomie-text-c-font-family: 'sofia-pro', sans-serif;
  --hoomie-text-c-font-weight: 400;
  --hoomie-text-c-line-height: 145%;
  --hoomie-text-c1-line-height: 18px;
  --hoomie-text-c1-font-size: 16px;
  --hoomie-text-c2-font-size: 14px;
  --hoomie-text-c3-font-size: 12px;
  --hoomie-text-card-title-font-size: 16px;
  --hoomie-text-card-title-line-height: 22px;
  --hoomie-text-card-title-font-weight: 700;
  --hoomie-text-card-title-font-family: 'sofia-pro', sans-serif;
  --hoomie-text-card-body-font-size: 18px;
  --hoomie-text-card-body-line-height: 22px;
  --hoomie-text-card-body-font-weight: 400;
  --hoomie-text-card-body-font-family: 'sofia-pro', sans-serif;
  --hoomie-text-button-font-size: 18px;
  --hoomie-text-button-line-height: 24px;
  --hoomie-text-button-font-weight: 400;
  --hoomie-text-button-font-family: 'sofia-pro', sans-serif;
}
@media only screen and (max-width: 740px) {
  html,
  body {
    --hoomie-text-h-line-height: 100%;
    --hoomie-text-h1-font-size: 42px;
    --hoomie-text-h2-font-size: 32px;
    --hoomie-text-h3-font-size: 24px;
    --hoomie-text-h4-font-size: 20px;
    --hoomie-text-h5-line-height: 120%;
    --hoomie-text-h5-font-size: 18px;
    --hoomie-text-h6-line-height: 120%;
    --hoomie-text-h6-font-size: 16px;
    --hoomie-text-b-line-height: 120%;
    --hoomie-text-b1-font-size: 16px;
    --hoomie-text-b2-font-size: 14px;
    --hoomie-text-b3-font-size: 12px;
    --hoomie-text-b4-font-size: 18px;
    --hoomie-text-c-line-height: 120%;
    --hoomie-text-c1-font-size: 14px;
    --hoomie-text-c2-font-size: 12px;
    --hoomie-text-c3-font-size: 10px;
    --hoomie-text-card-title-font-size: 14px;
    --hoomie-text-card-body-font-size: 16px;
    --hoomie-text-button-font-size: 16px;
  }
}
@media only screen and (min-width: 740px) and (max-width: 1080px) {
  html,
  body {
    --hoomie-text-h-line-height: 100%;
    --hoomie-text-h1-font-size: 52px;
    --hoomie-text-h2-font-size: 40px;
    --hoomie-text-h3-font-size: 28px;
    --hoomie-text-h4-font-size: 26px;
    --hoomie-text-h5-line-height: 120%;
    --hoomie-text-h5-font-size: 20px;
    --hoomie-text-h6-line-height: 120%;
    --hoomie-text-h6-font-size: 18px;
    --hoomie-text-b-line-height: 120%;
    --hoomie-text-b1-font-size: 16px;
    --hoomie-text-b2-font-size: 14px;
    --hoomie-text-b3-font-size: 12px;
    --hoomie-text-b4-font-size: 18px;
    --hoomie-text-c-line-height: 120%;
    --hoomie-text-c1-font-size: 16px;
    --hoomie-text-c2-font-size: 14px;
    --hoomie-text-c3-font-size: 12px;
    --hoomie-text-card-title-font-size: 16px;
    --hoomie-text-card-body-font-size: 18px;
    --hoomie-text-button-font-size: 18px;
  }
}
html,
body {
  --hoomie-border-radius--1: 5px;
  --hoomie-border-radius--2: 3px;
  --hoomie-border-radius--30: 30px;
  --hoomie-border-radius--50: 50%;
}
html,
body {
  --hoomie-box-shadow--1: 0 1px 3px rgba(0, 0, 0, 0.12),
    0 1px 2px rgba(0, 0, 0, 0.24);
  --hoomie-box-shadow--2: 0 3px 6px rgba(0, 0, 0, 0.15),
    0 2px 4px rgba(0, 0, 0, 0.12);
  --hoomie-box-shadow--3: 0 10px 20px rgba(0, 0, 0, 0.15),
    0 3px 6px rgba(0, 0, 0, 0.1);
  --hoomie-box-shadow--4: 0 15px 25px rgba(0, 0, 0, 0.15),
    0 5px 10px rgba(0, 0, 0, 0.05);
  --hoomie-box-shadow--5: 0 20px 40px rgba(0, 0, 0, 0.2);
}
@font-face {
  font-family: 'Inter';
}
@font-face {
  font-family: 'Inter';
  font-weight: 600;
}
@font-face {
  font-family: 'Inter';
  font-weight: 700;
}
@font-face {
  font-family: 'Recoleta';
  src: url('webFonts/Recoleta-Light/font.woff2') format('woff2'),
    url('webFonts/Recoleta-Light/font.woff') format('woff');
  font-weight: 300;
}
@font-face {
  font-family: 'Recoleta';
  src: url('webFonts/Recoleta-Regular/font.woff2') format('woff2'),
    url('webFonts/Recoleta-Regular/font.woff') format('woff');
  font-weight: 400;
}
@font-face {
  font-family: 'Recoleta';
  src: url('webFonts/Recoleta-Medium/font.woff2') format('woff2'),
    url('webFonts/Recoleta-Medium/font.woff') format('woff');
  font-weight: 500;
}
@font-face {
  font-family: 'Recoleta';
  src: url('webFonts/Recoleta-SemiBold/font.woff2') format('woff2'),
    url('webFonts/Recoleta-SemiBold/font.woff') format('woff');
  font-weight: 600;
}
@font-face {
  font-family: 'Recoleta';
  src: url('webFonts/Recoleta-Bold/font.woff2') format('woff2'),
    url('webFonts/Recoleta-Bold/font.woff') format('woff');
  font-weight: 700;
}
*,
*:before,
*:after {
  box-sizing: border-box;
}
html,
body {
  margin: 0;
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  overflow: hidden;
}
mijn-hoomie {
  width: 100%;
  height: 100%;
  min-height: 100%;
  overflow-x: hidden;
}
[hidden] {
  display: none !important;
}