@import url("https://fonts.googleapis.com/css2?family=Nunito:wght@200;300;400;800&display=swap");
* {
  box-sizing: border-box;
}
html, body, main, #app, section {
  height: 100%;
  margin: 0;
}
html {
  font-size: 16px;
  overflow: hidden;
  overscroll-behavior: none;
}
@media (max-width: 1200px) {
  html {
    font-size: 15px;
  }
}
@media (max-width: 1000px) {
  html {
    font-size: 14px;
  }
}
@media (max-width: 800px) {
  html {
    font-size: 13px;
  }
}
@media (max-width: 600px) {
  html {
    font-size: 12px;
  }
}
body {
  --bs-body-font-family: "Nunito", sans-serif;
}
img {
  display: block;
}
h1 {
  font-size: 4.2rem;
  font-weight: 300;
  line-height: 1.2;
}
@media (max-width: 1200px) {
  h1 {
    font-size: 3.8rem;
  }
}
@media (max-width: 1000px) {
  h1 {
    font-size: 3.3rem;
  }
}
@media (max-width: 800px) {
  h1 {
    font-size: 2.6rem;
  }
}
@media (max-width: 600px) {
  h1 {
    font-size: 2.2rem;
  }
}
@media (max-width: 450px) {
  h1 {
    font-size: 2rem;
  }
}
h3 {
  font-size: 1rem;
  font-weight: 800;
}
p {
  margin: 0;
}
strong {
  font-weight: 800;
}
header {
  position: absolute;
  top: 2rem;
  left: 8rem;
}
header a {
  color: #d42496;
  text-decoration: none;
  font-weight: bold;
  display: block;
  line-height: 1;
  margin-top: 0.2rem;
}
header a:after {
  content: "";
  width: 1.8rem;
  height: 0.9rem;
  display: inline-block;
  margin-left: 0.3rem;
  vertical-align: middle;
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 33 16' fill='%23d42496'%3e%3cpath d='M0,9.2h3.9v-2H0V9.2z M9.8,7.2H5.9v2h3.9V7.2z M11.1,0L9.7,1.5l6.1,5.7h-4.2v2h4.2l-6.1,5.7l1.4,1.5l8.8-8.2L11.1,0z'/%3e%3c/svg%3e");
  background-position: center;
  background-repeat: no-repeat;
  background-size: contain;
}
header a:hover {
  color: #d42496;
}
@media (max-width: 1000px) {
  header {
    left: 5rem;
  }
}
@media (max-width: 800px) {
  header {
    left: 3rem;
  }
}
.great {
  position: absolute;
  right: 2rem;
  bottom: 2rem;
  width: 7.4rem;
}
#app {
  overflow: hidden;
  position: relative;
}
section {
  position: fixed;
  left: 0;
  top: 0;
  width: 100%;
  display: none;
  transition: transform 0.5s ease-in-out;
  align-items: center;
  justify-content: center;
}
section.active {
  display: flex;
  z-index: 2;
}
section.next {
  display: flex;
  z-index: 0;
}
#wheel, #swipe {
  position: absolute;
  left: 50%;
  bottom: 1rem;
  z-index: 100;
  transition: opacity 300ms ease-in;
}
#wheel .st0, #swipe .st0 {
  fill: none;
  stroke: #000000;
  stroke-width: 6;
  stroke-miterlimit: 10;
  transition: all 800ms;
}
#wheel .st1, #swipe .st1 {
  fill: #000000;
  transition: all 800ms;
}
#wheel {
  display: none;
  margin-left: -1rem;
  width: 2rem;
}
#swipe {
  width: 3.4rem;
  margin-left: -1.7rem;
}
@media (hover: hover) and (pointer: fine) {
  #wheel {
    display: block;
  }
  #swipe {
    display: none;
  }
}
.slide-1 #wheel .st0, .slide-1 #swipe .st0, .slide-2 #wheel .st0, .slide-2 #swipe .st0, .slide-4 #wheel .st0, .slide-4 #swipe .st0 {
  stroke: #ffffff;
}
.slide-1 #wheel .st1, .slide-1 #swipe .st1, .slide-2 #wheel .st1, .slide-2 #swipe .st1, .slide-4 #wheel .st1, .slide-4 #swipe .st1 {
  fill: #ffffff;
}
.slide-5 #wheel, .slide-5 #swipe {
  opacity: 0;
}
#slide-0 {
  padding: 0 2rem 10rem;
  background-image: url("/build/assets/bg-1.e5bfa655.svg");
  background-color: white;
  background-size: 1259px auto;
  background-position: right top;
  background-repeat: no-repeat;
}
#slide-0 h1 {
  text-align: right;
}
#slide-0 #logo {
  width: 11.37rem;
  margin-bottom: 4rem;
  transition-delay: 200ms;
}
@media (max-width: 1000px) {
  #slide-0 #logo {
    width: 9.5rem;
  }
}
@media (max-width: 800px) {
  #slide-0 #logo {
    width: 8rem;
  }
}
@media (max-width: 600px) {
  #slide-0 #logo {
    width: 6rem;
  }
}
#slide-0 svg {
  width: 1em;
  height: 1em;
  display: inline-block;
  vertical-align: -0.15em;
}
#slide-0 svg .st0 {
  fill: #1D1D1B;
}
#slide-0 svg .st1 {
  fill: none;
  stroke: #000000;
  stroke-width: 2;
  stroke-miterlimit: 10;
}
#slide-0 .content {
  position: relative;
}
#slide-0 .content .before {
  position: absolute;
  border: 4px dashed black;
  border-right: none;
  width: 70%;
  height: 100%;
  left: -3rem;
  top: 2.3rem;
}
#slide-0 .content .before:after {
  content: "";
  display: block;
  width: 1.2rem;
  height: 1.2rem;
  background-color: black;
  border-radius: 0.6rem;
  position: absolute;
  right: 0;
  bottom: 0;
  transform: translate(0.7rem, 0.7rem);
}
@media (max-width: 1200px) {
  #slide-0 .content .before {
    left: -2rem;
    top: 2rem;
    width: 68%;
  }
}
@media (max-width: 1000px) {
  #slide-0 .content .before {
    left: -1.8rem;
    top: 1.8rem;
    border-width: 3px;
    width: 65%;
  }
}
@media (max-width: 800px) {
  #slide-0 .content .before {
    left: -1.2rem;
    top: 1.45rem;
    border-width: 2px;
  }
}
@media (max-width: 600px) {
  #slide-0 .content .before {
    top: 1.2rem;
  }
}
@media (max-width: 450px) {
  #slide-0 .content .before {
    left: -1rem;
    top: 1.1rem;
  }
}
#slide-0 .content .container {
  position: relative;
  z-index: 2;
  background-color: white;
  padding: 0 0.3rem 1rem;
}
#slide-0 .content p {
  text-align: right;
  padding-right: 0.3rem;
  margin: 0 0 0 auto;
  transition-delay: 200ms;
}
@media (max-width: 450px) {
  #slide-0 .content p {
    max-width: 15rem;
  }
}
#slide-0 .content #hand {
  width: 6rem;
  position: absolute;
  right: 20%;
  bottom: -8.5rem;
}
@media (max-width: 1200px) {
  #slide-0 .content #hand {
    width: 5.5rem;
    bottom: -7.5rem;
  }
}
@media (max-width: 800px) {
  #slide-0 .content #hand {
    width: 5rem;
    bottom: -6.5rem;
    right: 14%;
  }
}
@media (max-width: 450px) {
  #slide-0 .content #hand {
    right: 12%;
    bottom: -9rem;
  }
}
@media (max-width: 1600px) {
  #slide-0 {
    background-size: 80%;
  }
}
@media (max-width: 1100px) {
  #slide-0 {
    background-size: 90%;
  }
}
@media (max-width: 800px) {
  #slide-0 {
    background-size: 100%;
  }
}
@media (max-width: 600px) {
  #slide-0 {
    background-size: 130%;
    background-position: right 30% top 0;
  }
}
#slide-1 {
  background-color: #222228;
  background-image: url("/build/assets/bg-2.bf4dca8e.svg");
  background-size: 644px auto;
  background-position: left top;
  background-repeat: no-repeat;
  color: white;
  padding: 4rem 4rem 4rem 24rem;
}
#slide-1 header {
  left: unset;
  right: 4rem;
}
#slide-1 h1 {
  color: #b3f400;
  margin-bottom: 3rem;
  transition-delay: 100ms;
}
#slide-1 > div {
  max-width: 60rem;
}
#slide-1 ol {
  counter-reset: orderedlist;
  list-style: none;
  display: flex;
  margin: 2.5rem 0;
  padding: 0;
  font-size: 1.2rem;
  transition-delay: 200ms;
}
#slide-1 ol li::before {
  counter-increment: orderedlist;
  content: counter(orderedlist);
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 4.4rem;
  height: 4.4rem;
  border-radius: 2.2rem;
  border: 2px solid white;
  margin-right: 1rem;
  font-size: 2.5rem;
}
@media (max-width: 1500px) {
  #slide-1 ol li::before {
    width: 2.8rem;
    height: 2.8rem;
    border-radius: 1.9rem;
    font-size: 1.8rem;
  }
}
@media (max-width: 1200px) {
  #slide-1 ol li::before {
    width: 2.4rem;
    height: 2.4rem;
    border-radius: 1.7rem;
    font-size: 1.4rem;
    margin-right: 0.5rem;
  }
}
@media (max-width: 700px) {
  #slide-1 ol li::before {
    margin-right: 0.3rem;
  }
}
@media (max-width: 450px) {
  #slide-1 ol li::before {
    width: 2rem;
    height: 2rem;
    border-radius: 1rem;
    border-width: 1px;
    font-size: 1.1rem;
  }
}
@media (max-width: 350px) {
  #slide-1 ol li::before {
    width: 1.8rem;
    height: 1.8rem;
    border-radius: 0.9rem;
    font-size: 1rem;
    margin-right: 0.1rem;
  }
}
#slide-1 ol li:not(:last-child):after {
  content: url("/build/assets/arrow-r.bf31625f.svg");
  display: inline-block;
  width: 2rem;
  height: 1rem;
  margin: 0 1rem;
}
@media (max-width: 1200px) {
  #slide-1 ol li:not(:last-child):after {
    margin: 0 0.5rem;
  }
}
@media (max-width: 1000px) {
  #slide-1 ol li:not(:last-child):after {
    width: 1.5rem;
  }
}
@media (max-width: 700px) {
  #slide-1 ol li:not(:last-child):after {
    margin: 0 0.3rem;
    width: 1rem;
  }
}
@media (max-width: 350px) {
  #slide-1 ol li:not(:last-child):after {
    margin: 0 0.1rem;
  }
}
@media (max-width: 1000px) {
  #slide-1 ol li {
    font-size: 1rem;
  }
}
@media (max-width: 700px) {
  #slide-1 ol li {
    font-size: 0.8rem;
  }
}
#slide-1 ul {
  padding: 0 0 0 0.8rem;
  transition-delay: 300ms;
}
@media (max-width: 1920px) {
  #slide-1 {
    background-size: 30% auto;
  }
}
@media (max-width: 1500px) {
  #slide-1 {
    background-size: 25rem auto;
  }
}
@media (max-width: 1200px) {
  #slide-1 {
    background-size: 20rem auto;
    padding-left: 20rem;
  }
}
@media (max-width: 1000px) {
  #slide-1 {
    padding-left: 17rem;
  }
}
@media (max-width: 800px) {
  #slide-1 {
    padding-left: 13rem;
  }
}
@media (max-width: 700px) {
  #slide-1 {
    padding-left: 9rem;
  }
}
@media (max-width: 600px) {
  #slide-1 {
    padding-left: 4rem;
  }
}
@media (max-width: 400px) {
  #slide-1 {
    padding-left: 1.5rem;
    padding-right: 1.5rem;
  }
}
@media (max-width: 350px) {
  #slide-1 {
    padding-left: 1.1rem;
    padding-right: 1.1rem;
  }
}
#slide-2 {
  background-color: #222228;
  background-image: url("/build/assets/bg-2.bf4dca8e.svg");
  background-size: 644px auto;
  background-position: right top;
  background-repeat: no-repeat;
  color: white;
  padding: 4rem 8rem;
  justify-content: flex-start;
}
#slide-2 h1 {
  color: #d42496;
  margin-bottom: 3rem;
}
#slide-2 .container {
  display: flex;
}
@media (max-width: 500px) {
  #slide-2 .container {
    display: block;
  }
}
#slide-2 ul {
  list-style: none;
  padding: 0;
  margin: 0 5rem 0 0;
}
#slide-2 ul li {
  display: flex;
  margin-bottom: 2.5rem;
  align-items: center;
}
#slide-2 ul li > div {
  width: 8.5rem;
  flex-grow: 0;
  flex-shrink: 0;
}
@media (max-width: 1000px) {
  #slide-2 ul li > div {
    width: 7.5rem;
  }
}
@media (max-width: 800px) {
  #slide-2 ul li > div {
    width: 5.5rem;
  }
}
#slide-2 ul li:first-child img {
  width: 4.2rem;
}
@media (max-width: 800px) {
  #slide-2 ul li:first-child img {
    width: 3.36rem;
  }
}
#slide-2 ul li:nth-child(2) img {
  width: 4rem;
  transition-delay: 200ms;
}
#slide-2 ul li:nth-child(3) img {
  width: 4.56rem;
  transition-delay: 300ms;
}
#slide-2 ul li:nth-child(4) img {
  width: 4.56rem;
  transition-delay: 400ms;
}
#slide-2 ul li:nth-child(5) img {
  width: 4.56rem;
  transition-delay: 200ms;
}
@media (max-width: 1000px) {
  #slide-2 ul {
    margin-right: 2rem;
  }
}
@media (max-width: 800px) {
  #slide-2 ul {
    margin-right: 0;
  }
}
#slide-2 ul:first-child > li:first-child {
  transition-delay: 100ms;
}
#slide-2 ul:first-child > li:nth-child(2) {
  transition-delay: 200ms;
}
#slide-2 ul:first-child > li:nth-child(3) {
  transition-delay: 300ms;
}
#slide-2 ul:last-child > li:first-child {
  transition-delay: 400ms;
}
#slide-2 ul:last-child > li:last-child {
  transition-delay: 500ms;
}
#slide-2 p {
  width: 14rem;
  transition-delay: 200ms;
}
@media (max-width: 800px) {
  #slide-2 p {
    width: 13rem;
  }
}
@media (max-width: 500px) {
  #slide-2 p {
    width: unset;
  }
  #slide-2 p br {
    display: none;
  }
}
@media (max-width: 1920px) {
  #slide-2 {
    background-size: 30% auto;
  }
}
@media (max-width: 1500px) {
  #slide-2 {
    background-size: 28rem auto;
  }
}
@media (max-width: 1200px) {
  #slide-2 {
    background-size: 24rem auto;
  }
}
@media (max-width: 1000px) {
  #slide-2 {
    padding: 4rem 5rem;
  }
}
@media (max-width: 800px) {
  #slide-2 {
    padding: 4rem 3rem;
  }
}
#slide-3 {
  background-color: #ffffff;
  background-image: url("/build/assets/bg-touches.c01d6d09.jpg");
  background-size: 850px auto;
  background-position: right 40%;
  background-repeat: no-repeat;
  padding: 4rem 8rem;
  justify-content: flex-start;
}
#slide-3 h1 {
  margin-bottom: 3rem;
}
#slide-3 p {
  max-width: 23rem;
  padding-left: 2rem;
  margin-bottom: 2rem;
}
#slide-3 .touches {
  max-width: 75%;
  margin: 3rem auto 0;
  display: none;
  max-height: 33vh;
}
@media (max-width: 500px) {
  #slide-3 .touches {
    display: block;
  }
}
#slide-3 > div > *:nth-child(3) {
  transition-delay: 100ms;
}
#slide-3 > div > *:nth-child(4) {
  transition-delay: 200ms;
}
#slide-3 > div > *:nth-child(5) {
  transition-delay: 300ms;
}
#slide-3 > div > *:nth-child(6) {
  transition-delay: 400ms;
}
#slide-3 > div > *:nth-child(7) {
  transition-delay: 500ms;
}
@media (max-width: 1600px) {
  #slide-3 {
    background-size: 750px auto;
  }
}
@media (max-width: 1400px) {
  #slide-3 {
    background-size: 650px auto;
  }
}
@media (max-width: 1200px) {
  #slide-3 {
    background-size: 550px auto;
    background-position: 115% 40%;
  }
}
@media (max-width: 1000px) {
  #slide-3 {
    padding: 4rem 3rem;
    background-size: 450px auto;
  }
  #slide-3 header {
    left: 3rem;
  }
}
@media (max-width: 800px) {
  #slide-3 {
    padding: 4rem 2rem;
    background-size: 400px auto;
  }
}
@media (max-width: 630px) {
  #slide-3 {
    background-size: 350px auto;
  }
}
@media (max-width: 550px) {
  #slide-3 {
    background-size: 300px auto;
  }
}
@media (max-width: 500px) {
  #slide-3 {
    background-image: url("/build/assets/bg-2.bf4dca8e.svg");
    background-position: 135% center;
    background-size: 250px auto;
  }
}
@media (max-width: 400px) {
  #slide-3 {
    background-position: 175% center;
  }
}
#slide-4 {
  background-color: #222228;
  background-image: url("/build/assets/bg-1.e5bfa655.svg");
  background-size: 1100px auto;
  background-position: right top;
  background-repeat: no-repeat;
  color: white;
  padding: 4rem 8rem;
  justify-content: space-between;
  align-items: center;
}
#slide-4 h1 {
  color: #03e5e5;
  margin-bottom: 3rem;
}
#slide-4 ol {
  counter-reset: orderedlist;
  list-style: none;
  padding: 0;
}
#slide-4 ol li {
  display: flex;
  align-items: flex-start;
  margin-bottom: 1.5rem;
}
#slide-4 ol li::before {
  counter-increment: orderedlist;
  content: counter(orderedlist);
  display: flex;
  align-items: center;
  justify-content: center;
  width: 3.4rem;
  height: 3.4rem;
  border-radius: 1.7rem;
  border: 2px solid white;
  margin: -1rem 1rem 0 0;
  font-size: 2rem;
  flex-grow: 0;
  flex-shrink: 0;
}
@media (max-width: 700px) {
  #slide-4 ol li::before {
    margin-right: 0.5rem;
    width: 2.6rem;
    height: 2.6rem;
    border-radius: 1.3rem;
    font-size: 1.4rem;
    margin-top: -0.7rem;
  }
}
#slide-4 ol li span {
  display: flex;
  align-items: center;
}
#slide-4 ol li span:after {
  content: url("/build/assets/arrow-r1.dbd6790b.svg");
  display: inline-block;
  width: 1.375rem;
  height: 1.2rem;
  margin: 0 1rem;
}
@media (max-width: 700px) {
  #slide-4 ol li span:after {
    margin: 0 0.5rem;
    width: 1rem;
  }
}
#slide-4 ol li > div {
  flex-grow: 0;
  flex-shrink: 0;
  display: flex;
  align-items: center;
}
#slide-4 ol li p {
  flex-grow: 2;
  flex-shrink: 2;
}
@media (max-width: 500px) {
  #slide-4 ol li p {
    padding-left: 3.1rem;
  }
}
#slide-4 ol li:nth-child(1) {
  transition-delay: 150ms;
}
#slide-4 ol li:nth-child(1) p {
  max-width: 22rem;
}
#slide-4 ol li:nth-child(2) {
  transition-delay: 300ms;
}
#slide-4 ol li:nth-child(2) p {
  max-width: 35rem;
}
#slide-4 ol li:nth-child(3) {
  transition-delay: 450ms;
}
#slide-4 ol li:nth-child(3) p {
  max-width: 36rem;
}
#slide-4 ol li:nth-child(4) {
  transition-delay: 500ms;
}
#slide-4 ol li:nth-child(4) p {
  max-width: 36rem;
}
@media (max-width: 500px) {
  #slide-4 ol li {
    flex-wrap: wrap;
    margin-bottom: 1rem;
  }
  #slide-4 ol li p {
    font-size: 11.5px;
  }
}
#slide-4 .icons {
  display: flex;
  flex-wrap: wrap;
  flex-basis: 15rem;
  margin-left: 3rem;
  flex-grow: 0;
  flex-shrink: 0;
}
#slide-4 .icons > div {
  background-color: black;
  margin: 0.3rem;
  width: 6.875rem;
  height: 6.875rem;
  display: flex;
  align-items: center;
  justify-content: center;
}
#slide-4 .icons > div img {
  width: 63.6%;
}
#slide-4 .icons > div:nth-child(1) {
  transition-delay: 100ms;
}
#slide-4 .icons > div:nth-child(2) {
  transition-delay: 200ms;
}
#slide-4 .icons > div:nth-child(3) {
  transition-delay: 300ms;
}
#slide-4 .icons > div:nth-child(4) {
  transition-delay: 400ms;
}
#slide-4 .icons > div:nth-child(5) {
  transition-delay: 500ms;
}
#slide-4 .icons > div:nth-child(6) {
  transition-delay: 600ms;
}
#slide-4 .icons > div:nth-child(7) {
  transition-delay: 700ms;
}
@media (max-width: 1000px) {
  #slide-4 .icons {
    flex-basis: 12rem;
    margin-left: 2rem;
  }
  #slide-4 .icons > div {
    width: 5.6rem;
    height: 5.6rem;
    margin: 0.2rem;
  }
}
@media (max-width: 700px) {
  #slide-4 .icons {
    flex-basis: 5rem;
    margin-left: 1rem;
    display: block;
  }
  #slide-4 .icons > div {
    width: 5rem;
    height: 5rem;
    margin: 0 0 2px;
  }
}
@media (max-width: 500px) {
  #slide-4 .icons {
    flex-basis: 4.5rem;
    margin-left: 0.5rem;
    display: block;
  }
  #slide-4 .icons > div {
    width: 4.5rem;
    height: 4.5rem;
    margin: 0 0 2px;
  }
}
@media (max-width: 1600px) {
  #slide-4 {
    background-size: 80%;
  }
}
@media (max-width: 1200px) {
  #slide-4 {
    background-size: 90%;
    padding: 4rem 3rem;
  }
}
@media (max-width: 800px) {
  #slide-4 {
    background-size: 100%;
    padding: 4rem 2rem;
  }
}
@media (max-width: 500px) {
  #slide-4 {
    background-size: 100%;
    padding: 3rem 1rem 0;
  }
}
#slide-5 {
  background-color: #222228;
  background-image: url("/build/assets/bg-1.e5bfa655.svg");
  background-size: 1100px auto;
  background-position: right top;
  background-repeat: no-repeat;
  color: white;
  padding: 3vh 2vw;
}
#slide-5 .container {
  height: 100%;
  display: flex;
  align-items: center;
}
#slide-5 .container .content {
  aspect-ratio: 108/192;
  height: 94vh;
  background-image: url("/build/assets/screen.d9dff792.jpg");
  background-size: contain;
  background-position: center;
  background-repeat: no-repeat;
}
#slide-5 .container .content > div {
  position: relative;
}
@media (max-aspect-ratio: 1/1.75) {
  #slide-5 .container .content {
    height: unset;
    width: 96vw;
  }
}
#slide-5 .container .content .info {
  display: none;
  position: absolute;
  right: 0.5rem;
  top: 0.3rem;
  width: 1.8rem;
  height: 1.8rem;
  background-color: #e20101;
  border-radius: 0.9rem;
  border: 2px solid white;
  color: white !important;
  box-shadow: -3px 3px 3px rgba(0, 0, 0, 0.55);
  align-items: center;
  justify-content: center;
  font-size: 1.2rem;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
  font-weight: 800;
  line-height: 1;
}
@media (max-aspect-ratio: 39/67), (max-height: 900px) and (max-width: 600px) {
  #slide-5 .container .content .info {
    display: flex;
  }
}
#slide-5 .container .legend {
  max-width: 300px;
  font-size: 0.9rem;
  line-height: 1.2;
  height: 100%;
}
#slide-5 .container .legend > div {
  display: flex;
  align-items: center;
}
#slide-5 .container .legend > div span {
  display: block;
}
#slide-5 .container .legend > div:before {
  content: url("/build/assets/arrow-r.bf31625f.svg");
  display: inline-block;
  width: 1.375rem;
  height: 1.2rem;
  margin: 0 0.5rem;
  flex-shrink: 0;
}
@media (max-width: 700px) {
  #slide-5 .container .legend > div:before {
    margin: 0 0.5rem;
    width: 1rem;
  }
}
#slide-5 .container .legend > div:nth-child(2) {
  transition-delay: 150ms;
}
#slide-5 .container .legend > div:nth-child(3) {
  transition-delay: 300ms;
}
#slide-5 .container .legend > div:nth-child(4) {
  transition-delay: 450ms;
}
#slide-5 .container .legend > div:nth-child(5) {
  transition-delay: 600ms;
}
@media (max-aspect-ratio: 39/67), (max-height: 900px) and (max-width: 600px) {
  #slide-5 .container .legend {
    display: none;
  }
}
@media (max-height: 600px) {
  #slide-5 .container .legend {
    font-size: 2vh;
  }
}
#slide-5 .container > div > div:nth-child(1) {
  height: 9.53%;
}
#slide-5 .container > div > div:nth-child(2) {
  height: 19.69%;
}
#slide-5 .container > div > div:nth-child(2) span {
  color: #d42496;
}
#slide-5 .container > div > div:nth-child(3) {
  height: 8.54%;
}
#slide-5 .container > div > div:nth-child(3) span:first-of-type {
  color: #b3f400;
}
#slide-5 .container > div > div:nth-child(3) span:last-of-type {
  color: #d42496;
}
#slide-5 .container > div > div:nth-child(4) {
  height: 47.97%;
}
#slide-5 .container > div > div:nth-child(4) span {
  color: #b3f400;
}
#slide-5 .container > div > div:nth-child(5) {
  height: 14.27%;
}
#slide-5 .container > div > div:nth-child(5) span {
  color: #d42496;
}
@media (max-width: 1600px) {
  #slide-5 {
    background-size: 80%;
  }
}
@media (max-width: 1200px) {
  #slide-5 {
    background-size: 90%;
  }
}
@media (max-width: 800px) {
  #slide-5 {
    background-size: 100%;
  }
}
@media (max-width: 500px) {
  #slide-5 {
    background-size: 100%;
  }
}
#slide-6 {
  background-color: white;
  background-image: url("/build/assets/bg-2.bf4dca8e.svg");
  background-size: 644px auto;
  background-position: left center;
  background-repeat: no-repeat;
  padding-left: 5%;
}
#slide-6 header {
  left: unset;
  right: 4rem;
}
#slide-6 h1 {
  padding-left: 3.8rem;
  margin-bottom: 3rem;
}
#slide-6 .contacts {
  padding-left: 4rem;
}
#slide-6 .contacts a {
  position: relative;
  padding-left: 2rem;
  display: block;
  color: black;
  text-decoration: none;
  margin-bottom: 0.5rem;
}
#slide-6 .contacts a::before {
  height: 1.1rem;
  display: inline-block;
  position: absolute;
  left: 0;
  top: 0.1rem;
}
#slide-6 .contacts a:nth-child(1)::before {
  content: url("data:image/svg+xml,%3C%3Fxml%20version%3D%221.0%22%20encoding%3D%22iso-8859-1%22%3F%3E%0A%3C%21--%20Generator%3A%20Adobe%20Illustrator%2018.0.0%2C%20SVG%20Export%20Plug-In%20.%20SVG%20Version%3A%206.00%20Build%200%29%20%20--%3E%0A%3C%21DOCTYPE%20svg%20PUBLIC%20%22-%2F%2FW3C%2F%2FDTD%20SVG%201.1%2F%2FEN%22%20%22http%3A%2F%2Fwww.w3.org%2FGraphics%2FSVG%2F1.1%2FDTD%2Fsvg11.dtd%22%3E%0A%3Csvg%20version%3D%221.1%22%20id%3D%22Capa_1%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%20x%3D%220px%22%20y%3D%220px%22%0A%09%20viewBox%3D%220%200%2033%2033%22%20style%3D%22enable-background%3Anew%200%200%20493.497%20493.497%3B%22%20xml%3Aspace%3D%22preserve%22%3E%0A%3Cpath%20d%3D%22M16.5,0C7.4,0,0,7.4,0,16.5C0,25.6,7.4,33,16.5,33S33,25.6,33,16.5S25.6,0,16.5,0z M14,1.7c-1.3,1.1-2.6,2.6-3.7,4.1C9.8,6.5,9.4,7.2,9.1,7.9H4.2C6.4,4.7,9.9,2.4,14,1.7z M15.8,23.8H10c-0.9-1.9-1.5-4.1-1.6-6.5h7.3V23.8z M3.3,9.3h5.1C7.5,11.4,7,13.6,7,15.8H1.5C1.6,13.5,2.2,11.3,3.3,9.3z M1.5,17.3H7c0.1,2.3,0.6,4.4,1.4,6.5h-5C2.3,21.9,1.6,19.7,1.5,17.3zM4.3,25.3h4.8c0.4,0.7,0.8,1.4,1.2,2c1.2,1.8,2.5,3.1,3.6,4C10,30.6,6.5,28.4,4.3,25.3z M15.8,30.9c-1.6-1.2-3.6-3.1-5-5.6h5V30.9z M15.8,15.8H8.4C8.5,13.6,9,11.4,10,9.3h5.8L15.8,15.8L15.8,15.8z M15.8,7.9h-5.1C11,7.4,11.2,7,11.5,6.6c1.5-2.2,3.2-3.7,4.3-4.5L15.8,7.9L15.8,7.9z M31.5,15.8H26c-0.1-2.2-0.6-4.4-1.4-6.5h5.1C30.8,11.3,31.4,13.5,31.5,15.8zM28.8,7.9h-4.9c-0.4-0.7-0.8-1.4-1.3-2.1c-1-1.5-2.3-2.9-3.7-4.1C23.1,2.4,26.6,4.7,28.8,7.9z M17.2,2.1c1.1,0.8,2.8,2.3,4.3,4.5C21.8,7,22,7.4,22.3,7.9h-5.1V2.1z M17.2,9.3H23c0.9,2.1,1.5,4.2,1.5,6.5h-7.4V9.3L17.2,9.3z M17.2,17.3L17.2,17.3h7.4c-0.1,2.4-0.7,4.6-1.6,6.5h-5.8L17.2,17.3L17.2,17.3z M17.2,25.3h5c-1.5,2.5-3.4,4.5-5,5.6V25.3z M19.1,31.3c1.1-0.9,2.4-2.2,3.6-4c0.5-0.7,0.9-1.3,1.2-2h4.8C26.5,28.4,23,30.6,19.1,31.3z M29.6,23.8h-5c0.9-2.1,1.3-4.2,1.4-6.5h5.5C31.4,19.7,30.7,21.9,29.6,23.8z%0A%09%22%2F%3E%0A%3C%2Fsvg%3E");
  width: 1.3rem;
}
#slide-6 .contacts a:nth-child(2)::before {
  content: url("data:image/svg+xml,%3C%3Fxml%20version%3D%221.0%22%20encoding%3D%22iso-8859-1%22%3F%3E%0A%3C%21--%20Generator%3A%20Adobe%20Illustrator%2018.0.0%2C%20SVG%20Export%20Plug-In%20.%20SVG%20Version%3A%206.00%20Build%200%29%20%20--%3E%0A%3C%21DOCTYPE%20svg%20PUBLIC%20%22-%2F%2FW3C%2F%2FDTD%20SVG%201.1%2F%2FEN%22%20%22http%3A%2F%2Fwww.w3.org%2FGraphics%2FSVG%2F1.1%2FDTD%2Fsvg11.dtd%22%3E%0A%3Csvg%20version%3D%221.1%22%20id%3D%22Capa_1%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%20x%3D%220px%22%20y%3D%220px%22%0A%09%20viewBox%3D%220%200%20493.497%20493.497%22%20style%3D%22enable-background%3Anew%200%200%20493.497%20493.497%3B%22%20xml%3Aspace%3D%22preserve%22%3E%0A%3Cpath%20d%3D%22M444.556%2C85.218H48.942C21.954%2C85.218%2C0%2C107.171%2C0%2C134.16v225.177c0%2C26.988%2C21.954%2C48.942%2C48.942%2C48.942h395.613%0A%09c26.988%2C0%2C48.941-21.954%2C48.941-48.942V134.16C493.497%2C107.171%2C471.544%2C85.218%2C444.556%2C85.218z%20M460.87%2C134.16v225.177%0A%09c0%2C2.574-0.725%2C4.924-1.793%2C7.09L343.74%2C251.081l117.097-117.097C460.837%2C134.049%2C460.87%2C134.096%2C460.87%2C134.16z%20M32.628%2C359.336%0A%09V134.16c0-0.064%2C0.033-0.11%2C0.033-0.175l117.097%2C117.097L34.413%2C366.426C33.353%2C364.26%2C32.628%2C361.911%2C32.628%2C359.336z%0A%09%20M251.784%2C296.902c-2.692%2C2.691-7.378%2C2.691-10.07%2C0L62.667%2C117.846h368.172L251.784%2C296.902z%20M172.827%2C274.152l45.818%2C45.819%0A%09c7.512%2C7.511%2C17.493%2C11.645%2C28.104%2C11.645c10.61%2C0%2C20.592-4.134%2C28.104-11.645l45.82-45.819l101.49%2C101.499H71.327L172.827%2C274.152z%0A%09%22%2F%3E%0A%3C%2Fsvg%3E");
  width: 1.3rem;
}
#slide-6 .contacts a:nth-child(3)::before {
  content: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%20512%20512%22%3E%0A%09%3Cpath%20style%3D%22fill%3A%23000000%22%20d%3D%22M256%2C49.471c67.266%2C0%2C75.233.257%2C101.8%2C1.469%2C24.562%2C1.121%2C37.9%2C5.224%2C46.778%2C8.674a78.052%2C78.052%2C0%2C0%2C1%2C28.966%2C18.845%2C78.052%2C78.052%2C0%2C0%2C1%2C18.845%2C28.966c3.45%2C8.877%2C7.554%2C22.216%2C8.674%2C46.778%2C1.212%2C26.565%2C1.469%2C34.532%2C1.469%2C101.8s-0.257%2C75.233-1.469%2C101.8c-1.121%2C24.562-5.225%2C37.9-8.674%2C46.778a83.427%2C83.427%2C0%2C0%2C1-47.811%2C47.811c-8.877%2C3.45-22.216%2C7.554-46.778%2C8.674-26.56%2C1.212-34.527%2C1.469-101.8%2C1.469s-75.237-.257-101.8-1.469c-24.562-1.121-37.9-5.225-46.778-8.674a78.051%2C78.051%2C0%2C0%2C1-28.966-18.845%2C78.053%2C78.053%2C0%2C0%2C1-18.845-28.966c-3.45-8.877-7.554-22.216-8.674-46.778-1.212-26.564-1.469-34.532-1.469-101.8s0.257-75.233%2C1.469-101.8c1.121-24.562%2C5.224-37.9%2C8.674-46.778A78.052%2C78.052%2C0%2C0%2C1%2C78.458%2C78.458a78.053%2C78.053%2C0%2C0%2C1%2C28.966-18.845c8.877-3.45%2C22.216-7.554%2C46.778-8.674%2C26.565-1.212%2C34.532-1.469%2C101.8-1.469m0-45.391c-68.418%2C0-77%2C.29-103.866%2C1.516-26.815%2C1.224-45.127%2C5.482-61.151%2C11.71a123.488%2C123.488%2C0%2C0%2C0-44.62%2C29.057A123.488%2C123.488%2C0%2C0%2C0%2C17.3%2C90.982C11.077%2C107.007%2C6.819%2C125.319%2C5.6%2C152.134%2C4.369%2C179%2C4.079%2C187.582%2C4.079%2C256S4.369%2C333%2C5.6%2C359.866c1.224%2C26.815%2C5.482%2C45.127%2C11.71%2C61.151a123.489%2C123.489%2C0%2C0%2C0%2C29.057%2C44.62%2C123.486%2C123.486%2C0%2C0%2C0%2C44.62%2C29.057c16.025%2C6.228%2C34.337%2C10.486%2C61.151%2C11.71%2C26.87%2C1.226%2C35.449%2C1.516%2C103.866%2C1.516s77-.29%2C103.866-1.516c26.815-1.224%2C45.127-5.482%2C61.151-11.71a128.817%2C128.817%2C0%2C0%2C0%2C73.677-73.677c6.228-16.025%2C10.486-34.337%2C11.71-61.151%2C1.226-26.87%2C1.516-35.449%2C1.516-103.866s-0.29-77-1.516-103.866c-1.224-26.815-5.482-45.127-11.71-61.151a123.486%2C123.486%2C0%2C0%2C0-29.057-44.62A123.487%2C123.487%2C0%2C0%2C0%2C421.018%2C17.3C404.993%2C11.077%2C386.681%2C6.819%2C359.866%2C5.6%2C333%2C4.369%2C324.418%2C4.079%2C256%2C4.079h0Z%22%2F%3E%0A%09%3Cpath%20style%3D%22fill%3A%23000000%22%20d%3D%22M256%2C126.635A129.365%2C129.365%2C0%2C1%2C0%2C385.365%2C256%2C129.365%2C129.365%2C0%2C0%2C0%2C256%2C126.635Zm0%2C213.338A83.973%2C83.973%2C0%2C1%2C1%2C339.974%2C256%2C83.974%2C83.974%2C0%2C0%2C1%2C256%2C339.973Z%22%2F%3E%0A%09%3Ccircle%20style%3D%22fill%3A%23000000%22%20cx%3D%22390.476%22%20cy%3D%22121.524%22%20r%3D%2230.23%22%2F%3E%0A%3C%2Fsvg%3E");
  width: 1.1rem;
}
#slide-6 .contacts a:nth-child(1) {
  transition-delay: 150ms;
}
#slide-6 .contacts a:nth-child(2) {
  transition-delay: 300ms;
}
#slide-6 .contacts a:nth-child(3) {
  transition-delay: 450ms;
}
#slide-6 .text {
  width: 38rem;
  position: relative;
  border: 2px dashed black;
  margin-top: 4rem;
  padding: 0 0 4rem 3rem;
  border-right: none;
  max-width: 90vw;
}
#slide-6 .text p {
  background-color: white;
  margin-top: -8px;
  padding: 0 4rem 1rem 1rem;
}
#slide-6 .text:after {
  content: "";
  display: block;
  width: 1.4rem;
  height: 1.4rem;
  border-radius: 0.7rem;
  background-color: black;
  position: absolute;
  right: -0.7rem;
  bottom: -0.7rem;
}
@media (max-width: 600px) {
  #slide-6 .text {
    padding: 0 0 3rem 2rem;
  }
}
@media (max-width: 1920px) {
  #slide-6 {
    background-size: 30% auto;
  }
}
@media (max-width: 1500px) {
  #slide-6 {
    background-size: 25rem auto;
  }
}
@media (max-width: 1000px) {
  #slide-6 {
    background-size: 20rem auto;
    background-position: left top;
  }
}
@media (max-width: 900px) {
  #slide-6 {
    padding-left: 0;
  }
}
main.dragging section {
  transition: none;
}
.p-dialog-mask {
  background-color: rgba(0, 0, 0, 0.7);
}
.p-dialog {
  max-width: 90%;
  background-color: white;
  min-width: 24rem;
}
.p-dialog .p-dialog-header {
  align-items: flex-start;
  padding: 1rem 0 0 2rem;
  margin-bottom: 1rem;
  font-size: 1.2rem;
  color: #d42496;
}
.p-dialog-content {
  padding: 0 2rem 2rem;
}
.p-dialog-content .p-dialog-title {
  display: block;
  margin-bottom: 0.5rem;
  font-size: 1.2rem;
  color: #86ad19;
}
.p-dialog .p-dialog-header .p-dialog-header-icon {
  background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='14' height='14'><path fill='currentColor' d='M8.01186 7.00933L12.27 2.75116C12.341 2.68501 12.398 2.60524 12.4375 2.51661C12.4769 2.42798 12.4982 2.3323 12.4999 2.23529C12.5016 2.13827 12.4838 2.0419 12.4474 1.95194C12.4111 1.86197 12.357 1.78024 12.2884 1.71163C12.2198 1.64302 12.138 1.58893 12.0481 1.55259C11.9581 1.51625 11.8617 1.4984 11.7647 1.50011C11.6677 1.50182 11.572 1.52306 11.4834 1.56255C11.3948 1.60204 11.315 1.65898 11.2488 1.72997L6.99067 5.98814L2.7325 1.72997C2.59553 1.60234 2.41437 1.53286 2.22718 1.53616C2.03999 1.53946 1.8614 1.61529 1.72901 1.74767C1.59663 1.88006 1.5208 2.05865 1.5175 2.24584C1.5142 2.43303 1.58368 2.61419 1.71131 2.75116L5.96948 7.00933L1.71131 11.2675C1.576 11.403 1.5 11.5866 1.5 11.7781C1.5 11.9696 1.576 12.1532 1.71131 12.2887C1.84679 12.424 2.03043 12.5 2.2219 12.5C2.41338 12.5 2.59702 12.424 2.7325 12.2887L6.99067 8.03052L11.2488 12.2887C11.3843 12.424 11.568 12.5 11.7594 12.5C11.9509 12.5 12.1346 12.424 12.27 12.2887C12.4053 12.1532 12.4813 11.9696 12.4813 11.7781C12.4813 11.5866 12.4053 11.403 12.27 11.2675L8.01186 7.00933Z'/></svg>");
  background-position: center;
  background-repeat: no-repeat;
  background-color: white;
  width: 2rem;
  height: 2rem;
  color: #6b7280;
  border: 0 none;
  border-radius: 50%;
  transition: background-color 0.2s, color 0.2s, box-shadow 0.2s;
  margin-right: 0.5rem;
  margin-left: auto;
  display: block;
}
.p-dialog .p-dialog-header .p-dialog-header-icon:enabled:hover {
  color: #000000;
  border-color: transparent;
  background-color: #f3f4f6;
}
.slide {
  transition: all 0.8s ease-out;
  opacity: 0;
}
.slide-top {
  transform: translateY(-50px);
}
.slide-left {
  transform: translateX(-50px);
}
.slide-right {
  transform: translateX(50px);
}
.slide-bottom {
  transform: translateY(50px);
}
.active .slide-top, .active .slide-left, .active .slide-right, .active .slide-bottom {
  transform: translateY(0);
  opacity: 1;
}