<br />
<b>Warning</b>:  filemtime(): stat failed for /home/httpd/vhosts/sorryguysmedia.ru/subdomains/yavsilahetosdelat/httpdocs/visual/css/style.scss in <b>/home/admin/web/yavsilahetosdelat.sorryguyscdn.ru/public_html/core/preprocessors/scssphp-0.7.6/example/Server.php</b> on line <b>138</b><br />
<br />
<b>Warning</b>:  file_put_contents(./files/temp/bd226111ff3d20b0ede4709c6217c4ba.css): failed to open stream: Permission denied in <b>/home/admin/web/yavsilahetosdelat.sorryguyscdn.ru/public_html/core/preprocessors/scssphp-0.7.6/example/Server.php</b> on line <b>214</b><br />
<br />
<b>Warning</b>:  file_put_contents(./files/temp/bd226111ff3d20b0ede4709c6217c4ba.css.meta): failed to open stream: Permission denied in <b>/home/admin/web/yavsilahetosdelat.sorryguyscdn.ru/public_html/core/preprocessors/scssphp-0.7.6/example/Server.php</b> on line <b>220</b><br />
/* compiled by scssphp v0.7.6 on Mon, 08 Dec 2025 11:08:57 +0000 (0.1608s) */

/* line 1, ./visual/css/components/btn.scss */
.btn {
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
  flex-wrap: wrap;
  padding: 3.1vw 5.46vw;
  border: 1px solid #cf035c;
  border-radius: 6.2vw;
  font-family: 'DinPro';
  font-size: 4.32vw;
  font-weight: bold;
  color: white;
  text-decoration: none;
  background-color: #cf035c;
  cursor: pointer;
  transition: all 0.4s ease, visibility 0.4s step-start;
}
@media (min-width: 520px) {
  .btn {
    padding: 1.1vw 1.46vw;
    border-radius: 2.2vw;
    font-size: 1.32vw;
  }
}
@media (min-width: 768px) {
  .btn {
    border-width: 2px;
  }
}
@media (min-width: 1280px) {
  .btn {
    border-width: 3px;
  }
}
@media (min-width: 1366px) {
  .btn {
    padding: 10px 30px;
    border-radius: 30px;
    font-size: 18px;
  }
}
/* line 34, ./visual/css/components/btn.scss */
/* line 39, ./visual/css/components/btn.scss */
.btn.hidden {
  transform: scale(0);
  pointer-events: none;
  visibility: hidden;
  transition: all 0.4s ease, visibility 0.4s step-end;
}
/* line 46, ./visual/css/components/btn.scss */
.btn_circle {
  flex-grow: 0;
  flex-shrink: 0;
  width: 10.66vw;
  height: 10.66vw;
  border-radius: 100%;
  padding: 0;
}
@media (min-width: 520px) {
  .btn_circle {
    width: 3.66vw;
    height: 3.66vw;
  }
}
@media (min-width: 1366px) {
  .btn_circle {
    width: 50px;
    height: 50px;
  }
}
/* line 62, ./visual/css/components/btn.scss */
.btn_ghost {
  border-color: white;
  background-color: transparent !important;
}
/* line 66, ./visual/css/components/btn.scss */
.btn_hidden {
  visibility: hidden;
  transform: scale(0);
  pointer-events: none;
  transition: all 0.4s ease, visibility 0.4s step-end;
}
/* line 73, ./visual/css/components/btn.scss */
.btn__icon {
  display: block;
  height: 40%;
}
/* line 76, ./visual/css/components/btn.scss */
.btn__icon_lg {
  height: 50%;
}
/* line 82, ./visual/css/components/btn.scss */
.btn_win {
  flex-direction: column;
  padding: 0;
  width: 100px;
  height: 100px;
  border-radius: 100%;
  text-align: center;
}
@media (max-width: 767px) {
  .btn_win {
    width: 10vw;
    height: 10vw;
  }
}
/* line 93, ./visual/css/components/btn.scss */
.btn_win .btn__icon {
  height: auto;
  width: 46%;
}
/* line 97, ./visual/css/components/btn.scss */
.btn_win .btn__caption {
  display: block;
  font-size: 12px;
  font-weight: bold;
}
@media (max-width: 767px) {
  .btn_win .btn__caption {
    font-size: 1.2vw;
  }
}
/* line 106, ./visual/css/components/btn.scss */
/* line 107, ./visual/css/components/btn.scss */
.btn_scroll .btn__icon {
  animation: btnScroll 1s infinite;
}
@keyframes btnScroll {
  /* line 110, ./visual/css/components/btn.scss */
  0% {
    transform: translate3d(0, -15%, 0);
  }
  /* line 113, ./visual/css/components/btn.scss */
  50% {
    transform: translate3d(0, 15%, 0);
  }
  /* line 116, ./visual/css/components/btn.scss */
  100% {
    transform: translate3d(0, -15%, 0);
  }
}
/* line 121, ./visual/css/components/btn.scss */
.btn_scroll .btn__caption {
  position: absolute;
  top: 120%;
  white-space: nowrap;
}
/* line 1, ./visual/css/components/burger.scss */
.burger {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: flex-end;
  width: 25px;
  cursor: pointer;
}
@media (min-width: 1366px) {
  .burger {
    width: 50px;
  }
}
/* line 11, ./visual/css/components/burger.scss */
.burger__brick {
  width: 100%;
  height: 2px;
  background: #cf035c;
  transition: all 0.4s ease;
}
@media (min-width: 1366px) {
  .burger__brick {
    height: 3px;
  }
}
/* line 19, ./visual/css/components/burger.scss */
.burger__brick + .burger__brick {
  margin-top: 4px;
}
@media (min-width: 1366px) {
  .burger__brick + .burger__brick {
    margin-top: 7px;
  }
}
/* line 25, ./visual/css/components/burger.scss */
.burger__brick:nth-child(2) {
  width: 50%;
}
/* line 28, ./visual/css/components/burger.scss */
.burger__brick:nth-child(3) {
  width: 75%;
}
/* line 32, ./visual/css/components/burger.scss */
.burger__text {
  position: absolute;
  right: 140%;
  top: 0;
  bottom: 0;
  display: flex;
  flex-direction: column;
  justify-content: center;
}
/* line 41, ./visual/css/components/burger.scss */
.burger_full .burger__brick:nth-child(2) {
  width: 100%;
}
/* line 44, ./visual/css/components/burger.scss */
.burger_full .burger__brick:last-child {
  width: 100%;
}
/* line 48, ./visual/css/components/burger.scss */
.burger_red .burger__brick {
  background: #cf035c;
}
/* line 1, ./visual/css/components/lead.scss */
/* line 5, ./visual/css/components/lead.scss */
.lead__text {
  margin: 1% auto 5%;
}
/* line 8, ./visual/css/components/lead.scss */
.lead__btn {
  max-width: 160px;
  margin: 0 auto;
}
/* line 1, ./visual/css/components/soc.scss */
.soc {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  text-align: center;
}
/* line 7, ./visual/css/components/soc.scss */
.soc__title {
  margin-bottom: 10px;
}
/* line 10, ./visual/css/components/soc.scss */
.soc__list {
  display: flex;
  justify-content: center;
  align-items: center;
}
/* line 15, ./visual/css/components/soc.scss */
.soc__item {
  list-style: none;
  margin: 0px 5px 0;
}
/* line 19, ./visual/css/components/soc.scss */
.soc__link {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 2.5vw;
  height: 2.5vw;
  border: 1px solid #cf035c;
  border-radius: 100%;
  font-size: 1.5vw;
  color: white;
  text-decoration: none;
  background: #cf035c;
  transition: all 0.4s ease;
}
@media (min-width: 1366px) {
  .soc__link {
    width: 40px;
    height: 40px;
    font-size: 24px;
    border: 3px solid #cf035c;
  }
}
/* line 1, ./visual/css/components/bonus.scss */
/* line 2, ./visual/css/components/bonus.scss */
.bonus__title {
  margin-bottom: 2%;
}
/* line 5, ./visual/css/components/bonus.scss */
.bonus__score {
  line-height: 4.5vw;
  font-size: 4.5vw;
  font-weight: bold;
}
@media (min-width: 520px) {
  .bonus__score {
    line-height: 2.5vw;
    font-size: 2.5vw;
  }
}
@media (min-width: 1366px) {
  .bonus__score {
    line-height: 36px;
    font-size: 36px;
  }
}
/* line 24, ./visual/css/components/bonus.scss */
.bonus__output {
  display: flex;
}
/* line 27, ./visual/css/components/bonus.scss */
.bonus__link {
  display: block;
  width: 100%;
  line-height: 15px;
  padding: 0 5px;
  border: none;
  outline: none;
  border-bottom: 1px solid white;
  color: white;
  font-size: 12px;
  overflow: hidden;
  text-overflow: ellipsis;
  background: none;
}
@media (min-width: 768px) {
  .bonus__link {
    line-height: 50px;
    font-size: 18px;
    padding: 0 15px;
  }
}
/* line 46, ./visual/css/components/bonus.scss */
.bonus__copy {
  white-space: nowrap;
  margin-left: 15px;
}
/* line 53, ./visual/css/components/bonus.scss */
/* line 54, ./visual/css/components/bonus.scss */
/* line 55, ./visual/css/components/bonus.scss */
.bonuses__bonus + .bonuses__bonus {
  margin-top: 2.5%;
}
@media (min-width: 768px) {
  .bonuses__bonus + .bonuses__bonus {
    margin-top: 5%;
  }
}
/* line 1, ./visual/css/components/navbar.scss */
/* line 5, ./visual/css/components/navbar.scss */
.nav__item {
  list-style: none;
  padding: 2px 0;
  border-top: 1px solid rgba(255, 255, 255, 0.5);
}
/* line 9, ./visual/css/components/navbar.scss */
.nav__item:last-child {
  border-bottom: 1px solid rgba(255, 255, 255, 0.5);
}
/* line 13, ./visual/css/components/navbar.scss */
.nav__link {
  display: block;
  line-height: 56px;
  padding: 0 10%;
  font-size: 18px;
  font-weight: bold;
  color: white;
  text-decoration: none;
  background-color: rgba(49, 40, 131, 0);
  transition: all 0.4s ease;
}
@media (max-width: 767px) {
  .nav__link {
    line-height: 20px;
    font-size: 12px;
  }
}
/* line 27, ./visual/css/components/navbar.scss */
.nav__link:hover {
  background-color: rgba(49, 40, 131, 1);
}
/* line 30, ./visual/css/components/navbar.scss */
.nav__link.active {
  background-color: rgba(49, 40, 131, 1);
  cursor: default;
}
/* line 38, ./visual/css/components/navbar.scss */
.navbar {
  width: 100%;
  height: 100%;
  position: fixed;
  top: 0;
  left: 0;
  z-index: 1000;
  transition: all 0.4s ease;
  pointer-events: auto;
}
/* line 48, ./visual/css/components/navbar.scss */
.navbar__overlay {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  background: rgba(0, 0, 0, 0.7);
  transition: all 0.4s ease;
}
/* line 57, ./visual/css/components/navbar.scss */
.navbar__wrapper {
  width: 360px;
  height: 100%;
  position: absolute;
  top: 0;
  right: 0;
  overflow: hidden;
  transition: all 0.4s ease;
}
/* line 66, ./visual/css/components/navbar.scss */
.navbar__body {
  display: flex;
  flex-direction: column;
  justify-content: stretch;
  width: 360px;
  height: 100%;
  padding: 4vh 3vw;
  position: absolute;
  top: 0;
  right: 0;
  background: #cf035c;
}
/* line 78, ./visual/css/components/navbar.scss */
.navbar__viewport {
  overflow: auto;
}
/* line 81, ./visual/css/components/navbar.scss */
.navbar__burger {
  margin: 0 0 10% auto;
}
/* line 84, ./visual/css/components/navbar.scss */
.navbar__soc {
  margin-top: 40px;
}
/* line 88, ./visual/css/components/navbar.scss */
/* line 89, ./visual/css/components/navbar.scss */
.navbar.hidden .navbar__overlay {
  opacity: 0;
}
/* line 92, ./visual/css/components/navbar.scss */
.navbar.hidden .navbar__wrapper {
  width: 0;
}
/* line 1, ./visual/css/components/prizes.scss */
.prize {
  display: flex;
  flex-direction: column;
  text-align: center;
}
/* line 5, ./visual/css/components/prizes.scss */
.prize__icon {
  display: block;
  margin: 0 auto 5%;
  width: 5vw;
  max-width: 60px;
}
/* line 14, ./visual/css/components/prizes.scss */
.prize__text {
  line-height: 1.55vw;
}
@media (min-width: 1366px) {
  .prize__text {
    line-height: 23px;
  }
}
/* line 23, ./visual/css/components/prizes.scss */
/* line 24, ./visual/css/components/prizes.scss */
.prizes__list {
  display: flex;
  justify-content: center;
  align-items: flex-start;
}
/* line 29, ./visual/css/components/prizes.scss */
.prizes__prize {
  max-width: 150px;
  margin: 0 10px;
}
/* line 1, ./visual/css/components/form.scss */
.form {
  display: flex;
  flex-direction: column;
  align-items: center;
}
/* line 5, ./visual/css/components/form.scss */
.form__table {
  width: 100%;
}
/* line 11, ./visual/css/components/form.scss */
.form__cell {
  vertical-align: top;
  padding-bottom: 0.5vw;
}
@media (min-width: 768px) {
  .form__cell {
    padding-bottom: 10px;
  }
}
/* line 18, ./visual/css/components/form.scss */
.form__label {
  display: block;
  padding-right: 10px;
  line-height: 2.5vw;
  font-size: 1.5vw;
  font-weight: bold;
  text-align: right;
}
@media (min-width: 768px) {
  .form__label {
    line-height: 25px;
    font-size: 12px;
  }
}
/* line 30, ./visual/css/components/form.scss */
.form__message {
  font-size: 12px;
  color: #e30613;
  text-align: left;
}
/* line 35, ./visual/css/components/form.scss */
.form__input {
  display: block;
  width: 100%;
  line-height: 2.5vw;
  border: none;
  border-bottom: 1px solid #c9c9c9;
  margin-right: 1vw;
  font-size: 1.2vw;
  outline: none;
  background: transparent;
}
@media (min-width: 768px) {
  .form__input {
    line-height: 25px;
    margin-right: 10px;
    font-size: 12px;
  }
}
/* line 54, ./visual/css/components/form.scss */
.form__submit {
  margin: 35px 0 0;
  border-color: #312883;
  background: #312883;
}
/* line 58, ./visual/css/components/form.scss */
.form__submit:hover {
  border-color: #cf035c;
  background: #cf035c;
}
/* line 63, ./visual/css/components/form.scss */
.form__error {
  color: #cf035c;
}
/* line 1, ./visual/css/components/auth.scss */
.auth {
  position: absolute;
  width: 90%;
  transition: all 0.4s ease 0.4s;
}
@media (min-width: 768px) {
  .auth {
    width: 60%;
    min-width: 420px;
  }
}
/* line 9, ./visual/css/components/auth.scss */
.auth.hidden {
  opacity: 0;
  transition-delay: 0s;
}
/* line 13, ./visual/css/components/auth.scss */
.auth__title {
  margin-bottom: 1%;
}
@media (min-width: 768px) {
  .auth__title {
    margin-bottom: 5%;
  }
}
/* line 19, ./visual/css/components/auth.scss */
/* line 20, ./visual/css/components/auth.scss */
.auth__soc .soc__link {
  width: 5vw;
  height: 5vw;
  font-size: 3.5vw;
  border-color: #312883;
  background: #312883;
}
/* line 26, ./visual/css/components/auth.scss */
.auth__soc .soc__link:hover {
  border-color: #cf035c;
  background: #cf035c;
}
/* line 32, ./visual/css/components/auth.scss */
.auth__form {
  width: 100%;
}
/* line 35, ./visual/css/components/auth.scss */
.auth__links {
  margin: 3% 0;
  font-size: 1.2vw;
}
@media (min-width: 768px) {
  .auth__links {
    font-size: 14px;
  }
}
@media (min-width: 1366px) {
  .auth__links {
    margin: 5% 0;
  }
}
/* line 44, ./visual/css/components/auth.scss */
.auth__links + .form__submit {
  margin-top: 0;
}
/* line 48, ./visual/css/components/auth.scss */
.auth__link {
  color: black;
}
/* line 1, ./visual/css/components/decor.scss */
.decor {
  width: 70%;
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  margin: auto;
}
@media (max-width: 767px) {
  .decor {
    width: 60%;
  }
  /* line 11, ./visual/css/components/decor.scss */
  .decor, .decor * {
    transform: translate3d(0, 0, 0) !important;
  }
}
/* line 16, ./visual/css/components/decor.scss */
.decor__image {
  display: block;
  width: 100%;
  position: relative !important;
}
/* line 20, ./visual/css/components/decor.scss */
.decor__image + .decor__image {
  position: absolute !important;
}
/* line 1, ./visual/css/components/specs.scss */
.spec {
  display: flex;
}
/* line 4, ./visual/css/components/specs.scss */
.spec__icon {
  flex-grow: 0;
  flex-shrink: 0;
  display: block;
  width: 8vw;
  height: 8vw;
  border: 1px solid white;
  border-radius: 100%;
}
@media (min-width: 520px) {
  .spec__icon {
    width: 3.3vw;
    height: 3.3vw;
  }
}
@media (min-width: 1280px) {
  .spec__icon {
    border-width: 2px;
  }
}
@media (min-width: 1366px) {
  .spec__icon {
    width: 45px;
    height: 45px;
  }
}
/* line 24, ./visual/css/components/specs.scss */
.spec__text {
  display: flex;
  align-items: center;
  padding-left: 1.1vw;
  text-align: left;
}
@media (min-width: 1280px) {
  .spec__text {
    padding-right: 60px;
  }
}
@media (min-width: 1366px) {
  .spec__text {
    padding-left: 15px;
  }
}
/* line 39, ./visual/css/components/specs.scss */
/* line 40, ./visual/css/components/specs.scss */
/* line 41, ./visual/css/components/specs.scss */
.specs__spec + .specs__spec {
  margin-top: 0.73vw;
}
@media (min-width: 1366px) {
  .specs__spec + .specs__spec {
    margin-top: 10px;
  }
}
/* line 48, ./visual/css/components/specs.scss */
@media (max-width: 1365px) {
  .specs__spec:last-child {
    padding-right: 15%;
  }
}
/* line 1, ./visual/css/components/col.scss */
.col {
  height: 100%;
  position: absolute !important;
  top: 0;
  z-index: 30;
  overflow: hidden;
  pointer-events: auto !important;
}
@media (max-width: 767px) {
  .col {
    transform: translate3d(0, 0, 0) !important;
  }
}
/* line 20, ./visual/css/components/col.scss */
.col__viewport {
  width: 100vw;
  height: 100%;
  position: absolute;
  top: 0;
  transition: all 0.4s ease;
}
@media (max-width: 767px) {
  .col__viewport {
    transform: translate3d(0, 0, 0) !important;
  }
}
/* line 30, ./visual/css/components/col.scss */
.col__header {
  width: 100vw;
  position: absolute !important;
  top: 3vh !important;
  text-align: center;
}
/* line 36, ./visual/css/components/col.scss */
.col__title {
  color: #cf035c;
  text-transform: uppercase;
}
/* line 40, ./visual/css/components/col.scss */
.col__logo {
  display: block;
  width: auto;
  height: 80%;
  position: absolute;
  top: -100%;
  bottom: -100%;
  left: 3vw;
  margin: auto;
}
/* line 49, ./visual/css/components/col.scss */
.col__logo .logo__image {
  display: block;
  width: auto;
  height: 100%;
}
/* line 55, ./visual/css/components/col.scss */
.col__burger {
  position: absolute;
  top: -100%;
  bottom: -100%;
  right: 3vw;
  margin: auto;
}
/* line 62, ./visual/css/components/col.scss */
.col__index {
  width: 20vh;
  height: 20vh;
  line-height: 20vh;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  margin: auto;
  font-size: 20vh;
  letter-spacing: -1vh;
  font-weight: bold;
  text-align: center;
  color: #cf035c;
  transition: all 0.4s ease 1.6s;
  transform: scale(0.9, 1);
}
/* line 79, ./visual/css/components/col.scss */
.col__index.hidden {
  transition-delay: 0s;
  transform: scale(0);
}
/* line 92, ./visual/css/components/col.scss */
.col__svg-back {
  width: 52%;
  height: 100%;
  position: absolute;
  bottom: 0;
  left: 0;
  transition: all 0.4s ease 1.2s;
}
/* line 99, ./visual/css/components/col.scss */
.col__svg-back.hidden {
  opacity: 0;
  transition-delay: 0s;
}
/* line 103, ./visual/css/components/col.scss */
.col__svg-back svg {
  display: block;
  width: 100%;
  height: 100%;
  position: absolute;
  bottom: 0;
  left: 0;
}
/* line 113, ./visual/css/components/col.scss */
.col_full {
  z-index: 50;
  transform: translate3d(0, 0, 0) !important;
}
/* line 116, ./visual/css/components/col.scss */
.col_full .col__viewport {
  transform: translate3d(0, 0, 0) !important;
}
/* line 120, ./visual/css/components/col.scss */
.col_hidden {
  transform: translate3d(0, 0, 0) !important;
  z-index: 10;
}
/* line 122, ./visual/css/components/col.scss */
.col_hidden .col__viewport {
  transform: translate3d(0, 0, 0) !important;
}
/* line 125, ./visual/css/components/col.scss */
.col_hidden.col_front {
  z-index: 20;
}
/* line 130, ./visual/css/components/col.scss */
.col_left {
  left: -50vw !important;
  right: 50vw !important;
  transition: left 0.4s ease 0.4s, right 0.4s ease 0.8s;
}
/* line 137, ./visual/css/components/col.scss */
.col_left .col__viewport {
  left: 50vw !important;
  transition: left 0.4s ease 0.4s;
}
/* line 146, ./visual/css/components/col.scss */
.col_left.col_full {
  left: 0vw !important;
  right: 0vw !important;
  transition: all 0.4s ease, right 0.4s ease 0.4s, left 0.4s ease 0.8s;
}
/* line 153, ./visual/css/components/col.scss */
.col_left.col_full .col__viewport {
  left: 0vw !important;
  transition: all 0.4s ease, left 0.4s ease 0.8s;
}
/* line 160, ./visual/css/components/col.scss */
.col_left.col_hidden {
  right: 0vw !important;
  left: 100vw !important;
  transition: all 0.4s ease, right 0.4s ease 0.4s, left 0.4s ease 0.8s;
}
/* line 167, ./visual/css/components/col.scss */
.col_left.col_hidden .col__viewport {
  left: -100vw !important;
  transition: all 0.4s ease, left 0.4s ease 0.8s;
}
/* line 175, ./visual/css/components/col.scss */
.col_right {
  left: 50vw !important;
  right: -50vw !important;
  transition: right 0.4s ease 0.4s, left 0.4s ease 0.8s;
}
/* line 182, ./visual/css/components/col.scss */
.col_right .col__viewport {
  left: auto !important;
  right: 50vw !important;
  transition: right 0.4s ease 0.4s;
}
/* line 192, ./visual/css/components/col.scss */
.col_right.col_full {
  left: 0vw !important;
  transition: all 0.4s ease, left 0.4s ease 0.4s, right 0.4s ease 0.8s;
}
/* line 198, ./visual/css/components/col.scss */
.col_right.col_full .col__viewport {
  transition: all 0.4s ease 0.8s;
}
/* line 203, ./visual/css/components/col.scss */
.col_right.col_hidden {
  left: 0vw !important;
  right: 100vw !important;
  transition: all 0.4s ease, left 0.4s ease 0.4s, right 0.4s ease 0.8s;
}
/* line 210, ./visual/css/components/col.scss */
.col_right.col_hidden .col__viewport {
  right: -100vw !important;
  transition: all 0.4s ease, right 0.4s ease 0.8s;
}
/* line 221, ./visual/css/components/col.scss */
.divided {
  position: fixed;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  overflow: hidden;
}
/* line 1, ./visual/css/components/content.scss */
.content {
  width: 50vw;
  position: absolute;
  top: 10vh;
  bottom: 0;
  z-index: 100;
  pointer-events: auto;
}
/* line 9, ./visual/css/components/content.scss */
.content__inner {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100%;
  padding: 0 15% 0;
  position: absolute;
  top: 0;
  bottom: 0;
  text-align: center;
  transition: all 0.4s ease 1.2s;
}
@media (min-width: 768px) {
  .content__inner {
    padding: 0 15% 0;
  }
}
/* line 25, ./visual/css/components/content.scss */
.content__inner.hidden {
  transition: all 0.4s ease;
}
/* line 28, ./visual/css/components/content.scss */
.content__inner.main-intro {
  padding-bottom: 20%;
}
@media (min-width: 1366px) {
  .content__inner.main-intro {
    padding-bottom: 20vh;
  }
}
/* line 35, ./visual/css/components/content.scss */
.content_start {
  left: 0;
}
/* line 37, ./visual/css/components/content.scss */
.content_start .content__inner {
  left: 0;
}
/* line 39, ./visual/css/components/content.scss */
.content_start .content__inner.hidden {
  left: -50vw;
}
/* line 44, ./visual/css/components/content.scss */
.content_end {
  right: 0;
}
/* line 46, ./visual/css/components/content.scss */
.content_end .content__inner {
  right: 0;
}
/* line 48, ./visual/css/components/content.scss */
.content_end .content__inner.hidden {
  right: -50vw;
}
/* line 54, ./visual/css/components/content.scss */
.content .btn_win {
  position: absolute;
  bottom: 2vw;
  right: 2vw;
}
/* line 1, ./visual/css/components/main-intro.scss */
/* line 1, ./visual/css/components/page-intro.scss */
/* line 2, ./visual/css/components/page-intro.scss */
.page-intro__text {
  margin: 12% auto;
}
/* line 11, ./visual/css/components/page-intro.scss */
/* line 12, ./visual/css/components/page-intro.scss */
.page-intro__soc .soc__list {
  margin: 3% auto 7%;
}
/* line 16, ./visual/css/components/page-intro.scss */
.page-intro__links {
  position: absolute;
  margin-top: 3%;
  width: 100%;
}
/* line 21, ./visual/css/components/page-intro.scss */
.page-intro__link {
  font-size: 14px;
  color: white;
}
/* line 1, ./visual/css/components/prod.scss */
/* line 2, ./visual/css/components/prod.scss */
.prod-image, .prod-text {
  padding-bottom: 12vh;
}
/* line 6, ./visual/css/components/prod.scss */
.prod-text {
  align-items: flex-start;
  text-align: left;
}
/* line 12, ./visual/css/components/prod.scss */
.prod-text__text {
  margin: 2% auto 0;
}
/* line 15, ./visual/css/components/prod.scss */
.prod-text__specs {
  margin: 5% auto 3%;
}
/* line 21, ./visual/css/components/prod.scss */
.prod-text__win-btn.btn_win {
  bottom: 7vw;
}
/* line 24, ./visual/css/components/prod.scss */
.prod-text__disclaimer {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 100vw;
  height: 12vh;
  position: fixed;
  bottom: 0;
  left: 0;
  z-index: 500;
  background: white;
  transition: all 0.4s ease 1.2s;
}
/* line 37, ./visual/css/components/prod.scss */
.prod-text__disclaimer img {
  display: block;
  max-width: 70%;
  max-height: 70%;
}
/* line 42, ./visual/css/components/prod.scss */
.hidden .prod-text__disclaimer {
  bottom: -30vh;
  transition-delay: 0s;
}
/* line 48, ./visual/css/components/prod.scss */
/* line 49, ./visual/css/components/prod.scss */
.prod-image__image {
  display: block;
  max-width: 100%;
  max-height: 100%;
}
/* line 1, ./visual/css/components/hack.scss */
/* line 2, ./visual/css/components/hack.scss */
.hack-text {
  align-items: flex-start;
  text-align: left;
}
/* line 5, ./visual/css/components/hack.scss */
.hack-text__title {
  color: #cf035c;
}
/* line 8, ./visual/css/components/hack.scss */
.hack-text__text {
  margin: 3% auto 5%;
}
/* line 11, ./visual/css/components/hack.scss */
.hack-text__additional {
  border-left: 10px solid #cf035c;
  padding-left: 15px;
  padding-right: 60px;
  font-weight: bold;
}
/* line 17, ./visual/css/components/hack.scss */
.hack-text__scroll-btn {
  position: fixed;
  bottom: 2vw;
  left: 0;
  right: 0;
  margin: auto;
  border-color: #312883;
  background: #312883;
  transition-delay: 1.6s;
}
/* line 26, ./visual/css/components/hack.scss */
.hidden .hack-text__scroll-btn {
  bottom: -10vw;
  transition-delay: 0s;
}
/* line 31, ./visual/css/components/hack.scss */
.hack-text__win-btn {
  background: #312883;
}
/* line 36, ./visual/css/components/hack.scss */
/* line 37, ./visual/css/components/hack.scss */
.hack-image__image {
  display: block;
  max-width: 80%;
  max-height: 80%;
  position: absolute !important;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  margin: auto;
}
/* line 48, ./visual/css/components/hack.scss */
.hack-image__svg-container {
  display: flex !important;
  justify-content: center;
  align-items: center;
  width: 80%;
  height: 80%;
}
/* line 54, ./visual/css/components/hack.scss */
.hack-image__svg-container svg {
  display: block;
  width: 100%;
  height: 100%;
  max-height: 600px;
}
/* line 59, ./visual/css/components/hack.scss */
.hack-image__svg-container svg #drops1 {
  animation: svgDrops1 1.5s infinite linear;
}
/* line 62, ./visual/css/components/hack.scss */
.hack-image__svg-container svg #drops2 {
  animation: svgDrops2 1.5s infinite linear 0.5s;
}
/* line 65, ./visual/css/components/hack.scss */
.hack-image__svg-container svg #drops3 {
  animation: svgDrops3 1.5s infinite linear 1s;
}
@keyframes svgDrops1 {
  /* line 69, ./visual/css/components/hack.scss */
  0% {
    transform: translate3d(0, 0, 0);
  }
  /* line 72, ./visual/css/components/hack.scss */
  100% {
    transform: translate3d(30px, 200px, 0);
  }
}
@keyframes svgDrops2 {
  /* line 77, ./visual/css/components/hack.scss */
  0% {
    transform: translate3d(0, 0, 0);
  }
  /* line 80, ./visual/css/components/hack.scss */
  100% {
    transform: translate3d(50px, 220px, 0);
  }
}
@keyframes svgDrops3 {
  /* line 85, ./visual/css/components/hack.scss */
  0% {
    transform: translate3d(0, 0, 0);
  }
  /* line 88, ./visual/css/components/hack.scss */
  100% {
    transform: translate3d(40px, 190px, 0);
  }
}
/* line 92, ./visual/css/components/hack.scss */
.hack-image__svg-container svg #items {
  animation: items 10s infinite;
  transform-origin: 41% 36%;
}
@keyframes items {
  /* line 97, ./visual/css/components/hack.scss */
  0% {
    transform: rotate(0deg);
  }
  /* line 100, ./visual/css/components/hack.scss */
  50% {
    transform: rotate(25deg);
  }
  /* line 103, ./visual/css/components/hack.scss */
  100% {
    transform: rotate(0deg);
  }
}
/* line 107, ./visual/css/components/hack.scss */
.hack-image__svg-container svg #note1 {
  animation: note 6s infinite;
}
/* line 110, ./visual/css/components/hack.scss */
.hack-image__svg-container svg #note2 {
  animation: note 6s infinite 0.5s;
}
/* line 113, ./visual/css/components/hack.scss */
.hack-image__svg-container svg #note3 {
  animation: note 6s infinite 1s;
}
/* line 116, ./visual/css/components/hack.scss */
.hack-image__svg-container svg #note4 {
  animation: note 6s infinite 1.5s;
}
@keyframes note {
  /* line 120, ./visual/css/components/hack.scss */
  0% {
    transform: rotate(0deg);
  }
  /* line 123, ./visual/css/components/hack.scss */
  10% {
    transform: rotate(5deg);
  }
  /* line 126, ./visual/css/components/hack.scss */
  40% {
    transform: rotate(0deg);
  }
  /* line 129, ./visual/css/components/hack.scss */
  100% {
    transform: rotate(0deg);
  }
}
/* line 134, ./visual/css/components/hack.scss */
.hack-image__svg-container svg #cloud41 {
  animation: cloud41 20s infinite linear;
}
@keyframes cloud41 {
  /* line 137, ./visual/css/components/hack.scss */
  0% {
    transform: translate3d(-50%, 0%, 0);
  }
  /* line 140, ./visual/css/components/hack.scss */
  100% {
    transform: translate3d(50%, 0%, 0);
  }
}
/* line 145, ./visual/css/components/hack.scss */
.hack-image__svg-container svg #cloud42 {
  animation: cloud42 20s infinite linear;
}
@keyframes cloud42 {
  /* line 148, ./visual/css/components/hack.scss */
  0% {
    transform: translate3d(-50%, 0%, 0);
  }
  /* line 151, ./visual/css/components/hack.scss */
  100% {
    transform: translate3d(50%, 0%, 0);
  }
}
/* line 156, ./visual/css/components/hack.scss */
.hack-image__svg-container svg #cloud43 {
  animation: cloud43 20s infinite linear;
}
@keyframes cloud43 {
  /* line 159, ./visual/css/components/hack.scss */
  0% {
    transform: translate3d(-50%, 0%, 0);
  }
  /* line 162, ./visual/css/components/hack.scss */
  100% {
    transform: translate3d(80%, 0%, 0);
  }
}
/* line 167, ./visual/css/components/hack.scss */
.hack-image__svg-container svg #cloud44 {
  animation: cloud44 20s infinite linear;
}
@keyframes cloud44 {
  /* line 170, ./visual/css/components/hack.scss */
  0% {
    transform: translate3d(-50%, 0%, 0);
  }
  /* line 173, ./visual/css/components/hack.scss */
  100% {
    transform: translate3d(30%, 0%, 0);
  }
}
/* line 178, ./visual/css/components/hack.scss */
.hack-image__svg-container svg #tower4 {
  animation: tower4 10s infinite;
}
@keyframes tower4 {
  /* line 181, ./visual/css/components/hack.scss */
  0% {
    transform: scale(0.9) translate3d(5%, 25%, 0);
  }
  /* line 184, ./visual/css/components/hack.scss */
  50% {
    transform: scale(1.1) translate3d(-5%, -5%, 0);
  }
  /* line 187, ./visual/css/components/hack.scss */
  100% {
    transform: scale(0.9) translate3d(5%, 25%, 0);
  }
}
/* line 192, ./visual/css/components/hack.scss */
.hack-image__svg-container svg #statue4 {
  animation: statue4 9s infinite;
}
@keyframes statue4 {
  /* line 196, ./visual/css/components/hack.scss */
  0% {
    transform: scale(1.1) translate3d(-5%, -5%, 0);
  }
  /* line 199, ./visual/css/components/hack.scss */
  50% {
    transform: scale(0.9) translate3d(5%, 25%, 0);
  }
  /* line 202, ./visual/css/components/hack.scss */
  100% {
    transform: scale(1.1) translate3d(-5%, -5%, 0);
  }
}
/* line 208, ./visual/css/components/hack.scss */
.hack-image__svg-container svg #sweat61 {
  animation: sweat61 0.85s infinite linear;
}
@keyframes sweat61 {
  /* line 211, ./visual/css/components/hack.scss */
  0% {
    transform: translate3d(0, 0, 0);
  }
  /* line 214, ./visual/css/components/hack.scss */
  100% {
    transform: translate3d(-23%, 7%, 0);
  }
}
/* line 219, ./visual/css/components/hack.scss */
.hack-image__svg-container svg #sweat62 {
  animation: sweat62 1s infinite linear;
}
@keyframes sweat62 {
  /* line 222, ./visual/css/components/hack.scss */
  0% {
    transform: translate3d(0, 0, 0);
  }
  /* line 225, ./visual/css/components/hack.scss */
  100% {
    transform: translate3d(13%, 7%, 0);
  }
}
/* line 230, ./visual/css/components/hack.scss */
.hack-image__svg-container svg #sweat63 {
  animation: sweat63 1.1s infinite linear;
}
@keyframes sweat63 {
  /* line 233, ./visual/css/components/hack.scss */
  0% {
    transform: translate3d(0, 0, 0);
  }
  /* line 236, ./visual/css/components/hack.scss */
  100% {
    transform: translate3d(-13%, 9%, 0);
  }
}
/* line 241, ./visual/css/components/hack.scss */
.hack-image__svg-container svg #sweat64 {
  animation: sweat64 0.8s infinite linear;
}
@keyframes sweat64 {
  /* line 244, ./visual/css/components/hack.scss */
  0% {
    transform: translate3d(0, 0, 0);
  }
  /* line 247, ./visual/css/components/hack.scss */
  100% {
    transform: translate3d(-9%, 10%, 0);
  }
}
/* line 252, ./visual/css/components/hack.scss */
.hack-image__svg-container svg #sweat65 {
  animation: sweat65 1.2s infinite linear;
}
@keyframes sweat65 {
  /* line 255, ./visual/css/components/hack.scss */
  0% {
    transform: translate3d(0, 0, 0);
  }
  /* line 258, ./visual/css/components/hack.scss */
  100% {
    transform: translate3d(-7%, 7%, 0);
  }
}
/* line 263, ./visual/css/components/hack.scss */
.hack-image__svg-container svg #sweat66 {
  animation: sweat66 0.9s infinite linear;
}
@keyframes sweat66 {
  /* line 266, ./visual/css/components/hack.scss */
  0% {
    transform: translate3d(0, 0, 0);
  }
  /* line 269, ./visual/css/components/hack.scss */
  100% {
    transform: translate3d(17%, 3%, 0);
  }
}
/* line 274, ./visual/css/components/hack.scss */
.hack-image__svg-container svg #sweat67 {
  animation: sweat67 1.15s infinite linear;
}
@keyframes sweat67 {
  /* line 277, ./visual/css/components/hack.scss */
  0% {
    transform: translate3d(0, 0, 0);
  }
  /* line 280, ./visual/css/components/hack.scss */
  100% {
    transform: translate3d(7%, 13%, 0);
  }
}
/* line 285, ./visual/css/components/hack.scss */
.hack-image__svg-container svg #sweat68 {
  animation: sweat68 0.95s infinite linear;
}
@keyframes sweat68 {
  /* line 288, ./visual/css/components/hack.scss */
  0% {
    transform: translate3d(0, 0, 0);
  }
  /* line 291, ./visual/css/components/hack.scss */
  100% {
    transform: translate3d(7%, 13%, 0);
  }
}
/* line 298, ./visual/css/components/hack.scss */
.hack-image__svg-container svg #cloud81 {
  animation: cloud81 20s infinite linear;
}
@keyframes cloud81 {
  /* line 301, ./visual/css/components/hack.scss */
  0% {
    transform: translate3d(-40%, 0%, 0);
  }
  /* line 304, ./visual/css/components/hack.scss */
  100% {
    transform: translate3d(100%, 0%, 0);
  }
}
/* line 309, ./visual/css/components/hack.scss */
.hack-image__svg-container svg #cloud82 {
  animation: cloud82 30s infinite linear;
}
@keyframes cloud82 {
  /* line 312, ./visual/css/components/hack.scss */
  0% {
    transform: translate3d(80%, 0%, 0);
  }
  /* line 315, ./visual/css/components/hack.scss */
  80% {
    transform: translate3d(100%, 0%, 0);
  }
  /* line 318, ./visual/css/components/hack.scss */
  80.5% {
    transform: translate3d(0%, 0%, 0);
  }
  /* line 321, ./visual/css/components/hack.scss */
  100% {
    transform: translate3d(80%, 0%, 0);
  }
}
/* line 326, ./visual/css/components/hack.scss */
.hack-image__svg-container svg #cloud83 {
  animation: cloud83 25s infinite linear;
}
@keyframes cloud83 {
  /* line 329, ./visual/css/components/hack.scss */
  0% {
    transform: translate3d(20%, 0%, 0);
  }
  /* line 332, ./visual/css/components/hack.scss */
  100% {
    transform: translate3d(100%, 0%, 0);
  }
}
/* line 339, ./visual/css/components/hack.scss */
.hack-image__svg-container svg #hat9 {
  animation: hat9 2s infinite linear;
  transform-origin: 0, 0;
}
@keyframes hat9 {
  /* line 343, ./visual/css/components/hack.scss */
  0% {
    transform: rotate(0deg) translate3d(0, 0, 0);
  }
  /* line 346, ./visual/css/components/hack.scss */
  50% {
    transform: rotate(15deg) translate3d(0.3%, -6.4%, 0);
  }
  /* line 349, ./visual/css/components/hack.scss */
  100% {
    transform: rotate(0deg) translate3d(0, 0, 0);
  }
}
/* line 355, ./visual/css/components/hack.scss */
.hack-image__svg-container svg #win101, .hack-image__svg-container svg #win102, .hack-image__svg-container svg #win103, .hack-image__svg-container svg #win104 {
  animation: win10 5s infinite linear;
}
@keyframes win10 {
  /* line 361, ./visual/css/components/hack.scss */
  0% {
    opacity: 0;
  }
  /* line 364, ./visual/css/components/hack.scss */
  1% {
    opacity: 1;
  }
  /* line 367, ./visual/css/components/hack.scss */
  50% {
    opacity: 1;
  }
  /* line 370, ./visual/css/components/hack.scss */
  51% {
    opacity: 0;
  }
  /* line 373, ./visual/css/components/hack.scss */
  100% {
    opacity: 0;
  }
}
/* line 378, ./visual/css/components/hack.scss */
.hack-image__svg-container svg #win102 {
  animation-delay: 3s;
}
/* line 381, ./visual/css/components/hack.scss */
.hack-image__svg-container svg #win103 {
  animation-delay: 1s;
}
/* line 384, ./visual/css/components/hack.scss */
.hack-image__svg-container svg #win104 {
  animation-delay: 5s;
}
/* line 388, ./visual/css/components/hack.scss */
.hack-image__svg-container svg #arrow111, .hack-image__svg-container svg #arrow112 {
  animation: arrow11 10s infinite linear;
}
@keyframes arrow11 {
  /* line 392, ./visual/css/components/hack.scss */
  0% {
    transform: rotate(0deg);
  }
  /* line 395, ./visual/css/components/hack.scss */
  100% {
    transform: rotate(360deg);
  }
}
/* line 400, ./visual/css/components/hack.scss */
.hack-image__svg-container svg #arrow111 {
  animation-dration: 60s;
  transform-origin: 304px 55px;
}
/* line 404, ./visual/css/components/hack.scss */
.hack-image__svg-container svg #arrow112 {
  transform-origin: 307px 54px;
}
/* line 418, ./visual/css/components/hack.scss */
.hack-image__svg-container svg #smoke11 {
  animation: smoke11 10s infinite linear;
}
@keyframes smoke11 {
  /* line 421, ./visual/css/components/hack.scss */
  0% {
    transform: scale(1) translate3d(0, 0, 0);
  }
  /* line 424, ./visual/css/components/hack.scss */
  50% {
    transform: scale(1, 1.5) translate3d(0, -13.6%, 0);
  }
  /* line 427, ./visual/css/components/hack.scss */
  100% {
    transform: scale(1, 1) translate3d(0, 0, 0);
  }
}
/* line 432, ./visual/css/components/hack.scss */
.hack-image__svg-container svg #power14 {
  animation: power14 2s infinite linear;
}
@keyframes power14 {
  /* line 435, ./visual/css/components/hack.scss */
  0% {
    opacity: 0;
  }
  /* line 438, ./visual/css/components/hack.scss */
  1% {
    opacity: 1;
  }
  /* line 441, ./visual/css/components/hack.scss */
  50% {
    opacity: 1;
  }
  /* line 444, ./visual/css/components/hack.scss */
  51% {
    opacity: 0;
  }
  /* line 447, ./visual/css/components/hack.scss */
  100% {
    opacity: 0;
  }
}
/* line 453, ./visual/css/components/hack.scss */
.hack-image__svg-container.wide svg {
  width: 50vw;
  max-height: 450px;
  flex-shrink: 0;
}
/* line 464, ./visual/css/components/hack.scss */
#arrow121, #arrow122, #arrow123 {
  animation: arrow12 30s infinite;
}
@keyframes arrow12 {
  /* line 469, ./visual/css/components/hack.scss */
  0% {
    transform: translate3d(-25%, 25%, 0);
  }
  /* line 472, ./visual/css/components/hack.scss */
  50% {
    transform: translate3d(5%, -5%, 0);
  }
  /* line 475, ./visual/css/components/hack.scss */
  100% {
    transform: translate3d(-25%, 25%, 0);
  }
}
/* line 480, ./visual/css/components/hack.scss */
#arrow122 {
  animation-delay: 3s;
  transform: translate3d(-25%, 25%, 0);
}
/* line 484, ./visual/css/components/hack.scss */
#arrow123 {
  animation-delay: 6s;
  transform: translate3d(-25%, 25%, 0);
}
/* line 1, ./visual/css/components/test.scss */
.reaction {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  padding: inherit;
  transition: all 0.4s ease;
}
/* line 10, ./visual/css/components/test.scss */
.reaction__back {
  height: 100vh;
  overflow: hidden;
  position: absolute !important;
  top: auto !important;
  bottom: 0;
  left: 0vw !important;
  right: -50vw;
  background: rgba(0, 0, 0, 0.5);
  transition: opacity 0.4s ease;
}
/* line 20, ./visual/css/components/test.scss */
.reaction__back .col__header {
  left: -50vw !important;
}
/* line 24, ./visual/css/components/test.scss */
.reaction__content {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 100%;
  padding: inherit;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  transition: all 0.4s ease;
}
/* line 40, ./visual/css/components/test.scss */
.reaction__text {
  margin: 3% auto 7%;
}
/* line 46, ./visual/css/components/test.scss */
/* line 47, ./visual/css/components/test.scss */
.reaction.hidden .reaction__back {
  opacity: 0;
}
/* line 50, ./visual/css/components/test.scss */
.reaction.hidden .reaction__content {
  left: 100%;
}
/* line 57, ./visual/css/components/test.scss */
/* line 58, ./visual/css/components/test.scss */
.test-question {
  padding-bottom: 10%;
}
@media (min-width: 1366px) {
  .test-question {
    padding-bottom: 0%;
  }
}
/* line 63, ./visual/css/components/test.scss */
.test-question__answers {
  width: 100%;
  margin-top: 3.29vw;
}
@media (min-width: 1366px) {
  .test-question__answers {
    margin-top: 45px;
  }
}
/* line 70, ./visual/css/components/test.scss */
.test-question__answer {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 100%;
  min-height: 5.49vw;
  padding: 3.1vw 1.46vw;
  border-radius: 2.2vw;
  font-family: 'DinPro';
  font-size: 3.32vw;
  text-align: center;
  text-decoration: none;
  color: black;
  background: #e5e5e5;
  cursor: pointer;
  transition: all 0.4s ease;
}
@media (min-width: 520px) {
  .test-question__answer {
    padding: 1.1vw 1.46vw;
    font-size: 1.32vw;
  }
}
@media (min-width: 1366px) {
  .test-question__answer {
    min-height: 75px;
    padding: 15px 20px;
    border-radius: 25px;
    font-size: 18px;
  }
}
/* line 97, ./visual/css/components/test.scss */
.test-question__answer:not(.disabled):hover, .test-question__answer.selected {
  color: white;
  background: #cf035c;
}
/* line 102, ./visual/css/components/test.scss */
.test-question__answer.disabled {
  cursor: default;
}
/* line 105, ./visual/css/components/test.scss */
.test-question__answer + .test-question__answer {
  margin-top: 1.1vw;
}
@media (min-width: 1366px) {
  .test-question__answer + .test-question__answer {
    margin-top: 15px;
  }
}
/* line 112, ./visual/css/components/test.scss */
.test-question__win-btn {
  left: 2vw;
  right: auto;
  background: #312883;
  border-color: #312883;
}
/* line 120, ./visual/css/components/test.scss */
/* line 121, ./visual/css/components/test.scss */
.test-image__image {
  display: block;
  width: 70%;
}
/* line 125, ./visual/css/components/test.scss */
@media (max-width: 767px) {
  .test-image__reaction {
    transform: translate3d(0, 0, 0) !important;
  }
}
/* line 1, ./visual/css/components/result.scss */
/* line 2, ./visual/css/components/result.scss */
.result-text {
  padding-bottom: 10%;
}
@media (min-width: 768px) {
  .result-text {
    padding-bottom: 20%;
  }
}
/* line 13, ./visual/css/components/result.scss */
.result-text__subtitle {
  color: #cf035c;
  margin: 3% auto 3%;
}
/* line 18, ./visual/css/components/result.scss */
/* line 19, ./visual/css/components/result.scss */
.result-controls__subtitle {
  margin-bottom: 3%;
}
@media (min-width: 768px) {
  .result-controls__subtitle {
    margin-bottom: 6%;
  }
}
/* line 25, ./visual/css/components/result.scss */
.result-controls .bonus__btn {
  max-width: 220px;
  margin: 0 auto;
}
/* line 29, ./visual/css/components/result.scss */
.result-controls__btn-scroll {
  margin-top: 5%;
}
@media (min-width: 768px) {
  .result-controls__btn-scroll {
    margin-top: 10%;
  }
}
/* line 1, ./visual/css/components/vicscore.scss */
/* line 2, ./visual/css/components/vicscore.scss */
.owl-stage {
  display: flex;
}
/* line 4, ./visual/css/components/vicscore.scss */
.owl-stage-outer {
  overflow: hidden;
}
/* line 14, ./visual/css/components/vicscore.scss */
.owl-nav {
  display: none;
}
/* line 20, ./visual/css/components/vicscore.scss */
.participant {
  display: flex;
  justify-content: center;
  align-items: center;
}
/* line 24, ./visual/css/components/vicscore.scss */
.participant__index {
  flex-shrink: 0;
  display: flex;
  justify-content: center;
  align-items: center;
  width: 5vh;
  height: 5vh;
  margin-right: 5px;
  border-radius: 50px;
  font-weight: bold;
  background: #cf035c;
}
/* line 40, ./visual/css/components/vicscore.scss */
.participant__data {
  display: flex;
  justify-content: space-between;
  align-items: center;
  width: 100%;
  height: 5vh;
  padding: 0 25px;
  border-radius: 50px;
  background: #24195d;
}
/* line 56, ./visual/css/components/vicscore.scss */
.participant__score {
  font-weight: bold;
}
/* line 65, ./visual/css/components/vicscore.scss */
.vicscore {
  z-index: 110;
}
/* line 67, ./visual/css/components/vicscore.scss */
.vicscore__wrapper {
  display: flex;
  justify-content: center;
  width: 1px;
  margin: 0 auto 0 0;
  position: absolute;
  left: 0;
}
/* line 75, ./visual/css/components/vicscore.scss */
.vicscore__table {
  flex-shrink: 0;
  width: 50vw;
  max-width: 900px;
  right: 0vw;
  transition: all 0.4s ease 1.2s;
}
/* line 85, ./visual/css/components/vicscore.scss */
/* line 86, ./visual/css/components/vicscore.scss */
.vicscore__participant + .vicscore__participant {
  margin-top: 1vh;
}
/* line 94, ./visual/css/components/vicscore.scss */
.vicscore__pagination {
  display: flex;
  justify-content: center;
  margin-top: 1vw;
}
/* line 102, ./visual/css/components/vicscore.scss */
.vicscore__page {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 5vh;
  height: 5vh;
  border: 1px solid white;
  border-radius: 100%;
  color: white;
  font-size: 2vw;
  font-weight: bold;
  cursor: pointer;
  transition: all 0.4s ease;
}
@media (min-width: 1366px) {
  .vicscore__page {
    border-width: 3px;
    font-size: 18px;
  }
}
/* line 121, ./visual/css/components/vicscore.scss */
.vicscore__page.active {
  border-color: #cf035c;
  background: #cf035c;
}
/* line 125, ./visual/css/components/vicscore.scss */
.vicscore__page + .vicscore__page {
  margin-left: 1vh;
}
/* line 129, ./visual/css/components/vicscore.scss */
.vicscore__title {
  margin-bottom: 2%;
}
/* line 135, ./visual/css/components/vicscore.scss */
.hidden .vicscore__table {
  right: -60vw;
  transition: all 0.4s ease;
}
/* line 1, ./visual/css/components/theme.scss */
/* line 2, ./visual/css/components/theme.scss */
/* line 3, ./visual/css/components/theme.scss */
.theme_white-inverse .col__title, .theme_white-inverse .col__index {
  color: #312883;
}
/* line 7, ./visual/css/components/theme.scss */
.theme_white-inverse .page-intro__link {
  color: black;
}
/* line 11, ./visual/css/components/theme.scss */
.theme_red {
  color: white;
}
/* line 13, ./visual/css/components/theme.scss */
.theme_red.col {
  background-color: #cf035c;
}
/* line 15, ./visual/css/components/theme.scss */
.theme_red.col .col__viewport {
  background-image: url(/visual/images/back-hacks.png);
  background-position: center;
  background-size: 80% auto;
  background-repeat: no-repeat;
}
/* line 22, ./visual/css/components/theme.scss */
.theme_red .col__title, .theme_red .lead__title, .theme_red .col__index {
  color: #312883;
}
/* line 27, ./visual/css/components/theme.scss */
.theme_red .burger__brick {
  background-color: white;
}
/* line 30, ./visual/css/components/theme.scss */
.theme_red .btn:not(.btn_ghost) {
  border-color: #312883;
  background-color: #312883;
}
/* line 34, ./visual/css/components/theme.scss */
.theme_red .soc__link {
  border-color: white;
}
/* line 38, ./visual/css/components/theme.scss */
.theme_blue {
  color: white;
}
/* line 40, ./visual/css/components/theme.scss */
.theme_blue.col {
  background-color: #312883;
}
/* line 42, ./visual/css/components/theme.scss */
.theme_blue.col .col__viewport {
  background-image: url(/visual/images/back-test.png);
  background-position: center;
  background-size: 80% auto;
  background-repeat: no-repeat;
}
/* line 49, ./visual/css/components/theme.scss */
.theme_blue .col__title, .theme_blue .lead__title, .theme_blue .result-controls__subtitle, .theme_blue .bonus__score {
  color: #cf035c;
}
/* line 55, ./visual/css/components/theme.scss */
.theme_blue .burger__brick {
  background-color: white;
}
/* line 58, ./visual/css/components/theme.scss */
.theme_blue .reaction {
  color: white;
}
/* line 54, ./visual/css/style.scss */
* {
  position: relative;
  margin: 0;
  padding: 0;
  box-sizing: border-box;
}
/* line 60, ./visual/css/style.scss */
html {
  width: 100%;
  height: 100%;
}
/* line 64, ./visual/css/style.scss */
body {
  width: 100%;
  height: 100%;
  font-family: 'Roboto';
  color: black;
  background: white;
}
/* line 73, ./visual/css/style.scss */
h1 {
  font-size: 9.27vw;
  line-height: 9.59vw;
  font-weight: bold;
  text-transform: uppercase;
}
@media (min-width: 520px) {
  h1 {
    font-size: 4vw;
    line-height: 4.25vw;
  }
}
@media (min-width: 1366px) {
  h1 {
    font-size: 60px;
    line-height: 70px;
  }
}
/* line 87, ./visual/css/style.scss */
h2 {
  font-family: 'DinPro';
  font-size: 5vw;
  line-height: 5vw;
  font-weight: bold;
  text-transform: uppercase;
}
@media (min-width: 520px) {
  h2 {
    font-size: 3.51vw;
    line-height: 4.1vw;
  }
}
@media (min-width: 1366px) {
  h2 {
    font-size: 48px;
    line-height: 56px;
  }
}
/* line 102, ./visual/css/style.scss */
h3 {
  font-family: 'DinPro';
  font-size: 6.64vw;
  line-height: 7.37vw;
  font-weight: bold;
}
@media (min-width: 520px) {
  h3 {
    font-size: 2vw;
    line-height: 3vw;
  }
}
@media (min-width: 1366px) {
  h3 {
    font-size: 36px;
    line-height: 46px;
  }
}
/* line 116, ./visual/css/style.scss */
h5 {
  font-family: 'DinPro';
  font-size: 3.7vw;
  line-height: 4.8vw;
  font-weight: bold;
}
@media (min-width: 520px) {
  h5 {
    font-size: 1.76vw;
    line-height: 2.34vw;
  }
}
@media (min-width: 1366px) {
  h5 {
    font-size: 21px;
    line-height: 28px;
  }
}
/* line 130, ./visual/css/style.scss */
h6 {
  font-family: 'DinPro';
  font-size: 3.4vw;
  line-height: 4.3vw;
  font-weight: normal;
}
@media (min-width: 520px) {
  h6 {
    font-size: 1.46vw;
    line-height: 2.34vw;
  }
}
@media (min-width: 1366px) {
  h6 {
    font-size: 18px;
    line-height: 28px;
  }
}
/* line 144, ./visual/css/style.scss */
p {
  font-size: 3.2vw;
  line-height: 3.7vw;
  font-family: 'DinPro';
}
@media (min-width: 520px) {
  p {
    font-size: 1.17vw;
    line-height: 1.76vw;
  }
}
@media (min-width: 1366px) {
  p {
    font-size: 14px;
    line-height: 21px;
  }
}
/* line 157, ./visual/css/style.scss */
a {
  color: inherit;
}
/* line 161, ./visual/css/style.scss */
.app {
  width: 100%;
  height: 100%;
  position: fixed;
  top: 0;
  left: 0;
}
/* line 170, ./visual/css/style.scss */
.container {
  max-width: 1000px;
  margin: 0 auto 0;
  padding: 0 15px;
}
/* line 177, ./visual/css/style.scss */
.mobile-lock {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  position: fixed;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  text-align: center;
  background: #cf035c;
}
@media (min-width: 768px) {
  .mobile-lock {
    display: none;
  }
}
@media (max-width: 767px) and (orientation: landscape) {
  .mobile-lock {
    display: none;
  }
}
/* line 199, ./visual/css/style.scss */
.mobile-lock__icon {
  display: block;
  max-width: 70px;
  width: 50%;
  margin-top: 15px;
}
/* line 206, ./visual/css/style.scss */
.main-winners {
  margin-top: 15px;
}