.select2-container{box-sizing:border-box;display:inline-block;margin:0;position:relative;vertical-align:middle}.select2-container .select2-selection--single{box-sizing:border-box;cursor:pointer;display:block;height:28px;user-select:none;-webkit-user-select:none}.select2-container .select2-selection--single .select2-selection__rendered{display:block;padding-left:8px;padding-right:20px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.select2-container .select2-selection--single .select2-selection__clear{position:relative}.select2-container[dir="rtl"] .select2-selection--single .select2-selection__rendered{padding-right:8px;padding-left:20px}.select2-container .select2-selection--multiple{box-sizing:border-box;cursor:pointer;display:block;min-height:32px;user-select:none;-webkit-user-select:none}.select2-container .select2-selection--multiple .select2-selection__rendered{display:inline-block;overflow:hidden;padding-left:8px;text-overflow:ellipsis;white-space:nowrap}.select2-container .select2-search--inline{float:left}.select2-container .select2-search--inline .select2-search__field{box-sizing:border-box;border:none;font-size:100%;margin-top:5px;padding:0}.select2-container .select2-search--inline .select2-search__field::-webkit-search-cancel-button{-webkit-appearance:none}.select2-dropdown{background-color:white;border:1px solid #aaa;border-radius:4px;box-sizing:border-box;display:block;position:absolute;left:-100000px;width:100%;z-index:1051}.select2-results{display:block}.select2-results__options{list-style:none;margin:0;padding:0}.select2-results__option{padding:6px;user-select:none;-webkit-user-select:none}.select2-results__option[aria-selected]{cursor:pointer}.select2-container--open .select2-dropdown{left:0}.select2-container--open .select2-dropdown--above{border-bottom:none;border-bottom-left-radius:0;border-bottom-right-radius:0}.select2-container--open .select2-dropdown--below{border-top:none;border-top-left-radius:0;border-top-right-radius:0}.select2-search--dropdown{display:block;padding:4px}.select2-search--dropdown .select2-search__field{padding:4px;width:100%;box-sizing:border-box}.select2-search--dropdown .select2-search__field::-webkit-search-cancel-button{-webkit-appearance:none}.select2-search--dropdown.select2-search--hide{display:none}.select2-close-mask{border:0;margin:0;padding:0;display:block;position:fixed;left:0;top:0;min-height:100%;min-width:100%;height:auto;width:auto;opacity:0;z-index:99;background-color:#fff;filter:alpha(opacity=0)}.select2-hidden-accessible{border:0 !important;clip:rect(0 0 0 0) !important;height:1px !important;margin:-1px !important;overflow:hidden !important;padding:0 !important;position:absolute !important;width:1px !important}.select2-container--default .select2-selection--single{background-color:#fff;border:1px solid #aaa;border-radius:4px}.select2-container--default .select2-selection--single .select2-selection__rendered{color:#444;line-height:28px}.select2-container--default .select2-selection--single .select2-selection__clear{cursor:pointer;float:right;font-weight:bold}.select2-container--default .select2-selection--single .select2-selection__placeholder{color:#999}.select2-container--default .select2-selection--single .select2-selection__arrow{height:26px;position:absolute;top:1px;right:1px;width:20px}.select2-container--default .select2-selection--single .select2-selection__arrow b{border-color:#888 transparent transparent transparent;border-style:solid;border-width:5px 4px 0 4px;height:0;left:50%;margin-left:-4px;margin-top:-2px;position:absolute;top:50%;width:0}.select2-container--default[dir="rtl"] .select2-selection--single .select2-selection__clear{float:left}.select2-container--default[dir="rtl"] .select2-selection--single .select2-selection__arrow{left:1px;right:auto}.select2-container--default.select2-container--disabled .select2-selection--single{background-color:#eee;cursor:default}.select2-container--default.select2-container--disabled .select2-selection--single .select2-selection__clear{display:none}.select2-container--default.select2-container--open .select2-selection--single .select2-selection__arrow b{border-color:transparent transparent #888 transparent;border-width:0 4px 5px 4px}.select2-container--default .select2-selection--multiple{background-color:white;border:1px solid #aaa;border-radius:4px;cursor:text}.select2-container--default .select2-selection--multiple .select2-selection__rendered{box-sizing:border-box;list-style:none;margin:0;padding:0 5px;width:100%}.select2-container--default .select2-selection--multiple .select2-selection__rendered li{list-style:none}.select2-container--default .select2-selection--multiple .select2-selection__placeholder{color:#999;margin-top:5px;float:left}.select2-container--default .select2-selection--multiple .select2-selection__clear{cursor:pointer;float:right;font-weight:bold;margin-top:5px;margin-right:10px}.select2-container--default .select2-selection--multiple .select2-selection__choice{background-color:#e4e4e4;border:1px solid #aaa;border-radius:4px;cursor:default;float:left;margin-right:5px;margin-top:5px;padding:0 5px}.select2-container--default .select2-selection--multiple .select2-selection__choice__remove{color:#999;cursor:pointer;display:inline-block;font-weight:bold;margin-right:2px}.select2-container--default .select2-selection--multiple .select2-selection__choice__remove:hover{color:#333}.select2-container--default[dir="rtl"] .select2-selection--multiple .select2-selection__choice,.select2-container--default[dir="rtl"] .select2-selection--multiple .select2-selection__placeholder,.select2-container--default[dir="rtl"] .select2-selection--multiple .select2-search--inline{float:right}.select2-container--default[dir="rtl"] .select2-selection--multiple .select2-selection__choice{margin-left:5px;margin-right:auto}.select2-container--default[dir="rtl"] .select2-selection--multiple .select2-selection__choice__remove{margin-left:2px;margin-right:auto}.select2-container--default.select2-container--focus .select2-selection--multiple{border:solid black 1px;outline:0}.select2-container--default.select2-container--disabled .select2-selection--multiple{background-color:#eee;cursor:default}.select2-container--default.select2-container--disabled .select2-selection__choice__remove{display:none}.select2-container--default.select2-container--open.select2-container--above .select2-selection--single,.select2-container--default.select2-container--open.select2-container--above .select2-selection--multiple{border-top-left-radius:0;border-top-right-radius:0}.select2-container--default.select2-container--open.select2-container--below .select2-selection--single,.select2-container--default.select2-container--open.select2-container--below .select2-selection--multiple{border-bottom-left-radius:0;border-bottom-right-radius:0}.select2-container--default .select2-search--dropdown .select2-search__field{border:1px solid #aaa}.select2-container--default .select2-search--inline .select2-search__field{background:transparent;border:none;outline:0;box-shadow:none;-webkit-appearance:textfield}.select2-container--default .select2-results>.select2-results__options{max-height:200px;overflow-y:auto}.select2-container--default .select2-results__option[role=group]{padding:0}.select2-container--default .select2-results__option[aria-disabled=true]{color:#999}.select2-container--default .select2-results__option[aria-selected=true]{background-color:#ddd}.select2-container--default .select2-results__option .select2-results__option{padding-left:1em}.select2-container--default .select2-results__option .select2-results__option .select2-results__group{padding-left:0}.select2-container--default .select2-results__option .select2-results__option .select2-results__option{margin-left:-1em;padding-left:2em}.select2-container--default .select2-results__option .select2-results__option .select2-results__option .select2-results__option{margin-left:-2em;padding-left:3em}.select2-container--default .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option{margin-left:-3em;padding-left:4em}.select2-container--default .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option{margin-left:-4em;padding-left:5em}.select2-container--default .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option{margin-left:-5em;padding-left:6em}.select2-container--default .select2-results__option--highlighted[aria-selected]{background-color:#5897fb;color:white}.select2-container--default .select2-results__group{cursor:default;display:block;padding:6px}.select2-container--classic .select2-selection--single{background-color:#f7f7f7;border:1px solid #aaa;border-radius:4px;outline:0;background-image:-webkit-linear-gradient(top, #fff 50%, #eee 100%);background-image:-o-linear-gradient(top, #fff 50%, #eee 100%);background-image:linear-gradient(to bottom, #fff 50%, #eee 100%);background-repeat:repeat-x;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFFFFFFF', endColorstr='#FFEEEEEE', GradientType=0)}.select2-container--classic .select2-selection--single:focus{border:1px solid #5897fb}.select2-container--classic .select2-selection--single .select2-selection__rendered{color:#444;line-height:28px}.select2-container--classic .select2-selection--single .select2-selection__clear{cursor:pointer;float:right;font-weight:bold;margin-right:10px}.select2-container--classic .select2-selection--single .select2-selection__placeholder{color:#999}.select2-container--classic .select2-selection--single .select2-selection__arrow{background-color:#ddd;border:none;border-left:1px solid #aaa;border-top-right-radius:4px;border-bottom-right-radius:4px;height:26px;position:absolute;top:1px;right:1px;width:20px;background-image:-webkit-linear-gradient(top, #eee 50%, #ccc 100%);background-image:-o-linear-gradient(top, #eee 50%, #ccc 100%);background-image:linear-gradient(to bottom, #eee 50%, #ccc 100%);background-repeat:repeat-x;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFEEEEEE', endColorstr='#FFCCCCCC', GradientType=0)}.select2-container--classic .select2-selection--single .select2-selection__arrow b{border-color:#888 transparent transparent transparent;border-style:solid;border-width:5px 4px 0 4px;height:0;left:50%;margin-left:-4px;margin-top:-2px;position:absolute;top:50%;width:0}.select2-container--classic[dir="rtl"] .select2-selection--single .select2-selection__clear{float:left}.select2-container--classic[dir="rtl"] .select2-selection--single .select2-selection__arrow{border:none;border-right:1px solid #aaa;border-radius:0;border-top-left-radius:4px;border-bottom-left-radius:4px;left:1px;right:auto}.select2-container--classic.select2-container--open .select2-selection--single{border:1px solid #5897fb}.select2-container--classic.select2-container--open .select2-selection--single .select2-selection__arrow{background:transparent;border:none}.select2-container--classic.select2-container--open .select2-selection--single .select2-selection__arrow b{border-color:transparent transparent #888 transparent;border-width:0 4px 5px 4px}.select2-container--classic.select2-container--open.select2-container--above .select2-selection--single{border-top:none;border-top-left-radius:0;border-top-right-radius:0;background-image:-webkit-linear-gradient(top, #fff 0%, #eee 50%);background-image:-o-linear-gradient(top, #fff 0%, #eee 50%);background-image:linear-gradient(to bottom, #fff 0%, #eee 50%);background-repeat:repeat-x;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFFFFFFF', endColorstr='#FFEEEEEE', GradientType=0)}.select2-container--classic.select2-container--open.select2-container--below .select2-selection--single{border-bottom:none;border-bottom-left-radius:0;border-bottom-right-radius:0;background-image:-webkit-linear-gradient(top, #eee 50%, #fff 100%);background-image:-o-linear-gradient(top, #eee 50%, #fff 100%);background-image:linear-gradient(to bottom, #eee 50%, #fff 100%);background-repeat:repeat-x;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFEEEEEE', endColorstr='#FFFFFFFF', GradientType=0)}.select2-container--classic .select2-selection--multiple{background-color:white;border:1px solid #aaa;border-radius:4px;cursor:text;outline:0}.select2-container--classic .select2-selection--multiple:focus{border:1px solid #5897fb}.select2-container--classic .select2-selection--multiple .select2-selection__rendered{list-style:none;margin:0;padding:0 5px}.select2-container--classic .select2-selection--multiple .select2-selection__clear{display:none}.select2-container--classic .select2-selection--multiple .select2-selection__choice{background-color:#e4e4e4;border:1px solid #aaa;border-radius:4px;cursor:default;float:left;margin-right:5px;margin-top:5px;padding:0 5px}.select2-container--classic .select2-selection--multiple .select2-selection__choice__remove{color:#888;cursor:pointer;display:inline-block;font-weight:bold;margin-right:2px}.select2-container--classic .select2-selection--multiple .select2-selection__choice__remove:hover{color:#555}.select2-container--classic[dir="rtl"] .select2-selection--multiple .select2-selection__choice{float:right}.select2-container--classic[dir="rtl"] .select2-selection--multiple .select2-selection__choice{margin-left:5px;margin-right:auto}.select2-container--classic[dir="rtl"] .select2-selection--multiple .select2-selection__choice__remove{margin-left:2px;margin-right:auto}.select2-container--classic.select2-container--open .select2-selection--multiple{border:1px solid #5897fb}.select2-container--classic.select2-container--open.select2-container--above .select2-selection--multiple{border-top:none;border-top-left-radius:0;border-top-right-radius:0}.select2-container--classic.select2-container--open.select2-container--below .select2-selection--multiple{border-bottom:none;border-bottom-left-radius:0;border-bottom-right-radius:0}.select2-container--classic .select2-search--dropdown .select2-search__field{border:1px solid #aaa;outline:0}.select2-container--classic .select2-search--inline .select2-search__field{outline:0;box-shadow:none}.select2-container--classic .select2-dropdown{background-color:#fff;border:1px solid transparent}.select2-container--classic .select2-dropdown--above{border-bottom:none}.select2-container--classic .select2-dropdown--below{border-top:none}.select2-container--classic .select2-results>.select2-results__options{max-height:200px;overflow-y:auto}.select2-container--classic .select2-results__option[role=group]{padding:0}.select2-container--classic .select2-results__option[aria-disabled=true]{color:grey}.select2-container--classic .select2-results__option--highlighted[aria-selected]{background-color:#3875d7;color:#fff}.select2-container--classic .select2-results__group{cursor:default;display:block;padding:6px}.select2-container--classic.select2-container--open .select2-dropdown{border-color:#5897fb}

@charset "UTF-8";
@font-face {
  font-family: "Apercu";
  src: url("../fonts/Apercu Regular.otf") format("opentype");
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: "Apercu";
  src: url("../fonts/Apercu Bold.otf") format("opentype");
  font-weight: bold;
  font-style: normal;
}
@font-face {
  font-family: "Apercu";
  src: url("../fonts/Apercu Medium.otf") format("opentype");
  font-weight: 500; /* Medium weight is typically around 500 */
  font-style: normal;
}
/**
 * Animations
 */
/**
 * Only works with fade-in
 */
@keyframes moveUp {
  0% {
    transform: translate(0, 10rem);
  }
  100% {
    transform: translate(0, 0);
  }
}
.move-up {
  animation: fadeIn ease-in 0.5s forwards;
}

/**
 * Fade in
 */
@keyframes fadeIn {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
.fade-in {
  opacity: 0;
  animation: fadeIn ease-in 0.5s forwards;
}
.fade-in.move-up {
  animation: fadeIn ease-in 0.5s forwards, moveUp ease-in 0.5s forwards;
}

.fade-in-slow {
  opacity: 0;
  animation: fadeIn ease-in 1.5s forwards;
}
.fade-in-slow.move-up {
  animation: fadeIn ease-in 1.5s forwards, moveUp ease-in 1.5s forwards;
}

/**
 * Fade out
 */
@keyframes fadeOut {
  0% {
    opacity: 1;
  }
  100% {
    opacity: 0;
  }
}
.fade-out {
  opacity: 0;
  animation: fadeOut ease-in 0.5s forwards;
}

.fade-out-slow {
  opacity: 0;
  animation: fadeOut ease-in 1.5s forwards;
}

.fade-out-slower {
  opacity: 0;
  animation: fadeOut ease-in 3s forwards;
}

/**
 * Spin
 */
@keyframes spin {
  from {
    transform: rotate(0deg);
  }
  to {
    transform: rotate(360deg);
  }
}
@keyframes shake {
  10%, 90% {
    transform: translate3d(-0.1rem, 0, 0);
  }
  20%, 80% {
    transform: translate3d(0.2rem, 0, 0);
  }
  30%, 50%, 70% {
    transform: translate3d(-0.3rem, 0, 0);
  }
  40%, 60% {
    transform: translate3d(0.3rem, 0, 0);
  }
}
.shake {
  animation: shake 0.5s;
}

@keyframes shake2 {
  10%, 90% {
    transform: translate3d(-1rem, 0, 0);
  }
  20%, 80% {
    transform: translate3d(2rem, 0, 0);
  }
  30%, 50%, 70% {
    transform: translate3d(-3rem, 0, 0);
  }
  40%, 60% {
    transform: translate3d(3rem, 0, 0);
  }
}
.ring {
  animation: shake2 0.8s;
}

@keyframes fadeSlideIn {
  0% {
    opacity: 0;
    transform: translate3d(-60px, 0, 0);
  }
  100% {
    opacity: 1;
    transform: translate3d(0, 0, 0);
  }
}
@keyframes fadeIn {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
@keyframes fadeZoomIn {
  0% {
    opacity: 0;
    transform: scale(1.05);
  }
  100% {
    opacity: 1;
    transform: scale(1);
  }
}
@keyframes fadeSlideInMobile {
  0% {
    opacity: 0;
    transform: translate3d(-10%, 0, 0);
  }
  100% {
    opacity: 1;
    transform: translate3d(0, 0, 0);
  }
}
@keyframes wait {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 0;
  }
}
.fade-delay1 {
  opacity: 0;
  animation-delay: 0.25s;
}
.fade-delay1.fade-in-slow {
  opacity: 0;
  animation-delay: 0.75s;
}

.fade-delay2 {
  opacity: 0;
  animation-delay: 0.5s;
}
.fade-delay2.fade-in-slow {
  opacity: 0;
  animation-delay: 1.5s;
}

.fade-delay3 {
  opacity: 0;
  animation-delay: 0.75s;
}
.fade-delay3.fade-in-slow {
  opacity: 0;
  animation-delay: 2.25s;
}

.fade-delay4 {
  opacity: 0;
  animation-delay: 1s;
}
.fade-delay4.fade-in-slow {
  opacity: 0;
  animation-delay: 3s;
}

.fade-delay5 {
  opacity: 0;
  animation-delay: 1.25s;
}
.fade-delay5.fade-in-slow {
  opacity: 0;
  animation-delay: 3.75s;
}

.fade-delay6 {
  opacity: 0;
  animation-delay: 1.5s;
}
.fade-delay6.fade-in-slow {
  opacity: 0;
  animation-delay: 4.5s;
}

.fade-delay7 {
  opacity: 0;
  animation-delay: 1.75s;
}
.fade-delay7.fade-in-slow {
  opacity: 0;
  animation-delay: 5.25s;
}

.fade-delay8 {
  opacity: 0;
  animation-delay: 2s;
}
.fade-delay8.fade-in-slow {
  opacity: 0;
  animation-delay: 6s;
}

.fade-delay9 {
  opacity: 0;
  animation-delay: 2.25s;
}
.fade-delay9.fade-in-slow {
  opacity: 0;
  animation-delay: 6.75s;
}

.fade-delay10 {
  opacity: 0;
  animation-delay: 2.5s;
}
.fade-delay10.fade-in-slow {
  opacity: 0;
  animation-delay: 7.5s;
}

body, html {
  margin: 0;
  padding: 0;
  background: #000000;
  font-size: 1px;
  color: #FFF;
  text-align: center;
  font-family: "Apercu", sans-serif;
  line-height: 1.25;
  height: 100vh;
  max-height: 100vh;
  overflow: hidden;
  overscroll-behavior-y: contain;
}
body *, html * {
  box-sizing: border-box;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
  -webkit-tap-highlight-color: transparent;
  /*
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;

   */
}
body.bootstrap, html.bootstrap {
  font-size: 16px !important;
}

body {
  opacity: 0;
  transition: opacity 0.3s ease-in;
}
body.not-first-load {
  opacity: 1;
}

a {
  color: #FFF;
  cursor: pointer;
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
}
a.size-click {
  transition: transform 0.3s ease-in-out;
}
a.size-click:active, a.size-click.active {
  transform: scale(1.05);
}

#app {
  height: 100%;
  height: -webkit-fill-available;
  max-height: 100vh;
  width: 100vw;
  overflow: hidden;
  position: fixed;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  z-index: 0;
}

img {
  max-width: 100%;
}

#main,
.main {
  position: relative;
  width: 414rem;
  max-width: 100%;
  z-index: 1;
  margin: 0 auto;
  aspect-ratio: 414/736;
}
@supports not (aspect-ratio: 414/736) {
  #main,
  .main {
    height: 736px;
  }
}
#main.full-width,
.main.full-width {
  width: 100%;
}
#main.full-height,
.main.full-height {
  height: 100%;
}

#footer,
.footer {
  position: fixed;
  bottom: 5rem;
  left: 50%;
  transform: translateX(-50%);
  width: 414rem;
  z-index: 100;
  text-align: center;
}

body:not(.bootstrap) .container {
  padding: 0 32rem;
}
body:not(.bootstrap) .container .fixed-width {
  width: 414rem;
}

h1, h2, h3, h4, h5, h6 {
  margin-bottom: 1em;
  font-weight: normal;
}

h1 {
  font-size: 42rem;
}

h2 {
  font-size: 24rem;
}

h3 {
  font-size: 24rem;
}

h4 {
  font-size: 24rem;
}

h5 {
  font-size: 24rem;
}

p {
  font-size: 24rem;
  margin-bottom: 1em;
  margin-top: 0;
}
p.small {
  font-size: 21rem;
}
p small {
  font-size: 0.5em;
}

.dots {
  display: inline-block;
  width: 1em;
  text-align: left;
}

.turbo-progress-bar {
  height: 2rem;
  background-color: #FFF;
  z-index: 9999999;
}

#white-glow,
#yellow-glow,
#blue-glow,
#pink-glow,
#red-glow,
#red-small-glow,
#red-big-glow,
#green-glow,
#green-small-glow,
#red-pulse,
#green-pulse {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  opacity: 0;
  transition: opacity 0.5s ease-in;
  pointer-events: none;
}

#white-glow {
  box-shadow: inset 0px 0px 40rem 0px rgba(255, 255, 255, 0.6);
  z-index: 200;
  opacity: 0.6;
}

#yellow-glow {
  z-index: 201;
  box-shadow: inset 0px 0px 60rem 0px rgb(215, 200, 38);
}

#blue-glow {
  z-index: 202;
  box-shadow: inset 0px 0px 60rem 0px rgb(98, 181, 229);
}

#pink-glow {
  z-index: 203;
  box-shadow: inset 0px 0px 60rem 0px rgb(212, 98, 222);
}

#green-glow {
  z-index: 205;
  box-shadow: inset 0px 0px 60rem 0px rgb(0, 255, 78);
}

#green-small-glow {
  z-index: 205;
  box-shadow: inset 0px 0px 15rem 0px rgb(0, 255, 78);
}

#red-glow {
  z-index: 204;
  box-shadow: inset 0px 0px 60rem 0px rgb(255, 0, 45);
}

#red-small-glow {
  z-index: 204;
  box-shadow: inset 0px 0px 15rem 0px rgb(255, 0, 45);
}

#red-big-glow {
  z-index: 204;
  box-shadow: inset 0px 0px 99rem 0px rgb(255, 0, 45);
}

#red-pulse {
  box-shadow: inset 0px 0px 60rem 0px rgb(255, 0, 45);
  animation: redPulse ease-in-out 3s infinite, opacity 0.5s ease-in;
  opacity: 1;
  z-index: 5;
}

@keyframes redPulse {
  0% {
    box-shadow: inset 0px 0px 60rem 0px rgb(255, 0, 45);
  }
  50% {
    box-shadow: inset 0px 0px 15rem 0px rgb(255, 0, 45);
  }
  100% {
    box-shadow: inset 0px 0px 60rem 0px rgb(255, 0, 45);
  }
}
#green-pulse {
  box-shadow: inset 0px 0px 60rem 0px rgb(255, 0, 45);
  animation: greenPulse ease-in-out 3s infinite, opacity 0.5s ease-in;
  opacity: 1;
  z-index: 5;
}

@keyframes greenPulse {
  0% {
    box-shadow: inset 0px 0px 60rem 0px rgb(0, 255, 78);
  }
  50% {
    box-shadow: inset 0px 0px 15rem 0px rgb(0, 255, 78);
  }
  100% {
    box-shadow: inset 0px 0px 60rem 0px rgb(0, 255, 78);
  }
}
/**
 * Buttons
 */
.button {
  display: inline-block;
  text-decoration: none;
  color: #FFF;
}
.button .inner {
  text-align: center;
  transition: opacity 0.3s ease-out;
}
.button .circle {
  width: 67rem;
  height: 67rem;
  border: 2rem solid #FFF;
  border-radius: 50%;
  display: flex;
  justify-content: center;
  align-items: center;
  margin: 0 auto;
  transition: border-width 0.3s ease-in-out;
}
.button .circle i {
  font-size: 33rem;
}
.button .circle:before {
  content: "";
  position: absolute;
  height: inherit;
  width: inherit;
  border-radius: inherit;
}
.button .circle.big {
  width: 109rem;
  height: 109rem;
}
.button .circle.big i {
  font-size: 51rem;
}
.button .text {
  font-size: 17rem;
  display: block;
  margin-top: 11rem;
  transition: transform 0.3s ease-in-out;
}
.button:active .circle, .button.active .circle {
  border-width: 4rem;
}
.button:active .text, .button.active .text {
  transform: scale(1.1);
}
.button.black {
  color: #000000;
}
.button.black .circle {
  border-color: #000000;
}

.back-btn-page,
.back-btn {
  position: absolute;
  top: 20rem;
  left: 20rem;
  width: 22rem;
  height: 22rem;
  display: inline-block;
  background: url("../images/back-button.png") no-repeat;
  background-size: 100% 100%;
  z-index: 290;
  cursor: pointer;
  transition: opacity 0.3s ease-in-out, transform 0.3s ease-in-out;
}
.back-btn-page:active, .back-btn-page.active,
.back-btn:active,
.back-btn.active {
  opacity: 0.7;
  transform: scale(1.1);
}

.bottom-100 {
  margin-bottom: 100rem;
}

.bottom-80 {
  margin-bottom: 80rem;
}

.bottom-25 {
  margin-bottom: 26rem;
}

.bottom-10 {
  margin-bottom: 10rem;
}

.bottom-5 {
  margin-bottom: 5rem;
}

.title-margin-top {
  margin-top: 62rem;
}

.text-red {
  color: #FF002D;
}

.terms-links {
  font-size: 16rem;
  display: flex;
  padding: 0 20rem 10rem 20rem;
  justify-content: center;
}
.terms-links a {
  display: inline-block;
}

body .scroll-content {
  padding-right: 22rem;
}
body .scrollbar-track-y {
  width: 3rem;
  border-radius: 1.5rem;
  background: rgba(222, 222, 222, 0.3);
}
body .scrollbar-thumb {
  width: 3rem;
  border-radius: 1.5rem;
  background: #FFF;
}

/**
 * Usersnap
 */
#appRoot button {
  font-size: 14px !important;
  height: 30px !important;
}

.usersnap-button {
  color: #000000;
  background: white;
  border: none;
  height: 20px;
  font-size: 14px;
  position: fixed;
  z-index: 9999999;
  border-top-left-radius: 5px;
  border-top-right-radius: 5px;
  right: 0;
  top: 50%;
  transform: rotate(-90deg) translateY(27px);
}

#page-index {
  display: flex;
  align-items: center;
  justify-content: center;
  height: calc(100% - 80rem);
}
#page-index .small {
  margin-top: 15rem;
  padding-top: 25rem;
}

.index-link {
  opacity: 0.5;
}
.index-link a {
  font-size: 14rem;
  display: inline-block;
}

#page-home {
  height: 100%;
  margin-top: 125rem;
}

#page-about {
  height: 100%;
  text-align: left;
}
#page-about .container {
  height: 100%;
}
#page-about .v-scroll {
  height: calc(100% - 266rem);
  font-size: 20rem;
}
#page-about .v-scroll p {
  font-size: inherit;
}

#main[data-page=about] {
  height: 100%;
}

#page-start {
  height: 100%;
  /**
   * Checkbox
   */
}
#page-start .form-group {
  display: block;
  margin-bottom: 20rem;
}
#page-start .form-group label {
  display: block;
  font-size: 18rem;
  margin-bottom: 10rem;
}
#page-start .form-group label small {
  font-size: 0.6em;
}
#page-start .form-group input[type=text],
#page-start .form-group input[type=email],
#page-start .form-group input[type=number] {
  font-size: 18rem;
  height: 40rem;
  border-radius: 20rem;
  text-align: center;
  border: 2rem solid #FFF;
  width: 300rem;
  outline: none;
}
#page-start .form-group input[type=text].is-invalid,
#page-start .form-group input[type=email].is-invalid,
#page-start .form-group input[type=number].is-invalid {
  border: 2rem solid #FF002D;
}
#page-start .form-group .error-text {
  font-size: 16rem;
  color: #FF002D;
  display: block;
  margin-top: 5rem;
}
#page-start .form-group .checkbox-row label {
  display: inline-block;
  margin-bottom: 0;
}
#page-start .app-code-field .req {
  display: none;
}
#page-start input[type=checkbox] {
  width: 1px;
  height: 1px;
  opacity: 0;
  position: absolute;
  top: 0.5em;
  left: 0.5em;
  z-index: 0;
  overflow: visible;
  -moz-appearance: initial;
  border: none;
  background: transparent;
}
#page-start input[type=checkbox] + label,
#page-start label > input[type=checkbox] {
  position: relative;
  margin-bottom: 0;
  display: inline-block;
  opacity: 1;
  padding-left: 40rem;
  line-height: 1, 2;
  text-align: left;
}
#page-start input[type=checkbox] + label:before,
#page-start label > input[type=checkbox]:before {
  position: absolute;
  border: 2rem solid #FFF;
  color: #000000;
  width: 20rem;
  height: 20rem;
  border-radius: 50%;
  content: " ";
  display: inline-block;
  font-family: "Font Awesome 6 Pro";
  text-align: center;
  margin-right: 7rem;
  line-height: 1.2em;
  font-size: 17rem;
  top: 4rem;
  left: 0;
}
#page-start .has-error input[type=checkbox] + label:before,
#page-start .has-error label > input[type=checkbox]:before {
  border-color: #FF002D;
}
#page-start label > input[type=checkbox] {
  top: 20rem;
  left: -1rem;
  vertical-align: top;
}
#page-start input[type=checkbox]:checked + label:before,
#page-start label > input[type=checkbox]:checked:before {
  border-color: #FFF;
  background: #FFF;
  content: "\f00c";
  font-weight: bold;
}

#page-select {
  height: 100%;
}
#page-select .characters {
  padding-left: 22rem;
  padding-right: 22rem;
}
#page-select .characters .character {
  margin-bottom: 15rem;
  text-decoration: none;
  color: #FFF;
  display: block;
}
#page-select .characters .character .completed {
  opacity: 0.3;
}
#page-select .characters .character .image {
  overflow: hidden;
  margin-bottom: 7rem;
  border-radius: 14rem;
  position: relative;
  border: 2rem solid transparent;
  transition: border-color 0.3s ease-in-out;
}
#page-select .characters .character .image:before {
  content: "";
  position: absolute;
  z-index: 1;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  box-shadow: inset 0px 0px 16rem 0px rgba(255, 255, 255, 0.5);
}
#page-select .characters .character span {
  font-size: 20rem;
}
#page-select .characters .character.selected .image {
  border-color: #FFF;
}

#page-type {
  height: 100%;
}
#page-type .modes {
  padding: 0 9rem;
}
#page-type .modes a {
  display: flex;
  align-items: center;
  border-radius: 14rem;
  overflow: hidden;
  height: 210rem;
  border: 2px solid #FFF;
  text-align: left;
  position: relative;
  margin-bottom: 35rem;
  text-decoration: none;
  transition: transform 0.3s ease-in-out;
}
#page-type .modes a i {
  width: 117rem;
  text-align: center;
  font-size: 52rem;
  display: block;
}
#page-type .modes a div {
  width: 210rem;
  padding-right: 30rem;
}
#page-type .modes a .title {
  font-size: 26rem;
  display: block;
  font-weight: 700;
  margin-bottom: 12rem;
}
#page-type .modes a .text {
  font-size: 20rem;
  display: block;
  line-height: 22rem;
}
#page-type .modes a:active, #page-type .modes a.active {
  transform: scale(1.04);
}

#page-finish {
  padding-top: 59rem;
}
#page-finish img {
  margin-bottom: 32rem;
}

#main[data-page=feedback] {
  /*
  p {
      font-size: 20rem;

      &.title {
          font-size: 24rem;
      }
  }
   */
  /**
   * Checkbox
   */
}
#main[data-page=feedback] .page {
  position: relative;
}
#main[data-page=feedback] .page:not(.first) {
  display: none;
}
#main[data-page=feedback] .other-textarea.disabled {
  opacity: 0;
  transition: opacity 0.5s ease-in-out;
}
#main[data-page=feedback] .form-group {
  display: block;
  margin-bottom: 30rem;
}
#main[data-page=feedback] .form-group label {
  display: block;
  font-size: 18rem;
  margin-bottom: 10rem;
}
#main[data-page=feedback] .form-group label small {
  font-size: 0.6em;
}
#main[data-page=feedback] .form-group input[type=text],
#main[data-page=feedback] .form-group input[type=email],
#main[data-page=feedback] .form-group input[type=number],
#main[data-page=feedback] .form-group select,
#main[data-page=feedback] .form-group textarea {
  font-size: 18rem;
  height: 40rem;
  border-radius: 20rem;
  text-align: center;
  border: 2rem solid #FFF;
  width: 300rem;
  transition: border 0.5s ease-in-out;
  outline: none;
}
#main[data-page=feedback] .form-group input[type=text].is-invalid,
#main[data-page=feedback] .form-group input[type=email].is-invalid,
#main[data-page=feedback] .form-group input[type=number].is-invalid,
#main[data-page=feedback] .form-group select.is-invalid,
#main[data-page=feedback] .form-group textarea.is-invalid {
  border: 2rem solid #FF002D;
}
#main[data-page=feedback] .form-group textarea {
  height: 100rem;
  padding: 5rem;
}
#main[data-page=feedback] .form-group .error-text {
  font-size: 16rem;
  color: #FF002D;
  display: block;
  margin-top: 5rem;
}
#main[data-page=feedback] .form-group .checkbox-row {
  position: relative;
  text-align: left;
  margin-bottom: 10em;
}
#main[data-page=feedback] .form-group .checkbox-row:last-child {
  margin-bottom: 0;
}
#main[data-page=feedback] .form-group .checkbox-row label {
  display: inline-block;
  margin-bottom: 0;
}
#main[data-page=feedback] .form-group .checkbox-row.is-invalid input[type=checkbox] + label:before,
#main[data-page=feedback] .form-group .checkbox-row.is-invalid label > input[type=checkbox]:before {
  border-color: #FF002D;
}
#main[data-page=feedback] .req {
  display: none;
}
#main[data-page=feedback] input[type=checkbox] {
  width: 1px;
  height: 1px;
  opacity: 0;
  position: absolute;
  top: 0.5em;
  left: 0.5em;
  z-index: 0;
  overflow: visible;
  -moz-appearance: initial;
  border: none;
  background: transparent;
}
#main[data-page=feedback] input[type=checkbox] + label,
#main[data-page=feedback] label > input[type=checkbox] {
  position: relative;
  margin-bottom: 0;
  display: inline-block;
  opacity: 1;
  padding-left: 40rem;
  line-height: 1.4em;
  text-align: left;
}
#main[data-page=feedback] input[type=checkbox] + label:before,
#main[data-page=feedback] label > input[type=checkbox]:before {
  position: absolute;
  border: 2rem solid #FFF;
  color: #000000;
  width: 20rem;
  height: 20rem;
  border-radius: 50%;
  content: " ";
  display: inline-block;
  font-family: "Font Awesome 6 Pro";
  text-align: center;
  margin-right: 7rem;
  line-height: 1.2em;
  font-size: 17rem;
  top: -1rem;
  left: 0;
  transition: border 0.5s ease-in-out;
}
#main[data-page=feedback] .has-error input[type=checkbox] + label:before,
#main[data-page=feedback] .has-error label > input[type=checkbox]:before {
  border-color: #FF002D;
}
#main[data-page=feedback] label > input[type=checkbox] {
  top: 20rem;
  left: -1rem;
  vertical-align: top;
}
#main[data-page=feedback] input[type=checkbox]:checked + label:before,
#main[data-page=feedback] label > input[type=checkbox]:checked:before {
  border-color: #FFF;
  background: #FFF;
  content: "\f00c";
  font-weight: bold;
}

.feedback-footer .left {
  float: left;
  margin-left: 32rem;
}
.feedback-footer .right {
  float: right;
  margin-right: 32rem;
}
.feedback-footer .finish,
.feedback-footer .back {
  display: none;
}

/**
 * Select 2 gnarlyness
 */
.select2-container.select2 {
  position: relative;
  padding: 0 0 0;
  line-height: 1.5;
  height: 40rem;
  width: 300rem;
  font-size: 18rem;
  color: #000000;
  max-width: 300rem;
  width: 100% !important;
  /*Some sibling magic happens */
}
.select2-container.select2:focus + .separator, .select2-container.select2:active + .separator, .select2-container.select2:hover + .separator {
  transform: scaleX(1) translateY(-0.5rem);
  opacity: 1;
}
.select2-container.select2:focus + .separator, .select2-container.select2:active + .separator {
  background: #FFF;
}
.select2-container.select2 > .selection {
  height: inherit;
}
.select2-container--default .select2-selection--single {
  background: white;
  padding: 5rem 12rem 6rem 12rem;
  height: 40rem;
  border-radius: 20rem;
  color: #000000;
  border: 2rem solid #FFF;
  box-sizing: border-box;
  transition: border 0.5s ease-in-out;
}
.select2-container--default .select2-selection--single.is-invalid {
  border-color: #FF002D;
}

.gfield_error .select2-container--default .select2-selection--single {
  border-color: #FF002D;
}

.select2-container--default.select2-container--open:not(.select2-container--above) .select2-selection--single {
  border-bottom: none;
}

.select2-container--default.select2-container--open.select2-container--above .select2-selection--single {
  border-top: none;
}

.select2-container--default .select2-selection--single .select2-selection__rendered {
  line-height: 1.5;
}

.select2-container .select2-selection--single .select2-selection__rendered {
  padding-left: 0;
}

.select2-container--default .select2-selection--single .select2-selection__rendered {
  color: #000000;
}

.select2-container--default .select2-selection--single .select2-selection__arrow {
  height: inherit;
  width: 30rem;
  top: -1rem;
}
.select2-container--default .select2-selection--single .select2-selection__arrow b {
  border: none;
  width: 12rem;
  height: 6rem;
  font-size: 17rem;
  left: 5rem;
  margin-left: -4rem;
  margin-top: -3rem;
}
.select2-container--default .select2-selection--single .select2-selection__arrow b:after {
  content: "\f078";
  font-family: "Font Awesome 6 Pro";
  color: #000000;
  font-weight: 400;
  position: absolute;
  top: -9rem;
  left: 0;
}

.select2-container--default .select2-selection--single.shake .select2-selection__arrow {
  top: -3rem;
  width: 28rem;
}

.select2-container--default.select2-container--open .select2-selection--single .select2-selection__arrow b:after {
  transform: rotateX(-180deg);
}

.select2-dropdown {
  background: #FFF;
  border: none;
  border-radius: 6rem;
  border-top: none;
  color: #000000;
  border-radius: 20rem;
  font-size: 18rem;
  overflow: hidden;
  /*
  margin-top: 30px;
  @media (min-width: $desktop-width) {
      margin-top: 22px;
  }

  &.select2-dropdown--above {
      margin-top: 34px;

      @media (min-width: $desktop-width) {
          margin-top: 27px;
      }
  }*/
}

.select2-results__option {
  padding: 6rem 12rem;
  font-size: 18rem;
  border-bottom: 1rem solid #EFEFEF;
}
.select2-results__option:last-child {
  border-bottom: none;
}

.select2-container--default .select2-results__option--highlighted[aria-selected] {
  background-color: #FFF;
  color: #000000;
}

.select2-container--default .select2-results__option[aria-selected=true] {
  background-color: #333;
  color: #FFF;
}

.select2-container--default .select2-results > .select2-results__options {
  max-height: 400rem;
}

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