@charset "UTF-8";
/* Titillium Web :: Used in Headers and menu bars */
/* titillium-web-italic - latin */
@import url("https://fonts.googleapis.com/css2?family=Montserrat:wght@500;600;700;800&display=swap");
@import url("https://fonts.googleapis.com/css2?family=Montserrat:wght@500;600;700;800&display=swap");
@font-face {
  font-family: 'Titillium Web';
  font-style: italic;
  font-weight: 400;
  src: url("../fonts/titillium/titillium-web-v6-latin-italic.eot");
  /* IE9 Compat Modes */
  src: local("Titillium Web Italic"), local("TitilliumWeb-Italic"), url("../fonts/titillium/titillium-web-v6-latin-italic.eot?#iefix") format("embedded-opentype"), url("../fonts/titillium/titillium-web-v6-latin-italic.woff2") format("woff2"), url("../fonts/titillium/titillium-web-v6-latin-italic.woff") format("woff"), url("../fonts/titillium/titillium-web-v6-latin-italic.ttf") format("truetype"), url("../fonts/titillium/titillium-web-v6-latin-italic.svg#TitilliumWeb") format("svg");
  /* Legacy iOS */
}
/* titillium-web-regular - latin */
@font-face {
  font-family: 'Titillium Web';
  font-style: normal;
  font-weight: 400;
  src: url("../fonts/titillium/titillium-web-v6-latin-regular.eot");
  /* IE9 Compat Modes */
  src: local("Titillium Web Regular"), local("TitilliumWeb-Regular"), url("../fonts/titillium/titillium-web-v6-latin-regular.eot?#iefix") format("embedded-opentype"), url("../fonts/titillium/titillium-web-v6-latin-regular.woff2") format("woff2"), url("../fonts/titillium/titillium-web-v6-latin-regular.woff") format("woff"), url("../fonts/titillium/titillium-web-v6-latin-regular.ttf") format("truetype"), url("../fonts/titillium/titillium-web-v6-latin-regular.svg#TitilliumWeb") format("svg");
  /* Legacy iOS */
}
/* titillium-web-600 - latin */
@font-face {
  font-family: 'Titillium Web';
  font-style: normal;
  font-weight: 600;
  src: url("../fonts/titillium/titillium-web-v6-latin-600.eot");
  /* IE9 Compat Modes */
  src: local("Titillium Web SemiBold"), local("TitilliumWeb-SemiBold"), url("../fonts/titillium/titillium-web-v6-latin-600.eot?#iefix") format("embedded-opentype"), url("../fonts/titillium/titillium-web-v6-latin-600.woff2") format("woff2"), url("../fonts/titillium/titillium-web-v6-latin-600.woff") format("woff"), url("../fonts/titillium/titillium-web-v6-latin-600.ttf") format("truetype"), url("../fonts/titillium/titillium-web-v6-latin-600.svg#TitilliumWeb") format("svg");
  /* Legacy iOS */
}
/* titillium-web-700 - latin */
@font-face {
  font-family: 'Titillium Web';
  font-style: normal;
  font-weight: 700;
  src: url("../fonts/titillium/titillium-web-v6-latin-700.eot");
  /* IE9 Compat Modes */
  src: local("Titillium Web Bold"), local("TitilliumWeb-Bold"), url("../fonts/titillium/titillium-web-v6-latin-700.eot?#iefix") format("embedded-opentype"), url("../fonts/titillium/titillium-web-v6-latin-700.woff2") format("woff2"), url("../fonts/titillium/titillium-web-v6-latin-700.woff") format("woff"), url("../fonts/titillium/titillium-web-v6-latin-700.ttf") format("truetype"), url("../fonts/titillium/titillium-web-v6-latin-700.svg#TitilliumWeb") format("svg");
  /* Legacy iOS */
}
/* Roboto :: Used in paragraphs, lists, etc */
/* roboto-regular - latin */
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 400;
  src: url("../fonts/roboto/roboto-v18-latin-regular.eot");
  /* IE9 Compat Modes */
  src: local("Roboto"), local("Roboto-Regular"), url("../fonts/roboto/roboto-v18-latin-regular.eot?#iefix") format("embedded-opentype"), url("../fonts/roboto/roboto-v18-latin-regular.woff2") format("woff2"), url("../fonts/roboto/roboto-v18-latin-regular.woff") format("woff"), url("../fonts/roboto/roboto-v18-latin-regular.ttf") format("truetype"), url("../fonts/roboto/roboto-v18-latin-regular.svg#Roboto") format("svg");
  /* Legacy iOS */
}
/* roboto-italic - latin */
@font-face {
  font-family: 'Roboto';
  font-style: italic;
  font-weight: 400;
  src: url("../fonts/roboto/roboto-v18-latin-italic.eot");
  /* IE9 Compat Modes */
  src: local("Roboto Italic"), local("Roboto-Italic"), url("../fonts/roboto/roboto-v18-latin-italic.eot?#iefix") format("embedded-opentype"), url("../fonts/roboto/roboto-v18-latin-italic.woff2") format("woff2"), url("../fonts/roboto/roboto-v18-latin-italic.woff") format("woff"), url("../fonts/roboto/roboto-v18-latin-italic.ttf") format("truetype"), url("../fonts/roboto/roboto-v18-latin-italic.svg#Roboto") format("svg");
  /* Legacy iOS */
}
/* roboto-700 - latin */
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 700;
  src: url("../fonts/roboto/roboto-v18-latin-700.eot");
  /* IE9 Compat Modes */
  src: local("Roboto Bold"), local("Roboto-Bold"), url("../fonts/roboto/roboto-v18-latin-700.eot?#iefix") format("embedded-opentype"), url("../fonts/roboto/roboto-v18-latin-700.woff2") format("woff2"), url("../fonts/roboto/roboto-v18-latin-700.woff") format("woff"), url("../fonts/roboto/roboto-v18-latin-700.ttf") format("truetype"), url("../fonts/roboto/roboto-v18-latin-700.svg#Roboto") format("svg");
  /* Legacy iOS */
}
/* roboto-700italic - latin */
@font-face {
  font-family: 'Roboto';
  font-style: italic;
  font-weight: 700;
  src: url("../fonts/roboto/roboto-v18-latin-700italic.eot");
  /* IE9 Compat Modes */
  src: local("Roboto Bold Italic"), local("Roboto-BoldItalic"), url("../fonts/roboto/roboto-v18-latin-700italic.eot?#iefix") format("embedded-opentype"), url("../fonts/roboto/roboto-v18-latin-700italic.woff2") format("woff2"), url("../fonts/roboto/roboto-v18-latin-700italic.woff") format("woff"), url("../fonts/roboto/roboto-v18-latin-700italic.ttf") format("truetype"), url("../fonts/roboto/roboto-v18-latin-700italic.svg#Roboto") format("svg");
  /* Legacy iOS */
}
/* line 1, ../sass/base.scss */
html, body {
  width: 100%;
  height: 100%;
  overflow: hidden;
}

/* line 7, ../sass/base.scss */
body {
  display: flex;
  align-items: center;
}

/* line 12, ../sass/base.scss */
a {
  color: #3379a0;
}

/* line 16, ../sass/base.scss */
a:hover, a:focus {
  color: #ae6ba2 !important;
  cursor: pointer;
}

/* line 21, ../sass/base.scss */
h3 {
  font-family: 'Titillium Web', sans-serif;
  color: #922788;
  font-size: clamp(1.5rem, 1.75rem, 2rem);
  font-weight: 700;
  margin-bottom: 1.5rem;
  text-align: center;
}

/* line 30, ../sass/base.scss */
input:focus-visible {
  background-color: white;
  outline: none;
}

/* line 35, ../sass/base.scss */
button:focus {
  outline: none;
}

/* line 39, ../sass/base.scss */
input {
  color: #4D4D4D;
}

/* line 43, ../sass/base.scss */
input:-internal-autofill-selected {
  -webkit-box-shadow: 0 0 0 30px #fff inset !important;
  -moz-box-shadow: 0 0 0 30px #fff inset !important;
  -o-box-shadow: 0 0 0 30px #fff inset !important;
  box-shadow: 0 0 0 30px #fff inset !important;
  -webkit-text-fill-color: #4D4D4D !important;
  -o-text-fill-color: #4D4D4D !important;
  -moz-text-fill-color: #4D4D4D !important;
}

/* line 54, ../sass/base.scss */
form button {
  background-color: #922788;
  color: #ffffff;
  border-radius: 4px;
  border: none;
  height: auto;
  width: 100%;
  padding: 0.5rem 0.75rem;
  font-size: 20px;
  font-weight: 500;
}
/* line 66, ../sass/base.scss */
form .field {
  position: relative;
  margin-bottom: 1rem;
}
/* line 70, ../sass/base.scss */
form .field span {
  position: absolute;
  right: 0.75rem;
  top: 0;
  bottom: 0;
  font-size: 24px;
  color: #4D4D4D;
  display: none;
  align-items: center;
  cursor: pointer;
}
/* line 82, ../sass/base.scss */
form .field label.placeholder {
  position: absolute;
  left: 0.5rem;
  top: 0.6rem;
  padding: 0 0.25rem;
  transition: top 200ms ease-in, left 200ms ease-in, font-size 200ms ease-in;
  display: none;
}
/* line 92, ../sass/base.scss */
form input[type="text"], form input[type="password"] {
  padding: 0.5rem 0.75rem;
  border-radius: 4px;
  border: 1px solid #922788;
  width: 100%;
  background-color: white;
  font-weight: normal;
  font-size: 1rem;
}
/* line 102, ../sass/base.scss */
form input:focus::placeholder {
  color: transparent;
  font-size: 1rem;
}
/* line 107, ../sass/base.scss */
form .input:focus ~ .placeholder,
form .input:not(:placeholder-shown).input:not(:focus) ~ .placeholder {
  top: -0.75rem;
  font-size: 0.9rem;
  left: 0.25rem;
  color: #922788;
  background-color: #fff;
  display: block;
}

/* line 118, ../sass/base.scss */
.display-block {
  display: block;
}

/* line 122, ../sass/base.scss */
input.input-validation-error {
  border-color: #CC0000 !important;
}

/* line 126, ../sass/base.scss */
input.input-validation-error ~ label.placeholder,
input.input-radio.input-validation-error ~ span,
input.input-radio.input-validation-error ~ a,
input.input-radio.input-validation-error ~ span a {
  color: #CC0000 !important;
}

/* line 1, ../sass/_Layout/_Layout.scss */
body {
  background-color: #f2f2f2;
}
/* line 4, ../sass/_Layout/_Layout.scss */
body div.vertical-center {
  height: 100%;
  min-height: 100%;
  min-width: 100%;
  width: 100%;
  flex-direction: row;
  box-sizing: border-box;
  display: flex;
  place-content: stretch space-evenly;
  align-items: stretch;
  border: 1px solid black;
  padding: 2rem;
  color: #4d4d4d;
  gap: 1rem;
}
/* line 19, ../sass/_Layout/_Layout.scss */
body div.vertical-center div.forms-container {
  flex-direction: column;
  box-sizing: border-box;
  display: flex;
  place-content: center center;
  align-items: center;
  gap: 1.5rem;
}
/* line 28, ../sass/_Layout/_Layout.scss */
body div.vertical-center div.slider {
  flex-direction: column;
  box-sizing: border-box;
  display: flex;
  place-content: center center;
  align-items: center;
  gap: 2rem;
  height: fit-content;
}
/* line 38, ../sass/_Layout/_Layout.scss */
body div.vertical-center div.slider div.brand {
  flex-direction: column;
  box-sizing: border-box;
  display: flex;
  place-content: center stretch;
  align-items: center;
  gap: 1rem;
}
/* line 47, ../sass/_Layout/_Layout.scss */
body div.vertical-center div.slider div.brand a {
  width: 50%;
}
/* line 51, ../sass/_Layout/_Layout.scss */
body div.vertical-center div.slider div.brand a > #logo {
  width: 100%;
  display: flex;
  flex-direction: row;
  place-content: center center;
  align-items: center;
}
/* line 59, ../sass/_Layout/_Layout.scss */
body div.vertical-center div.slider div.brand span {
  color: #4D4D4D;
  font-size: 1.25rem;
}
/* line 64, ../sass/_Layout/_Layout.scss */
body div.vertical-center span#signup-subtitle, body div.vertical-center span#subtitle {
  color: #42123D;
}
/* line 69, ../sass/_Layout/_Layout.scss */
body div.vertical-center > :nth-child(1) {
  display: flex;
  flex: 0 0 40%;
  flex-direction: column;
  place-content: stretch center;
  align-items: stretch;
}
/* line 77, ../sass/_Layout/_Layout.scss */
body div.vertical-center > :nth-child(2) {
  display: flex;
  flex: 0 0 40%;
}

/* line 83, ../sass/_Layout/_Layout.scss */
.legal-links {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  width: 100%;
  place-content: center space-evenly;
  align-items: center;
  box-sizing: border-box;
}
/* line 92, ../sass/_Layout/_Layout.scss */
.legal-links a {
  color: #4D4D4D;
  font-size: 12px;
}

/* line 98, ../sass/_Layout/_Layout.scss */
.white-box {
  width: 100%;
  padding: 4rem 5rem;
  background-color: white;
  border-radius: 8px;
  -webkit-box-shadow: 0px 3px 11px 5px rgba(77, 77, 77, 0.4);
  -moz-box-shadow: 0px 3px 11px 5px rgba(77, 77, 77, 0.4);
  box-shadow: 0px 3px 11px 5px rgba(77, 77, 77, 0.4);
  position: relative;
}

/* line 109, ../sass/_Layout/_Layout.scss */
.language-selector {
  width: fit-content;
  position: absolute;
  top: 2rem;
  right: 5rem;
}
/* line 115, ../sass/_Layout/_Layout.scss */
.language-selector img {
  float: left;
}
/* line 119, ../sass/_Layout/_Layout.scss */
.language-selector span {
  float: left;
  line-height: 16px;
  margin-top: 8px;
  margin-left: 0.25rem;
  pointer-events: none;
}
/* line 127, ../sass/_Layout/_Layout.scss */
.language-selector select {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  border: none;
  background-color: transparent;
  font-size: 14px;
  font-family: 'Titillium Web', sans-serif !important;
  font-weight: 600;
  line-height: 1.3;
  cursor: pointer;
  color: transparent;
  width: 100%;
  height: 100%;
  outline: none;
}
/* line 145, ../sass/_Layout/_Layout.scss */
.language-selector select option {
  color: #4d4d4d;
}

/* line 151, ../sass/_Layout/_Layout.scss */
a#resendToken {
  color: #4d4d4d;
}

/* line 155, ../sass/_Layout/_Layout.scss */
label:has(a#resendToken) {
  margin-bottom: 1.25rem;
}

@media only screen and (max-width: 1281px) {
  /* line 160, ../sass/_Layout/_Layout.scss */
  .white-box {
    transform: scale(0.9);
  }

  /* line 164, ../sass/_Layout/_Layout.scss */
  .language-selector {
    top: 1.5rem;
  }
}
@media screen and (pointer: coarse) and (max-width: 1024px) and (orientation: landscape) {
  /* line 2, ../sass/_Layout/_Layout.landscape.scss */
  html {
    /* Rotate the content container */
    transform: rotate(-90deg);
    transform-origin: left top;
    /* Set content width to viewport height */
    width: 100vh;
    /* Set content height to viewport width */
    height: 100vw;
    overflow-x: hidden;
    position: absolute;
    top: 100%;
    left: 0;
  }

  /* line 16, ../sass/_Layout/_Layout.landscape.scss */
  body div.vertical-center {
    flex-direction: column;
    place-content: stretch center;
    align-items: stretch;
    gap: 0;
  }

  /* line 23, ../sass/_Layout/_Layout.landscape.scss */
  body div.vertical-center div.slider {
    gap: 2rem;
  }

  /* line 27, ../sass/_Layout/_Layout.landscape.scss */
  body div.vertical-center div.slider div.brand {
    gap: 1rem;
  }

  /* line 31, ../sass/_Layout/_Layout.landscape.scss */
  body div.vertical-center > :nth-child(1) {
    flex: 0 0 auto;
  }

  /* line 35, ../sass/_Layout/_Layout.landscape.scss */
  .white-box {
    background-color: transparent;
    box-shadow: none;
    padding: 0;
  }

  /* line 41, ../sass/_Layout/_Layout.landscape.scss */
  .language-selector {
    position: fixed;
  }

  /* line 46, ../sass/_Layout/_Layout.landscape.scss */
  .legal-links a {
    font-size: 0.75rem;
    text-decoration: underline;
  }
}
@media (max-device-width: 600px) {
  /* line 3, ../sass/_Layout/_Layout.mobile-portrait.scss */
  body {
    background-size: 100%;
    background-position: center bottom;
    vertical-align: middle;
  }

  /* line 9, ../sass/_Layout/_Layout.mobile-portrait.scss */
  body div.vertical-center {
    flex-direction: column;
    place-content: stretch center;
    align-items: stretch;
    gap: 0;
  }

  /* line 16, ../sass/_Layout/_Layout.mobile-portrait.scss */
  body div.vertical-center div.slider {
    gap: 0.5rem;
  }

  /* line 20, ../sass/_Layout/_Layout.mobile-portrait.scss */
  body div.vertical-center div.slider div.brand {
    gap: 1rem;
  }

  /* line 24, ../sass/_Layout/_Layout.mobile-portrait.scss */
  body div.vertical-center > :nth-child(1) {
    flex: 0 0 auto;
  }

  /* line 28, ../sass/_Layout/_Layout.mobile-portrait.scss */
  #logo {
    width: 45%;
  }

  /* line 34, ../sass/_Layout/_Layout.mobile-portrait.scss */
  .legal-links a {
    font-size: 0.75rem;
    text-decoration: underline;
  }

  /* line 40, ../sass/_Layout/_Layout.mobile-portrait.scss */
  .white-box {
    background-color: transparent;
    box-shadow: none;
    padding: 0;
  }

  /* line 46, ../sass/_Layout/_Layout.mobile-portrait.scss */
  .language-selector {
    position: fixed;
    right: 2rem;
  }
}
/*@media (min-device-width: 30px) and (max-device-width: 300px) {

    body {
        background-size: 100%;
        background-position: center bottom;
        vertical-align: middle;
        background-color: red;
    }

    body div.vertical-center {
        flex-direction: column;
    }

    body div.vertical-center > :nth-child(1) {
        flex: 0 0 auto;
    }

  #logo {
    width: 45%;
    margin-left: 5%;
  }

  .legal-links  {
    a {
      font-size: 0.75rem; 
    }
  }

  .white-box {
    background-color: transparent;
    box-shadow: none;
  }

    .language-selector {
        position: fixed;
    }

    div.slider {
        gap: 0;
    }
}*/
@media (min-device-width: 768px) and (max-device-width: 1024px) and (orientation: portrait) {
  /* line 3, ../sass/_Layout/_Layout.tablet-portrait.scss */
  body {
    background-position: right bottom;
    background-size: 34%;
  }

  /* line 8, ../sass/_Layout/_Layout.tablet-portrait.scss */
  body div.vertical-center {
    flex-direction: column;
    place-content: stretch center;
    align-items: stretch;
    gap: 2rem;
    padding: 2rem 4rem;
  }

  /* line 16, ../sass/_Layout/_Layout.tablet-portrait.scss */
  body div.vertical-center div.slider {
    gap: 2rem;
  }

  /* line 20, ../sass/_Layout/_Layout.tablet-portrait.scss */
  body div.vertical-center div.slider div.brand {
    gap: 1rem;
  }

  /* line 24, ../sass/_Layout/_Layout.tablet-portrait.scss */
  body div.vertical-center > :nth-child(1) {
    flex: 0 0 auto;
  }

  /* line 28, ../sass/_Layout/_Layout.tablet-portrait.scss */
  #logo {
    width: 22%;
  }

  /* line 33, ../sass/_Layout/_Layout.tablet-portrait.scss */
  .legal-links a {
    font-size: 0.9rem;
    text-decoration: underline;
  }

  /* line 39, ../sass/_Layout/_Layout.tablet-portrait.scss */
  .white-box {
    background-color: transparent;
    box-shadow: none;
    padding: 0;
  }

  /* line 45, ../sass/_Layout/_Layout.tablet-portrait.scss */
  .language-selector {
    position: fixed;
    right: 4rem;
    top: 2rem;
  }
}
@media only screen and (min-width: 601px) and (max-width: 1280px) {
  /* line 3, ../sass/_Layout/_Layout.1280x720.scss */
  .white-box {
    padding: 2rem 2rem;
  }

  /* line 7, ../sass/_Layout/_Layout.1280x720.scss */
  .language-selector {
    right: 2rem;
  }
}
/* line 3, ../sass/_Slider/_Slider.scss */
:root {
  --card-width: 12rem;
  --card-height: 10rem;
  --card-transition-duration: 800ms;
  --card-transition-easing: ease;
}

/* line 10, ../sass/_Slider/_Slider.scss */
* {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  margin: 0;
  padding: 0;
  font-family: Roboto, -apple-system, system-ui, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
}

/* line 18, ../sass/_Slider/_Slider.scss */
#slider-container {
  position: relative;
  width: 100%;
  height: fit-content;
  min-height: calc(var(--card-height) + 1rem);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  flex-direction: column;
  place-content: stretch flex-start;
  align-items: stretch;
  gap: 1rem;
}
/* line 31, ../sass/_Slider/_Slider.scss */
#slider-container button {
  border: none;
  background: none;
  cursor: pointer;
}
/* line 37, ../sass/_Slider/_Slider.scss */
#slider-container button:focus {
  outline: none;
  border: none;
}
/* line 42, ../sass/_Slider/_Slider.scss */
#slider-container .slider-carousel {
  height: fit-content;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  flex-direction: row;
  place-content: baseline flex-start;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  min-height: fit-content;
}
/* line 58, ../sass/_Slider/_Slider.scss */
#slider-container .slider-carousel > button {
  --btn-size: 2rem;
  width: var(--btn-size);
  height: var(--btn-size);
  outline: none;
  box-shadow: none;
  border: none;
  display: flex;
  flex-direction: column;
  align-items: center;
}
/* line 70, ../sass/_Slider/_Slider.scss */
#slider-container .slider-carousel > button .icon {
  width: 100%;
  height: 100%;
}
/* line 75, ../sass/_Slider/_Slider.scss */
#slider-container .slider-carousel > button:focus,
#slider-container .slider-carousel > button:focus-visible {
  outline: 0;
  box-shadow: none;
}
/* line 81, ../sass/_Slider/_Slider.scss */
#slider-container .slider-carousel > button .icon svg {
  width: 100%;
  height: 100%;
}
/* line 86, ../sass/_Slider/_Slider.scss */
#slider-container .slider-carousel .slide-list {
  position: relative;
  width: calc(3 * var(--card-width));
  height: fit-content;
  -webkit-perspective: 600px;
  perspective: 600px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  flex-direction: row;
  place-content: baseline flex-start;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  gap: 1rem;
  padding: 1rem 0;
  flex-wrap: nowrap;
  overflow: hidden;
}
/* line 109, ../sass/_Slider/_Slider.scss */
#slider-container .slide {
  --card-translateY-offset: 0;
  -webkit-transform: translate(-50%, -50%) translateX(var(--card-translateX-offset)) translateY(var(--card-translateY-offset)) rotateY(var(--card-rotation-offset)) scale(var(--card-scale-offset));
  transform: translate(-50%, -50%) translateX(var(--card-translateX-offset)) translateY(var(--card-translateY-offset)) rotateY(var(--card-rotation-offset)) scale(var(--card-scale-offset));
  display: inline-block;
  width: var(--card-width);
  height: var(--card-height);
  -webkit-transition: -webkit-transform var(--card-transition-duration) var(--card-transition-easing);
  transition: -webkit-transform var(--card-transition-duration) var(--card-transition-easing);
  transition: transform var(--card-transition-duration) var(--card-transition-easing);
  transition: transform var(--card-transition-duration) var(--card-transition-easing), -webkit-transform var(--card-transition-duration) var(--card-transition-easing);
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  padding: 1rem;
  background-color: #fff;
  opacity: calc(1 - var(--opacity));
  border-radius: 4px;
  border: none;
  order: 4;
}
/* line 132, ../sass/_Slider/_Slider.scss */
#slider-container .slide.current {
  order: 2;
  box-shadow: 0px 1px 8px 0px rgba(77, 77, 77, 0.41);
  -webkit-box-shadow: 0px 1px 8px 0px rgba(77, 77, 77, 0.41);
  -moz-box-shadow: 0px 1px 8px 0px rgba(77, 77, 77, 0.41);
}
/* line 139, ../sass/_Slider/_Slider.scss */
#slider-container .slide.previous {
  order: 1;
}
/* line 143, ../sass/_Slider/_Slider.scss */
#slider-container .slide.next {
  order: 3;
}
/* line 147, ../sass/_Slider/_Slider.scss */
#slider-container .slide::before {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background: #ffffff;
  z-index: 1;
  border-radius: 4px;
  -webkit-transition: opacity var(--card-transition-duration) var(--card-transition-easing);
  transition: opacity var(--card-transition-duration) var(--card-transition-easing);
}
/* line 160, ../sass/_Slider/_Slider.scss */
#slider-container .slide.current {
  --current-card-rotation-offset: 0;
  --card-translateX-offset: 0;
  --card-rotation-offset: var(--current-card-rotation-offset);
  --card-scale-offset: 1.2;
  --opacity: 0;
  --webkit-transform: scale(1.2);
  transform: scale(1.2);
}
/* line 170, ../sass/_Slider/_Slider.scss */
#slider-container .slide span {
  font-family: "Roboto", sans-serif;
  color: #42123D;
  font-weight: 700;
  font-size: 1rem;
}
/* line 177, ../sass/_Slider/_Slider.scss */
#slider-container .slide p.description {
  font-family: "Roboto", sans-serif;
  color: #4D4D4D;
  margin-top: 0.5rem;
  margin-bottom: 0 !important;
  font-size: 0.9rem;
}
/* line 185, ../sass/_Slider/_Slider.scss */
#slider-container .slide.previous {
  --card-translateX-offset: calc(-1 * var(--card-width) * 1.1);
  --card-rotation-offset: 25deg;
}
/* line 190, ../sass/_Slider/_Slider.scss */
#slider-container .slide.next {
  --card-translateX-offset: calc(var(--card-width) * 1.1);
  --card-rotation-offset: -25deg;
}
/* line 195, ../sass/_Slider/_Slider.scss */
#slider-container .slide.previous,
#slider-container .slide.next {
  --card-scale-offset: 0.9;
  --opacity: 0.4;
  -webkit-transform: scale(0.9);
  transform: scale(0.9);
}
/* line 203, ../sass/_Slider/_Slider.scss */
#slider-container .slider-carousel .slide-list div.slide {
  display: none;
}
/* line 207, ../sass/_Slider/_Slider.scss */
#slider-container .slider-carousel .slide-list div.slide.next,
#slider-container .slider-carousel .slide-list div.slide.current,
#slider-container .slider-carousel .slide-list div.slide.previous {
  display: inline;
  height: fit-content;
}
/* line 214, ../sass/_Slider/_Slider.scss */
#slider-container .slide-selector {
  text-align: center;
  margin-right: 0.25rem;
  gap: 0.25rem;
  display: flex;
  flex-direction: row;
  align-self: center;
}
/* line 223, ../sass/_Slider/_Slider.scss */
#slider-container .slide-selector > span {
  height: 15px;
  width: 15px;
  background-color: #bbb;
  border-radius: 50%;
  display: inline-block;
  cursor: pointer;
}
/* line 232, ../sass/_Slider/_Slider.scss */
#slider-container .slide-selector > span.selector.current {
  background-color: #42123D;
}

/* line 3, ../sass/_Slider/_SliderMobile.scss */
:root {
  --card-width: 14.5rem;
  --card-height: 4rem;
  --card-transition-duration: 800ms;
  --card-transition-easing: ease-in-out;
}

/* line 10, ../sass/_Slider/_SliderMobile.scss */
* {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  margin: 0;
  padding: 0;
  font-family: Roboto, -apple-system, system-ui, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
}

/* line 18, ../sass/_Slider/_SliderMobile.scss */
#slider-container-mobile {
  position: relative;
  width: 100%;
  height: fit-content;
  min-height: calc(var(--card-height) + 1rem);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  flex-direction: column;
  place-content: stretch flex-start;
  align-items: stretch;
  gap: 1rem;
}
/* line 32, ../sass/_Slider/_SliderMobile.scss */
#slider-container-mobile button {
  border: none;
  background: none;
  cursor: pointer;
}
/* line 38, ../sass/_Slider/_SliderMobile.scss */
#slider-container-mobile button:focus {
  outline: none;
  border: none;
}
/* line 43, ../sass/_Slider/_SliderMobile.scss */
#slider-container-mobile .slider-carousel {
  height: fit-content;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  flex-direction: row;
  place-content: baseline flex-start;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  min-height: fit-content;
}
/* line 59, ../sass/_Slider/_SliderMobile.scss */
#slider-container-mobile .slider-carousel > button {
  --btn-size: 2rem;
  width: var(--btn-size);
  height: var(--btn-size);
  outline: none;
  box-shadow: none;
  border: none;
  display: flex;
  flex-direction: column;
  align-items: center;
}
/* line 71, ../sass/_Slider/_SliderMobile.scss */
#slider-container-mobile .slider-carousel > button .icon {
  width: 100%;
  height: 100%;
}
/* line 76, ../sass/_Slider/_SliderMobile.scss */
#slider-container-mobile .slider-carousel > button:focus,
#slider-container-mobile .slider-carousel > button:focus-visible {
  outline: 0;
  box-shadow: none;
}
/* line 82, ../sass/_Slider/_SliderMobile.scss */
#slider-container-mobile .slider-carousel > button .icon svg {
  width: 100%;
  height: 100%;
}
/* line 87, ../sass/_Slider/_SliderMobile.scss */
#slider-container-mobile .slider-carousel .slide-list {
  position: relative;
  width: var(--card-width);
  height: fit-content;
  -webkit-perspective: 600px;
  perspective: 600px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  flex-direction: row;
  place-content: baseline flex-start;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  flex-wrap: nowrap;
  overflow: hidden;
}
/* line 108, ../sass/_Slider/_SliderMobile.scss */
#slider-container-mobile .slide {
  --card-translateY-offset: 0;
  width: var(--card-width);
  height: var(--card-height);
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  padding: 0;
  background-color: transparent;
  opacity: calc(1 - var(--opacity));
  border: none;
  box-shadow: none;
  order: 3;
  display: flex;
  flex-direction: column;
  place-content: stretch center;
  align-items: stretch;
  min-height: var(--card-height);
  text-align: center;
  transition: all var(--card-transition-duration) var(--card-transition-easing);
  min-width: var(--card-width);
}
/* line 132, ../sass/_Slider/_SliderMobile.scss */
#slider-container-mobile .slide.current {
  order: 1;
}
/* line 136, ../sass/_Slider/_SliderMobile.scss */
#slider-container-mobile .slide.previous {
  order: 0;
  transform: translateX(-100%);
}
/* line 141, ../sass/_Slider/_SliderMobile.scss */
#slider-container-mobile .slide.next {
  order: 2;
  transform: translateX(100%);
}
/* line 146, ../sass/_Slider/_SliderMobile.scss */
#slider-container-mobile .slide:not(.current).slide:not(.next).slide:not(.previous) {
  display: none;
}
/* line 150, ../sass/_Slider/_SliderMobile.scss */
#slider-container-mobile .slide::before {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  z-index: 1;
}
/* line 159, ../sass/_Slider/_SliderMobile.scss */
#slider-container-mobile .slide span {
  font-family: "Roboto", sans-serif;
  color: #42123D;
  font-weight: 700;
  font-size: 0.9rem;
}
/* line 166, ../sass/_Slider/_SliderMobile.scss */
#slider-container-mobile .slide p.description {
  font-family: "Roboto", sans-serif;
  color: #4D4D4D;
  margin-bottom: 0 !important;
  font-size: 0.8rem;
  margin-top: 0;
}
/* line 174, ../sass/_Slider/_SliderMobile.scss */
#slider-container-mobile .slider-carousel .slide-list div.slide.next,
#slider-container-mobile .slider-carousel .slide-list div.slide.current,
#slider-container-mobile .slider-carousel .slide-list div.slide.previous {
  height: fit-content;
}

/* line 4, ../sass/Login/Login.scss */
#login .other-action {
  margin-top: 5%;
  font-size: 14px;
}
/* line 8, ../sass/Login/Login.scss */
#login .other-action a {
  text-decoration: none;
  cursor: pointer;
}
/* line 14, ../sass/Login/Login.scss */
#login .validation {
  display: block;
  color: #e0245e;
  font-weight: 400;
  font-size: 14px;
  margin-top: 2%;
}
/* line 22, ../sass/Login/Login.scss */
#login .forgot-password-link {
  margin-top: 0.5rem;
  margin-bottom: 2rem;
  display: flex;
  gap: 0.25rem;
  place-content: baseline flex-start;
  align-items: baseline;
}
/* line 30, ../sass/Login/Login.scss */
#login .forgot-password-link a {
  color: #4D4D4D;
  text-decoration: none;
  font-size: 14px;
  display: flex;
  gap: 0.25rem;
  place-content: baseline flex-start;
  align-items: baseline;
}
/* line 40, ../sass/Login/Login.scss */
#login .forgot-password-link a:hover {
  color: #ae6ba2;
}
/* line 43, ../sass/Login/Login.scss */
#login .forgot-password-link a:hover svg {
  fill: #ae6ba2;
}
/* line 49, ../sass/Login/Login.scss */
#login .sign-up-link {
  margin-top: 2rem;
  display: flex;
  flex-direction: row;
  place-content: center;
  align-items: center;
  gap: 0.25rem;
  font-size: 0.9rem;
}
/* line 58, ../sass/Login/Login.scss */
#login .sign-up-link a {
  color: #ae6ba2;
  text-decoration: none;
}
/* line 63, ../sass/Login/Login.scss */
#login .sign-up-link a:hover {
  text-decoration: underline;
}

@media only screen and (max-width: 1280px) {
  /* line 5, ../sass/Login/Login.mobile-portrait.scss */
  #login .field.password {
    margin-top: 1rem;
  }
}
/* line 1, ../sass/Account/Signup/Signup.scss */
#signup {
  display: flex;
  flex-direction: column;
  gap: 2rem;
}
/* line 6, ../sass/Account/Signup/Signup.scss */
#signup .header,
#signup .confirm-signup-success {
  text-align: center;
  display: flex;
  flex-direction: column;
}
/* line 13, ../sass/Account/Signup/Signup.scss */
#signup .confirm-signup-success {
  gap: 1rem;
  padding: 1rem;
}
/* line 18, ../sass/Account/Signup/Signup.scss */
#signup .header > :nth-child(1),
#signup .confirm-signup-success > :nth-child(1) {
  font-weight: 500;
  color: #42123D;
  font-size: 1.5rem;
  line-height: 1.5rem;
}
/* line 26, ../sass/Account/Signup/Signup.scss */
#signup .header > :nth-child(2),
#signup .confirm-signup-success > :nth-child(3) {
  color: 4D4D4D;
  font-size: 1.1rem;
}
/* line 32, ../sass/Account/Signup/Signup.scss */
#signup form#registrationForm {
  display: flex;
  flex-direction: column;
}
/* line 37, ../sass/Account/Signup/Signup.scss */
#signup .field.password {
  margin-bottom: 0.15rem;
}
/* line 41, ../sass/Account/Signup/Signup.scss */
#signup label.password-rule {
  width: 100%;
  font-size: 0.8rem;
  margin-bottom: 0.75rem;
}
/* line 47, ../sass/Account/Signup/Signup.scss */
#signup .user-name {
  display: flex;
  place-content: stretch flex-start;
  align-items: stretch;
  gap: 0.5rem;
}
/* line 53, ../sass/Account/Signup/Signup.scss */
#signup .user-name .user-first-name, #signup .user-name .user-last-name {
  width: 100%;
}
/* line 58, ../sass/Account/Signup/Signup.scss */
#signup div.legal-consent {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
  font-size: 0.9rem;
  margin-bottom: 1rem;
}
/* line 65, ../sass/Account/Signup/Signup.scss */
#signup div.legal-consent .consent {
  display: flex;
  flex-direction: row;
  gap: 0.5rem;
  place-content: center flex-start;
  align-items: center;
}
/* line 74, ../sass/Account/Signup/Signup.scss */
#signup .consent input[type="checkbox"],
#signup .mobile-legal-consent input[type="checkbox"] {
  -ms-transform: scale(1.3);
  -moz-transform: scale(1.3);
  -webkit-transform: scale(1.3);
  -o-transform: scale(1.3);
  -webkit-appearance: none;
  margin-right: 5px;
  background-color: #fafafa;
  border: 1px solid #cacece;
  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.5), inset 0px -15px 10px -12px rgba(0, 0, 0, 0.2);
  border-radius: 4px;
  display: inline-block;
  position: relative;
  margin-top: 1px;
  width: 10px;
  height: 10px !important;
  padding: 7px;
  margin-left: 2px;
}
/* line 95, ../sass/Account/Signup/Signup.scss */
#signup .consent input[type=checkbox]:checked:after,
#signup .mobile-legal-consent input[type=checkbox]:checked:after {
  content: '✓';
  font-size: 18px;
  font-weight: bold;
  position: absolute;
  top: -8px;
  left: 2px;
  color: #922788;
}
/* line 106, ../sass/Account/Signup/Signup.scss */
#signup .consent input[type=checkbox]:checked,
#signup .mobile-legal-consent input[type=checkbox]:checked {
  background-color: #e9ecee;
  border: 1px solid #adb8c0;
  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05), inset 0px -15px 10px -12px rgba(0, 0, 0, 0.05), inset 15px 10px -12px rgba(255, 255, 255, 0.1);
  color: #99a1a7;
}
/* line 114, ../sass/Account/Signup/Signup.scss */
#signup .consent input[type="checkbox"]:focus-visible,
#signup .mobile-legal-consent input[type=checkbox]:focus-visible {
  outline: none;
}
/* line 119, ../sass/Account/Signup/Signup.scss */
#signup .consent a, #signup .mobile-legal-consent a {
  color: #4D4D4D;
  font-size: 0.85rem;
  text-decoration: underline;
}
/* line 125, ../sass/Account/Signup/Signup.scss */
#signup label.alredy-have-account {
  margin-top: 2rem;
}
/* line 129, ../sass/Account/Signup/Signup.scss */
#signup label.alredy-have-account, #signup label.alredy-have-account:hover {
  text-align: center;
}
/* line 132, ../sass/Account/Signup/Signup.scss */
#signup label.alredy-have-account a, #signup label.alredy-have-account:hover a {
  text-decoration: none !important;
  font-size: 0.9rem;
}
/* line 138, ../sass/Account/Signup/Signup.scss */
#signup label.alredy-have-account > :nth-child(1), #signup label.alredy-have-account > :nth-child(1):hover {
  color: #4D4D4D !important;
}
/* line 142, ../sass/Account/Signup/Signup.scss */
#signup label.alredy-have-account > :nth-child(2) {
  color: #922788;
}
/* line 146, ../sass/Account/Signup/Signup.scss */
#signup label.alredy-have-account > :nth-child(2):hover {
  text-decoration: underline !important;
}
/* line 151, ../sass/Account/Signup/Signup.scss */
#signup .mobile-legal-consent {
  display: flex;
  flex-direction: row;
  gap: 0.5rem;
  font-size: 0.9rem;
}

@media only screen and (max-device-width: 600px), (max-device-width: 900px) {
  /* line 3, ../sass/Account/Signup/Signup.mobile.scss */
  #signup .header {
    display: none;
  }

  /* line 8, ../sass/Account/Signup/Signup.mobile.scss */
  body div.vertical-center div.slider div.brand a {
    width: 40% !important;
  }

  /* line 12, ../sass/Account/Signup/Signup.mobile.scss */
  body div.vertical-center div.slider div.brand span {
    font-size: 1.1rem !important;
    text-align: center;
  }

  /* line 17, ../sass/Account/Signup/Signup.mobile.scss */
  .white-box {
    transform: none !important;
    padding: 0 !important;
  }

  /* line 22, ../sass/Account/Signup/Signup.mobile.scss */
  .white-box:has(.confirm-signup-success) {
    width: 100%;
    padding: 4rem 5rem;
    background-color: white;
    border-radius: 8px;
    -webkit-box-shadow: 0px 3px 11px 5px rgba(77, 77, 77, 0.4);
    -moz-box-shadow: 0px 3px 11px 5px rgba(77, 77, 77, 0.4);
    box-shadow: 0px 3px 11px 5px rgba(77, 77, 77, 0.4);
    position: relative;
  }

  /* line 33, ../sass/Account/Signup/Signup.mobile.scss */
  label.placeholder {
    top: -0.15rem !important;
    background-color: #f2f2f2 !important;
    line-height: 0.35rem;
  }

  /* line 39, ../sass/Account/Signup/Signup.mobile.scss */
  .brand a {
    width: 50% !important;
  }
}
@media (min-device-width: 601px) and (max-device-width: 767px) and (orientation: landscape) {
  /* line 47, ../sass/Account/Signup/Signup.mobile.scss */
  #signup .header {
    display: none;
  }

  /* line 52, ../sass/Account/Signup/Signup.mobile.scss */
  body div.vertical-center {
    transform: scale(0.85) !important;
  }

  /* line 56, ../sass/Account/Signup/Signup.mobile.scss */
  body div.vertical-center div.slider div.brand a {
    width: 40% !important;
  }

  /* line 60, ../sass/Account/Signup/Signup.mobile.scss */
  body div.vertical-center div.slider div.brand span {
    font-size: 1.1rem !important;
    text-align: center;
  }

  /* line 65, ../sass/Account/Signup/Signup.mobile.scss */
  .white-box {
    transform: none !important;
    padding: 0 !important;
  }

  /* line 70, ../sass/Account/Signup/Signup.mobile.scss */
  .white-box:has(.confirm-signup-success) {
    width: 100%;
    padding: 4rem 5rem !important;
    background-color: #fff;
    border-radius: 8px;
    -webkit-box-shadow: 0px 3px 11px 5px rgba(77, 77, 77, 0.4);
    -moz-box-shadow: 0px 3px 11px 5px rgba(77, 77, 77, 0.4);
    box-shadow: 0px 3px 11px 5px rgba(77, 77, 77, 0.4);
    position: relative;
  }

  /* line 81, ../sass/Account/Signup/Signup.mobile.scss */
  label.placeholder {
    top: -0.15rem !important;
    background-color: #f2f2f2 !important;
    line-height: 0.35rem;
  }
}
/* line 3, ../sass/Password/Forgot/Forgot.scss */
#forgot-password a {
  color: #ae6ba2;
  text-decoration: none;
}
/* line 8, ../sass/Password/Forgot/Forgot.scss */
#forgot-password .mail-sent-message {
  color: #ae6ba2;
}

@media (max-device-width: 600px) {
  /* line 16, ../sass/Password/Forgot/Forgot.scss */
  #forgot-password .mail-sent {
    padding: 2rem;
    background-color: white;
    border-radius: 4px;
    -webkit-box-shadow: 4px 7px 12px -5px #7a767a;
    -moz-box-shadow: 4px 7px 12px -5px #7a767a;
    box-shadow: 4px 7px 12px -5px #7a767a;
  }
}
/* line 3, ../sass/Password/Reset/Reset.scss */
#reset-password a {
  color: #ae6ba2;
  text-decoration: none;
}

/* line 3, ../sass/_ValidationSummary/_ValidationSummary.scss */
#validation ul {
  margin-top: 1rem;
  margin-bottom: 1rem;
  padding-inline-start: 0px;
  list-style-type: none;
}
/* line 10, ../sass/_ValidationSummary/_ValidationSummary.scss */
#validation ul li {
  color: #CC0000;
  font-weight: 400;
  font-size: 0.9rem;
  margin-bottom: 0.25em;
}
