@font-face {
  font-family: "Nunito Sans";
  src: url("/fonts/NunitoSans-VariableFont_YTLC,opsz,wdth,wght.ttf") format("truetype"), url("/fonts/NunitoSans-Italic-VariableFont_YTLC,opsz,wdth,wght.ttf") format("truetype");
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Affect";
  src: url("/fonts/Affect/AffectBold.eot");
  src: local("/fonts/Affect/Affect Bold"), local("AffectBold"), url("/fonts/Affect/AffectBold.eot?#iefix") format("embedded-opentype"), url("/fonts/Affect/AffectBold.woff2") format("woff2"), url("/fonts/Affect/AffectBold.woff") format("woff"), url("/fonts/Affect/AffectBold.ttf") format("truetype");
  font-weight: bold;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Affect";
  src: url("/fonts/Affect/Affect.eot");
  src: local("Affect"), url("/fonts/Affect/Affect.eot?#iefix") format("embedded-opentype"), url("/fonts/Affect/Affect.woff2") format("woff2"), url("/fonts/Affect/Affect.woff") format("woff"), url("/fonts/Affect/Affect.ttf") format("truetype");
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Affect";
  src: url("/fonts/Affect/AffectLight.eot");
  src: local("Affect Light"), local("AffectLight"), url("/fonts/Affect/AffectLight.eot?#iefix") format("embedded-opentype"), url("/fonts/Affect/AffectLight.woff2") format("woff2"), url("/fonts/Affect/AffectLight.woff") format("woff"), url("/fonts/Affect/AffectLight.ttf") format("truetype");
  font-weight: 300;
  font-style: normal;
  font-display: swap;
}
body {
  position: relative;
  height: -moz-max-content;
  height: max-content;
  max-height: -moz-max-content;
  max-height: max-content;
  width: calc(100vw - 8px);
  max-width: calc(100vw - 8px);
  overflow-y: scroll !important;
  overflow-x: hidden !important;
  color: rgb(23, 61, 100);
  font-family: "Nunito Sans", sans-serif;
  background-color: rgb(255, 255, 255);
  scroll-behavior: smooth;
}

body.gap-body {
  overflow-y: hidden !important;
  padding-right: 8px;
}

body.gap-body::after {
  z-index: 10000;
  content: "";
  position: absolute;
  top: 0;
  right: 0;
  width: 8px;
  height: 100%;
  background: rgba(107, 165, 221, 0.5);
}

h1, h2, h3, h4, h5, h6, a {
  color: rgb(255, 255, 255);
  font-family: "Affect", sans-serif;
  text-decoration: none;
}

body {
  scrollbar-width: none; /* Firefox 64+ */
  -ms-overflow-style: none; /* Internet Explorer 10+ */
}

body::-webkit-scrollbar {
  /*bg */
  background: rgba(107, 165, 221, 0.5);
  width: 8px;
}

body::-webkit-scrollbar-thumb {
  /* thumb */
  background: rgba(23, 61, 100, 0.5);
  width: 8px;
  border-radius: 20px;
}

body.warm-peach-scroll::-webkit-scrollbar {
  background: rgb(252, 215, 207);
}

body.warm-peach-scroll::-webkit-scrollbar-thumb {
  background: rgb(243, 134, 123);
}

body.warm-peach-scroll.gap-body::after {
  background: rgb(252, 215, 207);
}

body.cream-scroll::-webkit-scrollbar {
  background: rgb(216, 192, 184);
}

body.cream-scroll::-webkit-scrollbar-thumb {
  background: rgb(172, 136, 135);
}

body.cream-scroll.gap-body::after {
  background: rgb(216, 192, 184);
}

body.light-scroll::-webkit-scrollbar {
  background: rgb(202, 202, 202);
}

body.light-scroll::-webkit-scrollbar-thumb {
  background: rgb(104, 104, 104);
}

body.light-scroll.gap-body::after {
  background: rgb(202, 202, 202);
}

.swal2-container div:where(.swal2-container) h2:where(.swal2-title), #swal2-title {
  font-family: "Nunito Sans";
  font-size: 23px;
  font-weight: 400;
}

.swal2-container {
  z-index: 2200;
}

@media screen and (min-width: 320px) {
  body {
    width: 100vw;
    max-width: 100vw;
  }
  body.gap-body {
    padding-right: 0;
  }
  body.gap-body::after {
    display: none;
  }
}
@media screen and (min-width: 1024px) {
  body {
    width: calc(100vw - 8px);
    max-width: calc(100vw - 8px);
  }
  body.gap-body {
    padding-right: 8px;
  }
  body.gap-body::after {
    display: block;
  }
}